commit adf0d174978b7900c866d229cbb403b20135de80
Author: wehub-resource-sync <resource-sync@wehub.local>
Date:   Mon Jul 13 13:17:32 2026 +0800

    chore: import upstream snapshot with attribution

diff --git a/.agents/skills/frontend-unit-testing/SKILL.md b/.agents/skills/frontend-unit-testing/SKILL.md
new file mode 100644
index 0000000..8bd056c
--- /dev/null
+++ b/.agents/skills/frontend-unit-testing/SKILL.md
@@ -0,0 +1,381 @@
+---
+name: "frontend-unit-testing"
+description: "Write comprehensive, behaviour-driven unit tests for Gradio frontend Svelte components using Vitest browser mode, Playwright, and the @self/tootils test utilities."
+---
+
+# Frontend Unit Testing Skill
+
+You are an expert at writing unit tests for Gradio's Svelte frontend components. Follow these instructions precisely.
+
+## Core Principles (Non-Negotiable)
+
+1. **Test everything.** Unit tests are cheap. Having too many is a problem we want to have. When in doubt, write the test. Multiple tests per feature/argument is fine and encouraged.
+
+2. **Test behaviour, not implementation.** Never assert on implementation details like CSS class names, internal state, or DOM structure for its own sake. Instead, test observable behaviour.
+   - BAD: assert that an input has a `step` attribute set to `5`
+   - GOOD: type a value, click the increment button, and assert the value increased by `5`
+   - BAD: assert that a container has class `hidden`
+   - GOOD: assert that the element is not visible with `toBeVisible()`
+
+3. **Test Gradio-specific functionality.** Every component has `get_data`, `set_data`, and dispatches events. These must be tested, including their interactions with props.
+   - `set_data` -> verify the DOM reflects the change
+   - `get_data` -> verify it returns the current state
+   - `set_data` -> `get_data` round-trips
+   - User interaction -> `get_data` reflects it
+   - Events: `change`, `input`, `submit`, `blur`, `focus`, `clear`, `upload`, `select`, `custom_button_click`, etc.
+
+4. **Real browser environment.** Tests run in Vitest browser mode with a Playwright provider. This is a real browser, not jsdom. **Do not mock or stub** unless absolutely unavoidable (e.g., `navigator.clipboard`, `MediaStream`). If you must mock, explain why in a comment.
+
+5. **Test sub-components in isolation** when they have meaningful standalone logic (e.g., a utility function, a shared inner component). These tests are *in addition to* full `Index.svelte` integration tests.
+
+6. **Never refactor production code for testability** without explicit user approval. If a refactor would help, recommend it and wait for a go-ahead.
+
+7. **Visual-only props get `test.todo` placeholders.** If a prop or argument results in a purely visual change (colours, spacing, fonts, border styles, shadows, etc.) that cannot be meaningfully asserted with behavioural queries, do NOT skip it silently. Instead:
+   - Add a `test.todo("description")` explaining that it needs a visual regression test
+   - The description should state what prop/value is being tested and what the expected visual outcome is
+   - This ensures visual-only behaviour is tracked and not forgotten
+
+   ```ts
+   test.todo(
+     "VISUAL: container_color='red' applies a red background to the component wrapper — needs Playwright visual regression screenshot comparison"
+   );
+   ```
+
+8. **No useless comments.** Comments should be used exceptionally, only when clarification of the code is essential. Do NOT create comments to describe types of tests (`describe` blocks do that). Do NOT add comments explaining the flow of the code (the code does that). Only add comments when something is confusing or complex, adds useful context (i.e. giving more detail on the failure case it is guarding against), or goes against our principles (this requires a comment + rationale).
+
+## Test Environment & Utilities
+
+All test utilities come from `@self/tootils/render`. Never import from `@testing-library/svelte` directly.
+
+### `render(Component, props?, options?)`
+
+Mounts a Gradio component with the full shared prop infrastructure (loading_status, dispatcher, i18n, etc.).
+
+Returns:
+- `container` — the root DOM element
+- `listen(event_name, opts?)` — returns a `vi.fn()` mock that records dispatched Gradio events. By default only captures events fired *after* the call. **Use `{ retrospective: true }` when testing mount-time events** — this replays any events that were buffered during render before `listen` was called. Without this flag, mount-time events are invisible.
+- `set_data(data)` — programmatically set component data (simulates backend push). Automatically ticks.
+- `get_data()` — read current component data.
+- All `@testing-library/dom` query functions (`getByRole`, `getByText`, `getByDisplayValue`, `queryByRole`, etc.)
+- `debug()` — prints pretty DOM to console.
+- `unmount()` — teardown.
+
+Props are split automatically: keys in `allowed_shared_props` go to `shared_props`, everything else goes to `props`.
+
+### `fireEvent`
+
+Re-exported from `@testing-library/dom` but wrapped to `await tick()` twice after each event (to let Svelte reactivity settle). Always `await` fireEvent calls.
+
+### `cleanup()`
+
+Call in `afterEach` to unmount all rendered components.
+
+### `run_shared_prop_tests(config)` (MANDATORY)
+
+Runs a standard suite of shared prop tests (`elem_id`, `elem_classes`, `visible`, `label`, `show_label`, `validation_error`). **Every component test file MUST call this.** Never manually re-implement these tests.
+
+```ts
+run_shared_prop_tests({
+  component: MyComponent,
+  name: "MyComponent",
+  base_props: { /* minimum props to render */ },
+  has_label: true,        // default true; false for label-less components
+  has_validation_error: true  // default true
+});
+```
+
+**When a shared test doesn't apply to a component** (e.g., the component has no label), use the config flags to disable that specific test — do NOT skip `run_shared_prop_tests` entirely and rewrite everything by hand:
+
+```ts
+// Accordion has no label — disable label tests, keep everything else
+run_shared_prop_tests({
+  component: Accordion,
+  name: "Accordion",
+  base_props: { label: "Section", open: true },
+  has_label: false,
+  has_validation_error: false
+});
+```
+
+If a shared test fails for a component-specific reason that the flags don't cover, the correct response is to:
+1. Still call `run_shared_prop_tests` with appropriate flags to cover what it can
+2. Write a targeted custom test for the specific behaviour that differs
+3. Explain why the shared test doesn't apply in a comment
+
+### File utilities
+
+- `upload_file(fixture, selector?)` — sets files on a file input using real fixtures
+- `drop_file(fixture, selector)` — simulates drag-and-drop with real files
+- `download_file(selector)` — clicks an element and captures the download
+- `mock_client()` — returns a mock client for components that use file uploads (the upload mock echoes input unchanged)
+
+### Fixtures
+
+Pre-built `FileData` objects pointing to real test files:
+- `TEST_TXT`, `TEST_JPG`, `TEST_PNG`, `TEST_MP4`, `TEST_WAV`, `TEST_PDF`
+
+### User events
+
+For keyboard/typing interactions, import `@testing-library/user-event`:
+
+```ts
+import event from "@testing-library/user-event";
+
+el.focus();
+await event.keyboard("some text");
+await event.type(el, "123");
+await event.clear(el);
+```
+
+## Running Tests
+
+**Always use `pnpm test:run`.** Never use `pnpm test` — it starts in watch mode and never exits.
+
+**Always prefix test commands with `CI=1`** so Vitest runs Playwright in headless mode (`headless: !!process.env.CI` in `js/spa/vite.config.ts`). This prevents a visible Chromium window from opening on the developer's desktop during agent verification runs.
+
+All commands are run from the repo root.
+
+```bash
+# Run all unit tests (headless)
+CI=1 pnpm test:run
+
+# Run a specific test file (match by filename)
+CI=1 pnpm test:run Textbox.test.ts
+
+# Run all tests within a folder (match by path segment)
+CI=1 pnpm test:run dataframe
+
+# Filter by test name with -t
+CI=1 pnpm test:run -t elem_id
+
+# Combine file/folder filter with test name filter
+CI=1 pnpm test:run accordion -t elem_id
+
+# Single file via vitest directly
+CI=1 npx vitest run --config .config/vitest.config.ts js/<pkg>/<Test>.test.ts
+```
+
+If tests fail with a missing `chrome-headless-shell` executable, install it once:
+
+```bash
+pnpm exec playwright install chromium --only-shell
+```
+
+After writing or modifying tests, always run them to verify they pass.
+
+**Do NOT run browser tests automatically on branch checkout or `git pull`.** Only run tests when the user explicitly asks, or immediately after writing/modifying a test file. Branch operations are routine and should not trigger test runs.
+
+## Test File Structure
+
+```ts
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Component from "./Index.svelte";
+
+const default_props = {
+  // Minimum props for a working render, always including:
+  label: "Component Name",
+  show_label: true,
+  interactive: true,
+  // ...component-specific props
+};
+
+// 1. Shared prop tests
+run_shared_prop_tests({
+  component: Component,
+  name: "ComponentName",
+  base_props: { /* ... */ }
+});
+
+// 2. Describe blocks grouped by prop, feature, or concern
+describe("ComponentName", () => {
+  afterEach(() => cleanup());
+  // General rendering and basic behaviour
+});
+
+describe("Props: propName", () => {
+  afterEach(() => cleanup());
+  // Tests for each meaningful prop value
+});
+
+describe("Events", () => {
+  afterEach(() => cleanup());
+  // change, input, submit, blur, focus, clear, etc.
+});
+
+describe("get_data / set_data", () => {
+  afterEach(() => cleanup());
+  // Round-trip, DOM reflection, interaction flow
+});
+
+describe("Edge cases", () => {
+  afterEach(() => cleanup());
+  // Null/undefined handling, deduplication, mount-time behaviour
+});
+```
+
+### Naming conventions
+
+- **Describe blocks**: Group by `Props: <name>`, `Events`, `Events: <name>`, `get_data / set_data`, `Edge cases`, or component area.
+- **Test names**: Declarative sentences describing what should happen. e.g., `"lines > 1 renders a textarea with correct rows"`, `"change: emitted when value changes from outside"`.
+
+## Two Modes of Operation
+
+### Mode 1: Targeted tests (for a specific feature or regression)
+
+When asked to write tests for a specific feature, prop, or bug fix:
+- Read the relevant component source to understand the behaviour
+- Write focused tests covering the specific area
+- Include edge cases related to that feature
+- Proceed directly — no plan needed unless the scope is ambiguous
+
+### Mode 2: Full component test battery
+
+When asked to write or rewrite tests for an entire component:
+
+**You MUST follow this process:**
+
+1. **Research phase** — Read thoroughly:
+   - The component's `Index.svelte` (the main entry point)
+   - Any shared sub-components in the component's `shared/` directory
+   - The Python component definition in `gradio/components/` to understand all props, events, and data types
+   - Any existing tests for the component
+   - The component's demo files in `demo/` if they exist
+
+2. **Analysis phase** — Identify every testable surface:
+   - Every prop and its meaningful values (including defaults, edge cases, combinations)
+   - Every event the component dispatches
+   - `get_data` / `set_data` behaviour
+   - Interactive vs non-interactive behaviour
+   - Sub-components with standalone testable logic
+   - Accessibility-relevant behaviour (labels, ARIA attributes as they affect user behaviour)
+   - Edge cases: null/undefined values, empty strings, boundary values, mount-time behaviour, event deduplication
+   - Visual-only props: identify props that only affect appearance and flag them for `test.todo` with visual regression notes
+
+3. **Plan phase** — Present a structured testing plan:
+   - Organised by describe block
+   - Each test listed with: name, what it verifies, key assertion
+   - Call out any tests that might need mocking (and why)
+   - Call out any sub-components worth testing in isolation
+   - Call out any visual-only props that need `test.todo` placeholders for visual regression testing
+   - Note any refactoring that would improve testability (but don't do it)
+
+4. **Wait for approval** — Present the plan and ask for feedback before writing code.
+
+5. **Implementation phase** — Write the tests following the plan.
+
+## Assertion Patterns
+
+### Query priority (strict)
+
+Always use the query utilities returned by `render()`. **Never use `container.querySelector` unless every option below has been exhausted.** Follow this priority order:
+
+1. **Semantic role queries** (best — reflects how users and assistive tech see the component):
+   ```ts
+   getByRole("textbox")
+   getByRole("button", { name: "Submit" })
+   getByRole("slider")
+   ```
+
+2. **Label and text queries** (good — reflects visible content):
+   ```ts
+   getByLabelText("Upload file")
+   getByText("Submit")
+   getByDisplayValue("hello")
+   getByPlaceholderText("Enter text...")
+   ```
+
+3. **Test ID queries** (required fallback — when no semantic/text query works):
+   ```ts
+   getByTestId("source-select")
+   getByTestId("password")
+   ```
+   If the element lacks a `data-testid`, **add one to the component source**. This is always the right move. `container.querySelector` is never acceptable — adding a `data-testid` is cheap, explicit, and keeps test intent clear.
+
+Use `queryBy*` variants (which return `null` instead of throwing) when asserting something is **not** in the DOM:
+```ts
+expect(queryByRole("button")).not.toBeInTheDocument();
+expect(queryByLabelText("Upload file")).not.toBeInTheDocument();
+```
+
+### Common assertion patterns
+
+```ts
+// Visibility
+expect(el).toBeVisible();
+expect(el).not.toBeVisible();
+
+// Presence
+expect(queryByRole("button")).not.toBeInTheDocument();  // not in DOM
+expect(getByRole("button")).toBeInTheDocument();        // in DOM
+
+// Values
+expect(el).toHaveValue("hello");
+expect(el).toHaveAttribute("type", "password");
+
+// State
+expect(el).toBeDisabled();
+expect(el).toBeEnabled();
+expect(el).toHaveFocus();
+
+// Events
+const change = listen("change");
+await set_data({ value: "new" });
+expect(change).toHaveBeenCalledTimes(1);
+expect(change).toHaveBeenCalledWith("new");
+
+// Mount-time events — use { retrospective: true }
+// listen() only captures events fired AFTER it is called. Since render()
+// is awaited before listen() runs, any events fired during mount are missed.
+// Pass { retrospective: true } to also replay events from the buffer.
+//
+// Use this whenever you need to assert about mount-time behaviour:
+//   - "no spurious change event on mount"
+//   - "component fires 'load' on mount"
+//   - "initial value triggers change on mount" (or doesn't)
+const change = listen("change", { retrospective: true });
+expect(change).not.toHaveBeenCalled();  // no spurious mount event
+
+// If you expect an event WAS fired on mount:
+const load = listen("load", { retrospective: true });
+expect(load).toHaveBeenCalledTimes(1);
+
+// Event deduplication
+await set_data({ value: "x" });
+await set_data({ value: "x" });
+expect(change).toHaveBeenCalledTimes(1);
+
+// Async operations (uploads, etc.)
+await waitFor(() => {
+  expect(upload).toHaveBeenCalledTimes(1);
+});
+```
+
+## What NOT to Do
+
+- **Never use `container.querySelector`**. It is unconditionally banned. Use `getByRole`, `getByText`, `getByLabelText`, `getByDisplayValue`, `getByPlaceholderText`, or `getByTestId`. If none of those work, add a `data-testid` attribute to the component source — this is always the correct solution.
+- **Don't mock Svelte internals**, the DOM, or browser APIs that work natively.
+- **Don't unit-test purely visual styling** (colours, spacing, fonts, shadows). Instead, add `test.todo` placeholders recommending Playwright visual regression tests. Do test behavioural *effects* of styling (visibility, disabled state).
+- **Don't assert on internal class names** unless they are the mechanism by which a behaviour is expressed and there's no semantic alternative (e.g., `.sr-only` for screen-reader-only labels).
+- **Don't manually rewrite shared prop tests.** `run_shared_prop_tests` handles `elem_id`, `elem_classes`, `visible`, `label`, `show_label`, `validation_error`. Always call it. If a specific test doesn't apply, use the config flags (`has_label: false`, `has_validation_error: false`) — never skip the utility and hand-roll the tests instead.
+- **Don't use `toBeTruthy()` or `toBeFalsy()`.** These are too vague and hide intent. Use the most specific matcher for the value being checked:
+  - Element in DOM → `toBeInTheDocument()` / `.not.toBeInTheDocument()`
+  - Element visible → `toBeVisible()` / `.not.toBeVisible()`
+  - Element has value → `toHaveValue("x")`
+  - Element checked → `toBeChecked()`
+  - Element disabled → `toBeDisabled()` / `toBeEnabled()`
+  - Boolean variable → `toBe(true)` / `toBe(false)`
+  - Array non-empty → `toHaveLength(n)` or `expect(arr.length).toBeGreaterThan(0)`
+  - Non-DOM null/undefined → `toBeNull()` / `toBeDefined()` / `toBeUndefined()`
+- **Don't add `setTimeout` or artificial delays.** Use `await tick()`, `await fireEvent.x()`, or `await waitFor()`.
+- **Don't write snapshot tests.** They test implementation, not behaviour.
+- **Don't import from `@testing-library/svelte`** — always use `@self/tootils/render`.
+
+## Reference: Exemplar Test Files
+
+Study these files for patterns and quality bar:
+- `js/textbox/Textbox.test.ts` — comprehensive prop, event, and edge case testing
+- `js/image/Image.test.ts` — file upload/drop, sub-component isolation (`get_coordinates_of_clicked_image`), interactive vs static modes, custom buttons
diff --git a/.agents/skills/gradio-themes/SKILL.md b/.agents/skills/gradio-themes/SKILL.md
new file mode 100644
index 0000000..8222083
--- /dev/null
+++ b/.agents/skills/gradio-themes/SKILL.md
@@ -0,0 +1,266 @@
+---
+name: gradio-themes
+description: Build and customise Gradio themes. Use when creating, editing, or publishing Python-based Gradio themes that control colours, typography, spacing, shadows, and dark mode.
+---
+
+# Gradio Theme Building
+
+You are an expert at building Gradio themes. Themes control the entire visual identity of a Gradio app — colours, typography, spacing, shadows, and dark mode — through Python classes that compile to CSS custom properties.
+
+## Core Principles
+
+1. **Text contrast is non-negotiable.** Every text element must be readable against its actual background — body text, label text on coloured label fills, button text on button fills, placeholder text, selected checkbox text, error text, link text. A beautiful theme that can't be read is useless. Audit every text/background pair before shipping.
+
+2. **Dark mode is independently designed.** Never auto-invert light values. Every `_dark` variable should be intentionally chosen for contrast and readability on dark backgrounds. Specifically:
+   - Reduce font weight slightly on dark (350 instead of 400) — light text on dark reads heavier
+   - Desaturate accents — high chroma at high lightness looks garish
+   - Use lighter surfaces for elevation, not heavier shadows
+   - Never use pure black `#000` — use `#0a0a14`-ish dark with a subtle hue cast
+
+3. **Commit to an aesthetic direction.** Bold maximalism and refined minimalism both work — what fails is half-commitment. Pick one tone (editorial, brutal, glass, retro, organic, playful, industrial...) and execute every variable in service of it.
+
+4. **Use variable references (`*name`) for consistency.** When one value should track another, reference it. This keeps themes maintainable and lets users customise constructor params (hues, sizes) and have changes cascade.
+
+5. **Test both modes.** Always verify light AND dark for body, blocks, inputs, buttons, labels, checkboxes, tables, focus states, hover states, selected states.
+
+## Aesthetic Quality
+
+Technical correctness isn't enough. A theme can have every variable set perfectly and still look generic. Apply these checks:
+
+### The "AI Slop" Test
+If you showed this theme to someone and said "AI made this," would they immediately believe you? If yes, that's the problem. A distinctive theme makes someone ask *"how was this made?"* not *"which AI made this?"*
+
+### Palette traps to avoid
+- **Cyan accents on near-black backgrounds** — the default "AI cyberpunk" look
+- **Purple-to-blue gradients** — overused and dated
+- **Neon glow on dark mode** — looks "cool" without requiring real design decisions
+- **Gradient text on headings/metrics** — decorative, not meaningful
+- **Glassmorphism everywhere** — backdrop-blur as decoration rather than purpose
+- **Pure black (`#000`) or pure white (`#fff`)** — don't exist in nature; tint everything (even chroma 0.005-0.01 reads as natural)
+- **Untinted neutrals** (`colors.gray`, `colors.zinc` straight) — neutrals should hint at the brand hue for subconscious cohesion. Use `colors.slate` if your accent is cool, `colors.stone` if warm.
+- **Heavy alpha use** (`rgba(...)` everywhere) — usually means an incomplete palette. Define explicit overlay colours per context. Acceptable for focus rings and frosted glass; suspect everywhere else.
+- **Gray text on coloured backgrounds** — washes out. Use a darker shade of the background colour instead.
+
+### Typography traps to avoid
+- **Inter, Roboto, Open Sans, Lato, Montserrat** — these are the invisible defaults that signal "AI-generated." Fine for utility themes; lethal for distinctive ones.
+- **Better Google Font alternatives**: Instrument Sans, Plus Jakarta Sans, Outfit, Onest, Figtree, DM Sans, Source Sans 3 (sans); Fraunces, Newsreader, Lora (serif/editorial); Chakra Petch, Space Grotesk, JetBrains Mono (technical)
+- **Monospace as lazy "technical" shorthand** — only use mono when it actually communicates something
+- **Too many font sizes too close together** (12, 13, 14, 15, 16) — creates muddy hierarchy. Use fewer sizes with more contrast (1.25–1.5× ratio).
+
+### Visual detail traps to avoid
+- **Generic drop shadows** (`0 2px 4px rgba(0,0,0,0.1)`) — safe, forgettable. If you can clearly see the shadow, it's too strong. Either commit to bold shadows or none.
+- **Identical card grids** — every block looking the same shape and weight creates visual monotony.
+- **Uniform spacing** — vary tight groupings with generous separations to create rhythm.
+
+### Hierarchy through multiple dimensions
+Hierarchy is strongest when 2–3 of {size, weight, colour, position, space} change at once. A bigger label alone is weak; bigger + bolder + more space above is strong. Apply this to `block_label_*` vs `block_title_*` vs `section_header_*`.
+
+## Architecture
+
+Themes inherit from `gradio.themes.Base`, which defines 300+ CSS variables with defaults. Your theme overrides specific variables via `super().set()`.
+
+**Flow:** Python class → `_get_theme_css()` → CSS `:root { --var: val; }` → served at `/theme.css` → consumed by Svelte components via `var(--name)`.
+
+Theme CSS is injected into the `<gradio-app>` shadow DOM. The page's `<body>` is styled separately via `body_background_fill` (applied as `body { background: var(--body-background-fill) }` in the layout).
+
+## Skeleton
+
+```python
+from __future__ import annotations
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class MyTheme(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.blue,
+        secondary_hue: colors.Color | str = colors.violet,
+        neutral_hue: colors.Color | str = colors.slate,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Instrument Sans", weights=(400, 500, 600, 700)),
+            "ui-sans-serif", "system-ui", "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("JetBrains Mono"),
+            "ui-monospace", "Consolas", "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue, secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue, spacing_size=spacing_size,
+            radius_size=radius_size, text_size=text_size,
+            font=font, font_mono=font_mono,
+        )
+        self.name = "my_theme"
+        super().set(
+            # Override variables here
+        )
+```
+
+**Always specify `weights=(...)` on `GoogleFont` if using anything outside the default `(400, 600)`.** Browsers will fake-bold missing weights, which looks awful.
+
+## Building Blocks
+
+**Colour palettes** — 22 named palettes, 11 shades each (`c50` lightest → `c950` darkest):
+`slate`, `gray`, `zinc`, `stone`, `neutral`, `red`, `orange`, `amber`, `yellow`, `lime`, `green`, `emerald`, `teal`, `cyan`, `sky`, `blue`, `indigo`, `violet`, `purple`, `fuchsia`, `pink`, `rose`.
+
+```python
+from gradio.themes.utils import colors
+colors.blue.c500              # "#3b82f6"
+f"{colors.violet.c800}60"     # alpha hex (37.5% opacity)
+```
+
+**Sizes** — 7 scales each (`xxs`–`xxl`):
+`radius_none`, `radius_sm`, `radius_md`, `radius_lg`, `radius_xxl`; `spacing_sm/md/lg`; `text_sm/md/lg`. Custom sizes via `Size(xxs=..., xs=..., ...)`.
+
+**Fonts** — `GoogleFont(name, weights=(...))`, `LocalFont(name)`, plain strings for system fonts. Always include fallbacks in tuples.
+
+## Variable Reference System
+
+Use `*variable_name` to reference other theme variables. References resolve recursively at CSS generation time.
+
+```python
+input_shadow="*shadow_drop"
+button_cancel_text_color="*button_secondary_text_color"
+```
+
+**Dark mode references resolve automatically.** Do **not** append `_dark`:
+```python
+input_shadow_focus_dark="0 0 0 3px *primary_900"      # CORRECT
+input_shadow_focus_dark="0 0 0 3px *primary_900_dark" # WRONG — error
+```
+
+**Variables accept any CSS value** — colours, gradients, shadows, transforms, transitions, `none`, calc(), spacing tokens (`*spacing_md`).
+
+**Full variable list** is in `gradio/themes/base.py` — search by name. Every variable accepts an optional `_dark` suffix.
+
+### Non-obvious variables worth knowing
+
+- `block_label_*` (media element titles like "Image", "Audio") vs `block_title_*` (form element titles like a Textbox label) — these are *different* and need to be styled together.
+- `body_background_fill` paints the actual page `<body>` (full viewport), not just the gradio container. To make the container itself transparent, set `background_fill_primary="transparent"`.
+- `button_transform_hover`/`_active` — for `translateY(-2px)` "lift" effects. Pair with `button_*_shadow_hover` for proper depth.
+- `button_{size}_*` (large/small) controls padding/radius/text size per size; `button_{variant}_*` (primary/secondary/cancel) controls colours/shadows per variant.
+- `checkbox_label_*` is the surrounding pill button, separate from `checkbox_*` (the box itself).
+- `stat_background_fill` accepts gradients — useful for confidence bars.
+
+## Custom CSS
+
+Themes can bundle arbitrary CSS via `self.custom_css` (set in `__init__`). It's injected alongside the variables and ships with the theme when published to the Hub.
+
+```python
+class MyTheme(Base):
+    def __init__(self, ...):
+        super().__init__(...)
+        self.name = "my_theme"
+        self.custom_css = """
+            ...
+        """
+        super().set(...)
+```
+
+**Use `custom_css` for things variables can't express:** `backdrop-filter`, tiling background images, custom slider thumbs, pseudo-element decorations, targeting specific Gradio DOM (`.label-wrap`, `button.secondary`, `.reset-button`, `input[type="range"]`).
+
+### Critical gotcha: Shadow DOM scope
+
+Theme CSS is injected inside the `<gradio-app>` shadow DOM. **Selectors targeting `html` or `body` will not work** — those elements live in the light DOM (the actual page document).
+
+To paint the page background, use the `body_background_fill` variable (Gradio applies it to the real `<body>` from `+layout.svelte`). Do *not* try to style `body` from `custom_css`.
+
+```python
+# CORRECT — paints actual <body>, full viewport
+body_background_fill="linear-gradient(...)"
+
+# WRONG — selector doesn't resolve, gradient never paints
+self.custom_css = "body { background: linear-gradient(...) }"
+```
+
+### Custom slider thumbs
+
+Must include both webkit and moz prefixes; need `!important` to beat Gradio's defaults:
+```css
+input[type="range"]::-webkit-slider-thumb,
+input[type="range"]::-moz-range-thumb {
+    appearance: none !important;
+    width: 30px !important;
+    height: 30px !important;
+    background: url("data:image/png;base64,...") no-repeat center / contain !important;
+    background-color: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+}
+```
+
+### Gradio DOM selectors
+
+Generic class names (no Svelte hashes on these): `.gradio-container`, `.block`, `.panel`, `.form`, `.wrap`, `.label-wrap`, `button.primary`, `button.secondary`, `.reset-button`, `input[type="range"]`. Dark mode: `.dark .xxx`. Inspect the live DOM to find anything else — class names with hashes can change between versions.
+
+## Building from a Reference Image
+
+When matching a screenshot:
+
+1. **Extract**: background (solid/gradient/texture, exact colours), card style (border, radius, shadow), text weight/colour, accent hue, font feel, distinctive elements.
+2. **Map**: bg → `body_background_fill`; cards → `block_*`; buttons → `button_*` + `custom_css` for complex gradients/glows; accent → custom `Color()` if no palette matches.
+3. **Build order**: background → blocks → buttons → inputs/labels → details (slider thumbs, focus rings).
+4. **Pitfalls**: large border-radius + Gradio's `overflow: hidden` clips content (cap at ~20px); complex multi-stop button gradients need `custom_css` with `!important`; backdrop-filter doesn't work in Firefox by default.
+
+## Pre-Shipping Checklist
+
+1. `self.name` set in `__init__`
+2. **Text contrast audit** (do this first):
+   - Body text on body/block backgrounds
+   - Label text on coloured label fills (contrast against the *fill*, not the page)
+   - Button text on button fills (all 3 variants: primary, secondary, cancel)
+   - Placeholder text — visible but distinct from entered text (≥ #999 on white)
+   - Selected checkbox/radio text on selected fill
+   - Error text on error background
+   - Link text on body background
+3. Light mode: body, blocks, inputs, buttons, labels, checkboxes, tables
+4. Dark mode: same elements, *independently designed* (not auto-inverted)
+5. Focus, hover, active, selected states all 3 button variants
+6. **Aesthetic Quality pass**: AI slop test, no palette/typography traps, hierarchy works at squint distance
+7. Font weights all explicitly loaded via `weights=(...)`
+8. Test with `gr.themes.builder()` for interactive preview
+
+## Publishing
+
+```python
+theme.push_to_hub(
+    repo_name="my-theme",
+    org_name="my-org",
+    version="0.0.1",
+    description="A bold theme for data dashboards.",
+)
+
+# Load
+theme = gr.themes.Theme.from_hub("my-org/my-theme@1.2.0")
+```
+
+`custom_css` is bundled automatically. Save/load locally via `theme.dump("my_theme.json")` / `Theme.load(...)`.
+
+## Registering a Built-in Theme
+
+1. Create `gradio/themes/my_theme.py`
+2. Add `from gradio.themes.my_theme import MyTheme` to `gradio/themes/__init__.py` and add `"MyTheme"` to `__all__`
+3. Set `self.name = "my_theme"` in `__init__`
+
+## Reference: Exemplar Theme Files
+
+Read these directly for concrete patterns. Do not re-implement what exists:
+
+| Theme | Style | Techniques to study |
+|-------|-------|---------------------|
+| `gradio/themes/soft.py` | Minimal, soft | Shadow-based depth, no block borders, rounded labels |
+| `gradio/themes/cyberpunk.py` | Bold, neon | Custom hex dark backgrounds, neon glow shadows, alpha colours |
+| `gradio/themes/neon.py` | Playful, raised | Bottom-edge shadows, transform hover/active, pill shapes |
+| `gradio/themes/ember.py` | Warm, polished | Comprehensive coverage, focus ring shadows |
+| `gradio/themes/ocean.py` | Gradient, fluid | CSS gradients in buttons + checkbox labels, scale transforms |
+| `gradio/themes/glass.py` | Editorial, subtle | Gradient fills on inputs/buttons, system fonts |
+| `gradio/themes/monochrome.py` | Sharp, no colour | All neutral hues, serif font, sharp radius, thick borders |
+| `gradio/themes/default.py` | Balanced, standard | Orange+blue dual hue, stat gradients, error colours |
\ No newline at end of file
diff --git a/.agents/skills/gradio/SKILL.md b/.agents/skills/gradio/SKILL.md
new file mode 100644
index 0000000..7a6a154
--- /dev/null
+++ b/.agents/skills/gradio/SKILL.md
@@ -0,0 +1,84 @@
+---
+name: gradio
+description: Build Gradio web UIs and demos in Python. Use when creating, modifying, debugging, or answering questions about Gradio and its capabilties, components, event listeners, or layouts.
+---
+
+# Gradio
+
+Gradio is a Python library for building interactive web UIs and ML demos. This skill covers the core API, patterns, and examples.
+
+## References
+- `references/examples.md` -  Illustrative examples showcasing the core Gradio API.
+- `references/api-signatures.md` - API signatures of commonly used components.
+- `references/event-listeners.md` - API signatures of events supported by each component.
+
+## Guides
+
+Detailed guides on specific topics (read these when relevant):
+
+- [Quickstart](https://www.gradio.app/guides/quickstart)
+- [The Interface Class](https://www.gradio.app/guides/the-interface-class)
+- [Blocks and Event Listeners](https://www.gradio.app/guides/blocks-and-event-listeners)
+- [Controlling Layout](https://www.gradio.app/guides/controlling-layout)
+- [More Blocks Features](https://www.gradio.app/guides/more-blocks-features)
+- [Custom CSS and JS](https://www.gradio.app/guides/custom-CSS-and-JS)
+- [Streaming Outputs](https://www.gradio.app/guides/streaming-outputs)
+- [Streaming Inputs](https://www.gradio.app/guides/streaming-inputs)
+- [Sharing Your App](https://www.gradio.app/guides/sharing-your-app)
+- [Custom HTML Components](https://www.gradio.app/guides/custom-HTML-components)
+- [Getting Started with the Python Client](https://www.gradio.app/guides/getting-started-with-the-python-client)
+- [Getting Started with the JS Client](https://www.gradio.app/guides/getting-started-with-the-js-client)
+
+## Core Patterns
+
+**Interface** (high-level): wraps a function with input/output components.
+
+```python
+import gradio as gr
+
+def greet(name):
+    return f"Hello {name}!"
+
+gr.Interface(fn=greet, inputs="text", outputs="text").launch()
+```
+
+**Blocks** (low-level): flexible layout with explicit event wiring.
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Greeting")
+    btn = gr.Button("Greet")
+    btn.click(fn=lambda n: f"Hello {n}!", inputs=name, outputs=output)
+
+demo.launch()
+```
+
+**ChatInterface**: high-level wrapper for chatbot UIs.
+
+```python
+import gradio as gr
+
+def respond(message, history):
+    return f"You said: {message}"
+
+gr.ChatInterface(fn=respond).launch()
+```
+
+## Custom HTML Components
+
+If a task requires significant customization of an existing component or a component that doesn't exist in Gradio, you can create one with `gr.HTML`. It supports `html_template` (with `${}` JS expressions and `{{}}` Handlebars syntax), `css_template` for scoped styles, and `js_on_load` for interactivity — where `props.value` updates the component value and `trigger('event_name')` fires Gradio events. For reuse, subclass `gr.HTML` and define `api_info()` for API/MCP support. 
+
+See the [full guide](https://www.gradio.app/guides/custom-HTML-components) as well as example in `references/examples.md`
+
+## Server Mode
+
+Use `gr.Server` instead of gr.Blocks when the users requests any of the following:
+- Completely custom UI (your own HTML, React, Svelte, etc.) powered by Gradio's backend.
+- Full control of FastAPI server (custom GET/POST routes, middleware, dependency injection) alongside Gradio API endpoints
+
+See the [full guide](https://www.gradio.app/guides/server-mode) and example in `references/examples.md`.
+
+If the user's use case can be handled by Gradio's built-in components or customizable HTML components, prefer not to use `gr.Server`.
diff --git a/.agents/skills/gradio/references/api-signatures.md b/.agents/skills/gradio/references/api-signatures.md
new file mode 100644
index 0000000..354587c
--- /dev/null
+++ b/.agents/skills/gradio/references/api-signatures.md
@@ -0,0 +1,115 @@
+# Component API Signatures
+
+Quick reference for common Gradio component constructors.
+
+## `Textbox`
+
+```python
+Textbox(value: str | I18nData | Callable | None = None, type: Literal['text', 'password', 'email'] = "text", lines: int = 1, max_lines: int | None = None, placeholder: str | I18nData | None = None, label: str | I18nData | None = None, info: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, autofocus: bool = False, autoscroll: bool = True, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", text_align: Literal['left', 'right'] | None = None, rtl: bool = False, buttons: list[Literal['copy'] | Button] | None = None, max_length: int | None = None, submit_btn: str | bool | None = False, stop_btn: str | bool | None = False, html_attributes: InputHTMLAttributes | None = None)
+```
+
+Creates a textarea for user to enter string input or display string output.
+
+## `Number`
+
+```python
+Number(value: float | Callable | None = None, label: str | I18nData | None = None, placeholder: str | I18nData | None = None, info: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", buttons: list[Button] | None = None, precision: int | None = None, minimum: float | None = None, maximum: float | None = None, step: float = 1)
+```
+
+Creates a numeric field for user to enter numbers as input or display numeric output.
+
+## `Slider`
+
+```python
+Slider(minimum: float = 0, maximum: float = 100, value: float | Callable | None = None, step: float | None = None, precision: int | None = None, label: str | I18nData | None = None, info: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", randomize: bool = False, buttons: list[Literal['reset']] | None = None)
+```
+
+Creates a slider that ranges from {minimum} to {maximum} with a step size of {step}.
+
+## `Checkbox`
+
+```python
+Checkbox(value: bool | Callable = False, label: str | I18nData | None = None, info: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", buttons: list[Button] | None = None)
+```
+
+Creates a checkbox that can be set to `True` or `False`. Can be used as an input to pass a boolean value to a function or as an output to display a boolean value.
+
+## `Dropdown`
+
+```python
+Dropdown(choices: Sequence[str | int | float | tuple[str | I18nData, str | int | float]] | None = None, value: str | int | float | Sequence[str | int | float] | Callable | DefaultValue | None = DefaultValue(), type: Literal['value', 'index'] = "value", multiselect: bool | None = None, allow_custom_value: bool = False, max_choices: int | None = None, filterable: bool = True, label: str | I18nData | None = None, info: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", buttons: list[Button] | None = None)
+```
+
+Creates a dropdown of choices from which a single entry or multiple entries can be selected (as an input component) or displayed (as an output component).
+
+## `Radio`
+
+```python
+Radio(choices: Sequence[str | int | float | tuple[str | I18nData, str | int | float]] | None = None, value: str | int | float | Callable | None = None, type: Literal['value', 'index'] = "value", label: str | I18nData | None = None, info: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", rtl: bool = False, buttons: list[Button] | None = None)
+```
+
+Creates a set of (string or numeric type) radio buttons of which only one can be selected.
+
+## `Image`
+
+```python
+Image(value: str | PIL.Image.Image | np.ndarray | Callable | None = None, format: str = "webp", height: int | str | None = None, width: int | str | None = None, image_mode: Literal['1', 'L', 'P', 'RGB', 'RGBA', 'CMYK', 'YCbCr', 'LAB', 'HSV', 'I', 'F'] | None = "RGB", sources: list[Literal['upload', 'webcam', 'clipboard']] | Literal['upload', 'webcam', 'clipboard'] | None = None, type: Literal['numpy', 'pil', 'filepath'] = "numpy", label: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, buttons: list[Literal['download', 'share', 'fullscreen'] | Button] | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, streaming: bool = False, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", webcam_options: WebcamOptions | None = None, placeholder: str | None = None, watermark: WatermarkOptions | None = None)
+```
+
+Creates an image component that can be used to upload images (as an input) or display images (as an output).
+
+## `Audio`
+
+```python
+Audio(value: str | Path | tuple[int, np.ndarray] | Callable | None = None, sources: list[Literal['upload', 'microphone']] | Literal['upload', 'microphone'] | None = None, type: Literal['numpy', 'filepath'] = "numpy", label: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, streaming: bool = False, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", format: Literal['wav', 'mp3'] | None = None, autoplay: bool = False, editable: bool = True, buttons: list[Literal['download', 'share'] | Button] | None = None, waveform_options: WaveformOptions | dict | None = None, loop: bool = False, recording: bool = False, subtitles: str | Path | list[dict[str, Any]] | None = None, playback_position: float = 0)
+```
+
+Creates an audio component that can be used to upload/record audio (as an input) or display audio (as an output).
+
+## `Video`
+
+```python
+Video(value: str | Path | Callable | None = None, format: str | None = None, sources: list[Literal['upload', 'webcam']] | Literal['upload', 'webcam'] | None = None, height: int | str | None = None, width: int | str | None = None, label: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", webcam_options: WebcamOptions | None = None, include_audio: bool | None = None, autoplay: bool = False, buttons: list[Literal['download', 'share'] | Button] | None = None, loop: bool = False, streaming: bool = False, watermark: WatermarkOptions | None = None, subtitles: str | Path | list[dict[str, Any]] | None = None, playback_position: float = 0)
+```
+
+Creates a video component that can be used to upload/record videos (as an input) or display videos (as an output). For the video to be playable in the browser it must have a compatible container and codec combination. Allowed combinations are .mp4 with h264 codec, .ogg with theora codec, and .webm with vp9 codec. If the component detects that the output video would not be playable in the browser it will attempt to convert it to a playable mp4 video. If the conversion fails, the original video is returned.
+
+## `File`
+
+```python
+File(value: str | list[str] | Callable | None = None, file_count: Literal['single', 'multiple', 'directory'] = "single", file_types: list[str] | None = None, type: Literal['filepath', 'binary'] = "filepath", label: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, height: int | str | float | None = None, interactive: bool | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", allow_reordering: bool = False, buttons: list[Button] | None = None)
+```
+
+Creates a file component that allows uploading one or more generic files (when used as an input) or displaying generic files or URLs for download (as output).       Demo: zip_files, zip_to_json
+
+## `Chatbot`
+
+```python
+Chatbot(value: list[MessageDict | Message] | Callable | None = None, label: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, container: bool = True, scale: int | None = None, min_width: int = 160, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, autoscroll: bool = True, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", height: int | str | None = 400, resizable: bool = False, max_height: int | str | None = None, min_height: int | str | None = None, editable: Literal['user', 'all'] | None = None, latex_delimiters: list[dict[str, str | bool]] | None = None, rtl: bool = False, buttons: list[Literal['share', 'copy', 'copy_all'] | Button] | None = None, watermark: str | None = None, avatar_images: tuple[str | Path | None, str | Path | None] | None = None, sanitize_html: bool = True, render_markdown: bool = True, feedback_options: list[str] | tuple[str, ...] | None = ('Like', 'Dislike'), feedback_value: Sequence[str | None] | None = None, line_breaks: bool = True, layout: Literal['panel', 'bubble'] | None = None, placeholder: str | None = None, examples: list[ExampleMessage] | None = None, allow_file_downloads: bool = True, group_consecutive_messages: bool = True, allow_tags: list[str] | bool = True, reasoning_tags: list[tuple[str, str]] | None = None, like_user_message: bool = False)
+```
+
+Creates a chatbot that displays user-submitted messages and responses. Supports a subset of Markdown including bold, italics, code, tables. Also supports audio/video/image files, which are displayed in the Chatbot, and other kinds of files which are displayed as links. This component is usually used as an output component.
+
+## `Button`
+
+```python
+Button(value: str | I18nData | Callable = "Run", every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, variant: Literal['primary', 'secondary', 'stop', 'huggingface'] = "secondary", size: Literal['sm', 'md', 'lg'] = "lg", icon: str | Path | None = None, link: str | None = None, link_target: Literal['_self', '_blank', '_parent', '_top'] = "_self", visible: bool | Literal['hidden'] = True, interactive: bool = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", scale: int | None = None, min_width: int | None = None)
+```
+
+Creates a button that can be assigned arbitrary .click() events. The value (label) of the button can be used as an input to the function (rarely used) or set via the output of a function.
+
+## `Markdown`
+
+```python
+Markdown(value: str | I18nData | Callable | None = None, label: str | I18nData | None = None, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool | None = None, scale: int | None = None, min_width: int | None = None, rtl: bool = False, latex_delimiters: list[dict[str, str | bool]] | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", sanitize_html: bool = True, line_breaks: bool = False, header_links: bool = False, height: int | str | None = None, max_height: int | str | None = None, min_height: int | str | None = None, buttons: list[Literal['copy']] | None = None, container: bool = False, padding: bool = False)
+```
+
+Used to render arbitrary Markdown output. Can also render latex enclosed by dollar signs as well as code blocks with syntax highlighting. Supported languages are bash, c, cpp, go, java, javascript, json, php, python, rust, sql, and yaml. As this component does not accept user input, it is rarely used as an input component.
+
+## `HTML`
+
+```python
+HTML(value: Any | Callable | None = None, label: str | I18nData | None = None, html_template: str = "${value}", css_template: str = "", js_on_load: str | None = "element.addEventListener('click', function() { trigger('click') });", apply_default_css: bool = True, every: Timer | float | None = None, inputs: Component | Sequence[Component] | set[Component] | None = None, show_label: bool = False, scale: int | None = None, min_width: int | None = None, visible: bool | Literal['hidden'] = True, elem_id: str | None = None, elem_classes: list[str] | str | None = None, render: bool = True, key: int | str | tuple[int | str, ...] | None = None, preserved_by_key: list[str] | str | None = "value", min_height: int | None = None, max_height: int | None = None, container: bool = False, padding: bool = False, autoscroll: bool = False, buttons: list[Button] | None = None, head: str | None = None, server_functions: list[Callable] | None = None, props: Any)
+```
+
+Creates a component with arbitrary HTML. Can include CSS and JavaScript to create highly customized and interactive components.
diff --git a/.agents/skills/gradio/references/event-listeners.md b/.agents/skills/gradio/references/event-listeners.md
new file mode 100644
index 0000000..5042479
--- /dev/null
+++ b/.agents/skills/gradio/references/event-listeners.md
@@ -0,0 +1,132 @@
+# Event Listeners
+
+Events supported by each component.
+
+
+## Event Listener Signature
+
+```python
+component.event_name(
+    fn: Callable | None | Literal["decorator"] = "decorator",
+    inputs: Component | Sequence[Component] | set[Component] | None = None,
+    outputs: Component | Sequence[Component] | set[Component] | None = None,
+    api_name: str | None = None,
+    api_description: str | None | Literal[False] = None,
+    scroll_to_output: bool = False,
+    show_progress: Literal["full", "minimal", "hidden"] = "full",
+    show_progress_on: Component | Sequence[Component] | None = None,
+    queue: bool = True,
+    batch: bool = False,
+    max_batch_size: int = 4,
+    preprocess: bool = True,
+    postprocess: bool = True,
+    cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+    trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+    js: str | Literal[True] | None = None,
+    concurrency_limit: int | None | Literal["default"] = "default",
+    concurrency_id: str | None = None,
+    api_visibility: Literal["public", "private", "undocumented"] = "public",
+    time_limit: int | None = None,
+    stream_every: float = 0.5,
+    key: int | str | tuple[int | str, ...] | None = None,
+    validator: Callable | None = None,
+) -> Dependency
+```
+
+## Supported Events by Component
+
+- **AnnotatedImage**: change, select
+
+- **Audio**: stream, change, clear, play, pause, stop, pause, start_recording, pause_recording, stop_recording, upload, input
+
+- **BarPlot**: change, select, double_click
+
+- **BrowserState**: change
+
+- **Button**: change, click
+
+- **Chatbot**: change, select, like, retry, undo, example_select, option_select, clear, copy, edit
+
+- **Checkbox**: change, input, select
+
+- **CheckboxGroup**: change, input, select
+
+- **ClearButton**: change, click
+
+- **Code**: change, input, focus, blur
+
+- **ColorPicker**: change, input, release, submit, focus, blur
+
+- **Dataframe**: change, input, select, edit
+
+- **Dataset**: change, click, select
+
+- **DateTime**: change, submit
+
+- **DeepLinkButton**: change, click
+
+- **Dialogue**: change, input, submit
+
+- **DownloadButton**: change, click
+
+- **Dropdown**: change, input, select, focus, blur, key_up
+
+- **DuplicateButton**: change, click
+
+- **File**: change, select, clear, upload, delete, download
+
+- **FileExplorer**: change, input, select
+
+- **Gallery**: select, upload, change, delete, preview_close, preview_open
+
+- **HTML**: change, input, click, double_click, submit, stop, edit, clear, play, pause, end, start_recording, pause_recording, stop_recording, focus, blur, upload, release, select, stream, like, example_select, option_select, load, key_up, apply, delete, tick, undo, retry, expand, collapse, download, copy
+
+- **HighlightedText**: change, select
+
+- **Image**: clear, change, stream, select, upload, input
+
+- **ImageEditor**: clear, change, input, select, upload, apply
+
+- **ImageSlider**: clear, change, stream, select, upload, input
+
+- **JSON**: change
+
+- **Label**: change, select
+
+- **LinePlot**: change, select, double_click
+
+- **LoginButton**: change, click
+
+- **Markdown**: change, copy
+
+- **Model3D**: change, upload, edit, clear
+
+- **MultimodalTextbox**: change, input, select, submit, focus, blur, stop
+
+- **Navbar**: change
+
+- **Number**: change, input, submit, focus, blur
+
+- **ParamViewer**: change, upload
+
+- **Plot**: change
+
+- **Radio**: select, change, input
+
+- **ScatterPlot**: change, select, double_click
+
+- **SimpleImage**: clear, change, upload
+
+- **Slider**: change, input, release
+
+- **State**: change
+
+- **Textbox**: change, input, select, submit, focus, blur, stop, copy
+
+- **Timer**: change, tick
+
+- **UploadButton**: change, click, upload
+
+- **Video**: change, clear, start_recording, stop_recording, stop, play, pause, end, upload, input
+
+- **WorkflowCanvas**: change
diff --git a/.agents/skills/gradio/references/examples.md b/.agents/skills/gradio/references/examples.md
new file mode 100644
index 0000000..b48c4cd
--- /dev/null
+++ b/.agents/skills/gradio/references/examples.md
@@ -0,0 +1,613 @@
+# Gradio End-to-End Examples
+
+Complete working Gradio apps for reference.
+
+## Blocks Essay Simple
+
+```python
+import gradio as gr
+
+def change_textbox(choice):
+    if choice == "short":
+        return gr.Textbox(lines=2, visible=True)
+    elif choice == "long":
+        return gr.Textbox(lines=8, visible=True, value="Lorem ipsum dolor sit amet")
+    else:
+        return gr.Textbox(visible=False)
+
+with gr.Blocks() as demo:
+    radio = gr.Radio(
+        ["short", "long", "none"], label="What kind of essay would you like to write?"
+    )
+    text = gr.Textbox(lines=2, interactive=True, buttons=["copy"])
+    radio.change(fn=change_textbox, inputs=radio, outputs=text)
+
+demo.launch()
+```
+
+## Blocks Flipper
+
+```python
+import numpy as np
+import gradio as gr
+
+def flip_text(x):
+    return x[::-1]
+
+def flip_image(x):
+    return np.fliplr(x)
+
+with gr.Blocks() as demo:
+    gr.Markdown("Flip text or image files using this demo.")
+    with gr.Tab("Flip Text"):
+        text_input = gr.Textbox()
+        text_output = gr.Textbox()
+        text_button = gr.Button("Flip")
+    with gr.Tab("Flip Image"):
+        with gr.Row():
+            image_input = gr.Image()
+            image_output = gr.Image()
+        image_button = gr.Button("Flip")
+
+    with gr.Accordion("Open for More!", open=False):
+        gr.Markdown("Look at me...")
+        temp_slider = gr.Slider(
+            0, 1,
+            value=0.1,
+            step=0.1,
+            interactive=True,
+            label="Slide me",
+        )
+
+    text_button.click(flip_text, inputs=text_input, outputs=text_output)
+    image_button.click(flip_image, inputs=image_input, outputs=image_output)
+
+demo.launch()
+```
+
+## Blocks Form
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name_box = gr.Textbox(label="Name")
+    age_box = gr.Number(label="Age", minimum=0, maximum=100)
+    symptoms_box = gr.CheckboxGroup(["Cough", "Fever", "Runny Nose"])
+    submit_btn = gr.Button("Submit")
+
+    with gr.Column(visible=False) as output_col:
+        diagnosis_box = gr.Textbox(label="Diagnosis")
+        patient_summary_box = gr.Textbox(label="Patient Summary")
+
+    def submit(name, age, symptoms):
+        return {
+            submit_btn: gr.Button(visible=False),
+            output_col: gr.Column(visible=True),
+            diagnosis_box: "covid" if "Cough" in symptoms else "flu",
+            patient_summary_box: f"{name}, {age} y/o",
+        }
+
+    submit_btn.click(
+        submit,
+        [name_box, age_box, symptoms_box],
+        [submit_btn, diagnosis_box, patient_summary_box, output_col],
+    )
+
+demo.launch()
+```
+
+## Blocks Hello
+
+```python
+import gradio as gr
+
+def welcome(name):
+    return f"Welcome to Gradio, {name}!"
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+    """
+    # Hello World!
+    Start typing below to see the output.
+    """)
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+    inp.change(welcome, inp, out)
+
+demo.launch()
+```
+
+## Blocks Layout
+
+```python
+import gradio as gr
+
+demo = gr.Blocks()
+
+with demo:
+    with gr.Row():
+        gr.Image(interactive=True, scale=2)
+        gr.Image()
+    with gr.Row():
+        gr.Textbox(label="Text")
+        gr.Number(label="Count", scale=2)
+        gr.Radio(choices=["One", "Two"])
+    with gr.Row():
+        gr.Button("500", scale=0, min_width=500)
+        gr.Button("A", scale=0)
+        gr.Button("grow")
+    with gr.Row():
+        gr.Textbox()
+        gr.Textbox()
+        gr.Button()
+    with gr.Row():
+        with gr.Row():
+            with gr.Column():
+                gr.Textbox(label="Text")
+                gr.Number(label="Count")
+                gr.Radio(choices=["One", "Two"])
+            gr.Image()
+            with gr.Column():
+                gr.Image(interactive=True)
+                gr.Image()
+    gr.Image()
+    gr.Textbox(label="Text")
+    gr.Number(label="Count")
+    gr.Radio(choices=["One", "Two"])
+
+demo.launch()
+```
+
+## Calculator
+
+```python
+import gradio as gr
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        if num2 == 0:
+            raise gr.Error("Cannot divide by zero!")
+        return num1 / num2
+
+demo = gr.Interface(
+    calculator,
+    [
+        "number",
+        gr.Radio(["add", "subtract", "multiply", "divide"]),
+        "number"
+    ],
+    "number",
+    examples=[
+        [45, "add", 3],
+        [3.14, "divide", 2],
+        [144, "multiply", 2.5],
+        [0, "subtract", 1.2],
+    ],
+    title="Toy Calculator",
+    description="Here's a sample toy calculator.",
+    api_name="predict"
+)
+
+demo.launch()
+```
+
+## Chatbot Simple
+
+```python
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox()
+    clear = gr.ClearButton([msg, chatbot])
+
+    def respond(message, chat_history):
+        bot_message = random.choice(["How are you?", "Today is a great day", "I'm very hungry"])
+        chat_history.append({"role": "user", "content": message})
+        chat_history.append({"role": "assistant", "content": bot_message})
+        time.sleep(2)
+        return "", chat_history
+
+    msg.submit(respond, [msg, chatbot], [msg, chatbot])
+
+demo.launch()
+```
+
+## Chatbot Streaming
+
+```python
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox()
+    clear = gr.Button("Clear")
+
+    def user(user_message, history: list):
+        return "", history + [{"role": "user", "content": user_message}]
+
+    def bot(history: list):
+        bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
+        history.append({"role": "assistant", "content": ""})
+        for character in bot_message:
+            history[-1]['content'] += character
+            time.sleep(0.05)
+            yield history
+
+    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    clear.click(lambda: None, None, chatbot, queue=False)
+
+demo.launch()
+```
+
+## Custom Css
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Column(elem_classes="cool-col"):
+        gr.Markdown("### Gradio Demo with Custom CSS", elem_classes="darktest")
+        gr.Markdown(
+            elem_classes="markdown",
+            value="Resize the browser window to see the CSS media query in action.",
+        )
+
+if __name__ == "__main__":
+    demo.launch(css_paths=["demo/custom_css/custom_css.css"])
+```
+
+## Fake Diffusion
+
+```python
+import gradio as gr
+import numpy as np
+import time
+
+def fake_diffusion(steps):
+    rng = np.random.default_rng()
+    for i in range(steps):
+        time.sleep(1)
+        image = rng.random(size=(600, 600, 3))
+        yield image
+    image = np.ones((1000,1000,3), np.uint8)
+    image[:] = [255, 124, 0]
+    yield image
+
+demo = gr.Interface(fake_diffusion,
+                    inputs=gr.Slider(1, 10, 3, step=1),
+                    outputs="image",
+                    api_name="predict")
+
+demo.launch()
+```
+
+## Hello World
+
+```python
+import gradio as gr
+
+
+def greet(name):
+    return "Hello " + name + "!"
+
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox", api_name="predict")
+
+demo.launch()
+```
+
+## Image Editor
+
+```python
+import gradio as gr
+import time
+
+
+def sleep(im):
+    time.sleep(5)
+    return [im["background"], im["layers"][0], im["layers"][1], im["composite"]]
+
+
+def predict(im):
+    return im["composite"]
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        im = gr.ImageEditor(
+            type="numpy",
+        )
+        im_preview = gr.Image()
+    n_upload = gr.Number(0, label="Number of upload events", step=1)
+    n_change = gr.Number(0, label="Number of change events", step=1)
+    n_input = gr.Number(0, label="Number of input events", step=1)
+
+    im.upload(lambda x: x + 1, outputs=n_upload, inputs=n_upload)
+    im.change(lambda x: x + 1, outputs=n_change, inputs=n_change)
+    im.input(lambda x: x + 1, outputs=n_input, inputs=n_input)
+    im.change(predict, outputs=im_preview, inputs=im, show_progress="hidden")
+
+demo.launch()
+```
+
+## On Listener Decorator
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+
+    @gr.on(triggers=[name.submit, greet_btn.click], inputs=name, outputs=output)
+    def greet(name):
+        return "Hello " + name + "!"
+
+demo.launch()
+```
+
+## Render Merge
+
+```python
+import gradio as gr
+import time
+
+with gr.Blocks() as demo:
+    text_count = gr.Slider(1, 5, value=1, step=1, label="Textbox Count")
+
+    @gr.render(inputs=text_count)
+    def render_count(count):
+        boxes = []
+        for i in range(count):
+            box = gr.Textbox(label=f"Box {i}")
+            boxes.append(box)
+
+        def merge(*args):
+            time.sleep(0.2)  # simulate a delay
+            return " ".join(args)
+
+        merge_btn.click(merge, boxes, output)
+
+        def clear():
+            time.sleep(0.2)  # simulate a delay
+            return [" "] * count
+
+        clear_btn.click(clear, None, boxes)
+
+        def countup():
+            time.sleep(0.2)  # simulate a delay
+            return list(range(count))
+
+        count_btn.click(countup, None, boxes, queue=False)
+
+    with gr.Row():
+        merge_btn = gr.Button("Merge")
+        clear_btn = gr.Button("Clear")
+        count_btn = gr.Button("Count")
+
+    output = gr.Textbox()
+
+demo.launch()
+```
+
+## Reverse Audio 2
+
+```python
+import gradio as gr
+import numpy as np
+
+def reverse_audio(audio):
+    sr, data = audio
+    return (sr, np.flipud(data))
+
+demo = gr.Interface(fn=reverse_audio,
+                    inputs="microphone",
+                    outputs="audio", api_name="predict")
+
+demo.launch()
+```
+
+## Sepia Filter
+
+```python
+import numpy as np
+import gradio as gr
+
+def sepia(input_img):
+    sepia_filter = np.array([
+        [0.393, 0.769, 0.189],
+        [0.349, 0.686, 0.168],
+        [0.272, 0.534, 0.131]
+    ])
+    sepia_img = input_img.dot(sepia_filter.T)
+    sepia_img /= sepia_img.max()
+    return sepia_img
+
+demo = gr.Interface(sepia, gr.Image(), "image", api_name="predict")
+demo.launch()
+```
+
+## Sort Records
+
+```python
+import gradio as gr
+
+def sort_records(records):
+    return records.sort("Quantity")
+
+demo = gr.Interface(
+    sort_records,
+    gr.Dataframe(
+        headers=["Item", "Quantity"],
+        datatype=["str", "number"],  
+        row_count=3,
+        column_count=2,
+        column_limits=(2, 2),
+        type="polars"
+    ),
+    "dataframe",
+    description="Sort by Quantity"
+)
+
+demo.launch()
+```
+
+## Streaming Simple
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            input_img = gr.Image(label="Input", sources="webcam")
+        with gr.Column():
+            output_img = gr.Image(label="Output")
+        input_img.stream(lambda s: s, input_img, output_img, time_limit=15, stream_every=0.1, concurrency_limit=30)
+
+if __name__ == "__main__":
+
+    demo.launch()
+```
+
+## Tabbed Interface Lite
+
+```python
+import gradio as gr
+
+hello_world = gr.Interface(lambda name: "Hello " + name, "text", "text", api_name="predict")
+bye_world = gr.Interface(lambda name: "Bye " + name, "text", "text", api_name="predict")
+chat = gr.ChatInterface(lambda *args: "Hello " + args[0], api_name="chat")
+
+demo = gr.TabbedInterface([hello_world, bye_world, chat], ["Hello World", "Bye World", "Chat"])
+
+demo.launch()
+```
+
+## Tax Calculator
+
+```python
+import gradio as gr
+
+def tax_calculator(income, marital_status, assets):
+    tax_brackets = [(10, 0), (25, 8), (60, 12), (120, 20), (250, 30)]
+    total_deductible = sum(cost for cost, deductible in zip(assets["Cost"], assets["Deductible"]) if deductible)
+    taxable_income = income - total_deductible
+
+    total_tax = 0
+    for bracket, rate in tax_brackets:
+        if taxable_income > bracket:
+            total_tax += (taxable_income - bracket) * rate / 100
+
+    if marital_status == "Married":
+        total_tax *= 0.75
+    elif marital_status == "Divorced":
+        total_tax *= 0.8
+
+    return round(total_tax)
+
+demo = gr.Interface(
+    tax_calculator,
+    [
+        "number",
+        gr.Radio(["Single", "Married", "Divorced"]),
+        gr.Dataframe(
+            headers=["Item", "Cost", "Deductible"],
+            datatype=["str", "number", "bool"],  
+            label="Assets Purchased this Year",
+        ),
+    ],
+    gr.Number(label="Tax due"),
+    examples=[
+        [10000, "Married", [["Suit", 5000, True], ["Laptop (for work)", 800, False], ["Car", 1800, True]]],
+        [80000, "Single", [["Suit", 800, True], ["Watch", 1800, True], ["Food", 800, True]]],
+    ],
+    live=True,
+    api_name="predict"
+)
+
+demo.launch()
+```
+
+## Timer Simple
+
+```python
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+  timer = gr.Timer(1)
+  timestamp = gr.Number(label="Time")
+  timer.tick(lambda: round(time.time()), outputs=timestamp, api_name="timestamp")
+
+  number = gr.Number(lambda: random.randint(1, 10), every=timer, label="Random Number")
+  with gr.Row():
+    gr.Button("Start").click(lambda: gr.Timer(active=True), None, timer)
+    gr.Button("Stop").click(lambda: gr.Timer(active=False), None, timer)
+    gr.Button("Go Fast").click(lambda: 0.2, None, timer)
+
+if __name__ == "__main__":
+  demo.launch()
+```
+
+## Variable Outputs
+
+```python
+import gradio as gr
+
+max_textboxes = 10
+
+def variable_outputs(k):
+    k = int(k)
+    return [gr.Textbox(visible=True)]*k + [gr.Textbox(visible=False)]*(max_textboxes-k)
+
+with gr.Blocks() as demo:
+    s = gr.Slider(1, max_textboxes, value=max_textboxes, step=1, label="How many textboxes to show:")
+    textboxes = []
+    for i in range(max_textboxes):
+        t = gr.Textbox(f"Textbox {i}")
+        textboxes.append(t)
+
+    s.change(variable_outputs, s, textboxes)
+
+if __name__ == "__main__":
+   demo.launch()
+```
+
+## Video Identity
+
+```python
+import gradio as gr
+from gradio.media import get_video
+
+def video_identity(video):
+    return video
+
+# get_video() returns file paths to sample media included with Gradio
+demo = gr.Interface(video_identity,
+                    gr.Video(),
+                    "playable_video",
+                    examples=[
+                        get_video("world.mp4")
+                    ],
+                    cache_examples=True,
+                    api_name="predict",)
+
+demo.launch()
+```
diff --git a/.agents/skills/hf-gradio/SKILL.md b/.agents/skills/hf-gradio/SKILL.md
new file mode 100644
index 0000000..bf5d776
--- /dev/null
+++ b/.agents/skills/hf-gradio/SKILL.md
@@ -0,0 +1,83 @@
+---
+name: hf-gradio
+description: Use Gradio applications via API. Use when the user asks for to generate a prediction from a Gradio app on Hugging Face spaces or public URL. For example, "Generate an image using black-forest-labs/FLUX.2-dev". 
+---
+
+## hf-gradio CLI Skill
+
+The `hf-gradio` CLI `gradio` CLI includes `info` and `predict` commands for interacting with Gradio apps programmatically. 
+
+## Step 1 - Verify installation
+
+Verify that either `hf-gradio` or `gradio` are installed in the current virtual environment.
+
+If the `hf` CLI app is installed. The `hf-gradio` extension can be installed via
+
+```bash
+hf extensions install gradio-app/hf-gradio
+```
+
+### Step 2 - Use `info` to discover endpoints and payload format
+
+```bash
+gradio info <space_id_or_url>
+```
+
+```bash
+hf-gradio info <space_id_or_url>
+```
+
+```bash
+hf gradio info <space_id_or_url>
+```
+
+Returns a JSON payload describing all endpoints, their parameters (with types and defaults), and return values.
+
+```bash
+gradio info gradio/calculator
+#    {
+#   "/predict": {
+#     "parameters": [
+#       {"name": "num1", "required": true, "default": null, "type": {"type": "number"}},
+#       {"name": "operation", "required": true, "default": null, "type": {"enum": ["add", "subtract", "multiply", "divide"], "type": "string"}},
+#       {"name": "num2", "required": true, "default": null, "type": {"type": "number"}}
+#     ],
+#     "returns": [{"name": "output", "type": {"type": "number"}}],
+#     "description": ""
+#   }
+# }
+```
+
+File-type parameters show `"type": "filepath"` with instructions to include `"meta": {"_type": "gradio.FileData"}` — this signals the file will be uploaded to the remote server.
+
+## Step 3 - Use `predict` to generate the prediction
+
+```bash
+gradio predict <space_id_or_url> <endpoint> <json_payload>
+```
+
+```bash
+hf-gradio predict <space_id_or_url> <endpoint> <json_payload>
+```
+
+```bash
+hf gradio predict <space_id_or_url> <endpoint> <json_payload>
+```
+
+Returns a JSON object with named output keys.
+
+```bash
+# Simple numeric prediction
+gradio predict gradio/calculator /predict '{"num1": 5, "operation": "multiply", "num2": 3}'
+# {"output": 15}
+
+# Image generation
+gradio predict black-forest-labs/FLUX.2-dev /infer '{"prompt": "A majestic dragon"}'
+# {"Result": "/tmp/gradio/.../image.webp", "Seed": 1117868604}
+
+# File upload (must include meta key)
+gradio predict gradio/image_mod /predict '{"image": {"path": "/path/to/image.png", "meta": {"_type": "gradio.FileData"}}}'
+# {"output": "/tmp/gradio/.../output.png"}
+```
+
+Both commands accept `--token` for accessing private Spaces.
\ No newline at end of file
diff --git a/.changeset/README.md b/.changeset/README.md
new file mode 100644
index 0000000..e5b6d8d
--- /dev/null
+++ b/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/changeset.cjs b/.changeset/changeset.cjs
new file mode 100644
index 0000000..de9958b
--- /dev/null
+++ b/.changeset/changeset.cjs
@@ -0,0 +1,332 @@
+const { getPackagesSync } = require("@manypkg/get-packages");
+const dependents_graph = require("@changesets/get-dependents-graph");
+
+const gh = require("@changesets/get-github-info");
+const { existsSync, readFileSync, writeFileSync } = require("fs");
+const { join } = require("path");
+
+const { getInfo, getInfoFromPullRequest } = gh;
+const pkg_data = getPackagesSync(process.cwd());
+const { packages, rootDir } = pkg_data;
+const dependents = dependents_graph.getDependentsGraph({
+	packages,
+	root: pkg_data.rootPackage
+});
+
+/**
+ * @typedef {{packageJson: {name: string, python?: boolean}, dir: string}} Package
+ */
+
+/**
+ * @typedef {{summary: string, id: string, commit: string, releases: {name: string}}} Changeset
+ */
+
+/**
+ *
+ * @param {string} package_name The name of the package to find the directories for
+ * @returns {string[]} The directories for the package
+ */
+function find_packages_dirs(package_name) {
+	/** @type {string[]} */
+	let package_dirs = [];
+
+	/** @type {Package | undefined} */
+	const _package = packages.find((p) => p.packageJson.name === package_name);
+	if (!_package) throw new Error(`Package ${package_name} not found`);
+
+	package_dirs.push(_package.dir);
+	if (_package.packageJson.python) {
+		package_dirs.push(join(_package.dir, ".."));
+	}
+	return package_dirs;
+}
+
+let lines = {
+	_handled: []
+};
+
+const changelogFunctions = {
+	/**
+	 *
+	 * @param {Changeset[]} changesets The changesets that have been created
+	 * @param {any} dependenciesUpdated The dependencies that have been updated
+	 * @param {any} options The options passed to the changelog generator
+	 * @returns {Promise<string>} The release line for the dependencies
+	 */
+	getDependencyReleaseLine: async (
+		changesets,
+		dependenciesUpdated,
+		options
+	) => {
+		if (!options.repo) {
+			throw new Error(
+				'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
+			);
+		}
+		if (dependenciesUpdated.length === 0) return "";
+
+		const changesetLink = `- Updated dependencies [${(
+			await Promise.all(
+				changesets.map(async (cs) => {
+					if (cs.commit) {
+						let { links } = await getInfo({
+							repo: options.repo,
+							commit: cs.commit
+						});
+						return links.commit;
+					}
+				})
+			)
+		)
+			.filter((_) => _)
+			.join(", ")}]:`;
+
+		const updatedDepenenciesList = dependenciesUpdated.map(
+			/**
+			 *
+			 * @param {any} dependency The dependency that has been updated
+			 * @returns {string} The formatted dependency
+			 */
+			(dependency) => {
+				const updates = dependents.get(dependency.name);
+
+				if (updates && updates.length > 0) {
+					updates.forEach((update) => {
+						if (!lines[update]) {
+							lines[update] = {
+								dirs: find_packages_dirs(update),
+								current_changelog: "",
+								feat: [],
+								fix: [],
+								highlight: [],
+								previous_version: packages.find(
+									(p) => p.packageJson.name === update
+								).packageJson.version,
+								dependencies: []
+							};
+
+							const changelog_path = join(
+								//@ts-ignore
+								lines[update].dirs[1] || lines[update].dirs[0],
+								"CHANGELOG.md"
+							);
+
+							if (existsSync(changelog_path)) {
+								//@ts-ignore
+								lines[update].current_changelog = readFileSync(
+									changelog_path,
+									"utf-8"
+								)
+									.replace(`# ${update}`, "")
+									.trim();
+							}
+						}
+						lines[update].dependencies.push(
+							`  - ${dependency.name}@${dependency.newVersion}`
+						);
+					});
+				}
+
+				return `  - ${dependency.name}@${dependency.newVersion}`;
+			}
+		);
+
+		writeFileSync(
+			join(rootDir, ".changeset", "_changelog.json"),
+			JSON.stringify(lines, null, 2)
+		);
+
+		return [changesetLink, ...updatedDepenenciesList].join("\n");
+	},
+	/**
+	 *
+	 * @param {{summary: string, id: string, commit: string, releases: {name: string}[]}} changeset The changeset that has been created
+	 * @param {any} type The type of changeset
+	 * @param {any} options The options passed to the changelog generator
+	 * @returns {Promise<string>} The release line for the changeset
+	 */
+	getReleaseLine: async (changeset, type, options) => {
+		if (!options || !options.repo) {
+			throw new Error(
+				'Please provide a repo to this changelog generator like this:\n"changelog": ["@changesets/changelog-github", { "repo": "org/repo" }]'
+			);
+		}
+
+		let prFromSummary;
+		let commitFromSummary;
+		/**
+		 * @type {string[]}
+		 */
+		let usersFromSummary = [];
+
+		const replacedChangelog = changeset.summary
+			.replace(/^\s*(?:pr|pull|pull\s+request):\s*#?(\d+)/im, (_, pr) => {
+				let num = Number(pr);
+				if (!isNaN(num)) prFromSummary = num;
+				return "";
+			})
+			.replace(/^\s*commit:\s*([^\s]+)/im, (_, commit) => {
+				commitFromSummary = commit;
+				return "";
+			})
+			.replace(/^\s*(?:author|user):\s*@?([^\s]+)/gim, (_, user) => {
+				usersFromSummary.push(user);
+				return "";
+			})
+			.trim();
+
+		const [firstLine, ...futureLines] = replacedChangelog
+			.split("\n")
+			.map((l) => l.trimRight());
+
+		const links = await (async () => {
+			if (prFromSummary !== undefined) {
+				let { links } = await getInfoFromPullRequest({
+					repo: options.repo,
+					pull: prFromSummary
+				});
+				if (commitFromSummary) {
+					links = {
+						...links,
+						commit: `[\`${commitFromSummary}\`](https://github.com/${options.repo}/commit/${commitFromSummary})`
+					};
+				}
+				return links;
+			}
+			const commitToFetchFrom = commitFromSummary || changeset.commit;
+			if (commitToFetchFrom) {
+				let { links } = await getInfo({
+					repo: options.repo,
+					commit: commitToFetchFrom
+				});
+				return links;
+			}
+			return {
+				commit: null,
+				pull: null,
+				user: null
+			};
+		})();
+
+		const user_link = /\[(@[^]+)\]/.exec(links.user);
+		const users =
+			usersFromSummary && usersFromSummary.length
+				? usersFromSummary
+						.map((userFromSummary) => `@${userFromSummary}`)
+						.join(", ")
+				: user_link
+					? user_link[1]
+					: links.user;
+
+		const prefix = [
+			links.pull === null ? "" : `${links.pull}`,
+			links.commit === null ? "" : `${links.commit}`
+		]
+			.join(" ")
+			.trim();
+
+		const suffix = users === null ? "" : ` Thanks ${users}!`;
+
+		/**
+		 * @typedef {{[key: string]: string[] | {dirs: string[], current_changelog: string, feat: {summary: string}[], fix: {summary: string}[], highlight: {summary: string}[]}}} ChangesetMeta
+		 */
+
+		/**
+		 * @type { ChangesetMeta & { _handled: string[] } }}
+		 */
+
+		if (lines._handled.includes(changeset.id)) {
+			return "done";
+		}
+		lines._handled.push(changeset.id);
+
+		changeset.releases.forEach((release) => {
+			if (!lines[release.name]) {
+				lines[release.name] = {
+					dirs: find_packages_dirs(release.name),
+					current_changelog: "",
+					feat: [],
+					fix: [],
+					highlight: [],
+					previous_version: packages.find(
+						(p) => p.packageJson.name === release.name
+					).packageJson.version,
+					dependencies: []
+				};
+			}
+
+			const changelog_path = join(
+				//@ts-ignore
+				lines[release.name].dirs[1] || lines[release.name].dirs[0],
+				"CHANGELOG.md"
+			);
+
+			if (existsSync(changelog_path)) {
+				//@ts-ignore
+				lines[release.name].current_changelog = readFileSync(
+					changelog_path,
+					"utf-8"
+				)
+					.replace(`# ${release.name}`, "")
+					.trim();
+			}
+
+			const [, _type, summary] = changeset.summary
+				.trim()
+				.match(/^(feat|fix|highlight)\s*:\s*([^]*)/im) || [
+				,
+				"feat",
+				changeset.summary
+			];
+
+			let formatted_summary = "";
+
+			if (_type === "highlight") {
+				const [heading, ...rest] = summary.trim().split("\n");
+				const _heading = `${heading} ${prefix ? `(${prefix})` : ""}`;
+				const _rest = rest.concat(["", suffix]);
+
+				formatted_summary = `${_heading}\n${_rest.join("\n")}`;
+			} else {
+				formatted_summary = handle_line(summary, prefix, suffix);
+			}
+
+			//@ts-ignore
+			lines[release.name][_type].push({
+				summary: formatted_summary
+			});
+		});
+
+		writeFileSync(
+			join(rootDir, ".changeset", "_changelog.json"),
+			JSON.stringify(lines, null, 2)
+		);
+
+		return `\n\n-${prefix ? `${prefix} -` : ""} ${firstLine}\n${futureLines
+			.map((l) => `  ${l}`)
+			.join("\n")}`;
+	}
+};
+
+/**
+ * @param {string} str The changelog entry
+ * @param {string} prefix The prefix to add to the first line
+ * @param {string} suffix The suffix to add to the last line
+ * @returns {string} The formatted changelog entry
+ */
+function handle_line(str, prefix, suffix) {
+	const [_s, ...lines] = str.split("\n").filter(Boolean);
+
+	const desc = `${prefix ? `${prefix} -` : ""} ${_s.replace(
+		/[\s\.]$/,
+		""
+	)}. ${suffix}`;
+
+	if (_s.length === 1) {
+		return desc;
+	}
+
+	return [desc, ...lines.map((l) => `  ${l}`)].join("/n");
+}
+
+module.exports = changelogFunctions;
diff --git a/.changeset/config.json b/.changeset/config.json
new file mode 100644
index 0000000..d3179ef
--- /dev/null
+++ b/.changeset/config.json
@@ -0,0 +1,11 @@
+{
+	"$schema": "https://unpkg.com/@changesets/config@2.3.0/schema.json",
+	"changelog": ["./changeset.cjs", { "repo": "gradio-app/gradio" }],
+	"commit": false,
+	"fixed": [],
+	"linked": [],
+	"access": "public",
+	"baseBranch": "main",
+	"updateInternalDependencies": "patch",
+	"ignore": ["@self/spaces-test", "@self/cdn-test"]
+}
diff --git a/.changeset/fix_changelogs.cjs b/.changeset/fix_changelogs.cjs
new file mode 100644
index 0000000..5d7138d
--- /dev/null
+++ b/.changeset/fix_changelogs.cjs
@@ -0,0 +1,149 @@
+const { join } = require("path");
+const { readFileSync, existsSync, writeFileSync, unlinkSync } = require("fs");
+const { getPackagesSync } = require("@manypkg/get-packages");
+
+const RE_PKG_NAME = /^[\w-]+\b/;
+const pkg_meta = getPackagesSync(process.cwd());
+
+/**
+ * @typedef {{dirs: string[], highlight: {summary: string}[], feat: {summary: string}[], fix: {summary: string}[], current_changelog: string}} ChangesetMeta
+ */
+
+/**
+ * @typedef {{[key: string]: ChangesetMeta}} ChangesetMetaCollection
+ */
+
+function run() {
+	if (!existsSync(join(pkg_meta.rootDir, ".changeset", "_changelog.json"))) {
+		console.warn("No changesets to process");
+		return;
+	}
+
+	/**
+	 * @type { ChangesetMetaCollection & { _handled: string[] } }}
+	 */
+	const { _handled, ...packages } = JSON.parse(
+		readFileSync(
+			join(pkg_meta.rootDir, ".changeset", "_changelog.json"),
+			"utf-8"
+		)
+	);
+
+	/**
+	 * @typedef { {packageJson: {name: string, version: string, python: boolean}, dir: string} } PackageMeta
+	 */
+
+	/**
+	 * @type { {[key:string]: PackageMeta} }
+	 */
+	const all_packages = pkg_meta.packages.reduce((acc, pkg) => {
+		acc[pkg.packageJson.name] = /**@type {PackageMeta} */ (
+			/** @type {unknown} */ (pkg)
+		);
+		return acc;
+	}, /** @type {{[key:string] : PackageMeta}} */ ({}));
+
+	for (const pkg_name in packages) {
+		const { dirs, highlight, feat, fix, current_changelog, dependencies } =
+			/**@type {ChangesetMeta} */ (packages[pkg_name]);
+
+		if (pkg_name === "@gradio/lite") {
+			const target = all_packages.gradio.packageJson.version.split(".");
+
+			const current_version = packages[pkg_name].previous_version.split(".");
+
+			if (!packages.gradio) {
+				const patch = parseInt(current_version[2]) + 1;
+				const new_version = [target[0], target[1], patch];
+				all_packages[pkg_name].packageJson.version = new_version.join(".");
+			} else {
+				if (parseInt(target[1]) > parseInt(current_version[1])) {
+					all_packages[pkg_name].packageJson.version = target.join(".");
+				} else if (parseInt(target[1]) === parseInt(current_version[1])) {
+					const patch = parseInt(current_version[2]) + 1;
+					const new_version = [target[0], target[1], patch];
+					all_packages[pkg_name].packageJson.version = new_version.join(".");
+				}
+			}
+
+			writeFileSync(
+				join(all_packages[pkg_name].dir, "package.json"),
+				JSON.stringify(all_packages[pkg_name].packageJson, null, "\t") + "\n"
+			);
+		}
+
+		const { version, python } = all_packages[pkg_name].packageJson;
+
+		const highlights = highlight?.map((h) => `${h.summary}`) || [];
+		const features = feat?.map((f) => `- ${f.summary}`) || [];
+		const fixes = fix?.map((f) => `- ${f.summary}`) || [];
+		const deps = Array.from(new Set(dependencies?.map((d) => d.trim()))) || [];
+
+		const release_notes = /** @type {[string[], string][]} */ ([
+			[highlights, "### Highlights"],
+			[features, "### Features"],
+			[fixes, "### Fixes"],
+			[deps, "### Dependency updates"]
+		])
+			.filter(([s], i) => s.length > 0)
+			.map(([lines, title]) => {
+				if (title === "### Highlights") {
+					return `${title}\n\n${lines.join("\n\n")}`;
+				}
+
+				return `${title}\n\n${lines.join("\n")}`;
+			})
+			.join("\n\n");
+
+		const new_changelog = `# ${pkg_name}
+
+## ${version}
+
+${release_notes}
+
+${current_changelog.replace(`# ${pkg_name}`, "").trim()}
+`.trim();
+
+		dirs.forEach((dir) => {
+			writeFileSync(join(dir, "CHANGELOG.md"), new_changelog);
+		});
+
+		if (python) {
+			bump_local_dependents(pkg_name, version);
+		}
+	}
+
+	unlinkSync(join(pkg_meta.rootDir, ".changeset", "_changelog.json"));
+
+	/**
+	 * @param {string} pkg_to_bump The name of the package to bump
+	 * @param {string} version The version to bump to
+	 * @returns {void}
+	 * */
+	function bump_local_dependents(pkg_to_bump, version) {
+		for (const pkg_name in all_packages) {
+			const {
+				dir,
+				packageJson: { python }
+			} = all_packages[pkg_name];
+
+			if (!python) continue;
+
+			const requirements_path = join(dir, "..", "requirements.txt");
+			const requirements = readFileSync(requirements_path, "utf-8").split("\n");
+
+			const pkg_index = requirements.findIndex((line) => {
+				const m = line.trim().match(RE_PKG_NAME);
+				if (!m) return false;
+				return m[0] === pkg_to_bump;
+			});
+
+			if (pkg_index !== -1) {
+				requirements[pkg_index] = `${pkg_to_bump}==${version}`;
+				writeFileSync(requirements_path, requirements.join("\n"));
+			}
+		}
+	}
+}
+
+run();
diff --git a/.changeset/great-ears-grab.md b/.changeset/great-ears-grab.md
new file mode 100644
index 0000000..81f46b4
--- /dev/null
+++ b/.changeset/great-ears-grab.md
@@ -0,0 +1,5 @@
+---
+"gradio": minor
+---
+
+feat:Fix spurious separators from empty tokens in `HighlightedText` with `combine_adjacent=True`
diff --git a/.changeset/itchy-steaks-walk.md b/.changeset/itchy-steaks-walk.md
new file mode 100644
index 0000000..b7cd27c
--- /dev/null
+++ b/.changeset/itchy-steaks-walk.md
@@ -0,0 +1,6 @@
+---
+"@gradio/code": patch
+"gradio": patch
+---
+
+fix:Fix `gr.Code` not rendering when it has no initial value
diff --git a/.changeset/pink-news-relax.md b/.changeset/pink-news-relax.md
new file mode 100644
index 0000000..7f3b1b5
--- /dev/null
+++ b/.changeset/pink-news-relax.md
@@ -0,0 +1,5 @@
+---
+"gradio": patch
+---
+
+fix:Fix `gr.State` passing its callable default to event handlers instead of the called value
diff --git a/.claude/skills b/.claude/skills
new file mode 120000
index 0000000..2b7a412
--- /dev/null
+++ b/.claude/skills
@@ -0,0 +1 @@
+../.agents/skills
\ No newline at end of file
diff --git a/.config/.prettierignore b/.config/.prettierignore
new file mode 100644
index 0000000..d51dc49
--- /dev/null
+++ b/.config/.prettierignore
@@ -0,0 +1,35 @@
+**/*.md
+**/js/app/public/**
+**/pnpm-workspace.yaml
+**/js/app/dist/**
+**/js/wasm/dist/**
+**/js/preview/dist/**
+**/client/js/dist/**
+**/js/*/dist/**
+**/pnpm-lock.yaml
+**/js/plot/src/Plot.svelte
+**/.svelte-kit/**
+**/demo/**
+**/gradio/**
+**/.pnpm-store/**
+**/.venv/**
+
+/guides/**
+**/.mypy_cache/**
+!test-strategy.md
+**/js/_space-test/**
+../js/lite/src/theme.css
+../js/storybook/theme.css
+**/gradio_cached_examples/**
+**/storybook-static/**
+**/.vscode/**
+sweep.yaml
+**/.vercel/**
+**/src/lib/json/**/*
+**/playwright/.cache/**/*
+**/theme/src/pollen.css
+**/venv/**
+../js/app/src/api_docs/CodeSnippet.svelte
+../js/app/src/api_docs/RecordingSnippet.svelte
+../.changeset/pre.json
+../js/_website/build/**/*
\ No newline at end of file
diff --git a/.config/.prettierrc.json b/.config/.prettierrc.json
new file mode 100644
index 0000000..4e22682
--- /dev/null
+++ b/.config/.prettierrc.json
@@ -0,0 +1,8 @@
+{
+	"useTabs": true,
+	"singleQuote": false,
+	"trailingComma": "none",
+	"printWidth": 80,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}
diff --git a/.config/demos.json b/.config/demos.json
new file mode 100644
index 0000000..8774a19
--- /dev/null
+++ b/.config/demos.json
@@ -0,0 +1,39 @@
+[
+	"audio_debugger",
+	"blocks_essay",
+	"blocks_group",
+	"blocks_js_methods",
+	"blocks_layout",
+	"blocks_multiple_event_triggers",
+	"blocks_update",
+	"calculator",
+	"cancel_events",
+	"chatbot_multimodal",
+	"chatinterface_streaming_echo",
+	"clear_components",
+	"code",
+	"diff_texts",
+	"fake_gan",
+	"fake_diffusion_with_gif",
+	"file_explorer_component_events",
+	"gradio_pdf_demo",
+	"iframe_resizer",
+	"image_mod_default_image",
+	"image_editor_events",
+	"image_segmentation",
+	"interface_random_slider",
+	"kitchen_sink",
+	"kitchen_sink_random",
+	"login_with_huggingface",
+	"matrix_transpose",
+	"mini_leaderboard",
+	"model3D",
+	"native_plots",
+	"reverse_audio",
+	"stt_or_tts",
+	"stream_audio",
+	"stream_audio_out",
+	"stream_frames",
+	"video_component",
+	"zip_files"
+]
diff --git a/.config/eslint.config.js b/.config/eslint.config.js
new file mode 100644
index 0000000..a4b4869
--- /dev/null
+++ b/.config/eslint.config.js
@@ -0,0 +1,157 @@
+import globals from "globals";
+import ts_plugin from "@typescript-eslint/eslint-plugin";
+import js_plugin from "@eslint/js";
+import jsdoc from "eslint-plugin-jsdoc";
+
+import typescriptParser from "@typescript-eslint/parser";
+import sveltePlugin from "eslint-plugin-svelte";
+import svelteParser from "svelte-eslint-parser";
+
+const ts_rules_disabled = Object.fromEntries(
+	Object.keys(ts_plugin.rules).map((rule) => [
+		`@typescript-eslint/${rule}`,
+		"off"
+	])
+);
+const js_rules_disabled = Object.fromEntries(
+	Object.keys(js_plugin.configs.all.rules).map((rule) => [rule, "off"])
+);
+
+const jsdoc_rules_disabled = Object.fromEntries(
+	Object.keys(jsdoc.configs.recommended.rules).map((rule) => [
+		`jsdoc/${rule}`,
+		"off"
+	])
+);
+
+const js_rules = {
+	...js_rules_disabled,
+	// "no-console": ["error", { allow: ["warn", "error", "debug", "info"] }],
+	"no-constant-condition": "error",
+	"no-dupe-args": "error",
+	"no-extra-boolean-cast": "error",
+	"no-unexpected-multiline": "error",
+	"no-unreachable": "error",
+	"array-callback-return": "error",
+	"no-undef": "error"
+};
+
+const ts_rules = {
+	...ts_rules_disabled,
+	"@typescript-eslint/adjacent-overload-signatures": "error",
+	"@typescript-eslint/consistent-type-exports": "error",
+	"@typescript-eslint/array-type": "error",
+	"@typescript-eslint/no-inferrable-types": "error"
+};
+
+const jsdoc_rules = {
+	...jsdoc_rules_disabled
+};
+
+const { browser, es2021, node } = globals;
+
+export default [
+	{
+		ignores: [
+			"**/.svelte-kit/**/*",
+			"**/node_modules/**",
+			"**/dist/**",
+			"**/.config/*",
+			"**/*.spec.ts",
+			"**/*.test.ts",
+			"**/*.node-test.ts",
+			"**/*.stories.*",
+			"client/js/src/test/**/*",
+			"js/build/out/**/*",
+			"js/spa/test/**/*",
+			"**/*vite.config.ts",
+			"**/_website/**/*",
+			"**/app/**/*",
+			"**/_spaces-test/**/*",
+			"**/preview/test/**/*",
+			"**/component-test/**/*",
+			"**/js/wasm/src/webworker/**/*"
+		]
+	},
+	{
+		files: ["**/*.js", "**/*.cjs"],
+		languageOptions: {
+			globals: {
+				...browser,
+				...es2021,
+				...node
+			}
+		},
+
+		plugins: {
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: { ...js_rules, ...jsdoc_rules }
+	},
+
+	{
+		files: ["**/*.ts"],
+		languageOptions: {
+			parser: typescriptParser,
+			parserOptions: {
+				project: "./tsconfig.json",
+				extraFileExtensions: [".svelte"]
+			},
+			globals: {
+				...browser,
+				...es2021,
+				...node
+			}
+		},
+
+		plugins: {
+			"@typescript-eslint": ts_plugin,
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: {
+			...ts_rules,
+			...js_rules,
+			...jsdoc_rules,
+			"no-undef": "off"
+		}
+	},
+	{
+		files: ["**/client/js/**"],
+		languageOptions: {
+			parserOptions: {
+				project: "./client/js/tsconfig.json"
+			}
+		}
+	},
+	{
+		files: ["**/*.svelte"],
+		languageOptions: {
+			parser: svelteParser,
+			parserOptions: {
+				parser: typescriptParser,
+				project: "./tsconfig.json",
+				extraFileExtensions: [".svelte"]
+			},
+			globals: {
+				...browser,
+				...es2021
+			}
+		},
+		plugins: {
+			svelte: sveltePlugin,
+			"@typescript-eslint": ts_plugin,
+			"eslint:recommended": js_plugin,
+			jsdoc
+		},
+		rules: {
+			...ts_rules,
+			...js_rules,
+			...jsdoc_rules,
+			...sveltePlugin.configs.recommended.rules,
+			"svelte/no-at-html-tags": "off",
+			"no-undef": "off"
+		}
+	}
+];
diff --git a/.config/playwright.config.js b/.config/playwright.config.js
new file mode 100644
index 0000000..354e5dd
--- /dev/null
+++ b/.config/playwright.config.js
@@ -0,0 +1,56 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const base = defineConfig({
+	use: {
+		screenshot: "only-on-failure",
+		trace: "retain-on-failure",
+		bypassCSP: true,
+		launchOptions: {
+			args: [
+				"--disable-web-security",
+				"--use-fake-device-for-media-stream",
+				"--use-fake-ui-for-media-stream",
+				"--use-file-for-fake-audio-capture=../gradio/test_data/test_audio.wav"
+			]
+		}
+	},
+	expect: { timeout: 10_000 },
+	timeout: 30_000,
+	testMatch: /.*\.spec\.ts/,
+	testDir: "..",
+	// Reload tests must stay serial (CUSTOM_TEST=1) — several rewrite a shared
+	// `run.py` in the same cwd, so parallel workers would clobber each other.
+	// For the regular browser suite on CI, allow PW_BROWSER_WORKERS to raise the
+	// count above the historical default of 4 (the runner has 16 cores and the
+	// tests are largely wait-bound, so they parallelize well).
+	workers: process.env.CUSTOM_TEST
+		? 1
+		: process.env.CI
+			? Number(process.env.PW_BROWSER_WORKERS) || 4
+			: undefined,
+	retries: 3,
+	fullyParallel: false
+});
+
+// There are Firefox-specific issues such as https://github.com/gradio-app/gradio/pull/9528 so we want to run the tests on Firefox, but Firefox sometimes fails to start in the GitHub Actions environment so we disable it on CI.
+const localOnly = (project) => (process.env.CI ? undefined : project);
+
+const normal = defineConfig(base, {
+	// globalSetup removed - each test file now launches its own Gradio app via fixture
+	projects: [
+		localOnly({
+			name: "firefox",
+			use: { ...devices["Desktop Firefox"] },
+			grep: /@firefox/
+		}),
+		{
+			name: "chrome",
+			use: {
+				...devices["Desktop Chrome"],
+				permissions: ["clipboard-read", "clipboard-write", "microphone"]
+			}
+		}
+	].filter(Boolean)
+});
+
+export default normal;
diff --git a/.config/postcss.config.cjs b/.config/postcss.config.cjs
new file mode 100644
index 0000000..81b1976
--- /dev/null
+++ b/.config/postcss.config.cjs
@@ -0,0 +1,8 @@
+const tailwindcss = require("tailwindcss");
+const autoprefixer = require("autoprefixer");
+const nested = require("tailwindcss/nesting");
+const tw_config = require("./tailwind.config.cjs");
+
+module.exports = {
+	plugins: [nested, tailwindcss(tw_config), autoprefixer]
+};
diff --git a/.config/pycompile-lite-wheel.py b/.config/pycompile-lite-wheel.py
new file mode 100644
index 0000000..0d45b4c
--- /dev/null
+++ b/.config/pycompile-lite-wheel.py
@@ -0,0 +1,8 @@
+import subprocess
+
+from hatchling.builders.hooks.plugin.interface import BuildHookInterface
+
+
+class BuildHook(BuildHookInterface):
+    def finalize(self, version, build_data, artifact_path):
+        subprocess.run(["pyodide", "py-compile", "--keep", artifact_path], check=True)
diff --git a/.config/setup_vite_tests.ts b/.config/setup_vite_tests.ts
new file mode 100644
index 0000000..b012a77
--- /dev/null
+++ b/.config/setup_vite_tests.ts
@@ -0,0 +1,7 @@
+import type { TestingLibraryMatchers } from "@testing-library/jest-dom/matchers";
+import "@testing-library/jest-dom/vitest";
+
+declare module "vitest" {
+	interface Assertion<T = any>
+		extends jest.Matchers<void, T>, TestingLibraryMatchers<T, void> {}
+}
diff --git a/.config/svelte.config.js b/.config/svelte.config.js
new file mode 100644
index 0000000..bf37931
--- /dev/null
+++ b/.config/svelte.config.js
@@ -0,0 +1,10 @@
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+export default {
+	preprocess: vitePreprocess(),
+	compilerOptions: {
+		experimental: {
+			async: true
+		}
+	}
+};
diff --git a/.config/tailwind.config.cjs b/.config/tailwind.config.cjs
new file mode 100644
index 0000000..fe92c25
--- /dev/null
+++ b/.config/tailwind.config.cjs
@@ -0,0 +1,12 @@
+module.exports = {
+	content: [
+		"./src/**/*.{html,js,svelte,ts}",
+		"**/@gradio/**/*.{html,js,svelte,ts}"
+	],
+
+	theme: {
+		extend: {}
+	},
+
+	plugins: [require("@tailwindcss/forms")]
+};
diff --git a/.config/vitest.config.ts b/.config/vitest.config.ts
new file mode 100644
index 0000000..be7741d
--- /dev/null
+++ b/.config/vitest.config.ts
@@ -0,0 +1,3 @@
+import config from "../js/spa/vite.config";
+
+export default config;
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..1b49a6b
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,43 @@
+// See https://containers.dev
+{
+	"name": "Python 3",
+	"image": "mcr.microsoft.com/devcontainers/python:1-3.10",
+
+	// See https://containers.dev/features
+	"features": {
+		"ghcr.io/devcontainers/features/git:1": {},
+		"ghcr.io/devcontainers/features/node:1": {
+			"pnpmVersion": "9"
+		},
+		"ghcr.io/devcontainers-contrib/features/ffmpeg-apt-get:1": {}
+	},
+
+	"hostRequirements": {
+		"cpus": 4,
+		"memory": "8gb",
+		"storage": "32gb"
+	},
+
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"ms-python.python",
+				"ms-python.vscode-pylance",
+				"ms-python.black-formatter",
+				"ms-toolsai.jupyter",
+				"esbenp.prettier-vscode",
+				"svelte.svelte-vscode",
+				"phoenisx.cssvar"
+			],
+			"remote.autoForwardPorts": false
+		}
+	},
+
+	"forwardPorts": [7860, 9876],
+	"portsAttributes": {
+		"7860": { "label": "gradio port" },
+		"9876": { "label": "gradio dev port" }
+	},
+
+	"postCreateCommand": "export NODE_OPTIONS=\"--max-old-space-size=8192\" && chmod +x scripts/install_gradio.sh scripts/install_test_requirements.sh scripts/build_frontend.sh && ./scripts/install_test_requirements.sh && ./scripts/install_gradio.sh  && ./scripts/build_frontend.sh"
+}
diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..17e4ab1
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,41 @@
+# Python build
+.eggs/
+gradio.egg-info/*
+!gradio.egg-info/requires.txt
+!gradio.egg-info/PKG-INFO
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+build/
+
+# JS build
+gradio/templates/frontend/static
+gradio/templates/frontend/cdn
+
+# Secrets
+.env
+
+# Gradio run artifacts
+*.db
+*.sqlite3
+gradio/launches.json
+gradio/hash_seed.txt
+
+# Tests
+.coverage
+coverage.xml
+test.txt
+
+# Demos
+demo/tmp.zip
+demo/flagged
+demo/files/*.avi
+demo/files/*.mp4
+
+# Etc
+.idea/*
+.DS_Store
+*.bak
+workspace.code-workspace
\ No newline at end of file
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..f4e045f
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,8 @@
+
+root = true
+
+[{js/**,client/js/**}]
+end_of_line = lf
+insert_final_newline = true
+indent_style = tab
+tab_width = 2
diff --git a/.git-blame-ignore-revs b/.git-blame-ignore-revs
new file mode 100644
index 0000000..5acfdd1
--- /dev/null
+++ b/.git-blame-ignore-revs
@@ -0,0 +1,14 @@
+# https://github.com/gradio-app/gradio/pull/4487 - refactor components.py to separate files
+69f36f98535c904e7cac2b4942cecc747ed7443c
+# Format the codebase
+cc0cff893f9d7d472788adc2510c123967b384fe
+# Switch from black to ruff
+8a70e83db9c7751b46058cdd2514e6bddeef6210
+# format (#4810)
+7fa5e766ce0f89f1fb84c329e62c9df9c332120a
+# lint website
+4bf301324b3b180fa32166ff1774312b01334c88
+# format frontend with prettier
+980b9f60eb49ed81e4957debe7b23a559a4d4b51
+# Refactor component directories (#5074)
+1419538ea795caa391e3de809379f10639e9e764
diff --git a/.github/ISSUE_TEMPLATE/bug_report_template.yml b/.github/ISSUE_TEMPLATE/bug_report_template.yml
new file mode 100644
index 0000000..dc795e6
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/bug_report_template.yml
@@ -0,0 +1,69 @@
+name: "\U0001F41E Bug report"
+description: Report a bug on Gradio
+labels: ["bug"]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        Thanks for taking the time to fill out this bug report! Before you get started, please [search to see](https://github.com/gradio-app/gradio/issues) if an issue already exists for the bug you encountered
+  - type: textarea
+    id: bug-description
+    attributes:
+      label: Describe the bug
+      description: Please provide a concise description of what the bug is, in clear English. If you intend to submit a PR for this issue, tell us in the description.
+      placeholder: Bug description
+    validations:
+      required: true
+  - type: checkboxes
+    attributes:
+      label: Have you searched existing issues?  🔎
+      description: Please search to see if an issue already exists for the issue you encountered.
+      options:
+        - label: I have searched and found no existing issues
+          required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Reproduction
+      description: Please provide a minimal example, with code, that can be run to reproduce the issue. Do NOT provide screenshots of code, or link to external repos or applications. Use ``` to format code blocks.
+      placeholder: Reproduction
+      value: |
+        ```python
+        import gradio as gr
+
+        ```
+    validations:
+      required: true
+  - type: textarea
+    id: screenshot
+    attributes:
+      label: Screenshot
+      description: If relevant, please include screenshot(s) of your Gradio app so that we can understand what the issue is.
+  - type: textarea
+    id: logs
+    attributes:
+      label: Logs
+      description: "Please include the full stacktrace of the errors you get from Python or Javascript. If you are running in a colab notebooks, you can get the logs with by setting `debug=True`, i.e: `gradio.Interface.launch(debug=True)`"
+      render: shell
+  - type: textarea
+    id: system-info
+    attributes:
+      label: System Info
+      description: Please ensure you are running the latest version of Gradio. You can get the Gradio version and all its dependencies by running `gradio environment`
+      render: shell
+    validations:
+      required: true
+  - type: dropdown
+    id: severity
+    attributes:
+      label: Severity
+      description: Select the severity of this issue
+      options:
+        - I can work around it
+        - Blocking usage of gradio
+    validations:
+      required: true
+  - type: markdown
+    attributes:
+      value: |
+        📌  Please ensure that you have filled all of the required sections above, and that the reproduction you have provided is [minimal, complete, and reproducible](https://stackoverflow.com/help/minimal-reproducible-example). Incomplete issues will be closed.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
new file mode 100644
index 0000000..f7f2938
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -0,0 +1,5 @@
+blank_issues_enabled: false
+contact_links:
+  - name: 💡 General questions
+    url: https://discord.com/invite/feTf9x3ZSB
+    about: Have general questions about how to use Gradio? Please ask in our community Discord for quicker responses
diff --git a/.github/ISSUE_TEMPLATE/feature_request.md b/.github/ISSUE_TEMPLATE/feature_request.md
new file mode 100644
index 0000000..c51010a
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/feature_request.md
@@ -0,0 +1,19 @@
+---
+name: ⚡ Feature request
+about: Suggest an improvement or new feature or a new Guide for Gradio
+title: ''
+labels: ''
+assignees: ''
+
+---
+- [ ] I have searched to see if a similar issue already exists.
+
+
+**Is your feature request related to a problem? Please describe.**  
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**  
+A clear and concise description of what you want to happen.
+
+**Additional context**  
+Add any other context or screenshots about the feature request here.
diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
new file mode 100644
index 0000000..9be9432
--- /dev/null
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -0,0 +1,25 @@
+## Description
+
+Please include a concise summary, in clear English, of the changes in this pull request. If it closes an issue, please mention it here.
+
+Closes: #(issue)
+
+## AI Disclosure
+
+We encourage the use of AI tooling in creating PRs, but the any non-trivial use of AI needs be disclosed. E.g. if you used Claude to write a first draft, you should mention that. Trivial tab-completion doesn't need to be disclosed. You should self-review all PRs, especially if they were generated with AI.
+
+- [ ] I used AI to... [fill here]
+- [ ] I did not use AI
+
+## 🎯 PRs Should Target Issues
+
+Before your create a PR, please check to see if there is [an existing issue](https://github.com/gradio-app/gradio/issues) for this change. If not, please create an issue before you create this PR, unless the fix is very small. 
+
+Not adhering to this guideline will result in the PR being closed. 
+
+## Testing and Formatting Your Code
+
+1. PRs will only be merged if tests pass on CI. We recommend at least running the backend tests locally, please set up [your Gradio environment locally](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md) and run the backed tests: `bash scripts/run_backend_tests.sh`
+
+2. Please run these bash scripts to automatically format your code: `bash scripts/format_backend.sh`, and (if you made any changes to non-Python files) `bash scripts/format_frontend.sh`
+
diff --git a/.github/actions/changes/action.yml b/.github/actions/changes/action.yml
new file mode 100644
index 0000000..44353f2
--- /dev/null
+++ b/.github/actions/changes/action.yml
@@ -0,0 +1,78 @@
+name: "prepare"
+description: "Prepare workflow"
+
+inputs:
+  token:
+    description: "GitHub token"
+  filter:
+    description: "Which filter to use"
+
+outputs:
+  should_run:
+    description: "Whether to run the workflow"
+    value: ${{ steps.pr.outputs.should_run }}
+  pr_number:
+    description: "PR number"
+    value: ${{ steps.pr.outputs.pr_number }}
+  sha:
+    description: "SHA of the HEAD commit of the PR"
+    value: ${{ steps.pr.outputs.sha }}
+  source_repo:
+    description: "Source repo"
+    value: ${{ steps.pr.outputs.source_repo }}
+  source_branch:
+    description: "Source branch"
+    value: ${{ steps.pr.outputs.source_branch }}
+  labels:
+    description: "Labels on the PR"
+    value: ${{ steps.pr.outputs.labels }}
+  run_id:
+    description: "Run ID"
+    value: ${{ steps.pr.outputs.run_id }}
+  gradio_version:
+    description: "Gradio version"
+    value: ${{ steps.pr.outputs.gradio_version }}
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/checkout@v4
+    - uses: gradio-app/github/actions/filter-paths@main
+      id: changes
+      with:
+        token: ${{ inputs.token }}
+        filter: ${{ inputs.filter }}
+    - name: get gradio version
+      id: gradio_version
+      shell: bash
+      run: |
+        GRADIO_VERSION=$(curl -s https://pypi.org/pypi/gradio/json | grep -o '"version":"[^"]*"' | cut -d'"' -f4 | head -n 1)
+        echo "gradio_version=$GRADIO_VERSION" >> $GITHUB_OUTPUT
+    - name: convert to JSON
+      uses: gradio-app/github/actions/input-to-json@main
+      with:
+        path: output.json
+        sha: ${{ github.event.pull_request.head.sha || github.sha }}
+        source_repo: ${{ github.event.pull_request.head.repo.full_name || github.repository }}
+        source_branch: ${{ github.event.pull_request.head.ref || github.ref }}
+        pr_number: ${{ github.event.pull_request.number || 'false'}}
+        should_run: ${{ steps.changes.outputs.match }}
+        labels: "[${{ join(github.event.pull_request.labels.*.name, ', ') }}]"
+        run_id: ${{ github.run_id }}
+        gradio_version: ${{ steps.gradio_version.outputs.gradio_version }}
+    - name: cat json
+      run: cat output.json
+      shell: bash
+    - name: upload JSON
+      uses: actions/upload-artifact@v4
+      with:
+        name: changes
+        path: output.json
+    - name: set outputs
+      id: pr
+      uses: gradio-app/github/actions/json-to-output@main
+      with:
+        path: output.json
+    - name: echo outputs
+      run: echo "${{ toJson(steps.pr.outputs) }}"
+      shell: bash
diff --git a/.github/actions/install-all-deps/action.yml b/.github/actions/install-all-deps/action.yml
new file mode 100644
index 0000000..29d67ac
--- /dev/null
+++ b/.github/actions/install-all-deps/action.yml
@@ -0,0 +1,140 @@
+name: "install all deps"
+description: "Install all deps"
+
+inputs:
+  skip_build:
+    description: "Skip build"
+    default: "false"
+  skip_gradio_install:
+    description: "Skip installing gradio/client and building frontend (use when installing from pre-built wheels)"
+    default: "false"
+  skip_docs_gen:
+    description: "Skip generating website docs (CSS-var docs + website JSON). Not needed for functional/browser tests; saves ~80s."
+    default: "false"
+  test:
+    description: "Test"
+    default: "false"
+  python_version:
+    description: "Python version"
+    default: "3.10"
+  os:
+    description: "OS"
+    default: "ubuntu-latest"
+outputs:
+  venv_activate:
+    description: "Venv activate"
+    value: ${{ steps.venv.outputs.venv_activate }}
+
+runs:
+  using: "composite"
+  steps:
+    - name: Set venv binary path (linux)
+      if: ${{ inputs.os == 'ubuntu-latest' }}
+      shell: bash
+      run: |
+        echo "VENV_ACTIVATE=venv/bin/activate" >> $GITHUB_ENV
+    - name: Set venv binary path (windows)
+      if: ${{ inputs.os == 'windows-latest' }}
+      shell: bash
+      run: |
+        echo "VENV_ACTIVATE=venv/Scripts/activate" >> $GITHUB_ENV
+    - name: log venv binary path
+      id: venv
+      shell: bash
+      run: |
+        echo "venv_activate=$VENV_ACTIVATE" >> $GITHUB_OUTPUT
+    - name: Install Python
+      id: setup-python
+      uses: actions/setup-python@v5
+      with:
+        python-version: ${{ inputs.python_version }}
+        cache-dependency-path: |
+          client/python/requirements.txt
+          requirements.txt
+          requirements-mcp.txt
+          test/requirements.txt
+    - name: Set uv exclude-newer
+      shell: bash
+      run: |
+        echo "UV_EXCLUDE_NEWER=7 days" >> "$GITHUB_ENV"
+    - name: Install uv (linux)
+      if: ${{ inputs.os == 'ubuntu-latest' }}
+      shell: bash
+      run: |
+        curl -LsSf https://astral.sh/uv/0.11.3/install.sh | sh
+        echo "$HOME/.cargo/bin" >> $GITHUB_PATH
+    - name: Install uv (windows)
+      if: ${{ inputs.os == 'windows-latest' }}
+      shell: bash
+      run: |
+        powershell -ExecutionPolicy ByPass -c "irm https://astral.sh/uv/0.11.3/install.ps1 | iex"
+        echo "$HOME/.cargo/bin" >> $GITHUB_PATH
+    - uses: actions/cache@v4
+      id: cache
+      with:
+        path: |
+          venv/**
+          client/python/venv
+        restore-keys: |
+          gradio-lib-main-${{inputs.python_version}}-${{ steps.setup-python.outputs.python-version }}-${{inputs.os}}-latest-pip-
+        key: "gradio-lib-main-${{inputs.python_version}}-${{ steps.setup-python.outputs.python-version }}-${{inputs.os}}-latest-pip-${{ hashFiles('client/python/requirements.txt') }}-${{ hashFiles('requirements.txt') }}-${{ hashFiles('test/requirements.txt') }}-${{ hashFiles('client/python/test/requirements.txt') }}${{ inputs.test == 'true' && '-test' || ''}}"
+    - name: Create env
+      shell: bash
+      run: |
+        uv venv --allow-existing venv --python=${{ inputs.python_version }}
+    - name: Cache ffmpeg
+      id: cache-ffmpeg
+      uses: actions/cache@v4
+      with:
+        path: ffmpeg-bin
+        key: ffmpeg-${{ inputs.os }}-7.0.2-v1
+    - name: Install ffmpeg (linux)
+      if: ${{ inputs.os == 'ubuntu-latest' && steps.cache-ffmpeg.outputs.cache-hit != 'true' }}
+      shell: bash
+      run: |
+        mkdir -p ffmpeg-bin
+        curl -fsSL https://johnvansickle.com/ffmpeg/releases/ffmpeg-7.0.2-amd64-static.tar.xz -o /tmp/ffmpeg.tar.xz
+        tar -xf /tmp/ffmpeg.tar.xz -C /tmp
+        cp /tmp/ffmpeg-7.0.2-amd64-static/ffmpeg /tmp/ffmpeg-7.0.2-amd64-static/ffprobe ffmpeg-bin/
+    - name: Install ffmpeg (windows)
+      if: ${{ inputs.os == 'windows-latest' && steps.cache-ffmpeg.outputs.cache-hit != 'true' }}
+      shell: bash
+      run: |
+        mkdir -p ffmpeg-bin
+        curl -fsSL https://github.com/GyanD/codexffmpeg/releases/download/7.0.2/ffmpeg-7.0.2-essentials_build.zip -o ffmpeg.zip
+        unzip -q ffmpeg.zip
+        mv ffmpeg-7.0.2-essentials_build/bin/ffmpeg.exe ffmpeg-7.0.2-essentials_build/bin/ffprobe.exe ffmpeg-bin/
+    - name: Add ffmpeg to PATH
+      shell: bash
+      run: echo "$GITHUB_WORKSPACE/ffmpeg-bin" >> "$GITHUB_PATH"
+    - name: Install test dependencies
+      if: inputs.test == 'true' && steps.cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        uv pip install -r test/requirements.txt --torch-backend cpu
+        uv pip install -r client/python/test/requirements.txt
+    - name: Install Gradio and Client Libraries Locally
+      if: inputs.skip_gradio_install != 'true'
+      shell: bash
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        uv pip install -e client/python
+        uv pip install -e ".[oauth, mcp]"
+    - name: install-frontend
+      if: inputs.skip_gradio_install != 'true'
+      uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+      with:
+        skip_build: ${{ inputs.skip_build }}
+    - name: generate css vars docs
+      shell: bash
+      if: inputs.skip_gradio_install != 'true' && inputs.skip_docs_gen != 'true' && inputs.os == 'ubuntu-latest'
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        [ -f scripts/generate_css_vars_docs.py ] && python scripts/generate_css_vars_docs.py || true
+    - name: generate json
+      shell: bash
+      if: inputs.skip_gradio_install != 'true' && inputs.skip_docs_gen != 'true' && inputs.os == 'ubuntu-latest'
+      run: |
+        . ${{ env.VENV_ACTIVATE }}
+        uv pip install boto3 markdown requests && python js/_website/generate_jsons/generate.py
diff --git a/.github/actions/install-frontend-deps/action.yml b/.github/actions/install-frontend-deps/action.yml
new file mode 100644
index 0000000..1544273
--- /dev/null
+++ b/.github/actions/install-frontend-deps/action.yml
@@ -0,0 +1,46 @@
+name: "install frontend"
+description: "Install frontend deps"
+
+inputs:
+  skip_build:
+    description: "Skip build"
+    default: "false"
+
+runs:
+  using: "composite"
+  steps:
+    - uses: actions/cache@v4
+      id: frontend-core-cache
+      if: inputs.skip_build == 'false'
+      with:
+        path: |
+          gradio/templates/**
+          js/preview/dist/**
+        key: gradio-lib-main-front-end-v2-${{ hashFiles('js/**', 'client/js/**', 'pnpm-lock.yaml', 'scripts/download_offline_assets.py')}}
+    - name: Install pnpm
+      uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # @v4
+      with:
+        version: 10.17.0
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 24
+        cache: pnpm
+        cache-dependency-path: pnpm-lock.yaml
+    - name: Install deps
+      shell: bash
+      run: pnpm i --frozen-lockfile --ignore-scripts
+    - name: Build Css
+      shell: bash
+      run: pnpm css
+    - name: Build frontend
+      if: inputs.skip_build == 'false' && steps.frontend-core-cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: pnpm build
+    - name: Download offline assets
+      # Bundles the self-hosted fonts/Bokeh/FFmpeg/iframe-resizer into
+      # gradio/templates/frontend/static so Gradio works offline. Must run after
+      # `pnpm build` (which empties the output dir) and before the wheel is built.
+      # Skipped on a cache hit because the cached templates already include them.
+      if: inputs.skip_build == 'false' && steps.frontend-core-cache.outputs.cache-hit != 'true'
+      shell: bash
+      run: python3 scripts/download_offline_assets.py
diff --git a/.github/configs/semgrep_rules.yaml b/.github/configs/semgrep_rules.yaml
new file mode 100644
index 0000000..2800c6b
--- /dev/null
+++ b/.github/configs/semgrep_rules.yaml
@@ -0,0 +1,157 @@
+rules:
+  - id: third-party-action-not-pinned-to-commit-sha
+    patterns:
+      - pattern-inside: "{steps: ...}"
+      - pattern: |
+          uses: "$USES"
+      - metavariable-pattern:
+          metavariable: $USES
+          language: generic
+          patterns:
+            - pattern-not-regex: ^[.]/
+            - pattern-not-regex: ^actions/
+            - pattern-not-regex: ^github/
+            - pattern-not-regex: ^gradio-app/gradio
+            - pattern-not-regex: ^gradio-app/github
+            - pattern-not-regex: "@[0-9a-f]{40}$"
+            - pattern-not-regex: ^docker://.*@sha256:[0-9a-f]{64}$
+            - pattern-not-regex: ^docker://docker$
+    message:
+      An action sourced from a third-party repository on GitHub is not pinned
+      to a full length commit SHA. Pinning an action to a full length commit SHA
+      is currently the only way to use an action as an immutable release.
+      Pinning to a particular SHA helps mitigate the risk of a bad actor adding
+      a backdoor to the action's repository, as they would need to generate a
+      SHA-1 collision for a valid Git object payload.
+    languages:
+      - yaml
+    severity: WARNING
+    metadata:
+      cwe:
+        - "CWE-1357: Reliance on Insufficiently Trustworthy Component"
+        - "CWE-353: Missing Support for Integrity Check"
+      owasp: A06:2021 - Vulnerable and Outdated Components
+      references:
+        - https://owasp.org/Top10/A06_2021-Vulnerable_and_Outdated_Components
+        - https://docs.github.com/en/actions/security-guides/security-hardening-for-github-actions#using-third-party-actions
+      category: security
+      technology:
+        - github-actions
+      subcategory:
+        - vuln
+      likelihood: LOW
+      impact: LOW
+      confidence: HIGH
+      license: Commons Clause License Condition v1.0[LGPL-2.1-only]
+      vulnerability_class:
+        - Cryptographic Issues
+        - Other
+
+  - id: no-bare-httpx-url-fetch-ssrf
+    languages:
+      - python
+    severity: ERROR
+    message: >
+      Do not use bare `httpx` request functions to fetch URLs in components or
+      media/processing utilities. These code paths handle user-influenced URLs
+      (e.g. an `Image`/`Gallery` SVG source or an `Audio` path) and a plain
+      `httpx` request has no SSRF protection (no private-IP filter, domain
+      allow-list, or redirect re-validation), which can leak internal responses
+      to the client (CWE-918). Route the request through `safehttpx` instead,
+      e.g. `processing_utils.async_ssrf_protected_get` /
+      `async_ssrf_protected_download`, which use `PUBLIC_HOSTNAME_WHITELIST`.
+    paths:
+      include:
+        - "**/gradio/components/"
+        - "**/gradio/image_utils.py"
+        - "**/gradio/processing_utils.py"
+    patterns:
+      - pattern-either:
+          - pattern: httpx.get(...)
+          - pattern: httpx.post(...)
+          - pattern: httpx.put(...)
+          - pattern: httpx.patch(...)
+          - pattern: httpx.delete(...)
+          - pattern: httpx.head(...)
+          - pattern: httpx.request(...)
+          - pattern: httpx.stream(...)
+    metadata:
+      category: security
+      owasp:
+        - A10:2021 - Server-Side Request Forgery (SSRF)
+      cwe:
+        - "CWE-918: Server-Side Request Forgery (SSRF)"
+      technology:
+        - python
+      references:
+        - https://github.com/gradio-app/gradio/security/advisories/GHSA-3xvj-7669-6whx
+      subcategory:
+        - vuln
+      likelihood: MEDIUM
+      impact: HIGH
+      confidence: HIGH
+      license: Commons Clause License Condition v1.0[LGPL-2.1-only]
+      vulnerability_class:
+        - Server-Side Request Forgery (SSRF)
+
+  - id: insecure-file-permissions
+    languages:
+      - python
+    severity: ERROR
+    message: These permissions `$BITS` are widely permissive and grant access to
+      more people than may be necessary. A good default is `0o644` which gives
+      read and write access to yourself and read access to everyone else.
+    patterns:
+      - pattern-inside: os.$METHOD(...)
+      - pattern-either:
+          - patterns:
+              - pattern: os.$METHOD($FILE, $BITS, ...)
+              - metavariable-comparison:
+                  comparison: $BITS >= 0o650 and $BITS < 0o100000
+          - patterns:
+              - pattern: os.$METHOD($FILE, $BITS)
+              - metavariable-comparison:
+                  comparison: $BITS >= 0o100650
+          - patterns:
+              - pattern: os.$METHOD($FILE, $BITS, ...)
+              - metavariable-pattern:
+                  metavariable: $BITS
+                  patterns:
+                    - pattern-either:
+                        - pattern: <... stat.S_IWGRP ...>
+                        - pattern: <... stat.S_IXGRP ...>
+                        - pattern: <... stat.S_IWOTH ...>
+                        - pattern: <... stat.S_IXOTH ...>
+                        - pattern: <... stat.S_IRWXO ...>
+                        - pattern: <... stat.S_IRWXG ...>
+          - patterns:
+              - pattern: os.$METHOD($FILE, $EXPR | $MOD, ...)
+              - metavariable-comparison:
+                  comparison: $MOD == 0o111
+      - metavariable-pattern:
+          metavariable: $METHOD
+          patterns:
+            - pattern-either:
+                - pattern: chmod
+                - pattern: lchmod
+                - pattern: fchmod
+    metadata:
+      category: security
+      owasp:
+        - A01:2021 - Broken Access Control
+      cwe:
+        - "CWE-276: Incorrect Default Permissions"
+      technology:
+        - python
+      references:
+        - https://owasp.org/Top10/A01_2021-Broken_Access_Control
+      cwe2022-top25: true
+      cwe2021-top25: true
+      subcategory:
+        - vuln
+      likelihood: LOW
+      impact: MEDIUM
+      confidence: MEDIUM
+      license: Commons Clause License Condition v1.0[LGPL-2.1-only]
+      vulnerability_class:
+        - Improper Authorization
diff --git a/.github/filters.json b/.github/filters.json
new file mode 100644
index 0000000..75cdcad
--- /dev/null
+++ b/.github/filters.json
@@ -0,0 +1,51 @@
+{
+	"gradio": [
+		"client/python/**",
+		"gradio/**",
+		"requirements.txt",
+		".github/**",
+		"scripts/**",
+		"test/**"
+	],
+	"js": [
+		"js/**",
+		"client/js/**",
+		".github/**",
+		"package.json",
+		"pnpm-lock.yaml",
+		"tsconfig.json",
+		".config/**"
+	],
+	"functional": [
+		".github/**",
+		"client/**",
+		"demo/**",
+		"gradio/**",
+		"js/**",
+		"scripts/**",
+
+		"globals.d.ts",
+		"package.json",
+		"pnpm-lock.yaml",
+		"pyproject.toml",
+		"requirements.txt",
+		".config/**"
+	],
+	"visual": [
+		".github/workflows/deploy-chromatic.yml",
+		"js!(/_website)/**",
+		"package.json"
+	],
+	"website": [
+		"js/_website/**",
+		"package.json",
+		"pnpm-lock.yaml",
+		"guides/**",
+		"README.md",
+		"CHANGELOG.md",
+		"gradio/**",
+		"client/**",
+		"demo/**",
+		".github/deploy-website.yml"
+	]
+}
diff --git a/.github/stale b/.github/stale
new file mode 100644
index 0000000..9d23fb5
--- /dev/null
+++ b/.github/stale
@@ -0,0 +1,17 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 30
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - security
+# Label to use when marking an issue as stale
+staleLabel: wontfix
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false
diff --git a/.github/workflows/comment-queue.yml b/.github/workflows/comment-queue.yml
new file mode 100644
index 0000000..a55c416
--- /dev/null
+++ b/.github/workflows/comment-queue.yml
@@ -0,0 +1,37 @@
+name: Comment on pull request without race conditions
+
+on:
+  workflow_call:
+    inputs:
+      pr_number:
+        type: string
+      message:
+        required: true
+        type: string
+      tag:
+        required: false
+        type: string
+        default: "previews"
+      additional_text:
+        required: false
+        type: string
+        default: ""
+    secrets:
+      gh_token:
+        required: true
+
+jobs:
+  comment:
+    environment: comment_pr
+    concurrency:
+      group: ${{inputs.pr_number || inputs.tag}}
+    runs-on: ubuntu-latest
+    steps:
+      - name: comment on pr
+        uses: "gradio-app/github/actions/comment-pr@main"
+        with:
+          gh_token: ${{ secrets.gh_token }}
+          tag: ${{ inputs.tag }}
+          pr_number: ${{ inputs.pr_number}}
+          message: ${{ inputs.message }}
+          additional_text: ${{ inputs.additional_text }}
diff --git a/.github/workflows/delete-stale-spaces.yml b/.github/workflows/delete-stale-spaces.yml
new file mode 100644
index 0000000..e68fffa
--- /dev/null
+++ b/.github/workflows/delete-stale-spaces.yml
@@ -0,0 +1,42 @@
+# safe runs from main
+
+name: Delete Stale Spaces
+
+on:
+  schedule:
+    - cron: "0 0 * * *"
+  workflow_dispatch:
+    inputs:
+      daysStale:
+        description: "How stale a space needs to be to be deleted (days)"
+        required: true
+        default: "7"
+
+permissions: {}
+
+jobs:
+  delete-old-spaces:
+    permissions:
+      contents: read
+    environment: deploy_spaces
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.12"
+      - name: Install pip
+        run: python -m pip install pip wheel requests
+      - name: Install Hub Client Library
+        run: pip install huggingface-hub==0.9.1
+      - name: Set daysStale
+        env:
+          DEFAULT_DAYS_STALE: "7"
+          DAYS_STALE: ${{ github.event.inputs.daysStale  || env.DEFAULT_DAYS_STALE}}
+        run: echo DAYS_STALE=  "$DAYS_STALE"  >> $GITHUB_ENV
+      - name: Find and delete stale spaces
+        run: |
+          python scripts/delete_old_spaces.py $DAYS_STALE \
+          gradio-pr-deploys \
+          ${{ secrets.WEBSITE_SPACES_DEPLOY_TOKEN }}
diff --git a/.github/workflows/frontend_profiling.yml b/.github/workflows/frontend_profiling.yml
new file mode 100644
index 0000000..de9a1cc
--- /dev/null
+++ b/.github/workflows/frontend_profiling.yml
@@ -0,0 +1,172 @@
+name: "frontend-profiling"
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+concurrency:
+  group: "frontend-profiling-${{ github.event.pull_request.number }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  benchmark:
+    env:
+      UV_EXCLUDE_NEWER: 7 days
+      PLAYWRIGHT_VERSION: 1.60.0
+    permissions:
+      contents: read
+      pull-requests: write
+    name: "frontend-benchmark"
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "js"
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Find latest release tag
+        if: steps.changes.outputs.should_run == 'true'
+        id: latest_tag
+        run: echo "tag=$(git tag --list 'gradio@*' --sort=-v:refname | head -n 1)" >> "$GITHUB_OUTPUT"
+
+      - name: Setup Python
+        if: steps.changes.outputs.should_run == 'true'
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.10"
+
+      - name: Install uv
+        if: steps.changes.outputs.should_run == 'true'
+        run: curl -LsSf https://astral.sh/uv/0.11.3/install.sh | sh
+
+      - name: Install pnpm
+        if: steps.changes.outputs.should_run == 'true'
+        uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # @v4
+        with:
+          version: 10.17.0
+
+      - name: Setup Node.js
+        if: steps.changes.outputs.should_run == 'true'
+        uses: actions/setup-node@v4
+        with:
+          node-version: 24
+          cache: pnpm
+          cache-dependency-path: pnpm-lock.yaml
+
+      # Install the benchmark "base" (latest release) straight from PyPI instead
+      # of checking out the tag and rebuilding it — the published wheel already
+      # ships the built frontend (gradio/templates), so this drops the ~4min base
+      # `pnpm build` on every run. We stay on the PR checkout the whole job: the
+      # benchmark spec + demo are the PR's versions for both runs, and the demo is
+      # launched as `python <runner>.py` (the runner/demo dir is on sys.path, not
+      # the cwd), so `import gradio` resolves to the installed package — the wheel
+      # here, the editable PR build later. Base and PR use separate venvs so the
+      # PR's editable install can't shadow the base wheel.
+      - name: Install base gradio from the published release (base)
+        if: steps.changes.outputs.should_run == 'true'
+        run: |
+          export PATH="$HOME/.cargo/bin:$PATH"
+          uv venv --python=3.10 venv_base
+          . venv_base/bin/activate
+          TAG="${{ steps.latest_tag.outputs.tag }}"
+          uv pip install "gradio==${TAG#gradio@}"
+
+      - name: Install frontend test deps (base)
+        if: steps.changes.outputs.should_run == 'true'
+        # node_modules is only needed to run the Playwright benchmark (no build).
+        run: |
+          pnpm i --frozen-lockfile --ignore-scripts
+          pnpm add -Dw --ignore-scripts playwright@$PLAYWRIGHT_VERSION @playwright/test@$PLAYWRIGHT_VERSION
+
+      - name: Cache Playwright Browsers
+        if: steps.changes.outputs.should_run == 'true'
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
+          restore-keys: |
+            playwright-${{ runner.os }}-
+
+      - name: Install Playwright (base)
+        if: steps.changes.outputs.should_run == 'true'
+        timeout-minutes: 3
+        run: pnpm exec playwright install chromium --only-shell
+
+      - name: Run benchmark (base)
+        if: steps.changes.outputs.should_run == 'true'
+        run: |
+          . venv_base/bin/activate
+          PERF_RESULTS_FILE=/tmp/bench_base.json pnpm exec playwright test \
+            --config .config/playwright.config.js \
+            js/spa/test/big_complex_demo.spec.ts
+
+      - name: Install and build PR
+        if: steps.changes.outputs.should_run == 'true'
+        run: |
+          export PATH="$HOME/.cargo/bin:$PATH"
+          uv venv --allow-existing venv --python=3.10
+          . venv/bin/activate
+          uv pip install -e client/python
+          uv pip install -e ".[oauth,mcp]"
+          pnpm install --no-frozen-lockfile
+          pnpm css && pnpm build
+
+      - name: Install Playwright (PR)
+        if: steps.changes.outputs.should_run == 'true'
+        timeout-minutes: 3
+        run: pnpm exec playwright install chromium --only-shell
+
+      - name: Run benchmark (PR)
+        if: steps.changes.outputs.should_run == 'true'
+        run: |
+          . venv/bin/activate
+          PERF_RESULTS_FILE=/tmp/bench_pr.json pnpm exec playwright test \
+            --config .config/playwright.config.js \
+            js/spa/test/big_complex_demo.spec.ts
+
+      - name: Compare results
+        id: compare
+        if: steps.changes.outputs.should_run == 'true'
+        env:
+          BASE_TAG: ${{ steps.latest_tag.outputs.tag }}
+        run: node scripts/compare_frontend_benchmarks.js
+
+      - name: Post or update PR comment
+        if: steps.compare.outputs.failed == 'true'
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const fs = require('fs');
+            const body = fs.readFileSync('/tmp/bench_comment.md', 'utf8');
+            const marker = '<!-- frontend-perf-benchmark -->';
+            const commentBody = marker + '\n' + body;
+
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+            });
+
+            const existing = comments.find(c => c.body.includes(marker));
+            if (existing) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: existing.id,
+                body: commentBody,
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                body: commentBody,
+              });
+            }
diff --git a/.github/workflows/generate-changeset.yml b/.github/workflows/generate-changeset.yml
new file mode 100644
index 0000000..1753db5
--- /dev/null
+++ b/.github/workflows/generate-changeset.yml
@@ -0,0 +1,119 @@
+name: Generate changeset
+on:
+  workflow_run:
+    workflows: ["trigger-changeset"]
+    types:
+      - completed
+
+env:
+  CI: true
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}"
+  cancel-in-progress: false
+
+permissions: {}
+
+jobs:
+  get-pr:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+    if: github.event.workflow_run.conclusion == 'success'
+    outputs:
+      found_pr: ${{ steps.pr_details.outputs.found_pr }}
+      pr_number: ${{ steps.pr_details.outputs.pr_number }}
+      source_repo: ${{ steps.pr_details.outputs.source_repo }}
+      source_branch: ${{ steps.pr_details.outputs.source_branch }}
+      actor: ${{ steps.pr_details.outputs.actor }}
+      sha: ${{ steps.pr_details.outputs.sha }}
+    steps:
+      - name: get pr details
+        id: pr_details
+        uses: gradio-app/github/actions/find-pr@main
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+  comment-changes-start:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: get-pr
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~pending~null
+  version:
+    permissions:
+      contents: read
+    environment: changeset
+    name: version
+    needs: get-pr
+    runs-on: ubuntu-latest
+    if: needs.get-pr.outputs.found_pr == 'true'
+    outputs:
+      skipped: ${{ steps.version.outputs.skipped }}
+      comment_url: ${{ steps.version.outputs.comment_url }}
+      approved: ${{ steps.version.outputs.approved }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          repository: ${{ needs.get-pr.outputs.source_repo }}
+          ref: ${{ needs.get-pr.outputs.source_branch }}
+          fetch-depth: 0
+          token: ${{ secrets.COMMENT_TOKEN }}
+      - name: generate changeset
+        id: version
+        uses: "gradio-app/github/actions/generate-changeset@main"
+        with:
+          github_token: ${{ secrets.CHANGESET_GITHUB_TOKEN }}
+          main_pkg: gradio
+          pr_number: ${{ needs.get-pr.outputs.pr_number }}
+          branch_name: ${{ needs.get-pr.outputs.source_branch }}
+          actor: ${{ needs.get-pr.outputs.actor }}
+  update-status:
+    permissions:
+      actions: read
+      statuses: write
+    runs-on: ubuntu-latest
+    needs: [version, get-pr]
+    steps:
+      - name: update status
+        uses: gradio-app/github/actions/commit-status@main
+        with:
+          sha: ${{ needs.get-pr.outputs.sha }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+          name: "Changeset Results"
+          pr: ${{ needs.get-pr.outputs.pr_number }}
+          # Temporarily disabled: the changeset approval requirement was more hassle than
+          # it was worth (the check failed whenever a maintainer hadn't ticked the approval
+          # checkbox). Force the check to pass for now. To re-enable, restore the line below.
+          # result: ${{ needs.version.outputs.approved == 'true' && 'success' || 'failure' }}
+          result: success
+          type: all
+  comment-changes-skipped:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: needs.version.result == 'success' && needs.version.outputs.skipped == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~warning~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
+  comment-changes-success:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: needs.version.result == 'success' && needs.version.outputs.skipped == 'false'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~success~${{ needs.version.outputs.comment_url }}
+  comment-changes-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [get-pr, version]
+    if: always() && needs.version.result == 'failure'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.get-pr.outputs.pr_number }}
+      message: changes~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
diff --git a/.github/workflows/npm-previews.yml b/.github/workflows/npm-previews.yml
new file mode 100644
index 0000000..9c469bf
--- /dev/null
+++ b/.github/workflows/npm-previews.yml
@@ -0,0 +1,58 @@
+name: "npm"
+
+on:
+  pull_request:
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "js"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  preview:
+    permissions:
+      contents: read
+    name: npm-previews
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+        with:
+          skip_build: true
+      - name: Setup Node.js 24
+        uses: actions/setup-node@v4
+        with:
+          node-version: "24"
+      - name: package
+        run: pnpm package
+      - name: build client
+        run: pnpm --filter @gradio/client --filter @gradio/preview build
+      - name: publish npm previews
+        run: pnpx pkg-pr-new@latest publish './js/*' './client/js' --comment=off
diff --git a/.github/workflows/previews-build.yml b/.github/workflows/previews-build.yml
new file mode 100644
index 0000000..967969b
--- /dev/null
+++ b/.github/workflows/previews-build.yml
@@ -0,0 +1,77 @@
+name: "previews-build"
+
+on:
+  workflow_dispatch:
+  pull_request:
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      pull-requests: read
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      gradio_version: ${{ steps.changes.outputs.gradio_version }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "functional"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  build:
+    permissions:
+      contents: read
+    name: "previews-build"
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || github.event_name == 'workflow_dispatch'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.12"
+          skip_docs_gen: true
+      - name: install deps
+        run: python -m pip install build
+      - name: Build pr package
+        run: |
+          python -c 'import json; j = json.load(open("gradio/package.json")); j["version"] = "${{ needs.changes.outputs.gradio_version }}"; json.dump(j, open("gradio/package.json", "w"))'
+          python3 -m build -w
+      - name: Upload Python package
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-build
+          path: dist/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl
+      - name: copy demos
+        uses: "gradio-app/github/actions/copy-demos@main"
+        with:
+          gradio_version: "https://huggingface.co/buckets/gradio/pypi-previews/resolve/${{ needs.changes.outputs.sha }}/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl"
+          gradio_client_version: "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python"
+          config_path: ".config/demos.json"
+      - name: upload demos
+        uses: actions/upload-artifact@v4
+        with:
+          name: all_demos
+          path: demo
+      - name: Build JS client
+        run: pnpm --filter @gradio/client build
+      - name: Upload JS client dist artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: js-client-dist
+          path: client/js/dist
diff --git a/.github/workflows/previews-deploy.yml b/.github/workflows/previews-deploy.yml
new file mode 100644
index 0000000..1fe334b
--- /dev/null
+++ b/.github/workflows/previews-deploy.yml
@@ -0,0 +1,156 @@
+name: "previews-deploy"
+
+on:
+  workflow_run:
+    workflows: ["previews-build"]
+    types:
+      - completed
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    if: github.event.workflow_run.conclusion == 'success'
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+      gradio_version: ${{ steps.json.outputs.gradio_version }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+
+  comment-spaces-start:
+    needs: changes
+    uses: "./.github/workflows/comment-queue.yml"
+    if: ${{ needs.changes.outputs.should_run == 'true' }}
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~pending~null
+  deploy:
+    name: "previews-deploy"
+    environment: deploy_spaces
+    outputs:
+      space_url: ${{ steps.upload-demo.outputs.SPACE_URL }}
+    needs: changes
+    if: ${{ (github.event.workflow_run.conclusion == 'success' && needs.changes.outputs.should_run == 'true') || github.event.workflow_run.event == 'workflow_dispatch' }}
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+    steps:
+      - name: Download all artifacts
+        uses: actions/download-artifact@v4
+        with:
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+      - name: list artifacts
+        run: ls -R .
+
+      - name: Set wheel name
+        id: set_wheel_name
+        run: |
+          wheel_file=$(find ./gradio-build -maxdepth 1 -type f -name "*.whl" -print -quit)
+          echo "wheel_name=$wheel_file" >> $GITHUB_OUTPUT
+      - name: Install hf CLI
+        run: curl -LsSf https://hf.co/cli/install.sh | bash -s
+      - name: Upload wheel
+        run: hf buckets cp ${{ steps.set_wheel_name.outputs.wheel_name }} hf://buckets/gradio/pypi-previews/${{ needs.changes.outputs.sha }}/
+        env:
+          HF_TOKEN: ${{ secrets.PYPI_PREVIEWS_TOKEN }}
+
+      - name: Upload JS client dist to HF
+        run: |
+          if [ -d ./js-client-dist ]; then
+            hf buckets sync ./js-client-dist hf://buckets/gradio/npm-previews/${{ needs.changes.outputs.sha }}
+          else
+            echo "Skipping JS client dist upload: ./js-client-dist not found."
+          fi
+        env:
+          HF_TOKEN: ${{ secrets.PYPI_PREVIEWS_TOKEN }}
+
+      - name: Install Hub Client Library
+        run: |
+          python3 -m venv venv
+          . venv/bin/activate
+          pip install huggingface-hub==0.23.2
+        # temporary, but ensures the script cannot be modified in a PR
+      - name: Get deploy scripts
+        run: |
+          mkdir scripts
+          curl https://raw.githubusercontent.com/gradio-app/gradio/main/scripts/upload_demo_to_space.py -o scripts/upload_demo_to_space.py
+          curl https://raw.githubusercontent.com/gradio-app/gradio/main/scripts/upload_website_demos.py -o scripts/upload_website_demos.py
+      - name: make dirs
+        run: mkdir -p demo && mv all_demos/* demo/
+      - name: Upload demo to spaces
+        if: github.event.workflow_run.event == 'pull_request'
+        id: upload-demo
+        run: |
+          . venv/bin/activate
+          python scripts/upload_demo_to_space.py all_demos \
+          gradio-pr-deploys/pr-${{ needs.changes.outputs.pr_number }}-all-demos \
+          ${{ secrets.WEBSITE_SPACES_DEPLOY_TOKEN }} \
+          --gradio-version ${{ needs.changes.outputs.gradio_version }} > url.txt
+          echo "SPACE_URL=$(tail -n 1 url.txt)" >> $GITHUB_OUTPUT
+      - name: Upload Website Demos
+        if: github.event.workflow_run.event == 'workflow_dispatch'
+        id: upload-website-demos
+        run: |
+          . venv/bin/activate
+          python scripts/upload_website_demos.py --AUTH_TOKEN ${{ secrets.WEBSITE_SPACES_DEPLOY_TOKEN }} \
+          --WHEEL_URL https://huggingface.co/buckets/gradio/pypi-previews/resolve/${{ needs.changes.outputs.sha }}/ \
+          --CLIENT_URL "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python" \
+          --GRADIO_VERSION ${{ needs.changes.outputs.gradio_version }}
+
+  comment-spaces-success:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: needs.changes.outputs.should_run == 'true' && needs.deploy.result == 'success'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~success~${{ needs.deploy.outputs.space_url }}
+      additional_text: |
+        **Install Gradio from this PR**
+        ```bash
+        pip install https://huggingface.co/buckets/gradio/pypi-previews/resolve/${{ needs.changes.outputs.sha }}/gradio-${{ needs.changes.outputs.gradio_version }}-py3-none-any.whl
+        ```
+
+        **Install Gradio Python Client from this PR**
+        ```bash
+        pip install "gradio-client @ git+https://github.com/gradio-app/gradio@${{ needs.changes.outputs.sha }}#subdirectory=client/python"
+        ```
+
+        **Import Gradio JS Client from this PR via CDN**
+        ```js
+        import { Client } from "https://huggingface.co/buckets/gradio/npm-previews/resolve/${{ needs.changes.outputs.sha }}/browser.js";
+        ```
+  comment-spaces-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: always() &&  needs.deploy.result == 'failure' && needs.changes.outputs.should_run == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: spaces~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
new file mode 100644
index 0000000..7a7095b
--- /dev/null
+++ b/.github/workflows/publish.yml
@@ -0,0 +1,92 @@
+# safe runs from main
+
+name: publish
+on:
+  push:
+    branches:
+      - main
+
+env:
+  CI: true
+  PNPM_CACHE_FOLDER: .pnpm-store
+jobs:
+  version_or_publish:
+    runs-on: ubuntu-22.04
+    environment: publish
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - name: checkout repo
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          persist-credentials: false
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.12"
+          skip_build: "false"
+          skip_docs_gen: true
+      - name: Build packages
+        run: |
+          . venv/bin/activate
+          pnpm package
+          pnpm --filter @gradio/client build
+      - name: update npm
+        run: npm i -g npm@latest
+      - name: check node version
+        run: node -v
+      - name: check npm version
+        run: npm -v
+      - name: create and publish versions
+        id: changesets
+        uses: changesets/action@aba318e9165b45b7948c60273e0b72fce0a64eb9 # @v1
+        with:
+          version: pnpm ci:version
+          commit: "chore: update versions"
+          title: "chore: update versions"
+          publish: pnpm ci:publish
+        env:
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: Upload npm logs
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: npm-logs
+          path: |
+            /home/runner/.npm/_logs/
+            ~/.npm/_logs/
+          retention-days: 7
+          if-no-files-found: ignore
+      - name: add label to skip chromatic build
+        if: ${{ steps.changesets.outputs.pullRequestNumber != '' && steps.changesets.outputs.pullRequestNumber != 'undefined' }}
+        run: gh pr edit "$PR_NUMBER" --add-label "no-visual-update"
+        env:
+          PR_NUMBER: ${{ steps.changesets.outputs.pullRequestNumber }}
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: add label to run flaky tests
+        if: ${{ steps.changesets.outputs.pullRequestNumber != '' && steps.changesets.outputs.pullRequestNumber != 'undefined' }}
+        run: gh pr edit "$PR_NUMBER" --add-label "flaky-tests"
+        env:
+          PR_NUMBER: ${{ steps.changesets.outputs.pullRequestNumber }}
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: add label to run backend tests on Windows
+        if: ${{ steps.changesets.outputs.pullRequestNumber != '' && steps.changesets.outputs.pullRequestNumber != 'undefined' }}
+        run: gh pr edit "$PR_NUMBER" --add-label "windows-tests"
+        env:
+          PR_NUMBER: ${{ steps.changesets.outputs.pullRequestNumber }}
+          GITHUB_TOKEN: ${{ secrets.GRADIO_PAT }}
+      - name: publish to pypi
+        if: steps.changesets.outputs.hasChangesets != 'true'
+        uses: "gradio-app/github/actions/publish-pypi@main"
+        env:
+          AWS_ACCESS_KEY_ID: ${{ secrets.SDK_AWS_S3_BUCKET_ACCESS_KEY }}
+          AWS_SECRET_ACCESS_KEY: ${{ secrets.SDK_AWS_S3_BUCKET_SECRET_ACCESS_KEY }}
+          AWS_DEFAULT_REGION: us-west-2
+        with:
+          use-oidc: true
+      - name: trigger spaces deploy workflow
+        env:
+          GITHUB_TOKEN: ${{ secrets.COMMENT_TOKEN }}
+        run: gh workflow run previews-build.yml
diff --git a/.github/workflows/semgrep.yml b/.github/workflows/semgrep.yml
new file mode 100644
index 0000000..6115544
--- /dev/null
+++ b/.github/workflows/semgrep.yml
@@ -0,0 +1,68 @@
+name: semgrep ci
+
+on:
+  workflow_run:
+    workflows: ["trigger-semgrep"]
+    types:
+      - completed
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  semgrep:
+    permissions:
+      contents: read
+    name: semgrep/ci
+    runs-on: ubuntu-latest
+    container:
+      image: semgrep/semgrep
+      options: --volume ${{ github.workspace }}/.github/configs:/mnt/ --name semgrepcontainer
+    outputs:
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      sha: ${{ steps.json.outputs.sha }}
+    if: (github.actor != 'dependabot[bot]')
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+      - uses: actions/checkout@v4
+        with:
+          repository: ${{ steps.json.outputs.source_repo }}
+          ref: ${{ steps.json.outputs.sha }}
+      - name: restart docker
+        uses: docker://docker
+        with:
+          args: docker restart semgrepcontainer
+      - run: ls -la /mnt
+      - run: semgrep ci --config=/mnt/semgrep_rules.yaml
+  update-status:
+    permissions:
+      actions: read
+      statuses: write
+    runs-on: ubuntu-latest
+    needs: semgrep
+    steps:
+      - name: update status
+        uses: gradio-app/github/actions/commit-status@main
+        with:
+          sha: ${{ needs.semgrep.outputs.sha }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+          name: "Semgrep Results"
+          pr: ${{ needs.semgrep.outputs.pr_number }}
+          result: ${{ needs.semgrep.result == 'success' && 'success' || 'failure' }}
+          type: all
diff --git a/.github/workflows/storybook-build.yml b/.github/workflows/storybook-build.yml
new file mode 100644
index 0000000..5c78fbd
--- /dev/null
+++ b/.github/workflows/storybook-build.yml
@@ -0,0 +1,81 @@
+name: "storybook-build"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - 5.0-dev
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "visual"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  build:
+    permissions:
+      contents: read
+    name: :storybook-build
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ needs.changes.outputs.source_branch }}
+          repository: ${{ needs.changes.outputs.source_repo }}
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.10"
+          skip_build: true
+          skip_docs_gen: true
+      - name: build client
+        run: pnpm --filter @gradio/client build
+      - name: generate theme.css
+        run: |
+          . venv/bin/activate
+          python scripts/generate_theme.py --outfile js/storybook/theme.css
+      - name: cache playwright browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
+          restore-keys: |
+            playwright-${{ runner.os }}-
+      - name: install playwright
+        timeout-minutes: 3
+        run: pnpm exec playwright install chromium --only-shell
+      - name: build storybook
+        run: |
+          . venv/bin/activate
+          pnpm build-storybook --quiet --stats-json
+      - name: upload  storybook
+        uses: actions/upload-artifact@v4
+        with:
+          name: storybook-static
+          path: storybook-static
diff --git a/.github/workflows/storybook-deploy.yml b/.github/workflows/storybook-deploy.yml
new file mode 100644
index 0000000..94191a9
--- /dev/null
+++ b/.github/workflows/storybook-deploy.yml
@@ -0,0 +1,127 @@
+name: "storybook-deploy"
+
+on:
+  workflow_run:
+    workflows: ["storybook-build"]
+    types:
+      - completed
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    if: github.event.workflow_run.conclusion == 'success'
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+  comment-chromatic-start:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || contains(needs.changes.outputs.labels, 'no-visual-update')
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: |
+        storybook~pending~null
+  update-status:
+    permissions:
+      actions: read
+      statuses: write
+    runs-on: ubuntu-latest
+    needs: changes
+    if: needs.changes.outputs.should_run == 'false' || contains(needs.changes.outputs.labels, 'no-visual-update')
+    steps:
+      - name: update status
+        uses: gradio-app/github/actions/set-commit-status@main
+        with:
+          sha: ${{ needs.changes.outputs.sha }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+          name: "UI Tests"
+          run_id: ${{ needs.changes.outputs.run_id }}
+  deploy:
+    permissions:
+      actions: read
+      contents: read
+    environment: storybook
+    name: "storybook-deploy"
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' && github.repository == 'gradio-app/gradio' && !contains(needs.changes.outputs.labels, 'no-visual-update')
+    runs-on: ubuntu-latest
+    outputs:
+      changes: ${{ steps.publish-chromatic.outputs.changeCount }}
+      errors: ${{ steps.publish-chromatic.outputs.errorCount }}
+      storybook_url: ${{ steps.publish-chromatic.outputs.storybookUrl }}
+      build_url: ${{ steps.publish-chromatic.outputs.buildUrl }}
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ needs.changes.outputs.source_branch }}
+          repository: ${{ needs.changes.outputs.source_repo }}
+          fetch-depth: 0
+      - name: dowload storybook artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: storybook-static
+          path: storybook-static
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+      - name: list artifacts
+        run: ls -R .
+      - name: create dummy pkg.json
+        run: echo "{}" > package.json
+      - name: publish to chromatic
+        id: publish-chromatic
+        uses: chromaui/action@v13
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.COMMIT_STATUS }}
+          onlyChanged: true
+          exitOnceUploaded: true
+          storybookBuildDir: storybook-static
+          untraced: "package.json pnpm-lock.yaml .github/** **/*.py **/*.md"
+
+  comment-chromatic-end:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: |
+        storybook~success~${{ needs.deploy.outputs.storybook_url }}
+
+  comment-chromatic-fail:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: always() && needs.deploy.result == 'failure'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: |
+        storybook~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
diff --git a/.github/workflows/sync-frontend.yml b/.github/workflows/sync-frontend.yml
new file mode 100644
index 0000000..7f79b78
--- /dev/null
+++ b/.github/workflows/sync-frontend.yml
@@ -0,0 +1,32 @@
+name: "sync-frontend"
+
+on:
+  push:
+    branches:
+      - changeset-release/main
+
+permissions: {}
+
+env:
+  CI: true
+
+jobs:
+  sync-frontend:
+    permissions:
+      contents: read
+    environment: deploy_spaces
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Install Python
+        uses: actions/setup-python@v5
+        with:
+          python-version: "3.12"
+      - name: Install pip
+        run: python -m pip install pip wheel requests
+      - name: Install Hub Client Library
+        run: pip install huggingface-hub
+      - name: Sync Front End Files To Hub
+        run: |
+          python scripts/sync_frontend.py \
+          ${{ secrets.SYNC_FRONTEND }}
diff --git a/.github/workflows/sync-skills.yml b/.github/workflows/sync-skills.yml
new file mode 100644
index 0000000..a91642c
--- /dev/null
+++ b/.github/workflows/sync-skills.yml
@@ -0,0 +1,74 @@
+name: Sync Gradio Skills to Hugging Face
+
+on:
+  push:
+    branches:
+      - main
+    paths:
+      - ".agents/skills/**"
+  workflow_dispatch:
+
+jobs:
+  sync-skills:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+    steps:
+      - name: Checkout gradio repo
+        uses: actions/checkout@v4
+
+      - name: Determine PR title
+        id: pr_title
+        run: |
+          if [[ "${{ github.event_name }}" == "push" ]]; then
+            echo "title=Sync Gradio Skills (${{ github.sha }})" >> $GITHUB_OUTPUT
+          else
+            echo "title=Sync Gradio Skills (manual trigger)" >> $GITHUB_OUTPUT
+          fi
+
+      - name: Checkout skills repo
+        uses: actions/checkout@v4
+        with:
+          repository: huggingface/skills
+          token: ${{ secrets.GRADIO_PAT }}
+          path: skills-repo
+
+      - name: Copy gradio skill files
+        run: |
+          mkdir -p skills-repo/skills/gradio/references
+          cp -r .agents/skills/gradio/* skills-repo/skills/gradio/
+
+      - name: Copy hf-gradio skill files
+        run: |
+          mkdir -p skills-repo/skills/hf-gradio
+          cp -r .agents/skills/hf-gradio/* skills-repo/skills/hf-gradio/
+
+      - name: Regenerate skills repo artifacts
+        working-directory: skills-repo
+        run: ./scripts/publish.sh
+
+      - name: Check for changes
+        id: check_changes
+        working-directory: skills-repo
+        run: |
+          git diff --quiet && echo "changed=false" >> $GITHUB_OUTPUT || echo "changed=true" >> $GITHUB_OUTPUT
+
+      - name: Create Pull Request
+        if: steps.check_changes.outputs.changed == 'true'
+        uses: peter-evans/create-pull-request@v7
+        with:
+          token: ${{ secrets.GRADIO_PAT }}
+          path: skills-repo
+          branch: sync/gradio-skills-${{ github.run_id }}
+          delete-branch: true
+          title: ${{ steps.pr_title.outputs.title }}
+          body: |
+            Auto-generated from [gradio@${{ github.sha }}](https://github.com/gradio-app/gradio/commit/${{ github.sha }})
+
+            Triggered by changes to `.agents/skills/`
+
+            ---
+            This PR was created automatically by the [sync-skills](https://github.com/gradio-app/gradio/blob/main/.github/workflows/sync-skills.yml) workflow.
+          commit-message: "Sync Gradio skills from gradio@${{ github.sha }}"
+          labels: |
+            automated
diff --git a/.github/workflows/test-functional.yml b/.github/workflows/test-functional.yml
new file mode 100644
index 0000000..4d0cd1b
--- /dev/null
+++ b/.github/workflows/test-functional.yml
@@ -0,0 +1,151 @@
+name: "functional"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - 5.0-dev
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+env:
+  CI: true
+  UV_EXCLUDE_NEWER: 7 days
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "functional"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  build:
+    name: "build-frontend"
+    permissions:
+      contents: read
+    runs-on: ubuntu-20.04-16core
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+      # Build the frontend exactly once and share it with both SSR test legs
+      # (below) via an artifact. Previously each leg rebuilt it independently,
+      # paying the ~3min `pnpm build` twice. This action sets up node/pnpm,
+      # installs deps and builds into `gradio/templates/**` (the SPA + the SSR
+      # server bundle) — no Python/venv needed (the build only reads the
+      # checked-in `gradio/package.json` for the version string).
+      - name: build frontend
+        uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+      - name: upload built frontend templates
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-templates
+          path: gradio/templates
+          retention-days: 1
+          include-hidden-files: true
+  test:
+    # Browser legs keep their original check names (functional-test-SSR=true/
+    # false); reload runs as its own leg named functional-reload.
+    name: "${{ matrix.suite == 'reload' && 'functional-reload' || format('functional-test-SSR={0}', matrix.ssr) }}"
+    permissions:
+      contents: read
+    runs-on: ubuntu-20.04-16core
+    needs: [changes, build]
+    strategy:
+      fail-fast: false
+      matrix:
+        # Reload tests get their own leg instead of running after the browser
+        # suite inside each SSR leg: the ~99s serial reload run is taken off the
+        # browser legs' critical path. Reload doesn't depend on SSR mode (the
+        # reload step never set GRADIO_SSR_MODE), so it runs once here rather
+        # than redundantly in both legs.
+        include:
+          - { suite: browser, ssr: true }
+          - { suite: browser, ssr: false }
+          - { suite: reload }
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+      # `skip_build: true` skips the frontend build (we download it from the
+      # `build` job instead). `skip_docs_gen: true` skips website JSON/CSS-var
+      # doc generation (~80s, irrelevant to browser tests); it's a new input on
+      # install-all-deps, so it only takes effect once this PR is merged and the
+      # @main action carries it (the current @main ignores the unknown input).
+      - name: install dependencies
+        id: install_deps
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.10"
+          test: true
+          skip_build: true
+          skip_docs_gen: true
+      - name: download built frontend templates
+        uses: actions/download-artifact@v4
+        with:
+          name: gradio-templates
+          path: gradio/templates
+      - name: verify frontend templates present
+        run: |
+          test -f gradio/templates/frontend/index.html \
+            || { echo "::error::frontend templates missing after artifact download"; ls -laR gradio/templates | head -50; exit 1; }
+          test -d gradio/templates/node/build \
+            || { echo "::error::SSR node build missing after artifact download"; ls -laR gradio/templates | head -50; exit 1; }
+      - name: cache playwright browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
+          restore-keys: |
+            playwright-${{ runner.os }}-
+      - name: install playwright
+        timeout-minutes: 3
+        run: pnpm exec playwright install chromium --only-shell
+      - name: build essential packages
+        run: pnpm --filter @gradio/utils --filter @gradio/theme package
+      - name: run browser tests
+        if: matrix.suite == 'browser'
+        env:
+          GRADIO_SSR_MODE: ${{ matrix.ssr }}
+          # 16-core runner + largely wait-bound tests → parallelize beyond the
+          # historical default of 4 workers (see .config/playwright.config.js).
+          PW_BROWSER_WORKERS: 8
+        run: |
+          . venv/bin/activate
+          pnpm test:browser
+      - name: upload screenshots
+        uses: actions/upload-artifact@v4
+        if: always() && matrix.suite == 'browser'
+        with:
+          name: playwright-screenshots-SSR-${{ matrix.ssr }}
+          path: |
+            ./test-results
+      - name: run reload mode test
+        if: matrix.suite == 'reload'
+        run: |
+          . venv/bin/activate
+          pnpm test:browser:reload
+      - name: upload reload mode screenshots
+        uses: actions/upload-artifact@v4
+        if: always() && matrix.suite == 'reload'
+        with:
+          name: reload-mode-playwright-screenshots
+          path: |
+            ./test-results
diff --git a/.github/workflows/test-hygiene.yml b/.github/workflows/test-hygiene.yml
new file mode 100644
index 0000000..faa75cb
--- /dev/null
+++ b/.github/workflows/test-hygiene.yml
@@ -0,0 +1,33 @@
+name: "hygiene"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - 5.0-dev
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  test:
+    permissions:
+      contents: read
+    name: "hygiene-test"
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: Generate Skill
+        run: |
+          python3 -m venv venv
+          . venv/bin/activate
+          pip install -e client/python . && python scripts/generate_skill.py --check
+      - name: Check for large files
+        uses: actionsdesk/lfs-warning@4b98a8a5e6c429c23c34eee02d71553bca216425 # @v3.3
+        with:
+          filesizelimit: 5MB
+          exclusionPatterns: ffmpeg-bin/*
diff --git a/.github/workflows/test-python.yml b/.github/workflows/test-python.yml
new file mode 100644
index 0000000..c01bf1a
--- /dev/null
+++ b/.github/workflows/test-python.yml
@@ -0,0 +1,161 @@
+name: "python"
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, edited, labeled, unlabeled]
+  push:
+    branches:
+      - main
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+env:
+  HF_TOKEN: ${{ vars.HF_TOKEN }}
+  UV_EXCLUDE_NEWER: 7 days
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "gradio"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  build:
+    permissions:
+      contents: read
+    name: "build"
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        id: install_deps
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.10"
+          os: "ubuntu-latest"
+          test: true
+          skip_docs_gen: true
+      - name: Lint
+        run: |
+          . venv/bin/activate
+          ./scripts/lint_backend.sh
+      - name: Typecheck
+        run: |
+          . venv/bin/activate
+          ./scripts/type_check_backend.sh
+      - name: Build wheel
+        run: |
+          . venv/bin/activate
+          uv pip install build
+          python -m build
+      - name: Build gradio_client wheel
+        run: |
+          . venv/bin/activate
+          cd client/python
+          python -m build
+      - name: Upload gradio wheel
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-wheel
+          path: dist/*.whl
+      - name: Upload gradio_client wheel
+        uses: actions/upload-artifact@v4
+        with:
+          name: gradio-client-wheel
+          path: client/python/dist/*.whl
+  test:
+    permissions:
+      contents: read
+    name: "test-${{ matrix.os }}-${{ matrix.test-type == 'flaky' && 'flaky' || 'not-flaky'}}"
+    needs: [changes, build]
+    if: needs.changes.outputs.should_run == 'true'
+    strategy:
+      matrix:
+        os: ["ubuntu-latest", "windows-latest"]
+        test-type: ["not flaky", "flaky"]
+        exclude:
+          - os: ${{ github.event_name == 'pull_request' && contains( github.event.pull_request.labels.*.name, 'windows-tests') && 'dummy' || 'windows-latest' }}
+          - test-type: ${{ github.event_name == 'pull_request' && contains( github.event.pull_request.labels.*.name, 'flaky-tests') && 'dummy' || 'flaky' }}
+    runs-on: ${{ matrix.os }}
+    continue-on-error: true
+    steps:
+      - uses: actions/checkout@v4
+      - name: Download gradio wheel
+        uses: actions/download-artifact@v4
+        with:
+          name: gradio-wheel
+          path: dist/
+      - name: Download gradio_client wheel
+        uses: actions/download-artifact@v4
+        with:
+          name: gradio-client-wheel
+          path: client-dist/
+      - name: install dependencies
+        id: install_deps
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.10"
+          os: ${{ matrix.os }}
+          test: true
+          skip_build: true
+          skip_gradio_install: true
+          skip_docs_gen: true
+      - name: Install gradio_client wheel
+        shell: bash
+        run: |
+          . ${{steps.install_deps.outputs.venv_activate}}
+          uv pip install client-dist/*.whl
+      - name: Install gradio wheel
+        shell: bash
+        run: |
+          . ${{steps.install_deps.outputs.venv_activate}}
+          uv pip install "$(ls dist/*.whl)[oauth,mcp]"
+      - name: uv pip freeze
+        shell: bash
+        run: |
+          . ${{steps.install_deps.outputs.venv_activate}}
+          uv pip freeze
+      - name: Generate .pyi files
+        shell: bash
+        run: |
+          . ${{steps.install_deps.outputs.venv_activate}}
+          python -c "import gradio"
+      - name: Copy wheels for docker tests
+        shell: bash
+        run: |
+          cp dist/*.whl test/test_docker/
+          cp client-dist/*.whl test/test_docker/
+      - name: Remove local gradio source to use installed wheel
+        shell: bash
+        run: |
+          find gradio -name "__init__.py" -delete
+      - name: Run parallel tests
+        shell: bash
+        run: |
+          . ${{steps.install_deps.outputs.venv_activate}}
+          python -m pytest -n auto -m "${{ matrix.test-type }} and not serial"
+      - name: Run non-flaky serial tests
+        if: matrix.test-type == 'not flaky'
+        shell: bash
+        run: |
+          . ${{steps.install_deps.outputs.venv_activate}}
+          python -m pytest -m "${{ matrix.test-type }} and serial"
diff --git a/.github/workflows/tests-js.yml b/.github/workflows/tests-js.yml
new file mode 100644
index 0000000..8ce57bd
--- /dev/null
+++ b/.github/workflows/tests-js.yml
@@ -0,0 +1,72 @@
+name: "js"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+      - 5.0-dev
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "js"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  test:
+    permissions:
+      contents: read
+    name: js-test
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+        with:
+          skip_build: true
+      - name: cache playwright browsers
+        uses: actions/cache@v4
+        with:
+          path: ~/.cache/ms-playwright
+          key: playwright-${{ runner.os }}-${{ hashFiles('pnpm-lock.yaml') }}
+          restore-keys: |
+            playwright-${{ runner.os }}-
+      - name: install playwright
+        timeout-minutes: 3
+        run: pnpm exec playwright install chromium --only-shell
+      - name: format check
+        run: pnpm format:check
+      - name: lint
+        run: pnpm lint
+      - name: typecheck
+        run: pnpm ts:check
+      - name: unit tests
+        run: pnpm test:run
+      - name: client tests
+        run: pnpm --filter @gradio/client test
diff --git a/.github/workflows/trigger-changeset.yml b/.github/workflows/trigger-changeset.yml
new file mode 100644
index 0000000..ffad71e
--- /dev/null
+++ b/.github/workflows/trigger-changeset.yml
@@ -0,0 +1,17 @@
+name: trigger-changeset
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, edited, labeled, unlabeled]
+    branches:
+      - main
+  issue_comment:
+    types: [edited]
+
+permissions: {}
+
+jobs:
+  changeset:
+    runs-on: ubuntu-22.04
+    if: github.event.sender.login != 'gradio-pr-bot'
+    steps:
+      - run: echo "Requesting changeset"
diff --git a/.github/workflows/trigger-semgrep.yml b/.github/workflows/trigger-semgrep.yml
new file mode 100644
index 0000000..41fdff9
--- /dev/null
+++ b/.github/workflows/trigger-semgrep.yml
@@ -0,0 +1,29 @@
+name: trigger-semgrep
+on:
+  pull_request:
+    branches:
+      - main
+      - 5.0-dev
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "gradio"
+          token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/update-checks.yml b/.github/workflows/update-checks.yml
new file mode 100644
index 0000000..6ea19c4
--- /dev/null
+++ b/.github/workflows/update-checks.yml
@@ -0,0 +1,68 @@
+name: "update-checks"
+
+on:
+  workflow_run:
+    workflows: ["python", "js", "functional", "generate-changeset"]
+    types:
+      - completed
+
+concurrency:
+  group: "${{ github.event.workflow_run.id}}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    name: "changes"
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+  update-status:
+    permissions:
+      actions: read
+      statuses: write
+      contents: read
+    environment: commit_status
+    runs-on: ubuntu-latest
+    needs: changes
+    if: ${{ needs.changes.outputs.should_run == 'false'}}
+    steps:
+      - name: set js check name
+        if: github.event.workflow_run.name == 'js'
+        run: echo "CHECK_NAME=js / js-test (pull_request)" >> $GITHUB_ENV
+      - name: set python check name
+        if: github.event.workflow_run.name == 'python'
+        run: echo "CHECK_NAME=test-ubuntu-latest-not-flaky" >> $GITHUB_ENV
+      - name: set functional check name
+        if: github.event.workflow_run.name == 'functional'
+        run: echo "CHECK_NAME=functional / functional-test (pull_request)" >> $GITHUB_ENV
+      - name: set changeset approval status
+        if: github.event.workflow_run.name == 'generate-changeset'
+        run: echo "CHECK_NAME=changeset-approval (pull_request)" >> $GITHUB_ENV
+      - name: update status
+        uses: gradio-app/github/actions/set-commit-status@main
+        with:
+          sha: ${{ needs.changes.outputs.sha }}
+          token: ${{ secrets.GITHUB_TOKEN }}
+          name: ${{ env.CHECK_NAME }}
+          run_id: ${{ needs.changes.outputs.run_id }}
diff --git a/.github/workflows/website-build.yml b/.github/workflows/website-build.yml
new file mode 100644
index 0000000..128f907
--- /dev/null
+++ b/.github/workflows/website-build.yml
@@ -0,0 +1,103 @@
+name: "website-build"
+
+on:
+  workflow_run:
+    workflows: ["docs-deploy"]
+    types:
+      - completed
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+jobs:
+  changes:
+    if: github.event.workflow_run.conclusion == 'success'
+    name: "changes"
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+      - uses: actions/upload-artifact@v4
+        with:
+          path: output.json
+          name: changes
+  build:
+    environment: build_website
+    name: "website-build"
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || (endsWith(needs.changes.outputs.source_branch, 'main') && github.repository == 'gradio-app/gradio')
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ needs.changes.outputs.source_branch }}
+          repository: ${{ needs.changes.outputs.source_repo }}
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          skip_build: true
+          python_version: "3.10"
+      - name: build client
+        run: pnpm --filter @gradio/client build
+
+      - name: build packages
+        run: pnpm package
+
+      - name: build website
+        run: VERCEL=1 pnpm --filter website build
+
+      - name: find
+        run: find . -type d
+
+      - name: Install Hub Client Library and docs.json Requirements
+        run: |
+          python3 -m venv venv
+          . venv/bin/activate
+          pip install huggingface-hub==0.28.1 html2text beautifulsoup4
+
+      - name: Get docs.json Upload Script
+        run: |
+          mkdir -p scripts
+          curl https://raw.githubusercontent.com/gradio-app/gradio/main/scripts/upload_docs_json.py -o scripts/upload_docs_json.py
+
+      - name: Upload docs.json to HF dataset
+        if: needs.changes.outputs.source_repo == 'gradio-app/gradio' && needs.changes.outputs.source_branch == 'refs/heads/main'
+        env:
+          HF_TOKEN: ${{ secrets.HF_DOCS_TOKEN }}
+        run: |
+          . venv/bin/activate
+          python scripts/upload_docs_json.py
+      - name: upload website artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: website
+          path: |
+            js/_website/build
+            js/_website/wrangler.jsonc
+            js/_website/worker
+          include-hidden-files: true
+      - name: upload functions artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: functions
+          path: js/_website/functions
+          include-hidden-files: true
diff --git a/.github/workflows/website-deploy.yml b/.github/workflows/website-deploy.yml
new file mode 100644
index 0000000..8b185f9
--- /dev/null
+++ b/.github/workflows/website-deploy.yml
@@ -0,0 +1,106 @@
+name: "website-deploy"
+
+on:
+  workflow_run:
+    workflows: ["website-build"]
+    types:
+      - completed
+
+permissions: {}
+
+jobs:
+  changes:
+    if: github.event.workflow_run.conclusion == 'success'
+    name: "changes"
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+  comment-deploy-start:
+    needs: changes
+    uses: "./.github/workflows/comment-queue.yml"
+    if: needs.changes.outputs.should_run == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: website~pending~null
+  deploy:
+    environment: deploy_website
+    name: "website-deploy"
+    runs-on: ubuntu-latest
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || (endsWith(needs.changes.outputs.source_branch, 'main') && github.repository == 'gradio-app/gradio')
+    permissions:
+      actions: read
+    outputs:
+      cloudflare_url: ${{ steps.cloudflare-preview.outputs.deployment-url }}
+    steps:
+      - name: download website artifacts
+        uses: actions/download-artifact@v4
+        with:
+          name: website
+          path: js/_website
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+
+        # preview
+      - name: Deploy Preview Worker to Cloudflare
+        if: needs.changes.outputs.pr_number != 'false'
+        id: cloudflare-preview
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          workingDirectory: js/_website
+          wranglerVersion: "4"
+          command: versions upload
+
+        # production
+      - name: Deploy Production Worker to Cloudflare
+        if: needs.changes.outputs.source_repo == 'gradio-app/gradio' && needs.changes.outputs.source_branch == 'refs/heads/main'
+        id: cloudflare-production
+        uses: cloudflare/wrangler-action@v3
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          workingDirectory: js/_website
+          wranglerVersion: "4"
+          command: deploy
+
+  comment-deploy-success:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: needs.deploy.result == 'success' && needs.changes.outputs.pr_number != 'false'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: website~success~${{needs.deploy.outputs.cloudflare_url}}
+  comment-deploy-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: always() &&  needs.deploy.result == 'failure' && needs.changes.outputs.pr_number != 'false'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: website~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
diff --git a/.github/workflows/website-docs-build.yml b/.github/workflows/website-docs-build.yml
new file mode 100644
index 0000000..bc23133
--- /dev/null
+++ b/.github/workflows/website-docs-build.yml
@@ -0,0 +1,82 @@
+name: "docs-build"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    if: github.event_name == 'pull_request' || github.event_name == 'push'
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      gradio_version: ${{ steps.changes.outputs.gradio_version }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "website"
+          token: ${{ secrets.GITHUB_TOKEN }}
+
+  build:
+    permissions:
+      contents: read
+    name: "docs-build"
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || (endsWith(needs.changes.outputs.source_branch, 'main') && github.repository == 'gradio-app/gradio')
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-all-deps@main"
+        with:
+          python_version: "3.10"
+          skip_build: true
+          test: true
+
+        # generated when installing deps
+      - name: upload website json artifacts
+        uses: actions/upload-artifact@v4
+        with:
+          name: website-json
+          path: js/_website/src/lib/json
+      - name: upload website json templates
+        uses: actions/upload-artifact@v4
+        with:
+          name: website-templates
+          path: js/_website/src/lib/templates
+      - name: build client
+        run: pnpm --filter @gradio/client build
+      - name: build packages
+        run: pnpm package
+      - name: build website
+        run: VERCEL=1 pnpm --filter website build
+  website-build:
+    permissions:
+      contents: read
+    name: "website-build"
+    runs-on: ubuntu-22.04
+    needs: [changes, build]
+    if: needs.changes.outputs.should_run == 'true' || (endsWith(needs.changes.outputs.source_branch, 'main') && github.repository == 'gradio-app/gradio')
+    steps:
+      - name: website build completed
+        run: echo "Website build completed in the docs-build job."
diff --git a/.github/workflows/website-docs-deploy.yml b/.github/workflows/website-docs-deploy.yml
new file mode 100644
index 0000000..b2b4354
--- /dev/null
+++ b/.github/workflows/website-docs-deploy.yml
@@ -0,0 +1,93 @@
+name: "docs-deploy"
+
+on:
+  workflow_run:
+    workflows: ["docs-build"]
+    types:
+      - completed
+
+concurrency:
+  group: "${{ github.event.workflow_run.head_repository.full_name }}-${{ github.event.workflow_run.head_branch }}-${{ github.workflow_ref }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    if: github.event.workflow_run.conclusion == 'success'
+    name: "changes"
+    runs-on: ubuntu-latest
+    permissions:
+      actions: read
+    outputs:
+      should_run: ${{ steps.json.outputs.should_run }}
+      sha: ${{ steps.json.outputs.sha }}
+      pr_number: ${{ steps.json.outputs.pr_number }}
+      source_branch: ${{ steps.json.outputs.source_branch }}
+      source_repo: ${{ steps.json.outputs.source_repo }}
+      labels: ${{ steps.json.outputs.labels }}
+      run_id: ${{ steps.json.outputs.run_id }}
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v4
+        with:
+          name: changes
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          run-id: ${{ github.event.workflow_run.id }}
+      - uses: gradio-app/github/actions/json-to-output@main
+        id: json
+        with:
+          path: output.json
+      - uses: actions/upload-artifact@v4
+        with:
+          path: output.json
+          name: changes
+  comment-deploy-start:
+    needs: changes
+    uses: "./.github/workflows/comment-queue.yml"
+    if: needs.changes.outputs.should_run == 'true'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: website~pending~null
+  deploy:
+    environment: deploy_website
+    name: "docs-deploy"
+    runs-on: ubuntu-latest
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true' || github.event.workflow_run.event == 'push'
+    permissions:
+      actions: read
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: website-json
+          path: js/_website/lib/json
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+      - uses: actions/download-artifact@v4
+        with:
+          name: website-templates
+          path: js/_website/lib/templates
+          run-id: ${{ github.event.workflow_run.id }}
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: deploy json to aws
+        if: startsWith(needs.changes.outputs.source_branch, 'changeset-release/') && needs.changes.outputs.source_repo == 'gradio-app/gradio'
+        run: |
+          export AWS_ACCESS_KEY_ID=${{ secrets.DOCS_JSON_AWS_S3_ACCESS_KEY }}
+          export AWS_SECRET_ACCESS_KEY=${{ secrets.DOCS_JSON_AWS_S3_SECRET_ACCESS_KEY }}
+          export AWS_DEFAULT_REGION=us-west-2
+          version=$(jq -r .version js/_website/lib/json/version.json)
+          aws s3 cp ./js/_website/lib/json/ s3://gradio-docs-json/$version/ --recursive
+          aws s3 cp ./js/_website/lib/templates/ s3://gradio-docs-json/$version/templates/ --recursive
+  comment-deploy-failure:
+    uses: "./.github/workflows/comment-queue.yml"
+    needs: [deploy, changes]
+    if: always() && needs.deploy.result == 'failure' && needs.changes.outputs.pr_number != 'false'
+    secrets:
+      gh_token: ${{ secrets.COMMENT_TOKEN }}
+    with:
+      pr_number: ${{ needs.changes.outputs.pr_number }}
+      message: website~failure~https://github.com/gradio-app/gradio/actions/runs/${{github.run_id}}/
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..59b408a
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,110 @@
+# Python build
+.eggs/
+gradio.egg-info
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+build/
+!js/build/
+!js/build/dist/
+__tmp/*
+*.pyi
+!gradio/stubs/**/*.pyi
+.ipynb_checkpoints/
+.python-version
+=23.2
+
+# JS build
+gradio/templates/*
+gradio/node/*
+gradio/_frontend_code/*
+js/gradio-preview/test/*
+**/dist/**/*.d.ts
+
+# Secrets
+.env
+
+# Gradio run artifacts
+*.db
+*.sqlite3
+gradio/launches.json
+gradio/hash_seed.txt
+.gradio/
+
+tmp.zip
+
+# Tests
+.coverage
+coverage.xml
+test.txt
+**/snapshots/**/*.png
+playwright-report/
+.hypothesis
+
+# Demos
+demo/tmp.zip
+demo/files/*.avi
+demo/files/*.mp4
+demo/all_demos/demos/*
+demo/all_demos/requirements.txt
+demo/*/config.json
+demo/annotatedimage_component/*.png
+demo/fake_diffusion_with_gif/*.gif
+demo/cancel_events/cancel_events_output_log.txt
+demo/unload_event_test/output_log.txt
+demo/stream_video_out/output_*.ts
+demo/stream_video_out/output_*.mp4
+demo/stream_audio_out/*.mp3
+test-demo/*
+#demo/image_editor_story/*.png
+
+# Etc
+.idea/*
+.DS_Store
+*.bak
+workspace.code-workspace
+*.h5
+
+# dev containers
+.pnpm-store/
+
+# log files
+.pnpm-debug.log
+
+# Local virtualenv for devs
+.venv*
+
+# FRP
+gradio/frpc_*
+.vercel
+
+# js
+node_modules
+public/build/
+test-results
+client/js/dist/*
+client/js/test.js
+.config/test.py
+.svelte-kit
+
+
+# storybook
+storybook-static
+build-storybook.log
+js/storybook/theme.css
+*storybook.log
+
+# playwright
+.config/playwright/.cache
+
+*.local.*
+.claude/settings.local
+CLAUDE.md
+.sonda/
+
+# docs upload
+scripts/docs.json
+tmp_input
+.claude/scheduled_tasks.lock
diff --git a/.storybook/GradioContext.svelte b/.storybook/GradioContext.svelte
new file mode 100644
index 0000000..28e37a7
--- /dev/null
+++ b/.storybook/GradioContext.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { setContext } from "svelte";
+	import type { Snippet } from "svelte";
+	import { init, addMessages } from "svelte-i18n";
+	import en from "../js/core/src/lang/en.json";
+
+	const GRADIO_ROOT = "GRADIO_ROOT";
+
+	let { children }: { children: Snippet } = $props();
+	let i18nReady = $state(false);
+
+	addMessages("en", en);
+	init({
+		fallbackLocale: "en",
+		initialLocale: "en"
+	});
+	i18nReady = true;
+
+	const mockRegister = (): void => {};
+
+	const mockDispatcher = (_id: number, event: string, data: any): void => {
+		const e = new CustomEvent("gradio", {
+			bubbles: true,
+			detail: { data, id: _id, event }
+		});
+		document.dispatchEvent(e);
+	};
+
+	setContext(GRADIO_ROOT, {
+		register: mockRegister,
+		dispatcher: mockDispatcher
+	});
+</script>
+
+{#if i18nReady}
+	{@render children()}
+{/if}
diff --git a/.storybook/main.ts b/.storybook/main.ts
new file mode 100644
index 0000000..6457690
--- /dev/null
+++ b/.storybook/main.ts
@@ -0,0 +1,80 @@
+import type { StorybookConfig } from "@storybook/svelte-vite";
+import { svelte, vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import { sveltePreprocess } from "svelte-preprocess";
+
+const config: StorybookConfig = {
+	stories: [
+		"../js/storybook/**/*.mdx",
+		"../js/!(dataframe|dataframe-interim|core)/*.stories.svelte",
+		"../js/!(dataframe|dataframe-interim|core)/src/**/*.stories.svelte"
+	],
+	staticDirs: ["../js/spa/public", "../js/storybook/public", "./test_files"],
+	addons: [
+		{
+			name: "@storybook/addon-svelte-csf",
+			options: {
+				legacyTemplate: true
+			}
+		},
+		"@chromatic-com/storybook",
+		"@storybook/addon-vitest",
+		"@storybook/addon-a11y",
+		"@storybook/addon-docs"
+	],
+	framework: "@storybook/svelte-vite",
+	async viteFinal(config) {
+		config.plugins = (config.plugins || []).filter((plugin) => {
+			const name = Array.isArray(plugin) ? undefined : (plugin as any)?.name;
+			return (
+				name !== "storybook:svelte-docgen-plugin" &&
+				name !== "vite-plugin-svelte"
+			);
+		});
+
+		config.plugins.unshift(
+			svelte({
+				configFile: false,
+				// configFile:false means the project's svelte.config.js (and its
+				// preprocessing) isn't loaded, so enable TS preprocessing here —
+				// matching the main app's config. Without it, Svelte's built-in
+				// parser chokes on TS generics in a class `extends` clause
+				// (e.g. `extends Gradio<A, B>`).
+				preprocess: [vitePreprocess(), sveltePreprocess()],
+				// Disabled so workspace @gradio/* .svelte sources go through this
+				// (preprocessed) plugin rather than being esbuild-prebundled without
+				// preprocessing — the prebundle path can't strip TS generics in a
+				// class `extends` clause and fails to parse on Svelte 5.48.
+				prebundleSvelteLibraries: false,
+				dynamicCompileOptions({ filename }) {
+					// Process @storybook/svelte files from node_modules
+					if (filename.includes("node_modules/@storybook/svelte")) {
+						return { generate: "client" };
+					}
+				}
+			})
+		);
+
+		config.resolve = config.resolve || {};
+		config.resolve.conditions = [
+			"gradio",
+			"browser",
+			"import",
+			"module",
+			"default"
+		];
+
+		config.optimizeDeps = config.optimizeDeps || {};
+		config.optimizeDeps.include = [
+			...(config.optimizeDeps.include || []),
+			"@storybook/svelte"
+		];
+		config.optimizeDeps.exclude = [
+			...(config.optimizeDeps.exclude || []),
+			"@gradio/utils",
+			"@gradio/theme"
+		];
+
+		return config;
+	}
+};
+export default config;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
new file mode 100644
index 0000000..6696b52
--- /dev/null
+++ b/.storybook/preview.ts
@@ -0,0 +1,73 @@
+import type { Preview } from "@storybook/svelte-vite";
+import GradioContext from "./GradioContext.svelte";
+import { setupi18n } from "../js/core/src/i18n";
+import { locale } from "svelte-i18n";
+
+import "../js/theme/src/reset.css";
+import "../js/theme/src/global.css";
+import "../js/theme/src/pollen.css";
+import "../js/theme/src/typography.css";
+import "../js/storybook/theme.css";
+
+setupi18n();
+
+const withI18n = (
+	storyFn: any,
+	context: { globals: { locale?: string } }
+): any => {
+	if (context.globals.locale) {
+		locale.set(context.globals.locale);
+	}
+	return storyFn();
+};
+
+const preview: Preview = {
+	parameters: {
+		controls: {
+			matchers: {
+				color: /(background|color)$/i,
+				date: /Date$/i
+			}
+		},
+
+		a11y: {
+			// 'todo' - show a11y violations in the test UI only
+			test: "todo"
+		},
+		viewport: {
+			viewports: {
+				mobile: { name: "mobile", styles: { width: "320px", height: "400px" } },
+				tablet: { name: "tablet", styles: { width: "640px", height: "800px" } },
+				desktop: {
+					name: "desktop",
+					styles: { width: "1024px", height: "1000px" }
+				}
+			}
+		}
+	},
+	globalTypes: {
+		locale: {
+			name: "Locale",
+			description: "Internationalization locale",
+			defaultValue: "en",
+			toolbar: {
+				icon: "globe",
+				items: [
+					{ value: "en", title: "English" },
+					{ value: "fr", title: "French" },
+					{ value: "de", title: "German" },
+					{ value: "es", title: "Spanish" },
+					{ value: "ar", title: "Arabic", right: true }
+				]
+			}
+		}
+	},
+	decorators: [
+		withI18n,
+		() => ({
+			Component: GradioContext
+		})
+	]
+};
+
+export default preview;
diff --git a/.storybook/test_files/audio_sample.mp3 b/.storybook/test_files/audio_sample.mp3
new file mode 100644
index 0000000..05f5675
Binary files /dev/null and b/.storybook/test_files/audio_sample.mp3 differ
diff --git a/.storybook/test_files/bus.png b/.storybook/test_files/bus.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/.storybook/test_files/bus.png differ
diff --git a/.storybook/test_files/cheetah.jpg b/.storybook/test_files/cheetah.jpg
new file mode 100644
index 0000000..d1fde62
Binary files /dev/null and b/.storybook/test_files/cheetah.jpg differ
diff --git a/.storybook/test_files/lion.jpg b/.storybook/test_files/lion.jpg
new file mode 100644
index 0000000..e9bf9f5
Binary files /dev/null and b/.storybook/test_files/lion.jpg differ
diff --git a/.storybook/test_files/video_sample.mp4 b/.storybook/test_files/video_sample.mp4
new file mode 100644
index 0000000..7b2d7c7
Binary files /dev/null and b/.storybook/test_files/video_sample.mp4 differ
diff --git a/.storybook/vitest.setup.ts b/.storybook/vitest.setup.ts
new file mode 100644
index 0000000..e1bc3bb
--- /dev/null
+++ b/.storybook/vitest.setup.ts
@@ -0,0 +1,4 @@
+import { setProjectAnnotations } from "@storybook/svelte";
+import * as previewAnnotations from "./preview";
+
+setProjectAnnotations([previewAnnotations]);
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..f94e184
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,9 @@
+{
+	"recommendations": [
+		"dbaeumer.vscode-eslint",
+		"phoenisx.cssvar",
+		"esbenp.prettier-vscode",
+		"svelte.svelte-vscode",
+		"charliermarsh.ruff"
+	]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..2bbf04b
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,23 @@
+{
+	"cssvar.files": ["./js/node_modules/pollen-css/pollen.css"],
+	"cssvar.ignore": [],
+	"cssvar.disableSort": true,
+	"cssvar.extensions": ["js", "css", "html", "jsx", "tsx", "svelte"],
+	"svelte.plugin.svelte.format.enable": true,
+	"svelte.plugin.svelte.diagnostics.enable": false,
+	"svelte.enable-ts-plugin": true,
+	"prettier.configPath": ".config/.prettierrc.json",
+	"prettier.ignorePath": ".config/.prettierignore",
+	"python.testing.pytestArgs": ["."],
+	"python.testing.unittestEnabled": false,
+	"python.testing.pytestEnabled": true,
+	"eslint.validate": ["javascript", "typescript", "html", "markdown", "svelte"],
+	"eslint.useFlatConfig": true,
+	"eslint.options": {
+		"overrideConfigFile": "./.config/eslint.config.js"
+	},
+	"typescript.tsdk": "node_modules/typescript/lib",
+	"i18n-ally.localesPaths": [
+		"js/spa/src/lang"
+	]
+}
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..ab97a5d
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,70 @@
+# AGENTS.md
+
+Instructions for AI coding agents working on this repository.
+
+## Repository Structure
+
+- `gradio/` — Python source for the Gradio library (backend)
+  - `gradio/components/` — all Gradio components
+  - `gradio/cli/` — CLI commands (`gradio`, `gradio cc`, `gradio skills`, etc.)
+- `client/python/` — the `gradio_client` Python client library
+- `client/js/` — the `@gradio/client` JavaScript client library
+- `js/` — frontend code (Svelte/TypeScript), with each component in its own subdirectory
+- `test/` — Python backend tests (pytest)
+- `js/spa/test/` — browser/Playwright tests (`*.spec.ts`)
+- `demo/` — example Gradio apps
+- `guides/` — written guides and tutorials for the website
+
+## Pull Request Rules
+
+Follow these rules when creating or contributing to pull requests:
+
+1. **Target an issue.** Every non-trivial PR should reference an existing GitHub issue. If one doesn't exist, create it first. PRs without a linked issue may be closed.
+
+2. **Use the PR template.** Fill out every section of `.github/PULL_REQUEST_TEMPLATE.md`, including:
+   - A clear description of the change
+   - The AI disclosure checkbox (see below)
+   - The linked issue (`Closes: #NNN`)
+
+3. **AI disclosure is mandatory.** If AI was used in any non-trivial way (drafting code, writing the PR description, etc.), you must disclose this in the PR template. Trivial autocomplete does not need to be disclosed. All AI-generated code must be self-reviewed.
+
+4. **Format your code before pushing.**
+   - Backend: `bash scripts/format_backend.sh`
+   - Frontend: `bash scripts/format_frontend.sh`
+
+5. **Tests must pass.** PRs are only merged when CI is green. Run backend tests locally with `bash scripts/run_backend_tests.sh`.
+
+6. **PR title and description should be clear and written in English.** The title should concisely describe *what* the PR does. The description should explain *why*.
+
+7. **Submit against `main`.** All PRs target the `main` branch.
+
+## Code Style
+
+- Python code is formatted with `ruff`. Run `bash scripts/format_backend.sh`.
+- Frontend code is formatted with `prettier`. Run `bash scripts/format_frontend.sh`.
+- Be consistent with the style of the surrounding code.
+
+## Agentic Contribution Policy
+
+These rules apply to all AI-assisted contributions to this repository. Do not skip them.
+
+### Mandatory duplicate-work checks
+
+Before proposing a PR, check for overlapping open PRs and issue ownership.
+
+- If an open PR already addresses the same fix, do not open another.
+- If your approach is materially different, explain the difference and why a second PR is needed in the issue thread.
+
+### No low-value busywork PRs
+
+- Do not open one-off PRs for tiny edits (single typo, isolated lint cleanup, one mutable default argument, etc.).
+- Mechanical cleanups are acceptable only when bundled into a clear, systematic scope — not as isolated first contributions.
+
+### Human accountability
+
+- Pure code-agent PRs are not allowed. A human contributor must understand and be able to defend the change.
+- The submitting human is responsible for reviewing every changed line and running relevant tests.
+
+## More Details
+
+See [CONTRIBUTING.md](CONTRIBUTING.md) for full setup instructions, testing details, and the contribution workflow.
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..273d61f
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,8128 @@
+# gradio
+
+## 6.20.0
+
+### Features
+
+- [#13566](https://github.com/gradio-app/gradio/pull/13566) [`79b9171`](https://github.com/gradio-app/gradio/commit/79b91718b5c972c174ed042d8b04443bc2274076) - Gallery Download All.  Thanks @dawoodkhan82!
+- [#13544](https://github.com/gradio-app/gradio/pull/13544) [`784eb53`](https://github.com/gradio-app/gradio/commit/784eb536ab6596b0fa967419aaa93de39fa9418d) - workflow: show downstream output on subgraph run.  Thanks @hannahblair!
+- [#13582](https://github.com/gradio-app/gradio/pull/13582) [`59968e8`](https://github.com/gradio-app/gradio/commit/59968e8fdc86230eebb329ce0871dfaa9fa9c746) - workflow: update input change handling.  Thanks @hannahblair!
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+- [#13557](https://github.com/gradio-app/gradio/pull/13557) [`55241c8`](https://github.com/gradio-app/gradio/commit/55241c890fc5f0bbfddae4ce2ec14525d594e05e) - workflow: auto add node on port click.  Thanks @hannahblair!
+- [#13549](https://github.com/gradio-app/gradio/pull/13549) [`ec64242`](https://github.com/gradio-app/gradio/commit/ec642427856c9b7a3e90c35987d87bb98a6e9fbc) - workflow: validate model before invoking inference client.  Thanks @hannahblair!
+- [#13555](https://github.com/gradio-app/gradio/pull/13555) [`f7b872e`](https://github.com/gradio-app/gradio/commit/f7b872e52136d0f9308f0c7e0ebd49371148088a) - Replace deprecated Starlette 422 status constant in queue validator error path.  Thanks @copilot-swe-agent!
+- [#13574](https://github.com/gradio-app/gradio/pull/13574) [`75c5d1e`](https://github.com/gradio-app/gradio/commit/75c5d1eeec6f9cc7e84128812bc0c03b9682d7da) - workflow: inject token into fn functions.  Thanks @hannahblair!
+
+### Fixes
+
+- [#13592](https://github.com/gradio-app/gradio/pull/13592) [`876d333`](https://github.com/gradio-app/gradio/commit/876d3334a9229e403193f7fd176af8c0720817cf) - Fix `JSONDecodeError` when loading cached examples with negative number outputs.  Thanks @hysts!
+- [#13596](https://github.com/gradio-app/gradio/pull/13596) [`1c5c538`](https://github.com/gradio-app/gradio/commit/1c5c53842df9c2750552d85c19a92e7e732cff3f) - Security: serve `/gradio_api/file=<url>` via an SSRF-safe streaming proxy instead of an open redirect.  Thanks @abidlabs!
+- [#13595](https://github.com/gradio-app/gradio/pull/13595) [`4e72cd1`](https://github.com/gradio-app/gradio/commit/4e72cd1d6fd5cdb7d1267df4cfd1eec9a4b4214d) - workflow: forward `_token` to bound fn when no request session.  Thanks @hannahblair!
+- [#13540](https://github.com/gradio-app/gradio/pull/13540) [`98de45e`](https://github.com/gradio-app/gradio/commit/98de45e708305563f79614221aede2bf5d863922) - Fix gr.Plot collapsing to zero height for autosize Plotly figures.  Thanks @hysts!
+- [#13563](https://github.com/gradio-app/gradio/pull/13563) [`46d391b`](https://github.com/gradio-app/gradio/commit/46d391bd4385b6cfa31f10b35955c95c86c4cb85) - Fix embedded Gradio apps growing infinitely tall on HF Spaces when using `vh`/`%` heights or `fill_height`.  Thanks @abidlabs!
+- [#13580](https://github.com/gradio-app/gradio/pull/13580) [`63609f1`](https://github.com/gradio-app/gradio/commit/63609f10bb54523e5a996e584d1e9f635c02e80f) - Enforce `max_file_size` for multipart uploads to the `/component_server` route.  Thanks @abidlabs!
+- [#13571](https://github.com/gradio-app/gradio/pull/13571) [`c576675`](https://github.com/gradio-app/gradio/commit/c576675c1d0d9a917706bb830f7a738d9f96672f) - Fix `gr.ImageEditor` high CPU usage when idle by sleeping the render loop when nothing is changing.  Thanks @abidlabs!
+- [`dcc654d`](https://github.com/gradio-app/gradio/commit/dcc654d8467c9202a78c50b31e7d123e9804ebf4) - Fix ImageEditor transform tools and hidden cleanup.  Thanks @dawoodkhan82!
+- [#13588](https://github.com/gradio-app/gradio/pull/13588) [`2e80558`](https://github.com/gradio-app/gradio/commit/2e805588c8dc84a4a584898fd43b267c72209f78) - Fire `state.change()` for streaming (`.stream()`) events.  Thanks @hysts!
+- [#13597](https://github.com/gradio-app/gradio/pull/13597) [`7a595cb`](https://github.com/gradio-app/gradio/commit/7a595cb72d8a82151ee2231e86d20c91d0bb9062) - Fix ImageEditor brush texture resets.  Thanks @dawoodkhan82!
+- [#13581](https://github.com/gradio-app/gradio/pull/13581) [`461d82d`](https://github.com/gradio-app/gradio/commit/461d82df2689ec0c53e84b8722eaeae58fd2a6ae) - Use same-origin credentials in the JS client so cross-origin embeds work again.  Thanks @hysts!
+- [#13560](https://github.com/gradio-app/gradio/pull/13560) [`745f20c`](https://github.com/gradio-app/gradio/commit/745f20c9ec7d1e542c4b35f121b6f74e8e7c100c) - Fix `gr.Tabs.select()` event not firing when switching tabs.  Thanks @abidlabs!
+- [#13529](https://github.com/gradio-app/gradio/pull/13529) [`6438369`](https://github.com/gradio-app/gradio/commit/64383695167206d7775a364938a1005c662ea9c7) - Wait for in-flight head scripts before running js_on_load in gr.HTML.  Thanks @hysts!
+- [#13553](https://github.com/gradio-app/gradio/pull/13553) [`9a72d0c`](https://github.com/gradio-app/gradio/commit/9a72d0c76e62af365236a36c0137f7e0497d98cb) - Fix Column staying hidden after a multi-yield visibility update.  Thanks @hysts!
+- [#13561](https://github.com/gradio-app/gradio/pull/13561) [`882df35`](https://github.com/gradio-app/gradio/commit/882df35e9eaa7b2fb8767e23f03c66c46ab66d78) - Fix `TypeError: this.app.$destroy is not a function` when embedding a Gradio app with the `<gradio-app>` web component.  Thanks @abidlabs!
+
+## 6.19.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+- [#13534](https://github.com/gradio-app/gradio/pull/13534) [`a11c728`](https://github.com/gradio-app/gradio/commit/a11c7282461ccef90f24a031d77a597ac9ae3d0e) - Re-translate i18n choices display names when the language is switched at runtime.  Thanks @hysts!
+- [#13524](https://github.com/gradio-app/gradio/pull/13524) [`d4d340d`](https://github.com/gradio-app/gradio/commit/d4d340d1bbc1dfdec72fa46431b43f6a808f084f) - Run `gr.Workflow` subgraphs via the Gradio API — each subgraph is exposed as a named endpoint (returning all of its outputs) reusing `/info`, `/call`, and `/api`, with a "View API" panel in the canvas.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13542](https://github.com/gradio-app/gradio/pull/13542) [`9d83502`](https://github.com/gradio-app/gradio/commit/9d83502215b56ed7747490afd0d5145b087a23e7) - Make dropdowns accessible to screen readers (combobox ARIA pattern).  Thanks @hysts!
+- [#13532](https://github.com/gradio-app/gradio/pull/13532) [`0a933b4`](https://github.com/gradio-app/gradio/commit/0a933b428f5b2158cb8c764f38abf0da2312d58a) - Fix `gr.SelectData` coordinates when the image in `gr.Image` does not fill its container.  Thanks @hysts!
+- [#13511](https://github.com/gradio-app/gradio/pull/13511) [`8eafb31`](https://github.com/gradio-app/gradio/commit/8eafb31ee17c134e65d1a006753b9a6ee4631f07) - refactor space and model discovery modal.  Thanks @hannahblair!
+- [#13533](https://github.com/gradio-app/gradio/pull/13533) [`e5ec1ca`](https://github.com/gradio-app/gradio/commit/e5ec1ca66c45e7e3a057b75ac2b8b86660b2827b) - Fix fullscreen button not working in ImageSlider, interactive Image, native plots, and AnnotatedImage.  Thanks @hysts!
+- [#13541](https://github.com/gradio-app/gradio/pull/13541) [`1d19f2b`](https://github.com/gradio-app/gradio/commit/1d19f2b21f6b12285089abc73468ac67b5b93e27) - Fix long unbroken text overflowing in the Markdown component.  Thanks @hysts!
+
+## 6.18.0
+
+### Features
+
+- [#13510](https://github.com/gradio-app/gradio/pull/13510) [`75c684e`](https://github.com/gradio-app/gradio/commit/75c684efb87624bee2fb63b08122564e6538509e) - Migrate Plot to Svelte 5.  Thanks @dawoodkhan82!
+- [#13501](https://github.com/gradio-app/gradio/pull/13501) [`e547392`](https://github.com/gradio-app/gradio/commit/e547392d794bc8ac0bcf60f6846229e95350f2c4) - workflow: update pipeline UX around pro accounts.  Thanks @hannahblair!
+- [#13517](https://github.com/gradio-app/gradio/pull/13517) [`100eaf2`](https://github.com/gradio-app/gradio/commit/100eaf2705861ccb71ea53748e2c6965a9c68bd0) - workflow: implement drag selection.  Thanks @hannahblair!
+- [#13509](https://github.com/gradio-app/gradio/pull/13509) [`dcd072c`](https://github.com/gradio-app/gradio/commit/dcd072cd57f09ffd2dc5f97ae6afc505894824a6) - Migrate Chatbot, Tabs, TabItem to Svelte 5.  Thanks @dawoodkhan82!
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+- [#13516](https://github.com/gradio-app/gradio/pull/13516) [`8ec4cbc`](https://github.com/gradio-app/gradio/commit/8ec4cbc8de3bbc1d8ecb660ad8dd22ad35500e1c) - Translate i18n `choices` display names in choice-based components.  Thanks @hysts!
+- [#13513](https://github.com/gradio-app/gradio/pull/13513) [`df59064`](https://github.com/gradio-app/gradio/commit/df590646af4c2e518817201a2f1d3e334566669c) - Treat expired OAuth sessions as logged out users.  Thanks @abidlabs!
+- [#13507](https://github.com/gradio-app/gradio/pull/13507) [`a9550d8`](https://github.com/gradio-app/gradio/commit/a9550d863e2487eb0012d872e589d04dc60fb3c9) - Warn when a `<script>` tag is included in the content of a `gr.HTML` component.  Thanks @abidlabs!
+- [#13520](https://github.com/gradio-app/gradio/pull/13520) [`9362fd9`](https://github.com/gradio-app/gradio/commit/9362fd9fdb1f5699c8902e74d33afb6c25343209) - Use local HF token in Workflow, gated behind a write-token auth model.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13521](https://github.com/gradio-app/gradio/pull/13521) [`be20ce8`](https://github.com/gradio-app/gradio/commit/be20ce8e9dd39487a2b24a28cf0aa2bf93f6bd5d) - Fix UI freeze when one event makes multiple components of the same type visible.  Thanks @hysts!
+- [#13484](https://github.com/gradio-app/gradio/pull/13484) [`87f42b9`](https://github.com/gradio-app/gradio/commit/87f42b9135004f416bfc71798c55eebf8120ef9c) - workflow: preserve dropdown, radio and checkbox inputs.  Thanks @hannahblair!
+- [#13522](https://github.com/gradio-app/gradio/pull/13522) [`c440779`](https://github.com/gradio-app/gradio/commit/c4407799d8f7f901ce2f475736ca239eb6a676f9) - Close matplotlib figures after rendering them in `gr.Plot`.  Thanks @hysts!
+- [#13500](https://github.com/gradio-app/gradio/pull/13500) [`751a397`](https://github.com/gradio-app/gradio/commit/751a397ce519732526863ee84e311f7f64195f9d) - Close iterator on terminal error in JS client.  Thanks @hysts!
+- [#13512](https://github.com/gradio-app/gradio/pull/13512) [`ba4963e`](https://github.com/gradio-app/gradio/commit/ba4963edb638dce986c5689ecd38b828732fc4e0) - Run `js` functions in event listeners even when `fn` is not explicitly set to `None`.  Thanks @abidlabs!
+- [#13515](https://github.com/gradio-app/gradio/pull/13515) [`e0e2445`](https://github.com/gradio-app/gradio/commit/e0e244537ccc2ba27ae8450508531c7ed6ac97a7) - Fix state handling for simple call API.  Thanks @abidlabs!
+- [#13514](https://github.com/gradio-app/gradio/pull/13514) [`4549d87`](https://github.com/gradio-app/gradio/commit/4549d87e37c09187cc33fb182b96bba03a43a334) - Accept permanent redirects (301, 308) in `networking.url_ok`.  Thanks @abidlabs!
+- [#13508](https://github.com/gradio-app/gradio/pull/13508) [`2d6eb2a`](https://github.com/gradio-app/gradio/commit/2d6eb2a2e1a2574e8acca575ab7b479f2332812c) - Treat api_name=False events as private in API info.  Thanks @abidlabs!
+- [#13489](https://github.com/gradio-app/gradio/pull/13489) [`965a36c`](https://github.com/gradio-app/gradio/commit/965a36cfa9fd4f29dcf0225b2c3da891b7e0027b) - workflow: dont render nodes for optional params on spawn.  Thanks @hannahblair!
+- [#13523](https://github.com/gradio-app/gradio/pull/13523) [`1b611f8`](https://github.com/gradio-app/gradio/commit/1b611f89fb85016a7879020098bd0faedf80ae5e) - Fixes grouped accordion borders and empty plot legends.  Thanks @dawoodkhan82!
+
+## 6.17.3
+
+### Features
+
+- [#13497](https://github.com/gradio-app/gradio/pull/13497) [`c26e797`](https://github.com/gradio-app/gradio/commit/c26e7975ede55b4c27d22379255de0b4e69ba3c6) - fix workflow canvas repo.url.  Thanks @pngwn!
+
+## 6.17.2
+
+### Features
+
+- [#13491](https://github.com/gradio-app/gradio/pull/13491) [`fcf1133`](https://github.com/gradio-app/gradio/commit/fcf11335b9bbdc6cf066423e8c46d974ae006016) - Track Workflow telemetry mode and beta status.  Thanks @abidlabs!
+
+## 6.17.1
+
+### Fixes
+
+- [#13487](https://github.com/gradio-app/gradio/pull/13487) [`61b9715`](https://github.com/gradio-app/gradio/commit/61b9715739936a73c03408eb8b435bf7833f524f) - workflow: tweak zerogpu toggle UX.  Thanks @hannahblair!
+- [#13450](https://github.com/gradio-app/gradio/pull/13450) [`dba4a16`](https://github.com/gradio-app/gradio/commit/dba4a168ce00c15497fd2b99a3364ebbb4842b72) - preserve head script execution order.  Thanks @hysts!
+- [#13486](https://github.com/gradio-app/gradio/pull/13486) [`4294f18`](https://github.com/gradio-app/gradio/commit/4294f18ac688203d5b1566b75f161a3feff74e8c) - workflow: convert `runtime.hardware` to str.  Thanks @hannahblair!
+
+## 6.17.0
+
+### Features
+
+- [#13467](https://github.com/gradio-app/gradio/pull/13467) [`feba2e1`](https://github.com/gradio-app/gradio/commit/feba2e1e41c68f4bbdacf4c963d8d9689d4b3346) - `Tab`, `TabItem`, `Plot` Unit tests.  Thanks @dawoodkhan82!
+- [#13417](https://github.com/gradio-app/gradio/pull/13417) [`127400b`](https://github.com/gradio-app/gradio/commit/127400b01538faa0cf9d8a1ea7984c5ee05e66a0) - Add `gr.Workflow` and `gr.WorkflowCanvas` for building AI pipelines visually. `gr.Workflow` accepts `graph`, `bind`, and `edges` parameters to wire Python functions into a canvas, with automatic persistence to the graph JSON file.  Thanks @hannahblair!
+- [#13466](https://github.com/gradio-app/gradio/pull/13466) [`a31ccae`](https://github.com/gradio-app/gradio/commit/a31ccae4399542d8669ecbad3e2cbbbae9fbbf9b) - Track Gradio Server mode as its own kind in analytics (`mode="server"`).  Thanks @abidlabs!
+
+### Fixes
+
+- [#13429](https://github.com/gradio-app/gradio/pull/13429) [`e94331c`](https://github.com/gradio-app/gradio/commit/e94331c85284f746fd03cca3fb8b90e9b2869b74) - stale loading_status overwrites completed status on component mount (hidden → visible).  Thanks @Jefsky!
+- [#13463](https://github.com/gradio-app/gradio/pull/13463) [`58088ad`](https://github.com/gradio-app/gradio/commit/58088ad1d75eee0f93ba1c02f427ee04f60847b4) - Self-host frontend assets so that Gradio works offline!.  Thanks @abidlabs!
+- [#13470](https://github.com/gradio-app/gradio/pull/13470) [`758ff7c`](https://github.com/gradio-app/gradio/commit/758ff7c00d0a6eac09f2f71f9e27ef259af40118) - Raise a helpful error identifying which component/argument was mistyped when pre/postprocessing an event handler's inputs/outputs.  Thanks @abidlabs!
+- [#13472](https://github.com/gradio-app/gradio/pull/13472) [`14e3589`](https://github.com/gradio-app/gradio/commit/14e35898b867f4366fb7e92ec0e44e1111bdcc28) - Add layout sizing args to Markdown and HTML.  Thanks @abidlabs!
+
+## 6.16.0
+
+### Features
+
+- [#13422](https://github.com/gradio-app/gradio/pull/13422) [`96d4fd1`](https://github.com/gradio-app/gradio/commit/96d4fd1dc402e05b46249f9434bc503b4a307750) - Make the session heartbeat interval configurable via the `GRADIO_HEARTBEAT_INTERVAL` environment variable (#13346).  Thanks @wjddnwp29!
+- [#13459](https://github.com/gradio-app/gradio/pull/13459) [`6320116`](https://github.com/gradio-app/gradio/commit/63201164c738a878b82e4f9e9e623413b64d2678) - Show a friendly landing page (instead of a raw JSON-RPC error) when the MCP endpoint is opened in a browser.  Thanks @ShirGanon!
+
+### Fixes
+
+- [#13437](https://github.com/gradio-app/gradio/pull/13437) [`97d541f`](https://github.com/gradio-app/gradio/commit/97d541f3d5fd05b2587a69ecc94b68fe5d2d7004) - Fix path traversal in `gr.FileExplorer.preprocess` by validating selected paths with `_safe_join` (consistent with `ls()`), rejecting absolute/`..` paths that escape `root_dir`.  Thanks @abidlabs!
+- [#13438](https://github.com/gradio-app/gradio/pull/13438) [`010ee63`](https://github.com/gradio-app/gradio/commit/010ee63fe0bce1cac36d0e148d7c9e17b59db5ea) - Fix open-redirect bypass in `gradio.oauth._redirect_to_target` where 4+ leading slashes (or backslashes) in `_target_url` produced a scheme-relative redirect to an external host, restoring CVE-2026-28415.  Thanks @abidlabs!
+- [#13240](https://github.com/gradio-app/gradio/pull/13240) [`0d670ad`](https://github.com/gradio-app/gradio/commit/0d670adf41a0b510f7fd745495dce1664d38f0e5) - Fix browser freeze when a dataframe's value is set (e.g. via a tab select event), and only dispatch the tabs select event when the selected tab actually changes.  Thanks @freddyaboulton!
+- [#13461](https://github.com/gradio-app/gradio/pull/13461) [`702a8b1`](https://github.com/gradio-app/gradio/commit/702a8b105722699dcea536d7ff1b1aca6c893244) - Fix runtime language switching not re-translating component labels/values (only the footer updated). `@gradio/utils` resolved its own duplicate `svelte-i18n` instance whose locale store was never updated; the retranslation trigger now uses the live formatter store injected by `@gradio/core`.  Thanks @abidlabs!
+- [#13458](https://github.com/gradio-app/gradio/pull/13458) [`939e84c`](https://github.com/gradio-app/gradio/commit/939e84cd3de66889039ffd9e0fd8336d8e7a6041) - Defer Node front proxy startup until Python is ready in SSR mode.  Thanks @pngwn!
+- [#13436](https://github.com/gradio-app/gradio/pull/13436) [`48d0e27`](https://github.com/gradio-app/gradio/commit/48d0e271366595f13b616979e593a0bd287dd98b) - Fix SSRF in `Image`/`Gallery` SVG postprocessing and `Audio` streaming postprocessing by routing user-influenced URL fetches through `safehttpx`.  Thanks @abidlabs!
+- [#13451](https://github.com/gradio-app/gradio/pull/13451) [`29bd7a0`](https://github.com/gradio-app/gradio/commit/29bd7a00fc087df5f8d9780b5e1082729fc5ffb0) - `gr.Dropdown()` Fixes.  Thanks @dawoodkhan82!
+
+## 6.15.2
+
+### Features
+
+- [#13430](https://github.com/gradio-app/gradio/pull/13430) [`36f6b4e`](https://github.com/gradio-app/gradio/commit/36f6b4e571390ce8af8338f245685917c9e6c5d2) - upgrade `starlette` dependency to 1.0.1 or higher.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13396](https://github.com/gradio-app/gradio/pull/13396) [`67df918`](https://github.com/gradio-app/gradio/commit/67df918b1794cdfeaf485e801466eafea4cb80e4) - Convert audio to int16 for all formats in `audio_to_file` so non-WAV outputs (mp3, flac, ogg) no longer encode as noise.  Thanks @GopalGB!
+
+## 6.15.1
+
+### Features
+
+- [#13388](https://github.com/gradio-app/gradio/pull/13388) [`c889673`](https://github.com/gradio-app/gradio/commit/c889673a242c2a368c2a222da34c8267491d0495) - tests:add regression coverage for the `Blocks.from_config()` proxy_url SSRF guard (GHSA-jmh7-g254-2cq9).  Thanks @xr843!
+
+### Fixes
+
+- [#13394](https://github.com/gradio-app/gradio/pull/13394) [`1c609af`](https://github.com/gradio-app/gradio/commit/1c609af6918b20d0b4347b9f41b04569d6adca24) - Fix audio cache keys to include metadata.  Thanks @3em0!
+- [#13424](https://github.com/gradio-app/gradio/pull/13424) [`14ccbf1`](https://github.com/gradio-app/gradio/commit/14ccbf1115d30b7bb666f7d11264bd9280a40176) - Defer Node front proxy startup until Python is ready in SSR mode.  Thanks @pngwn!
+- [#13391](https://github.com/gradio-app/gradio/pull/13391) [`270c12a`](https://github.com/gradio-app/gradio/commit/270c12a8ea382d20ce701e391fea61b12badbf5c) - fix(dataframe): handle empty and 1d auto datatype values.  Thanks @danyalahmed1995!
+
+## 6.15.0
+
+### Features
+
+- [#13322](https://github.com/gradio-app/gradio/pull/13322) [`6c48f80`](https://github.com/gradio-app/gradio/commit/6c48f80948abb330f201d0dac38f89a276348029) - Allow applying `gr.cache()` to intermediate functions directly.  Thanks @abidlabs!
+- [#13367](https://github.com/gradio-app/gradio/pull/13367) [`5d9c9fe`](https://github.com/gradio-app/gradio/commit/5d9c9fe5ff32951309765d37da610a4833b4b694) - fix: upgrade handlebars to 4.7.9 (CVE-2026-33937).  Thanks @orbisai0security!
+- [#13408](https://github.com/gradio-app/gradio/pull/13408) [`6b0c8af`](https://github.com/gradio-app/gradio/commit/6b0c8aff7a9688ad605e4ca52a083c5754fe1610) - Markdown link fix.  Thanks @dawoodkhan82!
+- [#13366](https://github.com/gradio-app/gradio/pull/13366) [`10f43e0`](https://github.com/gradio-app/gradio/commit/10f43e0fe187aac9594f3a9765f8addc81b63ad1) - Offload traffic to static workers and use node as the proxy.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13384](https://github.com/gradio-app/gradio/pull/13384) [`feb7237`](https://github.com/gradio-app/gradio/commit/feb7237d01f359d2ad4ee42d00344e61692b3b39) - Isolate cookie jars in `/proxy=` requests so a malicious upstream Space cannot leak cookies into proxied requests to a different `*.hf.space` (GHSA-2mr9-9r47-px2g).  Thanks @xr843!
+- [#13344](https://github.com/gradio-app/gradio/pull/13344) [`563e7b7`](https://github.com/gradio-app/gradio/commit/563e7b7948ba2da9d900065c69301ab349648cb0) - Stop @gr.render from crashing with KeyError when an inner gr.Examples pops its fake-event fn.  Thanks @GopalGB!
+- [#13379](https://github.com/gradio-app/gradio/pull/13379) [`b8e8745`](https://github.com/gradio-app/gradio/commit/b8e8745d2f4fb156dd12d57a3f4eb2e165f20216) - fix default tool logic in gr.ImageEditor.  Thanks @hannahblair!
+- [#13363](https://github.com/gradio-app/gradio/pull/13363) [`0872f5e`](https://github.com/gradio-app/gradio/commit/0872f5eccad07a140ed5e24e3adddc661667ff9a) - add colour picker unit tests.  Thanks @hannahblair!
+- [#13383](https://github.com/gradio-app/gradio/pull/13383) [`9acecd2`](https://github.com/gradio-app/gradio/commit/9acecd2d69653e7d0f7961fa1b63a172a9ae76ec) - Warn when gr.Tabs() has non-Tab direct children (#9832).  Thanks @wjddnwp29!
+- [#13403](https://github.com/gradio-app/gradio/pull/13403) [`df56862`](https://github.com/gradio-app/gradio/commit/df56862a1531fc372a3248716dc4bd07e6db1c52) - [js-client] close submit iterator on next/close race.  Thanks @hysts!
+- [#13380](https://github.com/gradio-app/gradio/pull/13380) [`5d7a9ba`](https://github.com/gradio-app/gradio/commit/5d7a9bae2698c792db867f2b689fd91cee8bf4a5) - update pypi prompt.  Thanks @hannahblair!
+- [#13390](https://github.com/gradio-app/gradio/pull/13390) [`d86903e`](https://github.com/gradio-app/gradio/commit/d86903eaa5628ca0b30f27b87ec1d7e194b3eff6) - Add Estonian language support and translation.  Thanks @paulpall!
+- [#13336](https://github.com/gradio-app/gradio/pull/13336) [`14c8870`](https://github.com/gradio-app/gradio/commit/14c88701756c5fa57e8eaeac4df1385b9601da45) - Add UploadButton unit tests.  Thanks @freddyaboulton!
+- [#13360](https://github.com/gradio-app/gradio/pull/13360) [`2887302`](https://github.com/gradio-app/gradio/commit/2887302069b2d33429ead157e7699d5502e29e0a) - [codex] fix component load event target.  Thanks @thomwolf!
+
+## 6.14.0
+
+### Features
+
+- [#13275](https://github.com/gradio-app/gradio/pull/13275) [`2d025c5`](https://github.com/gradio-app/gradio/commit/2d025c56cffb5c4eecbe47515ec771b5ecf46611) - Model3D Unit Tests.  Thanks @dawoodkhan82!
+- [#13258](https://github.com/gradio-app/gradio/pull/13258) [`0d08926`](https://github.com/gradio-app/gradio/commit/0d089260e1f17dc0bbed85f38029f75e657782b4) - add theme designer skill.  Thanks @hannahblair!
+
+### Fixes
+
+- [#13324](https://github.com/gradio-app/gradio/pull/13324) [`0453450`](https://github.com/gradio-app/gradio/commit/0453450409ce6412382f8c6e5a4b5e973d80f8b8) - Fix gr.Slider crash for zero-width ranges.  Thanks @onthebed!
+- [#13264](https://github.com/gradio-app/gradio/pull/13264) [`f65acd0`](https://github.com/gradio-app/gradio/commit/f65acd0f24c9b6b593b9835c7ae46282f52fdc9d) - Dialogue component unit tests.  Thanks @freddyaboulton!
+- [#13333](https://github.com/gradio-app/gradio/pull/13333) [`0e3c485`](https://github.com/gradio-app/gradio/commit/0e3c48549fdf4aeaff3a2f098c1d23420e4814c5) - Remove Event From Queue When Cancelled.  Thanks @freddyaboulton!
+- [#13326](https://github.com/gradio-app/gradio/pull/13326) [`d42a1d7`](https://github.com/gradio-app/gradio/commit/d42a1d72ad56b5155acdb4ff3bcbe7bceab39bfb) - Fix incorrect description of js parameter in Blocks.load.  Thanks @AryaLolusare2712!
+- [#13335](https://github.com/gradio-app/gradio/pull/13335) [`953efe0`](https://github.com/gradio-app/gradio/commit/953efe06fa6d0742a9dd899b846d45fbc6ea3ccf) - Prevent Gallery Select Event From Triggering When Value Updated Programmatically.  Thanks @freddyaboulton!
+
+## 6.13.0
+
+### Features
+
+- [#13248](https://github.com/gradio-app/gradio/pull/13248) [`30264b5`](https://github.com/gradio-app/gradio/commit/30264b5f1e228b7b5a077cbd839c05f32e29297d) - docs: Add "Common Patterns" section to Textbox component docs.  Thanks @yuzegong746-cmd!
+- [#13266](https://github.com/gradio-app/gradio/pull/13266) [`6809249`](https://github.com/gradio-app/gradio/commit/6809249801772cc9db0042eac9559b1b363bbcb9) - Fix typo in `Request.state` serialization.  Thanks @abidlabs!
+- [#13289](https://github.com/gradio-app/gradio/pull/13289) [`d6f24df`](https://github.com/gradio-app/gradio/commit/d6f24df6233e7882746ba6e49307a34a11101ea1) - Improve curl info.  Thanks @freddyaboulton!
+- [#13252](https://github.com/gradio-app/gradio/pull/13252) [`e39f028`](https://github.com/gradio-app/gradio/commit/e39f0284582bbac93fd01b2a5eae4ecae219f252) - Add ImageSlider unit tests.  Thanks @pngwn!
+- [#13262](https://github.com/gradio-app/gradio/pull/13262) [`b6b0d02`](https://github.com/gradio-app/gradio/commit/b6b0d02bfab966e9b560402d3b7fb159d8692cea) - Fix batched queue events losing request context.  Thanks @abidlabs!
+- [#13267](https://github.com/gradio-app/gradio/pull/13267) [`5fd7698`](https://github.com/gradio-app/gradio/commit/5fd7698f16f6cdfefb7e010b03fce60583d50214) - Fix timing and TTL comparisons bugs.  Thanks @abidlabs!
+- [#13277](https://github.com/gradio-app/gradio/pull/13277) [`cab8be0`](https://github.com/gradio-app/gradio/commit/cab8be062deb958a718aae25175e07fb013dfd4f) - CLI/Agent API Docs.  Thanks @freddyaboulton!
+- [#13265](https://github.com/gradio-app/gradio/pull/13265) [`8b47ccb`](https://github.com/gradio-app/gradio/commit/8b47ccbf168d0ea721088a52fb9789c4339e7f2f) - Skills Reorg + sync to huggingface/skills.  Thanks @freddyaboulton!
+- [#13286](https://github.com/gradio-app/gradio/pull/13286) [`948fcb8`](https://github.com/gradio-app/gradio/commit/948fcb89508c1e059bd9b761f2384afcea9481af) - fix(reloading): copy `server` attr before swapping blocks.  Thanks @cbensimon!
+- [#13247](https://github.com/gradio-app/gradio/pull/13247) [`e6b1634`](https://github.com/gradio-app/gradio/commit/e6b1634f3d64851a82505e3b37ac1f4b90905b05) - Dropdown Unit Tests.  Thanks @freddyaboulton!
+- [#13304](https://github.com/gradio-app/gradio/pull/13304) [`2fdc8cf`](https://github.com/gradio-app/gradio/commit/2fdc8cf69be3c37d1ee2e269794c6d77f534fcf4) - Fix `gradio skills add`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13250](https://github.com/gradio-app/gradio/pull/13250) [`2e9eb51`](https://github.com/gradio-app/gradio/commit/2e9eb51d4da5e4a997ac2fc18e5814bacf6f818d) - Restore select-all checkbox in boolean column headers of `gr.Dataframe`.  Thanks @pngwn!
+- [#13259](https://github.com/gradio-app/gradio/pull/13259) [`b5e6491`](https://github.com/gradio-app/gradio/commit/b5e64918b721550bc3762169fda81c5270904eaa) - Dataframe: allow native context menu and text selection on static cells.  Thanks @pngwn!
+- [#13305](https://github.com/gradio-app/gradio/pull/13305) [`1d5994d`](https://github.com/gradio-app/gradio/commit/1d5994da102bd9bf2367f58789de508b1727b1bf) - Dataframe: fix extreme rendering slowdown with `datatype="date"` (and any future dtype with asymmetric string casts) by firing `EditableCell`'s shim-blur only on edit teardown instead of every render. Also makes the hidden sizing-row computation faster by avoiding Date rendering for every entry.  Thanks @pngwn!
+- [#13291](https://github.com/gradio-app/gradio/pull/13291) [`77fca72`](https://github.com/gradio-app/gradio/commit/77fca72b8eba2bcda19c31bba285af2642a4cc9d) - Dataset: fix gallery view using wrong component metadata index and fix broken pagination after Svelte 5 migration.  Thanks @ParamChordiya!
+- [#13303](https://github.com/gradio-app/gradio/pull/13303) [`79c5776`](https://github.com/gradio-app/gradio/commit/79c577680978adfb5eeaa01944635e14dc67e5f1) - Rework `Dataframe` wrapping, truncation, and column width sizing.  Thanks @pngwn!
+- [#13280](https://github.com/gradio-app/gradio/pull/13280) [`bb9c130`](https://github.com/gradio-app/gradio/commit/bb9c130e1e8c60b8a717da7184b02ab459be3f03) - Fix snippet generator crash on datetime values in Dataframe inputs.  Thanks @ParamChordiya!
+- [#13288](https://github.com/gradio-app/gradio/pull/13288) [`d75e311`](https://github.com/gradio-app/gradio/commit/d75e311a4b64fc1998b6deda3134a3dc6efb5dd5) - `model3d` ply freeze fix.  Thanks @dawoodkhan82!
+- [#13269](https://github.com/gradio-app/gradio/pull/13269) [`e9c963e`](https://github.com/gradio-app/gradio/commit/e9c963e1e8cf06849ddac15d004384331e3dc10e) - Unit tests for js/paramviewer, js/timer, js/markdown.  Thanks @freddyaboulton!
+
+## 6.12.0
+
+### Features
+
+- [#13140](https://github.com/gradio-app/gradio/pull/13140) [`0dd1c79`](https://github.com/gradio-app/gradio/commit/0dd1c79c75406d4609c79698987fadc624bb9035) - Slider Tests.  Thanks @dawoodkhan82!
+- [#13202](https://github.com/gradio-app/gradio/pull/13202) [`a1cbf32`](https://github.com/gradio-app/gradio/commit/a1cbf32a3b851cda35cc40fac95c5626fa384abd) - Vendor in / pin Gradio dependencies and use `exclude-newer` flag in our CI.  Thanks @abidlabs!
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+- [#13190](https://github.com/gradio-app/gradio/pull/13190) [`bc53d08`](https://github.com/gradio-app/gradio/commit/bc53d0891466c09b3b40b89b70df5770cfc6967f) - Chatbot Unit Tests.  Thanks @freddyaboulton!
+- [#13246](https://github.com/gradio-app/gradio/pull/13246) [`ff90963`](https://github.com/gradio-app/gradio/commit/ff909638e72f0b44e8629e5a28cea8276cdd9ab2) - Add Documentation Group for gr.Cache.  Thanks @freddyaboulton!
+- [#13234](https://github.com/gradio-app/gradio/pull/13234) [`109f32d`](https://github.com/gradio-app/gradio/commit/109f32de542acf204f97cc637dc33015537e2f8e) - reloading: Copy `server` attr for Space reloader.  Thanks @cbensimon!
+- [#13213](https://github.com/gradio-app/gradio/pull/13213) [`457f130`](https://github.com/gradio-app/gradio/commit/457f130b310ac087fdc6ba7dbbc7fa78e0bcccf8) - Gallery Unit Tests.  Thanks @freddyaboulton!
+- [#13218](https://github.com/gradio-app/gradio/pull/13218) [`3a30ef6`](https://github.com/gradio-app/gradio/commit/3a30ef6b0001ea4c8c23b4301cdd83090345d989) - Add comprehensive DateTime tests and fix whitespace preprocess bug.  Thanks @pngwn!
+- [#13185](https://github.com/gradio-app/gradio/pull/13185) [`ffc00ff`](https://github.com/gradio-app/gradio/commit/ffc00ff4cf23641e90f0963cec6ed52f85ed511c) - Annotated image unit tests.  Thanks @freddyaboulton!
+- [#13176](https://github.com/gradio-app/gradio/pull/13176) [`45c4ecd`](https://github.com/gradio-app/gradio/commit/45c4ecd25fc83c7ee0210d216df1bc4bd509e622) - Add `@gr.cache()` decorator for caching deterministic functions, as as well as a lower-level `gr.Cache` that uses dependency injection.  Thanks @abidlabs!
+- [#13205](https://github.com/gradio-app/gradio/pull/13205) [`348327f`](https://github.com/gradio-app/gradio/commit/348327f6d7014feaf3f0b4cfb7e2653a1078ea33) - fix : check validation_response instead of validation_data.  Thanks @nameearly!
+
+### Fixes
+
+- [#13229](https://github.com/gradio-app/gradio/pull/13229) [`6261872`](https://github.com/gradio-app/gradio/commit/6261872a4dadc2901f677f3c49b74b5309ffe81b) - fix(share): clearer error message when cert write failed during sharing init.  Thanks @xuan25!
+- [#13233](https://github.com/gradio-app/gradio/pull/13233) [`66817ca`](https://github.com/gradio-app/gradio/commit/66817cac4d204471cc2b435a6d0d11397ddbca58) - Label tests.  Thanks @pngwn!
+- [#13156](https://github.com/gradio-app/gradio/pull/13156) [`d58702c`](https://github.com/gradio-app/gradio/commit/d58702c1be950b65f5c642de14e513935047ec17) - Pop finished events from queue data structures.  Thanks @moktamd!
+- [#13239](https://github.com/gradio-app/gradio/pull/13239) [`9efdcb5`](https://github.com/gradio-app/gradio/commit/9efdcb57b46fc808dc55051a113154489fcc237d) - Reduce `gradio` package size by restoring frontend settings.  Thanks @abidlabs!
+- [#13181](https://github.com/gradio-app/gradio/pull/13181) [`755c3d3`](https://github.com/gradio-app/gradio/commit/755c3d32c388a36d2296f8d895c5c0e1144fb54f) - fix: show validation errors on StatusTracker-dependent components.  Thanks @hysts!
+- [#13204](https://github.com/gradio-app/gradio/pull/13204) [`9953db9`](https://github.com/gradio-app/gradio/commit/9953db94e406477df96f98adf3e47246181ceef9) - fix: preserve special characters in uploaded filenames.  Thanks @xr843!
+- [#13210](https://github.com/gradio-app/gradio/pull/13210) [`4005b93`](https://github.com/gradio-app/gradio/commit/4005b93dd59d7e0d144619986f01e900659b3d0b) - Fix ZeroGPU handling for `gr.Server`.  Thanks @abidlabs!
+
+## 6.11.0
+
+### Features
+
+- [#13151](https://github.com/gradio-app/gradio/pull/13151) [`c13daab`](https://github.com/gradio-app/gradio/commit/c13daab68aa40cb58f2c643a650b5db48e986935) - add test utils.  Thanks @pngwn!
+- [#13167](https://github.com/gradio-app/gradio/pull/13167) [`a4e1c92`](https://github.com/gradio-app/gradio/commit/a4e1c92c11e05bee332ff69e19b533fbd9abc840) - Audio and Video unit tests.  Thanks @freddyaboulton!
+- [#13150](https://github.com/gradio-app/gradio/pull/13150) [`9487b60`](https://github.com/gradio-app/gradio/commit/9487b60670f6532eaccb3251d15f5505fa23d4e3) - migrate dataframe to svelte 5.  Thanks @pngwn!
+- [#13122](https://github.com/gradio-app/gradio/pull/13122) [`64828b0`](https://github.com/gradio-app/gradio/commit/64828b08d5be4fdde8a73932b3f288c073ec49bd) - Add Image Unit Tests.  Thanks @freddyaboulton!
+- [#13159](https://github.com/gradio-app/gradio/pull/13159) [`7aec6bd`](https://github.com/gradio-app/gradio/commit/7aec6bd41b40f963e62f5fc0e22382c366078dae) - Add Starlette 1.0 compatibility by relaxing version constraint.  Thanks @xr843!
+- [#13168](https://github.com/gradio-app/gradio/pull/13168) [`a8e0cc6`](https://github.com/gradio-app/gradio/commit/a8e0cc66b0c5a9032e8c70de320419a724e674e1) - Run Pre/Post processing for components in a separate thread.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13048](https://github.com/gradio-app/gradio/pull/13048) [`a5d4096`](https://github.com/gradio-app/gradio/commit/a5d40965bba21a832da522127048926b71c1a6dd) - Fix Tab Interactive Bug.  Thanks @freddyaboulton!
+- [#13172](https://github.com/gradio-app/gradio/pull/13172) [`03a9d4c`](https://github.com/gradio-app/gradio/commit/03a9d4c99f3c9466e4fc162d02800850ed67a29e) - fix: prevent [object Object] when label matches a nested i18n key.  Thanks @mango766!
+- [#13165](https://github.com/gradio-app/gradio/pull/13165) [`1a0e277`](https://github.com/gradio-app/gradio/commit/1a0e2770067789ba6ec5646e473e1df183cd7183) - Use test utils.  Thanks @freddyaboulton!
+- [#13161](https://github.com/gradio-app/gradio/pull/13161) [`0a0378d`](https://github.com/gradio-app/gradio/commit/0a0378dee463fb10e5a95685d595801171cf641b) - Fix get_type_hints NameError on TYPE_CHECKING imports.  Thanks @hysts!
+- [#13164](https://github.com/gradio-app/gradio/pull/13164) [`beb4b7f`](https://github.com/gradio-app/gradio/commit/beb4b7f2124cacea17db2b3fe91cd52ccb2ee106) - Cancel HEARTBEAT Task.  Thanks @freddyaboulton!
+- [#12981](https://github.com/gradio-app/gradio/pull/12981) [`8bc7513`](https://github.com/gradio-app/gradio/commit/8bc75137b24ba8a8571b49b9b006741819c0518b) - Fix ImageEditor brush preview dead area on vertical images.  Thanks @MaxwellCalkin!
+- [#13046](https://github.com/gradio-app/gradio/pull/13046) [`b372228`](https://github.com/gradio-app/gradio/commit/b3722285163dcee97fe236e87d6ef98cee6be441) - Avoid Polling in SSE Route To Reduce Overhead.  Thanks @freddyaboulton!
+- [#13163](https://github.com/gradio-app/gradio/pull/13163) [`1c4ce3e`](https://github.com/gradio-app/gradio/commit/1c4ce3e64480f65a6531f33d38aff2efdeb9632a) - Close iterators in /cancel endpoint.  Thanks @hysts!
+- [#13155](https://github.com/gradio-app/gradio/pull/13155) [`59421d1`](https://github.com/gradio-app/gradio/commit/59421d13fbefb493fc5d0b4c5fc48ff30ebb3ef3) - fix(group): read visibility from shared props to fix dynamic toggling.  Thanks @viditkbhatnagar!
+- [#13041](https://github.com/gradio-app/gradio/pull/13041) [`835e4bd`](https://github.com/gradio-app/gradio/commit/835e4bd1adcaf5716283fa379e909f916a032b8a) - Reduce load times of all components.  Thanks @dawoodkhan82!
+- [#13178](https://github.com/gradio-app/gradio/pull/13178) [`d815881`](https://github.com/gradio-app/gradio/commit/d815881739689f45f5387ea52cc92e2cddf8adcf) - fix(gallery): prevent incorrect selected_index clamping on image append.  Thanks @Gopesh111!
+- [#13134](https://github.com/gradio-app/gradio/pull/13134) [`75f8dce`](https://github.com/gradio-app/gradio/commit/75f8dceb679b505c8887f0a3c3b9fee98a931db9) - Fix sync generator cancel ValueError.  Thanks @hysts!
+- [#13183](https://github.com/gradio-app/gradio/pull/13183) [`1bf9bae`](https://github.com/gradio-app/gradio/commit/1bf9bae723475ad664f7d3d32596856c4881e63d) - Ensure the Accordion's `expand` and `collapse` events fire when toggled from python.  Thanks @pngwn!
+
+## 6.10.0
+
+### Features
+
+- [#12924](https://github.com/gradio-app/gradio/pull/12924) [`84d409f`](https://github.com/gradio-app/gradio/commit/84d409f258d97982c7216d6bab7c03cf71de6606) - Support markdown for docs and guides.  Thanks @aliabd!
+- [#13032](https://github.com/gradio-app/gradio/pull/13032) [`e900202`](https://github.com/gradio-app/gradio/commit/e900202946a615f8fea84253d7a4377fe8a504f0) - Backend Profiling: Ability to trace the server and benchmark scripts.  Thanks @freddyaboulton!
+- [#12988](https://github.com/gradio-app/gradio/pull/12988) [`0b943a4`](https://github.com/gradio-app/gradio/commit/0b943a4fd0d7701203f1b79b70b5afed19ee8413) - Add `watch` function to gr.HTML js_on_load.  Thanks @aliabid94!
+- [#13021](https://github.com/gradio-app/gradio/pull/13021) [`5c4dc6a`](https://github.com/gradio-app/gradio/commit/5c4dc6aca11575cf4fec6704afd48a54664f983f) - add core themes.  Thanks @hannahblair!
+- [#13117](https://github.com/gradio-app/gradio/pull/13117) [`72e9eee`](https://github.com/gradio-app/gradio/commit/72e9eeedee785eb807496ac61d3b734b6ad0b468) - Server mode (`gradio.Server`).  Thanks @abidlabs!
+- [#12998](https://github.com/gradio-app/gradio/pull/12998) [`d5e1b8f`](https://github.com/gradio-app/gradio/commit/d5e1b8f6cb7473b70fc8c082589996d5e0402810) - use a real browser environment for unit tests.  Thanks @pngwn!
+- [#13045](https://github.com/gradio-app/gradio/pull/13045) [`a35f589`](https://github.com/gradio-app/gradio/commit/a35f5896e43d2585d9206e8256b4d7e321fcd0fe) - Gradio Prediction CLI Commands.  Thanks @freddyaboulton!
+- [#13049](https://github.com/gradio-app/gradio/pull/13049) [`9ea8359`](https://github.com/gradio-app/gradio/commit/9ea8359458afbbae5431e581486fa739b85366a2) - Fix flaky playwright tests.  Thanks @freddyaboulton!
+- [#12871](https://github.com/gradio-app/gradio/pull/12871) [`b51dc75`](https://github.com/gradio-app/gradio/commit/b51dc758fdbab2f5ebcc51b62a555e9c61e50819) - add `custom_css` param to theme class.  Thanks @hannahblair!
+- [#12990](https://github.com/gradio-app/gradio/pull/12990) [`b0b1dc3`](https://github.com/gradio-app/gradio/commit/b0b1dc3282389a64ef3e16edb98805911f97444c) - Custom libraries in head of gr.HTML.  Thanks @aliabid94!
+
+### Fixes
+
+- [#13047](https://github.com/gradio-app/gradio/pull/13047) [`37e4c00`](https://github.com/gradio-app/gradio/commit/37e4c00bb9a9ea3fed7590931f546d53f11bd345) - Fix #13044: cancel generator close in ChatInterface.  Thanks @Caldas00!
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+- [#13013](https://github.com/gradio-app/gradio/pull/13013) [`356db5c`](https://github.com/gradio-app/gradio/commit/356db5c2c66795b281133c4395ef6885d2992242) - Fix DuplicateBlockError in multi-page apps with gr.render during reload.  Thanks @gambletan!
+- [#13004](https://github.com/gradio-app/gradio/pull/13004) [`73d4065`](https://github.com/gradio-app/gradio/commit/73d4065db6a75961693fad60dd26e8dbaa2a56d1) - fix(image): pass onclick to FullscreenButton in ImagePreview.  Thanks @galleon!
+- [#13119](https://github.com/gradio-app/gradio/pull/13119) [`d6d2b93`](https://github.com/gradio-app/gradio/commit/d6d2b932096eda86bf01534a7da30824348d0b46) - Modify API Visibility Docs.  Thanks @freddyaboulton!
+- [#12979](https://github.com/gradio-app/gradio/pull/12979) [`4a4c7f3`](https://github.com/gradio-app/gradio/commit/4a4c7f3b0d6fd8009fdafc580d5852984f961db1) - preserve file extension when filename stem is stripped entirely in gr.File.  Thanks @giulio-leone!
+- [#12803](https://github.com/gradio-app/gradio/pull/12803) [`f4c3a6d`](https://github.com/gradio-app/gradio/commit/f4c3a6dcb45218722d3150baef953c731d3eccf2) - fix: gradio_api path in mount_gradio_app.  Thanks @shandowc!
+- [#12994](https://github.com/gradio-app/gradio/pull/12994) [`7874d04`](https://github.com/gradio-app/gradio/commit/7874d0411c81dcde9c4b08e7e064ca0dbef94e2e) - Fix dropdown detaching from input on scroll.  Thanks @hysts!
+- [#13028](https://github.com/gradio-app/gradio/pull/13028) [`30af84c`](https://github.com/gradio-app/gradio/commit/30af84cdd100855999281de8720cbb6d58b48556) - Browser tests follow-up.  Thanks @pngwn!
+- [#12984](https://github.com/gradio-app/gradio/pull/12984) [`f1cd064`](https://github.com/gradio-app/gradio/commit/f1cd0644d2608b493db07cd204c0831a111f9fb2) - fix(events): correct type hints for gr.on triggers parameter.  Thanks @giulio-leone!
+- [#12997](https://github.com/gradio-app/gradio/pull/12997) [`313f6d6`](https://github.com/gradio-app/gradio/commit/313f6d6922fccd6d248ebadff0321e30e06ebe28) - edited messages disappearing in ChatInterface UI.  Thanks @jeremy-dolan!
+
+## 6.9.0
+
+### Features
+
+- [#12922](https://github.com/gradio-app/gradio/pull/12922) [`078685d`](https://github.com/gradio-app/gradio/commit/078685d218953a386be50b1655707fc0854270bb) - docs:Add "Understanding Image Types" section to Image component docs.  Thanks @Pchambet!
+- [#12923](https://github.com/gradio-app/gradio/pull/12923) [`486e920`](https://github.com/gradio-app/gradio/commit/486e9209a0989561746a9fc77801e60fede22a1a) - docs:Add "Common Patterns" section to Slider component docs.  Thanks @Pchambet!
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+- [#12967](https://github.com/gradio-app/gradio/pull/12967) [`424a4e4`](https://github.com/gradio-app/gradio/commit/424a4e4bcfeace96f7f5a678b56a578ad2002cf4) - Allow gr.HTML to trigger any event name.  Thanks @aliabid94!
+
+### Fixes
+
+- [#12935](https://github.com/gradio-app/gradio/pull/12935) [`48fa743`](https://github.com/gradio-app/gradio/commit/48fa7433f6f2fb14fd7d7bf09641dd5ce5d22f29) - Fix Mounting Gradio in FastAPI behind reverse proxy.  Thanks @freddyaboulton!
+- [#12836](https://github.com/gradio-app/gradio/pull/12836) [`77e7871`](https://github.com/gradio-app/gradio/commit/77e7871176e50a894190ac98aa9de8fbdbf3620f) - Fixes hidden accordion's children losing all values.  Thanks @aliabid94!
+- [#12859](https://github.com/gradio-app/gradio/pull/12859) [`a2bd6e1`](https://github.com/gradio-app/gradio/commit/a2bd6e1fb5d19e59ae694ab80c2874288e9982b8) - feat(highlighted_text): add show_whitespaces param to preserve spaces.  Thanks @Whosxws!
+- [#12942](https://github.com/gradio-app/gradio/pull/12942) [`e5ba4fa`](https://github.com/gradio-app/gradio/commit/e5ba4fa992c0ac389c6af2d143c9ad4c33eea360) - perf: use deque for SSE pending message queues in gradio_client.  Thanks @giulio-leone!
+- [#12958](https://github.com/gradio-app/gradio/pull/12958) [`bb127c7`](https://github.com/gradio-app/gradio/commit/bb127c74bd6301e3782e0ce4744161ae976a8481) - ensure `show_progress` works as expected in `gr.Markdown`.  Thanks @hannahblair!
+- [#12961](https://github.com/gradio-app/gradio/pull/12961) [`0595d1b`](https://github.com/gradio-app/gradio/commit/0595d1b15ba6b7c47f68ddf7f79152b3d1d3c467) - bypass HTTP loopback for non-queued MCP tool calls, calling `blocks.process_api()` directly to reduce latency.  Thanks @Mandark-droid!
+- [#12970](https://github.com/gradio-app/gradio/pull/12970) [`7326ea3`](https://github.com/gradio-app/gradio/commit/7326ea312bee7ccdaf4a1e4e11ace8f11b607ca5) - remove new console logs.  Thanks @hannahblair!
+- [#12966](https://github.com/gradio-app/gradio/pull/12966) [`673feb4`](https://github.com/gradio-app/gradio/commit/673feb4cf21beb7df03a6721d29757a2fb265c5d) - Fix website local font paths and font-weight CSS.  Thanks @hannahblair!
+- [#12968](https://github.com/gradio-app/gradio/pull/12968) [`fe95534`](https://github.com/gradio-app/gradio/commit/fe955348f24115744015d85639e170b8518b28c1) - Fix custom component reload mode.  Thanks @freddyaboulton!
+- [#12944](https://github.com/gradio-app/gradio/pull/12944) [`2c769c7`](https://github.com/gradio-app/gradio/commit/2c769c71628730fbf06c6ba9b70d672b3d052b0f) - Fix massive dropdown slowdowns caused by descructuring a derived array.  Thanks @its5Q!
+- [#12954](https://github.com/gradio-app/gradio/pull/12954) [`a74d379`](https://github.com/gradio-app/gradio/commit/a74d37949e1f12dd6646d16bfab3665ef3579a65) - Fix BrowserState Pydantic model serialization to str instead of dict.  Thanks @OiPunk!
+- [#12950](https://github.com/gradio-app/gradio/pull/12950) [`83b223b`](https://github.com/gradio-app/gradio/commit/83b223b746c3933920dfef670e545a12de9177ed) - fix: forward debug flag from launch() to FastAPI app.  Thanks @OiPunk!
+- [#12940](https://github.com/gradio-app/gradio/pull/12940) [`d610464`](https://github.com/gradio-app/gradio/commit/d610464e0eff5f200543c6bbc5fac616b1620b1e) - Fix Reload Mode When Annotated Types Are Used.  Thanks @freddyaboulton!
+- [#12975](https://github.com/gradio-app/gradio/pull/12975) [`8523c89`](https://github.com/gradio-app/gradio/commit/8523c8928ddcbc6d7eeb051f533195f942f95799) - Fix submit button not restored after example click.  Thanks @hysts!
+- [#12956](https://github.com/gradio-app/gradio/pull/12956) [`e8dadd6`](https://github.com/gradio-app/gradio/commit/e8dadd648483b6016913a9b7fa2580dbc08cb823) - Fix fill_height not working after Svelte 5 migration.  Thanks @hysts!
+
+## 6.8.0
+
+### Features
+
+- [#12909](https://github.com/gradio-app/gradio/pull/12909) [`362fba6`](https://github.com/gradio-app/gradio/commit/362fba6cff820076006e4865a573d9e67370957f) - Allow uploading files from gr.HTML.  Thanks @aliabid94!
+
+### Fixes
+
+- [#12928](https://github.com/gradio-app/gradio/pull/12928) [`e3710a3`](https://github.com/gradio-app/gradio/commit/e3710a3c189e87ac35e627f79c08530b003e7f9f) - Fix OOM error in gr.load.  Thanks @freddyaboulton!
+- [#12927](https://github.com/gradio-app/gradio/pull/12927) [`ca84f3e`](https://github.com/gradio-app/gradio/commit/ca84f3e36c6a3f3c3f0b57084b6f514d6cded1d4) - Fix Gallery CSS Issue.  Thanks @freddyaboulton!
+
+## 6.7.1
+
+### Features
+
+- [#12933](https://github.com/gradio-app/gradio/pull/12933) [`44a8a9f`](https://github.com/gradio-app/gradio/commit/44a8a9fe1316f1c110638c3c40158a75b6c0d135) - Fix border in gr.html as layout.  Thanks @aliabid94!
+
+## 6.7.0
+
+### Features
+
+- [#12829](https://github.com/gradio-app/gradio/pull/12829) [`d720b25`](https://github.com/gradio-app/gradio/commit/d720b25b575fb9817311212e1c0afa82abf27468) - Allow :fastest :cheapest options when loading models.  Thanks @dawoodkhan82!
+- [#12918](https://github.com/gradio-app/gradio/pull/12918) [`e29e1cc`](https://github.com/gradio-app/gradio/commit/e29e1ccd5874cb98b813ed4f7f72d9fef2935016) - Add Space-specific skill generation to `gradio skills add`.  Thanks @abidlabs!
+- [#12929](https://github.com/gradio-app/gradio/pull/12929) [`978bc6e`](https://github.com/gradio-app/gradio/commit/978bc6ea5094aa11e10994cdd662c4c663a86a83) - Add server functions support to gr.HTML.  Thanks @aliabid94!
+- [#12917](https://github.com/gradio-app/gradio/pull/12917) [`a0fff5c`](https://github.com/gradio-app/gradio/commit/a0fff5cb0e4cc0f8cc3fff7b5fbe18a031c7cc27) - Add push_to_hub method to gr.HTML. Add a gallery to view notable custom HTML components.  Thanks @freddyaboulton!
+- [#12899](https://github.com/gradio-app/gradio/pull/12899) [`820eff0`](https://github.com/gradio-app/gradio/commit/820eff050232f2ce40813e98e3294930e142e1c1) - Add support for gr.HTML as a layout element.  Thanks @aliabid94!
+- [#12900](https://github.com/gradio-app/gradio/pull/12900) [`d6907ac`](https://github.com/gradio-app/gradio/commit/d6907acf8beed0d9b5167398902d3f900d1a2ab9) - add `SKILLS.md` to Gradio repo, part 1 + cleanup.  Thanks @abidlabs!
+- [#12907](https://github.com/gradio-app/gradio/pull/12907) [`3e625a0`](https://github.com/gradio-app/gradio/commit/3e625a0ecfab6e74b7561b68adbe55341ecbc47a) - Better error handling when connection to server is lost.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12911](https://github.com/gradio-app/gradio/pull/12911) [`dcfc429`](https://github.com/gradio-app/gradio/commit/dcfc429a8125204c3aafeabcab251dd7580f9a60) - Fix Button component ignoring the `scale` parameter.  Thanks @hztBUAA!
+- [#12925](https://github.com/gradio-app/gradio/pull/12925) [`ccff8b8`](https://github.com/gradio-app/gradio/commit/ccff8b8cacffe36a270fcea9fc8ba29b78c31c8d) - Walkthrough Selected Bug.  Thanks @freddyaboulton!
+- [#12890](https://github.com/gradio-app/gradio/pull/12890) [`ac29df8`](https://github.com/gradio-app/gradio/commit/ac29df82a735c72c021c07e0816f78001147671b) - fix DataFrame NaN values becoming 0 after sorting.  Thanks @Mr-Neutr0n!
+- [#12926](https://github.com/gradio-app/gradio/pull/12926) [`6011b00`](https://github.com/gradio-app/gradio/commit/6011b00d0154b85532fa901dd73cf8fa7d86fd04) - Fix absolute path issue in Windows.  Thanks @freddyaboulton!
+- [#12904](https://github.com/gradio-app/gradio/pull/12904) [`7c3fa2a`](https://github.com/gradio-app/gradio/commit/7c3fa2a6900cfa3c87cb61ffa9b34b75d1ae49ba) - Fix Loading Spinner Issue Caused by Events Targeting Components In Inactive Tabs.  Thanks @freddyaboulton!
+- [#12903](https://github.com/gradio-app/gradio/pull/12903) [`57707c7`](https://github.com/gradio-app/gradio/commit/57707c72edd0e9fee9821882f75ab322ce110fe3) - Fix Tab i18n issue.  Thanks @freddyaboulton!
+- [#12901](https://github.com/gradio-app/gradio/pull/12901) [`1387fc6`](https://github.com/gradio-app/gradio/commit/1387fc6a35edd965a3c1e29d693b7d5697595ac5) - Fix unload event bug.  Thanks @freddyaboulton!
+- [#12906](https://github.com/gradio-app/gradio/pull/12906) [`81482b5`](https://github.com/gradio-app/gradio/commit/81482b58706ee9948d0f04e84e632ebb8d4bf7ea) - Lazy load sub-tab and accordion components.  Thanks @dawoodkhan82!
+
+## 6.6.0
+
+### Features
+
+- [#12839](https://github.com/gradio-app/gradio/pull/12839) [`1c671b3`](https://github.com/gradio-app/gradio/commit/1c671b39830ccf1c87f6cfcb4669e97dfb3a7367) - Hide forms with no elements.  Thanks @aliabid94!
+- [#12700](https://github.com/gradio-app/gradio/pull/12700) [`b01c95a`](https://github.com/gradio-app/gradio/commit/b01c95a58be8e18bb4ddef7f2ee238a7774e5be9) - Rewrite behavior section of docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#12875](https://github.com/gradio-app/gradio/pull/12875) [`d0b3422`](https://github.com/gradio-app/gradio/commit/d0b34228d756334d901fc34971959ea422eb55bd) - Fix stop button not switching back to submit button in chat interface.  Thanks @freddyaboulton!
+- [#12797](https://github.com/gradio-app/gradio/pull/12797) [`6a0c6ea`](https://github.com/gradio-app/gradio/commit/6a0c6eae53931ec137c0b8379428acc8a7ea27c9) - Refactor translation logic.  Thanks @hannahblair!
+- [#12877](https://github.com/gradio-app/gradio/pull/12877) [`ebbd242`](https://github.com/gradio-app/gradio/commit/ebbd24231dbc006c21fbbf1df00918be16883b86) - Ensure disconnected toast text is visible.  Thanks @hannahblair!
+- [#12873](https://github.com/gradio-app/gradio/pull/12873) [`6533d38`](https://github.com/gradio-app/gradio/commit/6533d38c29ee86823e58d94a8afedd219bcc9011) - Fix stop button not working in Audio streaming.  Thanks @hysts!
+- [#12862](https://github.com/gradio-app/gradio/pull/12862) [`a8e6b7b`](https://github.com/gradio-app/gradio/commit/a8e6b7ba1e6af793b6a200d4cc6b07f3151f229e) - Fix ColorPicker not firing focus, blur, or submit events after Svelte 5 migration.  Thanks @veeceey!
+- [#12865](https://github.com/gradio-app/gradio/pull/12865) [`db7ab39`](https://github.com/gradio-app/gradio/commit/db7ab39c7e6ea3d1a2f0ce1991b5dbc0483b1e27) - Fix Gallery fullscreen button not working in preview mode.  Thanks @veeceey!
+- [#12866](https://github.com/gradio-app/gradio/pull/12866) [`9810396`](https://github.com/gradio-app/gradio/commit/981039647a4212c649a33dc4b56a4714980519eb) - Fix Gallery preview=True parameter not working on initial load.  Thanks @veeceey!
+- [#12894](https://github.com/gradio-app/gradio/pull/12894) [`e0cd4ca`](https://github.com/gradio-app/gradio/commit/e0cd4cadb6d73ba70727c51cf37d7068c3cf4fbf) - Fix load examples bug in spa.  Thanks @freddyaboulton!
+- [#12830](https://github.com/gradio-app/gradio/pull/12830) [`a2a0078`](https://github.com/gradio-app/gradio/commit/a2a0078de878481752b952f9ed0e759a0e884d0b) - `Video` to Svelte 5.  Thanks @dawoodkhan82!
+- [#12882](https://github.com/gradio-app/gradio/pull/12882) [`fc7c01e`](https://github.com/gradio-app/gradio/commit/fc7c01ea1e581ef70be98fddf003b0c91315c7cc) - Validate proxy url host.  Thanks @freddyaboulton!
+- [#12874](https://github.com/gradio-app/gradio/pull/12874) [`b10e17c`](https://github.com/gradio-app/gradio/commit/b10e17cafbe9ff385e44bcc63a85de0d893e2662) - fix(reloading): Re-assign config for `SpacesReloader`.  Thanks @cbensimon!
+- [#12884](https://github.com/gradio-app/gradio/pull/12884) [`dfee0da`](https://github.com/gradio-app/gradio/commit/dfee0da06d0aa94b3c2684131e7898d5d5c1911e) - Oauth fixes.  Thanks @freddyaboulton!
+- [#12811](https://github.com/gradio-app/gradio/pull/12811) [`8f8cef8`](https://github.com/gradio-app/gradio/commit/8f8cef87bfb3af64867804ad45f4385af09e07b4) - Fix windows tests.  Thanks @freddyaboulton!
+- [#12846](https://github.com/gradio-app/gradio/pull/12846) [`226daba`](https://github.com/gradio-app/gradio/commit/226daba5f65257244efc7c310500ea5366b20a87) - Fix bug where children of accordions dont get rendered when they are opened programmatically.  Thanks @freddyaboulton!
+- [#12887](https://github.com/gradio-app/gradio/pull/12887) [`c006778`](https://github.com/gradio-app/gradio/commit/c0067785575aa0ad643d66067b315020c8b5fb6d) - Fix AttributeError in ColoredCheckboxGroup.api_info().  Thanks @hysts!
+
+## 6.5.1
+
+### Fixes
+
+- [#12840](https://github.com/gradio-app/gradio/pull/12840) [`26cea7a`](https://github.com/gradio-app/gradio/commit/26cea7ad6fbaf0352f0dc0d44e37c24c8f1797f8) - Ensure change event fires when slider value changes to 0.  Thanks @hannahblair!
+- [#12845](https://github.com/gradio-app/gradio/pull/12845) [`0eac164`](https://github.com/gradio-app/gradio/commit/0eac164f948165d5e3ab0925230b6fbe5b4eedda) - [Hotfix] add pytz to requirements.  Thanks @RektPunk!
+
+## 6.5.0
+
+### Features
+
+- [#12804](https://github.com/gradio-app/gradio/pull/12804) [`fc366b4`](https://github.com/gradio-app/gradio/commit/fc366b485325c900b0c2b85ba05b7d23a81a0dee) - Allow webcam uploads and clipboard paste for gallery.  Thanks @freddyaboulton!
+- [#12834](https://github.com/gradio-app/gradio/pull/12834) [`ddbb6a9`](https://github.com/gradio-app/gradio/commit/ddbb6a9937081873cb773d08f954e3fa8a6ff876) - Allow pandas version 3.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12818](https://github.com/gradio-app/gradio/pull/12818) [`6594c9c`](https://github.com/gradio-app/gradio/commit/6594c9c5b2829771f79dc04c6fafb6da72031b90) - Migrate Dataset to Svelte 5.  Thanks @freddyaboulton!
+- [#12828](https://github.com/gradio-app/gradio/pull/12828) [`151cbd1`](https://github.com/gradio-app/gradio/commit/151cbd1aac0da3aeb5f0b7b33585223d2bc47138) - Fix private spaces.  Thanks @freddyaboulton!
+- [#12835](https://github.com/gradio-app/gradio/pull/12835) [`5ecf6d2`](https://github.com/gradio-app/gradio/commit/5ecf6d27c50a20e2329c1aca0634924479ceb6cd) - Fix CSS root in spaces.  Thanks @freddyaboulton!
+- [#12813](https://github.com/gradio-app/gradio/pull/12813) [`99caae6`](https://github.com/gradio-app/gradio/commit/99caae630771569e90f1e6a208183ad1a0826460) - Migrate StatusTracker to Svelte 5.  Thanks @freddyaboulton!
+- [#12810](https://github.com/gradio-app/gradio/pull/12810) [`7ed6dfa`](https://github.com/gradio-app/gradio/commit/7ed6dfaad6fa9c8e76a5596b20007dc97ae27ca7) - Migrate js/fileexplorer to svelte5.  Thanks @aliabid94!
+- [#12789](https://github.com/gradio-app/gradio/pull/12789) [`af5e86f`](https://github.com/gradio-app/gradio/commit/af5e86f10d95cc71ee4cb950e455dbdc8e138983) - Migrate gr.MultimodalTextbox.  Thanks @hannahblair!
+- [#12809](https://github.com/gradio-app/gradio/pull/12809) [`8409b7a`](https://github.com/gradio-app/gradio/commit/8409b7ab51fb36d8973d2a3f1bc3557489f7e1c5) - Migrate js/code.  Thanks @aliabid94!
+- [#12817](https://github.com/gradio-app/gradio/pull/12817) [`05acc66`](https://github.com/gradio-app/gradio/commit/05acc6627de866db6a742e0540c2733041d76a86) - Fix Login.  Thanks @freddyaboulton!
+
+## 6.4.0
+
+### Features
+
+- [#12808](https://github.com/gradio-app/gradio/pull/12808) [`d035856`](https://github.com/gradio-app/gradio/commit/d035856a358aa15d9cb5b936c96f3799b6278cae) - Fixes gr.JSON lines.  Thanks @aliabid94!
+- [#12785](https://github.com/gradio-app/gradio/pull/12785) [`f04abc3`](https://github.com/gradio-app/gradio/commit/f04abc3b1b05a918bc903e01faa60b9ec87e1092) - Refactor gr.HighlightedText.  Thanks @hannahblair!
+- [#12801](https://github.com/gradio-app/gradio/pull/12801) [`07c5280`](https://github.com/gradio-app/gradio/commit/07c5280ecea8cef2326ab6fff910ad7bee3d5132) - Add `axis_format` parameters for native plots, and fix SSR mode.  Thanks @abidlabs!
+- [#12778](https://github.com/gradio-app/gradio/pull/12778) [`263c065`](https://github.com/gradio-app/gradio/commit/263c065b850febf8e3a0480ccd43d23eef10c22f) - Migrate js/json to svelte5.  Thanks @aliabid94!
+- [#12785](https://github.com/gradio-app/gradio/pull/12785) [`f04abc3`](https://github.com/gradio-app/gradio/commit/f04abc3b1b05a918bc903e01faa60b9ec87e1092) - Allow transparent and undefined labels in gr.HighlightedText.  Thanks @hannahblair!
+
+### Fixes
+
+- [#12794](https://github.com/gradio-app/gradio/pull/12794) [`0954db4`](https://github.com/gradio-app/gradio/commit/0954db4d618e72a6404bd3904988e5307f22d7d0) - Fix Dependency docs.  Thanks @aliabd!
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12770](https://github.com/gradio-app/gradio/pull/12770) [`3115258`](https://github.com/gradio-app/gradio/commit/3115258d5dcbc00e91025eaa84ae01ff5db03978) - Remove textbox scrollbar if value is empty.  Thanks @freddyaboulton!
+- [#12698](https://github.com/gradio-app/gradio/pull/12698) [`db86165`](https://github.com/gradio-app/gradio/commit/db86165535386991701ea89b2083ef5e60cd23e8) - Migrates gr.File.  Thanks @aliabid94!
+- [#12806](https://github.com/gradio-app/gradio/pull/12806) [`3b3b035`](https://github.com/gradio-app/gradio/commit/3b3b0350e90756e937fc0908446f66ae1412c89f) - Fix Gallery upload after it has been populated.  Thanks @freddyaboulton!
+- [#12696](https://github.com/gradio-app/gradio/pull/12696) [`eb13299`](https://github.com/gradio-app/gradio/commit/eb13299a4e7873de9ac775b91364137dee7555b1) - migrate datetime.  Thanks @aliabid94!
+- [#12796](https://github.com/gradio-app/gradio/pull/12796) [`c833708`](https://github.com/gradio-app/gradio/commit/c8337086e17528f4f262b5c838e285584deb521f) - Fix label in gr.HTML.  Thanks @hannahblair!
+- [#12630](https://github.com/gradio-app/gradio/pull/12630) [`44817db`](https://github.com/gradio-app/gradio/commit/44817dbe89612578b5d5c02caa33f48a1fe08dfc) - fix(website): improve Event Listeners table dark mode readability.  Thanks @DanielDerefaka!
+- [#12758](https://github.com/gradio-app/gradio/pull/12758) [`fb4b92a`](https://github.com/gradio-app/gradio/commit/fb4b92afe9cf43c0d35ba0293496058d967ad818) - Add volume control to gr.Video.  Thanks @hysts!
+- [#12761](https://github.com/gradio-app/gradio/pull/12761) [`2afffc2`](https://github.com/gradio-app/gradio/commit/2afffc2944f4418df7d81cceaeaffa7713bb899a) - Migrate ParamTable syntax to svelte 5.  Thanks @freddyaboulton!
+- [#12807](https://github.com/gradio-app/gradio/pull/12807) [`4ce4159`](https://github.com/gradio-app/gradio/commit/4ce41598378e3daa888651f9e847157e7ddb8b35) - Fix DeepLink Bug.  Thanks @freddyaboulton!
+- [#12757](https://github.com/gradio-app/gradio/pull/12757) [`6d9c2d7`](https://github.com/gradio-app/gradio/commit/6d9c2d7d81e4b0936c15fac2eae9e7640ab22777) - Migrate Textbox to Svelte 5.  Thanks @dawoodkhan82!
+- [#12774](https://github.com/gradio-app/gradio/pull/12774) [`f02c58e`](https://github.com/gradio-app/gradio/commit/f02c58efc9fb8a97cc602c5e07ec13736f34322e) - Prevent empty button wrappers from rendering in gr.Chatbot.  Thanks @hannahblair!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12791](https://github.com/gradio-app/gradio/pull/12791) [`7f2cf84`](https://github.com/gradio-app/gradio/commit/7f2cf84fb79bf4f1d9157acdef4ab4a7024678b2) - Add better related guides section to docs.  Thanks @aliabd!
+- [#12596](https://github.com/gradio-app/gradio/pull/12596) [`5f654d7`](https://github.com/gradio-app/gradio/commit/5f654d74fb59ca7c1caf1d5965a768fac293c584) - Ensure HTML renders in gr.Chatbot.  Thanks @hannahblair!
+- [#12607](https://github.com/gradio-app/gradio/pull/12607) [`299728b`](https://github.com/gradio-app/gradio/commit/299728b707c88e7afbc6a60f1f266a9013fa424d) - fix: add ARIA landmarks for accessibility.  Thanks @majiayu000!
+- [#12772](https://github.com/gradio-app/gradio/pull/12772) [`31cf0a6`](https://github.com/gradio-app/gradio/commit/31cf0a6e74d09ae2d12155a7df35dcfbe0c5dac0) - Fix custom button click event triggers in dropdown.  Thanks @freddyaboulton!
+- [#12769](https://github.com/gradio-app/gradio/pull/12769) [`976cd11`](https://github.com/gradio-app/gradio/commit/976cd11838371d25405e8db62f05ede25083a5de) - Fix html in Multiselect component.  Thanks @freddyaboulton!
+- [#12684](https://github.com/gradio-app/gradio/pull/12684) [`1373713`](https://github.com/gradio-app/gradio/commit/1373713646e34078188265eb07c4bff5a048e9a2) - Migrate Gallery to Svelte 5.  Thanks @freddyaboulton!
+- [#12693](https://github.com/gradio-app/gradio/pull/12693) [`b48da51`](https://github.com/gradio-app/gradio/commit/b48da517d2daa62d3b201f9a84bef9352d485b38) - Fix bug where Walkthrough Component Freezes.  Thanks @freddyaboulton!
+- [#12767](https://github.com/gradio-app/gradio/pull/12767) [`a52be3f`](https://github.com/gradio-app/gradio/commit/a52be3ff75dee9df90244d8ab68ebec57bd592da) - Hide footer links when set to empty.  Thanks @hannahblair!
+- [#12771](https://github.com/gradio-app/gradio/pull/12771) [`404f6a5`](https://github.com/gradio-app/gradio/commit/404f6a55be4cd0c1ece4af6edb8a7769473fb650) - Migrate Markdown components to svelte 5.  Thanks @freddyaboulton!
+- [#12697](https://github.com/gradio-app/gradio/pull/12697) [`c471e96`](https://github.com/gradio-app/gradio/commit/c471e96eff66997846cbaf4fb9f94509c61c5449) - Migrates dropdown.  Thanks @aliabid94!
+- [#12795](https://github.com/gradio-app/gradio/pull/12795) [`184968a`](https://github.com/gradio-app/gradio/commit/184968aa13636b5afe78f8ae443cd7fc29635bfa) - Add fade effect to overflowing text.  Thanks @hannahblair!
+- [#12637](https://github.com/gradio-app/gradio/pull/12637) [`e202750`](https://github.com/gradio-app/gradio/commit/e202750b1deb5d4583c07d7d9d1b86f6b3dfef4b) - Fix bug where UploadProgress initializes with a null upload_id.  Thanks @freddyaboulton!
+- [#12773](https://github.com/gradio-app/gradio/pull/12773) [`6edcea5`](https://github.com/gradio-app/gradio/commit/6edcea5d74be661d37c70ccca08900be2ceb8e1e) - Fix dev mode.  Thanks @pngwn!
+- [#12805](https://github.com/gradio-app/gradio/pull/12805) [`f4a14e7`](https://github.com/gradio-app/gradio/commit/f4a14e7287850c505a1a88d34db795074bb52b7c) - Restore padding param in gr.HTML.  Thanks @hannahblair!
+- [#12472](https://github.com/gradio-app/gradio/pull/12472) [`9a2bc0d`](https://github.com/gradio-app/gradio/commit/9a2bc0dacdd2b3f670fae815093c61ad08eee7e3) - Re-enable SSR mode.  Thanks @pngwn!
+- [#12777](https://github.com/gradio-app/gradio/pull/12777) [`65f94fb`](https://github.com/gradio-app/gradio/commit/65f94fbff75dffe5399c9663745106e959866a3f) - Fix markdown migration.  Thanks @aliabid94!
+- [#12776](https://github.com/gradio-app/gradio/pull/12776) [`c2be5a2`](https://github.com/gradio-app/gradio/commit/c2be5a224ef2386cae02fa10ce8301b0d364be68) - Migrate js/label to svelte5.  Thanks @aliabid94!
+- [#12594](https://github.com/gradio-app/gradio/pull/12594) [`c2f0f19`](https://github.com/gradio-app/gradio/commit/c2f0f1949d453bc850fa65e5b140067008a83e22) - add conditional rendering for the upload button in multimodal textbox.  Thanks @hannahblair!
+- [#12784](https://github.com/gradio-app/gradio/pull/12784) [`565f07f`](https://github.com/gradio-app/gradio/commit/565f07fdc7888ad74452d3ed027807b670aec714) - Fix gr.Textbox auto-resize regression when lines=1.  Thanks @hysts!
+- [#12782](https://github.com/gradio-app/gradio/pull/12782) [`8a262d6`](https://github.com/gradio-app/gradio/commit/8a262d652ad8f33a2c09f3f98f501978ae416cf0) - Migrate UploadButton.  Thanks @freddyaboulton!
+- [#12775](https://github.com/gradio-app/gradio/pull/12775) [`e023cac`](https://github.com/gradio-app/gradio/commit/e023cac0ae8c69ee12400f61abda616de9db67ce) - Restore gr.Textbox resize listener.  Thanks @hannahblair!
+
+## 6.3.0
+
+### Features
+
+- [#12680](https://github.com/gradio-app/gradio/pull/12680) [`c99a50b`](https://github.com/gradio-app/gradio/commit/c99a50b9434bf66282a5308d442beeb97f6cf6bb) - Add .input() to Video.  Thanks @hysts!
+- [#12762](https://github.com/gradio-app/gradio/pull/12762) [`51b7010`](https://github.com/gradio-app/gradio/commit/51b7010a507e2eca138993fbc0a8c8d2ac2a12f0) - pollen css fix.  Thanks @dawoodkhan82!
+- [#12756](https://github.com/gradio-app/gradio/pull/12756) [`2b4176c`](https://github.com/gradio-app/gradio/commit/2b4176c2edad6988cea12850c2ea04ce868723ed) - Migrate Sidebar to Svelte 5.  Thanks @dawoodkhan82!
+- [#12677](https://github.com/gradio-app/gradio/pull/12677) [`6f37743`](https://github.com/gradio-app/gradio/commit/6f377433e4c64f1d962eef0f9eff74676c72032b) - Make check for active page in navbar robust.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12614](https://github.com/gradio-app/gradio/pull/12614) [`6222192`](https://github.com/gradio-app/gradio/commit/622219242412400df57a73aebfd3de96bb8499de) - fix(client): make WebP and VTT MIME type detection case-insensitive.  Thanks @majiayu000!
+- [#12688](https://github.com/gradio-app/gradio/pull/12688) [`5206d47`](https://github.com/gradio-app/gradio/commit/5206d47b7730e6ffc8efd90d8157dd5388c18dc5) - Migrate Model3D to Svelte 5.  Thanks @dawoodkhan82!
+- [#12686](https://github.com/gradio-app/gradio/pull/12686) [`aa362c4`](https://github.com/gradio-app/gradio/commit/aa362c45a0b65b31d86041ba10e06c8ef456b84f) - Allow static files when handling events.  Thanks @hannahblair!
+- [#12626](https://github.com/gradio-app/gradio/pull/12626) [`3a39ee4`](https://github.com/gradio-app/gradio/commit/3a39ee4a9af660636f6ce7cd383634d48e4030a3) - Fix Bug Where Invisible Columns Take Up Space.  Thanks @aliabid94!
+- [#12605](https://github.com/gradio-app/gradio/pull/12605) [`48f580b`](https://github.com/gradio-app/gradio/commit/48f580b508c1f7fe121929aceecc31b2af15c189) - fix: Fix Textbox white background in dark mode.  Thanks @Godkunn!
+- [#12608](https://github.com/gradio-app/gradio/pull/12608) [`ab20c59`](https://github.com/gradio-app/gradio/commit/ab20c592e1fab33e96ab2698bbbb942d0972501b) - feat(client): add generic type parameter to predict() method.  Thanks @majiayu000!
+- [#12689](https://github.com/gradio-app/gradio/pull/12689) [`be89f8c`](https://github.com/gradio-app/gradio/commit/be89f8c4272a2d2c3da9345c3e26df5505307428) - Migrate DownloadButton to Svelte 5.  Thanks @dawoodkhan82!
+- [#12675](https://github.com/gradio-app/gradio/pull/12675) [`3aee8ae`](https://github.com/gradio-app/gradio/commit/3aee8aeb74dfe41b24a6626a8e30582e654dc457) - Allow multiple file messages to be displayed in Chatbot.  Thanks @freddyaboulton!
+- [#12695](https://github.com/gradio-app/gradio/pull/12695) [`6eadb5b`](https://github.com/gradio-app/gradio/commit/6eadb5bf8c48b32fa9960b0e9e7c09a2ee30141c) - Migrate accordion to svelte 5.  Thanks @aliabid94!
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+- [#12636](https://github.com/gradio-app/gradio/pull/12636) [`3194f29`](https://github.com/gradio-app/gradio/commit/3194f294e142508b7dc7d28d35fdf33627bb5993) - Fix docs for Tab select event.  Thanks @freddyaboulton!
+- [#12681](https://github.com/gradio-app/gradio/pull/12681) [`ba46c2d`](https://github.com/gradio-app/gradio/commit/ba46c2df1405c11e495304af8f91acfdf69d0b18) - Migrate Button to Svelte 5.  Thanks @freddyaboulton!
+- [#12627](https://github.com/gradio-app/gradio/pull/12627) [`fa75712`](https://github.com/gradio-app/gradio/commit/fa75712a3257e0e09bfce7abbd4f40fa54f6db98) - Add custom buttons to `gr.Dropdown(multiselect=True)` and `gr.LinePlot` and other native plots.  Thanks @abidlabs!
+- [#12606](https://github.com/gradio-app/gradio/pull/12606) [`6a80a07`](https://github.com/gradio-app/gradio/commit/6a80a07c4d336c20d868b90343aa9a30c390e1a5) - fix: support gr.update() for gr.State + update api_visibility docs.  Thanks @majiayu000!
+- [#12625](https://github.com/gradio-app/gradio/pull/12625) [`7fb79d4`](https://github.com/gradio-app/gradio/commit/7fb79d45bdc3597bf6b095ff64c420939257fba9) - Fix bug where tabs don't work inside gr.render.  Thanks @freddyaboulton!
+- [#12676](https://github.com/gradio-app/gradio/pull/12676) [`57dd086`](https://github.com/gradio-app/gradio/commit/57dd0864c17f039474a2aa31e9f3132f4555fd97) - Upgrade color picker to Svelte 5 syntax.  Thanks @freddyaboulton!
+- [#12601](https://github.com/gradio-app/gradio/pull/12601) [`5fae6b7`](https://github.com/gradio-app/gradio/commit/5fae6b7e36ef126a71b38a207593323e4cc40f3b) - Fix Infinite Change Event in Browser History.  Thanks @freddyaboulton!
+
+## 6.2.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+- [#12582](https://github.com/gradio-app/gradio/pull/12582) [`fac3844`](https://github.com/gradio-app/gradio/commit/fac3844e01d6d648972ce7ac52302e7ad65034bd) - Upgrade `ty` to `0.0.2`.  Thanks @abidlabs!
+- [#12598](https://github.com/gradio-app/gradio/pull/12598) [`c06ded8`](https://github.com/gradio-app/gradio/commit/c06ded8b545769164c89ea7275e82893f8dc098d) - Relax version of pydantic dependency in base gradio.  Thanks @abidlabs!
+- [#12537](https://github.com/gradio-app/gradio/pull/12537) [`f753b0c`](https://github.com/gradio-app/gradio/commit/f753b0c97400068b7c0aa306e5d03fb500eec5fb) - Add `.select()` and `.input()` events to `gr.FileExplorer`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12550](https://github.com/gradio-app/gradio/pull/12550) [`efb2549`](https://github.com/gradio-app/gradio/commit/efb2549a1c2c4d0254a5c2b5b46b824322395854) - Fix Dataframe Package.  Thanks @dawoodkhan82!
+- [#12547](https://github.com/gradio-app/gradio/pull/12547) [`81b7960`](https://github.com/gradio-app/gradio/commit/81b7960dedb9505b03a2f346f72baa9b633d1736) - Add error handling to gr.JSON.  Thanks @hannahblair!
+- [#12592](https://github.com/gradio-app/gradio/pull/12592) [`2119a24`](https://github.com/gradio-app/gradio/commit/2119a2475005bd09c1e952b3342413350d443964) - Fix custom gr.HTML updates.  Thanks @aliabid94!
+- [#12599](https://github.com/gradio-app/gradio/pull/12599) [`184c596`](https://github.com/gradio-app/gradio/commit/184c596bc12dcb6cfdd05e98539fc6aee123db1d) - Two bugs for gr.HTML.  Thanks @aliabid94!
+- [#12585](https://github.com/gradio-app/gradio/pull/12585) [`1724a02`](https://github.com/gradio-app/gradio/commit/1724a02f37118af098cd9f51472955bf8ef8d794) - Remove checkmark from windows.  Thanks @freddyaboulton!
+- [#12549](https://github.com/gradio-app/gradio/pull/12549) [`e2c316d`](https://github.com/gradio-app/gradio/commit/e2c316d1f8a032d9040f32d3e99b1b4a27cdc8b8) - Fix Hot Reload of Custom CSS.  Thanks @freddyaboulton!
+- [#12569](https://github.com/gradio-app/gradio/pull/12569) [`9daf193`](https://github.com/gradio-app/gradio/commit/9daf1932291bea1fcbbe20096d28018657242295) - Add footer to bottom of page.  Thanks @freddyaboulton!
+- [#12577](https://github.com/gradio-app/gradio/pull/12577) [`b4c00d2`](https://github.com/gradio-app/gradio/commit/b4c00d2f531d38e2677ea76cfeb412a7bd3bb1a3) - Fix Gallery preview_close event not firing on ESC key.  Thanks @majiayu000!
+- [#12558](https://github.com/gradio-app/gradio/pull/12558) [`6d46ddb`](https://github.com/gradio-app/gradio/commit/6d46ddb321b30db12f4b247f055fc3d3daa519a0) - feat: cache NodeJS proxied requests.  Thanks @cbensimon!
+- [#12584](https://github.com/gradio-app/gradio/pull/12584) [`cf27938`](https://github.com/gradio-app/gradio/commit/cf2793856a989ba51d1d1bdde5d8c80fb37b61c7) - Fix issue with HTML status shading even when `"show_progress='hidden'"`.  Thanks @abidlabs!
+- [#12572](https://github.com/gradio-app/gradio/pull/12572) [`5cf1ae5`](https://github.com/gradio-app/gradio/commit/5cf1ae5f35276b65eb139f14d80beea7ecbd4532) - Fix Dropdown change event when allow_custom_value is true.  Thanks @freddyaboulton!
+- [#12556](https://github.com/gradio-app/gradio/pull/12556) [`b3a3683`](https://github.com/gradio-app/gradio/commit/b3a3683da041b28cee4f13642f1d2efe074ed493) - Use a slower check rate on windows, otherwise windows locks up.  Thanks @freddyaboulton!
+- [#12580](https://github.com/gradio-app/gradio/pull/12580) [`b27e2cb`](https://github.com/gradio-app/gradio/commit/b27e2cbb07ef3c977b72d77b2d0922e6f33521e2) - Audio Trim Fix.  Thanks @dawoodkhan82!
+- [#12565](https://github.com/gradio-app/gradio/pull/12565) [`b4c69af`](https://github.com/gradio-app/gradio/commit/b4c69af0f5d9461259dbb8ad40a98315428539c0) - Fix Plot display in chatbot.  Thanks @freddyaboulton!
+- [#12536](https://github.com/gradio-app/gradio/pull/12536) [`653f47b`](https://github.com/gradio-app/gradio/commit/653f47b8f57f548e75b5c87c407a211b8ead3b06) - Fix Theme Builder Function.  Thanks @freddyaboulton!
+- [#12578](https://github.com/gradio-app/gradio/pull/12578) [`1fa29ff`](https://github.com/gradio-app/gradio/commit/1fa29ff5a0d9bcb09bfebd5fcd509f7208af2a47) - Fix AttributeError for proxy_url in get_config.  Thanks @majiayu000!
+- [#12600](https://github.com/gradio-app/gradio/pull/12600) [`1fafaba`](https://github.com/gradio-app/gradio/commit/1fafabaace315b1c699855cadb69eb17488de957) - Add x-gradio-user-header.  Thanks @freddyaboulton!
+- [#12575](https://github.com/gradio-app/gradio/pull/12575) [`7498fac`](https://github.com/gradio-app/gradio/commit/7498fac6a1c575ff04920ad5178853843a3b270e) - Fix image buttons default value.  Thanks @freddyaboulton!
+
+## 6.1.0
+
+### Features
+
+- [#12504](https://github.com/gradio-app/gradio/pull/12504) [`4476400`](https://github.com/gradio-app/gradio/commit/44764009dfebecf894298efe80366e42578ea65d) - Add `playback_position` to gr.Audio and gr.Video, which can be updated and read.  Thanks @aliabid94!
+- [#12524](https://github.com/gradio-app/gradio/pull/12524) [`d6be33e`](https://github.com/gradio-app/gradio/commit/d6be33e9f019979953991283edd6ddfa00b2207c) - feat: add link_target parameter to Button component.  Thanks @ujjwaltwri!
+- [#12502](https://github.com/gradio-app/gradio/pull/12502) [`d3966ca`](https://github.com/gradio-app/gradio/commit/d3966ca9df13be7e7bd0d6eb09cf6be24206ea58) - Restore Blocks constructor args deprecated in 6.0 (theme, css, etc.).  Thanks @aliabid94!
+
+### Fixes
+
+- [#12515](https://github.com/gradio-app/gradio/pull/12515) [`0892c29`](https://github.com/gradio-app/gradio/commit/0892c297b35742ed5cabf64d0846fd36ae02ecea) - Fix plot Rendering + visibility bug.  Thanks @freddyaboulton!
+- [#12493](https://github.com/gradio-app/gradio/pull/12493) [`8a6cff6`](https://github.com/gradio-app/gradio/commit/8a6cff6738d09a6e708fc6351d806967fa82ca91) - Fix bug where cancelling an events shows an error in the UI.  Thanks @freddyaboulton!
+- [#12518](https://github.com/gradio-app/gradio/pull/12518) [`e8efab2`](https://github.com/gradio-app/gradio/commit/e8efab2cb19860146cec7946e77b34a599ad6258) - Fix Settings.  Thanks @freddyaboulton!
+- [#12494](https://github.com/gradio-app/gradio/pull/12494) [`251add4`](https://github.com/gradio-app/gradio/commit/251add42b69b0c1f6c96559e2ecdefc40def79f4) - JS unit test fix.  Thanks @dawoodkhan82!
+- [#12491](https://github.com/gradio-app/gradio/pull/12491) [`4f6327b`](https://github.com/gradio-app/gradio/commit/4f6327be6815fc8d574b60272b02915c75359ace) - Load visible components in 6.0.  Thanks @freddyaboulton!
+- [#12508](https://github.com/gradio-app/gradio/pull/12508) [`0715279`](https://github.com/gradio-app/gradio/commit/0715279005cbd6fea3c8081996aa5afddbd27e34) - Fix custom `js` param.  Thanks @dawoodkhan82!
+- [#12531](https://github.com/gradio-app/gradio/pull/12531) [`8aaa209`](https://github.com/gradio-app/gradio/commit/8aaa209278a1898951a764812c237d1a514cc066) - Allow custom HTML components to be defined in jupyter notebooks.  Thanks @abidlabs!
+- [#12499](https://github.com/gradio-app/gradio/pull/12499) [`af3ffa0`](https://github.com/gradio-app/gradio/commit/af3ffa057fe9e21e2aa658ca251b7f696b0a24ac) - Fix: avoid corrupting JSON-like values in CSV sanitization.  Thanks @ujjwaltwri!
+- [#12516](https://github.com/gradio-app/gradio/pull/12516) [`23c9bb5`](https://github.com/gradio-app/gradio/commit/23c9bb5d46909a07b4ff639655b59b4a979a0c06) - Fix copy button in `gr.Textbox`.  Thanks @dawoodkhan82!
+
+## 6.0.2
+
+### Features
+
+- [#12475](https://github.com/gradio-app/gradio/pull/12475) [`c4c36c7`](https://github.com/gradio-app/gradio/commit/c4c36c7da3d14d60f4fd9b35bbe68d52f7b38bb9) - Fix highlighted text in 6.0.  Thanks @freddyaboulton!
+- [#12476](https://github.com/gradio-app/gradio/pull/12476) [`4e9a330`](https://github.com/gradio-app/gradio/commit/4e9a330a85396659e8cf4d90f25d3dde82a685b3) - Fix slider css issue.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12480](https://github.com/gradio-app/gradio/pull/12480) [`b9732d1`](https://github.com/gradio-app/gradio/commit/b9732d10680ca66fa7b3f1e763d3cdd57b38c6ed) - [BUGFIX] Fix stream file download in gradio client.  Thanks @frascuchon!
+- [#12490](https://github.com/gradio-app/gradio/pull/12490) [`472e164`](https://github.com/gradio-app/gradio/commit/472e16439f2573b33d21b9635706416518405ddd) - Make client backwards compatible with version 5.  Thanks @freddyaboulton!
+- [#12489](https://github.com/gradio-app/gradio/pull/12489) [`2a2dd60`](https://github.com/gradio-app/gradio/commit/2a2dd60d5aa041d82640358a5ed6ba03f1b398e2) - 12485 fix mcp client issue.  Thanks @freddyaboulton!
+- [#12477](https://github.com/gradio-app/gradio/pull/12477) [`07fa494`](https://github.com/gradio-app/gradio/commit/07fa4949fa5b806732eb429f732037615f9f546e) - Checkbox Label Fix.  Thanks @dawoodkhan82!
+
+## 6.0.1
+
+### Features
+
+- [#12445](https://github.com/gradio-app/gradio/pull/12445) [`0f2fa10`](https://github.com/gradio-app/gradio/commit/0f2fa10887b5c2f7fe4a4080e8bcf7d91669a163) - chore(deps): ⬆️ update pillow from 11.1.0 to 12.0.  Thanks @onuralpszr!
+- [#12446](https://github.com/gradio-app/gradio/pull/12446) [`96efaab`](https://github.com/gradio-app/gradio/commit/96efaabb38a5b48c26011560634189388e83181a) - Update gradio_client version to 2.0.0.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12460](https://github.com/gradio-app/gradio/pull/12460) [`f9e272d`](https://github.com/gradio-app/gradio/commit/f9e272dc120bb8f8f9f5fb2bd9f0a4eac0563d6e) - Fix bug where close method does not kill the thread.  Thanks @freddyaboulton!
+- [#12416](https://github.com/gradio-app/gradio/pull/12416) [`7e867fd`](https://github.com/gradio-app/gradio/commit/7e867fde9070849fb474a08544c72f2522a9cbe9) - Fix custom components for gradio 6.  Thanks @pngwn!
+- [#12461](https://github.com/gradio-app/gradio/pull/12461) [`9a86e80`](https://github.com/gradio-app/gradio/commit/9a86e8064787029bc20b086c6f3191879f786e0f) - Fix Login Gradio 6.  Thanks @freddyaboulton!
+- [#12473](https://github.com/gradio-app/gradio/pull/12473) [`f42628d`](https://github.com/gradio-app/gradio/commit/f42628d35c5597d83c57980d559f1daf7805b153) - Allow new custom components to use Gradio 6.  Thanks @freddyaboulton!
+
+## 6.0.0-dev.5
+
+### Features
+
+- [#12371](https://github.com/gradio-app/gradio/pull/12371) [`9e8a313`](https://github.com/gradio-app/gradio/commit/9e8a313b94259354da649310125d0142bb953fad) - Fix Walkthrough component.  Thanks @pngwn!
+- [#12393](https://github.com/gradio-app/gradio/pull/12393) [`02ce6d5`](https://github.com/gradio-app/gradio/commit/02ce6d5b768ddf68241bee92e11a166e97fd9b2d) - Remove SSE transport from MCP docs.  Thanks @abidlabs!
+- [#12383](https://github.com/gradio-app/gradio/pull/12383) [`6505763`](https://github.com/gradio-app/gradio/commit/650576399bad10f03aaa03dd9437f03b47ba378b) - Fix Reload Mode in 6.0.  Thanks @freddyaboulton!
+- [#12358](https://github.com/gradio-app/gradio/pull/12358) [`4552df4`](https://github.com/gradio-app/gradio/commit/4552df4e3698b39c58fc86d3023e434db6aeec1e) - Fix status tracker iterative image.  Thanks @freddyaboulton!
+- [#12374](https://github.com/gradio-app/gradio/pull/12374) [`c72972e`](https://github.com/gradio-app/gradio/commit/c72972e7c38d4a3511978c412759b9ac34bffcc4) - Ensure `show_error` is always respected.  Thanks @pngwn!
+- [#12372](https://github.com/gradio-app/gradio/pull/12372) [`a8c26e4`](https://github.com/gradio-app/gradio/commit/a8c26e406aa82e6e30f1556e62e54f99f64668bd) - Fix Chatbot autoscroll.  Thanks @pngwn!
+- [#12377](https://github.com/gradio-app/gradio/pull/12377) [`568644a`](https://github.com/gradio-app/gradio/commit/568644a88c4dbe1b6ad9468906b1e45ed07657f3) - Add a 6.0 migration guide and add deprecation warnings.  Thanks @abidlabs!
+- [#12381](https://github.com/gradio-app/gradio/pull/12381) [`36d5657`](https://github.com/gradio-app/gradio/commit/36d5657128a81739a78d6b11b3f5a632a9027ab1) - Fix full width toast issue.  Thanks @freddyaboulton!
+- [#11821](https://github.com/gradio-app/gradio/pull/11821) [`9ea6686`](https://github.com/gradio-app/gradio/commit/9ea6686924278f4e5b562c33059931f309c92c93) - Spaces hot reloading.  Thanks @cbensimon!
+- [#12389](https://github.com/gradio-app/gradio/pull/12389) [`61e5aeb`](https://github.com/gradio-app/gradio/commit/61e5aeb4fe539e51fe07777750ee222444801829) - Download frontend templates for custom components.  Thanks @freddyaboulton!
+- [#12373](https://github.com/gradio-app/gradio/pull/12373) [`017eaf0`](https://github.com/gradio-app/gradio/commit/017eaf0a9a783d0f9f2fbf7fe2e30c855c9dd9cd) - Fix audio errors when streaming.  Thanks @pngwn!
+- [#12391](https://github.com/gradio-app/gradio/pull/12391) [`5ba7e1e`](https://github.com/gradio-app/gradio/commit/5ba7e1e7d502017551c5899db175bcc9c6fb5eaa) - Reduce files in build.  Thanks @freddyaboulton!
+- [#12398](https://github.com/gradio-app/gradio/pull/12398) [`04e2581`](https://github.com/gradio-app/gradio/commit/04e258106f6f6a07facbacd9f43a307fc0cb64c9) - fix publish.  Thanks @pngwn!
+- [#12375](https://github.com/gradio-app/gradio/pull/12375) [`2043967`](https://github.com/gradio-app/gradio/commit/2043967b958be9d51c4ee25272afa84bf0dbea08) - fix font.  Thanks @pngwn!
+- [#12370](https://github.com/gradio-app/gradio/pull/12370) [`f632b87`](https://github.com/gradio-app/gradio/commit/f632b87f83ff283817e21ce679b70d2406074ea2) - Fix progress in StatusTracker.  Thanks @pngwn!
+- [#12363](https://github.com/gradio-app/gradio/pull/12363) [`4845bfd`](https://github.com/gradio-app/gradio/commit/4845bfdab53096a609d80485e87d5cc70f3f0521) - Fix queue false render issue.  Thanks @freddyaboulton!
+- [#12378](https://github.com/gradio-app/gradio/pull/12378) [`f5e5344`](https://github.com/gradio-app/gradio/commit/f5e5344db61eba28253719928577dc2c495958e1) - Fix some e2e tests.  Thanks @freddyaboulton!
+- [#12397](https://github.com/gradio-app/gradio/pull/12397) [`f2a47fe`](https://github.com/gradio-app/gradio/commit/f2a47fe4f155a1ed93ad3e8f18504e9427ba61d2) - fix custom components.  Thanks @pngwn!
+- [#12387](https://github.com/gradio-app/gradio/pull/12387) [`4a8ee36`](https://github.com/gradio-app/gradio/commit/4a8ee367fabb786248693833454aa69484623d97) - Sync JS Files to Hub.  Thanks @freddyaboulton!
+- [#12102](https://github.com/gradio-app/gradio/pull/12102) [`baa1cd6`](https://github.com/gradio-app/gradio/commit/baa1cd67573292f95d4b4263c8f15fe89fbeeaa1) - Improve audio player UI in gr.Chatbot.  Thanks @hannahblair!
+
+## 6.0.0-dev.4
+
+### Features
+
+- [#12359](https://github.com/gradio-app/gradio/pull/12359) [`9040fd5`](https://github.com/gradio-app/gradio/commit/9040fd5e2c7de9c806debdc801e230edf6589802) - fix input.  Thanks @pngwn!
+- [#12357](https://github.com/gradio-app/gradio/pull/12357) [`c9cf634`](https://github.com/gradio-app/gradio/commit/c9cf634a9cd34b4adadde1a6a98d60faf732639a) - Fix various event issues.  Thanks @pngwn!
+- [#12337](https://github.com/gradio-app/gradio/pull/12337) [`83d92fd`](https://github.com/gradio-app/gradio/commit/83d92fd81c43a97f4d81c52f4a985f5e044ce817) - Fix statustracker for generating outputs.  Thanks @freddyaboulton!
+- [#12336](https://github.com/gradio-app/gradio/pull/12336) [`a8f784b`](https://github.com/gradio-app/gradio/commit/a8f784babf95c8e01137f1fbcc2a44bf5450b49a) - clean up some console logs.  Thanks @abidlabs!
+- [#12360](https://github.com/gradio-app/gradio/pull/12360) [`bcb6efd`](https://github.com/gradio-app/gradio/commit/bcb6efd8d53183c283a9b4e3a1974e7b49c340a1) - fix colopicker.  Thanks @pngwn!
+- [#12343](https://github.com/gradio-app/gradio/pull/12343) [`a5b6676`](https://github.com/gradio-app/gradio/commit/a5b6676e77bad5224a8ce661cb35d763904306a3) - Fix json postprocessing with queue=False.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12344](https://github.com/gradio-app/gradio/pull/12344) [`9bf6bfb`](https://github.com/gradio-app/gradio/commit/9bf6bfb61dfb6fe620339319e89062f3c5bb78f2) - Fix dropdown filtering.  Thanks @freddyaboulton!
+
+## 6.0.0-dev.3
+
+### Features
+
+- [#12330](https://github.com/gradio-app/gradio/pull/12330) [`11b9d8d`](https://github.com/gradio-app/gradio/commit/11b9d8ddb86c4535c7bc1265374c0ed5a369f25e) - Change `gr.Dataframe` component constructor parameters.  Thanks @abidlabs!
+- [#12296](https://github.com/gradio-app/gradio/pull/12296) [`a96e98b`](https://github.com/gradio-app/gradio/commit/a96e98b2ff7b33d8bb65f98ca8409b4e5543217c) - Improving performance of queue, especially for MCP.  Thanks @abidlabs!
+- [#12326](https://github.com/gradio-app/gradio/pull/12326) [`ea23f20`](https://github.com/gradio-app/gradio/commit/ea23f20335ab46950e4ec92a4a006c0ec35f3ee2) - Fix changesets?.  Thanks @freddyaboulton!
+- [#12324](https://github.com/gradio-app/gradio/pull/12324) [`c389664`](https://github.com/gradio-app/gradio/commit/c389664a3b54f0f1fc7269ed855afa4ae88f16f3) - Trigger creation of dev release pr.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12327](https://github.com/gradio-app/gradio/pull/12327) [`a8158eb`](https://github.com/gradio-app/gradio/commit/a8158eb61c4a2fc88b196c0b23390a55e158bf92) - Fix Undo in Audio component.  Thanks @dawoodkhan82!
+
+## 6.0.0-dev.2
+
+### Features
+
+- [#12110](https://github.com/gradio-app/gradio/pull/12110) [`e80fc6f`](https://github.com/gradio-app/gradio/commit/e80fc6f9eba1b895680b19803bbd15e7e303d969) - Fix issue with boolean columns in dataframe.  Thanks @abidlabs!
+- [#12117](https://github.com/gradio-app/gradio/pull/12117) [`45493c9`](https://github.com/gradio-app/gradio/commit/45493c9c8125fb3e451c75c444cb65c31c0bf71a) - Upgrade version of `safehttpx` in `gradio` and use subdomain wildcards.  Thanks @abidlabs!
+- [#12080](https://github.com/gradio-app/gradio/pull/12080) [`0c58698`](https://github.com/gradio-app/gradio/commit/0c586980e359cc83bfd57b71f0aaba87771235ed) - Fix chatinterface textbox warning.  Thanks @salehsargolzaee!
+- [#12291](https://github.com/gradio-app/gradio/pull/12291) [`881d8fb`](https://github.com/gradio-app/gradio/commit/881d8fbaa7827bbe0f56b9e89c6ab81258cb21b7) - Change gr.Toast expanded to true by default.  Thanks @hannahblair!
+- [#12168](https://github.com/gradio-app/gradio/pull/12168) [`60b16b3`](https://github.com/gradio-app/gradio/commit/60b16b35d818a3950e71d3b1fcfde959dc59ede8) - Copy as markdown button in API docs.  Thanks @aliabd!
+- [#12100](https://github.com/gradio-app/gradio/pull/12100) [`75cfe0e`](https://github.com/gradio-app/gradio/commit/75cfe0efea3cbfe04b3f587609db03d01831e2dd) - Fixes for long legends in native plots.  Thanks @abidlabs!
+- [#12099](https://github.com/gradio-app/gradio/pull/12099) [`e2a5768`](https://github.com/gradio-app/gradio/commit/e2a5768f5f133d0c23549eb3388582bfcf40e5e6) - Improve gr.Toast in mobile.  Thanks @hannahblair!
+- [#12088](https://github.com/gradio-app/gradio/pull/12088) [`199de34`](https://github.com/gradio-app/gradio/commit/199de3428291b799ae334474132f3d2ceef31e9d) - Improve gr.MultimodalTextbox in mobile.  Thanks @hannahblair!
+- [#12243](https://github.com/gradio-app/gradio/pull/12243) [`cb49168`](https://github.com/gradio-app/gradio/commit/cb49168b1d52b39e47f1faeda93d150e048bd625) - [Client] Fix ZeroGPU headers forwarding.  Thanks @cbensimon!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Move `theme`, `css`, `css_paths`, `js`, `head`, `head_paths` to `launch()`.  Thanks @dawoodkhan82!
+- [#12098](https://github.com/gradio-app/gradio/pull/12098) [`3965abe`](https://github.com/gradio-app/gradio/commit/3965abe584fef88e23501ffb67145fd47e517633) - gr.HTML "custom components".  Thanks @aliabid94!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Update ZeroGPU guide to reflect best practices on manually passing an IP token.  Thanks @dawoodkhan82!
+- [#12070](https://github.com/gradio-app/gradio/pull/12070) [`e583434`](https://github.com/gradio-app/gradio/commit/e583434f25297e1c05240cd39cdac98c457c74d4) - Collapse reasoning traces automatically if developer sets reasoning_tags parameter.  Thanks @freddyaboulton!
+- [#12295](https://github.com/gradio-app/gradio/pull/12295) [`23f73b3`](https://github.com/gradio-app/gradio/commit/23f73b31fba787053740cddaa31ccdfbf508a9a8) - Fix reload mode tests.  Thanks @freddyaboulton!
+- [#12268](https://github.com/gradio-app/gradio/pull/12268) [`5e6b0b9`](https://github.com/gradio-app/gradio/commit/5e6b0b935b288e310c71c887852630ffd3cf9b1b) - Allow serving Gradio MCP apps as ChatGPT apps as well.  Thanks @abidlabs!
+- [#12106](https://github.com/gradio-app/gradio/pull/12106) [`26bbdf8`](https://github.com/gradio-app/gradio/commit/26bbdf8b6a16d370d0314b03b3fa49de922ad2ff) - 🌙 Add dark mode to gradio docs.  Thanks @hannahblair!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Improve behaviour of gr.Checkbox.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#12124](https://github.com/gradio-app/gradio/pull/12124) [`ce39568`](https://github.com/gradio-app/gradio/commit/ce395687484f1c4f6a8e90d168dffdf5d83c873c) - Add python 3.14 support.  Thanks @aliabid94!
+- [#12240](https://github.com/gradio-app/gradio/pull/12240) [`6a0cff1`](https://github.com/gradio-app/gradio/commit/6a0cff18ef6a9a580c26d3ed5f95d1f9de3a55c1) - Fixed several hardcoded UI labels in the chat_interface that did not implement i18n.  Thanks @arterm-sedov!
+
+## 6.0.0-dev.1
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+- [#12063](https://github.com/gradio-app/gradio/pull/12063) [`88a7236`](https://github.com/gradio-app/gradio/commit/88a7236cef2ecb53a82638c53e2e37f071cc670f) - Remove more deprecated parameters for the native plot components.  Thanks @abidlabs!
+- [#12064](https://github.com/gradio-app/gradio/pull/12064) [`90dfb44`](https://github.com/gradio-app/gradio/commit/90dfb446876f3aa2c135e2c58f2f088eb5185311) - Handle special characters in native plot column names.  Thanks @abidlabs!
+- [#12086](https://github.com/gradio-app/gradio/pull/12086) [`a56f4e1`](https://github.com/gradio-app/gradio/commit/a56f4e1bddc1e8608e00992e6faeba4a6f2455bb) - Use function name as the api route name in gr.Interface and gr.ChatInterface.  Thanks @freddyaboulton!
+- [#12096](https://github.com/gradio-app/gradio/pull/12096) [`ed08086`](https://github.com/gradio-app/gradio/commit/ed08086f90909438551c3b841dff2e757d9b09d2) - Allow setting x limits independently in native plots.  Thanks @abidlabs!
+- [#12051](https://github.com/gradio-app/gradio/pull/12051) [`15458a8`](https://github.com/gradio-app/gradio/commit/15458a87ac63346ed3443f4abc54cdf2b9ac267e) - Extend Chatbot Message Format.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12066](https://github.com/gradio-app/gradio/pull/12066) [`6a4757a`](https://github.com/gradio-app/gradio/commit/6a4757ab289e8e53b5503eb6887333d7ad26c9eb) - Gallery: Allow empty columns when items < columns.  Thanks @missionfloyd!
+
+## 6.0.0-dev.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`53d9098`](https://github.com/gradio-app/gradio/commit/53d9098cca378f6ebff9dec15d2faa8a3d2fb510) - [No Merge] Gradio 6.0.  Thanks @freddyaboulton!
+- [#12012](https://github.com/gradio-app/gradio/pull/12012) [`4356fe7`](https://github.com/gradio-app/gradio/commit/4356fe7d609333a4150533fcb9a4eaafbc2ba561) - Remove tuples format from the chatbot.  Thanks @freddyaboulton!
+- [#12027](https://github.com/gradio-app/gradio/pull/12027) [`d515a2e`](https://github.com/gradio-app/gradio/commit/d515a2e189a82883e85730157706f6f2865e9aba) - Make allow_tags=True the default in gr.Chatbot.  Thanks @PRIME-SV!
+- [#12010](https://github.com/gradio-app/gradio/pull/12010) [`844cd62`](https://github.com/gradio-app/gradio/commit/844cd626fb11ad604386dbb0411fc9b94effaf11) - fix: enable padding by default in HTML component.  Thanks @PRIME-SV!
+- [#12041](https://github.com/gradio-app/gradio/pull/12041) [`90e8a2c`](https://github.com/gradio-app/gradio/commit/90e8a2c23774e1d2a7401bccf4bdc86f70531de5) - Video subtitles.  Thanks @dawoodkhan82!
+
+## 5.49.1
+
+### Fixes
+
+- [#12026](https://github.com/gradio-app/gradio/pull/12026) [`31cf825`](https://github.com/gradio-app/gradio/commit/31cf825b472b9ffa29eea163db8b9fe069eefe1f) - gradio.Audio does not preload the file in browser style since 5.46.0.  Thanks @PRIME-SV!
+- [#12046](https://github.com/gradio-app/gradio/pull/12046) [`de9dad3`](https://github.com/gradio-app/gradio/commit/de9dad344f1489a4cfcaedc799e2cfe68de8fe26) - fix: correct various typos in documentation and code.  Thanks @shashax42!
+- [#12023](https://github.com/gradio-app/gradio/pull/12023) [`69da8c8`](https://github.com/gradio-app/gradio/commit/69da8c87653d7ea7f733a248b324051ef5bb810f) - feat: Extended the waternark positioning feature to Video.  Thanks @PRIME-SV!
+- [#12035](https://github.com/gradio-app/gradio/pull/12035) [`ab8dc66`](https://github.com/gradio-app/gradio/commit/ab8dc66b18cec5cb2dc8999264dd1570531318dc) - route progress notifications to the POST SSE Handler for MCP Servers.  Thanks @evalstate!
+
+## 5.49.0
+
+### Features
+
+- [#12004](https://github.com/gradio-app/gradio/pull/12004) [`09b7111`](https://github.com/gradio-app/gradio/commit/09b71110717d65dd0f885c90f1e455a944d65a14) - Add ability to position watermark relative to watermarked content.  Thanks @PRIME-SV!
+
+### Fixes
+
+- [#12019](https://github.com/gradio-app/gradio/pull/12019) [`81fc464`](https://github.com/gradio-app/gradio/commit/81fc4647cdc9ffd724b69ec7286f1d686571062a) - Fix MultimodalTextbox autofocus issue when file_types is specified.  Thanks @freddyaboulton!
+- [#12008](https://github.com/gradio-app/gradio/pull/12008) [`fd585f1`](https://github.com/gradio-app/gradio/commit/fd585f1f78a22734c322103a707b9382af93d212) - Fix: Add per-component caching for `api_info` to improve custom component performance.  Thanks @vijay-x-Raj!
+- [#11994](https://github.com/gradio-app/gradio/pull/11994) [`d6f591e`](https://github.com/gradio-app/gradio/commit/d6f591e823dad8e7387de4124fa1e3ab16203a73) - Add render_children parameter to Tab component.  Thanks @freddyaboulton!
+- [#12018](https://github.com/gradio-app/gradio/pull/12018) [`103e3ab`](https://github.com/gradio-app/gradio/commit/103e3ab8e95fbbbd3a099c297d91c6c5cb1c6615) - Fix Deployed Demos.  Thanks @freddyaboulton!
+- [#12016](https://github.com/gradio-app/gradio/pull/12016) [`2c7a800`](https://github.com/gradio-app/gradio/commit/2c7a8007f45f28cbe158976aa93b3f09462a5a1a) - Accessibility issue with tabing through multiseclect dropdown component.  Thanks @PRIME-SV!
+
+## 5.48.0
+
+### Features
+
+- [#12003](https://github.com/gradio-app/gradio/pull/12003) [`abc4dbe`](https://github.com/gradio-app/gradio/commit/abc4dbe95d45f82cd8eaa0e6d53d26183eb283d6) - Add export button to native plot components.  Thanks @abidlabs!
+- [#11905](https://github.com/gradio-app/gradio/pull/11905) [`327015b`](https://github.com/gradio-app/gradio/commit/327015b7dca90f17f174baee9f3c966a48fe4775) - Add CLI command gradio openaichat to launch default ChatInterface (addresses #11334).  Thanks @jyotiradityadav!
+- [#11905](https://github.com/gradio-app/gradio/pull/11905) [`327015b`](https://github.com/gradio-app/gradio/commit/327015b7dca90f17f174baee9f3c966a48fe4775) - Add CLI subcommand gradio openaichat to launch default ChatInterface, with --share.  Thanks @jyotiradityadav!
+- [#11989](https://github.com/gradio-app/gradio/pull/11989) [`2069fd2`](https://github.com/gradio-app/gradio/commit/2069fd2a43c294937fbbafddeca13ff3688fd521) - Remove duplicate media files.  Thanks @hannahblair!
+- [#11986](https://github.com/gradio-app/gradio/pull/11986) [`cf9aefd`](https://github.com/gradio-app/gradio/commit/cf9aefd0ae04ecc19bf7e69ec8d2ae4a081ef842) - More vibe editor issues and features.  Thanks @aliabd!
+
+### Fixes
+
+- [#12006](https://github.com/gradio-app/gradio/pull/12006) [`8a1c7d5`](https://github.com/gradio-app/gradio/commit/8a1c7d53f8d40be458ef5fd27a636968380f087c) - Fix example vales.  Thanks @freddyaboulton!
+- [#11992](https://github.com/gradio-app/gradio/pull/11992) [`1ae2a57`](https://github.com/gradio-app/gradio/commit/1ae2a57a253c56cd8f3d3e5d795688fec80cab2c) - fix iframe sizing on spaces for apps runing in SPA mode.  Thanks @pngwn!
+- [#11993](https://github.com/gradio-app/gradio/pull/11993) [`0dc0be8`](https://github.com/gradio-app/gradio/commit/0dc0be8ff1526d43ba7b01ccc7d8173f92c5eed2) - Trigger Change Event if component is in inactive tab.  Thanks @freddyaboulton!
+- [#11987](https://github.com/gradio-app/gradio/pull/11987) [`7ebaf4e`](https://github.com/gradio-app/gradio/commit/7ebaf4e8c8f06981f4c51f73a5dd46d8cde7bf5d) - Fix pandas.  Thanks @freddyaboulton!
+- [#11955](https://github.com/gradio-app/gradio/pull/11955) [`64046cc`](https://github.com/gradio-app/gradio/commit/64046ccd76a41f06ef9eed0e3aa1ec66348f55bd) - Fix Multi-page demo in Dev Mode.  Thanks @ftoh!
+- [#11998](https://github.com/gradio-app/gradio/pull/11998) [`e80f03b`](https://github.com/gradio-app/gradio/commit/e80f03b715d47b26584d7c13308c11f69ac7c2f3) - gr.load_chat supports optional textbox= argument.  Thanks @Davda-James!
+- [#12000](https://github.com/gradio-app/gradio/pull/12000) [`c5a5f51`](https://github.com/gradio-app/gradio/commit/c5a5f51c6eb177ad18ff50e2408cf81e6ea6c35d) - fix: render checkbox info text below label for consistency.  Thanks @Davda-James!
+
+## 5.47.2
+
+### Fixes
+
+- [#11981](https://github.com/gradio-app/gradio/pull/11981) [`52861f8`](https://github.com/gradio-app/gradio/commit/52861f8a5c6522ebf853b74c5145b033abb25894) - Clean fix for support of async auth functions in login (#9244).  Thanks @TimPolk!
+- [#11960](https://github.com/gradio-app/gradio/pull/11960) [`a060c85`](https://github.com/gradio-app/gradio/commit/a060c852ecc01244687916092a3f3dc234eb84aa) - Set active tool to "draw" when background image changes in ImageEditor.  Thanks @freddyaboulton!
+- [#11972](https://github.com/gradio-app/gradio/pull/11972) [`cc27cd7`](https://github.com/gradio-app/gradio/commit/cc27cd765559a047efffe1073063cad0e071de0c) - Fix postMessage warning when running outside hugging face spaces.  Thanks @freddyaboulton!
+- [#11970](https://github.com/gradio-app/gradio/pull/11970) [`9b4a16c`](https://github.com/gradio-app/gradio/commit/9b4a16ca6a7f351b0d27f55732eec579d7774304) - Create extended MediaRecorded only once for streaming demos.  Thanks @freddyaboulton!
+- [#11979](https://github.com/gradio-app/gradio/pull/11979) [`50a89f0`](https://github.com/gradio-app/gradio/commit/50a89f079250735f268dfeeeddf40ffea84d7919) - Allow gradio to run with huggingface_hub 1.x.  Thanks @Wauplin!
+- [#11967](https://github.com/gradio-app/gradio/pull/11967) [`32b0fe7`](https://github.com/gradio-app/gradio/commit/32b0fe79881a710e784c094cce39198acbf2206f) - Allow passing token=None for load_chat.  Thanks @freddyaboulton!
+
+## 5.47.1
+
+### Fixes
+
+- [#11963](https://github.com/gradio-app/gradio/pull/11963) [`e2bc362`](https://github.com/gradio-app/gradio/commit/e2bc36273874364582f4f76c301a60a15140d9be) - MCP documentation fix.  Thanks @abidlabs!
+- [#11937](https://github.com/gradio-app/gradio/pull/11937) [`1b97ed7`](https://github.com/gradio-app/gradio/commit/1b97ed760c6adc6f7eef613904b90a0bfd0e9970) - Fix bug where multimodaltextbox would focus on any app update.  Thanks @freddyaboulton!
+- [#11969](https://github.com/gradio-app/gradio/pull/11969) [`c8f7909`](https://github.com/gradio-app/gradio/commit/c8f79090ede3b071a8d9620a885350b6ee5a8926) - Show UploadProgress for Webcam Uploads.  Thanks @freddyaboulton!
+- [#11964](https://github.com/gradio-app/gradio/pull/11964) [`86e6176`](https://github.com/gradio-app/gradio/commit/86e61763a14c745f7eb0ce35b861ea2be2336a15) - Add dark mode to storybook.  Thanks @hannahblair!
+
+## 5.47.0
+
+### Features
+
+- [#11959](https://github.com/gradio-app/gradio/pull/11959) [`cb16ca5`](https://github.com/gradio-app/gradio/commit/cb16ca5123030beebcb24ddc287fcf958bd3fbe2) - Ensure interactivity works as expected in standalone dataframe.  Thanks @hannahblair!
+- [#11962](https://github.com/gradio-app/gradio/pull/11962) [`fdfe4fe`](https://github.com/gradio-app/gradio/commit/fdfe4fec334726fe91be98062826eb4b537410c3) - fix(client): websockets minimum version for asyncio.  Thanks @cbensimon!
+
+### Fixes
+
+- [#11938](https://github.com/gradio-app/gradio/pull/11938) [`beddde5`](https://github.com/gradio-app/gradio/commit/beddde5d432904d6384b7285acdbf1fd78469af7) - Fix bug where Gallery scrollbar would not show up.  Thanks @freddyaboulton!
+- [#11944](https://github.com/gradio-app/gradio/pull/11944) [`01309af`](https://github.com/gradio-app/gradio/commit/01309af09209485f54391c36acc60c12f19fe726) - Bugfix: Update color map of HighlightedText programmatically.  Thanks @freddyaboulton!
+- [#11945](https://github.com/gradio-app/gradio/pull/11945) [`950b68f`](https://github.com/gradio-app/gradio/commit/950b68fa536f7f7df9052209992ec1d68ec88794) - Correctly Render ChatInterfaces Inside TabbedInterfaces.  Thanks @freddyaboulton!
+- [#11958](https://github.com/gradio-app/gradio/pull/11958) [`3f1842f`](https://github.com/gradio-app/gradio/commit/3f1842f4887a3d5ef721d55aa88d5254de5c7d69) - Fix various vibe editor issues.  Thanks @aliabd!
+- [#11956](https://github.com/gradio-app/gradio/pull/11956) [`fdb2bb2`](https://github.com/gradio-app/gradio/commit/fdb2bb2451ea21ce5916f12478c20d7d78cfd128) - Pass elem_classes to Sidebar svelte component.  Thanks @freddyaboulton!
+- [#11942](https://github.com/gradio-app/gradio/pull/11942) [`e64e5ec`](https://github.com/gradio-app/gradio/commit/e64e5ec0deb196d26b00c3b398b091d6a1dfc6ff) - Fix bug where keyboard navigation on a textbox would skip forward the audio waveform playback.  Thanks @freddyaboulton!
+
+## 5.46.1
+
+### Fixes
+
+- [#11936](https://github.com/gradio-app/gradio/pull/11936) [`d56f84f`](https://github.com/gradio-app/gradio/commit/d56f84f6a0d58d640ba590b4f1ce7141ad76c94f) - Fix multiple: route with accents doesnt work (#11935).  Thanks @josx!
+- [#11939](https://github.com/gradio-app/gradio/pull/11939) [`4e4b0bc`](https://github.com/gradio-app/gradio/commit/4e4b0bc5e0c434e3fda021af65f95dede301ae9b) - Add Syntax Highlighting for more languages in Markdown Component.  Thanks @freddyaboulton!
+- [#11896](https://github.com/gradio-app/gradio/pull/11896) [`915f3a2`](https://github.com/gradio-app/gradio/commit/915f3a2f2fa1843111868e4f23f543b097b9c839) - Send EventData when app is loaded via gr.load.  Thanks @freddyaboulton!
+- [#11940](https://github.com/gradio-app/gradio/pull/11940) [`13fdfa6`](https://github.com/gradio-app/gradio/commit/13fdfa6d549ee4e31308af69b75140085ea51fc4) - Upgrade Prismjs.  Thanks @freddyaboulton!
+- [#11648](https://github.com/gradio-app/gradio/pull/11648) [`57d8d65`](https://github.com/gradio-app/gradio/commit/57d8d6598645e438337c78c1c8e0759f876fb193) - Dataframe Edit Event.  Thanks @deckar01!
+- [#11923](https://github.com/gradio-app/gradio/pull/11923) [`98d44b9`](https://github.com/gradio-app/gradio/commit/98d44b963b7f72fb4d175c47b5d563d35330a6f2) - Serialize i18n data for events that dont go through queue.  Thanks @freddyaboulton!
+- [#11924](https://github.com/gradio-app/gradio/pull/11924) [`a9167fb`](https://github.com/gradio-app/gradio/commit/a9167fb7d013b7f76784c98f9c673ce47214b119) - Update websocket import and type in get_pred_from_ws.  Thanks @qgallouedec!
+
+## 5.46.0
+
+### Features
+
+- [#11894](https://github.com/gradio-app/gradio/pull/11894) [`cf10724`](https://github.com/gradio-app/gradio/commit/cf107246c104f3d8be1adf7a4c3d85558a0a5497) - Remove additional indentation in python API docs.  Thanks @freddyaboulton!
+- [#11891](https://github.com/gradio-app/gradio/pull/11891) [`8d06ab7`](https://github.com/gradio-app/gradio/commit/8d06ab7d899cb8b1ab2a9575f19b8960999aba78) - Add select all checkbox for boolean columns in Dataframe.  Thanks @abidlabs!
+- [#11901](https://github.com/gradio-app/gradio/pull/11901) [`8264ad8`](https://github.com/gradio-app/gradio/commit/8264ad87f098573438fb3175fe19a34dcd84ed7e) - Add max_height parameter to ParamViewer.  Thanks @drewmlawton!
+- [#11854](https://github.com/gradio-app/gradio/pull/11854) [`ee3dbd8`](https://github.com/gradio-app/gradio/commit/ee3dbd837ef02d24e127a2923126ff35750317ab) - Add show_select_all parameter to CheckboxGroup.  Thanks @abidlabs!
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+- [#11902](https://github.com/gradio-app/gradio/pull/11902) [`6d39644`](https://github.com/gradio-app/gradio/commit/6d39644ee1000b04728eb4909cee405e7ee3b5b2) - Add navbar visibility controls and customization options.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11864](https://github.com/gradio-app/gradio/pull/11864) [`3df62ba`](https://github.com/gradio-app/gradio/commit/3df62ba698ed283b2e92599af0447222045bf242) - Add walkthrough to the docs.  Thanks @aliabd!
+- [#11919](https://github.com/gradio-app/gradio/pull/11919) [`3b15f63`](https://github.com/gradio-app/gradio/commit/3b15f6370bc143c0acd91225574250bccf0a8877) - ensure spaces iframe resizes when images load.  Thanks @pngwn!
+- [#11853](https://github.com/gradio-app/gradio/pull/11853) [`0d0699b`](https://github.com/gradio-app/gradio/commit/0d0699b0348dfd4e5e0ac82d438a405cf7a2228d) - Fix bugs in `FileExplorer`.  Thanks @abidlabs!
+- [#11920](https://github.com/gradio-app/gradio/pull/11920) [`0f38b65`](https://github.com/gradio-app/gradio/commit/0f38b65f551cb61b3e9ed668e0ea525441672482) - Fix Examples Pagination.  Thanks @freddyaboulton!
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+- [#11912](https://github.com/gradio-app/gradio/pull/11912) [`8f0214d`](https://github.com/gradio-app/gradio/commit/8f0214dd4dee899a2307924b1f7ba974ba4344fe) - Fix bug where setting interactive prop of gr.Datetime from the backend was not working.  Thanks @freddyaboulton!
+- [#11866](https://github.com/gradio-app/gradio/pull/11866) [`02df670`](https://github.com/gradio-app/gradio/commit/02df670eccf365c253f38b682a3000fe316eef22) - Fix i18n when accept-language header contains multiple values.  Thanks @freddyaboulton!
+- [#11893](https://github.com/gradio-app/gradio/pull/11893) [`725dca0`](https://github.com/gradio-app/gradio/commit/725dca0d546710194b1559da89b03b56cf6dba41) - Fix logout multiple sessions.  Thanks @tarmkalavan!
+- [#11917](https://github.com/gradio-app/gradio/pull/11917) [`8a03624`](https://github.com/gradio-app/gradio/commit/8a03624544edd16d32b7f672c0e7fd8455cb5637) - Fix Bug where select events of ZeroGPU were causing errors.  Thanks @freddyaboulton!
+- [#11865](https://github.com/gradio-app/gradio/pull/11865) [`be70c9b`](https://github.com/gradio-app/gradio/commit/be70c9b68bbbe0792a84efa4c988f8a987149197) - Support per-page navbar configuration in multipage apps.  Thanks @abidlabs!
+- [#11921](https://github.com/gradio-app/gradio/pull/11921) [`f6f38f7`](https://github.com/gradio-app/gradio/commit/f6f38f7e5d7c0e0ef28038ec91f1f4dac87fab83) - Fix KeyError that can be caused by cancelling the same event twice.  Thanks @freddyaboulton!
+- [#11899](https://github.com/gradio-app/gradio/pull/11899) [`bb3315c`](https://github.com/gradio-app/gradio/commit/bb3315c2fc6affe14cbe23d74008fcf400fd8b49) - Fix Chat Examples Spacing.  Thanks @freddyaboulton!
+- [#11898](https://github.com/gradio-app/gradio/pull/11898) [`8212f67`](https://github.com/gradio-app/gradio/commit/8212f67488a0143f1afcbd953ef1be869c882c44) - Fix Dropdown change and input events.  Thanks @freddyaboulton!
+- [#11903](https://github.com/gradio-app/gradio/pull/11903) [`895d884`](https://github.com/gradio-app/gradio/commit/895d884a7345894f95df5f131d6517e935fd275a) - enhanced_the_arabic_translation.  Thanks @makhlwf!
+
+## 5.45.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+- [#11783](https://github.com/gradio-app/gradio/pull/11783) [`f407daf`](https://github.com/gradio-app/gradio/commit/f407daf8046f37e042ab8b86730ff0ab8d174bcf) - Add Walkthrough and Step compoents to facilitate multi-step workflows.  Thanks @pngwn!
+- [#11825](https://github.com/gradio-app/gradio/pull/11825) [`910a524`](https://github.com/gradio-app/gradio/commit/910a5249397a68d215dd97d6a347718f0d994e04) - Fix the stop variant button in citrus theme.  Thanks @abidlabs!
+- [#11831](https://github.com/gradio-app/gradio/pull/11831) [`49d66c7`](https://github.com/gradio-app/gradio/commit/49d66c7e6fb22d67b6a95d791b3777afc39419fa) - Add Image Watermarking.  Thanks @meg-huggingface!
+- [#11832](https://github.com/gradio-app/gradio/pull/11832) [`e40df25`](https://github.com/gradio-app/gradio/commit/e40df252064e41d532472a535c42e3539877aa06) - Consolidate copy button implementations to use IconButton.  Thanks @abidlabs!
+- [#11843](https://github.com/gradio-app/gradio/pull/11843) [`a30f485`](https://github.com/gradio-app/gradio/commit/a30f485e1d906f97c64b578ca4570405bc50542e) - Fix native plots with long y-axis titles.  Thanks @abidlabs!
+- [#11763](https://github.com/gradio-app/gradio/pull/11763) [`c9e50d3`](https://github.com/gradio-app/gradio/commit/c9e50d3f071a416b2ca7ba30c7f25539986dfc4a) - Audio subtitles.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#11815](https://github.com/gradio-app/gradio/pull/11815) [`1a477c5`](https://github.com/gradio-app/gradio/commit/1a477c5202c13097d1089fb70a32a08db22d7660) - Fix i18n string visible during load and i18n not respecting HTML.  Thanks @freddyaboulton!
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+- [#11826](https://github.com/gradio-app/gradio/pull/11826) [`a7ae61c`](https://github.com/gradio-app/gradio/commit/a7ae61c631980442e5068b8ef67622343d587444) - Allow passing props to components displayed in Chatbot.  Thanks @freddyaboulton!
+- [#11787](https://github.com/gradio-app/gradio/pull/11787) [`b19576c`](https://github.com/gradio-app/gradio/commit/b19576c45f0748ca655864f4d80ff835318f1299) - Allow deleting and uploading additional images to interactive `gr.Gallery` and other fixes.  Thanks @abidlabs!
+- [#11839](https://github.com/gradio-app/gradio/pull/11839) [`b8fcb71`](https://github.com/gradio-app/gradio/commit/b8fcb716d8bd4d372249585b103140d145365239) - Fix Custom CSS e2e Test.  Thanks @freddyaboulton!
+- [#11808](https://github.com/gradio-app/gradio/pull/11808) [`076ffe4`](https://github.com/gradio-app/gradio/commit/076ffe40a003d7fa3f9f68dade311f77e4600b71) - Ensure `show_api` works as expected.  Thanks @hannahblair!
+- [#11810](https://github.com/gradio-app/gradio/pull/11810) [`daf7f1e`](https://github.com/gradio-app/gradio/commit/daf7f1e1a8d65b74623f131aaf8bd82f8f661edb) - Ensure input events fires as expected in gr.Radio.  Thanks @hannahblair!
+- [#11838](https://github.com/gradio-app/gradio/pull/11838) [`231a448`](https://github.com/gradio-app/gradio/commit/231a448b5b5322d218c07329cd18cb1ba268af67) - Suppress assertion error when gr.OauthProfile is used without login button.  Thanks @freddyaboulton!
+- [#11830](https://github.com/gradio-app/gradio/pull/11830) [`c172398`](https://github.com/gradio-app/gradio/commit/c172398e5e662f22aba1aaae44f4849e7c67a3bd) - Remove requests.  Thanks @freddyaboulton!
+- [#11822](https://github.com/gradio-app/gradio/pull/11822) [`c9a5424`](https://github.com/gradio-app/gradio/commit/c9a5424e30bee42f4052d0fd1cef8dd61e8382f5) - Fix bug where multimodal textbox was not auto focused after updates.  Thanks @freddyaboulton!
+- [#11816](https://github.com/gradio-app/gradio/pull/11816) [`77deb72`](https://github.com/gradio-app/gradio/commit/77deb72cb29b412b415a86908255a2294e8b50d9) - Set Progress Animation to cover component height.  Thanks @freddyaboulton!
+
+## 5.44.1
+
+### Features
+
+- [#11776](https://github.com/gradio-app/gradio/pull/11776) [`3393b70`](https://github.com/gradio-app/gradio/commit/3393b7060ffe4b50053442b07cc4ca321b572235) - Support deploying to Google Cloud using `gradio deploy --provider gcloud`.  Thanks @abidlabs!
+- [#11764](https://github.com/gradio-app/gradio/pull/11764) [`e6ce731`](https://github.com/gradio-app/gradio/commit/e6ce731bbcf2889c8147e57bc2ca97e2c731ddf5) - Display performance metrics for API/MCP requests in View API page.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11769](https://github.com/gradio-app/gradio/pull/11769) [`b4299fe`](https://github.com/gradio-app/gradio/commit/b4299feab01e1f8ce06043cc743b093612749ad4) - Fix reactive feedback loop in audio player causing a crash.  Thanks @its5Q!
+- [#11782](https://github.com/gradio-app/gradio/pull/11782) [`e132283`](https://github.com/gradio-app/gradio/commit/e132283b2289d3689927a8fa7f0b4ac8f8628a18) - remove dompurify, update mermaid.  Thanks @pngwn!
+
+## 5.44.0
+
+### Features
+
+- [#11747](https://github.com/gradio-app/gradio/pull/11747) [`513d21e`](https://github.com/gradio-app/gradio/commit/513d21ef002f56d8d5ea2bf8edc95d9638393362) - feat: Add autoscroll parameter to HTML component.  Thanks @Rishirandhawa!
+- [#11766](https://github.com/gradio-app/gradio/pull/11766) [`dfc0e03`](https://github.com/gradio-app/gradio/commit/dfc0e0305068dbd16ce905afc73d139e1e51eb46) - Add JS Dataframe documentation to docs.  Thanks @pngwn!
+- [#11772](https://github.com/gradio-app/gradio/pull/11772) [`61a7a7b`](https://github.com/gradio-app/gradio/commit/61a7a7b8cea7a61222e29b4688150a3d958e5581) - Use full "Returns" section when generating the function description.  Thanks @abidlabs!
+- [#11774](https://github.com/gradio-app/gradio/pull/11774) [`5a4ae49`](https://github.com/gradio-app/gradio/commit/5a4ae4926b9dadefd5cf9d0225f5e8ed69eebb51) - Fix markdown link rendering in docs descriptions.  Thanks @aliabd!
+- [#11736](https://github.com/gradio-app/gradio/pull/11736) [`40451c9`](https://github.com/gradio-app/gradio/commit/40451c9923f9f00866cfb4f4cd3ab4b755200da8) - Support different encodings in reload mode.  Thanks @freddyaboulton!
+- [#11767](https://github.com/gradio-app/gradio/pull/11767) [`f67faa4`](https://github.com/gradio-app/gradio/commit/f67faa464add0ef6a4a58d60eb2ae850125ebb87) - Use icons instead of Emojis in MCP page.  Thanks @freddyaboulton!
+- [#11773](https://github.com/gradio-app/gradio/pull/11773) [`e16e45c`](https://github.com/gradio-app/gradio/commit/e16e45c57d0293dd82b40c6ba6260100544937f3) - Add docs for auth and rate limiting.  Thanks @abidlabs!
+- [#11742](https://github.com/gradio-app/gradio/pull/11742) [`38427c4`](https://github.com/gradio-app/gradio/commit/38427c490b48741d7504f70d9bddc3fa1ec1dc4c) - Add a `gr.Draggable` layout.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11771](https://github.com/gradio-app/gradio/pull/11771) [`f53b24b`](https://github.com/gradio-app/gradio/commit/f53b24b010a98d9028d8bade39db9c4dd37782d1) - Fix file upload error due to file extension case differences.  Thanks @rca-umb!
+- [#11756](https://github.com/gradio-app/gradio/pull/11756) [`62209da`](https://github.com/gradio-app/gradio/commit/62209dae1d25bd9bc9e6cdf0c3885d722c43b947) - Remove gray line present in ChatInterface demos.  Thanks @freddyaboulton!
+- [#11757](https://github.com/gradio-app/gradio/pull/11757) [`710bbc2`](https://github.com/gradio-app/gradio/commit/710bbc2894bf52111a4d33dc059e2d5796fb2c61) - Allow path parameter when mounting app.  Thanks @aliabid94!
+- [#11755](https://github.com/gradio-app/gradio/pull/11755) [`9260ffb`](https://github.com/gradio-app/gradio/commit/9260ffbd4dcef33886362f0ce468003dfd83141b) - Fix handling of missing `choices` in streaming response.  Thanks @alugowski!
+- [#11746](https://github.com/gradio-app/gradio/pull/11746) [`354f236`](https://github.com/gradio-app/gradio/commit/354f2365fec5b257ee2830eb5239a250d1eb3228) - Fix bug where allowed paths not respected after first reload.  Thanks @freddyaboulton!
+
+## 5.43.1
+
+### Features
+
+- [#11744](https://github.com/gradio-app/gradio/pull/11744) [`f54e454`](https://github.com/gradio-app/gradio/commit/f54e454d6c2e256873f49e8bfb89f7161ec0a040) - fix client.  Thanks @abidlabs!
+- [#11743](https://github.com/gradio-app/gradio/pull/11743) [`a420ef4`](https://github.com/gradio-app/gradio/commit/a420ef42e895fb78f78c835923f10c5da8fb873c) - Remove unneeded `svelte-ignore` lines in gr.Dialogue.  Thanks @hannahblair!
+
+## 5.43.0
+
+### Features
+
+- [#11721](https://github.com/gradio-app/gradio/pull/11721) [`58d9d9e`](https://github.com/gradio-app/gradio/commit/58d9d9e98194dada5267ac1599063cf21723cbde) - Remove dupe maximise/maximize icon.  Thanks @hannahblair!
+- [#11731](https://github.com/gradio-app/gradio/pull/11731) [`8fd8ccd`](https://github.com/gradio-app/gradio/commit/8fd8ccdd634217c17519155d51f3de0a9272f63b) - Switch from `pyright` to `ty`.  Thanks @abidlabs!
+- [#11723](https://github.com/gradio-app/gradio/pull/11723) [`379f0c1`](https://github.com/gradio-app/gradio/commit/379f0c151943b5f269910eba4a4c7abc6145a11c) - Support MCP resources and prompts.  Thanks @abidlabs!
+- [#11696](https://github.com/gradio-app/gradio/pull/11696) [`985f0d7`](https://github.com/gradio-app/gradio/commit/985f0d7804683b8aec19fc385953190dd8a3a35b) - Add ui_mode and type to gr.Dialogue.  Thanks @freddyaboulton!
+- [#11741](https://github.com/gradio-app/gradio/pull/11741) [`7ce7a11`](https://github.com/gradio-app/gradio/commit/7ce7a110f0dda51cee8a0bd1beb2d9f3c12b3fa9) - Add analytics for `gradio --vibe`.  Thanks @abidlabs!
+- [#11730](https://github.com/gradio-app/gradio/pull/11730) [`99ec14c`](https://github.com/gradio-app/gradio/commit/99ec14c64621424f821146e76472b1a07a59bd12) - Support passing in gr.Request in server functions.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11709](https://github.com/gradio-app/gradio/pull/11709) [`48f1dcf`](https://github.com/gradio-app/gradio/commit/48f1dcf58cd6437daa03a8cf1c9942aae2cec421) - Fix output paths for the @gradio/client browser build.  Thanks @pngwn!
+- [#11720](https://github.com/gradio-app/gradio/pull/11720) [`4d3d983`](https://github.com/gradio-app/gradio/commit/4d3d983083c1317925aba1f67c8d5d3c944525ca) - Exit fullscreen mode when `gr.Image` value is cleared.  Thanks @hannahblair!
+- [#11725](https://github.com/gradio-app/gradio/pull/11725) [`080f888`](https://github.com/gradio-app/gradio/commit/080f888e3b173b5b2deef5eaf9754f2a63adf1aa) - Ensure it is possible to use `@render` to generate Tabs.  Thanks @aliabid94!
+- [#11734](https://github.com/gradio-app/gradio/pull/11734) [`2210fca`](https://github.com/gradio-app/gradio/commit/2210fca715c8db3d41efc376fe7af3acb33faa38) - Refactor: remove deprecated get_event_loop() fallback.  Thanks @TakaSoap!
+- [#11707](https://github.com/gradio-app/gradio/pull/11707) [`296a0d0`](https://github.com/gradio-app/gradio/commit/296a0d09acd98f82d924d07ea6b96861d0eadc32) - Fix three server closure bugs.  Thanks @l3331l4!
+
+## 5.42.0
+
+### Features
+
+- [#11703](https://github.com/gradio-app/gradio/pull/11703) [`cbc6a84`](https://github.com/gradio-app/gradio/commit/cbc6a84494bd28693527c7bcfadb05762dd4f3d3) - Fix flaky tests for release.  Thanks @abidlabs!
+- [#11700](https://github.com/gradio-app/gradio/pull/11700) [`37d4c48`](https://github.com/gradio-app/gradio/commit/37d4c4809616595642f8d4a60be37d9915317443) - Have `Client` send authorization token with the `X-HF-Authorization` token.  Thanks @abidlabs!
+- [#11691](https://github.com/gradio-app/gradio/pull/11691) [`2605a99`](https://github.com/gradio-app/gradio/commit/2605a99bf29bebbbb0a97cc8e0015b5bf8d8e79b) - Add .failure() event listener for error handling.  Thanks @elanehan!
+
+### Fixes
+
+- [#11697](https://github.com/gradio-app/gradio/pull/11697) [`caca402`](https://github.com/gradio-app/gradio/commit/caca402c3a1b74f9a79302313cb17b635854f36a) - Fix `gr.LoginButton` to work on custom domains.  Thanks @abidlabs!
+- [#11692](https://github.com/gradio-app/gradio/pull/11692) [`0b91ca9`](https://github.com/gradio-app/gradio/commit/0b91ca914774fe617bc5987986e14bf1b81fcb8d) - Fix z-index of icon button wrapper.  Thanks @dawoodkhan82!
+- [#11698](https://github.com/gradio-app/gradio/pull/11698) [`fc41f09`](https://github.com/gradio-app/gradio/commit/fc41f0950b7c427abcebdc9a113148a219d8f3f6) - Fix visibility changes in gr.render.  Thanks @aliabid94!
+
+## 5.41.1
+
+### Features
+
+- [#11688](https://github.com/gradio-app/gradio/pull/11688) [`56f3f09`](https://github.com/gradio-app/gradio/commit/56f3f09b6c629a5719088806dbbb37f272d8d4f5) - Fix column header logic in gr.Dataframe.  Thanks @hannahblair!
+- [#11686](https://github.com/gradio-app/gradio/pull/11686) [`b995b1c`](https://github.com/gradio-app/gradio/commit/b995b1ce2932cf9cb96ca1b48205fac802000d6d) - Some tweaks to Dialogue Component.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11685](https://github.com/gradio-app/gradio/pull/11685) [`56d2b90`](https://github.com/gradio-app/gradio/commit/56d2b90e2c37c58ba19c9cbd55fe881946b007ed) - vibe editor by not hard-coding inference provider.  Thanks @abidlabs!
+
+## 5.41.0
+
+### Features
+
+- [#11662](https://github.com/gradio-app/gradio/pull/11662) [`a78f5fa`](https://github.com/gradio-app/gradio/commit/a78f5fa466a4b11ffaaafc5099a64df49afb6e41) - Gradio vibe editor.  Thanks @aliabid94!
+- [#11674](https://github.com/gradio-app/gradio/pull/11674) [`27d9aef`](https://github.com/gradio-app/gradio/commit/27d9aef4831d99ec46f9b5553fc7e149afe23f5f) - Add dialogue component to docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#11667](https://github.com/gradio-app/gradio/pull/11667) [`07d19f7`](https://github.com/gradio-app/gradio/commit/07d19f7af3b60ff4a931d2c6740c9d61e6685dcb) - Fix the ImageEditor's auto-zoom, canvas resize, and zoom functionality.  Thanks @pngwn!
+- [#11666](https://github.com/gradio-app/gradio/pull/11666) [`4060858`](https://github.com/gradio-app/gradio/commit/4060858f353f37d3ba6d38df39752af8c1a5c6af) - Fix cached examples bug.  Thanks @freddyaboulton!
+
+## 5.40.0
+
+### Features
+
+- [#11092](https://github.com/gradio-app/gradio/pull/11092) [`c8c17f1`](https://github.com/gradio-app/gradio/commit/c8c17f1a909952616a01967839482153d1419b78) - Add gr.Dialogue component.  Thanks @freddyaboulton!
+
+## 5.39.0
+
+### Features
+
+- [#11635](https://github.com/gradio-app/gradio/pull/11635) [`64a87c6`](https://github.com/gradio-app/gradio/commit/64a87c6a3924de13aae47acfa069c9ccd469103f) - Improve schema for `gr.Number` and `gr.Slider` and other related changes around precision and minimum/maximum range.  Thanks @abidlabs!
+- [#11651](https://github.com/gradio-app/gradio/pull/11651) [`5b0e212`](https://github.com/gradio-app/gradio/commit/5b0e212ec0d54b5d793985de94c216bc5a73f610) - Allow users choose the MCP tools from MCP docs pane.  Thanks @abidlabs!
+- [#11622](https://github.com/gradio-app/gradio/pull/11622) [`ae9aaee`](https://github.com/gradio-app/gradio/commit/ae9aaeea62974f1fb533946a2a7c8461572778ef) - Expose Streamable HTTP endpoint in MCP Server at `/mcp`.  Thanks @abidlabs!
+- [#11625](https://github.com/gradio-app/gradio/pull/11625) [`129a2f6`](https://github.com/gradio-app/gradio/commit/129a2f64313de13f58f89af8598a779b27416a38) - Add image text to text pipeline.  Thanks @elanehan!
+- [#11630](https://github.com/gradio-app/gradio/pull/11630) [`1d196db`](https://github.com/gradio-app/gradio/commit/1d196db188d44cbfd118644b25132090ee79ab92) - Add `auth_token` and `exclude_paths` to `gr.load_openapi`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11652](https://github.com/gradio-app/gradio/pull/11652) [`69ecab3`](https://github.com/gradio-app/gradio/commit/69ecab35782a6704be6c1164eed41e8ade04e503) - Load Cached Examples from DeepLink.  Thanks @freddyaboulton!
+- [#11601](https://github.com/gradio-app/gradio/pull/11601) [`7d5a762`](https://github.com/gradio-app/gradio/commit/7d5a7629794146b33217e0cf34a289d35d1e36da) - Fix like/dislike buttons to appear on every message when group_consecutive_messages=False.  Thanks @copilot-swe-agent!
+- [#11650](https://github.com/gradio-app/gradio/pull/11650) [`81f9296`](https://github.com/gradio-app/gradio/commit/81f92968812e258d0f5e6f7c0ab7db6d6fb58719) - Fix some DeepLink Bugs.  Thanks @freddyaboulton!
+- [#11604](https://github.com/gradio-app/gradio/pull/11604) [`83e14bc`](https://github.com/gradio-app/gradio/commit/83e14bcfa653e2ec477f0d09b497adf605734e46) - Fix event cancelling bug.  Thanks @freddyaboulton!
+- [#11643](https://github.com/gradio-app/gradio/pull/11643) [`8923c42`](https://github.com/gradio-app/gradio/commit/8923c42fcd367eebac75313c44ed76725c903dc8) - Fix lifespan state.  Thanks @freddyaboulton!
+- [#11559](https://github.com/gradio-app/gradio/pull/11559) [`dd9d8f1`](https://github.com/gradio-app/gradio/commit/dd9d8f1ed677e2d09a3061764c312f40133ab50d) - `gr.Dataframe` returns a `number` \ `bool` when the corresponding column is edited.  Thanks @janosch6!
+
+## 5.38.2
+
+### Fixes
+
+- [#11632](https://github.com/gradio-app/gradio/pull/11632) [`8f19bff`](https://github.com/gradio-app/gradio/commit/8f19bffd04a73d4fc1080f5854caa0361516f3af) - ensure i18n is initialised before displaying localised loading text.  Thanks @pngwn!
+- [#11598](https://github.com/gradio-app/gradio/pull/11598) [`33d9c48`](https://github.com/gradio-app/gradio/commit/33d9c4812b0cadfb741c0f8116a9fad74e991237) - Ensure `gr.Textbox` is responsive with content.  Thanks @hannahblair!
+
+## 5.38.1
+
+### Features
+
+- [#11607](https://github.com/gradio-app/gradio/pull/11607) [`271675d`](https://github.com/gradio-app/gradio/commit/271675d5646851cf3be7d823cde042c111280969) - Use inspect.getdoc to inherit parent method docstrings in get_function_description.  Thanks @Toshaksha!
+- [#11619](https://github.com/gradio-app/gradio/pull/11619) [`33c5d2b`](https://github.com/gradio-app/gradio/commit/33c5d2bb8214c0d7a90daca0f1eaf96411a52e79) - Add a query param for the selected language & make MCP the default option when `mcp_server` is enabled.  Thanks @abidlabs!
+- [#11596](https://github.com/gradio-app/gradio/pull/11596) [`432abb0`](https://github.com/gradio-app/gradio/commit/432abb0418088fed54c4d486aed3e3bdf91f7b25) - Upgrade `gsplat`.  Thanks @dawoodkhan82!
+- [#11615](https://github.com/gradio-app/gradio/pull/11615) [`e2b66d7`](https://github.com/gradio-app/gradio/commit/e2b66d718f3a8f57b6ee224502849ee737b1b120) - fix change events for hidden components.  Thanks @pngwn!
+
+### Fixes
+
+- [#11608](https://github.com/gradio-app/gradio/pull/11608) [`9de70ed`](https://github.com/gradio-app/gradio/commit/9de70eda897db7a36b661d6ff04d2cbb07e00a23) - Fix for the JSON component's ability to display a formatted JSON string.  Thanks @anirbanbasu!
+- [#11599](https://github.com/gradio-app/gradio/pull/11599) [`c39d373`](https://github.com/gradio-app/gradio/commit/c39d3739bf2494ad13556174757cdd56060f033e) - Ensure component visibility is correctly propagated to all components.  Thanks @copilot-swe-agent!
+- [#11591](https://github.com/gradio-app/gradio/pull/11591) [`92f2d41`](https://github.com/gradio-app/gradio/commit/92f2d410fc1322ffff62b2da53b4d288c65863a8) - fix: add missing space at end of warning sentences for proper grammar.  Thanks @ZsgsDesign!
+- [#11595](https://github.com/gradio-app/gradio/pull/11595) [`801f288`](https://github.com/gradio-app/gradio/commit/801f2887b95393c406aef57f0b0c7344753b03c6) - Ensure initial `Loading` text is translated in SPA mode.  Thanks @hannahblair!
+
+## 5.38.0
+
+### Features
+
+- [#11578](https://github.com/gradio-app/gradio/pull/11578) [`872798a`](https://github.com/gradio-app/gradio/commit/872798a780dd81c834a44b05277f6c9ebe09de8b) - Add an `api_description` parameter for API and MCP server.  Thanks @abidlabs!
+- [#11543](https://github.com/gradio-app/gradio/pull/11543) [`ac95ac0`](https://github.com/gradio-app/gradio/commit/ac95ac0d8c2e65d1632376e632fb7d16131334b6) - Connection handling messaging.  Thanks @aliabid94!
+- [#11508](https://github.com/gradio-app/gradio/pull/11508) [`f5a6fa8`](https://github.com/gradio-app/gradio/commit/f5a6fa8c52bcb8f508e10ea54a3427f3dab8e3f8) - Handle uploading files in mcp server automatically.  Thanks @freddyaboulton!
+- [#11515](https://github.com/gradio-app/gradio/pull/11515) [`2c24ca7`](https://github.com/gradio-app/gradio/commit/2c24ca709396291a344d981c19ed1655028b5d64) - Making it easier for MCP developers call APIs with user credentials.  Thanks @freddyaboulton!
+- [#11584](https://github.com/gradio-app/gradio/pull/11584) [`78428cb`](https://github.com/gradio-app/gradio/commit/78428cb29bf6dc66d583b7cf93dd404aef737e75) - Fix reload mode.  Thanks @aliabid94!
+- [#11526](https://github.com/gradio-app/gradio/pull/11526) [`7fdebc4`](https://github.com/gradio-app/gradio/commit/7fdebc4f00fa85b1b2e89ee86245e2e6d3847caf) - Create a Gradio app from an openapi spec.  Thanks @abidlabs!
+- [#11567](https://github.com/gradio-app/gradio/pull/11567) [`150ed18`](https://github.com/gradio-app/gradio/commit/150ed18b856e34d5a96a9e17bd5ad510e11872a6) - Stream Progress Updates to MCP clients.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11590](https://github.com/gradio-app/gradio/pull/11590) [`33b6057`](https://github.com/gradio-app/gradio/commit/33b6057dc5cbdfdab15b1ee000b0f0b3d9f3fff6) - Add Gradio File Input keyword to gradio file inputs.  Thanks @freddyaboulton!
+- [#11534](https://github.com/gradio-app/gradio/pull/11534) [`5259f22`](https://github.com/gradio-app/gradio/commit/5259f229939177cc2027db5164c9321566fb3eeb) - Allow changing value with single click instead of double click.  Thanks @hannahblair!
+
+## 5.37.0
+
+### Features
+
+- [#11572](https://github.com/gradio-app/gradio/pull/11572) [`552a5eb`](https://github.com/gradio-app/gradio/commit/552a5ebf9beb5d543f82a24a546daaf9ad3d88b1) - handle i18n error when browsers aren't set to en.  Thanks @hannahblair!
+- [#11527](https://github.com/gradio-app/gradio/pull/11527) [`13597b8`](https://github.com/gradio-app/gradio/commit/13597b8a7f0bd1c73a2e269a95a831f5b0e1a1d7) - Add method to the gr.Dataframe to automatic generation of the datatype-Parameter.  Thanks @janosch6!
+
+### Fixes
+
+- [#11504](https://github.com/gradio-app/gradio/pull/11504) [`1bb635d`](https://github.com/gradio-app/gradio/commit/1bb635d7721232dd715478a1c52620771dca1a20) - Fix fonts in SSR mode.  Thanks @dawoodkhan82!
+- [#11496](https://github.com/gradio-app/gradio/pull/11496) [`ee0da48`](https://github.com/gradio-app/gradio/commit/ee0da481446da5ffd79151a457cd3847db645bfb) - Prevent deletion of values in static columns.  Thanks @hannahblair!
+
+## 5.36.2
+
+### Features
+
+- [#11542](https://github.com/gradio-app/gradio/pull/11542) [`bfe0104`](https://github.com/gradio-app/gradio/commit/bfe0104a278e0fe719cd1bcc8535ab5f4b6da0d4) - set python version.  Thanks @abidlabs!
+- [#11548](https://github.com/gradio-app/gradio/pull/11548) [`b961410`](https://github.com/gradio-app/gradio/commit/b9614106136b8a3a82bb425820ce348a6f586859) - test.  Thanks @abidlabs!
+- [#11544](https://github.com/gradio-app/gradio/pull/11544) [`abc42a3`](https://github.com/gradio-app/gradio/commit/abc42a36a7ca91b1266b4814a03ac8d7586d0935) - testing.  Thanks @abidlabs!
+- [#11549](https://github.com/gradio-app/gradio/pull/11549) [`5d0522c`](https://github.com/gradio-app/gradio/commit/5d0522c566d35d5eeee209108684af734cd097df) - Cc2.  Thanks @abidlabs!
+
+## 5.36.1
+
+### Features
+
+- [#11539](https://github.com/gradio-app/gradio/pull/11539) [`6b6d95b`](https://github.com/gradio-app/gradio/commit/6b6d95b6409f9136233ba1d4f55a1cab9e040070) - Update @huggingface/space-header to 1.0.4.  Thanks @aayush4vedi!
+
+## 5.36.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+- [#11157](https://github.com/gradio-app/gradio/pull/11157) [`c207de9`](https://github.com/gradio-app/gradio/commit/c207de96f8ae2ce6c74026ff696c7fa4cf3a87c7) - Build the Gradio wheel for Lite before packaging.  Thanks @whitphx!
+- [#11511](https://github.com/gradio-app/gradio/pull/11511) [`1a99336`](https://github.com/gradio-app/gradio/commit/1a99336043076e7b0a4c4b07f97082f0361882f4) - Fix SSR.  Thanks @pngwn!
+
+### Fixes
+
+- [#11430](https://github.com/gradio-app/gradio/pull/11430) [`4d4cd4b`](https://github.com/gradio-app/gradio/commit/4d4cd4b08d6daafc66e0189a2b274916da00d480) - fix exports + add browser build.  Thanks @pngwn!
+- [#11435](https://github.com/gradio-app/gradio/pull/11435) [`50d43a8`](https://github.com/gradio-app/gradio/commit/50d43a8e8bc2a4862668a5d46a5e6482b4f75fe3) - SSR Auth Fix.  Thanks @dawoodkhan82!
+- [#11528](https://github.com/gradio-app/gradio/pull/11528) [`2948687`](https://github.com/gradio-app/gradio/commit/294868733862c392c46c1d17e71f47fa30bb3461) - only compress text resources with brotli.  Thanks @pngwn!
+- [#11537](https://github.com/gradio-app/gradio/pull/11537) [`8eb253b`](https://github.com/gradio-app/gradio/commit/8eb253be32a01c0c67911d7a7a3762c52a76a87b) - fix html attribute spreading bug and pin `httpx`.  Thanks @abidlabs!
+- [#11436](https://github.com/gradio-app/gradio/pull/11436) [`f49b8da`](https://github.com/gradio-app/gradio/commit/f49b8da1c062dbd81acb8e7fdcdc9a09a272d02f) - Multi-Line DataFrame Editing.  Thanks @deckar01!
+- [#11466](https://github.com/gradio-app/gradio/pull/11466) [`2c969c9`](https://github.com/gradio-app/gradio/commit/2c969c9bf78aad9ab5124e0387ab74d6028b48b2) - Fix schema modification bug in MCP.  Thanks @freddyaboulton!
+- [#11506](https://github.com/gradio-app/gradio/pull/11506) [`c439380`](https://github.com/gradio-app/gradio/commit/c439380d9f6ea7a9e15a486d8c1acc80708583a1) - Fix Delete Diff Keys.  Thanks @deckar01!
+- [#11477](https://github.com/gradio-app/gradio/pull/11477) [`b97c817`](https://github.com/gradio-app/gradio/commit/b97c817f87c2ef6de3541df5a8e7e098a5e7b719) - Improve logic for sanitizing MCP tool names.  Thanks @abidlabs!
+
+## 5.35.0
+
+### Features
+
+- [#11429](https://github.com/gradio-app/gradio/pull/11429) [`1a718e7`](https://github.com/gradio-app/gradio/commit/1a718e72f0aef043f4ee4a6cfd2af4f68902ce63) - Add placeholder support to number component.  Thanks @seb-goodman!
+- [#11447](https://github.com/gradio-app/gradio/pull/11447) [`58631ef`](https://github.com/gradio-app/gradio/commit/58631efdf3e2ff805ce625b7ef63e651f01af03e) - Revert .only marker in e2e tests.  Thanks @freddyaboulton!
+- [#11392](https://github.com/gradio-app/gradio/pull/11392) [`dc760a6`](https://github.com/gradio-app/gradio/commit/dc760a6dd7d3375f99913059803a826cdf0f7102) - Add column-specific filtering to `gr.Dataframe`.  Thanks @tiago-gsantos!
+- [#11442](https://github.com/gradio-app/gradio/pull/11442) [`f114f7f`](https://github.com/gradio-app/gradio/commit/f114f7f56b50b0176526a13ad3fcf2a81c077491) - Downsample heavy line plots.  Thanks @aliabid94!
+
+### Fixes
+
+- [#11426](https://github.com/gradio-app/gradio/pull/11426) [`fa4018a`](https://github.com/gradio-app/gradio/commit/fa4018a99ee815e33bc228bfb0183dd820246eb1) - Remove gap parametger from gr.Column.  Thanks @deckar01!
+- [#11041](https://github.com/gradio-app/gradio/pull/11041) [`474aa30`](https://github.com/gradio-app/gradio/commit/474aa30979c14793e00852ad2f4ef6c12a41b900) - Attach cookies to client after first request (to support multiple-replica setups with cookie-based affinity).  Thanks @abidlabs!
+- [#11433](https://github.com/gradio-app/gradio/pull/11433) [`a37f9b8`](https://github.com/gradio-app/gradio/commit/a37f9b895a21771f6491f56ab07f9c01b9885fe3) - Fix potential DoS vulnerability.  Thanks @rllj!
+- [#11432](https://github.com/gradio-app/gradio/pull/11432) [`dd1eee5`](https://github.com/gradio-app/gradio/commit/dd1eee5f9cd3d70773912fd6444d093bdcea321a) - Fix bug where cancelling an event would close the event stream.  Thanks @freddyaboulton!
+- [#11456](https://github.com/gradio-app/gradio/pull/11456) [`4de7169`](https://github.com/gradio-app/gradio/commit/4de716919873336939a212be96c2f359cd565a68) - Fix Lite + Playground.  Thanks @freddyaboulton!
+- [#11407](https://github.com/gradio-app/gradio/pull/11407) [`f3f9590`](https://github.com/gradio-app/gradio/commit/f3f9590d539b9e6fe3937a1bdc48006ee174fb8f) - Fix Styled DataFrame Sorting.  Thanks @deckar01!
+- [#11421](https://github.com/gradio-app/gradio/pull/11421) [`c2acf6e`](https://github.com/gradio-app/gradio/commit/c2acf6e33025fe7bbfe0660c182006651cc95090) - Preserve value in reload mode.  Thanks @aliabid94!
+- [#11439](https://github.com/gradio-app/gradio/pull/11439) [`4a208fd`](https://github.com/gradio-app/gradio/commit/4a208fd38d0fef87b81a4f5f28615dd9db3af056) - Fix hot reload bug where indirectly referenced modules are not loaded.  Thanks @freddyaboulton!
+- [#11396](https://github.com/gradio-app/gradio/pull/11396) [`eaf3b93`](https://github.com/gradio-app/gradio/commit/eaf3b936c29305067b9effedceb6e14b1b15f7cd) - Ensure Sync generators get closed if they are cancelled.  Thanks @freddyaboulton!
+
+## 5.34.2
+
+### Features
+
+- [#11418](https://github.com/gradio-app/gradio/pull/11418) [`e398c51`](https://github.com/gradio-app/gradio/commit/e398c51e610713d7dc1ed0a1ee43d7d313b8ca6a) - Full screen plots take full height.  Thanks @aliabid94!
+
+## 5.34.1
+
+### Fixes
+
+- [#11408](https://github.com/gradio-app/gradio/pull/11408) [`9082647`](https://github.com/gradio-app/gradio/commit/9082647e48e94d104d3fe1b9325f993d3b0cc0bb) - Make the method for getting the `asyncio` event loop more robust.  Thanks @abidlabs!
+- [#11400](https://github.com/gradio-app/gradio/pull/11400) [`8bb7776`](https://github.com/gradio-app/gradio/commit/8bb7776c88b1f2b08940247ae0adee24cc73f460) - Resolve issues around example caching with `gr.Progress`.  Thanks @abidlabs!
+- [#11399](https://github.com/gradio-app/gradio/pull/11399) [`4757302`](https://github.com/gradio-app/gradio/commit/4757302c9d4164f483a881ad993941b844cc1f25) - Miscellaneous fixes around docstrings & documentation.  Thanks @abidlabs!
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+- [#11397](https://github.com/gradio-app/gradio/pull/11397) [`5a7790d`](https://github.com/gradio-app/gradio/commit/5a7790d473c762e873d986d4953c6fc2f2b749f9) - Add detect audio format from bytes.  Thanks @yahiro-code!
+
+## 5.34.0
+
+### Features
+
+- [#11393](https://github.com/gradio-app/gradio/pull/11393) [`43ece52`](https://github.com/gradio-app/gradio/commit/43ece52e847bb7cb9333e7262372ba342e41971f) - Be able to specify repo-id in gradio cc publish.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11386](https://github.com/gradio-app/gradio/pull/11386) [`92aa905`](https://github.com/gradio-app/gradio/commit/92aa9058e101a6f4ddf72495a87ae392802d9f2d) - Hide pending message indicator ("...") from `gr.Chatbot` if `show_progress="hidden"`.  Thanks @abidlabs!
+- [#11378](https://github.com/gradio-app/gradio/pull/11378) [`3ec4a7c`](https://github.com/gradio-app/gradio/commit/3ec4a7c376b5eee9e2d5a0b858c374b417f8c61a) - Add Model3D support in Chatbot.  Thanks @dawoodkhan82!
+- [#11349](https://github.com/gradio-app/gradio/pull/11349) [`bed858b`](https://github.com/gradio-app/gradio/commit/bed858b62b9887e606618bea5fe8a2f212b4a645) - Fix DataFrame Scroll Divergence.  Thanks @deckar01!
+- [#11381](https://github.com/gradio-app/gradio/pull/11381) [`0e6fae0`](https://github.com/gradio-app/gradio/commit/0e6fae015069b6b4c44523642abfbbfced394ab2) - Fix transparent bg issue in gr.ImageSlider.  Thanks @hannahblair!
+- [#11346](https://github.com/gradio-app/gradio/pull/11346) [`3a9a002`](https://github.com/gradio-app/gradio/commit/3a9a0025efd49942303517c5dbd426d41241b7f6) - Hide native Dataframe to screen readers.  Thanks @hannahblair!
+- [#11382](https://github.com/gradio-app/gradio/pull/11382) [`5ff539e`](https://github.com/gradio-app/gradio/commit/5ff539e4764fba0e0a100accfcc3d4fa43e470a0) - Fix cached examples in `@gr.render`.  Thanks @abidlabs!
+
+## 5.33.2
+
+### Features
+
+- [#11372](https://github.com/gradio-app/gradio/pull/11372) [`7282c9e`](https://github.com/gradio-app/gradio/commit/7282c9eb1ed0ce8608f9a1157f3243e8c1b0f597) - Plot re-render fixes.  Thanks @aliabid94!
+- [#11380](https://github.com/gradio-app/gradio/pull/11380) [`0b2b6cb`](https://github.com/gradio-app/gradio/commit/0b2b6cbd44562a2f5843af872fe6761c5f255185) - Truncate textbox examples to 70 chars.  Thanks @hannahblair!
+- [#11369](https://github.com/gradio-app/gradio/pull/11369) [`6aed692`](https://github.com/gradio-app/gradio/commit/6aed692d94541c0233648833cc87b2f217421d43) - Tiny typo when running gradio in colab.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11363](https://github.com/gradio-app/gradio/pull/11363) [`5e3ec9c`](https://github.com/gradio-app/gradio/commit/5e3ec9cf2c221fcd0d84f07d5757b63940cc1238) - Redesign the `gr.Datetime` component and ensure it works within an iframe (e.g. on Spaces).  Thanks @abidlabs!
+- [#11368](https://github.com/gradio-app/gradio/pull/11368) [`3f53679`](https://github.com/gradio-app/gradio/commit/3f5367986e90c57465bdbb809b318da6aed5400d) - Fixes chatbot unsupported components.  Thanks @dawoodkhan82!
+- [#11364](https://github.com/gradio-app/gradio/pull/11364) [`467de5d`](https://github.com/gradio-app/gradio/commit/467de5d865f8b841cb0d065031d5458f52ee2d29) - Call load events on @gr.render.  Thanks @freddyaboulton!
+- [#11362](https://github.com/gradio-app/gradio/pull/11362) [`1b88339`](https://github.com/gradio-app/gradio/commit/1b883395eb3feceed60ec79fcf19285269e2b171) - Fix Gallery thumbnail overflow.  Thanks @freddyaboulton!
+- [#11379](https://github.com/gradio-app/gradio/pull/11379) [`546008c`](https://github.com/gradio-app/gradio/commit/546008c9c3e460e736da3feae0027b2b7b583e1e) - Fixes hardcoded HTTP protocol in dev reload.  Thanks @mtojek!
+
+## 5.33.1
+
+### Features
+
+- [#11360](https://github.com/gradio-app/gradio/pull/11360) [`1eb4e2e`](https://github.com/gradio-app/gradio/commit/1eb4e2ec9decfb448379b6224e790b8d36690699) - Inject the `Request` information in MCP tool calls.  Thanks @abidlabs!
+- [#11237](https://github.com/gradio-app/gradio/pull/11237) [`a6f6b40`](https://github.com/gradio-app/gradio/commit/a6f6b40dda5194fa5bc9926ef67f2a75f503e9a4) - Enhance boolean cell types in `gr.Dataframe`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#11350](https://github.com/gradio-app/gradio/pull/11350) [`9af8fc1`](https://github.com/gradio-app/gradio/commit/9af8fc1583c69f5f10ecfcd1c95f365525a99c83) - Be Able to launch MCP server when mounting in FastAPI app.  Thanks @freddyaboulton!
+- [#11344](https://github.com/gradio-app/gradio/pull/11344) [`b961441`](https://github.com/gradio-app/gradio/commit/b961441780d70c82504141bd4deae7b3290c2227) - Fixes default tab label.  Thanks @dawoodkhan82!
+- [#11348](https://github.com/gradio-app/gradio/pull/11348) [`250ae7a`](https://github.com/gradio-app/gradio/commit/250ae7a0088b2a42c89f40cc8f51cca2d72a63dd) - fix(mcp): package SVG outputs as proper ImageContent for MCP clients.  Thanks @DavidLMS!
+- [#11325](https://github.com/gradio-app/gradio/pull/11325) [`2b571e1`](https://github.com/gradio-app/gradio/commit/2b571e13afdc8031ce9c1291abf0fc7062340064) - Fix image streaming - wait for ws to open.  Thanks @freddyaboulton!
+- [#11347](https://github.com/gradio-app/gradio/pull/11347) [`fdce3a0`](https://github.com/gradio-app/gradio/commit/fdce3a094fe1278ae83fe2f8b134b4c268506cfe) - Fix `gr.api()` to support more types, including optional params.  Thanks @abidlabs!
+- [#11338](https://github.com/gradio-app/gradio/pull/11338) [`b31c3ed`](https://github.com/gradio-app/gradio/commit/b31c3edef97373b96f188072d5bb16db9d690261) - Fix Reload Mode when using gr.render.  Thanks @freddyaboulton!
+
+## 5.33.0
+
+### Features
+
+- [#11306](https://github.com/gradio-app/gradio/pull/11306) [`6cd608d`](https://github.com/gradio-app/gradio/commit/6cd608d8f9b1a142c58f0d2db861845ec267f705) - Improvements for plots and event listeners in re-renders.  Thanks @aliabid94!
+- [#11287](https://github.com/gradio-app/gradio/pull/11287) [`7b06b61`](https://github.com/gradio-app/gradio/commit/7b06b61efe84c9a6647378e71f421b20923a02b4) - Preload the first example for `gr.Interface` when examples are cached.  Thanks @abidlabs!
+- [#11328](https://github.com/gradio-app/gradio/pull/11328) [`ff39d56`](https://github.com/gradio-app/gradio/commit/ff39d568dc9a8a44807126c7366ac8f7dc63df12) - Update mcp schema to include return type information from function.  Thanks @abidlabs!
+- [#11320](https://github.com/gradio-app/gradio/pull/11320) [`d6649e5`](https://github.com/gradio-app/gradio/commit/d6649e541d96ce94cd20bc8d7655c4c380c9cdb2) - Fix doc title for JS Chatbot.  Thanks @aymeric-roucher!
+
+### Fixes
+
+- [#11327](https://github.com/gradio-app/gradio/pull/11327) [`5770fd0`](https://github.com/gradio-app/gradio/commit/5770fd0ad42a1ba8bb87a5c0f92bbf4dcf3e5a38) - Suppress error in create_or_modify_pyi.  Thanks @freddyaboulton!
+- [#11318](https://github.com/gradio-app/gradio/pull/11318) [`3e40af3`](https://github.com/gradio-app/gradio/commit/3e40af3df4669ce400db4c9308d0e20f0d7ddf96) - Fix textbox autoscroll in tabs.  Thanks @dawoodkhan82!
+- [#11326](https://github.com/gradio-app/gradio/pull/11326) [`477730e`](https://github.com/gradio-app/gradio/commit/477730ef51697a355a09020b235f6cc4a6fbb9dc) - Fix streaming chatbot diff logic.  Thanks @freddyaboulton!
+
+## 5.32.1
+
+### Fixes
+
+- [#11304](https://github.com/gradio-app/gradio/pull/11304) [`bdbc210`](https://github.com/gradio-app/gradio/commit/bdbc210dbf09555b3bd8f647c6f19621771b5771) - Fix custom components build and dev mode with certain base components (Image and Audio at least).  Thanks @pngwn!
+- [#11307](https://github.com/gradio-app/gradio/pull/11307) [`bc299f1`](https://github.com/gradio-app/gradio/commit/bc299f12e54f765c2194da2c46a8d4520c44fbb3) - Show scroll to bottom button whenever user scrolls up in chatbot.  Thanks @dawoodkhan82!
+- [#11282](https://github.com/gradio-app/gradio/pull/11282) [`9a6a6f5`](https://github.com/gradio-app/gradio/commit/9a6a6f524e8e9784144d45ea7b6327a1a7b3593c) - Fix DataFrame Group Flicker.  Thanks @deckar01!
+
+## 5.32.0
+
+### Features
+
+- [#11283](https://github.com/gradio-app/gradio/pull/11283) [`6ec91bf`](https://github.com/gradio-app/gradio/commit/6ec91bf3a224758d79dc3413e51ecb90d4302a50) - Add `_` between space name and tool name for mcp.  Thanks @abidlabs!
+- [#11289](https://github.com/gradio-app/gradio/pull/11289) [`1b6bd1e`](https://github.com/gradio-app/gradio/commit/1b6bd1ee5a96541e88b5834784b9acd6bd344187) - Include default values in MCP docs.  Thanks @abidlabs!
+- [#11300](https://github.com/gradio-app/gradio/pull/11300) [`6780f69`](https://github.com/gradio-app/gradio/commit/6780f69ded0067ac96f9cc73fddce9323b649bee) - Streamable HTTP Transport for MCP server.  Thanks @freddyaboulton!
+- [#11247](https://github.com/gradio-app/gradio/pull/11247) [`0a26311`](https://github.com/gradio-app/gradio/commit/0a2631127d970a19e7969401345bba124e68dcb4) - Use the function name as the tool name in the Gradio MCP server.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11286](https://github.com/gradio-app/gradio/pull/11286) [`5bfc57e`](https://github.com/gradio-app/gradio/commit/5bfc57e3748e3d39050dd13e063705f8c8000c49) - Fix parameter names in ChatInterface view api page.  Thanks @freddyaboulton!
+- [#11270](https://github.com/gradio-app/gradio/pull/11270) [`636be09`](https://github.com/gradio-app/gradio/commit/636be09928448dd6d4ef29013dbf698f22787d3d) - A few frontend / UI fixes to `gr.Sidebar`.  Thanks @abidlabs!
+- [#11279](https://github.com/gradio-app/gradio/pull/11279) [`8ae434c`](https://github.com/gradio-app/gradio/commit/8ae434c58906fda5fe20a6b08a12b6007a47af09) - Ensure error text overflows as expected.  Thanks @hannahblair!
+- [#11272](https://github.com/gradio-app/gradio/pull/11272) [`8177b01`](https://github.com/gradio-app/gradio/commit/8177b014e5539aa1011a74856d065dbb17fa0326) - Fix bug where streaming one chunk of audio or video would not play.  Thanks @freddyaboulton!
+- [#11215](https://github.com/gradio-app/gradio/pull/11215) [`2186ae3`](https://github.com/gradio-app/gradio/commit/2186ae3f4d6f8ac83883c359aed88a5b72746b5d) - Allow httpx_kwargs to contain cookies.  Thanks @santibreo!
+- [#11271](https://github.com/gradio-app/gradio/pull/11271) [`ab25fb9`](https://github.com/gradio-app/gradio/commit/ab25fb9adb4e0401a060cdd07c0985483075123c) - Ensure i18n setup is complete when rendering.  Thanks @hannahblair!
+- [#11262](https://github.com/gradio-app/gradio/pull/11262) [`56d82d7`](https://github.com/gradio-app/gradio/commit/56d82d72ea71c218002f70063288aeb56a885727) - Add missing `blur` event to `gr.Number`.  Thanks @ExcellentAmericanEagle!
+- [#11243](https://github.com/gradio-app/gradio/pull/11243) [`35afa21`](https://github.com/gradio-app/gradio/commit/35afa21f0d6647e4fbda711f3f22a2fd54eedaf9) - Only show parameters warning when valid `endpoint_info` exists.  Thanks @hannahblair!
+- [#11285](https://github.com/gradio-app/gradio/pull/11285) [`c16dff0`](https://github.com/gradio-app/gradio/commit/c16dff0489983648c6aafe82b971b4a9b903961f) - Allow `gr.Progress` to take fractional steps and fractional total # of steps.  Thanks @abidlabs!
+- [#11278](https://github.com/gradio-app/gradio/pull/11278) [`ac2bcea`](https://github.com/gradio-app/gradio/commit/ac2bcea619806ff99a44d98c15ca5c5969cdd54d) - Add gap around slider input in mobile.  Thanks @hannahblair!
+- [#11273](https://github.com/gradio-app/gradio/pull/11273) [`f54f81b`](https://github.com/gradio-app/gradio/commit/f54f81bda84c1337fdd453e3fe837d0159e384ea) - Fix bug where only the first chunk of a video stream played audio.  Thanks @freddyaboulton!
+
+## 5.31.0
+
+### Features
+
+- [#11229](https://github.com/gradio-app/gradio/pull/11229) [`231ccfe`](https://github.com/gradio-app/gradio/commit/231ccfeed0a9f3971489e571cceaf8bea28fdd54) - Chatbot autoscroll fix.  Thanks @dawoodkhan82!
+- [#11224](https://github.com/gradio-app/gradio/pull/11224) [`834e92c`](https://github.com/gradio-app/gradio/commit/834e92c187f200665c78c344f0b38f5adede807b) - Fix re-rendering with key when setting a value to None.  Thanks @aliabid94!
+- [#10832](https://github.com/gradio-app/gradio/pull/10832) [`d457438`](https://github.com/gradio-app/gradio/commit/d4574381bdd12709183c3affe740fada82b8baea) - Screen recording.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#11236](https://github.com/gradio-app/gradio/pull/11236) [`3a7750c`](https://github.com/gradio-app/gradio/commit/3a7750cb8e0f5f860c72db9ab02f7ce4d324d6c5) - Add padding param to gr.Markdown.  Thanks @hannahblair!
+- [#11238](https://github.com/gradio-app/gradio/pull/11238) [`13c8510`](https://github.com/gradio-app/gradio/commit/13c85108ec44408c614a353656d12221f0317150) - Fix DeepLink Query Parameters.  Thanks @freddyaboulton!
+- [#11228](https://github.com/gradio-app/gradio/pull/11228) [`0b7f753`](https://github.com/gradio-app/gradio/commit/0b7f753a8e400795b5e03fd3faf2a6d1f4426f05) - Improve slider alignment.  Thanks @hannahblair!
+- [#11227](https://github.com/gradio-app/gradio/pull/11227) [`4099700`](https://github.com/gradio-app/gradio/commit/40997002090b0ad7cd1037872523dcdd9bf45bc3) - Check file validity even if preprocess=False.  Thanks @freddyaboulton!
+- [#11230](https://github.com/gradio-app/gradio/pull/11230) [`62a8d97`](https://github.com/gradio-app/gradio/commit/62a8d97fe8a92886f22af11b5fdef14bace69ea8) - Fix Model3D `camera_position` param.  Thanks @dawoodkhan82!
+- [#11231](https://github.com/gradio-app/gradio/pull/11231) [`78a3854`](https://github.com/gradio-app/gradio/commit/78a38543d843a7afac360f9022318c4defa1682f) - Fix MCP server mounted path.  Thanks @abidlabs!
+- [#11244](https://github.com/gradio-app/gradio/pull/11244) [`ed97e39`](https://github.com/gradio-app/gradio/commit/ed97e390f1790b77192368a77cd2d10c90a232c5) - Ensure `show_indices` works as expected in gr.JSON.  Thanks @hannahblair!
+- [#11232](https://github.com/gradio-app/gradio/pull/11232) [`8ea7ce7`](https://github.com/gradio-app/gradio/commit/8ea7ce7312a743590c053bcece950ab001bbd8e5) - Provide a workaround for the MCP integration for endpoints that have `gr.State` components.  Thanks @abidlabs!
+- [#11246](https://github.com/gradio-app/gradio/pull/11246) [`bfb9bcf`](https://github.com/gradio-app/gradio/commit/bfb9bcf956c61c69e5809eb96d2bab2b3e9d9dcb) - Remove Deep Link events from API page.  Thanks @freddyaboulton!
+
+## 5.30.0
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+- [#11155](https://github.com/gradio-app/gradio/pull/11155) [`30a1d9e`](https://github.com/gradio-app/gradio/commit/30a1d9e2ac3013d9c844b236410010bce97ffaf5) - Improvements to MCP page.  Thanks @abidlabs!
+- [#11192](https://github.com/gradio-app/gradio/pull/11192) [`a03736f`](https://github.com/gradio-app/gradio/commit/a03736f97c642b338aa701166d3a0b299a46d27a) - Add undo and redo to the `ImageEditor` component.  Thanks @pngwn!
+- [#11047](https://github.com/gradio-app/gradio/pull/11047) [`6d4b8a7`](https://github.com/gradio-app/gradio/commit/6d4b8a7f10daefc9c79aa224635da23fbaeebb76) - Implement custom i18n.  Thanks @hannahblair!
+
+### Fixes
+
+- [#11221](https://github.com/gradio-app/gradio/pull/11221) [`5f3e84d`](https://github.com/gradio-app/gradio/commit/5f3e84d870572b2851a5243be341d7aab4e166c1) - Ensure Clear sort works as expected.  Thanks @hannahblair!
+- [#11117](https://github.com/gradio-app/gradio/pull/11117) [`9b976b7`](https://github.com/gradio-app/gradio/commit/9b976b750a61368f369bcefaacda6d4fb0975c5f) - Raise UI error if video not playable in the browser.  Thanks @freddyaboulton!
+- [#11222](https://github.com/gradio-app/gradio/pull/11222) [`b2a93e1`](https://github.com/gradio-app/gradio/commit/b2a93e111d825bbf08883d12442ad66e2df19e84) - Add xethub bridge to host whitelist.  Thanks @abidlabs!
+- [#11202](https://github.com/gradio-app/gradio/pull/11202) [`53688a2`](https://github.com/gradio-app/gradio/commit/53688a257cad85cf9df2c7a371bf80df20d51b17) - Fix Deep Link Issue.  Thanks @freddyaboulton!
+- [#11206](https://github.com/gradio-app/gradio/pull/11206) [`c196ac2`](https://github.com/gradio-app/gradio/commit/c196ac25b7744e9dcfa788b1ac8edf6551eec1ff) - Render key fixes.  Thanks @aliabid94!
+- [#11218](https://github.com/gradio-app/gradio/pull/11218) [`2f1c9d5`](https://github.com/gradio-app/gradio/commit/2f1c9d5e1bee3daf496eb57cc84f6f13309e0b86) - for Interface, have DeepLink disabled by default and then enable it after first submission.  Thanks @freddyaboulton!
+
+## 5.29.1
+
+### Features
+
+- [#11185](https://github.com/gradio-app/gradio/pull/11185) [`e64b83b`](https://github.com/gradio-app/gradio/commit/e64b83bf42a813d9269e519189523f8390a72ec4) - Evaluate index variable in argument description.  Thanks @emmanuel-ferdman!
+- [#11173](https://github.com/gradio-app/gradio/pull/11173) [`d023b2e`](https://github.com/gradio-app/gradio/commit/d023b2e2ffdf872f531e22b0310bc7855a756c7d) - Adds docs for `gr.api()` which were previously missing from the website.  Thanks @abidlabs!
+- [#11159](https://github.com/gradio-app/gradio/pull/11159) [`cb9f21b`](https://github.com/gradio-app/gradio/commit/cb9f21be28d2077e61af7d58d9f66b90f2e5c07a) - chore: Support Path type for the favicon.  Thanks @wdroz!
+- [#11183](https://github.com/gradio-app/gradio/pull/11183) [`ab0fbb3`](https://github.com/gradio-app/gradio/commit/ab0fbb32cdee752673313b5536c04eecadc1071e) - Plot brushing prevents chart refresh.  Thanks @aliabid94!
+- [#11156](https://github.com/gradio-app/gradio/pull/11156) [`a1d436f`](https://github.com/gradio-app/gradio/commit/a1d436f7e62ea7d973ef176b4801ca6eb1be65a4) - Lazy import pandas in native_plot.py.  Thanks @whitphx!
+- [#11129](https://github.com/gradio-app/gradio/pull/11129) [`d5ddd85`](https://github.com/gradio-app/gradio/commit/d5ddd85d4d5088cce154b1cd50a4a2db179ac227) - Ocean theme quickfix.  Thanks @aliabid94!
+
+### Fixes
+
+- [#11174](https://github.com/gradio-app/gradio/pull/11174) [`f11a26a`](https://github.com/gradio-app/gradio/commit/f11a26a31e8586eecb026e0b32a30f061462aa67) - Remove warning from gr.File about specifying file_types when file_count is directory.  Thanks @freddyaboulton!
+- [#11189](https://github.com/gradio-app/gradio/pull/11189) [`88f06c7`](https://github.com/gradio-app/gradio/commit/88f06c7b8126a67edefd3116c764148d0f39c6c7) - Ensure that tabs with `visible=False` don't show up in the overflow menu.  Thanks @abidlabs!
+- [#11181](https://github.com/gradio-app/gradio/pull/11181) [`ee7f17e`](https://github.com/gradio-app/gradio/commit/ee7f17e25642bc4b86f2272b3b5cfcf77c08adf1) - Fix the `.select()` event in `gr.Dataset` in table layout.  Thanks @abidlabs!
+- [#11180](https://github.com/gradio-app/gradio/pull/11180) [`0595238`](https://github.com/gradio-app/gradio/commit/05952383bdc079814c560ebe7af3cd04e1474bed) - Refactor `gr.State`, `gr.BrowserState`, and `gr.Timer` to inherit from `FormComponent`.  Thanks @abidlabs!
+- [#11195](https://github.com/gradio-app/gradio/pull/11195) [`0571f83`](https://github.com/gradio-app/gradio/commit/0571f83f47ad3ab657ed99324d015174eea27d92) - Fix bug where returning components in a dictionary would not work in reload mode.  Thanks @freddyaboulton!
+- [#11179](https://github.com/gradio-app/gradio/pull/11179) [`caf46c7`](https://github.com/gradio-app/gradio/commit/caf46c7db930c07a776882615632fafe81db8cd1) - Fix `.unrender()`.  Thanks @abidlabs!
+- [#11147](https://github.com/gradio-app/gradio/pull/11147) [`bc0d0e0`](https://github.com/gradio-app/gradio/commit/bc0d0e0ec53abb52ad81036646fa573080f9d763) - Fix "delete" diff instruction in JS client.  Thanks @freddyaboulton!
+- [#11186](https://github.com/gradio-app/gradio/pull/11186) [`470a41f`](https://github.com/gradio-app/gradio/commit/470a41ffaaad1ca5d213c4e4098a742d333d5740) - #11056 Avoid unchecked pop from `blob_storage` cache in `ImageEditor::preprocess`.  Thanks @doraeneko!
+- [#11171](https://github.com/gradio-app/gradio/pull/11171) [`85cfa82`](https://github.com/gradio-app/gradio/commit/85cfa826c4b65b3aa62397464e0a30aae2cdbeb1) - Fixes `save_history` not working when passing gradio component.  Thanks @dawoodkhan82!
+- [#11184](https://github.com/gradio-app/gradio/pull/11184) [`f1a1c50`](https://github.com/gradio-app/gradio/commit/f1a1c5049ec1a5fcd3353b090a138fa63137790f) - Add Example component for JSON.  Thanks @freddyaboulton!
+- [#11196](https://github.com/gradio-app/gradio/pull/11196) [`1bc680d`](https://github.com/gradio-app/gradio/commit/1bc680d2fffaf70687b0e7eb723d0454e9da826b) - Fix 500 error in /file= route.  Thanks @freddyaboulton!
+- [#11151](https://github.com/gradio-app/gradio/pull/11151) [`0497068`](https://github.com/gradio-app/gradio/commit/049706886917af3d5dca288695dc418fc24640a3) - Fix builtin functions for gr.State value.  Thanks @freddyaboulton!
+- [#11158](https://github.com/gradio-app/gradio/pull/11158) [`56ab579`](https://github.com/gradio-app/gradio/commit/56ab5799fab715e36fb540c580fd03ed0113a26c) - gr.Chatbot: Style fixes to remove multiple scrollbars.  Thanks @aymeric-roucher!
+- [#11172](https://github.com/gradio-app/gradio/pull/11172) [`b618571`](https://github.com/gradio-app/gradio/commit/b618571ed17a8cece4bf9f1f55ed2e8bf7b59c46) - Fix python client SSE decoding issue.  Thanks @freddyaboulton!
+
+## 5.29.0
+
+### Features
+
+- [#11103](https://github.com/gradio-app/gradio/pull/11103) [`098fb29`](https://github.com/gradio-app/gradio/commit/098fb29d384ddf2c8a09efd9746bc788d74e2a17) - Add `openapi.json` route for Gradio apps as well as docs on the "view API" page.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11102](https://github.com/gradio-app/gradio/pull/11102) [`8cd4e53`](https://github.com/gradio-app/gradio/commit/8cd4e53a839d86ac69ea2d2eabfcb73e9ff4926c) - Fix file upload progress.  Thanks @freddyaboulton!
+- [#11098](https://github.com/gradio-app/gradio/pull/11098) [`49ad594`](https://github.com/gradio-app/gradio/commit/49ad5943eeab96b153f0b56fe8d42d755fe1e0f8) - Fix #10281: Dragging image replaces existing instead of opening new tab.  Thanks @Martim-Rito!
+- [#11113](https://github.com/gradio-app/gradio/pull/11113) [`c32f8de`](https://github.com/gradio-app/gradio/commit/c32f8de99a6ab3a82da2f8d5f9f3176a04129f77) - Fix markdown change event.  Thanks @freddyaboulton!
+- [#11115](https://github.com/gradio-app/gradio/pull/11115) [`49e7a0d`](https://github.com/gradio-app/gradio/commit/49e7a0dd18174196b262d32e6c59d93ca40b1c73) - update STDIO instructions to specify sse-only transport.  Thanks @evalstate!
+- [#11111](https://github.com/gradio-app/gradio/pull/11111) [`15d6297`](https://github.com/gradio-app/gradio/commit/15d6297261bfca97a2df30b9df358c7751386958) - Fix gradio cc environment.  Thanks @freddyaboulton!
+- [#11112](https://github.com/gradio-app/gradio/pull/11112) [`0e5a75e`](https://github.com/gradio-app/gradio/commit/0e5a75e263dfd0557431e33771dd8cd49196b28e) - Fix passing datetime.datetime instance to gr.Datetime.  Thanks @freddyaboulton!
+- [#11119](https://github.com/gradio-app/gradio/pull/11119) [`bb2c744`](https://github.com/gradio-app/gradio/commit/bb2c7443c25b12241ab218195251520e953f7e32) - Replace invalid characters in MCP tool name.  Thanks @abidlabs!
+
+## 5.28.0
+
+### Features
+
+- [#10984](https://github.com/gradio-app/gradio/pull/10984) [`8dab577`](https://github.com/gradio-app/gradio/commit/8dab5771c7d952c76f325681dbf364119c91b0b1) - Let Gradio apps also be MCP Servers.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11097](https://github.com/gradio-app/gradio/pull/11097) [`bb5a3c5`](https://github.com/gradio-app/gradio/commit/bb5a3c5b6b4459fb4d491bcc5a625e7fee7e502c) - Fix #10320: Chatbot - Ensure all messages in a group are editable.  Thanks @eduardopalricas33!
+
+## 5.27.1
+
+### Fixes
+
+- [#11093](https://github.com/gradio-app/gradio/pull/11093) [`cb322df`](https://github.com/gradio-app/gradio/commit/cb322df1f4df858590e760a82f6410f3b6db899b) - Update client.py to always send file data, even for files without extensions.  Thanks @edmcman!
+- [#11091](https://github.com/gradio-app/gradio/pull/11091) [`e3d80e3`](https://github.com/gradio-app/gradio/commit/e3d80e3c5c305ce84771ec78e5e25c705d4eff44) - Fix scaling issue when setting height in Image component.  Thanks @freddyaboulton!
+- [#11088](https://github.com/gradio-app/gradio/pull/11088) [`a5105cc`](https://github.com/gradio-app/gradio/commit/a5105cccd6ca0682bd206608a080e24d69dad136) - fix: ensure all translation files work as expected.  Thanks @Col0ring!
+
+## 5.27.0
+
+### Features
+
+- [#11027](https://github.com/gradio-app/gradio/pull/11027) [`eff532b`](https://github.com/gradio-app/gradio/commit/eff532b913a3c8f06f10a4f9471d3177e3744053) - Add new `ImageSlider` component.  Thanks @pngwn!
+
+### Fixes
+
+- [#11049](https://github.com/gradio-app/gradio/pull/11049) [`8d2aa3e`](https://github.com/gradio-app/gradio/commit/8d2aa3e99e165413bae1d8f5f3b4630e870308f5) - Ensure translations work as expected.  Thanks @hannahblair!
+
+## 5.26.0
+
+### Features
+
+- [#11043](https://github.com/gradio-app/gradio/pull/11043) [`62a0080`](https://github.com/gradio-app/gradio/commit/62a00806e198c4c76bc132255d4b78c7aa329157) - Pass any visible error modals from a Gradio app downstream to the app that has `gr.load`-ed it.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11038](https://github.com/gradio-app/gradio/pull/11038) [`fd46e48`](https://github.com/gradio-app/gradio/commit/fd46e48f516a2907c469c7a6d3e67ae9f7068b29) - Be able to dispatch Info messages from a component.  Thanks @freddyaboulton!
+- [#11070](https://github.com/gradio-app/gradio/pull/11070) [`0355ef6`](https://github.com/gradio-app/gradio/commit/0355ef644577791749499c64840bad5947764dc8) - Ensure it is possible to draw after uploading an image to the ImageEditor.  Thanks @pngwn!
+- [#11039](https://github.com/gradio-app/gradio/pull/11039) [`aaba2c6`](https://github.com/gradio-app/gradio/commit/aaba2c6358692c9e25a193f92f02069179052837) - Fix chatinterface icons bug.  Thanks @freddyaboulton!
+- [#11057](https://github.com/gradio-app/gradio/pull/11057) [`bb1b74c`](https://github.com/gradio-app/gradio/commit/bb1b74cb62208f1cc05b91902cd541f36a1f9b01) - Image Editor Clear Event.  Thanks @freddyaboulton!
+- [#11033](https://github.com/gradio-app/gradio/pull/11033) [`0dbc14f`](https://github.com/gradio-app/gradio/commit/0dbc14fa867ef57a2f810e0b869b7d13d98f2544) - Allow setting an empty value in `display_value` of `gr.Dataframe`.  Thanks @abidlabs!
+- [#11040](https://github.com/gradio-app/gradio/pull/11040) [`3d3c701`](https://github.com/gradio-app/gradio/commit/3d3c701c46628898dee939629f57fcd3bc6c04c8) - Show stop button in `gr.ChatInterface` even for non-streaming chat functions.  Thanks @abidlabs!
+- [#11052](https://github.com/gradio-app/gradio/pull/11052) [`2750d48`](https://github.com/gradio-app/gradio/commit/2750d485450f7de9b8d01144b939893e39c8397e) - Fix duplicate id issue in spaces when creating an interface inside blocks.  Thanks @freddyaboulton!
+
+## 5.25.2
+
+### Fixes
+
+- [#11021](https://github.com/gradio-app/gradio/pull/11021) [`c57a7ff`](https://github.com/gradio-app/gradio/commit/c57a7ff659ecea1bc540b359446aefd19f06085a) - Ensure that logins and logouts are redirected to the correct page in a multipage Gradio app.  Thanks @abidlabs!
+- [#11025](https://github.com/gradio-app/gradio/pull/11025) [`d24f8fd`](https://github.com/gradio-app/gradio/commit/d24f8fdc9da889e94f094f8bedbc7b8475e3acb7) - Fix `ssr_mode` parameter name in notice message.  Thanks @oxkitsune!
+- [#11020](https://github.com/gradio-app/gradio/pull/11020) [`a4a3a03`](https://github.com/gradio-app/gradio/commit/a4a3a03d513c3df8a85c2742be34b80bcf406496) - Fix streaming / stopping button when examples are clicked in `gr.ChatInterface`.  Thanks @abidlabs!
+
+## 5.25.1
+
+### Features
+
+- [#11014](https://github.com/gradio-app/gradio/pull/11014) [`7f92d5f`](https://github.com/gradio-app/gradio/commit/7f92d5ff7b39ea973bc17027ec8c158d3e376b87) - Update docs to reflect 1 week timeout.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11017](https://github.com/gradio-app/gradio/pull/11017) [`734b309`](https://github.com/gradio-app/gradio/commit/734b3099d79647695e635d87726666d4b28d1bcf) - Include HF token in stream requests.  Thanks @nostalgebraist!
+- [#11018](https://github.com/gradio-app/gradio/pull/11018) [`3615a45`](https://github.com/gradio-app/gradio/commit/3615a454eb8cf5f758743494a15ce8af2fe16278) - Create share link automatically in Sagemaker notebooks.  Thanks @abidlabs!
+- [#11010](https://github.com/gradio-app/gradio/pull/11010) [`9219e62`](https://github.com/gradio-app/gradio/commit/9219e62cd21243fd9f5abecbe991e3b29039c76e) - fix: add svg tags for markdown when `allow_tags=True`.  Thanks @Col0ring!
+- [#11005](https://github.com/gradio-app/gradio/pull/11005) [`3def0ed`](https://github.com/gradio-app/gradio/commit/3def0ed9edc5a9194d69456948324ec4e2740b7d) - Ensure that the `.select()` event in `gr.DataFrame` carries the `.row_value` and `.col_value`.  Thanks @abidlabs!
+
+## 5.25.0
+
+### Features
+
+- [#10980](https://github.com/gradio-app/gradio/pull/10980) [`370b3e2`](https://github.com/gradio-app/gradio/commit/370b3e254411bce354354f6e14753cda464cc463) - Add i18n for chatbot interactions.  Thanks @freddyaboulton!
+- [#10970](https://github.com/gradio-app/gradio/pull/10970) [`bb45441`](https://github.com/gradio-app/gradio/commit/bb454415a608acd862486da46f5bf60a7d3db2a9) - fix: accept signed URLs in gr.Audio.  Thanks @jerpint!
+- [#10982](https://github.com/gradio-app/gradio/pull/10982) [`a80b312`](https://github.com/gradio-app/gradio/commit/a80b312c081a03b5bd73477305e2f094da512b37) - Add latex to code component languages.  Thanks @ginazhouhuiwu!
+- [#10981](https://github.com/gradio-app/gradio/pull/10981) [`0db230f`](https://github.com/gradio-app/gradio/commit/0db230f5c2f19d9b3b455adb1b30ed9374ae1791) - allow users to change the visibility of layers in the image editor.  Thanks @pngwn!
+
+### Fixes
+
+- [#10993](https://github.com/gradio-app/gradio/pull/10993) [`1918baa`](https://github.com/gradio-app/gradio/commit/1918baa178066dc94a8e1a559d4d62a52a3d8db4) - Update babylon.js and ensure the Model3D component autoplays on load.  Thanks @CedricGuillemet!
+- [#10968](https://github.com/gradio-app/gradio/pull/10968) [`238702a`](https://github.com/gradio-app/gradio/commit/238702a709c23f9c1b6302eb143c7cb71a3a066b) - Fix Default meta social tags + Add ability to override existing meta tags.  Thanks @dawoodkhan82!
+- [#10999](https://github.com/gradio-app/gradio/pull/10999) [`8c70819`](https://github.com/gradio-app/gradio/commit/8c70819f87027b75e44f49a13050ae2c3e8b3580) - implement download button for the ImageEditor.  Thanks @pngwn!
+- [#10997](https://github.com/gradio-app/gradio/pull/10997) [`45d5840`](https://github.com/gradio-app/gradio/commit/45d5840fb265328f3aa0c050ce9c6b87ae7dbbc5) - When custom layers are provided to the ImageEditor, always default to the first layer.  Thanks @pngwn!
+- [#10979](https://github.com/gradio-app/gradio/pull/10979) [`975feee`](https://github.com/gradio-app/gradio/commit/975feee3925e5b65e52ae00da5c5066d8889ae6a) - improve webcam options for the ImageEditor.  Thanks @pngwn!
+- [#10995](https://github.com/gradio-app/gradio/pull/10995) [`fc59815`](https://github.com/gradio-app/gradio/commit/fc598151aa9c77a84f6e7eaf9bcc0cae6ba49369) - ensure the image editor background respects the theme mode.  Thanks @pngwn!
+- [#10994](https://github.com/gradio-app/gradio/pull/10994) [`714015a`](https://github.com/gradio-app/gradio/commit/714015a1868168721ae79d6b5bc10fbc5bbb4290) - ensure images uploaded to the ImageEditor correctly initialise the canvas dimensions.  Thanks @pngwn!
+
+## 5.24.0
+
+### Features
+
+- [#10933](https://github.com/gradio-app/gradio/pull/10933) [`b768651`](https://github.com/gradio-app/gradio/commit/b7686515d99276123731698bfde09bb328b7d286) - Add `rtl` to Block Label.  Thanks @hannahblair!
+- [#10924](https://github.com/gradio-app/gradio/pull/10924) [`be46b94`](https://github.com/gradio-app/gradio/commit/be46b94f51c29d66fef9320d59a7f7e5a0df81b4) - Add `rtl` to gr.HighlightedText.  Thanks @hannahblair!
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+- [#10923](https://github.com/gradio-app/gradio/pull/10923) [`8a62c7e`](https://github.com/gradio-app/gradio/commit/8a62c7e90b5e0945709d97e34f405a7f92675ab0) - Add `rtl` to `gr.Radio`.  Thanks @hannahblair!
+- [#10927](https://github.com/gradio-app/gradio/pull/10927) [`5b3414a`](https://github.com/gradio-app/gradio/commit/5b3414a3e4214ae0a6f97d1236127607bb070cd6) - Change the location where the FRPC binary is downloaded.  Thanks @abidlabs!
+- [#10935](https://github.com/gradio-app/gradio/pull/10935) [`6754d82`](https://github.com/gradio-app/gradio/commit/6754d82a257c98f06ed38c5d1f952aec38d738ca) - Relax aiofiles verison.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#10955](https://github.com/gradio-app/gradio/pull/10955) [`d654e60`](https://github.com/gradio-app/gradio/commit/d654e60ff61f76ebcf37f294f1d85305d344a70b) - Map search-filtered row indices to original data indices in gr.Dataframe.  Thanks @hannahblair!
+- [#10918](https://github.com/gradio-app/gradio/pull/10918) [`36da6d0`](https://github.com/gradio-app/gradio/commit/36da6d0d5466dd251f46359019959702523f1afc) - Fix value synchronisation issue in gr.Dataframe.  Thanks @hannahblair!
+- [#10953](https://github.com/gradio-app/gradio/pull/10953) [`ede7428`](https://github.com/gradio-app/gradio/commit/ede74283d738f55e032a98fb1875605cb0b65d8a) - Fix gr.NativePlot sorting of labels as default behaviour.  Thanks @Rafalex04!
+- [#10925](https://github.com/gradio-app/gradio/pull/10925) [`c37de0f`](https://github.com/gradio-app/gradio/commit/c37de0f9081f30ac963b0c837e8f1985461afbb1) - Tweak `rtl` UI in `gr.MultimodalTextbox`.  Thanks @hannahblair!
+- [#10962](https://github.com/gradio-app/gradio/pull/10962) [`c851862`](https://github.com/gradio-app/gradio/commit/c85186254cdf065acb9e75f7e65f967533fddd03) - Unrender user-provided textbox in `gr.ChatInterface` so that it is rendered in the right place as part of a `gr.Blocks` app.  Thanks @abidlabs!
+- [#10928](https://github.com/gradio-app/gradio/pull/10928) [`f09f543`](https://github.com/gradio-app/gradio/commit/f09f543af46bf286218904179c3a9bc3e2a1e257) - Reverse order of conversations in chat history and render correctly with custom chatbot.  Thanks @abidlabs!
+
+## 5.23.3
+
+### Features
+
+- [#10845](https://github.com/gradio-app/gradio/pull/10845) [`2521e8a`](https://github.com/gradio-app/gradio/commit/2521e8a1c76fe77253156bf8465500b9cb1db5c4) - Check if SharedWorker is available in the current runtime and fallback to DedicatedWorker if not available.  Thanks @whitphx!
+- [#10926](https://github.com/gradio-app/gradio/pull/10926) [`d81385b`](https://github.com/gradio-app/gradio/commit/d81385bdb939a81718339b806f0c3f71d64f6dc5) - Add status docs to MetadataDict.  Thanks @aliabd!
+- [#10847](https://github.com/gradio-app/gradio/pull/10847) [`d5fde7c`](https://github.com/gradio-app/gradio/commit/d5fde7c390004ce5394072100b059f545d2d4eae) - Babylon update for model3D.  Thanks @CedricGuillemet!
+- [#10890](https://github.com/gradio-app/gradio/pull/10890) [`01b88c7`](https://github.com/gradio-app/gradio/commit/01b88c7fdedb413ba92ef6191967a8aed25e185f) - Improve API error handling in JS Client.  Thanks @l2dy!
+
+### Fixes
+
+- [#10913](https://github.com/gradio-app/gradio/pull/10913) [`2322700`](https://github.com/gradio-app/gradio/commit/2322700812341a71a200958cdca793ca865c08c4) - Update i18n files.  Thanks @freddyaboulton!
+- [#10922](https://github.com/gradio-app/gradio/pull/10922) [`afe0b13`](https://github.com/gradio-app/gradio/commit/afe0b139fa8715eabc28362aaffe6e0b50b239a5) - Fix regression around chatbot thoughts not being collapsible.  Thanks @abidlabs!
+- [#10901](https://github.com/gradio-app/gradio/pull/10901) [`64a6ead`](https://github.com/gradio-app/gradio/commit/64a6ead05c99cfd5787e7f112838f2be83082a69) - Fix EventData scaling when `gr.Image` is in fullscreen mode.  Thanks @tiago-gsantos!
+- [#10921](https://github.com/gradio-app/gradio/pull/10921) [`c8d6ddd`](https://github.com/gradio-app/gradio/commit/c8d6ddd344495dfa4d97afba708b342ee5e84a63) - Refactor `get_request_url`.  Thanks @abidlabs!
+
+## 5.23.2
+
+### Features
+
+- [#10908](https://github.com/gradio-app/gradio/pull/10908) [`09a8d0c`](https://github.com/gradio-app/gradio/commit/09a8d0c87b5b37d6c5ea1d40d103fd17fc4f24f1) - Pin `pydantic` version.  Thanks @abidlabs!
+- [#10897](https://github.com/gradio-app/gradio/pull/10897) [`1e8cdee`](https://github.com/gradio-app/gradio/commit/1e8cdee48a2c897e2cd3751bf51dda85b48529d9) - Fix route_utils.get_api_call_path().  Thanks @whitphx!
+- [#10891](https://github.com/gradio-app/gradio/pull/10891) [`17fed95`](https://github.com/gradio-app/gradio/commit/17fed951a9bd6ef02fc4430b2dc61e7cd358cd9e) - Fix empty array check in arrow key handling in `gr.Dropdown`.  Thanks @l2dy!
+
+### Fixes
+
+- [#10900](https://github.com/gradio-app/gradio/pull/10900) [`a018a46`](https://github.com/gradio-app/gradio/commit/a018a46a7fae0f7db25baca7e1c08e6fd5912ed2) - Fix wrap behaviour in dataframe.  Thanks @hannahblair!
+- [#10892](https://github.com/gradio-app/gradio/pull/10892) [`bfb7aae`](https://github.com/gradio-app/gradio/commit/bfb7aae299093c9295fca601bded9198fca30744) - Fix minor heartbeat memory leak.  Thanks @brentyi!
+- [#10902](https://github.com/gradio-app/gradio/pull/10902) [`b9b8d08`](https://github.com/gradio-app/gradio/commit/b9b8d08bd2cfb4c89444f5ca3066b1d733c8a807) - Fix disabling buttons in `MultimodalTextbox` when `interactive=False`.  Thanks @lara-gfaria!
+- [#10882](https://github.com/gradio-app/gradio/pull/10882) [`cd7f486`](https://github.com/gradio-app/gradio/commit/cd7f486c61b86a8fcf0157ee884f8f96534ffcc5) - Fix root on gradio mounted apps.  Thanks @aliabid94!
+
+## 5.23.1
+
+### Features
+
+- [#10877](https://github.com/gradio-app/gradio/pull/10877) [`b19e8ad`](https://github.com/gradio-app/gradio/commit/b19e8ad26789146a8b4dcab65715b2bc05937d7c) - Switch from `root_url` to `request.url` in `get_api_call_path()`.  Thanks @abidlabs!
+- [#10879](https://github.com/gradio-app/gradio/pull/10879) [`3ba9e4f`](https://github.com/gradio-app/gradio/commit/3ba9e4febb9d32a7d523af46e0484face4cc8e64) - Fix request url.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10872](https://github.com/gradio-app/gradio/pull/10872) [`84fafc4`](https://github.com/gradio-app/gradio/commit/84fafc45bf9f8fbc5fe39ff20dbb7108d0a66e94) - Fix `/monitoring` endpoint.  Thanks @aliabid94!
+- [#10873](https://github.com/gradio-app/gradio/pull/10873) [`3a3d0d9`](https://github.com/gradio-app/gradio/commit/3a3d0d93884ccf498713bad748bacdd5294b535e) - Improve UI for lazy caching.  Thanks @abidlabs!
+
+## 5.23.0
+
+### Features
+
+- [#10858](https://github.com/gradio-app/gradio/pull/10858) [`e30348b`](https://github.com/gradio-app/gradio/commit/e30348b085b045e5aac5bd8a41e1cf5485c8c56d) - Gradio sketch: Remove HF Inference health check.  Thanks @aliabid94!
+- [#10834](https://github.com/gradio-app/gradio/pull/10834) [`c05610c`](https://github.com/gradio-app/gradio/commit/c05610c87dd7f9e9fe5d0aed2fe93e40fdd32648) - Add Deep Links.  Thanks @freddyaboulton!
+- [#10838](https://github.com/gradio-app/gradio/pull/10838) [`a06c7e4`](https://github.com/gradio-app/gradio/commit/a06c7e40e2ddb5c526c195d31832f6e97b669291) - Allow for iterative coding in gradio sketch.  Thanks @aliabid94!
+- [#10862](https://github.com/gradio-app/gradio/pull/10862) [`243942e`](https://github.com/gradio-app/gradio/commit/243942e5e47d22a4f512f31313bc3098a0a5b77d) - fix typing of gr.on event listener.  Thanks @JackismyShephard!
+- [#10859](https://github.com/gradio-app/gradio/pull/10859) [`a1862f5`](https://github.com/gradio-app/gradio/commit/a1862f54a741002bc78bc36fc3c3cb78856fad66) - fix typing on load event listener.  Thanks @JackismyShephard!
+- [#10854](https://github.com/gradio-app/gradio/pull/10854) [`1649b00`](https://github.com/gradio-app/gradio/commit/1649b0038482402d7f0ccdbf86ba65d82b4a12c9) - Add support for `mermaid.js` in `Markdown` component (as well as components like `gr.Chatbot` that use Markdown).  Thanks @abidlabs!
+- [#10812](https://github.com/gradio-app/gradio/pull/10812) [`6384bcc`](https://github.com/gradio-app/gradio/commit/6384bcc11f13d22f4480e7ad7213486fecec8936) - Jedi-based Python code completion on `gr.Code`.  Thanks @whitphx!
+- [#10870](https://github.com/gradio-app/gradio/pull/10870) [`f40e008`](https://github.com/gradio-app/gradio/commit/f40e00855593182faba3595fe9d913defbb8130f) - Change `gr.DeepLinkButton` default variant to be secondary.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10841](https://github.com/gradio-app/gradio/pull/10841) [`8ff0a5e`](https://github.com/gradio-app/gradio/commit/8ff0a5e3e916ba6dfe6255ffcf4d09868ab29bde) - Fix path generation for returned files for bash API.  Thanks @cansik!
+- [#10860](https://github.com/gradio-app/gradio/pull/10860) [`fb4c3da`](https://github.com/gradio-app/gradio/commit/fb4c3dacd06803fdf0634481e9db080425f67023) - bug fix logout if there is root_path in launch.  Thanks @azharizz!
+
+## 5.22.0
+
+### Features
+
+- [#10824](https://github.com/gradio-app/gradio/pull/10824) [`4d78710`](https://github.com/gradio-app/gradio/commit/4d78710bbf266a13568d7920c19a6ef6dd167ecf) - Sketch code generator.  Thanks @aliabid94!
+- [#10814](https://github.com/gradio-app/gradio/pull/10814) [`b42e461`](https://github.com/gradio-app/gradio/commit/b42e4612abad205e0269bd69917c09565daf0cf7) - Adds a watermark parameter to `gr.Chatbot` that is added to copied text.  Thanks @abidlabs!
+- [#10820](https://github.com/gradio-app/gradio/pull/10820) [`4fa8e00`](https://github.com/gradio-app/gradio/commit/4fa8e00c31812797d1a73d18f1e0ce7cdf17ab27) - Update `markupsafe` dependency version.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10829](https://github.com/gradio-app/gradio/pull/10829) [`e0ab4f0`](https://github.com/gradio-app/gradio/commit/e0ab4f07ab3af83cbc62ede6d9c78674e684c688) - Fix gr.load_chat.  Thanks @aliabid94!
+- [#10819](https://github.com/gradio-app/gradio/pull/10819) [`ac075ad`](https://github.com/gradio-app/gradio/commit/ac075ad6aaea855bfd4839cef7140719a584498e) - Fix cell menu not showing in non-editable dataframes.  Thanks @hannahblair!
+
+## 5.21.0
+
+### Features
+
+- [#10784](https://github.com/gradio-app/gradio/pull/10784) [`6812544`](https://github.com/gradio-app/gradio/commit/681254453a15dadde068feaec176bb984710292b) - On Windows OS, hide `gr.Dataframe` scrollbars while keeping scrolling functionality.  Thanks @abidlabs!
+- [#10802](https://github.com/gradio-app/gradio/pull/10802) [`9ec8898`](https://github.com/gradio-app/gradio/commit/9ec8898c0f5753fb548a89f9804b71b69797d00c) - Fix excess scroll bug in dataframe.  Thanks @hannahblair!
+- [#10805](https://github.com/gradio-app/gradio/pull/10805) [`8d03368`](https://github.com/gradio-app/gradio/commit/8d03368243b6365d279563cf38a18b67a0efaf69) - Fix max characters in non-editable dataframes.  Thanks @hannahblair!
+- [#10787](https://github.com/gradio-app/gradio/pull/10787) [`b3e8c26`](https://github.com/gradio-app/gradio/commit/b3e8c263be51f9553e9f19939be0f880092b44c9) - Implement cell selection via drag in dataframe.  Thanks @hannahblair!
+- [#10734](https://github.com/gradio-app/gradio/pull/10734) [`c44b8f4`](https://github.com/gradio-app/gradio/commit/c44b8f47b927258552af61c3af06f2e30449f571) - Add `static_columns` param for interactive dataframes.  Thanks @hannahblair!
+- [#10778](https://github.com/gradio-app/gradio/pull/10778) [`373007b`](https://github.com/gradio-app/gradio/commit/373007b3e9d019ee41589d1dbb09a7511a024a51) - Allow sorting by multiple columns in dataframe.  Thanks @hannahblair!
+- [#10804](https://github.com/gradio-app/gradio/pull/10804) [`39c30be`](https://github.com/gradio-app/gradio/commit/39c30be1628028a86400c1e4b993db51e91b2580) - Add parent focus for drag selection.  Thanks @hannahblair!
+- [#10777](https://github.com/gradio-app/gradio/pull/10777) [`3b48367`](https://github.com/gradio-app/gradio/commit/3b483672f4778f5b19d2f529328c1f71b3742f45) - Allow navigating down from header cells, as well as support cmd/ctrl + arrow keys.  Thanks @abidlabs!
+- [#10776](https://github.com/gradio-app/gradio/pull/10776) [`85f6132`](https://github.com/gradio-app/gradio/commit/85f6132f1f9f653329edfa22f627e342e8b42731) - Fix cell selection when using shift + arrow keys.  Thanks @abidlabs!
+- [#10733](https://github.com/gradio-app/gradio/pull/10733) [`731ab92`](https://github.com/gradio-app/gradio/commit/731ab92001c88d4cf1062acf0a4f1108a4513014) - Autocompletion on code editor component.  Thanks @whitphx!
+- [#10743](https://github.com/gradio-app/gradio/pull/10743) [`3086343`](https://github.com/gradio-app/gradio/commit/3086343a6832a941864d77821b23c31c8b26be7f) - Fixed size for pending thoughts.  Thanks @dawoodkhan82!
+- [#10768](https://github.com/gradio-app/gradio/pull/10768) [`0ce7bfe`](https://github.com/gradio-app/gradio/commit/0ce7bfe1bd733b30645a4833ba29988b4641acc7) - Allow tags for chatbot models using `gr.load`.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#10757](https://github.com/gradio-app/gradio/pull/10757) [`b4342d2`](https://github.com/gradio-app/gradio/commit/b4342d24a88acaa4ed4028c8fdd44eea0d1b8b57) - Fix dataframe search and filter functionality.  Thanks @hannahblair!
+- [#10786](https://github.com/gradio-app/gradio/pull/10786) [`88941b6`](https://github.com/gradio-app/gradio/commit/88941b655e708ab14611341ed3fe57452fbbfc58) - Remove fixed layouts from dataframe.  Thanks @hannahblair!
+- [#10631](https://github.com/gradio-app/gradio/pull/10631) [`b5ca1dc`](https://github.com/gradio-app/gradio/commit/b5ca1dcfdf496292eade31347ae1974d3a0976c4) - Refactor `gr.Dataframe`.  Thanks @hannahblair!
+- [#10785](https://github.com/gradio-app/gradio/pull/10785) [`fb8c1cb`](https://github.com/gradio-app/gradio/commit/fb8c1cb6d159fbcec80749f691e9b783bc212936) - Move `gr.Textbox` lines logic to frontend.  Thanks @abidlabs!
+- [#10765](https://github.com/gradio-app/gradio/pull/10765) [`3232cdd`](https://github.com/gradio-app/gradio/commit/3232cddc00be4a8ac441177e4fe408fb193fdb0f) - fix: latex rendering of markdown.  Thanks @Col0ring!
+- [#10735](https://github.com/gradio-app/gradio/pull/10735) [`dd2de17`](https://github.com/gradio-app/gradio/commit/dd2de17064dc6794f94b0bfad973ab5aba671b10) - Fix windows path issue in FileExplorer.  Thanks @aliabid94!
+
+## 5.20.1
+
+### Features
+
+- [#10694](https://github.com/gradio-app/gradio/pull/10694) [`16244f3`](https://github.com/gradio-app/gradio/commit/16244f3c1cb1a65ac1f719142f8fab67512fbb25) - Event Listeners in gradio sketch.  Thanks @aliabid94!
+- [#10732](https://github.com/gradio-app/gradio/pull/10732) [`2b38420`](https://github.com/gradio-app/gradio/commit/2b3842066bc625518afeb182d65d2ef37a3e835e) - Changed warning stacklevel to improve warnings in console.  Thanks @wolph!
+- [#10720](https://github.com/gradio-app/gradio/pull/10720) [`2248005`](https://github.com/gradio-app/gradio/commit/2248005b10056d858028e1bb65b5921117ab13f5) - Add `pwa` and `enable_monitoring` parameters to `mount_gradio_app`.  Thanks @abidlabs!
+- [#10737](https://github.com/gradio-app/gradio/pull/10737) [`1cf992b`](https://github.com/gradio-app/gradio/commit/1cf992b04225580b9c7c4d4dd0c84e5a7ebe6ad3) - Sidebar fixed positioning.  Thanks @dawoodkhan82!
+- [#10728](https://github.com/gradio-app/gradio/pull/10728) [`9fce28b`](https://github.com/gradio-app/gradio/commit/9fce28b76be0683ac5c9b07beac0479023671622) - Allow sending a custom TLS certificate or no TLS certificate when connecting to custom share servers.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10748](https://github.com/gradio-app/gradio/pull/10748) [`19411c6`](https://github.com/gradio-app/gradio/commit/19411c6b15cde53371425a9eb6037ce4a10f7442) - Fix ClearButton.  Thanks @phos-phophy!
+- [#10721](https://github.com/gradio-app/gradio/pull/10721) [`b3ac430`](https://github.com/gradio-app/gradio/commit/b3ac430d5e8f93ffea993f7af51f9171a50026a1) - Check for Node.js path only if SSR mode is true.  Thanks @anirbanbasu!
+- [#10724](https://github.com/gradio-app/gradio/pull/10724) [`667f8a1`](https://github.com/gradio-app/gradio/commit/667f8a1f820d46a4d87ad0f65b9e3b37c4de449f) - Fix Chatbot avatar image position.  Thanks @abidlabs!
+- [#10719](https://github.com/gradio-app/gradio/pull/10719) [`b710d7c`](https://github.com/gradio-app/gradio/commit/b710d7cf13c1277fd18c7809cad0f707b880ef70) - Fix error display.  Thanks @aliabid94!
+- [#10706](https://github.com/gradio-app/gradio/pull/10706) [`5faa2a3`](https://github.com/gradio-app/gradio/commit/5faa2a34cc3b6ab647cab84d7495bfe8624955e3) - chore: bump Pyodide version to 0.27.3.  Thanks @peter-gy!
+
+## 5.20.0
+
+### Features
+
+- [#10688](https://github.com/gradio-app/gradio/pull/10688) [`bd982df`](https://github.com/gradio-app/gradio/commit/bd982df85b07e4686e223241d68f08bf242c3ef9) - Change `gr.load` chatinterface behavior to streaming.  Thanks @abidlabs!
+- [#10500](https://github.com/gradio-app/gradio/pull/10500) [`16d419b`](https://github.com/gradio-app/gradio/commit/16d419b9f1f18ae4507d18a4739eb83ac4f3fae9) - Allow functions that solely update component properties to run in the frontend by setting `js=True`.  Thanks @abidlabs!
+
+## 5.19.0
+
+### Features
+
+- [#10647](https://github.com/gradio-app/gradio/pull/10647) [`b43200d`](https://github.com/gradio-app/gradio/commit/b43200d7df92e40285c1e5fb1a2f010278fce5d2) - Custom styling of the dataframe.  Thanks @abidlabs!
+- [#10577](https://github.com/gradio-app/gradio/pull/10577) [`374b762`](https://github.com/gradio-app/gradio/commit/374b762b7fc94073517a2fd8b28473a558f454fc) - Support `gr.LoginButton` for `gr.load()`.  Thanks @abidlabs!
+- [#10679](https://github.com/gradio-app/gradio/pull/10679) [`cb3c762`](https://github.com/gradio-app/gradio/commit/cb3c76205c3fc1fae55229b5efe223c6d5c5c907) - Add Thai Translate.  Thanks @haihandsome!
+- [#10678](https://github.com/gradio-app/gradio/pull/10678) [`249eccd`](https://github.com/gradio-app/gradio/commit/249eccd81ae289658d0ba8e1033c12f407a07ee7) - Fix Dataframe header type to allow integer values.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10659](https://github.com/gradio-app/gradio/pull/10659) [`36309ea`](https://github.com/gradio-app/gradio/commit/36309ea55fba6017f8a7f2be1484989ecccdac1b) - Automatically restore last scroll position in multiple-choice dropdowns.  Thanks @XcantloadX!
+- [#10683](https://github.com/gradio-app/gradio/pull/10683) [`367fe14`](https://github.com/gradio-app/gradio/commit/367fe14381a971c45528d50052121439a023bfc0) - Fix chatbot share button payload too large.  Thanks @dawoodkhan82!
+
+## 5.18.0
+
+### Features
+
+- [#10643](https://github.com/gradio-app/gradio/pull/10643) [`f0a920c`](https://github.com/gradio-app/gradio/commit/f0a920c4934880645fbad783077ae9c7519856ce) - added a show_line_numbers to toggle line numbers in gr.Code().  Thanks @lalitx17!
+- [#10664](https://github.com/gradio-app/gradio/pull/10664) [`0b1f729`](https://github.com/gradio-app/gradio/commit/0b1f72941fd50298562102e39f4feafaa16f5968) - Allow websocket version 15.  Thanks @freddyaboulton!
+- [#10636](https://github.com/gradio-app/gradio/pull/10636) [`d06f3e3`](https://github.com/gradio-app/gradio/commit/d06f3e3e08d0270b58cefa1be748e6cfd2362c21) - Chatbot thoughts generating animation.  Thanks @dawoodkhan82!
+
+## 5.17.1
+
+### Features
+
+- [#10641](https://github.com/gradio-app/gradio/pull/10641) [`d7607a2`](https://github.com/gradio-app/gradio/commit/d7607a21b5247a9e82638c07359f70a6776f5747) - Ergonomics improvements & analytics for `gradio sketch`.  Thanks @abidlabs!
+- [#10646](https://github.com/gradio-app/gradio/pull/10646) [`b01ce47`](https://github.com/gradio-app/gradio/commit/b01ce47056f5752fbf03e44600bf0f7dab69b64c) - Fixes cell-selection logic in `Table.svelte`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10650](https://github.com/gradio-app/gradio/pull/10650) [`7c8b0da`](https://github.com/gradio-app/gradio/commit/7c8b0dab0be2e87ad027d0c786bf741e205ae137) - Fix deployed Spaces.  Thanks @abidlabs!
+
+## 5.17.0
+
+### Features
+
+- [#10569](https://github.com/gradio-app/gradio/pull/10569) [`bd4895a`](https://github.com/gradio-app/gradio/commit/bd4895a95a29fa1f0d12fefde26a82a1d60954e9) - Update Lite to support multi-page apps.  Thanks @whitphx!
+- [#10630](https://github.com/gradio-app/gradio/pull/10630) [`77432c7`](https://github.com/gradio-app/gradio/commit/77432c7fa84c56ef76364bf23f4273e889a94a71) - gradio sketch - UI based gradio skeleton builder.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10622](https://github.com/gradio-app/gradio/pull/10622) [`b505df0`](https://github.com/gradio-app/gradio/commit/b505df0b883d119d4660c25519497c4d86eea8d5) - Fix fill_width.  Thanks @aliabid94!
+- [#10616](https://github.com/gradio-app/gradio/pull/10616) [`ae4ba46`](https://github.com/gradio-app/gradio/commit/ae4ba46cfb9235904f8bfc197c72ad22275edd67) - Change sidebar to absolute positioning and make accessible.  Thanks @dawoodkhan82!
+- [#10637](https://github.com/gradio-app/gradio/pull/10637) [`75c9748`](https://github.com/gradio-app/gradio/commit/75c9748f50f5825dae601e0a15b85ec666819b6a) - Fix: Chatbot sharing payload too large.  Thanks @dawoodkhan82!
+
+## 5.16.2
+
+### Features
+
+- [#10625](https://github.com/gradio-app/gradio/pull/10625) [`ce4fb99`](https://github.com/gradio-app/gradio/commit/ce4fb994e042489d8c6fbcab3e94d97b08369dce) - fix spelling of `resizable` parameter in `gr.Chatbot`.  Thanks @abidlabs!
+- [#10594](https://github.com/gradio-app/gradio/pull/10594) [`f0e4fd0`](https://github.com/gradio-app/gradio/commit/f0e4fd0522dd0f02701e0c4d3e694f6e6198db9d) - Fix `Blocks.serve_static_file` and `Button.svelte` to work on Lite.  Thanks @whitphx!
+
+### Fixes
+
+- [#10580](https://github.com/gradio-app/gradio/pull/10580) [`4e70d74`](https://github.com/gradio-app/gradio/commit/4e70d74068b77ebb3d285aa78e9202fff76337a2) - Fix `gr.load()` for `gr.ChatInterface(save_history=True)` and any Gradio app where the upstream app includes a `gr.State` as input.  Thanks @abidlabs!
+- [#10624](https://github.com/gradio-app/gradio/pull/10624) [`f8eb8e5`](https://github.com/gradio-app/gradio/commit/f8eb8e565b720977791824659d9eed270ea4b2d0) - Pass kwargs into `gr.ChatInterface` created by `gr.load()`.  Thanks @abidlabs!
+- [#10597](https://github.com/gradio-app/gradio/pull/10597) [`8c87eb8`](https://github.com/gradio-app/gradio/commit/8c87eb83066278b0e28267a6648d4729d6f39aa9) - Fix issue where styling changes were overridden when value was updated simultaneously.  Thanks @abidlabs!
+
+## 5.16.1
+
+### Features
+
+- [#10579](https://github.com/gradio-app/gradio/pull/10579) [`b640df2`](https://github.com/gradio-app/gradio/commit/b640df2517dee166634f279fcfaac8ba5f5aef2f) - Fix Sidebar for mobile.  Thanks @dawoodkhan82!
+- [#10582](https://github.com/gradio-app/gradio/pull/10582) [`1299267`](https://github.com/gradio-app/gradio/commit/1299267a8a78546d3f9e13d6b3c58231cf88f2b9) - Change sidebar position.  Thanks @dawoodkhan82!
+- [#10511](https://github.com/gradio-app/gradio/pull/10511) [`c4aa886`](https://github.com/gradio-app/gradio/commit/c4aa8864dabec4caeb59af91f6f1aaaf50e33b67) - Semantic search in the playground.  Thanks @aliabd!
+
+### Fixes
+
+- [#10607](https://github.com/gradio-app/gradio/pull/10607) [`c354f5f`](https://github.com/gradio-app/gradio/commit/c354f5ff16c787d722f4e53d5a97f729abba955e) - Add empty dataframe functionality.  Thanks @hannahblair!
+- [#10596](https://github.com/gradio-app/gradio/pull/10596) [`a8bde76`](https://github.com/gradio-app/gradio/commit/a8bde76e2b0f65b3565019beb03ac8b1fd152963) - Fix margin above `gr.Dataframe` when no header is provided.  Thanks @abidlabs!
+- [#10608](https://github.com/gradio-app/gradio/pull/10608) [`b8fada8`](https://github.com/gradio-app/gradio/commit/b8fada87724cdc76b5862f84a1025f7da151db42) - [ZeroGPU] Handshake-based postMessage part.2 (non-SSR mode).  Thanks @cbensimon!
+- [#10595](https://github.com/gradio-app/gradio/pull/10595) [`12669f4`](https://github.com/gradio-app/gradio/commit/12669f4bf1a4d6bd8df29583b6c185ded51dff48) - Row scale changes.  Thanks @aliabid94!
+
+## 5.16.0
+
+### Features
+
+- [#10561](https://github.com/gradio-app/gradio/pull/10561) [`26494ce`](https://github.com/gradio-app/gradio/commit/26494cea570ffe0ead1f8b7a7135ab5a89c6bcbd) - Allow freezing columns in `gr.Dataframe`.  Thanks @hannahblair!
+- [#10554](https://github.com/gradio-app/gradio/pull/10554) [`b8ff5d6`](https://github.com/gradio-app/gradio/commit/b8ff5d6bfe1a9f3379580754b1e23857e2f0c96b) - Add optional search bar to `gr.Dataframe`'s toolbar.  Thanks @hannahblair!
+- [#10529](https://github.com/gradio-app/gradio/pull/10529) [`196b600`](https://github.com/gradio-app/gradio/commit/196b600b3962b85781b53c512e17708644b86f6f) - Select entire row or column in dataframe.  Thanks @hannahblair!
+- [#10558](https://github.com/gradio-app/gradio/pull/10558) [`1113002`](https://github.com/gradio-app/gradio/commit/111300242fdf135724a304920a93fc34a8037f7d) - Fix spacing issue with `gr.Dataframe` in Safari.  Thanks @hannahblair!
+- [#10492](https://github.com/gradio-app/gradio/pull/10492) [`29880d5`](https://github.com/gradio-app/gradio/commit/29880d51fbe7fbd222b0765a83c95134dc7d0e90) - Allow showing progress updates on arbitrary components.  Thanks @abidlabs!
+- [#10553](https://github.com/gradio-app/gradio/pull/10553) [`4c08b9f`](https://github.com/gradio-app/gradio/commit/4c08b9f3c0bcafb0edc56330d8d81e78a6e3763b) - Prevent scrolling when the dataframe cell menu is open.  Thanks @hannahblair!
+- [#10541](https://github.com/gradio-app/gradio/pull/10541) [`e505fab`](https://github.com/gradio-app/gradio/commit/e505fabecb17c50e073483ed7d6aab2e04c9fcf2) - Add copy button feedback to `gr.Dataframe`.  Thanks @hannahblair!
+- [#10507](https://github.com/gradio-app/gradio/pull/10507) [`3748e4c`](https://github.com/gradio-app/gradio/commit/3748e4c902683ff406fdd246fa8c07dbbbed3ad5) - Chatbot `allow_tags`.  Thanks @dawoodkhan82!
+- [#10552](https://github.com/gradio-app/gradio/pull/10552) [`ed25a10`](https://github.com/gradio-app/gradio/commit/ed25a1053a55ddd2cf7d3067c72bdf77185ada8d) - Add 1920px wide resolution for wide monitors.  Thanks @Oncorporation!
+- [#10540](https://github.com/gradio-app/gradio/pull/10540) [`deeebfb`](https://github.com/gradio-app/gradio/commit/deeebfba46f15bb3641b86e25156215d2d727087) - Revert editable text changes.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10544](https://github.com/gradio-app/gradio/pull/10544) [`9b87e12`](https://github.com/gradio-app/gradio/commit/9b87e12f1a44e1bcee1373a877a6d39f4e6395e9) - Fix gr.Plot change/load events and plotly css loaded.  Thanks @freddyaboulton!
+- [#10515](https://github.com/gradio-app/gradio/pull/10515) [`1269ad0`](https://github.com/gradio-app/gradio/commit/1269ad0f0096323d613e7c8d15728bb491bcc409) - Plotly 6.0 Fix: Install latest plotly js version.  Thanks @freddyaboulton!
+- [#10490](https://github.com/gradio-app/gradio/pull/10490) [`178311b`](https://github.com/gradio-app/gradio/commit/178311b72d72a3c5f4a67bee5e0098be4232e68c) - Ensure row numbers functionality in dataframe works as expected.  Thanks @hannahblair!
+- [#10560](https://github.com/gradio-app/gradio/pull/10560) [`4e72dfe`](https://github.com/gradio-app/gradio/commit/4e72dfef99b2614c00931a828ed78876f8f945d0) - Fix Auth.  Thanks @freddyaboulton!
+- [#10466](https://github.com/gradio-app/gradio/pull/10466) [`8e2cf2f`](https://github.com/gradio-app/gradio/commit/8e2cf2f32c4ffe4540aed0dd8448089f0a19eedd) - Fix the wrapper function of micropip.install to throw the original error for better debug experience.  Thanks @whitphx!
+- [#10548](https://github.com/gradio-app/gradio/pull/10548) [`bcbb7b6`](https://github.com/gradio-app/gradio/commit/bcbb7b69f5bda624f9d5537c6557258e70afb3a7) - Fix DF Postprocess for tuples.  Thanks @freddyaboulton!
+- [#10546](https://github.com/gradio-app/gradio/pull/10546) [`27155cf`](https://github.com/gradio-app/gradio/commit/27155cfc0ca49b8d2727f3271ff413105b4da59e) - Native Plot respects the height parameters.  Thanks @freddyaboulton!
+- [#10534](https://github.com/gradio-app/gradio/pull/10534) [`855d870`](https://github.com/gradio-app/gradio/commit/855d87001a492afce1aff9c2eb3de765d8855828) - Footer alignment fix.  Thanks @aliabid94!
+- [#10535](https://github.com/gradio-app/gradio/pull/10535) [`d909868`](https://github.com/gradio-app/gradio/commit/d9098681f8883686a617c8f98b22c77057febed1) - Ensure `max_height` is applied in `gr.Dataframe`.  Thanks @hannahblair!
+- [#10547](https://github.com/gradio-app/gradio/pull/10547) [`083d68b`](https://github.com/gradio-app/gradio/commit/083d68b223be82a65f18c553df9ae690a8118a49) - quick_fix_client.  Thanks @aliabid94!
+- [#10521](https://github.com/gradio-app/gradio/pull/10521) [`79937fd`](https://github.com/gradio-app/gradio/commit/79937fd76021b31abdbc3f8f2c32ef123fd676aa) - Change word-break prop in dataframe headers.  Thanks @hannahblair!
+- [#10520](https://github.com/gradio-app/gradio/pull/10520) [`2a1fc2a`](https://github.com/gradio-app/gradio/commit/2a1fc2a92888f622579e4b2daf86be487c73004d) - Ensure links work as expected in dataframe.  Thanks @hannahblair!
+- [#10524](https://github.com/gradio-app/gradio/pull/10524) [`ccf590c`](https://github.com/gradio-app/gradio/commit/ccf590c6df0329eca653d94c2508b3bb19db8a29) - Expand tabs in row by default.  Thanks @aliabid94!
+- [#10531](https://github.com/gradio-app/gradio/pull/10531) [`a18ac9c`](https://github.com/gradio-app/gradio/commit/a18ac9c56a67dbc0a1d0fb464fa12f531998b170) - Fix bug where plots wouldn't load when initial value provided.  Thanks @freddyaboulton!
+
+## 5.15.0
+
+### Features
+
+- [#10345](https://github.com/gradio-app/gradio/pull/10345) [`39f0c23`](https://github.com/gradio-app/gradio/commit/39f0c233034449d0d0cdb77d0b34e4fca7b9cc8b) - Allow image uploads to gr.load_chat.  Thanks @aliabid94!
+- [#10456](https://github.com/gradio-app/gradio/pull/10456) [`8e40c15`](https://github.com/gradio-app/gradio/commit/8e40c15669ed1244d6f2288e55c2223279bd37a4) - Implement multiple cell selection.  Thanks @hannahblair!
+- [#10480](https://github.com/gradio-app/gradio/pull/10480) [`90f90b7`](https://github.com/gradio-app/gradio/commit/90f90b7989081b0e4422384ee699cb98781723d1) - Add sidebar to the docs.  Thanks @aliabd!
+- [#10495](https://github.com/gradio-app/gradio/pull/10495) [`35fda36`](https://github.com/gradio-app/gradio/commit/35fda36de9745757298cafb3d8b91cbc1a4358c9) - Add an `anchor_links` parameter to `gr.ParamViewer` that allows linking to specific parameters.  Thanks @abidlabs!
+- [#10433](https://github.com/gradio-app/gradio/pull/10433) [`2e8dc74`](https://github.com/gradio-app/gradio/commit/2e8dc74f751be02f7217f78d241806b42fcdca04) - Allow building multipage Gradio apps.  Thanks @aliabid94!
+- [#10496](https://github.com/gradio-app/gradio/pull/10496) [`a9bfbc3`](https://github.com/gradio-app/gradio/commit/a9bfbc389d325592e83fd85c5f255864dc34c8be) - Add support for inference `providers` in `gr.load()`.  Thanks @abidlabs!
+- [#10463](https://github.com/gradio-app/gradio/pull/10463) [`ed7a091`](https://github.com/gradio-app/gradio/commit/ed7a0919ab6b31184dc4d686b722dbeb013e9ce9) - Expand and collapse dataframe cells.  Thanks @hannahblair!
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+- [#10491](https://github.com/gradio-app/gradio/pull/10491) [`ff5f976`](https://github.com/gradio-app/gradio/commit/ff5f976bbb685fdd4f7c1faeda79e094f55a9f56) - Allow multiline headers in gr.Dataframe.  Thanks @hannahblair!
+- [#10494](https://github.com/gradio-app/gradio/pull/10494) [`10932a2`](https://github.com/gradio-app/gradio/commit/10932a291ac7f591bb1d56e4e353b51f10ecc6e3) - Ensure dataframe is not editable when `interactive` is False.  Thanks @hannahblair!
+- [#10485](https://github.com/gradio-app/gradio/pull/10485) [`6401d32`](https://github.com/gradio-app/gradio/commit/6401d32e79074f2e4c4beda6308c194eba4af6eb) - chore: update dropdown.py.  Thanks @eltociear!
+- [#10446](https://github.com/gradio-app/gradio/pull/10446) [`2cf449a`](https://github.com/gradio-app/gradio/commit/2cf449abb38815bb3414ac9bee1535f5f0f834ae) - Add more ImageEditor js tests.  Thanks @freddyaboulton!
+- [#10483](https://github.com/gradio-app/gradio/pull/10483) [`3750082`](https://github.com/gradio-app/gradio/commit/3750082b266464487cd5b7684ae1590ae03d3bef) - Sidebar Fixes.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#10476](https://github.com/gradio-app/gradio/pull/10476) [`017ed46`](https://github.com/gradio-app/gradio/commit/017ed462720766f1d28205765aade6338f58da07) - Clean up `gr.DataFrame.postprocess()` and fix issue with getting headers of empty dataframes.  Thanks @abidlabs!
+
+## 5.14.0
+
+### Features
+
+- [#10461](https://github.com/gradio-app/gradio/pull/10461) [`ca7c47e`](https://github.com/gradio-app/gradio/commit/ca7c47e5e50a309cd637c4f928ab90af6355b01d) - Add copy button to dataframe toolbar.  Thanks @hannahblair!
+- [#10420](https://github.com/gradio-app/gradio/pull/10420) [`a69b8e8`](https://github.com/gradio-app/gradio/commit/a69b8e83ad7c89c627db2bdd5d25b0142731aaac) - Support column/row deletion in `gr.DataFrame`.  Thanks @abidlabs!
+- [#10470](https://github.com/gradio-app/gradio/pull/10470) [`3465fdb`](https://github.com/gradio-app/gradio/commit/3465fdb19087471598ca07c93bc4ff3e1b6b2abf) - Format backend with latest `ruff`.  Thanks @abidlabs!
+- [#10469](https://github.com/gradio-app/gradio/pull/10469) [`62d0669`](https://github.com/gradio-app/gradio/commit/62d06694ddafada677aff0d54d70ac3cf1448c91) - Request mic permissions only after the Record button is clicked in `gr.Audio()`.  Thanks @abidlabs!
+- [#10435](https://github.com/gradio-app/gradio/pull/10435) [`ef66fe5`](https://github.com/gradio-app/gradio/commit/ef66fe52b22448a5125a314581f2ec6c73c24145) - Sidebar Component.  Thanks @dawoodkhan82!
+- [#10460](https://github.com/gradio-app/gradio/pull/10460) [`324383f`](https://github.com/gradio-app/gradio/commit/324383fb814a955178a1f72ee1080a955ad593d0) - Fix typecheck error due to huggingface_hub update.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#10459](https://github.com/gradio-app/gradio/pull/10459) [`fa220a3`](https://github.com/gradio-app/gradio/commit/fa220a31a54d85f2851bd6717c81d1dbee77868e) - Patch plotly requirement to force to install v5 along with altair.  Thanks @whitphx!
+
+## 5.13.2
+
+### Features
+
+- [#10452](https://github.com/gradio-app/gradio/pull/10452) [`dd178f3`](https://github.com/gradio-app/gradio/commit/dd178f3dd5968df445b43f5e3b8cb86b11374913) - Tiny tweak to example dataframes.  Thanks @hannahblair!
+- [#10426](https://github.com/gradio-app/gradio/pull/10426) [`2167f58`](https://github.com/gradio-app/gradio/commit/2167f58fb8d64141d1b9d567af621c8b4d039e04) - Update Pyodide to 0.27.2.  Thanks @whitphx!
+- [#10448](https://github.com/gradio-app/gradio/pull/10448) [`337b522`](https://github.com/gradio-app/gradio/commit/337b5224a682fe18dc8d1c1e5bab2a3341ce01dc) - Small tweaks to `gr.ChatMessage` and spacing between chatbot messages.  Thanks @abidlabs!
+
+## 5.13.1
+
+### Features
+
+- [#10370](https://github.com/gradio-app/gradio/pull/10370) [`71c8b8a`](https://github.com/gradio-app/gradio/commit/71c8b8abbfae0e47eb46561b0104bd452e5dffe8) - Clear Image Editor Value with None.  Thanks @freddyaboulton!
+- [#10416](https://github.com/gradio-app/gradio/pull/10416) [`3c2e12b`](https://github.com/gradio-app/gradio/commit/3c2e12b5ba52441f45565ae8e14cea46ea5b5b2c) - Fix ImageEditor Cropping - Cropping now crops the background image instead of the image + canvas.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#10405](https://github.com/gradio-app/gradio/pull/10405) [`92dda15`](https://github.com/gradio-app/gradio/commit/92dda15f6d1c71929d3bdca1910734309db72458) - Hide the waveform when playing recorded audio if `show_recording_waveform` is `False`.  Thanks @abidlabs!
+- [#10421](https://github.com/gradio-app/gradio/pull/10421) [`90e0b47`](https://github.com/gradio-app/gradio/commit/90e0b47be30687347d5d7f2ec8bff16ac6a99560) - Update all md5 hashes to sha256.  Thanks @LArkema!
+- [#10406](https://github.com/gradio-app/gradio/pull/10406) [`b7a7e59`](https://github.com/gradio-app/gradio/commit/b7a7e590945e938714a5c9a8694d4f188d54b314) - Support presigned URLs with gr.Video, gr.Model3D, and other components.  Thanks @abidlabs!
+
+## 5.13.0
+
+### Features
+
+- [#10359](https://github.com/gradio-app/gradio/pull/10359) [`c44da25`](https://github.com/gradio-app/gradio/commit/c44da259feb3e27e155654d0c229ed299cdd40c6) - Allow modifying the chatbot value directly in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10367](https://github.com/gradio-app/gradio/pull/10367) [`5881296`](https://github.com/gradio-app/gradio/commit/5881296ea59a4f4fcb5be79b21180bb4aae31ef2) - Improve component docstrings and misc docs.  Thanks @abidlabs!
+- [#10377](https://github.com/gradio-app/gradio/pull/10377) [`feb1e81`](https://github.com/gradio-app/gradio/commit/feb1e81ecabf34fd3f9ec228dcf3bdaa4b0bd75e) - Add toolbar with fullscreen button to `gr.Dataframe`.  Thanks @hannahblair!
+- [#10341](https://github.com/gradio-app/gradio/pull/10341) [`b0cf92f`](https://github.com/gradio-app/gradio/commit/b0cf92f03ba29f29fa540de8c5803a7263df0106) - PWA icon customization.  Thanks @whitphx!
+- [#10392](https://github.com/gradio-app/gradio/pull/10392) [`4d47e4b`](https://github.com/gradio-app/gradio/commit/4d47e4b4e2f07d4dd5b600f7d9180c7ad3e67a1f) - Add a `log` parameter to Chatbot metadata that allows displaying `str` content next to the thought title.  Thanks @abidlabs!
+- [#10352](https://github.com/gradio-app/gradio/pull/10352) [`6a7cfc4`](https://github.com/gradio-app/gradio/commit/6a7cfc4264822209148ad07d8f38a0550bdb32b7) - Compatibility between Client and ZeroGPU.  Thanks @abidlabs!
+- [#10366](https://github.com/gradio-app/gradio/pull/10366) [`b10f5e1`](https://github.com/gradio-app/gradio/commit/b10f5e150a048ded255efdd34cfb7d5706ae2ff7) - Lite: retry install.  Thanks @whitphx!
+- [#10376](https://github.com/gradio-app/gradio/pull/10376) [`2b7ba48`](https://github.com/gradio-app/gradio/commit/2b7ba4801398b6dd6b72496ea50245a0cd6852d6) - Add `show_row_numbers` param to gr.Dataframe.  Thanks @hannahblair!
+- [#10368](https://github.com/gradio-app/gradio/pull/10368) [`8cf0461`](https://github.com/gradio-app/gradio/commit/8cf0461e36a9e1d5ada95bca2215a29592f29206) - Fix ReDoS.  Thanks @kevinbackhouse!
+- [#10346](https://github.com/gradio-app/gradio/pull/10346) [`43e05d7`](https://github.com/gradio-app/gradio/commit/43e05d72f43c9ac8dc18e4b885c9da08605b09e6) - Document additional helper classes for `gr.Chatbot`.  Thanks @abidlabs!
+- [#10340](https://github.com/gradio-app/gradio/pull/10340) [`a91cb9c`](https://github.com/gradio-app/gradio/commit/a91cb9c42c02b70273b4cd55ab18148a7436fe57) - Add `show_reset_button` to `gr.slider` initialization.  Thanks @amanchauhan11!
+- [#10410](https://github.com/gradio-app/gradio/pull/10410) [`48809c7`](https://github.com/gradio-app/gradio/commit/48809c722bcbb3aaed72edfdb6c59de5413fdbc4) - Fix bug where dataframe `value` prop was not updating when an input value was changed manually.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10369](https://github.com/gradio-app/gradio/pull/10369) [`eb85edf`](https://github.com/gradio-app/gradio/commit/eb85edf4b27b33038c0923387d6d1a6f57a73980) - Quick fix: 0 is ignored Slider/Number issue.  Thanks @dawoodkhan82!
+- [#10357](https://github.com/gradio-app/gradio/pull/10357) [`43e7cce`](https://github.com/gradio-app/gradio/commit/43e7cce2bd8ddd274fcba890bfeaa7ead7f32434) - Fix ImageEditor Size Issues.  Thanks @freddyaboulton!
+- [#10365](https://github.com/gradio-app/gradio/pull/10365) [`40e0c48`](https://github.com/gradio-app/gradio/commit/40e0c4832060cef457406896b2ad94639888897a) - Ensure clicking on a cell once enables editing mode.  Thanks @hannahblair!
+- [#10383](https://github.com/gradio-app/gradio/pull/10383) [`9517043`](https://github.com/gradio-app/gradio/commit/951704346cff56f4a781605d8f323f9113975eb0) - Ensure columns hidden with pandas `.hide()` works as expected.  Thanks @hannahblair!
+- [#10404](https://github.com/gradio-app/gradio/pull/10404) [`9dc5d15`](https://github.com/gradio-app/gradio/commit/9dc5d157aaf002f7699d3b2c1652f49d47e53e80) - Tweak behavior related to the `status` of `gr.Chatbot` thought messages.  Thanks @abidlabs!
+- [#10390](https://github.com/gradio-app/gradio/pull/10390) [`9e6eded`](https://github.com/gradio-app/gradio/commit/9e6ededef144f3f1a8ebbc47076b55d60f5b2ef3) - Removes css tag that overrides Gradio theme setting.  Thanks @ericwu09!
+- [#10348](https://github.com/gradio-app/gradio/pull/10348) [`62cd4ef`](https://github.com/gradio-app/gradio/commit/62cd4ef302cd7529d1f8842b416f9d8fcf6b5750) - Handle `row_count=0` in gr.Dataframe.  Thanks @hannahblair!
+- [#10403](https://github.com/gradio-app/gradio/pull/10403) [`3219382`](https://github.com/gradio-app/gradio/commit/3219382eeea0a0047c74e0cdd2bf333e69f8f806) - Fix event triggers and recent regressions related to `gr.DataFrame`.  Thanks @abidlabs!
+- [#10360](https://github.com/gradio-app/gradio/pull/10360) [`31cccc3`](https://github.com/gradio-app/gradio/commit/31cccc3e79a3d1b4a840610d9becb235f8829b13) - Fix logic for detecting changes in `gr.Dataframe` table value.  Thanks @abidlabs!
+- [#10372](https://github.com/gradio-app/gradio/pull/10372) [`96bbde2`](https://github.com/gradio-app/gradio/commit/96bbde277e059f79bb2c9898576050e84dab147a) - Allow propogation of fill_height through Rows and Tabs, via scale.  Thanks @aliabid94!
+
+## 5.12.0
+
+### Features
+
+- [#10323](https://github.com/gradio-app/gradio/pull/10323) [`391a4d0`](https://github.com/gradio-app/gradio/commit/391a4d09a90406b768eee30e1c12a0bc84fc27a2) - Add `.previous_value` to `gr.EditData`.  Thanks @abidlabs!
+- [#10270](https://github.com/gradio-app/gradio/pull/10270) [`bb11a2a`](https://github.com/gradio-app/gradio/commit/bb11a2a702ca04fde245e7d54d155cbcbde7791e) - [ZeroGPU] Handshake-based postMessage.  Thanks @cbensimon!
+- [#10305](https://github.com/gradio-app/gradio/pull/10305) [`be40307`](https://github.com/gradio-app/gradio/commit/be40307d1d11421e01bf91fa5e05ec4ab97b09d8) - Add support for thinking LLMs directly in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10226](https://github.com/gradio-app/gradio/pull/10226) [`58b8391`](https://github.com/gradio-app/gradio/commit/58b839196e17776cbd0d48997905496f7746d31f) - Improve tool UI and support nested thoughts.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10327](https://github.com/gradio-app/gradio/pull/10327) [`e0cb47f`](https://github.com/gradio-app/gradio/commit/e0cb47f0c5040049fb942a381c0335de4bf77d67) - Fix webcam.  Thanks @Col0ring!
+- [#10308](https://github.com/gradio-app/gradio/pull/10308) [`3543418`](https://github.com/gradio-app/gradio/commit/354341826a629d06640ce3ec5e5881bcccd6e339) - ImageEditor: Trigger input event even if change event not defined.  Thanks @freddyaboulton!
+- [#10322](https://github.com/gradio-app/gradio/pull/10322) [`d2691e7`](https://github.com/gradio-app/gradio/commit/d2691e7436f722781ee61db43ce3f2d5ccc3e253) - Quick Fix: Multimodal microphone audio not clearing.  Thanks @dawoodkhan82!
+- [#10331](https://github.com/gradio-app/gradio/pull/10331) [`decb594`](https://github.com/gradio-app/gradio/commit/decb5944552e951525c283e069e116c1ff6b6807) - Update guide for `gr.load_chat` and allow `**kwargs`.  Thanks @abidlabs!
+- [#10332](https://github.com/gradio-app/gradio/pull/10332) [`e742dcc`](https://github.com/gradio-app/gradio/commit/e742dcccb376692c9ddd5a6c251080e7c5936574) - Allow users to add a custom API route.  Thanks @aliabid94!
+- [#10324](https://github.com/gradio-app/gradio/pull/10324) [`343503d`](https://github.com/gradio-app/gradio/commit/343503d62eabab7af1a8a524d16a8e076a75dd67) - Support `gr.load()`-ing Gradio apps with `Blocks.load()` events.  Thanks @abidlabs!
+
+## 5.11.0
+
+### Features
+
+- [#10304](https://github.com/gradio-app/gradio/pull/10304) [`6b63fde`](https://github.com/gradio-app/gradio/commit/6b63fdec441b5c9bf910f910a2505d8defbb6bf8) - Blocked Paths Fix.  Thanks @freddyaboulton!
+- [#10303](https://github.com/gradio-app/gradio/pull/10303) [`f19ca89`](https://github.com/gradio-app/gradio/commit/f19ca89cdd4040dbaa41bbc3b9915edc032603a0) - Add preview_open and preview_close events to Gallery.  Thanks @freddyaboulton!
+- [#10314](https://github.com/gradio-app/gradio/pull/10314) [`84e72e4`](https://github.com/gradio-app/gradio/commit/84e72e401cdc97a91086301d2b25164e7d15623a) - Restore chat interface full height.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10306](https://github.com/gradio-app/gradio/pull/10306) [`9fc988e`](https://github.com/gradio-app/gradio/commit/9fc988ebaf4bea24b71308922bb1889f1d3f4f6e) - Fix bug where ImageEditor always sends empty layers list to the backend.  Thanks @freddyaboulton!
+- [#10297](https://github.com/gradio-app/gradio/pull/10297) [`1e253ff`](https://github.com/gradio-app/gradio/commit/1e253ff127e97c18852a32cbc1269494c6cee017) - Fix test_subclass_conversion with numpy==2.x.  Thanks @abidlabs!
+
+## 5.10.0
+
+### Features
+
+- [#10203](https://github.com/gradio-app/gradio/pull/10203) [`c3a9e64`](https://github.com/gradio-app/gradio/commit/c3a9e647381f787085662828747e6ac61f8a0c01) - Allow editing chatbot messages.  Thanks @aliabid94!
+- [#10272](https://github.com/gradio-app/gradio/pull/10272) [`a1f2649`](https://github.com/gradio-app/gradio/commit/a1f2649586752a013fb4d36b83d5fea2e137bb81) - Chat Interface flagging and chatbot feedback.  Thanks @aliabid94!
+- [#10225](https://github.com/gradio-app/gradio/pull/10225) [`f0cf3b7`](https://github.com/gradio-app/gradio/commit/f0cf3b789a4ebb5ac2e33243fea80c6c6f080d42) - Dataframe support in Chatbot.  Thanks @dawoodkhan82!
+- [#10292](https://github.com/gradio-app/gradio/pull/10292) [`f2bd72f`](https://github.com/gradio-app/gradio/commit/f2bd72f9ef23552f0c6018396320eca9baef04f5) - Reset flagged values when switching conversations in chat history.  Thanks @abidlabs!
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10197](https://github.com/gradio-app/gradio/pull/10197) [`a95f8ef`](https://github.com/gradio-app/gradio/commit/a95f8ef3ee2663cf502129e829493a44b2641613) - Add support for returning multiple messages from `gr.ChatInterface` chat function.  Thanks @abidlabs!
+- [#10186](https://github.com/gradio-app/gradio/pull/10186) [`9b17032`](https://github.com/gradio-app/gradio/commit/9b17032a6564c8bda4ab1749989a9797c670919c) - Add Microphone Input to MultimodalTextbox.  Thanks @dawoodkhan82!
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+- [#10187](https://github.com/gradio-app/gradio/pull/10187) [`64d1864`](https://github.com/gradio-app/gradio/commit/64d1864f8fb6f2d0b274fcf7bd47bdb1f6a77980) - `manifest json` for PWA.  Thanks @whitphx!
+- [#10262](https://github.com/gradio-app/gradio/pull/10262) [`f3bedd4`](https://github.com/gradio-app/gradio/commit/f3bedd4011bdfdecc952eb1275a9dd96af3e8d71) - add gr.Success and update windows contributing.  Thanks @not-lain!
+- [#10254](https://github.com/gradio-app/gradio/pull/10254) [`da07707`](https://github.com/gradio-app/gradio/commit/da0770748db9ea40194a43c9138ee2c6536b1247) - Add a `settings` link to the footer with i18n options & pwa instructions.  Thanks @abidlabs!
+- [#9984](https://github.com/gradio-app/gradio/pull/9984) [`45df1b1`](https://github.com/gradio-app/gradio/commit/45df1b1978e597546a208ecbf5b3aca56137edc5) - Lite: Capture stdout and stderr from the main thread.  Thanks @whitphx!
+- [#10210](https://github.com/gradio-app/gradio/pull/10210) [`13a83e5`](https://github.com/gradio-app/gradio/commit/13a83e5001e29594990d61569887cb8562744964) - Allow reordering files in gr.File.  Thanks @hannahblair!
+- [#10221](https://github.com/gradio-app/gradio/pull/10221) [`506bd28`](https://github.com/gradio-app/gradio/commit/506bd2884a9790fb6f8dbf5684576e80d2b8ee64) - Update Guides related to deploying Gradio chatbots to Discord, Slack, and website widgets.  Thanks @abidlabs!
+- [#10229](https://github.com/gradio-app/gradio/pull/10229) [`1be31c1`](https://github.com/gradio-app/gradio/commit/1be31c14e2a6884a60babf690cfded560bca5144) - Allow editable ChatInterface.  Thanks @aliabid94!
+- [#10245](https://github.com/gradio-app/gradio/pull/10245) [`3e4e0de`](https://github.com/gradio-app/gradio/commit/3e4e0de51a2ece9a1cab70a69c065bda685569e8) - Add `gr.BrowserState` change event.  Thanks @abidlabs!
+- [#10222](https://github.com/gradio-app/gradio/pull/10222) [`9c6d83d`](https://github.com/gradio-app/gradio/commit/9c6d83d12e4b67c5638ba67281c6f018052c5b3e) - gr.load_chat: Allow loading any openai-compatible server immediately as a ChatInterface.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10214](https://github.com/gradio-app/gradio/pull/10214) [`501adef`](https://github.com/gradio-app/gradio/commit/501adefd0c3d5769055ef2156c85e586eb60bf84) - Some agent low-hanging issues.  Thanks @freddyaboulton!
+- [#10290](https://github.com/gradio-app/gradio/pull/10290) [`99123e7`](https://github.com/gradio-app/gradio/commit/99123e75f5f1c222d70bd86cd37dbc4450c62cba) - Fixed warning about not being able to find the app for some pattern.  Thanks @YanSte!
+- [#10269](https://github.com/gradio-app/gradio/pull/10269) [`890eaa3`](https://github.com/gradio-app/gradio/commit/890eaa3a9e53dab5bcb16c5d017ae0470109b8fb) - Allow displaying SVG images securely in `gr.Image` and `gr.Gallery` components.  Thanks @abidlabs!
+- [#10209](https://github.com/gradio-app/gradio/pull/10209) [`2700d18`](https://github.com/gradio-app/gradio/commit/2700d1898bc8eeb3fd9f65ce77be17c2614a388f) - Ensure the `height` param in `gr.File` works as expected.  Thanks @hannahblair!
+- [#10235](https://github.com/gradio-app/gradio/pull/10235) [`9285dd9`](https://github.com/gradio-app/gradio/commit/9285dd9eb842ee05bd8a0fd4f0f9143788096bbc) - Fix typing for components in `gr.Interface` and docstring in `image.py`.  Thanks @abidlabs!
+- [#10207](https://github.com/gradio-app/gradio/pull/10207) [`314a8b5`](https://github.com/gradio-app/gradio/commit/314a8b55f57a30806b37fe077b471df97d04245d) - fix: make sure `comp.instance` exists.  Thanks @Col0ring!
+- [#10238](https://github.com/gradio-app/gradio/pull/10238) [`3f19210`](https://github.com/gradio-app/gradio/commit/3f192100d6997751d0246b396a4fd8eaa86a826b) - Declare exports in __all__ for type checking.  Thanks @dustalov!
+
+## 5.9.1
+
+### Fixes
+
+- [#10212](https://github.com/gradio-app/gradio/pull/10212) [`3d8fc42`](https://github.com/gradio-app/gradio/commit/3d8fc42c94034a29edbc43852937684b478d4667) - Fix render trigger.  Thanks @aliabid94!
+
+## 5.9.0
+
+### Features
+
+- [#10196](https://github.com/gradio-app/gradio/pull/10196) [`c9ba9a4`](https://github.com/gradio-app/gradio/commit/c9ba9a447596a9ccdd21955adb3b34b15cac7ade) - Use the modern lower-case Python types in the API typing information.  Thanks @abidlabs!
+- [#10149](https://github.com/gradio-app/gradio/pull/10149) [`9cd291b`](https://github.com/gradio-app/gradio/commit/9cd291b7f1c37ef0ffd3e8721fb2b648003b50fc) - Resizeable chatbot.  Thanks @aliabid94!
+- [#10109](https://github.com/gradio-app/gradio/pull/10109) [`48e4aa9`](https://github.com/gradio-app/gradio/commit/48e4aa9d627b6958a0b215d6312de508845f669c) - adds a `run_examples_on_click` parameter to `gr.ChatInterface` mirroring the the `run_on_click` parameter in `gr.Examples`.  Thanks @abidlabs!
+- [#10135](https://github.com/gradio-app/gradio/pull/10135) [`3e93740`](https://github.com/gradio-app/gradio/commit/3e93740f057712278a7c2194a1702f48915683e1) - Improve pasted text behaviour in `Multimodaltextbox`.  Thanks @hannahblair!
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+- [#10111](https://github.com/gradio-app/gradio/pull/10111) [`3665e81`](https://github.com/gradio-app/gradio/commit/3665e81b53555e2b499b877208686f3027eaceb4) - Allow Chatbot examples to show more than one image.  Thanks @hannahblair!
+- [#10088](https://github.com/gradio-app/gradio/pull/10088) [`cb5b891`](https://github.com/gradio-app/gradio/commit/cb5b89108e0217131a914315be698827a4d05c15) - Refactor `NO_RELOAD` implementation.  Thanks @CNSeniorious000!
+- [#10132](https://github.com/gradio-app/gradio/pull/10132) [`6645518`](https://github.com/gradio-app/gradio/commit/6645518a66e01ebcd2746626a4e2a14239172e76) - Tweak Chatbot `bubble_full_width` behaviour.  Thanks @hannahblair!
+- [#10198](https://github.com/gradio-app/gradio/pull/10198) [`494c4dd`](https://github.com/gradio-app/gradio/commit/494c4ddf6c5ccefe5f5c1bb8dc0671e5b54cd79f) - Add note that SSR mode is experimental.  Thanks @abidlabs!
+- [#10155](https://github.com/gradio-app/gradio/pull/10155) [`23a2958`](https://github.com/gradio-app/gradio/commit/23a2958f5e2104b4f371915986251e8ea09bd44b) - Add a `.click()` event and `padding` parameter to the `HTML` component.  Thanks @abidlabs!
+- [#10158](https://github.com/gradio-app/gradio/pull/10158) [`19e1ef5`](https://github.com/gradio-app/gradio/commit/19e1ef52dcd2c7f2bae49ef7844fbfd31c1785fe) - make printing the error message from a `gr.Error` to the console configurable.  Thanks @obendidi!
+- [#10137](https://github.com/gradio-app/gradio/pull/10137) [`fe7a9db`](https://github.com/gradio-app/gradio/commit/fe7a9db659e009bb5ac0e4e9cb4ac0eab1f2c2f4) - Improve uploaded file UI in Chatbot.  Thanks @hannahblair!
+- [#10169](https://github.com/gradio-app/gradio/pull/10169) [`25484f4`](https://github.com/gradio-app/gradio/commit/25484f4bfbffdb18850cbd85d4468ea8324afe1a) - By default, consecutive messages are displayed in the same bubble. This is controlled by the new `display_consecutive_in_same_bubble` param of Chatbot.  Thanks @freddyaboulton!
+- [#10092](https://github.com/gradio-app/gradio/pull/10092) [`20b9d72`](https://github.com/gradio-app/gradio/commit/20b9d72ebb1b962cb34a657cbdad15d003931c6e) - Pass value of `HF_TOKEN` environment variable when loading models with `gr.load`.  Thanks @abidlabs!
+- [#10166](https://github.com/gradio-app/gradio/pull/10166) [`8ac5b13`](https://github.com/gradio-app/gradio/commit/8ac5b13c96f871ac4b0f13c6ebfbb5559a18bcc2) - Add Japanese translations for login UI.  Thanks @kazuhitoyokoi!
+- [#10193](https://github.com/gradio-app/gradio/pull/10193) [`424365b`](https://github.com/gradio-app/gradio/commit/424365bdbd0b805e3b2d0c44ccc0f47201b1d96a) - JSON type fix in Client and and typing fix for `/chat` endpoint in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10159](https://github.com/gradio-app/gradio/pull/10159) [`7ca3685`](https://github.com/gradio-app/gradio/commit/7ca36850c9e46a1eb5b7a3866b4b166776b4146f) - Add Japanese message into message catalog.  Thanks @kazuhitoyokoi!
+- [#10188](https://github.com/gradio-app/gradio/pull/10188) [`22fe4ce`](https://github.com/gradio-app/gradio/commit/22fe4ce5a11d7bbdace2fa8e2fd63eccb74f5b07) - Fix  `multipart` ModuleNotFoundError by renaming import to `python_multipart`.  Thanks @archiloque!
+
+### Fixes
+
+- [#10168](https://github.com/gradio-app/gradio/pull/10168) [`7d70596`](https://github.com/gradio-app/gradio/commit/7d70596d0b3343dc4b357758f85420a0afdb65a2) - Multimodal autofocus fix.  Thanks @dawoodkhan82!
+- [#10167](https://github.com/gradio-app/gradio/pull/10167) [`5f03649`](https://github.com/gradio-app/gradio/commit/5f03649668856a383066964b60cb14c9cd566140) - Let Gradio be typed!.  Thanks @abidlabs!
+- [#10185](https://github.com/gradio-app/gradio/pull/10185) [`e525680`](https://github.com/gradio-app/gradio/commit/e52568031633fcecb67276f878382e05c111d258) - Clean up `gr.ChatInterface` and fix API type discrepancy.  Thanks @abidlabs!
+- [#10131](https://github.com/gradio-app/gradio/pull/10131) [`4984e84`](https://github.com/gradio-app/gradio/commit/4984e847fa2575f9fb209c6b1b73a9003e79e564) - Fix API docs for `multimodal_textbox.py`.  Thanks @abidlabs!
+- [#10129](https://github.com/gradio-app/gradio/pull/10129) [`2b55302`](https://github.com/gradio-app/gradio/commit/2b5530274af3936c82176f09db529168263acc2c) - Quick Fix: Fixes autoplay parameter for Audio/Video in Chatbot.  Thanks @dawoodkhan82!
+- [#10190](https://github.com/gradio-app/gradio/pull/10190) [`b4004e3`](https://github.com/gradio-app/gradio/commit/b4004e37ae2e4c61c25012802a9d7aa559a2e690) - Support event + request data in gr.render triggers.  Thanks @aliabid94!
+- [#10170](https://github.com/gradio-app/gradio/pull/10170) [`5e6e234`](https://github.com/gradio-app/gradio/commit/5e6e234cba820d29ebe29de2597d36ab3683093b) - Custom component in rerender.  Thanks @aliabid94!
+- [#10161](https://github.com/gradio-app/gradio/pull/10161) [`3a053cc`](https://github.com/gradio-app/gradio/commit/3a053cc76c173c6386e0b5102b03e1a56786cbb9) - Fix chatbot `visible` prop not reacting to changes.  Thanks @freddyaboulton!
+- [#10097](https://github.com/gradio-app/gradio/pull/10097) [`43d88c3`](https://github.com/gradio-app/gradio/commit/43d88c32bf5f636762acffba839800e05294e484) - Fix: Added support for show_api in mount_gradio_app.  Thanks @HongweiRuan!
+
+## 5.8.0
+
+### Features
+
+- [#10083](https://github.com/gradio-app/gradio/pull/10083) [`b2a21c6`](https://github.com/gradio-app/gradio/commit/b2a21c643dc5e50581567cbde7b660357b3d982e) - Add HTML support to paramviewer descriptions.  Thanks @aliabd!
+- [#10096](https://github.com/gradio-app/gradio/pull/10096) [`ec10aa3`](https://github.com/gradio-app/gradio/commit/ec10aa3b9b42d8c3fe930aff9465c469626992d4) - Fix paramviewer descriptions to only render markdown links.  Thanks @aliabd!
+- [#10080](https://github.com/gradio-app/gradio/pull/10080) [`ebe25bc`](https://github.com/gradio-app/gradio/commit/ebe25bc13f3b2a90876c59a816c6976fd12b6b73) - Fix chatbot/chatinterface type mismatch.  Thanks @abidlabs!
+- [#10071](https://github.com/gradio-app/gradio/pull/10071) [`01b919f`](https://github.com/gradio-app/gradio/commit/01b919f04b69732fd8adb52f6d156e5683589221) - Support `additional_outputs` in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10081](https://github.com/gradio-app/gradio/pull/10081) [`b94f010`](https://github.com/gradio-app/gradio/commit/b94f010a5672730d50b191c0b92df1676bb7144c) - Apply Zero GPU for `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10099](https://github.com/gradio-app/gradio/pull/10099) [`8530b6e`](https://github.com/gradio-app/gradio/commit/8530b6e2f986421adceda98f972e6b843bc03fbe) - Redesign pending bubble in Chatbot.  Thanks @hannahblair!
+- [#10032](https://github.com/gradio-app/gradio/pull/10032) [`e450674`](https://github.com/gradio-app/gradio/commit/e450674ce41ca28f1f37a27fb149c728593a6ddf) - add  `webcam_height` and `webcam_width` to specify the resolution of the Webcam.  Thanks @yinsumirage!
+
+### Fixes
+
+- [#10123](https://github.com/gradio-app/gradio/pull/10123) [`36e9597`](https://github.com/gradio-app/gradio/commit/36e95977b068a96661f06b56c5f4e73ba8a94a38) - Fixes options in the streaming chatbot case.  Thanks @abidlabs!
+- [#10095](https://github.com/gradio-app/gradio/pull/10095) [`97d647e`](https://github.com/gradio-app/gradio/commit/97d647ecfdf3999b0a776e51abf69ef0cf6a050c) - Fix state changes within a gr.render.  Thanks @aliabid94!
+- [#10094](https://github.com/gradio-app/gradio/pull/10094) [`98dd668`](https://github.com/gradio-app/gradio/commit/98dd6687e1d4cc527fdc21083cba74533032a417) - add http codes 303 and 307 to `url_ok`.  Thanks @sharon-wang!
+- [#10125](https://github.com/gradio-app/gradio/pull/10125) [`b02c8b7`](https://github.com/gradio-app/gradio/commit/b02c8b7d4f85dab21a9fbd782e459de7b56558ed) - Fix sharing on chatbot with spaces.  Thanks @aliabid94!
+- [#10124](https://github.com/gradio-app/gradio/pull/10124) [`5d61c7b`](https://github.com/gradio-app/gradio/commit/5d61c7b70131ed0a7e73b883b687b7df5255a17b) - Fix lazy caching.  Thanks @abidlabs!
+- [#10114](https://github.com/gradio-app/gradio/pull/10114) [`ce5680f`](https://github.com/gradio-app/gradio/commit/ce5680f10fb572407a83d8ff8954379e2aaaab65) - Add event and gr.Select data support in gr.render blocks.  Thanks @aliabid94!
+- [#10113](https://github.com/gradio-app/gradio/pull/10113) [`de42c85`](https://github.com/gradio-app/gradio/commit/de42c85661faff84bd02960751b12c4bb722e153) - fix `every=` support in render.  Thanks @aliabid94!
+- [#10090](https://github.com/gradio-app/gradio/pull/10090) [`5ea3cb5`](https://github.com/gradio-app/gradio/commit/5ea3cb51a39ba01fda7f65ff31e59955e1d12cea) - Update `requirements.txt` for `gradio` and `gradio_client`.  Thanks @abidlabs!
+
+## 5.7.1
+
+### Features
+
+- [#10068](https://github.com/gradio-app/gradio/pull/10068) [`cbd7032`](https://github.com/gradio-app/gradio/commit/cbd703270a479f5bb8fc7327026e6d3c72ca8e0c) - fix: stream node response to user.  Thanks @XciD!
+- [#10064](https://github.com/gradio-app/gradio/pull/10064) [`c38cf64`](https://github.com/gradio-app/gradio/commit/c38cf64df606109b8b4fa029d82fbc64fd58d850) - Use get_token instead of HfFolder.get_token.  Thanks @Wauplin!
+
+### Fixes
+
+- [#10025](https://github.com/gradio-app/gradio/pull/10025) [`368ba73`](https://github.com/gradio-app/gradio/commit/368ba731069583b22fcf7ddc9501db349f6a2953) - Update Chat Interface examples and add more LLM libraries and API providers.  Thanks @abidlabs!
+- [#10059](https://github.com/gradio-app/gradio/pull/10059) [`19d4ee6`](https://github.com/gradio-app/gradio/commit/19d4ee62c3111262c4dde172690faa2f468d068d) - Allow concurrent renders.  Thanks @aliabid94!
+- [#10069](https://github.com/gradio-app/gradio/pull/10069) [`afd75de`](https://github.com/gradio-app/gradio/commit/afd75def9e979d9b255a6d22d33a3aee63b6f225) - Fix label placement in gr.HTML.  Thanks @hannahblair!
+
+## 5.7.0
+
+### Features
+
+- [#10013](https://github.com/gradio-app/gradio/pull/10013) [`5d36c80`](https://github.com/gradio-app/gradio/commit/5d36c8088d4d7f7dccce55a3f2be3bcd8b345332) - Add `gr.datetime` a param `interactive:bool`.  Thanks @yinsumirage!
+- [#10054](https://github.com/gradio-app/gradio/pull/10054) [`458941c`](https://github.com/gradio-app/gradio/commit/458941c508f11d43debf1cef6950f330145e336d) - Allow full screen mode in interactive gr.Image.  Thanks @hannahblair!
+- [#10017](https://github.com/gradio-app/gradio/pull/10017) [`a95fda1`](https://github.com/gradio-app/gradio/commit/a95fda1f85e80ce8423f4373bb238422b9b7aa32) - fix small bug when join src & api_prefix.  Thanks @Chandler-Bing!
+- [#10014](https://github.com/gradio-app/gradio/pull/10014) [`4aa0e88`](https://github.com/gradio-app/gradio/commit/4aa0e887a6e4b0245c01aac5a57f2adce67ade9a) - Add `container parameter` to `gr.HTML` component.  Thanks @yinsumirage!
+- [#9987](https://github.com/gradio-app/gradio/pull/9987) [`a2a3cd4`](https://github.com/gradio-app/gradio/commit/a2a3cd466c25e99949d5c49ed5710825dc796030) - Add `show_heading` param to gr.Label.  Thanks @hannahblair!
+- [#10030](https://github.com/gradio-app/gradio/pull/10030) [`ba05a7c`](https://github.com/gradio-app/gradio/commit/ba05a7cbb93af7ed565c563aa24fef920d14013d) - fix typing of launcher function.  Thanks @JackismyShephard!
+- [#9979](https://github.com/gradio-app/gradio/pull/9979) [`e7629f7`](https://github.com/gradio-app/gradio/commit/e7629f7eacdc2a8960fae7472669b60405a4a06c) - Adds copy event to `gr.Markdown`, `gr.Chatbot`, and `gr.Textbox`.  Thanks @abidlabs!
+- [#9989](https://github.com/gradio-app/gradio/pull/9989) [`369a44e`](https://github.com/gradio-app/gradio/commit/369a44e7f8c829b3c0e21830d3c2e92b89b4c243) - Add ability to provide preset response options in `gr.Chatbot` / `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10053](https://github.com/gradio-app/gradio/pull/10053) [`bea3d2e`](https://github.com/gradio-app/gradio/commit/bea3d2e363ed5471fcdfb12086b1ae4939c3bd35) - Add api_name for ChatInterface.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#9945](https://github.com/gradio-app/gradio/pull/9945) [`e9f0d03`](https://github.com/gradio-app/gradio/commit/e9f0d0315d27325f55a8b1c5c763d07e3d78fd06) - Ensure Enter is correctly handled in Safari and Firefox.  Thanks @hannahblair!
+- [#9990](https://github.com/gradio-app/gradio/pull/9990) [`c3324d7`](https://github.com/gradio-app/gradio/commit/c3324d7f7f824f17fd1177b2f6b353ab5c803d05) - Fix issues related to examples and example caching in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10055](https://github.com/gradio-app/gradio/pull/10055) [`5da6c1d`](https://github.com/gradio-app/gradio/commit/5da6c1da474cc5cfe2e6abfb242a3b1f3dcdfcb7) - Ensure chatbot messages are aligned correctly.  Thanks @hannahblair!
+- [#10036](https://github.com/gradio-app/gradio/pull/10036) [`ed156e2`](https://github.com/gradio-app/gradio/commit/ed156e258bef2f0db2d9bd828e0748c2e6cb9fb5) - Fix state serialization issue.  Thanks @freddyaboulton!
+- [#10016](https://github.com/gradio-app/gradio/pull/10016) [`7b8f1e4`](https://github.com/gradio-app/gradio/commit/7b8f1e447acae4506236db9819c7c4a54f8b8153) - Fix double gallery close button in preview.  Thanks @freddyaboulton!
+- [#9822](https://github.com/gradio-app/gradio/pull/9822) [`2e2cdbf`](https://github.com/gradio-app/gradio/commit/2e2cdbfb609ca992ccc31bb38589486aaaa14012) - Fix css preload when serving from proxied subpaths.  Thanks @amol-!
+- [#10037](https://github.com/gradio-app/gradio/pull/10037) [`d0b74ba`](https://github.com/gradio-app/gradio/commit/d0b74ba281b37d8883a4e4fbb98c5922600ca41e) - Ensure toolbar stays visible for large images in ImageEditor.  Thanks @hannahblair!
+- [#10015](https://github.com/gradio-app/gradio/pull/10015) [`db162bf`](https://github.com/gradio-app/gradio/commit/db162bfc5907d16b437443fef3c6972065cfa836) - enable lazy caching for chatinterface.  Thanks @abidlabs!
+- [#10000](https://github.com/gradio-app/gradio/pull/10000) [`29cfc03`](https://github.com/gradio-app/gradio/commit/29cfc03ecf92e459c538b0e17e942b0af4f5df4c) - Call `run_extra_startup_events` in Lite.  Thanks @whitphx!
+- [#10038](https://github.com/gradio-app/gradio/pull/10038) [`7d134e0`](https://github.com/gradio-app/gradio/commit/7d134e0b30ea916d208b7b2eacbb4788456d1377) - Fix example loading issue.  Thanks @freddyaboulton!
+- [#10011](https://github.com/gradio-app/gradio/pull/10011) [`74f22d5`](https://github.com/gradio-app/gradio/commit/74f22d57a153e087d81a8937cc9c918ff7d3eeb9) - Fix Starlette templating deprecation warning.  Thanks @abidlabs!
+- [#10001](https://github.com/gradio-app/gradio/pull/10001) [`f2fa270`](https://github.com/gradio-app/gradio/commit/f2fa27058ad9170f67bb6a1e1960bfb6ed2a2a76) - Fix Node.js start in Windows.  Thanks @rrg92!
+- [#10004](https://github.com/gradio-app/gradio/pull/10004) [`0879be7`](https://github.com/gradio-app/gradio/commit/0879be78b3ae220cb303ac275c8fd47d085aad18) - Ensure `show_label` param is used in HighlightedText.  Thanks @hannahblair!
+- [#9988](https://github.com/gradio-app/gradio/pull/9988) [`2afcad8`](https://github.com/gradio-app/gradio/commit/2afcad80abd489111e47cf586a2a8221cc3dc9b6) - Allow negative values in gr.Slider.  Thanks @hannahblair!
+- [#10041](https://github.com/gradio-app/gradio/pull/10041) [`c1fa13c`](https://github.com/gradio-app/gradio/commit/c1fa13c9c057ce05a325782e58b409cde79383b8) - Ensure ImageEditor brush colour is updated when changed.  Thanks @hannahblair!
+- [#10056](https://github.com/gradio-app/gradio/pull/10056) [`e0ed480`](https://github.com/gradio-app/gradio/commit/e0ed480798b237cbf76a711d02a91100e7b6067e) - Remove duplicated share icon in gr.Chatbot.  Thanks @hannahblair!
+
+## 5.6.0
+
+### Features
+
+- [#9906](https://github.com/gradio-app/gradio/pull/9906) [`eafe22c`](https://github.com/gradio-app/gradio/commit/eafe22cd9404d536b03d3fa80003acea78599d49) - Clearer error message in CheckboxGroup's preprocess function.  Thanks @muhammadyaseen!
+- [#9930](https://github.com/gradio-app/gradio/pull/9930) [`eae345e`](https://github.com/gradio-app/gradio/commit/eae345e5fde39aea220b57c6a954cd7d72ff32d5) - Allow settings custom headers in js client.  Thanks @elgiano!
+- [#9921](https://github.com/gradio-app/gradio/pull/9921) [`a70ba5e`](https://github.com/gradio-app/gradio/commit/a70ba5e0f01f0c376da0d4e45634bc967f5299f4) - Clearer error message in Dropdown's and Radio's preprocess function.  Thanks @muhammadyaseen!
+- [#9933](https://github.com/gradio-app/gradio/pull/9933) [`66375ac`](https://github.com/gradio-app/gradio/commit/66375acb5c0a3a8eecc4cfa00701b14f21f3ed68) - Fix typo in Exception raised by base.py.  Thanks @meg-huggingface!
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+- [#9966](https://github.com/gradio-app/gradio/pull/9966) [`da6f191`](https://github.com/gradio-app/gradio/commit/da6f1915547b03601d1808b28e57cca62308df71) - Remember token locally with `gr.load()`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#9949](https://github.com/gradio-app/gradio/pull/9949) [`cfb62bf`](https://github.com/gradio-app/gradio/commit/cfb62bfdb52d88295f27287f788fca977e37ae6d) - Allow dataframe column content to wrap.  Thanks @hannahblair!
+- [#9897](https://github.com/gradio-app/gradio/pull/9897) [`c0cf80b`](https://github.com/gradio-app/gradio/commit/c0cf80bddd99ad0f836e618cc3d2b13e73cb5611) - Allow datetime value to be null.  Thanks @hannahblair!
+- [#9958](https://github.com/gradio-app/gradio/pull/9958) [`75ad3e3`](https://github.com/gradio-app/gradio/commit/75ad3e341978a521df3d11d4f97d6e55f784c9a1) - SSR Safari Fix.  Thanks @dawoodkhan82!
+- [#9905](https://github.com/gradio-app/gradio/pull/9905) [`08f4b8b`](https://github.com/gradio-app/gradio/commit/08f4b8b000702456e04fac70961a4fbe0058f11c) - Add `allow_file_downloads` param to allow downloading image/video/audio media in chatbot.  Thanks @hannahblair!
+- [#9913](https://github.com/gradio-app/gradio/pull/9913) [`d81f430`](https://github.com/gradio-app/gradio/commit/d81f430fd50546001b76c0ae5fded32c6d3093f7) - fix: Fix filename stripping to preserve extensions.  Thanks @TakaSoap!
+- [#9946](https://github.com/gradio-app/gradio/pull/9946) [`a966e9f`](https://github.com/gradio-app/gradio/commit/a966e9f753af25eb9d813dfdbce39be6f3014d82) - Hide upload button after upload when `file_count="single"`.  Thanks @abidlabs!
+- [#9901](https://github.com/gradio-app/gradio/pull/9901) [`74b4ff0`](https://github.com/gradio-app/gradio/commit/74b4ff0e61a2a32e1cd5e3354d3002b369c7ad83) - Ensure radio radius is consistent with checkbox radius.  Thanks @hannahblair!
+- [#9904](https://github.com/gradio-app/gradio/pull/9904) [`f523c91`](https://github.com/gradio-app/gradio/commit/f523c915d3732859ff4a8019a82cb597b5208ae2) - Ensure dropped files are validated in MultimediaTextbox.  Thanks @hannahblair!
+
+## 5.5.0
+
+### Features
+
+- [#9875](https://github.com/gradio-app/gradio/pull/9875) [`8305ff8`](https://github.com/gradio-app/gradio/commit/8305ff8712183f27174cfb891548ad7cc1c67fed) - Adds `.expand()` and `.collapse()` events to `gr.Accordion`.  Thanks @abidlabs!
+- [#9424](https://github.com/gradio-app/gradio/pull/9424) [`a1582a6`](https://github.com/gradio-app/gradio/commit/a1582a6dca494618c734208cade87acfdac91004) - Lite worker refactoring.  Thanks @whitphx!
+- [#9891](https://github.com/gradio-app/gradio/pull/9891) [`fc12496`](https://github.com/gradio-app/gradio/commit/fc124964a1b4922e54a4ca4755f0a536dfae1a21) - Allow uploading more files in gr.File.  Thanks @hannahblair!
+- [#9898](https://github.com/gradio-app/gradio/pull/9898) [`dcfa7ad`](https://github.com/gradio-app/gradio/commit/dcfa7ad3e819002c0213a592ad726ccfd9e2bf0c) - Enforce `meta` key present during preprocess in FileData payloads.  Thanks @freddyaboulton!
+- [#9887](https://github.com/gradio-app/gradio/pull/9887) [`d407c00`](https://github.com/gradio-app/gradio/commit/d407c007153705a7f5446f4601c12f208ec32a5b) - Add `.download()` event to `gr.File`.  Thanks @abidlabs!
+- [#9726](https://github.com/gradio-app/gradio/pull/9726) [`b6725cf`](https://github.com/gradio-app/gradio/commit/b6725cf6c1fe9667dc10e1988976ed36d84d73d3) - Lite auto-load imported modules with `pyodide.loadPackagesFromImports`.  Thanks @whitphx!
+- [#9786](https://github.com/gradio-app/gradio/pull/9786) [`f109497`](https://github.com/gradio-app/gradio/commit/f109497e8281b3429b58e3f6a293dd63ebcc08af) - Fix frontend errors on ApiDocs and RecordingSnippet.  Thanks @whitphx!
+- [#9800](https://github.com/gradio-app/gradio/pull/9800) [`d1cfe1e`](https://github.com/gradio-app/gradio/commit/d1cfe1e9defa06f927aec2671656fe77514dd0fa) - Allow plot tooltip to show extra columns.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9835](https://github.com/gradio-app/gradio/pull/9835) [`4d90883`](https://github.com/gradio-app/gradio/commit/4d9088354df528c8edf981f3e756d8927d3e8805) - Allows selection of directories in File Explorer.  Thanks @aliabid94!
+- [#9883](https://github.com/gradio-app/gradio/pull/9883) [`e10bbd2`](https://github.com/gradio-app/gradio/commit/e10bbd236f5817698f5e5ac1c14c7ec179a725b6) - Fix live interfaces for audio/image streaming.  Thanks @freddyaboulton!
+- [#9804](https://github.com/gradio-app/gradio/pull/9804) [`458a38c`](https://github.com/gradio-app/gradio/commit/458a38cabb8e378bb008b1abec8eee8b780fe712) - Fixes for ChatInterface Examples when additional inputs are provided.  Thanks @dawoodkhan82!
+- [#9827](https://github.com/gradio-app/gradio/pull/9827) [`7ed8d02`](https://github.com/gradio-app/gradio/commit/7ed8d02979e8ad4db6ef62b29ce080f31bcf9a0d) - Fix Loading SSR'd apps via gr.load.  Thanks @freddyaboulton!
+- [#9882](https://github.com/gradio-app/gradio/pull/9882) [`6c8a064`](https://github.com/gradio-app/gradio/commit/6c8a064feeaa89a2ffc96260032f24f18eb032fa) - Ensure non-form elements are correctly positioned when scale is applied.  Thanks @hannahblair!
+- [#9880](https://github.com/gradio-app/gradio/pull/9880) [`120198f`](https://github.com/gradio-app/gradio/commit/120198fe2da2ded9e8f27549b9dfd1cd81992ec4) - Fixes LoginButton for SSR.  Thanks @dawoodkhan82!
+- [#9881](https://github.com/gradio-app/gradio/pull/9881) [`6866a54`](https://github.com/gradio-app/gradio/commit/6866a5433afe7e29ad73bac10ecbc3b44f5867f4) - Ensure gallery share button is positioned correctly.  Thanks @hannahblair!
+- [#9826](https://github.com/gradio-app/gradio/pull/9826) [`69acfeb`](https://github.com/gradio-app/gradio/commit/69acfebffd0d3479a40352de19c8763863557428) - Make sure the Tool accordion is closed if it is not the last message.  Thanks @freddyaboulton!
+- [#9892](https://github.com/gradio-app/gradio/pull/9892) [`7d77024`](https://github.com/gradio-app/gradio/commit/7d77024cb8f9cfd39a6468de9534e58dcfa69f49) - Fix dataframe height increasing on scroll.  Thanks @abidlabs!
+- [#9859](https://github.com/gradio-app/gradio/pull/9859) [`c1cb5be`](https://github.com/gradio-app/gradio/commit/c1cb5be2d79fce5d25032366b5864700ba9d1114) - Fix: Resolve copy button visibility issue in Textbox component.  Thanks @rahulsamant37!
+- [#9886](https://github.com/gradio-app/gradio/pull/9886) [`fa5d433`](https://github.com/gradio-app/gradio/commit/fa5d4339d6aafda529150d9536b895e2b239c831) - Do not load code in gr.NO_RELOAD in the reload mode watch thread.  Thanks @freddyaboulton!
+
+## 5.4.0
+
+### Features
+
+- [#9834](https://github.com/gradio-app/gradio/pull/9834) [`febbed6`](https://github.com/gradio-app/gradio/commit/febbed6db1c1f33cab52bf0d0bbe31fc4ba65305) - Pin multipart version to fix issues with yanking.  Thanks @aliabd!
+- [#9792](https://github.com/gradio-app/gradio/pull/9792) [`d2b56a4`](https://github.com/gradio-app/gradio/commit/d2b56a4c0457c1d5f30a9bbef2572049e47de312) - more fix.  Thanks @pngwn!
+- [#9795](https://github.com/gradio-app/gradio/pull/9795) [`ff5be45`](https://github.com/gradio-app/gradio/commit/ff5be457dc2ed901f3de1493bdbcb80ec341207a) - Use `safehttpx.get()` instead of `async_get_with_secure_transport()`.  Thanks @abidlabs!
+- [#9807](https://github.com/gradio-app/gradio/pull/9807) [`5e89b6d`](https://github.com/gradio-app/gradio/commit/5e89b6d23a872e62e795f5bac969837b0d05de50) - Allow accepting user-provided-tokens in `gr.load`.  Thanks @abidlabs!
+- [#9819](https://github.com/gradio-app/gradio/pull/9819) [`160b27c`](https://github.com/gradio-app/gradio/commit/160b27c0d1f92f487cb91b311edfa3aa9e8af561) - Update requirements.txt to allow pillow 11.x.  Thanks @bob-jones-cs!
+- [#9649](https://github.com/gradio-app/gradio/pull/9649) [`b1b81c9`](https://github.com/gradio-app/gradio/commit/b1b81c9e1c10c2c14a5cb0661d2503259ece1a1b) - Hide option to add row/col when count is fixed in dataframe.  Thanks @hannahblair!
+- [#9805](https://github.com/gradio-app/gradio/pull/9805) [`78e3b51`](https://github.com/gradio-app/gradio/commit/78e3b517af97dd11a3a0465bd34360b9bd8945c1) - Allow setting plotly margins.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9831](https://github.com/gradio-app/gradio/pull/9831) [`767643f`](https://github.com/gradio-app/gradio/commit/767643fdeccb1ae1481e1d79034317082144b371) - Fix a bug in example textbox rendering when it is initially invisible.  Thanks @cornzz!
+- [#9836](https://github.com/gradio-app/gradio/pull/9836) [`a4e70f3`](https://github.com/gradio-app/gradio/commit/a4e70f3c428d7a43e31b63d296e9c4c73b09eda8) - Fix Tabs in Rows.  Thanks @aliabid94!
+- [#9769](https://github.com/gradio-app/gradio/pull/9769) [`3b9ed29`](https://github.com/gradio-app/gradio/commit/3b9ed299e9ffd7df834299cfcd547be0e844e1bb) - Fix avatar image placement in Chatbot.  Thanks @hannahblair!
+- [#9757](https://github.com/gradio-app/gradio/pull/9757) [`f971ca6`](https://github.com/gradio-app/gradio/commit/f971ca6ab53100693152bb3f975fa753a6e29e3b) - added audioop-lts module to support pydub for python3.13+.  Thanks @samy-FERGUI!
+- [#9651](https://github.com/gradio-app/gradio/pull/9651) [`1163a37`](https://github.com/gradio-app/gradio/commit/1163a372a61cf84d110160c1711892b9b689d1d3) - Fixes component info font size.  Thanks @dawoodkhan82!
+- [#9814](https://github.com/gradio-app/gradio/pull/9814) [`6505d42`](https://github.com/gradio-app/gradio/commit/6505d4289a3e3d27d9133b1c8af41697fdc1476d) - support gradio apps on spaces served on subpaths.  Thanks @pngwn!
+- [#9806](https://github.com/gradio-app/gradio/pull/9806) [`b538bda`](https://github.com/gradio-app/gradio/commit/b538bdaa067a01a1ac404356062086c9dc7001b5) - update docstring for the the "variant" parameter in `gr.Button`.  Thanks @fadingNA!
+- [#9815](https://github.com/gradio-app/gradio/pull/9815) [`90d9d14`](https://github.com/gradio-app/gradio/commit/90d9d1451860d99fc7b74d5105543f5e71c4b6b9) - use different env var for node port range.  Thanks @pngwn!
+- [#9825](https://github.com/gradio-app/gradio/pull/9825) [`f15808e`](https://github.com/gradio-app/gradio/commit/f15808eff361cdbba5237d1deb8b60128bc844e4) - fix: use system timezone in gr.DateTime with include_time=False.  Thanks @lcian!
+- [#9783](https://github.com/gradio-app/gradio/pull/9783) [`caf3650`](https://github.com/gradio-app/gradio/commit/caf3650482970cf649ec17d1a2d7d43651b37a04) - Exclude python-multipart 0.0.13.  Thanks @whitphx!
+
+## 5.3.0
+
+### Features
+
+- [#9746](https://github.com/gradio-app/gradio/pull/9746) [`5015abb`](https://github.com/gradio-app/gradio/commit/5015abbd78434754931c2b09d9f603f212c4566d) - fix `@gradio/sanitize` exports.  Thanks @pngwn!
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+- [#9781](https://github.com/gradio-app/gradio/pull/9781) [`7579e92`](https://github.com/gradio-app/gradio/commit/7579e92971e67be3ae81dd00a3acfbb58dd9ba27) - Allow smoother plot changes.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9770](https://github.com/gradio-app/gradio/pull/9770) [`47b5565`](https://github.com/gradio-app/gradio/commit/47b556523db3b63d6a9c2f9f69e8632bfa4ddff6) - Fix broken image select.  Thanks @aliabid94!
+- [#9754](https://github.com/gradio-app/gradio/pull/9754) [`36a5076`](https://github.com/gradio-app/gradio/commit/36a50769095081a0e77f04f513d47a2e9d4531ba) - Update client.py: raise error on 429 get_config.  Thanks @Pendrokar!
+- [#9780](https://github.com/gradio-app/gradio/pull/9780) [`a72e1a9`](https://github.com/gradio-app/gradio/commit/a72e1a97686601bf72c7df5e7e066a532bbb7f38) - Streaming Markdown in chatbot Component Fix.  Thanks @dawoodkhan82!
+- [#9767](https://github.com/gradio-app/gradio/pull/9767) [`16895e8`](https://github.com/gradio-app/gradio/commit/16895e862871839db762f6318622a5a64b9d5199) - Fixes #9742.  Thanks @crypdick!
+- [#9654](https://github.com/gradio-app/gradio/pull/9654) [`cd7dab7`](https://github.com/gradio-app/gradio/commit/cd7dab7ba5c81983f133dfa9e90ac6f92ac4fa1f) - Improve select event behaviour in gr.Dataframe.  Thanks @hannahblair!
+- [#9700](https://github.com/gradio-app/gradio/pull/9700) [`2932e06`](https://github.com/gradio-app/gradio/commit/2932e067d5716a0f3939bfa3f310db8cdcf565c1) - Fix API info bug.  Thanks @freddyaboulton!
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+- [#9758](https://github.com/gradio-app/gradio/pull/9758) [`38701a9`](https://github.com/gradio-app/gradio/commit/38701a99710f9484dade8a93c5bf3a43ea30a0d3) - Fix icons not showing in Safari.  Thanks @hannahblair!
+- [#9738](https://github.com/gradio-app/gradio/pull/9738) [`2ade59b`](https://github.com/gradio-app/gradio/commit/2ade59b95d4c3610a1a461cc95f020fbf9627305) - Export `Tabs` type from `@gradio/tabs` and fix the Playground to be compatible with the new Tabs API.  Thanks @whitphx!
+- [#9762](https://github.com/gradio-app/gradio/pull/9762) [`bcb7d15`](https://github.com/gradio-app/gradio/commit/bcb7d15a8aef1cf1b873ba3d039fbec91432c5b2) - Add a `.clear` event to the `gr.Chatbot` component.  Thanks @abidlabs!
+- [#9765](https://github.com/gradio-app/gradio/pull/9765) [`df34f58`](https://github.com/gradio-app/gradio/commit/df34f58c3db12abb3965af8ea83a1bbd25c22be7) - Fixes bug where SVG icons could not be used in Buttons/Chatbots.  Thanks @freddyaboulton!
+
+## 5.2.1
+
+### Fixes
+
+- [#9730](https://github.com/gradio-app/gradio/pull/9730) [`39a0e8c`](https://github.com/gradio-app/gradio/commit/39a0e8c2fb038eb0afc213fa6290c9b2acee7941) - Fix chatbot component streaming bug and visible bug.  Thanks @freddyaboulton!
+
+## 5.2.0
+
+### Features
+
+- [#9712](https://github.com/gradio-app/gradio/pull/9712) [`bad46f3`](https://github.com/gradio-app/gradio/commit/bad46f3e8c1b6e94ccb8c936fe6a0e1c1e6f87f8) - Set min FastAPI version.  Thanks @freddyaboulton!
+- [#9699](https://github.com/gradio-app/gradio/pull/9699) [`ea2367c`](https://github.com/gradio-app/gradio/commit/ea2367ccb1b75827a086d1c19e2a4595d7a5aa0f) - allow setting initial value of `gr.Dropdown` to `None` to designate that no value should be initially selected.  Thanks @abidlabs!
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+### Fixes
+
+- [#9716](https://github.com/gradio-app/gradio/pull/9716) [`3c7f2ad`](https://github.com/gradio-app/gradio/commit/3c7f2ad15f80724bbc5c88c24621e6a078d2bb97) - Restore light/dark custom setting.  Thanks @aliabid94!
+- [#9719](https://github.com/gradio-app/gradio/pull/9719) [`7ec57cb`](https://github.com/gradio-app/gradio/commit/7ec57cb018a97270cd00c6e1aa5558e378855c53) - Fix Lite dependencies.  Thanks @whitphx!
+- [#9711](https://github.com/gradio-app/gradio/pull/9711) [`7134fc2`](https://github.com/gradio-app/gradio/commit/7134fc272e9e60be4b80dfd294ff8926d5995188) - Custom component fixes.  Thanks @freddyaboulton!
+- [#9659](https://github.com/gradio-app/gradio/pull/9659) [`b1a0f6d`](https://github.com/gradio-app/gradio/commit/b1a0f6db0d6900cb4089f4d5809a5f1d5e2609ee) - Fix the behavior of `gr.LoginButton` locally and on Spaces.  Thanks @abidlabs!
+- [#9693](https://github.com/gradio-app/gradio/pull/9693) [`c45b466`](https://github.com/gradio-app/gradio/commit/c45b46652d49e0a8a5d8217bbbc6ddbe4b4e91f0) - Fix progress bar compatibility with generators.  Thanks @brody715!
+- [#9728](https://github.com/gradio-app/gradio/pull/9728) [`d0b2ce8`](https://github.com/gradio-app/gradio/commit/d0b2ce8c0f150f0b636ad7d2226f7c8c61401996) - Ensure tabs render in SSR mode and reduce time it takes for them to render.  Thanks @pngwn!
+- [#9709](https://github.com/gradio-app/gradio/pull/9709) [`31418ef`](https://github.com/gradio-app/gradio/commit/31418ef388a2dc524069ee230c2735a4beaf55f1) - fix table type check.  Thanks @hannahblair!
+- [#9731](https://github.com/gradio-app/gradio/pull/9731) [`ea283e7`](https://github.com/gradio-app/gradio/commit/ea283e739849dcbb1c49c04d4c756d3cb2d72dbb) - fix css syntax error.  Thanks @pngwn!
+- [#9652](https://github.com/gradio-app/gradio/pull/9652) [`35bebf3`](https://github.com/gradio-app/gradio/commit/35bebf38eb0f61fe8e4f032ee093e92355baeecb) - Hide default slider background.  Thanks @hannahblair!
+- [#9678](https://github.com/gradio-app/gradio/pull/9678) [`a25a26e`](https://github.com/gradio-app/gradio/commit/a25a26e208c3f3675ba857a889553c7ccc95e866) - Fix: `file_types` checking bug.  Thanks @jasongzy!
+
+## 5.1.0
+
+### Features
+
+- [#9662](https://github.com/gradio-app/gradio/pull/9662) [`b1c5a68`](https://github.com/gradio-app/gradio/commit/b1c5a68f9003b77b5c70b641100f7db339295180) - Tweak message shown in Colab notebooks.  Thanks @abidlabs!
+- [#9656](https://github.com/gradio-app/gradio/pull/9656) [`8f6626c`](https://github.com/gradio-app/gradio/commit/8f6626cd0e5a0c24e1966fbc3e28185c18a04b61) - Fix streaming Audio/Video Output.  Thanks @freddyaboulton!
+- [#9660](https://github.com/gradio-app/gradio/pull/9660) [`3407b50`](https://github.com/gradio-app/gradio/commit/3407b505c706cd8e2bbe03603a5ff825f2d0a08a) - Chat Interface Functional test Fix + Chat Examples Center.  Thanks @dawoodkhan82!
+- [#9677](https://github.com/gradio-app/gradio/pull/9677) [`3a19e69`](https://github.com/gradio-app/gradio/commit/3a19e690ef8de12c4494429d52988b863065eed3) - Revert text disable.  Thanks @whitphx!
+
+### Fixes
+
+- [#9676](https://github.com/gradio-app/gradio/pull/9676) [`fd0264f`](https://github.com/gradio-app/gradio/commit/fd0264f3358ef848690eceacb75481212dceecf0) - Fix Audio in Chatbot bug.  Thanks @freddyaboulton!
+
+## 5.0.2
+
+### Fixes
+
+- [#9528](https://github.com/gradio-app/gradio/pull/9528) [`9004b11`](https://github.com/gradio-app/gradio/commit/9004b110640bdb54995343a870bf080ee15da02d) - Fix Lite to work on FireFox.  Thanks @whitphx!
+
+## 5.0.1
+
+### Features
+
+- [#9632](https://github.com/gradio-app/gradio/pull/9632) [`9b58ab0`](https://github.com/gradio-app/gradio/commit/9b58ab00b78bedd892c221559b4b54a9211b4969) - bump to node 20.  Thanks @pngwn!
+- [#9626](https://github.com/gradio-app/gradio/pull/9626) [`ec95b02`](https://github.com/gradio-app/gradio/commit/ec95b0212b3ce2bf1a14af92fcd40d15052dd672) - Fix stopping chat interface when stop button is clicked.  Thanks @aliabid94!
+- [#9617](https://github.com/gradio-app/gradio/pull/9617) [`c163182`](https://github.com/gradio-app/gradio/commit/c163182d1b752ef91629f9caa13bf3cce0fb0869) - Fix dark mode detection and container height.  Thanks @pngwn!
+- [#9623](https://github.com/gradio-app/gradio/pull/9623) [`5923c67`](https://github.com/gradio-app/gradio/commit/5923c679136cca68731393d5e4f3bd338e651f44) - Fix Chatbot Examples Error.  Thanks @freddyaboulton!
+- [#9614](https://github.com/gradio-app/gradio/pull/9614) [`5d98550`](https://github.com/gradio-app/gradio/commit/5d985509b4b71aa4aa6b28acc38fe83c278dbbfa) - Fix `retry` and `undo` reactivity in gr.Chatbot.  Thanks @hannahblair!
+- [#9619](https://github.com/gradio-app/gradio/pull/9619) [`1f3ee97`](https://github.com/gradio-app/gradio/commit/1f3ee97d10415bf7dfa693746517cf97897049b7) - Fix Functional Tests.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#9630](https://github.com/gradio-app/gradio/pull/9630) [`2eaa066`](https://github.com/gradio-app/gradio/commit/2eaa0667e1d1a0edd1089bf8c3ffa3f563b9bca2) - Fix duplicate attribute error.  Thanks @pngwn!
+
+## 5.0.0-beta.10
+
+### Fixes
+
+- [#9600](https://github.com/gradio-app/gradio/pull/9600) [`9f71086`](https://github.com/gradio-app/gradio/commit/9f71086036339bfdd14f3aab29729041a01fc2d4) - Ensure undo/try shows for final bot message in gr.Chatbot.  Thanks @hannahblair!
+
+## 5.0.0-beta.9
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+- [#9593](https://github.com/gradio-app/gradio/pull/9593) [`cc61fe7`](https://github.com/gradio-app/gradio/commit/cc61fe7047ac61779a61cce52c666400b9517daa) - Some more chatbot fixes.  Thanks @dawoodkhan82!
+- [#9583](https://github.com/gradio-app/gradio/pull/9583) [`b92a762`](https://github.com/gradio-app/gradio/commit/b92a7623e1ebd801587041e1ccca058a61058da9) - Disable the submit button and enter-key submit when the text is empty.  Thanks @whitphx!
+- [#9590](https://github.com/gradio-app/gradio/pull/9590) [`e853c41`](https://github.com/gradio-app/gradio/commit/e853c413583d91186aef3aceb0849d0ec0494834) - SSR e2e + fixes.  Thanks @pngwn!
+- [#9591](https://github.com/gradio-app/gradio/pull/9591) [`139152f`](https://github.com/gradio-app/gradio/commit/139152fe18bfdc5644a59d7bdfec9891b644f0bf) - Equal height in row false by default.  Thanks @aliabid94!
+- [#9589](https://github.com/gradio-app/gradio/pull/9589) [`477f45c`](https://github.com/gradio-app/gradio/commit/477f45cb43be957684eb392e3d62c09490c22391) - Only move files to the cache that have a meta key.  Thanks @freddyaboulton!
+- [#9584](https://github.com/gradio-app/gradio/pull/9584) [`6f8fa54`](https://github.com/gradio-app/gradio/commit/6f8fa5405528ad684084e4c7facfe36624fe7784) - Chat Interface Multimodal Fix & Fallback to `gr.Examples()`.  Thanks @dawoodkhan82!
+- [#9482](https://github.com/gradio-app/gradio/pull/9482) [`bd6c5f2`](https://github.com/gradio-app/gradio/commit/bd6c5f237b0631d86273c7684c3bf2b1011992a3) - Fix custom component CLI on main/5.0.  Thanks @freddyaboulton!
+- [#9601](https://github.com/gradio-app/gradio/pull/9601) [`c078892`](https://github.com/gradio-app/gradio/commit/c07889223cb64661b17560b707b977248809470a) - Tweak gr.Dataframe menu UX.  Thanks @hannahblair!
+- [#9575](https://github.com/gradio-app/gradio/pull/9575) [`4ec2feb`](https://github.com/gradio-app/gradio/commit/4ec2feb04e452d2c77482c09543c59948567be67) - Update gr.Dataframe UI with action popover.  Thanks @hannahblair!
+- [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll.  Thanks @whitphx!
+- [#9598](https://github.com/gradio-app/gradio/pull/9598) [`ffc33fa`](https://github.com/gradio-app/gradio/commit/ffc33facaec1bcc92add5892afb86b7b5ba037d4) - Fix markdown code copy/check button in gr.Chatbot.  Thanks @hannahblair!
+- [#9576](https://github.com/gradio-app/gradio/pull/9576) [`430a26a`](https://github.com/gradio-app/gradio/commit/430a26a4fbcbabb5e9ddb6173bf658a00960e88e) - Fix reload mode.  Thanks @freddyaboulton!
+- [#9580](https://github.com/gradio-app/gradio/pull/9580) [`a9ac396`](https://github.com/gradio-app/gradio/commit/a9ac396f19218eafc441b7614289b4828cde853d) - Deep equal check with hash.  Thanks @aliabid94!
+- [#9499](https://github.com/gradio-app/gradio/pull/9499) [`17e6c84`](https://github.com/gradio-app/gradio/commit/17e6c84d6b11651cd03c1d47caec85de62030ea0) - Fix `gr.Chatbot` panels layout.  Thanks @hannahblair!
+- [#9592](https://github.com/gradio-app/gradio/pull/9592) [`24fe222`](https://github.com/gradio-app/gradio/commit/24fe222fd17583d04dd31aebf60b649224e8382f) - Fix favicon in ssr mode.  Thanks @freddyaboulton!
+
+## 5.0.0-beta.8
+
+### Features
+
+- [#9550](https://github.com/gradio-app/gradio/pull/9550) [`b0fedd7`](https://github.com/gradio-app/gradio/commit/b0fedd7ef718c0df797ec277db7e773543a70a4d) - Fix most flaky Python tests in `5.0-dev` branch.  Thanks @abidlabs!
+- [#9577](https://github.com/gradio-app/gradio/pull/9577) [`9f532e0`](https://github.com/gradio-app/gradio/commit/9f532e03a6b91b9a5592152c19b9b2611774cae7) - Equal height columns.  Thanks @aliabid94!
+- [#9570](https://github.com/gradio-app/gradio/pull/9570) [`e0ee3d5`](https://github.com/gradio-app/gradio/commit/e0ee3d5bb1020744cefa1abf66009fbf07da8cbe) - Update gr.ColorPicker UI.  Thanks @hannahblair!
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+- [#9571](https://github.com/gradio-app/gradio/pull/9571) [`148345d`](https://github.com/gradio-app/gradio/commit/148345d107763754710505281ad70368ebc6f3ec) - Fix chatinterface embedding height issues.  Thanks @aliabid94!
+- [#9525](https://github.com/gradio-app/gradio/pull/9525) [`7c367b6`](https://github.com/gradio-app/gradio/commit/7c367b6cf0472d478671b7c7476e892b4c61c812) - Fix cut off in gr.ImageEditor.  Thanks @hannahblair!
+- [#9522](https://github.com/gradio-app/gradio/pull/9522) [`3b71ed2`](https://github.com/gradio-app/gradio/commit/3b71ed21b7e2ecb67eb68fb946d25565169cb4df) - Api info fix.  Thanks @freddyaboulton!
+- [#9508](https://github.com/gradio-app/gradio/pull/9508) [`b260389`](https://github.com/gradio-app/gradio/commit/b26038932a64f024bd149a56b1539e9e75802f29) - Change caching to occur not at the creation of a `gr.Examples()` but when the Blocks is actually launched.  Thanks @aliabid94!
+- [#9524](https://github.com/gradio-app/gradio/pull/9524) [`cf39640`](https://github.com/gradio-app/gradio/commit/cf396404ec8052c7fbf5f045955028bc54a274a5) - Add `css_paths` and `head_paths` parameters.  Thanks @abidlabs!
+
+## 5.0.0-beta.7
+
+### Features
+
+- [#9546](https://github.com/gradio-app/gradio/pull/9546) [`b82aa6f`](https://github.com/gradio-app/gradio/commit/b82aa6f115f6ad9a9690bdecb0fe63c162dc75c0) - Disable sagemaker_check() for now.  Thanks @vmatt!
+- [#9545](https://github.com/gradio-app/gradio/pull/9545) [`098a009`](https://github.com/gradio-app/gradio/commit/098a009c05243967bd9e5acc28864eb40a135f6a) - Add Jinja2 language to Code component.  Thanks @CISC!
+- [#9526](https://github.com/gradio-app/gradio/pull/9526) [`f60bb68`](https://github.com/gradio-app/gradio/commit/f60bb68f52cd0863d9087b3fbc56635e297adef1) - Fix single select dropdown.  Thanks @whitphx!
+- [#9497](https://github.com/gradio-app/gradio/pull/9497) [`d826faa`](https://github.com/gradio-app/gradio/commit/d826faa8c2584cf0772d4e66b4073e33b83f3a00) - Hide x axis labels.  Thanks @aliabid94!
+
+## 5.0.0-beta.6
+
+### Features
+
+- [#9460](https://github.com/gradio-app/gradio/pull/9460) [`7352a89`](https://github.com/gradio-app/gradio/commit/7352a89722da91461c32fd33588531f3edce9c48) - Playground requirements tab.  Thanks @whitphx!
+- [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes.  Thanks @aliabid94!
+- [#9450](https://github.com/gradio-app/gradio/pull/9450) [`991883e`](https://github.com/gradio-app/gradio/commit/991883e217dc0a3512b3ae3245378812f373b8db) - Improve `gr.Code`.  Thanks @hannahblair!
+- [#9504](https://github.com/gradio-app/gradio/pull/9504) [`d054262`](https://github.com/gradio-app/gradio/commit/d054262f611d5f1eb1a1c936db7152347a891f8e) - Centre components within `Block` when height and width are set.  Thanks @hannahblair!
+- [#9481](https://github.com/gradio-app/gradio/pull/9481) [`2510a6e`](https://github.com/gradio-app/gradio/commit/2510a6e978a49432d7820e9518f164a70cf8acc8) - Fix `slider-color` var.  Thanks @hannahblair!
+- [#9495](https://github.com/gradio-app/gradio/pull/9495) [`488ef76`](https://github.com/gradio-app/gradio/commit/488ef768ccc5008401f7e0aa4c357b93311190ff) - Fix custom component CLI unit tests.  Thanks @freddyaboulton!
+- [#9488](https://github.com/gradio-app/gradio/pull/9488) [`4e6a47f`](https://github.com/gradio-app/gradio/commit/4e6a47f5a29cb885d5bc01a79ca4cc45d298f0b1) - Fixes: Chatbot examples for custom chatbot + rename `suggestions` -> `examples`.  Thanks @dawoodkhan82!
+- [#9506](https://github.com/gradio-app/gradio/pull/9506) [`861f5e9`](https://github.com/gradio-app/gradio/commit/861f5e97ffde5f59e42cfa213364f19e84d799fd) - Fix node process to run with correct server name.  Thanks @abidlabs!
+- [#9493](https://github.com/gradio-app/gradio/pull/9493) [`c307a0c`](https://github.com/gradio-app/gradio/commit/c307a0c9b81b66bde21f0af4a9f7d5726ea7a30d) - Minor fixes to docs and a demo.  Thanks @abidlabs!
+- [#9519](https://github.com/gradio-app/gradio/pull/9519) [`0ab6ac5`](https://github.com/gradio-app/gradio/commit/0ab6ac5dc01b69e4f2462d00c4910f3354441227) - Fix change triggers for dropdown and radio.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#9431](https://github.com/gradio-app/gradio/pull/9431) [`7065e11`](https://github.com/gradio-app/gradio/commit/7065e11e465fcdfe14688bd6ca2aeed0a25fcc36) - Check for `file_types` parameter in the backend.  Thanks @dawoodkhan82!
+
+## 5.0.0-beta.5
+
+### Features
+
+- [#9470](https://github.com/gradio-app/gradio/pull/9470) [`b406139`](https://github.com/gradio-app/gradio/commit/b40613928c0e0d224ff2b4db5d0b45727c178560) - Add support for 3rd party providers to `gr.load`, and provide a better UX for conversational models.  Thanks @abidlabs!
+- [#9383](https://github.com/gradio-app/gradio/pull/9383) [`30d13ac`](https://github.com/gradio-app/gradio/commit/30d13ac8a932d53abfd236d3e4e845570480e701) - Pre/post-processing download requests.  Thanks @aliabid94!
+- [#9464](https://github.com/gradio-app/gradio/pull/9464) [`3ac5d9c`](https://github.com/gradio-app/gradio/commit/3ac5d9c972576d82bc365a6532e6e12f55441a30) - Fix plots.  Thanks @pngwn!
+
+## 5.0.0-beta.4
+
+### Features
+
+- [#9419](https://github.com/gradio-app/gradio/pull/9419) [`018c140`](https://github.com/gradio-app/gradio/commit/018c140ef86cacc8211df05b57b26924dab7fa08) - Start/stop recoding from the backend. Add guide on conversational chatbots.  Thanks @freddyaboulton!
+- [#9453](https://github.com/gradio-app/gradio/pull/9453) [`56dbf77`](https://github.com/gradio-app/gradio/commit/56dbf77671012015efd3c745bc33e5074ab7158f) - Chatbot bug fixes.  Thanks @dawoodkhan82!
+- [#9448](https://github.com/gradio-app/gradio/pull/9448) [`e7a415b`](https://github.com/gradio-app/gradio/commit/e7a415b1ef923d31754b302b3cd8b5e71a9ea446) - Use or `pathlib.Path` objects to indicate filepaths for `css`, `js`, and `head` parameters.  Thanks @abidlabs!
+- [#9469](https://github.com/gradio-app/gradio/pull/9469) [`f7c3396`](https://github.com/gradio-app/gradio/commit/f7c3396f55a5b8364d3880a29d766bd092d7f840) - Fix. Triggered dataframe change event for header change.  Thanks @Joodith!
+- [#9447](https://github.com/gradio-app/gradio/pull/9447) [`afbd8e7`](https://github.com/gradio-app/gradio/commit/afbd8e7a2faadeea5a431f67a753dea14dd5829f) - Reduce analytics that are collected.  Thanks @abidlabs!
+- [#9438](https://github.com/gradio-app/gradio/pull/9438) [`8f469e1`](https://github.com/gradio-app/gradio/commit/8f469e1d1d9d1636e4dedfb1c09e76a5e2ba8d4e) - Small changes to caching.  Thanks @abidlabs!
+- [#9446](https://github.com/gradio-app/gradio/pull/9446) [`0c8fafb`](https://github.com/gradio-app/gradio/commit/0c8fafb31df7ef3ef5812d6efb47ca342a3bad3c) - Fix SSR mode flag with `mount_gradio_app` and revert changes to pytests.  Thanks @abidlabs!
+- [#9456](https://github.com/gradio-app/gradio/pull/9456) [`4d75f02`](https://github.com/gradio-app/gradio/commit/4d75f029aacf0561f50c7afebbe8d54da2cb0af4) - Update object detection guide.  Thanks @freddyaboulton!
+- [#9406](https://github.com/gradio-app/gradio/pull/9406) [`74f3b9d`](https://github.com/gradio-app/gradio/commit/74f3b9ded1ce0ff6f2f0dbcb113edd64b7bb8f60) - Allow skipping an arbitrary number of output components, and also raise a warning if the number of output components does not match the number of values returned from a function.  Thanks @abidlabs!
+- [#9413](https://github.com/gradio-app/gradio/pull/9413) [`a16787a`](https://github.com/gradio-app/gradio/commit/a16787abdc8d507d75b986dbe882d21be4540908) - Lite: HTTPX client improvement.  Thanks @whitphx!
+
+## 5.0.0-beta.3
+
+### Features
+
+- [#9376](https://github.com/gradio-app/gradio/pull/9376) [`d92c26f`](https://github.com/gradio-app/gradio/commit/d92c26fe63f6b88e16c356cb84c55b61f795db73) - Small fixes to `gr.Dataframe` and chatbot docs.  Thanks @abidlabs!
+- [#9412](https://github.com/gradio-app/gradio/pull/9412) [`c2c2fd9`](https://github.com/gradio-app/gradio/commit/c2c2fd989348f826566773c07c0e0bda200199ff) - fix SSR apps on spaces.  Thanks @pngwn!
+
+### Fixes
+
+- [#9405](https://github.com/gradio-app/gradio/pull/9405) [`bf27ff4`](https://github.com/gradio-app/gradio/commit/bf27ff4ac8ada33ea03dd26d5c1c1115aa1f318a) - Center icon in button when no text is present.  Thanks @abidlabs!
+
+## 5.0.0-beta.2
+
+### Features
+
+- [#9359](https://github.com/gradio-app/gradio/pull/9359) [`50c3a7f`](https://github.com/gradio-app/gradio/commit/50c3a7f1541f632853a96f3d979ebeef6ad82869) - Small tweak to how thoughts are shown in `gr.Chatbot`.  Thanks @abidlabs!
+- [#9323](https://github.com/gradio-app/gradio/pull/9323) [`06babda`](https://github.com/gradio-app/gradio/commit/06babda0395fd3fbd323c1c3cb33704ecfd6deb0) - Disable liking user message in chatbot by default but make it configurable.  Thanks @freddyaboulton!
+- [#8966](https://github.com/gradio-app/gradio/pull/8966) [`8e52b6a`](https://github.com/gradio-app/gradio/commit/8e52b6a3e75957462bc7fdbf6ff9c280084d5f08) - Chatbot Examples.  Thanks @dawoodkhan82!
+- [#9261](https://github.com/gradio-app/gradio/pull/9261) [`73647a0`](https://github.com/gradio-app/gradio/commit/73647a07b0439efabe3dd218ff6c366ffa3b84a0) - Move icons into `IconButtonWrapper`.  Thanks @hannahblair!
+- [#9316](https://github.com/gradio-app/gradio/pull/9316) [`4338f29`](https://github.com/gradio-app/gradio/commit/4338f29bce2430d765f20070d1823ecc19d940cb) - 9227 chatinterface retry bug.  Thanks @freddyaboulton!
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9269](https://github.com/gradio-app/gradio/pull/9269) [`e05f568`](https://github.com/gradio-app/gradio/commit/e05f568f47e9fa33ef91dbbe5cc477d32762bc36) - Fix reload mode and streaming in 5.0 dev.  Thanks @freddyaboulton!
+- [#9356](https://github.com/gradio-app/gradio/pull/9356) [`1daf259`](https://github.com/gradio-app/gradio/commit/1daf259b52d0b1ce16d916ff25a15d322b51ecf5) - Use `container` param in `gr.Markdown`.  Thanks @hannahblair!
+- [#9321](https://github.com/gradio-app/gradio/pull/9321) [`81a356d`](https://github.com/gradio-app/gradio/commit/81a356d802f95b6a9a7aeb3759e05e47febbd0d3) - Remove two dependencies: `importlib_resources` and `urllib3` (if not in Wasm).  Thanks @abidlabs!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+- [#9341](https://github.com/gradio-app/gradio/pull/9341) [`02369b3`](https://github.com/gradio-app/gradio/commit/02369b3159df72b2f4a36ce5684574eb65065731) - Improve is_in_or_equal and fuzzer.  Thanks @freddyaboulton!
+- [#9333](https://github.com/gradio-app/gradio/pull/9333) [`5b86e2f`](https://github.com/gradio-app/gradio/commit/5b86e2f2a2bedcde79e425fd470473bc1fd6ae2e) - Enhance Lite E2E tests and fix a networking problem on Lite.  Thanks @whitphx!
+- [#9338](https://github.com/gradio-app/gradio/pull/9338) [`19f6b31`](https://github.com/gradio-app/gradio/commit/19f6b31a73c6114093cbb5a7e69131175efa8a79) - Fix typo in `tunneling.py`.  Thanks @abidlabs!
+- [#9336](https://github.com/gradio-app/gradio/pull/9336) [`736046f`](https://github.com/gradio-app/gradio/commit/736046f17db073b56023b5e077b0ae5ae4adeb02) - Object Detection From Webcam Stream Guide.  Thanks @freddyaboulton!
+- [#9300](https://github.com/gradio-app/gradio/pull/9300) [`6309a48`](https://github.com/gradio-app/gradio/commit/6309a48e3a89a13137ec9d61c1c722eb59b8e3dc) - Raise ChecksumMismatchError.  Thanks @abidlabs!
+- [#9373](https://github.com/gradio-app/gradio/pull/9373) [`6443062`](https://github.com/gradio-app/gradio/commit/64430620449ab5b19ea32b02ab82a2d1804dcb2e) - Fix Cached Examples for Streamed Media.  Thanks @freddyaboulton!
+- [#9367](https://github.com/gradio-app/gradio/pull/9367) [`1c94328`](https://github.com/gradio-app/gradio/commit/1c94328cfe6ce0676c3850f5e9da5bcabf9ee570) - add local fonts and update themes.  Thanks @hannahblair!
+- [#9335](https://github.com/gradio-app/gradio/pull/9335) [`b543465`](https://github.com/gradio-app/gradio/commit/b543465d06d7d1b399c4d0755da05e022611a97f) - Remove lite/theme.css from the Git-managed file tree.  Thanks @whitphx!
+- [#9358](https://github.com/gradio-app/gradio/pull/9358) [`16c0485`](https://github.com/gradio-app/gradio/commit/16c0485a32be324a5f1c7252f5ce09fff79f7d67) - Small tweaks to improve the DX for the "tuples"/"messages" argument in `gr.Chatbot`.  Thanks @abidlabs!
+- [#9303](https://github.com/gradio-app/gradio/pull/9303) [`34f46b0`](https://github.com/gradio-app/gradio/commit/34f46b0512fe30b4db9c9901cb23987d3cecc48d) - Dont move files to cache automatically in chatbot postprocess.  Thanks @freddyaboulton!
+- [#9363](https://github.com/gradio-app/gradio/pull/9363) [`3ad28c7`](https://github.com/gradio-app/gradio/commit/3ad28c7e310e8589e0c53b7efee8031e129bece8) - Prevent HTML and Markdown height changing when status is hidden.  Thanks @hannahblair!
+- [#9260](https://github.com/gradio-app/gradio/pull/9260) [`d47dd1f`](https://github.com/gradio-app/gradio/commit/d47dd1f8417a878ef731d2eeabf60f3069289dee) - Fix overflowing markdown in Chatbot.  Thanks @hannahblair!
+- [#9320](https://github.com/gradio-app/gradio/pull/9320) [`98cbcae`](https://github.com/gradio-app/gradio/commit/98cbcaef827de7267462ccba180c7b2ffb1e825d) - chore: fix docs style.  Thanks @imba-tjd!
+- [#9314](https://github.com/gradio-app/gradio/pull/9314) [`299879d`](https://github.com/gradio-app/gradio/commit/299879d02adf3bacb012c76a467aaf5df5b31493) - Make `gr.Image` preprocessing more efficient.  Thanks @abidlabs!
+- [#9371](https://github.com/gradio-app/gradio/pull/9371) [`7bf3e99`](https://github.com/gradio-app/gradio/commit/7bf3e9989392b7edcdc18c1d840fb8130b15040e) - Fix `gr.ImageEditor` toolbar cutoff.  Thanks @hannahblair!
+- [#9306](https://github.com/gradio-app/gradio/pull/9306) [`f3f0fef`](https://github.com/gradio-app/gradio/commit/f3f0fef199c7779aac9aaef794dd4af1861ce50f) - Fixes race condition in `update_root_in_config`.  Thanks @abidlabs!
+- [#9312](https://github.com/gradio-app/gradio/pull/9312) [`7c0780b`](https://github.com/gradio-app/gradio/commit/7c0780b5677f8a1c05b9d2eee136e982917829b8) - Proposal: remove `gr.make_waveform` and remove `matplotlib` as a dependency.  Thanks @abidlabs!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Tweaks to SSR mode.  Thanks @pngwn!
+- [#9270](https://github.com/gradio-app/gradio/pull/9270) [`b0b8500`](https://github.com/gradio-app/gradio/commit/b0b850081d8d10c1287b5d179b8db37482e21c8d) - Fix stop recording button colors.  Thanks @freddyaboulton!
+- [#9268](https://github.com/gradio-app/gradio/pull/9268) [`c469d40`](https://github.com/gradio-app/gradio/commit/c469d40b0d9d807abb9fa92c67069c08833ce6bc) - Raise error instead of warning if checksums for binary do not match.  Thanks @abidlabs!
+- [#9377](https://github.com/gradio-app/gradio/pull/9377) [`618e9fe`](https://github.com/gradio-app/gradio/commit/618e9fe941744cef4a4a06eb7840763c64b15e32) - Update babylon.js to `v7` for `gr.Model3D`.  Thanks @abidlabs!
+- [#9282](https://github.com/gradio-app/gradio/pull/9282) [`54ea485`](https://github.com/gradio-app/gradio/commit/54ea485ba92165be96137ae35e2d3f2fc62a2873) - Further tweak to is_in_or_equal.  Thanks @freddyaboulton!
+- [#9326](https://github.com/gradio-app/gradio/pull/9326) [`7afb9a1`](https://github.com/gradio-app/gradio/commit/7afb9a14fa64310eb8b70f43a3bad373e46e36c1) - 5.0 merge take 2.  Thanks @pngwn!
+- [#9280](https://github.com/gradio-app/gradio/pull/9280) [`7122420`](https://github.com/gradio-app/gradio/commit/712242047fde3a594dfde7f48a44c7ea16239dc8) - Match style of textbox stop button to submit button.  Thanks @freddyaboulton!
+- [#9348](https://github.com/gradio-app/gradio/pull/9348) [`61f794b`](https://github.com/gradio-app/gradio/commit/61f794bba78ef59e55beca0ba743548f33f3a3c3) - Do not attach `content_disposition_type = "attachment"` headers for files explicitly allowed by developer.  Thanks @abidlabs!
+- [#9361](https://github.com/gradio-app/gradio/pull/9361) [`5eb860f`](https://github.com/gradio-app/gradio/commit/5eb860f739a187217ded1fc569676e0edd16bab0) - Refactor lazy caching.  Thanks @abidlabs!
+- [#9311](https://github.com/gradio-app/gradio/pull/9311) [`c4afdcd`](https://github.com/gradio-app/gradio/commit/c4afdcdb1f1f80c5f95ab45d527236e9364ace82) - Added max lines and overflow scrollbar for `gr.Code`.  Thanks @micpst!
+
+### Fixes
+
+- [#9299](https://github.com/gradio-app/gradio/pull/9299) [`aa35b07`](https://github.com/gradio-app/gradio/commit/aa35b0788e613fdd45446d267513e6f94fa208ea) - Trigger state change event on iterators.  Thanks @freddyaboulton!
+- [#9393](https://github.com/gradio-app/gradio/pull/9393) [`53ed0f0`](https://github.com/gradio-app/gradio/commit/53ed0f030551ad876a1fea28a9db9015ba6ec33e) - Fix File Types for MultimodalTextbox.  Thanks @dawoodkhan82!
+- [#9328](https://github.com/gradio-app/gradio/pull/9328) [`6a7f631`](https://github.com/gradio-app/gradio/commit/6a7f63180b4105622298dd742d6a0d25216ea629) - Set the color of placeholder in a disabled textbox to gray instead of black, and disable typing while a response is generating in `gr.ChatInterface`, allow `gr.MultimodalTextbox` to accept string values.  Thanks @abidlabs!
+
+## 5.0.0-beta.1
+
+### Features
+
+- [#9235](https://github.com/gradio-app/gradio/pull/9235) [`f8b411f`](https://github.com/gradio-app/gradio/commit/f8b411fe282ff0316ed4abebc0a043b044bf4dd9) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`.  Thanks @whitphx!
+- [#9201](https://github.com/gradio-app/gradio/pull/9201) [`5492e74`](https://github.com/gradio-app/gradio/commit/5492e742b1f1fa618208cce523f50ad22a6e86f1) - Move buttons from chat_interface into Chatbot.  Thanks @freddyaboulton!
+- [#9199](https://github.com/gradio-app/gradio/pull/9199) [`3175c7a`](https://github.com/gradio-app/gradio/commit/3175c7aebc6ad2466d31d6949580f5a3cb4cd698) - Redesign `gr.Tabs()`.  Thanks @hannahblair!
+- [#9167](https://github.com/gradio-app/gradio/pull/9167) [`e9e737e`](https://github.com/gradio-app/gradio/commit/e9e737eeeb61d0bbf43277c75b6ffed8b34aa445) - Redesign `gr.Button()`.  Thanks @hannahblair!
+- [#9218](https://github.com/gradio-app/gradio/pull/9218) [`4a832f4`](https://github.com/gradio-app/gradio/commit/4a832f4b0a8f35a10bc2301a56b711519e85034b) - Adds TLS to FRP tunnel.  Thanks @abidlabs!
+- [#9166](https://github.com/gradio-app/gradio/pull/9166) [`8a75559`](https://github.com/gradio-app/gradio/commit/8a755596317c59bfb10803edc0f8642e62d7cecd) - Minor changes to flagging for 5.0.  Thanks @abidlabs!
+- [#9254](https://github.com/gradio-app/gradio/pull/9254) [`03f3735`](https://github.com/gradio-app/gradio/commit/03f3735fba1fd4f1978b5431af9e67de3b6e7945) - Adds a "huggingface" button variant, and makes it the default for `gr.LoginButton` and `gr.DuplicateButton`.  Thanks @abidlabs!
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+- [#9236](https://github.com/gradio-app/gradio/pull/9236) [`dd8e2e3`](https://github.com/gradio-app/gradio/commit/dd8e2e32c6c1ec42e13c55af870d0da291117dd3) - Improve button consistency across light/dark mode.  Thanks @hannahblair!
+- [#9225](https://github.com/gradio-app/gradio/pull/9225) [`5f2e047`](https://github.com/gradio-app/gradio/commit/5f2e047c2ce114cebc95d5dba16c4df10fa73eb1) - Add a 'None' option to the gradio.Image component to disable image_m….  Thanks @GeeMoose!
+- [#9204](https://github.com/gradio-app/gradio/pull/9204) [`3c73f00`](https://github.com/gradio-app/gradio/commit/3c73f00e3016b16917ebfe0bad390f2dff683457) - 🔡 Update default core Gradio font.  Thanks @hannahblair!
+- [#9245](https://github.com/gradio-app/gradio/pull/9245) [`c8cfe93`](https://github.com/gradio-app/gradio/commit/c8cfe93c0971d904c29da60410952fd20c9439c0) - Lighten secondary button grey fill.  Thanks @hannahblair!
+- [#9246](https://github.com/gradio-app/gradio/pull/9246) [`38cf712`](https://github.com/gradio-app/gradio/commit/38cf71234bf57fe9da6eea2d32b1d6e7ef35c700) - Stop using `multiprocessing` in `flagging.CSVLogger` on Lite v5.  Thanks @whitphx!
+- [#9216](https://github.com/gradio-app/gradio/pull/9216) [`e137b30`](https://github.com/gradio-app/gradio/commit/e137b30b1a53ca32d3cd809d31e97d5d54a4e479) - Decrease component radii and remove input shadows.  Thanks @hannahblair!
+- [#9200](https://github.com/gradio-app/gradio/pull/9200) [`2e179d3`](https://github.com/gradio-app/gradio/commit/2e179d35be6ed60a5a6bfc7303178d63e41781ad) - prefix api routes.  Thanks @pngwn!
+
+## 5.0.0-beta.0
+
+### Features
+
+- [#9069](https://github.com/gradio-app/gradio/pull/9069) [`f9f84bf`](https://github.com/gradio-app/gradio/commit/f9f84bfe7064634164501d1023591b415ad2a03b) - No token passed by default in `gr.load()`.  Thanks @abidlabs!
+- [#9160](https://github.com/gradio-app/gradio/pull/9160) [`8f5a895`](https://github.com/gradio-app/gradio/commit/8f5a8950c949996f7c439b11a7aa40edda3e8562) - Fix native plot lite demos.  Thanks @aliabd!
+- [#9197](https://github.com/gradio-app/gradio/pull/9197) [`6773c4d`](https://github.com/gradio-app/gradio/commit/6773c4da22f957a11b2a07f032ce13c7b4c94f8c) - Redesign `gr.Slider()`.  Thanks @hannahblair!
+- [#9140](https://github.com/gradio-app/gradio/pull/9140) [`c054ec8`](https://github.com/gradio-app/gradio/commit/c054ec85e49ab102b15afd305583ee394151d16c) - Drop python 3.8 and 3.9.  Thanks @abidlabs!
+- [#8978](https://github.com/gradio-app/gradio/pull/8978) [`fe9d1cb`](https://github.com/gradio-app/gradio/commit/fe9d1cb0870a5b07d51e8cb05401af47efbacd13) - Improve url downloads for file objects.  Thanks @aliabid94!
+- [#8810](https://github.com/gradio-app/gradio/pull/8810) [`4cf8af9`](https://github.com/gradio-app/gradio/commit/4cf8af9407a44ee914e0be567da38b29f00eff8e) - Prevent invalid values from being submitted to dropdown, etc.  Thanks @abidlabs!
+- [#9194](https://github.com/gradio-app/gradio/pull/9194) [`20c0836`](https://github.com/gradio-app/gradio/commit/20c0836ed0e0698dbc81d2a4bda04363fd857334) - Deprecate type='tuples for chatbot and focus chatbot docs on 'messages' type.  Thanks @freddyaboulton!
+- [#9122](https://github.com/gradio-app/gradio/pull/9122) [`2672ea2`](https://github.com/gradio-app/gradio/commit/2672ea297ef28414ecf2eeab7984b1e4b4ee40b8) - Postprocess hardening.  Thanks @freddyaboulton!
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+- [#9173](https://github.com/gradio-app/gradio/pull/9173) [`66349fe`](https://github.com/gradio-app/gradio/commit/66349fe26827e3a3c15b738a1177e95fec7f5554) - Streaming Guides.  Thanks @freddyaboulton!
+- [#9185](https://github.com/gradio-app/gradio/pull/9185) [`2daf3d1`](https://github.com/gradio-app/gradio/commit/2daf3d10f5986675f6ceb75ebb50c9d991c282bf) - Adding `maxlength` attribute handling of `textarea` and `input` HTML element for the `gr.TextBox()` component via a `max_length` parameter.  Thanks @WH-Yoshi!
+- [#8959](https://github.com/gradio-app/gradio/pull/8959) [`a0aac66`](https://github.com/gradio-app/gradio/commit/a0aac6694076529ff925ccd34b3503d35e86cb49) - Adds `strict_cors` parameter to `launch()`.  Thanks @abidlabs!
+- [#9052](https://github.com/gradio-app/gradio/pull/9052) [`f3652eb`](https://github.com/gradio-app/gradio/commit/f3652ebe08211e12739df73c15fd97e5ff81276a) - Video gallery.  Thanks @dawoodkhan82!
+- [#9213](https://github.com/gradio-app/gradio/pull/9213) [`ab4580b`](https://github.com/gradio-app/gradio/commit/ab4580bd5f755a07c9a9bd2a775220a9a2085f8c) - Remove grey background behind all components.  Thanks @hannahblair!
+- [#9073](https://github.com/gradio-app/gradio/pull/9073) [`0d8a358`](https://github.com/gradio-app/gradio/commit/0d8a358cc86331aa0c83380326b30d04597f9ef9) - Set default `format` in `gr.Audio` to be `None` to avoid unnecessary preprocessing.  Thanks @abidlabs!
+- [#9130](https://github.com/gradio-app/gradio/pull/9130) [`864cd0f`](https://github.com/gradio-app/gradio/commit/864cd0fd6aa85691b53bd0bf3a50af05b778813c) - Raise WasmUnsupportedError for ffmpeg usage on Lite.  Thanks @whitphx!
+- [#8797](https://github.com/gradio-app/gradio/pull/8797) [`6e6818c`](https://github.com/gradio-app/gradio/commit/6e6818c3af836051fffdd070a9e33889b246186e) - Deprecate for 5.0.  Thanks @abidlabs!
+- [#9132](https://github.com/gradio-app/gradio/pull/9132) [`5cedf16`](https://github.com/gradio-app/gradio/commit/5cedf162f2120e30dd58bf3a8eab27115030b4f5) - Deprecate passing a tuple for gr.Code value.  Thanks @freddyaboulton!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+- [#9150](https://github.com/gradio-app/gradio/pull/9150) [`80c966a`](https://github.com/gradio-app/gradio/commit/80c966af6e3d947abe96058de9b683ecf05d9803) - DNS resolver on ip check.  Thanks @aliabid94!
+- [#9175](https://github.com/gradio-app/gradio/pull/9175) [`e6d456a`](https://github.com/gradio-app/gradio/commit/e6d456a9c3b7e80e0c9a16cd365288deff706635) - Change dark mode color theme from `gray` to `zinc`.  Thanks @hannahblair!
+- [#8884](https://github.com/gradio-app/gradio/pull/8884) [`3408dba`](https://github.com/gradio-app/gradio/commit/3408dba7560a17371be679d0f01564a5606dc90b) - replace ip addresses with machine-specific hashes.  Thanks @abidlabs!
+
+### Fixes
+
+- [#9189](https://github.com/gradio-app/gradio/pull/9189) [`ab142ee`](https://github.com/gradio-app/gradio/commit/ab142ee13d19070b75b5eb03efcda7193b8993c2) - Fix serialization error in curl api.  Thanks @freddyaboulton!
+
+## 4.44.1
+
+### Features
+
+- [#9320](https://github.com/gradio-app/gradio/pull/9320) [`98cbcae`](https://github.com/gradio-app/gradio/commit/98cbcaef827de7267462ccba180c7b2ffb1e825d) - chore: fix docs style.  Thanks @imba-tjd!
+
+## 4.44.0
+
+### Features
+
+- [#9302](https://github.com/gradio-app/gradio/pull/9302) [`ac2c015`](https://github.com/gradio-app/gradio/commit/ac2c015bd8385c3f5e346b9cfce415f1e5f54c69) - Fileformat whitelist.  Thanks @aliabid94!
+- [#9276](https://github.com/gradio-app/gradio/pull/9276) [`8362a10`](https://github.com/gradio-app/gradio/commit/8362a10a7e8a3c291fa0300a6f4a23a1ca997b8a) - Fix scrollbars everywhere.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9188](https://github.com/gradio-app/gradio/pull/9188) [`8f8e1c6`](https://github.com/gradio-app/gradio/commit/8f8e1c6a0b09b0d1985b8377d94d693cb00f8a18) - Fix multiple trigger bug when function has js.  Thanks @freddyaboulton!
+- [#9279](https://github.com/gradio-app/gradio/pull/9279) [`fb5845c`](https://github.com/gradio-app/gradio/commit/fb5845c3539e006235a2a52811a863ef2fefd66f) - Separate starlette.Request from PredictBody. Only set in new PredictBodyInternal object.  Thanks @freddyaboulton!
+- [#9267](https://github.com/gradio-app/gradio/pull/9267) [`ecf9137`](https://github.com/gradio-app/gradio/commit/ecf9137762130ab2e9f8e747feda091392b25e7a) - Add root_url to components created by gr.render.  Thanks @freddyaboulton!
+
+## 4.43.0
+
+### Features
+
+- [#9160](https://github.com/gradio-app/gradio/pull/9160) [`8f5a895`](https://github.com/gradio-app/gradio/commit/8f5a8950c949996f7c439b11a7aa40edda3e8562) - Fix native plot lite demos.  Thanks @aliabd!
+- [#9185](https://github.com/gradio-app/gradio/pull/9185) [`2daf3d1`](https://github.com/gradio-app/gradio/commit/2daf3d10f5986675f6ceb75ebb50c9d991c282bf) - Adding `maxlength` attribute handling of `textarea` and `input` HTML element for the `gr.TextBox()` component via a `max_length` parameter.  Thanks @WH-Yoshi!
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+- [#9225](https://github.com/gradio-app/gradio/pull/9225) [`5f2e047`](https://github.com/gradio-app/gradio/commit/5f2e047c2ce114cebc95d5dba16c4df10fa73eb1) - Add a 'None' option to the gradio.Image component to disable image_m….  Thanks @GeeMoose!
+
+### Fixes
+
+- [#9242](https://github.com/gradio-app/gradio/pull/9242) [`d0e93d7`](https://github.com/gradio-app/gradio/commit/d0e93d70e87ea64f144e8eda7d5d49c27b6158e5) - Fix for create_or_modify_pyi read_text Windows Issue in component_meta.py.  Thanks @SmirkingKitsune!
+- [#9189](https://github.com/gradio-app/gradio/pull/9189) [`ab142ee`](https://github.com/gradio-app/gradio/commit/ab142ee13d19070b75b5eb03efcda7193b8993c2) - Fix serialization error in curl api.  Thanks @freddyaboulton!
+- [#9277](https://github.com/gradio-app/gradio/pull/9277) [`d9c4c86`](https://github.com/gradio-app/gradio/commit/d9c4c8606acf9ab36390e35ab10e43bb3191ced5) - Pin `fastapi<0.113.0` in `requirements.txt`.  Thanks @abidlabs!
+
+## 4.42.0
+
+### Features
+
+- [#9128](https://github.com/gradio-app/gradio/pull/9128) [`747013b`](https://github.com/gradio-app/gradio/commit/747013bbacebae6bfdda554b45e541e80b2894e0) - Allow accessing the entire row of selected values in `gr.DataFrame`.  Thanks @abidlabs!
+- [#8935](https://github.com/gradio-app/gradio/pull/8935) [`f6b2b97`](https://github.com/gradio-app/gradio/commit/f6b2b97d473dd81571410cccc6e1ddfcf9fa00bc) - Initialize the client with the fake host for Lite server.  Thanks @whitphx!
+- [#9031](https://github.com/gradio-app/gradio/pull/9031) [`04b7d32`](https://github.com/gradio-app/gradio/commit/04b7d327ec1227a693fc2dfea51b1e2729851bde) - Allow drag and replace image in `gr.Image` and Multimodal textbox.  Thanks @hannahblair!
+- [#8930](https://github.com/gradio-app/gradio/pull/8930) [`41d5ab9`](https://github.com/gradio-app/gradio/commit/41d5ab987ba9728753be4509490c79041655809b) - Add `placeholder` param to Image and ImageEditor to replace upload image text.  Thanks @hannahblair!
+- [#9023](https://github.com/gradio-app/gradio/pull/9023) [`87e3537`](https://github.com/gradio-app/gradio/commit/87e3537342017c7f19d012f0806a14bc264e09f9) - Add height param to gr.JSON.  Thanks @hannahblair!
+- [#9013](https://github.com/gradio-app/gradio/pull/9013) [`5350f1f`](https://github.com/gradio-app/gradio/commit/5350f1feb20cb7458d188403f319c5087052f695) - Add copy all messages button to chatbot.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Fixes
+
+- [#9078](https://github.com/gradio-app/gradio/pull/9078) [`1a9d729`](https://github.com/gradio-app/gradio/commit/1a9d7297c17a3bc0493be34e8e762350ab7f0844) - Catch OSErrors in `HuggingFaceDatasetSaver._deserialize_components`.  Thanks @davidberenstein1957!
+- [#9088](https://github.com/gradio-app/gradio/pull/9088) [`96f8ffa`](https://github.com/gradio-app/gradio/commit/96f8ffa5eea511290f203c5d13484731e7d82387) - Set non-zero exit codes for custom component build and install commands when failures occur.  Thanks @freddyaboulton!
+- [#9161](https://github.com/gradio-app/gradio/pull/9161) [`173c7b8`](https://github.com/gradio-app/gradio/commit/173c7b8624371d89c40eb667bc28b9955c61b063) - Chatbot Image size and list fixes.  Thanks @dawoodkhan82!
+- [#9151](https://github.com/gradio-app/gradio/pull/9151) [`f1ef94a`](https://github.com/gradio-app/gradio/commit/f1ef94a435439934610497eab34201a586e418e1) - Open media type files in browser.  Thanks @aliabid94!
+- [#9148](https://github.com/gradio-app/gradio/pull/9148) [`8715f10`](https://github.com/gradio-app/gradio/commit/8715f103399c709717084335cfe5e971ebf9f2de) - Allow `gr.Request` to work with ZeroGPU.  Thanks @abidlabs!
+- [#9093](https://github.com/gradio-app/gradio/pull/9093) [`60650d8`](https://github.com/gradio-app/gradio/commit/60650d84b2cfe93fd2ebf2d2997d6c0f382d5f1a) - Reset `Dataset` page to 0 when samples change.  Thanks @abidlabs!
+- [#9116](https://github.com/gradio-app/gradio/pull/9116) [`ba6322e`](https://github.com/gradio-app/gradio/commit/ba6322ec2bb975f15389fe0700816bf671c6819d) - Fix image height content fit.  Thanks @hannahblair!
+- [#9079](https://github.com/gradio-app/gradio/pull/9079) [`d6dc384`](https://github.com/gradio-app/gradio/commit/d6dc3846fd94fe03658f0fa8219d68ddf1f7aa64) - Add more typing to event listeners.  Thanks @JackismyShephard!
+- [#9119](https://github.com/gradio-app/gradio/pull/9119) [`30b5d6f`](https://github.com/gradio-app/gradio/commit/30b5d6f2b75e1ff0ea03c7a6567e43a022871c9f) - Fix chatinterface multimodal bug.  Thanks @freddyaboulton!
+- [#8987](https://github.com/gradio-app/gradio/pull/8987) [`7b288cf`](https://github.com/gradio-app/gradio/commit/7b288cf6772ec3dc1fa603db859975e5dab90127) - Fix unexpected rendering of Dataset.  Thanks @Col0ring!
+- [#9089](https://github.com/gradio-app/gradio/pull/9089) [`508ac84`](https://github.com/gradio-app/gradio/commit/508ac84bc2ffbeff6daae8ae0956e14e7472c4c0) - Set orig_name in downloadbutton postprocess.  Thanks @freddyaboulton!
+- [#8951](https://github.com/gradio-app/gradio/pull/8951) [`6e7d9e5`](https://github.com/gradio-app/gradio/commit/6e7d9e5b848e5af8cae97a4a4f021859c423ffa4) - Deal with OAuth too many redirects.  Thanks @Wauplin!
+
+## 4.41.0
+
+### Features
+
+- [#8968](https://github.com/gradio-app/gradio/pull/8968) [`38b3682`](https://github.com/gradio-app/gradio/commit/38b3682c3a9b40fb4070f665d94711c43c6fe40e) - Improvements to FRP client download and usage.  Thanks @abidlabs!
+- [#8965](https://github.com/gradio-app/gradio/pull/8965) [`d30432e`](https://github.com/gradio-app/gradio/commit/d30432e9c6d4cc1e5cfd989a1a3ae4aba7e21290) - harden CI.  Thanks @pngwn!
+- [#8972](https://github.com/gradio-app/gradio/pull/8972) [`d4c503a`](https://github.com/gradio-app/gradio/commit/d4c503a471cfd202c56fbddd99d5da431a4b7478) - Type hint Correction.  Thanks @sthemeow!
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+- [#9059](https://github.com/gradio-app/gradio/pull/9059) [`981731a`](https://github.com/gradio-app/gradio/commit/981731acb7da3e78555abeb20f47f3a8a5f0d861) - Fix flaky tests and tests on Windows.  Thanks @abidlabs!
+- [#9021](https://github.com/gradio-app/gradio/pull/9021) [`360350c`](https://github.com/gradio-app/gradio/commit/360350cfc46b7dcc41d8a015b7eb6e7056cc7938) - Minor fixes.  Thanks @aliabid94!
+- [#9064](https://github.com/gradio-app/gradio/pull/9064) [`4ba7b23`](https://github.com/gradio-app/gradio/commit/4ba7b238e22ac042de14a6b69aa9d61536ddffba) - Improve plot guide, add double clicking to plots.  Thanks @aliabid94!
+- [#8975](https://github.com/gradio-app/gradio/pull/8975) [`3feea64`](https://github.com/gradio-app/gradio/commit/3feea64a65688d710184604bb44636d513bcc36a) - Prevent overflow in Model3D.  Thanks @hannahblair!
+- [#8967](https://github.com/gradio-app/gradio/pull/8967) [`2f89877`](https://github.com/gradio-app/gradio/commit/2f89877ac1ef9eab46115187ffe179d5da060edd) - Set `content_disposition_type` and `media_type` on downloaded files.  Thanks @aliabid94!
+- [#8958](https://github.com/gradio-app/gradio/pull/8958) [`4ff91a3`](https://github.com/gradio-app/gradio/commit/4ff91a3e6538872c529b604d36120dd946dc3282) - Fixes some docstrings, particularly for the `show_progress` parameter.  Thanks @abidlabs!
+- [#9020](https://github.com/gradio-app/gradio/pull/9020) [`08b5159`](https://github.com/gradio-app/gradio/commit/08b51590163b306fd874f543f6fcaf23ac7d2646) - Some tweaks to is_in_or_equal.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8962](https://github.com/gradio-app/gradio/pull/8962) [`c68eefb`](https://github.com/gradio-app/gradio/commit/c68eefba6c18ba9fda98220fb273726522dc3340) - fix: httpx timeouts cause gradio to fail during launch.  Thanks @rsamborski!
+- [#8847](https://github.com/gradio-app/gradio/pull/8847) [`4d8a473`](https://github.com/gradio-app/gradio/commit/4d8a473632e388a312aee5c705b3c1f79853441b) - Refactor Chatinterface to use Chatbot instead of gr.State variables.  Thanks @freddyaboulton!
+- [#9054](https://github.com/gradio-app/gradio/pull/9054) [`9fa635a`](https://github.com/gradio-app/gradio/commit/9fa635a8fd0050cc16539b9a3d11846ec71edf13) - Fix multimodal chatinterface api bug.  Thanks @freddyaboulton!
+- [#8847](https://github.com/gradio-app/gradio/pull/8847) [`4d8a473`](https://github.com/gradio-app/gradio/commit/4d8a473632e388a312aee5c705b3c1f79853441b) - fix: wrong named param check for js client.  Thanks @freddyaboulton!
+- [#9011](https://github.com/gradio-app/gradio/pull/9011) [`0978de8`](https://github.com/gradio-app/gradio/commit/0978de8104046250593806c927b416e4ffbbe293) - Passes `gr.Request` if type hint is `Request | None`.  Thanks @abidlabs!
+- [#9053](https://github.com/gradio-app/gradio/pull/9053) [`8b33393`](https://github.com/gradio-app/gradio/commit/8b33393586af695e4ccd07f55453df896785b089) - Fix `show_progress` in `gr.Interface`.  Thanks @abidlabs!
+
+## 4.40.0
+
+### Features
+
+- [#8954](https://github.com/gradio-app/gradio/pull/8954) [`5010e95`](https://github.com/gradio-app/gradio/commit/5010e9579e5fdd5c3861b144c427551c2e5ead0f) - Add `overflow: wrap` to JSON to catch overflow in xs device widths.  Thanks @hannahblair!
+- [#8932](https://github.com/gradio-app/gradio/pull/8932) [`600c97c`](https://github.com/gradio-app/gradio/commit/600c97c807b648bca11c2dd5dfa0a6a692756bd9) - Allow viewing JSON as list or dict with `show_indices` param.  Thanks @hannahblair!
+- [#8929](https://github.com/gradio-app/gradio/pull/8929) [`3539787`](https://github.com/gradio-app/gradio/commit/3539787ebb39b3d00c34707b49d5de40fdc3d69a) - Add line numbering and collapse/expand logic to gr.JSON.  Thanks @hannahblair!
+- [#8862](https://github.com/gradio-app/gradio/pull/8862) [`ac132e3`](https://github.com/gradio-app/gradio/commit/ac132e3cbc8dbc7bec3d607d52bef347e90feb41) - Support the use of custom authentication mechanism, timeouts, and other `httpx` parameters in Python Client.  Thanks @valgai!
+- [#8947](https://github.com/gradio-app/gradio/pull/8947) [`96d36d7`](https://github.com/gradio-app/gradio/commit/96d36d70ad3bee048027cfbf89533020a8aa6e63) - Restore plot label angles.  Thanks @aliabid94!
+- [#8948](https://github.com/gradio-app/gradio/pull/8948) [`f7fbd2c`](https://github.com/gradio-app/gradio/commit/f7fbd2c23795d97071296463779d41bd0e937164) - Bump websockets version max for gradio-client.  Thanks @evanscho!
+- [#8907](https://github.com/gradio-app/gradio/pull/8907) [`9b42ba8`](https://github.com/gradio-app/gradio/commit/9b42ba8f1006c05d60a62450d3036ce0d6784f86) - Update guides esp plots.  Thanks @aliabid94!
+- [#8888](https://github.com/gradio-app/gradio/pull/8888) [`70a0c56`](https://github.com/gradio-app/gradio/commit/70a0c5620043ae613af16008f4a683b0f238545d) - Added support for TokenClassificationPipeline.  Thanks @cswamy!
+- [#8950](https://github.com/gradio-app/gradio/pull/8950) [`7e997a8`](https://github.com/gradio-app/gradio/commit/7e997a85bb21cbe7eb27df5b3f31ad636435b0a1) - Fix running local app with fake OAuth.  Thanks @Wauplin!
+- [#8867](https://github.com/gradio-app/gradio/pull/8867) [`f8ccb5e`](https://github.com/gradio-app/gradio/commit/f8ccb5e663ed5df010f7a8e93d556bfc238d849d) - Make `update_root_in_config` atomic.  Thanks @abidlabs!
+- [#8900](https://github.com/gradio-app/gradio/pull/8900) [`de997e6`](https://github.com/gradio-app/gradio/commit/de997e67c9a7feb9e2eccebf92969366dbd67eba) - Adds ability to watermark videos via a `watermark` parameter in Video component.  Thanks @meg-huggingface!
+
+### Fixes
+
+- [#8949](https://github.com/gradio-app/gradio/pull/8949) [`1e16f67`](https://github.com/gradio-app/gradio/commit/1e16f67ba2a02761d4b73afd723f8edc3c3124e9) - Fix check icon in gr.JSON and gr.Code.  Thanks @hannahblair!
+- [#8899](https://github.com/gradio-app/gradio/pull/8899) [`20444f9`](https://github.com/gradio-app/gradio/commit/20444f9b56f95240d00759f31a1b831b9eb53160) - Fix Chatbot Multimodal Examples.  Thanks @dawoodkhan82!
+- [#8933](https://github.com/gradio-app/gradio/pull/8933) [`5f9b8d0`](https://github.com/gradio-app/gradio/commit/5f9b8d093a17f4fcc689cbc83fd6db6c43b5174b) - Fix lazy caching.  Thanks @abidlabs!
+- [#8879](https://github.com/gradio-app/gradio/pull/8879) [`67c08bf`](https://github.com/gradio-app/gradio/commit/67c08bfb9e59d801081591b8a59232c32d4467cf) - Fix file uploading in iOS.  Thanks @hannahblair!
+- [#8905](https://github.com/gradio-app/gradio/pull/8905) [`4b14ea8`](https://github.com/gradio-app/gradio/commit/4b14ea860d5055410a3a2257974b61a5c8eaac9d) - Allow use of file extensions in gr.File in iOS.  Thanks @hannahblair!
+- [#8927](https://github.com/gradio-app/gradio/pull/8927) [`223688b`](https://github.com/gradio-app/gradio/commit/223688b70a7a3cf4daa92ae77f8fca7b537cc2b4) - Fix `Could not resolve "virtual:component-loader"` in gradio/utils package.  Thanks @benzler!
+- [#8934](https://github.com/gradio-app/gradio/pull/8934) [`8204425`](https://github.com/gradio-app/gradio/commit/8204425bfa2c08077948e59e7f5375b1b4d1e338) - Fix Json component serialization bug.  Thanks @freddyaboulton!
+- [#8931](https://github.com/gradio-app/gradio/pull/8931) [`4c2d37d`](https://github.com/gradio-app/gradio/commit/4c2d37db849848fd38ba733a23a5aaceeaf58faf) - Add background to gr.Code line numbers.  Thanks @hannahblair!
+
+## 4.39.0
+
+### Features
+
+- [#8832](https://github.com/gradio-app/gradio/pull/8832) [`e75f2ca`](https://github.com/gradio-app/gradio/commit/e75f2ca2da4f41f25459b98bedaa940c887e6a93) - Fix build for pre-release.  Thanks @pngwn!
+- [#8618](https://github.com/gradio-app/gradio/pull/8618) [`aa4b7a7`](https://github.com/gradio-app/gradio/commit/aa4b7a71921fd5b7ad7e3c0cce7687a8f6d284da) - Improve styling of parameter tables in the docs.  Thanks @abidlabs!
+- [#8745](https://github.com/gradio-app/gradio/pull/8745) [`4030f28`](https://github.com/gradio-app/gradio/commit/4030f28af6ae9f3eb94bb4e9cae83fb7016cdaad) - Allows updating the dataset of a `gr.Examples`.  Thanks @abidlabs!
+- [#8757](https://github.com/gradio-app/gradio/pull/8757) [`6073736`](https://github.com/gradio-app/gradio/commit/60737366517f48d1a37ffce15425783a2887f305) - Document `FileData` class in docs.  Thanks @hannahblair!
+- [#8846](https://github.com/gradio-app/gradio/pull/8846) [`76c1759`](https://github.com/gradio-app/gradio/commit/76c175935019833baef709a5cf401d2263ca72ee) - add space header.  Thanks @pngwn!
+- [#8804](https://github.com/gradio-app/gradio/pull/8804) [`1d09925`](https://github.com/gradio-app/gradio/commit/1d09925469a5f96e8d3a972a28841903fa1c7265) - Fix Lite's <Playground />.  Thanks @whitphx!
+- [#8807](https://github.com/gradio-app/gradio/pull/8807) [`a238af4`](https://github.com/gradio-app/gradio/commit/a238af4d688c4e030e37c2ef01d5c80d6d940912) - Refactor plots to drop `altair` and use `vega.js` directly.  Thanks @aliabid94!
+- [#8806](https://github.com/gradio-app/gradio/pull/8806) [`a3d23b4`](https://github.com/gradio-app/gradio/commit/a3d23b43e71c22bc2b019ae96668605e744768d5) - Add `loop` parameters to `gr.Audio` and `gr.Video`.  Thanks @abidlabs!
+- [#8856](https://github.com/gradio-app/gradio/pull/8856) [`5622331`](https://github.com/gradio-app/gradio/commit/5622331da724eb2510c74f156a2fd140a932cc55) - Extend `pyright` to cover tests as well.  Thanks @abidlabs!
+- [#8851](https://github.com/gradio-app/gradio/pull/8851) [`914b193`](https://github.com/gradio-app/gradio/commit/914b1935de27c3b379ac9e759b6d10747e3b881a) - Add copy button to `gr.Markdown`.  Thanks @hannahblair!
+- [#8837](https://github.com/gradio-app/gradio/pull/8837) [`0d76169`](https://github.com/gradio-app/gradio/commit/0d76169e46112dffbc2e7649355706e37e0a6372) - upgrade pyright==1.1.372.  Thanks @abidlabs!
+- [#8816](https://github.com/gradio-app/gradio/pull/8816) [`9ee6839`](https://github.com/gradio-app/gradio/commit/9ee6839f94d23d685a800ed3a275206e0b0e48f6) - Change optionality of the `data` param in `submit` + `predict`.  Thanks @hannahblair!
+- [#8809](https://github.com/gradio-app/gradio/pull/8809) [`7f41567`](https://github.com/gradio-app/gradio/commit/7f41567e9cc5222c4cede3ea5321e634ea038bd1) - Use constant-time comparison when checking user provided analytics key.  Thanks @abidlabs!
+- [#8817](https://github.com/gradio-app/gradio/pull/8817) [`34510db`](https://github.com/gradio-app/gradio/commit/34510db468daae19ad618c347cb88a4769816fb2) - Allow HTML in alert modals.  Thanks @abidlabs!
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+- [#8821](https://github.com/gradio-app/gradio/pull/8821) [`cea3bf9`](https://github.com/gradio-app/gradio/commit/cea3bf990057391f699bdeeabbdb62fdad9b43f5) - Fix dependency loop with statustracker and markdown.  Thanks @aliabd!
+- [#8774](https://github.com/gradio-app/gradio/pull/8774) [`2d179f6`](https://github.com/gradio-app/gradio/commit/2d179f647baca48362863f5144298768149860c9) - Set the default format of gr.Plot as png for Wasm mode.  Thanks @whitphx!
+- [#8775](https://github.com/gradio-app/gradio/pull/8775) [`e36bab7`](https://github.com/gradio-app/gradio/commit/e36bab77e5753c3b011c7e44bce2eed46fac27cc) - Refactoring loadPyodide typing.  Thanks @whitphx!
+
+### Fixes
+
+- [#8854](https://github.com/gradio-app/gradio/pull/8854) [`d1f0441`](https://github.com/gradio-app/gradio/commit/d1f044145ae93e5838042d9fb25f4f17def9c774) - Use covariant container types across the codebase and add typing to our demos.  Thanks @abidlabs!
+- [#8818](https://github.com/gradio-app/gradio/pull/8818) [`2de9a97`](https://github.com/gradio-app/gradio/commit/2de9a97ae953cc5c58c0d33d8966e638e76f950f) - Refactoring <gradio-lite /> component making the code simpler and fixing a Playground mode bug.  Thanks @whitphx!
+- [#8799](https://github.com/gradio-app/gradio/pull/8799) [`61bb588`](https://github.com/gradio-app/gradio/commit/61bb5883a2af50534ef6994ba4829a1a3ea00e65) - Remove Pydantic v2 patch from Lite.  Thanks @whitphx!
+- [#8822](https://github.com/gradio-app/gradio/pull/8822) [`3a81fb2`](https://github.com/gradio-app/gradio/commit/3a81fb2578c6f73607c4e240d228dccb69153e0a) - Latex Rendering Fix.  Thanks @dawoodkhan82!
+- [#8865](https://github.com/gradio-app/gradio/pull/8865) [`2f630ab`](https://github.com/gradio-app/gradio/commit/2f630abf53ec493a3ff5e827b5951b26c74b7242) - Chatbot Examples Scroll Fix.  Thanks @dawoodkhan82!
+- [#8820](https://github.com/gradio-app/gradio/pull/8820) [`5050b36`](https://github.com/gradio-app/gradio/commit/5050b36221e75a18d8a5d4f74a725e70768a4c4a) - fix: wrong named param check for js client.  Thanks @JacobLinCool!
+- [#8836](https://github.com/gradio-app/gradio/pull/8836) [`7e8c829`](https://github.com/gradio-app/gradio/commit/7e8c829aad85d3d5a31a03f4f2e41483d1e6b53e) - Add `.input()` events to `gr.Audio` and `gr.Image`.  Thanks @abidlabs!
+- [#8802](https://github.com/gradio-app/gradio/pull/8802) [`7b19474`](https://github.com/gradio-app/gradio/commit/7b19474cb2dd8f2c34d630f43edb0fcb0e05aa0c) - Ensure `ImageEditor` brush color can be updated with `gr.update`.  Thanks @pngwn!
+- [#8852](https://github.com/gradio-app/gradio/pull/8852) [`16b8200`](https://github.com/gradio-app/gradio/commit/16b820038df43905447ab7623d39d91ceb0d6238) - Fix gr.Image height inconsistencies.  Thanks @hannahblair!
+
+## 4.38.1
+
+### Features
+
+- [#8766](https://github.com/gradio-app/gradio/pull/8766) [`2b4636e`](https://github.com/gradio-app/gradio/commit/2b4636e75cf728846253451b7104b724609a9cd1) - Fix width of assistant's chatbot bubble.  Thanks @pngwn!
+
+## 4.38.0
+
+### Highlights
+
+#### Support message format in chatbot 💬 ([#8422](https://github.com/gradio-app/gradio/pull/8422) [`4221290`](https://github.com/gradio-app/gradio/commit/4221290d847041024b1faa3df5585bba0775b8b3))
+
+`gr.Chatbot` and `gr.ChatInterface` now support the [Messages API](https://huggingface.co/docs/text-generation-inference/en/messages_api#messages-api), which is fully compatible with LLM API providers such as Hugging Face Text Generation Inference, OpenAI's chat completions API, and Llama.cpp server. 
+
+Building Gradio applications around these LLM solutions is now even easier! 
+
+`gr.Chatbot` and `gr.ChatInterface` now have a `type` parameter that can accept two values - `'tuples'` and `'messages'`. If set to `'tuples'`, the default chatbot data format is expected. If set to `'messages'`, a list of dictionaries with `content` and `role` keys is expected. See below - 
+
+```python
+def chat_greeter(msg, history):
+    history.append({"role": "assistant", "content": "Hello!"})
+    return history
+```
+
+Additionally, gradio now exposes a `gr.ChatMessage` dataclass you can use for IDE type hints and auto completion.
+
+<img width="852" alt="image" src="https://github.com/freddyaboulton/freddyboulton/assets/41651716/d283e8f3-b194-466a-8194-c7e697dca9ad">
+
+
+#### Tool use in Chatbot 🛠️
+
+The Gradio Chatbot can now natively display tool usage and intermediate thoughts common in Agent and chain-of-thought workflows!
+
+If you are using the new "messages" format, simply add a `metadata` key with a dictionary containing a `title` key and `value`. This will display the assistant message in an expandable message box to show the result of a tool or intermediate step.
+
+```python
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+def generate_response(history):
+    history.append(ChatMessage(role="user", content="What is the weather in San Francisco right now?"))
+    yield history
+    time.sleep(0.25)
+    history.append(ChatMessage(role="assistant",
+                               content="In order to find the current weather in San Francisco, I will need to use my weather tool.")
+                               )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="API Error when connecting to weather service.",
+                              metadata={"title": "💥 Error using tool 'Weather'"})
+                  )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="I will try again",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Weather 72 degrees Fahrenheit with 20% chance of rain.",
+                                metadata={"title": "🛠️ Used tool 'Weather'"}
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Now that the API succeeded I can complete my task.",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="It's a sunny day in San Francisco with a current temperature of 72 degrees Fahrenheit and a 20% chance of rain. Enjoy the weather!",
+                              ))
+    yield history
+
+
+with gr.Blocks() as demo:
+    chatbot  = gr.Chatbot(type="messages")
+    button = gr.Button("Get San Francisco Weather")
+    button.click(generate_response, chatbot, chatbot)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+
+
+![tool-box-demo](https://github.com/freddyaboulton/freddyboulton/assets/41651716/cf73ecc9-90ac-42ce-bca5-768e0cc00a48)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8683](https://github.com/gradio-app/gradio/pull/8683) [`a92c3e8`](https://github.com/gradio-app/gradio/commit/a92c3e8015c1951f995f52f9750a0364bd5d5e8d) - Warn against Falsy credentials.  Thanks @Paillat-dev!
+- [#8743](https://github.com/gradio-app/gradio/pull/8743) [`ee497d5`](https://github.com/gradio-app/gradio/commit/ee497d5c3c96041e5b624452596762248de114cc) - Perform CORS validation when the request has a cookie.  Thanks @abidlabs!
+- [#8744](https://github.com/gradio-app/gradio/pull/8744) [`b736c8d`](https://github.com/gradio-app/gradio/commit/b736c8db343087a4854f659b92732c8859fa999a) - Refactor `gr.ParamViewer` to use HTML `<details>` and other tweaks.  Thanks @abidlabs!
+- [#8665](https://github.com/gradio-app/gradio/pull/8665) [`3b8238c`](https://github.com/gradio-app/gradio/commit/3b8238c2e222a6537b19b8901198b7e369e8319a) - Add c/cpp code support.  Thanks @ginazhouhuiwu!
+- [#8713](https://github.com/gradio-app/gradio/pull/8713) [`e3c7079`](https://github.com/gradio-app/gradio/commit/e3c7079e380880d5759d98d180eaf688122f1c69) - Time range component.  Thanks @aliabid94!
+- [#8705](https://github.com/gradio-app/gradio/pull/8705) [`280a3f4`](https://github.com/gradio-app/gradio/commit/280a3f4afe0500fe67a02fafa2ac31344c3a0149) - GRADIO_ALLOWED_PATHS & GRADIO_BLOCKED_PATHS comma separated environme….  Thanks @cocktailpeanut!
+- [#8733](https://github.com/gradio-app/gradio/pull/8733) [`fb0daf3`](https://github.com/gradio-app/gradio/commit/fb0daf3730ffbe6aab5ebe4210eae150729a40b1) - Improvements to `gr.Examples`: adds events as attributes and documents, them, adds `sample_labels`, and `visible` properties.  Thanks @abidlabs!
+- [#8750](https://github.com/gradio-app/gradio/pull/8750) [`5e36144`](https://github.com/gradio-app/gradio/commit/5e361442328cf01fa92ecdadfa420054b8da2a81) - Add guides for msg format and llm agents.  Thanks @freddyaboulton!
+- [#8687](https://github.com/gradio-app/gradio/pull/8687) [`bc1d45d`](https://github.com/gradio-app/gradio/commit/bc1d45d8745a677bbe2a32f8d7553fe0d4ef3fd7) - Model3D point cloud and wireframe display modes.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8699](https://github.com/gradio-app/gradio/pull/8699) [`012da05`](https://github.com/gradio-app/gradio/commit/012da05287846d94beb0ecdc28d7fbc48c4248ff) - Ensure JS client `status_callback` functionality works and improve status messages.  Thanks @hannahblair!
+- [#8763](https://github.com/gradio-app/gradio/pull/8763) [`c1ecfde`](https://github.com/gradio-app/gradio/commit/c1ecfde50e55902140aafc3551968e26c1bb4cd0) - 8394 df hidden items.  Thanks @pngwn!
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+- [#8715](https://github.com/gradio-app/gradio/pull/8715) [`a6b3c6c`](https://github.com/gradio-app/gradio/commit/a6b3c6ce4e1d06253860c72740024a9138e3a93a) - Ensure `@gradio/client`'s `submit` iterator releases as expected.  Thanks @pngwn!
+- [#8758](https://github.com/gradio-app/gradio/pull/8758) [`26cdd0f`](https://github.com/gradio-app/gradio/commit/26cdd0ffe049ecfe751f3831cbdb4c04c0ecf934) - Revert chatbot styling.  Thanks @pngwn!
+- [#8658](https://github.com/gradio-app/gradio/pull/8658) [`0482453`](https://github.com/gradio-app/gradio/commit/0482453fd5815446c8efa21bfbba0b00d6e4113d) - Chatbot LaTeX Crash Fix.  Thanks @dawoodkhan82!
+- [#8716](https://github.com/gradio-app/gradio/pull/8716) [`e834d30`](https://github.com/gradio-app/gradio/commit/e834d302e44f7a54565129bf2c11acf4e882a59b) - ensure `@gradio/client` always returns the correct data.  Thanks @pngwn!
+- [#8737](https://github.com/gradio-app/gradio/pull/8737) [`31a876d`](https://github.com/gradio-app/gradio/commit/31a876d0274d7b74a90d30148f3e9c098f486242) - Fix `Share to community` button for images.  Thanks @hannahblair!
+- [#8719](https://github.com/gradio-app/gradio/pull/8719) [`d15ada9`](https://github.com/gradio-app/gradio/commit/d15ada9a1c270dd86e1751b1846510a70dc48510) - Fix multimodal textbox custom components.  Thanks @freddyaboulton!
+- [#8714](https://github.com/gradio-app/gradio/pull/8714) [`1b5b5b0`](https://github.com/gradio-app/gradio/commit/1b5b5b0b43e69ee84f3baad2aae59ffc9c4d995a) - Bind `fetch` and `stream` in JS client.  Thanks @hannahblair!
+- [#8677](https://github.com/gradio-app/gradio/pull/8677) [`c946c6f`](https://github.com/gradio-app/gradio/commit/c946c6f31a34bfd888a6a16c3fb479fe34710206) - Allow supplying custom `gr.Chatbot` with events to `gr.ChatInterface`.  Thanks @abidlabs!
+- [#8748](https://github.com/gradio-app/gradio/pull/8748) [`a9307c6`](https://github.com/gradio-app/gradio/commit/a9307c64525c5b323e56ea6f7475faa7c3dad4a4) - Chatbot generating scroll and click fix.  Thanks @freddyaboulton!
+- [#8720](https://github.com/gradio-app/gradio/pull/8720) [`936c713`](https://github.com/gradio-app/gradio/commit/936c7137a99ef59efdf75bae5dd27eea2ac1f577) - Documents auth in the guides, in the view API page, and also types the Blocks.config object.  Thanks @abidlabs!
+
+## 4.37.2
+
+### Features
+
+- [#8632](https://github.com/gradio-app/gradio/pull/8632) [`ea6482c`](https://github.com/gradio-app/gradio/commit/ea6482cc89a883075a9008d1758e97f5ea73a9ec) - remove `chatbot_multimodal` demo from `gr.Chatbot` documentation page.  Thanks @abidlabs!
+- [#8649](https://github.com/gradio-app/gradio/pull/8649) [`4b6c8b1`](https://github.com/gradio-app/gradio/commit/4b6c8b1c004cee67345a7f103ba2dc8e90b82e6c) - ensure `File` objects are handled in JS client `handle_file`.  Thanks @hannahblair!
+- [#8604](https://github.com/gradio-app/gradio/pull/8604) [`b6fa6b5`](https://github.com/gradio-app/gradio/commit/b6fa6b543f226540247cd50748019cde59b93005) - Add docs for `.on()`, `.then()`, and `.success()`, as well as the subclasses of `gr.EventData`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8655](https://github.com/gradio-app/gradio/pull/8655) [`3896398`](https://github.com/gradio-app/gradio/commit/38963984800d58bfad81bc928f2d631cb4bac773) - Ensure copy button on chatbot shows when appropriate.  Thanks @pngwn!
+- [#8645](https://github.com/gradio-app/gradio/pull/8645) [`9933e53`](https://github.com/gradio-app/gradio/commit/9933e538c9544c386851d90adacd148763ccc878) - Update file_explorer.py for str type `height`.  Thanks @magical-l!
+- [#8608](https://github.com/gradio-app/gradio/pull/8608) [`c12f82a`](https://github.com/gradio-app/gradio/commit/c12f82a36dc75ff30918dc2ce5f24e583b676f22) - Bugfix: Add a `file_count` parameter to `gr.MultimodalTextbox`. Multiple files cab be uploaded by setting `file_count="multiple"`. Default is `"single"` to preserve the previous behavior.  Thanks @freddyaboulton!
+- [#8631](https://github.com/gradio-app/gradio/pull/8631) [`9b8840a`](https://github.com/gradio-app/gradio/commit/9b8840ab5f712a6634b77df014083071fa253ba0) - Ensure chatbot messages are visible to screenreaders.  Thanks @hannahblair!
+- [#8637](https://github.com/gradio-app/gradio/pull/8637) [`c348392`](https://github.com/gradio-app/gradio/commit/c34839293f7ebad91d71caced84eea4a3790a558) - Multimodal textbox buttons alignment.  Thanks @dawoodkhan82!
+
+## 4.37.1
+
+### Fixes
+
+- [#8610](https://github.com/gradio-app/gradio/pull/8610) [`9204d86`](https://github.com/gradio-app/gradio/commit/9204d86ed48b4a45ed5de5ea628b756d092ce910) - Add guide on cleaning up state and file resources.  Thanks @freddyaboulton!
+
+## 4.37.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+- [#8489](https://github.com/gradio-app/gradio/pull/8489) [`c2a0d05`](https://github.com/gradio-app/gradio/commit/c2a0d056d679d90631d9ccd944dadd67e7e03b7f) - Control Display of Error, Info, Warning.  Thanks @freddyaboulton!
+- [#8571](https://github.com/gradio-app/gradio/pull/8571) [`a77877f`](https://github.com/gradio-app/gradio/commit/a77877f62df7c610fcfac7b3b00e186a087c8ec6) - First time loading performance optimization.  Thanks @baojianting!
+- [#8607](https://github.com/gradio-app/gradio/pull/8607) [`c7cd0a0`](https://github.com/gradio-app/gradio/commit/c7cd0a0e9aefe0e5ee5584df676f3cc69a403059) - Ensure chatbot background is consistent with other components.  Thanks @pngwn!
+- [#8555](https://github.com/gradio-app/gradio/pull/8555) [`7fc7455`](https://github.com/gradio-app/gradio/commit/7fc7455553c04c52c8e25d520f3d67f1b5609637) - support html in chatbot.  Thanks @pngwn!
+- [#8590](https://github.com/gradio-app/gradio/pull/8590) [`65afffd`](https://github.com/gradio-app/gradio/commit/65afffd34b79ba9117e8d9506ea82477204cb57d) - Fix multimodal chat look.  Thanks @aliabid94!
+- [#8603](https://github.com/gradio-app/gradio/pull/8603) [`affce4c`](https://github.com/gradio-app/gradio/commit/affce4cbd9e2df14175c79da27408ccce57a74e9) - Fix resizer on altair.  Thanks @aliabid94!
+- [#8580](https://github.com/gradio-app/gradio/pull/8580) [`797621b`](https://github.com/gradio-app/gradio/commit/797621b81a0ab9b794e6872f8d43bf6d19a68b78) - Improved plot rendering to thematically match.  Thanks @aliabid94!/n  highlight:Expect visual changes in gr.Plot, gr.BarPlot, gr.LinePlot, gr.ScatterPlot, including changes to color and width sizing.
+- [#8520](https://github.com/gradio-app/gradio/pull/8520) [`595ecf3`](https://github.com/gradio-app/gradio/commit/595ecf35da6cd5f9aa7d9135282d005b63fbdef1) - Add build target option to the custom component `gradio.config.js` file.  Thanks @pngwn!
+- [#8593](https://github.com/gradio-app/gradio/pull/8593) [`d35c290`](https://github.com/gradio-app/gradio/commit/d35c290aadcb85113ee7ceea96a7ed7dc894b1d2) - Adding more docs for using components in chatbot.  Thanks @abidlabs!
+- [#8609](https://github.com/gradio-app/gradio/pull/8609) [`36b2af9`](https://github.com/gradio-app/gradio/commit/36b2af9a31e43e92f61f39636b7c32001c34734d) - Changed gradio version check from print statement to warning.  Thanks @gdevakumar!
+- [#8600](https://github.com/gradio-app/gradio/pull/8600) [`7289c4b`](https://github.com/gradio-app/gradio/commit/7289c4b036d8a78c48f8c9e66ba998e6730e80d2) - Add credentials: include and Cookie header to prevent 401 error.  Thanks @yinkiu602!
+- [#8488](https://github.com/gradio-app/gradio/pull/8488) [`b03da67`](https://github.com/gradio-app/gradio/commit/b03da67d8f17c36e78b47bfad78e30c94d577828) - Minor changes to monitoring.  Thanks @freddyaboulton!
+- [#8569](https://github.com/gradio-app/gradio/pull/8569) [`6f99a02`](https://github.com/gradio-app/gradio/commit/6f99a028ed0071e3f588076c059d19f3ff5d85f8) - Upgrade pyodide 0.26.  Thanks @whitphx!
+- [#8565](https://github.com/gradio-app/gradio/pull/8565) [`fd5aab1`](https://github.com/gradio-app/gradio/commit/fd5aab10be53a4215b5eeca03cd1c99c5a30c21d) - Remove duplicated code in `routes.py`.  Thanks @sadra-barikbin!
+- [#8529](https://github.com/gradio-app/gradio/pull/8529) [`d43d696`](https://github.com/gradio-app/gradio/commit/d43d69648669da98a4fdf741071501e531b68d86) - feat: exception handling about file_count params of File component.  Thanks @young-hun-jo!
+- [#8528](https://github.com/gradio-app/gradio/pull/8528) [`2b0c157`](https://github.com/gradio-app/gradio/commit/2b0c1577b27fcf30920196f815ec7be604893b19) - Added an optional `height` and overflow scrollbar for the Markdown Component.  Thanks @ShruAgarwal!
+- [#8516](https://github.com/gradio-app/gradio/pull/8516) [`de6aa2b`](https://github.com/gradio-app/gradio/commit/de6aa2b67668605b65ad92842b2c798afa2c6d8a) - Add helper classes to docs.  Thanks @aliabd!
+- [#8522](https://github.com/gradio-app/gradio/pull/8522) [`bdaa678`](https://github.com/gradio-app/gradio/commit/bdaa678d0c0a22250b41104f32e9121f98dc7437) - add handle_file docs.  Thanks @pngwn!
+
+### Fixes
+
+- [#8599](https://github.com/gradio-app/gradio/pull/8599) [`ca125b7`](https://github.com/gradio-app/gradio/commit/ca125b728a0803a5b5ed71a5189e6b68175edcad) - Fix reload mode for jupyter notebook and stateful demos.  Thanks @freddyaboulton!
+- [#8521](https://github.com/gradio-app/gradio/pull/8521) [`900cf25`](https://github.com/gradio-app/gradio/commit/900cf25256a5b0563860097d69aac28b6afbfd8b) - Ensure frontend functions work when they don't return a value.  Thanks @pngwn!
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+- [#8530](https://github.com/gradio-app/gradio/pull/8530) [`d429690`](https://github.com/gradio-app/gradio/commit/d429690611eacd7b19cf4609332b0c12c93a1591) - Fix request serialization for fastapi `/docs`.  Thanks @zhzLuke96!
+- [#8589](https://github.com/gradio-app/gradio/pull/8589) [`34430b9`](https://github.com/gradio-app/gradio/commit/34430b934dbab3bc525f56b390dbc054f76cf56c) - Handle GIFs correct in `gr.Image` preprocessing.  Thanks @abidlabs!
+- [#8506](https://github.com/gradio-app/gradio/pull/8506) [`7c5fec3`](https://github.com/gradio-app/gradio/commit/7c5fec3a2606b7a40f4cdc60f2553ba55fc8df99) - Use root url for monitoring url.  Thanks @abidlabs!
+- [#8524](https://github.com/gradio-app/gradio/pull/8524) [`546d14e`](https://github.com/gradio-app/gradio/commit/546d14e4f2773f91be7afc37355327044e7cb6e6) - add test + demo.  Thanks @pngwn!
+- [#8588](https://github.com/gradio-app/gradio/pull/8588) [`1e61644`](https://github.com/gradio-app/gradio/commit/1e6164462431111e8c4c698cc2c57ab0d0076ba2) - move `deploy_space_action.yaml` to correct location.  Thanks @abidlabs!
+- [#8543](https://github.com/gradio-app/gradio/pull/8543) [`a4433be`](https://github.com/gradio-app/gradio/commit/a4433be25c183080d397413dc8c4330cd8c2b562) - Ability to disable orange progress animation for generators by setting `show_progress='minimal'` or `show_progress='hidden'` in the event definition. This is a small visual breaking change but it aligns better with the expected behavior of the `show_progress` parameter. Also added `show_progress` to `gr.Interface` and `gr.ChatInterface`.  Thanks @freddyaboulton!
+- [#8579](https://github.com/gradio-app/gradio/pull/8579) [`bc5fccf`](https://github.com/gradio-app/gradio/commit/bc5fccfeee4ff6941c927c982cfbabed7b90213c) - Allow `gr.load` to work inside `gr.Blocks` automatically.  Thanks @abidlabs!
+- [#8573](https://github.com/gradio-app/gradio/pull/8573) [`56af40f`](https://github.com/gradio-app/gradio/commit/56af40f5e3bc4ea98bcfe6838f7ffcda1f47b63f) - Fixes the `favicon_path` working error.  Thanks @ShruAgarwal!
+- [#8548](https://github.com/gradio-app/gradio/pull/8548) [`7fc0f51`](https://github.com/gradio-app/gradio/commit/7fc0f5149bb8d31f3d01b4151b478070499751ee) - Fix reload mode by implementing `close` on the client.  Thanks @freddyaboulton!
+- [#8531](https://github.com/gradio-app/gradio/pull/8531) [`88de38e`](https://github.com/gradio-app/gradio/commit/88de38e2597bc39532be77b917f1f02b1a11647d) - Fix custom components on windows.  Thanks @freddyaboulton!
+- [#8581](https://github.com/gradio-app/gradio/pull/8581) [`a1c21cb`](https://github.com/gradio-app/gradio/commit/a1c21cb69a688bd38139153fe9c85a50c6ae86f2) - fix dataset update.  Thanks @abidlabs!
+- [#8537](https://github.com/gradio-app/gradio/pull/8537) [`81ae766`](https://github.com/gradio-app/gradio/commit/81ae7663b303ac7738bc216d9bf916f0515dd22e) - Many small fixes to website and docs.  Thanks @aliabd!
+
+## 4.36.1
+
+### Features
+
+- [#8491](https://github.com/gradio-app/gradio/pull/8491) [`ffd53fa`](https://github.com/gradio-app/gradio/commit/ffd53fa2dcb13d564fd07aa441d4016df8d2f155) - Remove broken guide redirect.  Thanks @aliabd!
+- [#8499](https://github.com/gradio-app/gradio/pull/8499) [`c5f6e77`](https://github.com/gradio-app/gradio/commit/c5f6e7722a197d4706419ade14276ddecf3196f8) - Cache break themes on change.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8504](https://github.com/gradio-app/gradio/pull/8504) [`2a59bab`](https://github.com/gradio-app/gradio/commit/2a59bab3bb537373e2823b2416e42b7a8370d7ec) - Fixes TabbedInterface bug where only first interface events get triggered.  Thanks @freddyaboulton!
+
+## 4.36.0
+
+### Features
+
+- [#8478](https://github.com/gradio-app/gradio/pull/8478) [`73e1108`](https://github.com/gradio-app/gradio/commit/73e11087a0d212c568c361e84e50fcb59d4a37b0) - Adds a monitoring dashboard to Gradio apps that can be used to view usage.  Thanks @aliabid94!
+
+## 4.35.0
+
+### Features
+
+- [#8481](https://github.com/gradio-app/gradio/pull/8481) [`41a4493`](https://github.com/gradio-app/gradio/commit/41a449383a34b7d6e4c83cfbf61c222fd5501206) - fix client flaky tests.  Thanks @abidlabs!
+- [#8483](https://github.com/gradio-app/gradio/pull/8483) [`e2271e2`](https://github.com/gradio-app/gradio/commit/e2271e207d98074bf39b02ae3c5443b2f097627d) - documentation for @gradio/client.  Thanks @pngwn!
+- [#8485](https://github.com/gradio-app/gradio/pull/8485) [`f8ebace`](https://github.com/gradio-app/gradio/commit/f8ebaceccef60a112603d290d10072ef4e938a6a) - Ensure all status are reported internally when calling `predict`.  Thanks @pngwn!
+
+## 4.34.0
+
+### Features
+
+- [#8370](https://github.com/gradio-app/gradio/pull/8370) [`48eeea4`](https://github.com/gradio-app/gradio/commit/48eeea4eaab7e24168688e3c3fbafb30e4e78d51) - Refactor Cancelling Logic To Use /cancel.  Thanks @freddyaboulton!
+- [#8460](https://github.com/gradio-app/gradio/pull/8460) [`8628899`](https://github.com/gradio-app/gradio/commit/86288993d9589ceb7bcc3e4d10f0adb6419d4ac5) - Support Bash in Api Recorder.  Thanks @aliabd!
+- [#8417](https://github.com/gradio-app/gradio/pull/8417) [`96d8de2`](https://github.com/gradio-app/gradio/commit/96d8de231270321da5f310768643363276df3204) - add delete event to `File` component.  Thanks @pngwn!
+- [#8444](https://github.com/gradio-app/gradio/pull/8444) [`2cd02ff`](https://github.com/gradio-app/gradio/commit/2cd02ff3b7c57cd69635d111ff25643eba30b9b0) - Remove deprecated parameters from Python Client.  Thanks @abidlabs!
+- [#8473](https://github.com/gradio-app/gradio/pull/8473) [`8ca93d4`](https://github.com/gradio-app/gradio/commit/8ca93d45dd9f8948cfe87fe16ef5943139e756a7) - Improve design of api recorder.  Thanks @aliabd!
+- [#8445](https://github.com/gradio-app/gradio/pull/8445) [`5c8915b`](https://github.com/gradio-app/gradio/commit/5c8915b11308756c3b7279864d240ea85f5a0b4a) - Add cURL to view API Page and add a dedicated Guide.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8477](https://github.com/gradio-app/gradio/pull/8477) [`d5a9604`](https://github.com/gradio-app/gradio/commit/d5a960493017a4890685af61d78ce7d3b3b12e6b) - Fix js client bundle.  Thanks @pngwn!
+- [#8451](https://github.com/gradio-app/gradio/pull/8451) [`9d2d605`](https://github.com/gradio-app/gradio/commit/9d2d6051caed5c8749a26a6fa7480a5ae6e6c4f3) - Change client submit API to be an AsyncIterable and support more platforms.  Thanks @pngwn!
+- [#8462](https://github.com/gradio-app/gradio/pull/8462) [`6447dfa`](https://github.com/gradio-app/gradio/commit/6447dface4d46db1c69460e8325a1928d0476a46) - Improve file handling in JS Client.  Thanks @hannahblair!
+- [#8439](https://github.com/gradio-app/gradio/pull/8439) [`63d36fb`](https://github.com/gradio-app/gradio/commit/63d36fbbf4bf6dc909be9a0ffc7b6bf6621d83e8) - Handle gradio apps using `state` in the JS Client.  Thanks @hannahblair!
+
+## 4.33.0
+
+### Features
+
+- [#8429](https://github.com/gradio-app/gradio/pull/8429) [`d393a4a`](https://github.com/gradio-app/gradio/commit/d393a4a2245675d161f03bb9e7a7a62348748581) - Fix type hints for render and on.  Thanks @freddyaboulton!
+- [#8377](https://github.com/gradio-app/gradio/pull/8377) [`341844f`](https://github.com/gradio-app/gradio/commit/341844f04efe0e7e512c7ca443f3f2b195a32fa7) - Click to preview images in chatbot.  Thanks @dawoodkhan82!
+- [#8455](https://github.com/gradio-app/gradio/pull/8455) [`a970589`](https://github.com/gradio-app/gradio/commit/a970589cf57c72650f45fbc6a82ad9c52a6e4712) - Fix multimodal textbox placeholder.  Thanks @dawoodkhan82!
+- [#8446](https://github.com/gradio-app/gradio/pull/8446) [`4a55157`](https://github.com/gradio-app/gradio/commit/4a55157ed9796b8a69cadae0d87a85203eab2cb3) - state.change listener with deep hash check.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8400](https://github.com/gradio-app/gradio/pull/8400) [`33c8081`](https://github.com/gradio-app/gradio/commit/33c8081aa967ffc6fec68e15946b9bce2e848ee2) - Handle special arguments when extracting parameter names for view API page.  Thanks @abidlabs!
+- [#8369](https://github.com/gradio-app/gradio/pull/8369) [`4795c6e`](https://github.com/gradio-app/gradio/commit/4795c6e9e942b5ce489e4451ef84fa75128d89d2) - Fix multimodal textbox styling for certain themes.  Thanks @dawoodkhan82!
+- [#8440](https://github.com/gradio-app/gradio/pull/8440) [`83bdf5c`](https://github.com/gradio-app/gradio/commit/83bdf5c4478c0c6138cc639818dd5e403ea712a0) - Add support for `numpy~=2.0`.  Thanks @freddyaboulton!
+
+## 4.32.2
+
+### Fixes
+
+- [#8431](https://github.com/gradio-app/gradio/pull/8431) [`9909b28`](https://github.com/gradio-app/gradio/commit/9909b28364b82b5e8bfd7d47a858a204f68b963a) - fix scrolling on spaces.  Thanks @pngwn!
+
+## 4.32.1
+
+### Features
+
+- [#8415](https://github.com/gradio-app/gradio/pull/8415) [`227de35`](https://github.com/gradio-app/gradio/commit/227de352982b3dcdf9384eaa28b7e9cf09afb6e8) - Fix spaces load error.  Thanks @aliabid94!
+
+## 4.32.0
+
+### Features
+
+- [#8401](https://github.com/gradio-app/gradio/pull/8401) [`d078621`](https://github.com/gradio-app/gradio/commit/d078621928136c09ca902d2f37594ed887c67d2e) - Add CDN installation to JS docs.  Thanks @hannahblair!
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) [`55f664f`](https://github.com/gradio-app/gradio/commit/55f664f2979a49acc29a73cde16c6ebdfcc91db2) - Add event listener support to render blocks.  Thanks @aliabid94!
+- [#8398](https://github.com/gradio-app/gradio/pull/8398) [`945ac83`](https://github.com/gradio-app/gradio/commit/945ac837e779b120790814ea6f6f81bd2712f5f8) - Improve rendering.  Thanks @aliabid94!
+- [#8299](https://github.com/gradio-app/gradio/pull/8299) [`ab65360`](https://github.com/gradio-app/gradio/commit/ab653608045ff9462db7ad9fe63e1c60bf20e773) - Allow JS Client to work with authenticated spaces 🍪.  Thanks @hannahblair!
+- [#8386](https://github.com/gradio-app/gradio/pull/8386) [`e738e26`](https://github.com/gradio-app/gradio/commit/e738e26a5d0f31c60cfd24d47c11dc9d4bc2d1a6) - Include instructions on starting from someone else's custom component repository.  Thanks @freddyaboulton!
+- [#8363](https://github.com/gradio-app/gradio/pull/8363) [`94a1143`](https://github.com/gradio-app/gradio/commit/94a1143686733c7fe16e204764b9a3e7240ccf02) - Add allow-credentials to preflight header.  Thanks @abidlabs!
+- [#8403](https://github.com/gradio-app/gradio/pull/8403) [`5efd35c`](https://github.com/gradio-app/gradio/commit/5efd35c7a06d894fdcb68898bdaaf9b457e608f1) - Editable Docs.  Thanks @aliabd!
+- [#8355](https://github.com/gradio-app/gradio/pull/8355) [`33e8bab`](https://github.com/gradio-app/gradio/commit/33e8babb17b2094327860bc1996ab855d6c22d46) - Enable hiding the inline category in HighlightedText with a `show_inline_category` argument.  Thanks @xu-song!
+- [#8409](https://github.com/gradio-app/gradio/pull/8409) [`8028c33`](https://github.com/gradio-app/gradio/commit/8028c33bbc5a324a5e9e8b28906443db28683d79) - Render decorator documentation.  Thanks @aliabid94!
+- [#8378](https://github.com/gradio-app/gradio/pull/8378) [`3fbf2e8`](https://github.com/gradio-app/gradio/commit/3fbf2e8e7059f3bab64b0839ab7a0f9f864f0a66) - chore: update docs.py.  Thanks @eltociear!
+
+### Fixes
+
+- [#8408](https://github.com/gradio-app/gradio/pull/8408) [`e86dd01`](https://github.com/gradio-app/gradio/commit/e86dd01b6e8f7bab3d3c25b84f2ad33129138af4) - Connect heartbeat if state created in render. Also fix config cleanup bug #8407.  Thanks @freddyaboulton!
+- [#8258](https://github.com/gradio-app/gradio/pull/8258) [`1f8e5c4`](https://github.com/gradio-app/gradio/commit/1f8e5c44e054b943052d8f24d044696ddfd01a54) - Improve URL handling in JS Client.  Thanks @hannahblair!
+- [#8376](https://github.com/gradio-app/gradio/pull/8376) [`aebd2e9`](https://github.com/gradio-app/gradio/commit/aebd2e952e3a19633b9b95a49f51664bc8a0c20d) - Model3D right-handed coordinate system.  Thanks @dylanebert!
+- [#8381](https://github.com/gradio-app/gradio/pull/8381) [`24ab22d`](https://github.com/gradio-app/gradio/commit/24ab22d26179ee3d1e5f4957067ebf8722ef2e6f) - Fix encoding error.  Thanks @xu-song!
+- [#8364](https://github.com/gradio-app/gradio/pull/8364) [`6a1b58c`](https://github.com/gradio-app/gradio/commit/6a1b58cf3e4796ccb695db5baae190c894b30df0) - Add `--table-text-color` var to fix body text in `Examples`.  Thanks @hannahblair!
+- [#8284](https://github.com/gradio-app/gradio/pull/8284) [`2d705bc`](https://github.com/gradio-app/gradio/commit/2d705bcf7475eb46822358fed21dc081a800a73d) - Add body color to `gr.Accordion`.  Thanks @hannahblair!
+- [#8371](https://github.com/gradio-app/gradio/pull/8371) [`a373b0e`](https://github.com/gradio-app/gradio/commit/a373b0edd36613a9a6a25a1a2893edd6533a7291) - Set orig_name in python client file uploads.  Thanks @freddyaboulton!
+- [#8385](https://github.com/gradio-app/gradio/pull/8385) [`97ac79b`](https://github.com/gradio-app/gradio/commit/97ac79bf563f8423604a9b0e91eac4df6833f4fc) - Fix bug in reload mode equality check. Better equality conversion for state variables.  Thanks @freddyaboulton!
+- [#8372](https://github.com/gradio-app/gradio/pull/8372) [`89d6a17`](https://github.com/gradio-app/gradio/commit/89d6a176b39f713dd8144a1e6df1419303412ed2) - Change z-index of status tracker.  Thanks @hannahblair!
+
+## 4.31.5
+
+### Features
+
+- [#8311](https://github.com/gradio-app/gradio/pull/8311) [`35905c5`](https://github.com/gradio-app/gradio/commit/35905c5c8f7acbe669486ac8f57b6955328e4783) - Cleanup markdown styling.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8339](https://github.com/gradio-app/gradio/pull/8339) [`4dc7fa7`](https://github.com/gradio-app/gradio/commit/4dc7fa7cd7f514224686b891299e46533edffd66) - Fix Chatbot, Dataframe, Markdown custom components.  Thanks @freddyaboulton!
+- [#8336](https://github.com/gradio-app/gradio/pull/8336) [`f138b41`](https://github.com/gradio-app/gradio/commit/f138b4159ea364204108de14f7597674fcc9469e) - Use Any if JsonValue cannot be imported.  Thanks @freddyaboulton!
+- [#8334](https://github.com/gradio-app/gradio/pull/8334) [`0236b1a`](https://github.com/gradio-app/gradio/commit/0236b1ab12149ddd11b03e1382ceb09d19ac0d48) - fix: prevent triggering gr.File.select on delete.  Thanks @gtm-nayan!
+- [#8341](https://github.com/gradio-app/gradio/pull/8341) [`82ba397`](https://github.com/gradio-app/gradio/commit/82ba3975921760c727875948fb7275c2f5f9ea2b) - add missing orig_name (follow up to #8334).  Thanks @gtm-nayan!
+- [#8322](https://github.com/gradio-app/gradio/pull/8322) [`47012a0`](https://github.com/gradio-app/gradio/commit/47012a0c4e3e8a80fcae620aaf08b16ceb343cde) - ensure the client correctly handles all binary data.  Thanks @Saghen!
+
+## 4.31.4
+
+### Features
+
+- [#8318](https://github.com/gradio-app/gradio/pull/8318) [`9e31697`](https://github.com/gradio-app/gradio/commit/9e31697d9435ea926a194262d9e845624df0e74e) - Added image-to-image diffusers pipeline.  Thanks @cswamy!
+
+### Fixes
+
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) [`8f46556`](https://github.com/gradio-app/gradio/commit/8f46556b38e35cffbadac74ff80445dceea3bcf5) - Fix api recorder.  Thanks @abidlabs!
+
+## 4.31.3
+
+### Features
+
+- [#8229](https://github.com/gradio-app/gradio/pull/8229) [`7c81897`](https://github.com/gradio-app/gradio/commit/7c81897076ddcd0bb05e0e4ffec35bb9a986d330) - chore(deps): update dependency esbuild to ^0.21.0.  Thanks @renovate!
+- [#8279](https://github.com/gradio-app/gradio/pull/8279) [`4350215`](https://github.com/gradio-app/gradio/commit/4350215348981aba6dea473884b047f096dcdf0f) - Link to troubleshooting guide in the custom component loading status.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8292](https://github.com/gradio-app/gradio/pull/8292) [`ee1e294`](https://github.com/gradio-app/gradio/commit/ee1e2942e0a1ae84a08a05464e41c8108a03fa9c) - Ensure JSON component outputs handled properly in postprocess.  Thanks @freddyaboulton!
+- [#8296](https://github.com/gradio-app/gradio/pull/8296) [`929d216`](https://github.com/gradio-app/gradio/commit/929d216d49aa05614bc83f0761cf7b1cd803d8fe) - always create a jwt when connecting to a space if a hf_token is present.  Thanks @pngwn!
+
+## 4.31.2
+
+### Fixes
+
+- [#8285](https://github.com/gradio-app/gradio/pull/8285) [`7d9d8ea`](https://github.com/gradio-app/gradio/commit/7d9d8eab50d36cbecbb84c6a0f3cc1bca7215604) - use the correct query param to pass the jwt to the heartbeat event.  Thanks @pngwn!
+
+## 4.31.1
+
+### Features
+
+- [#8264](https://github.com/gradio-app/gradio/pull/8264) [`a9e1a8a`](https://github.com/gradio-app/gradio/commit/a9e1a8ac5633c5336fea1c63d7f66a9883e7e6e1) - Make exceptions in the Client more specific.  Thanks @abidlabs!
+- [#8263](https://github.com/gradio-app/gradio/pull/8263) [`de52f0e`](https://github.com/gradio-app/gradio/commit/de52f0e5af75688713e4e96a195208576a4d64ad) - Reduce the analytics that are collected in Gradio.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8276](https://github.com/gradio-app/gradio/pull/8276) [`0bf3d1a`](https://github.com/gradio-app/gradio/commit/0bf3d1a992db2753c1a55452b569027190f26ef6) - Fix bug where client could not connect to apps that had self signed certificates.  Thanks @freddyaboulton!
+- [#8260](https://github.com/gradio-app/gradio/pull/8260) [`7e976fd`](https://github.com/gradio-app/gradio/commit/7e976fd9bf5273841915b3722d3eadfcf6c11fc3) - Send ProcessCompleted message when job is cancelled.  Thanks @freddyaboulton!
+- [#8261](https://github.com/gradio-app/gradio/pull/8261) [`719d596`](https://github.com/gradio-app/gradio/commit/719d5962bb7018412f073b55eb3b62d8b4e02d63) - Fix bug where status tracker was the target of pointer events.  Thanks @freddyaboulton!
+- [#8272](https://github.com/gradio-app/gradio/pull/8272) [`fbf4edd`](https://github.com/gradio-app/gradio/commit/fbf4edde7c896cdf4c903463e44c31ed96111b3c) - ensure client works for private spaces.  Thanks @pngwn!
+
+## 4.31.0
+
+### Features
+
+- [#8226](https://github.com/gradio-app/gradio/pull/8226) [`892181b`](https://github.com/gradio-app/gradio/commit/892181b4fdb13dd6048a620dd985d47bc3c26ed7) - chore(deps): update dependency @types/prismjs to v1.26.4.  Thanks @renovate!
+- [#8254](https://github.com/gradio-app/gradio/pull/8254) [`0a6f0a7`](https://github.com/gradio-app/gradio/commit/0a6f0a7e02199cb4094d796aafa39207d718ad22) - Fix custom component detection logic in analytics.  Thanks @freddyaboulton!
+- [#8244](https://github.com/gradio-app/gradio/pull/8244) [`52dac63`](https://github.com/gradio-app/gradio/commit/52dac637a379ace892e3652a411392927e46613f) - Adds `examples_per_page` to `gr.ChatInterface` and allows `clear_btn` in `gr.Interface` to be hidden.  Thanks @abidlabs!
+- [#8219](https://github.com/gradio-app/gradio/pull/8219) [`32d915a`](https://github.com/gradio-app/gradio/commit/32d915aad5c6d9b2f5fdcafef39e246fc1b2d852) - Apply clean_indent() to the file contents specified with <gradio-file> tags.  Thanks @whitphx!
+- [#8110](https://github.com/gradio-app/gradio/pull/8110) [`5436031`](https://github.com/gradio-app/gradio/commit/5436031f92c1596282eb64e1e74d555f279e9697) - Render decorator 2.  Thanks @aliabid94!
+- [#8197](https://github.com/gradio-app/gradio/pull/8197) [`e09b4e8`](https://github.com/gradio-app/gradio/commit/e09b4e8216b970bc1b142a0f08e7d190b954eb35) - Add support for passing keyword args to `data` in JS client.  Thanks @hannahblair!
+- [#8236](https://github.com/gradio-app/gradio/pull/8236) [`bf909bd`](https://github.com/gradio-app/gradio/commit/bf909bd14532a27e119fb401003a7d94c0618ffb) - Change upload icon for MultimodalTextbox.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8245](https://github.com/gradio-app/gradio/pull/8245) [`c562a3d`](https://github.com/gradio-app/gradio/commit/c562a3d9a440c8f94ca070bd07b8d4121d6ab7b3) - Cancel  server progress from the python client.  Thanks @freddyaboulton!
+- [#8242](https://github.com/gradio-app/gradio/pull/8242) [`05fe491`](https://github.com/gradio-app/gradio/commit/05fe4918c0e24677a1ff86fbca4cd6f4d4ef974c) - Allow Spaces with `.success()` to be `gr.load`-ed.  Thanks @abidlabs!
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+- [#8227](https://github.com/gradio-app/gradio/pull/8227) [`9ece050`](https://github.com/gradio-app/gradio/commit/9ece050a702618d3260f80506f3405a4a6dabbb9) - Fix bug where updating a component's value in reload mode would not be shown in UI.  Thanks @freddyaboulton!
+
+## 4.29.0
+
+### Highlights
+
+#### Support custom components in gr.load ([#8200](https://github.com/gradio-app/gradio/pull/8200) [`72039be`](https://github.com/gradio-app/gradio/commit/72039be93acda856d92ceac7f21f1ec1a054fae2))
+
+It is now possible to load a demo with a custom component with `gr.load`.
+
+The custom component must be installed in your system and imported in your python session.
+
+```python
+import gradio as gr
+import gradio_pdf
+
+demo = gr.load("freddyaboulton/gradiopdf", src="spaces")
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+<img width="1284" alt="image" src="https://github.com/gradio-app/gradio/assets/41651716/9c3e846b-f3f2-4c1c-8cb6-53a6d186aaa0">
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8174](https://github.com/gradio-app/gradio/pull/8174) [`a81e369`](https://github.com/gradio-app/gradio/commit/a81e36967c0973012e90ec7cf03b99cf3fea88ec) - Remove hatch installation in js/app/package.json which is no longer needed.  Thanks @whitphx!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+- [#8109](https://github.com/gradio-app/gradio/pull/8109) [`bed2f82`](https://github.com/gradio-app/gradio/commit/bed2f82e2297b50f7b59423a3de05af0b9910724) - Implement JS Client tests.  Thanks @hannahblair!
+- [#8106](https://github.com/gradio-app/gradio/pull/8106) [`d0a759f`](https://github.com/gradio-app/gradio/commit/d0a759f3df8b564e2f21421d448b24fecf287306) - Pass Error status in /dev/reload stream.  Thanks @freddyaboulton!
+- [#7855](https://github.com/gradio-app/gradio/pull/7855) [`611c927`](https://github.com/gradio-app/gradio/commit/611c9273a301e925b5aad93a19272dccd53c39fa) - Lite wheel optimization.  Thanks @whitphx!
+- [#8211](https://github.com/gradio-app/gradio/pull/8211) [`91b5cd6`](https://github.com/gradio-app/gradio/commit/91b5cd6132fb8903c92f70fce0800324836a1fc3) - remove redundant event source logic.  Thanks @hannahblair!
+- [#8127](https://github.com/gradio-app/gradio/pull/8127) [`24b2286`](https://github.com/gradio-app/gradio/commit/24b2286a22ed247b86ee299487174c8cea2988fe) - allow the canvas size to be set on the `ImageEditor`.  Thanks @pngwn!
+- [#8205](https://github.com/gradio-app/gradio/pull/8205) [`cfc272f`](https://github.com/gradio-app/gradio/commit/cfc272ff7910ffcce64a7cc9d560a020f0f6ac7d) - Set the show_api flag on Lite.  Thanks @whitphx!
+- [#8052](https://github.com/gradio-app/gradio/pull/8052) [`1435d1d`](https://github.com/gradio-app/gradio/commit/1435d1d2dcfd1accf742726396f2213a54ae0837) - Extend Interface.from_pipeline() to support Transformers.js.py pipelines on Lite.  Thanks @whitphx!
+- [#8189](https://github.com/gradio-app/gradio/pull/8189) [`68dcae5`](https://github.com/gradio-app/gradio/commit/68dcae512c0fb699304446c3b1ae2afaba1a63d2) - Use workspace version for code in _website.  Thanks @aliabd!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+- [#8181](https://github.com/gradio-app/gradio/pull/8181) [`cf52ca6`](https://github.com/gradio-app/gradio/commit/cf52ca6a51320ece97f009a177792840b5fbc785) - Ensure connectivity to private HF spaces with SSE protocol.  Thanks @hannahblair!
+- [#8169](https://github.com/gradio-app/gradio/pull/8169) [`3a6f1a5`](https://github.com/gradio-app/gradio/commit/3a6f1a50b263e0a733f609a08019fc4d05480e1a) - Only connect to heartbeat if needed.  Thanks @freddyaboulton!
+- [#8118](https://github.com/gradio-app/gradio/pull/8118) [`7aca673`](https://github.com/gradio-app/gradio/commit/7aca673b38a087533524b2fd8dd3a03e0e4bacfe) - Add eventsource polyfill for Node.js and browser environments.  Thanks @hannahblair!
+- [#8158](https://github.com/gradio-app/gradio/pull/8158) [`5671ff1`](https://github.com/gradio-app/gradio/commit/5671ff129a3ad488b307f71fffe9566bd4f7f52a) - fix: handling SIGINT correctly in reload.py, single entrance of block_thread in blocks.py.  Thanks @Tiger3018!
+- [#8180](https://github.com/gradio-app/gradio/pull/8180) [`449d0e6`](https://github.com/gradio-app/gradio/commit/449d0e6e145686b4c6cc2cf80bbcd9acded603dd) - Refactor analytics to not use api.gradio.app.  Thanks @freddyaboulton!
+- [#8182](https://github.com/gradio-app/gradio/pull/8182) [`39791eb`](https://github.com/gradio-app/gradio/commit/39791eb186d3a4ce82c8c27979a28311c37a4067) - Convert sse calls in client from async to sync.  Thanks @abidlabs!
+- [#8170](https://github.com/gradio-app/gradio/pull/8170) [`08b4e61`](https://github.com/gradio-app/gradio/commit/08b4e6172340952460ae4947ff45c4bbef9ec285) - Add ETag to `/custom_component` route to control browser caching.  Thanks @freddyaboulton!
+- [#8194](https://github.com/gradio-app/gradio/pull/8194) [`2471f79`](https://github.com/gradio-app/gradio/commit/2471f79527ebae0838eabedd2a4adab6c7667608) - run python reload only if python file changed.  Thanks @jameszhou02!
+- [#8204](https://github.com/gradio-app/gradio/pull/8204) [`376dfaa`](https://github.com/gradio-app/gradio/commit/376dfaaa808866cc114eff3cf1635746c3c50c5d) - Specify the fastapi version on Lite to avoid ujson installation which is not available on Pyodide yet.  Thanks @whitphx!
+
+## 4.28.3
+
+### Fixes
+
+- [#8144](https://github.com/gradio-app/gradio/pull/8144) [`7ba2780`](https://github.com/gradio-app/gradio/commit/7ba2780dc096a21f790695bf9368d2b39a79e2fa) - fix missing dependencies for `@gradio/preview`.  Thanks @pngwn!
+
+## 4.28.2
+
+### Fixes
+
+- [#8142](https://github.com/gradio-app/gradio/pull/8142) [`44eb8ac`](https://github.com/gradio-app/gradio/commit/44eb8ac6c315ffe4f0e3f544b0664c93813b6f68) - ensure @gradio/preview dist files are published.  Thanks @pngwn!
+
+## 4.28.1
+
+### Fixes
+
+- [#8140](https://github.com/gradio-app/gradio/pull/8140) [`0d41b22`](https://github.com/gradio-app/gradio/commit/0d41b221dc69eb543396504a276b84a485c98901) - fix publish build.  Thanks @pngwn!
+
+## 4.28.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8092](https://github.com/gradio-app/gradio/pull/8092) [`659d3c5`](https://github.com/gradio-app/gradio/commit/659d3c51ae8591b8c90879f17b2b10d1d79cb331) - chore(deps): update dependency iframe-resizer to v4.3.11.  Thanks @renovate!
+- [#8067](https://github.com/gradio-app/gradio/pull/8067) [`0fb058e`](https://github.com/gradio-app/gradio/commit/0fb058ec232bfaceb24f1515d16a41fa432a1ee8) - Fix the Lite custom element parser so it doesn't add the .code option when the entrypoint file is already specified.  Thanks @whitphx!
+- [#8051](https://github.com/gradio-app/gradio/pull/8051) [`d665f40`](https://github.com/gradio-app/gradio/commit/d665f409704b4938d57bee6476a2d000617643c8) - Fix custom JS function caller to concat the outputs of a dep to the inputs as the arguments.  Thanks @whitphx!
+- [#8056](https://github.com/gradio-app/gradio/pull/8056) [`2e469a5`](https://github.com/gradio-app/gradio/commit/2e469a5f99e52a5011a010f46e47dde7bb0c7140) - Using keys to preserve values between reloads.  Thanks @aliabid94!
+- [#7646](https://github.com/gradio-app/gradio/pull/7646) [`450b8cc`](https://github.com/gradio-app/gradio/commit/450b8cc898f130f15caa3742f65c17b9f7a8f398) - Refactor JS Client.  Thanks @hannahblair!
+- [#8115](https://github.com/gradio-app/gradio/pull/8115) [`595ebf7`](https://github.com/gradio-app/gradio/commit/595ebf74c5e09ad90fca0ca8a9a312f161a981aa) - Cache an error from app.submit() and show it on frontend.  Thanks @whitphx!
+- [#8084](https://github.com/gradio-app/gradio/pull/8084) [`1c99570`](https://github.com/gradio-app/gradio/commit/1c99570f3cbf28f020d6e92527754dd4cae3bcdb) - Adjust `View Api` container `z-index`.  Thanks @hannahblair!
+- [#8107](https://github.com/gradio-app/gradio/pull/8107) [`cbf2d4e`](https://github.com/gradio-app/gradio/commit/cbf2d4ec51a2e0713c53ff678d0bc70117442ec0) - fix typo from #8105.  Thanks @abidlabs!
+- [#8100](https://github.com/gradio-app/gradio/pull/8100) [`cbdfbdf`](https://github.com/gradio-app/gradio/commit/cbdfbdfc973fa67665911fb5d8cb005a025b0e58) - upgrade `ruff` test dependency to `ruff==0.4.1`.  Thanks @abidlabs!
+- [#6787](https://github.com/gradio-app/gradio/pull/6787) [`15a7106`](https://github.com/gradio-app/gradio/commit/15a7106a36874310f5ace9cf6e32744069ca1cce) - allow custom component authors to provide custom vite plugins and svelte preprocessors.  Thanks @pngwn!
+- [#8080](https://github.com/gradio-app/gradio/pull/8080) [`568eeb2`](https://github.com/gradio-app/gradio/commit/568eeb26a90182519f491df34b1bc75ac67a7313) - Fix `gr.Interface.from_pipeline()` to allow audio uploads and to display classification labels correctly.  Thanks @whitphx!
+- [#8040](https://github.com/gradio-app/gradio/pull/8040) [`32cfa61`](https://github.com/gradio-app/gradio/commit/32cfa614d641b2358ea5d679b30497d1dfbee533) - Remove auto-created files from `gradio cc publish` and other tweaks.  Thanks @freddyaboulton!
+- [#8117](https://github.com/gradio-app/gradio/pull/8117) [`6864035`](https://github.com/gradio-app/gradio/commit/68640358fe186fe5822a72b7a50d9df5020944eb) - Add session hash to gr request.  Thanks @freddyaboulton!
+- [#8061](https://github.com/gradio-app/gradio/pull/8061) [`17e83c9`](https://github.com/gradio-app/gradio/commit/17e83c958ebb35b3e122ca486067d1bd5ce33a22) - Docs Reorg and Intro Page.  Thanks @aliabd!
+- [#8065](https://github.com/gradio-app/gradio/pull/8065) [`5bf61cb`](https://github.com/gradio-app/gradio/commit/5bf61cb15b7a1f8af12c87ae710df07099b5e460) - Hide the scroll bar in WaveformControls when it's not necessary.  Thanks @whitphx!
+- [#8130](https://github.com/gradio-app/gradio/pull/8130) [`0efd72e`](https://github.com/gradio-app/gradio/commit/0efd72e6085ebf5ec9989b659e0d2369d5a692f6) - Add Analytics for custom components.  Thanks @freddyaboulton!
+- [#8087](https://github.com/gradio-app/gradio/pull/8087) [`b50a67d`](https://github.com/gradio-app/gradio/commit/b50a67defe1c1ecc0dac324f6bb7aad4599e1271) - Fix `GRADIO_CACHE_EXAMPLES` environment variable to only take effect if `fn` and `outputs` parameters are provided.  Thanks @abidlabs!
+- [#8093](https://github.com/gradio-app/gradio/pull/8093) [`ac30e07`](https://github.com/gradio-app/gradio/commit/ac30e07f9266f84088a0b8677a259a5b64c037c5) - [HF OAuth] Logout user if oauth token has expired.  Thanks @Wauplin!
+- [#8063](https://github.com/gradio-app/gradio/pull/8063) [`72f4ca8`](https://github.com/gradio-app/gradio/commit/72f4ca88ab569aae47941b3fb0609e57f2e13a27) - Fix `gr.Label` styling and a11y markup.  Thanks @whitphx!
+- [#8105](https://github.com/gradio-app/gradio/pull/8105) [`006fa3c`](https://github.com/gradio-app/gradio/commit/006fa3c6d03f4bcb76e6628cc2052ed18dabb988) - improve the documentation for `js` parameter in `Blocks`, `Interface`, `ChatInterface`.  Thanks @abidlabs!
+- [#8054](https://github.com/gradio-app/gradio/pull/8054) [`176a8a4`](https://github.com/gradio-app/gradio/commit/176a8a4d713246383c760d86fcb964298ee68c6b) - Fix Label component's value change detection to avoid infinite loop dispatching the change event.  Thanks @whitphx!
+- [#8030](https://github.com/gradio-app/gradio/pull/8030) [`91a7a31`](https://github.com/gradio-app/gradio/commit/91a7a31cd15c6fb7b249d124b874d3e63831d09b) - Store configs per session in the backend.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8077](https://github.com/gradio-app/gradio/pull/8077) [`d7461aa`](https://github.com/gradio-app/gradio/commit/d7461aab51b08bc899048230c0f79cf38a1b5ff2) - Fix an encoding issue in gradio/components/code.py.  Thanks @3210448723!
+- [#8075](https://github.com/gradio-app/gradio/pull/8075) [`5d9db89`](https://github.com/gradio-app/gradio/commit/5d9db89aa6a377d7b56b3075a5d6b73f767b319f) - Fix causing Hot Reload (#8070).  Thanks @zolgear!
+- [#8041](https://github.com/gradio-app/gradio/pull/8041) [`937c858`](https://github.com/gradio-app/gradio/commit/937c8583714216e926606b251bc9225271bdc5a7) - Use orjson to serialize dict including np.array.  Thanks @whitphx!
+- [#8097](https://github.com/gradio-app/gradio/pull/8097) [`487db7b`](https://github.com/gradio-app/gradio/commit/487db7b5d57e1a1350494efdf37c121cbf627780) - Respect `auth_dependency` parameter in `launch()`.  Thanks @abidlabs!
+- [#8133](https://github.com/gradio-app/gradio/pull/8133) [`0a42e96`](https://github.com/gradio-app/gradio/commit/0a42e96537ab11b4dc441c5c2780938be7faf464) - Allow users to template the `ImageEditor` when using custom components.  Thanks @pngwn!
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+## 4.27.0
+
+### Highlights
+
+#### Refreshed `ImageEditor`
+
+The `ImageEditor` component has been refreshed to make it more user-friendly and reliable.
+
+This release contains a host of improvements to the `ImageEditor` component, that will be of particular interest to those building real-time image editing applications or complex image processing pipelines:
+
+- Cleaner and more compact interface.
+- New option to hide the layer controls for a more minimal UI.
+- Improved stability when updating the sources programmatically.
+- Improved support for `input`, `upload`, `change` and `apply` events.
+- Support for realtime drawing via the `change` event.
+- Many bug fixes!
+
+![output](https://github.com/gradio-app/gradio/assets/12937446/826dde7d-942b-4e1f-9a3e-aa4dc1f74402)
+
+### Features
+
+- [#7998](https://github.com/gradio-app/gradio/pull/7998) [`06bdf0e`](https://github.com/gradio-app/gradio/commit/06bdf0eddf59bf79b6b4d1268fc9290955ef2490) - Restore chatbot formatting.  Thanks @aliabid94!
+- [#7986](https://github.com/gradio-app/gradio/pull/7986) [`05f935c`](https://github.com/gradio-app/gradio/commit/05f935c8d8e5bb7133affc50da8443cad0d4986d) - GRADIO_SHARE Environment Variable.  Thanks @cocktailpeanut!
+- [#8062](https://github.com/gradio-app/gradio/pull/8062) [`cecd6e4`](https://github.com/gradio-app/gradio/commit/cecd6e4c4accb3ef220284dc54a87510b3503ec9) - Update dependency iframe-resizer to v4.3.10.  Thanks @renovate!
+- [#8042](https://github.com/gradio-app/gradio/pull/8042) [`92139f3`](https://github.com/gradio-app/gradio/commit/92139f3d7d6b832b649ff1f6c10c87e6fb522cde) - refresh the `ImageEditor` UI.  Thanks @pngwn!
+- [#8000](https://github.com/gradio-app/gradio/pull/8000) [`a0c2848`](https://github.com/gradio-app/gradio/commit/a0c2848ab510623b29e215f543e935e275ca35c6) - Fix internal server error in HF OAuth workflow.  Thanks @Wauplin!
+- [#7887](https://github.com/gradio-app/gradio/pull/7887) [`5f0248e`](https://github.com/gradio-app/gradio/commit/5f0248e797af087c7fd0ad35ea7f2bd778a7cc41) - When authenticating with HF OAuth, stay in same tab.  Thanks @Wauplin!
+- [#8059](https://github.com/gradio-app/gradio/pull/8059) [`074ce38`](https://github.com/gradio-app/gradio/commit/074ce3805ada6ba829c17da3af5f186d9f5f9865) - ensure the `ImageEditor` works correctly with layers and `change` events.  Thanks @pngwn!
+- [#7845](https://github.com/gradio-app/gradio/pull/7845) [`dbb7373`](https://github.com/gradio-app/gradio/commit/dbb7373dde69d4ed2741942b5a1898f8620cec24) - ensure `ImageEditor` events work as expected.  Thanks @pngwn!
+- [#7975](https://github.com/gradio-app/gradio/pull/7975) [`c9ddd84`](https://github.com/gradio-app/gradio/commit/c9ddd847d6c57d5efc4e887180d219f2a0b5b98d) - Update the Lite custom element parser.  Thanks @whitphx!
+- [#8012](https://github.com/gradio-app/gradio/pull/8012) [`299c87c`](https://github.com/gradio-app/gradio/commit/299c87c47717b42387ac323b4c7f6fcab9097b1c) - Document that show_copy_button in gr.Textbox is not visible when show_label=False.  Thanks @lappemic!
+
+### Fixes
+
+- [#8025](https://github.com/gradio-app/gradio/pull/8025) [`55ef4a5`](https://github.com/gradio-app/gradio/commit/55ef4a52c3d600344d8cf1a667f3f352c52c8e57) - Fixes Chatbot Image Sizing.  Thanks @dawoodkhan82!
+- [#8014](https://github.com/gradio-app/gradio/pull/8014) [`e10ec6a`](https://github.com/gradio-app/gradio/commit/e10ec6a6124cecb2454266609b951d4768675e50) - Fix multimode interface double box on file upload.  Thanks @TALLEC-Scott!
+- [#8028](https://github.com/gradio-app/gradio/pull/8028) [`6fafce0`](https://github.com/gradio-app/gradio/commit/6fafce06704ab8f2cd5fe6fbdb58b842e144e44d) - ensure maps are correctly shallow cloned when updating state.  Thanks @pngwn!
+- [#7974](https://github.com/gradio-app/gradio/pull/7974) [`79e0aa8`](https://github.com/gradio-app/gradio/commit/79e0aa81c94e755faa6e85d76ac5d5a666313e6a) - Fix heartbeat in the js client to be Lite compatible.  Thanks @whitphx!
+- [#8002](https://github.com/gradio-app/gradio/pull/8002) [`8903415`](https://github.com/gradio-app/gradio/commit/8903415e49b1526d31ff454b2235ea238e319c2c) - Add show_progress prop to Upload Component to bring back upload progress animation.  Thanks @freddyaboulton!
+- [#8046](https://github.com/gradio-app/gradio/pull/8046) [`d6c289b`](https://github.com/gradio-app/gradio/commit/d6c289b34668f0011676737ee8edb4cb62b0620a) - round [x, y, w, h] before cropping to avoid unexpected interpolation on pixel values.  Thanks @ernestchu!
+- [#8011](https://github.com/gradio-app/gradio/pull/8011) [`f17d1a0`](https://github.com/gradio-app/gradio/commit/f17d1a0a6fa61869dc78fb12fb153f6b7abaa5f5) - Add an explicit dependency of `urllib3~=2.0` and update `processing_utils.save_url_to_cache` to use `urllib3` for Lite support.  Thanks @whitphx!
+- [#7981](https://github.com/gradio-app/gradio/pull/7981) [`c1df2f8`](https://github.com/gradio-app/gradio/commit/c1df2f818ce285a8e7871d43b76c4959beb00956) - Fix example loading for custom components.  Thanks @freddyaboulton!
+- [#8026](https://github.com/gradio-app/gradio/pull/8026) [`522daf7`](https://github.com/gradio-app/gradio/commit/522daf787a8427b92ed769ccea3c71a490cbca29) - Patch `async_save_url_to_cache` for Lite.  Thanks @whitphx!
+- [#7959](https://github.com/gradio-app/gradio/pull/7959) [`2a5cb97`](https://github.com/gradio-app/gradio/commit/2a5cb978240960fd8b150a1eae6ae8328a5c0c59) - ensure `ImageEditor` always draws at the correct position.  Thanks @hrrbay!
+- [#8050](https://github.com/gradio-app/gradio/pull/8050) [`0424c75`](https://github.com/gradio-app/gradio/commit/0424c759d8a790529406229c52f47cb469e78d3e) - Update `typer` to drop `[all]` as it is no longer needed.  Thanks @joennlae!
+
+## 4.26.0
+
+### Features
+
+- [#7811](https://github.com/gradio-app/gradio/pull/7811) [`b43055b`](https://github.com/gradio-app/gradio/commit/b43055b297dfe1aa56fda4cd722d878f7297a1b5) - Lite playground design changes.  Thanks @aliabd!
+- [#7850](https://github.com/gradio-app/gradio/pull/7850) [`2bae1cf`](https://github.com/gradio-app/gradio/commit/2bae1cfbd41ed8ae3eea031a64899611a22a1821) - Adds an "API Recorder" to the view API page, some internal methods have been made async.  Thanks @abidlabs!
+- [#7936](https://github.com/gradio-app/gradio/pull/7936) [`b165193`](https://github.com/gradio-app/gradio/commit/b165193902985b77a732ed703423ebebeaf0da27) - Restore Markdown formatting for Chatbots, MarkdownCode.  Thanks @aliabid94!
+- [#7912](https://github.com/gradio-app/gradio/pull/7912) [`a4782f7`](https://github.com/gradio-app/gradio/commit/a4782f7a09ed69ebfa9953b029bd4ffa1c60220a) - Allow displaying gr.Code examples by their filename if value is a tuple.  Thanks @freddyaboulton!
+- [#7938](https://github.com/gradio-app/gradio/pull/7938) [`8250a1a`](https://github.com/gradio-app/gradio/commit/8250a1a0dfb8219943beef500ddf29e0fcc4e38d) - Handle the case of multiple headers when constructing root url.  Thanks @abidlabs!
+- [#7932](https://github.com/gradio-app/gradio/pull/7932) [`b78129d`](https://github.com/gradio-app/gradio/commit/b78129d90fc800e6987226114adc2f062dc403ec) - Use asyncio.Event to stop stream in heartbeat route.  Thanks @freddyaboulton!
+- [#7961](https://github.com/gradio-app/gradio/pull/7961) [`eae97c2`](https://github.com/gradio-app/gradio/commit/eae97c29ce8bb81670e1ee0533efa02afa38cc23) - Fix task bug in python 3.9.  Thanks @freddyaboulton!
+- [#7967](https://github.com/gradio-app/gradio/pull/7967) [`1a7851c`](https://github.com/gradio-app/gradio/commit/1a7851c5125b7dd2bccf9f3f1ead38be5da2c9ad) - Fix handling of single font name in theme.  Thanks @sd109!
+
+### Fixes
+
+- [#7963](https://github.com/gradio-app/gradio/pull/7963) [`1eb4c20`](https://github.com/gradio-app/gradio/commit/1eb4c2012065c678d722477f3555ec45a9e78c14) - ensure kwargs are always in sync across the whole application.  Thanks @pngwn!
+- [#7916](https://github.com/gradio-app/gradio/pull/7916) [`7c9a964`](https://github.com/gradio-app/gradio/commit/7c9a964ac6b9c2231c7439758e87b4fac56db99f) - Fix programmatic tab selection.  Thanks @aliabid94!
+- [#7754](https://github.com/gradio-app/gradio/pull/7754) [`057d171`](https://github.com/gradio-app/gradio/commit/057d171c717737a522b55b0d66962f9c62dd87c3) - Correctly handle device selection in `Image` and `ImageEditor`.  Thanks @hannahblair!
+- [#7756](https://github.com/gradio-app/gradio/pull/7756) [`b729f10`](https://github.com/gradio-app/gradio/commit/b729f10321b571e7de418596d1cf605773b0b8e6) - Bugfix: Fix color and size keys in theme builder app.  Thanks @shubhamofbce!
+- [#7918](https://github.com/gradio-app/gradio/pull/7918) [`be46ab1`](https://github.com/gradio-app/gradio/commit/be46ab1213b32a40e4ac1c399499d69eaf6ec0f1) - ensure entire dropdown is clickable.  Thanks @dawoodkhan82!
+- [#7966](https://github.com/gradio-app/gradio/pull/7966) [`bad3836`](https://github.com/gradio-app/gradio/commit/bad383645ec659433086b174f1ec5a7e2669d43b) - Adding hint `list[list]` for example parameter.  Thanks @WH-Yoshi!
+- [#7817](https://github.com/gradio-app/gradio/pull/7817) [`867ff16`](https://github.com/gradio-app/gradio/commit/867ff16cd47ceb5bbf076503538a262b6fe64638) - Trigger the "clear" event of Image Editor.  Thanks @uebian!
+- [#7935](https://github.com/gradio-app/gradio/pull/7935) [`919afff`](https://github.com/gradio-app/gradio/commit/919afffcee87bee25a6905c488484936df92189d) - Adds a Guide on deploying Gradio apps with Docker.  Thanks @abidlabs!
+- [#7915](https://github.com/gradio-app/gradio/pull/7915) [`efd9524`](https://github.com/gradio-app/gradio/commit/efd95245081f5657b1d13f34038205fc8791c1f7) - Fix gr.CheckboxGroup change event.  Thanks @freddyaboulton!
+- [#7926](https://github.com/gradio-app/gradio/pull/7926) [`9666854`](https://github.com/gradio-app/gradio/commit/966685479078f59430b3bced7e6068eb8157c003) - Fixes streaming event race condition.  Thanks @aliabid94!
+
+## 4.25.0
+
+### Highlights
+
+#### Automatically delete state after user has disconnected from the webpage ([#7829](https://github.com/gradio-app/gradio/pull/7829) [`6a4bf7a`](https://github.com/gradio-app/gradio/commit/6a4bf7abe29059dbdc6a342e0366fdaa2e4120ee))
+
+Gradio now automatically deletes `gr.State` variables stored in the server's RAM when users close their browser tab.
+The deletion will happen 60 minutes after the server detected a disconnect from the user's browser.
+If the user connects again in that timeframe, their state will not be deleted.
+
+Additionally, Gradio now includes a `Blocks.unload()` event, allowing you to run arbitrary cleanup functions when users disconnect (this does not have a 60 minute delay).
+You can think of the `unload` event as the opposite of the `load` event.
+
+
+```python
+with gr.Blocks() as demo:
+    gr.Markdown(
+"""# State Cleanup Demo
+🖼️ Images are saved in a user-specific directory and deleted when the users closes the page via demo.unload.
+""")
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                img = gr.Image(label="Generated Image", height=300, width=300)
+            with gr.Row():
+                gen = gr.Button(value="Generate")
+            with gr.Row():
+                history = gr.Gallery(label="Previous Generations", height=500, columns=10)
+                state = gr.State(value=[], delete_callback=lambda v: print("STATE DELETED"))
+
+    demo.load(generate_random_img, [state], [img, state, history]) 
+    gen.click(generate_random_img, [state], [img, state, history])
+    demo.unload(delete_directory)
+
+
+demo.launch(auth=lambda user,pwd: True,
+            auth_message="Enter any username and password to continue")
+```
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#7863](https://github.com/gradio-app/gradio/pull/7863) [`024b44c`](https://github.com/gradio-app/gradio/commit/024b44c553e73f1d6c00d4c8cf12ae38181a454d) - Add support for lazy caching of examples, as well as add `GRADIO_CACHE_EXAMPLES` env variable.  Thanks @abidlabs!
+- [#7892](https://github.com/gradio-app/gradio/pull/7892) [`c7933ff`](https://github.com/gradio-app/gradio/commit/c7933ffedb3e2b952152f7d3ce49de2e2da5cc07) - Suppress printing "Running on local URL:" when quiet is set.  Thanks @dnoliver!
+- [#7869](https://github.com/gradio-app/gradio/pull/7869) [`b9dbcf7`](https://github.com/gradio-app/gradio/commit/b9dbcf7aa22fe9a19edbc0c52d46a973d8d57ad4) - Make buttons in `gr.ChatInterface` more mobile-friendly.  Thanks @abidlabs!
+- [#7875](https://github.com/gradio-app/gradio/pull/7875) [`e6d051d`](https://github.com/gradio-app/gradio/commit/e6d051dc8a497fdd6b4cfbd57efd4c8015b97a66) - Paste Images into MultimodalTextbox.  Thanks @abidlabs!
+- [#7893](https://github.com/gradio-app/gradio/pull/7893) [`f42d3e2`](https://github.com/gradio-app/gradio/commit/f42d3e29c7b8cdedd7aea75cffce81857db28eeb) - Make internal event handlers of gr.Interface and gr.ChatInterface async.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#7886](https://github.com/gradio-app/gradio/pull/7886) [`ccdab9b`](https://github.com/gradio-app/gradio/commit/ccdab9b7e729c438649075d7d54afc9a91183677) - logout route deleting cookie fix.  Thanks @MichaelPerger!
+- [#7888](https://github.com/gradio-app/gradio/pull/7888) [`946487c`](https://github.com/gradio-app/gradio/commit/946487cf8e477cbf8d6fad4e772ff574a21782c3) - Cache view_api info in server and python client.  Thanks @freddyaboulton!
+- [#7881](https://github.com/gradio-app/gradio/pull/7881) [`5e66e01`](https://github.com/gradio-app/gradio/commit/5e66e01abc4e2e90bd51f0cb9a41e05157cb0df4) - Fix audio streaming out.  Thanks @aliabid94!
+- [#7865](https://github.com/gradio-app/gradio/pull/7865) [`7bbc3b6`](https://github.com/gradio-app/gradio/commit/7bbc3b62bf85af2d2230e5f7539efb7f1f0007a1) - JS functions break entire app if there's no input, fixed.  Thanks @aliabid94!
+
+## 4.24.0
+
+### Features
+
+- [#7849](https://github.com/gradio-app/gradio/pull/7849) [`7af3cd7`](https://github.com/gradio-app/gradio/commit/7af3cd7ccb8cc556fd2b290af0bed1c7ec07d174) - Adds a `placeholder` argument to `gr.Chatbot`.  Thanks @abidlabs!
+- [#7835](https://github.com/gradio-app/gradio/pull/7835) [`ee804b2`](https://github.com/gradio-app/gradio/commit/ee804b2d567b4381ef90b1f035d42fe6bb2506bc) - Stop running iterators when js client disconnects.  Thanks @freddyaboulton!
+- [#7852](https://github.com/gradio-app/gradio/pull/7852) [`72661e3`](https://github.com/gradio-app/gradio/commit/72661e3391a432ccd77fb3100e69fbdf95093931) - Revert the minify setting in vite.config.js which was mistakingly introduced in #6261.  Thanks @whitphx!
+- [#7818](https://github.com/gradio-app/gradio/pull/7818) [`1a7c8d3`](https://github.com/gradio-app/gradio/commit/1a7c8d32239d1e304e9f9063d7e2301c4f081b54) - Stop importing gradio.ipython_ext in Wasm mode.  Thanks @whitphx!
+- [#7830](https://github.com/gradio-app/gradio/pull/7830) [`75a2bf7`](https://github.com/gradio-app/gradio/commit/75a2bf745dee3b9e9521dbcf5b74af8bd53ba12f) - Add guide on Client state and and fix default values of components.  Thanks @abidlabs!
+- [#7823](https://github.com/gradio-app/gradio/pull/7823) [`e0a8b7f`](https://github.com/gradio-app/gradio/commit/e0a8b7fa2c60591f7fc6861707f65bf85f4ad27f) - Exclude `typer` from the requirements list for Wasm env and fix `gradio.cli` not to be imported.  Thanks @whitphx!
+- [#7851](https://github.com/gradio-app/gradio/pull/7851) [`e3b1236`](https://github.com/gradio-app/gradio/commit/e3b12369b71e2e3b6b25225f4414d1a28d9faf7d) - Lazy-import pandas.  Thanks @whitphx!
+- [#7840](https://github.com/gradio-app/gradio/pull/7840) [`ecf5c52`](https://github.com/gradio-app/gradio/commit/ecf5c524c23f76119e5b2e17f7a592555fa6557b) - Fix gradio/components/dataframe.py not to import `pandas.io`.  Thanks @whitphx!
+- [#7801](https://github.com/gradio-app/gradio/pull/7801) [`05db0c4`](https://github.com/gradio-app/gradio/commit/05db0c4a59b7a2c4f6297b5007946f5c7b8df1b1) - Refactor CORS Middleware to be much faster.  Thanks @abidlabs!
+- [#7810](https://github.com/gradio-app/gradio/pull/7810) [`425fd1c`](https://github.com/gradio-app/gradio/commit/425fd1ca9d83daf58fd95f3a1e3d566d06064ac3) - Benchmark fix test.  Thanks @aliabid94!
+
+### Fixes
+
+- [#7795](https://github.com/gradio-app/gradio/pull/7795) [`1c257f5`](https://github.com/gradio-app/gradio/commit/1c257f5ebce06e61cd17fc3c0463757f8bc88930) - Bugfix: `..` in filename throwing error while loading in output.  Thanks @shubhamofbce!
+- [#7862](https://github.com/gradio-app/gradio/pull/7862) [`0e125d7`](https://github.com/gradio-app/gradio/commit/0e125d7befe436509af6a41b5c92de0ac6d6057c) - Trigger click event from `gr.DownloadButton` even when no file is present.  Thanks @abidlabs!
+- [#7848](https://github.com/gradio-app/gradio/pull/7848) [`8d7b3ca`](https://github.com/gradio-app/gradio/commit/8d7b3caebd8f95b1372f8412cadbb5862766c365) - Multimodal Textbox Loading + other fixes.  Thanks @dawoodkhan82!
+
+## 4.23.0
+
+### Features
+
+- [#7782](https://github.com/gradio-app/gradio/pull/7782) [`2c8cd0a`](https://github.com/gradio-app/gradio/commit/2c8cd0a73d5c113853ff96ee2da57be12774a238) - Lazy-import altair.  Thanks @whitphx!
+- [#7800](https://github.com/gradio-app/gradio/pull/7800) [`b0a3ea9`](https://github.com/gradio-app/gradio/commit/b0a3ea951c06d4f3ff2755b567629fe988a3e30d) - Small fix to client.view_api() in the case of default file values.  Thanks @abidlabs!
+- [#7684](https://github.com/gradio-app/gradio/pull/7684) [`755157f`](https://github.com/gradio-app/gradio/commit/755157f99c2961f2e5caeaa9b76d248b4225ea8f) - Do not reload code inside gr.NO_RELOAD context.  Thanks @freddyaboulton!
+- [#7770](https://github.com/gradio-app/gradio/pull/7770) [`dd3e363`](https://github.com/gradio-app/gradio/commit/dd3e363261ae63823fb1672443ff2d31c63d656f) - Fail CI if lint or typecheck fails.  Thanks @abidlabs!
+- [#7796](https://github.com/gradio-app/gradio/pull/7796) [`aad209f`](https://github.com/gradio-app/gradio/commit/aad209f0c0faa0bf3e39d0c8624f972118b32830) - Decrease latency: do not run pre and postprocess in threadpool.  Thanks @freddyaboulton!
+- [#7744](https://github.com/gradio-app/gradio/pull/7744) [`d831040`](https://github.com/gradio-app/gradio/commit/d8310400326adbf8d036333f4f1b7df68b7043f6) - Remove Ruff and Uvicorn in Wasm env.  Thanks @whitphx!
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) [`2efb05e`](https://github.com/gradio-app/gradio/commit/2efb05ed99a8a3575aab0a6c14a8d8b91f4e9ed7) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.  Thanks @abidlabs!
+- [#7661](https://github.com/gradio-app/gradio/pull/7661) [`c62a57e`](https://github.com/gradio-app/gradio/commit/c62a57e7f8f2f6dad0110d06e915c48e7f628073) - Convert Docs Demos to Lite.  Thanks @aliabd!
+- [#7814](https://github.com/gradio-app/gradio/pull/7814) [`f7df92f`](https://github.com/gradio-app/gradio/commit/f7df92f3f3ff4bb1300ed6d6eb1828615a728acd) - Improve UX of non-interactive slider.  Thanks @Pythongor!
+- [#7789](https://github.com/gradio-app/gradio/pull/7789) [`ff6bf3e`](https://github.com/gradio-app/gradio/commit/ff6bf3ec8f418a7222ca80240c75a1735202e5cc) - Remove the aiohttp mock from the Wasm worker as it's removed in https://github.com/gradio-app/gradio/pull/5244.  Thanks @whitphx!
+
+### Fixes
+
+- [#7783](https://github.com/gradio-app/gradio/pull/7783) [`43ae23f`](https://github.com/gradio-app/gradio/commit/43ae23f092927af2defa8104ee476da012a7b4fa) - Fix accidental bug that prevented custom textboxes from being passed to chatinterface.  Thanks @freddyaboulton!
+- [#7762](https://github.com/gradio-app/gradio/pull/7762) [`e78bca4`](https://github.com/gradio-app/gradio/commit/e78bca4f3789b5b229f6e5f402a1028c7b3bad33) - Trigger input event for Radio even when radio is output component.  Thanks @freddyaboulton!
+- [#7787](https://github.com/gradio-app/gradio/pull/7787) [`781678b`](https://github.com/gradio-app/gradio/commit/781678b3ac0e44ea1401ff55af3e98b474cf36ec) - Fix root url resolution from `x_forwarded_host` headers.  Thanks @abidlabs!
+- [#7794](https://github.com/gradio-app/gradio/pull/7794) [`cf98c7e`](https://github.com/gradio-app/gradio/commit/cf98c7ed18c0211b89e8eed81a5fb61c34b705c3) - Adds trigger_mode to gr.on. Use it to set trigger_model="always_last" for live interfaces.  Thanks @freddyaboulton!
+- [#7761](https://github.com/gradio-app/gradio/pull/7761) [`ca42748`](https://github.com/gradio-app/gradio/commit/ca42748590536e1d940b44ec7c9b6ea402905707) - Ensure `paginate` updates when samples value changes in `Dataset`.  Thanks @hannahblair!
+
+## 4.22.0
+
+### Features
+
+- [#7743](https://github.com/gradio-app/gradio/pull/7743) [`a2badf1`](https://github.com/gradio-app/gradio/commit/a2badf151e3f4b1b5ac80621ee189870a71893c5) - Migrate to Storybook 8.  Thanks @hannahblair!
+- [#7680](https://github.com/gradio-app/gradio/pull/7680) [`853d945`](https://github.com/gradio-app/gradio/commit/853d945e75c93a4b380b57dc6408f91d0f2e648f) - Add format parameter to gr.Image, gr.Gallery, gr.AnnotatedImage, gr.Plot to control format to save image files in.  Thanks @dfl!
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Closing stream from the backend.  Thanks @aliabid94!
+- [#7420](https://github.com/gradio-app/gradio/pull/7420) [`15da39f`](https://github.com/gradio-app/gradio/commit/15da39fca01d09a30cf47e7e72d7efa5052f61f8) - Multimodal Textbox (Chat Input Component).  Thanks @dawoodkhan82!
+- [#7712](https://github.com/gradio-app/gradio/pull/7712) [`aca4892`](https://github.com/gradio-app/gradio/commit/aca4892ea591d089e3121ffd144ad6767e0bad71) - More fixes for `gr.load()` as well as a tweaking the `__str__` and `__repr__` methods of components.  Thanks @abidlabs!
+- [#7660](https://github.com/gradio-app/gradio/pull/7660) [`f739bef`](https://github.com/gradio-app/gradio/commit/f739bef6c70a2b012dd896456709eae5ee4de7d5) - Add Playground to Lite Custom Element.  Thanks @aliabd!
+- [#7710](https://github.com/gradio-app/gradio/pull/7710) [`0a3870d`](https://github.com/gradio-app/gradio/commit/0a3870d52b5efc64b2d1f9a8c7314a3a8b48b90a) - Call handle_darkmode() even if `window.__gradio_mode__ === "website"` but enforce the light theme.  Thanks @whitphx!
+- [#7572](https://github.com/gradio-app/gradio/pull/7572) [`7d3c868`](https://github.com/gradio-app/gradio/commit/7d3c868d0a67fe7cba6df412bd5f34ec8a5d289d) - Detailed error message for wasm_utils.get_registered_app().  Thanks @whitphx!
+- [#7734](https://github.com/gradio-app/gradio/pull/7734) [`04857bc`](https://github.com/gradio-app/gradio/commit/04857bc524569fad426604046d5a522c3e87ca56) - Add `allowed_paths`, `blocked_paths`, `show_error`, and `favicon_path` parameters to `gr.mount_gradio_app`.  Thanks @abidlabs!
+- [#7667](https://github.com/gradio-app/gradio/pull/7667) [`aba4470`](https://github.com/gradio-app/gradio/commit/aba44707af20b78a7b87f5f7bd3f189d971afc71) - Add `auth`, `auth_message`, and `root_path` parameters to `mount_gradio_app`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#7716](https://github.com/gradio-app/gradio/pull/7716) [`188b86b`](https://github.com/gradio-app/gradio/commit/188b86b76669a411ee70233e16bf181786a5909c) - Add support for object-detection models in `gr.load()`.  Thanks @abidlabs!
+- [#7564](https://github.com/gradio-app/gradio/pull/7564) [`5d1e8da`](https://github.com/gradio-app/gradio/commit/5d1e8dae5ac23f605c3b5f41dbe18751dff380a0) - batch UI updates on a per frame basis.  Thanks @pngwn!
+- [#7718](https://github.com/gradio-app/gradio/pull/7718) [`6390d0b`](https://github.com/gradio-app/gradio/commit/6390d0bf6c2be0aefa56102dd029f25161bfebc3) - Add support for python client connecting to gradio apps running with self-signed SSL certificates.  Thanks @abidlabs!
+- [#7697](https://github.com/gradio-app/gradio/pull/7697) [`a1c24db`](https://github.com/gradio-app/gradio/commit/a1c24dbf2ecace4db8692b7ed434f1ebfc4de75a) - Fix OAuth + fix OAuth documentation + undocument logout button.  Thanks @Wauplin!
+- [#7623](https://github.com/gradio-app/gradio/pull/7623) [`c9aba8d`](https://github.com/gradio-app/gradio/commit/c9aba8d8a5886ef6456479154a14c69188c20413) - Fixes: gr.Markdown is not updated properly when it has an image tag.  Thanks @dawoodkhan82!
+- [#7704](https://github.com/gradio-app/gradio/pull/7704) [`95c6bc8`](https://github.com/gradio-app/gradio/commit/95c6bc897be14e28a568242ea31516bfe2df13e8) - Fix flagged files and ensure that flagging_mode="auto" saves output components as well.  Thanks @abidlabs!
+- [#7706](https://github.com/gradio-app/gradio/pull/7706) [`bc61ff6`](https://github.com/gradio-app/gradio/commit/bc61ff6b1603eedf3111f1b5c3d2751629902d98) - Several fixes to `gr.load`.  Thanks @abidlabs!
+- [#7733](https://github.com/gradio-app/gradio/pull/7733) [`7f9b291`](https://github.com/gradio-app/gradio/commit/7f9b291922751f92e6296aa6b138124c546ba497) - Cast button value as string in postprocess.  Thanks @heaversm!
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Fix race condition between state updates and loading_status updates.  Thanks @aliabid94!
+- [#7709](https://github.com/gradio-app/gradio/pull/7709) [`f67759d`](https://github.com/gradio-app/gradio/commit/f67759dcee665cfd7c44f102f36ab23128ee2c2c) - Fix wasm_proxied_mount_css to not reuse an existing style element.  Thanks @whitphx!
+- [#7703](https://github.com/gradio-app/gradio/pull/7703) [`598ad7b`](https://github.com/gradio-app/gradio/commit/598ad7baf722181a25200e9a8ba858bae39c7d82) - fix dev mode.  Thanks @pngwn!
+- [#7707](https://github.com/gradio-app/gradio/pull/7707) [`28342a2`](https://github.com/gradio-app/gradio/commit/28342a204001c98b86628635582fcf54aa0855aa) - Fix httpx timeout issues.  Thanks @freddyaboulton!
+
+## 4.21.0
+
+### Features
+
+- [#7577](https://github.com/gradio-app/gradio/pull/7577) [`7c66a29`](https://github.com/gradio-app/gradio/commit/7c66a29dea0e4e56106d95d93972225b886a9df3) - Fix the Lite custom element to initialize the app in the connected callback and dispose the app in the disconnected callback.  Thanks @whitphx!
+- [#7620](https://github.com/gradio-app/gradio/pull/7620) [`1a4b089`](https://github.com/gradio-app/gradio/commit/1a4b089e78d1efff47b4606daebde02e9b246ed4) - Refactor `example_inputs()`, separating its logic into two separate methods: `example_payload()` and `example_value()`.  Thanks @abidlabs!
+- [#7265](https://github.com/gradio-app/gradio/pull/7265) [`6ebf0ce`](https://github.com/gradio-app/gradio/commit/6ebf0cedf5b357a14a8f5a0a9add849924f59ab0) - Add support for diffuser pipelines in gr.Interface.from_pipeline().  Thanks @shubhamofbce!
+- [#7650](https://github.com/gradio-app/gradio/pull/7650) [`048364c`](https://github.com/gradio-app/gradio/commit/048364c6b0ffe790086c5e2fee5fab1c63c167a0) - downgrade contourpy.  Thanks @abidlabs!
+- [#7571](https://github.com/gradio-app/gradio/pull/7571) [`2edba13`](https://github.com/gradio-app/gradio/commit/2edba133e2a3b58b953ac0894d486faf2819beeb) - Fix `CrossOriginWorkerMaker` to cache the blob URL.  Thanks @whitphx!
+
+### Fixes
+
+- [#7643](https://github.com/gradio-app/gradio/pull/7643) [`9482c7a`](https://github.com/gradio-app/gradio/commit/9482c7a3d2d7b6abd81b786100ddc385133095a5) - fix: redundant meta tags that are unwanted.  Thanks @qkdxorjs1002!
+- [#7628](https://github.com/gradio-app/gradio/pull/7628) [`ba8cc48`](https://github.com/gradio-app/gradio/commit/ba8cc48b136e701717c0c5d15ce410b4f8bf6a21) - feature detect CSSStylesheet.  Thanks @pngwn!
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) [`d0688b3`](https://github.com/gradio-app/gradio/commit/d0688b3c25feabb4fc7dfa0ab86086b3af7eb337) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.  Thanks @abidlabs!
+- [#7624](https://github.com/gradio-app/gradio/pull/7624) [`a22f3e0`](https://github.com/gradio-app/gradio/commit/a22f3e062d8d30f630e0cf8e373ad7cb0f99330f) - Fixing root path issue with subpath being repeated twice.  Thanks @abidlabs!
+- [#7638](https://github.com/gradio-app/gradio/pull/7638) [`b3b0ea3`](https://github.com/gradio-app/gradio/commit/b3b0ea3e111ef8a3cdd82ecc310a4accc6af6120) - Add --python-path, --pip-path, --gradio-path CLI arguments to let custom component developers control which executable is used.  Thanks @freddyaboulton!
+- [#7618](https://github.com/gradio-app/gradio/pull/7618) [`0ae1e44`](https://github.com/gradio-app/gradio/commit/0ae1e4486c06e06bb7a4bad45d58d14f1f8d1b94) - Control which files get moved to cache with gr.set_static_paths.  Thanks @freddyaboulton!
+- [#7641](https://github.com/gradio-app/gradio/pull/7641) [`cb3999e`](https://github.com/gradio-app/gradio/commit/cb3999eec707609d5371ef3bad1152f55ed35b2f) - Use `x-forwarded-host` header to determine the root url, and let users provide a full `root_path` to override the automatically determined root url.  Thanks @abidlabs!
+
+## 4.20.1
+
+### Features
+
+- [#7625](https://github.com/gradio-app/gradio/pull/7625) [`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d) - image upload fix.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.20.0
+
+### Features
+
+- [#7557](https://github.com/gradio-app/gradio/pull/7557) [`4d5789e`](https://github.com/gradio-app/gradio/commit/4d5789e905b5915f3d03fae2ac1d38a54c3e67ea) - Allow mounted Gradio apps to work with external / arbitrary authentication providers.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7614](https://github.com/gradio-app/gradio/pull/7614) [`355ed66`](https://github.com/gradio-app/gradio/commit/355ed666d9f6da018e8a03cdc6e367d00e6b10fb) - Fix the `root_url` logic for streaming files.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7119](https://github.com/gradio-app/gradio/pull/7119) [`9c6de6d`](https://github.com/gradio-app/gradio/commit/9c6de6d85092c1c9378d7f81e5ec734221536812) - Upgrade Pyodide to 0.25.0.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7447](https://github.com/gradio-app/gradio/pull/7447) [`a57e34e`](https://github.com/gradio-app/gradio/commit/a57e34ef87d24f40f09380b7b71a052f120a19fe) - Add delete_cache parameter to gr.Blocks to delete files created by app on shutdown.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7547](https://github.com/gradio-app/gradio/pull/7547) [`98aa808`](https://github.com/gradio-app/gradio/commit/98aa8082dd228dd481e05c888adb2e91b04f8f48) - Add `/logout` functionality for Gradio auth.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7407](https://github.com/gradio-app/gradio/pull/7407) [`375bfd2`](https://github.com/gradio-app/gradio/commit/375bfd28d2def576b4e1c12e0a60127b7419e826) - Fix server_messages.py to use the patched BaseModel class for Wasm env.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7516](https://github.com/gradio-app/gradio/pull/7516) [`3645da5`](https://github.com/gradio-app/gradio/commit/3645da5f1e5539668cad75071a82fdd78f50263c) - Fix incorrect relative mouse coordinates for `Gallery` preview overlay.  Thanks [@MMP0](https://github.com/MMP0)!
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7340](https://github.com/gradio-app/gradio/pull/7340) [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#7345](https://github.com/gradio-app/gradio/pull/7345) [`561579d`](https://github.com/gradio-app/gradio/commit/561579d9b7b860c5cb3f8131e0dced0c8114463f) - fix-tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7518](https://github.com/gradio-app/gradio/pull/7518) [`bd2c695`](https://github.com/gradio-app/gradio/commit/bd2c69532801f9a0626cd1192de158bde6068b9a) - Adds a `gr.DownloadButton` component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7598](https://github.com/gradio-app/gradio/pull/7598) [`d3384cb`](https://github.com/gradio-app/gradio/commit/d3384cb926ca9bab7ccbf910547ec8a0c361531f) - Prevent additional paths that can trigger credential leakage on Windows.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7544](https://github.com/gradio-app/gradio/pull/7544) [`f84720c`](https://github.com/gradio-app/gradio/commit/f84720cd76e5bf3321f06383642bdb246a9a36e2) - Prevent paths beginning with `//` or `\\`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7565](https://github.com/gradio-app/gradio/pull/7565) [`1c22123`](https://github.com/gradio-app/gradio/commit/1c22123268da5f7fcf6e7c74ee0bf6b225c7aa11) - Fixes method to resolve the `root` URLs.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7559](https://github.com/gradio-app/gradio/pull/7559) [`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8) - Fixes: Invalid file_type breaks drag and drop.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7555](https://github.com/gradio-app/gradio/pull/7555) [`fc4c2db`](https://github.com/gradio-app/gradio/commit/fc4c2dbd994c49e37296978da1cb85e424080d1c) - Allow Python Client to upload/download files when connecting to Gradio apps with auth enabled.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7510](https://github.com/gradio-app/gradio/pull/7510) [`08c2d49`](https://github.com/gradio-app/gradio/commit/08c2d491ecac83268ad20f05769ef7e1335089e2) - when adding custom head html, ensure there are no duplicate meta tags.  Thanks [@qkdxorjs1002](https://github.com/qkdxorjs1002)!
+- [#7545](https://github.com/gradio-app/gradio/pull/7545) [`1fa2e91`](https://github.com/gradio-app/gradio/commit/1fa2e914ca4663a47743cc34acdf98c7fcc469c8) - Fixes `auth_message` so that it correctly renders HTML.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7599](https://github.com/gradio-app/gradio/pull/7599) [`f26aba0`](https://github.com/gradio-app/gradio/commit/f26aba00a71a5b4eff60c37580c8d25f9bc048da) - Prevent audio speeding up when trimming.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7567](https://github.com/gradio-app/gradio/pull/7567) [`e340894`](https://github.com/gradio-app/gradio/commit/e340894b1cf2f44dd45e597fd8d9e547f408fbb3) - Quick fix: custom dropdown value.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.19.2
+
+### Features
+
+- [#7495](https://github.com/gradio-app/gradio/pull/7495) [`ddd4d3e`](https://github.com/gradio-app/gradio/commit/ddd4d3e4d3883fb7540d1df240fb08202fc77705) - Enable Ruff S101.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7443](https://github.com/gradio-app/gradio/pull/7443) [`b7a97f2`](https://github.com/gradio-app/gradio/commit/b7a97f29b84a72678a717db03d2932ed6caae6ce) - Update `httpx` to `httpx>=0.24.1` in `requirements.txt`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7465](https://github.com/gradio-app/gradio/pull/7465) [`16fbe9c`](https://github.com/gradio-app/gradio/commit/16fbe9cd0cffa9f2a824a0165beb43446114eec7) - Prevent components from working with non-uploaded files.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7503](https://github.com/gradio-app/gradio/pull/7503) [`84802ee`](https://github.com/gradio-app/gradio/commit/84802ee6a4806c25287344dce581f9548a99834a) - Tighten CORS rules.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7466](https://github.com/gradio-app/gradio/pull/7466) [`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89) - Fix z-index layer of orange generating border.  Thanks [@daviirodrig](https://github.com/daviirodrig)!
+- [#7507](https://github.com/gradio-app/gradio/pull/7507) [`9c36572`](https://github.com/gradio-app/gradio/commit/9c36572e32aeec6e6352a861dfea6ee0f9a15e79) - Quick fix: File height overflow.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7495](https://github.com/gradio-app/gradio/pull/7495) [`ddd4d3e`](https://github.com/gradio-app/gradio/commit/ddd4d3e4d3883fb7540d1df240fb08202fc77705) - ensure Dataframe headers are aligned with content when scrolling.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7470](https://github.com/gradio-app/gradio/pull/7470) [`ba3ec13`](https://github.com/gradio-app/gradio/commit/ba3ec1300e81e64be7389d759b89284c66473158) - Tab select fix.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7505](https://github.com/gradio-app/gradio/pull/7505) [`b186767`](https://github.com/gradio-app/gradio/commit/b18676774448f44a2ef3a9490224703254cffa7c) - Fix `Gallery` preview overlay and backdrop.  Thanks [@MMP0](https://github.com/MMP0)!
+- [#7511](https://github.com/gradio-app/gradio/pull/7511) [`33f68cb`](https://github.com/gradio-app/gradio/commit/33f68cb6c22897f7996b6c84b0e528c47fae00b5) - Fix Canvas3D/Canvas3DGS async imports.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 4.19.1
+
+### Features
+
+- [#7453](https://github.com/gradio-app/gradio/pull/7453) [`ba747ad`](https://github.com/gradio-app/gradio/commit/ba747adb87e1937c0a791186eee3997d034363e6) - Make fix in #7444 (Block /file= filepaths that could expose credentials on Windows) more general.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7416](https://github.com/gradio-app/gradio/pull/7416) [`c88290d`](https://github.com/gradio-app/gradio/commit/c88290d90a81811911361e26fa9523c9b13db527) - WIP: Optimize /file route.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7440](https://github.com/gradio-app/gradio/pull/7440) [`e329f1f`](https://github.com/gradio-app/gradio/commit/e329f1fd38935213fe0e73962e8cbd5d3af6e87b) - Prevent timing attacks to guess Gradio passwords.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7425](https://github.com/gradio-app/gradio/pull/7425) [`3e4e680`](https://github.com/gradio-app/gradio/commit/3e4e680a52ba5a73c108ef1b328dacd7b6e4b566) - Fixes to the `.key_up()` method to make it usable for a dynamic dropdown autocomplete.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7444](https://github.com/gradio-app/gradio/pull/7444) [`4faf8a7`](https://github.com/gradio-app/gradio/commit/4faf8a7e86bfe811ef3d90ac5abdbd41409fafb1) - Block `/file=` filepaths that could expose credentials on Windows.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7441](https://github.com/gradio-app/gradio/pull/7441) [`f52cab6`](https://github.com/gradio-app/gradio/commit/f52cab634b94638d7f4625d40bf3d9afbe68040b) - Dispatch change event for file explorer.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7327](https://github.com/gradio-app/gradio/pull/7327) [`fb1f6be`](https://github.com/gradio-app/gradio/commit/fb1f6befad12106faafd94d221c1ed0e50b0a037) - Run pre/post processing in threadpool.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7431](https://github.com/gradio-app/gradio/pull/7431) [`6b8a7e5`](https://github.com/gradio-app/gradio/commit/6b8a7e5d36887cdfcfbfec1536a915128df0d6b2) - Ensure `gr.Dropdown` can have an empty initial value.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6991](https://github.com/gradio-app/gradio/pull/6991) [`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1) - Improve responsiveness of `gr.Audio()` controls.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.19.0
+
+### Features
+
+- [#7406](https://github.com/gradio-app/gradio/pull/7406) [`3e886d8`](https://github.com/gradio-app/gradio/commit/3e886d8f0ac55c416dae51c1c2661e16eb34718e) - Model3D Gaussian Splatting.  Thanks [@dylanebert](https://github.com/dylanebert)!
+
+### Fixes
+
+- [#7402](https://github.com/gradio-app/gradio/pull/7402) [`fa8225d`](https://github.com/gradio-app/gradio/commit/fa8225d24d86c0ec9a48cadee78dcc11b7084584) - Use updated component in `postprocess()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7361](https://github.com/gradio-app/gradio/pull/7361) [`17fb116`](https://github.com/gradio-app/gradio/commit/17fb116492f951ab66e3a39b5fdfb598f5446b6f) - Fixes gr.Markdown() does not render spaces around links correctly.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7337](https://github.com/gradio-app/gradio/pull/7337) [`65437ce`](https://github.com/gradio-app/gradio/commit/65437ce832f806da316aa074539b6263e1d8b7ac) - Improve File Explorer performance.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7410](https://github.com/gradio-app/gradio/pull/7410) [`c2dfc59`](https://github.com/gradio-app/gradio/commit/c2dfc592a4988efd5a96a062eec3fb4906f71748) - remove static while pending behaviour.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7389](https://github.com/gradio-app/gradio/pull/7389) [`b5c74ff`](https://github.com/gradio-app/gradio/commit/b5c74ffadbee351b2d5d79e578246f5343255508) - Fix HTTPX package crash for some values of "article" parameter in the interface.  Thanks [@YuryYakhno](https://github.com/YuryYakhno)!
+- [#7415](https://github.com/gradio-app/gradio/pull/7415) [`4ab399f`](https://github.com/gradio-app/gradio/commit/4ab399f40a300f267231f1b2dbe2a07494322d4d) - Allow config to include non-pickle-able values.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7404](https://github.com/gradio-app/gradio/pull/7404) [`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7) - Add `.key_up` event listener to `gr.Dropdown()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7417](https://github.com/gradio-app/gradio/pull/7417) [`314ccfa`](https://github.com/gradio-app/gradio/commit/314ccfa781810e777a944ff6d832dbd4b043631a) - Fix File Explorer interactivity.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7401](https://github.com/gradio-app/gradio/pull/7401) [`dff4109`](https://github.com/gradio-app/gradio/commit/dff410955e41145848376784c03fe28ba1c4fd85) - Retain dropdown value if choices have been changed.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7411](https://github.com/gradio-app/gradio/pull/7411) [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556) - Set `root` correctly for Gradio apps that are deployed behind reverse proxies.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7395](https://github.com/gradio-app/gradio/pull/7395) [`46b4568`](https://github.com/gradio-app/gradio/commit/46b45683e1ea9eb40013121a8de5bee7aa98bf0b) - Allow applying `@media`, `@keyframes` and `@import` in custom CSS.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.18.0
+
+### Features
+
+- [#7299](https://github.com/gradio-app/gradio/pull/7299) [`f35f615`](https://github.com/gradio-app/gradio/commit/f35f615e33a5dd90bfeb106b6f5dca689849fcef) - Added remove button for every file in file preview, to remove individual file in gr.File().  Thanks [@shubhamofbce](https://github.com/shubhamofbce)!
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7333](https://github.com/gradio-app/gradio/pull/7333) [`7e9b206`](https://github.com/gradio-app/gradio/commit/7e9b206a149740a421e03c8adb64978a5070f28f) - Stop using deprecated pydantic config class and filter gradio warnings from tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7377](https://github.com/gradio-app/gradio/pull/7377) [`6dfd40f`](https://github.com/gradio-app/gradio/commit/6dfd40fc6b2fa461490d2370ab91fcda7e07c0da) - Make set_documentation_group a no-op.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7328](https://github.com/gradio-app/gradio/pull/7328) [`c1a7ea7`](https://github.com/gradio-app/gradio/commit/c1a7ea7c0c294aa970624f02225717c12bcf9b58) - Add SQL Support for gr.Code.  Thanks [@aersam](https://github.com/aersam)!
+- [#7369](https://github.com/gradio-app/gradio/pull/7369) [`7b10d97`](https://github.com/gradio-app/gradio/commit/7b10d97b0f928fde6a71a94460fb8ca784e7a31d) - Remove the `@gradio/wasm` dependency from `@gradio/gallery` that is not used.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7334](https://github.com/gradio-app/gradio/pull/7334) [`b95d0d0`](https://github.com/gradio-app/gradio/commit/b95d0d043c739926af986e573200af92732bbc01) - Allow setting custom headers in Python Client.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7365](https://github.com/gradio-app/gradio/pull/7365) [`1e68561`](https://github.com/gradio-app/gradio/commit/1e68561167cd240d053444db091b297a3129cebb) - Update Pydantic patch for Lite that emulates PydanticV2 API using V1.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6890](https://github.com/gradio-app/gradio/pull/6890) [`cccab27`](https://github.com/gradio-app/gradio/commit/cccab27fe8b6ae6860b3fff68694fa33060e18a7) - E2E tests for Lite.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#7354](https://github.com/gradio-app/gradio/pull/7354) [`a7fa47a`](https://github.com/gradio-app/gradio/commit/a7fa47a175fbcf0fd6573ca19334a3a55b55bb24) - ensure Dataframes in background tabs are visible when the tab is selected.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7355](https://github.com/gradio-app/gradio/pull/7355) [`2244059`](https://github.com/gradio-app/gradio/commit/2244059cdbacb713530a3b760205c5464c05491c) - Ensure CSS `.dark` rule selectors are applied.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7375](https://github.com/gradio-app/gradio/pull/7375) [`4dc9ffb`](https://github.com/gradio-app/gradio/commit/4dc9ffbf70e2233c5b18ed3f722c1189a310a036) - Store `gr.Accordion`'s `open` value.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7374](https://github.com/gradio-app/gradio/pull/7374) [`7f19ba2`](https://github.com/gradio-app/gradio/commit/7f19ba272c5a46d7f2c11ad5c9f0ab15d4e27083) - Stop caching root url.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7350](https://github.com/gradio-app/gradio/pull/7350) [`7302a6e`](https://github.com/gradio-app/gradio/commit/7302a6e151dac553c17833be64d4639ee4cf97aa) - Fix `gr.load` for file-based Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.17.0
+
+### Features
+
+- [#7129](https://github.com/gradio-app/gradio/pull/7129) [`ccdaec4`](https://github.com/gradio-app/gradio/commit/ccdaec45002d0a9d6016e8e2078b843a1ff9172b) - Add a `simpleimage` template for custom components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7313](https://github.com/gradio-app/gradio/pull/7313) [`edfd05d`](https://github.com/gradio-app/gradio/commit/edfd05d18d20542d350d883d5e7f84d2774ad99e) - Expand chatinterface to full window height.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7292](https://github.com/gradio-app/gradio/pull/7292) [`aa97a5e`](https://github.com/gradio-app/gradio/commit/aa97a5e33a04ef8a0309b6ec3b2df4caaa26173e) - Improvements to API Docs.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7205](https://github.com/gradio-app/gradio/pull/7205) [`e418edd`](https://github.com/gradio-app/gradio/commit/e418edd011d06df519c778b9a50573288d5bf30f) - Fix SimpleImage package json.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7222](https://github.com/gradio-app/gradio/pull/7222) [`5181957`](https://github.com/gradio-app/gradio/commit/51819577068addde8fab1f4d4cfe691f20396f3f) - Add mobile Chromatic tests.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7298](https://github.com/gradio-app/gradio/pull/7298) [`e5344ba`](https://github.com/gradio-app/gradio/commit/e5344ba0cd63d21dbb525330bbc07ca2eca57832) - chore(deps): update dependency marked to v12.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#7206](https://github.com/gradio-app/gradio/pull/7206) [`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd) - Upload tweak.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7062](https://github.com/gradio-app/gradio/pull/7062) [`0fddd0f`](https://github.com/gradio-app/gradio/commit/0fddd0f971761bff3ef6ccc7ab9deb1891cd80d0) - Determine documentation group automatically.  Thanks [@akx](https://github.com/akx)!
+- [#7102](https://github.com/gradio-app/gradio/pull/7102) [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f) - Improve chatbot streaming performance with diffs.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  Note that this PR changes the API format for generator functions, which would be a breaking change for any clients reading the EventStream directly
+- [#7208](https://github.com/gradio-app/gradio/pull/7208) [`efacc7d`](https://github.com/gradio-app/gradio/commit/efacc7d5cb0d1c6448cbec82abfc00ad6da05b3f) - Ensure `open` reactivity in Accordion.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7228](https://github.com/gradio-app/gradio/pull/7228) [`2e6672c`](https://github.com/gradio-app/gradio/commit/2e6672c815e39fd6af78353e66661100b9102cd4) - Allow start/pause of streaming image input. Only access the webcam while it's needed.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7236](https://github.com/gradio-app/gradio/pull/7236) [`dec6a71`](https://github.com/gradio-app/gradio/commit/dec6a715d6219b00bd0151dd7c13bb2bc99c86da) - Fix PIL imports.  Thanks [@akx](https://github.com/akx)!
+- [#7274](https://github.com/gradio-app/gradio/pull/7274) [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557) - chore: Change time format (thanks @jjshoots for the independent contribution).  Thanks [@arian81](https://github.com/arian81)!
+- [#7116](https://github.com/gradio-app/gradio/pull/7116) [`3c8c4ac`](https://github.com/gradio-app/gradio/commit/3c8c4ac2db284e1cb503c397205a79a6dcc27e23) - Document the `gr.ParamViewer` component, and fix component preprocessing/postprocessing docstrings.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7157](https://github.com/gradio-app/gradio/pull/7157) [`46919c5`](https://github.com/gradio-app/gradio/commit/46919c5a4721ca2b0e17e38dc8c641f7ef336bcc) - Defer importing matplotlib.  Thanks [@akx](https://github.com/akx)!
+- [#7332](https://github.com/gradio-app/gradio/pull/7332) [`8bb0ce2`](https://github.com/gradio-app/gradio/commit/8bb0ce2e40abc4da3c782d5bc5ef5ac0f31f966f) - Hotfix for: `stt_or_tts` demo.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7309](https://github.com/gradio-app/gradio/pull/7309) [`200e251`](https://github.com/gradio-app/gradio/commit/200e2518e4d449aa82819a8d119e912bd1d95c15) - Add `gr.Image` interaction test + `gr.ImageEditor` interaction test improvement.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7319](https://github.com/gradio-app/gradio/pull/7319) [`87d5105`](https://github.com/gradio-app/gradio/commit/87d510580e7061c00848b70613c74838d9c71de7) - Handle httpx.InvalidURL when setting non-URL article strings.  Thanks [@nopperl](https://github.com/nopperl)!
+- [#7154](https://github.com/gradio-app/gradio/pull/7154) [`aab2a75`](https://github.com/gradio-app/gradio/commit/aab2a75f0610dd7ed0b481264c6b9f01cfe92094) - Allow selecting texts in dataframe cells.  Thanks [@shubhamofbce](https://github.com/shubhamofbce)!
+- [#7061](https://github.com/gradio-app/gradio/pull/7061) [`05d8a3c`](https://github.com/gradio-app/gradio/commit/05d8a3c8030b733bd47250f5db6f89f230f9a707) - Update ruff to 0.1.13, enable more rules, fix issues.  Thanks [@akx](https://github.com/akx)!
+- [#7315](https://github.com/gradio-app/gradio/pull/7315) [`b3a9c83`](https://github.com/gradio-app/gradio/commit/b3a9c830955a5ded8528d6118aaf1b6e019857a2) - Lite: Wasm-compatible Model3D.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7059](https://github.com/gradio-app/gradio/pull/7059) [`7ea8336`](https://github.com/gradio-app/gradio/commit/7ea8336709726dbe14dd00303fe2db3fe27f0502) - Remove flag_dir from read_from_flag().  Thanks [@akx](https://github.com/akx)!
+- [#7229](https://github.com/gradio-app/gradio/pull/7229) [`6a7e98b`](https://github.com/gradio-app/gradio/commit/6a7e98bfefdc9530f0390f0d780edc5a35266d56) - Fix hyphen-bug in gradio cc publish.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7225](https://github.com/gradio-app/gradio/pull/7225) [`60078df`](https://github.com/gradio-app/gradio/commit/60078df07f38c0ef90ef2ba90f8e3272b92c9e3d) - Fix test requirements to be compatible with python 3.11.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7256](https://github.com/gradio-app/gradio/pull/7256) [`09257ef`](https://github.com/gradio-app/gradio/commit/09257ef1f1307e2886418f6dd93dcffdf010c32b) - Fix ci cache.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7240](https://github.com/gradio-app/gradio/pull/7240) [`1893756`](https://github.com/gradio-app/gradio/commit/18937564ab8906710549d5bccc48f7188c836f38) - Small cleanups of `Code` component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7295](https://github.com/gradio-app/gradio/pull/7295) [`aea14c4`](https://github.com/gradio-app/gradio/commit/aea14c44961be8b0e732e05799df8104d7b906ed) - Refactor Inference API and rename it to Serverless Inference Endpoints.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7117](https://github.com/gradio-app/gradio/pull/7117) [`24157a3`](https://github.com/gradio-app/gradio/commit/24157a36028b3f606194bd9977634318650b2d46) - add background color based on the OS mode.  Thanks [@aileenvl](https://github.com/aileenvl)!
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7283](https://github.com/gradio-app/gradio/pull/7283) [`757dba6`](https://github.com/gradio-app/gradio/commit/757dba66baf624eae11ff076f0e8d6bfc2314630) - Add `show_label` check to `gr.Dataframe`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7190](https://github.com/gradio-app/gradio/pull/7190) [`2d51a9d`](https://github.com/gradio-app/gradio/commit/2d51a9dbd97167aa7a2b3aa672142c1a5137e898) - Add missing parameters and docstrings for `gr.TabbedInterface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7178](https://github.com/gradio-app/gradio/pull/7178) [`9f23b0b`](https://github.com/gradio-app/gradio/commit/9f23b0bc54b4ef63c056b309370df52ec2c2a43c) - Optimize client view_api method.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7158](https://github.com/gradio-app/gradio/pull/7158) [`ded5256`](https://github.com/gradio-app/gradio/commit/ded5256c4a39a84155b9c3d7f4e8e7060d798186) - Fix audio recording events not dispatching.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7325](https://github.com/gradio-app/gradio/pull/7325) [`733ca26`](https://github.com/gradio-app/gradio/commit/733ca266bb1ba9049ed7309b8f0614199682e173) - Ensure examples Images displays as expected.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7276](https://github.com/gradio-app/gradio/pull/7276) [`a3aa22f`](https://github.com/gradio-app/gradio/commit/a3aa22f6f0bc664646bb409844899bc8810e421e) - Adjust Value to Fix .Label Display.  Thanks [@codydh](https://github.com/codydh)!
+- [#7286](https://github.com/gradio-app/gradio/pull/7286) [`0d36ac0`](https://github.com/gradio-app/gradio/commit/0d36ac05aa54e53f0ea61f5b129af59ab55f3224) - Fixes issue with datatype setting in gr.Dataframe. Setting no longer dependent on col_count.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#7290](https://github.com/gradio-app/gradio/pull/7290) [`db27df3`](https://github.com/gradio-app/gradio/commit/db27df36d2ea42dd20f275e9b9d6fe15f1a960f8) - Escape triple quotes when creating `space.py` for custom components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7141](https://github.com/gradio-app/gradio/pull/7141) [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16) - Few File component drag and drop.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7221](https://github.com/gradio-app/gradio/pull/7221) [`cae05c0`](https://github.com/gradio-app/gradio/commit/cae05c05ecde56c4d92c6b5ed8d13353505cbd14) - Fix single file upload display.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7207](https://github.com/gradio-app/gradio/pull/7207) [`e3217b4`](https://github.com/gradio-app/gradio/commit/e3217b41862925a6a05f44070ac2bdabbeee6769) - Amend audio waveform colour.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7322](https://github.com/gradio-app/gradio/pull/7322) [`b25e95e`](https://github.com/gradio-app/gradio/commit/b25e95e164e80d66203ef71ce6bdb67ceb6b24df) - Fix `processing_utils.save_url_to_cache()` to follow redirects when accessing the URL.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7294](https://github.com/gradio-app/gradio/pull/7294) [`d7095c4`](https://github.com/gradio-app/gradio/commit/d7095c4699658f2acc5af7557dd455e8655954f4) - Number example fix.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7219](https://github.com/gradio-app/gradio/pull/7219) [`faead14`](https://github.com/gradio-app/gradio/commit/faead1403cdba6415912a6ad512291ac63b04173) - Show label in interactive image editor.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7220](https://github.com/gradio-app/gradio/pull/7220) [`3b8dfc6`](https://github.com/gradio-app/gradio/commit/3b8dfc684dc0eb0544d06300fa546b23f587c63f) - Add `visible` check to Tab.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7257](https://github.com/gradio-app/gradio/pull/7257) [`daaaf95`](https://github.com/gradio-app/gradio/commit/daaaf9593e9b2094bf59f3f5e01244ffb8a01bb1) - Fixes issues related to `gr.Dataframe` receiving an empty dataframe.  Thanks [@cswamy](https://github.com/cswamy)!
+
+## 4.16.0
+
+### Features
+
+- [#7124](https://github.com/gradio-app/gradio/pull/7124) [`21a16c6`](https://github.com/gradio-app/gradio/commit/21a16c60e8f34b870bd2aae9af07713eb1307252) - add params to `gr.Interface` and `gr.ChatInterface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7139](https://github.com/gradio-app/gradio/pull/7139) [`6abad53`](https://github.com/gradio-app/gradio/commit/6abad536778517a2ab9f5fc75d52afc576f01218) - Added polars dataframe support with demo.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#7084](https://github.com/gradio-app/gradio/pull/7084) [`94aa271`](https://github.com/gradio-app/gradio/commit/94aa271ab11fc3426a7e143ebaa757eb30c9911d) - Improve rapid generation performance via UI throttling.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7104](https://github.com/gradio-app/gradio/pull/7104) [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585) - Allow download button for interactive Audio and Video components.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7109](https://github.com/gradio-app/gradio/pull/7109) [`125a832`](https://github.com/gradio-app/gradio/commit/125a832ab7ee2b5affa574e8b32c88f430cc6663) - generate docs when running `gradio cc build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7148](https://github.com/gradio-app/gradio/pull/7148) [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32) - Use Gallery as input component.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7049](https://github.com/gradio-app/gradio/pull/7049) [`1718c4a`](https://github.com/gradio-app/gradio/commit/1718c4aeb23a88ef02b17b30a1d1cb72e413e04a) - add STL 3D model support.  Thanks [@Mon-ius](https://github.com/Mon-ius)!
+- [#7159](https://github.com/gradio-app/gradio/pull/7159) [`6ee22dc`](https://github.com/gradio-app/gradio/commit/6ee22dc6a8f6419e127a0f650e58c87a31bc59c9) - Ensure `gradio cc publish` uploads the documentation space, if it exists.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7034](https://github.com/gradio-app/gradio/pull/7034) [`82fe73d`](https://github.com/gradio-app/gradio/commit/82fe73d04297ac4e2c3ef42edc62bab4300bf915) - Redirect with query params after oauth.  Thanks [@Wauplin](https://github.com/Wauplin)!
+- [#7063](https://github.com/gradio-app/gradio/pull/7063) [`2cdcf4a`](https://github.com/gradio-app/gradio/commit/2cdcf4a890202a55673588c16f27b327d27915b6) - Single oauth button.  Thanks [@Wauplin](https://github.com/Wauplin)!
+
+### Fixes
+
+- [#7126](https://github.com/gradio-app/gradio/pull/7126) [`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b) - Allow buttons to take null value.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7112](https://github.com/gradio-app/gradio/pull/7112) [`217bfe3`](https://github.com/gradio-app/gradio/commit/217bfe39ca6a0de885824f16be4a707e7f032d57) - Support audio data in `np.int8` format in the `gr.Audio` component.  Thanks [@Ram-Pasupula](https://github.com/Ram-Pasupula)!
+- [#7029](https://github.com/gradio-app/gradio/pull/7029) [`ac73555`](https://github.com/gradio-app/gradio/commit/ac735551bb2ccc288b2bbf10b008b6c3d9e65132) - Run before_fn and after_fn for each generator iteration.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7131](https://github.com/gradio-app/gradio/pull/7131) [`7d53aa1`](https://github.com/gradio-app/gradio/commit/7d53aa13a304d056d1973b8e86c6f89ff84cbd28) - Miscellaneous doc fixes.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7138](https://github.com/gradio-app/gradio/pull/7138) [`ca8753b`](https://github.com/gradio-app/gradio/commit/ca8753bb3d829d0077f758ba8d0ddc866ff74d3d) - Fixes: Chatbot crashes when given empty url following http:// or https://.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7115](https://github.com/gradio-app/gradio/pull/7115) [`cb90b3d`](https://github.com/gradio-app/gradio/commit/cb90b3d5d6a291270e047e10f9173cbc03678e1c) - Programmatically determine max wheel version to push to spaces.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7107](https://github.com/gradio-app/gradio/pull/7107) [`80f8fbf`](https://github.com/gradio-app/gradio/commit/80f8fbf0e8900627b9c2575bbd7c68fad8108544) - Add logic to handle non-interactive or hidden tabs.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7142](https://github.com/gradio-app/gradio/pull/7142) [`b961652`](https://github.com/gradio-app/gradio/commit/b9616528ab099aab0adc7027bce4655111f7366c) - Remove kwargs from template components.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7125](https://github.com/gradio-app/gradio/pull/7125) [`45f725f`](https://github.com/gradio-app/gradio/commit/45f725f8d0dc7813b3d2e768ca9582d6ad878d6f) - un-disable output components after exception is raised.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7081](https://github.com/gradio-app/gradio/pull/7081) [`44c53d9`](https://github.com/gradio-app/gradio/commit/44c53d9bde7cab605b7dbd16331683d13cae029e) - Fix dropdown refocusing due to `<label />` element.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7130](https://github.com/gradio-app/gradio/pull/7130) [`e7ab406`](https://github.com/gradio-app/gradio/commit/e7ab4063eb2624820b9f1076960e9596791d9427) - Fix ParamViewer css.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7113](https://github.com/gradio-app/gradio/pull/7113) [`28e8a8a`](https://github.com/gradio-app/gradio/commit/28e8a8a3ec8acd653182577273be4244a4817082) - Reduce CPU usage of dev mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7082](https://github.com/gradio-app/gradio/pull/7082) [`c35fac0`](https://github.com/gradio-app/gradio/commit/c35fac049a44b14719509443c68690e7f23ce70d) - Ensure device selection works in Audio when streaming.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7045](https://github.com/gradio-app/gradio/pull/7045) [`13cb6af`](https://github.com/gradio-app/gradio/commit/13cb6af8b23be063d85b2c632f36afa37d874e5d) - Ensure microphone devices list updates.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7150](https://github.com/gradio-app/gradio/pull/7150) [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4) - Lite: Add the `home_dir` to `sys.path`.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7133](https://github.com/gradio-app/gradio/pull/7133) [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78) - Add ruff mock for Lite.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6826](https://github.com/gradio-app/gradio/pull/6826) [`e8b2d8b`](https://github.com/gradio-app/gradio/commit/e8b2d8b2f81b7c4b2d107765f06eaf09a030f1df) - Add sample rate config option to `gr.Audio()`.  Thanks [@tsukumijima](https://github.com/tsukumijima)!
+
+## 4.15.0
+
+### Highlights
+
+#### Custom component documentation generator ([#7030](https://github.com/gradio-app/gradio/pull/7030) [`3a944ed`](https://github.com/gradio-app/gradio/commit/3a944ed9f162a224d26959a9c556346a9d205311))
+
+If your custom component has type hints and docstrings for both parameters and return values, you can now automatically generate a documentation page and README.md with no additional effort. Simply run the following command:
+
+```sh
+gradio cc docs
+```
+
+This will generate a Gradio app that you can upload to spaces providing rich documentation for potential users. The documentation page includes:
+
+- Installation instructions.
+- A live embedded demo and working code snippet, pulled from your demo app.
+- An API reference for initialising the component, with types, default values and descriptions.
+- An explanation of how the component affects the user's predict function inputs and outputs.
+- Any additional interfaces or classes that are necessary to understand the API reference.
+- Optional links to GitHub, PyPi, and Hugging Face Spaces.
+
+A README will also be generated detailing the same information but in a format that is optimised for viewing on GitHub or PyPi!
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#7075](https://github.com/gradio-app/gradio/pull/7075) [`1fc8a94`](https://github.com/gradio-app/gradio/commit/1fc8a941384775f587a6ef30365960f43353cb0d) - fix lint.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7069](https://github.com/gradio-app/gradio/pull/7069) [`07d520c`](https://github.com/gradio-app/gradio/commit/07d520c7a2590eb5544bd0b17f82ea31ecf43e00) - fix versions.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7058](https://github.com/gradio-app/gradio/pull/7058) [`3642b7a`](https://github.com/gradio-app/gradio/commit/3642b7ac93128793b75b94f8d785457869a4447e) - publish: simplify twine_files code.  Thanks [@akx](https://github.com/akx)!
+- [#7054](https://github.com/gradio-app/gradio/pull/7054) [`64c65d8`](https://github.com/gradio-app/gradio/commit/64c65d821983961111297a969946d87e2fc4105d) - Add encoding to open/writing files on the deploy_discord function.  Thanks [@WilliamHarer](https://github.com/WilliamHarer)!
+- [#7024](https://github.com/gradio-app/gradio/pull/7024) [`f2d69fc`](https://github.com/gradio-app/gradio/commit/f2d69fc7d0c1c3457112e702b53e38a0255fc1b7) - Fix gallery thumbnail design regression.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7018](https://github.com/gradio-app/gradio/pull/7018) [`ec28b4e`](https://github.com/gradio-app/gradio/commit/ec28b4e7c47a9233d9e3a725cc9fe8f9044dfa94) - Add `visible` and `interactive` params to `gr.Tab()`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7060](https://github.com/gradio-app/gradio/pull/7060) [`aaecfe5`](https://github.com/gradio-app/gradio/commit/aaecfe54d913c1c4713e23233f32ae1e4239730e) - Themes: fix bogus header image URL.  Thanks [@akx](https://github.com/akx)!
+
+### Fixes
+
+- [#7050](https://github.com/gradio-app/gradio/pull/7050) [`a336508`](https://github.com/gradio-app/gradio/commit/a3365086468568db871940fa2807454ac047cadd) - Fix bug preventing layout components to be used as custom components.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7055](https://github.com/gradio-app/gradio/pull/7055) [`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2) - Fix UI freeze on rapid generators.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7046](https://github.com/gradio-app/gradio/pull/7046) [`9201f86`](https://github.com/gradio-app/gradio/commit/9201f86450c377f78a77ac003a5d5ff009a8894c) - Raise error in build step if custom component package is not installed.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6980](https://github.com/gradio-app/gradio/pull/6980) [`523b6bc`](https://github.com/gradio-app/gradio/commit/523b6bc534e221b028a3ea3f274c7466fe242d5a) - `gr.update(value=[])` for `gr.File()` clears it.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7038](https://github.com/gradio-app/gradio/pull/7038) [`6be3c2c`](https://github.com/gradio-app/gradio/commit/6be3c2c47a616c904c8497d1fbef7a851c54d488) - Fix Chatbot custom component template.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6982](https://github.com/gradio-app/gradio/pull/6982) [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9) - Fix File drag and drop for specific file_types.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.14.0
+
+### Features
+
+- [#6994](https://github.com/gradio-app/gradio/pull/6994) [`623bc1a`](https://github.com/gradio-app/gradio/commit/623bc1aeb19945c1f3c68ea66fa669d1169483a3) - Switch default order for sources for `gr.Video` so that upload is the default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6965](https://github.com/gradio-app/gradio/pull/6965) [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0) - Make <UploadProgress /> Wasm-compatible.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6945](https://github.com/gradio-app/gradio/pull/6945) [`ccf317f`](https://github.com/gradio-app/gradio/commit/ccf317fc9797675a748b50118aa59a7e4b129d9d) - Add `additional_inputs`, `additional_inputs_accordion` parameters to `gr.Interface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6963](https://github.com/gradio-app/gradio/pull/6963) [`8dfabee`](https://github.com/gradio-app/gradio/commit/8dfabee00495ccbbd6743da07fa06c75cac3fb5f) - fixed typo.  Thanks [@Cassini-chris](https://github.com/Cassini-chris)!
+
+### Fixes
+
+- [#6969](https://github.com/gradio-app/gradio/pull/6969) [`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a) - Display pending file in `<Upload />` while waiting for upload request.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6885](https://github.com/gradio-app/gradio/pull/6885) [`640b7fe`](https://github.com/gradio-app/gradio/commit/640b7fe05276e11720b4341cadf088491395e53d) - Fix issue with Webcam Recording.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6967](https://github.com/gradio-app/gradio/pull/6967) [`5e00162`](https://github.com/gradio-app/gradio/commit/5e0016267f1d683e2daab82ee4a33d2f09513a34) - Make <Gallery /> Wasm-compatible.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6983](https://github.com/gradio-app/gradio/pull/6983) [`6e285be`](https://github.com/gradio-app/gradio/commit/6e285be8edeacf8730bac10b7ecd3fd5e309a950) - Fix the reloader.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6958](https://github.com/gradio-app/gradio/pull/6958) [`0f0498b`](https://github.com/gradio-app/gradio/commit/0f0498bf97a036efe47d01b47c4b26000d8d1df3) - Ensure Chatbot theme text size is set correctly.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.13.0
+
+### Features
+
+- [#6133](https://github.com/gradio-app/gradio/pull/6133) [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383) - Lite: Support AnnotatedImage on Wasm.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6778](https://github.com/gradio-app/gradio/pull/6778) [`8a093e2`](https://github.com/gradio-app/gradio/commit/8a093e23d7993a044e5e0ff73f93a74cb75dad56) - Add a dev instruction for lite in SharedWorker mode.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6931](https://github.com/gradio-app/gradio/pull/6931) [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549) - Fix functional tests.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6900](https://github.com/gradio-app/gradio/pull/6900) [`4511d57`](https://github.com/gradio-app/gradio/commit/4511d57c46bf82c48e8e575040ff7dab528b8d51) - Fix the aria-label attrs in `gr.Chatbot()`.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6820](https://github.com/gradio-app/gradio/pull/6820) [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74) - Use `EventSource_factory` in `open_stream()` for Wasm.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6916](https://github.com/gradio-app/gradio/pull/6916) [`02c2442`](https://github.com/gradio-app/gradio/commit/02c24422174065b79bfccb258cdfefc6b2b69dc6) - Fix docstring of deprecated parameter concurrency_count.  Thanks [@ronensc](https://github.com/ronensc)!
+- [#6884](https://github.com/gradio-app/gradio/pull/6884) [`24a5836`](https://github.com/gradio-app/gradio/commit/24a583688046867ca8b8b02959c441818bdb34a2) - Component Server fix.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6887](https://github.com/gradio-app/gradio/pull/6887) [`8333db8`](https://github.com/gradio-app/gradio/commit/8333db83ac6e2c8511c104534c48137576d0bcd7) - Fix the Wasm worker to initialize the app directories.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6932](https://github.com/gradio-app/gradio/pull/6932) [`e671e54`](https://github.com/gradio-app/gradio/commit/e671e5415fecae52328e426ee2e9f3c09f410606) - Allow `gr.ClearButton` and `gr.DuplicateButton` to be made hidden (and otherwise updated).  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6942](https://github.com/gradio-app/gradio/pull/6942) [`b1b78c2`](https://github.com/gradio-app/gradio/commit/b1b78c2168e24fb65251a9b9b6cbc9382179a8ca) - Fix `.select` for `gr.Image`, `gr.CheckboxGroup`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6899](https://github.com/gradio-app/gradio/pull/6899) [`bd11d6e`](https://github.com/gradio-app/gradio/commit/bd11d6e570755405eac637f1ef71b8d7be09ff67) - Remove the styles on the audio elements in the Chatbot component.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6871](https://github.com/gradio-app/gradio/pull/6871) [`d361a0f`](https://github.com/gradio-app/gradio/commit/d361a0f179752d9e849ec420fc67c8b4060fc154) - Ensure camera settings only update when necessary in Model3D.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6938](https://github.com/gradio-app/gradio/pull/6938) [`459c5dc`](https://github.com/gradio-app/gradio/commit/459c5dc989849b1f0134467d260710fe891045d6) - replacing distutils.StrictVersion dependency for Python 3.12.  Thanks [@velaia](https://github.com/velaia)!
+- [#6956](https://github.com/gradio-app/gradio/pull/6956) [`7bab755`](https://github.com/gradio-app/gradio/commit/7bab755f7c4cf38102c87d825066ff49b518222e) - Fixed (this this).  Thanks [@Cassini-chris](https://github.com/Cassini-chris)!
+- [#6874](https://github.com/gradio-app/gradio/pull/6874) [`31c2316`](https://github.com/gradio-app/gradio/commit/31c23166f0113ab6506575f345c31c952e57e137) - fix issue 6873: File with file_count='directory' bug.  Thanks [@joshwilson-dev](https://github.com/joshwilson-dev)!
+- [#6940](https://github.com/gradio-app/gradio/pull/6940) [`c00da89`](https://github.com/gradio-app/gradio/commit/c00da89c3ec6aa9ce43b25f12fde575d681d6870) - Fix returning copies of a component instance from a prediction function.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.12.0
+
+### Features
+
+- [#6839](https://github.com/gradio-app/gradio/pull/6839) [`e974cf0`](https://github.com/gradio-app/gradio/commit/e974cf045c82ce8d79efdda36b9dbf6ea557baa4) - Custom JS Guide.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6854](https://github.com/gradio-app/gradio/pull/6854) [`e528f98`](https://github.com/gradio-app/gradio/commit/e528f98b88f4322f61d315e1770fce0448ca5e26) - chore(deps): update dependency mrmime to v2.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#6863](https://github.com/gradio-app/gradio/pull/6863) [`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414) - Fix JS Client when app is running behind a proxy.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6846](https://github.com/gradio-app/gradio/pull/6846) [`48d6534`](https://github.com/gradio-app/gradio/commit/48d6534b40f80e7e70a4061f97d9f2e23ba77fe1) - Add `show_api` parameter to events, and fix `gr.load()`. Also makes some minor improvements to the "view API" page when running on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6865](https://github.com/gradio-app/gradio/pull/6865) [`15c97c6`](https://github.com/gradio-app/gradio/commit/15c97c6d346c475141d20615b5a865e9c44bdc76) - Fix webcam when `streaming=True`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6767](https://github.com/gradio-app/gradio/pull/6767) [`7bb561a`](https://github.com/gradio-app/gradio/commit/7bb561a294ca41d1044927cb34d8645c4175cae0) - Rewriting parts of the README and getting started guides for 4.0.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.11.0
+
+### Features
+
+- [#6842](https://github.com/gradio-app/gradio/pull/6842) [`846d52d`](https://github.com/gradio-app/gradio/commit/846d52d1c92d429077382ce494eea27fd062d9f6) - Fix md highlight.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6831](https://github.com/gradio-app/gradio/pull/6831) [`f3abde8`](https://github.com/gradio-app/gradio/commit/f3abde80884d96ad69b825020c46486d9dd5cac5) - Add an option to enable header links for markdown.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6814](https://github.com/gradio-app/gradio/pull/6814) [`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d) - Refactor queue so that there are separate queues for each concurrency id.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6809](https://github.com/gradio-app/gradio/pull/6809) [`1401d99`](https://github.com/gradio-app/gradio/commit/1401d99ade46d87da75b5f5808a3354c49f1d1ea) - Fix `ImageEditor` interaction story.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6803](https://github.com/gradio-app/gradio/pull/6803) [`77c9003`](https://github.com/gradio-app/gradio/commit/77c900311e2ba37b8f849ce088ceb48aa196af18) - Fixes issue 5781: Enables specifying a caching directory for Examples.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6823](https://github.com/gradio-app/gradio/pull/6823) [`67a2b7f`](https://github.com/gradio-app/gradio/commit/67a2b7f12cb06355fcc41e40d47e8b2ad211d7d1) - Fixed duplicate word ("this this").  Thanks [@Cassini-chris](https://github.com/Cassini-chris)!
+- [#6833](https://github.com/gradio-app/gradio/pull/6833) [`1b9d423`](https://github.com/gradio-app/gradio/commit/1b9d4234d6c25ef250d882c7b90e1f4039ed2d76) - Prevent file traversals.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6829](https://github.com/gradio-app/gradio/pull/6829) [`50496f9`](https://github.com/gradio-app/gradio/commit/50496f967f8209032b753912a4379eb9cea66627) - Adjust rounding logic when precision is `None` in `gr.Number()`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.10.0
+
+### Features
+
+- [#6798](https://github.com/gradio-app/gradio/pull/6798) [`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4) - Improve how server/js client handle unexpected errors.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6794](https://github.com/gradio-app/gradio/pull/6794) [`7ba8c5d`](https://github.com/gradio-app/gradio/commit/7ba8c5da45b004edd12c0460be9222f5b5f5f055) - Fix SSRF vulnerability on `/file=` route.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6799](https://github.com/gradio-app/gradio/pull/6799) [`c352811`](https://github.com/gradio-app/gradio/commit/c352811f76d4126613ece0a584f8c552fdd8d1f6) - Adds docstrings for `gr.WaveformOptions`, `gr.Brush`, and `gr.Eraser`, fixes examples for `ImageEditor`, and allows individual images to be used as the initial `value` for `ImageEditor`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6808](https://github.com/gradio-app/gradio/pull/6808) [`6b130e2`](https://github.com/gradio-app/gradio/commit/6b130e26b9a6061e7984923b355a04a5484a1c96) - Ensure LoginButton `value` text is displayed.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6810](https://github.com/gradio-app/gradio/pull/6810) [`526fb6c`](https://github.com/gradio-app/gradio/commit/526fb6c446468f1567d614c83266bb5f5797ce9c) - Fix `gr.load()` so that it works with the SSE v1 protocol.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.9.1
+
+### Features
+
+- [#6781](https://github.com/gradio-app/gradio/pull/6781) [`a807ede`](https://github.com/gradio-app/gradio/commit/a807ede818e0690949aca41020e75a96f0110ece) - Fix backend tests on Windows.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6525](https://github.com/gradio-app/gradio/pull/6525) [`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a) - Fixes Drag and Drop for Upload.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6780](https://github.com/gradio-app/gradio/pull/6780) [`51e241a`](https://github.com/gradio-app/gradio/commit/51e241addd20dad9a0cdf3e72f747cab112815d1) - Fix flaky CI tests (again 😓 ).  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6693](https://github.com/gradio-app/gradio/pull/6693) [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0) - Python client properly handles hearbeat and log messages. Also handles responses longer than 65k.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 4.9.0
+
+### Features
+
+- [#6726](https://github.com/gradio-app/gradio/pull/6726) [`21cfb0a`](https://github.com/gradio-app/gradio/commit/21cfb0acc309bb1a392f4d8a8e42f6be864c5978) - Remove the styles from the Image/Video primitive components and Fix the container styles.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6745](https://github.com/gradio-app/gradio/pull/6745) [`3240d04`](https://github.com/gradio-app/gradio/commit/3240d042e907a3f2f679c2310c0dc6a688d2c07e) - Add `editable` parameter to Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6616](https://github.com/gradio-app/gradio/pull/6616) [`9a0bd27`](https://github.com/gradio-app/gradio/commit/9a0bd27502894e2488b4732be081cb2027aa636e) - Add support for OAuth tokens.  Thanks [@Wauplin](https://github.com/Wauplin)!
+- [#6738](https://github.com/gradio-app/gradio/pull/6738) [`f3c4d78`](https://github.com/gradio-app/gradio/commit/f3c4d78b710854b94d9a15db78178e504a02c680) - reload on css changes + fix css specificity.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6671](https://github.com/gradio-app/gradio/pull/6671) [`299f5e2`](https://github.com/gradio-app/gradio/commit/299f5e238bb6fb3f51376ef8b73fc44351859bbe) - Update HF token used in CI tests.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6680](https://github.com/gradio-app/gradio/pull/6680) [`cfd5700`](https://github.com/gradio-app/gradio/commit/cfd57005bce715271c3073ecd322890b8d30f594) - Cause `gr.ClearButton` to reset the value of `gr.State`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6603](https://github.com/gradio-app/gradio/pull/6603) [`6b1401c`](https://github.com/gradio-app/gradio/commit/6b1401c514c2ec012b0a50c72a6ec81cb673bf1d) - chore(deps): update dependency marked to v11.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#6666](https://github.com/gradio-app/gradio/pull/6666) [`30c9fbb`](https://github.com/gradio-app/gradio/commit/30c9fbb5c74f0dc879e85dbdb6778c0782aeff38) - Set gradio api server from env.  Thanks [@aisensiy](https://github.com/aisensiy)!
+- [#6677](https://github.com/gradio-app/gradio/pull/6677) [`51b54b3`](https://github.com/gradio-app/gradio/commit/51b54b3411934ce46a27e7d525dd90b43c9fc016) - Tweak to our bug issue template.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6598](https://github.com/gradio-app/gradio/pull/6598) [`7cbf96e`](https://github.com/gradio-app/gradio/commit/7cbf96e0bdd12db7ecac7bf99694df0a912e5864) - Issue 5245: consolidate usage of requests and httpx.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6704](https://github.com/gradio-app/gradio/pull/6704) [`24e0481`](https://github.com/gradio-app/gradio/commit/24e048196e8f7bd309ef5c597d4ffc6ca4ed55d0) - Hotfix: update `huggingface_hub` dependency version.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6432](https://github.com/gradio-app/gradio/pull/6432) [`bdf81fe`](https://github.com/gradio-app/gradio/commit/bdf81fead86e1d5a29e6b036f1fff677f6480e6b) - Lite: Set the home dir path per appId at each runtime.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6569](https://github.com/gradio-app/gradio/pull/6569) [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00) - Allow passing height and width as string in `Blocks.svelte`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6416](https://github.com/gradio-app/gradio/pull/6416) [`5177132`](https://github.com/gradio-app/gradio/commit/5177132d718c77f6d47869b4334afae6380394cb) - Lite: Fix the `isMessagePort()` type guard in js/wasm/src/worker-proxy.ts.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6543](https://github.com/gradio-app/gradio/pull/6543) [`8a70e83`](https://github.com/gradio-app/gradio/commit/8a70e83db9c7751b46058cdd2514e6bddeef6210) - switch from black to ruff formatter.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+
+### Fixes
+
+- [#6709](https://github.com/gradio-app/gradio/pull/6709) [`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88) - Remove progress animation on streaming.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6660](https://github.com/gradio-app/gradio/pull/6660) [`5238053`](https://github.com/gradio-app/gradio/commit/523805360bbf292d9d82443b1f521528beba68bb) - Fix reload mode warning about not being able to find the app.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6672](https://github.com/gradio-app/gradio/pull/6672) [`1234c37`](https://github.com/gradio-app/gradio/commit/1234c3732b52327a00b917af2ef75821771e2c92) - use gr.Error for audio length errors.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6676](https://github.com/gradio-app/gradio/pull/6676) [`fe40308`](https://github.com/gradio-app/gradio/commit/fe40308894efb2c6ff18e5e328163f6641b7476c) - Rotate Images to Upright Position in preprocess.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6487](https://github.com/gradio-app/gradio/pull/6487) [`9a5811d`](https://github.com/gradio-app/gradio/commit/9a5811df9218b622af59ba243a937a9c36ba00f9) - Fix the download button of the `gr.Gallery()` component to work.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6689](https://github.com/gradio-app/gradio/pull/6689) [`c9673ca`](https://github.com/gradio-app/gradio/commit/c9673cacd6470296ee01d7717e2080986e750572) - Fix directory-only glob for FileExplorer.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6639](https://github.com/gradio-app/gradio/pull/6639) [`9a6ff70`](https://github.com/gradio-app/gradio/commit/9a6ff704cd8429289c5376d3af5e4b8492df4773) - Fix issue with `head` param when adding more than one script tag.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6556](https://github.com/gradio-app/gradio/pull/6556) [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70) - Fix api event drops.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6754](https://github.com/gradio-app/gradio/pull/6754) [`a1b966e`](https://github.com/gradio-app/gradio/commit/a1b966edf761a20ef30e688b1ea1641a5ef1c860) - Fixed an issue where files could not be filed.  Thanks [@duolabmeng6](https://github.com/duolabmeng6)!
+- [#6694](https://github.com/gradio-app/gradio/pull/6694) [`dfc61ec`](https://github.com/gradio-app/gradio/commit/dfc61ec4d09da72ddd6e7ab726820529621dbd38) - Fix dropdown blur bug when values are provided as tuples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6691](https://github.com/gradio-app/gradio/pull/6691) [`128ab5d`](https://github.com/gradio-app/gradio/commit/128ab5d65b51390e706a515a1708fe6c88659209) - Ensure checked files persist after FileExplorer rerenders.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6698](https://github.com/gradio-app/gradio/pull/6698) [`798eca5`](https://github.com/gradio-app/gradio/commit/798eca524d44289c536c47eec7c4fdce9fe81905) - Fit video media within Video component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6759](https://github.com/gradio-app/gradio/pull/6759) [`28a7aa9`](https://github.com/gradio-app/gradio/commit/28a7aa917f6a0d57af2c18261d1c01ff76423030) - Mount on a FastAPI app with lifespan manager.  Thanks [@Xmaster6y](https://github.com/Xmaster6y)!
+
+## 4.8.0
+
+### Features
+
+- [#6624](https://github.com/gradio-app/gradio/pull/6624) [`1751f14`](https://github.com/gradio-app/gradio/commit/1751f14c1b26c72c0fcc6ba4c69c060c7a199e5d) - Remove 2 slider demos from docs.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6622](https://github.com/gradio-app/gradio/pull/6622) [`4396f3f`](https://github.com/gradio-app/gradio/commit/4396f3f8f0984d7fcd7e1b88a793af86c7d4e5bb) - Fix encoding issue #6364 of reload mode.  Thanks [@curiousRay](https://github.com/curiousRay)!
+- [#5885](https://github.com/gradio-app/gradio/pull/5885) [`9919b8a`](https://github.com/gradio-app/gradio/commit/9919b8ab43bee3d1d7cc65fd641fc8bc9725e102) - Fix the docstring decoration.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6565](https://github.com/gradio-app/gradio/pull/6565) [`9bf1ad4`](https://github.com/gradio-app/gradio/commit/9bf1ad43eac543c9991e59f37e1910f217f8d739) - Fix uploaded file wasn't moved to custom temp dir at different disks.  Thanks [@dodysw](https://github.com/dodysw)!
+- [#6584](https://github.com/gradio-app/gradio/pull/6584) [`9bcb1da`](https://github.com/gradio-app/gradio/commit/9bcb1da189a9738d023ef6daad8c6c827e3f6371) - Feat: make UploadButton accept icon.  Thanks [@Justin-Xiang](https://github.com/Justin-Xiang)!
+- [#6512](https://github.com/gradio-app/gradio/pull/6512) [`4f040c7`](https://github.com/gradio-app/gradio/commit/4f040c752bb3b0586a4e16eca25a1e5f596eee48) - Update zh-CN.json.  Thanks [@cibimo](https://github.com/cibimo)!
+
+### Fixes
+
+- [#6607](https://github.com/gradio-app/gradio/pull/6607) [`13ace03`](https://github.com/gradio-app/gradio/commit/13ace035ed58f14f8f5ce584d94b81c56f83b5d4) - Update file_explorer.py - Fixing error if nothing selected in file_count=single mode (return None rather).  Thanks [@v-chabaux](https://github.com/v-chabaux)!
+- [#6574](https://github.com/gradio-app/gradio/pull/6574) [`2b625ad`](https://github.com/gradio-app/gradio/commit/2b625ad9403c3449b34a8a3da68ae48c4347c2db) - Ensure Chatbot messages are properly aligned when `rtl` is true.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6635](https://github.com/gradio-app/gradio/pull/6635) [`b639e04`](https://github.com/gradio-app/gradio/commit/b639e040741e6c0d9104271c81415d7befbd8cf3) - Quick Image + Text Component Fixes.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6572](https://github.com/gradio-app/gradio/pull/6572) [`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50) - Improve like/dislike functionality.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6566](https://github.com/gradio-app/gradio/pull/6566) [`d548202`](https://github.com/gradio-app/gradio/commit/d548202d2b5bd8a99e3ebc5bf56820b0282ce0f5) - Improve video trimming and error handling.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6653](https://github.com/gradio-app/gradio/pull/6653) [`d92c819`](https://github.com/gradio-app/gradio/commit/d92c8194191d0e3530d6780a72d6f5c4c545e175) - Add concurrency_limit to ChatInterface, add IDE support for concurrency_limit.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6551](https://github.com/gradio-app/gradio/pull/6551) [`8fc562a`](https://github.com/gradio-app/gradio/commit/8fc562a8abc0932fc312ac33bcc015f6cf2700f6) - Add `show_recording_waveform` to Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6550](https://github.com/gradio-app/gradio/pull/6550) [`3156598`](https://github.com/gradio-app/gradio/commit/315659817e5e67a04a1375d35ea6fa58d20622d2) - Make FileExplorer work on python 3.8 and 3.9. Also make it update on changes to root, glob, or glob_dir.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6602](https://github.com/gradio-app/gradio/pull/6602) [`b8034a1`](https://github.com/gradio-app/gradio/commit/b8034a1e72c3aac649ee0ad9178ffdbaaa60fc61) - Fix: Gradio Client work with private Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.7.1
+
+### Features
+
+- [#6537](https://github.com/gradio-app/gradio/pull/6537) [`6d3fecfa4`](https://github.com/gradio-app/gradio/commit/6d3fecfa42dde1c70a60c397434c88db77289be6) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#6530](https://github.com/gradio-app/gradio/pull/6530) [`13ef0f0ca`](https://github.com/gradio-app/gradio/commit/13ef0f0caa13e5a1cea70d572684122419419599) - Quick fix: Make component interactive when it is in focus.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.6.0
+
+### Features
+
+- [#6532](https://github.com/gradio-app/gradio/pull/6532) [`96290d304`](https://github.com/gradio-app/gradio/commit/96290d304a61064b52c10a54b2feeb09ca007542) - tweak deps.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6511](https://github.com/gradio-app/gradio/pull/6511) [`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a) - Mark `FileData.orig_name` optional on the frontend aligning the type definition on the Python side.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6520](https://github.com/gradio-app/gradio/pull/6520) [`f94db6b73`](https://github.com/gradio-app/gradio/commit/f94db6b7319be902428887867500311a6a32a165) - File table style with accessible file name texts.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6523](https://github.com/gradio-app/gradio/pull/6523) [`63f466882`](https://github.com/gradio-app/gradio/commit/63f466882104453b56a7f52c6bea5b5d497ec698) - Fix typo in base.py.  Thanks [@eltociear](https://github.com/eltociear)!
+- [#6296](https://github.com/gradio-app/gradio/pull/6296) [`46f13f496`](https://github.com/gradio-app/gradio/commit/46f13f4968c8177e318c9d75f2eed1ed55c2c042) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#6517](https://github.com/gradio-app/gradio/pull/6517) [`901f3eebd`](https://github.com/gradio-app/gradio/commit/901f3eebda0a67fa8f3050d80f7f7b5800c7f566) - Allow reselecting the original option in `gr.Dropdown` after value has changed programmatically.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6538](https://github.com/gradio-app/gradio/pull/6538) [`147926196`](https://github.com/gradio-app/gradio/commit/147926196a074d3fe62e59b5a80997e133c0f707) - Some tweaks to `ImageEditor`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6518](https://github.com/gradio-app/gradio/pull/6518) [`d4e3a5189`](https://github.com/gradio-app/gradio/commit/d4e3a518905620c184a0315ff3bdfbf5e7945bd6) - Allows setting parameters of `gr.ChatInterface`'s `Accordion`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6528](https://github.com/gradio-app/gradio/pull/6528) [`f53b01cbf`](https://github.com/gradio-app/gradio/commit/f53b01cbfbfccec66e0cda1d428ef72f05a3dfc0) - Fix Theme Dropdown in deployed theme space.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6546](https://github.com/gradio-app/gradio/pull/6546) [`a424fdbb2`](https://github.com/gradio-app/gradio/commit/a424fdbb2389219661b9a73197f4cc095a08cfe9) - Ensure audio waveform `autoplay` updates.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6536](https://github.com/gradio-app/gradio/pull/6536) [`1bbd6cab3`](https://github.com/gradio-app/gradio/commit/1bbd6cab3f0abe183b514b82061f0937c8480966) - Fix undefined `data` TypeError in Blocks.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6500](https://github.com/gradio-app/gradio/pull/6500) [`830b6c0e6`](https://github.com/gradio-app/gradio/commit/830b6c0e6e52c4fa33fddfa4d3f6162e29801f74) - Process and convert .svg files in `Image`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.5.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6497](https://github.com/gradio-app/gradio/pull/6497) [`1baed201b`](https://github.com/gradio-app/gradio/commit/1baed201b12ecb5791146aed9a86b576c3595130) - Fix SourceFileReloader to watch the module with a qualified name to avoid importing a module with the same name from a different path.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6502](https://github.com/gradio-app/gradio/pull/6502) [`070f71c93`](https://github.com/gradio-app/gradio/commit/070f71c933d846ce8e2fe11cdd9bc0f3f897f29f) - Ensure image editor crop and draw cursor works as expected when the scroll position changes.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 4.4.1
+
+### Features
+
+- [#6467](https://github.com/gradio-app/gradio/pull/6467) [`739e3a5a0`](https://github.com/gradio-app/gradio/commit/739e3a5a09771a4a386cab0c6605156cf9fda7f6) - Fix dev mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 4.4.0
+
+### Features
+
+- [#6428](https://github.com/gradio-app/gradio/pull/6428) [`ac4ca59c9`](https://github.com/gradio-app/gradio/commit/ac4ca59c929bbe0bdf92155766883797d4e01ea0) - Extract video filenames correctly from URLs.  Thanks [@112292454](https://github.com/112292454)!
+- [#6461](https://github.com/gradio-app/gradio/pull/6461) [`6b53330a5`](https://github.com/gradio-app/gradio/commit/6b53330a5be53579d9128aea4858713082ce302d) - UploadButton tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6439](https://github.com/gradio-app/gradio/pull/6439) [`a1e3c61f4`](https://github.com/gradio-app/gradio/commit/a1e3c61f41b16166656b46254a201b37abcf20a8) - Allow setting a `default_concurrency_limit` other than 1.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6455](https://github.com/gradio-app/gradio/pull/6455) [`179f5bcde`](https://github.com/gradio-app/gradio/commit/179f5bcde16539bb9e828685d95dcd2167d3a215) - Add py.typed to gradio backend.  Thanks [@aleneum](https://github.com/aleneum)!
+- [#6436](https://github.com/gradio-app/gradio/pull/6436) [`58e3ca826`](https://github.com/gradio-app/gradio/commit/58e3ca8260a6635e10e7a7f141221c4f746e9386) - Custom Component CLI Improvements.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6462](https://github.com/gradio-app/gradio/pull/6462) [`2761b6d19`](https://github.com/gradio-app/gradio/commit/2761b6d197acc1c6a2fd9534e7633b463bd3f1e0) - Catch ValueError, KeyError when saving PIL Image.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6423](https://github.com/gradio-app/gradio/pull/6423) [`62d35c3d1`](https://github.com/gradio-app/gradio/commit/62d35c3d1b3e9d6e39bddbb32ff6b6cf9f1f7f72) - Issue 2085: Transformers object detection pipeline added.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6456](https://github.com/gradio-app/gradio/pull/6456) [`3953a1467`](https://github.com/gradio-app/gradio/commit/3953a146750b09161b50d972590cae8bf980990c) - Preserve original image extension in backend processing.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6427](https://github.com/gradio-app/gradio/pull/6427) [`e0fc14659`](https://github.com/gradio-app/gradio/commit/e0fc146598ba9b081bc5fa9616d0a41c2aba2427) - Allow google analytics to work on Spaces (and other iframe situations).  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6419](https://github.com/gradio-app/gradio/pull/6419) [`1959471a8`](https://github.com/gradio-app/gradio/commit/1959471a8d939275c7b9184913a5a6f92e567604) - Add download tests for audio/video.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6424](https://github.com/gradio-app/gradio/pull/6424) [`2727f45fb`](https://github.com/gradio-app/gradio/commit/2727f45fb0c9c3116a7e1a3f88cb3a401c4c7e93) - Do not show warnings when renaming api_names.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6437](https://github.com/gradio-app/gradio/pull/6437) [`727ae2597`](https://github.com/gradio-app/gradio/commit/727ae2597603f026d74d5acafac8709326300836) - chore: rename api_key to hf_token.  Thanks [@NickCrews](https://github.com/NickCrews)!
+
+### Fixes
+
+- [#6441](https://github.com/gradio-app/gradio/pull/6441) [`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521) - Small but important bugfixes for gr.Image: The upload event was not triggering at all. The paste-from-clipboard was not triggering an upload event. The clear button was not triggering a change event. The change event was triggering infinitely. Uploaded images were not preserving their original names. Uploading a new image should clear out the previous image.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6454](https://github.com/gradio-app/gradio/pull/6454) [`2777f326e`](https://github.com/gradio-app/gradio/commit/2777f326e595541fbec8ce14f56340b9e740f1da) - Ensure Audio ouput events are dispatched.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6254](https://github.com/gradio-app/gradio/pull/6254) [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a) - Add volume control to Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6457](https://github.com/gradio-app/gradio/pull/6457) [`d00fcf89d`](https://github.com/gradio-app/gradio/commit/d00fcf89d1c3ecbc910e81bb1311479ec2b73e4e) - Gradio custom component dev mode now detects changes to Example.svelte file.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6418](https://github.com/gradio-app/gradio/pull/6418) [`bce6ca109`](https://github.com/gradio-app/gradio/commit/bce6ca109feadd6ba94a69843689cefc381dd054) - Send more than one heartbeat message.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6425](https://github.com/gradio-app/gradio/pull/6425) [`b3ba17dd1`](https://github.com/gradio-app/gradio/commit/b3ba17dd1167d254756d93f1fb01e8be071819b6) - Update the selected indices in `Dropdown` when value changes programmatically.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.3.0
+
+### Features
+
+- [#6395](https://github.com/gradio-app/gradio/pull/6395) [`8ef48f852`](https://github.com/gradio-app/gradio/commit/8ef48f85241a0f06f4bcdaa0a2010917b3a536be) - Async functions and async generator functions with the `every` option to work.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6403](https://github.com/gradio-app/gradio/pull/6403) [`9cfeb4f17`](https://github.com/gradio-app/gradio/commit/9cfeb4f17e76efad7772e0cbe53dfb3e8310f565) - Remove  websockets dependency.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6406](https://github.com/gradio-app/gradio/pull/6406) [`0401c77f3`](https://github.com/gradio-app/gradio/commit/0401c77f3d35763b79e040dbe876e69083defd36) - Move ffmpeg to `Video` deps.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6099](https://github.com/gradio-app/gradio/pull/6099) [`d84209703`](https://github.com/gradio-app/gradio/commit/d84209703b7a0728cdb49221e543500ddb6a8d33) - Lite: SharedWorker mode.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6412](https://github.com/gradio-app/gradio/pull/6412) [`649f3ceb6`](https://github.com/gradio-app/gradio/commit/649f3ceb6c784c82fa88bdb7f04535f6419b14dd) - Added docs on gr.Examples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6378](https://github.com/gradio-app/gradio/pull/6378) [`d31d8c6ad`](https://github.com/gradio-app/gradio/commit/d31d8c6ad888aa4f094820d07288e9d0e2778521) - Allows `sources` to be a string for `gr.Image`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6382](https://github.com/gradio-app/gradio/pull/6382) [`2090aad73`](https://github.com/gradio-app/gradio/commit/2090aad731b186ef0a3f63ec2b4d1a6e3acb1754) - Move wavesurfer dep to js/audio.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6383](https://github.com/gradio-app/gradio/pull/6383) [`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486) - Fix event target.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6405](https://github.com/gradio-app/gradio/pull/6405) [`03491ef49`](https://github.com/gradio-app/gradio/commit/03491ef49708753fc51566c3dc17df09ae98fb98) - Fix docstrings and default value for `api_name`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6386](https://github.com/gradio-app/gradio/pull/6386) [`e76a9e8fc`](https://github.com/gradio-app/gradio/commit/e76a9e8fcbbfc393298de2aa539f2b152c0d6400) - Fix Chatbot Pending Message Issues.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6414](https://github.com/gradio-app/gradio/pull/6414) [`da1e31832`](https://github.com/gradio-app/gradio/commit/da1e31832f85ec76540e474ae35badfde8a18b6f) - Fix Model3D download button and other issues.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6379](https://github.com/gradio-app/gradio/pull/6379) [`de998b281`](https://github.com/gradio-app/gradio/commit/de998b28127ecef10c403890ff08674f527a3708) - Processes `avatar_images` for `gr.Chatbot` and `icon` for `gr.Button` correctly, so that respective files are moved to cache.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.2.0
+
+### Features
+
+- [#6333](https://github.com/gradio-app/gradio/pull/6333) [`42f76aeeb`](https://github.com/gradio-app/gradio/commit/42f76aeeb7b7263abccc038b699fb7fae7fe2313) - Add AsyncGenerator to the check-list of `dependencies.types.generator`.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6347](https://github.com/gradio-app/gradio/pull/6347) [`d64787b88`](https://github.com/gradio-app/gradio/commit/d64787b885a26ecb6771bfdd20aac33c8a90afe6) - Fix `colorFrom` in theme space readmes.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6363](https://github.com/gradio-app/gradio/pull/6363) [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d) - Fix image upload.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6356](https://github.com/gradio-app/gradio/pull/6356) [`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c) - Redesign file upload.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6343](https://github.com/gradio-app/gradio/pull/6343) [`37dd335e5`](https://github.com/gradio-app/gradio/commit/37dd335e5f04a8e689dd7f23ae24ad1934ea08d8) - Fix audio streaming output issues in 4.0.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6307](https://github.com/gradio-app/gradio/pull/6307) [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57) - Provide status updates on file uploads.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6368](https://github.com/gradio-app/gradio/pull/6368) [`8a3f45c26`](https://github.com/gradio-app/gradio/commit/8a3f45c2612a36112d797465e14cd6f1801ccbd9) - Fix component update bug.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6322](https://github.com/gradio-app/gradio/pull/6322) [`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120) - Fixes `gr.load()` so it works properly with Images and Examples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6323](https://github.com/gradio-app/gradio/pull/6323) [`55fda81fa`](https://github.com/gradio-app/gradio/commit/55fda81fa5918b48952729232d6e2fc55af9351d) - Textbox and Code Component Blur/Focus Fixes.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.1.2
+
+### Features
+
+- [#6318](https://github.com/gradio-app/gradio/pull/6318) [`d3b53a457`](https://github.com/gradio-app/gradio/commit/d3b53a4577ea05cd27e37ce7fec952028c18ed45) - Fix for stylized DataFrame.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6326](https://github.com/gradio-app/gradio/pull/6326) [`ed546f2e1`](https://github.com/gradio-app/gradio/commit/ed546f2e13915849b0306d017c40933b856bb792) - Fix Model3D template.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6310](https://github.com/gradio-app/gradio/pull/6310) [`dfdaf1092`](https://github.com/gradio-app/gradio/commit/dfdaf109263b7b88c125558028ee9609f817fd10) - Fix data model for `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6316](https://github.com/gradio-app/gradio/pull/6316) [`4b1011bab`](https://github.com/gradio-app/gradio/commit/4b1011bab03c0b6a09329e0beb9c1b17b2189878) - Maintain text selection in `Chatbot` button elements.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6327](https://github.com/gradio-app/gradio/pull/6327) [`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95) - Restore query parameters in request.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6317](https://github.com/gradio-app/gradio/pull/6317) [`19af2806a`](https://github.com/gradio-app/gradio/commit/19af2806a58419cc551d2d1d6d8987df0db91ccb) - Add autoplay to `waveform_settings`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6294](https://github.com/gradio-app/gradio/pull/6294) [`7ab73df48`](https://github.com/gradio-app/gradio/commit/7ab73df48ea9dc876c1eaedfb424fcead6326dc9) - fix regarding callable function error.  Thanks [@SrijanSahaySrivastava](https://github.com/SrijanSahaySrivastava)!
+- [#6279](https://github.com/gradio-app/gradio/pull/6279) [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780) - Ensure source selection does not get hidden in overflow.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6311](https://github.com/gradio-app/gradio/pull/6311) [`176c4d140`](https://github.com/gradio-app/gradio/commit/176c4d140000b1be698b6caf0d0efd26a5c7897d) - Temporary fix to be able to load themes from Hub.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6314](https://github.com/gradio-app/gradio/pull/6314) [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f) - Improve default source behaviour in Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6320](https://github.com/gradio-app/gradio/pull/6320) [`570866a3b`](https://github.com/gradio-app/gradio/commit/570866a3bd95a45a197afec38b982bbc6c7cd0a0) - Hide show API link when in gradio lite.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6309](https://github.com/gradio-app/gradio/pull/6309) [`c56128781`](https://github.com/gradio-app/gradio/commit/c561287812797aa1b6b464b0e76419350570ba83) - Fix updating choices in `gr.Dropdown` and updates related to other components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.1.1
+
+### Fixes
+
+- [#6288](https://github.com/gradio-app/gradio/pull/6288) [`92278729e`](https://github.com/gradio-app/gradio/commit/92278729ee008126af15ffe6be399236211b2f34) - Gallery preview fix and optionally skip download of urls in postprcess.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6289](https://github.com/gradio-app/gradio/pull/6289) [`5668036ee`](https://github.com/gradio-app/gradio/commit/5668036eef89051c1dbc5a74dc20988a3012ccbd) - Fix file upload on windows.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6290](https://github.com/gradio-app/gradio/pull/6290) [`e8216be94`](https://github.com/gradio-app/gradio/commit/e8216be948f76ce064595183d11e9148badf9421) - ensure `gr.Dataframe` updates as expected.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 4.1.0
+
+### Features
+
+- [#6261](https://github.com/gradio-app/gradio/pull/6261) [`8bbeca0e7`](https://github.com/gradio-app/gradio/commit/8bbeca0e772a5a2853d02a058b35abb2c15ffaf1) - Improve Embed and CDN handling and fix a couple of related bugs.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6241](https://github.com/gradio-app/gradio/pull/6241) [`61c155e9b`](https://github.com/gradio-app/gradio/commit/61c155e9ba0f8f7ebd5a2a71687597dafb842219) - Remove session if browser closed on mobile.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6227](https://github.com/gradio-app/gradio/pull/6227) [`4840b4bc2`](https://github.com/gradio-app/gradio/commit/4840b4bc297703d317cad9c0f566e857a20b9375) - Add that api routes are automatically named to CHANGELOG.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6240](https://github.com/gradio-app/gradio/pull/6240) [`dd901c1b0`](https://github.com/gradio-app/gradio/commit/dd901c1b0af73a78fca8b6875b2bb00f84071ac8) - Model3D panning, improved UX.  Thanks [@dylanebert](https://github.com/dylanebert)!
+- [#6272](https://github.com/gradio-app/gradio/pull/6272) [`12d8e90a1`](https://github.com/gradio-app/gradio/commit/12d8e90a1646374b46eb8258be7356c868d1cca3) - Fixes input `Image` component with `streaming=True`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6268](https://github.com/gradio-app/gradio/pull/6268) [`de36820ef`](https://github.com/gradio-app/gradio/commit/de36820ef51097b47937b41fb76e4038aaa369cb) - Fix various issues with demos on website.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6232](https://github.com/gradio-app/gradio/pull/6232) [`ac4f2bcde`](https://github.com/gradio-app/gradio/commit/ac4f2bcded61672bfe1d54c279d527de2eabdb7a) - Remove **kwargs from queue.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6255](https://github.com/gradio-app/gradio/pull/6255) [`e3ede2ff7`](https://github.com/gradio-app/gradio/commit/e3ede2ff7d4a36fb21bb0b146b8d5ad239c0e086) - Ensure Model 3D updates when attributes change.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#6266](https://github.com/gradio-app/gradio/pull/6266) [`e32bac894`](https://github.com/gradio-app/gradio/commit/e32bac8944c85e0ec4831963299889d6bbfa0351) - Fix updating interactive prop.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6213](https://github.com/gradio-app/gradio/pull/6213) [`27194a987`](https://github.com/gradio-app/gradio/commit/27194a987fa7ba1234b5fc0ce8bf7fabef7033a9) - Ensure the statustracker for `gr.Image` displays in static mode.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6234](https://github.com/gradio-app/gradio/pull/6234) [`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e) - Video/Audio fixes.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6236](https://github.com/gradio-app/gradio/pull/6236) [`6bce259c5`](https://github.com/gradio-app/gradio/commit/6bce259c5db7b21b327c2067e74ea20417bc89ec) - Ensure `gr.CheckboxGroup` updates as expected.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6262](https://github.com/gradio-app/gradio/pull/6262) [`afb72bd19`](https://github.com/gradio-app/gradio/commit/afb72bd1970e6c43ddba0638fe9861330bdabb64) - Fix bug where radio.select passes the previous value to the function instead of the selected value.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6231](https://github.com/gradio-app/gradio/pull/6231) [`3e31c1752`](https://github.com/gradio-app/gradio/commit/3e31c1752e0e5bf90339b816f9895529d9368bbd) - Add likeable to config for Chatbot.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6249](https://github.com/gradio-app/gradio/pull/6249) [`2cffcf3c3`](https://github.com/gradio-app/gradio/commit/2cffcf3c39acd782f314f8a406100ae22e0809b7) - ensure radios have different names.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6229](https://github.com/gradio-app/gradio/pull/6229) [`5cddd6588`](https://github.com/gradio-app/gradio/commit/5cddd658809d147fafef5e9502ccfab5bd105aa6) - Fixes: Initial message is overwrtitten in chat interface.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6277](https://github.com/gradio-app/gradio/pull/6277) [`5fe091367`](https://github.com/gradio-app/gradio/commit/5fe091367fbe0eecdd504aa734ca1c70b0621f52) - handle selected_index prop change for gallery.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6211](https://github.com/gradio-app/gradio/pull/6211) [`a4a931dd3`](https://github.com/gradio-app/gradio/commit/a4a931dd39a48bceac50486558b049ca7b874195) - fix`FileExplorer` preprocess.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5876](https://github.com/gradio-app/gradio/pull/5876) [`d7a1a6559`](https://github.com/gradio-app/gradio/commit/d7a1a6559005e6a1e0be03a3bd5212d1bc60d1ee) - Fix file overflow and add keyboard navigation to `FileExplorer`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.0.2
+
+### Fixes
+
+- [#6191](https://github.com/gradio-app/gradio/pull/6191) [`b555bc09f`](https://github.com/gradio-app/gradio/commit/b555bc09ffe8e58b10da6227e2f11a0c084aa71d) - fix cdn build.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 4.0.1
+
+### Features
+
+- [#6137](https://github.com/gradio-app/gradio/pull/6137) [`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb) - JS Param.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6181](https://github.com/gradio-app/gradio/pull/6181) [`62ec2075c`](https://github.com/gradio-app/gradio/commit/62ec2075ccad8025a7721a08d0f29eb5a4f87fad) - modify preprocess to use pydantic models.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.0.0
+
+### Highlights
+
+4.0 is a big release, so here are the main highlights:
+
+**1. Custom Components**: 
+We've introduced the ability to create and publish you own custom `gradio` components. A custom Gradio component is a combination of Python and JavaScript (specifically, Svelte) that you can write to fully customize a Gradio component. A custom component can be used just like a regular Gradio component (with `gr.Interface`, `gr.Blocks`, etc.) and can be published so that other users can use it within their apps. To get started with Custom Components, [read our quickstart guide here](https://www.gradio.app/guides/five-minute-guide).
+
+<img src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExMm9pbzhvaTd1MTFlM3FrMmRweTh1ZWZiMmpvemhpNnVvaXVoeDZ2byZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/V3N5jnv0D1eKbPYins/giphy.gif">
+
+**2. Redesigned Media Components and Accessibility**:
+
+We redesigned our media components (`gr.Audio`, `gr.Image`, and `gr.Video`) from scratch and improved accessibilty across the board. All components are now keyboard navigable and include better colors to be usable by a wider audience.
+
+<img src="https://media0.giphy.com/media/Kv1bAN7MX3ya5krkEU/giphy.gif">
+
+**3. Server Side Events**: 
+
+Gradio's built-in queuing system is now the default for every Gradio app. We now use Server Side Events instead of Websockets for the queue. SSE means everything is served over HTTP and has better device support and better scaling than websockets.
+
+<img style="width:50%" src="https://i.imgur.com/ewUIuUc.png">
+
+**4. Custom Share Servers**: 
+
+Gradio share links can now run on custom domains. You can now set up your own server to serve Gradio share links. To get started, [read our guide here](https://github.com/huggingface/frp/).
+
+<img style="width:50%" src="https://i.imgur.com/VFWVsqn.png">
+
+5. We now support adding arbitrary JS to your apps using the `js` parameter in Blocks, and arbitrary modifications to the <head> of your app using the `head` parameter in Blocks
+
+6. We no longer expose a user's working directory by default when you release a Gradio app. There are some other improvements around security as well.
+
+7. Previously, a Gradio app's API endpoints were exposed, allowing you to bypass the queue. As a Gradio developer, you needed to set `api_open=False` to prevent this misuse. We've now made this the default.
+
+8. You can now control whether a user should be able to trigger the same event multiple times (by using the `trigger_mode` parameter of each event)
+
+9. You now have fine-grained control over how many times each event can be running concurrently in the backend (using the `concurrency_limit` parameter of each event)
+
+10. We no longer serialize images into base64 before sending them to the server or on the way back. This should make any Gradio app that includes `gr.Image` components much faster.
+
+
+### Breaking Changes
+
+Gradio 4.0 is a new major version, and includes breaking changes from 3.x. Here's a list of all the breaking changes, along with migration steps where appropriate.
+
+**Components**: 
+
+* Removes `**kwarg` from every component, meaning that components cannot accept arbitrary (unused) parameters. Previously, warnings would be thrown.
+* Removes deprecated parameters. For example, `plain` is no longer an alias for `secondary` for the `variant` argument in the `gr.Button` class
+* Removes the deprecated `Carousel` class and `StatusTracker` class and `Box` layout class
+* Removes the deprecated `Variable` alias for `State`
+* Removes the deprecated `.style()` methods from component classes
+* Removes the deprecated `.update()` method from component classes
+* Removes `get_interpretation_neighbors()` and `get_interpretation_scores()` from component classes
+* Removes `deprecation.py` -- this was designed for internal usage so unlikely to break gradio apps
+* Moves save to cache methods from component methods to standalone functions in processing_utils
+* Renames `source` param in `gr.Audio` and `gr.Video` to `sources`
+* Removes `show_edit_button` param from `gr.Audio`
+* The `tool=` argument in `gr.Image()` has been removed. As of `gradio==4.5.0`, we have a new `gr.ImageEditor` component that takes its place. The `ImageEditor` component is a streamlined component that allows you to do basic manipulation of images. It supports setting a background image (which can be uploaded, pasted, or recorded through a webcam), as well the ability to "edit" the background image by using a brush to create strokes and an eraser to erase strokes in layers on top of the background image. See the **Migrating to Gradio 4.0** section below.
+
+**Other changes related to the `gradio` library**:
+
+* Removes the deprecated `status_tracker` parameter from events
+* Removes the deprecated `HuggingFaceDatasetJSONSaver` class
+* Now `Blocks.load()` can only be use an is instance method to attach an event that runs when the page loads. To use the class method, use `gr.load()` instead
+* Similarly, `Interface.load()` has been removed
+* If you are runnin Gradio 4.x, you can not `gr.load` a Space that is running Gradio 3.x. However, you can still use the client libraries (see changes to the client libraries below).
+* Removes deprecated parameters, such as `enable_queue` from `launch()`
+* Many of the positional arguments in launch() are now keyword only, and show_tips has been removed
+* Changes the format of flagged data to json instead of filepath for media and chatbot
+* Removes `gr.Series` and `gr.Parallel`
+* All API endpoints are named by deafult. If `api_name=None`, the api name is the name of the python function.
+
+
+**Changes related to the Client libraries**:
+
+* When using the gradio Client libraries in 3.x with any component that returned JSON data (including `gr.Chatbot`, `gr.Label`, and `gr.JSON`), the data would get saved to a file and the filepath would be returned. Similarly, you would have to pass input JSON as a filepath. Now, the JSON data is passed and returned directly, making it easier to work with these components using the clients. 
+
+### Migrating to Gradio 4.0
+
+Here are some concrete tips to help migrate to Gradio 4.0:
+
+#### **Using `allowed_paths`**
+
+Since the working directory is now not served by default, if you reference local files within your CSS or in a `gr.HTML` component using the `/file=` route, you will need to explicitly allow access to those files (or their parent directories) using the `allowed_paths` parameter in `launch()`
+
+For example, if your code looks like this:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HTML("<img src='/file=image.png' alt='image One'>")
+    
+demo.launch()
+```
+
+In order for the HTML component to be able to serve `image.png`, you will need to add `image.png` in `allowed_paths` like this:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HTML("<img src='/file=image.png' alt='image One'>")
+    
+demo.launch(allowed_paths=["image.png"])
+```
+
+or if you want to expose all files in your working directory as was the case in Gradio 3.x (not recommended if you plan to share your app with others), you could do:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HTML("<img src='/file=image.png' alt='image One'>")
+    
+demo.launch(allowed_paths=["."])
+```
+
+
+#### **Using `concurrency_limit` instead of `concurrency_count`**
+
+Previously, in Gradio 3.x, there was a single global `concurrency_count` parameter that controlled how many threads could execute tasks from the queue simultaneously. By default `concurrency_count` was 1, which meant that only a single event could be executed at a time (to avoid OOM errors when working with prediction functions that utilized a large amount of memory or GPU usage). You could bypass the queue by setting `queue=False`. 
+
+In Gradio 4.0, the `concurrency_count` parameter has been removed. You can still control the number of total threads by using the `max_threads` parameter. The default value of this parameter is `40`, but you don't have worry (as much) about OOM errors, because even though there are 40 threads, we use a single-worker-single-event model, which means each worker thread only executes a specific function. So effectively, each function has its own "concurrency count" of 1. If you'd like to change this behavior, you can do so by setting a parameter `concurrency_limit`, which is now a parameter of *each event*, not a global parameter. By default this is `1` for each event, but you can set it to a higher value, or to `None` if you'd like to allow an arbitrary number of executions of this event simultaneously. Events can also be grouped together using the `concurrency_id` parameter so that they share the same limit, and by default, events that call the same function share the same `concurrency_id`.
+
+Lastly, it should be noted that the default value of the `concurrency_limit` of all events in a Blocks (which is normally 1) can be changed using the `default_concurrency_limit` parameter in `Blocks.queue()`. You can set this to a higher integer or to `None`. This in turn sets the `concurrency_limit` of all events that don't have an explicit `conurrency_limit` specified. 
+
+To summarize migration:
+
+* For events that execute quickly or don't use much CPU or GPU resources, you should set `concurrency_limit=None` in Gradio 4.0. (Previously you would set `queue=False`.)
+* For events that take significant resources (like the prediction function of your machine learning model), and you only want 1 execution of this function at a time, you don't have to set any parameters.
+* For events that take significant resources (like the prediction function of your machine learning model), and you only want `X` executions of this function at a time, you should set `concurrency_limit=X` parameter in the event trigger.(Previously you would set a global `concurrency_count=X`.)
+
+
+**The new `ImageEditor` component**
+
+In Gradio 4.0, the `tool=` argument in `gr.Image()` was removed. It has been replaced, as of Gradio 4.5.0, with a new `gr.ImageEditor()` component. The `ImageEditor` component is a streamlined component that allows you to do basic manipulation of images. It supports setting a background image (which can be uploaded, pasted, or recorded through a webcam), as well the ability to "edit" the background by using a brush to create strokes and an eraser to erase strokes in layers on top of the background image.
+
+The `ImageEditor` component is much more performant and also offers much more flexibility to customize the component, particularly through the new `brush` and `eraser` arguments, which take `Brush` and `Eraser` objects respectively. 
+
+Here are some examples of how you might migrate from `Image(tool=...)` to `gr.ImageEditor()`. 
+
+* To create a sketchpad input that supports writing black strokes on a white background, you might have previously written:
+
+```py
+gr.Image(source="canvas", tools="sketch")
+```
+
+Now, you should write:
+
+```py
+gr.ImageEditor(sources=(), brush=gr.Brush(colors=["#000000"]))
+```
+
+Note: you can supply a list of supported stroke colors in `gr.Brush`, as well as control whether users can choose their own colors by setting the `color_mode` parameter of `gr.Brush` to be either `"fixed"` or `"defaults"`.
+
+* If you want to create a sketchpad where users can draw in any color, simply omit the `brush` parameter. In other words, where previously, you would do:
+
+```py
+gr.Image(source="canvas", tools="color-sketch")
+```
+
+Now, you should write:
+
+```py
+gr.ImageEditor(sources=())
+```
+
+
+* If you want to allow users to choose a background image and then draw on the image, previously, you would do:
+
+```py
+gr.Image(source="upload", tools="color-sketch")
+```
+
+Now, this is the default behavior of the `ImageEditor` component, so you should just write:
+
+```py
+gr.ImageEditor()
+```
+
+Unlike the `Image` component, which passes the input image as a single value into the prediction function, the `ImageEditor` passes a dictionary consisting of three key-value pairs:
+
+* the key `"background"`, whose value is the background image
+* the key `"layers"`, which consists of a list of values, with the strokes in each layer corresponding to one list element.
+* the key `"composite"`, whose value is to the complete image consisting of background image and all of the strokes.
+
+The type of each value can be set by the `type` parameter (`"filepath"`, `"pil"`, or `"numpy"`, with the default being `"numpy"`), just like in the `Image` component.
+
+Please see the documentation of the `gr.ImageEditor` component for more details: https://www.gradio.app/docs/imageeditor
+
+### Features
+
+- [#6184](https://github.com/gradio-app/gradio/pull/6184) [`86edc0199`](https://github.com/gradio-app/gradio/commit/86edc01995d9f888bac093c44c3d4535fe6483b3) - Remove gr.mix.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6177](https://github.com/gradio-app/gradio/pull/6177) [`59f5a4e30`](https://github.com/gradio-app/gradio/commit/59f5a4e30ed9da1c6d6f6ab0886285150b3e89ec) - Part I: Remove serializes.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Don't serve files in working directory by default.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Small change to make `api_open=False` by default.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Add json schema unit tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Remove duplicate `elem_ids` from components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6182](https://github.com/gradio-app/gradio/pull/6182) [`911829ac2`](https://github.com/gradio-app/gradio/commit/911829ac278080fc81155d4b75502692e72fd3de) - Allow data at queue join.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Moves `gradio_cached_folder` inside the gradio temp direcotry.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - V4: Fix constructor_args.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Remove interpretation for good.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - pass props to example components and to example outputs.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Set api=False for cancel events.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Video Component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Try to trigger a major beta release.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6172](https://github.com/gradio-app/gradio/pull/6172) [`79c8156eb`](https://github.com/gradio-app/gradio/commit/79c8156ebbf35369dc9cfb1522f88df3cd49c89c) - Queue concurrency count.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Open source FRP server and allow `gradio` to connect to custom share servers.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - File upload optimization.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Removes deprecated arguments and parameters from v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - V4: Use async version of shutil in upload route.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - V4: Set cache dir for some component tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Proposal: sample demo for custom components should be a `gr.Interface`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix cc build.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - --overwrite deletes previous content.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Swap websockets for SSE.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6153](https://github.com/gradio-app/gradio/pull/6153) [`1162ed621`](https://github.com/gradio-app/gradio/commit/1162ed6217fe58d66a1923834c390150599ad81f) - Remove `show_edit_button` param in Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6124](https://github.com/gradio-app/gradio/pull/6124) [`a7435ba9e`](https://github.com/gradio-app/gradio/commit/a7435ba9e6f8b88a838e80893eb8fedf60ccda67) - Fix static issues with Lite on v4.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6142](https://github.com/gradio-app/gradio/pull/6142) [`103416d17`](https://github.com/gradio-app/gradio/commit/103416d17f021c82f5ff0583dcc2d80906ad279e) - JS READMEs and Storybook on Docs.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6128](https://github.com/gradio-app/gradio/pull/6128) [`9c3bf3175`](https://github.com/gradio-app/gradio/commit/9c3bf31751a414093d103e5a115772f3ef1a67aa) - Don't serve files in working directory by default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6138](https://github.com/gradio-app/gradio/pull/6138) [`d2dfc1b9a`](https://github.com/gradio-app/gradio/commit/d2dfc1b9a9bd4940f70b62066b1aeaa905b9c7a9) - Small change to make `api_open=False` by default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6152](https://github.com/gradio-app/gradio/pull/6152) [`982bff2fd`](https://github.com/gradio-app/gradio/commit/982bff2fdd938b798c400fb90d1cf0caf7278894) - Remove duplicate `elem_ids` from components.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6155](https://github.com/gradio-app/gradio/pull/6155) [`f71ea09ae`](https://github.com/gradio-app/gradio/commit/f71ea09ae796b85e9fe35956d426f0a19ee48f85) - Moves `gradio_cached_folder` inside the gradio temp direcotry.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6154](https://github.com/gradio-app/gradio/pull/6154) [`a8ef6d5dc`](https://github.com/gradio-app/gradio/commit/a8ef6d5dc97b35cc1da589d1a653209a3c327d98) - Remove interpretation for good.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6118](https://github.com/gradio-app/gradio/pull/6118) [`88bccfdba`](https://github.com/gradio-app/gradio/commit/88bccfdba3df2df4b2747ea5d649ed528047cf50) - Improve Video Component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6126](https://github.com/gradio-app/gradio/pull/6126) [`865a22d5c`](https://github.com/gradio-app/gradio/commit/865a22d5c60fd97aeca968e55580b403743a23ec) - Refactor `Blocks.load()` so that it is in the same style as the other listeners.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6098](https://github.com/gradio-app/gradio/pull/6098) [`c3bc515bf`](https://github.com/gradio-app/gradio/commit/c3bc515bf7d430427182143f7fb047bb4b9f4e5e) - Gradio custom component publish.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6157](https://github.com/gradio-app/gradio/pull/6157) [`db143bdd1`](https://github.com/gradio-app/gradio/commit/db143bdd13b830f3bfd513bbfbc0cd1403522b84) - Make output components not editable if they are being updated.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6091](https://github.com/gradio-app/gradio/pull/6091) [`d5d29c947`](https://github.com/gradio-app/gradio/commit/d5d29c947467e54a8514790894ffffba1c796772) - Open source FRP server and allow `gradio` to connect to custom share servers.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6129](https://github.com/gradio-app/gradio/pull/6129) [`0d261c6ec`](https://github.com/gradio-app/gradio/commit/0d261c6ec1e783e284336023885f67b2ce04084c) - Fix fallback demo app template code.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6140](https://github.com/gradio-app/gradio/pull/6140) [`71bf2702c`](https://github.com/gradio-app/gradio/commit/71bf2702cd5b810c89e2e53452532650acdcfb87) - Fix video.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6069](https://github.com/gradio-app/gradio/pull/6069) [`bf127e124`](https://github.com/gradio-app/gradio/commit/bf127e1241a41401e144874ea468dff8474eb505) - Swap websockets for SSE.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6082](https://github.com/gradio-app/gradio/pull/6082) [`037e5af33`](https://github.com/gradio-app/gradio/commit/037e5af3363c5b321b95efc955ee8d6ec0f4504e) - WIP: Fix docs.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6071](https://github.com/gradio-app/gradio/pull/6071) [`f08da1a6f`](https://github.com/gradio-app/gradio/commit/f08da1a6f288f6ab8ec40534d5a9e2c64bed4b3b) - Fixes markdown rendering in examples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5970](https://github.com/gradio-app/gradio/pull/5970) [`0c571c044`](https://github.com/gradio-app/gradio/commit/0c571c044035989d6fe33fc01fee63d1780635cb) - Add json schema unit tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6093](https://github.com/gradio-app/gradio/pull/6093) [`fadc057bb`](https://github.com/gradio-app/gradio/commit/fadc057bb7016f90dd94049c79fc10d38150c561) - V4: Fix constructor_args.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6014](https://github.com/gradio-app/gradio/pull/6014) [`cad537aac`](https://github.com/gradio-app/gradio/commit/cad537aac57998560c9f44a37499be734de66349) - pass props to example components and to example outputs.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5955](https://github.com/gradio-app/gradio/pull/5955) [`825c9cddc`](https://github.com/gradio-app/gradio/commit/825c9cddc83a09457d8c85ebeecb4bc705572d82) - Fix dev mode model3D.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6107](https://github.com/gradio-app/gradio/pull/6107) [`9a40de7bf`](https://github.com/gradio-app/gradio/commit/9a40de7bff5844c8a135e73c7d175eb02b63a966) - Fix: Move to cache in init postprocess + Fallback Fixes.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6018](https://github.com/gradio-app/gradio/pull/6018) [`184834d02`](https://github.com/gradio-app/gradio/commit/184834d02d448bff387eeb3aef64d9517962f146) - Add a cli command to list available templates.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6092](https://github.com/gradio-app/gradio/pull/6092) [`11d67ae75`](https://github.com/gradio-app/gradio/commit/11d67ae7529e0838565e4131b185c413489c5aa6) - Add a stand-alone install command and tidy-up the fallback template.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6026](https://github.com/gradio-app/gradio/pull/6026) [`338969af2`](https://github.com/gradio-app/gradio/commit/338969af290de032f9cdc204dab8a50be3bf3cc5) - V4: Single-file implementation of form components.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6114](https://github.com/gradio-app/gradio/pull/6114) [`39227b6fa`](https://github.com/gradio-app/gradio/commit/39227b6fac274d5f5b301bc14039571c1bfe510c) - Try to trigger a major beta release.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6060](https://github.com/gradio-app/gradio/pull/6060) [`447dfe06b`](https://github.com/gradio-app/gradio/commit/447dfe06bf19324d88696eb646fd1c5f1c4e86ed) - Clean up backend of `File` and `UploadButton` and change the return type of `preprocess()` from TemporaryFIle to string filepath.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6073](https://github.com/gradio-app/gradio/pull/6073) [`abff6fb75`](https://github.com/gradio-app/gradio/commit/abff6fb758bd310053a23c938bf1dd8fbdc5d333) - Fix remaining xfail tests in backend.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6089](https://github.com/gradio-app/gradio/pull/6089) [`cd8146ba0`](https://github.com/gradio-app/gradio/commit/cd8146ba053fbcb56cf5052e658e4570d457fb8a) - Update logos for v4.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5961](https://github.com/gradio-app/gradio/pull/5961) [`be2ed5e13`](https://github.com/gradio-app/gradio/commit/be2ed5e13222cbe5013b63b36685987518034a76) - File upload optimization.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5968](https://github.com/gradio-app/gradio/pull/5968) [`6b0bb5e6a`](https://github.com/gradio-app/gradio/commit/6b0bb5e6a252ce8c4ef38455a9f56f1dcda56ab0) - Removes deprecated arguments and parameters from v4.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6027](https://github.com/gradio-app/gradio/pull/6027) [`de18102b8`](https://github.com/gradio-app/gradio/commit/de18102b8ca38c1d6d6edfa8c0571b81089166bb) - V4: Fix component update bug.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5996](https://github.com/gradio-app/gradio/pull/5996) [`9cf40f76f`](https://github.com/gradio-app/gradio/commit/9cf40f76fed1c0f84b5a5336a9b0100f8a9b4ee3) - V4: Simple dropdown.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5990](https://github.com/gradio-app/gradio/pull/5990) [`85056de5c`](https://github.com/gradio-app/gradio/commit/85056de5cd4e90a10cbfcefab74037dbc622b26b) - V4: Simple textbox.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6077](https://github.com/gradio-app/gradio/pull/6077) [`35a227fbf`](https://github.com/gradio-app/gradio/commit/35a227fbfb0b0eb11806c0382c5f6910dc9777cf) - Proposal: sample demo for custom components should be a `gr.Interface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6079](https://github.com/gradio-app/gradio/pull/6079) [`3b2d9eaa3`](https://github.com/gradio-app/gradio/commit/3b2d9eaa3e84de3e4a0799e4585a94510d665f26) - fix cc build.  Thanks [@pngwn](https://github.com/pngwn)!
+
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Pending events behavior.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Reinstate types that were removed in error in #5832.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fixes: slider bar are too thin on FireFox.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6146](https://github.com/gradio-app/gradio/pull/6146) [`40a171ea6`](https://github.com/gradio-app/gradio/commit/40a171ea60c74afa9519d6cb159def16ce68e1ca) - Fix image double change bug.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6148](https://github.com/gradio-app/gradio/pull/6148) [`0000a1916`](https://github.com/gradio-app/gradio/commit/0000a191688c5480c977c80acdd0c9023865d57e) - fix dropdown arrow size.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6067](https://github.com/gradio-app/gradio/pull/6067) [`bf38e5f06`](https://github.com/gradio-app/gradio/commit/bf38e5f06a7039be913614901c308794fea83ae0) - remove dupe component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6065](https://github.com/gradio-app/gradio/pull/6065) [`7d07001e8`](https://github.com/gradio-app/gradio/commit/7d07001e8e7ca9cbd2251632667b3a043de49f49) - fix storybook.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5826](https://github.com/gradio-app/gradio/pull/5826) [`ce036c5d4`](https://github.com/gradio-app/gradio/commit/ce036c5d47e741e29812654bcc641ea6be876504) - Pending events behavior.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6042](https://github.com/gradio-app/gradio/pull/6042) [`e27997fe6`](https://github.com/gradio-app/gradio/commit/e27997fe6c2bcfebc7015fc26100cee9625eb13a) - Fix `root` when user is unauthenticated so that login page appears correctly.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6076](https://github.com/gradio-app/gradio/pull/6076) [`f3f98f923`](https://github.com/gradio-app/gradio/commit/f3f98f923c9db506284b8440e18a3ac7ddd8398b) - Lite error handler.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5984](https://github.com/gradio-app/gradio/pull/5984) [`66549d8d2`](https://github.com/gradio-app/gradio/commit/66549d8d256b1845c8c5efa0384695b36cb46eab) - Fixes: slider bar are too thin on FireFox.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+
+## 3.45.0-beta.13
+
+### Features
+
+- [#5964](https://github.com/gradio-app/gradio/pull/5964) [`5fbda0bd2`](https://github.com/gradio-app/gradio/commit/5fbda0bd2b2bbb2282249b8875d54acf87cd7e84) - Wasm release.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.45.0-beta.12
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - V4: Some misc fixes.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Add host to dev mode for vite.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`d2314e53b`](https://github.com/gradio-app/gradio/commit/d2314e53bc088ff6f307a122a9a01bafcdcff5c2) - BugFix: Make FileExplorer Component Templateable.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Use tags to identify custom component dirs and ignore uninstalled components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5956](https://github.com/gradio-app/gradio/pull/5956) [`f769876e0`](https://github.com/gradio-app/gradio/commit/f769876e0fa62336425c4e8ada5e09f38353ff01) - Apply formatter (and small refactoring) to the Lite-related frontend code.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Fix deployed demos on v4 branch.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Set api=False for cancel events.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Use full path to executables in CLI.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5949](https://github.com/gradio-app/gradio/pull/5949) [`1c390f101`](https://github.com/gradio-app/gradio/commit/1c390f10199142a41722ba493a0c86b58245da15) - Merge main again.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Simplify how files are handled in components in 4.0.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Name Endpoints if api_name is None.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5937](https://github.com/gradio-app/gradio/pull/5937) [`dcf13d750`](https://github.com/gradio-app/gradio/commit/dcf13d750b1465f905e062a1368ba754446cc23f) - V4: Update Component pyi file.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Rename gradio_component to gradio component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - V4: Use async version of shutil in upload route.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - V4: Set cache dir for some component tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5894](https://github.com/gradio-app/gradio/pull/5894) [`fee3d527e`](https://github.com/gradio-app/gradio/commit/fee3d527e83a615109cf937f6ca0a37662af2bb6) - Adds `column_widths` to `gr.Dataframe` and hide overflowing text when `wrap=False`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Better logs in dev mode.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5946](https://github.com/gradio-app/gradio/pull/5946) [`d0cc6b136`](https://github.com/gradio-app/gradio/commit/d0cc6b136fd59121f74d0c5a1a4b51740ffaa838) - fixup.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5944](https://github.com/gradio-app/gradio/pull/5944) [`465f58957`](https://github.com/gradio-app/gradio/commit/465f58957f70c7cf3e894beef8a117b28339e3c1) - Show empty JSON icon when `value` is `null`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Reinstate types that were removed in error in #5832.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.48.0
+
+### Features
+
+- [#5627](https://github.com/gradio-app/gradio/pull/5627) [`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5) - Lite: Make the Examples component display media files using pseudo HTTP requests to the Wasm server.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5821](https://github.com/gradio-app/gradio/pull/5821) [`1aa186220`](https://github.com/gradio-app/gradio/commit/1aa186220dfa8ee3621b818c4cdf4d7b9d690b40) - Lite: Fix Examples.create() to be a normal func so it can be called in the Wasm env.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5886](https://github.com/gradio-app/gradio/pull/5886) [`121f25b2d`](https://github.com/gradio-app/gradio/commit/121f25b2d50a33e1e06721b79e20b4f5651987ba) - Lite: Fix is_self_host() to detect `127.0.0.1` as localhost as well.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5915](https://github.com/gradio-app/gradio/pull/5915) [`e24163e15`](https://github.com/gradio-app/gradio/commit/e24163e15afdfc51ec8cb00a0dc46c2318b245be) - Added dimensionality check to avoid bad array dimensions.  Thanks [@THEGAMECHANGER416](https://github.com/THEGAMECHANGER416)!
+- [#5835](https://github.com/gradio-app/gradio/pull/5835) [`46334780d`](https://github.com/gradio-app/gradio/commit/46334780dbbb7e83f31971d45a7047ee156a0578) - Mention that audio is normalized when converting to wav in docs.  Thanks [@aileenvl](https://github.com/aileenvl)!
+- [#5877](https://github.com/gradio-app/gradio/pull/5877) [`a55b80942`](https://github.com/gradio-app/gradio/commit/a55b8094231ae462ac53f52bbdb460c1286ffabb) - Add styling (e.g. font colors and background colors) support to `gr.DataFrame` through the `pd.Styler` object.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5819](https://github.com/gradio-app/gradio/pull/5819) [`5f1cbc436`](https://github.com/gradio-app/gradio/commit/5f1cbc4363b09302334e9bc864587f8ef398550d) - Add support for gr.Request to gr.ChatInterface.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+- [#5901](https://github.com/gradio-app/gradio/pull/5901) [`c4e3a9274`](https://github.com/gradio-app/gradio/commit/c4e3a92743a3b41edad8b45c5d5b0ccbc2674a30) - Fix curly brackets in docstrings.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5934](https://github.com/gradio-app/gradio/pull/5934) [`8d909624f`](https://github.com/gradio-app/gradio/commit/8d909624f61a49536e3c0f71cb2d9efe91216219) - Fix styling issues with Audio, Image and Video components.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5864](https://github.com/gradio-app/gradio/pull/5864) [`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695) - Change `BlockLabel` element to use `<label>`.  Thanks [@aileenvl](https://github.com/aileenvl)!
+- [#5862](https://github.com/gradio-app/gradio/pull/5862) [`c07207e0b`](https://github.com/gradio-app/gradio/commit/c07207e0bc98cc32b6db629c432fadf877e451ff) - Remove deprecated `.update()` usage from Interface internals.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5905](https://github.com/gradio-app/gradio/pull/5905) [`b450cef15`](https://github.com/gradio-app/gradio/commit/b450cef15685c934ba7c4e4d57cbed233e925fb1) - Fix type the docstring of the Code component.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#5840](https://github.com/gradio-app/gradio/pull/5840) [`4e62b8493`](https://github.com/gradio-app/gradio/commit/4e62b8493dfce50bafafe49f1a5deb929d822103) - Ensure websocket polyfill doesn't load if there is already a `global.Webocket` property set.  Thanks [@Jay2theWhy](https://github.com/Jay2theWhy)!
+- [#5839](https://github.com/gradio-app/gradio/pull/5839) [`b83064da0`](https://github.com/gradio-app/gradio/commit/b83064da0005ca055fc15ee478cf064bf91702a4) - Fix error when scrolling dropdown with scrollbar.  Thanks [@Kit-p](https://github.com/Kit-p)!
+- [#5822](https://github.com/gradio-app/gradio/pull/5822) [`7b63db271`](https://github.com/gradio-app/gradio/commit/7b63db27161ab538f20cf8523fc04c9c3b604a98) - Convert async methods in the Examples class into normal sync methods.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5904](https://github.com/gradio-app/gradio/pull/5904) [`891d42e9b`](https://github.com/gradio-app/gradio/commit/891d42e9baa7ab85ede2a5eadb56c274b0ed2785) - Define Font.__repr__() to be printed in the doc in a readable format.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5811](https://github.com/gradio-app/gradio/pull/5811) [`1d5b15a2d`](https://github.com/gradio-app/gradio/commit/1d5b15a2d24387154f2cfb40a36de25b331471d3) - Assert refactor in external.py.  Thanks [@harry-urek](https://github.com/harry-urek)!
+- [#5827](https://github.com/gradio-app/gradio/pull/5827) [`48e09ee88`](https://github.com/gradio-app/gradio/commit/48e09ee88799efa38a5cc9b1b61e462f72ec6093) - Quick fix: Chatbot change event.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5890](https://github.com/gradio-app/gradio/pull/5890) [`c4ba832b3`](https://github.com/gradio-app/gradio/commit/c4ba832b318dad5e8bf565cfa0daf93ca188498f) - Remove deprecation warning from `gr.update` and clean up associated code.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5897](https://github.com/gradio-app/gradio/pull/5897) [`0592c301d`](https://github.com/gradio-app/gradio/commit/0592c301df9cd949b52159c85b7042f38d113e86) - Fix Dataframe `line_breaks`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5878](https://github.com/gradio-app/gradio/pull/5878) [`fbce277e5`](https://github.com/gradio-app/gradio/commit/fbce277e50c5885371fd49c68adf8565c25c1d39) - Keep Markdown rendered lists within dataframe cells.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5930](https://github.com/gradio-app/gradio/pull/5930) [`361823896`](https://github.com/gradio-app/gradio/commit/3618238960d54df65c34895f4eb69d08acc3f9b6) - Fix dataframe `line_breaks`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 3.47.1
+
+### Fixes
+
+- [#5816](https://github.com/gradio-app/gradio/pull/5816) [`796145e2c`](https://github.com/gradio-app/gradio/commit/796145e2c48c4087bec17f8ec0be4ceee47170cb) - Fix calls to the component server so that `gr.FileExplorer` works on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.47.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function. 
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Features
+
+- [#5780](https://github.com/gradio-app/gradio/pull/5780) [`ed0f9a21b`](https://github.com/gradio-app/gradio/commit/ed0f9a21b04ad6b941b63d2ce45100dbd1abd5c5) - Adds `change()` event to `gr.Gallery`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5783](https://github.com/gradio-app/gradio/pull/5783) [`4567788bd`](https://github.com/gradio-app/gradio/commit/4567788bd1fc25df9322902ba748012e392b520a) - Adds the ability to set the `selected_index` in a `gr.Gallery`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5787](https://github.com/gradio-app/gradio/pull/5787) [`caeee8bf7`](https://github.com/gradio-app/gradio/commit/caeee8bf7821fd5fe2f936ed82483bed00f613ec) - ensure the client does not depend on `window` when running in a node environment.  Thanks [@gibiee](https://github.com/gibiee)!
+
+### Fixes
+
+- [#5798](https://github.com/gradio-app/gradio/pull/5798) [`a0d3cc45c`](https://github.com/gradio-app/gradio/commit/a0d3cc45c6db48dc0db423c229b8fb285623cdc4) - Fix `gr.SelectData` so that the target attribute is correctly attached, and the filedata is included in the data attribute with `gr.Gallery`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5795](https://github.com/gradio-app/gradio/pull/5795) [`957ba5cfd`](https://github.com/gradio-app/gradio/commit/957ba5cfde18e09caedf31236a2064923cd7b282) - Prevent bokeh from injecting bokeh js multiple times.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5790](https://github.com/gradio-app/gradio/pull/5790) [`37e70842d`](https://github.com/gradio-app/gradio/commit/37e70842d59f5aed6fab0086b1abf4b8d991f1c9) - added try except block in `state.py`.  Thanks [@SrijanSahaySrivastava](https://github.com/SrijanSahaySrivastava)!
+- [#5794](https://github.com/gradio-app/gradio/pull/5794) [`f096c3ae1`](https://github.com/gradio-app/gradio/commit/f096c3ae168c0df00f90fe131c1e48c572e0574b) - Throw helpful error when media devices are not found.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5776](https://github.com/gradio-app/gradio/pull/5776) [`c0fef4454`](https://github.com/gradio-app/gradio/commit/c0fef44541bfa61568bdcfcdfc7d7d79869ab1df) - Revert replica proxy logic and instead implement using the `root` variable.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 3.46.1
+
+### Features
+
+- [#5124](https://github.com/gradio-app/gradio/pull/5124) [`6e56a0d9b`](https://github.com/gradio-app/gradio/commit/6e56a0d9b0c863e76c69e1183d9d40196922b4cd) - Lite: Websocket queueing.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#5775](https://github.com/gradio-app/gradio/pull/5775) [`e2874bc3c`](https://github.com/gradio-app/gradio/commit/e2874bc3cb1397574f77dbd7f0408ed4e6792970) - fix pending chatbot message styling and ensure messages with value `None` don't render.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 3.46.0
+
+### Features
+
+- [#5699](https://github.com/gradio-app/gradio/pull/5699) [`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2) - Improve chatbot accessibility and UX.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5569](https://github.com/gradio-app/gradio/pull/5569) [`2a5b9e03b`](https://github.com/gradio-app/gradio/commit/2a5b9e03b15ea324d641fe6982f26d81b1ca7210) - Added support for pandas `Styler` object to `gr.DataFrame` (initially just sets the `display_value`).  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5735](https://github.com/gradio-app/gradio/pull/5735) [`abb5e9df4`](https://github.com/gradio-app/gradio/commit/abb5e9df47989b2c56c2c312d74944678f9f2d4e) - Ensure images with no caption download in gallery.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5754](https://github.com/gradio-app/gradio/pull/5754) [`502054848`](https://github.com/gradio-app/gradio/commit/502054848fdbe39fc03ec42445242b4e49b7affc) - Fix Gallery `columns` and `rows` params.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5755](https://github.com/gradio-app/gradio/pull/5755) [`e842a561a`](https://github.com/gradio-app/gradio/commit/e842a561af4394f8109291ee5725bcf74743e816) - Fix new line issue in chatbot.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5731](https://github.com/gradio-app/gradio/pull/5731) [`c9af4f794`](https://github.com/gradio-app/gradio/commit/c9af4f794060e218193935d7213f0991a374f502) - Added timeout and error handling for frpc tunnel.  Thanks [@cansik](https://github.com/cansik)!
+- [#5766](https://github.com/gradio-app/gradio/pull/5766) [`ef96d3512`](https://github.com/gradio-app/gradio/commit/ef96d351229272738fc3c9680f7111f159590341) - Don't raise warnings when returning an updated component in a dictionary.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5767](https://github.com/gradio-app/gradio/pull/5767) [`caf6d9c0e`](https://github.com/gradio-app/gradio/commit/caf6d9c0e1f5b867cc20f2b4f6abb5ef47503a5f) - Set share=True for all Gradio apps in Colab by default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.45.2
+
+### Features
+
+- [#5722](https://github.com/gradio-app/gradio/pull/5722) [`dba651904`](https://github.com/gradio-app/gradio/commit/dba651904c97dcddcaae2691540ac430d3eefd18) - Fix for deepcopy errors when running the replica-related logic on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5721](https://github.com/gradio-app/gradio/pull/5721) [`84e03fe50`](https://github.com/gradio-app/gradio/commit/84e03fe506e08f1f81bac6d504c9fba7924f2d93) - Adds copy buttons to website, and better descriptions to API Docs.  Thanks [@aliabd](https://github.com/aliabd)!
+
+### Fixes
+
+- [#5714](https://github.com/gradio-app/gradio/pull/5714) [`a0fc5a296`](https://github.com/gradio-app/gradio/commit/a0fc5a29678baa2d9ba997a2124cadebecfb2c36) - Make Tab and Tabs updatable.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5713](https://github.com/gradio-app/gradio/pull/5713) [`c10dabd6b`](https://github.com/gradio-app/gradio/commit/c10dabd6b18b49259441eb5f956a19046f466339) - Fixes gr.select() Method Issues with Dataframe Cells.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5693](https://github.com/gradio-app/gradio/pull/5693) [`c2b31c396`](https://github.com/gradio-app/gradio/commit/c2b31c396f6d260cdf93377b715aee7ff162df75) - Context-based Progress tracker.  Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5705](https://github.com/gradio-app/gradio/pull/5705) [`78e7cf516`](https://github.com/gradio-app/gradio/commit/78e7cf5163e8d205e8999428fce4c02dbdece25f) - ensure internal data has updated before dispatching `success` or `then` events.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5668](https://github.com/gradio-app/gradio/pull/5668) [`d626c21e9`](https://github.com/gradio-app/gradio/commit/d626c21e91df026b04fdb3ee5c7dba74a261cfd3) - Fully resolve generated filepaths when running on Hugging Face Spaces with multiple replicas.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5711](https://github.com/gradio-app/gradio/pull/5711) [`aefb556ac`](https://github.com/gradio-app/gradio/commit/aefb556ac6dbadc320c618b11bb48371ef19dd61) - prevent internal log_message error from `/api/predict`.  Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5726](https://github.com/gradio-app/gradio/pull/5726) [`96c4b97c7`](https://github.com/gradio-app/gradio/commit/96c4b97c742311e90a87d8e8ee562c6ad765e9f0) - Adjust translation.  Thanks [@ylhsieh](https://github.com/ylhsieh)!
+- [#5732](https://github.com/gradio-app/gradio/pull/5732) [`3a48490bc`](https://github.com/gradio-app/gradio/commit/3a48490bc5e4136ec9bc0354b0d6fb6c04280505) - Add a bare `Component` type to the acceptable type list of `gr.load()`'s `inputs` and `outputs`.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 3.45.1
+
+### Fixes
+
+- [#5701](https://github.com/gradio-app/gradio/pull/5701) [`ee8eec1e5`](https://github.com/gradio-app/gradio/commit/ee8eec1e5e544a0127e0aa68c2522a7085b8ada5) - Fix for regression in rendering empty Markdown.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.45.0
+
+### Features
+
+- [#5675](https://github.com/gradio-app/gradio/pull/5675) [`b619e6f6e`](https://github.com/gradio-app/gradio/commit/b619e6f6e4ca55334fb86da53790e45a8f978566) - Reorganize Docs Navbar and Fill in Gaps.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5669](https://github.com/gradio-app/gradio/pull/5669) [`c5e969559`](https://github.com/gradio-app/gradio/commit/c5e969559612f956afcdb0c6f7b22ab8275bc49a) - Fix small issues in docs and guides.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5682](https://github.com/gradio-app/gradio/pull/5682) [`c57f1b75e`](https://github.com/gradio-app/gradio/commit/c57f1b75e272c76b0af4d6bd0c7f44743ff34f26) - Fix functional tests.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5681](https://github.com/gradio-app/gradio/pull/5681) [`40de3d217`](https://github.com/gradio-app/gradio/commit/40de3d2178b61ebe424b6f6228f94c0c6f679bea) - add query parameters to the `gr.Request` object through the `query_params` attribute.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+- [#5653](https://github.com/gradio-app/gradio/pull/5653) [`ea0e00b20`](https://github.com/gradio-app/gradio/commit/ea0e00b207b4b90a10e9d054c4202d4e705a29ba) - Prevent Clients from accessing API endpoints that set `api_name=False`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5639](https://github.com/gradio-app/gradio/pull/5639) [`e1874aff8`](https://github.com/gradio-app/gradio/commit/e1874aff814d13b23f3e59ef239cc13e18ad3fa7) - Add `gr.on` listener method.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5652](https://github.com/gradio-app/gradio/pull/5652) [`2e25d4305`](https://github.com/gradio-app/gradio/commit/2e25d430582264945ae3316acd04c4453a25ce38) - Pause autoscrolling if a user scrolls up in a `gr.Textbox` and resume autoscrolling if they go all the way down.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5642](https://github.com/gradio-app/gradio/pull/5642) [`21c7225bd`](https://github.com/gradio-app/gradio/commit/21c7225bda057117a9d3311854323520218720b5) - Improve plot rendering.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5677](https://github.com/gradio-app/gradio/pull/5677) [`9f9af327c`](https://github.com/gradio-app/gradio/commit/9f9af327c9115356433ec837f349d6286730fb97) - [Refactoring] Convert async functions that don't contain `await` statements to normal functions.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5660](https://github.com/gradio-app/gradio/pull/5660) [`d76555a12`](https://github.com/gradio-app/gradio/commit/d76555a122b545f0df7c9e7c1ca7bd2a6e262c86) - Fix secondary hue bug in gr.themes.builder().  Thanks [@hellofreckles](https://github.com/hellofreckles)!
+- [#5697](https://github.com/gradio-app/gradio/pull/5697) [`f4e4f82b5`](https://github.com/gradio-app/gradio/commit/f4e4f82b58a65efca9030a7e8e7c5ace60d8cc10) - Increase Slider clickable area.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5671](https://github.com/gradio-app/gradio/pull/5671) [`6a36c3b78`](https://github.com/gradio-app/gradio/commit/6a36c3b786700600d3826ce1e0629cc5308ddd47) - chore(deps): update dependency @types/prismjs to v1.26.1.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5240](https://github.com/gradio-app/gradio/pull/5240) [`da05e59a5`](https://github.com/gradio-app/gradio/commit/da05e59a53bbad15e5755a47f46685da18e1031e) - Cleanup of .update and .get_config per component.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  get_config is removed, the config used is simply any attribute that is in the Block that shares a name with one of the constructor paramaters./n  update is not removed for backwards compatibility, but deprecated. Instead return the component itself. Created a updateable decorator that simply checks to see if we're in an update, and if so, skips the constructor and wraps the args and kwargs in an update dictionary. easy peasy.
+- [#5635](https://github.com/gradio-app/gradio/pull/5635) [`38fafb9e2`](https://github.com/gradio-app/gradio/commit/38fafb9e2a5509b444942e1d5dd48dffa20066f4) - Fix typos in Gallery docs.  Thanks [@atesgoral](https://github.com/atesgoral)!
+- [#5590](https://github.com/gradio-app/gradio/pull/5590) [`d1ad1f671`](https://github.com/gradio-app/gradio/commit/d1ad1f671caef9f226eb3965f39164c256d8615c) - Attach `elem_classes` selectors to layout elements, and an id to the Tab button (for targeting via CSS/JS).  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5598](https://github.com/gradio-app/gradio/pull/5598) [`6b1714386`](https://github.com/gradio-app/gradio/commit/6b17143868bdd2c1400af1199a01c1c0d5c27477) - Upgrade Pyodide to 0.24.0 and install the native orjson package.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#5625](https://github.com/gradio-app/gradio/pull/5625) [`9ccc4794a`](https://github.com/gradio-app/gradio/commit/9ccc4794a72ce8319417119f6c370e7af3ffca6d) - Use ContextVar instead of threading.local().  Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5602](https://github.com/gradio-app/gradio/pull/5602) [`54d21d3f1`](https://github.com/gradio-app/gradio/commit/54d21d3f18f2ddd4e796d149a0b41461f49c711b) - Ensure `HighlightedText` with `merge_elements` loads without a value.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5636](https://github.com/gradio-app/gradio/pull/5636) [`fb5964fb8`](https://github.com/gradio-app/gradio/commit/fb5964fb88082e7b956853b543c468116811cab9) - Fix bug in example cache loading event.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5633](https://github.com/gradio-app/gradio/pull/5633) [`341402337`](https://github.com/gradio-app/gradio/commit/34140233794c29d4722020e13c2d045da642dfae) - Allow Gradio apps containing `gr.Radio()`, `gr.Checkboxgroup()`, or `gr.Dropdown()` to be loaded with `gr.load()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5616](https://github.com/gradio-app/gradio/pull/5616) [`7c34b434a`](https://github.com/gradio-app/gradio/commit/7c34b434aae0eb85f112a1dc8d66cefc7e2296b2) - Fix width and height issues that would cut off content in `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5604](https://github.com/gradio-app/gradio/pull/5604) [`faad01f8e`](https://github.com/gradio-app/gradio/commit/faad01f8e10ef6d18249b1a4587477c59b74adb2) - Add `render_markdown` parameter to chatbot.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5593](https://github.com/gradio-app/gradio/pull/5593) [`88d43bd12`](https://github.com/gradio-app/gradio/commit/88d43bd124792d216da445adef932a2b02f5f416) - Fixes avatar image in chatbot being squashed.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5690](https://github.com/gradio-app/gradio/pull/5690) [`6b8c8afd9`](https://github.com/gradio-app/gradio/commit/6b8c8afd981fea984da568e9a0bd8bfc2a9c06c4) - Fix incorrect behavior of `gr.load()` with `gr.Examples`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5696](https://github.com/gradio-app/gradio/pull/5696) [`e51fcd5d5`](https://github.com/gradio-app/gradio/commit/e51fcd5d54315e8b65ee40e3de4dab17579ff6d5) - setting share=True on Spaces or in wasm should warn instead of raising error.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.4
+
+### Features
+
+- [#5514](https://github.com/gradio-app/gradio/pull/5514) [`52f783175`](https://github.com/gradio-app/gradio/commit/52f7831751b432411e109bd41add4ab286023a8e) - refactor: Use package.json for version management.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+- [#5535](https://github.com/gradio-app/gradio/pull/5535) [`d29b1ab74`](https://github.com/gradio-app/gradio/commit/d29b1ab740784d8c70f9ab7bc38bbbf7dd3ff737) - Makes sliders consistent across all browsers.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Fixes
+
+- [#5587](https://github.com/gradio-app/gradio/pull/5587) [`e0d61b8ba`](https://github.com/gradio-app/gradio/commit/e0d61b8baa0f6293f53b9bdb1647d42f9ae2583a) - Fix `.clear()` events for audio and image.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5534](https://github.com/gradio-app/gradio/pull/5534) [`d9e9ae43f`](https://github.com/gradio-app/gradio/commit/d9e9ae43f5c52c1f729af5a20e5d4f754689d429) - Guide fixes, esp. streaming audio.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5588](https://github.com/gradio-app/gradio/pull/5588) [`acdeff57e`](https://github.com/gradio-app/gradio/commit/acdeff57ece4672f943c374d537eaf47d3ec034f) - Allow multiple instances of Gradio with authentication to run on different ports.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.3
+
+### Fixes
+
+- [#5562](https://github.com/gradio-app/gradio/pull/5562) [`50d9747d0`](https://github.com/gradio-app/gradio/commit/50d9747d061962cff7f60a8da648bb3781794102) - chore(deps): update dependency iframe-resizer to v4.3.7.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5550](https://github.com/gradio-app/gradio/pull/5550) [`4ed5902e7`](https://github.com/gradio-app/gradio/commit/4ed5902e7dda2d95cd43e4ccaaef520ddd8eba57) - Adding basque language.  Thanks [@EkhiAzur](https://github.com/EkhiAzur)!
+- [#5547](https://github.com/gradio-app/gradio/pull/5547) [`290f51871`](https://github.com/gradio-app/gradio/commit/290f5187160cdbd7a786494fe3c19b0e70abe167) - typo in UploadButton's docstring.  Thanks [@chaeheum3](https://github.com/chaeheum3)!
+- [#5553](https://github.com/gradio-app/gradio/pull/5553) [`d1bf23cd2`](https://github.com/gradio-app/gradio/commit/d1bf23cd2c6da3692d7753856bfe7564d84778e0) - Modify Image examples docstring.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5563](https://github.com/gradio-app/gradio/pull/5563) [`ba64082ed`](https://github.com/gradio-app/gradio/commit/ba64082ed80c1ed9113497ae089e63f032dbcc75) - preprocess for components when type='index'.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.2
+
+### Fixes
+
+- [#5537](https://github.com/gradio-app/gradio/pull/5537) [`301c7878`](https://github.com/gradio-app/gradio/commit/301c7878217f9fc531c0f28330b394f02955811b) - allow gr.Image() examples to take urls.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5544](https://github.com/gradio-app/gradio/pull/5544) [`a0cc9ac9`](https://github.com/gradio-app/gradio/commit/a0cc9ac931554e06dcb091158c9b9ac0cc580b6c) - Fixes dropdown breaking if a user types in invalid value and presses enter.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.1
+
+### Fixes
+
+- [#5516](https://github.com/gradio-app/gradio/pull/5516) [`c5fe8eba`](https://github.com/gradio-app/gradio/commit/c5fe8ebadbf206e2f4199ccde4606e331a22148a) - Fix docstring of dropdown.  Thanks [@hysts](https://github.com/hysts)!
+- [#5529](https://github.com/gradio-app/gradio/pull/5529) [`81c9ca9a`](https://github.com/gradio-app/gradio/commit/81c9ca9a2e00d19334f632fec32081d36ad54c7f) - Fix `.update()` method in `gr.Dropdown()` to handle `choices`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5528](https://github.com/gradio-app/gradio/pull/5528) [`dc86e4a7`](https://github.com/gradio-app/gradio/commit/dc86e4a7e1c40b910c74558e6f88fddf9b3292bc) - Lazy load all images.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5525](https://github.com/gradio-app/gradio/pull/5525) [`21f1db40`](https://github.com/gradio-app/gradio/commit/21f1db40de6d1717eba97a550e11422a457ba7e9) - Ensure input value saves on dropdown blur.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 3.44.0
+
+### Features
+
+- [#5505](https://github.com/gradio-app/gradio/pull/5505) [`9ee20f49`](https://github.com/gradio-app/gradio/commit/9ee20f499f62c1fe5af6b8f84918b3a334eb1c8d) - Validate i18n file names with ISO-639x.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5475](https://github.com/gradio-app/gradio/pull/5475) [`c60b89b0`](https://github.com/gradio-app/gradio/commit/c60b89b0a54758a27277f0a6aa20d0653647c7c8) - Adding Central Kurdish.  Thanks [@Hrazhan](https://github.com/Hrazhan)!
+- [#5400](https://github.com/gradio-app/gradio/pull/5400) [`d112e261`](https://github.com/gradio-app/gradio/commit/d112e2611b0fc79ecedfaed367571f3157211387) - Allow interactive input in `gr.HighlightedText`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5488](https://github.com/gradio-app/gradio/pull/5488) [`8909e42a`](https://github.com/gradio-app/gradio/commit/8909e42a7c6272358ad413588d27a5124d151205) - Adds `autoscroll` param to `gr.Textbox()`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5384](https://github.com/gradio-app/gradio/pull/5384) [`ddc02268`](https://github.com/gradio-app/gradio/commit/ddc02268f731bd2ed04b7a5854accf3383f9a0da) - Allows the `gr.Dropdown` to have separate names and values, as well as enables `allow_custom_value` for multiselect dropdown.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5473](https://github.com/gradio-app/gradio/pull/5473) [`b271e738`](https://github.com/gradio-app/gradio/commit/b271e738860ca238ecdee2991f49b505c7559016) - Remove except asyncio.CancelledError which is no longer necessary due to 53d7025.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5474](https://github.com/gradio-app/gradio/pull/5474) [`041560f9`](https://github.com/gradio-app/gradio/commit/041560f9f11ca2560005b467bb412ee1becfc2b2) - Fix queueing.call_prediction to retrieve the default response class in the same manner as FastAPI's implementation.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5510](https://github.com/gradio-app/gradio/pull/5510) [`afcf3c48`](https://github.com/gradio-app/gradio/commit/afcf3c48e82712067d6d00a0caedb1562eb986f8) - Do not expose existence of files outside of working directory.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5459](https://github.com/gradio-app/gradio/pull/5459) [`bd2fda77`](https://github.com/gradio-app/gradio/commit/bd2fda77fc98d815f4fb670f535af453ebee9b80) - Dispatch `stop_recording` event in Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5508](https://github.com/gradio-app/gradio/pull/5508) [`05715f55`](https://github.com/gradio-app/gradio/commit/05715f5599ae3e928d3183c7b0a7f5291f843a96) - Adds a `filterable` parameter to `gr.Dropdown` that controls whether user can type to filter choices.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5470](https://github.com/gradio-app/gradio/pull/5470) [`a4e010a9`](https://github.com/gradio-app/gradio/commit/a4e010a96f1d8a52b3ac645e03fe472b9c3cbbb1) - Fix share button position.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5496](https://github.com/gradio-app/gradio/pull/5496) [`82ec4d26`](https://github.com/gradio-app/gradio/commit/82ec4d2622a43c31b248b78e9410e2ac918f6035) - Allow interface with components to be run inside blocks.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.43.2
+
+### Fixes
+
+- [#5456](https://github.com/gradio-app/gradio/pull/5456) [`6e381c4f`](https://github.com/gradio-app/gradio/commit/6e381c4f146cc8177a4e2b8e39f914f09cd7ff0c) - ensure dataframe doesn't steal focus.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.43.1
+
+### Fixes
+
+- [#5445](https://github.com/gradio-app/gradio/pull/5445) [`67bb7bcb`](https://github.com/gradio-app/gradio/commit/67bb7bcb6a95b7a00a8bdf612cf147850d919a44) - ensure dataframe doesn't scroll unless needed.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5447](https://github.com/gradio-app/gradio/pull/5447) [`7a4a89e5`](https://github.com/gradio-app/gradio/commit/7a4a89e5ca1dedb39e5366867501584b0c636bbb) - ensure iframe is correct size on spaces.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.43.0
+
+### Features
+
+- [#5165](https://github.com/gradio-app/gradio/pull/5165) [`c77f05ab`](https://github.com/gradio-app/gradio/commit/c77f05abb65b2828c9c19af4ec0a0c09412f9f6a) - Fix the Queue to call API endpoints without internal HTTP routing.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5427](https://github.com/gradio-app/gradio/pull/5427) [`aad7acd7`](https://github.com/gradio-app/gradio/commit/aad7acd7128dca05b227ecbba06db9f94d65b088) - Add sort to bar plot.  Thanks [@Chaitanya134](https://github.com/Chaitanya134)!
+- [#5342](https://github.com/gradio-app/gradio/pull/5342) [`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912) - significantly improve the performance of `gr.Dataframe` for large datasets.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5417](https://github.com/gradio-app/gradio/pull/5417) [`d14d63e3`](https://github.com/gradio-app/gradio/commit/d14d63e30c4af3f9c2a664fd11b0a01943a8300c) - Auto scroll to bottom of textbox.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Fixes
+
+- [#5412](https://github.com/gradio-app/gradio/pull/5412) [`26fef8c7`](https://github.com/gradio-app/gradio/commit/26fef8c7f85a006c7e25cdbed1792df19c512d02) - Skip view_api request in js client when auth enabled.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5436](https://github.com/gradio-app/gradio/pull/5436) [`7ab4b70f`](https://github.com/gradio-app/gradio/commit/7ab4b70f6821afb4e85cef225d1235c19df8ebbf) - api_open does not take precedence over show_api.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 3.42.0
+
+### Highlights
+
+#### Like/Dislike Button for Chatbot ([#5391](https://github.com/gradio-app/gradio/pull/5391) [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db))
+
+ Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+#### Added the ability to attach event listeners via decorators ([#5395](https://github.com/gradio-app/gradio/pull/5395) [`55fed04f`](https://github.com/gradio-app/gradio/commit/55fed04f559becb9c24f22cc6292dc572d709886))
+
+e.g.
+
+```python
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+
+    @greet_btn.click(inputs=name, outputs=output)
+    def greet(name):
+        return "Hello " + name + "!"
+```
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Features
+
+- [#5334](https://github.com/gradio-app/gradio/pull/5334) [`c5bf9138`](https://github.com/gradio-app/gradio/commit/c5bf91385a632dc9f612499ee01166ac6ae509a9) - Add chat bubble width param.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5267](https://github.com/gradio-app/gradio/pull/5267) [`119c8343`](https://github.com/gradio-app/gradio/commit/119c834331bfae60d4742c8f20e9cdecdd67e8c2) - Faster reload mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5373](https://github.com/gradio-app/gradio/pull/5373) [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96) - Adds `height` and `zoom_speed` parameters to `Model3D` component, as well as a button to reset the camera position.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5370](https://github.com/gradio-app/gradio/pull/5370) [`61803c65`](https://github.com/gradio-app/gradio/commit/61803c6545e73fce47e8740bd46721ab9bb0ba5c) - chore(deps): update dependency extendable-media-recorder to v9.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5266](https://github.com/gradio-app/gradio/pull/5266) [`4ccb9a86`](https://github.com/gradio-app/gradio/commit/4ccb9a86f194c6997f80a09880edc3c2b0554aab) - Makes it possible to set the initial camera position for the `Model3D` component as a tuple of (alpha, beta, radius).  Thanks [@mbahri](https://github.com/mbahri)!
+- [#5271](https://github.com/gradio-app/gradio/pull/5271) [`97c3c7b1`](https://github.com/gradio-app/gradio/commit/97c3c7b1730407f9e80566af9ecb4ca7cccf62ff) - Move scripts from old website to CI.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5369](https://github.com/gradio-app/gradio/pull/5369) [`b8968898`](https://github.com/gradio-app/gradio/commit/b89688984fa9c6be0db06e392e6935a544620764) - Fix typo in utils.py.  Thanks [@eltociear](https://github.com/eltociear)!
+
+### Fixes
+
+- [#5304](https://github.com/gradio-app/gradio/pull/5304) [`05892302`](https://github.com/gradio-app/gradio/commit/05892302fb8fe2557d57834970a2b65aea97355b) - Adds kwarg to disable html sanitization in `gr.Chatbot()`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5366](https://github.com/gradio-app/gradio/pull/5366) [`0cc7e2dc`](https://github.com/gradio-app/gradio/commit/0cc7e2dcf60e216e0a30e2f85a9879ce3cb2a1bd) - Hide avatar when message none.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5393](https://github.com/gradio-app/gradio/pull/5393) [`e4e7a431`](https://github.com/gradio-app/gradio/commit/e4e7a4319924aaf51dcb18d07d0c9953d4011074) - Renders LaTeX that is added to the page in `gr.Markdown`, `gr.Chatbot`, and `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5394](https://github.com/gradio-app/gradio/pull/5394) [`4d94ea0a`](https://github.com/gradio-app/gradio/commit/4d94ea0a0cf2103cda19f48398a5634f8341d04d) - Adds horizontal scrolling to content that overflows in gr.Markdown.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5368](https://github.com/gradio-app/gradio/pull/5368) [`b27f7583`](https://github.com/gradio-app/gradio/commit/b27f7583254165b135bf1496a7d8c489a62ba96f) - Change markdown rendering to set breaks to false.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5360](https://github.com/gradio-app/gradio/pull/5360) [`64666525`](https://github.com/gradio-app/gradio/commit/6466652583e3c620df995fb865ef3511a34cb676) - Cancel Dropdown Filter.  Thanks [@deckar01](https://github.com/deckar01)!
+
+## 3.41.2
+
+### Features
+
+- [#5284](https://github.com/gradio-app/gradio/pull/5284) [`5f25eb68`](https://github.com/gradio-app/gradio/commit/5f25eb6836f6a78ce6208b53495a01e1fc1a1d2f) - Minor bug fix sweep.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  - Our use of __exit__ was catching errors and corrupting the traceback of any component that failed to instantiate (try running blocks_kitchen_sink off main for an example). Now the __exit__ exits immediately if there's been an exception, so the original exception can be printed cleanly/n  - HighlightedText was rendering weird, cleaned it up
+
+### Fixes
+
+- [#5319](https://github.com/gradio-app/gradio/pull/5319) [`3341148c`](https://github.com/gradio-app/gradio/commit/3341148c109b5458cc88435d27eb154210efc472) - Fix: wrap avatar-image in a div to clip its shape.  Thanks [@Keldos-Li](https://github.com/Keldos-Li)!
+- [#5340](https://github.com/gradio-app/gradio/pull/5340) [`df090e89`](https://github.com/gradio-app/gradio/commit/df090e89f74a16e4cb2b700a1e3263cabd2bdd91) - Fix Checkbox select dispatch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 3.41.1
+
+### Fixes
+
+- [#5324](https://github.com/gradio-app/gradio/pull/5324) [`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19) - ensure login form has correct styles.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5323](https://github.com/gradio-app/gradio/pull/5323) [`e32b0928`](https://github.com/gradio-app/gradio/commit/e32b0928d2d00342ca917ebb10c379ffc2ec200d) - ensure dropdown stays open when identical data is passed in.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.41.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+#### Enable streaming audio in python client ([#5248](https://github.com/gradio-app/gradio/pull/5248) [`390624d8`](https://github.com/gradio-app/gradio/commit/390624d8ad2b1308a5bf8384435fd0db98d8e29e))
+
+The `gradio_client` now supports streaming file outputs 🌊
+
+No new syntax! Connect to a gradio demo that supports streaming file outputs and call `predict` or `submit` as you normally would.
+
+```python
+import gradio_client as grc
+client = grc.Client("gradio/stream_audio_out")
+
+# Get the entire generated audio as a local file
+client.predict("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+job = client.submit("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+# Get the entire generated audio as a local file
+job.result()
+
+# Each individual chunk
+job.outputs()
+```
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+#### Add `render` function to `<gradio-app>` ([#5158](https://github.com/gradio-app/gradio/pull/5158) [`804fcc05`](https://github.com/gradio-app/gradio/commit/804fcc058e147f283ece67f1f353874e26235535))
+
+We now have an event `render` on the <gradio-app> web component, which is triggered once the embedded space has finished rendering.
+
+```html
+<script>
+	function handleLoadComplete() {
+		console.log("Embedded space has finished rendering");
+	}
+	const gradioApp = document.querySelector("gradio-app");
+	gradioApp.addEventListener("render", handleLoadComplete);
+</script>
+```
+
+ Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Features
+
+- [#5268](https://github.com/gradio-app/gradio/pull/5268) [`f49028cf`](https://github.com/gradio-app/gradio/commit/f49028cfe3e21097001ddbda71c560b3d8b42e1c) - Move markdown & latex processing to the frontend for the gr.Markdown and gr.DataFrame components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5283](https://github.com/gradio-app/gradio/pull/5283) [`a7460557`](https://github.com/gradio-app/gradio/commit/a74605572dd0d6bb41df6b38b120d656370dd67d) - Add height parameter and scrolling to `gr.Dataframe`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5232](https://github.com/gradio-app/gradio/pull/5232) [`c57d4c23`](https://github.com/gradio-app/gradio/commit/c57d4c232a97e03b4671f9e9edc3af456438fe89) - `gr.Radio` and `gr.CheckboxGroup` can now accept different names and values.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5219](https://github.com/gradio-app/gradio/pull/5219) [`e8fd4e4e`](https://github.com/gradio-app/gradio/commit/e8fd4e4ec68a6c974bc8c84b61f4a0ec50a85bc6) - Add `api_name` parameter to `gr.Interface`. Additionally, completely hide api page if show_api=False.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5280](https://github.com/gradio-app/gradio/pull/5280) [`a2f42e28`](https://github.com/gradio-app/gradio/commit/a2f42e28bd793bce4bed6d54164bb2a327a46fd5) - Allow updating the label of `gr.UpdateButton`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5112](https://github.com/gradio-app/gradio/pull/5112) [`1cefee7f`](https://github.com/gradio-app/gradio/commit/1cefee7fc05175aca23ba04b3a3fda7b97f49bf0) - chore(deps): update dependency marked to v7.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5260](https://github.com/gradio-app/gradio/pull/5260) [`a773eaf7`](https://github.com/gradio-app/gradio/commit/a773eaf7504abb53b99885b3454dc1e027adbb42) - Stop passing inputs and preprocessing on iterators.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#4943](https://github.com/gradio-app/gradio/pull/4943) [`947d615d`](https://github.com/gradio-app/gradio/commit/947d615db6f76519d0e8bc0d1a0d7edf89df267b) - Sign in with Hugging Face (OAuth support).  Thanks [@Wauplin](https://github.com/Wauplin)!
+- [#5298](https://github.com/gradio-app/gradio/pull/5298) [`cf167cd1`](https://github.com/gradio-app/gradio/commit/cf167cd1dd4acd9aee225ff1cb6fac0e849806ba) - Create event listener table for components on docs.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5173](https://github.com/gradio-app/gradio/pull/5173) [`730f0c1d`](https://github.com/gradio-app/gradio/commit/730f0c1d54792eb11359e40c9f2326e8a6e39203) - Ensure gradio client works as expected for functions that return nothing.  Thanks [@raymondtri](https://github.com/raymondtri)!
+- [#5188](https://github.com/gradio-app/gradio/pull/5188) [`b22e1888`](https://github.com/gradio-app/gradio/commit/b22e1888fcf0843520525c1e4b7e1fe73fdeb948) - Fix the images in the theme builder to use permanent URI.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5221](https://github.com/gradio-app/gradio/pull/5221) [`f344592a`](https://github.com/gradio-app/gradio/commit/f344592aeb1658013235ded154107f72d86f24e7) - Allows setting a height to `gr.File` and improves the UI of the component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5265](https://github.com/gradio-app/gradio/pull/5265) [`06982212`](https://github.com/gradio-app/gradio/commit/06982212dfbd613853133d5d0eebd75577967027) - Removes scrollbar from File preview when not needed.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5305](https://github.com/gradio-app/gradio/pull/5305) [`15075241`](https://github.com/gradio-app/gradio/commit/15075241fa7ad3f7fd9ae2a91e54faf8f19a46f9) - Rotate axes labels on LinePlot, BarPlot, and ScatterPlot.  Thanks [@Faiga91](https://github.com/Faiga91)!
+- [#5258](https://github.com/gradio-app/gradio/pull/5258) [`92282cea`](https://github.com/gradio-app/gradio/commit/92282cea6afdf7e9930ece1046d8a63be34b3cea) - Chatbot Avatar Images.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5244](https://github.com/gradio-app/gradio/pull/5244) [`b3e50db9`](https://github.com/gradio-app/gradio/commit/b3e50db92f452f376aa2cc081326d40bb69d6dd7) - Remove aiohttp dependency.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5264](https://github.com/gradio-app/gradio/pull/5264) [`46a2b600`](https://github.com/gradio-app/gradio/commit/46a2b600a7ff030a9ea1560b882b3bf3ad266bbc) - ensure translations for audio work correctly.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5256](https://github.com/gradio-app/gradio/pull/5256) [`933db53e`](https://github.com/gradio-app/gradio/commit/933db53e93a1229fdf149556d61da5c4c7e1a331) - Better handling of empty dataframe in `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5242](https://github.com/gradio-app/gradio/pull/5242) [`2b397791`](https://github.com/gradio-app/gradio/commit/2b397791fe2059e4beb72937ff0436f2d4d28b4b) - Fix message text overflow onto copy button in `gr.Chatbot`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5253](https://github.com/gradio-app/gradio/pull/5253) [`ddac7e4d`](https://github.com/gradio-app/gradio/commit/ddac7e4d0f55c3bdc6c3e9a9e24588b2563e4049) - Ensure File component uploads files to the server.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5179](https://github.com/gradio-app/gradio/pull/5179) [`6fb92b48`](https://github.com/gradio-app/gradio/commit/6fb92b48a916104db573602011a448b904d42e5e) - Fixes audio streaming issues.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5295](https://github.com/gradio-app/gradio/pull/5295) [`7b8fa8aa`](https://github.com/gradio-app/gradio/commit/7b8fa8aa58f95f5046b9add64b40368bd3f1b700) - Allow caching examples with streamed output.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5285](https://github.com/gradio-app/gradio/pull/5285) [`cdfd4217`](https://github.com/gradio-app/gradio/commit/cdfd42174a9c777eaee9c1209bf8e90d8c7791f2) - Tweaks to `icon` parameter in `gr.Button()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5122](https://github.com/gradio-app/gradio/pull/5122) [`3b805346`](https://github.com/gradio-app/gradio/commit/3b8053469aca6c7a86a6731e641e4400fc34d7d3) - Allows code block in chatbot to scroll horizontally.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5312](https://github.com/gradio-app/gradio/pull/5312) [`f769cb67`](https://github.com/gradio-app/gradio/commit/f769cb67149d8e209091508f06d87014acaed965) - only start listening for events after the components are mounted.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5254](https://github.com/gradio-app/gradio/pull/5254) [`c39f06e1`](https://github.com/gradio-app/gradio/commit/c39f06e16b9feea97984e4822df35a99c807461c) - Fix `.update()` for `gr.Radio()` and `gr.CheckboxGroup()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5231](https://github.com/gradio-app/gradio/pull/5231) [`87f1c2b4`](https://github.com/gradio-app/gradio/commit/87f1c2b4ac7c685c43477215fa5b96b6cbeffa05) - Allow `gr.Interface.from_pipeline()` and `gr.load()` to work within `gr.Blocks()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5238](https://github.com/gradio-app/gradio/pull/5238) [`de23e9f7`](https://github.com/gradio-app/gradio/commit/de23e9f7d67e685e791faf48a21f34121f6d094a) - Improve audio streaming.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  - Proper audio streaming with WAV files. We now do the proper processing to stream out wav files as a single stream of audio without any cracks in the seams./n  - Audio streaming with bytes. Stream any audio type by yielding out bytes, and it should work flawlessly.
+- [#5313](https://github.com/gradio-app/gradio/pull/5313) [`54bcb724`](https://github.com/gradio-app/gradio/commit/54bcb72417b2781ad9d7500ea0f89aa9d80f7d8f) - Restores missing part of bottom border on file component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5235](https://github.com/gradio-app/gradio/pull/5235) [`1ecf88ac`](https://github.com/gradio-app/gradio/commit/1ecf88ac5f20bc5a1c91792d1a68559575e6afd7) - fix #5229.  Thanks [@breengles](https://github.com/breengles)!
+- [#5276](https://github.com/gradio-app/gradio/pull/5276) [`502f1015`](https://github.com/gradio-app/gradio/commit/502f1015bf23b365bc32446dd2e549b0c5d0dc72) - Ensure `Blocks` translation copy renders correctly.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5296](https://github.com/gradio-app/gradio/pull/5296) [`a0f22626`](https://github.com/gradio-app/gradio/commit/a0f22626f2aff297754414bbc83d5c4cfe086ea0) - `make_waveform()` twitter video resolution fix.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 3.40.0
+
+### Highlights
+
+#### Client.predict will now return the final output for streaming endpoints ([#5057](https://github.com/gradio-app/gradio/pull/5057) [`35856f8b`](https://github.com/gradio-app/gradio/commit/35856f8b54548cae7bd3b8d6a4de69e1748283b2))
+
+### This is a breaking change (for gradio_client only)!
+
+Previously, `Client.predict` would only return the first output of an endpoint that streamed results. This was causing confusion for developers that wanted to call these streaming demos via the client.
+
+We realize that developers using the client don't know the internals of whether a demo streams or not, so we're changing the behavior of predict to match developer expectations.
+
+Using `Client.predict` will now return the final output of a streaming endpoint. This will make it even easier to use gradio apps via the client.
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+#### Gradio now supports streaming audio outputs
+
+Allows users to use generators to stream audio out, yielding consecutive chunks of audio. Requires `streaming=True` to be set on the output audio.
+
+```python
+import gradio as gr
+from pydub import AudioSegment
+
+def stream_audio(audio_file):
+    audio = AudioSegment.from_mp3(audio_file)
+    i = 0
+    chunk_size = 3000
+    
+    while chunk_size*i < len(audio):
+        chunk = audio[chunk_size*i:chunk_size*(i+1)]
+        i += 1
+        if chunk:
+            file = f"/tmp/{i}.mp3"
+            chunk.export(file, format="mp3")            
+            yield file
+        
+demo = gr.Interface(
+    fn=stream_audio,
+    inputs=gr.Audio(type="filepath", label="Audio file to stream"),
+    outputs=gr.Audio(autoplay=True, streaming=True),
+)
+
+demo.queue().launch()
+```
+
+From the backend, streamed outputs are served from the `/stream/` endpoint instead of the `/file/` endpoint. Currently just used to serve audio streaming output.  The output JSON will have `is_stream`: `true`, instead of `is_file`: `true` in the file data object. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Features
+
+- [#5081](https://github.com/gradio-app/gradio/pull/5081) [`d7f83823`](https://github.com/gradio-app/gradio/commit/d7f83823fbd7604456b0127d689a63eed759807d) - solve how can I config root_path dynamically? #4968. Thanks [@eastonsuo](https://github.com/eastonsuo)!
+- [#5025](https://github.com/gradio-app/gradio/pull/5025) [`6693660a`](https://github.com/gradio-app/gradio/commit/6693660a790996f8f481feaf22a8c49130d52d89) - Add download button to selected images in `Gallery`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5133](https://github.com/gradio-app/gradio/pull/5133) [`61129052`](https://github.com/gradio-app/gradio/commit/61129052ed1391a75c825c891d57fa0ad6c09fc8) - Update dependency esbuild to ^0.19.0. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5125](https://github.com/gradio-app/gradio/pull/5125) [`80be7a1c`](https://github.com/gradio-app/gradio/commit/80be7a1ca44c0adef1668367b2cf36b65e52e576) - chatbot conversation nodes can contain a copy button. Thanks [@fazpu](https://github.com/fazpu)!
+- [#5048](https://github.com/gradio-app/gradio/pull/5048) [`0b74a159`](https://github.com/gradio-app/gradio/commit/0b74a1595b30df744e32a2c358c07acb7fd1cfe5) - Use `importlib` in favor of deprecated `pkg_resources`. Thanks [@jayceslesar](https://github.com/jayceslesar)!
+- [#5045](https://github.com/gradio-app/gradio/pull/5045) [`3b9494f5`](https://github.com/gradio-app/gradio/commit/3b9494f5c57e6b52e6a040ce8d6b5141f780e84d) - Lite: Fix the analytics module to use asyncio to work in the Wasm env. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5046](https://github.com/gradio-app/gradio/pull/5046) [`5244c587`](https://github.com/gradio-app/gradio/commit/5244c5873c355cf3e2f0acb7d67fda3177ef8b0b) - Allow new lines in `HighlightedText` with `/n` and preserve whitespace. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5076](https://github.com/gradio-app/gradio/pull/5076) [`2745075a`](https://github.com/gradio-app/gradio/commit/2745075a26f80e0e16863d483401ff1b6c5ada7a) - Add deploy_discord to docs. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5116](https://github.com/gradio-app/gradio/pull/5116) [`0dc49b4c`](https://github.com/gradio-app/gradio/commit/0dc49b4c517706f572240f285313a881089ced79) - Add support for async functions and async generators to `gr.ChatInterface`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5047](https://github.com/gradio-app/gradio/pull/5047) [`883ac364`](https://github.com/gradio-app/gradio/commit/883ac364f69d92128774ac446ce49bdf8415fd7b) - Add `step` param to `Number`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5137](https://github.com/gradio-app/gradio/pull/5137) [`22aa5eba`](https://github.com/gradio-app/gradio/commit/22aa5eba3fee3f14473e4b0fac29cf72fe31ef04) - Use font size `--text-md` for `<code>` in Chatbot messages. Thanks [@jaywonchung](https://github.com/jaywonchung)!
+- [#5005](https://github.com/gradio-app/gradio/pull/5005) [`f5539c76`](https://github.com/gradio-app/gradio/commit/f5539c7618e31451420bd3228754774da14dc65f) - Enhancement: Add focus event to textbox and number component. Thanks [@JodyZ0203](https://github.com/JodyZ0203)!
+- [#5104](https://github.com/gradio-app/gradio/pull/5104) [`34f6b22e`](https://github.com/gradio-app/gradio/commit/34f6b22efbfedfa569d452f3f99ed2e6593e3c21) - Strip leading and trailing spaces from username in login route. Thanks [@sweep-ai](https://github.com/apps/sweep-ai)!
+- [#5149](https://github.com/gradio-app/gradio/pull/5149) [`144df459`](https://github.com/gradio-app/gradio/commit/144df459a3b7895e524defcfc4c03fbb8b083aca) - Add `show_edit_button` param to `gr.Audio`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5136](https://github.com/gradio-app/gradio/pull/5136) [`eaa1ce14`](https://github.com/gradio-app/gradio/commit/eaa1ce14ac41de1c23321e93f11f1b03a2f3c7f4) - Enhancing Tamil Translation: Language Refinement 🌟. Thanks [@sanjaiyan-dev](https://github.com/sanjaiyan-dev)!
+- [#5035](https://github.com/gradio-app/gradio/pull/5035) [`8b4eb8ca`](https://github.com/gradio-app/gradio/commit/8b4eb8cac9ea07bde31b44e2006ca2b7b5f4de36) - JS Client: Fixes cannot read properties of null (reading 'is_file'). Thanks [@raymondtri](https://github.com/raymondtri)!
+- [#5023](https://github.com/gradio-app/gradio/pull/5023) [`e6317d77`](https://github.com/gradio-app/gradio/commit/e6317d77f87d3dad638acca3dbc4a9228570e63c) - Update dependency extendable-media-recorder to v8. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5085](https://github.com/gradio-app/gradio/pull/5085) [`13e47835`](https://github.com/gradio-app/gradio/commit/13e478353532c4af18cfa50772f8b6fb3c6c9818) - chore(deps): update dependency extendable-media-recorder to v8. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5080](https://github.com/gradio-app/gradio/pull/5080) [`37caa2e0`](https://github.com/gradio-app/gradio/commit/37caa2e0fe95d6cab8beb174580fb557904f137f) - Add icon and link params to `gr.Button`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5062](https://github.com/gradio-app/gradio/pull/5062) [`7d897165`](https://github.com/gradio-app/gradio/commit/7d89716519d0751072792c9bbda668ffeb597296) - `gr.Dropdown` now has correct behavior in static mode as well as when an option is selected. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5077](https://github.com/gradio-app/gradio/pull/5077) [`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd) - Live audio streaming output
+- [#5118](https://github.com/gradio-app/gradio/pull/5118) [`1b017e68`](https://github.com/gradio-app/gradio/commit/1b017e68f6a9623cc2ec085bd20e056229552028) - Add `interactive` args to `gr.ColorPicker`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5114](https://github.com/gradio-app/gradio/pull/5114) [`56d2609d`](https://github.com/gradio-app/gradio/commit/56d2609de93387a75dc82b1c06c1240c5b28c0b8) - Reset textbox value to empty string when value is None. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5075](https://github.com/gradio-app/gradio/pull/5075) [`67265a58`](https://github.com/gradio-app/gradio/commit/67265a58027ef1f9e4c0eb849a532f72eaebde48) - Allow supporting >1000 files in `gr.File()` and `gr.UploadButton()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5135](https://github.com/gradio-app/gradio/pull/5135) [`80727bbe`](https://github.com/gradio-app/gradio/commit/80727bbe2c6d631022054edf01515017691b3bdd) - Fix dataset features and dataset preview for HuggingFaceDatasetSaver. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5039](https://github.com/gradio-app/gradio/pull/5039) [`620e4645`](https://github.com/gradio-app/gradio/commit/620e46452729d6d4877b3fab84a65daf2f2b7bc6) - `gr.Dropdown()` now supports values with arbitrary characters and doesn't clear value when re-focused. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5061](https://github.com/gradio-app/gradio/pull/5061) [`136adc9c`](https://github.com/gradio-app/gradio/commit/136adc9ccb23e5cb4d02d2e88f23f0b850041f98) - Ensure `gradio_client` is backwards compatible with `gradio==3.24.1`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5129](https://github.com/gradio-app/gradio/pull/5129) [`97d804c7`](https://github.com/gradio-app/gradio/commit/97d804c748be9acfe27b8369dd2d64d61f43c2e7) - [Spaces] ZeroGPU Queue fix. Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5140](https://github.com/gradio-app/gradio/pull/5140) [`cd1353fa`](https://github.com/gradio-app/gradio/commit/cd1353fa3eb1b015f5860ca5d5a8e8d1aa4a831c) - Fixes the display of minutes in the video player. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5111](https://github.com/gradio-app/gradio/pull/5111) [`b84a35b7`](https://github.com/gradio-app/gradio/commit/b84a35b7b91eca947f787648ceb361b1d023427b) - Add icon and link to DuplicateButton. Thanks [@aliabd](https://github.com/aliabd)!
+- [#5030](https://github.com/gradio-app/gradio/pull/5030) [`f6c491b0`](https://github.com/gradio-app/gradio/commit/f6c491b079d335af633dd854c68eb26f9e61c552) - highlightedtext throws an error basing on model. Thanks [@rajeunoia](https://github.com/rajeunoia)!
+
+## 3.39.0
+
+### Highlights
+
+#### Create Discord Bots from Gradio Apps 🤖 ([#4960](https://github.com/gradio-app/gradio/pull/4960) [`46e4ef67`](https://github.com/gradio-app/gradio/commit/46e4ef67d287dd68a91473b73172b29cbad064bc))
+
+We're excited to announce that Gradio can now automatically create a discord bot from any `gr.ChatInterface` app.
+
+It's as easy as importing `gradio_client`, connecting to the app, and calling `deploy_discord`!
+
+_🦙 Turning Llama 2 70b into a discord bot 🦙_
+
+```python
+import gradio_client as grc
+grc.Client("ysharma/Explore_llamav2_with_TGI").deploy_discord(to_id="llama2-70b-discord-bot")
+```
+
+<img src="https://gradio-builds.s3.amazonaws.com/demo-files/discordbots/guide/llama_chat.gif">
+
+#### Getting started with template spaces
+
+To help get you started, we have created an organization on Hugging Face called [gradio-discord-bots](https://huggingface.co/gradio-discord-bots) with template spaces you can use to turn state of the art LLMs powered by Gradio to discord bots.
+
+Currently we have template spaces for:
+
+- [Llama-2-70b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-70b-chat-hf) powered by a FREE Hugging Face Inference Endpoint!
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-13b-chat-hf) powered by Hugging Face Inference Endpoints.
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/llama-2-13b-chat-transformers) powered by Hugging Face transformers.
+- [falcon-7b-instruct](https://huggingface.co/spaces/gradio-discord-bots/falcon-7b-instruct) powered by Hugging Face Inference Endpoints.
+- [gpt-3.5-turbo](https://huggingface.co/spaces/gradio-discord-bots/gpt-35-turbo), powered by openai. Requires an OpenAI key.
+
+But once again, you can deploy ANY `gr.ChatInterface` app exposed on the internet! So don't hesitate to try it on your own Chatbots.
+
+❗️ Additional Note ❗️: Technically, any gradio app that exposes an api route that takes in a single string and outputs a single string can be deployed to discord. But `gr.ChatInterface` apps naturally lend themselves to discord's chat functionality so we suggest you start with those.
+
+Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Features
+
+- [#4995](https://github.com/gradio-app/gradio/pull/4995) [`3f8c210b`](https://github.com/gradio-app/gradio/commit/3f8c210b01ef1ceaaf8ee73be4bf246b5b745bbf) - Implement left and right click in `Gallery` component and show implicit images in `Gallery` grid. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#4993](https://github.com/gradio-app/gradio/pull/4993) [`dc07a9f9`](https://github.com/gradio-app/gradio/commit/dc07a9f947de44b419d8384987a02dcf94977851) - Bringing back the "Add download button for audio" PR by [@leuryr](https://github.com/leuryr). Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#4979](https://github.com/gradio-app/gradio/pull/4979) [`44ac8ad0`](https://github.com/gradio-app/gradio/commit/44ac8ad08d82ea12c503dde5c78f999eb0452de2) - Allow setting sketch color default. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#4985](https://github.com/gradio-app/gradio/pull/4985) [`b74f8453`](https://github.com/gradio-app/gradio/commit/b74f8453034328f0e42da8e41785f5eb039b45d7) - Adds `additional_inputs` to `gr.ChatInterface`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#4997](https://github.com/gradio-app/gradio/pull/4997) [`41c83070`](https://github.com/gradio-app/gradio/commit/41c83070b01632084e7d29123048a96c1e261407) - Add CSS resets and specifiers to play nice with HF blog. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 3.38
+
+### New Features:
+
+- Provide a parameter `animate` (`False` by default) in `gr.make_waveform()` which animates the overlayed waveform by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4918](https://github.com/gradio-app/gradio/pull/4918)
+- Add `show_download_button` param to allow the download button in static Image components to be hidden by [@hannahblair](https://github.com/hannahblair) in [PR 4959](https://github.com/gradio-app/gradio/pull/4959)
+- Added autofocus argument to Textbox by [@aliabid94](https://github.com/aliabid94) in [PR 4978](https://github.com/gradio-app/gradio/pull/4978)
+- The `gr.ChatInterface` UI now converts the "Submit" button to a "Stop" button in ChatInterface while streaming, which can be used to pause generation. By [@abidlabs](https://github.com/abidlabs) in [PR 4971](https://github.com/gradio-app/gradio/pull/4971).
+- Add a `border_color_accent_subdued` theme variable to add a subdued border color to accented items. This is used by chatbot user messages. Set the value of this variable in `Default` theme to `*primary_200`. By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4989](https://github.com/gradio-app/gradio/pull/4989)
+- Add default sketch color argument `brush_color`. Also, masks drawn on images are now slightly translucent (and mask color can also be set via brush_color). By [@aliabid94](https://github.com/aliabid94) in [PR 4979](https://github.com/gradio-app/gradio/pull/4979)
+
+### Bug Fixes:
+
+- Fixes `cancels` for generators so that if a generator is canceled before it is complete, subsequent runs of the event do not continue from the previous iteration, but rather start from the beginning. By [@abidlabs](https://github.com/abidlabs) in [PR 4969](https://github.com/gradio-app/gradio/pull/4969).
+- Use `gr.State` in `gr.ChatInterface` to reduce latency by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4976](https://github.com/gradio-app/gradio/pull/4976)
+- Fix bug with `gr.Interface` where component labels inferred from handler parameters were including special args like `gr.Request` or `gr.EventData`. By [@cbensimon](https://github.com/cbensimon) in [PR 4956](https://github.com/gradio-app/gradio/pull/4956)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Other Changes:
+
+- Apply pyright to the `components` directory by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4948](https://github.com/gradio-app/gradio/pull/4948)
+- Improved look of ChatInterface by [@aliabid94](https://github.com/aliabid94) in [PR 4978](https://github.com/gradio-app/gradio/pull/4978)
+
+## 3.37
+
+### New Features:
+
+Introducing a new `gr.ChatInterface` abstraction, which allows Gradio users to build fully functioning Chat interfaces very easily. The only required parameter is a chat function `fn`, which accepts a (string) user input `message` and a (list of lists) chat `history` and returns a (string) response. Here's a toy example:
+
+```py
+import gradio as gr
+
+def echo(message, history):
+    return message
+
+demo = gr.ChatInterface(fn=echo, examples=["hello", "hola", "merhaba"], title="Echo Bot")
+demo.launch()
+```
+
+Which produces:
+
+<img width="1291" alt="image" src="https://github.com/gradio-app/gradio/assets/1778297/ae94fd72-c2bb-406e-9e8d-7b9c12e80119">
+
+And a corresponding easy-to-use API at `/chat`:
+
+<img width="1164" alt="image" src="https://github.com/gradio-app/gradio/assets/1778297/7b10d6db-6476-4e2e-bebd-ecda802c3b8f">
+
+The `gr.ChatInterface` abstraction works nicely with various LLM libraries, such as `langchain`. See the [dedicated guide](https://gradio.app/guides/creating-a-chatbot-fast) for more examples using `gr.ChatInterface`. Collective team effort in [PR 4869](https://github.com/gradio-app/gradio/pull/4869)
+
+- Chatbot messages now show hyperlinks to download files uploaded to `gr.Chatbot()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4848](https://github.com/gradio-app/gradio/pull/4848)
+- Cached examples now work with generators and async generators by [@abidlabs](https://github.com/abidlabs) in [PR 4927](https://github.com/gradio-app/gradio/pull/4927)
+- Add RTL support to `gr.Markdown`, `gr.Chatbot`, `gr.Textbox` (via the `rtl` boolean parameter) and text-alignment to `gr.Textbox`(via the string `text_align` parameter) by [@abidlabs](https://github.com/abidlabs) in [PR 4933](https://github.com/gradio-app/gradio/pull/4933)
+
+Examples of usage:
+
+```py
+with gr.Blocks() as demo:
+    gr.Textbox(interactive=True, text_align="right")
+demo.launch()
+```
+
+```py
+with gr.Blocks() as demo:
+    gr.Markdown("سلام", rtl=True)
+demo.launch()
+```
+
+- The `get_api_info` method of `Blocks` now supports layout output components [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4871](https://github.com/gradio-app/gradio/pull/4871)
+
+- Added the support for the new command `gradio environment`to make it easier for people to file bug reports if we shipped an easy command to list the OS, gradio version, and versions of gradio/gradio-client dependencies. bu [@varshneydevansh](https://github.com/varshneydevansh) in [PR 4915](https://github.com/gradio-app/gradio/pull/4915).
+
+### Bug Fixes:
+
+- The `.change()` event is fixed in `Video` and `Image` so that it only fires once by [@abidlabs](https://github.com/abidlabs) in [PR 4793](https://github.com/gradio-app/gradio/pull/4793)
+- The `.change()` event is fixed in `Audio` so that fires when the component value is programmatically updated by [@abidlabs](https://github.com/abidlabs) in [PR 4793](https://github.com/gradio-app/gradio/pull/4793)
+
+* Add missing `display: flex` property to `Row` so that flex styling is applied to children by [@hannahblair] in [PR 4896](https://github.com/gradio-app/gradio/pull/4896)
+* Fixed bug where `gr.Video` could not preprocess urls by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4904](https://github.com/gradio-app/gradio/pull/4904)
+* Fixed copy button rendering in API page on Safari by [@aliabid94](https://github.com/aliabid94) in [PR 4924](https://github.com/gradio-app/gradio/pull/4924)
+* Fixed `gr.Group` and `container=False`. `container` parameter only available for `Textbox`, `Number`, and `Dropdown`, the only elements where it makes sense. By [@aliabid94](https://github.com/aliabid94) in [PR 4916](https://github.com/gradio-app/gradio/pull/4916)
+* Fixed broken image link in auto-generated `app.py` from `ThemeClass.push_to_hub` by [@deepkyu](https://github.com/deepkyu) in [PR 4944](https://github.com/gradio-app/gradio/pull/4944)
+
+### Other Changes:
+
+- Warning on mobile that if a user leaves the tab, websocket connection may break. On broken connection, tries to rejoin queue and displays error conveying connection broke. By [@aliabid94](https://github.com/aliabid94) in [PR 4742](https://github.com/gradio-app/gradio/pull/4742)
+- Remove blocking network calls made before the local URL gets printed - these slow down the display of the local URL, especially when no internet is available. [@aliabid94](https://github.com/aliabid94) in [PR 4905](https://github.com/gradio-app/gradio/pull/4905).
+- Pinned dependencies to major versions to reduce the likelihood of a broken `gradio` due to changes in downstream dependencies by [@abidlabs](https://github.com/abidlabs) in [PR 4885](https://github.com/gradio-app/gradio/pull/4885)
+- Queue `max_size` defaults to parent Blocks `max_thread` when running on Spaces with ZeroGPU hardware. By [@cbensimon](https://github.com/cbensimon) in [PR 4937](https://github.com/gradio-app/gradio/pull/4937)
+
+### Breaking Changes:
+
+Motivated by the release of `pydantic==2.0`, which included breaking changes that broke a large number of Gradio apps, we've pinned many gradio dependencies. Note that pinned dependencies can cause downstream conflicts, so this may be a breaking change. That being said, we've kept the pins pretty loose, and we're expecting change to be better for the long-term stability of Gradio apps.
+
+## 3.36.1
+
+### New Features:
+
+- Hotfix to support pydantic v1 and v2 by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4835](https://github.com/gradio-app/gradio/pull/4835)
+
+### Bug Fixes:
+
+- Fix bug where `gr.File` change event was not triggered when the value was changed by another event by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4811](https://github.com/gradio-app/gradio/pull/4811)
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.36.0
+
+### New Features:
+
+- The `gr.Video`, `gr.Audio`, `gr.Image`, `gr.Chatbot`, and `gr.Gallery` components now include a share icon when deployed on Spaces. This behavior can be modified by setting the `show_share_button` parameter in the component classes. by [@aliabid94](https://github.com/aliabid94) in [PR 4651](https://github.com/gradio-app/gradio/pull/4651)
+- Allow the web component `space`, `src`, and `host` attributes to be updated dynamically by [@pngwn](https://github.com/pngwn) in [PR 4461](https://github.com/gradio-app/gradio/pull/4461)
+- Suggestion for Spaces Duplication built into Gradio, by [@aliabid94](https://github.com/aliabid94) in [PR 4458](https://github.com/gradio-app/gradio/pull/4458)
+- The `api_name` parameter now accepts `False` as a value, which means it does not show up in named or unnamed endpoints. By [@abidlabs](https://github.com/aliabid94) in [PR 4683](https://github.com/gradio-app/gradio/pull/4683)
+- Added support for `pathlib.Path` in `gr.Video`, `gr.Gallery`, and `gr.Chatbot` by [sunilkumardash9](https://github.com/sunilkumardash9) in [PR 4581](https://github.com/gradio-app/gradio/pull/4581).
+
+### Bug Fixes:
+
+- Updated components with `info` attribute to update when `update()` is called on them. by [@jebarpg](https://github.com/jebarpg) in [PR 4715](https://github.com/gradio-app/gradio/pull/4715).
+- Ensure the `Image` components undo button works mode is `mask` or `color-sketch` by [@amyorz](https://github.com/AmyOrz) in [PR 4692](https://github.com/gradio-app/gradio/pull/4692)
+- Load the iframe resizer external asset asynchronously, by [@akx](https://github.com/akx) in [PR 4336](https://github.com/gradio-app/gradio/pull/4336)
+- Restored missing imports in `gr.components` by [@abidlabs](https://github.com/abidlabs) in [PR 4566](https://github.com/gradio-app/gradio/pull/4566)
+- Fix bug where `select` event was not triggered in `gr.Gallery` if `height` was set to be large with `allow_preview=False` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4551](https://github.com/gradio-app/gradio/pull/4551)
+- Fix bug where setting `visible=False` in `gr.Group` event did not work by [@abidlabs](https://github.com/abidlabs) in [PR 4567](https://github.com/gradio-app/gradio/pull/4567)
+- Fix `make_waveform` to work with paths that contain spaces [@akx](https://github.com/akx) in [PR 4570](https://github.com/gradio-app/gradio/pull/4570) & [PR 4578](https://github.com/gradio-app/gradio/pull/4578)
+- Send captured data in `stop_recording` event for `gr.Audio` and `gr.Video` components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4554](https://github.com/gradio-app/gradio/pull/4554)
+- Fix bug in `gr.Gallery` where `height` and `object_fit` parameters where being ignored by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4576](https://github.com/gradio-app/gradio/pull/4576)
+- Fixes an HTML sanitization issue in DOMPurify where links in markdown were not opening in a new window by [@hannahblair] in [PR 4577](https://github.com/gradio-app/gradio/pull/4577)
+- Fixed Dropdown height rendering in Columns by [@aliabid94](https://github.com/aliabid94) in [PR 4584](https://github.com/gradio-app/gradio/pull/4584)
+- Fixed bug where `AnnotatedImage` css styling was causing the annotation masks to not be displayed correctly by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4628](https://github.com/gradio-app/gradio/pull/4628)
+- Ensure that Gradio does not silently fail when running on a port that is occupied by [@abidlabs](https://github.com/abidlabs) in [PR 4624](https://github.com/gradio-app/gradio/pull/4624).
+- Fix double upload bug that caused lag in file uploads by [@aliabid94](https://github.com/aliabid94) in [PR 4661](https://github.com/gradio-app/gradio/pull/4661)
+- `Progress` component now appears even when no `iterable` is specified in `tqdm` constructor by [@itrushkin](https://github.com/itrushkin) in [PR 4475](https://github.com/gradio-app/gradio/pull/4475)
+- Deprecation warnings now point at the user code using those deprecated features, instead of Gradio internals, by (https://github.com/akx) in [PR 4694](https://github.com/gradio-app/gradio/pull/4694)
+- Adapt column widths in gr.Examples based on content by [@pngwn](https://github.com/pngwn) & [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4700](https://github.com/gradio-app/gradio/pull/4700)
+- The `plot` parameter deprecation warnings should now only be emitted for `Image` components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4709](https://github.com/gradio-app/gradio/pull/4709)
+- Removed uncessessary `type` deprecation warning by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4709](https://github.com/gradio-app/gradio/pull/4709)
+- Ensure Audio autoplays works when `autoplay=True` and the video source is dynamically updated [@pngwn](https://github.com/pngwn) in [PR 4705](https://github.com/gradio-app/gradio/pull/4705)
+- When an error modal is shown in spaces, ensure we scroll to the top so it can be seen by [@pngwn](https://github.com/pngwn) in [PR 4712](https://github.com/gradio-app/gradio/pull/4712)
+- Update depedencies by [@pngwn](https://github.com/pngwn) in [PR 4675](https://github.com/gradio-app/gradio/pull/4675)
+- Fixes `gr.Dropdown` being cutoff at the bottom by [@abidlabs](https://github.com/abidlabs) in [PR 4691](https://github.com/gradio-app/gradio/pull/4691).
+- Scroll top when clicking "View API" in spaces by [@pngwn](https://github.com/pngwn) in [PR 4714](https://github.com/gradio-app/gradio/pull/4714)
+- Fix bug where `show_label` was hiding the entire component for `gr.Label` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4713](https://github.com/gradio-app/gradio/pull/4713)
+- Don't crash when uploaded image has broken EXIF data, by [@akx](https://github.com/akx) in [PR 4764](https://github.com/gradio-app/gradio/pull/4764)
+- Place toast messages at the top of the screen by [@pngwn](https://github.com/pngwn) in [PR 4796](https://github.com/gradio-app/gradio/pull/4796)
+- Fix regressed styling of Login page when auth is enabled by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4797](https://github.com/gradio-app/gradio/pull/4797)
+- Prevent broken scrolling to output on Spaces by [@aliabid94](https://github.com/aliabid94) in [PR 4822](https://github.com/gradio-app/gradio/pull/4822)
+
+### Other Changes:
+
+- Add `.git-blame-ignore-revs` by [@akx](https://github.com/akx) in [PR 4586](https://github.com/gradio-app/gradio/pull/4586)
+- Update frontend dependencies in [PR 4601](https://github.com/gradio-app/gradio/pull/4601)
+- Use `typing.Literal` where possible in gradio library and client by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4608](https://github.com/gradio-app/gradio/pull/4608)
+- Remove unnecessary mock json files for frontend E2E tests by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4625](https://github.com/gradio-app/gradio/pull/4625)
+- Update dependencies by [@pngwn](https://github.com/pngwn) in [PR 4643](https://github.com/gradio-app/gradio/pull/4643)
+- The theme builder now launches successfully, and the API docs are cleaned up. By [@abidlabs](https://github.com/aliabid94) in [PR 4683](https://github.com/gradio-app/gradio/pull/4683)
+- Remove `cleared_value` from some components as its no longer used internally by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4685](https://github.com/gradio-app/gradio/pull/4685)
+- Better errors when you define two Blocks and reference components in one Blocks from the events in the other Blocks [@abidlabs](https://github.com/abidlabs) in [PR 4738](https://github.com/gradio-app/gradio/pull/4738).
+- Better message when share link is not created by [@abidlabs](https://github.com/abidlabs) in [PR 4773](https://github.com/gradio-app/gradio/pull/4773).
+- Improve accessibility around selected images in gr.Gallery component by [@hannahblair](https://github.com/hannahblair) in [PR 4790](https://github.com/gradio-app/gradio/pull/4790)
+
+### Breaking Changes:
+
+[PR 4683](https://github.com/gradio-app/gradio/pull/4683) removes the explict named endpoint "load_examples" from gr.Interface that was introduced in [PR 4456](https://github.com/gradio-app/gradio/pull/4456).
+
+## 3.35.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix chatbot streaming by [@aliabid94](https://github.com/aliabid94) in [PR 4537](https://github.com/gradio-app/gradio/pull/4537)
+- Fix chatbot height and scrolling by [@aliabid94](https://github.com/aliabid94) in [PR 4540](https://github.com/gradio-app/gradio/pull/4540)
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.35.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix chatbot streaming by [@aliabid94](https://github.com/aliabid94) in [PR 4537](https://github.com/gradio-app/gradio/pull/4537)
+- Fix error modal position and text size by [@pngwn](https://github.com/pngwn) in [PR 4538](https://github.com/gradio-app/gradio/pull/4538).
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.35.0
+
+### New Features:
+
+- A `gr.ClearButton` which allows users to easily clear the values of components by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456)
+
+Example usage:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot([("Hello", "How are you?")])
+    with gr.Row():
+        textbox = gr.Textbox(scale=3, interactive=True)
+        gr.ClearButton([textbox, chatbot], scale=1)
+
+demo.launch()
+```
+
+- Min and max value for gr.Number by [@artegoser](https://github.com/artegoser) and [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3991](https://github.com/gradio-app/gradio/pull/3991)
+- Add `start_recording` and `stop_recording` events to `Video` and `Audio` components by [@pngwn](https://github.com/pngwn) in [PR 4422](https://github.com/gradio-app/gradio/pull/4422)
+- Allow any function to generate an error message and allow multiple messages to appear at a time. Other error modal improvements such as auto dismiss after a time limit and a new layout on mobile [@pngwn](https://github.com/pngwn) in [PR 4459](https://github.com/gradio-app/gradio/pull/4459).
+- Add `autoplay` kwarg to `Video` and `Audio` components by [@pngwn](https://github.com/pngwn) in [PR 4453](https://github.com/gradio-app/gradio/pull/4453)
+- Add `allow_preview` parameter to `Gallery` to control whether a detailed preview is displayed on click by
+  [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4470](https://github.com/gradio-app/gradio/pull/4470)
+- Add `latex_delimiters` parameter to `Chatbot` to control the delimiters used for LaTeX and to disable LaTeX in the `Chatbot` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4516](https://github.com/gradio-app/gradio/pull/4516)
+- Can now issue `gr.Warning` and `gr.Info` modals. Simply put the code `gr.Warning("Your warning message")` or `gr.Info("Your info message")` as a standalone line in your function. By [@aliabid94](https://github.com/aliabid94) in [PR 4518](https://github.com/gradio-app/gradio/pull/4518).
+
+Example:
+
+```python
+def start_process(name):
+    gr.Info("Starting process")
+    if name is None:
+        gr.Warning("Name is empty")
+    ...
+    if success == False:
+        raise gr.Error("Process failed")
+```
+
+### Bug Fixes:
+
+- Add support for PAUSED state in the JS client by [@abidlabs](https://github.com/abidlabs) in [PR 4438](https://github.com/gradio-app/gradio/pull/4438)
+- Ensure Tabs only occupy the space required by [@pngwn](https://github.com/pngwn) in [PR 4419](https://github.com/gradio-app/gradio/pull/4419)
+- Ensure components have the correct empty sizes to prevent empty containers from collapsing by [@pngwn](https://github.com/pngwn) in [PR 4447](https://github.com/gradio-app/gradio/pull/4447).
+- Frontend code no longer crashes when there is a relative URL in an `<a>` element, by [@akx](https://github.com/akx) in [PR 4449](https://github.com/gradio-app/gradio/pull/4449).
+- Fix bug where setting `format='mp4'` on a video component would cause the function to error out if the uploaded video was not playable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4467](https://github.com/gradio-app/gradio/pull/4467)
+- Fix `_js` parameter to work even without backend function, by [@aliabid94](https://github.com/aliabid94) in [PR 4486](https://github.com/gradio-app/gradio/pull/4486).
+- Fix new line issue with `gr.Chatbot()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4491](https://github.com/gradio-app/gradio/pull/4491)
+- Fixes issue with Clear button not working for `Label` component by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456)
+- Restores the ability to pass in a tuple (sample rate, audio array) to gr.Audio() by [@abidlabs](https://github.com/abidlabs) in [PR 4525](https://github.com/gradio-app/gradio/pull/4525)
+- Ensure code is correctly formatted and copy button is always present in Chatbot by [@pngwn](https://github.com/pngwn) in [PR 4527](https://github.com/gradio-app/gradio/pull/4527)
+- `show_label` will not automatically be set to `True` in `gr.BarPlot.update` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4531](https://github.com/gradio-app/gradio/pull/4531)
+- `gr.BarPlot` group text now respects darkmode by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4531](https://github.com/gradio-app/gradio/pull/4531)
+- Fix dispatched errors from within components [@aliabid94](https://github.com/aliabid94) in [PR 4786](https://github.com/gradio-app/gradio/pull/4786)
+
+### Other Changes:
+
+- Change styling of status and toast error components by [@hannahblair](https://github.com/hannahblair) in [PR 4454](https://github.com/gradio-app/gradio/pull/4454).
+- Clean up unnecessary `new Promise()`s by [@akx](https://github.com/akx) in [PR 4442](https://github.com/gradio-app/gradio/pull/4442).
+- Minor UI cleanup for Examples and Dataframe components [@aliabid94](https://github.com/aliabid94) in [PR 4455](https://github.com/gradio-app/gradio/pull/4455).
+- Minor UI cleanup for Examples and Dataframe components [@aliabid94](https://github.com/aliabid94) in [PR 4455](https://github.com/gradio-app/gradio/pull/4455).
+- Add Catalan translation [@jordimas](https://github.com/jordimas) in [PR 4483](https://github.com/gradio-app/gradio/pull/4483).
+- The API endpoint that loads examples upon click has been given an explicit name ("/load_examples") by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456).
+- Allows configuration of FastAPI app when calling `mount_gradio_app`, by [@charlesfrye](https://github.com/charlesfrye) in [PR4519](https://github.com/gradio-app/gradio/pull/4519).
+
+### Breaking Changes:
+
+- The behavior of the `Clear` button has been changed for `Slider`, `CheckboxGroup`, `Radio`, `Dropdown` components by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456). The Clear button now sets the value of these components to be empty as opposed to the original default set by the developer. This is to make them in line with the rest of the Gradio components.
+- Python 3.7 end of life is June 27 2023. Gradio will no longer support python 3.7 by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4484](https://github.com/gradio-app/gradio/pull/4484)
+- Removed `$` as a default LaTeX delimiter for the `Chatbot` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4516](https://github.com/gradio-app/gradio/pull/4516). The specific LaTeX delimeters can be set using the new `latex_delimiters` parameter in `Chatbot`.
+
+## 3.34.0
+
+### New Features:
+
+- The `gr.UploadButton` component now supports the `variant` and `interactive` parameters by [@abidlabs](https://github.com/abidlabs) in [PR 4436](https://github.com/gradio-app/gradio/pull/4436).
+
+### Bug Fixes:
+
+- Remove target="\_blank" override on anchor tags with internal targets by [@hannahblair](https://github.com/hannahblair) in [PR 4405](https://github.com/gradio-app/gradio/pull/4405)
+- Fixed bug where `gr.File(file_count='multiple')` could not be cached as output by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4421](https://github.com/gradio-app/gradio/pull/4421)
+- Restricts the domains that can be proxied via `/proxy` route by [@abidlabs](https://github.com/abidlabs) in [PR 4406](https://github.com/gradio-app/gradio/pull/4406).
+- Fixes issue where `gr.UploadButton` could not be used to upload the same file twice by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4437](https://github.com/gradio-app/gradio/pull/4437)
+- Fixes bug where `/proxy` route was being incorrectly constructed by the frontend by [@abidlabs](https://github.com/abidlabs) in [PR 4430](https://github.com/gradio-app/gradio/pull/4430).
+- Fix z-index of status component by [@hannahblair](https://github.com/hannahblair) in [PR 4429](https://github.com/gradio-app/gradio/pull/4429)
+- Fix video rendering in Safari by [@aliabid94](https://github.com/aliabid94) in [PR 4433](https://github.com/gradio-app/gradio/pull/4433).
+- The output directory for files downloaded when calling Blocks as a function is now set to a temporary directory by default (instead of the working directory in some cases) by [@abidlabs](https://github.com/abidlabs) in [PR 4501](https://github.com/gradio-app/gradio/pull/4501)
+
+### Other Changes:
+
+- When running on Spaces, handler functions will be transformed by the [PySpaces](https://pypi.org/project/spaces/) library in order to make them work with specific hardware. It will have no effect on standalone Gradio apps or regular Gradio Spaces and can be globally deactivated as follows : `import spaces; spaces.disable_gradio_auto_wrap()` by [@cbensimon](https://github.com/cbensimon) in [PR 4389](https://github.com/gradio-app/gradio/pull/4389).
+- Deprecated `.style` parameter and moved arguments to constructor. Added support for `.update()` to all arguments initially in style. Added `scale` and `min_width` support to every Component. By [@aliabid94](https://github.com/aliabid94) in [PR 4374](https://github.com/gradio-app/gradio/pull/4374)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.33.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Allow `every` to work with generators by [@dkjshk](https://github.com/dkjshk) in [PR 4434](https://github.com/gradio-app/gradio/pull/4434)
+- Fix z-index of status component by [@hannahblair](https://github.com/hannahblair) in [PR 4429](https://github.com/gradio-app/gradio/pull/4429)
+- Allow gradio to work offline, by [@aliabid94](https://github.com/aliabid94) in [PR 4398](https://github.com/gradio-app/gradio/pull/4398).
+- Fixed `validate_url` to check for 403 errors and use a GET request in place of a HEAD by [@alvindaiyan](https://github.com/alvindaiyan) in [PR 4388](https://github.com/gradio-app/gradio/pull/4388).
+
+### Other Changes:
+
+- More explicit error message when share link binary is blocked by antivirus by [@abidlabs](https://github.com/abidlabs) in [PR 4380](https://github.com/gradio-app/gradio/pull/4380).
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.33.0
+
+### New Features:
+
+- Introduced `gradio deploy` to launch a Gradio app to Spaces directly from your terminal. By [@aliabid94](https://github.com/aliabid94) in [PR 4033](https://github.com/gradio-app/gradio/pull/4033).
+- Introduce `show_progress='corner'` argument to event listeners, which will not cover the output components with the progress animation, but instead show it in the corner of the components. By [@aliabid94](https://github.com/aliabid94) in [PR 4396](https://github.com/gradio-app/gradio/pull/4396).
+
+### Bug Fixes:
+
+- Fix bug where Label change event was triggering itself by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4371](https://github.com/gradio-app/gradio/pull/4371)
+- Make `Blocks.load` behave like other event listeners (allows chaining `then` off of it) [@anentropic](https://github.com/anentropic/) in [PR 4304](https://github.com/gradio-app/gradio/pull/4304)
+- Respect `interactive=True` in output components of a `gr.Interface` by [@abidlabs](https://github.com/abidlabs) in [PR 4356](https://github.com/gradio-app/gradio/pull/4356).
+- Remove unused frontend code by [@akx](https://github.com/akx) in [PR 4275](https://github.com/gradio-app/gradio/pull/4275)
+- Fixes favicon path on Windows by [@abidlabs](https://github.com/abidlabs) in [PR 4369](https://github.com/gradio-app/gradio/pull/4369).
+- Prevent path traversal in `/file` routes by [@abidlabs](https://github.com/abidlabs) in [PR 4370](https://github.com/gradio-app/gradio/pull/4370).
+- Do not send HF token to other domains via `/proxy` route by [@abidlabs](https://github.com/abidlabs) in [PR 4368](https://github.com/gradio-app/gradio/pull/4368).
+- Replace default `markedjs` sanitize function with DOMPurify sanitizer for `gr.Chatbot()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4360](https://github.com/gradio-app/gradio/pull/4360)
+- Prevent the creation of duplicate copy buttons in the chatbot and ensure copy buttons work in non-secure contexts by [@binary-husky](https://github.com/binary-husky) in [PR 4350](https://github.com/gradio-app/gradio/pull/4350).
+
+### Other Changes:
+
+- Remove flicker of loading bar by adding opacity transition, by [@aliabid94](https://github.com/aliabid94) in [PR 4349](https://github.com/gradio-app/gradio/pull/4349).
+- Performance optimization in the frontend's Blocks code by [@akx](https://github.com/akx) in [PR 4334](https://github.com/gradio-app/gradio/pull/4334)
+- Upgrade the pnpm lock file format version from v6.0 to v6.1 by [@whitphx](https://github.com/whitphx) in [PR 4393](https://github.com/gradio-app/gradio/pull/4393)
+
+### Breaking Changes:
+
+- The `/file=` route no longer allows accessing dotfiles or files in "dot directories" by [@akx](https://github.com/akx) in [PR 4303](https://github.com/gradio-app/gradio/pull/4303)
+
+## 3.32.0
+
+### New Features:
+
+- `Interface.launch()` and `Blocks.launch()` now accept an `app_kwargs` argument to allow customizing the configuration of the underlying FastAPI app, by [@akx](https://github.com/akx) in [PR 4282](https://github.com/gradio-app/gradio/pull/4282)
+
+### Bug Fixes:
+
+- Fixed Gallery/AnnotatedImage components not respecting GRADIO_DEFAULT_DIR variable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4256](https://github.com/gradio-app/gradio/pull/4256)
+- Fixed Gallery/AnnotatedImage components resaving identical images by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4256](https://github.com/gradio-app/gradio/pull/4256)
+- Fixed Audio/Video/File components creating empty tempfiles on each run by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4256](https://github.com/gradio-app/gradio/pull/4256)
+- Fixed the behavior of the `run_on_click` parameter in `gr.Examples` by [@abidlabs](https://github.com/abidlabs) in [PR 4258](https://github.com/gradio-app/gradio/pull/4258).
+- Ensure error modal displays when the queue is enabled by [@pngwn](https://github.com/pngwn) in [PR 4273](https://github.com/gradio-app/gradio/pull/4273)
+- Ensure js client respcts the full root when making requests to the server by [@pngwn](https://github.com/pngwn) in [PR 4271](https://github.com/gradio-app/gradio/pull/4271)
+
+### Other Changes:
+
+- Refactor web component `initial_height` attribute by [@whitphx](https://github.com/whitphx) in [PR 4223](https://github.com/gradio-app/gradio/pull/4223)
+- Relocate `mount_css` fn to remove circular dependency [@whitphx](https://github.com/whitphx) in [PR 4222](https://github.com/gradio-app/gradio/pull/4222)
+- Upgrade Black to 23.3 by [@akx](https://github.com/akx) in [PR 4259](https://github.com/gradio-app/gradio/pull/4259)
+- Add frontend LaTeX support in `gr.Chatbot()` using `KaTeX` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4285](https://github.com/gradio-app/gradio/pull/4285).
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.31.0
+
+### New Features:
+
+- The reloader command (`gradio app.py`) can now accept command line arguments by [@micky2be](https://github.com/micky2be) in [PR 4119](https://github.com/gradio-app/gradio/pull/4119)
+- Added `format` argument to `Audio` component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4178](https://github.com/gradio-app/gradio/pull/4178)
+- Add JS client code snippets to use via api page by [@aliabd](https://github.com/aliabd) in [PR 3927](https://github.com/gradio-app/gradio/pull/3927).
+- Update to the JS client by [@pngwn](https://github.com/pngwn) in [PR 4202](https://github.com/gradio-app/gradio/pull/4202)
+
+### Bug Fixes:
+
+- Fix "TypeError: issubclass() arg 1 must be a class" When use Optional[Types] by [@lingfengchencn](https://github.com/lingfengchencn) in [PR 4200](https://github.com/gradio-app/gradio/pull/4200).
+- Gradio will no longer send any analytics or call home if analytics are disabled with the GRADIO_ANALYTICS_ENABLED environment variable. By [@akx](https://github.com/akx) in [PR 4194](https://github.com/gradio-app/gradio/pull/4194) and [PR 4236](https://github.com/gradio-app/gradio/pull/4236)
+- The deprecation warnings for kwargs now show the actual stack level for the invocation, by [@akx](https://github.com/akx) in [PR 4203](https://github.com/gradio-app/gradio/pull/4203).
+- Fix "TypeError: issubclass() arg 1 must be a class" When use Optional[Types] by [@lingfengchencn](https://github.com/lingfengchencn) in [PR 4200](https://github.com/gradio-app/gradio/pull/4200).
+- Ensure cancelling functions work correctly by [@pngwn](https://github.com/pngwn) in [PR 4225](https://github.com/gradio-app/gradio/pull/4225)
+- Fixes a bug with typing.get_type_hints() on Python 3.9 by [@abidlabs](https://github.com/abidlabs) in [PR 4228](https://github.com/gradio-app/gradio/pull/4228).
+- Fixes JSONDecodeError by [@davidai](https://github.com/davidai) in [PR 4241](https://github.com/gradio-app/gradio/pull/4241)
+- Fix `chatbot_dialogpt` demo by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4238](https://github.com/gradio-app/gradio/pull/4238).
+
+### Other Changes:
+
+- Change `gr.Chatbot()` markdown parsing to frontend using `marked` library and `prism` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4150](https://github.com/gradio-app/gradio/pull/4150)
+- Update the js client by [@pngwn](https://github.com/pngwn) in [PR 3899](https://github.com/gradio-app/gradio/pull/3899)
+- Fix documentation for the shape of the numpy array produced by the `Image` component by [@der3318](https://github.com/der3318) in [PR 4204](https://github.com/gradio-app/gradio/pull/4204).
+- Updates the timeout for websocket messaging from 1 second to 5 seconds by [@abidlabs](https://github.com/abidlabs) in [PR 4235](https://github.com/gradio-app/gradio/pull/4235)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.30.0
+
+### New Features:
+
+- Adds a `root_path` parameter to `launch()` that allows running Gradio applications on subpaths (e.g. www.example.com/app) behind a proxy, by [@abidlabs](https://github.com/abidlabs) in [PR 4133](https://github.com/gradio-app/gradio/pull/4133)
+- Fix dropdown change listener to trigger on change when updated as an output by [@aliabid94](https://github.com/aliabid94) in [PR 4128](https://github.com/gradio-app/gradio/pull/4128).
+- Add `.input` event listener, which is only triggered when a user changes the component value (as compared to `.change`, which is also triggered when a component updates as the result of a function trigger), by [@aliabid94](https://github.com/aliabid94) in [PR 4157](https://github.com/gradio-app/gradio/pull/4157).
+
+### Bug Fixes:
+
+- Records username when flagging by [@abidlabs](https://github.com/abidlabs) in [PR 4135](https://github.com/gradio-app/gradio/pull/4135)
+- Fix website build issue by [@aliabd](https://github.com/aliabd) in [PR 4142](https://github.com/gradio-app/gradio/pull/4142)
+- Fix lang agnostic type info for `gr.File(file_count='multiple')` output components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4153](https://github.com/gradio-app/gradio/pull/4153)
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.29.0
+
+### New Features:
+
+- Returning language agnostic types in the `/info` route by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4039](https://github.com/gradio-app/gradio/pull/4039)
+
+### Bug Fixes:
+
+- Allow users to upload audio files in Audio component on iOS by by [@aliabid94](https://github.com/aliabid94) in [PR 4071](https://github.com/gradio-app/gradio/pull/4071).
+- Fixes the gradio theme builder error that appeared on launch by [@aliabid94](https://github.com/aliabid94) and [@abidlabs](https://github.com/abidlabs) in [PR 4080](https://github.com/gradio-app/gradio/pull/4080)
+- Keep Accordion content in DOM by [@aliabid94](https://github.com/aliabid94) in [PR 4070](https://github.com/gradio-app/gradio/pull/4073)
+- Fixed bug where type hints in functions caused the event handler to crash by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4068](https://github.com/gradio-app/gradio/pull/4068)
+- Fix dropdown default value not appearing by [@aliabid94](https://github.com/aliabid94) in [PR 4072](https://github.com/gradio-app/gradio/pull/4072).
+- Soft theme label color fix by [@aliabid94](https://github.com/aliabid94) in [PR 4070](https://github.com/gradio-app/gradio/pull/4070)
+- Fix `gr.Slider` `release` event not triggering on mobile by [@space-nuko](https://github.com/space-nuko) in [PR 4098](https://github.com/gradio-app/gradio/pull/4098)
+- Removes extraneous `State` component info from the `/info` route by [@abidlabs](https://github.com/freddyaboulton) in [PR 4107](https://github.com/gradio-app/gradio/pull/4107)
+- Make .then() work even if first event fails by [@aliabid94](https://github.com/aliabid94) in [PR 4115](https://github.com/gradio-app/gradio/pull/4115).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Allow users to submit with enter in Interfaces with textbox / number inputs [@aliabid94](https://github.com/aliabid94) in [PR 4090](https://github.com/gradio-app/gradio/pull/4090).
+- Updates gradio's requirements.txt to requires uvicorn>=0.14.0 by [@abidlabs](https://github.com/abidlabs) in [PR 4086](https://github.com/gradio-app/gradio/pull/4086)
+- Updates some error messaging by [@abidlabs](https://github.com/abidlabs) in [PR 4086](https://github.com/gradio-app/gradio/pull/4086)
+- Renames simplified Chinese translation file from `zh-cn.json` to `zh-CN.json` by [@abidlabs](https://github.com/abidlabs) in [PR 4086](https://github.com/gradio-app/gradio/pull/4086)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.3
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixes issue with indentation in `gr.Code()` component with streaming by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4043](https://github.com/gradio-app/gradio/pull/4043)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.2
+
+### Bug Fixes
+
+- Code component visual updates by [@pngwn](https://github.com/pngwn) in [PR 4051](https://github.com/gradio-app/gradio/pull/4051)
+
+### New Features:
+
+- Add support for `visual-question-answering`, `document-question-answering`, and `image-to-text` using `gr.Interface.load("models/...")` and `gr.Interface.from_pipeline` by [@osanseviero](https://github.com/osanseviero) in [PR 3887](https://github.com/gradio-app/gradio/pull/3887)
+- Add code block support in `gr.Chatbot()`, by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4048](https://github.com/gradio-app/gradio/pull/4048)
+- Adds the ability to blocklist filepaths (and also improves the allowlist mechanism) by [@abidlabs](https://github.com/abidlabs) in [PR 4047](https://github.com/gradio-app/gradio/pull/4047).
+- Adds the ability to specify the upload directory via an environment variable by [@abidlabs](https://github.com/abidlabs) in [PR 4047](https://github.com/gradio-app/gradio/pull/4047).
+
+### Bug Fixes:
+
+- Fixes issue with `matplotlib` not rendering correctly if the backend was not set to `Agg` by [@abidlabs](https://github.com/abidlabs) in [PR 4029](https://github.com/gradio-app/gradio/pull/4029)
+- Fixes bug where rendering the same `gr.State` across different Interfaces/Blocks within larger Blocks would not work by [@abidlabs](https://github.com/abidlabs) in [PR 4030](https://github.com/gradio-app/gradio/pull/4030)
+- Code component visual updates by [@pngwn](https://github.com/pngwn) in [PR 4051](https://github.com/gradio-app/gradio/pull/4051)
+
+### Documentation Changes:
+
+- Adds a Guide on how to use the Python Client within a FastAPI app, by [@abidlabs](https://github.com/abidlabs) in [PR 3892](https://github.com/gradio-app/gradio/pull/3892)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+- `gr.HuggingFaceDatasetSaver` behavior changed internally. The `flagging/` folder is not a `.git/` folder anymore when using it. `organization` parameter is now ignored in favor of passing a full dataset id as `dataset_name` (e.g. `"username/my-dataset"`).
+- New lines (`\n`) are not automatically converted to `<br>` in `gr.Markdown()` or `gr.Chatbot()`. For multiple new lines, a developer must add multiple `<br>` tags.
+
+### Full Changelog:
+
+- Safer version of `gr.HuggingFaceDatasetSaver` using HTTP methods instead of git pull/push by [@Wauplin](https://github.com/Wauplin) in [PR 3973](https://github.com/gradio-app/gradio/pull/3973)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.1
+
+### New Features:
+
+- Add a "clear mask" button to `gr.Image` sketch modes, by [@space-nuko](https://github.com/space-nuko) in [PR 3615](https://github.com/gradio-app/gradio/pull/3615)
+
+### Bug Fixes:
+
+- Fix dropdown default value not appearing by [@aliabid94](https://github.com/aliabid94) in [PR 3996](https://github.com/gradio-app/gradio/pull/3996).
+- Fix faded coloring of output textboxes in iOS / Safari by [@aliabid94](https://github.com/aliabid94) in [PR 3993](https://github.com/gradio-app/gradio/pull/3993)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+- CI: Simplified Python CI workflow by [@akx](https://github.com/akx) in [PR 3982](https://github.com/gradio-app/gradio/pull/3982)
+- Upgrade pyright to 1.1.305 by [@akx](https://github.com/akx) in [PR 4042](https://github.com/gradio-app/gradio/pull/4042)
+- More Ruff rules are enabled and lint errors fixed by [@akx](https://github.com/akx) in [PR 4038](https://github.com/gradio-app/gradio/pull/4038)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.0
+
+### Bug Fixes:
+
+- Fix duplicate play commands in full-screen mode of 'video'. by [@tomchang25](https://github.com/tomchang25) in [PR 3968](https://github.com/gradio-app/gradio/pull/3968).
+- Fix the issue of the UI stuck caused by the 'selected' of DataFrame not being reset. by [@tomchang25](https://github.com/tomchang25) in [PR 3916](https://github.com/gradio-app/gradio/pull/3916).
+- Fix issue where `gr.Video()` would not work inside a `gr.Tab()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3891](https://github.com/gradio-app/gradio/pull/3891)
+- Fixed issue with old_value check in File. by [@tomchang25](https://github.com/tomchang25) in [PR 3859](https://github.com/gradio-app/gradio/pull/3859).
+- Fixed bug where all bokeh plots appeared in the same div by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3896](https://github.com/gradio-app/gradio/pull/3896)
+- Fixed image outputs to automatically take full output image height, unless explicitly set, by [@aliabid94](https://github.com/aliabid94) in [PR 3905](https://github.com/gradio-app/gradio/pull/3905)
+- Fix issue in `gr.Gallery()` where setting height causes aspect ratio of images to collapse by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3830](https://github.com/gradio-app/gradio/pull/3830)
+- Fix issue where requesting for a non-existing file would trigger a 500 error by [@micky2be](https://github.com/micky2be) in `[PR 3895](https://github.com/gradio-app/gradio/pull/3895)`.
+- Fix bugs with abspath about symlinks, and unresolvable path on Windows by [@micky2be](https://github.com/micky2be) in `[PR 3895](https://github.com/gradio-app/gradio/pull/3895)`.
+- Fixes type in client `Status` enum by [@10zinten](https://github.com/10zinten) in [PR 3931](https://github.com/gradio-app/gradio/pull/3931)
+- Fix `gr.ChatBot` to handle image url [tye-singwa](https://github.com/tye-signwa) in [PR 3953](https://github.com/gradio-app/gradio/pull/3953)
+- Move Google Tag Manager related initialization code to analytics-enabled block by [@akx](https://github.com/akx) in [PR 3956](https://github.com/gradio-app/gradio/pull/3956)
+- Fix bug where port was not reused if the demo was closed and then re-launched by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3896](https://github.com/gradio-app/gradio/pull/3959)
+- Fixes issue where dropdown does not position itself at selected element when opened [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3639](https://github.com/gradio-app/gradio/pull/3639)
+
+### Documentation Changes:
+
+- Make use of `gr` consistent across the docs by [@duerrsimon](https://github.com/duerrsimon) in [PR 3901](https://github.com/gradio-app/gradio/pull/3901)
+- Fixed typo in theming-guide.md by [@eltociear](https://github.com/eltociear) in [PR 3952](https://github.com/gradio-app/gradio/pull/3952)
+
+### Testing and Infrastructure Changes:
+
+- CI: Python backend lint is only run once, by [@akx](https://github.com/akx) in [PR 3960](https://github.com/gradio-app/gradio/pull/3960)
+- Format invocations and concatenations were replaced by f-strings where possible by [@akx](https://github.com/akx) in [PR 3984](https://github.com/gradio-app/gradio/pull/3984)
+- Linting rules were made more strict and issues fixed by [@akx](https://github.com/akx) in [PR 3979](https://github.com/gradio-app/gradio/pull/3979).
+
+### Breaking Changes:
+
+- Some re-exports in `gradio.themes` utilities (introduced in 3.24.0) have been eradicated.
+  By [@akx](https://github.com/akx) in [PR 3958](https://github.com/gradio-app/gradio/pull/3958)
+
+### Full Changelog:
+
+- Add DESCRIPTION.md to image_segmentation demo by [@aliabd](https://github.com/aliabd) in [PR 3866](https://github.com/gradio-app/gradio/pull/3866)
+- Fix error in running `gr.themes.builder()` by [@deepkyu](https://github.com/deepkyu) in [PR 3869](https://github.com/gradio-app/gradio/pull/3869)
+- Fixed a JavaScript TypeError when loading custom JS with `_js` and setting `outputs` to `None` in `gradio.Blocks()` by [@DavG25](https://github.com/DavG25) in [PR 3883](https://github.com/gradio-app/gradio/pull/3883)
+- Fixed bg_background_fill theme property to expand to whole background, block_radius to affect form elements as well, and added block_label_shadow theme property by [@aliabid94](https://github.com/aliabid94) in [PR 3590](https://github.com/gradio-app/gradio/pull/3590)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.27.0
+
+### New Features:
+
+###### AnnotatedImage Component
+
+New AnnotatedImage component allows users to highlight regions of an image, either by providing bounding boxes, or 0-1 pixel masks. This component is useful for tasks such as image segmentation, object detection, and image captioning.
+
+![AnnotatedImage screenshot](https://user-images.githubusercontent.com/7870876/232142720-86e0020f-beaf-47b9-a843-689c9621f09c.gif)
+
+Example usage:
+
+```python
+with gr.Blocks() as demo:
+    img = gr.Image()
+    img_section = gr.AnnotatedImage()
+    def mask(img):
+        top_left_corner = [0, 0, 20, 20]
+        random_mask = np.random.randint(0, 2, img.shape[:2])
+        return (img, [(top_left_corner, "left corner"), (random_mask, "random")])
+    img.change(mask, img, img_section)
+```
+
+See the [image_segmentation demo](https://github.com/gradio-app/gradio/tree/main/demo/image_segmentation) for a full example. By [@aliabid94](https://github.com/aliabid94) in [PR 3836](https://github.com/gradio-app/gradio/pull/3836)
+
+### Bug Fixes:
+
+No changes to highlight.
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.26.0
+
+### New Features:
+
+###### `Video` component supports subtitles
+
+- Allow the video component to accept subtitles as input, by [@tomchang25](https://github.com/tomchang25) in [PR 3673](https://github.com/gradio-app/gradio/pull/3673). To provide subtitles, simply return a tuple consisting of `(path_to_video, path_to_subtitles)` from your function. Both `.srt` and `.vtt` formats are supported:
+
+```py
+with gr.Blocks() as demo:
+    gr.Video(("video.mp4", "captions.srt"))
+```
+
+### Bug Fixes:
+
+- Fix code markdown support in `gr.Chatbot()` component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3816](https://github.com/gradio-app/gradio/pull/3816)
+
+### Documentation Changes:
+
+- Updates the "view API" page in Gradio apps to use the `gradio_client` library by [@aliabd](https://github.com/aliabd) in [PR 3765](https://github.com/gradio-app/gradio/pull/3765)
+
+- Read more about how to use the `gradio_client` library here: https://gradio.app/getting-started-with-the-python-client/
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.25.0
+
+### New Features:
+
+- Improve error messages when number of inputs/outputs to event handlers mismatch, by [@space-nuko](https://github.com/space-nuko) in [PR 3519](https://github.com/gradio-app/gradio/pull/3519)
+
+- Add `select` listener to Images, allowing users to click on any part of an image and get the coordinates of the click by [@aliabid94](https://github.com/aliabid94) in [PR 3786](https://github.com/gradio-app/gradio/pull/3786).
+
+```python
+with gr.Blocks() as demo:
+    img = gr.Image()
+    textbox = gr.Textbox()
+
+    def select_handler(img, evt: gr.SelectData):
+        selected_pixel = img[evt.index[1], evt.index[0]]
+        return f"Selected pixel: {selected_pixel}"
+
+    img.select(select_handler, img, textbox)
+```
+
+![Recording 2023-04-08 at 17 44 39](https://user-images.githubusercontent.com/7870876/230748572-90a2a8d5-116d-4769-bb53-5516555fbd0f.gif)
+
+### Bug Fixes:
+
+- Increase timeout for sending analytics data by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3647](https://github.com/gradio-app/gradio/pull/3647)
+- Fix bug where http token was not accessed over websocket connections by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3735](https://github.com/gradio-app/gradio/pull/3735)
+- Add ability to specify `rows`, `columns` and `object-fit` in `style()` for `gr.Gallery()` component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3586](https://github.com/gradio-app/gradio/pull/3586)
+- Fix bug where recording an audio file through the microphone resulted in a corrupted file name by [@abidlabs](https://github.com/abidlabs) in [PR 3770](https://github.com/gradio-app/gradio/pull/3770)
+- Added "ssl_verify" to blocks.launch method to allow for use of self-signed certs by [@garrettsutula](https://github.com/garrettsutula) in [PR 3873](https://github.com/gradio-app/gradio/pull/3873)
+- Fix bug where iterators where not being reset for processes that terminated early by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3777](https://github.com/gradio-app/gradio/pull/3777)
+- Fix bug where the upload button was not properly handling the `file_count='multiple'` case by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3782](https://github.com/gradio-app/gradio/pull/3782)
+- Fix bug where use Via API button was giving error by [@Devang-C](https://github.com/Devang-C) in [PR 3783](https://github.com/gradio-app/gradio/pull/3783)
+
+### Documentation Changes:
+
+- Fix invalid argument docstrings, by [@akx](https://github.com/akx) in [PR 3740](https://github.com/gradio-app/gradio/pull/3740)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixed IPv6 listening to work with bracket [::1] notation, by [@dsully](https://github.com/dsully) in [PR 3695](https://github.com/gradio-app/gradio/pull/3695)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.24.1
+
+### New Features:
+
+- No changes to highlight.
+
+### Bug Fixes:
+
+- Fixes Chatbot issue where new lines were being created every time a message was sent back and forth by [@aliabid94](https://github.com/aliabid94) in [PR 3717](https://github.com/gradio-app/gradio/pull/3717).
+- Fixes data updating in DataFrame invoking a `select` event once the dataframe has been selected. By [@yiyuezhuo](https://github.com/yiyuezhuo) in [PR 3861](https://github.com/gradio-app/gradio/pull/3861)
+- Fixes false positive warning which is due to too strict type checking by [@yiyuezhuo](https://github.com/yiyuezhuo) in [PR 3837](https://github.com/gradio-app/gradio/pull/3837).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.24.0
+
+### New Features:
+
+- Trigger the release event when Slider number input is released or unfocused by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3589](https://github.com/gradio-app/gradio/pull/3589)
+- Created Theme Builder, which allows users to create themes without writing any code, by [@aliabid94](https://github.com/aliabid94) in [PR 3664](https://github.com/gradio-app/gradio/pull/3664). Launch by:
+
+  ```python
+  import gradio as gr
+  gr.themes.builder()
+  ```
+
+  ![Theme Builder](https://user-images.githubusercontent.com/7870876/228204929-d71cbba5-69c2-45b3-bd20-e3a201d98b12.png)
+
+- The `Dropdown` component now has a `allow_custom_value` parameter that lets users type in custom values not in the original list of choices.
+- The `Colorpicker` component now has a `.blur()` event
+
+###### Added a download button for videos! 📥
+
+![download_video](https://user-images.githubusercontent.com/41651716/227009612-9bc5fb72-2a44-4c55-9b7b-a0fa098e7f25.gif)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3581](https://github.com/gradio-app/gradio/pull/3581).
+
+- Trigger the release event when Slider number input is released or unfocused by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3589](https://github.com/gradio-app/gradio/pull/3589)
+
+### Bug Fixes:
+
+- Fixed bug where text for altair plots was not legible in dark mode by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3555](https://github.com/gradio-app/gradio/pull/3555)
+- Fixes `Chatbot` and `Image` components so that files passed during processing are added to a directory where they can be served from, by [@abidlabs](https://github.com/abidlabs) in [PR 3523](https://github.com/gradio-app/gradio/pull/3523)
+- Use Gradio API server to send telemetry using `huggingface_hub` [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3488](https://github.com/gradio-app/gradio/pull/3488)
+- Fixes an an issue where if the Blocks scope was not exited, then State could be shared across sessions, by [@abidlabs](https://github.com/abidlabs) in [PR 3600](https://github.com/gradio-app/gradio/pull/3600)
+- Ensures that `gr.load()` loads and applies the upstream theme, by [@abidlabs](https://github.com/abidlabs) in [PR 3641](https://github.com/gradio-app/gradio/pull/3641)
+- Fixed bug where "or" was not being localized in file upload text by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3599](https://github.com/gradio-app/gradio/pull/3599)
+- Fixed bug where chatbot does not autoscroll inside of a tab, row or column by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3637](https://github.com/gradio-app/gradio/pull/3637)
+- Fixed bug where textbox shrinks when `lines` set to larger than 20 by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3637](https://github.com/gradio-app/gradio/pull/3637)
+- Ensure CSS has fully loaded before rendering the application, by [@pngwn](https://github.com/pngwn) in [PR 3573](https://github.com/gradio-app/gradio/pull/3573)
+- Support using an empty list as `gr.Dataframe` value, by [@space-nuko](https://github.com/space-nuko) in [PR 3646](https://github.com/gradio-app/gradio/pull/3646)
+- Fixed `gr.Image` not filling the entire element size, by [@space-nuko](https://github.com/space-nuko) in [PR 3649](https://github.com/gradio-app/gradio/pull/3649)
+- Make `gr.Code` support the `lines` property, by [@space-nuko](https://github.com/space-nuko) in [PR 3651](https://github.com/gradio-app/gradio/pull/3651)
+- Fixes certain `_js` return values being double wrapped in an array, by [@space-nuko](https://github.com/space-nuko) in [PR 3594](https://github.com/gradio-app/gradio/pull/3594)
+- Correct the documentation of `gr.File` component to state that its preprocessing method converts the uploaded file to a temporary file, by @RussellLuo in [PR 3660](https://github.com/gradio-app/gradio/pull/3660)
+- Fixed bug in Serializer ValueError text by [@osanseviero](https://github.com/osanseviero) in [PR 3669](https://github.com/gradio-app/gradio/pull/3669)
+- Fix default parameter argument and `gr.Progress` used in same function, by [@space-nuko](https://github.com/space-nuko) in [PR 3671](https://github.com/gradio-app/gradio/pull/3671)
+- Hide `Remove All` button in `gr.Dropdown` single-select mode by [@space-nuko](https://github.com/space-nuko) in [PR 3678](https://github.com/gradio-app/gradio/pull/3678)
+- Fix broken spaces in docs by [@aliabd](https://github.com/aliabd) in [PR 3698](https://github.com/gradio-app/gradio/pull/3698)
+- Fix items in `gr.Dropdown` besides the selected item receiving a checkmark, by [@space-nuko](https://github.com/space-nuko) in [PR 3644](https://github.com/gradio-app/gradio/pull/3644)
+- Fix several `gr.Dropdown` issues and improve usability, by [@space-nuko](https://github.com/space-nuko) in [PR 3705](https://github.com/gradio-app/gradio/pull/3705)
+
+### Documentation Changes:
+
+- Makes some fixes to the Theme Guide related to naming of variables, by [@abidlabs](https://github.com/abidlabs) in [PR 3561](https://github.com/gradio-app/gradio/pull/3561)
+- Documented `HuggingFaceDatasetJSONSaver` by [@osanseviero](https://github.com/osanseviero) in [PR 3604](https://github.com/gradio-app/gradio/pull/3604)
+- Makes some additions to documentation of `Audio` and `State` components, and fixes the `pictionary` demo by [@abidlabs](https://github.com/abidlabs) in [PR 3611](https://github.com/gradio-app/gradio/pull/3611)
+- Fix outdated sharing your app guide by [@aliabd](https://github.com/aliabd) in [PR 3699](https://github.com/gradio-app/gradio/pull/3699)
+
+### Testing and Infrastructure Changes:
+
+- Removed heavily-mocked tests related to comet_ml, wandb, and mlflow as they added a significant amount of test dependencies that prevented installation of test dependencies on Windows environments. By [@abidlabs](https://github.com/abidlabs) in [PR 3608](https://github.com/gradio-app/gradio/pull/3608)
+- Added Windows continuous integration, by [@space-nuko](https://github.com/space-nuko) in [PR 3628](https://github.com/gradio-app/gradio/pull/3628)
+- Switched linting from flake8 + isort to `ruff`, by [@akx](https://github.com/akx) in [PR 3710](https://github.com/gradio-app/gradio/pull/3710)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Mobile responsive iframes in themes guide by [@aliabd](https://github.com/aliabd) in [PR 3562](https://github.com/gradio-app/gradio/pull/3562)
+- Remove extra $demo from theme guide by [@aliabd](https://github.com/aliabd) in [PR 3563](https://github.com/gradio-app/gradio/pull/3563)
+- Set the theme name to be the upstream repo name when loading from the hub by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3595](https://github.com/gradio-app/gradio/pull/3595)
+- Copy everything in website Dockerfile, fix build issues by [@aliabd](https://github.com/aliabd) in [PR 3659](https://github.com/gradio-app/gradio/pull/3659)
+- Raise error when an event is queued but the queue is not configured by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3640](https://github.com/gradio-app/gradio/pull/3640)
+- Allows users to apss in a string name for a built-in theme, by [@abidlabs](https://github.com/abidlabs) in [PR 3641](https://github.com/gradio-app/gradio/pull/3641)
+- Added `orig_name` to Video output in the backend so that the front end can set the right name for downloaded video files by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3700](https://github.com/gradio-app/gradio/pull/3700)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.23.0
+
+### New Features:
+
+###### Theme Sharing!
+
+Once you have created a theme, you can upload it to the HuggingFace Hub to let others view it, use it, and build off of it! You can also download, reuse, and remix other peoples' themes. See https://gradio.app/theming-guide/ for more details.
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3428](https://github.com/gradio-app/gradio/pull/3428)
+
+### Bug Fixes:
+
+- Removes leading spaces from all lines of code uniformly in the `gr.Code()` component. By [@abidlabs](https://github.com/abidlabs) in [PR 3556](https://github.com/gradio-app/gradio/pull/3556)
+- Fixed broken login page, by [@aliabid94](https://github.com/aliabid94) in [PR 3529](https://github.com/gradio-app/gradio/pull/3529)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fix rendering of dropdowns to take more space, and related bugs, by [@aliabid94](https://github.com/aliabid94) in [PR 3549](https://github.com/gradio-app/gradio/pull/3549)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.22.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Restore label bars by [@aliabid94](https://github.com/aliabid94) in [PR 3507](https://github.com/gradio-app/gradio/pull/3507)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.22.0
+
+### New Features:
+
+###### Official Theme release
+
+Gradio now supports a new theme system, which allows you to customize the look and feel of your app. You can now use the `theme=` kwarg to pass in a prebuilt theme, or customize your own! See https://gradio.app/theming-guide/ for more details. By [@aliabid94](https://github.com/aliabid94) in [PR 3470](https://github.com/gradio-app/gradio/pull/3470) and [PR 3497](https://github.com/gradio-app/gradio/pull/3497)
+
+###### `elem_classes`
+
+Add keyword argument `elem_classes` to Components to control class names of components, in the same manner as existing `elem_id`.
+By [@aliabid94](https://github.com/aliabid94) in [PR 3466](https://github.com/gradio-app/gradio/pull/3466)
+
+### Bug Fixes:
+
+- Fixes the File.upload() event trigger which broke as part of the change in how we uploaded files by [@abidlabs](https://github.com/abidlabs) in [PR 3462](https://github.com/gradio-app/gradio/pull/3462)
+- Fixed issue with `gr.Request` object failing to handle dictionaries when nested keys couldn't be converted to variable names [#3454](https://github.com/gradio-app/gradio/issues/3454) by [@radames](https://github.com/radames) in [PR 3459](https://github.com/gradio-app/gradio/pull/3459)
+- Fixed bug where css and client api was not working properly when mounted in a subpath by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3482](https://github.com/gradio-app/gradio/pull/3482)
+
+### Documentation Changes:
+
+- Document gr.Error in the docs by [@aliabd](https://github.com/aliabd) in [PR 3465](https://github.com/gradio-app/gradio/pull/3465)
+
+### Testing and Infrastructure Changes:
+
+- Pinned `pyright==1.1.298` for stability by [@abidlabs](https://github.com/abidlabs) in [PR 3475](https://github.com/gradio-app/gradio/pull/3475)
+- Removed `IOComponent.add_interactive_to_config()` by [@space-nuko](https://github.com/space-nuko) in [PR 3476](https://github.com/gradio-app/gradio/pull/3476)
+- Removed `IOComponent.generate_sample()` by [@space-nuko](https://github.com/space-nuko) in [PR 3475](https://github.com/gradio-app/gradio/pull/3483)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Revert primary button background color in dark mode by [@aliabid94](https://github.com/aliabid94) in [PR 3468](https://github.com/gradio-app/gradio/pull/3468)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.21.0
+
+### New Features:
+
+###### Theme Sharing 🎨 🤝
+
+You can now share your gradio themes with the world!
+
+After creating a theme, you can upload it to the HuggingFace Hub to let others view it, use it, and build off of it!
+
+###### Uploading
+
+There are two ways to upload a theme, via the theme class instance or the command line.
+
+1. Via the class instance
+
+```python
+my_theme.push_to_hub(repo_name="my_theme",
+                     version="0.2.0",
+                     hf_token="...")
+```
+
+2. Via the command line
+
+First save the theme to disk
+
+```python
+my_theme.dump(filename="my_theme.json")
+```
+
+Then use the `upload_theme` command:
+
+```bash
+upload_theme\
+"my_theme.json"\
+"my_theme"\
+"0.2.0"\
+"<hf-token>"
+```
+
+The `version` must be a valid [semantic version](https://www.geeksforgeeks.org/introduction-semantic-versioning/) string.
+
+This creates a space on the huggingface hub to host the theme files and show potential users a preview of your theme.
+
+An example theme space is here: https://huggingface.co/spaces/freddyaboulton/dracula_revamped
+
+###### Downloading
+
+To use a theme from the hub, use the `from_hub` method on the `ThemeClass` and pass it to your app:
+
+```python
+my_theme = gr.Theme.from_hub("freddyaboulton/my_theme")
+
+with gr.Blocks(theme=my_theme) as demo:
+    ....
+```
+
+You can also pass the theme string directly to `Blocks` or `Interface` (`gr.Blocks(theme="freddyaboulton/my_theme")`)
+
+You can pin your app to an upstream theme version by using semantic versioning expressions.
+
+For example, the following would ensure the theme we load from the `my_theme` repo was between versions `0.1.0` and `0.2.0`:
+
+```python
+with gr.Blocks(theme="freddyaboulton/my_theme@>=0.1.0,<0.2.0") as demo:
+    ....
+```
+
+by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3428](https://github.com/gradio-app/gradio/pull/3428)
+
+###### Code component 🦾
+
+New code component allows you to enter, edit and display code with full syntax highlighting by [@pngwn](https://github.com/pngwn) in [PR 3421](https://github.com/gradio-app/gradio/pull/3421)
+
+###### The `Chatbot` component now supports audio, video, and images
+
+The `Chatbot` component now supports audio, video, and images with a simple syntax: simply
+pass in a tuple with the URL or filepath (the second optional element of the tuple is alt text), and the image/audio/video will be displayed:
+
+```python
+gr.Chatbot([
+    (("driving.mp4",), "cool video"),
+    (("cantina.wav",), "cool audio"),
+    (("lion.jpg", "A lion"), "cool pic"),
+]).style(height=800)
+```
+
+<img width="1054" alt="image" src="https://user-images.githubusercontent.com/1778297/224116682-5908db47-f0fa-405c-82ab-9c7453e8c4f1.png">
+
+Note: images were previously supported via Markdown syntax and that is still supported for backwards compatibility. By [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3413](https://github.com/gradio-app/gradio/pull/3413)
+
+- Allow consecutive function triggers with `.then` and `.success` by [@aliabid94](https://github.com/aliabid94) in [PR 3430](https://github.com/gradio-app/gradio/pull/3430)
+
+- New code component allows you to enter, edit and display code with full syntax highlighting by [@pngwn](https://github.com/pngwn) in [PR 3421](https://github.com/gradio-app/gradio/pull/3421)
+
+![](https://user-images.githubusercontent.com/12937446/224116643-5cfb94b3-93ce-43ee-bb7b-c25c3b66e0a1.png)
+
+- Added the `.select()` event listener, which also includes event data that can be passed as an argument to a function with type hint `gr.SelectData`. The following components support the `.select()` event listener: Chatbot, CheckboxGroup, Dataframe, Dropdown, File, Gallery, HighlightedText, Label, Radio, TabItem, Tab, Textbox. Example usage:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gallery = gr.Gallery(["images/1.jpg", "images/2.jpg", "images/3.jpg"])
+    selected_index = gr.Textbox()
+
+    def on_select(evt: gr.SelectData):
+        return evt.index
+
+    gallery.select(on_select, None, selected_index)
+```
+
+By [@aliabid94](https://github.com/aliabid94) in [PR 3399](https://github.com/gradio-app/gradio/pull/3399)
+
+- The `Textbox` component now includes a copy button by [@abidlabs](https://github.com/abidlabs) in [PR 3452](https://github.com/gradio-app/gradio/pull/3452)
+
+### Bug Fixes:
+
+- Use `huggingface_hub` to send telemetry on `interface` and `blocks`; eventually to replace segment by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3342](https://github.com/gradio-app/gradio/pull/3342)
+- Ensure load events created by components (randomize for slider, callable values) are never queued unless every is passed by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3391](https://github.com/gradio-app/gradio/pull/3391)
+- Prevent in-place updates of `generic_update` by shallow copying by [@gitgithan](https://github.com/gitgithan) in [PR 3405](https://github.com/gradio-app/gradio/pull/3405) to fix [#3282](https://github.com/gradio-app/gradio/issues/3282)
+- Fix bug caused by not importing `BlockContext` in `utils.py` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3424](https://github.com/gradio-app/gradio/pull/3424)
+- Ensure dropdown does not highlight partial matches by [@pngwn](https://github.com/pngwn) in [PR 3421](https://github.com/gradio-app/gradio/pull/3421)
+- Fix mic button display by [@aliabid94](https://github.com/aliabid94) in [PR 3456](https://github.com/gradio-app/gradio/pull/3456)
+
+### Documentation Changes:
+
+- Added a section on security and access when sharing Gradio apps by [@abidlabs](https://github.com/abidlabs) in [PR 3408](https://github.com/gradio-app/gradio/pull/3408)
+- Add Chinese README by [@uanu2002](https://github.com/uanu2002) in [PR 3394](https://github.com/gradio-app/gradio/pull/3394)
+- Adds documentation for web components by [@abidlabs](https://github.com/abidlabs) in [PR 3407](https://github.com/gradio-app/gradio/pull/3407)
+- Fixed link in Chinese readme by [@eltociear](https://github.com/eltociear) in [PR 3417](https://github.com/gradio-app/gradio/pull/3417)
+- Document Blocks methods by [@aliabd](https://github.com/aliabd) in [PR 3427](https://github.com/gradio-app/gradio/pull/3427)
+- Fixed bug where event handlers were not showing up in documentation by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3434](https://github.com/gradio-app/gradio/pull/3434)
+
+### Testing and Infrastructure Changes:
+
+- Fixes tests that were failing locally but passing on CI by [@abidlabs](https://github.com/abidlabs) in [PR 3411](https://github.com/gradio-app/gradio/pull/3411)
+- Remove codecov from the repo by [@aliabd](https://github.com/aliabd) in [PR 3415](https://github.com/gradio-app/gradio/pull/3415)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Prevent in-place updates of `generic_update` by shallow copying by [@gitgithan](https://github.com/gitgithan) in [PR 3405](https://github.com/gradio-app/gradio/pull/3405) to fix [#3282](https://github.com/gradio-app/gradio/issues/3282)
+- Persist file names of files uploaded through any Gradio component by [@abidlabs](https://github.com/abidlabs) in [PR 3412](https://github.com/gradio-app/gradio/pull/3412)
+- Fix markdown embedded component in docs by [@aliabd](https://github.com/aliabd) in [PR 3410](https://github.com/gradio-app/gradio/pull/3410)
+- Clean up event listeners code by [@aliabid94](https://github.com/aliabid94) in [PR 3420](https://github.com/gradio-app/gradio/pull/3420)
+- Fix css issue with spaces logo by [@aliabd](https://github.com/aliabd) in [PR 3422](https://github.com/gradio-app/gradio/pull/3422)
+- Makes a few fixes to the `JSON` component (show_label parameter, icons) in [@abidlabs](https://github.com/abidlabs) in [PR 3451](https://github.com/gradio-app/gradio/pull/3451)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.20.1
+
+### New Features:
+
+- Add `height` kwarg to style in `gr.Chatbot()` component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3369](https://github.com/gradio-app/gradio/pull/3369)
+
+```python
+chatbot = gr.Chatbot().style(height=500)
+```
+
+### Bug Fixes:
+
+- Ensure uploaded images are always shown in the sketch tool by [@pngwn](https://github.com/pngwn) in [PR 3386](https://github.com/gradio-app/gradio/pull/3386)
+- Fixes bug where when if fn is a non-static class member, then self should be ignored as the first param of the fn by [@or25](https://github.com/or25) in [PR #3227](https://github.com/gradio-app/gradio/pull/3227)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.20.0
+
+### New Features:
+
+###### Release event for Slider
+
+Now you can trigger your python function to run when the slider is released as opposed to every slider change value!
+
+Simply use the `release` method on the slider
+
+```python
+slider.release(function, inputs=[...], outputs=[...], api_name="predict")
+```
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3353](https://github.com/gradio-app/gradio/pull/3353)
+
+###### Dropdown Component Updates
+
+The standard dropdown component now supports searching for choices. Also when `multiselect` is `True`, you can specify `max_choices` to set the maximum number of choices you want the user to be able to select from the dropdown component.
+
+```python
+gr.Dropdown(label="Choose your favorite colors", choices=["red", "blue", "green", "yellow", "orange"], multiselect=True, max_choices=2)
+```
+
+by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3211](https://github.com/gradio-app/gradio/pull/3211)
+
+###### Download button for images 🖼️
+
+Output images will now automatically have a download button displayed to make it easier to save and share
+the results of Machine Learning art models.
+
+![download_sketch](https://user-images.githubusercontent.com/41651716/221025113-e693bf41-eabd-42b3-a4f2-26f2708d98fe.gif)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3297](https://github.com/gradio-app/gradio/pull/3297)
+
+- Updated image upload component to accept all image formats, including lossless formats like .webp by [@fienestar](https://github.com/fienestar) in [PR 3225](https://github.com/gradio-app/gradio/pull/3225)
+- Adds a disabled mode to the `gr.Button` component by setting `interactive=False` by [@abidlabs](https://github.com/abidlabs) in [PR 3266](https://github.com/gradio-app/gradio/pull/3266) and [PR 3288](https://github.com/gradio-app/gradio/pull/3288)
+- Adds visual feedback to the when the Flag button is clicked, by [@abidlabs](https://github.com/abidlabs) in [PR 3289](https://github.com/gradio-app/gradio/pull/3289)
+- Adds ability to set `flagging_options` display text and saved flag separately by [@abidlabs](https://github.com/abidlabs) in [PR 3289](https://github.com/gradio-app/gradio/pull/3289)
+- Allow the setting of `brush_radius` for the `Image` component both as a default and via `Image.update()` by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
+- Added `info=` argument to form components to enable extra context provided to users, by [@aliabid94](https://github.com/aliabid94) in [PR 3291](https://github.com/gradio-app/gradio/pull/3291)
+- Allow developers to access the username of a logged-in user from the `gr.Request()` object using the `.username` attribute by [@abidlabs](https://github.com/abidlabs) in [PR 3296](https://github.com/gradio-app/gradio/pull/3296)
+- Add `preview` option to `Gallery.style` that launches the gallery in preview mode when first loaded by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3345](https://github.com/gradio-app/gradio/pull/3345)
+
+### Bug Fixes:
+
+- Ensure `mirror_webcam` is always respected by [@pngwn](https://github.com/pngwn) in [PR 3245](https://github.com/gradio-app/gradio/pull/3245)
+- Fix issue where updated markdown links were not being opened in a new tab by [@gante](https://github.com/gante) in [PR 3236](https://github.com/gradio-app/gradio/pull/3236)
+- API Docs Fixes by [@aliabd](https://github.com/aliabd) in [PR 3287](https://github.com/gradio-app/gradio/pull/3287)
+- Added a timeout to queue messages as some demos were experiencing infinitely growing queues from active jobs waiting forever for clients to respond by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3196](https://github.com/gradio-app/gradio/pull/3196)
+- Fixes the height of rendered LaTeX images so that they match the height of surrounding text by [@abidlabs](https://github.com/abidlabs) in [PR 3258](https://github.com/gradio-app/gradio/pull/3258) and in [PR 3276](https://github.com/gradio-app/gradio/pull/3276)
+- Fix bug where matplotlib images where always too small on the front end by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3274](https://github.com/gradio-app/gradio/pull/3274)
+- Remove embed's `initial_height` when loading is complete so the embed finds its natural height once it is loaded [@pngwn](https://github.com/pngwn) in [PR 3292](https://github.com/gradio-app/gradio/pull/3292)
+- Prevent Sketch from crashing when a default image is provided by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
+- Respect the `shape` argument on the front end when creating Image Sketches by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
+- Fix infinite loop caused by setting `Dropdown's` value to be `[]` and adding a change event on the dropdown by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3295](https://github.com/gradio-app/gradio/pull/3295)
+- Fix change event listed twice in image docs by [@aliabd](https://github.com/aliabd) in [PR 3318](https://github.com/gradio-app/gradio/pull/3318)
+- Fix bug that cause UI to be vertically centered at all times by [@pngwn](https://github.com/pngwn) in [PR 3336](https://github.com/gradio-app/gradio/pull/3336)
+- Fix bug where `height` set in `Gallery.style` was not respected by the front-end by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3343](https://github.com/gradio-app/gradio/pull/3343)
+- Ensure markdown lists are rendered correctly by [@pngwn](https://github.com/pngwn) in [PR 3341](https://github.com/gradio-app/gradio/pull/3341)
+- Ensure that the initial empty value for `gr.Dropdown(Multiselect=True)` is an empty list and the initial value for `gr.Dropdown(Multiselect=False)` is an empty string by [@pngwn](https://github.com/pngwn) in [PR 3338](https://github.com/gradio-app/gradio/pull/3338)
+- Ensure uploaded images respect the shape property when the canvas is also enabled by [@pngwn](https://github.com/pngwn) in [PR 3351](https://github.com/gradio-app/gradio/pull/3351)
+- Ensure that Google Analytics works correctly when gradio apps are created with `analytics_enabled=True` by [@abidlabs](https://github.com/abidlabs) in [PR 3349](https://github.com/gradio-app/gradio/pull/3349)
+- Fix bug where files were being re-uploaded after updates by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3375](https://github.com/gradio-app/gradio/pull/3375)
+- Fix error when using backen_fn and custom js at the same time by [@jialeicui](https://github.com/jialeicui) in [PR 3358](https://github.com/gradio-app/gradio/pull/3358)
+- Support new embeds for huggingface spaces subdomains by [@pngwn](https://github.com/pngwn) in [PR 3367](https://github.com/gradio-app/gradio/pull/3367)
+
+### Documentation Changes:
+
+- Added the `types` field to the dependency field in the config by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3315](https://github.com/gradio-app/gradio/pull/3315)
+- Gradio Status Page by [@aliabd](https://github.com/aliabd) in [PR 3331](https://github.com/gradio-app/gradio/pull/3331)
+- Adds a Guide on setting up a dashboard from Supabase data using the `gr.BarPlot`
+  component by [@abidlabs](https://github.com/abidlabs) in [PR 3275](https://github.com/gradio-app/gradio/pull/3275)
+
+### Testing and Infrastructure Changes:
+
+- Adds a script to benchmark the performance of the queue and adds some instructions on how to use it. By [@freddyaboulton](https://github.com/freddyaboulton) and [@abidlabs](https://github.com/abidlabs) in [PR 3272](https://github.com/gradio-app/gradio/pull/3272)
+- Flaky python tests no longer cancel non-flaky tests by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3344](https://github.com/gradio-app/gradio/pull/3344)
+
+### Breaking Changes:
+
+- Chatbot bubble colors can no longer be set by `chatbot.style(color_map=)` by [@aliabid94] in [PR 3370](https://github.com/gradio-app/gradio/pull/3370)
+
+### Full Changelog:
+
+- Fixed comment typo in components.py by [@eltociear](https://github.com/eltociear) in [PR 3235](https://github.com/gradio-app/gradio/pull/3235)
+- Cleaned up chatbot ui look and feel by [@aliabid94] in [PR 3370](https://github.com/gradio-app/gradio/pull/3370)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.19.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- UI fixes including footer and API docs by [@aliabid94](https://github.com/aliabid94) in [PR 3242](https://github.com/gradio-app/gradio/pull/3242)
+- Updated image upload component to accept all image formats, including lossless formats like .webp by [@fienestar](https://github.com/fienestar) in [PR 3225](https://github.com/gradio-app/gradio/pull/3225)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Added backend support for themes by [@aliabid94](https://github.com/aliabid94) in [PR 2931](https://github.com/gradio-app/gradio/pull/2931)
+- Added support for button sizes "lg" (default) and "sm".
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.19.0
+
+### New Features:
+
+###### Improved embedding experience
+
+When embedding a spaces-hosted gradio app as a web component, you now get an improved UI linking back to the original space, better error handling and more intelligent load performance. No changes are required to your code to benefit from this enhanced experience; simply upgrade your gradio SDK to the latest version.
+
+![](https://user-images.githubusercontent.com/12937446/219653294-86937632-72c1-4e93-a77c-af705d49382a.png)
+
+This behaviour is configurable. You can disable the info panel at the bottom by passing `info="false"`. You can disable the container entirely by passing `container="false"`.
+
+Error statuses are reported in the UI with an easy way for end-users to report problems to the original space author via the community tab of that Hugginface space:
+
+![](https://user-images.githubusercontent.com/12937446/219655499-88019443-d694-44e7-9e6d-242e19d10a5c.png)
+
+By default, gradio apps are lazy loaded, vastly improving performance when there are several demos on the page. Metadata is loaded ahead of time, but the space will only be loaded and rendered when it is in view.
+
+This behaviour is configurable. You can pass `eager="true"` to load and render the space regardless of whether or not it is currently on the screen.
+
+by [@pngwn](https://github.com/pngwn) in [PR 3205](https://github.com/gradio-app/gradio/pull/3205)
+
+###### New `gr.BarPlot` component! 📊
+
+Create interactive bar plots from a high-level interface with `gr.BarPlot`.
+No need to remember matplotlib syntax anymore!
+
+Example usage:
+
+```python
+import gradio as gr
+import pandas as pd
+
+simple = pd.DataFrame({
+    'a': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I'],
+    'b': [28, 55, 43, 91, 81, 53, 19, 87, 52]
+})
+
+with gr.Blocks() as demo:
+    gr.BarPlot(
+        simple,
+        x="a",
+        y="b",
+        title="Simple Bar Plot with made up data",
+        tooltip=['a', 'b'],
+    )
+
+demo.launch()
+```
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3157](https://github.com/gradio-app/gradio/pull/3157)
+
+###### Bokeh plots are back! 🌠
+
+Fixed a bug that prevented bokeh plots from being displayed on the front end and extended support for both 2.x and 3.x versions of bokeh!
+
+![image](https://user-images.githubusercontent.com/41651716/219468324-0d82e07f-8fb4-4ff9-b40c-8250b29e45f7.png)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3212](https://github.com/gradio-app/gradio/pull/3212)
+
+### Bug Fixes:
+
+- Adds ability to add a single message from the bot or user side. Ex: specify `None` as the second value in the tuple, to add a single message in the chatbot from the "bot" side.
+
+```python
+gr.Chatbot([("Hi, I'm DialoGPT. Try asking me a question.", None)])
+```
+
+By [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3165](https://github.com/gradio-app/gradio/pull/3165)
+
+- Fixes `gr.utils.delete_none` to only remove props whose values are `None` from the config by [@abidlabs](https://github.com/abidlabs) in [PR 3188](https://github.com/gradio-app/gradio/pull/3188)
+- Fix bug where embedded demos were not loading files properly by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3177](https://github.com/gradio-app/gradio/pull/3177)
+- The `change` event is now triggered when users click the 'Clear All' button of the multiselect DropDown component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3195](https://github.com/gradio-app/gradio/pull/3195)
+- Stops File component from freezing when a large file is uploaded by [@aliabid94](https://github.com/aliabid94) in [PR 3191](https://github.com/gradio-app/gradio/pull/3191)
+- Support Chinese pinyin in Dataframe by [@aliabid94](https://github.com/aliabid94) in [PR 3206](https://github.com/gradio-app/gradio/pull/3206)
+- The `clear` event is now triggered when images are cleared by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3218](https://github.com/gradio-app/gradio/pull/3218)
+- Fix bug where auth cookies where not sent when connecting to an app via http by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3223](https://github.com/gradio-app/gradio/pull/3223)
+- Ensure latext CSS is always applied in light and dark mode by [@pngwn](https://github.com/pngwn) in [PR 3233](https://github.com/gradio-app/gradio/pull/3233)
+
+### Documentation Changes:
+
+- Sort components in docs by alphabetic order by [@aliabd](https://github.com/aliabd) in [PR 3152](https://github.com/gradio-app/gradio/pull/3152)
+- Changes to W&B guide by [@scottire](https://github.com/scottire) in [PR 3153](https://github.com/gradio-app/gradio/pull/3153)
+- Keep pnginfo metadata for gallery by [@wfng92](https://github.com/wfng92) in [PR 3150](https://github.com/gradio-app/gradio/pull/3150)
+- Add a section on how to run a Gradio app locally [@osanseviero](https://github.com/osanseviero) in [PR 3170](https://github.com/gradio-app/gradio/pull/3170)
+- Fixed typos in gradio events function documentation by [@vidalmaxime](https://github.com/vidalmaxime) in [PR 3168](https://github.com/gradio-app/gradio/pull/3168)
+- Added an example using Gradio's batch mode with the diffusers library by [@abidlabs](https://github.com/abidlabs) in [PR 3224](https://github.com/gradio-app/gradio/pull/3224)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fix demos page css and add close demos button by [@aliabd](https://github.com/aliabd) in [PR 3151](https://github.com/gradio-app/gradio/pull/3151)
+- Caches temp files from base64 input data by giving them a deterministic path based on the contents of data by [@abidlabs](https://github.com/abidlabs) in [PR 3197](https://github.com/gradio-app/gradio/pull/3197)
+- Better warnings (when there is a mismatch between the number of output components and values returned by a function, or when the `File` component or `UploadButton` component includes a `file_types` parameter along with `file_count=="dir"`) by [@abidlabs](https://github.com/abidlabs) in [PR 3194](https://github.com/gradio-app/gradio/pull/3194)
+- Raises a `gr.Error` instead of a regular Python error when you use `gr.Interface.load()` to load a model and there's an error querying the HF API by [@abidlabs](https://github.com/abidlabs) in [PR 3194](https://github.com/gradio-app/gradio/pull/3194)
+- Fixed gradio share links so that they are persistent and do not reset if network
+  connection is disrupted by by [XciD](https://github.com/XciD), [Wauplin](https://github.com/Wauplin), and [@abidlabs](https://github.com/abidlabs) in [PR 3149](https://github.com/gradio-app/gradio/pull/3149) and a follow-up to allow it to work for users upgrading from a previous Gradio version in [PR 3221](https://github.com/gradio-app/gradio/pull/3221)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.18.0
+
+### New Features:
+
+###### Revamped Stop Button for Interfaces 🛑
+
+If your Interface function is a generator, there used to be a separate `Stop` button displayed next
+to the `Submit` button.
+
+We've revamed the `Submit` button so that it turns into a `Stop` button during the generation process.
+Clicking on the `Stop` button will cancel the generation and turn it back to a `Submit` button.
+The `Stop` button will automatically turn back to a `Submit` button at the end of the generation if you don't use it!
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3124](https://github.com/gradio-app/gradio/pull/3124)
+
+###### Queue now works with reload mode!
+
+You can now call `queue` on your `demo` outside of the `if __name__ == "__main__"` block and
+run the script in reload mode with the `gradio` command.
+
+Any changes to the `app.py` file will be reflected in the webpage automatically and the queue will work
+properly!
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3089)
+
+###### Allow serving files from additional directories
+
+```python
+demo = gr.Interface(...)
+demo.launch(
+  file_directories=["/var/lib/demo/path/to/resources"]
+)
+```
+
+By [@maxaudron](https://github.com/maxaudron) in [PR 3075](https://github.com/gradio-app/gradio/pull/3075)
+
+### Bug Fixes:
+
+- Fixes URL resolution on Windows by [@abidlabs](https://github.com/abidlabs) in [PR 3108](https://github.com/gradio-app/gradio/pull/3108)
+- Example caching now works with components without a label attribute (e.g. `Column`) by [@abidlabs](https://github.com/abidlabs) in [PR 3123](https://github.com/gradio-app/gradio/pull/3123)
+- Ensure the Video component correctly resets the UI state when a new video source is loaded and reduce choppiness of UI by [@pngwn](https://github.com/abidlabs) in [PR 3117](https://github.com/gradio-app/gradio/pull/3117)
+- Fixes loading private Spaces by [@abidlabs](https://github.com/abidlabs) in [PR 3068](https://github.com/gradio-app/gradio/pull/3068)
+- Added a warning when attempting to launch an `Interface` via the `%%blocks` jupyter notebook magic command by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3126](https://github.com/gradio-app/gradio/pull/3126)
+- Fixes bug where interactive output image cannot be set when in edit mode by [@dawoodkhan82](https://github.com/@dawoodkhan82) in [PR 3135](https://github.com/gradio-app/gradio/pull/3135)
+- A share link will automatically be created when running on Sagemaker notebooks so that the front-end is properly displayed by [@abidlabs](https://github.com/abidlabs) in [PR 3137](https://github.com/gradio-app/gradio/pull/3137)
+- Fixes a few dropdown component issues; hide checkmark next to options as expected, and keyboard hover is visible by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3145]https://github.com/gradio-app/gradio/pull/3145)
+- Fixed bug where example pagination buttons were not visible in dark mode or displayed under the examples table. By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3144](https://github.com/gradio-app/gradio/pull/3144)
+- Fixed bug where the font color of axis labels and titles for native plots did not respond to dark mode preferences. By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3146](https://github.com/gradio-app/gradio/pull/3146)
+
+### Documentation Changes:
+
+- Added a guide on the 4 kinds of Gradio Interfaces by [@yvrjsharma](https://github.com/yvrjsharma) and [@abidlabs](https://github.com/abidlabs) in [PR 3003](https://github.com/gradio-app/gradio/pull/3003)
+- Explained that the parameters in `launch` will not be respected when using reload mode, e.g. `gradio` command by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3089)
+- Added a demo to show how to set up variable numbers of outputs in Gradio by [@abidlabs](https://github.com/abidlabs) in [PR 3127](https://github.com/gradio-app/gradio/pull/3127)
+- Updated docs to reflect that the `equal_height` parameter should be passed to the `.style()` method of `gr.Row()` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3125](https://github.com/gradio-app/gradio/pull/3125)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Changed URL of final image for `fake_diffusion` demos by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3120](https://github.com/gradio-app/gradio/pull/3120)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.17.1
+
+### New Features:
+
+###### iOS image rotation fixed 🔄
+
+Previously photos uploaded via iOS would be rotated after processing. This has been fixed by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3091)
+
+######### Before
+
+![image](https://user-images.githubusercontent.com/41651716/215846507-a36e9d05-1ac2-4867-8ab3-ce045a9415d9.png)
+
+######### After
+
+![image](https://user-images.githubusercontent.com/41651716/215846554-e41773ed-70f0-491a-9952-6a18babf91ef.png)
+
+###### Run on Kaggle kernels 🧪
+
+A share link will automatically be created when running on Kaggle kernels (notebooks) so that the front-end is properly displayed.
+
+![image](https://user-images.githubusercontent.com/41651716/216104254-2cf55599-449c-436c-b57e-40f6a83f9eee.png)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3101](https://github.com/gradio-app/gradio/pull/3101)
+
+### Bug Fixes:
+
+- Fix bug where examples were not rendered correctly for demos created with Blocks api that had multiple input compinents by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3090](https://github.com/gradio-app/gradio/pull/3090)
+- Fix change event listener for JSON, HighlightedText, Chatbot by [@aliabid94](https://github.com/aliabid94) in [PR 3095](https://github.com/gradio-app/gradio/pull/3095)
+- Fixes bug where video and file change event not working [@tomchang25](https://github.com/tomchang25) in [PR 3098](https://github.com/gradio-app/gradio/pull/3098)
+- Fixes bug where static_video play and pause event not working [@tomchang25](https://github.com/tomchang25) in [PR 3098](https://github.com/gradio-app/gradio/pull/3098)
+- Fixed `Gallery.style(grid=...)` by by [@aliabd](https://github.com/aliabd) in [PR 3107](https://github.com/gradio-app/gradio/pull/3107)
+
+### Documentation Changes:
+
+- Update chatbot guide to include blocks demo and markdown support section by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3023](https://github.com/gradio-app/gradio/pull/3023)
+
+* Fix a broken link in the Quick Start guide, by [@cakiki](https://github.com/cakiki) in [PR 3109](https://github.com/gradio-app/gradio/pull/3109)
+* Better docs navigation on mobile by [@aliabd](https://github.com/aliabd) in [PR 3112](https://github.com/gradio-app/gradio/pull/3112)
+* Add a guide on using Gradio with [Comet](https://comet.com/), by [@DN6](https://github.com/DN6/) in [PR 3058](https://github.com/gradio-app/gradio/pull/3058)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Set minimum `markdown-it-py` version to `2.0.0` so that the dollar math plugin is compatible by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3102](https://github.com/gradio-app/gradio/pull/3102)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.17.0
+
+### New Features:
+
+###### Extended support for Interface.load! 🏗️
+
+You can now load `image-to-text` and `conversational` pipelines from the hub!
+
+###### Image-to-text Demo
+
+```python
+io = gr.Interface.load("models/nlpconnect/vit-gpt2-image-captioning",
+                       api_key="<optional-api-key>")
+io.launch()
+```
+
+<img width="1087" alt="image" src="https://user-images.githubusercontent.com/41651716/213260197-dc5d80b4-6e50-4b3a-a764-94980930ac38.png">
+
+###### conversational Demo
+
+```python
+chatbot = gr.Interface.load("models/microsoft/DialoGPT-medium",
+                           api_key="<optional-api-key>")
+chatbot.launch()
+```
+
+![chatbot_load](https://user-images.githubusercontent.com/41651716/213260220-3eaa25b7-a38b-48c6-adeb-2718bdf297a2.gif)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3011](https://github.com/gradio-app/gradio/pull/3011)
+
+###### Download Button added to Model3D Output Component 📥
+
+No need for an additional file output component to enable model3d file downloads anymore. We now added a download button to the model3d component itself.
+
+<img width="739" alt="Screenshot 2023-01-18 at 3 52 45 PM" src="https://user-images.githubusercontent.com/12725292/213294198-5f4fda35-bde7-450c-864f-d5683e7fa29a.png">
+
+By [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3014](https://github.com/gradio-app/gradio/pull/3014)
+
+###### Fixing Auth on Spaces 🔑
+
+Authentication on spaces works now! Third party cookies must be enabled on your browser to be able
+to log in. Some browsers disable third party cookies by default (Safari, Chrome Incognito).
+
+![auth_spaces](https://user-images.githubusercontent.com/41651716/215528417-09538933-0576-4d1d-b3b9-1e877ab01905.gif)
+
+### Bug Fixes:
+
+- Fixes bug where interpretation event was not configured correctly by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2993](https://github.com/gradio-app/gradio/pull/2993)
+- Fix relative import bug in reload mode by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2992](https://github.com/gradio-app/gradio/pull/2992)
+- Fixes bug where png files were not being recognized when uploading images by [@abidlabs](https://github.com/abidlabs) in [PR 3002](https://github.com/gradio-app/gradio/pull/3002)
+- Fixes bug where external Spaces could not be loaded and used as functions if they returned files by [@abidlabs](https://github.com/abidlabs) in [PR 3004](https://github.com/gradio-app/gradio/pull/3004)
+- Fix bug where file serialization output was not JSON serializable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2999](https://github.com/gradio-app/gradio/pull/2999)
+- Fixes bug where png files were not being recognized when uploading images by [@abidlabs](https://github.com/abidlabs) in [PR 3002](https://github.com/gradio-app/gradio/pull/3002)
+- Fixes bug where temporary uploaded files were not being added to temp sets by [@abidlabs](https://github.com/abidlabs) in [PR 3005](https://github.com/gradio-app/gradio/pull/3005)
+- Fixes issue where markdown support in chatbot breaks older demos [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3006](https://github.com/gradio-app/gradio/pull/3006)
+- Fixes the `/file/` route that was broken in a recent change in [PR 3010](https://github.com/gradio-app/gradio/pull/3010)
+- Fix bug where the Image component could not serialize image urls by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2957](https://github.com/gradio-app/gradio/pull/2957)
+- Fix forwarding for guides after SEO renaming by [@aliabd](https://github.com/aliabd) in [PR 3017](https://github.com/gradio-app/gradio/pull/3017)
+- Switch all pages on the website to use latest stable gradio by [@aliabd](https://github.com/aliabd) in [PR 3016](https://github.com/gradio-app/gradio/pull/3016)
+- Fix bug related to deprecated parameters in `huggingface_hub` for the HuggingFaceDatasetSaver in [PR 3025](https://github.com/gradio-app/gradio/pull/3025)
+- Added better support for symlinks in the way absolute paths are resolved by [@abidlabs](https://github.com/abidlabs) in [PR 3037](https://github.com/gradio-app/gradio/pull/3037)
+- Fix several minor frontend bugs (loading animation, examples as gallery) frontend [@aliabid94](https://github.com/3026) in [PR 2961](https://github.com/gradio-app/gradio/pull/3026).
+- Fixes bug that the chatbot sample code does not work with certain input value by [@petrov826](https://github.com/petrov826) in [PR 3039](https://github.com/gradio-app/gradio/pull/3039).
+- Fix shadows for form element and ensure focus styles more visible in dark mode [@pngwn](https://github.com/pngwn) in [PR 3042](https://github.com/gradio-app/gradio/pull/3042).
+- Fixed bug where the Checkbox and Dropdown change events were not triggered in response to other component changes by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3045](https://github.com/gradio-app/gradio/pull/3045)
+- Fix bug where the queue was not properly restarted after launching a `closed` app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3022](https://github.com/gradio-app/gradio/pull/3022)
+- Adding missing embedded components on docs by [@aliabd](https://github.com/aliabd) in [PR 3027](https://github.com/gradio-app/gradio/pull/3027)
+- Fixes bug where app would crash if the `file_types` parameter of `gr.File` or `gr.UploadButton` was not a list by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3048](https://github.com/gradio-app/gradio/pull/3048)
+- Ensure CSS mounts correctly regardless of how many Gradio instances are on the page [@pngwn](https://github.com/pngwn) in [PR 3059](https://github.com/gradio-app/gradio/pull/3059).
+- Fix bug where input component was not hidden in the frontend for `UploadButton` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3053](https://github.com/gradio-app/gradio/pull/3053)
+- Fixes issue where after clicking submit or undo, the sketch output wouldn't clear. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3047](https://github.com/gradio-app/gradio/pull/3047)
+- Ensure spaces embedded via the web component always use the correct URLs for server requests and change ports for testing to avoid strange collisions when users are working with embedded apps locally by [@pngwn](https://github.com/pngwn) in [PR 3065](https://github.com/gradio-app/gradio/pull/3065)
+- Preserve selected image of Gallery through updated by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3061](https://github.com/gradio-app/gradio/pull/3061)
+- Fix bug where auth was not respected on HF spaces by [@freddyaboulton](https://github.com/freddyaboulton) and [@aliabid94](https://github.com/aliabid94) in [PR 3049](https://github.com/gradio-app/gradio/pull/3049)
+- Fixes bug where tabs selected attribute not working if manually change tab by [@tomchang25](https://github.com/tomchang25) in [3055](https://github.com/gradio-app/gradio/pull/3055)
+- Change chatbot to show dots on progress, and fix bug where chatbot would not stick to bottom in the case of images by [@aliabid94](https://github.com/aliabid94) in [PR 3067](https://github.com/gradio-app/gradio/pull/3079)
+
+### Documentation Changes:
+
+- SEO improvements to guides by[@aliabd](https://github.com/aliabd) in [PR 2915](https://github.com/gradio-app/gradio/pull/2915)
+- Use `gr.LinePlot` for the `blocks_kinematics` demo by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2998](https://github.com/gradio-app/gradio/pull/2998)
+- Updated the `interface_series_load` to include some inline markdown code by [@abidlabs](https://github.com/abidlabs) in [PR 3051](https://github.com/gradio-app/gradio/pull/3051)
+
+### Testing and Infrastructure Changes:
+
+- Adds a GitHub action to test if any large files (> 5MB) are present by [@abidlabs](https://github.com/abidlabs) in [PR 3013](https://github.com/gradio-app/gradio/pull/3013)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Rewrote frontend using CSS variables for themes by [@pngwn](https://github.com/pngwn) in [PR 2840](https://github.com/gradio-app/gradio/pull/2840)
+- Moved telemetry requests to run on background threads by [@abidlabs](https://github.com/abidlabs) in [PR 3054](https://github.com/gradio-app/gradio/pull/3054)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.16.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixed file upload fails for files with zero size by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2923](https://github.com/gradio-app/gradio/pull/2923)
+- Fixed bug where `mount_gradio_app` would not launch if the queue was enabled in a gradio app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2939](https://github.com/gradio-app/gradio/pull/2939)
+- Fix custom long CSS handling in Blocks by [@anton-l](https://github.com/anton-l) in [PR 2953](https://github.com/gradio-app/gradio/pull/2953)
+- Recovers the dropdown change event by [@abidlabs](https://github.com/abidlabs) in [PR 2954](https://github.com/gradio-app/gradio/pull/2954).
+- Fix audio file output by [@aliabid94](https://github.com/aliabid94) in [PR 2961](https://github.com/gradio-app/gradio/pull/2961).
+- Fixed bug where file extensions of really long files were not kept after download by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2929](https://github.com/gradio-app/gradio/pull/2929)
+- Fix bug where outputs for examples where not being returned by the backend by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2955](https://github.com/gradio-app/gradio/pull/2955)
+- Fix bug in `blocks_plug` demo that prevented switching tabs programmatically with python [@TashaSkyUp](https://github.com/https://github.com/TashaSkyUp) in [PR 2971](https://github.com/gradio-app/gradio/pull/2971).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.16.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix audio file output by [@aliabid94](https://github.com/aliabid94) in [PR 2950](https://github.com/gradio-app/gradio/pull/2950).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.16.0
+
+### New Features:
+
+###### Send custom progress updates by adding a `gr.Progress` argument after the input arguments to any function. Example:
+
+```python
+def reverse(word, progress=gr.Progress()):
+    progress(0, desc="Starting")
+    time.sleep(1)
+    new_string = ""
+    for letter in progress.tqdm(word, desc="Reversing"):
+        time.sleep(0.25)
+        new_string = letter + new_string
+    return new_string
+
+demo = gr.Interface(reverse, gr.Text(), gr.Text())
+```
+
+Progress indicator bar by [@aliabid94](https://github.com/aliabid94) in [PR 2750](https://github.com/gradio-app/gradio/pull/2750).
+
+- Added `title` argument to `TabbedInterface` by @MohamedAliRashad in [#2888](https://github.com/gradio-app/gradio/pull/2888)
+- Add support for specifying file extensions for `gr.File` and `gr.UploadButton`, using `file_types` parameter (e.g `gr.File(file_count="multiple", file_types=["text", ".json", ".csv"])`) by @dawoodkhan82 in [#2901](https://github.com/gradio-app/gradio/pull/2901)
+- Added `multiselect` option to `Dropdown` by @dawoodkhan82 in [#2871](https://github.com/gradio-app/gradio/pull/2871)
+
+###### With `multiselect` set to `true` a user can now select multiple options from the `gr.Dropdown` component.
+
+```python
+gr.Dropdown(["angola", "pakistan", "canada"], multiselect=True, value=["angola"])
+```
+
+<img width="610" alt="Screenshot 2023-01-03 at 4 14 36 PM" src="https://user-images.githubusercontent.com/12725292/210442547-c86975c9-4b4f-4b8e-8803-9d96e6a8583a.png">
+
+### Bug Fixes:
+
+- Fixed bug where an error opening an audio file led to a crash by [@FelixDombek](https://github.com/FelixDombek) in [PR 2898](https://github.com/gradio-app/gradio/pull/2898)
+- Fixed bug where setting `default_enabled=False` made it so that the entire queue did not start by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2876](https://github.com/gradio-app/gradio/pull/2876)
+- Fixed bug where csv preview for DataFrame examples would show filename instead of file contents by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2877](https://github.com/gradio-app/gradio/pull/2877)
+- Fixed bug where an error raised after yielding iterative output would not be displayed in the browser by
+  [@JaySmithWpg](https://github.com/JaySmithWpg) in [PR 2889](https://github.com/gradio-app/gradio/pull/2889)
+- Fixed bug in `blocks_style` demo that was preventing it from launching by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2890](https://github.com/gradio-app/gradio/pull/2890)
+- Fixed bug where files could not be downloaded by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2926](https://github.com/gradio-app/gradio/pull/2926)
+- Fixed bug where cached examples were not displaying properly by [@a-rogalska](https://github.com/a-rogalska) in [PR 2974](https://github.com/gradio-app/gradio/pull/2974)
+
+### Documentation Changes:
+
+- Added a Guide on using Google Sheets to create a real-time dashboard with Gradio's `DataFrame` and `LinePlot` component, by [@abidlabs](https://github.com/abidlabs) in [PR 2816](https://github.com/gradio-app/gradio/pull/2816)
+- Add a components - events matrix on the docs by [@aliabd](https://github.com/aliabd) in [PR 2921](https://github.com/gradio-app/gradio/pull/2921)
+
+### Testing and Infrastructure Changes:
+
+- Deployed PRs from forks to spaces by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2895](https://github.com/gradio-app/gradio/pull/2895)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- The `default_enabled` parameter of the `Blocks.queue` method has no effect by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2876](https://github.com/gradio-app/gradio/pull/2876)
+- Added typing to several Python files in codebase by [@abidlabs](https://github.com/abidlabs) in [PR 2887](https://github.com/gradio-app/gradio/pull/2887)
+- Excluding untracked files from demo notebook check action by [@aliabd](https://github.com/aliabd) in [PR 2897](https://github.com/gradio-app/gradio/pull/2897)
+- Optimize images and gifs by [@aliabd](https://github.com/aliabd) in [PR 2922](https://github.com/gradio-app/gradio/pull/2922)
+- Updated typing by [@1nF0rmed](https://github.com/1nF0rmed) in [PR 2904](https://github.com/gradio-app/gradio/pull/2904)
+
+### Contributors Shoutout:
+
+- @JaySmithWpg for making their first contribution to gradio!
+- @MohamedAliRashad for making their first contribution to gradio!
+
+## 3.15.0
+
+### New Features:
+
+Gradio's newest plotting component `gr.LinePlot`! 📈
+
+With this component you can easily create time series visualizations with customizable
+appearance for your demos and dashboards ... all without having to know an external plotting library.
+
+For an example of the api see below:
+
+```python
+gr.LinePlot(stocks,
+            x="date",
+            y="price",
+            color="symbol",
+            color_legend_position="bottom",
+            width=600, height=400, title="Stock Prices")
+```
+
+![image](https://user-images.githubusercontent.com/41651716/208711646-81ae3745-149b-46a3-babd-0569aecdd409.png)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2807](https://github.com/gradio-app/gradio/pull/2807)
+
+### Bug Fixes:
+
+- Fixed bug where the `examples_per_page` parameter of the `Examples` component was not passed to the internal `Dataset` component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2861](https://github.com/gradio-app/gradio/pull/2861)
+- Fixes loading Spaces that have components with default values by [@abidlabs](https://github.com/abidlabs) in [PR 2855](https://github.com/gradio-app/gradio/pull/2855)
+- Fixes flagging when `allow_flagging="auto"` in `gr.Interface()` by [@abidlabs](https://github.com/abidlabs) in [PR 2695](https://github.com/gradio-app/gradio/pull/2695)
+- Fixed bug where passing a non-list value to `gr.CheckboxGroup` would crash the entire app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2866](https://github.com/gradio-app/gradio/pull/2866)
+
+### Documentation Changes:
+
+- Added a Guide on using BigQuery with Gradio's `DataFrame` and `ScatterPlot` component,
+  by [@abidlabs](https://github.com/abidlabs) in [PR 2794](https://github.com/gradio-app/gradio/pull/2794)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixed importing gradio can cause PIL.Image.registered_extensions() to break by `[@aliencaocao](https://github.com/aliencaocao)` in `[PR 2846](https://github.com/gradio-app/gradio/pull/2846)`
+- Fix css glitch and navigation in docs by [@aliabd](https://github.com/aliabd) in [PR 2856](https://github.com/gradio-app/gradio/pull/2856)
+- Added the ability to set `x_lim`, `y_lim` and legend positions for `gr.ScatterPlot` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2807](https://github.com/gradio-app/gradio/pull/2807)
+- Remove footers and min-height the correct way by [@aliabd](https://github.com/aliabd) in [PR 2860](https://github.com/gradio-app/gradio/pull/2860)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.14.0
+
+### New Features:
+
+###### Add Waveform Visual Support to Audio
+
+Adds a `gr.make_waveform()` function that creates a waveform video by combining an audio and an optional background image by [@dawoodkhan82](http://github.com/dawoodkhan82) and [@aliabid94](http://github.com/aliabid94) in [PR 2706](https://github.com/gradio-app/gradio/pull/2706. Helpful for making audio outputs much more shareable.
+
+![waveform screenrecording](https://user-images.githubusercontent.com/7870876/206062396-164a5e71-451a-4fe0-94a7-cbe9269d57e6.gif)
+
+###### Allows Every Component to Accept an `every` Parameter
+
+When a component's initial value is a function, the `every` parameter re-runs the function every `every` seconds. By [@abidlabs](https://github.com/abidlabs) in [PR 2806](https://github.com/gradio-app/gradio/pull/2806). Here's a code example:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    df = gr.DataFrame(run_query, every=60*60)
+
+demo.queue().launch()
+```
+
+### Bug Fixes:
+
+- Fixed issue where too many temporary files were created, all with randomly generated
+  filepaths. Now fewer temporary files are created and are assigned a path that is a
+  hash based on the file contents by [@abidlabs](https://github.com/abidlabs) in [PR 2758](https://github.com/gradio-app/gradio/pull/2758)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.13.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+\*No changes to highlight.
+
+-
+
+### Documentation Changes:
+
+- Improves documentation of several queuing-related parameters by [@abidlabs](https://github.com/abidlabs) in [PR 2825](https://github.com/gradio-app/gradio/pull/2825)
+
+### Testing and Infrastructure Changes:
+
+- Remove h11 pinning by [@ecederstrand](https://github.com/ecederstrand) in [PR 2820](https://github.com/gradio-app/gradio/pull/2820)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.13.1
+
+### New Features:
+
+###### New Shareable Links
+
+Replaces tunneling logic based on ssh port-forwarding to that based on `frp` by [XciD](https://github.com/XciD) and [Wauplin](https://github.com/Wauplin) in [PR 2509](https://github.com/gradio-app/gradio/pull/2509)
+
+You don't need to do anything differently, but when you set `share=True` in `launch()`,
+you'll get this message and a public link that look a little bit different:
+
+```bash
+Setting up a public link... we have recently upgraded the way public links are generated. If you encounter any problems, please downgrade to gradio version 3.13.0
+.
+Running on public URL: https://bec81a83-5b5c-471e.gradio.live
+```
+
+These links are a more secure and scalable way to create shareable demos!
+
+### Bug Fixes:
+
+- Allows `gr.Dataframe()` to take a `pandas.DataFrame` that includes numpy array and other types as its initial value, by [@abidlabs](https://github.com/abidlabs) in [PR 2804](https://github.com/gradio-app/gradio/pull/2804)
+- Add `altair` to requirements.txt by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2811](https://github.com/gradio-app/gradio/pull/2811)
+- Added aria-labels to icon buttons that are built into UI components by [@emilyuhde](http://github.com/emilyuhde) in [PR 2791](https://github.com/gradio-app/gradio/pull/2791)
+
+### Documentation Changes:
+
+- Fixed some typos in the "Plot Component for Maps" guide by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2811](https://github.com/gradio-app/gradio/pull/2811)
+
+### Testing and Infrastructure Changes:
+
+- Fixed test for IP address by [@abidlabs](https://github.com/abidlabs) in [PR 2808](https://github.com/gradio-app/gradio/pull/2808)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixed typo in parameter `visible` in classes in `templates.py` by [@abidlabs](https://github.com/abidlabs) in [PR 2805](https://github.com/gradio-app/gradio/pull/2805)
+- Switched external service for getting IP address from `https://api.ipify.org` to `https://checkip.amazonaws.com/` by [@abidlabs](https://github.com/abidlabs) in [PR 2810](https://github.com/gradio-app/gradio/pull/2810)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+- Fixed typo in parameter `visible` in classes in `templates.py` by [@abidlabs](https://github.com/abidlabs) in [PR 2805](https://github.com/gradio-app/gradio/pull/2805)
+- Switched external service for getting IP address from `https://api.ipify.org` to `https://checkip.amazonaws.com/` by [@abidlabs](https://github.com/abidlabs) in [PR 2810](https://github.com/gradio-app/gradio/pull/2810)
+
+## 3.13.0
+
+### New Features:
+
+###### Scatter plot component
+
+It is now possible to create a scatter plot natively in Gradio!
+
+The `gr.ScatterPlot` component accepts a pandas dataframe and some optional configuration parameters
+and will automatically create a plot for you!
+
+This is the first of many native plotting components in Gradio!
+
+For an example of how to use `gr.ScatterPlot` see below:
+
+```python
+import gradio as gr
+from vega_datasets import data
+
+cars = data.cars()
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(show_label=False,
+                   value=cars,
+                   x="Horsepower",
+                   y="Miles_per_Gallon",
+                   color="Origin",
+                   tooltip="Name",
+                   title="Car Data",
+                   y_title="Miles per Gallon",
+                   color_legend_title="Origin of Car").style(container=False)
+
+demo.launch()
+```
+
+<img width="404" alt="image" src="https://user-images.githubusercontent.com/41651716/206737726-4c4da5f0-dee8-4f0a-b1e1-e2b75c4638e9.png">
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2764](https://github.com/gradio-app/gradio/pull/2764)
+
+###### Support for altair plots
+
+The `Plot` component can now accept altair plots as values!
+Simply return an altair plot from your event listener and gradio will display it in the front-end.
+See the example below:
+
+```python
+import gradio as gr
+import altair as alt
+from vega_datasets import data
+
+cars = data.cars()
+chart = (
+    alt.Chart(cars)
+    .mark_point()
+    .encode(
+        x="Horsepower",
+        y="Miles_per_Gallon",
+        color="Origin",
+    )
+)
+
+with gr.Blocks() as demo:
+    gr.Plot(value=chart)
+demo.launch()
+```
+
+<img width="1366" alt="image" src="https://user-images.githubusercontent.com/41651716/204660697-f994316f-5ca7-4e8a-93bc-eb5e0d556c91.png">
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2741](https://github.com/gradio-app/gradio/pull/2741)
+
+###### Set the background color of a Label component
+
+The `Label` component now accepts a `color` argument by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2736](https://github.com/gradio-app/gradio/pull/2736).
+The `color` argument should either be a valid css color name or hexadecimal string.
+You can update the color with `gr.Label.update`!
+
+This lets you create Alert and Warning boxes with the `Label` component. See below:
+
+```python
+import gradio as gr
+import random
+
+def update_color(value):
+    if value < 0:
+        # This is bad so use red
+        return "#FF0000"
+    elif 0 <= value <= 20:
+        # Ok but pay attention (use orange)
+        return "#ff9966"
+    else:
+        # Nothing to worry about
+        return None
+
+def update_value():
+    choice = random.choice(['good', 'bad', 'so-so'])
+    color = update_color(choice)
+    return gr.Label.update(value=choice, color=color)
+
+
+with gr.Blocks() as demo:
+    label = gr.Label(value=-10)
+    demo.load(lambda: update_value(), inputs=None, outputs=[label], every=1)
+demo.queue().launch()
+```
+
+![label_bg_color_update](https://user-images.githubusercontent.com/41651716/204400372-80e53857-f26f-4a38-a1ae-1acadff75e89.gif)
+
+###### Add Brazilian Portuguese translation
+
+Add Brazilian Portuguese translation (pt-BR.json) by [@pstwh](http://github.com/pstwh) in [PR 2753](https://github.com/gradio-app/gradio/pull/2753):
+
+<img width="951" alt="image" src="https://user-images.githubusercontent.com/1778297/206615305-4c52031e-3f7d-4df2-8805-a79894206911.png">
+
+### Bug Fixes:
+
+- Fixed issue where image thumbnails were not showing when an example directory was provided
+  by [@abidlabs](https://github.com/abidlabs) in [PR 2745](https://github.com/gradio-app/gradio/pull/2745)
+- Fixed bug loading audio input models from the hub by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2779](https://github.com/gradio-app/gradio/pull/2779).
+- Fixed issue where entities were not merged when highlighted text was generated from the
+  dictionary inputs [@payoto](https://github.com/payoto) in [PR 2767](https://github.com/gradio-app/gradio/pull/2767)
+- Fixed bug where generating events did not finish running even if the websocket connection was closed by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2783](https://github.com/gradio-app/gradio/pull/2783).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Images in the chatbot component are now resized if they exceed a max width by [@abidlabs](https://github.com/abidlabs) in [PR 2748](https://github.com/gradio-app/gradio/pull/2748)
+- Missing parameters have been added to `gr.Blocks().load()` by [@abidlabs](https://github.com/abidlabs) in [PR 2755](https://github.com/gradio-app/gradio/pull/2755)
+- Deindex share URLs from search by [@aliabd](https://github.com/aliabd) in [PR 2772](https://github.com/gradio-app/gradio/pull/2772)
+- Redirect old links and fix broken ones by [@aliabd](https://github.com/aliabd) in [PR 2774](https://github.com/gradio-app/gradio/pull/2774)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.12.0
+
+### New Features:
+
+###### The `Chatbot` component now supports a subset of Markdown (including bold, italics, code, images)
+
+You can now pass in some Markdown to the Chatbot component and it will show up,
+meaning that you can pass in images as well! by [@abidlabs](https://github.com/abidlabs) in [PR 2731](https://github.com/gradio-app/gradio/pull/2731)
+
+Here's a simple example that references a local image `lion.jpg` that is in the same
+folder as the Python script:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Chatbot([("hi", "hello **abubakar**"), ("![](/file=lion.jpg)", "cool pic")])
+
+demo.launch()
+```
+
+![Alt text](https://user-images.githubusercontent.com/1778297/204357455-5c1a4002-eee7-479d-9a1e-ba2c12522723.png)
+
+To see a more realistic example, see the new demo `/demo/chatbot_multimodal/run.py`.
+
+###### Latex support
+
+Added mathtext (a subset of latex) support to gr.Markdown. Added by [@kashif](https://github.com/kashif) and [@aliabid94](https://github.com/aliabid94) in [PR 2696](https://github.com/gradio-app/gradio/pull/2696).
+
+Example of how it can be used:
+
+```python
+gr.Markdown(
+    r"""
+    # Hello World! $\frac{\sqrt{x + y}}{4}$ is today's lesson.
+    """)
+```
+
+###### Update Accordion properties from the backend
+
+You can now update the Accordion `label` and `open` status with `gr.Accordion.update` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2690](https://github.com/gradio-app/gradio/pull/2690)
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Accordion(label="Open for greeting", open=False) as accordion:
+        gr.Textbox("Hello!")
+    open_btn = gr.Button(value="Open Accordion")
+    close_btn = gr.Button(value="Close Accordion")
+    open_btn.click(
+        lambda: gr.Accordion.update(open=True, label="Open Accordion"),
+        inputs=None,
+        outputs=[accordion],
+    )
+    close_btn.click(
+        lambda: gr.Accordion.update(open=False, label="Closed Accordion"),
+        inputs=None,
+        outputs=[accordion],
+    )
+demo.launch()
+```
+
+![update_accordion](https://user-images.githubusercontent.com/41651716/203164176-b102eae3-babe-4986-ae30-3ab4f400cedc.gif)
+
+### Bug Fixes:
+
+- Fixed bug where requests timeout is missing from utils.version_check() by [@yujiehecs](https://github.com/yujiehecs) in [PR 2729](https://github.com/gradio-app/gradio/pull/2729)
+- Fixed bug where so that the `File` component can properly preprocess files to "binary" byte-string format by [CoffeeVampir3](https://github.com/CoffeeVampir3) in [PR 2727](https://github.com/gradio-app/gradio/pull/2727)
+- Fixed bug to ensure that filenames are less than 200 characters even for non-English languages by [@SkyTNT](https://github.com/SkyTNT) in [PR 2685](https://github.com/gradio-app/gradio/pull/2685)
+
+### Documentation Changes:
+
+- Performance improvements to docs on mobile by [@aliabd](https://github.com/aliabd) in [PR 2730](https://github.com/gradio-app/gradio/pull/2730)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Make try examples button more prominent by [@aliabd](https://github.com/aliabd) in [PR 2705](https://github.com/gradio-app/gradio/pull/2705)
+- Fix id clashes in docs by [@aliabd](https://github.com/aliabd) in [PR 2713](https://github.com/gradio-app/gradio/pull/2713)
+- Fix typos in guide docs by [@andridns](https://github.com/andridns) in [PR 2722](https://github.com/gradio-app/gradio/pull/2722)
+- Add option to `include_audio` in Video component. When `True`, for `source="webcam"` this will record audio and video, for `source="upload"` this will retain the audio in an uploaded video by [@mandargogate](https://github.com/MandarGogate) in [PR 2721](https://github.com/gradio-app/gradio/pull/2721)
+
+### Contributors Shoutout:
+
+- [@andridns](https://github.com/andridns) made their first contribution in [PR 2722](https://github.com/gradio-app/gradio/pull/2722)!
+
+## 3.11.0
+
+### New Features:
+
+###### Upload Button
+
+There is now a new component called the `UploadButton` which is a file upload component but in button form! You can also specify what file types it should accept in the form of a list (ex: `image`, `video`, `audio`, `text`, or generic `file`). Added by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2591](https://github.com/gradio-app/gradio/pull/2591).
+
+Example of how it can be used:
+
+```python
+import gradio as gr
+
+def upload_file(files):
+    file_paths = [file.name for file in files]
+    return file_paths
+
+with gr.Blocks() as demo:
+    file_output = gr.File()
+    upload_button = gr.UploadButton("Click to Upload a File", file_types=["image", "video"], file_count="multiple")
+    upload_button.upload(upload_file, upload_button, file_output)
+
+demo.launch()
+```
+
+###### Revamped API documentation page
+
+New API Docs page with in-browser playground and updated aesthetics. [@gary149](https://github.com/gary149) in [PR 2652](https://github.com/gradio-app/gradio/pull/2652)
+
+###### Revamped Login page
+
+Previously our login page had its own CSS, had no dark mode, and had an ugly json message on the wrong credentials. Made the page more aesthetically consistent, added dark mode support, and a nicer error message. [@aliabid94](https://github.com/aliabid94) in [PR 2684](https://github.com/gradio-app/gradio/pull/2684)
+
+###### Accessing the Requests Object Directly
+
+You can now access the Request object directly in your Python function by [@abidlabs](https://github.com/abidlabs) in [PR 2641](https://github.com/gradio-app/gradio/pull/2641). This means that you can access request headers, the client IP address, and so on. In order to use it, add a parameter to your function and set its type hint to be `gr.Request`. Here's a simple example:
+
+```py
+import gradio as gr
+
+def echo(name, request: gr.Request):
+    if request:
+        print("Request headers dictionary:", request.headers)
+        print("IP address:", request.client.host)
+    return name
+
+io = gr.Interface(echo, "textbox", "textbox").launch()
+```
+
+### Bug Fixes:
+
+- Fixed bug that limited files from being sent over websockets to 16MB. The new limit
+  is now 1GB by [@abidlabs](https://github.com/abidlabs) in [PR 2709](https://github.com/gradio-app/gradio/pull/2709)
+
+### Documentation Changes:
+
+- Updated documentation for embedding Gradio demos on Spaces as web components by
+  [@julien-c](https://github.com/julien-c) in [PR 2698](https://github.com/gradio-app/gradio/pull/2698)
+- Updated IFrames in Guides to use the host URL instead of the Space name to be consistent with the new method for embedding Spaces, by
+  [@julien-c](https://github.com/julien-c) in [PR 2692](https://github.com/gradio-app/gradio/pull/2692)
+- Colab buttons on every demo in the website! Just click open in colab, and run the demo there.
+
+https://user-images.githubusercontent.com/9021060/202878400-cb16ed47-f4dd-4cb0-b2f0-102a9ff64135.mov
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Better warnings and error messages for `gr.Interface.load()` by [@abidlabs](https://github.com/abidlabs) in [PR 2694](https://github.com/gradio-app/gradio/pull/2694)
+- Add open in colab buttons to demos in docs and /demos by [@aliabd](https://github.com/aliabd) in [PR 2608](https://github.com/gradio-app/gradio/pull/2608)
+- Apply different formatting for the types in component docstrings by [@aliabd](https://github.com/aliabd) in [PR 2707](https://github.com/gradio-app/gradio/pull/2707)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.10.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Passes kwargs into `gr.Interface.load()` by [@abidlabs](https://github.com/abidlabs) in [PR 2669](https://github.com/gradio-app/gradio/pull/2669)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Clean up printed statements in Embedded Colab Mode by [@aliabid94](https://github.com/aliabid94) in [PR 2612](https://github.com/gradio-app/gradio/pull/2612)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.10.0
+
+- Add support for `'password'` and `'email'` types to `Textbox`. [@pngwn](https://github.com/pngwn) in [PR 2653](https://github.com/gradio-app/gradio/pull/2653)
+- `gr.Textbox` component will now raise an exception if `type` is not "text", "email", or "password" [@pngwn](https://github.com/pngwn) in [PR 2653](https://github.com/gradio-app/gradio/pull/2653). This will cause demos using the deprecated `gr.Textbox(type="number")` to raise an exception.
+
+### Bug Fixes:
+
+- Updated the minimum FastApi used in tests to version 0.87 by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2647](https://github.com/gradio-app/gradio/pull/2647)
+- Fixed bug where interfaces with examples could not be loaded with `gr.Interface.load` by [@freddyaboulton](https://github.com/freddyaboulton) [PR 2640](https://github.com/gradio-app/gradio/pull/2640)
+- Fixed bug where the `interactive` property of a component could not be updated by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2639](https://github.com/gradio-app/gradio/pull/2639)
+- Fixed bug where some URLs were not being recognized as valid URLs and thus were not
+  loading correctly in various components by [@abidlabs](https://github.com/abidlabs) in [PR 2659](https://github.com/gradio-app/gradio/pull/2659)
+
+### Documentation Changes:
+
+- Fix some typos in the embedded demo names in "05_using_blocks_like_functions.md" by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2656](https://github.com/gradio-app/gradio/pull/2656)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Add support for `'password'` and `'email'` types to `Textbox`. [@pngwn](https://github.com/pngwn) in [PR 2653](https://github.com/gradio-app/gradio/pull/2653)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.9.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Only set a min height on md and html when loading by [@pngwn](https://github.com/pngwn) in [PR 2623](https://github.com/gradio-app/gradio/pull/2623)
+
+### Documentation Changes:
+
+- See docs for the latest gradio commit to main as well the latest pip release:
+
+![main-vs-pip](https://user-images.githubusercontent.com/9021060/199607887-aab1ae4e-a070-4527-966d-024397abe15b.gif)
+
+- Modified the "Connecting To a Database Guide" to use `pd.read_sql` as opposed to low-level postgres connector by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2604](https://github.com/gradio-app/gradio/pull/2604)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Dropdown for seeing docs as latest or main by [@aliabd](https://github.com/aliabd) in [PR 2544](https://github.com/gradio-app/gradio/pull/2544)
+- Allow `gr.Templates` to accept parameters to override the defaults by [@abidlabs](https://github.com/abidlabs) in [PR 2600](https://github.com/gradio-app/gradio/pull/2600)
+- Components now throw a `ValueError()` if constructed with invalid parameters for `type` or `source` (for components that take those parameters) in [PR 2610](https://github.com/gradio-app/gradio/pull/2610)
+- Allow auth with using queue by [@GLGDLY](https://github.com/GLGDLY) in [PR 2611](https://github.com/gradio-app/gradio/pull/2611)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.9
+
+### New Features:
+
+- Gradio is now embedded directly in colab without requiring the share link by [@aliabid94](https://github.com/aliabid94) in [PR 2455](https://github.com/gradio-app/gradio/pull/2455)
+
+###### Calling functions by api_name in loaded apps
+
+When you load an upstream app with `gr.Blocks.load`, you can now specify which fn
+to call with the `api_name` parameter.
+
+```python
+import gradio as gr
+english_translator = gr.Blocks.load(name="spaces/gradio/english-translator")
+german = english_translator("My name is Freddy", api_name='translate-to-german')
+```
+
+The `api_name` parameter will take precedence over the `fn_index` parameter.
+
+### Bug Fixes:
+
+- Fixed bug where None could not be used for File,Model3D, and Audio examples by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2588](https://github.com/gradio-app/gradio/pull/2588)
+- Fixed links in Plotly map guide + demo by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2578](https://github.com/gradio-app/gradio/pull/2578)
+- `gr.Blocks.load()` now correctly loads example files from Spaces [@abidlabs](https://github.com/abidlabs) in [PR 2594](https://github.com/gradio-app/gradio/pull/2594)
+- Fixed bug when image clear started upload dialog [@mezotaken](https://github.com/mezotaken) in [PR 2577](https://github.com/gradio-app/gradio/pull/2577)
+
+### Documentation Changes:
+
+- Added a Guide on how to configure the queue for maximum performance by [@abidlabs](https://github.com/abidlabs) in [PR 2558](https://github.com/gradio-app/gradio/pull/2558)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Add `api_name` to `Blocks.__call__` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2593](https://github.com/gradio-app/gradio/pull/2593)
+- Update queue with using deque & update requirements by [@GLGDLY](https://github.com/GLGDLY) in [PR 2428](https://github.com/gradio-app/gradio/pull/2428)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.8.2
+
+### Bug Fixes:
+
+- Ensure gradio apps embedded via spaces use the correct endpoint for predictions. [@pngwn](https://github.com/pngwn) in [PR 2567](https://github.com/gradio-app/gradio/pull/2567)
+- Ensure gradio apps embedded via spaces use the correct websocket protocol. [@pngwn](https://github.com/pngwn) in [PR 2571](https://github.com/gradio-app/gradio/pull/2571)
+
+### New Features:
+
+###### Running Events Continuously
+
+Gradio now supports the ability to run an event continuously on a fixed schedule. To use this feature,
+pass `every=# of seconds` to the event definition. This will run the event every given number of seconds!
+
+This can be used to:
+
+- Create live visualizations that show the most up to date data
+- Refresh the state of the frontend automatically in response to changes in the backend
+
+Here is an example of a live plot that refreshes every half second:
+
+```python
+import math
+import gradio as gr
+import plotly.express as px
+import numpy as np
+
+
+plot_end = 2 * math.pi
+
+
+def get_plot(period=1):
+    global plot_end
+    x = np.arange(plot_end - 2 * math.pi, plot_end, 0.02)
+    y = np.sin(2*math.pi*period * x)
+    fig = px.line(x=x, y=y)
+    plot_end += 2 * math.pi
+    return fig
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("Change the value of the slider to automatically update the plot")
+            period = gr.Slider(label="Period of plot", value=1, minimum=0, maximum=10, step=1)
+            plot = gr.Plot(label="Plot (updates every half second)")
+
+    dep = demo.load(get_plot, None, plot, every=0.5)
+    period.change(get_plot, period, plot, every=0.5, cancels=[dep])
+
+demo.queue().launch()
+```
+
+![live_demo](https://user-images.githubusercontent.com/41651716/198357377-633ce460-4e31-47bd-8202-1440cdd6fe19.gif)
+
+### Bug Fixes:
+
+No changes to highlight.
+
+### Documentation Changes:
+
+- Explained how to set up `queue` and `auth` when working with reload mode by by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3089)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Allows loading private Spaces by passing an an `api_key` to `gr.Interface.load()`
+  by [@abidlabs](https://github.com/abidlabs) in [PR 2568](https://github.com/gradio-app/gradio/pull/2568)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.8
+
+### New Features:
+
+- Allows event listeners to accept a single dictionary as its argument, where the keys are the components and the values are the component values. This is set by passing the input components in the event listener as a set instead of a list. [@aliabid94](https://github.com/aliabid94) in [PR 2550](https://github.com/gradio-app/gradio/pull/2550)
+
+### Bug Fixes:
+
+- Fix whitespace issue when using plotly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2548](https://github.com/gradio-app/gradio/pull/2548)
+- Apply appropriate alt text to all gallery images. [@camenduru](https://github.com/camenduru) in [PR 2358](https://github.com/gradio-app/gradio/pull/2538)
+- Removed erroneous tkinter import in gradio.blocks by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2555](https://github.com/gradio-app/gradio/pull/2555)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Added the `every` keyword to event listeners that runs events on a fixed schedule by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2512](https://github.com/gradio-app/gradio/pull/2512)
+- Fix whitespace issue when using plotly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2548](https://github.com/gradio-app/gradio/pull/2548)
+- Apply appropriate alt text to all gallery images. [@camenduru](https://github.com/camenduru) in [PR 2358](https://github.com/gradio-app/gradio/pull/2538)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.7
+
+### New Features:
+
+###### Batched Functions
+
+Gradio now supports the ability to pass _batched_ functions. Batched functions are just
+functions which take in a list of inputs and return a list of predictions.
+
+For example, here is a batched function that takes in two lists of inputs (a list of
+words and a list of ints), and returns a list of trimmed words as output:
+
+```py
+import time
+
+def trim_words(words, lens):
+    trimmed_words = []
+    time.sleep(5)
+    for w, l in zip(words, lens):
+        trimmed_words.append(w[:l])
+    return [trimmed_words]
+```
+
+The advantage of using batched functions is that if you enable queuing, the Gradio
+server can automatically _batch_ incoming requests and process them in parallel,
+potentially speeding up your demo. Here's what the Gradio code looks like (notice
+the `batch=True` and `max_batch_size=16` -- both of these parameters can be passed
+into event triggers or into the `Interface` class)
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        word = gr.Textbox(label="word", value="abc")
+        leng = gr.Number(label="leng", precision=0, value=1)
+        output = gr.Textbox(label="Output")
+    with gr.Row():
+        run = gr.Button()
+
+    event = run.click(trim_words, [word, leng], output, batch=True, max_batch_size=16)
+
+demo.queue()
+demo.launch()
+```
+
+In the example above, 16 requests could be processed in parallel (for a total inference
+time of 5 seconds), instead of each request being processed separately (for a total
+inference time of 80 seconds).
+
+###### Upload Event
+
+`Video`, `Audio`, `Image`, and `File` components now support a `upload()` event that is triggered when a user uploads a file into any of these components.
+
+Example usage:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        input_video = gr.Video()
+        output_video = gr.Video()
+
+     # Clears the output video when an input video is uploaded
+    input_video.upload(lambda : None, None, output_video)
+```
+
+### Bug Fixes:
+
+- Fixes issue where plotly animations, interactivity, titles, legends, were not working properly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2486](https://github.com/gradio-app/gradio/pull/2486)
+- Prevent requests to the `/api` endpoint from skipping the queue if the queue is enabled for that event by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2493](https://github.com/gradio-app/gradio/pull/2493)
+- Fixes a bug with `cancels` in event triggers so that it works properly if multiple
+  Blocks are rendered by [@abidlabs](https://github.com/abidlabs) in [PR 2530](https://github.com/gradio-app/gradio/pull/2530)
+- Prevent invalid targets of events from crashing the whole application. [@pngwn](https://github.com/pngwn) in [PR 2534](https://github.com/gradio-app/gradio/pull/2534)
+- Properly dequeue cancelled events when multiple apps are rendered by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2540](https://github.com/gradio-app/gradio/pull/2540)
+- Fixes videos being cropped due to height/width params not being used [@hannahblair](https://github.com/hannahblair) in [PR 4946](https://github.com/gradio-app/gradio/pull/4946)
+
+### Documentation Changes:
+
+- Added an example interactive dashboard to the "Tabular & Plots" section of the Demos page by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2508](https://github.com/gradio-app/gradio/pull/2508)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixes the error message if a user builds Gradio locally and tries to use `share=True` by [@abidlabs](https://github.com/abidlabs) in [PR 2502](https://github.com/gradio-app/gradio/pull/2502)
+- Allows the render() function to return self by [@Raul9595](https://github.com/Raul9595) in [PR 2514](https://github.com/gradio-app/gradio/pull/2514)
+- Fixes issue where plotly animations, interactivity, titles, legends, were not working properly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2486](https://github.com/gradio-app/gradio/pull/2486)
+- Gradio now supports batched functions by [@abidlabs](https://github.com/abidlabs) in [PR 2218](https://github.com/gradio-app/gradio/pull/2218)
+- Add `upload` event for `Video`, `Audio`, `Image`, and `File` components [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2448](https://github.com/gradio-app/gradio/pull/2456)
+- Changes websocket path for Spaces as it is no longer necessary to have a different URL for websocket connections on Spaces by [@abidlabs](https://github.com/abidlabs) in [PR 2528](https://github.com/gradio-app/gradio/pull/2528)
+- Clearer error message when events are defined outside of a Blocks scope, and a warning if you
+  try to use `Series` or `Parallel` with `Blocks` by [@abidlabs](https://github.com/abidlabs) in [PR 2543](https://github.com/gradio-app/gradio/pull/2543)
+- Adds support for audio samples that are in `float64`, `float16`, or `uint16` formats by [@abidlabs](https://github.com/abidlabs) in [PR 2545](https://github.com/gradio-app/gradio/pull/2545)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.6
+
+### New Features:
+
+###### Cancelling Running Events
+
+Running events can be cancelled when other events are triggered! To test this feature, pass the `cancels` parameter to the event listener.
+For this feature to work, the queue must be enabled.
+
+![cancel_on_change_rl](https://user-images.githubusercontent.com/41651716/195952623-61a606bd-e82b-4e1a-802e-223154cb8727.gif)
+
+Code:
+
+```python
+import time
+import gradio as gr
+
+def fake_diffusion(steps):
+    for i in range(steps):
+        time.sleep(1)
+        yield str(i)
+
+def long_prediction(*args, **kwargs):
+    time.sleep(10)
+    return 42
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            n = gr.Slider(1, 10, value=9, step=1, label="Number Steps")
+            run = gr.Button()
+            output = gr.Textbox(label="Iterative Output")
+            stop = gr.Button(value="Stop Iterating")
+        with gr.Column():
+            prediction = gr.Number(label="Expensive Calculation")
+            run_pred = gr.Button(value="Run Expensive Calculation")
+        with gr.Column():
+            cancel_on_change = gr.Textbox(label="Cancel Iteration and Expensive Calculation on Change")
+
+    click_event = run.click(fake_diffusion, n, output)
+    stop.click(fn=None, inputs=None, outputs=None, cancels=[click_event])
+    pred_event = run_pred.click(fn=long_prediction, inputs=None, outputs=prediction)
+
+    cancel_on_change.change(None, None, None, cancels=[click_event, pred_event])
+
+
+demo.queue(concurrency_count=1, max_size=20).launch()
+```
+
+For interfaces, a stop button will be added automatically if the function uses a `yield` statement.
+
+```python
+import gradio as gr
+import time
+
+def iteration(steps):
+    for i in range(steps):
+       time.sleep(0.5)
+       yield i
+
+gr.Interface(iteration,
+             inputs=gr.Slider(minimum=1, maximum=10, step=1, value=5),
+             outputs=gr.Number()).queue().launch()
+```
+
+![stop_interface_rl](https://user-images.githubusercontent.com/41651716/195952883-e7ca4235-aae3-4852-8f28-96d01d0c5822.gif)
+
+### Bug Fixes:
+
+- Add loading status tracker UI to HTML and Markdown components. [@pngwn](https://github.com/pngwn) in [PR 2474](https://github.com/gradio-app/gradio/pull/2474)
+- Fixed videos being mirrored in the front-end if source is not webcam by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2475](https://github.com/gradio-app/gradio/pull/2475)
+- Add clear button for timeseries component [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2487](https://github.com/gradio-app/gradio/pull/2487)
+- Removes special characters from temporary filenames so that the files can be served by components [@abidlabs](https://github.com/abidlabs) in [PR 2480](https://github.com/gradio-app/gradio/pull/2480)
+- Fixed infinite reload loop when mounting gradio as a sub application by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2477](https://github.com/gradio-app/gradio/pull/2477)
+
+### Documentation Changes:
+
+- Adds a demo to show how a sound alert can be played upon completion of a prediction by [@abidlabs](https://github.com/abidlabs) in [PR 2478](https://github.com/gradio-app/gradio/pull/2478)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Enable running events to be cancelled from other events by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2433](https://github.com/gradio-app/gradio/pull/2433)
+- Small fix for version check before reuploading demos by [@aliabd](https://github.com/aliabd) in [PR 2469](https://github.com/gradio-app/gradio/pull/2469)
+- Add loading status tracker UI to HTML and Markdown components. [@pngwn](https://github.com/pngwn) in [PR 2400](https://github.com/gradio-app/gradio/pull/2474)
+- Add clear button for timeseries component [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2487](https://github.com/gradio-app/gradio/pull/2487)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.5
+
+### Bug Fixes:
+
+- Ensure that Gradio does not take control of the HTML page title when embedding a gradio app as a web component, this behaviour flipped by adding `control_page_title="true"` to the webcomponent. [@pngwn](https://github.com/pngwn) in [PR 2400](https://github.com/gradio-app/gradio/pull/2400)
+- Decreased latency in iterative-output demos by making the iteration asynchronous [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2409](https://github.com/gradio-app/gradio/pull/2409)
+- Fixed queue getting stuck under very high load by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2374](https://github.com/gradio-app/gradio/pull/2374)
+- Ensure that components always behave as if `interactive=True` were set when the following conditions are true:
+
+  - no default value is provided,
+  - they are not set as the input or output of an event,
+  - `interactive` kwarg is not set.
+
+  [@pngwn](https://github.com/pngwn) in [PR 2459](https://github.com/gradio-app/gradio/pull/2459)
+
+### New Features:
+
+- When an `Image` component is set to `source="upload"`, it is now possible to drag and drop and image to replace a previously uploaded image by [@pngwn](https://github.com/pngwn) in [PR 1711](https://github.com/gradio-app/gradio/issues/1711)
+- The `gr.Dataset` component now accepts `HTML` and `Markdown` components by [@abidlabs](https://github.com/abidlabs) in [PR 2437](https://github.com/gradio-app/gradio/pull/2437)
+
+### Documentation Changes:
+
+- Improved documentation for the `gr.Dataset` component by [@abidlabs](https://github.com/abidlabs) in [PR 2437](https://github.com/gradio-app/gradio/pull/2437)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+- The `Carousel` component is officially deprecated. Since gradio 3.0, code containing the `Carousel` component would throw warnings. As of the next release, the `Carousel` component will raise an exception.
+
+### Full Changelog:
+
+- Speeds up Gallery component by using temporary files instead of base64 representation in the front-end by [@proxyphi](https://github.com/proxyphi), [@pngwn](https://github.com/pngwn), and [@abidlabs](https://github.com/abidlabs) in [PR 2265](https://github.com/gradio-app/gradio/pull/2265)
+- Fixed some embedded demos in the guides by not loading the gradio web component in some guides by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2403](https://github.com/gradio-app/gradio/pull/2403)
+- When an `Image` component is set to `source="upload"`, it is now possible to drag and drop and image to replace a previously uploaded image by [@pngwn](https://github.com/pngwn) in [PR 2400](https://github.com/gradio-app/gradio/pull/2410)
+- Improve documentation of the `Blocks.load()` event by [@abidlabs](https://github.com/abidlabs) in [PR 2413](https://github.com/gradio-app/gradio/pull/2413)
+- Decreased latency in iterative-output demos by making the iteration asynchronous [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2409](https://github.com/gradio-app/gradio/pull/2409)
+- Updated share link message to reference new Spaces Hardware [@abidlabs](https://github.com/abidlabs) in [PR 2423](https://github.com/gradio-app/gradio/pull/2423)
+- Automatically restart spaces if they're down by [@aliabd](https://github.com/aliabd) in [PR 2405](https://github.com/gradio-app/gradio/pull/2405)
+- Carousel component is now deprecated by [@abidlabs](https://github.com/abidlabs) in [PR 2434](https://github.com/gradio-app/gradio/pull/2434)
+- Build Gradio from source in ui tests by by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2440](https://github.com/gradio-app/gradio/pull/2440)
+- Change "return ValueError" to "raise ValueError" by [@vzakharov](https://github.com/vzakharov) in [PR 2445](https://github.com/gradio-app/gradio/pull/2445)
+- Add guide on creating a map demo using the `gr.Plot()` component [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2402](https://github.com/gradio-app/gradio/pull/2402)
+- Add blur event for `Textbox` and `Number` components [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2448](https://github.com/gradio-app/gradio/pull/2448)
+- Stops a gradio launch from hogging a port even after it's been killed [@aliabid94](https://github.com/aliabid94) in [PR 2453](https://github.com/gradio-app/gradio/pull/2453)
+- Fix embedded interfaces on touch screen devices by [@aliabd](https://github.com/aliabd) in [PR 2457](https://github.com/gradio-app/gradio/pull/2457)
+- Upload all demos to spaces by [@aliabd](https://github.com/aliabd) in [PR 2281](https://github.com/gradio-app/gradio/pull/2281)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.4.1
+
+### New Features:
+
+###### 1. See Past and Upcoming Changes in the Release History 👀
+
+You can now see gradio's release history directly on the website, and also keep track of upcoming changes. Just go [here](https://gradio.app/changelog/).
+
+![release-history](https://user-images.githubusercontent.com/9021060/193145458-3de699f7-7620-45de-aa73-a1c1b9b96257.gif)
+
+### Bug Fixes:
+
+1. Fix typo in guide image path by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2357](https://github.com/gradio-app/gradio/pull/2357)
+2. Raise error if Blocks has duplicate component with same IDs by [@abidlabs](https://github.com/abidlabs) in [PR 2359](https://github.com/gradio-app/gradio/pull/2359)
+3. Catch the permission exception on the audio component by [@Ian-GL](https://github.com/Ian-GL) in [PR 2330](https://github.com/gradio-app/gradio/pull/2330)
+4. Fix image_classifier_interface_load demo by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2365](https://github.com/gradio-app/gradio/pull/2365)
+5. Fix combining adjacent components without gaps by introducing `gr.Row(variant="compact")` by [@aliabid94](https://github.com/aliabid94) in [PR 2291](https://github.com/gradio-app/gradio/pull/2291) This comes with deprecation of the following arguments for `Component.style`: `round`, `margin`, `border`.
+6. Fix audio streaming, which was previously choppy in [PR 2351](https://github.com/gradio-app/gradio/pull/2351). Big thanks to [@yannickfunk](https://github.com/yannickfunk) for the proposed solution.
+7. Fix bug where new typeable slider doesn't respect the minimum and maximum values [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2380](https://github.com/gradio-app/gradio/pull/2380)
+
+### Documentation Changes:
+
+1. New Guide: Connecting to a Database 🗄️
+
+   A new guide by [@freddyaboulton](https://github.com/freddyaboulton) that explains how you can use Gradio to connect your app to a database. Read more [here](https://gradio.app/connecting_to_a_database/).
+
+2. New Guide: Running Background Tasks 🥷
+
+   A new guide by [@freddyaboulton](https://github.com/freddyaboulton) that explains how you can run background tasks from your gradio app. Read more [here](https://gradio.app/running_background_tasks/).
+
+3. Small fixes to docs for `Image` component by [@abidlabs](https://github.com/abidlabs) in [PR 2372](https://github.com/gradio-app/gradio/pull/2372)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Create a guide on how to connect an app to a database hosted on the cloud by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2341](https://github.com/gradio-app/gradio/pull/2341)
+- Removes `analytics` dependency by [@abidlabs](https://github.com/abidlabs) in [PR 2347](https://github.com/gradio-app/gradio/pull/2347)
+- Add guide on launching background tasks from your app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2350](https://github.com/gradio-app/gradio/pull/2350)
+- Fix typo in guide image path by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2357](https://github.com/gradio-app/gradio/pull/2357)
+- Raise error if Blocks has duplicate component with same IDs by [@abidlabs](https://github.com/abidlabs) in [PR 2359](https://github.com/gradio-app/gradio/pull/2359)
+- Hotfix: fix version back to 3.4 by [@abidlabs](https://github.com/abidlabs) in [PR 2361](https://github.com/gradio-app/gradio/pull/2361)
+- Change version.txt to 3.4 instead of 3.4.0 by [@aliabd](https://github.com/aliabd) in [PR 2363](https://github.com/gradio-app/gradio/pull/2363)
+- Catch the permission exception on the audio component by [@Ian-GL](https://github.com/Ian-GL) in [PR 2330](https://github.com/gradio-app/gradio/pull/2330)
+- Fix image_classifier_interface_load demo by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2365](https://github.com/gradio-app/gradio/pull/2365)
+- Small fixes to docs for `Image` component by [@abidlabs](https://github.com/abidlabs) in [PR 2372](https://github.com/gradio-app/gradio/pull/2372)
+- Automated Release Notes by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2306](https://github.com/gradio-app/gradio/pull/2306)
+- Fixed small typos in the docs [@julien-c](https://github.com/julien-c) in [PR 2373](https://github.com/gradio-app/gradio/pull/2373)
+- Adds ability to disable pre/post-processing for examples [@abidlabs](https://github.com/abidlabs) in [PR 2383](https://github.com/gradio-app/gradio/pull/2383)
+- Copy changelog file in website docker by [@aliabd](https://github.com/aliabd) in [PR 2384](https://github.com/gradio-app/gradio/pull/2384)
+- Lets users provide a `gr.update()` dictionary even if post-processing is disabled [@abidlabs](https://github.com/abidlabs) in [PR 2385](https://github.com/gradio-app/gradio/pull/2385)
+- Fix bug where errors would cause apps run in reload mode to hang forever by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2394](https://github.com/gradio-app/gradio/pull/2394)
+- Fix bug where new typeable slider doesn't respect the minimum and maximum values [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2380](https://github.com/gradio-app/gradio/pull/2380)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.4
+
+### New Features:
+
+###### 1. Gallery Captions 🖼️
+
+You can now pass captions to images in the Gallery component. To do so you need to pass a {List} of (image, {str} caption) tuples. This is optional and the component also accepts just a list of the images.
+
+Here's an example:
+
+```python
+import gradio as gr
+
+images_with_captions = [
+    ("https://images.unsplash.com/photo-1551969014-7d2c4cddf0b6", "Cheetah by David Groves"),
+    ("https://images.unsplash.com/photo-1546182990-dffeafbe841d", "Lion by Francesco"),
+    ("https://images.unsplash.com/photo-1561731216-c3a4d99437d5", "Tiger by Mike Marrah")
+    ]
+
+with gr.Blocks() as demo:
+    gr.Gallery(value=images_with_captions)
+
+demo.launch()
+```
+
+<img src="https://user-images.githubusercontent.com/9021060/192399521-7360b1a9-7ce0-443e-8e94-863a230a7dbe.gif" alt="gallery_captions" width="1000"/>
+
+###### 2. Type Values into the Slider 🔢
+
+You can now type values directly on the Slider component! Here's what it looks like:
+
+![type-slider](https://user-images.githubusercontent.com/9021060/192399877-76b662a1-fede-4417-a932-fc15f0da7360.gif)
+
+###### 3. Better Sketching and Inpainting 🎨
+
+We've made a lot of changes to our Image component so that it can support better sketching and inpainting.
+
+Now supports:
+
+- A standalone black-and-white sketch
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())
+demo.launch()
+```
+
+![bw](https://user-images.githubusercontent.com/9021060/192410264-b08632b5-7b2a-4f86-afb0-5760e7b474cf.gif)
+
+- A standalone color sketch
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Paint(), gr.Image())
+demo.launch()
+```
+
+![color-sketch](https://user-images.githubusercontent.com/9021060/192410500-3c8c3e64-a5fd-4df2-a991-f0a5cef93728.gif)
+
+- An uploadable image with black-and-white or color sketching
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Image(source='upload', tool='color-sketch'), gr.Image()) # for black and white, tool = 'sketch'
+demo.launch()
+```
+
+![sketch-new](https://user-images.githubusercontent.com/9021060/192402422-e53cb7b6-024e-448c-87eb-d6a35a63c476.gif)
+
+- Webcam with black-and-white or color sketching
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Image(source='webcam', tool='color-sketch'), gr.Image()) # for black and white, tool = 'sketch'
+demo.launch()
+```
+
+![webcam-sketch](https://user-images.githubusercontent.com/9021060/192410820-0ffaf324-776e-4e1f-9de6-0fdbbf4940fa.gif)
+
+As well as other fixes
+
+### Bug Fixes:
+
+1. Fix bug where max concurrency count is not respected in queue by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2286](https://github.com/gradio-app/gradio/pull/2286)
+2. fix : queue could be blocked by [@SkyTNT](https://github.com/SkyTNT) in [PR 2288](https://github.com/gradio-app/gradio/pull/2288)
+3. Supports `gr.update()` in example caching by [@abidlabs](https://github.com/abidlabs) in [PR 2309](https://github.com/gradio-app/gradio/pull/2309)
+4. Clipboard fix for iframes by [@abidlabs](https://github.com/abidlabs) in [PR 2321](https://github.com/gradio-app/gradio/pull/2321)
+5. Fix: Dataframe column headers are reset when you add a new column by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2318](https://github.com/gradio-app/gradio/pull/2318)
+6. Added support for URLs for Video, Audio, and Image by [@abidlabs](https://github.com/abidlabs) in [PR 2256](https://github.com/gradio-app/gradio/pull/2256)
+7. Add documentation about how to create and use the Gradio FastAPI app by [@abidlabs](https://github.com/abidlabs) in [PR 2263](https://github.com/gradio-app/gradio/pull/2263)
+
+### Documentation Changes:
+
+1. Adding a Playground Tab to the Website by [@aliabd](https://github.com/aliabd) in [PR 1860](https://github.com/gradio-app/gradio/pull/1860)
+2. Gradio for Tabular Data Science Workflows Guide by [@merveenoyan](https://github.com/merveenoyan) in [PR 2199](https://github.com/gradio-app/gradio/pull/2199)
+3. Promotes `postprocess` and `preprocess` to documented parameters by [@abidlabs](https://github.com/abidlabs) in [PR 2293](https://github.com/gradio-app/gradio/pull/2293)
+4. Update 2)key_features.md by [@voidxd](https://github.com/voidxd) in [PR 2326](https://github.com/gradio-app/gradio/pull/2326)
+5. Add docs to blocks context postprocessing function by [@Ian-GL](https://github.com/Ian-GL) in [PR 2332](https://github.com/gradio-app/gradio/pull/2332)
+
+### Testing and Infrastructure Changes
+
+1. Website fixes and refactoring by [@aliabd](https://github.com/aliabd) in [PR 2280](https://github.com/gradio-app/gradio/pull/2280)
+2. Don't deploy to spaces on release by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2313](https://github.com/gradio-app/gradio/pull/2313)
+
+### Full Changelog:
+
+- Website fixes and refactoring by [@aliabd](https://github.com/aliabd) in [PR 2280](https://github.com/gradio-app/gradio/pull/2280)
+- Fix bug where max concurrency count is not respected in queue by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2286](https://github.com/gradio-app/gradio/pull/2286)
+- Promotes `postprocess` and `preprocess` to documented parameters by [@abidlabs](https://github.com/abidlabs) in [PR 2293](https://github.com/gradio-app/gradio/pull/2293)
+- Raise warning when trying to cache examples but not all inputs have examples by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2279](https://github.com/gradio-app/gradio/pull/2279)
+- fix : queue could be blocked by [@SkyTNT](https://github.com/SkyTNT) in [PR 2288](https://github.com/gradio-app/gradio/pull/2288)
+- Don't deploy to spaces on release by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2313](https://github.com/gradio-app/gradio/pull/2313)
+- Supports `gr.update()` in example caching by [@abidlabs](https://github.com/abidlabs) in [PR 2309](https://github.com/gradio-app/gradio/pull/2309)
+- Respect Upstream Queue when loading interfaces/blocks from Spaces by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2294](https://github.com/gradio-app/gradio/pull/2294)
+- Clipboard fix for iframes by [@abidlabs](https://github.com/abidlabs) in [PR 2321](https://github.com/gradio-app/gradio/pull/2321)
+- Sketching + Inpainting Capabilities to Gradio by [@abidlabs](https://github.com/abidlabs) in [PR 2144](https://github.com/gradio-app/gradio/pull/2144)
+- Update 2)key_features.md by [@voidxd](https://github.com/voidxd) in [PR 2326](https://github.com/gradio-app/gradio/pull/2326)
+- release 3.4b3 by [@abidlabs](https://github.com/abidlabs) in [PR 2328](https://github.com/gradio-app/gradio/pull/2328)
+- Fix: Dataframe column headers are reset when you add a new column by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2318](https://github.com/gradio-app/gradio/pull/2318)
+- Start queue when gradio is a sub application by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2319](https://github.com/gradio-app/gradio/pull/2319)
+- Fix Web Tracker Script by [@aliabd](https://github.com/aliabd) in [PR 2308](https://github.com/gradio-app/gradio/pull/2308)
+- Add docs to blocks context postprocessing function by [@Ian-GL](https://github.com/Ian-GL) in [PR 2332](https://github.com/gradio-app/gradio/pull/2332)
+- Fix typo in iterator variable name in run_predict function by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2340](https://github.com/gradio-app/gradio/pull/2340)
+- Add captions to galleries by [@aliabid94](https://github.com/aliabid94) in [PR 2284](https://github.com/gradio-app/gradio/pull/2284)
+- Typeable value on gradio.Slider by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2329](https://github.com/gradio-app/gradio/pull/2329)
+
+### Contributors Shoutout:
+
+- [@SkyTNT](https://github.com/SkyTNT) made their first contribution in [PR 2288](https://github.com/gradio-app/gradio/pull/2288)
+- [@voidxd](https://github.com/voidxd) made their first contribution in [PR 2326](https://github.com/gradio-app/gradio/pull/2326)
+
+## 3.3
+
+### New Features:
+
+###### 1. Iterative Outputs ⏳
+
+You can now create an iterative output simply by having your function return a generator!
+
+Here's (part of) an example that was used to generate the interface below it. [See full code](https://colab.research.google.com/drive/1m9bWS6B82CT7bw-m4L6AJR8za7fEK7Ov?usp=sharing).
+
+```python
+def predict(steps, seed):
+    generator = torch.manual_seed(seed)
+    for i in range(1,steps):
+        yield pipeline(generator=generator, num_inference_steps=i)["sample"][0]
+```
+
+![example](https://user-images.githubusercontent.com/9021060/189086273-f5e7087d-71fa-4158-90a9-08e84da0421c.mp4)
+
+###### 2. Accordion Layout 🆕
+
+This version of Gradio introduces a new layout component to Blocks: the Accordion. Wrap your elements in a neat, expandable layout that allows users to toggle them as needed.
+
+Usage: ([Read the docs](https://gradio.app/docs/#accordion))
+
+```python
+with gr.Accordion("open up"):
+# components here
+```
+
+![accordion](https://user-images.githubusercontent.com/9021060/189088465-f0ffd7f0-fc6a-42dc-9249-11c5e1e0529b.gif)
+
+###### 3. Skops Integration 📈
+
+Our new integration with [skops](https://huggingface.co/blog/skops) allows you to load tabular classification and regression models directly from the [hub](https://huggingface.co/models).
+
+Here's a classification example showing how quick it is to set up an interface for a [model](https://huggingface.co/scikit-learn/tabular-playground).
+
+```python
+import gradio as gr
+gr.Interface.load("models/scikit-learn/tabular-playground").launch()
+```
+
+![187936493-5c90c01d-a6dd-400f-aa42-833a096156a1](https://user-images.githubusercontent.com/9021060/189090519-328fbcb4-120b-43c8-aa54-d6fccfa6b7e8.png)
+
+### Bug Fixes:
+
+No changes to highlight.
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- safari fixes by [@pngwn](https://github.com/pngwn) in [PR 2138](https://github.com/gradio-app/gradio/pull/2138)
+- Fix roundedness and form borders by [@aliabid94](https://github.com/aliabid94) in [PR 2147](https://github.com/gradio-app/gradio/pull/2147)
+- Better processing of example data prior to creating dataset component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2147](https://github.com/gradio-app/gradio/pull/2147)
+- Show error on Connection drops by [@aliabid94](https://github.com/aliabid94) in [PR 2147](https://github.com/gradio-app/gradio/pull/2147)
+- 3.2 release! by [@abidlabs](https://github.com/abidlabs) in [PR 2139](https://github.com/gradio-app/gradio/pull/2139)
+- Fixed Named API Requests by [@abidlabs](https://github.com/abidlabs) in [PR 2151](https://github.com/gradio-app/gradio/pull/2151)
+- Quick Fix: Cannot upload Model3D image after clearing it by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2168](https://github.com/gradio-app/gradio/pull/2168)
+- Fixed misleading log when server_name is '0.0.0.0' by [@lamhoangtung](https://github.com/lamhoangtung) in [PR 2176](https://github.com/gradio-app/gradio/pull/2176)
+- Keep embedded PngInfo metadata by [@cobryan05](https://github.com/cobryan05) in [PR 2170](https://github.com/gradio-app/gradio/pull/2170)
+- Skops integration: Load tabular classification and regression models from the hub by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2126](https://github.com/gradio-app/gradio/pull/2126)
+- Respect original filename when cached example files are downloaded by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2145](https://github.com/gradio-app/gradio/pull/2145)
+- Add manual trigger to deploy to pypi by [@abidlabs](https://github.com/abidlabs) in [PR 2192](https://github.com/gradio-app/gradio/pull/2192)
+- Fix bugs with gr.update by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2157](https://github.com/gradio-app/gradio/pull/2157)
+- Make queue per app by [@aliabid94](https://github.com/aliabid94) in [PR 2193](https://github.com/gradio-app/gradio/pull/2193)
+- Preserve Labels In Interpretation Components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2166](https://github.com/gradio-app/gradio/pull/2166)
+- Quick Fix: Multiple file download not working by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2169](https://github.com/gradio-app/gradio/pull/2169)
+- use correct MIME type for js-script file by [@daspartho](https://github.com/daspartho) in [PR 2200](https://github.com/gradio-app/gradio/pull/2200)
+- Add accordion component by [@aliabid94](https://github.com/aliabid94) in [PR 2208](https://github.com/gradio-app/gradio/pull/2208)
+
+### Contributors Shoutout:
+
+- [@lamhoangtung](https://github.com/lamhoangtung) made their first contribution in [PR 2176](https://github.com/gradio-app/gradio/pull/2176)
+- [@cobryan05](https://github.com/cobryan05) made their first contribution in [PR 2170](https://github.com/gradio-app/gradio/pull/2170)
+- [@daspartho](https://github.com/daspartho) made their first contribution in [PR 2200](https://github.com/gradio-app/gradio/pull/2200)
+
+## 3.2
+
+### New Features:
+
+###### 1. Improvements to Queuing 🥇
+
+We've implemented a brand new queuing system based on **web sockets** instead of HTTP long polling. Among other things, this allows us to manage queue sizes better on Hugging Face Spaces. There are also additional queue-related parameters you can add:
+
+- Now supports concurrent workers (parallelization)
+
+```python
+demo = gr.Interface(...)
+demo.queue(concurrency_count=3)
+demo.launch()
+```
+
+- Configure a maximum queue size
+
+```python
+demo = gr.Interface(...)
+demo.queue(max_size=100)
+demo.launch()
+```
+
+- If a user closes their tab / browser, they leave the queue, which means the demo will run faster for everyone else
+
+###### 2. Fixes to Examples
+
+- Dataframe examples will render properly, and look much clearer in the UI: (thanks to PR #2125)
+
+![Screen Shot 2022-08-30 at 8 29 58 PM](https://user-images.githubusercontent.com/9021060/187586561-d915bafb-f968-4966-b9a2-ef41119692b2.png)
+
+- Image and Video thumbnails are cropped to look neater and more uniform: (thanks to PR #2109)
+
+![Screen Shot 2022-08-30 at 8 32 15 PM](https://user-images.githubusercontent.com/9021060/187586890-56e1e4f0-1b84-42d9-a82f-911772c41030.png)
+
+- Other fixes in PR #2131 and #2064 make it easier to design and use Examples
+
+###### 3. Component Fixes 🧱
+
+- Specify the width and height of an image in its style tag (thanks to PR #2133)
+
+```python
+components.Image().style(height=260, width=300)
+```
+
+- Automatic conversion of videos so they are playable in the browser (thanks to PR #2003). Gradio will check if a video's format is playable in the browser and, if it isn't, will automatically convert it to a format that is (mp4).
+- Pass in a json filepath to the Label component (thanks to PR #2083)
+- Randomize the default value of a Slider (thanks to PR #1935)
+
+![slider-random](https://user-images.githubusercontent.com/9021060/187596230-3db9697f-9f4d-42f5-9387-d77573513448.gif)
+
+- Improvements to State in PR #2100
+
+###### 4. Ability to Randomize Input Sliders and Reload Data whenever the Page Loads
+
+- In some cases, you want to be able to show a different set of input data to every user as they load the page app. For example, you might want to randomize the value of a "seed" `Slider` input. Or you might want to show a `Textbox` with the current date. We now supporting passing _functions_ as the default value in input components. When you pass in a function, it gets **re-evaluated** every time someone loads the demo, allowing you to reload / change data for different users.
+
+Here's an example loading the current date time into an input Textbox:
+
+```python
+import gradio as gr
+import datetime
+
+with gr.Blocks() as demo:
+    gr.Textbox(datetime.datetime.now)
+
+demo.launch()
+```
+
+Note that we don't evaluate the function -- `datetime.datetime.now()` -- we pass in the function itself to get this behavior -- `datetime.datetime.now`
+
+Because randomizing the initial value of `Slider` is a common use case, we've added a `randomize` keyword argument you can use to randomize its initial value:
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x:x, gr.Slider(0, 10, randomize=True), "number")
+demo.launch()
+```
+
+###### 5. New Guide 🖊️
+
+- [Gradio and W&B Integration](https://gradio.app/Gradio_and_Wandb_Integration/)
+
+### Full Changelog:
+
+- Reset components to original state by setting value to None by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2044](https://github.com/gradio-app/gradio/pull/2044)
+- Cleaning up the way data is processed for components by [@abidlabs](https://github.com/abidlabs) in [PR 1967](https://github.com/gradio-app/gradio/pull/1967)
+- version 3.1.8b by [@abidlabs](https://github.com/abidlabs) in [PR 2063](https://github.com/gradio-app/gradio/pull/2063)
+- Wandb guide by [@AK391](https://github.com/AK391) in [PR 1898](https://github.com/gradio-app/gradio/pull/1898)
+- Add a flagging callback to save json files to a hugging face dataset by [@chrisemezue](https://github.com/chrisemezue) in [PR 1821](https://github.com/gradio-app/gradio/pull/1821)
+- Add data science demos to landing page by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2067](https://github.com/gradio-app/gradio/pull/2067)
+- Hide time series + xgboost demos by default by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2079](https://github.com/gradio-app/gradio/pull/2079)
+- Encourage people to keep trying when queue full by [@apolinario](https://github.com/apolinario) in [PR 2076](https://github.com/gradio-app/gradio/pull/2076)
+- Updated our analytics on creation of Blocks/Interface by [@abidlabs](https://github.com/abidlabs) in [PR 2082](https://github.com/gradio-app/gradio/pull/2082)
+- `Label` component now accepts file paths to `.json` files by [@abidlabs](https://github.com/abidlabs) in [PR 2083](https://github.com/gradio-app/gradio/pull/2083)
+- Fix issues related to demos in Spaces by [@abidlabs](https://github.com/abidlabs) in [PR 2086](https://github.com/gradio-app/gradio/pull/2086)
+- Fix TimeSeries examples not properly displayed in UI by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2064](https://github.com/gradio-app/gradio/pull/2064)
+- Fix infinite requests when doing tab item select by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2070](https://github.com/gradio-app/gradio/pull/2070)
+- Accept deprecated `file` route as well by [@abidlabs](https://github.com/abidlabs) in [PR 2099](https://github.com/gradio-app/gradio/pull/2099)
+- Allow frontend method execution on Block.load event by [@codedealer](https://github.com/codedealer) in [PR 2108](https://github.com/gradio-app/gradio/pull/2108)
+- Improvements to `State` by [@abidlabs](https://github.com/abidlabs) in [PR 2100](https://github.com/gradio-app/gradio/pull/2100)
+- Catch IndexError, KeyError in video_is_playable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2113](https://github.com/gradio-app/gradio/pull/2113)
+- Fix: Download button does not respect the filepath returned by the function by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2073](https://github.com/gradio-app/gradio/pull/2073)
+- Refactoring Layout: Adding column widths, forms, and more. by [@aliabid94](https://github.com/aliabid94) in [PR 2097](https://github.com/gradio-app/gradio/pull/2097)
+- Update CONTRIBUTING.md by [@abidlabs](https://github.com/abidlabs) in [PR 2118](https://github.com/gradio-app/gradio/pull/2118)
+- 2092 df ex by [@pngwn](https://github.com/pngwn) in [PR 2125](https://github.com/gradio-app/gradio/pull/2125)
+- feat(samples table/gallery): Crop thumbs to square by [@ronvoluted](https://github.com/ronvoluted) in [PR 2109](https://github.com/gradio-app/gradio/pull/2109)
+- Some enhancements to `gr.Examples` by [@abidlabs](https://github.com/abidlabs) in [PR 2131](https://github.com/gradio-app/gradio/pull/2131)
+- Image size fix by [@aliabid94](https://github.com/aliabid94) in [PR 2133](https://github.com/gradio-app/gradio/pull/2133)
+
+### Contributors Shoutout:
+
+- [@chrisemezue](https://github.com/chrisemezue) made their first contribution in [PR 1821](https://github.com/gradio-app/gradio/pull/1821)
+- [@apolinario](https://github.com/apolinario) made their first contribution in [PR 2076](https://github.com/gradio-app/gradio/pull/2076)
+- [@codedealer](https://github.com/codedealer) made their first contribution in [PR 2108](https://github.com/gradio-app/gradio/pull/2108)
+
+## 3.1
+
+### New Features:
+
+###### 1. Embedding Demos on Any Website 💻
+
+With PR #1444, Gradio is now distributed as a web component. This means demos can be natively embedded on websites. You'll just need to add two lines: one to load the gradio javascript, and one to link to the demos backend.
+
+Here's a simple example that embeds the demo from a Hugging Face space:
+
+```html
+<script
+	type="module"
+	src="https://gradio.s3-us-west-2.amazonaws.com/3.0.18/gradio.js"
+></script>
+<gradio-app space="abidlabs/pytorch-image-classifier"></gradio-app>
+```
+
+But you can also embed demos that are running anywhere, you just need to link the demo to `src` instead of `space`. In fact, all the demos on the gradio website are embedded this way:
+
+<img width="1268" alt="Screen Shot 2022-07-14 at 2 41 44 PM" src="https://user-images.githubusercontent.com/9021060/178997124-b2f05af2-c18f-4716-bf1b-cb971d012636.png">
+
+Read more in the [Embedding Gradio Demos](https://gradio.app/embedding_gradio_demos) guide.
+
+###### 2. Reload Mode 👨‍💻
+
+Reload mode helps developers create gradio demos faster by automatically reloading the demo whenever the code changes. It can support development on Python IDEs (VS Code, PyCharm, etc), the terminal, as well as Jupyter notebooks.
+
+If your demo code is in a script named `app.py`, instead of running `python app.py` you can now run `gradio app.py` and that will launch the demo in reload mode:
+
+```bash
+Launching in reload mode on: http://127.0.0.1:7860 (Press CTRL+C to quit)
+Watching...
+WARNING: The --reload flag should not be used in production on Windows.
+```
+
+If you're working from a Jupyter or Colab Notebook, use these magic commands instead: `%load_ext gradio` when you import gradio, and `%%blocks` in the top of the cell with the demo code. Here's an example that shows how much faster the development becomes:
+
+![Blocks](https://user-images.githubusercontent.com/9021060/178986488-ed378cc8-5141-4330-ba41-672b676863d0.gif)
+
+###### 3. Inpainting Support on `gr.Image()` 🎨
+
+We updated the Image component to add support for inpainting demos. It works by adding `tool="sketch"` as a parameter, that passes both an image and a sketchable mask to your prediction function.
+
+Here's an example from the [LAMA space](https://huggingface.co/spaces/akhaliq/lama):
+
+![FXApVlFVsAALSD-](https://user-images.githubusercontent.com/9021060/178989479-549867c8-7fb0-436a-a97d-1e91c9f5e611.jpeg)
+
+###### 4. Markdown and HTML support in Dataframes 🔢
+
+We upgraded the Dataframe component in PR #1684 to support rendering Markdown and HTML inside the cells.
+
+This means you can build Dataframes that look like the following:
+
+![image (8)](https://user-images.githubusercontent.com/9021060/178991233-41cb07a5-e7a3-433e-89b8-319bc78eb9c2.png)
+
+###### 5. `gr.Examples()` for Blocks 🧱
+
+We've added the `gr.Examples` component helper to allow you to add examples to any Blocks demo. This class is a wrapper over the `gr.Dataset` component.
+
+<img width="1271" alt="Screen Shot 2022-07-14 at 2 23 50 PM" src="https://user-images.githubusercontent.com/9021060/178992715-c8bc7550-bc3d-4ddc-9fcb-548c159cd153.png">
+
+gr.Examples takes two required parameters:
+
+- `examples` which takes in a nested list
+- `inputs` which takes in a component or list of components
+
+You can read more in the [Examples docs](https://gradio.app/docs/#examples) or the [Adding Examples to your Demos guide](https://gradio.app/adding_examples_to_your_app/).
+
+###### 6. Fixes to Audio Streaming
+
+With [PR 1828](https://github.com/gradio-app/gradio/pull/1828) we now hide the status loading animation, as well as remove the echo in streaming. Check out the [stream_audio](https://github.com/gradio-app/gradio/blob/main/demo/stream_audio/run.py) demo for more or read through our [Real Time Speech Recognition](https://gradio.app/real_time_speech_recognition/) guide.
+
+<img width="785" alt="Screen Shot 2022-07-19 at 6 02 35 PM" src="https://user-images.githubusercontent.com/9021060/179808136-9e84502c-f9ee-4f30-b5e9-1086f678fe91.png">
+
+### Full Changelog:
+
+- File component: list multiple files and allow for download #1446 by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1681](https://github.com/gradio-app/gradio/pull/1681)
+- Add ColorPicker to docs by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1768](https://github.com/gradio-app/gradio/pull/1768)
+- Mock out requests in TestRequest unit tests by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1794](https://github.com/gradio-app/gradio/pull/1794)
+- Add requirements.txt and test_files to source dist by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1817](https://github.com/gradio-app/gradio/pull/1817)
+- refactor: f-string for tunneling.py by [@nhankiet](https://github.com/nhankiet) in [PR 1819](https://github.com/gradio-app/gradio/pull/1819)
+- Miscellaneous formatting improvements to website by [@aliabd](https://github.com/aliabd) in [PR 1754](https://github.com/gradio-app/gradio/pull/1754)
+- `integrate()` method moved to `Blocks` by [@abidlabs](https://github.com/abidlabs) in [PR 1776](https://github.com/gradio-app/gradio/pull/1776)
+- Add python-3.7 tests by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1818](https://github.com/gradio-app/gradio/pull/1818)
+- Copy test dir in website dockers by [@aliabd](https://github.com/aliabd) in [PR 1827](https://github.com/gradio-app/gradio/pull/1827)
+- Add info to docs on how to set default values for components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1788](https://github.com/gradio-app/gradio/pull/1788)
+- Embedding Components on Docs by [@aliabd](https://github.com/aliabd) in [PR 1726](https://github.com/gradio-app/gradio/pull/1726)
+- Remove usage of deprecated gr.inputs and gr.outputs from website by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1796](https://github.com/gradio-app/gradio/pull/1796)
+- Some cleanups to the docs page by [@abidlabs](https://github.com/abidlabs) in [PR 1822](https://github.com/gradio-app/gradio/pull/1822)
+
+### Contributors Shoutout:
+
+- [@nhankiet](https://github.com/nhankiet) made their first contribution in [PR 1819](https://github.com/gradio-app/gradio/pull/1819)
+
+## 3.0
+
+###### 🔥 Gradio 3.0 is the biggest update to the library, ever.
+
+### New Features:
+
+###### 1. Blocks 🧱
+
+Blocks is a new, low-level API that allows you to have full control over the data flows and layout of your application. It allows you to build very complex, multi-step applications. For example, you might want to:
+
+- Group together related demos as multiple tabs in one web app
+- Change the layout of your demo instead of just having all of the inputs on the left and outputs on the right
+- Have multi-step interfaces, in which the output of one model becomes the input to the next model, or have more flexible data flows in general
+- Change a component's properties (for example, the choices in a Dropdown) or its visibility based on user input
+
+Here's a simple example that creates the demo below it:
+
+```python
+import gradio as gr
+
+def update(name):
+    return f"Welcome to Gradio, {name}!"
+
+demo = gr.Blocks()
+
+with demo:
+    gr.Markdown(
+    """
+    # Hello World!
+    Start typing below to see the output.
+    """)
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+
+    inp.change(fn=update,
+               inputs=inp,
+               outputs=out)
+
+demo.launch()
+```
+
+![hello-blocks](https://user-images.githubusercontent.com/9021060/168684108-78cbd24b-e6bd-4a04-a8d9-20d535203434.gif)
+
+Read our [Introduction to Blocks](http://gradio.app/introduction_to_blocks/) guide for more, and join the 🎈 [Gradio Blocks Party](https://huggingface.co/spaces/Gradio-Blocks/README)!
+
+###### 2. Our Revamped Design 🎨
+
+We've upgraded our design across the entire library: from components, and layouts all the way to dark mode.
+
+![kitchen_sink](https://user-images.githubusercontent.com/9021060/168686333-7a6e3096-3e23-4309-abf2-5cd7736e0463.gif)
+
+###### 3. A New Website 💻
+
+We've upgraded [gradio.app](https://gradio.app) to make it cleaner, faster and easier to use. Our docs now come with components and demos embedded directly on the page. So you can quickly get up to speed with what you're looking for.
+
+![website](https://user-images.githubusercontent.com/9021060/168687191-10d6a3bd-101f-423a-8193-48f47a5e077d.gif)
+
+###### 4. New Components: Model3D, Dataset, and More..
+
+We've introduced a lot of new components in `3.0`, including `Model3D`, `Dataset`, `Markdown`, `Button` and `Gallery`. You can find all the components and play around with them [here](https://gradio.app/docs/#components).
+
+![Model3d](https://user-images.githubusercontent.com/9021060/168689062-6ad77151-8cc5-467d-916c-f7c78e52ec0c.gif)
+
+### Full Changelog:
+
+- Gradio dash fe by [@pngwn](https://github.com/pngwn) in [PR 807](https://github.com/gradio-app/gradio/pull/807)
+- Blocks components by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 765](https://github.com/gradio-app/gradio/pull/765)
+- Blocks components V2 by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 843](https://github.com/gradio-app/gradio/pull/843)
+- Blocks-Backend-Events by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 844](https://github.com/gradio-app/gradio/pull/844)
+- Interfaces from Blocks by [@aliabid94](https://github.com/aliabid94) in [PR 849](https://github.com/gradio-app/gradio/pull/849)
+- Blocks dev by [@aliabid94](https://github.com/aliabid94) in [PR 853](https://github.com/gradio-app/gradio/pull/853)
+- Started updating demos to use the new `gradio.components` syntax by [@abidlabs](https://github.com/abidlabs) in [PR 848](https://github.com/gradio-app/gradio/pull/848)
+- add test infra + add browser tests to CI by [@pngwn](https://github.com/pngwn) in [PR 852](https://github.com/gradio-app/gradio/pull/852)
+- 854 textbox by [@pngwn](https://github.com/pngwn) in [PR 859](https://github.com/gradio-app/gradio/pull/859)
+- Getting old Python unit tests to pass on `blocks-dev` by [@abidlabs](https://github.com/abidlabs) in [PR 861](https://github.com/gradio-app/gradio/pull/861)
+- initialise chatbot with empty array of messages by [@pngwn](https://github.com/pngwn) in [PR 867](https://github.com/gradio-app/gradio/pull/867)
+- add test for output to input by [@pngwn](https://github.com/pngwn) in [PR 866](https://github.com/gradio-app/gradio/pull/866)
+- More Interface -> Blocks features by [@aliabid94](https://github.com/aliabid94) in [PR 864](https://github.com/gradio-app/gradio/pull/864)
+- Fixing external.py in blocks-dev to reflect the new HF Spaces paths by [@abidlabs](https://github.com/abidlabs) in [PR 879](https://github.com/gradio-app/gradio/pull/879)
+- backend_default_value_refactoring by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 871](https://github.com/gradio-app/gradio/pull/871)
+- fix default_value by [@pngwn](https://github.com/pngwn) in [PR 869](https://github.com/gradio-app/gradio/pull/869)
+- fix buttons by [@aliabid94](https://github.com/aliabid94) in [PR 883](https://github.com/gradio-app/gradio/pull/883)
+- Checking and updating more demos to use 3.0 syntax by [@abidlabs](https://github.com/abidlabs) in [PR 892](https://github.com/gradio-app/gradio/pull/892)
+- Blocks Tests by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 902](https://github.com/gradio-app/gradio/pull/902)
+- Interface fix by [@pngwn](https://github.com/pngwn) in [PR 901](https://github.com/gradio-app/gradio/pull/901)
+- Quick fix: Issue 893 by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 907](https://github.com/gradio-app/gradio/pull/907)
+- 3d Image Component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 775](https://github.com/gradio-app/gradio/pull/775)
+- fix endpoint url in prod by [@pngwn](https://github.com/pngwn) in [PR 911](https://github.com/gradio-app/gradio/pull/911)
+- rename Model3d to Image3D by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 912](https://github.com/gradio-app/gradio/pull/912)
+- update pypi to 2.9.1 by [@abidlabs](https://github.com/abidlabs) in [PR 916](https://github.com/gradio-app/gradio/pull/916)
+- blocks-with-fix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 917](https://github.com/gradio-app/gradio/pull/917)
+- Restore Interpretation, Live, Auth, Queueing by [@aliabid94](https://github.com/aliabid94) in [PR 915](https://github.com/gradio-app/gradio/pull/915)
+- Allow `Blocks` instances to be used like a `Block` in other `Blocks` by [@abidlabs](https://github.com/abidlabs) in [PR 919](https://github.com/gradio-app/gradio/pull/919)
+- Redesign 1 by [@pngwn](https://github.com/pngwn) in [PR 918](https://github.com/gradio-app/gradio/pull/918)
+- blocks-components-tests by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 904](https://github.com/gradio-app/gradio/pull/904)
+- fix unit + browser tests by [@pngwn](https://github.com/pngwn) in [PR 926](https://github.com/gradio-app/gradio/pull/926)
+- blocks-move-test-data by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 927](https://github.com/gradio-app/gradio/pull/927)
+- remove debounce from form inputs by [@pngwn](https://github.com/pngwn) in [PR 932](https://github.com/gradio-app/gradio/pull/932)
+- reimplement webcam video by [@pngwn](https://github.com/pngwn) in [PR 928](https://github.com/gradio-app/gradio/pull/928)
+- blocks-move-test-data by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 941](https://github.com/gradio-app/gradio/pull/941)
+- allow audio components to take a string value by [@pngwn](https://github.com/pngwn) in [PR 930](https://github.com/gradio-app/gradio/pull/930)
+- static mode for textbox by [@pngwn](https://github.com/pngwn) in [PR 929](https://github.com/gradio-app/gradio/pull/929)
+- fix file upload text by [@pngwn](https://github.com/pngwn) in [PR 931](https://github.com/gradio-app/gradio/pull/931)
+- tabbed-interface-rewritten by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 958](https://github.com/gradio-app/gradio/pull/958)
+- Gan demo fix by [@abidlabs](https://github.com/abidlabs) in [PR 965](https://github.com/gradio-app/gradio/pull/965)
+- Blocks analytics by [@abidlabs](https://github.com/abidlabs) in [PR 947](https://github.com/gradio-app/gradio/pull/947)
+- Blocks page load by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 963](https://github.com/gradio-app/gradio/pull/963)
+- add frontend for page load events by [@pngwn](https://github.com/pngwn) in [PR 967](https://github.com/gradio-app/gradio/pull/967)
+- fix i18n and some tweaks by [@pngwn](https://github.com/pngwn) in [PR 966](https://github.com/gradio-app/gradio/pull/966)
+- add jinja2 to reqs by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 969](https://github.com/gradio-app/gradio/pull/969)
+- Cleaning up `Launchable()` by [@abidlabs](https://github.com/abidlabs) in [PR 968](https://github.com/gradio-app/gradio/pull/968)
+- Fix #944 by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 971](https://github.com/gradio-app/gradio/pull/971)
+- New Blocks Demo: neural instrument cloning by [@abidlabs](https://github.com/abidlabs) in [PR 975](https://github.com/gradio-app/gradio/pull/975)
+- Add huggingface_hub client library by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 973](https://github.com/gradio-app/gradio/pull/973)
+- State and variables by [@aliabid94](https://github.com/aliabid94) in [PR 977](https://github.com/gradio-app/gradio/pull/977)
+- update-components by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 986](https://github.com/gradio-app/gradio/pull/986)
+- ensure dataframe updates as expected by [@pngwn](https://github.com/pngwn) in [PR 981](https://github.com/gradio-app/gradio/pull/981)
+- test-guideline by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 990](https://github.com/gradio-app/gradio/pull/990)
+- Issue #785: add footer by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 972](https://github.com/gradio-app/gradio/pull/972)
+- indentation fix by [@abidlabs](https://github.com/abidlabs) in [PR 993](https://github.com/gradio-app/gradio/pull/993)
+- missing quote by [@aliabd](https://github.com/aliabd) in [PR 996](https://github.com/gradio-app/gradio/pull/996)
+- added interactive parameter to components by [@abidlabs](https://github.com/abidlabs) in [PR 992](https://github.com/gradio-app/gradio/pull/992)
+- custom-components by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 985](https://github.com/gradio-app/gradio/pull/985)
+- Refactor component shortcuts by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 995](https://github.com/gradio-app/gradio/pull/995)
+- Plot Component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 805](https://github.com/gradio-app/gradio/pull/805)
+- updated PyPi version to 2.9.2 by [@abidlabs](https://github.com/abidlabs) in [PR 1002](https://github.com/gradio-app/gradio/pull/1002)
+- Release 2.9.3 by [@abidlabs](https://github.com/abidlabs) in [PR 1003](https://github.com/gradio-app/gradio/pull/1003)
+- Image3D Examples Fix by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1001](https://github.com/gradio-app/gradio/pull/1001)
+- release 2.9.4 by [@abidlabs](https://github.com/abidlabs) in [PR 1006](https://github.com/gradio-app/gradio/pull/1006)
+- templates import hotfix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1008](https://github.com/gradio-app/gradio/pull/1008)
+- Progress indicator bar by [@aliabid94](https://github.com/aliabid94) in [PR 997](https://github.com/gradio-app/gradio/pull/997)
+- Fixed image input for absolute path by [@JefferyChiang](https://github.com/JefferyChiang) in [PR 1004](https://github.com/gradio-app/gradio/pull/1004)
+- Model3D + Plot Components by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1010](https://github.com/gradio-app/gradio/pull/1010)
+- Gradio Guides: Creating CryptoPunks with GANs by [@NimaBoscarino](https://github.com/NimaBoscarino) in [PR 1000](https://github.com/gradio-app/gradio/pull/1000)
+- [BIG PR] Gradio blocks & redesigned components by [@abidlabs](https://github.com/abidlabs) in [PR 880](https://github.com/gradio-app/gradio/pull/880)
+- fixed failing test on main by [@abidlabs](https://github.com/abidlabs) in [PR 1023](https://github.com/gradio-app/gradio/pull/1023)
+- Use smaller ASR model in external test by [@abidlabs](https://github.com/abidlabs) in [PR 1024](https://github.com/gradio-app/gradio/pull/1024)
+- updated PyPi version to 2.9.0b by [@abidlabs](https://github.com/abidlabs) in [PR 1026](https://github.com/gradio-app/gradio/pull/1026)
+- Fixing import issues so that the package successfully installs on colab notebooks by [@abidlabs](https://github.com/abidlabs) in [PR 1027](https://github.com/gradio-app/gradio/pull/1027)
+- Update website tracker slackbot by [@aliabd](https://github.com/aliabd) in [PR 1037](https://github.com/gradio-app/gradio/pull/1037)
+- textbox-autoheight by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1009](https://github.com/gradio-app/gradio/pull/1009)
+- Model3D Examples fixes by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1035](https://github.com/gradio-app/gradio/pull/1035)
+- GAN Gradio Guide: Adjustments to iframe heights by [@NimaBoscarino](https://github.com/NimaBoscarino) in [PR 1042](https://github.com/gradio-app/gradio/pull/1042)
+- added better default labels to form components by [@abidlabs](https://github.com/abidlabs) in [PR 1040](https://github.com/gradio-app/gradio/pull/1040)
+- Slackbot web tracker fix by [@aliabd](https://github.com/aliabd) in [PR 1043](https://github.com/gradio-app/gradio/pull/1043)
+- Plot fixes by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1044](https://github.com/gradio-app/gradio/pull/1044)
+- Small fixes to the demos by [@abidlabs](https://github.com/abidlabs) in [PR 1030](https://github.com/gradio-app/gradio/pull/1030)
+- fixing demo issue with website by [@aliabd](https://github.com/aliabd) in [PR 1047](https://github.com/gradio-app/gradio/pull/1047)
+- [hotfix] HighlightedText by [@aliabid94](https://github.com/aliabid94) in [PR 1046](https://github.com/gradio-app/gradio/pull/1046)
+- Update text by [@ronvoluted](https://github.com/ronvoluted) in [PR 1050](https://github.com/gradio-app/gradio/pull/1050)
+- Update CONTRIBUTING.md by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1052](https://github.com/gradio-app/gradio/pull/1052)
+- fix(ui): Increase contrast for footer by [@ronvoluted](https://github.com/ronvoluted) in [PR 1048](https://github.com/gradio-app/gradio/pull/1048)
+- UI design update by [@gary149](https://github.com/gary149) in [PR 1041](https://github.com/gradio-app/gradio/pull/1041)
+- updated PyPi version to 2.9.0b8 by [@abidlabs](https://github.com/abidlabs) in [PR 1059](https://github.com/gradio-app/gradio/pull/1059)
+- Running, testing, and fixing demos by [@abidlabs](https://github.com/abidlabs) in [PR 1060](https://github.com/gradio-app/gradio/pull/1060)
+- Form layout by [@pngwn](https://github.com/pngwn) in [PR 1054](https://github.com/gradio-app/gradio/pull/1054)
+- inputless-interfaces by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1038](https://github.com/gradio-app/gradio/pull/1038)
+- Update PULL_REQUEST_TEMPLATE.md by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1068](https://github.com/gradio-app/gradio/pull/1068)
+- Upgrading node memory to 4gb in website Docker by [@aliabd](https://github.com/aliabd) in [PR 1069](https://github.com/gradio-app/gradio/pull/1069)
+- Website reload error by [@aliabd](https://github.com/aliabd) in [PR 1079](https://github.com/gradio-app/gradio/pull/1079)
+- fixed favicon issue by [@abidlabs](https://github.com/abidlabs) in [PR 1064](https://github.com/gradio-app/gradio/pull/1064)
+- remove-queue-from-events by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1056](https://github.com/gradio-app/gradio/pull/1056)
+- Enable vertex colors for OBJs files by [@radames](https://github.com/radames) in [PR 1074](https://github.com/gradio-app/gradio/pull/1074)
+- Dark text by [@ronvoluted](https://github.com/ronvoluted) in [PR 1049](https://github.com/gradio-app/gradio/pull/1049)
+- Scroll to output by [@pngwn](https://github.com/pngwn) in [PR 1077](https://github.com/gradio-app/gradio/pull/1077)
+- Explicitly list pnpm version 6 in contributing guide by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1085](https://github.com/gradio-app/gradio/pull/1085)
+- hotfix for encrypt issue by [@abidlabs](https://github.com/abidlabs) in [PR 1096](https://github.com/gradio-app/gradio/pull/1096)
+- Release 2.9b9 by [@abidlabs](https://github.com/abidlabs) in [PR 1098](https://github.com/gradio-app/gradio/pull/1098)
+- tweak node circleci settings by [@pngwn](https://github.com/pngwn) in [PR 1091](https://github.com/gradio-app/gradio/pull/1091)
+- Website Reload Error by [@aliabd](https://github.com/aliabd) in [PR 1099](https://github.com/gradio-app/gradio/pull/1099)
+- Website Reload: README in demos docker by [@aliabd](https://github.com/aliabd) in [PR 1100](https://github.com/gradio-app/gradio/pull/1100)
+- Flagging fixes by [@abidlabs](https://github.com/abidlabs) in [PR 1081](https://github.com/gradio-app/gradio/pull/1081)
+- Backend for optional labels by [@abidlabs](https://github.com/abidlabs) in [PR 1080](https://github.com/gradio-app/gradio/pull/1080)
+- Optional labels fe by [@pngwn](https://github.com/pngwn) in [PR 1105](https://github.com/gradio-app/gradio/pull/1105)
+- clean-deprecated-parameters by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1090](https://github.com/gradio-app/gradio/pull/1090)
+- Blocks rendering fix by [@abidlabs](https://github.com/abidlabs) in [PR 1102](https://github.com/gradio-app/gradio/pull/1102)
+- Redos #1106 by [@abidlabs](https://github.com/abidlabs) in [PR 1112](https://github.com/gradio-app/gradio/pull/1112)
+- Interface types: handle input-only, output-only, and unified interfaces by [@abidlabs](https://github.com/abidlabs) in [PR 1108](https://github.com/gradio-app/gradio/pull/1108)
+- Hotfix + New pypi release 2.9b11 by [@abidlabs](https://github.com/abidlabs) in [PR 1118](https://github.com/gradio-app/gradio/pull/1118)
+- issue-checkbox by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1122](https://github.com/gradio-app/gradio/pull/1122)
+- issue-checkbox-hotfix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1127](https://github.com/gradio-app/gradio/pull/1127)
+- Fix demos in website by [@aliabd](https://github.com/aliabd) in [PR 1130](https://github.com/gradio-app/gradio/pull/1130)
+- Guide for Gradio ONNX model zoo on Huggingface by [@AK391](https://github.com/AK391) in [PR 1073](https://github.com/gradio-app/gradio/pull/1073)
+- ONNX guide fixes by [@aliabd](https://github.com/aliabd) in [PR 1131](https://github.com/gradio-app/gradio/pull/1131)
+- Stacked form inputs css by [@gary149](https://github.com/gary149) in [PR 1134](https://github.com/gradio-app/gradio/pull/1134)
+- made default value in textbox empty string by [@abidlabs](https://github.com/abidlabs) in [PR 1135](https://github.com/gradio-app/gradio/pull/1135)
+- Examples UI by [@gary149](https://github.com/gary149) in [PR 1121](https://github.com/gradio-app/gradio/pull/1121)
+- Chatbot custom color support by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1092](https://github.com/gradio-app/gradio/pull/1092)
+- highlighted text colors by [@pngwn](https://github.com/pngwn) in [PR 1119](https://github.com/gradio-app/gradio/pull/1119)
+- pin to pnpm 6 for now by [@pngwn](https://github.com/pngwn) in [PR 1147](https://github.com/gradio-app/gradio/pull/1147)
+- Restore queue in Blocks by [@aliabid94](https://github.com/aliabid94) in [PR 1137](https://github.com/gradio-app/gradio/pull/1137)
+- add select event for tabitems by [@pngwn](https://github.com/pngwn) in [PR 1154](https://github.com/gradio-app/gradio/pull/1154)
+- max_lines + autoheight for textbox by [@pngwn](https://github.com/pngwn) in [PR 1153](https://github.com/gradio-app/gradio/pull/1153)
+- use color palette for chatbot by [@pngwn](https://github.com/pngwn) in [PR 1152](https://github.com/gradio-app/gradio/pull/1152)
+- Timeseries improvements by [@pngwn](https://github.com/pngwn) in [PR 1149](https://github.com/gradio-app/gradio/pull/1149)
+- move styling for interface panels to frontend by [@pngwn](https://github.com/pngwn) in [PR 1146](https://github.com/gradio-app/gradio/pull/1146)
+- html tweaks by [@pngwn](https://github.com/pngwn) in [PR 1145](https://github.com/gradio-app/gradio/pull/1145)
+- Issue #768: Support passing none to resize and crop image by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1144](https://github.com/gradio-app/gradio/pull/1144)
+- image gallery component + img css by [@aliabid94](https://github.com/aliabid94) in [PR 1140](https://github.com/gradio-app/gradio/pull/1140)
+- networking tweak by [@abidlabs](https://github.com/abidlabs) in [PR 1143](https://github.com/gradio-app/gradio/pull/1143)
+- Allow enabling queue per event listener by [@aliabid94](https://github.com/aliabid94) in [PR 1155](https://github.com/gradio-app/gradio/pull/1155)
+- config hotfix and v. 2.9b23 by [@abidlabs](https://github.com/abidlabs) in [PR 1158](https://github.com/gradio-app/gradio/pull/1158)
+- Custom JS calls by [@aliabid94](https://github.com/aliabid94) in [PR 1082](https://github.com/gradio-app/gradio/pull/1082)
+- Small fixes: queue default fix, ffmpeg installation message by [@abidlabs](https://github.com/abidlabs) in [PR 1159](https://github.com/gradio-app/gradio/pull/1159)
+- formatting by [@abidlabs](https://github.com/abidlabs) in [PR 1161](https://github.com/gradio-app/gradio/pull/1161)
+- enable flex grow for gr-box by [@radames](https://github.com/radames) in [PR 1165](https://github.com/gradio-app/gradio/pull/1165)
+- 1148 loading by [@pngwn](https://github.com/pngwn) in [PR 1164](https://github.com/gradio-app/gradio/pull/1164)
+- Put enable_queue kwarg back in launch() by [@aliabid94](https://github.com/aliabid94) in [PR 1167](https://github.com/gradio-app/gradio/pull/1167)
+- A few small fixes by [@abidlabs](https://github.com/abidlabs) in [PR 1171](https://github.com/gradio-app/gradio/pull/1171)
+- Hotfix for dropdown component by [@abidlabs](https://github.com/abidlabs) in [PR 1172](https://github.com/gradio-app/gradio/pull/1172)
+- use secondary buttons in interface by [@pngwn](https://github.com/pngwn) in [PR 1173](https://github.com/gradio-app/gradio/pull/1173)
+- 1183 component height by [@pngwn](https://github.com/pngwn) in [PR 1185](https://github.com/gradio-app/gradio/pull/1185)
+- 962 dataframe by [@pngwn](https://github.com/pngwn) in [PR 1186](https://github.com/gradio-app/gradio/pull/1186)
+- update-contributing by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1188](https://github.com/gradio-app/gradio/pull/1188)
+- Table tweaks by [@pngwn](https://github.com/pngwn) in [PR 1195](https://github.com/gradio-app/gradio/pull/1195)
+- wrap tab content in column by [@pngwn](https://github.com/pngwn) in [PR 1200](https://github.com/gradio-app/gradio/pull/1200)
+- WIP: Add dark mode support by [@gary149](https://github.com/gary149) in [PR 1187](https://github.com/gradio-app/gradio/pull/1187)
+- Restored /api/predict/ endpoint for Interfaces by [@abidlabs](https://github.com/abidlabs) in [PR 1199](https://github.com/gradio-app/gradio/pull/1199)
+- hltext-label by [@pngwn](https://github.com/pngwn) in [PR 1204](https://github.com/gradio-app/gradio/pull/1204)
+- add copy functionality to json by [@pngwn](https://github.com/pngwn) in [PR 1205](https://github.com/gradio-app/gradio/pull/1205)
+- Update component config by [@aliabid94](https://github.com/aliabid94) in [PR 1089](https://github.com/gradio-app/gradio/pull/1089)
+- fix placeholder prompt by [@pngwn](https://github.com/pngwn) in [PR 1215](https://github.com/gradio-app/gradio/pull/1215)
+- ensure webcam video value is propagated correctly by [@pngwn](https://github.com/pngwn) in [PR 1218](https://github.com/gradio-app/gradio/pull/1218)
+- Automatic word-break in highlighted text, combine_adjacent support by [@aliabid94](https://github.com/aliabid94) in [PR 1209](https://github.com/gradio-app/gradio/pull/1209)
+- async-function-support by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1190](https://github.com/gradio-app/gradio/pull/1190)
+- Sharing fix for assets by [@aliabid94](https://github.com/aliabid94) in [PR 1208](https://github.com/gradio-app/gradio/pull/1208)
+- Hotfixes for course demos by [@abidlabs](https://github.com/abidlabs) in [PR 1222](https://github.com/gradio-app/gradio/pull/1222)
+- Allow Custom CSS by [@aliabid94](https://github.com/aliabid94) in [PR 1170](https://github.com/gradio-app/gradio/pull/1170)
+- share-hotfix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1226](https://github.com/gradio-app/gradio/pull/1226)
+- tweaks by [@pngwn](https://github.com/pngwn) in [PR 1229](https://github.com/gradio-app/gradio/pull/1229)
+- white space for class concatenation by [@radames](https://github.com/radames) in [PR 1228](https://github.com/gradio-app/gradio/pull/1228)
+- Tweaks by [@pngwn](https://github.com/pngwn) in [PR 1230](https://github.com/gradio-app/gradio/pull/1230)
+- css tweaks by [@pngwn](https://github.com/pngwn) in [PR 1235](https://github.com/gradio-app/gradio/pull/1235)
+- ensure defaults height match for media inputs by [@pngwn](https://github.com/pngwn) in [PR 1236](https://github.com/gradio-app/gradio/pull/1236)
+- Default Label label value by [@radames](https://github.com/radames) in [PR 1239](https://github.com/gradio-app/gradio/pull/1239)
+- update-shortcut-syntax by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1234](https://github.com/gradio-app/gradio/pull/1234)
+- Update version.txt by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1244](https://github.com/gradio-app/gradio/pull/1244)
+- Layout bugs by [@pngwn](https://github.com/pngwn) in [PR 1246](https://github.com/gradio-app/gradio/pull/1246)
+- Update demo by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1253](https://github.com/gradio-app/gradio/pull/1253)
+- Button default name by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1243](https://github.com/gradio-app/gradio/pull/1243)
+- Labels spacing by [@gary149](https://github.com/gary149) in [PR 1254](https://github.com/gradio-app/gradio/pull/1254)
+- add global loader for gradio app by [@pngwn](https://github.com/pngwn) in [PR 1251](https://github.com/gradio-app/gradio/pull/1251)
+- ui apis for dalle-mini by [@pngwn](https://github.com/pngwn) in [PR 1258](https://github.com/gradio-app/gradio/pull/1258)
+- Add precision to Number, backend only by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1125](https://github.com/gradio-app/gradio/pull/1125)
+- Website Design Changes by [@abidlabs](https://github.com/abidlabs) in [PR 1015](https://github.com/gradio-app/gradio/pull/1015)
+- Small fixes for multiple demos compatible with 3.0 by [@radames](https://github.com/radames) in [PR 1257](https://github.com/gradio-app/gradio/pull/1257)
+- Issue #1160: Model 3D component not destroyed correctly by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1219](https://github.com/gradio-app/gradio/pull/1219)
+- Fixes to components by [@abidlabs](https://github.com/abidlabs) in [PR 1260](https://github.com/gradio-app/gradio/pull/1260)
+- layout docs by [@abidlabs](https://github.com/abidlabs) in [PR 1263](https://github.com/gradio-app/gradio/pull/1263)
+- Static forms by [@pngwn](https://github.com/pngwn) in [PR 1264](https://github.com/gradio-app/gradio/pull/1264)
+- Cdn assets by [@pngwn](https://github.com/pngwn) in [PR 1265](https://github.com/gradio-app/gradio/pull/1265)
+- update logo by [@gary149](https://github.com/gary149) in [PR 1266](https://github.com/gradio-app/gradio/pull/1266)
+- fix slider by [@aliabid94](https://github.com/aliabid94) in [PR 1268](https://github.com/gradio-app/gradio/pull/1268)
+- maybe fix auth in iframes by [@pngwn](https://github.com/pngwn) in [PR 1261](https://github.com/gradio-app/gradio/pull/1261)
+- Improves "Getting Started" guide by [@abidlabs](https://github.com/abidlabs) in [PR 1269](https://github.com/gradio-app/gradio/pull/1269)
+- Add embedded demos to website by [@aliabid94](https://github.com/aliabid94) in [PR 1270](https://github.com/gradio-app/gradio/pull/1270)
+- Label hotfixes by [@abidlabs](https://github.com/abidlabs) in [PR 1281](https://github.com/gradio-app/gradio/pull/1281)
+- General tweaks by [@pngwn](https://github.com/pngwn) in [PR 1276](https://github.com/gradio-app/gradio/pull/1276)
+- only affect links within the document by [@pngwn](https://github.com/pngwn) in [PR 1282](https://github.com/gradio-app/gradio/pull/1282)
+- release 3.0b9 by [@abidlabs](https://github.com/abidlabs) in [PR 1283](https://github.com/gradio-app/gradio/pull/1283)
+- Dm by [@pngwn](https://github.com/pngwn) in [PR 1284](https://github.com/gradio-app/gradio/pull/1284)
+- Website fixes by [@aliabd](https://github.com/aliabd) in [PR 1286](https://github.com/gradio-app/gradio/pull/1286)
+- Create Streamables by [@aliabid94](https://github.com/aliabid94) in [PR 1279](https://github.com/gradio-app/gradio/pull/1279)
+- ensure table works on mobile by [@pngwn](https://github.com/pngwn) in [PR 1277](https://github.com/gradio-app/gradio/pull/1277)
+- changes by [@aliabid94](https://github.com/aliabid94) in [PR 1287](https://github.com/gradio-app/gradio/pull/1287)
+- demo alignment on landing page by [@aliabd](https://github.com/aliabd) in [PR 1288](https://github.com/gradio-app/gradio/pull/1288)
+- New meta img by [@aliabd](https://github.com/aliabd) in [PR 1289](https://github.com/gradio-app/gradio/pull/1289)
+- updated PyPi version to 3.0 by [@abidlabs](https://github.com/abidlabs) in [PR 1290](https://github.com/gradio-app/gradio/pull/1290)
+- Fix site by [@aliabid94](https://github.com/aliabid94) in [PR 1291](https://github.com/gradio-app/gradio/pull/1291)
+- Mobile responsive guides by [@aliabd](https://github.com/aliabd) in [PR 1293](https://github.com/gradio-app/gradio/pull/1293)
+- Update readme by [@abidlabs](https://github.com/abidlabs) in [PR 1292](https://github.com/gradio-app/gradio/pull/1292)
+- gif by [@abidlabs](https://github.com/abidlabs) in [PR 1296](https://github.com/gradio-app/gradio/pull/1296)
+- Allow decoding headerless b64 string [@1lint](https://github.com/1lint) in [PR 4031](https://github.com/gradio-app/gradio/pull/4031)
+
+### Contributors Shoutout:
+
+- [@JefferyChiang](https://github.com/JefferyChiang) made their first contribution in [PR 1004](https://github.com/gradio-app/gradio/pull/1004)
+- [@NimaBoscarino](https://github.com/NimaBoscarino) made their first contribution in [PR 1000](https://github.com/gradio-app/gradio/pull/1000)
+- [@ronvoluted](https://github.com/ronvoluted) made their first contribution in [PR 1050](https://github.com/gradio-app/gradio/pull/1050)
+- [@radames](https://github.com/radames) made their first contribution in [PR 1074](https://github.com/gradio-app/gradio/pull/1074)
+- [@freddyaboulton](https://github.com/freddyaboulton) made their first contribution in [PR 1085](https://github.com/gradio-app/gradio/pull/1085)
+- [@liteli1987gmail](https://github.com/liteli1987gmail) & [@chenglu](https://github.com/chenglu) made their first contribution in [PR 4767](https://github.com/gradio-app/gradio/pull/4767)
\ No newline at end of file
diff --git a/CITATION.cff b/CITATION.cff
new file mode 100644
index 0000000..0768f8c
--- /dev/null
+++ b/CITATION.cff
@@ -0,0 +1,45 @@
+cff-version: 1.2.0
+message: Please cite this project using these metadata.
+title: "Gradio: Hassle-free sharing and testing of ML models in the wild"
+abstract: >-
+  Accessibility is a major challenge of machine learning (ML).
+  Typical ML models are built by specialists and require
+  specialized hardware/software as well as ML experience to
+  validate. This makes it challenging for non-technical
+  collaborators and endpoint users (e.g. physicians) to easily
+  provide feedback on model development and to gain trust in
+  ML. The accessibility challenge also makes collaboration
+  more difficult and limits the ML researcher's exposure to
+  realistic data and scenarios that occur in the wild. To
+  improve accessibility and facilitate collaboration, we
+  developed an open-source Python package, Gradio, which
+  allows researchers to rapidly generate a visual interface
+  for their ML models. Gradio makes accessing any ML model as
+  easy as sharing a URL. Our development of Gradio is informed
+  by interviews with a number of machine learning researchers
+  who participate in interdisciplinary collaborations. Their
+  feedback identified that Gradio should support a variety of
+  interfaces and frameworks, allow for easy sharing of the
+  interface, allow for input manipulation and interactive
+  inference by the domain expert, as well as allow embedding
+  the interface in iPython notebooks. We developed these
+  features and carried out a case study to understand Gradio's
+  usefulness and usability in the setting of a machine
+  learning collaboration between a researcher and a
+  cardiologist.
+authors:
+  - family-names: Abid
+    given-names: Abubakar
+  - family-names: Abdalla
+    given-names: Ali
+  - family-names: Abid
+    given-names: Ali
+  - family-names: Khan
+    given-names: Dawood
+  - family-names: Alfozan
+    given-names: Abdulrahman
+  - family-names: Zou
+    given-names: James
+doi: 10.48550/arXiv.1906.02569
+date-released: 2019-06-06
+url: https://arxiv.org/abs/1906.02569
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
new file mode 100644
index 0000000..ae3a11f
--- /dev/null
+++ b/CODE_OF_CONDUCT.md
@@ -0,0 +1,134 @@
+# Contributor Covenant Code of Conduct
+
+## Our Pledge
+
+We as members, contributors, and leaders pledge to make participation in our
+community a harassment-free experience for everyone, regardless of age, body
+size, visible or invisible disability, ethnicity, sex characteristics, gender
+identity and expression, level of experience, education, socio-economic status,
+nationality, personal appearance, race, caste, color, religion, or sexual
+identity and orientation.
+
+We pledge to act and interact in ways that contribute to an open, welcoming,
+diverse, inclusive, and healthy community.
+
+## Our Standards
+
+Examples of behavior that contributes to a positive environment for our
+community include:
+
+* Demonstrating empathy and kindness toward other people
+* Being respectful of differing opinions, viewpoints, and experiences
+* Giving and gracefully accepting constructive feedback
+* Accepting responsibility and apologizing to those affected by our mistakes,
+  and learning from the experience
+* Focusing on what is best not just for us as individuals, but for the overall
+  community
+
+Examples of unacceptable behavior include:
+
+* The use of sexualized language or imagery, and sexual attention or advances of
+  any kind
+* Trolling, insulting or derogatory comments, and personal or political attacks
+* Public or private harassment
+* Publishing others' private information, such as a physical or email address,
+  without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a
+  professional setting
+
+## Enforcement Responsibilities
+
+Community leaders are responsible for clarifying and enforcing our standards of
+acceptable behavior and will take appropriate and fair corrective action in
+response to any behavior that they deem inappropriate, threatening, offensive,
+or harmful.
+
+Community leaders have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, and will communicate reasons for moderation
+decisions when appropriate.
+
+## Scope
+
+This Code of Conduct applies within all community spaces, and also applies when
+an individual is officially representing the community in public spaces.
+Examples of representing our community include using an official email address,
+posting via an official social media account, or acting as an appointed
+representative at an online or offline event.
+
+## Enforcement
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported to the community leaders responsible for enforcement at
+[Discord], or at our [Email].
+All complaints will be reviewed and investigated promptly and fairly.
+
+All community leaders are obligated to respect the privacy and security of the
+reporter of any incident.
+
+## Enforcement Guidelines
+
+Community leaders will follow these Community Impact Guidelines in determining
+the consequences for any action they deem in violation of this Code of Conduct:
+
+### 1. Correction
+
+**Community Impact**: Use of inappropriate language or other behavior deemed
+unprofessional or unwelcome in the community.
+
+**Consequence**: A private, written warning from community leaders, providing
+clarity around the nature of the violation and an explanation of why the
+behavior was inappropriate. A public apology may be requested.
+
+### 2. Warning
+
+**Community Impact**: A violation through a single incident or series of
+actions.
+
+**Consequence**: A warning with consequences for continued behavior. No
+interaction with the people involved, including unsolicited interaction with
+those enforcing the Code of Conduct, for a specified period of time. This
+includes avoiding interactions in community spaces as well as external channels
+like social media. Violating these terms may lead to a temporary or permanent
+ban.
+
+### 3. Temporary Ban
+
+**Community Impact**: A serious violation of community standards, including
+sustained inappropriate behavior.
+
+**Consequence**: A temporary ban from any sort of interaction or public
+communication with the community for a specified period of time. No public or
+private interaction with the people involved, including unsolicited interaction
+with those enforcing the Code of Conduct, is allowed during this period.
+Violating these terms may lead to a permanent ban.
+
+### 4. Permanent Ban
+
+**Community Impact**: Demonstrating a pattern of violation of community
+standards, including sustained inappropriate behavior, harassment of an
+individual, or aggression toward or disparagement of classes of individuals.
+
+**Consequence**: A permanent ban from any sort of public interaction within the
+community.
+
+## Attribution
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 2.1, available at
+[https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
+
+Community Impact Guidelines were inspired by
+[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+
+For answers to common questions about this code of conduct, see the FAQ at
+[https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
+[https://www.contributor-covenant.org/translations][translations].
+
+[homepage]: https://www.contributor-covenant.org
+[v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
+[Mozilla CoC]: https://github.com/mozilla/diversity
+[FAQ]: https://www.contributor-covenant.org/faq
+[translations]: https://www.contributor-covenant.org/translations
+[Discord]: https://discord.com/invite/feTf9x3ZSB
+[Email]: gradio-team@huggingface.co
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..b47d424
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,526 @@
+# Contributing to Gradio
+
+![GitHub issues by-label](https://img.shields.io/github/issues/gradio-app/gradio/good%20first%20issue?color=fe7c01&link=https%3A%2F%2Fgithub.com%2Fgradio-app%2Fgradio%2Fissues%3Fq%3Dis%253Aopen%2Bis%253Aissue%2Blabel%253A%2522good%2Bfirst%2Bissue%2522)
+
+
+More than 300 awesome developers have contributed to the `gradio` library, and the best way to help us today is by **opening a detailed issue** rather than a pull request.
+
+## 📝 The best way to contribute: open a great issue
+
+We have **paused accepting pull requests from outside the Gradio maintainer team.** As AI coding agents have become widespread, the volume of community PRs has grown to the point where reviewing them carefully takes more maintainer time than the alternative: pointing our own coding agents at a well-described issue and solving it ourselves.
+
+So the single most valuable thing you can do is **file a clear, detailed, reproducible issue.** A great issue lets us (and our agents) understand and fix the problem quickly, and it helps us prioritize what to work on next for Gradio.
+
+> If you are a member of the Gradio maintainer team, the local setup, testing, and PR sections further down still apply to you.
+
+### 🐛 Reporting a bug
+
+Please [open an issue](https://github.com/gradio-app/gradio/issues/new/choose) and include:
+
+1. **A clear, descriptive title** that summarizes the problem.
+2. **What you expected to happen** vs. **what actually happened.**
+3. **Step-by-step instructions to reproduce the bug**, numbered and as specific as possible (which component, which event, what input, etc.).
+4. **A minimal reproduction.** This is the most important part. Please include the smallest self-contained Gradio app that triggers the bug, for example:
+   - a short code snippet (ideally runnable as-is), and/or
+   - a link to a minimal hosted demo on [Hugging Face Spaces](https://huggingface.co/spaces) or a small repo that reproduces the issue.
+5. **Your environment**: Gradio version (`gradio --version` or `gr.__version__`), Python version, operating system, and browser (for frontend issues).
+6. **Screenshots, screen recordings, or error tracebacks** where relevant.
+
+The smaller and more self-contained the reproduction, the faster we can fix it.
+
+[#10568](https://github.com/gradio-app/gradio/issues/10568) is a good example of a bug report to follow.
+
+### ✨ Requesting a feature
+
+Please [open an issue](https://github.com/gradio-app/gradio/issues/new/choose) and include:
+
+1. **A clear, descriptive title.**
+2. **The problem or use case** you're trying to solve — what are you trying to build, and where does Gradio fall short today?
+3. **A detailed description of the feature** you'd like, including a proposed API or example of how you imagine it would be used in code.
+4. **A demo or mockup** where possible — a link to a small repro/demo, a sketch, or a screenshot of a similar feature elsewhere helps us understand the request quickly.
+5. **Alternatives you've considered**, including any workarounds you're currently using.
+
+Detailed feature requests directly shape our roadmap and help us prioritize what to build next.
+
+[#12519](https://github.com/gradio-app/gradio/issues/12519) is a good example of a feature request issue to follow.
+
+## 🏡 Setup Gradio locally
+
+> The following sections (local setup, structure, testing, and submitting PRs) are primarily for the Gradio maintainer team. If you're an outside contributor, the most helpful thing you can do is [open a detailed issue](#-the-best-way-to-contribute-open-a-great-issue) — but you're also welcome to run Gradio locally to build a clean reproduction for your issue.
+
+There are a few ways to install and run Gradio.
+
+### 🛠️ Install Gradio from `main`
+
+- Clone this repo
+- Navigate to the repo directory and run:
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```bash
+bash scripts/install_gradio.sh
+```
+  </td>
+  <td>
+
+```bash
+scripts\install_gradio.bat
+```
+  </td>
+  </tr>
+</table>
+
+- Run the frontend (only required if you are making changes to the frontend and would like to preview them)
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```bash
+bash scripts/run_frontend.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\run_frontend.bat
+```
+  </td>
+  </tr>
+</table>
+
+-  Install test requirements (only required if you want to run tests locally)
+
+(Note that it is highly recommended to use a virtual environment running **Python 3.10** since the versions of Gradio's dependencies are pinned)
+
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```bash
+bash scripts/install_test_requirements.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\install_test_requirements.bat
+```
+  </td>
+  </tr>
+</table>
+
+If you have a different Python version and conflicting packages during the installation, please first run:
+
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```bash
+bash scripts/create_test_requirements.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\create_test_requirements.bat
+```
+  </td>
+  </tr>
+</table>
+
+
+### 📦 Using dev containers
+
+Instead of installing Gradio locally, you can alternatively use dev containers. This is supported on all platforms (macOS/Windows/Linux), as well as on GitHub Codespaces. 
+
+Prerequisites:
+
+- An editor which supports dev containers, like VS Code
+- Docker support on the host computer:
+  - macOS: [Docker Desktop 2.0+](https://www.docker.com/products/docker-desktop/)
+  - Windows: [Docker Desktop 2.0+](https://www.docker.com/products/docker-desktop/)
+  - Linux: [Docker CE/EE 18.06+](https://docs.docker.com/get-docker/) and [Docker Compose 1.21+](https://docs.docker.com/compose/install/)
+- If using VS Code, the [Dev Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extension
+
+Steps:
+
+- Clone repository
+- Open it in your editor
+- For VS Code, execute `Dev Containers: Reopen in container` command
+
+For detailed instructions, please see the [Dev Containers tutorial](https://code.visualstudio.com/docs/devcontainers/tutorial).
+
+## 🧱 Structure of the Repository
+
+If you're a newcomer to Gradio, we recommend getting familiar with the overall structure of the repository so that you can focus on the part of the source code you'd like to contribute to.
+
+- `/gradio`: contains the Python source code for the library
+  - `/gradio/interface.py`: contains the Python source code for the core `Interface` class
+  - `/gradio/blocks.py`: contains the Python source code for the core `Blocks` class
+  - `/gradio/components/`: the directory that contains the Python source code for all of the Gradio components.
+- `/test`: contains Python unit tests for the library
+- `/js`: contains the HTML/JS/CSS source code for the library, including the fronted code for each component in a separate directory
+  - `/js/_website`: contains the code for the Gradio website (www.gradio.app). See the README in the `/js/_website` folder for more details
+- `/guides`: the written guides and tutorials that are found on Gradio's website.
+
+## 🚀 Run a Gradio app
+
+You can get started by creating an `app.py` file in the root:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+   gr.Button()
+    
+if __name__ == "__main__":
+   demo.launch()
+```
+
+then run:
+
+```
+gradio app.py
+```
+
+This will start the backend server in reload mode, which will watch for changes in the `gradio` folder and reload the app if changes are made. By default, Gradio will launch on port 7860. You can also just use `python app.py`, but this won't automatically trigger updates. 
+
+Note: if you have `gradio` installed elsewhere in your system, you may need to uninstall it or at least make sure your `PYTHONPATH` includes the directory where the Gradio repository is cloned, e.g.,
+`export PYTHONPATH="./"`
+
+
+If you're making frontend changes, start the frontend server:
+
+
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```bash
+bash scripts/run_frontend.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\run_frontend.bat
+```
+  </td>
+  </tr>
+</table>
+
+This will open a separate browser tab. By default, Gradio will launch this on port 9876. Any changes to the frontend will also reload automatically in the browser. For more information about developing in the frontend, you can refer to [js/README.md](js/README.md).
+
+We also have demos of all our components in the `/gradio/demo` directory. To get our simple gradio Chatbot running locally:
+
+```
+gradio demo/chatbot_simple/run.py
+```
+
+
+## 🧪 Testing
+
+We use Pytest, Playwright and Vitest to test our code. 
+
+- The Python tests are located in `/test`. To run these tests:
+
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```
+bash scripts/run_backend_tests.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\run_backend_tests.bat
+```
+  </td>
+  </tr>
+</table>
+
+- The frontend unit tests are any defined with the filename `*.test.ts`. To run them:
+
+```
+pnpm test
+```
+
+- Browser tests are located in `js/spa/test` and are defined as `*spec.ts` files.
+
+To install browser test dependencies:
+
+```
+pnpm exec playwright install chromium firefox
+pnpm exec playwright install-deps chromium firefox
+pnpm --filter @gradio/utils --filter @gradio/theme package
+```
+
+To run browser tests:
+
+```
+pnpm test:browser
+```
+
+To build the frontend code before running browser tests:
+
+```
+pnpm test:browser:full
+```
+
+You can also run browser tests in the UI mode by adding the `--ui` flag: 
+
+```
+pnpm test:browser --ui
+```
+
+If you have made any significant visual changes to a component, we encourage you to add a new Storybook story or amend an existing one to reflect them. You can create a new story with a `*.stories.svelte` file. You can run the storybook locally:
+
+```
+pnpm storybook
+```
+
+## ✍️ Gradio Website & Docs 
+
+We also welcome any contributions to our [website](https://www.gradio.app) and [docs](https://www.gradio.app/docs). 
+
+### Building The Website
+
+All of the website code lives in the `js/_website/` directory. 
+
+To start the website on dev mode simply cd into this directory and run: 
+
+```
+pnpm i 
+pnpm dev
+```
+
+This will serve the website on `http://localhost:5173/` (or the next available port). 
+
+When you're done with changes and want to build the website you can run: 
+
+```
+pnpm build && pnpm preview 
+```
+
+This will serve the website on `http://localhost:4173/` (or the next available port). 
+
+### Documentation
+#### API Reference 
+
+Gradio's [API reference](https://www.gradio.app/docs/gradio/interface) is built from templates written in [mdsvex](https://mdsvex.pngwn.io/). You can find all the templates in this directory: 
+
+```
+js/_website/src/lib/templates/gradio
+```
+
+The templates directory is structured as follows: 
+
+```
+├── gradio/
+│   ├── 01_building-demos/
+│   │   ├── 01_interface.svx
+│   │   ├── 02_chatinterface.svx
+│   │   ├── 03_tabbedinterface.svx
+│   │   ├── 04_blocks.svx
+│   ├── 02_blocks-layout/
+│   ├── 03_components/
+│   ├── 04_helpers/
+│   ├── 05_modals/
+│   ├── 06_routes/
+│   ├── other/
+```
+
+This structure defines the pages' ordering. You can use a numeral prefix (XX_) before a name to dictate where a page is listed, but it's otherwise ignored in the url route. Note that the folder names (01_building-demos, etc) are only used for the navbar and are not in the url.
+
+The mdsvex files use a combination of markdown and svelte. They also pull documentation directly from the source code. Adding a `@document()` wrapper around any class or function in the source code will make its docstrings available in the templates. 
+
+Here's an example: the template for [Image docs](https://www.gradio.app/docs/gradio/image) is [here](https://github.com/gradio-app/gradio/blob/main/js/_website/src/lib/templates/gradio/03_components/image.svx). You can see the initialization section references `obj.parameters`. So to edit the description of a parameter you'll have to edit the docstring in the [source code](https://github.com/gradio-app/gradio/blob/main/gradio/components/image.py). But the page also includes a section titled 'GIF and SVG Image Formats' which is written in plain markdown and can be edited directly on the template. 
+
+If you are making changes to docstrings and want to see them on the website you have to make sure you're on an editable install of the gradio library. Just run this command from root:
+
+```
+pip install -e . 
+```
+
+And then from the website directory: 
+
+```
+pnpm dev
+```
+
+#### Guides 
+
+Guides like [Quickstart](https://www.gradio.app/guides/quickstart) are built from this directory: `/guides`. The directory follows the same structure as the API reference templates, with nested folders and numerical prefixes for ordering, but the files are standard markdown files. After adding a new guide, or editing an existing one, to see the changes on the website make sure you are on an editable install of the gradio library. Run this command from root: 
+
+```
+pip install -e . 
+```
+
+and then from the website directory: 
+
+```
+pnpm dev
+```
+
+#### Main vs. Released 
+
+The website supports documentation for both the latest released version on pypi as well as the main build on github. You can switch between them on the website by using the toggle on any page or by prefixing '/main' before the route in the url. For example: https://www.gradio.app/main/guides/quickstart 
+
+If you're making changes to documentation and are wondering why they're not showing up, make sure you're looking at the 'main' version of the page. Since they haven't been included in a release yet, they will only be visible there. 
+
+## 📮 Submitting PRs
+
+All PRs should be submitted against `main`, and ideally should address an open issue, unless the change is small. Direct commits to main are blocked, and PRs require an approving review to merge into main. By convention, the Gradio maintainers will review PRs when:
+
+- An initial review has been requested
+- A clear, descriptive title has been assigned to the PR
+- A maintainer (@abidlabs, @aliabid94, @aliabd, @AK391, @dawoodkhan82, @pngwn, @freddyaboulton, @hannahblair, @hysts, @whitphx) is tagged in the PR comments and asked to complete a review
+
+ 🧹 We ask that you make sure initial CI checks are passing before requesting a review. One of the Gradio maintainers will merge the PR when all the checks are passing.  You can safely ignore the Vercel and Spaces checks, which only run under maintainers' pull requests.  
+
+Don't forget to format your code before pushing:
+
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```
+bash scripts/format_backend.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\format_backend.bat
+```
+  </td>
+  </tr>
+</table>
+
+And if you made changes to the frontend: 
+
+
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```
+bash scripts/format_frontend.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\format_frontend.bat
+```
+  </td>
+  </tr>
+</table>
+
+Thank you for taking the time to contribute to Gradio! 
+
+
+## ❓ Need help or have questions?
+
+- [Open a detailed issue](https://github.com/gradio-app/gradio/issues/new/choose) for a bug or feature request — see the [guidelines above](#-the-best-way-to-contribute-open-a-great-issue).
+- Ask the Gradio community in our [Discord](https://discord.com/invite/feTf9x3ZSB).
+- Browse existing [issues](https://github.com/gradio-app/gradio/issues) to see if your problem has already been reported (and add a 👍 or extra reproduction details if so).
+
+## 🚧 Troubleshooting
+`ERROR: Error loading ASGI app. Could not import module "<filename>"`
+
+Verify that you've used the correct filename of your gradio app, and that you're in the directory of the file. 
+
+---
+
+```ERR_PNPM_RECURSIVE_RUN_FIRST_FAIL @self/spa@1.0.0 build:local: vite build --mode production:local --emptyOutDir "--emptyOutDir"```
+
+Delete `/node_modules` and `pnpm-lock.yaml`:
+
+```
+rm -rf node_modules/
+rm pnpm-lock.yaml
+```
+
+and run the install scripts:
+
+
+<table>
+  <tr>
+  <th>MacOS / Linux</th>
+  <th>Windows</th>
+  </tr>
+  <tr>
+  <td>
+
+```
+bash scripts/install_gradio.sh
+bash scripts/build_frontend.sh
+```
+  </td>
+  <td>
+  
+```bash
+scripts\install_gradio.bat
+scripts\build_frontend.bat
+```
+  </td>
+  </tr>
+</table>
+---
+
+```FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory``` when running `scripts/build_frontend.sh`.
+
+Run `scripts/build_frontend.sh` with the environment variable `NODE_OPTIONS=--max_old_space_size=8192` to increase the heap size.
+
+---
+
+In the case of:
+- Unexpected exceptions being thrown, or
+- The following warning:
+`IMPORTANT: You are using gradio version <earlier version>, however version <later version> is available, please upgrade.`
+
+ensure your `PYTHONPATH` includes the directory where the Gradio repository is cloned, e.g.:
+
+```export PYTHONPATH="./"```
+
+This ensures that when `gradio` is imported in a python program, it is this current version from this repository.
+
+---
+
+_Could these guidelines be clearer? Feel free to open a PR to help us facilitate open-source contributions!_
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..261eeb9
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4d8bfbd
--- /dev/null
+++ b/README.md
@@ -0,0 +1,227 @@
+<!-- DO NOT EDIT THIS FILE DIRECTLY. INSTEAD EDIT THE `readme_template.md` OR `guides/01_getting-started/01_quickstart.md` TEMPLATES AND THEN RUN `render_readme.py` SCRIPT. -->
+
+<div align="center">
+<a href="https://gradio.app">
+<img src="readme_files/gradio.svg" alt="gradio" width=350>
+</a>
+</div>
+
+<div align="center">
+<span>
+<a href="https://www.producthunt.com/posts/gradio-5-0?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-gradio&#0045;5&#0045;0" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=501906&theme=light" alt="Gradio&#0032;5&#0046;0 - the&#0032;easiest&#0032;way&#0032;to&#0032;build&#0032;AI&#0032;web&#0032;apps | Product Hunt" style="width: 150px; height: 54px;" width="150" height="54" /></a>
+<a href="https://trendshift.io/repositories/2145" target="_blank"><img src="https://trendshift.io/api/badge/repositories/2145" alt="gradio-app%2Fgradio | Trendshift" style="width: 150px; height: 55px;" width="150" height="55"/></a>
+</span>
+
+[![gradio-backend](https://github.com/gradio-app/gradio/actions/workflows/test-python.yml/badge.svg)](https://github.com/gradio-app/gradio/actions/workflows/test-python.yml)
+[![gradio-ui](https://github.com/gradio-app/gradio/actions/workflows/tests-js.yml/badge.svg)](https://github.com/gradio-app/gradio/actions/workflows/tests-js.yml) 
+[![PyPI](https://img.shields.io/pypi/v/gradio)](https://pypi.org/project/gradio/)
+[![PyPI downloads](https://img.shields.io/pypi/dm/gradio)](https://pypi.org/project/gradio/)
+![Python version](https://img.shields.io/badge/python-3.10+-important)
+[![Twitter follow](https://img.shields.io/twitter/follow/gradio?style=social&label=follow)](https://twitter.com/gradio)
+
+[Website](https://gradio.app)
+| [Documentation](https://gradio.app/docs/)
+| [Guides](https://gradio.app/guides/)
+| [Getting Started](https://gradio.app/getting_started/)
+| [Examples](demo/)
+
+</div>
+
+<div align="center">
+
+English | [中文](readme_files/zh-cn#readme)
+
+</div>
+
+# Gradio: Build Machine Learning Web Apps — in Python
+
+
+
+Gradio is an open-source Python package that allows you to quickly **build** a demo or web application for your machine learning model, API, or any arbitrary Python function. You can then **share** a link to your demo or web application in just a few seconds using Gradio's built-in sharing features. *No JavaScript, CSS, or web hosting experience needed!*
+
+<img src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/gif-version.gif" style="padding-bottom: 10px">
+
+It just takes a few lines of Python to create your own demo, so let's get started 💫
+
+
+### Installation
+
+**Prerequisite**: Gradio requires [Python 3.10 or higher](https://www.python.org/downloads/).
+
+
+We recommend installing Gradio using `pip`, which is included by default in Python. Run this in your terminal or command prompt:
+
+```bash
+pip install --upgrade gradio
+```
+
+
+> [!TIP]
+ > It is best to install Gradio in a virtual environment. Detailed installation instructions for all common operating systems <a href="https://www.gradio.app/main/guides/installing-gradio-in-a-virtual-environment">are provided here</a>. 
+
+### Building Your First Demo
+
+You can run Gradio in your favorite code editor, Jupyter notebook, Google Colab, or anywhere else you write Python. Let's write your first Gradio app:
+
+
+```python
+import gradio as gr
+
+def greet(name, intensity):
+    return "Hello, " + name + "!" * int(intensity)
+
+demo = gr.Interface(
+    fn=greet,
+    inputs=["text", "slider"],
+    outputs=["text"],
+    api_name="predict"
+)
+
+demo.launch()
+```
+
+
+
+> [!TIP]
+ > We shorten the imported name from <code>gradio</code> to <code>gr</code>. This is a widely adopted convention for better readability of code. 
+
+Now, run your code. If you've written the Python code in a file named `app.py`, then you would run `python app.py` from the terminal.
+
+The demo below will open in a browser on [http://localhost:7860](http://localhost:7860) if running from a file. If you are running within a notebook, the demo will appear embedded within the notebook.
+
+![`hello_world_4` demo](demo/hello_world_4/screenshot.gif)
+
+Type your name in the textbox on the left, drag the slider, and then press the Submit button. You should see a friendly greeting on the right.
+
+> [!TIP]
+ > When developing locally, you can run your Gradio app in <strong>hot reload mode</strong>, which automatically reloads the Gradio app whenever you make changes to the file. To do this, simply type in <code>gradio</code> before the name of the file instead of <code>python</code>. In the example above, you would type: `gradio app.py` in your terminal. You can also enable <strong>vibe mode</strong> by using the <code>--vibe</code> flag, e.g. <code>gradio --vibe app.py</code>, which provides an in-browser chat that can be used to write or edit your Gradio app using natural language. Learn more in the <a href="https://www.gradio.app/guides/developing-faster-with-reload-mode">Hot Reloading Guide</a>.
+
+
+**Understanding the `Interface` Class**
+
+You'll notice that in order to make your first demo, you created an instance of the `gr.Interface` class. The `Interface` class is designed to create demos for machine learning models which accept one or more inputs, and return one or more outputs. 
+
+The `Interface` class has three core arguments:
+
+- `fn`: the function to wrap a user interface (UI) around
+- `inputs`: the Gradio component(s) to use for the input. The number of components should match the number of arguments in your function.
+- `outputs`: the Gradio component(s) to use for the output. The number of components should match the number of return values from your function.
+
+The `fn` argument is very flexible -- you can pass *any* Python function that you want to wrap with a UI. In the example above, we saw a relatively simple function, but the function could be anything from a music generator to a tax calculator to the prediction function of a pretrained machine learning model.
+
+The `inputs` and `outputs` arguments take one or more Gradio components. As we'll see, Gradio includes more than [30 built-in components](https://www.gradio.app/docs/gradio/introduction) (such as the `gr.Textbox()`, `gr.Image()`, and `gr.HTML()` components) that are designed for machine learning applications. 
+
+> [!TIP]
+ > For the `inputs` and `outputs` arguments, you can pass in the name of these components as a string (`"textbox"`) or an instance of the class (`gr.Textbox()`).
+
+If your function accepts more than one argument, as is the case above, pass a list of input components to `inputs`, with each input component corresponding to one of the arguments of the function, in order. The same holds true if your function returns more than one value: simply pass in a list of components to `outputs`. This flexibility makes the `Interface` class a very powerful way to create demos.
+
+We'll dive deeper into the `gr.Interface` on our series on [building Interfaces](https://www.gradio.app/main/guides/the-interface-class).
+
+### Sharing Your Demo
+
+What good is a beautiful demo if you can't share it? Gradio lets you easily share a machine learning demo without having to worry about the hassle of hosting on a web server. Simply set `share=True` in `launch()`, and a publicly accessible URL will be created for your demo. Let's revisit our example demo,  but change the last line as follows:
+
+```python
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
+    
+demo.launch(share=True)  # Share your demo with just 1 extra parameter 🚀
+```
+
+When you run this code, a public URL will be generated for your demo in a matter of seconds, something like:
+
+👉 &nbsp; `https://a23dsf231adb.gradio.live`
+
+Now, anyone around the world can try your Gradio demo from their browser, while the machine learning model and all computation continues to run locally on your computer.
+
+To learn more about sharing your demo, read our dedicated guide on [sharing your Gradio application](https://www.gradio.app/guides/sharing-your-app).
+
+
+### An Overview of Gradio
+
+So far, we've been discussing the `Interface` class, which is a high-level class that lets you build demos quickly with Gradio. But what else does Gradio include?
+
+#### Custom Demos with `gr.Blocks`
+
+Gradio offers a low-level approach for designing web apps with more customizable layouts and data flows with the `gr.Blocks` class. Blocks supports things like controlling where components appear on the page, handling multiple data flows and more complex interactions (e.g. outputs can serve as inputs to other functions), and updating properties/visibility of components based on user interaction — still all in Python. 
+
+You can build very custom and complex applications using `gr.Blocks()`. For example, the popular image generation [Automatic1111 Web UI](https://github.com/AUTOMATIC1111/stable-diffusion-webui) is built using Gradio Blocks. We dive deeper into the `gr.Blocks` on our series on [building with Blocks](https://www.gradio.app/guides/blocks-and-event-listeners).
+
+#### Chatbots with `gr.ChatInterface`
+
+Gradio includes another high-level class, `gr.ChatInterface`, which is specifically designed to create Chatbot UIs. Similar to `Interface`, you supply a function and Gradio creates a fully working Chatbot UI. If you're interested in creating a chatbot, you can jump straight to [our dedicated guide on `gr.ChatInterface`](https://www.gradio.app/guides/creating-a-chatbot-fast).
+
+#### The Gradio Python & JavaScript Ecosystem
+
+That's the gist of the core `gradio` Python library, but Gradio is actually so much more! It's an entire ecosystem of Python and JavaScript libraries that let you build machine learning applications, or query them programmatically, in Python or JavaScript. Here are other related parts of the Gradio ecosystem:
+
+* [Gradio Python Client](https://www.gradio.app/guides/getting-started-with-the-python-client) (`gradio_client`): query any Gradio app programmatically in Python.
+* [Gradio JavaScript Client](https://www.gradio.app/guides/getting-started-with-the-js-client) (`@gradio/client`): query any Gradio app programmatically in JavaScript.
+* [Hugging Face Spaces](https://huggingface.co/spaces): the most popular place to host Gradio applications — for free!
+* [Server mode](https://www.gradio.app/guides/server-mode) (`gradio.Server`): build a custom frontend with Gradio's backend — queue, streaming, MCP, ZeroGPU, and Spaces hosting included.
+
+### What's Next?
+
+Keep learning about Gradio sequentially using the Gradio Guides, which include explanations as well as example code and embedded interactive demos. Next up: [let's dive deeper into the Interface class](https://www.gradio.app/guides/the-interface-class).
+
+Or, if you already know the basics and are looking for something specific, you can search the more [technical API documentation](https://www.gradio.app/docs/).
+
+
+### AI Coding Skills
+
+Gradio provides a "skill" that enriches AI coding assistants (like Cursor, Claude Code, Codex, etc.) with Gradio-specific knowledge, so that they can build Gradio apps more effectively. This is especially useful when creating custom Gradio components or styling. Install the Gradio skill for your coding assistant with a single command:
+
+```bash
+gradio skills add --cursor   # or --claude, --codex, --opencode
+```
+
+Use `--global` to install at the user level (applies to all projects). Your skill will be automatically available for the particular coding agent.
+
+You can also install a skill for a **specific Gradio Space**, which generates API usage docs (Python, JS, cURL) on the fly:
+
+```bash
+gradio skills add abidlabs/en2fr --cursor
+```
+
+## Questions?
+
+If you'd like to report a bug or have a feature request, please create an [issue on GitHub](https://github.com/gradio-app/gradio/issues/new/choose). For general questions about usage, we are available on [our Discord server](https://discord.com/invite/feTf9x3ZSB) and happy to help.
+
+If you like Gradio, please leave us a ⭐ on GitHub!
+
+## Open Source Stack
+
+Gradio is built on top of many wonderful open-source libraries!
+
+[<img src="readme_files/huggingface_mini.svg" alt="huggingface" height=40>](https://huggingface.co)
+[<img src="readme_files/python.svg" alt="python" height=40>](https://www.python.org)
+[<img src="readme_files/fastapi.svg" alt="fastapi" height=40>](https://fastapi.tiangolo.com)
+[<img src="readme_files/encode.svg" alt="encode" height=40>](https://www.encode.io)
+[<img src="readme_files/svelte.svg" alt="svelte" height=40>](https://svelte.dev)
+[<img src="readme_files/vite.svg" alt="vite" height=40>](https://vitejs.dev)
+[<img src="readme_files/pnpm.svg" alt="pnpm" height=40>](https://pnpm.io)
+[<img src="readme_files/tailwind.svg" alt="tailwind" height=40>](https://tailwindcss.com)
+[<img src="readme_files/storybook.svg" alt="storybook" height=40>](https://storybook.js.org/)
+[<img src="readme_files/chromatic.svg" alt="chromatic" height=40>](https://www.chromatic.com/)
+
+## License
+
+Gradio is licensed under the Apache License 2.0 found in the [LICENSE](LICENSE) file in the root directory of this repository.
+
+## Citation
+
+Also check out the paper _[Gradio: Hassle-Free Sharing and Testing of ML Models in the Wild](https://arxiv.org/abs/1906.02569), ICML HILL 2019_, and please cite it if you use Gradio in your work.
+
+```
+@article{abid2019gradio,
+  title = {Gradio: Hassle-Free Sharing and Testing of ML Models in the Wild},
+  author = {Abid, Abubakar and Abdalla, Ali and Abid, Ali and Khan, Dawood and Alfozan, Abdulrahman and Zou, James},
+  journal = {arXiv preprint arXiv:1906.02569},
+  year = {2019},
+}
+```
diff --git a/README.wehub.md b/README.wehub.md
new file mode 100644
index 0000000..8eccd67
--- /dev/null
+++ b/README.wehub.md
@@ -0,0 +1,7 @@
+# WeHub 来源说明
+
+- 原始项目：`gradio-app/gradio`
+- 原始仓库：https://github.com/gradio-app/gradio
+- 导入方式：上游默认分支的最新快照
+- 原作者、版权和许可证信息以原始仓库及本仓库 LICENSE 为准
+- 本文件仅用于记录来源，不代表 WeHub 是原项目作者
diff --git a/SECURITY.md b/SECURITY.md
new file mode 100644
index 0000000..3e1e99f
--- /dev/null
+++ b/SECURITY.md
@@ -0,0 +1,5 @@
+# Security Policy
+
+## Reporting a Vulnerability
+
+If you discover a security vulnerability, we would be very grateful if you could email us at gradio-team@huggingface.co. This is the preferred approach instead of opening a public issue. We take all vulnerability reports seriously, and will work to patch the vulnerability immediately. Whenever possible, we will credit the person or people who report the security vulnerabilities after it has been patched.
diff --git a/_worker.bundle b/_worker.bundle
new file mode 100644
index 0000000..8f12d3f
--- /dev/null
+++ b/_worker.bundle
@@ -0,0 +1,517 @@
+------formdata-undici-075560669371
+Content-Disposition: form-data; name="metadata"
+
+{"main_module":"functionsWorker-0.6571259265887377.js"}
+------formdata-undici-075560669371
+Content-Disposition: form-data; name="functionsWorker-0.6571259265887377.js"; filename="functionsWorker-0.6571259265887377.js"
+Content-Type: application/javascript+module
+
+// _shared.ts
+var AI_UA_PATTERNS = [
+  /\bgptbot\b/i,
+  /\bchatgpt-user\b/i,
+  /\bclaudebot\b/i,
+  /\bclaude-web\b/i,
+  /\bclaude-user\b/i,
+  /\banthropic\b/i,
+  /\bperplexitybot\b/i,
+  /\bmeta-external(fetcher|agent)\b/i,
+  /\bfacebookbot\b/i,
+  /\bamazonbot\b/i,
+  /\bapplebot\b/i,
+  /\bbytespider\b/i,
+  /\bccbot\b/i,
+  /\bcohere\b/i,
+  /\bgoogle-extended\b/i
+];
+function isLLMRequest(request) {
+  const ua = request.headers.get("user-agent") || "";
+  const accept = request.headers.get("accept") || "";
+  if (accept.includes("text/markdown"))
+    return true;
+  return AI_UA_PATTERNS.some((re) => re.test(ua));
+}
+async function serveDocMarkdown(context) {
+  const { request, params, next } = context;
+  if (!isLLMRequest(request))
+    return next();
+  const url = new URL(request.url);
+  return Response.redirect(`${url.origin}/api/markdown/${params.doc}`, 302);
+}
+async function serveGuideMarkdown(context) {
+  const { request, params, next } = context;
+  if (!isLLMRequest(request))
+    return next();
+  const url = new URL(request.url);
+  return Response.redirect(
+    `${url.origin}/api/markdown/guide/${params.guide}`,
+    302
+  );
+}
+
+// main/docs/gradio/[doc].ts
+var onRequestGet = serveDocMarkdown;
+
+// docs/gradio/[doc].ts
+var onRequestGet2 = serveDocMarkdown;
+
+// main/guides/[guide].ts
+var onRequestGet3 = serveGuideMarkdown;
+
+// guides/[guide].ts
+var onRequestGet4 = serveGuideMarkdown;
+
+// ../../../.wrangler/tmp/pages-CpiPgT/functionsRoutes-0.19632173451245094.mjs
+var routes = [
+  {
+    routePath: "/main/docs/gradio/:doc",
+    mountPath: "/main/docs/gradio",
+    method: "GET",
+    middlewares: [],
+    modules: [onRequestGet]
+  },
+  {
+    routePath: "/docs/gradio/:doc",
+    mountPath: "/docs/gradio",
+    method: "GET",
+    middlewares: [],
+    modules: [onRequestGet2]
+  },
+  {
+    routePath: "/main/guides/:guide",
+    mountPath: "/main/guides",
+    method: "GET",
+    middlewares: [],
+    modules: [onRequestGet3]
+  },
+  {
+    routePath: "/guides/:guide",
+    mountPath: "/guides",
+    method: "GET",
+    middlewares: [],
+    modules: [onRequestGet4]
+  }
+];
+
+// ../../../../../../../Library/pnpm/global/5/.pnpm/path-to-regexp@6.2.2/node_modules/path-to-regexp/dist.es2015/index.js
+function lexer(str) {
+  var tokens = [];
+  var i = 0;
+  while (i < str.length) {
+    var char = str[i];
+    if (char === "*" || char === "+" || char === "?") {
+      tokens.push({ type: "MODIFIER", index: i, value: str[i++] });
+      continue;
+    }
+    if (char === "\\") {
+      tokens.push({ type: "ESCAPED_CHAR", index: i++, value: str[i++] });
+      continue;
+    }
+    if (char === "{") {
+      tokens.push({ type: "OPEN", index: i, value: str[i++] });
+      continue;
+    }
+    if (char === "}") {
+      tokens.push({ type: "CLOSE", index: i, value: str[i++] });
+      continue;
+    }
+    if (char === ":") {
+      var name = "";
+      var j = i + 1;
+      while (j < str.length) {
+        var code = str.charCodeAt(j);
+        if (
+          // `0-9`
+          code >= 48 && code <= 57 || // `A-Z`
+          code >= 65 && code <= 90 || // `a-z`
+          code >= 97 && code <= 122 || // `_`
+          code === 95
+        ) {
+          name += str[j++];
+          continue;
+        }
+        break;
+      }
+      if (!name)
+        throw new TypeError("Missing parameter name at ".concat(i));
+      tokens.push({ type: "NAME", index: i, value: name });
+      i = j;
+      continue;
+    }
+    if (char === "(") {
+      var count = 1;
+      var pattern = "";
+      var j = i + 1;
+      if (str[j] === "?") {
+        throw new TypeError('Pattern cannot start with "?" at '.concat(j));
+      }
+      while (j < str.length) {
+        if (str[j] === "\\") {
+          pattern += str[j++] + str[j++];
+          continue;
+        }
+        if (str[j] === ")") {
+          count--;
+          if (count === 0) {
+            j++;
+            break;
+          }
+        } else if (str[j] === "(") {
+          count++;
+          if (str[j + 1] !== "?") {
+            throw new TypeError("Capturing groups are not allowed at ".concat(j));
+          }
+        }
+        pattern += str[j++];
+      }
+      if (count)
+        throw new TypeError("Unbalanced pattern at ".concat(i));
+      if (!pattern)
+        throw new TypeError("Missing pattern at ".concat(i));
+      tokens.push({ type: "PATTERN", index: i, value: pattern });
+      i = j;
+      continue;
+    }
+    tokens.push({ type: "CHAR", index: i, value: str[i++] });
+  }
+  tokens.push({ type: "END", index: i, value: "" });
+  return tokens;
+}
+function parse(str, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var tokens = lexer(str);
+  var _a = options.prefixes, prefixes = _a === void 0 ? "./" : _a;
+  var defaultPattern = "[^".concat(escapeString(options.delimiter || "/#?"), "]+?");
+  var result = [];
+  var key = 0;
+  var i = 0;
+  var path = "";
+  var tryConsume = function(type) {
+    if (i < tokens.length && tokens[i].type === type)
+      return tokens[i++].value;
+  };
+  var mustConsume = function(type) {
+    var value2 = tryConsume(type);
+    if (value2 !== void 0)
+      return value2;
+    var _a2 = tokens[i], nextType = _a2.type, index = _a2.index;
+    throw new TypeError("Unexpected ".concat(nextType, " at ").concat(index, ", expected ").concat(type));
+  };
+  var consumeText = function() {
+    var result2 = "";
+    var value2;
+    while (value2 = tryConsume("CHAR") || tryConsume("ESCAPED_CHAR")) {
+      result2 += value2;
+    }
+    return result2;
+  };
+  while (i < tokens.length) {
+    var char = tryConsume("CHAR");
+    var name = tryConsume("NAME");
+    var pattern = tryConsume("PATTERN");
+    if (name || pattern) {
+      var prefix = char || "";
+      if (prefixes.indexOf(prefix) === -1) {
+        path += prefix;
+        prefix = "";
+      }
+      if (path) {
+        result.push(path);
+        path = "";
+      }
+      result.push({
+        name: name || key++,
+        prefix,
+        suffix: "",
+        pattern: pattern || defaultPattern,
+        modifier: tryConsume("MODIFIER") || ""
+      });
+      continue;
+    }
+    var value = char || tryConsume("ESCAPED_CHAR");
+    if (value) {
+      path += value;
+      continue;
+    }
+    if (path) {
+      result.push(path);
+      path = "";
+    }
+    var open = tryConsume("OPEN");
+    if (open) {
+      var prefix = consumeText();
+      var name_1 = tryConsume("NAME") || "";
+      var pattern_1 = tryConsume("PATTERN") || "";
+      var suffix = consumeText();
+      mustConsume("CLOSE");
+      result.push({
+        name: name_1 || (pattern_1 ? key++ : ""),
+        pattern: name_1 && !pattern_1 ? defaultPattern : pattern_1,
+        prefix,
+        suffix,
+        modifier: tryConsume("MODIFIER") || ""
+      });
+      continue;
+    }
+    mustConsume("END");
+  }
+  return result;
+}
+function match(str, options) {
+  var keys = [];
+  var re = pathToRegexp(str, keys, options);
+  return regexpToFunction(re, keys, options);
+}
+function regexpToFunction(re, keys, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _a = options.decode, decode = _a === void 0 ? function(x) {
+    return x;
+  } : _a;
+  return function(pathname) {
+    var m = re.exec(pathname);
+    if (!m)
+      return false;
+    var path = m[0], index = m.index;
+    var params = /* @__PURE__ */ Object.create(null);
+    var _loop_1 = function(i2) {
+      if (m[i2] === void 0)
+        return "continue";
+      var key = keys[i2 - 1];
+      if (key.modifier === "*" || key.modifier === "+") {
+        params[key.name] = m[i2].split(key.prefix + key.suffix).map(function(value) {
+          return decode(value, key);
+        });
+      } else {
+        params[key.name] = decode(m[i2], key);
+      }
+    };
+    for (var i = 1; i < m.length; i++) {
+      _loop_1(i);
+    }
+    return { path, index, params };
+  };
+}
+function escapeString(str) {
+  return str.replace(/([.+*?=^!:${}()[\]|/\\])/g, "\\$1");
+}
+function flags(options) {
+  return options && options.sensitive ? "" : "i";
+}
+function regexpToRegexp(path, keys) {
+  if (!keys)
+    return path;
+  var groupsRegex = /\((?:\?<(.*?)>)?(?!\?)/g;
+  var index = 0;
+  var execResult = groupsRegex.exec(path.source);
+  while (execResult) {
+    keys.push({
+      // Use parenthesized substring match if available, index otherwise
+      name: execResult[1] || index++,
+      prefix: "",
+      suffix: "",
+      modifier: "",
+      pattern: ""
+    });
+    execResult = groupsRegex.exec(path.source);
+  }
+  return path;
+}
+function arrayToRegexp(paths, keys, options) {
+  var parts = paths.map(function(path) {
+    return pathToRegexp(path, keys, options).source;
+  });
+  return new RegExp("(?:".concat(parts.join("|"), ")"), flags(options));
+}
+function stringToRegexp(path, keys, options) {
+  return tokensToRegexp(parse(path, options), keys, options);
+}
+function tokensToRegexp(tokens, keys, options) {
+  if (options === void 0) {
+    options = {};
+  }
+  var _a = options.strict, strict = _a === void 0 ? false : _a, _b = options.start, start = _b === void 0 ? true : _b, _c = options.end, end = _c === void 0 ? true : _c, _d = options.encode, encode = _d === void 0 ? function(x) {
+    return x;
+  } : _d, _e = options.delimiter, delimiter = _e === void 0 ? "/#?" : _e, _f = options.endsWith, endsWith = _f === void 0 ? "" : _f;
+  var endsWithRe = "[".concat(escapeString(endsWith), "]|$");
+  var delimiterRe = "[".concat(escapeString(delimiter), "]");
+  var route = start ? "^" : "";
+  for (var _i = 0, tokens_1 = tokens; _i < tokens_1.length; _i++) {
+    var token = tokens_1[_i];
+    if (typeof token === "string") {
+      route += escapeString(encode(token));
+    } else {
+      var prefix = escapeString(encode(token.prefix));
+      var suffix = escapeString(encode(token.suffix));
+      if (token.pattern) {
+        if (keys)
+          keys.push(token);
+        if (prefix || suffix) {
+          if (token.modifier === "+" || token.modifier === "*") {
+            var mod = token.modifier === "*" ? "?" : "";
+            route += "(?:".concat(prefix, "((?:").concat(token.pattern, ")(?:").concat(suffix).concat(prefix, "(?:").concat(token.pattern, "))*)").concat(suffix, ")").concat(mod);
+          } else {
+            route += "(?:".concat(prefix, "(").concat(token.pattern, ")").concat(suffix, ")").concat(token.modifier);
+          }
+        } else {
+          if (token.modifier === "+" || token.modifier === "*") {
+            route += "((?:".concat(token.pattern, ")").concat(token.modifier, ")");
+          } else {
+            route += "(".concat(token.pattern, ")").concat(token.modifier);
+          }
+        }
+      } else {
+        route += "(?:".concat(prefix).concat(suffix, ")").concat(token.modifier);
+      }
+    }
+  }
+  if (end) {
+    if (!strict)
+      route += "".concat(delimiterRe, "?");
+    route += !options.endsWith ? "$" : "(?=".concat(endsWithRe, ")");
+  } else {
+    var endToken = tokens[tokens.length - 1];
+    var isEndDelimited = typeof endToken === "string" ? delimiterRe.indexOf(endToken[endToken.length - 1]) > -1 : endToken === void 0;
+    if (!strict) {
+      route += "(?:".concat(delimiterRe, "(?=").concat(endsWithRe, "))?");
+    }
+    if (!isEndDelimited) {
+      route += "(?=".concat(delimiterRe, "|").concat(endsWithRe, ")");
+    }
+  }
+  return new RegExp(route, flags(options));
+}
+function pathToRegexp(path, keys, options) {
+  if (path instanceof RegExp)
+    return regexpToRegexp(path, keys);
+  if (Array.isArray(path))
+    return arrayToRegexp(path, keys, options);
+  return stringToRegexp(path, keys, options);
+}
+
+// ../../../../../../../Library/pnpm/global/5/.pnpm/wrangler@3.65.1/node_modules/wrangler/templates/pages-template-worker.ts
+var escapeRegex = /[.+?^${}()|[\]\\]/g;
+function* executeRequest(request) {
+  const requestPath = new URL(request.url).pathname;
+  for (const route of [...routes].reverse()) {
+    if (route.method && route.method !== request.method) {
+      continue;
+    }
+    const routeMatcher = match(route.routePath.replace(escapeRegex, "\\$&"), {
+      end: false
+    });
+    const mountMatcher = match(route.mountPath.replace(escapeRegex, "\\$&"), {
+      end: false
+    });
+    const matchResult = routeMatcher(requestPath);
+    const mountMatchResult = mountMatcher(requestPath);
+    if (matchResult && mountMatchResult) {
+      for (const handler of route.middlewares.flat()) {
+        yield {
+          handler,
+          params: matchResult.params,
+          path: mountMatchResult.path
+        };
+      }
+    }
+  }
+  for (const route of routes) {
+    if (route.method && route.method !== request.method) {
+      continue;
+    }
+    const routeMatcher = match(route.routePath.replace(escapeRegex, "\\$&"), {
+      end: true
+    });
+    const mountMatcher = match(route.mountPath.replace(escapeRegex, "\\$&"), {
+      end: false
+    });
+    const matchResult = routeMatcher(requestPath);
+    const mountMatchResult = mountMatcher(requestPath);
+    if (matchResult && mountMatchResult && route.modules.length) {
+      for (const handler of route.modules.flat()) {
+        yield {
+          handler,
+          params: matchResult.params,
+          path: matchResult.path
+        };
+      }
+      break;
+    }
+  }
+}
+var pages_template_worker_default = {
+  async fetch(originalRequest, env, workerContext) {
+    let request = originalRequest;
+    const handlerIterator = executeRequest(request);
+    let data = {};
+    let isFailOpen = false;
+    const next = async (input, init) => {
+      if (input !== void 0) {
+        let url = input;
+        if (typeof input === "string") {
+          url = new URL(input, request.url).toString();
+        }
+        request = new Request(url, init);
+      }
+      const result = handlerIterator.next();
+      if (result.done === false) {
+        const { handler, params, path } = result.value;
+        const context = {
+          request: new Request(request.clone()),
+          functionPath: path,
+          next,
+          params,
+          get data() {
+            return data;
+          },
+          set data(value) {
+            if (typeof value !== "object" || value === null) {
+              throw new Error("context.data must be an object");
+            }
+            data = value;
+          },
+          env,
+          waitUntil: workerContext.waitUntil.bind(workerContext),
+          passThroughOnException: () => {
+            isFailOpen = true;
+          }
+        };
+        const response = await handler(context);
+        if (!(response instanceof Response)) {
+          throw new Error("Your Pages function should return a Response");
+        }
+        return cloneResponse(response);
+      } else if ("ASSETS") {
+        const response = await env["ASSETS"].fetch(request);
+        return cloneResponse(response);
+      } else {
+        const response = await fetch(request);
+        return cloneResponse(response);
+      }
+    };
+    try {
+      return await next();
+    } catch (error) {
+      if (isFailOpen) {
+        const response = await env["ASSETS"].fetch(request);
+        return cloneResponse(response);
+      }
+      throw error;
+    }
+  }
+};
+var cloneResponse = (response) => (
+  // https://fetch.spec.whatwg.org/#null-body-status
+  new Response(
+    [101, 204, 205, 304].includes(response.status) ? null : response.body,
+    response
+  )
+);
+export {
+  pages_template_worker_default as default
+};
+
+------formdata-undici-075560669371--
\ No newline at end of file
diff --git a/build_pypi.sh b/build_pypi.sh
new file mode 100755
index 0000000..11e7e1a
--- /dev/null
+++ b/build_pypi.sh
@@ -0,0 +1,19 @@
+#!/bin/bash
+set -e
+
+cd "$(dirname ${0})"
+
+# You should update the version in package.json before running this script
+FILE="gradio/package.json"
+new_version=$(python -c "import json; f = open('$FILE', 'r'); data = json.load(f); print(data['version']); f.close();")
+GRADIO_VERSION=$new_version
+
+rm -rf gradio/templates/frontend
+pnpm i --frozen-lockfile --ignore-scripts
+GRADIO_VERSION=$new_version pnpm build
+python3 scripts/download_offline_assets.py
+aws s3 cp gradio/templates/frontend "s3://gradio/${new_version}/" --recursive --region us-west-2
+
+rm -rf dist/*
+rm -rf build/*
+python3 -m build
diff --git a/client/js/CHANGELOG.md b/client/js/CHANGELOG.md
new file mode 100644
index 0000000..f0a4166
--- /dev/null
+++ b/client/js/CHANGELOG.md
@@ -0,0 +1,1049 @@
+# @gradio/client
+
+## 2.3.1
+
+### Fixes
+
+- [#13588](https://github.com/gradio-app/gradio/pull/13588) [`2e80558`](https://github.com/gradio-app/gradio/commit/2e805588c8dc84a4a584898fd43b267c72209f78) - Fire `state.change()` for streaming (`.stream()`) events.  Thanks @hysts!
+- [#13581](https://github.com/gradio-app/gradio/pull/13581) [`461d82d`](https://github.com/gradio-app/gradio/commit/461d82df2689ec0c53e84b8722eaeae58fd2a6ae) - Use same-origin credentials in the JS client so cross-origin embeds work again.  Thanks @hysts!
+- [#13579](https://github.com/gradio-app/gradio/pull/13579) [`3d26f41`](https://github.com/gradio-app/gradio/commit/3d26f41c4a3bfa31ea01c4ae0d082a9fc9ed0bc7) - Make `Client.predict()` reject its returned promise on unknown endpoints so the error is catchable.  Thanks @abidlabs!
+
+## 2.3.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+## 2.2.2
+
+### Fixes
+
+- [#13500](https://github.com/gradio-app/gradio/pull/13500) [`751a397`](https://github.com/gradio-app/gradio/commit/751a397ce519732526863ee84e311f7f64195f9d) - Close iterator on terminal error in JS client.  Thanks @hysts!
+
+## 2.2.1
+
+### Fixes
+
+- [#13403](https://github.com/gradio-app/gradio/pull/13403) [`df56862`](https://github.com/gradio-app/gradio/commit/df56862a1531fc372a3248716dc4bd07e6db1c52) - [js-client] close submit iterator on next/close race.  Thanks @hysts!
+
+## 2.2.0
+
+### Features
+
+- [#13176](https://github.com/gradio-app/gradio/pull/13176) [`45c4ecd`](https://github.com/gradio-app/gradio/commit/45c4ecd25fc83c7ee0210d216df1bc4bd509e622) - Add `@gr.cache()` decorator for caching deterministic functions, as as well as a lower-level `gr.Cache` that uses dependency injection.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13210](https://github.com/gradio-app/gradio/pull/13210) [`4005b93`](https://github.com/gradio-app/gradio/commit/4005b93dd59d7e0d144619986f01e900659b3d0b) - Fix ZeroGPU handling for `gr.Server`.  Thanks @abidlabs!
+
+## 2.1.0
+
+### Features
+
+- [#12929](https://github.com/gradio-app/gradio/pull/12929) [`978bc6e`](https://github.com/gradio-app/gradio/commit/978bc6ea5094aa11e10994cdd662c4c663a86a83) - Add server functions support to gr.HTML.  Thanks @aliabid94!
+- [#12907](https://github.com/gradio-app/gradio/pull/12907) [`3e625a0`](https://github.com/gradio-app/gradio/commit/3e625a0ecfab6e74b7561b68adbe55341ecbc47a) - Better error handling when connection to server is lost.  Thanks @abidlabs!
+
+## 2.0.4
+
+### Fixes
+
+- [#12828](https://github.com/gradio-app/gradio/pull/12828) [`151cbd1`](https://github.com/gradio-app/gradio/commit/151cbd1aac0da3aeb5f0b7b33585223d2bc47138) - Fix private spaces.  Thanks @freddyaboulton!
+- [#12835](https://github.com/gradio-app/gradio/pull/12835) [`5ecf6d2`](https://github.com/gradio-app/gradio/commit/5ecf6d27c50a20e2329c1aca0634924479ceb6cd) - Fix CSS root in spaces.  Thanks @freddyaboulton!
+- [#12817](https://github.com/gradio-app/gradio/pull/12817) [`05acc66`](https://github.com/gradio-app/gradio/commit/05acc6627de866db6a742e0540c2733041d76a86) - Fix Login.  Thanks @freddyaboulton!
+
+## 2.0.3
+
+### Fixes
+
+- [#12773](https://github.com/gradio-app/gradio/pull/12773) [`6edcea5`](https://github.com/gradio-app/gradio/commit/6edcea5d74be661d37c70ccca08900be2ceb8e1e) - Fix dev mode.  Thanks @pngwn!
+- [#12472](https://github.com/gradio-app/gradio/pull/12472) [`9a2bc0d`](https://github.com/gradio-app/gradio/commit/9a2bc0dacdd2b3f670fae815093c61ad08eee7e3) - Re-enable SSR mode.  Thanks @pngwn!
+
+## 2.0.2
+
+### Fixes
+
+- [#12608](https://github.com/gradio-app/gradio/pull/12608) [`ab20c59`](https://github.com/gradio-app/gradio/commit/ab20c592e1fab33e96ab2698bbbb942d0972501b) - feat(client): add generic type parameter to predict() method.  Thanks @majiayu000!
+
+## 2.0.1
+
+### Fixes
+
+- [#12600](https://github.com/gradio-app/gradio/pull/12600) [`1fafaba`](https://github.com/gradio-app/gradio/commit/1fafabaace315b1c699855cadb69eb17488de957) - Add x-gradio-user-header.  Thanks @freddyaboulton!
+
+## 2.0.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - [No Merge] Gradio 6.0
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Pass component props as input
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Rename show_api
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix error toast type definition for exception handling
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix queue false render issue
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix some e2e tests
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 2.0.0-dev.2
+
+### Features
+
+- [#12363](https://github.com/gradio-app/gradio/pull/12363) [`4845bfd`](https://github.com/gradio-app/gradio/commit/4845bfdab53096a609d80485e87d5cc70f3f0521) - Fix queue false render issue.  Thanks @freddyaboulton!
+- [#12378](https://github.com/gradio-app/gradio/pull/12378) [`f5e5344`](https://github.com/gradio-app/gradio/commit/f5e5344db61eba28253719928577dc2c495958e1) - Fix some e2e tests.  Thanks @freddyaboulton!
+
+## 2.0.0-dev.1
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+
+## 2.0.0-dev.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`53d9098`](https://github.com/gradio-app/gradio/commit/53d9098cca378f6ebff9dec15d2faa8a3d2fb510) - [No Merge] Gradio 6.0.  Thanks @freddyaboulton!
+
+## 1.19.1
+
+### Fixes
+
+- [#11955](https://github.com/gradio-app/gradio/pull/11955) [`64046cc`](https://github.com/gradio-app/gradio/commit/64046ccd76a41f06ef9eed0e3aa1ec66348f55bd) - Fix Multi-page demo in Dev Mode.  Thanks @ftoh!
+
+## 1.19.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+- [#11902](https://github.com/gradio-app/gradio/pull/11902) [`6d39644`](https://github.com/gradio-app/gradio/commit/6d39644ee1000b04728eb4909cee405e7ee3b5b2) - Add navbar visibility controls and customization options.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+## 1.18.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+
+## 1.17.1
+
+### Fixes
+
+- [#11709](https://github.com/gradio-app/gradio/pull/11709) [`48f1dcf`](https://github.com/gradio-app/gradio/commit/48f1dcf58cd6437daa03a8cf1c9942aae2cec421) - Fix output paths for the @gradio/client browser build.  Thanks @pngwn!
+
+## 1.17.0
+
+### Features
+
+- [#11691](https://github.com/gradio-app/gradio/pull/11691) [`2605a99`](https://github.com/gradio-app/gradio/commit/2605a99bf29bebbbb0a97cc8e0015b5bf8d8e79b) - Add .failure() event listener for error handling.  Thanks @elanehan!
+
+## 1.16.0
+
+### Features
+
+- [#11662](https://github.com/gradio-app/gradio/pull/11662) [`a78f5fa`](https://github.com/gradio-app/gradio/commit/a78f5fa466a4b11ffaaafc5099a64df49afb6e41) - Gradio vibe editor.  Thanks @aliabid94!
+
+## 1.15.7
+
+### Fixes
+
+- [#11604](https://github.com/gradio-app/gradio/pull/11604) [`83e14bc`](https://github.com/gradio-app/gradio/commit/83e14bcfa653e2ec477f0d09b497adf605734e46) - Fix event cancelling bug.  Thanks @freddyaboulton!
+
+## 1.15.6
+
+### Features
+
+- [#11543](https://github.com/gradio-app/gradio/pull/11543) [`ac95ac0`](https://github.com/gradio-app/gradio/commit/ac95ac0d8c2e65d1632376e632fb7d16131334b6) - Connection handling messaging.  Thanks @aliabid94!
+
+## 1.15.5
+
+### Fixes
+
+- [#11430](https://github.com/gradio-app/gradio/pull/11430) [`4d4cd4b`](https://github.com/gradio-app/gradio/commit/4d4cd4b08d6daafc66e0189a2b274916da00d480) - fix exports + add browser build.  Thanks @pngwn!
+- [#11435](https://github.com/gradio-app/gradio/pull/11435) [`50d43a8`](https://github.com/gradio-app/gradio/commit/50d43a8e8bc2a4862668a5d46a5e6482b4f75fe3) - SSR Auth Fix.  Thanks @dawoodkhan82!
+
+## 1.15.4
+
+### Fixes
+
+- [#11432](https://github.com/gradio-app/gradio/pull/11432) [`dd1eee5`](https://github.com/gradio-app/gradio/commit/dd1eee5f9cd3d70773912fd6444d093bdcea321a) - Fix bug where cancelling an event would close the event stream.  Thanks @freddyaboulton!
+- [#11421](https://github.com/gradio-app/gradio/pull/11421) [`c2acf6e`](https://github.com/gradio-app/gradio/commit/c2acf6e33025fe7bbfe0660c182006651cc95090) - Preserve value in reload mode.  Thanks @aliabid94!
+
+## 1.15.3
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+## 1.15.2
+
+### Fixes
+
+- [#11325](https://github.com/gradio-app/gradio/pull/11325) [`2b571e1`](https://github.com/gradio-app/gradio/commit/2b571e13afdc8031ce9c1291abf0fc7062340064) - Fix image streaming - wait for ws to open.  Thanks @freddyaboulton!
+
+## 1.15.1
+
+### Fixes
+
+- [#11243](https://github.com/gradio-app/gradio/pull/11243) [`35afa21`](https://github.com/gradio-app/gradio/commit/35afa21f0d6647e4fbda711f3f22a2fd54eedaf9) - Only show parameters warning when valid `endpoint_info` exists.  Thanks @hannahblair!
+
+## 1.15.0
+
+### Features
+
+- [#11155](https://github.com/gradio-app/gradio/pull/11155) [`30a1d9e`](https://github.com/gradio-app/gradio/commit/30a1d9e2ac3013d9c844b236410010bce97ffaf5) - Improvements to MCP page.  Thanks @abidlabs!
+- [#11047](https://github.com/gradio-app/gradio/pull/11047) [`6d4b8a7`](https://github.com/gradio-app/gradio/commit/6d4b8a7f10daefc9c79aa224635da23fbaeebb76) - Implement custom i18n.  Thanks @hannahblair!
+
+## 1.14.2
+
+### Fixes
+
+- [#11017](https://github.com/gradio-app/gradio/pull/11017) [`734b309`](https://github.com/gradio-app/gradio/commit/734b3099d79647695e635d87726666d4b28d1bcf) - Include HF token in stream requests.  Thanks @nostalgebraist!
+
+## 1.14.1
+
+### Features
+
+- [#10890](https://github.com/gradio-app/gradio/pull/10890) [`01b88c7`](https://github.com/gradio-app/gradio/commit/01b88c7fdedb413ba92ef6191967a8aed25e185f) - Improve API error handling in JS Client.  Thanks @l2dy!
+
+## 1.14.0
+
+### Features
+
+- [#10834](https://github.com/gradio-app/gradio/pull/10834) [`c05610c`](https://github.com/gradio-app/gradio/commit/c05610c87dd7f9e9fe5d0aed2fe93e40fdd32648) - Add Deep Links.  Thanks @freddyaboulton!
+
+## 1.13.1
+
+### Features
+
+- [#10694](https://github.com/gradio-app/gradio/pull/10694) [`16244f3`](https://github.com/gradio-app/gradio/commit/16244f3c1cb1a65ac1f719142f8fab67512fbb25) - Event Listeners in gradio sketch.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10719](https://github.com/gradio-app/gradio/pull/10719) [`b710d7c`](https://github.com/gradio-app/gradio/commit/b710d7cf13c1277fd18c7809cad0f707b880ef70) - Fix error display.  Thanks @aliabid94!
+
+## 1.13.0
+
+### Features
+
+- [#10500](https://github.com/gradio-app/gradio/pull/10500) [`16d419b`](https://github.com/gradio-app/gradio/commit/16d419b9f1f18ae4507d18a4739eb83ac4f3fae9) - Allow functions that solely update component properties to run in the frontend by setting `js=True`.  Thanks @abidlabs!
+
+## 1.12.0
+
+### Features
+
+- [#10492](https://github.com/gradio-app/gradio/pull/10492) [`29880d5`](https://github.com/gradio-app/gradio/commit/29880d51fbe7fbd222b0765a83c95134dc7d0e90) - Allow showing progress updates on arbitrary components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10547](https://github.com/gradio-app/gradio/pull/10547) [`083d68b`](https://github.com/gradio-app/gradio/commit/083d68b223be82a65f18c553df9ae690a8118a49) - quick_fix_client.  Thanks @aliabid94!
+
+## 1.11.0
+
+### Features
+
+- [#10433](https://github.com/gradio-app/gradio/pull/10433) [`2e8dc74`](https://github.com/gradio-app/gradio/commit/2e8dc74f751be02f7217f78d241806b42fcdca04) - Allow building multipage Gradio apps.  Thanks @aliabid94!
+
+## 1.10.0
+
+### Features
+
+- [#10270](https://github.com/gradio-app/gradio/pull/10270) [`bb11a2a`](https://github.com/gradio-app/gradio/commit/bb11a2a702ca04fde245e7d54d155cbcbde7791e) - [ZeroGPU] Handshake-based postMessage.  Thanks @cbensimon!
+
+### Fixes
+
+- [#10332](https://github.com/gradio-app/gradio/pull/10332) [`e742dcc`](https://github.com/gradio-app/gradio/commit/e742dcccb376692c9ddd5a6c251080e7c5936574) - Allow users to add a custom API route.  Thanks @aliabid94!
+
+## 1.9.0
+
+### Features
+
+- [#10262](https://github.com/gradio-app/gradio/pull/10262) [`f3bedd4`](https://github.com/gradio-app/gradio/commit/f3bedd4011bdfdecc952eb1275a9dd96af3e8d71) - add gr.Success and update windows contributing.  Thanks @not-lain!
+- [#10254](https://github.com/gradio-app/gradio/pull/10254) [`da07707`](https://github.com/gradio-app/gradio/commit/da0770748db9ea40194a43c9138ee2c6536b1247) - Add a `settings` link to the footer with i18n options & pwa instructions.  Thanks @abidlabs!
+
+## 1.8.0
+
+### Features
+
+- [#9930](https://github.com/gradio-app/gradio/pull/9930) [`eae345e`](https://github.com/gradio-app/gradio/commit/eae345e5fde39aea220b57c6a954cd7d72ff32d5) - Allow settings custom headers in js client.  Thanks @elgiano!
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+
+## 1.7.1
+
+### Fixes
+
+- [#9814](https://github.com/gradio-app/gradio/pull/9814) [`6505d42`](https://github.com/gradio-app/gradio/commit/6505d4289a3e3d27d9133b1c8af41697fdc1476d) - support gradio apps on spaces served on subpaths.  Thanks @pngwn!
+
+## 1.7.0
+
+### Features
+
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+## 1.6.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Disable liking user message in chatbot by default but make it configurable
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Open audio/image input stream only when queue is ready
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Send Streaming data over Websocket if possible. Also support base64 output format for images.
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming inputs for 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - fix SSR apps on spaces
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - prefix api routes
+
+### Fixes
+
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Trigger state change event on iterators
+
+## 1.6.0-beta.4
+
+### Features
+
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+
+## 1.6.0-beta.3
+
+### Features
+
+- [#9412](https://github.com/gradio-app/gradio/pull/9412) [`c2c2fd9`](https://github.com/gradio-app/gradio/commit/c2c2fd989348f826566773c07c0e0bda200199ff) - fix SSR apps on spaces.  Thanks @pngwn!
+
+## 1.6.0-beta.2
+
+### Features
+
+- [#9323](https://github.com/gradio-app/gradio/pull/9323) [`06babda`](https://github.com/gradio-app/gradio/commit/06babda0395fd3fbd323c1c3cb33704ecfd6deb0) - Disable liking user message in chatbot by default but make it configurable.  Thanks @freddyaboulton!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Fixes
+
+- [#9299](https://github.com/gradio-app/gradio/pull/9299) [`aa35b07`](https://github.com/gradio-app/gradio/commit/aa35b0788e613fdd45446d267513e6f94fa208ea) - Trigger state change event on iterators.  Thanks @freddyaboulton!
+
+## 1.6.0-beta.1
+
+### Features
+
+- [#9200](https://github.com/gradio-app/gradio/pull/9200) [`2e179d3`](https://github.com/gradio-app/gradio/commit/2e179d35be6ed60a5a6bfc7303178d63e41781ad) - prefix api routes.  Thanks @pngwn!
+
+## 1.6.0-beta.0
+
+### Features
+
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+## 1.5.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 1.5.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+## 1.5.0
+
+### Features
+
+- [#8965](https://github.com/gradio-app/gradio/pull/8965) [`d30432e`](https://github.com/gradio-app/gradio/commit/d30432e9c6d4cc1e5cfd989a1a3ae4aba7e21290) - harden CI.  Thanks @pngwn!
+
+### Fixes
+
+- [#8847](https://github.com/gradio-app/gradio/pull/8847) [`4d8a473`](https://github.com/gradio-app/gradio/commit/4d8a473632e388a312aee5c705b3c1f79853441b) - fix: wrong named param check for js client.  Thanks @freddyaboulton!
+
+## 1.4.0
+
+### Features
+
+- [#8816](https://github.com/gradio-app/gradio/pull/8816) [`9ee6839`](https://github.com/gradio-app/gradio/commit/9ee6839f94d23d685a800ed3a275206e0b0e48f6) - Change optionality of the `data` param in `submit` + `predict`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8820](https://github.com/gradio-app/gradio/pull/8820) [`5050b36`](https://github.com/gradio-app/gradio/commit/5050b36221e75a18d8a5d4f74a725e70768a4c4a) - fix: wrong named param check for js client.  Thanks @JacobLinCool!
+
+## 1.3.0
+
+### Fixes
+
+- [#8699](https://github.com/gradio-app/gradio/pull/8699) [`012da05`](https://github.com/gradio-app/gradio/commit/012da05287846d94beb0ecdc28d7fbc48c4248ff) - Ensure JS client `status_callback` functionality works and improve status messages.  Thanks @hannahblair!
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+- [#8715](https://github.com/gradio-app/gradio/pull/8715) [`a6b3c6c`](https://github.com/gradio-app/gradio/commit/a6b3c6ce4e1d06253860c72740024a9138e3a93a) - Ensure `@gradio/client`'s `submit` iterator releases as expected.  Thanks @pngwn!
+- [#8716](https://github.com/gradio-app/gradio/pull/8716) [`e834d30`](https://github.com/gradio-app/gradio/commit/e834d302e44f7a54565129bf2c11acf4e882a59b) - ensure `@gradio/client` always returns the correct data.  Thanks @pngwn!
+- [#8714](https://github.com/gradio-app/gradio/pull/8714) [`1b5b5b0`](https://github.com/gradio-app/gradio/commit/1b5b5b0b43e69ee84f3baad2aae59ffc9c4d995a) - Bind `fetch` and `stream` in JS client.  Thanks @hannahblair!
+- [#8720](https://github.com/gradio-app/gradio/pull/8720) [`936c713`](https://github.com/gradio-app/gradio/commit/936c7137a99ef59efdf75bae5dd27eea2ac1f577) - Documents auth in the guides, in the view API page, and also types the Blocks.config object.  Thanks @abidlabs!
+
+## 1.2.1
+
+### Features
+
+- [#8649](https://github.com/gradio-app/gradio/pull/8649) [`4b6c8b1`](https://github.com/gradio-app/gradio/commit/4b6c8b1c004cee67345a7f103ba2dc8e90b82e6c) - ensure `File` objects are handled in JS client `handle_file`.  Thanks @hannahblair!
+
+## 1.2.0
+
+### Features
+
+- [#8489](https://github.com/gradio-app/gradio/pull/8489) [`c2a0d05`](https://github.com/gradio-app/gradio/commit/c2a0d056d679d90631d9ccd944dadd67e7e03b7f) - Control Display of Error, Info, Warning.  Thanks @freddyaboulton!
+- [#8571](https://github.com/gradio-app/gradio/pull/8571) [`a77877f`](https://github.com/gradio-app/gradio/commit/a77877f62df7c610fcfac7b3b00e186a087c8ec6) - First time loading performance optimization.  Thanks @baojianting!
+- [#8600](https://github.com/gradio-app/gradio/pull/8600) [`7289c4b`](https://github.com/gradio-app/gradio/commit/7289c4b036d8a78c48f8c9e66ba998e6730e80d2) - Add credentials: include and Cookie header to prevent 401 error.  Thanks @yinkiu602!
+- [#8522](https://github.com/gradio-app/gradio/pull/8522) [`bdaa678`](https://github.com/gradio-app/gradio/commit/bdaa678d0c0a22250b41104f32e9121f98dc7437) - add handle_file docs.  Thanks @pngwn!
+
+### Fixes
+
+- [#8521](https://github.com/gradio-app/gradio/pull/8521) [`900cf25`](https://github.com/gradio-app/gradio/commit/900cf25256a5b0563860097d69aac28b6afbfd8b) - Ensure frontend functions work when they don't return a value.  Thanks @pngwn!
+- [#8548](https://github.com/gradio-app/gradio/pull/8548) [`7fc0f51`](https://github.com/gradio-app/gradio/commit/7fc0f5149bb8d31f3d01b4151b478070499751ee) - Fix reload mode by implementing `close` on the client.  Thanks @freddyaboulton!
+
+## 1.1.1
+
+### Features
+
+- [#8499](https://github.com/gradio-app/gradio/pull/8499) [`c5f6e77`](https://github.com/gradio-app/gradio/commit/c5f6e7722a197d4706419ade14276ddecf3196f8) - Cache break themes on change.  Thanks @aliabid94!
+
+## 1.1.0
+
+### Features
+
+- [#8483](https://github.com/gradio-app/gradio/pull/8483) [`e2271e2`](https://github.com/gradio-app/gradio/commit/e2271e207d98074bf39b02ae3c5443b2f097627d) - documentation for @gradio/client.  Thanks @pngwn!
+- [#8485](https://github.com/gradio-app/gradio/pull/8485) [`f8ebace`](https://github.com/gradio-app/gradio/commit/f8ebaceccef60a112603d290d10072ef4e938a6a) - Ensure all status are reported internally when calling `predict`.  Thanks @pngwn!
+
+## 1.0.0
+
+### Highlights
+
+#### Clients 1.0 Launch!  ([#8468](https://github.com/gradio-app/gradio/pull/8468) [`7cc0a0c`](https://github.com/gradio-app/gradio/commit/7cc0a0c1abea585c3f50ffb1ff78d2b08ddbdd92))
+
+We're excited to unveil the first major release of the Gradio clients.
+We've made it even easier to turn any Gradio application into a production endpoint thanks to the clients' **ergonomic**, **transparent**, and **portable** design.
+
+#### Ergonomic API 💆
+
+**Stream From a Gradio app in 5 lines**
+
+Use the `submit` method to get a job you can iterate over:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/llm_stream")
+
+for result in client.submit("What's the best UI framework in Python?"):
+    print(result)
+```
+
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("gradio/llm_stream")
+const job = client.submit("/predict", {"text": "What's the best UI framework in Python?"})
+
+for await (const msg of job) console.log(msg.data)
+```
+
+**Use the same keyword arguments as the app**
+
+
+```python
+from gradio_client import Client
+
+client = Client("http://127.0.0.1:7860/")
+result = client.predict(
+		message="Hello!!",
+		system_prompt="You are helpful AI.",
+		tokens=10,
+		api_name="/chat"
+)
+print(result)
+```
+
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("http://127.0.0.1:7860/");
+const result = await client.predict("/chat", { 		
+		message: "Hello!!", 		
+		system_prompt: "Hello!!", 		
+		tokens: 10, 
+});
+
+console.log(result.data);
+```
+
+**Better Error Messages**
+
+If something goes wrong in the upstream app, the client will raise the same exception as the app provided that `show_error=True` in the original app's `launch()` function, or it's a `gr.Error` exception.
+
+#### Transparent Design 🪟
+
+Anything you can do in the UI, you can do with the client:
+* 🔒 Authentication
+* 🛑 Job Cancelling
+* ℹ️ Access Queue Position and API
+* 📕 View the API information
+
+Here's an example showing how to display the queue position of a pending job:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/diffusion_model")
+
+job = client.submit("A cute cat")
+while not job.done():
+    status = job.status()
+    print(f"Current in position {status.rank} out of {status.queue_size}")
+```
+
+#### Portable Design ⛺️
+
+The client can run from pretty much any python and javascript environment (node, deno, the browser, Service Workers). 
+
+Here's an example using the client from a Flask server using gevent:
+
+```python
+from gevent import monkey
+monkey.patch_all()
+
+from gradio_client import Client
+from flask import Flask, send_file
+import time
+
+app = Flask(__name__)
+
+imageclient = Client("gradio/diffusion_model")
+
+@app.route("/gen")
+def gen():
+      result = imageclient.predict(
+                "A cute cat",
+                api_name="/predict"
+              )
+      return send_file(result)
+
+if __name__ == "__main__":
+      app.run(host="0.0.0.0", port=5000)
+```
+
+#### 1.0 Migration Guide and Breaking Changes
+
+**Python**
+- The `serialize` argument of the `Client` class was removed. Has no effect.
+- The `upload_files` argument of the `Client` was removed.
+- All filepaths must be wrapped in the `handle_file` method. Example:
+```python
+from gradio_client import Client, handle_file
+
+client = Client("gradio/image_captioner")
+client.predict(handle_file("cute_cat.jpg"))
+```
+- The `output_dir` argument was removed. It is not specified in the `download_files` argument.
+
+
+**Javascript**
+The client has been redesigned entirely. It was refactored from a function into a class. An instance can now be constructed by awaiting the `connect` method.
+
+```js
+const app = await Client.connect("gradio/whisper")
+```
+The app variable has the same methods as the python class (`submit`, `predict`, `view_api`, `duplicate`).
+
+
+
+#### Additional Changes
+
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) -  Set orig_name in python client file uploads.
+- [#8264](https://github.com/gradio-app/gradio/pull/8264) - Make exceptions in the Client more specific.
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) - Fix api recorder.
+- [#8276](https://github.com/gradio-app/gradio/pull/8276) - Fix bug where client could not connect to apps that had self signed certificates.
+- [#8245](https://github.com/gradio-app/gradio/pull/8245) - Cancel  server progress from the python client.
+- [#8200](https://github.com/gradio-app/gradio/pull/8200) -  Support custom components in gr.load
+- [#8182](https://github.com/gradio-app/gradio/pull/8182) - Convert sse calls in client from async to sync.
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.
+- [#7888](https://github.com/gradio-app/gradio/pull/7888) - Cache view_api info in server and python client.
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.
+- [#8401](https://github.com/gradio-app/gradio/pull/8401) - Add CDN installation to JS docs. 
+- [#8299](https://github.com/gradio-app/gradio/pull/8299) - Allow JS Client to work with authenticated spaces 🍪. 
+- [#8408](https://github.com/gradio-app/gradio/pull/8408) - Connect heartbeat if state created in render. Also fix config cleanup bug #8407.
+- [#8258](https://github.com/gradio-app/gradio/pull/8258) - Improve URL handling in JS Client.  
+- [#8322](https://github.com/gradio-app/gradio/pull/8322) - ensure the client correctly handles all binary data. 
+- [#8296](https://github.com/gradio-app/gradio/pull/8296) - always create a jwt when connecting to a space if a hf_token is present.  
+- [#8285](https://github.com/gradio-app/gradio/pull/8285) - use the correct query param to pass the jwt to the heartbeat event. 
+- [#8272](https://github.com/gradio-app/gradio/pull/8272) - ensure client works for private spaces.  
+- [#8197](https://github.com/gradio-app/gradio/pull/8197) - Add support for passing keyword args to `data` in JS client.  
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) - Client node fix.
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) - Rename `eventSource_Factory` and `fetch_implementation`. 
+- [#8109](https://github.com/gradio-app/gradio/pull/8109) - Implement JS Client tests.
+- [#8211](https://github.com/gradio-app/gradio/pull/8211) - remove redundant event source logic.  
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) - rework upload to be a class method + pass client into each component.
+- [#8181](https://github.com/gradio-app/gradio/pull/8181) - Ensure connectivity to private HF spaces with SSE protocol.
+- [#8169](https://github.com/gradio-app/gradio/pull/8169) - Only connect to heartbeat if needed.
+- [#8118](https://github.com/gradio-app/gradio/pull/8118) - Add eventsource polyfill for Node.js and browser environments.
+- [#7646](https://github.com/gradio-app/gradio/pull/7646) - Refactor JS Client.
+- [#7974](https://github.com/gradio-app/gradio/pull/7974) - Fix heartbeat in the js client to be Lite compatible.
+- [#7926](https://github.com/gradio-app/gradio/pull/7926) - Fixes streaming event race condition.
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8370](https://github.com/gradio-app/gradio/pull/8370) [`48eeea4`](https://github.com/gradio-app/gradio/commit/48eeea4eaab7e24168688e3c3fbafb30e4e78d51) - Refactor Cancelling Logic To Use /cancel.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8477](https://github.com/gradio-app/gradio/pull/8477) [`d5a9604`](https://github.com/gradio-app/gradio/commit/d5a960493017a4890685af61d78ce7d3b3b12e6b) - Fix js client bundle.  Thanks @pngwn!
+- [#8451](https://github.com/gradio-app/gradio/pull/8451) [`9d2d605`](https://github.com/gradio-app/gradio/commit/9d2d6051caed5c8749a26a6fa7480a5ae6e6c4f3) - Change client submit API to be an AsyncIterable and support more platforms.  Thanks @pngwn!
+- [#8462](https://github.com/gradio-app/gradio/pull/8462) [`6447dfa`](https://github.com/gradio-app/gradio/commit/6447dface4d46db1c69460e8325a1928d0476a46) - Improve file handling in JS Client.  Thanks @hannahblair!
+- [#8439](https://github.com/gradio-app/gradio/pull/8439) [`63d36fb`](https://github.com/gradio-app/gradio/commit/63d36fbbf4bf6dc909be9a0ffc7b6bf6621d83e8) - Handle gradio apps using `state` in the JS Client.  Thanks @hannahblair!
+
+## 0.20.1
+
+### Features
+
+- [#8415](https://github.com/gradio-app/gradio/pull/8415) [`227de35`](https://github.com/gradio-app/gradio/commit/227de352982b3dcdf9384eaa28b7e9cf09afb6e8) - Fix spaces load error.  Thanks @aliabid94!
+
+## 0.20.0
+
+### Features
+
+- [#8401](https://github.com/gradio-app/gradio/pull/8401) [`d078621`](https://github.com/gradio-app/gradio/commit/d078621928136c09ca902d2f37594ed887c67d2e) - Add CDN installation to JS docs.  Thanks @hannahblair!
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) [`55f664f`](https://github.com/gradio-app/gradio/commit/55f664f2979a49acc29a73cde16c6ebdfcc91db2) - Add event listener support to render blocks.  Thanks @aliabid94!
+- [#8398](https://github.com/gradio-app/gradio/pull/8398) [`945ac83`](https://github.com/gradio-app/gradio/commit/945ac837e779b120790814ea6f6f81bd2712f5f8) - Improve rendering.  Thanks @aliabid94!
+- [#8299](https://github.com/gradio-app/gradio/pull/8299) [`ab65360`](https://github.com/gradio-app/gradio/commit/ab653608045ff9462db7ad9fe63e1c60bf20e773) - Allow JS Client to work with authenticated spaces 🍪.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8408](https://github.com/gradio-app/gradio/pull/8408) [`e86dd01`](https://github.com/gradio-app/gradio/commit/e86dd01b6e8f7bab3d3c25b84f2ad33129138af4) - Connect heartbeat if state created in render. Also fix config cleanup bug #8407.  Thanks @freddyaboulton!
+- [#8258](https://github.com/gradio-app/gradio/pull/8258) [`1f8e5c4`](https://github.com/gradio-app/gradio/commit/1f8e5c44e054b943052d8f24d044696ddfd01a54) - Improve URL handling in JS Client.  Thanks @hannahblair!
+
+## 0.19.4
+
+### Fixes
+
+- [#8322](https://github.com/gradio-app/gradio/pull/8322) [`47012a0`](https://github.com/gradio-app/gradio/commit/47012a0c4e3e8a80fcae620aaf08b16ceb343cde) - ensure the client correctly handles all binary data.  Thanks @Saghen!
+
+## 0.19.3
+
+### Features
+
+- [#8229](https://github.com/gradio-app/gradio/pull/8229) [`7c81897`](https://github.com/gradio-app/gradio/commit/7c81897076ddcd0bb05e0e4ffec35bb9a986d330) - chore(deps): update dependency esbuild to ^0.21.0.  Thanks @renovate!
+
+### Fixes
+
+- [#8296](https://github.com/gradio-app/gradio/pull/8296) [`929d216`](https://github.com/gradio-app/gradio/commit/929d216d49aa05614bc83f0761cf7b1cd803d8fe) - always create a jwt when connecting to a space if a hf_token is present.  Thanks @pngwn!
+
+## 0.19.2
+
+### Fixes
+
+- [#8285](https://github.com/gradio-app/gradio/pull/8285) [`7d9d8ea`](https://github.com/gradio-app/gradio/commit/7d9d8eab50d36cbecbb84c6a0f3cc1bca7215604) - use the correct query param to pass the jwt to the heartbeat event.  Thanks @pngwn!
+
+## 0.19.1
+
+### Fixes
+
+- [#8272](https://github.com/gradio-app/gradio/pull/8272) [`fbf4edd`](https://github.com/gradio-app/gradio/commit/fbf4edde7c896cdf4c903463e44c31ed96111b3c) - ensure client works for private spaces.  Thanks @pngwn!
+
+## 0.19.0
+
+### Features
+
+- [#8110](https://github.com/gradio-app/gradio/pull/8110) [`5436031`](https://github.com/gradio-app/gradio/commit/5436031f92c1596282eb64e1e74d555f279e9697) - Render decorator 2.  Thanks @aliabid94!
+- [#8197](https://github.com/gradio-app/gradio/pull/8197) [`e09b4e8`](https://github.com/gradio-app/gradio/commit/e09b4e8216b970bc1b142a0f08e7d190b954eb35) - Add support for passing keyword args to `data` in JS client.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+## 0.18.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+- [#8109](https://github.com/gradio-app/gradio/pull/8109) [`bed2f82`](https://github.com/gradio-app/gradio/commit/bed2f82e2297b50f7b59423a3de05af0b9910724) - Implement JS Client tests.  Thanks @hannahblair!
+- [#8211](https://github.com/gradio-app/gradio/pull/8211) [`91b5cd6`](https://github.com/gradio-app/gradio/commit/91b5cd6132fb8903c92f70fce0800324836a1fc3) - remove redundant event source logic.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+- [#8181](https://github.com/gradio-app/gradio/pull/8181) [`cf52ca6`](https://github.com/gradio-app/gradio/commit/cf52ca6a51320ece97f009a177792840b5fbc785) - Ensure connectivity to private HF spaces with SSE protocol.  Thanks @hannahblair!
+- [#8169](https://github.com/gradio-app/gradio/pull/8169) [`3a6f1a5`](https://github.com/gradio-app/gradio/commit/3a6f1a50b263e0a733f609a08019fc4d05480e1a) - Only connect to heartbeat if needed.  Thanks @freddyaboulton!
+- [#8118](https://github.com/gradio-app/gradio/pull/8118) [`7aca673`](https://github.com/gradio-app/gradio/commit/7aca673b38a087533524b2fd8dd3a03e0e4bacfe) - Add eventsource polyfill for Node.js and browser environments.  Thanks @hannahblair!
+
+## 0.17.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8056](https://github.com/gradio-app/gradio/pull/8056) [`2e469a5`](https://github.com/gradio-app/gradio/commit/2e469a5f99e52a5011a010f46e47dde7bb0c7140) - Using keys to preserve values between reloads.  Thanks @aliabid94!
+- [#7646](https://github.com/gradio-app/gradio/pull/7646) [`450b8cc`](https://github.com/gradio-app/gradio/commit/450b8cc898f130f15caa3742f65c17b9f7a8f398) - Refactor JS Client.  Thanks @hannahblair!
+- [#8061](https://github.com/gradio-app/gradio/pull/8061) [`17e83c9`](https://github.com/gradio-app/gradio/commit/17e83c958ebb35b3e122ca486067d1bd5ce33a22) - Docs Reorg and Intro Page.  Thanks @aliabd!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+## 0.16.0
+
+### Features
+
+- [#7845](https://github.com/gradio-app/gradio/pull/7845) [`dbb7373`](https://github.com/gradio-app/gradio/commit/dbb7373dde69d4ed2741942b5a1898f8620cec24) - ensure `ImageEditor` events work as expected.  Thanks @pngwn!
+
+### Fixes
+
+- [#7974](https://github.com/gradio-app/gradio/pull/7974) [`79e0aa8`](https://github.com/gradio-app/gradio/commit/79e0aa81c94e755faa6e85d76ac5d5a666313e6a) - Fix heartbeat in the js client to be Lite compatible.  Thanks @whitphx!
+
+## 0.15.1
+
+### Fixes
+
+- [#7926](https://github.com/gradio-app/gradio/pull/7926) [`9666854`](https://github.com/gradio-app/gradio/commit/966685479078f59430b3bced7e6068eb8157c003) - Fixes streaming event race condition.  Thanks @aliabid94!
+
+## 0.15.0
+
+### Highlights
+
+#### Automatically delete state after user has disconnected from the webpage ([#7829](https://github.com/gradio-app/gradio/pull/7829) [`6a4bf7a`](https://github.com/gradio-app/gradio/commit/6a4bf7abe29059dbdc6a342e0366fdaa2e4120ee))
+
+Gradio now automatically deletes `gr.State` variables stored in the server's RAM when users close their browser tab.
+The deletion will happen 60 minutes after the server detected a disconnect from the user's browser.
+If the user connects again in that timeframe, their state will not be deleted.
+
+Additionally, Gradio now includes a `Blocks.unload()` event, allowing you to run arbitrary cleanup functions when users disconnect (this does not have a 60 minute delay).
+You can think of the `unload` event as the opposite of the `load` event.
+
+
+```python
+with gr.Blocks() as demo:
+    gr.Markdown(
+"""# State Cleanup Demo
+🖼️ Images are saved in a user-specific directory and deleted when the users closes the page via demo.unload.
+""")
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                img = gr.Image(label="Generated Image", height=300, width=300)
+            with gr.Row():
+                gen = gr.Button(value="Generate")
+            with gr.Row():
+                history = gr.Gallery(label="Previous Generations", height=500, columns=10)
+                state = gr.State(value=[], delete_callback=lambda v: print("STATE DELETED"))
+
+    demo.load(generate_random_img, [state], [img, state, history]) 
+    gen.click(generate_random_img, [state], [img, state, history])
+    demo.unload(delete_directory)
+
+
+demo.launch(auth=lambda user,pwd: True,
+            auth_message="Enter any username and password to continue")
+```
+
+ Thanks @freddyaboulton!
+
+## 0.14.0
+
+### Features
+
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Closing stream from the backend.  Thanks @aliabid94!
+
+### Fixes
+
+- [#7564](https://github.com/gradio-app/gradio/pull/7564) [`5d1e8da`](https://github.com/gradio-app/gradio/commit/5d1e8dae5ac23f605c3b5f41dbe18751dff380a0) - batch UI updates on a per frame basis.  Thanks @pngwn!
+
+## 0.13.0
+
+### Fixes
+
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) [`d0688b3`](https://github.com/gradio-app/gradio/commit/d0688b3c25feabb4fc7dfa0ab86086b3af7eb337) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.  Thanks @abidlabs!
+
+## 0.12.2
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7340](https://github.com/gradio-app/gradio/pull/7340) [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.12.1
+
+### Fixes
+
+- [#7411](https://github.com/gradio-app/gradio/pull/7411) [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556) - Set `root` correctly for Gradio apps that are deployed behind reverse proxies.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.12.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.11.0
+
+### Features
+
+- [#7102](https://github.com/gradio-app/gradio/pull/7102) [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f) - Improve chatbot streaming performance with diffs.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  Note that this PR changes the API format for generator functions, which would be a breaking change for any clients reading the EventStream directly
+
+## 0.10.1
+
+### Fixes
+
+- [#7055](https://github.com/gradio-app/gradio/pull/7055) [`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2) - Fix UI freeze on rapid generators.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.10.0
+
+### Features
+
+- [#6931](https://github.com/gradio-app/gradio/pull/6931) [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549) - Fix functional tests.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6820](https://github.com/gradio-app/gradio/pull/6820) [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74) - Use `EventSource_factory` in `open_stream()` for Wasm.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.9.4
+
+### Fixes
+
+- [#6863](https://github.com/gradio-app/gradio/pull/6863) [`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414) - Fix JS Client when app is running behind a proxy.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.9.3
+
+### Features
+
+- [#6814](https://github.com/gradio-app/gradio/pull/6814) [`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d) - Refactor queue so that there are separate queues for each concurrency id.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.9.2
+
+### Features
+
+- [#6798](https://github.com/gradio-app/gradio/pull/6798) [`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4) - Improve how server/js client handle unexpected errors.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.9.1
+
+### Fixes
+
+- [#6693](https://github.com/gradio-app/gradio/pull/6693) [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0) - Python client properly handles hearbeat and log messages. Also handles responses longer than 65k.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.9.0
+
+### Features
+
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6556](https://github.com/gradio-app/gradio/pull/6556) [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70) - Fix api event drops.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.8.2
+
+### Features
+
+- [#6511](https://github.com/gradio-app/gradio/pull/6511) [`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a) - Mark `FileData.orig_name` optional on the frontend aligning the type definition on the Python side.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.8.1
+
+### Fixes
+
+- [#6383](https://github.com/gradio-app/gradio/pull/6383) [`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486) - Fix event target.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.8.0
+
+### Features
+
+- [#6307](https://github.com/gradio-app/gradio/pull/6307) [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57) - Provide status updates on file uploads.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.7.2
+
+### Fixes
+
+- [#6327](https://github.com/gradio-app/gradio/pull/6327) [`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95) - Restore query parameters in request.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.7.1
+
+### Features
+
+- [#6137](https://github.com/gradio-app/gradio/pull/6137) [`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb) - JS Param.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.7.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Swap websockets for SSE.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.7.0-beta.1
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6069](https://github.com/gradio-app/gradio/pull/6069) [`bf127e124`](https://github.com/gradio-app/gradio/commit/bf127e1241a41401e144874ea468dff8474eb505) - Swap websockets for SSE.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.7.0-beta.0
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.6.0
+
+### Features
+
+- [#5972](https://github.com/gradio-app/gradio/pull/5972) [`11a300791`](https://github.com/gradio-app/gradio/commit/11a3007916071f0791844b0a37f0fb4cec69cea3) - Lite: Support opening the entrypoint HTML page directly in browser via the `file:` protocol.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.5.2
+
+### Fixes
+
+- [#5840](https://github.com/gradio-app/gradio/pull/5840) [`4e62b8493`](https://github.com/gradio-app/gradio/commit/4e62b8493dfce50bafafe49f1a5deb929d822103) - Ensure websocket polyfill doesn't load if there is already a `global.Webocket` property set.  Thanks [@Jay2theWhy](https://github.com/Jay2theWhy)!
+
+## 0.5.1
+
+### Fixes
+
+- [#5816](https://github.com/gradio-app/gradio/pull/5816) [`796145e2c`](https://github.com/gradio-app/gradio/commit/796145e2c48c4087bec17f8ec0be4ceee47170cb) - Fix calls to the component server so that `gr.FileExplorer` works on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function. 
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Features
+
+- [#5787](https://github.com/gradio-app/gradio/pull/5787) [`caeee8bf7`](https://github.com/gradio-app/gradio/commit/caeee8bf7821fd5fe2f936ed82483bed00f613ec) - ensure the client does not depend on `window` when running in a node environment.  Thanks [@gibiee](https://github.com/gibiee)!
+
+### Fixes
+
+- [#5776](https://github.com/gradio-app/gradio/pull/5776) [`c0fef4454`](https://github.com/gradio-app/gradio/commit/c0fef44541bfa61568bdcfcdfc7d7d79869ab1df) - Revert replica proxy logic and instead implement using the `root` variable.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.2
+
+### Features
+
+- [#5124](https://github.com/gradio-app/gradio/pull/5124) [`6e56a0d9b`](https://github.com/gradio-app/gradio/commit/6e56a0d9b0c863e76c69e1183d9d40196922b4cd) - Lite: Websocket queueing.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.4.1
+
+### Fixes
+
+- [#5705](https://github.com/gradio-app/gradio/pull/5705) [`78e7cf516`](https://github.com/gradio-app/gradio/commit/78e7cf5163e8d205e8999428fce4c02dbdece25f) - ensure internal data has updated before dispatching `success` or `then` events.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0
+
+### Features
+
+- [#5682](https://github.com/gradio-app/gradio/pull/5682) [`c57f1b75e`](https://github.com/gradio-app/gradio/commit/c57f1b75e272c76b0af4d6bd0c7f44743ff34f26) - Fix functional tests.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5681](https://github.com/gradio-app/gradio/pull/5681) [`40de3d217`](https://github.com/gradio-app/gradio/commit/40de3d2178b61ebe424b6f6228f94c0c6f679bea) - add query parameters to the `gr.Request` object through the `query_params` attribute.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+- [#5653](https://github.com/gradio-app/gradio/pull/5653) [`ea0e00b20`](https://github.com/gradio-app/gradio/commit/ea0e00b207b4b90a10e9d054c4202d4e705a29ba) - Prevent Clients from accessing API endpoints that set `api_name=False`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.1
+
+### Fixes
+
+- [#5412](https://github.com/gradio-app/gradio/pull/5412) [`26fef8c7`](https://github.com/gradio-app/gradio/commit/26fef8c7f85a006c7e25cdbed1792df19c512d02) - Skip view_api request in js client when auth enabled.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0
+
+### Features
+
+- [#5267](https://github.com/gradio-app/gradio/pull/5267) [`119c8343`](https://github.com/gradio-app/gradio/commit/119c834331bfae60d4742c8f20e9cdecdd67e8c2) - Faster reload mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.1
+
+### Features
+
+- [#5173](https://github.com/gradio-app/gradio/pull/5173) [`730f0c1d`](https://github.com/gradio-app/gradio/commit/730f0c1d54792eb11359e40c9f2326e8a6e39203) - Ensure gradio client works as expected for functions that return nothing.  Thanks [@raymondtri](https://github.com/raymondtri)!
+
+## 0.2.0
+
+### Features
+
+- [#5133](https://github.com/gradio-app/gradio/pull/5133) [`61129052`](https://github.com/gradio-app/gradio/commit/61129052ed1391a75c825c891d57fa0ad6c09fc8) - Update dependency esbuild to ^0.19.0. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5035](https://github.com/gradio-app/gradio/pull/5035) [`8b4eb8ca`](https://github.com/gradio-app/gradio/commit/8b4eb8cac9ea07bde31b44e2006ca2b7b5f4de36) - JS Client: Fixes cannot read properties of null (reading 'is_file'). Thanks [@raymondtri](https://github.com/raymondtri)!
+
+### Fixes
+
+- [#5075](https://github.com/gradio-app/gradio/pull/5075) [`67265a58`](https://github.com/gradio-app/gradio/commit/67265a58027ef1f9e4c0eb849a532f72eaebde48) - Allow supporting >1000 files in `gr.File()` and `gr.UploadButton()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.4
+
+### Patch Changes
+
+- [#4717](https://github.com/gradio-app/gradio/pull/4717) [`ab5d1ea0`](https://github.com/gradio-app/gradio/commit/ab5d1ea0de87ed888779b66fd2a705583bd29e02) Thanks [@whitphx](https://github.com/whitphx)! - Fix the package description
+
+## 0.1.3
+
+### Patch Changes
+
+- [#4357](https://github.com/gradio-app/gradio/pull/4357) [`0dbd8f7f`](https://github.com/gradio-app/gradio/commit/0dbd8f7fee4b4877f783fa7bc493f98bbfc3d01d) Thanks [@pngwn](https://github.com/pngwn)! - Various internal refactors and cleanups.
+
+## 0.1.2
+
+### Patch Changes
+
+- [#4273](https://github.com/gradio-app/gradio/pull/4273) [`1d0f0a9d`](https://github.com/gradio-app/gradio/commit/1d0f0a9db096552e67eb2197c932342587e9e61e) Thanks [@pngwn](https://github.com/pngwn)! - Ensure websocket error messages are correctly handled.
+
+- [#4315](https://github.com/gradio-app/gradio/pull/4315) [`b525b122`](https://github.com/gradio-app/gradio/commit/b525b122dd8569bbaf7e06db5b90d622d2e9073d) Thanks [@whitphx](https://github.com/whitphx)! - Refacor types.
+
+- [#4271](https://github.com/gradio-app/gradio/pull/4271) [`1151c525`](https://github.com/gradio-app/gradio/commit/1151c5253554cb87ebd4a44a8a470ac215ff782b) Thanks [@pngwn](https://github.com/pngwn)! - Ensure the full root path is always respected when making requests to a gradio app server.
+
+## 0.1.1
+
+### Patch Changes
+
+- [#4201](https://github.com/gradio-app/gradio/pull/4201) [`da5b4ee1`](https://github.com/gradio-app/gradio/commit/da5b4ee11721175858ded96e5710225369097f74) Thanks [@pngwn](https://github.com/pngwn)! - Ensure semiver is bundled so CDN links work correctly.
+
+- [#4202](https://github.com/gradio-app/gradio/pull/4202) [`a26e9afd`](https://github.com/gradio-app/gradio/commit/a26e9afde319382993e6ddc77cc4e56337a31248) Thanks [@pngwn](https://github.com/pngwn)! - Ensure all URLs returned by the client are complete URLs with the correct host instead of an absolute path relative to a server.
+
+## 0.1.0
+
+### Minor Changes
+
+- [#4185](https://github.com/gradio-app/gradio/pull/4185) [`67239ca9`](https://github.com/gradio-app/gradio/commit/67239ca9b2fe3796853fbf7bf865c9e4b383200d) Thanks [@pngwn](https://github.com/pngwn)! - Update client for initial release
+
+### Patch Changes
+
+- [#3692](https://github.com/gradio-app/gradio/pull/3692) [`48e8b113`](https://github.com/gradio-app/gradio/commit/48e8b113f4b55e461d9da4f153bf72aeb4adf0f1) Thanks [@pngwn](https://github.com/pngwn)! - Ensure client works in node, create ESM bundle and generate typescript declaration files.
+
+- [#3605](https://github.com/gradio-app/gradio/pull/3605) [`ae4277a9`](https://github.com/gradio-app/gradio/commit/ae4277a9a83d49bdadfe523b0739ba988128e73b) Thanks [@pngwn](https://github.com/pngwn)! - Update readme.
\ No newline at end of file
diff --git a/client/js/README.md b/client/js/README.md
new file mode 100644
index 0000000..4f79bf0
--- /dev/null
+++ b/client/js/README.md
@@ -0,0 +1,448 @@
+## JavaScript Client Library
+
+Interact with Gradio APIs using our JavaScript (and TypeScript) client.
+
+
+## Installation
+
+The Gradio JavaScript Client is available on npm as `@gradio/client`. You can install it as below:
+
+```shell
+npm i @gradio/client
+```
+
+Or, you can include it directly in your HTML via the jsDelivr CDN:
+
+```shell
+<script src="https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js"></script>
+```
+
+## Usage
+
+The JavaScript Gradio Client exposes the Client class, `Client`, along with various other utility functions. `Client` is used to initialise and establish a connection to, or duplicate, a Gradio app. 
+
+### `Client`
+
+The Client function connects to the API of a hosted Gradio space and returns an object that allows you to make calls to that API.
+
+The simplest example looks like this:
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const result = await app.predict("/predict");
+```
+
+This function accepts two arguments: `source` and `options`:
+
+#### `source`
+
+This is the url or name of the gradio app whose API you wish to connect to. This parameter is required and should always be a string. For example:
+
+```ts
+Client.connect("user/space-name");  
+```
+
+#### `options`
+
+The options object can optionally be passed a second parameter. This object has two properties, `token` and `status_callback`.
+
+##### `token`
+
+This should be a Hugging Face personal access token and is required if you wish to make calls to a private gradio api. This option is optional and should be a string starting with `"hf_"`.
+
+Example:
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name", { token: "hf_..." });
+```
+
+##### `status_callback`
+
+This should be a function which will notify you of the status of a space if it is not running. If the gradio API you are connecting to is not awake and running or is not hosted on Hugging Face space then this function will do nothing.
+
+**Additional context**
+
+Applications hosted on Hugging Face spaces can be in a number of different states. As spaces are a GitOps tool and will rebuild when new changes are pushed to the repository, they have various building, running and error states. If a space is not 'running' then the function passed as the `status_callback` will notify you of the current state of the space and the status of the space as it changes. Spaces that are building or sleeping can take longer than usual to respond, so you can use this information to give users feedback about the progress of their action.
+
+```ts
+import { Client, type SpaceStatus } from "@gradio/client";
+
+const app = await Client.connect("user/space-name", {
+	// The space_status parameter does not need to be manually annotated, this is just for illustration.
+	space_status: (space_status: SpaceStatus) => console.log(space_status)
+});
+```
+
+```ts
+interface SpaceStatusNormal {
+	status: "sleeping" | "running" | "building" | "error" | "stopped";
+	detail:
+		| "SLEEPING"
+		| "RUNNING"
+		| "RUNNING_BUILDING"
+		| "BUILDING"
+		| "NOT_FOUND";
+	load_status: "pending" | "error" | "complete" | "generating";
+	message: string;
+}
+
+interface SpaceStatusError {
+	status: "space_error";
+	detail: "NO_APP_FILE" | "CONFIG_ERROR" | "BUILD_ERROR" | "RUNTIME_ERROR";
+	load_status: "error";
+	message: string;
+	discussions_enabled: boolean;
+
+type SpaceStatus = SpaceStatusNormal | SpaceStatusError;
+```
+
+The gradio client returns an object with a number of methods and properties:
+
+#### `predict`
+
+The `predict` method allows you to call an api endpoint and get a prediction result:
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const result = await app.predict("/predict");
+```
+
+`predict` accepts two parameters, `endpoint` and `payload`. It returns a promise that resolves to the prediction result.
+
+##### `endpoint`
+
+This is the endpoint for an api request and is required. The default endpoint for a `gradio.Interface` is `"/predict"`. Explicitly named endpoints have a custom name. The endpoint names can be found on the "View API" page of a space.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const result = await app.predict("/predict");
+```
+
+##### `payload`
+
+The `payload` argument is generally required but this depends on the API itself. If the API endpoint depends on values being passed in then the argument is required for the API request to succeed. The data that should be passed in is detailed on the "View API" page of a space, or accessible via the `view_api()` method of the client.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const result = await app.predict("/predict", {
+	input: 1,
+	word_1: "Hello",
+	word_2: "friends"
+});
+```
+
+#### `submit`
+
+The `submit` method provides a more flexible way to call an API endpoint, providing you with status updates about the current progress of the prediction as well as supporting more complex endpoint types.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const submission = app.submit("/predict", { name: "Chewbacca" });
+```
+
+The `submit` method accepts the same [`endpoint`](#endpoint) and [`payload`](#payload) arguments as `predict`.
+
+The `submit` method does not return a promise and should not be awaited, instead it returns an async iterator with a  `cancel` method.
+
+##### Accessing values
+
+Iterating the submission allows you to access the events related to the submitted API request. There are two types of events that can be listened for: `"data"` updates and `"status"` updates. By default only the `"data"` event is reported, but you can listen for the `"status"` event by manually passing the events you care about when instantiating the client:
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name", {
+	events: ["data", "status"]
+});
+```
+
+`"data"` updates are issued when the API computes a value, the callback provided as the second argument will be called when such a value is sent to the client. The shape of the data depends on the way the API itself is constructed. This event may fire more than once if that endpoint supports emmitting new values over time.
+
+`"status` updates are issued when the status of a request changes. This information allows you to offer feedback to users when the queue position of the request changes, or when the request changes from queued to processing.
+
+The status payload look like this:
+
+```ts
+interface Status {
+	queue: boolean;
+	code?: string;
+	success?: boolean;
+	stage: "pending" | "error" | "complete" | "generating";
+	size?: number;
+	position?: number;
+	eta?: number;
+	message?: string;
+	progress_data?: Array<{
+		progress: number | null;
+		index: number | null;
+		length: number | null;
+		unit: string | null;
+		desc: string | null;
+	}>;
+	time?: Date;
+}
+```
+
+Usage looks like this:
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const submission = app
+	.submit("/predict", { name: "Chewbacca" })
+
+	for await (const msg of submission) {
+		if (msg.type === "data") {
+			console.log(msg.data);
+		}
+
+		if (msg.type === "status") {
+			console.log(msg);
+		}
+	}
+```
+
+
+##### `cancel`
+
+Certain types of gradio function can run repeatedly and in some cases indefinitely. the `cancel` method will stop such an endpoints and prevent the API from issuing additional updates.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const submission = app
+	.submit("/predict", { name: "Chewbacca" })
+
+
+// later
+
+submission.cancel();
+```
+
+#### `view_api`
+
+The `view_api` method provides details about the API you are connected to. It returns a JavaScript object of all named endpoints, unnamed endpoints and what values they accept and return. This method does not accept arguments.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const api_info = await app.view_api();
+
+console.log(api_info);
+```
+
+#### `config`
+
+The `config` property contains the configuration for the gradio application you are connected to. This object may contain useful meta information about the application.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+console.log(app.config);
+```
+
+### `duplicate`
+
+The duplicate function will attempt to duplicate the space that is referenced and return an instance of `client` connected to that space. If the space has already been duplicated then it will not create a new duplicate and will instead connect to the existing duplicated space. The huggingface token that is passed in will dictate the user under which the space is created.
+
+`duplicate` accepts the same arguments as `client` with the addition of a `private` options property dictating whether the duplicated space should be private or public. A huggingface token is required for duplication to work.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.duplicate("user/space-name", {
+	token: "hf_..."
+});
+```
+
+This function accepts two arguments: `source` and `options`:
+
+#### `source`
+
+The space to duplicate and connect to. [See `client`'s `source` parameter](#source).
+
+#### `options`
+
+Accepts all options that `client` accepts, except `token` is required. [See `client`'s `options` parameter](#source).
+
+`duplicate` also accepts one additional `options` property.
+
+##### `private`
+
+This is an optional property specific to `duplicate`'s options object and will determine whether the space should be public or private. Spaces duplicated via the `duplicate` method are public by default.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.duplicate("user/space-name", {
+	token: "hf_...",
+	private: true
+});
+```
+
+##### `timeout`
+
+This is an optional property specific to `duplicate`'s options object and will set the timeout in minutes before the duplicated space will go to sleep.
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.duplicate("user/space-name", {
+	token: "hf_...",
+	private: true,
+	timeout: 5
+});
+```
+
+##### `hardware`
+
+This is an optional property specific to `duplicate`'s options object and will set the hardware for the duplicated space. By default the hardware used will match that of the original space. If this cannot be obtained it will default to `"cpu-basic"`. For hardware upgrades (beyond the basic CPU tier), you may be required to provide [billing information on Hugging Face](https://huggingface.co/settings/billing).
+
+Possible hardware options are:
+
+- `"cpu-basic"`
+- `"cpu-upgrade"`
+- `"cpu-xl"`
+- `"t4-small"`
+- `"t4-medium"`
+- `"a10g-small"`
+- `"a10g-large"`
+- `"a10g-largex2"`
+- `"a10g-largex4"`
+- `"a100-large"`
+- `"zero-a10g"`
+- `"h100"`
+- `"h100x8"`
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.duplicate("user/space-name", {
+	token: "hf_...",
+	private: true,
+	hardware: "a10g-small"
+});
+```
+
+### `handle_file(file_or_url: File | string | Blob | Buffer)`
+
+This utility function is used to simplify the process of handling file inputs for the client.
+
+Gradio APIs expect a special file datastructure that references a location on the server. These files can be manually uploaded but figuring what to do with different file types can be difficult depending on your environment.
+
+This function will handle files regardless of whether or not they are local files (node only), URLs, Blobs, or Buffers. It will take in a reference and handle it accordingly,uploading the file where appropriate and generating the correct data structure for the client.
+
+The return value of this function can be used anywhere in the input data where a file is expected:
+
+```ts
+import { handle_file } from "@gradio/client";
+
+const app = await Client.connect("user/space-name");
+const result = await app.predict("/predict", {
+	single: handle_file(file),
+	flat: [handle_file(url), handle_file(buffer)],
+	nested: {
+		image: handle_file(url),
+		layers: [handle_file(buffer)]
+	},
+	deeply_nested: {
+		image: handle_file(url),
+		layers: [{
+			layer1: handle_file(buffer),
+			layer2: handle_file(buffer)
+		}]
+	}
+});
+```
+
+#### filepaths
+
+`handle_file` can be passed a local filepath which it will upload to the client server and return a reference that the client can understand. 
+
+This only works in a node environment.
+
+Filepaths are resolved relative to the current working directory, not the location of the file that calls `handle_file`.
+
+```ts
+import { handle_file } from "@gradio/client";
+
+// not uploaded yet
+const file_ref = handle_file("path/to/file");
+
+const app = await Client.connect("user/space-name");
+
+// upload happens here
+const result = await app.predict("/predict", {
+	file: file_ref,
+});
+```
+
+#### URLs
+
+`handle_file` can be passed a URL which it will convert into a reference that the client can understand.
+
+```ts
+import { handle_file } from "@gradio/client";
+
+const url_ref = handle_file("https://example.com/file.png");
+
+const app = await Client.connect("user/space-name");
+const result = await app.predict("/predict", {
+	url: url_ref,
+});
+```
+
+#### Blobs
+
+`handle_file` can be passed a Blob which it will upload to the client server and return a reference that the client can understand.
+
+The upload is not initiated until predict or submit are called.
+
+```ts
+import { handle_file } from "@gradio/client";
+
+// not uploaded yet
+const blob_ref = handle_file(new Blob(["Hello, world!"]));
+
+const app = await Client.connect("user/space-name");
+
+// upload happens here
+const result = await app.predict("/predict", {
+	blob: blob_ref,
+});
+```
+
+#### Buffers
+
+`handle_file` can be passed a Buffer which it will upload to the client server and return a reference that the client can understand.
+
+```ts
+import { handle_file } from "@gradio/client";
+import { readFileSync } from "fs";
+
+// not uploaded yet
+const buffer_ref = handle_file(readFileSync("file.png"));
+
+const app = await Client.connect("user/space-name");
+
+// upload happens here
+const result = await app.predict("/predict", {
+	buffer: buffer_ref,
+});
+```
\ No newline at end of file
diff --git a/client/js/index.html b/client/js/index.html
new file mode 100644
index 0000000..1afd437
--- /dev/null
+++ b/client/js/index.html
@@ -0,0 +1,39 @@
+<!doctype html>
+
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<title>Client</title>
+		<script type="module">
+			import { Client } from "./dist/index.js";
+			console.log(Client);
+
+			const client = await Client.connect("pngwn/chatinterface_streaming_echo");
+			async function run(message, n) {
+				// console.log(client);
+				const req = client.submit("/chat", {
+					message
+				});
+				console.log("start");
+				for await (const c of req) {
+					if (c.type === "data") {
+						console.log(`${n}: ${c.data[0]}`);
+					}
+				}
+
+				console.log("end");
+
+				return "hi";
+			}
+
+			run("My name is frank", 1);
+			run("Hello there", 2);
+
+			console.log("boo");
+		</script>
+	</head>
+	<body>
+		<div id="app"></div>
+	</body>
+</html>
diff --git a/client/js/package-lock.json b/client/js/package-lock.json
new file mode 100644
index 0000000..7aa85d7
--- /dev/null
+++ b/client/js/package-lock.json
@@ -0,0 +1,2093 @@
+{
+	"name": "@gradio/client",
+	"version": "1.19.1",
+	"lockfileVersion": 3,
+	"requires": true,
+	"packages": {
+		"": {
+			"name": "@gradio/client",
+			"version": "1.19.1",
+			"license": "ISC",
+			"dependencies": {
+				"@types/eventsource": "^1.1.15",
+				"bufferutil": "^4.0.7",
+				"eventsource": "^2.0.2",
+				"fetch-event-stream": "^0.1.5",
+				"msw": "^2.2.1",
+				"semiver": "^1.1.0",
+				"textlinestream": "^1.1.1",
+				"typescript": "^5.0.0",
+				"vi": "^1.0.0",
+				"vite": "^6.4.1",
+				"ws": "^8.13.0"
+			},
+			"devDependencies": {
+				"@types/ws": "^8.5.10",
+				"esbuild": "^0.21.0"
+			},
+			"engines": {
+				"node": ">=18.0.0"
+			}
+		},
+		"node_modules/@esbuild/aix-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-arm": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+			"integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+			"integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/android-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+			"integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+			"integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/darwin-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+			"integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+			"integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/freebsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+			"integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+			"integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+			"cpu": [
+				"arm"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+			"integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+			"integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-loong64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+			"integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+			"cpu": [
+				"loong64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-mips64el": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+			"integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+			"cpu": [
+				"mips64el"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-ppc64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+			"integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+			"cpu": [
+				"ppc64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-riscv64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+			"integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+			"cpu": [
+				"riscv64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-s390x": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+			"integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+			"cpu": [
+				"s390x"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/linux-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+			"integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/netbsd-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.11.tgz",
+			"integrity": "sha512-hr9Oxj1Fa4r04dNpWr3P8QKVVsjQhqrMSUzZzf+LZcYjZNqhA3IAfPQdEh1FLVUJSiu6sgAwp3OmwBfbFgG2Xg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/netbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/openbsd-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.11.tgz",
+			"integrity": "sha512-Qq6YHhayieor3DxFOoYM1q0q1uMFYb7cSpLD2qzDSvK1NAvqFi8Xgivv0cFC6J+hWVw2teCYltyy9/m/14ryHg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/openbsd-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+			"integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/openharmony-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.11.tgz",
+			"integrity": "sha512-rOREuNIQgaiR+9QuNkbkxubbp8MSO9rONmwP5nKncnWJ9v5jQ4JxFnLu4zDSRPf3x4u+2VN4pM4RdyIzDty/wQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openharmony"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@esbuild/sunos-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+			"integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-arm64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+			"integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+			"cpu": [
+				"arm64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-ia32": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+			"integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+			"cpu": [
+				"ia32"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@esbuild/win32-x64": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+			"integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+			"cpu": [
+				"x64"
+			],
+			"dev": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/@inquirer/ansi": {
+			"version": "1.0.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@inquirer/ansi/-/ansi-1.0.1.tgz",
+			"integrity": "sha512-yqq0aJW/5XPhi5xOAL1xRCpe1eh8UFVgYFpFsjEqmIR8rKLyP+HINvFXwUaxYICflJrVlxnp7lLN6As735kVpw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@inquirer/confirm": {
+			"version": "5.1.19",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@inquirer/confirm/-/confirm-5.1.19.tgz",
+			"integrity": "sha512-wQNz9cfcxrtEnUyG5PndC8g3gZ7lGDBzmWiXZkX8ot3vfZ+/BLjR8EvyGX4YzQLeVqtAlY/YScZpW7CW8qMoDQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/core": "^10.3.0",
+				"@inquirer/type": "^3.0.9"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/core": {
+			"version": "10.3.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@inquirer/core/-/core-10.3.0.tgz",
+			"integrity": "sha512-Uv2aPPPSK5jeCplQmQ9xadnFx2Zhj9b5Dj7bU6ZeCdDNNY11nhYy4btcSdtDguHqCT2h5oNeQTcUNSGGLA7NTA==",
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/ansi": "^1.0.1",
+				"@inquirer/figures": "^1.0.14",
+				"@inquirer/type": "^3.0.9",
+				"cli-width": "^4.1.0",
+				"mute-stream": "^2.0.0",
+				"signal-exit": "^4.1.0",
+				"wrap-ansi": "^6.2.0",
+				"yoctocolors-cjs": "^2.1.2"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@inquirer/figures": {
+			"version": "1.0.14",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@inquirer/figures/-/figures-1.0.14.tgz",
+			"integrity": "sha512-DbFgdt+9/OZYFM+19dbpXOSeAstPy884FPy1KjDu4anWwymZeOYhMY1mdFri172htv6mvc/uvIAAi7b7tvjJBQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@inquirer/type": {
+			"version": "3.0.9",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@inquirer/type/-/type-3.0.9.tgz",
+			"integrity": "sha512-QPaNt/nmE2bLGQa9b7wwyRJoLZ7pN6rcyXvzU0YCmivmJyq1BVo94G98tStRWkoD1RgDX5C+dPlhhHzNdu/W/w==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"peerDependencies": {
+				"@types/node": ">=18"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/@mswjs/interceptors": {
+			"version": "0.40.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@mswjs/interceptors/-/interceptors-0.40.0.tgz",
+			"integrity": "sha512-EFd6cVbHsgLa6wa4RljGj6Wk75qoHxUSyc5asLyyPSyuhIcdS2Q3Phw6ImS1q+CkALthJRShiYfKANcQMuMqsQ==",
+			"license": "MIT",
+			"dependencies": {
+				"@open-draft/deferred-promise": "^2.2.0",
+				"@open-draft/logger": "^0.3.0",
+				"@open-draft/until": "^2.0.0",
+				"is-node-process": "^1.2.0",
+				"outvariant": "^1.4.3",
+				"strict-event-emitter": "^0.5.1"
+			},
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/@open-draft/deferred-promise": {
+			"version": "2.2.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@open-draft/deferred-promise/-/deferred-promise-2.2.0.tgz",
+			"integrity": "sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==",
+			"license": "MIT"
+		},
+		"node_modules/@open-draft/logger": {
+			"version": "0.3.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@open-draft/logger/-/logger-0.3.0.tgz",
+			"integrity": "sha512-X2g45fzhxH238HKO4xbSr7+wBS8Fvw6ixhTDuvLd5mqh6bJJCFAPwU9mPDxbcrRtfxv4u5IHCEH77BmxvXmmxQ==",
+			"license": "MIT",
+			"dependencies": {
+				"is-node-process": "^1.2.0",
+				"outvariant": "^1.4.0"
+			}
+		},
+		"node_modules/@open-draft/until": {
+			"version": "2.1.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@open-draft/until/-/until-2.1.0.tgz",
+			"integrity": "sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==",
+			"license": "MIT"
+		},
+		"node_modules/@rollup/rollup-android-arm-eabi": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.52.5.tgz",
+			"integrity": "sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-android-arm64": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.52.5.tgz",
+			"integrity": "sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-arm64": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.52.5.tgz",
+			"integrity": "sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-darwin-x64": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.52.5.tgz",
+			"integrity": "sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-arm64": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.52.5.tgz",
+			"integrity": "sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-freebsd-x64": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.52.5.tgz",
+			"integrity": "sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.52.5.tgz",
+			"integrity": "sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm-musleabihf": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.52.5.tgz",
+			"integrity": "sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-gnu": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.52.5.tgz",
+			"integrity": "sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-arm64-musl": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.52.5.tgz",
+			"integrity": "sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-loong64-gnu": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.52.5.tgz",
+			"integrity": "sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-ppc64-gnu": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.52.5.tgz",
+			"integrity": "sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-gnu": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.52.5.tgz",
+			"integrity": "sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-riscv64-musl": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.52.5.tgz",
+			"integrity": "sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-s390x-gnu": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.52.5.tgz",
+			"integrity": "sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-gnu": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.52.5.tgz",
+			"integrity": "sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-linux-x64-musl": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.52.5.tgz",
+			"integrity": "sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			]
+		},
+		"node_modules/@rollup/rollup-openharmony-arm64": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.52.5.tgz",
+			"integrity": "sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openharmony"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-arm64-msvc": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.52.5.tgz",
+			"integrity": "sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-ia32-msvc": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.52.5.tgz",
+			"integrity": "sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-gnu": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.52.5.tgz",
+			"integrity": "sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@rollup/rollup-win32-x64-msvc": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.52.5.tgz",
+			"integrity": "sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			]
+		},
+		"node_modules/@types/estree": {
+			"version": "1.0.8",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@types/estree/-/estree-1.0.8.tgz",
+			"integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+			"license": "MIT"
+		},
+		"node_modules/@types/eventsource": {
+			"version": "1.1.15",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@types/eventsource/-/eventsource-1.1.15.tgz",
+			"integrity": "sha512-XQmGcbnxUNa06HR3VBVkc9+A2Vpi9ZyLJcdS5dwaQQ/4ZMWFO+5c90FnMUpbtMZwB/FChoYHwuVg8TvkECacTA==",
+			"license": "MIT"
+		},
+		"node_modules/@types/node": {
+			"version": "24.8.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@types/node/-/node-24.8.1.tgz",
+			"integrity": "sha512-alv65KGRadQVfVcG69MuB4IzdYVpRwMG/mq8KWOaoOdyY617P5ivaDiMCGOFDWD2sAn5Q0mR3mRtUOgm99hL9Q==",
+			"devOptional": true,
+			"license": "MIT",
+			"dependencies": {
+				"undici-types": "~7.14.0"
+			}
+		},
+		"node_modules/@types/statuses": {
+			"version": "2.0.6",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@types/statuses/-/statuses-2.0.6.tgz",
+			"integrity": "sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==",
+			"license": "MIT"
+		},
+		"node_modules/@types/ws": {
+			"version": "8.18.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@types/ws/-/ws-8.18.1.tgz",
+			"integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+			"dev": true,
+			"license": "MIT",
+			"dependencies": {
+				"@types/node": "*"
+			}
+		},
+		"node_modules/ansi-regex": {
+			"version": "5.0.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/ansi-regex/-/ansi-regex-5.0.1.tgz",
+			"integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/ansi-styles": {
+			"version": "4.3.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/ansi-styles/-/ansi-styles-4.3.0.tgz",
+			"integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+			"license": "MIT",
+			"dependencies": {
+				"color-convert": "^2.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
+			}
+		},
+		"node_modules/bufferutil": {
+			"version": "4.0.9",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/bufferutil/-/bufferutil-4.0.9.tgz",
+			"integrity": "sha512-WDtdLmJvAuNNPzByAYpRo2rF1Mmradw6gvWsQKf63476DDXmomT9zUiGypLcG4ibIM67vhAj8jJRdbmEws2Aqw==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"dependencies": {
+				"node-gyp-build": "^4.3.0"
+			},
+			"engines": {
+				"node": ">=6.14.2"
+			}
+		},
+		"node_modules/cli-width": {
+			"version": "4.1.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/cli-width/-/cli-width-4.1.0.tgz",
+			"integrity": "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==",
+			"license": "ISC",
+			"engines": {
+				"node": ">= 12"
+			}
+		},
+		"node_modules/cliui": {
+			"version": "8.0.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/cliui/-/cliui-8.0.1.tgz",
+			"integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+			"license": "ISC",
+			"dependencies": {
+				"string-width": "^4.2.0",
+				"strip-ansi": "^6.0.1",
+				"wrap-ansi": "^7.0.0"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/cliui/node_modules/wrap-ansi": {
+			"version": "7.0.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+			"integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=10"
+			},
+			"funding": {
+				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+			}
+		},
+		"node_modules/color-convert": {
+			"version": "2.0.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/color-convert/-/color-convert-2.0.1.tgz",
+			"integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+			"license": "MIT",
+			"dependencies": {
+				"color-name": "~1.1.4"
+			},
+			"engines": {
+				"node": ">=7.0.0"
+			}
+		},
+		"node_modules/color-name": {
+			"version": "1.1.4",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/color-name/-/color-name-1.1.4.tgz",
+			"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+			"license": "MIT"
+		},
+		"node_modules/cookie": {
+			"version": "1.0.2",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/cookie/-/cookie-1.0.2.tgz",
+			"integrity": "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/emoji-regex": {
+			"version": "8.0.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/emoji-regex/-/emoji-regex-8.0.0.tgz",
+			"integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+			"license": "MIT"
+		},
+		"node_modules/esbuild": {
+			"version": "0.21.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/esbuild/-/esbuild-0.21.5.tgz",
+			"integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+			"dev": true,
+			"hasInstallScript": true,
+			"license": "MIT",
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=12"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.21.5",
+				"@esbuild/android-arm": "0.21.5",
+				"@esbuild/android-arm64": "0.21.5",
+				"@esbuild/android-x64": "0.21.5",
+				"@esbuild/darwin-arm64": "0.21.5",
+				"@esbuild/darwin-x64": "0.21.5",
+				"@esbuild/freebsd-arm64": "0.21.5",
+				"@esbuild/freebsd-x64": "0.21.5",
+				"@esbuild/linux-arm": "0.21.5",
+				"@esbuild/linux-arm64": "0.21.5",
+				"@esbuild/linux-ia32": "0.21.5",
+				"@esbuild/linux-loong64": "0.21.5",
+				"@esbuild/linux-mips64el": "0.21.5",
+				"@esbuild/linux-ppc64": "0.21.5",
+				"@esbuild/linux-riscv64": "0.21.5",
+				"@esbuild/linux-s390x": "0.21.5",
+				"@esbuild/linux-x64": "0.21.5",
+				"@esbuild/netbsd-x64": "0.21.5",
+				"@esbuild/openbsd-x64": "0.21.5",
+				"@esbuild/sunos-x64": "0.21.5",
+				"@esbuild/win32-arm64": "0.21.5",
+				"@esbuild/win32-ia32": "0.21.5",
+				"@esbuild/win32-x64": "0.21.5"
+			}
+		},
+		"node_modules/escalade": {
+			"version": "3.2.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/escalade/-/escalade-3.2.0.tgz",
+			"integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/eventsource": {
+			"version": "2.0.2",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/eventsource/-/eventsource-2.0.2.tgz",
+			"integrity": "sha512-IzUmBGPR3+oUG9dUeXynyNmf91/3zUSJg1lCktzKw47OXuhco54U3r9B7O4XX+Rb1Itm9OZ2b0RkTs10bICOxA==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.0.0"
+			}
+		},
+		"node_modules/fdir": {
+			"version": "6.5.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/fdir/-/fdir-6.5.0.tgz",
+			"integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"peerDependencies": {
+				"picomatch": "^3 || ^4"
+			},
+			"peerDependenciesMeta": {
+				"picomatch": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/fetch-event-stream": {
+			"version": "0.1.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/fetch-event-stream/-/fetch-event-stream-0.1.5.tgz",
+			"integrity": "sha512-V1PWovkspxQfssq/NnxoEyQo1DV+MRK/laPuPblIZmSjMN8P5u46OhlFQznSr9p/t0Sp8Uc6SbM3yCMfr0KU8g==",
+			"license": "MIT"
+		},
+		"node_modules/fsevents": {
+			"version": "2.3.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/fsevents/-/fsevents-2.3.3.tgz",
+			"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+			}
+		},
+		"node_modules/get-caller-file": {
+			"version": "2.0.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/get-caller-file/-/get-caller-file-2.0.5.tgz",
+			"integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+			"license": "ISC",
+			"engines": {
+				"node": "6.* || 8.* || >= 10.*"
+			}
+		},
+		"node_modules/graphql": {
+			"version": "16.11.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/graphql/-/graphql-16.11.0.tgz",
+			"integrity": "sha512-mS1lbMsxgQj6hge1XZ6p7GPhbrtFwUFYi3wRzXAC/FmYnyXMTvvI3td3rjmQ2u8ewXueaSvRPWaEcgVVOT9Jnw==",
+			"license": "MIT",
+			"engines": {
+				"node": "^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0"
+			}
+		},
+		"node_modules/headers-polyfill": {
+			"version": "4.0.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/headers-polyfill/-/headers-polyfill-4.0.3.tgz",
+			"integrity": "sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==",
+			"license": "MIT"
+		},
+		"node_modules/is-fullwidth-code-point": {
+			"version": "3.0.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+			"integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/is-node-process": {
+			"version": "1.2.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/is-node-process/-/is-node-process-1.2.0.tgz",
+			"integrity": "sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==",
+			"license": "MIT"
+		},
+		"node_modules/msw": {
+			"version": "2.11.6",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/msw/-/msw-2.11.6.tgz",
+			"integrity": "sha512-MCYMykvmiYScyUm7I6y0VCxpNq1rgd5v7kG8ks5dKtvmxRUUPjribX6mUoUNBbM5/3PhUyoelEWiKXGOz84c+w==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"dependencies": {
+				"@inquirer/confirm": "^5.0.0",
+				"@mswjs/interceptors": "^0.40.0",
+				"@open-draft/deferred-promise": "^2.2.0",
+				"@types/statuses": "^2.0.4",
+				"cookie": "^1.0.2",
+				"graphql": "^16.8.1",
+				"headers-polyfill": "^4.0.2",
+				"is-node-process": "^1.2.0",
+				"outvariant": "^1.4.3",
+				"path-to-regexp": "^6.3.0",
+				"picocolors": "^1.1.1",
+				"rettime": "^0.7.0",
+				"statuses": "^2.0.2",
+				"strict-event-emitter": "^0.5.1",
+				"tough-cookie": "^6.0.0",
+				"type-fest": "^4.26.1",
+				"until-async": "^3.0.2",
+				"yargs": "^17.7.2"
+			},
+			"bin": {
+				"msw": "cli/index.js"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/mswjs"
+			},
+			"peerDependencies": {
+				"typescript": ">= 4.8.x"
+			},
+			"peerDependenciesMeta": {
+				"typescript": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/mute-stream": {
+			"version": "2.0.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/mute-stream/-/mute-stream-2.0.0.tgz",
+			"integrity": "sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==",
+			"license": "ISC",
+			"engines": {
+				"node": "^18.17.0 || >=20.5.0"
+			}
+		},
+		"node_modules/nanoid": {
+			"version": "3.3.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/nanoid/-/nanoid-3.3.11.tgz",
+			"integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"bin": {
+				"nanoid": "bin/nanoid.cjs"
+			},
+			"engines": {
+				"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+			}
+		},
+		"node_modules/node-gyp-build": {
+			"version": "4.8.4",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/node-gyp-build/-/node-gyp-build-4.8.4.tgz",
+			"integrity": "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==",
+			"license": "MIT",
+			"bin": {
+				"node-gyp-build": "bin.js",
+				"node-gyp-build-optional": "optional.js",
+				"node-gyp-build-test": "build-test.js"
+			}
+		},
+		"node_modules/outvariant": {
+			"version": "1.4.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/outvariant/-/outvariant-1.4.3.tgz",
+			"integrity": "sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==",
+			"license": "MIT"
+		},
+		"node_modules/path-to-regexp": {
+			"version": "6.3.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/path-to-regexp/-/path-to-regexp-6.3.0.tgz",
+			"integrity": "sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==",
+			"license": "MIT"
+		},
+		"node_modules/picocolors": {
+			"version": "1.1.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/picocolors/-/picocolors-1.1.1.tgz",
+			"integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+			"license": "ISC"
+		},
+		"node_modules/picomatch": {
+			"version": "4.0.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/picomatch/-/picomatch-4.0.3.tgz",
+			"integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=12"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/jonschlinkert"
+			}
+		},
+		"node_modules/postcss": {
+			"version": "8.5.6",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/postcss/-/postcss-8.5.6.tgz",
+			"integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+			"funding": [
+				{
+					"type": "opencollective",
+					"url": "https://opencollective.com/postcss/"
+				},
+				{
+					"type": "tidelift",
+					"url": "https://tidelift.com/funding/github/npm/postcss"
+				},
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/ai"
+				}
+			],
+			"license": "MIT",
+			"dependencies": {
+				"nanoid": "^3.3.11",
+				"picocolors": "^1.1.1",
+				"source-map-js": "^1.2.1"
+			},
+			"engines": {
+				"node": "^10 || ^12 || >=14"
+			}
+		},
+		"node_modules/require-directory": {
+			"version": "2.1.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/require-directory/-/require-directory-2.1.1.tgz",
+			"integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/rettime": {
+			"version": "0.7.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/rettime/-/rettime-0.7.0.tgz",
+			"integrity": "sha512-LPRKoHnLKd/r3dVxcwO7vhCW+orkOGj9ViueosEBK6ie89CijnfRlhaDhHq/3Hxu4CkWQtxwlBG0mzTQY6uQjw==",
+			"license": "MIT"
+		},
+		"node_modules/rollup": {
+			"version": "4.52.5",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/rollup/-/rollup-4.52.5.tgz",
+			"integrity": "sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==",
+			"license": "MIT",
+			"dependencies": {
+				"@types/estree": "1.0.8"
+			},
+			"bin": {
+				"rollup": "dist/bin/rollup"
+			},
+			"engines": {
+				"node": ">=18.0.0",
+				"npm": ">=8.0.0"
+			},
+			"optionalDependencies": {
+				"@rollup/rollup-android-arm-eabi": "4.52.5",
+				"@rollup/rollup-android-arm64": "4.52.5",
+				"@rollup/rollup-darwin-arm64": "4.52.5",
+				"@rollup/rollup-darwin-x64": "4.52.5",
+				"@rollup/rollup-freebsd-arm64": "4.52.5",
+				"@rollup/rollup-freebsd-x64": "4.52.5",
+				"@rollup/rollup-linux-arm-gnueabihf": "4.52.5",
+				"@rollup/rollup-linux-arm-musleabihf": "4.52.5",
+				"@rollup/rollup-linux-arm64-gnu": "4.52.5",
+				"@rollup/rollup-linux-arm64-musl": "4.52.5",
+				"@rollup/rollup-linux-loong64-gnu": "4.52.5",
+				"@rollup/rollup-linux-ppc64-gnu": "4.52.5",
+				"@rollup/rollup-linux-riscv64-gnu": "4.52.5",
+				"@rollup/rollup-linux-riscv64-musl": "4.52.5",
+				"@rollup/rollup-linux-s390x-gnu": "4.52.5",
+				"@rollup/rollup-linux-x64-gnu": "4.52.5",
+				"@rollup/rollup-linux-x64-musl": "4.52.5",
+				"@rollup/rollup-openharmony-arm64": "4.52.5",
+				"@rollup/rollup-win32-arm64-msvc": "4.52.5",
+				"@rollup/rollup-win32-ia32-msvc": "4.52.5",
+				"@rollup/rollup-win32-x64-gnu": "4.52.5",
+				"@rollup/rollup-win32-x64-msvc": "4.52.5",
+				"fsevents": "~2.3.2"
+			}
+		},
+		"node_modules/semiver": {
+			"version": "1.1.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/semiver/-/semiver-1.1.0.tgz",
+			"integrity": "sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=6"
+			}
+		},
+		"node_modules/signal-exit": {
+			"version": "4.1.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/signal-exit/-/signal-exit-4.1.0.tgz",
+			"integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=14"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/isaacs"
+			}
+		},
+		"node_modules/source-map-js": {
+			"version": "1.2.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/source-map-js/-/source-map-js-1.2.1.tgz",
+			"integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+			"license": "BSD-3-Clause",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/statuses": {
+			"version": "2.0.2",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/statuses/-/statuses-2.0.2.tgz",
+			"integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">= 0.8"
+			}
+		},
+		"node_modules/strict-event-emitter": {
+			"version": "0.5.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/strict-event-emitter/-/strict-event-emitter-0.5.1.tgz",
+			"integrity": "sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==",
+			"license": "MIT"
+		},
+		"node_modules/string-width": {
+			"version": "4.2.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/string-width/-/string-width-4.2.3.tgz",
+			"integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+			"license": "MIT",
+			"dependencies": {
+				"emoji-regex": "^8.0.0",
+				"is-fullwidth-code-point": "^3.0.0",
+				"strip-ansi": "^6.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/strip-ansi": {
+			"version": "6.0.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/strip-ansi/-/strip-ansi-6.0.1.tgz",
+			"integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-regex": "^5.0.1"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/textlinestream": {
+			"version": "1.1.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/textlinestream/-/textlinestream-1.1.1.tgz",
+			"integrity": "sha512-iBHbi7BQxrFmwZUQJsT0SjNzlLLsXhvW/kg7EyOMVMBIrlnj/qYofwo1LVLZi+3GbUEo96Iu2eqToI2+lZoAEQ==",
+			"license": "MIT"
+		},
+		"node_modules/tinyglobby": {
+			"version": "0.2.15",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/tinyglobby/-/tinyglobby-0.2.15.tgz",
+			"integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+			"license": "MIT",
+			"dependencies": {
+				"fdir": "^6.5.0",
+				"picomatch": "^4.0.3"
+			},
+			"engines": {
+				"node": ">=12.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/SuperchupuDev"
+			}
+		},
+		"node_modules/tldts": {
+			"version": "7.0.17",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/tldts/-/tldts-7.0.17.tgz",
+			"integrity": "sha512-Y1KQBgDd/NUc+LfOtKS6mNsC9CCaH+m2P1RoIZy7RAPo3C3/t8X45+zgut31cRZtZ3xKPjfn3TkGTrctC2TQIQ==",
+			"license": "MIT",
+			"dependencies": {
+				"tldts-core": "^7.0.17"
+			},
+			"bin": {
+				"tldts": "bin/cli.js"
+			}
+		},
+		"node_modules/tldts-core": {
+			"version": "7.0.17",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/tldts-core/-/tldts-core-7.0.17.tgz",
+			"integrity": "sha512-DieYoGrP78PWKsrXr8MZwtQ7GLCUeLxihtjC1jZsW1DnvSMdKPitJSe8OSYDM2u5H6g3kWJZpePqkp43TfLh0g==",
+			"license": "MIT"
+		},
+		"node_modules/tough-cookie": {
+			"version": "6.0.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/tough-cookie/-/tough-cookie-6.0.0.tgz",
+			"integrity": "sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==",
+			"license": "BSD-3-Clause",
+			"dependencies": {
+				"tldts": "^7.0.5"
+			},
+			"engines": {
+				"node": ">=16"
+			}
+		},
+		"node_modules/type-fest": {
+			"version": "4.41.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/type-fest/-/type-fest-4.41.0.tgz",
+			"integrity": "sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==",
+			"license": "(MIT OR CC0-1.0)",
+			"engines": {
+				"node": ">=16"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		},
+		"node_modules/typescript": {
+			"version": "5.9.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/typescript/-/typescript-5.9.3.tgz",
+			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+			"license": "Apache-2.0",
+			"bin": {
+				"tsc": "bin/tsc",
+				"tsserver": "bin/tsserver"
+			},
+			"engines": {
+				"node": ">=14.17"
+			}
+		},
+		"node_modules/undici-types": {
+			"version": "7.14.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/undici-types/-/undici-types-7.14.0.tgz",
+			"integrity": "sha512-QQiYxHuyZ9gQUIrmPo3IA+hUl4KYk8uSA7cHrcKd/l3p1OTpZcM0Tbp9x7FAtXdAYhlasd60ncPpgu6ihG6TOA==",
+			"devOptional": true,
+			"license": "MIT"
+		},
+		"node_modules/until-async": {
+			"version": "3.0.2",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/until-async/-/until-async-3.0.2.tgz",
+			"integrity": "sha512-IiSk4HlzAMqTUseHHe3VhIGyuFmN90zMTpD3Z3y8jeQbzLIq500MVM7Jq2vUAnTKAFPJrqwkzr6PoTcPhGcOiw==",
+			"license": "MIT",
+			"funding": {
+				"url": "https://github.com/sponsors/kettanaito"
+			}
+		},
+		"node_modules/vi": {
+			"version": "1.0.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/vi/-/vi-1.0.0.tgz",
+			"integrity": "sha512-fLpBeQzBddayFzoNMfCzvkcomwRYHx05qRo8lVCjMmR8ggs36Auw5A6/yH/UU8e2UAsGvh0qmXlNoR1DIdfWUw==",
+			"license": "ISC"
+		},
+		"node_modules/vite": {
+			"version": "6.4.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/vite/-/vite-6.4.1.tgz",
+			"integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==",
+			"license": "MIT",
+			"dependencies": {
+				"esbuild": "^0.25.0",
+				"fdir": "^6.4.4",
+				"picomatch": "^4.0.2",
+				"postcss": "^8.5.3",
+				"rollup": "^4.34.9",
+				"tinyglobby": "^0.2.13"
+			},
+			"bin": {
+				"vite": "bin/vite.js"
+			},
+			"engines": {
+				"node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+			},
+			"funding": {
+				"url": "https://github.com/vitejs/vite?sponsor=1"
+			},
+			"optionalDependencies": {
+				"fsevents": "~2.3.3"
+			},
+			"peerDependencies": {
+				"@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+				"jiti": ">=1.21.0",
+				"less": "*",
+				"lightningcss": "^1.21.0",
+				"sass": "*",
+				"sass-embedded": "*",
+				"stylus": "*",
+				"sugarss": "*",
+				"terser": "^5.16.0",
+				"tsx": "^4.8.1",
+				"yaml": "^2.4.2"
+			},
+			"peerDependenciesMeta": {
+				"@types/node": {
+					"optional": true
+				},
+				"jiti": {
+					"optional": true
+				},
+				"less": {
+					"optional": true
+				},
+				"lightningcss": {
+					"optional": true
+				},
+				"sass": {
+					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"stylus": {
+					"optional": true
+				},
+				"sugarss": {
+					"optional": true
+				},
+				"terser": {
+					"optional": true
+				},
+				"tsx": {
+					"optional": true
+				},
+				"yaml": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/aix-ppc64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/aix-ppc64/-/aix-ppc64-0.25.11.tgz",
+			"integrity": "sha512-Xt1dOL13m8u0WE8iplx9Ibbm+hFAO0GsU2P34UNoDGvZYkY8ifSiy6Zuc1lYxfG7svWE2fzqCUmFp5HCn51gJg==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"aix"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/android-arm": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/android-arm/-/android-arm-0.25.11.tgz",
+			"integrity": "sha512-uoa7dU+Dt3HYsethkJ1k6Z9YdcHjTrSb5NUy66ZfZaSV8hEYGD5ZHbEMXnqLFlbBflLsl89Zke7CAdDJ4JI+Gg==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/android-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/android-arm64/-/android-arm64-0.25.11.tgz",
+			"integrity": "sha512-9slpyFBc4FPPz48+f6jyiXOx/Y4v34TUeDDXJpZqAWQn/08lKGeD8aDp9TMn9jDz2CiEuHwfhRmGBvpnd/PWIQ==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/android-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/android-x64/-/android-x64-0.25.11.tgz",
+			"integrity": "sha512-Sgiab4xBjPU1QoPEIqS3Xx+R2lezu0LKIEcYe6pftr56PqPygbB7+szVnzoShbx64MUupqoE0KyRlN7gezbl8g==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"android"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/darwin-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/darwin-arm64/-/darwin-arm64-0.25.11.tgz",
+			"integrity": "sha512-VekY0PBCukppoQrycFxUqkCojnTQhdec0vevUL/EDOCnXd9LKWqD/bHwMPzigIJXPhC59Vd1WFIL57SKs2mg4w==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/darwin-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/darwin-x64/-/darwin-x64-0.25.11.tgz",
+			"integrity": "sha512-+hfp3yfBalNEpTGp9loYgbknjR695HkqtY3d3/JjSRUyPg/xd6q+mQqIb5qdywnDxRZykIHs3axEqU6l1+oWEQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"darwin"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/freebsd-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.11.tgz",
+			"integrity": "sha512-CmKjrnayyTJF2eVuO//uSjl/K3KsMIeYeyN7FyDBjsR3lnSJHaXlVoAK8DZa7lXWChbuOk7NjAc7ygAwrnPBhA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/freebsd-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/freebsd-x64/-/freebsd-x64-0.25.11.tgz",
+			"integrity": "sha512-Dyq+5oscTJvMaYPvW3x3FLpi2+gSZTCE/1ffdwuM6G1ARang/mb3jvjxs0mw6n3Lsw84ocfo9CrNMqc5lTfGOw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"freebsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-arm": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-arm/-/linux-arm-0.25.11.tgz",
+			"integrity": "sha512-TBMv6B4kCfrGJ8cUPo7vd6NECZH/8hPpBHHlYI3qzoYFvWu2AdTvZNuU/7hsbKWqu/COU7NIK12dHAAqBLLXgw==",
+			"cpu": [
+				"arm"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-arm64/-/linux-arm64-0.25.11.tgz",
+			"integrity": "sha512-Qr8AzcplUhGvdyUF08A1kHU3Vr2O88xxP0Tm8GcdVOUm25XYcMPp2YqSVHbLuXzYQMf9Bh/iKx7YPqECs6ffLA==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-ia32": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-ia32/-/linux-ia32-0.25.11.tgz",
+			"integrity": "sha512-TmnJg8BMGPehs5JKrCLqyWTVAvielc615jbkOirATQvWWB1NMXY77oLMzsUjRLa0+ngecEmDGqt5jiDC6bfvOw==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-loong64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-loong64/-/linux-loong64-0.25.11.tgz",
+			"integrity": "sha512-DIGXL2+gvDaXlaq8xruNXUJdT5tF+SBbJQKbWy/0J7OhU8gOHOzKmGIlfTTl6nHaCOoipxQbuJi7O++ldrxgMw==",
+			"cpu": [
+				"loong64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-mips64el": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-mips64el/-/linux-mips64el-0.25.11.tgz",
+			"integrity": "sha512-Osx1nALUJu4pU43o9OyjSCXokFkFbyzjXb6VhGIJZQ5JZi8ylCQ9/LFagolPsHtgw6himDSyb5ETSfmp4rpiKQ==",
+			"cpu": [
+				"mips64el"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-ppc64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-ppc64/-/linux-ppc64-0.25.11.tgz",
+			"integrity": "sha512-nbLFgsQQEsBa8XSgSTSlrnBSrpoWh7ioFDUmwo158gIm5NNP+17IYmNWzaIzWmgCxq56vfr34xGkOcZ7jX6CPw==",
+			"cpu": [
+				"ppc64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-riscv64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-riscv64/-/linux-riscv64-0.25.11.tgz",
+			"integrity": "sha512-HfyAmqZi9uBAbgKYP1yGuI7tSREXwIb438q0nqvlpxAOs3XnZ8RsisRfmVsgV486NdjD7Mw2UrFSw51lzUk1ww==",
+			"cpu": [
+				"riscv64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-s390x": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-s390x/-/linux-s390x-0.25.11.tgz",
+			"integrity": "sha512-HjLqVgSSYnVXRisyfmzsH6mXqyvj0SA7pG5g+9W7ESgwA70AXYNpfKBqh1KbTxmQVaYxpzA/SvlB9oclGPbApw==",
+			"cpu": [
+				"s390x"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/linux-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/linux-x64/-/linux-x64-0.25.11.tgz",
+			"integrity": "sha512-HSFAT4+WYjIhrHxKBwGmOOSpphjYkcswF449j6EjsjbinTZbp8PJtjsVK1XFJStdzXdy/jaddAep2FGY+wyFAQ==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"linux"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/netbsd-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/netbsd-x64/-/netbsd-x64-0.25.11.tgz",
+			"integrity": "sha512-u7tKA+qbzBydyj0vgpu+5h5AeudxOAGncb8N6C9Kh1N4n7wU1Xw1JDApsRjpShRpXRQlJLb9wY28ELpwdPcZ7A==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"netbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/openbsd-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/openbsd-x64/-/openbsd-x64-0.25.11.tgz",
+			"integrity": "sha512-CN+7c++kkbrckTOz5hrehxWN7uIhFFlmS/hqziSFVWpAzpWrQoAG4chH+nN3Be+Kzv/uuo7zhX716x3Sn2Jduw==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"openbsd"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/sunos-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/sunos-x64/-/sunos-x64-0.25.11.tgz",
+			"integrity": "sha512-nq2xdYaWxyg9DcIyXkZhcYulC6pQ2FuCgem3LI92IwMgIZ69KHeY8T4Y88pcwoLIjbed8n36CyKoYRDygNSGhA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"sunos"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/win32-arm64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/win32-arm64/-/win32-arm64-0.25.11.tgz",
+			"integrity": "sha512-3XxECOWJq1qMZ3MN8srCJ/QfoLpL+VaxD/WfNRm1O3B4+AZ/BnLVgFbUV3eiRYDMXetciH16dwPbbHqwe1uU0Q==",
+			"cpu": [
+				"arm64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/win32-ia32": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/win32-ia32/-/win32-ia32-0.25.11.tgz",
+			"integrity": "sha512-3ukss6gb9XZ8TlRyJlgLn17ecsK4NSQTmdIXRASVsiS2sQ6zPPZklNJT5GR5tE/MUarymmy8kCEf5xPCNCqVOA==",
+			"cpu": [
+				"ia32"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/@esbuild/win32-x64": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/@esbuild/win32-x64/-/win32-x64-0.25.11.tgz",
+			"integrity": "sha512-D7Hpz6A2L4hzsRpPaCYkQnGOotdUpDzSGRIv9I+1ITdHROSFUWW95ZPZWQmGka1Fg7W3zFJowyn9WGwMJ0+KPA==",
+			"cpu": [
+				"x64"
+			],
+			"license": "MIT",
+			"optional": true,
+			"os": [
+				"win32"
+			],
+			"engines": {
+				"node": ">=18"
+			}
+		},
+		"node_modules/vite/node_modules/esbuild": {
+			"version": "0.25.11",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/esbuild/-/esbuild-0.25.11.tgz",
+			"integrity": "sha512-KohQwyzrKTQmhXDW1PjCv3Tyspn9n5GcY2RTDqeORIdIJY8yKIF7sTSopFmn/wpMPW4rdPXI0UE5LJLuq3bx0Q==",
+			"hasInstallScript": true,
+			"license": "MIT",
+			"bin": {
+				"esbuild": "bin/esbuild"
+			},
+			"engines": {
+				"node": ">=18"
+			},
+			"optionalDependencies": {
+				"@esbuild/aix-ppc64": "0.25.11",
+				"@esbuild/android-arm": "0.25.11",
+				"@esbuild/android-arm64": "0.25.11",
+				"@esbuild/android-x64": "0.25.11",
+				"@esbuild/darwin-arm64": "0.25.11",
+				"@esbuild/darwin-x64": "0.25.11",
+				"@esbuild/freebsd-arm64": "0.25.11",
+				"@esbuild/freebsd-x64": "0.25.11",
+				"@esbuild/linux-arm": "0.25.11",
+				"@esbuild/linux-arm64": "0.25.11",
+				"@esbuild/linux-ia32": "0.25.11",
+				"@esbuild/linux-loong64": "0.25.11",
+				"@esbuild/linux-mips64el": "0.25.11",
+				"@esbuild/linux-ppc64": "0.25.11",
+				"@esbuild/linux-riscv64": "0.25.11",
+				"@esbuild/linux-s390x": "0.25.11",
+				"@esbuild/linux-x64": "0.25.11",
+				"@esbuild/netbsd-arm64": "0.25.11",
+				"@esbuild/netbsd-x64": "0.25.11",
+				"@esbuild/openbsd-arm64": "0.25.11",
+				"@esbuild/openbsd-x64": "0.25.11",
+				"@esbuild/openharmony-arm64": "0.25.11",
+				"@esbuild/sunos-x64": "0.25.11",
+				"@esbuild/win32-arm64": "0.25.11",
+				"@esbuild/win32-ia32": "0.25.11",
+				"@esbuild/win32-x64": "0.25.11"
+			}
+		},
+		"node_modules/wrap-ansi": {
+			"version": "6.2.0",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+			"integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+			"license": "MIT",
+			"dependencies": {
+				"ansi-styles": "^4.0.0",
+				"string-width": "^4.1.0",
+				"strip-ansi": "^6.0.0"
+			},
+			"engines": {
+				"node": ">=8"
+			}
+		},
+		"node_modules/ws": {
+			"version": "8.18.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/ws/-/ws-8.18.3.tgz",
+			"integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=10.0.0"
+			},
+			"peerDependencies": {
+				"bufferutil": "^4.0.1",
+				"utf-8-validate": ">=5.0.2"
+			},
+			"peerDependenciesMeta": {
+				"bufferutil": {
+					"optional": true
+				},
+				"utf-8-validate": {
+					"optional": true
+				}
+			}
+		},
+		"node_modules/y18n": {
+			"version": "5.0.8",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/y18n/-/y18n-5.0.8.tgz",
+			"integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=10"
+			}
+		},
+		"node_modules/yargs": {
+			"version": "17.7.2",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/yargs/-/yargs-17.7.2.tgz",
+			"integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+			"license": "MIT",
+			"dependencies": {
+				"cliui": "^8.0.1",
+				"escalade": "^3.1.1",
+				"get-caller-file": "^2.0.5",
+				"require-directory": "^2.1.1",
+				"string-width": "^4.2.3",
+				"y18n": "^5.0.5",
+				"yargs-parser": "^21.1.1"
+			},
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/yargs-parser": {
+			"version": "21.1.1",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/yargs-parser/-/yargs-parser-21.1.1.tgz",
+			"integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+			"license": "ISC",
+			"engines": {
+				"node": ">=12"
+			}
+		},
+		"node_modules/yoctocolors-cjs": {
+			"version": "2.1.3",
+			"resolved": "https://repos.verz.local/artifactory/api/npm/npm/yoctocolors-cjs/-/yoctocolors-cjs-2.1.3.tgz",
+			"integrity": "sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==",
+			"license": "MIT",
+			"engines": {
+				"node": ">=18"
+			},
+			"funding": {
+				"url": "https://github.com/sponsors/sindresorhus"
+			}
+		}
+	}
+}
diff --git a/client/js/package.json b/client/js/package.json
new file mode 100644
index 0000000..0d67308
--- /dev/null
+++ b/client/js/package.json
@@ -0,0 +1,46 @@
+{
+	"name": "@gradio/client",
+	"version": "2.3.1",
+	"description": "Gradio API client",
+	"type": "module",
+	"main": "dist/index.js",
+	"author": "",
+	"license": "ISC",
+	"exports": {
+		".": {
+			"gradio": "./src/index.ts",
+			"browser": "./dist/browser.js",
+			"import": "./dist/index.js",
+			"default": "./dist/index.js"
+		},
+		"./package.json": "./package.json",
+		"./browser.js": "./dist/browser.js"
+	},
+	"dependencies": {
+		"fetch-event-stream": "^0.1.5"
+	},
+	"devDependencies": {
+		"msw": "^2.11.3",
+		"typescript": "^5.9.3"
+	},
+	"scripts": {
+		"bundle": "vite build --ssr",
+		"bundle:browser": "BROWSER_BUILD=true vite build",
+		"generate_types": "tsc",
+		"clean": "rm -rf dist",
+		"build": "pnpm clean && pnpm bundle && pnpm bundle:browser && pnpm generate_types",
+		"test": "pnpm test:browser && pnpm test:node",
+		"test:browser": "vitest run -c vite.config.ts",
+		"test:node": "NODE_NO_WARNINGS=1 TEST_MODE=node vitest run -c vite.config.ts",
+		"preview:browser": "vite dev --mode=preview"
+	},
+	"engines": {
+		"node": ">=18.0.0"
+	},
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "client/js"
+	}
+}
diff --git a/client/js/src/client.ts b/client/js/src/client.ts
new file mode 100644
index 0000000..047b22c
--- /dev/null
+++ b/client/js/src/client.ts
@@ -0,0 +1,552 @@
+import type {
+	ApiData,
+	ApiInfo,
+	ClientOptions,
+	Config,
+	DuplicateOptions,
+	EndpointInfo,
+	JsApiData,
+	PredictReturn,
+	SpaceStatus,
+	Status,
+	UploadResponse,
+	client_return,
+	SubmitIterable,
+	GradioEvent
+} from "./types";
+import { view_api } from "./utils/view_api";
+import { upload_files } from "./utils/upload_files";
+import { upload, FileData } from "./upload";
+import { handle_blob } from "./utils/handle_blob";
+import { post_data } from "./utils/post_data";
+import { predict } from "./utils/predict";
+import { duplicate } from "./utils/duplicate";
+import { submit } from "./utils/submit";
+import { RE_SPACE_NAME, process_endpoint } from "./helpers/api_info";
+import {
+	map_names_to_ids,
+	resolve_cookies,
+	resolve_config,
+	get_jwt,
+	parse_and_set_cookies
+} from "./helpers/init_helpers";
+import { check_and_wake_space, check_space_status } from "./helpers/spaces";
+import { initialize_zerogpu_handshake } from "./helpers/zerogpu";
+import { open_stream, readable_stream, close_stream } from "./utils/stream";
+import {
+	API_INFO_ERROR_MSG,
+	APP_ID_URL,
+	CONFIG_ERROR_MSG,
+	HEARTBEAT_URL,
+	COMPONENT_SERVER_URL
+} from "./constants";
+declare const BROWSER_BUILD: boolean;
+
+export class Client {
+	app_reference: string;
+	options: ClientOptions;
+	deep_link: string | null = null;
+
+	config: Config | undefined;
+	api_prefix = "";
+	api_info: ApiInfo<JsApiData> | undefined;
+	api_map: Record<string, number> = {};
+	session_hash: string = Math.random().toString(36).substring(2);
+	jwt: string | false = false;
+	last_status: Record<string, Status["stage"]> = {};
+
+	private cookies: string | null = null;
+
+	// streaming
+	stream_status = { open: false };
+	closed = false;
+	pending_stream_messages: Record<string, any[][]> = {};
+	pending_diff_streams: Record<string, any[][]> = {};
+	event_callbacks: Record<string, (data?: unknown) => Promise<void>> = {};
+	unclosed_events: Set<string> = new Set();
+	heartbeat_event: EventSource | null = null;
+	abort_controller: AbortController | null = null;
+	stream_instance: EventSource | null = null;
+	current_payload: any;
+
+	get_url_config(url: string | null = null): Config {
+		if (!this.config) {
+			throw new Error(CONFIG_ERROR_MSG);
+		}
+		if (url === null) {
+			url = window.location.href;
+		}
+		const stripSlashes = (str: string): string => str.replace(/^\/+|\/+$/g, "");
+		let root_path = stripSlashes(new URL(this.config.root).pathname);
+		let url_path = stripSlashes(new URL(url).pathname);
+		let page: string;
+		if (!url_path.startsWith(root_path)) {
+			page = "";
+		} else {
+			page = stripSlashes(url_path.substring(root_path.length));
+		}
+		return this.get_page_config(page);
+	}
+	get_page_config(page: string): Config {
+		if (!this.config) {
+			throw new Error(CONFIG_ERROR_MSG);
+		}
+		let config = this.config;
+		if (!(page in config.page)) {
+			page = "";
+		}
+		return {
+			...config,
+			current_page: page,
+			layout: config.page[page].layout,
+			components: config.components.filter((c) =>
+				config.page[page].components.includes(c.id)
+			),
+			dependencies: this.config.dependencies.filter((d) =>
+				config.page[page].dependencies.includes(d.id)
+			)
+		};
+	}
+
+	fetch(input: RequestInfo | URL, init?: RequestInit): Promise<Response> {
+		const headers = new Headers(init?.headers || {});
+		if (this && this.cookies) {
+			headers.append("Cookie", this.cookies);
+		}
+		if (this && this.options.headers) {
+			let additional_headers = new Headers(this.options.headers);
+
+			additional_headers.forEach((value, name) => {
+				headers.append(name, value);
+			});
+		}
+
+		return fetch(input, { ...init, headers });
+	}
+
+	stream(url: URL): EventSource {
+		const headers = new Headers();
+		if (this && this.cookies) {
+			headers.append("Cookie", this.cookies);
+		}
+		if (this && this.options.headers) {
+			let additional_headers = new Headers(this.options.headers);
+
+			additional_headers.forEach((value, name) => {
+				headers.append(name, value);
+			});
+		}
+		if (this && this.options.token) {
+			headers.append("Authorization", `Bearer ${this.options.token}`);
+		}
+
+		this.abort_controller = new AbortController();
+
+		this.stream_instance = readable_stream(url.toString(), {
+			credentials: this.options.credentials ?? "same-origin",
+			headers: headers,
+			signal: this.abort_controller.signal
+		});
+
+		return this.stream_instance;
+	}
+
+	view_api: () => Promise<ApiInfo<JsApiData>>;
+	upload_files: (
+		root_url: string,
+		files: (Blob | File)[],
+		upload_id?: string
+	) => Promise<UploadResponse>;
+	upload: (
+		file_data: FileData[],
+		root_url: string,
+		upload_id?: string,
+		max_file_size?: number
+	) => Promise<(FileData | null)[] | null>;
+	handle_blob: (
+		endpoint: string,
+		data: unknown[],
+		endpoint_info: EndpointInfo<ApiData | JsApiData>
+	) => Promise<unknown[]>;
+	post_data: (
+		url: string,
+		body: unknown,
+		additional_headers?: any
+	) => Promise<unknown[]>;
+	submit: (
+		endpoint: string | number,
+		data: unknown[] | Record<string, unknown> | undefined,
+		event_data?: unknown,
+		trigger_id?: number | null,
+		all_events?: boolean
+	) => SubmitIterable<GradioEvent>;
+	predict: <T = unknown>(
+		endpoint: string | number,
+		data: unknown[] | Record<string, unknown> | undefined,
+		event_data?: unknown
+	) => Promise<PredictReturn<T>>;
+	open_stream: () => Promise<void>;
+	private resolve_config: (endpoint: string) => Promise<Config | undefined>;
+	private resolve_cookies: () => Promise<void>;
+	constructor(
+		app_reference: string,
+		options: ClientOptions = { events: ["data"] }
+	) {
+		this.app_reference = app_reference;
+		this.deep_link = options.query_params?.deep_link || null;
+		if (!options.events) {
+			options.events = ["data"];
+		}
+
+		this.options = options;
+		this.current_payload = {};
+
+		if (options.cookies) {
+			this.cookies = options.cookies;
+		}
+
+		this.view_api = view_api.bind(this);
+		this.upload_files = upload_files.bind(this);
+		this.handle_blob = handle_blob.bind(this);
+		this.post_data = post_data.bind(this);
+		this.submit = submit.bind(this);
+		this.predict = predict.bind(this) as typeof this.predict;
+		this.open_stream = open_stream.bind(this);
+		this.resolve_config = resolve_config.bind(this);
+		this.resolve_cookies = resolve_cookies.bind(this);
+		this.upload = upload.bind(this);
+		this.fetch = this.fetch.bind(this);
+		this.handle_space_success = this.handle_space_success.bind(this);
+		this.stream = this.stream.bind(this);
+	}
+
+	private async init(): Promise<void> {
+		initialize_zerogpu_handshake();
+
+		if (this.options.auth) {
+			await this.resolve_cookies();
+		}
+
+		await this._resolve_config().then(({ config }) =>
+			this._resolve_heartbeat(config)
+		);
+
+		this.api_info = await this.view_api();
+		this.api_map = map_names_to_ids(this.config?.dependencies || []);
+	}
+
+	async _resolve_heartbeat(_config: Config): Promise<void> {
+		if (_config) {
+			this.config = _config;
+			this.api_prefix = _config.api_prefix || "";
+
+			if (this.config && this.config.connect_heartbeat) {
+				if (this.config.space_id && this.options.token) {
+					this.jwt = await get_jwt(
+						this.config.space_id,
+						this.options.token,
+						this.cookies
+					);
+				}
+			}
+		}
+
+		if (_config.space_id && this.options.token) {
+			this.jwt = await get_jwt(_config.space_id, this.options.token);
+		}
+
+		if (this.config && this.config.connect_heartbeat) {
+			// connect to the heartbeat endpoint via GET request
+			const heartbeat_url = new URL(
+				`${this.config.root}${this.api_prefix}/${HEARTBEAT_URL}/${this.session_hash}`
+			);
+
+			// if the jwt is available, add it to the query params
+			if (this.jwt) {
+				heartbeat_url.searchParams.set("__sign", this.jwt);
+			}
+
+			// Just connect to the endpoint without parsing the response. Ref: https://github.com/gradio-app/gradio/pull/7974#discussion_r1557717540
+			if (!this.heartbeat_event) {
+				this.heartbeat_event = this.stream(heartbeat_url);
+			}
+		}
+	}
+
+	static async connect(
+		app_reference: string,
+		options: ClientOptions = {
+			events: ["data"]
+		}
+	): Promise<Client> {
+		const client = new this(app_reference, options); // this refers to the class itself, not the instance
+		if (options.session_hash) {
+			client.session_hash = options.session_hash;
+		}
+		await client.init();
+		return client;
+	}
+
+	async reconnect(): Promise<"connected" | "broken" | "changed"> {
+		const app_id_url = new URL(
+			`${this.config!.root}${this.api_prefix}/${APP_ID_URL}`
+		);
+		let app_id: string;
+		try {
+			const response = await this.fetch(app_id_url);
+			if (!response.ok) {
+				throw new Error();
+			}
+			app_id = ((await response.json()) as any).app_id;
+		} catch (e) {
+			return "broken";
+		}
+		if (app_id !== this.config!.app_id) {
+			return "changed";
+		}
+		return "connected";
+	}
+
+	close(): void {
+		this.closed = true;
+		close_stream(this.stream_status, this.abort_controller);
+	}
+
+	set_current_payload(payload: any): void {
+		this.current_payload = payload;
+	}
+
+	static async duplicate(
+		app_reference: string,
+		options: DuplicateOptions = {
+			events: ["data"]
+		}
+	): Promise<Client> {
+		return duplicate(app_reference, options);
+	}
+
+	private async _resolve_config(): Promise<any> {
+		const { http_protocol, host, space_id } = await process_endpoint(
+			this.app_reference,
+			this.options.token
+		);
+
+		const { status_callback } = this.options;
+
+		if (space_id && status_callback) {
+			await check_and_wake_space(space_id, status_callback);
+		}
+
+		let config: Config | undefined;
+
+		try {
+			// Create base URL
+			let configUrl = `${http_protocol}//${host}`;
+			config = await this.resolve_config(configUrl);
+
+			if (!config) {
+				throw new Error(CONFIG_ERROR_MSG);
+			}
+
+			return this.config_success(config);
+		} catch (e: any) {
+			if (space_id && status_callback) {
+				check_space_status(
+					space_id,
+					RE_SPACE_NAME.test(space_id) ? "space_name" : "subdomain",
+					this.handle_space_success
+				);
+			} else {
+				if (status_callback)
+					status_callback({
+						status: "error",
+						message: "Could not load this space.",
+						load_status: "error",
+						detail: "NOT_FOUND"
+					});
+				throw Error(e);
+			}
+		}
+	}
+
+	private async config_success(
+		_config: Config
+	): Promise<Config | client_return> {
+		this.config = _config;
+		this.api_prefix = _config.api_prefix || "";
+
+		if (this.config.auth_required) {
+			return this.prepare_return_obj();
+		}
+
+		try {
+			this.api_info = await this.view_api();
+		} catch (e) {
+			console.error(API_INFO_ERROR_MSG + (e as Error).message);
+		}
+
+		return this.prepare_return_obj();
+	}
+
+	async handle_space_success(status: SpaceStatus): Promise<Config | void> {
+		if (!this) {
+			throw new Error(CONFIG_ERROR_MSG);
+		}
+		const { status_callback } = this.options;
+		if (status_callback) status_callback(status);
+		if (status.status === "running") {
+			try {
+				this.config = await this._resolve_config();
+				this.api_prefix = this?.config?.api_prefix || "";
+
+				if (!this.config) {
+					throw new Error(CONFIG_ERROR_MSG);
+				}
+
+				const _config = await this.config_success(this.config);
+
+				return _config as Config;
+			} catch (e) {
+				if (status_callback) {
+					status_callback({
+						status: "error",
+						message: "Could not load this space.",
+						load_status: "error",
+						detail: "NOT_FOUND"
+					});
+				}
+				throw e;
+			}
+		}
+	}
+
+	public async component_server(
+		component_id: number,
+		fn_name: string,
+		data: unknown | { binary: boolean; data: Record<string, any> }
+	): Promise<unknown> {
+		if (!this.config) {
+			throw new Error(CONFIG_ERROR_MSG);
+		}
+
+		const headers: {
+			Authorization?: string;
+			"Content-Type"?: "application/json";
+		} = {};
+
+		const { token } = this.options;
+		const { session_hash } = this;
+
+		if (token) {
+			headers.Authorization = `Bearer ${this.options.token}`;
+		}
+
+		let root_url: string;
+		let component = this.config.components.find(
+			(comp) => comp.id === component_id
+		);
+		if (component?.props?.root_url) {
+			root_url = component.props.root_url;
+		} else {
+			root_url = this.config.root;
+		}
+
+		let body: FormData | string;
+
+		if (typeof data === "object" && data !== null && "binary" in data) {
+			const _data = data as { binary: boolean; data: Record<string, any> };
+			body = new FormData();
+			for (const key in _data.data) {
+				if (key === "binary") continue;
+				body.append(key, _data.data[key]);
+			}
+			body.set("component_id", component_id.toString());
+			body.set("fn_name", fn_name);
+			body.set("session_hash", session_hash);
+		} else {
+			body = JSON.stringify({
+				data: data,
+				component_id,
+				fn_name,
+				session_hash
+			});
+
+			headers["Content-Type"] = "application/json";
+		}
+
+		if (token) {
+			headers.Authorization = `Bearer ${token}`;
+		}
+
+		try {
+			const response = await this.fetch(
+				`${root_url}${this.api_prefix}/${COMPONENT_SERVER_URL}/`,
+				{
+					method: "POST",
+					body: body,
+					headers,
+					credentials: this.options.credentials ?? "same-origin"
+				}
+			);
+
+			if (!response.ok) {
+				throw new Error(
+					"Could not connect to component server: " + response.statusText
+				);
+			}
+
+			const output = await response.json();
+			return output;
+		} catch (e) {
+			console.warn(e);
+		}
+	}
+
+	public set_cookies(raw_cookies: string): void {
+		this.cookies = parse_and_set_cookies(raw_cookies).join("; ");
+	}
+
+	private prepare_return_obj(): client_return {
+		return {
+			config: this.config,
+			predict: this.predict,
+			submit: this.submit,
+			view_api: this.view_api,
+			component_server: this.component_server
+		};
+	}
+}
+
+/**
+ * @deprecated This method will be removed in v1.0. Use `Client.connect()` instead.
+ * Creates a client instance for interacting with Gradio apps.
+ *
+ * @param {string} app_reference - The reference or URL to a Gradio space or app.
+ * @param {ClientOptions} options - Configuration options for the client.
+ * @returns {Promise<Client>} A promise that resolves to a `Client` instance.
+ */
+export async function client(
+	app_reference: string,
+	options: ClientOptions = {
+		events: ["data"]
+	}
+): Promise<Client> {
+	return await Client.connect(app_reference, options);
+}
+
+/**
+ * @deprecated This method will be removed in v1.0. Use `Client.duplicate()` instead.
+ * Creates a duplicate of a space and returns a client instance for the duplicated space.
+ *
+ * @param {string} app_reference - The reference or URL to a Gradio space or app to duplicate.
+ * @param {DuplicateOptions} options - Configuration options for the client.
+ * @returns {Promise<Client>} A promise that resolves to a `Client` instance.
+ */
+export async function duplicate_space(
+	app_reference: string,
+	options: DuplicateOptions
+): Promise<Client> {
+	return await Client.duplicate(app_reference, options);
+}
+
+export type ClientInstance = Client;
diff --git a/client/js/src/constants.ts b/client/js/src/constants.ts
new file mode 100644
index 0000000..ba0e83b
--- /dev/null
+++ b/client/js/src/constants.ts
@@ -0,0 +1,41 @@
+// endpoints
+export const HOST_URL = `host`;
+export const API_URL = `predict/`;
+export const SSE_URL_V0 = `queue/join`;
+export const SSE_DATA_URL_V0 = `queue/data`;
+export const SSE_URL = `queue/data`;
+export const SSE_DATA_URL = `queue/join`;
+export const UPLOAD_URL = `upload`;
+export const LOGIN_URL = `login`;
+export const CONFIG_URL = `config`;
+export const API_INFO_URL = `info`;
+export const RUNTIME_URL = `runtime`;
+export const SLEEPTIME_URL = `sleeptime`;
+export const HEARTBEAT_URL = `heartbeat`;
+export const COMPONENT_SERVER_URL = `component_server`;
+export const RESET_URL = `reset`;
+export const CANCEL_URL = `cancel`;
+export const APP_ID_URL = `app_id`;
+
+export const RAW_API_INFO_URL = `info?serialize=False`;
+export const SPACE_FETCHER_URL =
+	"https://gradio-space-api-fetcher-v2.hf.space/api";
+export const SPACE_URL = "https://hf.space/{}";
+
+// messages
+export const QUEUE_FULL_MSG =
+	"This application is currently busy. Please try again. ";
+export const BROKEN_CONNECTION_MSG = "Connection errored out. ";
+export const CONFIG_ERROR_MSG = "Could not resolve app config. ";
+export const SPACE_STATUS_ERROR_MSG = "Could not get space status. ";
+export const API_INFO_ERROR_MSG = "Could not get API info. ";
+export const SPACE_METADATA_ERROR_MSG = "Space metadata could not be loaded. ";
+export const INVALID_URL_MSG = "Invalid URL. A full URL path is required.";
+export const UNAUTHORIZED_MSG = "Not authorized to access this space. ";
+export const INVALID_CREDENTIALS_MSG = "Invalid credentials. Could not login. ";
+export const MISSING_CREDENTIALS_MSG =
+	"Login credentials are required to access this space.";
+export const NODEJS_FS_ERROR_MSG =
+	"File system access is only available in Node.js environments";
+export const ROOT_URL_ERROR_MSG = "Root URL not found in client config";
+export const FILE_PROCESSING_ERROR_MSG = "Error uploading file";
diff --git a/client/js/src/globals.d.ts b/client/js/src/globals.d.ts
new file mode 100644
index 0000000..1ba2e1c
--- /dev/null
+++ b/client/js/src/globals.d.ts
@@ -0,0 +1,13 @@
+import { ApiData, ApiInfo, Config } from "./types";
+
+declare global {
+	interface Window {
+		__gradio_mode__: "app" | "website";
+		gradio_config: Config;
+		gradio_api_info: ApiInfo<ApiData> | { api: ApiInfo<ApiData> };
+		__is_colab__: boolean;
+		__gradio_space__: string | null;
+		supports_zerogpu_headers?: boolean;
+		BUILD_MODE?: "dev" | "production";
+	}
+}
diff --git a/client/js/src/helpers/api_info.ts b/client/js/src/helpers/api_info.ts
new file mode 100644
index 0000000..8da9410
--- /dev/null
+++ b/client/js/src/helpers/api_info.ts
@@ -0,0 +1,479 @@
+import {
+	HOST_URL,
+	INVALID_URL_MSG,
+	QUEUE_FULL_MSG,
+	SPACE_METADATA_ERROR_MSG
+} from "../constants";
+import type {
+	ApiData,
+	ApiInfo,
+	Config,
+	JsApiData,
+	EndpointInfo,
+	Status
+} from "../types";
+import { determine_protocol } from "./init_helpers";
+
+export const RE_SPACE_NAME = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/;
+export const RE_SPACE_DOMAIN = /.*hf\.space\/{0,1}.*$/;
+
+export async function process_endpoint(
+	app_reference: string,
+	token?: `hf_${string}`
+): Promise<{
+	space_id: string | false;
+	host: string;
+	ws_protocol: "ws" | "wss";
+	http_protocol: "http:" | "https:";
+}> {
+	const headers: { Authorization?: string } = {};
+	if (token) {
+		headers.Authorization = `Bearer ${token}`;
+	}
+
+	const _app_reference = app_reference.trim().replace(/\/$/, "");
+
+	if (RE_SPACE_NAME.test(_app_reference)) {
+		// app_reference is a HF space name
+		try {
+			const res = await fetch(
+				`https://huggingface.co/api/spaces/${_app_reference}/${HOST_URL}`,
+				{ headers }
+			);
+
+			const _host = (await res.json()).host;
+
+			return {
+				space_id: app_reference,
+				...determine_protocol(_host)
+			};
+		} catch (e) {
+			throw new Error(SPACE_METADATA_ERROR_MSG);
+		}
+	}
+
+	if (RE_SPACE_DOMAIN.test(_app_reference)) {
+		// app_reference is a direct HF space domain
+		const { ws_protocol, http_protocol, host } =
+			determine_protocol(_app_reference);
+
+		return {
+			space_id: host.split("/")[0].replace(".hf.space", ""),
+			ws_protocol,
+			http_protocol,
+			host
+		};
+	}
+
+	return {
+		space_id: false,
+		...determine_protocol(_app_reference)
+	};
+}
+
+export const join_urls = (...urls: string[]): string => {
+	try {
+		return urls.reduce((base_url: string, part: string) => {
+			base_url = base_url.replace(/\/+$/, "");
+			part = part.replace(/^\/+/, "");
+			return new URL(part, base_url + "/").toString();
+		});
+	} catch (e) {
+		throw new Error(INVALID_URL_MSG);
+	}
+};
+
+export function transform_api_info(
+	api_info: ApiInfo<ApiData>,
+	config: Config,
+	api_map: Record<string, number>
+): ApiInfo<JsApiData> {
+	const transformed_info: ApiInfo<JsApiData> = {
+		named_endpoints: {},
+		unnamed_endpoints: {}
+	};
+
+	Object.keys(api_info).forEach((category) => {
+		if (category === "named_endpoints" || category === "unnamed_endpoints") {
+			transformed_info[category] = {};
+
+			Object.entries(api_info[category]).forEach(
+				([endpoint, { parameters, returns }]) => {
+					const dependencyIndex =
+						config.dependencies.find(
+							(dep) =>
+								dep.api_name === endpoint ||
+								dep.api_name === endpoint.replace("/", "")
+						)?.id ||
+						api_map[endpoint.replace("/", "")] ||
+						-1;
+
+					const dependencyTypes =
+						dependencyIndex !== -1
+							? config.dependencies.find((dep) => dep.id == dependencyIndex)
+									?.types
+							: { generator: false, cancel: false };
+
+					if (
+						dependencyIndex !== -1 &&
+						config.dependencies.find((dep) => dep.id == dependencyIndex)?.inputs
+							?.length !== parameters.length
+					) {
+						const components = config.dependencies
+							.find((dep) => dep.id == dependencyIndex)!
+							.inputs.map(
+								(input) => config.components.find((c) => c.id === input)?.type
+							);
+
+						try {
+							components.forEach((comp, idx) => {
+								if (comp === "state") {
+									const new_param = {
+										component: "state",
+										example: null,
+										parameter_default: null,
+										parameter_has_default: true,
+										parameter_name: null,
+										hidden: true
+									};
+
+									// @ts-ignore
+									parameters.splice(idx, 0, new_param);
+								}
+							});
+						} catch (e) {
+							console.error(e);
+						}
+					}
+
+					const transform_type = (
+						data: ApiData,
+						component: string,
+						serializer: string,
+						signature_type: "return" | "parameter"
+					): JsApiData => ({
+						...data,
+						description: get_description(data?.type, serializer),
+						type:
+							get_type(data?.type, component, serializer, signature_type) || ""
+					});
+
+					transformed_info[category][endpoint] = {
+						parameters: parameters.map((p: ApiData) =>
+							transform_type(p, p?.component, p?.serializer, "parameter")
+						),
+						returns: returns.map((r: ApiData) =>
+							transform_type(r, r?.component, r?.serializer, "return")
+						),
+						type: dependencyTypes
+					};
+				}
+			);
+		}
+	});
+
+	return transformed_info;
+}
+
+export function get_type(
+	type: { type: any; description: string },
+	component: string,
+	serializer: string,
+	signature_type: "return" | "parameter"
+): string | undefined {
+	if (component === "Api") return type.type;
+	switch (type?.type) {
+		case "string":
+			return "string";
+		case "boolean":
+			return "boolean";
+		case "number":
+			return "number";
+	}
+
+	if (
+		serializer === "JSONSerializable" ||
+		serializer === "StringSerializable"
+	) {
+		return "any";
+	} else if (serializer === "ListStringSerializable") {
+		return "string[]";
+	} else if (component === "Image") {
+		return signature_type === "parameter" ? "Blob | File | Buffer" : "string";
+	} else if (serializer === "FileSerializable") {
+		if (type?.type === "array") {
+			return signature_type === "parameter"
+				? "(Blob | File | Buffer)[]"
+				: `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}[]`;
+		}
+		return signature_type === "parameter"
+			? "Blob | File | Buffer"
+			: `{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}`;
+	} else if (serializer === "GallerySerializable") {
+		return signature_type === "parameter"
+			? "[(Blob | File | Buffer), (string | null)][]"
+			: `[{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}, (string | null))][]`;
+	}
+}
+
+export function get_description(
+	type: { type: any; description: string },
+	serializer: string
+): string {
+	if (serializer === "GallerySerializable") {
+		return "array of [file, label] tuples";
+	} else if (serializer === "ListStringSerializable") {
+		return "array of strings";
+	} else if (serializer === "FileSerializable") {
+		return "array of files or single file";
+	}
+	return type?.description;
+}
+
+export function handle_message(
+	data: any,
+	last_status: Status["stage"]
+): {
+	type:
+		| "hash"
+		| "data"
+		| "update"
+		| "complete"
+		| "generating"
+		| "log"
+		| "none"
+		| "heartbeat"
+		| "streaming"
+		| "broken_connection"
+		| "unexpected_error";
+	data?: any;
+	status?: Status;
+	original_msg?: string;
+} {
+	const queue = true;
+	switch (data.msg) {
+		case "send_data":
+			return { type: "data" };
+		case "send_hash":
+			return { type: "hash" };
+		case "queue_full":
+			return {
+				type: "update",
+				status: {
+					queue,
+					message: QUEUE_FULL_MSG,
+					stage: "error",
+					code: data.code,
+					success: data.success
+				}
+			};
+		case "heartbeat":
+			return {
+				type: "heartbeat"
+			};
+		case "unexpected_error":
+			return {
+				type: "unexpected_error",
+				status: {
+					queue,
+					message: data.message,
+					session_not_found: data.session_not_found,
+					stage: "error",
+					success: false
+				}
+			};
+		case "broken_connection":
+			return {
+				type: "broken_connection",
+				status: {
+					queue,
+					message: data.message,
+					stage: "error",
+					success: false
+				}
+			};
+		case "estimation":
+			return {
+				type: "update",
+				status: {
+					queue,
+					stage: last_status || "pending",
+					code: data.code,
+					size: data.queue_size,
+					position: data.rank,
+					eta: data.rank_eta,
+					success: data.success
+				}
+			};
+		case "progress":
+			return {
+				type: "update",
+				status: {
+					queue,
+					stage: "pending",
+					code: data.code,
+					progress_data: data.progress_data,
+					success: data.success
+				}
+			};
+		case "log":
+			return { type: "log", data: data };
+		case "process_generating":
+			return {
+				type: "generating",
+				status: {
+					queue,
+					message: !data.success ? data.output.error : null,
+					stage: data.success ? "generating" : "error",
+					code: data.code,
+					progress_data: data.progress_data,
+					eta: data.average_duration,
+					changed_state_ids: data.success
+						? data.output.changed_state_ids
+						: undefined
+				},
+				data: data.success ? data.output : null
+			};
+		case "process_streaming":
+			return {
+				type: "streaming",
+				status: {
+					queue,
+					message: data.output.error,
+					stage: "streaming",
+					time_limit: data.time_limit,
+					code: data.code,
+					progress_data: data.progress_data,
+					changed_state_ids: data.output.changed_state_ids,
+					eta: data.eta
+				},
+				data: data.output
+			};
+		case "process_completed":
+			if ("error" in data.output) {
+				return {
+					type: "update",
+					status: {
+						queue,
+						title: (data.output.title as string | null) ?? "Error",
+						message:
+							(data.output.error as string | null) ?? "An error occurred",
+						visible: data.output.visible as boolean,
+						duration: data.output.duration as number,
+						stage: "error",
+						code: data.code,
+						success: data.success
+					}
+				};
+			}
+			return {
+				type: "complete",
+				status: {
+					queue,
+					message: !data.success ? data.output.error : undefined,
+					stage: data.success ? "complete" : "error",
+					code: data.code,
+					progress_data: data.progress_data,
+					changed_state_ids: data.success
+						? data.output.changed_state_ids
+						: undefined,
+					used_cache: data.used_cache,
+					cache_duration: data.cache_duration,
+					avg_time: data.avg_time
+				},
+				data: data.success ? data.output : null
+			};
+
+		case "process_starts":
+			return {
+				type: "update",
+				status: {
+					queue,
+					stage: "pending",
+					code: data.code,
+					size: data.rank,
+					position: 0,
+					success: data.success,
+					eta: data.eta
+				},
+				original_msg: "process_starts"
+			};
+	}
+
+	return { type: "none", status: { stage: "error", queue } };
+}
+
+/**
+ * Maps the provided `data` to the parameters defined by the `/info` endpoint response.
+ * This allows us to support both positional and keyword arguments passed to the client
+ * and ensures that all parameters are either directly provided or have default values assigned.
+ *
+ * @param {unknown[] | Record<string, unknown>} data - The input data for the function,
+ *        which can be either an array of values for positional arguments or an object
+ *        with key-value pairs for keyword arguments.
+ * @param {JsApiData[]} parameters - Array of parameter descriptions retrieved from the
+ *        `/info` endpoint.
+ *
+ * @returns {unknown[]} - Returns an array of resolved data where each element corresponds
+ *         to the expected parameter from the API. The `parameter_default` value is used where
+ *         a value is not provided for a parameter, and optional parameters without defaults are
+ * 		   set to `undefined`.
+ *
+ * @throws {Error} - Throws an error:
+ *         - If more arguments are provided than are defined in the parameters.
+ *  *      - If no parameter value is provided for a required parameter and no default value is defined.
+ *         - If an argument is provided that does not match any defined parameter.
+ */
+
+export const map_data_to_params = (
+	data: unknown[] | Record<string, unknown> = [],
+	endpoint_info: EndpointInfo<JsApiData | ApiData>
+): unknown[] => {
+	// Workaround for the case where the endpoint_info is undefined
+	// See https://github.com/gradio-app/gradio/pull/8820#issuecomment-2237381761
+	const parameters = endpoint_info ? endpoint_info.parameters : [];
+
+	if (Array.isArray(data)) {
+		if (
+			endpoint_info &&
+			parameters.length > 0 &&
+			data.length > parameters.length
+		) {
+			console.warn("Too many arguments provided for the endpoint.");
+		}
+		return data;
+	}
+
+	const resolved_data: unknown[] = [];
+	const provided_keys = Object.keys(data);
+
+	parameters.forEach((param, index) => {
+		if (data.hasOwnProperty(param.parameter_name)) {
+			resolved_data[index] = data[param.parameter_name];
+		} else if (param.parameter_has_default) {
+			resolved_data[index] = param.parameter_default;
+		} else {
+			throw new Error(
+				`No value provided for required parameter: ${param.parameter_name}`
+			);
+		}
+	});
+
+	provided_keys.forEach((key) => {
+		if (!parameters.some((param) => param.parameter_name === key)) {
+			throw new Error(
+				`Parameter \`${key}\` is not a valid keyword argument. Please refer to the API for usage.`
+			);
+		}
+	});
+
+	resolved_data.forEach((value, idx) => {
+		if (value === undefined && !parameters[idx].parameter_has_default) {
+			throw new Error(
+				`No value provided for required parameter: ${parameters[idx].parameter_name}`
+			);
+		}
+	});
+
+	return resolved_data;
+};
diff --git a/client/js/src/helpers/data.ts b/client/js/src/helpers/data.ts
new file mode 100644
index 0000000..42aad8d
--- /dev/null
+++ b/client/js/src/helpers/data.ts
@@ -0,0 +1,221 @@
+import {
+	type ApiData,
+	type BlobRef,
+	type Config,
+	type EndpointInfo,
+	type JsApiData,
+	type DataType,
+	Command,
+	type Dependency,
+	type ComponentMeta
+} from "../types";
+import { FileData } from "../upload";
+
+const is_node =
+	typeof process !== "undefined" && process.versions && process.versions.node;
+
+export function update_object(
+	object: { [x: string]: any },
+	newValue: any,
+	stack: (string | number)[]
+): void {
+	while (stack.length > 1) {
+		const key = stack.shift();
+		if (typeof key === "string" || typeof key === "number") {
+			object = object[key];
+		} else {
+			throw new Error("Invalid key type");
+		}
+	}
+
+	const key = stack.shift();
+	if (typeof key === "string" || typeof key === "number") {
+		object[key] = newValue;
+	} else {
+		throw new Error("Invalid key type");
+	}
+}
+
+export async function walk_and_store_blobs(
+	data: DataType,
+	type: string | undefined = undefined,
+	path: string[] = [],
+	root = false,
+	endpoint_info: EndpointInfo<ApiData | JsApiData> | undefined = undefined
+): Promise<BlobRef[]> {
+	if (Array.isArray(data)) {
+		let blob_refs: BlobRef[] = [];
+
+		await Promise.all(
+			data.map(async (_, index) => {
+				let new_path = path.slice();
+				new_path.push(String(index));
+
+				const array_refs = await walk_and_store_blobs(
+					data[index],
+					root
+						? endpoint_info?.parameters[index]?.component || undefined
+						: type,
+					new_path,
+					false,
+					endpoint_info
+				);
+
+				blob_refs = blob_refs.concat(array_refs);
+			})
+		);
+
+		return blob_refs;
+	} else if (
+		(globalThis.Buffer && data instanceof globalThis.Buffer) ||
+		data instanceof Blob
+	) {
+		return [
+			{
+				path: path,
+				blob: new Blob([data as any]),
+				type
+			}
+		];
+	} else if (typeof data === "object" && data !== null) {
+		let blob_refs: BlobRef[] = [];
+		for (const key of Object.keys(data) as (keyof typeof data)[]) {
+			const new_path = [...path, key];
+			const value = data[key];
+
+			blob_refs = blob_refs.concat(
+				await walk_and_store_blobs(
+					value,
+					undefined,
+					new_path,
+					false,
+					endpoint_info
+				)
+			);
+		}
+
+		return blob_refs;
+	}
+
+	return [];
+}
+
+export function skip_queue(id: number, config: Config): boolean {
+	let fn_queue = config?.dependencies?.find((dep) => dep.id == id)?.queue;
+	if (fn_queue != null) {
+		return !fn_queue;
+	}
+	return !config.enable_queue;
+}
+
+// todo: add jsdoc for this function
+
+export function post_message<Res = any>(
+	message: any,
+	origin: string
+): Promise<Res> {
+	return new Promise((res, _rej) => {
+		const channel = new MessageChannel();
+		channel.port1.onmessage = (({ data }) => {
+			channel.port1.close();
+			res(data);
+		}) as (ev: MessageEvent<Res>) => void;
+		window.parent.postMessage(message, origin, [channel.port2]);
+	});
+}
+
+export function handle_file(
+	file_or_url: File | string | Blob | Buffer
+): FileData | Blob | Command {
+	if (typeof file_or_url === "string") {
+		if (
+			file_or_url.startsWith("http://") ||
+			file_or_url.startsWith("https://")
+		) {
+			return {
+				path: file_or_url,
+				url: file_or_url,
+				orig_name: file_or_url.split("/").pop() ?? "unknown",
+				meta: { _type: "gradio.FileData" }
+			};
+		}
+
+		if (is_node) {
+			// Handle local file paths
+			return new Command("upload_file", {
+				path: file_or_url,
+				name: file_or_url,
+				orig_path: file_or_url
+			});
+		}
+	} else if (typeof File !== "undefined" && file_or_url instanceof File) {
+		return new Blob([file_or_url]);
+	} else if (file_or_url instanceof Buffer) {
+		return new Blob([file_or_url as any]);
+	} else if (file_or_url instanceof Blob) {
+		return file_or_url;
+	}
+	throw new Error(
+		"Invalid input: must be a URL, File, Blob, or Buffer object."
+	);
+}
+
+/**
+ * Handles the payload by filtering out state inputs and returning an array of resolved payload values.
+ * We send null values for state inputs to the server, but we don't want to include them in the resolved payload.
+ *
+ * @param resolved_payload - The resolved payload values received from the client or the server
+ * @param dependency - The dependency object.
+ * @param components - The array of component metadata.
+ * @param with_null_state - Optional. Specifies whether to include null values for state inputs. Default is false.
+ * @returns An array of resolved payload values, filtered based on the dependency and component metadata.
+ */
+export function handle_payload(
+	resolved_payload: unknown[],
+	dependency: Dependency,
+	components: ComponentMeta[],
+	type: "input" | "output",
+	with_null_state = false
+): unknown[] {
+	if (type === "input" && !with_null_state) {
+		throw new Error("Invalid code path. Cannot skip state inputs for input.");
+	}
+	// data comes from the server with null state values so we skip
+	if (type === "output" && with_null_state) {
+		return resolved_payload;
+	}
+
+	let updated_payload: unknown[] = [];
+	let payload_index = 0;
+	const deps = type === "input" ? dependency.inputs : dependency.outputs;
+	for (let i = 0; i < deps.length; i++) {
+		const input_id = deps[i];
+		const component = components.find((c) => c.id === input_id);
+
+		if (component?.type === "state") {
+			// input + with_null_state needs us to fill state with null values
+			if (with_null_state) {
+				if (resolved_payload.length === deps.length) {
+					const value = resolved_payload[payload_index];
+					updated_payload.push(value);
+					payload_index++;
+				} else {
+					updated_payload.push(null);
+				}
+			} else {
+				// this is output & !with_null_state, we skip state inputs
+				// the server payload always comes with null state values so we move along the payload index
+				payload_index++;
+				continue;
+			}
+			// input & !with_null_state isn't a case we care about, server needs null
+			continue;
+		} else {
+			const value = resolved_payload[payload_index];
+			updated_payload.push(value);
+			payload_index++;
+		}
+	}
+
+	return updated_payload;
+}
diff --git a/client/js/src/helpers/init_helpers.ts b/client/js/src/helpers/init_helpers.ts
new file mode 100644
index 0000000..94b1e28
--- /dev/null
+++ b/client/js/src/helpers/init_helpers.ts
@@ -0,0 +1,250 @@
+import type { Config } from "../types";
+import {
+	CONFIG_ERROR_MSG,
+	CONFIG_URL,
+	INVALID_CREDENTIALS_MSG,
+	LOGIN_URL,
+	MISSING_CREDENTIALS_MSG,
+	SPACE_METADATA_ERROR_MSG,
+	UNAUTHORIZED_MSG
+} from "../constants";
+import { Client } from "..";
+import { join_urls, process_endpoint } from "./api_info";
+
+/**
+ * This function is used to resolve the URL for making requests when the app has a root path.
+ * The root path could be a path suffix like "/app" which is appended to the end of the base URL. Or
+ * it could be a full URL like "https://abidlabs-test-client-replica--gqf2x.hf.space" which is used when hosting
+ * Gradio apps on Hugging Face Spaces.
+ * @param {string} base_url The base URL at which the Gradio server is hosted
+ * @param {string} root_path The root path, which could be a path suffix (e.g. mounted in FastAPI app) or a full URL (e.g. hosted on Hugging Face Spaces)
+ * @param {boolean} prioritize_base Whether to prioritize the base URL over the root path. This is used when both the base path and root paths are full URLs. For example, for fetching files the root path should be prioritized, but for making requests, the base URL should be prioritized.
+ * @returns {string} the resolved URL
+ */
+export function resolve_root(
+	base_url: string,
+	root_path: string,
+	prioritize_base: boolean
+): string {
+	if (root_path.startsWith("http://") || root_path.startsWith("https://")) {
+		return prioritize_base ? base_url : root_path;
+	}
+	return base_url + root_path;
+}
+
+export async function get_jwt(
+	space: string,
+	token: `hf_${string}`,
+	cookies?: string | null
+): Promise<string | false> {
+	try {
+		const r = await fetch(`https://huggingface.co/api/spaces/${space}/jwt`, {
+			headers: {
+				Authorization: `Bearer ${token}`,
+				...(cookies ? { Cookie: cookies } : {})
+			}
+		});
+
+		const jwt = (await r.json()).token;
+
+		return jwt || false;
+	} catch (e) {
+		return false;
+	}
+}
+
+export function map_names_to_ids(
+	fns: Config["dependencies"]
+): Record<string, number> {
+	let apis: Record<string, number> = {};
+
+	fns.forEach(({ api_name, id }) => {
+		if (api_name) apis[api_name] = id;
+	});
+	return apis;
+}
+
+export async function resolve_config(
+	this: Client,
+	endpoint: string
+): Promise<Config | undefined> {
+	const headers: Record<string, string> = this.options.token
+		? { Authorization: `Bearer ${this.options.token}` }
+		: {};
+
+	if (
+		typeof window !== "undefined" &&
+		window.gradio_config &&
+		location.origin !== "http://localhost:9876"
+	) {
+		if (window.gradio_config.current_page) {
+			endpoint = endpoint.substring(0, endpoint.lastIndexOf("/"));
+		}
+		if (
+			window.gradio_config.dev_mode ||
+			(typeof window !== "undefined" && window?.BUILD_MODE === "dev")
+		) {
+			let config_url = join_urls(
+				endpoint,
+				this.deep_link
+					? CONFIG_URL + "?deep_link=" + this.deep_link
+					: CONFIG_URL
+			);
+			const response = await this.fetch(config_url, {
+				headers,
+				credentials: this.options.credentials ?? "same-origin"
+			});
+			const config = await handleConfigResponse(response, !!this.options.auth);
+			config.root = endpoint || config.root;
+			// @ts-ignore
+			window.gradio_config = {
+				...config,
+				current_page: window.gradio_config.current_page
+			};
+		}
+		// @ts-ignore
+		return { ...window.gradio_config } as Config;
+	} else if (endpoint) {
+		let config_url = join_urls(
+			endpoint,
+			this.deep_link ? CONFIG_URL + "?deep_link=" + this.deep_link : CONFIG_URL
+		);
+
+		const response = await this.fetch(config_url, {
+			headers,
+			credentials: this.options.credentials ?? "same-origin"
+		});
+
+		const config = await handleConfigResponse(response, !!this.options.auth);
+		// Preserve the backend-provided root if available (it contains the correct public URL)
+		// Only fall back to endpoint if the backend didn't provide a root
+		if (!config.root) {
+			config.root = endpoint;
+		}
+		return config;
+	}
+
+	throw new Error(CONFIG_ERROR_MSG);
+}
+
+async function handleConfigResponse(
+	response: Response,
+	authorized: boolean
+): Promise<Config> {
+	if (response?.status === 401 && !authorized) {
+		const error_data = await response.json();
+		const auth_message = error_data?.detail?.auth_message;
+		throw new Error(auth_message || MISSING_CREDENTIALS_MSG);
+	} else if (response?.status === 401 && authorized) {
+		throw new Error(INVALID_CREDENTIALS_MSG);
+	}
+
+	if (response?.status === 200) {
+		let config = await response.json();
+		config.dependencies?.forEach((dep: any, i: number) => {
+			if (dep.id === undefined) {
+				dep.id = i;
+			}
+		});
+		return config;
+	} else if (response?.status === 401) {
+		throw new Error(UNAUTHORIZED_MSG);
+	}
+
+	throw new Error(CONFIG_ERROR_MSG);
+}
+
+export async function resolve_cookies(this: Client): Promise<void> {
+	const { http_protocol, host } = await process_endpoint(
+		this.app_reference,
+		this.options.token
+	);
+
+	try {
+		if (this.options.auth) {
+			const cookie_header = await get_cookie_header(
+				http_protocol,
+				host,
+				this.options.auth,
+				this.fetch,
+				this.options.token,
+				this.options.credentials
+			);
+
+			if (cookie_header) this.set_cookies(cookie_header);
+		}
+	} catch (e: unknown) {
+		throw Error((e as Error).message);
+	}
+}
+
+// separating this from client-bound resolve_cookies so that it can be used in duplicate
+export async function get_cookie_header(
+	http_protocol: string,
+	host: string,
+	auth: [string, string],
+	_fetch: typeof fetch,
+	token?: `hf_${string}`,
+	credentials?: RequestCredentials
+): Promise<string | null> {
+	const formData = new FormData();
+	formData.append("username", auth?.[0]);
+	formData.append("password", auth?.[1]);
+
+	let headers: { Authorization?: string } = {};
+
+	if (token) {
+		headers.Authorization = `Bearer ${token}`;
+	}
+
+	const res = await _fetch(`${http_protocol}//${host}/${LOGIN_URL}`, {
+		headers,
+		method: "POST",
+		body: formData,
+		credentials: credentials ?? "same-origin"
+	});
+
+	if (res.status === 200) {
+		return res.headers.get("set-cookie");
+	} else if (res.status === 401) {
+		throw new Error(INVALID_CREDENTIALS_MSG);
+	} else {
+		throw new Error(SPACE_METADATA_ERROR_MSG);
+	}
+}
+
+export function determine_protocol(endpoint: string): {
+	ws_protocol: "ws" | "wss";
+	http_protocol: "http:" | "https:";
+	host: string;
+} {
+	if (endpoint.startsWith("http")) {
+		const { protocol, host, pathname } = new URL(endpoint);
+
+		return {
+			ws_protocol: protocol === "https:" ? "wss" : "ws",
+			http_protocol: protocol as "http:" | "https:",
+			host: host + (pathname !== "/" ? pathname : "")
+		};
+	}
+
+	// default to secure if no protocol is provided
+
+	return {
+		ws_protocol: "wss",
+		http_protocol: "https:",
+		host: new URL(endpoint).host
+	};
+}
+
+export const parse_and_set_cookies = (cookie_header: string): string[] => {
+	let cookies: string[] = [];
+	const parts = cookie_header.split(/,(?=\s*[^\s=;]+=[^\s=;]+)/);
+	parts.forEach((cookie) => {
+		const [cookie_name, cookie_value] = cookie.split(";")[0].split("=");
+		if (cookie_name && cookie_value) {
+			cookies.push(`${cookie_name.trim()}=${cookie_value.trim()}`);
+		}
+	});
+	return cookies;
+};
diff --git a/client/js/src/helpers/spaces.ts b/client/js/src/helpers/spaces.ts
new file mode 100644
index 0000000..81875f4
--- /dev/null
+++ b/client/js/src/helpers/spaces.ts
@@ -0,0 +1,252 @@
+import {
+	RUNTIME_URL,
+	SLEEPTIME_URL,
+	SPACE_STATUS_ERROR_MSG
+} from "../constants";
+import { RE_SPACE_NAME } from "./api_info";
+import type { SpaceStatusCallback } from "../types";
+
+export async function check_space_status(
+	id: string,
+	type: "subdomain" | "space_name",
+	status_callback: SpaceStatusCallback
+): Promise<void> {
+	let endpoint =
+		type === "subdomain"
+			? `https://huggingface.co/api/spaces/by-subdomain/${id}`
+			: `https://huggingface.co/api/spaces/${id}`;
+	let response;
+	let _status;
+	try {
+		response = await fetch(endpoint);
+		_status = response.status;
+		if (_status !== 200) {
+			throw new Error();
+		}
+		response = await response.json();
+	} catch (e) {
+		status_callback({
+			status: "error",
+			load_status: "error",
+			message: SPACE_STATUS_ERROR_MSG,
+			detail: "NOT_FOUND"
+		});
+		return;
+	}
+
+	if (!response || _status !== 200) return;
+	const {
+		runtime: { stage },
+		id: space_name
+	} = response;
+
+	switch (stage) {
+		case "STOPPED":
+		case "SLEEPING":
+			status_callback({
+				status: "sleeping",
+				load_status: "pending",
+				message: "Space is asleep. Waking it up...",
+				detail: stage
+			});
+
+			setTimeout(() => {
+				check_space_status(id, type, status_callback);
+			}, 1000); // poll for status
+			break;
+		case "PAUSED":
+			status_callback({
+				status: "paused",
+				load_status: "error",
+				message:
+					"This space has been paused by the author. If you would like to try this demo, consider duplicating the space.",
+				detail: stage,
+				discussions_enabled: await discussions_enabled(space_name)
+			});
+			break;
+		case "RUNNING":
+		case "RUNNING_BUILDING":
+			status_callback({
+				status: "running",
+				load_status: "complete",
+				message: "Space is running.",
+				detail: stage
+			});
+			break;
+		case "BUILDING":
+			status_callback({
+				status: "building",
+				load_status: "pending",
+				message: "Space is building...",
+				detail: stage
+			});
+
+			setTimeout(() => {
+				check_space_status(id, type, status_callback);
+			}, 1000);
+			break;
+		case "APP_STARTING":
+			status_callback({
+				status: "starting",
+				load_status: "pending",
+				message: "Space is starting...",
+				detail: stage
+			});
+
+			setTimeout(() => {
+				check_space_status(id, type, status_callback);
+			}, 1000);
+			break;
+		default:
+			status_callback({
+				status: "space_error",
+				load_status: "error",
+				message: "This space is experiencing an issue.",
+				detail: stage,
+				discussions_enabled: await discussions_enabled(space_name)
+			});
+			break;
+	}
+}
+
+export const check_and_wake_space = async (
+	space_id: string,
+	status_callback: SpaceStatusCallback
+): Promise<void> => {
+	let retries = 0;
+	const max_retries = 12;
+	const check_interval = 5000;
+
+	return new Promise((resolve) => {
+		check_space_status(
+			space_id,
+			RE_SPACE_NAME.test(space_id) ? "space_name" : "subdomain",
+			(status) => {
+				status_callback(status);
+
+				if (status.status === "running") {
+					resolve();
+				} else if (
+					status.status === "error" ||
+					status.status === "paused" ||
+					status.status === "space_error"
+				) {
+					resolve();
+				} else if (
+					status.status === "sleeping" ||
+					status.status === "building"
+				) {
+					if (retries < max_retries) {
+						retries++;
+						setTimeout(() => {
+							check_and_wake_space(space_id, status_callback).then(resolve);
+						}, check_interval);
+					} else {
+						resolve();
+					}
+				}
+			}
+		);
+	});
+};
+
+const RE_DISABLED_DISCUSSION =
+	/^(?=[^]*\b[dD]iscussions{0,1}\b)(?=[^]*\b[dD]isabled\b)[^]*$/;
+export async function discussions_enabled(space_id: string): Promise<boolean> {
+	try {
+		const r = await fetch(
+			`https://huggingface.co/api/spaces/${space_id}/discussions`,
+			{
+				method: "HEAD"
+			}
+		);
+
+		const error = r.headers.get("x-error-message");
+
+		if (!r.ok || (error && RE_DISABLED_DISCUSSION.test(error))) return false;
+		return true;
+	} catch (e) {
+		return false;
+	}
+}
+
+export async function get_space_hardware(
+	space_id: string,
+	token?: `hf_${string}` | undefined
+): Promise<(typeof hardware_types)[number]> {
+	const headers: { Authorization?: string } = {};
+	if (token) {
+		headers.Authorization = `Bearer ${token}`;
+	}
+
+	try {
+		const res = await fetch(
+			`https://huggingface.co/api/spaces/${space_id}/${RUNTIME_URL}`,
+			{ headers }
+		);
+
+		if (res.status !== 200)
+			throw new Error("Space hardware could not be obtained.");
+
+		const { hardware } = await res.json();
+
+		return hardware.current;
+	} catch (e: any) {
+		throw new Error(e.message);
+	}
+}
+
+export async function set_space_timeout(
+	space_id: string,
+	timeout: number,
+	token?: `hf_${string}`
+): Promise<any> {
+	const headers: { Authorization?: string } = {};
+	if (token) {
+		headers.Authorization = `Bearer ${token}`;
+	}
+
+	const body: {
+		seconds?: number;
+	} = {
+		seconds: timeout
+	};
+
+	try {
+		const res = await fetch(
+			`https://huggingface.co/api/spaces/${space_id}/${SLEEPTIME_URL}`,
+			{
+				method: "POST",
+				headers: { "Content-Type": "application/json", ...headers },
+				body: JSON.stringify(body)
+			}
+		);
+
+		if (res.status !== 200) {
+			throw new Error(
+				"Could not set sleep timeout on duplicated Space. Please visit *ADD HF LINK TO SETTINGS* to set a timeout manually to reduce billing charges."
+			);
+		}
+
+		const response = await res.json();
+		return response;
+	} catch (e: any) {
+		throw new Error(e.message);
+	}
+}
+
+export const hardware_types = [
+	"cpu-basic",
+	"cpu-upgrade",
+	"cpu-xl",
+	"t4-small",
+	"t4-medium",
+	"a10g-small",
+	"a10g-large",
+	"a10g-largex2",
+	"a10g-largex4",
+	"a100-large",
+	"zero-a10g",
+	"h100",
+	"h100x8"
+] as const;
diff --git a/client/js/src/helpers/zerogpu.ts b/client/js/src/helpers/zerogpu.ts
new file mode 100644
index 0000000..54b56af
--- /dev/null
+++ b/client/js/src/helpers/zerogpu.ts
@@ -0,0 +1,40 @@
+const ZEROGPU_HEADERS_MESSAGE = "supports-zerogpu-headers";
+
+let zerogpu_handshake_initialized = false;
+
+function supports_browser_handshake(): boolean {
+	return (
+		typeof window !== "undefined" &&
+		typeof document !== "undefined" &&
+		typeof window.addEventListener === "function"
+	);
+}
+
+export function get_zerogpu_origin(hostname: string): string | null {
+	if (hostname.includes(".dev.")) {
+		return `https://moon-${hostname.split(".")[1]}.dev.spaces.huggingface.tech`;
+	}
+	if (hostname.endsWith(".hf.space")) {
+		return "https://huggingface.co";
+	}
+	return null;
+}
+
+export function initialize_zerogpu_handshake(): void {
+	if (!supports_browser_handshake() || zerogpu_handshake_initialized) {
+		return;
+	}
+
+	window.addEventListener("message", (event) => {
+		if (event.data === ZEROGPU_HEADERS_MESSAGE) {
+			window.supports_zerogpu_headers = true;
+		}
+	});
+
+	zerogpu_handshake_initialized = true;
+
+	const origin = get_zerogpu_origin(window.location.hostname);
+	if (origin && window.parent !== window) {
+		window.parent.postMessage(ZEROGPU_HEADERS_MESSAGE, origin);
+	}
+}
diff --git a/client/js/src/index.ts b/client/js/src/index.ts
new file mode 100644
index 0000000..6ea916a
--- /dev/null
+++ b/client/js/src/index.ts
@@ -0,0 +1,26 @@
+export { Client } from "./client";
+
+export { predict } from "./utils/predict";
+export { submit } from "./utils/submit";
+export { upload_files } from "./utils/upload_files";
+export { FileData, upload, prepare_files } from "./upload";
+export { handle_file } from "./helpers/data";
+
+export type {
+	SpaceStatus,
+	StatusMessage,
+	Status,
+	client_return,
+	UploadResponse,
+	RenderMessage,
+	LogMessage,
+	Payload,
+	Config,
+	ValidationError
+} from "./types";
+
+export { MISSING_CREDENTIALS_MSG } from "./constants";
+
+// todo: remove in @gradio/client v1.0
+export { client } from "./client";
+export { duplicate_space as duplicate } from "./client";
diff --git a/client/js/src/test/api_info.test.ts b/client/js/src/test/api_info.test.ts
new file mode 100644
index 0000000..2bafff8
--- /dev/null
+++ b/client/js/src/test/api_info.test.ts
@@ -0,0 +1,701 @@
+import {
+	INVALID_URL_MSG,
+	QUEUE_FULL_MSG,
+	SPACE_METADATA_ERROR_MSG
+} from "../constants";
+import { beforeAll, afterEach, afterAll, it, expect, describe } from "vitest";
+import {
+	handle_message,
+	get_description,
+	get_type,
+	process_endpoint,
+	join_urls,
+	map_data_to_params
+} from "../helpers/api_info";
+import { initialise_server } from "./server";
+import { transformed_api_info } from "./test_data";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("handle_message", () => {
+	it("should return type 'data' when msg is 'send_data'", () => {
+		const data = { msg: "send_data" };
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({ type: "data" });
+	});
+
+	it("should return type 'hash' when msg is 'send_hash'", () => {
+		const data = { msg: "send_hash" };
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({ type: "hash" });
+	});
+
+	it("should return type 'update' with queue full message when msg is 'queue_full'", () => {
+		const data = { msg: "queue_full", code: 500, success: false };
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "update",
+			status: {
+				queue: true,
+				message: QUEUE_FULL_MSG,
+				stage: "error",
+				code: 500,
+				success: false
+			}
+		});
+	});
+
+	it("should return type 'heartbeat' when msg is 'heartbeat'", () => {
+		const data = { msg: "heartbeat" };
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({ type: "heartbeat" });
+	});
+
+	it("should return type 'unexpected_error' with error message when msg is 'unexpected_error'", () => {
+		const data = { msg: "unexpected_error", message: "Something went wrong" };
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "unexpected_error",
+			status: {
+				queue: true,
+				message: "Something went wrong",
+				stage: "error",
+				success: false
+			}
+		});
+	});
+
+	it("should return type 'update' with estimation status when msg is 'estimation'", () => {
+		const data = {
+			msg: "estimation",
+			code: 200,
+			queue_size: 10,
+			rank: 5,
+			rank_eta: 60,
+			success: true
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "update",
+			status: {
+				queue: true,
+				stage: "pending",
+				code: 200,
+				size: 10,
+				position: 5,
+				eta: 60,
+				success: true
+			}
+		});
+	});
+
+	it("should return type 'update' with progress status when msg is 'progress'", () => {
+		const data = {
+			msg: "progress",
+			code: 200,
+			progress_data: { current: 50, total: 100 },
+			success: true
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "update",
+			status: {
+				queue: true,
+				stage: "pending",
+				code: 200,
+				progress_data: { current: 50, total: 100 },
+				success: true
+			}
+		});
+	});
+
+	it("should return type 'log' with the provided data when msg is 'log'", () => {
+		const data = { msg: "log", log_data: "Some log message" };
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "log",
+			data: { msg: "log", log_data: "Some log message" }
+		});
+	});
+
+	it("should return type 'generating' with generating status when msg is 'process_generating' and success is true", () => {
+		const data = {
+			msg: "process_generating",
+			success: true,
+			code: 200,
+			progress_data: { current: 50, total: 100 },
+			average_duration: 120,
+			output: { result: "Some result" }
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "generating",
+			status: {
+				queue: true,
+				message: null,
+				stage: "generating",
+				code: 200,
+				progress_data: { current: 50, total: 100 },
+				eta: 120
+			},
+			data: { result: "Some result" }
+		});
+	});
+
+	it("should return type 'update' with error status when msg is 'process_generating' and success is false", () => {
+		const data = {
+			msg: "process_generating",
+			success: false,
+			code: 500,
+			progress_data: { current: 50, total: 100 },
+			average_duration: 120,
+			output: { error: "Error" }
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+
+		expect(result).toEqual({
+			type: "generating",
+			data: null,
+			status: {
+				eta: 120,
+				queue: true,
+				message: "Error",
+				stage: "error",
+				code: 500,
+				progress_data: { current: 50, total: 100 }
+			}
+		});
+	});
+
+	it("should carry changed_state_ids in the streaming status when msg is 'process_streaming'", () => {
+		const data = {
+			msg: "process_streaming",
+			success: true,
+			code: 200,
+			time_limit: 30,
+			eta: 5,
+			progress_data: { current: 50, total: 100 },
+			output: { data: [1], changed_state_ids: [3] }
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "streaming",
+			status: {
+				queue: true,
+				message: undefined,
+				stage: "streaming",
+				time_limit: 30,
+				code: 200,
+				progress_data: { current: 50, total: 100 },
+				changed_state_ids: [3],
+				eta: 5
+			},
+			data: { data: [1], changed_state_ids: [3] }
+		});
+	});
+
+	it("should return type 'complete' with success status when msg is 'process_completed' and success is true", () => {
+		const data = {
+			msg: "process_completed",
+			success: true,
+			code: 200,
+			progress_data: { current: 100, total: 100 },
+			output: { result: "Some result" }
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "complete",
+			status: {
+				queue: true,
+				message: undefined,
+				stage: "complete",
+				code: 200,
+				progress_data: { current: 100, total: 100 }
+			},
+			data: { result: "Some result" }
+		});
+	});
+
+	it("should return type 'update' with error status when msg is 'process_completed' and success is false", () => {
+		const data = {
+			msg: "process_completed",
+			success: false,
+			code: 500,
+			duration: undefined,
+			progress_data: { current: 100, total: 100 },
+			output: { error: "Some error message" },
+			title: "Error",
+			visible: undefined
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "update",
+			status: {
+				queue: true,
+				message: "Some error message",
+				stage: "error",
+				code: 500,
+				success: false,
+				duration: undefined,
+				title: "Error",
+				visible: undefined
+			}
+		});
+	});
+
+	it("should return type 'update' with pending status when msg is 'process_starts'", () => {
+		const data = {
+			msg: "process_starts",
+			code: 200,
+			rank: 5,
+			success: true,
+			eta: 60
+		};
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "update",
+			original_msg: "process_starts",
+			status: {
+				queue: true,
+				stage: "pending",
+				code: 200,
+				size: 5,
+				position: 0,
+				success: true,
+				eta: 60
+			}
+		});
+	});
+
+	it("should return type 'none' with error status when msg is unknown", () => {
+		const data = { msg: "unknown" };
+		const last_status = "pending";
+		const result = handle_message(data, last_status);
+		expect(result).toEqual({
+			type: "none",
+			status: { stage: "error", queue: true }
+		});
+	});
+});
+
+describe("get_description", () => {
+	it("should return 'array of [file, label] tuples' when serializer is 'GallerySerializable'", () => {
+		const type = { type: "string", description: "param description" };
+		const serializer = "GallerySerializable";
+		const result = get_description(type, serializer);
+		expect(result).toEqual("array of [file, label] tuples");
+	});
+
+	it("should return 'array of strings' when serializer is 'ListStringSerializable'", () => {
+		const type = { type: "string", description: "param description" };
+		const serializer = "ListStringSerializable";
+		const result = get_description(type, serializer);
+		expect(result).toEqual("array of strings");
+	});
+
+	it("should return 'array of files or single file' when serializer is 'FileSerializable'", () => {
+		const type = { type: "string", description: "param description" };
+		const serializer = "FileSerializable";
+		const result = get_description(type, serializer);
+		expect(result).toEqual("array of files or single file");
+	});
+
+	it("should return the type's description when serializer is not 'GallerySerializable', 'ListStringSerializable', or 'FileSerializable'", () => {
+		const type = { type: "string", description: "param description" };
+		const serializer = "SomeOtherSerializer";
+		const result = get_description(type, serializer);
+		expect(result).toEqual(type.description);
+	});
+});
+
+describe("get_type", () => {
+	it("should return 'string' when type is 'string'", () => {
+		const type = { type: "string", description: "param description" };
+		const component = "Component";
+		const serializer = "Serializer";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("string");
+	});
+
+	it("should return 'boolean' when type is 'boolean'", () => {
+		const type = { type: "boolean", description: "param description" };
+		const component = "Component";
+		const serializer = "Serializer";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("boolean");
+	});
+
+	it("should return 'number' when type is 'number'", () => {
+		const type = { type: "number", description: "param description" };
+		const component = "Component";
+		const serializer = "Serializer";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("number");
+	});
+
+	it("should return 'any' when serializer is 'JSONSerializable'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Component";
+		const serializer = "JSONSerializable";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("any");
+	});
+
+	it("should return 'any' when serializer is 'StringSerializable'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Component";
+		const serializer = "StringSerializable";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("any");
+	});
+
+	it("should return 'string[]' when serializer is 'ListStringSerializable'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Component";
+		const serializer = "ListStringSerializable";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("string[]");
+	});
+
+	it("should return 'Blob | File | Buffer' when component is 'Image' and signature_type is 'parameter'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Image";
+		const serializer = "Serializer";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("Blob | File | Buffer");
+	});
+
+	it("should return 'string' when component is 'Image' and signature_type is 'return'", () => {
+		const type = { type: "string", description: "param description" };
+		const component = "Image";
+		const serializer = "Serializer";
+		const signature_type = "return";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("string");
+	});
+
+	it("should return '(Blob | File | Buffer)[]' when serializer is 'FileSerializable' and type is an array and signature_type is 'parameter'", () => {
+		const type = { type: "array", description: "param description" };
+		const component = "Component";
+		const serializer = "FileSerializable";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("(Blob | File | Buffer)[]");
+	});
+
+	it("should return 'Blob | File | Buffer' when serializer is 'FileSerializable' and type is not an array and signature_type is 'return'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Component";
+		const serializer = "FileSerializable";
+		const signature_type = "return";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual(
+			"{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}"
+		);
+	});
+
+	it("should return a FileData object when serializer is 'FileSerializable' and type is not an array and signature_type is 'return'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Component";
+		const serializer = "FileSerializable";
+		const signature_type = "return";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual(
+			"{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}"
+		);
+	});
+
+	it("should return '[(Blob | File | Buffer), (string | null)][]' when serializer is 'GallerySerializable' and signature_type is 'parameter'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Component";
+		const serializer = "GallerySerializable";
+		const signature_type = "parameter";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual("[(Blob | File | Buffer), (string | null)][]");
+	});
+
+	it("should return a FileData object when serializer is 'GallerySerializable' and signature_type is 'return'", () => {
+		const type = { type: "any", description: "param description" };
+		const component = "Component";
+		const serializer = "GallerySerializable";
+		const signature_type = "return";
+		const result = get_type(type, component, serializer, signature_type);
+		expect(result).toEqual(
+			"[{ name: string; data: string; size?: number; is_file?: boolean; orig_name?: string}, (string | null))][]"
+		);
+	});
+});
+
+describe("process_endpoint", () => {
+	it("should return space_id, host, ws_protocol, and http_protocol when app_reference is a valid space name", async () => {
+		const app_reference = "hmb/hello_world";
+		const host = "hmb-hello-world.hf.space";
+
+		const token = "hf_token";
+		const expected = {
+			space_id: app_reference,
+			host,
+			ws_protocol: "wss",
+			http_protocol: "https:"
+		};
+
+		const result = await process_endpoint(app_reference, token);
+		expect(result).toEqual(expected);
+	});
+
+	it("should throw an error when fetching space metadata fails", async () => {
+		const app_reference = "hmb/bye_world";
+		const token = "hf_token";
+
+		try {
+			await process_endpoint(app_reference, token);
+		} catch (error) {
+			if (error instanceof Error) {
+				expect(error.message).toEqual(SPACE_METADATA_ERROR_MSG);
+			} else {
+				expect.fail("Error should not be unknown.");
+			}
+		}
+	});
+
+	it("should return the correct data when app_reference is a valid space domain", async () => {
+		const app_reference = "hmb/hello_world";
+		const host = "hmb-hello-world.hf.space";
+
+		const expected = {
+			space_id: app_reference,
+			host,
+			ws_protocol: "wss",
+			http_protocol: "https:"
+		};
+
+		const result = await process_endpoint("hmb/hello_world");
+		expect(result).toEqual(expected);
+	});
+
+	it("processes local server URLs correctly", async () => {
+		const local_url = "http://localhost:7860/gradio";
+		const response_local_url = await process_endpoint(local_url);
+		expect(response_local_url.space_id).toBe(false);
+		expect(response_local_url.host).toBe("localhost:7860/gradio");
+
+		const local_url_2 = "http://localhost:7860/gradio/";
+		const response_local_url_2 = await process_endpoint(local_url_2);
+		expect(response_local_url_2.space_id).toBe(false);
+		expect(response_local_url_2.host).toBe("localhost:7860/gradio");
+	});
+
+	it("handles hugging face space references", async () => {
+		const space_id = "hmb/hello_world";
+
+		const response = await process_endpoint(space_id);
+		expect(response.space_id).toBe(space_id);
+		expect(response.host).toContain("hf.space");
+	});
+
+	it("handles hugging face domain URLs", async () => {
+		const app_reference = "https://hmb-hello-world.hf.space/";
+		const response = await process_endpoint(app_reference);
+		expect(response.space_id).toBe("hmb-hello-world");
+		expect(response.host).toBe("hmb-hello-world.hf.space");
+	});
+
+	it("handles huggingface subpath urls", async () => {
+		const app_reference =
+			"https://pngwn-pr-demos-test.hf.space/demo/audio_debugger/";
+		const response = await process_endpoint(app_reference);
+		expect(response.space_id).toBe("pngwn-pr-demos-test");
+		expect(response.host).toBe(
+			"pngwn-pr-demos-test.hf.space/demo/audio_debugger"
+		);
+
+		expect(response.http_protocol).toBe("https:");
+	});
+});
+
+describe("join_urls", () => {
+	it("joins URLs correctly", () => {
+		expect(join_urls("http://localhost:7860", "/gradio")).toBe(
+			"http://localhost:7860/gradio"
+		);
+		expect(join_urls("http://localhost:7860/", "/gradio")).toBe(
+			"http://localhost:7860/gradio"
+		);
+		expect(join_urls("http://localhost:7860", "app/", "/gradio")).toBe(
+			"http://localhost:7860/app/gradio"
+		);
+		expect(join_urls("http://localhost:7860/", "/app/", "/gradio/")).toBe(
+			"http://localhost:7860/app/gradio/"
+		);
+
+		expect(join_urls("http://127.0.0.1:8000/app", "/config")).toBe(
+			"http://127.0.0.1:8000/app/config"
+		);
+
+		expect(join_urls("http://127.0.0.1:8000/app/gradio", "/config")).toBe(
+			"http://127.0.0.1:8000/app/gradio/config"
+		);
+	});
+	it("throws an error when the URLs are not valid", () => {
+		expect(() => join_urls("localhost:7860", "/gradio")).toThrowError(
+			INVALID_URL_MSG
+		);
+
+		expect(() => join_urls("localhost:7860", "/gradio", "app")).toThrowError(
+			INVALID_URL_MSG
+		);
+	});
+});
+
+describe("map_data_params", () => {
+	let test_data = transformed_api_info;
+
+	test_data.named_endpoints["/predict"].parameters = [
+		{
+			parameter_name: "param1",
+			parameter_has_default: false,
+			label: "",
+			component: "",
+			serializer: "",
+			python_type: {
+				type: "",
+				description: ""
+			},
+			type: {
+				type: "",
+				description: ""
+			}
+		},
+		{
+			parameter_name: "param2",
+			parameter_has_default: false,
+			label: "",
+			type: {
+				type: "",
+				description: ""
+			},
+			component: "",
+			serializer: "",
+			python_type: {
+				type: "",
+				description: ""
+			}
+		},
+		{
+			parameter_name: "param3",
+			parameter_has_default: true,
+			parameter_default: 3,
+			label: "",
+			type: {
+				type: "",
+				description: ""
+			},
+			component: "",
+			serializer: "",
+			python_type: {
+				type: "",
+				description: ""
+			}
+		}
+	];
+
+	let endpoint_info = test_data.named_endpoints["/predict"];
+
+	it("should return an array of data when data is an array", () => {
+		const data = [1, 2];
+
+		const result = map_data_to_params(data, endpoint_info);
+		expect(result).toEqual(data);
+	});
+
+	it("should return an empty array when data is an empty array", () => {
+		const data: unknown[] = [];
+
+		const result = map_data_to_params(data, endpoint_info);
+		expect(result).toEqual(data);
+	});
+
+	it("should return an empty array when data is not defined", () => {
+		const data = undefined;
+
+		const result = map_data_to_params(data, endpoint_info);
+		expect(result).toEqual([]);
+	});
+
+	it("should return the data when too many arguments are provided for the endpoint", () => {
+		const data = [1, 2, 3, 4];
+
+		const result = map_data_to_params(data, endpoint_info);
+		expect(result).toEqual(data);
+	});
+
+	it("should return an array of resolved data when data is an object", () => {
+		const data = {
+			param1: 1,
+			param2: 2,
+			param3: 3
+		};
+
+		const result = map_data_to_params(data, endpoint_info);
+		expect(result).toEqual([1, 2, 3]);
+	});
+
+	it("should use the default value when a keyword argument is not provided and has a default value", () => {
+		const data = {
+			param1: 1,
+			param2: 2
+		};
+
+		const result = map_data_to_params(data, endpoint_info);
+		expect(result).toEqual([1, 2, 3]);
+	});
+
+	it("should throw an error when an invalid keyword argument is provided", () => {
+		const data = {
+			param1: 1,
+			param2: 2,
+			param3: 3,
+			param4: 4
+		};
+
+		expect(() => map_data_to_params(data, endpoint_info)).toThrowError(
+			"Parameter `param4` is not a valid keyword argument. Please refer to the API for usage."
+		);
+	});
+
+	it("should throw an error when no value is provided for a required parameter", () => {
+		const data = {};
+
+		expect(() => map_data_to_params(data, endpoint_info)).toThrowError(
+			"No value provided for required parameter: param1"
+		);
+	});
+});
diff --git a/client/js/src/test/apply_diff.test.ts b/client/js/src/test/apply_diff.test.ts
new file mode 100644
index 0000000..7d0d65f
--- /dev/null
+++ b/client/js/src/test/apply_diff.test.ts
@@ -0,0 +1,29 @@
+import { apply_diff } from "../utils/stream";
+import { it, expect, describe } from "vitest";
+
+describe("apply_diff", () => {
+	it("delete_operation_works", () => {
+		const data = [
+			{ content: "Hi", role: "user" },
+			{ content: "How can I assist you?", role: "assistant" }
+		];
+
+		const diff: any = [
+			["delete", [0], null],
+			["delete", [0], null]
+		];
+		const result = apply_diff(data, diff);
+		expect(result).toEqual([]);
+	});
+
+	it("delete_operation_works with multiple deletes", () => {
+		const data = ["a", "b", "c"];
+		const diff: any = [
+			["replace", [0], "d"],
+			["delete", [1], null],
+			["delete", [1], null]
+		];
+		const result = apply_diff(data, diff);
+		expect(result).toEqual(["d"]);
+	});
+});
diff --git a/client/js/src/test/data.test.ts b/client/js/src/test/data.test.ts
new file mode 100644
index 0000000..f1dd739
--- /dev/null
+++ b/client/js/src/test/data.test.ts
@@ -0,0 +1,525 @@
+import { describe, it, expect, vi, afterEach } from "vitest";
+import {
+	update_object,
+	walk_and_store_blobs,
+	skip_queue,
+	post_message,
+	handle_file,
+	handle_payload
+} from "../helpers/data";
+import { config_response, endpoint_info } from "./test_data";
+import { BlobRef, Command } from "../types";
+import { FileData } from "../upload";
+
+const IS_NODE =
+	typeof process !== "undefined" && process.env.TEST_MODE === "node";
+
+class FakeBuffer {
+	static from(data: string) {
+		return new Blob([data]);
+	}
+
+	static isBuffer() {
+		return false;
+	}
+
+	static isEncoding() {
+		return false;
+	}
+
+	static byteLength() {
+		return 0;
+	}
+
+	static concat() {
+		return new Blob([]);
+	}
+
+	static compare() {
+		return 0;
+	}
+
+	static alloc() {
+		return new Blob([]);
+	}
+
+	static allocUnsafe() {
+		return new Blob([]);
+	}
+
+	static allocUnsafeSlow() {
+		return new Blob([]);
+	}
+
+	static poolSize = 0;
+
+	static of() {
+		return new Blob([]);
+	}
+
+	equals(other: Blob) {
+		return this.toString() === other.toString();
+	}
+}
+
+if (!IS_NODE) {
+	globalThis.Buffer = FakeBuffer as unknown as BufferConstructor;
+}
+
+describe("walk_and_store_blobs", () => {
+	it.skipIf(!IS_NODE)("should convert a Buffer to a Blob", async () => {
+		const buffer = globalThis.Buffer.from("test data");
+		const parts = await walk_and_store_blobs(buffer, "text");
+
+		expect(parts).toHaveLength(1);
+		expect(parts[0].blob).toBeInstanceOf(Blob);
+	});
+
+	it("should return a Blob when passed a Blob", async () => {
+		const blob = new Blob(["test data"]);
+		const parts = await walk_and_store_blobs(
+			blob,
+			undefined,
+			[],
+			true,
+			endpoint_info
+		);
+
+		expect(parts[0].blob).toBeInstanceOf(Blob);
+	});
+
+	it("should handle arrays", async () => {
+		const image = new Blob([]);
+		const parts = await walk_and_store_blobs([image]);
+
+		expect(parts).toHaveLength(1);
+		expect(parts[0].blob).toBeInstanceOf(Blob);
+		expect(parts[0].path).toEqual(["0"]);
+	});
+
+	it("should handle deep structures", async () => {
+		const image = new Blob([]);
+		const parts = await walk_and_store_blobs({ a: { b: { data: { image } } } });
+
+		expect(parts).toHaveLength(1);
+		expect(parts[0].blob).toBeInstanceOf(Blob);
+		expect(parts[0].path).toEqual(["a", "b", "data", "image"]);
+	});
+
+	it("should handle deep structures with arrays", async () => {
+		const image = new Blob([]);
+		const parts = await walk_and_store_blobs({
+			a: [
+				{
+					b: [
+						{
+							data: [
+								{
+									image
+								}
+							]
+						}
+					]
+				}
+			]
+		});
+
+		expect(parts[0].blob).toBeInstanceOf(Blob);
+	});
+
+	it.skipIf(!IS_NODE)(
+		"should handle deep structures with arrays (with equality check)",
+		async () => {
+			const image = new Blob([]);
+
+			const obj = {
+				a: [
+					{
+						b: [
+							{
+								data: [[image], image, [image, [image]]]
+							}
+						]
+					}
+				]
+			};
+			const parts = await walk_and_store_blobs(obj);
+
+			async function map_path(obj: Record<string, any>, parts: BlobRef[]) {
+				const { path, blob } = parts[parts.length - 1];
+				let ref = obj;
+				path.forEach((p) => (ref = ref[p]));
+
+				// since ref is a Blob and blob is a Blob, we deep equal check the two buffers instead
+				if (ref instanceof Blob && blob instanceof Blob) {
+					const refBuffer = Buffer.from(await ref.arrayBuffer());
+					const blobBuffer = Buffer.from(await blob.arrayBuffer());
+					return refBuffer.equals(blobBuffer);
+				}
+
+				return ref === blob;
+			}
+
+			expect(parts[0].blob).toBeInstanceOf(Blob);
+			expect(map_path(obj, parts)).toBeTruthy();
+		}
+	);
+
+	it.skipIf(!IS_NODE)(
+		"should handle buffer instances and return a BlobRef",
+		async () => {
+			const buffer = Buffer.from("test");
+			const parts = await walk_and_store_blobs(buffer, undefined, ["blob"]);
+
+			expect(parts).toHaveLength(1);
+			expect(parts[0].blob).toBeInstanceOf(Blob);
+			expect(parts[0].path).toEqual(["blob"]);
+		}
+	);
+
+	it.skipIf(!IS_NODE)(
+		"should handle buffer instances with a path and return a BlobRef with the path",
+		async () => {
+			const buffer = Buffer.from("test data");
+			const parts = await walk_and_store_blobs(buffer);
+
+			expect(parts).toHaveLength(1);
+			expect(parts[0].path).toEqual([]);
+			expect(parts[0].blob).toBeInstanceOf(Blob);
+		}
+	);
+
+	it.skipIf(!IS_NODE)(
+		"should convert an object with deep structures to BlobRefs",
+		async () => {
+			const param = {
+				a: {
+					b: {
+						data: {
+							image: Buffer.from("test image")
+						}
+					}
+				}
+			};
+			const parts = await walk_and_store_blobs(param);
+
+			expect(parts).toHaveLength(1);
+			expect(parts[0].path).toEqual(["a", "b", "data", "image"]);
+			expect(parts[0].blob).toBeInstanceOf(Blob);
+		}
+	);
+});
+describe("update_object", () => {
+	it("should update the value of a nested property", () => {
+		const obj = {
+			a: {
+				b: {
+					c: "old value"
+				}
+			}
+		};
+
+		const stack = ["a", "b", "c"];
+		const new_val = "new value";
+
+		update_object(obj, new_val, stack);
+
+		expect(obj.a.b.c).toBe(new_val);
+	});
+
+	it("should throw an error for invalid key type", () => {
+		const obj = {
+			a: {
+				b: {
+					c: "value"
+				}
+			}
+		};
+
+		const stack = ["a", "b", true];
+		const newValue = "new value";
+
+		expect(() => {
+			// @ts-ignore
+			update_object(obj, newValue, stack);
+		}).toThrowError("Invalid key type");
+	});
+});
+
+describe("skip_queue", () => {
+	const id = 0;
+	const config = config_response;
+
+	it("should not skip queue when global and dependency queue is enabled", () => {
+		config.enable_queue = true;
+		config.dependencies.find((dep) => dep.id === id)!.queue = true;
+
+		const result = skip_queue(id, config_response);
+
+		expect(result).toBe(false);
+	});
+
+	it("should not skip queue when global queue is disabled and dependency queue is enabled", () => {
+		config.enable_queue = false;
+		config.dependencies.find((dep) => dep.id === id)!.queue = true;
+
+		const result = skip_queue(id, config_response);
+
+		expect(result).toBe(false);
+	});
+
+	it("should should skip queue when global queue and dependency queue is disabled", () => {
+		config.enable_queue = false;
+		config.dependencies.find((dep) => dep.id === id)!.queue = false;
+
+		const result = skip_queue(id, config_response);
+
+		expect(result).toBe(true);
+	});
+
+	it("should should skip queue when global queue is enabled and dependency queue is disabled", () => {
+		config.enable_queue = true;
+		config.dependencies.find((dep) => dep.id === id)!.queue = false;
+
+		const result = skip_queue(id, config_response);
+
+		expect(result).toBe(true);
+	});
+});
+
+describe("post_message", () => {
+	afterEach(() => {
+		vi.restoreAllMocks();
+	});
+
+	it.skipIf(IS_NODE)(
+		"should send a message to the parent window and resolve with received data",
+		async () => {
+			const test_data = { key: "value" };
+			const test_origin = "https://huggingface.co";
+
+			// Create a mock for window.parent.postMessage that we'll spy on
+			const post_message_spy = vi
+				.spyOn(window.parent, "postMessage")
+				.mockImplementation(() => {});
+
+			// Mock MessageChannel
+			const original_message_channel = globalThis.MessageChannel;
+			const mock_port1 = {
+				onmessage: null as unknown as (event: { data: any }) => void,
+				close: vi.fn()
+			};
+			const mock_port2 = {};
+
+			class MockMessageChannel {
+				port1 = mock_port1;
+				port2 = mock_port2;
+			}
+
+			// Replace MessageChannel with our mock version
+			globalThis.MessageChannel = MockMessageChannel as any;
+
+			const promise = post_message(test_data, test_origin);
+
+			// Simulate receiving a message back
+			if (mock_port1.onmessage) {
+				mock_port1.onmessage({ data: test_data } as any);
+			}
+
+			await expect(promise).resolves.toEqual(test_data);
+			expect(post_message_spy).toHaveBeenCalledWith(test_data, test_origin, [
+				mock_port2
+			]);
+
+			// Restore original MessageChannel
+			globalThis.MessageChannel = original_message_channel;
+			post_message_spy.mockRestore();
+		}
+	);
+});
+
+describe("handle_file", () => {
+	it("should handle a Blob object and return the blob", () => {
+		const blob = new Blob(["test data"], { type: "image/png" });
+		const result = handle_file(blob) as FileData;
+
+		expect(result).toBe(blob);
+	});
+
+	it.skipIf(!IS_NODE)(
+		"should handle a Buffer object and return it as a blob",
+		() => {
+			const buffer = Buffer.from("test data");
+			const result = handle_file(buffer) as FileData;
+			expect(result).toBeInstanceOf(Blob);
+		}
+	);
+
+	it.skipIf(!IS_NODE)(
+		"should handle a local file path and return a Command object",
+		() => {
+			const file_path = "./owl.png";
+			const result = handle_file(file_path) as Command;
+			expect(result).toBeInstanceOf(Command);
+			expect(result).toEqual({
+				type: "command",
+				command: "upload_file",
+				meta: { path: "./owl.png", name: "./owl.png", orig_path: "./owl.png" },
+				fileData: undefined
+			});
+		}
+	);
+
+	it.skipIf(IS_NODE)(
+		"should handle a File object and return it as FileData",
+		() => {
+			const file = new File(["test image"], "test.png", { type: "image/png" });
+			const result = handle_file(file) as FileData;
+			expect(result).toBeInstanceOf(Blob);
+		}
+	);
+
+	it("should throw an error for invalid input", () => {
+		const invalid_input = 123;
+
+		expect(() => {
+			// @ts-ignore
+			handle_file(invalid_input);
+		}).toThrowError(
+			"Invalid input: must be a URL, File, Blob, or Buffer object."
+		);
+	});
+});
+
+describe("handle_payload", () => {
+	it("should return an input payload with null in place of `state` when with_null_state is true", () => {
+		const resolved_payload = [2];
+		const dependency = {
+			inputs: [1, 2]
+		};
+		const components = [
+			{ id: 1, type: "number" },
+			{ id: 2, type: "state" }
+		];
+		const with_null_state = true;
+		const result = handle_payload(
+			resolved_payload,
+			// @ts-ignore
+			dependency,
+			components,
+			"input",
+			with_null_state
+		);
+		expect(result).toEqual([2, null]);
+	});
+	it("should return an input payload with null in place of two `state` components when with_null_state is true", () => {
+		const resolved_payload = ["hello", "goodbye"];
+		const dependency = {
+			inputs: [1, 2, 3, 4]
+		};
+		const components = [
+			{ id: 1, type: "textbox" },
+			{ id: 2, type: "state" },
+			{ id: 3, type: "textbox" },
+			{ id: 4, type: "state" }
+		];
+		const with_null_state = true;
+		const result = handle_payload(
+			resolved_payload,
+			// @ts-ignore
+			dependency,
+			components,
+			"input",
+			with_null_state
+		);
+		expect(result).toEqual(["hello", null, "goodbye", null]);
+	});
+
+	it("should return an output payload without the state component value when with_null_state is false", () => {
+		const resolved_payload = ["hello", null];
+		const dependency = {
+			outputs: [2, 3]
+		};
+		const components = [
+			{ id: 2, type: "textbox" },
+			{ id: 3, type: "state" }
+		];
+		const with_null_state = false;
+		const result = handle_payload(
+			resolved_payload,
+			// @ts-ignore
+			dependency,
+			components,
+			"output",
+			with_null_state
+		);
+		expect(result).toEqual(["hello"]);
+	});
+
+	it("should return an ouput payload without the two state component values when with_null_state is false", () => {
+		const resolved_payload = ["hello", null, "world", null];
+		const dependency = {
+			outputs: [2, 3, 4, 5]
+		};
+		const components = [
+			{ id: 2, type: "textbox" },
+			{ id: 3, type: "state" },
+			{ id: 4, type: "textbox" },
+			{ id: 5, type: "state" }
+		];
+		const with_null_state = false;
+		const result = handle_payload(
+			resolved_payload,
+			// @ts-ignore
+			dependency,
+			components,
+			"output",
+			with_null_state
+		);
+		expect(result).toEqual(["hello", "world"]);
+	});
+
+	it("should return an ouput payload with the two state component values when with_null_state is true", () => {
+		const resolved_payload = ["hello", null, "world", null];
+		const dependency = {
+			outputs: [2, 3, 4, 5]
+		};
+		const components = [
+			{ id: 2, type: "textbox" },
+			{ id: 3, type: "state" },
+			{ id: 4, type: "textbox" },
+			{ id: 5, type: "state" }
+		];
+		const with_null_state = true;
+		const result = handle_payload(
+			resolved_payload,
+			// @ts-ignore
+			dependency,
+			components,
+			"output",
+			with_null_state
+		);
+		expect(result).toEqual(["hello", null, "world", null]);
+	});
+
+	it("should return the same payload where no state components are defined", () => {
+		const resolved_payload = ["hello", "world"];
+		const dependency = {
+			inputs: [2, 3]
+		};
+		const components = [
+			{ id: 2, type: "textbox" },
+			{ id: 3, type: "textbox" }
+		];
+		const with_null_state = true;
+		const result = handle_payload(
+			resolved_payload,
+			// @ts-ignore
+			dependency,
+			components,
+			"input",
+			with_null_state
+		);
+		expect(result).toEqual(["hello", "world"]);
+	});
+});
diff --git a/client/js/src/test/filesize.test.ts b/client/js/src/test/filesize.test.ts
new file mode 100644
index 0000000..8dc47fb
--- /dev/null
+++ b/client/js/src/test/filesize.test.ts
@@ -0,0 +1,143 @@
+import { describe, it, expect } from "vitest";
+import { filesize, SPECS } from "../utils/filesize";
+
+describe("filesize", () => {
+	describe("basic functionality", () => {
+		it("should format bytes correctly with default spec (jedec)", () => {
+			expect(filesize(0)).toBe("0.0 b");
+			expect(filesize(512)).toBe("512.0 b");
+			expect(filesize(1024)).toBe("1.0 Kb");
+			expect(filesize(1536)).toBe("1.5 Kb"); // 1024 + 512
+			expect(filesize(1048576)).toBe("1.0 Mb"); // 1024^2
+			expect(filesize(1073741824)).toBe("1.0 Gb"); // 1024^3
+		});
+
+		it("should handle different fixed decimal places", () => {
+			expect(filesize(1536, 0)).toBe("2 Kb");
+			expect(filesize(1536, 1)).toBe("1.5 Kb");
+			expect(filesize(1536, 2)).toBe("1.50 Kb");
+			expect(filesize(1536, 3)).toBe("1.500 Kb");
+		});
+
+		it("should handle negative numbers by taking absolute value", () => {
+			expect(filesize(-1024)).toBe("1.0 Kb");
+			expect(filesize(-1536)).toBe("1.5 Kb");
+			expect(filesize(-0)).toBe("0.0 b");
+		});
+	});
+
+	describe("SI specification", () => {
+		it("should use base 1000 for SI spec", () => {
+			expect(filesize(1000, 1, "si")).toBe("1.0 kb");
+			expect(filesize(1500, 1, "si")).toBe("1.5 kb");
+			expect(filesize(1000000, 1, "si")).toBe("1.0 Mb");
+			expect(filesize(1000000000, 1, "si")).toBe("1.0 Gb");
+		});
+
+		it("should handle large numbers with SI spec", () => {
+			expect(filesize(1e12, 1, "si")).toBe("1.0 Tb");
+			expect(filesize(1e15, 1, "si")).toBe("1.0 Pb");
+			expect(filesize(1e18, 1, "si")).toBe("1.0 Eb");
+		});
+	});
+
+	describe("IEC specification", () => {
+		it("should use base 1024 with binary units for IEC spec", () => {
+			expect(filesize(1024, 1, "iec")).toBe("1.0 Kib");
+			expect(filesize(1536, 1, "iec")).toBe("1.5 Kib");
+			expect(filesize(1048576, 1, "iec")).toBe("1.0 Mib");
+			expect(filesize(1073741824, 1, "iec")).toBe("1.0 Gib");
+		});
+
+		it("should handle large numbers with IEC spec", () => {
+			expect(filesize(Math.pow(1024, 4), 1, "iec")).toBe("1.0 Tib");
+			expect(filesize(Math.pow(1024, 5), 1, "iec")).toBe("1.0 Pib");
+		});
+	});
+
+	describe("JEDEC specification", () => {
+		it("should use base 1024 with decimal-style units for JEDEC spec", () => {
+			expect(filesize(1024, 1, "jedec")).toBe("1.0 Kb");
+			expect(filesize(1536, 1, "jedec")).toBe("1.5 Kb");
+			expect(filesize(1048576, 1, "jedec")).toBe("1.0 Mb");
+			expect(filesize(1073741824, 1, "jedec")).toBe("1.0 Gb");
+		});
+	});
+
+	describe("edge cases", () => {
+		it("should handle very large numbers", () => {
+			const veryLarge = Math.pow(1024, 8); // Yottabytes
+			expect(filesize(veryLarge, 1, "jedec")).toBe("1.0 Yb");
+		});
+
+		it("should handle decimal input", () => {
+			expect(filesize(1024.5, 1)).toBe("1.0 Kb");
+			expect(filesize(1500.7, 2)).toBe("1.47 Kb");
+		});
+
+		it("should handle invalid spec by falling back to jedec", () => {
+			expect(filesize(1024, 1, "invalid")).toBe("1.0 Kb");
+			expect(filesize(1024, 1, "")).toBe("1.0 Kb");
+			expect(filesize(1024, 1, undefined)).toBe("1.0 Kb");
+		});
+	});
+
+	describe("precision and rounding", () => {
+		it("should round correctly with different precision levels", () => {
+			const testBytes = 1536; // 1.5 KB
+			expect(filesize(testBytes, 0)).toBe("2 Kb");
+			expect(filesize(testBytes, 1)).toBe("1.5 Kb");
+			expect(filesize(testBytes, 2)).toBe("1.50 Kb");
+		});
+
+		it("should handle rounding edge cases", () => {
+			const almostTwoKb = 2047; // almost 2KB
+			expect(filesize(almostTwoKb, 0)).toBe("2 Kb");
+			expect(filesize(almostTwoKb, 3)).toBe("1.999 Kb");
+		});
+	});
+
+	describe("SPECS constant", () => {
+		it("should have correct radix values", () => {
+			expect(SPECS.si.radix).toBe(1000);
+			expect(SPECS.iec.radix).toBe(1024);
+			expect(SPECS.jedec.radix).toBe(1024);
+		});
+
+		it("should have correct unit arrays", () => {
+			expect(SPECS.si.unit).toEqual([
+				"b",
+				"kb",
+				"Mb",
+				"Gb",
+				"Tb",
+				"Pb",
+				"Eb",
+				"Zb",
+				"Yb"
+			]);
+			expect(SPECS.iec.unit).toEqual([
+				"b",
+				"Kib",
+				"Mib",
+				"Gib",
+				"Tib",
+				"Pib",
+				"Eib",
+				"Zib",
+				"Yib"
+			]);
+			expect(SPECS.jedec.unit).toEqual([
+				"b",
+				"Kb",
+				"Mb",
+				"Gb",
+				"Tb",
+				"Pb",
+				"Eb",
+				"Zb",
+				"Yb"
+			]);
+		});
+	});
+});
diff --git a/client/js/src/test/handlers.ts b/client/js/src/test/handlers.ts
new file mode 100644
index 0000000..1956303
--- /dev/null
+++ b/client/js/src/test/handlers.ts
@@ -0,0 +1,687 @@
+import { HttpResponse, http, RequestHandler } from "msw";
+import {
+	HOST_URL,
+	API_INFO_URL,
+	CONFIG_URL,
+	RUNTIME_URL,
+	SLEEPTIME_URL,
+	UPLOAD_URL,
+	BROKEN_CONNECTION_MSG,
+	LOGIN_URL
+} from "../constants";
+import {
+	response_api_info,
+	config_response,
+	whoami_response,
+	duplicate_response,
+	hardware_sleeptime_response,
+	discussions_response,
+	runtime_response
+} from "./test_data";
+
+const root_url = "https://huggingface.co";
+
+export const direct_space_url = "https://hmb-hello-world.hf.space";
+const private_space_url = "https://hmb-secret-world.hf.space";
+const private_auth_space_url = "https://hmb-private-auth-space.hf.space";
+
+const server_error_space_url = "https://hmb-server-error.hf.space";
+const upload_server_test_space_url = "https://hmb-server-test.hf.space";
+const auth_app_space_url = "https://hmb-auth-space.hf.space";
+const unauth_app_space_url = "https://hmb-unauth-space.hf.space";
+const invalid_auth_space_url = "https://hmb-invalid-auth-space.hf.space";
+
+const server_error_reference = "hmb/server_error";
+const app_reference = "hmb/hello_world";
+const broken_app_reference = "hmb/bye_world";
+const duplicate_app_reference = "gradio/hello_world";
+const private_app_reference = "hmb/secret_world";
+const server_test_app_reference = "hmb/server_test";
+const auth_app_reference = "hmb/auth_space";
+const unauth_app_reference = "hmb/unauth_space";
+const invalid_auth_app_reference = "hmb/invalid_auth_space";
+const private_auth_app_reference = "hmb/private_auth_space";
+
+export const handlers: RequestHandler[] = [
+	// /host requests
+	http.get(`${root_url}/api/spaces/${app_reference}/${HOST_URL}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				subdomain: "hmb-hello-world",
+				host: "https://hmb-hello-world.hf.space"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${root_url}/api/spaces/${broken_app_reference}/${HOST_URL}`, () => {
+		return new HttpResponse(null, {
+			status: 404,
+			headers: {
+				"Content-Type": "application/json",
+				hf_token: "hf_123"
+			}
+		});
+	}),
+	http.get(
+		`${root_url}/api/spaces/${private_auth_app_reference}/${HOST_URL}`,
+		() => {
+			return new HttpResponse(
+				JSON.stringify({
+					subdomain: "hmb-private-auth-space",
+					host: "https://hmb-private-auth-space.hf.space"
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				}
+			);
+		}
+	),
+	http.get(
+		`${root_url}/api/spaces/${private_app_reference}/${HOST_URL}`,
+		({ request }) => {
+			const token = request.headers.get("authorization")?.substring(7);
+
+			if (!token || token !== "hf_123") {
+				return new HttpResponse(null, {
+					status: 401,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				});
+			}
+
+			return new HttpResponse(
+				JSON.stringify({
+					subdomain: private_app_reference,
+					host: private_space_url
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				}
+			);
+		}
+	),
+	http.get(
+		`${root_url}/api/spaces/${server_error_reference}/${HOST_URL}`,
+		() => {
+			return new HttpResponse(
+				JSON.stringify({
+					subdomain: "hmb-server-test",
+					host: "https://hmb-server-test.hf.space"
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				}
+			);
+		}
+	),
+	http.get(
+		`${root_url}/api/spaces/${server_test_app_reference}/${HOST_URL}`,
+		() => {
+			return new HttpResponse(
+				JSON.stringify({
+					subdomain: "hmb-server-test",
+					host: "https://hmb-server-test.hf.space"
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				}
+			);
+		}
+	),
+	http.get(`${root_url}/api/spaces/${auth_app_reference}/${HOST_URL}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				subdomain: "hmb-auth-space",
+				host: "https://hmb-auth-space.hf.space"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(
+		`${root_url}/api/spaces/${invalid_auth_app_reference}/${HOST_URL}`,
+		() => {
+			return new HttpResponse(
+				JSON.stringify({
+					subdomain: "hmb-invalid-auth-space",
+					host: "https://hmb-invalid-auth-space.hf.space"
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				}
+			);
+		}
+	),
+	http.get(
+		`${root_url}/api/spaces/${duplicate_app_reference}/${HOST_URL}`,
+		() => {
+			return new HttpResponse(
+				JSON.stringify({
+					subdomain: "gradio-hello-world",
+					host: "https://gradio-hello-world.hf.space"
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				}
+			);
+		}
+	),
+	http.get(`${root_url}/api/spaces/${unauth_app_reference}/${HOST_URL}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				subdomain: "hmb-unath-space",
+				host: "https://hmb-unauth-space.hf.space"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	// /info requests
+	http.get(`${direct_space_url}/${API_INFO_URL}`, () => {
+		return new HttpResponse(JSON.stringify(response_api_info), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${upload_server_test_space_url}/${API_INFO_URL}`, () => {
+		return new HttpResponse(JSON.stringify(response_api_info), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${private_space_url}/${API_INFO_URL}`, () => {
+		return new HttpResponse(JSON.stringify(response_api_info), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${server_error_space_url}/${API_INFO_URL}`, () => {
+		return new HttpResponse(JSON.stringify(response_api_info), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${auth_app_space_url}/${API_INFO_URL}`, async () => {
+		return new HttpResponse(JSON.stringify(response_api_info), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${private_auth_space_url}/${API_INFO_URL}`, async () => {
+		return new HttpResponse(JSON.stringify(response_api_info), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	// /config requests
+	http.get(`${direct_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(JSON.stringify(config_response), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${private_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				...config_response,
+				root: "https://hmb-secret-world.hf.space"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${upload_server_test_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				...config_response,
+				root: "https://hmb-server-test.hf.space"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${private_auth_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				...config_response,
+				root: "https://hmb-private-auth-space.hf.space"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${direct_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(JSON.stringify(config_response), {
+			status: 500,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${server_error_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(JSON.stringify(config_response), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${invalid_auth_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(JSON.stringify({ detail: "Unauthorized" }), {
+			status: 401,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${auth_app_space_url}/${CONFIG_URL}`, ({ request }) => {
+		return new HttpResponse(
+			JSON.stringify({
+				...config_response,
+				root: "https://hmb-auth-space.hf.space",
+				space_id: "hmb/auth_space"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${unauth_app_space_url}/${CONFIG_URL}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				detail: "Unauthorized"
+			}),
+			{
+				status: 401,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	// /whoami requests
+	http.get(`${root_url}/api/whoami-v2`, () => {
+		return new HttpResponse(JSON.stringify(whoami_response), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json",
+				"hf-token": "hf_123"
+			}
+		});
+	}),
+	// /duplicate requests
+	http.post(
+		`${root_url}/api/spaces/${duplicate_app_reference}/duplicate`,
+		({ request }) => {
+			if (request.headers.get("authorization")?.substring(7) !== "hf_123") {
+				throw new HttpResponse(null, {
+					status: 401,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				});
+			}
+			return new HttpResponse(JSON.stringify(duplicate_response), {
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			});
+		}
+	),
+	// /sleeptime requests
+	http.post(`${root_url}/api/spaces/${app_reference}/${SLEEPTIME_URL}`, () => {
+		return new HttpResponse(JSON.stringify(hardware_sleeptime_response), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.post(
+		`${root_url}/api/spaces/${server_test_app_reference}/${SLEEPTIME_URL}`,
+		() => {
+			throw new HttpResponse(null, {
+				status: 500,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			});
+		}
+	),
+	// /runtime requests
+	http.get(
+		`${root_url}/api/spaces/${broken_app_reference}/${RUNTIME_URL}`,
+		() => {
+			return new HttpResponse(null, {
+				status: 404,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			});
+		}
+	),
+	http.get(`${root_url}/api/spaces/${app_reference}/${RUNTIME_URL}`, () => {
+		return new HttpResponse(JSON.stringify(hardware_sleeptime_response), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	// queue requests
+	http.get(`${direct_space_url}/queue/data`, () => {
+		return new HttpResponse(JSON.stringify({ event_id: "123" }), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.post(`${direct_space_url}/queue/join`, () => {
+		return new HttpResponse(JSON.stringify({ event_id: "123" }), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	// upload requests
+	http.post(`${direct_space_url}/${UPLOAD_URL}`, () => {
+		return new HttpResponse(JSON.stringify(["lion.jpg"]), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.post(`${upload_server_test_space_url}/${UPLOAD_URL}`, () => {
+		throw new HttpResponse(JSON.parse("Internal Server Error"), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	// discussions requests
+	http.head(`${root_url}/api/spaces/${app_reference}/discussions`, () => {
+		return new HttpResponse(JSON.stringify(discussions_response), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.head(
+		`${root_url}/api/spaces/${broken_app_reference}/discussions`,
+		() => {
+			throw new HttpResponse(
+				JSON.parse("Discussions are disabled for this repo"),
+				{
+					status: 403,
+					headers: {
+						"Content-Type": "application/json"
+					}
+				}
+			);
+		}
+	),
+	// space requests
+	http.get(`${root_url}/api/spaces/${app_reference}`, () => {
+		return new HttpResponse(
+			JSON.stringify({ id: app_reference, runtime: runtime_response }),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${root_url}/api/spaces/hmb/paused_space`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				id: app_reference,
+				runtime: { ...runtime_response, stage: "PAUSED" }
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${root_url}/api/spaces/hmb/building_space`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				id: app_reference,
+				runtime: { ...runtime_response, stage: "BUILDING" }
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${root_url}/api/spaces/hmb/stopped_space`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				id: app_reference,
+				runtime: { ...runtime_response, stage: "STOPPED" }
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${root_url}/api/spaces/hmb/failed_space`, () => {
+		throw new HttpResponse(null, {
+			status: 500,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.get(`${root_url}/api/spaces/${unauth_app_reference}`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				id: unauth_app_reference,
+				runtime: { ...runtime_response }
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	// jwt requests
+	http.get(`${root_url}/api/spaces/${app_reference}/jwt`, () => {
+		return new HttpResponse(
+			JSON.stringify({
+				token: "jwt_123"
+			}),
+			{
+				status: 200,
+				headers: {
+					"Content-Type": "application/json"
+				}
+			}
+		);
+	}),
+	http.get(`${root_url}/api/spaces/${broken_app_reference}/jwt`, () => {
+		return new HttpResponse(null, {
+			status: 500,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	// post_data requests
+	http.post(`${direct_space_url}`, () => {
+		return new HttpResponse(JSON.stringify({}), {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.post(`${private_space_url}`, () => {
+		return new HttpResponse(JSON.stringify(BROKEN_CONNECTION_MSG), {
+			status: 500,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	// heartbeat requests
+	http.get(`*/heartbeat/*`, () => {
+		return new HttpResponse(null, {
+			status: 200,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	// login requests
+	http.post(`${auth_app_space_url}/${LOGIN_URL}`, async ({ request }) => {
+		let username;
+		let password;
+
+		await request.formData().then((data) => {
+			username = data.get("username");
+			password = data.get("password");
+		});
+
+		if (username === "admin" && password === "pass1234") {
+			return new HttpResponse(
+				JSON.stringify({
+					success: true
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json",
+						"Set-Cookie":
+							"access-token-unsecure-123=abc; HttpOnly; Path=/; SameSite=none; Secure"
+					}
+				}
+			);
+		}
+
+		return new HttpResponse(null, {
+			status: 401,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.post(`${invalid_auth_space_url}/${LOGIN_URL}`, async () => {
+		return new HttpResponse(null, {
+			status: 401,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	}),
+	http.post(`${private_auth_space_url}/${LOGIN_URL}`, async ({ request }) => {
+		let username;
+		let password;
+
+		await request.formData().then((data) => {
+			username = data.get("username");
+			password = data.get("password");
+		});
+
+		if (username === "admin" && password === "pass1234") {
+			return new HttpResponse(
+				JSON.stringify({
+					success: true
+				}),
+				{
+					status: 200,
+					headers: {
+						"Content-Type": "application/json",
+						"Set-Cookie":
+							"access-token-unsecure-123=abc; HttpOnly; Path=/; SameSite=none; Secure"
+					}
+				}
+			);
+		}
+
+		return new HttpResponse(null, {
+			status: 401,
+			headers: {
+				"Content-Type": "application/json"
+			}
+		});
+	})
+];
diff --git a/client/js/src/test/init.test.ts b/client/js/src/test/init.test.ts
new file mode 100644
index 0000000..8ef7d4d
--- /dev/null
+++ b/client/js/src/test/init.test.ts
@@ -0,0 +1,165 @@
+import {
+	describe,
+	beforeAll,
+	afterEach,
+	afterAll,
+	test,
+	expect,
+	vi
+} from "vitest";
+
+import { Client, client, duplicate } from "..";
+import {
+	transformed_api_info,
+	config_response,
+	response_api_info
+} from "./test_data";
+import { initialise_server } from "./server";
+import { SPACE_METADATA_ERROR_MSG } from "../constants";
+
+const app_reference = "hmb/hello_world";
+const broken_app_reference = "hmb/bye_world";
+const direct_app_reference = "https://hmb-hello-world.hf.space";
+const secret_direct_app_reference = "https://hmb-secret-world.hf.space";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("Client class", () => {
+	describe("initialisation", () => {
+		test("fetch is bound to the Client instance", async () => {
+			const test = await Client.connect("hmb/hello_world");
+			const fetch_method = test.fetch;
+			const res = await fetch_method(direct_app_reference + "/info");
+
+			await expect(res.json()).resolves.toEqual(response_api_info);
+		});
+
+		test("stream is bound to the Client instance", async () => {
+			const test = await Client.connect("hmb/hello_world");
+			const stream_method = test.stream;
+			const url = new URL(`${direct_app_reference}/queue/data`);
+			const stream = stream_method(url);
+
+			expect(stream).toBeDefined();
+			expect(stream.onmessage).toBeDefined();
+		});
+
+		test("backwards compatibility of client using deprecated syntax", async () => {
+			const app = await client(app_reference);
+			expect(app.config).toEqual(config_response);
+		});
+		test("connecting to a running app with a space reference", async () => {
+			const app = await Client.connect(app_reference);
+			expect(app.config).toEqual(config_response);
+		});
+
+		test("connecting to a running app with a direct app URL", async () => {
+			const app = await Client.connect(direct_app_reference);
+			expect(app.config).toEqual(config_response);
+		});
+
+		test("connecting successfully to a private running app with a space reference", async () => {
+			const app = await Client.connect("hmb/secret_world", {
+				token: "hf_123"
+			});
+
+			expect(app.config).toEqual({
+				...config_response,
+				root: "https://hmb-secret-world.hf.space"
+			});
+		});
+
+		test("connecting successfully to a private running app with a direct app URL ", async () => {
+			const app = await Client.connect(secret_direct_app_reference, {
+				token: "hf_123"
+			});
+
+			expect(app.config).toEqual({
+				...config_response,
+				root: "https://hmb-secret-world.hf.space"
+			});
+		});
+
+		test("unsuccessfully attempting to connect to a private running app", async () => {
+			await expect(
+				Client.connect("hmb/secret_world", {
+					token: "hf_bad_token"
+				})
+			).rejects.toThrowError(SPACE_METADATA_ERROR_MSG);
+		});
+
+		test("viewing the api info of a running app", async () => {
+			const app = await Client.connect(app_reference);
+			expect(await app.view_api()).toEqual(transformed_api_info);
+		});
+
+		test("viewing the api info of a non-existent app", async () => {
+			const app = Client.connect(broken_app_reference);
+			await expect(app).rejects.toThrowError();
+		});
+	});
+
+	describe("duplicate", () => {
+		test("backwards compatibility of duplicate using deprecated syntax", async () => {
+			const app = await duplicate("gradio/hello_world", {
+				token: "hf_123",
+				private: true,
+				hardware: "cpu-basic"
+			});
+
+			expect(app.config).toEqual(config_response);
+		});
+
+		test("creating a duplicate of a running app", async () => {
+			const duplicate = await Client.duplicate("gradio/hello_world", {
+				token: "hf_123",
+				private: true,
+				hardware: "cpu-basic"
+			});
+
+			expect(duplicate.config).toEqual(config_response);
+		});
+
+		test("creating a duplicate of a running app without a token", async () => {
+			const duplicate = Client.duplicate("gradio/hello_world", {
+				private: true,
+				hardware: "cpu-basic"
+			});
+
+			await expect(duplicate).rejects.toThrow("Error: Unauthorized");
+		});
+
+		test("creating a duplicate of a broken app", async () => {
+			const duplicate = Client.duplicate(broken_app_reference);
+
+			await expect(duplicate).rejects.toThrow(SPACE_METADATA_ERROR_MSG);
+		});
+	});
+
+	describe("overriding the Client class", () => {
+		// TODO: broken test since https://github.com/gradio-app/gradio/pull/10890
+		test.skip("overriding methods on the Client class", async () => {
+			const mocked_fetch = vi.fn(
+				(input: RequestInfo | URL, init?: RequestInit): Promise<Response> => {
+					return Promise.resolve(
+						new Response(JSON.stringify({ data: "test" }))
+					);
+				}
+			);
+
+			class CustomClient extends Client {
+				fetch = mocked_fetch;
+			}
+
+			await CustomClient.connect("hmb/hello_world");
+			expect(mocked_fetch).toHaveBeenCalled();
+		});
+	});
+});
diff --git a/client/js/src/test/init_helpers.test.ts b/client/js/src/test/init_helpers.test.ts
new file mode 100644
index 0000000..045bf01
--- /dev/null
+++ b/client/js/src/test/init_helpers.test.ts
@@ -0,0 +1,156 @@
+import {
+	resolve_root,
+	get_jwt,
+	determine_protocol,
+	parse_and_set_cookies,
+	resolve_config
+} from "../helpers/init_helpers";
+import { initialise_server } from "./server";
+import { beforeAll, afterEach, afterAll, it, expect, describe } from "vitest";
+import { Client } from "../client";
+import { INVALID_CREDENTIALS_MSG, MISSING_CREDENTIALS_MSG } from "../constants";
+import { config_response } from "./test_data";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("resolve_config", () => {
+	it("requests /config without a Content-Type header and with same-origin credentials, so the cross-origin embed fetch is not blocked by CORS", async () => {
+		let captured_init: RequestInit | undefined;
+		const fake_client = {
+			options: {},
+			deep_link: null,
+			fetch: (_url: string, init: RequestInit) => {
+				captured_init = init;
+				return Promise.resolve(
+					new Response(JSON.stringify(config_response), { status: 200 })
+				);
+			}
+		} as unknown as Client;
+
+		await resolve_config.call(fake_client, "https://hmb-hello-world.hf.space");
+
+		expect(captured_init).toBeDefined();
+		const header_names = Object.keys(
+			captured_init?.headers as Record<string, string>
+		).map((h) => h.toLowerCase());
+		expect(header_names).not.toContain("content-type");
+		expect(captured_init?.credentials).toBe("same-origin");
+	});
+});
+
+describe("resolve_root", () => {
+	it('should return the base URL if the root path starts with "http://"', () => {
+		const base_url = "https://huggingface.co";
+		const root_path = "https://hmb-hello-world.hf.space";
+		const prioritize_base = true;
+		const result = resolve_root(base_url, root_path, prioritize_base);
+		expect(result).toBe(base_url);
+	});
+
+	it('should return the base URL if the root path starts with "https://"', () => {
+		const base_url = "https://huggingface.co";
+		const root_path = "https://hmb-hello-world.hf.space";
+		const prioritize_base = true;
+		const result = resolve_root(base_url, root_path, prioritize_base);
+		expect(result).toBe(base_url);
+	});
+});
+
+describe("get_jwt", () => {
+	it("should return a valid JWT token when the API call is successful", async () => {
+		const space = "hmb/hello_world";
+		const token = "hf_123";
+		const expected_jwt = "jwt_123";
+
+		const result = await get_jwt(space, token);
+
+		expect(result).toBe(expected_jwt);
+	});
+
+	it("should return false when the API call fails", async () => {
+		const space = "hmb/bye_world";
+		const token = "hf_123";
+
+		const result = await get_jwt(space, token);
+
+		expect(result).toBe(false);
+	});
+});
+
+describe("determine_protocol", () => {
+	it('should return the correct protocols and host when the endpoint starts with "http"', () => {
+		const endpoint = "http://huggingface.co";
+		const result = determine_protocol(endpoint);
+		expect(result).toEqual({
+			ws_protocol: "ws",
+			http_protocol: "http:",
+			host: "huggingface.co"
+		});
+	});
+
+	it('should return the correct protocols and host when the endpoint starts with "https"', () => {
+		const endpoint = "https://huggingface.co";
+		const result = determine_protocol(endpoint);
+		expect(result).toEqual({
+			ws_protocol: "wss",
+			http_protocol: "https:",
+			host: "huggingface.co"
+		});
+	});
+});
+
+describe("parse_and_set_cookies", () => {
+	it("should return an empty array when the cookie header is empty", () => {
+		const cookie_header = "";
+		const result = parse_and_set_cookies(cookie_header);
+		expect(result).toEqual([]);
+	});
+
+	it("should parse the cookie header and return an array of cookies", () => {
+		const cookie_header = "access-token-123=abc;access-token-unsecured-456=def";
+		const result = parse_and_set_cookies(cookie_header);
+		expect(result).toEqual(["access-token-123=abc"]);
+	});
+});
+
+describe("resolve_cookies", () => {
+	it("should set the cookies when correct auth credentials are provided", async () => {
+		const client = await Client.connect("hmb/auth_space", {
+			auth: ["admin", "pass1234"]
+		});
+
+		const api = client.view_api();
+		expect((await api).named_endpoints["/predict"]).toBeDefined();
+	});
+
+	it("should connect to a private and authenticated space", async () => {
+		const client = await Client.connect("hmb/private_auth_space", {
+			token: "hf_123",
+			auth: ["admin", "pass1234"]
+		});
+
+		const api = client.view_api();
+		expect((await api).named_endpoints["/predict"]).toBeDefined();
+	});
+
+	it("should not set the cookies when auth credentials are invalid", async () => {
+		await expect(
+			Client.connect("hmb/invalid_auth_space", {
+				auth: ["admin", "wrong_password"]
+			})
+		).rejects.toThrowError(INVALID_CREDENTIALS_MSG);
+	});
+
+	it("should not set the cookies when auth option is not provided in an auth space", async () => {
+		await expect(Client.connect("hmb/unauth_space")).rejects.toThrowError(
+			MISSING_CREDENTIALS_MSG
+		);
+	});
+});
diff --git a/client/js/src/test/mock_eventsource.ts b/client/js/src/test/mock_eventsource.ts
new file mode 100644
index 0000000..db92054
--- /dev/null
+++ b/client/js/src/test/mock_eventsource.ts
@@ -0,0 +1,13 @@
+import { vi } from "vitest";
+
+if (import.meta.env.TEST_MODE !== "node") {
+	Object.defineProperty(window, "EventSource", {
+		writable: true,
+		value: vi.fn().mockImplementation(() => ({
+			close: vi.fn(() => {}),
+			addEventListener: vi.fn(),
+			onmessage: vi.fn((_event: MessageEvent) => {}),
+			onerror: vi.fn((_event: Event) => {})
+		}))
+	});
+}
diff --git a/client/js/src/test/post_data.test.ts b/client/js/src/test/post_data.test.ts
new file mode 100644
index 0000000..518fb13
--- /dev/null
+++ b/client/js/src/test/post_data.test.ts
@@ -0,0 +1,70 @@
+import { Client } from "../client";
+import { post_data } from "../utils/post_data";
+
+import { initialise_server } from "./server";
+import { BROKEN_CONNECTION_MSG } from "../constants";
+import { beforeAll, afterEach, afterAll, it, expect, describe } from "vitest";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("post_data", () => {
+	it("should send a POST request with the correct headers and body", async () => {
+		const app = await Client.connect("hmb/hello_world");
+		const config = app.config;
+		const url = config?.root;
+		const body = { data: "test" };
+
+		if (!url) {
+			throw new Error("No URL provided");
+		}
+
+		const [response, status] = await app.post_data(url, body);
+
+		expect(response).toEqual({});
+		expect(status).toBe(200);
+	});
+
+	it("should handle network errors", async () => {
+		const app = await Client.connect("hmb/secret_world", {
+			token: "hf_123"
+		});
+
+		const url = "https://hmb-secret-world.hf.space";
+
+		if (!url) {
+			throw new Error("No URL provided");
+		}
+
+		const [response, status] = await app.post_data(url, {});
+
+		expect(response).toEqual(BROKEN_CONNECTION_MSG);
+		expect(status).toBe(500);
+	});
+
+	it("honors the credentials client option, so authenticated cross-origin deployments can opt back into cookies", async () => {
+		let captured_init: RequestInit | undefined;
+		const fake_client = {
+			options: { credentials: "include" },
+			fetch: (_url: string, init: RequestInit) => {
+				captured_init = init;
+				return Promise.resolve(new Response("{}", { status: 200 }));
+			}
+		} as unknown as Client;
+
+		const [, status] = await post_data.call(
+			fake_client,
+			"https://hmb-hello-world.hf.space/gradio_api/queue/join",
+			{ data: "test" }
+		);
+
+		expect(status).toBe(200);
+		expect(captured_init?.credentials).toBe("include");
+	});
+});
diff --git a/client/js/src/test/server.ts b/client/js/src/test/server.ts
new file mode 100644
index 0000000..fd82f07
--- /dev/null
+++ b/client/js/src/test/server.ts
@@ -0,0 +1,31 @@
+import { handlers } from "./handlers";
+// import type { StartOptions } from 'msw';
+import type { SetupWorker, StartOptions } from "msw/browser";
+
+const IS_NODE =
+	typeof process !== "undefined" && process.env.TEST_MODE === "node";
+
+interface MockServer {
+	start: (opts: StartOptions) => void | ReturnType<SetupWorker["start"]>;
+	stop: () => void | Promise<void>;
+	resetHandlers: (...handlers: any[]) => void;
+}
+
+export async function initialise_server(): Promise<MockServer> {
+	if (IS_NODE) {
+		const { setupServer } = await import("msw/node");
+		const server = setupServer(...handlers);
+		return {
+			start: (opts: StartOptions) => server.listen(opts),
+			stop: () => server.close(),
+			resetHandlers: (...h) => server.resetHandlers(...h)
+		};
+	}
+	const { setupWorker } = await import("msw/browser");
+	const worker = setupWorker(...handlers);
+	return {
+		start: (opts: StartOptions) => worker.start(opts),
+		stop: () => worker.stop(),
+		resetHandlers: (...h) => worker.resetHandlers(...h)
+	};
+}
diff --git a/client/js/src/test/spaces.test.ts b/client/js/src/test/spaces.test.ts
new file mode 100644
index 0000000..1cc58b0
--- /dev/null
+++ b/client/js/src/test/spaces.test.ts
@@ -0,0 +1,146 @@
+import { SPACE_STATUS_ERROR_MSG } from "../constants";
+import {
+	discussions_enabled,
+	get_space_hardware,
+	set_space_timeout,
+	check_space_status
+} from "../helpers/spaces";
+import { beforeAll, afterEach, afterAll, it, expect, describe } from "vitest";
+
+import { initialise_server } from "./server";
+import { hardware_sleeptime_response } from "./test_data";
+import { vi } from "vitest";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("set_space_timeout", () => {
+	it("should set the sleep timeout for a space", async () => {
+		const space_id = "hmb/hello_world";
+		const timeout = 60;
+		const token = "hf_123";
+
+		const response = await set_space_timeout(space_id, timeout, token);
+
+		expect(response).toEqual(hardware_sleeptime_response);
+	});
+
+	it("should throw an error if the fetch call fails", async () => {
+		const space_id = "hmb/server_test";
+		const timeout = 60;
+		const token = "hf_123";
+
+		await expect(set_space_timeout(space_id, timeout, token)).rejects.toThrow(
+			"Could not set sleep timeout on duplicated Space. Please visit *ADD HF LINK TO SETTINGS* to set a timeout manually to reduce billing charges."
+		);
+	});
+});
+
+describe("get_space_hardware", () => {
+	it("should return the current hardware for a space", async () => {
+		const space_id = "hmb/hello_world";
+		const token = "hf_123";
+
+		const hardware = await get_space_hardware(space_id, token);
+		expect(hardware).toEqual(hardware_sleeptime_response.hardware.current);
+	});
+
+	it("should throw an error if the fetch call fails", async () => {
+		const space_id = "hmb/bye_world";
+
+		await expect(get_space_hardware(space_id)).rejects.toThrow(
+			"Space hardware could not be obtained."
+		);
+	});
+});
+
+describe("discussions_enabled", () => {
+	it("should return true if discussions are enabled for the space", async () => {
+		const space_id = "hmb/hello_world";
+		const result = await discussions_enabled(space_id);
+		expect(result).toBe(true);
+	});
+
+	it("should return false if discussions are disabled for the space", async () => {
+		const space_id = "hmb/bye_world";
+		const result = await discussions_enabled(space_id);
+		expect(result).toBe(false);
+	});
+});
+
+describe("check_space_status", () => {
+	const status_callback = vi.fn();
+
+	it("should handle a successful response with RUNNING stage", async () => {
+		const id = "hmb/hello_world";
+		const type = "space_name";
+
+		await check_space_status(id, type, status_callback);
+		expect(status_callback).toHaveBeenCalledWith({
+			status: "running",
+			load_status: "complete",
+			message: "Space is running.",
+			detail: "RUNNING"
+		});
+	});
+
+	it("should handle a successful response with PAUSED stage", async () => {
+		const id = "hmb/paused_space";
+		const type = "space_name";
+
+		await check_space_status(id, type, status_callback);
+		expect(status_callback).toHaveBeenCalledWith({
+			status: "paused",
+			load_status: "error",
+			message:
+				"This space has been paused by the author. If you would like to try this demo, consider duplicating the space.",
+			detail: "PAUSED",
+			discussions_enabled: true
+		});
+	});
+
+	it("should handle a successful response with BUILDING stage", async () => {
+		const id = "hmb/building_space";
+		const type = "space_name";
+
+		await check_space_status(id, type, status_callback);
+		expect(status_callback).toHaveBeenCalledWith({
+			status: "building",
+			load_status: "pending",
+			message: "Space is building...",
+			detail: "BUILDING"
+		});
+	});
+
+	it("should handle a successful response with STOPPED stage", async () => {
+		const id = "hmb/stopped_space";
+		const type = "space_name";
+
+		await check_space_status(id, type, status_callback);
+		expect(status_callback).toHaveBeenCalledWith({
+			status: "sleeping",
+			load_status: "pending",
+			message: "Space is asleep. Waking it up...",
+			detail: "STOPPED"
+		});
+	});
+
+	it("should handle a failed response", async () => {
+		const id = "hmb/failed_space";
+		const type = "space_name";
+
+		await check_space_status(id, type, status_callback);
+		expect(status_callback).toHaveBeenCalledWith({
+			status: "error",
+			load_status: "error",
+			message: SPACE_STATUS_ERROR_MSG,
+			detail: "NOT_FOUND"
+		});
+	});
+});
diff --git a/client/js/src/test/stream.test.ts b/client/js/src/test/stream.test.ts
new file mode 100644
index 0000000..649052c
--- /dev/null
+++ b/client/js/src/test/stream.test.ts
@@ -0,0 +1,87 @@
+import { vi, type Mock } from "vitest";
+import { Client } from "../client";
+import { readable_stream } from "../utils/stream";
+import { initialise_server } from "./server";
+import { direct_space_url } from "./handlers.ts";
+
+import {
+	describe,
+	it,
+	expect,
+	afterEach,
+	beforeAll,
+	afterAll,
+	beforeEach
+} from "vitest";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("open_stream", () => {
+	let app: Client;
+
+	beforeEach(async () => {
+		app = await Client.connect("hmb/hello_world");
+		app.stream = vi.fn().mockImplementation(() => {
+			app.stream_instance = readable_stream(
+				new URL(`${direct_space_url}/queue/data`)
+			);
+			return app.stream_instance;
+		});
+	});
+
+	afterEach(() => {
+		vi.clearAllMocks();
+	});
+
+	it("should throw an error if config is not defined", async () => {
+		app.config = undefined;
+
+		await expect(async () => {
+			await app.open_stream();
+		}).rejects.toThrow("Could not resolve app config");
+	});
+
+	it("should connect to the SSE endpoint and handle messages", async () => {
+		await app.open_stream();
+
+		const eventsource_mock_call = (app.stream as Mock).mock.calls[0][0];
+
+		expect(eventsource_mock_call.href).toMatch(
+			/https:\/\/hmb-hello-world\.hf\.space\/queue\/data\?session_hash/
+		);
+
+		expect(app.stream).toHaveBeenCalledWith(eventsource_mock_call);
+
+		if (!app.stream_instance?.onmessage || !app.stream_instance?.onerror) {
+			throw new Error("stream instance is not defined");
+		}
+
+		const message = { msg: "hello jerry" };
+
+		app.stream_instance.onmessage({
+			data: JSON.stringify(message)
+		} as MessageEvent);
+		expect(app.stream_status.open).toBe(true);
+
+		expect(app.event_callbacks).toEqual({});
+		expect(app.pending_stream_messages).toEqual({});
+
+		const close_stream_message = { msg: "close_stream" };
+		app.stream_instance.onmessage({
+			data: JSON.stringify(close_stream_message)
+		} as MessageEvent);
+		expect(app.stream_status.open).toBe(false);
+
+		app.stream_instance.onerror({
+			data: JSON.stringify("404")
+		} as MessageEvent);
+		expect(app.stream_status.open).toBe(false);
+	});
+});
diff --git a/client/js/src/test/submit.test.ts b/client/js/src/test/submit.test.ts
new file mode 100644
index 0000000..fcf88f7
--- /dev/null
+++ b/client/js/src/test/submit.test.ts
@@ -0,0 +1,169 @@
+import { describe, beforeAll, afterEach, afterAll, test, expect } from "vitest";
+
+import { Client } from "../client";
+import { initialise_server } from "./server";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+async function race_with_timeout<T>(
+	promise: Promise<T>,
+	ms: number,
+	message: string
+): Promise<T> {
+	let timer: ReturnType<typeof setTimeout> | undefined;
+	const timeout = new Promise<never>((_, reject) => {
+		timer = setTimeout(() => reject(new Error(message)), ms);
+	});
+	try {
+		return await Promise.race([promise, timeout]);
+	} finally {
+		if (timer !== undefined) clearTimeout(timer);
+	}
+}
+
+describe("submit iterator", () => {
+	test("next() after the iterator is closed resolves to {done: true}", async () => {
+		const app = await Client.connect("hmb/hello_world");
+		// Avoid opening a real SSE stream — the test does not need one.
+		app.stream_status.open = true;
+
+		const iterator = app.submit("/predict", ["hi"]);
+		await iterator.return();
+
+		const result = await race_with_timeout(
+			iterator.next(),
+			1000,
+			"next() did not resolve after the iterator was closed"
+		);
+		expect(result).toEqual({ value: undefined, done: true });
+	});
+
+	test("for-await loop terminates when data and complete arrive in the same SSE callback", async () => {
+		const app = await Client.connect("hmb/hello_world", {
+			events: ["data", "status"]
+		});
+		app.stream_status.open = true;
+
+		const iterator = app.submit("/predict", ["hi"]);
+		const event_id = await iterator.wait_for_id();
+		expect(event_id).toBeTruthy();
+
+		const callback = app.event_callbacks[event_id as string];
+		expect(callback).toBeDefined();
+
+		const events: { type: string }[] = [];
+		const consumer = (async () => {
+			for await (const event of iterator) {
+				events.push(event as { type: string });
+			}
+		})();
+
+		// Let the consumer drain the pending status event pushed by submit()
+		// and suspend on a fresh next() call, so a resolver is queued before
+		// the SSE callback fires.
+		await new Promise((r) => setTimeout(r, 0));
+
+		// process_completed in the same tick fires a data event (resolving the
+		// pending resolver), a status complete event (queued to values because
+		// no resolver is registered at that instant), and then close().
+		await callback({
+			msg: "process_completed",
+			output: { data: ["done"] },
+			success: true
+		});
+
+		await race_with_timeout(
+			consumer,
+			1000,
+			"submit iterator did not terminate after process_completed"
+		);
+
+		const types = events.map((e) => e.type);
+		expect(types).toContain("data");
+		expect(types).toContain("status");
+	});
+
+	test("for-await loop terminates when the server raises an error mid-stream", async () => {
+		const app = await Client.connect("hmb/hello_world", {
+			events: ["data", "status"]
+		});
+		app.stream_status.open = true;
+
+		const iterator = app.submit("/predict", ["hi"]);
+		const event_id = await iterator.wait_for_id();
+		expect(event_id).toBeTruthy();
+
+		const callback = app.event_callbacks[event_id as string];
+		expect(callback).toBeDefined();
+
+		const events: { type: string; stage?: string }[] = [];
+		const consumer = (async () => {
+			for await (const event of iterator) {
+				events.push(event as { type: string; stage?: string });
+			}
+		})();
+
+		await new Promise((r) => setTimeout(r, 0));
+
+		// Stream a partial result first, so the error below genuinely arrives
+		// mid-stream rather than as the very first message.
+		await callback({
+			msg: "process_generating",
+			output: { data: ["partial"] },
+			success: true
+		});
+
+		// A server-side exception then arrives as process_completed with
+		// success:false and an `error` field in the output. This must fire an
+		// "error" status and terminate the iterator rather than hang the
+		// consumer. handle_message() reads title/visible/duration from
+		// `output`, so mirror a real payload's shape here.
+		await callback({
+			msg: "process_completed",
+			output: {
+				error: "boom mid-stream",
+				title: "Error",
+				visible: true,
+				duration: 0
+			},
+			success: false
+		});
+
+		await race_with_timeout(
+			consumer,
+			1000,
+			"submit iterator did not terminate after a server-side error"
+		);
+
+		// The partial result should have been delivered before the error.
+		expect(events.some((e) => e.type === "data")).toBe(true);
+
+		const error_event = events.find(
+			(e) => e.type === "status" && e.stage === "error"
+		);
+		expect(error_event).toBeDefined();
+	});
+});
+
+describe("predict error handling", () => {
+	test("predict() rejects its returned promise when the endpoint does not exist, so the error is catchable", async () => {
+		const app = await Client.connect("hmb/hello_world");
+
+		await expect(
+			race_with_timeout(
+				app.predict("nonexistent_endpoint", ["hi"]),
+				1000,
+				"predict() never settled for an unknown endpoint"
+			)
+		).rejects.toThrow(
+			"There is no endpoint matching that name of fn_index matching that number."
+		);
+	});
+});
diff --git a/client/js/src/test/test_data.ts b/client/js/src/test/test_data.ts
new file mode 100644
index 0000000..331dcc9
--- /dev/null
+++ b/client/js/src/test/test_data.ts
@@ -0,0 +1,562 @@
+// @ts-nocheck
+import { ApiData, ApiInfo, Config, EndpointInfo } from "../types";
+
+export const runtime_response = {
+	stage: "RUNNING",
+	hardware: {
+		current: "cpu-basic",
+		requested: "cpu-basic"
+	},
+	storage: {
+		current: null,
+		requested: null
+	},
+	gcTimeout: 86400,
+	replicas: {
+		current: 1,
+		requested: 1
+	},
+	devMode: false,
+	domains: [
+		{
+			domain: "hmb-hello-world.hf.space",
+			isCustom: false,
+			stage: "READY"
+		}
+	]
+};
+
+export const transformed_api_info: ApiInfo<ApiData> = {
+	named_endpoints: {
+		"/predict": {
+			parameters: [
+				{
+					label: "name",
+					type: "string",
+					python_type: { type: "str", description: "" },
+					component: "Textbox",
+					example_input: "Hello!!"
+				}
+			],
+			returns: [
+				{
+					label: "output",
+					type: "string",
+					python_type: { type: "str", description: "" },
+					component: "Textbox"
+				}
+			],
+			type: { generator: false, cancel: false }
+		}
+	},
+	unnamed_endpoints: {
+		"0": {
+			parameters: [
+				{
+					label: "name",
+					type: "string",
+					python_type: { type: "str", description: "" },
+					component: "Textbox",
+					example_input: "Hello!!"
+				}
+			],
+			returns: [
+				{
+					label: "output",
+					type: "string",
+					python_type: { type: "str", description: "" },
+					component: "Textbox"
+				}
+			],
+			type: { generator: false, cancel: false }
+		}
+	}
+};
+
+export const response_api_info: ApiInfo<ApiData> = {
+	named_endpoints: {
+		"/predict": {
+			parameters: [
+				{
+					label: "name",
+					type: {
+						type: "string"
+					},
+					python_type: {
+						type: "str",
+						description: ""
+					},
+					component: "Textbox",
+					example_input: "Hello!!"
+				}
+			],
+			returns: [
+				{
+					label: "output",
+					type: {
+						type: "string"
+					},
+					python_type: {
+						type: "str",
+						description: ""
+					},
+					component: "Textbox"
+				}
+			]
+		}
+	},
+	unnamed_endpoints: {}
+};
+
+export const config_response: Config = {
+	version: "4.27.0",
+	mode: "interface",
+	app_id: 123,
+	dev_mode: false,
+	analytics_enabled: true,
+	components: [
+		{
+			id: 3,
+			type: "row",
+			props: {
+				variant: "default",
+				visible: true,
+				equal_height: false,
+				name: "row"
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 4,
+			type: "column",
+			props: {
+				scale: 1,
+				min_width: 320,
+				variant: "panel",
+				visible: true,
+				name: "column"
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 5,
+			type: "column",
+			props: {
+				scale: 1,
+				min_width: 320,
+				variant: "default",
+				visible: true,
+				name: "column"
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 1,
+			type: "textbox",
+			props: {
+				lines: 1,
+				max_lines: 20,
+				label: "name",
+				show_label: true,
+				container: true,
+				min_width: 160,
+				visible: true,
+				autofocus: false,
+				autoscroll: true,
+				elem_classes: [],
+				type: "text",
+				rtl: false,
+				show_copy_button: false,
+				name: "textbox",
+				_selectable: false
+			},
+			skip_api: false,
+			component_class_id: "",
+			api_info: {
+				type: "string"
+			},
+			example_inputs: "Hello!!"
+		},
+		{
+			id: 6,
+			type: "form",
+			props: {
+				scale: 0,
+				min_width: 0,
+				name: "form"
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 7,
+			type: "row",
+			props: {
+				variant: "default",
+				visible: true,
+				equal_height: true,
+				name: "row"
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 8,
+			type: "button",
+			props: {
+				value: "Clear",
+				variant: "secondary",
+				visible: true,
+				interactive: true,
+				elem_classes: [],
+				api_visibility: "undocumented",
+				name: "button",
+				_selectable: false
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 9,
+			type: "button",
+			props: {
+				value: "Submit",
+				variant: "primary",
+				visible: true,
+				interactive: true,
+				elem_classes: [],
+				name: "button",
+				_selectable: false
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 10,
+			type: "column",
+			props: {
+				scale: 1,
+				min_width: 320,
+				variant: "panel",
+				visible: true,
+				name: "column"
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 2,
+			type: "textbox",
+			props: {
+				lines: 1,
+				max_lines: 20,
+				label: "output",
+				show_label: true,
+				container: true,
+				min_width: 160,
+				interactive: false,
+				visible: true,
+				autofocus: false,
+				autoscroll: true,
+				elem_classes: [],
+				type: "text",
+				rtl: false,
+				show_copy_button: false,
+				name: "textbox",
+				_selectable: false
+			},
+			skip_api: false,
+			component_class_id: "",
+			api_info: {
+				type: "string"
+			},
+			example_inputs: "Hello!!"
+		},
+		{
+			id: 11,
+			type: "row",
+			props: {
+				variant: "default",
+				visible: true,
+				equal_height: true,
+				name: "row"
+			},
+			skip_api: true,
+			component_class_id: ""
+		},
+		{
+			id: 12,
+			type: "form",
+			props: {
+				scale: 0,
+				min_width: 0,
+				name: "form"
+			},
+			skip_api: true,
+			component_class_id: ""
+		}
+	],
+	css: null,
+	js: null,
+	head: null,
+	title: "Gradio",
+	space_id: "hmb/hello_world",
+	enable_queue: true,
+	show_error: false,
+	footer_links: ["api", "gradio", "settings"],
+	is_colab: false,
+	stylesheets: [],
+	theme: "default",
+	protocol: "sse_v3",
+	body_css: {
+		body_background_fill: "white",
+		body_text_color: "#1f2937",
+		body_background_fill_dark: "#0b0f19",
+		body_text_color_dark: "#f3f4f6"
+	},
+	fill_height: false,
+	layout: {
+		id: 0,
+		children: [
+			{
+				id: 3,
+				children: [
+					{
+						id: 4,
+						children: [
+							{
+								id: 5,
+								children: [
+									{
+										id: 6,
+										children: [
+											{
+												id: 1
+											}
+										]
+									}
+								]
+							},
+							{
+								id: 7,
+								children: [
+									{
+										id: 8
+									},
+									{
+										id: 9
+									}
+								]
+							}
+						]
+					},
+					{
+						id: 10,
+						children: [
+							{
+								id: 12,
+								children: [
+									{
+										id: 2
+									}
+								]
+							},
+							{
+								id: 11,
+								children: []
+							}
+						]
+					}
+				]
+			}
+		]
+	},
+	dependencies: [
+		{
+			id: 0,
+			targets: [
+				[9, "click"],
+				[1, "submit"]
+			],
+			inputs: [1],
+			outputs: [2],
+			backend_fn: true,
+			js: null,
+			queue: null,
+			api_name: "predict",
+			scroll_to_output: false,
+			show_progress: "full",
+			every: null,
+			batch: false,
+			max_batch_size: 4,
+			cancels: [],
+			types: {
+				generator: false,
+				cancel: false
+			},
+			collects_event_data: false,
+			trigger_after: null,
+			trigger_only_on_success: false,
+			trigger_only_on_failure: false,
+			trigger_mode: "once",
+			api_visibility: "public",
+			zerogpu: false
+		},
+		{
+			id: 1,
+			targets: [[8, "click"]],
+			inputs: [],
+			outputs: [1, 2],
+			backend_fn: false,
+			js: "() => [null, null]",
+			queue: false,
+			api_name: "js_fn",
+			scroll_to_output: false,
+			show_progress: "full",
+			every: null,
+			batch: false,
+			max_batch_size: 4,
+			cancels: [],
+			types: {
+				generator: false,
+				cancel: false
+			},
+			collects_event_data: false,
+			trigger_after: null,
+			trigger_only_on_success: false,
+			trigger_only_on_failure: false,
+			trigger_mode: "once",
+			api_visibility: "private",
+			zerogpu: false
+		},
+		{
+			id: 2,
+			targets: [[8, "click"]],
+			inputs: [],
+			outputs: [5],
+			backend_fn: false,
+			js: '() => [{"variant": null, "visible": true, "__type__": "update"}]\n            ',
+			queue: false,
+			api_name: "js_fn_1",
+			scroll_to_output: false,
+			show_progress: "full",
+			every: null,
+			batch: false,
+			max_batch_size: 4,
+			cancels: [],
+			types: {
+				generator: false,
+				cancel: false
+			},
+			collects_event_data: false,
+			trigger_after: null,
+			trigger_only_on_success: false,
+			trigger_only_on_failure: false,
+			trigger_mode: "once",
+			api_visibility: "private",
+			zerogpu: false
+		}
+	],
+	root: "https://hmb-hello-world.hf.space",
+	path: ""
+};
+
+export const whoami_response = {
+	type: "user",
+	id: "123",
+	name: "hmb",
+	fullname: "jerry",
+	email: "jerry@gradio.com",
+	emailVerified: true,
+	canPay: true,
+	periodEnd: 123,
+	isPro: false,
+	avatarUrl: "",
+	orgs: [],
+	auth: {
+		type: "access_token",
+		accessToken: {
+			displayName: "Gradio Client",
+			role: "write"
+		}
+	}
+};
+
+export const duplicate_response = {
+	url: "https://huggingface.co/spaces/hmb/hello_world"
+};
+
+export const hardware_sleeptime_response = {
+	stage: "RUNNING",
+	hardware: {
+		current: "cpu-basic",
+		requested: "cpu-upgrade"
+	},
+	storage: null,
+	gcTimeout: 300,
+	replicas: {
+		current: 1,
+		requested: 1
+	},
+	devMode: false,
+	domains: [
+		{
+			domain: "hmb-hello-world.hf.space",
+			isCustom: false,
+			stage: "READY"
+		}
+	]
+};
+
+export const endpoint_info: EndpointInfo<ApiData> = {
+	parameters: [
+		{
+			label: "parameter_2",
+			parameter_name: "im",
+			parameter_has_default: false,
+			parameter_default: null,
+			type: "",
+			python_type: {
+				type: "Dict(background: filepath | None, layers: List[filepath], composite: filepath | None, id: str | None)",
+				description: ""
+			},
+			component: "Imageeditor",
+			example_input: {
+				background: {
+					path: "",
+					meta: {
+						_type: "gradio.FileData"
+					},
+					orig_name: "bus.png",
+					url: ""
+				},
+				layers: [],
+				composite: null
+			}
+		}
+	],
+	returns: [
+		{
+			label: "value_3",
+			type: "string",
+			python_type: {
+				type: "filepath",
+				description: ""
+			},
+			component: "Image"
+		}
+	],
+	type: {
+		generator: false
+	}
+};
+
+export const discussions_response = {
+	discussions: [],
+	count: 0,
+	start: 0,
+	numClosedDiscussions: 0
+};
diff --git a/client/js/src/test/typing.test.ts b/client/js/src/test/typing.test.ts
new file mode 100644
index 0000000..6956609
--- /dev/null
+++ b/client/js/src/test/typing.test.ts
@@ -0,0 +1,65 @@
+import { describe, test, expect } from "vitest";
+import type { PredictReturn, PredictFunction } from "../types";
+
+describe("PredictReturn generic types", () => {
+	test("PredictReturn with default unknown type", () => {
+		const result: PredictReturn = {
+			type: "data",
+			time: new Date(),
+			data: ["any", "data"],
+			endpoint: "/predict",
+			fn_index: 0
+		};
+		expect(result.data).toBeDefined();
+	});
+
+	test("PredictReturn with custom type", () => {
+		type MyData = { text: string; confidence: number };
+		const result: PredictReturn<MyData> = {
+			type: "data",
+			time: new Date(),
+			data: { text: "hello", confidence: 0.95 },
+			endpoint: "/predict",
+			fn_index: 0
+		};
+		expect(result.data.text).toBe("hello");
+		expect(result.data.confidence).toBe(0.95);
+	});
+
+	test("PredictReturn with array type", () => {
+		type ArrayData = string[];
+		const result: PredictReturn<ArrayData> = {
+			type: "data",
+			time: new Date(),
+			data: ["hello", "world"],
+			endpoint: "/predict",
+			fn_index: 0
+		};
+		expect(result.data[0]).toBe("hello");
+		expect(result.data.length).toBe(2);
+	});
+
+	test("PredictFunction type signature allows generic parameter", () => {
+		// This test verifies that PredictFunction accepts a generic type parameter
+		type MyResponse = { output: string };
+
+		// Mock function that matches PredictFunction signature
+		const mockPredict: PredictFunction = async <T = unknown>(
+			endpoint: string | number,
+			data?: unknown[] | Record<string, unknown>,
+			event_data?: unknown
+		): Promise<PredictReturn<T>> => {
+			return {
+				type: "data",
+				time: new Date(),
+				data: { output: "test" } as T,
+				endpoint: String(endpoint),
+				fn_index: 0
+			};
+		};
+
+		// Type check: calling with generic parameter
+		const typedResult = mockPredict<MyResponse>("/predict", ["input"]);
+		expect(typedResult).toBeDefined();
+	});
+});
diff --git a/client/js/src/test/upload_files.test.ts b/client/js/src/test/upload_files.test.ts
new file mode 100644
index 0000000..508e7e5
--- /dev/null
+++ b/client/js/src/test/upload_files.test.ts
@@ -0,0 +1,45 @@
+import { describe, it, expect, afterEach, beforeAll, afterAll } from "vitest";
+
+import { Client } from "..";
+import { initialise_server } from "./server";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("upload_files", () => {
+	it("should upload files successfully", async () => {
+		const root_url = "https://hmb-hello-world.hf.space";
+
+		const client = await Client.connect("hmb/hello_world", {
+			token: "hf_token"
+		});
+
+		const files = [new Blob([], { type: "image/jpeg" })];
+
+		const response = await client.upload_files(root_url, files);
+
+		if (!response.files) {
+			throw new Error("No files returned");
+		}
+
+		expect(response.files).toHaveLength(1);
+		expect(response.files[0]).toBe("lion.jpg");
+	});
+
+	it.skip("should handle a server error when connected to a running app and uploading files", async () => {
+		const client = await Client.connect("hmb/server_test");
+
+		const root_url = "https://hmb-server-test.hf.space";
+		const files = [new Blob([""], { type: "text/plain" })];
+
+		await expect(client.upload_files(root_url, files)).rejects.toThrow(
+			"Connection errored out. Failed to fetch"
+		);
+	});
+});
diff --git a/client/js/src/test/view_api.test.ts b/client/js/src/test/view_api.test.ts
new file mode 100644
index 0000000..ebc822a
--- /dev/null
+++ b/client/js/src/test/view_api.test.ts
@@ -0,0 +1,56 @@
+import { describe, beforeAll, afterEach, afterAll, test, expect } from "vitest";
+
+import { Client, client, duplicate } from "..";
+import { transformed_api_info, config_response } from "./test_data";
+import { initialise_server } from "./server";
+
+const app_reference = "hmb/hello_world";
+const secret_app_reference = "hmb/secret_world";
+const secret_direct_app_reference = "https://hmb-secret-world.hf.space";
+
+let server: Awaited<ReturnType<typeof initialise_server>>;
+
+beforeAll(async () => {
+	server = await initialise_server();
+	await server.start({ quiet: true });
+});
+afterEach(() => server.resetHandlers());
+afterAll(() => server.stop());
+
+describe("view_api", () => {
+	test("viewing the api of a running, public app", async () => {
+		const app = await Client.connect(app_reference);
+
+		expect(await app.view_api()).toEqual(transformed_api_info);
+	});
+
+	test("viewing the api of a running, private app", async () => {
+		const app = await Client.connect(secret_app_reference, {
+			token: "hf_123"
+		});
+
+		expect(app.config).toEqual({
+			...config_response,
+			root: secret_direct_app_reference
+		});
+
+		expect(await app.view_api()).toEqual({
+			...transformed_api_info
+		});
+	});
+
+	test("viewing the api of a running, private app with a direct app URL", async () => {
+		const app = await Client.connect(secret_direct_app_reference, {
+			token: "hf_123"
+		});
+
+		expect(app.config).toEqual({
+			...config_response,
+			root: secret_direct_app_reference
+		});
+
+		expect(await app.view_api()).toEqual({
+			...transformed_api_info
+		});
+	});
+});
diff --git a/client/js/src/types.ts b/client/js/src/types.ts
new file mode 100644
index 0000000..c037134
--- /dev/null
+++ b/client/js/src/types.ts
@@ -0,0 +1,436 @@
+// API Data Types
+
+import { hardware_types } from "./helpers/spaces";
+import type { SvelteComponent } from "svelte";
+import type { ComponentType } from "svelte";
+
+export interface ApiData {
+	label: string;
+	parameter_name: string;
+	parameter_default?: any;
+	parameter_has_default?: boolean;
+	type: {
+		type: any;
+		description: string;
+	};
+	component: string;
+	example_input?: any;
+	python_type: { type: string; description: string };
+	serializer: string;
+}
+
+export interface JsApiData {
+	label: string;
+	parameter_name: string;
+	parameter_default?: any;
+	parameter_has_default?: boolean;
+	type: string;
+	description: string;
+	component: string;
+	example_input?: any;
+	serializer: string;
+	python_type: { type: string; description: string };
+}
+
+export interface EndpointInfo<T extends ApiData | JsApiData> {
+	parameters: T[];
+	returns: T[];
+	type?: DependencyTypes;
+}
+
+export interface ApiInfo<T extends ApiData | JsApiData> {
+	named_endpoints: Record<string, EndpointInfo<T>>;
+	unnamed_endpoints: Record<string, EndpointInfo<T>>;
+}
+
+export interface BlobRef {
+	path: string[];
+	type: string | undefined;
+	blob: Blob | File | false;
+}
+
+export type DataType = string | Buffer | Record<string, any> | any[];
+
+// custom class used for uploading local files
+export class Command {
+	type: string;
+	command: string;
+	meta: {
+		path: string;
+		name: string;
+		orig_path: string;
+	};
+	fileData?: FileData;
+
+	constructor(
+		command: string,
+		meta: { path: string; name: string; orig_path: string }
+	) {
+		this.type = "command";
+		this.command = command;
+		this.meta = meta;
+	}
+}
+
+// Function Signature Types
+
+export type SubmitFunction = (
+	endpoint: string | number,
+	data?: unknown[] | Record<string, unknown>,
+	event_data?: unknown,
+	trigger_id?: number | null,
+	all_events?: boolean,
+	additional_headers?: Record<string, string>
+) => SubmitIterable<GradioEvent>;
+
+export type PredictFunction = <T = unknown>(
+	endpoint: string | number,
+	data?: unknown[] | Record<string, unknown>,
+	event_data?: unknown
+) => Promise<PredictReturn<T>>;
+
+export type client_return = {
+	config: Config | undefined;
+	predict: PredictFunction;
+	submit: SubmitFunction;
+	component_server: (
+		component_id: number,
+		fn_name: string,
+		data: unknown[]
+	) => any;
+	view_api: (_fetch: typeof fetch) => Promise<ApiInfo<JsApiData>>;
+};
+
+export interface SubmitIterable<T> extends AsyncIterable<T> {
+	[Symbol.asyncIterator](): SubmitIterable<T>;
+	next: () => Promise<IteratorResult<T, unknown>>;
+	throw: (value: unknown) => Promise<IteratorResult<T, unknown>>;
+	return: () => Promise<IteratorReturnResult<undefined>>;
+	cancel: () => Promise<void>;
+	event_id: () => string;
+	send_chunk: (payload: Record<string, unknown>) => void;
+	wait_for_id: () => Promise<string | null>;
+	close_stream: () => void;
+}
+
+export type PredictReturn<T = unknown> = {
+	type: EventType;
+	time: Date;
+	data: T;
+	endpoint: string;
+	fn_index: number;
+};
+
+// Space Status Types
+
+export type SpaceStatus = SpaceStatusNormal | SpaceStatusError;
+
+export interface SpaceStatusNormal {
+	status:
+		| "sleeping"
+		| "running"
+		| "building"
+		| "error"
+		| "stopped"
+		| "starting";
+	detail:
+		| "SLEEPING"
+		| "RUNNING"
+		| "RUNNING_BUILDING"
+		| "BUILDING"
+		| "APP_STARTING"
+		| "NOT_FOUND";
+	load_status: "pending" | "error" | "complete" | "generating";
+	message: string;
+}
+
+export interface SpaceStatusError {
+	status: "space_error" | "paused";
+	detail:
+		| "NO_APP_FILE"
+		| "CONFIG_ERROR"
+		| "BUILD_ERROR"
+		| "RUNTIME_ERROR"
+		| "PAUSED";
+	load_status: "error";
+	message: string;
+	discussions_enabled: boolean;
+}
+
+export type SpaceStatusCallback = (a: SpaceStatus) => void;
+
+// Configuration and Response Types
+// --------------------------------
+export interface Config {
+	deep_link_state?: "none" | "valid" | "invalid";
+	auth_required?: true;
+	app_id?: string;
+	analytics_enabled: boolean;
+	connect_heartbeat: boolean;
+	dev_mode: boolean;
+	vibe_mode: boolean;
+	auth_message: string;
+	components: ComponentMeta[];
+	css: string | null;
+	js: string | null;
+	head: string | null;
+	dependencies: Dependency[];
+	enable_queue: boolean;
+	show_error: boolean;
+	layout: any;
+	mode: "blocks" | "interface" | "chat_interface";
+	root: string;
+	root_url?: string;
+	theme: string;
+	title: string;
+	version: string;
+	space_id: string | null;
+	is_space: boolean;
+	is_colab: boolean;
+	footer_links: string[];
+	stylesheets: string[];
+	current_page: string;
+	page: Record<
+		string,
+		{
+			components: number[];
+			dependencies: number[];
+			layout: any;
+		}
+	>;
+	pages: [string, string, boolean][];
+	protocol: "sse_v3" | "sse_v2.1" | "sse_v2" | "sse_v1" | "sse" | "ws";
+	max_file_size?: number;
+	theme_hash?: number;
+	username: string | null;
+	api_prefix?: string;
+	fill_height?: boolean;
+	fill_width?: boolean;
+	pwa?: boolean;
+	i18n_translations?: Record<string, Record<string, string>> | null;
+	mcp_server?: boolean;
+}
+
+// todo: DRY up types
+export interface ComponentMeta {
+	type: string;
+	id: number;
+	has_modes: boolean;
+	props: SharedProps;
+	instance: SvelteComponent;
+	component: ComponentType<SvelteComponent>;
+	documentation?: Documentation;
+	children?: ComponentMeta[];
+	parent?: ComponentMeta;
+	value?: any;
+	component_class_id: string;
+	key: string | number | null;
+	rendered_in?: number;
+}
+
+interface SharedProps {
+	elem_id?: string;
+	elem_classes?: string[];
+	components?: string[];
+	server_fns?: string[];
+	interactive: boolean;
+	visible: boolean | "hidden";
+	[key: string]: unknown;
+	root_url?: string;
+}
+
+export interface Documentation {
+	type?: TypeDescription;
+	description?: TypeDescription;
+	example_data?: string;
+}
+
+interface TypeDescription {
+	input_payload?: string;
+	response_object?: string;
+	payload?: string;
+}
+
+export interface Dependency {
+	id: number;
+	targets: [number, string][];
+	inputs: number[];
+	outputs: number[];
+	backend_fn: boolean;
+	js: string | null;
+	scroll_to_output: boolean;
+	trigger: "click" | "load" | string;
+	max_batch_size: number;
+	show_progress: "full" | "minimal" | "hidden";
+	show_progress_on: number[] | null;
+	frontend_fn: ((...args: unknown[]) => Promise<unknown[]>) | null;
+	status?: string;
+	queue: boolean | null;
+	every: number | null;
+	batch: boolean;
+	api_name: string | null;
+	cancels: number[];
+	types: DependencyTypes;
+	collects_event_data: boolean;
+	pending_request?: boolean;
+	trigger_after?: number;
+	trigger_only_on_success?: boolean;
+	trigger_only_on_failure?: boolean;
+	trigger_mode: "once" | "multiple" | "always_last";
+	final_event: Payload | null;
+	api_visibility: "public" | "private" | "undocumented";
+	rendered_in: number | null;
+	render_id: number | null;
+	connection: "stream" | "sse";
+	time_limit: number;
+	stream_every: number;
+	like_user_message: boolean;
+	event_specific_args: string[];
+	component_prop_inputs: number[];
+	js_implementation: string | null;
+}
+
+export interface DependencyTypes {
+	generator: boolean;
+	cancel: boolean;
+}
+
+export interface Payload {
+	fn_index: number;
+	data: unknown[];
+	time?: Date;
+	event_data?: unknown;
+	trigger_id?: number | null;
+}
+
+export interface PostResponse {
+	error?: string;
+	[x: string]: any;
+}
+
+export interface UploadResponse {
+	error?: string;
+	files?: string[];
+}
+
+// Client and File Handling Types
+
+export interface DuplicateOptions extends ClientOptions {
+	private?: boolean;
+	hardware?: (typeof hardware_types)[number];
+	timeout?: number;
+}
+
+export interface ClientOptions {
+	token?: `hf_${string}`;
+	status_callback?: SpaceStatusCallback | null;
+	auth?: [string, string] | null;
+	with_null_state?: boolean;
+	events?: EventType[];
+	headers?: Record<string, string> | Headers;
+	query_params?: Record<string, string>;
+	session_hash?: string;
+	cookies?: string;
+	credentials?: RequestCredentials;
+}
+
+export interface FileData {
+	name: string;
+	orig_name?: string;
+	size?: number;
+	data: string;
+	blob?: File;
+	is_file?: boolean;
+	mime_type?: string;
+	alt_text?: string;
+}
+
+// Event and Listener Types
+
+export type EventType = "data" | "status" | "log" | "render";
+
+export interface EventMap {
+	data: PayloadMessage;
+	status: StatusMessage;
+	log: LogMessage;
+	render: RenderMessage;
+}
+
+export type GradioEvent = {
+	[P in EventType]: EventMap[P];
+}[EventType];
+
+export interface Log {
+	log: string;
+	title: string;
+	level: "warning" | "info" | "success" | "error";
+}
+export interface Render {
+	data: {
+		components: any[];
+		layout: any;
+		dependencies: Dependency[];
+		render_id: number;
+	};
+}
+
+export interface ValidationError {
+	is_valid: boolean;
+	message: string;
+}
+
+export interface Status {
+	queue: boolean;
+	code?: string;
+	success?: boolean;
+	stage: "pending" | "error" | "complete" | "generating" | "streaming";
+	duration?: number;
+	visible?: boolean;
+	broken?: boolean;
+	size?: number;
+	position?: number;
+	eta?: number;
+	title?: string;
+	message?: string | ValidationError[];
+	progress_data?: {
+		progress: number | null;
+		index: number | null;
+		length: number | null;
+		unit: string | null;
+		desc: string | null;
+	}[];
+	time?: Date;
+	changed_state_ids?: number[];
+	time_limit?: number;
+	session_not_found?: boolean;
+	used_cache?: "full" | "partial" | null;
+	cache_duration?: number;
+	avg_time?: number;
+}
+
+export interface StatusMessage extends Status {
+	type: "status";
+	endpoint: string;
+	fn_index: number;
+	original_msg?: string;
+}
+
+export interface PayloadMessage extends Payload {
+	type: "data";
+	endpoint: string;
+	fn_index: number;
+}
+
+export interface LogMessage extends Log {
+	type: "log";
+	endpoint: string;
+	fn_index: number;
+	duration: number | null;
+	visible: boolean;
+}
+
+export interface RenderMessage extends Render {
+	type: "render";
+	endpoint: string;
+	fn_index: number;
+}
diff --git a/client/js/src/upload.ts b/client/js/src/upload.ts
new file mode 100644
index 0000000..ecbe277
--- /dev/null
+++ b/client/js/src/upload.ts
@@ -0,0 +1,109 @@
+import type { Client } from "./client";
+import { filesize } from "./utils/filesize";
+export async function upload(
+	this: Client,
+	file_data: FileData[],
+	root_url: string,
+	upload_id?: string,
+	max_file_size?: number
+): Promise<(FileData | null)[] | null> {
+	let files = (Array.isArray(file_data) ? file_data : [file_data]).map(
+		(file_data) => file_data.blob!
+	);
+
+	const oversized_files = files.filter(
+		(f) => f.size > (max_file_size ?? Infinity)
+	);
+	if (oversized_files.length) {
+		throw new Error(
+			`File(s) exceed the maximum allowed size of ${filesize(max_file_size || Infinity)}: ${oversized_files
+				.map((f) => `"${f.name}"`)
+				.join(", ")}`
+		);
+	}
+
+	return await Promise.all(
+		await this.upload_files(root_url, files, upload_id).then(
+			async (response: { files?: string[]; error?: string }) => {
+				if (response.error) {
+					throw new Error(response.error);
+				} else {
+					if (response.files) {
+						return response.files.map((f, i) => {
+							const file = new FileData({
+								...file_data[i],
+								path: f,
+								url: `${root_url}${this.api_prefix}/file=${f}`
+							});
+							return file;
+						});
+					}
+
+					return [];
+				}
+			}
+		)
+	);
+}
+
+export async function prepare_files(
+	files: File[],
+	is_stream?: boolean
+): Promise<FileData[]> {
+	return files.map(
+		(f) =>
+			new FileData({
+				path: f.name,
+				orig_name: f.name,
+				blob: f,
+				size: f.size,
+				mime_type: f.type,
+				is_stream
+			})
+	);
+}
+
+export class FileData {
+	path: string;
+	url?: string;
+	orig_name?: string;
+	size?: number;
+	blob?: File;
+	is_stream?: boolean;
+	mime_type?: string;
+	alt_text?: string;
+	b64?: string;
+	readonly meta = { _type: "gradio.FileData" };
+
+	constructor({
+		path,
+		url,
+		orig_name,
+		size,
+		blob,
+		is_stream,
+		mime_type,
+		alt_text,
+		b64
+	}: {
+		path: string;
+		url?: string;
+		orig_name?: string;
+		size?: number;
+		blob?: File;
+		is_stream?: boolean;
+		mime_type?: string;
+		alt_text?: string;
+		b64?: string;
+	}) {
+		this.path = path;
+		this.url = url;
+		this.orig_name = orig_name;
+		this.size = size;
+		this.blob = url ? undefined : blob;
+		this.is_stream = is_stream;
+		this.mime_type = mime_type;
+		this.alt_text = alt_text;
+		this.b64 = b64;
+	}
+}
diff --git a/client/js/src/utils/duplicate.ts b/client/js/src/utils/duplicate.ts
new file mode 100644
index 0000000..11d763d
--- /dev/null
+++ b/client/js/src/utils/duplicate.ts
@@ -0,0 +1,128 @@
+import {
+	get_space_hardware,
+	hardware_types,
+	set_space_timeout
+} from "../helpers/spaces";
+import type { DuplicateOptions } from "../types";
+import { Client } from "../client";
+import { SPACE_METADATA_ERROR_MSG } from "../constants";
+import {
+	get_cookie_header,
+	parse_and_set_cookies
+} from "../helpers/init_helpers";
+import { process_endpoint } from "../helpers/api_info";
+
+export async function duplicate(
+	app_reference: string,
+	options: DuplicateOptions
+): Promise<Client> {
+	const { token, private: _private, hardware, timeout, auth } = options;
+
+	if (hardware && !hardware_types.includes(hardware)) {
+		throw new Error(
+			`Invalid hardware type provided. Valid types are: ${hardware_types
+				.map((v) => `"${v}"`)
+				.join(",")}.`
+		);
+	}
+
+	const { http_protocol, host } = await process_endpoint(app_reference, token);
+
+	let cookies: string[] | null = null;
+
+	if (auth) {
+		const cookie_header = await get_cookie_header(
+			http_protocol,
+			host,
+			auth,
+			fetch,
+			undefined,
+			options.credentials
+		);
+
+		if (cookie_header) cookies = parse_and_set_cookies(cookie_header);
+	}
+
+	const headers = {
+		Authorization: `Bearer ${token}`,
+		"Content-Type": "application/json",
+		...(cookies ? { Cookie: cookies.join("; ") } : {})
+	};
+
+	const user = (
+		await (
+			await fetch(`https://huggingface.co/api/whoami-v2`, {
+				headers
+			})
+		).json()
+	).name;
+
+	const space_name = app_reference.split("/")[1];
+	const body: {
+		repository: string;
+		private?: boolean;
+		hardware?: string;
+	} = {
+		repository: `${user}/${space_name}`
+	};
+
+	if (_private) {
+		body.private = true;
+	}
+
+	let original_hardware;
+
+	try {
+		if (!hardware) {
+			original_hardware = await get_space_hardware(app_reference, token);
+		}
+	} catch (e) {
+		throw Error(SPACE_METADATA_ERROR_MSG + (e as Error).message);
+	}
+
+	const requested_hardware = hardware || original_hardware || "cpu-basic";
+
+	body.hardware = requested_hardware;
+
+	try {
+		const response = await fetch(
+			`https://huggingface.co/api/spaces/${app_reference}/duplicate`,
+			{
+				method: "POST",
+				headers,
+				body: JSON.stringify(body)
+			}
+		);
+
+		if (response.status === 409) {
+			try {
+				const client = await Client.connect(`${user}/${space_name}`, options);
+				return client;
+			} catch (error) {
+				console.error("Failed to connect Client instance:", error);
+				throw error;
+			}
+		} else if (response.status !== 200) {
+			throw new Error(response.statusText);
+		}
+
+		const duplicated_space = await response.json();
+
+		await set_space_timeout(`${user}/${space_name}`, timeout || 300, token);
+
+		return await Client.connect(
+			get_space_reference(duplicated_space.url),
+			options
+		);
+	} catch (e: any) {
+		throw new Error(e);
+	}
+}
+
+function get_space_reference(url: string): any {
+	const regex = /https:\/\/huggingface.co\/spaces\/([^/]+\/[^/]+)/;
+	const match = url.match(regex);
+	if (match) {
+		return match[1];
+	}
+}
diff --git a/client/js/src/utils/filesize.ts b/client/js/src/utils/filesize.ts
new file mode 100644
index 0000000..3e28e69
--- /dev/null
+++ b/client/js/src/utils/filesize.ts
@@ -0,0 +1,41 @@
+type SPEC = {
+	readonly radix: number;
+	readonly unit: string[];
+};
+
+const si = {
+	radix: 1e3,
+	unit: ["b", "kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"]
+};
+const iec = {
+	radix: 1024,
+	unit: ["b", "Kib", "Mib", "Gib", "Tib", "Pib", "Eib", "Zib", "Yib"]
+};
+const jedec = {
+	radix: 1024,
+	unit: ["b", "Kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"]
+};
+
+export const SPECS: Record<string, SPEC> = {
+	si,
+	iec,
+	jedec
+};
+
+/**
+ * file size from https://github.com/hustcc/filesize.js
+ * @param bytes - The number of bytes to convert to human-readable format
+ * @param fixed - Number of decimal places to display (default: 1)
+ * @param spec - Size specification to use: "si", "iec", or "jedec" (default: "jedec")
+ * @returns Human-readable file size string
+ */
+export function filesize(bytes: number, fixed = 1, spec = "jedec"): string {
+	bytes = Math.abs(bytes);
+	const { radix, unit } = SPECS[spec] || SPECS.jedec;
+	let loop = 0;
+	while (bytes >= radix) {
+		bytes /= radix;
+		++loop;
+	}
+	return `${bytes.toFixed(fixed)} ${unit[loop]}`;
+}
diff --git a/client/js/src/utils/handle_blob.ts b/client/js/src/utils/handle_blob.ts
new file mode 100644
index 0000000..815a965
--- /dev/null
+++ b/client/js/src/utils/handle_blob.ts
@@ -0,0 +1,142 @@
+import { update_object, walk_and_store_blobs } from "../helpers/data";
+import {
+	Command,
+	type ApiData,
+	type EndpointInfo,
+	type JsApiData
+} from "../types";
+import { FileData } from "../upload";
+import type { Client } from "..";
+import {
+	FILE_PROCESSING_ERROR_MSG,
+	NODEJS_FS_ERROR_MSG,
+	ROOT_URL_ERROR_MSG
+} from "../constants";
+
+export async function handle_blob(
+	this: Client,
+	endpoint: string,
+	data: unknown[],
+	api_info: EndpointInfo<JsApiData | ApiData>
+): Promise<unknown[]> {
+	const self = this;
+
+	await process_local_file_commands(self, data);
+
+	const blobRefs = await walk_and_store_blobs(
+		data,
+		undefined,
+		[],
+		true,
+		api_info
+	);
+
+	const results = await Promise.all(
+		blobRefs.map(async ({ path, blob, type }) => {
+			if (!blob) return { path, type };
+
+			const response = await self.upload_files(endpoint, [blob]);
+			const file_url = response.files && response.files[0];
+			return {
+				path,
+				file_url,
+				type,
+				name:
+					typeof File !== "undefined" && blob instanceof File
+						? blob?.name
+						: undefined
+			};
+		})
+	);
+
+	results.forEach(({ path, file_url, type, name }) => {
+		if (type === "Gallery") {
+			update_object(data, file_url, path);
+		} else if (file_url) {
+			const file = new FileData({ path: file_url, orig_name: name });
+			update_object(data, file, path);
+		}
+	});
+
+	return data;
+}
+
+export async function process_local_file_commands(
+	client: Client,
+	data: unknown[]
+): Promise<void> {
+	const root = client.config?.root || client.config?.root_url;
+
+	if (!root) {
+		throw new Error(ROOT_URL_ERROR_MSG);
+	}
+
+	await recursively_process_commands(client, data);
+}
+
+async function recursively_process_commands(
+	client: Client,
+	data: any,
+	path: string[] = []
+): Promise<void> {
+	for (const key in data) {
+		if (data[key] instanceof Command) {
+			await process_single_command(client, data, key);
+		} else if (typeof data[key] === "object" && data[key] !== null) {
+			await recursively_process_commands(client, data[key], [...path, key]);
+		}
+	}
+}
+
+async function process_single_command(
+	client: Client,
+	data: any,
+	key: string
+): Promise<void> {
+	let cmd_item = data[key] as Command;
+	const root = client.config?.root || client.config?.root_url;
+
+	if (!root) {
+		throw new Error(ROOT_URL_ERROR_MSG);
+	}
+
+	try {
+		let fileBuffer: Buffer;
+		let fullPath: string;
+
+		// check if running in a Node.js environment
+		if (
+			typeof process !== "undefined" &&
+			process.versions &&
+			process.versions.node
+		) {
+			const fs = await import("fs/promises");
+			const path = await import("path");
+
+			fullPath = path.resolve(process.cwd(), cmd_item.meta.path);
+			fileBuffer = await fs.readFile(fullPath); // Read file from disk
+		} else {
+			throw new Error(NODEJS_FS_ERROR_MSG);
+		}
+
+		const file = new Blob([fileBuffer as any], {
+			type: "application/octet-stream"
+		});
+
+		const response = await client.upload_files(root, [file]);
+
+		const file_url = response.files && response.files[0];
+
+		if (file_url) {
+			const fileData = new FileData({
+				path: file_url,
+				orig_name: cmd_item.meta.name || ""
+			});
+
+			// replace the command object with the fileData object
+			data[key] = fileData;
+		}
+	} catch (error) {
+		console.error(FILE_PROCESSING_ERROR_MSG, error);
+	}
+}
diff --git a/client/js/src/utils/post_data.ts b/client/js/src/utils/post_data.ts
new file mode 100644
index 0000000..44ae427
--- /dev/null
+++ b/client/js/src/utils/post_data.ts
@@ -0,0 +1,38 @@
+import { BROKEN_CONNECTION_MSG } from "../constants";
+import type { PostResponse } from "../types";
+import { Client } from "..";
+
+export async function post_data(
+	this: Client,
+	url: string,
+	body: unknown,
+	additional_headers?: any
+): Promise<[PostResponse, number]> {
+	const headers: {
+		Authorization?: string;
+		"Content-Type": "application/json";
+	} = { "Content-Type": "application/json" };
+	if (this.options.token) {
+		headers.Authorization = `Bearer ${this.options.token}`;
+	}
+	try {
+		var response = await this.fetch(url, {
+			method: "POST",
+			body: JSON.stringify(body),
+			headers: { ...headers, ...additional_headers },
+			credentials: this.options.credentials ?? "same-origin"
+		});
+	} catch (e) {
+		return [{ error: BROKEN_CONNECTION_MSG }, 500];
+	}
+	let output: PostResponse;
+	let status: number;
+	try {
+		output = await response.json();
+		status = response.status;
+	} catch (e) {
+		output = { error: `Could not parse server response: ${e}` };
+		status = 500;
+	}
+	return [output, status];
+}
diff --git a/client/js/src/utils/predict.ts b/client/js/src/utils/predict.ts
new file mode 100644
index 0000000..3a850f4
--- /dev/null
+++ b/client/js/src/utils/predict.ts
@@ -0,0 +1,53 @@
+import { Client } from "../client";
+import type { Dependency, PredictReturn } from "../types";
+
+export async function predict<T = unknown>(
+	this: Client,
+	endpoint: string | number,
+	data: unknown[] | Record<string, unknown> = {}
+): Promise<PredictReturn<T>> {
+	let data_returned = false;
+	let status_complete = false;
+	let dependency: Dependency;
+
+	if (!this.config) {
+		throw new Error("Could not resolve app config");
+	}
+
+	if (typeof endpoint === "number") {
+		dependency = this.config.dependencies.find((dep) => dep.id == endpoint)!;
+	} else {
+		const trimmed_endpoint = endpoint.replace(/^\//, "");
+		dependency = this.config.dependencies.find(
+			(dep) => dep.id == this.api_map[trimmed_endpoint]
+		)!;
+	}
+
+	const app = this.submit(endpoint, data, null, null, true);
+	let result: unknown;
+
+	for await (const message of app) {
+		if (message.type === "data") {
+			data_returned = true;
+			result = message;
+			if (status_complete) {
+				return result as PredictReturn<T>;
+			}
+		}
+
+		if (message.type === "status") {
+			if (message.stage === "error") {
+				throw message;
+			}
+			if (message.stage === "complete") {
+				status_complete = true;
+				// if complete message comes after data, resolve here
+				if (data_returned) {
+					return result as PredictReturn<T>;
+				}
+			}
+		}
+	}
+
+	return result as PredictReturn<T>;
+}
diff --git a/client/js/src/utils/stream.ts b/client/js/src/utils/stream.ts
new file mode 100644
index 0000000..d5f2446
--- /dev/null
+++ b/client/js/src/utils/stream.ts
@@ -0,0 +1,229 @@
+import { BROKEN_CONNECTION_MSG, SSE_URL } from "../constants";
+import type { Client } from "../client";
+import { stream } from "fetch-event-stream";
+
+export async function open_stream(this: Client): Promise<void> {
+	let {
+		event_callbacks,
+		unclosed_events,
+		pending_stream_messages,
+		stream_status,
+		config,
+		jwt
+	} = this;
+
+	const that = this;
+
+	if (!config) {
+		throw new Error("Could not resolve app config");
+	}
+
+	stream_status.open = true;
+
+	let stream: EventSource | null = null;
+	let params = new URLSearchParams({
+		session_hash: this.session_hash
+	}).toString();
+
+	let url = new URL(`${config.root}${this.api_prefix}/${SSE_URL}?${params}`);
+
+	if (jwt) {
+		url.searchParams.set("__sign", jwt);
+	}
+
+	stream = this.stream(url);
+
+	if (!stream) {
+		console.warn("Cannot connect to SSE endpoint: " + url.toString());
+		return;
+	}
+
+	stream.onmessage = async function (event: MessageEvent) {
+		let _data = JSON.parse(event.data);
+		if (_data.msg === "close_stream") {
+			close_stream(stream_status, that.abort_controller);
+			return;
+		}
+		const event_id = _data.event_id;
+		if (!event_id) {
+			await Promise.all(
+				Object.keys(event_callbacks).map((event_id) =>
+					event_callbacks[event_id](_data)
+				)
+			);
+		} else if (event_callbacks[event_id] && config) {
+			if (
+				_data.msg === "process_completed" &&
+				["sse", "sse_v1", "sse_v2", "sse_v2.1", "sse_v3"].includes(
+					config.protocol
+				)
+			) {
+				unclosed_events.delete(event_id);
+			}
+			let fn: (data: any) => void = event_callbacks[event_id];
+
+			if (typeof window !== "undefined" && typeof document !== "undefined") {
+				// fn(_data); // need to do this to put the event on the end of the event loop, so the browser can refresh between callbacks and not freeze in case of quick generations. See
+				setTimeout(fn, 0, _data); // need to do this to put the event on the end of the event loop, so the browser can refresh between callbacks and not freeze in case of quick generations. See https://github.com/gradio-app/gradio/pull/7055
+			} else {
+				fn(_data);
+			}
+		} else {
+			if (!pending_stream_messages[event_id]) {
+				pending_stream_messages[event_id] = [];
+			}
+			pending_stream_messages[event_id].push(_data);
+		}
+	};
+	stream.onerror = async function (e) {
+		console.error(e);
+		await Promise.all(
+			Object.keys(event_callbacks).map((event_id) =>
+				event_callbacks[event_id]({
+					msg: "broken_connection",
+					message: BROKEN_CONNECTION_MSG
+				})
+			)
+		);
+	};
+}
+
+export function close_stream(
+	stream_status: { open: boolean },
+	abort_controller: AbortController | null
+): void {
+	if (stream_status) {
+		stream_status.open = false;
+		abort_controller?.abort();
+	}
+}
+
+export function apply_diff_stream(
+	pending_diff_streams: Record<string, any[][]>,
+	event_id: string,
+	data: any
+): void {
+	let is_first_generation = !pending_diff_streams[event_id];
+	if (is_first_generation) {
+		pending_diff_streams[event_id] = [];
+		data.data.forEach((value: any, i: number) => {
+			pending_diff_streams[event_id][i] = value;
+		});
+	} else {
+		data.data.forEach((value: any, i: number) => {
+			let new_data = apply_diff(pending_diff_streams[event_id][i], value);
+			pending_diff_streams[event_id][i] = new_data;
+			data.data[i] = new_data;
+		});
+	}
+}
+
+export function apply_diff(
+	obj: any,
+	diff: [string, (number | string)[], any][]
+): any {
+	diff.forEach(([action, path, value]) => {
+		obj = apply_edit(obj, path, action, value);
+	});
+
+	return obj;
+}
+
+function apply_edit(
+	target: any,
+	path: (number | string)[],
+	action: string,
+	value: any
+): any {
+	if (path.length === 0) {
+		if (action === "replace") {
+			return value;
+		} else if (action === "append") {
+			return target + value;
+		}
+		throw new Error(`Unsupported action: ${action}`);
+	}
+
+	let current = target;
+	for (let i = 0; i < path.length - 1; i++) {
+		current = current[path[i]];
+	}
+
+	const last_path = path[path.length - 1];
+	switch (action) {
+		case "replace":
+			current[last_path] = value;
+			break;
+		case "append":
+			current[last_path] += value;
+			break;
+		case "add":
+			if (Array.isArray(current)) {
+				current.splice(Number(last_path), 0, value);
+			} else {
+				current[last_path] = value;
+			}
+			break;
+		case "delete":
+			if (Array.isArray(current)) {
+				current.splice(Number(last_path), 1);
+			} else {
+				delete current[last_path];
+			}
+			break;
+		default:
+			throw new Error(`Unknown action: ${action}`);
+	}
+	return target;
+}
+
+export function readable_stream(
+	input: RequestInfo | URL,
+	init: RequestInit = {}
+): EventSource {
+	const instance: EventSource & { readyState: number } = {
+		close: () => {
+			console.warn("Method not implemented.");
+		},
+		onerror: null,
+		onmessage: null,
+		onopen: null,
+		readyState: 0,
+		url: input.toString(),
+		withCredentials: false,
+		CONNECTING: 0,
+		OPEN: 1,
+		CLOSED: 2,
+		addEventListener: () => {
+			throw new Error("Method not implemented.");
+		},
+		dispatchEvent: () => {
+			throw new Error("Method not implemented.");
+		},
+		removeEventListener: () => {
+			throw new Error("Method not implemented.");
+		}
+	};
+
+	stream(input, init)
+		.then(async (res) => {
+			instance.readyState = instance.OPEN;
+			try {
+				for await (const chunk of res) {
+					//@ts-ignore
+					instance.onmessage && instance.onmessage(chunk);
+				}
+				instance.readyState = instance.CLOSED;
+			} catch (e) {
+				instance.onerror && instance.onerror(e as Event);
+				instance.readyState = instance.CLOSED;
+			}
+		})
+		.catch((e) => {
+			console.error(e);
+			instance.onerror && instance.onerror(e as Event);
+			instance.readyState = instance.CLOSED;
+		});
+
+	return instance as EventSource;
+}
diff --git a/client/js/src/utils/submit.ts b/client/js/src/utils/submit.ts
new file mode 100644
index 0000000..bc982a4
--- /dev/null
+++ b/client/js/src/utils/submit.ts
@@ -0,0 +1,760 @@
+import type {
+	Status,
+	Payload,
+	GradioEvent,
+	JsApiData,
+	EndpointInfo,
+	ApiInfo,
+	Config,
+	Dependency,
+	SubmitIterable
+} from "../types";
+
+import { skip_queue, post_message, handle_payload } from "../helpers/data";
+import { get_zerogpu_origin } from "../helpers/zerogpu";
+import {
+	handle_message,
+	map_data_to_params,
+	process_endpoint
+} from "../helpers/api_info";
+import {
+	BROKEN_CONNECTION_MSG,
+	QUEUE_FULL_MSG,
+	SSE_URL,
+	SSE_DATA_URL,
+	RESET_URL,
+	CANCEL_URL
+} from "../constants";
+import { apply_diff_stream, close_stream } from "./stream";
+import { Client } from "../client";
+
+export function submit(
+	this: Client,
+	endpoint: string | number,
+	data: unknown[] | Record<string, unknown> = {},
+	event_data?: unknown,
+	trigger_id?: number | null,
+	all_events?: boolean,
+	additional_headers?: Record<string, string>
+): SubmitIterable<GradioEvent> {
+	try {
+		const { token } = this.options;
+		const {
+			fetch,
+			app_reference,
+			config,
+			session_hash,
+			api_info,
+			api_map,
+			stream_status,
+			pending_stream_messages,
+			pending_diff_streams,
+			event_callbacks,
+			unclosed_events,
+			post_data,
+			options,
+			api_prefix
+		} = this;
+
+		const addt_headers = additional_headers || { "x-gradio-user": "api" };
+
+		const that = this;
+
+		if (!api_info) throw new Error("No API found");
+		if (!config) throw new Error("Could not resolve app config");
+
+		let { fn_index, endpoint_info, dependency } = get_endpoint_info(
+			api_info,
+			endpoint,
+			api_map,
+			config
+		);
+
+		let resolved_data = map_data_to_params(data, endpoint_info);
+
+		let stream: EventSource | null;
+		let protocol = config.protocol ?? "ws";
+		if (protocol === "ws") {
+			throw new Error("WebSocket protocol is not supported in this version");
+		}
+		let event_id_final = "";
+		let event_id_cb: () => string = () => event_id_final;
+
+		const _endpoint = typeof endpoint === "number" ? "/predict" : endpoint;
+		let payload: Payload;
+		let event_id: string | null = null;
+		let complete: Status | undefined | false = false;
+		let last_status: Record<string, Status["stage"]> = {};
+		let url_params =
+			typeof window !== "undefined" && typeof document !== "undefined"
+				? new URLSearchParams(window.location.search).toString()
+				: "";
+
+		const events_to_publish =
+			options?.events?.reduce(
+				(acc, event) => {
+					acc[event] = true;
+					return acc;
+				},
+				{} as Record<string, boolean>
+			) || {};
+
+		// event subscription methods
+		function fire_event(event: GradioEvent): void {
+			if (all_events || events_to_publish[event.type]) {
+				push_event(event);
+			}
+		}
+
+		async function cancel(): Promise<void> {
+			let reset_request = {};
+			let cancel_request = {};
+			reset_request = { event_id };
+			cancel_request = { event_id, session_hash, fn_index };
+
+			try {
+				if (!config) {
+					throw new Error("Could not resolve app config");
+				}
+
+				if ("event_id" in cancel_request) {
+					await fetch(`${config.root}${api_prefix}/${CANCEL_URL}`, {
+						headers: { "Content-Type": "application/json" },
+						method: "POST",
+						body: JSON.stringify(cancel_request)
+					});
+				}
+
+				await fetch(`${config.root}${api_prefix}/${RESET_URL}`, {
+					headers: { "Content-Type": "application/json" },
+					method: "POST",
+					body: JSON.stringify(reset_request)
+				});
+			} catch (e) {
+				console.warn(
+					"The `/reset` endpoint could not be called. Subsequent endpoint results may be unreliable."
+				);
+			}
+		}
+
+		const resolve_heartbeat = async (config: Config): Promise<void> => {
+			await this._resolve_heartbeat(config);
+		};
+
+		async function handle_render_config(render_config: any): Promise<void> {
+			if (!config) return;
+			let render_id: number = render_config.render_id;
+			config.components = [
+				...config.components.filter((c) => c.props.rendered_in !== render_id),
+				...render_config.components
+			];
+			config.dependencies = [
+				...config.dependencies.filter((d) => d.rendered_in !== render_id),
+				...render_config.dependencies
+			];
+			const any_state = config.components.some((c) => c.type === "state");
+			const any_unload = config.dependencies.some((d) =>
+				d.targets.some((t) => t[1] === "unload")
+			);
+			config.connect_heartbeat = any_state || any_unload;
+			await resolve_heartbeat(config);
+			fire_event({
+				type: "render",
+				data: render_config,
+				endpoint: _endpoint,
+				fn_index
+			});
+		}
+
+		const job = this.handle_blob(
+			config.root,
+			resolved_data,
+			endpoint_info
+		).then(async (_payload) => {
+			let input_data = handle_payload(
+				_payload,
+				dependency,
+				config.components,
+				"input",
+				true
+			);
+			payload = {
+				data: input_data || [],
+				event_data,
+				fn_index,
+				trigger_id
+			};
+			if (skip_queue(fn_index, config)) {
+				fire_event({
+					type: "status",
+					endpoint: _endpoint,
+					stage: "pending",
+					queue: false,
+					fn_index,
+					time: new Date()
+				});
+
+				post_data(
+					`${config.root}${api_prefix}/run${
+						_endpoint.startsWith("/") ? _endpoint : `/${_endpoint}`
+					}${url_params ? "?" + url_params : ""}`,
+					{
+						...payload,
+						session_hash
+					},
+					addt_headers
+				)
+					.then(async ([output, status_code]: any) => {
+						const data = output.data;
+
+						if (status_code == 200) {
+							fire_event({
+								type: "data",
+								endpoint: _endpoint,
+								fn_index,
+								data: handle_payload(
+									data,
+									dependency,
+									config.components,
+									"output",
+									options.with_null_state
+								),
+								time: new Date(),
+								event_data,
+								trigger_id
+							});
+							if (output.render_config) {
+								await handle_render_config(output.render_config);
+							}
+
+							fire_event({
+								type: "status",
+								endpoint: _endpoint,
+								fn_index,
+								stage: "complete",
+								eta: output.average_duration,
+								queue: false,
+								time: new Date()
+							});
+						} else {
+							const is_connection_error =
+								output?.error === BROKEN_CONNECTION_MSG;
+							fire_event({
+								type: "status",
+								stage: "error",
+								endpoint: _endpoint,
+								fn_index,
+								message: output.error,
+								broken: is_connection_error,
+								queue: false,
+								time: new Date()
+							});
+						}
+					})
+					.catch((e) => {
+						fire_event({
+							type: "status",
+							stage: "error",
+							message: e.message,
+							endpoint: _endpoint,
+							fn_index,
+							queue: false,
+							time: new Date()
+						});
+					});
+			} else if (protocol == "sse") {
+				fire_event({
+					type: "status",
+					stage: "pending",
+					queue: true,
+					endpoint: _endpoint,
+					fn_index,
+					time: new Date()
+				});
+				var params = new URLSearchParams({
+					fn_index: fn_index.toString(),
+					session_hash: session_hash
+				}).toString();
+				let url = new URL(
+					`${config.root}${api_prefix}/${SSE_URL}?${
+						url_params ? url_params + "&" : ""
+					}${params}`
+				);
+
+				if (this.jwt) {
+					url.searchParams.set("__sign", this.jwt);
+				}
+
+				stream = this.stream(url);
+
+				if (!stream) {
+					return Promise.reject(
+						new Error("Cannot connect to SSE endpoint: " + url.toString())
+					);
+				}
+
+				stream.onmessage = async function (event: MessageEvent) {
+					const _data = JSON.parse(event.data);
+					const { type, status, data } = handle_message(
+						_data,
+						last_status[fn_index]
+					);
+
+					if (type === "update" && status && !complete) {
+						// call 'status' listeners
+						fire_event({
+							type: "status",
+							endpoint: _endpoint,
+							fn_index,
+							time: new Date(),
+							...status
+						});
+						if (status.stage === "error") {
+							stream?.close();
+							close();
+						}
+					} else if (type === "data") {
+						let [_, status] = await post_data(
+							`${config.root}${api_prefix}/queue/data`,
+							{
+								...payload,
+								session_hash,
+								event_id
+							}
+						);
+						if (status !== 200) {
+							fire_event({
+								type: "status",
+								stage: "error",
+								message: BROKEN_CONNECTION_MSG,
+								queue: true,
+								endpoint: _endpoint,
+								fn_index,
+								time: new Date()
+							});
+							stream?.close();
+							close();
+						}
+					} else if (type === "complete") {
+						complete = status;
+					} else if (type === "log") {
+						fire_event({
+							type: "log",
+							title: data.title,
+							log: data.log,
+							level: data.level,
+							endpoint: _endpoint,
+							duration: data.duration,
+							visible: data.visible,
+							fn_index
+						});
+					} else if (type === "generating" || type === "streaming") {
+						fire_event({
+							type: "status",
+							time: new Date(),
+							...status,
+							stage: status?.stage!,
+							queue: true,
+							endpoint: _endpoint,
+							fn_index
+						});
+					}
+					if (data) {
+						fire_event({
+							type: "data",
+							time: new Date(),
+							data: handle_payload(
+								data.data,
+								dependency,
+								config.components,
+								"output",
+								options.with_null_state
+							),
+							endpoint: _endpoint,
+							fn_index,
+							event_data,
+							trigger_id
+						});
+
+						if (complete) {
+							fire_event({
+								type: "status",
+								time: new Date(),
+								...complete,
+								stage: status?.stage!,
+								queue: true,
+								endpoint: _endpoint,
+								fn_index
+							});
+							stream?.close();
+							close();
+						}
+					}
+				};
+			} else if (
+				protocol == "sse_v1" ||
+				protocol == "sse_v2" ||
+				protocol == "sse_v2.1" ||
+				protocol == "sse_v3"
+			) {
+				// latest API format. v2 introduces sending diffs for intermediate outputs in generative functions, which makes payloads lighter.
+				// v3 only closes the stream when the backend sends the close stream message.
+				fire_event({
+					type: "status",
+					stage: "pending",
+					queue: true,
+					endpoint: _endpoint,
+					fn_index,
+					time: new Date()
+				});
+				let hostname = "";
+				if (typeof window !== "undefined" && typeof document !== "undefined") {
+					hostname = window?.location?.hostname;
+				}
+
+				const origin = get_zerogpu_origin(hostname);
+
+				const is_zerogpu_iframe =
+					typeof window !== "undefined" &&
+					typeof document !== "undefined" &&
+					window.parent != window &&
+					!!origin &&
+					window.supports_zerogpu_headers;
+				const zerogpu_auth_promise = is_zerogpu_iframe
+					? post_message<Map<string, string>>("zerogpu-headers", origin)
+					: Promise.resolve(null);
+				const post_data_promise = zerogpu_auth_promise.then((headers) => {
+					const combined_headers = { ...addt_headers, ...(headers || {}) };
+					return post_data(
+						`${config.root}${api_prefix}/${SSE_DATA_URL}?${url_params}`,
+						{
+							...payload,
+							session_hash
+						},
+						combined_headers
+					);
+				});
+
+				return post_data_promise.then(async ([response, status]: any) => {
+					if (response.event_id) {
+						event_id_final = response.event_id as string;
+					}
+
+					if (status === 503) {
+						fire_event({
+							type: "status",
+							stage: "error",
+							message: QUEUE_FULL_MSG,
+							queue: true,
+							endpoint: _endpoint,
+							fn_index,
+							time: new Date(),
+							visible: true
+						});
+						close();
+					} else if (status === 422) {
+						fire_event({
+							type: "status",
+							stage: "error",
+							message: response.detail,
+							queue: true,
+							endpoint: _endpoint,
+							fn_index,
+							code: "validation_error",
+							time: new Date(),
+							visible: true
+						});
+						close();
+					} else if (status !== 200) {
+						const is_connection_error =
+							response?.error === BROKEN_CONNECTION_MSG;
+						fire_event({
+							type: "status",
+							stage: "error",
+							broken: is_connection_error,
+							message: is_connection_error
+								? BROKEN_CONNECTION_MSG
+								: response.detail || response.error,
+							queue: true,
+							endpoint: _endpoint,
+							fn_index,
+							time: new Date(),
+							visible: true
+						});
+						close();
+					} else {
+						event_id = response.event_id as string;
+						event_id_final = event_id;
+						let callback = async function (_data: object): Promise<void> {
+							try {
+								const { type, status, data, original_msg } = handle_message(
+									_data,
+									last_status[fn_index]
+								);
+
+								if (type == "heartbeat") {
+									return;
+								}
+
+								if (type === "update" && status && !complete) {
+									// call 'status' listeners
+									fire_event({
+										type: "status",
+										endpoint: _endpoint,
+										fn_index,
+										time: new Date(),
+										original_msg: original_msg,
+										...status
+									});
+								} else if (type === "complete") {
+									complete = status;
+								} else if (
+									type == "unexpected_error" ||
+									type == "broken_connection"
+								) {
+									console.error("Unexpected error", status?.message);
+									const broken = type === "broken_connection";
+									fire_event({
+										type: "status",
+										stage: "error",
+										message: status?.message || "An Unexpected Error Occurred!",
+										queue: true,
+										endpoint: _endpoint,
+										broken,
+										session_not_found: status?.session_not_found,
+										fn_index,
+										time: new Date()
+									});
+								} else if (type === "log") {
+									fire_event({
+										type: "log",
+										title: data.title,
+										log: data.log,
+										level: data.level,
+										endpoint: _endpoint,
+										duration: data.duration,
+										visible: data.visible,
+										fn_index
+									});
+									return;
+								} else if (type === "generating" || type === "streaming") {
+									fire_event({
+										type: "status",
+										time: new Date(),
+										...status,
+										stage: status?.stage!,
+										queue: true,
+										endpoint: _endpoint,
+										fn_index
+									});
+									if (
+										data &&
+										dependency.connection !== "stream" &&
+										["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)
+									) {
+										apply_diff_stream(pending_diff_streams, event_id!, data);
+									}
+								}
+								if (data) {
+									fire_event({
+										type: "data",
+										time: new Date(),
+										data: handle_payload(
+											data.data,
+											dependency,
+											config.components,
+											"output",
+											options.with_null_state
+										),
+										endpoint: _endpoint,
+										fn_index
+									});
+									if (data.render_config) {
+										await handle_render_config(data.render_config);
+									}
+
+									if (complete) {
+										fire_event({
+											type: "status",
+											time: new Date(),
+											...complete,
+											stage: status?.stage!,
+											queue: true,
+											endpoint: _endpoint,
+											fn_index
+										});
+										close();
+									}
+								}
+
+								if (status?.stage === "complete" || status?.stage === "error") {
+									if (event_callbacks[event_id!]) {
+										delete event_callbacks[event_id!];
+									}
+									if (event_id! in pending_diff_streams) {
+										delete pending_diff_streams[event_id!];
+									}
+									close();
+								}
+							} catch (e) {
+								console.error("Unexpected client exception", e);
+								fire_event({
+									type: "status",
+									stage: "error",
+									message: "An Unexpected Error Occurred!",
+									queue: true,
+									endpoint: _endpoint,
+									fn_index,
+									time: new Date()
+								});
+								if (["sse_v2", "sse_v2.1", "sse_v3"].includes(protocol)) {
+									close_stream(stream_status, that.abort_controller);
+									stream_status.open = false;
+									close();
+								}
+							}
+						};
+
+						if (event_id in pending_stream_messages) {
+							pending_stream_messages[event_id].forEach((msg) => callback(msg));
+							delete pending_stream_messages[event_id];
+						}
+						// @ts-ignore
+						event_callbacks[event_id] = callback;
+						unclosed_events.add(event_id);
+						if (!stream_status.open) {
+							await this.open_stream();
+						}
+					}
+				});
+			}
+		});
+
+		let done = false;
+		const values: (IteratorResult<GradioEvent> | PromiseLike<never>)[] = [];
+		const resolvers: ((
+			value: IteratorResult<GradioEvent> | PromiseLike<never>
+		) => void)[] = [];
+
+		function close(): void {
+			done = true;
+			while (resolvers.length > 0)
+				(resolvers.shift() as (typeof resolvers)[0])({
+					value: undefined,
+					done: true
+				});
+		}
+
+		function push(
+			data: { value: GradioEvent; done: boolean } | PromiseLike<never>
+		): void {
+			if (resolvers.length > 0) {
+				(resolvers.shift() as (typeof resolvers)[0])(data);
+			} else {
+				values.push(data);
+			}
+		}
+
+		function push_error(error: unknown): void {
+			push(thenable_reject(error));
+			close();
+		}
+
+		function push_event(event: GradioEvent): void {
+			push({ value: event, done: false });
+		}
+
+		function next(): Promise<IteratorResult<GradioEvent, unknown>> {
+			if (values.length > 0) {
+				return Promise.resolve(values.shift() as (typeof values)[0]);
+			}
+			if (done) {
+				return Promise.resolve({ value: undefined, done: true });
+			}
+			return new Promise((resolve) => resolvers.push(resolve));
+		}
+
+		const iterator: SubmitIterable<GradioEvent> = {
+			[Symbol.asyncIterator]: () => iterator,
+			next,
+			throw: async (value: unknown) => {
+				push_error(value);
+				return next();
+			},
+			return: async () => {
+				close();
+				return { value: undefined, done: true as const };
+			},
+			cancel,
+			send_chunk: (payload: Record<string, unknown>) => {
+				this.post_data(`${config.root}${api_prefix}/stream/${event_id_final}`, {
+					...payload,
+					session_hash: this.session_hash
+				});
+			},
+			close_stream: () => {
+				this.post_data(
+					`${config.root}${api_prefix}/stream/${event_id_final}/close`,
+					{}
+				);
+
+				close();
+			},
+			event_id: () => event_id_final,
+			wait_for_id: async () => {
+				await job;
+				return event_id;
+			}
+		};
+
+		return iterator;
+	} catch (error) {
+		console.error("Submit function encountered an error:", error);
+		throw error;
+	}
+}
+
+function thenable_reject<T>(error: T): PromiseLike<never> {
+	return {
+		then: (
+			resolve: (value: never) => PromiseLike<never>,
+			reject: (error: T) => PromiseLike<never>
+		) => reject(error)
+	};
+}
+
+function get_endpoint_info(
+	api_info: ApiInfo<JsApiData>,
+	endpoint: string | number,
+	api_map: Record<string, number>,
+	config: Config
+): {
+	fn_index: number;
+	endpoint_info: EndpointInfo<JsApiData>;
+	dependency: Dependency;
+} {
+	let fn_index: number;
+	let endpoint_info: EndpointInfo<JsApiData>;
+	let dependency: Dependency;
+
+	if (typeof endpoint === "number") {
+		fn_index = endpoint;
+		endpoint_info = api_info.unnamed_endpoints[fn_index];
+		dependency = config.dependencies.find((dep) => dep.id == endpoint)!;
+	} else {
+		const trimmed_endpoint = endpoint.replace(/^\//, "");
+
+		fn_index = api_map[trimmed_endpoint];
+		endpoint_info = api_info.named_endpoints[endpoint.trim()];
+		dependency = config.dependencies.find(
+			(dep) => dep.id == api_map[trimmed_endpoint]
+		)!;
+	}
+
+	if (typeof fn_index !== "number") {
+		throw new Error(
+			"There is no endpoint matching that name of fn_index matching that number."
+		);
+	}
+	return { fn_index, endpoint_info, dependency };
+}
diff --git a/client/js/src/utils/upload_files.ts b/client/js/src/utils/upload_files.ts
new file mode 100644
index 0000000..a87ee73
--- /dev/null
+++ b/client/js/src/utils/upload_files.ts
@@ -0,0 +1,52 @@
+import type { Client } from "..";
+import { BROKEN_CONNECTION_MSG, UPLOAD_URL } from "../constants";
+import type { UploadResponse } from "../types";
+
+export async function upload_files(
+	this: Client,
+	root_url: string,
+	files: (Blob | File)[],
+	upload_id?: string
+): Promise<UploadResponse> {
+	const headers: {
+		Authorization?: string;
+	} = {};
+	if (this?.options?.token) {
+		headers.Authorization = `Bearer ${this.options.token}`;
+	}
+
+	const chunkSize = 1000;
+	const uploadResponses = [];
+	let response: Response;
+
+	for (let i = 0; i < files.length; i += chunkSize) {
+		const chunk = files.slice(i, i + chunkSize);
+		const formData = new FormData();
+		chunk.forEach((file) => {
+			formData.append("files", file);
+		});
+		try {
+			const upload_url = upload_id
+				? `${root_url}${this.api_prefix}/${UPLOAD_URL}?upload_id=${upload_id}`
+				: `${root_url}${this.api_prefix}/${UPLOAD_URL}`;
+
+			response = await this.fetch(upload_url, {
+				method: "POST",
+				body: formData,
+				headers,
+				credentials: this.options.credentials ?? "same-origin"
+			});
+		} catch (e) {
+			throw new Error(BROKEN_CONNECTION_MSG + (e as Error).message);
+		}
+		if (!response.ok) {
+			const error_text = await response.text();
+			return { error: `HTTP ${response.status}: ${error_text}` };
+		}
+		const output: UploadResponse["files"] = await response.json();
+		if (output) {
+			uploadResponses.push(...output);
+		}
+	}
+	return { files: uploadResponses };
+}
diff --git a/client/js/src/utils/view_api.ts b/client/js/src/utils/view_api.ts
new file mode 100644
index 0000000..f849e64
--- /dev/null
+++ b/client/js/src/utils/view_api.ts
@@ -0,0 +1,56 @@
+import type { ApiInfo, ApiData } from "../types";
+import { API_INFO_URL, BROKEN_CONNECTION_MSG } from "../constants";
+import { Client } from "../client";
+import { SPACE_FETCHER_URL } from "../constants";
+import { join_urls, transform_api_info } from "../helpers/api_info";
+
+export async function view_api(this: Client): Promise<any> {
+	if (this.api_info) return this.api_info;
+
+	const { token } = this.options;
+	const { config } = this;
+
+	const headers: {
+		Authorization?: string;
+	} = {};
+
+	if (token) {
+		headers.Authorization = `Bearer ${token}`;
+	}
+
+	if (!config) {
+		return;
+	}
+
+	try {
+		let response: Response;
+		let api_info: ApiInfo<ApiData> | { api: ApiInfo<ApiData> };
+		if (typeof window !== "undefined" && window.gradio_api_info) {
+			api_info = window.gradio_api_info;
+		} else {
+			const url = join_urls(config.root, this.api_prefix, API_INFO_URL);
+			response = await this.fetch(url, {
+				headers,
+				credentials: this.options.credentials ?? "same-origin"
+			});
+			if (!response.ok) {
+				throw new Error(BROKEN_CONNECTION_MSG);
+			}
+			api_info = await response.json();
+		}
+		if ("api" in api_info) {
+			api_info = api_info.api;
+		}
+
+		if (
+			api_info.named_endpoints["/predict"] &&
+			!api_info.unnamed_endpoints["0"]
+		) {
+			api_info.unnamed_endpoints[0] = api_info.named_endpoints["/predict"];
+		}
+
+		return transform_api_info(api_info, config, this.api_map);
+	} catch (e) {
+		throw new Error("Could not get API info. " + (e as Error).message);
+	}
+}
diff --git a/client/js/src/vite-env.d.ts b/client/js/src/vite-env.d.ts
new file mode 100644
index 0000000..d39b312
--- /dev/null
+++ b/client/js/src/vite-env.d.ts
@@ -0,0 +1,3 @@
+/// <reference types="vite/client" />
+
+declare const BROWSER_BUILD: boolean;
diff --git a/client/js/tsconfig.json b/client/js/tsconfig.json
new file mode 100644
index 0000000..922e0fe
--- /dev/null
+++ b/client/js/tsconfig.json
@@ -0,0 +1,28 @@
+{
+	"include": ["src/**/*"],
+	"exclude": ["src/**/*.test.ts", "src/**/*.node-test.ts", "src/test/**/*"],
+	"compilerOptions": {
+		"allowJs": true,
+		"declaration": true,
+		"emitDeclarationOnly": true,
+		"outDir": "dist",
+		"declarationMap": true,
+		"module": "ESNext",
+		"target": "ES2020",
+		"useDefineForClassFields": true,
+		"lib": ["ES2020", "DOM", "DOM.Iterable"],
+		"skipLibCheck": true,
+		"types": ["node"],
+
+		/* Bundler */
+		"moduleResolution": "Bundler",
+		"skipDefaultLibCheck": true,
+		"allowImportingTsExtensions": true,
+		"esModuleInterop": true,
+		"resolveJsonModule": true,
+		"isolatedModules": true,
+
+		/* Linting */
+		"strict": true
+	}
+}
diff --git a/client/js/vite.config.ts b/client/js/vite.config.ts
new file mode 100644
index 0000000..ae676ab
--- /dev/null
+++ b/client/js/vite.config.ts
@@ -0,0 +1,104 @@
+import { defineConfig, createLogger } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import { playwright } from "@vitest/browser-playwright";
+
+const TEST_MODE = process.env.TEST_MODE || "browser";
+
+const logger = createLogger();
+const originalWarning = logger.warn;
+
+logger.warn = (log, options) => {
+	if (log.includes("was created with unknown prop")) return false;
+	if (log.includes("https://svelte.dev")) return false;
+	if (log.includes("[vite-plugin-svelte]")) return false;
+	if (log && log.includes("[MSW]")) return false;
+	if (log && log.includes("node:")) return false;
+	originalWarning(log, options);
+};
+
+const originalError = logger.error;
+
+logger.error = (log, options) => {
+	if (log.includes("was created with unknown prop")) return false;
+	if (log.includes("https://svelte.dev")) return false;
+	if (log.includes("[vite-plugin-svelte]")) return false;
+	if (log && log.includes("[MSW]")) return false;
+	if (log && log.includes("(node:")) return false;
+	originalError(log, options);
+};
+
+const original_info = logger.info;
+logger.info = (log, options) => {
+	if (log.includes("was created with unknown prop")) return false;
+	if (log.includes("https://svelte.dev")) return false;
+	if (log.includes("[vite-plugin-svelte]")) return false;
+	if (log && log.includes("[MSW]")) return false;
+	if (log && log.includes("node:")) return false;
+	original_info(log, options);
+};
+export default defineConfig(({ mode }) => {
+	const production = mode === "production";
+	const isBrowserBuild = process.env.BROWSER_BUILD === "true";
+
+	if (mode === "preview") {
+		return {
+			entry: "index.html"
+		};
+	}
+
+	return {
+		customLogger: logger,
+		build: {
+			emptyOutDir: false,
+			lib: {
+				entry: "src/index.ts",
+				formats: ["es"],
+				fileName: isBrowserBuild ? `browser` : `index`
+			},
+			rollupOptions: {
+				input: "src/index.ts",
+				output: {
+					dir: "dist"
+				}
+			}
+		},
+		plugins: [svelte()],
+		define: {
+			BROWSER_BUILD: JSON.stringify(isBrowserBuild)
+		},
+		mode: process.env.MODE || "development",
+		test: {
+			include: ["./src/test/*.test.*"],
+			onConsoleLog(log) {
+				if (log.includes("[MSW]")) return false;
+				if (log.includes("node:")) return false;
+				if (log.includes("data: '\"404\"'")) return false;
+				if (log.includes("Too many arguments")) return false;
+			},
+			...(TEST_MODE === "node"
+				? { environment: "node" }
+				: {
+						browser: {
+							enabled: true,
+							provider: playwright(),
+							instances: [
+								{
+									browser: "chromium"
+								}
+							]
+						}
+					})
+		},
+		ssr: {
+			target: "node",
+			format: "esm",
+			noExternal: [
+				"ws",
+				"semiver",
+				"bufferutil",
+				"@gradio/upload",
+				"fetch-event-stream"
+			]
+		}
+	};
+});
diff --git a/client/python/CHANGELOG.md b/client/python/CHANGELOG.md
new file mode 100644
index 0000000..a03966b
--- /dev/null
+++ b/client/python/CHANGELOG.md
@@ -0,0 +1,1256 @@
+# gradio_client
+
+## 2.5.0
+
+### Features
+
+- [#13289](https://github.com/gradio-app/gradio/pull/13289) [`d6f24df`](https://github.com/gradio-app/gradio/commit/d6f24df6233e7882746ba6e49307a34a11101ea1) - Improve curl info.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13280](https://github.com/gradio-app/gradio/pull/13280) [`bb9c130`](https://github.com/gradio-app/gradio/commit/bb9c130e1e8c60b8a717da7184b02ab459be3f03) - Fix snippet generator crash on datetime values in Dataframe inputs.  Thanks @ParamChordiya!
+
+## 2.4.1
+
+### Features
+
+- [#13246](https://github.com/gradio-app/gradio/pull/13246) [`ff90963`](https://github.com/gradio-app/gradio/commit/ff909638e72f0b44e8629e5a28cea8276cdd9ab2) - Add Documentation Group for gr.Cache.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13204](https://github.com/gradio-app/gradio/pull/13204) [`9953db9`](https://github.com/gradio-app/gradio/commit/9953db94e406477df96f98adf3e47246181ceef9) - fix: preserve special characters in uploaded filenames.  Thanks @xr843!
+
+## 2.4.0
+
+### Features
+
+- [#13045](https://github.com/gradio-app/gradio/pull/13045) [`a35f589`](https://github.com/gradio-app/gradio/commit/a35f5896e43d2585d9206e8256b4d7e321fcd0fe) - Gradio Prediction CLI Commands.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12979](https://github.com/gradio-app/gradio/pull/12979) [`4a4c7f3`](https://github.com/gradio-app/gradio/commit/4a4c7f3b0d6fd8009fdafc580d5852984f961db1) - preserve file extension when filename stem is stripped entirely in gr.File.  Thanks @giulio-leone!
+
+## 2.3.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+### Fixes
+
+- [#12942](https://github.com/gradio-app/gradio/pull/12942) [`e5ba4fa`](https://github.com/gradio-app/gradio/commit/e5ba4fa992c0ac389c6af2d143c9ad4c33eea360) - perf: use deque for SSE pending message queues in gradio_client.  Thanks @giulio-leone!
+
+## 2.2.0
+
+### Features
+
+- [#12918](https://github.com/gradio-app/gradio/pull/12918) [`e29e1cc`](https://github.com/gradio-app/gradio/commit/e29e1ccd5874cb98b813ed4f7f72d9fef2935016) - Add Space-specific skill generation to `gradio skills add`.  Thanks @abidlabs!
+
+## 2.1.0
+
+### Features
+
+- [#12700](https://github.com/gradio-app/gradio/pull/12700) [`b01c95a`](https://github.com/gradio-app/gradio/commit/b01c95a58be8e18bb4ddef7f2ee238a7774e5be9) - Rewrite behavior section of docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#12882](https://github.com/gradio-app/gradio/pull/12882) [`fc7c01e`](https://github.com/gradio-app/gradio/commit/fc7c01ea1e581ef70be98fddf003b0c91315c7cc) - Validate proxy url host.  Thanks @freddyaboulton!
+- [#12811](https://github.com/gradio-app/gradio/pull/12811) [`8f8cef8`](https://github.com/gradio-app/gradio/commit/8f8cef87bfb3af64867804ad45f4385af09e07b4) - Fix windows tests.  Thanks @freddyaboulton!
+
+## 2.0.3
+
+### Fixes
+
+- [#12614](https://github.com/gradio-app/gradio/pull/12614) [`6222192`](https://github.com/gradio-app/gradio/commit/622219242412400df57a73aebfd3de96bb8499de) - fix(client): make WebP and VTT MIME type detection case-insensitive.  Thanks @majiayu000!
+
+## 2.0.2
+
+### Fixes
+
+- [#12585](https://github.com/gradio-app/gradio/pull/12585) [`1724a02`](https://github.com/gradio-app/gradio/commit/1724a02f37118af098cd9f51472955bf8ef8d794) - Remove checkmark from windows.  Thanks @freddyaboulton!
+- [#12600](https://github.com/gradio-app/gradio/pull/12600) [`1fafaba`](https://github.com/gradio-app/gradio/commit/1fafabaace315b1c699855cadb69eb17488de957) - Add x-gradio-user-header.  Thanks @freddyaboulton!
+
+## 2.0.1
+
+### Fixes
+
+- [#12480](https://github.com/gradio-app/gradio/pull/12480) [`b9732d1`](https://github.com/gradio-app/gradio/commit/b9732d10680ca66fa7b3f1e763d3cdd57b38c6ed) - [BUGFIX] Fix stream file download in gradio client.  Thanks @frascuchon!
+- [#12490](https://github.com/gradio-app/gradio/pull/12490) [`472e164`](https://github.com/gradio-app/gradio/commit/472e16439f2573b33d21b9635706416518405ddd) - Make client backwards compatible with version 5.  Thanks @freddyaboulton!
+
+## 2.0.0-dev.3
+
+### Features
+
+- [#12377](https://github.com/gradio-app/gradio/pull/12377) [`568644a`](https://github.com/gradio-app/gradio/commit/568644a88c4dbe1b6ad9468906b1e45ed07657f3) - Add a 6.0 migration guide and add deprecation warnings.  Thanks @abidlabs!
+
+## 2.0.0-dev.2
+
+### Features
+
+- [#12243](https://github.com/gradio-app/gradio/pull/12243) [`cb49168`](https://github.com/gradio-app/gradio/commit/cb49168b1d52b39e47f1faeda93d150e048bd625) - [Client] Fix ZeroGPU headers forwarding.  Thanks @cbensimon!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Update ZeroGPU guide to reflect best practices on manually passing an IP token.  Thanks @dawoodkhan82!
+
+## 2.0.0-dev.1
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+
+## 2.0.0-dev.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`53d9098`](https://github.com/gradio-app/gradio/commit/53d9098cca378f6ebff9dec15d2faa8a3d2fb510) - [No Merge] Gradio 6.0.  Thanks @freddyaboulton!
+
+## 1.13.3
+
+### Fixes
+
+- [#11979](https://github.com/gradio-app/gradio/pull/11979) [`50a89f0`](https://github.com/gradio-app/gradio/commit/50a89f079250735f268dfeeeddf40ffea84d7919) - Allow gradio to run with huggingface_hub 1.x.  Thanks @Wauplin!
+
+## 1.13.2
+
+### Features
+
+- [#11962](https://github.com/gradio-app/gradio/pull/11962) [`fdfe4fe`](https://github.com/gradio-app/gradio/commit/fdfe4fec334726fe91be98062826eb4b537410c3) - fix(client): websockets minimum version for asyncio.  Thanks @cbensimon!
+
+## 1.13.1
+
+### Fixes
+
+- [#11896](https://github.com/gradio-app/gradio/pull/11896) [`915f3a2`](https://github.com/gradio-app/gradio/commit/915f3a2f2fa1843111868e4f23f543b097b9c839) - Send EventData when app is loaded via gr.load.  Thanks @freddyaboulton!
+- [#11924](https://github.com/gradio-app/gradio/pull/11924) [`a9167fb`](https://github.com/gradio-app/gradio/commit/a9167fb7d013b7f76784c98f9c673ce47214b119) - Update websocket import and type in get_pred_from_ws.  Thanks @qgallouedec!
+
+## 1.13.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+
+## 1.12.1
+
+### Features
+
+- [#11744](https://github.com/gradio-app/gradio/pull/11744) [`f54e454`](https://github.com/gradio-app/gradio/commit/f54e454d6c2e256873f49e8bfb89f7161ec0a040) - fix client.  Thanks @abidlabs!
+
+## 1.12.0
+
+### Features
+
+- [#11723](https://github.com/gradio-app/gradio/pull/11723) [`379f0c1`](https://github.com/gradio-app/gradio/commit/379f0c151943b5f269910eba4a4c7abc6145a11c) - Support MCP resources and prompts.  Thanks @abidlabs!
+
+## 1.11.1
+
+### Features
+
+- [#11700](https://github.com/gradio-app/gradio/pull/11700) [`37d4c48`](https://github.com/gradio-app/gradio/commit/37d4c4809616595642f8d4a60be37d9915317443) - Have `Client` send authorization token with the `X-HF-Authorization` token.  Thanks @abidlabs!
+
+## 1.11.0
+
+### Features
+
+- [#11567](https://github.com/gradio-app/gradio/pull/11567) [`150ed18`](https://github.com/gradio-app/gradio/commit/150ed18b856e34d5a96a9e17bd5ad510e11872a6) - Stream Progress Updates to MCP clients.  Thanks @freddyaboulton!
+
+## 1.10.4
+
+### Fixes
+
+- [#11041](https://github.com/gradio-app/gradio/pull/11041) [`474aa30`](https://github.com/gradio-app/gradio/commit/474aa30979c14793e00852ad2f4ef6c12a41b900) - Attach cookies to client after first request (to support multiple-replica setups with cookie-based affinity).  Thanks @abidlabs!
+
+## 1.10.3
+
+### Fixes
+
+- [#11347](https://github.com/gradio-app/gradio/pull/11347) [`fdce3a0`](https://github.com/gradio-app/gradio/commit/fdce3a094fe1278ae83fe2f8b134b4c268506cfe) - Fix `gr.api()` to support more types, including optional params.  Thanks @abidlabs!
+
+## 1.10.2
+
+### Fixes
+
+- [#11215](https://github.com/gradio-app/gradio/pull/11215) [`2186ae3`](https://github.com/gradio-app/gradio/commit/2186ae3f4d6f8ac83883c359aed88a5b72746b5d) - Allow httpx_kwargs to contain cookies.  Thanks @santibreo!
+
+## 1.10.1
+
+### Features
+
+- [#11185](https://github.com/gradio-app/gradio/pull/11185) [`e64b83b`](https://github.com/gradio-app/gradio/commit/e64b83bf42a813d9269e519189523f8390a72ec4) - Evaluate index variable in argument description.  Thanks @emmanuel-ferdman!
+
+### Fixes
+
+- [#11172](https://github.com/gradio-app/gradio/pull/11172) [`b618571`](https://github.com/gradio-app/gradio/commit/b618571ed17a8cece4bf9f1f55ed2e8bf7b59c46) - Fix python client SSE decoding issue.  Thanks @freddyaboulton!
+
+## 1.10.0
+
+### Features
+
+- [#10984](https://github.com/gradio-app/gradio/pull/10984) [`8dab577`](https://github.com/gradio-app/gradio/commit/8dab5771c7d952c76f325681dbf364119c91b0b1) - Let Gradio apps also be MCP Servers.  Thanks @abidlabs!
+
+## 1.9.1
+
+### Fixes
+
+- [#11093](https://github.com/gradio-app/gradio/pull/11093) [`cb322df`](https://github.com/gradio-app/gradio/commit/cb322df1f4df858590e760a82f6410f3b6db899b) - Update client.py to always send file data, even for files without extensions.  Thanks @edmcman!
+
+## 1.9.0
+
+### Features
+
+- [#11043](https://github.com/gradio-app/gradio/pull/11043) [`62a0080`](https://github.com/gradio-app/gradio/commit/62a00806e198c4c76bc132255d4b78c7aa329157) - Pass any visible error modals from a Gradio app downstream to the app that has `gr.load`-ed it.  Thanks @abidlabs!
+
+## 1.8.0
+
+### Features
+
+- [#10809](https://github.com/gradio-app/gradio/pull/10809) [`99b69df`](https://github.com/gradio-app/gradio/commit/99b69df1c000da092373440800fc08abe6ae9e20) - Trigger python client release.  Thanks @freddyaboulton!
+
+## 1.7.2
+
+### Features
+
+- [#10664](https://github.com/gradio-app/gradio/pull/10664) [`0b1f729`](https://github.com/gradio-app/gradio/commit/0b1f72941fd50298562102e39f4feafaa16f5968) - Allow websocket version 15.  Thanks @freddyaboulton!
+- Test
+
+## 1.7.1
+
+### Fixes
+
+- [#10580](https://github.com/gradio-app/gradio/pull/10580) [`4e70d74`](https://github.com/gradio-app/gradio/commit/4e70d74068b77ebb3d285aa78e9202fff76337a2) - Fix `gr.load()` for `gr.ChatInterface(save_history=True)` and any Gradio app where the upstream app includes a `gr.State` as input.  Thanks @abidlabs!
+
+## 1.7.0
+
+### Features
+
+- [#10470](https://github.com/gradio-app/gradio/pull/10470) [`3465fdb`](https://github.com/gradio-app/gradio/commit/3465fdb19087471598ca07c93bc4ff3e1b6b2abf) - Format backend with latest `ruff`.  Thanks @abidlabs!
+- [#10435](https://github.com/gradio-app/gradio/pull/10435) [`ef66fe5`](https://github.com/gradio-app/gradio/commit/ef66fe52b22448a5125a314581f2ec6c73c24145) - Sidebar Component.  Thanks @dawoodkhan82!
+
+## 1.6.0
+
+### Features
+
+- [#10352](https://github.com/gradio-app/gradio/pull/10352) [`6a7cfc4`](https://github.com/gradio-app/gradio/commit/6a7cfc4264822209148ad07d8f38a0550bdb32b7) - Compatibility between Client and ZeroGPU.  Thanks @abidlabs!
+
+## 1.5.4
+
+### Fixes
+
+- [#10332](https://github.com/gradio-app/gradio/pull/10332) [`e742dcc`](https://github.com/gradio-app/gradio/commit/e742dcccb376692c9ddd5a6c251080e7c5936574) - Allow users to add a custom API route.  Thanks @aliabid94!
+
+## 1.5.3
+
+### Features
+
+- [#10221](https://github.com/gradio-app/gradio/pull/10221) [`506bd28`](https://github.com/gradio-app/gradio/commit/506bd2884a9790fb6f8dbf5684576e80d2b8ee64) - Update Guides related to deploying Gradio chatbots to Discord, Slack, and website widgets.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10238](https://github.com/gradio-app/gradio/pull/10238) [`3f19210`](https://github.com/gradio-app/gradio/commit/3f192100d6997751d0246b396a4fd8eaa86a826b) - Declare exports in __all__ for type checking.  Thanks @dustalov!
+
+## 1.5.2
+
+### Features
+
+- [#10196](https://github.com/gradio-app/gradio/pull/10196) [`c9ba9a4`](https://github.com/gradio-app/gradio/commit/c9ba9a447596a9ccdd21955adb3b34b15cac7ade) - Use the modern lower-case Python types in the API typing information.  Thanks @abidlabs!
+- [#10193](https://github.com/gradio-app/gradio/pull/10193) [`424365b`](https://github.com/gradio-app/gradio/commit/424365bdbd0b805e3b2d0c44ccc0f47201b1d96a) - JSON type fix in Client and and typing fix for `/chat` endpoint in `gr.ChatInterface`.  Thanks @abidlabs!
+
+## 1.5.1
+
+### Fixes
+
+- [#10090](https://github.com/gradio-app/gradio/pull/10090) [`5ea3cb5`](https://github.com/gradio-app/gradio/commit/5ea3cb51a39ba01fda7f65ff31e59955e1d12cea) - Update `requirements.txt` for `gradio` and `gradio_client`.  Thanks @abidlabs!
+
+## 1.5.0
+
+### Features
+
+- [#10017](https://github.com/gradio-app/gradio/pull/10017) [`a95fda1`](https://github.com/gradio-app/gradio/commit/a95fda1f85e80ce8423f4373bb238422b9b7aa32) - fix small bug when join src & api_prefix.  Thanks @Chandler-Bing!
+
+## 1.4.3
+
+### Fixes
+
+- [#9913](https://github.com/gradio-app/gradio/pull/9913) [`d81f430`](https://github.com/gradio-app/gradio/commit/d81f430fd50546001b76c0ae5fded32c6d3093f7) - fix: Fix filename stripping to preserve extensions.  Thanks @TakaSoap!
+
+## 1.4.2
+
+### Fixes
+
+- [#9754](https://github.com/gradio-app/gradio/pull/9754) [`36a5076`](https://github.com/gradio-app/gradio/commit/36a50769095081a0e77f04f513d47a2e9d4531ba) - Update client.py: raise error on 429 get_config.  Thanks @Pendrokar!
+
+## 1.4.1
+
+### Fixes
+
+- [#9678](https://github.com/gradio-app/gradio/pull/9678) [`a25a26e`](https://github.com/gradio-app/gradio/commit/a25a26e208c3f3675ba857a889553c7ccc95e866) - Fix: `file_types` checking bug.  Thanks @jasongzy!
+
+## 1.4.0-beta.5
+
+### Features
+
+- [#9589](https://github.com/gradio-app/gradio/pull/9589) [`477f45c`](https://github.com/gradio-app/gradio/commit/477f45cb43be957684eb392e3d62c09490c22391) - Only move files to the cache that have a meta key.  Thanks @freddyaboulton!
+
+## 1.4.0-beta.4
+
+### Features
+
+- [#9550](https://github.com/gradio-app/gradio/pull/9550) [`b0fedd7`](https://github.com/gradio-app/gradio/commit/b0fedd7ef718c0df797ec277db7e773543a70a4d) - Fix most flaky Python tests in `5.0-dev` branch.  Thanks @abidlabs!
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+- [#9522](https://github.com/gradio-app/gradio/pull/9522) [`3b71ed2`](https://github.com/gradio-app/gradio/commit/3b71ed21b7e2ecb67eb68fb946d25565169cb4df) - Api info fix.  Thanks @freddyaboulton!
+
+## 1.4.0-beta.3
+
+### Fixes
+
+- [#9431](https://github.com/gradio-app/gradio/pull/9431) [`7065e11`](https://github.com/gradio-app/gradio/commit/7065e11e465fcdfe14688bd6ca2aeed0a25fcc36) - Check for `file_types` parameter in the backend.  Thanks @dawoodkhan82!
+
+## 1.4.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+## 1.4.0-beta.1
+
+### Features
+
+- [#9200](https://github.com/gradio-app/gradio/pull/9200) [`2e179d3`](https://github.com/gradio-app/gradio/commit/2e179d35be6ed60a5a6bfc7303178d63e41781ad) - prefix api routes.  Thanks @pngwn!
+
+## 1.4.0-beta.0
+
+### Features
+
+- [#9140](https://github.com/gradio-app/gradio/pull/9140) [`c054ec8`](https://github.com/gradio-app/gradio/commit/c054ec85e49ab102b15afd305583ee394151d16c) - Drop python 3.8 and 3.9.  Thanks @abidlabs!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+## 1.3.0
+
+### Features
+
+- [#8968](https://github.com/gradio-app/gradio/pull/8968) [`38b3682`](https://github.com/gradio-app/gradio/commit/38b3682c3a9b40fb4070f665d94711c43c6fe40e) - Improvements to FRP client download and usage.  Thanks @abidlabs!
+- [#9059](https://github.com/gradio-app/gradio/pull/9059) [`981731a`](https://github.com/gradio-app/gradio/commit/981731acb7da3e78555abeb20f47f3a8a5f0d861) - Fix flaky tests and tests on Windows.  Thanks @abidlabs!
+
+## 1.2.0
+
+### Features
+
+- [#8862](https://github.com/gradio-app/gradio/pull/8862) [`ac132e3`](https://github.com/gradio-app/gradio/commit/ac132e3cbc8dbc7bec3d607d52bef347e90feb41) - Support the use of custom authentication mechanism, timeouts, and other `httpx` parameters in Python Client.  Thanks @valgai!
+- [#8948](https://github.com/gradio-app/gradio/pull/8948) [`f7fbd2c`](https://github.com/gradio-app/gradio/commit/f7fbd2c23795d97071296463779d41bd0e937164) - Bump websockets version max for gradio-client.  Thanks @evanscho!
+
+## 1.1.1
+
+### Features
+
+- [#8757](https://github.com/gradio-app/gradio/pull/8757) [`6073736`](https://github.com/gradio-app/gradio/commit/60737366517f48d1a37ffce15425783a2887f305) - Document `FileData` class in docs.  Thanks @hannahblair!
+
+## 1.1.0
+
+### Fixes
+
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+
+## 1.0.2
+
+### Features
+
+- [#8516](https://github.com/gradio-app/gradio/pull/8516) [`de6aa2b`](https://github.com/gradio-app/gradio/commit/de6aa2b67668605b65ad92842b2c798afa2c6d8a) - Add helper classes to docs.  Thanks @aliabd!
+
+## 1.0.1
+
+### Features
+
+- [#8481](https://github.com/gradio-app/gradio/pull/8481) [`41a4493`](https://github.com/gradio-app/gradio/commit/41a449383a34b7d6e4c83cfbf61c222fd5501206) - fix client flaky tests.  Thanks @abidlabs!
+
+## 1.0.0
+
+### Highlights
+
+#### Clients 1.0 Launch!  ([#8468](https://github.com/gradio-app/gradio/pull/8468) [`7cc0a0c`](https://github.com/gradio-app/gradio/commit/7cc0a0c1abea585c3f50ffb1ff78d2b08ddbdd92))
+
+We're excited to unveil the first major release of the Gradio clients.
+We've made it even easier to turn any Gradio application into a production endpoint thanks to the clients' **ergonomic**, **transparent**, and **portable** design.
+
+#### Ergonomic API 💆
+
+**Stream From a Gradio app in 5 lines**
+
+Use the `submit` method to get a job you can iterate over:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/llm_stream")
+
+for result in client.submit("What's the best UI framework in Python?"):
+    print(result)
+```
+
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("gradio/llm_stream")
+const job = client.submit("/predict", {"text": "What's the best UI framework in Python?"})
+
+for await (const msg of job) console.log(msg.data)
+```
+
+**Use the same keyword arguments as the app**
+
+
+```python
+from gradio_client import Client
+
+client = Client("http://127.0.0.1:7860/")
+result = client.predict(
+		message="Hello!!",
+		system_prompt="You are helpful AI.",
+		tokens=10,
+		api_name="/chat"
+)
+print(result)
+```
+
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("http://127.0.0.1:7860/");
+const result = await client.predict("/chat", { 		
+		message: "Hello!!", 		
+		system_prompt: "Hello!!", 		
+		tokens: 10, 
+});
+
+console.log(result.data);
+```
+
+**Better Error Messages**
+
+If something goes wrong in the upstream app, the client will raise the same exception as the app provided that `show_error=True` in the original app's `launch()` function, or it's a `gr.Error` exception.
+
+#### Transparent Design 🪟
+
+Anything you can do in the UI, you can do with the client:
+* 🔒 Authentication
+* 🛑 Job Cancelling
+* ℹ️ Access Queue Position and API
+* 📕 View the API information
+
+Here's an example showing how to display the queue position of a pending job:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/diffusion_model")
+
+job = client.submit("A cute cat")
+while not job.done():
+    status = job.status()
+    print(f"Current in position {status.rank} out of {status.queue_size}")
+```
+
+#### Portable Design ⛺️
+
+The client can run from pretty much any python and javascript environment (node, deno, the browser, Service Workers). 
+
+Here's an example using the client from a Flask server using gevent:
+
+```python
+from gevent import monkey
+monkey.patch_all()
+
+from gradio_client import Client
+from flask import Flask, send_file
+import time
+
+app = Flask(__name__)
+
+imageclient = Client("gradio/diffusion_model")
+
+@app.route("/gen")
+def gen():
+      result = imageclient.predict(
+                "A cute cat",
+                api_name="/predict"
+              )
+      return send_file(result)
+
+if __name__ == "__main__":
+      app.run(host="0.0.0.0", port=5000)
+```
+
+#### 1.0 Migration Guide and Breaking Changes
+
+**Python**
+- The `serialize` argument of the `Client` class was removed. Has no effect.
+- The `upload_files` argument of the `Client` was removed.
+- All filepaths must be wrapped in the `handle_file` method. Example:
+```python
+from gradio_client import Client, handle_file
+
+client = Client("gradio/image_captioner")
+client.predict(handle_file("cute_cat.jpg"))
+```
+- The `output_dir` argument was removed. It is not specified in the `download_files` argument.
+
+
+**Javascript**
+The client has been redesigned entirely. It was refactored from a function into a class. An instance can now be constructed by awaiting the `connect` method.
+
+```js
+const app = await Client.connect("gradio/whisper")
+```
+The app variable has the same methods as the python class (`submit`, `predict`, `view_api`, `duplicate`).
+
+
+
+#### Additional Changes
+
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) -  Set orig_name in python client file uploads.
+- [#8264](https://github.com/gradio-app/gradio/pull/8264) - Make exceptions in the Client more specific.
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) - Fix api recorder.
+- [#8276](https://github.com/gradio-app/gradio/pull/8276) - Fix bug where client could not connect to apps that had self signed certificates.
+- [#8245](https://github.com/gradio-app/gradio/pull/8245) - Cancel  server progress from the python client.
+- [#8200](https://github.com/gradio-app/gradio/pull/8200) -  Support custom components in gr.load
+- [#8182](https://github.com/gradio-app/gradio/pull/8182) - Convert sse calls in client from async to sync.
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.
+- [#7888](https://github.com/gradio-app/gradio/pull/7888) - Cache view_api info in server and python client.
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.
+- [#8401](https://github.com/gradio-app/gradio/pull/8401) - Add CDN installation to JS docs. 
+- [#8299](https://github.com/gradio-app/gradio/pull/8299) - Allow JS Client to work with authenticated spaces 🍪. 
+- [#8408](https://github.com/gradio-app/gradio/pull/8408) - Connect heartbeat if state created in render. Also fix config cleanup bug #8407.
+- [#8258](https://github.com/gradio-app/gradio/pull/8258) - Improve URL handling in JS Client.  
+- [#8322](https://github.com/gradio-app/gradio/pull/8322) - ensure the client correctly handles all binary data. 
+- [#8296](https://github.com/gradio-app/gradio/pull/8296) - always create a jwt when connecting to a space if a hf_token is present.  
+- [#8285](https://github.com/gradio-app/gradio/pull/8285) - use the correct query param to pass the jwt to the heartbeat event. 
+- [#8272](https://github.com/gradio-app/gradio/pull/8272) - ensure client works for private spaces.  
+- [#8197](https://github.com/gradio-app/gradio/pull/8197) - Add support for passing keyword args to `data` in JS client.  
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) - Client node fix.
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) - Rename `eventSource_Factory` and `fetch_implementation`. 
+- [#8109](https://github.com/gradio-app/gradio/pull/8109) - Implement JS Client tests.
+- [#8211](https://github.com/gradio-app/gradio/pull/8211) - remove redundant event source logic.  
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) - rework upload to be a class method + pass client into each component.
+- [#8181](https://github.com/gradio-app/gradio/pull/8181) - Ensure connectivity to private HF spaces with SSE protocol.
+- [#8169](https://github.com/gradio-app/gradio/pull/8169) - Only connect to heartbeat if needed.
+- [#8118](https://github.com/gradio-app/gradio/pull/8118) - Add eventsource polyfill for Node.js and browser environments.
+- [#7646](https://github.com/gradio-app/gradio/pull/7646) - Refactor JS Client.
+- [#7974](https://github.com/gradio-app/gradio/pull/7974) - Fix heartbeat in the js client to be Lite compatible.
+- [#7926](https://github.com/gradio-app/gradio/pull/7926) - Fixes streaming event race condition.
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8444](https://github.com/gradio-app/gradio/pull/8444) [`2cd02ff`](https://github.com/gradio-app/gradio/commit/2cd02ff3b7c57cd69635d111ff25643eba30b9b0) - Remove deprecated parameters from Python Client.  Thanks @abidlabs!
+
+## 0.17.0
+
+### Features
+
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) [`55f664f`](https://github.com/gradio-app/gradio/commit/55f664f2979a49acc29a73cde16c6ebdfcc91db2) - Add event listener support to render blocks.  Thanks @aliabid94!
+- [#8409](https://github.com/gradio-app/gradio/pull/8409) [`8028c33`](https://github.com/gradio-app/gradio/commit/8028c33bbc5a324a5e9e8b28906443db28683d79) - Render decorator documentation.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8371](https://github.com/gradio-app/gradio/pull/8371) [`a373b0e`](https://github.com/gradio-app/gradio/commit/a373b0edd36613a9a6a25a1a2893edd6533a7291) - Set orig_name in python client file uploads.  Thanks @freddyaboulton!
+
+## 0.16.4
+
+### Fixes
+
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) [`8f46556`](https://github.com/gradio-app/gradio/commit/8f46556b38e35cffbadac74ff80445dceea3bcf5) - Fix api recorder.  Thanks @abidlabs!
+
+## 0.16.3
+
+### Features
+
+- [#8264](https://github.com/gradio-app/gradio/pull/8264) [`a9e1a8a`](https://github.com/gradio-app/gradio/commit/a9e1a8ac5633c5336fea1c63d7f66a9883e7e6e1) - Make exceptions in the Client more specific.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8276](https://github.com/gradio-app/gradio/pull/8276) [`0bf3d1a`](https://github.com/gradio-app/gradio/commit/0bf3d1a992db2753c1a55452b569027190f26ef6) - Fix bug where client could not connect to apps that had self signed certificates.  Thanks @freddyaboulton!
+
+## 0.16.2
+
+### Fixes
+
+- [#8245](https://github.com/gradio-app/gradio/pull/8245) [`c562a3d`](https://github.com/gradio-app/gradio/commit/c562a3d9a440c8f94ca070bd07b8d4121d6ab7b3) - Cancel  server progress from the python client.  Thanks @freddyaboulton!
+
+## 0.16.1
+
+### Highlights
+
+#### Support custom components in gr.load ([#8200](https://github.com/gradio-app/gradio/pull/8200) [`72039be`](https://github.com/gradio-app/gradio/commit/72039be93acda856d92ceac7f21f1ec1a054fae2))
+
+It is now possible to load a demo with a custom component with `gr.load`.
+
+The custom component must be installed in your system and imported in your python session.
+
+```python
+import gradio as gr
+import gradio_pdf
+
+demo = gr.load("freddyaboulton/gradiopdf", src="spaces")
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+<img width="1284" alt="image" src="https://github.com/gradio-app/gradio/assets/41651716/9c3e846b-f3f2-4c1c-8cb6-53a6d186aaa0">
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8182](https://github.com/gradio-app/gradio/pull/8182) [`39791eb`](https://github.com/gradio-app/gradio/commit/39791eb186d3a4ce82c8c27979a28311c37a4067) - Convert sse calls in client from async to sync.  Thanks @abidlabs!
+
+## 0.16.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8100](https://github.com/gradio-app/gradio/pull/8100) [`cbdfbdf`](https://github.com/gradio-app/gradio/commit/cbdfbdfc973fa67665911fb5d8cb005a025b0e58) - upgrade `ruff` test dependency to `ruff==0.4.1`.  Thanks @abidlabs!
+
+## 0.15.1
+
+### Features
+
+- [#7850](https://github.com/gradio-app/gradio/pull/7850) [`2bae1cf`](https://github.com/gradio-app/gradio/commit/2bae1cfbd41ed8ae3eea031a64899611a22a1821) - Adds an "API Recorder" to the view API page, some internal methods have been made async.  Thanks @abidlabs!
+
+## 0.15.0
+
+### Highlights
+
+#### Automatically delete state after user has disconnected from the webpage ([#7829](https://github.com/gradio-app/gradio/pull/7829) [`6a4bf7a`](https://github.com/gradio-app/gradio/commit/6a4bf7abe29059dbdc6a342e0366fdaa2e4120ee))
+
+Gradio now automatically deletes `gr.State` variables stored in the server's RAM when users close their browser tab.
+The deletion will happen 60 minutes after the server detected a disconnect from the user's browser.
+If the user connects again in that timeframe, their state will not be deleted.
+
+Additionally, Gradio now includes a `Blocks.unload()` event, allowing you to run arbitrary cleanup functions when users disconnect (this does not have a 60 minute delay).
+You can think of the `unload` event as the opposite of the `load` event.
+
+
+```python
+with gr.Blocks() as demo:
+    gr.Markdown(
+"""# State Cleanup Demo
+🖼️ Images are saved in a user-specific directory and deleted when the users closes the page via demo.unload.
+""")
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                img = gr.Image(label="Generated Image", height=300, width=300)
+            with gr.Row():
+                gen = gr.Button(value="Generate")
+            with gr.Row():
+                history = gr.Gallery(label="Previous Generations", height=500, columns=10)
+                state = gr.State(value=[], delete_callback=lambda v: print("STATE DELETED"))
+
+    demo.load(generate_random_img, [state], [img, state, history]) 
+    gen.click(generate_random_img, [state], [img, state, history])
+    demo.unload(delete_directory)
+
+
+demo.launch(auth=lambda user,pwd: True,
+            auth_message="Enter any username and password to continue")
+```
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#7888](https://github.com/gradio-app/gradio/pull/7888) [`946487c`](https://github.com/gradio-app/gradio/commit/946487cf8e477cbf8d6fad4e772ff574a21782c3) - Cache view_api info in server and python client.  Thanks @freddyaboulton!
+
+## 0.14.0
+
+### Features
+
+- [#7800](https://github.com/gradio-app/gradio/pull/7800) [`b0a3ea9`](https://github.com/gradio-app/gradio/commit/b0a3ea951c06d4f3ff2755b567629fe988a3e30d) - Small fix to client.view_api() in the case of default file values.  Thanks @abidlabs!
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) [`2efb05e`](https://github.com/gradio-app/gradio/commit/2efb05ed99a8a3575aab0a6c14a8d8b91f4e9ed7) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.  Thanks @abidlabs!
+
+## 0.13.0
+
+### Features
+
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Closing stream from the backend.  Thanks @aliabid94!
+
+### Fixes
+
+- [#7718](https://github.com/gradio-app/gradio/pull/7718) [`6390d0b`](https://github.com/gradio-app/gradio/commit/6390d0bf6c2be0aefa56102dd029f25161bfebc3) - Add support for python client connecting to gradio apps running with self-signed SSL certificates.  Thanks @abidlabs!
+- [#7706](https://github.com/gradio-app/gradio/pull/7706) [`bc61ff6`](https://github.com/gradio-app/gradio/commit/bc61ff6b1603eedf3111f1b5c3d2751629902d98) - Several fixes to `gr.load`.  Thanks @abidlabs!
+
+## 0.12.0
+
+### Fixes
+
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) [`d0688b3`](https://github.com/gradio-app/gradio/commit/d0688b3c25feabb4fc7dfa0ab86086b3af7eb337) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.  Thanks @abidlabs!
+- [#7618](https://github.com/gradio-app/gradio/pull/7618) [`0ae1e44`](https://github.com/gradio-app/gradio/commit/0ae1e4486c06e06bb7a4bad45d58d14f1f8d1b94) - Control which files get moved to cache with gr.set_static_paths.  Thanks @freddyaboulton!
+
+## 0.11.0
+
+### Features
+
+- [#7407](https://github.com/gradio-app/gradio/pull/7407) [`375bfd2`](https://github.com/gradio-app/gradio/commit/375bfd28d2def576b4e1c12e0a60127b7419e826) - Fix server_messages.py to use the patched BaseModel class for Wasm env.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Fixes
+
+- [#7555](https://github.com/gradio-app/gradio/pull/7555) [`fc4c2db`](https://github.com/gradio-app/gradio/commit/fc4c2dbd994c49e37296978da1cb85e424080d1c) - Allow Python Client to upload/download files when connecting to Gradio apps with auth enabled.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.10.1
+
+### Features
+
+- [#7495](https://github.com/gradio-app/gradio/pull/7495) [`ddd4d3e`](https://github.com/gradio-app/gradio/commit/ddd4d3e4d3883fb7540d1df240fb08202fc77705) - Enable Ruff S101.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7443](https://github.com/gradio-app/gradio/pull/7443) [`b7a97f2`](https://github.com/gradio-app/gradio/commit/b7a97f29b84a72678a717db03d2932ed6caae6ce) - Update `httpx` to `httpx>=0.24.1` in `requirements.txt`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.10.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7377](https://github.com/gradio-app/gradio/pull/7377) [`6dfd40f`](https://github.com/gradio-app/gradio/commit/6dfd40fc6b2fa461490d2370ab91fcda7e07c0da) - Make set_documentation_group a no-op.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7334](https://github.com/gradio-app/gradio/pull/7334) [`b95d0d0`](https://github.com/gradio-app/gradio/commit/b95d0d043c739926af986e573200af92732bbc01) - Allow setting custom headers in Python Client.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7350](https://github.com/gradio-app/gradio/pull/7350) [`7302a6e`](https://github.com/gradio-app/gradio/commit/7302a6e151dac553c17833be64d4639ee4cf97aa) - Fix `gr.load` for file-based Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.9.0
+
+### Features
+
+- [#7062](https://github.com/gradio-app/gradio/pull/7062) [`0fddd0f`](https://github.com/gradio-app/gradio/commit/0fddd0f971761bff3ef6ccc7ab9deb1891cd80d0) - Determine documentation group automatically.  Thanks [@akx](https://github.com/akx)!
+- [#7102](https://github.com/gradio-app/gradio/pull/7102) [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f) - Improve chatbot streaming performance with diffs.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  Note that this PR changes the API format for generator functions, which would be a breaking change for any clients reading the EventStream directly
+- [#7116](https://github.com/gradio-app/gradio/pull/7116) [`3c8c4ac`](https://github.com/gradio-app/gradio/commit/3c8c4ac2db284e1cb503c397205a79a6dcc27e23) - Document the `gr.ParamViewer` component, and fix component preprocessing/postprocessing docstrings.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7061](https://github.com/gradio-app/gradio/pull/7061) [`05d8a3c`](https://github.com/gradio-app/gradio/commit/05d8a3c8030b733bd47250f5db6f89f230f9a707) - Update ruff to 0.1.13, enable more rules, fix issues.  Thanks [@akx](https://github.com/akx)!
+
+### Fixes
+
+- [#7178](https://github.com/gradio-app/gradio/pull/7178) [`9f23b0b`](https://github.com/gradio-app/gradio/commit/9f23b0bc54b4ef63c056b309370df52ec2c2a43c) - Optimize client view_api method.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7322](https://github.com/gradio-app/gradio/pull/7322) [`b25e95e`](https://github.com/gradio-app/gradio/commit/b25e95e164e80d66203ef71ce6bdb67ceb6b24df) - Fix `processing_utils.save_url_to_cache()` to follow redirects when accessing the URL.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.8.1
+
+### Features
+
+- [#7075](https://github.com/gradio-app/gradio/pull/7075) [`1fc8a94`](https://github.com/gradio-app/gradio/commit/1fc8a941384775f587a6ef30365960f43353cb0d) - fix lint.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7054](https://github.com/gradio-app/gradio/pull/7054) [`64c65d8`](https://github.com/gradio-app/gradio/commit/64c65d821983961111297a969946d87e2fc4105d) - Add encoding to open/writing files on the deploy_discord function.  Thanks [@WilliamHarer](https://github.com/WilliamHarer)!
+
+## 0.8.0
+
+### Fixes
+
+- [#6846](https://github.com/gradio-app/gradio/pull/6846) [`48d6534`](https://github.com/gradio-app/gradio/commit/48d6534b40f80e7e70a4061f97d9f2e23ba77fe1) - Add `show_api` parameter to events, and fix `gr.load()`. Also makes some minor improvements to the "view API" page when running on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6767](https://github.com/gradio-app/gradio/pull/6767) [`7bb561a`](https://github.com/gradio-app/gradio/commit/7bb561a294ca41d1044927cb34d8645c4175cae0) - Rewriting parts of the README and getting started guides for 4.0.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.7.3
+
+### Fixes
+
+- [#6693](https://github.com/gradio-app/gradio/pull/6693) [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0) - Python client properly handles hearbeat and log messages. Also handles responses longer than 65k.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.7.2
+
+### Features
+
+- [#6598](https://github.com/gradio-app/gradio/pull/6598) [`7cbf96e`](https://github.com/gradio-app/gradio/commit/7cbf96e0bdd12db7ecac7bf99694df0a912e5864) - Issue 5245: consolidate usage of requests and httpx.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6704](https://github.com/gradio-app/gradio/pull/6704) [`24e0481`](https://github.com/gradio-app/gradio/commit/24e048196e8f7bd309ef5c597d4ffc6ca4ed55d0) - Hotfix: update `huggingface_hub` dependency version.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6543](https://github.com/gradio-app/gradio/pull/6543) [`8a70e83`](https://github.com/gradio-app/gradio/commit/8a70e83db9c7751b46058cdd2514e6bddeef6210) - switch from black to ruff formatter.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+
+### Fixes
+
+- [#6556](https://github.com/gradio-app/gradio/pull/6556) [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70) - Fix api event drops.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.7.1
+
+### Fixes
+
+- [#6602](https://github.com/gradio-app/gradio/pull/6602) [`b8034a1`](https://github.com/gradio-app/gradio/commit/b8034a1e72c3aac649ee0ad9178ffdbaaa60fc61) - Fix: Gradio Client work with private Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.7.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Add json schema unit tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Swap websockets for SSE.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.7.0-beta.2
+
+### Features
+
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6069](https://github.com/gradio-app/gradio/pull/6069) [`bf127e124`](https://github.com/gradio-app/gradio/commit/bf127e1241a41401e144874ea468dff8474eb505) - Swap websockets for SSE.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.7.0-beta.1
+
+### Features
+
+- [#6082](https://github.com/gradio-app/gradio/pull/6082) [`037e5af33`](https://github.com/gradio-app/gradio/commit/037e5af3363c5b321b95efc955ee8d6ec0f4504e) - WIP: Fix docs.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5970](https://github.com/gradio-app/gradio/pull/5970) [`0c571c044`](https://github.com/gradio-app/gradio/commit/0c571c044035989d6fe33fc01fee63d1780635cb) - Add json schema unit tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6073](https://github.com/gradio-app/gradio/pull/6073) [`abff6fb75`](https://github.com/gradio-app/gradio/commit/abff6fb758bd310053a23c938bf1dd8fbdc5d333) - Fix remaining xfail tests in backend.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.7.0-beta.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Simplify how files are handled in components in 4.0.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Rename gradio_component to gradio component.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.6.1
+
+### Fixes
+
+- [#5811](https://github.com/gradio-app/gradio/pull/5811) [`1d5b15a2d`](https://github.com/gradio-app/gradio/commit/1d5b15a2d24387154f2cfb40a36de25b331471d3) - Assert refactor in external.py.  Thanks [@harry-urek](https://github.com/harry-urek)!
+
+## 0.6.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function. 
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.5.3
+
+### Features
+
+- [#5721](https://github.com/gradio-app/gradio/pull/5721) [`84e03fe50`](https://github.com/gradio-app/gradio/commit/84e03fe506e08f1f81bac6d504c9fba7924f2d93) - Adds copy buttons to website, and better descriptions to API Docs.  Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.5.2
+
+### Features
+
+- [#5653](https://github.com/gradio-app/gradio/pull/5653) [`ea0e00b20`](https://github.com/gradio-app/gradio/commit/ea0e00b207b4b90a10e9d054c4202d4e705a29ba) - Prevent Clients from accessing API endpoints that set `api_name=False`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.1
+
+### Features
+
+- [#5514](https://github.com/gradio-app/gradio/pull/5514) [`52f783175`](https://github.com/gradio-app/gradio/commit/52f7831751b432411e109bd41add4ab286023a8e) - refactor: Use package.json for version management.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+
+## 0.5.0
+
+### Highlights
+
+#### Enable streaming audio in python client ([#5248](https://github.com/gradio-app/gradio/pull/5248) [`390624d8`](https://github.com/gradio-app/gradio/commit/390624d8ad2b1308a5bf8384435fd0db98d8e29e))
+
+The `gradio_client` now supports streaming file outputs 🌊
+
+No new syntax! Connect to a gradio demo that supports streaming file outputs and call `predict` or `submit` as you normally would.
+
+```python
+import gradio_client as grc
+client = grc.Client("gradio/stream_audio_out")
+
+# Get the entire generated audio as a local file
+client.predict("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+job = client.submit("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+# Get the entire generated audio as a local file
+job.result()
+
+# Each individual chunk
+job.outputs()
+```
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5295](https://github.com/gradio-app/gradio/pull/5295) [`7b8fa8aa`](https://github.com/gradio-app/gradio/commit/7b8fa8aa58f95f5046b9add64b40368bd3f1b700) - Allow caching examples with streamed output.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.4.0
+
+### Highlights
+
+#### Client.predict will now return the final output for streaming endpoints ([#5057](https://github.com/gradio-app/gradio/pull/5057) [`35856f8b`](https://github.com/gradio-app/gradio/commit/35856f8b54548cae7bd3b8d6a4de69e1748283b2))
+
+### This is a breaking change (for gradio_client only)!
+
+Previously, `Client.predict` would only return the first output of an endpoint that streamed results. This was causing confusion for developers that wanted to call these streaming demos via the client.
+
+We realize that developers using the client don't know the internals of whether a demo streams or not, so we're changing the behavior of predict to match developer expectations.
+
+Using `Client.predict` will now return the final output of a streaming endpoint. This will make it even easier to use gradio apps via the client.
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Features
+
+- [#5076](https://github.com/gradio-app/gradio/pull/5076) [`2745075a`](https://github.com/gradio-app/gradio/commit/2745075a26f80e0e16863d483401ff1b6c5ada7a) - Add deploy_discord to docs. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5061](https://github.com/gradio-app/gradio/pull/5061) [`136adc9c`](https://github.com/gradio-app/gradio/commit/136adc9ccb23e5cb4d02d2e88f23f0b850041f98) - Ensure `gradio_client` is backwards compatible with `gradio==3.24.1`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.0
+
+### Highlights
+
+#### Create Discord Bots from Gradio Apps 🤖 ([#4960](https://github.com/gradio-app/gradio/pull/4960) [`46e4ef67`](https://github.com/gradio-app/gradio/commit/46e4ef67d287dd68a91473b73172b29cbad064bc))
+
+We're excited to announce that Gradio can now automatically create a discord bot from any `gr.ChatInterface` app.
+
+It's as easy as importing `gradio_client`, connecting to the app, and calling `deploy_discord`!
+
+_🦙 Turning Llama 2 70b into a discord bot 🦙_
+
+```python
+import gradio_client as grc
+grc.Client("ysharma/Explore_llamav2_with_TGI").deploy_discord(to_id="llama2-70b-discord-bot")
+```
+
+<img src="https://gradio-builds.s3.amazonaws.com/demo-files/discordbots/guide/llama_chat.gif">
+
+#### Getting started with template spaces
+
+To help get you started, we have created an organization on Hugging Face called [gradio-discord-bots](https://huggingface.co/gradio-discord-bots) with template spaces you can use to turn state of the art LLMs powered by Gradio to discord bots.
+
+Currently we have template spaces for:
+
+- [Llama-2-70b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-70b-chat-hf) powered by a FREE Hugging Face Inference Endpoint!
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-13b-chat-hf) powered by Hugging Face Inference Endpoints.
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/llama-2-13b-chat-transformers) powered by Hugging Face transformers.
+- [falcon-7b-instruct](https://huggingface.co/spaces/gradio-discord-bots/falcon-7b-instruct) powered by Hugging Face Inference Endpoints.
+- [gpt-3.5-turbo](https://huggingface.co/spaces/gradio-discord-bots/gpt-35-turbo), powered by openai. Requires an OpenAI key.
+
+But once again, you can deploy ANY `gr.ChatInterface` app exposed on the internet! So don't hesitate to try it on your own Chatbots.
+
+❗️ Additional Note ❗️: Technically, any gradio app that exposes an api route that takes in a single string and outputs a single string can be deployed to discord. But `gr.ChatInterface` apps naturally lend themselves to discord's chat functionality so we suggest you start with those.
+
+Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### New Features:
+
+- Endpoints that return layout components are now properly handled in the `submit` and `view_api` methods. Output layout components are not returned by the API but all other components are (excluding `gr.State`). By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4871](https://github.com/gradio-app/gradio/pull/4871)
+
+### Bug Fixes:
+
+No changes to highlight
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.9
+
+### New Features:
+
+No changes to highlight
+
+### Bug Fixes:
+
+- Fix bug determining the api name when a demo has `api_name=False` by [@freddyboulton](https://github.com/freddyaboulton) in [PR 4886](https://github.com/gradio-app/gradio/pull/4886)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Pinned dependencies to major versions to reduce the likelihood of a broken `gradio_client` due to changes in downstream dependencies by [@abidlabs](https://github.com/abidlabs) in [PR 4885](https://github.com/gradio-app/gradio/pull/4885)
+
+# 0.2.8
+
+### New Features:
+
+- Support loading gradio apps where `api_name=False` by [@abidlabs](https://github.com/abidlabs) in [PR 4683](https://github.com/gradio-app/gradio/pull/4683)
+
+### Bug Fixes:
+
+- Fix bug where space duplication would error if the demo has cpu-basic hardware by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4583](https://github.com/gradio-app/gradio/pull/4583)
+- Fixes and optimizations to URL/download functions by [@akx](https://github.com/akx) in [PR 4695](https://github.com/gradio-app/gradio/pull/4695)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.7
+
+### New Features:
+
+- The output directory for files downloaded via the Client can now be set by the `output_dir` parameter in `Client` by [@abidlabs](https://github.com/abidlabs) in [PR 4501](https://github.com/gradio-app/gradio/pull/4501)
+
+### Bug Fixes:
+
+- The output directory for files downloaded via the Client are now set to a temporary directory by default (instead of the working directory in some cases) by [@abidlabs](https://github.com/abidlabs) in [PR 4501](https://github.com/gradio-app/gradio/pull/4501)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.6
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixed bug file deserialization didn't preserve all file extensions by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4440](https://github.com/gradio-app/gradio/pull/4440)
+- Fixed bug where mounted apps could not be called via the client by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4435](https://github.com/gradio-app/gradio/pull/4435)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.5
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixes parameter names not showing underscores by [@abidlabs](https://github.com/abidlabs) in [PR 4230](https://github.com/gradio-app/gradio/pull/4230)
+- Fixes issue in which state was not handled correctly if `serialize=False` by [@abidlabs](https://github.com/abidlabs) in [PR 4230](https://github.com/gradio-app/gradio/pull/4230)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.4
+
+### Bug Fixes:
+
+- Fixes missing serialization classes for several components: `Barplot`, `Lineplot`, `Scatterplot`, `AnnotatedImage`, `Interpretation` by [@abidlabs](https://github.com/abidlabs) in [PR 4167](https://github.com/gradio-app/gradio/pull/4167)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.2.3
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix example inputs for `gr.File(file_count='multiple')` output components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4153](https://github.com/gradio-app/gradio/pull/4153)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.2.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Only send request to `/info` route if demo version is above `3.28.3` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4109](https://github.com/gradio-app/gradio/pull/4109)
+
+### Other Changes:
+
+- Fix bug in test from gradio 3.29.0 refactor by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4138](https://github.com/gradio-app/gradio/pull/4138)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+# 0.2.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+Removes extraneous `State` component info from the `Client.view_api()` method by [@abidlabs](https://github.com/freddyaboulton) in [PR 4107](https://github.com/gradio-app/gradio/pull/4107)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+Separates flaky tests from non-flaky tests by [@abidlabs](https://github.com/freddyaboulton) in [PR 4107](https://github.com/gradio-app/gradio/pull/4107)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.1.4
+
+### New Features:
+
+- Progress Updates from `gr.Progress()` can be accessed via `job.status().progress_data` by @freddyaboulton](https://github.com/freddyaboulton) in [PR 3924](https://github.com/gradio-app/gradio/pull/3924)
+
+### Bug Fixes:
+
+- Fixed bug where unnamed routes where displayed with `api_name` instead of `fn_index` in `view_api` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3972](https://github.com/gradio-app/gradio/pull/3972)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.1.3
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixed bug where `Video` components in latest gradio were not able to be deserialized by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3860](https://github.com/gradio-app/gradio/pull/3860)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.1.2
+
+First public release of the Gradio Client library! The `gradio_client` Python library that makes it very easy to use any Gradio app as an API.
+
+As an example, consider this [Hugging Face Space that transcribes audio files](https://huggingface.co/spaces/abidlabs/whisper) that are recorded from the microphone.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+Using the `gradio_client` library, we can easily use the Gradio as an API to transcribe audio files programmatically.
+
+Here's the entire code to do it:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/whisper")
+client.predict("audio_sample.wav")
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+Read more about how to use the `gradio_client` library here: https://gradio.app/getting-started-with-the-python-client/
\ No newline at end of file
diff --git a/client/python/README.md b/client/python/README.md
new file mode 100644
index 0000000..07049e8
--- /dev/null
+++ b/client/python/README.md
@@ -0,0 +1,143 @@
+# `gradio_client`: Use a Gradio app as an API -- in 3 lines of Python
+
+This directory contains the source code for `gradio_client`, a lightweight Python library that makes it very easy to use any Gradio app as an API.
+
+As an example, consider this [Hugging Face Space that transcribes audio files](https://huggingface.co/spaces/abidlabs/whisper) that are recorded from the microphone.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+Using the `gradio_client` library, we can easily use the Gradio as an API to transcribe audio files programmatically.
+
+Here's the entire code to do it:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/whisper")
+client.predict("audio_sample.wav")
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+The Gradio client works with any Gradio Space, whether it be an image generator, a stateful chatbot, or a tax calculator.
+
+## Installation
+
+If you already have a recent version of `gradio`, then the `gradio_client` is included as a dependency.
+
+Otherwise, the lightweight `gradio_client` package can be installed from pip (or pip3) and works with Python versions 3.10 or higher:
+
+```bash
+$ pip install gradio_client
+```
+
+## Basic Usage
+
+### Connecting to a Space or a Gradio app
+
+Start by connecting instantiating a `Client` object and connecting it to a Gradio app that is running on Spaces (or anywhere else)!
+
+**Connecting to a Space**
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr")  # a Space that translates from English to French
+```
+
+You can also connect to private Spaces by passing in your HF token with the `hf_token` parameter. You can get your HF token here: https://huggingface.co/settings/tokens
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/my-private-space", hf_token="...")
+```
+
+**Duplicating a Space for private use**
+
+While you can use any public Space as an API, you may get rate limited by Hugging Face if you make too many requests. For unlimited usage of a Space, simply duplicate the Space to create a private Space,
+and then use it to make as many requests as you'd like!
+
+The `gradio_client` includes a class method: `Client.duplicate()` to make this process simple:
+
+```python
+from gradio_client import Client
+
+client = Client.duplicate("abidlabs/whisper")
+client.predict("audio_sample.wav")
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+If you have previously duplicated a Space, re-running `duplicate()` will _not_ create a new Space. Instead, the Client will attach to the previously-created Space. So it is safe to re-run the `Client.duplicate()` method multiple times.
+
+**Note:** if the original Space uses GPUs, your private Space will as well, and your Hugging Face account will get billed based on the price of the GPU. To minimize charges, your Space will automatically go to sleep after 1 hour of inactivity. You can also set the hardware using the `hardware` parameter of `duplicate()`.
+
+**Connecting a general Gradio app**
+
+If your app is running somewhere else, just provide the full URL instead, including the "http://" or "https://". Here's an example of making predictions to a Gradio app that is running on a share URL:
+
+```python
+from gradio_client import Client
+
+client = Client("https://bec81a83-5b5c-471e.gradio.live")
+```
+
+### Inspecting the API endpoints
+
+Once you have connected to a Gradio app, you can view the APIs that are available to you by calling the `.view_api()` method. For the Whisper Space, we see the following:
+
+```
+Client.predict() Usage Info
+---------------------------
+Named API endpoints: 1
+
+ - predict(input_audio, api_name="/predict") -> value_0
+    Parameters:
+     - [Audio] input_audio: str (filepath or URL)
+    Returns:
+     - [Textbox] value_0: str (value)
+```
+
+This shows us that we have 1 API endpoint in this space, and shows us how to use the API endpoint to make a prediction: we should call the `.predict()` method, providing a parameter `input_audio` of type `str`, which is a `filepath or URL`.
+
+We should also provide the `api_name='/predict'` argument. Although this isn't necessary if a Gradio app has a single named endpoint, it does allow us to call different endpoints in a single app if they are available. If an app has unnamed API endpoints, these can also be displayed by running `.view_api(all_endpoints=True)`.
+
+### Making a prediction
+
+The simplest way to make a prediction is simply to call the `.predict()` function with the appropriate arguments:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr")
+client.predict("Hello")
+
+>> Bonjour
+```
+
+If there are multiple parameters, then you should pass them as separate arguments to `.predict()`, like this:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/calculator")
+client.predict(4, "add", 5)
+
+>> 9.0
+```
+
+For certain inputs, such as images, you should pass in the filepath or URL to the file. Likewise, for the corresponding output types, you will get a filepath or URL returned.
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/whisper")
+client.predict("https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3")
+
+>> "My thought I have nobody by a beauty and will as you poured. Mr. Rochester is serve in that so don't find simpus, and devoted abode, to at might in a r—"
+```
+
+## Advanced Usage
+
+For more ways to use the Gradio Python Client, check out our dedicated Guide on the Python client, available here: https://www.gradio.app/guides/getting-started-with-the-python-client
diff --git a/client/python/build_pypi.sh b/client/python/build_pypi.sh
new file mode 100755
index 0000000..00068e1
--- /dev/null
+++ b/client/python/build_pypi.sh
@@ -0,0 +1,9 @@
+#!/bin/bash
+set -e
+
+cd "$(dirname ${0})"
+
+python3 -m pip install build
+rm -rf dist/*
+rm -rf build/*
+python3 -m build
diff --git a/client/python/gradio_client/CHANGELOG.md b/client/python/gradio_client/CHANGELOG.md
new file mode 100644
index 0000000..a03966b
--- /dev/null
+++ b/client/python/gradio_client/CHANGELOG.md
@@ -0,0 +1,1256 @@
+# gradio_client
+
+## 2.5.0
+
+### Features
+
+- [#13289](https://github.com/gradio-app/gradio/pull/13289) [`d6f24df`](https://github.com/gradio-app/gradio/commit/d6f24df6233e7882746ba6e49307a34a11101ea1) - Improve curl info.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13280](https://github.com/gradio-app/gradio/pull/13280) [`bb9c130`](https://github.com/gradio-app/gradio/commit/bb9c130e1e8c60b8a717da7184b02ab459be3f03) - Fix snippet generator crash on datetime values in Dataframe inputs.  Thanks @ParamChordiya!
+
+## 2.4.1
+
+### Features
+
+- [#13246](https://github.com/gradio-app/gradio/pull/13246) [`ff90963`](https://github.com/gradio-app/gradio/commit/ff909638e72f0b44e8629e5a28cea8276cdd9ab2) - Add Documentation Group for gr.Cache.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13204](https://github.com/gradio-app/gradio/pull/13204) [`9953db9`](https://github.com/gradio-app/gradio/commit/9953db94e406477df96f98adf3e47246181ceef9) - fix: preserve special characters in uploaded filenames.  Thanks @xr843!
+
+## 2.4.0
+
+### Features
+
+- [#13045](https://github.com/gradio-app/gradio/pull/13045) [`a35f589`](https://github.com/gradio-app/gradio/commit/a35f5896e43d2585d9206e8256b4d7e321fcd0fe) - Gradio Prediction CLI Commands.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12979](https://github.com/gradio-app/gradio/pull/12979) [`4a4c7f3`](https://github.com/gradio-app/gradio/commit/4a4c7f3b0d6fd8009fdafc580d5852984f961db1) - preserve file extension when filename stem is stripped entirely in gr.File.  Thanks @giulio-leone!
+
+## 2.3.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+### Fixes
+
+- [#12942](https://github.com/gradio-app/gradio/pull/12942) [`e5ba4fa`](https://github.com/gradio-app/gradio/commit/e5ba4fa992c0ac389c6af2d143c9ad4c33eea360) - perf: use deque for SSE pending message queues in gradio_client.  Thanks @giulio-leone!
+
+## 2.2.0
+
+### Features
+
+- [#12918](https://github.com/gradio-app/gradio/pull/12918) [`e29e1cc`](https://github.com/gradio-app/gradio/commit/e29e1ccd5874cb98b813ed4f7f72d9fef2935016) - Add Space-specific skill generation to `gradio skills add`.  Thanks @abidlabs!
+
+## 2.1.0
+
+### Features
+
+- [#12700](https://github.com/gradio-app/gradio/pull/12700) [`b01c95a`](https://github.com/gradio-app/gradio/commit/b01c95a58be8e18bb4ddef7f2ee238a7774e5be9) - Rewrite behavior section of docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#12882](https://github.com/gradio-app/gradio/pull/12882) [`fc7c01e`](https://github.com/gradio-app/gradio/commit/fc7c01ea1e581ef70be98fddf003b0c91315c7cc) - Validate proxy url host.  Thanks @freddyaboulton!
+- [#12811](https://github.com/gradio-app/gradio/pull/12811) [`8f8cef8`](https://github.com/gradio-app/gradio/commit/8f8cef87bfb3af64867804ad45f4385af09e07b4) - Fix windows tests.  Thanks @freddyaboulton!
+
+## 2.0.3
+
+### Fixes
+
+- [#12614](https://github.com/gradio-app/gradio/pull/12614) [`6222192`](https://github.com/gradio-app/gradio/commit/622219242412400df57a73aebfd3de96bb8499de) - fix(client): make WebP and VTT MIME type detection case-insensitive.  Thanks @majiayu000!
+
+## 2.0.2
+
+### Fixes
+
+- [#12585](https://github.com/gradio-app/gradio/pull/12585) [`1724a02`](https://github.com/gradio-app/gradio/commit/1724a02f37118af098cd9f51472955bf8ef8d794) - Remove checkmark from windows.  Thanks @freddyaboulton!
+- [#12600](https://github.com/gradio-app/gradio/pull/12600) [`1fafaba`](https://github.com/gradio-app/gradio/commit/1fafabaace315b1c699855cadb69eb17488de957) - Add x-gradio-user-header.  Thanks @freddyaboulton!
+
+## 2.0.1
+
+### Fixes
+
+- [#12480](https://github.com/gradio-app/gradio/pull/12480) [`b9732d1`](https://github.com/gradio-app/gradio/commit/b9732d10680ca66fa7b3f1e763d3cdd57b38c6ed) - [BUGFIX] Fix stream file download in gradio client.  Thanks @frascuchon!
+- [#12490](https://github.com/gradio-app/gradio/pull/12490) [`472e164`](https://github.com/gradio-app/gradio/commit/472e16439f2573b33d21b9635706416518405ddd) - Make client backwards compatible with version 5.  Thanks @freddyaboulton!
+
+## 2.0.0-dev.3
+
+### Features
+
+- [#12377](https://github.com/gradio-app/gradio/pull/12377) [`568644a`](https://github.com/gradio-app/gradio/commit/568644a88c4dbe1b6ad9468906b1e45ed07657f3) - Add a 6.0 migration guide and add deprecation warnings.  Thanks @abidlabs!
+
+## 2.0.0-dev.2
+
+### Features
+
+- [#12243](https://github.com/gradio-app/gradio/pull/12243) [`cb49168`](https://github.com/gradio-app/gradio/commit/cb49168b1d52b39e47f1faeda93d150e048bd625) - [Client] Fix ZeroGPU headers forwarding.  Thanks @cbensimon!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Update ZeroGPU guide to reflect best practices on manually passing an IP token.  Thanks @dawoodkhan82!
+
+## 2.0.0-dev.1
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+
+## 2.0.0-dev.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`53d9098`](https://github.com/gradio-app/gradio/commit/53d9098cca378f6ebff9dec15d2faa8a3d2fb510) - [No Merge] Gradio 6.0.  Thanks @freddyaboulton!
+
+## 1.13.3
+
+### Fixes
+
+- [#11979](https://github.com/gradio-app/gradio/pull/11979) [`50a89f0`](https://github.com/gradio-app/gradio/commit/50a89f079250735f268dfeeeddf40ffea84d7919) - Allow gradio to run with huggingface_hub 1.x.  Thanks @Wauplin!
+
+## 1.13.2
+
+### Features
+
+- [#11962](https://github.com/gradio-app/gradio/pull/11962) [`fdfe4fe`](https://github.com/gradio-app/gradio/commit/fdfe4fec334726fe91be98062826eb4b537410c3) - fix(client): websockets minimum version for asyncio.  Thanks @cbensimon!
+
+## 1.13.1
+
+### Fixes
+
+- [#11896](https://github.com/gradio-app/gradio/pull/11896) [`915f3a2`](https://github.com/gradio-app/gradio/commit/915f3a2f2fa1843111868e4f23f543b097b9c839) - Send EventData when app is loaded via gr.load.  Thanks @freddyaboulton!
+- [#11924](https://github.com/gradio-app/gradio/pull/11924) [`a9167fb`](https://github.com/gradio-app/gradio/commit/a9167fb7d013b7f76784c98f9c673ce47214b119) - Update websocket import and type in get_pred_from_ws.  Thanks @qgallouedec!
+
+## 1.13.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+
+## 1.12.1
+
+### Features
+
+- [#11744](https://github.com/gradio-app/gradio/pull/11744) [`f54e454`](https://github.com/gradio-app/gradio/commit/f54e454d6c2e256873f49e8bfb89f7161ec0a040) - fix client.  Thanks @abidlabs!
+
+## 1.12.0
+
+### Features
+
+- [#11723](https://github.com/gradio-app/gradio/pull/11723) [`379f0c1`](https://github.com/gradio-app/gradio/commit/379f0c151943b5f269910eba4a4c7abc6145a11c) - Support MCP resources and prompts.  Thanks @abidlabs!
+
+## 1.11.1
+
+### Features
+
+- [#11700](https://github.com/gradio-app/gradio/pull/11700) [`37d4c48`](https://github.com/gradio-app/gradio/commit/37d4c4809616595642f8d4a60be37d9915317443) - Have `Client` send authorization token with the `X-HF-Authorization` token.  Thanks @abidlabs!
+
+## 1.11.0
+
+### Features
+
+- [#11567](https://github.com/gradio-app/gradio/pull/11567) [`150ed18`](https://github.com/gradio-app/gradio/commit/150ed18b856e34d5a96a9e17bd5ad510e11872a6) - Stream Progress Updates to MCP clients.  Thanks @freddyaboulton!
+
+## 1.10.4
+
+### Fixes
+
+- [#11041](https://github.com/gradio-app/gradio/pull/11041) [`474aa30`](https://github.com/gradio-app/gradio/commit/474aa30979c14793e00852ad2f4ef6c12a41b900) - Attach cookies to client after first request (to support multiple-replica setups with cookie-based affinity).  Thanks @abidlabs!
+
+## 1.10.3
+
+### Fixes
+
+- [#11347](https://github.com/gradio-app/gradio/pull/11347) [`fdce3a0`](https://github.com/gradio-app/gradio/commit/fdce3a094fe1278ae83fe2f8b134b4c268506cfe) - Fix `gr.api()` to support more types, including optional params.  Thanks @abidlabs!
+
+## 1.10.2
+
+### Fixes
+
+- [#11215](https://github.com/gradio-app/gradio/pull/11215) [`2186ae3`](https://github.com/gradio-app/gradio/commit/2186ae3f4d6f8ac83883c359aed88a5b72746b5d) - Allow httpx_kwargs to contain cookies.  Thanks @santibreo!
+
+## 1.10.1
+
+### Features
+
+- [#11185](https://github.com/gradio-app/gradio/pull/11185) [`e64b83b`](https://github.com/gradio-app/gradio/commit/e64b83bf42a813d9269e519189523f8390a72ec4) - Evaluate index variable in argument description.  Thanks @emmanuel-ferdman!
+
+### Fixes
+
+- [#11172](https://github.com/gradio-app/gradio/pull/11172) [`b618571`](https://github.com/gradio-app/gradio/commit/b618571ed17a8cece4bf9f1f55ed2e8bf7b59c46) - Fix python client SSE decoding issue.  Thanks @freddyaboulton!
+
+## 1.10.0
+
+### Features
+
+- [#10984](https://github.com/gradio-app/gradio/pull/10984) [`8dab577`](https://github.com/gradio-app/gradio/commit/8dab5771c7d952c76f325681dbf364119c91b0b1) - Let Gradio apps also be MCP Servers.  Thanks @abidlabs!
+
+## 1.9.1
+
+### Fixes
+
+- [#11093](https://github.com/gradio-app/gradio/pull/11093) [`cb322df`](https://github.com/gradio-app/gradio/commit/cb322df1f4df858590e760a82f6410f3b6db899b) - Update client.py to always send file data, even for files without extensions.  Thanks @edmcman!
+
+## 1.9.0
+
+### Features
+
+- [#11043](https://github.com/gradio-app/gradio/pull/11043) [`62a0080`](https://github.com/gradio-app/gradio/commit/62a00806e198c4c76bc132255d4b78c7aa329157) - Pass any visible error modals from a Gradio app downstream to the app that has `gr.load`-ed it.  Thanks @abidlabs!
+
+## 1.8.0
+
+### Features
+
+- [#10809](https://github.com/gradio-app/gradio/pull/10809) [`99b69df`](https://github.com/gradio-app/gradio/commit/99b69df1c000da092373440800fc08abe6ae9e20) - Trigger python client release.  Thanks @freddyaboulton!
+
+## 1.7.2
+
+### Features
+
+- [#10664](https://github.com/gradio-app/gradio/pull/10664) [`0b1f729`](https://github.com/gradio-app/gradio/commit/0b1f72941fd50298562102e39f4feafaa16f5968) - Allow websocket version 15.  Thanks @freddyaboulton!
+- Test
+
+## 1.7.1
+
+### Fixes
+
+- [#10580](https://github.com/gradio-app/gradio/pull/10580) [`4e70d74`](https://github.com/gradio-app/gradio/commit/4e70d74068b77ebb3d285aa78e9202fff76337a2) - Fix `gr.load()` for `gr.ChatInterface(save_history=True)` and any Gradio app where the upstream app includes a `gr.State` as input.  Thanks @abidlabs!
+
+## 1.7.0
+
+### Features
+
+- [#10470](https://github.com/gradio-app/gradio/pull/10470) [`3465fdb`](https://github.com/gradio-app/gradio/commit/3465fdb19087471598ca07c93bc4ff3e1b6b2abf) - Format backend with latest `ruff`.  Thanks @abidlabs!
+- [#10435](https://github.com/gradio-app/gradio/pull/10435) [`ef66fe5`](https://github.com/gradio-app/gradio/commit/ef66fe52b22448a5125a314581f2ec6c73c24145) - Sidebar Component.  Thanks @dawoodkhan82!
+
+## 1.6.0
+
+### Features
+
+- [#10352](https://github.com/gradio-app/gradio/pull/10352) [`6a7cfc4`](https://github.com/gradio-app/gradio/commit/6a7cfc4264822209148ad07d8f38a0550bdb32b7) - Compatibility between Client and ZeroGPU.  Thanks @abidlabs!
+
+## 1.5.4
+
+### Fixes
+
+- [#10332](https://github.com/gradio-app/gradio/pull/10332) [`e742dcc`](https://github.com/gradio-app/gradio/commit/e742dcccb376692c9ddd5a6c251080e7c5936574) - Allow users to add a custom API route.  Thanks @aliabid94!
+
+## 1.5.3
+
+### Features
+
+- [#10221](https://github.com/gradio-app/gradio/pull/10221) [`506bd28`](https://github.com/gradio-app/gradio/commit/506bd2884a9790fb6f8dbf5684576e80d2b8ee64) - Update Guides related to deploying Gradio chatbots to Discord, Slack, and website widgets.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10238](https://github.com/gradio-app/gradio/pull/10238) [`3f19210`](https://github.com/gradio-app/gradio/commit/3f192100d6997751d0246b396a4fd8eaa86a826b) - Declare exports in __all__ for type checking.  Thanks @dustalov!
+
+## 1.5.2
+
+### Features
+
+- [#10196](https://github.com/gradio-app/gradio/pull/10196) [`c9ba9a4`](https://github.com/gradio-app/gradio/commit/c9ba9a447596a9ccdd21955adb3b34b15cac7ade) - Use the modern lower-case Python types in the API typing information.  Thanks @abidlabs!
+- [#10193](https://github.com/gradio-app/gradio/pull/10193) [`424365b`](https://github.com/gradio-app/gradio/commit/424365bdbd0b805e3b2d0c44ccc0f47201b1d96a) - JSON type fix in Client and and typing fix for `/chat` endpoint in `gr.ChatInterface`.  Thanks @abidlabs!
+
+## 1.5.1
+
+### Fixes
+
+- [#10090](https://github.com/gradio-app/gradio/pull/10090) [`5ea3cb5`](https://github.com/gradio-app/gradio/commit/5ea3cb51a39ba01fda7f65ff31e59955e1d12cea) - Update `requirements.txt` for `gradio` and `gradio_client`.  Thanks @abidlabs!
+
+## 1.5.0
+
+### Features
+
+- [#10017](https://github.com/gradio-app/gradio/pull/10017) [`a95fda1`](https://github.com/gradio-app/gradio/commit/a95fda1f85e80ce8423f4373bb238422b9b7aa32) - fix small bug when join src & api_prefix.  Thanks @Chandler-Bing!
+
+## 1.4.3
+
+### Fixes
+
+- [#9913](https://github.com/gradio-app/gradio/pull/9913) [`d81f430`](https://github.com/gradio-app/gradio/commit/d81f430fd50546001b76c0ae5fded32c6d3093f7) - fix: Fix filename stripping to preserve extensions.  Thanks @TakaSoap!
+
+## 1.4.2
+
+### Fixes
+
+- [#9754](https://github.com/gradio-app/gradio/pull/9754) [`36a5076`](https://github.com/gradio-app/gradio/commit/36a50769095081a0e77f04f513d47a2e9d4531ba) - Update client.py: raise error on 429 get_config.  Thanks @Pendrokar!
+
+## 1.4.1
+
+### Fixes
+
+- [#9678](https://github.com/gradio-app/gradio/pull/9678) [`a25a26e`](https://github.com/gradio-app/gradio/commit/a25a26e208c3f3675ba857a889553c7ccc95e866) - Fix: `file_types` checking bug.  Thanks @jasongzy!
+
+## 1.4.0-beta.5
+
+### Features
+
+- [#9589](https://github.com/gradio-app/gradio/pull/9589) [`477f45c`](https://github.com/gradio-app/gradio/commit/477f45cb43be957684eb392e3d62c09490c22391) - Only move files to the cache that have a meta key.  Thanks @freddyaboulton!
+
+## 1.4.0-beta.4
+
+### Features
+
+- [#9550](https://github.com/gradio-app/gradio/pull/9550) [`b0fedd7`](https://github.com/gradio-app/gradio/commit/b0fedd7ef718c0df797ec277db7e773543a70a4d) - Fix most flaky Python tests in `5.0-dev` branch.  Thanks @abidlabs!
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+- [#9522](https://github.com/gradio-app/gradio/pull/9522) [`3b71ed2`](https://github.com/gradio-app/gradio/commit/3b71ed21b7e2ecb67eb68fb946d25565169cb4df) - Api info fix.  Thanks @freddyaboulton!
+
+## 1.4.0-beta.3
+
+### Fixes
+
+- [#9431](https://github.com/gradio-app/gradio/pull/9431) [`7065e11`](https://github.com/gradio-app/gradio/commit/7065e11e465fcdfe14688bd6ca2aeed0a25fcc36) - Check for `file_types` parameter in the backend.  Thanks @dawoodkhan82!
+
+## 1.4.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+## 1.4.0-beta.1
+
+### Features
+
+- [#9200](https://github.com/gradio-app/gradio/pull/9200) [`2e179d3`](https://github.com/gradio-app/gradio/commit/2e179d35be6ed60a5a6bfc7303178d63e41781ad) - prefix api routes.  Thanks @pngwn!
+
+## 1.4.0-beta.0
+
+### Features
+
+- [#9140](https://github.com/gradio-app/gradio/pull/9140) [`c054ec8`](https://github.com/gradio-app/gradio/commit/c054ec85e49ab102b15afd305583ee394151d16c) - Drop python 3.8 and 3.9.  Thanks @abidlabs!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+## 1.3.0
+
+### Features
+
+- [#8968](https://github.com/gradio-app/gradio/pull/8968) [`38b3682`](https://github.com/gradio-app/gradio/commit/38b3682c3a9b40fb4070f665d94711c43c6fe40e) - Improvements to FRP client download and usage.  Thanks @abidlabs!
+- [#9059](https://github.com/gradio-app/gradio/pull/9059) [`981731a`](https://github.com/gradio-app/gradio/commit/981731acb7da3e78555abeb20f47f3a8a5f0d861) - Fix flaky tests and tests on Windows.  Thanks @abidlabs!
+
+## 1.2.0
+
+### Features
+
+- [#8862](https://github.com/gradio-app/gradio/pull/8862) [`ac132e3`](https://github.com/gradio-app/gradio/commit/ac132e3cbc8dbc7bec3d607d52bef347e90feb41) - Support the use of custom authentication mechanism, timeouts, and other `httpx` parameters in Python Client.  Thanks @valgai!
+- [#8948](https://github.com/gradio-app/gradio/pull/8948) [`f7fbd2c`](https://github.com/gradio-app/gradio/commit/f7fbd2c23795d97071296463779d41bd0e937164) - Bump websockets version max for gradio-client.  Thanks @evanscho!
+
+## 1.1.1
+
+### Features
+
+- [#8757](https://github.com/gradio-app/gradio/pull/8757) [`6073736`](https://github.com/gradio-app/gradio/commit/60737366517f48d1a37ffce15425783a2887f305) - Document `FileData` class in docs.  Thanks @hannahblair!
+
+## 1.1.0
+
+### Fixes
+
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+
+## 1.0.2
+
+### Features
+
+- [#8516](https://github.com/gradio-app/gradio/pull/8516) [`de6aa2b`](https://github.com/gradio-app/gradio/commit/de6aa2b67668605b65ad92842b2c798afa2c6d8a) - Add helper classes to docs.  Thanks @aliabd!
+
+## 1.0.1
+
+### Features
+
+- [#8481](https://github.com/gradio-app/gradio/pull/8481) [`41a4493`](https://github.com/gradio-app/gradio/commit/41a449383a34b7d6e4c83cfbf61c222fd5501206) - fix client flaky tests.  Thanks @abidlabs!
+
+## 1.0.0
+
+### Highlights
+
+#### Clients 1.0 Launch!  ([#8468](https://github.com/gradio-app/gradio/pull/8468) [`7cc0a0c`](https://github.com/gradio-app/gradio/commit/7cc0a0c1abea585c3f50ffb1ff78d2b08ddbdd92))
+
+We're excited to unveil the first major release of the Gradio clients.
+We've made it even easier to turn any Gradio application into a production endpoint thanks to the clients' **ergonomic**, **transparent**, and **portable** design.
+
+#### Ergonomic API 💆
+
+**Stream From a Gradio app in 5 lines**
+
+Use the `submit` method to get a job you can iterate over:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/llm_stream")
+
+for result in client.submit("What's the best UI framework in Python?"):
+    print(result)
+```
+
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("gradio/llm_stream")
+const job = client.submit("/predict", {"text": "What's the best UI framework in Python?"})
+
+for await (const msg of job) console.log(msg.data)
+```
+
+**Use the same keyword arguments as the app**
+
+
+```python
+from gradio_client import Client
+
+client = Client("http://127.0.0.1:7860/")
+result = client.predict(
+		message="Hello!!",
+		system_prompt="You are helpful AI.",
+		tokens=10,
+		api_name="/chat"
+)
+print(result)
+```
+
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("http://127.0.0.1:7860/");
+const result = await client.predict("/chat", { 		
+		message: "Hello!!", 		
+		system_prompt: "Hello!!", 		
+		tokens: 10, 
+});
+
+console.log(result.data);
+```
+
+**Better Error Messages**
+
+If something goes wrong in the upstream app, the client will raise the same exception as the app provided that `show_error=True` in the original app's `launch()` function, or it's a `gr.Error` exception.
+
+#### Transparent Design 🪟
+
+Anything you can do in the UI, you can do with the client:
+* 🔒 Authentication
+* 🛑 Job Cancelling
+* ℹ️ Access Queue Position and API
+* 📕 View the API information
+
+Here's an example showing how to display the queue position of a pending job:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/diffusion_model")
+
+job = client.submit("A cute cat")
+while not job.done():
+    status = job.status()
+    print(f"Current in position {status.rank} out of {status.queue_size}")
+```
+
+#### Portable Design ⛺️
+
+The client can run from pretty much any python and javascript environment (node, deno, the browser, Service Workers). 
+
+Here's an example using the client from a Flask server using gevent:
+
+```python
+from gevent import monkey
+monkey.patch_all()
+
+from gradio_client import Client
+from flask import Flask, send_file
+import time
+
+app = Flask(__name__)
+
+imageclient = Client("gradio/diffusion_model")
+
+@app.route("/gen")
+def gen():
+      result = imageclient.predict(
+                "A cute cat",
+                api_name="/predict"
+              )
+      return send_file(result)
+
+if __name__ == "__main__":
+      app.run(host="0.0.0.0", port=5000)
+```
+
+#### 1.0 Migration Guide and Breaking Changes
+
+**Python**
+- The `serialize` argument of the `Client` class was removed. Has no effect.
+- The `upload_files` argument of the `Client` was removed.
+- All filepaths must be wrapped in the `handle_file` method. Example:
+```python
+from gradio_client import Client, handle_file
+
+client = Client("gradio/image_captioner")
+client.predict(handle_file("cute_cat.jpg"))
+```
+- The `output_dir` argument was removed. It is not specified in the `download_files` argument.
+
+
+**Javascript**
+The client has been redesigned entirely. It was refactored from a function into a class. An instance can now be constructed by awaiting the `connect` method.
+
+```js
+const app = await Client.connect("gradio/whisper")
+```
+The app variable has the same methods as the python class (`submit`, `predict`, `view_api`, `duplicate`).
+
+
+
+#### Additional Changes
+
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) -  Set orig_name in python client file uploads.
+- [#8264](https://github.com/gradio-app/gradio/pull/8264) - Make exceptions in the Client more specific.
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) - Fix api recorder.
+- [#8276](https://github.com/gradio-app/gradio/pull/8276) - Fix bug where client could not connect to apps that had self signed certificates.
+- [#8245](https://github.com/gradio-app/gradio/pull/8245) - Cancel  server progress from the python client.
+- [#8200](https://github.com/gradio-app/gradio/pull/8200) -  Support custom components in gr.load
+- [#8182](https://github.com/gradio-app/gradio/pull/8182) - Convert sse calls in client from async to sync.
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.
+- [#7888](https://github.com/gradio-app/gradio/pull/7888) - Cache view_api info in server and python client.
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.
+- [#8401](https://github.com/gradio-app/gradio/pull/8401) - Add CDN installation to JS docs. 
+- [#8299](https://github.com/gradio-app/gradio/pull/8299) - Allow JS Client to work with authenticated spaces 🍪. 
+- [#8408](https://github.com/gradio-app/gradio/pull/8408) - Connect heartbeat if state created in render. Also fix config cleanup bug #8407.
+- [#8258](https://github.com/gradio-app/gradio/pull/8258) - Improve URL handling in JS Client.  
+- [#8322](https://github.com/gradio-app/gradio/pull/8322) - ensure the client correctly handles all binary data. 
+- [#8296](https://github.com/gradio-app/gradio/pull/8296) - always create a jwt when connecting to a space if a hf_token is present.  
+- [#8285](https://github.com/gradio-app/gradio/pull/8285) - use the correct query param to pass the jwt to the heartbeat event. 
+- [#8272](https://github.com/gradio-app/gradio/pull/8272) - ensure client works for private spaces.  
+- [#8197](https://github.com/gradio-app/gradio/pull/8197) - Add support for passing keyword args to `data` in JS client.  
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) - Client node fix.
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) - Rename `eventSource_Factory` and `fetch_implementation`. 
+- [#8109](https://github.com/gradio-app/gradio/pull/8109) - Implement JS Client tests.
+- [#8211](https://github.com/gradio-app/gradio/pull/8211) - remove redundant event source logic.  
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) - rework upload to be a class method + pass client into each component.
+- [#8181](https://github.com/gradio-app/gradio/pull/8181) - Ensure connectivity to private HF spaces with SSE protocol.
+- [#8169](https://github.com/gradio-app/gradio/pull/8169) - Only connect to heartbeat if needed.
+- [#8118](https://github.com/gradio-app/gradio/pull/8118) - Add eventsource polyfill for Node.js and browser environments.
+- [#7646](https://github.com/gradio-app/gradio/pull/7646) - Refactor JS Client.
+- [#7974](https://github.com/gradio-app/gradio/pull/7974) - Fix heartbeat in the js client to be Lite compatible.
+- [#7926](https://github.com/gradio-app/gradio/pull/7926) - Fixes streaming event race condition.
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8444](https://github.com/gradio-app/gradio/pull/8444) [`2cd02ff`](https://github.com/gradio-app/gradio/commit/2cd02ff3b7c57cd69635d111ff25643eba30b9b0) - Remove deprecated parameters from Python Client.  Thanks @abidlabs!
+
+## 0.17.0
+
+### Features
+
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) [`55f664f`](https://github.com/gradio-app/gradio/commit/55f664f2979a49acc29a73cde16c6ebdfcc91db2) - Add event listener support to render blocks.  Thanks @aliabid94!
+- [#8409](https://github.com/gradio-app/gradio/pull/8409) [`8028c33`](https://github.com/gradio-app/gradio/commit/8028c33bbc5a324a5e9e8b28906443db28683d79) - Render decorator documentation.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8371](https://github.com/gradio-app/gradio/pull/8371) [`a373b0e`](https://github.com/gradio-app/gradio/commit/a373b0edd36613a9a6a25a1a2893edd6533a7291) - Set orig_name in python client file uploads.  Thanks @freddyaboulton!
+
+## 0.16.4
+
+### Fixes
+
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) [`8f46556`](https://github.com/gradio-app/gradio/commit/8f46556b38e35cffbadac74ff80445dceea3bcf5) - Fix api recorder.  Thanks @abidlabs!
+
+## 0.16.3
+
+### Features
+
+- [#8264](https://github.com/gradio-app/gradio/pull/8264) [`a9e1a8a`](https://github.com/gradio-app/gradio/commit/a9e1a8ac5633c5336fea1c63d7f66a9883e7e6e1) - Make exceptions in the Client more specific.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8276](https://github.com/gradio-app/gradio/pull/8276) [`0bf3d1a`](https://github.com/gradio-app/gradio/commit/0bf3d1a992db2753c1a55452b569027190f26ef6) - Fix bug where client could not connect to apps that had self signed certificates.  Thanks @freddyaboulton!
+
+## 0.16.2
+
+### Fixes
+
+- [#8245](https://github.com/gradio-app/gradio/pull/8245) [`c562a3d`](https://github.com/gradio-app/gradio/commit/c562a3d9a440c8f94ca070bd07b8d4121d6ab7b3) - Cancel  server progress from the python client.  Thanks @freddyaboulton!
+
+## 0.16.1
+
+### Highlights
+
+#### Support custom components in gr.load ([#8200](https://github.com/gradio-app/gradio/pull/8200) [`72039be`](https://github.com/gradio-app/gradio/commit/72039be93acda856d92ceac7f21f1ec1a054fae2))
+
+It is now possible to load a demo with a custom component with `gr.load`.
+
+The custom component must be installed in your system and imported in your python session.
+
+```python
+import gradio as gr
+import gradio_pdf
+
+demo = gr.load("freddyaboulton/gradiopdf", src="spaces")
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+<img width="1284" alt="image" src="https://github.com/gradio-app/gradio/assets/41651716/9c3e846b-f3f2-4c1c-8cb6-53a6d186aaa0">
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8182](https://github.com/gradio-app/gradio/pull/8182) [`39791eb`](https://github.com/gradio-app/gradio/commit/39791eb186d3a4ce82c8c27979a28311c37a4067) - Convert sse calls in client from async to sync.  Thanks @abidlabs!
+
+## 0.16.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8100](https://github.com/gradio-app/gradio/pull/8100) [`cbdfbdf`](https://github.com/gradio-app/gradio/commit/cbdfbdfc973fa67665911fb5d8cb005a025b0e58) - upgrade `ruff` test dependency to `ruff==0.4.1`.  Thanks @abidlabs!
+
+## 0.15.1
+
+### Features
+
+- [#7850](https://github.com/gradio-app/gradio/pull/7850) [`2bae1cf`](https://github.com/gradio-app/gradio/commit/2bae1cfbd41ed8ae3eea031a64899611a22a1821) - Adds an "API Recorder" to the view API page, some internal methods have been made async.  Thanks @abidlabs!
+
+## 0.15.0
+
+### Highlights
+
+#### Automatically delete state after user has disconnected from the webpage ([#7829](https://github.com/gradio-app/gradio/pull/7829) [`6a4bf7a`](https://github.com/gradio-app/gradio/commit/6a4bf7abe29059dbdc6a342e0366fdaa2e4120ee))
+
+Gradio now automatically deletes `gr.State` variables stored in the server's RAM when users close their browser tab.
+The deletion will happen 60 minutes after the server detected a disconnect from the user's browser.
+If the user connects again in that timeframe, their state will not be deleted.
+
+Additionally, Gradio now includes a `Blocks.unload()` event, allowing you to run arbitrary cleanup functions when users disconnect (this does not have a 60 minute delay).
+You can think of the `unload` event as the opposite of the `load` event.
+
+
+```python
+with gr.Blocks() as demo:
+    gr.Markdown(
+"""# State Cleanup Demo
+🖼️ Images are saved in a user-specific directory and deleted when the users closes the page via demo.unload.
+""")
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                img = gr.Image(label="Generated Image", height=300, width=300)
+            with gr.Row():
+                gen = gr.Button(value="Generate")
+            with gr.Row():
+                history = gr.Gallery(label="Previous Generations", height=500, columns=10)
+                state = gr.State(value=[], delete_callback=lambda v: print("STATE DELETED"))
+
+    demo.load(generate_random_img, [state], [img, state, history]) 
+    gen.click(generate_random_img, [state], [img, state, history])
+    demo.unload(delete_directory)
+
+
+demo.launch(auth=lambda user,pwd: True,
+            auth_message="Enter any username and password to continue")
+```
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#7888](https://github.com/gradio-app/gradio/pull/7888) [`946487c`](https://github.com/gradio-app/gradio/commit/946487cf8e477cbf8d6fad4e772ff574a21782c3) - Cache view_api info in server and python client.  Thanks @freddyaboulton!
+
+## 0.14.0
+
+### Features
+
+- [#7800](https://github.com/gradio-app/gradio/pull/7800) [`b0a3ea9`](https://github.com/gradio-app/gradio/commit/b0a3ea951c06d4f3ff2755b567629fe988a3e30d) - Small fix to client.view_api() in the case of default file values.  Thanks @abidlabs!
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) [`2efb05e`](https://github.com/gradio-app/gradio/commit/2efb05ed99a8a3575aab0a6c14a8d8b91f4e9ed7) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.  Thanks @abidlabs!
+
+## 0.13.0
+
+### Features
+
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Closing stream from the backend.  Thanks @aliabid94!
+
+### Fixes
+
+- [#7718](https://github.com/gradio-app/gradio/pull/7718) [`6390d0b`](https://github.com/gradio-app/gradio/commit/6390d0bf6c2be0aefa56102dd029f25161bfebc3) - Add support for python client connecting to gradio apps running with self-signed SSL certificates.  Thanks @abidlabs!
+- [#7706](https://github.com/gradio-app/gradio/pull/7706) [`bc61ff6`](https://github.com/gradio-app/gradio/commit/bc61ff6b1603eedf3111f1b5c3d2751629902d98) - Several fixes to `gr.load`.  Thanks @abidlabs!
+
+## 0.12.0
+
+### Fixes
+
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) [`d0688b3`](https://github.com/gradio-app/gradio/commit/d0688b3c25feabb4fc7dfa0ab86086b3af7eb337) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.  Thanks @abidlabs!
+- [#7618](https://github.com/gradio-app/gradio/pull/7618) [`0ae1e44`](https://github.com/gradio-app/gradio/commit/0ae1e4486c06e06bb7a4bad45d58d14f1f8d1b94) - Control which files get moved to cache with gr.set_static_paths.  Thanks @freddyaboulton!
+
+## 0.11.0
+
+### Features
+
+- [#7407](https://github.com/gradio-app/gradio/pull/7407) [`375bfd2`](https://github.com/gradio-app/gradio/commit/375bfd28d2def576b4e1c12e0a60127b7419e826) - Fix server_messages.py to use the patched BaseModel class for Wasm env.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Fixes
+
+- [#7555](https://github.com/gradio-app/gradio/pull/7555) [`fc4c2db`](https://github.com/gradio-app/gradio/commit/fc4c2dbd994c49e37296978da1cb85e424080d1c) - Allow Python Client to upload/download files when connecting to Gradio apps with auth enabled.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.10.1
+
+### Features
+
+- [#7495](https://github.com/gradio-app/gradio/pull/7495) [`ddd4d3e`](https://github.com/gradio-app/gradio/commit/ddd4d3e4d3883fb7540d1df240fb08202fc77705) - Enable Ruff S101.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7443](https://github.com/gradio-app/gradio/pull/7443) [`b7a97f2`](https://github.com/gradio-app/gradio/commit/b7a97f29b84a72678a717db03d2932ed6caae6ce) - Update `httpx` to `httpx>=0.24.1` in `requirements.txt`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.10.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7377](https://github.com/gradio-app/gradio/pull/7377) [`6dfd40f`](https://github.com/gradio-app/gradio/commit/6dfd40fc6b2fa461490d2370ab91fcda7e07c0da) - Make set_documentation_group a no-op.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7334](https://github.com/gradio-app/gradio/pull/7334) [`b95d0d0`](https://github.com/gradio-app/gradio/commit/b95d0d043c739926af986e573200af92732bbc01) - Allow setting custom headers in Python Client.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7350](https://github.com/gradio-app/gradio/pull/7350) [`7302a6e`](https://github.com/gradio-app/gradio/commit/7302a6e151dac553c17833be64d4639ee4cf97aa) - Fix `gr.load` for file-based Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.9.0
+
+### Features
+
+- [#7062](https://github.com/gradio-app/gradio/pull/7062) [`0fddd0f`](https://github.com/gradio-app/gradio/commit/0fddd0f971761bff3ef6ccc7ab9deb1891cd80d0) - Determine documentation group automatically.  Thanks [@akx](https://github.com/akx)!
+- [#7102](https://github.com/gradio-app/gradio/pull/7102) [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f) - Improve chatbot streaming performance with diffs.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  Note that this PR changes the API format for generator functions, which would be a breaking change for any clients reading the EventStream directly
+- [#7116](https://github.com/gradio-app/gradio/pull/7116) [`3c8c4ac`](https://github.com/gradio-app/gradio/commit/3c8c4ac2db284e1cb503c397205a79a6dcc27e23) - Document the `gr.ParamViewer` component, and fix component preprocessing/postprocessing docstrings.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7061](https://github.com/gradio-app/gradio/pull/7061) [`05d8a3c`](https://github.com/gradio-app/gradio/commit/05d8a3c8030b733bd47250f5db6f89f230f9a707) - Update ruff to 0.1.13, enable more rules, fix issues.  Thanks [@akx](https://github.com/akx)!
+
+### Fixes
+
+- [#7178](https://github.com/gradio-app/gradio/pull/7178) [`9f23b0b`](https://github.com/gradio-app/gradio/commit/9f23b0bc54b4ef63c056b309370df52ec2c2a43c) - Optimize client view_api method.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7322](https://github.com/gradio-app/gradio/pull/7322) [`b25e95e`](https://github.com/gradio-app/gradio/commit/b25e95e164e80d66203ef71ce6bdb67ceb6b24df) - Fix `processing_utils.save_url_to_cache()` to follow redirects when accessing the URL.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.8.1
+
+### Features
+
+- [#7075](https://github.com/gradio-app/gradio/pull/7075) [`1fc8a94`](https://github.com/gradio-app/gradio/commit/1fc8a941384775f587a6ef30365960f43353cb0d) - fix lint.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7054](https://github.com/gradio-app/gradio/pull/7054) [`64c65d8`](https://github.com/gradio-app/gradio/commit/64c65d821983961111297a969946d87e2fc4105d) - Add encoding to open/writing files on the deploy_discord function.  Thanks [@WilliamHarer](https://github.com/WilliamHarer)!
+
+## 0.8.0
+
+### Fixes
+
+- [#6846](https://github.com/gradio-app/gradio/pull/6846) [`48d6534`](https://github.com/gradio-app/gradio/commit/48d6534b40f80e7e70a4061f97d9f2e23ba77fe1) - Add `show_api` parameter to events, and fix `gr.load()`. Also makes some minor improvements to the "view API" page when running on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6767](https://github.com/gradio-app/gradio/pull/6767) [`7bb561a`](https://github.com/gradio-app/gradio/commit/7bb561a294ca41d1044927cb34d8645c4175cae0) - Rewriting parts of the README and getting started guides for 4.0.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.7.3
+
+### Fixes
+
+- [#6693](https://github.com/gradio-app/gradio/pull/6693) [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0) - Python client properly handles hearbeat and log messages. Also handles responses longer than 65k.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.7.2
+
+### Features
+
+- [#6598](https://github.com/gradio-app/gradio/pull/6598) [`7cbf96e`](https://github.com/gradio-app/gradio/commit/7cbf96e0bdd12db7ecac7bf99694df0a912e5864) - Issue 5245: consolidate usage of requests and httpx.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6704](https://github.com/gradio-app/gradio/pull/6704) [`24e0481`](https://github.com/gradio-app/gradio/commit/24e048196e8f7bd309ef5c597d4ffc6ca4ed55d0) - Hotfix: update `huggingface_hub` dependency version.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6543](https://github.com/gradio-app/gradio/pull/6543) [`8a70e83`](https://github.com/gradio-app/gradio/commit/8a70e83db9c7751b46058cdd2514e6bddeef6210) - switch from black to ruff formatter.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+
+### Fixes
+
+- [#6556](https://github.com/gradio-app/gradio/pull/6556) [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70) - Fix api event drops.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.7.1
+
+### Fixes
+
+- [#6602](https://github.com/gradio-app/gradio/pull/6602) [`b8034a1`](https://github.com/gradio-app/gradio/commit/b8034a1e72c3aac649ee0ad9178ffdbaaa60fc61) - Fix: Gradio Client work with private Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.7.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Add json schema unit tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Swap websockets for SSE.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.7.0-beta.2
+
+### Features
+
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6069](https://github.com/gradio-app/gradio/pull/6069) [`bf127e124`](https://github.com/gradio-app/gradio/commit/bf127e1241a41401e144874ea468dff8474eb505) - Swap websockets for SSE.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.7.0-beta.1
+
+### Features
+
+- [#6082](https://github.com/gradio-app/gradio/pull/6082) [`037e5af33`](https://github.com/gradio-app/gradio/commit/037e5af3363c5b321b95efc955ee8d6ec0f4504e) - WIP: Fix docs.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5970](https://github.com/gradio-app/gradio/pull/5970) [`0c571c044`](https://github.com/gradio-app/gradio/commit/0c571c044035989d6fe33fc01fee63d1780635cb) - Add json schema unit tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6073](https://github.com/gradio-app/gradio/pull/6073) [`abff6fb75`](https://github.com/gradio-app/gradio/commit/abff6fb758bd310053a23c938bf1dd8fbdc5d333) - Fix remaining xfail tests in backend.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.7.0-beta.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Simplify how files are handled in components in 4.0.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Rename gradio_component to gradio component.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.6.1
+
+### Fixes
+
+- [#5811](https://github.com/gradio-app/gradio/pull/5811) [`1d5b15a2d`](https://github.com/gradio-app/gradio/commit/1d5b15a2d24387154f2cfb40a36de25b331471d3) - Assert refactor in external.py.  Thanks [@harry-urek](https://github.com/harry-urek)!
+
+## 0.6.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function. 
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.5.3
+
+### Features
+
+- [#5721](https://github.com/gradio-app/gradio/pull/5721) [`84e03fe50`](https://github.com/gradio-app/gradio/commit/84e03fe506e08f1f81bac6d504c9fba7924f2d93) - Adds copy buttons to website, and better descriptions to API Docs.  Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.5.2
+
+### Features
+
+- [#5653](https://github.com/gradio-app/gradio/pull/5653) [`ea0e00b20`](https://github.com/gradio-app/gradio/commit/ea0e00b207b4b90a10e9d054c4202d4e705a29ba) - Prevent Clients from accessing API endpoints that set `api_name=False`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.1
+
+### Features
+
+- [#5514](https://github.com/gradio-app/gradio/pull/5514) [`52f783175`](https://github.com/gradio-app/gradio/commit/52f7831751b432411e109bd41add4ab286023a8e) - refactor: Use package.json for version management.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+
+## 0.5.0
+
+### Highlights
+
+#### Enable streaming audio in python client ([#5248](https://github.com/gradio-app/gradio/pull/5248) [`390624d8`](https://github.com/gradio-app/gradio/commit/390624d8ad2b1308a5bf8384435fd0db98d8e29e))
+
+The `gradio_client` now supports streaming file outputs 🌊
+
+No new syntax! Connect to a gradio demo that supports streaming file outputs and call `predict` or `submit` as you normally would.
+
+```python
+import gradio_client as grc
+client = grc.Client("gradio/stream_audio_out")
+
+# Get the entire generated audio as a local file
+client.predict("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+job = client.submit("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+# Get the entire generated audio as a local file
+job.result()
+
+# Each individual chunk
+job.outputs()
+```
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5295](https://github.com/gradio-app/gradio/pull/5295) [`7b8fa8aa`](https://github.com/gradio-app/gradio/commit/7b8fa8aa58f95f5046b9add64b40368bd3f1b700) - Allow caching examples with streamed output.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.4.0
+
+### Highlights
+
+#### Client.predict will now return the final output for streaming endpoints ([#5057](https://github.com/gradio-app/gradio/pull/5057) [`35856f8b`](https://github.com/gradio-app/gradio/commit/35856f8b54548cae7bd3b8d6a4de69e1748283b2))
+
+### This is a breaking change (for gradio_client only)!
+
+Previously, `Client.predict` would only return the first output of an endpoint that streamed results. This was causing confusion for developers that wanted to call these streaming demos via the client.
+
+We realize that developers using the client don't know the internals of whether a demo streams or not, so we're changing the behavior of predict to match developer expectations.
+
+Using `Client.predict` will now return the final output of a streaming endpoint. This will make it even easier to use gradio apps via the client.
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Features
+
+- [#5076](https://github.com/gradio-app/gradio/pull/5076) [`2745075a`](https://github.com/gradio-app/gradio/commit/2745075a26f80e0e16863d483401ff1b6c5ada7a) - Add deploy_discord to docs. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5061](https://github.com/gradio-app/gradio/pull/5061) [`136adc9c`](https://github.com/gradio-app/gradio/commit/136adc9ccb23e5cb4d02d2e88f23f0b850041f98) - Ensure `gradio_client` is backwards compatible with `gradio==3.24.1`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.0
+
+### Highlights
+
+#### Create Discord Bots from Gradio Apps 🤖 ([#4960](https://github.com/gradio-app/gradio/pull/4960) [`46e4ef67`](https://github.com/gradio-app/gradio/commit/46e4ef67d287dd68a91473b73172b29cbad064bc))
+
+We're excited to announce that Gradio can now automatically create a discord bot from any `gr.ChatInterface` app.
+
+It's as easy as importing `gradio_client`, connecting to the app, and calling `deploy_discord`!
+
+_🦙 Turning Llama 2 70b into a discord bot 🦙_
+
+```python
+import gradio_client as grc
+grc.Client("ysharma/Explore_llamav2_with_TGI").deploy_discord(to_id="llama2-70b-discord-bot")
+```
+
+<img src="https://gradio-builds.s3.amazonaws.com/demo-files/discordbots/guide/llama_chat.gif">
+
+#### Getting started with template spaces
+
+To help get you started, we have created an organization on Hugging Face called [gradio-discord-bots](https://huggingface.co/gradio-discord-bots) with template spaces you can use to turn state of the art LLMs powered by Gradio to discord bots.
+
+Currently we have template spaces for:
+
+- [Llama-2-70b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-70b-chat-hf) powered by a FREE Hugging Face Inference Endpoint!
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-13b-chat-hf) powered by Hugging Face Inference Endpoints.
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/llama-2-13b-chat-transformers) powered by Hugging Face transformers.
+- [falcon-7b-instruct](https://huggingface.co/spaces/gradio-discord-bots/falcon-7b-instruct) powered by Hugging Face Inference Endpoints.
+- [gpt-3.5-turbo](https://huggingface.co/spaces/gradio-discord-bots/gpt-35-turbo), powered by openai. Requires an OpenAI key.
+
+But once again, you can deploy ANY `gr.ChatInterface` app exposed on the internet! So don't hesitate to try it on your own Chatbots.
+
+❗️ Additional Note ❗️: Technically, any gradio app that exposes an api route that takes in a single string and outputs a single string can be deployed to discord. But `gr.ChatInterface` apps naturally lend themselves to discord's chat functionality so we suggest you start with those.
+
+Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### New Features:
+
+- Endpoints that return layout components are now properly handled in the `submit` and `view_api` methods. Output layout components are not returned by the API but all other components are (excluding `gr.State`). By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4871](https://github.com/gradio-app/gradio/pull/4871)
+
+### Bug Fixes:
+
+No changes to highlight
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.9
+
+### New Features:
+
+No changes to highlight
+
+### Bug Fixes:
+
+- Fix bug determining the api name when a demo has `api_name=False` by [@freddyboulton](https://github.com/freddyaboulton) in [PR 4886](https://github.com/gradio-app/gradio/pull/4886)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Pinned dependencies to major versions to reduce the likelihood of a broken `gradio_client` due to changes in downstream dependencies by [@abidlabs](https://github.com/abidlabs) in [PR 4885](https://github.com/gradio-app/gradio/pull/4885)
+
+# 0.2.8
+
+### New Features:
+
+- Support loading gradio apps where `api_name=False` by [@abidlabs](https://github.com/abidlabs) in [PR 4683](https://github.com/gradio-app/gradio/pull/4683)
+
+### Bug Fixes:
+
+- Fix bug where space duplication would error if the demo has cpu-basic hardware by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4583](https://github.com/gradio-app/gradio/pull/4583)
+- Fixes and optimizations to URL/download functions by [@akx](https://github.com/akx) in [PR 4695](https://github.com/gradio-app/gradio/pull/4695)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.7
+
+### New Features:
+
+- The output directory for files downloaded via the Client can now be set by the `output_dir` parameter in `Client` by [@abidlabs](https://github.com/abidlabs) in [PR 4501](https://github.com/gradio-app/gradio/pull/4501)
+
+### Bug Fixes:
+
+- The output directory for files downloaded via the Client are now set to a temporary directory by default (instead of the working directory in some cases) by [@abidlabs](https://github.com/abidlabs) in [PR 4501](https://github.com/gradio-app/gradio/pull/4501)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.6
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixed bug file deserialization didn't preserve all file extensions by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4440](https://github.com/gradio-app/gradio/pull/4440)
+- Fixed bug where mounted apps could not be called via the client by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4435](https://github.com/gradio-app/gradio/pull/4435)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.5
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixes parameter names not showing underscores by [@abidlabs](https://github.com/abidlabs) in [PR 4230](https://github.com/gradio-app/gradio/pull/4230)
+- Fixes issue in which state was not handled correctly if `serialize=False` by [@abidlabs](https://github.com/abidlabs) in [PR 4230](https://github.com/gradio-app/gradio/pull/4230)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+# 0.2.4
+
+### Bug Fixes:
+
+- Fixes missing serialization classes for several components: `Barplot`, `Lineplot`, `Scatterplot`, `AnnotatedImage`, `Interpretation` by [@abidlabs](https://github.com/abidlabs) in [PR 4167](https://github.com/gradio-app/gradio/pull/4167)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.2.3
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix example inputs for `gr.File(file_count='multiple')` output components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4153](https://github.com/gradio-app/gradio/pull/4153)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.2.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Only send request to `/info` route if demo version is above `3.28.3` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4109](https://github.com/gradio-app/gradio/pull/4109)
+
+### Other Changes:
+
+- Fix bug in test from gradio 3.29.0 refactor by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4138](https://github.com/gradio-app/gradio/pull/4138)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+# 0.2.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+Removes extraneous `State` component info from the `Client.view_api()` method by [@abidlabs](https://github.com/freddyaboulton) in [PR 4107](https://github.com/gradio-app/gradio/pull/4107)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+Separates flaky tests from non-flaky tests by [@abidlabs](https://github.com/freddyaboulton) in [PR 4107](https://github.com/gradio-app/gradio/pull/4107)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.1.4
+
+### New Features:
+
+- Progress Updates from `gr.Progress()` can be accessed via `job.status().progress_data` by @freddyaboulton](https://github.com/freddyaboulton) in [PR 3924](https://github.com/gradio-app/gradio/pull/3924)
+
+### Bug Fixes:
+
+- Fixed bug where unnamed routes where displayed with `api_name` instead of `fn_index` in `view_api` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3972](https://github.com/gradio-app/gradio/pull/3972)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.1.3
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixed bug where `Video` components in latest gradio were not able to be deserialized by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3860](https://github.com/gradio-app/gradio/pull/3860)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+# 0.1.2
+
+First public release of the Gradio Client library! The `gradio_client` Python library that makes it very easy to use any Gradio app as an API.
+
+As an example, consider this [Hugging Face Space that transcribes audio files](https://huggingface.co/spaces/abidlabs/whisper) that are recorded from the microphone.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+Using the `gradio_client` library, we can easily use the Gradio as an API to transcribe audio files programmatically.
+
+Here's the entire code to do it:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/whisper")
+client.predict("audio_sample.wav")
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+Read more about how to use the `gradio_client` library here: https://gradio.app/getting-started-with-the-python-client/
\ No newline at end of file
diff --git a/client/python/gradio_client/__init__.py b/client/python/gradio_client/__init__.py
new file mode 100644
index 0000000..037264e
--- /dev/null
+++ b/client/python/gradio_client/__init__.py
@@ -0,0 +1,11 @@
+from gradio_client.client import Client
+from gradio_client.data_classes import FileData
+from gradio_client.utils import __version__, file, handle_file
+
+__all__ = [
+    "Client",
+    "file",
+    "handle_file",
+    "FileData",
+    "__version__",
+]
diff --git a/client/python/gradio_client/client.py b/client/python/gradio_client/client.py
new file mode 100644
index 0000000..59e71ac
--- /dev/null
+++ b/client/python/gradio_client/client.py
@@ -0,0 +1,1611 @@
+"""The main Client class for the Python client."""
+
+from __future__ import annotations
+
+import asyncio
+import concurrent.futures
+import hashlib
+import json
+import math
+import os
+import re
+import secrets
+import shutil
+import tempfile
+import threading
+import time
+import urllib.parse
+import uuid
+import warnings
+from collections import deque
+from collections.abc import AsyncGenerator, Callable
+from concurrent.futures import Future
+from contextvars import copy_context
+from dataclasses import dataclass
+from datetime import datetime
+from functools import partial
+from pathlib import Path
+from threading import Lock
+from typing import Any, Literal
+
+import httpx
+import huggingface_hub
+from huggingface_hub import SpaceHardware, SpaceStage
+from huggingface_hub.utils import (
+    RepositoryNotFoundError,
+    build_hf_headers,
+    send_telemetry,
+)
+from packaging import version
+
+from gradio_client import utils
+from gradio_client.data_classes import ParameterInfo
+from gradio_client.documentation import document
+from gradio_client.exceptions import AppError, AuthenticationError, ValidationError
+from gradio_client.utils import (
+    Communicator,
+    JobStatus,
+    Message,
+    QueueError,
+    ServerMessage,
+    Status,
+    StatusUpdate,
+    Update,
+)
+
+DEFAULT_TEMP_DIR = os.environ.get("GRADIO_TEMP_DIR") or str(
+    Path(tempfile.gettempdir()) / "gradio"
+)
+
+
+@document("predict", "submit", "view_api", "duplicate")
+class Client:
+    """
+    The main Client class for the Python client. This class is used to connect to a remote Gradio app and call its API endpoints.
+
+    Example:
+        from gradio_client import Client
+
+        client = Client("abidlabs/whisper-large-v2")  # connecting to a Hugging Face Space
+        client.predict("test.mp4", api_name="/predict")
+        >> What a nice recording! # returns the result of the remote API call
+
+        client = Client("https://bec81a83-5b5c-471e.gradio.live")  # connecting to a temporary Gradio share URL
+        job = client.submit("hello", api_name="/predict")  # runs the prediction in a background thread
+        job.result()
+        >> 49 # returns the result of the remote API call (blocking call)
+    """
+
+    def __init__(
+        self,
+        src: str,
+        token: str | None = None,
+        max_workers: int = 40,
+        verbose: bool = True,
+        auth: tuple[str, str] | None = None,
+        httpx_kwargs: dict[str, Any] | None = None,
+        *,
+        headers: dict[str, str] | None = None,
+        download_files: str | Path | Literal[False] = DEFAULT_TEMP_DIR,
+        ssl_verify: bool = True,
+        _skip_components: bool = True,  # internal parameter to skip values certain components (e.g. State) that do not need to be displayed to users.
+        analytics_enabled: bool = True,
+    ):
+        """
+        Parameters:
+            src: either the name of the Hugging Face Space to load, (e.g. "abidlabs/whisper-large-v2") or the full URL (including "http" or "https") of the hosted Gradio app to load (e.g. "http://mydomain.com/app" or "https://bec81a83-5b5c-471e.gradio.live/").
+            token: optional Hugging Face token to use to access private Spaces. By default, the locally saved token is used if there is one. Find your tokens here: https://huggingface.co/settings/tokens.
+            max_workers: maximum number of thread workers that can be used to make requests to the remote Gradio app simultaneously.
+            verbose: whether the client should print statements to the console.
+            headers: additional headers to send to the remote Gradio app on every request. By default only the HF authorization and user-agent headers are sent. This parameter will override the default headers if they have the same keys.
+            download_files: directory where the client should download output files  on the local machine from the remote API. By default, uses the value of the GRADIO_TEMP_DIR environment variable which, if not set by the user, is a temporary directory on your machine. If False, the client does not download files and returns a FileData dataclass object with the filepath on the remote machine instead.
+            ssl_verify: if False, skips certificate validation which allows the client to connect to Gradio apps that are using self-signed certificates.
+            httpx_kwargs: additional keyword arguments to pass to `httpx.Client`, `httpx.stream`, `httpx.get` and `httpx.post`. This can be used to set timeouts, proxies, http auth, etc.
+            analytics_enabled: Whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable or default to True.
+        """
+        self.verbose = verbose
+        self.token = token
+        self.download_files = download_files
+        self._skip_components = _skip_components
+        self.headers = build_hf_headers(
+            token=token,
+            library_name="gradio_client",
+            library_version=utils.__version__,
+        )
+        if "authorization" in self.headers:
+            self.headers["x-hf-authorization"] = self.headers["authorization"]
+            del self.headers["authorization"]
+        if headers:
+            self.headers.update(headers)
+        self.ssl_verify = ssl_verify
+        self.space_id = None
+        self.httpx_kwargs = {} if httpx_kwargs is None else httpx_kwargs
+        self.cookies: dict[str, str] = dict(
+            (self.httpx_kwargs.pop("cookies", {})) or {}
+        )
+        if isinstance(self.download_files, (str, Path)):
+            if not os.path.exists(self.download_files):
+                os.makedirs(self.download_files, exist_ok=True)
+            if not os.path.isdir(self.download_files):
+                raise ValueError(f"Path: {self.download_files} is not a directory.")
+            self.output_dir = str(self.download_files)
+        else:
+            self.output_dir = DEFAULT_TEMP_DIR
+
+        if src.startswith("http://") or src.startswith("https://"):
+            _src = src if src.endswith("/") else src + "/"
+        else:
+            _src = self._space_name_to_src(src)
+            if _src is None:
+                raise ValueError(
+                    f"Could not find Space: {src}. If it is a private Space, please provide a Hugging Face token."
+                )
+            self.space_id = src
+        self.src = _src
+        state = self._get_space_state()
+        if state == SpaceStage.BUILDING:
+            if self.verbose:
+                print("Space is still building. Please wait...")
+            while self._get_space_state() == SpaceStage.BUILDING:
+                time.sleep(2)  # so we don't get rate limited by the API
+                pass
+        if state in utils.INVALID_RUNTIME:
+            raise ValueError(
+                f"The current space is in the invalid state: {state}. "
+                "Please contact the owner to fix this."
+            )
+        if self.verbose:
+            print(f"Loaded as API: {self.src}")
+
+        if auth is not None:
+            self._login(auth)
+
+        self.config = self._get_config()
+        self.protocol: Literal["ws", "sse", "sse_v1", "sse_v2", "sse_v2.1"] = (
+            self.config.get("protocol", "ws")
+        )
+        api_prefix: str = self.config.get("api_prefix", "")
+        self.api_prefix = api_prefix.lstrip("/") + "/"
+        self.src_prefixed = (
+            urllib.parse.urljoin(self.src, self.api_prefix).rstrip("/") + "/"
+        )
+        self.api_url = urllib.parse.urljoin(self.src_prefixed, utils.API_URL)
+        self.sse_url = urllib.parse.urljoin(
+            self.src_prefixed,
+            utils.SSE_URL_V0 if self.protocol == "sse" else utils.SSE_URL,
+        )
+        self.heartbeat_url = urllib.parse.urljoin(
+            self.src_prefixed, utils.HEARTBEAT_URL
+        )
+        self.sse_data_url = urllib.parse.urljoin(
+            self.src_prefixed,
+            utils.SSE_DATA_URL_V0 if self.protocol == "sse" else utils.SSE_DATA_URL,
+        )
+        self.ws_url = urllib.parse.urljoin(
+            self.src_prefixed.replace("http", "ws", 1), utils.WS_URL
+        )
+        self.upload_url = urllib.parse.urljoin(self.src_prefixed, utils.UPLOAD_URL)
+        self.reset_url = urllib.parse.urljoin(self.src_prefixed, utils.RESET_URL)
+        self.app_version = version.parse(self.config.get("version", "2.0"))
+        self._info = self._get_api_info()
+        self.session_hash = str(uuid.uuid4())
+
+        self.endpoints = {
+            dependency.get("id", fn_index): Endpoint(
+                self, dependency.get("id", fn_index), dependency, self.protocol
+            )
+            for fn_index, dependency in enumerate(self.config["dependencies"])
+        }
+
+        # Create a pool of threads to handle the requests
+        self.executor = concurrent.futures.ThreadPoolExecutor(max_workers=max_workers)
+
+        self.analytics_enabled = (
+            analytics_enabled or os.getenv("GRADIO_ANALYTICS_ENABLED", "True") == "True"
+        )
+        if self.analytics_enabled:
+            threading.Thread(target=self._telemetry_thread, daemon=True).start()
+        self._refresh_heartbeat = threading.Event()
+        self._kill_heartbeat = threading.Event()
+
+        self.heartbeat = threading.Thread(target=self._stream_heartbeat, daemon=True)
+        self.heartbeat.start()
+
+        self.stream_open = False
+        self.streaming_future: Future | None = None
+        self.pending_messages_per_event: dict[str, deque[Message | None]] = {}
+        self.pending_event_ids: set[str] = set()
+
+    def close(self):
+        self._kill_heartbeat.set()
+        self.heartbeat.join(timeout=1)
+
+    def _stream_heartbeat(self):
+        while True:
+            url = self.heartbeat_url.format(session_hash=self.session_hash)
+            try:
+                httpx_kwargs = self.httpx_kwargs.copy()
+                httpx_kwargs.setdefault("timeout", 20)
+                with httpx.stream(
+                    "GET",
+                    url,
+                    headers=self.headers,
+                    cookies=self.cookies,
+                    verify=self.ssl_verify,
+                    **httpx_kwargs,
+                ) as response:
+                    for _ in response.iter_lines():
+                        if self._refresh_heartbeat.is_set():
+                            self._refresh_heartbeat.clear()
+                            break
+                        if self._kill_heartbeat.is_set():
+                            return
+            except httpx.TransportError:
+                return
+
+    def stream_messages(
+        self,
+        protocol: Literal["sse_v1", "sse_v2", "sse_v2.1", "sse_v3"],
+        session_hash: str,
+    ) -> None:
+        try:
+            httpx_kwargs = self.httpx_kwargs.copy()
+            httpx_kwargs.setdefault("timeout", httpx.Timeout(timeout=None))
+            with httpx.Client(
+                verify=self.ssl_verify,
+                **httpx_kwargs,
+            ) as client:
+                with client.stream(
+                    "GET",
+                    self.sse_url,
+                    params={"session_hash": session_hash},
+                    headers=self.headers,
+                    cookies=self.cookies,
+                ) as response:
+                    buffer = b""
+                    for chunk in response.iter_bytes():
+                        buffer += chunk
+                        while b"\n\n" in buffer:
+                            line, buffer = buffer.split(b"\n\n", 1)
+                            line = line.decode("utf-8").rstrip("\n")
+                            if not len(line):
+                                continue
+                            if line.startswith("data:"):
+                                resp = json.loads(line[5:])
+                                if resp["msg"] == ServerMessage.heartbeat:
+                                    continue
+                                elif (
+                                    resp.get("message", "")
+                                    == ServerMessage.server_stopped
+                                ):
+                                    for (
+                                        pending_messages
+                                    ) in self.pending_messages_per_event.values():
+                                        pending_messages.append(resp)
+                                    return
+                                elif resp["msg"] == ServerMessage.close_stream:
+                                    self.stream_open = False
+                                    return
+                                event_id = resp["event_id"]
+                                if event_id not in self.pending_messages_per_event:
+                                    self.pending_messages_per_event[event_id] = deque()
+                                self.pending_messages_per_event[event_id].append(resp)
+                                if resp["msg"] == ServerMessage.process_completed:
+                                    self.pending_event_ids.remove(event_id)
+                                if (
+                                    len(self.pending_event_ids) == 0
+                                    and protocol != "sse_v3"
+                                ):
+                                    self.stream_open = False
+                                    return
+                            else:
+                                raise ValueError(f"Unexpected SSE line: '{line}'")
+        except BaseException as e:
+            # If the job is cancelled the stream will close so we
+            # should not raise this httpx exception that comes from the
+            # stream abruply closing
+            if isinstance(e, httpx.RemoteProtocolError):
+                return
+            import traceback
+
+            traceback.print_exc()
+            raise e
+
+    def send_data(self, data, hash_data, protocol, request_headers):
+        headers = self.add_zero_gpu_headers(self.headers)
+        if request_headers is not None:
+            headers = {**request_headers, **headers}
+        req = httpx.post(
+            self.sse_data_url,
+            json={**data, **hash_data},
+            headers=headers,
+            cookies=self.cookies,
+            verify=self.ssl_verify,
+            **self.httpx_kwargs,
+        )
+        if req.status_code == 503:
+            raise QueueError("Queue is full! Please try again.")
+        if (validation_message := utils.extract_validation_message(req)) is not None:
+            raise ValidationError(validation_message)
+        req.raise_for_status()
+        resp = req.json()
+        event_id = resp["event_id"]
+
+        if not self.stream_open:
+            self.stream_open = True
+
+            def open_stream():
+                return self.stream_messages(
+                    protocol, session_hash=hash_data["session_hash"]
+                )
+
+            def close_stream(_):
+                self.stream_open = False
+                for _, pending_messages in self.pending_messages_per_event.items():
+                    pending_messages.append(None)
+
+            if self.streaming_future is None or self.streaming_future.done():
+                self.streaming_future = self.executor.submit(open_stream)
+                self.streaming_future.add_done_callback(close_stream)
+
+        return event_id
+
+    @classmethod
+    def duplicate(
+        cls,
+        from_id: str,
+        to_id: str | None = None,
+        token: str | None = None,
+        private: bool = True,
+        hardware: Literal[
+            "cpu-basic",
+            "cpu-upgrade",
+            "t4-small",
+            "t4-medium",
+            "a10g-small",
+            "a10g-large",
+            "a100-large",
+        ]
+        | SpaceHardware
+        | None = None,
+        secrets: dict[str, str] | None = None,
+        sleep_timeout: int = 5,
+        max_workers: int = 40,
+        verbose: bool = True,
+    ):
+        """
+        Duplicates a Hugging Face Space under your account and returns a Client object
+        for the new Space. No duplication is created if the Space already exists in your
+        account (to override this, provide a new name for the new Space using `to_id`).
+        To use this method, you must provide an `token` or be logged in via the Hugging
+        Face Hub CLI.
+
+        The new Space will be private by default and use the same hardware as the original
+        Space. This can be changed by using the `private` and `hardware` parameters. For
+        hardware upgrades (beyond the basic CPU tier), you may be required to provide
+        billing information on Hugging Face: https://huggingface.co/settings/billing
+
+        Parameters:
+            from_id: The name of the Hugging Face Space to duplicate in the format "{username}/{space_id}", e.g. "gradio/whisper".
+            to_id: The name of the new Hugging Face Space to create, e.g. "abidlabs/whisper-duplicate". If not provided, the new Space will be named "{your_HF_username}/{space_id}".
+            token: optional Hugging Face token to use to duplicating private Spaces. By default, no token is sent to the server. Set `token=None` to use the locally saved token if there is one. Find your tokens here: https://huggingface.co/settings/tokens.
+            private: Whether the new Space should be private (True) or public (False). Defaults to True.
+            hardware: The hardware tier to use for the new Space. Defaults to the same hardware tier as the original Space. Options include "cpu-basic", "cpu-upgrade", "t4-small", "t4-medium", "a10g-small", "a10g-large", "a100-large", subject to availability.
+            secrets: A dictionary of (secret key, secret value) to pass to the new Space. Defaults to None. Secrets are only used when the Space is duplicated for the first time, and are not updated if the duplicated Space already exists.
+            sleep_timeout: The number of minutes after which the duplicate Space will be puased if no requests are made to it (to minimize billing charges). Defaults to 5 minutes.
+            max_workers: The maximum number of thread workers that can be used to make requests to the remote Gradio app simultaneously.
+            verbose: Whether the client should print statements to the console.
+        Example:
+            import os
+            from gradio_client import Client
+            HF_TOKEN = os.environ.get("HF_TOKEN")
+            client = Client.duplicate("abidlabs/whisper", token=HF_TOKEN)
+            client.predict("audio_sample.wav")
+            >> "This is a test of the whisper speech recognition model."
+        """
+        try:
+            original_info = huggingface_hub.get_space_runtime(from_id, token=token)
+        except RepositoryNotFoundError as rnfe:
+            raise ValueError(
+                f"Could not find Space: {from_id}. If it is a private Space, please provide a `token`."
+            ) from rnfe
+        if to_id:
+            if "/" in to_id:
+                to_id = to_id.split("/")[1]
+            space_id = huggingface_hub.get_full_repo_name(to_id, token=token)
+        else:
+            space_id = huggingface_hub.get_full_repo_name(
+                from_id.split("/")[1], token=token
+            )
+        try:
+            huggingface_hub.get_space_runtime(space_id, token=token)
+            if verbose:
+                print(
+                    f"Using your existing Space: {utils.SPACE_URL.format(space_id)} 🤗"
+                )
+            if secrets is not None:
+                warnings.warn(
+                    "Secrets are only used when the Space is duplicated for the first time, and are not updated if the duplicated Space already exists."
+                )
+        except RepositoryNotFoundError:
+            if verbose:
+                print(f"Creating a duplicate of {from_id} for your own use... 🤗")
+            huggingface_hub.duplicate_space(
+                from_id=from_id,
+                to_id=space_id,
+                token=token,
+                exist_ok=True,
+                private=private,
+            )
+            if secrets is not None:
+                for key, value in secrets.items():
+                    huggingface_hub.add_space_secret(space_id, key, value, token=token)
+            if verbose:
+                print(f"Created new Space: {utils.SPACE_URL.format(space_id)}")
+        current_info = huggingface_hub.get_space_runtime(space_id, token=token)
+        current_hardware = (
+            current_info.hardware or huggingface_hub.SpaceHardware.CPU_BASIC
+        )
+        hardware = hardware or original_info.hardware
+        if current_hardware != hardware:
+            huggingface_hub.request_space_hardware(space_id, hardware, token=token)  # type: ignore
+            print(
+                f"-------\nNOTE: this Space uses upgraded hardware: {hardware}... see billing info at https://huggingface.co/settings/billing\n-------"
+            )
+        # Setting a timeout only works if the hardware is not basic
+        # so set it here after the hardware has been requested
+        if hardware != huggingface_hub.SpaceHardware.CPU_BASIC:
+            utils.set_space_timeout(
+                space_id, token=token, timeout_in_seconds=sleep_timeout * 60
+            )
+        if verbose:
+            print("")
+        client = cls(space_id, token=token, max_workers=max_workers, verbose=verbose)
+        return client
+
+    def _get_space_state(self):
+        if not self.space_id:
+            return None
+        info = huggingface_hub.get_space_runtime(self.space_id, token=self.token)
+        return info.stage
+
+    def predict(
+        self,
+        *args,
+        api_name: str | None = None,
+        fn_index: int | None = None,
+        headers: dict[str, str] | None = None,
+        **kwargs,
+    ) -> Any:
+        """
+        Calls the Gradio API and returns the result (this is a blocking call). Arguments can be provided as positional arguments or as keyword arguments (latter is recommended).
+
+        Parameters:
+            args: The positional arguments to pass to the remote API endpoint. The order of the arguments must match the order of the inputs in the Gradio app.
+            api_name: The name of the API endpoint to call starting with a leading slash, e.g. "/predict". Does not need to be provided if the Gradio app has only one named API endpoint.
+            fn_index: As an alternative to api_name, this parameter takes the index of the API endpoint to call, e.g. 0. Both api_name and fn_index can be provided, but if they conflict, api_name will take precedence.
+            kwargs: The keyword arguments to pass to the remote API endpoint.
+            headers: Additional headers to send to the remote Gradio app on this request. This parameter will overrides the headers provided in the Client constructor if they have the same keys.
+        Returns:
+            The result of the API call. Will be a Tuple if the API has multiple outputs.
+        Example:
+            from gradio_client import Client
+            client = Client(src="gradio/calculator")
+            client.predict(5, "add", 4, api_name="/predict")
+            >> 9.0
+        """
+        return self.submit(
+            *args, api_name=api_name, fn_index=fn_index, headers=headers, **kwargs
+        ).result()
+
+    def new_helper(
+        self, fn_index: int, headers: dict[str, str] | None = None
+    ) -> Communicator:
+        return Communicator(
+            Lock(),
+            JobStatus(),
+            self.endpoints[fn_index].process_predictions,
+            self.reset_url,
+            request_headers=headers,
+        )
+
+    def submit(
+        self,
+        *args,
+        api_name: str | None = None,
+        fn_index: int | None = None,
+        headers: dict[str, str] | None = None,
+        result_callbacks: Callable | list[Callable] | None = None,
+        **kwargs,
+    ) -> Job:
+        """
+        Creates and returns a Job object which calls the Gradio API in a background thread. The job can be used to retrieve the status and result of the remote API call.
+         Arguments can be provided as positional arguments or as keyword arguments (latter is recommended).
+
+        Parameters:
+            args: The arguments to pass to the remote API. The order of the arguments must match the order of the inputs in the Gradio app.
+            api_name: The name of the API endpoint to call starting with a leading slash, e.g. "/predict". Does not need to be provided if the Gradio app has only one named API endpoint.
+            fn_index: As an alternative to api_name, this parameter takes the index of the API endpoint to call, e.g. 0. Both api_name and fn_index can be provided, but if they conflict, api_name will take precedence.
+            result_callbacks: A callback function, or list of callback functions, to be called when the result is ready. If a list of functions is provided, they will be called in order. The return values from the remote API are provided as separate parameters into the callback. If None, no callback will be called.
+            kwargs: The keyword arguments to pass to the remote API endpoint.
+            headers: Additional headers to send to the remote Gradio app on this request. This parameter will overrides the headers provided in the Client constructor if they have the same keys.
+        Returns:
+            A Job object that can be used to retrieve the status and result of the remote API call.
+        Example:
+            from gradio_client import Client
+            client = Client(src="gradio/calculator")
+            job = client.submit(5, "add", 4, api_name="/predict")
+            job.status()
+            >> <Status.STARTING: 'STARTING'>
+            job.result()  # blocking call
+            >> 9.0
+        """
+        inferred_fn_index = self._infer_fn_index(api_name, fn_index)
+
+        endpoint = self.endpoints[inferred_fn_index]
+
+        if isinstance(endpoint, Endpoint):
+            args = utils.construct_args(endpoint.parameters_info, args, kwargs)
+
+        helper = None
+        if endpoint.protocol in (
+            "sse",
+            "sse_v1",
+            "sse_v2",
+            "sse_v2.1",
+            "sse_v3",
+        ):
+            headers = headers or {}
+            headers["x-gradio-user"] = "api"
+            helper = self.new_helper(inferred_fn_index, headers=headers)
+            end_to_end_fn = endpoint.make_end_to_end_fn(helper)
+        else:
+            raise ValueError("Unknown protocol: " + endpoint.protocol)
+        future = self.executor.submit(copy_context().run, end_to_end_fn, *args)
+
+        cancel_fn = endpoint.make_cancel(helper)
+
+        job = Job(
+            future,
+            communicator=helper,
+            verbose=self.verbose,
+            space_id=self.space_id,
+            _cancel_fn=cancel_fn,
+        )
+
+        if result_callbacks:
+            if isinstance(result_callbacks, Callable):
+                result_callbacks = [result_callbacks]
+
+            def create_fn(callback) -> Callable:
+                def fn(future):
+                    if isinstance(future.result(), tuple):
+                        callback(*future.result())
+                    else:
+                        callback(future.result())
+
+                return fn
+
+            for callback in result_callbacks:
+                job.add_done_callback(create_fn(callback))
+
+        return job
+
+    def _get_api_info(self):
+        api_info_url = urllib.parse.urljoin(self.src_prefixed, utils.RAW_API_INFO_URL)
+        if self.app_version > version.Version("3.36.1"):
+            r = httpx.get(
+                api_info_url,
+                headers=self.headers,
+                cookies=self.cookies,
+                verify=self.ssl_verify,
+                **self.httpx_kwargs,
+            )
+            if r.is_success:
+                info = r.json()
+            else:
+                raise ValueError(f"Could not fetch api info for {self.src}: {r.text}")
+        else:
+            fetch = httpx.post(
+                utils.SPACE_FETCHER_URL,
+                json={
+                    "config": json.dumps(self.config),
+                    "serialize": False,
+                },
+                headers=self.headers,
+                cookies=self.cookies,
+                verify=self.ssl_verify,
+                **self.httpx_kwargs,
+            )
+            if fetch.is_success:
+                info = fetch.json()["api"]
+            else:
+                raise ValueError(
+                    f"Could not fetch api info for {self.src}: {fetch.text}"
+                )
+        named_endpoints = {}
+        unnamed_endpoints = {}
+        for api_name, endpoint in info["named_endpoints"].items():
+            endpoint.pop("code_snippets", None)
+            if (
+                "api_visibility" in endpoint
+                and endpoint.pop("api_visibility") != "private"
+            ) or (endpoint.pop("show_api", True)):
+                named_endpoints[api_name] = endpoint
+        for fn_index, endpoint in info["unnamed_endpoints"].items():
+            endpoint.pop("code_snippets", None)
+            if (
+                "api_visibility" in endpoint
+                and endpoint.pop("api_visibility") != "private"
+            ) or (endpoint.pop("show_api", True)):
+                unnamed_endpoints[fn_index] = endpoint
+        info["unnamed_endpoints"] = unnamed_endpoints
+        info["named_endpoints"] = named_endpoints
+        return info
+
+    def view_api(
+        self,
+        all_endpoints: bool | None = None,
+        print_info: bool = True,
+        return_format: Literal["dict", "str"] | None = None,
+    ) -> dict | str | None:
+        """
+        Prints the usage info for the API. If the Gradio app has multiple API endpoints, the usage info for each endpoint will be printed separately. If return_format="dict" the info is returned in dictionary format, as shown in the example below.
+
+        Parameters:
+            all_endpoints: If True, prints information for both named and unnamed endpoints in the Gradio app. If False, will only print info about named endpoints. If None (default), will print info about named endpoints, unless there aren't any -- in which it will print info about unnamed endpoints.
+            print_info: If True, prints the usage info to the console. If False, does not print the usage info.
+            return_format: If None, nothing is returned. If "str", returns the same string that would be printed to the console. If "dict", returns the usage info as a dictionary that can be programmatically parsed, and *all endpoints are returned in the dictionary* regardless of the value of `all_endpoints`. The format of the dictionary is in the docstring of this method.
+        Example:
+            from gradio_client import Client
+            client = Client(src="gradio/calculator")
+            client.view_api(return_format="dict")
+            >> {
+                'named_endpoints': {
+                    '/predict': {
+                        'parameters': [
+                            {
+                                'label': 'num1',
+                                'python_type': 'int | float',
+                                'type_description': 'numeric value',
+                                'component': 'Number',
+                                'example_input': '5'
+                            },
+                            {
+                                'label': 'operation',
+                                'python_type': 'str',
+                                'type_description': 'string value',
+                                'component': 'Radio',
+                                'example_input': 'add'
+                            },
+                            {
+                                'label': 'num2',
+                                'python_type': 'int | float',
+                                'type_description': 'numeric value',
+                                'component': 'Number',
+                                'example_input': '5'
+                            },
+                        ],
+                        'returns': [
+                            {
+                                'label': 'output',
+                                'python_type': 'int | float',
+                                'type_description': 'numeric value',
+                                'component': 'Number',
+                            },
+                        ]
+                    },
+                    '/flag': {
+                        'parameters': [
+                            ...
+                            ],
+                        'returns': [
+                            ...
+                            ]
+                        }
+                    }
+                }
+                'unnamed_endpoints': {
+                    2: {
+                        'parameters': [
+                            ...
+                            ],
+                        'returns': [
+                            ...
+                            ]
+                        }
+                    }
+                }
+            }
+
+        """
+        num_named_endpoints = len(self._info["named_endpoints"])
+        num_unnamed_endpoints = len(self._info["unnamed_endpoints"])
+        if num_named_endpoints == 0 and all_endpoints is None:
+            all_endpoints = True
+
+        human_info = "Client.predict() Usage Info\n---------------------------\n"
+        human_info += f"Named API endpoints: {num_named_endpoints}\n"
+
+        for api_name, endpoint_info in self._info["named_endpoints"].items():
+            human_info += self._render_endpoints_info(api_name, endpoint_info)
+
+        if all_endpoints:
+            human_info += f"\nUnnamed API endpoints: {num_unnamed_endpoints}\n"
+            for fn_index, endpoint_info in self._info["unnamed_endpoints"].items():
+                # When loading from json, the fn_indices are read as strings
+                # because json keys can only be strings
+                human_info += self._render_endpoints_info(int(fn_index), endpoint_info)
+        elif num_unnamed_endpoints > 0:
+            human_info += f"\nUnnamed API endpoints: {num_unnamed_endpoints}, to view, run Client.view_api(all_endpoints=True)\n"
+
+        if print_info:
+            print(human_info)
+        if return_format == "str":
+            return human_info
+        elif return_format == "dict":
+            return self._info
+
+    def reset_session(self) -> None:
+        self.session_hash = str(uuid.uuid4())
+        self._refresh_heartbeat.set()
+
+    def add_zero_gpu_headers(self, headers: dict[str, str]) -> dict[str, str]:
+        """
+        Adds the x-ip-token header to the headers dictionary to pass it to a Zero-GPU Space. This allows a user's
+        ZeroGPU quota to be tracked and used by the underlying Space. For the x-ip-token header to be present,
+        this method needs to be called when a Gradio app's LocalContext is defined. i.e. this method needs to be called
+        when a Gradio app's LocalContext is defined. i.e. must be called from inside a Gradio app's
+        event listener function or will not have any effect.
+        """
+        if not self.space_id:
+            return headers
+        try:
+            from gradio.context import LocalContext
+        except (
+            ImportError
+        ):  # this is not running within a Gradio app as Gradio is not installed
+            return headers
+        request = LocalContext.request.get(None)
+        if request and hasattr(request, "headers") and "x-ip-token" in request.headers:
+            headers["x-ip-token"] = request.headers["x-ip-token"]
+        return headers
+
+    def _render_endpoints_info(
+        self,
+        name_or_index: str | int,
+        endpoints_info: dict[str, list[ParameterInfo]],
+    ) -> str:
+        parameter_info = endpoints_info["parameters"]
+        parameter_names = [
+            p.get("parameter_name") or p["label"] for p in parameter_info
+        ]
+        parameter_names = [utils.sanitize_parameter_names(p) for p in parameter_names]
+        rendered_parameters = ", ".join(parameter_names)
+        if rendered_parameters:
+            rendered_parameters = rendered_parameters + ", "
+        return_values = [p["label"] for p in endpoints_info["returns"]]
+        return_values = [utils.sanitize_parameter_names(r) for r in return_values]
+        rendered_return_values = ", ".join(return_values)
+        if len(return_values) > 1:
+            rendered_return_values = f"({rendered_return_values})"
+
+        if isinstance(name_or_index, str):
+            final_param = f'api_name="{name_or_index}"'
+        elif isinstance(name_or_index, int):
+            final_param = f"fn_index={name_or_index}"
+        else:
+            raise ValueError("name_or_index must be a string or integer")
+
+        human_info = f"\n - predict({rendered_parameters}{final_param}) -> {rendered_return_values}\n"
+        human_info += "    Parameters:\n"
+        if parameter_info:
+            for info in parameter_info:
+                desc = (
+                    f" ({info['python_type']['description']})"
+                    if info["python_type"].get("description")
+                    else ""
+                )
+                default_value = info.get("parameter_default")
+                default_value = utils.traverse(
+                    default_value,
+                    lambda x: f'handle_file("{x["url"]}")',
+                    utils.is_file_obj_with_meta,
+                )
+                default_info = (
+                    "(required)"
+                    if not info.get("parameter_has_default", False)
+                    else f"(not required, defaults to:   {default_value})"
+                )
+                type_ = info["python_type"]["type"]
+                if info.get("parameter_has_default", False) and default_value is None:
+                    type_ += " | None"
+                human_info += f"     - [{info['component']}] {utils.sanitize_parameter_names(info.get('parameter_name') or info['label'])}: {type_} {default_info} {desc} \n"
+        else:
+            human_info += "     - None\n"
+        human_info += "    Returns:\n"
+        if endpoints_info["returns"]:
+            for info in endpoints_info["returns"]:
+                desc = (
+                    f" ({info['python_type']['description']})"
+                    if info["python_type"].get("description")
+                    else ""
+                )
+                type_ = info["python_type"]["type"]
+                human_info += f"     - [{info['component']}] {utils.sanitize_parameter_names(info['label'])}: {type_}{desc} \n"
+        else:
+            human_info += "     - None\n"
+
+        return human_info
+
+    def __repr__(self):
+        return self.view_api(print_info=False, return_format="str")
+
+    def __str__(self):
+        return self.view_api(print_info=False, return_format="str")
+
+    def _telemetry_thread(self) -> None:
+        # Disable telemetry by setting the env variable HF_HUB_DISABLE_TELEMETRY=1
+        data = {
+            "src": self.src,
+        }
+        try:
+            send_telemetry(
+                topic="py_client/initiated",
+                library_name="gradio_client",
+                library_version=utils.__version__,
+                user_agent=data,
+            )
+        except Exception:
+            pass
+
+    def _infer_fn_index(self, api_name: str | None, fn_index: int | None) -> int:
+        inferred_fn_index = None
+        if api_name is not None:
+            for i, d in enumerate(self.config["dependencies"]):
+                config_api_name = d.get("api_name")
+                # config_api_name may be false in 5.0 to indicate private APIs
+                if (
+                    config_api_name is None
+                    or config_api_name is False
+                    or d.get("api_visibility") == "private"
+                ):
+                    continue
+                if "/" + config_api_name == api_name:
+                    inferred_fn_index = d.get("id", i)
+                    break
+            else:
+                error_message = f"Cannot find a function with `api_name`: {api_name}."
+                if not api_name.startswith("/"):
+                    error_message += " Did you mean to use a leading slash?"
+                raise ValueError(error_message)
+        elif fn_index is not None:
+            inferred_fn_index = fn_index
+            if (
+                inferred_fn_index not in self.endpoints
+                or not self.endpoints[inferred_fn_index].is_valid
+            ):
+                raise ValueError(f"Invalid function index: {fn_index}.")
+        else:
+            valid_endpoints = [
+                e
+                for e in self.endpoints.values()
+                if e.is_valid
+                and e.api_name is not None
+                and e.backend_fn is not None
+                and e.api_visibility == "public"
+            ]
+            if len(valid_endpoints) == 1:
+                inferred_fn_index = valid_endpoints[0].fn_index
+            else:
+                raise ValueError(
+                    "This Gradio app might have multiple endpoints. Please specify an `api_name` or `fn_index`"
+                )
+        return inferred_fn_index
+
+    def __del__(self):
+        if hasattr(self, "executor"):
+            self.executor.shutdown(wait=True)
+
+    def _space_name_to_src(self, space) -> str | None:
+        return huggingface_hub.space_info(space, token=self.token).host  # type: ignore
+
+    def _login(self, auth: tuple[str, str]):
+        """
+        Logs in to `utils.LOGIN_URL` using provided `auth` credentials.
+        Warning: This method overwrites `self.cookies`.
+        """
+        resp = httpx.post(
+            urllib.parse.urljoin(self.src, utils.LOGIN_URL),
+            data={"username": auth[0], "password": auth[1]},
+            verify=self.ssl_verify,
+            **self.httpx_kwargs,
+        )
+        if not resp.is_success:
+            if resp.status_code == 401:
+                raise AuthenticationError(
+                    f"Could not login to {self.src}. Invalid credentials."
+                )
+            else:
+                raise ValueError(f"Could not login to {self.src}.")
+        self.cookies = {
+            name: value for name, value in resp.cookies.items() if value is not None
+        }
+
+    def _get_config(self) -> dict:
+        r = httpx.get(
+            urllib.parse.urljoin(self.src, utils.CONFIG_URL),
+            headers=self.headers,
+            cookies=self.cookies,
+            verify=self.ssl_verify,
+            **self.httpx_kwargs,
+        )
+        if r.is_success:
+            # Cookies are sometimes needed to correctly route requests if the Gradio app is
+            # running on multiple replicas e.g. using cookie session-affinity in Kubernetes.
+            # This approach attaches cookies from the first response to subsequent requests
+            # without overriding existing cookies.
+            new_cookies = {
+                name: value
+                for name, value in r.cookies.items()
+                if value is not None and name not in self.cookies
+            }
+            self.cookies.update(new_cookies)
+            return r.json()
+        elif r.status_code == 401:
+            raise AuthenticationError(
+                f"Could not load {self.src} as credentials were not provided. Please login."
+            )
+        elif r.status_code == 429:
+            raise utils.TooManyRequestsError(
+                "Too many requests to the API, please try again later."
+            ) from None
+        else:  # to support older versions of Gradio
+            r = httpx.get(
+                self.src,
+                headers=self.headers,
+                cookies=self.cookies,
+                verify=self.ssl_verify,
+                **self.httpx_kwargs,
+            )
+            if not r.is_success:
+                raise ValueError(f"Could not fetch config for {self.src}")
+            # some basic regex to extract the config
+            result = re.search(r"window.gradio_config = (.*?);[\s]*</script>", r.text)
+            try:
+                config = json.loads(result.group(1))  # type: ignore
+            except AttributeError as ae:
+                raise ValueError(
+                    f"Could not get Gradio config from: {self.src}"
+                ) from ae
+            if "allow_flagging" in config:
+                raise ValueError(
+                    "Gradio 2.x is not supported by this client. Please upgrade your Gradio app to Gradio 3.x or higher."
+                )
+            return config
+
+
+@dataclass
+class ComponentApiType:
+    skip: bool
+    value_is_file: bool
+    is_state: bool
+
+
+@dataclass
+class ReplaceMe:
+    index: int
+
+
+class Endpoint:
+    """Helper class for storing all the information about a single API endpoint."""
+
+    def __init__(
+        self, client: Client, fn_index: int, dependency: dict, protocol: str = "sse_v1"
+    ):
+        self.client: Client = client
+        self.fn_index = fn_index
+        self.dependency = dependency
+        api_name = dependency.get("api_name")
+        self.api_name: str | None = (
+            "/" + api_name if isinstance(api_name, str) else api_name
+        )
+        self._info = self.client._info
+        self.protocol = protocol
+        self.input_component_types = [
+            self._get_component_type(id_) for id_ in dependency["inputs"]
+        ]
+        self.output_component_types = [
+            self._get_component_type(id_) for id_ in dependency["outputs"]
+        ]
+        self.parameters_info = self._get_parameters_info()
+        self.root_url = self.client.src_prefixed
+        self.backend_fn = dependency.get("backend_fn")
+
+        # Disallow hitting endpoints that the Gradio app has disabled
+        if "api_visibility" in dependency:
+            self.is_valid = dependency["api_visibility"] != "private"
+            self.api_visibility = dependency["api_visibility"]
+        else:
+            self.is_valid = dependency.get("api_name") is not False
+            if not self.is_valid:
+                self.api_visibility = "private"
+            elif dependency.get("show_api") is False:
+                self.api_visibility = "undocumented"
+            else:
+                self.api_visibility = "public"
+
+    def _get_component_type(self, component_id: int):
+        component = next(
+            i for i in self.client.config["components"] if i["id"] == component_id
+        )
+        skip_api = component.get("skip_api", component["type"] in utils.SKIP_COMPONENTS)
+        return ComponentApiType(
+            skip_api,
+            self.value_is_file(component),
+            component["type"] == "state",
+        )
+
+    def _get_parameters_info(self) -> list[ParameterInfo] | None:
+        if self.api_name in self._info["named_endpoints"]:
+            return self._info["named_endpoints"][self.api_name]["parameters"]
+        return None
+
+    @staticmethod
+    def value_is_file(component: dict) -> bool:
+        # This is still hacky as it does not tell us which part of the payload is a file.
+        # If a component has a complex payload, part of which is a file, this will simply
+        # return True, which means that all parts of the payload will be uploaded as files
+        # if they are valid file paths. We will deprecate this 1.0.
+        if "api_info" not in component:
+            return False
+        return utils.value_is_file(component["api_info"])
+
+    def __repr__(self):
+        return f"Endpoint src: {self.client.src}, api_name: {self.api_name}, fn_index: {self.fn_index}"
+
+    def __str__(self):
+        return self.__repr__()
+
+    def make_end_to_end_fn(self, helper: Communicator):
+        _predict = self.make_predict(helper)
+
+        def _inner(*data, **kwargs):
+            if not self.is_valid:
+                raise utils.InvalidAPIEndpointError()
+
+            if self.client._skip_components:
+                data = self.insert_empty_state(*data)
+            data = self.process_input_files(*data)
+            predictions = _predict(*data, **kwargs)
+            predictions = self.process_predictions(*predictions)
+
+            # Append final output only if not already present
+            # for consistency between generators and not generators
+            if helper:
+                with helper.lock:
+                    if not helper.job.outputs:
+                        helper.job.outputs.append(predictions)
+            return predictions
+
+        return _inner
+
+    def make_cancel(
+        self,
+        helper: Communicator | None,
+    ):
+        if helper is None:
+            return
+        if self.client.app_version > version.Version("4.29.0"):
+            url = urllib.parse.urljoin(self.client.src_prefixed, utils.CANCEL_URL)
+
+            # The event_id won't be set on the helper until later
+            # so need to create the data in a function that's run at cancel time
+            def post_data():
+                return {
+                    "fn_index": self.fn_index,
+                    "session_hash": self.client.session_hash,
+                    "event_id": helper.event_id,
+                }
+
+            cancel_msg = None
+            cancellable = True
+        else:
+            candidates: list[tuple[int, list[int]]] = []
+            for i, dep in enumerate(self.client.config["dependencies"]):
+                if self.fn_index in dep["cancels"]:
+                    candidates.append(
+                        (i, [d for d in dep["cancels"] if d != self.fn_index])
+                    )
+
+            fn_index, other_cancelled = (
+                min(candidates, key=lambda x: len(x[1])) if candidates else (None, None)
+            )
+            cancellable = fn_index is not None
+            cancel_msg = None
+            if cancellable and other_cancelled:
+                other_api_names = [
+                    "/" + self.client.config["dependencies"][i].get("api_name")
+                    for i in other_cancelled
+                ]
+                cancel_msg = (
+                    f"Cancelled this job will also cancel any jobs for {', '.join(other_api_names)} "
+                    "that are currently running."
+                )
+            elif not cancellable:
+                cancel_msg = (
+                    "Cancelling this job will not stop the server from running. "
+                    "To fix this, an event must be added to the upstream app that explicitly cancels this one or "
+                    "the upstream app must be running Gradio 4.29.0 and greater."
+                )
+
+            def post_data():
+                return {
+                    "data": [],
+                    "fn_index": fn_index,
+                    "session_hash": self.client.session_hash,
+                }
+
+            url = self.client.api_url
+
+        def _cancel():
+            if cancel_msg:
+                warnings.warn(cancel_msg)
+            if cancellable:
+                httpx.post(
+                    url,
+                    json=post_data(),
+                    headers=self.client.headers,
+                    cookies=self.client.cookies,
+                    verify=self.client.ssl_verify,
+                    **self.client.httpx_kwargs,
+                )
+
+        return _cancel
+
+    def make_predict(self, helper: Communicator):
+        def _predict(*data, **kwargs) -> tuple:
+            data = {
+                "data": data or [],
+                "fn_index": self.fn_index,
+                **kwargs,
+            }
+
+            hash_data = {
+                "fn_index": self.fn_index,
+                "session_hash": kwargs.get("session_hash", self.client.session_hash),
+            }
+
+            if self.protocol == "sse":
+                result = self._sse_fn_v0(data, hash_data, helper)  # type: ignore
+            elif self.protocol in ("sse_v1", "sse_v2", "sse_v2.1", "sse_v3"):
+                event_id = self.client.send_data(
+                    data, hash_data, self.protocol, helper.request_headers
+                )
+                self.client.pending_event_ids.add(event_id)
+                self.client.pending_messages_per_event[event_id] = deque()
+                helper.event_id = event_id
+                result = self._sse_fn_v1plus(helper, event_id, self.protocol)
+            else:
+                raise ValueError(f"Unsupported protocol: {self.protocol}")
+
+            if "error" in result:
+                if result["error"] is None:
+                    raise AppError(
+                        "The upstream Gradio app has raised an exception but has not enabled "
+                        "verbose error reporting. To enable, set show_error=True in launch()."
+                    )
+                else:
+                    message = result.pop("error")
+                    raise AppError(message=message, **result)
+
+            try:
+                output = result["data"]
+            except KeyError as ke:
+                is_public_space = (
+                    self.client.space_id
+                    and not huggingface_hub.space_info(self.client.space_id).private
+                )
+                if "error" in result and "429" in result["error"] and is_public_space:
+                    raise utils.TooManyRequestsError(
+                        f"Too many requests to the API, please try again later. To avoid being rate-limited, "
+                        f"please duplicate the Space using Client.duplicate({self.client.space_id}) "
+                        f"and pass in your Hugging Face token."
+                    ) from None
+                elif "error" in result:
+                    raise ValueError(result["error"]) from None
+                raise KeyError(
+                    f"Could not find 'data' key in response. Response received: {result}"
+                ) from ke
+            return tuple(output)
+
+        return _predict
+
+    def insert_empty_state(self, *data) -> tuple:
+        data = list(data)
+        for i, input_component_type in enumerate(self.input_component_types):
+            if input_component_type.is_state:
+                data.insert(i, None)
+        return tuple(data)
+
+    def process_input_files(self, *data) -> tuple:
+        data_ = []
+        for i, d in enumerate(data):
+            d = utils.traverse(
+                d,
+                partial(self._upload_file, data_index=i),
+                utils.is_file_obj_with_meta,
+            )
+            data_.append(d)
+        return tuple(data_)
+
+    def process_predictions(self, *predictions):
+        # If self.download_file is True, we assume that that the user is using the Client directly (as opposed
+        # within gr.load) and therefore, download any files generated by the server and skip values for
+        # components that the user likely does not want to see (e.g. gr.State, gr.Tab).
+        if self.client.download_files:
+            predictions = self.download_files(*predictions)
+        if self.client._skip_components:
+            predictions = self.remove_skipped_components(*predictions)
+        predictions = self.reduce_singleton_output(*predictions)
+        return predictions
+
+    def download_files(self, *data) -> tuple:
+        data_ = list(data)
+        if self.client.protocol == "sse_v2.1":
+            data_ = utils.traverse(
+                data_, self._download_file, utils.is_file_obj_with_meta
+            )
+        else:
+            data_ = utils.traverse(data_, self._download_file, utils.is_file_obj)
+        return tuple(data_)
+
+    def remove_skipped_components(self, *data) -> tuple:
+        """"""
+        data = [
+            d
+            for d, oct in zip(data, self.output_component_types, strict=False)
+            if not oct.skip
+        ]
+        return tuple(data)
+
+    def reduce_singleton_output(self, *data) -> Any:
+        if self.client._skip_components:
+            effective_output_components = [
+                o for o in self.output_component_types if not o.skip
+            ]
+        else:
+            effective_output_components = self.output_component_types
+        if len(effective_output_components) == 1:
+            return data[0]
+        else:
+            return data
+
+    def _upload_file(self, f: dict, data_index: int) -> dict[str, Any]:
+        file_path = f["path"]
+        orig_name = Path(file_path)
+        if not utils.is_http_url_like(file_path):
+            component_id = self.dependency["inputs"][data_index]
+            component_config = next(
+                (
+                    c
+                    for c in self.client.config["components"]
+                    if c["id"] == component_id
+                ),
+                {},
+            )
+            max_file_size = self.client.config.get("max_file_size", None)
+            max_file_size = math.inf if max_file_size is None else max_file_size
+            if os.path.getsize(file_path) > max_file_size:
+                raise ValueError(
+                    f"File {file_path} exceeds the maximum file size of {max_file_size} bytes "
+                    f"set in {component_config.get('label', '') + ''} component."
+                )
+            with open(file_path, "rb") as f_:
+                files = [("files", (orig_name.name, f_))]
+                r = httpx.post(
+                    self.client.upload_url,
+                    headers=self.client.headers,
+                    cookies=self.client.cookies,
+                    verify=self.client.ssl_verify,
+                    files=files,
+                    **self.client.httpx_kwargs,
+                )
+            r.raise_for_status()
+            result = r.json()
+            file_path = result[0]
+        # Only return orig_name if has a suffix because components
+        # use the suffix of the original name to determine format to save it to in cache.
+        return {
+            "path": file_path,
+            "orig_name": utils.strip_invalid_filename_characters(orig_name.name),
+            "meta": {"_type": "gradio.FileData"},
+        }
+
+    def _download_file(self, x: dict) -> str:
+        # For streams, use the URL directly if available, as streams are located at different paths
+        if x.get("is_stream", False) and "url" in x:
+            url_path = x["url"]
+            # If the URL is relative, prepend the root URL
+            if not url_path.startswith(("http://", "https://")):
+                url_path = self.root_url + url_path.lstrip("/")
+        else:
+            url_path = self.root_url + "file=" + x["path"]
+
+        if self.client.output_dir is not None:
+            os.makedirs(self.client.output_dir, exist_ok=True)
+
+        sha = hashlib.sha256()
+        temp_dir = Path(tempfile.gettempdir()) / secrets.token_hex(20)
+        temp_dir.mkdir(exist_ok=True, parents=True)
+
+        with httpx.stream(
+            "GET",
+            url_path,
+            headers=self.client.headers,
+            cookies=self.client.cookies,
+            verify=self.client.ssl_verify,
+            follow_redirects=True,
+            **self.client.httpx_kwargs,
+        ) as response:
+            response.raise_for_status()
+            with open(temp_dir / Path(url_path).name, "wb") as f:
+                for chunk in response.iter_bytes(chunk_size=128 * sha.block_size):
+                    sha.update(chunk)
+                    f.write(chunk)
+
+        directory = Path(self.client.output_dir) / sha.hexdigest()
+        directory.mkdir(exist_ok=True, parents=True)
+        dest = directory / Path(url_path).name
+        shutil.move(temp_dir / Path(url_path).name, dest)
+        return str(dest.resolve())
+
+    def _sse_fn_v0(self, data: dict, hash_data: dict, helper: Communicator):
+        with httpx.Client(
+            timeout=httpx.Timeout(timeout=None),
+            verify=self.client.ssl_verify,
+            **self.client.httpx_kwargs,
+        ) as client:
+            return utils.get_pred_from_sse_v0(
+                client,
+                data,
+                hash_data,
+                helper,
+                self.client.sse_url,
+                self.client.sse_data_url,
+                self.client.headers,
+                self.client.cookies,
+                self.client.ssl_verify,
+                self.client.executor,
+            )
+
+    def _sse_fn_v1plus(
+        self,
+        helper: Communicator,
+        event_id: str,
+        protocol: Literal["sse_v1", "sse_v2", "sse_v2.1", "sse_v3"],
+    ):
+        return utils.get_pred_from_sse_v1plus(
+            helper,
+            self.client.headers,
+            self.client.cookies,
+            self.client.pending_messages_per_event,
+            event_id,
+            protocol,
+            self.client.ssl_verify,
+            self.client.executor,
+        )
+
+
+@document("result", "outputs", "status")
+class Job(Future):
+    """
+    A Job is a wrapper over the Future class that represents a prediction call that has been
+    submitted by the Gradio client. This class is not meant to be instantiated directly, but rather
+    is created by the Client.submit() method.
+
+    A Job object includes methods to get the status of the prediction call, as well to get the outputs
+    of the prediction call. Job objects are also iterable, and can be used in a loop to get the outputs
+    of prediction calls as they become available for generator endpoints.
+    """
+
+    def __init__(
+        self,
+        future: Future,
+        communicator: Communicator | None = None,
+        verbose: bool = True,
+        space_id: str | None = None,
+        _cancel_fn: Callable[[], None] | None = None,
+    ):
+        """
+        Parameters:
+            future: The future object that represents the prediction call, created by the Client.submit() method
+            communicator: The communicator object that is used to communicate between the client and the background thread running the job
+            verbose: Whether to print any status-related messages to the console
+            space_id: The space ID corresponding to the Client object that created this Job object
+        """
+        self.future = future
+        self.communicator = communicator
+        self._counter = 0
+        self.verbose = verbose
+        self.space_id = space_id
+        self.cancel_fn = _cancel_fn
+
+    def __iter__(self) -> Job:
+        return self
+
+    def __next__(self) -> tuple | Any:
+        if not self.communicator:
+            raise StopIteration()
+
+        while True:
+            with self.communicator.lock:
+                if len(self.communicator.job.outputs) >= self._counter + 1:
+                    o = self.communicator.job.outputs[self._counter]
+                    self._counter += 1
+                    return o
+                if (
+                    self.communicator.job.latest_status.code == Status.FINISHED
+                    and self._counter >= len(self.communicator.job.outputs)
+                ):
+                    raise StopIteration()
+                time.sleep(0.001)
+
+    async def __aiter__(self) -> AsyncGenerator[Update, None]:
+        """Async iterator that yields all updates from the communicator.updates queue."""
+        if not self.communicator:
+            return
+
+        while True:
+            get = self.communicator.updates.get()
+            try:
+                update = await asyncio.wait_for(get, timeout=0.5)
+                yield update
+            except asyncio.TimeoutError:
+                if self.done():
+                    return
+                continue
+
+    def result(self, timeout: float | None = None) -> Any:
+        """
+        Return the result of the call that the future represents. Raises CancelledError: If the future was cancelled, TimeoutError: If the future didn't finish executing before the given timeout, and Exception: If the call raised then that exception will be raised.
+
+        Parameters:
+            timeout: The number of seconds to wait for the result if the future isn't done. If None, then there is no limit on the wait time.
+        Returns:
+            The result of the call that the future represents. For generator functions, it will return the final iteration.
+        Example:
+            from gradio_client import Client
+            calculator = Client(src="gradio/calculator")
+            job = calculator.submit("foo", "add", 4, fn_index=0)
+            job.result(timeout=5)
+            >> 9
+        """
+        return super().result(timeout=timeout)
+
+    def outputs(self) -> list[tuple | Any]:
+        """
+        Returns a list containing the latest outputs from the Job.
+
+        If the endpoint has multiple output components, the list will contain
+        a tuple of results. Otherwise, it will contain the results without storing them
+        in tuples.
+
+        For endpoints that are queued, this list will contain the final job output even
+        if that endpoint does not use a generator function.
+
+        Example:
+            from gradio_client import Client
+            client = Client(src="gradio/count_generator")
+            job = client.submit(3, api_name="/count")
+            while not job.done():
+                time.sleep(0.1)
+            job.outputs()
+            >> ['0', '1', '2']
+        """
+        if not self.communicator:
+            return []
+        else:
+            with self.communicator.lock:
+                return self.communicator.job.outputs
+
+    def status(self) -> StatusUpdate:
+        """
+        Returns the latest status update from the Job in the form of a StatusUpdate
+        object, which contains the following fields: code, rank, queue_size, success, time, eta, and progress_data.
+
+        progress_data is a list of updates emitted by the gr.Progress() tracker of the event handler. Each element
+        of the list has the following fields: index, length, unit, progress, desc. If the event handler does not have
+        a gr.Progress() tracker, the progress_data field will be None.
+
+        Example:
+            from gradio_client import Client
+            client = Client(src="gradio/calculator")
+            job = client.submit(5, "add", 4, api_name="/predict")
+            job.status()
+            >> <Status.STARTING: 'STARTING'>
+            job.status().eta
+            >> 43.241  # seconds
+        """
+        time = datetime.now()
+        cancelled = False
+        if self.communicator:
+            with self.communicator.lock:
+                cancelled = self.communicator.should_cancel
+        if cancelled:
+            return StatusUpdate(
+                code=Status.CANCELLED,
+                rank=0,
+                queue_size=None,
+                success=False,
+                time=time,
+                eta=None,
+                progress_data=None,
+            )
+        if self.done():
+            if not self.future._exception:  # type: ignore
+                return StatusUpdate(
+                    code=Status.FINISHED,
+                    rank=0,
+                    queue_size=None,
+                    success=True,
+                    time=time,
+                    eta=None,
+                    progress_data=None,
+                )
+            else:
+                return StatusUpdate(
+                    code=Status.FINISHED,
+                    rank=0,
+                    queue_size=None,
+                    success=False,
+                    time=time,
+                    eta=None,
+                    progress_data=None,
+                )
+        elif not self.communicator:
+            return StatusUpdate(
+                code=Status.PROCESSING,
+                rank=0,
+                queue_size=None,
+                success=None,
+                time=time,
+                eta=None,
+                progress_data=None,
+            )
+        else:
+            with self.communicator.lock:
+                eta = self.communicator.job.latest_status.eta
+                if self.verbose and self.space_id and eta and eta > 30:
+                    print(
+                        f"Due to heavy traffic on this app, the prediction will take approximately {int(eta)} seconds."
+                        f"For faster predictions without waiting in queue, you may duplicate the space using: Client.duplicate({self.space_id})"
+                    )
+                return self.communicator.job.latest_status
+
+    def cancel(self) -> bool:
+        """Cancels the job as best as possible.
+
+        If the app you are connecting to has the gradio queue enabled, the job
+        will be cancelled locally as soon as possible. For apps that do not use the
+        queue, the job cannot be cancelled if it's been sent to the local executor
+        (for the time being).
+
+        Note: In general, this DOES not stop the process from running in the upstream server
+        except for the following situations:
+
+        1. If the job is queued upstream, it will be removed from the queue and the server will not run the job
+        2. If the job has iterative outputs, the job will finish as soon as the current iteration finishes running
+        3. If the job has not been picked up by the queue yet, the queue will not pick up the job
+        """
+        if self.communicator:
+            with self.communicator.lock:
+                self.communicator.should_cancel = True
+                if self.cancel_fn:
+                    self.cancel_fn()
+                return True
+        return self.future.cancel()
+
+    def __getattr__(self, name):
+        """Forwards any properties to the Future class."""
+        return getattr(self.future, name)
diff --git a/client/python/gradio_client/data_classes.py b/client/python/gradio_client/data_classes.py
new file mode 100644
index 0000000..267be1e
--- /dev/null
+++ b/client/python/gradio_client/data_classes.py
@@ -0,0 +1,28 @@
+from __future__ import annotations
+
+from typing import Any, TypedDict
+
+from typing_extensions import NotRequired
+
+
+class FileData(TypedDict):
+    name: str | None  # filename
+    data: str | None  # base64 encoded data
+    size: NotRequired[int | None]  # size in bytes
+    is_file: NotRequired[
+        bool
+    ]  # whether the data corresponds to a file or base64 encoded data
+    orig_name: NotRequired[str]  # original filename
+    mime_type: NotRequired[str]
+    is_stream: NotRequired[bool]
+
+
+class ParameterInfo(TypedDict):
+    label: str
+    parameter_name: str
+    parameter_has_default: NotRequired[bool]
+    parameter_default: NotRequired[Any]
+    type: dict
+    python_type: dict
+    component: str
+    example_input: Any
diff --git a/client/python/gradio_client/documentation.py b/client/python/gradio_client/documentation.py
new file mode 100644
index 0000000..a6fde04
--- /dev/null
+++ b/client/python/gradio_client/documentation.py
@@ -0,0 +1,371 @@
+"""Contains methods that generate documentation for Gradio functions and classes."""
+
+from __future__ import annotations
+
+import dataclasses
+import inspect
+import warnings
+from collections import defaultdict
+from collections.abc import Callable
+from functools import lru_cache
+
+classes_to_document = defaultdict(list)
+classes_inherit_documentation = {}
+
+
+def set_documentation_group(m):  # noqa: ARG001
+    """A no-op for backwards compatibility of custom components published prior to 4.16.0"""
+    pass
+
+
+def extract_instance_attr_doc(cls, attr):
+    code = inspect.getsource(cls.__init__)
+    lines = [line.strip() for line in code.split("\n")]
+    i = None
+    for i, line in enumerate(lines):  # noqa: B007
+        if line.startswith("self." + attr + ":") or line.startswith(
+            "self." + attr + " ="
+        ):
+            break
+    if i is None:
+        raise NameError(f"Could not find {attr} in {cls.__name__}")
+    start_line = lines.index('"""', i)
+    end_line = lines.index('"""', start_line + 1)
+    for j in range(i + 1, start_line):
+        if lines[j].startswith("self."):
+            raise ValueError(
+                f"Found another attribute before docstring for {attr} in {cls.__name__}: "
+                + lines[j]
+                + "\n start:"
+                + lines[i]
+            )
+    doc_string = " ".join(lines[start_line + 1 : end_line])
+    return doc_string
+
+
+_module_prefixes = [
+    ("gradio._simple_templates", "component"),
+    ("gradio.server", "block"),
+    ("gradio.block", "block"),
+    ("gradio.chat", "chatinterface"),
+    ("gradio.component", "component"),
+    ("gradio.events", "helpers"),
+    ("gradio.data_classes", "helpers"),
+    ("gradio.exceptions", "helpers"),
+    ("gradio.external", "helpers"),
+    ("gradio.flag", "flagging"),
+    ("gradio.helpers", "helpers"),
+    ("gradio.interface", "interface"),
+    ("gradio.layout", "layout"),
+    ("gradio.route", "routes"),
+    ("gradio.theme", "themes"),
+    ("gradio_client.", "py-client"),
+    ("gradio.utils", "helpers"),
+    ("gradio.renderable", "renderable"),
+    ("gradio.validators", "validators"),
+    ("gradio.caching", "helpers"),
+]
+
+
+@lru_cache(maxsize=10)
+def _get_module_documentation_group(modname) -> str:
+    for prefix, group in _module_prefixes:
+        if modname.startswith(prefix):
+            return group
+    raise ValueError(f"No known documentation group for module {modname!r}")
+
+
+def document(*fns, inherit=False, documentation_group=None):
+    """
+    Defines the @document decorator which adds classes or functions to the Gradio
+    documentation at www.gradio.app/docs.
+
+    Usage examples:
+    - Put @document() above a class to document the class and its constructor.
+    - Put @document("fn1", "fn2") above a class to also document methods fn1 and fn2.
+    - Put @document("*fn3") with an asterisk above a class to document the instance attribute methods f3.
+    """
+    _documentation_group = documentation_group
+
+    def inner_doc(cls):
+        functions = list(fns)
+        if hasattr(cls, "EVENTS"):
+            functions += cls.EVENTS
+        if inherit:
+            classes_inherit_documentation[cls] = None
+
+        documentation_group = _documentation_group  # avoid `nonlocal` reassignment
+        if _documentation_group is None:
+            try:
+                modname = inspect.getmodule(cls).__name__  # type: ignore
+                if modname.startswith("gradio.") or modname.startswith(
+                    "gradio_client."
+                ):
+                    documentation_group = _get_module_documentation_group(modname)
+                else:
+                    # Then this is likely a custom Gradio component that we do not include in the documentation
+                    pass
+            except Exception as exc:
+                warnings.warn(f"Could not get documentation group for {cls}: {exc}")
+        classes_to_document[documentation_group].append((cls, functions))
+        return cls
+
+    return inner_doc
+
+
+def document_fn(fn: Callable, cls) -> tuple[str, list[dict], dict, str | None]:
+    """
+    Generates documentation for any function.
+    Parameters:
+        fn: Function to document
+    Returns:
+        description: General description of fn
+        parameters: A list of dicts for each parameter, storing data for the parameter name, annotation and doc
+        return: A dict storing data for the returned annotation and doc
+        example: Code for an example use of the fn
+    """
+    doc_str = inspect.getdoc(fn) or ""
+    doc_lines = doc_str.split("\n")
+    signature = inspect.signature(fn)
+    description, parameters, returns, examples = [], {}, [], []
+    mode = "description"
+    current_parameter = None
+    base_indent = None
+    for line in doc_lines:
+        line = line.rstrip()
+        if line == "Parameters:":
+            mode = "parameter"
+            base_indent = None
+        elif line.startswith("Example:"):
+            mode = "example"
+            base_indent = None
+            if "(" in line and ")" in line:
+                c = line.split("(")[1].split(")")[0]
+                if c != cls.__name__:
+                    mode = "ignore"
+        elif line == "Returns:":
+            mode = "return"
+            base_indent = None
+        else:
+            if mode == "description":
+                description.append(line if line.strip() else "<br>")
+                continue
+            if not (line.startswith("    ") or line.strip() == ""):
+                print(line)
+            if not (line.startswith("    ") or line.strip() == ""):
+                raise SyntaxError(
+                    f"Documentation format for {fn.__name__} has format error in line: {line}"
+                )
+            line = line[4:]
+            if mode == "parameter":
+                if ": " in line and not line.startswith(" "):
+                    colon_index = line.index(": ")
+                    if colon_index < -1:
+                        raise SyntaxError(
+                            f"Documentation format for {fn.__name__} has format error in line: {line}"
+                        )
+                    current_parameter = line[:colon_index]
+                    parameter_doc = line[colon_index + 2 :]
+                    parameters[current_parameter] = parameter_doc
+                    base_indent = None
+                elif current_parameter and line.strip():
+                    if base_indent is None:
+                        base_indent = len(line) - len(line.lstrip())
+                    if base_indent > 0 and line.startswith(" " * base_indent):
+                        line = line[base_indent:]
+                    parameters[current_parameter] += "\n" + line
+            elif mode == "return":
+                returns.append(line)
+            elif mode == "example":
+                examples.append(line)
+    description_doc = " ".join(description)
+    parameter_docs = []
+    for param_name, param in signature.parameters.items():
+        if param_name.startswith("_"):
+            continue
+        if param_name == "self":
+            continue
+        if param_name in ["kwargs", "args"] and param_name not in parameters:
+            continue
+        parameter_doc = {
+            "name": param_name,
+            "annotation": param.annotation,
+            "doc": parameters.get(param_name),
+        }
+        if param_name in parameters:
+            del parameters[param_name]
+        if param.default != inspect.Parameter.empty:
+            default = param.default
+            if isinstance(default, str):
+                default = '"' + default + '"'
+            if default.__class__.__module__ != "builtins":
+                default = f"{default.__class__.__name__}()"
+            parameter_doc["default"] = default
+        elif parameter_doc["doc"] is not None:
+            if "kwargs" in parameter_doc["doc"]:
+                parameter_doc["kwargs"] = True
+            if "args" in parameter_doc["doc"]:
+                parameter_doc["args"] = True
+        parameter_docs.append(parameter_doc)
+    if parameters:
+        raise ValueError(
+            f"Documentation format for {fn.__name__} documents "
+            f"nonexistent parameters: {', '.join(parameters.keys())}. "
+            f"Valid parameters: {', '.join(signature.parameters.keys())}"
+        )
+    if len(returns) == 0:
+        return_docs = {}
+    else:
+        return_doc_text = "\n".join(returns)
+        return_docs = {
+            "annotation": signature.return_annotation,
+            "doc": return_doc_text,
+        }
+    examples_doc = "\n".join(examples) if len(examples) > 0 else None
+    return description_doc, parameter_docs, return_docs, examples_doc
+
+
+def document_cls(cls):
+    doc_str = inspect.getdoc(cls)
+    if doc_str is None:
+        return "", {}, ""
+    tags = {}
+    description_lines = []
+    mode = "description"
+    for line in doc_str.split("\n"):
+        line = line.rstrip()
+        if line.endswith(":") and " " not in line:
+            mode = line[:-1].lower()
+            tags[mode] = []
+        elif line.split(" ")[0].endswith(":") and not line.startswith("    "):
+            tag = line[: line.index(":")].lower()
+            value = line[line.index(":") + 2 :]
+            tags[tag] = value
+        elif mode == "description":
+            description_lines.append(line if line.strip() else "<br>")
+        else:
+            if not (line.startswith("    ") or not line.strip()):
+                raise SyntaxError(
+                    f"Documentation format for {cls.__name__} has format error in line: {line}"
+                )
+            tags[mode].append(line[4:])
+    if "example" in tags:
+        example = "\n".join(tags["example"])
+        del tags["example"]
+    else:
+        example = None
+    for key, val in tags.items():
+        if isinstance(val, list):
+            tags[key] = "<br>".join(val)
+    description = " ".join(description_lines).replace("\n", "<br>")
+    return description, tags, example
+
+
+def generate_documentation():
+    documentation = {}
+    for mode, class_list in classes_to_document.items():
+        documentation[mode] = []
+        for cls, fns in class_list:
+            fn_to_document = (
+                cls
+                if inspect.isfunction(cls) or dataclasses.is_dataclass(cls)
+                else cls.__init__
+            )
+            _, parameter_doc, return_doc, _ = document_fn(fn_to_document, cls)
+            if (
+                hasattr(cls, "preprocess")
+                and callable(cls.preprocess)  # type: ignore
+                and hasattr(cls, "postprocess")
+                and callable(cls.postprocess)  # type: ignore
+            ):
+                preprocess_doc = document_fn(cls.preprocess, cls)  # type: ignore
+                postprocess_doc = document_fn(cls.postprocess, cls)  # type: ignore
+                preprocess_doc, postprocess_doc = (
+                    {
+                        "parameter_doc": preprocess_doc[1],
+                        "return_doc": preprocess_doc[2],
+                    },
+                    {
+                        "parameter_doc": postprocess_doc[1],
+                        "return_doc": postprocess_doc[2],
+                    },
+                )
+            cls_description, cls_tags, cls_example = document_cls(cls)
+            cls_documentation = {
+                "class": cls,
+                "name": cls.__name__,
+                "description": cls_description,
+                "tags": cls_tags,
+                "parameters": parameter_doc,
+                "returns": return_doc,
+                "example": cls_example,
+                "fns": [],
+            }
+            if (
+                hasattr(cls, "preprocess")
+                and callable(cls.preprocess)  # type: ignore
+                and hasattr(cls, "postprocess")
+                and callable(cls.postprocess)  # type: ignore
+            ):
+                cls_documentation["preprocess"] = preprocess_doc  # type: ignore
+                cls_documentation["postprocess"] = postprocess_doc  # type: ignore
+            for fn_name in fns:
+                instance_attribute_fn = fn_name.startswith("*")
+                if instance_attribute_fn:
+                    fn_name = fn_name[1:]
+                    # Instance attribute fns are classes
+                    # whose __call__ method determines their behavior
+                    fn = getattr(cls(), fn_name).__call__
+                else:
+                    fn = getattr(cls, fn_name)
+                if not callable(fn):
+                    description_doc = str(fn)
+                    parameter_docs = {}
+                    return_docs = {}
+                    examples_doc = ""
+                    override_signature = f"gr.{cls.__name__}.{fn_name}"
+                else:
+                    (
+                        description_doc,
+                        parameter_docs,
+                        return_docs,
+                        examples_doc,
+                    ) = document_fn(fn, cls)
+                    if fn_name in getattr(cls, "EVENTS", []):
+                        parameter_docs = parameter_docs[1:]
+                    override_signature = None
+                if instance_attribute_fn:
+                    description_doc = extract_instance_attr_doc(cls, fn_name)
+                cls_documentation["fns"].append(
+                    {
+                        "fn": fn,
+                        "name": fn_name,
+                        "description": description_doc,
+                        "tags": {},
+                        "parameters": parameter_docs,
+                        "returns": return_docs,
+                        "example": examples_doc,
+                        "override_signature": override_signature,
+                    }
+                )
+            documentation[mode].append(cls_documentation)
+            if cls in classes_inherit_documentation:
+                classes_inherit_documentation[cls] = cls_documentation["fns"]
+    for mode, class_list in classes_to_document.items():
+        for i, (cls, _) in enumerate(class_list):
+            for super_class, fns in classes_inherit_documentation.items():
+                if (
+                    inspect.isclass(cls)
+                    and issubclass(cls, super_class)
+                    and cls != super_class
+                ):
+                    for inherited_fn in fns:
+                        inherited_fn = dict(inherited_fn)
+                        try:
+                            inherited_fn["description"] = extract_instance_attr_doc(
+                                cls, inherited_fn["name"]
+                            )
+                        except ValueError:
+                            pass
+                        documentation[mode][i]["fns"].append(inherited_fn)
+    return documentation
diff --git a/client/python/gradio_client/exceptions.py b/client/python/gradio_client/exceptions.py
new file mode 100644
index 0000000..961a750
--- /dev/null
+++ b/client/python/gradio_client/exceptions.py
@@ -0,0 +1,43 @@
+class SerializationSetupError(ValueError):
+    """Raised when a serializers cannot be set up correctly."""
+
+    pass
+
+
+class AuthenticationError(ValueError):
+    """Raised when the client is unable to authenticate itself to a Gradio app due to invalid or missing credentials."""
+
+    pass
+
+
+class ValidationError(ValueError):
+    """Raised when the data that is passed into the Gradio app fails developer-defined validation."""
+
+    pass
+
+
+class AppError(ValueError):
+    """Raised when the upstream Gradio app throws an error because of the value submitted by the client."""
+
+    def __init__(
+        self,
+        message: str = "Error raised.",
+        duration: float | None = 10,
+        visible: bool = True,
+        title: str = "Error",
+        print_exception: bool = True,
+    ):
+        """
+        Parameters:
+            message: The error message to be displayed to the user. Can be HTML, which will be rendered in the modal.
+            duration: The duration in seconds to display the error message. If None or 0, the error message will be displayed until the user closes it.
+            visible: Whether the error message should be displayed in the UI.
+            title: The title to be displayed to the user at the top of the error modal.
+            print_exception: Whether to print traceback of the error to the console when the error is raised.
+        """
+        self.title = title
+        self.message = message
+        self.duration = duration
+        self.visible = visible
+        self.print_exception = print_exception
+        super().__init__(self.message)
diff --git a/client/python/gradio_client/package.json b/client/python/gradio_client/package.json
new file mode 100644
index 0000000..aeaddd5
--- /dev/null
+++ b/client/python/gradio_client/package.json
@@ -0,0 +1,8 @@
+{
+	"name": "gradio_client",
+	"version": "2.5.0",
+	"description": "",
+	"python": "true",
+	"main_changeset": true,
+	"private": true
+}
diff --git a/client/python/gradio_client/snippet.py b/client/python/gradio_client/snippet.py
new file mode 100644
index 0000000..0e82155
--- /dev/null
+++ b/client/python/gradio_client/snippet.py
@@ -0,0 +1,276 @@
+"""Centralized code snippet generation for Gradio API endpoints. Generates Python, JavaScript, and cURL code snippets from API info dicts."""
+
+import copy
+import json
+import re
+from typing import Any
+
+BLOB_COMPONENTS = {
+    "Audio",
+    "DownloadButton",
+    "File",
+    "Image",
+    "ImageSlider",
+    "Model3D",
+    "UploadButton",
+    "Video",
+}
+
+
+def _is_file_data(obj: Any) -> bool:
+    return (
+        isinstance(obj, dict)
+        and "url" in obj
+        and obj.get("url")
+        and "meta" in obj
+        and isinstance(obj.get("meta"), dict)
+        and obj["meta"].get("_type") == "gradio.FileData"
+    )
+
+
+def _has_file_data(obj: Any) -> bool:
+    if isinstance(obj, dict):
+        if _is_file_data(obj):
+            return True
+        return any(_has_file_data(v) for v in obj.values())
+    if isinstance(obj, (list, tuple)):
+        return any(_has_file_data(item) for item in obj)
+    return False
+
+
+def _replace_file_data_py(obj: Any) -> Any:
+    if isinstance(obj, dict) and _is_file_data(obj):
+        return f"handle_file('{obj['url']}')"
+    if isinstance(obj, (list, tuple)):
+        return [_replace_file_data_py(item) for item in obj]
+    if isinstance(obj, dict):
+        return {k: _replace_file_data_py(v) for k, v in obj.items()}
+    return obj
+
+
+def _simplify_file_data(obj: Any) -> Any:
+    if isinstance(obj, dict) and _is_file_data(obj):
+        return {"path": obj["url"], "meta": {"_type": "gradio.FileData"}}
+    if isinstance(obj, (list, tuple)):
+        return [_simplify_file_data(item) for item in obj]
+    if isinstance(obj, dict):
+        return {k: _simplify_file_data(v) for k, v in obj.items()}
+    return obj
+
+
+_UNQUOTED = "UNQUOTED_GRADIO_"
+
+
+def _stringify_py(obj: Any) -> str:
+    def _prepare(o: Any) -> Any:
+        if o is None:
+            return f"{_UNQUOTED}None"
+        if isinstance(o, bool):
+            return f"{_UNQUOTED}True" if o else f"{_UNQUOTED}False"
+        if isinstance(o, str) and o.startswith("handle_file(") and o.endswith(")"):
+            return f"{_UNQUOTED}{o}"
+        if isinstance(o, (list, tuple)):
+            return [_prepare(item) for item in o]
+        if isinstance(o, dict):
+            return {k: _prepare(v) for k, v in o.items()}
+        return o
+
+    prepared = _prepare(obj)
+    result = json.dumps(prepared, default=str)
+    result = re.sub(
+        rf'"{_UNQUOTED}(handle_file\([^)]*\))"',
+        r"\1",
+        result,
+    )
+    result = result.replace(f'"{_UNQUOTED}None"', "None")
+    result = result.replace(f'"{_UNQUOTED}True"', "True")
+    result = result.replace(f'"{_UNQUOTED}False"', "False")
+    return result
+
+
+def _represent_value(value: Any, python_type: str | None, lang: str) -> str:
+    if python_type is None:
+        return "None" if lang == "py" else "null"
+    if value is None:
+        return "None" if lang == "py" else "null"
+    if python_type in ("string", "str"):
+        return f'"{value}"'
+    if python_type == "number":
+        return str(value)
+    if python_type in ("boolean", "bool"):
+        if lang == "py":
+            return "True" if value else "False"
+        return str(value).lower() if isinstance(value, bool) else str(value)
+    if python_type == "List[str]":
+        return json.dumps(value)
+    if python_type.startswith("Literal['"):
+        return f'"{value}"'
+
+    if isinstance(value, str):
+        if value == "":
+            return "None" if lang == "py" else "null"
+        return value
+
+    value = copy.deepcopy(value)
+    if lang == "bash":
+        value = _simplify_file_data(value)
+    if lang == "py":
+        value = _replace_file_data_py(value)
+    return _stringify_py(value)
+
+
+def _get_param_value(param: dict) -> Any:
+    if param.get("parameter_has_default"):
+        return param.get("parameter_default")
+    return param.get("example_input")
+
+
+def generate_python_snippet(
+    api_name: str,
+    params: list[dict],
+    src: str,
+) -> str:
+    has_file = any(_has_file_data(p.get("example_input")) for p in params)
+    imports = "from gradio_client import Client"
+    if has_file:
+        imports += ", handle_file"
+
+    lines = [imports, ""]
+    lines.append(f'client = Client("{src}")')
+
+    predict_args = []
+    for p in params:
+        name = p.get("parameter_name") or p.get("label", "input")
+        value = _get_param_value(p)
+        ptype = p.get("python_type", {}).get("type")
+        formatted = _represent_value(value, ptype, "py")
+        predict_args.append(f"\t{name}={formatted},")
+
+    lines.append("result = client.predict(")
+    lines.extend(predict_args)
+    lines.append(f'\tapi_name="{api_name}",')
+    lines.append(")")
+    lines.append("print(result)")
+
+    return "\n".join(lines)
+
+
+def generate_js_snippet(
+    api_name: str,
+    params: list[dict],
+    src: str,
+) -> str:
+    blob_params = [p for p in params if p.get("component") in BLOB_COMPONENTS]
+
+    lines = ['import { Client } from "@gradio/client";', ""]
+
+    for i, bp in enumerate(blob_params):
+        example = bp.get("example_input", {})
+        url = example.get("url", "") if isinstance(example, dict) else ""
+        component = bp.get("component", "")
+        lines.append(f'const response_{i} = await fetch("{url}");')
+        lines.append(f"const example{component} = await response_{i}.blob();")
+
+    if blob_params:
+        lines.append("")
+
+    lines.append(f'const client = await Client.connect("{src}");')
+
+    blob_component_names = {bp.get("component") for bp in blob_params}
+
+    predict_args = []
+    for p in params:
+        name = p.get("parameter_name") or p.get("label", "input")
+        component = p.get("component", "")
+        if component in blob_component_names:
+            predict_args.append(f"\t\t{name}: example{component},")
+        else:
+            value = _get_param_value(p)
+            ptype = p.get("python_type", {}).get("type")
+            formatted = _represent_value(value, ptype, "js")
+            predict_args.append(f"\t\t{name}: {formatted},")
+
+    lines.append(f'const result = await client.predict("{api_name}", {{')
+    lines.extend(predict_args)
+    lines.append("});")
+    lines.append("")
+    lines.append("console.log(result.data);")
+
+    return "\n".join(lines)
+
+
+def generate_bash_snippet(
+    api_name: str,
+    params: list[dict],
+    root: str,
+    api_prefix: str = "/",
+) -> str:
+    normalised_root = root.rstrip("/")
+    normalised_prefix = api_prefix if api_prefix else "/"
+    endpoint_name = api_name.lstrip("/")
+
+    has_file = any(_has_file_data(p.get("example_input")) for p in params)
+    upload_url = f"{normalised_root}{normalised_prefix}upload"
+
+    lines: list[str] = []
+
+    file_param_names: list[str] = []
+    if has_file:
+        for p in params:
+            if _has_file_data(p.get("example_input")):
+                name = p.get("parameter_name") or p.get("label", "input")
+                file_param_names.append(name)
+        lines.append(
+            f"FILE_PATH=$(curl -s -X POST {upload_url}"
+            " -F 'files=@/path/to/your/file'"
+            " | tr -d '[]\" ')"
+        )
+        lines.append("")
+
+    data_dict = {}
+    for p in params:
+        name = p.get("parameter_name") or p.get("label", "input")
+        if name in file_param_names:
+            data_dict[name] = "FILE_PATH_PLACEHOLDER"
+        else:
+            value = _get_param_value(p)
+            ptype = p.get("python_type", {}).get("type")
+            formatted = _represent_value(value, ptype, "bash")
+            data_dict[name] = formatted
+
+    data_entries = ", ".join(f'"{k}": {v}' for k, v in data_dict.items())
+    data_str = "{" + data_entries + "}"
+    for _ in file_param_names:
+        replacement = '{"path": "\'$FILE_PATH\'", "meta": {"_type": "gradio.FileData"}}'
+        data_str = data_str.replace("FILE_PATH_PLACEHOLDER", replacement)
+
+    base_url = f"{normalised_root}{normalised_prefix}call/v2/{endpoint_name}"
+    get_url = f"{normalised_root}{normalised_prefix}call/{endpoint_name}"
+
+    lines.extend(
+        [
+            f'curl -X POST {base_url} -s -H "Content-Type: application/json" \\',
+            f"  -d '{data_str}' \\",
+            "  | awk -F'\"' '{ print $4}' \\",
+            f"  | read EVENT_ID; curl -N {get_url}/$EVENT_ID",
+        ]
+    )
+
+    return "\n".join(lines)
+
+
+def generate_code_snippets(
+    api_name: str,
+    endpoint_info: dict,
+    root: str,
+    space_id: str | None = None,
+    api_prefix: str = "/",
+) -> dict[str, str]:
+    params = endpoint_info.get("parameters", [])
+    src = space_id or root
+
+    return {
+        "python": generate_python_snippet(api_name, params, src),
+        "javascript": generate_js_snippet(api_name, params, src),
+        "bash": generate_bash_snippet(api_name, params, root, api_prefix),
+    }
diff --git a/client/python/gradio_client/templates/discord_chat.py b/client/python/gradio_client/templates/discord_chat.py
new file mode 100644
index 0000000..229a8f6
--- /dev/null
+++ b/client/python/gradio_client/templates/discord_chat.py
@@ -0,0 +1,192 @@
+import asyncio
+import os
+import threading
+from threading import Event
+
+import discord
+import gradio as gr
+from discord import Permissions
+from discord.ext import commands
+from discord.utils import oauth_url
+
+import gradio_client as grc
+from gradio_client.utils import QueueError
+
+event = Event()
+
+DISCORD_TOKEN = os.getenv("DISCORD_TOKEN")
+
+
+async def wait(job):
+    while not job.done():
+        await asyncio.sleep(0.2)
+
+
+def get_client(session: str | None = None) -> grc.Client:
+    client = grc.Client("<<app-src>>", token=os.getenv("HF_TOKEN"))
+    if session:
+        client.session_hash = session
+    return client
+
+
+def truncate_response(response: str) -> str:
+    ending = "...\nTruncating response to 2000 characters due to discord api limits."
+    if len(response) > 2000:
+        return response[: 2000 - len(ending)] + ending
+    else:
+        return response
+
+
+intents = discord.Intents.default()
+intents.message_content = True
+bot = commands.Bot(command_prefix="/", intents=intents)
+
+
+@bot.event
+async def on_ready():
+    print(f"Logged in as {bot.user} (ID: {bot.user.id})")
+    synced = await bot.tree.sync()
+    print(f"Synced commands: {', '.join([s.name for s in synced])}.")
+    event.set()
+    print("------")
+
+
+thread_to_client = {}
+thread_to_user = {}
+
+
+@bot.hybrid_command(
+    name="<<command-name>>",
+    description="Enter some text to chat with the bot! Like this: /<<command-name>> Hello, how are you?",
+)
+async def chat(ctx, prompt: str):
+    if ctx.author.id == bot.user.id:
+        return
+    try:
+        message = await ctx.send("Creating thread...")
+
+        thread = await message.create_thread(name=prompt)
+        loop = asyncio.get_running_loop()
+        client = await loop.run_in_executor(None, get_client, None)
+        job = client.submit(prompt, api_name="/<<api-name>>")
+        await wait(job)
+
+        try:
+            job.result()
+            response = job.outputs()[-1]
+            await thread.send(truncate_response(response))
+            thread_to_client[thread.id] = client
+            thread_to_user[thread.id] = ctx.author.id
+        except QueueError:
+            await thread.send(
+                "The gradio space powering this bot is really busy! Please try again later!"
+            )
+
+    except Exception as e:
+        print(f"{e}")
+
+
+async def continue_chat(message):
+    """Continues a given conversation based on chathistory"""
+    try:
+        client = thread_to_client[message.channel.id]
+        prompt = message.content
+        job = client.submit(prompt, api_name="/<<api-name>>")
+        await wait(job)
+        try:
+            job.result()
+            response = job.outputs()[-1]
+            await message.reply(truncate_response(response))
+        except QueueError:
+            await message.reply(
+                "The gradio space powering this bot is really busy! Please try again later!"
+            )
+
+    except Exception as e:
+        print(f"Error: {e}")
+
+
+@bot.event
+async def on_message(message):
+    """Continue the chat"""
+    try:
+        if not message.author.bot:
+            if message.channel.id in thread_to_user:
+                if thread_to_user[message.channel.id] == message.author.id:
+                    await continue_chat(message)
+            else:
+                await bot.process_commands(message)
+
+    except Exception as e:
+        print(f"Error: {e}")
+
+
+# running in thread
+def run_bot():
+    if not DISCORD_TOKEN:
+        print("DISCORD_TOKEN NOT SET")
+        event.set()
+    else:
+        bot.run(DISCORD_TOKEN)
+
+
+threading.Thread(target=run_bot).start()
+
+event.wait()
+
+if not DISCORD_TOKEN:
+    welcome_message = """
+
+    ## You have not specified a DISCORD_TOKEN, which means you have not created a bot account. Please follow these steps:
+
+    ### 1. Go to https://discord.com/developers/applications and click 'New Application'
+
+    ### 2. Give your bot a name 🤖
+
+    ![](https://gradio-builds.s3.amazonaws.com/demo-files/discordbots/BotName.png)
+
+    ## 3. In Settings > Bot, click the 'Reset Token' button to get a new token. Write it down and keep it safe 🔐
+
+    ![](https://gradio-builds.s3.amazonaws.com/demo-files/discordbots/ResetToken.png)
+
+    ## 4. Optionally make the bot public if you want anyone to be able to add it to their servers
+
+    ## 5. Scroll down and enable 'Message Content Intent' under 'Priviledged Gateway Intents'
+
+    ![](https://gradio-builds.s3.amazonaws.com/demo-files/discordbots/MessageContentIntent.png)
+
+    ## 6. Save your changes!
+
+    ## 7. The token from step 3 is the DISCORD_TOKEN. Rerun the deploy_discord command, e.g client.deploy_discord(discord_bot_token=DISCORD_TOKEN, ...), or add the token as a space secret manually.
+"""
+else:
+    permissions = Permissions(326417525824)
+    url = oauth_url(bot.user.id, permissions=permissions)
+    welcome_message = f"""
+    ## Add this bot to your server by clicking this link:
+
+    {url}
+
+    ## How to use it?
+
+    The bot can be triggered via `/<<command-name>>` followed by your text prompt.
+
+    This will create a thread with the bot's response to your text prompt.
+    You can reply in the thread (without `/<<command-name>>`) to continue the conversation.
+    In the thread, the bot will only reply to the original author of the command.
+
+    ⚠️ Note ⚠️: Please make sure this bot's command does have the same name as another command in your server.
+
+    ⚠️ Note ⚠️: Bot commands do not work in DMs with the bot as of now.
+    """
+
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        f"""
+    # Discord bot of <<app-src>>
+    {welcome_message}
+    """
+    )
+
+demo.launch()
diff --git a/client/python/gradio_client/types.json b/client/python/gradio_client/types.json
new file mode 100644
index 0000000..2fc1d42
--- /dev/null
+++ b/client/python/gradio_client/types.json
@@ -0,0 +1,199 @@
+{
+	"SimpleSerializable": {
+		"type": {},
+		"description": "any valid value"
+	},
+	"StringSerializable": {
+		"type": "string"
+	},
+	"ListStringSerializable": {
+		"type": "array",
+		"items": {
+			"type": "string"
+		}
+	},
+	"BooleanSerializable": {
+		"type": "boolean"
+	},
+	"NumberSerializable": {
+		"type": "number"
+	},
+	"ImgSerializable": {
+		"type": "string",
+		"description": "base64 representation of an image"
+	},
+	"FileSerializable": {
+		"oneOf": [
+			{
+				"type": "string",
+				"description": "filepath on your computer (or URL) of file"
+			},
+			{
+				"type": "object",
+				"properties": {
+					"name": { "type": "string", "description": "name of file" },
+					"data": {
+						"type": "string",
+						"description": "base64 representation of file"
+					},
+					"size": {
+						"type": "integer",
+						"description": "size of image in bytes"
+					},
+					"is_file": {
+						"type": "boolean",
+						"description": "true if the file has been uploaded to the server"
+					},
+					"orig_name": {
+						"type": "string",
+						"description": "original name of the file"
+					}
+				},
+				"required": ["name", "data"]
+			},
+			{
+				"type": "array",
+				"items": {
+					"anyOf": [
+						{
+							"type": "string",
+							"description": "filepath on your computer (or URL) of file"
+						},
+						{
+							"type": "object",
+							"properties": {
+								"name": { "type": "string", "description": "name of file" },
+								"data": {
+									"type": "string",
+									"description": "base64 representation of file"
+								},
+								"size": {
+									"type": "integer",
+									"description": "size of image in bytes"
+								},
+								"is_file": {
+									"type": "boolean",
+									"description": "true if the file has been uploaded to the server"
+								},
+								"orig_name": {
+									"type": "string",
+									"description": "original name of the file"
+								}
+							},
+							"required": ["name", "data"]
+						}
+					]
+				}
+			}
+		]
+	},
+	"SingleFileSerializable": {
+		"oneOf": [
+			{
+				"type": "string",
+				"description": "filepath on your computer (or URL) of file"
+			},
+			{
+				"type": "object",
+				"properties": {
+					"name": { "type": "string", "description": "name of file" },
+					"data": {
+						"type": "string",
+						"description": "base64 representation of file"
+					},
+					"size": {
+						"type": "integer",
+						"description": "size of image in bytes"
+					},
+					"is_file": {
+						"type": "boolean",
+						"description": "true if the file has been uploaded to the server"
+					},
+					"orig_name": {
+						"type": "string",
+						"description": "original name of the file"
+					}
+				},
+				"required": ["name", "data"]
+			}
+		]
+	},
+	"MultipleFileSerializable": {
+		"type": "array",
+		"items": {
+			"anyOf": [
+				{
+					"type": "string",
+					"description": "filepath on your computer (or URL) of file"
+				},
+				{
+					"type": "object",
+					"properties": {
+						"name": { "type": "string", "description": "name of file" },
+						"data": {
+							"type": "string",
+							"description": "base64 representation of file"
+						},
+						"size": {
+							"type": "integer",
+							"description": "size of image in bytes"
+						},
+						"is_file": {
+							"type": "boolean",
+							"description": "true if the file has been uploaded to the server"
+						},
+						"orig_name": {
+							"type": "string",
+							"description": "original name of the file"
+						}
+					},
+					"required": ["name", "data"]
+				}
+			]
+		}
+	},
+	"JSONSerializable": {
+		"type": {},
+		"description": "any valid json"
+	},
+	"GallerySerializable": {
+		"type": "array",
+		"items": {
+			"type": "array",
+			"items": false,
+			"maxSize": 2,
+			"minSize": 2,
+			"prefixItems": [
+				{
+					"type": "object",
+					"properties": {
+						"name": { "type": "string", "description": "name of file" },
+						"data": {
+							"type": "string",
+							"description": "base64 representation of file"
+						},
+						"size": {
+							"type": "integer",
+							"description": "size of image in bytes"
+						},
+						"is_file": {
+							"type": "boolean",
+							"description": "true if the file has been uploaded to the server"
+						},
+						"orig_name": {
+							"type": "string",
+							"description": "original name of the file"
+						}
+					},
+					"required": ["name", "data"]
+				},
+				{
+					"oneOf": [
+						{ "type": "string", "description": "caption of image" },
+						{ "type": "null" }
+					]
+				}
+			]
+		}
+	}
+}
diff --git a/client/python/gradio_client/utils.py b/client/python/gradio_client/utils.py
new file mode 100644
index 0000000..7ee9849
--- /dev/null
+++ b/client/python/gradio_client/utils.py
@@ -0,0 +1,1379 @@
+from __future__ import annotations
+
+import asyncio
+import base64
+import concurrent.futures
+import copy
+import inspect
+import json
+import mimetypes
+import os
+import pkgutil
+import re
+import secrets
+import shutil
+import tempfile
+import time
+import warnings
+from collections import deque
+from collections.abc import Callable, Coroutine
+from dataclasses import dataclass, field
+from datetime import datetime
+from enum import Enum
+from pathlib import Path
+from threading import Lock
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+    NewType,
+    TypedDict,
+    Union,
+    get_args,
+    get_origin,
+    get_type_hints,
+)
+
+import fsspec.asyn
+import httpx
+import huggingface_hub
+from huggingface_hub import SpaceStage
+
+if TYPE_CHECKING:
+    from gradio_client.data_classes import ParameterInfo
+
+API_URL = "api/predict/"
+SSE_URL_V0 = "queue/join"
+SSE_DATA_URL_V0 = "queue/data"
+SSE_URL = "queue/data"
+SSE_DATA_URL = "queue/join"
+WS_URL = "queue/join"
+UPLOAD_URL = "upload"
+LOGIN_URL = "login"
+CONFIG_URL = "config"
+API_INFO_URL = "info?all_endpoints=True"
+RAW_API_INFO_URL = "info?serialize=False"
+SPACE_FETCHER_URL = "https://gradio-space-api-fetcher-v2.hf.space/api"
+RESET_URL = "reset"
+SPACE_URL = "https://hf.space/{}"
+HEARTBEAT_URL = "heartbeat/{session_hash}"
+CANCEL_URL = "cancel"
+
+STATE_COMPONENT = "state"
+INVALID_RUNTIME = [
+    SpaceStage.NO_APP_FILE,
+    SpaceStage.CONFIG_ERROR,
+    SpaceStage.BUILD_ERROR,
+    SpaceStage.RUNTIME_ERROR,
+    SpaceStage.PAUSED,
+]
+
+# Characters forbidden in filenames across OS and shell environments:
+# < > : " / \ | ? *  – forbidden on Windows
+# \x00-\x1f           – null byte and ASCII control characters
+# \x7f                – DEL character
+# ` $ ! { }           – shell-dangerous characters
+_FORBIDDEN_RE = re.compile(r'[<>:"/\\|?*\x00-\x1f\x7f`$!{}]')
+
+
+class Message(TypedDict, total=False):
+    msg: str
+    output: dict[str, Any]
+    event_id: str
+    rank: int
+    rank_eta: float
+    queue_size: int
+    success: bool
+    progress_data: list[dict]
+    log: str
+    level: str
+
+
+def get_package_version() -> str:
+    try:
+        package_json_data = (
+            pkgutil.get_data(__name__, "package.json").decode("utf-8").strip()  # type: ignore
+        )
+        package_data = json.loads(package_json_data)
+        version = package_data.get("version", "")
+        return version
+    except Exception:
+        return ""
+
+
+__version__ = get_package_version()
+
+
+class TooManyRequestsError(Exception):
+    """Raised when the API returns a 429 status code."""
+
+    pass
+
+
+class QueueError(Exception):
+    """Raised when the queue is full or there is an issue adding a job to the queue."""
+
+    pass
+
+
+class InvalidAPIEndpointError(Exception):
+    """Raised when the API endpoint is invalid."""
+
+    pass
+
+
+class SpaceDuplicationError(Exception):
+    """Raised when something goes wrong with a Space Duplication."""
+
+    pass
+
+
+class ServerMessage(str, Enum):
+    send_hash = "send_hash"
+    queue_full = "queue_full"
+    estimation = "estimation"
+    send_data = "send_data"
+    process_starts = "process_starts"
+    process_generating = "process_generating"
+    process_completed = "process_completed"
+    log = "log"
+    progress = "progress"
+    heartbeat = "heartbeat"
+    server_stopped = "Server stopped unexpectedly."
+    unexpected_error = "unexpected_error"
+    close_stream = "close_stream"
+    process_streaming = "process_streaming"
+
+
+class Status(Enum):
+    """Status codes presented to client users."""
+
+    STARTING = "STARTING"
+    JOINING_QUEUE = "JOINING_QUEUE"
+    QUEUE_FULL = "QUEUE_FULL"
+    IN_QUEUE = "IN_QUEUE"
+    SENDING_DATA = "SENDING_DATA"
+    PROCESSING = "PROCESSING"
+    ITERATING = "ITERATING"
+    PROGRESS = "PROGRESS"
+    FINISHED = "FINISHED"
+    CANCELLED = "CANCELLED"
+    LOG = "LOG"
+
+    @staticmethod
+    def ordering(status: Status) -> int:
+        """Order of messages. Helpful for testing."""
+        order = [
+            Status.STARTING,
+            Status.JOINING_QUEUE,
+            Status.QUEUE_FULL,
+            Status.IN_QUEUE,
+            Status.SENDING_DATA,
+            Status.PROCESSING,
+            Status.PROGRESS,
+            Status.ITERATING,
+            Status.FINISHED,
+            Status.CANCELLED,
+        ]
+        return order.index(status)
+
+    def __lt__(self, other: Status):
+        return self.ordering(self) < self.ordering(other)
+
+    @staticmethod
+    def msg_to_status(msg: str) -> Status:
+        """Map the raw message from the backend to the status code presented to users."""
+        return {
+            ServerMessage.send_hash: Status.JOINING_QUEUE,
+            ServerMessage.queue_full: Status.QUEUE_FULL,
+            ServerMessage.estimation: Status.IN_QUEUE,
+            ServerMessage.send_data: Status.SENDING_DATA,
+            ServerMessage.process_starts: Status.PROCESSING,
+            ServerMessage.process_generating: Status.ITERATING,
+            ServerMessage.process_completed: Status.FINISHED,
+            ServerMessage.progress: Status.PROGRESS,
+            ServerMessage.log: Status.LOG,
+            ServerMessage.server_stopped: Status.FINISHED,
+        }[msg]  # type: ignore
+
+
+@dataclass
+class ProgressUnit:
+    index: int | None
+    length: int | None
+    unit: str | None
+    progress: float | None
+    desc: str | None
+
+    @classmethod
+    def from_msg(cls, data: list[dict]) -> list[ProgressUnit]:
+        return [
+            cls(
+                index=d.get("index"),
+                length=d.get("length"),
+                unit=d.get("unit"),
+                progress=d.get("progress"),
+                desc=d.get("desc"),
+            )
+            for d in data
+        ]
+
+
+@dataclass
+class StatusUpdate:
+    """Update message sent from the worker thread to the Job on the main thread."""
+
+    code: Status
+    rank: int | None
+    queue_size: int | None
+    eta: float | None
+    success: bool | None
+    time: datetime | None
+    progress_data: list[ProgressUnit] | None
+    log: tuple[str, str] | None = None
+    type: Literal["status", "output"] = "status"
+
+
+@dataclass
+class OutputUpdate:
+    """Update message sent from the worker thread to the Job on the main thread."""
+
+    outputs: list[Any]
+    success: bool
+    type: Literal["output"] = "output"
+    final: bool = False
+
+
+Update = NewType("Update", StatusUpdate | OutputUpdate)
+
+
+def create_initial_status_update():
+    return StatusUpdate(
+        code=Status.STARTING,
+        rank=None,
+        queue_size=None,
+        eta=None,
+        success=None,
+        time=datetime.now(),
+        progress_data=None,
+    )
+
+
+@dataclass
+class JobStatus:
+    """The job status.
+
+    Keeps track of the latest status update and intermediate outputs (not yet implements).
+    """
+
+    latest_status: StatusUpdate = field(default_factory=create_initial_status_update)
+    outputs: list[Any] = field(default_factory=list)
+
+
+@dataclass
+class Communicator:
+    """Helper class to help communicate between the worker thread and main thread."""
+
+    lock: Lock
+    job: JobStatus
+    prediction_processor: Callable[..., tuple]
+    reset_url: str
+    should_cancel: bool = False
+    event_id: str | None = None
+    thread_complete: bool = False
+    request_headers: dict[str, str] | None = None
+    updates: asyncio.Queue[Update] = field(default_factory=asyncio.Queue)
+
+
+########################
+# Network utils
+########################
+
+
+def is_http_url_like(possible_url) -> bool:
+    """
+    Check if the given value is a string that looks like an HTTP(S) URL.
+    """
+    if not isinstance(possible_url, str):
+        return False
+    return possible_url.startswith(("http://", "https://"))
+
+
+def probe_url(possible_url: str) -> bool:
+    """
+    Probe the given URL to see if it responds with a 200 status code (to HEAD, then to GET).
+    """
+    headers = {"User-Agent": "gradio (https://gradio.app/; gradio-team@huggingface.co)"}
+    try:
+        with httpx.Client() as client:
+            head_request = httpx.head(possible_url, headers=headers)
+            if head_request.status_code == 405:
+                return client.get(possible_url, headers=headers).is_success
+            return head_request.is_success
+    except Exception:
+        return False
+
+
+def is_valid_url(possible_url: str) -> bool:
+    """
+    Check if the given string is a valid URL.
+    """
+    warnings.warn(
+        "is_valid_url should not be used. "
+        "Use is_http_url_like() and probe_url(), as suitable, instead.",
+    )
+    return is_http_url_like(possible_url) and probe_url(possible_url)
+
+
+def get_pred_from_sse_v0(
+    client: httpx.Client,
+    data: dict,
+    hash_data: dict,
+    helper: Communicator,
+    sse_url: str,
+    sse_data_url: str,
+    headers: dict[str, str],
+    cookies: dict[str, str] | None,
+    ssl_verify: bool,
+    executor: concurrent.futures.ThreadPoolExecutor,
+) -> dict[str, Any] | None:
+    helper.thread_complete = False
+    future_cancel = executor.submit(
+        check_for_cancel, helper, headers, cookies, ssl_verify
+    )
+    future_sse = executor.submit(
+        stream_sse_v0,
+        client,
+        data,
+        hash_data,
+        helper,
+        sse_url,
+        sse_data_url,
+        headers,
+        cookies,
+    )
+    done, _ = concurrent.futures.wait(
+        [future_cancel, future_sse],  # type: ignore
+        return_when=concurrent.futures.FIRST_COMPLETED,
+    )
+    helper.thread_complete = True
+
+    if len(done) != 1:
+        raise ValueError(f"Did not expect {len(done)} tasks to be done.")
+    for future in done:
+        return future.result()
+
+
+def get_pred_from_sse_v1plus(
+    helper: Communicator,
+    headers: dict[str, str],
+    cookies: dict[str, str] | None,
+    pending_messages_per_event: dict[str, deque[Message | None]],
+    event_id: str,
+    protocol: Literal["sse_v1", "sse_v2", "sse_v2.1"],
+    ssl_verify: bool,
+    executor: concurrent.futures.ThreadPoolExecutor,
+) -> dict[str, Any] | None:
+    helper.thread_complete = False
+    future_cancel = executor.submit(
+        check_for_cancel, helper, headers, cookies, ssl_verify
+    )
+    future_sse = executor.submit(
+        stream_sse_v1plus, helper, pending_messages_per_event, event_id, protocol
+    )
+    done, _ = concurrent.futures.wait(
+        [future_cancel, future_sse],  # type: ignore
+        return_when=concurrent.futures.FIRST_COMPLETED,
+    )
+    helper.thread_complete = True
+
+    if len(done) != 1:
+        raise ValueError(f"Did not expect {len(done)} tasks to be done.")
+    for future in done:
+        exception = future.exception()
+        if exception:
+            raise exception
+        return future.result()
+
+
+def check_for_cancel(
+    helper: Communicator,
+    headers: dict[str, str],
+    cookies: dict[str, str] | None,
+    ssl_verify: bool,
+):
+    while True:
+        time.sleep(0.05)
+        with helper.lock:
+            if helper.should_cancel:
+                break
+            if helper.thread_complete:
+                raise concurrent.futures.CancelledError()
+    if helper.event_id:
+        httpx.post(
+            helper.reset_url,
+            json={"event_id": helper.event_id},
+            headers=headers,
+            cookies=cookies,
+            verify=ssl_verify,
+        )
+    raise concurrent.futures.CancelledError()
+
+
+def stream_sse_v0(
+    client: httpx.Client,
+    data: dict,
+    hash_data: dict,
+    helper: Communicator,
+    sse_url: str,
+    sse_data_url: str,
+    headers: dict[str, str],
+    cookies: dict[str, str] | None,
+) -> dict[str, Any]:
+    try:
+        with client.stream(
+            "GET",
+            sse_url,
+            params=hash_data,
+            headers=headers,
+            cookies=cookies,
+        ) as response:
+            for line in response.iter_lines():
+                line = line.rstrip("\n")
+                if len(line) == 0:
+                    continue
+                if line.startswith("data:"):
+                    resp = json.loads(line[5:])
+                    if resp["msg"] in [ServerMessage.log, ServerMessage.heartbeat]:
+                        continue
+                    with helper.lock:
+                        has_progress = "progress_data" in resp
+                        status_update = StatusUpdate(
+                            code=Status.msg_to_status(resp["msg"]),
+                            queue_size=resp.get("queue_size"),
+                            rank=resp.get("rank", None),
+                            success=resp.get("success"),
+                            time=datetime.now(),
+                            eta=resp.get("rank_eta"),
+                            progress_data=ProgressUnit.from_msg(resp["progress_data"])
+                            if has_progress
+                            else None,
+                        )
+                        output = resp.get("output", {}).get("data", [])
+                        if output and status_update.code != Status.FINISHED:
+                            try:
+                                result = helper.prediction_processor(*output)
+                            except Exception as e:
+                                result = [e]
+                            helper.job.outputs.append(result)
+                        helper.job.latest_status = status_update
+                    if helper.thread_complete:
+                        raise concurrent.futures.CancelledError()
+                    if resp["msg"] == "queue_full":
+                        raise QueueError("Queue is full! Please try again.")
+                    elif resp["msg"] == "send_data":
+                        event_id = resp["event_id"]
+                        helper.event_id = event_id
+                        req = client.post(
+                            sse_data_url,
+                            json={"event_id": event_id, **data, **hash_data},
+                            headers=headers,
+                            cookies=cookies,
+                        )
+                        req.raise_for_status()
+                    elif resp["msg"] == "process_completed":
+                        return resp["output"]
+                else:
+                    raise ValueError(f"Unexpected message: {line}")
+        raise ValueError("Did not receive process_completed message.")
+    except concurrent.futures.CancelledError:
+        raise
+
+
+def stream_sse_v1plus(
+    helper: Communicator,
+    pending_messages_per_event: dict[str, deque[Message | None]],
+    event_id: str,
+    protocol: Literal["sse_v1", "sse_v2", "sse_v2.1", "sse_v3"],
+) -> dict[str, Any]:
+    try:
+        pending_messages = pending_messages_per_event[event_id]
+        pending_responses_for_diffs = None
+
+        while True:
+            if len(pending_messages) > 0:
+                msg = pending_messages.popleft()
+            else:
+                time.sleep(0.05)
+                continue
+
+            if msg is None or helper.thread_complete:
+                raise concurrent.futures.CancelledError()
+
+            with helper.lock:
+                log_message = None
+                if msg["msg"] == ServerMessage.log:
+                    log = msg.get("log")
+                    level = msg.get("level")
+                    if log and level:
+                        log_message = (log, level)
+                status_update = StatusUpdate(
+                    code=Status.msg_to_status(msg["msg"]),
+                    queue_size=msg.get("queue_size"),
+                    rank=msg.get("rank", None),
+                    success=msg.get("success"),
+                    time=datetime.now(),
+                    eta=msg.get("rank_eta"),
+                    progress_data=ProgressUnit.from_msg(msg["progress_data"])
+                    if "progress_data" in msg
+                    else None,
+                    log=log_message,
+                )
+                output = msg.get("output", {}).get("data", [])
+                if msg["msg"] == ServerMessage.process_generating and protocol in [
+                    "sse_v2",
+                    "sse_v2.1",
+                    "sse_v3",
+                ]:
+                    if pending_responses_for_diffs is None:
+                        pending_responses_for_diffs = list(output)
+                    else:
+                        for i, value in enumerate(output):
+                            prev_output = pending_responses_for_diffs[i]
+                            new_output = apply_diff(prev_output, value)
+                            pending_responses_for_diffs[i] = new_output
+                            output[i] = new_output
+
+                if output and status_update.code != Status.FINISHED:
+                    try:
+                        result = helper.prediction_processor(*output)
+                    except Exception as e:
+                        result = [e]
+                    helper.job.outputs.append(result)
+                    helper.updates.put_nowait(
+                        OutputUpdate(outputs=result, success=msg.get("success", True))
+                    )
+                helper.job.latest_status = status_update
+                helper.updates.put_nowait(status_update)
+            if msg["msg"] == ServerMessage.process_completed:
+                del pending_messages_per_event[event_id]
+                if not msg.get("success", True):
+                    # Create a new copy of the error dict so we
+                    # can preserve the error message (it gets popped later)
+                    output = dict(msg["output"].items())
+                else:
+                    output = msg["output"]
+                helper.updates.put_nowait(
+                    OutputUpdate(
+                        outputs=output,
+                        final=True,
+                        success=msg.get("success", True),
+                    )
+                )
+                return msg["output"]
+            elif msg["msg"] == ServerMessage.server_stopped:
+                raise ValueError("Server stopped.")
+
+    except concurrent.futures.CancelledError:
+        raise
+
+
+def apply_diff(obj, diff):
+    obj = copy.deepcopy(obj)
+
+    def apply_edit(target, path, action, value):
+        if len(path) == 0:
+            if action == "replace":
+                return value
+            elif action == "append":
+                return target + value
+            else:
+                raise ValueError(f"Unsupported action: {action}")
+
+        current = target
+        for i in range(len(path) - 1):
+            current = current[path[i]]
+
+        last_path = path[-1]
+        if action == "replace":
+            current[last_path] = value
+        elif action == "append":
+            current[last_path] += value
+        elif action == "add":
+            if isinstance(current, list):
+                current.insert(int(last_path), value)
+            else:
+                current[last_path] = value
+        elif action == "delete":
+            if isinstance(current, list):
+                del current[int(last_path)]
+            else:
+                del current[last_path]
+        else:
+            raise ValueError(f"Unknown action: {action}")
+
+        return target
+
+    for action, path, value in diff:
+        obj = apply_edit(obj, path, action, value)
+
+    return obj
+
+
+########################
+# Data processing utils
+########################
+
+
+def create_tmp_copy_of_file(file_path: str, dir: str | None = None) -> str:
+    directory = Path(dir or tempfile.gettempdir()) / secrets.token_hex(20)
+    directory.mkdir(exist_ok=True, parents=True)
+    dest = directory / Path(file_path).name
+    shutil.copy2(file_path, dest)
+    return str(dest.resolve())
+
+
+def download_tmp_copy_of_file(
+    url_path: str, token: str | None = None, dir: str | None = None
+) -> str:
+    """Kept for backwards compatibility for 3.x spaces."""
+    if dir is not None:
+        os.makedirs(dir, exist_ok=True)
+    headers = {"Authorization": "Bearer " + token} if token else {}
+    directory = Path(dir or tempfile.gettempdir()) / secrets.token_hex(20)
+    directory.mkdir(exist_ok=True, parents=True)
+    file_path = directory / Path(url_path).name
+
+    with httpx.stream(
+        "GET", url_path, headers=headers, follow_redirects=True
+    ) as response:
+        response.raise_for_status()
+        with open(file_path, "wb") as f:
+            for chunk in response.iter_raw():
+                f.write(chunk)
+    return str(file_path.resolve())
+
+
+def get_mimetype(filename: str) -> str | None:
+    filename_lower = filename.lower()
+    if filename_lower.endswith(".vtt"):
+        return "text/vtt"
+    if filename_lower.endswith(".webp"):
+        return "image/webp"
+    mimetype = mimetypes.guess_type(filename)[0]
+    if mimetype is not None:
+        mimetype = mimetype.replace("x-wav", "wav").replace("x-flac", "flac")
+    return mimetype
+
+
+def get_extension(encoding: str) -> str | None:
+    encoding = encoding.replace("audio/wav", "audio/x-wav")
+    type = mimetypes.guess_type(encoding)[0]
+    if type == "audio/flac":  # flac is not supported by mimetypes
+        return "flac"
+    elif type is None:
+        return None
+    extension = mimetypes.guess_extension(type)
+    if extension is not None and extension.startswith("."):
+        extension = extension[1:]
+    return extension
+
+
+def is_valid_file(file_path: str, file_types: list[str]) -> bool:
+    mime_type = get_mimetype(file_path)
+    for file_type in file_types:
+        if file_type == "file":
+            return True
+        if file_type.startswith("."):
+            file_type = file_type.lstrip(".").lower()
+            file_ext = Path(file_path).suffix.lstrip(".").lower()
+            if file_type == file_ext:
+                return True
+        elif mime_type is not None and mime_type.startswith(f"{file_type}/"):
+            return True
+    return False
+
+
+def encode_file_to_base64(f: str | Path):
+    with open(f, "rb") as file:
+        encoded_string = base64.b64encode(file.read())
+        base64_str = str(encoded_string, "utf-8")
+        mimetype = get_mimetype(str(f))
+        return (
+            "data:"
+            + (mimetype if mimetype is not None else "")
+            + ";base64,"
+            + base64_str
+        )
+
+
+def encode_url_to_base64(url: str):
+    resp = httpx.get(url)
+    resp.raise_for_status()
+    encoded_string = base64.b64encode(resp.content)
+    base64_str = str(encoded_string, "utf-8")
+    mimetype = get_mimetype(url)
+    return (
+        "data:" + (mimetype if mimetype is not None else "") + ";base64," + base64_str
+    )
+
+
+def encode_url_or_file_to_base64(path: str | Path):
+    path = str(path)
+    if is_http_url_like(path):
+        return encode_url_to_base64(path)
+    return encode_file_to_base64(path)
+
+
+def download_byte_stream(url: str, token=None):
+    arr = bytearray()
+    headers = {"Authorization": "Bearer " + token} if token else {}
+    with httpx.stream("GET", url, headers=headers) as r:
+        for data in r.iter_bytes():
+            arr += data
+            yield data
+    yield arr
+
+
+def decode_base64_to_binary(encoding: str) -> tuple[bytes, str | None]:
+    extension = get_extension(encoding)
+    data = encoding.rsplit(",", 1)[-1]
+    return base64.b64decode(data), extension
+
+
+def strip_invalid_filename_characters(filename: str, max_bytes: int = 200) -> str:
+    """
+    Strips invalid characters from a filename and ensures it does not exceed the maximum byte length.
+    Only removes characters that are truly dangerous for file systems: path separators,
+    null bytes, control characters, and shell-dangerous characters. Preserves all other
+    characters including parentheses, brackets, unicode characters, etc.
+    The filename may include an extension (in which case it is preserved exactly as is),
+    or could be just a name without an extension.
+    """
+    name, ext = os.path.splitext(filename)
+    name = _FORBIDDEN_RE.sub("", name)
+    # Also sanitize the extension (excluding the leading dot)
+    if ext:
+        ext = "." + _FORBIDDEN_RE.sub("", ext[1:])
+    # If the stem was stripped entirely but an extension exists, use a
+    # fallback name so that the extension is not mistaken for a dotfile
+    # stem (e.g. "#.txt" → ".txt" → Path(".txt").suffix == "").
+    if not name and ext:
+        name = "file"
+    filename = name + ext
+    filename_len = len(filename.encode())
+    if filename_len > max_bytes:
+        while filename_len > max_bytes:
+            if len(name) == 0:
+                break
+            name = name[:-1]
+            filename = name + ext
+            filename_len = len(filename.encode())
+    return filename
+
+
+def sanitize_parameter_names(original_name: str) -> str:
+    """Cleans up a Python parameter name to make the API info more readable."""
+    return (
+        "".join([char for char in original_name if char.isalnum() or char in " _"])
+        .replace(" ", "_")
+        .lower()
+    )
+
+
+def decode_base64_to_file(
+    encoding: str,
+    file_path: str | None = None,
+    dir: str | Path | None = None,
+    prefix: str | None = None,
+):
+    directory = Path(dir or tempfile.gettempdir()) / secrets.token_hex(20)
+    directory.mkdir(exist_ok=True, parents=True)
+    data, extension = decode_base64_to_binary(encoding)
+    if file_path is not None and prefix is None:
+        filename = Path(file_path).name
+        prefix = filename
+        if "." in filename:
+            prefix = filename[0 : filename.index(".")]
+            extension = filename[filename.index(".") + 1 :]
+
+    if prefix is not None:
+        prefix = strip_invalid_filename_characters(prefix)
+
+    if extension is None:
+        file_obj = tempfile.NamedTemporaryFile(
+            delete=False, prefix=prefix, dir=directory
+        )
+    else:
+        file_obj = tempfile.NamedTemporaryFile(
+            delete=False,
+            prefix=prefix,
+            suffix="." + extension,
+            dir=directory,
+        )
+    file_obj.write(data)
+    file_obj.flush()
+    return file_obj
+
+
+def dict_or_str_to_json_file(jsn: str | dict | list, dir: str | Path | None = None):
+    if dir is not None:
+        os.makedirs(dir, exist_ok=True)
+
+    file_obj = tempfile.NamedTemporaryFile(
+        delete=False, suffix=".json", dir=dir, mode="w+"
+    )
+    if isinstance(jsn, str):
+        jsn = json.loads(jsn)
+    json.dump(jsn, file_obj)
+    file_obj.flush()
+    return file_obj
+
+
+def file_to_json(file_path: str | Path) -> dict | list:
+    with open(file_path) as f:
+        return json.load(f)
+
+
+###########################
+# HuggingFace Hub API Utils
+###########################
+def set_space_timeout(
+    space_id: str,
+    token: str | None = None,
+    timeout_in_seconds: int = 300,
+):
+    headers = huggingface_hub.utils.build_hf_headers(
+        token=token,
+        library_name="gradio_client",
+        library_version=__version__,
+    )
+    try:
+        httpx.post(
+            f"https://huggingface.co/api/spaces/{space_id}/sleeptime",
+            json={"seconds": timeout_in_seconds},
+            headers=headers,
+        )
+    except httpx.HTTPStatusError as e:
+        raise SpaceDuplicationError(
+            f"Could not set sleep timeout on duplicated Space. Please visit {SPACE_URL.format(space_id)} "
+            "to set a timeout manually to reduce billing charges."
+        ) from e
+
+
+########################
+# Misc utils
+########################
+
+
+def synchronize_async(func: Callable, *args, **kwargs) -> Any:
+    """
+    Runs async functions in sync scopes. Can be used in any scope.
+
+    Example:
+        if inspect.iscoroutinefunction(block_fn.fn):
+            predictions = utils.synchronize_async(block_fn.fn, *processed_input)
+
+    Args:
+        func:
+        *args:
+        **kwargs:
+    """
+    return fsspec.asyn.sync(fsspec.asyn.get_loop(), func, *args, **kwargs)  # type: ignore
+
+
+class APIInfoParseError(ValueError):
+    pass
+
+
+def get_type(schema: dict):
+    if "const" in schema:
+        return "const"
+    if "enum" in schema:
+        return "enum"
+    elif "type" in schema:
+        return schema["type"]
+    elif schema.get("$ref"):
+        return "$ref"
+    elif schema.get("oneOf"):
+        return "oneOf"
+    elif schema.get("anyOf"):
+        return "anyOf"
+    elif schema.get("allOf"):
+        return "allOf"
+    elif "type" not in schema:
+        return {}
+    else:
+        raise APIInfoParseError(f"Cannot parse type for {schema}")
+
+
+FILE_DATA_FORMATS = [
+    "Dict(path: str | None (Path to a local file), url: str | None (Publicly available url or base64 encoded image), size: int | None (Size of image in bytes), orig_name: str | None (Original filename), mime_type: str | None (mime type of image), is_stream: bool (Can always be set to False), meta: Dict())",
+    "dict(path: str | None (Path to a local file), url: str | None (Publicly available url or base64 encoded image), size: int | None (Size of image in bytes), orig_name: str | None (Original filename), mime_type: str | None (mime type of image), is_stream: bool (Can always be set to False), meta: dict())",
+    "Dict(path: str, url: str | None, size: int | None, orig_name: str | None, mime_type: str | None)",
+    "Dict(path: str, url: str | None, size: int | None, orig_name: str | None, mime_type: str | None, is_stream: bool)",
+    "Dict(path: str, url: str | None, size: int | None, orig_name: str | None, mime_type: str | None, is_stream: bool, meta: Dict())",
+    "dict(path: str, url: str | None, size: int | None, orig_name: str | None, mime_type: str | None, is_stream: bool, meta: dict())",
+    "dict(path: str, url: str | None, size: int | None, orig_name: str | None, mime_type: str | None, is_stream: bool, meta: dict(_type: Literal[gradio.FileData]))",
+]
+
+CURRENT_FILE_DATA_FORMAT = FILE_DATA_FORMATS[-1]
+
+
+def json_schema_to_python_type(schema: Any) -> str:
+    type_ = _json_schema_to_python_type(schema, schema.get("$defs"))
+    return type_.replace(CURRENT_FILE_DATA_FORMAT, "filepath")
+
+
+def _json_schema_to_python_type(schema: Any, defs) -> str:
+    """Convert the json schema into a python type hint"""
+    if schema == {}:
+        return "Any"
+    type_ = get_type(schema)
+    if type_ == {}:
+        if "json" in schema.get("description", {}):
+            return "str | float | bool | list | dict"
+        else:
+            return "Any"
+    elif type_ == "$ref":
+        return _json_schema_to_python_type(defs[schema["$ref"].split("/")[-1]], defs)
+    elif type_ == "null":
+        return "None"
+    elif type_ == "const":
+        return f"Literal[{schema['const']}]"
+    elif type_ == "enum":
+        return (
+            "Literal[" + ", ".join(["'" + str(v) + "'" for v in schema["enum"]]) + "]"
+        )
+    elif type_ == "integer":
+        return "int"
+    elif type_ == "string":
+        return "str"
+    elif type_ == "boolean":
+        return "bool"
+    elif type_ == "number":
+        return "float"
+    elif type_ == "array":
+        items = schema.get("items", [])
+        if "prefixItems" in items:
+            elements = ", ".join(
+                [_json_schema_to_python_type(i, defs) for i in items["prefixItems"]]
+            )
+            return f"tuple[{elements}]"
+        elif "prefixItems" in schema:
+            elements = ", ".join(
+                [_json_schema_to_python_type(i, defs) for i in schema["prefixItems"]]
+            )
+            return f"tuple[{elements}]"
+        else:
+            elements = _json_schema_to_python_type(items, defs)
+            return f"list[{elements}]"
+    elif type_ == "object":
+        props = schema.get("properties", {})
+        if _is_file_schema(schema, defs or {}):
+            return "filepath"
+
+        def get_desc(v):
+            return f" ({v.get('description')})" if v.get("description") else ""
+
+        des = [
+            f"{n}: {_json_schema_to_python_type(v, defs)}{get_desc(v)}"
+            for n, v in props.items()
+            if n != "$defs"
+        ]
+
+        if "additionalProperties" in schema:
+            additional_properties = schema["additionalProperties"]
+            if isinstance(additional_properties, bool) and additional_properties:
+                des += ["str, Any"]
+            else:
+                des += [
+                    f"str, {_json_schema_to_python_type(additional_properties, defs)}"
+                ]
+        des = ", ".join(des)
+        return f"dict({des})"
+    elif type_ in ["oneOf", "anyOf"]:
+        desc = " | ".join([_json_schema_to_python_type(i, defs) for i in schema[type_]])
+        return desc
+    elif type_ == "allOf":
+        data = ", ".join(_json_schema_to_python_type(i, defs) for i in schema[type_])
+        desc = f"All[{data}]"
+        return desc
+    else:
+        raise APIInfoParseError(f"Cannot parse schema {schema}")
+
+
+def python_type_to_json_schema(type_hint: Any) -> dict:
+    try:
+        return _python_type_to_json_schema(type_hint)
+    except Exception:
+        return {}
+
+
+def _python_type_to_json_schema(type_hint: Any) -> dict:
+    """Convert a Python type hint to a JSON schema."""
+    if type_hint is type(None):
+        return {"type": "null"}
+    if type_hint is Any:
+        return {}
+    if type_hint is str:
+        return {"type": "string"}
+    if type_hint is int:
+        return {"type": "integer"}
+    if type_hint is float:
+        return {"type": "number"}
+    if type_hint is bool:
+        return {"type": "boolean"}
+    if type_hint is dict:
+        return {"type": "object", "additionalProperties": {}}
+    if type_hint is list:
+        return {"type": "array", "items": {}}
+    if type_hint is tuple:
+        return {"type": "array"}
+    if type_hint is set or type_hint is frozenset:
+        return {"type": "array", "uniqueItems": True}
+    if type_hint is bytes or type_hint is bytearray:
+        return {"type": "string", "format": "byte"}
+
+    origin = get_origin(type_hint)
+
+    if origin is Literal:
+        literal_values = get_args(type_hint)
+        if len(literal_values) == 1:
+            return {"const": literal_values[0]}
+        return {"enum": list(literal_values)}
+
+    if (
+        origin is Union
+        or (hasattr(origin, "__name__") and origin.__name__ == "UnionType")
+        or str(origin) == "|"
+    ):
+        types = get_args(type_hint)
+        if len(types) == 2 and type(None) in types:
+            other_type = next(t for t in types if t is not type(None))
+            schema = _python_type_to_json_schema(other_type)
+            return {"oneOf": [{"type": "null"}, schema]}
+        return {"anyOf": [_python_type_to_json_schema(t) for t in types]}
+
+    if origin is list:
+        args = get_args(type_hint)
+        if not args:
+            return {"type": "array", "items": {}}
+        item_type = args[0]
+        return {"type": "array", "items": _python_type_to_json_schema(item_type)}
+    if origin is tuple:
+        types = get_args(type_hint)
+        if not types:
+            return {"type": "array"}
+        if len(types) == 2 and types[1] is ...:
+            return {"type": "array", "items": _python_type_to_json_schema(types[0])}
+        return {
+            "type": "array",
+            "prefixItems": [_python_type_to_json_schema(t) for t in types],
+            "minItems": len(types),
+            "maxItems": len(types),
+        }
+    if origin is set or origin is frozenset:
+        args = get_args(type_hint)
+        if not args:
+            return {"type": "array", "uniqueItems": True}
+        item_type = args[0]
+        return {
+            "type": "array",
+            "uniqueItems": True,
+            "items": _python_type_to_json_schema(item_type),
+        }
+
+    if origin is dict:
+        args = get_args(type_hint)
+        if not args:
+            return {"type": "object", "additionalProperties": {}}
+        key_type, value_type = args
+        if key_type is not str:
+            raise ValueError("JSON Schema only supports string keys in objects")
+        schema = {
+            "type": "object",
+            "additionalProperties": _python_type_to_json_schema(value_type),
+        }
+        return schema
+
+    if inspect.isclass(type_hint) and issubclass(type_hint, Enum):
+        enum_values = [item.value for item in type_hint]
+        return {"enum": enum_values}
+
+    if inspect.isclass(type_hint) and hasattr(type_hint, "__annotations__"):
+        properties = {}
+        required = []
+
+        hints = get_type_hints(type_hint)
+        for field_name, field_type in hints.items():
+            properties[field_name] = _python_type_to_json_schema(field_type)
+            if hasattr(type_hint, "__total__"):
+                if type_hint.__total__:
+                    required.append(field_name)
+            elif (
+                not hasattr(type_hint, "__dataclass_fields__")
+                or not type_hint.__dataclass_fields__[field_name].default
+            ):
+                required.append(field_name)
+
+        schema = {"type": "object", "properties": properties}
+        if required:
+            schema["required"] = required
+        return schema
+
+    return {}
+
+
+def traverse(json_obj: Any, func: Callable, is_root: Callable[..., bool]) -> Any:
+    """
+    Traverse a JSON object and apply a function to each element that satisfies the is_root condition.
+    """
+    if is_root(json_obj):
+        return func(json_obj)
+    elif isinstance(json_obj, dict):
+        new_obj = {}
+        for key, value in json_obj.items():
+            new_obj[key] = traverse(value, func, is_root)
+        return new_obj
+    elif isinstance(json_obj, (list, tuple)):
+        new_obj = []
+        for item in json_obj:
+            new_obj.append(traverse(item, func, is_root))
+        return new_obj
+    else:
+        return json_obj
+
+
+async def async_traverse(
+    json_obj: Any,
+    func: Callable[..., Coroutine[Any, Any, Any]],
+    is_root: Callable[..., bool],
+) -> Any:
+    """
+    Traverse a JSON object and apply a async function to each element that satisfies the is_root condition.
+    """
+    if is_root(json_obj):
+        return await func(json_obj)
+    elif isinstance(json_obj, dict):
+        new_obj = {}
+        for key, value in json_obj.items():
+            new_obj[key] = await async_traverse(value, func, is_root)
+        return new_obj
+    elif isinstance(json_obj, (list, tuple)):
+        new_obj = []
+        for item in json_obj:
+            new_obj.append(await async_traverse(item, func, is_root))
+        return new_obj
+    else:
+        return json_obj
+
+
+def value_is_file(api_info: dict) -> bool:
+    return _schema_contains_file(api_info, api_info.get("$defs", {}))
+
+
+def _resolve_ref(schema: dict, defs: dict) -> dict:
+    """Resolve a $ref to its definition."""
+    if "$ref" in schema:
+        ref_name = schema["$ref"].split("/")[-1]
+        if ref_name in defs:
+            return defs[ref_name]
+    return schema
+
+
+def _is_file_schema(schema: dict, defs: dict | None = None) -> bool:
+    """Check if a schema directly represents a file type (has path + meta with gradio.FileData)."""
+    if defs is None:
+        defs = schema.get("$defs", {})
+    props = schema.get("properties", {})
+    if "path" not in props or "meta" not in props:
+        return False
+    meta = _resolve_ref(props["meta"], defs)
+    meta_props = meta.get("properties", {})
+    if "_type" in meta_props:
+        type_schema = meta_props["_type"]
+        return type_schema.get("const") == "gradio.FileData"
+    meta_default = meta.get("default", {})
+    if isinstance(meta_default, dict):
+        return meta_default.get("_type") == "gradio.FileData"
+    return False
+
+
+def _schema_contains_file(schema, defs: dict) -> bool:
+    """Recursively check if a JSON schema contains a file type anywhere."""
+    if not isinstance(schema, dict):
+        if isinstance(schema, list):
+            return any(_schema_contains_file(item, defs) for item in schema)
+        return False
+    if "$ref" in schema:
+        ref_name = schema["$ref"].split("/")[-1]
+        if ref_name in defs:
+            return _schema_contains_file(defs[ref_name], defs)
+        return False
+    if _is_file_schema(schema, defs):
+        return True
+    return any(
+        _schema_contains_file(v, defs)
+        for k, v in schema.items()
+        if k != "$defs" and isinstance(v, (dict, list))
+    )
+
+
+def is_filepath(s) -> bool:
+    """
+    Check if the given value is a valid str or Path filepath on the local filesystem, e.g. "path/to/file".
+    """
+    return isinstance(s, (str, Path)) and Path(s).exists() and Path(s).is_file()
+
+
+def is_file_obj(d) -> bool:
+    """
+    Check if the given value is a valid FileData object dictionary in versions of Gradio<=4.20, e.g.
+    {
+        "path": "path/to/file",
+    }
+    """
+    return isinstance(d, dict) and "path" in d and isinstance(d["path"], str)
+
+
+def is_file_obj_with_meta(d) -> bool:
+    """
+    Check if the given value is a valid FileData object dictionary in newer versions of Gradio
+    where the file objects include a specific "meta" key, e.g.
+    {
+        "path": "path/to/file",
+        "meta": {"_type: "gradio.FileData"}
+    }
+    """
+    return (
+        isinstance(d, dict)
+        and "path" in d
+        and isinstance(d["path"], str)
+        and "meta" in d
+        and d["meta"].get("_type", "") == "gradio.FileData"
+    )
+
+
+def is_file_obj_with_url(d) -> bool:
+    """
+    Check if the given value is a valid FileData object dictionary in newer versions of Gradio
+    where the file objects include a specific "meta" key, and ALSO include a "url" key, e.g.
+    {
+        "path": "path/to/file",
+        "url": "/file=path/to/file",
+        "meta": {"_type: "gradio.FileData"}
+    }
+    """
+    return is_file_obj_with_meta(d) and "url" in d and isinstance(d["url"], str)
+
+
+SKIP_COMPONENTS = {
+    "state",
+    "row",
+    "column",
+    "tabs",
+    "tab",
+    "tabitem",
+    "box",
+    "form",
+    "accordion",
+    "group",
+    "interpretation",
+    "dataset",
+    "sidebar",
+}
+
+
+def handle_file(filepath_or_url: str | Path):
+    s = str(filepath_or_url)
+    data = {"path": s, "meta": {"_type": "gradio.FileData"}}
+    if is_http_url_like(s):
+        return {**data, "orig_name": s.rsplit("/", maxsplit=1)[-1], "url": s}
+    elif Path(s).exists():
+        return {**data, "orig_name": Path(s).name}
+    else:
+        raise ValueError(
+            f"File {s} does not exist on local filesystem and is not a valid URL."
+        )
+
+
+def file(filepath_or_url: str | Path):
+    warnings.warn(
+        "file() is deprecated and will be removed in a future version. Use handle_file() instead."
+    )
+    return handle_file(filepath_or_url)
+
+
+def construct_args(
+    parameters_info: list[ParameterInfo] | None, args: tuple, kwargs: dict
+) -> list:
+    class _Keywords(Enum):
+        NO_VALUE = "NO_VALUE"  # Used as a sentinel to determine if nothing is provided as a parameter for an argument
+
+    _args = list(args)
+    if parameters_info is None:
+        if kwargs:
+            raise ValueError(
+                "This endpoint does not support key-word arguments Please click on 'view API' in the footer of the Gradio app to see usage."
+            )
+        return _args
+    num_args = len(args)
+    _args = _args + [_Keywords.NO_VALUE] * (len(parameters_info) - num_args)
+
+    kwarg_arg_mapping = {}
+    kwarg_names = []
+    for index, param_info in enumerate(parameters_info):
+        if "parameter_name" in param_info:
+            kwarg_arg_mapping[param_info["parameter_name"]] = index
+            kwarg_names.append(param_info["parameter_name"])
+        else:
+            kwarg_names.append(f"argument {index}")
+        if (
+            param_info.get("parameter_has_default", False)
+            and _args[index] == _Keywords.NO_VALUE
+        ):
+            _args[index] = param_info.get("parameter_default")
+
+    for key, value in kwargs.items():
+        if key in kwarg_arg_mapping:
+            if kwarg_arg_mapping[key] < num_args:
+                raise TypeError(
+                    f"Parameter `{key}` is already set as a positional argument. Please click on 'view API' in the footer of the Gradio app to see usage."
+                )
+            else:
+                _args[kwarg_arg_mapping[key]] = value
+        else:
+            raise TypeError(
+                f"Parameter `{key}` is not a valid key-word argument. Please click on 'view API' in the footer of the Gradio app to see usage."
+            )
+
+    if _Keywords.NO_VALUE in _args:
+        raise TypeError(
+            f"No value provided for required argument: {kwarg_names[_args.index(_Keywords.NO_VALUE)]}"
+        )
+
+    return _args
+
+
+def extract_validation_message(req: httpx.Response) -> str | None:
+    """
+    If the request is a 422 error and the detail contains a validation error message, return the message. Otherwise, return None.
+    """
+    if req.status_code == 422:
+        detail = req.json().get("detail", [])
+        validation_messages = []
+        for index, error_info in enumerate(detail):
+            if (
+                error_info.get("__type__", "") == "validate"
+                and error_info.get("is_valid") is False
+            ):
+                param_name = error_info.get("parameter_name", f"parameter_{index}")
+                validation_messages.append(
+                    f"- {param_name}: {error_info.get('message', '')}"
+                )
+        validation_messages.insert(
+            0, f"{len(validation_messages)} parameter(s) failed validation:"
+        )
+        if validation_messages:
+            return "\n".join(validation_messages)
diff --git a/client/python/pyproject.toml b/client/python/pyproject.toml
new file mode 100644
index 0000000..c7dcf08
--- /dev/null
+++ b/client/python/pyproject.toml
@@ -0,0 +1,70 @@
+[build-system]
+requires = ["hatchling", "hatch-requirements-txt", "hatch-fancy-pypi-readme>=22.5.0"]
+build-backend = "hatchling.build"
+
+[project]
+name = "gradio_client"
+dynamic = ["version", "dependencies", "readme"]
+description = "Python library for easily interacting with trained machine learning models"
+license = "Apache-2.0"
+requires-python = ">=3.10"
+authors = [
+  { name = "Abubakar Abid", email = "gradio-team@huggingface.co" },
+  { name = "Ali Abid", email = "gradio-team@huggingface.co" },
+  { name = "Ali Abdalla", email = "gradio-team@huggingface.co" },
+  { name = "Dawood Khan", email = "gradio-team@huggingface.co" },
+  { name = "Ahsen Khaliq", email = "gradio-team@huggingface.co" },
+  { name = "Pete Allen", email = "gradio-team@huggingface.co" },
+  { name = "Freddy Boulton", email = "gradio-team@huggingface.co" },
+]
+keywords = ["machine learning", "client", "API"]
+
+classifiers = [
+  'Development Status :: 4 - Beta',
+  'License :: OSI Approved :: Apache Software License',
+  'Operating System :: OS Independent',
+  'Programming Language :: Python :: 3',
+  'Programming Language :: Python :: 3 :: Only',
+  'Programming Language :: Python :: 3.8',
+  'Programming Language :: Python :: 3.9',
+  'Programming Language :: Python :: 3.10',
+  'Programming Language :: Python :: 3.11',
+  'Topic :: Scientific/Engineering',
+  'Topic :: Scientific/Engineering :: Artificial Intelligence',
+  'Topic :: Software Development :: User Interfaces',
+]
+
+[project.urls]
+Homepage = "https://github.com/gradio-app/gradio"
+
+[tool.hatch.version]
+path = "gradio_client/package.json"
+pattern = ".*\"version\":\\s*\"(?P<version>[^\"]+)\""
+
+[tool.hatch.metadata.hooks.requirements_txt]
+filename = "requirements.txt"
+
+[tool.hatch.metadata.hooks.fancy-pypi-readme]
+content-type = "text/markdown"
+fragments = [
+  { path = "README.md" },
+]
+
+[tool.hatch.build.targets.sdist]
+include = [
+  "/gradio_client",
+  "/README.md",
+  "/requirements.txt",
+]
+
+[tool.ruff]
+extend = "../../pyproject.toml"
+
+[tool.ruff.lint.isort]
+known-first-party = [
+  "gradio_client"
+]
+
+[tool.pytest.ini_options]
+GRADIO_ANALYTICS_ENABLED = "False"
+HF_HUB_DISABLE_TELEMETRY =  "1"
diff --git a/client/python/requirements.txt b/client/python/requirements.txt
new file mode 100644
index 0000000..12b5994
--- /dev/null
+++ b/client/python/requirements.txt
@@ -0,0 +1,5 @@
+fsspec
+httpx>=0.24.1
+huggingface_hub>=0.19.3,<2.0
+packaging
+typing_extensions~=4.0
\ No newline at end of file
diff --git a/client/python/scripts/test.sh b/client/python/scripts/test.sh
new file mode 100755
index 0000000..12c480d
--- /dev/null
+++ b/client/python/scripts/test.sh
@@ -0,0 +1,6 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+
+echo "Testing..."
+python -m pytest test
diff --git a/client/python/test/conftest.py b/client/python/test/conftest.py
new file mode 100644
index 0000000..4e467da
--- /dev/null
+++ b/client/python/test/conftest.py
@@ -0,0 +1,515 @@
+import inspect
+import random
+import time
+
+import gradio as gr
+import pytest
+from pydub import AudioSegment
+
+
+def pytest_configure(config):
+    config.addinivalue_line(
+        "markers", "flaky: mark test as flaky. Failure will not cause te"
+    )
+    config.addinivalue_line("markers", "serial: mark test as serial")
+
+
+@pytest.fixture
+def calculator_demo():
+    def calculator(num1, operation, num2):
+        if operation == "add":
+            return num1 + num2
+        elif operation == "subtract":
+            return num1 - num2
+        elif operation == "multiply":
+            return num1 * num2
+        elif operation == "divide":
+            if num2 == 0:
+                raise gr.Error("Cannot divide by zero!")
+            return num1 / num2
+
+    demo = gr.Interface(
+        calculator,
+        ["number", gr.Radio(["add", "subtract", "multiply", "divide"]), "number"],
+        "number",
+        api_name="predict",
+        examples=[
+            [5, "add", 3],
+            [4, "divide", 2],
+            [-4, "multiply", 2.5],
+            [0, "subtract", 1.2],
+        ],
+    )
+    return demo
+
+
+@pytest.fixture
+def hello_world_demo():
+    def greet(name, punctuation):
+        return "Hello " + name + punctuation
+
+    demo = gr.Interface(
+        fn=greet,
+        inputs=[gr.Textbox(label="Name"), gr.Textbox(label="Punctuation")],
+        outputs=gr.Textbox(label="Greeting"),
+        api_name="greet",
+    )
+    return demo
+
+
+@pytest.fixture
+def calculator_demo_with_defaults():
+    def calculator(num1, operation=None, num2=100):
+        if operation is None or operation == "add":
+            return num1 + num2
+        elif operation == "subtract":
+            return num1 - num2
+        elif operation == "multiply":
+            return num1 * num2
+        elif operation == "divide":
+            if num2 == 0:
+                raise gr.Error("Cannot divide by zero!")
+            return num1 / num2
+
+    demo = gr.Interface(
+        calculator,
+        [
+            gr.Number(value=10),
+            gr.Radio(["add", "subtract", "multiply", "divide"]),
+            gr.Number(),
+        ],
+        "number",
+        examples=[
+            [5, "add", 3],
+            [4, "divide", 2],
+            [-4, "multiply", 2.5],
+            [0, "subtract", 1.2],
+        ],
+        api_name="predict",
+    )
+    return demo
+
+
+@pytest.fixture
+def state_demo():
+    state = gr.State(delete_callback=lambda x: print("STATE DELETED"))
+    demo = gr.Interface(
+        lambda x, y: (x, y),
+        ["textbox", state],
+        ["textbox", state],
+        api_name="predict",
+    )
+    return demo
+
+
+@pytest.fixture
+def increment_demo():
+    with gr.Blocks() as demo:
+        btn1 = gr.Button("Increment")
+        btn2 = gr.Button("Increment")
+        btn3 = gr.Button("Increment")
+        numb = gr.Number()
+
+        state = gr.State(0)
+
+        btn1.click(
+            lambda x: (x + 1, x + 1),
+            state,
+            [state, numb],
+            api_name="increment_with_queue",
+        )
+        btn2.click(
+            lambda x: (x + 1, x + 1),
+            state,
+            [state, numb],
+            queue=False,
+            api_name="increment_without_queue",
+        )
+        btn3.click(
+            lambda x: (x + 1, x + 1),
+            state,
+            [state, numb],
+            api_visibility="private",
+        )
+
+    return demo
+
+
+@pytest.fixture
+def progress_demo():
+    def my_function(x, progress=gr.Progress()):
+        progress(0, desc="Starting...")
+        for _ in progress.tqdm(range(20)):
+            time.sleep(0.1)
+        return x
+
+    return gr.Interface(my_function, gr.Textbox(), gr.Textbox(), api_name="predict")
+
+
+@pytest.fixture
+def yield_demo():
+    def spell(x):
+        for i in range(len(x)):
+            time.sleep(0.5)
+            yield x[:i]
+
+    return gr.Interface(spell, "textbox", "textbox", api_name="predict")
+
+
+@pytest.fixture
+def cancel_from_client_demo():
+    def iteration():
+        for i in range(20):
+            print(f"i: {i}")
+            yield i
+            time.sleep(0.5)
+
+    def long_process():
+        time.sleep(10)
+        print("DONE!")
+        return 10
+
+    with gr.Blocks() as demo:
+        num = gr.Number()
+
+        btn = gr.Button(value="Iterate")
+        btn.click(iteration, None, num, api_name="iterate")
+        btn2 = gr.Button(value="Long Process")
+        btn2.click(long_process, None, num, api_name="long")
+
+    return demo
+
+
+@pytest.fixture
+def sentiment_classification_demo():
+    def classifier(text):  # noqa: ARG001
+        time.sleep(1)
+        return {label: random.random() for label in ["POSITIVE", "NEGATIVE", "NEUTRAL"]}
+
+    def sleep_for_test():
+        time.sleep(10)
+        return 2
+
+    with gr.Blocks() as demo:
+        with gr.Row():
+            with gr.Column():
+                input_text = gr.Textbox(label="Input Text")
+                with gr.Row():
+                    classify = gr.Button("Classify Sentiment")
+            with gr.Column():
+                label = gr.Label(label="Predicted Sentiment")
+            number = gr.Number()
+            btn = gr.Button("Sleep then print")
+        classify.click(classifier, input_text, label, api_name="classify")
+        btn.click(sleep_for_test, None, number, api_name="sleep")
+
+    return demo
+
+
+@pytest.fixture
+def count_generator_demo():
+    def count(n):
+        for i in range(int(n)):
+            time.sleep(0.5)
+            yield i
+
+    def show(n):
+        return str(list(range(int(n))))
+
+    with gr.Blocks() as demo:
+        with gr.Column():
+            num = gr.Number(value=10)
+            with gr.Row():
+                count_btn = gr.Button("Count")
+                list_btn = gr.Button("List")
+        with gr.Column():
+            out = gr.Textbox()
+
+        count_btn.click(count, num, out)
+        list_btn.click(show, num, out)
+
+    return demo
+
+
+@pytest.fixture
+def count_generator_no_api():
+    def count(n):
+        for i in range(int(n)):
+            time.sleep(0.5)
+            yield i
+
+    def show(n):
+        return str(list(range(int(n))))
+
+    with gr.Blocks() as demo:
+        with gr.Column():
+            num = gr.Number(value=10)
+            with gr.Row():
+                count_btn = gr.Button("Count")
+                list_btn = gr.Button("List")
+        with gr.Column():
+            out = gr.Textbox()
+
+        count_btn.click(count, num, out, api_visibility="private")
+        list_btn.click(show, num, out, api_visibility="private")
+
+    return demo
+
+
+@pytest.fixture
+def count_generator_demo_exception():
+    def count(n):
+        for i in range(int(n)):
+            time.sleep(0.01)
+            if i == 5:
+                raise ValueError("Oh no!")
+            yield i
+
+    def show(n):
+        return str(list(range(int(n))))
+
+    with gr.Blocks() as demo:
+        with gr.Column():
+            num = gr.Number(value=10)
+            with gr.Row():
+                count_btn = gr.Button("Count")
+        with gr.Column():
+            out = gr.Textbox()
+
+        count_btn.click(count, num, out, api_name="count")
+    return demo
+
+
+@pytest.fixture
+def file_io_demo():
+    demo = gr.Interface(
+        lambda _: print("foox"),
+        [gr.File(file_count="multiple"), "file"],
+        [gr.File(file_count="multiple"), "file"],
+        api_name="predict",
+    )
+
+    return demo
+
+
+@pytest.fixture
+def stateful_chatbot():
+    with gr.Blocks() as demo:
+        chatbot = gr.Chatbot()
+        msg = gr.Textbox()
+        clear = gr.Button("Clear")
+        st = gr.State([1, 2, 3])
+
+        def respond(message, st, chat_history):
+            assert st[0] == 1 and st[1] == 2 and st[2] == 3
+            bot_message = "I love you"
+            chat_history.append({"role": "user", "content": message})
+            chat_history.append({"role": "assistant", "content": bot_message})
+            return "", chat_history
+
+        msg.submit(respond, [msg, st, chatbot], [msg, chatbot], api_name="submit")
+        clear.click(lambda: None, None, chatbot, queue=False)
+    return demo
+
+
+@pytest.fixture
+def hello_world_with_group():
+    with gr.Blocks() as demo:
+        name = gr.Textbox(label="name")
+        output = gr.Textbox(label="greeting")
+        greet = gr.Button("Greet")
+        show_group = gr.Button("Show group")
+        with gr.Group(visible=False) as group:
+            gr.Textbox("Hello!")
+
+        def greeting(name):
+            return f"Hello {name}", gr.Group(visible=True)
+
+        greet.click(
+            greeting, inputs=[name], outputs=[output, group], api_name="greeting"
+        )
+        show_group.click(
+            lambda: gr.Group(visible=False), None, group, api_name="show_group"
+        )
+    return demo
+
+
+@pytest.fixture
+def hello_world_with_state_and_accordion():
+    with gr.Blocks() as demo:
+        with gr.Row():
+            name = gr.Textbox(label="name")
+            output = gr.Textbox(label="greeting")
+            num = gr.Number(label="count")
+        with gr.Row():
+            n_counts = gr.State(value=0)
+            greet = gr.Button("Greet")
+            open_acc = gr.Button("Open acc")
+            close_acc = gr.Button("Close acc")
+        with gr.Accordion(label="Extra stuff", open=False) as accordion:
+            gr.Textbox("Hello!")
+
+        def greeting(name, state):
+            """This is a greeting function."""
+            state += 1
+            return state, f"Hello {name}", state, gr.Accordion(open=False)
+
+        greet.click(
+            greeting,
+            inputs=[name, n_counts],
+            outputs=[n_counts, output, num, accordion],
+            api_name="greeting",
+        )
+        open_acc.click(
+            lambda state: (state + 1, state + 1, gr.Accordion(open=True)),
+            [n_counts],
+            [n_counts, num, accordion],
+            api_name="open",
+        )
+        close_acc.click(
+            lambda state: (state + 1, state + 1, gr.Accordion(open=False)),
+            [n_counts],
+            [n_counts, num, accordion],
+            api_name="close",
+        )
+    return demo
+
+
+@pytest.fixture
+def stream_audio():
+    import pathlib
+    import tempfile
+
+    def _stream_audio(audio_file):
+        audio = AudioSegment.from_mp3(audio_file)
+        i = 0
+        chunk_size = 3000
+
+        while chunk_size * i < len(audio):
+            chunk = audio[chunk_size * i : chunk_size * (i + 1)]
+            i += 1
+            if chunk:
+                file = str(pathlib.Path(tempfile.gettempdir()) / f"{i}.wav")
+                chunk.export(file, format="wav")
+                yield file
+
+    return gr.Interface(
+        fn=_stream_audio,
+        inputs=gr.Audio(type="filepath", label="Audio file to stream"),
+        outputs=gr.Audio(autoplay=True, streaming=True),
+        api_name="predict",
+    )
+
+
+@pytest.fixture
+def video_component():
+    return gr.Interface(
+        fn=lambda x: x, inputs=gr.Video(), outputs=gr.Video(), api_name="predict"
+    )
+
+
+@pytest.fixture
+def all_components():
+    classes_to_check = gr.components.Component.__subclasses__()
+    subclasses = []
+
+    while classes_to_check:
+        subclass = classes_to_check.pop()
+        children = subclass.__subclasses__()
+
+        if children:
+            classes_to_check.extend(children)
+        if (
+            "value" in inspect.signature(subclass).parameters
+            and subclass != gr.components.Component
+            and not getattr(subclass, "is_template", False)
+        ):
+            subclasses.append(subclass)
+
+    return subclasses
+
+
+@pytest.fixture(autouse=True)
+def gradio_temp_dir(monkeypatch, tmp_path):
+    """tmp_path is unique to each test function.
+    It will be cleared automatically according to pytest docs: https://docs.pytest.org/en/6.2.x/reference.html#tmp-path
+    """
+    monkeypatch.setenv("GRADIO_TEMP_DIR", str(tmp_path))
+    return tmp_path
+
+
+@pytest.fixture
+def long_response_with_info():
+    def long_response(_):
+        gr.Info("Beginning long response")
+        time.sleep(17)
+        gr.Info("Done!")
+        return "\ta\nb" * 90000
+
+    return gr.Interface(
+        long_response, None, gr.Textbox(label="Output"), api_name="predict"
+    )
+
+
+@pytest.fixture
+def many_endpoint_demo():
+    with gr.Blocks() as demo:
+
+        def noop(x):
+            return x
+
+        n_elements = 1000
+        for _ in range(n_elements):
+            msg2 = gr.Textbox()
+            msg2.submit(noop, msg2, msg2)
+            butn2 = gr.Button()
+            butn2.click(noop, msg2, msg2)
+
+    return demo
+
+
+@pytest.fixture
+def max_file_size_demo():
+    with gr.Blocks() as demo:
+        file_1b = gr.File()
+        upload_status = gr.Textbox()
+
+        file_1b.upload(
+            lambda x: "Upload successful", file_1b, upload_status, api_name="upload_1b"
+        )
+
+    return demo
+
+
+@pytest.fixture
+def chatbot_message_format():
+    with gr.Blocks() as demo:
+        chatbot = gr.Chatbot()
+        msg = gr.Textbox()
+
+        def respond(message, chat_history: list):
+            bot_message = random.choice(
+                ["How are you?", "I love you", "I'm very hungry"]
+            )
+            chat_history.extend(
+                [
+                    {"role": "user", "content": message},
+                    {"role": "assistant", "content": bot_message},
+                ]
+            )
+            return "", chat_history
+
+        msg.submit(respond, [msg, chatbot], [msg, chatbot], api_name="chat")
+
+    return demo
+
+
+@pytest.fixture
+def media_data():
+    import sys
+    from pathlib import Path
+
+    sys.path.append(Path(".").resolve().as_posix())
+    from client.python.test import media_data
+
+    return media_data
diff --git a/client/python/test/files/alphabet.txt b/client/python/test/files/alphabet.txt
new file mode 100644
index 0000000..e85d5b4
--- /dev/null
+++ b/client/python/test/files/alphabet.txt
@@ -0,0 +1 @@
+abcdefghijklmnopqrstuvwxyz
\ No newline at end of file
diff --git a/client/python/test/media_data.py b/client/python/test/media_data.py
new file mode 100644
index 0000000..693f6c0
--- /dev/null
+++ b/client/python/test/media_data.py
@@ -0,0 +1,8668 @@
+from typing import cast
+
+try:
+    from gradio.media import get_audio, get_video
+except Exception:
+
+    def get_video(filename: str | None):
+        return cast(str, filename)
+
+    def get_audio(filename: str | None):
+        return cast(str, filename)
+
+
+BASE64_IMAGE = (  # test/test_files/bus.png
+    "data:image/png;base64,"
+    "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"
+)
+BASE64_AUDIO = {
+    "path": get_audio("audio_sample.wav"),
+    "data": "data:audio/wav;base64,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gwobAWwAoQTr+LgFs/1Q7/sCcPj0AJ72QQC9/Qr4NgOE+NYFt/hRABEDm/xzAH/9DQLyAyT/PwQVAiP/wwUdAtb/DAFnATn/owdP/1UJe/pSDFEGUPt/Ezz4GAVj/BX7nP+P9W0CB/ti8ogAp/OF/yr3e/hJ/5z4egiV/uQEswHyAaEEmPpMCMEDwQKBAlL/Ygc78fwCQwVN9sr+KAXbAMgEyPwOAuQB5fnZDOv3mQrbCSP7yAlg94MHpvVc+LIIr/izAcb+pgKMAY75vfz3/Lf30foJ/bj5k/vBBcvytARRBOcE4AMVAFoJzfnMAVYADwC7ABsDtgRCCB4CgwtoAmn/cAX+/0AAMgWiAdP9JQIF+oEDHPYZAaD6x/VCAWvwUQG88hcAIgFp+8oC5v63BKD9pgKI/a8ErvxHBx4DgwGnBF4EN/w3BQH8ff86ASj8qQdr9JgLz/mwCI74EgOvAtn+cwaw/o4GK/1eAZEJ8/diAAYDjfX4CInqdBIE87YBjwFu9A0H2/Y1/3b3M/nF+SgAH/nQCt787Qa3/68E7wQG/sQA8gSv/dYBsgsQ+ogLtABkBxwDSAcLBXADVP4LBDcA6vPZBQr1NwLV+zn8IwKt9Kz88PzO7QsHa/wz/r0HqPi/Cn35yASb/7MBuv0cDPsCYQMiAD75GwVk830GfflZ/3MI3wFH+MkH0/xpBT37ZQadBgv8DAlO+7gDCPyTBrr3awvc+AMDDP+n+gcF0/fj/Mn7cwFM//787fTeA0/z3wLn9HX/uQSb/dwDcf1QAMsEDAKL/oAJO/vBB9cFuf5D/1EDZAEBBs7+qQof/hgNAwO4/dcDm/zUBw/4Gv+m9nX9wvbl9RT22//D/HwCPfnF/7/7oQJXA6D5ywdRAUIHMgA+Ayf9FwQBBi39M/6YAxX97ACJ/Zb73QAsAaMF2v/8AnADgwMpAj//SvyNB2UBl/tMBGT8ggVD+4MHQPzC/2gDCv1p+ov9Zv9x85cF/PJt+p4BCP1n/eb8x/ypCiXzgAqT/xX7jAhq+tYFN/tACMAA3QL8BDAK+P6LBuIE6ATBBL8DegTMBOT6WQbx/ED1UQS07z3/cvdE/Ib76fppAfj4jfdMSVNUYgAAAElORk9JTkFNEAAAAEltcGFjdCBNb2RlcmF0bwBJUFJEFgAAAFlvdVR1YmUgQXVkaW8gTGlicmFyeQBJQVJUDgAAAEtldmluIE1hY0xlb2QASUdOUgoAAABDaW5lbWF0aWMAaWQzIHAAAABJRDMDAAAAAABmVElUMgAAABAAAABJbXBhY3QgTW9kZXJhdG9UQUxCAAAAFgAAAFlvdVR1YmUgQXVkaW8gTGlicmFyeVRQRTEAAAAOAAAAS2V2aW4gTWFjTGVvZFRDT04AAAAKAAAAQ2luZW1hdGlj",
+}
+
+BASE64_AUDIO_DUPLICATE = {
+    "path": get_audio("audio_sample.wav"),
+    "data": "data:audio/wav;base64,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gwobAWwAoQTr+LgFs/1Q7/sCcPj0AJ72QQC9/Qr4NgOE+NYFt/hRABEDm/xzAH/9DQLyAyT/PwQVAiP/wwUdAtb/DAFnATn/owdP/1UJe/pSDFEGUPt/Ezz4GAVj/BX7nP+P9W0CB/ti8ogAp/OF/yr3e/hJ/5z4egiV/uQEswHyAaEEmPpMCMEDwQKBAlL/Ygc78fwCQwVN9sr+KAXbAMgEyPwOAuQB5fnZDOv3mQrbCSP7yAlg94MHpvVc+LIIr/izAcb+pgKMAY75vfz3/Lf30foJ/bj5k/vBBcvytARRBOcE4AMVAFoJzfnMAVYADwC7ABsDtgRCCB4CgwtoAmn/cAX+/0AAMgWiAdP9JQIF+oEDHPYZAaD6x/VCAWvwUQG88hcAIgFp+8oC5v63BKD9pgKI/a8ErvxHBx4DgwGnBF4EN/w3BQH8ff86ASj8qQdr9JgLz/mwCI74EgOvAtn+cwaw/o4GK/1eAZEJ8/diAAYDjfX4CInqdBIE87YBjwFu9A0H2/Y1/3b3M/nF+SgAH/nQCt787Qa3/68E7wQG/sQA8gSv/dYBsgsQ+ogLtABkBxwDSAcLBXADVP4LBDcA6vPZBQr1NwLV+zn8IwKt9Kz88PzO7QsHa/wz/r0HqPi/Cn35yASb/7MBuv0cDPsCYQMiAD75GwVk830GfflZ/3MI3wFH+MkH0/xpBT37ZQadBgv8DAlO+7gDCPyTBrr3awvc+AMDDP+n+gcF0/fj/Mn7cwFM//787fTeA0/z3wLn9HX/uQSb/dwDcf1QAMsEDAKL/oAJO/vBB9cFuf5D/1EDZAEBBs7+qQof/hgNAwO4/dcDm/zUBw/4Gv+m9nX9wvbl9RT22//D/HwCPfnF/7/7oQJXA6D5ywdRAUIHMgA+Ayf9FwQBBi39M/6YAxX97ACJ/Zb73QAsAaMF2v/8AnADgwMpAj//SvyNB2UBl/tMBGT8ggVD+4MHQPzC/2gDCv1p+ov9Zv9x85cF/PJt+p4BCP1n/eb8x/ypCiXzgAqT/xX7jAhq+tYFN/tACMAA3QL8BDAK+P6LBuIE6ATBBL8DegTMBOT6WQbx/ED1UQS07z3/cvdE/Ib76fppAfj4jfdMSVNUYgAAAElORk9JTkFNEAAAAEltcGFjdCBNb2RlcmF0bwBJUFJEFgAAAFlvdVR1YmUgQXVkaW8gTGlicmFyeQBJQVJUDgAAAEtldmluIE1hY0xlb2QASUdOUgoAAABDaW5lbWF0aWMAaWQzIHAAAABJRDMDAAAAAABmVElUMgAAABAAAABJbXBhY3QgTW9kZXJhdG9UQUxCAAAAFgAAAFlvdVR1YmUgQXVkaW8gTGlicmFyeVRQRTEAAAAOAAAAS2V2aW4gTWFjTGVvZFRDT04AAAAKAAAAQ2luZW1hdGlj",
+}
+BASE64_VIDEO = {
+    "is_file": True,
+    "path": get_video("b.mp4"),
+    "data": "data:video/mp4;base64,AAAAHGZ0eXBtcDQyAAAAAWlzb21tcDQxbXA0MgAAAAFtZGF0AAAAAAAD8BohEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8AAAC4gYF///e3EXpvebZSLeWLNgg2SPu73gyNjQgLSBjb3JlIDE0NiByMTFNIDEyMTM5NmMgLSBILjI2NC9NUEVHLTQgQVZDIGNvZGVjIC0gQ29weWxlZnQgMjAwMy0yMDE1IC0gaHR0cDovL3d3dy52aWRlb2xhbi5vcmcveDI2NC5odG1sIC0gb3B0aW9uczogY2FiYWM9MCByZWY9MyBkZWJsb2NrPTE6MDowIGFuYWx5c2U9MHgxOjB4MTExIG1lPWhleCBzdWJtZT03IHBzeT0xIHBzeV9yZD0xLjAwOjAuMDAgbWl4ZWRfcmVmPTEgbWVfcmFuZ2U9MTYgY2hyb21hX21lPTEgdHJlbGxpcz0xIDh4OGRjdD0wIGNxbT0wIGRlYWR6b25lPTIxLDExIGZhc3RfcHNraXA9MSBjaHJvbWFfcXBfb2Zmc2V0PS0yIHRocmVhZHM9NDggbG9va2FoZWFkX3RocmVhZHM9MiBzbGljZWRfdGhyZWFkcz0wIG5yPTAgZGVjaW1hdGU9MSBpbnRlcmxhY2VkPTAgYmx1cmF5X2NvbXBhdD0wIHN0aXRjaGFibGU9MSBjb25zdHJhaW5lZF9pbnRyYT0wIGJmcmFtZXM9MCB3ZWlnaHRwPTAga2V5aW50PWluZmluaXRlIGtleWludF9taW49MzAgc2NlbmVjdXQ9NDAgaW50cmFfcmVmcmVzaD0wIHJjX2xvb2thaGVhZD00MCByYz0ycGFzcyBtYnRyZWU9MSBiaXRyYXRlPTMwMCByYXRldG9sPTEuMCBxY29tcD0wLjYwIHFwbWluPTUgcXBtYXg9NjkgcXBzdGVwPTQgY3BseGJsdXI9MjAuMCBxYmx1cj0wLjUgdmJ2X21heHJhdGU9MzMwIHZi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PcnL10/Cvr6+kSq/FeyoRHS4/u8MZclfrWoI+7zQyT+v/Vf30X/SJ9WLDgsz4EeAIRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0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WTvfBNyaQO5hYw6x0WPO5hLvd7+T3wrkgo7vbLO61+CLe8XW7363d/666KmR39iUCK7u/ZPTT+pgQ3dp5fIzjGfcLrr6ybr19fS+b6cN+SrX+HvjYCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8AAACikGbz0pAK+CvzDs1pfN40Wnza3vfNx9xq+Xbthj0RKpf/sXLJmSb3FH6nRNn/wqWcCpsRFPp7v8v3vbLCBnw3EZ3Dt0eatetoFrbUvD8tD7cJHqfpy5yz3P6k2vxdN9ByxeX/6fhpfF8s/mMliFPFDOE3xWhePCdl/u3GRlewuE2LpvQJElJqtwf2n3eT3Utz6D2+4KvRuC/7vhzV3jHf4jaH97B3Dy6buEi3Ve8od+EtBFQQzLnE+qxMEk4KvPayfy96tAolg/d3On5CnFQy9/vy5CfmCXDtya2i9deX/dr6mX8KPfG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WlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpa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ClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpa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4hx2Hyks/Td+yUnQff4T56bv6cKF838hnvvlk7E9dSmE8nS/21k9NGufPSiu73ffXC2SMhCpnK/Oa7O0ab5h5HGJXpXy+XPJ3Xspdmrk9pRMi/X5io5ojcRWZiIi7uXHb39Qtk/oh0rJVIksVyFW019z4/Xw98XAIRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpa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4kAna7SgYQIeh8uUdvH6PYUf4yN1fjd32rR/fL8E5N07rb1QtF5eXLr67GwREl+UGvSe69if0JK++rVeZip/uHbJf5MLLbwmIu7yZ3q+tpKnrQIT7uRPMyFS3tVckVu7gSIhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gYhS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeBiFLS0tLS0tLS0tLS0tLS0tLwhEUUAFFABRv/xClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWl3gghS0tLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4GIUtLS0tLS0tLS0tLS0tLS0vCERRQAUUAFG//EKWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaXeCCFLS0tLS0tLS0tLS0tLS0tLS8IRFFABRQAUb/8QpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpd4IIUtLS0tLS0tLS0tLS0tLS0tLwAADdCZYiCAV8mKAAOKMnJycnJycnJycnJycnJycnJycnJycnJycnJycnJ11111111111///wXeAAmFEcIGm63wChQOU1oQEeEj84Ba2lPP/u7vw6IgATyCOF2cOKFpqPMANIgQwqMkPMjTYR88zMDUXZnDIT/2wMBVFRFyQ8o8AmLIC7aUBdUP35c9jxADMgEdpYBJkHUp2iKlZXx94+K8ARMxEOpH4OpLDpP8aQdXIO5Ma+G8bVvsdADZ7iv8LXiuvHTinnkOOSBqz8zMW1xGr/eFB8gIenZ4C5x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AAAGAAAAIQAAAAEAAAAHAAAADgAAAAEAAAAIAAAAIQAAAAEAAAAJAAAADgAAAAEAAAAKAAAAAQAAAAEAAAPEc3RzegAAAAAAAAAAAAAA7AAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAABKwAAASsAAAEqAAAAOHN0Y28AAAAAAAAACgAAACwAADXXAABrgQAAwYwAARKNAAFhWwABztsAAiToAAKY1gADEjk=",
+}
+BASE64_FILE = {
+    "path": "test/test_files/sample_file.pdf",
+    "data": "data:@file/pdf;base64,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",
+}
+BINARY_IMAGE = (
+    b'GIF89a=\x00D\x00\xf7\xa8\x00\x9a,3\xff\xc0\xc0\xef\xc0\xc0uXg\xfc\xf9\xf7\x993\x00\xff\xec\xec\xff\xa0\xa0\xe5\xcc\xbf\xcf\x9f\x87\x0f\xef\xef\x7f\x7f\x7f\xef\x0f\x0f\xdf\x1f\x1f\xff&&_\x9f\x9f\xffYY\xbf??5\xa5\xc2\xff\xff\xff\xac\x16\x19\xb2&\x00\xf8\x13\x10\xc2& \xdf`PP\x84\x9b\xf8\x03\x00\xb5\x0b\x0c\xdf\x0f\x00>\x9a\xb5\x87BM\x7f`P\xd2\xa5\x8f\xcc\x19\x00\xa5,\x00\xec\xd9\xcf\xe5\x0c\x00\xeb\t\x00\xff\xd9\xd9\xc7\x0c\x0c\x0f\x0f\x0f\xffyy~MZ\xfb\t\x08\xe5M@\xfb__\xff33\xcf\x90x\xf2\xe5\xdf\xc3\x06\x06\xbf\t\x08\xff\xb3\xb3\xd9\xb2\x9f\xff\x06\x06\xac)\x00\xff\xc6\xc6\x0c\t\x08\xf9\xf2\xef\xc9s`\xb8#\x00\x9f/\x00\xff__\xff\x8c\x8c\xc5\x1c\x00\xdf33\xffpp\xcf\x19\x19\xc0\x13\x10\xbf\x90x\xf7YY\xff\xf6\xf6\xe7??\xd7&&\xefLL2& \xdf\xbf\xaf\xbf\xbf\xbf???\xc5M@cn\x81_\x00\x00___\xcb00\xd8\x13\x00YC8\x80\x80\x80\xf3RRsVH\xc490\x10\x10\x10\x917@\xf2\x06\x00\xcf@@\xca\x86pooo\xa3!&\xc1\x1d\x18\xcf//\x1f\x1f\x1f\xdf\x00\x00\xd2\x16\x00\xcb\x90x\xbf\x1f\x00\x19\x13\x10\xf3\xd0\xd0\xe399&\x1d\x18Yy\x8e\x8f\x8f\x8f\xff\xa9\xa9\xcb\x13\x13\xbf00SF@\xb6& >\x1d\x18\xfb\xdd\xdd@@@\x99\x93\x90\xff\xbc\xbc\x7fPP\xaf\xaf\xaf\xc6VHzsp\x93& \xb7pp\xb3\x86ptPP|pp\xafOO\xd0\xd0\xd0\xef\xef\xefL90\xbc\xa9\xa0o0(\xeb\xb0\xb0\xff\xe0\xe0\xff\xd0\xd0\x870(K0(\xc9|h\x9f__lct\xebFF\xcf\xcf\xcf\xe0\xe0\xe0b& \xff  },(@0(\xa9\x93\x88\xa6|h\x1f\xdf\xdf\xd5\xac\x97\xe2\xc5\xb7\xc7`POOO\x9cyhppp\xff\x80\x80\xff\x96\x96\xd7``\xcc\x99\x7f,\xb0\xcf\xbf\x00\x00\x00\x00\x00\x00\xff\xff\xff\x00\x00\xffff\xff\xff\xff\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00\x00!\xf9\x04\x01\x00\x00\xa8\x00,\x00\x00\x00\x00=\x00D\x00\x00\x08\xff\x00Q\t\x1cH\xb0\xa0\xc1\x83\x08\x13*\\\xc8\xb0\xa1\xc0\x1b\x07\x0c8\x9cHq\xa1\x89\x14\xa72F\xac\xc8\xb1\xa2\t\x1f\x19Cj\x94\xd8\xb1$B\x03\x07D\xaa\x1ci\xb2%*#3V\xcad\xe9\xb2\xa2\x9d 3s\x9e\xdaX\x93!"\x8c:\x83\xf2\xeci\xf0c\xd0\xa3!\x87\x12E\x89\xb4iR\x92.a:\x9d\xfa\xb4\xe5\x0c\x9cT\xb3\xee\x84:\xf1\x06P\xad`\x95*4\n\xb6l\xd5\x84\x06>\x99]\x1b\xb2\xc5\x9c\x83F\xda\xb0\x9d{\xe4\x84\x00\x83W\xe7\xaeM\xe2f\xd4\xa8\xbb\x03\xbd\xea5kE\x88_\xbf\x80\x0fy\x1a\\\xb6\x08\x92\xc3\x87\x01\x070\xe5\x00\x02\xe3\xa9-\x80\xc4\x80\x1cY\xe0dS\x94-_\x0ezd3\xe7\xce\xa8>\x83\x0e=Zf\x92\x13\xa7Gm\x18 \xe1\xaf\xe7\xd5\xb8+\xb7\xceX8\xf6(\xda\xa2D\xd9N\x8d\xbb\xb8n\xc6\x8e}\x8f\xfa\x12<\xf8\xf0\xcf\x11\x1a\x14\x07}|mf\xdf\x00\x9elP\xd1\\\xb8dSaJ\x95\xffz }zu\xadiLs\xa6\xb0&8\x80\x01\xdd\x9f\x9b\x8a ^<\xf9\xe9\xac\xa9:\x82\x1d{\x83\x84\xe6\xef\xc5\xf7\x1d}\xf5\xd9W\x9eq\xa2\x1d\x95\x84a\xb1\xa9\xb0\x01\x00\xdd\x05\xd8\x9c|\x04\x16X\x8a\x02\x0b0\x80\x9f\x0b=\xe8\x94\\l\x1et \n\x00\x10\x02\x08\xdf\x84\x03ZX \x86\x1a\x16W\x03\x87+]\xe7[\x06\x00\x96\xe8\xde\x89\xce\xa5\xa8\xe2\x8a\x19N\xf7b\x87\x19\xa5\x17\x1b\x05\xa3P\x10\xa1\x8d#\xe2X\x9b\x8e;\xf2\xd8"n/\xd6\xd5\xdf\x13\xa2x\x80$\x89\x11\x9e\xd8\x81\x16\x146\xb9#\x8b\xd3\xf9\xe6\xc1\x7f\xa2\x0cp\xe5\x99\x12\xa8\x80\xdad\x15zi!\x98\xab\xf9Ff\x99gvG$g\xdf1\xa0\x80\x9bM\xc2\t\x19\x00\x19p\xd9\x9d\x99G6\xd7Hl\xdf\x99\xc2\xc8\x9e|~\t\x88)~Q@c\x99\xa3\x0cZg\x06\x00\xf8\x96\xa8)\x0c,\xc0h\xa3\x05^\x02\xe9(\x93Rji\x84\xcb)\'\x1fn\x9d~\nj)\xa3\x0e\xffZis\x84\x06\xd7\x81\xaak\xae\xc6\x01\x07\xa0\xb5\xfa*\xac~\xc9z\xaa\x04\x03l\x80+b\xb7\x81V@\x01$\xac\xd6\xe9\xab\xb1\xd2:kpj\x0ep\xe7\xb1\xab\x9aRA\x01!\x14\xd7\xc0\x03\x8dF\x1b\xdc\x00\xd3\x8ar-\xb6\xc8\x12\x07Z\t\x15\xf0:\xdd\xb7n\x8ak\xaa(\x1ddz\xac\x14\x86\x80\x92+~\xf8\xc1\xbb\xa3\xbc\xe4\xae\xe1\x01\xbaR\xfcAG\'\\\xa4\xab\x1a\xbf\xef\x82k\xa1\xbc\x03\xa3\xeb\xd7\x1d\xa4T\xcc\x87\xc2\xc5qP\x02\xc3\xab\xf9+\x9e\xb8OH\xec\xd7\x1bYTL\x8a\x1f~\xa1\x91\xecj"\xd8\xc01n\xfe\x8e\xdaA\x06\xe7\xa2;\t)Q\xb0AJ\x15\\\xa8\xbc2h!\x14\xe0\xee\xcb\xa05\x10\xc6\xa8"s&\x07\n\x13L\xb0sA\x0b\x9b\xa2\x81\x08"h\xf02\x0f\x15\xe0\x964g2\xa8\xd1D\xd3\xa4\xe8\x01\xf5t\x1c\x14`\xc6\xcb\xcbN\x11\xe7\xd6\x87]@\xca\xd7\x8f\x90\xf2\x01\x08#\x10t\x80$\xc5\x99\xc1-\xc7?\x14\xff@\xc6\xdal\x8f\xe2\x04)b0\xb1\t)}\x84\x12J&\x04\x05\x02\xc5\x18\xb8\xd9P\xc0\x0f\x1c\x93`5h\x81_\xb0H(j\x98\xacD( \xc0`P\xc5\x8f\x83\xa6\xc1\xb6;l1\x9d\x06\x1bk\x9d4\x18:(\x1e\n\x15&sR\xb7A9\xc0Q\xf1 \x18X\x00Z\xdf<\x84\xa0:h$H^\x1cgC\\\xa0\xdc\x10\x9a\xc8\xae8\x11gdQ\x07\x01\x07!\x10\n\x11W| {\xef\xa6\x90\xb0m\x01"T B\x01<\xa8\xed\xba_X|pE\x1e\xa7\xc9\xe0D\x19\xce\xcb\xbe\x04\xf5\x08\x11\x80@\x02\xf1+\xce}\t!\xecP\xc1\x0ed\xb8\xdc\xf9\x86\xa0\x88\x8aQA\x06\x90\xc1\x02\xfc\xf2G\x83\x1c4\xc4~\xf8\xcb\x1f\xf7^v\x98D\x98\x0c\x07\xca\x1b\xc5\x05\xba\x90\xbfP`Bt\x14\x81`\x07\'\xc8/\xbf\xc8@\toC\x01)\x9c\x00\xbb\x0e\xd2\xcd$"\x94\xa0\xef\xf0\xe3\x978\xe0l\x02^ \x05\x07\xf3\x97\x00\x04\xd0\xaf%1t\xde\x0b|X\xb0\x820\x8db\x0f\xa4`\xc2\x04\x16@\x8a\x0e\xce\x8f(\x02\t\xa2\xec\x86X\xc4\xb5\x15"\x898\xc4A\xfc\x1a\x08\xc5\x82HQqT\xc4\xdc("A\n<\x08\x02\x05\x94\x90\x1d\r@\xd8E\x83|1\x14T\xbc\x80\x0e>@\n\x14\x88An\xa0\xbb]\x1b\x13\xf2F\xd9Y\xc2dg\xe8\xe1\x1e\x1d\xd2\xc7P\xa0\x10\x07\x84\xf8\xe1 \x1fx\xbf\xfc\x11\xa1\x12\x90XdG\x82\xb8FI\x02q\t/\xb4\xa4&[\x12\x10\x00;',
+    "png",
+)
+ARRAY_TO_BASE64_IMAGE = (
+    "data:image/png;base64,"
+    "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"
+)
+BASE64_MODEL3D = {
+    "path": "Box.gltf",
+    "data": "data:;base64,ewogICAgImFzc2V0IjogewogICAgICAgICJnZW5lcmF0b3IiOiAiQ09MTEFEQTJHTFRGIiwKICAgICAgICAidmVyc2lvbiI6ICIyLjAiCiAgICB9LAogICAgInNjZW5lIjogMCwKICAgICJzY2VuZXMiOiBbCiAgICAgICAgewogICAgICAgICAgICAibm9kZXMiOiBbCiAgICAgICAgICAgICAgICAwCiAgICAgICAgICAgIF0KICAgICAgICB9CiAgICBdLAogICAgIm5vZGVzIjogWwogICAgICAgIHsKICAgICAgICAgICAgImNoaWxkcmVuIjogWwogICAgICAgICAgICAgICAgMQogICAgICAgICAgICBdLAogICAgICAgICAgICAibWF0cml4IjogWwogICAgICAgICAgICAgICAgMS4wLAogICAgICAgICAgICAgICAgMC4wLAogICAgICAgICAgICAgICAgMC4wLAogICAgICAgICAgICAgICAgMC4wLAogICAgICAgICAgICAgICAgMC4wLAogICAgICAgICAgICAgICAgMC4wLAogICAgICAgICAgICAgICAgLTEuMCwKICAgICAgICAgICAgICAgIDAuMCwKICAgICAgICAgICAgICAgIDAuMCwKICAgICAgICAgICAgICAgIDEuMCwKICAgICAgICAgICAgICAgIDAuMCwKICAgICAgICAgICAgICAgIDAuMCwKICAgICAgICAgICAgICAgIDAuMCwKICAgICAgICAgICAgICAgIDAuMCwKICAgICAgICAgICAgICAgIDAuMCwKICAgICAgICAgICAgICAgIDEuMAogICAgICAgICAgICBdCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICAgICJtZXNoIjogMAogICAgICAgIH0KICAgIF0sCiAgICAibWVzaGVzIjogWwogICAgICAgIHsKICAgICAgICAgICAgInByaW1pdGl2ZXMiOiBbCiAgICAgICAgICAgICAgICB7CiAgICAgICAgICAgICAgICAgICAgImF0dHJpYnV0ZXMiOiB7CiAgICAgICAgICAgICAgICAgICAgICAgICJOT1JNQUwiOiAxLAogICAgICAgICAgICAgICAgICAgICAgICAiUE9TSVRJT04iOiAyCiAgICAgICAgICAgICAgICAgICAgfSwKICAgICAgICAgICAgICAgICAgICAiaW5kaWNlcyI6IDAsCiAgICAgICAgICAgICAgICAgICAgIm1vZGUiOiA0LAogICAgICAgICAgICAgICAgICAgICJtYXRlcmlhbCI6IDAKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgXSwKICAgICAgICAgICAgIm5hbWUiOiAiTWVzaCIKICAgICAgICB9CiAgICBdLAogICAgImFjY2Vzc29ycyI6IFsKICAgICAgICB7CiAgICAgICAgICAgICJidWZmZXJWaWV3IjogMCwKICAgICAgICAgICAgImJ5dGVPZmZzZXQiOiAwLAogICAgICAgICAgICAiY29tcG9uZW50VHlwZSI6IDUxMjMsCiAgICAgICAgICAgICJjb3VudCI6IDM2LAogICAgICAgICAgICAibWF4IjogWwogICAgICAgICAgICAgICAgMjMKICAgICAgICAgICAgXSwKICAgICAgICAgICAgIm1pbiI6IFsKICAgICAgICAgICAgICAgIDAKICAgICAgICAgICAgXSwKICAgICAgICAgICAgInR5cGUiOiAiU0NBTEFSIgogICAgICAgIH0sCiAgICAgICAgewogICAgICAgICAgICAiYnVmZmVyVmlldyI6IDEsCiAgICAgICAgICAgICJieXRlT2Zmc2V0IjogMCwKICAgICAgICAgICAgImNvbXBvbmVudFR5cGUiOiA1MTI2LAogICAgICAgICAgICAiY291bnQiOiAyNCwKICAgICAgICAgICAgIm1heCI6IFsKICAgICAgICAgICAgICAgIDEuMCwKICAgICAgICAgICAgICAgIDEuMCwKICAgICAgICAgICAgICAgIDEuMAogICAgICAgICAgICBdLAogICAgICAgICAgICAibWluIjogWwogICAgICAgICAgICAgICAgLTEuMCwKICAgICAgICAgICAgICAgIC0xLjAsCiAgICAgICAgICAgICAgICAtMS4wCiAgICAgICAgICAgIF0sCiAgICAgICAgICAgICJ0eXBlIjogIlZFQzMiCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICAgICJidWZmZXJWaWV3IjogMSwKICAgICAgICAgICAgImJ5dGVPZmZzZXQiOiAyODgsCiAgICAgICAgICAgICJjb21wb25lbnRUeXBlIjogNTEyNiwKICAgICAgICAgICAgImNvdW50IjogMjQsCiAgICAgICAgICAgICJtYXgiOiBbCiAgICAgICAgICAgICAgICAwLjUsCiAgICAgICAgICAgICAgICAwLjUsCiAgICAgICAgICAgICAgICAwLjUKICAgICAgICAgICAgXSwKICAgICAgICAgICAgIm1pbiI6IFsKICAgICAgICAgICAgICAgIC0wLjUsCiAgICAgICAgICAgICAgICAtMC41LAogICAgICAgICAgICAgICAgLTAuNQogICAgICAgICAgICBdLAogICAgICAgICAgICAidHlwZSI6ICJWRUMzIgogICAgICAgIH0KICAgIF0sCiAgICAibWF0ZXJpYWxzIjogWwogICAgICAgIHsKICAgICAgICAgICAgInBick1ldGFsbGljUm91Z2huZXNzIjogewogICAgICAgICAgICAgICAgImJhc2VDb2xvckZhY3RvciI6IFsKICAgICAgICAgICAgICAgICAgICAwLjgwMDAwMDAxMTkyMDkyOSwKICAgICAgICAgICAgICAgICAgICAwLjAsCiAgICAgICAgICAgICAgICAgICAgMC4wLAogICAgICAgICAgICAgICAgICAgIDEuMAogICAgICAgICAgICAgICAgXSwKICAgICAgICAgICAgICAgICJtZXRhbGxpY0ZhY3RvciI6IDAuMAogICAgICAgICAgICB9LAogICAgICAgICAgICAibmFtZSI6ICJSZWQiCiAgICAgICAgfQogICAgXSwKICAgICJidWZmZXJWaWV3cyI6IFsKICAgICAgICB7CiAgICAgICAgICAgICJidWZmZXIiOiAwLAogICAgICAgICAgICAiYnl0ZU9mZnNldCI6IDU3NiwKICAgICAgICAgICAgImJ5dGVMZW5ndGgiOiA3MiwKICAgICAgICAgICAgInRhcmdldCI6IDM0OTYzCiAgICAgICAgfSwKICAgICAgICB7CiAgICAgICAgICAgICJidWZmZXIiOiAwLAogICAgICAgICAgICAiYnl0ZU9mZnNldCI6IDAsCiAgICAgICAgICAgICJieXRlTGVuZ3RoIjogNTc2LAogICAgICAgICAgICAiYnl0ZVN0cmlkZSI6IDEyLAogICAgICAgICAgICAidGFyZ2V0IjogMzQ5NjIKICAgICAgICB9CiAgICBdLAogICAgImJ1ZmZlcnMiOiBbCiAgICAgICAgewogICAgICAgICAgICAiYnl0ZUxlbmd0aCI6IDY0OCwKICAgICAgICAgICAgInVyaSI6ICJkYXRhOmFwcGxpY2F0aW9uL29jdGV0LXN0cmVhbTtiYXNlNjQsQUFBQUFBQUFBQUFBQUlBL0FBQUFBQUFBQUFBQUFJQS9BQUFBQUFBQUFBQUFBSUEvQUFBQUFBQUFBQUFBQUlBL0FBQUFBQUFBZ0w4QUFBQUFBQUFBQUFBQWdMOEFBQUFBQUFBQUFBQUFnTDhBQUFBQUFBQUFBQUFBZ0w4QUFBQUFBQUNBUHdBQUFBQUFBQUFBQUFDQVB3QUFBQUFBQUFBQUFBQ0FQd0FBQUFBQUFBQUFBQUNBUHdBQUFBQUFBQUFBQUFBQUFBQUFnRDhBQUFBQUFBQUFBQUFBZ0Q4QUFBQUFBQUFBQUFBQWdEOEFBQUFBQUFBQUFBQUFnRDhBQUFBQUFBQ0F2d0FBQUFBQUFBQUFBQUNBdndBQUFBQUFBQUFBQUFDQXZ3QUFBQUFBQUFBQUFBQ0F2d0FBQUFBQUFBQUFBQUFBQUFBQUFBQUFBSUMvQUFBQUFBQUFBQUFBQUlDL0FBQUFBQUFBQUFBQUFJQy9BQUFBQUFBQUFBQUFBSUMvQUFBQXZ3QUFBTDhBQUFBL0FBQUFQd0FBQUw4QUFBQS9BQUFBdndBQUFEOEFBQUEvQUFBQVB3QUFBRDhBQUFBL0FBQUFQd0FBQUw4QUFBQS9BQUFBdndBQUFMOEFBQUEvQUFBQVB3QUFBTDhBQUFDL0FBQUF2d0FBQUw4QUFBQy9BQUFBUHdBQUFEOEFBQUEvQUFBQVB3QUFBTDhBQUFBL0FBQUFQd0FBQUQ4QUFBQy9BQUFBUHdBQUFMOEFBQUMvQUFBQXZ3QUFBRDhBQUFBL0FBQUFQd0FBQUQ4QUFBQS9BQUFBdndBQUFEOEFBQUMvQUFBQVB3QUFBRDhBQUFDL0FBQUF2d0FBQUw4QUFBQS9BQUFBdndBQUFEOEFBQUEvQUFBQXZ3QUFBTDhBQUFDL0FBQUF2d0FBQUQ4QUFBQy9BQUFBdndBQUFMOEFBQUMvQUFBQXZ3QUFBRDhBQUFDL0FBQUFQd0FBQUw4QUFBQy9BQUFBUHdBQUFEOEFBQUMvQUFBQkFBSUFBd0FDQUFFQUJBQUZBQVlBQndBR0FBVUFDQUFKQUFvQUN3QUtBQWtBREFBTkFBNEFEd0FPQUEwQUVBQVJBQklBRXdBU0FCRUFGQUFWQUJZQUZ3QVdBQlVBIgogICAgICAgIH0KICAgIF0KfQo=",
+}
+SUM_PIXELS_INTERPRETATION = {
+    "scores": [
+        [
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.9217332561281606,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.8478093032233159,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+                0.7775525960239336,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.28228141285466124,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.7110596409959468,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.5717043041883806,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.17004439297432927,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.6232387569967188,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.349160393746381,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+                0.37415556842308434,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+            [
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.4147847905809689,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.21617448369040726,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.4393939393939394,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+                0.8667245705462266,
+            ],
+        ]
+    ],
+    "alternative_outputs": [
+        [
+            [1793106],
+            [1795539],
+            [1797837],
+            [1800021],
+            [1815417],
+            [1802088],
+            [1806420],
+            [1824192],
+            [1818906],
+            [1804818],
+            [1813338],
+            [1812561],
+            [1811298],
+            [1817472],
+            [1810533],
+            [1797249],
+        ]
+    ],
+}
+SUM_PIXELS_SHAP_INTERPRETATION = {
+    "scores": [
+        [
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.36599426908032084,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                1.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.9044030984144017,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.5780729041010304,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.03706410007949775,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+            [
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.0,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.4724172299368354,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+                0.5148839775509372,
+            ],
+        ]
+    ],
+    "alternative_outputs": [[]],
+}
+
+FILE_TEMPLATE_CONTEXT = {
+    "file_count": "single",
+    "value": {
+        "path": "sample_file.pdf",
+        "size": 10558,
+        "data": "data:application/pdf;base64,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",
+    },
+    "path": "file",
+    "label": None,
+    "show_label": True,
+    "style": {},
+    "elem_id": None,
+    "interactive": None,
+    "visible": True,
+}
+BASE64_MICROPHONE = {
+    "path": "/var/folders/t1/j7cmtcgd0mx43jh9nj_r9mmw0000gn/T/audiovb4gqjpc.wav",
+    "data": "data:audio/wav;base64,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",
+}
diff --git a/client/python/test/requirements.txt b/client/python/test/requirements.txt
new file mode 100644
index 0000000..ff528cf
--- /dev/null
+++ b/client/python/test/requirements.txt
@@ -0,0 +1,5 @@
+pytest-asyncio
+pytest==7.1.2
+pytest-xdist
+ty==0.0.2
+pydub==0.25.1
diff --git a/client/python/test/test_client.py b/client/python/test/test_client.py
new file mode 100644
index 0000000..78c6c60
--- /dev/null
+++ b/client/python/test/test_client.py
@@ -0,0 +1,1224 @@
+from __future__ import annotations
+
+import pathlib
+import tempfile
+import threading
+import time
+import uuid
+from concurrent.futures import CancelledError, TimeoutError, wait
+from contextlib import contextmanager
+from datetime import datetime, timedelta
+from pathlib import Path
+from unittest.mock import MagicMock, patch
+
+import gradio as gr
+import httpx
+import huggingface_hub
+import pytest
+from huggingface_hub.utils import RepositoryNotFoundError
+
+from gradio_client import Client, handle_file
+from gradio_client.client import DEFAULT_TEMP_DIR
+from gradio_client.exceptions import AuthenticationError
+from gradio_client.utils import (
+    Communicator,
+    ProgressUnit,
+    QueueError,
+    Status,
+    StatusUpdate,
+)
+
+HF_TOKEN = huggingface_hub.get_token()
+
+
+@contextmanager
+def connect(
+    demo: gr.Blocks,
+    download_files: str = DEFAULT_TEMP_DIR,
+    client_kwargs: dict | None = None,
+    **kwargs,
+):
+    _, local_url, _ = demo.launch(prevent_thread_lock=True, **kwargs)
+    if client_kwargs is None:
+        client_kwargs = {}
+    try:
+        yield Client(local_url, download_files=download_files, **client_kwargs)
+    finally:
+        # A more verbose version of .close() because we should set a timeout
+        # the tests that call .cancel() can get stuck waiting for the thread to join
+        demo.close()
+
+
+class TestClientInitialization:
+    def test_headers_constructed_correctly(self, increment_demo):
+        if not HF_TOKEN:
+            pytest.skip("HF_TOKEN is not set, skipping test")
+        _, local_url, _ = increment_demo.launch(prevent_thread_lock=True)
+        try:
+            client = Client(local_url, token=HF_TOKEN)
+            assert {
+                "x-hf-authorization": f"Bearer {HF_TOKEN}"
+            }.items() <= client.headers.items()
+            client = Client(
+                local_url,
+                token=HF_TOKEN,
+                headers={"additional": "value"},
+            )
+            assert {
+                "x-hf-authorization": f"Bearer {HF_TOKEN}",
+                "additional": "value",
+            }.items() <= client.headers.items()
+            client = Client(
+                local_url,
+                token=HF_TOKEN,
+                headers={"authorization": "Bearer abcde"},
+            )
+            assert {"authorization": "Bearer abcde"}.items() <= client.headers.items()
+        finally:
+            increment_demo.close()
+
+    @pytest.mark.serial
+    def test_many_endpoint_demo_loads_quickly(self, many_endpoint_demo):
+        import datetime
+
+        start = datetime.datetime.now()
+        with connect(many_endpoint_demo):
+            pass
+        assert (datetime.datetime.now() - start).seconds < 5
+
+    @pytest.mark.parametrize(
+        "cookies,expected",
+        [
+            (None, {}),  # Falsy values coherced to empty dict
+            ({}, {}),  # Empty does not make any difference
+            ({"test-cookie": "abc"}, {"test-cookie": "abc"}),  # Well-formed cookies
+        ],
+    )
+    def test_httpx_cookies_kwarg_is_used_by_client(
+        self, cookies, expected, monkeypatch
+    ):
+        monkeypatch.setattr(threading, "Thread", lambda *_, **__: MagicMock())
+        monkeypatch.setattr(Client, "_space_name_to_src", lambda _, src: src)
+        monkeypatch.setattr(
+            Client, "_get_space_state", lambda _: huggingface_hub.SpaceStage.RUNNING
+        )
+
+        with patch("httpx.get") as mocked:
+            mocked.return_value = httpx.Response(
+                200,
+                json={
+                    "version": "3.36.2",  # Force recent version branch
+                    "dependencies": [],
+                    "named_endpoints": {},
+                    "unnamed_endpoints": {},
+                },
+                request=httpx.Request("GET", "https://fake/space"),
+            )
+            client = Client("fake/space", httpx_kwargs={"cookies": cookies})
+            for call in mocked.call_args_list:
+                assert call.kwargs["cookies"] == expected, (
+                    "Client instantiation missing cookies"
+                )
+
+        # _login overrides cookies
+        response = httpx.Response(200)
+        response._cookies = httpx.Cookies(cookies)
+        with patch("httpx.post", return_value=response) as mocked:
+            client._login(("user", "pass"))
+            mocked.assert_called_once()
+            call = mocked.call_args
+            assert "cookies" not in call.kwargs, "_login call incorporate cookies"
+            assert client.cookies == expected, "_login does not set client cookies"
+
+
+class TestClientPredictions:
+    @pytest.mark.flaky
+    def test_raise_error_invalid_state(self):
+        with pytest.raises(ValueError, match="invalid state"):
+            Client("gradio-tests/paused-space")
+
+    def test_raise_error_max_file_size(self, max_file_size_demo):
+        with connect(max_file_size_demo, max_file_size="15kb") as client:
+            with pytest.raises(ValueError, match="exceeds the maximum file size"):
+                client.predict(
+                    handle_file(
+                        Path(__file__).parents[3]
+                        / "gradio"
+                        / "media_assets"
+                        / "images"
+                        / "cheetah1.jpg"
+                    ),
+                    api_name="/upload_1b",
+                )
+            client.predict(
+                handle_file(Path(__file__).parent / "files" / "alphabet.txt"),
+                api_name="/upload_1b",
+            )
+
+    @pytest.mark.flaky
+    def test_private_space(self):
+        space_id = "gradio-tests/not-actually-private-space"
+        api = huggingface_hub.HfApi()
+        assert api.space_info(space_id).private
+        client = Client(space_id, token=HF_TOKEN)
+        output = client.predict("abc", api_name="/predict")
+        assert output == "abc"
+
+    @pytest.mark.flaky
+    def test_private_space_v4_sse_v1(self):
+        space_id = "gradio-tests/not-actually-private-spacev4-sse-v1"
+        api = huggingface_hub.HfApi()
+        assert api.space_info(space_id).private
+        client = Client(
+            space_id,
+            token=HF_TOKEN,
+        )
+        output = client.predict("abc", api_name="/predict")
+        assert output == "abc"
+
+    @pytest.mark.flaky
+    def test_space_with_files_v4_sse_v2(self):
+        space_id = "gradio-tests/space_with_files_v4_sse_v2"
+        client = Client(space_id)
+        payload = (
+            handle_file(
+                "https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"
+            ),
+            {
+                "video": handle_file(
+                    "https://github.com/gradio-app/gradio/raw/main/demo/video_component/files/world.mp4"
+                ),
+                "subtitle": None,
+            },
+            handle_file(
+                "https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"
+            ),
+        )
+        output = client.predict(*payload, api_name="/predict")
+        assert output[0].endswith(".wav")  # Audio files are converted to wav
+        assert output[1]["video"].endswith(
+            "world.mp4"
+        )  # Video files are not converted by default
+        assert "sample-0.mp3" in output[2]
+
+    def test_state(self, increment_demo):
+        with connect(increment_demo) as client:
+            output = client.predict(api_name="/increment_without_queue")
+            assert output == 1
+            output = client.predict(api_name="/increment_without_queue")
+            assert output == 2
+            output = client.predict(api_name="/increment_without_queue")
+            assert output == 3
+            client.reset_session()
+            output = client.predict(api_name="/increment_without_queue")
+            assert output == 1
+            output = client.predict(api_name="/increment_with_queue")
+            assert output == 2
+            client.reset_session()
+            output = client.predict(api_name="/increment_with_queue")
+            assert output == 1
+            output = client.predict(api_name="/increment_with_queue")
+            assert output == 2
+
+    def test_job_status(self, calculator_demo):
+        with connect(calculator_demo) as client:
+            statuses = []
+            job = client.submit(5, "add", 4, api_name="/predict")
+            while not job.done():
+                time.sleep(0.1)
+                statuses.append(job.status())
+
+            assert statuses
+            # Messages are sorted by time
+            assert sorted([s.time for s in statuses if s]) == [
+                s.time for s in statuses if s
+            ]
+            assert sorted([s.code for s in statuses if s]) == [
+                s.code for s in statuses if s
+            ]
+
+    @pytest.mark.flaky
+    def test_intermediate_outputs(self, count_generator_demo):
+        with connect(count_generator_demo) as client:
+            job = client.submit(3, fn_index=0)
+
+            while not job.done():
+                time.sleep(0.1)
+
+            assert job.outputs() == [str(i) for i in range(3)]
+
+            outputs = []
+            for o in client.submit(3, fn_index=0):
+                outputs.append(o)
+            assert outputs == [str(i) for i in range(3)]
+
+    def test_break_in_loop_if_error(self, calculator_demo):
+        with connect(calculator_demo) as client:
+            job = client.submit("foo", "add", 4, fn_index=0)
+            output = list(job)
+            assert output == []
+
+    @pytest.mark.flaky
+    def test_timeout(self, sentiment_classification_demo):
+        with pytest.raises(TimeoutError):
+            with connect(sentiment_classification_demo.queue()) as client:
+                job = client.submit(api_name="/sleep")
+                job.result(timeout=0.05)
+
+    @pytest.mark.flaky
+    def test_timeout_no_queue(self, sentiment_classification_demo):
+        with pytest.raises(TimeoutError):
+            with connect(sentiment_classification_demo) as client:
+                job = client.submit(api_name="/sleep")
+                job.result(timeout=0.1)
+
+    def test_raises_exception(self, calculator_demo):
+        with pytest.raises(Exception):
+            with connect(calculator_demo) as client:
+                job = client.submit("foo", "add", 9, fn_index=0)
+                job.result()
+
+    @pytest.mark.flaky
+    def test_job_output_video(self, video_component):
+        with connect(video_component) as client:
+            job = client.submit(
+                handle_file(
+                    "https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/ProgressNotifications.mp4"
+                ),
+                api_name="/predict",
+            )
+            assert Path(job.result()).exists()
+            assert (
+                Path(DEFAULT_TEMP_DIR).resolve() in Path(job.result()).resolve().parents
+            )
+
+        temp_dir = tempfile.mkdtemp()
+        with connect(video_component, download_files=temp_dir) as client:
+            job = client.submit(
+                handle_file(
+                    "https://huggingface.co/spaces/gradio/video_component/resolve/main/files/a.mp4"
+                ),
+                fn_index=0,
+            )
+            assert Path(job.result()).exists()
+            assert Path(temp_dir).resolve() in Path(job.result()).resolve().parents
+
+    def test_progress_updates(self, progress_demo):
+        with connect(progress_demo) as client:
+            job = client.submit("hello", api_name="/predict")
+            statuses = []
+            while not job.done():
+                statuses.append(job.status())
+                time.sleep(0.02)
+            assert any(s.code == Status.PROGRESS for s in statuses)
+            assert any(s.progress_data is not None for s in statuses)
+            all_progress_data = [
+                p for s in statuses if s.progress_data for p in s.progress_data
+            ]
+            count = 0
+            for i in range(20):
+                unit = ProgressUnit(
+                    index=i, length=20, unit="steps", progress=None, desc=None
+                )
+                count += unit in all_progress_data
+            assert count
+
+    def test_upload_and_download_with_auth(self):
+        demo = gr.Interface(lambda x: x, "text", "text", api_name="predict")
+        _, url, _ = demo.launch(auth=("user", "pass"), prevent_thread_lock=True)
+        with pytest.raises(AuthenticationError):
+            client = Client(url)
+        client = Client(url, auth=("user", "pass"))
+        with tempfile.NamedTemporaryFile(mode="w", delete=False) as f:
+            f.write("Hello file!")
+        output = client.predict(f.name, api_name="/predict")
+        with open(output) as f:
+            assert f.read() == "Hello file!"
+
+    def test_upload_preserves_orig_name(self):
+        demo = gr.Interface(lambda x: x, "image", "text", api_name="predict")
+        with connect(demo) as client:
+            test_file = (
+                Path(__file__).parent.parent.parent.parent
+                / "gradio"
+                / "media_assets"
+                / "images"
+                / "cheetah1.jpg"
+            )
+            output = client.endpoints[0]._upload_file({"path": test_file}, data_index=0)
+            assert output["orig_name"] == "cheetah1.jpg"
+
+            output = client.endpoints[0]._upload_file(
+                {
+                    "path": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+                },
+                data_index=0,
+            )
+            assert output["orig_name"] == "bus.png"
+
+    @pytest.mark.flaky(reruns=5)
+    def test_cancel_from_client_queued(self, cancel_from_client_demo):
+        with connect(cancel_from_client_demo) as client:
+            start = time.time()
+            job = client.submit(api_name="/long")
+            while not job.done():
+                if job.status().code == Status.STARTING:
+                    job.cancel()
+                    break
+            with pytest.raises(CancelledError):
+                job.result()
+            # The whole prediction takes 10 seconds to run
+            # and does not iterate. So this tests that we can cancel
+            # halfway through a prediction
+            assert time.time() - start < 10
+            assert job.status().code == Status.CANCELLED
+
+            job = client.submit(api_name="/iterate")
+            iteration_count = 0
+            while not job.done():
+                if job.status().code == Status.ITERATING:
+                    iteration_count += 1
+                    if iteration_count == 3:
+                        job.cancel()
+                        break
+                    time.sleep(0.5)
+            # Result for iterative jobs will raise there is an exception
+            with pytest.raises(Exception):
+                job.result()
+            # The whole prediction takes 10 seconds to run
+            # and does not iterate. So this tests that we can cancel
+            # halfway through a prediction
+            assert time.time() - start < 10
+
+            # Test that we did not iterate all the way to the end
+            assert all(o in [0, 1, 2, 3, 4, 5] for o in job.outputs())
+            assert job.status().code == Status.CANCELLED
+
+    def test_job_cancel_stops_upstream_server_if_cancel_event_defined(self):
+        global current_step
+        current_step = 0
+
+        def iteration_quick():
+            for i in range(20):
+                print(f"i: {i}")
+                global current_step
+                current_step = i
+                yield i
+                time.sleep(0.1)
+
+        with gr.Blocks() as demo:
+            num = gr.Number()
+
+            btn = gr.Button(value="Iterate")
+            iterate_quick = btn.click(
+                iteration_quick, None, num, api_name="iterate_quick"
+            )
+            btn3 = gr.Button(value="Cancel")
+            btn3.click(None, None, None, cancels=[iterate_quick])
+
+        with connect(demo) as client:
+            job = client.submit(api_name="/iterate_quick")
+            while len(job.outputs()) < 5:
+                time.sleep(0.1)
+            job.cancel()
+            time.sleep(2)
+
+        assert current_step < 19
+
+    def test_cancel_subsequent_jobs_state_reset(self, yield_demo):
+        with connect(yield_demo) as client:
+            job1 = client.submit("abcdefefadsadfs", api_name="/predict")
+            time.sleep(3)
+            job1.cancel()
+
+            assert len(job1.outputs()) > 0
+            assert len(job1.outputs()) < len("abcdefefadsadfs")
+            assert job1.status().code == Status.CANCELLED
+
+            job2 = client.submit("abcd", api_name="/predict")
+            assert len(job2.outputs()) == 0
+            while not job2.done():
+                time.sleep(0.1)
+            # Ran all iterations from scratch
+            assert job2.status().code == Status.FINISHED
+            assert len(job2.outputs()) == 4
+
+    def test_does_not_upload_dir(self, stateful_chatbot):
+        with connect(stateful_chatbot) as client:
+            initial_history = [
+                {"role": "user", "content": [{"text": "", "type": "text"}]}
+            ]
+            message = "Hello"
+            ret = client.predict(message, initial_history, api_name="/submit")
+            assert ret == (
+                "",
+                [
+                    {
+                        "role": "user",
+                        "content": [{"type": "text", "text": ""}],
+                        "metadata": None,
+                        "options": None,
+                    },
+                    {
+                        "role": "user",
+                        "content": [{"type": "text", "text": "Hello"}],
+                        "metadata": None,
+                        "options": None,
+                    },
+                    {
+                        "role": "assistant",
+                        "content": [{"type": "text", "text": "I love you"}],
+                        "metadata": None,
+                        "options": None,
+                    },
+                ],
+            )
+
+    def test_return_layout_component(self, hello_world_with_group):
+        with connect(hello_world_with_group) as demo:
+            assert demo.predict("Freddy", api_name="/greeting") == "Hello Freddy"
+            assert demo.predict(api_name="/show_group") == ()
+
+    def test_return_layout_and_state_components(
+        self, hello_world_with_state_and_accordion
+    ):
+        with connect(hello_world_with_state_and_accordion) as demo:
+            assert demo.predict("Freddy", api_name="/greeting") == ("Hello Freddy", 1)
+            assert demo.predict("Abubakar", api_name="/greeting") == (
+                "Hello Abubakar",
+                2,
+            )
+            assert demo.predict(api_name="/open") == 3
+            assert demo.predict(api_name="/close") == 4
+            assert demo.predict("Ali", api_name="/greeting") == ("Hello Ali", 5)
+
+    def test_long_response_time_with_gr_info_and_big_payload(
+        self, long_response_with_info
+    ):
+        with connect(long_response_with_info) as demo:
+            assert demo.predict(api_name="/predict") == "\ta\nb" * 90000
+
+    def test_queue_full_raises_error(self):
+        import time
+
+        demo = gr.Interface(
+            lambda s: time.sleep(1) or f"Hello {s}",
+            "textbox",
+            "textbox",
+            api_name="predict",
+        ).queue(max_size=1)
+        with connect(demo) as client:
+            with pytest.raises(QueueError):
+                job1 = client.submit("Freddy", api_name="/predict")
+                job2 = client.submit("Abubakar", api_name="/predict")
+                job3 = client.submit("Pete", api_name="/predict")
+                wait([job1, job2, job3])
+                job1.result()
+                job2.result()
+                job3.result()
+
+    def test_json_parse_error(self):
+        data = (
+            "Bonjour Olivier, tu as l'air bien r\u00e9veill\u00e9 ce matin. Tu veux que je te pr\u00e9pare tes petits-d\u00e9j.\n",
+            None,
+        )
+
+        def return_bad():
+            return data
+
+        demo = gr.Interface(return_bad, None, ["text", "text"], api_name="predict")
+        with connect(demo) as client:
+            pred = client.predict(api_name="/predict")
+            assert pred[0] == data[0]
+
+    def test_state_reset_when_session_changes(self, capsys, state_demo, monkeypatch):
+        monkeypatch.setenv("GRADIO_IS_E2E_TEST", "1")
+        with connect(state_demo) as client:
+            client.predict("Hello", api_name="/predict")
+            client.reset_session()
+            time.sleep(5)
+        out = capsys.readouterr().out
+        assert "STATE DELETED" in out
+
+    @pytest.mark.flaky
+    def test_add_zero_gpu_headers_no_gradio_context(self):
+        client = Client("gradio/calculator")
+        headers = {"existing": "header"}
+        new_headers = client.add_zero_gpu_headers(headers)
+        assert new_headers == headers  # No changes when not in Gradio context
+
+    @pytest.mark.flaky
+    def test_add_zero_gpu_headers_with_ip_token(self, monkeypatch):
+        client = Client("gradio/calculator")
+        headers = {"existing": "header"}
+
+        class MockRequest:
+            headers = {"x-ip-token": "test-token"}
+
+        class MockContext:
+            request = MagicMock()
+            request.get.return_value = MockRequest()
+
+        monkeypatch.setattr("gradio.context.LocalContext", MockContext)
+        new_headers = client.add_zero_gpu_headers(headers)
+        assert new_headers == {"existing": "header", "x-ip-token": "test-token"}
+
+    def test_multiple_newlines_in_output(self):
+        def test():
+            return """before\x85after"""
+
+        demo = gr.Interface(fn=test, inputs=[], outputs=["text"], api_name="predict")
+        with connect(demo) as client:
+            result = client.predict(api_name="/predict")
+            assert result == "before\x85after"
+
+
+class TestClientPredictionsWithKwargs:
+    def test_no_default_params(self, calculator_demo):
+        with connect(calculator_demo) as client:
+            result = client.predict(
+                num1=3, operation="add", num2=3, api_name="/predict"
+            )
+            assert result == 6
+
+            result = client.predict(33, operation="add", num2=3, api_name="/predict")
+            assert result == 36
+
+    def test_default_params(self, calculator_demo_with_defaults):
+        with connect(calculator_demo_with_defaults) as client:
+            result = client.predict(num2=10, api_name="/predict")
+            assert result == 20
+
+            result = client.predict(num2=33, operation="multiply", api_name="/predict")
+            assert result == 330
+
+    def test_missing_params(self, hello_world_demo):
+        with connect(hello_world_demo) as client:
+            with pytest.raises(
+                TypeError, match="No value provided for required argument: punctuation"
+            ):
+                client.predict(name="Alice", api_name="/greet")
+
+    def test_chatbot_message_format(self, chatbot_message_format):
+        with connect(chatbot_message_format) as client:
+            _, history = client.predict("hello", [], api_name="/chat")
+            assert history[1]["role"] == "assistant"
+            assert history[1]["content"][0]["text"] in [
+                "How are you?",
+                "I love you",
+                "I'm very hungry",
+            ]
+            _, history = client.predict("hi", history, api_name="/chat")
+            assert history[2]["role"] == "user"
+            assert history[2]["content"][0]["text"] == "hi"
+            assert history[3]["role"] == "assistant"
+            assert history[3]["content"][0]["text"] in [
+                "How are you?",
+                "I love you",
+                "I'm very hungry",
+            ]
+
+    def test_client_forwards_event_data(self):
+        with gr.Blocks() as demo:
+            button = gr.Button("Click me")
+            output = gr.JSON()
+
+            def return_event_data(evt: gr.EventData):
+                return evt._data
+
+            button.click(
+                fn=return_event_data, inputs=None, outputs=output, api_name="click"
+            )
+
+        with connect(demo) as client:
+            fn = client.endpoints[0].make_end_to_end_fn(client.new_helper(0))
+            result = fn(event_data={"foo": "bar", "baz": 123}, api_name="/click")
+            assert result == {"foo": "bar", "baz": 123}
+
+
+class TestStatusUpdates:
+    @patch("gradio_client.client.Endpoint.make_end_to_end_fn")
+    def test_messages_passed_correctly(self, mock_make_end_to_end_fn, calculator_demo):
+        now = datetime.now()
+
+        messages = [
+            StatusUpdate(
+                code=Status.STARTING,
+                eta=None,
+                rank=None,
+                success=None,
+                queue_size=None,
+                time=now,
+                progress_data=None,
+            ),
+            StatusUpdate(
+                code=Status.SENDING_DATA,
+                eta=None,
+                rank=None,
+                success=None,
+                queue_size=None,
+                time=now + timedelta(seconds=1),
+                progress_data=None,
+            ),
+            StatusUpdate(
+                code=Status.IN_QUEUE,
+                eta=3,
+                rank=2,
+                queue_size=2,
+                success=None,
+                time=now + timedelta(seconds=2),
+                progress_data=None,
+            ),
+            StatusUpdate(
+                code=Status.IN_QUEUE,
+                eta=2,
+                rank=1,
+                queue_size=1,
+                success=None,
+                time=now + timedelta(seconds=3),
+                progress_data=None,
+            ),
+            StatusUpdate(
+                code=Status.ITERATING,
+                eta=None,
+                rank=None,
+                queue_size=None,
+                success=None,
+                time=now + timedelta(seconds=3),
+                progress_data=None,
+            ),
+            StatusUpdate(
+                code=Status.FINISHED,
+                eta=None,
+                rank=None,
+                queue_size=None,
+                success=True,
+                time=now + timedelta(seconds=4),
+                progress_data=None,
+            ),
+        ]
+
+        class MockEndToEndFunction:
+            def __init__(self, communicator: Communicator):
+                self.communicator = communicator
+
+            def __call__(self, *args, **kwargs):
+                for m in messages:
+                    with self.communicator.lock:
+                        self.communicator.job.latest_status = m
+                    time.sleep(0.1)
+
+        mock_make_end_to_end_fn.side_effect = MockEndToEndFunction
+
+        with connect(calculator_demo) as client:
+            job = client.submit(5, "add", 6, api_name="/predict")
+
+            statuses = []
+            while not job.done():
+                statuses.append(job.status())
+                time.sleep(0.09)
+
+            assert all(s in messages for s in statuses)
+
+    @pytest.mark.flaky
+    @patch("gradio_client.client.Endpoint.make_end_to_end_fn")
+    def test_messages_correct_two_concurrent(
+        self, mock_make_end_to_end_fn, calculator_demo
+    ):
+        now = datetime.now()
+
+        messages_1 = [
+            StatusUpdate(
+                code=Status.STARTING,
+                eta=None,
+                rank=None,
+                success=None,
+                queue_size=None,
+                time=now,
+                progress_data=None,
+            ),
+            StatusUpdate(
+                code=Status.FINISHED,
+                eta=None,
+                rank=None,
+                queue_size=None,
+                success=True,
+                time=now + timedelta(seconds=4),
+                progress_data=None,
+            ),
+        ]
+
+        messages_2 = [
+            StatusUpdate(
+                code=Status.IN_QUEUE,
+                eta=3,
+                rank=2,
+                queue_size=2,
+                success=None,
+                time=now + timedelta(seconds=2),
+                progress_data=None,
+            ),
+            StatusUpdate(
+                code=Status.IN_QUEUE,
+                eta=2,
+                rank=1,
+                queue_size=1,
+                success=None,
+                time=now + timedelta(seconds=3),
+                progress_data=None,
+            ),
+        ]
+
+        class MockEndToEndFunction:
+            n_counts = 0
+
+            def __init__(self, communicator: Communicator):
+                self.communicator = communicator
+                self.messages = (
+                    messages_1 if MockEndToEndFunction.n_counts == 0 else messages_2
+                )
+                MockEndToEndFunction.n_counts += 1
+
+            def __call__(self, *args, **kwargs):
+                for m in self.messages:
+                    with self.communicator.lock:
+                        print(f"here: {m}")
+                        self.communicator.job.latest_status = m
+                    time.sleep(0.1)
+
+        mock_make_end_to_end_fn.side_effect = MockEndToEndFunction
+
+        with connect(calculator_demo) as client:
+            job_1 = client.submit(5, "add", 6, api_name="/predict")
+            job_2 = client.submit(11, "subtract", 1, api_name="/predict")
+
+            statuses_1 = []
+            statuses_2 = []
+            while not (job_1.done() and job_2.done()):
+                statuses_1.append(job_1.status())
+                statuses_2.append(job_2.status())
+                time.sleep(0.05)
+
+            assert all(s in messages_1 for s in statuses_1)
+
+
+class TestAPIInfo:
+    @pytest.mark.flaky
+    @pytest.mark.parametrize("trailing_char", ["/", ""])
+    def test_test_endpoint_src(self, trailing_char):
+        src = "https://gradio-tests-image-identity-new.hf.space" + trailing_char
+        client = Client(src=src)
+        assert (
+            client.endpoints[0].root_url
+            == "https://gradio-tests-image-identity-new.hf.space/gradio_api/"
+        )
+
+    def test_state_does_not_appear(self, state_demo):
+        with connect(state_demo) as client:
+            api_info = client.view_api(return_format="dict")
+            assert isinstance(api_info, dict)
+            for parameter in api_info["named_endpoints"]["/predict"]["parameters"]:
+                assert parameter["component"] != "State"
+
+    @pytest.mark.flaky
+    def test_private_space(self):
+        client = Client(
+            "gradio-tests/not-actually-private-space",
+            token=HF_TOKEN,
+        )
+        assert "/predict" in client.view_api(return_format="dict")["named_endpoints"]
+
+    def test_api_info_of_local_demo(self, calculator_demo):
+        with connect(calculator_demo) as client:
+            api_info = client.view_api(return_format="dict")
+            assert isinstance(api_info, dict)
+            assert api_info["named_endpoints"]["/predict"] == {
+                "parameters": [
+                    {
+                        "label": "num1",
+                        "parameter_name": "num1",
+                        "parameter_has_default": False,
+                        "parameter_default": None,
+                        "type": {"type": "number"},
+                        "python_type": {"type": "float", "description": ""},
+                        "component": "Number",
+                        "example_input": 3,
+                    },
+                    {
+                        "label": "operation",
+                        "parameter_name": "operation",
+                        "parameter_has_default": False,
+                        "parameter_default": None,
+                        "type": {
+                            "enum": ["add", "subtract", "multiply", "divide"],
+                            "title": "Radio",
+                            "type": "string",
+                        },
+                        "python_type": {
+                            "type": "Literal['add', 'subtract', 'multiply', 'divide']",
+                            "description": "",
+                        },
+                        "component": "Radio",
+                        "example_input": "add",
+                    },
+                    {
+                        "label": "num2",
+                        "parameter_name": "num2",
+                        "parameter_has_default": False,
+                        "parameter_default": None,
+                        "type": {"type": "number"},
+                        "python_type": {"type": "float", "description": ""},
+                        "component": "Number",
+                        "example_input": 3,
+                    },
+                ],
+                "returns": [
+                    {
+                        "label": "output",
+                        "type": {"type": "number"},
+                        "python_type": {"type": "float", "description": ""},
+                        "component": "Number",
+                    }
+                ],
+                "description": "",
+            }
+            assert api_info["unnamed_endpoints"] == {}
+
+    def test_unnamed_endpoints_use_fn_index(self, count_generator_demo):
+        with connect(count_generator_demo) as client:
+            info = client.view_api(return_format="str")
+            assert "fn_index" not in info
+            assert "api_name" in info
+
+    def test_api_false_endpoints_do_not_appear(self, count_generator_no_api):
+        with connect(count_generator_no_api) as client:
+            info = client.view_api(return_format="dict")
+            assert len(info["named_endpoints"]) == 0
+
+    def test_api_false_endpoints_cannot_be_accessed_with_fn_index(self, increment_demo):
+        with connect(increment_demo) as client:
+            with pytest.raises(ValueError):
+                client.submit(1, fn_index=2)
+
+    def test_file_io(self, file_io_demo):
+        with connect(file_io_demo) as client:
+            info = client.view_api(return_format="dict")
+            inputs = info["named_endpoints"]["/predict"]["parameters"]
+            outputs = info["named_endpoints"]["/predict"]["returns"]
+
+            assert inputs[0]["type"]["type"] == "array"
+            assert inputs[0]["python_type"]["type"] == "list[filepath]"
+
+            assert isinstance(inputs[0]["example_input"], list)
+            assert isinstance(inputs[0]["example_input"][0], dict)
+
+            assert inputs[1]["python_type"]["type"] == "filepath"
+            assert isinstance(inputs[1]["example_input"], dict)
+
+            assert outputs[0]["python_type"]["type"] == "list[filepath]"
+            assert outputs[0]["type"]["type"] == "array"
+
+            assert outputs[1]["python_type"]["type"] == "filepath"
+
+    def test_layout_components_in_output(self, hello_world_with_group):
+        with connect(hello_world_with_group) as client:
+            info = client.view_api(return_format="dict")
+            assert info == {
+                "named_endpoints": {
+                    "/greeting": {
+                        "parameters": [
+                            {
+                                "label": "name",
+                                "parameter_name": "name",
+                                "parameter_has_default": False,
+                                "parameter_default": None,
+                                "type": {"type": "string"},
+                                "python_type": {"type": "str", "description": ""},
+                                "component": "Textbox",
+                                "example_input": "Hello!!",
+                            }
+                        ],
+                        "returns": [
+                            {
+                                "label": "greeting",
+                                "type": {"type": "string"},
+                                "python_type": {"type": "str", "description": ""},
+                                "component": "Textbox",
+                            }
+                        ],
+                        "description": "",
+                    },
+                    "/show_group": {"parameters": [], "returns": [], "description": ""},
+                },
+                "unnamed_endpoints": {},
+            }
+
+    def test_layout_and_state_components_in_output(
+        self, hello_world_with_state_and_accordion
+    ):
+        with connect(hello_world_with_state_and_accordion) as client:
+            info = client.view_api(return_format="dict")
+            assert info == {
+                "named_endpoints": {
+                    "/greeting": {
+                        "parameters": [
+                            {
+                                "label": "name",
+                                "parameter_name": "name",
+                                "parameter_has_default": False,
+                                "parameter_default": None,
+                                "type": {"type": "string"},
+                                "python_type": {"type": "str", "description": ""},
+                                "component": "Textbox",
+                                "example_input": "Hello!!",
+                            }
+                        ],
+                        "returns": [
+                            {
+                                "label": "greeting",
+                                "type": {"type": "string"},
+                                "python_type": {"type": "str", "description": ""},
+                                "component": "Textbox",
+                            },
+                            {
+                                "label": "count",
+                                "type": {"type": "number"},
+                                "python_type": {"type": "float", "description": ""},
+                                "component": "Number",
+                            },
+                        ],
+                        "description": "This is a greeting function.",
+                    },
+                    "/open": {
+                        "parameters": [],
+                        "returns": [
+                            {
+                                "label": "count",
+                                "type": {"type": "number"},
+                                "python_type": {"type": "float", "description": ""},
+                                "component": "Number",
+                            }
+                        ],
+                        "description": "",
+                    },
+                    "/close": {
+                        "parameters": [],
+                        "returns": [
+                            {
+                                "label": "count",
+                                "type": {"type": "number"},
+                                "python_type": {"type": "float", "description": ""},
+                                "component": "Number",
+                            }
+                        ],
+                        "description": "",
+                    },
+                },
+                "unnamed_endpoints": {},
+            }
+
+
+class TestEndpoints:
+    @pytest.mark.flaky
+    def test_upload(self):
+        client = Client(
+            src="gradio-tests/not-actually-private-file-upload",
+            token=HF_TOKEN,
+        )
+        response = MagicMock(status_code=200)
+        response.json.return_value = [
+            "file1",
+            "file2",
+            "file3",
+            "file4",
+            "file5",
+            "file6",
+            "file7",
+        ]
+        with patch("httpx.post", MagicMock(return_value=response)):
+            with patch("builtins.open", MagicMock()):
+                with patch.object(pathlib.Path, "name") as mock_name:
+                    mock_name.side_effect = lambda x: x
+                    results = client.endpoints[0]._upload_file(
+                        handle_file(__file__), data_index=0
+                    )
+        assert results["path"] == "file1"
+
+    @pytest.mark.flaky
+    def test_download_private_file(self, gradio_temp_dir):
+        client = Client(
+            src="gradio/zip_files",
+        )
+        url_path = handle_file(
+            "https://gradio-tests-not-actually-private-spacev4-sse.hf.space/file=lion.jpg"
+        )
+        file = client.endpoints[0]._upload_file(url_path, 0)  # type: ignore
+        assert file["path"].endswith(".jpg")
+
+    @pytest.mark.flaky
+    def test_download_tmp_copy_of_file_does_not_save_errors(
+        self, monkeypatch, gradio_temp_dir
+    ):
+        client = Client(
+            src="gradio/zip_files",
+        )
+        error_response = httpx.Response(status_code=404)
+        monkeypatch.setattr(httpx, "get", lambda *args, **kwargs: error_response)
+        with pytest.raises(httpx.HTTPStatusError):
+            client.endpoints[0]._download_file({"path": "https://example.com/foo"})  # type: ignore
+
+    @pytest.mark.flaky
+    def test_download_stream_file_uses_url_directly(self, monkeypatch, gradio_temp_dir):
+        """Test that stream files use the URL directly instead of constructing from path."""
+        client = Client(
+            src="gradio/zip_files",
+        )
+
+        # Mock response for stream file
+        mock_response = MagicMock()
+        mock_response.raise_for_status.return_value = None
+        mock_response.iter_bytes.return_value = [b"test content"]
+
+        def mock_stream(*args, **kwargs):
+            # Verify that the URL is used directly for streams
+            called_url: str = args[1]  # Second argument is the URL
+            assert called_url.endswith("api/stream/test_file.txt"), (
+                f"Expected stream URL, got: {called_url}"
+            )
+            return mock_response
+
+        monkeypatch.setattr(httpx, "stream", mock_stream)
+
+        # Test stream file with URL
+        stream_file_data = {
+            "path": "some/wrong/path",  # This path should be ignored for streams
+            "url": "/api/stream/test_file.txt",  # This URL should be used directly
+            "is_stream": True,
+        }
+
+        with patch("pathlib.Path.resolve", return_value="/tmp/test_file.txt"):
+            client.endpoints[0]._download_file(stream_file_data)  # type: ignore
+
+        # Test non-stream file still uses path-based URL construction
+        regular_file_data = {"path": "regular/file.txt", "is_stream": False}
+
+        def mock_stream_regular(*args, **kwargs):
+            called_url = args[1]
+            assert called_url.endswith("file=regular/file.txt"), (
+                f"Expected path-based URL, got: {called_url}"
+            )
+            return mock_response
+
+        monkeypatch.setattr(httpx, "stream", mock_stream_regular)
+
+        with patch("pathlib.Path.resolve", return_value="/tmp/regular_file.txt"):
+            client.endpoints[0]._download_file(regular_file_data)  # type: ignore
+
+
+cpu = huggingface_hub.SpaceHardware.CPU_BASIC
+
+
+class TestDuplication:
+    @pytest.mark.flaky
+    @patch("huggingface_hub.get_space_runtime", return_value=MagicMock(hardware=cpu))
+    @patch("gradio_client.client.Client.__init__", return_value=None)
+    def test_new_space_id(self, mock_init, mock_runtime):
+        Client.duplicate(
+            "gradio/calculator",
+            "test",
+            token=HF_TOKEN,
+        )
+        mock_runtime.assert_any_call("gradio/calculator", token=HF_TOKEN)
+        mock_init.assert_called()
+        Client.duplicate(
+            "gradio/calculator",
+            "gradio-tests/test",
+            token=HF_TOKEN,
+        )
+        mock_runtime.assert_any_call("gradio/calculator", token=HF_TOKEN)
+        mock_init.assert_called()
+
+    @pytest.mark.flaky
+    @patch("gradio_client.utils.set_space_timeout")
+    @patch("huggingface_hub.get_space_runtime", return_value=MagicMock(hardware=cpu))
+    @patch("gradio_client.client.Client.__init__", return_value=None)
+    def test_dont_set_timeout_if_default_hardware(
+        self, mock_init, mock_runtime, mock_set_timeout
+    ):
+        Client.duplicate(
+            "gradio/calculator",
+            "test",
+        )
+        mock_set_timeout.assert_not_called()
+
+    @pytest.mark.flaky
+    @patch("huggingface_hub.request_space_hardware")
+    @patch("gradio_client.utils.set_space_timeout")
+    @patch(
+        "huggingface_hub.get_space_runtime",
+        return_value=MagicMock(hardware=huggingface_hub.SpaceHardware.CPU_UPGRADE),
+    )
+    @patch("gradio_client.client.Client.__init__", return_value=None)
+    def test_set_timeout_if_not_default_hardware(
+        self, mock_init, mock_runtime, mock_set_timeout, mock_request_hardware
+    ):
+        Client.duplicate(
+            "gradio/calculator",
+            "test",
+            hardware="cpu-upgrade",
+            sleep_timeout=15,
+            token=HF_TOKEN,
+        )
+        assert mock_set_timeout.call_count == 1
+        _, called_kwargs = mock_set_timeout.call_args
+        assert called_kwargs["timeout_in_seconds"] == 15 * 60
+
+    @pytest.mark.flaky
+    @patch("huggingface_hub.add_space_secret")
+    @patch("huggingface_hub.duplicate_space")
+    @patch("gradio_client.client.Client.__init__", return_value=None)
+    @patch("gradio_client.utils.set_space_timeout")
+    def test_add_secrets(self, mock_time, mock_init, mock_duplicate, mock_add_secret):
+        with pytest.raises(RepositoryNotFoundError):
+            name = str(uuid.uuid4())
+            Client.duplicate(
+                "gradio/calculator",
+                name,
+                token=HF_TOKEN,
+                secrets={"test_key": "test_value", "test_key2": "test_value2"},
+            )
+            mock_add_secret.assert_called_with(
+                f"gradio-tests/{name}",
+                "test_key",
+                "test_value",
+                token=HF_TOKEN,
+            )
+            mock_add_secret.assert_any_call(
+                f"gradio-tests/{name}",
+                "test_key2",
+                "test_value2",
+                token=HF_TOKEN,
+            )
+
+
+def test_httpx_kwargs(increment_demo):
+    with connect(
+        increment_demo, client_kwargs={"httpx_kwargs": {"timeout": 5}}
+    ) as client:
+        with patch("httpx.post", MagicMock()) as mock_post:
+            with pytest.raises(Exception):
+                client.predict(1, api_name="/increment_with_queue")
+            assert mock_post.call_args.kwargs["timeout"] == 5
+
+
+def test_x_gradio_user_header():
+    def fn(name: str, request: gr.Request) -> str:
+        return f"Hello, {name}! Your x-gradio-user is {request.headers.get('x-gradio-user', 'not provided')}"
+
+    app = gr.Interface(fn, "text", "text")
+
+    with connect(app) as client:
+        res = client.submit(
+            "Gradio", headers={"x-gradio-user": "test-user"}, api_name="/fn"
+        ).result()
+        assert res == "Hello, Gradio! Your x-gradio-user is api"
diff --git a/client/python/test/test_documentation.py b/client/python/test/test_documentation.py
new file mode 100644
index 0000000..d73a9e1
--- /dev/null
+++ b/client/python/test/test_documentation.py
@@ -0,0 +1,7 @@
+from gradio_client import documentation
+
+
+class TestDocumentation:
+    def test_website_documentation(self):
+        docs = documentation.generate_documentation()
+        assert len(docs) > 0
diff --git a/client/python/test/test_snippet.py b/client/python/test/test_snippet.py
new file mode 100644
index 0000000..a7f6567
--- /dev/null
+++ b/client/python/test/test_snippet.py
@@ -0,0 +1,114 @@
+from __future__ import annotations
+
+import datetime
+from contextlib import contextmanager
+
+import gradio as gr
+
+from gradio_client import Client
+from gradio_client.snippet import _stringify_py, generate_code_snippets
+
+
+@contextmanager
+def connect(demo: gr.Blocks, **kwargs):
+    _, local_url, _ = demo.launch(prevent_thread_lock=True, **kwargs)
+    try:
+        yield Client(local_url)
+    finally:
+        demo.close()
+
+
+class TestSnippetExecution:
+    def test_python_snippet_runs_for_simple_demo(self):
+        def greet(name):
+            return "Hello " + name + "!"
+
+        demo = gr.Interface(
+            fn=greet,
+            inputs=gr.Textbox(label="Name"),
+            outputs=gr.Textbox(label="Greeting"),
+            api_name="greet",
+        )
+
+        with connect(demo) as client:
+            api_info = client.view_api(print_info=False, return_format="dict")
+            endpoint_info = api_info["named_endpoints"]["/greet"]
+            snippets = generate_code_snippets("/greet", endpoint_info, client.src)
+
+            python_snippet = snippets["python"]
+            assert "client.predict(" in python_snippet
+            assert 'api_name="/greet"' in python_snippet
+
+            namespace = {}
+            exec(python_snippet, namespace)
+            assert namespace["result"] == "Hello Hello!!!"
+
+    def test_python_snippet_runs_for_calculator(self):
+        def calculator(num1, operation, num2):
+            if operation == "add":
+                return num1 + num2
+            elif operation == "subtract":
+                return num1 - num2
+            elif operation == "multiply":
+                return num1 * num2
+            elif operation == "divide":
+                return num1 / num2
+
+        demo = gr.Interface(
+            calculator,
+            [
+                "number",
+                gr.Radio(["add", "subtract", "multiply", "divide"]),
+                "number",
+            ],
+            "number",
+            api_name="predict",
+        )
+
+        with connect(demo) as client:
+            api_info = client.view_api(print_info=False, return_format="dict")
+            endpoint_info = api_info["named_endpoints"]["/predict"]
+            snippets = generate_code_snippets("/predict", endpoint_info, client.src)
+
+            python_snippet = snippets["python"]
+            namespace = {}
+            exec(python_snippet, namespace)
+            assert namespace["result"] == 6.0
+
+    def test_python_snippet_runs_with_default_params(self):
+        def add(a, b=10):
+            return a + b
+
+        demo = gr.Interface(
+            add,
+            [gr.Number(label="a"), gr.Number(label="b", value=10)],
+            gr.Number(label="result"),
+            api_name="add",
+        )
+
+        with connect(demo) as client:
+            api_info = client.view_api(print_info=False, return_format="dict")
+            endpoint_info = api_info["named_endpoints"]["/add"]
+            snippets = generate_code_snippets("/add", endpoint_info, client.src)
+
+            python_snippet = snippets["python"]
+            namespace = {}
+            exec(python_snippet, namespace)
+            assert isinstance(namespace["result"], (int, float))
+
+
+class TestStringifyPy:
+    def test_datetime_in_nested_structure(self):
+        """Non-JSON-native types like datetime should not raise TypeError."""
+        value = {
+            "headers": ["t", "x"],
+            "data": [[datetime.datetime(2026, 1, 1, 0, 0), 1]],
+        }
+        result = _stringify_py(value)
+        assert "2026-01-01" in result
+        assert isinstance(result, str)
+
+    def test_date_serialization(self):
+        value = [datetime.date(2026, 6, 15)]
+        result = _stringify_py(value)
+        assert "2026-06-15" in result
diff --git a/client/python/test/test_utils.py b/client/python/test/test_utils.py
new file mode 100644
index 0000000..5ffa067
--- /dev/null
+++ b/client/python/test/test_utils.py
@@ -0,0 +1,334 @@
+import importlib.resources
+import json
+import tempfile
+from copy import deepcopy
+from enum import Enum
+from pathlib import Path
+from typing import Any, Literal, Optional, Union
+from unittest.mock import MagicMock, patch
+
+import httpx
+import pytest
+from huggingface_hub import get_token
+
+from gradio_client import utils
+
+types = json.loads(importlib.resources.read_text("gradio_client", "types.json"))
+types["MultipleFile"] = {
+    "type": "array",
+    "items": {"type": "string", "description": "filepath or URL to file"},
+}
+types["SingleFile"] = {"type": "string", "description": "filepath or URL to file"}
+types["FileWithAdditionalProperties"] = {"type": "object", "additionalProperties": True}
+HF_TOKEN = get_token()
+
+
+class TestEnum(Enum):
+    VALUE1 = "option1"
+    VALUE2 = "option2"
+    VALUE3 = 42
+
+
+def test_encode_url_or_file_to_base64(media_data):
+    output_base64 = utils.encode_url_or_file_to_base64(
+        Path(__file__).parents[3] / "gradio" / "test_data" / "test_image.png"
+    )
+    assert output_base64 == deepcopy(media_data.BASE64_IMAGE)
+
+
+def test_encode_file_to_base64(media_data):
+    output_base64 = utils.encode_file_to_base64(
+        Path(__file__).parents[3] / "gradio" / "test_data" / "test_image.png"
+    )
+    assert output_base64 == deepcopy(media_data.BASE64_IMAGE)
+
+
+@pytest.mark.flaky
+def test_encode_url_to_base64(media_data):
+    output_base64 = utils.encode_url_to_base64(
+        "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/test_data/test_image.png"
+    )
+    assert output_base64 == deepcopy(media_data.BASE64_IMAGE)
+
+
+def test_encode_url_to_base64_doesnt_encode_errors(monkeypatch):
+    request = httpx.Request("GET", "https://example.com/foo")
+    error_response = httpx.Response(status_code=404, request=request)
+    monkeypatch.setattr(httpx, "get", lambda *args, **kwargs: error_response)
+    with pytest.raises(httpx.HTTPStatusError):
+        utils.encode_url_to_base64("https://example.com/foo")
+
+
+def test_decode_base64_to_binary(media_data):
+    binary = utils.decode_base64_to_binary(deepcopy(media_data.BASE64_IMAGE))
+    assert deepcopy(media_data.BINARY_IMAGE) == binary
+
+    b64_img_without_header = deepcopy(media_data.BASE64_IMAGE).split(",")[1]
+    binary_without_header, extension = utils.decode_base64_to_binary(
+        b64_img_without_header
+    )
+
+    assert binary[0] == binary_without_header
+    assert extension is None
+
+
+def test_decode_base64_to_file(media_data):
+    temp_file = utils.decode_base64_to_file(deepcopy(media_data.BASE64_IMAGE))
+    assert isinstance(temp_file, tempfile._TemporaryFileWrapper)
+
+
+@pytest.mark.parametrize(
+    "path_or_url, file_types, expected_result",
+    [
+        ("/home/user/documents/example.pdf", [".json", "text", ".mp3", ".pdf"], True),
+        ("C:\\Users\\user\\documents\\example.png", [".png"], True),
+        ("C:\\Users\\user\\documents\\example.png", ["image"], True),
+        ("C:\\Users\\user\\documents\\example.png", ["file"], True),
+        ("/home/user/documents/example.pdf", [".json", "text", ".mp3"], False),
+        ("https://example.com/avatar/xxxx.mp4", ["audio", ".png", ".jpg"], False),
+        # WebP support - case insensitive
+        ("/home/user/images/photo.webp", ["image"], True),
+        ("/home/user/images/photo.WEBP", ["image"], True),
+        ("/home/user/images/photo.WebP", ["image"], True),
+        ("C:\\Users\\user\\images\\photo.webp", ["image", "video"], True),
+        ("C:\\Users\\user\\images\\photo.WEBP", ["image", "video"], True),
+    ],
+)
+def test_is_valid_file_type(path_or_url, file_types, expected_result):
+    assert utils.is_valid_file(path_or_url, file_types) is expected_result
+
+
+@pytest.mark.parametrize(
+    "filename, expected_mimetype",
+    [
+        ("photo.webp", "image/webp"),
+        ("photo.WEBP", "image/webp"),
+        ("photo.WebP", "image/webp"),
+        ("video.vtt", "text/vtt"),
+        ("video.VTT", "text/vtt"),
+        ("image.png", "image/png"),
+    ],
+)
+def test_get_mimetype(filename, expected_mimetype):
+    assert utils.get_mimetype(filename) == expected_mimetype
+
+
+@pytest.mark.parametrize(
+    "orig_filename, new_filename",
+    [
+        ("abc", "abc"),
+        ("$$AAabc&3", "AAabc&3"),
+        ("$$AAa&..b-c3_", "AAa&..b-c3_"),
+        ("#.txt", "#.txt"),
+        ("###.pdf", "###.pdf"),
+        ("@!$.csv", "@.csv"),
+        ("a#.txt", "a#.txt"),
+        # Path traversal characters are stripped
+        ("a/b\\c.txt", "abc.txt"),
+        ('a<b>c:"d.txt', "abcd.txt"),
+        ("a\x00b.txt", "ab.txt"),
+        # Shell-dangerous characters ($, !, {, }) are stripped; parentheses and brackets preserved
+        ("[{(Hunting's Shadowsl!)}].epub", "[(Hunting's Shadowsl)].epub"),
+        ("l!)}]test[{(.txt", "l)]test[(.txt"),
+        (
+            "ゆかりです｡私､こんなかわいい服は初めて着ました…｡なんだかうれしくって､楽しいです｡歌いたくなる気分って､初めてです｡これがｱｲﾄﾞﾙってことなのかもしれませんね",
+            "ゆかりです｡私､こんなかわいい服は初めて着ました…｡なんだかうれしくって､楽しいです｡歌いたくなる気分って､初めてです｡これがｱｲﾄ",
+        ),
+        (
+            "Bringing-computational-thinking-into-classrooms-a-systematic-review-on-supporting-teachers-in-integrating-computational-thinking-into-K12-classrooms_2024_Springer-Science-and-Business-Media-Deutschland-GmbH.pdf",
+            "Bringing-computational-thinking-into-classrooms-a-systematic-review-on-supporting-teachers-in-integrating-computational-thinking-into-K12-classrooms_2024_Springer-Science-and-Business-Media-Deutsc.pdf",
+        ),
+    ],
+)
+def test_strip_invalid_filename_characters(orig_filename, new_filename):
+    assert utils.strip_invalid_filename_characters(orig_filename) == new_filename
+
+
+class AsyncMock(MagicMock):
+    async def __call__(self, *args, **kwargs):
+        return super().__call__(*args, **kwargs)
+
+
+@patch("httpx.post")
+def test_sleep_successful(mock_post):
+    utils.set_space_timeout("gradio/calculator")
+
+
+@patch(
+    "httpx.post",
+    side_effect=httpx.HTTPStatusError("error", request=None, response=None),
+)
+def test_sleep_unsuccessful(mock_post):
+    with pytest.raises(utils.SpaceDuplicationError):
+        utils.set_space_timeout("gradio/calculator")
+
+
+@pytest.mark.parametrize("schema", types)
+def test_json_schema_to_python_type(schema):
+    if schema == "SimpleSerializable":
+        answer = "Any"
+    elif schema == "StringSerializable":
+        answer = "str"
+    elif schema == "ListStringSerializable":
+        answer = "list[str]"
+    elif schema == "BooleanSerializable":
+        answer = "bool"
+    elif schema == "NumberSerializable":
+        answer = "float"
+    elif schema == "ImgSerializable":
+        answer = "str"
+    elif schema == "FileSerializable":
+        answer = "str | dict(name: str (name of file), data: str (base64 representation of file), size: int (size of image in bytes), is_file: bool (true if the file has been uploaded to the server), orig_name: str (original name of the file)) | list[str | dict(name: str (name of file), data: str (base64 representation of file), size: int (size of image in bytes), is_file: bool (true if the file has been uploaded to the server), orig_name: str (original name of the file))]"
+    elif schema == "JSONSerializable":
+        answer = "str | float | bool | list | dict"
+    elif schema == "GallerySerializable":
+        answer = "tuple[dict(name: str (name of file), data: str (base64 representation of file), size: int (size of image in bytes), is_file: bool (true if the file has been uploaded to the server), orig_name: str (original name of the file)), str | None]"
+    elif schema == "SingleFileSerializable":
+        answer = "str | dict(name: str (name of file), data: str (base64 representation of file), size: int (size of image in bytes), is_file: bool (true if the file has been uploaded to the server), orig_name: str (original name of the file))"
+    elif schema == "MultipleFileSerializable":
+        answer = "list[str | dict(name: str (name of file), data: str (base64 representation of file), size: int (size of image in bytes), is_file: bool (true if the file has been uploaded to the server), orig_name: str (original name of the file))]"
+    elif schema == "SingleFile":
+        answer = "str"
+    elif schema == "MultipleFile":
+        answer = "list[str]"
+    elif schema == "FileWithAdditionalProperties":
+        answer = "dict(str, Any)"
+    else:
+        raise ValueError(f"This test has not been modified to check {schema}")
+    assert utils.json_schema_to_python_type(types[schema]) == answer
+
+
+@pytest.mark.parametrize(
+    "type_hint, expected_schema",
+    [
+        (str, {"type": "string"}),
+        (int, {"type": "integer"}),
+        (float, {"type": "number"}),
+        (bool, {"type": "boolean"}),
+        (type(None), {"type": "null"}),
+        (Any, {}),
+        (Union[str, int], {"anyOf": [{"type": "string"}, {"type": "integer"}]}),
+        (Optional[str], {"oneOf": [{"type": "null"}, {"type": "string"}]}),
+        (str | None, {"oneOf": [{"type": "null"}, {"type": "string"}]}),
+        (dict, {"type": "object", "additionalProperties": {}}),
+        (list, {"type": "array", "items": {}}),
+        (tuple, {"type": "array"}),
+        (set, {"type": "array", "uniqueItems": True}),
+        (frozenset, {"type": "array", "uniqueItems": True}),
+        (bytes, {"type": "string", "format": "byte"}),
+        (bytearray, {"type": "string", "format": "byte"}),
+        (TestEnum, {"enum": ["option1", "option2", 42]}),
+    ],
+)
+def test_python_type_to_json_schema(type_hint, expected_schema):
+    schema = utils.python_type_to_json_schema(type_hint)
+    assert schema == expected_schema
+
+
+@pytest.mark.parametrize(
+    "type_hint, expected_schema",
+    [
+        (tuple[int, ...], {"type": "array", "items": {"type": "integer"}}),
+        (
+            tuple[str, int],
+            {
+                "type": "array",
+                "prefixItems": [{"type": "string"}, {"type": "integer"}],
+                "minItems": 2,
+                "maxItems": 2,
+            },
+        ),
+        (set[str], {"type": "array", "uniqueItems": True, "items": {"type": "string"}}),
+        (
+            list[str | None],
+            {
+                "type": "array",
+                "items": {"oneOf": [{"type": "null"}, {"type": "string"}]},
+            },
+        ),
+        (Literal["a", "b", "c"], {"enum": ["a", "b", "c"]}),
+        (Literal["single"], {"const": "single"}),
+    ],
+)
+def test_python_type_to_json_schema_complex_nested_types(type_hint, expected_schema):
+    assert utils.python_type_to_json_schema(type_hint) == expected_schema
+
+
+class TestConstructArgs:
+    def test_no_parameters_empty_args(self):
+        assert utils.construct_args(None, (), {}) == []
+
+    def test_no_parameters_with_args(self):
+        assert utils.construct_args(None, (1, 2), {}) == [1, 2]
+
+    def test_no_parameters_with_kwargs(self):
+        with pytest.raises(
+            ValueError, match="This endpoint does not support key-word arguments"
+        ):
+            utils.construct_args(None, (), {"a": 1})
+
+    def test_parameters_no_args_kwargs(self):
+        parameters_info = [
+            {
+                "label": "param1",
+                "parameter_name": "a",
+                "parameter_has_default": True,
+                "parameter_default": 10,
+            }
+        ]
+        assert utils.construct_args(parameters_info, (), {"a": 1}) == [1]
+
+    def test_parameters_with_args_no_kwargs(self):
+        parameters_info = [{"label": "param1", "parameter_name": "a"}]
+        assert utils.construct_args(parameters_info, (1,), {}) == [1]
+
+    def test_parameter_with_default_no_args_no_kwargs(self):
+        parameters_info = [
+            {"label": "param1", "parameter_has_default": True, "parameter_default": 10}
+        ]
+        assert utils.construct_args(parameters_info, (), {}) == [10]
+
+    def test_args_filled_parameters_with_defaults(self):
+        parameters_info = [
+            {"label": "param1", "parameter_has_default": True, "parameter_default": 10},
+            {"label": "param2", "parameter_has_default": True, "parameter_default": 20},
+        ]
+        assert utils.construct_args(parameters_info, (1,), {}) == [1, 20]
+
+    def test_kwargs_filled_parameters_with_defaults(self):
+        parameters_info = [
+            {
+                "label": "param1",
+                "parameter_name": "a",
+                "parameter_has_default": True,
+                "parameter_default": 10,
+            },
+            {
+                "label": "param2",
+                "parameter_name": "b",
+                "parameter_has_default": True,
+                "parameter_default": 20,
+            },
+        ]
+        assert utils.construct_args(parameters_info, (), {"a": 1, "b": 2}) == [1, 2]
+
+    def test_positional_arg_and_kwarg_for_same_parameter(self):
+        parameters_info = [{"label": "param1", "parameter_name": "a"}]
+        with pytest.raises(
+            TypeError, match="Parameter `a` is already set as a positional argument."
+        ):
+            utils.construct_args(parameters_info, (1,), {"a": 2})
+
+    def test_invalid_kwarg(self):
+        parameters_info = [{"label": "param1", "parameter_name": "a"}]
+        with pytest.raises(
+            TypeError, match="Parameter `b` is not a valid key-word argument."
+        ):
+            utils.construct_args(parameters_info, (), {"b": 1})
+
+    def test_required_arg_missing(self):
+        parameters_info = [{"label": "param1", "parameter_name": "a"}]
+        with pytest.raises(
+            TypeError, match="No value provided for required argument: a"
+        ):
+            utils.construct_args(parameters_info, (), {})
diff --git a/cs.js b/cs.js
new file mode 100644
index 0000000..e496318
--- /dev/null
+++ b/cs.js
@@ -0,0 +1,265 @@
+import { readFileSync, writeFileSync, readdirSync } from "fs";
+import path from "path";
+import { execSync } from "child_process";
+import { getPackages } from "@manypkg/get-packages";
+
+/**
+ * @typedef {"patch" | "minor" | "major"} VersionBump
+ * @typedef {{ feat: string; fix: string; highlight: string; [key: string]: string }} ReadmeContent
+ * @typedef {{ version: VersionBump; reamde_content: ReadmeContent }} ChangedPackage
+ * @typedef {{ name: string; dir: string; version: string; packge_json: Record<string, any>; changelog: string }} PackageToWrite
+ */
+
+const changsetsFolder = path.join(process.cwd(), ".changeset");
+const files = readdirSync(changsetsFolder);
+const mdFiles = files.filter(
+	(file) => file.endsWith(".md") && !file.startsWith("README.md")
+);
+
+/** @param {string} filePath */
+const getGitInfo = (filePath) => {
+	const gitInfo = execSync(
+		`git log -n 1 --pretty=format:"%H -bingboong- %s" --  ${filePath}`,
+		{
+			encoding: "utf8"
+		}
+	);
+	return gitInfo;
+};
+
+const changsets = mdFiles
+	.map((file) => {
+		const filePath = path.join(changsetsFolder, file);
+		const fileContent = readFileSync(filePath, "utf8");
+		const [sha, message] = getGitInfo(
+			path.join(process.cwd(), ".changeset", file)
+		).split(" -bingboong- ");
+		return {
+			file,
+			sha,
+			short_sha: sha.slice(0, 7),
+			pr: message.match(/(#\d+)/)?.[1],
+			content: fileContent
+		};
+	})
+	.filter((c) => c.pr);
+
+const changedPackages = changsets.reduce(
+	(acc, { content, sha, short_sha, pr }) => {
+		const [, frontmatter, body] = content.split("---");
+		const type_index = body.indexOf(":");
+		const type = body.slice(0, type_index).trim();
+		const _content = body.slice(type_index + 1).trim();
+		if (frontmatter) {
+			const packages = frontmatter.split("\n").filter((line) => !!line.trim());
+
+			if (packages) {
+				packages.forEach((_package) => {
+					const [name, version] = _package.split(":");
+					if (!name || !version || !pr) return;
+
+					if (!acc[name]) {
+						acc[name] = {
+							version: /** @type {VersionBump} */ (version.trim()),
+							reamde_content: {
+								feat: "",
+								fix: "",
+								highlight: "",
+								[type]: format_readme_content(pr, short_sha, sha, _content)
+							}
+						};
+					} else {
+						acc[name].version = getMaximumBump(
+							/** @type {VersionBump} */ (version.trim()),
+							acc[name].version
+						);
+						acc[name].reamde_content[type] += `\n${format_readme_content(
+							pr,
+							short_sha,
+							sha,
+							_content
+						)}`;
+					}
+				});
+			}
+		}
+		return acc;
+	},
+	/** @type {Record<string, ChangedPackage>} */ ({})
+);
+
+/**
+ * @param {VersionBump} newVersion
+ * @param {VersionBump} oldVersion
+ * @returns {VersionBump}
+ */
+function getMaximumBump(newVersion, oldVersion) {
+	const versionOrder = ["patch", "minor", "major"];
+	const newVersionIndex = versionOrder.indexOf(newVersion);
+	const oldVersionIndex = versionOrder.indexOf(oldVersion);
+
+	return /** @type {VersionBump} */ (
+		versionOrder[Math.max(newVersionIndex, oldVersionIndex)]
+	);
+}
+
+/**
+ * @param {string} pr
+ * @param {string} short_sha
+ * @param {string} sha
+ * @param {string} _content
+ */
+function format_readme_content(pr, short_sha, sha, _content) {
+	return `- [${pr}](https://github.com/gradio-app/gradio/pull/${pr.replace(
+		"#",
+		""
+	)}) [\`${short_sha}\`](https://github.com/gradio-app/gradio/commit/${sha}) - ${_content.trim()}`;
+}
+
+const { packages } = await getPackages(process.cwd());
+
+/** @type {PackageToWrite[]} */
+const packages_to_write = [];
+
+for (const pkg of packages) {
+	if (`"${pkg.packageJson.name}"` in changedPackages) {
+		const current_version = pkg.packageJson.version;
+		const bump = changedPackages[`"${pkg.packageJson.name}"`].version;
+
+		const new_version = get_new_version(current_version, bump);
+		const new_package_json = {
+			...pkg.packageJson,
+			version: new_version
+		};
+
+		/** @type {[string, string][]} */
+		let deps_updated = [];
+		for (const dep in new_package_json.dependencies) {
+			if (`"${dep}"` in changedPackages) {
+				console.log(
+					dep,
+					changedPackages[`"${dep}"`].version,
+					new_package_json.dependencies[dep]
+				);
+
+				const dep_version = packages.find((p) => p.packageJson.name === dep)
+					?.packageJson.version;
+
+				deps_updated.push([
+					dep,
+					get_new_version(
+						dep_version ?? "0.0.0",
+						changedPackages[`"${dep}"`].version
+					)
+				]);
+			}
+		}
+
+		if (
+			deps_updated.length > 0 &&
+			!(`"${pkg.packageJson.name}"` in changedPackages)
+		) {
+			new_package_json.version = get_new_version(current_version, "patch");
+			packages_to_write.push({
+				name: pkg.packageJson.name,
+				dir: pkg.dir,
+				version: new_version,
+				packge_json: new_package_json,
+				changelog: readFileSync(`${pkg.dir}/CHANGELOG.md`, "utf8").replace(
+					`# ${pkg.packageJson.name}`,
+
+					make_changelog(
+						pkg.packageJson.name,
+						new_version,
+						changedPackages[`"${pkg.packageJson.name}"`].reamde_content,
+						deps_updated
+					)
+				)
+			});
+		} else if (`"${pkg.packageJson.name}"` in changedPackages) {
+			new_package_json.version = new_version;
+			packages_to_write.push({
+				name: pkg.packageJson.name,
+				dir: pkg.dir,
+				version: new_version,
+				packge_json: new_package_json,
+				changelog: readFileSync(`${pkg.dir}/CHANGELOG.md`, "utf8").replace(
+					`# ${pkg.packageJson.name}`,
+
+					make_changelog(
+						pkg.packageJson.name,
+						new_version,
+						changedPackages[`"${pkg.packageJson.name}"`].reamde_content,
+						deps_updated
+					)
+				)
+			});
+		}
+	}
+}
+
+/**
+ * @param {string} name
+ * @param {string} version
+ * @param {ReadmeContent} changes
+ * @param {[string, string][]} deps_updated
+ */
+function make_changelog(name, version, changes, deps_updated) {
+	const { feat, fix, highlight } = changes;
+	let changelog = `# ${name}
+## ${version}`;
+
+	if (highlight) {
+		changelog += `\n\n### Highlights\n\n${highlight}`;
+	}
+	if (feat) {
+		changelog += `\n\n### Features\n\n${feat}`;
+	}
+	if (fix) {
+		changelog += `\n\n### Fixes\n\n${fix}`;
+	}
+	if (deps_updated.length > 0) {
+		changelog += `\n\n### Dependencies\n\n${deps_updated
+			.map(([dep, version]) => `- ${dep}@${version}`)
+			.join("\n")}`;
+	}
+
+	return changelog;
+}
+
+/**
+ * @param {string} version
+ * @param {VersionBump | string} bump
+ */
+function get_new_version(version, bump) {
+	const [_major, _minor, _patch, prerelease] = version.split(".");
+
+	const major = parseInt(_major);
+	const minor = parseInt(_minor);
+	const patch = parseInt(_patch);
+
+	if (prerelease) {
+		return `${major}.${minor}.${patch}`;
+	}
+
+	switch (bump) {
+		case "major":
+			return `${major + 1}.0.0`;
+		case "minor":
+			return `${major}.${minor + 1}.0`;
+		case "patch":
+			return `${major}.${minor}.${patch + 1}`;
+		default:
+			return version;
+	}
+}
+
+console.log(packages_to_write);
+
+for (const pkg of packages_to_write) {
+	writeFileSync(
+		`${pkg.dir}/package.json`,
+		JSON.stringify(pkg.packge_json, null, "\t")
+	);
+	writeFileSync(`${pkg.dir}/CHANGELOG.md`, pkg.changelog);
+}
diff --git a/demo/__init__.py b/demo/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/demo/accordion_tab_switch/run.py b/demo/accordion_tab_switch/run.py
new file mode 100644
index 0000000..fc1dde3
--- /dev/null
+++ b/demo/accordion_tab_switch/run.py
@@ -0,0 +1,27 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tabs() as tabs:
+        with gr.Tab("Tab 1", id="t1"):
+            with gr.Accordion("Accordion", open=False) as acc:
+                name = gr.Textbox(label="Name")
+
+            accordion_open = gr.Checkbox(label="Accordion Open", value=False)
+
+            accordion_open.change(
+                fn=lambda is_open: gr.update(open=is_open),
+                inputs=accordion_open,
+                outputs=acc,
+            )
+        with gr.Tab("Tab 2", id="t2"):
+            gr.Markdown("This is Tab 2 content.")
+
+    swith_tabs_btn = gr.Button("Switch to Tab 2")
+    swith_tabs_btn.click(
+        fn=lambda: gr.Tabs(selected="t2"),
+        inputs=None,
+        outputs=tabs,
+    )
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/agent_chatbot/requirements.txt b/demo/agent_chatbot/requirements.txt
new file mode 100644
index 0000000..9ed70ee
--- /dev/null
+++ b/demo/agent_chatbot/requirements.txt
@@ -0,0 +1 @@
+transformers>=4.47.0
\ No newline at end of file
diff --git a/demo/agent_chatbot/run.py b/demo/agent_chatbot/run.py
new file mode 100644
index 0000000..7e6d5a4
--- /dev/null
+++ b/demo/agent_chatbot/run.py
@@ -0,0 +1,44 @@
+import gradio as gr
+from dataclasses import asdict
+from transformers import Tool, ReactCodeAgent  # type: ignore
+from transformers.agents import stream_to_gradio, HfApiEngine  # type: ignore
+
+# Import tool from Hub
+image_generation_tool = Tool.from_space(  # type: ignore
+    space_id="black-forest-labs/FLUX.1-schnell",
+    name="image_generator",
+    description="Generates an image following your prompt. Returns a PIL Image.",
+    api_name="/infer",
+)
+
+llm_engine = HfApiEngine("Qwen/Qwen2.5-Coder-32B-Instruct")
+# Initialize the agent with both tools and engine
+agent = ReactCodeAgent(tools=[image_generation_tool], llm_engine=llm_engine)
+
+
+def interact_with_agent(prompt, history):
+    messages = []
+    yield messages
+    for msg in stream_to_gradio(agent, prompt):
+        messages.append(asdict(msg))  # type: ignore
+        yield messages
+    yield messages
+
+
+demo = gr.ChatInterface(
+    interact_with_agent,
+    chatbot= gr.Chatbot(
+        label="Agent",
+        avatar_images=(
+            None,
+            "https://em-content.zobj.net/source/twitter/53/robot-face_1f916.png",
+        ),
+    ),
+    examples=[
+        ["Generate an image of an astronaut riding an alligator"],
+        ["I am writing a children's book for my daughter. Can you help me with some illustrations?"],
+    ],
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/all_demos/image.png b/demo/all_demos/image.png
new file mode 100644
index 0000000..dc392ea
Binary files /dev/null and b/demo/all_demos/image.png differ
diff --git a/demo/all_demos/run.py b/demo/all_demos/run.py
new file mode 100644
index 0000000..05f0c90
--- /dev/null
+++ b/demo/all_demos/run.py
@@ -0,0 +1,46 @@
+import importlib
+import gradio as gr
+import os
+import sys
+import copy
+import pathlib
+from gradio.media import MEDIA_ROOT
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+demo_dir = pathlib.Path(__file__).parent / "demos"
+
+names = sorted(os.listdir("./demos"))
+
+all_demos = []
+demo_module = None
+for p in sorted(os.listdir("./demos")):
+    old_path = copy.deepcopy(sys.path)
+    sys.path = [os.path.join(demo_dir, p)] + sys.path
+    try:  # Some demos may not be runnable because of 429 timeouts, etc.
+        if demo_module is None:
+            demo_module = importlib.import_module("run")
+        else:
+            demo_module = importlib.reload(demo_module)
+        all_demos.append((p, demo_module.demo, False))  # type: ignore
+    except Exception as e:
+        with gr.Blocks() as demo:
+            gr.Markdown(f"Error loading demo: {e}")
+        all_demos.append((p, demo, True))
+
+app = gr.Blocks()
+
+with app:
+    gr.Markdown("""
+# Deployed Demos
+## Click through demos to test them out!
+""")
+
+for demo_name, demo, _ in all_demos:
+    with app.route(demo_name):
+        demo.render()
+
+    # app = gr.mount_gradio_app(app, demo, f"/demo/{demo_name}")
+
+if __name__ == "__main__":
+    app.launch(allowed_paths=[str(MEDIA_ROOT)])
diff --git a/demo/animeganv2/DESCRIPTION.md b/demo/animeganv2/DESCRIPTION.md
new file mode 100644
index 0000000..e66cbc0
--- /dev/null
+++ b/demo/animeganv2/DESCRIPTION.md
@@ -0,0 +1 @@
+Recreate the viral AnimeGAN image transformation demo.
\ No newline at end of file
diff --git a/demo/animeganv2/gongyoo.jpeg b/demo/animeganv2/gongyoo.jpeg
new file mode 100644
index 0000000..8f09a41
Binary files /dev/null and b/demo/animeganv2/gongyoo.jpeg differ
diff --git a/demo/animeganv2/requirements.txt b/demo/animeganv2/requirements.txt
new file mode 100644
index 0000000..45d786f
--- /dev/null
+++ b/demo/animeganv2/requirements.txt
@@ -0,0 +1,9 @@
+torch
+torchvision
+Pillow
+gdown
+numpy
+scipy
+cmake
+onnxruntime-gpu
+opencv-python-headless
\ No newline at end of file
diff --git a/demo/animeganv2/run.py b/demo/animeganv2/run.py
new file mode 100644
index 0000000..2e22f6b
--- /dev/null
+++ b/demo/animeganv2/run.py
@@ -0,0 +1,38 @@
+import gradio as gr
+import torch
+
+model2 = torch.hub.load(
+    "AK391/animegan2-pytorch:main",
+    "generator",
+    pretrained=True,
+    progress=False
+)
+model1 = torch.hub.load("AK391/animegan2-pytorch:main", "generator", pretrained="face_paint_512_v1")
+face2paint = torch.hub.load(
+    'AK391/animegan2-pytorch:main', 'face2paint',
+    size=512,side_by_side=False
+)
+
+def inference(img, ver):
+    if ver == 'version 2 (🔺 robustness,🔻 stylization)':
+        out = face2paint(model2, img)
+    else:
+        out = face2paint(model1, img)
+    return out
+
+title = "AnimeGANv2"
+description = "Gradio Demo for AnimeGanv2 Face Portrait. To use it, simply upload your image, or click one of the examples to load them. Read more at the links below. Please use a cropped portrait picture for best results similar to the examples below."
+article = "<p style='text-align: center'><a href='https://github.com/bryandlee/animegan2-pytorch' target='_blank'>Github Repo Pytorch</a></p> <center><img src='https://visitor-badge.glitch.me/badge?page_id=akhaliq_animegan' alt='visitor badge'></center></p>"
+examples=[['groot.jpeg','version 2 (🔺 robustness,🔻 stylization)'],['gongyoo.jpeg','version 1 (🔺 stylization, 🔻 robustness)']]
+
+demo = gr.Interface(
+    fn=inference,
+    inputs=[gr.Image(type="pil"),gr.Radio(['version 1 (🔺 stylization, 🔻 robustness)','version 2 (🔺 robustness,🔻 stylization)'], type="value", value='version 2 (🔺 robustness,🔻 stylization)', label='version')],
+    outputs=gr.Image(type="pil"),
+    title=title,
+    description=description,
+    article=article,
+    examples=examples,
+    api_name="predict")
+
+demo.launch()
diff --git a/demo/annotatedimage_component/requirements.txt b/demo/annotatedimage_component/requirements.txt
new file mode 100644
index 0000000..6dd520b
--- /dev/null
+++ b/demo/annotatedimage_component/requirements.txt
@@ -0,0 +1,3 @@
+numpy
+requests
+Pillow
diff --git a/demo/annotatedimage_component/run.py b/demo/annotatedimage_component/run.py
new file mode 100644
index 0000000..ad3a878
--- /dev/null
+++ b/demo/annotatedimage_component/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+import numpy as np 
+import requests 
+from io import BytesIO
+from PIL import Image
+
+base_image = "https://gradio-docs-json.s3.us-west-2.amazonaws.com/base.png"
+building_image = requests.get("https://gradio-docs-json.s3.us-west-2.amazonaws.com/buildings.png")
+building_image = np.asarray(Image.open(BytesIO(building_image.content)))[:, :, -1] > 0
+
+with gr.Blocks() as demo:
+    gr.AnnotatedImage(
+        value=(base_image, [(building_image, "buildings")]),
+        height=500,
+    )
+
+demo.launch()
\ No newline at end of file
diff --git a/demo/asr/requirements.txt b/demo/asr/requirements.txt
new file mode 100644
index 0000000..0175df5
--- /dev/null
+++ b/demo/asr/requirements.txt
@@ -0,0 +1,3 @@
+torch
+torchaudio
+transformers
\ No newline at end of file
diff --git a/demo/asr/run.py b/demo/asr/run.py
new file mode 100644
index 0000000..aacba46
--- /dev/null
+++ b/demo/asr/run.py
@@ -0,0 +1,27 @@
+import gradio as gr
+from transformers import pipeline
+import numpy as np
+
+transcriber = pipeline("automatic-speech-recognition", model="openai/whisper-base.en")
+
+def transcribe(audio):
+    sr, y = audio
+    
+    # Convert to mono if stereo
+    if y.ndim > 1:
+        y = y.mean(axis=1)
+        
+    y = y.astype(np.float32)
+    y /= np.max(np.abs(y))
+
+    return transcriber({"sampling_rate": sr, "raw": y})["text"]  # type: ignore
+
+demo = gr.Interface(
+    transcribe,
+    gr.Audio(sources="microphone"),
+    "text",
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/audio_component/run.py b/demo/audio_component/run.py
new file mode 100644
index 0000000..17508a7
--- /dev/null
+++ b/demo/audio_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Audio()
+
+demo.launch()
diff --git a/demo/audio_component_events/run.py b/demo/audio_component_events/run.py
new file mode 100644
index 0000000..c8a69c3
--- /dev/null
+++ b/demo/audio_component_events/run.py
@@ -0,0 +1,43 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            input_audio = gr.Audio(type="filepath", label="Input Audio", sources=["upload", "microphone"])
+        with gr.Column():
+            output_audio = gr.Audio(label="Output Audio", sources=["upload", "microphone"])
+
+    with gr.Row():
+        with gr.Column():
+            input_num_change = gr.Number(label="# Input Change Events", value=0)
+            input_num_input = gr.Number(label="# Input Input Events", value=0)
+            input_num_load = gr.Number(label="# Input Upload Events", value=0)
+            input_num_play = gr.Number(label="# Input Play Events", value=0)
+            input_num_pause = gr.Number(label="# Input Pause Events", value=0)
+
+        with gr.Column():
+            input_record = gr.Number(label="# Input Start Recording Events", value=0)
+            input_pause = gr.Number(label="# Input Pause Recording Events", value=0)
+            input_stop = gr.Number(label="# Input Stop Recording Events", value=0)
+
+        with gr.Column():
+            output_num_play = gr.Number(label="# Output Play Events", value=0)
+            output_num_pause = gr.Number(label="# Output Pause Events", value=0)
+            output_num_stop = gr.Number(label="# Output Stop Events", value=0)
+
+            input_audio.upload(lambda s, n: (s, n + 1), [input_audio, input_num_load], [output_audio, input_num_load])
+            input_audio.change(lambda n: n + 1, input_num_change, input_num_change)
+            input_audio.play(lambda n: n + 1, input_num_play, input_num_play)
+            input_audio.pause(lambda n: n + 1, input_num_pause, input_num_pause)
+            input_audio.input(lambda n: n + 1, input_num_input, input_num_input)
+
+            input_audio.start_recording(lambda n: n + 1, input_record, input_record)
+            input_audio.pause_recording(lambda n: n + 1, input_pause, input_pause)
+            input_audio.stop_recording(lambda n: n + 1, input_stop, input_stop)
+
+            output_audio.play(lambda n: n + 1, output_num_play, output_num_play)
+            output_audio.pause(lambda n: n + 1, output_num_pause, output_num_pause)
+            output_audio.stop(lambda n: n + 1, output_num_stop, output_num_stop)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/audio_debugger/run.py b/demo/audio_debugger/run.py
new file mode 100644
index 0000000..e515d50
--- /dev/null
+++ b/demo/audio_debugger/run.py
@@ -0,0 +1,43 @@
+import gradio as gr
+from gradio.media import get_audio, MEDIA_PATHS
+
+# get_audio returns the path to the audio file
+audio_file = get_audio("cantina.wav")
+
+with gr.Blocks() as demo:
+    with gr.Tab("Audio"):
+        gr.Audio(audio_file, buttons=["download"])
+    with gr.Tab("Interface"):
+        gr.Interface(
+            lambda x: x,
+            gr.Audio(),
+            gr.Audio(),
+            examples=[audio_file],
+            cache_examples=True,
+            api_name="predict",
+        )
+    with gr.Tab("Streaming"):
+        gr.Interface(
+            lambda x: x,
+            gr.Audio(streaming=True),
+            "audio",
+            examples=[audio_file],
+            cache_examples=True,
+            api_name="predict",
+        )
+    with gr.Tab("console"):
+        ip = gr.Textbox(label="User IP Address")
+        gr.Interface(
+            lambda cmd: f"You typed this command: {cmd}",
+            "text",
+            "text",
+            api_name="predict",
+        )
+
+    def get_ip(request: gr.Request):
+        return request.client.host
+
+    demo.load(get_ip, None, ip)
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=MEDIA_PATHS)
diff --git a/demo/audio_mixer/run.py b/demo/audio_mixer/run.py
new file mode 100644
index 0000000..5a02a08
--- /dev/null
+++ b/demo/audio_mixer/run.py
@@ -0,0 +1,43 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    track_count = gr.State(1)
+    add_track_btn = gr.Button("Add Track")
+
+    add_track_btn.click(lambda count: count + 1, track_count, track_count)
+
+    @gr.render(inputs=track_count)
+    def render_tracks(count):
+        audios = []
+        volumes = []
+        with gr.Row():
+            for i in range(count):
+                with gr.Column(variant="panel", min_width=200):
+                    gr.Textbox(placeholder="Track Name", key=f"name-{i}", show_label=False)
+                    track_audio = gr.Audio(label=f"Track {i}", key=f"track-{i}")
+                    track_volume = gr.Slider(0, 100, value=100, label="Volume", key=f"volume-{i}")
+                    audios.append(track_audio)
+                    volumes.append(track_volume)
+
+            def merge(data):
+                sr, output = None, None
+                for audio, volume in zip(audios, volumes):
+                    sr, audio_val = data[audio]
+                    volume_val = data[volume]
+                    final_track = audio_val * (volume_val / 100)
+                    if output is None:
+                        output = final_track
+                    else:
+                        min_shape = tuple(min(s1, s2) for s1, s2 in zip(output.shape, final_track.shape))
+                        trimmed_output = output[:min_shape[0], ...][:, :min_shape[1], ...] if output.ndim > 1 else output[:min_shape[0]]
+                        trimmed_final = final_track[:min_shape[0], ...][:, :min_shape[1], ...] if final_track.ndim > 1 else final_track[:min_shape[0]]
+                        output += trimmed_output + trimmed_final
+                return (sr, output)
+
+            merge_btn.click(merge, set(audios + volumes), output_audio)
+
+    merge_btn = gr.Button("Merge Tracks")
+    output_audio = gr.Audio(label="Output", interactive=False)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/audio_subtitle/run.py b/demo/audio_subtitle/run.py
new file mode 100644
index 0000000..bfd477b
--- /dev/null
+++ b/demo/audio_subtitle/run.py
@@ -0,0 +1,33 @@
+import gradio as gr
+from gradio.media import get_audio, get_file, MEDIA_PATHS
+
+
+a = get_audio("cate_blanch.mp3")
+b = get_audio("cate_blanch_2.mp3")
+s1 = get_file("s1.srt")
+s2 = get_file("s2.vtt")
+
+
+def add_subtitles_to_audio(audio, subtitles=None):
+    if subtitles is None:
+        return audio
+    if subtitles is not None:
+        return gr.Audio(label="Out", value=audio, subtitles=subtitles.name)
+
+
+demo = gr.Interface(
+    fn=add_subtitles_to_audio,
+    inputs=[
+        gr.Audio(label="In", interactive=True),
+        gr.File(label="Subtitle", file_types=[".srt", ".vtt"]),
+    ],
+    outputs=gr.Audio(label="Out"),
+    examples=[
+        [a, s1],
+        [b, s2],
+    ],
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=[MEDIA_PATHS])  # type: ignore
diff --git a/demo/autocomplete/DESCRIPTION.md b/demo/autocomplete/DESCRIPTION.md
new file mode 100644
index 0000000..1ba2417
--- /dev/null
+++ b/demo/autocomplete/DESCRIPTION.md
@@ -0,0 +1 @@
+This text generation demo works like autocomplete. There's only one textbox and it's used for both the input and the output. The demo loads the model as an interface, and uses that interface as an API. It then uses blocks to create the UI. All of this is done in less than 10 lines of code.
\ No newline at end of file
diff --git a/demo/autocomplete/run.py b/demo/autocomplete/run.py
new file mode 100644
index 0000000..0e450fd
--- /dev/null
+++ b/demo/autocomplete/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+import os
+
+# save your HF API token from https:/hf.co/settings/tokens as an env variable to avoid rate limiting
+hf_token = os.getenv("hf_token")
+
+# load a model from https://hf.co/models as an interface, then use it as an api
+# you can remove the hf_token parameter if you don't care about rate limiting.
+api = gr.load("huggingface/gpt2-xl", hf_token=hf_token)
+
+def complete_with_gpt(text):
+    return text[:-50] + api(text[-50:])
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(placeholder="Type here...", lines=4)
+    btn = gr.Button("Autocomplete")
+
+    # define what will run when the button is clicked, here the textbox is used as both an input and an output
+    btn.click(fn=complete_with_gpt, inputs=textbox, outputs=textbox, queue=False)
+
+demo.launch()
diff --git a/demo/automatic-speech-recognition/DESCRIPTION.md b/demo/automatic-speech-recognition/DESCRIPTION.md
new file mode 100644
index 0000000..876b9b1
--- /dev/null
+++ b/demo/automatic-speech-recognition/DESCRIPTION.md
@@ -0,0 +1 @@
+Automatic speech recognition English. Record from your microphone and the app will transcribe the audio.
\ No newline at end of file
diff --git a/demo/automatic-speech-recognition/run.py b/demo/automatic-speech-recognition/run.py
new file mode 100644
index 0000000..f66fe55
--- /dev/null
+++ b/demo/automatic-speech-recognition/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+import os
+
+# save your HF API token from https:/hf.co/settings/tokens as an env variable to avoid rate limiting
+hf_token = os.getenv("hf_token")
+
+# automatically load the interface from a HF model
+# you can remove the hf_token parameter if you don't care about rate limiting.
+demo = gr.load(
+    "huggingface/facebook/wav2vec2-base-960h",
+    title="Speech-to-text",
+    inputs="mic",
+    description="Let me try to guess what you're saying!",
+    hf_token=hf_token
+)
+
+demo.launch()
diff --git a/demo/bar_plot/requirements.txt b/demo/bar_plot/requirements.txt
new file mode 100644
index 0000000..1411a4a
--- /dev/null
+++ b/demo/bar_plot/requirements.txt
@@ -0,0 +1 @@
+pandas
\ No newline at end of file
diff --git a/demo/bar_plot/run.py b/demo/bar_plot/run.py
new file mode 100644
index 0000000..5ed4f0a
--- /dev/null
+++ b/demo/bar_plot/run.py
@@ -0,0 +1,131 @@
+import gradio as gr
+import pandas as pd
+import random
+
+simple = pd.DataFrame(
+    {
+        "a": ["A", "B", "C", "D", "E", "F", "G", "H", "I"],
+        "b": [28, 55, 43, 91, 81, 53, 19, 87, 52],
+    }
+)
+
+fake_barley = pd.DataFrame(
+    {
+        "site": [
+            random.choice(
+                [
+                    "University Farm",
+                    "Waseca",
+                    "Morris",
+                    "Crookston",
+                    "Grand Rapids",
+                    "Duluth",
+                ]
+            )
+            for _ in range(120)
+        ],
+        "yield": [random.randint(25, 75) for _ in range(120)],
+        "variety": [
+            random.choice(
+                [
+                    "Manchuria",
+                    "Wisconsin No. 38",
+                    "Glabron",
+                    "No. 457",
+                    "No. 462",
+                    "No. 475",
+                ]
+            )
+            for _ in range(120)
+        ],
+        "year": [
+            random.choice(
+                [
+                    "1931",
+                    "1932",
+                ]
+            )
+            for _ in range(120)
+        ],
+    }
+)
+
+def bar_plot_fn(display):
+    if display == "simple":
+        return gr.BarPlot(
+            simple,
+            x="a",
+            y="b",
+            title="Simple Bar Plot with made up data",
+            tooltip=["a", "b"],
+            y_lim=[20, 100],
+        )
+    elif display == "stacked":
+        return gr.BarPlot(
+            fake_barley,
+            x="variety",
+            y="yield",
+            color="site",
+            title="Barley Yield Data",
+            tooltip=["variety", "site"],
+        )
+    elif display == "grouped":
+        return gr.BarPlot(
+            fake_barley.astype({"year": str}),
+            x="year",
+            y="yield",
+            color="year",
+            title="Barley Yield by Year and Site",
+            tooltip=["yield", "site", "year"],
+        )
+    elif display == "simple-horizontal":
+        return gr.BarPlot(
+            simple,
+            x="a",
+            y="b",
+            x_title="Variable A",
+            y_title="Variable B",
+            title="Simple Bar Plot with made up data",
+            tooltip=["a", "b"],
+            y_lim=[20, 100],
+        )
+    elif display == "stacked-horizontal":
+        return gr.BarPlot(
+            fake_barley,
+            x="variety",
+            y="yield",
+            color="site",
+            title="Barley Yield Data",
+            tooltip=["variety", "site"],
+        )
+    elif display == "grouped-horizontal":
+        return gr.BarPlot(
+            fake_barley.astype({"year": str}),
+            x="year",
+            y="yield",
+            color="year",
+            title="Barley Yield by Year and Site",
+            tooltip=["yield", "site", "year"],
+        )
+
+with gr.Blocks() as bar_plot:
+    with gr.Row():
+        with gr.Column():
+            display = gr.Dropdown(
+                choices=[
+                    "simple",
+                    "stacked",
+                    "grouped",
+                    "simple-horizontal",
+                    "stacked-horizontal",
+                    "grouped-horizontal",
+                ],
+                value="simple",
+                label="Type of Bar Plot",
+            )
+        with gr.Column():
+            plot = gr.BarPlot()
+    display.change(bar_plot_fn, inputs=display, outputs=plot)
+    bar_plot.load(fn=bar_plot_fn, inputs=display, outputs=plot)
+
+bar_plot.launch()
diff --git a/demo/bar_plot_demo/requirements.txt b/demo/bar_plot_demo/requirements.txt
new file mode 100644
index 0000000..fb6c7ed
--- /dev/null
+++ b/demo/bar_plot_demo/requirements.txt
@@ -0,0 +1 @@
+pandas
diff --git a/demo/bar_plot_demo/run.py b/demo/bar_plot_demo/run.py
new file mode 100644
index 0000000..ed25096
--- /dev/null
+++ b/demo/bar_plot_demo/run.py
@@ -0,0 +1,94 @@
+import pandas as pd
+from random import randint, random
+import gradio as gr
+
+
+temp_sensor_data = pd.DataFrame(
+    {
+        "time": pd.date_range("2021-01-01", end="2021-01-05", periods=200),
+        "temperature": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "humidity": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "location": ["indoor", "outdoor"] * 100,
+    }
+)
+
+food_rating_data = pd.DataFrame(
+    {
+        "cuisine": [["Italian", "Mexican", "Chinese"][i % 3] for i in range(100)],
+        "rating": [random() * 4 + 0.5 * (i % 3) for i in range(100)],
+        "price": [randint(10, 50) + 4 * (i % 3) for i in range(100)],
+        "wait": [random() for i in range(100)],
+    }
+)
+
+with gr.Blocks() as bar_plots:
+    with gr.Row():
+        start = gr.DateTime("2021-01-01 00:00:00", label="Start")
+        end = gr.DateTime("2021-01-05 00:00:00", label="End")
+        apply_btn = gr.Button("Apply", scale=0)
+    with gr.Row():
+        group_by = gr.Radio(["None", "30m", "1h", "4h", "1d"], value="None", label="Group by")
+        aggregate = gr.Radio(["sum", "mean", "median", "min", "max"], value="sum", label="Aggregation")
+
+    temp_by_time = gr.BarPlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+    )
+    temp_by_time_location = gr.BarPlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+        color="location",
+    )
+
+    time_graphs = [temp_by_time, temp_by_time_location]
+    group_by.change(
+        lambda group: [gr.BarPlot(x_bin=None if group == "None" else group)] * len(time_graphs),
+        group_by,
+        time_graphs
+    )
+    aggregate.change(
+        lambda aggregate: [gr.BarPlot(y_aggregate=aggregate)] * len(time_graphs),
+        aggregate,
+        time_graphs
+    )
+
+    def rescale(select: gr.SelectData):
+        return select.index
+    rescale_evt = gr.on([plot.select for plot in time_graphs], rescale, None, [start, end])
+
+    for trigger in [apply_btn.click, rescale_evt.then]:
+        trigger(
+            lambda start, end: [gr.BarPlot(x_lim=[start, end])] * len(time_graphs), [start, end], time_graphs
+        )
+
+    with gr.Row():
+        price_by_cuisine = gr.BarPlot(
+            food_rating_data,
+            x="cuisine",
+            y="price",
+        )
+        with gr.Column(scale=0):
+            gr.Button("Sort $ > $$$").click(lambda: gr.BarPlot(sort="y"), None, price_by_cuisine)
+            gr.Button("Sort $$$ > $").click(lambda: gr.BarPlot(sort="-y"), None, price_by_cuisine)
+            gr.Button("Sort A > Z").click(lambda: gr.BarPlot(sort=["Chinese", "Italian", "Mexican"]), None, price_by_cuisine)
+
+    with gr.Row():
+        price_by_rating = gr.BarPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            x_bin=1,
+        )
+        price_by_rating_color = gr.BarPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            color="cuisine",
+            x_bin=1,
+            color_map={"Italian": "red", "Mexican": "green", "Chinese": "blue"},
+        )
+
+if __name__ == "__main__":
+    bar_plots.launch()
diff --git a/demo/barplot_component/requirements.txt b/demo/barplot_component/requirements.txt
new file mode 100644
index 0000000..fb6c7ed
--- /dev/null
+++ b/demo/barplot_component/requirements.txt
@@ -0,0 +1 @@
+pandas
diff --git a/demo/barplot_component/run.py b/demo/barplot_component/run.py
new file mode 100644
index 0000000..d8e135b
--- /dev/null
+++ b/demo/barplot_component/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+import pandas as pd
+
+simple = pd.DataFrame(
+    {
+        "item": ["A", "B", "C", "D", "E", "F", "G", "H", "I"],
+        "inventory": [28, 55, 43, 91, 81, 53, 19, 87, 52],
+    }
+)
+
+with gr.Blocks() as demo:
+    gr.BarPlot(
+        value=simple,
+        x="item",
+        y="inventory",
+        title="Simple Bar Plot",
+        container=False,
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/big_complex_demo/run.py b/demo/big_complex_demo/run.py
new file mode 100644
index 0000000..6464a14
--- /dev/null
+++ b/demo/big_complex_demo/run.py
@@ -0,0 +1,67 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tabs():
+        with gr.Tab("Components", id="components"):
+            with gr.Row():
+                with gr.Column():
+                    gr.Textbox(label="Textbox")
+                    gr.Number(label="Number")
+                    gr.Slider(minimum=0, maximum=100, label="Slider")
+                    gr.Dropdown(choices=["A", "B", "C"], label="Dropdown")
+                    gr.Radio(choices=["X", "Y", "Z"], label="Radio")
+                    gr.Checkbox(label="Checkbox")
+                    gr.CheckboxGroup(
+                        choices=["1", "2", "3"], label="CheckboxGroup"
+                    )
+                    gr.ColorPicker(label="ColorPicker")
+                with gr.Column():
+                    gr.Image(label="Image")
+                    gr.Audio(label="Audio")
+                    gr.Video(label="Video")
+                    gr.File(label="File")
+                    gr.Gallery(label="Gallery")
+                    gr.Dataframe(label="Dataframe", headers=["A", "B", "C"])
+                    gr.JSON(label="JSON", value={"key": "value"})
+                    gr.Code(label="Code", language="python")
+
+        with gr.Tab("Chatbot", id="chatbot"):
+            gr.Chatbot(label="Chatbot")
+            gr.Textbox(label="Message")
+
+        with gr.Tab("Media", id="media"):
+            with gr.Row():
+                gr.Image(label="Image Upload")
+                gr.Image(label="Image Output")
+            gr.Audio(label="Audio Player")
+            gr.Video(label="Video Player")
+
+        with gr.Tab("Layout", id="layout"):
+            with gr.Accordion("Accordion 1", open=True):
+                gr.Markdown("## Content inside accordion 1")
+                gr.Textbox(label="Accordion Input 1")
+            with gr.Accordion("Accordion 2", open=False):
+                gr.Markdown("## Content inside accordion 2")
+                gr.Slider(minimum=0, maximum=50, label="Accordion Slider")
+            with gr.Accordion("Accordion 3", open=False):
+                gr.Dataframe(headers=["Col1", "Col2"], label="Accordion Table")
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown("### Column 1")
+                    gr.Textbox(label="Col1 Input")
+                with gr.Column():
+                    gr.Markdown("### Column 2")
+                    gr.Number(label="Col2 Input")
+
+        with gr.Tab("More", id="more"):
+            gr.HighlightedText(
+                label="HighlightedText",
+                value=[("Hello ", None), ("world", "POS")],
+            )
+            gr.Label(label="Label", value={"cat": 0.7, "dog": 0.3})
+            gr.Plot(label="Plot")
+            gr.HTML(value="<div>HTML content</div>")
+            gr.Markdown("### Markdown content")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_chained_events/run.py b/demo/blocks_chained_events/run.py
new file mode 100644
index 0000000..4dbd2af
--- /dev/null
+++ b/demo/blocks_chained_events/run.py
@@ -0,0 +1,46 @@
+import gradio as gr
+
+def failure():
+    raise gr.Error("This should fail!")
+
+def exception():
+    raise ValueError("Something went wrong")
+
+def success():
+    return True
+
+def warning_fn():
+    gr.Warning("This is a warning!")
+
+def info_fn():
+    gr.Info("This is some info")
+
+with gr.Blocks() as demo:
+    gr.Markdown("Used in E2E tests of success event trigger. The then event covered in chatbot E2E tests."
+                " Also testing that the status modals show up.")
+    with gr.Row():
+        result = gr.Textbox(label="Result")
+        result_2 = gr.Textbox(label="Consecutive Event")
+        result_failure = gr.Textbox(label="Failure Event")
+    with gr.Row():
+        success_btn = gr.Button(value="Trigger Success")
+        success_btn_2 = gr.Button(value="Trigger Consecutive Success")
+        failure_btn = gr.Button(value="Trigger Failure")
+        failure_exception = gr.Button(value="Trigger Failure With ValueError")
+    with gr.Row():
+        trigger_warning = gr.Button(value="Trigger Warning")
+        trigger_info = gr.Button(value="Trigger Info")
+
+        success_btn_2.click(success, None, None).success(lambda: "First Event Trigered", None, result).success(lambda: "Consecutive Event Triggered", None, result_2)
+        success_event = success_btn.click(success, None, None)
+        success_event.success(lambda: "Success event triggered", inputs=None, outputs=result)
+        success_event.failure(lambda: "Should not be triggered", inputs=None, outputs=result_failure)
+        failure_event = failure_btn.click(failure, None, None)
+        failure_event.success(lambda: "Should not be triggered", inputs=None, outputs=result)
+        failure_event.failure(lambda: "Failure event triggered", inputs=None, outputs=result_failure)
+        failure_exception.click(exception, None, None)
+        trigger_warning.click(warning_fn, None, None)
+        trigger_info.click(info_fn, None, None)
+
+if __name__ == "__main__":
+    demo.launch(show_error=True)
diff --git a/demo/blocks_essay/run.py b/demo/blocks_essay/run.py
new file mode 100644
index 0000000..a522c34
--- /dev/null
+++ b/demo/blocks_essay/run.py
@@ -0,0 +1,69 @@
+import gradio as gr
+
+countries_cities_dict = {
+    "USA": ["New York", "Los Angeles", "Chicago"],
+    "Canada": ["Toronto", "Montreal", "Vancouver"],
+    "Pakistan": ["Karachi", "Lahore", "Islamabad"],
+}
+
+def change_textbox(choice):
+    if choice == "short":
+        return gr.Textbox(lines=2, visible=True), gr.Button(interactive=True)
+    elif choice == "long":
+        return gr.Textbox(lines=8, visible=True, value="Lorem ipsum dolor sit amet"), gr.Button(interactive=True)
+    else:
+        return gr.Textbox(visible=False), gr.Button(interactive=False)
+
+with gr.Blocks() as demo:
+    radio = gr.Radio(
+        ["short", "long", "none"], label="What kind of essay would you like to write?"
+    )
+    text = gr.Textbox(lines=2, interactive=True, buttons=["copy"], elem_id="essay-textbox")
+
+    with gr.Row():
+        num = gr.Number(minimum=0, maximum=100, label="input")
+        out = gr.Number(label="output")
+    minimum_slider = gr.Slider(0, 100, 0, label="min")
+    maximum_slider = gr.Slider(0, 100, 100, label="max")
+    submit_btn = gr.Button("Submit", variant="primary")
+
+    with gr.Row():
+        country = gr.Dropdown(list(countries_cities_dict.keys()), label="Country")
+        cities = gr.Dropdown([], label="Cities")
+    @country.change(inputs=country, outputs=cities)
+    def update_cities(country):
+        cities = list(countries_cities_dict[country])
+        return gr.Dropdown(choices=cities, value=cities[0], interactive=True)
+
+    def reset_bounds(minimum, maximum):
+        return gr.Number(minimum=minimum, maximum=maximum)
+
+    radio.change(fn=change_textbox, inputs=radio, outputs=[text, submit_btn])
+    gr.on(
+        [minimum_slider.change, maximum_slider.change],
+        reset_bounds,
+        [minimum_slider, maximum_slider],
+        outputs=num,
+    )
+    num.submit(lambda x: x, num, out)
+
+    with gr.Row():
+        with gr.Column(elem_id="test-column") as test_col:
+            gr.Textbox("Content inside column", label="Column Content")
+            gr.Markdown("This column should hide/show when button is clicked")
+        toggle_btn = gr.Button("Toggle Column Visibility", elem_id="toggle-col-btn")
+
+    col_visible = gr.State(True)
+
+    def toggle_column(visible):
+        new_visible = not visible
+        return gr.Column(visible=new_visible), new_visible
+
+    toggle_btn.click(
+        toggle_column,
+        inputs=col_visible,
+        outputs=[test_col, col_visible]
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_essay_simple/run.py b/demo/blocks_essay_simple/run.py
new file mode 100644
index 0000000..236eaab
--- /dev/null
+++ b/demo/blocks_essay_simple/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+def change_textbox(choice):
+    if choice == "short":
+        return gr.Textbox(lines=2, visible=True)
+    elif choice == "long":
+        return gr.Textbox(lines=8, visible=True, value="Lorem ipsum dolor sit amet")
+    else:
+        return gr.Textbox(visible=False)
+
+with gr.Blocks() as demo:
+    radio = gr.Radio(
+        ["short", "long", "none"], label="What kind of essay would you like to write?"
+    )
+    text = gr.Textbox(lines=2, interactive=True, buttons=["copy"])
+    radio.change(fn=change_textbox, inputs=radio, outputs=text)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_flag/requirements.txt b/demo/blocks_flag/requirements.txt
new file mode 100644
index 0000000..296d654
--- /dev/null
+++ b/demo/blocks_flag/requirements.txt
@@ -0,0 +1 @@
+numpy
\ No newline at end of file
diff --git a/demo/blocks_flag/run.py b/demo/blocks_flag/run.py
new file mode 100644
index 0000000..630e314
--- /dev/null
+++ b/demo/blocks_flag/run.py
@@ -0,0 +1,33 @@
+import numpy as np
+import gradio as gr
+
+def sepia(input_img, strength):
+    sepia_filter = strength * np.array(
+        [[0.393, 0.769, 0.189], [0.349, 0.686, 0.168], [0.272, 0.534, 0.131]]
+    ) + (1-strength) * np.identity(3)
+    sepia_img = input_img.dot(sepia_filter.T)
+    sepia_img /= sepia_img.max()
+    return sepia_img
+
+callback = gr.CSVLogger()
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            img_input = gr.Image()
+            strength = gr.Slider(0, 1, 0.5)
+        img_output = gr.Image()
+    with gr.Row():
+        btn = gr.Button("Flag")
+
+    # This needs to be called at some point prior to the first call to callback.flag()
+    callback.setup([img_input, strength, img_output], "flagged_data_points")
+
+    img_input.change(sepia, [img_input, strength], img_output)
+    strength.change(sepia, [img_input, strength], img_output)
+
+    # We can choose which components to flag -- in this case, we'll flag all of them
+    btn.click(lambda *args: callback.flag(list(args)), [img_input, strength, img_output], None, preprocess=False)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_flashcards/run.py b/demo/blocks_flashcards/run.py
new file mode 100644
index 0000000..9e4f4d1
--- /dev/null
+++ b/demo/blocks_flashcards/run.py
@@ -0,0 +1,106 @@
+import random
+
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        "Load the flashcards in the table below, then use the Practice tab to practice."
+    )
+
+    with gr.Tabs() as tabs:
+        with gr.Tab("Word Bank"):
+            flashcards_table = gr.Dataframe(headers=["front", "back"], type="array")
+            flashcards_table.change(fn=lambda: print(flashcards_table.value))
+            practice_btn = gr.Button("Start Practice")
+        with gr.Tab("Practice", interactive=False, id=1) as practice_tab:
+            with gr.Row():
+                with gr.Column():
+                    front = gr.Textbox(label="Prompt")
+                    with gr.Row():
+                        new_btn = gr.Button("New Card")
+                        flip_btn = gr.Button("Flip Card")
+                with gr.Column(visible=False) as answer_col:
+                    back = gr.Textbox(label="Answer")
+                    selected_card = gr.State()
+                with gr.Row():
+                    correct_btn = gr.Button("Correct")
+                    incorrect_btn = gr.Button("Incorrect")
+
+            def start_practice(flashcards):
+                # if no cards entered into dataframe yet, return
+                if len(flashcards) == 0:
+                    practice_tab = gr.Tab("Practice", interactive=False, id=1)
+                    raise gr.Error("Please enter word prompts into the table.")
+                    return [practice_tab, tabs]
+                else:
+                    practice_tab = gr.Tab("Practice", interactive=True, id=1)
+                    new_tabs = gr.Tabs(selected=1)
+                    return [practice_tab, new_tabs]
+
+        with gr.Tab("Results", visible=False) as results_tab:
+            results = gr.State(value={})
+            correct_field = gr.Markdown("# Correct: 0")
+            incorrect_field = gr.Markdown("# Incorrect: 0")
+            gr.Markdown("Card Statistics: ")
+            results_table = gr.Dataframe(headers=["Card", "Correct", "Incorrect"])
+        practice_btn.click(start_practice, inputs=[flashcards_table], outputs=[practice_tab, tabs])
+
+        def load_new_card(flashcards):
+            card = random.choice(flashcards)
+            return (
+                card,
+                card[0],
+                gr.Column(visible=False),
+            )
+
+        new_btn.click(
+            load_new_card,
+            [flashcards_table],
+            [selected_card, front, answer_col],
+        )
+
+        def flip_card(card):
+            return card[1], gr.Column(visible=True)
+
+        flip_btn.click(flip_card, [selected_card], [back, answer_col])
+
+        def mark_correct(card, results):
+            if card[0] not in results:
+                results[card[0]] = [0, 0]
+            results[card[0]][0] += 1
+            correct_count = sum(result[0] for result in results.values())
+            return (
+                results,
+                f"# Correct: {correct_count}",
+                [[front, scores[0], scores[1]] for front, scores in results.items()],
+            )
+
+        def mark_incorrect(card, results):
+            if card[0] not in results:
+                results[card[0]] = [
+                    0, 0]
+            results[card[0]][1] += 1
+            incorrect_count = sum(result[1] for result in results.values())
+            return (
+                results,
+                f"# Inorrect: {incorrect_count}",
+                [[front, scores[0], scores[1]] for front, scores in results.items()],
+            )
+
+        def toggle_results_tab():
+            return gr.Tab("Results", visible=True)
+
+        correct_btn.click(
+            mark_correct,
+            [selected_card, results],
+            [results, correct_field, results_table],
+        )
+
+        incorrect_btn.click(mark_incorrect, [selected_card, results], [results, incorrect_field, results_table])
+
+        # set results tab to visible when correct or incorrect button is clicked
+        correct_btn.click(fn=toggle_results_tab, outputs=[results_tab])
+        incorrect_btn.click(fn=toggle_results_tab, outputs=[results_tab])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_flipper/requirements.txt b/demo/blocks_flipper/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/blocks_flipper/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/blocks_flipper/run.py b/demo/blocks_flipper/run.py
new file mode 100644
index 0000000..09cd34a
--- /dev/null
+++ b/demo/blocks_flipper/run.py
@@ -0,0 +1,36 @@
+import numpy as np
+import gradio as gr
+
+def flip_text(x):
+    return x[::-1]
+
+def flip_image(x):
+    return np.fliplr(x)
+
+with gr.Blocks() as demo:
+    gr.Markdown("Flip text or image files using this demo.")
+    with gr.Tab("Flip Text"):
+        text_input = gr.Textbox()
+        text_output = gr.Textbox()
+        text_button = gr.Button("Flip")
+    with gr.Tab("Flip Image"):
+        with gr.Row():
+            image_input = gr.Image()
+            image_output = gr.Image()
+        image_button = gr.Button("Flip")
+
+    with gr.Accordion("Open for More!", open=False):
+        gr.Markdown("Look at me...")
+        temp_slider = gr.Slider(
+            0, 1,
+            value=0.1,
+            step=0.1,
+            interactive=True,
+            label="Slide me",
+        )
+
+    text_button.click(flip_text, inputs=text_input, outputs=text_output)
+    image_button.click(flip_image, inputs=image_input, outputs=image_output)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_flipper/screenshot.gif b/demo/blocks_flipper/screenshot.gif
new file mode 100644
index 0000000..2b38ac0
Binary files /dev/null and b/demo/blocks_flipper/screenshot.gif differ
diff --git a/demo/blocks_form/run.py b/demo/blocks_form/run.py
new file mode 100644
index 0000000..6a1a282
--- /dev/null
+++ b/demo/blocks_form/run.py
@@ -0,0 +1,28 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name_box = gr.Textbox(label="Name")
+    age_box = gr.Number(label="Age", minimum=0, maximum=100)
+    symptoms_box = gr.CheckboxGroup(["Cough", "Fever", "Runny Nose"])
+    submit_btn = gr.Button("Submit")
+
+    with gr.Column(visible=False) as output_col:
+        diagnosis_box = gr.Textbox(label="Diagnosis")
+        patient_summary_box = gr.Textbox(label="Patient Summary")
+
+    def submit(name, age, symptoms):
+        return {
+            submit_btn: gr.Button(visible=False),
+            output_col: gr.Column(visible=True),
+            diagnosis_box: "covid" if "Cough" in symptoms else "flu",
+            patient_summary_box: f"{name}, {age} y/o",
+        }
+
+    submit_btn.click(
+        submit,
+        [name_box, age_box, symptoms_box],
+        [submit_btn, diagnosis_box, patient_summary_box, output_col],
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_gpt/run.py b/demo/blocks_gpt/run.py
new file mode 100644
index 0000000..0fd7a4c
--- /dev/null
+++ b/demo/blocks_gpt/run.py
@@ -0,0 +1,16 @@
+import gradio as gr
+
+api = gr.load("huggingface/gpt2-xl")
+
+def complete_with_gpt(text):
+    # Use the last 50 characters of the text as context
+    return text[:-50] + api(text[-50:])
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(placeholder="Type here and press enter...", lines=4)
+    btn = gr.Button("Generate")
+
+    btn.click(complete_with_gpt, textbox, textbox)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_group/run.py b/demo/blocks_group/run.py
new file mode 100644
index 0000000..b91d4bc
--- /dev/null
+++ b/demo/blocks_group/run.py
@@ -0,0 +1,110 @@
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+with gr.Blocks() as demo:
+    gr.Markdown("### This is a couple of elements without any gr.Group. Form elements naturally group together anyway.")
+    gr.Textbox("A")
+    gr.Number(3)
+    gr.Button()
+    gr.Image()
+    gr.Slider()
+
+    gr.Markdown("### This is the same set put in a gr.Group.")
+    with gr.Group():
+        gr.Textbox("A")
+        gr.Number(3)
+        gr.Button()
+        gr.Image()
+        gr.Slider()
+
+    gr.Markdown("### Now in a Row, no group.")
+    with gr.Row():
+        gr.Textbox("A")
+        gr.Number(3)
+        gr.Button()
+        gr.Image()
+        gr.Slider()
+
+    gr.Markdown("### Now in a Row in a group.")
+    with gr.Group():
+        with gr.Row():
+            gr.Textbox("A")
+            gr.Number(3)
+            gr.Button()
+            gr.Image()
+            gr.Slider()
+
+    gr.Markdown("### Several rows grouped together.")
+    with gr.Group():
+        with gr.Row():
+            gr.Textbox("A")
+            gr.Number(3)
+            gr.Button()
+        with gr.Row():
+            gr.Image()
+            gr.Audio()
+
+    gr.Markdown("### Several columns grouped together. If columns are uneven, there is a gray group background.")
+    with gr.Group():
+        with gr.Row():
+            with gr.Column():
+                name = gr.Textbox(label="Name")
+                btn = gr.Button("Hello")
+                gr.Dropdown(["a", "b", "c"], interactive=True)
+                gr.Number()
+                gr.Textbox()
+            with gr.Column():
+                gr.Image()
+                gr.Dropdown(["a", "b", "c"], interactive=True)
+                with gr.Row():
+                    gr.Number(scale=2)
+                    gr.Textbox()
+
+    gr.Markdown("### container=False removes label, padding, and block border, placing elements 'directly' on background.")
+    gr.Radio([1,2,3], container=False)
+    gr.Textbox(container=False)
+    gr.Image("https://picsum.photos/id/237/200/300", container=False, height=200)
+
+    gr.Markdown("### Textbox, Dropdown, and Number input boxes takes up full space when within a group without a container.")
+
+    with gr.Group():
+        name = gr.Textbox(label="Name")
+        output = gr.Textbox(show_label=False, container=False)
+        greet_btn = gr.Button("Greet")
+        with gr.Row():
+            gr.Dropdown(["a", "b", "c"], interactive=True, container=False)
+            gr.Textbox(container=False)
+            gr.Number(container=False)
+            gr.Image(height=100)
+    greet_btn.click(fn=greet, inputs=name, outputs=output, api_name="greet")
+
+    gr.Markdown("### More examples")
+
+    with gr.Group():
+        gr.Chatbot()
+        with gr.Row():
+            name = gr.Textbox(label="Prompot", container=False)
+            go = gr.Button("go", scale=0)
+
+    with gr.Column():
+        gr.Radio([1,2,3], container=False)
+        gr.Slider(0, 20, container=False)
+
+    with gr.Group():
+        with gr.Row():
+            gr.Dropdown(["a", "b", "c"], interactive=True, container=False, elem_id="here2")
+            gr.Number(container=False)
+            gr.Textbox(container=False)
+
+    with gr.Row():
+        with gr.Column():
+            gr.Dropdown(["a", "b", "c"], interactive=True, container=False, elem_id="here2")
+        with gr.Column():
+           gr.Number(container=False)
+        with gr.Column():
+            gr.Textbox(container=False)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_hello/run.py b/demo/blocks_hello/run.py
new file mode 100644
index 0000000..6d5b8d9
--- /dev/null
+++ b/demo/blocks_hello/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+def welcome(name):
+    return f"Welcome to Gradio, {name}!"
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+    """
+    # Hello World!
+    Start typing below to see the output.
+    """)
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+    inp.change(welcome, inp, out)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_inputs/run.py b/demo/blocks_inputs/run.py
new file mode 100644
index 0000000..6f5a511
--- /dev/null
+++ b/demo/blocks_inputs/run.py
@@ -0,0 +1,43 @@
+import gradio as gr
+import os
+
+def combine(a, b):
+    return a + " " + b
+
+def mirror(x):
+    return x
+
+with gr.Blocks() as demo:
+
+    txt = gr.Textbox(label="Input", lines=2)
+    txt_2 = gr.Textbox(label="Input 2")
+    txt_3 = gr.Textbox(value="", label="Output")
+    btn = gr.Button(value="Submit")
+    btn.click(combine, inputs=[txt, txt_2], outputs=[txt_3])
+
+    with gr.Row():
+        im = gr.Image()
+        im_2 = gr.Image()
+
+    btn = gr.Button(value="Mirror Image")
+    btn.click(mirror, inputs=[im], outputs=[im_2])
+
+    gr.Markdown("## Text Examples")
+    gr.Examples(
+        [["hi", "Adam"], ["hello", "Eve"]],
+        [txt, txt_2],
+        txt_3,
+        combine,
+        cache_examples=True,
+    )
+    gr.Markdown("## Image Examples")
+    gr.Examples(
+        examples=[gr.get_image("lion.jpg")],
+        inputs=im,
+        outputs=im_2,
+        fn=mirror,
+        cache_examples=True,
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_joined/run.py b/demo/blocks_joined/run.py
new file mode 100644
index 0000000..a3e91f3
--- /dev/null
+++ b/demo/blocks_joined/run.py
@@ -0,0 +1,47 @@
+from time import sleep
+import gradio as gr
+from gradio.media import get_image
+
+# get_image() returns file paths to sample media included with Gradio
+cheetah = get_image("cheetah1.jpg")
+
+def img(text):
+    sleep(3)
+    return [
+        cheetah,
+        cheetah,
+        cheetah,
+        cheetah,
+        cheetah,
+        cheetah,
+        cheetah,
+        cheetah,
+        cheetah,
+    ]
+
+with gr.Blocks() as demo:
+    gr.Markdown("<h1><center>DALL·E mini</center></h1>")
+    gr.Markdown(
+        "DALL·E mini is an AI model that generates images from any prompt you give!"
+    )
+    with gr.Group():
+        with gr.Row(equal_height=True):
+            text = gr.Textbox(
+                label="Enter your prompt",
+                max_lines=1,
+                container=False,
+            )
+            btn = gr.Button("Run", scale=0)
+        gallery = gr.Gallery(
+            label="Generated images",
+            show_label=False,
+            columns=1,
+            height="auto",
+        )
+    btn.click(img, inputs=text, outputs=gallery)
+
+if __name__ == "__main__":
+    demo.launch(css=".container { max-width: 800px; margin: auto; }")
+
+# margin = (TOP, RIGHT, BOTTOM, LEFT)
+# rounded = (TOPLEFT, TOPRIGHT, BOTTOMRIGHT, BOTTOMLEFT)
diff --git a/demo/blocks_js_load/run.py b/demo/blocks_js_load/run.py
new file mode 100644
index 0000000..afdb27b
--- /dev/null
+++ b/demo/blocks_js_load/run.py
@@ -0,0 +1,48 @@
+import gradio as gr
+
+def welcome(name):
+    return f"Welcome to Gradio, {name}!"
+
+js = """
+function createGradioAnimation() {
+    var container = document.createElement('div');
+    container.id = 'gradio-animation';
+    container.style.fontSize = '2em';
+    container.style.fontWeight = 'bold';
+    container.style.textAlign = 'center';
+    container.style.marginBottom = '20px';
+
+    var text = 'Welcome to Gradio!';
+    for (var i = 0; i < text.length; i++) {
+        (function(i){
+            setTimeout(function(){
+                var letter = document.createElement('span');
+                letter.style.opacity = '0';
+                letter.style.transition = 'opacity 0.5s';
+                letter.innerText = text[i];
+
+                container.appendChild(letter);
+
+                setTimeout(function() {
+                    letter.style.opacity = '1';
+                }, 50);
+            }, i * 250);
+        })(i);
+    }
+
+    var gradioContainer = document.querySelector('.gradio-container');
+    gradioContainer.insertBefore(container, gradioContainer.firstChild);
+
+    return 'Animation created';
+}
+
+createGradioAnimation();
+"""
+
+with gr.Blocks() as demo:
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+    inp.change(welcome, inp, out)
+
+if __name__ == "__main__":
+    demo.launch(js=js)
diff --git a/demo/blocks_js_methods/run.py b/demo/blocks_js_methods/run.py
new file mode 100644
index 0000000..e6b3236
--- /dev/null
+++ b/demo/blocks_js_methods/run.py
@@ -0,0 +1,41 @@
+import gradio as gr
+
+blocks = gr.Blocks()
+
+with blocks as demo:
+    subject = gr.Textbox(placeholder="subject")
+    verb = gr.Radio(["ate", "loved", "hated"])
+    object = gr.Textbox(placeholder="object")
+
+    with gr.Row():
+        btn = gr.Button("Create sentence.")
+        reverse_btn = gr.Button("Reverse sentence.")
+        foo_bar_btn = gr.Button("Append foo")
+        reverse_then_to_the_server_btn = gr.Button(
+            "Reverse sentence and send to server."
+        )
+
+    def sentence_maker(w1, w2, w3):
+        return f"{w1} {w2} {w3}"
+
+    output1 = gr.Textbox(label="output 1")
+    output2 = gr.Textbox(label="verb")
+    output3 = gr.Textbox(label="verb reversed")
+    output4 = gr.Textbox(label="front end process and then send to backend")
+
+    btn.click(sentence_maker, [subject, verb, object], output1)
+    reverse_btn.click(
+        None, [subject, verb, object], output2, js="(s, v, o) => o + ' ' + v + ' ' + s"
+    )
+    verb.change(None, verb, output3, js="(x) => [...x].reverse().join('')")
+    foo_bar_btn.click(None, [], subject, js="(x) => x + ' foo'")
+
+    reverse_then_to_the_server_btn.click(
+        None,
+        [subject, verb, object],
+        output4,
+        js="(s, v, o) => [s, v, o].map(x => [...x].reverse().join('')).join(' ')",
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_kinematics/requirements.txt b/demo/blocks_kinematics/requirements.txt
new file mode 100644
index 0000000..5da331c
--- /dev/null
+++ b/demo/blocks_kinematics/requirements.txt
@@ -0,0 +1,2 @@
+numpy
+pandas
diff --git a/demo/blocks_kinematics/run.py b/demo/blocks_kinematics/run.py
new file mode 100644
index 0000000..61cf7ba
--- /dev/null
+++ b/demo/blocks_kinematics/run.py
@@ -0,0 +1,39 @@
+import pandas as pd
+import numpy as np
+
+import gradio as gr
+
+def plot(v, a):
+    g = 9.81
+    theta = a / 180 * 3.14
+    tmax = ((2 * v) * np.sin(theta)) / g
+    timemat = tmax * np.linspace(0, 1, 40)
+
+    x = (v * timemat) * np.cos(theta)
+    y = ((v * timemat) * np.sin(theta)) - ((0.5 * g) * (timemat**2))
+    df = pd.DataFrame({"x": x, "y": y})
+    return df
+
+demo = gr.Blocks()
+
+with demo:
+    gr.Markdown(
+        r"Let's do some kinematics! Choose the speed and angle to see the trajectory. Remember that the range $R = v_0^2 \cdot \frac{\sin(2\theta)}{g}$"
+    )
+
+    with gr.Row():
+        speed = gr.Slider(1, 30, 25, label="Speed")
+        angle = gr.Slider(0, 90, 45, label="Angle")
+    output = gr.LinePlot(
+        x="x",
+        y="y",
+        tooltip=["x", "y"],
+        x_lim=[0, 100],
+        y_lim=[0, 60],
+        height=300,
+    )
+    btn = gr.Button(value="Run")
+    btn.click(plot, [speed, angle], output)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_layout/run.py b/demo/blocks_layout/run.py
new file mode 100644
index 0000000..3f7686f
--- /dev/null
+++ b/demo/blocks_layout/run.py
@@ -0,0 +1,37 @@
+import gradio as gr
+
+demo = gr.Blocks()
+
+with demo:
+    with gr.Row():
+        gr.Image(interactive=True, scale=2)
+        gr.Image()
+    with gr.Row():
+        gr.Textbox(label="Text")
+        gr.Number(label="Count", scale=2)
+        gr.Radio(choices=["One", "Two"])
+    with gr.Row():
+        gr.Button("500", scale=0, min_width=500)
+        gr.Button("A", scale=0)
+        gr.Button("grow")
+    with gr.Row():
+        gr.Textbox()
+        gr.Textbox()
+        gr.Button()
+    with gr.Row():
+        with gr.Row():
+            with gr.Column():
+                gr.Textbox(label="Text")
+                gr.Number(label="Count")
+                gr.Radio(choices=["One", "Two"])
+            gr.Image()
+            with gr.Column():
+                gr.Image(interactive=True)
+                gr.Image()
+    gr.Image()
+    gr.Textbox(label="Text")
+    gr.Number(label="Count")
+    gr.Radio(choices=["One", "Two"])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_multiple_event_triggers/requirements.txt b/demo/blocks_multiple_event_triggers/requirements.txt
new file mode 100644
index 0000000..bbe82b5
--- /dev/null
+++ b/demo/blocks_multiple_event_triggers/requirements.txt
@@ -0,0 +1,3 @@
+plotly
+pypistats
+python-dateutil
diff --git a/demo/blocks_multiple_event_triggers/run.py b/demo/blocks_multiple_event_triggers/run.py
new file mode 100644
index 0000000..ff32287
--- /dev/null
+++ b/demo/blocks_multiple_event_triggers/run.py
@@ -0,0 +1,36 @@
+import gradio as gr
+import pypistats  # type: ignore
+from datetime import date
+from dateutil.relativedelta import relativedelta
+import pandas as pd
+
+def get_plot(lib, time):
+    data = pypistats.overall(lib, total=True, format="pandas")
+    data = data.groupby("category").get_group("with_mirrors").sort_values("date")
+    start_date = date.today() - relativedelta(months=int(time.split(" ")[0]))
+    data = data[(data['date'] > str(start_date))]
+    data.date = pd.to_datetime(pd.to_datetime(data.date))
+    return gr.LinePlot(value=data, x="date", y="downloads",
+                              tooltip=['date', 'downloads'],
+                              title=f"Pypi downloads of {lib} over last {time}",
+                              height=400)
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        """
+        ## Pypi Download Stats 📈
+        See live download stats for all of Hugging Face's open-source libraries 🤗
+        """)
+    with gr.Row():
+        lib = gr.Dropdown(["transformers", "datasets", "huggingface-hub", "gradio", "accelerate"],
+                          value="gradio", label="Library")
+        time = gr.Dropdown(["3 months", "6 months", "9 months", "12 months"],
+                           value="3 months", label="Downloads over the last...")
+
+    plt = gr.LinePlot()
+    # You can add multiple event triggers in 2 lines like this
+    for event in [lib.change, time.change, demo.load]:
+        event(get_plot, [lib, time], [plt])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_neural_instrument_coding/flute.wav b/demo/blocks_neural_instrument_coding/flute.wav
new file mode 100644
index 0000000..17430f9
Binary files /dev/null and b/demo/blocks_neural_instrument_coding/flute.wav differ
diff --git a/demo/blocks_neural_instrument_coding/new-sax-1.mp3 b/demo/blocks_neural_instrument_coding/new-sax-1.mp3
new file mode 100644
index 0000000..a323cae
Binary files /dev/null and b/demo/blocks_neural_instrument_coding/new-sax-1.mp3 differ
diff --git a/demo/blocks_neural_instrument_coding/new-sax-1.wav b/demo/blocks_neural_instrument_coding/new-sax-1.wav
new file mode 100644
index 0000000..1c92620
Binary files /dev/null and b/demo/blocks_neural_instrument_coding/new-sax-1.wav differ
diff --git a/demo/blocks_neural_instrument_coding/new-sax.wav b/demo/blocks_neural_instrument_coding/new-sax.wav
new file mode 100644
index 0000000..ec61ad2
Binary files /dev/null and b/demo/blocks_neural_instrument_coding/new-sax.wav differ
diff --git a/demo/blocks_neural_instrument_coding/run.py b/demo/blocks_neural_instrument_coding/run.py
new file mode 100644
index 0000000..df429ec
--- /dev/null
+++ b/demo/blocks_neural_instrument_coding/run.py
@@ -0,0 +1,138 @@
+# A Blocks implementation of https://erlj.notion.site/Neural-Instrument-Cloning-from-very-few-samples-2cf41d8b630842ee8c7eb55036a1bfd6
+
+import datetime
+import os
+import random
+
+import gradio as gr
+from gradio.components import Markdown as m
+
+def get_time():
+    now = datetime.datetime.now()
+    return now.strftime("%m/%d/%Y, %H:%M:%S")
+
+def generate_recording():
+    return random.choice(["new-sax-1.mp3", "new-sax-1.wav"])
+
+def reconstruct(audio):
+    return random.choice(["new-sax-1.mp3", "new-sax-1.wav"])
+
+io1 = gr.Interface(
+    lambda x, y, z: os.path.join(os.path.dirname(__file__),"sax.wav"),
+    [
+        gr.Slider(label="pitch"),
+        gr.Slider(label="loudness"),
+        gr.Audio(label="base audio file (optional)"),
+    ],
+    gr.Audio(),
+)
+
+io2 = gr.Interface(
+    lambda x, y, z: os.path.join(os.path.dirname(__file__),"flute.wav"),
+    [
+        gr.Slider(label="pitch"),
+        gr.Slider(label="loudness"),
+        gr.Audio(label="base audio file (optional)"),
+    ],
+    gr.Audio(),
+)
+
+io3 = gr.Interface(
+    lambda x, y, z: os.path.join(os.path.dirname(__file__),"trombone.wav"),
+    [
+        gr.Slider(label="pitch"),
+        gr.Slider(label="loudness"),
+        gr.Audio(label="base audio file (optional)"),
+    ],
+    gr.Audio(),
+)
+
+io4 = gr.Interface(
+    lambda x, y, z: os.path.join(os.path.dirname(__file__),"sax2.wav"),
+    [
+        gr.Slider(label="pitch"),
+        gr.Slider(label="loudness"),
+        gr.Audio(label="base audio file (optional)"),
+    ],
+    gr.Audio(),
+)
+
+demo = gr.Blocks(title="Neural Instrument Cloning")
+
+with demo.clear():
+    m(
+        """
+    ## Neural Instrument Cloning from Very Few Samples
+    <center><img src="https://media.istockphoto.com/photos/brass-trombone-picture-id490455809?k=20&m=490455809&s=612x612&w=0&h=l9KJvH_25z0QTLggHrcH_MsR4gPLH7uXwDPUAZ_C5zk=" width="400px"></center>"""
+    )
+    m(
+        """
+    This Blocks implementation is an adaptation [a report written](https://erlj.notion.site/Neural-Instrument-Cloning-from-very-few-samples-2cf41d8b630842ee8c7eb55036a1bfd6) by Nicolas Jonason and Bob L.T. Sturm.
+    
+    I've implemented it in Blocks to show off some cool features, such as embedding live ML demos. More on that ahead...
+    
+    ### What does this machine learning model do?
+    It combines techniques from neural voice cloning with musical instrument synthesis. This makes it possible to produce neural instrument synthesisers from just seconds of target instrument audio.
+    
+    ### Audio Examples
+    Here are some **real** 16 second saxophone recordings:
+    """
+    )
+    gr.Audio(os.path.join(os.path.dirname(__file__),"sax.wav"), label="Here is a real 16 second saxophone recording:")
+    gr.Audio(os.path.join(os.path.dirname(__file__),"sax.wav"))
+
+    m(
+        """\n
+        Here is a **generated** saxophone recordings:"""
+    )
+    a = gr.Audio(os.path.join(os.path.dirname(__file__),"new-sax.wav"))
+
+    gr.Button("Generate a new saxophone recording")
+
+    m(
+        """
+    ### Inputs to the model
+    The inputs to the model are:
+    * pitch
+    * loudness
+    * base audio file
+    """
+    )
+
+    m(
+        """
+    Try the model live!
+    """
+    )
+
+    gr.TabbedInterface(
+        [io1, io2, io3, io4], ["Saxophone", "Flute", "Trombone", "Another Saxophone"]
+    )
+
+    m(
+        """
+    ### Using the model for cloning
+    You can also use this model a different way, to simply clone the audio file and reconstruct it 
+    using machine learning. Here, we'll show a demo of that below:
+    """
+    )
+
+    a2 = gr.Audio()
+    a2.change(reconstruct, a2, a2)
+
+    m(
+        """
+    Thanks for reading this! As you may have realized, all of the "models" in this demo are fake. They are just designed to show you what is possible using Blocks 🤗.
+    
+    For details of the model, read the [original report here](https://erlj.notion.site/Neural-Instrument-Cloning-from-very-few-samples-2cf41d8b630842ee8c7eb55036a1bfd6).
+    
+    *Details for nerds*: this report was "launched" on:
+    """
+    )
+
+    t = gr.Textbox(label="timestamp")
+
+    demo.load(get_time, [], t)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_neural_instrument_coding/sax.wav b/demo/blocks_neural_instrument_coding/sax.wav
new file mode 100644
index 0000000..de6d16a
Binary files /dev/null and b/demo/blocks_neural_instrument_coding/sax.wav differ
diff --git a/demo/blocks_neural_instrument_coding/sax2.wav b/demo/blocks_neural_instrument_coding/sax2.wav
new file mode 100644
index 0000000..73963a5
Binary files /dev/null and b/demo/blocks_neural_instrument_coding/sax2.wav differ
diff --git a/demo/blocks_neural_instrument_coding/trombone.wav b/demo/blocks_neural_instrument_coding/trombone.wav
new file mode 100644
index 0000000..55d17d8
Binary files /dev/null and b/demo/blocks_neural_instrument_coding/trombone.wav differ
diff --git a/demo/blocks_outputs/run.py b/demo/blocks_outputs/run.py
new file mode 100644
index 0000000..4402087
--- /dev/null
+++ b/demo/blocks_outputs/run.py
@@ -0,0 +1,93 @@
+import gradio as gr
+
+def make_markdown():
+    return [
+        [
+            "# hello again",
+            "Hello my name is frank, I am liking the small turtle you have there. It would be a shame if it went missing.",
+            '<img src="https://images.unsplash.com/photo-1574613362884-f79513a5128c?fit=crop&w=500&q=80"/>',
+        ],
+        [
+            "## hello again again",
+            "Hello my name is frank, I am liking the small turtle you have there. It would be a shame if it went missing.",
+            '<img src="https://images.unsplash.com/photo-1574613362884-f79513a5128c?fit=crop&w=500&q=80"/>',
+        ],
+        [
+            "### hello thrice",
+            "Hello my name is frank, I am liking the small turtle you have there. It would be a shame if it went missing.",
+            '<img src="https://images.unsplash.com/photo-1574613362884-f79513a5128c?fit=crop&w=500&q=80"/>',
+        ],
+    ]
+
+with gr.Blocks() as demo:
+    with gr.Column():
+        txt = gr.Textbox(label="Small Textbox", lines=1, show_label=False)
+        txt = gr.Textbox(label="Large Textbox", lines=5, show_label=False)
+        num = gr.Number(label="Number", show_label=False)
+        check = gr.Checkbox(label="Checkbox", show_label=False)
+        check_g = gr.CheckboxGroup(
+            label="Checkbox Group", choices=["One", "Two", "Three"], show_label=False
+        )
+        radio = gr.Radio(
+            label="Radio", choices=["One", "Two", "Three"], show_label=False
+        )
+        drop = gr.Dropdown(
+            label="Dropdown", choices=["One", "Two", "Three"], show_label=False
+        )
+        slider = gr.Slider(label="Slider", show_label=False)
+        audio = gr.Audio(show_label=False)
+        file = gr.File(show_label=False)
+        video = gr.Video(show_label=False)
+        image = gr.Image(show_label=False)
+        df = gr.Dataframe(show_label=False)
+        html = gr.HTML(show_label=False)
+        json = gr.JSON(show_label=False)
+        md = gr.Markdown(show_label=False)
+        label = gr.Label(show_label=False)
+        highlight = gr.HighlightedText(show_label=False)
+        gr.Dataframe(interactive=True, column_count=3, column_limits=(3, 3), label="Dataframe")
+        gr.Dataframe(interactive=True, column_count=4, label="Dataframe")
+        gr.Dataframe(
+            interactive=True, headers=["One", "Two", "Three", "Four"], label="Dataframe"
+        )
+        gr.Dataframe(
+            interactive=True,
+            headers=["One", "Two", "Three", "Four"],
+            column_count=4,
+            column_limits=(4, 4),
+            row_count=7,
+            row_limits=(7, 7),
+            value=[[0, 0, 0, 0]],
+            label="Dataframe",
+        )
+        gr.Dataframe(
+            interactive=True, headers=["One", "Two", "Three", "Four"], column_count=4
+        )
+        df = gr.DataFrame(
+            [
+                [
+                    "# hello",
+                    "Hello my name is frank, I am liking the small turtle you have there. It would be a shame if it went missing.",
+                    '<img src="https://images.unsplash.com/photo-1574613362884-f79513a5128c?fit=crop&w=500&q=80"/>',
+                ],
+                [
+                    "## hello",
+                    "Hello my name is frank, I am liking the small turtle you have there. It would be a shame if it went missing.",
+                    '<img src="https://images.unsplash.com/photo-1574613362884-f79513a5128c?fit=crop&w=500&q=80"/>',
+                ],
+                [
+                    "### hello",
+                    "Hello my name is frank, I am liking the small turtle you have there. It would be a shame if it went missing.",
+                    '<img src="https://images.unsplash.com/photo-1574613362884-f79513a5128c?fit=crop&w=500&q=80"/>',
+                ],
+            ],
+            headers=["One", "Two", "Three"],
+            wrap=True,
+            datatype=["markdown", "markdown", "html"],  # type: ignore
+            interactive=True,
+        )
+        btn = gr.Button("Run")
+        btn.click(fn=make_markdown, inputs=None, outputs=df)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_page_load/run.py b/demo/blocks_page_load/run.py
new file mode 100644
index 0000000..4070d00
--- /dev/null
+++ b/demo/blocks_page_load/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+
+def print_message(n):
+    return "Welcome! This page has loaded for " + n
+
+with gr.Blocks() as demo:
+    t = gr.Textbox("Frank", label="Name")
+    t2 = gr.Textbox(label="Output")
+    demo.load(print_message, t, t2)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_plug/run.py b/demo/blocks_plug/run.py
new file mode 100644
index 0000000..716ec94
--- /dev/null
+++ b/demo/blocks_plug/run.py
@@ -0,0 +1,36 @@
+import gradio as gr
+
+def change_tab():
+    return gr.Tabs(selected=2)
+
+identity_demo, input_demo, output_demo = gr.Blocks(), gr.Blocks(), gr.Blocks()
+
+with identity_demo:
+    gr.Interface(lambda x: x, "text", "text")
+
+with input_demo:
+    t = gr.Textbox(label="Enter your text here")
+    with gr.Row():
+        btn = gr.Button("Submit")
+        clr = gr.ClearButton(t)
+
+with output_demo:
+    gr.Textbox("This is a static output")
+
+with gr.Blocks() as demo:
+    gr.Markdown("Three demos in one!")
+    with gr.Tabs(selected=1) as tabs:
+        with gr.TabItem("Text Identity", id=0) as tab0:
+            tab0.select(lambda: gr.Tabs(selected=0), None, tabs)
+            identity_demo.render()
+        with gr.TabItem("Text Input", id=1) as tab1:
+            tab1.select(lambda: gr.Tabs(selected=1), None, tabs)
+            input_demo.render()
+        with gr.TabItem("Text Static", id=2) as tab2:
+            tab2.select(lambda: gr.Tabs(selected=2), None, tabs)
+            output_demo.render()
+    btn = gr.Button("Change tab")
+    btn.click(inputs=None, outputs=tabs, fn=change_tab)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_random_slider/run.py b/demo/blocks_random_slider/run.py
new file mode 100644
index 0000000..9634fc6
--- /dev/null
+++ b/demo/blocks_random_slider/run.py
@@ -0,0 +1,16 @@
+
+import gradio as gr
+
+def func(slider_1, slider_2):
+    return slider_1 * 5 + slider_2
+
+with gr.Blocks() as demo:
+    slider = gr.Slider(minimum=-10.2, maximum=15, label="Random Slider (Static)", randomize=True)
+    slider_1 = gr.Slider(minimum=100, maximum=200, label="Random Slider (Input 1)", randomize=True)
+    slider_2 = gr.Slider(minimum=10, maximum=23.2, label="Random Slider (Input 2)", randomize=True)
+    slider_3 = gr.Slider(value=3, label="Non random slider")
+    btn = gr.Button("Run")
+    btn.click(func, inputs=[slider_1, slider_2], outputs=gr.Number())
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_scroll/run.py b/demo/blocks_scroll/run.py
new file mode 100644
index 0000000..ec3f204
--- /dev/null
+++ b/demo/blocks_scroll/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+
+demo = gr.Blocks()
+
+with demo:
+    inp = gr.Textbox(placeholder="Enter text.")
+    scroll_btn = gr.Button("Scroll")
+    no_scroll_btn = gr.Button("No Scroll")
+    big_block = gr.HTML("""
+    <div style='height: 800px; width: 100px; background-color: pink;'></div>
+    """)
+    out = gr.Textbox()
+
+    scroll_btn.click(lambda x: x,
+               inputs=inp,
+               outputs=out,
+                scroll_to_output=True)
+    no_scroll_btn.click(lambda x: x,
+               inputs=inp,
+               outputs=out)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_sidebar/run.py b/demo/blocks_sidebar/run.py
new file mode 100644
index 0000000..77364c4
--- /dev/null
+++ b/demo/blocks_sidebar/run.py
@@ -0,0 +1,48 @@
+import gradio as gr
+import random
+
+def generate_pet_name(animal_type, personality):
+    cute_prefixes = ["Fluffy", "Ziggy", "Bubbles", "Pickle", "Waffle", "Mochi", "Cookie", "Pepper"]
+    animal_suffixes = {
+        "Cat": ["Whiskers", "Paws", "Mittens", "Purrington"],
+        "Dog": ["Woofles", "Barkington", "Waggins", "Pawsome"],
+        "Bird": ["Feathers", "Wings", "Chirpy", "Tweets"],
+        "Rabbit": ["Hops", "Cottontail", "Bouncy", "Fluff"]
+    }
+
+    prefix = random.choice(cute_prefixes)
+    suffix = random.choice(animal_suffixes[animal_type])
+
+    if personality == "Silly":
+        prefix = random.choice(["Sir", "Lady", "Captain", "Professor"]) + " " + prefix
+    elif personality == "Royal":
+        suffix += " the " + random.choice(["Great", "Magnificent", "Wise", "Brave"])
+
+    return f"{prefix} {suffix}"
+
+with gr.Blocks() as demo:
+    with gr.Sidebar(position="left"):
+        gr.Markdown("# 🐾 Pet Name Generator")
+        gr.Markdown("Use the options below to generate a unique pet name!")
+
+        animal_type = gr.Dropdown(
+            choices=["Cat", "Dog", "Bird", "Rabbit"],
+            label="Choose your pet type",
+            value="Cat"
+        )
+        personality = gr.Radio(
+            choices=["Normal", "Silly", "Royal"],
+            label="Personality type",
+            value="Normal"
+        )
+
+    name_output = gr.Textbox(label="Your pet's fancy name:", lines=2)
+    generate_btn = gr.Button("Generate Name! 🎲", variant="primary")
+    generate_btn.click(
+        fn=generate_pet_name,
+        inputs=[animal_type, personality],
+        outputs=name_output
+    )
+
+if __name__ == "__main__":
+    demo.launch(theme=gr.themes.Soft())
diff --git a/demo/blocks_simple_squares/run.py b/demo/blocks_simple_squares/run.py
new file mode 100644
index 0000000..f4311f5
--- /dev/null
+++ b/demo/blocks_simple_squares/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+
+demo = gr.Blocks()
+
+with demo:
+    default_json = {"a": "a"}
+
+    num = gr.State(value=0)
+    squared = gr.Number(value=0)
+    btn = gr.Button("Next Square", elem_id="btn", elem_classes=["abc", "def"])
+
+    stats = gr.State(value=default_json)
+    table = gr.JSON()
+
+    def increase(var, stats_history):
+        var += 1
+        stats_history[str(var)] = var**2
+        return var, var**2, stats_history, stats_history
+
+    btn.click(increase, [num, stats], [num, squared, stats, table])
+
+if __name__ == "__main__":
+    demo.launch(css="""#btn {color: red} .abc {font-family: "Comic Sans MS", "Comic Sans", cursive !important}""")
diff --git a/demo/blocks_speech_text_sentiment/requirements.txt b/demo/blocks_speech_text_sentiment/requirements.txt
new file mode 100644
index 0000000..39dab0f
--- /dev/null
+++ b/demo/blocks_speech_text_sentiment/requirements.txt
@@ -0,0 +1,2 @@
+torch
+transformers
\ No newline at end of file
diff --git a/demo/blocks_speech_text_sentiment/run.py b/demo/blocks_speech_text_sentiment/run.py
new file mode 100644
index 0000000..0b72863
--- /dev/null
+++ b/demo/blocks_speech_text_sentiment/run.py
@@ -0,0 +1,29 @@
+from transformers import pipeline
+
+import gradio as gr
+
+asr = pipeline("automatic-speech-recognition", "facebook/wav2vec2-base-960h")
+classifier = pipeline("text-classification")
+
+def speech_to_text(speech):
+    text = asr(speech)["text"]  # type: ignore
+    return text
+
+def text_to_sentiment(text):
+    return classifier(text)[0]["label"]  # type: ignore
+
+demo = gr.Blocks()
+
+with demo:
+    audio_file = gr.Audio(type="filepath")
+    text = gr.Textbox()
+    label = gr.Label()
+
+    b1 = gr.Button("Recognize Speech")
+    b2 = gr.Button("Classify Sentiment")
+
+    b1.click(speech_to_text, inputs=audio_file, outputs=text)
+    b2.click(text_to_sentiment, inputs=text, outputs=label)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_static/run.py b/demo/blocks_static/run.py
new file mode 100644
index 0000000..79aba06
--- /dev/null
+++ b/demo/blocks_static/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+demo = gr.Blocks()
+
+with demo:
+    gr.Image(
+        "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80"
+    )
+    gr.Textbox("hi")
+    gr.Number(3)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_textbox_max_lines/run.py b/demo/blocks_textbox_max_lines/run.py
new file mode 100644
index 0000000..f1f2aed
--- /dev/null
+++ b/demo/blocks_textbox_max_lines/run.py
@@ -0,0 +1,11 @@
+import gradio as gr
+
+def greet(name: str, repeat: float):
+    return "Hello " + name * int(repeat) + "!!"
+
+demo = gr.Interface(
+    fn=greet, inputs=[gr.Textbox(lines=2, max_lines=4), gr.Number()], outputs="textarea", api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_update/run.py b/demo/blocks_update/run.py
new file mode 100644
index 0000000..03d4e5a
--- /dev/null
+++ b/demo/blocks_update/run.py
@@ -0,0 +1,45 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        """
+    # Animal Generator
+    Once you select a species, the detail panel should be visible.
+    """
+    )
+
+    species = gr.Radio(label="Animal Class", choices=["Mammal", "Fish", "Bird"])
+    animal = gr.Dropdown(label="Animal", choices=[])
+
+    with gr.Column(visible=False) as details_col:
+        weight = gr.Slider(0, 20)
+        details = gr.Textbox(label="Extra Details")
+        generate_btn = gr.Button("Generate")
+        output = gr.Textbox(label="Output")
+
+    species_map = {
+        "Mammal": ["Elephant", "Giraffe", "Hamster"],
+        "Fish": ["Shark", "Salmon", "Tuna"],
+        "Bird": ["Chicken", "Eagle", "Hawk"],
+    }
+
+    def filter_species(species):
+        return gr.Dropdown(
+            choices=species_map[species], value=species_map[species][1]
+        ), gr.Column(visible=True)
+
+    species.change(filter_species, species, [animal, details_col])
+
+    def filter_weight(animal):
+        if animal in ("Elephant", "Shark", "Giraffe"):
+            return gr.Slider(maximum=100)
+        else:
+            return gr.Slider(maximum=20)
+
+    animal.change(filter_weight, animal, weight)
+    weight.change(lambda w: gr.Textbox(lines=int(w / 10) + 1), weight, details)
+
+    generate_btn.click(lambda x: x, details, output)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_webcam/run.py b/demo/blocks_webcam/run.py
new file mode 100644
index 0000000..85b598f
--- /dev/null
+++ b/demo/blocks_webcam/run.py
@@ -0,0 +1,11 @@
+import numpy as np
+
+import gradio as gr
+
+def snap(image):
+    return np.flipud(image)
+
+demo = gr.Interface(snap, gr.Image(sources=["webcam"]), "image")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/blocks_xray/run.py b/demo/blocks_xray/run.py
new file mode 100644
index 0000000..0d674c5
--- /dev/null
+++ b/demo/blocks_xray/run.py
@@ -0,0 +1,59 @@
+import gradio as gr
+
+disease_values = [0.25, 0.5, 0.75]
+
+def xray_model(diseases, img):
+    return [{disease: disease_values[idx] for idx,disease in enumerate(diseases)}]
+
+def ct_model(diseases, img):
+    return [{disease: 0.1 for disease in diseases}]
+
+with gr.Blocks(fill_width=True) as demo:
+    gr.Markdown(
+        """
+# Detect Disease From Scan
+With this model you can lorem ipsum
+- ipsum 1
+- ipsum 2
+"""
+    )
+    gr.DuplicateButton()
+    disease = gr.CheckboxGroup(
+        info="Select the diseases you want to scan for.",
+        choices=["Covid", "Malaria", "Lung Cancer"], label="Disease to Scan For"
+    )
+    slider = gr.Slider(0, 100)
+
+    with gr.Tab("X-ray") as x_tab:
+        with gr.Row():
+            xray_scan = gr.Image()
+            xray_results = gr.JSON(show_indices=True)
+        xray_run = gr.Button("Run")
+        xray_run.click(
+            xray_model,
+            inputs=[disease, xray_scan],
+            outputs=xray_results,
+            api_name="xray_model"
+        )
+
+    with gr.Tab("CT Scan"):
+        with gr.Row():
+            ct_scan = gr.Image()
+            ct_results = gr.JSON(show_indices=True)
+        ct_run = gr.Button("Run")
+        ct_run.click(
+            ct_model,
+            inputs=[disease, ct_scan],
+            outputs=ct_results,
+            api_name="ct_model"
+        )
+
+    upload_btn = gr.Button("Upload Results", variant="primary")
+    upload_btn.click(
+        lambda ct, xr: None,
+        inputs=[ct_results, xray_results],
+        outputs=[],
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/bokeh_plot/requirements.txt b/demo/bokeh_plot/requirements.txt
new file mode 100644
index 0000000..8d941b8
--- /dev/null
+++ b/demo/bokeh_plot/requirements.txt
@@ -0,0 +1,2 @@
+bokeh>=3.0
+xyzservices
\ No newline at end of file
diff --git a/demo/bokeh_plot/run.py b/demo/bokeh_plot/run.py
new file mode 100644
index 0000000..6264362
--- /dev/null
+++ b/demo/bokeh_plot/run.py
@@ -0,0 +1,90 @@
+# type: ignore
+import gradio as gr
+import xyzservices.providers as xyz
+from bokeh.models import ColumnDataSource, Whisker
+from bokeh.plotting import figure
+from bokeh.sampledata.autompg2 import autompg2 as df
+from bokeh.sampledata.penguins import data
+from bokeh.transform import factor_cmap, jitter, factor_mark
+
+def get_plot(plot_type):
+    if plot_type == "map":
+        plot = figure(
+            x_range=(-2000000, 6000000),
+            y_range=(-1000000, 7000000),
+            x_axis_type="mercator",
+            y_axis_type="mercator",
+        )
+        plot.add_tile(xyz.OpenStreetMap.Mapnik)  # type: ignore
+        return plot
+    elif plot_type == "whisker":
+        classes = sorted(df["class"].unique())
+
+        p = figure(
+            height=400,
+            x_range=classes,
+            background_fill_color="#efefef",
+            title="Car class vs HWY mpg with quintile ranges",
+        )
+        p.xgrid.grid_line_color = None
+
+        g = df.groupby("class")
+        upper = g.hwy.quantile(0.80)
+        lower = g.hwy.quantile(0.20)
+        source = ColumnDataSource(data=dict(base=classes, upper=upper, lower=lower))
+
+        error = Whisker(
+            base="base",
+            upper="upper",
+            lower="lower",
+            source=source,
+            level="annotation",
+            line_width=2,
+        )
+        error.upper_head.size = 20
+        error.lower_head.size = 20
+        p.add_layout(error)
+
+        p.circle(
+            jitter("class", 0.3, range=p.x_range),
+            "hwy",
+            source=df,
+            alpha=0.5,
+            size=13,
+            line_color="white",
+            color=factor_cmap("class", "Light6", classes),
+        )
+        return p
+    elif plot_type == "scatter":
+
+        SPECIES = sorted(data.species.unique())
+        MARKERS = ["hex", "circle_x", "triangle"]
+
+        p = figure(title="Penguin size", background_fill_color="#fafafa")
+        p.xaxis.axis_label = "Flipper Length (mm)"
+        p.yaxis.axis_label = "Body Mass (g)"
+
+        p.scatter(
+            "flipper_length_mm",
+            "body_mass_g",
+            source=data,
+            legend_group="species",
+            fill_alpha=0.4,
+            size=12,
+            marker=factor_mark("species", MARKERS, SPECIES),
+            color=factor_cmap("species", "Category10_3", SPECIES),
+        )
+
+        p.legend.location = "top_left"
+        p.legend.title = "Species"
+        return p
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        plot_type = gr.Radio(value="scatter", choices=["scatter", "whisker", "map"])
+        plot = gr.Plot()
+    plot_type.change(get_plot, inputs=[plot_type], outputs=[plot])
+    demo.load(get_plot, inputs=[plot_type], outputs=[plot])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/browser_state_component/run.py b/demo/browser_state_component/run.py
new file mode 100644
index 0000000..20999a4
--- /dev/null
+++ b/demo/browser_state_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.BrowserState()
+
+demo.launch()
diff --git a/demo/browserstate/run.py b/demo/browserstate/run.py
new file mode 100644
index 0000000..a150825
--- /dev/null
+++ b/demo/browserstate/run.py
@@ -0,0 +1,37 @@
+import random
+import string
+import gradio as gr
+import time
+with gr.Blocks() as demo:
+    gr.Markdown("Your Username and Password will get saved in the browser's local storage. "
+                "If you refresh the page, the values will be retained.")
+    username = gr.Textbox(label="Username")
+    password = gr.Textbox(label="Password", type="password")
+    btn = gr.Button("Generate Randomly")
+    local_storage = gr.BrowserState(["", ""])
+    saved_message = gr.Markdown("✅ Saved to local storage", visible=False)
+
+    @btn.click(outputs=[username, password])
+    def generate_randomly():
+        u = "".join(random.choices(string.ascii_letters + string.digits, k=10))
+        p = "".join(random.choices(string.ascii_letters + string.digits, k=10))
+        return u, p
+
+    @demo.load(inputs=[local_storage], outputs=[username, password])
+    def load_from_local_storage(saved_values):
+        print("loading from local storage", saved_values)
+        return saved_values[0], saved_values[1]
+
+    @gr.on([username.change, password.change], inputs=[username, password], outputs=[local_storage])
+    def save_to_local_storage(username, password):
+        return [username, password]
+
+    @gr.on(local_storage.change, outputs=[saved_message])
+    def show_saved_message():
+        timestamp = time.strftime("%I:%M:%S %p")
+        return gr.Markdown(
+            f"✅ Saved to local storage at {timestamp}",
+            visible=True
+        )
+
+demo.launch()
diff --git a/demo/button_component/run.py b/demo/button_component/run.py
new file mode 100644
index 0000000..88b0d22
--- /dev/null
+++ b/demo/button_component/run.py
@@ -0,0 +1,52 @@
+import gradio as gr
+
+icon = "https://cdn.icon-icons.com/icons2/2620/PNG/512/among_us_player_red_icon_156942.png"
+with gr.Blocks() as demo:
+   with gr.Row():
+      gr.Button(variant="primary")
+      gr.Button(variant="secondary")
+      gr.Button(variant="stop")
+   with gr.Row():
+      gr.Button(variant="primary", size="sm")
+      gr.Button(variant="secondary", size="sm")
+      gr.Button(variant="stop", size="sm")
+   with gr.Row():
+      gr.Button(variant="primary", icon=icon)
+      gr.Button(variant="secondary", icon=icon)
+      gr.Button(variant="stop", icon=icon)
+
+   with gr.Row():
+      gr.Button(variant="primary", size="sm", icon=icon)
+      gr.Button(variant="secondary", size="sm", icon=icon)
+      gr.Button(variant="stop", size="sm", icon=icon)
+
+   with gr.Row():
+      gr.Button(variant="primary", icon=icon, interactive=False)
+      gr.Button(variant="secondary", icon=icon, interactive=False)
+      gr.Button(variant="stop", icon=icon, interactive=False)
+
+   with gr.Row():
+      gr.Button(variant="primary", size="sm", icon=icon, interactive=False)
+      gr.Button(variant="secondary", size="sm", icon=icon, interactive=False)
+      gr.Button(variant="stop", size="sm", icon=icon, interactive=False)
+
+   with gr.Row():
+      gr.Button(variant="primary", interactive=False)
+      gr.Button(variant="secondary", interactive=False)
+      gr.Button(variant="stop", interactive=False)
+
+   with gr.Row():
+      gr.Button(variant="primary", size="sm",  interactive=False)
+      gr.Button(variant="secondary", size="sm", interactive=False)
+      gr.Button(variant="stop", size="sm", interactive=False)
+
+   with gr.Group():
+      gr.Button(variant="primary")
+      gr.Button(variant="primary")
+      gr.Button(variant="secondary")
+      gr.Button(variant="secondary")
+      gr.Button(variant="stop")
+      gr.Button(variant="stop")
+
+
+demo.launch()
diff --git a/demo/cache_demo/run.py b/demo/cache_demo/run.py
new file mode 100644
index 0000000..6294097
--- /dev/null
+++ b/demo/cache_demo/run.py
@@ -0,0 +1,187 @@
+"""Demo showcasing @gr.cache() with every function type."""
+
+import asyncio
+import tempfile
+import time
+import wave
+
+import numpy as np
+
+import gradio as gr
+
+CLASSES = ["cat", "dog", "bird", "fish", "car", "plane", "ship", "truck"]
+
+
+@gr.cache
+def classify_image(image):
+    time.sleep(2)
+    if image is None:
+        return {}
+    np.random.seed(int(image.mean()) % 100)
+    scores = np.random.dirichlet(np.ones(len(CLASSES)))
+    return {cls: float(s) for cls, s in zip(CLASSES, scores)}
+
+
+TRANSLATIONS = {
+    "hello": "hola",
+    "goodbye": "adiós",
+    "thank you": "gracias",
+    "good morning": "buenos días",
+    "how are you": "¿cómo estás?",
+}
+
+
+@gr.cache
+async def translate(text, target_language):
+    await asyncio.sleep(2)
+    if not text:
+        return ""
+    key = text.lower().strip()
+    if target_language == "Spanish":
+        return TRANSLATIONS.get(key, f"[translated to Spanish] {text}")
+    elif target_language == "French":
+        return f"[translated to French] {text}"
+    return text
+
+
+RESPONSES = {
+    "hello": "Hi there! How can I help you today?",
+    "what is gradio": "Gradio is an open-source Python library for building ML demos.",
+    "what is caching": "Caching stores expensive results so they can be reused instantly.",
+    "tell me a joke": "Why do programmers prefer dark mode? Because light attracts bugs!",
+}
+
+
+def _message_plain_text(message):
+    content = message["content"]
+    if isinstance(content, str):
+        return content
+    if isinstance(content, list):
+        parts = []
+        for part in content:
+            if isinstance(part, str):
+                parts.append(part)
+            elif isinstance(part, dict) and part.get("type") == "text":
+                parts.append(part.get("text", ""))
+        return "".join(parts)
+    return str(content)
+
+
+@gr.cache
+def chat_respond(history):
+    if not history:
+        yield history
+        return
+    user_text = _message_plain_text(history[-1])
+    last_msg = user_text.lower().strip()
+    response = RESPONSES.get(last_msg, f"You said: '{user_text}'")
+    history.append({"role": "assistant", "content": ""})
+    for i in range(len(response)):
+        history[-1]["content"] = response[: i + 1]
+        time.sleep(0.02)
+        yield history
+
+
+def _make_wav_bytes(samples: np.ndarray, sample_rate: int = 24000) -> str:
+    pcm = (samples * 32767).astype(np.int16)
+    with tempfile.NamedTemporaryFile(suffix=".wav", delete=False) as f:
+        with wave.open(f.name, "wb") as wf:
+            wf.setnchannels(1)
+            wf.setsampwidth(2)
+            wf.setframerate(sample_rate)
+            wf.writeframes(pcm.tobytes())
+        return f.name
+
+
+@gr.cache
+def stream_audio(text, speed=1.0):
+    if not text:
+        return
+    sample_rate = 24000
+    for word in text.split():
+        time.sleep(0.5)
+        duration = max(0.2, len(word) * 0.08 / speed)
+        t = np.linspace(0, duration, int(sample_rate * duration), dtype=np.float32)
+        freq = 200 + (sum(ord(c) for c in word) % 300)
+        chunk = 0.3 * np.sin(2 * np.pi * freq * t)
+        fade = min(500, len(chunk) // 4)
+        chunk[:fade] *= np.linspace(0, 1, fade)
+        chunk[-fade:] *= np.linspace(1, 0, fade)
+        yield _make_wav_bytes(chunk, sample_rate)
+
+
+@gr.cache
+async def async_summarize(text):
+    if not text:
+        yield ""
+        return
+    words = text.split()
+    summary = "Summary: " + " ".join(words[: max(3, len(words) // 3)]) + "..."
+    result = ""
+    for char in summary:
+        await asyncio.sleep(0.03)
+        result += char
+        yield result
+
+
+with gr.Blocks(title="gr.cache() Demo") as demo:
+    gr.Markdown(
+        "# `@gr.cache` Demo\n"
+        "Each tab shows a different function type. "
+        "**Submit the same input twice** — the second call replays from cache."
+    )
+
+    with gr.Tabs():
+        with gr.Tab("Sync Function"):
+            gr.Markdown("Simulates image classification with a 2s delay.")
+            with gr.Row():
+                img_in = gr.Image(type="numpy")
+                label_out = gr.Label(num_top_classes=5)
+            gr.Button("Classify").click(classify_image, img_in, label_out)
+
+        with gr.Tab("Async Function"):
+            gr.Markdown("Simulates an async translation API with a 2s delay.")
+            trans_text = gr.Textbox(label="Text", value="hello")
+            trans_lang = gr.Dropdown(
+                choices=["Spanish", "French"], value="Spanish", label="Target"
+            )
+            trans_out = gr.Textbox(label="Translation")
+            gr.Button("Translate").click(
+                translate, [trans_text, trans_lang], trans_out
+            )
+
+        with gr.Tab("Generator — Text"):
+            gr.Markdown("Streams a chatbot response char by char. All yields are replayed on cache hit.")
+            chatbot = gr.Chatbot()
+            chat_in = gr.Textbox(placeholder="Type a message...", show_label=False)
+
+            def user_msg(msg, history):
+                history = history or []
+                history.append({"role": "user", "content": msg})
+                return "", history
+
+            chat_in.submit(
+                user_msg, [chat_in, chatbot], [chat_in, chatbot]
+            ).then(chat_respond, chatbot, chatbot)
+
+        with gr.Tab("Generator — Streaming Audio"):
+            gr.Markdown("Simulates streaming TTS. Each word is a separate audio chunk, all replayed on hit.")
+            audio_text = gr.Textbox(label="Text", value="Hello world this is cached")
+            audio_speed = gr.Slider(0.5, 2.0, value=1.0, step=0.1, label="Speed")
+            audio_out = gr.Audio(label="Output", streaming=True, autoplay=True)
+            gr.Button("Synthesize").click(
+                stream_audio, [audio_text, audio_speed], audio_out
+            )
+
+        with gr.Tab("Async Generator"):
+            gr.Markdown("Simulates async streaming summarization. All yields replayed on hit.")
+            summ_in = gr.Textbox(
+                label="Text to summarize",
+                value="The quick brown fox jumps over the lazy dog and runs through the forest",
+                lines=3,
+            )
+            summ_out = gr.Textbox(label="Summary", lines=2)
+            gr.Button("Summarize").click(async_summarize, summ_in, summ_out)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/cache_intermediate_demo/run.py b/demo/cache_intermediate_demo/run.py
new file mode 100644
index 0000000..baa4144
--- /dev/null
+++ b/demo/cache_intermediate_demo/run.py
@@ -0,0 +1,155 @@
+"""Demo showcasing runtime gr.cache(fn)(...) for an intermediate helper call."""
+
+import re
+import time
+
+import gradio as gr
+
+POLICIES = {
+    "Billing": [
+        {
+            "title": "Refund windows",
+            "text": "Customers can request a refund within 30 days of purchase. "
+            "Annual subscriptions can be prorated if the request arrives after the "
+            "first 30 days but before day 90.",
+        },
+        {
+            "title": "Invoice corrections",
+            "text": "Billing agents can correct invoice email addresses, company "
+            "names, and tax identifiers, but cannot alter the purchase date.",
+        },
+        {
+            "title": "Duplicate charges",
+            "text": "If two charges appear within 24 hours for the same plan and "
+            "customer account, billing should confirm card fingerprint and issue a "
+            "same-day reversal.",
+        },
+    ],
+    "IT": [
+        {
+            "title": "Password resets",
+            "text": "IT can revoke all active sessions and force a password reset "
+            "after verifying the employee through the HR directory.",
+        },
+        {
+            "title": "VPN access",
+            "text": "New VPN access is approved only for employees with manager "
+            "approval and a registered MFA device.",
+        },
+        {
+            "title": "Laptop replacement",
+            "text": "Broken laptops should be tagged with the device asset number "
+            "and shipped to the repair center before a replacement is issued.",
+        },
+    ],
+    "HR": [
+        {
+            "title": "Parental leave",
+            "text": "Full-time employees are eligible for 16 weeks of paid parental "
+            "leave after six months of employment.",
+        },
+        {
+            "title": "Address changes",
+            "text": "Employees should update their home address in the HR portal "
+            "before payroll closes on the 20th of each month.",
+        },
+        {
+            "title": "Interview scheduling",
+            "text": "Recruiters should provide interview panels at least 48 hours "
+            "to review candidate materials before the session starts.",
+        },
+    ],
+}
+
+TONE_PREFIX = {
+    "Concise": "Give a short answer.",
+    "Friendly": "Give a warm, helpful answer.",
+    "Formal": "Give a professional and policy-focused answer.",
+}
+
+
+def _tokens(text: str) -> set[str]:
+    return set(re.findall(r"[a-z0-9]+", text.lower()))
+
+
+def retrieve_passages(question: str, team: str) -> list[dict[str, str | int]]:
+    """Pretend retrieval is the expensive deterministic step."""
+    time.sleep(2)
+    query_tokens = _tokens(question)
+    ranked = []
+    for doc in POLICIES[team]:
+        combined_text = f"{doc['title']} {doc['text']}"
+        score = len(query_tokens & _tokens(combined_text))
+        ranked.append(
+            {
+                "title": doc["title"],
+                "text": doc["text"],
+                "score": score,
+            }
+        )
+
+    ranked.sort(key=lambda item: item["score"], reverse=True)
+    return ranked[:2]
+
+
+def draft_answer(question: str, team: str, tone: str) -> tuple[str, str, str]:
+    start = time.time()
+
+    passages = gr.cache(retrieve_passages)(question, team)
+    top_match = passages[0]
+    bullets = "\n".join(
+        f"- {match['title']}: {match['text']}" for match in passages
+    )
+
+    answer = (
+        f"{TONE_PREFIX[tone]}\n\n"
+        f"For a {team.lower()} request about '{question}', the strongest match is "
+        f"**{top_match['title']}**.\n\n"
+        f"Suggested reply: Based on the current {team.lower()} policy, {top_match['text']}"
+    )
+    debug = (
+        f"Retrieved {len(passages)} passages in {time.time() - start:.2f}s.\n"
+        "Try the same question twice, or change only the tone. "
+        "The retrieval helper should be reused from cache."
+    )
+    return answer, bullets, debug
+
+
+with gr.Blocks(title="Intermediate gr.cache() Demo") as demo:
+    gr.Markdown(
+        "# Intermediate `gr.cache()` Demo\n"
+        "This simulates a support assistant where the **retrieval** step is expensive "
+        "but deterministic, while the final answer still recomputes. "
+        "Submit the same question twice, or change only the tone, and watch Gradio "
+        "show the `used cache` badge when the cached helper is reused."
+    )
+
+    with gr.Row():
+        with gr.Column():
+            team = gr.Dropdown(
+                choices=list(POLICIES.keys()),
+                value="Billing",
+                label="Team",
+            )
+            tone = gr.Dropdown(
+                choices=["Concise", "Friendly", "Formal"],
+                value="Friendly",
+                label="Answer style",
+            )
+            question = gr.Textbox(
+                label="Customer question",
+                lines=3,
+                value="Can this customer get a refund after being charged twice?",
+            )
+            draft = gr.Markdown()
+            retrieved = gr.Markdown()
+            debug = gr.Textbox(label="Debug", lines=3)
+            gr.Button("Draft reply").click(
+                draft_answer,
+                [question, team, tone],
+                outputs=[draft, retrieved, debug],
+            )
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/cache_kv_demo/run.py b/demo/cache_kv_demo/run.py
new file mode 100644
index 0000000..95283e1
--- /dev/null
+++ b/demo/cache_kv_demo/run.py
@@ -0,0 +1,88 @@
+"""Demo: KV caching with gr.cache() and a transformers model.
+
+Uses gr.cache() as an injectable parameter to manually store and retrieve
+transformer KV caches, reusing computation for shared prompt prefixes.
+"""
+
+import time
+
+import gradio as gr
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+
+MODEL_NAME = "HuggingFaceTB/SmolLM2-135M-Instruct"
+
+tokenizer = AutoTokenizer.from_pretrained(MODEL_NAME)
+model = AutoModelForCausalLM.from_pretrained(
+    MODEL_NAME, torch_dtype=torch.float32, device_map="cpu"
+)
+
+
+def _find_longest_prefix(prompt: str, c: gr.Cache) -> tuple[str | None, int]:
+    best_key = None
+    best_len = 0
+    for cached_key in c.keys():
+        if prompt.startswith(cached_key) and best_len < len(cached_key) < len(prompt):
+            best_key = cached_key
+            best_len = len(cached_key)
+    return best_key, best_len
+
+
+def generate(prompt, max_new_tokens, c=gr.Cache()):
+    start = time.time()
+
+    best_prefix, prefix_len = _find_longest_prefix(prompt, c)
+    if best_prefix:
+        past = c.get(best_prefix)["kv"]  # type: ignore
+        input_ids = tokenizer.encode(prompt, return_tensors="pt")
+        prefix_token_len = tokenizer.encode(best_prefix, return_tensors="pt").shape[1]
+        new_input_ids = input_ids[:, prefix_token_len:]
+    else:
+        past = None
+        new_input_ids = tokenizer.encode(prompt, return_tensors="pt")
+        prefix_token_len = 0
+
+    with torch.no_grad():
+        outputs = model(new_input_ids, past_key_values=past, use_cache=True)
+    full_past = outputs.past_key_values
+
+    gen_input = outputs.logits[:, -1:, :].argmax(dim=-1)
+    generated_tokens = [gen_input.item()]
+    current_past = full_past
+
+    for _ in range(int(max_new_tokens) - 1):
+        with torch.no_grad():
+            outputs = model(gen_input, past_key_values=current_past, use_cache=True)
+        current_past = outputs.past_key_values
+        gen_input = outputs.logits[:, -1:, :].argmax(dim=-1)
+        generated_tokens.append(gen_input.item())
+        if gen_input.item() == tokenizer.eos_token_id:
+            break
+
+    c.set(prompt, kv=full_past)
+
+    elapsed = time.time() - start
+    generated_text = tokenizer.decode(generated_tokens, skip_special_tokens=True)
+    total_tokens = tokenizer.encode(prompt, return_tensors="pt").shape[1]
+    status = (
+        f"Reused {prefix_token_len}/{total_tokens} prompt tokens from KV cache | "
+        f"Generated {len(generated_tokens)} tokens in {elapsed:.2f}s"
+    )
+    return prompt + generated_text, status
+
+
+with gr.Blocks(title="KV Cache Demo") as demo:
+    gr.Markdown(
+        "# KV Cache Demo with `gr.cache()`\n"
+        "Uses `gr.cache()` as an injectable parameter to store transformer KV caches. "
+        "When you extend a prompt, the cached KV states from the prefix are reused.\n\n"
+        "Try: **'The quick brown'** → then **'The quick brown fox'**"
+    )
+    prompt = gr.Textbox(label="Prompt", value="The quick brown")
+    max_tokens = gr.Slider(10, 100, value=30, step=5, label="Max new tokens")
+    output = gr.Textbox(label="Generated text", lines=4)
+    status = gr.Textbox(label="Cache status")
+    gr.Button("Generate").click(generate, [prompt, max_tokens], [output, status])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/cache_manual_demo/run.py b/demo/cache_manual_demo/run.py
new file mode 100644
index 0000000..2b93fc5
--- /dev/null
+++ b/demo/cache_manual_demo/run.py
@@ -0,0 +1,56 @@
+"""Demo showcasing simple manual caching with gr.Cache()."""
+
+import time
+
+import gradio as gr
+
+WEATHER_BY_CITY = {
+    "san francisco": ("Foggy", 61),
+    "new york": ("Cloudy", 72),
+    "tokyo": ("Sunny", 78),
+    "london": ("Rainy", 58),
+    "nairobi": ("Clear", 75),
+}
+
+
+def normalize_city(city: str) -> str:
+    return " ".join(city.lower().strip().split())
+
+
+def lookup_weather(city: str, c=gr.Cache()):
+    if not city.strip():
+        return "", "Enter a city name.", ""
+
+    cache_key = normalize_city(city)
+    cached = c.get(cache_key)
+    if cached is not None:
+        return cached["forecast"], "Cache hit", cache_key
+
+    time.sleep(2)
+    condition, temperature = WEATHER_BY_CITY.get(cache_key, ("Windy", 68))
+    forecast = (
+        f"{city.strip()}: {condition}, {temperature} degF.\n"
+        f"Normalized cache key: {cache_key}"
+    )
+    c.set(cache_key, forecast=forecast)
+    return forecast, "Computed and stored", cache_key
+
+
+with gr.Blocks(title="gr.Cache() Demo") as demo:
+    gr.Markdown(
+        "# `gr.Cache()` Demo\n"
+        "This demo manually caches a normalized city lookup. "
+        "Try the same city twice, or vary capitalization and spacing "
+        "to reuse the same cached result."
+    )
+
+    city = gr.Textbox(label="City", value=" San   Francisco ")
+    forecast = gr.Textbox(label="Forecast", lines=3)
+    status = gr.Textbox(label="Status")
+    cache_key = gr.Textbox(label="Cache key used")
+
+    gr.Button("Lookup").click(lookup_weather, city, [forecast, status, cache_key])
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/calculator/examples/log.csv b/demo/calculator/examples/log.csv
new file mode 100644
index 0000000..e69de29
diff --git a/demo/calculator/run.py b/demo/calculator/run.py
new file mode 100644
index 0000000..1e672b5
--- /dev/null
+++ b/demo/calculator/run.py
@@ -0,0 +1,35 @@
+import gradio as gr
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        if num2 == 0:
+            raise gr.Error("Cannot divide by zero!")
+        return num1 / num2
+
+demo = gr.Interface(
+    calculator,
+    [
+        "number",
+        gr.Radio(["add", "subtract", "multiply", "divide"]),
+        "number"
+    ],
+    "number",
+    examples=[
+        [45, "add", 3],
+        [3.14, "divide", 2],
+        [144, "multiply", 2.5],
+        [0, "subtract", 1.2],
+    ],
+    title="Toy Calculator",
+    description="Here's a sample toy calculator.",
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/calculator/screenshot.gif b/demo/calculator/screenshot.gif
new file mode 100644
index 0000000..84ff86c
Binary files /dev/null and b/demo/calculator/screenshot.gif differ
diff --git a/demo/calculator_blocks/run.py b/demo/calculator_blocks/run.py
new file mode 100644
index 0000000..ac34a07
--- /dev/null
+++ b/demo/calculator_blocks/run.py
@@ -0,0 +1,37 @@
+import gradio as gr
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        return num1 / num2
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            num_1 = gr.Number(value=4)
+            operation = gr.Radio(["add", "subtract", "multiply", "divide"])
+            num_2 = gr.Number(value=0)
+            submit_btn = gr.Button(value="Calculate")
+        with gr.Column():
+            result = gr.Number()
+
+    submit_btn.click(
+        calculator, inputs=[num_1, operation, num_2], outputs=[result], api_visibility="private"
+    )
+    examples = gr.Examples(
+        examples=[
+            [5, "add", 3],
+            [4, "divide", 2],
+            [-4, "multiply", 2.5],
+            [0, "subtract", 1.2],
+        ],
+        inputs=[num_1, operation, num_2],
+    )
+
+if __name__ == "__main__":
+    demo.launch(footer_links=["gradio"])
diff --git a/demo/calculator_blocks_cached/run.py b/demo/calculator_blocks_cached/run.py
new file mode 100644
index 0000000..f0fa341
--- /dev/null
+++ b/demo/calculator_blocks_cached/run.py
@@ -0,0 +1,34 @@
+import gradio as gr
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        return num1 / num2
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            num_1 = gr.Number()
+            operation = gr.Radio(["add", "subtract", "multiply", "divide"])
+            num_2 = gr.Number()
+            submit_btn = gr.Button(value="Calculate")
+        with gr.Column():
+            result = gr.Number()
+
+    submit_btn.click(calculator, inputs=[num_1, operation, num_2], outputs=[result])
+    examples = gr.Examples(examples=[[5, "add", 3],
+                                     [4, "divide", 2],
+                                     [-4, "multiply", 2.5],
+                                     [0, "subtract", 1.2]],
+                           inputs=[num_1, operation, num_2],
+                           outputs=[result],
+                           fn=calculator,
+                           cache_examples=True)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/calculator_list_and_dict/run.py b/demo/calculator_list_and_dict/run.py
new file mode 100644
index 0000000..7188e2e
--- /dev/null
+++ b/demo/calculator_list_and_dict/run.py
@@ -0,0 +1,20 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    a = gr.Number(label="a")
+    b = gr.Number(label="b")
+    with gr.Row():
+        add_btn = gr.Button("Add")
+        sub_btn = gr.Button("Subtract")
+    c = gr.Number(label="sum")
+
+    def add(num1, num2):
+        return num1 + num2
+    add_btn.click(add, inputs=[a, b], outputs=c)
+
+    def sub(data):
+        return data[a] - data[b]
+    sub_btn.click(sub, inputs={a, b}, outputs=c)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/calculator_live/run.py b/demo/calculator_live/run.py
new file mode 100644
index 0000000..09856c0
--- /dev/null
+++ b/demo/calculator_live/run.py
@@ -0,0 +1,24 @@
+import gradio as gr
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        return num1 / num2
+
+demo = gr.Interface(
+    calculator,
+    [
+        "number",
+        gr.Radio(["add", "subtract", "multiply", "divide"]),
+        "number"
+    ],
+    "number",
+    live=True,
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/calculator_live/screenshot.gif b/demo/calculator_live/screenshot.gif
new file mode 100644
index 0000000..b6df1ce
Binary files /dev/null and b/demo/calculator_live/screenshot.gif differ
diff --git a/demo/cancel_events/run.py b/demo/cancel_events/run.py
new file mode 100644
index 0000000..5ea06e8
--- /dev/null
+++ b/demo/cancel_events/run.py
@@ -0,0 +1,80 @@
+import time
+import gradio as gr
+import atexit
+import pathlib
+
+log_file = pathlib.Path(__file__).parent / "cancel_events_output_log.txt"
+
+
+def fake_diffusion(steps):
+    log_file.write_text("")
+    for i in range(steps):
+        print(f"Current step: {i}")
+        with log_file.open("a") as f:
+            f.write(f"Current step: {i}\n")
+        time.sleep(0.2)
+        yield str(i)
+
+
+def long_prediction(*args, **kwargs):
+    time.sleep(4)
+    return 42, 42
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            n = gr.Slider(1, 10, value=9, step=1, label="Number Steps")
+            run = gr.Button(value="Start Iterating")
+            output = gr.Textbox(label="Iterative Output")
+            stop = gr.Button(value="Stop Iterating")
+        with gr.Column():
+            textbox = gr.Textbox(label="Prompt")
+            loading_box = gr.Textbox(
+                label="Loading indicator for expensive calculation"
+            )
+            loading_box2 = gr.Textbox(
+                label="Loading indicator for expensive calculation"
+            )
+            prediction = gr.Number(label="Expensive Calculation")
+            prediction2 = gr.Number(label="Expensive Calculation")
+            run_pred = gr.Button(value="Run Expensive Calculation")
+        with gr.Column():
+            cancel_on_change = gr.Textbox(
+                label="Cancel Iteration and Expensive Calculation on Change"
+            )
+            cancel_on_submit = gr.Textbox(
+                label="Cancel Iteration and Expensive Calculation on Submit"
+            )
+            echo = gr.Textbox(label="Echo")
+    with gr.Row():
+        with gr.Column():
+            image = gr.Image(
+                sources=["webcam"], label="Cancel on clear", interactive=True
+            )
+        with gr.Column():
+            video = gr.Video(
+                sources=["webcam"], label="Cancel on start recording", interactive=True
+            )
+
+    click_event = run.click(fake_diffusion, n, output)
+    stop.click(fn=None, inputs=None, outputs=None, cancels=[click_event])
+    pred_event = run_pred.click(
+        fn=long_prediction,
+        inputs=[textbox],
+        outputs=[prediction, prediction2],
+        show_progress_on=[loading_box, loading_box2],
+    )
+
+    cancel_on_change.change(None, None, None, cancels=[click_event, pred_event])
+    cancel_on_submit.submit(
+        lambda s: s, cancel_on_submit, echo, cancels=[click_event, pred_event]
+    )
+    image.clear(None, None, None, cancels=[click_event, pred_event])
+    video.start_recording(None, None, None, cancels=[click_event, pred_event])
+
+    demo.queue(max_size=20)
+    atexit.register(lambda: log_file.unlink(True))
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/change_vs_input/files/world.mp4 b/demo/change_vs_input/files/world.mp4
new file mode 100644
index 0000000..efdda67
Binary files /dev/null and b/demo/change_vs_input/files/world.mp4 differ
diff --git a/demo/change_vs_input/run.py b/demo/change_vs_input/run.py
new file mode 100644
index 0000000..351c54c
--- /dev/null
+++ b/demo/change_vs_input/run.py
@@ -0,0 +1,170 @@
+import gradio as gr
+from gradio.media import get_image, get_audio, get_video, MEDIA_PATHS
+
+
+with gr.Blocks() as demo:
+    set_button = gr.Button("Set Values")
+    counter = gr.Number(label="Change counter")
+    with gr.Row():
+        gr.Markdown("# Enter Here")
+        gr.Markdown("# ON:INPUT/UPLOAD")
+        gr.Markdown("# ON:CHANGE")
+        gr.Markdown("# ON:CHANGE x2")
+    with gr.Row():
+        text = gr.Textbox(label="TB Input")
+        text_in = gr.Textbox(label="Textbox Input Event")
+        text_ch = gr.Textbox(label="Textbox Change Event")
+        text_ch2 = gr.Textbox(label="Textbox Change Event x2")
+    with gr.Row():
+        num = gr.Number()
+        num_in = gr.Number()
+        num_ch = gr.Number()
+        num_ch2 = gr.Number()
+    with gr.Row():
+        slider = gr.Slider()
+        slider_in = gr.Slider()
+        slider_ch = gr.Slider()
+        slider_ch2 = gr.Slider()
+    with gr.Row():
+        checkbox = gr.Checkbox(label="CB Input")
+        checkbox_in = gr.Checkbox(label="Checkbox Input Event")
+        checkbox_ch = gr.Checkbox(label="Checkbox Change Event")
+        checkbox_ch2 = gr.Checkbox(label="Checkbox Change Event x2")
+    with gr.Row():
+        checkbox_group = gr.CheckboxGroup(["a", "b", "c"], label="CBG Input")
+        checkbox_group_in = gr.CheckboxGroup(["a", "b", "c"], label="CheckboxGroup Input Event")
+        checkbox_group_ch = gr.CheckboxGroup(["a", "b", "c"], label="CheckboxGroup Change Event")
+        checkbox_group_ch2 = gr.CheckboxGroup(["a", "b", "c"], label="CheckboxGroup Change Event x2")
+    with gr.Row():
+        radio = gr.Radio(["a", "b", "c"], label="Radio Input")
+        radio_in = gr.Radio(["a", "b", "c"], label="Radio Input Event")
+        radio_ch = gr.Radio(["a", "b", "c"], label="Radio Change Event")
+        radio_ch2 = gr.Radio(["a", "b", "c"], label="Radio Change Event x2")
+    with gr.Row():
+        dropdown = gr.Dropdown(["a", "b", "c"], label="DD Input")
+        dropdown_in = gr.Dropdown(["a", "b", "c"], label="Dropdown Input Event")
+        dropdown_ch = gr.Dropdown(["a", "b", "c"], label="Dropdown Change Event")
+        dropdown_ch2 = gr.Dropdown(["a", "b", "c"], label="Dropdown Change Event x2")
+    with gr.Row():
+        colorpicker = gr.ColorPicker()
+        colorpicker_in = gr.ColorPicker()
+        colorpicker_ch = gr.ColorPicker()
+        colorpicker_ch2 = gr.ColorPicker()
+    with gr.Row():
+        code = gr.Code()
+        code_in = gr.Code()
+        code_ch = gr.Code()
+        code_ch2 = gr.Code()
+    with gr.Row():
+        dataframe = gr.Dataframe()
+        dataframe_in = gr.Dataframe()
+        dataframe_ch = gr.Dataframe()
+        dataframe_ch2 = gr.Dataframe()
+    with gr.Row():
+        image = gr.Image(elem_id="image-original")
+        image_up = gr.Image(elem_id="image-upload")
+        image_ch = gr.Image(elem_id="image-change")
+        image_ch2 = gr.Image(elem_id="image-change-2")
+    with gr.Row():
+        audio = gr.Audio(elem_id="audio-original")
+        audio_up = gr.Audio(elem_id="audio-upload")
+        audio_ch = gr.Audio(elem_id="audio-change")
+        audio_ch2 = gr.Audio(elem_id="audio-change-2")
+    with gr.Row():
+        video = gr.Video(elem_id="video-original")
+        video_up = gr.Video(elem_id="video-upload")
+        video_ch = gr.Video(elem_id="video-change")
+        video_ch2 = gr.Video(elem_id="video-change-2")
+
+    lion = get_image("lion.jpg")
+    cantina = get_audio("cantina.wav")
+    world = get_video("world.mp4")
+
+    set_button.click(
+        lambda: [
+            "asdf",
+            555,
+            12,
+            True,
+            ["a", "c"],
+            "b",
+            "b",
+            "#FF0000",
+            "import gradio as gr",
+            [["a", "b", "c", "d"], ["1", "2", "3", "4"]],
+            lion,
+            cantina,
+            world,
+        ],
+        None,
+        [
+            text,
+            num,
+            slider,
+            checkbox,
+            checkbox_group,
+            radio,
+            dropdown,
+            colorpicker,
+            code,
+            dataframe,
+            image,
+            audio,
+            video,
+        ],
+    )
+
+    text.input(lambda x: x, text, text_in)
+    num.input(lambda x: x, num, num_in)
+    slider.input(lambda x: x, slider, slider_in)
+    checkbox.input(lambda x: x, checkbox, checkbox_in)
+    checkbox_group.input(lambda x: x, checkbox_group, checkbox_group_in)
+    radio.input(lambda x: x, radio, radio_in)
+    dropdown.input(lambda x: x, dropdown, dropdown_in)
+    colorpicker.input(lambda x: x, colorpicker, colorpicker_in)
+    code.input(lambda x: x, code, code_in)
+    dataframe.input(lambda x: x, dataframe, dataframe_in)
+    image.upload(lambda x: x, image, image_up)
+    audio.upload(lambda x: x, audio, audio_up)
+    video.upload(lambda x: x, video, video_up)
+
+    text.change(lambda x, y: (x, y + 1), [text, counter], [text_ch, counter])
+    num.change(lambda x, y: (x, y + 1), [num, counter], [num_ch, counter])
+    slider.change(lambda x, y: (x, y + 1), [slider, counter], [slider_ch, counter])
+    checkbox.change(
+        lambda x, y: (x, y + 1), [checkbox, counter], [checkbox_ch, counter]
+    )
+    checkbox_group.change(
+        lambda x, y: (x, y + 1), [checkbox_group, counter], [checkbox_group_ch, counter]
+    )
+    radio.change(lambda x, y: (x, y + 1), [radio, counter], [radio_ch, counter])
+    dropdown.change(
+        lambda x, y: (x, y + 1), [dropdown, counter], [dropdown_ch, counter]
+    )
+    colorpicker.change(
+        lambda x, y: (x, y + 1), [colorpicker, counter], [colorpicker_ch, counter]
+    )
+    code.change(lambda x, y: (x, y + 1), [code, counter], [code_ch, counter])
+    dataframe.change(
+        lambda x, y: (x, y + 1), [dataframe, counter], [dataframe_ch, counter]
+    )
+    image.change(lambda x, y: (x, y + 1), [image, counter], [image_ch, counter])
+    audio.change(lambda x, y: (x, y + 1), [audio, counter], [audio_ch, counter])
+    video.change(lambda x, y: (x, y + 1), [video, counter], [video_ch, counter])
+
+    text_ch.change(lambda x: x, text_ch, text_ch2)
+    num_ch.change(lambda x: x, num_ch, num_ch2)
+    slider_ch.change(lambda x: x, slider_ch, slider_ch2)
+    checkbox_ch.change(lambda x: x, checkbox_ch, checkbox_ch2)
+    checkbox_group_ch.change(lambda x: x, checkbox_group_ch, checkbox_group_ch2)
+    radio_ch.change(lambda x: x, radio_ch, radio_ch2)
+    dropdown_ch.change(lambda x: x, dropdown_ch, dropdown_ch2)
+    colorpicker_ch.change(lambda x: x, colorpicker_ch, colorpicker_ch2)
+    code_ch.change(lambda x: x, code_ch, code_ch2)
+    dataframe_ch.change(lambda x: x, dataframe_ch, dataframe_ch2)
+    image_ch.change(lambda x: x, image_ch, image_ch2)
+    audio_ch.change(lambda x: x, audio_ch, audio_ch2)
+    video_ch.change(lambda x: x, video_ch, video_ch2)
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=MEDIA_PATHS)
diff --git a/demo/chatbot_component/run.py b/demo/chatbot_component/run.py
new file mode 100644
index 0000000..d57294f
--- /dev/null
+++ b/demo/chatbot_component/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Chatbot(value=[  # type: ignore
+        {"role": "user", "content": "Hello World"},
+        {"role": "assistant", "content": "Hey Gradio!"},
+        {"role": "user", "content": "❤️"},
+        {"role": "assistant", "content": "😍"},
+        {"role": "user", "content": "🔥"},
+        {"role": "assistant", "content": "🤗"}
+    ])
+
+demo.launch()
diff --git a/demo/chatbot_consecutive/run.py b/demo/chatbot_consecutive/run.py
new file mode 100644
index 0000000..495886b
--- /dev/null
+++ b/demo/chatbot_consecutive/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox()
+    clear = gr.Button("Clear")
+
+    def user(user_message, history):
+        return "", history + [{"role": "user", "content": user_message}]
+
+    def bot(history):
+        bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
+        time.sleep(2)
+        history.append({"role": "assistant", "content": bot_message})
+        return history
+
+    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    clear.click(lambda: None, None, chatbot, queue=False)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_core_components/files/sample.txt b/demo/chatbot_core_components/files/sample.txt
new file mode 100644
index 0000000..11f15e4
--- /dev/null
+++ b/demo/chatbot_core_components/files/sample.txt
@@ -0,0 +1 @@
+hello friends
\ No newline at end of file
diff --git a/demo/chatbot_core_components/requirements.txt b/demo/chatbot_core_components/requirements.txt
new file mode 100644
index 0000000..2f15c45
--- /dev/null
+++ b/demo/chatbot_core_components/requirements.txt
@@ -0,0 +1,4 @@
+plotly
+numpy
+pandas
+matplotlib
diff --git a/demo/chatbot_core_components/run.py b/demo/chatbot_core_components/run.py
new file mode 100644
index 0000000..d3528e9
--- /dev/null
+++ b/demo/chatbot_core_components/run.py
@@ -0,0 +1,261 @@
+# type: ignore
+import gradio as gr
+import os
+import plotly.express as px  # type: ignore
+import random
+
+# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, video, & model3d). Plus shows support for streaming text.
+
+txt = """
+Absolutely! The mycorrhizal network, often referred to as the "Wood Wide Web," is a symbiotic association between fungi and the roots of most plant species. Here’s a deeper dive into how it works and its implications:
+
+### How It Works
+
+1. **Symbiosis**: Mycorrhizal fungi attach to plant roots, extending far into the soil. The plant provides the fungi with carbohydrates produced via photosynthesis. In return, the fungi help the plant absorb water and essential nutrients like phosphorus and nitrogen from the soil.
+
+2. **Network Formation**: The fungal hyphae (thread-like structures) connect individual plants, creating an extensive underground network. This network can link many plants together, sometimes spanning entire forests.
+
+3. **Communication**: Trees and plants use this network to communicate and share resources. For example, a tree under attack by pests can send chemical signals through the mycorrhizal network to warn neighboring trees. These trees can then produce defensive chemicals to prepare for the impending threat.
+
+### Benefits and Functions
+
+1. **Resource Sharing**: The network allows for the redistribution of resources among plants. For instance, a large, established tree might share excess nutrients and water with smaller, younger trees, promoting overall forest health.
+
+2. **Defense Mechanism**: The ability to share information about pests and diseases enhances the resilience of plant communities. This early warning system helps plants activate their defenses before they are directly affected.
+
+3. **Support for Seedlings**: Young seedlings, which have limited root systems, benefit immensely from the mycorrhizal network. They receive nutrients and water from larger plants, increasing their chances of survival and growth.
+
+### Ecological Impact
+
+1. **Biodiversity**: The mycorrhizal network supports biodiversity by fostering a cooperative environment. Plants of different species can coexist and thrive because of the shared resources and information.
+
+2. **Forest Health**: The network enhances the overall health of forests. By enabling efficient nutrient cycling and supporting plant defenses, it contributes to the stability and longevity of forest ecosystems.
+
+3. **Climate Change Mitigation**: Healthy forests act as significant carbon sinks, absorbing carbon dioxide from the atmosphere. The mycorrhizal network plays a critical role in maintaining forest health and, consequently, in mitigating climate change.
+
+### Research and Discoveries
+
+1. **Suzanne Simard's Work**: Ecologist Suzanne Simard’s research has been pivotal in uncovering the complexities of the mycorrhizal network. She demonstrated that trees of different species can share resources and that "mother trees" (large, older trees) play a crucial role in nurturing younger plants.
+
+2. **Implications for Conservation**: Understanding the mycorrhizal network has significant implications for conservation efforts. It highlights the importance of preserving not just individual trees but entire ecosystems, including the fungal networks that sustain them.
+
+### Practical Applications
+
+1. **Agriculture**: Farmers and horticulturists are exploring the use of mycorrhizal fungi to improve crop yields and soil health. By incorporating these fungi into agricultural practices, they can reduce the need for chemical fertilizers and enhance plant resilience.
+
+2. **Reforestation**: In reforestation projects, introducing mycorrhizal fungi can accelerate the recovery of degraded lands. The fungi help establish healthy plant communities, ensuring the success of newly planted trees.
+
+The "Wood Wide Web" exemplifies the intricate and often hidden connections that sustain life on Earth. It’s a reminder of the profound interdependence within natural systems and the importance of preserving these delicate relationships.
+"""
+
+def random_plot():
+    df = px.data.iris()
+    fig = px.scatter(
+        df,
+        x="sepal_width",
+        y="sepal_length",
+        color="species",
+        size="petal_length",
+        hover_data=["petal_width"],
+    )
+    return fig
+
+color_map = {
+    "harmful": "crimson",
+    "neutral": "gray",
+    "beneficial": "green",
+}
+
+def html_src(harm_level):
+    return f"""
+<div style="display: flex; gap: 5px;">
+  <div style="background-color: {color_map[harm_level]}; padding: 2px; border-radius: 5px;">
+  {harm_level}
+  </div>
+</div>
+"""
+
+def print_like_dislike(x: gr.LikeData):
+    print(x.index, x.value, x.liked)
+
+def random_bokeh_plot():
+    from bokeh.models import ColumnDataSource, Whisker
+    from bokeh.plotting import figure
+    from bokeh.sampledata.autompg2 import autompg2 as df
+    from bokeh.transform import factor_cmap, jitter
+
+    classes = sorted(df["class"].unique())
+
+    p = figure(
+        height=400,
+        x_range=classes,
+        background_fill_color="#efefef",
+        title="Car class vs HWY mpg with quintile ranges",
+    )
+    p.xgrid.grid_line_color = None
+
+    g = df.groupby("class")
+    upper = g.hwy.quantile(0.80)
+    lower = g.hwy.quantile(0.20)
+    source = ColumnDataSource(data=dict(base=classes, upper=upper, lower=lower))
+
+    error = Whisker(
+        base="base",
+        upper="upper",
+        lower="lower",
+        source=source,
+        level="annotation",
+        line_width=2,
+    )
+    error.upper_head.size = 20
+    error.lower_head.size = 20
+    p.add_layout(error)
+
+    p.circle(
+        jitter("class", 0.3, range=p.x_range),
+        "hwy",
+        source=df,
+        alpha=0.5,
+        size=13,
+        line_color="white",
+        color=factor_cmap("class", "Light6", classes),
+    )
+    return p
+
+# get_file(), get_image(), get_model3d(), get_video() return file paths to sample media included with Gradio
+from gradio.media import get_file, get_image, get_model3d, get_video
+
+def random_matplotlib_plot():
+    import numpy as np
+    import pandas as pd
+    import matplotlib.pyplot as plt
+
+    countries = ["USA", "Canada", "Mexico", "UK"]
+    months = ["January", "February", "March", "April", "May"]
+    m = months.index("January")
+    r = 3.2
+    start_day = 30 * m
+    final_day = 30 * (m + 1)
+    x = np.arange(start_day, final_day + 1)
+    pop_count = {"USA": 350, "Canada": 40, "Mexico": 300, "UK": 120}
+    df = pd.DataFrame({"day": x})
+    for country in countries:
+        df[country] = x ** (r) * (pop_count[country] + 1)
+
+    fig = plt.figure()
+    plt.plot(df["day"], df[countries].to_numpy())
+    plt.title("Outbreak in " + "January")
+    plt.ylabel("Cases")
+    plt.xlabel("Days since Day 0")
+    plt.legend(countries)
+    return fig
+
+def add_message(history, message):
+    for x in message["files"]:
+        history.append({"role": "user", "content": {"path": x}})
+    if message["text"] is not None:
+        history.append({"role": "user", "content": message["text"]})
+    return history, gr.MultimodalTextbox(value=None, interactive=False)
+
+def bot(history, response_type):
+    msg = {"role": "assistant", "content": ""}
+    if response_type == "plot":
+        content = gr.Plot(random_plot())
+    elif response_type == "bokeh_plot":
+        content = gr.Plot(random_bokeh_plot())
+    elif response_type == "matplotlib_plot":
+        content =  gr.Plot(random_matplotlib_plot())
+    elif response_type == "gallery":
+        content = gr.Gallery(
+            [get_image("avatar.png"), get_image("avatar.png")]
+        )
+    elif response_type == "dataframe":
+        content = gr.Dataframe(
+            interactive=True,
+            headers=["One", "Two", "Three"],
+            col_count=(3, "fixed"),
+            row_count=(3, "fixed"),
+            value=[[1, 2, 3], [4, 5, 6], [7, 8, 9]],
+            label="Dataframe",
+        )
+    elif response_type == "image":
+       content = gr.Image(get_image("avatar.png"))
+    elif response_type == "video":
+       content = gr.Video(get_video("world.mp4"))
+    elif response_type == "audio":
+        content = gr.Audio(os.path.join("files", "audio.wav"))
+    elif response_type == "audio_file":
+        content = {"path": os.path.join("files", "audio.wav"), "alt_text": "description"}
+    elif response_type == "image_file":
+        content = {"path": get_image("avatar.png"), "alt_text": "description"}
+    elif response_type == "video_file":
+        content = {"path": get_video("world.mp4"), "alt_text": "description"}
+    elif response_type == "txt_file":
+        content = {"path": get_file("sample.txt"), "alt_text": "description"}
+    elif response_type == "model3d_file":
+        content = {"path": get_model3d("Duck.glb"), "alt_text": "description"}
+    elif response_type == "html":
+        content = gr.HTML(
+            html_src(random.choice(["harmful", "neutral", "beneficial"]))
+        )
+    elif response_type == "model3d":
+        content = gr.Model3D(get_model3d("Duck.glb"))
+    else:
+        content = txt
+    msg["content"] = content # type: ignore
+    history.append(msg)
+    return history
+
+fig = random_plot()
+
+with gr.Blocks(fill_height=True) as demo:
+    chatbot = gr.Chatbot(
+        elem_id="chatbot",
+        scale=1,
+        buttons=["copy"],
+        avatar_images=(
+            None,
+            get_image("avatar.png"),
+        ),
+    )
+    response_type = gr.Radio(
+        [
+            "audio_file",
+            "image_file",
+            "video_file",
+            "txt_file",
+            "model3d_file",
+            "plot",
+            "matplotlib_plot",
+            "bokeh_plot",
+            "image",
+            "text",
+            "gallery",
+            "dataframe",
+            "video",
+            "audio",
+            "html",
+            "model3d",
+        ],
+        value="text",
+        label="Response Type",
+    )
+
+    chat_input = gr.MultimodalTextbox(
+        interactive=True,
+        placeholder="Enter message or upload file...",
+        show_label=False,
+    )
+
+    chat_msg = chat_input.submit(
+        add_message, [chatbot, chat_input], [chatbot, chat_input]
+    )
+    bot_msg = chat_msg.then(
+        bot, [chatbot, response_type], chatbot, api_name="bot_response"
+    )
+    bot_msg.then(lambda: gr.MultimodalTextbox(interactive=True), None, [chat_input])
+
+    chatbot.like(print_like_dislike, None, None)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_core_components_simple/run.py b/demo/chatbot_core_components_simple/run.py
new file mode 100644
index 0000000..c93e3a2
--- /dev/null
+++ b/demo/chatbot_core_components_simple/run.py
@@ -0,0 +1,106 @@
+import gradio as gr
+import random
+
+# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.
+
+color_map = {
+    "harmful": "crimson",
+    "neutral": "gray",
+    "beneficial": "green",
+}
+
+def html_src(harm_level):
+    return f"""
+<div style="display: flex; gap: 5px;padding: 2px 4px;margin-top: -40px">
+  <div style="background-color: {color_map[harm_level]}; padding: 2px; border-radius: 5px;">
+  {harm_level}
+  </div>
+</div>
+"""
+
+def print_like_dislike(x: gr.LikeData):
+    print(x.index, x.value, x.liked)
+
+def add_message(history, message):
+    for x in message["files"]:
+        history.append({"role": "user", "content": {"path": x}})
+    if message["text"] is not None:
+        history.append({"role": "user", "content": message['text']})
+    return history, gr.MultimodalTextbox(value=None, interactive=False)
+
+def bot(history, response_type):
+    if response_type == "gallery":
+        msg = {"role": "assistant",
+               "content": gr.Gallery(
+            [
+                "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png",
+                "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png",
+            ])
+        }
+    elif response_type == "image":
+        msg = {"role": "assistant",
+               "content": gr.Image(
+                   "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/images/bus.png"
+               )
+        }
+    elif response_type == "video":
+        msg = {"role": "assistant",
+               "content": gr.Video("https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4",
+                                   label="test")
+        }
+    elif response_type == "audio":
+        msg = {"role": "assistant",
+               "content": gr.Audio("https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/audio_sample.wav")
+        }
+    elif response_type == "html":
+       msg = {"role": "assistant",
+              "content": gr.HTML(
+            html_src(random.choice(["harmful", "neutral", "beneficial"]))
+            )
+       }
+    elif response_type == "model3d":
+        msg = {"role": "assistant", "content": gr.Model3D(
+           "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/models3d/Fox.gltf"
+        )}
+    else:
+        msg = {"role": "assistant", "content": "Cool!"}
+    history.append(msg)
+    return history
+
+with gr.Blocks(fill_height=True) as demo:
+    chatbot = gr.Chatbot(
+        elem_id="chatbot",
+        scale=1,
+    )
+    response_type = gr.Radio(
+        [
+            "image",
+            "text",
+            "gallery",
+            "video",
+            "audio",
+            "html",
+            "model3d",
+        ],
+        value="text",
+        label="Response Type",
+    )
+
+    chat_input = gr.MultimodalTextbox(
+        interactive=True,
+        placeholder="Enter message or upload file...",
+        show_label=False,
+    )
+
+    chat_msg = chat_input.submit(
+        add_message, [chatbot, chat_input], [chatbot, chat_input]
+    )
+    bot_msg = chat_msg.then(
+        bot, [chatbot, response_type], chatbot, api_name="bot_response"
+    )
+    bot_msg.then(lambda: gr.MultimodalTextbox(interactive=True), None, [chat_input])
+
+    chatbot.like(print_like_dislike, None, None)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_dialogpt/requirements.txt b/demo/chatbot_dialogpt/requirements.txt
new file mode 100644
index 0000000..39dab0f
--- /dev/null
+++ b/demo/chatbot_dialogpt/requirements.txt
@@ -0,0 +1,2 @@
+torch
+transformers
\ No newline at end of file
diff --git a/demo/chatbot_dialogpt/run.py b/demo/chatbot_dialogpt/run.py
new file mode 100644
index 0000000..23e6ea9
--- /dev/null
+++ b/demo/chatbot_dialogpt/run.py
@@ -0,0 +1,45 @@
+# type: ignore
+import gradio as gr
+from transformers import AutoModelForCausalLM, AutoTokenizer
+import torch
+
+tokenizer = AutoTokenizer.from_pretrained("microsoft/DialoGPT-medium")
+model = AutoModelForCausalLM.from_pretrained("microsoft/DialoGPT-medium")
+
+def user(message, history):
+    return "", history + [[message, None]]
+
+def bot(history):
+    user_message = history[-1][0]
+    new_user_input_ids = tokenizer.encode(
+        user_message + tokenizer.eos_token, return_tensors="pt"
+    )
+
+    # append the new user input tokens to the chat history
+    bot_input_ids = torch.cat([torch.LongTensor([]), new_user_input_ids], dim=-1)
+
+    # generate a response
+    response = model.generate(
+        bot_input_ids, max_length=1000, pad_token_id=tokenizer.eos_token_id
+    ).tolist()
+
+    # convert the tokens to text, and then split the responses into lines
+    response = tokenizer.decode(response[0]).split("<|endoftext|>")
+    response = [
+        (response[i], response[i + 1]) for i in range(0, len(response) - 1, 2)
+    ]  # convert to tuples of list
+    history[-1] = response[0]
+    return history
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox()
+    clear = gr.Button("Clear")
+
+    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    clear.click(lambda: None, None, chatbot, queue=False)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_dialogpt/screenshot.gif b/demo/chatbot_dialogpt/screenshot.gif
new file mode 100644
index 0000000..48961ca
Binary files /dev/null and b/demo/chatbot_dialogpt/screenshot.gif differ
diff --git a/demo/chatbot_dialogpt/screenshot.png b/demo/chatbot_dialogpt/screenshot.png
new file mode 100644
index 0000000..d7d6618
Binary files /dev/null and b/demo/chatbot_dialogpt/screenshot.png differ
diff --git a/demo/chatbot_editable/run.py b/demo/chatbot_editable/run.py
new file mode 100644
index 0000000..d232712
--- /dev/null
+++ b/demo/chatbot_editable/run.py
@@ -0,0 +1,36 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        chatbot = gr.Chatbot(value=[], editable="user")
+    add_message_btn = gr.Button("Add Message")
+    add_user_message_btn = gr.Button("Add User Message")
+
+    with gr.Row():
+        concatenated_text1 = gr.Textbox(label="Concatenated Chat 1")
+        concatenated_text2 = gr.Textbox(label="Concatenated Chat 2")
+        edited_messages = gr.Textbox(label="Edited Message")
+
+    def add_message(history: list):
+        usr_msg = "I'm a user"
+        bot_msg = "I'm a bot"
+        history.append({"role": "user", "content": usr_msg})
+        history.append({"role": "assistant", "content": bot_msg})
+        return history
+
+    def add_user_message(history: list):
+        usr_msg = "I'm a user"
+        history.append({"role": "user", "content": usr_msg})
+        return history
+
+    add_message_btn.click(add_message, [chatbot], [chatbot])
+    add_user_message_btn.click(add_user_message, [chatbot], [chatbot])
+    chatbot.change(lambda m: "|".join(m["content"][0]["text"] for m in m), chatbot, concatenated_text1)
+
+    def edit_message(edited_message: gr.EditData): # type: ignore
+        return f"from {edited_message.previous_value} to {edited_message.value} at {edited_message.index}" # type: ignore
+
+    chatbot.edit(edit_message, None, edited_messages)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_examples/run.py b/demo/chatbot_examples/run.py
new file mode 100644
index 0000000..0cdb80a
--- /dev/null
+++ b/demo/chatbot_examples/run.py
@@ -0,0 +1,54 @@
+import gradio as gr
+import os
+# Multimodal Chatbot demo that shows support for examples (example messages shown within the chatbot).
+
+def print_like_dislike(x: gr.LikeData):
+    print(x.index, x.value, x.liked)
+
+def add_message(history, message):
+    for x in message["files"]:
+        history.append({"role": "user", "content": (x,)})
+    if message["text"] is not None:
+        history.append({"role": "user", "content": message["text"]})
+    return history, gr.MultimodalTextbox(value=None, interactive=False)
+
+def append_example_message(x: gr.SelectData, history):
+    if x.value["text"] is not None:
+        history.append({"role": "user", "content": x.value["text"]})
+    if "files" in x.value:
+        if isinstance(x.value["files"], list):
+            for file in x.value["files"]:
+                history.append({"role": "user", "content": file})
+        else:
+            history.append({"role": "user", "content": x.value["files"]})
+    return history
+
+def respond(history):
+    history.append({"role": "assistant", "content": "Cool!", "options": [{"value": "Option 1"}, {"value": "Option 2"}]})
+    return history
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(
+        elem_id="chatbot",
+        scale=1,
+        placeholder='<h1 style="font-weight: bold; color: #FFFFFF; text-align: center; font-size: 48px; font-family: Arial, sans-serif;">Welcome to Gradio!</h1>',
+        examples=[{"icon": os.path.join(os.path.dirname(__file__), "files/avatar.png"), "display_text": "Display Text Here!", "text": "Try this example with this audio.", "files": [os.path.join(os.path.dirname(__file__), "files/cantina.wav")]},
+                     {"text": "Try this example with this image.", "files": [os.path.join(os.path.dirname(__file__), "files/avatar.png")]},
+                     {"text": "This is just text, no files!"},
+                     {"text": "Try this example with this image.", "files": [os.path.join(os.path.dirname(__file__), "files/avatar.png"), os.path.join(os.path.dirname(__file__), "files/avatar.png")]},
+                     {"text": "Try this example with this Audio.", "files": [os.path.join(os.path.dirname(__file__), "files/cantina.wav")]}]
+    )
+
+    chat_input = gr.MultimodalTextbox(interactive=True,
+                                      file_count="multiple",
+                                      placeholder="Enter message or upload file...", show_label=False)
+
+    chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+    bot_msg = chat_msg.then(respond, chatbot, chatbot, api_name="bot_response")
+    bot_msg.then(lambda: gr.MultimodalTextbox(interactive=True), None, [chat_input])
+
+    chatbot.like(print_like_dislike, None, None)
+    chatbot.example_select(append_example_message, [chatbot], [chatbot]).then(respond, chatbot, chatbot, api_name="respond")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_feedback/run.py b/demo/chatbot_feedback/run.py
new file mode 100644
index 0000000..cde9ba6
--- /dev/null
+++ b/demo/chatbot_feedback/run.py
@@ -0,0 +1,26 @@
+import gradio as gr
+
+def test_liked_loading():
+    test_history = [
+        {"role": "user", "content": "test user message"},
+        {"role": "assistant", "content": "test assistant message"}
+    ]
+    # Set feedback_value to ["Like"] for the assistant message
+    return gr.update(value=test_history, feedback_value=["Like"])
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(
+        resizable=True,
+        min_height=500,
+        layout="bubble",
+    )
+    chatbot.like(
+        lambda: None,
+        inputs=[],
+        outputs=None,
+    )
+    test_btn = gr.Button("Test Liked Loading")
+    test_btn.click(test_liked_loading, outputs=[chatbot])
+
+if __name__ == "__main__":
+    demo.launch(debug=True)
diff --git a/demo/chatbot_load_event/run.py b/demo/chatbot_load_event/run.py
new file mode 100644
index 0000000..06c8607
--- /dev/null
+++ b/demo/chatbot_load_event/run.py
@@ -0,0 +1,22 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tab('Tab 1'):
+        with gr.Row():
+            gr.Chatbot()
+            with gr.Column():
+                gr.Slider()
+                gr.Slider()
+                gr.Slider()
+
+    with gr.Tab('Tab 2'):
+        textbox = gr.Textbox(label="Output")
+
+    demo.load(
+        fn=lambda: 'some text',
+        inputs=None,
+        outputs=textbox,
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_multimodal/run.py b/demo/chatbot_multimodal/run.py
new file mode 100644
index 0000000..bd9f7ab
--- /dev/null
+++ b/demo/chatbot_multimodal/run.py
@@ -0,0 +1,50 @@
+import gradio as gr
+import time
+
+# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.
+
+
+def print_like_dislike(x: gr.LikeData):
+    print(x.index, x.value, x.liked)
+
+
+def add_message(history, message):
+    user_msg = {"role": "user", "content": []}
+    for x in message["files"]:  # type: ignore
+        user_msg["content"].append({"path": x})  # type: ignore
+    if message["text"] is not None:  # type: ignore
+       user_msg["content"].append(message["text"])  # type: ignore
+    history.append(user_msg)
+    return history, gr.MultimodalTextbox(value=None, interactive=False)
+
+
+def bot(history: list):
+    response = "**That's cool!**"
+    history.append({"role": "assistant", "content": ""})
+    for character in response:
+        history[-1]["content"] += character
+        time.sleep(0.05)
+        yield history
+
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(elem_id="chatbot", like_user_message=True)
+
+    chat_input = gr.MultimodalTextbox(
+        interactive=True,
+        file_count="multiple",
+        placeholder="Enter message or upload file...",
+        show_label=False,
+        sources=["microphone", "upload"],
+    )
+
+    chat_msg = chat_input.submit(
+        add_message, [chatbot, chat_input], [chatbot, chat_input]
+    )
+    bot_msg = chat_msg.then(bot, chatbot, chatbot, api_name="bot_response")
+    bot_msg.then(lambda: gr.MultimodalTextbox(interactive=True), None, [chat_input])
+
+    chatbot.like(print_like_dislike, None, None)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_nested_thoughts/run.py b/demo/chatbot_nested_thoughts/run.py
new file mode 100644
index 0000000..250a92d
--- /dev/null
+++ b/demo/chatbot_nested_thoughts/run.py
@@ -0,0 +1,79 @@
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+sleep_time = 0.1
+long_sleep_time = 1
+
+def generate_response(history):
+    history.append(
+        ChatMessage(
+            role="user", content="What is the weather in San Francisco right now?"
+        )
+    )
+    yield history
+    time.sleep(sleep_time)
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="In order to find the current weather in San Francisco, I will need to use my weather tool.",
+        )
+    )
+    yield history
+    time.sleep(sleep_time)
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="",
+            metadata={"title": "Gathering Weather Websites", "id": 1},
+        )
+    )
+    yield history
+    time.sleep(long_sleep_time)
+    history[-1].content = "Will check: weather.com and sunny.org"
+    yield history
+    time.sleep(sleep_time)
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="Received weather from weather.com.",
+            metadata={"title": "API Success ✅", "parent_id": 1, "id": 2},
+        )
+    )
+    yield history
+    time.sleep(sleep_time)
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="API Error when connecting to sunny.org.",
+            metadata={"title": "API Error 💥 ", "parent_id": 1, "id": 3},
+        )
+    )
+    yield history
+    time.sleep(sleep_time)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="I will try yet again",
+            metadata={"title": "I will try again", "id": 4, "parent_id": 3},
+        )
+    )
+    yield history
+
+    time.sleep(sleep_time)
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="Failed again",
+            metadata={"title": "Failed again", "id": 6, "parent_id": 4},
+        )
+    )
+    yield history
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(height=500, buttons=["copy"])
+    demo.load(generate_response, chatbot, chatbot)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_reasoning_tags/run.py b/demo/chatbot_reasoning_tags/run.py
new file mode 100644
index 0000000..81e3741
--- /dev/null
+++ b/demo/chatbot_reasoning_tags/run.py
@@ -0,0 +1,32 @@
+import gradio as gr
+
+def respond(message, history):
+    response = """<thinking>
+Let me analyze this problem step by step.
+First, I need to understand what the user is asking.
+Then I can formulate a proper response.
+</thinking>
+
+Based on your question, here's my answer: This is the main response content that should be visible by default.
+
+<thinking>
+Now let me consider if there are any edge cases.
+I should make sure my response is complete.
+</thinking>
+
+And here's some additional information that might be helpful."""
+
+    return response
+
+demo = gr.ChatInterface(
+    fn=respond,
+    chatbot=gr.Chatbot(
+        reasoning_tags=[("<thinking>", "</thinking>")],
+        height=600
+    ),
+    title="Test Collapse Thinking Feature",
+    description="This demo tests the reasoning_tags parameter. The thinking blocks should be collapsed by default."
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_retry_undo_like/requirements.txt b/demo/chatbot_retry_undo_like/requirements.txt
new file mode 100644
index 0000000..6b964cc
--- /dev/null
+++ b/demo/chatbot_retry_undo_like/requirements.txt
@@ -0,0 +1 @@
+huggingface_hub
diff --git a/demo/chatbot_retry_undo_like/run.py b/demo/chatbot_retry_undo_like/run.py
new file mode 100644
index 0000000..0561c2f
--- /dev/null
+++ b/demo/chatbot_retry_undo_like/run.py
@@ -0,0 +1,63 @@
+from huggingface_hub import InferenceClient
+import gradio as gr
+
+client = InferenceClient()
+
+def respond(
+    prompt: str,
+    history,
+):
+    if not history:
+        history = [{"role": "system", "content": "You are a friendly chatbot"}]
+    history.append({"role": "user", "content": prompt})
+
+    yield history
+
+    response = {"role": "assistant", "content": ""}
+    for message in client.chat_completion( # type: ignore
+        history,
+        temperature=0.95,
+        top_p=0.9,
+        max_tokens=512,
+        stream=True,
+        model="openai/gpt-oss-20b"
+    ):
+        response["content"] += message.choices[0].delta.content or "" if message.choices else ""
+        yield history + [response]
+
+
+def handle_undo(history, undo_data: gr.UndoData):
+    return history[:undo_data.index], history[undo_data.index]['content'][0]["text"]
+
+def handle_retry(history, retry_data: gr.RetryData):
+    new_history = history[:retry_data.index]
+    previous_prompt = history[retry_data.index]['content'][0]["text"]
+    yield from respond(previous_prompt, new_history)
+
+
+def handle_like(data: gr.LikeData):
+    if data.liked:
+        print("You upvoted this response: ", data.value)
+    else:
+        print("You downvoted this response: ", data.value)
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Chat with GPT-OSS 20b 🤗")
+    chatbot = gr.Chatbot(
+        label="Agent",
+        avatar_images=(
+            None,
+            "https://em-content.zobj.net/source/twitter/376/hugging-face_1f917.png",
+        ),
+    )
+    prompt = gr.Textbox(max_lines=1, label="Chat Message")
+    prompt.submit(respond, [prompt, chatbot], [chatbot])
+    prompt.submit(lambda: "", None, [prompt])
+    chatbot.undo(handle_undo, chatbot, [chatbot, prompt])
+    chatbot.retry(handle_retry, chatbot, [chatbot])
+    chatbot.like(handle_like, None, None)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_simple/run.py b/demo/chatbot_simple/run.py
new file mode 100644
index 0000000..0cd5ddb
--- /dev/null
+++ b/demo/chatbot_simple/run.py
@@ -0,0 +1,20 @@
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox()
+    clear = gr.ClearButton([msg, chatbot])
+
+    def respond(message, chat_history):
+        bot_message = random.choice(["How are you?", "Today is a great day", "I'm very hungry"])
+        chat_history.append({"role": "user", "content": message})
+        chat_history.append({"role": "assistant", "content": bot_message})
+        time.sleep(2)
+        return "", chat_history
+
+    msg.submit(respond, [msg, chatbot], [msg, chatbot])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_streaming/run.py b/demo/chatbot_streaming/run.py
new file mode 100644
index 0000000..2874694
--- /dev/null
+++ b/demo/chatbot_streaming/run.py
@@ -0,0 +1,27 @@
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    msg = gr.Textbox()
+    clear = gr.Button("Clear")
+
+    def user(user_message, history: list):
+        return "", history + [{"role": "user", "content": user_message}]
+
+    def bot(history: list):
+        bot_message = random.choice(["How are you?", "I love you", "I'm very hungry"])
+        history.append({"role": "assistant", "content": ""})
+        for character in bot_message:
+            history[-1]['content'] += character
+            time.sleep(0.05)
+            yield history
+
+    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
+        bot, chatbot, chatbot
+    )
+    clear.click(lambda: None, None, chatbot, queue=False)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_thoughts/run.py b/demo/chatbot_thoughts/run.py
new file mode 100644
index 0000000..bbe5e38
--- /dev/null
+++ b/demo/chatbot_thoughts/run.py
@@ -0,0 +1,65 @@
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+def simulate_thinking_chat(message: str, history: list):
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="",
+            metadata={"title": "Thinking... ", "log": "Starting analysis"}
+        )
+    )
+    time.sleep(0.5)
+    yield history
+
+    thoughts = [
+        "First, I need to understand the core aspects of the query...",
+        "Now, considering the broader context and implications...",
+        "Analyzing potential approaches to formulate a comprehensive answer...",
+        "Finally, structuring the response for clarity and completeness..."
+    ]
+
+    accumulated_thoughts = ""
+
+    for i, thought in enumerate(thoughts):
+        time.sleep(0.5)
+
+        accumulated_thoughts += f"- {thought}\n\n"
+
+        history[-1] = ChatMessage(
+            role="assistant",
+            content=accumulated_thoughts.strip(),
+            metadata={
+                "title": "Thinking...",
+                "log": f"Step {i+1} completed.",
+                "duration": 0.5 * (i + 1)
+            }
+        )
+        yield history
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="Based on my thoughts and analysis above, my response is: This dummy repro shows how thoughts of a thinking LLM can be progressively shown before providing its final answer."
+        )
+    )
+    yield history
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Thinking LLM Demo 🤔")
+    chatbot = gr.Chatbot(render_markdown=True)
+    msg = gr.Textbox(placeholder="Type your message...")
+
+    msg.submit(
+        lambda m, h: (m, h + [ChatMessage(role="user", content=m)]),
+        [msg, chatbot],
+        [msg, chatbot]
+    ).then(
+        simulate_thinking_chat,
+        [msg, chatbot],
+        chatbot
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatbot_with_tools/run.py b/demo/chatbot_with_tools/run.py
new file mode 100644
index 0000000..f39320d
--- /dev/null
+++ b/demo/chatbot_with_tools/run.py
@@ -0,0 +1,79 @@
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+def generate_response(history):
+    history.append(
+        ChatMessage(
+            role="user", content="What is the weather in San Francisco right now?"
+        )
+    )
+    yield history
+    time.sleep(0.25)
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="In order to find the current weather in San Francisco, I will need to use my weather tool.",
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="API Error when connecting to weather service.",
+            metadata={"title": "💥 Error using tool 'Weather'"},
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="I will try again",
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="Weather 72 degrees Fahrenheit with 20% chance of rain.",
+            metadata={"title": "🛠️ Used tool 'Weather'"},
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="Now that the API succeeded I can complete my task.",
+        )
+    )
+    yield history
+    time.sleep(0.25)
+
+    history.append(
+        ChatMessage(
+            role="assistant",
+            content="It's a sunny day in San Francisco with a current temperature of 72 degrees Fahrenheit and a 20% chance of rain. Enjoy the weather!",
+        )
+    )
+    yield history
+
+def like(evt: gr.LikeData):
+    print("User liked the response")
+    print(evt.index, evt.liked, evt.value)
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(height=500, buttons=["copy"])
+    button = gr.Button("Get San Francisco Weather")
+    button.click(generate_response, chatbot, chatbot)
+    chatbot.like(like)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_artifacts/run.py b/demo/chatinterface_artifacts/run.py
new file mode 100644
index 0000000..f3d7bcf
--- /dev/null
+++ b/demo/chatinterface_artifacts/run.py
@@ -0,0 +1,44 @@
+import gradio as gr
+
+python_code = """
+def fib(n):
+    if n <= 0:
+        return 0
+    elif n == 1:
+        return 1
+    else:
+        return fib(n-1) + fib(n-2)
+"""
+
+js_code = """
+function fib(n) {
+    if (n <= 0) return 0;
+    if (n === 1) return 1;
+    return fib(n - 1) + fib(n - 2);
+}
+"""
+
+def chat(message, history):
+    if "python" in message.lower():
+        return "Type Python or JavaScript to see the code.", gr.Code(language="python", value=python_code)
+    elif "javascript" in message.lower():
+        return "Type Python or JavaScript to see the code.", gr.Code(language="javascript", value=js_code)
+    else:
+        return "Please ask about Python or JavaScript.", None
+
+with gr.Blocks() as demo:
+    code = gr.Code(render=False)
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("<center><h1>Write Python or JavaScript</h1></center>")
+            gr.ChatInterface(
+                chat,
+                examples=["Python", "JavaScript"],
+                additional_outputs=[code],
+                api_name="chat",
+            )
+        with gr.Column():
+            gr.Markdown("<center><h1>Code Artifacts</h1></center>")
+            code.render()
+
+demo.launch()
diff --git a/demo/chatinterface_deep_link/run.py b/demo/chatinterface_deep_link/run.py
new file mode 100644
index 0000000..0cda794
--- /dev/null
+++ b/demo/chatinterface_deep_link/run.py
@@ -0,0 +1,36 @@
+import time
+import gradio as gr
+
+def slow_echo(message, history):
+    for i in range(len(message["text"])):
+        time.sleep(0.05)
+        yield "You typed: " + message["text"][: i + 1]
+
+chat = gr.ChatInterface(
+    slow_echo,
+    flagging_mode="manual",
+    flagging_options=["Like", "Spam", "Inappropriate", "Other"],
+    save_history=False,
+    multimodal=True,
+    api_name="chat"
+)
+
+with gr.Blocks() as demo:
+
+        chat.render()
+        gr.DeepLinkButton()
+
+with demo.route("cached_examples"):
+        gr.Interface(lambda x, y: f"{y}: {x}",
+                     inputs=[gr.Textbox(label="name"),
+                             gr.Radio(label="Salutation", choices=["Hello", "Greetings"])
+                     ],
+                     outputs=gr.Textbox(label="Output"),
+                     examples=[["Freddy", "Hello"]],
+                     cache_examples=True,
+                     api_name="predict",
+                     deep_link=True)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_echo_multimodal/run.py b/demo/chatinterface_echo_multimodal/run.py
new file mode 100644
index 0000000..50b901c
--- /dev/null
+++ b/demo/chatinterface_echo_multimodal/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+def echo_multimodal(message, history):
+    response = []
+    response.append("You wrote: '" + message["text"] + "' and uploaded:")
+    if message.get("files"):
+        for file in message["files"]:
+            response.append(gr.File(value=file))
+    return response
+
+demo = gr.ChatInterface(
+    echo_multimodal,
+    multimodal=True,
+    textbox=gr.MultimodalTextbox(file_count="multiple"),
+    api_name="chat",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_nested_thoughts/run.py b/demo/chatinterface_nested_thoughts/run.py
new file mode 100644
index 0000000..ce77b73
--- /dev/null
+++ b/demo/chatinterface_nested_thoughts/run.py
@@ -0,0 +1,81 @@
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+sleep_time = 0.1
+long_sleep_time = 1
+
+def generate_response(message, history):
+    start_time = time.time()
+    responses = [
+        ChatMessage(
+            content="In order to find the current weather in San Francisco, I will need to use my weather tool.",
+        )
+    ]
+    yield responses
+    time.sleep(sleep_time)
+
+    main_thought = ChatMessage(
+            content="",
+            metadata={"title": "Using Weather Tool", "id": 1, "status": "pending"},
+        )
+
+    responses.append(main_thought)
+
+    yield responses
+    time.sleep(long_sleep_time)
+    responses[-1].content = "Will check: weather.com and sunny.org"
+    yield responses
+    time.sleep(sleep_time)
+    responses.append(
+        ChatMessage(
+            content="Received weather from weather.com.",
+            metadata={"title": "Checking weather.com", "parent_id": 1, "id": 2, "duration": 0.05},
+        )
+    )
+    yield responses
+
+    sunny_start_time = time.time()
+    time.sleep(sleep_time)
+    sunny_thought = ChatMessage(
+            content="API Error when connecting to sunny.org 💥",
+            metadata={"title": "Checking sunny.org", "parent_id": 1, "id": 3, "status": "pending"},
+        )
+
+    responses.append(sunny_thought)
+    yield responses
+
+    time.sleep(sleep_time)
+    responses.append(
+        ChatMessage(
+            content="Failed again",
+            metadata={"title": "I will try again", "id": 4, "parent_id": 3, "duration": 0.1},
+
+        )
+    )
+    sunny_thought.metadata["status"] = "done"
+    sunny_thought.metadata["duration"] = time.time() - sunny_start_time
+
+    main_thought.metadata["status"] = "done"
+    main_thought.metadata["duration"] = time.time() - start_time
+
+    yield responses
+
+    time.sleep(long_sleep_time)
+
+    responses.append(
+        ChatMessage(
+            content="Based on the data only from weather.com, the current weather in San Francisco is 60 degrees and sunny.",
+        )
+    )
+    yield responses
+
+demo = gr.ChatInterface(
+    generate_response,
+    title="Nested Thoughts Chat Interface",
+    examples=["What is the weather in San Francisco right now?"],
+    api_name="chat"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_options/run.py b/demo/chatinterface_options/run.py
new file mode 100644
index 0000000..7c2b73c
--- /dev/null
+++ b/demo/chatinterface_options/run.py
@@ -0,0 +1,31 @@
+import gradio as gr
+import random
+
+example_code = """
+Here's an example Python lambda function:
+
+lambda x: x + {}
+
+Is this correct?
+"""
+
+def chat(message, history):
+    if message == "Yes, that's correct.":
+        return "Great!"
+    else:
+        return gr.ChatMessage(
+            content=example_code.format(random.randint(1, 100)),
+            options=[
+                {"value": "Yes, that's correct.", "label": "Yes"},
+                {"value": "No"}
+            ]
+        )
+
+demo = gr.ChatInterface(
+    chat,
+    examples=["Write an example Python lambda function."],
+    api_name="chat",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_prefill/run.py b/demo/chatinterface_prefill/run.py
new file mode 100644
index 0000000..6a61126
--- /dev/null
+++ b/demo/chatinterface_prefill/run.py
@@ -0,0 +1,27 @@
+import gradio as gr
+import random
+
+def prefill_chatbot(choice):
+    if choice == "Greeting":
+        return [
+            {"role": "user", "content": "Hi there!"},
+            {"role": "assistant", "content": "Hello! How can I assist you today?"}
+        ]
+    elif choice == "Complaint":
+        return [
+            {"role": "user", "content": "I'm not happy with the service."},
+            {"role": "assistant", "content": "I'm sorry to hear that. Can you please tell me more about the issue?"}
+        ]
+    else:
+        return []
+
+def random_response(message, history):
+    return random.choice(["Yes", "No"])
+
+with gr.Blocks() as demo:
+    radio = gr.Radio(["Greeting", "Complaint", "Blank"])
+    chat = gr.ChatInterface(random_response, api_name="chat")
+    radio.change(prefill_chatbot, radio, chat.chatbot_value)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_random_response/run.py b/demo/chatinterface_random_response/run.py
new file mode 100644
index 0000000..fe96bca
--- /dev/null
+++ b/demo/chatinterface_random_response/run.py
@@ -0,0 +1,10 @@
+import random
+import gradio as gr
+
+def random_response(message, history):
+    return random.choice(["Yes", "No"])
+
+demo = gr.ChatInterface(random_response, autofocus=False, api_name="chat")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_random_response/screenshot.gif b/demo/chatinterface_random_response/screenshot.gif
new file mode 100644
index 0000000..f93c1fb
Binary files /dev/null and b/demo/chatinterface_random_response/screenshot.gif differ
diff --git a/demo/chatinterface_save_history/run.py b/demo/chatinterface_save_history/run.py
new file mode 100644
index 0000000..aa402b8
--- /dev/null
+++ b/demo/chatinterface_save_history/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+def echo_multimodal(message, history):
+    response = "You wrote: '" + message["text"] + "' and uploaded: " + str(len(message["files"])) + " files"
+    return response
+
+demo = gr.ChatInterface(
+    echo_multimodal,
+    multimodal=True,
+    textbox=gr.MultimodalTextbox(file_count="multiple"),
+    save_history=True,
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_streaming_echo/run.py b/demo/chatinterface_streaming_echo/run.py
new file mode 100644
index 0000000..065972f
--- /dev/null
+++ b/demo/chatinterface_streaming_echo/run.py
@@ -0,0 +1,17 @@
+import time
+import gradio as gr
+
+def slow_echo(message, history):
+    for i in range(len(message)):
+        time.sleep(0.05)
+        yield "You typed: " + message[: i + 1]
+
+demo = gr.ChatInterface(
+    slow_echo,
+    flagging_mode="manual",
+    flagging_options=["Like", "Spam", "Inappropriate", "Other"],
+    save_history=True,
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_system_prompt/run.py b/demo/chatinterface_system_prompt/run.py
new file mode 100644
index 0000000..ce824d7
--- /dev/null
+++ b/demo/chatinterface_system_prompt/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+import time
+
+def echo(message, history, system_prompt, tokens):
+    response = f"System prompt: {system_prompt}\n Message: {message}."
+    for i in range(min(len(response), int(tokens))):
+        time.sleep(0.05)
+        yield response[: i + 1]
+
+demo = gr.ChatInterface(
+    echo,
+    additional_inputs=[
+        gr.Textbox("You are helpful AI.", label="System Prompt"),
+        gr.Slider(10, 100),
+    ],
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/chatinterface_thoughts/run.py b/demo/chatinterface_thoughts/run.py
new file mode 100644
index 0000000..8719d2a
--- /dev/null
+++ b/demo/chatinterface_thoughts/run.py
@@ -0,0 +1,48 @@
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+sleep_time = 0.5
+
+def simulate_thinking_chat(message, history):
+    start_time = time.time()
+    response = ChatMessage(
+        content="",
+        metadata={"title": "_Thinking_ step-by-step", "id": 0, "status": "pending"}
+    )
+    yield response
+
+    thoughts = [
+        "First, I need to understand the core aspects of the query...",
+        "Now, considering the broader context and implications...",
+        "Analyzing potential approaches to formulate a comprehensive answer...",
+        "Finally, structuring the response for clarity and completeness..."
+    ]
+
+    accumulated_thoughts = ""
+    for thought in thoughts:
+        time.sleep(sleep_time)
+        accumulated_thoughts += f"- {thought}\n\n"
+        response.content = accumulated_thoughts.strip()
+        yield response
+
+    response.metadata["status"] = "done"
+    response.metadata["duration"] = time.time() - start_time
+    yield response
+
+    response = [
+        response,
+        ChatMessage(
+            content="Based on my thoughts and analysis above, my response is: This dummy repro shows how thoughts of a thinking LLM can be progressively shown before providing its final answer."
+        )
+    ]
+    yield response
+
+
+demo = gr.ChatInterface(
+    simulate_thinking_chat,
+    title="Thinking LLM Chat Interface 🤔",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/checkbox_component/run.py b/demo/checkbox_component/run.py
new file mode 100644
index 0000000..f45f043
--- /dev/null
+++ b/demo/checkbox_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Checkbox()
+
+demo.launch()
diff --git a/demo/checkboxgroup_component/run.py b/demo/checkboxgroup_component/run.py
new file mode 100644
index 0000000..6ee98bc
--- /dev/null
+++ b/demo/checkboxgroup_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.CheckboxGroup(choices=["First Choice", "Second Choice", "Third Choice"])
+
+demo.launch()
diff --git a/demo/chicago-bikeshare-dashboard/requirements.txt b/demo/chicago-bikeshare-dashboard/requirements.txt
new file mode 100644
index 0000000..5facfef
--- /dev/null
+++ b/demo/chicago-bikeshare-dashboard/requirements.txt
@@ -0,0 +1,4 @@
+psycopg2
+matplotlib
+SQLAlchemy
+pandas
diff --git a/demo/chicago-bikeshare-dashboard/run.py b/demo/chicago-bikeshare-dashboard/run.py
new file mode 100644
index 0000000..4caf899
--- /dev/null
+++ b/demo/chicago-bikeshare-dashboard/run.py
@@ -0,0 +1,84 @@
+import os
+import gradio as gr
+import pandas as pd
+
+DB_USER = os.getenv("DB_USER")
+DB_PASSWORD = os.getenv("DB_PASSWORD")
+DB_HOST = os.getenv("DB_HOST")
+PORT = 8080
+DB_NAME = "bikeshare"
+
+connection_string = (
+    f"postgresql://{DB_USER}:{DB_PASSWORD}@{DB_HOST}?port={PORT}&dbname={DB_NAME}"
+)
+
+def get_count_ride_type():
+    df = pd.read_sql(
+        """
+        SELECT COUNT(ride_id) as n, rideable_type
+        FROM rides
+        GROUP BY rideable_type
+        ORDER BY n DESC
+    """,
+        con=connection_string,
+    )
+    return df
+
+def get_most_popular_stations():
+
+    df = pd.read_sql(
+        """
+    SELECT COUNT(ride_id) as n, MAX(start_station_name) as station
+    FROM RIDES
+    WHERE start_station_name is NOT NULL
+    GROUP BY start_station_id
+    ORDER BY n DESC
+    LIMIT 5
+    """,
+        con=connection_string,
+    )
+    return df
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        """
+    # Chicago Bike Share Dashboard
+    
+    This demo pulls Chicago bike share data for March 2022 from a postgresql database hosted on AWS.
+    This demo uses psycopg2 but any postgresql client library (SQLAlchemy)
+    is compatible with gradio.
+    
+    Connection credentials are handled by environment variables
+    defined as secrets in the Space.
+
+    If data were added to the database, the plots in this demo would update
+    whenever the webpage is reloaded.
+    
+    This demo serves as a starting point for your database-connected apps!
+    """
+    )
+    with gr.Row():
+        bike_type = gr.BarPlot(
+            x="rideable_type",
+            y='n',
+            title="Number of rides per bicycle type",
+            y_title="Number of Rides",
+            x_title="Bicycle Type",
+            tooltip=['rideable_type', "n"],
+            height=300,
+        )
+        station = gr.BarPlot(
+            x='station',
+            y='n',
+            title="Most Popular Stations",
+            y_title="Number of Rides",
+            x_title="Station Name",
+            tooltip=['station', 'n'],
+            height=300
+        )
+
+    demo.load(get_count_ride_type, inputs=None, outputs=bike_type)
+    demo.load(get_most_popular_stations, inputs=None, outputs=station)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/clear_components/__init__.py b/demo/clear_components/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/demo/clear_components/requirements.txt b/demo/clear_components/requirements.txt
new file mode 100644
index 0000000..4021870
--- /dev/null
+++ b/demo/clear_components/requirements.txt
@@ -0,0 +1,3 @@
+numpy
+pandas
+matplotlib
diff --git a/demo/clear_components/run.py b/demo/clear_components/run.py
new file mode 100644
index 0000000..2d05a55
--- /dev/null
+++ b/demo/clear_components/run.py
@@ -0,0 +1,166 @@
+import gradio as gr
+from datetime import datetime
+import os
+import random
+import string
+import pandas as pd
+
+import numpy as np
+import matplotlib.pyplot as plt
+# get_audio(), get_video() return file paths to sample media included with Gradio
+from gradio.media import get_audio, get_video, MEDIA_ROOT
+
+def random_plot():
+    start_year = 2020
+    x = np.arange(start_year, start_year + 5)
+    year_count = x.shape[0]
+    plt_format = "-"
+    fig = plt.figure()
+    ax = fig.add_subplot(111)
+    series = np.arange(0, year_count, dtype=float)
+    series = series**2
+    series += np.random.rand(year_count)
+    ax.plot(x, series, plt_format)
+    return fig
+
+images = [
+    "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80",
+    "https://images.unsplash.com/photo-1554151228-14d9def656e4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=386&q=80",
+    "https://images.unsplash.com/photo-1542909168-82c3e7fdca5c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aHVtYW4lMjBmYWNlfGVufDB8fDB8fA%3D%3D&w=1000&q=80",
+]
+highlighted_text_output_1 = [
+    {
+        "entity": "I-LOC",
+        "score": 0.9988978,
+        "index": 2,
+        "word": "Chicago",
+        "start": 5,
+        "end": 12,
+    },
+    {
+        "entity": "I-MISC",
+        "score": 0.9958592,
+        "index": 5,
+        "word": "Pakistani",
+        "start": 22,
+        "end": 31,
+    },
+]
+highlighted_text_output_2 = [
+    {
+        "entity": "I-LOC",
+        "score": 0.9988978,
+        "index": 2,
+        "word": "Chicago",
+        "start": 5,
+        "end": 12,
+    },
+    {
+        "entity": "I-LOC",
+        "score": 0.9958592,
+        "index": 5,
+        "word": "Pakistan",
+        "start": 22,
+        "end": 30,
+    },
+]
+
+highlighted_text = "Does Chicago have any Pakistani restaurants"
+
+components = [
+    gr.Textbox(value=lambda: datetime.now(), label="Current Time"),
+    gr.Number(value=lambda: random.random(), label="Random Percentage"),
+    gr.Slider(minimum=0, maximum=100, randomize=True, label="Slider with randomize"),
+    gr.Slider(
+        minimum=0,
+        maximum=1,
+        value=lambda: random.random(),
+        label="Slider with value func",
+    ),
+    gr.Checkbox(value=lambda: random.random() > 0.5, label="Random Checkbox"),
+    gr.CheckboxGroup(
+        choices=["a", "b", "c", "d"],
+        value=lambda: random.choice(["a", "b", "c", "d"]),
+        label="Random CheckboxGroup",
+    ),
+    gr.Radio(
+        choices=list(string.ascii_lowercase),
+        value=lambda: random.choice(string.ascii_lowercase),
+    ),
+    gr.Dropdown(
+        choices=["a", "b", "c", "d", "e"],
+        value=lambda: random.choice(["a", "b", "c"]),
+    ),
+    gr.Image(
+        value=lambda: random.choice(images)
+    ),
+    gr.Video(value=lambda: get_video("world.mp4")),
+    gr.Audio(value=lambda: get_audio("cantina.wav")),
+    gr.File(
+        value=gr.get_file
+    ),
+    # gr.Dataframe(
+    #     value=lambda: pd.DataFrame({"random_number_rows": range(5)}, columns=["one", "two", "three"])  # type: ignore
+    # ),
+    gr.ColorPicker(value=lambda: random.choice(["#000000", "#ff0000", "#0000FF"])),
+    gr.Label(value=lambda: random.choice(["Pedestrian", "Car", "Cyclist"])),
+    gr.HighlightedText(
+        value=lambda: random.choice(
+            [
+                {"text": highlighted_text, "entities": highlighted_text_output_1},
+                {"text": highlighted_text, "entities": highlighted_text_output_2},
+            ]
+        ),
+    ),
+    gr.JSON(value=lambda: random.choice([{"a": 1}, {"b": 2}])),
+    # gr.HTML(
+    #     value=lambda: random.choice(
+    #         [
+    #             '<p style="color:red;">I am red</p>',
+    #             '<p style="color:blue;">I am blue</p>',
+    #         ]
+    #     )
+    # ),
+    gr.Gallery(
+        value=lambda: images
+    ),
+    gr.Model3D(value=gr.get_model3d),
+    # gr.Plot(value=random_plot),
+    gr.Markdown(value=lambda: f"### {random.choice(['Hello', 'Hi', 'Goodbye!'])}"),
+]
+
+def evaluate_values(*args):
+    are_false = []
+    for a in args:
+        if isinstance(a, (pd.DataFrame, np.ndarray)):
+            are_false.append(not a.any().any())  # type: ignore
+        elif isinstance(a, str) and a.startswith("#"):
+            are_false.append(a == "#000000")
+        else:
+            are_false.append(not a)
+    return all(are_false)
+
+with gr.Blocks() as demo:
+    for i, component in enumerate(components):
+        component.label = f"component_{str(i).zfill(2)}"
+        component.render()
+    clear = gr.ClearButton(value="Clear", components=components)
+    result = gr.Textbox(label="Are all cleared?")
+    hide = gr.Button(value="Hide")
+    reveal = gr.Button(value="Reveal")
+    clear_button_and_components = components + [clear]
+    hide.click(
+        lambda: [c.__class__(visible=False) for c in clear_button_and_components],
+        inputs=[],
+        outputs=clear_button_and_components
+    )
+    reveal.click(
+        lambda: [c.__class__(visible=True) for c in clear_button_and_components],
+        inputs=[],
+        outputs=clear_button_and_components
+    )
+    get_value = gr.Button(value="Get Values")
+    get_value.click(evaluate_values, components, result)
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=[str(MEDIA_ROOT)])
\ No newline at end of file
diff --git a/demo/clearbutton_component/run.py b/demo/clearbutton_component/run.py
new file mode 100644
index 0000000..fafc554
--- /dev/null
+++ b/demo/clearbutton_component/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(value="This is some text")
+    gr.ClearButton(textbox)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/code/file.css b/demo/code/file.css
new file mode 100644
index 0000000..abc61b6
--- /dev/null
+++ b/demo/code/file.css
@@ -0,0 +1,11 @@
+.class {
+  color: blue;
+}
+
+#id {
+  color: pink;
+}
+
+div {
+  color: purple;
+}
\ No newline at end of file
diff --git a/demo/code/run.py b/demo/code/run.py
new file mode 100644
index 0000000..9d6ed77
--- /dev/null
+++ b/demo/code/run.py
@@ -0,0 +1,39 @@
+import gradio as gr
+import os
+from time import sleep
+
+css_file = os.path.join(os.path.dirname(__file__), "file.css")
+
+def set_lang(language):
+    print(language)
+    return gr.Code(language=language)
+
+def set_lang_from_path():
+    sleep(1)
+    return gr.Code(open(css_file).read(), language="css")
+
+def code(language, code):
+    return gr.Code(code, language=language)
+
+io = gr.Interface(lambda x: x, "code", "code", api_name="predict")
+
+with gr.Blocks() as demo:
+    lang = gr.Dropdown(value="python", choices=gr.Code.languages)  # type: ignore
+    with gr.Row():
+        code_in = gr.Code(
+            language="python",
+            label="Input",
+            value='def all_odd_elements(sequence):\n    """Returns every odd element of the sequence."""',
+            show_line_numbers = False
+        )
+        code_out = gr.Code(label="Output", show_line_numbers = True)
+    btn = gr.Button("Run")
+    btn_two = gr.Button("Load File")
+
+    lang.change(set_lang, inputs=lang, outputs=code_in)
+    btn.click(code, inputs=[lang, code_in], outputs=code_out)
+    btn_two.click(set_lang_from_path, inputs=None, outputs=code_out)
+    io.render()
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/code_component/run.py b/demo/code_component/run.py
new file mode 100644
index 0000000..3b3738a
--- /dev/null
+++ b/demo/code_component/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+demo = gr.Interface(
+    lambda x: x,
+    gr.Code(language="python"),
+    gr.Code(language="python"),
+    examples=[[("/Users/freddy/sources/gradio/demo/code_component/run.py",)],
+               ["print('Hello, World!')"],
+               [("/Users/freddy/sources/gradio/demo/code/run.py", )]]
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/color_generator/requirements.txt b/demo/color_generator/requirements.txt
new file mode 100644
index 0000000..6f1e523
--- /dev/null
+++ b/demo/color_generator/requirements.txt
@@ -0,0 +1,2 @@
+opencv-python
+numpy
\ No newline at end of file
diff --git a/demo/color_generator/run.py b/demo/color_generator/run.py
new file mode 100644
index 0000000..418c4fd
--- /dev/null
+++ b/demo/color_generator/run.py
@@ -0,0 +1,57 @@
+import gradio as gr
+import cv2  # type: ignore
+import numpy as np
+import random
+
+# Convert decimal color to hexadecimal color
+def RGB_to_Hex(rgb):
+    color = "#"
+    for i in rgb:
+        num = int(i)
+        color += str(hex(num))[-2:].replace("x", "0").upper()
+    return color
+
+# Randomly generate light or dark colors
+def random_color(is_light=True):
+    return (
+        random.randint(0, 127) + int(is_light) * 128,
+        random.randint(0, 127) + int(is_light) * 128,
+        random.randint(0, 127) + int(is_light) * 128,
+    )
+
+def switch_color(color_style):
+    is_light = color_style == "light"
+    back_color_ = random_color(is_light)  # Randomly generate colors
+    back_color = RGB_to_Hex(back_color_)  # Convert to hexadecimal
+
+    # Draw color pictures.
+    w, h = 50, 50
+    img = np.zeros((h, w, 3), np.uint8)
+    cv2.rectangle(img, (0, 0), (w, h), back_color_, thickness=-1)
+
+    return back_color, back_color, img
+
+inputs = [gr.Radio(["light", "dark"], value="light")]
+
+outputs = [
+    gr.ColorPicker(label="color"),
+    gr.Textbox(label="hexadecimal color"),
+    gr.Image(type="numpy", label="color picture"),
+]
+
+title = "Color Generator"
+description = (
+    "Click the Submit button, and a dark or light color will be randomly generated."
+)
+
+demo = gr.Interface(
+    fn=switch_color,
+    inputs=inputs,
+    outputs=outputs,
+    title=title,
+    description=description,
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/color_picker/rabbit.png b/demo/color_picker/rabbit.png
new file mode 100644
index 0000000..0ccd761
Binary files /dev/null and b/demo/color_picker/rabbit.png differ
diff --git a/demo/color_picker/requirements.txt b/demo/color_picker/requirements.txt
new file mode 100644
index 0000000..5873a22
--- /dev/null
+++ b/demo/color_picker/requirements.txt
@@ -0,0 +1 @@
+Pillow
\ No newline at end of file
diff --git a/demo/color_picker/run.py b/demo/color_picker/run.py
new file mode 100644
index 0000000..ef78dd6
--- /dev/null
+++ b/demo/color_picker/run.py
@@ -0,0 +1,38 @@
+import gradio as gr
+import numpy as np
+from PIL import Image, ImageColor
+
+def change_color(icon, color):
+
+    """
+    Function that given an icon in .png format changes its color
+    Args:
+        icon: Icon whose color needs to be changed.
+        color: Chosen color with which to edit the input icon.
+    Returns:
+        edited_image: Edited icon.
+    """
+    img = icon.convert("LA")
+    img = img.convert("RGBA")
+    image_np = np.array(icon)
+    _, _, _, alpha = image_np.T
+    mask = alpha > 0
+    image_np[..., :-1][mask.T] = ImageColor.getcolor(color, "RGB")
+    edited_image = Image.fromarray(image_np)
+    return edited_image
+
+inputs = [
+    gr.Image(label="icon", type="pil", image_mode="RGBA"),
+    gr.ColorPicker(label="color"),
+]
+outputs = gr.Image(label="colored icon")
+
+demo = gr.Interface(
+    fn=change_color,
+    inputs=inputs,
+    outputs=outputs,
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/color_picker/screenshot.gif b/demo/color_picker/screenshot.gif
new file mode 100644
index 0000000..9ce8cdd
Binary files /dev/null and b/demo/color_picker/screenshot.gif differ
diff --git a/demo/color_picker/screenshot.png b/demo/color_picker/screenshot.png
new file mode 100644
index 0000000..99b747f
Binary files /dev/null and b/demo/color_picker/screenshot.png differ
diff --git a/demo/colorpicker_component/run.py b/demo/colorpicker_component/run.py
new file mode 100644
index 0000000..eafd1d8
--- /dev/null
+++ b/demo/colorpicker_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.ColorPicker()
+
+demo.launch()
diff --git a/demo/component_props/cheetah.jpg b/demo/component_props/cheetah.jpg
new file mode 100644
index 0000000..ca8a7aa
Binary files /dev/null and b/demo/component_props/cheetah.jpg differ
diff --git a/demo/component_props/run.py b/demo/component_props/run.py
new file mode 100644
index 0000000..1c56e37
--- /dev/null
+++ b/demo/component_props/run.py
@@ -0,0 +1,79 @@
+import gradio as gr
+from gradio.media import get_image
+
+with gr.Blocks() as demo:
+    a = gr.Number(value=5, minimum=0, maximum=10, label="Input A", info="Enter a number between 0 and 10")
+    output_a = gr.JSON(label="Output", elem_id="output")
+    with gr.Row():
+        show_value_btn = gr.Button("Show Value")
+        double_btn = gr.Button("Double Value and Maximum")
+        reset_btn = gr.Button("Reset")
+
+    def process_with_props(x: gr.Number):
+        return {
+            "value": x.value,
+            "maximum": x.maximum,
+            "minimum": x.minimum,
+        }
+    show_value_btn.click(process_with_props, a, output_a)
+
+    def double_value_and_max(x: gr.Number):
+        x.maximum *= 2  # type: ignore
+        x.value = (x.value or 0) * 2
+        x.info = f"Enter a number between 0 and {x.maximum}"
+        return x
+
+    double_btn.click(double_value_and_max, a, a).then(
+        process_with_props, a, output_a
+    )
+
+    def reset(x: gr.Number):
+        x.maximum = 10
+        x.value = 5
+        x.info = "Enter a number between 0 and 10"
+        return x
+
+    reset_btn.click(reset, a, a).then(
+        process_with_props, a, output_a
+    )
+
+    # Image component demo
+    gr.Markdown("## Image Component Props")
+    b = gr.Image(value=get_image("cheetah.jpg"), label="Input Image", width=300, height=300, type="filepath")
+    output_b = gr.JSON(label="Image Props Output", elem_id="image-output")
+    with gr.Row():
+        show_image_props_btn = gr.Button("Show Image Props")
+        change_image_size_btn = gr.Button("Change Image Size")
+        reset_image_btn = gr.Button("Reset Image")
+
+    def show_image_props(x: gr.Image):
+        return {
+            "value": x.value if x.value is None else str(x.value),
+            "width": x.width,
+            "height": x.height,
+            "type": x.type,
+        }
+    show_image_props_btn.click(show_image_props, b, output_b)
+
+    def change_image_size(x: gr.Image):
+        x.width = 400
+        x.height = 400
+        return x
+
+    change_image_size_btn.click(change_image_size, b, b).then(
+        show_image_props, b, output_b
+    )
+
+    def reset_image(x: gr.Image):
+        x.width = 300
+        x.height = 300
+        x.value = get_image("cheetah.jpg")
+        return x
+
+    reset_image_btn.click(reset_image, b, b).then(
+        show_image_props, b, output_b
+    )
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/concurrency_with_queue/run.py b/demo/concurrency_with_queue/run.py
new file mode 100644
index 0000000..8e3d5e1
--- /dev/null
+++ b/demo/concurrency_with_queue/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+import time
+
+def say_hello(name):
+  time.sleep(5)
+  return f"Hello {name}!"
+
+with gr.Blocks() as demo:
+  inp = gr.Textbox()
+  outp = gr.Textbox()
+  button = gr.Button()
+  button.click(say_hello, inp, outp)
+
+  demo.launch()
diff --git a/demo/concurrency_without_queue/run.py b/demo/concurrency_without_queue/run.py
new file mode 100644
index 0000000..816a73e
--- /dev/null
+++ b/demo/concurrency_without_queue/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+import time
+
+def say_hello(name):
+  time.sleep(5)
+  return f"Hello {name}!"
+
+with gr.Blocks() as demo:
+  inp = gr.Textbox()
+  outp = gr.Textbox()
+  button = gr.Button()
+  button.click(say_hello, inp, outp)
+
+  demo.launch(max_threads=41)
diff --git a/demo/copy_events/run.py b/demo/copy_events/run.py
new file mode 100644
index 0000000..778c524
--- /dev/null
+++ b/demo/copy_events/run.py
@@ -0,0 +1,22 @@
+import gradio as gr
+
+md = "This is **bold** text."
+
+def copy_callback(copy_data: gr.CopyData):
+    return copy_data.value
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Copied text")
+    with gr.Row():
+        markdown = gr.Markdown(value=md, header_links=True, height=400, buttons=["copy"])
+        chatbot = gr.Chatbot([("Hello", "World"), ("Goodbye", "World")], buttons=["copy"])  # type: ignore
+        textbox2 = gr.Textbox("Write something here", interactive=True, buttons=["copy"])
+
+        gr.on(
+            [markdown.copy, chatbot.copy, textbox2.copy],
+            copy_callback,
+            outputs=textbox
+        )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/count_generator/run.py b/demo/count_generator/run.py
new file mode 100644
index 0000000..d9fc3b0
--- /dev/null
+++ b/demo/count_generator/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+import time
+
+def count(n):
+    for i in range(int(n)):
+        time.sleep(0.5)
+        yield i
+
+def show(n):
+    return str(list(range(int(n))))
+
+with gr.Blocks() as demo:
+    with gr.Column():
+        num = gr.Number(value=10)
+        with gr.Row():
+            count_btn = gr.Button("Count")
+            list_btn = gr.Button("List")
+    with gr.Column():
+        out = gr.Textbox()
+
+    count_btn.click(count, num, out)
+    list_btn.click(show, num, out)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/custom_css/custom_css.css b/demo/custom_css/custom_css.css
new file mode 100644
index 0000000..f65ffa1
--- /dev/null
+++ b/demo/custom_css/custom_css.css
@@ -0,0 +1,64 @@
+/* CSSKeyframesRule for animation */
+@keyframes animation {
+    from {background-color: red;}
+    to {background-color: blue;}
+}
+
+.cool-col {
+    background-color: red;
+    animation-name: animation;
+    animation-duration: 4s;
+    animation-delay: 2s;
+    animation-iteration-count: infinite;
+    border-radius: 10px;
+    padding: 20px;
+}
+
+/* CSSStyleRule */
+.markdown {
+    background-color: lightblue;
+    padding: 20px;
+}
+
+.markdown p {
+    color: royalblue;
+}
+
+/* CSSMediaRule */
+@media screen and (max-width: 600px) {
+    .markdown {
+        background: blue;
+    }
+    .markdown p {
+        color: lightblue;
+    }
+}
+
+.dark .markdown {
+    background: pink;
+}
+
+.darktest h3 {
+    color: black;
+}
+
+.dark .darktest h3 {
+    color: yellow;
+}
+
+/* CSSFontFaceRule */
+@font-face {
+    font-family: "test-font";
+    src: url("https://mdn.github.io/css-examples/web-fonts/VeraSeBd.ttf") format("truetype");
+}
+
+.cool-col {
+    font-family: "test-font";
+}
+
+/* CSSImportRule */
+@import url("https://fonts.googleapis.com/css2?family=Protest+Riot&display=swap");
+
+.markdown {
+  font-family: "Protest Riot", sans-serif;
+}
\ No newline at end of file
diff --git a/demo/custom_css/run.py b/demo/custom_css/run.py
new file mode 100644
index 0000000..ecd96dd
--- /dev/null
+++ b/demo/custom_css/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Column(elem_classes="cool-col"):
+        gr.Markdown("### Gradio Demo with Custom CSS", elem_classes="darktest")
+        gr.Markdown(
+            elem_classes="markdown",
+            value="Resize the browser window to see the CSS media query in action.",
+        )
+
+if __name__ == "__main__":
+    demo.launch(css_paths=["demo/custom_css/custom_css.css"])
diff --git a/demo/custom_path/run.py b/demo/custom_path/run.py
new file mode 100644
index 0000000..06722d1
--- /dev/null
+++ b/demo/custom_path/run.py
@@ -0,0 +1,59 @@
+"""
+Test script for https://github.com/gradio-app/gradio/issues/11848
+Gradio does not show media when FastAPI is behind a reverse proxy (root_path).
+
+Simulates a reverse proxy by wrapping the FastAPI app in an outer
+Starlette app mounted at /myapp. Gradio is mounted at /gradio inside.
+
+Open http://localhost:8000/myapp/gradio/ to test.
+"""
+
+import os
+from contextlib import asynccontextmanager
+
+from fastapi import FastAPI
+from starlette.applications import Starlette
+from starlette.routing import Mount
+import gradio as gr
+
+CUSTOM_PATH = "/gradio"
+PROXY_PREFIX = "/myapp"
+
+app = FastAPI()
+
+
+@app.get("/")
+def read_main():
+    return {"message": "This is your main app"}
+
+
+def identity(image):
+    return image
+
+
+demo = gr.Interface(
+    fn=identity,
+    inputs=gr.Image(type="filepath"),
+    outputs=gr.Image(label="Output Image"),
+)
+
+app = gr.mount_gradio_app(app, demo, path=CUSTOM_PATH, root_path=f"{PROXY_PREFIX}{CUSTOM_PATH}")
+
+
+@asynccontextmanager
+async def lifespan(outer_app):
+    async with app.router.lifespan_context(app):
+        yield
+
+
+outer_app = Starlette(
+    routes=[Mount(PROXY_PREFIX, app=app)],
+    lifespan=lifespan,
+)
+
+if __name__ == "__main__":
+    import uvicorn
+
+    port = int(os.environ.get("GRADIO_SERVER_PORT", 8000))
+    print(f"\nOpen http://localhost:{port}{PROXY_PREFIX}{CUSTOM_PATH}/\n")
+    uvicorn.run(outer_app, host="0.0.0.0", port=port)
diff --git a/demo/dashboard/DESCRIPTION.md b/demo/dashboard/DESCRIPTION.md
new file mode 100644
index 0000000..6bd25ee
--- /dev/null
+++ b/demo/dashboard/DESCRIPTION.md
@@ -0,0 +1 @@
+This demo shows how you can build an interactive dashboard with gradio. Click on a python library on the left hand side and then on the right hand side click on the metric you'd like to see plot over time. Data is pulled from HuggingFace Hub datasets.
\ No newline at end of file
diff --git a/demo/dashboard/helpers.py b/demo/dashboard/helpers.py
new file mode 100644
index 0000000..01505f6
--- /dev/null
+++ b/demo/dashboard/helpers.py
@@ -0,0 +1,161 @@
+# type: ignore
+import collections
+from datetime import datetime
+
+from datasets import DatasetDict, load_dataset
+import numpy as np
+
+datasets = {
+    "stars": load_dataset("open-source-metrics/stars").sort('dates'),
+    "issues": load_dataset("open-source-metrics/issues").sort('dates'),
+    "pip": load_dataset("open-source-metrics/pip").sort('day')
+}
+
+val = 0
+
+def _range(e):
+    global val
+    e['range'] = val
+    val += 1
+
+    current_date = datetime.strptime(e['dates'], "%Y-%m-%dT%H:%M:%SZ")
+    first_date = datetime.fromtimestamp(1)
+    week = abs(current_date - first_date).days // 7
+    e['week'] = week
+
+    return e
+
+def _ignore_org_members(e):
+    global val
+    e['range_non_org'] = val
+
+    if e['type']['authorAssociation'] != 'MEMBER':
+        val += 1
+
+    return e
+
+stars = {}
+for k, v in datasets['stars'].items():
+    stars[k] = v.map(_range)
+    val = 0
+
+issues = {}
+for k, v in datasets['issues'].items():
+    issues[k] = v.map(_range)
+    val = 0
+    issues[k] = issues[k].map(_ignore_org_members)
+    val = 0
+
+datasets['stars'] = DatasetDict(**stars)
+datasets['issues'] = DatasetDict(**issues)
+
+def link_values(library_names, returned_values):
+    previous_values = {library_name: None for library_name in library_names}
+    for library_name in library_names:
+        for i in returned_values.keys():
+            if library_name not in returned_values[i]:
+                returned_values[i][library_name] = previous_values[library_name]
+            else:
+                previous_values[library_name] = returned_values[i][library_name]
+
+    return returned_values
+
+def running_mean(x, N, total_length=-1):
+    cumsum = np.cumsum(np.insert(x, 0, 0))
+    to_pad = max(total_length - len(cumsum), 0)
+    return np.pad(cumsum[N:] - cumsum[:-N], (to_pad, 0)) / float(N)
+
+def retrieve_pip_installs(library_names, cumulated):
+
+    if cumulated:
+        returned_values = {}
+        for library_name in library_names:
+            for i in datasets['pip'][library_name]:
+                if i['day'] in returned_values:
+                    returned_values[i['day']]['Cumulated'] += i['num_downloads']
+                else:
+                    returned_values[i['day']] = {'Cumulated': i['num_downloads']}
+
+        library_names = ['Cumulated']
+
+    else:
+        returned_values = {}
+        for library_name in library_names:
+            for i in datasets['pip'][library_name]:
+                if i['day'] in returned_values:
+                    returned_values[i['day']][library_name] = i['num_downloads']
+                else:
+                    returned_values[i['day']] = {library_name: i['num_downloads']}
+
+        for library_name in library_names:
+            for i in returned_values.keys():
+                if library_name not in returned_values[i]:
+                    returned_values[i][library_name] = None
+
+    returned_values = collections.OrderedDict(sorted(returned_values.items()))
+    output = {l: [k[l] for k in returned_values.values()] for l in library_names}
+    output['day'] = list(returned_values.keys())
+    return output
+
+def retrieve_stars(libraries, week_over_week):
+    returned_values = {}
+    dataset_dict = datasets['stars']
+
+    for library_name in libraries:
+        dataset = dataset_dict[library_name]
+
+        last_value = 0
+        last_week = dataset[0]['week']
+        for i in dataset:
+            if week_over_week and last_week == i['week']:
+                continue
+            if i['dates'] in returned_values:
+                returned_values[i['dates']][library_name] = i['range'] - last_value
+            else:
+                returned_values[i['dates']] = {library_name: i['range'] - last_value}
+
+            last_value = i['range'] if week_over_week else 0
+            last_week = i['week']
+
+    returned_values = collections.OrderedDict(sorted(returned_values.items()))
+    returned_values = link_values(libraries, returned_values)
+    output = {l: [k[l] for k in returned_values.values()][::-1] for l in libraries}
+    output['day'] = list(returned_values.keys())[::-1]
+
+    # Trim down to a smaller number of points.
+    output = {k: [v for i, v in enumerate(value) if i % int(len(value) / 100) == 0] for k, value in output.items()}
+    return output
+
+def retrieve_issues(libraries, exclude_org_members, week_over_week):
+
+    returned_values = {}
+    dataset_dict = datasets['issues']
+    range_id = 'range' if not exclude_org_members else 'range_non_org'
+
+    for library_name in libraries:
+        dataset = dataset_dict[library_name]
+
+        last_value = 0
+        last_week = dataset[0]['week']
+        for i in dataset:
+            if week_over_week and last_week == i['week']:
+                continue
+
+            if i['dates'] in returned_values:
+                returned_values[i['dates']][library_name] = i[range_id] - last_value
+            else:
+                returned_values[i['dates']] = {library_name: i[range_id] - last_value}
+
+            last_value = i[range_id] if week_over_week else 0
+            last_week = i['week']
+
+    returned_values = collections.OrderedDict(sorted(returned_values.items()))
+    returned_values = link_values(libraries, returned_values)
+    output = {l: [k[l] for k in returned_values.values()][::-1] for l in libraries}
+    output['day'] = list(returned_values.keys())[::-1]
+
+    # Trim down to a smaller number of points.
+    output = {
+        k: [v for i, v in enumerate(value) if i % int(len(value) / 100) == 0] for k, value in output.items()
+    }
+    return output
diff --git a/demo/dashboard/requirements.txt b/demo/dashboard/requirements.txt
new file mode 100644
index 0000000..b68957b
--- /dev/null
+++ b/demo/dashboard/requirements.txt
@@ -0,0 +1,2 @@
+plotly
+pandas
diff --git a/demo/dashboard/run.py b/demo/dashboard/run.py
new file mode 100644
index 0000000..81d79a0
--- /dev/null
+++ b/demo/dashboard/run.py
@@ -0,0 +1,65 @@
+import gradio as gr
+import pandas as pd
+import plotly.express as px  # type: ignore
+from helpers import retrieve_pip_installs, retrieve_stars, retrieve_issues  # type: ignore
+
+LIBRARIES = ["accelerate", "datasets", "diffusers", "evaluate", "gradio", "hub_docs",
+             "huggingface_hub", "optimum", "pytorch_image_models", "tokenizers", "transformers"]
+
+def create_pip_plot(libraries, pip_choices):
+    if "Pip" not in pip_choices:
+        return gr.Plot(visible=False)
+    output = retrieve_pip_installs(libraries, "Cumulated" in pip_choices)
+    df = pd.DataFrame(output).melt(id_vars="day")
+    plot = px.line(df, x="day", y="value", color="variable",
+                   title="Pip installs")
+    plot.update_layout(legend=dict(x=0.5, y=0.99),  title_x=0.5, legend_title_text="")
+    return gr.Plot(value=plot, visible=True)
+
+def create_star_plot(libraries, star_choices):
+    if "Stars" not in star_choices:
+        return gr.Plot(visible=False)
+    output = retrieve_stars(libraries, "Week over Week" in star_choices)
+    df = pd.DataFrame(output).melt(id_vars="day")
+    plot = px.line(df, x="day", y="value", color="variable",
+                   title="Number of stargazers")
+    plot.update_layout(legend=dict(x=0.5, y=0.99),  title_x=0.5, legend_title_text="")
+    return gr.Plot(value=plot, visible=True)
+
+def create_issue_plot(libraries, issue_choices):
+    if "Issue" not in issue_choices:
+        return gr.Plot(visible=False)
+    output = retrieve_issues(libraries,
+                             exclude_org_members="Exclude org members" in issue_choices,
+                             week_over_week="Week over Week" in issue_choices)
+    df = pd.DataFrame(output).melt(id_vars="day")
+    plot = px.line(df, x="day", y="value", color="variable",
+                   title="Cumulated number of issues, PRs, and comments",
+                   )
+    plot.update_layout(legend=dict(x=0.5, y=0.99),  title_x=0.5, legend_title_text="")
+    return gr.Plot(value=plot, visible=True)
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("## Select libraries to display")
+            libraries = gr.CheckboxGroup(choices=LIBRARIES, show_label=False)
+        with gr.Column():
+            gr.Markdown("## Select graphs to display")
+            pip = gr.CheckboxGroup(choices=["Pip", "Cumulated"], show_label=False)
+            stars = gr.CheckboxGroup(choices=["Stars", "Week over Week"], show_label=False)
+            issues = gr.CheckboxGroup(choices=["Issue", "Exclude org members", "week over week"], show_label=False)
+    with gr.Row():
+        fetch = gr.Button(value="Fetch")
+    with gr.Row():
+        with gr.Column():
+            pip_plot = gr.Plot(visible=False)
+            star_plot = gr.Plot(visible=False)
+            issue_plot = gr.Plot(visible=False)
+
+    fetch.click(create_pip_plot, inputs=[libraries, pip], outputs=pip_plot)
+    fetch.click(create_star_plot, inputs=[libraries, stars], outputs=star_plot)
+    fetch.click(create_issue_plot, inputs=[libraries, issues], outputs=issue_plot)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_block-ui-test/run.py b/demo/dataframe_block-ui-test/run.py
new file mode 100644
index 0000000..e5cfe43
--- /dev/null
+++ b/demo/dataframe_block-ui-test/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    count = gr.Slider(minimum=1, maximum=10, step=1, label="count")
+    data = gr.DataFrame(
+        headers=["A", "B"], col_count=(2, "fixed"), type="array", interactive=True  # type: ignore
+    )
+    btn = gr.Button(value="click")
+    btn.click(
+        fn=lambda cnt: [[str(2 * i), str(2 * i + 1)] for i in range(int(cnt))],
+        inputs=[count],
+        outputs=[data],
+    )
+
+demo.launch()
diff --git a/demo/dataframe_colorful/requirements.txt b/demo/dataframe_colorful/requirements.txt
new file mode 100644
index 0000000..fb6c7ed
--- /dev/null
+++ b/demo/dataframe_colorful/requirements.txt
@@ -0,0 +1 @@
+pandas
diff --git a/demo/dataframe_colorful/run.py b/demo/dataframe_colorful/run.py
new file mode 100644
index 0000000..38f146c
--- /dev/null
+++ b/demo/dataframe_colorful/run.py
@@ -0,0 +1,20 @@
+import pandas as pd
+import gradio as gr
+
+df = pd.DataFrame(
+    {
+        "A": [14, 4, 5, 4, 1],
+        "B": [5, 2, 54, 3, 2],
+        "C": [20, 20, 7, 3, 8],
+        "D": [14, 3, 6, 2, 6],
+        "E": [23, 45, 64, 32, 23],
+    }
+)
+
+t = df.style.highlight_max(color="lightgreen", axis=0)
+
+with gr.Blocks() as demo:
+    gr.Dataframe(t)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_component/run.py b/demo/dataframe_component/run.py
new file mode 100644
index 0000000..64fd22e
--- /dev/null
+++ b/demo/dataframe_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Dataframe(interactive=True)
+
+demo.launch()
diff --git a/demo/dataframe_custom_styling/run.py b/demo/dataframe_custom_styling/run.py
new file mode 100644
index 0000000..a543b13
--- /dev/null
+++ b/demo/dataframe_custom_styling/run.py
@@ -0,0 +1,43 @@
+import gradio as gr
+
+data = [
+    ["DeepSeek Coder", 79.3],
+    ["Llama 3.3", 68.9],
+    ["Qwen 2.5", 61.9],
+    ["Gemma 2", 59.5],
+    ["GPT 2", 18.3],
+]
+
+headers = ["Model", "% Correct (LeetCode Hard)"]
+
+def get_styling(values):
+    return [["", f"background: linear-gradient(90deg, rgba(220, 242, 220) {row[1]}%, transparent {row[1]}%)"] for row in values]
+
+def get_display_value(values):
+    display_values = []
+    medals = ["🥇", "🥈", "🥉"]
+    for i, row in enumerate(values):
+        if i < 3:
+            display_values.append([f"{medals[i]} {row[0]}", row[1]])
+        else:
+            display_values.append([row[0], row[1]])
+    return display_values
+
+styling = get_styling(data)
+display_value = get_display_value(data)
+
+
+value = {
+    "data": data,
+    "headers": headers,
+    "metadata": {
+        "styling": styling,
+        "display_value": display_value,
+    },
+}
+
+with gr.Blocks() as demo:
+    gr.Dataframe(value, show_search="search")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_datatype/requirements.txt b/demo/dataframe_datatype/requirements.txt
new file mode 100644
index 0000000..5da331c
--- /dev/null
+++ b/demo/dataframe_datatype/requirements.txt
@@ -0,0 +1,2 @@
+numpy
+pandas
diff --git a/demo/dataframe_datatype/run.py b/demo/dataframe_datatype/run.py
new file mode 100644
index 0000000..bea0505
--- /dev/null
+++ b/demo/dataframe_datatype/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+import pandas as pd
+import numpy as np
+
+def make_dataframe(n_periods):
+    rng = np.random.default_rng()
+    return pd.DataFrame({"date_1": pd.date_range("2021-01-01", periods=n_periods),
+                         "date_2": pd.date_range("2022-02-15", periods=n_periods).strftime('%B %d, %Y, %r'),
+                         "number": rng.random(n_periods).astype(np.float64),
+                         "number_2": rng.integers(0, 100, n_periods).astype(np.int32),
+                         "bool": [True] * n_periods,
+                         "markdown": ["# Hello"] * n_periods})
+
+demo = gr.Interface(make_dataframe,
+             gr.Number(precision=0),
+             gr.Dataframe(datatype=["date", "date", "number", "number", "bool", "markdown"]))  # type: ignore
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_datetime_long/run.py b/demo/dataframe_datetime_long/run.py
new file mode 100644
index 0000000..849e4ff
--- /dev/null
+++ b/demo/dataframe_datetime_long/run.py
@@ -0,0 +1,78 @@
+import random
+
+import gradio as gr
+
+ROWS = 5000
+rng = random.Random(42)
+
+headers = [
+    "date",
+    "str_short",
+    "str_long",
+    "num",
+    "bool",
+    "markdown",
+    "html",
+]
+datatype = ["date", "str", "str", "number", "bool", "markdown", "html"]
+
+WORDS = [
+    "alpha", "beta", "gamma", "delta", "epsilon", "zeta", "eta", "theta",
+    "iota", "kappa", "lambda", "mu", "nu", "xi", "omicron", "pi",
+]
+
+MD_WRAPPERS = [
+    lambda s: f"**{s}**",
+    lambda s: f"*{s}*",
+    lambda s: f"`{s}`",
+    lambda s: f"[{s}](https://example.com)",
+    lambda s: f"# {s}",
+    lambda s: s,
+]
+
+HTML_WRAPPERS = [
+    lambda s: f"<b>{s}</b>",
+    lambda s: f"<i>{s}</i>",
+    lambda s: f'<span style="color: tomato">{s}</span>',
+    lambda s: f'<a href="https://example.com" target="_blank">{s}</a>',
+    lambda s: f"<code>{s}</code>",
+    lambda s: s,
+]
+
+
+def random_text(min_words: int, max_words: int) -> str:
+    n = rng.randint(min_words, max_words)
+    return " ".join(rng.choice(WORDS) for _ in range(n))
+
+
+def random_md() -> str:
+    return rng.choice(MD_WRAPPERS)(random_text(1, 8))
+
+
+def random_html() -> str:
+    return rng.choice(HTML_WRAPPERS)(random_text(1, 8))
+
+
+data = [
+    [
+        f"2026-01-{(i % 28) + 1:02d}",
+        rng.choice(WORDS),
+        random_text(2, 6),
+        round(rng.random() * 1000, 2),
+        rng.random() > 0.5,
+        random_md(),
+        random_html(),
+    ]
+    for i in range(ROWS)
+]
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        f"### Reproduction for #13279: {ROWS} rows × mixed dtypes (markdown/html/date/number/bool/str)"
+    )
+    gr.Dataframe(
+        value=data, headers=headers, datatype=datatype, interactive=False # type: ignore
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_events/run.py b/demo/dataframe_events/run.py
new file mode 100644
index 0000000..51320d4
--- /dev/null
+++ b/demo/dataframe_events/run.py
@@ -0,0 +1,224 @@
+import gradio as gr
+import pandas as pd
+import numpy as np
+
+
+def update_dataframe():
+    regular_df = pd.DataFrame(
+        np.random.randint(1, 10, size=(5, 5)),
+        columns=pd.Index([str(i) for i in range(5)]),
+    )
+    wide_df = pd.DataFrame(
+        [
+            [5, 22, 91, 17, 73, 38, 84, 46, 65, 10, 155, 122, 11, 144, 133],
+            [81, 42, 13, 97, 33, 77, 59, 100, 29, 61, 213, 195, 142, 118, 127],
+            [37, 71, 63, 102, 28, 94, 19, 55, 88, 44, 116, 139, 122, 150, 147],
+            [104, 52, 49, 26, 83, 67, 31, 92, 79, 18, 241, 115, 159, 123, 137],
+            [16, 95, 74, 68, 43, 101, 27, 85, 39, 57, 129, 148, 132, 111, 156],
+        ],
+        columns=pd.Index([f"col_{i}" for i in range(15)]),
+    )
+    return regular_df, wide_df
+
+
+def clear_dataframes():
+    regular_empty_df = pd.DataFrame([], columns=pd.Index([str(i) for i in range(5)]))
+    wide_empty_df = pd.DataFrame([], columns=pd.Index([f"col_{i}" for i in range(15)]))
+    return regular_empty_df, wide_empty_df
+
+
+def increment_select_counter(evt: gr.SelectData, count):
+    count_val = 1 if count is None else count + 1
+    return count_val, evt.index, evt.value
+
+
+def edit_dataframe(evt: gr.EditData, count):
+    event_data = ", ".join(
+        [
+            f"index: {evt.index}",
+            f"value: {evt.value}",
+            f"previous_value: {evt.previous_value}",
+        ]
+    )
+    return event_data, count + 1
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column(scale=1):
+            initial_regular_df = pd.DataFrame(
+                np.zeros((5, 5), dtype=int),
+                columns=pd.Index([str(i) for i in range(5)]),
+            )
+
+            df = gr.Dataframe(
+                value=initial_regular_df,
+                interactive=True,
+                label="Interactive Dataframe",
+                show_label=True,
+                elem_id="dataframe",
+                show_search="filter",
+                buttons=["copy"],
+                show_row_numbers=True,
+                static_columns=[4],
+            )
+
+        with gr.Column(scale=1):
+            initial_wide_df = pd.DataFrame(
+                np.zeros((5, 15), dtype=int),
+                columns=pd.Index([f"col_{i}" for i in range(15)]),
+            )
+
+            df_view = gr.Dataframe(
+                value=initial_wide_df,
+                interactive=False,
+                label="Non-Interactive View (Scroll Horizontally)",
+                show_label=True,
+                show_search="search",
+                elem_id="non-interactive-dataframe",
+                buttons=["copy", "fullscreen"],
+                show_row_numbers=True,
+            )
+
+    tall_df_value = [
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+        ["DeepSeek Coder", 79.3, True],
+        ["Llama 3.3", 68.9, True],
+        ["Qwen 2.5", 61.9, True],
+        ["Gemma 2", 59.5, False],
+        ["GPT 2", 18.3, False],
+    ]
+
+    def get_display_value(values):
+        display_values = []
+        medals = ["🥇", "🥈", "🥉"]
+        for i, row in enumerate(values):
+            if i < 3:
+                display_values.append([f"{medals[i]} {row[0]}", row[1]])
+            else:
+                display_values.append([row[0], row[1]])
+        return display_values
+
+    display_value = get_display_value(tall_df_value)
+
+    tall_df_value = {
+        "data": tall_df_value,
+        "headers": ["Model", "% Correct (LeetCode Hard)", "Is Open Source"],
+        "metadata": {"display_value": display_value},
+    }
+
+    with gr.Row():
+        with gr.Column():
+            df_tall = gr.Dataframe(
+                value=tall_df_value,
+                interactive=False,
+                label="Tall Dataframe (Scroll Vertically)",
+                datatype=["str", "number", "bool"],  # type: ignore
+                max_height=200,
+                show_label=True,
+                elem_id="dataframe_tall",
+                buttons=["copy"],
+                show_row_numbers=True,
+                show_search="search",
+            )
+
+            df_tall_selected_cell_index = gr.Textbox(
+                label="Tall dataframe selected cell index",
+                elem_id="tall_selected_cell_index",
+            )
+            df_tall_selected_cell_value = gr.Textbox(
+                label="Tall dataframe selected cell value",
+                elem_id="tall_selected_cell_value",
+            )
+
+    with gr.Row():
+        with gr.Column():
+            update_btn = gr.Button("Update dataframe", elem_id="update_btn")
+            clear_btn = gr.Button("Clear dataframe", elem_id="clear_btn")
+
+    with gr.Row():
+        change_events = gr.Number(
+            value=0, label="Change events", elem_id="change_events"
+        )
+        input_events = gr.Number(value=0, label="Input events", elem_id="input_events")
+        select_events = gr.Number(
+            value=0, label="Select events", elem_id="select_events"
+        )
+        edit_events = gr.Number(value=0, label="Edit events", elem_id="edit_events")
+
+    with gr.Row():
+        selected_cell_index = gr.Textbox(
+            label="Selected cell index", elem_id="selected_cell_index"
+        )
+        selected_cell_value = gr.Textbox(
+            label="Selected cell value", elem_id="selected_cell_value"
+        )
+        edit_data = gr.Textbox(label="Edit event data", elem_id="edit_data")
+
+    update_btn.click(fn=update_dataframe, outputs=[df, df_view])
+    clear_btn.click(fn=clear_dataframes, outputs=[df, df_view])
+    df.change(fn=lambda x: x + 1, inputs=[change_events], outputs=[change_events])
+    df.edit(edit_dataframe, inputs=[edit_events], outputs=[edit_data, edit_events])
+    df.input(fn=lambda x: x + 1, inputs=[input_events], outputs=[input_events])
+    df.select(
+        fn=increment_select_counter,
+        inputs=[select_events],
+        outputs=[select_events, selected_cell_index, selected_cell_value],
+    )
+
+    df_tall.select(
+        fn=increment_select_counter,
+        inputs=[select_events],
+        outputs=[
+            select_events,
+            df_tall_selected_cell_index,
+            df_tall_selected_cell_value,
+        ],
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_streaming/run.py b/demo/dataframe_streaming/run.py
new file mode 100644
index 0000000..d5108b4
--- /dev/null
+++ b/demo/dataframe_streaming/run.py
@@ -0,0 +1,34 @@
+import gradio as gr
+import pandas as pd
+import time
+
+def update_dataframe(df):
+    df.iloc[:, :] = 1
+    yield df, 1
+    time.sleep(0.1)
+    df.iloc[:, :] = 2
+    yield df, 2
+
+def sum_values(df):
+    return pd.to_numeric(df.values.flatten(), errors='coerce').sum() # type: ignore
+
+initial_df = pd.DataFrame(0, index=range(5), columns=range(5))
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        button = gr.Button("Update DataFrame")
+        number = gr.Number(value=0, label="Number")
+    dataframe = gr.Dataframe(value=initial_df, label="Dataframe")
+
+    button.click(fn=update_dataframe, inputs=dataframe, outputs=[dataframe, number])
+    with gr.Row():
+        change_events = gr.Number(label="Change events")
+        input_events = gr.Number(label="Input events")
+        sum_of_values = gr.Number(label="Sum of values")
+
+    dataframe.change(lambda x:x+1, inputs=change_events, outputs=change_events)
+    dataframe.input(lambda x:x+1, inputs=input_events, outputs=input_events)
+    dataframe.change(sum_values, inputs=dataframe, outputs=sum_of_values)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_tab/run.py b/demo/dataframe_tab/run.py
new file mode 100644
index 0000000..6a3729d
--- /dev/null
+++ b/demo/dataframe_tab/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tab():
+        gr.HTML("<p>hi</p>")
+    with gr.Tab():
+        gr.Dataframe(
+            value=[[i + 1] for i in range(10)],
+        )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_tab_select/run.py b/demo/dataframe_tab_select/run.py
new file mode 100644
index 0000000..205e894
--- /dev/null
+++ b/demo/dataframe_tab_select/run.py
@@ -0,0 +1,20 @@
+import gradio as gr
+
+
+def get_data():
+    return [[i, f"Item {i}"] for i in range(10)]
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("Switching to 'Tab 2' populates the dataframe via its select event.")
+
+    with gr.Tab("Tab 1"):
+        gr.Markdown("Click 'Tab 2'.")
+
+    with gr.Tab("Tab 2") as tab2:
+        df = gr.Dataframe(headers=["ID", "Name"], elem_id="tab_df")
+        tab2.select(get_data, outputs=df)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataframe_widths/run.py b/demo/dataframe_widths/run.py
new file mode 100644
index 0000000..cab5eb9
--- /dev/null
+++ b/demo/dataframe_widths/run.py
@@ -0,0 +1,262 @@
+import gradio as gr
+
+headers = ["Short", "Medium Column", "Long Description", "Also Long"]
+
+short_row = ["id-1", "alpha", "small cell", "small cell"]
+long_row = [
+    "id-2",
+    "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+    (
+        "This is a deliberately very long cell value intended to exceed any "
+        "reasonable column width so we can see truncation and wrapping behavior "
+        "kick in. It keeps going and going and going so that the column must "
+        "either truncate with an ellipsis or wrap across multiple lines."
+    ),
+    "The quick brown fox jumps over the lazy dog several times in a row.",
+]
+unbreakable_row = [
+    "id-3",
+    "ok",
+    "Supercalifragilisticexpialidocious" * 4,
+    "word " * 30,
+]
+
+data = [
+    short_row,
+    long_row,
+    unbreakable_row,
+    short_row,
+    long_row,
+    unbreakable_row,
+    short_row,
+    long_row,
+    unbreakable_row,
+]
+
+with gr.Blocks(title="Dataframe widths & wrapping") as demo:
+    gr.Markdown(
+        """
+        # Dataframe column widths and wrapping
+
+        Demonstrates how `wrap` and `column_widths` interact. In every case the
+        column's max width is capped at 100% of the dataframe's viewport so a
+        single cell can never be wider than the scroll area.
+        """
+    )
+
+    with gr.Row():
+        with gr.Tab("Defaults (no wrap, auto widths)"):
+            gr.Markdown(
+                "No `wrap`, no `column_widths`. Columns size to the longest cell; "
+                "anything longer than the viewport truncates with an ellipsis."
+            )
+            gr.Dataframe(value=data, headers=headers)
+
+        with gr.Tab("wrap=True, auto widths"):
+            gr.Markdown(
+                "`wrap=True` and no `column_widths`. Columns still size to the "
+                "longest cell, but content that would exceed the viewport wraps "
+                "onto multiple lines instead of truncating."
+            )
+            gr.Dataframe(value=data, headers=headers, wrap=True)
+
+        with gr.Tab("Fixed pixel widths"):
+            gr.Markdown(
+                "`column_widths=['80px', '160px', '240px', '200px']`. Pixel widths "
+                "are honored exactly; long content truncates."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                column_widths=["80px", "160px", "240px", "200px"],
+            )
+
+        with gr.Tab("Fixed pixel widths + wrap"):
+            gr.Markdown(
+                "Same fixed widths but `wrap=True`. Long content wraps within the "
+                "fixed column instead of truncating."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                column_widths=["80px", "160px", "240px", "200px"],
+                wrap=True,
+            )
+
+        with gr.Tab("Percentage widths"):
+            gr.Markdown(
+                "`column_widths=['10%', '25%', '40%', '25%']`. Percentages resolve "
+                "against the dataframe's viewport width, so they re-flow when you "
+                "resize the window."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                column_widths=["10%", "25%", "40%", "25%"],
+            )
+
+        with gr.Tab("Percentage widths + wrap"):
+            gr.Markdown("Same percentages, but with `wrap=True`.")
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                column_widths=["10%", "25%", "40%", "25%"],
+                wrap=True,
+            )
+
+        with gr.Tab("Mixed widths (px / % / int)"):
+            gr.Markdown(
+                "`column_widths=[120, '20%', 'auto', '30%']`. Integers are treated "
+                "as pixels; `'auto'` falls back to content-based sizing (capped at "
+                "the viewport)."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                column_widths=[120, "20%", "auto", "30%"],
+            )
+
+        with gr.Tab("max_chars with wide data"):
+            gr.Markdown(
+                "`max_chars=20` truncates cell text to 20 characters with an "
+                "ellipsis. The column is sized to the rendered (truncated) text "
+                "rather than the full underlying value, so there's no wasted "
+                "horizontal space."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                max_chars=20,
+            )
+
+        with gr.Tab("max_chars + fixed widths + wrap"):
+            gr.Markdown(
+                "`max_chars=15`, explicit pixel widths, and `wrap=True`. Text is "
+                "first truncated by character count, then wrapped to fit the "
+                "column."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                max_chars=15,
+                column_widths=["80px", "160px", "200px", "200px"],
+                wrap=True,
+            )
+
+    with gr.Row():
+        with gr.Tab("Defaults (no wrap, auto widths)"):
+            gr.Markdown(
+                "No `wrap`, no `column_widths`. Columns size to the longest cell; "
+                "anything longer than the viewport truncates with an ellipsis."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                interactive=True,
+            )
+
+        with gr.Tab("wrap=True, auto widths"):
+            gr.Markdown(
+                "`wrap=True` and no `column_widths`. Columns still size to the "
+                "longest cell, but content that would exceed the viewport wraps "
+                "onto multiple lines instead of truncating."
+            )
+            gr.Dataframe(
+                value=data,
+                headers=headers,
+                wrap=True,
+                interactive=True,
+            )
+
+        with gr.Tab("Fixed pixel widths"):
+            gr.Markdown(
+                "`column_widths=['80px', '160px', '240px', '200px']`. Pixel widths "
+                "are honored exactly; long content truncates."
+            )
+            gr.Dataframe(
+                interactive=True,
+                value=data,
+                headers=headers,
+                column_widths=["80px", "160px", "240px", "200px"],
+            )
+
+        with gr.Tab("Fixed pixel widths + wrap"):
+            gr.Markdown(
+                "Same fixed widths but `wrap=True`. Long content wraps within the "
+                "fixed column instead of truncating."
+            )
+            gr.Dataframe(
+                interactive=True,
+                value=data,
+                headers=headers,
+                column_widths=["80px", "160px", "240px", "200px"],
+                wrap=True,
+            )
+
+        with gr.Tab("Percentage widths"):
+            gr.Markdown(
+                "`column_widths=['10%', '25%', '40%', '25%']`. Percentages resolve "
+                "against the dataframe's viewport width, so they re-flow when you "
+                "resize the window."
+            )
+            gr.Dataframe(
+                interactive=True,
+                value=data,
+                headers=headers,
+                column_widths=["10%", "25%", "40%", "25%"],
+            )
+
+        with gr.Tab("Percentage widths + wrap"):
+            gr.Markdown("Same percentages, but with `wrap=True`.")
+            gr.Dataframe(
+                value=data,
+                interactive=True,
+                headers=headers,
+                column_widths=["10%", "25%", "40%", "25%"],
+                wrap=True,
+            )
+
+        with gr.Tab("Mixed widths (px / % / int)"):
+            gr.Markdown(
+                "`column_widths=[120, '20%', 'auto', '30%']`. Integers are treated "
+                "as pixels; `'auto'` falls back to content-based sizing (capped at "
+                "the viewport)."
+            )
+            gr.Dataframe(
+                value=data,
+                interactive=True,
+                headers=headers,
+                column_widths=[120, "20%", "auto", "30%"],
+            )
+
+        with gr.Tab("max_chars with wide data"):
+            gr.Markdown(
+                "`max_chars=20` truncates cell text to 20 characters with an "
+                "ellipsis. The column is sized to the rendered (truncated) text "
+                "rather than the full underlying value, so there's no wasted "
+                "horizontal space."
+            )
+            gr.Dataframe(
+                interactive=True,
+                value=data,
+                headers=headers,
+                max_chars=20,
+            )
+
+        with gr.Tab("max_chars + fixed widths + wrap"):
+            gr.Markdown(
+                "`max_chars=15`, explicit pixel widths, and `wrap=True`. Text is "
+                "first truncated by character count, then wrapped to fit the "
+                "column."
+            )
+            gr.Dataframe(
+                interactive=True,
+                value=data,
+                headers=headers,
+                max_chars=15,
+                column_widths=["80px", "160px", "200px", "200px"],
+                wrap=True,
+            )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataset/requirements.txt b/demo/dataset/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/dataset/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/dataset/run.py b/demo/dataset/run.py
new file mode 100755
index 0000000..d8ceef0
--- /dev/null
+++ b/demo/dataset/run.py
@@ -0,0 +1,173 @@
+import gradio as gr
+import numpy as np
+# get_image(), get_video(), get_audio(), get_file(), get_model3d() return file paths to sample media included with Gradio
+from gradio.media import get_image, get_video, get_audio, get_file, get_model3d
+
+txt = "the quick brown fox"
+num = 10
+
+img = get_image("cheetah1.jpg")
+vid = get_video("world.mp4")
+audio = get_audio("cantina.wav")
+csv = get_file("time.csv")
+model = get_model3d("Bunny.obj")
+
+dataframe = [[1, 2, 3, 4], [4, 5, 6, 7], [8, 9, 1, 2], [3, 4, 5, 6]]
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Dataset previews")
+    a = gr.Audio(visible=False)
+    gr.Dataset(
+        components=[a],
+        label="Audio",
+        samples=[
+            [audio],
+            [audio],
+            [audio],
+            [audio],
+            [audio],
+            [audio],
+        ],
+    )
+    c = gr.Checkbox(visible=False)
+    gr.Dataset(
+        label="Checkbox",
+        components=[c],
+        samples=[[True], [True], [False], [True], [False], [False]],
+    )
+
+    c_2 = gr.CheckboxGroup(visible=False, choices=['a', 'b', 'c'])
+    gr.Dataset(
+        label="CheckboxGroup",
+        components=[c_2],
+        samples=[
+            [["a"]],
+            [["a", "b"]],
+            [["a", "b", "c"]],
+            [["b"]],
+            [["c"]],
+            [["a", "c"]],
+        ],
+    )
+    c_3 = gr.ColorPicker(visible=False)
+    gr.Dataset(
+        label="ColorPicker",
+        components=[c_3],
+        samples=[
+            ["#FFFFFF"],
+            ["#000000"],
+            ["#FFFFFF"],
+            ["#000000"],
+            ["#FFFFFF"],
+            ["#000000"],
+        ],
+    )
+    d = gr.DataFrame(visible=False)
+    gr.Dataset(
+        components=[d],
+        label="Dataframe",
+        samples=[
+            [np.zeros((3, 3)).tolist()],
+            [np.ones((2, 2)).tolist()],
+            [np.random.randint(0, 10, (3, 10)).tolist()],
+            [np.random.randint(0, 10, (10, 3)).tolist()],
+            [np.random.randint(0, 10, (10, 10)).tolist()],
+        ],
+    )
+    d_2 = gr.Dropdown(visible=False, choices=["one", "two", "three"])
+    gr.Dataset(
+        components=[d_2],
+        label="Dropdown",
+        samples=[["one"], ["two"], ["three"], ["one"], ["two"], ["three"]],
+    )
+    f = gr.File(visible=False)
+    gr.Dataset(
+        components=[f],
+        label="File",
+        samples=[
+            [csv],
+            [csv],
+            [csv],
+            [csv],
+            [csv],
+            [csv],
+        ],
+    )
+    h = gr.HTML(visible=False)
+    gr.Dataset(
+        components=[h],
+        label="HTML",
+        samples=[
+            ["<h1>hi</h2>"],
+            ["<h1>hi</h2>"],
+            ["<h1>hi</h2>"],
+            ["<h1>hi</h2>"],
+            ["<h1>hi</h2>"],
+            ["<h1>hi</h2>"],
+        ],
+    )
+    i = gr.Image(visible=False)
+    gr.Dataset(
+        components=[i],
+        label="Image",
+        samples=[[img], [img], [img], [img], [img], [img]],
+    )
+    m = gr.Markdown(visible=False)
+    gr.Dataset(
+        components=[m],
+        label="Markdown",
+        samples=[
+            ["# hi"],
+            ["# hi"],
+            ["# hi"],
+            ["# hi"],
+            ["# hi"],
+            ["# hi"],
+        ],
+    )
+    m_2 = gr.Model3D(visible=False)
+    gr.Dataset(
+        components=[m_2],
+        label="Model3D",
+        samples=[[model], [model], [model], [model], [model], [model]],
+    )
+    n = gr.Number(visible=False)
+    gr.Dataset(
+        label="Number",
+        components=[n],
+        samples=[[1], [1], [1], [1], [1], [1]],
+    )
+    r = gr.Radio(visible=False, choices=["one", "two", "three"])
+    gr.Dataset(
+        components=[r],
+        label="Radio",
+        samples=[["one"], ["two"], ["three"], ["one"], ["two"], ["three"]],
+    )
+    s = gr.Slider(visible=False)
+    gr.Dataset(
+        label="Slider",
+        components=[s],
+        samples=[[1], [1], [1], [1], [1], [1]],
+    )
+    t = gr.Textbox(visible=False)
+    gr.Dataset(
+        label="Textbox",
+        components=[t],
+        samples=[
+            ["Some value"],
+            ["Some value"],
+            ["Some value"],
+            ["Some value"],
+            ["Some value"],
+            ["Some value"],
+        ],
+    )
+    v = gr.Video(visible=False)
+    gr.Dataset(
+        components=[v],
+        label="Video",
+        samples=[[vid], [vid], [vid], [vid], [vid], [vid]],
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dataset_component/run.py b/demo/dataset_component/run.py
new file mode 100644
index 0000000..10be920
--- /dev/null
+++ b/demo/dataset_component/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Dataset(components=[gr.Textbox(visible=False)],
+        label="Text Dataset",
+        samples=[
+            ["The quick brown fox jumps over the lazy dog"],
+            ["Build & share delightful machine learning apps"],
+            ["She sells seashells by the seashore"],
+            ["Supercalifragilisticexpialidocious"],
+            ["Lorem ipsum"],
+            ["That's all folks!"]
+        ],
+    )
+demo.launch()
diff --git a/demo/datetime_component/run.py b/demo/datetime_component/run.py
new file mode 100644
index 0000000..3f58eeb
--- /dev/null
+++ b/demo/datetime_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.DateTime()
+
+demo.launch()
diff --git a/demo/datetimes/run.py b/demo/datetimes/run.py
new file mode 100644
index 0000000..5d5b2e0
--- /dev/null
+++ b/demo/datetimes/run.py
@@ -0,0 +1,26 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    date1 = gr.DateTime(include_time=True, label="Date and Time", type="datetime", elem_id="date1")
+    date2 = gr.DateTime(include_time=False, label="Date Only", type="string", elem_id="date2")
+    date3 = gr.DateTime(elem_id="date3", timezone="Europe/Paris")
+
+    with gr.Row():
+        btn1 = gr.Button("Load Date 1")
+        btn2 = gr.Button("Load Date 2")
+        btn3 = gr.Button("Load Date 3")
+
+    click_output = gr.Textbox(label="Last Load")
+    change_output = gr.Textbox(label="Last Change")
+    submit_output = gr.Textbox(label="Last Submit")
+
+    btn1.click(lambda x:x, date1, click_output)
+    btn2.click(lambda x:x, date2, click_output)
+    btn3.click(lambda x:x, date3, click_output)
+
+    for item in [date1, date2, date3]:
+        item.change(lambda x:x, item, change_output)
+        item.submit(lambda x:x, item, submit_output)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/deep_link/run.py b/demo/deep_link/run.py
new file mode 100644
index 0000000..5b352c0
--- /dev/null
+++ b/demo/deep_link/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+import random
+
+def random_response(message, history):
+    return random.choice(["Hi!", "Hello!", "Greetings!"])
+
+with gr.Blocks() as demo:
+    gr.ChatInterface(
+        random_response,
+        title="Greeting Bot",
+        description="Ask anything and receive a nice greeting!",
+        api_name="chat",
+    )
+    gr.DeepLinkButton()
+
+if __name__ == "__main__":
+    demo.launch(share=True)
diff --git a/demo/depth_estimation/DESCRIPTION.md b/demo/depth_estimation/DESCRIPTION.md
new file mode 100644
index 0000000..ae8ed89
--- /dev/null
+++ b/demo/depth_estimation/DESCRIPTION.md
@@ -0,0 +1 @@
+A demo for predicting the depth of an image and generating a 3D model of it.
\ No newline at end of file
diff --git a/demo/depth_estimation/examples/1-jonathan-borba-CgWTqYxHEkg-unsplash.jpg b/demo/depth_estimation/examples/1-jonathan-borba-CgWTqYxHEkg-unsplash.jpg
new file mode 100644
index 0000000..811c174
Binary files /dev/null and b/demo/depth_estimation/examples/1-jonathan-borba-CgWTqYxHEkg-unsplash.jpg differ
diff --git a/demo/depth_estimation/packages.txt b/demo/depth_estimation/packages.txt
new file mode 100644
index 0000000..a72c3b8
--- /dev/null
+++ b/demo/depth_estimation/packages.txt
@@ -0,0 +1 @@
+libgl1-mesa-glx
\ No newline at end of file
diff --git a/demo/depth_estimation/requirements.txt b/demo/depth_estimation/requirements.txt
new file mode 100644
index 0000000..2523321
--- /dev/null
+++ b/demo/depth_estimation/requirements.txt
@@ -0,0 +1,6 @@
+torch
+git+https://github.com/nielsrogge/transformers.git@add_dpt_redesign#egg=transformers
+numpy
+Pillow
+jinja2
+open3d
\ No newline at end of file
diff --git a/demo/depth_estimation/run.py b/demo/depth_estimation/run.py
new file mode 100644
index 0000000..928bc01
--- /dev/null
+++ b/demo/depth_estimation/run.py
@@ -0,0 +1,119 @@
+# type: ignore
+import gradio as gr
+from transformers import DPTFeatureExtractor, DPTForDepthEstimation
+import torch
+import numpy as np
+from PIL import Image
+import open3d as o3d  # type: ignore
+from pathlib import Path
+
+feature_extractor = DPTFeatureExtractor.from_pretrained("Intel/dpt-large")
+model = DPTForDepthEstimation.from_pretrained("Intel/dpt-large")
+
+def process_image(image_path):
+    image_path = Path(image_path)
+    image_raw = Image.open(image_path)
+    image = image_raw.resize(
+        (800, int(800 * image_raw.size[1] / image_raw.size[0])),
+        Image.Resampling.LANCZOS)
+
+    # prepare image for the model
+    encoding = feature_extractor(image, return_tensors="pt")  # type: ignore
+
+    # forward pass
+    with torch.no_grad():
+        outputs = model(**encoding)  # type: ignore
+        predicted_depth = outputs.predicted_depth
+
+    # interpolate to original size
+    prediction = torch.nn.functional.interpolate(
+        predicted_depth.unsqueeze(1),
+        size=image.size[::-1],
+        mode="bicubic",
+        align_corners=False,
+    ).squeeze()
+    output = prediction.cpu().numpy()
+    depth_image = (output * 255 / np.max(output)).astype('uint8')
+    try:
+        gltf_path = create_3d_obj(np.array(image), depth_image, image_path)
+        img = Image.fromarray(depth_image)
+        return [img, gltf_path, gltf_path]
+    except Exception:
+        gltf_path = create_3d_obj(
+            np.array(image), depth_image, image_path, depth=8)
+        img = Image.fromarray(depth_image)
+        return [img, gltf_path, gltf_path]
+    except:
+        print("Error reconstructing 3D model")
+        raise Exception("Error reconstructing 3D model")
+
+def create_3d_obj(rgb_image, depth_image, image_path, depth=10):
+    depth_o3d = o3d.geometry.Image(depth_image)
+    image_o3d = o3d.geometry.Image(rgb_image)
+    rgbd_image = o3d.geometry.RGBDImage.create_from_color_and_depth(
+        image_o3d, depth_o3d, convert_rgb_to_intensity=False)
+    w = int(depth_image.shape[1])
+    h = int(depth_image.shape[0])
+
+    camera_intrinsic = o3d.camera.PinholeCameraIntrinsic()
+    camera_intrinsic.set_intrinsics(w, h, 500, 500, w/2, h/2)
+
+    pcd = o3d.geometry.PointCloud.create_from_rgbd_image(
+        rgbd_image, camera_intrinsic)
+
+    print('normals')
+    pcd.normals = o3d.utility.Vector3dVector(
+        np.zeros((1, 3)))  # invalidate existing normals
+    pcd.estimate_normals(
+        search_param=o3d.geometry.KDTreeSearchParamHybrid(radius=0.01, max_nn=30))
+    pcd.orient_normals_towards_camera_location(
+        camera_location=np.array([0., 0., 1000.]))
+    pcd.transform([[1, 0, 0, 0],
+                   [0, -1, 0, 0],
+                   [0, 0, -1, 0],
+                   [0, 0, 0, 1]])
+    pcd.transform([[-1, 0, 0, 0],
+                   [0, 1, 0, 0],
+                   [0, 0, 1, 0],
+                   [0, 0, 0, 1]])
+
+    print('run Poisson surface reconstruction')
+    with o3d.utility.VerbosityContextManager(o3d.utility.VerbosityLevel.Debug):
+        mesh_raw, densities = o3d.geometry.TriangleMesh.create_from_point_cloud_poisson(
+            pcd, depth=depth, width=0, scale=1.1, linear_fit=True)
+
+    voxel_size = max(mesh_raw.get_max_bound() - mesh_raw.get_min_bound()) / 256
+    print(f'voxel_size = {voxel_size:e}')
+    mesh = mesh_raw.simplify_vertex_clustering(
+        voxel_size=voxel_size,
+        contraction=o3d.geometry.SimplificationContraction.Average)
+
+    # vertices_to_remove = densities < np.quantile(densities, 0.001)
+    # mesh.remove_vertices_by_mask(vertices_to_remove)
+    bbox = pcd.get_axis_aligned_bounding_box()
+    mesh_crop = mesh.crop(bbox)
+    gltf_path = f'./{image_path.stem}.gltf'
+    o3d.io.write_triangle_mesh(
+        gltf_path, mesh_crop, write_triangle_uvs=True)
+    return gltf_path
+
+title = "Demo: zero-shot depth estimation with DPT + 3D Point Cloud"
+description = "This demo is a variation from the original <a href='https://huggingface.co/spaces/nielsr/dpt-depth-estimation' target='_blank'>DPT Demo</a>. It uses the DPT model to predict the depth of an image and then uses 3D Point Cloud to create a 3D object."
+examples = [["examples/1-jonathan-borba-CgWTqYxHEkg-unsplash.jpg"]]
+
+iface = gr.Interface(fn=process_image,
+                     inputs=[gr.Image(
+                         type="filepath", label="Input Image")],
+                     outputs=[gr.Image(label="predicted depth", type="pil"),
+                              gr.Model3D(label="3d mesh reconstruction", clear_color=(
+                                                 1.0, 1.0, 1.0, 1.0)),
+                              gr.File(label="3d gLTF")],
+                     title=title,
+                     description=description,
+                     examples=examples,
+                     flagging_mode="never",
+                     cache_examples=False,
+                     api_name="predict",
+                     )
+
+iface.launch(debug=True)
diff --git a/demo/dia_dialogue_demo/run.py b/demo/dia_dialogue_demo/run.py
new file mode 100644
index 0000000..64c338d
--- /dev/null
+++ b/demo/dia_dialogue_demo/run.py
@@ -0,0 +1,108 @@
+import gradio as gr
+import httpx
+
+
+tags = [
+    "(laughs)",
+    "(clears throat)",
+    "(sighs)",
+    "(gasps)",
+    "(coughs)",
+    "(singing)",
+    "(sings)",
+    "(mumbles)",
+    "(beep)",
+    "(groans)",
+    "(sniffs)",
+    "(claps)",
+    "(screams)",
+    "(inhales)",
+    "(exhales)",
+    "(applause)",
+    "(burps)",
+    "(humming)",
+    "(sneezes)",
+    "(chuckle)",
+    "(whistles)",
+]
+speakers = ["Speaker 1", "Speaker 2"]
+
+client = httpx.AsyncClient(timeout=180)
+API_URL = "https://router.huggingface.co/fal-ai/fal-ai/dia-tts"
+
+
+async def query(dialogue: str, token: gr.OAuthToken | None):
+    if token is None:
+        raise gr.Error(
+            "No token provided. Use Sign in with Hugging Face to get a token."
+        )
+    headers = {
+        "Authorization": f"Bearer {token.token}",
+    }
+    response = await client.post(API_URL, headers=headers, json={"text": dialogue})
+    url = response.json()["audio"]["url"]
+    print("URL: ", url)
+    return url
+
+
+def formatter(speaker, text):
+    speaker = speaker.split(" ")[1]
+    return f"[S{speaker}] {text}"
+
+
+with gr.Blocks() as demo:
+    with gr.Sidebar():
+        login_button = gr.LoginButton()
+    gr.HTML(
+        """
+        <h1 style='text-align: center; display: flex; align-items: center; justify-content: center;'>
+        <img src="https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/dancing_huggy.gif" alt="Dancing Huggy" style="height: 100px; margin-right: 10px"> Dia Dialogue Generation Model
+        </h1>
+        <h2 style='text-align: center; display: flex; align-items: center; justify-content: center;'>Model by &nbsp;<a href="https://huggingface.co/nari-labs/Dia-1.6B"> Nari Labs</a>. Powered by HF and &nbsp; <a href="https://fal.ai/">Fal AI</a>&nbsp;  API.</h2>
+        <h4>Dia is a dialogue generation model that can generate realistic dialogue between two speakers. Use the dialogue component to create a conversation and then hit the submit button in the bottom right corner to see it come to life .</h4>
+        """
+    )
+    with gr.Row():
+        with gr.Column():
+            dialogue = gr.Dialogue(
+                speakers=speakers, tags=tags, formatter=formatter
+            )
+        with gr.Column():
+            with gr.Row():
+                audio = gr.Audio(label="Audio")
+            with gr.Row():
+                gr.DeepLinkButton(value="Share Audio via Link")
+    with gr.Row():
+        gr.Examples(
+            examples=[
+                [
+                    [
+                        {
+                            "speaker": "Speaker 1",
+                            "text": "Why did the chicken cross the road?",
+                        },
+                        {"speaker": "Speaker 2", "text": "I don't know!"},
+                        {
+                            "speaker": "Speaker 1",
+                            "text": "to get to the other side! (laughs)",
+                        },
+                    ]
+                ],
+                [
+                    [
+                        {
+                            "speaker": "Speaker 1",
+                            "text": "I am a little tired today (sighs).",
+                        },
+                        {"speaker": "Speaker 2", "text": "Hang in there!"},
+                    ]
+                ],
+            ],
+            inputs=[dialogue],
+            cache_examples=False,
+        )
+
+    dialogue.submit(query, [dialogue], audio)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dialogue_component/run.py b/demo/dialogue_component/run.py
new file mode 100644
index 0000000..3117d24
--- /dev/null
+++ b/demo/dialogue_component/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    dd = gr.Dialogue(speakers=["Speaker 1", "Speaker 2"],
+                     tags=["(laughs)", "(sighs)", "(clears throat)"],
+                value=[
+                    {"speaker": "Speaker 1", "text": "Hello, how are you?"},
+                    {"speaker": "Speaker 2", "text": "I'm fine, thank you!"},
+                ], separator="\n", interactive=True)
+    output = gr.Textbox(label="Output", value="")
+    dd.submit(lambda x: x, inputs=dd, outputs=output)
+demo.launch()
diff --git a/demo/dialogue_diarization_demo/requirements.txt b/demo/dialogue_diarization_demo/requirements.txt
new file mode 100644
index 0000000..548affd
--- /dev/null
+++ b/demo/dialogue_diarization_demo/requirements.txt
@@ -0,0 +1,9 @@
+gradio
+torch
+torchaudio
+pyannote.audio
+openai-whisper
+librosa
+numpy
+transformers
+speechbrain 
\ No newline at end of file
diff --git a/demo/dialogue_diarization_demo/run.py b/demo/dialogue_diarization_demo/run.py
new file mode 100644
index 0000000..5a0a6e9
--- /dev/null
+++ b/demo/dialogue_diarization_demo/run.py
@@ -0,0 +1,126 @@
+# type: ignore
+import gradio as gr
+from pyannote.audio import Pipeline
+import whisper
+
+diarization_pipeline = None
+whisper_model = None
+
+
+def load_models():
+    global diarization_pipeline, whisper_model  # noqa: PLW0603
+
+    if diarization_pipeline is None:
+        diarization_pipeline = Pipeline.from_pretrained(
+            "pyannote/speaker-diarization-3.1", use_auth_token=True
+        )
+
+    if whisper_model is None:
+        whisper_model = whisper.load_model("base")
+
+
+def real_diarization(audio_file_path: str) -> list[dict[str, str]]:
+    try:
+        load_models()
+
+        if diarization_pipeline is None or whisper_model is None:
+            raise Exception("Failed to load models")
+
+        diarization = diarization_pipeline(audio_file_path)
+
+        transcription = whisper_model.transcribe(audio_file_path)
+        segments = transcription["segments"]
+
+        dialogue_segments = []
+        speaker_mapping = {}
+        speaker_counter = 1
+
+        for segment in segments:
+            start_time = segment["start"]
+            end_time = segment["end"]
+            text = segment["text"].strip()
+
+            speaker = "Speaker 1"
+            for turn, _, speaker_label in diarization.itertracks(yield_label=True):
+                if (
+                    turn.start <= start_time <= turn.end
+                    or turn.start <= end_time <= turn.end
+                ):
+                    if speaker_label not in speaker_mapping:
+                        speaker_mapping[speaker_label] = f"Speaker {speaker_counter}"
+                        speaker_counter += 1
+                    speaker = speaker_mapping[speaker_label]
+                    break
+
+            if text:
+                dialogue_segments.append({"speaker": speaker, "text": text})
+
+        return dialogue_segments
+
+    except Exception as e:
+        print(f"Error in diarization: {str(e)}")
+        return []
+
+
+def process_audio(audio_file):
+    if audio_file is None:
+        gr.Warning("Please upload an audio file first.")
+        return []
+
+    try:
+        dialogue_segments = real_diarization(audio_file)
+        return dialogue_segments
+    except Exception as e:
+        gr.Error(f"Error processing audio: {str(e)}")
+        return []
+
+
+speakers = [
+    "Speaker 1",
+    "Speaker 2",
+    "Speaker 3",
+    "Speaker 4",
+    "Speaker 5",
+    "Speaker 6",
+]
+tags = [
+    "(pause)",
+    "(background noise)",
+    "(unclear)",
+    "(overlap)",
+    "(phone ringing)",
+    "(door closing)",
+    "(music)",
+    "(applause)",
+    "(laughter)",
+]
+
+
+def format_speaker(speaker, text):
+    return f"{speaker}: {text}"
+
+
+with gr.Blocks(title="Audio Diarization Demo") as demo:
+    with gr.Row():
+        with gr.Column(scale=1):
+            audio_input = gr.Audio(
+                label="Upload Audio File",
+                type="filepath",
+                sources=["upload", "microphone"],
+            )
+
+            process_btn = gr.Button("🔍 Analyze Speakers", variant="primary", size="lg")
+
+        with gr.Column(scale=2):
+            dialogue_output = gr.Dialogue(
+                speakers=speakers,
+                tags=tags,
+                formatter=format_speaker,
+                label="AI-generated speaker-separated conversation",
+                value=[],
+            )
+
+    process_btn.click(fn=process_audio, inputs=[audio_input], outputs=[dialogue_output])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/dialogue_mock_diarization/run.py b/demo/dialogue_mock_diarization/run.py
new file mode 100644
index 0000000..cb6b470
--- /dev/null
+++ b/demo/dialogue_mock_diarization/run.py
@@ -0,0 +1,49 @@
+import gradio as gr
+
+speakers = [
+    "Speaker 1",
+    "Speaker 2",
+]
+
+def format_speaker(speaker, text):
+    return f"{speaker}: {text}"
+
+def mock_diarization(audio):
+    return [
+        {
+            "speaker": "Speaker 1",
+            "text": "Hello, how are you?",
+        },
+        {
+            "speaker": "Speaker 2",
+            "text": "I'm fine, thank you!",
+        },
+        {
+            "speaker": "Speaker 1",
+            "text": "What's your name?",
+        },
+        {
+            "speaker": "Speaker 2",
+            "text": "My name is John Doe.",
+        },
+        {
+            "speaker": "Speaker 1",
+            "text": "Nice to meet you!",
+        },
+        {
+            "speaker": "Speaker 2",
+            "text": "Nice to meet you!",
+        },
+    ]
+
+demo = gr.Interface(
+    fn=mock_diarization,
+    inputs=[gr.Audio(sources=["microphone"])],
+    outputs=[gr.Dialogue(speakers=speakers, tags=None, formatter=format_speaker)],
+    title="Mock Speech Diarization",
+    description="Mock speech diarization",
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/diff_texts/run.py b/demo/diff_texts/run.py
new file mode 100644
index 0000000..bd173d4
--- /dev/null
+++ b/demo/diff_texts/run.py
@@ -0,0 +1,36 @@
+from difflib import Differ
+
+import gradio as gr
+
+def diff_texts(text1, text2):
+    d = Differ()
+    return [
+        (token[2:], token[0] if token[0] != " " else None)
+        for token in d.compare(text1, text2)
+    ]
+
+demo = gr.Interface(
+    diff_texts,
+    [
+        gr.Textbox(
+            label="Text 1",
+            info="Initial text",
+            lines=3,
+            value="The quick brown fox jumped over the lazy dogs.",
+        ),
+        gr.Textbox(
+            label="Text 2",
+            info="Text to compare",
+            lines=3,
+            value="The fast brown fox jumps over lazy dogs.",
+        ),
+    ],
+    gr.HighlightedText(
+        label="Diff",
+        combine_adjacent=True,
+        show_legend=True,
+        color_map={"+": "red", "-": "green"}),
+    api_name="predict",
+)
+if __name__ == "__main__":
+    demo.launch(theme=gr.themes.Base())
diff --git a/demo/diff_texts/screenshot.png b/demo/diff_texts/screenshot.png
new file mode 100644
index 0000000..dfa051f
Binary files /dev/null and b/demo/diff_texts/screenshot.png differ
diff --git a/demo/diffusers_with_batching/requirements.txt b/demo/diffusers_with_batching/requirements.txt
new file mode 100644
index 0000000..b6ca9fb
--- /dev/null
+++ b/demo/diffusers_with_batching/requirements.txt
@@ -0,0 +1,3 @@
+torch
+transformers
+diffusers
\ No newline at end of file
diff --git a/demo/diffusers_with_batching/run.py b/demo/diffusers_with_batching/run.py
new file mode 100644
index 0000000..46c123e
--- /dev/null
+++ b/demo/diffusers_with_batching/run.py
@@ -0,0 +1,23 @@
+import torch
+from diffusers import DiffusionPipeline  # type: ignore
+import gradio as gr
+
+generator = DiffusionPipeline.from_pretrained("CompVis/ldm-text2im-large-256")
+# move to GPU if available
+if torch.cuda.is_available():
+    generator = generator.to("cuda")
+
+def generate(prompts):
+  images = generator(list(prompts)).images  # type: ignore
+  return [images]
+
+demo = gr.Interface(generate,
+             "textbox",
+             "image",
+             batch=True,
+             max_batch_size=4,  # Set the batch size based on your CPU/GPU memory
+             api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/downloadbutton_component/run.py b/demo/downloadbutton_component/run.py
new file mode 100644
index 0000000..20b2ba6
--- /dev/null
+++ b/demo/downloadbutton_component/run.py
@@ -0,0 +1,7 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.DownloadButton("📂 Click to download file", value="http://www.marketingtool.online/en/face-generator/img/faces/avatar-1151ce9f4b2043de0d2e3b7826127998.jpg")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/draggable_dashboard/run.py b/demo/draggable_dashboard/run.py
new file mode 100644
index 0000000..cbc6064
--- /dev/null
+++ b/demo/draggable_dashboard/run.py
@@ -0,0 +1,84 @@
+import gradio as gr
+import numpy as np
+import pandas as pd
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Draggable Dashboard Demo")
+    gr.Markdown("Drag the charts around to reorder them!")
+    
+    x = np.linspace(0, 10, 100)
+    data = pd.DataFrame({
+        'x': x,
+        'y1': np.random.normal(100, 20, 100) + 10 * np.sin(x),
+        'y2': np.random.normal(500, 100, 100) + 50 * np.cos(x),
+        'y3': np.random.normal(1000, 200, 100) + 100 * np.sin(x/2),
+        'y4': np.random.normal(0.15, 0.05, 100) + 0.05 * np.cos(x/3)
+    })
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            gr.Markdown("### Horizontal Layout (orientation='row')")
+            with gr.Draggable(orientation="row"):
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y1",
+                    title="Chart 1",
+                    height=200,
+                )
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y2",
+                    title="Chart 2",
+                    height=200,
+                )
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y3",
+                    title="Chart 3",
+                    height=200,
+                )
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y4",
+                    title="Chart 4",
+                    height=200,
+                )
+        
+        with gr.Column(scale=1):
+            gr.Markdown("### Vertical Layout (orientation='column')")
+            with gr.Draggable(orientation="column"):
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y1",
+                    title="Chart 1",
+                    height=200,
+                )
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y2",
+                    title="Chart 2",
+                    height=200,
+                )
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y3",
+                    title="Chart 3",
+                    height=200,
+                )
+                gr.LinePlot(
+                    data,
+                    x="x",
+                    y="y4",
+                    title="Chart 4",
+                    height=200,
+                )
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/dropdown_component/run.py b/demo/dropdown_component/run.py
new file mode 100644
index 0000000..3d4872d
--- /dev/null
+++ b/demo/dropdown_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Dropdown(choices=["First Choice", "Second Choice", "Third Choice"])
+
+demo.launch()
diff --git a/demo/dropdown_custom_value/run.py b/demo/dropdown_custom_value/run.py
new file mode 100644
index 0000000..41de9f3
--- /dev/null
+++ b/demo/dropdown_custom_value/run.py
@@ -0,0 +1,13 @@
+import gradio
+
+with gradio.Blocks() as demo:
+    dropdown = gradio.Dropdown(
+        choices=[("hello", "goodbye"), ("abc", "123")],
+        allow_custom_value=True,
+        label="Dropdown",
+    )
+    text = gradio.Textbox(label="Output")
+    dropdown.change(lambda x: x, inputs=dropdown, outputs=text)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/dropdown_key_up/run.py b/demo/dropdown_key_up/run.py
new file mode 100644
index 0000000..dbbc653
--- /dev/null
+++ b/demo/dropdown_key_up/run.py
@@ -0,0 +1,16 @@
+import gradio as gr
+
+def test(value, key_up_data: gr.KeyUpData):
+    return {
+        "component value": value,
+        "input value": key_up_data.input_value,
+        "key": key_up_data.key
+    }
+
+with gr.Blocks() as demo:
+    d = gr.Dropdown(["abc", "def"], allow_custom_value=True)
+    t = gr.JSON()
+    d.key_up(test, d, t)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/duplicatebutton_component/run.py b/demo/duplicatebutton_component/run.py
new file mode 100644
index 0000000..c53983d
--- /dev/null
+++ b/demo/duplicatebutton_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.DuplicateButton()
+
+demo.launch()
diff --git a/demo/event_trigger/img/a.jpg b/demo/event_trigger/img/a.jpg
new file mode 100644
index 0000000..765f840
Binary files /dev/null and b/demo/event_trigger/img/a.jpg differ
diff --git a/demo/event_trigger/img/b.jpg b/demo/event_trigger/img/b.jpg
new file mode 100644
index 0000000..7774fb8
Binary files /dev/null and b/demo/event_trigger/img/b.jpg differ
diff --git a/demo/event_trigger/run.py b/demo/event_trigger/run.py
new file mode 100644
index 0000000..d515ddb
--- /dev/null
+++ b/demo/event_trigger/run.py
@@ -0,0 +1,140 @@
+# %%
+import gradio as gr
+
+TEST_VIDEO_A = "mp4/a.mp4"
+TEST_VIDEO_B = "mp4/b.mp4"
+
+TEST_IMAGE_A = "img/a.jpg"
+TEST_IMAGE_B = "img/b.jpg"
+
+def alert_change(component, value):
+    print(f"Detected {component} change, {type(value)}")
+
+    if type(value) == list or type(value) == str:
+        print(value)
+
+def change_interactive(state):
+    return gr.Video(interactive=not state), not state
+
+with gr.Blocks() as demo:
+    with gr.Tab(label="Text change"):
+        with gr.Row():
+            with gr.Column():
+                textbox1 = gr.Textbox()
+                textbox2 = gr.Textbox(interactive=True)
+
+            with gr.Column():
+                btn = gr.Button()
+
+        def btn_click(state):
+            return state
+
+        def text_change(value):
+            print("text_change", value)
+
+        btn.click(fn=btn_click, inputs=textbox1, outputs=textbox2)
+        textbox2.change(fn=alert_change, inputs=[gr.State("Text"), textbox2])
+
+    with gr.Tab(label="Video change, play, pause"):
+        with gr.Row():
+            with gr.Column():
+                radio1 = gr.Radio(
+                    choices=[TEST_VIDEO_A, TEST_VIDEO_B],
+                    interactive=True,
+                    type="index",
+                )
+
+                video_btn = gr.Button("Change interactive")
+
+            with gr.Column():
+                video1 = gr.Video(value=TEST_VIDEO_A, interactive=False)
+                video1_interactive = gr.State(value=False)
+
+        def change_video(index):
+            if index == 0:
+                return TEST_VIDEO_A
+            elif index == 1:
+                return TEST_VIDEO_B
+
+        def video_play():
+            print("video_play")
+
+        def video_pause():
+            print("video_pause")
+
+        def video_stop():
+            print("video_stop")
+
+        def video_end():
+            print("video_end")
+
+        video1.play(fn=video_play)
+        video1.pause(fn=video_pause)
+        video1.stop(fn=video_stop)
+        video1.end(fn=video_end)
+
+        radio1.change(fn=change_video, inputs=radio1, outputs=video1)
+        video1.change(fn=alert_change, inputs=[gr.State("Video"), video1])
+
+        video_btn.click(
+            fn=change_interactive,
+            inputs=video1_interactive,
+            outputs=[video1, video1_interactive],
+        )
+
+    with gr.Tab(label="Image change"):
+        with gr.Row():
+            with gr.Column():
+                radio2 = gr.Radio(
+                    choices=[TEST_IMAGE_A, TEST_IMAGE_B],
+                    interactive=True,
+                    type="index",
+                )
+
+            with gr.Column():
+                image1 = gr.Image(value=TEST_IMAGE_A, interactive=True)
+
+        def change_image(index):
+            if index == 0:
+                return TEST_IMAGE_A
+            elif index == 1:
+                return TEST_IMAGE_B
+
+        radio2.change(fn=change_image, inputs=radio2, outputs=image1)
+        image1.change(fn=alert_change, inputs=[gr.State("Image"), image1])
+
+    with gr.Tab(label="File"):
+        with gr.Row():
+            with gr.Column():
+                radio3 = gr.Radio(
+                    choices=["A", "B", "AB"],
+                    interactive=True,
+                    type="index",
+                )
+
+                file_btn = gr.Button("Change interactive")
+
+            with gr.Column():
+                file1 = gr.File(
+                    value=[TEST_IMAGE_A, TEST_IMAGE_B],
+                    interactive=False,
+                    file_count="multiple",
+                )
+                file1_interactive = gr.State(value=False)
+
+        def change_file(index):
+            if index == 0 or index == 1:
+                return [TEST_IMAGE_A]
+            elif index == 2:
+                return [TEST_IMAGE_A, TEST_IMAGE_B]
+
+        radio3.change(fn=change_file, inputs=radio3, outputs=file1)
+        file1.change(fn=alert_change, inputs=[gr.State("File"), file1])
+
+        file_btn.click(
+            fn=change_interactive,
+            inputs=file1_interactive,
+            outputs=[file1, file1_interactive],
+        )
+
+demo.launch()
diff --git a/demo/examples_component/images/lion.webp b/demo/examples_component/images/lion.webp
new file mode 100644
index 0000000..69529a9
Binary files /dev/null and b/demo/examples_component/images/lion.webp differ
diff --git a/demo/examples_component/run.py b/demo/examples_component/run.py
new file mode 100644
index 0000000..98df89a
--- /dev/null
+++ b/demo/examples_component/run.py
@@ -0,0 +1,28 @@
+import gradio as gr
+# get_image() returns the file path to sample images included with Gradio
+from gradio.media import get_image
+
+def flip(i):
+    return i.rotate(180)
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            img_i = gr.Image(label="Input Image", type="pil")
+        with gr.Column():
+            img_o = gr.Image(label="Output Image")
+    with gr.Row():
+        btn = gr.Button(value="Flip Image")
+    btn.click(flip, inputs=[img_i], outputs=[img_o])
+
+    gr.Examples(
+        [
+            get_image("cheetah1.jpg"),
+            get_image("lion.jpg"),
+        ],
+        img_i,
+        img_o,
+        flip,
+    )
+
+demo.launch()
diff --git a/demo/fake_diffusion/DESCRIPTION.md b/demo/fake_diffusion/DESCRIPTION.md
new file mode 100644
index 0000000..0eab50a
--- /dev/null
+++ b/demo/fake_diffusion/DESCRIPTION.md
@@ -0,0 +1 @@
+This demo uses a fake model to showcase iterative output. The Image output will update every time a generator is returned until the final image.
\ No newline at end of file
diff --git a/demo/fake_diffusion/requirements.txt b/demo/fake_diffusion/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/fake_diffusion/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/fake_diffusion/run.py b/demo/fake_diffusion/run.py
new file mode 100644
index 0000000..4f71352
--- /dev/null
+++ b/demo/fake_diffusion/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+import numpy as np
+import time
+
+def fake_diffusion(steps):
+    rng = np.random.default_rng()
+    for i in range(steps):
+        time.sleep(1)
+        image = rng.random(size=(600, 600, 3))
+        yield image
+    image = np.ones((1000,1000,3), np.uint8)
+    image[:] = [255, 124, 0]
+    yield image
+
+demo = gr.Interface(fake_diffusion,
+                    inputs=gr.Slider(1, 10, 3, step=1),
+                    outputs="image",
+                    api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/fake_diffusion_with_gif/requirements.txt b/demo/fake_diffusion_with_gif/requirements.txt
new file mode 100644
index 0000000..6dd520b
--- /dev/null
+++ b/demo/fake_diffusion_with_gif/requirements.txt
@@ -0,0 +1,3 @@
+numpy
+requests
+Pillow
diff --git a/demo/fake_diffusion_with_gif/run.py b/demo/fake_diffusion_with_gif/run.py
new file mode 100644
index 0000000..4397721
--- /dev/null
+++ b/demo/fake_diffusion_with_gif/run.py
@@ -0,0 +1,46 @@
+import gradio as gr
+import numpy as np
+import time
+import os
+from PIL import Image
+import requests
+from io import BytesIO
+
+def create_gif(images):
+    pil_images = []
+    for image in images:
+        if isinstance(image, str):
+            response = requests.get(image)
+            image = Image.open(BytesIO(response.content))
+        else:
+            image = Image.fromarray((image * 255).astype(np.uint8))
+        pil_images.append(image)
+    fp_out = os.path.join(os.path.dirname(__file__), "image.gif")
+    img = pil_images.pop(0)
+    img.save(fp=fp_out, format='GIF', append_images=pil_images,
+            save_all=True, duration=400, loop=0)
+    return fp_out
+
+def fake_diffusion(steps):
+    rng = np.random.default_rng()
+    images = []
+    for _ in range(steps):
+        time.sleep(1)
+        image = rng.random((600, 600, 3))
+        images.append(image)
+        yield image, gr.Image(visible=False)
+
+    time.sleep(1)
+    image = "https://gradio-builds.s3.amazonaws.com/diffusion_image/cute_dog.jpg"
+    images.append(image)
+    gif_path = create_gif(images)
+
+    yield image, gr.Image(value=gif_path, visible=True)
+
+demo = gr.Interface(fake_diffusion,
+                    inputs=gr.Slider(1, 10, 3, step=1),
+                    outputs=["image", gr.Image(label="All Images", visible=False)],
+                    api_name="predict",)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/fake_gan/DESCRIPTION.md b/demo/fake_gan/DESCRIPTION.md
new file mode 100644
index 0000000..2eb2efc
--- /dev/null
+++ b/demo/fake_gan/DESCRIPTION.md
@@ -0,0 +1 @@
+This is a fake GAN that shows how to create a text-to-image interface for image generation. Check out the Stable Diffusion demo for more: https://hf.co/spaces/stabilityai/stable-diffusion/
\ No newline at end of file
diff --git a/demo/fake_gan/run.py b/demo/fake_gan/run.py
new file mode 100644
index 0000000..601c0c4
--- /dev/null
+++ b/demo/fake_gan/run.py
@@ -0,0 +1,33 @@
+# This demo needs to be run from the repo folder.
+# python demo/fake_gan/run.py
+import random
+import time
+import gradio as gr
+
+def fake_gan():
+    time.sleep(1)
+    images = [
+        (random.choice(
+            [
+                "http://www.marketingtool.online/en/face-generator/img/faces/avatar-1151ce9f4b2043de0d2e3b7826127998.jpg",
+                "http://www.marketingtool.online/en/face-generator/img/faces/avatar-116b5e92936b766b7fdfc242649337f7.jpg",
+                "http://www.marketingtool.online/en/face-generator/img/faces/avatar-1163530ca19b5cebe1b002b8ec67b6fc.jpg",
+                "http://www.marketingtool.online/en/face-generator/img/faces/avatar-1116395d6e6a6581eef8b8038f4c8e55.jpg",
+                "http://www.marketingtool.online/en/face-generator/img/faces/avatar-11319be65db395d0e8e6855d18ddcef0.jpg",
+            ]
+        ), f"label {i}")
+        for i in range(3)
+    ]
+    return images, "Done"
+
+with gr.Blocks() as demo:
+    gallery = gr.Gallery(
+        label="Generated images", show_label=False, elem_id="gallery"
+    , columns=1, object_fit="contain", height="auto")
+    t = gr.Textbox(label="Progress", show_label=False)
+    btn = gr.Button("Generate images", scale=0)
+
+    btn.click(fake_gan, None, [gallery, t], show_progress="hidden", show_progress_on=t)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/fake_gan_2/run.py b/demo/fake_gan_2/run.py
new file mode 100644
index 0000000..66ccb38
--- /dev/null
+++ b/demo/fake_gan_2/run.py
@@ -0,0 +1,30 @@
+# This demo needs to be run from the repo folder.
+# python demo/fake_gan/run.py
+import time
+
+import gradio as gr
+# get_image() returns file paths (randomly if None) to sample media included with Gradio
+from gradio.media import get_image
+
+def fake_gan(desc):
+    if desc == "NSFW":
+        raise gr.Error("NSFW - banned content.")
+    if desc == "error":
+        raise ValueError("error")
+    time.sleep(9)
+    image = get_image()
+
+    return image
+
+demo = gr.Interface(
+    fn=fake_gan,
+    inputs=gr.Textbox(),
+    outputs=gr.Image(label="Generated Image"),
+    title="FD-GAN",
+    description="This is a fake demo of a GAN. In reality, the images are randomly chosen from Unsplash.",
+    api_name="predict"
+)
+demo.queue(max_size=3)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/fake_gan_no_input/run.py b/demo/fake_gan_no_input/run.py
new file mode 100644
index 0000000..7937375
--- /dev/null
+++ b/demo/fake_gan_no_input/run.py
@@ -0,0 +1,24 @@
+import time
+
+import gradio as gr
+
+def fake_gan():
+    time.sleep(1)
+    images = [
+            "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80",
+            "https://images.unsplash.com/photo-1554151228-14d9def656e4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=386&q=80",
+            "https://images.unsplash.com/photo-1542909168-82c3e7fdca5c?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aHVtYW4lMjBmYWNlfGVufDB8fDB8fA%3D%3D&w=1000&q=80",
+    ]
+    return images
+
+demo = gr.Interface(
+    fn=fake_gan,
+    inputs=None,
+    outputs=gr.Gallery(label="Generated Images", columns=2),
+    title="FD-GAN",
+    description="This is a fake demo of a GAN. In reality, the images are randomly chosen from Unsplash.",
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/file_component/run.py b/demo/file_component/run.py
new file mode 100644
index 0000000..f0f492b
--- /dev/null
+++ b/demo/file_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.File()
+
+demo.launch()
diff --git a/demo/file_component_events/run.py b/demo/file_component_events/run.py
new file mode 100644
index 0000000..9ee9dd8
--- /dev/null
+++ b/demo/file_component_events/run.py
@@ -0,0 +1,100 @@
+import gradio as gr
+
+
+def delete_file(n: int, file: gr.DeletedFileData):
+    return [file.file.path, n + 1]
+
+
+with gr.Blocks() as demo:
+
+    with gr.Row():
+        with gr.Column():
+            file_component = gr.File(label="Upload Single File", file_count="single")
+        with gr.Column():
+            output_file_1 = gr.File(
+                label="Upload Single File Output", file_count="single"
+            )
+            num_load_btn_1 = gr.Number(label="# Load Upload Single File", value=0)
+            file_component.upload(
+                lambda s, n: (s, n + 1),
+                [file_component, num_load_btn_1],
+                [output_file_1, num_load_btn_1],
+            )
+    with gr.Row():
+        with gr.Column():
+            file_component_multiple = gr.File(
+                label="Upload Multiple Files", file_count="multiple"
+            )
+        with gr.Column():
+            output_file_2 = gr.File(
+                label="Upload Multiple Files Output", file_count="multiple"
+            )
+            num_load_btn_2 = gr.Number(label="# Load Upload Multiple Files", value=0)
+            file_component_multiple.upload(
+                lambda s, n: (s, n + 1),
+                [file_component_multiple, num_load_btn_2],
+                [output_file_2, num_load_btn_2],
+            )
+    with gr.Row():
+        with gr.Column():
+            file_component_specific = gr.File(
+                label="Upload Multiple Files Image/Video",
+                file_count="multiple",
+                file_types=["image", "video"],
+            )
+        with gr.Column():
+            output_file_3 = gr.File(
+                label="Upload Multiple Files Output Image/Video", file_count="multiple"
+            )
+            num_load_btn_3 = gr.Number(
+                label="# Load Upload Multiple Files Image/Video", value=0
+            )
+            file_component_specific.upload(
+                lambda s, n: (s, n + 1),
+                [file_component_specific, num_load_btn_3],
+                [output_file_3, num_load_btn_3],
+            )
+    with gr.Row():
+        with gr.Column():
+            file_component_pdf = gr.File(label="Upload PDF File", file_types=[".pdf"])
+        with gr.Column():
+            output_file_4 = gr.File(label="Upload PDF File Output")
+            num_load_btn_4 = gr.Number(label="# Load Upload PDF File", value=0)
+            file_component_pdf.upload(
+                lambda s, n: (s, n + 1),
+                [file_component_pdf, num_load_btn_4],
+                [output_file_4, num_load_btn_4],
+            )
+    with gr.Row():
+        with gr.Column():
+            file_component_invalid = gr.File(
+                label="Upload File with Invalid file_types",
+                file_types=["invalid file_type"],
+            )
+        with gr.Column():
+            output_file_5 = gr.File(label="Upload File with Invalid file_types Output")
+            num_load_btn_5 = gr.Number(
+                label="# Load Upload File with Invalid file_types", value=0
+            )
+            file_component_invalid.upload(
+                lambda s, n: (s, n + 1),
+                [file_component_invalid, num_load_btn_5],
+                [output_file_5, num_load_btn_5],
+            )
+    with gr.Row():
+        with gr.Column():
+            del_file_input = gr.File(label="Delete File", file_count="multiple")
+        with gr.Column():
+            del_file_data = gr.Textbox(label="Delete file data")
+            num_load_btn_6 = gr.Number(label="# Deleted File", value=0)
+            del_file_input.delete(
+                delete_file,
+                [num_load_btn_6],
+                [del_file_data, num_load_btn_6],
+            )
+    # f = gr.File(label="Upload many File", file_count="multiple")
+    # # f.delete(delete_file)
+    # f.delete(delete_file, inputs=None, outputs=None)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/file_explorer/run.py b/demo/file_explorer/run.py
new file mode 100644
index 0000000..27a5f8a
--- /dev/null
+++ b/demo/file_explorer/run.py
@@ -0,0 +1,46 @@
+import gradio as gr
+from pathlib import Path
+
+current_file_path = Path(__file__).resolve()
+relative_path = "path/to/file"
+absolute_path = (current_file_path.parent / ".." / ".." / "gradio").resolve()
+
+def get_file_content(file):
+    if file is None or Path(file).is_dir():
+        return None
+    return Path(file).read_text()
+
+with gr.Blocks() as demo:
+    gr.Markdown('### `FileExplorer` to `FileExplorer` -- `file_count="multiple"`')
+    submit_btn = gr.Button("Select")
+    with gr.Row():
+        file = gr.FileExplorer(
+            glob="**/components/*.py",
+            root_dir=absolute_path,
+            ignore_glob="**/__init__.py",
+        )
+
+        file2 = gr.FileExplorer(
+            glob="**/components/*.py",
+            root_dir=absolute_path,
+            ignore_glob="**/__init__.py",
+        )
+    submit_btn.click(lambda x: x, file, file2)
+
+    gr.Markdown("---")
+    gr.Markdown('### `FileExplorer` to `Code` -- `file_count="single"`')
+    with gr.Row():
+        file_3 = gr.FileExplorer(
+            scale=1,
+            glob="**/components/*.py",
+            value=["components/file_explorer.py"],
+            file_count="single",
+            root_dir=absolute_path,
+        )
+
+        code = gr.Code(lines=30, scale=2, language="python")
+
+    file_3.change(get_file_content, file_3, code)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/file_explorer_component/run.py b/demo/file_explorer_component/run.py
new file mode 100644
index 0000000..a9e6806
--- /dev/null
+++ b/demo/file_explorer_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.FileExplorer()
+
+demo.launch()
diff --git a/demo/file_explorer_component_events/dir1/bar.txt b/demo/file_explorer_component_events/dir1/bar.txt
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir1/foo.txt b/demo/file_explorer_component_events/dir1/foo.txt
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir2/baz.png b/demo/file_explorer_component_events/dir2/baz.png
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir2/foo.png b/demo/file_explorer_component_events/dir2/foo.png
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir3/dir3_bar.log b/demo/file_explorer_component_events/dir3/dir3_bar.log
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir3/dir4/dir5/dir5_foo.txt b/demo/file_explorer_component_events/dir3/dir4/dir5/dir5_foo.txt
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir3/dir4/dir7/dir7_foo.txt b/demo/file_explorer_component_events/dir3/dir4/dir7/dir7_foo.txt
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir3/dir4/dir_4_bar.log b/demo/file_explorer_component_events/dir3/dir4/dir_4_bar.log
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/dir3/dir4/dir_4_foo.txt b/demo/file_explorer_component_events/dir3/dir4/dir_4_foo.txt
new file mode 100644
index 0000000..e69de29
diff --git a/demo/file_explorer_component_events/run.py b/demo/file_explorer_component_events/run.py
new file mode 100644
index 0000000..69d51fd
--- /dev/null
+++ b/demo/file_explorer_component_events/run.py
@@ -0,0 +1,37 @@
+import gradio as gr
+from pathlib import Path
+
+base_root = Path(__file__).parent.resolve()
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        dd = gr.Dropdown(label="Select File Explorer Root",
+                        value=str(base_root / "dir1"),
+                        choices=[str(base_root / "dir1"),
+                                 str(base_root / "dir2"),
+                                 str(base_root / "dir3")])
+        with gr.Group():
+            txt_only_glob = gr.Checkbox(label="Show only text files", value=False)
+            ignore_txt_in_glob = gr.Checkbox(label="Ignore text files in glob", value=False)
+
+    fe = gr.FileExplorer(root_dir=str(base_root / "dir1"),
+                         glob="**/*", interactive=True)
+    textbox = gr.Textbox(label="Selected Directory")
+    run = gr.Button("Run")
+    total_changes = gr.Number(0, elem_id="total-changes")
+
+    txt_only_glob.select(lambda s: gr.FileExplorer(glob="*.txt" if s else "*") ,
+                         inputs=[txt_only_glob], outputs=[fe])
+    ignore_txt_in_glob.select(lambda s: gr.FileExplorer(ignore_glob="*.txt" if s else None),
+                            inputs=[ignore_txt_in_glob], outputs=[fe])
+
+    dd.select(lambda s: gr.FileExplorer(root_dir=s), inputs=[dd], outputs=[fe])
+    run.click(lambda s: ",".join(s) if isinstance(s, list) else s, inputs=[fe], outputs=[textbox])
+    fe.change(lambda num: num + 1, inputs=total_changes, outputs=total_changes)
+
+    with gr.Row():
+        a = gr.Textbox(elem_id="input-box")
+        a.change(lambda x: x, inputs=[a])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/filter_records/run.py b/demo/filter_records/run.py
new file mode 100644
index 0000000..2cc5224
--- /dev/null
+++ b/demo/filter_records/run.py
@@ -0,0 +1,24 @@
+import gradio as gr
+
+def filter_records(records, gender):
+    return records[records["gender"] == gender]
+
+demo = gr.Interface(
+    filter_records,
+    [
+        gr.Dataframe(
+            headers=["name", "age", "gender"],
+            datatype=["str", "number", "str"],  # type: ignore
+            row_count=5,
+            column_count=3,
+            column_limits=(3, 3),
+        ),
+        gr.Dropdown(["M", "F", "O"]),
+    ],
+    "dataframe",
+    api_name="predict",
+    description="Enter gender as 'M', 'F', or 'O' for other.",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/filter_records/screenshot.png b/demo/filter_records/screenshot.png
new file mode 100644
index 0000000..a53732b
Binary files /dev/null and b/demo/filter_records/screenshot.png differ
diff --git a/demo/fraud_detector/fraud.csv b/demo/fraud_detector/fraud.csv
new file mode 100644
index 0000000..8fe13de
--- /dev/null
+++ b/demo/fraud_detector/fraud.csv
@@ -0,0 +1,11 @@
+time,retail,food,other
+0,109,145,86
+1,35,87,43
+2,49,117,34
+3,127,66,17
+4,39,82,17
+5,101,56,79
+6,100,129,67
+7,17,88,97
+8,76,85,145
+9,111,106,35
diff --git a/demo/fraud_detector/requirements.txt b/demo/fraud_detector/requirements.txt
new file mode 100644
index 0000000..1411a4a
--- /dev/null
+++ b/demo/fraud_detector/requirements.txt
@@ -0,0 +1 @@
+pandas
\ No newline at end of file
diff --git a/demo/fraud_detector/run.py b/demo/fraud_detector/run.py
new file mode 100644
index 0000000..20cdc53
--- /dev/null
+++ b/demo/fraud_detector/run.py
@@ -0,0 +1,36 @@
+import random
+import os
+import gradio as gr
+
+def fraud_detector(card_activity, categories, sensitivity):
+    activity_range = random.randint(0, 100)
+    drop_columns = [
+        column for column in ["retail", "food", "other"] if column not in categories
+    ]
+    if len(drop_columns):
+        card_activity.drop(columns=drop_columns, inplace=True)
+    return (
+        card_activity,
+        card_activity,
+        {"fraud": activity_range / 100.0, "not fraud": 1 - activity_range / 100.0},
+    )
+
+demo = gr.Interface(
+    fraud_detector,
+    [
+        gr.CheckboxGroup(
+            ["retail", "food", "other"], value=["retail", "food", "other"]
+        ),
+        gr.Slider(1, 3),
+    ],
+    [
+        "dataframe",
+        gr.Label(label="Fraud Level"),
+    ],
+    examples=[
+        [os.path.join(os.path.dirname(__file__), "fraud.csv"), ["retail", "food", "other"], 1.0],
+    ],
+    api_name="predict"
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/fraud_detector/screenshot.png b/demo/fraud_detector/screenshot.png
new file mode 100644
index 0000000..2a03d3b
Binary files /dev/null and b/demo/fraud_detector/screenshot.png differ
diff --git a/demo/function_values/run.py b/demo/function_values/run.py
new file mode 100644
index 0000000..8092999
--- /dev/null
+++ b/demo/function_values/run.py
@@ -0,0 +1,51 @@
+import gradio as gr
+import random
+
+countries = [
+    "Algeria",
+    "Argentina",
+    "Australia",
+    "Brazil",
+    "Canada",
+    "China",
+    "Democratic Republic of the Congo",
+    "Greenland (Denmark)",
+    "India",
+    "Kazakhstan",
+    "Mexico",
+    "Mongolia",
+    "Peru",
+    "Russia",
+    "Saudi Arabia",
+    "Sudan",
+    "United States",
+]
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        count = gr.Slider(1, 10, step=1, label="Country Count")
+        alpha_order = gr.Checkbox(True, label="Alphabetical Order")
+
+    gr.JSON(
+        lambda count, alpha_order: countries[:count]
+        if alpha_order
+        else countries[-count:],
+        inputs=[count, alpha_order],
+    )
+    timer = gr.Timer(1)
+    with gr.Row():
+        gr.Textbox(
+            lambda: random.choice(countries), label="Random Country", every=timer
+        )
+        gr.Textbox(
+            lambda count: ", ".join(random.sample(countries, count)),
+            inputs=count,
+            label="Random Countries",
+            every=timer,
+        )
+    with gr.Row():
+        gr.Button("Start").click(lambda: gr.Timer(active=True), None, timer)
+        gr.Button("Stop").click(lambda: gr.Timer(active=False), None, timer)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/gallery_component/run.py b/demo/gallery_component/run.py
new file mode 100644
index 0000000..312065b
--- /dev/null
+++ b/demo/gallery_component/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+from gradio.media import get_image, get_video
+
+with gr.Blocks() as demo:
+    gallery_items = [
+        ("https://upload.wikimedia.org/wikipedia/commons/0/09/TheCheethcat.jpg", "cheetah1"),
+        ("https://nationalzoo.si.edu/sites/default/files/animals/cheetah-003.jpg", "cheetah2"),
+        ("https://videos.pexels.com/video-files/3209828/3209828-uhd_2560_1440_25fps.mp4", "world"),
+        (get_image("cheetah.jpg"), "cheetah3"),
+        (get_video("world.mp4"), "world2")
+    ]
+    gr.Gallery(value=gallery_items, columns=4)
+
+demo.launch()
diff --git a/demo/gallery_component_events/run.py b/demo/gallery_component_events/run.py
new file mode 100644
index 0000000..ec53a25
--- /dev/null
+++ b/demo/gallery_component_events/run.py
@@ -0,0 +1,35 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    files = [
+        "https://gradio-builds.s3.amazonaws.com/assets/cheetah-003.jpg",
+        "https://gradio-static-files.s3.amazonaws.com/world.mp4",
+        "https://gradio-builds.s3.amazonaws.com/assets/TheCheethcat.jpg",
+    ]
+    with gr.Row():
+        with gr.Column():
+            gal = gr.Gallery(columns=4, interactive=True, label="Input Gallery",
+                             sources=["upload", "webcam", "clipboard"])
+            btn = gr.Button()
+        with gr.Column():
+            output_gal = gr.Gallery(columns=4, interactive=True, label="Output Gallery")
+    with gr.Row():
+        textbox = gr.Json(label="uploaded files")
+        num_upload = gr.Number(value=0, label="Num Upload")
+        num_change = gr.Number(value=0, label="Num Change")
+        preview_open = gr.Number(value=0, label="Preview Open?")
+        select_output = gr.Textbox(label="Select Data")
+        gal.upload(lambda v,n: (v, v, n+1), [gal, num_upload], [textbox, output_gal, num_upload])
+        gal.change(lambda v,n: (v, v, n+1), [gal, num_change], [textbox, output_gal, num_change])
+        output_gal.preview_open(lambda: 1, inputs=None, outputs=preview_open)
+        output_gal.preview_close(lambda: 0, inputs=None, outputs=preview_open)
+
+    btn.click(lambda: files, None, [output_gal])
+
+    def select(select_data: gr.SelectData):
+        return select_data.value['image']['url'] if 'image' in select_data.value else select_data.value['video']['url']
+
+    output_gal.select(select, None, select_output)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/gallery_selections/requirements.txt b/demo/gallery_selections/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/gallery_selections/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/gallery_selections/run.py b/demo/gallery_selections/run.py
new file mode 100644
index 0000000..0518de0
--- /dev/null
+++ b/demo/gallery_selections/run.py
@@ -0,0 +1,42 @@
+import gradio as gr
+import numpy as np
+
+with gr.Blocks() as demo:
+    imgs = gr.State()
+    gallery = gr.Gallery(allow_preview=False)
+
+    def deselect_images():
+        return gr.Gallery(selected_index=None)
+
+    def generate_images():
+        images = []
+        for _ in range(9):
+            image = np.ones((100, 100, 3), dtype=np.uint8) * np.random.randint(
+                0, 255, 3
+            )  # image is a solid single color
+            images.append(image)
+        return images, images
+
+    demo.load(generate_images, None, [gallery, imgs])
+
+    with gr.Row():
+        selected = gr.Number(show_label=False)
+        darken_btn = gr.Button("Darken selected")
+    deselect_button = gr.Button("Deselect")
+
+    deselect_button.click(deselect_images, None, gallery)
+
+    def get_select_index(evt: gr.SelectData):
+        return evt.index
+
+    gallery.select(get_select_index, None, selected)
+
+    def darken_img(imgs, index):
+        index = int(index)
+        imgs[index] = np.round(imgs[index] * 0.8).astype(np.uint8)
+        return imgs, imgs
+
+    darken_btn.click(darken_img, [imgs, selected], [imgs, gallery])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/generate_english_german/requirements.txt b/demo/generate_english_german/requirements.txt
new file mode 100644
index 0000000..4803a9a
--- /dev/null
+++ b/demo/generate_english_german/requirements.txt
@@ -0,0 +1,2 @@
+transformers
+torch
\ No newline at end of file
diff --git a/demo/generate_english_german/run.py b/demo/generate_english_german/run.py
new file mode 100644
index 0000000..7d70d6b
--- /dev/null
+++ b/demo/generate_english_german/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+
+from transformers import pipeline
+
+english_translator = gr.load(name="spaces/gradio/english_translator")
+english_generator = pipeline("text-generation", model="distilgpt2")
+
+def generate_text(text):
+    english_text = english_generator(text)[0]["generated_text"]  # type: ignore
+    german_text = english_translator(english_text)
+    return english_text, german_text
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            seed = gr.Text(label="Input Phrase")
+        with gr.Column():
+            english = gr.Text(label="Generated English Text")
+            german = gr.Text(label="Generated German Text")
+    btn = gr.Button("Generate")
+    btn.click(generate_text, inputs=[seed], outputs=[english, german])
+    gr.Examples(["My name is Clara and I am"], inputs=[seed])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/generate_tone/requirements.txt b/demo/generate_tone/requirements.txt
new file mode 100644
index 0000000..296d654
--- /dev/null
+++ b/demo/generate_tone/requirements.txt
@@ -0,0 +1 @@
+numpy
\ No newline at end of file
diff --git a/demo/generate_tone/run.py b/demo/generate_tone/run.py
new file mode 100644
index 0000000..5861363
--- /dev/null
+++ b/demo/generate_tone/run.py
@@ -0,0 +1,26 @@
+import numpy as np
+import gradio as gr
+
+notes = ["C", "C#", "D", "D#", "E", "F", "F#", "G", "G#", "A", "A#", "B"]
+
+def generate_tone(note, octave, duration):
+    sr = 48000
+    a4_freq, tones_from_a4 = 440, 12 * (octave - 4) + (note - 9)
+    frequency = a4_freq * 2 ** (tones_from_a4 / 12)
+    duration = int(duration)
+    audio = np.linspace(0, duration, duration * sr)
+    audio = (20000 * np.sin(audio * (2 * np.pi * frequency))).astype(np.int16)
+    return sr, audio
+
+demo = gr.Interface(
+    generate_tone,
+    [
+        gr.Dropdown(notes, type="index"),
+        gr.Slider(4, 6, step=1),
+        gr.Textbox(value="1", label="Duration in seconds"),
+    ],
+    "audio",
+    api_name="predict"
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/generate_tone/screenshot.png b/demo/generate_tone/screenshot.png
new file mode 100644
index 0000000..b89ce99
Binary files /dev/null and b/demo/generate_tone/screenshot.png differ
diff --git a/demo/gif_maker/images/1.png b/demo/gif_maker/images/1.png
new file mode 100644
index 0000000..5574550
Binary files /dev/null and b/demo/gif_maker/images/1.png differ
diff --git a/demo/gif_maker/images/2.png b/demo/gif_maker/images/2.png
new file mode 100644
index 0000000..031962c
Binary files /dev/null and b/demo/gif_maker/images/2.png differ
diff --git a/demo/gif_maker/images/3.png b/demo/gif_maker/images/3.png
new file mode 100644
index 0000000..601656b
Binary files /dev/null and b/demo/gif_maker/images/3.png differ
diff --git a/demo/gif_maker/run.py b/demo/gif_maker/run.py
new file mode 100644
index 0000000..36e523d
--- /dev/null
+++ b/demo/gif_maker/run.py
@@ -0,0 +1,42 @@
+import gradio as gr
+import os
+import tempfile
+from PIL import Image
+
+def gif_maker(img_files):
+    img_array = []
+    for filename, _ in img_files:
+        pil_img = Image.open(filename)
+        if pil_img.mode in ('RGBA', 'LA', 'P'):
+            pil_img = pil_img.convert('RGB')
+        img_array.append(pil_img)
+    
+    with tempfile.NamedTemporaryFile(suffix='.gif', delete=False) as tmp_file:
+        output_file = tmp_file.name
+    
+    if img_array:
+        img_array[0].save(
+            output_file,
+            save_all=True,
+            append_images=img_array[1:],
+            duration=200,
+            loop=0
+        )
+    return output_file
+
+demo = gr.Interface(
+    gif_maker,
+    inputs=gr.Gallery(),
+    outputs=gr.Image(),
+    examples=[
+        [[
+            os.path.join(os.path.dirname(__file__), "images/1.png"),
+            os.path.join(os.path.dirname(__file__), "images/2.png"),
+            os.path.join(os.path.dirname(__file__), "images/3.png"),
+        ]],
+    ],
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/gpt2_xl/run.py b/demo/gpt2_xl/run.py
new file mode 100644
index 0000000..330c192
--- /dev/null
+++ b/demo/gpt2_xl/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+title = "gpt2-xl"
+
+examples = [
+    ["The tower is 324 metres (1,063 ft) tall,"],
+    ["The Moon's orbit around Earth has"],
+    ["The smooth Borealis basin in the Northern Hemisphere covers 40%"],
+]
+
+demo = gr.load(
+    "huggingface/gpt2-xl",
+    inputs=gr.Textbox(lines=5, max_lines=6, label="Input Text"),
+    title=title,
+    examples=examples,
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/gpt2_xl_unified/run.py b/demo/gpt2_xl_unified/run.py
new file mode 100644
index 0000000..eb92d80
--- /dev/null
+++ b/demo/gpt2_xl_unified/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+
+component = gr.Textbox(lines=5, label="Text")
+api = gr.load("huggingface/gpt2-xl")
+
+demo = gr.Interface(
+    fn=lambda x: x[:-50] + api(x[-50:]),
+    inputs=component,
+    outputs=component,
+    title="gpt2-xl",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/gradio_pdf_demo/contract.pdf b/demo/gradio_pdf_demo/contract.pdf
new file mode 100644
index 0000000..4d7abec
Binary files /dev/null and b/demo/gradio_pdf_demo/contract.pdf differ
diff --git a/demo/gradio_pdf_demo/requirements.txt b/demo/gradio_pdf_demo/requirements.txt
new file mode 100644
index 0000000..01b311d
--- /dev/null
+++ b/demo/gradio_pdf_demo/requirements.txt
@@ -0,0 +1 @@
+gradio_pdf==0.0.7
diff --git a/demo/gradio_pdf_demo/run.py b/demo/gradio_pdf_demo/run.py
new file mode 100644
index 0000000..d366a0a
--- /dev/null
+++ b/demo/gradio_pdf_demo/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+from gradio_pdf import PDF
+from pathlib import Path
+
+current_dir = Path(__file__).parent
+
+demo = gr.Interface(lambda x: x,
+                    PDF(),
+                    gr.File(),
+                    examples=[[str(current_dir / "contract.pdf")]],
+                    api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/hangman/run.py b/demo/hangman/run.py
new file mode 100644
index 0000000..ba5f1b5
--- /dev/null
+++ b/demo/hangman/run.py
@@ -0,0 +1,35 @@
+import gradio as gr
+
+secret_word = "gradio"
+
+with gr.Blocks() as demo:
+    used_letters_var = gr.State([])
+    with gr.Row() as row:
+        with gr.Column():
+            input_letter = gr.Textbox(label="Enter letter")
+            btn = gr.Button("Guess Letter")
+        with gr.Column():
+            hangman = gr.Textbox(
+                label="Hangman",
+                value="_"*len(secret_word)
+            )
+            used_letters_box = gr.Textbox(label="Used Letters")
+
+    def guess_letter(letter, used_letters):
+        used_letters.append(letter)
+        answer = "".join([
+            (letter if letter in used_letters else "_")
+            for letter in secret_word
+        ])
+        return {
+            used_letters_var: used_letters,
+            used_letters_box: ", ".join(used_letters),
+            hangman: answer
+        }
+    btn.click(
+        guess_letter,
+        [input_letter, used_letters_var],
+        [used_letters_var, used_letters_box, hangman]
+        )
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/hello_blocks/run.py b/demo/hello_blocks/run.py
new file mode 100644
index 0000000..f11bca1
--- /dev/null
+++ b/demo/hello_blocks/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+
+def greet(name):
+    return "Hello " + name + "!"
+
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+    greet_btn.click(fn=greet, inputs=name, outputs=output, api_name="greet")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/hello_blocks_decorator/run.py b/demo/hello_blocks_decorator/run.py
new file mode 100644
index 0000000..c9181e9
--- /dev/null
+++ b/demo/hello_blocks_decorator/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+
+    @greet_btn.click(inputs=name, outputs=output)
+    def greet(name):
+        return "Hello " + name + "!"
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/hello_login/run.py b/demo/hello_login/run.py
new file mode 100644
index 0000000..6005ad7
--- /dev/null
+++ b/demo/hello_login/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+import argparse
+import sys
+
+parser = argparse.ArgumentParser()
+parser.add_argument("--name", type=str, default="User")
+args, unknown = parser.parse_known_args()
+print(sys.argv)
+
+with gr.Blocks() as demo:
+    gr.Markdown(f"# Greetings {args.name}!")
+    inp = gr.Textbox()
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: x, inputs=inp, outputs=out)
+
+if __name__ == "__main__":
+    demo.launch(auth=("admin", "admin"))
diff --git a/demo/hello_login/screenshot.png b/demo/hello_login/screenshot.png
new file mode 100644
index 0000000..a87e6d8
Binary files /dev/null and b/demo/hello_login/screenshot.png differ
diff --git a/demo/hello_world/DESCRIPTION.md b/demo/hello_world/DESCRIPTION.md
new file mode 100644
index 0000000..e4c1c39
--- /dev/null
+++ b/demo/hello_world/DESCRIPTION.md
@@ -0,0 +1 @@
+The simplest possible Gradio demo. It wraps a 'Hello {name}!' function in an Interface that accepts and returns text.
\ No newline at end of file
diff --git a/demo/hello_world/run.py b/demo/hello_world/run.py
new file mode 100644
index 0000000..fc3a842
--- /dev/null
+++ b/demo/hello_world/run.py
@@ -0,0 +1,11 @@
+import gradio as gr
+
+
+def greet(name):
+    return "Hello " + name + "!"
+
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox", api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/hello_world/screenshot.gif b/demo/hello_world/screenshot.gif
new file mode 100644
index 0000000..8b923a0
Binary files /dev/null and b/demo/hello_world/screenshot.gif differ
diff --git a/demo/hello_world/screenshot.png b/demo/hello_world/screenshot.png
new file mode 100644
index 0000000..962ce78
Binary files /dev/null and b/demo/hello_world/screenshot.png differ
diff --git a/demo/hello_world_2/run.py b/demo/hello_world_2/run.py
new file mode 100644
index 0000000..5a0452b
--- /dev/null
+++ b/demo/hello_world_2/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+
+def greet(name, intensity):
+    return "Hello, " + name + "!" * intensity
+
+demo = gr.Interface(
+    fn=greet,
+    inputs=["text", gr.Slider(value=2, minimum=1, maximum=10, step=1)],
+    outputs=[gr.Textbox(label="greeting", lines=3)],
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/hello_world_2/screenshot.gif b/demo/hello_world_2/screenshot.gif
new file mode 100644
index 0000000..1e6ea1d
Binary files /dev/null and b/demo/hello_world_2/screenshot.gif differ
diff --git a/demo/hello_world_3/run.py b/demo/hello_world_3/run.py
new file mode 100644
index 0000000..b5158ef
--- /dev/null
+++ b/demo/hello_world_3/run.py
@@ -0,0 +1,16 @@
+import gradio as gr
+
+def greet(name, is_morning, temperature):
+    salutation = "Good morning" if is_morning else "Good evening"
+    greeting = f"{salutation} {name}. It is {temperature} degrees today"
+    celsius = (temperature - 32) * 5 / 9
+    return greeting, round(celsius, 2)
+
+demo = gr.Interface(
+    fn=greet,
+    inputs=["text", "checkbox", gr.Slider(0, 100)],
+    outputs=["text", "number"],
+    api_name="predict"
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/hello_world_3/screenshot.gif b/demo/hello_world_3/screenshot.gif
new file mode 100644
index 0000000..44d8ed0
Binary files /dev/null and b/demo/hello_world_3/screenshot.gif differ
diff --git a/demo/hello_world_4/run.py b/demo/hello_world_4/run.py
new file mode 100644
index 0000000..4347171
--- /dev/null
+++ b/demo/hello_world_4/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+
+def greet(name, intensity):
+    return "Hello, " + name + "!" * int(intensity)
+
+demo = gr.Interface(
+    fn=greet,
+    inputs=["text", "slider"],
+    outputs=["text"],
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/hello_world_4/screenshot.gif b/demo/hello_world_4/screenshot.gif
new file mode 100644
index 0000000..eb7e335
Binary files /dev/null and b/demo/hello_world_4/screenshot.gif differ
diff --git a/demo/hidden_change/run.py b/demo/hidden_change/run.py
new file mode 100644
index 0000000..f8c1893
--- /dev/null
+++ b/demo/hidden_change/run.py
@@ -0,0 +1,91 @@
+import gradio as gr
+import time
+import random
+
+
+def screen_data(data, n):
+    entry = data.get(f"{n}", {})
+    ts = entry.get("timestamp", "unknown time")
+    msg = entry.get("message", "unknown message")
+    return f"At {ts}, JS says: “{msg}”"
+
+
+def increment_counter(counter):
+    return counter + 1
+
+
+def update_hidden_json(hidden_json, n):
+    new_n = n + 1
+    return {
+        **hidden_json,
+        f"{new_n}": {"timestamp": time.time(), "message": f"number {new_n + 1}"},
+    }, new_n
+
+
+with gr.Blocks() as demo:
+    with gr.Tab(label="hidden component"):
+        n = gr.State(0)
+
+        hidden_json = gr.JSON(visible=False)
+
+        display = gr.Textbox(label="Screened Output")
+
+        demo.load(
+            fn=None,
+            js="""
+            () => {
+                const data = {
+                    "0": {
+                    message: "Hello from client JS! Number 1",
+                    timestamp: new Date().toLocaleTimeString()
+                    },
+                    
+                };
+                return data;  // this goes into hidden_json
+            }
+            """,
+            outputs=[hidden_json],
+        )
+
+        counter = gr.Number(label="Counter", value=0)
+        hidden_json.change(fn=increment_counter, inputs=[counter], outputs=[counter])
+        hidden_json.change(fn=screen_data, inputs=[hidden_json, n], outputs=[display])
+        button = gr.Button("Update hidden_json")
+        button.click(
+            fn=update_hidden_json, inputs=[hidden_json, n], outputs=[hidden_json, n]
+        )
+
+    with gr.Tab(label="same data"):
+        btnA = gr.Button("A")
+        boxA = gr.Textbox()
+        btnA.click(lambda: "A", outputs=boxA)
+
+        btnB = gr.Button("B")
+        boxB = gr.Textbox(visible=False)
+        btnB.click(lambda x: x, boxA, boxB)
+
+        with gr.Row():
+            num1 = gr.Textbox(label="Text A")
+            num2 = gr.Textbox(label="Text B")
+
+        boxA.change(random.random, outputs=num1)
+        boxB.change(random.random, outputs=num2)
+
+    with gr.Tab(label="hidden parent"):
+        btnA = gr.Button("A")
+        boxA = gr.Textbox()
+        btnA.click(lambda: "A", outputs=boxA)
+        btnB = gr.Button("B")
+        with gr.Row(visible=False):
+            boxB = gr.Textbox()
+        btnB.click(lambda x: x, boxA, boxB)
+
+        with gr.Row():
+            num1 = gr.Textbox(label="Text A")
+            num2 = gr.Textbox(label="Text B")
+
+        boxA.change(random.random, outputs=num1)
+        boxB.change(random.random, outputs=num2)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/highlight_pdf/Lorem_ipsum.pdf b/demo/highlight_pdf/Lorem_ipsum.pdf
new file mode 100644
index 0000000..186e901
Binary files /dev/null and b/demo/highlight_pdf/Lorem_ipsum.pdf differ
diff --git a/demo/highlight_pdf/requirements.txt b/demo/highlight_pdf/requirements.txt
new file mode 100644
index 0000000..7683106
--- /dev/null
+++ b/demo/highlight_pdf/requirements.txt
@@ -0,0 +1,2 @@
+gradio_pdf>=0.0.22
+pymupdf>=1.25.3
\ No newline at end of file
diff --git a/demo/highlight_pdf/run.py b/demo/highlight_pdf/run.py
new file mode 100644
index 0000000..2628feb
--- /dev/null
+++ b/demo/highlight_pdf/run.py
@@ -0,0 +1,52 @@
+import gradio as gr
+from gradio_pdf import PDF
+import pymupdf  # type: ignore
+import os
+from pathlib import Path
+
+current_dir = Path(os.path.abspath(''))
+
+def highlight_text_in_pdf(pdf_file: Path, highlight_text: str):
+    page_number = 0
+    doc = pymupdf.open(pdf_file)
+    for page in doc:
+        text_instances = page.search_for(highlight_text)
+        if len(text_instances) > 0:
+            page_number = page.number
+        for inst in text_instances:
+            page.add_highlight_annot(inst)
+
+    new_pdf_file = str(pdf_file.parents[0]) + "/new_" + pdf_file.name
+    doc.save(new_pdf_file)
+
+    if page_number is None:
+        page_number = 0
+    
+    return new_pdf_file, page_number + 1
+
+def ask(query): 
+    result = f"Something about : {query}"
+    sources = "Document 1"
+    pdf_path = current_dir / "Lorem_ipsum.pdf"
+    pdf_name = "Document 1"
+    context_to_highlight = "Ut velit mauris"
+
+    pdf, page_number = highlight_text_in_pdf(pdf_path, context_to_highlight)
+    return result, sources + f" - Page {page_number}", PDF(pdf, label=pdf_name, starting_page=page_number, interactive=True)  # type: ignore
+
+
+if __name__ == "__main__":
+    with gr.Blocks() as demo:
+        title = gr.HTML(f"<center><h1>Bot</h1></center>")
+        with gr.Row():
+            with gr.Column(scale=2):
+                input = gr.Textbox(label="Question", autofocus=True, interactive=True)
+                btn = gr.Button("Ask", variant="primary")
+                output = gr.Markdown(label="Anwser")
+            with gr.Column(scale=2):
+                srcs = gr.Textbox(label="Sources", interactive=False)
+                pdf = PDF(label="Document")
+            
+        btn.click(fn=ask, inputs=input, outputs=[output, srcs, pdf])
+
+    demo.launch()
diff --git a/demo/highlightedtext_component/run.py b/demo/highlightedtext_component/run.py
new file mode 100644
index 0000000..6a0dddd
--- /dev/null
+++ b/demo/highlightedtext_component/run.py
@@ -0,0 +1,10 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HighlightedText(
+        value=[("This is highlighted", "highlight"), ("This is not", None), ("This is also highlighted", "highlight")],
+        color_map={"highlight": "yellow"},
+        combine_adjacent=True,
+    )
+
+demo.launch()
diff --git a/demo/html_autoscroll/run.py b/demo/html_autoscroll/run.py
new file mode 100644
index 0000000..43f1220
--- /dev/null
+++ b/demo/html_autoscroll/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+import time
+
+def longer(val):
+    for i in range(10):
+        val = val + f"<p>This is paragraph {i+1}.</p>"
+        time.sleep(0.2)
+        yield val
+
+with gr.Blocks() as demo:
+    h = gr.HTML(value="<p>This is a paragraph 0.</p>", max_height=200, autoscroll=True)
+    demo.load(longer, h, h)
+
+demo.launch()
diff --git a/demo/html_children/run.py b/demo/html_children/run.py
new file mode 100644
index 0000000..fe3ac0d
--- /dev/null
+++ b/demo/html_children/run.py
@@ -0,0 +1,37 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.HTML(html_template='''
+        <button class="maximize">&#x26F6;</button>
+        <h2>${form_name}</h2>
+        @children
+        <button class="submit">Submit</button>
+    ''', css_template='''
+        border: 2px solid gray;
+        border-radius: 12px;
+        padding: 20px;
+
+        .maximize {
+            position: absolute;
+            top: 10px;
+            right: 10px;
+            background: none;
+            border: none;
+            z-index: 1000;
+        }
+    ''', js_on_load='''
+        element.querySelector('.submit').addEventListener('click', () => {
+            trigger('submit');
+        });
+        element.querySelector('.maximize').addEventListener('click', () => {
+            element.requestFullscreen();
+        });
+    ''', form_name="Custom Form") as form:
+        name = gr.Textbox(label="Name")
+        email = gr.Textbox(label="Email")
+
+    output = gr.Textbox(label="Output")
+    
+    form.submit(lambda name, email: f"Name: {name}, Email: {email}", inputs=[name, email], outputs=output)
+
+demo.launch()
\ No newline at end of file
diff --git a/demo/html_component/run.py b/demo/html_component/run.py
new file mode 100644
index 0000000..7d30d0f
--- /dev/null
+++ b/demo/html_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HTML(value="<p style='margin-top: 1rem, margin-bottom: 1rem'>This <em>example</em> was <strong>written</strong> in <a href='https://en.wikipedia.org/wiki/HTML' _target='blank'>HTML</a> </p>")
+
+demo.launch()
diff --git a/demo/html_custom_event/run.py b/demo/html_custom_event/run.py
new file mode 100644
index 0000000..68d9e7c
--- /dev/null
+++ b/demo/html_custom_event/run.py
@@ -0,0 +1,22 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Custom Event Demo\nPress any key to see it displayed below.")
+
+    keyboard = gr.HTML(
+        js_on_load="""
+        document.addEventListener('keydown', (e) => {
+            trigger('keypress', {key: e.key});
+        });
+        """,
+    )
+
+    textbox = gr.Textbox(label="Key pressed")
+
+    def get_key(evt_data: gr.EventData):
+        return evt_data.key
+
+    keyboard.keypress(get_key, None, textbox)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/html_head_script_async/run.py b/demo/html_head_script_async/run.py
new file mode 100644
index 0000000..72267bb
--- /dev/null
+++ b/demo/html_head_script_async/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+# Fixture for the "explicit async is honored" test: both scripts are `async`,
+# so download-completion order applies (delayed first runs after fast second).
+
+with gr.Blocks() as demo:
+    gr.HTML(
+        html_template="<div id='async-result'>pending</div>",
+        head=(
+            '<script async src="/__head_async__/first.js"></script>'
+            '<script async src="/__head_async__/second.js"></script>'
+        ),
+        elem_id="async_demo",
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/html_head_script_order/run.py b/demo/html_head_script_order/run.py
new file mode 100644
index 0000000..3132f1f
--- /dev/null
+++ b/demo/html_head_script_order/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+# Fixture for the head-script order test: "plugin" depends on a global set by
+# "core", so it must run after core (document order).
+
+with gr.Blocks() as demo:
+    gr.HTML(
+        html_template="<div id='order-result'>pending</div>",
+        head=(
+            '<script src="/__head_order__/core.js"></script>'
+            '<script src="/__head_order__/plugin.js"></script>'
+        ),
+        elem_id="order_demo",
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/html_server_functions/run.py b/demo/html_server_functions/run.py
new file mode 100644
index 0000000..be9e49c
--- /dev/null
+++ b/demo/html_server_functions/run.py
@@ -0,0 +1,44 @@
+import os
+
+import gradio as gr
+
+
+def list_files(path):
+    try:
+        return os.listdir(path)
+    except (FileNotFoundError, PermissionError) as e:
+        return [f"Error: {e}"]
+
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        "# Server Functions Demo\nClick 'Load Files' to list files in the directory."
+    )
+    filetree = gr.HTML(
+        value=os.path.dirname(__file__),
+        html_template="""
+            <div>
+                <p>Directory: <strong>${value}</strong></p>
+                <div class='tree'></div>
+                <button class='load-btn'>Load Files</button>
+            </div>
+        """,
+        js_on_load="""
+            const loadBtn = element.querySelector('.load-btn');
+            const tree = element.querySelector('.tree');
+            loadBtn.addEventListener('click', async () => {
+                const files = await server.list_files(props.value);
+                tree.innerHTML = '';
+                files.forEach(file => {
+                    const fileEl = document.createElement('div');
+                    fileEl.textContent = file;
+                    tree.appendChild(fileEl);
+                });
+            });
+        """,
+        server_functions=[list_files],
+    )
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/html_upload/run.py b/demo/html_upload/run.py
new file mode 100644
index 0000000..30b1094
--- /dev/null
+++ b/demo/html_upload/run.py
@@ -0,0 +1,32 @@
+import gradio as gr
+from pathlib import Path
+
+with gr.Blocks() as demo:
+
+    file_uploader = gr.HTML(
+        html_template="""
+        <div>
+            <input type="file" id="file-input" accept=".txt,text/plain" />
+            <button id="upload-btn" style="margin-left: 8px;">Upload</button>
+        </div>
+        """,
+        js_on_load="""
+        const input = element.querySelector('#file-input');
+        const btn = element.querySelector('#upload-btn');
+
+        btn.addEventListener('click', async () => {
+            const file = input.files[0];
+            const { path } = await upload(file);
+            props.value = path;
+        });
+        """,
+        elem_id="file_uploader"
+    )
+
+    view_content_btn = gr.Button("View Uploaded File Content")
+    upload_content = gr.Textbox(label="Uploaded File Content")
+
+    view_content_btn.click(lambda path: Path(path).read_text(), file_uploader, upload_content)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/i18n/run.py b/demo/i18n/run.py
new file mode 100644
index 0000000..62610fa
--- /dev/null
+++ b/demo/i18n/run.py
@@ -0,0 +1,51 @@
+import gradio as gr
+
+# create an i18n instance with translations for different languages
+i18n = gr.I18n(
+    en={"greeting": "Hello, welcome to my app!", "name_label": "Your Name", "submit_button": "Greet", "john_doe": "John English", "result_label": "Result", "format_label": "Format", "choice_bold": "Bold", "choice_italic": "Italic"},
+    es={"greeting": "¡Hola, bienvenido a mi aplicación!", "name_label": "Tu Nombre", "submit_button": "Saludar", "john_doe": "John Spanish", "result_label": "Resultado", "format_label": "Formato", "choice_bold": "Negrita", "choice_italic": "Cursiva"},
+    fr={"greeting": "Bonjour, bienvenue dans mon application!", "name_label": "Votre Nom", "submit_button": "Saluer", "john_doe": "John French", "result_label": "Résultat", "format_label": "Format", "choice_bold": "Gras", "choice_italic": "Italique"},
+    de={"greeting": "Hallo, willkommen in meiner App!", "name_label": "Dein Name", "submit_button": "Grüßen", "john_doe": "John German", "result_label": "Ergebnis", "format_label": "Format", "choice_bold": "Fett", "choice_italic": "Kursiv"},
+)
+
+def add_hello_world(name):
+    return "hello " + name
+
+with gr.Blocks() as demo:
+    gr.Markdown(value=i18n("greeting"))
+
+    with gr.Row():
+        # use i18n() for any string that should be translated
+        name_input = gr.Textbox(label=i18n("name_label"), value=i18n("john_doe"))
+
+    with gr.Row():
+        output_text = gr.Textbox(label=i18n("result_label"))
+
+    with gr.Row():
+        greet_btn = gr.Button(value=i18n("submit_button"))
+
+    with gr.Row():
+        reset_btn = gr.Button("Reset Name")
+
+    with gr.Row():
+        # choices use (display, value) tuples: only the display side is translated
+        format_radio = gr.Radio(
+            choices=[(i18n("choice_bold"), "bold"), (i18n("choice_italic"), "italic")],
+            value="bold",
+            label=i18n("format_label"),
+        )
+        selected_format = gr.Textbox(label="Selected Format")
+
+    greet_btn.click(fn=add_hello_world, inputs=name_input, outputs=output_text)
+    format_radio.change(fn=lambda f: f, inputs=format_radio, outputs=selected_format)
+    reset_btn.click(fn=lambda: i18n("john_doe"), inputs=None, outputs=name_input)
+
+    gr.Markdown("""
+    This demo shows Gradio's internationalization (i18n) functionality. 
+    The interface automatically displays text in the user's browser language 
+    (if available in our translations), or falls back to English.
+    """)
+
+if __name__ == "__main__":
+    # pass i18n to the launch function
+    demo.launch(i18n=i18n)
diff --git a/demo/iframe_resizer/run.py b/demo/iframe_resizer/run.py
new file mode 100644
index 0000000..42bf150
--- /dev/null
+++ b/demo/iframe_resizer/run.py
@@ -0,0 +1,49 @@
+import gradio as gr
+import time
+import os
+from gradio import get_image
+
+
+def greet():
+    gr.Info("Warning in 1 second")
+    time.sleep(1)
+    gr.Warning("Error in 1 second")
+    time.sleep(1)
+    raise Exception("test")
+
+
+im = get_image("cheetah.jpg")
+
+with gr.Blocks() as demo:
+    with gr.Tab("Accordions"):
+        with gr.Row(height=1500):
+            gr.Markdown("Scroll down to see UI.")
+        greet_btn = gr.Button("Trigger toast")
+        greet_btn.click(fn=greet)
+
+        with gr.Accordion("Accordion"):
+            gr.Markdown(
+                """
+    ## Accordion content
+    ### Accordion content
+    #### Accordion content
+    ##### Accordion content
+    ###### Accordion content
+    """
+            )
+    with gr.Tab("Images"):
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+        gr.Image(value=im)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image-simple/run.py b/demo/image-simple/run.py
new file mode 100644
index 0000000..e89d1a7
--- /dev/null
+++ b/demo/image-simple/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+def image(im):
+    return im
+
+with gr.Blocks() as demo:
+    im = gr.Image()
+    im2 = gr.Image()
+    btn = gr.Button()
+    btn.click(lambda x: x, outputs=im2, inputs=im)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_classification/DESCRIPTION.md b/demo/image_classification/DESCRIPTION.md
new file mode 100644
index 0000000..7b0ce50
--- /dev/null
+++ b/demo/image_classification/DESCRIPTION.md
@@ -0,0 +1 @@
+Simple image classification in Pytorch with Gradio's Image input and Label output.
\ No newline at end of file
diff --git a/demo/image_classification/requirements.txt b/demo/image_classification/requirements.txt
new file mode 100644
index 0000000..5ec2045
--- /dev/null
+++ b/demo/image_classification/requirements.txt
@@ -0,0 +1,3 @@
+torch
+torchvision
+requests
diff --git a/demo/image_classification/run.py b/demo/image_classification/run.py
new file mode 100644
index 0000000..9da25d3
--- /dev/null
+++ b/demo/image_classification/run.py
@@ -0,0 +1,24 @@
+import gradio as gr
+import torch
+import requests
+from torchvision import transforms  # type: ignore
+
+model = torch.hub.load('pytorch/vision:v0.6.0', 'resnet18', pretrained=True).eval()
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+def predict(inp):
+  inp = transforms.ToTensor()(inp).unsqueeze(0)
+  with torch.no_grad():
+    prediction = torch.nn.functional.softmax(model(inp)[0], dim=0)
+    confidences = {labels[i]: float(prediction[i]) for i in range(1000)}
+  return confidences
+
+demo = gr.Interface(fn=predict,
+             inputs=gr.Image(type="pil"),
+             outputs=gr.Label(num_top_classes=3),
+             examples=[["cheetah.jpg"]],
+             api_name="predict"
+             )
+
+demo.launch()
diff --git a/demo/image_classifier/files/imagenet_labels.json b/demo/image_classifier/files/imagenet_labels.json
new file mode 100644
index 0000000..fa059ce
--- /dev/null
+++ b/demo/image_classifier/files/imagenet_labels.json
@@ -0,0 +1,1000 @@
+["tench",
+    "goldfish",
+    "great white shark",
+    "tiger shark",
+    "hammerhead shark",
+    "electric ray",
+    "stingray",
+    "cock",
+    "hen",
+    "ostrich",
+    "brambling",
+    "goldfinch",
+    "house finch",
+    "junco",
+    "indigo bunting",
+    "American robin",
+    "bulbul",
+    "jay",
+    "magpie",
+    "chickadee",
+    "American dipper",
+    "kite",
+    "bald eagle",
+    "vulture",
+    "great grey owl",
+    "fire salamander",
+    "smooth newt",
+    "newt",
+    "spotted salamander",
+    "axolotl",
+    "American bullfrog",
+    "tree frog",
+    "tailed frog",
+    "loggerhead sea turtle",
+    "leatherback sea turtle",
+    "mud turtle",
+    "terrapin",
+    "box turtle",
+    "banded gecko",
+    "green iguana",
+    "Carolina anole",
+    "desert grassland whiptail lizard",
+    "agama",
+    "frilled-necked lizard",
+    "alligator lizard",
+    "Gila monster",
+    "European green lizard",
+    "chameleon",
+    "Komodo dragon",
+    "Nile crocodile",
+    "American alligator",
+    "triceratops",
+    "worm snake",
+    "ring-necked snake",
+    "eastern hog-nosed snake",
+    "smooth green snake",
+    "kingsnake",
+    "garter snake",
+    "water snake",
+    "vine snake",
+    "night snake",
+    "boa constrictor",
+    "African rock python",
+    "Indian cobra",
+    "green mamba",
+    "sea snake",
+    "Saharan horned viper",
+    "eastern diamondback rattlesnake",
+    "sidewinder",
+    "trilobite",
+    "harvestman",
+    "scorpion",
+    "yellow garden spider",
+    "barn spider",
+    "European garden spider",
+    "southern black widow",
+    "tarantula",
+    "wolf spider",
+    "tick",
+    "centipede",
+    "black grouse",
+    "ptarmigan",
+    "ruffed grouse",
+    "prairie grouse",
+    "peacock",
+    "quail",
+    "partridge",
+    "grey parrot",
+    "macaw",
+    "sulphur-crested cockatoo",
+    "lorikeet",
+    "coucal",
+    "bee eater",
+    "hornbill",
+    "hummingbird",
+    "jacamar",
+    "toucan",
+    "duck",
+    "red-breasted merganser",
+    "goose",
+    "black swan",
+    "tusker",
+    "echidna",
+    "platypus",
+    "wallaby",
+    "koala",
+    "wombat",
+    "jellyfish",
+    "sea anemone",
+    "brain coral",
+    "flatworm",
+    "nematode",
+    "conch",
+    "snail",
+    "slug",
+    "sea slug",
+    "chiton",
+    "chambered nautilus",
+    "Dungeness crab",
+    "rock crab",
+    "fiddler crab",
+    "red king crab",
+    "American lobster",
+    "spiny lobster",
+    "crayfish",
+    "hermit crab",
+    "isopod",
+    "white stork",
+    "black stork",
+    "spoonbill",
+    "flamingo",
+    "little blue heron",
+    "great egret",
+    "bittern",
+    "crane (bird)",
+    "limpkin",
+    "common gallinule",
+    "American coot",
+    "bustard",
+    "ruddy turnstone",
+    "dunlin",
+    "common redshank",
+    "dowitcher",
+    "oystercatcher",
+    "pelican",
+    "king penguin",
+    "albatross",
+    "grey whale",
+    "killer whale",
+    "dugong",
+    "sea lion",
+    "Chihuahua",
+    "Japanese Chin",
+    "Maltese",
+    "Pekingese",
+    "Shih Tzu",
+    "King Charles Spaniel",
+    "Papillon",
+    "toy terrier",
+    "Rhodesian Ridgeback",
+    "Afghan Hound",
+    "Basset Hound",
+    "Beagle",
+    "Bloodhound",
+    "Bluetick Coonhound",
+    "Black and Tan Coonhound",
+    "Treeing Walker Coonhound",
+    "English foxhound",
+    "Redbone Coonhound",
+    "borzoi",
+    "Irish Wolfhound",
+    "Italian Greyhound",
+    "Whippet",
+    "Ibizan Hound",
+    "Norwegian Elkhound",
+    "Otterhound",
+    "Saluki",
+    "Scottish Deerhound",
+    "Weimaraner",
+    "Staffordshire Bull Terrier",
+    "American Staffordshire Terrier",
+    "Bedlington Terrier",
+    "Border Terrier",
+    "Kerry Blue Terrier",
+    "Irish Terrier",
+    "Norfolk Terrier",
+    "Norwich Terrier",
+    "Yorkshire Terrier",
+    "Wire Fox Terrier",
+    "Lakeland Terrier",
+    "Sealyham Terrier",
+    "Airedale Terrier",
+    "Cairn Terrier",
+    "Australian Terrier",
+    "Dandie Dinmont Terrier",
+    "Boston Terrier",
+    "Miniature Schnauzer",
+    "Giant Schnauzer",
+    "Standard Schnauzer",
+    "Scottish Terrier",
+    "Tibetan Terrier",
+    "Australian Silky Terrier",
+    "Soft-coated Wheaten Terrier",
+    "West Highland White Terrier",
+    "Lhasa Apso",
+    "Flat-Coated Retriever",
+    "Curly-coated Retriever",
+    "Golden Retriever",
+    "Labrador Retriever",
+    "Chesapeake Bay Retriever",
+    "German Shorthaired Pointer",
+    "Vizsla",
+    "English Setter",
+    "Irish Setter",
+    "Gordon Setter",
+    "Brittany",
+    "Clumber Spaniel",
+    "English Springer Spaniel",
+    "Welsh Springer Spaniel",
+    "Cocker Spaniels",
+    "Sussex Spaniel",
+    "Irish Water Spaniel",
+    "Kuvasz",
+    "Schipperke",
+    "Groenendael",
+    "Malinois",
+    "Briard",
+    "Australian Kelpie",
+    "Komondor",
+    "Old English Sheepdog",
+    "Shetland Sheepdog",
+    "collie",
+    "Border Collie",
+    "Bouvier des Flandres",
+    "Rottweiler",
+    "German Shepherd Dog",
+    "Dobermann",
+    "Miniature Pinscher",
+    "Greater Swiss Mountain Dog",
+    "Bernese Mountain Dog",
+    "Appenzeller Sennenhund",
+    "Entlebucher Sennenhund",
+    "Boxer",
+    "Bullmastiff",
+    "Tibetan Mastiff",
+    "French Bulldog",
+    "Great Dane",
+    "St. Bernard",
+    "husky",
+    "Alaskan Malamute",
+    "Siberian Husky",
+    "Dalmatian",
+    "Affenpinscher",
+    "Basenji",
+    "pug",
+    "Leonberger",
+    "Newfoundland",
+    "Pyrenean Mountain Dog",
+    "Samoyed",
+    "Pomeranian",
+    "Chow Chow",
+    "Keeshond",
+    "Griffon Bruxellois",
+    "Pembroke Welsh Corgi",
+    "Cardigan Welsh Corgi",
+    "Toy Poodle",
+    "Miniature Poodle",
+    "Standard Poodle",
+    "Mexican hairless dog",
+    "grey wolf",
+    "Alaskan tundra wolf",
+    "red wolf",
+    "coyote",
+    "dingo",
+    "dhole",
+    "African wild dog",
+    "hyena",
+    "red fox",
+    "kit fox",
+    "Arctic fox",
+    "grey fox",
+    "tabby cat",
+    "tiger cat",
+    "Persian cat",
+    "Siamese cat",
+    "Egyptian Mau",
+    "cougar",
+    "lynx",
+    "leopard",
+    "snow leopard",
+    "jaguar",
+    "lion",
+    "tiger",
+    "cheetah",
+    "brown bear",
+    "American black bear",
+    "polar bear",
+    "sloth bear",
+    "mongoose",
+    "meerkat",
+    "tiger beetle",
+    "ladybug",
+    "ground beetle",
+    "longhorn beetle",
+    "leaf beetle",
+    "dung beetle",
+    "rhinoceros beetle",
+    "weevil",
+    "fly",
+    "bee",
+    "ant",
+    "grasshopper",
+    "cricket",
+    "stick insect",
+    "cockroach",
+    "mantis",
+    "cicada",
+    "leafhopper",
+    "lacewing",
+    "dragonfly",
+    "damselfly",
+    "red admiral",
+    "ringlet",
+    "monarch butterfly",
+    "small white",
+    "sulphur butterfly",
+    "gossamer-winged butterfly",
+    "starfish",
+    "sea urchin",
+    "sea cucumber",
+    "cottontail rabbit",
+    "hare",
+    "Angora rabbit",
+    "hamster",
+    "porcupine",
+    "fox squirrel",
+    "marmot",
+    "beaver",
+    "guinea pig",
+    "common sorrel",
+    "zebra",
+    "pig",
+    "wild boar",
+    "warthog",
+    "hippopotamus",
+    "ox",
+    "water buffalo",
+    "bison",
+    "ram",
+    "bighorn sheep",
+    "Alpine ibex",
+    "hartebeest",
+    "impala",
+    "gazelle",
+    "dromedary",
+    "llama",
+    "weasel",
+    "mink",
+    "European polecat",
+    "black-footed ferret",
+    "otter",
+    "skunk",
+    "badger",
+    "armadillo",
+    "three-toed sloth",
+    "orangutan",
+    "gorilla",
+    "chimpanzee",
+    "gibbon",
+    "siamang",
+    "guenon",
+    "patas monkey",
+    "baboon",
+    "macaque",
+    "langur",
+    "black-and-white colobus",
+    "proboscis monkey",
+    "marmoset",
+    "white-headed capuchin",
+    "howler monkey",
+    "titi",
+    "Geoffroy's spider monkey",
+    "common squirrel monkey",
+    "ring-tailed lemur",
+    "indri",
+    "Asian elephant",
+    "African bush elephant",
+    "red panda",
+    "giant panda",
+    "snoek",
+    "eel",
+    "coho salmon",
+    "rock beauty",
+    "clownfish",
+    "sturgeon",
+    "garfish",
+    "lionfish",
+    "pufferfish",
+    "abacus",
+    "abaya",
+    "academic gown",
+    "accordion",
+    "acoustic guitar",
+    "aircraft carrier",
+    "airliner",
+    "airship",
+    "altar",
+    "ambulance",
+    "amphibious vehicle",
+    "analog clock",
+    "apiary",
+    "apron",
+    "waste container",
+    "assault rifle",
+    "backpack",
+    "bakery",
+    "balance beam",
+    "balloon",
+    "ballpoint pen",
+    "Band-Aid",
+    "banjo",
+    "baluster",
+    "barbell",
+    "barber chair",
+    "barbershop",
+    "barn",
+    "barometer",
+    "barrel",
+    "wheelbarrow",
+    "baseball",
+    "basketball",
+    "bassinet",
+    "bassoon",
+    "swimming cap",
+    "bath towel",
+    "bathtub",
+    "station wagon",
+    "lighthouse",
+    "beaker",
+    "military cap",
+    "beer bottle",
+    "beer glass",
+    "bell-cot",
+    "bib",
+    "tandem bicycle",
+    "bikini",
+    "ring binder",
+    "binoculars",
+    "birdhouse",
+    "boathouse",
+    "bobsleigh",
+    "bolo tie",
+    "poke bonnet",
+    "bookcase",
+    "bookstore",
+    "bottle cap",
+    "bow",
+    "bow tie",
+    "brass",
+    "bra",
+    "breakwater",
+    "breastplate",
+    "broom",
+    "bucket",
+    "buckle",
+    "bulletproof vest",
+    "high-speed train",
+    "butcher shop",
+    "taxicab",
+    "cauldron",
+    "candle",
+    "cannon",
+    "canoe",
+    "can opener",
+    "cardigan",
+    "car mirror",
+    "carousel",
+    "tool kit",
+    "carton",
+    "car wheel",
+    "automated teller machine",
+    "cassette",
+    "cassette player",
+    "castle",
+    "catamaran",
+    "CD player",
+    "cello",
+    "mobile phone",
+    "chain",
+    "chain-link fence",
+    "chain mail",
+    "chainsaw",
+    "chest",
+    "chiffonier",
+    "chime",
+    "china cabinet",
+    "Christmas stocking",
+    "church",
+    "movie theater",
+    "cleaver",
+    "cliff dwelling",
+    "cloak",
+    "clogs",
+    "cocktail shaker",
+    "coffee mug",
+    "coffeemaker",
+    "coil",
+    "combination lock",
+    "computer keyboard",
+    "confectionery store",
+    "container ship",
+    "convertible",
+    "corkscrew",
+    "cornet",
+    "cowboy boot",
+    "cowboy hat",
+    "cradle",
+    "crane (machine)",
+    "crash helmet",
+    "crate",
+    "infant bed",
+    "Crock Pot",
+    "croquet ball",
+    "crutch",
+    "cuirass",
+    "dam",
+    "desk",
+    "desktop computer",
+    "rotary dial telephone",
+    "diaper",
+    "digital clock",
+    "digital watch",
+    "dining table",
+    "dishcloth",
+    "dishwasher",
+    "disc brake",
+    "dock",
+    "dog sled",
+    "dome",
+    "doormat",
+    "drilling rig",
+    "drum",
+    "drumstick",
+    "dumbbell",
+    "Dutch oven",
+    "electric fan",
+    "electric guitar",
+    "electric locomotive",
+    "entertainment center",
+    "envelope",
+    "espresso machine",
+    "face powder",
+    "feather boa",
+    "filing cabinet",
+    "fireboat",
+    "fire engine",
+    "fire screen sheet",
+    "flagpole",
+    "flute",
+    "folding chair",
+    "football helmet",
+    "forklift",
+    "fountain",
+    "fountain pen",
+    "four-poster bed",
+    "freight car",
+    "French horn",
+    "frying pan",
+    "fur coat",
+    "garbage truck",
+    "gas mask",
+    "gas pump",
+    "goblet",
+    "go-kart",
+    "golf ball",
+    "golf cart",
+    "gondola",
+    "gong",
+    "gown",
+    "grand piano",
+    "greenhouse",
+    "grille",
+    "grocery store",
+    "guillotine",
+    "barrette",
+    "hair spray",
+    "half-track",
+    "hammer",
+    "hamper",
+    "hair dryer",
+    "hand-held computer",
+    "handkerchief",
+    "hard disk drive",
+    "harmonica",
+    "harp",
+    "harvester",
+    "hatchet",
+    "holster",
+    "home theater",
+    "honeycomb",
+    "hook",
+    "hoop skirt",
+    "horizontal bar",
+    "horse-drawn vehicle",
+    "hourglass",
+    "iPod",
+    "clothes iron",
+    "jack-o'-lantern",
+    "jeans",
+    "jeep",
+    "T-shirt",
+    "jigsaw puzzle",
+    "pulled rickshaw",
+    "joystick",
+    "kimono",
+    "knee pad",
+    "knot",
+    "lab coat",
+    "ladle",
+    "lampshade",
+    "laptop computer",
+    "lawn mower",
+    "lens cap",
+    "paper knife",
+    "library",
+    "lifeboat",
+    "lighter",
+    "limousine",
+    "ocean liner",
+    "lipstick",
+    "slip-on shoe",
+    "lotion",
+    "speaker",
+    "loupe",
+    "sawmill",
+    "magnetic compass",
+    "mail bag",
+    "mailbox",
+    "tights",
+    "tank suit",
+    "manhole cover",
+    "maraca",
+    "marimba",
+    "mask",
+    "match",
+    "maypole",
+    "maze",
+    "measuring cup",
+    "medicine chest",
+    "megalith",
+    "microphone",
+    "microwave oven",
+    "military uniform",
+    "milk can",
+    "minibus",
+    "miniskirt",
+    "minivan",
+    "missile",
+    "mitten",
+    "mixing bowl",
+    "mobile home",
+    "Model T",
+    "modem",
+    "monastery",
+    "monitor",
+    "moped",
+    "mortar",
+    "square academic cap",
+    "mosque",
+    "mosquito net",
+    "scooter",
+    "mountain bike",
+    "tent",
+    "computer mouse",
+    "mousetrap",
+    "moving van",
+    "muzzle",
+    "nail",
+    "neck brace",
+    "necklace",
+    "nipple",
+    "notebook computer",
+    "obelisk",
+    "oboe",
+    "ocarina",
+    "odometer",
+    "oil filter",
+    "organ",
+    "oscilloscope",
+    "overskirt",
+    "bullock cart",
+    "oxygen mask",
+    "packet",
+    "paddle",
+    "paddle wheel",
+    "padlock",
+    "paintbrush",
+    "pajamas",
+    "palace",
+    "pan flute",
+    "paper towel",
+    "parachute",
+    "parallel bars",
+    "park bench",
+    "parking meter",
+    "passenger car",
+    "patio",
+    "payphone",
+    "pedestal",
+    "pencil case",
+    "pencil sharpener",
+    "perfume",
+    "Petri dish",
+    "photocopier",
+    "plectrum",
+    "Pickelhaube",
+    "picket fence",
+    "pickup truck",
+    "pier",
+    "piggy bank",
+    "pill bottle",
+    "pillow",
+    "ping-pong ball",
+    "pinwheel",
+    "pirate ship",
+    "pitcher",
+    "hand plane",
+    "planetarium",
+    "plastic bag",
+    "plate rack",
+    "plow",
+    "plunger",
+    "Polaroid camera",
+    "pole",
+    "police van",
+    "poncho",
+    "billiard table",
+    "soda bottle",
+    "pot",
+    "potter's wheel",
+    "power drill",
+    "prayer rug",
+    "printer",
+    "prison",
+    "projectile",
+    "projector",
+    "hockey puck",
+    "punching bag",
+    "purse",
+    "quill",
+    "quilt",
+    "race car",
+    "racket",
+    "radiator",
+    "radio",
+    "radio telescope",
+    "rain barrel",
+    "recreational vehicle",
+    "reel",
+    "reflex camera",
+    "refrigerator",
+    "remote control",
+    "restaurant",
+    "revolver",
+    "rifle",
+    "rocking chair",
+    "rotisserie",
+    "eraser",
+    "rugby ball",
+    "ruler",
+    "running shoe",
+    "safe",
+    "safety pin",
+    "salt shaker",
+    "sandal",
+    "sarong",
+    "saxophone",
+    "scabbard",
+    "weighing scale",
+    "school bus",
+    "schooner",
+    "scoreboard",
+    "CRT screen",
+    "screw",
+    "screwdriver",
+    "seat belt",
+    "sewing machine",
+    "shield",
+    "shoe store",
+    "shoji",
+    "shopping basket",
+    "shopping cart",
+    "shovel",
+    "shower cap",
+    "shower curtain",
+    "ski",
+    "ski mask",
+    "sleeping bag",
+    "slide rule",
+    "sliding door",
+    "slot machine",
+    "snorkel",
+    "snowmobile",
+    "snowplow",
+    "soap dispenser",
+    "soccer ball",
+    "sock",
+    "solar thermal collector",
+    "sombrero",
+    "soup bowl",
+    "space bar",
+    "space heater",
+    "space shuttle",
+    "spatula",
+    "motorboat",
+    "spider web",
+    "spindle",
+    "sports car",
+    "spotlight",
+    "stage",
+    "steam locomotive",
+    "through arch bridge",
+    "steel drum",
+    "stethoscope",
+    "scarf",
+    "stone wall",
+    "stopwatch",
+    "stove",
+    "strainer",
+    "tram",
+    "stretcher",
+    "couch",
+    "stupa",
+    "submarine",
+    "suit",
+    "sundial",
+    "sunglass",
+    "sunglasses",
+    "sunscreen",
+    "suspension bridge",
+    "mop",
+    "sweatshirt",
+    "swimsuit",
+    "swing",
+    "switch",
+    "syringe",
+    "table lamp",
+    "tank",
+    "tape player",
+    "teapot",
+    "teddy bear",
+    "television",
+    "tennis ball",
+    "thatched roof",
+    "front curtain",
+    "thimble",
+    "threshing machine",
+    "throne",
+    "tile roof",
+    "toaster",
+    "tobacco shop",
+    "toilet seat",
+    "torch",
+    "totem pole",
+    "tow truck",
+    "toy store",
+    "tractor",
+    "semi-trailer truck",
+    "tray",
+    "trench coat",
+    "tricycle",
+    "trimaran",
+    "tripod",
+    "triumphal arch",
+    "trolleybus",
+    "trombone",
+    "tub",
+    "turnstile",
+    "typewriter keyboard",
+    "umbrella",
+    "unicycle",
+    "upright piano",
+    "vacuum cleaner",
+    "vase",
+    "vault",
+    "velvet",
+    "vending machine",
+    "vestment",
+    "viaduct",
+    "violin",
+    "volleyball",
+    "waffle iron",
+    "wall clock",
+    "wallet",
+    "wardrobe",
+    "military aircraft",
+    "sink",
+    "washing machine",
+    "water bottle",
+    "water jug",
+    "water tower",
+    "whiskey jug",
+    "whistle",
+    "wig",
+    "window screen",
+    "window shade",
+    "Windsor tie",
+    "wine bottle",
+    "wing",
+    "wok",
+    "wooden spoon",
+    "wool",
+    "split-rail fence",
+    "shipwreck",
+    "yawl",
+    "yurt",
+    "website",
+    "comic book",
+    "crossword",
+    "traffic sign",
+    "traffic light",
+    "dust jacket",
+    "menu",
+    "plate",
+    "guacamole",
+    "consomme",
+    "hot pot",
+    "trifle",
+    "ice cream",
+    "ice pop",
+    "baguette",
+    "bagel",
+    "pretzel",
+    "cheeseburger",
+    "hot dog",
+    "mashed potato",
+    "cabbage",
+    "broccoli",
+    "cauliflower",
+    "zucchini",
+    "spaghetti squash",
+    "acorn squash",
+    "butternut squash",
+    "cucumber",
+    "artichoke",
+    "bell pepper",
+    "cardoon",
+    "mushroom",
+    "Granny Smith",
+    "strawberry",
+    "orange",
+    "lemon",
+    "fig",
+    "pineapple",
+    "banana",
+    "jackfruit",
+    "custard apple",
+    "pomegranate",
+    "hay",
+    "carbonara",
+    "chocolate syrup",
+    "dough",
+    "meatloaf",
+    "pizza",
+    "pot pie",
+    "burrito",
+    "red wine",
+    "espresso",
+    "cup",
+    "eggnog",
+    "alp",
+    "bubble",
+    "cliff",
+    "coral reef",
+    "geyser",
+    "lakeshore",
+    "promontory",
+    "shoal",
+    "seashore",
+    "valley",
+    "volcano",
+    "baseball player",
+    "bridegroom",
+    "scuba diver",
+    "rapeseed",
+    "daisy",
+    "yellow lady's slipper",
+    "corn",
+    "acorn",
+    "rose hip",
+    "horse chestnut seed",
+    "coral fungus",
+    "agaric",
+    "gyromitra",
+    "stinkhorn mushroom",
+    "earth star",
+    "hen-of-the-woods",
+    "bolete",
+    "ear",
+    "toilet paper"]
\ No newline at end of file
diff --git a/demo/image_classifier/requirements.txt b/demo/image_classifier/requirements.txt
new file mode 100644
index 0000000..7947059
--- /dev/null
+++ b/demo/image_classifier/requirements.txt
@@ -0,0 +1,3 @@
+numpy
+tensorflow
+requests
diff --git a/demo/image_classifier/run.py b/demo/image_classifier/run.py
new file mode 100644
index 0000000..3403f6d
--- /dev/null
+++ b/demo/image_classifier/run.py
@@ -0,0 +1,36 @@
+import requests
+import tensorflow as tf  # type: ignore
+
+import gradio as gr
+# get_image() returns the file path to sample images included with Gradio
+from gradio.media import get_image
+
+inception_net = tf.keras.applications.MobileNetV2()  # load the model
+
+# Download human-readable labels for ImageNet.
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+def classify_image(inp):
+    inp = inp.reshape((-1, 224, 224, 3))
+    inp = tf.keras.applications.mobilenet_v2.preprocess_input(inp)
+    prediction = inception_net.predict(inp).flatten()
+    return {labels[i]: float(prediction[i]) for i in range(1000)}
+
+image = gr.Image()
+label = gr.Label(num_top_classes=3)
+
+demo = gr.Interface(
+    fn=classify_image,
+    inputs=image,
+    outputs=label,
+    examples=[
+        get_image("cheetah1.jpg"),
+        get_image("lion.jpg")
+        ],
+    api_name="predict"
+    )
+
+if __name__ == "__main__":
+    demo.launch()
+
diff --git a/demo/image_classifier/screenshot.gif b/demo/image_classifier/screenshot.gif
new file mode 100644
index 0000000..8f4a3a2
Binary files /dev/null and b/demo/image_classifier/screenshot.gif differ
diff --git a/demo/image_classifier/screenshot.png b/demo/image_classifier/screenshot.png
new file mode 100644
index 0000000..306825e
Binary files /dev/null and b/demo/image_classifier/screenshot.png differ
diff --git a/demo/image_classifier_2/requirements.txt b/demo/image_classifier_2/requirements.txt
new file mode 100644
index 0000000..0396385
--- /dev/null
+++ b/demo/image_classifier_2/requirements.txt
@@ -0,0 +1,4 @@
+pillow
+torch
+torchvision
+requests
diff --git a/demo/image_classifier_2/run.py b/demo/image_classifier_2/run.py
new file mode 100644
index 0000000..9e0b893
--- /dev/null
+++ b/demo/image_classifier_2/run.py
@@ -0,0 +1,27 @@
+import requests
+import torch
+from PIL import Image
+from torchvision import transforms  # type: ignore
+
+import gradio as gr
+
+model = torch.hub.load("pytorch/vision:v0.6.0", "resnet18", pretrained=True).eval()
+
+# Download human-readable labels for ImageNet.
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+def predict(inp):
+    inp = Image.fromarray(inp.astype("uint8"), "RGB")
+    inp = transforms.ToTensor()(inp).unsqueeze(0)
+    with torch.no_grad():
+        prediction = torch.nn.functional.softmax(model(inp)[0], dim=0)
+    return {labels[i]: float(prediction[i]) for i in range(1000)}
+
+inputs = gr.Image()
+outputs = gr.Label(num_top_classes=3)
+
+demo = gr.Interface(fn=predict, inputs=inputs, outputs=outputs)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_classifier_interface_load/run.py b/demo/image_classifier_interface_load/run.py
new file mode 100644
index 0000000..e026e05
--- /dev/null
+++ b/demo/image_classifier_interface_load/run.py
@@ -0,0 +1,30 @@
+import gradio as gr
+import pathlib
+
+current_dir = pathlib.Path(__file__).parent
+
+images = [str(current_dir / "cheetah1.jpeg"), str(current_dir / "cheetah1.jpg"), str(current_dir / "lion.jpg")]
+
+img_classifier = gr.load(
+    "models/google/vit-base-patch16-224", examples=images, cache_examples=False
+)
+
+def func(img, text):
+    return img_classifier(img), text
+
+using_img_classifier_as_function = gr.Interface(
+    func,
+    [gr.Image(type="filepath"), "text"],
+    ["label", "text"],
+    examples=[
+        [str(current_dir / "cheetah1.jpeg"), None],
+        [str(current_dir / "cheetah1.jpg"), "cheetah"],
+        [str(current_dir / "lion.jpg"), "lion"],
+    ],
+    cache_examples=False,
+    api_name="predict"
+)
+demo = gr.TabbedInterface([using_img_classifier_as_function, img_classifier])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_component/run.py b/demo/image_component/run.py
new file mode 100644
index 0000000..cf779aa
--- /dev/null
+++ b/demo/image_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Image()
+
+demo.launch()
diff --git a/demo/image_component_events/run.py b/demo/image_component_events/run.py
new file mode 100644
index 0000000..80fb02a
--- /dev/null
+++ b/demo/image_component_events/run.py
@@ -0,0 +1,30 @@
+import gradio as gr
+
+def test_select_is_defined(n, evt: gr.SelectData):
+    assert isinstance(evt.index, list)
+    assert isinstance(evt.index[0], int)
+    return n + 1
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            input_img = gr.Image(type="filepath", label="Input Image", sources=["upload", "clipboard"])
+        with gr.Column():
+            output_img = gr.Image(type="filepath", label="Output Image", sources=["upload", "clipboard"])
+        with gr.Column():
+            num_change = gr.Number(label="# Change Events", value=0)
+            num_input = gr.Number(label="# Input Events", value=0)
+            num_load = gr.Number(label="# Upload Events", value=0)
+            num_change_o = gr.Number(label="# Change Events Output", value=0)
+            num_clear = gr.Number(label="# Clear Events", value=0)
+            num_select = gr.Number(label="# Select Events", value=0)
+
+        input_img.upload(lambda s, n: (s, n + 1), [input_img, num_load], [output_img, num_load])
+        input_img.input(lambda n: n + 1, num_input, num_input)
+        input_img.change(lambda n: n + 1, num_change, num_change)
+        input_img.clear(lambda n: n + 1, num_clear, num_clear)
+        output_img.change(lambda n: n + 1, num_change_o, num_change_o)
+        output_img.select(test_select_is_defined, num_select, num_select)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_editor/run.py b/demo/image_editor/run.py
new file mode 100644
index 0000000..e860c9c
--- /dev/null
+++ b/demo/image_editor/run.py
@@ -0,0 +1,30 @@
+import gradio as gr
+import time
+
+
+def sleep(im):
+    time.sleep(5)
+    return [im["background"], im["layers"][0], im["layers"][1], im["composite"]]
+
+
+def predict(im):
+    return im["composite"]
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        im = gr.ImageEditor(
+            type="numpy",
+        )
+        im_preview = gr.Image()
+    n_upload = gr.Number(0, label="Number of upload events", step=1)
+    n_change = gr.Number(0, label="Number of change events", step=1)
+    n_input = gr.Number(0, label="Number of input events", step=1)
+
+    im.upload(lambda x: x + 1, outputs=n_upload, inputs=n_upload)
+    im.change(lambda x: x + 1, outputs=n_change, inputs=n_change)
+    im.input(lambda x: x + 1, outputs=n_input, inputs=n_input)
+    im.change(predict, outputs=im_preview, inputs=im, show_progress="hidden")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_editor_canvas_size/run.py b/demo/image_editor_canvas_size/run.py
new file mode 100644
index 0000000..5cb1929
--- /dev/null
+++ b/demo/image_editor_canvas_size/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            image = gr.ImageEditor(label="Default Canvas. Not fixed", elem_id="default")
+            get_image = gr.Button("Get Default")
+        with gr.Column():
+            custom_canvas = gr.ImageEditor(label="Custom Canvas, not fixed", canvas_size=(300, 300),
+                                           elem_id="small")
+            get_small = gr.Button("Get Small")
+        with gr.Column():
+            custom_canvas_fixed = gr.ImageEditor(label="Custom Canvas,fixed", canvas_size=(500, 500), fixed_canvas=True,
+                                                 elem_id="fixed")
+            get_fixed = gr.Button("Get Fixed")
+        with gr.Column():
+            width = gr.Number(label="Width")
+            height = gr.Number(label="Height")
+
+    get_image.click(lambda x: x["composite"].shape, outputs=[height, width], inputs=image)
+    get_small.click(lambda x: x["composite"].shape, outputs=[height, width], inputs=custom_canvas)
+    get_fixed.click(lambda x: x["composite"].shape, outputs=[height, width], inputs=custom_canvas_fixed)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/image_editor_events/run.py b/demo/image_editor_events/run.py
new file mode 100644
index 0000000..a0407f4
--- /dev/null
+++ b/demo/image_editor_events/run.py
@@ -0,0 +1,68 @@
+import gradio as gr
+import numpy as np
+
+
+def predict(im):
+    return im["composite"]
+
+
+def verify_clear(im):
+    print(im)
+    return int(not np.any(im["composite"])), im["composite"]
+
+
+with gr.Blocks() as demo:
+    with gr.Group():
+        with gr.Row():
+            im = gr.ImageEditor(
+                type="numpy",
+                elem_id="image_editor",
+            )
+            im_preview = gr.Image()
+    with gr.Group():
+        with gr.Row():
+
+            n_upload = gr.Label(
+                0,
+                label="upload",
+                elem_id="upload",
+            )
+            n_change = gr.Label(
+                0,
+                label="change",
+                elem_id="change",
+            )
+            n_input = gr.Label(
+                0,
+                label="input",
+                elem_id="input",
+            )
+            n_apply = gr.Label(
+                0,
+                label="apply",
+                elem_id="apply",
+            )
+            cleared_properly = gr.Number(label="cleared properly")
+    clear_btn = gr.Button("Clear Button", elem_id="clear")
+
+    im.upload(
+        lambda x: int(x) + 1, outputs=n_upload, inputs=n_upload, show_progress="hidden"
+    )
+    im.change(
+        lambda x: int(x) + 1, outputs=n_change, inputs=n_change, show_progress="hidden"
+    )
+    im.input(
+        lambda x: int(x) + 1, outputs=n_input, inputs=n_input, show_progress="hidden"
+    )
+    im.apply(
+        lambda x: int(x) + 1, outputs=n_apply, inputs=n_apply, show_progress="hidden"
+    )
+    im.change(predict, outputs=im_preview, inputs=im, show_progress="hidden")
+    clear_btn.click(
+        lambda: None,
+        None,
+        im,
+    ).then(verify_clear, inputs=im, outputs=[cleared_properly, im])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_editor_inpainting/run.py b/demo/image_editor_inpainting/run.py
new file mode 100644
index 0000000..5b81a13
--- /dev/null
+++ b/demo/image_editor_inpainting/run.py
@@ -0,0 +1,33 @@
+import gradio as gr
+import numpy as np
+
+def average_inpainting_colors(image):
+    mask = image["layers"][0]
+    img = image["background"]
+    mask_bool = mask[:,:,3] > 0
+    if not np.any(mask_bool):
+        return img
+    selected_pixels = img[mask_bool]
+    avg_color = np.mean(selected_pixels, axis=0)
+    result = img.copy()
+    result[mask_bool] = avg_color
+    return result
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        image_editor = gr.ImageEditor(
+            type="numpy",
+            label="Input Image with Inpainting Layers",
+            interactive=True,
+            buttons=["fullscreen"]
+        )
+
+        output_image = gr.Image(
+            type="numpy",
+            label="Averaged Inpainting Layers"
+        )
+
+        image_editor.change(fn=average_inpainting_colors, inputs=image_editor, outputs=output_image)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/image_editor_layers/layer1.png b/demo/image_editor_layers/layer1.png
new file mode 100644
index 0000000..57d0c40
Binary files /dev/null and b/demo/image_editor_layers/layer1.png differ
diff --git a/demo/image_editor_layers/run.py b/demo/image_editor_layers/run.py
new file mode 100644
index 0000000..88919cd
--- /dev/null
+++ b/demo/image_editor_layers/run.py
@@ -0,0 +1,88 @@
+import gradio as gr
+from pathlib import Path
+
+dir_ = Path(__file__).parent
+
+
+def predict(im):
+    print(im)
+    return im, len(im["layers"])
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        im = gr.ImageEditor(
+            type="numpy",
+            interactive=True,
+        )
+        im_preview = gr.ImageEditor(
+            interactive=True,
+        )
+
+    layer_updates = gr.Textbox(value="", label="Layer Updates")
+    num_layers = gr.Number(value=0, label="Num Layers")
+    example_ran = gr.Number(value=0, label="Example Ran")
+
+    set_background = gr.Button("Set Background")
+    set_background.click(
+        lambda: {
+            "background": str(dir_ / "cheetah.jpg"),
+            "layers": None,
+            "composite": None,
+        },
+        None,
+        im,
+        show_progress="hidden",
+    )
+    set_layers = gr.Button("Set Layers")
+    set_layers.click(
+        lambda: {
+            "background": None,
+            "layers": [str(dir_ / "cheetah.jpg")],
+            "composite": None,
+        },
+        None,
+        im,
+        show_progress="hidden",
+    )
+    im.change(
+        lambda x: len(x["layers"]),
+        inputs=im,
+        outputs=layer_updates,
+    )
+    set_composite = gr.Button("Set Composite")
+    set_composite.click(
+        lambda: {
+            "background": None,
+            "layers": None,
+            "composite": "https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/cheetah-003.jpg",
+        },
+        None,
+        im,
+        show_progress="hidden",
+    )
+    get_layers = gr.Button("Get Layers")
+
+    get_layers.click(
+        predict,
+        outputs=[im_preview, num_layers],
+        inputs=im,
+    )
+
+    gr.Examples(
+        examples=[
+            str(dir_ / "cheetah.jpg"),
+            {
+                "background": str(dir_ / "cheetah.jpg"),
+                "layers": [str(dir_ / "layer1.png")],
+                "composite": None,
+            },
+        ],
+        inputs=im,
+        outputs=[example_ran],
+        fn=lambda x: 1,
+        run_on_click=True,
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_editor_many/run.py b/demo/image_editor_many/run.py
new file mode 100644
index 0000000..7810d2b
--- /dev/null
+++ b/demo/image_editor_many/run.py
@@ -0,0 +1,201 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tab("Default ImageEditor"):
+        im = gr.ImageEditor(value="./cheetah.jpg", interactive=True, fixed_canvas=True)
+    with gr.Tab("Brush Options"):
+        with gr.Row():
+            with gr.Column():
+                image_editor = gr.ImageEditor(
+                    value="./cheetah.jpg",
+                    interactive=True,
+                    fixed_canvas=True,
+                    brush=gr.Brush(
+                        default_size=10,
+                        default_color="#000000",
+                        colors=[
+                            "#FFA50050",
+                            "#FF0000",
+                            ("#00FF00", 0.5),
+                            ("rgba(255, 255, 0, 0.5)", 0.5),
+                            "rgba(255, 0, 0, 0.5)",
+                            "pink",
+                            "hsla(300, 100%, 50%, 0.5)",
+                            ("hsl(300, 100%, 50%)", 0.8),
+                            ("crimson", 0.5),
+                            ("#000080", 1),
+                        ],
+                    ),
+                    eraser=gr.Eraser(default_size=10),
+                )
+                image_editor.apply(fn=lambda x: print(x), inputs=[image_editor])
+            with gr.Column():
+                with gr.Group():
+                    brush_size = gr.Slider(
+                        minimum=1,
+                        maximum=100,
+                        value=10,
+                        label="Brush Size",
+                    )
+                    brush_opacity = gr.Slider(
+                        minimum=0,
+                        maximum=100,
+                        value=50,
+                        label="Brush Opacity",
+                    )
+                    brush_color = gr.ColorPicker(value="#000000", label="Brush Color")
+
+                with gr.Group():
+                    eraser_size = gr.Slider(
+                        minimum=1,
+                        maximum=100,
+                        value=10,
+                        label="Eraser Size",
+                    )
+
+                update_btn = gr.Button("Apply Settings")
+
+                status_msg = gr.Markdown(
+                    value="**Adjust settings and click Apply.**",
+                )
+
+        def update_editor_settings(size, opacity, color, e_size):
+
+            return (
+                gr.ImageEditor(
+                    brush=gr.Brush(
+                        default_size=size,
+                        default_color=(color, opacity / 100),
+                        colors=[
+                            "#FFA50050",
+                            "#FF0000",
+                            ("#00FF00", 0.5),
+                            ("rgba(255, 255, 0, 0.5)", 0.5),
+                            "rgba(255, 0, 0, 0.5)",
+                            "pink",
+                            "hsla(300, 100%, 50%, 0.5)",
+                            ("hsl(300, 100%, 50%)", 0.8),
+                            ("crimson", 0.5),
+                            ("#000080", 1),
+                        ],
+                    ),
+                    eraser=gr.Eraser(default_size=e_size),
+                ),
+                f'### Settings applied:\n\n- `Brush.default_size={size}`\n- `Brush.default_color=("{color}", {opacity / 100})`\n- `Eraser.default_size={e_size}`',
+            )
+
+        update_btn.click(
+            update_editor_settings,
+            inputs=[brush_size, brush_opacity, brush_color, eraser_size],
+            outputs=[image_editor, status_msg],
+        )
+
+        def update_status(size=None, opacity=None, color=None, e_size=None):
+            changes = []
+            if size is not None:
+                changes.append(f"`Brush.default_size={size}`")
+            if opacity is not None:
+                changes.append(f"`Brush.default_color=('{color}', {opacity / 100})`")
+            if color is not None:
+                if opacity is not None:
+                    changes.append(f"`Brush.default_color=('{color}', {opacity / 100})`")
+                else:
+                    changes.append(f"`Brush.default_color='{color}'`")
+            if e_size is not None:
+                changes.append(f"`Eraser.default_size={e_size}`")
+
+            if changes:
+                return (
+                    "Settings changed:\n\n"
+                    + "- "
+                    + "\n- ".join(changes)
+                    + "\n\n**Click Apply to update.**"
+                )
+            return ""
+
+        brush_size.change(
+            fn=update_status,
+            inputs=[brush_size, brush_opacity, brush_color, eraser_size],
+            outputs=status_msg,
+        )
+        brush_opacity.change(
+            fn=update_status,
+            inputs=[brush_size, brush_opacity, brush_color, eraser_size],
+            outputs=status_msg,
+        )
+        brush_color.change(
+            fn=update_status,
+            inputs=[brush_size, brush_opacity, brush_color, eraser_size],
+            outputs=status_msg,
+        )
+        eraser_size.change(
+            fn=update_status,
+            inputs=[brush_size, brush_opacity, brush_color, eraser_size],
+            outputs=status_msg,
+        )
+    with gr.Tab("Layer Options"):
+        with gr.Row():
+            with gr.Column():
+                im = gr.ImageEditor(
+                    value="./cheetah.jpg",
+                    interactive=True,
+                    layers=gr.LayerOptions(
+                        allow_additional_layers=False, layers=["Mask"]
+                    ),
+                )
+            with gr.Column():
+                disable_layers = gr.Checkbox(value=False, label="Disable Layers")
+                allow_additional_layers = gr.Checkbox(
+                    value=True, label="Allow Additional Layers"
+                )
+                layer = gr.Dropdown(
+                    choices=["Mask", "Mask 2"],
+                    value="Mask",
+                    label="Layer",
+                    multiselect=True,
+                    interactive=True,
+                    allow_custom_value=True,
+                )
+                gr.Checkbox(value=True, label="Allow Additional Layers")
+                update_layer_btn = gr.Button("Update Layer Options")
+                status_msg = gr.Markdown(value="**Adjust settings and click Apply.**")
+
+                def update_layer_options(
+                    disable_layers, allow_additional_layers, layer
+                ):
+                    print(
+                        "update_layer_options",
+                        disable_layers,
+                        allow_additional_layers,
+                        layer,
+                    )
+                    return (
+                        gr.ImageEditor(
+                            value="./cheetah.jpg",
+                            interactive=True,
+                            layers=(
+                                False
+                                if disable_layers
+                                else gr.LayerOptions(
+                                    allow_additional_layers=allow_additional_layers,
+                                    layers=layer,
+                                )
+                            ),
+                        ),
+                        f"### Settings applied:\n\n- `LayerOptions=False`\n- `LayerOptions.allow_additional_layers={allow_additional_layers}`\n- `LayerOptions.layers={layer}`",
+                    )
+
+                update_layer_btn.click(
+                    update_layer_options,
+                    inputs=[disable_layers, allow_additional_layers, layer],
+                    outputs=[im, status_msg],
+                )
+
+
+    with gr.Tab("ImageEditor Templates"):
+        gr.ImageMask(value="./cheetah.jpg", interactive=True)
+        gr.Paint(interactive=True)
+        gr.Sketchpad(interactive=True)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_editor_sketchpad/run.py b/demo/image_editor_sketchpad/run.py
new file mode 100644
index 0000000..e999037
--- /dev/null
+++ b/demo/image_editor_sketchpad/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+import numpy as np
+
+def percent_of_pixels_selected(image):
+    mask = image["layers"][0]
+    mask_bool = mask[:,:,3] > 0
+    return f"{round(np.sum(mask_bool) / mask_bool.size * 100, 2)}%"
+
+image_editor = gr.Sketchpad(
+    type="numpy",
+)
+output_image = gr.Label(
+    label="Percent of Pixels Selected"
+)
+
+demo = gr.Interface(
+    fn=percent_of_pixels_selected,
+    inputs=image_editor,
+    outputs=output_image,
+    live=True,
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/image_editor_story/run.py b/demo/image_editor_story/run.py
new file mode 100644
index 0000000..adfbe52
--- /dev/null
+++ b/demo/image_editor_story/run.py
@@ -0,0 +1,34 @@
+import gradio as gr
+from pathlib import Path
+import subprocess
+
+
+def predict(im):
+    path = str(Path(__file__).parent / "output-image.png")
+    with open(path, "wb") as f:
+        f.write(Path(im["composite"]).read_bytes())
+    print("Writing to ", path)
+    return path
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            im = gr.ImageEditor(interactive=True, elem_id="image_editor",
+                                canvas_size=(800, 600),
+                                brush=gr.Brush(colors=["#ff0000", "#00ff00", "#0000ff"]),
+                                type="filepath",
+                            value={"background": "https://gradio-builds.s3.amazonaws.com/demo-files/ghepardo-primo-piano.jpg",
+                                   "layers": [],
+                                   "composite": None})
+            get = gr.Button("Get")
+
+        with gr.Column():
+            output = gr.Image(value=None, elem_id="output")
+
+        get.click(predict, inputs=im, outputs=output)
+
+if __name__ == "__main__":
+    app, _, _ = demo.launch(prevent_thread_lock=True)
+    subprocess.call(["node", "js/storybook/ie_automation.js"])
+    demo.close()
diff --git a/demo/image_editor_webcam/run.py b/demo/image_editor_webcam/run.py
new file mode 100644
index 0000000..5e5953e
--- /dev/null
+++ b/demo/image_editor_webcam/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+
+
+def predict(im):
+    return im["composite"]
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        im = gr.ImageEditor(
+            canvas_size=(1024, 1024),
+            fixed_canvas=True,
+            webcam_options=gr.WebcamOptions(
+                constraints={"video": {"width": 1024, "height": 1024}}
+            ),
+        )
+        im_preview = gr.Image()
+    im.change(predict, outputs=im_preview, inputs=im, show_progress="hidden")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_mod/run.py b/demo/image_mod/run.py
new file mode 100644
index 0000000..705bde6
--- /dev/null
+++ b/demo/image_mod/run.py
@@ -0,0 +1,30 @@
+import gradio as gr
+from gradio.media import get_image
+
+def image_mod(image):
+    return image.rotate(45)
+
+# get_image() returns file paths to sample media included with Gradio
+new_samples = [
+    [get_image("logo.png")],
+    [get_image("tower.jpg")],
+]
+
+with gr.Blocks() as demo:
+    interface = gr.Interface(
+        image_mod,
+        gr.Image(type="pil"),
+        "image",
+        flagging_options=["blurry", "incorrect", "other"],
+        examples=[
+            get_image("cheetah1.jpg"),
+            get_image("lion.jpg"),
+        ],
+        api_name="predict",
+    )
+
+    btn = gr.Button("Update Examples")
+    btn.click(lambda : gr.Dataset(samples=new_samples), None, interface.examples_handler.dataset)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_mod/screenshot.png b/demo/image_mod/screenshot.png
new file mode 100644
index 0000000..c8af753
Binary files /dev/null and b/demo/image_mod/screenshot.png differ
diff --git a/demo/image_mod_default_image/run.py b/demo/image_mod_default_image/run.py
new file mode 100644
index 0000000..86ed666
--- /dev/null
+++ b/demo/image_mod_default_image/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+from gradio.media import get_image
+
+def image_mod(image):
+    return image.rotate(45)
+
+# get_image() returns file paths to sample media included with Gradio
+cheetah = get_image("cheetah1.jpg")
+
+demo = gr.Interface(image_mod, gr.Image(type="pil", value=cheetah), "image",
+                    api_name="predict",
+    flagging_options=["blurry", "incorrect", "other"], examples=[
+        get_image("lion.jpg"),
+        get_image("logo.png")
+        ])
+
+if __name__ == "__main__":
+    demo.launch(max_file_size="70kb")
diff --git a/demo/image_remote_url/run.py b/demo/image_remote_url/run.py
new file mode 100644
index 0000000..f050d47
--- /dev/null
+++ b/demo/image_remote_url/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+
+gr.set_static_paths(paths=["test/test_files/bus.png", "test/test_files/cheetah1.jpg"])
+
+
+def fn(im):
+    return im, "test/test_files/cheetah1.jpg"
+
+
+demo = gr.Interface(
+    fn=fn,
+    inputs=gr.Image("test/test_files/bus.png", label="InputImage"),
+    outputs=[gr.Image(label="Loopback"), gr.Image(label="RemoteImage")],
+    examples=[["test/test_files/bus.png"]],
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_segmentation/DESCRIPTION.md b/demo/image_segmentation/DESCRIPTION.md
new file mode 100644
index 0000000..dbba2ae
--- /dev/null
+++ b/demo/image_segmentation/DESCRIPTION.md
@@ -0,0 +1 @@
+Simple image segmentation using gradio's AnnotatedImage component.
\ No newline at end of file
diff --git a/demo/image_segmentation/requirements.txt b/demo/image_segmentation/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/image_segmentation/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/image_segmentation/run.py b/demo/image_segmentation/run.py
new file mode 100644
index 0000000..af3793f
--- /dev/null
+++ b/demo/image_segmentation/run.py
@@ -0,0 +1,61 @@
+import gradio as gr
+import numpy as np
+import random
+
+with gr.Blocks() as demo:
+    section_labels = [
+        "apple",
+        "banana",
+        "carrot",
+        "donut",
+        "eggplant",
+        "fish",
+        "grapes",
+        "hamburger",
+        "ice cream",
+        "juice",
+    ]
+
+    with gr.Row():
+        num_boxes = gr.Slider(0, 5, 2, step=1, label="Number of boxes")
+        num_segments = gr.Slider(0, 5, 1, step=1, label="Number of segments")
+
+    with gr.Row():
+        img_input = gr.Image()
+        img_output = gr.AnnotatedImage(
+            color_map={"banana": "#a89a00", "carrot": "#ffae00"}
+        )
+
+    section_btn = gr.Button("Identify Sections")
+    selected_section = gr.Textbox(label="Selected Section")
+
+    def section(img, num_boxes, num_segments):
+        sections = []
+        for a in range(num_boxes):
+            x = random.randint(0, img.shape[1])
+            y = random.randint(0, img.shape[0])
+            w = random.randint(0, img.shape[1] - x)
+            h = random.randint(0, img.shape[0] - y)
+            sections.append(((x, y, x + w, y + h), section_labels[a]))
+        for b in range(num_segments):
+            x = random.randint(0, img.shape[1])
+            y = random.randint(0, img.shape[0])
+            r = random.randint(0, min(x, y, img.shape[1] - x, img.shape[0] - y))
+            mask = np.zeros(img.shape[:2])
+            for i in range(img.shape[0]):
+                for j in range(img.shape[1]):
+                    dist_square = (i - y) ** 2 + (j - x) ** 2
+                    if dist_square < r**2:
+                        mask[i, j] = round((r**2 - dist_square) / r**2 * 4) / 4
+            sections.append((mask, section_labels[b + num_boxes]))
+        return (img, sections)
+
+    section_btn.click(section, [img_input, num_boxes, num_segments], img_output)
+
+    def select_section(evt: gr.SelectData):
+        return section_labels[evt.index]
+
+    img_output.select(select_section, None, selected_section)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_selections/requirements.txt b/demo/image_selections/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/image_selections/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/image_selections/run.py b/demo/image_selections/run.py
new file mode 100644
index 0000000..d8fbbeb
--- /dev/null
+++ b/demo/image_selections/run.py
@@ -0,0 +1,45 @@
+import gradio as gr
+import numpy as np
+
+with gr.Blocks() as demo:
+    tolerance = gr.Slider(label="Tolerance", info="How different colors can be in a segment.", minimum=0, maximum=256*3, value=50)
+    with gr.Row():
+        input_img = gr.Image(label="Input")
+        output_img = gr.Image(label="Selected Segment")
+
+    def get_select_coords(img, tolerance, evt: gr.SelectData):
+        visited_pixels = set()
+        pixels_in_queue = set()
+        pixels_in_segment = set()
+        start_pixel = img[evt.index[1], evt.index[0]]
+        pixels_in_queue.add((evt.index[1], evt.index[0]))
+        while len(pixels_in_queue) > 0:
+            pixel = pixels_in_queue.pop()
+            visited_pixels.add(pixel)
+            neighbors = []
+            if pixel[0] > 0:
+                neighbors.append((pixel[0] - 1, pixel[1]))
+            if pixel[0] < img.shape[0] - 1:
+                neighbors.append((pixel[0] + 1, pixel[1]))
+            if pixel[1] > 0:
+                neighbors.append((pixel[0], pixel[1] - 1))
+            if pixel[1] < img.shape[1] - 1:
+                neighbors.append((pixel[0], pixel[1] + 1))
+            for neighbor in neighbors:
+                if neighbor in visited_pixels:
+                    continue
+                neighbor_pixel = img[neighbor[0], neighbor[1]]
+                if np.abs(neighbor_pixel - start_pixel).sum() < tolerance:
+                    pixels_in_queue.add(neighbor)
+                    pixels_in_segment.add(neighbor)
+
+        out = img.copy() * 0.2
+        out = out.astype(np.uint8)
+        for pixel in pixels_in_segment:
+            out[pixel[0], pixel[1]] = img[pixel[0], pixel[1]]
+        return out
+
+    input_img.select(get_select_coords, [input_img, tolerance], output_img)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/image_watermark/files/bird.bmp b/demo/image_watermark/files/bird.bmp
new file mode 100644
index 0000000..98efb0c
Binary files /dev/null and b/demo/image_watermark/files/bird.bmp differ
diff --git a/demo/image_watermark/files/logo_nontrans.png b/demo/image_watermark/files/logo_nontrans.png
new file mode 100644
index 0000000..c218870
Binary files /dev/null and b/demo/image_watermark/files/logo_nontrans.png differ
diff --git a/demo/image_watermark/run.py b/demo/image_watermark/run.py
new file mode 100644
index 0000000..6050102
--- /dev/null
+++ b/demo/image_watermark/run.py
@@ -0,0 +1,22 @@
+import gradio as gr
+import os
+from gradio.media import get_image
+
+# get_image() returns file paths to sample media included with Gradio
+base_a = get_image("groot.jpeg")
+base_b = os.path.join(os.path.dirname(__file__), "files/bird.bmp")
+
+watermark_a = get_image("hf-logo_transpng.png")
+watermark_b = os.path.join(os.path.dirname(__file__), "files/logo_nontrans.png")
+watermark_c = get_image("logo.png")
+
+def generate_image(original_image, watermark_image):
+    return gr.Image(original_image, watermark=gr.WatermarkOptions(watermark=watermark_image, position='bottom-left'))
+
+
+demo = gr.Interface(generate_image, [gr.Image(image_mode=None), gr.Image(image_mode=None)], gr.Image(),
+                    api_name="predict",
+                    examples=[[base_a, watermark_a], [base_b, watermark_b], [base_a, watermark_c], [base_a, watermark_c]])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/imageeditor_component/run.py b/demo/imageeditor_component/run.py
new file mode 100644
index 0000000..1b4d52a
--- /dev/null
+++ b/demo/imageeditor_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.ImageEditor()
+
+demo.launch()
diff --git a/demo/imageslider/run.py b/demo/imageslider/run.py
new file mode 100644
index 0000000..456caa1
--- /dev/null
+++ b/demo/imageslider/run.py
@@ -0,0 +1,40 @@
+import gradio as gr
+from PIL import ImageFilter
+
+
+def img_to_slider(im):
+    if not im:
+        return im
+    return (im, im.filter(filter=ImageFilter.GaussianBlur(radius=10)))
+
+
+def slider_to_self(im):
+    if not im or not im[0]:
+        return im
+    return (im[0], im[0].filter(filter=ImageFilter.GaussianBlur(radius=10)))
+
+
+def slider_to_self_two(im):
+    return im
+
+
+def position_to_slider(pos):
+    return gr.ImageSlider(slider_position=pos)
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("## img to image slider")
+    with gr.Row():
+        img1 = gr.Image(label="Blur image", type="pil")
+        img2 = gr.ImageSlider(label="Blur image", type="pil")
+    btn = gr.Button("Blur image")
+    btn.click(img_to_slider, inputs=img1, outputs=img2)
+    gr.Markdown("## unified image slider")
+    with gr.Row():
+        img3 = gr.ImageSlider(label="Blur image", type="pil")
+        img3.upload(slider_to_self, inputs=img3, outputs=img3)
+    pos = gr.Slider(label="Position", value=50, minimum=0, maximum=100, step=0.01)
+    pos.change(position_to_slider, inputs=pos, outputs=img3, show_progress="hidden")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/input_output/run.py b/demo/input_output/run.py
new file mode 100644
index 0000000..394d834
--- /dev/null
+++ b/demo/input_output/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+
+def image_mod(text):
+    return text[::-1]
+
+demo = gr.Blocks()
+
+with demo:
+    text = gr.Textbox(label="Input-Output")
+    btn = gr.Button("Run")
+    btn.click(image_mod, text, text)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/interface_random_slider/run.py b/demo/interface_random_slider/run.py
new file mode 100644
index 0000000..0a9ba70
--- /dev/null
+++ b/demo/interface_random_slider/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+
+def func(slider_1, slider_2, *args):
+    return slider_1 + slider_2 * 5
+
+demo = gr.Interface(
+    func,
+    [
+        gr.Slider(minimum=1.5, maximum=250000.89, randomize=True, label="Random Big Range"),
+        gr.Slider(minimum=-1, maximum=1, randomize=True, step=0.05, label="Random only multiple of 0.05 allowed"),
+        gr.Slider(minimum=0, maximum=1, randomize=True, step=0.25, label="Random only multiples of 0.25 allowed"),
+        gr.Slider(minimum=-100, maximum=100, randomize=True, step=3, label="Random between -100 and 100 step 3"),
+        gr.Slider(minimum=-100, maximum=100, randomize=True, label="Random between -100 and 100"),
+        gr.Slider(value=0.25, minimum=5, maximum=30, step=-1),
+    ],
+    "number",
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/interface_state/run.py b/demo/interface_state/run.py
new file mode 100644
index 0000000..af209ea
--- /dev/null
+++ b/demo/interface_state/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+
+def store_message(message: str, history: list[str]):  # type: ignore
+    output = {
+        "Current messages": message,
+        "Previous messages": history[::-1]
+    }
+    history.append(message)
+    return output, history
+
+demo = gr.Interface(fn=store_message,
+                    inputs=["textbox", gr.State(value=[])],
+                    outputs=["json", gr.State()],
+                    api_name="predict"
+                    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/interface_with_additional_inputs/run.py b/demo/interface_with_additional_inputs/run.py
new file mode 100644
index 0000000..be5e05d
--- /dev/null
+++ b/demo/interface_with_additional_inputs/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+def generate_fake_image(prompt, seed, initial_image=None):
+    return f"Used seed: {seed}", "https://dummyimage.com/300/09f.png"
+
+demo = gr.Interface(
+    generate_fake_image,
+    inputs=["textbox"],
+    outputs=["textbox", "image"],
+    additional_inputs=[
+        gr.Slider(0, 1000),
+        "image"
+    ],
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
+
diff --git a/demo/invisible_textbox/run.py b/demo/invisible_textbox/run.py
new file mode 100644
index 0000000..4c584d7
--- /dev/null
+++ b/demo/invisible_textbox/run.py
@@ -0,0 +1,49 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tabs():
+        with gr.Tab("Invisible Textbox Demo"):
+            textbox = gr.Textbox(visible=False, interactive=True, elem_id="test-textbox")
+
+            with gr.Row():
+                make_visible_btn = gr.Button("Show")
+                hide = gr.Button("Hide")
+                make_invisible_btn = gr.Button("Make Invisible")
+
+            def show():
+                return gr.Textbox(visible=True)
+            make_visible_btn.click(fn=show, outputs=textbox)
+            hide.click(lambda: gr.Textbox(visible=False), outputs=textbox)
+            make_invisible_btn.click(lambda: gr.Textbox(visible="hidden"), outputs=textbox)
+        with gr.Tab("Another Tab"):
+            msg = gr.Markdown("This is another tab to demonstrate that invisible components work across tabs.", visible=False)
+            show_message = gr.Button("Show Message")
+            show_message.click(lambda: gr.Markdown(visible=True), outputs=msg)
+        with gr.Tab("Third Tab"):
+            with gr.Accordion("Third Tab Accordion", open=True, visible=False) as acc:
+                third_msg = gr.Textbox(label="Visible Textbox", interactive=True, visible=True)
+                hidden_number = gr.Number(visible=False, label="Hidden Number", value=100, elem_id="hidden-number")
+                show_number_btn = gr.Button("Show Number")
+                hide_number_btn = gr.Button("Hide Number")
+                show_number_btn.click(lambda: gr.Number(visible=True), outputs=hidden_number)
+                hide_number_btn.click(lambda: gr.Number(visible=False), outputs=hidden_number)
+
+            show_third_message = gr.Button("Show Accordion")
+            show_third_message.click(lambda: gr.Accordion(visible=True), outputs=acc)
+            hide_third_message = gr.Button("Hide Accordion")
+            hide_third_message.click(lambda: gr.Accordion(visible=False), outputs=acc)
+        with gr.Tab("Sliders Tab"):
+            slider1 = gr.Slider(0, 1, value=0, visible=False, elem_id="slider-1")
+            slider2 = gr.Slider(0, 1, value=0, visible=False, elem_id="slider-2")
+            show_sliders_btn = gr.Button("Show Sliders")
+            hide_sliders_btn = gr.Button("Hide Sliders")
+            show_sliders_btn.click(
+                lambda: (gr.Slider(visible=True), gr.Slider(visible=True)),
+                outputs=[slider1, slider2],
+            )
+            hide_sliders_btn.click(
+                lambda: (gr.Slider(visible=False), gr.Slider(visible=False)),
+                outputs=[slider1, slider2],
+            )
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/json_component/requirements.txt b/demo/json_component/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/json_component/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/json_component/run.py b/demo/json_component/run.py
new file mode 100644
index 0000000..315a663
--- /dev/null
+++ b/demo/json_component/run.py
@@ -0,0 +1,24 @@
+import gradio as gr
+import numpy as np
+
+with gr.Blocks() as demo:
+    inp = gr.JSON(
+        label="InputJSON",
+        value={
+            "Key 1": "Value 1",
+            "Key 2": {"Key 3": "Value 2", "Key 4": "Value 3"},
+            "Key 5": ["Item 1", "Item 2", "Item 3"],
+            "Key 6": 123,
+            "Key 7": 123.456,
+            "Key 8": True,
+            "Key 9": False,
+            "Key 10": None,
+            "Key 11": np.array([1, 2, 3]),
+        }
+    )
+    out = gr.JSON(label="OutputJSON")
+    btn = gr.Button("Submit")
+    btn.click(lambda x: x, inp, out)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/kitchen_sink/requirements.txt b/demo/kitchen_sink/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/kitchen_sink/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/kitchen_sink/run.py b/demo/kitchen_sink/run.py
new file mode 100755
index 0000000..ca060c6
--- /dev/null
+++ b/demo/kitchen_sink/run.py
@@ -0,0 +1,166 @@
+import os
+import json
+
+import numpy as np
+
+import gradio as gr
+from gradio.media import get_image, get_video, get_audio, get_file
+
+CHOICES = ["foo", "bar", "baz"]
+JSONOBJ = """{"items":{"item":[{"id": "0001","type": null,"is_good": false,"ppu": 0.55,"batters":{"batter":[{ "id": "1001", "type": "Regular" },{ "id": "1002", "type": "Chocolate" },{ "id": "1003", "type": "Blueberry" },{ "id": "1004", "type": "Devil's Food" }]},"topping":[{ "id": "5001", "type": "None" },{ "id": "5002", "type": "Glazed" },{ "id": "5005", "type": "Sugar" },{ "id": "5007", "type": "Powdered Sugar" },{ "id": "5006", "type": "Chocolate with Sprinkles" },{ "id": "5003", "type": "Chocolate" },{ "id": "5004", "type": "Maple" }]}]}}"""
+
+def fn(
+    text1,
+    text2,
+    num,
+    slider1,
+    slider2,
+    single_checkbox,
+    checkboxes,
+    radio,
+    dropdown,
+    multi_dropdown,
+    im1,
+    # im2,
+    # im3,
+    im4,
+    video,
+    audio1,
+    audio2,
+    file,
+    df1,
+    time,
+):
+    return (
+        (text1 if single_checkbox else text2)
+        + ", selected:"
+        + ", ".join(checkboxes),  # Text
+        {
+            "positive": num / (num + slider1 + slider2),
+            "negative": slider1 / (num + slider1 + slider2),
+            "neutral": slider2 / (num + slider1 + slider2),
+        },  # Label
+        (audio1[0], np.flipud(audio1[1]))
+        if audio1 is not None
+        else get_audio("cantina.wav"),  # Audio
+        np.flipud(im1)
+        if im1 is not None
+        else get_image("cheetah1.jpg"),  # Image
+        video
+        if video is not None
+        else get_video("world.mp4"),  # Video
+        [
+            ("The", "art"),
+            ("quick brown", "adj"),
+            ("fox", "nn"),
+            ("jumped", "vrb"),
+            ("testing testing testing", None),
+            ("over", "prp"),
+            ("the", "art"),
+            ("testing", None),
+            ("lazy", "adj"),
+            ("dogs", "nn"),
+            (".", "punc"),
+        ]
+        + [(f"test {x}", f"test {x}") for x in range(10)],  # HighlightedText
+        # [("The testing testing testing", None), ("quick brown", 0.2), ("fox", 1), ("jumped", -1), ("testing testing testing", 0), ("over", 0), ("the", 0), ("testing", 0), ("lazy", 1), ("dogs", 0), (".", 1)] + [(f"test {x}",  x/10) for x in range(-10, 10)],  # HighlightedText
+        [
+            ("The testing testing testing", None),
+            ("over", 0.6),
+            ("the", 0.2),
+            ("testing", None),
+            ("lazy", -0.1),
+            ("dogs", 0.4),
+            (".", 0),
+        ]
+        + [("test", x / 10) for x in range(-10, 10)],  # HighlightedText
+        json.loads(JSONOBJ),  # JSON
+        "<button style='background-color: red'>Click Me: "
+        + radio
+        + "</button>",  # HTML
+        get_file("titanic.csv"),  # File
+        df1,  # Dataframe
+        np.random.randint(0, 10, (4, 4)),  # Dataframe
+        time, # DateTime
+    )
+
+demo = gr.Interface(
+    fn,
+    inputs=[
+        gr.Textbox(value="Lorem ipsum", label="Textbox"),
+        gr.Textbox(lines=3, placeholder="Type here..", label="Textbox 2"),
+        gr.Number(label="Number", value=42),
+        gr.Slider(10, 20, value=15, label="Slider: 10 - 20"),
+        gr.Slider(maximum=20, step=0.04, label="Slider: step @ 0.04"),
+        gr.Checkbox(label="Checkbox"),
+        gr.CheckboxGroup(label="CheckboxGroup", choices=CHOICES, value=CHOICES[0:2]),
+        gr.Radio(label="Radio", choices=CHOICES, value=CHOICES[2]),
+        gr.Dropdown(label="Dropdown", choices=CHOICES),
+        gr.Dropdown(
+            label="Multiselect Dropdown (Max choice: 2)",
+            choices=CHOICES,
+            multiselect=True,
+            max_choices=2,
+        ),
+        gr.Image(label="Image"),
+        # gr.Image(label="Image w/ Cropper", tool="select"),
+        # gr.Image(label="Sketchpad", source="canvas"),
+        gr.Image(label="Webcam", sources=["webcam"]),
+        gr.Video(label="Video"),
+        gr.Audio(label="Audio"),
+        gr.Audio(label="Microphone", sources=["microphone"]),
+        gr.File(label="File"),
+        gr.Dataframe(label="Dataframe", headers=["Name", "Age", "Gender"]),
+        gr.DateTime(label="DateTime"),
+    ],
+    outputs=[
+        gr.Textbox(label="Textbox"),
+        gr.Label(label="Label"),
+        gr.Audio(label="Audio"),
+        gr.Image(label="Image", elem_id="output-img"),
+        gr.Video(label="Video"),
+        gr.HighlightedText(
+            label="HighlightedText", color_map={"punc": "pink", "test 0": "blue"}
+        ),
+        gr.HighlightedText(label="HighlightedText", show_legend=True),
+        gr.JSON(label="JSON", show_indices=True),
+        gr.HTML(label="HTML"),
+        gr.File(label="File"),
+        gr.Dataframe(label="Dataframe"),
+        gr.Dataframe(label="Numpy"),
+        gr.DateTime(label="DateTime"),
+    ],
+    examples=[
+        [
+            "the quick brown fox",
+            "jumps over the lazy dog",
+            10,
+            12,
+            4,
+            True,
+            ["foo", "baz"],
+            "baz",
+            "bar",
+            ["foo", "bar"],
+            get_image("cheetah1.jpg"),
+            # get_image("cheetah1.jpg"),
+            # get_image("cheetah1.jpg"),
+            get_image("cheetah1.jpg"),
+            get_video("world.mp4"),
+            get_audio("cantina.wav"),
+            get_audio("cantina.wav"),
+            get_file("titanic.csv"),
+            [[1, 2, 3, 4], [4, 5, 6, 7], [8, 9, 1, 2], [3, 4, 5, 6]],
+            "2025-06-10 12:00:00",
+        ]
+    ]
+    * 3,
+    title="Kitchen Sink",
+    description="Try out all the components!",
+    article="Learn more about [Gradio](http://gradio.app)",
+    cache_examples=True,
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/kitchen_sink_random/__init__.py b/demo/kitchen_sink_random/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/demo/kitchen_sink_random/constants.py b/demo/kitchen_sink_random/constants.py
new file mode 100644
index 0000000..239bb2f
--- /dev/null
+++ b/demo/kitchen_sink_random/constants.py
@@ -0,0 +1,59 @@
+import numpy as np
+import matplotlib.pyplot as plt
+import random
+from gradio.media import get_model3d
+
+def random_plot():
+    start_year = 2020
+    x = np.arange(start_year, start_year + random.randint(0, 10))
+    year_count = x.shape[0]
+    plt_format = "-"
+    fig = plt.figure()
+    ax = fig.add_subplot(111)
+    series = np.arange(0, year_count, dtype=float)
+    series = series**2
+    series += np.random.rand(year_count)
+    ax.plot(x, series, plt_format)
+    return fig
+
+highlighted_text_output_1 = [
+    {
+        "entity": "I-LOC",
+        "score": 0.9988978,
+        "index": 2,
+        "word": "Chicago",
+        "start": 5,
+        "end": 12,
+    },
+    {
+        "entity": "I-MISC",
+        "score": 0.9958592,
+        "index": 5,
+        "word": "Pakistani",
+        "start": 22,
+        "end": 31,
+    },
+]
+highlighted_text_output_2 = [
+    {
+        "entity": "I-LOC",
+        "score": 0.9988978,
+        "index": 2,
+        "word": "Chicago",
+        "start": 5,
+        "end": 12,
+    },
+    {
+        "entity": "I-LOC",
+        "score": 0.9958592,
+        "index": 5,
+        "word": "Pakistan",
+        "start": 22,
+        "end": 30,
+    },
+]
+
+highlighted_text = "Does Chicago have any Pakistani restaurants"
+
+def random_model3d():
+    return get_model3d()
diff --git a/demo/kitchen_sink_random/requirements.txt b/demo/kitchen_sink_random/requirements.txt
new file mode 100644
index 0000000..babdd14
--- /dev/null
+++ b/demo/kitchen_sink_random/requirements.txt
@@ -0,0 +1,2 @@
+matplotlib
+pandas
diff --git a/demo/kitchen_sink_random/run.py b/demo/kitchen_sink_random/run.py
new file mode 100644
index 0000000..298991b
--- /dev/null
+++ b/demo/kitchen_sink_random/run.py
@@ -0,0 +1,93 @@
+import gradio as gr
+from datetime import datetime
+import random
+import string
+import pandas as pd
+
+# get_audio(), get_video(), get_image(), get_model3d(), get_file() return file paths to sample media included with Gradio
+from gradio.media import get_audio, get_video, get_image, get_model3d, get_file
+
+from constants import (  # type: ignore
+    highlighted_text,
+    highlighted_text_output_2,
+    highlighted_text_output_1,
+    random_plot,
+)
+
+demo = gr.Interface(
+    lambda *args: args[0],
+    inputs=[
+        gr.Textbox(value=lambda: datetime.now(), label="Current Time"),
+        gr.Number(value=lambda: random.random(), label="Ranom Percentage"),
+        gr.Slider(minimum=-1, maximum=1, randomize=True, label="Slider with randomize"),
+        gr.Slider(
+            minimum=0,
+            maximum=1,
+            value=lambda: random.random(),
+            label="Slider with value func",
+        ),
+        gr.Checkbox(value=lambda: random.random() > 0.5, label="Random Checkbox"),
+        gr.CheckboxGroup(
+            choices=["a", "b", "c", "d"],
+            value=lambda: random.choice(["a", "b", "c", "d"]),
+            label="Random CheckboxGroup",
+        ),
+        gr.Radio(
+            choices=list(string.ascii_lowercase),
+            value=lambda: random.choice(string.ascii_lowercase),
+        ),
+        gr.Dropdown(
+            choices=["a", "b", "c", "d", "e"],
+            value=lambda: random.choice(["a", "b", "c"]),
+        ),
+        gr.Image(
+            value=lambda: get_image()
+        ),
+        gr.Video(value=lambda: get_video("world.mp4")),
+        gr.Audio(value=lambda: get_audio("cantina.wav")),
+        gr.File(
+            value=lambda: get_file("titanic.csv")
+        ),
+        gr.Dataframe(
+            value=lambda: pd.DataFrame(
+                {"random_number_rows": range(random.randint(0, 10))}
+            )
+        ),
+        gr.State(value=lambda: random.choice(string.ascii_lowercase)),
+        gr.ColorPicker(value=lambda: random.choice(["#000000", "#ff0000", "#0000FF"])),
+        gr.Label(value=lambda: random.choice(["Pedestrian", "Car", "Cyclist"])),
+        gr.HighlightedText(
+            value=lambda: random.choice(
+                [
+                    {"text": highlighted_text, "entities": highlighted_text_output_1},
+                    {"text": highlighted_text, "entities": highlighted_text_output_2},
+                ]
+            ),
+        ),
+        gr.JSON(value=lambda: random.choice([{"a": 1}, {"b": 2}])),
+        gr.HTML(
+            value=lambda: random.choice(
+                [
+                    '<p style="color:red;">I am red</p>',
+                    '<p style="color:blue;">I am blue</p>',
+                ]
+            )
+        ),
+        gr.Gallery(
+            value=lambda: [get_image() for _ in range(3)]
+        ),
+        gr.Chatbot(
+            value=lambda: random.choice([[("hello", "hi!")], [("bye", "goodbye!")]])
+        ),
+        gr.Model3D(value=lambda: get_model3d()),
+        gr.Plot(value=random_plot),
+        gr.Markdown(value=lambda: f"### {random.choice(['Hello', 'Hi', 'Goodbye!'])}"),
+    ],
+    outputs=[
+        gr.State(value=lambda: random.choice(string.ascii_lowercase))
+    ],
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/label_component/run.py b/demo/label_component/run.py
new file mode 100644
index 0000000..939732f
--- /dev/null
+++ b/demo/label_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Label(value={"First Label": 0.7, "Second Label": 0.2, "Third Label": 0.1})
+
+demo.launch()
diff --git a/demo/latex/run.py b/demo/latex/run.py
new file mode 100644
index 0000000..abf27dc
--- /dev/null
+++ b/demo/latex/run.py
@@ -0,0 +1,26 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+    r"""
+    # Hello World! $\frac{\sqrt{x + y}}{4}$ is today's lesson
+
+    ## the $\sqrt{x + y}$ is first
+
+    Start with $\frac{\frac{x+1}{x+2}}{x+3}$ then we get $ 2+x $ and $3$.
+    
+    There are three formulas to know:
+    
+    the first is $\gamma^2 + \theta^2 = \omega^2$
+    
+    $\sqrt{x^2+1}$ is next
+    
+    Integral $\int_{a}^{b} x^2 \,dx$ is last
+
+    Start typing below to see the output.
+
+    I spent $5 at the grocery store. Then I bought a $2.50 ice cream cone.
+    """)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/letter_counter/run.py b/demo/letter_counter/run.py
new file mode 100644
index 0000000..ba94b47
--- /dev/null
+++ b/demo/letter_counter/run.py
@@ -0,0 +1,29 @@
+import gradio as gr
+
+def letter_counter(word, letter):
+    """
+    Count the number of occurrences of a letter in a word or text.
+
+    Args:
+        word (str): The input text to search through
+        letter (str): The letter to search for
+
+    Returns:
+        str: A message indicating how many times the letter appears
+    """
+    word = word.lower()
+    letter = letter.lower()
+    count = word.count(letter)
+    return count
+
+demo = gr.Interface(
+    fn=letter_counter,
+    inputs=[gr.Textbox("strawberry"), gr.Textbox("r")],
+    outputs=[gr.Number()],
+    title="Letter Counter",
+    description="Enter text and a letter to count how many times the letter appears in the text.",
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch(mcp_server=True)
diff --git a/demo/line_plot/requirements.txt b/demo/line_plot/requirements.txt
new file mode 100644
index 0000000..7e0e60e
--- /dev/null
+++ b/demo/line_plot/requirements.txt
@@ -0,0 +1,2 @@
+vega_datasets
+pandas
\ No newline at end of file
diff --git a/demo/line_plot/run.py b/demo/line_plot/run.py
new file mode 100644
index 0000000..17f5b11
--- /dev/null
+++ b/demo/line_plot/run.py
@@ -0,0 +1,95 @@
+import gradio as gr
+from vega_datasets import data
+
+stocks = data.stocks()
+gapminder = data.gapminder()
+gapminder = gapminder.loc[
+    gapminder.country.isin(["Argentina", "Australia", "Afghanistan"])
+]
+climate = data.climate()
+seattle_weather = data.seattle_weather()
+
+## Or generate your own fake data, here's an example for stocks:
+#
+# import pandas as pd
+# import random
+#
+# stocks = pd.DataFrame(
+#     {
+#         "symbol": [
+#             random.choice(
+#                 [
+#                     "MSFT",
+#                     "AAPL",
+#                     "AMZN",
+#                     "IBM",
+#                     "GOOG",
+#                 ]
+#             )
+#             for _ in range(120)
+#         ],
+#         "date": [
+#             pd.Timestamp(year=2000 + i, month=j, day=1)
+#             for i in range(10)
+#             for j in range(1, 13)
+#         ],
+#         "price": [random.randint(10, 200) for _ in range(120)],
+#     }
+# )
+
+def line_plot_fn(dataset):
+    if dataset == "stocks":
+        return gr.LinePlot(
+            stocks,
+            x="date",
+            y="price",
+            color="symbol",
+            title="Stock Prices",
+            tooltip=["date", "price", "symbol"],
+            height=300,
+        )
+    elif dataset == "climate":
+        return gr.LinePlot(
+            climate,
+            x="DATE",
+            y="HLY-TEMP-NORMAL",
+            y_lim=[250, 500],
+            title="Climate",
+            tooltip=["DATE", "HLY-TEMP-NORMAL"],
+            height=300,
+        )
+    elif dataset == "seattle_weather":
+        return gr.LinePlot(
+            seattle_weather,
+            x="date",
+            y="temp_min",
+            tooltip=["weather", "date"],
+            title="Seattle Weather",
+            height=300,
+        )
+    elif dataset == "gapminder":
+        return gr.LinePlot(
+            gapminder,
+            x="year",
+            y="life_expect",
+            color="country",
+            title="Life expectancy for countries",
+            x_lim=[1950, 2010],
+            tooltip=["country", "life_expect"],
+            height=300,
+        )
+
+with gr.Blocks() as line_plot:
+    with gr.Row():
+        with gr.Column():
+            dataset = gr.Dropdown(
+                choices=["stocks", "climate", "seattle_weather", "gapminder"],
+                value="stocks",
+            )
+        with gr.Column():
+            plot = gr.LinePlot()
+    dataset.change(line_plot_fn, inputs=dataset, outputs=plot)
+    line_plot.load(fn=line_plot_fn, inputs=dataset, outputs=plot)
+
+if __name__ == "__main__":
+    line_plot.launch()
diff --git a/demo/line_plot_demo/requirements.txt b/demo/line_plot_demo/requirements.txt
new file mode 100644
index 0000000..fb6c7ed
--- /dev/null
+++ b/demo/line_plot_demo/requirements.txt
@@ -0,0 +1 @@
+pandas
diff --git a/demo/line_plot_demo/run.py b/demo/line_plot_demo/run.py
new file mode 100644
index 0000000..f227c53
--- /dev/null
+++ b/demo/line_plot_demo/run.py
@@ -0,0 +1,86 @@
+import pandas as pd
+from random import randint, random
+import gradio as gr
+
+
+temp_sensor_data = pd.DataFrame(
+    {
+        "time": pd.date_range("2021-01-01", end="2021-01-05", periods=200),
+        "temperature": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "humidity": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "location": ["indoor", "outdoor"] * 100,
+    }
+)
+
+food_rating_data = pd.DataFrame(
+    {
+        "cuisine": [["Italian", "Mexican", "Chinese"][i % 3] for i in range(100)],
+        "rating": [random() * 4 + 0.5 * (i % 3) for i in range(100)],
+        "price": [randint(10, 50) + 4 * (i % 3) for i in range(100)],
+        "wait": [random() for i in range(100)],
+    }
+)
+
+with gr.Blocks() as line_plots:
+    with gr.Row():
+        start = gr.DateTime("2021-01-01 00:00:00", label="Start")
+        end = gr.DateTime("2021-01-05 00:00:00", label="End")
+        apply_btn = gr.Button("Apply", scale=0)
+    with gr.Row():
+        group_by = gr.Radio(["None", "30m", "1h", "4h", "1d"], value="None", label="Group by")
+        aggregate = gr.Radio(["sum", "mean", "median", "min", "max"], value="sum", label="Aggregation")
+
+    temp_by_time = gr.LinePlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+    )
+    temp_by_time_location = gr.LinePlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+        color="location",
+    )
+
+    time_graphs = [temp_by_time, temp_by_time_location]
+    group_by.change(
+        lambda group: [gr.LinePlot(x_bin=None if group == "None" else group)] * len(time_graphs),
+        group_by,
+        time_graphs
+    )
+    aggregate.change(
+        lambda aggregate: [gr.LinePlot(y_aggregate=aggregate)] * len(time_graphs),
+        aggregate,
+        time_graphs
+    )
+
+    def rescale(select: gr.SelectData):
+        return select.index
+    rescale_evt = gr.on([plot.select for plot in time_graphs], rescale, None, [start, end])
+
+    for trigger in [apply_btn.click, rescale_evt.then]:
+        trigger(
+            lambda start, end: [gr.LinePlot(x_lim=[start, end])] * len(time_graphs), [start, end], time_graphs
+        )
+
+    price_by_cuisine = gr.LinePlot(
+        food_rating_data,
+        x="cuisine",
+        y="price",
+    )
+    with gr.Row():
+        price_by_rating = gr.LinePlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+        )
+        price_by_rating_color = gr.LinePlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            color="cuisine",
+            color_map={"Italian": "red", "Mexican": "green", "Chinese": "blue"},
+        )
+
+if __name__ == "__main__":
+    line_plots.launch()
diff --git a/demo/lineplot_component/requirements.txt b/demo/lineplot_component/requirements.txt
new file mode 100644
index 0000000..d1c8a7a
--- /dev/null
+++ b/demo/lineplot_component/requirements.txt
@@ -0,0 +1 @@
+vega_datasets
\ No newline at end of file
diff --git a/demo/lineplot_component/run.py b/demo/lineplot_component/run.py
new file mode 100644
index 0000000..1fbc6f2
--- /dev/null
+++ b/demo/lineplot_component/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+from vega_datasets import data
+
+with gr.Blocks() as demo:
+    gr.LinePlot(
+        data.stocks(),
+        x="date",
+        y="price",
+        color="symbol",
+        title="Stock Prices",
+        tooltip=["date", "price", "symbol"],
+        height=300,
+        container=False,
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/live_dashboard/DESCRIPTION.md b/demo/live_dashboard/DESCRIPTION.md
new file mode 100644
index 0000000..4d2bfeb
--- /dev/null
+++ b/demo/live_dashboard/DESCRIPTION.md
@@ -0,0 +1,3 @@
+This demo shows how you can build a live interactive dashboard with gradio.
+The current time is refreshed every second and the plot every half second by using the 'every' keyword in the event handler.
+Changing the value of the slider will control the period of the sine curve (the distance between peaks). 
\ No newline at end of file
diff --git a/demo/live_dashboard/requirements.txt b/demo/live_dashboard/requirements.txt
new file mode 100644
index 0000000..38c5515
--- /dev/null
+++ b/demo/live_dashboard/requirements.txt
@@ -0,0 +1,3 @@
+numpy
+pandas
+plotly
diff --git a/demo/live_dashboard/run.py b/demo/live_dashboard/run.py
new file mode 100644
index 0000000..16052c7
--- /dev/null
+++ b/demo/live_dashboard/run.py
@@ -0,0 +1,51 @@
+import math
+
+import pandas as pd
+
+import gradio as gr
+import datetime
+import numpy as np
+
+def get_time():
+    return datetime.datetime.now()
+
+plot_end = 2 * math.pi
+
+def get_plot(period=1):
+    global plot_end
+    x = np.arange(plot_end - 2 * math.pi, plot_end, 0.02)
+    y = np.sin(2 * math.pi * period * x)
+    update = gr.LinePlot(
+        value=pd.DataFrame({"x": x, "y": y}),
+        x="x",
+        y="y",
+        title="Plot (updates every second)",
+        height=350,
+    )
+    plot_end += 0.1
+    return update
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            c_time2 = gr.Textbox(label="Current Time refreshed every second")
+            period = gr.Slider(
+                label="Period of plot", value=1, minimum=0, maximum=10
+            )
+            plot = gr.LinePlot(show_label=False)
+        with gr.Column():
+            start_time = gr.Textbox(label="Start Time")
+            end_time = gr.Textbox(label="End Time")
+
+    timer = gr.Timer(1)
+
+    timer.tick(lambda: datetime.datetime.now(), None, c_time2)
+    timer.tick(get_plot, period, plot)
+
+    def select(selection_range: gr.SelectData):
+        return gr.LinePlot(x_lim=selection_range.index), selection_range.index[0], selection_range.index[1]
+    plot.select(select, None, [plot, start_time, end_time])
+    plot.double_click(lambda: gr.LinePlot(x_lim=None), None, plot)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/live_with_vars/run.py b/demo/live_with_vars/run.py
new file mode 100644
index 0000000..736b165
--- /dev/null
+++ b/demo/live_with_vars/run.py
@@ -0,0 +1,9 @@
+import gradio as gr
+
+demo = gr.Interface(
+    lambda x, y: (x + y if y is not None else x, x + y if y is not None else x),
+    ["textbox", "state"],
+    ["textbox", "state"], live=True, api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/llm_claude/requirements.txt b/demo/llm_claude/requirements.txt
new file mode 100644
index 0000000..3ceaffc
--- /dev/null
+++ b/demo/llm_claude/requirements.txt
@@ -0,0 +1 @@
+openai>=1.0.0
\ No newline at end of file
diff --git a/demo/llm_claude/run.py b/demo/llm_claude/run.py
new file mode 100644
index 0000000..a18f510
--- /dev/null
+++ b/demo/llm_claude/run.py
@@ -0,0 +1,41 @@
+# This is a simple 20 questions-style game built on top of the Anthropic API.
+# Before running this, make sure you have exported your Anthropic API key as an environment variable:
+# export ANTHROPIC_API_KEY="your-anthropic-api-key"
+
+import anthropic  # type: ignore
+import gradio as gr
+
+client = anthropic.Anthropic()
+
+def predict(message, history):
+    keys_to_keep = ["role", "content"]
+    history = [{k: d[k] for k in keys_to_keep if k in d} for d in history]
+    history.append({"role": "user", "content": message})
+    if len(history) > 20:
+        history.append({"role": "user", "content": "DONE"})
+    output = client.messages.create(
+        messages=history,  # type: ignore
+        model="claude-3-5-sonnet-20241022",
+        max_tokens=1000,
+        system="You are guessing an object that the user is thinking of. You can ask 10 yes/no questions. Keep asking questions until the user says DONE"
+    )
+    return {
+        "role": "assistant",
+        "content": output.content[0].text,  # type: ignore
+        "options": [{"value": "Yes"}, {"value": "No"}]
+    }
+
+placeholder = """
+<center><h1>10 Questions</h1><br>Think of a person, place, or thing. I'll ask you 10 yes/no questions to try and guess it.
+</center>
+"""
+
+demo = gr.ChatInterface(
+    predict,
+    examples=["Start!"],
+    chatbot=gr.Chatbot(placeholder=placeholder),
+    api_name="chat",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/llm_hf_transformers/requirements.txt b/demo/llm_hf_transformers/requirements.txt
new file mode 100644
index 0000000..fdc264a
--- /dev/null
+++ b/demo/llm_hf_transformers/requirements.txt
@@ -0,0 +1,2 @@
+transformers>=4.46.0
+torch>=2.3.1
diff --git a/demo/llm_hf_transformers/run.py b/demo/llm_hf_transformers/run.py
new file mode 100644
index 0000000..b0ea5c3
--- /dev/null
+++ b/demo/llm_hf_transformers/run.py
@@ -0,0 +1,24 @@
+# type: ignore
+import gradio as gr
+from transformers import AutoModelForCausalLM, AutoTokenizer
+
+checkpoint = "HuggingFaceTB/SmolLM2-135M-Instruct"
+device = "cpu"  # "cuda" or "cpu"
+tokenizer = AutoTokenizer.from_pretrained(checkpoint)
+model = AutoModelForCausalLM.from_pretrained(checkpoint).to(device)
+
+
+def predict(message, history):
+    messages = history + [{"role": "user", "content": message}]
+    input_text = tokenizer.apply_chat_template(messages, tokenize=False)
+    inputs = tokenizer.encode(input_text, return_tensors="pt").to(device)  # type: ignore
+    outputs = model.generate(inputs, max_new_tokens=100, temperature=0.2, top_p=0.9, do_sample=True)
+    decoded = tokenizer.decode(outputs[0])
+    response = decoded.split("<|im_start|>assistant\n")[-1].split("<|im_end|>")[0]
+    return response
+
+
+demo = gr.ChatInterface(predict, api_name="chat")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/llm_hyperbolic/requirements.txt b/demo/llm_hyperbolic/requirements.txt
new file mode 100644
index 0000000..aa2b704
--- /dev/null
+++ b/demo/llm_hyperbolic/requirements.txt
@@ -0,0 +1 @@
+openai>=1.0.0
diff --git a/demo/llm_hyperbolic/run.py b/demo/llm_hyperbolic/run.py
new file mode 100644
index 0000000..d525cc4
--- /dev/null
+++ b/demo/llm_hyperbolic/run.py
@@ -0,0 +1,28 @@
+# This is a simple general-purpose chatbot built on top of Hyperbolic API. 
+# Before running this, make sure you have exported your Hyperbolic API key as an environment variable:
+# export HYPERBOLIC_API_KEY="your-hyperbolic-api-key"
+
+import os
+import gradio as gr
+from openai import OpenAI
+
+api_key = os.getenv("HYPERBOLIC_API_KEY")
+
+client = OpenAI(
+    base_url="https://api.hyperbolic.xyz/v1/",
+    api_key=api_key,
+)
+
+def predict(message, history):
+    history.append({"role": "user", "content": message})
+    stream = client.chat.completions.create(messages=history, model="gpt-4o-mini", stream=True)
+    chunks = []
+    for chunk in stream:
+        chunks.append(chunk.choices[0].delta.content or "")
+        yield "".join(chunks)
+
+demo = gr.ChatInterface(predict, api_name="chat")
+
+if __name__ == "__main__":
+    demo.launch()
+
diff --git a/demo/llm_langchain/requirements.txt b/demo/llm_langchain/requirements.txt
new file mode 100644
index 0000000..66e69c3
--- /dev/null
+++ b/demo/llm_langchain/requirements.txt
@@ -0,0 +1,3 @@
+langchain
+langchain-openai
+pytz
diff --git a/demo/llm_langchain/run.py b/demo/llm_langchain/run.py
new file mode 100644
index 0000000..fce3cfd
--- /dev/null
+++ b/demo/llm_langchain/run.py
@@ -0,0 +1,30 @@
+# This is a simple general-purpose chatbot built on top of LangChain and Gradio.
+# Before running this, make sure you have exported your OpenAI API key as an environment variable:
+# export OPENAI_API_KEY="your-openai-api-key"
+
+import gradio as gr
+from langchain.messages import AIMessage, HumanMessage  # type: ignore
+from langchain_openai import ChatOpenAI  # type: ignore
+
+model = ChatOpenAI(model="gpt-4o-mini")
+
+
+def predict(message, history):
+    history_langchain_format = []
+    for msg in history:
+        if msg["role"] == "user":
+            history_langchain_format.append(HumanMessage(content=msg["content"]))
+        elif msg["role"] == "assistant":
+            history_langchain_format.append(AIMessage(content=msg["content"]))
+    history_langchain_format.append(HumanMessage(content=message))
+    gpt_response = model.invoke(history_langchain_format)
+    return gpt_response.content
+
+
+demo = gr.ChatInterface(
+    predict,
+    api_name="chat",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/llm_llamaindex/paul_graham.txt b/demo/llm_llamaindex/paul_graham.txt
new file mode 100644
index 0000000..6ebd858
--- /dev/null
+++ b/demo/llm_llamaindex/paul_graham.txt
@@ -0,0 +1,353 @@
+
+
+What I Worked On
+
+February 2021
+
+Before college the two main things I worked on, outside of school, were writing and programming. I didn't write essays. I wrote what beginning writers were supposed to write then, and probably still are: short stories. My stories were awful. They had hardly any plot, just characters with strong feelings, which I imagined made them deep.
+
+The first programs I tried writing were on the IBM 1401 that our school district used for what was then called "data processing." This was in 9th grade, so I was 13 or 14. The school district's 1401 happened to be in the basement of our junior high school, and my friend Rich Draves and I got permission to use it. It was like a mini Bond villain's lair down there, with all these alien-looking machines — CPU, disk drives, printer, card reader — sitting up on a raised floor under bright fluorescent lights.
+
+The language we used was an early version of Fortran. You had to type programs on punch cards, then stack them in the card reader and press a button to load the program into memory and run it. The result would ordinarily be to print something on the spectacularly loud printer.
+
+I was puzzled by the 1401. I couldn't figure out what to do with it. And in retrospect there's not much I could have done with it. The only form of input to programs was data stored on punched cards, and I didn't have any data stored on punched cards. The only other option was to do things that didn't rely on any input, like calculate approximations of pi, but I didn't know enough math to do anything interesting of that type. So I'm not surprised I can't remember any programs I wrote, because they can't have done much. My clearest memory is of the moment I learned it was possible for programs not to terminate, when one of mine didn't. On a machine without time-sharing, this was a social as well as a technical error, as the data center manager's expression made clear.
+
+With microcomputers, everything changed. Now you could have a computer sitting right in front of you, on a desk, that could respond to your keystrokes as it was running instead of just churning through a stack of punch cards and then stopping. [1]
+
+The first of my friends to get a microcomputer built it himself. It was sold as a kit by Heathkit. I remember vividly how impressed and envious I felt watching him sitting in front of it, typing programs right into the computer.
+
+Computers were expensive in those days and it took me years of nagging before I convinced my father to buy one, a TRS-80, in about 1980. The gold standard then was the Apple II, but a TRS-80 was good enough. This was when I really started programming. I wrote simple games, a program to predict how high my model rockets would fly, and a word processor that my father used to write at least one book. There was only room in memory for about 2 pages of text, so he'd write 2 pages at a time and then print them out, but it was a lot better than a typewriter.
+
+Though I liked programming, I didn't plan to study it in college. In college I was going to study philosophy, which sounded much more powerful. It seemed, to my naive high school self, to be the study of the ultimate truths, compared to which the things studied in other fields would be mere domain knowledge. What I discovered when I got to college was that the other fields took up so much of the space of ideas that there wasn't much left for these supposed ultimate truths. All that seemed left for philosophy were edge cases that people in other fields felt could safely be ignored.
+
+I couldn't have put this into words when I was 18. All I knew at the time was that I kept taking philosophy courses and they kept being boring. So I decided to switch to AI.
+
+AI was in the air in the mid 1980s, but there were two things especially that made me want to work on it: a novel by Heinlein called The Moon is a Harsh Mistress, which featured an intelligent computer called Mike, and a PBS documentary that showed Terry Winograd using SHRDLU. I haven't tried rereading The Moon is a Harsh Mistress, so I don't know how well it has aged, but when I read it I was drawn entirely into its world. It seemed only a matter of time before we'd have Mike, and when I saw Winograd using SHRDLU, it seemed like that time would be a few years at most. All you had to do was teach SHRDLU more words.
+
+There weren't any classes in AI at Cornell then, not even graduate classes, so I started trying to teach myself. Which meant learning Lisp, since in those days Lisp was regarded as the language of AI. The commonly used programming languages then were pretty primitive, and programmers' ideas correspondingly so. The default language at Cornell was a Pascal-like language called PL/I, and the situation was similar elsewhere. Learning Lisp expanded my concept of a program so fast that it was years before I started to have a sense of where the new limits were. This was more like it; this was what I had expected college to do. It wasn't happening in a class, like it was supposed to, but that was ok. For the next couple years I was on a roll. I knew what I was going to do.
+
+For my undergraduate thesis, I reverse-engineered SHRDLU. My God did I love working on that program. It was a pleasing bit of code, but what made it even more exciting was my belief — hard to imagine now, but not unique in 1985 — that it was already climbing the lower slopes of intelligence.
+
+I had gotten into a program at Cornell that didn't make you choose a major. You could take whatever classes you liked, and choose whatever you liked to put on your degree. I of course chose "Artificial Intelligence." When I got the actual physical diploma, I was dismayed to find that the quotes had been included, which made them read as scare-quotes. At the time this bothered me, but now it seems amusingly accurate, for reasons I was about to discover.
+
+I applied to 3 grad schools: MIT and Yale, which were renowned for AI at the time, and Harvard, which I'd visited because Rich Draves went there, and was also home to Bill Woods, who'd invented the type of parser I used in my SHRDLU clone. Only Harvard accepted me, so that was where I went.
+
+I don't remember the moment it happened, or if there even was a specific moment, but during the first year of grad school I realized that AI, as practiced at the time, was a hoax. By which I mean the sort of AI in which a program that's told "the dog is sitting on the chair" translates this into some formal representation and adds it to the list of things it knows.
+
+What these programs really showed was that there's a subset of natural language that's a formal language. But a very proper subset. It was clear that there was an unbridgeable gap between what they could do and actually understanding natural language. It was not, in fact, simply a matter of teaching SHRDLU more words. That whole way of doing AI, with explicit data structures representing concepts, was not going to work. Its brokenness did, as so often happens, generate a lot of opportunities to write papers about various band-aids that could be applied to it, but it was never going to get us Mike.
+
+So I looked around to see what I could salvage from the wreckage of my plans, and there was Lisp. I knew from experience that Lisp was interesting for its own sake and not just for its association with AI, even though that was the main reason people cared about it at the time. So I decided to focus on Lisp. In fact, I decided to write a book about Lisp hacking. It's scary to think how little I knew about Lisp hacking when I started writing that book. But there's nothing like writing a book about something to help you learn it. The book, On Lisp, wasn't published till 1993, but I wrote much of it in grad school.
+
+Computer Science is an uneasy alliance between two halves, theory and systems. The theory people prove things, and the systems people build things. I wanted to build things. I had plenty of respect for theory — indeed, a sneaking suspicion that it was the more admirable of the two halves — but building things seemed so much more exciting.
+
+The problem with systems work, though, was that it didn't last. Any program you wrote today, no matter how good, would be obsolete in a couple decades at best. People might mention your software in footnotes, but no one would actually use it. And indeed, it would seem very feeble work. Only people with a sense of the history of the field would even realize that, in its time, it had been good.
+
+There were some surplus Xerox Dandelions floating around the computer lab at one point. Anyone who wanted one to play around with could have one. I was briefly tempted, but they were so slow by present standards; what was the point? No one else wanted one either, so off they went. That was what happened to systems work.
+
+I wanted not just to build things, but to build things that would last.
+
+In this dissatisfied state I went in 1988 to visit Rich Draves at CMU, where he was in grad school. One day I went to visit the Carnegie Institute, where I'd spent a lot of time as a kid. While looking at a painting there I realized something that might seem obvious, but was a big surprise to me. There, right on the wall, was something you could make that would last. Paintings didn't become obsolete. Some of the best ones were hundreds of years old.
+
+And moreover this was something you could make a living doing. Not as easily as you could by writing software, of course, but I thought if you were really industrious and lived really cheaply, it had to be possible to make enough to survive. And as an artist you could be truly independent. You wouldn't have a boss, or even need to get research funding.
+
+I had always liked looking at paintings. Could I make them? I had no idea. I'd never imagined it was even possible. I knew intellectually that people made art — that it didn't just appear spontaneously — but it was as if the people who made it were a different species. They either lived long ago or were mysterious geniuses doing strange things in profiles in Life magazine. The idea of actually being able to make art, to put that verb before that noun, seemed almost miraculous.
+
+That fall I started taking art classes at Harvard. Grad students could take classes in any department, and my advisor, Tom Cheatham, was very easy going. If he even knew about the strange classes I was taking, he never said anything.
+
+So now I was in a PhD program in computer science, yet planning to be an artist, yet also genuinely in love with Lisp hacking and working away at On Lisp. In other words, like many a grad student, I was working energetically on multiple projects that were not my thesis.
+
+I didn't see a way out of this situation. I didn't want to drop out of grad school, but how else was I going to get out? I remember when my friend Robert Morris got kicked out of Cornell for writing the internet worm of 1988, I was envious that he'd found such a spectacular way to get out of grad school.
+
+Then one day in April 1990 a crack appeared in the wall. I ran into professor Cheatham and he asked if I was far enough along to graduate that June. I didn't have a word of my dissertation written, but in what must have been the quickest bit of thinking in my life, I decided to take a shot at writing one in the 5 weeks or so that remained before the deadline, reusing parts of On Lisp where I could, and I was able to respond, with no perceptible delay "Yes, I think so. I'll give you something to read in a few days."
+
+I picked applications of continuations as the topic. In retrospect I should have written about macros and embedded languages. There's a whole world there that's barely been explored. But all I wanted was to get out of grad school, and my rapidly written dissertation sufficed, just barely.
+
+Meanwhile I was applying to art schools. I applied to two: RISD in the US, and the Accademia di Belli Arti in Florence, which, because it was the oldest art school, I imagined would be good. RISD accepted me, and I never heard back from the Accademia, so off to Providence I went.
+
+I'd applied for the BFA program at RISD, which meant in effect that I had to go to college again. This was not as strange as it sounds, because I was only 25, and art schools are full of people of different ages. RISD counted me as a transfer sophomore and said I had to do the foundation that summer. The foundation means the classes that everyone has to take in fundamental subjects like drawing, color, and design.
+
+Toward the end of the summer I got a big surprise: a letter from the Accademia, which had been delayed because they'd sent it to Cambridge England instead of Cambridge Massachusetts, inviting me to take the entrance exam in Florence that fall. This was now only weeks away. My nice landlady let me leave my stuff in her attic. I had some money saved from consulting work I'd done in grad school; there was probably enough to last a year if I lived cheaply. Now all I had to do was learn Italian.
+
+Only stranieri (foreigners) had to take this entrance exam. In retrospect it may well have been a way of excluding them, because there were so many stranieri attracted by the idea of studying art in Florence that the Italian students would otherwise have been outnumbered. I was in decent shape at painting and drawing from the RISD foundation that summer, but I still don't know how I managed to pass the written exam. I remember that I answered the essay question by writing about Cezanne, and that I cranked up the intellectual level as high as I could to make the most of my limited vocabulary. [2]
+
+I'm only up to age 25 and already there are such conspicuous patterns. Here I was, yet again about to attend some august institution in the hopes of learning about some prestigious subject, and yet again about to be disappointed. The students and faculty in the painting department at the Accademia were the nicest people you could imagine, but they had long since arrived at an arrangement whereby the students wouldn't require the faculty to teach anything, and in return the faculty wouldn't require the students to learn anything. And at the same time all involved would adhere outwardly to the conventions of a 19th century atelier. We actually had one of those little stoves, fed with kindling, that you see in 19th century studio paintings, and a nude model sitting as close to it as possible without getting burned. Except hardly anyone else painted her besides me. The rest of the students spent their time chatting or occasionally trying to imitate things they'd seen in American art magazines.
+
+Our model turned out to live just down the street from me. She made a living from a combination of modelling and making fakes for a local antique dealer. She'd copy an obscure old painting out of a book, and then he'd take the copy and maltreat it to make it look old. [3]
+
+While I was a student at the Accademia I started painting still lives in my bedroom at night. These paintings were tiny, because the room was, and because I painted them on leftover scraps of canvas, which was all I could afford at the time. Painting still lives is different from painting people, because the subject, as its name suggests, can't move. People can't sit for more than about 15 minutes at a time, and when they do they don't sit very still. So the traditional m.o. for painting people is to know how to paint a generic person, which you then modify to match the specific person you're painting. Whereas a still life you can, if you want, copy pixel by pixel from what you're seeing. You don't want to stop there, of course, or you get merely photographic accuracy, and what makes a still life interesting is that it's been through a head. You want to emphasize the visual cues that tell you, for example, that the reason the color changes suddenly at a certain point is that it's the edge of an object. By subtly emphasizing such things you can make paintings that are more realistic than photographs not just in some metaphorical sense, but in the strict information-theoretic sense. [4]
+
+I liked painting still lives because I was curious about what I was seeing. In everyday life, we aren't consciously aware of much we're seeing. Most visual perception is handled by low-level processes that merely tell your brain "that's a water droplet" without telling you details like where the lightest and darkest points are, or "that's a bush" without telling you the shape and position of every leaf. This is a feature of brains, not a bug. In everyday life it would be distracting to notice every leaf on every bush. But when you have to paint something, you have to look more closely, and when you do there's a lot to see. You can still be noticing new things after days of trying to paint something people usually take for granted, just as you can after days of trying to write an essay about something people usually take for granted.
+
+This is not the only way to paint. I'm not 100% sure it's even a good way to paint. But it seemed a good enough bet to be worth trying.
+
+Our teacher, professor Ulivi, was a nice guy. He could see I worked hard, and gave me a good grade, which he wrote down in a sort of passport each student had. But the Accademia wasn't teaching me anything except Italian, and my money was running out, so at the end of the first year I went back to the US.
+
+I wanted to go back to RISD, but I was now broke and RISD was very expensive, so I decided to get a job for a year and then return to RISD the next fall. I got one at a company called Interleaf, which made software for creating documents. You mean like Microsoft Word? Exactly. That was how I learned that low end software tends to eat high end software. But Interleaf still had a few years to live yet. [5]
+
+Interleaf had done something pretty bold. Inspired by Emacs, they'd added a scripting language, and even made the scripting language a dialect of Lisp. Now they wanted a Lisp hacker to write things in it. This was the closest thing I've had to a normal job, and I hereby apologize to my boss and coworkers, because I was a bad employee. Their Lisp was the thinnest icing on a giant C cake, and since I didn't know C and didn't want to learn it, I never understood most of the software. Plus I was terribly irresponsible. This was back when a programming job meant showing up every day during certain working hours. That seemed unnatural to me, and on this point the rest of the world is coming around to my way of thinking, but at the time it caused a lot of friction. Toward the end of the year I spent much of my time surreptitiously working on On Lisp, which I had by this time gotten a contract to publish.
+
+The good part was that I got paid huge amounts of money, especially by art student standards. In Florence, after paying my part of the rent, my budget for everything else had been $7 a day. Now I was getting paid more than 4 times that every hour, even when I was just sitting in a meeting. By living cheaply I not only managed to save enough to go back to RISD, but also paid off my college loans.
+
+I learned some useful things at Interleaf, though they were mostly about what not to do. I learned that it's better for technology companies to be run by product people than sales people (though sales is a real skill and people who are good at it are really good at it), that it leads to bugs when code is edited by too many people, that cheap office space is no bargain if it's depressing, that planned meetings are inferior to corridor conversations, that big, bureaucratic customers are a dangerous source of money, and that there's not much overlap between conventional office hours and the optimal time for hacking, or conventional offices and the optimal place for it.
+
+But the most important thing I learned, and which I used in both Viaweb and Y Combinator, is that the low end eats the high end: that it's good to be the "entry level" option, even though that will be less prestigious, because if you're not, someone else will be, and will squash you against the ceiling. Which in turn means that prestige is a danger sign.
+
+When I left to go back to RISD the next fall, I arranged to do freelance work for the group that did projects for customers, and this was how I survived for the next several years. When I came back to visit for a project later on, someone told me about a new thing called HTML, which was, as he described it, a derivative of SGML. Markup language enthusiasts were an occupational hazard at Interleaf and I ignored him, but this HTML thing later became a big part of my life.
+
+In the fall of 1992 I moved back to Providence to continue at RISD. The foundation had merely been intro stuff, and the Accademia had been a (very civilized) joke. Now I was going to see what real art school was like. But alas it was more like the Accademia than not. Better organized, certainly, and a lot more expensive, but it was now becoming clear that art school did not bear the same relationship to art that medical school bore to medicine. At least not the painting department. The textile department, which my next door neighbor belonged to, seemed to be pretty rigorous. No doubt illustration and architecture were too. But painting was post-rigorous. Painting students were supposed to express themselves, which to the more worldly ones meant to try to cook up some sort of distinctive signature style.
+
+A signature style is the visual equivalent of what in show business is known as a "schtick": something that immediately identifies the work as yours and no one else's. For example, when you see a painting that looks like a certain kind of cartoon, you know it's by Roy Lichtenstein. So if you see a big painting of this type hanging in the apartment of a hedge fund manager, you know he paid millions of dollars for it. That's not always why artists have a signature style, but it's usually why buyers pay a lot for such work. [6]
+
+There were plenty of earnest students too: kids who "could draw" in high school, and now had come to what was supposed to be the best art school in the country, to learn to draw even better. They tended to be confused and demoralized by what they found at RISD, but they kept going, because painting was what they did. I was not one of the kids who could draw in high school, but at RISD I was definitely closer to their tribe than the tribe of signature style seekers.
+
+I learned a lot in the color class I took at RISD, but otherwise I was basically teaching myself to paint, and I could do that for free. So in 1993 I dropped out. I hung around Providence for a bit, and then my college friend Nancy Parmet did me a big favor. A rent-controlled apartment in a building her mother owned in New York was becoming vacant. Did I want it? It wasn't much more than my current place, and New York was supposed to be where the artists were. So yes, I wanted it! [7]
+
+Asterix comics begin by zooming in on a tiny corner of Roman Gaul that turns out not to be controlled by the Romans. You can do something similar on a map of New York City: if you zoom in on the Upper East Side, there's a tiny corner that's not rich, or at least wasn't in 1993. It's called Yorkville, and that was my new home. Now I was a New York artist — in the strictly technical sense of making paintings and living in New York.
+
+I was nervous about money, because I could sense that Interleaf was on the way down. Freelance Lisp hacking work was very rare, and I didn't want to have to program in another language, which in those days would have meant C++ if I was lucky. So with my unerring nose for financial opportunity, I decided to write another book on Lisp. This would be a popular book, the sort of book that could be used as a textbook. I imagined myself living frugally off the royalties and spending all my time painting. (The painting on the cover of this book, ANSI Common Lisp, is one that I painted around this time.)
+
+The best thing about New York for me was the presence of Idelle and Julian Weber. Idelle Weber was a painter, one of the early photorealists, and I'd taken her painting class at Harvard. I've never known a teacher more beloved by her students. Large numbers of former students kept in touch with her, including me. After I moved to New York I became her de facto studio assistant.
+
+She liked to paint on big, square canvases, 4 to 5 feet on a side. One day in late 1994 as I was stretching one of these monsters there was something on the radio about a famous fund manager. He wasn't that much older than me, and was super rich. The thought suddenly occurred to me: why don't I become rich? Then I'll be able to work on whatever I want.
+
+Meanwhile I'd been hearing more and more about this new thing called the World Wide Web. Robert Morris showed it to me when I visited him in Cambridge, where he was now in grad school at Harvard. It seemed to me that the web would be a big deal. I'd seen what graphical user interfaces had done for the popularity of microcomputers. It seemed like the web would do the same for the internet.
+
+If I wanted to get rich, here was the next train leaving the station. I was right about that part. What I got wrong was the idea. I decided we should start a company to put art galleries online. I can't honestly say, after reading so many Y Combinator applications, that this was the worst startup idea ever, but it was up there. Art galleries didn't want to be online, and still don't, not the fancy ones. That's not how they sell. I wrote some software to generate web sites for galleries, and Robert wrote some to resize images and set up an http server to serve the pages. Then we tried to sign up galleries. To call this a difficult sale would be an understatement. It was difficult to give away. A few galleries let us make sites for them for free, but none paid us.
+
+Then some online stores started to appear, and I realized that except for the order buttons they were identical to the sites we'd been generating for galleries. This impressive-sounding thing called an "internet storefront" was something we already knew how to build.
+
+So in the summer of 1995, after I submitted the camera-ready copy of ANSI Common Lisp to the publishers, we started trying to write software to build online stores. At first this was going to be normal desktop software, which in those days meant Windows software. That was an alarming prospect, because neither of us knew how to write Windows software or wanted to learn. We lived in the Unix world. But we decided we'd at least try writing a prototype store builder on Unix. Robert wrote a shopping cart, and I wrote a new site generator for stores — in Lisp, of course.
+
+We were working out of Robert's apartment in Cambridge. His roommate was away for big chunks of time, during which I got to sleep in his room. For some reason there was no bed frame or sheets, just a mattress on the floor. One morning as I was lying on this mattress I had an idea that made me sit up like a capital L. What if we ran the software on the server, and let users control it by clicking on links? Then we'd never have to write anything to run on users' computers. We could generate the sites on the same server we'd serve them from. Users wouldn't need anything more than a browser.
+
+This kind of software, known as a web app, is common now, but at the time it wasn't clear that it was even possible. To find out, we decided to try making a version of our store builder that you could control through the browser. A couple days later, on August 12, we had one that worked. The UI was horrible, but it proved you could build a whole store through the browser, without any client software or typing anything into the command line on the server.
+
+Now we felt like we were really onto something. I had visions of a whole new generation of software working this way. You wouldn't need versions, or ports, or any of that crap. At Interleaf there had been a whole group called Release Engineering that seemed to be at least as big as the group that actually wrote the software. Now you could just update the software right on the server.
+
+We started a new company we called Viaweb, after the fact that our software worked via the web, and we got $10,000 in seed funding from Idelle's husband Julian. In return for that and doing the initial legal work and giving us business advice, we gave him 10% of the company. Ten years later this deal became the model for Y Combinator's. We knew founders needed something like this, because we'd needed it ourselves.
+
+At this stage I had a negative net worth, because the thousand dollars or so I had in the bank was more than counterbalanced by what I owed the government in taxes. (Had I diligently set aside the proper proportion of the money I'd made consulting for Interleaf? No, I had not.) So although Robert had his graduate student stipend, I needed that seed funding to live on.
+
+We originally hoped to launch in September, but we got more ambitious about the software as we worked on it. Eventually we managed to build a WYSIWYG site builder, in the sense that as you were creating pages, they looked exactly like the static ones that would be generated later, except that instead of leading to static pages, the links all referred to closures stored in a hash table on the server.
+
+It helped to have studied art, because the main goal of an online store builder is to make users look legit, and the key to looking legit is high production values. If you get page layouts and fonts and colors right, you can make a guy running a store out of his bedroom look more legit than a big company.
+
+(If you're curious why my site looks so old-fashioned, it's because it's still made with this software. It may look clunky today, but in 1996 it was the last word in slick.)
+
+In September, Robert rebelled. "We've been working on this for a month," he said, "and it's still not done." This is funny in retrospect, because he would still be working on it almost 3 years later. But I decided it might be prudent to recruit more programmers, and I asked Robert who else in grad school with him was really good. He recommended Trevor Blackwell, which surprised me at first, because at that point I knew Trevor mainly for his plan to reduce everything in his life to a stack of notecards, which he carried around with him. But Rtm was right, as usual. Trevor turned out to be a frighteningly effective hacker.
+
+It was a lot of fun working with Robert and Trevor. They're the two most independent-minded people I know, and in completely different ways. If you could see inside Rtm's brain it would look like a colonial New England church, and if you could see inside Trevor's it would look like the worst excesses of Austrian Rococo.
+
+We opened for business, with 6 stores, in January 1996. It was just as well we waited a few months, because although we worried we were late, we were actually almost fatally early. There was a lot of talk in the press then about ecommerce, but not many people actually wanted online stores. [8]
+
+There were three main parts to the software: the editor, which people used to build sites and which I wrote, the shopping cart, which Robert wrote, and the manager, which kept track of orders and statistics, and which Trevor wrote. In its time, the editor was one of the best general-purpose site builders. I kept the code tight and didn't have to integrate with any other software except Robert's and Trevor's, so it was quite fun to work on. If all I'd had to do was work on this software, the next 3 years would have been the easiest of my life. Unfortunately I had to do a lot more, all of it stuff I was worse at than programming, and the next 3 years were instead the most stressful.
+
+There were a lot of startups making ecommerce software in the second half of the 90s. We were determined to be the Microsoft Word, not the Interleaf. Which meant being easy to use and inexpensive. It was lucky for us that we were poor, because that caused us to make Viaweb even more inexpensive than we realized. We charged $100 a month for a small store and $300 a month for a big one. This low price was a big attraction, and a constant thorn in the sides of competitors, but it wasn't because of some clever insight that we set the price low. We had no idea what businesses paid for things. $300 a month seemed like a lot of money to us.
+
+We did a lot of things right by accident like that. For example, we did what's now called "doing things that don't scale," although at the time we would have described it as "being so lame that we're driven to the most desperate measures to get users." The most common of which was building stores for them. This seemed particularly humiliating, since the whole raison d'etre of our software was that people could use it to make their own stores. But anything to get users.
+
+We learned a lot more about retail than we wanted to know. For example, that if you could only have a small image of a man's shirt (and all images were small then by present standards), it was better to have a closeup of the collar than a picture of the whole shirt. The reason I remember learning this was that it meant I had to rescan about 30 images of men's shirts. My first set of scans were so beautiful too.
+
+Though this felt wrong, it was exactly the right thing to be doing. Building stores for users taught us about retail, and about how it felt to use our software. I was initially both mystified and repelled by "business" and thought we needed a "business person" to be in charge of it, but once we started to get users, I was converted, in much the same way I was converted to fatherhood once I had kids. Whatever users wanted, I was all theirs. Maybe one day we'd have so many users that I couldn't scan their images for them, but in the meantime there was nothing more important to do.
+
+Another thing I didn't get at the time is that growth rate is the ultimate test of a startup. Our growth rate was fine. We had about 70 stores at the end of 1996 and about 500 at the end of 1997. I mistakenly thought the thing that mattered was the absolute number of users. And that is the thing that matters in the sense that that's how much money you're making, and if you're not making enough, you might go out of business. But in the long term the growth rate takes care of the absolute number. If we'd been a startup I was advising at Y Combinator, I would have said: Stop being so stressed out, because you're doing fine. You're growing 7x a year. Just don't hire too many more people and you'll soon be profitable, and then you'll control your own destiny.
+
+Alas I hired lots more people, partly because our investors wanted me to, and partly because that's what startups did during the Internet Bubble. A company with just a handful of employees would have seemed amateurish. So we didn't reach breakeven until about when Yahoo bought us in the summer of 1998. Which in turn meant we were at the mercy of investors for the entire life of the company. And since both we and our investors were noobs at startups, the result was a mess even by startup standards.
+
+It was a huge relief when Yahoo bought us. In principle our Viaweb stock was valuable. It was a share in a business that was profitable and growing rapidly. But it didn't feel very valuable to me; I had no idea how to value a business, but I was all too keenly aware of the near-death experiences we seemed to have every few months. Nor had I changed my grad student lifestyle significantly since we started. So when Yahoo bought us it felt like going from rags to riches. Since we were going to California, I bought a car, a yellow 1998 VW GTI. I remember thinking that its leather seats alone were by far the most luxurious thing I owned.
+
+The next year, from the summer of 1998 to the summer of 1999, must have been the least productive of my life. I didn't realize it at the time, but I was worn out from the effort and stress of running Viaweb. For a while after I got to California I tried to continue my usual m.o. of programming till 3 in the morning, but fatigue combined with Yahoo's prematurely aged culture and grim cube farm in Santa Clara gradually dragged me down. After a few months it felt disconcertingly like working at Interleaf.
+
+Yahoo had given us a lot of options when they bought us. At the time I thought Yahoo was so overvalued that they'd never be worth anything, but to my astonishment the stock went up 5x in the next year. I hung on till the first chunk of options vested, then in the summer of 1999 I left. It had been so long since I'd painted anything that I'd half forgotten why I was doing this. My brain had been entirely full of software and men's shirts for 4 years. But I had done this to get rich so I could paint, I reminded myself, and now I was rich, so I should go paint.
+
+When I said I was leaving, my boss at Yahoo had a long conversation with me about my plans. I told him all about the kinds of pictures I wanted to paint. At the time I was touched that he took such an interest in me. Now I realize it was because he thought I was lying. My options at that point were worth about $2 million a month. If I was leaving that kind of money on the table, it could only be to go and start some new startup, and if I did, I might take people with me. This was the height of the Internet Bubble, and Yahoo was ground zero of it. My boss was at that moment a billionaire. Leaving then to start a new startup must have seemed to him an insanely, and yet also plausibly, ambitious plan.
+
+But I really was quitting to paint, and I started immediately. There was no time to lose. I'd already burned 4 years getting rich. Now when I talk to founders who are leaving after selling their companies, my advice is always the same: take a vacation. That's what I should have done, just gone off somewhere and done nothing for a month or two, but the idea never occurred to me.
+
+So I tried to paint, but I just didn't seem to have any energy or ambition. Part of the problem was that I didn't know many people in California. I'd compounded this problem by buying a house up in the Santa Cruz Mountains, with a beautiful view but miles from anywhere. I stuck it out for a few more months, then in desperation I went back to New York, where unless you understand about rent control you'll be surprised to hear I still had my apartment, sealed up like a tomb of my old life. Idelle was in New York at least, and there were other people trying to paint there, even though I didn't know any of them.
+
+When I got back to New York I resumed my old life, except now I was rich. It was as weird as it sounds. I resumed all my old patterns, except now there were doors where there hadn't been. Now when I was tired of walking, all I had to do was raise my hand, and (unless it was raining) a taxi would stop to pick me up. Now when I walked past charming little restaurants I could go in and order lunch. It was exciting for a while. Painting started to go better. I experimented with a new kind of still life where I'd paint one painting in the old way, then photograph it and print it, blown up, on canvas, and then use that as the underpainting for a second still life, painted from the same objects (which hopefully hadn't rotted yet).
+
+Meanwhile I looked for an apartment to buy. Now I could actually choose what neighborhood to live in. Where, I asked myself and various real estate agents, is the Cambridge of New York? Aided by occasional visits to actual Cambridge, I gradually realized there wasn't one. Huh.
+
+Around this time, in the spring of 2000, I had an idea. It was clear from our experience with Viaweb that web apps were the future. Why not build a web app for making web apps? Why not let people edit code on our server through the browser, and then host the resulting applications for them? [9] You could run all sorts of services on the servers that these applications could use just by making an API call: making and receiving phone calls, manipulating images, taking credit card payments, etc.
+
+I got so excited about this idea that I couldn't think about anything else. It seemed obvious that this was the future. I didn't particularly want to start another company, but it was clear that this idea would have to be embodied as one, so I decided to move to Cambridge and start it. I hoped to lure Robert into working on it with me, but there I ran into a hitch. Robert was now a postdoc at MIT, and though he'd made a lot of money the last time I'd lured him into working on one of my schemes, it had also been a huge time sink. So while he agreed that it sounded like a plausible idea, he firmly refused to work on it.
+
+Hmph. Well, I'd do it myself then. I recruited Dan Giffin, who had worked for Viaweb, and two undergrads who wanted summer jobs, and we got to work trying to build what it's now clear is about twenty companies and several open source projects worth of software. The language for defining applications would of course be a dialect of Lisp. But I wasn't so naive as to assume I could spring an overt Lisp on a general audience; we'd hide the parentheses, like Dylan did.
+
+By then there was a name for the kind of company Viaweb was, an "application service provider," or ASP. This name didn't last long before it was replaced by "software as a service," but it was current for long enough that I named this new company after it: it was going to be called Aspra.
+
+I started working on the application builder, Dan worked on network infrastructure, and the two undergrads worked on the first two services (images and phone calls). But about halfway through the summer I realized I really didn't want to run a company — especially not a big one, which it was looking like this would have to be. I'd only started Viaweb because I needed the money. Now that I didn't need money anymore, why was I doing this? If this vision had to be realized as a company, then screw the vision. I'd build a subset that could be done as an open source project.
+
+Much to my surprise, the time I spent working on this stuff was not wasted after all. After we started Y Combinator, I would often encounter startups working on parts of this new architecture, and it was very useful to have spent so much time thinking about it and even trying to write some of it.
+
+The subset I would build as an open source project was the new Lisp, whose parentheses I now wouldn't even have to hide. A lot of Lisp hackers dream of building a new Lisp, partly because one of the distinctive features of the language is that it has dialects, and partly, I think, because we have in our minds a Platonic form of Lisp that all existing dialects fall short of. I certainly did. So at the end of the summer Dan and I switched to working on this new dialect of Lisp, which I called Arc, in a house I bought in Cambridge.
+
+The following spring, lightning struck. I was invited to give a talk at a Lisp conference, so I gave one about how we'd used Lisp at Viaweb. Afterward I put a postscript file of this talk online, on paulgraham.com, which I'd created years before using Viaweb but had never used for anything. In one day it got 30,000 page views. What on earth had happened? The referring urls showed that someone had posted it on Slashdot. [10]
+
+Wow, I thought, there's an audience. If I write something and put it on the web, anyone can read it. That may seem obvious now, but it was surprising then. In the print era there was a narrow channel to readers, guarded by fierce monsters known as editors. The only way to get an audience for anything you wrote was to get it published as a book, or in a newspaper or magazine. Now anyone could publish anything.
+
+This had been possible in principle since 1993, but not many people had realized it yet. I had been intimately involved with building the infrastructure of the web for most of that time, and a writer as well, and it had taken me 8 years to realize it. Even then it took me several years to understand the implications. It meant there would be a whole new generation of essays. [11]
+
+In the print era, the channel for publishing essays had been vanishingly small. Except for a few officially anointed thinkers who went to the right parties in New York, the only people allowed to publish essays were specialists writing about their specialties. There were so many essays that had never been written, because there had been no way to publish them. Now they could be, and I was going to write them. [12]
+
+I've worked on several different things, but to the extent there was a turning point where I figured out what to work on, it was when I started publishing essays online. From then on I knew that whatever else I did, I'd always write essays too.
+
+I knew that online essays would be a marginal medium at first. Socially they'd seem more like rants posted by nutjobs on their GeoCities sites than the genteel and beautifully typeset compositions published in The New Yorker. But by this point I knew enough to find that encouraging instead of discouraging.
+
+One of the most conspicuous patterns I've noticed in my life is how well it has worked, for me at least, to work on things that weren't prestigious. Still life has always been the least prestigious form of painting. Viaweb and Y Combinator both seemed lame when we started them. I still get the glassy eye from strangers when they ask what I'm writing, and I explain that it's an essay I'm going to publish on my web site. Even Lisp, though prestigious intellectually in something like the way Latin is, also seems about as hip.
+
+It's not that unprestigious types of work are good per se. But when you find yourself drawn to some kind of work despite its current lack of prestige, it's a sign both that there's something real to be discovered there, and that you have the right kind of motives. Impure motives are a big danger for the ambitious. If anything is going to lead you astray, it will be the desire to impress people. So while working on things that aren't prestigious doesn't guarantee you're on the right track, it at least guarantees you're not on the most common type of wrong one.
+
+Over the next several years I wrote lots of essays about all kinds of different topics. O'Reilly reprinted a collection of them as a book, called Hackers & Painters after one of the essays in it. I also worked on spam filters, and did some more painting. I used to have dinners for a group of friends every thursday night, which taught me how to cook for groups. And I bought another building in Cambridge, a former candy factory (and later, twas said, porn studio), to use as an office.
+
+One night in October 2003 there was a big party at my house. It was a clever idea of my friend Maria Daniels, who was one of the thursday diners. Three separate hosts would all invite their friends to one party. So for every guest, two thirds of the other guests would be people they didn't know but would probably like. One of the guests was someone I didn't know but would turn out to like a lot: a woman called Jessica Livingston. A couple days later I asked her out.
+
+Jessica was in charge of marketing at a Boston investment bank. This bank thought it understood startups, but over the next year, as she met friends of mine from the startup world, she was surprised how different reality was. And how colorful their stories were. So she decided to compile a book of interviews with startup founders.
+
+When the bank had financial problems and she had to fire half her staff, she started looking for a new job. In early 2005 she interviewed for a marketing job at a Boston VC firm. It took them weeks to make up their minds, and during this time I started telling her about all the things that needed to be fixed about venture capital. They should make a larger number of smaller investments instead of a handful of giant ones, they should be funding younger, more technical founders instead of MBAs, they should let the founders remain as CEO, and so on.
+
+One of my tricks for writing essays had always been to give talks. The prospect of having to stand up in front of a group of people and tell them something that won't waste their time is a great spur to the imagination. When the Harvard Computer Society, the undergrad computer club, asked me to give a talk, I decided I would tell them how to start a startup. Maybe they'd be able to avoid the worst of the mistakes we'd made.
+
+So I gave this talk, in the course of which I told them that the best sources of seed funding were successful startup founders, because then they'd be sources of advice too. Whereupon it seemed they were all looking expectantly at me. Horrified at the prospect of having my inbox flooded by business plans (if I'd only known), I blurted out "But not me!" and went on with the talk. But afterward it occurred to me that I should really stop procrastinating about angel investing. I'd been meaning to since Yahoo bought us, and now it was 7 years later and I still hadn't done one angel investment.
+
+Meanwhile I had been scheming with Robert and Trevor about projects we could work on together. I missed working with them, and it seemed like there had to be something we could collaborate on.
+
+As Jessica and I were walking home from dinner on March 11, at the corner of Garden and Walker streets, these three threads converged. Screw the VCs who were taking so long to make up their minds. We'd start our own investment firm and actually implement the ideas we'd been talking about. I'd fund it, and Jessica could quit her job and work for it, and we'd get Robert and Trevor as partners too. [13]
+
+Once again, ignorance worked in our favor. We had no idea how to be angel investors, and in Boston in 2005 there were no Ron Conways to learn from. So we just made what seemed like the obvious choices, and some of the things we did turned out to be novel.
+
+There are multiple components to Y Combinator, and we didn't figure them all out at once. The part we got first was to be an angel firm. In those days, those two words didn't go together. There were VC firms, which were organized companies with people whose job it was to make investments, but they only did big, million dollar investments. And there were angels, who did smaller investments, but these were individuals who were usually focused on other things and made investments on the side. And neither of them helped founders enough in the beginning. We knew how helpless founders were in some respects, because we remembered how helpless we'd been. For example, one thing Julian had done for us that seemed to us like magic was to get us set up as a company. We were fine writing fairly difficult software, but actually getting incorporated, with bylaws and stock and all that stuff, how on earth did you do that? Our plan was not only to make seed investments, but to do for startups everything Julian had done for us.
+
+YC was not organized as a fund. It was cheap enough to run that we funded it with our own money. That went right by 99% of readers, but professional investors are thinking "Wow, that means they got all the returns." But once again, this was not due to any particular insight on our part. We didn't know how VC firms were organized. It never occurred to us to try to raise a fund, and if it had, we wouldn't have known where to start. [14]
+
+The most distinctive thing about YC is the batch model: to fund a bunch of startups all at once, twice a year, and then to spend three months focusing intensively on trying to help them. That part we discovered by accident, not merely implicitly but explicitly due to our ignorance about investing. We needed to get experience as investors. What better way, we thought, than to fund a whole bunch of startups at once? We knew undergrads got temporary jobs at tech companies during the summer. Why not organize a summer program where they'd start startups instead? We wouldn't feel guilty for being in a sense fake investors, because they would in a similar sense be fake founders. So while we probably wouldn't make much money out of it, we'd at least get to practice being investors on them, and they for their part would probably have a more interesting summer than they would working at Microsoft.
+
+We'd use the building I owned in Cambridge as our headquarters. We'd all have dinner there once a week — on tuesdays, since I was already cooking for the thursday diners on thursdays — and after dinner we'd bring in experts on startups to give talks.
+
+We knew undergrads were deciding then about summer jobs, so in a matter of days we cooked up something we called the Summer Founders Program, and I posted an announcement on my site, inviting undergrads to apply. I had never imagined that writing essays would be a way to get "deal flow," as investors call it, but it turned out to be the perfect source. [15] We got 225 applications for the Summer Founders Program, and we were surprised to find that a lot of them were from people who'd already graduated, or were about to that spring. Already this SFP thing was starting to feel more serious than we'd intended.
+
+We invited about 20 of the 225 groups to interview in person, and from those we picked 8 to fund. They were an impressive group. That first batch included reddit, Justin Kan and Emmett Shear, who went on to found Twitch, Aaron Swartz, who had already helped write the RSS spec and would a few years later become a martyr for open access, and Sam Altman, who would later become the second president of YC. I don't think it was entirely luck that the first batch was so good. You had to be pretty bold to sign up for a weird thing like the Summer Founders Program instead of a summer job at a legit place like Microsoft or Goldman Sachs.
+
+The deal for startups was based on a combination of the deal we did with Julian ($10k for 10%) and what Robert said MIT grad students got for the summer ($6k). We invested $6k per founder, which in the typical two-founder case was $12k, in return for 6%. That had to be fair, because it was twice as good as the deal we ourselves had taken. Plus that first summer, which was really hot, Jessica brought the founders free air conditioners. [16]
+
+Fairly quickly I realized that we had stumbled upon the way to scale startup funding. Funding startups in batches was more convenient for us, because it meant we could do things for a lot of startups at once, but being part of a batch was better for the startups too. It solved one of the biggest problems faced by founders: the isolation. Now you not only had colleagues, but colleagues who understood the problems you were facing and could tell you how they were solving them.
+
+As YC grew, we started to notice other advantages of scale. The alumni became a tight community, dedicated to helping one another, and especially the current batch, whose shoes they remembered being in. We also noticed that the startups were becoming one another's customers. We used to refer jokingly to the "YC GDP," but as YC grows this becomes less and less of a joke. Now lots of startups get their initial set of customers almost entirely from among their batchmates.
+
+I had not originally intended YC to be a full-time job. I was going to do three things: hack, write essays, and work on YC. As YC grew, and I grew more excited about it, it started to take up a lot more than a third of my attention. But for the first few years I was still able to work on other things.
+
+In the summer of 2006, Robert and I started working on a new version of Arc. This one was reasonably fast, because it was compiled into Scheme. To test this new Arc, I wrote Hacker News in it. It was originally meant to be a news aggregator for startup founders and was called Startup News, but after a few months I got tired of reading about nothing but startups. Plus it wasn't startup founders we wanted to reach. It was future startup founders. So I changed the name to Hacker News and the topic to whatever engaged one's intellectual curiosity.
+
+HN was no doubt good for YC, but it was also by far the biggest source of stress for me. If all I'd had to do was select and help founders, life would have been so easy. And that implies that HN was a mistake. Surely the biggest source of stress in one's work should at least be something close to the core of the work. Whereas I was like someone who was in pain while running a marathon not from the exertion of running, but because I had a blister from an ill-fitting shoe. When I was dealing with some urgent problem during YC, there was about a 60% chance it had to do with HN, and a 40% chance it had do with everything else combined. [17]
+
+As well as HN, I wrote all of YC's internal software in Arc. But while I continued to work a good deal in Arc, I gradually stopped working on Arc, partly because I didn't have time to, and partly because it was a lot less attractive to mess around with the language now that we had all this infrastructure depending on it. So now my three projects were reduced to two: writing essays and working on YC.
+
+YC was different from other kinds of work I've done. Instead of deciding for myself what to work on, the problems came to me. Every 6 months there was a new batch of startups, and their problems, whatever they were, became our problems. It was very engaging work, because their problems were quite varied, and the good founders were very effective. If you were trying to learn the most you could about startups in the shortest possible time, you couldn't have picked a better way to do it.
+
+There were parts of the job I didn't like. Disputes between cofounders, figuring out when people were lying to us, fighting with people who maltreated the startups, and so on. But I worked hard even at the parts I didn't like. I was haunted by something Kevin Hale once said about companies: "No one works harder than the boss." He meant it both descriptively and prescriptively, and it was the second part that scared me. I wanted YC to be good, so if how hard I worked set the upper bound on how hard everyone else worked, I'd better work very hard.
+
+One day in 2010, when he was visiting California for interviews, Robert Morris did something astonishing: he offered me unsolicited advice. I can only remember him doing that once before. One day at Viaweb, when I was bent over double from a kidney stone, he suggested that it would be a good idea for him to take me to the hospital. That was what it took for Rtm to offer unsolicited advice. So I remember his exact words very clearly. "You know," he said, "you should make sure Y Combinator isn't the last cool thing you do."
+
+At the time I didn't understand what he meant, but gradually it dawned on me that he was saying I should quit. This seemed strange advice, because YC was doing great. But if there was one thing rarer than Rtm offering advice, it was Rtm being wrong. So this set me thinking. It was true that on my current trajectory, YC would be the last thing I did, because it was only taking up more of my attention. It had already eaten Arc, and was in the process of eating essays too. Either YC was my life's work or I'd have to leave eventually. And it wasn't, so I would.
+
+In the summer of 2012 my mother had a stroke, and the cause turned out to be a blood clot caused by colon cancer. The stroke destroyed her balance, and she was put in a nursing home, but she really wanted to get out of it and back to her house, and my sister and I were determined to help her do it. I used to fly up to Oregon to visit her regularly, and I had a lot of time to think on those flights. On one of them I realized I was ready to hand YC over to someone else.
+
+I asked Jessica if she wanted to be president, but she didn't, so we decided we'd try to recruit Sam Altman. We talked to Robert and Trevor and we agreed to make it a complete changing of the guard. Up till that point YC had been controlled by the original LLC we four had started. But we wanted YC to last for a long time, and to do that it couldn't be controlled by the founders. So if Sam said yes, we'd let him reorganize YC. Robert and I would retire, and Jessica and Trevor would become ordinary partners.
+
+When we asked Sam if he wanted to be president of YC, initially he said no. He wanted to start a startup to make nuclear reactors. But I kept at it, and in October 2013 he finally agreed. We decided he'd take over starting with the winter 2014 batch. For the rest of 2013 I left running YC more and more to Sam, partly so he could learn the job, and partly because I was focused on my mother, whose cancer had returned.
+
+She died on January 15, 2014. We knew this was coming, but it was still hard when it did.
+
+I kept working on YC till March, to help get that batch of startups through Demo Day, then I checked out pretty completely. (I still talk to alumni and to new startups working on things I'm interested in, but that only takes a few hours a week.)
+
+What should I do next? Rtm's advice hadn't included anything about that. I wanted to do something completely different, so I decided I'd paint. I wanted to see how good I could get if I really focused on it. So the day after I stopped working on YC, I started painting. I was rusty and it took a while to get back into shape, but it was at least completely engaging. [18]
+
+I spent most of the rest of 2014 painting. I'd never been able to work so uninterruptedly before, and I got to be better than I had been. Not good enough, but better. Then in November, right in the middle of a painting, I ran out of steam. Up till that point I'd always been curious to see how the painting I was working on would turn out, but suddenly finishing this one seemed like a chore. So I stopped working on it and cleaned my brushes and haven't painted since. So far anyway.
+
+I realize that sounds rather wimpy. But attention is a zero sum game. If you can choose what to work on, and you choose a project that's not the best one (or at least a good one) for you, then it's getting in the way of another project that is. And at 50 there was some opportunity cost to screwing around.
+
+I started writing essays again, and wrote a bunch of new ones over the next few months. I even wrote a couple that weren't about startups. Then in March 2015 I started working on Lisp again.
+
+The distinctive thing about Lisp is that its core is a language defined by writing an interpreter in itself. It wasn't originally intended as a programming language in the ordinary sense. It was meant to be a formal model of computation, an alternative to the Turing machine. If you want to write an interpreter for a language in itself, what's the minimum set of predefined operators you need? The Lisp that John McCarthy invented, or more accurately discovered, is an answer to that question. [19]
+
+McCarthy didn't realize this Lisp could even be used to program computers till his grad student Steve Russell suggested it. Russell translated McCarthy's interpreter into IBM 704 machine language, and from that point Lisp started also to be a programming language in the ordinary sense. But its origins as a model of computation gave it a power and elegance that other languages couldn't match. It was this that attracted me in college, though I didn't understand why at the time.
+
+McCarthy's 1960 Lisp did nothing more than interpret Lisp expressions. It was missing a lot of things you'd want in a programming language. So these had to be added, and when they were, they weren't defined using McCarthy's original axiomatic approach. That wouldn't have been feasible at the time. McCarthy tested his interpreter by hand-simulating the execution of programs. But it was already getting close to the limit of interpreters you could test that way — indeed, there was a bug in it that McCarthy had overlooked. To test a more complicated interpreter, you'd have had to run it, and computers then weren't powerful enough.
+
+Now they are, though. Now you could continue using McCarthy's axiomatic approach till you'd defined a complete programming language. And as long as every change you made to McCarthy's Lisp was a discoveredness-preserving transformation, you could, in principle, end up with a complete language that had this quality. Harder to do than to talk about, of course, but if it was possible in principle, why not try? So I decided to take a shot at it. It took 4 years, from March 26, 2015 to October 12, 2019. It was fortunate that I had a precisely defined goal, or it would have been hard to keep at it for so long.
+
+I wrote this new Lisp, called Bel, in itself in Arc. That may sound like a contradiction, but it's an indication of the sort of trickery I had to engage in to make this work. By means of an egregious collection of hacks I managed to make something close enough to an interpreter written in itself that could actually run. Not fast, but fast enough to test.
+
+I had to ban myself from writing essays during most of this time, or I'd never have finished. In late 2015 I spent 3 months writing essays, and when I went back to working on Bel I could barely understand the code. Not so much because it was badly written as because the problem is so convoluted. When you're working on an interpreter written in itself, it's hard to keep track of what's happening at what level, and errors can be practically encrypted by the time you get them.
+
+So I said no more essays till Bel was done. But I told few people about Bel while I was working on it. So for years it must have seemed that I was doing nothing, when in fact I was working harder than I'd ever worked on anything. Occasionally after wrestling for hours with some gruesome bug I'd check Twitter or HN and see someone asking "Does Paul Graham still code?"
+
+Working on Bel was hard but satisfying. I worked on it so intensively that at any given time I had a decent chunk of the code in my head and could write more there. I remember taking the boys to the coast on a sunny day in 2015 and figuring out how to deal with some problem involving continuations while I watched them play in the tide pools. It felt like I was doing life right. I remember that because I was slightly dismayed at how novel it felt. The good news is that I had more moments like this over the next few years.
+
+In the summer of 2016 we moved to England. We wanted our kids to see what it was like living in another country, and since I was a British citizen by birth, that seemed the obvious choice. We only meant to stay for a year, but we liked it so much that we still live there. So most of Bel was written in England.
+
+In the fall of 2019, Bel was finally finished. Like McCarthy's original Lisp, it's a spec rather than an implementation, although like McCarthy's Lisp it's a spec expressed as code.
+
+Now that I could write essays again, I wrote a bunch about topics I'd had stacked up. I kept writing essays through 2020, but I also started to think about other things I could work on. How should I choose what to do? Well, how had I chosen what to work on in the past? I wrote an essay for myself to answer that question, and I was surprised how long and messy the answer turned out to be. If this surprised me, who'd lived it, then I thought perhaps it would be interesting to other people, and encouraging to those with similarly messy lives. So I wrote a more detailed version for others to read, and this is the last sentence of it.
+
+
+
+
+
+
+
+
+
+Notes
+
+[1] My experience skipped a step in the evolution of computers: time-sharing machines with interactive OSes. I went straight from batch processing to microcomputers, which made microcomputers seem all the more exciting.
+
+[2] Italian words for abstract concepts can nearly always be predicted from their English cognates (except for occasional traps like polluzione). It's the everyday words that differ. So if you string together a lot of abstract concepts with a few simple verbs, you can make a little Italian go a long way.
+
+[3] I lived at Piazza San Felice 4, so my walk to the Accademia went straight down the spine of old Florence: past the Pitti, across the bridge, past Orsanmichele, between the Duomo and the Baptistery, and then up Via Ricasoli to Piazza San Marco. I saw Florence at street level in every possible condition, from empty dark winter evenings to sweltering summer days when the streets were packed with tourists.
+
+[4] You can of course paint people like still lives if you want to, and they're willing. That sort of portrait is arguably the apex of still life painting, though the long sitting does tend to produce pained expressions in the sitters.
+
+[5] Interleaf was one of many companies that had smart people and built impressive technology, and yet got crushed by Moore's Law. In the 1990s the exponential growth in the power of commodity (i.e. Intel) processors rolled up high-end, special-purpose hardware and software companies like a bulldozer.
+
+[6] The signature style seekers at RISD weren't specifically mercenary. In the art world, money and coolness are tightly coupled. Anything expensive comes to be seen as cool, and anything seen as cool will soon become equally expensive.
+
+[7] Technically the apartment wasn't rent-controlled but rent-stabilized, but this is a refinement only New Yorkers would know or care about. The point is that it was really cheap, less than half market price.
+
+[8] Most software you can launch as soon as it's done. But when the software is an online store builder and you're hosting the stores, if you don't have any users yet, that fact will be painfully obvious. So before we could launch publicly we had to launch privately, in the sense of recruiting an initial set of users and making sure they had decent-looking stores.
+
+[9] We'd had a code editor in Viaweb for users to define their own page styles. They didn't know it, but they were editing Lisp expressions underneath. But this wasn't an app editor, because the code ran when the merchants' sites were generated, not when shoppers visited them.
+
+[10] This was the first instance of what is now a familiar experience, and so was what happened next, when I read the comments and found they were full of angry people. How could I claim that Lisp was better than other languages? Weren't they all Turing complete? People who see the responses to essays I write sometimes tell me how sorry they feel for me, but I'm not exaggerating when I reply that it has always been like this, since the very beginning. It comes with the territory. An essay must tell readers things they don't already know, and some people dislike being told such things.
+
+[11] People put plenty of stuff on the internet in the 90s of course, but putting something online is not the same as publishing it online. Publishing online means you treat the online version as the (or at least a) primary version.
+
+[12] There is a general lesson here that our experience with Y Combinator also teaches: Customs continue to constrain you long after the restrictions that caused them have disappeared. Customary VC practice had once, like the customs about publishing essays, been based on real constraints. Startups had once been much more expensive to start, and proportionally rare. Now they could be cheap and common, but the VCs' customs still reflected the old world, just as customs about writing essays still reflected the constraints of the print era.
+
+Which in turn implies that people who are independent-minded (i.e. less influenced by custom) will have an advantage in fields affected by rapid change (where customs are more likely to be obsolete).
+
+Here's an interesting point, though: you can't always predict which fields will be affected by rapid change. Obviously software and venture capital will be, but who would have predicted that essay writing would be?
+
+[13] Y Combinator was not the original name. At first we were called Cambridge Seed. But we didn't want a regional name, in case someone copied us in Silicon Valley, so we renamed ourselves after one of the coolest tricks in the lambda calculus, the Y combinator.
+
+I picked orange as our color partly because it's the warmest, and partly because no VC used it. In 2005 all the VCs used staid colors like maroon, navy blue, and forest green, because they were trying to appeal to LPs, not founders. The YC logo itself is an inside joke: the Viaweb logo had been a white V on a red circle, so I made the YC logo a white Y on an orange square.
+
+[14] YC did become a fund for a couple years starting in 2009, because it was getting so big I could no longer afford to fund it personally. But after Heroku got bought we had enough money to go back to being self-funded.
+
+[15] I've never liked the term "deal flow," because it implies that the number of new startups at any given time is fixed. This is not only false, but it's the purpose of YC to falsify it, by causing startups to be founded that would not otherwise have existed.
+
+[16] She reports that they were all different shapes and sizes, because there was a run on air conditioners and she had to get whatever she could, but that they were all heavier than she could carry now.
+
+[17] Another problem with HN was a bizarre edge case that occurs when you both write essays and run a forum. When you run a forum, you're assumed to see if not every conversation, at least every conversation involving you. And when you write essays, people post highly imaginative misinterpretations of them on forums. Individually these two phenomena are tedious but bearable, but the combination is disastrous. You actually have to respond to the misinterpretations, because the assumption that you're present in the conversation means that not responding to any sufficiently upvoted misinterpretation reads as a tacit admission that it's correct. But that in turn encourages more; anyone who wants to pick a fight with you senses that now is their chance.
+
+[18] The worst thing about leaving YC was not working with Jessica anymore. We'd been working on YC almost the whole time we'd known each other, and we'd neither tried nor wanted to separate it from our personal lives, so leaving was like pulling up a deeply rooted tree.
+
+[19] One way to get more precise about the concept of invented vs discovered is to talk about space aliens. Any sufficiently advanced alien civilization would certainly know about the Pythagorean theorem, for example. I believe, though with less certainty, that they would also know about the Lisp in McCarthy's 1960 paper.
+
+But if so there's no reason to suppose that this is the limit of the language that might be known to them. Presumably aliens need numbers and errors and I/O too. So it seems likely there exists at least one path out of McCarthy's Lisp along which discoveredness is preserved.
+
+
+
+Thanks to Trevor Blackwell, John Collison, Patrick Collison, Daniel Gackle, Ralph Hazell, Jessica Livingston, Robert Morris, and Harj Taggar for reading drafts of this.
diff --git a/demo/llm_llamaindex/requirements.txt b/demo/llm_llamaindex/requirements.txt
new file mode 100644
index 0000000..7f2a421
--- /dev/null
+++ b/demo/llm_llamaindex/requirements.txt
@@ -0,0 +1,2 @@
+openai
+llama-index
diff --git a/demo/llm_llamaindex/run.py b/demo/llm_llamaindex/run.py
new file mode 100644
index 0000000..547c4d7
--- /dev/null
+++ b/demo/llm_llamaindex/run.py
@@ -0,0 +1,31 @@
+# This is a simple RAG chatbot built on top of Llama Index and Gradio. It allows you to upload any text or PDF files and ask questions about them!
+# Before running this, make sure you have exported your OpenAI API key as an environment variable:
+# export OPENAI_API_KEY="your-openai-api-key"
+
+from llama_index.core import VectorStoreIndex, SimpleDirectoryReader  # type: ignore
+import gradio as gr
+
+def answer(message, history):
+    files = []
+    for msg in history:
+        if msg['role'] == "user" and isinstance(msg['content'], tuple):
+            files.append(msg['content'][0])
+    for file in message["files"]:
+        files.append(file)
+
+    documents = SimpleDirectoryReader(input_files=files).load_data()
+    index = VectorStoreIndex.from_documents(documents)
+    query_engine = index.as_query_engine()
+    return str(query_engine.query(message["text"]))
+
+demo = gr.ChatInterface(
+    answer,
+    title="Llama Index RAG Chatbot",
+    description="Upload any text or pdf files and ask questions about them!",
+    textbox=gr.MultimodalTextbox(file_types=[".pdf", ".txt"]),
+    multimodal=True,
+    api_name="chat",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/llm_minimax/requirements.txt b/demo/llm_minimax/requirements.txt
new file mode 100644
index 0000000..aa2b704
--- /dev/null
+++ b/demo/llm_minimax/requirements.txt
@@ -0,0 +1 @@
+openai>=1.0.0
diff --git a/demo/llm_minimax/run.py b/demo/llm_minimax/run.py
new file mode 100644
index 0000000..1ee9a50
--- /dev/null
+++ b/demo/llm_minimax/run.py
@@ -0,0 +1,27 @@
+# This is a simple general-purpose chatbot built on top of the MiniMax API.
+# Before running this, make sure you have exported your MiniMax API key as an environment variable:
+# export MINIMAX_API_KEY="your-minimax-api-key"
+
+import os
+import gradio as gr
+from openai import OpenAI
+
+api_key = os.getenv("MINIMAX_API_KEY")
+
+client = OpenAI(
+    base_url="https://api.minimax.io/v1",
+    api_key=api_key,
+)
+
+def predict(message, history):
+    history.append({"role": "user", "content": message})
+    stream = client.chat.completions.create(messages=history, model="MiniMax-M3", stream=True)
+    chunks = []
+    for chunk in stream:
+        chunks.append(chunk.choices[0].delta.content or "")
+        yield "".join(chunks)
+
+demo = gr.ChatInterface(predict, api_name="chat")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/llm_openai/requirements.txt b/demo/llm_openai/requirements.txt
new file mode 100644
index 0000000..3ceaffc
--- /dev/null
+++ b/demo/llm_openai/requirements.txt
@@ -0,0 +1 @@
+openai>=1.0.0
\ No newline at end of file
diff --git a/demo/llm_openai/run.py b/demo/llm_openai/run.py
new file mode 100644
index 0000000..e6c4b60
--- /dev/null
+++ b/demo/llm_openai/run.py
@@ -0,0 +1,21 @@
+# This is a simple general-purpose chatbot built on top of OpenAI API. 
+# Before running this, make sure you have exported your OpenAI API key as an environment variable:
+# export OPENAI_API_KEY="your-openai-api-key"
+
+from openai import OpenAI
+import gradio as gr
+
+client = OpenAI()
+
+def predict(message, history):
+    history.append({"role": "user", "content": message})
+    stream = client.chat.completions.create(messages=history, model="gpt-4o-mini", stream=True)
+    chunks = []
+    for chunk in stream:
+        chunks.append(chunk.choices[0].delta.content or "")
+        yield "".join(chunks)
+
+demo = gr.ChatInterface(predict, api_name="chat")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/llm_sambanova/requirements.txt b/demo/llm_sambanova/requirements.txt
new file mode 100644
index 0000000..aa2b704
--- /dev/null
+++ b/demo/llm_sambanova/requirements.txt
@@ -0,0 +1 @@
+openai>=1.0.0
diff --git a/demo/llm_sambanova/run.py b/demo/llm_sambanova/run.py
new file mode 100644
index 0000000..0e466e5
--- /dev/null
+++ b/demo/llm_sambanova/run.py
@@ -0,0 +1,28 @@
+# This is a simple general-purpose chatbot built on top of SambaNova API. 
+# Before running this, make sure you have exported your SambaNova API key as an environment variable:
+# export SAMBANOVA_API_KEY="your-sambanova-api-key"
+
+import os
+import gradio as gr
+from openai import OpenAI
+
+api_key = os.getenv("SAMBANOVA_API_KEY")
+
+client = OpenAI(
+    base_url="https://api.sambanova.ai/v1/",
+    api_key=api_key,
+)
+
+def predict(message, history):
+    history.append({"role": "user", "content": message})
+    stream = client.chat.completions.create(messages=history, model="Meta-Llama-3.1-70B-Instruct-8k", stream=True)
+    chunks = []
+    for chunk in stream:
+        chunks.append(chunk.choices[0].delta.content or "")
+        yield "".join(chunks)
+
+demo = gr.ChatInterface(predict, api_name="chat")
+
+if __name__ == "__main__":
+    demo.launch()
+
diff --git a/demo/load_model_with_token/run.py b/demo/load_model_with_token/run.py
new file mode 100644
index 0000000..9d13b57
--- /dev/null
+++ b/demo/load_model_with_token/run.py
@@ -0,0 +1,7 @@
+import gradio as gr
+
+# This demo requires a Hugging Face PRO token.
+demo = gr.load("meta-llama/Meta-Llama-3-8B-Instruct", src="models", accept_token=True)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/load_openapi_spec/run.py b/demo/load_openapi_spec/run.py
new file mode 100644
index 0000000..6fc37a3
--- /dev/null
+++ b/demo/load_openapi_spec/run.py
@@ -0,0 +1,11 @@
+import gradio as gr
+
+demo = gr.load_openapi(
+    openapi_spec="https://petstore3.swagger.io/api/v3/openapi.json",
+    base_url="https://petstore3.swagger.io/api/v3",
+    paths=["/pet.*"],
+    methods=["get", "post"],
+)
+
+if __name__ == "__main__":
+    demo.launch(mcp_server=True)
diff --git a/demo/load_space/run.py b/demo/load_space/run.py
new file mode 100644
index 0000000..a2b79df
--- /dev/null
+++ b/demo/load_space/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+demo = gr.load("gradio/test-gr-load", src="spaces")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/login_with_huggingface/requirements.txt b/demo/login_with_huggingface/requirements.txt
new file mode 100644
index 0000000..6b964cc
--- /dev/null
+++ b/demo/login_with_huggingface/requirements.txt
@@ -0,0 +1 @@
+huggingface_hub
diff --git a/demo/login_with_huggingface/run.py b/demo/login_with_huggingface/run.py
new file mode 100644
index 0000000..980dd2b
--- /dev/null
+++ b/demo/login_with_huggingface/run.py
@@ -0,0 +1,25 @@
+from __future__ import annotations
+
+import gradio as gr
+from huggingface_hub import whoami
+
+def hello(profile: gr.OAuthProfile | None) -> str:
+    if profile is None:
+        return "I don't know you."
+    return f"Hello {profile.name}"
+
+def list_organizations(oauth_token: gr.OAuthToken | None) -> str:
+    if oauth_token is None:
+        return "Please deploy this on Spaces and log in to list organizations."
+    org_names = [org["name"] for org in whoami(oauth_token.token)["orgs"]]
+    return f"You belong to {', '.join(org_names)}."
+
+with gr.Blocks() as demo:
+    gr.LoginButton()
+    m1 = gr.Markdown()
+    m2 = gr.Markdown()
+    demo.load(hello, inputs=None, outputs=m1)
+    demo.load(list_organizations, inputs=None, outputs=m2)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/loginbutton_component/requirements.txt b/demo/loginbutton_component/requirements.txt
new file mode 100644
index 0000000..f7359a0
--- /dev/null
+++ b/demo/loginbutton_component/requirements.txt
@@ -0,0 +1 @@
+gradio[oauth]
\ No newline at end of file
diff --git a/demo/loginbutton_component/run.py b/demo/loginbutton_component/run.py
new file mode 100644
index 0000000..43a61fd
--- /dev/null
+++ b/demo/loginbutton_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.LoginButton()
+
+demo.launch()
diff --git a/demo/longest_word/run.py b/demo/longest_word/run.py
new file mode 100644
index 0000000..3885a9d
--- /dev/null
+++ b/demo/longest_word/run.py
@@ -0,0 +1,16 @@
+import gradio as gr
+
+def longest_word(text):
+    words = text.split(" ")
+    lengths = [len(word) for word in words]
+    return max(lengths)
+
+ex = "The quick brown fox jumped over the lazy dog."
+
+demo = gr.Interface(
+    longest_word, "textbox", "label", examples=[[ex]],
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/magic_8_ball/requirements.txt b/demo/magic_8_ball/requirements.txt
new file mode 100644
index 0000000..e5ff487
--- /dev/null
+++ b/demo/magic_8_ball/requirements.txt
@@ -0,0 +1,7 @@
+git+https://github.com/huggingface/parler-tts.git
+accelerate
+spaces
+torch
+pydub
+transformers
+huggingface_hub
diff --git a/demo/magic_8_ball/run.py b/demo/magic_8_ball/run.py
new file mode 100644
index 0000000..e0d6573
--- /dev/null
+++ b/demo/magic_8_ball/run.py
@@ -0,0 +1,169 @@
+import io
+from threading import Thread
+import random
+import os
+
+import numpy as np
+import spaces  # type: ignore
+import gradio as gr
+import torch
+
+from parler_tts import ParlerTTSForConditionalGeneration  # type: ignore
+from pydub import AudioSegment
+from transformers import AutoTokenizer, AutoFeatureExtractor, set_seed
+from huggingface_hub import InferenceClient
+from streamer import ParlerTTSStreamer  # type: ignore
+import time
+
+
+device = (
+    "cuda:0"
+    if torch.cuda.is_available()
+    else "mps"
+    if torch.backends.mps.is_available()
+    else "cpu"
+)
+torch_dtype = torch.float16 if device != "cpu" else torch.float32
+
+repo_id = "parler-tts/parler_tts_mini_v0.1"
+
+jenny_repo_id = "ylacombe/parler-tts-mini-jenny-30H"
+
+model = ParlerTTSForConditionalGeneration.from_pretrained(
+    jenny_repo_id, torch_dtype=torch_dtype, low_cpu_mem_usage=True
+).to(device)
+
+client = InferenceClient(token=os.getenv("HF_TOKEN"))
+
+tokenizer = AutoTokenizer.from_pretrained(repo_id)
+feature_extractor = AutoFeatureExtractor.from_pretrained(repo_id)
+
+SAMPLE_RATE = feature_extractor.sampling_rate
+SEED = 42
+
+
+def numpy_to_mp3(audio_array, sampling_rate):
+    # Normalize audio_array if it's floating-point
+    if np.issubdtype(audio_array.dtype, np.floating):
+        max_val = np.max(np.abs(audio_array))
+        audio_array = (audio_array / max_val) * 32767  # Normalize to 16-bit range
+        audio_array = audio_array.astype(np.int16)
+
+    # Create an audio segment from the numpy array
+    audio_segment = AudioSegment(
+        audio_array.tobytes(),
+        frame_rate=sampling_rate,
+        sample_width=audio_array.dtype.itemsize,
+        channels=1,
+    )
+
+    # Export the audio segment to MP3 bytes - use a high bitrate to maximise quality
+    mp3_io = io.BytesIO()
+    audio_segment.export(mp3_io, format="mp3", bitrate="320k")
+
+    # Get the MP3 bytes
+    mp3_bytes = mp3_io.getvalue()
+    mp3_io.close()
+
+    return mp3_bytes
+
+
+sampling_rate = model.audio_encoder.config.sampling_rate
+frame_rate = model.audio_encoder.config.frame_rate
+
+
+def generate_response(audio):
+    gr.Info("Transcribing Audio", duration=5)
+    question = client.automatic_speech_recognition(audio).text  # type: ignore
+    messages = [
+        {
+            "role": "system",
+            "content": (
+                "You are a magic 8 ball."
+                "Someone will present to you a situation or question and your job "
+                "is to answer with a cryptic addage or proverb such as "
+                "'curiosity killed the cat' or 'The early bird gets the worm'."
+                "Keep your answers short and do not include the phrase 'Magic 8 Ball' in your response. If the question does not make sense or is off-topic, say 'Foolish questions get foolish answers.'"
+                "For example, 'Magic 8 Ball, should I get a dog?', 'A dog is ready for you but are you ready for the dog?'"
+            ),
+        },
+        {
+            "role": "user",
+            "content": f"Magic 8 Ball please answer this question -  {question}",
+        },
+    ]
+
+    response = client.chat_completion( # type: ignore
+        messages,
+        max_tokens=64,
+        seed=random.randint(1, 5000),
+        model="mistralai/Mistral-7B-Instruct-v0.3",
+    )
+    response = response.choices[0].message.content.replace("Magic 8 Ball", "")  # type: ignore
+    return response, None, None
+
+
+@spaces.GPU
+def read_response(answer):
+    play_steps_in_s = 2.0
+    play_steps = int(frame_rate * play_steps_in_s)
+
+    description = "Jenny speaks at an average pace with a calm delivery in a very confined sounding environment with clear audio quality."
+    description_tokens = tokenizer(description, return_tensors="pt").to(device)
+
+    streamer = ParlerTTSStreamer(model, device=device, play_steps=play_steps)
+    prompt = tokenizer(answer, return_tensors="pt").to(device)
+
+    generation_kwargs = dict( # noqa: C408
+        input_ids=description_tokens.input_ids,
+        prompt_input_ids=prompt.input_ids,
+        streamer=streamer,
+        do_sample=True,
+        temperature=1.0,
+        min_new_tokens=10,
+    )
+
+    set_seed(SEED)
+    thread = Thread(target=model.generate, kwargs=generation_kwargs)
+    thread.start()
+    start = time.time()
+    for new_audio in streamer:
+        print(
+            f"Sample of length: {round(new_audio.shape[0] / sampling_rate, 2)} seconds after {time.time() - start} seconds"
+        )
+        yield answer, numpy_to_mp3(new_audio, sampling_rate=sampling_rate)
+
+
+with gr.Blocks() as demo:
+    gr.HTML(
+        """
+        <h1 style='text-align: center;'> Magic 8 Ball 🎱 </h1>
+        <h3 style='text-align: center;'> Ask a question and receive wisdom </h3>
+        <p style='text-align: center;'> Powered by <a href="https://github.com/huggingface/parler-tts"> Parler-TTS</a>
+        """
+    )
+    with gr.Group():
+        with gr.Row():
+            audio_out = gr.Audio(
+                label="Spoken Answer", streaming=True, autoplay=True, loop=False
+            )
+            answer = gr.Textbox(label="Answer")
+            state = gr.State()
+        with gr.Row():
+            gr.Markdown(
+                "Example questions: 'Should I get a dog?', 'What is the meaning of life?'"
+            )
+            audio_in = gr.Audio(
+                label="Speak you question", sources="microphone", type="filepath"
+            )
+    with gr.Row():
+        gr.HTML(
+            """<h3 style='text-align: center;'> Examples: 'What is the meaning of life?', 'Should I get a dog?' </h3>"""
+        )
+    audio_in.stop_recording(
+        generate_response, audio_in, [state, answer, audio_out]
+    ).then(fn=read_response, inputs=state, outputs=[answer, audio_out])
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/magic_8_ball/streamer.py b/demo/magic_8_ball/streamer.py
new file mode 100644
index 0000000..e74af33
--- /dev/null
+++ b/demo/magic_8_ball/streamer.py
@@ -0,0 +1,146 @@
+from queue import Queue
+from transformers.generation.streamers import BaseStreamer
+from typing import Optional
+from parler_tts import ParlerTTSForConditionalGeneration  # type: ignore
+import numpy as np
+import math
+import torch
+
+
+class ParlerTTSStreamer(BaseStreamer):
+    def __init__(
+        self,
+        model: ParlerTTSForConditionalGeneration,
+        device: Optional[str] = None,
+        play_steps: Optional[int] = 10,
+        stride: Optional[int] = None,
+        timeout: Optional[float] = None,
+    ):
+        """
+        Streamer that stores playback-ready audio in a queue, to be used by a downstream application as an iterator. This is
+        useful for applications that benefit from accessing the generated audio in a non-blocking way (e.g. in an interactive
+        Gradio demo).
+        Parameters:
+            model (`ParlerTTSForConditionalGeneration`):
+                The Parler-TTS model used to generate the audio waveform.
+            device (`str`, *optional*):
+                The torch device on which to run the computation. If `None`, will default to the device of the model.
+            play_steps (`int`, *optional*, defaults to 10):
+                The number of generation steps with which to return the generated audio array. Using fewer steps will
+                mean the first chunk is ready faster, but will require more codec decoding steps overall. This value
+                should be tuned to your device and latency requirements.
+            stride (`int`, *optional*):
+                The window (stride) between adjacent audio samples. Using a stride between adjacent audio samples reduces
+                the hard boundary between them, giving smoother playback. If `None`, will default to a value equivalent to
+                play_steps // 6 in the audio space.
+            timeout (`int`, *optional*):
+                The timeout for the audio queue. If `None`, the queue will block indefinitely. Useful to handle exceptions
+                in `.generate()`, when it is called in a separate thread.
+        """
+        self.decoder = model.decoder
+        self.audio_encoder = model.audio_encoder
+        self.generation_config = model.generation_config
+        self.device = device if device is not None else model.device
+
+        # variables used in the streaming process
+        self.play_steps = play_steps
+        if stride is not None:
+            self.stride = stride
+        else:
+            hop_length = math.floor(
+                self.audio_encoder.config.sampling_rate
+                / self.audio_encoder.config.frame_rate
+            )
+            self.stride = hop_length * (play_steps - self.decoder.num_codebooks) // 6
+        self.token_cache = None
+        self.to_yield = 0
+
+        # varibles used in the thread process
+        self.audio_queue = Queue()
+        self.stop_signal = None
+        self.timeout = timeout
+
+    def apply_delay_pattern_mask(self, input_ids):
+        # build the delay pattern mask for offsetting each codebook prediction by 1 (this behaviour is specific to Parler)
+        _, delay_pattern_mask = self.decoder.build_delay_pattern_mask(
+            input_ids[:, :1],
+            bos_token_id=self.generation_config.bos_token_id,
+            pad_token_id=self.generation_config.decoder_start_token_id,
+            max_length=input_ids.shape[-1],
+        )
+        # apply the pattern mask to the input ids
+        input_ids = self.decoder.apply_delay_pattern_mask(input_ids, delay_pattern_mask)
+
+        # revert the pattern delay mask by filtering the pad token id
+        mask = (delay_pattern_mask != self.generation_config.bos_token_id) & (
+            delay_pattern_mask != self.generation_config.pad_token_id
+        )
+        input_ids = input_ids[mask].reshape(1, self.decoder.num_codebooks, -1)
+        # append the frame dimension back to the audio codes
+        input_ids = input_ids[None, ...]
+
+        # send the input_ids to the correct device
+        input_ids = input_ids.to(self.audio_encoder.device)
+
+        decode_sequentially = (
+            self.generation_config.bos_token_id in input_ids
+            or self.generation_config.pad_token_id in input_ids
+            or self.generation_config.eos_token_id in input_ids
+        )
+        if not decode_sequentially:
+            output_values = self.audio_encoder.decode(
+                input_ids,
+                audio_scales=[None],
+            )
+        else:
+            sample = input_ids[:, 0]
+            sample_mask = (sample >= self.audio_encoder.config.codebook_size).sum(
+                dim=(0, 1)
+            ) == 0
+            sample = sample[:, :, sample_mask]
+            output_values = self.audio_encoder.decode(sample[None, ...], [None])
+
+        audio_values = output_values.audio_values[0, 0]
+        return audio_values.cpu().float().numpy()
+
+    def put(self, value):
+        batch_size = value.shape[0] // self.decoder.num_codebooks
+        if batch_size > 1:
+            raise ValueError("ParlerTTSStreamer only supports batch size 1")
+
+        if self.token_cache is None:
+            self.token_cache = value
+        else:
+            self.token_cache = torch.concatenate(
+                [self.token_cache, value[:, None]], dim=-1
+            )
+
+        if self.token_cache.shape[-1] % self.play_steps == 0:  # type: ignore
+            audio_values = self.apply_delay_pattern_mask(self.token_cache)
+            self.on_finalized_audio(audio_values[self.to_yield : -self.stride])
+            self.to_yield += len(audio_values) - self.to_yield - self.stride
+
+    def end(self):
+        """Flushes any remaining cache and appends the stop symbol."""
+        if self.token_cache is not None:
+            audio_values = self.apply_delay_pattern_mask(self.token_cache)
+        else:
+            audio_values = np.zeros(self.to_yield)
+
+        self.on_finalized_audio(audio_values[self.to_yield :], stream_end=True)
+
+    def on_finalized_audio(self, audio: np.ndarray, stream_end: bool = False):
+        """Put the new audio in the queue. If the stream is ending, also put a stop signal in the queue."""
+        self.audio_queue.put(audio, timeout=self.timeout)
+        if stream_end:
+            self.audio_queue.put(self.stop_signal, timeout=self.timeout)
+
+    def __iter__(self):
+        return self
+
+    def __next__(self):
+        value = self.audio_queue.get(timeout=self.timeout)
+        if not isinstance(value, np.ndarray) and value == self.stop_signal:
+            raise StopIteration()
+        else:
+            return value
diff --git a/demo/main_note/requirements.txt b/demo/main_note/requirements.txt
new file mode 100644
index 0000000..ca60345
--- /dev/null
+++ b/demo/main_note/requirements.txt
@@ -0,0 +1,3 @@
+scipy
+numpy
+matplotlib
\ No newline at end of file
diff --git a/demo/main_note/run.py b/demo/main_note/run.py
new file mode 100644
index 0000000..ebea583
--- /dev/null
+++ b/demo/main_note/run.py
@@ -0,0 +1,52 @@
+from math import log2, pow
+
+import numpy as np
+from scipy.fftpack import fft  # ty: ignore[unresolved-import]
+
+import gradio as gr
+from gradio.media import get_audio
+
+A4 = 440
+C0 = A4 * pow(2, -4.75)
+name = ["C", "C#", "D", "D#", "E", "F", "F#", "G", "G#", "A", "A#", "B"]
+
+def get_pitch(freq):
+    h = round(12 * log2(freq / C0))
+    n = h % 12
+    return name[n]
+
+def main_note(audio):
+    rate, y = audio
+    if len(y.shape) == 2:
+        y = y.T[0]
+    N = len(y)
+    T = 1.0 / rate
+    yf = fft(y)
+    yf2 = 2.0 / N * np.abs(yf[0 : N // 2])
+    xf = np.linspace(0.0, 1.0 / (2.0 * T), N // 2)
+
+    volume_per_pitch = {}
+    total_volume = np.sum(yf2)
+    for freq, volume in zip(xf, yf2):
+        if freq == 0:
+            continue
+        pitch = get_pitch(freq)
+        if pitch not in volume_per_pitch:
+            volume_per_pitch[pitch] = 0
+        volume_per_pitch[pitch] += 1.0 * volume / total_volume
+    volume_per_pitch = {k: float(v) for k, v in volume_per_pitch.items()}
+    return volume_per_pitch
+
+demo = gr.Interface(
+    main_note,
+    gr.Audio(sources=["microphone"]),
+    gr.Label(num_top_classes=4),
+    examples=[
+        [get_audio("recording1.wav")],
+        [get_audio("cantina.wav")],
+    ],
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/main_note/screenshot.png b/demo/main_note/screenshot.png
new file mode 100644
index 0000000..e14d43d
Binary files /dev/null and b/demo/main_note/screenshot.png differ
diff --git a/demo/many_tabs/run.py b/demo/many_tabs/run.py
new file mode 100644
index 0000000..6603795
--- /dev/null
+++ b/demo/many_tabs/run.py
@@ -0,0 +1,304 @@
+import gradio as gr
+import pandas as pd
+import numpy as np
+
+# Sample data for components
+sample_df = pd.DataFrame(
+    {
+        "Name": ["Alice", "Bob", "Charlie", "Diana", "Eve"],
+        "Age": [25, 30, 35, 28, 32],
+        "City": ["New York", "London", "Paris", "Tokyo", "Berlin"],
+        "Score": [95.5, 87.2, 92.1, 88.9, 91.3],
+    }
+)
+
+
+def process_audio(audio):
+    if audio is None:
+        return "No audio uploaded"
+    return f"Audio file received: {audio}"
+
+
+def process_image(image):
+    if image is None:
+        return "No image uploaded"
+    return "Image processed successfully!"
+
+
+def process_3d_model(model):
+    if model is None:
+        return "No 3D model uploaded"
+    return f"3D model file received: {model}"
+
+
+def process_video(video):
+    if video is None:
+        return "No video uploaded"
+    return f"Video file received: {video}"
+
+
+def chat_response(message, history):
+    if history is None:
+        history = []
+    response = f"You said: {message}. This is a demo response!"
+    history.append([message, response])
+    return history, ""
+
+
+def update_dataframe(df, action):
+    if action == "Add Row":
+        new_row = pd.DataFrame(
+            {"Name": ["New User"], "Age": [25], "City": ["New City"], "Score": [90.0]}
+        )
+        return pd.concat([df, new_row], ignore_index=True)
+    elif action == "Clear":
+        return pd.DataFrame({"Name": [], "Age": [], "City": [], "Score": []})
+    return df
+
+
+with gr.Blocks(title="Multi-Component Demo with 10 Tabs") as demo:
+    gr.Markdown("# 🎛️ Multi-Component Gradio Demo")
+    gr.Markdown(
+        "This demo showcases various Gradio components across 10 interactive tabs."
+    )
+
+    with gr.Tabs() as main_tabs:
+        with gr.Tab("📝 Text", id="tab_text"):
+            gr.Markdown("### Text Processing")
+            text_input = gr.Textbox(
+                label="Input Text",
+                placeholder="Enter your text here...",
+                lines=3,
+                interactive=True,
+            )
+            text_area = gr.TextArea(
+                label="Large Text Area",
+                placeholder="Enter longer text...",
+                lines=5,
+                interactive=True,
+            )
+            text_output = gr.Textbox(label="Processed Text", interactive=True)
+
+            def process_text(text1, text2):
+                combined = f"Text 1: {text1}\nText 2: {text2}\nTotal characters: {len(text1) + len(text2)}"
+                return combined
+
+            text_input.change(
+                process_text, inputs=[text_input, text_area], outputs=text_output
+            )
+        with gr.Tab("📝 Text 2", id="tab_text_2"):
+            gr.Markdown("### Text Processing")
+            text_input_2 = gr.Textbox(
+                label="Input Text",
+                placeholder="Enter your text here...",
+                interactive=True,
+            )
+            text_area_2 = gr.TextArea(
+                label="Large Text Area",
+                placeholder="Enter longer text...",
+                interactive=True,
+            )
+            text_output_2 = gr.Textbox(label="Processed Text", interactive=True)
+
+            def process_text(text1, text2):
+                combined = f"Text 1: {text1}\nText 2: {text2}\nTotal characters: {len(text1) + len(text2)}"
+                return combined
+
+            text_input_2.change(
+                process_text, inputs=[text_input_2, text_area_2], outputs=text_output_2
+            )
+
+        # Tab 1: 3D Model Viewer
+        with gr.Tab("🎯 3D Model", id="tab_3d"):
+            gr.Markdown("### 3D Model Viewer")
+            model_input = gr.Model3D(
+                label="Upload 3D Model", interactive=True, height=400
+            )
+            model_output = gr.Textbox(label="Model Status", interactive=True)
+            model_input.change(
+                process_3d_model, inputs=model_input, outputs=model_output
+            )
+
+        # Tab 2: Image Editor
+        with gr.Tab("🖼️ Image Editor", id="tab_image_editor"):
+            gr.Markdown("### Image Editor")
+            image_editor = gr.ImageEditor(
+                label="Edit Image",
+                interactive=True,
+                height=400,
+            )
+            editor_output = gr.Textbox(label="Editor Status", interactive=True)
+            image_editor.change(
+                lambda x: "Image edited!" if x else "No image",
+                inputs=image_editor,
+                outputs=editor_output,
+            )
+
+        # Tab 3: Audio
+        with gr.Tab("🎵 Audio", id="tab_audio"):
+            gr.Markdown("### Audio Component")
+            with gr.Row():
+                audio_input = gr.Audio(
+                    label="Upload Audio", interactive=True, type="filepath"
+                )
+                audio_mic = gr.Audio(
+                    label="Record Audio", interactive=True, sources=["microphone"]
+                )
+            audio_output = gr.Textbox(label="Audio Status", interactive=True)
+            audio_input.change(process_audio, inputs=audio_input, outputs=audio_output)
+
+        # Tab 4: Image
+        with gr.Tab("📸 Image", id="tab_image"):
+            gr.Markdown("### Image Component")
+            with gr.Row():
+                image_input = gr.Image(
+                    label="Upload Image", interactive=True, height=300
+                )
+                image_webcam = gr.Image(
+                    label="Webcam Image", interactive=True, sources=["webcam"]
+                )
+            image_output = gr.Textbox(label="Image Status", interactive=True)
+            image_input.change(process_image, inputs=image_input, outputs=image_output)
+
+        # Tab 5: Dataframe
+        with gr.Tab("📊 Dataframe", id="tab_dataframe"):
+            gr.Markdown("### Interactive Dataframe")
+            df_component = gr.Dataframe(
+                value=sample_df,
+                label="Data Table",
+                interactive=True,
+                wrap=True,
+            )
+            with gr.Row():
+                add_row_btn = gr.Button("Add Row", interactive=True)
+                clear_btn = gr.Button("Clear Data", interactive=True)
+            df_status = gr.Textbox(label="Dataframe Status", interactive=True)
+
+            add_row_btn.click(
+                lambda df: update_dataframe(df, "Add Row"),
+                inputs=df_component,
+                outputs=df_component,
+            )
+            clear_btn.click(
+                lambda df: update_dataframe(df, "Clear"),
+                inputs=df_component,
+                outputs=df_component,
+            )
+
+        # Tab 6: Text Processing
+
+        # Tab 7: File Upload
+        with gr.Tab("📁 Files", id="tab_files"):
+            gr.Markdown("### File Upload")
+            file_input = gr.File(
+                label="Upload Files",
+                interactive=True,
+                file_count="multiple",
+                file_types=["image", "video", "audio", ".pdf", ".txt"],
+            )
+            file_output = gr.Textbox(label="File Status", interactive=True)
+
+            def process_files(files):
+                if files is None or len(files) == 0:
+                    return "No files uploaded"
+                file_names = [f.name for f in files]
+                return f"Uploaded {len(files)} files: {', '.join(file_names)}"
+
+            file_input.change(process_files, inputs=file_input, outputs=file_output)
+
+        # Tab 8: Chatbot
+        with gr.Tab("💬 Chatbot", id="tab_chatbot"):
+            gr.Markdown("### Interactive Chatbot")
+
+            def echo(message, history):
+                return message
+
+            gr.ChatInterface(
+                fn=echo,
+                examples=["hello", "hola", "merhaba"],
+                title="Echo Bot",
+            )
+
+        # Tab 9: Gallery
+        with gr.Tab("🖼️ Gallery", id="tab_gallery"):
+            gr.Markdown("### Image Gallery")
+            gallery = gr.Gallery(
+                label="Image Gallery",
+                columns=3,
+                rows=2,
+                height="400px",
+                interactive=True,
+                allow_preview=True,
+            )
+            gallery_input = gr.File(
+                label="Add Images to Gallery",
+                file_count="multiple",
+                file_types=["image"],
+                interactive=True,
+            )
+            gallery_status = gr.Textbox(label="Gallery Status", interactive=True)
+
+            def update_gallery(files):
+                if files is None:
+                    return [], "No images uploaded"
+                return files, f"Gallery updated with {len(files)} images"
+
+            gallery_input.change(
+                update_gallery, inputs=gallery_input, outputs=[gallery, gallery_status]
+            )
+
+        # Tab 10: Video
+        with gr.Tab("🎬 Video", id="tab_video"):
+            gr.Markdown("### Video Component")
+            video_input = gr.Video(label="Upload Video", interactive=True, height=400)
+            video_webcam = gr.Video(
+                label="Record Video", interactive=True, sources=["webcam"]
+            )
+            video_output = gr.Textbox(label="Video Status", interactive=True)
+            video_input.change(process_video, inputs=video_input, outputs=video_output)
+
+    # Global controls
+    gr.Markdown("---")
+    with gr.Row():
+        selected_tab = gr.Textbox(label="Currently Selected Tab", interactive=True)
+        tab_counter = gr.Number(
+            label="Tab Number (1-10)", value=1, minimum=1, maximum=10, interactive=True
+        )
+
+    # Tab selection functionality
+    def get_selected_tab(evt: gr.SelectData):
+        tab_names = [
+            "3D Model",
+            "Image Editor",
+            "Audio",
+            "Image",
+            "Dataframe",
+            "Text",
+            "Files",
+            "Chatbot",
+            "Gallery",
+            "Video",
+        ]
+        return f"Selected: {evt.value}"
+
+    # Add select events for all tabs
+    tabs = [
+        main_tabs
+    ]  # You would need to reference individual tabs for this to work properly
+
+    gr.Markdown("### 🎯 Features:")
+    gr.Markdown("""
+    - **Tab 1**: 3D Model viewer with file upload
+    - **Tab 2**: Image editor with drawing tools
+    - **Tab 3**: Audio upload and recording
+    - **Tab 4**: Image upload and webcam capture
+    - **Tab 5**: Interactive dataframe with CRUD operations
+    - **Tab 6**: Text processing with multiple input types
+    - **Tab 7**: Multi-file upload with various formats
+    - **Tab 8**: Interactive chatbot interface
+    - **Tab 9**: Image gallery with preview
+    - **Tab 10**: Video upload and recording
+    """)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/map_airbnb/DESCRIPTION.md b/demo/map_airbnb/DESCRIPTION.md
new file mode 100644
index 0000000..e070c7d
--- /dev/null
+++ b/demo/map_airbnb/DESCRIPTION.md
@@ -0,0 +1 @@
+Display an interactive map of AirBnB locations with Plotly. Data is hosted on HuggingFace Datasets. 
\ No newline at end of file
diff --git a/demo/map_airbnb/requirements.txt b/demo/map_airbnb/requirements.txt
new file mode 100644
index 0000000..582e17f
--- /dev/null
+++ b/demo/map_airbnb/requirements.txt
@@ -0,0 +1,2 @@
+plotly
+datasets
diff --git a/demo/map_airbnb/run.py b/demo/map_airbnb/run.py
new file mode 100644
index 0000000..4174486
--- /dev/null
+++ b/demo/map_airbnb/run.py
@@ -0,0 +1,56 @@
+# type: ignore
+import gradio as gr
+import plotly.graph_objects as go
+from datasets import load_dataset
+
+dataset = load_dataset("gradio/NYC-Airbnb-Open-Data", split="train")
+df = dataset.to_pandas()
+
+def filter_map(min_price, max_price, boroughs):
+
+    filtered_df = df[(df['neighbourhood_group'].isin(boroughs)) &
+          (df['price'] > min_price) & (df['price'] < max_price)]
+    names = filtered_df["name"].tolist()
+    prices = filtered_df["price"].tolist()
+    text_list = [(names[i], prices[i]) for i in range(0, len(names))]
+    fig = go.Figure(go.Scattermapbox(
+            customdata=text_list,
+            lat=filtered_df['latitude'].tolist(),
+            lon=filtered_df['longitude'].tolist(),
+            mode='markers',
+            marker=go.scattermapbox.Marker(
+                size=6
+            ),
+            hoverinfo="text",
+            hovertemplate='<b>Name</b>: %{customdata[0]}<br><b>Price</b>: $%{customdata[1]}'
+        ))
+
+    fig.update_layout(
+        mapbox_style="open-street-map",
+        hovermode='closest',
+        mapbox=dict(
+            bearing=0,
+            center=go.layout.mapbox.Center(
+                lat=40.67,
+                lon=-73.90
+            ),
+            pitch=0,
+            zoom=9
+        ),
+    )
+
+    return fig
+
+with gr.Blocks() as demo:
+    with gr.Column():
+        with gr.Row():
+            min_price = gr.Number(value=250, label="Minimum Price")
+            max_price = gr.Number(value=1000, label="Maximum Price")
+        boroughs = gr.CheckboxGroup(choices=["Queens", "Brooklyn", "Manhattan", "Bronx", "Staten Island"], value=["Queens", "Brooklyn"], label="Select Boroughs:")
+        btn = gr.Button(value="Update Filter")
+        map = gr.Plot()
+    demo.load(filter_map, [min_price, max_price, boroughs], map)
+    btn.click(filter_map, [min_price, max_price, boroughs], map)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/markdown_component/run.py b/demo/markdown_component/run.py
new file mode 100644
index 0000000..71422fb
--- /dev/null
+++ b/demo/markdown_component/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        value="This _example_ was **written** in [Markdown](https://en.wikipedia.org/wiki/Markdown)\n <a onclick='stoof' href='https://en.wikipedia.org/wiki/Markdown'>Markdown</a>"
+    )
+
+demo.launch()
diff --git a/demo/markdown_example/run.py b/demo/markdown_example/run.py
new file mode 100644
index 0000000..23084b3
--- /dev/null
+++ b/demo/markdown_example/run.py
@@ -0,0 +1,219 @@
+import gradio as gr
+
+# sample md stolen from https://dillinger.io/
+
+md = """# Dillinger
+## _The Last Markdown Editor, Ever_
+
+This is some `inline code`, it is good.
+
+[![Build Status](https://travis-ci.org/joemccann/dillinger.svg?branch=master)](https://travis-ci.org/joemccann/dillinger)
+
+Dillinger is a cloud-enabled, mobile-ready, offline-storage compatible,
+AngularJS-powered HTML5 Markdown editor.
+
+- Type some Markdown on the left
+- See HTML in the right
+- ✨Magic ✨
+
+## Features
+
+- Import a HTML file and watch it magically convert to Markdown
+- Drag and drop images (requires your Dropbox account be linked)
+- Import and save files from GitHub, Dropbox, Google Drive and One Drive
+- Drag and drop markdown and HTML files into Dillinger
+- Export documents as Markdown, HTML and PDF
+
+Markdown is a lightweight markup language based on the formatting conventions
+that people naturally use in email.
+As [John Gruber] writes on the [Markdown site][df1]
+
+> The overriding design goal for Markdown's
+> formatting syntax is to make it as readable
+> as possible. The idea is that a
+> Markdown-formatted document should be
+> publishable as-is, as plain text, without
+> looking like it's been marked up with tags
+> or formatting instructions.
+
+This text you see here is *actually- written in Markdown! To get a feel
+for Markdown's syntax, type some text into the left window and
+watch the results in the right.
+
+## Tech
+
+Dillinger uses a number of open source projects to work properly:
+
+- [AngularJS] - HTML enhanced for web apps!
+- [Ace Editor] - awesome web-based text editor
+- [markdown-it] - Markdown parser done right. Fast and easy to extend.
+- [Twitter Bootstrap] - great UI boilerplate for modern web apps
+- [node.js] - evented I/O for the backend
+- [Express] - fast node.js network app framework [@tjholowaychuk]
+- [Gulp] - the streaming build system
+- [Breakdance](https://breakdance.github.io/breakdance/) - HTML
+to Markdown converter
+- [jQuery] - duh
+
+And of course Dillinger itself is open source with a [public repository][dill]
+ on GitHub.
+
+## Installation
+
+Dillinger requires [Node.js](https://nodejs.org/) v10+ to run.
+
+Install the dependencies and devDependencies and start the server.
+
+```bash
+cd dillinger
+npm i
+node app
+```
+
+For production environments...
+
+```bash
+npm install --production
+NODE_ENV=production node app
+```
+
+## Plugins
+
+Dillinger is currently extended with the following plugins.
+Instructions on how to use them in your own application are linked below.
+
+| Plugin | README |
+| ------ | ------ |
+| Dropbox | [plugins/dropbox/README.md][PlDb] |
+| GitHub | [plugins/github/README.md][PlGh] |
+| Google Drive | [plugins/googledrive/README.md][PlGd] |
+| OneDrive | [plugins/onedrive/README.md][PlOd] |
+| Medium | [plugins/medium/README.md][PlMe] |
+| Google Analytics | [plugins/googleanalytics/README.md][PlGa] |
+
+## Development
+
+Want to contribute? Great!
+
+Dillinger uses Gulp + Webpack for fast developing.
+Make a change in your file and instantaneously see your updates!
+
+Open your favorite Terminal and run these commands.
+
+First Tab:
+
+```bash
+node app
+```
+
+Second Tab:
+
+```bash
+gulp watch
+```
+
+(optional) Third:
+
+```bash
+karma test
+```
+
+#### Building for source
+
+For production release:
+
+```bash
+gulp build --prod
+```
+
+Generating pre-built zip archives for distribution:
+
+```bash
+gulp build dist --prod
+```
+
+## Docker
+
+Dillinger is very easy to install and deploy in a Docker container.
+
+By default, the Docker will expose port 8080, so change this within the
+Dockerfile if necessary. When ready, simply use the Dockerfile to
+build the image.
+
+```bash
+cd dillinger
+docker build -t <youruser>/dillinger:${package.json.version} .
+```
+
+This will create the dillinger image and pull in the necessary dependencies.
+Be sure to swap out `${package.json.version}` with the actual
+version of Dillinger.
+
+Once done, run the Docker image and map the port to whatever you wish on
+your host. In this example, we simply map port 8000 of the host to
+port 8080 of the Docker (or whatever port was exposed in the Dockerfile):
+
+```bash
+docker run -d -p 8000:8080 --restart=always --cap-add=SYS_ADMIN --name=dillinger <youruser>/dillinger:${package.json.version}
+```
+
+> Note: `--capt-add=SYS-ADMIN` is required for PDF rendering.
+
+Verify the deployment by navigating to your server address in
+your preferred browser.
+
+```bash
+127.0.0.1:8000
+```
+
+```python
+import gradio as gr
+
+gr.Blocks() as demo:
+    gr.Markdown(value=md)
+
+demo.launch()
+```
+
+```js
+function fancyAlert(arg) {
+    if(arg) {
+        $.facebox({div:'#foo'})
+    }
+}
+```
+
+## License
+
+MIT
+
+**Free Software, Hell Yeah!**
+
+[//]: # (These are reference links used in the body of this note and get stripped out when the markdown processor does its job. There is no need to format nicely because it shouldn't be seen. Thanks SO - http://stackoverflow.com/questions/4823468/store-comments-in-markdown-syntax)
+
+   [dill]: <https://github.com/joemccann/dillinger>
+   [git-repo-url]: <https://github.com/joemccann/dillinger.git>
+   [john gruber]: <http://daringfireball.net>
+   [df1]: <http://daringfireball.net/projects/markdown/>
+   [markdown-it]: <https://github.com/markdown-it/markdown-it>
+   [Ace Editor]: <http://ace.ajax.org>
+   [node.js]: <http://nodejs.org>
+   [Twitter Bootstrap]: <http://twitter.github.com/bootstrap/>
+   [jQuery]: <http://jquery.com>
+   [@tjholowaychuk]: <http://twitter.com/tjholowaychuk>
+   [express]: <http://expressjs.com>
+   [AngularJS]: <http://angularjs.org>
+   [Gulp]: <http://gulpjs.com>
+
+   [PlDb]: <https://github.com/joemccann/dillinger/tree/master/plugins/dropbox/README.md>
+   [PlGh]: <https://github.com/joemccann/dillinger/tree/master/plugins/github/README.md>
+   [PlGd]: <https://github.com/joemccann/dillinger/tree/master/plugins/googledrive/README.md>
+   [PlOd]: <https://github.com/joemccann/dillinger/tree/master/plugins/onedrive/README.md>
+   [PlMe]: <https://github.com/joemccann/dillinger/tree/master/plugins/medium/README.md>
+   [PlGa]: <https://github.com/RahulHP/dillinger/blob/master/plugins/googleanalytics/README.md>
+
+"""
+with gr.Blocks() as demo:
+    gr.Markdown(value=md, header_links=True, height=400)
+
+demo.launch()
diff --git a/demo/markdown_with_mermaid/run.py b/demo/markdown_with_mermaid/run.py
new file mode 100644
index 0000000..963c1d6
--- /dev/null
+++ b/demo/markdown_with_mermaid/run.py
@@ -0,0 +1,129 @@
+import gradio as gr
+
+demo = gr.Blocks()
+
+with demo:
+    gr.Markdown(
+        """
+        # Project Documentation with Mermaid Diagrams
+        
+        This example demonstrates how to combine regular Markdown with Mermaid diagrams for better visualization.
+        
+        ## System Architecture
+        
+        Below is an overview of our system's architecture:
+        
+        ```mermaid
+        graph LR
+            User[User] --> Frontend[Web Frontend]
+            Frontend --> API[API Gateway]
+            API --> Auth[Authentication Service]
+            API --> DataService[Data Processing Service]
+            DataService --> DB[(Database)]
+            DataService --> ML[Machine Learning Engine]
+            ML --> Model[(Model Storage)]
+            
+            style User fill:#f9f,stroke:#333,stroke-width:2px
+            style Frontend fill:#bbf,stroke:#333,stroke-width:2px
+            style API fill:#bfb,stroke:#333,stroke-width:2px
+            style DataService fill:#fbb,stroke:#333,stroke-width:2px
+        ```
+        
+        ## Data Processing Workflow
+        
+        The data goes through the following steps before reaching the end user:
+        
+        1. Collection from various sources
+        2. Cleaning and preprocessing
+        3. Feature extraction
+        4. Analysis and model application
+        5. Results formatting
+        
+        ## User Journey
+        
+        ```mermaid
+        sequenceDiagram
+            participant U as User
+            participant F as Frontend
+            participant A as API
+            participant D as Database
+            
+            U->>F: Login Request
+            F->>A: Authenticate
+            A->>D: Verify Credentials
+            D-->>A: User Validated
+            A-->>F: Auth Token
+            F-->>U: Login Success
+            
+            U->>F: Request Data
+            F->>A: Get Data (with token)
+            A->>D: Query Data
+            D-->>A: Return Results
+            A-->>F: Formatted Data
+            F-->>U: Display Results
+        ```
+        
+        ## Decision Process
+        
+        When handling requests, our system follows this decision tree:
+        
+        ```mermaid
+        flowchart TD
+            A[New Request] --> B{Authenticated?}
+            B -->|Yes| C{Request Type}
+            B -->|No| D[Return 401]
+            
+            C -->|Data Query| E[Process Query]
+            C -->|Update| F{Has Permission?}
+            C -->|Delete| G{Is Admin?}
+            
+            F -->|Yes| H[Apply Update]
+            F -->|No| I[Return 403]
+            
+            G -->|Yes| J[Execute Delete]
+            G -->|No| K[Return 403]
+            
+            E --> L[Return Data]
+            H --> M[Return Success]
+            J --> N[Return Success]
+            
+            style A fill:#98fb98,stroke:#333
+            style D fill:#ff9999,stroke:#333
+            style I fill:#ff9999,stroke:#333
+            style K fill:#ff9999,stroke:#333
+            style M fill:#98fb98,stroke:#333
+            style N fill:#98fb98,stroke:#333
+        ```
+        
+        ## State Diagram
+        
+        Our application transitions through these states:
+        
+        ```mermaid
+        stateDiagram-v2
+            [*] --> Initialization
+            Initialization --> Ready
+            
+            Ready --> Processing: New Request
+            Processing --> Error: Exception
+            Processing --> Complete: Success
+            
+            Error --> Ready: Reset
+            Complete --> Ready: Reset
+            
+            Ready --> Shutdown: Exit Command
+            Shutdown --> [*]
+        ```
+        
+        ## Additional Resources
+        
+        For more information about our system, please check:
+        
+        - [API Documentation](https://example.com/api-docs)
+        - [User Guide](https://example.com/user-guide)
+        - [Admin Dashboard](https://example.com/admin)
+        """
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/matrix_transpose/run.py b/demo/matrix_transpose/run.py
new file mode 100644
index 0000000..2127775
--- /dev/null
+++ b/demo/matrix_transpose/run.py
@@ -0,0 +1,24 @@
+import numpy as np
+
+import gradio as gr
+
+def transpose(matrix):
+    return matrix.T
+
+demo = gr.Interface(
+    transpose,
+    gr.Dataframe(type="numpy", datatype="number", row_count=5, column_count=3, buttons=["fullscreen"]),
+    "numpy",
+    examples=[
+        [np.zeros((30, 30)).tolist()],
+        [np.ones((2, 2)).tolist()],
+        [np.random.randint(0, 10, (3, 10)).tolist()],
+        [np.random.randint(0, 10, (10, 3)).tolist()],
+        [np.random.randint(0, 10, (10, 10)).tolist()],
+    ],
+    cache_examples=False,
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/matrix_transpose/screenshot.png b/demo/matrix_transpose/screenshot.png
new file mode 100644
index 0000000..a9434e9
Binary files /dev/null and b/demo/matrix_transpose/screenshot.png differ
diff --git a/demo/mcp_image_app/run.py b/demo/mcp_image_app/run.py
new file mode 100644
index 0000000..a494740
--- /dev/null
+++ b/demo/mcp_image_app/run.py
@@ -0,0 +1,134 @@
+import gradio as gr
+import tempfile
+from PIL import Image
+import numpy as np
+
+
+@gr.mcp.tool(
+    _meta={
+        "openai/outputTemplate": "ui://widget/app.html",
+        "openai/resultCanProduceWidget": True,
+        "openai/widgetAccessible": True,
+    }
+)
+
+def power_law_image(input_path: str, gamma: float = 0.5) -> str:
+    """
+    Applies a power-law (gamma) transformation to an image file and saves
+    the result to a temporary file.
+
+    Args:
+        input_path (str): Path to the input image.
+        gamma (float): Power-law exponent. <1 brightens, >1 darkens.
+
+    Returns:
+        str: Path to the saved temporary output image.
+    """
+    img = Image.open(input_path).convert("RGB")
+    arr = np.array(img, dtype=np.float32) / 255.0
+    arr = np.power(arr, gamma)
+    arr = np.clip(arr * 255, 0, 255).astype(np.uint8)
+    out_img = Image.fromarray(arr)
+
+    tmp_file = tempfile.NamedTemporaryFile(delete=False, suffix=".png")
+    out_img.save(tmp_file.name)
+    tmp_file.close()
+
+    return tmp_file.name
+
+
+@gr.mcp.resource("ui://widget/app.html", mime_type="text/html+skybridge")
+def app_html():
+    visual = """
+    <style>
+        #image-container {
+            position: relative;
+            display: inline-block;
+            max-width: 100%;
+        }
+        #image-display {
+            max-width: 100%;
+            height: auto;
+            display: block;
+            border-radius: 8px;
+        }
+        #brighten-btn {
+            position: absolute;
+            bottom: 16px;
+            right: 26px;
+            padding: 12px 24px;
+            background: #1a1a1a;
+            color: white;
+            border: none;
+            border-radius: 8px;
+            font-weight: 600;
+            cursor: pointer;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        }
+        #brighten-btn:hover {
+            background: #000000;
+        }
+    </style>
+    <div id="image-container">
+        <img id="image-display" alt="Processed image" />
+        <button id="brighten-btn">Brighten</button>
+    </div>
+    <script>
+        const imageEl = document.getElementById('image-display');
+        const btnEl = document.getElementById('brighten-btn');
+
+        function extractImageUrl(data) {
+            if (data?.text?.startsWith('Image URL: ')) {
+                return data.text.substring('Image URL: '.length).trim();
+            }
+            if (data?.content) {
+                for (const item of data.content) {
+                    if (item.type === 'text' && item.text?.startsWith('Image URL: ')) {
+                        return item.text.substring('Image URL: '.length).trim();
+                    }
+                }
+            }
+        }
+
+        function render() {
+            const url = extractImageUrl(window.openai?.toolOutput);
+            if (url) imageEl.src = url;
+        }
+
+        async function brightenImage() {
+            btnEl.disabled = true;
+            btnEl.textContent = 'Brightening...';
+            const result = await window.openai.callTool('power_law_image', {
+                input_path: imageEl.src
+            });
+            const newUrl = extractImageUrl(result);
+            if (newUrl) imageEl.src = newUrl;
+            btnEl.disabled = false;
+            btnEl.textContent = 'Brighten';
+        }
+
+        btnEl.addEventListener('click', brightenImage);
+        window.addEventListener("openai:set_globals", (event) => {
+            if (event.detail?.globals?.toolOutput) render();
+        }, { passive: true });
+
+        render();
+    </script>
+    """
+    return visual
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            original_image = gr.Image(label="Original Image", type="filepath")
+            btn = gr.Button("Brighten Image")
+        with gr.Column():
+            output_image = gr.Image(label="Output Image", type="filepath")
+            html = gr.Code(language="html", max_lines=20)
+
+    btn.click(power_law_image, inputs=original_image, outputs=original_image)
+    btn.click(app_html, outputs=html)
+
+if __name__ == "__main__":
+    demo.launch(mcp_server=True, share=True)
diff --git a/demo/mcp_letter_counter_app/run.py b/demo/mcp_letter_counter_app/run.py
new file mode 100644
index 0000000..1200b9b
--- /dev/null
+++ b/demo/mcp_letter_counter_app/run.py
@@ -0,0 +1,90 @@
+import gradio as gr
+
+
+@gr.mcp.tool(
+    _meta={
+        "openai/outputTemplate": "ui://widget/app.html",
+        "openai/resultCanProduceWidget": True,
+        "openai/widgetAccessible": True,
+    }
+)
+def letter_counter(word: str, letter: str) -> int:
+    """
+    Count the number of letters in a word or phrase.
+
+    Parameters:
+        word (str): The word or phrase to count the letters of.
+        letter (str): The letter to count the occurrences of.
+    """
+    return word.count(letter)
+
+
+@gr.mcp.resource("ui://widget/app.html", mime_type="text/html+skybridge")
+def app_html():
+    visual = """
+    <div id="letter-card-container"></div>
+    <script>
+        const container = document.getElementById('letter-card-container');
+
+        function render() {
+            const word = window.openai?.toolInput?.word || "strawberry";
+            const letter = window.openai?.toolInput?.letter || "r";
+
+            let letterHTML = '';
+            for (let i = 0; i < word.length; i++) {
+                const char = word[i];
+                const color = char.toLowerCase() === letter.toLowerCase() ? '#b8860b' : '#000000';
+                letterHTML += `<span style="color: ${color};">${char}</span>`;
+            }
+
+            container.innerHTML = `
+                <div style="
+                    background: linear-gradient(135deg, #f5f5dc 0%, #e8e4d0 100%);
+                    background-image:
+                        repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(139, 121, 94, 0.03) 2px, rgba(139, 121, 94, 0.03) 4px),
+                        linear-gradient(135deg, #f5f5dc 0%, #e8e4d0 100%);
+                    border-radius: 16px;
+                    padding: 40px;
+                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
+                    max-width: 600px;
+                    margin: 20px auto;
+                    font-family: 'Georgia', serif;
+                    text-align: center;
+                ">
+                    <div style="
+                        font-size: 48px;
+                        font-weight: bold;
+                        letter-spacing: 8px;
+                        line-height: 1.5;
+                    ">
+                        ${letterHTML}
+                    </div>
+                </div>
+            `;
+        }
+        render();
+        window.addEventListener("openai:set_globals", (event) => {
+            if (event.detail?.globals?.toolInput) {
+                render();
+            }
+        }, { passive: true });
+    </script>
+    """
+    return visual
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            word = gr.Textbox(label="Word")
+            letter = gr.Textbox(label="Letter")
+            btn = gr.Button("Count Letters")
+        with gr.Column():
+            count = gr.Number(label="Count")
+            html = gr.Code(language="html", max_lines=20)
+
+    btn.click(letter_counter, inputs=[word, letter], outputs=count)
+    btn.click(app_html, outputs=html)
+
+if __name__ == "__main__":
+    demo.launch(mcp_server=True, share=True)
diff --git a/demo/mcp_progress/run.py b/demo/mcp_progress/run.py
new file mode 100644
index 0000000..9c53b41
--- /dev/null
+++ b/demo/mcp_progress/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+import time
+
+def slow_text_reverser(text: str, progress=gr.Progress()):
+    for i in range(len(text)):
+        progress(i / len(text), desc="Reversing text")
+        time.sleep(0.3)
+    return text[::-1]
+
+
+demo = gr.Interface(slow_text_reverser, gr.Textbox("Hello, world!"), gr.Textbox(), api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch(mcp_server=True)
diff --git a/demo/mcp_resources_and_prompts/fastmcp.py b/demo/mcp_resources_and_prompts/fastmcp.py
new file mode 100644
index 0000000..2ccd564
--- /dev/null
+++ b/demo/mcp_resources_and_prompts/fastmcp.py
@@ -0,0 +1,40 @@
+"""
+This is the equivalent of `run.py` but implemented with FastMCP v1.
+It is taken directly from the quickstart example from the MCP Python SDK:
+https://github.com/modelcontextprotocol/python-sdk 
+"""
+
+from mcp.server.fastmcp import FastMCP
+
+# Create an MCP server
+mcp = FastMCP("Demo")
+
+
+# Add an addition tool
+@mcp.tool()
+def add(a: int, b: int) -> int:
+    """Add two numbers"""
+    return a + b
+
+
+# Add a dynamic greeting resource
+@mcp.resource("greeting://{name}")
+def get_greeting(name: str) -> str:
+    """Get a personalized greeting"""
+    return f"Hello, {name}!"
+
+
+# Add a prompt
+@mcp.prompt()
+def greet_user(name: str, style: str = "friendly") -> str:
+    """Generate a greeting prompt"""
+    styles = {
+        "friendly": "Please write a warm, friendly greeting",
+        "formal": "Please write a formal, professional greeting",
+        "casual": "Please write a casual, relaxed greeting",
+    }
+
+    return f"{styles.get(style, styles['friendly'])} for someone named {name}."
+
+if __name__ == "__main__":
+    mcp.run()
diff --git a/demo/mcp_resources_and_prompts/run.py b/demo/mcp_resources_and_prompts/run.py
new file mode 100644
index 0000000..2ddc3bf
--- /dev/null
+++ b/demo/mcp_resources_and_prompts/run.py
@@ -0,0 +1,46 @@
+"""
+Adapts the FastMCP quickstart example to work with Gradio's MCP integration.
+"""
+import gradio as gr
+
+
+@gr.mcp.tool()  # Not needed as functions are registered as tools by default
+def add(a: int, b: int) -> int:
+    """Add two numbers"""
+    return a + b
+
+
+@gr.mcp.resource("greeting://{name}")
+def get_greeting(name: str) -> str:
+    """Get a personalized greeting"""
+    return f"Hello, {name}!"
+
+
+@gr.mcp.prompt()
+def greet_user(name: str, style: str = "friendly") -> str:
+    """Generate a greeting prompt"""
+    styles = {
+        "friendly": "Please write a warm, friendly greeting",
+        "formal": "Please write a formal, professional greeting", 
+        "casual": "Please write a casual, relaxed greeting",
+    }
+
+    return f"{styles.get(style, styles['friendly'])} for someone named {name}."
+
+
+demo = gr.TabbedInterface(
+    [
+        gr.Interface(add, [gr.Number(value=1), gr.Number(value=2)], gr.Number()),
+        gr.Interface(get_greeting, gr.Textbox("Abubakar"), gr.Textbox()),
+        gr.Interface(greet_user, [gr.Textbox("Abubakar"), gr.Dropdown(choices=["friendly", "formal", "casual"])], gr.Textbox()),
+    ],
+    [
+        "Add",
+        "Get Greeting",
+        "Greet User",
+    ]
+)
+
+
+if __name__ == "__main__":
+    demo.launch(mcp_server=True)
diff --git a/demo/mcp_tool_only/run.py b/demo/mcp_tool_only/run.py
new file mode 100644
index 0000000..632101a
--- /dev/null
+++ b/demo/mcp_tool_only/run.py
@@ -0,0 +1,27 @@
+import gradio as gr
+
+def slice_list(lst: list, start: int, end: int) -> list:
+    """
+    A tool that slices a list given a start and end index.
+    Args:
+        lst: The list to slice.
+        start: The start index.
+        end: The end index.
+    Returns:
+        The sliced list.
+    """
+    return lst[start:end]
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        """
+        This is a demo of a MCP-only tool.
+        This tool slices a list.
+        This tool is MCP-only, so it does not have a UI.
+        """
+    )
+    gr.api(
+        slice_list
+    )
+
+_, url, _ = demo.launch(mcp_server=True)
\ No newline at end of file
diff --git a/demo/mcp_tools/cheetah.jpg b/demo/mcp_tools/cheetah.jpg
new file mode 100644
index 0000000..ca8a7aa
Binary files /dev/null and b/demo/mcp_tools/cheetah.jpg differ
diff --git a/demo/mcp_tools/run.py b/demo/mcp_tools/run.py
new file mode 100644
index 0000000..23685e8
--- /dev/null
+++ b/demo/mcp_tools/run.py
@@ -0,0 +1,96 @@
+import numpy as np
+import gradio as gr
+from pathlib import Path
+import os
+from PIL import Image
+
+def prime_factors(n: str):
+    """
+    Compute the prime factorization of a positive integer.
+
+    Args:
+        n (str): The integer to factorize. Must be greater than 1.
+    """
+    n_int = int(n)
+    if n_int <= 1:
+        raise ValueError("Input must be an integer greater than 1.")
+
+    factors = []
+    while n_int % 2 == 0:
+        factors.append(2)
+        n_int //= 2
+
+    divisor = 3
+    while divisor * divisor <= n_int:
+        while n_int % divisor == 0:
+            factors.append(divisor)
+            n_int //= divisor
+        divisor += 2
+
+    if n_int > 1:
+        factors.append(n_int)
+
+    return factors
+
+
+def generate_cheetah_image():
+    """
+    Generate a cheetah image.
+
+    Returns:
+        The generated cheetah image.
+    """
+    return Path(os.path.dirname(__file__)) / "cheetah.jpg"
+
+
+def image_orientation(image: Image.Image) -> str:
+    """
+    Returns whether image is portrait or landscape.
+
+    Args:
+        image (Image.Image): The image to check.
+
+    Returns:
+        str: "Portrait" if image is portrait, "Landscape" if image is landscape.
+    """
+    return "Portrait" if image.height > image.width else "Landscape"
+
+
+def sepia(input_img):
+    """
+    Apply a sepia filter to the input image.
+
+    Args:
+        input_img (np.array): The input image to apply the sepia filter to.
+
+    Returns:
+        The sepia filtered image.
+    """
+    sepia_filter = np.array([
+        [0.393, 0.769, 0.189],
+        [0.349, 0.686, 0.168],
+        [0.272, 0.534, 0.131]
+    ])
+    sepia_img = input_img.dot(sepia_filter.T)
+    sepia_img /= sepia_img.max()
+    return sepia_img
+
+
+
+demo = gr.TabbedInterface(
+    [
+        gr.Interface(prime_factors, gr.Textbox("1001"), gr.Textbox()),
+        gr.Interface(generate_cheetah_image, None, gr.Image(), api_description="Generates a cheetah image. No arguments are required."),
+        gr.Interface(image_orientation, gr.Image(type="pil"), gr.Textbox(), api_visibility="private"),
+        gr.Interface(sepia, gr.Image(), gr.Image(), api_description=False),
+    ],
+    [
+        "Prime Factors",
+        "Cheetah Image",
+        "Image Orientation Checker",
+        "Sepia Filter",
+    ]
+)
+
+if __name__ == "__main__":
+    demo.launch(mcp_server=True)
diff --git a/demo/mini_leaderboard/assets/__init__.py b/demo/mini_leaderboard/assets/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/demo/mini_leaderboard/assets/custom_css.css b/demo/mini_leaderboard/assets/custom_css.css
new file mode 100644
index 0000000..91a5ff7
--- /dev/null
+++ b/demo/mini_leaderboard/assets/custom_css.css
@@ -0,0 +1,87 @@
+/* Hides the final AutoEvalColumn */
+#llm-benchmark-tab-table table td:last-child,
+#llm-benchmark-tab-table table th:last-child {
+    display: none;
+}
+
+/* Limit the width of the first AutoEvalColumn so that names don't expand too much */
+table td:first-child,
+table th:first-child {
+    max-width: 400px;
+    overflow: auto;
+    white-space: nowrap;
+}
+
+/* Full width space */
+.gradio-container {
+  max-width: 95%!important;
+}
+
+/* Text style and margins */
+.markdown-text {
+    font-size: 16px !important;
+}
+
+#models-to-add-text {
+    font-size: 18px !important;
+}
+
+#citation-button span {
+    font-size: 16px !important;
+}
+
+#citation-button textarea {
+    font-size: 16px !important;
+}
+
+#citation-button > label > button {
+    margin: 6px;
+    transform: scale(1.3);
+}
+
+#search-bar-table-box > div:first-child {
+    background: none;
+    border: none;
+}
+ 
+#search-bar {
+    padding: 0px;
+}
+
+.tab-buttons button {
+    font-size: 20px;
+}
+
+/* Filters style */
+#filter_type{
+    border: 0;
+    padding-left: 0;
+    padding-top: 0;
+}
+#filter_type label {
+    display: flex;
+}
+#filter_type label > span{
+    margin-top: var(--spacing-lg);
+    margin-right: 0.5em;
+}
+#filter_type label > .wrap{
+    width: 103px;
+}
+#filter_type label > .wrap .wrap-inner{  
+    padding: 2px;
+}
+#filter_type label > .wrap .wrap-inner input{
+    width: 1px
+}
+#filter-columns-type{
+    border:0;
+    padding:0.5;
+}
+#filter-columns-size{
+    border:0;
+    padding:0.5;
+}
+#box-filter > .form{
+    border: 0
+}
\ No newline at end of file
diff --git a/demo/mini_leaderboard/assets/leaderboard_data.json b/demo/mini_leaderboard/assets/leaderboard_data.json
new file mode 100644
index 0000000..e0d3af4
--- /dev/null
+++ b/demo/mini_leaderboard/assets/leaderboard_data.json
@@ -0,0 +1 @@
+{"T":{"0":"\ud83d\udd36","1":"\ud83d\udcac","2":"\ud83d\udd36","3":"\ud83d\udd36","4":"\ud83d\udd36","5":"\ud83d\udd36","6":"\ud83d\udd36","7":"\ud83d\udd36","8":"\ud83d\udcac","9":"\ud83d\udd36","10":"\ud83d\udd36","11":"\ud83d\udd36","12":"\ud83d\udd36","13":"\ud83d\udcac","14":"\ud83d\udd36","15":"\ud83d\udd36","16":"\ud83d\udd36","17":"\ud83d\udd36","18":"\ud83d\udcac","19":"\ud83d\udd36","20":"\ud83d\udd36","21":"\ud83d\udd36","22":"\ud83d\udd36","23":"\ud83d\udd36","24":"\ud83d\udd36","25":"\ud83d\udd36","26":"\ud83d\udd36","27":"\ud83d\udd36","28":"\ud83d\udd36","29":"\ud83d\udd36","30":"\ud83d\udd36","31":"\ud83d\udd36","32":"\ud83d\udd36","33":"\ud83d\udd36","34":"\ud83d\udd36","35":"\ud83d\udd36","36":"\ud83d\udd36","37":"\ud83d\udd36","38":"\ud83d\udd36","39":"\ud83d\udd36","40":"\ud83d\udd36","41":"\ud83d\udd36","42":"\ud83d\udd36","43":"\ud83d\udd36","44":"\ud83d\udd36","45":"\ud83d\udcac","46":"\ud83e\udd1d","47":"\ud83d\udd36","48":"\ud83d\udd36","49":"\ud83d\udd36","50":"\ud83d\udd36","51":"\ud83d\udcac","52":"\ud83d\udd36","53":"\ud83d\udd36","54":"\ud83e\udd1d","55":"\ud83e\udd1d","56":"\ud83d\udd36","57":"\ud83d\udd36","58":"\ud83d\udd36","59":"\ud83d\udd36","60":"\ud83d\udd36","61":"\ud83d\udd36","62":"\ud83d\udd36","63":"\ud83d\udd36","64":"\ud83d\udcac","65":"\ud83d\udd36","66":"\ud83e\udd1d","67":"\ud83d\udd36","68":"\ud83d\udd36","69":"\ud83d\udcac","70":"\ud83d\udd36","71":"\ud83d\udd36","72":"\ud83d\udcac","73":"\ud83d\udcac","74":"\ud83d\udcac","75":"\ud83d\udd36","76":"\ud83d\udd36","77":"\ud83d\udcac","78":"\ud83d\udcac","79":"\ud83d\udcac","80":"\ud83d\udcac","81":"\ud83d\udcac","82":"\ud83d\udcac","83":"\ud83d\udd36","84":"\ud83d\udd36","85":"\ud83d\udd36","86":"\ud83d\udd36","87":"\ud83d\udd36","88":"\ud83d\udcac","89":"\ud83d\udd36","90":"\ud83d\udd36","91":"\ud83d\udcac","92":"\ud83d\udd36","93":"\ud83d\udd36","94":"\ud83d\udd36","95":"\ud83d\udd36","96":"\ud83d\udd36","97":"\ud83d\udd36","98":"\ud83d\udd36","99":"\ud83d\udd36","100":"\ud83d\udd36","101":"\ud83d\udd36","102":"\ud83d\udd36","103":"\ud83d\udd36","104":"\ud83d\udd36","105":"\ud83d\udcac","106":"\ud83d\udd36","107":"\ud83d\udd36","108":"\ud83d\udd36","109":"\ud83d\udd36","110":"\ud83d\udd36","111":"\ud83d\udcac","112":"\ud83d\udd36","113":"\ud83d\udd36","114":"\ud83d\udd36","115":"\ud83d\udd36","116":"\ud83d\udd36","117":"\ud83d\udd36","118":"\ud83d\udd36","119":"\ud83d\udd36","120":"\ud83d\udd36","121":"\ud83d\udd36","122":"\ud83d\udd36","123":"\ud83d\udd36","124":"\ud83d\udcac","125":"\ud83d\udcac","126":"\ud83d\udcac","127":"\ud83d\udcac","128":"\ud83d\udd36","129":"\ud83d\udd36","130":"\ud83d\udcac","131":"\ud83d\udcac","132":"\ud83d\udd36","133":"\ud83d\udcac","134":"\ud83d\udd36","135":"\ud83d\udd36","136":"\ud83d\udd36","137":"\ud83d\udcac","138":"\ud83d\udcac","139":"\ud83d\udd36","140":"\ud83d\udd36","141":"\ud83d\udd36","142":"\ud83d\udd36","143":"\ud83d\udcac","144":"\ud83d\udd36","145":"\ud83d\udcac","146":"\ud83d\udd36","147":"\ud83d\udcac","148":"\ud83d\udd36","149":"\ud83d\udcac","150":"\ud83d\udcac","151":"\ud83d\udd36","152":"\ud83d\udd36","153":"\ud83d\udd36","154":"\ud83d\udcac","155":"\ud83d\udd36","156":"\ud83d\udcac","157":"\ud83d\udd36","158":"\ud83d\udcac","159":"\ud83d\udd36","160":"\ud83d\udd36","161":"\ud83d\udd36","162":"\ud83d\udcac","163":"\ud83d\udcac","164":"\ud83d\udd36","165":"\ud83d\udd36","166":"\ud83e\udd1d","167":"\ud83d\udd36","168":"\ud83d\udcac","169":"\ud83d\udcac","170":"\ud83d\udcac","171":"\ud83d\udcac","172":"\ud83d\udd36","173":"\ud83e\udd1d","174":"\ud83d\udd36","175":"\ud83d\udd36","176":"\ud83d\udcac","177":"\ud83e\udd1d","178":"\ud83d\udd36","179":"\ud83d\udcac","180":"\ud83d\udd36","181":"\ud83d\udd36","182":"\ud83d\udfe2","183":"\ud83d\udd36","184":"\ud83d\udd36","185":"\ud83d\udd36","186":"\ud83d\udd36","187":"\ud83d\udd36","188":"\ud83d\udcac","189":"\ud83d\udcac","190":"\ud83d\udd36","191":"\ud83d\udd36","192":"\ud83d\udd36","193":"\ud83d\udd36","194":"\ud83d\udd36","195":"\ud83e\udd1d","196":"\ud83d\udd36","197":"\ud83d\udd36","198":"\ud83d\udd36","199":"\ud83d\udcac","200":"\ud83d\udd36","201":"\ud83d\udcac","202":"\ud83d\udd36","203":"\ud83d\udcac","204":"\ud83d\udd36","205":"\ud83d\udd36","206":"\ud83d\udcac","207":"\ud83d\udd36","208":"\ud83d\udcac","209":"\ud83d\udd36","210":"\ud83d\udd36","211":"\ud83d\udfe2","212":"\ud83d\udcac","213":"\ud83d\udd36","214":"\ud83d\udd36","215":"\ud83d\udd36","216":"\ud83e\udd1d","217":"\ud83d\udcac","218":"\ud83d\udd36","219":"\ud83d\udd36","220":"\ud83d\udd36","221":"\ud83d\udd36","222":"\ud83d\udd36","223":"\ud83d\udd36","224":"\ud83e\udd1d","225":"\ud83d\udcac","226":"\ud83d\udd36","227":"\ud83d\udcac","228":"\ud83e\udd1d","229":"\ud83d\udcac","230":"\ud83d\udd36","231":"\ud83d\udd36","232":"\ud83d\udcac","233":"\ud83d\udd36","234":"\ud83d\udd36","235":"\ud83d\udd36","236":"\ud83d\udd36","237":"\ud83e\udd1d","238":"\ud83d\udd36","239":"\ud83d\udcac","240":"\ud83d\udd36","241":"\ud83d\udd36","242":"\ud83e\udd1d","243":"\ud83d\udd36","244":"\ud83e\udd1d","245":"\ud83d\udd36","246":"\ud83d\udcac","247":"\ud83d\udd36","248":"\ud83d\udd36","249":"\ud83d\udd36","250":"\ud83e\udd1d","251":"\ud83d\udd36","252":"\ud83d\udd36","253":"\ud83d\udcac","254":"\ud83d\udcac","255":"\ud83d\udcac","256":"\ud83d\udd36","257":"\ud83d\udd36","258":"\ud83d\udcac","259":"\ud83d\udd36","260":"\ud83d\udcac","261":"\ud83d\udcac","262":"\ud83d\udcac","263":"\ud83d\udd36","264":"\ud83d\udd36","265":"\ud83d\udcac","266":"\ud83d\udcac","267":"\ud83d\udcac","268":"\ud83d\udd36","269":"\ud83d\udcac","270":"\ud83e\udd1d","271":"\ud83d\udd36","272":"\ud83d\udcac","273":"\ud83d\udd36","274":"\ud83d\udcac","275":"\ud83d\udcac","276":"\ud83e\udd1d","277":"\ud83d\udd36","278":"\ud83d\udd36","279":"\ud83e\udd1d","280":"\ud83d\udd36","281":"\ud83d\udcac","282":"\ud83d\udd36","283":"\ud83d\udd36","284":"\ud83d\udd36"},"Model":{"0":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/davidkim205\/Rhea-72b-v0.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">davidkim205\/Rhea-72b-v0.5<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_davidkim205__Rhea-72b-v0.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","1":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MTSAIR\/MultiVerse_70B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MTSAIR\/MultiVerse_70B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MTSAIR__MultiVerse_70B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","2":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MTSAIR\/MultiVerse_70B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MTSAIR\/MultiVerse_70B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MTSAIR__MultiVerse_70B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","3":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SF-Foundation\/Ein-72B-v0.11\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SF-Foundation\/Ein-72B-v0.11<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SF-Foundation__Ein-72B-v0.11\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","4":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SF-Foundation\/Ein-72B-v0.13\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SF-Foundation\/Ein-72B-v0.13<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SF-Foundation__Ein-72B-v0.13\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","5":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SF-Foundation\/Ein-72B-v0.12\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SF-Foundation\/Ein-72B-v0.12<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SF-Foundation__Ein-72B-v0.12\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","6":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/Smaug-72B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/Smaug-72B-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__Smaug-72B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","7":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ibivibiv\/alpaca-dragon-72b-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ibivibiv\/alpaca-dragon-72b-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ibivibiv__alpaca-dragon-72b-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","8":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/moreh\/MoMo-72B-lora-1.8.7-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">moreh\/MoMo-72B-lora-1.8.7-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_moreh__MoMo-72B-lora-1.8.7-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","9":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO_f16\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO_f16<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO_f16\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","10":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/saltlux\/luxia-21.4b-alignment-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">saltlux\/luxia-21.4b-alignment-v1.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_saltlux__luxia-21.4b-alignment-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","11":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/TomGrc_FusionNet_34Bx2_MoE_v0.1_full_linear_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/TomGrc_FusionNet_34Bx2_MoE_v0.1_full_linear_DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__TomGrc_FusionNet_34Bx2_MoE_v0.1_full_linear_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","12":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/zhengr\/MixTAO-7Bx2-MoE-v8.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">zhengr\/MixTAO-7Bx2-MoE-v8.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_zhengr__MixTAO-7Bx2-MoE-v8.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","13":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yunconglong\/Truthful_DPO_TomGrc_FusionNet_7Bx2_MoE_13B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yunconglong\/Truthful_DPO_TomGrc_FusionNet_7Bx2_MoE_13B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yunconglong__Truthful_DPO_TomGrc_FusionNet_7Bx2_MoE_13B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","14":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Asura_v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Asura_v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Asura_v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","15":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNA-SimpleSmaug-34b-v1beta\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNA-SimpleSmaug-34b-v1beta<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNA-SimpleSmaug-34b-v1beta\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","16":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/TomGrc\/FusionNet_34Bx2_MoE_v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">TomGrc\/FusionNet_34Bx2_MoE_v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_TomGrc__FusionNet_34Bx2_MoE_v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","17":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/migtissera\/Tess-72B-v1.5b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">migtissera\/Tess-72B-v1.5b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_migtissera__Tess-72B-v1.5b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","18":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/moreh\/MoMo-72B-lora-1.8.6-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">moreh\/MoMo-72B-lora-1.8.6-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_moreh__MoMo-72B-lora-1.8.6-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","19":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/Smaug-34B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/Smaug-34B-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__Smaug-34B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","20":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/Truthful_DPO_TomGrc_FusionNet_34Bx2_MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/Truthful_DPO_TomGrc_FusionNet_34Bx2_MoE<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__Truthful_DPO_TomGrc_FusionNet_34Bx2_MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","21":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ibivibiv\/orthorus-125b-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ibivibiv\/orthorus-125b-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ibivibiv__orthorus-125b-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","22":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ConvexAI\/Luminex-34B-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ConvexAI\/Luminex-34B-v0.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ConvexAI__Luminex-34B-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","23":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yunconglong\/DARE_TIES_13B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yunconglong\/DARE_TIES_13B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yunconglong__DARE_TIES_13B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","24":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yunconglong\/13B_MATH_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yunconglong\/13B_MATH_DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yunconglong__13B_MATH_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","25":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/TomGrc\/FusionNet_34Bx2_MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">TomGrc\/FusionNet_34Bx2_MoE<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_TomGrc__FusionNet_34Bx2_MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","26":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ConvexAI\/Luminex-34B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ConvexAI\/Luminex-34B-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ConvexAI__Luminex-34B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","27":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yunconglong\/MoE_13B_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yunconglong\/MoE_13B_DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yunconglong__MoE_13B_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","28":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Asura_v3.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Asura_v3.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Asura_v3.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","29":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/4bit_quant_TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/4bit_quant_TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__4bit_quant_TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","30":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment26-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment26-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment26-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","31":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MTSAIR\/multi_verse_model\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MTSAIR\/multi_verse_model<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MTSAIR__multi_verse_model\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","32":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/chihoonlee10\/T3Q-Mistral-Orca-Math-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">chihoonlee10\/T3Q-Mistral-Orca-Math-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_chihoonlee10__T3Q-Mistral-Orca-Math-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","33":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment26-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment26-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment26-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","34":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/rwitz\/experiment26-truthy-iter-0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">rwitz\/experiment26-truthy-iter-0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_rwitz__experiment26-truthy-iter-0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","35":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment30-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment30-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment30-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","36":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment28-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment28-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment28-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","37":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MaziyarPanahi\/Calme-7B-Instruct-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MaziyarPanahi\/Calme-7B-Instruct-v0.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MaziyarPanahi__Calme-7B-Instruct-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","38":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/rwitz\/experiment26-truthy-iter-1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">rwitz\/experiment26-truthy-iter-1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_rwitz__experiment26-truthy-iter-1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","39":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/rwitz\/experiment26-truthy-iter-2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">rwitz\/experiment26-truthy-iter-2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_rwitz__experiment26-truthy-iter-2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","40":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/chlee10\/T3Q-Merge-Mistral7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">chlee10\/T3Q-Merge-Mistral7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_chlee10__T3Q-Merge-Mistral7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","41":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/LeroyDyer\/Mixtral_AI_Cyber_3.m1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">LeroyDyer\/Mixtral_AI_Cyber_3.m1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_LeroyDyer__Mixtral_AI_Cyber_3.m1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","42":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment31-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment31-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment31-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","43":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment31-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment31-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment31-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","44":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment24-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment24-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment24-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","45":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/zhengr\/MixTAO-7Bx2-MoE-Instruct-v7.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">zhengr\/MixTAO-7Bx2-MoE-Instruct-v7.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_zhengr__MixTAO-7Bx2-MoE-Instruct-v7.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","46":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/bobofrut\/ladybird-base-7B-v8\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">bobofrut\/ladybird-base-7B-v8<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_bobofrut__ladybird-base-7B-v8\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","47":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment29-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment29-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment29-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","48":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment30-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment30-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment30-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","49":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/CorticalStack\/pastiche-crown-clown-7b-dare-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">CorticalStack\/pastiche-crown-clown-7b-dare-dpo<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_CorticalStack__pastiche-crown-clown-7b-dare-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","50":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MaziyarPanahi\/Calme-7B-Instruct-v0.1.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MaziyarPanahi\/Calme-7B-Instruct-v0.1.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MaziyarPanahi__Calme-7B-Instruct-v0.1.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","51":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/mlabonne\/UltraMerge-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">mlabonne\/UltraMerge-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_mlabonne__UltraMerge-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","52":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/Truthful_DPO_cloudyu_Mixtral_34Bx2_MoE_60B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/Truthful_DPO_cloudyu_Mixtral_34Bx2_MoE_60B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__Truthful_DPO_cloudyu_Mixtral_34Bx2_MoE_60B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","53":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment27-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment27-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment27-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","54":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_eren23__ogno-monarch-jaskier-merge-7b-OH-PREF-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","55":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_eren23__ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","56":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/Yi-34Bx2-MoE-60B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/Yi-34Bx2-MoE-60B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__Yi-34Bx2-MoE-60B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","57":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/chihoonlee10\/T3Q-EN-DPO-Mistral-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">chihoonlee10\/T3Q-EN-DPO-Mistral-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_chihoonlee10__T3Q-EN-DPO-Mistral-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","58":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jefferylovely\/AiMaven-Merkaba-7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jefferylovely\/AiMaven-Merkaba-7b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jefferylovely__AiMaven-Merkaba-7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","59":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/bardsai\/jaskier-7b-dpo-v5.6\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">bardsai\/jaskier-7b-dpo-v5.6<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_bardsai__jaskier-7b-dpo-v5.6\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","60":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Asura_v2.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Asura_v2.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Asura_v2.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","61":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment25-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment25-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment25-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","62":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_eren23__ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","63":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/CorticalStack\/neurotic-crown-clown-7b-tak-stack-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">CorticalStack\/neurotic-crown-clown-7b-tak-stack-dpo<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_CorticalStack__neurotic-crown-clown-7b-tak-stack-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","64":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jan-hq\/stealth-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jan-hq\/stealth-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jan-hq__stealth-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","65":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/bardsai\/jaskier-7b-dpo-v6.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">bardsai\/jaskier-7b-dpo-v6.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_bardsai__jaskier-7b-dpo-v6.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","66":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v4-test\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v4-test<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_eren23__ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v4-test\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","67":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/chihoonlee10\/T3Q-DPO-Mistral-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">chihoonlee10\/T3Q-DPO-Mistral-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_chihoonlee10__T3Q-DPO-Mistral-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","68":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Kukedlc\/Jupiter-k-7B-slerp\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Kukedlc\/Jupiter-k-7B-slerp<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Kukedlc__Jupiter-k-7B-slerp\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","69":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/moreh\/MoMo-72B-lora-1.8.4-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">moreh\/MoMo-72B-lora-1.8.4-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_moreh__MoMo-72B-lora-1.8.4-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","70":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/TomGrc\/FusionNet_7Bx2_MoE_v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">TomGrc\/FusionNet_7Bx2_MoE_v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_TomGrc__FusionNet_7Bx2_MoE_v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","71":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/macadeliccc\/MBX-7B-v3-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">macadeliccc\/MBX-7B-v3-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_macadeliccc__MBX-7B-v3-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","72":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/vicgalle\/CarbonBeagle-11B-truthy\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">vicgalle\/CarbonBeagle-11B-truthy<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_vicgalle__CarbonBeagle-11B-truthy\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","73":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/dddsaty\/FusionNet_7Bx2_MoE_Ko_DPO_Adapter_Attach\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">dddsaty\/FusionNet_7Bx2_MoE_Ko_DPO_Adapter_Attach<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_dddsaty__FusionNet_7Bx2_MoE_Ko_DPO_Adapter_Attach\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","74":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/vicgalle\/RoleBeagle-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">vicgalle\/RoleBeagle-11B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_vicgalle__RoleBeagle-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","75":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MaziyarPanahi\/Calme-7B-Instruct-v0.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MaziyarPanahi\/Calme-7B-Instruct-v0.5<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MaziyarPanahi__Calme-7B-Instruct-v0.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","76":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Capricorn-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Capricorn-7B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Capricorn-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","77":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/rwitz\/experiment26-SPIN-iter-0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">rwitz\/experiment26-SPIN-iter-0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_rwitz__experiment26-SPIN-iter-0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","78":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Kukedlc\/NeuralKrishna-7B-V2-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Kukedlc\/NeuralKrishna-7B-V2-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Kukedlc__NeuralKrishna-7B-V2-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","79":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abideen\/AlphaMonarch-laser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abideen\/AlphaMonarch-laser<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abideen__AlphaMonarch-laser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","80":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/touqir\/Cyrax-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">touqir\/Cyrax-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_touqir__Cyrax-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","81":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Eric111\/UltraCatunaMayo-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Eric111\/UltraCatunaMayo-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Eric111__UltraCatunaMayo-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","82":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abideen\/AlphaMonarch-daser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abideen\/AlphaMonarch-daser<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abideen__AlphaMonarch-daser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","83":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment21-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment21-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment21-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","84":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/TomGrc\/FusionNet_7Bx2_MoE_14B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">TomGrc\/FusionNet_7Bx2_MoE_14B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_TomGrc__FusionNet_7Bx2_MoE_14B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","85":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment22-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment22-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment22-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","86":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/Yi-34Bx2-MOE-200K\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/Yi-34Bx2-MOE-200K<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__Yi-34Bx2-MOE-200K\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","87":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NeverSleep\/MiquMaid-v2-2x70B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NeverSleep\/MiquMaid-v2-2x70B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NeverSleep__MiquMaid-v2-2x70B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","88":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abideen\/AlphaMonarch-dora\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abideen\/AlphaMonarch-dora<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abideen__AlphaMonarch-dora\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","89":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/AiMavenAi\/Prometheus-1.3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">AiMavenAi\/Prometheus-1.3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_AiMavenAi__Prometheus-1.3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","90":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Capricorn-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Capricorn-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Capricorn-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","91":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yleo\/EmertonMonarch-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yleo\/EmertonMonarch-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yleo__EmertonMonarch-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","92":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment20-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment20-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment20-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","93":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ibivibiv\/multimaster-7b-v6\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ibivibiv\/multimaster-7b-v6<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ibivibiv__multimaster-7b-v6\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","94":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/Smaug-Mixtral-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/Smaug-Mixtral-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__Smaug-Mixtral-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","95":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/daxiongshu\/Pluto_24B_DPO_63\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">daxiongshu\/Pluto_24B_DPO_63<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_daxiongshu__Pluto_24B_DPO_63\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","96":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/Smaug-Mixtral-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/Smaug-Mixtral-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__Smaug-Mixtral-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","97":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/Phoenix_DPO_60B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/Phoenix_DPO_60B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__Phoenix_DPO_60B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","98":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Weyaxi\/Helion-4x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Weyaxi\/Helion-4x34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Weyaxi__Helion-4x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","99":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ibivibiv\/multimaster-7b-v4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ibivibiv\/multimaster-7b-v4<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ibivibiv__multimaster-7b-v4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","100":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNA-34BeagleSimpleMath-32K-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNA-34BeagleSimpleMath-32K-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNA-34BeagleSimpleMath-32K-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","101":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ShinojiResearch\/Senku-70B-Full\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ShinojiResearch\/Senku-70B-Full<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ShinojiResearch__Senku-70B-Full\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","102":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNA-34Beagles-32K-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNA-34Beagles-32K-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNA-34Beagles-32K-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","103":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/one-man-army\/UNA-34Beagles-32K-bf16-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">one-man-army\/UNA-34Beagles-32K-bf16-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_one-man-army__UNA-34Beagles-32K-bf16-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","104":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Scorpio-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Scorpio-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Scorpio-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","105":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/vicgalle\/ConfigurableBeagle-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">vicgalle\/ConfigurableBeagle-11B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_vicgalle__ConfigurableBeagle-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","106":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Weyaxi\/Cosmosis-3x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Weyaxi\/Cosmosis-3x34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Weyaxi__Cosmosis-3x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","107":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/macadeliccc\/WestLake-7B-v2-laser-truthy-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">macadeliccc\/WestLake-7B-v2-laser-truthy-dpo<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_macadeliccc__WestLake-7B-v2-laser-truthy-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","108":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment19-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment19-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment19-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","109":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ShinojiResearch\/Senku-70B-Full\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ShinojiResearch\/Senku-70B-Full<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ShinojiResearch__Senku-70B-Full\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","110":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment23-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment23-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment23-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","111":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/maywell\/kiqu-70b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">maywell\/kiqu-70b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_maywell__kiqu-70b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","112":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/WestSeverus-7B-DPO-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/WestSeverus-7B-DPO-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__WestSeverus-7B-DPO-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","113":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/migtissera\/Tess-70B-v1.6\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">migtissera\/Tess-70B-v1.6<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_migtissera__Tess-70B-v1.6\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","114":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/alnrg2arg\/test3_sft_16bit\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">alnrg2arg\/test3_sft_16bit<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_alnrg2arg__test3_sft_16bit\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","115":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Faraday-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Faraday-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Faraday-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","116":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Weyaxi\/Astralis-4x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Weyaxi\/Astralis-4x34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Weyaxi__Astralis-4x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","117":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Faraday-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Faraday-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Faraday-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","118":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/PetroGPT\/WestSeverus-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">PetroGPT\/WestSeverus-7B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_PetroGPT__WestSeverus-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","119":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Sectumsempra-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Sectumsempra-7B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Sectumsempra-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","120":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NeverSleep\/MiquMaid-v1-70B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NeverSleep\/MiquMaid-v1-70B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NeverSleep__MiquMaid-v1-70B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","121":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Weyaxi\/Bagel-Hermes-2x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Weyaxi\/Bagel-Hermes-2x34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Weyaxi__Bagel-Hermes-2x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","122":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/BarryFutureman\/WestLakeX-7B-EvoMerge-Variant2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">BarryFutureman\/WestLakeX-7B-EvoMerge-Variant2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_BarryFutureman__WestLakeX-7B-EvoMerge-Variant2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","123":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ibivibiv\/multimaster-7b-v5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ibivibiv\/multimaster-7b-v5<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ibivibiv__multimaster-7b-v5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","124":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/alnrg2arg\/test3_sft_16bit_dpo2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">alnrg2arg\/test3_sft_16bit_dpo2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_alnrg2arg__test3_sft_16bit_dpo2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","125":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ChaoticNeutrals\/Eris_Floramix_DPO_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ChaoticNeutrals\/Eris_Floramix_DPO_7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ChaoticNeutrals__Eris_Floramix_DPO_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","126":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abhishekchohan\/SOLAR-10.7B-Instruct-Forest-DPO-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abhishekchohan\/SOLAR-10.7B-Instruct-Forest-DPO-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abhishekchohan__SOLAR-10.7B-Instruct-Forest-DPO-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","127":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/MetaMath-Bagel-DPO-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/MetaMath-Bagel-DPO-34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__MetaMath-Bagel-DPO-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","128":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cognitivecomputations\/WestLake-7B-v2-laser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cognitivecomputations\/WestLake-7B-v2-laser<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cognitivecomputations__WestLake-7B-v2-laser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","129":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/60B_MoE_Coder_v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/60B_MoE_Coder_v3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__60B_MoE_Coder_v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","130":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ChaoticNeutrals\/Eris_Remix_DPO_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ChaoticNeutrals\/Eris_Remix_DPO_7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ChaoticNeutrals__Eris_Remix_DPO_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","131":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Eric111\/CatunaLaserPi-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Eric111\/CatunaLaserPi-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Eric111__CatunaLaserPi-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","132":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jondurbin\/nontoxic-bagel-34b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jondurbin\/nontoxic-bagel-34b-v0.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jondurbin__nontoxic-bagel-34b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","133":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jondurbin\/bagel-dpo-34b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jondurbin\/bagel-dpo-34b-v0.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jondurbin__bagel-dpo-34b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","134":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/senseable\/WestLake-7B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">senseable\/WestLake-7B-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_senseable__WestLake-7B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","135":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/moreh\/MoMo-72B-LoRA-V1.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">moreh\/MoMo-72B-LoRA-V1.4<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_moreh__MoMo-72B-LoRA-V1.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","136":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MaziyarPanahi\/Calme-7B-Instruct-v0.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MaziyarPanahi\/Calme-7B-Instruct-v0.4<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MaziyarPanahi__Calme-7B-Instruct-v0.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","137":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/kevin009\/llamaRAGdrama\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">kevin009\/llamaRAGdrama<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_kevin009__llamaRAGdrama\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","138":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/vicgalle\/Mixtral-7Bx2-truthy\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">vicgalle\/Mixtral-7Bx2-truthy<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_vicgalle__Mixtral-7Bx2-truthy\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","139":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/moreh\/MoMo-72B-LoRA-V1.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">moreh\/MoMo-72B-LoRA-V1.4<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_moreh__MoMo-72B-LoRA-V1.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","140":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jondurbin\/bagel-dpo-34b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jondurbin\/bagel-dpo-34b-v0.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jondurbin__bagel-dpo-34b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","141":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/senseable\/Westlake-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">senseable\/Westlake-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_senseable__Westlake-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","142":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/rizla\/trrapi-16b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">rizla\/trrapi-16b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_rizla__trrapi-16b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","143":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/MM-OV-bagel-DPO-34b-c1000-250\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/MM-OV-bagel-DPO-34b-c1000-250<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__MM-OV-bagel-DPO-34b-c1000-250\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","144":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/BarryFutureman\/WestLakeX-7B-EvoMerge\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">BarryFutureman\/WestLakeX-7B-EvoMerge<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_BarryFutureman__WestLakeX-7B-EvoMerge\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","145":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yunconglong\/Truthful_DPO_MOE_19B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yunconglong\/Truthful_DPO_MOE_19B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yunconglong__Truthful_DPO_MOE_19B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","146":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Kukedlc\/NeuralExperiment-7b-MagicCoder-v7.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Kukedlc\/NeuralExperiment-7b-MagicCoder-v7.5<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Kukedlc__NeuralExperiment-7b-MagicCoder-v7.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","147":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ResplendentAI\/Datura_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ResplendentAI\/Datura_7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ResplendentAI__Datura_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","148":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Patronum-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Patronum-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Patronum-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","149":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/bhavinjawade\/SOLAR-10B-OrcaDPO-Jawade\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">bhavinjawade\/SOLAR-10B-OrcaDPO-Jawade<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_bhavinjawade__SOLAR-10B-OrcaDPO-Jawade\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","150":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ResplendentAI\/Flora_DPO_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ResplendentAI\/Flora_DPO_7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ResplendentAI__Flora_DPO_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","151":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ResplendentAI\/Flora_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ResplendentAI\/Flora_7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ResplendentAI__Flora_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","152":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NeuralNovel\/Valor-7B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NeuralNovel\/Valor-7B-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NeuralNovel__Valor-7B-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","153":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/VAGOsolutions\/SauerkrautLM-SOLAR-Instruct\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">VAGOsolutions\/SauerkrautLM-SOLAR-Instruct<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_VAGOsolutions__SauerkrautLM-SOLAR-Instruct\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","154":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/upstage\/SOLAR-10.7B-Instruct-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">upstage\/SOLAR-10.7B-Instruct-v1.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_upstage__SOLAR-10.7B-Instruct-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","155":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNA-SOLAR-10.7B-Instruct-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNA-SOLAR-10.7B-Instruct-v1.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNA-SOLAR-10.7B-Instruct-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","156":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/bhavinjawade\/SOLAR-10B-Nector-DPO-Jawade\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">bhavinjawade\/SOLAR-10B-Nector-DPO-Jawade<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_bhavinjawade__SOLAR-10B-Nector-DPO-Jawade\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","157":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/Liberated-Qwen1.5-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/Liberated-Qwen1.5-72B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__Liberated-Qwen1.5-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","158":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/dddsaty\/SOLAR-Instruct-ko-Adapter-Attach\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">dddsaty\/SOLAR-Instruct-ko-Adapter-Attach<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_dddsaty__SOLAR-Instruct-ko-Adapter-Attach\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","159":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/macadeliccc\/SOLAR-10.7b-Instruct-truthy-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">macadeliccc\/SOLAR-10.7b-Instruct-truthy-dpo<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_macadeliccc__SOLAR-10.7b-Instruct-truthy-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","160":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/Liberated-Qwen1.5-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/Liberated-Qwen1.5-72B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__Liberated-Qwen1.5-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","161":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/19B_MATH_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/19B_MATH_DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__19B_MATH_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","162":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/dhanushreddy29\/BrokenKeyboard\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">dhanushreddy29\/BrokenKeyboard<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_dhanushreddy29__BrokenKeyboard\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","163":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNA-SOLAR-10.7B-Instruct-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNA-SOLAR-10.7B-Instruct-v1.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNA-SOLAR-10.7B-Instruct-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","164":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNA-POLAR-10.7B-InstructMath-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNA-POLAR-10.7B-InstructMath-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNA-POLAR-10.7B-InstructMath-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","165":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNAversal-2x7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNAversal-2x7B-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNAversal-2x7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","166":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/dddsaty\/Merge_Sakura_Solar\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">dddsaty\/Merge_Sakura_Solar<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_dddsaty__Merge_Sakura_Solar\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","167":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/rishiraj\/meow\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">rishiraj\/meow<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_rishiraj__meow\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","168":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/vicgalle\/ConfigurableSOLAR-10.7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">vicgalle\/ConfigurableSOLAR-10.7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_vicgalle__ConfigurableSOLAR-10.7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","169":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNA-TheBeagle-7b-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNA-TheBeagle-7b-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNA-TheBeagle-7b-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","170":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/vicgalle\/OpenBeagle-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">vicgalle\/OpenBeagle-11B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_vicgalle__OpenBeagle-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","171":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/InferenceIllusionist\/Excalibur-7b-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">InferenceIllusionist\/Excalibur-7b-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_InferenceIllusionist__Excalibur-7b-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","172":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Gony_v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Gony_v3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Gony_v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","173":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Sao10K\/Typhon-Mixtral-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Sao10K\/Typhon-Mixtral-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Sao10K__Typhon-Mixtral-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","174":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/fblgit\/UNAversal-8x7B-v1beta\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">fblgit\/UNAversal-8x7B-v1beta<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_fblgit__UNAversal-8x7B-v1beta\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","175":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/sophosympatheia\/Aurora-Nights-70B-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">sophosympatheia\/Aurora-Nights-70B-v1.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_sophosympatheia__Aurora-Nights-70B-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","176":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/allenai\/tulu-2-dpo-70b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">allenai\/tulu-2-dpo-70b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_allenai__tulu-2-dpo-70b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","177":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Steelskull\/Lumosia-v2-MoE-4x10.7\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Steelskull\/Lumosia-v2-MoE-4x10.7<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Steelskull__Lumosia-v2-MoE-4x10.7\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","178":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NousResearch\/Nous-Hermes-2-Yi-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NousResearch\/Nous-Hermes-2-Yi-34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NousResearch__Nous-Hermes-2-Yi-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","179":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/decruz07\/kellemar-DPO-Orca-Distilled-7B-SLERP\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">decruz07\/kellemar-DPO-Orca-Distilled-7B-SLERP<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_decruz07__kellemar-DPO-Orca-Distilled-7B-SLERP\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","180":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/abacusai\/MM-Orc-Vic-bagel-34b-c1000\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">abacusai\/MM-Orc-Vic-bagel-34b-c1000<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_abacusai__MM-Orc-Vic-bagel-34b-c1000\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","181":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Asura_v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Asura_v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Asura_v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","182":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Qwen\/Qwen-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Qwen\/Qwen-72B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Qwen__Qwen-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","183":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment7-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment7-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment7-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","184":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/macadeliccc\/SOLAR-10.7b-Instruct-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">macadeliccc\/SOLAR-10.7b-Instruct-dpo<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_macadeliccc__SOLAR-10.7b-Instruct-dpo\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","185":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment15-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment15-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment15-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","186":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment10-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment10-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment10-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","187":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment8-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment8-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment8-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","188":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/Mixtral-8x7B-Instruct-v0.1-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/Mixtral-8x7B-Instruct-v0.1-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__Mixtral-8x7B-Instruct-v0.1-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","189":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Neuronovo\/neuronovo-9B-v0.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Neuronovo\/neuronovo-9B-v0.4<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Neuronovo__neuronovo-9B-v0.4\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","190":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/Mixtral_7Bx5_MoE_30B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/Mixtral_7Bx5_MoE_30B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__Mixtral_7Bx5_MoE_30B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","191":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment9-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment9-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment9-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","192":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment1-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment1-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment1-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","193":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment2-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment2-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment2-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","194":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yam-peleg\/Experiment4-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yam-peleg\/Experiment4-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yam-peleg__Experiment4-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","195":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Sao10K\/Franziska-Mixtral-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Sao10K\/Franziska-Mixtral-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Sao10K__Franziska-Mixtral-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","196":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NousResearch\/Nous-Hermes-2-Mixtral-8x7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NousResearch\/Nous-Hermes-2-Mixtral-8x7B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NousResearch__Nous-Hermes-2-Mixtral-8x7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","197":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ResplendentAI\/DaturaCookie_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ResplendentAI\/DaturaCookie_7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ResplendentAI__DaturaCookie_7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","198":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ibndias\/Nous-Hermes-2-MoE-2x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ibndias\/Nous-Hermes-2-MoE-2x34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ibndias__Nous-Hermes-2-MoE-2x34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","199":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/gradientai\/v-alpha-tross\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">gradientai\/v-alpha-tross<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_gradientai__v-alpha-tross\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","200":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/carsenk\/flippa-exp26-v3-7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">carsenk\/flippa-exp26-v3-7b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_carsenk__flippa-exp26-v3-7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","201":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SUSTech\/SUS-Chat-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SUSTech\/SUS-Chat-34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SUSTech__SUS-Chat-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","202":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Sao10K\/SOLAR-10.7B-NahIdWin\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Sao10K\/SOLAR-10.7B-NahIdWin<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Sao10K__SOLAR-10.7B-NahIdWin\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","203":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yunconglong\/7Bx4_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yunconglong\/7Bx4_DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yunconglong__7Bx4_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","204":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/gradientai\/v-alpha-tross\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">gradientai\/v-alpha-tross<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_gradientai__v-alpha-tross\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","205":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ResplendentAI\/Luna-2x7B-MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ResplendentAI\/Luna-2x7B-MoE<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ResplendentAI__Luna-2x7B-MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","206":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NousResearch\/Nous-Hermes-2-Mixtral-8x7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NousResearch\/Nous-Hermes-2-Mixtral-8x7B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NousResearch__Nous-Hermes-2-Mixtral-8x7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","207":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ibivibiv\/multimaster-7b-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ibivibiv\/multimaster-7b-v3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ibivibiv__multimaster-7b-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","208":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/yunconglong\/7Bx4_DPO_2e\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">yunconglong\/7Bx4_DPO_2e<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_yunconglong__7Bx4_DPO_2e\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","209":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/argilla\/notux-8x7b-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">argilla\/notux-8x7b-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_argilla__notux-8x7b-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","210":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/The-Face-Of-Goonery\/HuginnV5.5-12.6B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">The-Face-Of-Goonery\/HuginnV5.5-12.6B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_The-Face-Of-Goonery__HuginnV5.5-12.6B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","211":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Qwen\/Qwen1.5-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Qwen\/Qwen1.5-72B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Qwen__Qwen1.5-72B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","212":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/logicker\/SkkuDS-DPO-72B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">logicker\/SkkuDS-DPO-72B-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_logicker__SkkuDS-DPO-72B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","213":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/VAGOsolutions\/SauerkrautLM-Mixtral-8x7B-Instruct\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">VAGOsolutions\/SauerkrautLM-Mixtral-8x7B-Instruct<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_VAGOsolutions__SauerkrautLM-Mixtral-8x7B-Instruct\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","214":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Himitsui\/Kaiju-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Himitsui\/Kaiju-11B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Himitsui__Kaiju-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","215":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/PetroGPT\/Severus-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">PetroGPT\/Severus-7B-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_PetroGPT__Severus-7B-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","216":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/S-miguel\/The-Trinity-Coder-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">S-miguel\/The-Trinity-Coder-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_S-miguel__The-Trinity-Coder-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","217":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/logicker\/SkkuDS-DPO-72B-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">logicker\/SkkuDS-DPO-72B-v3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_logicker__SkkuDS-DPO-72B-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","218":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/PSanni\/MPOMixtral-8x7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">PSanni\/MPOMixtral-8x7B-Instruct-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_PSanni__MPOMixtral-8x7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","219":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cloudyu\/19B_TRUTH_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cloudyu\/19B_TRUTH_DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cloudyu__19B_TRUTH_DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","220":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Gony_v3.3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Gony_v3.3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Gony_v3.3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","221":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/VAGOsolutions\/SauerkrautLM-Mixtral-8x7B-Instruct\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">VAGOsolutions\/SauerkrautLM-Mixtral-8x7B-Instruct<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_VAGOsolutions__SauerkrautLM-Mixtral-8x7B-Instruct\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","222":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/tenyx\/TenyxChat-8x7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">tenyx\/TenyxChat-8x7B-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_tenyx__TenyxChat-8x7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","223":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/mistralai\/Mixtral-8x7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">mistralai\/Mixtral-8x7B-Instruct-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_mistralai__Mixtral-8x7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","224":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ChaoticNeutrals\/RPMix-4x7B-MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ChaoticNeutrals\/RPMix-4x7B-MoE<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ChaoticNeutrals__RPMix-4x7B-MoE\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","225":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SJ-Donald\/SJ-SOLAR-10.7b-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SJ-Donald\/SJ-SOLAR-10.7b-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SJ-Donald__SJ-SOLAR-10.7b-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","226":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/senseable\/garten2-7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">senseable\/garten2-7b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_senseable__garten2-7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","227":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Azure99\/blossom-v5-34b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Azure99\/blossom-v5-34b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Azure99__blossom-v5-34b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","228":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Sao10K\/Fimbulvetr-11B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Sao10K\/Fimbulvetr-11B-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Sao10K__Fimbulvetr-11B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","229":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/mistralai\/Mixtral-8x7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">mistralai\/Mixtral-8x7B-Instruct-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_mistralai__Mixtral-8x7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","230":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/FelixChao\/Severus-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">FelixChao\/Severus-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_FelixChao__Severus-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","231":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Himitsui\/KuroMitsu-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Himitsui\/KuroMitsu-11B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Himitsui__KuroMitsu-11B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","232":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/maywell\/PiVoT-SUS-RP\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">maywell\/PiVoT-SUS-RP<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_maywell__PiVoT-SUS-RP\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","233":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jondurbin\/bagel-dpo-8x7b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jondurbin\/bagel-dpo-8x7b-v0.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jondurbin__bagel-dpo-8x7b-v0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","234":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/ignos\/Mistral-T5-7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">ignos\/Mistral-T5-7B-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_ignos__Mistral-T5-7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","235":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SanjiWatsuki\/Kunoichi-DPO-v2-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SanjiWatsuki\/Kunoichi-DPO-v2-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SanjiWatsuki__Kunoichi-DPO-v2-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","236":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Brillibits\/Instruct_Mixtral-8x7B-v0.1_Dolly15K\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Brillibits\/Instruct_Mixtral-8x7B-v0.1_Dolly15K<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Brillibits__Instruct_Mixtral-8x7B-v0.1_Dolly15K\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","237":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Sao10K\/Fimbulvetr-11B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Sao10K\/Fimbulvetr-11B-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Sao10K__Fimbulvetr-11B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","238":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SanjiWatsuki\/Kunoichi-DPO-v2-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SanjiWatsuki\/Kunoichi-DPO-v2-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SanjiWatsuki__Kunoichi-DPO-v2-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","239":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cognitivecomputations\/mixtral-instruct-0.1-laser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cognitivecomputations\/mixtral-instruct-0.1-laser<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cognitivecomputations__mixtral-instruct-0.1-laser\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","240":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/cognitivecomputations\/laserxtral\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">cognitivecomputations\/laserxtral<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_cognitivecomputations__laserxtral\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","241":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/OpenBuddy\/openbuddy-deepseek-67b-v15.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">OpenBuddy\/openbuddy-deepseek-67b-v15.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_OpenBuddy__openbuddy-deepseek-67b-v15.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","242":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/macadeliccc\/piccolo-math-2x7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">macadeliccc\/piccolo-math-2x7b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_macadeliccc__piccolo-math-2x7b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","243":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Gony_v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Gony_v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Gony_v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","244":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/R136a1\/InfinityKuno-2x7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">R136a1\/InfinityKuno-2x7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_R136a1__InfinityKuno-2x7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","245":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jan-ai\/Solar-10.7B-SLERP\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jan-ai\/Solar-10.7B-SLERP<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jan-ai__Solar-10.7B-SLERP\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","246":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/mncai\/yi-34B-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">mncai\/yi-34B-v3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_mncai__yi-34B-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","247":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NeverSleep\/CausalLM-RP-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NeverSleep\/CausalLM-RP-34B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NeverSleep__CausalLM-RP-34B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","248":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Sao10K\/Fimbulvetr-10.7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Sao10K\/Fimbulvetr-10.7B-v1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Sao10K__Fimbulvetr-10.7B-v1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","249":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/SanjiWatsuki\/Kunoichi-DPO-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">SanjiWatsuki\/Kunoichi-DPO-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_SanjiWatsuki__Kunoichi-DPO-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","250":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jan-hq\/supermario-slerp-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jan-hq\/supermario-slerp-v3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jan-hq__supermario-slerp-v3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","251":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/viethq188\/LeoScorpius-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">viethq188\/LeoScorpius-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_viethq188__LeoScorpius-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","252":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/JaeyeonKang\/CCK_Gony_v3.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">JaeyeonKang\/CCK_Gony_v3.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_JaeyeonKang__CCK_Gony_v3.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","253":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/adonlee\/Mistral_7B_SFT_DPO_v0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">adonlee\/Mistral_7B_SFT_DPO_v0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_adonlee__Mistral_7B_SFT_DPO_v0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","254":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/mncai\/yi-34B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">mncai\/yi-34B-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_mncai__yi-34B-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","255":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/NousResearch\/Nous-Hermes-2-Mixtral-8x7B-SFT\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">NousResearch\/Nous-Hermes-2-Mixtral-8x7B-SFT<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_NousResearch__Nous-Hermes-2-Mixtral-8x7B-SFT\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","256":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/CausalLM\/72B-preview-llamafied-qwen-llamafy\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">CausalLM\/72B-preview-llamafied-qwen-llamafy<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_CausalLM__72B-preview-llamafied-qwen-llamafy\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","257":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/OpenPipe\/mistral-ft-optimized-1218\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">OpenPipe\/mistral-ft-optimized-1218<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_OpenPipe__mistral-ft-optimized-1218\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","258":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/bn22\/Nous-Hermes-2-SOLAR-10.7B-MISALIGNED\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">bn22\/Nous-Hermes-2-SOLAR-10.7B-MISALIGNED<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_bn22__Nous-Hermes-2-SOLAR-10.7B-MISALIGNED\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","259":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/arlineka\/Brunhilde-2x7b-MOE-DPO-v.01.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">arlineka\/Brunhilde-2x7b-MOE-DPO-v.01.5<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_arlineka__Brunhilde-2x7b-MOE-DPO-v.01.5\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","260":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/OpenBuddy\/openbuddy-deepseek-67b-v18.1-4k\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">OpenBuddy\/openbuddy-deepseek-67b-v18.1-4k<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_OpenBuddy__openbuddy-deepseek-67b-v18.1-4k\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","261":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/deepseek-ai\/deepseek-llm-67b-chat\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">deepseek-ai\/deepseek-llm-67b-chat<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_deepseek-ai__deepseek-llm-67b-chat\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","262":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/mlabonne\/NeuralDarewin-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">mlabonne\/NeuralDarewin-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_mlabonne__NeuralDarewin-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","263":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/OpenBuddy\/openbuddy-deepseek-67b-v15.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">OpenBuddy\/openbuddy-deepseek-67b-v15.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_OpenBuddy__openbuddy-deepseek-67b-v15.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","264":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/migtissera\/Tess-M-Creative-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">migtissera\/Tess-M-Creative-v1.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_migtissera__Tess-M-Creative-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","265":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/VitalContribution\/Evangelion-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">VitalContribution\/Evangelion-7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_VitalContribution__Evangelion-7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","266":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/bhenrym14\/platypus-yi-34b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">bhenrym14\/platypus-yi-34b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_bhenrym14__platypus-yi-34b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","267":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/RatanRohith\/NeuralPizza-7B-V0.3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">RatanRohith\/NeuralPizza-7B-V0.3<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_RatanRohith__NeuralPizza-7B-V0.3\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","268":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/PracticeLLM\/SOLAR-tail-10.7B-Merge-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">PracticeLLM\/SOLAR-tail-10.7B-Merge-v1.0<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_PracticeLLM__SOLAR-tail-10.7B-Merge-v1.0\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","269":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Azure99\/blossom-v4-yi-34b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Azure99\/blossom-v4-yi-34b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Azure99__blossom-v4-yi-34b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","270":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/llmixer\/BigWeave-v15-103b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">llmixer\/BigWeave-v15-103b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_llmixer__BigWeave-v15-103b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","271":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/MaziyarPanahi\/Calme-7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">MaziyarPanahi\/Calme-7B-Instruct-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_MaziyarPanahi__Calme-7B-Instruct-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","272":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Samee-ur\/NeuralPipe-7B-slerp-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Samee-ur\/NeuralPipe-7B-slerp-DPO<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Samee-ur__NeuralPipe-7B-slerp-DPO\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","273":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/VAGOsolutions\/SauerkrautLM-14b-MoE-LaserChat\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">VAGOsolutions\/SauerkrautLM-14b-MoE-LaserChat<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_VAGOsolutions__SauerkrautLM-14b-MoE-LaserChat\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","274":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/RatanRohith\/NeuralPizza-7B-V0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">RatanRohith\/NeuralPizza-7B-V0.2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_RatanRohith__NeuralPizza-7B-V0.2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","275":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/RatanRohith\/NeuralPizza-7B-V0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">RatanRohith\/NeuralPizza-7B-V0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_RatanRohith__NeuralPizza-7B-V0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","276":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/R136a1\/InfinityKumon-2x7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">R136a1\/InfinityKumon-2x7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_R136a1__InfinityKumon-2x7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","277":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/deepseek-ai\/deepseek-llm-67b-chat\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">deepseek-ai\/deepseek-llm-67b-chat<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_deepseek-ai__deepseek-llm-67b-chat\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","278":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/Sao10K\/14B-Glacier-Stack\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">Sao10K\/14B-Glacier-Stack<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_Sao10K__14B-Glacier-Stack\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","279":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/jan-hq\/supermario-slerp-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">jan-hq\/supermario-slerp-v2<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_jan-hq__supermario-slerp-v2\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","280":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/dillfrescott\/amadeus-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">dillfrescott\/amadeus-v0.1<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_dillfrescott__amadeus-v0.1\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","281":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/OpenBuddy\/openbuddy-deepseek-67b-v15.3-4k\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">OpenBuddy\/openbuddy-deepseek-67b-v15.3-4k<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_OpenBuddy__openbuddy-deepseek-67b-v15.3-4k\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","282":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/KnutJaegersberg\/Deita-20b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">KnutJaegersberg\/Deita-20b<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_KnutJaegersberg__Deita-20b\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","283":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/LDCC\/LDCC-SOLAR-10.7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">LDCC\/LDCC-SOLAR-10.7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_LDCC__LDCC-SOLAR-10.7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>","284":"<a target=\"_blank\" href=\"https:\/\/huggingface.co\/LDCC\/LDCC-SOLAR-10.7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">LDCC\/LDCC-SOLAR-10.7B<\/a>  <a target=\"_blank\" href=\"https:\/\/huggingface.co\/datasets\/open-llm-leaderboard\/details_LDCC__LDCC-SOLAR-10.7B\" style=\"color: var(--link-text-color); text-decoration: underline;text-decoration-style: dotted;\">\ud83d\udcd1<\/a>"},"Average \u2b06\ufe0f":{"0":81.22,"1":81.0,"2":80.98,"3":80.81,"4":80.79,"5":80.72,"6":80.48,"7":79.3,"8":78.55,"9":77.91,"10":77.74,"11":77.52,"12":77.5,"13":77.44,"14":77.43,"15":77.41,"16":77.38,"17":77.3,"18":77.29,"19":77.29,"20":77.28,"21":77.22,"22":77.19,"23":77.1,"24":77.08,"25":77.07,"26":77.06,"27":77.05,"28":77.03,"29":76.95,"30":76.74,"31":76.74,"32":76.7,"33":76.67,"34":76.65,"35":76.62,"36":76.62,"37":76.61,"38":76.6,"39":76.6,"40":76.59,"41":76.59,"42":76.58,"43":76.57,"44":76.56,"45":76.55,"46":76.55,"47":76.53,"48":76.53,"49":76.5,"50":76.49,"51":76.49,"52":76.48,"53":76.47,"54":76.45,"55":76.44,"56":76.44,"57":76.43,"58":76.42,"59":76.41,"60":76.41,"61":76.4,"62":76.4,"63":76.38,"64":76.37,"65":76.36,"66":76.34,"67":76.34,"68":76.29,"69":76.23,"70":76.16,"71":76.13,"72":76.1,"73":76.09,"74":76.06,"75":76.05,"76":76.04,"77":76.04,"78":76.0,"79":76.0,"80":75.98,"81":75.96,"82":75.94,"83":75.93,"84":75.91,"85":75.9,"86":75.89,"87":75.89,"88":75.86,"89":75.81,"90":75.76,"91":75.74,"92":75.71,"93":75.66,"94":75.64,"95":75.63,"96":75.49,"97":75.48,"98":75.48,"99":75.47,"100":75.45,"101":75.44,"102":75.41,"103":75.41,"104":75.4,"105":75.4,"106":75.39,"107":75.37,"108":75.36,"109":75.36,"110":75.31,"111":75.29,"112":75.29,"113":75.29,"114":75.28,"115":75.25,"116":75.24,"117":75.22,"118":75.17,"119":75.14,"120":75.12,"121":75.1,"122":75.04,"123":75.01,"124":74.98,"125":74.87,"126":74.8,"127":74.8,"128":74.78,"129":74.75,"130":74.71,"131":74.7,"132":74.69,"133":74.69,"134":74.68,"135":74.67,"136":74.65,"137":74.65,"138":74.64,"139":74.64,"140":74.5,"141":74.48,"142":74.48,"143":74.47,"144":74.37,"145":74.3,"146":74.28,"147":74.28,"148":74.27,"149":74.27,"150":74.26,"151":74.26,"152":74.21,"153":74.21,"154":74.2,"155":74.2,"156":74.19,"157":74.13,"158":74.11,"159":74.11,"160":74.11,"161":74.1,"162":74.08,"163":74.07,"164":74.07,"165":74.05,"166":74.03,"167":73.94,"168":73.94,"169":73.87,"170":73.85,"171":73.84,"172":73.83,"173":73.81,"174":73.78,"175":73.77,"176":73.77,"177":73.75,"178":73.74,"179":73.71,"180":73.68,"181":73.62,"182":73.6,"183":73.55,"184":73.54,"185":73.48,"186":73.47,"187":73.47,"188":73.44,"189":73.42,"190":73.39,"191":73.39,"192":73.39,"193":73.38,"194":73.38,"195":73.36,"196":73.35,"197":73.35,"198":73.3,"199":73.28,"200":73.25,"201":73.22,"202":73.21,"203":73.2,"204":73.16,"205":73.13,"206":73.12,"207":73.07,"208":72.99,"209":72.97,"210":72.93,"211":72.91,"212":72.89,"213":72.89,"214":72.82,"215":72.81,"216":72.81,"217":72.8,"218":72.8,"219":72.8,"220":72.76,"221":72.73,"222":72.72,"223":72.7,"224":72.68,"225":72.67,"226":72.65,"227":72.65,"228":72.63,"229":72.62,"230":72.58,"231":72.58,"232":72.57,"233":72.49,"234":72.47,"235":72.46,"236":72.44,"237":72.4,"238":72.4,"239":72.36,"240":72.34,"241":72.33,"242":72.32,"243":72.32,"244":72.32,"245":72.31,"246":72.26,"247":72.26,"248":72.25,"249":72.24,"250":72.22,"251":72.21,"252":72.2,"253":72.17,"254":72.12,"255":72.07,"256":72.0,"257":71.94,"258":71.83,"259":71.81,"260":71.8,"261":71.79,"262":71.79,"263":71.76,"264":71.73,"265":71.71,"266":71.69,"267":71.68,"268":71.68,"269":71.67,"270":71.67,"271":71.63,"272":71.6,"273":71.6,"274":71.59,"275":71.53,"276":71.52,"277":71.52,"278":71.47,"279":71.45,"280":71.42,"281":71.42,"282":71.4,"283":71.4,"284":71.4},"ARC":{"0":79.78,"1":78.67,"2":78.58,"3":76.79,"4":76.19,"5":76.19,"6":76.02,"7":73.89,"8":70.82,"9":74.06,"10":77.47,"11":74.06,"12":73.81,"13":74.91,"14":73.89,"15":74.57,"16":73.72,"17":71.25,"18":70.14,"19":74.23,"20":72.87,"21":73.63,"22":74.49,"23":74.32,"24":74.66,"25":72.95,"26":73.63,"27":74.32,"28":72.95,"29":73.21,"30":73.38,"31":72.87,"32":72.95,"33":73.12,"34":73.29,"35":73.38,"36":73.04,"37":73.12,"38":73.21,"39":73.38,"40":72.95,"41":74.06,"42":73.55,"43":73.55,"44":73.81,"45":74.23,"46":73.21,"47":73.12,"48":73.46,"49":72.78,"50":72.95,"51":73.04,"52":71.25,"53":73.55,"54":73.12,"55":73.12,"56":71.25,"57":73.04,"58":73.21,"59":73.04,"60":72.53,"61":73.21,"62":73.04,"63":72.44,"64":73.89,"65":73.29,"66":73.12,"67":72.78,"68":74.23,"69":69.62,"70":74.06,"71":73.55,"72":72.27,"73":73.89,"74":72.35,"75":72.87,"76":72.87,"77":72.44,"78":74.06,"79":73.12,"80":72.95,"81":72.87,"82":73.04,"83":71.42,"84":73.55,"85":71.5,"86":70.48,"87":72.53,"88":73.21,"89":72.61,"90":72.44,"91":72.7,"92":73.04,"93":72.78,"94":74.91,"95":73.98,"96":74.66,"97":71.16,"98":69.71,"99":72.53,"100":74.15,"101":71.5,"102":73.55,"103":73.55,"104":71.33,"105":72.53,"106":69.71,"107":73.89,"108":72.35,"109":71.33,"110":72.35,"111":72.1,"112":71.42,"113":71.33,"114":73.55,"115":72.27,"116":69.71,"117":72.44,"118":70.73,"119":71.5,"120":71.67,"121":69.8,"122":72.53,"123":72.18,"124":73.63,"125":73.04,"126":71.93,"127":68.17,"128":73.29,"129":71.16,"130":72.44,"131":72.95,"132":72.44,"133":71.93,"134":73.04,"135":69.2,"136":70.73,"137":72.01,"138":72.18,"139":69.11,"140":72.01,"141":73.21,"142":72.1,"143":68.17,"144":71.42,"145":71.08,"146":71.33,"147":72.1,"148":71.67,"149":71.16,"150":71.76,"151":72.1,"152":72.27,"153":70.82,"154":71.08,"155":70.56,"156":71.33,"157":65.7,"158":71.08,"159":72.1,"160":65.7,"161":71.08,"162":71.25,"163":70.73,"164":70.73,"165":73.38,"166":70.73,"167":70.48,"168":70.39,"169":73.04,"170":70.48,"171":70.9,"172":71.33,"173":71.84,"174":69.8,"175":71.33,"176":72.1,"177":70.39,"178":66.89,"179":70.48,"180":67.32,"181":70.82,"182":65.19,"183":71.84,"184":71.76,"185":72.18,"186":72.18,"187":72.1,"188":69.8,"189":72.44,"190":69.97,"191":72.01,"192":72.53,"193":72.18,"194":72.18,"195":71.76,"196":71.08,"197":71.25,"198":66.64,"199":71.93,"200":68.09,"201":66.3,"202":64.51,"203":69.37,"204":71.84,"205":71.16,"206":71.42,"207":70.39,"208":68.94,"209":70.65,"210":72.01,"211":65.87,"212":65.96,"213":70.48,"214":69.97,"215":70.22,"216":69.37,"217":66.04,"218":70.99,"219":71.67,"220":70.39,"221":70.56,"222":69.71,"223":70.14,"224":71.08,"225":68.26,"226":69.37,"227":66.98,"228":70.14,"229":70.22,"230":68.43,"231":70.31,"232":66.55,"233":72.1,"234":68.6,"235":69.62,"236":69.28,"237":70.14,"238":69.37,"239":70.48,"240":69.03,"241":68.6,"242":69.11,"243":70.05,"244":69.62,"245":70.73,"246":67.06,"247":68.0,"248":68.94,"249":69.62,"250":69.28,"251":69.28,"252":69.62,"253":66.3,"254":66.13,"255":69.71,"256":65.19,"257":67.92,"258":68.26,"259":69.54,"260":67.75,"261":67.75,"262":70.14,"263":67.66,"264":66.81,"265":68.94,"266":68.43,"267":71.08,"268":66.13,"269":66.81,"270":69.71,"271":67.24,"272":69.28,"273":66.72,"274":68.77,"275":70.48,"276":69.62,"277":67.75,"278":71.67,"279":69.71,"280":68.94,"281":67.58,"282":63.91,"283":67.32,"284":67.58},"HellaSwag":{"0":91.15,"1":89.77,"2":89.74,"3":89.02,"4":89.44,"5":89.46,"6":89.27,"7":88.16,"8":85.96,"9":86.74,"10":91.88,"11":86.67,"12":89.22,"13":89.3,"14":89.07,"15":86.74,"16":86.46,"17":85.53,"18":86.03,"19":86.76,"20":86.52,"21":89.04,"22":86.76,"23":89.5,"24":89.51,"25":86.22,"26":86.59,"27":89.39,"28":88.86,"29":86.11,"30":89.15,"31":89.2,"32":89.23,"33":89.12,"34":89.11,"35":89.13,"36":89.04,"37":89.19,"38":89.13,"39":89.11,"40":89.15,"41":88.96,"42":89.19,"43":89.14,"44":89.06,"45":89.37,"46":89.19,"47":89.06,"48":89.09,"49":89.15,"50":89.26,"51":89.25,"52":85.24,"53":89.13,"54":89.09,"55":89.07,"56":85.1,"57":89.3,"58":89.03,"59":89.0,"60":88.75,"61":89.01,"62":89.11,"63":88.73,"64":89.26,"65":88.89,"66":89.09,"67":89.29,"68":88.82,"69":85.35,"70":88.9,"71":89.11,"72":89.31,"73":88.94,"74":89.77,"75":88.77,"76":88.47,"77":88.74,"78":88.97,"79":89.21,"80":88.19,"81":88.75,"82":89.23,"83":89.03,"84":88.84,"85":88.89,"86":84.63,"87":88.36,"88":89.26,"89":89.02,"90":88.41,"91":89.16,"92":88.62,"93":88.77,"94":87.79,"95":88.17,"96":87.72,"97":85.46,"98":85.28,"99":88.77,"100":85.98,"101":87.88,"102":85.93,"103":85.93,"104":88.5,"105":88.85,"106":85.18,"107":88.85,"108":88.61,"109":87.86,"110":88.77,"111":87.94,"112":88.27,"113":87.06,"114":88.87,"115":88.9,"116":85.17,"117":88.91,"118":88.01,"119":88.7,"120":87.96,"121":85.26,"122":88.52,"123":88.42,"124":89.03,"125":88.28,"126":88.44,"127":84.23,"128":88.66,"129":85.44,"130":88.03,"131":88.33,"132":85.64,"133":85.25,"134":88.65,"135":85.07,"136":87.75,"137":88.83,"138":87.88,"139":85.0,"140":85.24,"141":88.49,"142":88.88,"143":83.97,"144":88.08,"145":88.46,"146":87.94,"147":88.27,"148":88.33,"149":88.27,"150":88.28,"151":88.31,"152":86.59,"153":88.63,"154":88.16,"155":88.18,"156":88.62,"157":84.62,"158":88.2,"159":88.44,"160":84.58,"161":88.43,"162":88.34,"163":88.32,"164":88.2,"165":87.87,"166":88.51,"167":88.08,"168":88.03,"169":88.0,"170":88.76,"171":87.93,"172":88.71,"173":87.47,"174":86.9,"175":88.33,"176":88.99,"177":87.87,"178":85.49,"179":87.56,"180":83.52,"181":88.09,"182":85.94,"183":88.04,"184":88.08,"185":88.68,"186":87.96,"187":88.13,"188":87.83,"189":88.33,"190":86.82,"191":88.06,"192":88.17,"193":88.15,"194":88.09,"195":87.37,"196":87.29,"197":88.0,"198":85.73,"199":86.82,"200":86.5,"201":83.91,"202":85.67,"203":86.89,"204":86.84,"205":88.12,"206":87.21,"207":87.65,"208":86.8,"209":87.72,"210":86.7,"211":85.99,"212":86.0,"213":87.75,"214":87.72,"215":87.09,"216":86.17,"217":86.11,"218":87.95,"219":88.63,"220":87.88,"221":87.74,"222":87.76,"223":87.55,"224":87.79,"225":86.95,"226":87.54,"227":84.79,"228":87.79,"229":87.63,"230":86.89,"231":88.07,"232":84.23,"233":86.41,"234":86.3,"235":87.44,"236":87.59,"237":87.77,"238":87.42,"239":87.28,"240":86.76,"241":86.37,"242":87.27,"243":87.27,"244":87.44,"245":87.87,"246":85.11,"247":83.43,"248":87.27,"249":87.14,"250":86.71,"251":87.01,"252":87.45,"253":84.9,"254":85.0,"255":86.74,"256":83.24,"257":86.26,"258":86.11,"259":87.02,"260":84.65,"261":86.82,"262":86.4,"263":86.49,"264":85.14,"265":86.45,"266":85.21,"267":87.38,"268":86.54,"269":84.44,"270":86.41,"271":85.57,"272":86.34,"273":84.88,"274":86.11,"275":87.3,"276":87.09,"277":86.8,"278":88.35,"279":86.54,"280":86.98,"281":85.15,"282":83.11,"283":88.11,"284":88.11},"MMLU":{"0":77.95,"1":78.22,"2":78.27,"3":77.2,"4":77.07,"5":77.17,"6":77.15,"7":77.4,"8":77.13,"9":76.65,"10":68.1,"11":76.69,"12":64.92,"13":64.67,"14":75.44,"15":76.68,"16":76.72,"17":76.63,"18":77.4,"19":76.66,"20":76.96,"21":75.99,"22":76.55,"23":64.47,"24":64.53,"25":77.05,"26":76.55,"27":64.48,"28":75.41,"29":75.44,"30":64.32,"31":64.4,"32":64.42,"33":64.3,"34":64.35,"35":64.28,"36":64.44,"37":64.36,"38":64.34,"39":64.36,"40":64.44,"41":64.45,"42":64.36,"43":64.29,"44":64.34,"45":64.54,"46":64.39,"47":64.49,"48":64.4,"49":64.51,"50":64.32,"51":64.4,"52":77.28,"53":64.45,"54":64.8,"55":64.8,"56":77.36,"57":64.13,"58":64.53,"59":64.38,"60":74.96,"61":64.45,"62":64.79,"63":64.56,"64":64.94,"65":64.39,"66":64.79,"67":64.25,"68":65.01,"69":77.33,"70":65.0,"71":64.91,"72":66.55,"73":65.03,"74":66.35,"75":64.69,"76":64.29,"77":64.64,"78":64.41,"79":64.43,"80":64.6,"81":65.18,"82":64.43,"83":63.92,"84":64.68,"85":64.13,"86":76.64,"87":75.31,"88":64.47,"89":64.26,"90":64.9,"91":64.05,"92":63.23,"93":64.74,"94":70.08,"95":64.49,"96":70.06,"97":77.66,"98":77.33,"99":64.85,"100":76.52,"101":75.2,"102":76.45,"103":76.45,"104":64.7,"105":66.71,"106":77.25,"107":64.84,"108":63.08,"109":75.14,"110":64.17,"111":74.93,"112":64.79,"113":74.76,"114":64.63,"115":64.69,"116":77.24,"117":64.68,"118":64.93,"119":64.9,"120":74.9,"121":77.24,"122":64.77,"123":65.06,"124":64.63,"125":64.71,"126":65.63,"127":76.54,"128":64.72,"129":75.37,"130":65.29,"131":64.95,"132":76.41,"133":76.58,"134":64.71,"135":77.12,"136":64.4,"137":64.5,"138":65.2,"139":77.26,"140":76.58,"141":64.64,"142":64.26,"143":76.33,"144":64.84,"145":66.13,"146":64.62,"147":64.15,"148":64.84,"149":66.12,"150":64.13,"151":64.16,"152":64.09,"153":66.2,"154":66.21,"155":66.08,"156":66.22,"157":77.13,"158":66.09,"159":65.45,"160":77.08,"161":66.25,"162":66.04,"163":66.1,"164":66.03,"165":63.49,"166":66.03,"167":66.25,"168":66.44,"169":63.48,"170":66.94,"171":65.46,"172":71.07,"173":71.11,"174":70.39,"175":70.47,"176":69.84,"177":66.45,"178":76.7,"179":65.33,"180":76.09,"181":74.72,"182":77.37,"183":65.25,"184":66.06,"185":60.01,"186":65.32,"187":65.25,"188":71.05,"189":65.24,"190":64.42,"191":65.32,"192":65.28,"193":65.1,"194":65.03,"195":69.78,"196":72.17,"197":64.28,"198":76.49,"199":70.38,"200":64.42,"201":76.41,"202":64.17,"203":64.73,"204":70.44,"205":64.41,"206":72.28,"207":65.07,"208":64.5,"209":71.39,"210":64.5,"211":77.2,"212":77.33,"213":71.37,"214":66.79,"215":64.93,"216":64.9,"217":77.34,"218":70.26,"219":65.78,"220":71.43,"221":71.08,"222":71.12,"223":71.4,"224":64.36,"225":66.73,"226":65.44,"227":76.0,"228":66.83,"229":71.16,"230":65.2,"231":66.66,"232":76.23,"233":70.27,"234":64.62,"235":64.94,"236":70.96,"237":66.68,"238":64.83,"239":71.07,"240":64.68,"241":71.5,"242":63.69,"243":71.21,"244":64.49,"245":65.77,"246":75.8,"247":83.1,"248":66.59,"249":64.79,"250":65.11,"251":65.04,"252":71.2,"253":64.53,"254":75.64,"255":72.21,"256":77.04,"257":64.99,"258":66.26,"259":64.93,"260":70.58,"261":72.42,"262":64.85,"263":70.3,"264":75.54,"265":63.97,"266":78.13,"267":64.29,"268":66.52,"269":74.34,"270":71.25,"271":64.97,"272":63.7,"273":65.17,"274":64.32,"275":64.42,"276":64.97,"277":72.19,"278":66.73,"279":64.82,"280":64.69,"281":70.38,"282":67.4,"283":66.83,"284":66.63},"TruthfulQA":{"0":74.5,"1":75.18,"2":75.09,"3":79.02,"4":77.82,"5":77.78,"6":76.67,"7":72.69,"8":74.71,"9":72.24,"10":79.17,"11":71.32,"12":78.57,"13":78.02,"14":71.75,"15":70.17,"16":71.01,"17":71.99,"18":69.0,"19":70.22,"20":73.28,"21":70.19,"22":70.21,"23":78.66,"24":78.63,"25":71.31,"26":69.68,"27":78.47,"28":69.1,"29":72.78,"30":78.24,"31":77.92,"32":78.41,"33":78.04,"34":77.86,"35":77.98,"36":78.49,"37":78.0,"38":77.66,"39":77.3,"40":77.96,"41":77.67,"42":78.31,"43":78.43,"44":78.54,"45":74.26,"46":76.82,"47":78.72,"48":77.76,"49":78.8,"50":78.1,"51":78.17,"52":66.74,"53":78.7,"54":77.45,"55":77.46,"56":66.24,"57":78.71,"58":78.3,"59":77.81,"60":67.33,"61":78.49,"62":77.48,"63":78.37,"64":72.47,"65":77.47,"66":77.52,"67":78.57,"68":73.96,"69":64.64,"70":71.2,"71":74.0,"72":78.55,"73":71.24,"74":77.92,"75":73.68,"76":77.23,"77":74.9,"78":76.19,"79":77.9,"80":77.01,"81":76.44,"82":78.01,"83":79.79,"84":69.6,"85":79.47,"86":68.19,"87":66.5,"88":78.02,"89":79.29,"90":73.76,"91":78.09,"92":77.72,"93":70.89,"94":66.88,"95":79.36,"96":66.95,"97":63.84,"98":63.91,"99":70.74,"100":73.74,"101":61.96,"102":73.55,"103":73.55,"104":72.51,"105":77.13,"106":63.82,"107":69.81,"108":78.18,"109":61.95,"110":78.87,"111":63.48,"112":72.37,"113":63.8,"114":69.77,"115":73.07,"116":63.55,"117":73.03,"118":70.53,"119":72.49,"120":61.79,"121":64.82,"122":70.35,"123":70.37,"124":70.71,"125":70.94,"126":76.13,"127":65.44,"128":67.04,"129":67.01,"130":68.92,"131":70.01,"132":72.7,"133":70.05,"134":67.06,"135":62.66,"136":70.25,"137":70.24,"138":74.68,"139":62.71,"140":70.16,"141":67.36,"142":74.13,"143":63.67,"144":67.5,"145":72.29,"146":72.11,"147":71.03,"148":70.41,"149":71.57,"150":71.08,"151":71.19,"152":69.84,"153":71.95,"154":71.43,"155":72.05,"156":70.92,"157":60.64,"158":71.51,"159":76.75,"160":60.56,"161":72.11,"162":71.36,"163":72.52,"164":71.73,"165":69.93,"166":72.21,"167":70.49,"168":72.34,"169":69.85,"170":67.01,"171":70.82,"172":73.33,"173":68.81,"174":71.97,"175":62.81,"176":65.78,"177":68.48,"178":60.37,"179":64.97,"180":60.57,"181":56.97,"182":60.19,"183":70.59,"184":71.98,"185":77.05,"186":71.1,"187":70.25,"188":69.18,"189":71.07,"190":65.97,"191":70.42,"192":69.98,"193":69.97,"194":70.39,"195":70.07,"196":54.83,"197":68.48,"198":58.08,"199":65.21,"200":67.35,"201":57.04,"202":76.73,"203":65.66,"204":65.22,"205":68.66,"206":54.53,"207":59.7,"208":65.6,"209":66.21,"210":70.45,"211":59.61,"212":59.54,"213":65.71,"214":62.15,"215":64.41,"216":61.25,"217":59.73,"218":66.52,"219":72.23,"220":67.41,"221":65.72,"222":65.42,"223":64.98,"224":67.29,"225":67.74,"226":59.5,"227":62.68,"228":63.43,"229":64.58,"230":61.36,"231":61.36,"232":54.57,"233":72.83,"234":61.86,"235":66.06,"236":64.83,"237":63.42,"238":66.0,"239":65.83,"240":63.8,"241":56.2,"242":63.86,"243":63.23,"244":63.28,"245":65.72,"246":57.54,"247":54.51,"248":60.54,"249":67.31,"250":61.77,"251":63.95,"252":64.17,"253":69.72,"254":57.34,"255":51.22,"256":52.55,"257":59.48,"258":57.79,"259":65.47,"260":55.66,"261":55.85,"262":62.92,"263":54.42,"264":57.68,"265":64.01,"266":54.48,"267":67.93,"268":60.57,"269":57.89,"270":66.1,"271":59.38,"272":63.53,"273":57.64,"274":61.38,"275":67.22,"276":61.99,"277":55.83,"278":65.37,"279":63.06,"280":63.82,"281":54.88,"282":57.29,"283":68.85,"284":68.87},"Winogrande":{"0":87.85,"1":87.53,"2":87.37,"3":84.06,"4":84.93,"5":84.45,"6":85.08,"7":86.03,"8":84.06,"9":83.35,"10":87.45,"11":83.43,"12":87.37,"13":88.24,"14":86.35,"15":83.82,"16":83.35,"17":81.45,"18":84.37,"19":83.66,"20":83.19,"21":85.48,"22":83.27,"23":88.08,"24":88.08,"25":83.98,"26":83.43,"27":88.0,"28":85.08,"29":82.95,"30":84.93,"31":84.77,"32":84.93,"33":85.0,"34":84.93,"35":84.93,"36":85.4,"37":84.93,"38":84.85,"39":85.0,"40":85.0,"41":85.0,"42":85.0,"43":85.16,"44":85.16,"45":87.77,"46":85.32,"47":85.0,"48":84.85,"49":84.85,"50":85.16,"51":84.85,"52":84.29,"53":84.93,"54":84.77,"55":84.69,"56":84.77,"57":85.32,"58":84.61,"59":84.53,"60":85.87,"61":85.4,"62":84.77,"63":83.82,"64":88.0,"65":84.69,"66":84.69,"67":84.93,"68":85.24,"69":84.14,"70":87.53,"71":85.56,"72":83.82,"73":87.61,"74":84.06,"75":84.37,"76":83.11,"77":85.24,"78":84.29,"79":84.61,"80":83.9,"81":83.98,"82":84.69,"83":85.48,"84":88.16,"85":84.77,"86":82.72,"87":85.32,"88":84.45,"89":85.16,"90":83.27,"91":85.16,"92":85.0,"93":86.42,"94":81.69,"95":81.69,"96":81.61,"97":84.93,"98":84.37,"99":86.27,"100":83.27,"101":84.77,"102":82.95,"103":82.95,"104":83.5,"105":83.27,"106":84.14,"107":86.66,"108":84.53,"109":84.53,"110":85.32,"111":84.85,"112":83.27,"113":83.98,"114":84.45,"115":85.32,"116":84.14,"117":85.56,"118":83.5,"119":83.19,"120":85.08,"121":84.77,"122":85.79,"123":86.03,"124":84.37,"125":84.69,"126":82.16,"127":82.24,"128":86.74,"129":82.56,"130":84.77,"131":82.64,"132":82.48,"133":83.35,"134":86.98,"135":83.74,"136":82.08,"137":86.66,"138":80.66,"139":83.74,"140":83.03,"141":86.03,"142":86.35,"143":82.4,"144":84.77,"145":83.35,"146":83.5,"147":84.53,"148":81.85,"149":83.66,"150":84.53,"151":84.45,"152":83.35,"153":83.5,"154":83.58,"155":83.66,"156":83.43,"157":83.03,"158":83.5,"159":82.72,"160":83.11,"161":82.95,"162":83.19,"163":83.35,"164":82.95,"165":82.08,"166":82.72,"167":83.43,"168":83.03,"169":82.16,"170":83.5,"171":82.48,"172":81.22,"173":81.77,"174":82.0,"175":83.35,"176":83.27,"177":84.21,"178":82.95,"179":81.93,"180":82.32,"181":85.24,"182":82.48,"183":80.82,"184":82.32,"185":84.21,"186":80.74,"187":80.66,"188":81.37,"189":80.66,"190":80.98,"191":80.74,"192":80.82,"193":81.22,"194":81.14,"195":80.9,"196":83.11,"197":82.79,"198":83.35,"199":83.58,"200":84.77,"201":83.5,"202":80.51,"203":80.58,"204":83.11,"205":83.27,"206":82.64,"207":84.06,"208":80.74,"209":80.74,"210":81.29,"211":83.03,"212":82.64,"213":81.22,"214":83.5,"215":80.66,"216":81.77,"217":82.64,"218":82.56,"219":82.16,"220":81.22,"221":81.45,"222":81.22,"223":81.06,"224":81.93,"225":84.21,"226":84.69,"227":83.43,"228":82.95,"229":81.37,"230":80.9,"231":84.69,"232":83.35,"233":83.27,"234":80.27,"235":80.82,"236":82.56,"237":82.72,"238":80.74,"239":80.82,"240":80.03,"241":84.45,"242":79.87,"243":80.35,"244":82.72,"245":82.48,"246":83.5,"247":82.16,"248":83.5,"249":80.58,"250":80.51,"251":81.53,"252":81.14,"253":81.77,"254":83.66,"255":82.95,"256":82.4,"257":80.74,"258":83.43,"259":80.9,"260":82.95,"261":84.21,"262":79.72,"263":84.77,"264":83.11,"265":79.95,"266":84.06,"267":80.51,"268":84.77,"269":82.4,"270":80.35,"271":83.35,"272":80.51,"273":81.93,"274":80.35,"275":80.35,"276":81.93,"277":84.21,"278":84.06,"279":80.74,"280":79.95,"281":83.35,"282":84.61,"283":83.66,"284":83.66},"GSM8K":{"0":76.12,"1":76.65,"2":76.8,"3":78.77,"4":79.3,"5":79.23,"6":78.7,"7":77.63,"8":78.62,"9":74.45,"10":62.4,"11":72.93,"12":71.11,"13":69.52,"14":68.08,"15":72.48,"16":73.01,"17":76.95,"18":76.8,"19":72.18,"20":70.89,"21":68.99,"22":71.87,"23":67.55,"24":67.1,"25":70.89,"26":72.48,"27":67.63,"28":70.81,"29":71.19,"30":70.43,"31":71.27,"32":70.28,"33":70.43,"34":70.36,"35":70.05,"36":69.29,"37":70.05,"38":70.43,"39":70.43,"40":70.05,"41":69.37,"42":69.07,"43":68.84,"44":68.46,"45":69.14,"46":70.36,"47":68.76,"48":69.6,"49":68.92,"50":69.14,"51":69.22,"52":74.07,"53":68.08,"54":69.45,"55":69.52,"56":73.92,"57":68.08,"58":68.84,"59":69.67,"60":68.99,"61":67.85,"62":69.22,"63":70.36,"64":69.67,"65":69.45,"66":68.84,"67":68.23,"68":70.51,"69":76.27,"70":70.28,"71":69.67,"72":66.11,"73":69.83,"74":65.88,"75":71.95,"76":70.28,"77":70.28,"78":68.08,"79":66.72,"80":69.22,"81":68.54,"82":66.26,"83":65.96,"84":70.66,"85":66.64,"86":72.71,"87":67.32,"88":65.73,"89":64.52,"90":71.8,"91":65.28,"92":66.64,"93":70.36,"94":72.48,"95":66.11,"96":71.95,"97":69.83,"98":72.25,"99":69.67,"100":59.06,"101":71.34,"102":60.05,"103":60.05,"104":71.87,"105":63.91,"106":72.25,"107":68.16,"108":65.43,"109":71.34,"110":62.4,"111":68.46,"112":71.65,"113":70.81,"114":70.43,"115":67.25,"116":71.65,"117":66.72,"118":73.31,"119":70.05,"120":69.29,"121":68.69,"122":68.31,"123":68.01,"124":67.48,"125":67.55,"126":64.52,"127":72.18,"128":68.23,"129":66.94,"130":68.84,"131":69.29,"132":58.45,"133":60.96,"134":67.63,"135":70.2,"136":72.71,"137":65.66,"138":67.25,"139":69.98,"140":59.97,"141":67.17,"142":61.18,"143":72.25,"144":69.6,"145":64.52,"146":66.19,"147":65.58,"148":68.54,"149":64.82,"150":65.81,"151":65.35,"152":69.14,"153":64.14,"154":64.75,"155":64.67,"156":64.59,"157":73.69,"158":64.29,"159":59.21,"160":73.62,"161":63.76,"162":64.29,"163":63.38,"164":64.75,"165":67.55,"166":63.99,"167":64.9,"168":63.38,"169":66.72,"170":66.41,"171":65.43,"172":57.32,"173":61.87,"174":61.64,"175":66.34,"176":62.62,"177":65.13,"178":70.05,"179":72.02,"180":72.25,"181":65.88,"182":70.43,"183":64.75,"184":61.03,"185":58.76,"186":63.53,"187":64.44,"188":61.41,"189":62.77,"190":72.18,"191":63.76,"192":63.53,"193":63.68,"194":63.46,"195":60.27,"196":71.65,"197":65.28,"198":69.52,"199":61.79,"200":68.39,"201":72.18,"202":67.7,"203":71.95,"204":61.49,"205":63.15,"206":70.66,"207":71.57,"208":71.34,"209":61.11,"210":62.62,"211":65.73,"212":65.88,"213":60.8,"214":66.79,"215":69.52,"216":73.39,"217":64.97,"218":58.53,"219":56.33,"220":58.23,"221":59.82,"222":61.11,"223":61.11,"224":63.61,"225":62.09,"226":69.37,"227":62.02,"228":64.67,"229":60.73,"230":72.71,"231":64.37,"232":70.51,"233":50.04,"234":73.16,"235":65.88,"236":59.44,"237":63.68,"238":66.03,"239":58.68,"240":69.75,"241":66.87,"242":70.13,"243":61.79,"244":66.34,"245":61.26,"246":64.52,"247":62.32,"248":66.64,"249":63.99,"250":69.98,"251":66.41,"252":59.59,"253":65.81,"254":64.97,"255":69.6,"256":71.57,"257":72.25,"258":69.14,"259":63.0,"260":69.22,"261":63.68,"262":66.72,"263":66.94,"264":62.09,"265":66.94,"266":59.82,"267":58.91,"268":65.58,"269":64.14,"270":56.18,"271":69.29,"272":66.26,"273":73.24,"274":68.61,"275":59.44,"276":63.53,"277":62.32,"278":52.62,"279":63.84,"280":64.14,"281":67.17,"282":72.1,"283":53.6,"284":53.53},"Type":{"0":"fine-tuned on domain-specific datasets","1":"chat models (RLHF, DPO, IFT, ...)","2":"fine-tuned on domain-specific datasets","3":"fine-tuned on domain-specific datasets","4":"fine-tuned on domain-specific datasets","5":"fine-tuned on domain-specific datasets","6":"fine-tuned on domain-specific datasets","7":"fine-tuned on domain-specific datasets","8":"chat models (RLHF, DPO, IFT, ...)","9":"fine-tuned on domain-specific datasets","10":"fine-tuned on domain-specific datasets","11":"fine-tuned on domain-specific datasets","12":"fine-tuned on domain-specific datasets","13":"chat models (RLHF, DPO, IFT, ...)","14":"fine-tuned on domain-specific datasets","15":"fine-tuned on domain-specific datasets","16":"fine-tuned on domain-specific datasets","17":"fine-tuned on domain-specific datasets","18":"chat models (RLHF, DPO, IFT, ...)","19":"fine-tuned on domain-specific datasets","20":"fine-tuned on domain-specific datasets","21":"fine-tuned on domain-specific datasets","22":"fine-tuned on domain-specific datasets","23":"fine-tuned on domain-specific datasets","24":"fine-tuned on domain-specific datasets","25":"fine-tuned on domain-specific datasets","26":"fine-tuned on domain-specific datasets","27":"fine-tuned on domain-specific datasets","28":"fine-tuned on domain-specific datasets","29":"fine-tuned on domain-specific datasets","30":"fine-tuned on domain-specific datasets","31":"fine-tuned on domain-specific datasets","32":"fine-tuned on domain-specific datasets","33":"fine-tuned on domain-specific datasets","34":"fine-tuned on domain-specific datasets","35":"fine-tuned on domain-specific datasets","36":"fine-tuned on domain-specific datasets","37":"fine-tuned on domain-specific datasets","38":"fine-tuned on domain-specific datasets","39":"fine-tuned on domain-specific datasets","40":"fine-tuned on domain-specific datasets","41":"fine-tuned on domain-specific datasets","42":"fine-tuned on domain-specific datasets","43":"fine-tuned on domain-specific datasets","44":"fine-tuned on domain-specific datasets","45":"chat models (RLHF, DPO, IFT, ...)","46":"base merges and moerges","47":"fine-tuned on domain-specific datasets","48":"fine-tuned on domain-specific datasets","49":"fine-tuned on domain-specific datasets","50":"fine-tuned on domain-specific datasets","51":"chat models (RLHF, DPO, IFT, ...)","52":"fine-tuned on domain-specific datasets","53":"fine-tuned on domain-specific datasets","54":"base merges and moerges","55":"base merges and moerges","56":"fine-tuned on domain-specific datasets","57":"fine-tuned on domain-specific datasets","58":"fine-tuned on domain-specific datasets","59":"fine-tuned on domain-specific datasets","60":"fine-tuned on domain-specific datasets","61":"fine-tuned on domain-specific datasets","62":"fine-tuned on domain-specific datasets","63":"fine-tuned on domain-specific datasets","64":"chat models (RLHF, DPO, IFT, ...)","65":"fine-tuned on domain-specific datasets","66":"base merges and moerges","67":"fine-tuned on domain-specific datasets","68":"fine-tuned on domain-specific datasets","69":"chat models (RLHF, DPO, IFT, ...)","70":"fine-tuned on domain-specific datasets","71":"fine-tuned on domain-specific datasets","72":"chat models (RLHF, DPO, IFT, ...)","73":"chat models (RLHF, DPO, IFT, ...)","74":"chat models (RLHF, DPO, IFT, ...)","75":"fine-tuned on domain-specific datasets","76":"fine-tuned on domain-specific datasets","77":"chat models (RLHF, DPO, IFT, ...)","78":"chat models (RLHF, DPO, IFT, ...)","79":"chat models (RLHF, DPO, IFT, ...)","80":"chat models (RLHF, DPO, IFT, ...)","81":"chat models (RLHF, DPO, IFT, ...)","82":"chat models (RLHF, DPO, IFT, ...)","83":"fine-tuned on domain-specific datasets","84":"fine-tuned on domain-specific datasets","85":"fine-tuned on domain-specific datasets","86":"fine-tuned on domain-specific datasets","87":"fine-tuned on domain-specific datasets","88":"chat models (RLHF, DPO, IFT, ...)","89":"fine-tuned on domain-specific datasets","90":"fine-tuned on domain-specific datasets","91":"chat models (RLHF, DPO, IFT, ...)","92":"fine-tuned on domain-specific datasets","93":"fine-tuned on domain-specific datasets","94":"fine-tuned on domain-specific datasets","95":"fine-tuned on domain-specific datasets","96":"fine-tuned on domain-specific datasets","97":"fine-tuned on domain-specific datasets","98":"fine-tuned on domain-specific datasets","99":"fine-tuned on domain-specific datasets","100":"fine-tuned on domain-specific datasets","101":"fine-tuned on domain-specific datasets","102":"fine-tuned on domain-specific datasets","103":"fine-tuned on domain-specific datasets","104":"fine-tuned on domain-specific datasets","105":"chat models (RLHF, DPO, IFT, ...)","106":"fine-tuned on domain-specific datasets","107":"fine-tuned on domain-specific datasets","108":"fine-tuned on domain-specific datasets","109":"fine-tuned on domain-specific datasets","110":"fine-tuned on domain-specific datasets","111":"chat models (RLHF, DPO, IFT, ...)","112":"fine-tuned on domain-specific datasets","113":"fine-tuned on domain-specific datasets","114":"fine-tuned on domain-specific datasets","115":"fine-tuned on domain-specific datasets","116":"fine-tuned on domain-specific datasets","117":"fine-tuned on domain-specific datasets","118":"fine-tuned on domain-specific datasets","119":"fine-tuned on domain-specific datasets","120":"fine-tuned on domain-specific datasets","121":"fine-tuned on domain-specific datasets","122":"fine-tuned on domain-specific datasets","123":"fine-tuned on domain-specific datasets","124":"chat models (RLHF, DPO, IFT, ...)","125":"chat models (RLHF, DPO, IFT, ...)","126":"chat models (RLHF, DPO, IFT, ...)","127":"chat models (RLHF, DPO, IFT, ...)","128":"fine-tuned on domain-specific datasets","129":"fine-tuned on domain-specific datasets","130":"chat models (RLHF, DPO, IFT, ...)","131":"chat models (RLHF, DPO, IFT, ...)","132":"fine-tuned on domain-specific datasets","133":"chat models (RLHF, DPO, IFT, ...)","134":"fine-tuned on domain-specific datasets","135":"fine-tuned on domain-specific datasets","136":"fine-tuned on domain-specific datasets","137":"chat models (RLHF, DPO, IFT, ...)","138":"chat models (RLHF, DPO, IFT, ...)","139":"fine-tuned on domain-specific datasets","140":"fine-tuned on domain-specific datasets","141":"fine-tuned on domain-specific datasets","142":"fine-tuned on domain-specific datasets","143":"chat models (RLHF, DPO, IFT, ...)","144":"fine-tuned on domain-specific datasets","145":"chat models (RLHF, DPO, IFT, ...)","146":"fine-tuned on domain-specific datasets","147":"chat models (RLHF, DPO, IFT, ...)","148":"fine-tuned on domain-specific datasets","149":"chat models (RLHF, DPO, IFT, ...)","150":"chat models (RLHF, DPO, IFT, ...)","151":"fine-tuned on domain-specific datasets","152":"fine-tuned on domain-specific datasets","153":"fine-tuned on domain-specific datasets","154":"chat models (RLHF, DPO, IFT, ...)","155":"fine-tuned on domain-specific datasets","156":"chat models (RLHF, DPO, IFT, ...)","157":"fine-tuned on domain-specific datasets","158":"chat models (RLHF, DPO, IFT, ...)","159":"fine-tuned on domain-specific datasets","160":"fine-tuned on domain-specific datasets","161":"fine-tuned on domain-specific datasets","162":"chat models (RLHF, DPO, IFT, ...)","163":"chat models (RLHF, DPO, IFT, ...)","164":"fine-tuned on domain-specific datasets","165":"fine-tuned on domain-specific datasets","166":"base merges and moerges","167":"fine-tuned on domain-specific datasets","168":"chat models (RLHF, DPO, IFT, ...)","169":"chat models (RLHF, DPO, IFT, ...)","170":"chat models (RLHF, DPO, IFT, ...)","171":"chat models (RLHF, DPO, IFT, ...)","172":"fine-tuned on domain-specific datasets","173":"base merges and moerges","174":"fine-tuned on domain-specific datasets","175":"fine-tuned on domain-specific datasets","176":"chat models (RLHF, DPO, IFT, ...)","177":"base merges and moerges","178":"fine-tuned on domain-specific datasets","179":"chat models (RLHF, DPO, IFT, ...)","180":"fine-tuned on domain-specific datasets","181":"fine-tuned on domain-specific datasets","182":"pretrained","183":"fine-tuned on domain-specific datasets","184":"fine-tuned on domain-specific datasets","185":"fine-tuned on domain-specific datasets","186":"fine-tuned on domain-specific datasets","187":"fine-tuned on domain-specific datasets","188":"chat models (RLHF, DPO, IFT, ...)","189":"chat models (RLHF, DPO, IFT, ...)","190":"fine-tuned on domain-specific datasets","191":"fine-tuned on domain-specific datasets","192":"fine-tuned on domain-specific datasets","193":"fine-tuned on domain-specific datasets","194":"fine-tuned on domain-specific datasets","195":"base merges and moerges","196":"fine-tuned on domain-specific datasets","197":"fine-tuned on domain-specific datasets","198":"fine-tuned on domain-specific datasets","199":"chat models (RLHF, DPO, IFT, ...)","200":"fine-tuned on domain-specific datasets","201":"chat models (RLHF, DPO, IFT, ...)","202":"fine-tuned on domain-specific datasets","203":"chat models (RLHF, DPO, IFT, ...)","204":"fine-tuned on domain-specific datasets","205":"fine-tuned on domain-specific datasets","206":"chat models (RLHF, DPO, IFT, ...)","207":"fine-tuned on domain-specific datasets","208":"chat models (RLHF, DPO, IFT, ...)","209":"fine-tuned on domain-specific datasets","210":"fine-tuned on domain-specific datasets","211":"pretrained","212":"chat models (RLHF, DPO, IFT, ...)","213":"fine-tuned on domain-specific datasets","214":"fine-tuned on domain-specific datasets","215":"fine-tuned on domain-specific datasets","216":"base merges and moerges","217":"chat models (RLHF, DPO, IFT, ...)","218":"fine-tuned on domain-specific datasets","219":"fine-tuned on domain-specific datasets","220":"fine-tuned on domain-specific datasets","221":"fine-tuned on domain-specific datasets","222":"fine-tuned on domain-specific datasets","223":"fine-tuned on domain-specific datasets","224":"base merges and moerges","225":"chat models (RLHF, DPO, IFT, ...)","226":"fine-tuned on domain-specific datasets","227":"chat models (RLHF, DPO, IFT, ...)","228":"base merges and moerges","229":"chat models (RLHF, DPO, IFT, ...)","230":"fine-tuned on domain-specific datasets","231":"fine-tuned on domain-specific datasets","232":"chat models (RLHF, DPO, IFT, ...)","233":"fine-tuned on domain-specific datasets","234":"fine-tuned on domain-specific datasets","235":"fine-tuned on domain-specific datasets","236":"fine-tuned on domain-specific datasets","237":"base merges and moerges","238":"fine-tuned on domain-specific datasets","239":"chat models (RLHF, DPO, IFT, ...)","240":"fine-tuned on domain-specific datasets","241":"fine-tuned on domain-specific datasets","242":"base merges and moerges","243":"fine-tuned on domain-specific datasets","244":"base merges and moerges","245":"fine-tuned on domain-specific datasets","246":"chat models (RLHF, DPO, IFT, ...)","247":"fine-tuned on domain-specific datasets","248":"fine-tuned on domain-specific datasets","249":"fine-tuned on domain-specific datasets","250":"base merges and moerges","251":"fine-tuned on domain-specific datasets","252":"fine-tuned on domain-specific datasets","253":"chat models (RLHF, DPO, IFT, ...)","254":"chat models (RLHF, DPO, IFT, ...)","255":"chat models (RLHF, DPO, IFT, ...)","256":"fine-tuned on domain-specific datasets","257":"fine-tuned on domain-specific datasets","258":"chat models (RLHF, DPO, IFT, ...)","259":"fine-tuned on domain-specific datasets","260":"chat models (RLHF, DPO, IFT, ...)","261":"chat models (RLHF, DPO, IFT, ...)","262":"chat models (RLHF, DPO, IFT, ...)","263":"fine-tuned on domain-specific datasets","264":"fine-tuned on domain-specific datasets","265":"chat models (RLHF, DPO, IFT, ...)","266":"chat models (RLHF, DPO, IFT, ...)","267":"chat models (RLHF, DPO, IFT, ...)","268":"fine-tuned on domain-specific datasets","269":"chat models (RLHF, DPO, IFT, ...)","270":"base merges and moerges","271":"fine-tuned on domain-specific datasets","272":"chat models (RLHF, DPO, IFT, ...)","273":"fine-tuned on domain-specific datasets","274":"chat models (RLHF, DPO, IFT, ...)","275":"chat models (RLHF, DPO, IFT, ...)","276":"base merges and moerges","277":"fine-tuned on domain-specific datasets","278":"fine-tuned on domain-specific datasets","279":"base merges and moerges","280":"fine-tuned on domain-specific datasets","281":"chat models (RLHF, DPO, IFT, ...)","282":"fine-tuned on domain-specific datasets","283":"fine-tuned on domain-specific datasets","284":"fine-tuned on domain-specific datasets"},"Architecture":{"0":"LlamaForCausalLM","1":"LlamaForCausalLM","2":"LlamaForCausalLM","3":"?","4":"?","5":"?","6":"LlamaForCausalLM","7":"LlamaForCausalLM","8":"LlamaForCausalLM","9":"MixtralForCausalLM","10":"LlamaForCausalLM","11":"MixtralForCausalLM","12":"MixtralForCausalLM","13":"MixtralForCausalLM","14":"LlamaForCausalLM","15":"LlamaForCausalLM","16":"MixtralForCausalLM","17":"LlamaForCausalLM","18":"LlamaForCausalLM","19":"LlamaForCausalLM","20":"MixtralForCausalLM","21":"MixtralForCausalLM","22":"LlamaForCausalLM","23":"MixtralForCausalLM","24":"MixtralForCausalLM","25":"MixtralForCausalLM","26":"LlamaForCausalLM","27":"MixtralForCausalLM","28":"LlamaForCausalLM","29":"MixtralForCausalLM","30":"MistralForCausalLM","31":"MistralForCausalLM","32":"MistralForCausalLM","33":"MistralForCausalLM","34":"MistralForCausalLM","35":"MistralForCausalLM","36":"MistralForCausalLM","37":"MistralForCausalLM","38":"MistralForCausalLM","39":"MistralForCausalLM","40":"MistralForCausalLM","41":"MistralForCausalLM","42":"MistralForCausalLM","43":"MistralForCausalLM","44":"MistralForCausalLM","45":"MixtralForCausalLM","46":"MistralForCausalLM","47":"MistralForCausalLM","48":"MistralForCausalLM","49":"MistralForCausalLM","50":"MistralForCausalLM","51":"MistralForCausalLM","52":"MixtralForCausalLM","53":"MistralForCausalLM","54":"MistralForCausalLM","55":"MistralForCausalLM","56":"MixtralForCausalLM","57":"MistralForCausalLM","58":"MistralForCausalLM","59":"MistralForCausalLM","60":"LlamaForCausalLM","61":"MistralForCausalLM","62":"MistralForCausalLM","63":"MistralForCausalLM","64":"MixtralForCausalLM","65":"MistralForCausalLM","66":"MistralForCausalLM","67":"MistralForCausalLM","68":"MistralForCausalLM","69":"LlamaForCausalLM","70":"MixtralForCausalLM","71":"MistralForCausalLM","72":"MistralForCausalLM","73":"MixtralForCausalLM","74":"MistralForCausalLM","75":"MistralForCausalLM","76":"MistralForCausalLM","77":"MistralForCausalLM","78":"MistralForCausalLM","79":"MistralForCausalLM","80":"MistralForCausalLM","81":"MistralForCausalLM","82":"MistralForCausalLM","83":"MistralForCausalLM","84":"MixtralForCausalLM","85":"MistralForCausalLM","86":"MixtralForCausalLM","87":"MixtralForCausalLM","88":"MistralForCausalLM","89":"MistralForCausalLM","90":"MistralForCausalLM","91":"MistralForCausalLM","92":"MistralForCausalLM","93":"MixtralForCausalLM","94":"MixtralForCausalLM","95":"MixtralForCausalLM","96":"MixtralForCausalLM","97":"MixtralForCausalLM","98":"MixtralForCausalLM","99":"MixtralForCausalLM","100":"LlamaForCausalLM","101":"LlamaForCausalLM","102":"LlamaForCausalLM","103":"LlamaForCausalLM","104":"MistralForCausalLM","105":"MistralForCausalLM","106":"MixtralForCausalLM","107":"MistralForCausalLM","108":"MistralForCausalLM","109":"LlamaForCausalLM","110":"MistralForCausalLM","111":"LlamaForCausalLM","112":"MistralForCausalLM","113":"LlamaForCausalLM","114":"MistralForCausalLM","115":"MistralForCausalLM","116":"MixtralForCausalLM","117":"MistralForCausalLM","118":"MistralForCausalLM","119":"MistralForCausalLM","120":"LlamaForCausalLM","121":"MixtralForCausalLM","122":"MistralForCausalLM","123":"MixtralForCausalLM","124":"MistralForCausalLM","125":"MistralForCausalLM","126":"LlamaForCausalLM","127":"LlamaForCausalLM","128":"MistralForCausalLM","129":"MixtralForCausalLM","130":"MistralForCausalLM","131":"MistralForCausalLM","132":"LlamaForCausalLM","133":"LlamaForCausalLM","134":"MistralForCausalLM","135":"LlamaForCausalLM","136":"MistralForCausalLM","137":"MistralForCausalLM","138":"MixtralForCausalLM","139":"LlamaForCausalLM","140":"LlamaForCausalLM","141":"MistralForCausalLM","142":"MixtralForCausalLM","143":"LlamaForCausalLM","144":"MistralForCausalLM","145":"MixtralForCausalLM","146":"MistralForCausalLM","147":"MistralForCausalLM","148":"MistralForCausalLM","149":"LlamaForCausalLM","150":"MistralForCausalLM","151":"MistralForCausalLM","152":"MistralForCausalLM","153":"LlamaForCausalLM","154":"LlamaForCausalLM","155":"LlamaForCausalLM","156":"LlamaForCausalLM","157":"Qwen2ForCausalLM","158":"LlamaForCausalLM","159":"LlamaForCausalLM","160":"Qwen2ForCausalLM","161":"MixtralForCausalLM","162":"LlamaForCausalLM","163":"LlamaForCausalLM","164":"LlamaForCausalLM","165":"MixtralForCausalLM","166":"LlamaForCausalLM","167":"Unknown","168":"LlamaForCausalLM","169":"MistralForCausalLM","170":"MistralForCausalLM","171":"MistralForCausalLM","172":"MixtralForCausalLM","173":"MixtralForCausalLM","174":"MixtralForCausalLM","175":"LlamaForCausalLM","176":"LlamaForCausalLM","177":"MixtralForCausalLM","178":"LlamaForCausalLM","179":"MistralForCausalLM","180":"LlamaForCausalLM","181":"LlamaForCausalLM","182":"QWenLMHeadModel","183":"MistralForCausalLM","184":"LlamaForCausalLM","185":"MistralForCausalLM","186":"MistralForCausalLM","187":"MistralForCausalLM","188":"MixtralForCausalLM","189":"MistralForCausalLM","190":"MixtralForCausalLM","191":"MistralForCausalLM","192":"MistralForCausalLM","193":"MistralForCausalLM","194":"MistralForCausalLM","195":"MixtralForCausalLM","196":"MixtralForCausalLM","197":"MistralForCausalLM","198":"MixtralForCausalLM","199":"LlamaForCausalLM","200":"?","201":"LlamaForCausalLM","202":"LlamaForCausalLM","203":"MixtralForCausalLM","204":"LlamaForCausalLM","205":"MixtralForCausalLM","206":"MixtralForCausalLM","207":"MixtralForCausalLM","208":"MixtralForCausalLM","209":"MixtralForCausalLM","210":"MistralForCausalLM","211":"Qwen2ForCausalLM","212":"Qwen2ForCausalLM","213":"MixtralForCausalLM","214":"LlamaForCausalLM","215":"MistralForCausalLM","216":"MistralForCausalLM","217":"Qwen2ForCausalLM","218":"MixtralForCausalLM","219":"MixtralForCausalLM","220":"MixtralForCausalLM","221":"MixtralForCausalLM","222":"MixtralForCausalLM","223":"MixtralForCausalLM","224":"MixtralForCausalLM","225":"LlamaForCausalLM","226":"MistralForCausalLM","227":"LlamaForCausalLM","228":"LlamaForCausalLM","229":"MixtralForCausalLM","230":"MistralForCausalLM","231":"LlamaForCausalLM","232":"LlamaForCausalLM","233":"MixtralForCausalLM","234":"MistralForCausalLM","235":"MistralForCausalLM","236":"MixtralForCausalLM","237":"LlamaForCausalLM","238":"MistralForCausalLM","239":"MixtralForCausalLM","240":"MixtralForCausalLM","241":"LlamaForCausalLM","242":"MixtralForCausalLM","243":"MixtralForCausalLM","244":"MixtralForCausalLM","245":"LlamaForCausalLM","246":"LlamaForCausalLM","247":"LlamaForCausalLM","248":"LlamaForCausalLM","249":"MistralForCausalLM","250":"MistralForCausalLM","251":"MistralForCausalLM","252":"MixtralForCausalLM","253":"MistralForCausalLM","254":"LlamaForCausalLM","255":"MixtralForCausalLM","256":"LlamaForCausalLM","257":"MistralForCausalLM","258":"LlamaForCausalLM","259":"MixtralForCausalLM","260":"LlamaForCausalLM","261":"LlamaForCausalLM","262":"MistralForCausalLM","263":"LlamaForCausalLM","264":"LlamaForCausalLM","265":"MistralForCausalLM","266":"LlamaForCausalLM","267":"MistralForCausalLM","268":"LlamaForCausalLM","269":"LlamaForCausalLM","270":"LlamaForCausalLM","271":"MistralForCausalLM","272":"MistralForCausalLM","273":"MixtralForCausalLM","274":"MistralForCausalLM","275":"MistralForCausalLM","276":"MixtralForCausalLM","277":"LlamaForCausalLM","278":"LlamaForCausalLM","279":"MistralForCausalLM","280":"MixtralForCausalLM","281":"LlamaForCausalLM","282":"LlamaForCausalLM","283":"LlamaForCausalLM","284":"LlamaForCausalLM"},"Precision":{"0":"float16","1":"bfloat16","2":"float16","3":"bfloat16","4":"bfloat16","5":"bfloat16","6":"bfloat16","7":"float16","8":"bfloat16","9":"bfloat16","10":"bfloat16","11":"float16","12":"bfloat16","13":"bfloat16","14":"float16","15":"bfloat16","16":"bfloat16","17":"float16","18":"bfloat16","19":"bfloat16","20":"bfloat16","21":"float16","22":"float16","23":"bfloat16","24":"bfloat16","25":"bfloat16","26":"float16","27":"bfloat16","28":"float16","29":"4bit","30":"float16","31":"bfloat16","32":"float16","33":"bfloat16","34":"bfloat16","35":"float16","36":"float16","37":"float16","38":"bfloat16","39":"bfloat16","40":"float16","41":"float16","42":"bfloat16","43":"float16","44":"float16","45":"bfloat16","46":"bfloat16","47":"float16","48":"bfloat16","49":"float16","50":"float16","51":"float16","52":"bfloat16","53":"float16","54":"float16","55":"float16","56":"bfloat16","57":"float16","58":"bfloat16","59":"float16","60":"float16","61":"float16","62":"float16","63":"float16","64":"bfloat16","65":"float16","66":"float16","67":"float16","68":"bfloat16","69":"bfloat16","70":"float16","71":"float16","72":"float16","73":"float16","74":"float16","75":"float16","76":"bfloat16","77":"bfloat16","78":"float16","79":"float16","80":"float16","81":"float16","82":"float16","83":"float16","84":"bfloat16","85":"float16","86":"bfloat16","87":"bfloat16","88":"float16","89":"float16","90":"bfloat16","91":"float16","92":"float16","93":"float16","94":"bfloat16","95":"float16","96":"float16","97":"bfloat16","98":"bfloat16","99":"float16","100":"bfloat16","101":"float16","102":"bfloat16","103":"bfloat16","104":"float16","105":"float16","106":"bfloat16","107":"float16","108":"float16","109":"bfloat16","110":"float16","111":"bfloat16","112":"float16","113":"float16","114":"bfloat16","115":"bfloat16","116":"bfloat16","117":"float16","118":"float16","119":"float16","120":"float16","121":"bfloat16","122":"float16","123":"float16","124":"bfloat16","125":"float16","126":"bfloat16","127":"bfloat16","128":"float16","129":"bfloat16","130":"float16","131":"float16","132":"bfloat16","133":"float16","134":"float16","135":"bfloat16","136":"float16","137":"float16","138":"float16","139":"float16","140":"bfloat16","141":"float16","142":"bfloat16","143":"bfloat16","144":"float16","145":"bfloat16","146":"float16","147":"float16","148":"float16","149":"float16","150":"float16","151":"float16","152":"bfloat16","153":"bfloat16","154":"float16","155":"bfloat16","156":"float16","157":"bfloat16","158":"float16","159":"float16","160":"float16","161":"bfloat16","162":"float16","163":"float16","164":"bfloat16","165":"bfloat16","166":"float16","167":"bfloat16","168":"float16","169":"bfloat16","170":"float16","171":"bfloat16","172":"float16","173":"bfloat16","174":"bfloat16","175":"float16","176":"bfloat16","177":"bfloat16","178":"bfloat16","179":"float16","180":"bfloat16","181":"float16","182":"bfloat16","183":"float16","184":"bfloat16","185":"float16","186":"float16","187":"float16","188":"bfloat16","189":"bfloat16","190":"bfloat16","191":"float16","192":"float16","193":"float16","194":"float16","195":"bfloat16","196":"float16","197":"bfloat16","198":"bfloat16","199":"bfloat16","200":"float16","201":"bfloat16","202":"float16","203":"bfloat16","204":"float16","205":"bfloat16","206":"bfloat16","207":"float16","208":"bfloat16","209":"float16","210":"float16","211":"bfloat16","212":"float16","213":"float16","214":"float16","215":"float16","216":"float16","217":"float16","218":"bfloat16","219":"bfloat16","220":"float16","221":"bfloat16","222":"bfloat16","223":"float16","224":"bfloat16","225":"float16","226":"float16","227":"bfloat16","228":"float16","229":"bfloat16","230":"float16","231":"float16","232":"bfloat16","233":"bfloat16","234":"float16","235":"float16","236":"bfloat16","237":"bfloat16","238":"bfloat16","239":"float16","240":"bfloat16","241":"bfloat16","242":"bfloat16","243":"float16","244":"bfloat16","245":"bfloat16","246":"float16","247":"bfloat16","248":"float16","249":"bfloat16","250":"bfloat16","251":"float16","252":"float16","253":"float16","254":"float16","255":"bfloat16","256":"bfloat16","257":"bfloat16","258":"float16","259":"float16","260":"bfloat16","261":"float16","262":"float16","263":"bfloat16","264":"float16","265":"float16","266":"float16","267":"float16","268":"float16","269":"float16","270":"float16","271":"float16","272":"float16","273":"bfloat16","274":"float16","275":"float16","276":"float16","277":"bfloat16","278":"float16","279":"bfloat16","280":"float16","281":"bfloat16","282":"float16","283":"float16","284":"bfloat16"},"Merged":{"0":false,"1":false,"2":false,"3":false,"4":false,"5":false,"6":false,"7":false,"8":false,"9":false,"10":false,"11":false,"12":false,"13":false,"14":false,"15":false,"16":false,"17":false,"18":false,"19":false,"20":false,"21":false,"22":false,"23":false,"24":false,"25":false,"26":false,"27":false,"28":false,"29":false,"30":false,"31":false,"32":false,"33":false,"34":false,"35":false,"36":false,"37":false,"38":false,"39":false,"40":false,"41":false,"42":false,"43":false,"44":false,"45":false,"46":false,"47":false,"48":false,"49":false,"50":false,"51":false,"52":false,"53":false,"54":false,"55":false,"56":false,"57":false,"58":false,"59":false,"60":false,"61":false,"62":false,"63":false,"64":false,"65":false,"66":false,"67":false,"68":false,"69":false,"70":false,"71":false,"72":false,"73":false,"74":false,"75":false,"76":false,"77":false,"78":false,"79":false,"80":false,"81":false,"82":false,"83":false,"84":false,"85":false,"86":false,"87":false,"88":false,"89":false,"90":false,"91":false,"92":false,"93":false,"94":false,"95":false,"96":false,"97":false,"98":false,"99":false,"100":false,"101":false,"102":false,"103":false,"104":false,"105":false,"106":false,"107":false,"108":false,"109":false,"110":false,"111":false,"112":false,"113":false,"114":false,"115":false,"116":false,"117":false,"118":false,"119":false,"120":false,"121":false,"122":false,"123":false,"124":false,"125":false,"126":false,"127":false,"128":false,"129":false,"130":false,"131":false,"132":false,"133":false,"134":false,"135":false,"136":false,"137":false,"138":false,"139":false,"140":false,"141":false,"142":false,"143":false,"144":false,"145":false,"146":false,"147":false,"148":false,"149":false,"150":false,"151":false,"152":false,"153":false,"154":false,"155":false,"156":false,"157":false,"158":false,"159":false,"160":false,"161":false,"162":false,"163":false,"164":false,"165":false,"166":false,"167":false,"168":false,"169":false,"170":false,"171":false,"172":false,"173":false,"174":false,"175":false,"176":false,"177":false,"178":false,"179":false,"180":false,"181":false,"182":false,"183":false,"184":false,"185":false,"186":false,"187":false,"188":false,"189":false,"190":false,"191":false,"192":false,"193":false,"194":false,"195":false,"196":false,"197":false,"198":false,"199":false,"200":false,"201":false,"202":false,"203":false,"204":false,"205":false,"206":false,"207":false,"208":false,"209":false,"210":false,"211":false,"212":false,"213":false,"214":false,"215":false,"216":false,"217":false,"218":false,"219":false,"220":false,"221":false,"222":false,"223":false,"224":false,"225":false,"226":false,"227":false,"228":false,"229":false,"230":false,"231":false,"232":false,"233":false,"234":false,"235":false,"236":false,"237":false,"238":false,"239":false,"240":false,"241":false,"242":false,"243":false,"244":false,"245":false,"246":false,"247":false,"248":false,"249":false,"250":false,"251":false,"252":false,"253":false,"254":false,"255":false,"256":false,"257":false,"258":false,"259":false,"260":false,"261":false,"262":false,"263":false,"264":false,"265":false,"266":false,"267":false,"268":false,"269":false,"270":false,"271":false,"272":false,"273":false,"274":false,"275":false,"276":false,"277":false,"278":false,"279":false,"280":false,"281":false,"282":false,"283":false,"284":false},"Hub License":{"0":"apache-2.0","1":"other","2":"other","3":"apache-2.0","4":"apache-2.0","5":"apache-2.0","6":"other","7":"other","8":"mit","9":"other","10":"apache-2.0","11":"other","12":"apache-2.0","13":"mit","14":"cc-by-nc-4.0","15":"apache-2.0","16":"mit","17":"other","18":"mit","19":"other","20":"mit","21":"apache-2.0","22":"other","23":["other"],"24":"other","25":"mit","26":"other","27":"other","28":"cc-by-nc-4.0","29":"other","30":"apache-2.0","31":"apache-2.0","32":"apache-2.0","33":"apache-2.0","34":"mit","35":"apache-2.0","36":"apache-2.0","37":"apache-2.0","38":"mit","39":"mit","40":"apache-2.0","41":"openrail","42":"apache-2.0","43":"apache-2.0","44":"apache-2.0","45":"apache-2.0","46":"apache-2.0","47":"apache-2.0","48":"apache-2.0","49":"apache-2.0","50":"apache-2.0","51":"apache-2.0","52":"mit","53":"apache-2.0","54":"cc-by-nc-4.0","55":"cc-by-nc-4.0","56":"other","57":"apache-2.0","58":"cc-by-nc-4.0","59":"cc-by-4.0","60":"cc-by-nc-4.0","61":"apache-2.0","62":"cc-by-nc-4.0","63":"apache-2.0","64":"apache-2.0","65":"cc-by-4.0","66":"cc-by-nc-4.0","67":"apache-2.0","68":"apache-2.0","69":"mit","70":"mit","71":"cc","72":"apache-2.0","73":"mit","74":"apache-2.0","75":"apache-2.0","76":"apache-2.0","77":"mit","78":"apache-2.0","79":"cc-by-nc-4.0","80":"apache-2.0","81":"apache-2.0","82":"cc-by-nc-4.0","83":"apache-2.0","84":"mit","85":"apache-2.0","86":"other","87":"cc-by-nc-4.0","88":"cc-by-nc-4.0","89":"cc-by-nc-4.0","90":"apache-2.0","91":"cc-by-nc-4.0","92":"apache-2.0","93":"apache-2.0","94":"apache-2.0","95":"apache-2.0","96":"apache-2.0","97":"other","98":"other","99":"apache-2.0","100":"apache-2.0","101":"cc0-1.0","102":"other","103":"other","104":"apache-2.0","105":"apache-2.0","106":"other","107":"apache-2.0","108":"apache-2.0","109":"cc0-1.0","110":"apache-2.0","111":"cc-by-sa-4.0","112":"apache-2.0","113":"llama2","114":"cc-by-nc-4.0","115":"apache-2.0","116":"other","117":"apache-2.0","118":"apache-2.0","119":"apache-2.0","120":"cc-by-nc-4.0","121":"other","122":"apache-2.0","123":"apache-2.0","124":"cc-by-nc-4.0","125":"other","126":"apache-2.0","127":"apache-2.0","128":"apache-2.0","129":"other","130":"other","131":"cc-by-nc-4.0","132":"other","133":"other","134":"apache-2.0","135":"mit","136":"apache-2.0","137":"apache-2.0","138":"apache-2.0","139":"mit","140":"other","141":"apache-2.0","142":"cc-by-nc-nd-4.0","143":"apache-2.0","144":"apache-2.0","145":"other","146":"apache-2.0","147":"cc-by-sa-4.0","148":"apache-2.0","149":"mit","150":"cc-by-sa-4.0","151":"cc-by-sa-4.0","152":"apache-2.0","153":"cc-by-nc-4.0","154":"cc-by-nc-4.0","155":"cc-by-nc-nd-4.0","156":"mit","157":"other","158":"cc-by-nc-4.0","159":"cc","160":"other","161":"other","162":"cc-by-nc-4.0","163":"cc-by-nc-nd-4.0","164":"cc-by-nc-nd-4.0","165":"apache-2.0","166":"cc-by-nc-sa-4.0","167":"cc-by-nc-4.0","168":"apache-2.0","169":"cc-by-nc-nd-4.0","170":"apache-2.0","171":"apache-2.0","172":"cc-by-nc-4.0","173":"cc-by-nc-4.0","174":"cc-by-nc-sa-4.0","175":"llama2","176":"other","177":"apache-2.0","178":"apache-2.0","179":"cc-by-nc-4.0","180":"apache-2.0","181":"cc-by-nc-4.0","182":"other","183":"apache-2.0","184":"cc-by-nc-4.0","185":"apache-2.0","186":"apache-2.0","187":"apache-2.0","188":"apache-2.0","189":"apache-2.0","190":"cc-by-nc-4.0","191":"apache-2.0","192":"apache-2.0","193":"apache-2.0","194":"apache-2.0","195":"cc-by-nc-4.0","196":"apache-2.0","197":"apache-2.0","198":"apache-2.0","199":"llama2","200":"apache-2.0","201":"other","202":"cc-by-nc-4.0","203":"mit","204":"llama2","205":"apache-2.0","206":"apache-2.0","207":"apache-2.0","208":"mit","209":"apache-2.0","210":"cc-by-4.0","211":"other","212":"other","213":"apache-2.0","214":"cc-by-nc-4.0","215":"apache-2.0","216":"apache-2.0","217":"other","218":"apache-2.0","219":"cc-by-nc-4.0","220":"cc-by-nc-4.0","221":"apache-2.0","222":"apache-2.0","223":"apache-2.0","224":"apache-2.0","225":"cc-by-nc-4.0","226":"apache-2.0","227":"apache-2.0","228":"cc-by-nc-4.0","229":"apache-2.0","230":"apache-2.0","231":"cc-by-nc-4.0","232":"apache-2.0","233":"apache-2.0","234":"apache-2.0","235":"cc-by-nc-4.0","236":"apache-2.0","237":"cc-by-nc-4.0","238":"cc-by-nc-4.0","239":"apache-2.0","240":"cc-by-nc-2.0","241":"other","242":"mit","243":"cc-by-nc-4.0","244":"apache-2.0","245":"apache-2.0","246":"other","247":"cc-by-nc-4.0","248":"cc-by-nc-4.0","249":"cc-by-nc-4.0","250":"apache-2.0","251":"apache-2.0","252":"cc-by-nc-4.0","253":"apache-2.0","254":"other","255":"apache-2.0","256":"gpl-3.0","257":"cc-by-nc-4.0","258":"apache-2.0","259":"cc-by-nc-4.0","260":"other","261":"other","262":"apache-2.0","263":"other","264":"other","265":"apache-2.0","266":"other","267":"apache-2.0","268":"cc-by-nc-sa-4.0","269":"apache-2.0","270":"unknown","271":"apache-2.0","272":"apache-2.0","273":"apache-2.0","274":"apache-2.0","275":"apache-2.0","276":"apache-2.0","277":"other","278":"cc-by-nc-4.0","279":"apache-2.0","280":"wtfpl","281":"other","282":"other","283":"cc-by-nc-4.0","284":"cc-by-nc-4.0"},"#Params (B)":{"0":72.29,"1":72.29,"2":72.29,"3":72.0,"4":72.0,"5":72.0,"6":72.29,"7":72.29,"8":72.29,"9":60.81,"10":21.42,"11":60.81,"12":12.88,"13":12.88,"14":68.98,"15":34.39,"16":60.81,"17":72.29,"18":72.29,"19":34.39,"20":60.81,"21":125.35,"22":34.39,"23":12.88,"24":12.88,"25":60.81,"26":34.39,"27":12.88,"28":68.98,"29":31.8,"30":7.24,"31":7.24,"32":7.24,"33":7.24,"34":7.24,"35":7.24,"36":7.24,"37":7.24,"38":7.24,"39":7.24,"40":7.24,"41":7.24,"42":7.24,"43":7.24,"44":7.24,"45":12.88,"46":7.24,"47":7.24,"48":7.24,"49":7.24,"50":7.24,"51":7.24,"52":60.81,"53":7.24,"54":7.24,"55":7.24,"56":60.81,"57":7.24,"58":7.24,"59":7.24,"60":68.98,"61":7.24,"62":7.24,"63":7.24,"64":12.88,"65":7.24,"66":7.24,"67":7.24,"68":7.24,"69":72.29,"70":12.88,"71":7.24,"72":10.73,"73":12.88,"74":10.73,"75":7.24,"76":7.24,"77":7.24,"78":7.24,"79":7.24,"80":7.24,"81":7.24,"82":7.24,"83":7.24,"84":12.88,"85":7.24,"86":60.81,"87":125.35,"88":7.24,"89":7.24,"90":7.24,"91":7.24,"92":7.24,"93":35.43,"94":46.7,"95":12.88,"96":46.7,"97":60.81,"98":113.66,"99":35.43,"100":34.39,"101":68.98,"102":34.39,"103":34.39,"104":7.24,"105":10.73,"106":87.24,"107":7.24,"108":7.24,"109":68.98,"110":7.24,"111":68.98,"112":7.24,"113":68.98,"114":7.24,"115":7.24,"116":113.66,"117":7.24,"118":7.24,"119":7.24,"120":70.0,"121":60.81,"122":7.24,"123":35.43,"124":7.24,"125":7.24,"126":10.7,"127":34.39,"128":7.24,"129":60.81,"130":7.24,"131":7.24,"132":34.39,"133":34.39,"134":7.24,"135":72.29,"136":7.24,"137":7.24,"138":12.88,"139":72.29,"140":34.39,"141":7.24,"142":18.79,"143":34.39,"144":7.24,"145":19.19,"146":7.24,"147":7.24,"148":7.24,"149":10.73,"150":7.24,"151":7.24,"152":7.24,"153":10.73,"154":10.73,"155":10.73,"156":10.73,"157":72.0,"158":10.73,"159":10.73,"160":72.0,"161":19.19,"162":10.73,"163":10.73,"164":10.73,"165":12.88,"166":10.73,"167":10.73,"168":10.73,"169":7.24,"170":10.73,"171":7.24,"172":46.7,"173":46.7,"174":46.7,"175":68.98,"176":68.98,"177":36.1,"178":34.39,"179":7.24,"180":34.39,"181":68.98,"182":72.29,"183":8.99,"184":10.73,"185":7.24,"186":8.99,"187":8.99,"188":46.7,"189":8.99,"190":29.79,"191":8.99,"192":8.99,"193":8.99,"194":8.99,"195":46.7,"196":46.7,"197":7.24,"198":60.81,"199":68.98,"200":7.0,"201":34.0,"202":10.73,"203":24.15,"204":68.98,"205":12.88,"206":46.7,"207":35.43,"208":24.15,"209":46.7,"210":12.91,"211":72.29,"212":72.29,"213":46.7,"214":10.73,"215":7.24,"216":7.24,"217":72.29,"218":46.7,"219":19.19,"220":46.7,"221":46.7,"222":46.7,"223":46.7,"224":24.15,"225":10.86,"226":7.24,"227":34.39,"228":10.73,"229":46.7,"230":7.24,"231":11.0,"232":34.39,"233":46.7,"234":7.0,"235":7.24,"236":46.7,"237":10.73,"238":7.24,"239":46.7,"240":24.15,"241":67.42,"242":12.88,"243":46.7,"244":12.88,"245":10.73,"246":34.39,"247":34.0,"248":10.73,"249":7.24,"250":7.24,"251":7.24,"252":46.7,"253":7.24,"254":34.39,"255":46.7,"256":72.0,"257":7.24,"258":10.73,"259":12.88,"260":67.42,"261":67.0,"262":7.24,"263":67.42,"264":34.39,"265":7.24,"266":34.39,"267":7.24,"268":10.73,"269":34.0,"270":103.2,"271":7.24,"272":7.24,"273":12.88,"274":7.24,"275":7.24,"276":12.88,"277":67.0,"278":14.22,"279":7.24,"280":24.15,"281":67.42,"282":19.86,"283":10.86,"284":10.86},"Hub \u2764\ufe0f":{"0":29,"1":2,"2":2,"3":10,"4":4,"5":3,"6":430,"7":19,"8":67,"9":9,"10":19,"11":2,"12":27,"13":46,"14":2,"15":14,"16":7,"17":12,"18":32,"19":50,"20":4,"21":3,"22":11,"23":9,"24":0,"25":8,"26":7,"27":4,"28":0,"29":1,"30":71,"31":19,"32":2,"33":71,"34":0,"35":0,"36":0,"37":7,"38":0,"39":0,"40":2,"41":1,"42":1,"43":1,"44":0,"45":16,"46":2,"47":1,"48":0,"49":0,"50":9,"51":4,"52":0,"53":0,"54":4,"55":0,"56":2,"57":0,"58":0,"59":26,"60":0,"61":0,"62":0,"63":1,"64":3,"65":9,"66":0,"67":0,"68":0,"69":11,"70":6,"71":4,"72":8,"73":0,"74":6,"75":7,"76":0,"77":0,"78":1,"79":8,"80":8,"81":0,"82":9,"83":1,"84":35,"85":0,"86":1,"87":14,"88":3,"89":0,"90":0,"91":2,"92":0,"93":1,"94":11,"95":1,"96":11,"97":1,"98":11,"99":0,"100":5,"101":134,"102":1,"103":9,"104":0,"105":2,"106":9,"107":21,"108":0,"109":134,"110":1,"111":22,"112":3,"113":19,"114":1,"115":1,"116":3,"117":1,"118":4,"119":2,"120":16,"121":15,"122":0,"123":0,"124":0,"125":5,"126":1,"127":12,"128":33,"129":2,"130":2,"131":0,"132":35,"133":87,"134":85,"135":86,"136":1,"137":2,"138":1,"139":86,"140":87,"141":6,"142":2,"143":1,"144":0,"145":1,"146":0,"147":6,"148":0,"149":4,"150":2,"151":6,"152":8,"153":44,"154":554,"155":16,"156":1,"157":69,"158":0,"159":3,"160":69,"161":0,"162":2,"163":16,"164":5,"165":3,"166":1,"167":14,"168":1,"169":31,"170":2,"171":2,"172":1,"173":4,"174":8,"175":16,"176":142,"177":5,"178":215,"179":6,"180":1,"181":0,"182":314,"183":0,"184":1,"185":0,"186":1,"187":0,"188":1,"189":5,"190":1,"191":0,"192":1,"193":1,"194":0,"195":0,"196":320,"197":3,"198":0,"199":10,"200":0,"201":111,"202":7,"203":2,"204":10,"205":7,"206":320,"207":0,"208":1,"209":161,"210":7,"211":44,"212":0,"213":19,"214":10,"215":0,"216":1,"217":0,"218":0,"219":0,"220":0,"221":19,"222":12,"223":3536,"224":3,"225":0,"226":2,"227":1,"228":73,"229":3536,"230":1,"231":9,"232":5,"233":20,"234":6,"235":54,"236":0,"237":73,"238":54,"239":6,"240":76,"241":10,"242":1,"243":0,"244":0,"245":2,"246":5,"247":5,"248":32,"249":5,"250":0,"251":4,"252":0,"253":1,"254":3,"255":55,"256":73,"257":150,"258":0,"259":0,"260":1,"261":157,"262":3,"263":1,"264":32,"265":2,"266":10,"267":0,"268":0,"269":5,"270":2,"271":2,"272":0,"273":6,"274":1,"275":3,"276":0,"277":157,"278":2,"279":1,"280":9,"281":1,"282":0,"283":14,"284":14},"Model sha":{"0":"fda5cf998a0f2d89b53b5fa490793e3e50bb8239","1":"ea2b4ff8e5acd7a48993f56b2d7b99e049eb6939","2":"ea2b4ff8e5acd7a48993f56b2d7b99e049eb6939","3":"40d451f32b1a6c9ad694b32ba8ed4822c27f3022","4":"1f302e0e15f3d3711778cd61686eb9b28b0c72ae","5":"84d38e29fec0dc9c274237968fdafe9396702f9b","6":"54a8c35600ec5cb30ca2129247854ece23e57f57","7":"4df251a558c53b6b6a4c459045b161951cfc3c4e","8":"c64edea08b27be1e7e2ae6a95bcdd74849cb887e","9":"cd29cfa124072c96ba8601230bead65d76e04dcb","10":"ba3403eaafc6d1f6e3a73245314ee96025c08d96","11":"e8e558b5fd4ac9da839577b1295d10ca75fc2663","12":"2d8cff968dbfb31e0c1ccc42053ccc4d2698a390","13":"915651208ea9f40c65a60d1f971a09f9461ee691","14":"7dd3ddea090bd63f3143e70d7d6237cc40c046e4","15":"e1cdc5b02c662c5f29a50d0b22c64a8902ca856b","16":"6c7ec6d2ca1c0d126a26963fedc9bbdf5210b0d1","17":"dc092ecc5d5a424678eac445a9f4443069776691","18":"76389d5d825c3743cc70bc75b902bbfdad11beba","19":"7b74a95019f01b59630cbd6469814c752d0e59e5","20":"097b951c2524e6113252fcd98ba5830c85dc450f","21":"95b3b4e432d98b804d64cfe42dd9fa6b67198e5b","22":"3880710724abcaffbdf8fa4031e1d02066fbfe9d","23":"74c6e4fbd272c9d897e8c93ee7de8a234f61900f","24":"96c62ad90f2b82016a1cdbfe96cfa5c4bb278e21","25":"c5575550053c84a401baf56174cb2e5d5bd9e79a","26":"d3efc551679d7ec00da14722d44151c948a48d25","27":"d8d6a47f877fee3e638a158c2bd637c0013ed4e4","28":"06fd0e293aeb3b2722e3910daefcd185fad4558c","29":"331bb6bdba4140bbf0031bd37076f2c8a76d7dbb","30":"bbaef291e93a7f6c9f8cb76a4dbd8c3c054d3f3c","31":"a4ca706d1bbc263b95e223a80ad68b0f125840b3","32":"f136ec75c9fb7c86c071291ddf418089c8f43da0","33":"bbaef291e93a7f6c9f8cb76a4dbd8c3c054d3f3c","34":"cd8bfad664fb7f9b017388d974dd3265f8c40396","35":"ff261dadc107d0ce67b836a052d7131f9d9e4260","36":"5efde29924cf7158e4cbd642311a92a14e85597c","37":"a283f4e8169009d683b329ae1a96c9a77ce5936a","38":"cb04e33c4ff559b31767765100cd50c24ec2531c","39":"1dc4edde961960f7263dc3bdd37ca9e9f7e451ea","40":"03405145ca06170f1b2e0acc838f573f0e090df8","41":"0da1865ae1ce682d4002dd9935d20520e79ed520","42":"a27e0dfaf79af8da32fc4ff6c5eb8be46c9f5a13","43":"a27e0dfaf79af8da32fc4ff6c5eb8be46c9f5a13","44":"b7f5aa8d4c899c175a1dad40a03b4071df90bd8e","45":"69b9280ee4d2a20ef5645798621e62dd9777c139","46":"4774173a54be9a648e1cf03248af3ae3d51a0434","47":"11a51df04f85047e166d63eb64cedc1ec02732a1","48":"ff261dadc107d0ce67b836a052d7131f9d9e4260","49":"1e1cd6e84d02a9c1d70c2a2037f485bc2b646391","50":"22a9da7289d20a1d5452f77aa5bc49e97344af52","51":"cd343f0846ceb4180297920b2da50d6b28dcb242","52":"6ba7b5acb65dd62c28585cba298e0d3671c14f3a","53":"2b81b03b242a548e54e9e10af6a4c24f24a4c5fc","54":"f92057866ff68bf215487d34ca1080707bb4e98c","55":"c00b0fa78ab41aec778209fdf7640ebbe6d83065","56":"3d0181b920304bca0bdfd41aff55188a574c85e3","57":"b1ec306bf85762b28ce29ac71924bb9a8fa01e5a","58":"af1576f357ce8c5c3ee2e8bda45f8ffd7e0535f0","59":"25c0f5c1edad0ed1ab02347adf02fe03e0a3b62a","60":"546cdd443abc56b48aaadb4ebb5fb9249015f0bb","61":"aa6e42036cea01cb99426a9333481b353fd36e61","62":"dd1a314a04b8b4faf33e7d5037a71246d3e65bad","63":"ec27a21a66dc4411f24f36d585787853ba2e6354","64":"d718acb1b95c85009db8dd34af1318bcaf23ebcd","65":"aa3528c04c38fa49b5b65e1d064c46db3e9774f1","66":"ff89febead2585b2a1efae12b53887b18c283a8a","67":"87382cefca257137b983fd01d0e6a8839704d75e","68":"d696e99a2a4eeb13994c277f2fb113e9ddd1e632","69":"a2c3a87dd53a87dc9fc622ce4ddbb05d3e9cf6a9","70":"a0d648c1bcc3f1615bb2f0a94c6d32e7abde355d","71":"099b9c3e105fbb579d561fe93174ae3bd75dac8d","72":"5c649b6bbb8aa16d52dda26c5ce8574d1c7a3274","73":"0c9f2823a900408cf3c70c532288f89e452067f7","74":"7637cbf40c746030910154e0b344c5358f35a878","75":"7e26287665e6214be131f4e7ee20a312a07a4c1c","76":"bfba5a5114005c849a49662b4c7e53debac98105","77":"b7174ccf5c91095737cdb29f50853512017a1ac4","78":"c9beb3cba8030cb4fe7d96dd513c9e7ab40da126","79":"bff2cd7ba1f8a742cd22cd9df22485636c3b6410","80":"783a2f1231542b9fe8bc728dc676745c62f35b9f","81":"67f6f5ea337547b3f5e287e0ed1392ef0462e65a","82":"5b806671b663295f5212704dfb7373ddfefe804f","83":"36a9851b8c9213c4e1bcfd2c46b3f799c36caa69","84":"a619fd0fcbdfcc897054491c2f285677bee38a11","85":"46afad714b0528863bcf67b2bf5fcd4318235ccf","86":"a5965f77bbb0fe23f16a5137918af27c753800af","87":"30e44c452e38ff3d879d7ba92a130fa2cc072754","88":"34e3f31067be2bcbf86c8af9d137db227b2ece20","89":"c241960b69943b3d32b8af110bbed20508265334","90":"ff7d668721b961a73a95098cf7436db0170b1db6","91":"1a8a1ce0ceea0e298d9c8d5cce0b869a4a8c0514","92":"2491f12e51d7b74fb47ef5480d4b5f547d4d19ea","93":"cc18e2b0b9764f255341d3e530d018545987544b","94":"2f83b45077479bc3f663da50c4c40372894bf92e","95":"72f6e05eddabe6f3fa8891c99c4ba02aa60158c1","96":"98fdc8315906b0a8b9e7f24bad89914869fcfc20","97":"bd9ac169a0d6acb8fb66d55a6471ef162271b248","98":"583254a5a134243d7793b311c465da12b10a3ff2","99":"a89b5a4ce482c531b1cb3b8703e8eb2b9321994c","100":"ead4b4aedf94b98916f30388b85620a3583375e8","101":"cf06159aaaadda2ca50b19ce547a52424f7d47c3","102":"e02a631564990af3d9c8b0232f979af11cd8b6f6","103":"d6024b97f624e9169a63f5faccb8c5ab121eb13a","104":"ea5855b529987fde6eca87492bccbd28eef8d052","105":"fbf1c9958c47062e2db30276c723867c0d019652","106":"644f20245c08dbbc6baad20100fcf0c8bd3181a0","107":"e01fb197b4303ba63ba2f4d68a897006ec7ec4fd","108":"ebc7cba80494385e29bce8b1b86a75d14666c19e","109":"cf06159aaaadda2ca50b19ce547a52424f7d47c3","110":"1442ca4e728892f18ef101c4987bdf11ef5bbae5","111":"c8ad8ee000e4e042d80e4cf53fb6d0815d7743dd","112":"50dd207ce4319397d862a91f8295d902549dbdf7","113":"031e9404b7a1467fdcc96bc109e05b640d573209","114":"a892e9a26785d59d8bf4ccef48606664c6cbc48b","115":"2d197f7a290d191183b86f35c3857dd15a16d9b6","116":"513311818a707ccc0c7d007ddabfab19e1a2e470","117":"2d197f7a290d191183b86f35c3857dd15a16d9b6","118":"e13a48ef1524ba35615d7f63834e7c9192fa1836","119":"5ecc835f4137adac99198831c61c2afff4f340cf","120":"0dc1f9340fac9aadf883f52e6409e49e8d286af6","121":"d187b7bd6757d78bf89aaad8b0b5834ddbf29392","122":"2e36c528223443d6b8b5203b6a013e79f6d78d09","123":"95d031f0cad065bc18387f09ce37b256756f762f","124":"8a741a32e8d1d426c408c3eeb208eccc172c655e","125":"16e9d47cb25c33d57328638e5c56e257c6021ce1","126":"543b52f9b6c96a4922dc8ed1251625b1bd919e19","127":"0c670c988b61240e5f89ae9df0820db7dc572576","128":"c3227c2b48ac6b136c074871b72088677f2adca9","129":"ccd128942c5a6bb1672ceed21730d0e172655d77","130":"4c09542d0154eb09bf7be874e2c68189407114ed","131":"207cddf327154c23b484f1cbd972b3c7989b7554","132":"08903c93d929829aabbde2681c7ad2465d7d4189","133":"fcc6ada5ea6dbf2f644d26b545ac402d2202cc74","134":"6df7bb2069432bcab0971ab105284a66b3ec1ce0","135":"66bf25995056155b5d0796f7c0981e243bdd48f3","136":"448255ff2397e04c62ecba4c4d982531eb42d241","137":"f1d27aab09086a6e691db6892d50ba809cbe0607","138":"4bfad083e96a4ab129cc202fc941994be2e3adc4","139":"e5dd511955f4ac65bb1884f07426157740ad8574","140":"fcc6ada5ea6dbf2f644d26b545ac402d2202cc74","141":"645fa936256811f53f0c33f1e5298f6ad1095dce","142":"96b27c4205881920289b29ac3d83ba5edf5cf672","143":"1d697d32ba4f6ed471cd2857669029f425b827bb","144":"6bf661cdade79d96c4def4f09c27ad5ca1bae11a","145":"de574b57d45cfea00748c464af17f1c1ca53e548","146":"43ea8d27d652dc15e4d27f665c5d636a5937780b","147":"750463cf0946dd46c4504b302757f2bb6e2b4521","148":"78da696445e50002d29bf5610af059fd3f00f51b","149":"02a497125bbf85fe0355eb22424315c920d1aec4","150":"0d04b46ec6ce4c707bcdebb94b98e30fe8f4ae1d","151":"9c95dafc63de0e98627458369e87347df87fa17d","152":"875319a815400bdb73c309601c175d72997a4fa0","153":"8b9615124a0bcadd7fa984eaadd066da0fb4fbae","154":"d3167df97a44b8632538b32ee8cd887893ea1435","155":"08d3f07da7160e9657630ba98531850905619def","156":"669f8f726fac4a588ced06a4da3959eb8ca20f9f","157":"8761e9acb20bc475c095455fd754bf632e0f88f0","158":"c2519bf48d73f5751cfecfe2c4c796fbcb73c390","159":"31bbd3c348400c942a33c1f952dca8e7125996b7","160":"8761e9acb20bc475c095455fd754bf632e0f88f0","161":"0a25a243957b41c7ac8d59af50294547151ae621","162":"c03dfcda5d45ea4c518bd14641d9604726e00477","163":"c63d06344214886094d7ab6c7fd5692cc59fdf0d","164":"b47d17b0df02e38e97f565784bb3cf948b29a6ec","165":"514783cefac2b142adb50ee5f61dd724d62910cf","166":"0cce8842b179e19e6faac936a8c44ea1ba05b6b9","167":"d933dcd7cbb19916f4732ae7e3892a656a8c3d27","168":"df83494a4366e081563659e1142464029a0dec82","169":"72084679bda2e7679259e9c0fa2fdcd48ecb158c","170":"b59ed47a8f30e7488f1faef65ff0a75597af0a44","171":"f2a7ecb1f539bb41a61c254150e404820851005f","172":"73b5302f1efc7ba87e123cfed0c9c998e098c16a","173":"8483318133a7763eb2dedc59294559febbf657c9","174":"db160d4bc5bd9f2e66a764aeb44dcd18fb8afa6d","175":"e4b4ee3d952b1e8360a82d2b3506fd5b4ab68df9","176":"0ab5c875f0070d5aee8d36bc55f41de440a13f02","177":"479d3907a5bce4f3edb476d3ae05fe4b38a0a6e4","178":"deb99d98742ec9691ef593418bea71a4437745a1","179":"efb6caff9804383600563a658ba18720ec3b2d11","180":"dc7dfbece1b31665b0456476f67ef97a17bd2323","181":"515d7d948b4274c7451fdef61eae9e76eac93a38","182":"f62c59844a8de3c27cf22735218d77e9fa9f6b17","183":"fff356f1e506e6801c5a60c165636e84a4bd302c","184":"0219ef0ce5c8aaa6abe5e6c30f287edb777c7e8c","185":"45b93bfc4297b0bc1ef0b7316cbae11d2bb527d1","186":"b79854d1c29b5caae403c29d484f969b31734a5e","187":"e17d301fb143b20ac943c99f34aa8b118f14e1e0","188":"9311a4300f61f4cba381ba8347b73f0f2977a8f9","189":"f4bfa8b298cbd0acc236117231d5b00de5f43240","190":"323fba03ac21b03df8d04ab575741429cc509d7b","191":"a3798e202aaa326b1027c0ee0a61ac78dc175e63","192":"aedfd66841e39a8db181d8549a42f4d2ee248b0a","193":"689dbca3e4bd977fa08b7a933e4e709277cd1394","194":"fa406117c67fc86cc8171f57b12184eecb8069be","195":"0121c0f6d769e8c0ecafeae0e85092855a4e95c9","196":"566cdea53950f86eb51dae62812c29e79405cffe","197":"755d702c80e5acee8c07676b4a4dee37de56e2a8","198":"af9757f0420e27e2a332cc16cbe1eeefe99cb5f1","199":"6188e34517a82298b0216c141ec728a5d9861658","200":"2dda3515c5bbf02824addbe2e8f924a48ce21156","201":"01f1a7861667c4869bb03251dfd10526bf846e9c","202":"94bad5a6b469d84f556d6cc52c44fd88c07476f3","203":"d26e345f256b8a8210637258a5973fd36227d8ec","204":"2d5b9af81408ebc5e45c944cc24c9bab85b7ae1f","205":"9f9e4ae1c294ea4301eeefd3cf6222d156916144","206":"6ba531f1aec62375bf94ad9c7bb064953c4e9868","207":"6ee0b7c59743c3047f307643c7c1f13ada56fdd1","208":"b2535b271d83f892de2fb3a790b298618565dcff","209":"1f8562051647d5537dc950315e74534b363a0812","210":"9cb2d09228ac87d761d23a1284c79b55f9f285d9","211":"cc2f19f5bc9ad693d4447e42e9844d9931ab8e81","212":"5e194e1e44c6c2ebe294f854733f5c5532de5688","213":"330eb185920d6a470b265a4b31217c60e810fb3e","214":"cb9c9b0fb1d49b085069617bd8dc9cdddfdba7fb","215":"9893dc24b32bc83ca63e7d06cfa296d66be3fb3d","216":"cca19971f846c6d45e089dd1425f86fa4cb48f0a","217":"5cf11f6e983a7c11b17c1b7c4aee6ff99e30ba82","218":"a4400d021e29279c8676d5c46cf76c4b36d748f6","219":"a388bd7af444f632e5e9370bedaeb69572f861af","220":"cbf9c2350f24d9d10ebb1961965e7fbb4361cafb","221":"330eb185920d6a470b265a4b31217c60e810fb3e","222":"86fd0b7d132126be49c02e061ebec02e1d3a4e38","223":"125c431e2ff41a156b9f9076f744d2f35dd6e67a","224":"c9fb38c846ba1f1ce9a7a3560e491ea9d4a8d875","225":"618e5aedf02d58358d6fda7d9fa67c169b7156d0","226":"96e7c78544d7eca96e3ae60ff80c728f3109e8ba","227":"05a9ef37686d678f267a15664b5ce66612b7996a","228":"afc90bd0690d0cbedd01f22d1d6ef0e44f30b5f4","229":"3de0408ae8b591d9ac516a2384925dd98ebc66f4","230":"adf7c513e9cadbe25cc2be61c43f3f36f1b488e9","231":"7bd8487fc3a5c3bac022bfe8c34d2f630c123d40","232":"1b3a5c98381f37a2ec97ce80d1d88d472a7d1802","233":"61822ea65b8a4c56d2b5622e2adf69e430fac29a","234":"e91dcc46d28fc0aa5553fb73c4eac5e28abfd3ec","235":"f55aef05f6632a1407fcddcbc6729613b07e87e2","236":"e593de223b662cfda40aa96163c6a42d6b32de5e","237":"afc90bd0690d0cbedd01f22d1d6ef0e44f30b5f4","238":"d7d33a1517c57b596162a71a48bc29c87d29d9aa","239":"5dbc14842c16f1fa315e682e7e5bdb0248a2b05e","240":"91e0a33fd2cb0a77401831e96536b91c5b7817e4","241":"c3caef28f8402d52d6a646a7e1e00a971db1c507","242":"b7cd9398c8797b4e90cdd90ec9f64300e6334e6a","243":"5aeed89b3b0eba74cea863b59a43c63c81be5989","244":"382698efc4e5ff54a4155e1f2c40547ac3b2aa64","245":"786e6492919d0d1eb07b5988f67e0ee61aa05c21","246":"f7605af56f29b42e72f9c2cbbd4ad8e443a8dae0","247":"e2a033646231bd947a3948d3aac198d34d04ea38","248":"bff7146aafe1a5b84631bd279112c8c5b95d2802","249":"4e21eea3c32d00b2fcfc5bcfd16d8dc9d0d8874d","250":"9bfa05ff62ddd960cb9fb3e9dff70d800ea1c0a1","251":"02e11fa83d18975f95c5d5047d0439897308c73b","252":"dfc889db0d02cebaadacc6726a8622a40f45eb5e","253":"03955e2748064dcfac121e35e4e060cf6f48e259","254":"bf7696c10077e73d06752c564ea35cc7e5e336ca","255":"6011e2ef7791738f3b78fa9e122360029df7c9ed","256":"f16df07e24654858a6b04c3ecb0670dcfc42337d","257":"f4f3f6144dd143d6ec43ece9ab0fdd740ed610f1","258":"e402c5ea1ba23d776062f18306690296a708d469","259":"d9bb402315f47764bf0f6002e513cd7e89c7c804","260":"e4ba7abdb25b00308f67589458cb9380a2ccd5e6","261":"79648bef7658bb824e4630740f6e1484c1b0620b","262":"72267d131001da8cdf253105c367fd913db79523","263":"3120e204e1b4928fd784ae78fa754bc937352c98","264":"26923a2648b9864e2ec6f0cc66b8b6fcfbbdd491","265":"7e3fdb60969ef0f7219cbcb9b05f7d1537af1c8d","266":"66abec7cba89b35c7b6cab2140c3532049de0157","267":"04cd413008c353ca558ab901c0d88132c25772c2","268":"957474e32057f19ef863c1c8ba3d16389cf58eed","269":"d1bdf5a5ea942b8236e48c17c3c07e3bd49ae5c8","270":"59004f5610548e626ad27cd4a7b92daa3ccfc9c8","271":"5f18e24665f62b8e9a3492af247978073fea54f9","272":"17af425d904f21f8500bf965b16d07603e01d125","273":"e3d7c73110dd6edd9e96b1f3d9b0dea91d83ce2d","274":"e2164a4cce391e1f4228e2e89689793ec037135e","275":"fb53c42ba7d5719e730f67c5356766d84e5f3619","276":"1cf1b3a313de0b3b22a61dd3741c1bd5a3d14c66","277":"79648bef7658bb824e4630740f6e1484c1b0620b","278":"cf6f466d227c041df3b892dff394df43ecf99b8b","279":"dd27a200fd3dd5500a0b5bbfc0e4a9289af486e5","280":"2d6dcf8bf9f1a758f135929de4a6fd81e26a38da","281":"7152f2dc8e0aceb0412e802653271cd9e59bf23e","282":"855035b23011e2a09182025a63a9252e19033163","283":"1055563879363d9ee2fba1d9fd1628eca6bcbb4e","284":"c8741ec6f4f24324a96041efaf2f627a99d946e6"},"model_name_for_query":{"0":"davidkim205\/Rhea-72b-v0.5","1":"MTSAIR\/MultiVerse_70B","2":"MTSAIR\/MultiVerse_70B","3":"SF-Foundation\/Ein-72B-v0.11","4":"SF-Foundation\/Ein-72B-v0.13","5":"SF-Foundation\/Ein-72B-v0.12","6":"abacusai\/Smaug-72B-v0.1","7":"ibivibiv\/alpaca-dragon-72b-v1","8":"moreh\/MoMo-72B-lora-1.8.7-DPO","9":"cloudyu\/TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO_f16","10":"saltlux\/luxia-21.4b-alignment-v1.0","11":"cloudyu\/TomGrc_FusionNet_34Bx2_MoE_v0.1_full_linear_DPO","12":"zhengr\/MixTAO-7Bx2-MoE-v8.1","13":"yunconglong\/Truthful_DPO_TomGrc_FusionNet_7Bx2_MoE_13B","14":"JaeyeonKang\/CCK_Asura_v1","15":"fblgit\/UNA-SimpleSmaug-34b-v1beta","16":"TomGrc\/FusionNet_34Bx2_MoE_v0.1","17":"migtissera\/Tess-72B-v1.5b","18":"moreh\/MoMo-72B-lora-1.8.6-DPO","19":"abacusai\/Smaug-34B-v0.1","20":"cloudyu\/Truthful_DPO_TomGrc_FusionNet_34Bx2_MoE","21":"ibivibiv\/orthorus-125b-v2","22":"ConvexAI\/Luminex-34B-v0.2","23":"yunconglong\/DARE_TIES_13B","24":"yunconglong\/13B_MATH_DPO","25":"TomGrc\/FusionNet_34Bx2_MoE","26":"ConvexAI\/Luminex-34B-v0.1","27":"yunconglong\/MoE_13B_DPO","28":"JaeyeonKang\/CCK_Asura_v3.0","29":"cloudyu\/4bit_quant_TomGrc_FusionNet_34Bx2_MoE_v0.1_DPO","30":"yam-peleg\/Experiment26-7B","31":"MTSAIR\/multi_verse_model","32":"chihoonlee10\/T3Q-Mistral-Orca-Math-DPO","33":"yam-peleg\/Experiment26-7B","34":"rwitz\/experiment26-truthy-iter-0","35":"yam-peleg\/Experiment30-7B","36":"yam-peleg\/Experiment28-7B","37":"MaziyarPanahi\/Calme-7B-Instruct-v0.2","38":"rwitz\/experiment26-truthy-iter-1","39":"rwitz\/experiment26-truthy-iter-2","40":"chlee10\/T3Q-Merge-Mistral7B","41":"LeroyDyer\/Mixtral_AI_Cyber_3.m1","42":"yam-peleg\/Experiment31-7B","43":"yam-peleg\/Experiment31-7B","44":"yam-peleg\/Experiment24-7B","45":"zhengr\/MixTAO-7Bx2-MoE-Instruct-v7.0","46":"bobofrut\/ladybird-base-7B-v8","47":"yam-peleg\/Experiment29-7B","48":"yam-peleg\/Experiment30-7B","49":"CorticalStack\/pastiche-crown-clown-7b-dare-dpo","50":"MaziyarPanahi\/Calme-7B-Instruct-v0.1.1","51":"mlabonne\/UltraMerge-7B","52":"cloudyu\/Truthful_DPO_cloudyu_Mixtral_34Bx2_MoE_60B","53":"yam-peleg\/Experiment27-7B","54":"eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO","55":"eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v2","56":"cloudyu\/Yi-34Bx2-MoE-60B-DPO","57":"chihoonlee10\/T3Q-EN-DPO-Mistral-7B","58":"jefferylovely\/AiMaven-Merkaba-7b","59":"bardsai\/jaskier-7b-dpo-v5.6","60":"JaeyeonKang\/CCK_Asura_v2.1","61":"yam-peleg\/Experiment25-7B","62":"eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v3","63":"CorticalStack\/neurotic-crown-clown-7b-tak-stack-dpo","64":"jan-hq\/stealth-v2","65":"bardsai\/jaskier-7b-dpo-v6.1","66":"eren23\/ogno-monarch-jaskier-merge-7b-OH-PREF-DPO-v4-test","67":"chihoonlee10\/T3Q-DPO-Mistral-7B","68":"Kukedlc\/Jupiter-k-7B-slerp","69":"moreh\/MoMo-72B-lora-1.8.4-DPO","70":"TomGrc\/FusionNet_7Bx2_MoE_v0.1","71":"macadeliccc\/MBX-7B-v3-DPO","72":"vicgalle\/CarbonBeagle-11B-truthy","73":"dddsaty\/FusionNet_7Bx2_MoE_Ko_DPO_Adapter_Attach","74":"vicgalle\/RoleBeagle-11B","75":"MaziyarPanahi\/Calme-7B-Instruct-v0.5","76":"FelixChao\/Capricorn-7B-DPO","77":"rwitz\/experiment26-SPIN-iter-0","78":"Kukedlc\/NeuralKrishna-7B-V2-DPO","79":"abideen\/AlphaMonarch-laser","80":"touqir\/Cyrax-7B","81":"Eric111\/UltraCatunaMayo-DPO","82":"abideen\/AlphaMonarch-daser","83":"yam-peleg\/Experiment21-7B","84":"TomGrc\/FusionNet_7Bx2_MoE_14B","85":"yam-peleg\/Experiment22-7B","86":"cloudyu\/Yi-34Bx2-MOE-200K","87":"NeverSleep\/MiquMaid-v2-2x70B-DPO","88":"abideen\/AlphaMonarch-dora","89":"AiMavenAi\/Prometheus-1.3","90":"FelixChao\/Capricorn-7B","91":"yleo\/EmertonMonarch-7B","92":"yam-peleg\/Experiment20-7B","93":"ibivibiv\/multimaster-7b-v6","94":"abacusai\/Smaug-Mixtral-v0.1","95":"daxiongshu\/Pluto_24B_DPO_63","96":"abacusai\/Smaug-Mixtral-v0.1","97":"cloudyu\/Phoenix_DPO_60B","98":"Weyaxi\/Helion-4x34B","99":"ibivibiv\/multimaster-7b-v4","100":"fblgit\/UNA-34BeagleSimpleMath-32K-v1","101":"ShinojiResearch\/Senku-70B-Full","102":"fblgit\/UNA-34Beagles-32K-v1","103":"one-man-army\/UNA-34Beagles-32K-bf16-v1","104":"FelixChao\/Scorpio-7B","105":"vicgalle\/ConfigurableBeagle-11B","106":"Weyaxi\/Cosmosis-3x34B","107":"macadeliccc\/WestLake-7B-v2-laser-truthy-dpo","108":"yam-peleg\/Experiment19-7B","109":"ShinojiResearch\/Senku-70B-Full","110":"yam-peleg\/Experiment23-7B","111":"maywell\/kiqu-70b","112":"FelixChao\/WestSeverus-7B-DPO-v2","113":"migtissera\/Tess-70B-v1.6","114":"alnrg2arg\/test3_sft_16bit","115":"FelixChao\/Faraday-7B","116":"Weyaxi\/Astralis-4x34B","117":"FelixChao\/Faraday-7B","118":"PetroGPT\/WestSeverus-7B-DPO","119":"FelixChao\/Sectumsempra-7B-DPO","120":"NeverSleep\/MiquMaid-v1-70B","121":"Weyaxi\/Bagel-Hermes-2x34B","122":"BarryFutureman\/WestLakeX-7B-EvoMerge-Variant2","123":"ibivibiv\/multimaster-7b-v5","124":"alnrg2arg\/test3_sft_16bit_dpo2","125":"ChaoticNeutrals\/Eris_Floramix_DPO_7B","126":"abhishekchohan\/SOLAR-10.7B-Instruct-Forest-DPO-v1","127":"abacusai\/MetaMath-Bagel-DPO-34B","128":"cognitivecomputations\/WestLake-7B-v2-laser","129":"cloudyu\/60B_MoE_Coder_v3","130":"ChaoticNeutrals\/Eris_Remix_DPO_7B","131":"Eric111\/CatunaLaserPi-DPO","132":"jondurbin\/nontoxic-bagel-34b-v0.2","133":"jondurbin\/bagel-dpo-34b-v0.2","134":"senseable\/WestLake-7B-v2","135":"moreh\/MoMo-72B-LoRA-V1.4","136":"MaziyarPanahi\/Calme-7B-Instruct-v0.4","137":"kevin009\/llamaRAGdrama","138":"vicgalle\/Mixtral-7Bx2-truthy","139":"moreh\/MoMo-72B-LoRA-V1.4","140":"jondurbin\/bagel-dpo-34b-v0.2","141":"senseable\/Westlake-7B","142":"rizla\/trrapi-16b","143":"abacusai\/MM-OV-bagel-DPO-34b-c1000-250","144":"BarryFutureman\/WestLakeX-7B-EvoMerge","145":"yunconglong\/Truthful_DPO_MOE_19B","146":"Kukedlc\/NeuralExperiment-7b-MagicCoder-v7.5","147":"ResplendentAI\/Datura_7B","148":"FelixChao\/Patronum-7B","149":"bhavinjawade\/SOLAR-10B-OrcaDPO-Jawade","150":"ResplendentAI\/Flora_DPO_7B","151":"ResplendentAI\/Flora_7B","152":"NeuralNovel\/Valor-7B-v0.1","153":"VAGOsolutions\/SauerkrautLM-SOLAR-Instruct","154":"upstage\/SOLAR-10.7B-Instruct-v1.0","155":"fblgit\/UNA-SOLAR-10.7B-Instruct-v1.0","156":"bhavinjawade\/SOLAR-10B-Nector-DPO-Jawade","157":"abacusai\/Liberated-Qwen1.5-72B","158":"dddsaty\/SOLAR-Instruct-ko-Adapter-Attach","159":"macadeliccc\/SOLAR-10.7b-Instruct-truthy-dpo","160":"abacusai\/Liberated-Qwen1.5-72B","161":"cloudyu\/19B_MATH_DPO","162":"dhanushreddy29\/BrokenKeyboard","163":"fblgit\/UNA-SOLAR-10.7B-Instruct-v1.0","164":"fblgit\/UNA-POLAR-10.7B-InstructMath-v2","165":"fblgit\/UNAversal-2x7B-v1","166":"dddsaty\/Merge_Sakura_Solar","167":"rishiraj\/meow","168":"vicgalle\/ConfigurableSOLAR-10.7B","169":"fblgit\/UNA-TheBeagle-7b-v1","170":"vicgalle\/OpenBeagle-11B","171":"InferenceIllusionist\/Excalibur-7b-DPO","172":"JaeyeonKang\/CCK_Gony_v3","173":"Sao10K\/Typhon-Mixtral-v1","174":"fblgit\/UNAversal-8x7B-v1beta","175":"sophosympatheia\/Aurora-Nights-70B-v1.0","176":"allenai\/tulu-2-dpo-70b","177":"Steelskull\/Lumosia-v2-MoE-4x10.7","178":"NousResearch\/Nous-Hermes-2-Yi-34B","179":"decruz07\/kellemar-DPO-Orca-Distilled-7B-SLERP","180":"abacusai\/MM-Orc-Vic-bagel-34b-c1000","181":"JaeyeonKang\/CCK_Asura_v2","182":"Qwen\/Qwen-72B","183":"yam-peleg\/Experiment7-7B","184":"macadeliccc\/SOLAR-10.7b-Instruct-dpo","185":"yam-peleg\/Experiment15-7B","186":"yam-peleg\/Experiment10-7B","187":"yam-peleg\/Experiment8-7B","188":"cloudyu\/Mixtral-8x7B-Instruct-v0.1-DPO","189":"Neuronovo\/neuronovo-9B-v0.4","190":"cloudyu\/Mixtral_7Bx5_MoE_30B","191":"yam-peleg\/Experiment9-7B","192":"yam-peleg\/Experiment1-7B","193":"yam-peleg\/Experiment2-7B","194":"yam-peleg\/Experiment4-7B","195":"Sao10K\/Franziska-Mixtral-v1","196":"NousResearch\/Nous-Hermes-2-Mixtral-8x7B-DPO","197":"ResplendentAI\/DaturaCookie_7B","198":"ibndias\/Nous-Hermes-2-MoE-2x34B","199":"gradientai\/v-alpha-tross","200":"carsenk\/flippa-exp26-v3-7b","201":"SUSTech\/SUS-Chat-34B","202":"Sao10K\/SOLAR-10.7B-NahIdWin","203":"yunconglong\/7Bx4_DPO","204":"gradientai\/v-alpha-tross","205":"ResplendentAI\/Luna-2x7B-MoE","206":"NousResearch\/Nous-Hermes-2-Mixtral-8x7B-DPO","207":"ibivibiv\/multimaster-7b-v3","208":"yunconglong\/7Bx4_DPO_2e","209":"argilla\/notux-8x7b-v1","210":"The-Face-Of-Goonery\/HuginnV5.5-12.6B","211":"Qwen\/Qwen1.5-72B","212":"logicker\/SkkuDS-DPO-72B-v1","213":"VAGOsolutions\/SauerkrautLM-Mixtral-8x7B-Instruct","214":"Himitsui\/Kaiju-11B","215":"PetroGPT\/Severus-7B-DPO","216":"S-miguel\/The-Trinity-Coder-7B","217":"logicker\/SkkuDS-DPO-72B-v3","218":"PSanni\/MPOMixtral-8x7B-Instruct-v0.1","219":"cloudyu\/19B_TRUTH_DPO","220":"JaeyeonKang\/CCK_Gony_v3.3","221":"VAGOsolutions\/SauerkrautLM-Mixtral-8x7B-Instruct","222":"tenyx\/TenyxChat-8x7B-v1","223":"mistralai\/Mixtral-8x7B-Instruct-v0.1","224":"ChaoticNeutrals\/RPMix-4x7B-MoE","225":"SJ-Donald\/SJ-SOLAR-10.7b-DPO","226":"senseable\/garten2-7b","227":"Azure99\/blossom-v5-34b","228":"Sao10K\/Fimbulvetr-11B-v2","229":"mistralai\/Mixtral-8x7B-Instruct-v0.1","230":"FelixChao\/Severus-7B","231":"Himitsui\/KuroMitsu-11B","232":"maywell\/PiVoT-SUS-RP","233":"jondurbin\/bagel-dpo-8x7b-v0.2","234":"ignos\/Mistral-T5-7B-v1","235":"SanjiWatsuki\/Kunoichi-DPO-v2-7B","236":"Brillibits\/Instruct_Mixtral-8x7B-v0.1_Dolly15K","237":"Sao10K\/Fimbulvetr-11B-v2","238":"SanjiWatsuki\/Kunoichi-DPO-v2-7B","239":"cognitivecomputations\/mixtral-instruct-0.1-laser","240":"cognitivecomputations\/laserxtral","241":"OpenBuddy\/openbuddy-deepseek-67b-v15.2","242":"macadeliccc\/piccolo-math-2x7b","243":"JaeyeonKang\/CCK_Gony_v0.1","244":"R136a1\/InfinityKuno-2x7B","245":"jan-ai\/Solar-10.7B-SLERP","246":"mncai\/yi-34B-v3","247":"NeverSleep\/CausalLM-RP-34B","248":"Sao10K\/Fimbulvetr-10.7B-v1","249":"SanjiWatsuki\/Kunoichi-DPO-7B","250":"jan-hq\/supermario-slerp-v3","251":"viethq188\/LeoScorpius-7B","252":"JaeyeonKang\/CCK_Gony_v3.1","253":"adonlee\/Mistral_7B_SFT_DPO_v0","254":"mncai\/yi-34B-v2","255":"NousResearch\/Nous-Hermes-2-Mixtral-8x7B-SFT","256":"CausalLM\/72B-preview-llamafied-qwen-llamafy","257":"OpenPipe\/mistral-ft-optimized-1218","258":"bn22\/Nous-Hermes-2-SOLAR-10.7B-MISALIGNED","259":"arlineka\/Brunhilde-2x7b-MOE-DPO-v.01.5","260":"OpenBuddy\/openbuddy-deepseek-67b-v18.1-4k","261":"deepseek-ai\/deepseek-llm-67b-chat","262":"mlabonne\/NeuralDarewin-7B","263":"OpenBuddy\/openbuddy-deepseek-67b-v15.1","264":"migtissera\/Tess-M-Creative-v1.0","265":"VitalContribution\/Evangelion-7B","266":"bhenrym14\/platypus-yi-34b","267":"RatanRohith\/NeuralPizza-7B-V0.3","268":"PracticeLLM\/SOLAR-tail-10.7B-Merge-v1.0","269":"Azure99\/blossom-v4-yi-34b","270":"llmixer\/BigWeave-v15-103b","271":"MaziyarPanahi\/Calme-7B-Instruct-v0.1","272":"Samee-ur\/NeuralPipe-7B-slerp-DPO","273":"VAGOsolutions\/SauerkrautLM-14b-MoE-LaserChat","274":"RatanRohith\/NeuralPizza-7B-V0.2","275":"RatanRohith\/NeuralPizza-7B-V0.1","276":"R136a1\/InfinityKumon-2x7B","277":"deepseek-ai\/deepseek-llm-67b-chat","278":"Sao10K\/14B-Glacier-Stack","279":"jan-hq\/supermario-slerp-v2","280":"dillfrescott\/amadeus-v0.1","281":"OpenBuddy\/openbuddy-deepseek-67b-v15.3-4k","282":"KnutJaegersberg\/Deita-20b","283":"LDCC\/LDCC-SOLAR-10.7B","284":"LDCC\/LDCC-SOLAR-10.7B"}}
\ No newline at end of file
diff --git a/demo/mini_leaderboard/requirements.txt b/demo/mini_leaderboard/requirements.txt
new file mode 100644
index 0000000..fb6c7ed
--- /dev/null
+++ b/demo/mini_leaderboard/requirements.txt
@@ -0,0 +1 @@
+pandas
diff --git a/demo/mini_leaderboard/run.py b/demo/mini_leaderboard/run.py
new file mode 100644
index 0000000..c625bbd
--- /dev/null
+++ b/demo/mini_leaderboard/run.py
@@ -0,0 +1,237 @@
+# type: ignore
+import gradio as gr
+import pandas as pd
+from pathlib import Path
+
+abs_path = Path(__file__).parent.absolute()
+
+df = pd.read_json(str(abs_path / "assets/leaderboard_data.json"))
+invisible_df = df.copy()
+
+COLS = [
+    "T",
+    "Model",
+    "Average ⬆️",
+    "ARC",
+    "HellaSwag",
+    "MMLU",
+    "TruthfulQA",
+    "Winogrande",
+    "GSM8K",
+    "Type",
+    "Architecture",
+    "Precision",
+    "Merged",
+    "Hub License",
+    "#Params (B)",
+    "Hub ❤️",
+    "Model sha",
+    "model_name_for_query",
+]
+ON_LOAD_COLS = [
+    "T",
+    "Model",
+    "Average ⬆️",
+    "ARC",
+    "HellaSwag",
+    "MMLU",
+    "TruthfulQA",
+    "Winogrande",
+    "GSM8K",
+    "model_name_for_query",
+]
+TYPES = [
+    "str",
+    "markdown",
+    "number",
+    "number",
+    "number",
+    "number",
+    "number",
+    "number",
+    "number",
+    "str",
+    "str",
+    "str",
+    "str",
+    "bool",
+    "str",
+    "number",
+    "number",
+    "bool",
+    "str",
+    "bool",
+    "bool",
+    "str",
+]
+NUMERIC_INTERVALS = {
+    "?": pd.Interval(-1, 0, closed="right"),
+    "~1.5": pd.Interval(0, 2, closed="right"),
+    "~3": pd.Interval(2, 4, closed="right"),
+    "~7": pd.Interval(4, 9, closed="right"),
+    "~13": pd.Interval(9, 20, closed="right"),
+    "~35": pd.Interval(20, 45, closed="right"),
+    "~60": pd.Interval(45, 70, closed="right"),
+    "70+": pd.Interval(70, 10000, closed="right"),
+}
+MODEL_TYPE = [str(s) for s in df["T"].unique()]
+Precision = [str(s) for s in df["Precision"].unique()]
+
+# Searching and filtering
+def update_table(
+    hidden_df: pd.DataFrame,
+    columns: list,
+    type_query: list,
+    precision_query: str,
+    size_query: list,
+    query: str,
+):
+    filtered_df = filter_models(hidden_df, type_query, size_query, precision_query)  # type: ignore
+    filtered_df = filter_queries(query, filtered_df)
+    df = select_columns(filtered_df, columns)
+    return df
+
+def search_table(df: pd.DataFrame, query: str) -> pd.DataFrame:
+    return df[(df["model_name_for_query"].str.contains(query, case=False))]  # type: ignore
+
+def select_columns(df: pd.DataFrame, columns: list) -> pd.DataFrame:
+    # We use COLS to maintain sorting
+    filtered_df = df[[c for c in COLS if c in df.columns and c in columns]]
+    return filtered_df  # type: ignore
+
+def filter_queries(query: str, filtered_df: pd.DataFrame) -> pd.DataFrame:
+    final_df = []
+    if query != "":
+        queries = [q.strip() for q in query.split(";")]
+        for _q in queries:
+            _q = _q.strip()
+            if _q != "":
+                temp_filtered_df = search_table(filtered_df, _q)
+                if len(temp_filtered_df) > 0:
+                    final_df.append(temp_filtered_df)
+        if len(final_df) > 0:
+            filtered_df = pd.concat(final_df)
+            filtered_df = filtered_df.drop_duplicates(  # type: ignore
+                subset=["Model", "Precision", "Model sha"]
+            )
+
+    return filtered_df
+
+def filter_models(
+    df: pd.DataFrame,
+    type_query: list,
+    size_query: list,
+    precision_query: list,
+) -> pd.DataFrame:
+    # Show all models
+    filtered_df = df
+
+    type_emoji = [t[0] for t in type_query]
+    filtered_df = filtered_df.loc[df["T"].isin(type_emoji)]
+    filtered_df = filtered_df.loc[df["Precision"].isin(precision_query + ["None"])]
+
+    numeric_interval = pd.IntervalIndex(
+        sorted([NUMERIC_INTERVALS[s] for s in size_query])  # type: ignore
+    )
+    params_column = pd.to_numeric(df["#Params (B)"], errors="coerce")
+    mask = params_column.apply(lambda x: any(numeric_interval.contains(x)))  # type: ignore
+    filtered_df = filtered_df.loc[mask]
+
+    return filtered_df
+
+demo = gr.Blocks()
+with demo:
+    gr.Markdown("""Test Space of the LLM Leaderboard""", elem_classes="markdown-text")
+
+    with gr.Tabs(elem_classes="tab-buttons") as tabs:
+        with gr.TabItem("🏅 LLM Benchmark", elem_id="llm-benchmark-tab-table", id=0):
+            with gr.Row():
+                with gr.Column():
+                    with gr.Row():
+                        search_bar = gr.Textbox(
+                            placeholder=" 🔍 Search for your model (separate multiple queries with `;`) and press ENTER...",
+                            show_label=False,
+                            elem_id="search-bar",
+                        )
+                    with gr.Row():
+                        shown_columns = gr.CheckboxGroup(
+                            choices=COLS,
+                            value=ON_LOAD_COLS,
+                            label="Select columns to show",
+                            elem_id="column-select",
+                            interactive=True,
+                        )
+                with gr.Column(min_width=320):
+                    filter_columns_type = gr.CheckboxGroup(
+                        label="Model types",
+                        choices=MODEL_TYPE,
+                        value=MODEL_TYPE,
+                        interactive=True,
+                        elem_id="filter-columns-type",
+                    )
+                    filter_columns_precision = gr.CheckboxGroup(
+                        label="Precision",
+                        choices=Precision,
+                        value=Precision,
+                        interactive=True,
+                        elem_id="filter-columns-precision",
+                    )
+                    filter_columns_size = gr.CheckboxGroup(
+                        label="Model sizes (in billions of parameters)",
+                        choices=list(NUMERIC_INTERVALS.keys()),
+                        value=list(NUMERIC_INTERVALS.keys()),
+                        interactive=True,
+                        elem_id="filter-columns-size",
+                    )
+
+            leaderboard_table = gr.components.Dataframe(
+                value=df[ON_LOAD_COLS],  # type: ignore
+                headers=ON_LOAD_COLS,
+                datatype=TYPES,
+                elem_id="leaderboard-table",
+                interactive=False,
+                visible=True,
+                column_widths=["2%", "33%"],
+            )
+
+            # Dummy leaderboard for handling the case when the user uses backspace key
+            hidden_leaderboard_table_for_search = gr.components.Dataframe(
+                value=invisible_df[COLS],  # type: ignore
+                headers=COLS,
+                datatype=TYPES,
+                visible=False,
+            )
+            search_bar.submit(
+                update_table,
+                [
+                    hidden_leaderboard_table_for_search,
+                    shown_columns,
+                    filter_columns_type,
+                    filter_columns_precision,
+                    filter_columns_size,
+                    search_bar,
+                ],
+                leaderboard_table,
+            )
+            for selector in [
+                shown_columns,
+                filter_columns_type,
+                filter_columns_precision,
+                filter_columns_size,
+            ]:
+                selector.change(
+                    update_table,
+                    [
+                        hidden_leaderboard_table_for_search,
+                        shown_columns,
+                        filter_columns_type,
+                        filter_columns_precision,
+                        filter_columns_size,
+                        search_bar,
+                    ],
+                    leaderboard_table,
+                    queue=True,
+                )
+
+if __name__ == "__main__":
+    demo.queue(default_concurrency_limit=40).launch(css=str(abs_path / "assets/custom_css.css"))
diff --git a/demo/model3D/run.py b/demo/model3D/run.py
new file mode 100644
index 0000000..dbe261e
--- /dev/null
+++ b/demo/model3D/run.py
@@ -0,0 +1,34 @@
+import gradio as gr
+# get_model3d() returns the file path to sample 3D models included with Gradio
+from gradio.media import get_model3d, MEDIA_ROOT
+
+
+def load_mesh(mesh_file_name):
+    return mesh_file_name
+
+
+demo = gr.Interface(
+    fn=load_mesh,
+    inputs=gr.Model3D(label="Other name", display_mode="wireframe"),
+    outputs=gr.Model3D(
+        clear_color=(0.0, 0.0, 0.0, 0.0), label="3D Model", display_mode="wireframe"
+    ),
+    examples=[
+        [get_model3d("Bunny.obj")],
+        [get_model3d("Duck.glb")],
+        [get_model3d("Fox.gltf")],
+        [get_model3d("face.obj")],
+        [get_model3d("sofia.stl")],
+        [
+            "https://huggingface.co/datasets/dylanebert/3dgs/resolve/main/bonsai/bonsai-7k-mini.splat"
+        ],
+        [
+            "https://huggingface.co/datasets/dylanebert/3dgs/resolve/main/luigi/luigi.ply"
+        ],
+    ],
+    cache_examples=True,
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=[str(MEDIA_ROOT)])
diff --git a/demo/model3D_demo.zip b/demo/model3D_demo.zip
new file mode 100644
index 0000000..7b18470
Binary files /dev/null and b/demo/model3D_demo.zip differ
diff --git a/demo/model3d_component/run.py b/demo/model3d_component/run.py
new file mode 100644
index 0000000..ceaa0aa
--- /dev/null
+++ b/demo/model3d_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Model3D()
+
+demo.launch()
diff --git a/demo/model3d_component_events/run.py b/demo/model3d_component_events/run.py
new file mode 100644
index 0000000..f49ed86
--- /dev/null
+++ b/demo/model3d_component_events/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            input_3d = gr.Model3D(label="Input Model3D")
+        with gr.Column():
+            output_3d = gr.Model3D(label="Output Model3D")
+        with gr.Column():
+            num_change = gr.Number(label="# Change Events", value=0)
+            num_load = gr.Number(label="# Upload Events", value=0)
+            num_clear = gr.Number(label="# Clear Events", value=0)
+            clear_value = gr.Textbox(label="Clear Value", value="")
+        input_3d.upload(lambda s, n: (s, n + 1), [input_3d, num_load], [output_3d, num_load])
+        input_3d.change(lambda n: n + 1, num_change, num_change)
+        input_3d.clear(lambda s, n: (s, n + 1), [input_3d, num_clear], [clear_value, num_clear])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/multimodaltextbox_component/run.py b/demo/multimodaltextbox_component/run.py
new file mode 100644
index 0000000..b25febc
--- /dev/null
+++ b/demo/multimodaltextbox_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.MultimodalTextbox(interactive=True)
+
+demo.launch()
diff --git a/demo/multipage/run.py b/demo/multipage/run.py
new file mode 100644
index 0000000..7ce0008
--- /dev/null
+++ b/demo/multipage/run.py
@@ -0,0 +1,42 @@
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+    @gr.on([greet_btn.click, name.submit], inputs=name, outputs=output)
+    def greet(name):
+        return "Hello " + name + "!"
+    
+    @gr.render(inputs=name, triggers=[output.change])
+    def spell_out(name):
+        with gr.Row():
+            for letter in name:
+                gr.Textbox(letter)
+
+with demo.route("Up") as incrementer_demo:
+    num = gr.Number()
+    incrementer_demo.load(lambda: time.sleep(1) or random.randint(10, 40), None, num)
+
+    with gr.Row():
+        inc_btn = gr.Button("Increase")
+        dec_btn = gr.Button("Decrease")
+    inc_btn.click(fn=lambda x: x + 1, inputs=num, outputs=num, api_name="increment")
+    dec_btn.click(fn=lambda x: x - 1, inputs=num, outputs=num, api_name="decrement")
+    for i in range(100):
+        gr.Textbox()
+
+def wait(x):
+    time.sleep(2)
+    return x
+
+identity_iface = gr.Interface(wait, "image", "image", api_name="predict")
+
+with demo.route("Interface") as incrementer_demo:
+    identity_iface.render()
+    gr.Interface(lambda x, y: x * y, ["number", "number"], "number", api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/musical_instrument_identification/DESCRIPTION.md b/demo/musical_instrument_identification/DESCRIPTION.md
new file mode 100644
index 0000000..99b199f
--- /dev/null
+++ b/demo/musical_instrument_identification/DESCRIPTION.md
@@ -0,0 +1 @@
+This demo identifies musical instruments from an audio file. It uses Gradio's Audio and Label components.
\ No newline at end of file
diff --git a/demo/musical_instrument_identification/data_setups.py b/demo/musical_instrument_identification/data_setups.py
new file mode 100644
index 0000000..7a9ad47
--- /dev/null
+++ b/demo/musical_instrument_identification/data_setups.py
@@ -0,0 +1,80 @@
+# Make function to find classes in target directory
+import os
+import librosa  # type: ignore
+import torch
+import numpy as np
+from torchaudio.transforms import Resample  # type: ignore
+
+SAMPLE_RATE = 44100
+AUDIO_LEN = 2.90
+
+# Parameters to control the MelSpec generation
+N_MELS = 128
+F_MIN = 20
+F_MAX = 16000
+N_FFT = 1024
+HOP_LEN = 512
+
+# Make function to find classes in target directory
+def find_classes(directory: str):
+    # 1. Get the class names by scanning the target directory
+    classes = sorted(entry.name for entry in os.scandir(directory) if entry.is_dir())
+    # 2. Raise an error if class names not found
+    if not classes:
+        raise FileNotFoundError(f"Couldn't find any classes in {directory}.")
+    # 3. Crearte a dictionary of index labels (computers prefer numerical rather than string labels)
+    class_to_idx = {cls_name: i for i, cls_name in enumerate(classes)}
+    return classes, class_to_idx
+
+def resample(wav, sample_rate, new_sample_rate):
+    if wav.shape[0] >= 2:
+        wav = torch.mean(wav, dim=0)
+    else:
+        wav = wav.squeeze(0)
+    if sample_rate > new_sample_rate:
+        resampler = Resample(sample_rate, new_sample_rate)
+        wav = resampler(wav)
+    return wav
+
+def mono_to_color(X, eps=1e-6, mean=None, std=None):
+    X = np.stack([X, X, X], axis=-1)
+    # Standardize
+    mean = mean or X.mean()
+    std = std or X.std()
+    X = (X - mean) / (std + eps)
+    # Normalize to [0, 255]
+    _min, _max = X.min(), X.max()
+    if (_max - _min) > eps:
+        V = np.clip(X, _min, _max)
+        V = 255 * (V - _min) / (_max - _min)
+        V = V.astype(np.uint8)
+    else:
+        V = np.zeros_like(X, dtype=np.uint8)
+    return V
+
+def normalize(image, mean=None, std=None):
+    image = image / 255.0
+    if mean is not None and std is not None:
+        image = (image - mean) / std
+    return np.moveaxis(image, 2, 0).astype(np.float32)
+
+def compute_melspec(wav, sample_rate=SAMPLE_RATE):
+    melspec = librosa.feature.melspectrogram(
+        y=wav,
+        sr=sample_rate,
+        n_fft=N_FFT,
+        fmin=F_MIN,
+        fmax=F_MAX,
+        n_mels=N_MELS,
+        hop_length=HOP_LEN
+    )
+    melspec = librosa.power_to_db(melspec).astype(np.float32)
+    return melspec
+
+def audio_preprocess(wav, sample_rate):
+    wav = wav.numpy()
+    melspec = compute_melspec(wav, sample_rate)
+    image = mono_to_color(melspec)
+    image = normalize(image, mean=None, std=None)
+    image = torch.from_numpy(image)
+    return image
diff --git a/demo/musical_instrument_identification/requirements.txt b/demo/musical_instrument_identification/requirements.txt
new file mode 100644
index 0000000..6d940e5
--- /dev/null
+++ b/demo/musical_instrument_identification/requirements.txt
@@ -0,0 +1,5 @@
+torch==1.12.0
+torchvision==0.13.0
+torchaudio==0.12.0
+librosa==0.9.2
+gdown
\ No newline at end of file
diff --git a/demo/musical_instrument_identification/run.py b/demo/musical_instrument_identification/run.py
new file mode 100644
index 0000000..70c41c3
--- /dev/null
+++ b/demo/musical_instrument_identification/run.py
@@ -0,0 +1,51 @@
+import gradio as gr
+import torch
+import torchaudio  # type: ignore
+from timeit import default_timer as timer
+from data_setups import audio_preprocess, resample  # type: ignore
+import gdown  # type: ignore
+
+url = 'https://drive.google.com/uc?id=1X5CR18u0I-ZOi_8P0cNptCe5JGk9Ro0C'
+output = 'piano.wav'
+gdown.download(url, output, quiet=False)
+url = 'https://drive.google.com/uc?id=1W-8HwmGR5SiyDbUcGAZYYDKdCIst07__'
+output= 'torch_efficientnet_fold2_CNN.pth'
+gdown.download(url, output, quiet=False)
+device = "cuda" if torch.cuda.is_available() else "cpu"
+SAMPLE_RATE = 44100
+AUDIO_LEN = 2.90
+model = torch.load("torch_efficientnet_fold2_CNN.pth", map_location=torch.device('cpu'))
+LABELS = [
+    "Cello", "Clarinet", "Flute", "Acoustic Guitar", "Electric Guitar", "Organ", "Piano", "Saxophone", "Trumpet", "Violin", "Voice"
+]
+example_list = [
+    ["piano.wav"]
+]
+
+def predict(audio_path):
+    start_time = timer()
+    wavform, sample_rate = torchaudio.load(audio_path)
+    wav = resample(wavform, sample_rate, SAMPLE_RATE)
+    if len(wav) > int(AUDIO_LEN * SAMPLE_RATE):
+        wav = wav[:int(AUDIO_LEN * SAMPLE_RATE)]
+    else:
+        print(f"input length {len(wav)} too small!, need over {int(AUDIO_LEN * SAMPLE_RATE)}")
+        return
+    img = audio_preprocess(wav, SAMPLE_RATE).unsqueeze(0)
+    model.eval()
+    with torch.inference_mode():
+        pred_probs = torch.softmax(model(img), dim=1)
+    pred_labels_and_probs = {LABELS[i]: float(pred_probs[0][i]) for i in range(len(LABELS))}
+    pred_time = round(timer() - start_time, 5)
+    return pred_labels_and_probs, pred_time
+
+demo = gr.Interface(fn=predict,
+                    inputs=gr.Audio(type="filepath"),
+                    outputs=[gr.Label(num_top_classes=11, label="Predictions"),
+                             gr.Number(label="Prediction time (s)")],
+                    examples=example_list,
+                    cache_examples=False,
+                    api_name="predict"
+                    )
+
+demo.launch(debug=False)
diff --git a/demo/native_plots/bar_plot_demo.py b/demo/native_plots/bar_plot_demo.py
new file mode 100644
index 0000000..23bddf6
--- /dev/null
+++ b/demo/native_plots/bar_plot_demo.py
@@ -0,0 +1,80 @@
+import gradio as gr
+from data import temp_sensor_data, food_rating_data  # type: ignore
+
+with gr.Blocks() as bar_plots:
+    with gr.Row():
+        start = gr.DateTime("2021-01-01 00:00:00", label="Start")
+        end = gr.DateTime("2021-01-05 00:00:00", label="End")
+        apply_btn = gr.Button("Apply", scale=0)
+    with gr.Row():
+        group_by = gr.Radio(["None", "30m", "1h", "4h", "1d"], value="None", label="Group by")
+        aggregate = gr.Radio(["sum", "mean", "median", "min", "max"], value="sum", label="Aggregation")
+
+    with gr.Draggable():
+        temp_by_time = gr.BarPlot(
+            temp_sensor_data,
+            x="time",
+            y="temperature",
+            buttons=["export"],
+        )
+        temp_by_time_location = gr.BarPlot(
+            temp_sensor_data,
+            x="time",
+            y="temperature",
+            color="location",
+            buttons=["export"],
+        )
+
+    time_graphs = [temp_by_time, temp_by_time_location]
+    group_by.change(
+        lambda group: [gr.BarPlot(x_bin=None if group == "None" else group)] * len(time_graphs),
+        group_by,
+        time_graphs
+    )
+    aggregate.change(
+        lambda aggregate: [gr.BarPlot(y_aggregate=aggregate)] * len(time_graphs),
+        aggregate,
+        time_graphs
+    )
+
+    def rescale(select: gr.SelectData):
+        return select.index
+    rescale_evt = gr.on([plot.select for plot in time_graphs], rescale, None, [start, end])
+
+    for trigger in [apply_btn.click, rescale_evt.then]:
+        trigger(
+            lambda start, end: [gr.BarPlot(x_lim=[start, end])] * len(time_graphs), [start, end], time_graphs
+        )
+
+    with gr.Row():
+        price_by_cuisine = gr.BarPlot(
+            food_rating_data,
+            x="cuisine",
+            y="price",
+            buttons=["export"],
+        )
+        with gr.Column(scale=0):
+            gr.Button("Sort $ > $$$").click(lambda: gr.BarPlot(sort="y"), None, price_by_cuisine)
+            gr.Button("Sort $$$ > $").click(lambda: gr.BarPlot(sort="-y"), None, price_by_cuisine)
+            gr.Button("Sort A > Z").click(lambda: gr.BarPlot(sort=["Chinese", "Italian", "Mexican"]), None, price_by_cuisine)
+
+    with gr.Row():
+        price_by_rating = gr.BarPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            x_bin=1,
+            buttons=["export"],
+        )
+        price_by_rating_color = gr.BarPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            color="cuisine",
+            x_bin=1,
+            color_map={"Italian": "red", "Mexican": "green", "Chinese": "blue"},
+            buttons=["export"],
+        )
+
+if __name__ == "__main__":
+    bar_plots.launch()
diff --git a/demo/native_plots/data.py b/demo/native_plots/data.py
new file mode 100644
index 0000000..52aef79
--- /dev/null
+++ b/demo/native_plots/data.py
@@ -0,0 +1,20 @@
+import pandas as pd
+from random import randint, random
+
+temp_sensor_data = pd.DataFrame(
+    {
+        "time": pd.date_range("2021-01-01", end="2021-01-05", periods=200),
+        "temperature": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "humidity": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "location": ["indoor", "outdoor"] * 100,
+    }
+)
+
+food_rating_data = pd.DataFrame(
+    {
+        "cuisine": [["Italian", "Mexican", "Chinese"][i % 3] for i in range(100)],
+        "rating": [random() * 4 + 0.5 * (i % 3) for i in range(100)],
+        "price": [randint(10, 50) + 4 * (i % 3) for i in range(100)],
+        "wait": [random() for i in range(100)],
+    }
+)
diff --git a/demo/native_plots/line_plot_demo.py b/demo/native_plots/line_plot_demo.py
new file mode 100644
index 0000000..de89bf9
--- /dev/null
+++ b/demo/native_plots/line_plot_demo.py
@@ -0,0 +1,75 @@
+import gradio as gr
+from data import temp_sensor_data, food_rating_data  # type: ignore
+
+with gr.Blocks() as line_plots:
+    with gr.Row():
+        start = gr.DateTime("2021-01-01 00:00:00", label="Start")
+        end = gr.DateTime("2021-01-05 00:00:00", label="End")
+        apply_btn = gr.Button("Apply", scale=0)
+    with gr.Row():
+        group_by = gr.Radio(["None", "30m", "1h", "4h", "1d"], value="None", label="Group by")
+        aggregate = gr.Radio(["sum", "mean", "median", "min", "max"], value="sum", label="Aggregation")
+
+    temp_by_time = gr.LinePlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+        buttons=["export"],
+    )
+    temp_by_time_location = gr.LinePlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+        color="location",
+        buttons=["export"],
+    )
+
+    time_graphs = [temp_by_time, temp_by_time_location]
+    group_by.change(
+        lambda group: [gr.LinePlot(x_bin=None if group == "None" else group)] * len(time_graphs),
+        group_by,
+        time_graphs
+    )
+    aggregate.change(
+        lambda aggregate: [gr.LinePlot(y_aggregate=aggregate)] * len(time_graphs),
+        aggregate,
+        time_graphs
+    )
+
+    def rescale(select: gr.SelectData):
+        return select.index
+    rescale_evt = gr.on([plot.select for plot in time_graphs], rescale, None, [start, end])
+
+    for trigger in [apply_btn.click, rescale_evt.then]:
+        trigger(
+            lambda start, end: [gr.LinePlot(x_lim=[start, end])] * len(time_graphs), [start, end], time_graphs
+        )
+
+    price_by_cuisine = gr.LinePlot(
+        food_rating_data,
+        x="cuisine",
+        y="price",
+        buttons=["export"],
+    )
+    with gr.Row():
+        price_by_rating = gr.LinePlot(
+            food_rating_data,
+            title="Price by Rating (for Ratings >2)",
+            x="rating",
+            y="price",
+            x_lim=[2, None],
+            buttons=["export"],
+        )
+        price_by_rating_color = gr.LinePlot(
+            food_rating_data,
+            title="Price by Rating (for Ratings <4)",
+            x="rating",
+            y="price",
+            x_lim=[None, 4],
+            color="cuisine",
+            color_map={"Italian": "red", "Mexican": "green", "Chinese": "blue"},
+            buttons=["export"],
+        )
+
+if __name__ == "__main__":
+    line_plots.launch()
diff --git a/demo/native_plots/requirements.txt b/demo/native_plots/requirements.txt
new file mode 100644
index 0000000..fe1f1ac
--- /dev/null
+++ b/demo/native_plots/requirements.txt
@@ -0,0 +1,2 @@
+vega_datasets
+pandas
diff --git a/demo/native_plots/run.py b/demo/native_plots/run.py
new file mode 100644
index 0000000..afad277
--- /dev/null
+++ b/demo/native_plots/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+from scatter_plot_demo import scatter_plots  # type: ignore
+from line_plot_demo import line_plots  # type: ignore
+from bar_plot_demo import bar_plots  # type: ignore
+
+with gr.Blocks() as demo:
+    with gr.Tabs():
+        with gr.TabItem("Line Plot"):
+            line_plots.render()
+        with gr.TabItem("Scatter Plot"):
+            scatter_plots.render()
+        with gr.TabItem("Bar Plot"):
+            bar_plots.render()
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/native_plots/scatter_plot_demo.py b/demo/native_plots/scatter_plot_demo.py
new file mode 100644
index 0000000..bdd6340
--- /dev/null
+++ b/demo/native_plots/scatter_plot_demo.py
@@ -0,0 +1,71 @@
+import gradio as gr
+from data import temp_sensor_data, food_rating_data  # type: ignore
+
+with gr.Blocks() as scatter_plots:
+    with gr.Row():
+        start = gr.DateTime("2021-01-01 00:00:00", label="Start")
+        end = gr.DateTime("2021-01-05 00:00:00", label="End")
+        apply_btn = gr.Button("Apply", scale=0)
+    with gr.Row():
+        group_by = gr.Radio(["None", "30m", "1h", "4h", "1d"], value="None", label="Group by")
+        aggregate = gr.Radio(["sum", "mean", "median", "min", "max"], value="sum", label="Aggregation")
+
+    temp_by_time = gr.ScatterPlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+        buttons=["export"],
+    )
+    temp_by_time_location = gr.ScatterPlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+        color="location",
+        buttons=["export"],
+    )
+
+    time_graphs = [temp_by_time, temp_by_time_location]
+    group_by.change(
+        lambda group: [gr.ScatterPlot(x_bin=None if group == "None" else group)] * len(time_graphs),
+        group_by,
+        time_graphs
+    )
+    aggregate.change(
+        lambda aggregate: [gr.ScatterPlot(y_aggregate=aggregate)] * len(time_graphs),
+        aggregate,
+        time_graphs
+    )
+
+    # def rescale(select: gr.SelectData):
+    #     return select.index
+    # rescale_evt = gr.on([plot.select for plot in time_graphs], rescale, None, [start, end])
+
+    # for trigger in [apply_btn.click, rescale_evt.then]:
+    #     trigger(
+    #         lambda start, end: [gr.ScatterPlot(x_lim=[start, end])] * len(time_graphs), [start, end], time_graphs
+    #     )
+
+    price_by_cuisine = gr.ScatterPlot(
+        food_rating_data,
+        x="cuisine",
+        y="price",
+        buttons=["export"],
+    )
+    with gr.Row():
+        price_by_rating = gr.ScatterPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            color="wait",
+            buttons=["actions", "export"],  # type: ignore
+        )
+        price_by_rating_color = gr.ScatterPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            color="cuisine",
+            buttons=["export"],
+        )
+
+if __name__ == "__main__":
+    scatter_plots.launch()
diff --git a/demo/navbar_customization/run.py b/demo/navbar_customization/run.py
new file mode 100644
index 0000000..3ddf3f5
--- /dev/null
+++ b/demo/navbar_customization/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+with gr.Blocks(title="Navbar Demo") as demo:
+    navbar = gr.Navbar(value=[("About Me", "https://x.com/abidlabs")], visible=True, main_page_name="Dashboard")
+    gr.Markdown("# Dashboard Page")
+    hide_btn = gr.Button("Hide Navbar")
+    hide_btn.click(fn=lambda : gr.Navbar(visible=False), outputs=navbar)
+    show_btn = gr.Button("Show Navbar")
+    show_btn.click(fn=lambda : gr.Navbar(visible=True, main_page_name="Dashboard is Back!"), outputs=navbar)
+
+with demo.route("Settings", "/settings"):
+    gr.Markdown("# Settings Page")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/navbar_query_params/run.py b/demo/navbar_query_params/run.py
new file mode 100644
index 0000000..f741772
--- /dev/null
+++ b/demo/navbar_query_params/run.py
@@ -0,0 +1,65 @@
+"""This is a demo of a custom navbar that preserves query parameters from one page to the next."""
+
+import gradio as gr
+
+def update_navbar_with_query(choice):
+    """Updates navbar links to preserve query parameters"""
+    if choice:
+        return [("Main Page", f"?option={choice}"), ("Page 2", f"second?option={choice}")]
+    return [("Main Page", ""), ("Page 2", "second")]
+
+def update_dropdown_based_on_query(request: gr.Request):
+    """Updates dropdown based on query parameters"""
+    return request.query_params.get("option")
+
+update_url_js = """
+(choice) => {
+    console.log("choice", choice);
+    if (choice) {
+        const url = new URL(window.location);
+        url.searchParams.set('option', choice);
+        window.history.replaceState({}, '', url);
+    }
+    return choice;
+}
+"""
+
+with gr.Blocks() as demo:
+    gr.Markdown("If you select an option, and go to the second page, the option will be preserved.")
+
+    navbar1 = gr.Navbar(
+        value=[("Main Page", ""),("Page 2", "second")],
+        visible=True,
+        main_page_name=False,
+    )
+
+    dropdown1 = gr.Dropdown(
+        choices=["America", "Canada", "Pakistan"],
+        label="Select an option",
+        value=None
+    )
+
+    dropdown1.change(
+        fn=update_navbar_with_query,
+        inputs=[dropdown1],
+        outputs=[navbar1],
+        js=update_url_js
+    )
+
+with demo.route("second", show_in_navbar=False) as second_page:
+    navbar2 = gr.Navbar(
+        visible=True,
+        main_page_name=False,
+        value=[("Main Page", ""),("Page 2", "second")]
+    )
+    
+    dropdown2 = gr.Dropdown(
+        choices=["America", "Canada", "Pakistan"],
+        label="Select a value",
+        value=None
+    )
+
+    second_page.load(update_dropdown_based_on_query, None, dropdown2)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/neon-tts-plugin-coqui/DESCRIPTION.md b/demo/neon-tts-plugin-coqui/DESCRIPTION.md
new file mode 100644
index 0000000..d9e5f1c
--- /dev/null
+++ b/demo/neon-tts-plugin-coqui/DESCRIPTION.md
@@ -0,0 +1 @@
+This  demo converts text to speech in 14 languages.
\ No newline at end of file
diff --git a/demo/neon-tts-plugin-coqui/packages.txt b/demo/neon-tts-plugin-coqui/packages.txt
new file mode 100644
index 0000000..c5585ec
--- /dev/null
+++ b/demo/neon-tts-plugin-coqui/packages.txt
@@ -0,0 +1,2 @@
+libsndfile1
+espeak-ng
\ No newline at end of file
diff --git a/demo/neon-tts-plugin-coqui/requirements.txt b/demo/neon-tts-plugin-coqui/requirements.txt
new file mode 100644
index 0000000..96d8dd6
--- /dev/null
+++ b/demo/neon-tts-plugin-coqui/requirements.txt
@@ -0,0 +1 @@
+neon-tts-plugin-coqui==0.4.1a9
\ No newline at end of file
diff --git a/demo/neon-tts-plugin-coqui/run.py b/demo/neon-tts-plugin-coqui/run.py
new file mode 100644
index 0000000..7e73375
--- /dev/null
+++ b/demo/neon-tts-plugin-coqui/run.py
@@ -0,0 +1,19 @@
+import tempfile
+import gradio as gr
+from neon_tts_plugin_coqui import CoquiTTS  # type: ignore
+
+LANGUAGES = list(CoquiTTS.langs.keys())
+coquiTTS = CoquiTTS()
+
+def tts(text: str, language: str):
+    with tempfile.NamedTemporaryFile(suffix=".wav", delete=False) as fp:
+        coquiTTS.get_tts(text, fp, speaker = {"language" : language})
+        return fp.name
+
+inputs = [gr.Textbox(label="Input", value=CoquiTTS.langs["en"]["sentence"], max_lines=3),
+            gr.Radio(label="Language", choices=LANGUAGES, value="en")]
+outputs = gr.Audio(label="Output")
+
+demo = gr.Interface(fn=tts, inputs=inputs, outputs=outputs)
+
+demo.launch()
diff --git a/demo/ner_pipeline/requirements.txt b/demo/ner_pipeline/requirements.txt
new file mode 100644
index 0000000..39dab0f
--- /dev/null
+++ b/demo/ner_pipeline/requirements.txt
@@ -0,0 +1,2 @@
+torch
+transformers
\ No newline at end of file
diff --git a/demo/ner_pipeline/run.py b/demo/ner_pipeline/run.py
new file mode 100644
index 0000000..d084d05
--- /dev/null
+++ b/demo/ner_pipeline/run.py
@@ -0,0 +1,22 @@
+from transformers import pipeline
+
+import gradio as gr
+
+ner_pipeline = pipeline("ner")  # type: ignore
+
+examples = [
+    "Does Chicago have any stores and does Joe live here?",
+]
+
+def ner(text):
+    output = ner_pipeline(text)
+    return {"text": text, "entities": output}
+
+demo = gr.Interface(ner,
+             gr.Textbox(placeholder="Enter sentence here..."),
+             gr.HighlightedText(),
+             examples=examples,
+             api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/no_input/run.py b/demo/no_input/run.py
new file mode 100644
index 0000000..85ab99d
--- /dev/null
+++ b/demo/no_input/run.py
@@ -0,0 +1,16 @@
+import gradio as gr
+import random
+
+sentence_list = [
+    "Good morning!",
+    "Prayers are with you, have a safe day!",
+    "I love you!"
+]
+
+def random_sentence():
+    return sentence_list[random.randint(0, 2)]
+
+demo = gr.Interface(fn=random_sentence, inputs=None, outputs="text")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/number_component/run.py b/demo/number_component/run.py
new file mode 100644
index 0000000..6837665
--- /dev/null
+++ b/demo/number_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Number()
+
+demo.launch()
diff --git a/demo/on_listener_basic/run.py b/demo/on_listener_basic/run.py
new file mode 100644
index 0000000..26e3f2b
--- /dev/null
+++ b/demo/on_listener_basic/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+    trigger = gr.Textbox(label="Trigger Box")
+
+    def greet(name, evt_data: gr.EventData):
+        return "Hello " + name + "!", evt_data.target.__class__.__name__
+
+    def clear_name(evt_data: gr.EventData):
+        return ""
+
+    gr.on(
+        triggers=[name.submit, greet_btn.click],
+        fn=greet,
+        inputs=name,
+        outputs=[output, trigger],
+    ).then(clear_name, outputs=[name])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/on_listener_decorator/run.py b/demo/on_listener_decorator/run.py
new file mode 100644
index 0000000..ea3e14c
--- /dev/null
+++ b/demo/on_listener_decorator/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+
+    @gr.on(triggers=[name.submit, greet_btn.click], inputs=name, outputs=output)
+    def greet(name):
+        return "Hello " + name + "!"
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/on_listener_live/run.py b/demo/on_listener_live/run.py
new file mode 100644
index 0000000..f22c7d4
--- /dev/null
+++ b/demo/on_listener_live/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        num1 = gr.Slider(1, 10)
+        num2 = gr.Slider(1, 10)
+        num3 = gr.Slider(1, 10)
+    output = gr.Number(label="Sum")
+
+    @gr.on(inputs=[num1, num2, num3], outputs=output)
+    def sum(a, b, c):
+        return a + b + c
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/on_listener_test/run.py b/demo/on_listener_test/run.py
new file mode 100644
index 0000000..3fb6d17
--- /dev/null
+++ b/demo/on_listener_test/run.py
@@ -0,0 +1,24 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output")
+    greet_btn = gr.Button("Greet")
+    trigger = gr.Textbox(label="Trigger 1")
+    trigger2 = gr.Textbox(label="Trigger 2")
+
+    def greet(name, evt_data: gr.EventData):
+        return "Hello " + name + "!", evt_data.target.__class__.__name__
+
+    def clear_name(evt_data: gr.EventData):
+        return "", evt_data.target.__class__.__name__
+
+    gr.on(
+        triggers=[name.submit, greet_btn.click],
+        fn=greet,
+        inputs=name,
+        outputs=[output, trigger],
+    ).then(clear_name, outputs=[name, trigger2])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/outbreak_forecast/DESCRIPTION.md b/demo/outbreak_forecast/DESCRIPTION.md
new file mode 100644
index 0000000..dda5925
--- /dev/null
+++ b/demo/outbreak_forecast/DESCRIPTION.md
@@ -0,0 +1 @@
+Generate a plot based on 5 inputs.
\ No newline at end of file
diff --git a/demo/outbreak_forecast/requirements.txt b/demo/outbreak_forecast/requirements.txt
new file mode 100644
index 0000000..f513b41
--- /dev/null
+++ b/demo/outbreak_forecast/requirements.txt
@@ -0,0 +1,5 @@
+numpy
+matplotlib
+bokeh
+plotly
+altair
diff --git a/demo/outbreak_forecast/run.py b/demo/outbreak_forecast/run.py
new file mode 100644
index 0000000..3fa7c4c
--- /dev/null
+++ b/demo/outbreak_forecast/run.py
@@ -0,0 +1,83 @@
+import gradio as gr
+from math import sqrt
+import numpy as np
+import pandas as pd
+
+def outbreak(plot_type, r, month, countries, social_distancing):
+    months = ["January", "February", "March", "April", "May"]
+    m = months.index(month)
+    start_day = 30 * m
+    final_day = 30 * (m + 1)
+    x = np.arange(start_day, final_day + 1)
+    pop_count = {"USA": 350, "Canada": 40, "Mexico": 300, "UK": 120}
+    if social_distancing:
+        r = sqrt(r)
+    df = pd.DataFrame({"day": x})
+    for country in countries:
+        df[country] = x ** (r) * (pop_count[country] + 1)
+
+    if plot_type == "Matplotlib":
+        import matplotlib.pyplot as plt
+
+        fig = plt.figure()
+        plt.plot(df["day"], df[countries].to_numpy())
+        plt.title("Outbreak in " + month)
+        plt.ylabel("Cases")
+        plt.xlabel("Days since Day 0")
+        plt.legend(countries)
+        return fig
+    elif plot_type == "Plotly":
+        import plotly.express as px  # type: ignore
+
+        fig = px.line(df, x="day", y=countries)
+        fig.update_layout(
+            title="Outbreak in " + month,
+            xaxis_title="Cases",
+            yaxis_title="Days Since Day 0",
+        )
+        return fig
+    elif plot_type == "Altair":
+        import altair
+
+        df = df.melt(id_vars="day").rename(columns={"variable": "country"})
+        fig = altair.Chart(df).mark_line().encode(x="day", y="value", color="country")
+        return fig
+    elif plot_type == "Bokeh":
+        from bokeh.plotting import figure  # type: ignore
+        from bokeh.models import ColumnDataSource  # type: ignore
+
+        source = ColumnDataSource(df)
+        fig = figure(title="Outbreak in " + month, x_axis_label="Days since Day 0", y_axis_label="Cases")
+        for country in countries:
+            fig.line("day", country, source=source, legend_label=country)
+        return fig
+    else:
+        raise ValueError("A plot type must be selected")
+
+inputs = [
+    gr.Dropdown(["Matplotlib", "Plotly", "Altair", "Bokeh"], label="Plot Type", value="Matplotlib"),
+    gr.Slider(1, 4, 3.2, label="R"),
+    gr.Dropdown(["January", "February", "March", "April", "May"], label="Month", value="March"),
+    gr.CheckboxGroup(
+        ["USA", "Canada", "Mexico", "UK"], label="Countries", value=["USA", "Canada"]
+    ),
+    gr.Checkbox(label="Social Distancing?"),
+]
+outputs = gr.Plot()
+
+demo = gr.Interface(
+    fn=outbreak,
+    inputs=inputs,
+    outputs=outputs,
+    examples=[
+        ["Matplotlib", 2, "March", ["Mexico", "UK"], True],
+        ["Altair", 2, "March", ["Mexico", "Canada"], True],
+        ["Plotly", 3.6, "February", ["Canada", "Mexico", "UK"], False],
+        ["Bokeh", 3.2, "April", ["Canada", "UK"], False],
+    ],
+    cache_examples=True,
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/paramviewer_component/run.py b/demo/paramviewer_component/run.py
new file mode 100644
index 0000000..f9e52a5
--- /dev/null
+++ b/demo/paramviewer_component/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("The `round()` function in Python takes two parameters")
+    gr.ParamViewer(
+        {  # type: ignore
+           "number": {
+             "type": "int | float",
+             "description": "The number to round",
+             "default": None
+            },
+            "ndigits": {
+             "type": "int",
+             "description": "The number of digits to round to",
+             "default": "0"
+            }
+         }
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/pending_inputs/run.py b/demo/pending_inputs/run.py
new file mode 100644
index 0000000..4203caa
--- /dev/null
+++ b/demo/pending_inputs/run.py
@@ -0,0 +1,111 @@
+import gradio as gr
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Pending Input Components")
+    with gr.Row():
+        with gr.Column():
+            file = gr.File()
+            btn = gr.Button("Upload")
+        with gr.Column():
+            output_file = gr.File()
+            btn.click(
+                lambda s: (s),
+                file,
+                output_file,
+            )
+    with gr.Row():
+        with gr.Column():
+            img = gr.Image(type="filepath")
+            btn_2 = gr.Button("Upload")
+        with gr.Column():
+            output_file_2 = gr.File()
+            btn_2.click(
+                lambda s: (s),
+                img,
+                output_file_2,
+            )
+    with gr.Row():
+        with gr.Column():
+            audio = gr.Audio(type="filepath")
+            btn_3 = gr.Button("Upload")
+        with gr.Column():
+            output_file_3 = gr.File()
+            btn_3.click(
+                lambda s: (s),
+                audio,
+                output_file_3,
+            )
+    with gr.Row():
+        with gr.Column():
+            video = gr.Video()
+            btn_3 = gr.Button("Upload")
+        with gr.Column():
+            output_file_4 = gr.File()
+            btn_3.click(
+                lambda s: (s),
+                video,
+                output_file_4,
+            )
+    with gr.Row():
+        with gr.Column():
+            model3d = gr.Model3D()
+            btn_4 = gr.Button("Upload")
+        with gr.Column():
+            output_file_4 = gr.File()
+            btn_4.click(
+                lambda s: (s),
+                model3d,
+                output_file_4,
+            )
+
+    with gr.Row():
+        with gr.Column():
+            gallery = gr.Gallery()
+            btn_5 = gr.Button("Upload")
+        with gr.Column():
+            output_file_5 = gr.File(file_count="multiple")
+            btn_5.click(
+                lambda s: [x[0] for x in s],
+                gallery,
+                output_file_5,
+            )
+    # with gr.Row():
+    #     with gr.Column():
+    #         df = gr.Dataframe()
+    #         btn_6 = gr.Button("Upload")
+    #     with gr.Column():
+    #         output_file_6 = gr.File()
+    #         btn_6.click(
+    #             lambda s: (s),
+    #             df,
+    #             output_file_6,
+    #         )
+    with gr.Row():
+        with gr.Column():
+            imageslider = gr.ImageSlider(type="filepath")
+            btn_7 = gr.Button("Upload")
+        with gr.Column():
+            output_file_7 = gr.File()
+            btn_7.click(
+                lambda s: s[0],
+                imageslider,
+                output_file_7,
+            )
+    with gr.Row():
+        with gr.Column():
+            text = gr.MultimodalTextbox()
+            btn_8 = gr.Button("Upload")
+        with gr.Column():
+            output_file_8 = gr.File()
+            btn_8.click(
+                lambda s: s["files"],
+                text,
+                output_file_8,
+            )
+
+
+if __name__ == "__main__":
+    demo.launch(
+        allowed_paths=["/private/var/folders/3w/6btg016509v7b2lz9h7vwqv00000gn/T"]
+    )
diff --git a/demo/playback_position/run.py b/demo/playback_position/run.py
new file mode 100644
index 0000000..677496b
--- /dev/null
+++ b/demo/playback_position/run.py
@@ -0,0 +1,53 @@
+import gradio as gr
+from gradio.media import get_audio, get_video
+
+# Get the directory where this script is located
+with gr.Blocks() as demo:
+    with gr.Tab("Audio"):
+        gr.Markdown("## Audio Playback Position")
+        gr.Markdown("Click the button to see the current playback position of the audio.")
+
+        audio = gr.Audio(
+            value=get_audio("sax.wav"),
+            playback_position=2.0,
+            elem_id="audio",
+        )
+        audio_btn = gr.Button("Get Audio Playback Position")
+        audio_position = gr.Number(label="Current Audio Position (seconds)")
+
+        def print_audio_playback_pos(a: gr.Audio):
+            return a.playback_position
+
+        audio_btn.click(print_audio_playback_pos, inputs=audio, outputs=audio_position)
+
+        set_audio_time_btn = gr.Button("Set Audio Playback Position to 10 seconds")
+        def set_audio_playback_pos():
+            return gr.Audio(playback_position=10.0)
+        
+        set_audio_time_btn.click(set_audio_playback_pos, outputs=audio)
+
+    with gr.Tab("Video"):
+        gr.Markdown("## Video Playback Position")
+        gr.Markdown("Click the button to see the current playback position of the video.")
+
+        video = gr.Video(
+            value=get_video("world.mp4"),
+            playback_position=5.0,
+            elem_id="video",
+        )
+        video_btn = gr.Button("Get Video Playback Position")
+        video_position = gr.Number(label="Current Video Position (seconds)")
+
+        def print_video_playback_pos(v: gr.Video):
+            return v.playback_position
+
+        video_btn.click(print_video_playback_pos, inputs=video, outputs=video_position)
+
+        set_video_time_btn = gr.Button("Set Video Playback Position to 8 seconds")
+        def set_video_playback_pos():
+            return gr.Video(playback_position=8.0)
+        
+        set_video_time_btn.click(set_video_playback_pos, outputs=video)        
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/playback_position/sax.wav b/demo/playback_position/sax.wav
new file mode 100644
index 0000000..de6d16a
Binary files /dev/null and b/demo/playback_position/sax.wav differ
diff --git a/demo/playback_position/world.mp4 b/demo/playback_position/world.mp4
new file mode 100644
index 0000000..b11552f
Binary files /dev/null and b/demo/playback_position/world.mp4 differ
diff --git a/demo/plot_component/requirements.txt b/demo/plot_component/requirements.txt
new file mode 100644
index 0000000..8248f97
--- /dev/null
+++ b/demo/plot_component/requirements.txt
@@ -0,0 +1,2 @@
+matplotlib
+numpy
\ No newline at end of file
diff --git a/demo/plot_component/run.py b/demo/plot_component/run.py
new file mode 100644
index 0000000..8c92c01
--- /dev/null
+++ b/demo/plot_component/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+import matplotlib.pyplot as plt
+import numpy as np
+
+Fs = 8000
+f = 5
+sample = 8000
+x = np.arange(sample)
+y = np.sin(2 * np.pi * f * x / Fs)
+plt.plot(x, y)
+
+with gr.Blocks() as demo:
+    gr.Plot(value=plt)
+
+demo.launch()
diff --git a/demo/plot_guide_aggregate_nominal/data.py b/demo/plot_guide_aggregate_nominal/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_aggregate_nominal/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_aggregate_nominal/run.py b/demo/plot_guide_aggregate_nominal/run.py
new file mode 100644
index 0000000..929c914
--- /dev/null
+++ b/demo/plot_guide_aggregate_nominal/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    gr.BarPlot(df, x="ethnicity", y="height", y_aggregate="mean")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_aggregate_quantitative/data.py b/demo/plot_guide_aggregate_quantitative/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_aggregate_quantitative/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_aggregate_quantitative/run.py b/demo/plot_guide_aggregate_quantitative/run.py
new file mode 100644
index 0000000..2365a89
--- /dev/null
+++ b/demo/plot_guide_aggregate_quantitative/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    gr.BarPlot(df, x="weight", y="height", x_bin=10, y_aggregate="sum")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_aggregate_temporal/data.py b/demo/plot_guide_aggregate_temporal/data.py
new file mode 100644
index 0000000..e9c8e08
--- /dev/null
+++ b/demo/plot_guide_aggregate_temporal/data.py
@@ -0,0 +1,13 @@
+import pandas as pd
+import numpy as np
+import random
+from datetime import datetime, timedelta
+
+now = datetime.now()
+
+df = pd.DataFrame({
+    'time': [now - timedelta(minutes=5*i) for i in range(25)],
+    'price': np.random.randint(100, 1000, 25),
+    'origin': [random.choice(["DFW", "DAL", "HOU"]) for _ in range(25)],
+    'destination': [random.choice(["JFK", "LGA", "EWR"]) for _ in range(25)],
+})
diff --git a/demo/plot_guide_aggregate_temporal/run.py b/demo/plot_guide_aggregate_temporal/run.py
new file mode 100644
index 0000000..88b1fe9
--- /dev/null
+++ b/demo/plot_guide_aggregate_temporal/run.py
@@ -0,0 +1,11 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    plot = gr.BarPlot(df, x="time", y="price", x_bin="10m")
+
+    bins = gr.Radio(["10m", "30m", "1h"], label="Bin Size")
+    bins.change(lambda bins: gr.BarPlot(x_bin=bins), bins, plot)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_datetime/data.py b/demo/plot_guide_datetime/data.py
new file mode 100644
index 0000000..e9c8e08
--- /dev/null
+++ b/demo/plot_guide_datetime/data.py
@@ -0,0 +1,13 @@
+import pandas as pd
+import numpy as np
+import random
+from datetime import datetime, timedelta
+
+now = datetime.now()
+
+df = pd.DataFrame({
+    'time': [now - timedelta(minutes=5*i) for i in range(25)],
+    'price': np.random.randint(100, 1000, 25),
+    'origin': [random.choice(["DFW", "DAL", "HOU"]) for _ in range(25)],
+    'destination': [random.choice(["JFK", "LGA", "EWR"]) for _ in range(25)],
+})
diff --git a/demo/plot_guide_datetime/run.py b/demo/plot_guide_datetime/run.py
new file mode 100644
index 0000000..8865619
--- /dev/null
+++ b/demo/plot_guide_datetime/run.py
@@ -0,0 +1,14 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        start = gr.DateTime("now - 24h")
+        end = gr.DateTime("now")
+        apply_btn = gr.Button("Apply")
+    plot = gr.LinePlot(df, x="time", y="price")
+
+    apply_btn.click(lambda start, end: gr.BarPlot(x_lim=[start, end]), [start, end], plot)
+    
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_datetimerange/data.py b/demo/plot_guide_datetimerange/data.py
new file mode 100644
index 0000000..e9c8e08
--- /dev/null
+++ b/demo/plot_guide_datetimerange/data.py
@@ -0,0 +1,13 @@
+import pandas as pd
+import numpy as np
+import random
+from datetime import datetime, timedelta
+
+now = datetime.now()
+
+df = pd.DataFrame({
+    'time': [now - timedelta(minutes=5*i) for i in range(25)],
+    'price': np.random.randint(100, 1000, 25),
+    'origin': [random.choice(["DFW", "DAL", "HOU"]) for _ in range(25)],
+    'destination': [random.choice(["JFK", "LGA", "EWR"]) for _ in range(25)],
+})
diff --git a/demo/plot_guide_datetimerange/requirements.txt b/demo/plot_guide_datetimerange/requirements.txt
new file mode 100644
index 0000000..b0c6fc9
--- /dev/null
+++ b/demo/plot_guide_datetimerange/requirements.txt
@@ -0,0 +1 @@
+gradio_datetimerange
\ No newline at end of file
diff --git a/demo/plot_guide_datetimerange/run.py b/demo/plot_guide_datetimerange/run.py
new file mode 100644
index 0000000..ef9c3a9
--- /dev/null
+++ b/demo/plot_guide_datetimerange/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+from gradio_datetimerange import DateTimeRange  # type: ignore
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    daterange = DateTimeRange(["now - 24h", "now"])
+    plot1 = gr.LinePlot(df, x="time", y="price")
+    plot2 = gr.LinePlot(df, x="time", y="price", color="origin")
+    daterange.bind([plot1, plot2])
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_filters/data.py b/demo/plot_guide_filters/data.py
new file mode 100644
index 0000000..e9c8e08
--- /dev/null
+++ b/demo/plot_guide_filters/data.py
@@ -0,0 +1,13 @@
+import pandas as pd
+import numpy as np
+import random
+from datetime import datetime, timedelta
+
+now = datetime.now()
+
+df = pd.DataFrame({
+    'time': [now - timedelta(minutes=5*i) for i in range(25)],
+    'price': np.random.randint(100, 1000, 25),
+    'origin': [random.choice(["DFW", "DAL", "HOU"]) for _ in range(25)],
+    'destination': [random.choice(["JFK", "LGA", "EWR"]) for _ in range(25)],
+})
diff --git a/demo/plot_guide_filters/run.py b/demo/plot_guide_filters/run.py
new file mode 100644
index 0000000..985548d
--- /dev/null
+++ b/demo/plot_guide_filters/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        origin = gr.Dropdown(["All", "DFW", "DAL", "HOU"], value="All", label="Origin")
+        destination = gr.Dropdown(["All", "JFK", "LGA", "EWR"], value="All", label="Destination")
+        max_price = gr.Slider(0, 1000, value=1000, label="Max Price")
+
+    def filtered_data(origin, destination, max_price):
+        _df = df[df["price"] <= max_price]
+        if origin != "All":
+            _df = _df[_df["origin"] == origin]
+        if destination != "All":
+            _df = _df[_df["destination"] == destination]
+        return _df
+
+    gr.ScatterPlot(filtered_data, x="time", y="price", inputs=[origin, destination, max_price])
+    
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_filters_events/data.py b/demo/plot_guide_filters_events/data.py
new file mode 100644
index 0000000..e9c8e08
--- /dev/null
+++ b/demo/plot_guide_filters_events/data.py
@@ -0,0 +1,13 @@
+import pandas as pd
+import numpy as np
+import random
+from datetime import datetime, timedelta
+
+now = datetime.now()
+
+df = pd.DataFrame({
+    'time': [now - timedelta(minutes=5*i) for i in range(25)],
+    'price': np.random.randint(100, 1000, 25),
+    'origin': [random.choice(["DFW", "DAL", "HOU"]) for _ in range(25)],
+    'destination': [random.choice(["JFK", "LGA", "EWR"]) for _ in range(25)],
+})
diff --git a/demo/plot_guide_filters_events/run.py b/demo/plot_guide_filters_events/run.py
new file mode 100644
index 0000000..d2dc070
--- /dev/null
+++ b/demo/plot_guide_filters_events/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        origin = gr.Dropdown(["All", "DFW", "DAL", "HOU"], value="All", label="Origin")
+        destination = gr.Dropdown(["All", "JFK", "LGA", "EWR"], value="All", label="Destination")
+        max_price = gr.Slider(0, 1000, value=1000, label="Max Price")
+
+    plt = gr.ScatterPlot(df, x="time", y="price", inputs=[origin, destination, max_price])
+
+    @gr.on(inputs=[origin, destination, max_price], outputs=plt)
+    def filtered_data(origin, destination, max_price):
+        _df = df[df["price"] <= max_price]
+        if origin != "All":
+            _df = _df[_df["origin"] == origin]
+        if destination != "All":
+            _df = _df[_df["destination"] == destination]
+        return _df
+
+    
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_interactive/data.py b/demo/plot_guide_interactive/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_interactive/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_interactive/run.py b/demo/plot_guide_interactive/run.py
new file mode 100644
index 0000000..5003bba
--- /dev/null
+++ b/demo/plot_guide_interactive/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        ethnicity = gr.Dropdown(["all", "white", "black", "asian"], value="all")
+        max_age = gr.Slider(18, 65, value=65)
+
+    def filtered_df(ethnic, age):
+        _df = df if ethnic == "all" else df[df["ethnicity"] == ethnic]
+        _df = _df[_df["age"] < age]
+        return _df
+
+    gr.ScatterPlot(filtered_df, inputs=[ethnicity, max_age], x="weight", y="height", title="Weight x Height")
+    gr.LinePlot(filtered_df, inputs=[ethnicity, max_age], x="age", y="height", title="Age x Height")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_line/requirements.txt b/demo/plot_guide_line/requirements.txt
new file mode 100644
index 0000000..5da331c
--- /dev/null
+++ b/demo/plot_guide_line/requirements.txt
@@ -0,0 +1,2 @@
+numpy
+pandas
diff --git a/demo/plot_guide_line/run.py b/demo/plot_guide_line/run.py
new file mode 100644
index 0000000..10418e1
--- /dev/null
+++ b/demo/plot_guide_line/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
+
+with gr.Blocks() as demo:
+    gr.LinePlot(df, x="weight", y="height")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_scatter/data.py b/demo/plot_guide_scatter/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_scatter/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_scatter/run.py b/demo/plot_guide_scatter/run.py
new file mode 100644
index 0000000..6258559
--- /dev/null
+++ b/demo/plot_guide_scatter/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(df, x="weight", y="height")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_scatter_nominal/data.py b/demo/plot_guide_scatter_nominal/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_scatter_nominal/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_scatter_nominal/run.py b/demo/plot_guide_scatter_nominal/run.py
new file mode 100644
index 0000000..51ffa07
--- /dev/null
+++ b/demo/plot_guide_scatter_nominal/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(df, x="ethnicity", y="height")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_selection/data.py b/demo/plot_guide_selection/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_selection/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_selection/run.py b/demo/plot_guide_selection/run.py
new file mode 100644
index 0000000..1fc8db5
--- /dev/null
+++ b/demo/plot_guide_selection/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    plt = gr.LinePlot(df, x="weight", y="height")
+    selection_total = gr.Number(label="Total Weight of Selection")
+
+    def select_region(selection: gr.SelectData):
+        min_w, max_w = selection.index
+        return df[(df["weight"] >= min_w) & (df["weight"] <= max_w)]["weight"].sum()
+
+    plt.select(select_region, None, selection_total)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_series_nominal/data.py b/demo/plot_guide_series_nominal/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_series_nominal/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_series_nominal/run.py b/demo/plot_guide_series_nominal/run.py
new file mode 100644
index 0000000..7397501
--- /dev/null
+++ b/demo/plot_guide_series_nominal/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(df, x="weight", y="height", color="ethnicity")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_series_quantitative/data.py b/demo/plot_guide_series_quantitative/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_series_quantitative/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_series_quantitative/run.py b/demo/plot_guide_series_quantitative/run.py
new file mode 100644
index 0000000..fbf037b
--- /dev/null
+++ b/demo/plot_guide_series_quantitative/run.py
@@ -0,0 +1,8 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(df, x="weight", y="height", color="age")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_tables_stats/data.py b/demo/plot_guide_tables_stats/data.py
new file mode 100644
index 0000000..e9c8e08
--- /dev/null
+++ b/demo/plot_guide_tables_stats/data.py
@@ -0,0 +1,13 @@
+import pandas as pd
+import numpy as np
+import random
+from datetime import datetime, timedelta
+
+now = datetime.now()
+
+df = pd.DataFrame({
+    'time': [now - timedelta(minutes=5*i) for i in range(25)],
+    'price': np.random.randint(100, 1000, 25),
+    'origin': [random.choice(["DFW", "DAL", "HOU"]) for _ in range(25)],
+    'destination': [random.choice(["JFK", "LGA", "EWR"]) for _ in range(25)],
+})
diff --git a/demo/plot_guide_tables_stats/run.py b/demo/plot_guide_tables_stats/run.py
new file mode 100644
index 0000000..72b163d
--- /dev/null
+++ b/demo/plot_guide_tables_stats/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        gr.Label(len(df), label="Flight Count")
+        gr.Label(f"${df['price'].min()}", label="Cheapest Flight")
+    gr.DataFrame(df)
+
+    
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_temporal/requirements.txt b/demo/plot_guide_temporal/requirements.txt
new file mode 100644
index 0000000..5da331c
--- /dev/null
+++ b/demo/plot_guide_temporal/requirements.txt
@@ -0,0 +1,2 @@
+numpy
+pandas
diff --git a/demo/plot_guide_temporal/run.py b/demo/plot_guide_temporal/run.py
new file mode 100644
index 0000000..763d0d8
--- /dev/null
+++ b/demo/plot_guide_temporal/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+import pandas as pd
+import numpy as np
+import random
+
+from datetime import datetime, timedelta
+now = datetime.now()
+
+df = pd.DataFrame({
+    'time': [now - timedelta(minutes=5*i) for i in range(25)],
+    'price': np.random.randint(100, 1000, 25),
+    'origin': [random.choice(["DFW", "DAL", "HOU"]) for _ in range(25)],
+    'destination': [random.choice(["JFK", "LGA", "EWR"]) for _ in range(25)],
+})
+
+with gr.Blocks() as demo:
+    gr.LinePlot(df, x="time", y="price")
+    gr.ScatterPlot(df, x="time", y="price", color="origin")
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_zoom/data.py b/demo/plot_guide_zoom/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_zoom/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_zoom/run.py b/demo/plot_guide_zoom/run.py
new file mode 100644
index 0000000..2e1545b
--- /dev/null
+++ b/demo/plot_guide_zoom/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    plt = gr.LinePlot(df, x="weight", y="height")
+
+    def select_region(selection: gr.SelectData):
+        min_w, max_w = selection.index
+        return gr.LinePlot(x_lim=(min_w, max_w)) # type: ignore
+
+    plt.select(select_region, None, plt)
+    plt.double_click(lambda: gr.LinePlot(x_lim=None), None, plt)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/plot_guide_zoom_sync/data.py b/demo/plot_guide_zoom_sync/data.py
new file mode 100644
index 0000000..820e047
--- /dev/null
+++ b/demo/plot_guide_zoom_sync/data.py
@@ -0,0 +1,10 @@
+import pandas as pd
+import numpy as np
+import random
+
+df = pd.DataFrame({
+    'height': np.random.randint(50, 70, 25),
+    'weight': np.random.randint(120, 320, 25),
+    'age': np.random.randint(18, 65, 25),
+    'ethnicity': [random.choice(["white", "black", "asian"]) for _ in range(25)]
+})
diff --git a/demo/plot_guide_zoom_sync/run.py b/demo/plot_guide_zoom_sync/run.py
new file mode 100644
index 0000000..ee28095
--- /dev/null
+++ b/demo/plot_guide_zoom_sync/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+from data import df  # type: ignore
+
+with gr.Blocks() as demo:
+    plt1 = gr.LinePlot(df, x="weight", y="height")
+    plt2 = gr.BarPlot(df, x="weight", y="age", x_bin=10)
+    plots = [plt1, plt2]
+
+    def select_region(selection: gr.SelectData):
+        min_w, max_w = selection.index
+        return [gr.LinePlot(x_lim=(min_w, max_w))] * len(plots) # type: ignore
+
+    for plt in plots:
+        plt.select(select_region, None, plots)
+        plt.double_click(lambda: [gr.LinePlot(x_lim=None)] * len(plots), None, plots)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/progress/requirements.txt b/demo/progress/requirements.txt
new file mode 100644
index 0000000..8f2403e
--- /dev/null
+++ b/demo/progress/requirements.txt
@@ -0,0 +1,2 @@
+tqdm
+datasets
\ No newline at end of file
diff --git a/demo/progress/run.py b/demo/progress/run.py
new file mode 100644
index 0000000..33b6cc5
--- /dev/null
+++ b/demo/progress/run.py
@@ -0,0 +1,96 @@
+import gradio as gr
+import random
+import time
+import tqdm
+from datasets import load_dataset  # type: ignore
+import shutil
+from uuid import uuid4
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        text = gr.Textbox()
+        textb = gr.Textbox()
+    with gr.Row():
+        load_set_btn = gr.Button("Load Set")
+        load_nested_set_btn = gr.Button("Load Nested Set")
+        load_random_btn = gr.Button("Load Random")
+        clean_imgs_btn = gr.Button("Clean Images")
+        wait_btn = gr.Button("Wait")
+        do_all_btn = gr.Button("Do All")
+        track_tqdm_btn = gr.Button("Bind TQDM")
+        bind_internal_tqdm_btn = gr.Button("Bind Internal TQDM")
+
+    text2 = gr.Textbox()
+
+    # track list
+    def load_set(text, text2, progress=gr.Progress()):
+        imgs = [None] * 24
+        for img in progress.tqdm(imgs, desc="Loading from list"):
+            time.sleep(0.1)
+        return "done"
+    load_set_btn.click(load_set, [text, textb], text2)
+
+    # track nested list
+    def load_nested_set(text, text2, progress=gr.Progress()):
+        imgs = [[None] * 8] * 3
+        for img_set in progress.tqdm(imgs, desc="Nested list"):
+            time.sleep(2)
+            for img in progress.tqdm(img_set, desc="inner list"):
+                time.sleep(0.1)
+        return "done"
+    load_nested_set_btn.click(load_nested_set, [text, textb], text2)
+
+    # track iterable of unknown length
+    def load_random(data, progress=gr.Progress()):
+        def yielder():
+            for i in range(0, random.randint(15, 20)):
+                time.sleep(0.1)
+                yield None
+        for img in progress.tqdm(yielder()):
+            pass
+        return "done"
+    load_random_btn.click(load_random, {text, textb}, text2)
+
+    # manual progress
+    def clean_imgs(text, progress=gr.Progress()):
+        progress(0.2, desc="Collecting Images")
+        time.sleep(1)
+        progress(0.5, desc="Cleaning Images")
+        time.sleep(1.5)
+        progress(0.8, desc="Sending Images")
+        time.sleep(1.5)
+        return "done"
+    clean_imgs_btn.click(clean_imgs, text, text2)
+
+    # no progress
+    def wait(text):
+        time.sleep(4)
+        return "done"
+    wait_btn.click(wait, text, text2)
+
+    # multiple progressions
+    def do_all(data, progress=gr.Progress()):
+        load_set(data[text], data[textb], progress)
+        load_random(data, progress)
+        clean_imgs(data[text], progress)
+        progress(None)
+        wait(text)
+        return "done"
+    do_all_btn.click(do_all, {text, textb}, text2)
+
+    def track_tqdm(data, progress=gr.Progress(track_tqdm=True)):
+        for i in tqdm.tqdm(range(5), desc="outer"):
+            for j in tqdm.tqdm(range(4), desc="inner"):
+                time.sleep(1)
+        return "done"
+    track_tqdm_btn.click(track_tqdm, {text, textb}, text2)
+
+    def bind_internal_tqdm(data, progress=gr.Progress(track_tqdm=True)):
+        outdir = "__tmp/" + str(uuid4())
+        load_dataset("beans", split="train", cache_dir=outdir)
+        shutil.rmtree(outdir)
+        return "done"
+    bind_internal_tqdm_btn.click(bind_internal_tqdm, {text, textb}, text2)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/progress_component/requirements.txt b/demo/progress_component/requirements.txt
new file mode 100644
index 0000000..fa9cf06
--- /dev/null
+++ b/demo/progress_component/requirements.txt
@@ -0,0 +1 @@
+tqdm
\ No newline at end of file
diff --git a/demo/progress_component/run.py b/demo/progress_component/run.py
new file mode 100644
index 0000000..e824b2e
--- /dev/null
+++ b/demo/progress_component/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+import time
+
+def load_set(progress=gr.Progress()):
+    imgs = [None] * 24
+    for img in progress.tqdm(imgs, desc="Loading..."):
+        time.sleep(0.1)
+    return "Loaded"
+
+with gr.Blocks() as demo:
+    load = gr.Button("Load")
+    label = gr.Label(label="Loader")
+    load.click(load_set, outputs=label)
+
+demo.launch()
diff --git a/demo/progress_simple/run.py b/demo/progress_simple/run.py
new file mode 100644
index 0000000..e3acd8e
--- /dev/null
+++ b/demo/progress_simple/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+import time
+
+def slowly_reverse(word, progress=gr.Progress()):
+    progress(0, desc="Starting")
+    time.sleep(1)
+    progress(0.05)
+    new_string = ""
+    for letter in progress.tqdm(word, desc="Reversing"):
+        time.sleep(0.25)
+        new_string = letter + new_string  # type: ignore
+    return new_string
+
+demo = gr.Interface(slowly_reverse, gr.Text(), gr.Text(), api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/queue_full_e2e_test/run.py b/demo/queue_full_e2e_test/run.py
new file mode 100644
index 0000000..140d013
--- /dev/null
+++ b/demo/queue_full_e2e_test/run.py
@@ -0,0 +1,37 @@
+import gradio as gr
+import time
+import random
+
+n_calls = 0
+
+def get_random_number():
+    global n_calls
+    if n_calls == 1:
+        n_calls += 1
+        raise gr.Error("This is a gradio error")
+    n_calls += 1
+    time.sleep(5)
+    return random.randrange(1, 10)
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            first = gr.Button("First Call")
+            second = gr.Button("Second Call")
+            third = gr.Button("Third Call")
+            fourth = gr.Button("Fourth Call")
+        with gr.Column():
+            first_o = gr.Number(label="First Result")
+            second_o = gr.Number(label="Second Result")
+            third_o = gr.Number(label="Third Result")
+            fourth_o = gr.Number(label="Fourth Result")
+
+    first.click(get_random_number, None, first_o, concurrency_id="f")
+    second.click(get_random_number, None, second_o, concurrency_id="f")
+    third.click(get_random_number, None, third_o, concurrency_id="f")
+    fourth.click(get_random_number, None, fourth_o, concurrency_id="f")
+
+demo.queue(max_size=2)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/radio_component/run.py b/demo/radio_component/run.py
new file mode 100644
index 0000000..0abbccd
--- /dev/null
+++ b/demo/radio_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Radio(choices=["First Choice", "Second Choice", "Third Choice"])
+
+demo.launch()
diff --git a/demo/random_demos.py b/demo/random_demos.py
new file mode 100644
index 0000000..c5d25fe
--- /dev/null
+++ b/demo/random_demos.py
@@ -0,0 +1,38 @@
+"""Opens X demos randomly for quick inspection
+
+Usage: python random_demos.py <num_demos>
+Example: python random_demos.py 8
+"""
+
+from __future__ import annotations
+
+import argparse
+import importlib
+import pathlib
+import os
+import random
+
+import gradio as gr
+
+parser = argparse.ArgumentParser()
+parser.add_argument("num_demos", help="number of demos to launch", type=int, default=4)
+args = parser.parse_args()
+
+# get the list of directory names
+demos_list = next(os.walk(pathlib.Path(__file__).parent))[1]
+
+# Some demos are just too large or need to be run in a special way, so we'll just skip them
+large_demos = ['streaming_wav2vec', 'blocks_neural_instrument_coding', '.gradio/flagged']
+for large_demo in large_demos:
+    if large_demo in demos_list:
+        demos_list.remove(large_demo)
+
+for d, demo_name in enumerate(random.sample(demos_list, args.num_demos)):
+    print(f"Launching demo {d+1}/{args.num_demos}: {demo_name}")
+    # import the run.py file from inside the directory specified by args.demo_name
+    run = importlib.import_module(f"{demo_name}.run")
+    demo: gr.Blocks = run.demo  # type: ignore
+    if d == args.num_demos - 1:
+        demo.launch(prevent_thread_lock=False, inbrowser=True)  # prevent main thread from exiting
+    else:
+        demo.launch(prevent_thread_lock=True, inbrowser=True)
diff --git a/demo/rapid_generation/run.py b/demo/rapid_generation/run.py
new file mode 100644
index 0000000..3d967b0
--- /dev/null
+++ b/demo/rapid_generation/run.py
@@ -0,0 +1,44 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(elem_id="chatbot")
+
+    with gr.Row():
+        num1 = gr.Number(label="a")
+        num2 = gr.Number(label="b")
+    with gr.Row():
+        num3 = gr.Number(label="c")
+        num4 = gr.Number(label="d")
+
+    btn = gr.Button("Start")
+
+    def add_user(history):
+        new_response = {"role": "user", "content": ""}
+        history.append(new_response)
+        for _ in range(10):
+            new_response["content"] += f"{len(history)} "
+            yield history
+
+    def add_bot(history):
+        response = {"role": "assistant", "content": ""}
+        history.append(response)
+        for _ in range(10):
+            response["content"] += f"{len(history)} "
+            yield history
+
+    chat_evt = btn.click(add_user, chatbot, chatbot).then(add_bot, chatbot, chatbot)
+    for _ in range(10):
+        chat_evt = chat_evt.then(add_user, chatbot, chatbot).then(
+            add_bot, chatbot, chatbot
+        )
+
+    increase = lambda x: x + 1
+
+    btn_evt = btn.click(increase, num1, num2).then(increase, num2, num1)
+    btn_evt2 = btn.click(increase, num3, num4).then(increase, num4, num3)
+    for _ in range(10):
+        btn_evt = btn_evt.then(increase, num1, num2).then(increase, num2, num1)
+        btn_evt2 = btn_evt2.then(increase, num3, num4).then(increase, num4, num3)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/rate_limit/run.py b/demo/rate_limit/run.py
new file mode 100644
index 0000000..bbcf1f0
--- /dev/null
+++ b/demo/rate_limit/run.py
@@ -0,0 +1,114 @@
+import gradio as gr
+from datetime import datetime, timedelta
+from collections import defaultdict
+import threading
+
+rate_limit_data = defaultdict(list)
+lock = threading.Lock()
+
+UNAUTH_RATE_LIMIT = 3
+AUTH_RATE_LIMIT = 30
+RATE_LIMIT_WINDOW = 60
+
+def clean_old_entries(user_id):
+    """Remove entries older than the rate limit window"""
+    current_time = datetime.now()
+    cutoff_time = current_time - timedelta(seconds=RATE_LIMIT_WINDOW)
+    rate_limit_data[user_id] = [
+        timestamp for timestamp in rate_limit_data[user_id]
+        if timestamp > cutoff_time
+    ]
+
+def get_user_identifier(profile: gr.OAuthProfile | None, request: gr.Request) -> tuple[str, bool]:
+    """Get user identifier and whether they're authenticated"""
+    if profile is not None:
+        return profile.username, True
+    else:
+        if request:
+            return f"ip_{request.client.host}", False
+        return "ip_unknown", False
+
+def check_rate_limit(user_id: str, is_authenticated: bool) -> tuple[bool, int, int]:
+    """
+    Check if user has exceeded rate limit
+    Returns: (can_proceed, clicks_used, max_clicks)
+    """
+    with lock:
+        clean_old_entries(user_id)
+        
+        max_clicks = AUTH_RATE_LIMIT if is_authenticated else UNAUTH_RATE_LIMIT
+        clicks_used = len(rate_limit_data[user_id])
+        
+        can_proceed = clicks_used < max_clicks
+        
+        return can_proceed, clicks_used, max_clicks
+
+def add_click(user_id: str):
+    """Add a click timestamp for the user"""
+    with lock:
+        rate_limit_data[user_id].append(datetime.now())
+
+def update_status(profile: gr.OAuthProfile | None, request: gr.Request) -> str:
+    """Update the status message showing current rate limit info"""
+    user_id, is_authenticated = get_user_identifier(profile, request)
+    _, clicks_used, max_clicks = check_rate_limit(user_id, is_authenticated)
+    
+    if is_authenticated:
+        return f"✅ You are logged in as '{profile.username}'. You have clicked {clicks_used} times this minute. You have {max_clicks} total clicks per minute."  # type: ignore
+    else:
+        return f"⚠️ You are not logged in. You have clicked {clicks_used} times this minute. You have {max_clicks} total clicks per minute."
+
+def run_action(profile: gr.OAuthProfile | None, request: gr.Request) -> tuple[str, str]:
+    """Handle the run button click with rate limiting"""
+    user_id, is_authenticated = get_user_identifier(profile, request)
+    can_proceed, clicks_used, max_clicks = check_rate_limit(user_id, is_authenticated)
+    
+    if not can_proceed:
+        result = f"❌ Rate limit exceeded! You've used all {max_clicks} clicks for this minute. Please wait before trying again."
+        status = update_status(profile, request)
+        return result, status
+    
+    add_click(user_id)
+    
+    _, new_clicks_used, _ = check_rate_limit(user_id, is_authenticated)
+    
+    result = f"✅ Action executed successfully! (Click #{new_clicks_used})"
+    status = update_status(profile, request)
+    
+    return result, status
+
+with gr.Blocks(title="Rate Limiting Demo") as demo:
+    gr.Markdown("# Rate Limiting Demo App")
+    gr.Markdown("This app demonstrates rate limiting based on authentication status.")
+    
+    gr.LoginButton()
+    
+    status_text = gr.Markdown("Loading status...")
+    
+    with gr.Row():
+        run_btn = gr.Button("🚀 Run Action", variant="primary", scale=1)
+    
+    result_text = gr.Markdown("")
+    
+    demo.load(update_status, inputs=None, outputs=status_text)
+    
+    run_btn.click(
+        run_action,
+        inputs=None,
+        outputs=[result_text, status_text]
+    )
+    
+    gr.Markdown("---")
+    gr.Markdown("""
+    ### Rate Limits:
+    - **Not logged in:** 3 clicks per minute (based on IP address)
+    - **Logged in:** 30 clicks per minute (based on HF username)
+    
+    ### How it works:
+    - Click the **Login** button to authenticate with Hugging Face
+    - Click the **Run Action** button to test the rate limiting
+    - The system tracks your clicks over a rolling 1-minute window
+    """)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/reload_mode/functions.py b/demo/reload_mode/functions.py
new file mode 100644
index 0000000..cd391eb
--- /dev/null
+++ b/demo/reload_mode/functions.py
@@ -0,0 +1,8 @@
+import gradio as gr
+
+if gr.NO_RELOAD:
+    def get_status(): # type: ignore
+        return "full"
+else:
+    def get_status():
+        return "reloaded"
diff --git a/demo/reload_mode/run.py b/demo/reload_mode/run.py
new file mode 100644
index 0000000..85cd7e6
--- /dev/null
+++ b/demo/reload_mode/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+from functions import get_status  # type: ignore
+
+if gr.NO_RELOAD:
+    def eat(food): # type: ignore
+        if food > 0:
+            return {food_box: food - 1, status_box: "full"}
+        else:
+            return {status_box: "hungry"}
+else:
+    def eat(food):
+        return {status_box: get_status()}
+
+
+with gr.Blocks() as demo:
+    food_box = gr.Number(value=10, label="Food Count!!")
+    status_box = gr.Textbox(label="Status")
+
+    gr.Button("Eat").click(fn=eat,
+                           inputs=food_box,
+                           outputs=[food_box, status_box])
+
+demo.launch()
diff --git a/demo/render_heavy_concurrently/run.py b/demo/render_heavy_concurrently/run.py
new file mode 100644
index 0000000..798ced2
--- /dev/null
+++ b/demo/render_heavy_concurrently/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+import random
+
+with gr.Blocks() as demo:
+
+    with gr.Row():
+
+        @gr.render()
+        def render():
+            for _ in range(500):
+                gr.Textbox(str(random.randint(0, 100)))
+            gr.Button("DONE 1")
+
+        @gr.render()
+        def render2():
+            for _ in range(500):
+                gr.Textbox(str(random.randint(0, 100)))
+            gr.Button("DONE 2")
+
+if __name__ == "__main__":
+    demo.queue(default_concurrency_limit=64).launch()
diff --git a/demo/render_merge/run.py b/demo/render_merge/run.py
new file mode 100644
index 0000000..1f37106
--- /dev/null
+++ b/demo/render_merge/run.py
@@ -0,0 +1,40 @@
+import gradio as gr
+import time
+
+with gr.Blocks() as demo:
+    text_count = gr.Slider(1, 5, value=1, step=1, label="Textbox Count")
+
+    @gr.render(inputs=text_count)
+    def render_count(count):
+        boxes = []
+        for i in range(count):
+            box = gr.Textbox(label=f"Box {i}")
+            boxes.append(box)
+
+        def merge(*args):
+            time.sleep(0.2)  # simulate a delay
+            return " ".join(args)
+
+        merge_btn.click(merge, boxes, output)
+
+        def clear():
+            time.sleep(0.2)  # simulate a delay
+            return [" "] * count
+
+        clear_btn.click(clear, None, boxes)
+
+        def countup():
+            time.sleep(0.2)  # simulate a delay
+            return list(range(count))
+
+        count_btn.click(countup, None, boxes, queue=False)
+
+    with gr.Row():
+        merge_btn = gr.Button("Merge")
+        clear_btn = gr.Button("Clear")
+        count_btn = gr.Button("Count")
+
+    output = gr.Textbox()
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/render_merge_simple/run.py b/demo/render_merge_simple/run.py
new file mode 100644
index 0000000..4632d58
--- /dev/null
+++ b/demo/render_merge_simple/run.py
@@ -0,0 +1,24 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    text_count = gr.State(1)
+    add_btn = gr.Button("Add Box")
+    add_btn.click(lambda x: x + 1, text_count, text_count)
+
+    @gr.render(inputs=text_count)
+    def render_count(count):
+        boxes = []
+        for i in range(count):
+            box = gr.Textbox(key=i, label=f"Box {i}")
+            boxes.append(box)
+
+        def merge(*args):
+            return " ".join(args)
+
+        merge_btn.click(merge, boxes, output)
+
+    merge_btn = gr.Button("Merge")
+    output = gr.Textbox(label="Merged Output")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/render_queue_false/run.py b/demo/render_queue_false/run.py
new file mode 100644
index 0000000..5c52a4a
--- /dev/null
+++ b/demo/render_queue_false/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    input_text = gr.Textbox(label="Input Text")
+
+    @gr.render(inputs=input_text, queue=False)
+    def show_split(text):
+        if len(text) == 0:
+            gr.Markdown("## No Input Provided")
+        else:
+            for letter in text:
+                with gr.Row():
+                    text = gr.Textbox(letter, label=f"Letter {letter}")
+                    btn = gr.Button("Clear")
+                    btn.click(lambda: gr.Textbox(value=""), None, text)
+
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/render_split/run.py b/demo/render_split/run.py
new file mode 100644
index 0000000..f65b120
--- /dev/null
+++ b/demo/render_split/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    input_text = gr.Textbox(label="input")
+    mode = gr.Radio(["textbox", "button"], value="textbox")
+
+    @gr.render(inputs=[input_text, mode], triggers=[input_text.submit])
+    def show_split(text, mode):
+        if len(text) == 0:
+            gr.Markdown("## No Input Provided")
+        else:
+            for letter in text:
+                if mode == "textbox":
+                    gr.Textbox(letter)
+                else:
+                    gr.Button(letter)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/render_split_simple/run.py b/demo/render_split_simple/run.py
new file mode 100644
index 0000000..0863241
--- /dev/null
+++ b/demo/render_split_simple/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    input_text = gr.Textbox(label="input")
+
+    @gr.render(inputs=input_text)
+    def show_split(text):
+        if len(text) == 0:
+            gr.Markdown("## No Input Provided")
+        else:
+            for letter in text:
+                gr.Textbox(letter)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/render_tests/run.py b/demo/render_tests/run.py
new file mode 100644
index 0000000..8ce496f
--- /dev/null
+++ b/demo/render_tests/run.py
@@ -0,0 +1,89 @@
+from datetime import datetime
+
+import time
+import gradio as gr
+
+def update_log():
+    return datetime.now().timestamp()
+
+def get_target(evt: gr.EventData):
+    return evt.target
+
+def get_select_index(evt: gr.SelectData):
+    return evt.index
+
+with gr.Blocks() as demo:
+    gr.Textbox(value=update_log, every=0.5, label="Time")
+
+    slider = gr.Slider(1, 10, step=1, label="Slider")
+    @gr.render(inputs=[slider])
+    def show_log(s):
+        with gr.Row():
+            for i in range(s):
+                gr.Textbox(value=update_log,  every=0.5, label=f"Render {i + 1}")
+
+    slider2 = gr.Slider(1, 10, step=1, label="Box Count")
+    btn = gr.Button("Create Boxes")
+    @gr.render(inputs=[slider2], triggers=[btn.click])
+    def show_log_2(s):
+        for i in range(s):
+            gr.Textbox(value=str(i), label=f"Count {i + 1}")
+
+    with gr.Row():
+        selected_btn = gr.Textbox(label="Selected Button")
+        selected_chat = gr.Textbox(label="Selected Chat")
+    @gr.render(inputs=[slider])
+    def show_buttons(s):
+        with gr.Row():
+            with gr.Column():
+                for i in range(s):
+                    btn = gr.Button(f"Button {i + 1}")
+                    btn.click(get_target, None, selected_btn)
+            chatbot = gr.Chatbot([{"role": "user", "content": "Hello"}, {"role": "assistant", "content": "Hi"}, {"role": "user", "content": "How are you?"}, {"role": "assistant", "content": "I'm good."}])  # type: ignore
+            chatbot.select(get_select_index, None, selected_chat)
+
+    selectable_chat = gr.Chatbot([{"role": "user", "content": "chat1"}, {"role": "assistant", "content": "chat2"}, {"role": "user", "content": "chat3"}, {"role": "assistant", "content": "chat4"}])  # type: ignore
+
+    @gr.render(triggers=[selectable_chat.select])
+    def show_selected_chat(selection: gr.SelectData):
+        gr.Textbox(label="Trigger Index", value=selection.index)
+
+    @gr.render()
+    def examples_in_interface():
+        gr.Interface(lambda x:x, gr.Textbox(label="input"), gr.Textbox(), examples=[["test"]])
+
+    @gr.render()
+    def examples_in_blocks():
+        a = gr.Textbox(label="little textbox")
+        gr.Examples([["abc"], ["def"]], [a])
+
+    choices_count = gr.Slider(1, 10, 3, step=1, label="Choices")
+    @gr.render(choices_count)
+    def show_choices(count):
+        with gr.Row():
+            letter_choices = gr.Radio(list('abcdefghij')[:int(count)], label="Choices", key="choices", preserved_by_key=["value", "label"], interactive=True)
+            textbox = gr.Textbox(label="Set Label", value="Choices")
+
+            textbox.change(lambda l: gr.Radio(label=l), textbox, letter_choices)
+
+    timer = gr.Timer(0.5)
+
+    @gr.render(triggers=[timer.tick], show_progress="hidden")
+    def render():
+        a = gr.Textbox(label="box-a", key="a")
+        b = gr.Textbox(label="box-b", key="b")
+        a.change(lambda x: time.sleep(0.5) or x, a, b, key="a-b")
+        gr.Number(value=round(time.time(), 2))
+
+
+    render_tab = gr.Button("Render Tab")
+    @gr.render(triggers=[render_tab.click])
+    def test_render():
+        with gr.Tabs():
+            with gr.Tab():
+                gr.Textbox("This is a rendered tab", label="Rendered Tab")
+            with gr.Tab():
+                gr.Textbox("Another Tab", label="Another Tab")
+
+if __name__ == '__main__':
+    demo.launch()
diff --git a/demo/render_visibility/run.py b/demo/render_visibility/run.py
new file mode 100644
index 0000000..6c65cee
--- /dev/null
+++ b/demo/render_visibility/run.py
@@ -0,0 +1,44 @@
+import gradio as gr
+
+
+def greet(name):
+    return "Hello " + name + "!"
+
+
+with gr.Blocks() as demo:
+    with gr.Tabs():
+        with gr.TabItem("Tab 1"):
+            t = gr.Textbox("Some value", label="Name", visible=False, interactive=True)
+            with gr.Row():
+                show_btn = gr.Button("Show")
+                show_btn.click(lambda: gr.Textbox(visible=True), inputs=None, outputs=t)
+                hide_btn = gr.Button("Hide")
+            hide_btn.click(lambda: gr.Textbox(visible=False), inputs=None, outputs=t)
+
+        with gr.TabItem("Tab 2"):
+            t2 = gr.Textbox(
+                "Some other value", label="Name", visible=False, interactive=True
+            )
+            with gr.Row():
+                show_btn2 = gr.Button("Show")
+                show_btn2.click(
+                    lambda: gr.Textbox(visible=True), inputs=None, outputs=t2
+                )
+                hide_btn2 = gr.Button("Hide")
+                hide_btn2.click(
+                    lambda: gr.Textbox(visible=False), inputs=None, outputs=t2
+                )
+        with gr.TabItem("Tab 3"):
+            t3 = gr.ImageEditor(label="Name", visible=False, interactive=True)
+            with gr.Row():
+                show_btn3 = gr.Button("Show")
+                show_btn3.click(
+                    lambda: gr.Textbox(visible=True), inputs=None, outputs=t3
+                )
+                hide_btn3 = gr.Button("Hide")
+                hide_btn3.click(
+                    lambda: gr.Textbox(visible=False), inputs=None, outputs=t3
+                )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/request_ip_headers/run.py b/demo/request_ip_headers/run.py
new file mode 100644
index 0000000..7470229
--- /dev/null
+++ b/demo/request_ip_headers/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+def predict(text, request: gr.Request):
+    headers = request.headers
+    host = request.client.host
+    user_agent = request.headers["user-agent"]
+    return {
+        "ip": host,
+        "user_agent": user_agent,
+        "headers": headers,
+    }
+
+gr.Interface(predict, "text", "json", api_name="predict").launch()
diff --git a/demo/reverse_audio/requirements.txt b/demo/reverse_audio/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/reverse_audio/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/reverse_audio/run.py b/demo/reverse_audio/run.py
new file mode 100644
index 0000000..63eb477
--- /dev/null
+++ b/demo/reverse_audio/run.py
@@ -0,0 +1,27 @@
+
+import numpy as np
+
+import gradio as gr
+
+def reverse_audio(audio):
+    sr, data = audio
+    return (sr, np.flipud(data))
+
+input_audio = gr.Audio(
+    sources=["microphone"],
+    waveform_options=gr.WaveformOptions(
+        waveform_color="#01C6FF",
+        waveform_progress_color="#0066B4",
+        skip_length=2,
+        show_recording_waveform=False,
+    ),
+)
+demo = gr.Interface(
+    fn=reverse_audio,
+    inputs=input_audio,
+    outputs="audio",
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/reverse_audio/screenshot.png b/demo/reverse_audio/screenshot.png
new file mode 100644
index 0000000..7961516
Binary files /dev/null and b/demo/reverse_audio/screenshot.png differ
diff --git a/demo/reverse_audio_2/requirements.txt b/demo/reverse_audio_2/requirements.txt
new file mode 100644
index 0000000..296d654
--- /dev/null
+++ b/demo/reverse_audio_2/requirements.txt
@@ -0,0 +1 @@
+numpy
\ No newline at end of file
diff --git a/demo/reverse_audio_2/run.py b/demo/reverse_audio_2/run.py
new file mode 100644
index 0000000..83b6546
--- /dev/null
+++ b/demo/reverse_audio_2/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+import numpy as np
+
+def reverse_audio(audio):
+    sr, data = audio
+    return (sr, np.flipud(data))
+
+demo = gr.Interface(fn=reverse_audio,
+                    inputs="microphone",
+                    outputs="audio", api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/reversible_flow/run.py b/demo/reversible_flow/run.py
new file mode 100644
index 0000000..c19c9bb
--- /dev/null
+++ b/demo/reversible_flow/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+
+def increase(num):
+    return num + 1
+
+with gr.Blocks() as demo:
+    a = gr.Number(label="a")
+    b = gr.Number(label="b")
+    atob = gr.Button("a > b")
+    btoa = gr.Button("b > a")
+    atob.click(increase, a, b)
+    btoa.click(increase, b, a)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/rows_and_columns/run.py b/demo/rows_and_columns/run.py
new file mode 100644
index 0000000..b065098
--- /dev/null
+++ b/demo/rows_and_columns/run.py
@@ -0,0 +1,20 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        text1 = gr.Textbox(label="t1")
+        slider2 = gr.Textbox(label="s2")
+        drop3 = gr.Dropdown(["a", "b", "c"], label="d3")
+    with gr.Row():
+        with gr.Column(scale=1, min_width=300):
+            text1 = gr.Textbox(label="prompt 1")
+            text2 = gr.Textbox(label="prompt 2")
+            inbtw = gr.Button("Between")
+            text4 = gr.Textbox(label="prompt 1")
+            text5 = gr.Textbox(label="prompt 2")
+        with gr.Column(scale=2, min_width=300):
+            img1 = gr.Image("images/cheetah.jpg")
+            btn = gr.Button("Go")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/rt-detr-object-detection/3285790-hd_1920_1080_30fps.mp4 b/demo/rt-detr-object-detection/3285790-hd_1920_1080_30fps.mp4
new file mode 100644
index 0000000..4f1821d
Binary files /dev/null and b/demo/rt-detr-object-detection/3285790-hd_1920_1080_30fps.mp4 differ
diff --git a/demo/rt-detr-object-detection/draw_boxes.py b/demo/rt-detr-object-detection/draw_boxes.py
new file mode 100644
index 0000000..9a0442e
--- /dev/null
+++ b/demo/rt-detr-object-detection/draw_boxes.py
@@ -0,0 +1,45 @@
+from PIL import ImageDraw, ImageFont  # type: ignore
+import colorsys
+
+
+def get_color(label):
+    # Simple hash function to generate consistent colors for each label
+    hash_value = hash(label)
+    hue = (hash_value % 100) / 100.0
+    saturation = 0.7
+    value = 0.9
+    rgb = colorsys.hsv_to_rgb(hue, saturation, value)
+    return tuple(int(x * 255) for x in rgb)
+
+
+def draw_bounding_boxes(image, results: dict, model, threshold=0.3):
+    draw = ImageDraw.Draw(image)
+    font = ImageFont.load_default()
+
+    for score, label_id, box in zip(
+        results["scores"], results["labels"], results["boxes"]
+    ):
+        if score > threshold:
+            label = model.config.id2label[label_id.item()]
+            box = [round(i, 2) for i in box.tolist()]
+            color = get_color(label)
+
+            # Draw bounding box
+            draw.rectangle(box, outline=color, width=3) # type: ignore
+
+            # Prepare text
+            text = f"{label}: {score:.2f}"
+            text_bbox = draw.textbbox((0, 0), text, font=font)
+            text_width = text_bbox[2] - text_bbox[0]
+            text_height = text_bbox[3] - text_bbox[1]
+
+            # Draw text background
+            draw.rectangle(
+                [box[0], box[1] - text_height - 4, box[0] + text_width, box[1]], # type: ignore
+                fill=color, # type: ignore
+            )
+
+            # Draw text
+            draw.text((box[0], box[1] - text_height - 4), text, fill="white", font=font)
+
+    return image
diff --git a/demo/rt-detr-object-detection/requirements.txt b/demo/rt-detr-object-detection/requirements.txt
new file mode 100644
index 0000000..b1c8b94
--- /dev/null
+++ b/demo/rt-detr-object-detection/requirements.txt
@@ -0,0 +1,5 @@
+safetensors==0.4.3
+opencv-python
+torch
+transformers>=4.43.0
+Pillow
diff --git a/demo/rt-detr-object-detection/run.py b/demo/rt-detr-object-detection/run.py
new file mode 100644
index 0000000..4c320f1
--- /dev/null
+++ b/demo/rt-detr-object-detection/run.py
@@ -0,0 +1,121 @@
+# type: ignore
+import spaces
+import gradio as gr
+import cv2  # type: ignore
+from PIL import Image
+import torch
+import time
+import numpy as np
+import uuid
+
+from transformers import RTDetrForObjectDetection, RTDetrImageProcessor  # type: ignore
+
+from draw_boxes import draw_bounding_boxes
+
+image_processor = RTDetrImageProcessor.from_pretrained("PekingU/rtdetr_r50vd")
+model = RTDetrForObjectDetection.from_pretrained("PekingU/rtdetr_r50vd").to("cuda")
+
+
+SUBSAMPLE = 2
+
+
+@spaces.GPU
+def stream_object_detection(video, conf_threshold):
+    cap = cv2.VideoCapture(video)
+
+    video_codec = cv2.VideoWriter_fourcc(*"mp4v")  # type: ignore
+    fps = int(cap.get(cv2.CAP_PROP_FPS))
+
+    desired_fps = fps // SUBSAMPLE
+    width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH)) // 2
+    height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT)) // 2
+
+    iterating, frame = cap.read()
+
+    n_frames = 0
+
+    name = f"output_{uuid.uuid4()}.mp4"
+    segment_file = cv2.VideoWriter(name, video_codec, desired_fps, (width, height))  # type: ignore
+    batch = []
+
+    while iterating:
+        frame = cv2.resize(frame, (0, 0), fx=0.5, fy=0.5)
+        frame = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
+        if n_frames % SUBSAMPLE == 0:
+            batch.append(frame)
+        if len(batch) == 2 * desired_fps:
+            inputs = image_processor(images=batch, return_tensors="pt").to("cuda")
+
+            print(f"starting batch of size {len(batch)}")
+            start = time.time()
+            with torch.no_grad():
+                outputs = model(**inputs)
+            end = time.time()
+            print("time taken for inference", end - start)
+
+            start = time.time()
+            boxes = image_processor.post_process_object_detection(
+                outputs,
+                target_sizes=torch.tensor([(height, width)] * len(batch)),
+                threshold=conf_threshold,
+            )
+
+            for _, (array, box) in enumerate(zip(batch, boxes)):
+                pil_image = draw_bounding_boxes(
+                    Image.fromarray(array), box, model, conf_threshold
+                )
+                frame = np.array(pil_image)
+                # Convert RGB to BGR
+                frame = frame[:, :, ::-1].copy()
+                segment_file.write(frame)
+
+            batch = []
+            segment_file.release()
+            yield name
+            end = time.time()
+            print("time taken for processing boxes", end - start)
+            name = f"output_{uuid.uuid4()}.mp4"
+            segment_file = cv2.VideoWriter(
+                name, video_codec, desired_fps, (width, height)
+            )  # type: ignore
+
+        iterating, frame = cap.read()
+        n_frames += 1
+
+
+with gr.Blocks() as demo:
+    gr.HTML(
+        """
+    <h1 style='text-align: center'>
+    Video Object Detection with <a href='https://huggingface.co/PekingU/rtdetr_r101vd_coco_o365' target='_blank'>RT-DETR</a>
+    </h1>
+    """
+    )
+    with gr.Row():
+        with gr.Column():
+            video = gr.Video(label="Video Source")
+            conf_threshold = gr.Slider(
+                label="Confidence Threshold",
+                minimum=0.0,
+                maximum=1.0,
+                step=0.05,
+                value=0.30,
+            )
+        with gr.Column():
+            output_video = gr.Video(
+                label="Processed Video", streaming=True, autoplay=True
+            )
+
+    video.upload(
+        fn=stream_object_detection,
+        inputs=[video, conf_threshold],
+        outputs=[output_video],
+    )
+
+    gr.Examples(
+        examples=["3285790-hd_1920_1080_30fps.mp4"],
+        inputs=[video],
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/sales_projections/requirements.txt b/demo/sales_projections/requirements.txt
new file mode 100644
index 0000000..44974cf
--- /dev/null
+++ b/demo/sales_projections/requirements.txt
@@ -0,0 +1,3 @@
+pandas
+numpy
+matplotlib
\ No newline at end of file
diff --git a/demo/sales_projections/run.py b/demo/sales_projections/run.py
new file mode 100644
index 0000000..9ae38cc
--- /dev/null
+++ b/demo/sales_projections/run.py
@@ -0,0 +1,35 @@
+import matplotlib.pyplot as plt
+import numpy as np
+
+import gradio as gr
+
+def sales_projections(employee_data):
+    sales_data = employee_data.iloc[:, 1:4].astype("int").to_numpy()
+    regression_values = np.apply_along_axis(
+        lambda row: np.array(np.poly1d(np.polyfit([0, 1, 2], row, 2))), 0, sales_data
+    )
+    projected_months = np.repeat(
+        np.expand_dims(np.arange(3, 12), 0), len(sales_data), axis=0
+    )
+    projected_values = np.array(
+        [
+            month * month * regression[0] + month * regression[1] + regression[2]
+            for month, regression in zip(projected_months, regression_values)
+        ]
+    )
+    plt.plot(projected_values.T)
+    plt.legend(employee_data["Name"])
+    return employee_data, plt.gcf(), regression_values
+
+demo = gr.Interface(
+    sales_projections,
+    gr.Dataframe(
+        headers=["Name", "Jan Sales", "Feb Sales", "Mar Sales"],
+        value=[["Jon", 12, 14, 18], ["Alice", 14, 17, 2], ["Sana", 8, 9.5, 12]],
+    ),
+    ["dataframe", "plot", "numpy"],
+    description="Enter sales figures for employees to predict sales trajectory over year.",
+    api_name="predict"
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/sales_projections/screenshot.gif b/demo/sales_projections/screenshot.gif
new file mode 100644
index 0000000..c13ffbc
Binary files /dev/null and b/demo/sales_projections/screenshot.gif differ
diff --git a/demo/same-person-or-different/DESCRIPTION.md b/demo/same-person-or-different/DESCRIPTION.md
new file mode 100644
index 0000000..f2821dc
--- /dev/null
+++ b/demo/same-person-or-different/DESCRIPTION.md
@@ -0,0 +1 @@
+This demo identifies if two speakers are the same person using Gradio's Audio and HTML components.
\ No newline at end of file
diff --git a/demo/same-person-or-different/packages.txt b/demo/same-person-or-different/packages.txt
new file mode 100644
index 0000000..a9f1eea
--- /dev/null
+++ b/demo/same-person-or-different/packages.txt
@@ -0,0 +1 @@
+ffmpeg
\ No newline at end of file
diff --git a/demo/same-person-or-different/requirements.txt b/demo/same-person-or-different/requirements.txt
new file mode 100644
index 0000000..baca898
--- /dev/null
+++ b/demo/same-person-or-different/requirements.txt
@@ -0,0 +1,2 @@
+git+https://github.com/huggingface/transformers
+torchaudio
diff --git a/demo/same-person-or-different/run.py b/demo/same-person-or-different/run.py
new file mode 100644
index 0000000..296c538
--- /dev/null
+++ b/demo/same-person-or-different/run.py
@@ -0,0 +1,104 @@
+# type: ignore
+import gradio as gr
+import torch
+from torchaudio.sox_effects import apply_effects_file  # type: ignore
+from transformers import AutoFeatureExtractor, AutoModelForAudioXVector
+device = torch.device("cuda" if torch.cuda.is_available() else "cpu")
+
+OUTPUT_OK = (
+    """
+    <div class="container">
+        <div class="row"><h1 style="text-align: center">The speakers are</h1></div>
+        <div class="row"><h1 class="display-1 text-success" style="text-align: center">{:.1f}%</h1></div>
+        <div class="row"><h1 style="text-align: center">similar</h1></div>
+        <div class="row"><h1 class="text-success" style="text-align: center">Welcome, human!</h1></div>
+        <div class="row"><small style="text-align: center">(You must get at least 85% to be considered the same person)</small><div class="row">
+    </div>
+"""
+)
+OUTPUT_FAIL = (
+    """
+    <div class="container">
+        <div class="row"><h1 style="text-align: center">The speakers are</h1></div>
+        <div class="row"><h1 class="display-1 text-danger" style="text-align: center">{:.1f}%</h1></div>
+        <div class="row"><h1 style="text-align: center">similar</h1></div>
+        <div class="row"><h1 class="text-danger" style="text-align: center">You shall not pass!</h1></div>
+        <div class="row"><small style="text-align: center">(You must get at least 85% to be considered the same person)</small><div class="row">
+    </div>
+"""
+)
+
+EFFECTS = [
+    ["remix", "-"],
+    ["channels", "1"],
+    ["rate", "16000"],
+    ["gain", "-1.0"],
+    ["silence", "1", "0.1", "0.1%", "-1", "0.1", "0.1%"],
+    ["trim", "0", "10"],
+]
+
+THRESHOLD = 0.85
+
+model_name = "microsoft/unispeech-sat-base-plus-sv"
+feature_extractor = AutoFeatureExtractor.from_pretrained(model_name)
+model = AutoModelForAudioXVector.from_pretrained(model_name).to(device)
+cosine_sim = torch.nn.CosineSimilarity(dim=-1)
+
+def similarity_fn(path1, path2):
+    if not (path1 and path2):
+        return '<b style="color:red">ERROR: Please record audio for *both* speakers!</b>'
+
+    wav1, _ = apply_effects_file(path1, EFFECTS)
+    wav2, _ = apply_effects_file(path2, EFFECTS)
+    print(wav1.shape, wav2.shape)
+
+    input1 = feature_extractor(wav1.squeeze(0), return_tensors="pt", sampling_rate=16000).input_values.to(device)
+    input2 = feature_extractor(wav2.squeeze(0), return_tensors="pt", sampling_rate=16000).input_values.to(device)
+
+    with torch.no_grad():
+        emb1 = model(input1).embeddings
+        emb2 = model(input2).embeddings
+    emb1 = torch.nn.functional.normalize(emb1, dim=-1).cpu()
+    emb2 = torch.nn.functional.normalize(emb2, dim=-1).cpu()
+    similarity = cosine_sim(emb1, emb2).numpy()[0]
+
+    if similarity >= THRESHOLD:
+        output = OUTPUT_OK.format(similarity * 100)
+    else:
+        output = OUTPUT_FAIL.format(similarity * 100)
+
+    return output
+
+inputs = [
+    gr.Audio(sources=["microphone"], type="filepath", label="Speaker #1"),
+    gr.Audio(sources=["microphone"], type="filepath", label="Speaker #2"),
+]
+output = gr.HTML(label="")
+
+description = (
+    "This demo from Microsoft will compare two speech samples and determine if they are from the same speaker. "
+    "Try it with your own voice!"
+)
+article = (
+    "<p style='text-align: center'>"
+    "<a href='https://huggingface.co/microsoft/unispeech-sat-large-sv' target='_blank'>🎙️ Learn more about UniSpeech-SAT</a> | "
+    "<a href='https://arxiv.org/abs/2110.05752' target='_blank'>📚 UniSpeech-SAT paper</a> | "
+    "<a href='https://www.danielpovey.com/files/2018_icassp_xvectors.pdf' target='_blank'>📚 X-Vector paper</a>"
+    "</p>"
+)
+examples = [
+    ["samples/cate_blanch.mp3", "samples/cate_blanch_2.mp3"],
+    ["samples/cate_blanch.mp3", "samples/heath_ledger.mp3"],
+]
+
+interface = gr.Interface(
+    fn=similarity_fn,
+    inputs=inputs,
+    outputs=output,
+    layout="horizontal",
+    flagging_mode="never",
+    live=False,
+    examples=examples,
+    cache_examples=False
+)
+interface.launch()
diff --git a/demo/save_file_no_output/run.py b/demo/save_file_no_output/run.py
new file mode 100644
index 0000000..64b1ac1
--- /dev/null
+++ b/demo/save_file_no_output/run.py
@@ -0,0 +1,17 @@
+import random
+import string
+import gradio as gr
+
+def save_image_random_name(image):
+    random_string = ''.join(random.choices(string.ascii_letters, k=20)) + '.png'
+    image.save(random_string)
+    print(f"Saved image to {random_string}!")
+
+demo = gr.Interface(
+    fn=save_image_random_name,
+    inputs=gr.Image(type="pil"),
+    outputs=None,
+    api_name="predict",
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/scatter_plot/requirements.txt b/demo/scatter_plot/requirements.txt
new file mode 100644
index 0000000..7e0e60e
--- /dev/null
+++ b/demo/scatter_plot/requirements.txt
@@ -0,0 +1,2 @@
+vega_datasets
+pandas
\ No newline at end of file
diff --git a/demo/scatter_plot/run.py b/demo/scatter_plot/run.py
new file mode 100644
index 0000000..1adb917
--- /dev/null
+++ b/demo/scatter_plot/run.py
@@ -0,0 +1,65 @@
+import gradio as gr
+from vega_datasets import data
+
+cars = data.cars()
+iris = data.iris()
+
+# # Or generate your own fake data
+
+# import pandas as pd
+# import random
+
+# cars_data = {
+#     "Name": ["car name " + f" {int(i/10)}" for i in range(400)],
+#     "Miles_per_Gallon": [random.randint(10, 30) for _ in range(400)],
+#     "Origin": [random.choice(["USA", "Europe", "Japan"]) for _ in range(400)],
+#     "Horsepower": [random.randint(50, 250) for _ in range(400)],
+# }
+
+# iris_data = {
+#     "petalWidth": [round(random.uniform(0, 2.5), 2) for _ in range(150)],
+#     "petalLength": [round(random.uniform(0, 7), 2) for _ in range(150)],
+#     "species": [
+#         random.choice(["setosa", "versicolor", "virginica"]) for _ in range(150)
+#     ],
+# }
+
+# cars = pd.DataFrame(cars_data)
+# iris = pd.DataFrame(iris_data)
+
+def scatter_plot_fn(dataset):
+    if dataset == "iris":
+        return gr.ScatterPlot(
+            value=iris,
+            x="petalWidth",
+            y="petalLength",
+            color="species",
+            title="Iris Dataset",
+            x_title="Petal Width",
+            y_title="Petal Length",
+            tooltip=["petalWidth", "petalLength", "species"],
+            caption="",
+        )
+    else:
+        return gr.ScatterPlot(
+            value=cars,
+            x="Horsepower",
+            y="Miles_per_Gallon",
+            color="Origin",
+            tooltip=["Name"],
+            title="Car Data",
+            y_title="Miles per Gallon",
+            caption="MPG vs Horsepower of various cars",
+        )
+
+with gr.Blocks() as scatter_plot:
+    with gr.Row():
+        with gr.Column():
+            dataset = gr.Dropdown(choices=["cars", "iris"], value="cars")
+        with gr.Column():
+            plot = gr.ScatterPlot()
+    dataset.change(scatter_plot_fn, inputs=dataset, outputs=plot)
+    scatter_plot.load(fn=scatter_plot_fn, inputs=dataset, outputs=plot)
+
+if __name__ == "__main__":
+    scatter_plot.launch()
diff --git a/demo/scatter_plot_demo/requirements.txt b/demo/scatter_plot_demo/requirements.txt
new file mode 100644
index 0000000..fb6c7ed
--- /dev/null
+++ b/demo/scatter_plot_demo/requirements.txt
@@ -0,0 +1 @@
+pandas
diff --git a/demo/scatter_plot_demo/run.py b/demo/scatter_plot_demo/run.py
new file mode 100644
index 0000000..0274b08
--- /dev/null
+++ b/demo/scatter_plot_demo/run.py
@@ -0,0 +1,78 @@
+import pandas as pd
+from random import randint, random
+import gradio as gr
+
+
+temp_sensor_data = pd.DataFrame(
+    {
+        "time": pd.date_range("2021-01-01", end="2021-01-05", periods=200),
+        "temperature": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "humidity": [randint(50 + 10 * (i % 2), 65 + 15 * (i % 2)) for i in range(200)],
+        "location": ["indoor", "outdoor"] * 100,
+    }
+)
+
+food_rating_data = pd.DataFrame(
+    {
+        "cuisine": [["Italian", "Mexican", "Chinese"][i % 3] for i in range(100)],
+        "rating": [random() * 4 + 0.5 * (i % 3) for i in range(100)],
+        "price": [randint(10, 50) + 4 * (i % 3) for i in range(100)],
+        "wait": [random() for i in range(100)],
+    }
+)
+
+with gr.Blocks() as scatter_plots:
+    with gr.Row():
+        start = gr.DateTime("2021-01-01 00:00:00", label="Start")
+        end = gr.DateTime("2021-01-05 00:00:00", label="End")
+        apply_btn = gr.Button("Apply", scale=0)
+    with gr.Row():
+        group_by = gr.Radio(["None", "30m", "1h", "4h", "1d"], value="None", label="Group by")
+        aggregate = gr.Radio(["sum", "mean", "median", "min", "max"], value="sum", label="Aggregation")
+
+    temp_by_time = gr.ScatterPlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+    )
+    temp_by_time_location = gr.ScatterPlot(
+        temp_sensor_data,
+        x="time",
+        y="temperature",
+        color="location",
+    )
+
+    time_graphs = [temp_by_time, temp_by_time_location]
+    group_by.change(
+        lambda group: [gr.ScatterPlot(x_bin=None if group == "None" else group)] * len(time_graphs),
+        group_by,
+        time_graphs
+    )
+    aggregate.change(
+        lambda aggregate: [gr.ScatterPlot(y_aggregate=aggregate)] * len(time_graphs),
+        aggregate,
+        time_graphs
+    )
+
+    price_by_cuisine = gr.ScatterPlot(
+        food_rating_data,
+        x="cuisine",
+        y="price",
+    )
+    with gr.Row():
+        price_by_rating = gr.ScatterPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            color="wait",
+            buttons=["actions"],  # type: ignore
+        )
+        price_by_rating_color = gr.ScatterPlot(
+            food_rating_data,
+            x="rating",
+            y="price",
+            color="cuisine",
+        )
+
+if __name__ == "__main__":
+    scatter_plots.launch()
diff --git a/demo/scatterplot_component/requirements.txt b/demo/scatterplot_component/requirements.txt
new file mode 100644
index 0000000..d1c8a7a
--- /dev/null
+++ b/demo/scatterplot_component/requirements.txt
@@ -0,0 +1 @@
+vega_datasets
\ No newline at end of file
diff --git a/demo/scatterplot_component/run.py b/demo/scatterplot_component/run.py
new file mode 100644
index 0000000..8fcf715
--- /dev/null
+++ b/demo/scatterplot_component/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+from vega_datasets import data
+
+cars = data.cars()
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(
+        value=cars,
+        x="Horsepower",
+        y="Miles_per_Gallon",
+        color="Origin",
+        tooltip=["Name"],
+        title="Car Data",
+        y_title="Miles per Gallon",
+        container=False,
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/score_tracker/run.py b/demo/score_tracker/run.py
new file mode 100644
index 0000000..c5570b4
--- /dev/null
+++ b/demo/score_tracker/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+scores = []
+
+def track_score(score):
+    scores.append(score)
+    top_scores = sorted(scores, reverse=True)[:3]
+    return top_scores
+
+demo = gr.Interface(
+    track_score,
+    gr.Number(label="Score"),
+    gr.JSON(label="Top Scores"),
+    api_name="predict"
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/sentence_builder/run.py b/demo/sentence_builder/run.py
new file mode 100644
index 0000000..dcb0f25
--- /dev/null
+++ b/demo/sentence_builder/run.py
@@ -0,0 +1,31 @@
+import gradio as gr
+
+def sentence_builder(quantity, animal, countries, place, activity_list, morning):
+    return f"""The {quantity} {animal}s from {" and ".join(countries)} went to the {place} where they {" and ".join(activity_list)} until the {"morning" if morning else "night"}"""
+
+demo = gr.Interface(
+    sentence_builder,
+    [
+        gr.Slider(2, 20, value=4, label="Count", info="Choose between 2 and 20"),
+        gr.Dropdown(
+            ["cat", "dog", "bird"], label="Animal", info="Will add more animals later!"
+        ),
+        gr.CheckboxGroup(["USA", "Japan", "Pakistan"], label="Countries", info="Where are they from?"),
+        gr.Radio(["park", "zoo", "road"], label="Location", info="Where did they go?"),
+        gr.Dropdown(
+            ["ran", "swam", "ate", "slept"], value=["swam", "slept"], multiselect=True, label="Activity", info="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed auctor, nisl eget ultricies aliquam, nunc nisl aliquet nunc, eget aliquam nisl nunc vel nisl."
+        ),
+        gr.Checkbox(label="Morning", info="Did they do it in the morning?"),
+    ],
+    "text",
+    api_name="predict",
+    examples=[
+        [2, "cat", ["Japan", "Pakistan"], "park", ["ate", "swam"], True],
+        [4, "dog", ["Japan"], "zoo", ["ate", "swam"], False],
+        [10, "bird", ["USA", "Pakistan"], "road", ["ran"], False],
+        [8, "cat", ["Pakistan"], "zoo", ["ate"], True],
+    ]
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/sentence_builder/screenshot.png b/demo/sentence_builder/screenshot.png
new file mode 100644
index 0000000..8cf53e4
Binary files /dev/null and b/demo/sentence_builder/screenshot.png differ
diff --git a/demo/sentiment_analysis/DESCRIPTION.md b/demo/sentiment_analysis/DESCRIPTION.md
new file mode 100644
index 0000000..affa1e8
--- /dev/null
+++ b/demo/sentiment_analysis/DESCRIPTION.md
@@ -0,0 +1 @@
+This sentiment analaysis demo takes in input text and returns its classification for either positive, negative or neutral using Gradio's Label output.
\ No newline at end of file
diff --git a/demo/sentiment_analysis/requirements.txt b/demo/sentiment_analysis/requirements.txt
new file mode 100644
index 0000000..6fa2de4
--- /dev/null
+++ b/demo/sentiment_analysis/requirements.txt
@@ -0,0 +1 @@
+nltk
\ No newline at end of file
diff --git a/demo/sentiment_analysis/run.py b/demo/sentiment_analysis/run.py
new file mode 100644
index 0000000..92e1693
--- /dev/null
+++ b/demo/sentiment_analysis/run.py
@@ -0,0 +1,20 @@
+import gradio as gr
+import nltk  # type: ignore
+from nltk.sentiment.vader import SentimentIntensityAnalyzer  # type: ignore
+
+nltk.download("vader_lexicon")
+sid = SentimentIntensityAnalyzer()
+
+def sentiment_analysis(text):
+    scores = sid.polarity_scores(text)
+    del scores["compound"]
+    return scores
+
+demo = gr.Interface(
+    fn=sentiment_analysis,
+    inputs=gr.Textbox(placeholder="Enter a positive or negative sentence here..."),
+    outputs="label",
+    examples=[["This is wonderful!"]],
+    api_name="predict")
+
+demo.launch()
diff --git a/demo/sepia_filter/requirements.txt b/demo/sepia_filter/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/sepia_filter/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/sepia_filter/run.py b/demo/sepia_filter/run.py
new file mode 100644
index 0000000..da90875
--- /dev/null
+++ b/demo/sepia_filter/run.py
@@ -0,0 +1,16 @@
+import numpy as np
+import gradio as gr
+
+def sepia(input_img):
+    sepia_filter = np.array([
+        [0.393, 0.769, 0.189],
+        [0.349, 0.686, 0.168],
+        [0.272, 0.534, 0.131]
+    ])
+    sepia_img = input_img.dot(sepia_filter.T)
+    sepia_img /= sepia_img.max()
+    return sepia_img
+
+demo = gr.Interface(sepia, gr.Image(), "image", api_name="predict")
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/sepia_filter/screenshot.gif b/demo/sepia_filter/screenshot.gif
new file mode 100644
index 0000000..076bdc2
Binary files /dev/null and b/demo/sepia_filter/screenshot.gif differ
diff --git a/demo/server_app/run.py b/demo/server_app/run.py
new file mode 100644
index 0000000..6a9cf21
--- /dev/null
+++ b/demo/server_app/run.py
@@ -0,0 +1,55 @@
+from gradio import Server
+from fastapi.responses import HTMLResponse
+
+app = Server()
+
+@app.mcp.tool(name="add")
+@app.api(name="add")
+def add(a: int, b: int) -> int:
+    """Add two numbers together."""
+    return a + b
+
+@app.mcp.tool(name="multiply")
+@app.api(name="multiply")
+def multiply(a: int, b: int) -> int:
+    """Multiply two numbers together."""
+    return a * b
+
+@app.get("/", response_class=HTMLResponse)
+async def homepage():
+    return """
+<!DOCTYPE html>
+<html>
+<head><title>Calculator</title>
+<style>
+  * { margin: 0; box-sizing: border-box; font-family: 'Courier New', monospace; }
+  body { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: #1a1a2e; color: #fff;}
+  .calc { background: #16213e; padding: 2rem; border-radius: 1rem; box-shadow: 0 8px 32px rgba(0,0,0,.4); width: 320px; }
+  #out { background: #0f3460; color: #0f0; font-size: 2rem; text-align: right; padding: .75rem 1rem; border-radius: .5rem; min-height: 3rem; margin-bottom: 1rem; }
+  .row { display: flex; gap: .5rem; margin-bottom: .5rem; }
+  input { flex: 1; min-width: 0; padding: .6rem; font-size: 1.2rem; border: none; border-radius: .5rem; background: #e2e2e2; text-align: center; }
+  button { flex: 1; padding: .6rem; font-size: 1rem; border: none; border-radius: .5rem; cursor: pointer; font-weight: bold; color: #fff; }
+  .add { background: #e94560; } .mul { background: #533483; }
+  button:hover { opacity: .85; }
+</style></head>
+<body>
+  <div class="calc">
+    <div id="out">0</div>
+    Operands
+    <div class="row"><input id="a" type="number" value="3"><input id="b" type="number" value="5"></div>
+    Operation
+    <div class="row"><button class="add" onclick="run('add')">+</button><button class="mul" onclick="run('multiply')">&times;</button></div>
+  </div>
+  <script type="module">
+    import { client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
+    const app = await client(location.origin);
+    window.run = async (ep) => {
+      const a = parseInt(document.getElementById("a").value), b = parseInt(document.getElementById("b").value);
+      document.getElementById("out").textContent = (await app.predict("/" + ep, { a, b })).data;
+    };
+  </script>
+</body>
+</html>"""
+
+if __name__ == "__main__":
+    app.launch(mcp_server=True)
diff --git a/demo/show_progress_on/run.py b/demo/show_progress_on/run.py
new file mode 100644
index 0000000..846e8a1
--- /dev/null
+++ b/demo/show_progress_on/run.py
@@ -0,0 +1,25 @@
+# This demo needs to be run from the repo folder.
+# python demo/fake_gan/run.py
+import time
+import gradio as gr
+from gradio.media import get_image
+
+def fake_gan():
+    time.sleep(5)
+    images = [
+        (get_image("cheetah.jpg"), f"label {i}")
+        for i in range(3)
+    ]
+    return images, "Done"
+
+with gr.Blocks() as demo:
+    gallery = gr.Gallery(
+        label="Generated images", show_label=False, elem_id="gallery"
+    , columns=1, object_fit="contain", height="auto")
+    t = gr.Textbox(label="Progress", elem_id="progress_textbox")
+    btn = gr.Button("Generate images", scale=0)
+
+    btn.click(fake_gan, None, [gallery, t], show_progress="minimal", show_progress_on=t)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/simple_state/run.py b/demo/simple_state/run.py
new file mode 100644
index 0000000..40836a8
--- /dev/null
+++ b/demo/simple_state/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    cart = gr.State([])
+    items_to_add = gr.CheckboxGroup(["Cereal", "Milk", "Orange Juice", "Water"])
+
+    def add_items(new_items, previous_cart):
+        cart = previous_cart + new_items
+        return cart
+
+    gr.Button("Add Items").click(add_items, [items_to_add, cart], cart)
+
+    cart_size = gr.Number(label="Cart Size")
+    cart.change(lambda cart: len(cart), cart, cart_size)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/sine_curve/requirements.txt b/demo/sine_curve/requirements.txt
new file mode 100644
index 0000000..5c84b3c
--- /dev/null
+++ b/demo/sine_curve/requirements.txt
@@ -0,0 +1,2 @@
+numpy
+plotly
diff --git a/demo/sine_curve/run.py b/demo/sine_curve/run.py
new file mode 100644
index 0000000..4ffeb6e
--- /dev/null
+++ b/demo/sine_curve/run.py
@@ -0,0 +1,29 @@
+import math
+import gradio as gr
+import plotly.express as px  # type: ignore
+import numpy as np
+
+plot_end = 2 * math.pi
+
+def get_plot(period=1):
+    global plot_end
+    x = np.arange(plot_end - 2 * math.pi, plot_end, 0.02)
+    y = np.sin(2*math.pi*period * x)
+    fig = px.line(x=x, y=y)
+    plot_end += 2 * math.pi
+    if plot_end > 1000:
+        plot_end = 2 * math.pi
+    return fig
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("Change the value of the slider to automatically update the plot")
+            period = gr.Slider(label="Period of plot", value=1, minimum=0, maximum=10, step=1)
+            plot = gr.Plot(label="Plot (updates every half second)")
+
+    dep = demo.load(get_plot, None, plot, every=1)
+    period.change(get_plot, period, plot, every=1, cancels=[dep])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/skip/run.py b/demo/skip/run.py
new file mode 100644
index 0000000..b43974b
--- /dev/null
+++ b/demo/skip/run.py
@@ -0,0 +1,16 @@
+import random
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        clear_button = gr.Button("Clear")
+        skip_button = gr.Button("Skip")
+        random_button = gr.Button("Random")
+    numbers = [gr.Number(), gr.Number()]
+
+    clear_button.click(lambda : (None, None), outputs=numbers)
+    skip_button.click(lambda : [gr.skip(), gr.skip()], outputs=numbers)
+    random_button.click(lambda : (random.randint(0, 100), random.randint(0, 100)), outputs=numbers)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/slider_component/run.py b/demo/slider_component/run.py
new file mode 100644
index 0000000..9a14f44
--- /dev/null
+++ b/demo/slider_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Slider()
+
+demo.launch()
diff --git a/demo/slider_release/run.py b/demo/slider_release/run.py
new file mode 100644
index 0000000..5564c61
--- /dev/null
+++ b/demo/slider_release/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+
+def identity(x, state):
+    state += 1
+    return x, state, state
+
+with gr.Blocks() as demo:
+    slider = gr.Slider(0, 100, step=0.1)
+    state = gr.State(value=0)
+    with gr.Row():
+        number = gr.Number(label="On release")
+        number2 = gr.Number(label="Number of events fired")
+    slider.release(identity, inputs=[slider, state], outputs=[number, state, number2], api_name="predict")
+
+if __name__ == "__main__":
+    print("here")
+    demo.launch()
+    print(demo.server_port)
diff --git a/demo/sort_records/polars_sort.csv b/demo/sort_records/polars_sort.csv
new file mode 100644
index 0000000..3620f4c
--- /dev/null
+++ b/demo/sort_records/polars_sort.csv
@@ -0,0 +1,4 @@
+Item,Quantity
+apple,56
+banana,12
+orange,30
diff --git a/demo/sort_records/run.py b/demo/sort_records/run.py
new file mode 100644
index 0000000..450e974
--- /dev/null
+++ b/demo/sort_records/run.py
@@ -0,0 +1,21 @@
+import gradio as gr
+
+def sort_records(records):
+    return records.sort("Quantity")
+
+demo = gr.Interface(
+    sort_records,
+    gr.Dataframe(
+        headers=["Item", "Quantity"],
+        datatype=["str", "number"],  # type: ignore
+        row_count=3,
+        column_count=2,
+        column_limits=(2, 2),
+        type="polars"
+    ),
+    "dataframe",
+    description="Sort by Quantity"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/sound_alert/beep.mp3 b/demo/sound_alert/beep.mp3
new file mode 100644
index 0000000..cd3a3ec
Binary files /dev/null and b/demo/sound_alert/beep.mp3 differ
diff --git a/demo/sound_alert/run.py b/demo/sound_alert/run.py
new file mode 100644
index 0000000..b99ddd0
--- /dev/null
+++ b/demo/sound_alert/run.py
@@ -0,0 +1,16 @@
+import time
+import gradio as gr
+
+js_function = "() => {new Audio('file=beep.mp3').play();}"
+
+def task(x):
+    time.sleep(2)
+    return "Hello, " + x
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="name")
+    greeting = gr.Textbox(label="greeting")
+    name.blur(task, name, greeting)
+    greeting.change(None, [], [], js=js_function)
+
+demo.launch()
diff --git a/demo/spectogram/requirements.txt b/demo/spectogram/requirements.txt
new file mode 100644
index 0000000..ca60345
--- /dev/null
+++ b/demo/spectogram/requirements.txt
@@ -0,0 +1,3 @@
+scipy
+numpy
+matplotlib
\ No newline at end of file
diff --git a/demo/spectogram/run.py b/demo/spectogram/run.py
new file mode 100644
index 0000000..78942bc
--- /dev/null
+++ b/demo/spectogram/run.py
@@ -0,0 +1,20 @@
+import matplotlib.pyplot as plt
+import numpy as np
+from scipy import signal  # ty: ignore[unresolved-import]
+
+import gradio as gr
+
+def spectrogram(audio):
+    sr, data = audio
+    if len(data.shape) == 2:
+        data = np.mean(data, axis=0)
+    frequencies, times, spectrogram_data = signal.spectrogram(
+        data, sr, window="hamming"
+    )
+    plt.pcolormesh(times, frequencies, np.log10(spectrogram_data))
+    return plt
+
+demo = gr.Interface(spectrogram, "audio", "plot", api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/spectogram/screenshot.png b/demo/spectogram/screenshot.png
new file mode 100644
index 0000000..3f8d9d1
Binary files /dev/null and b/demo/spectogram/screenshot.png differ
diff --git a/demo/stable-diffusion/DESCRIPTION.md b/demo/stable-diffusion/DESCRIPTION.md
new file mode 100644
index 0000000..0a59ff6
--- /dev/null
+++ b/demo/stable-diffusion/DESCRIPTION.md
@@ -0,0 +1 @@
+Note: This is a simplified version of the code needed to create the Stable Diffusion demo. See full code here: https://hf.co/spaces/stabilityai/stable-diffusion/tree/main
\ No newline at end of file
diff --git a/demo/stable-diffusion/requirements.txt b/demo/stable-diffusion/requirements.txt
new file mode 100644
index 0000000..7ae07ca
--- /dev/null
+++ b/demo/stable-diffusion/requirements.txt
@@ -0,0 +1,3 @@
+diffusers==0.32.2
+torch==2.5.1
+
diff --git a/demo/stable-diffusion/run.py b/demo/stable-diffusion/run.py
new file mode 100644
index 0000000..cde6de3
--- /dev/null
+++ b/demo/stable-diffusion/run.py
@@ -0,0 +1,88 @@
+import gradio as gr
+import torch
+from diffusers import StableDiffusionPipeline  # type: ignore
+from PIL import Image
+import os
+
+auth_token = os.getenv("HF_TOKEN")
+if not auth_token:
+    print(
+        "ERROR: No Hugging Face access token found.\n"
+        "Please define an environment variable 'auth_token' before running.\n"
+        "Example:\n"
+        "  export HF_TOKEN=XXXXXXXX\n"
+    )
+
+model_id = "CompVis/stable-diffusion-v1-4"
+device = "cpu"
+pipe = StableDiffusionPipeline.from_pretrained(
+    model_id, token=auth_token, variant="fp16", torch_dtype=torch.float16,
+)
+pipe = pipe.to(device)
+
+
+def infer(prompt, samples, steps, scale, seed):
+    generator = torch.Generator(device=device).manual_seed(seed)
+    images_list = pipe(  # type: ignore
+        [prompt] * samples,
+        num_inference_steps=steps,
+        guidance_scale=scale,
+        generator=generator,
+    )
+    images = []
+    safe_image = Image.open(r"unsafe.png")
+    for i, image in enumerate(images_list["sample"]):  # type: ignore
+        if images_list["nsfw_content_detected"][i]:  # type: ignore
+            images.append(safe_image)
+        else:
+            images.append(image)
+    return images
+
+
+block = gr.Blocks()
+
+with block:
+    with gr.Group():
+        with gr.Row():
+            text = gr.Textbox(
+                label="Enter your prompt",
+                max_lines=1,
+                placeholder="Enter your prompt",
+                container=False,
+            )
+            btn = gr.Button("Generate image")
+        gallery = gr.Gallery(
+            label="Generated images",
+            show_label=False,
+            elem_id="gallery",
+            columns=2,
+        )
+
+        advanced_button = gr.Button("Advanced options", elem_id="advanced-btn")
+
+        with gr.Row(elem_id="advanced-options"):
+            samples = gr.Slider(label="Images", minimum=1, maximum=4, value=4, step=1)
+            steps = gr.Slider(label="Steps", minimum=1, maximum=50, value=45, step=1)
+            scale = gr.Slider(
+                label="Guidance Scale", minimum=0, maximum=50, value=7.5, step=0.1
+            )
+            seed = gr.Slider(
+                label="Seed",
+                minimum=0,
+                maximum=2147483647,
+                step=1,
+                randomize=True,
+            )
+        gr.on(
+            [text.submit, btn.click],
+            infer,
+            inputs=[text, samples, steps, scale, seed],
+            outputs=gallery,
+        )
+        advanced_button.click(
+            None,
+            [],
+            text,
+        )
+
+block.launch()
diff --git a/demo/star_rating_component/run.py b/demo/star_rating_component/run.py
new file mode 100644
index 0000000..2fd4f56
--- /dev/null
+++ b/demo/star_rating_component/run.py
@@ -0,0 +1,45 @@
+import gradio as gr
+
+class StarRating(gr.HTML):
+    def __init__(self, label, value=0, **kwargs):
+        html_template = """
+        <h2>${label} rating:</h2>
+        ${Array.from({length: 5}, (_, i) => `<img class='${i < value ? '' : 'faded'}' src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>`).join('')}
+        """
+        css_template = """
+            img { height: 50px; display: inline-block; cursor: pointer; }
+            .faded { filter: grayscale(100%); opacity: 0.3; }
+        """
+        js_on_load = """
+            const imgs = element.querySelectorAll('img');
+            imgs.forEach((img, index) => {
+                img.addEventListener('click', () => {
+                    props.value = index + 1;
+                });
+            });
+        """
+        super().__init__(value=value, label=label, html_template=html_template, css_template=css_template, js_on_load=js_on_load, **kwargs)
+
+    def api_info(self):
+        return {"type": "integer", "minimum": 0, "maximum": 5}
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Restaurant Review")
+    food_rating = StarRating(label="Food", value=3)
+    service_rating = StarRating(label="Service", value=3)
+    ambience_rating = StarRating(label="Ambience", value=3)
+
+    average_btn = gr.Button("Calculate Average Rating")
+
+    rating_output = StarRating(label="Average", value=3)
+    def calculate_average(food, service, ambience):
+        return round((food + service + ambience) / 3)
+    average_btn.click(
+        fn=calculate_average,
+        inputs=[food_rating, service_rating, ambience_rating],
+        outputs=rating_output
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/star_rating_events/run.py b/demo/star_rating_events/run.py
new file mode 100644
index 0000000..f673723
--- /dev/null
+++ b/demo/star_rating_events/run.py
@@ -0,0 +1,31 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    star_rating = gr.HTML(
+        value=3, 
+        html_template="""
+        <h2>Star Rating:</h2>
+        ${Array.from({length: 5}, (_, i) => `<img class='${i < value ? '' : 'faded'}' src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>`).join('')}
+        <button id='submit-btn'>Submit Rating</button>
+        """, 
+        css_template="""
+            img { height: 50px; display: inline-block; cursor: pointer; }
+            .faded { filter: grayscale(100%); opacity: 0.3; }
+        """,
+        js_on_load="""
+            const imgs = element.querySelectorAll('img');
+            imgs.forEach((img, index) => {
+                img.addEventListener('click', () => {
+                    props.value = index + 1;
+                });
+            });
+            const submitBtn = element.querySelector('#submit-btn');
+            submitBtn.addEventListener('click', () => {
+                trigger('submit');
+            });
+        """)
+    rating_output = gr.Textbox(label="Submitted Rating")
+    star_rating.submit(lambda x: x, inputs=star_rating, outputs=rating_output)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/star_rating_props/run.py b/demo/star_rating_props/run.py
new file mode 100644
index 0000000..19e33ea
--- /dev/null
+++ b/demo/star_rating_props/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    star_rating = gr.HTML(
+        7, 
+        size=40,
+        max_stars=10,
+        html_template="""
+        <h2>Star Rating:</h2>
+        ${Array.from({length: max_stars}, (_, i) => `<img class='${i < value ? '' : 'faded'}' src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>`).join('')}""", 
+        css_template="""
+            img { height: ${size}px; display: inline-block; }
+            .faded { filter: grayscale(100%); opacity: 0.3; }
+        """
+    )
+    rating_slider = gr.Slider(0, 10, step=1, label="Select Rating")
+    rating_slider.change(fn=lambda x: x, inputs=rating_slider, outputs=star_rating)
+
+    size_slider = gr.Slider(20, 100, 40, step=1, label="Select Size")
+    size_slider.change(fn=lambda x: gr.HTML(size=x), inputs=size_slider, outputs=star_rating)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/star_rating_simple/run.py b/demo/star_rating_simple/run.py
new file mode 100644
index 0000000..cce160e
--- /dev/null
+++ b/demo/star_rating_simple/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    three_star_rating = gr.HTML("""
+        <h2>Star Rating:</h2>
+        <img src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>
+        <img src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>
+        <img src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>
+        <img class='faded' src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>
+        <img class='faded' src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>
+    """, css_template="""
+        img { height: 50px; display: inline-block; }
+        .faded { filter: grayscale(100%); opacity: 0.3; }
+    """)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/star_rating_templates/run.py b/demo/star_rating_templates/run.py
new file mode 100644
index 0000000..a3d36fd
--- /dev/null
+++ b/demo/star_rating_templates/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    star_rating = gr.HTML(
+        value=3,
+        html_template="""
+        <h2>Star Rating:</h2>
+        ${Array.from({length: 5}, (_, i) => `<img class='${i < value ? '' : 'faded'}' src='https://upload.wikimedia.org/wikipedia/commons/d/df/Award-star-gold-3d.svg'>`).join('')}""", 
+        css_template="""
+            img { height: 50px; display: inline-block; }
+            .faded { filter: grayscale(100%); opacity: 0.3; }
+        """)
+    rating_slider = gr.Slider(0, 5, 3, step=1, label="Select Rating")
+    rating_slider.change(fn=lambda x: x, inputs=rating_slider, outputs=star_rating)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/state_change/run.py b/demo/state_change/run.py
new file mode 100644
index 0000000..6e935d8
--- /dev/null
+++ b/demo/state_change/run.py
@@ -0,0 +1,114 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+
+    with gr.Row():
+        state_a = gr.State(0)
+        btn_a = gr.Button("Increment A")
+        value_a = gr.Number(label="Number A")
+        btn_a.click(lambda x: x + 1, state_a, state_a)
+        state_a.change(lambda x: x, state_a, value_a)
+    with gr.Row():
+        state_b = gr.State(0)
+        btn_b = gr.Button("Increment B")
+        value_b = gr.Number(label="Number B")
+        btn_b.click(lambda x: x + 1, state_b, state_b)
+
+        @gr.on(inputs=state_b, outputs=value_b)
+        def identity(x):
+            return x
+
+    @gr.render(inputs=[state_a, state_b])
+    def render(a, b):
+        for x in range(a):
+            with gr.Row():
+                for y in range(b):
+                    gr.Button(f"Button {x}, {y}")
+
+    list_state = gr.State([])
+    dict_state = gr.State(dict())
+    nested_list_state = gr.State([])
+    set_state = gr.State(set())
+
+    def transform_list(x):
+        return {n: n for n in x}, [x[:] for _ in range(len(x))], set(x)
+
+    list_state.change(
+        transform_list,
+        inputs=list_state,
+        outputs=[dict_state, nested_list_state, set_state],
+    )
+
+    all_textbox = gr.Textbox(label="Output")
+    click_count = gr.Number(label="Clicks")
+    change_count = gr.Number(label="Changes")
+    gr.on(
+        inputs=[change_count, dict_state, nested_list_state, set_state],
+        triggers=[dict_state.change, nested_list_state.change, set_state.change],
+        fn=lambda x, *args: (x + 1, "\n".join(str(arg) for arg in args)),
+        outputs=[change_count, all_textbox],
+    )
+
+    count_to_3_btn = gr.Button("Count to 3")
+    count_to_3_btn.click(lambda: [1, 2, 3], outputs=list_state)
+    zero_all_btn = gr.Button("Zero All")
+    zero_all_btn.click(lambda x: [0] * len(x), inputs=list_state, outputs=list_state)
+
+    gr.on(
+        [count_to_3_btn.click, zero_all_btn.click],
+        lambda x: x + 1,
+        click_count,
+        click_count,
+    )
+
+    async def increment(x):
+        yield x + 1
+
+    n_text = gr.State(0)
+    add_btn = gr.Button("Iterator State Change")
+    add_btn.click(increment, n_text, n_text)
+
+    @gr.render(inputs=n_text)
+    def render_count(count):
+        for i in range(int(count)):
+            gr.Markdown(value = f"Success Box {i} added", key=i)
+    
+    class CustomState():
+        def __init__(self, val):
+            self.val = val
+
+        def __hash__(self) -> int:
+            return self.val
+
+    custom_state = gr.State(CustomState(5))
+    with gr.Row():
+        btn_10 = gr.Button("Set State to 10")
+        custom_changes = gr.Number(0, label="Custom State Changes")
+        custom_clicks = gr.Number(0, label="Custom State Clicks")
+
+    custom_state.change(increment, custom_changes, custom_changes)
+    def set_to_10(cs: CustomState):
+        cs.val = 10
+        return cs
+
+    btn_10.click(set_to_10, custom_state, custom_state).then(
+        increment, custom_clicks, custom_clicks
+    )
+
+    @gr.render()
+    def render_state_changes():
+        with gr.Row():
+            box1 = gr.Textbox(label="Start State")
+            state1 = gr.State()
+            box2 = gr.Textbox()
+            state2 = gr.State()
+            box3 = gr.Textbox(label="End State")
+
+            iden = lambda x: x
+            box1.change(iden, box1, state1)
+            state1.change(iden, state1, box2)
+            box2.change(iden, box2, state2)
+            state2.change(iden, state2, box3)
+            
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/state_cleanup/requirements.txt b/demo/state_cleanup/requirements.txt
new file mode 100644
index 0000000..0d59398
--- /dev/null
+++ b/demo/state_cleanup/requirements.txt
@@ -0,0 +1,2 @@
+numpy
+Pillow
diff --git a/demo/state_cleanup/run.py b/demo/state_cleanup/run.py
new file mode 100644
index 0000000..fd52155
--- /dev/null
+++ b/demo/state_cleanup/run.py
@@ -0,0 +1,50 @@
+from __future__ import annotations
+import gradio as gr
+import numpy as np
+from PIL import Image
+from pathlib import Path
+import secrets
+import shutil
+
+current_dir = Path(__file__).parent
+
+def generate_random_img(history: list[Image.Image], request: gr.Request):
+    """Generate a random red, green, blue, orange, yellor or purple image."""
+    colors = [(255, 0, 0), (0, 255, 0), (0, 0, 255), (255, 165, 0), (255, 255, 0), (128, 0, 128)]
+    color = colors[np.random.randint(0, len(colors))]
+    img = Image.new('RGB', (100, 100), color)
+
+    user_dir: Path = current_dir / str(request.session_hash)
+    user_dir.mkdir(exist_ok=True)
+    path = user_dir / f"{secrets.token_urlsafe(8)}.webp"
+
+    img.save(path)
+    history.append(img)
+
+    return img, history, history
+
+def delete_directory(req: gr.Request):
+    if not req.username:
+        return
+    user_dir: Path = current_dir / req.username
+    shutil.rmtree(str(user_dir))
+
+with gr.Blocks(delete_cache=(60, 3600)) as demo:
+    gr.Markdown("""# State Cleanup Demo
+                🖼️ Images are saved in a user-specific directory and deleted when the users closes the page via demo.unload.
+                """)
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                img = gr.Image(label="Generated Image", height=300, width=300)
+            with gr.Row():
+                gen = gr.Button(value="Generate")
+            with gr.Row():
+                history = gr.Gallery(label="Previous Generations", height=500, columns=10)
+                state = gr.State(value=[], delete_callback=lambda v: print("STATE DELETED"))
+
+    demo.load(generate_random_img, [state], [img, state, history])
+    gen.click(generate_random_img, [state], [img, state, history])
+    demo.unload(delete_directory)
+
+demo.launch()
diff --git a/demo/state_component/run.py b/demo/state_component/run.py
new file mode 100644
index 0000000..1daafc0
--- /dev/null
+++ b/demo/state_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.State()
+
+demo.launch()
diff --git a/demo/stock_forecast/requirements.txt b/demo/stock_forecast/requirements.txt
new file mode 100644
index 0000000..806f221
--- /dev/null
+++ b/demo/stock_forecast/requirements.txt
@@ -0,0 +1,2 @@
+numpy
+matplotlib
\ No newline at end of file
diff --git a/demo/stock_forecast/run.py b/demo/stock_forecast/run.py
new file mode 100644
index 0000000..e7fea9e
--- /dev/null
+++ b/demo/stock_forecast/run.py
@@ -0,0 +1,36 @@
+import matplotlib.pyplot as plt
+import numpy as np
+
+import gradio as gr
+
+def plot_forecast(final_year, companies, noise, show_legend, point_style):
+    start_year = 2020
+    x = np.arange(start_year, final_year + 1)
+    year_count = x.shape[0]
+    plt_format = ({"cross": "X", "line": "-", "circle": "o--"})[point_style]
+    fig = plt.figure()
+    ax = fig.add_subplot(111)
+    for i, company in enumerate(companies):
+        series = np.arange(0, year_count, dtype=float)
+        series = series**2 * (i + 1)
+        series += np.random.rand(year_count) * noise
+        ax.plot(x, series, plt_format)
+    if show_legend:
+        plt.legend(companies)
+    return fig
+
+demo = gr.Interface(
+    plot_forecast,
+    [
+        gr.Radio([2025, 2030, 2035, 2040], label="Project to:"),
+        gr.CheckboxGroup(["Google", "Microsoft", "Gradio"], label="Company Selection"),
+        gr.Slider(1, 100, label="Noise Level"),
+        gr.Checkbox(label="Show Legend"),
+        gr.Dropdown(["cross", "line", "circle"], label="Style"),
+    ],
+    gr.Plot(label="forecast", format="png"),
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/stock_forecast/screenshot.png b/demo/stock_forecast/screenshot.png
new file mode 100644
index 0000000..7dbecd2
Binary files /dev/null and b/demo/stock_forecast/screenshot.png differ
diff --git a/demo/stream_asr/requirements.txt b/demo/stream_asr/requirements.txt
new file mode 100644
index 0000000..0175df5
--- /dev/null
+++ b/demo/stream_asr/requirements.txt
@@ -0,0 +1,3 @@
+torch
+torchaudio
+transformers
\ No newline at end of file
diff --git a/demo/stream_asr/run.py b/demo/stream_asr/run.py
new file mode 100644
index 0000000..6ca65be
--- /dev/null
+++ b/demo/stream_asr/run.py
@@ -0,0 +1,32 @@
+import gradio as gr
+from transformers import pipeline
+import numpy as np
+
+transcriber = pipeline("automatic-speech-recognition", model="openai/whisper-base.en")
+
+def transcribe(stream, new_chunk):
+    sr, y = new_chunk
+    
+    # Convert to mono if stereo
+    if y.ndim > 1:
+        y = y.mean(axis=1)
+        
+    y = y.astype(np.float32)
+    y /= np.max(np.abs(y))
+
+    if stream is not None:
+        stream = np.concatenate([stream, y])
+    else:
+        stream = y
+    return stream, transcriber({"sampling_rate": sr, "raw": stream})["text"]  # type: ignore
+
+demo = gr.Interface(
+    transcribe,
+    ["state", gr.Audio(sources=["microphone"], streaming=True)],
+    ["state", "text"],
+    live=True,
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/stream_audio/requirements.txt b/demo/stream_audio/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/stream_audio/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/stream_audio/run.py b/demo/stream_audio/run.py
new file mode 100644
index 0000000..edb974f
--- /dev/null
+++ b/demo/stream_audio/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+import numpy as np
+
+def add_to_stream(audio, instream):
+    if audio is None:
+        return gr.Audio(), instream
+    if instream is None:
+        ret = audio
+    else:
+        ret = (audio[0], np.concatenate((instream[1], audio[1])))
+    return ret, ret
+
+with gr.Blocks() as demo:
+    inp = gr.Audio(sources=["microphone"])
+    out = gr.Audio()
+    stream = gr.State()
+    clear = gr.Button("Clear")
+
+    inp.stream(add_to_stream, [inp, stream], [out, stream])
+    clear.click(lambda: [None, None, None], None, [inp, out, stream])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/stream_audio_out/run.py b/demo/stream_audio_out/run.py
new file mode 100644
index 0000000..14f7d47
--- /dev/null
+++ b/demo/stream_audio_out/run.py
@@ -0,0 +1,60 @@
+import gradio as gr
+from pydub import AudioSegment
+from time import sleep
+import os
+import tempfile
+from pathlib import Path
+
+with gr.Blocks() as demo:
+    input_audio = gr.Audio(label="Input Audio", type="filepath", format="mp3")
+    with gr.Row():
+        with gr.Column():
+            stream_as_file_btn = gr.Button("Stream as File")
+            format = gr.Radio(["wav", "mp3"], value="wav", label="Format")
+            stream_as_file_output = gr.Audio(streaming=True, elem_id="stream_as_file_output", autoplay=True, visible=False)
+
+            def stream_file(audio_file, format):
+                audio = AudioSegment.from_file(audio_file)
+                i = 0
+                chunk_size = 1000
+                while chunk_size * i < len(audio):
+                    chunk = audio[chunk_size * i : chunk_size * (i + 1)]
+                    i += 1
+                    if chunk:
+                        file = Path(tempfile.gettempdir()) / "stream_audio_demo" / f"{i}.{format}"
+                        file.parent.mkdir(parents=True, exist_ok=True)
+                        chunk.export(str(file), format=format)
+                        yield file
+                        sleep(0.5)
+
+            stream_as_file_btn.click(
+                stream_file, [input_audio, format], stream_as_file_output
+            )
+
+            gr.Examples(
+                [[gr.get_audio("cantina.wav"), "wav"],
+                 [gr.get_audio("cantina.wav"), "mp3"]],
+                [input_audio, format],
+                fn=stream_file,
+                outputs=stream_as_file_output,
+                cache_examples=False,
+            )
+
+        with gr.Column():
+            stream_as_bytes_btn = gr.Button("Stream as Bytes")
+            stream_as_bytes_output = gr.Audio(streaming=True, elem_id="stream_as_bytes_output", autoplay=True)
+
+            def stream_bytes(audio_file):
+                chunk_size = 20_000
+                with open(audio_file, "rb") as f:
+                    while True:
+                        chunk = f.read(chunk_size)
+                        if chunk:
+                            yield chunk
+                            sleep(1)
+                        else:
+                            break
+            stream_as_bytes_btn.click(stream_bytes, input_audio, stream_as_bytes_output)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/stream_frames/requirements.txt b/demo/stream_frames/requirements.txt
new file mode 100644
index 0000000..24ce15a
--- /dev/null
+++ b/demo/stream_frames/requirements.txt
@@ -0,0 +1 @@
+numpy
diff --git a/demo/stream_frames/run.py b/demo/stream_frames/run.py
new file mode 100644
index 0000000..bdbef2e
--- /dev/null
+++ b/demo/stream_frames/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+import numpy as np
+
+def flip(im):
+    return np.flipud(im)
+
+demo = gr.Interface(
+    flip,
+    gr.Image(sources=["webcam"], streaming=True),
+    "image",
+    live=True,
+    api_name="predict",
+)
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/stream_video_out/requirements.txt b/demo/stream_video_out/requirements.txt
new file mode 100644
index 0000000..1db7aea
--- /dev/null
+++ b/demo/stream_video_out/requirements.txt
@@ -0,0 +1 @@
+opencv-python
\ No newline at end of file
diff --git a/demo/stream_video_out/run.py b/demo/stream_video_out/run.py
new file mode 100644
index 0000000..bf27c4e
--- /dev/null
+++ b/demo/stream_video_out/run.py
@@ -0,0 +1,101 @@
+import gradio as gr
+import cv2  # type: ignore
+import os
+from pathlib import Path
+import atexit
+
+current_dir = Path(__file__).resolve().parent
+
+
+def delete_files():
+    for p in Path(current_dir).glob("*.ts"):
+        p.unlink()
+    for p in Path(current_dir).glob("*.mp4"):
+        p.unlink()
+
+
+atexit.register(delete_files)
+
+
+def process_video(input_video, stream_as_mp4):
+    cap = cv2.VideoCapture(input_video)
+
+    video_codec = cv2.VideoWriter_fourcc(*"mp4v") if stream_as_mp4 else cv2.VideoWriter_fourcc(*"x264")  # type: ignore
+    fps = int(cap.get(cv2.CAP_PROP_FPS))
+    width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
+    height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT))
+
+    iterating, frame = cap.read()
+
+    n_frames = 0
+    n_chunks = 0
+    name = str(current_dir / f"output_{n_chunks}{'.mp4' if stream_as_mp4 else '.ts'}")
+    segment_file = cv2.VideoWriter(name, video_codec, fps, (width, height))  # type: ignore
+
+    while iterating:
+
+        # flip frame vertically
+        frame = cv2.flip(frame, 0)
+        display_frame = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
+        segment_file.write(display_frame)
+        n_frames += 1
+        if n_frames == 3 * fps:
+            n_chunks += 1
+            segment_file.release()
+            n_frames = 0
+            yield name
+            name = str(
+                current_dir / f"output_{n_chunks}{'.mp4' if stream_as_mp4 else '.ts'}"
+            )
+            segment_file = cv2.VideoWriter(name, video_codec, fps, (width, height))  # type: ignore
+
+        iterating, frame = cap.read()
+
+    segment_file.release()
+    yield name
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Video Streaming Out 📹")
+    with gr.Row():
+        with gr.Column():
+            input_video = gr.Video(label="input")
+            checkbox = gr.Checkbox(label="Stream as MP4 file?", value=False)
+        with gr.Column():
+            processed_frames = gr.Video(
+                label="stream",
+                streaming=True,
+                autoplay=True,
+                elem_id="stream_video_output",
+            )
+    with gr.Row():
+        process_video_btn = gr.Button("process video")
+
+    process_video_btn.click(process_video, [input_video, checkbox], [processed_frames])
+
+    gr.Examples(
+        [
+            [
+                os.path.join(
+                    os.path.dirname(__file__),
+                    "video/compliment_bot_screen_recording_3x.mp4",
+                ),
+                False,
+            ],
+            [
+                os.path.join(
+                    os.path.dirname(__file__),
+                    "video/compliment_bot_screen_recording_3x.mp4",
+                ),
+                True,
+            ],
+        ],
+        [input_video, checkbox],
+        fn=process_video,
+        outputs=processed_frames,
+        cache_examples=False,
+    )
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/stream_video_out/video/compliment_bot_screen_recording_3x.mp4 b/demo/stream_video_out/video/compliment_bot_screen_recording_3x.mp4
new file mode 100644
index 0000000..7a7395b
Binary files /dev/null and b/demo/stream_video_out/video/compliment_bot_screen_recording_3x.mp4 differ
diff --git a/demo/streaming_filter/requirements.txt b/demo/streaming_filter/requirements.txt
new file mode 100644
index 0000000..b96544b
--- /dev/null
+++ b/demo/streaming_filter/requirements.txt
@@ -0,0 +1,2 @@
+opencv-python
+numpy
diff --git a/demo/streaming_filter/run.py b/demo/streaming_filter/run.py
new file mode 100644
index 0000000..b5754ff
--- /dev/null
+++ b/demo/streaming_filter/run.py
@@ -0,0 +1,57 @@
+import gradio as gr
+import numpy as np
+import cv2  # type: ignore
+
+
+def transform_cv2(frame, transform):
+    if transform == "cartoon":
+        # prepare color
+        img_color = cv2.pyrDown(cv2.pyrDown(frame))
+        for _ in range(6):
+            img_color = cv2.bilateralFilter(img_color, 9, 9, 7)
+        img_color = cv2.pyrUp(cv2.pyrUp(img_color))
+
+        # prepare edges
+        img_edges = cv2.cvtColor(frame, cv2.COLOR_RGB2GRAY)
+        img_edges = cv2.adaptiveThreshold(
+            cv2.medianBlur(img_edges, 7),
+            255,
+            cv2.ADAPTIVE_THRESH_MEAN_C,
+            cv2.THRESH_BINARY,
+            9,
+            2,
+        )
+        img_edges = cv2.cvtColor(img_edges, cv2.COLOR_GRAY2RGB)
+        # combine color and edges
+        img = cv2.bitwise_and(img_color, img_edges)
+        return img
+    elif transform == "edges":
+        # perform edge detection
+        img = cv2.cvtColor(cv2.Canny(frame, 100, 200), cv2.COLOR_GRAY2BGR)
+        return img
+    else:
+        return np.flipud(frame)
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            transform = gr.Dropdown(
+                choices=["cartoon", "edges", "flip"],
+                value="flip",
+                label="Transformation",
+            )
+            input_img = gr.Image(sources=["webcam"], type="numpy")
+        with gr.Column():
+            output_img = gr.Image(streaming=True)
+        dep = input_img.stream(
+            transform_cv2,
+            [input_img, transform],
+            [output_img],
+            time_limit=30,
+            stream_every=0.1,
+            concurrency_limit=30,
+        )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/streaming_filter_unified/requirements.txt b/demo/streaming_filter_unified/requirements.txt
new file mode 100644
index 0000000..b96544b
--- /dev/null
+++ b/demo/streaming_filter_unified/requirements.txt
@@ -0,0 +1,2 @@
+opencv-python
+numpy
diff --git a/demo/streaming_filter_unified/run.py b/demo/streaming_filter_unified/run.py
new file mode 100644
index 0000000..98cef32
--- /dev/null
+++ b/demo/streaming_filter_unified/run.py
@@ -0,0 +1,48 @@
+import gradio as gr
+import numpy as np
+import cv2  # type: ignore
+
+def transform_cv2(frame, transform):
+    if transform == "cartoon":
+        # prepare color
+        img_color = cv2.pyrDown(cv2.pyrDown(frame))
+        for _ in range(6):
+            img_color = cv2.bilateralFilter(img_color, 9, 9, 7)
+        img_color = cv2.pyrUp(cv2.pyrUp(img_color))
+
+        # prepare edges
+        img_edges = cv2.cvtColor(frame, cv2.COLOR_RGB2GRAY)
+        img_edges = cv2.adaptiveThreshold(
+            cv2.medianBlur(img_edges, 7),
+            255,
+            cv2.ADAPTIVE_THRESH_MEAN_C,
+            cv2.THRESH_BINARY,
+            9,
+            2,
+        )
+        img_edges = cv2.cvtColor(img_edges, cv2.COLOR_GRAY2RGB)
+        # combine color and edges
+        img = cv2.bitwise_and(img_color, img_edges)
+        return img
+    elif transform == "edges":
+        # perform edge detection
+        img = cv2.cvtColor(cv2.Canny(frame, 100, 200), cv2.COLOR_GRAY2BGR)
+        return img
+    else:
+        return np.flipud(frame)
+
+
+css=""".my-group {max-width: 500px !important; max-height: 500px !important;}
+            .my-column {display: flex !important; justify-content: center !important; align-items: center !important};"""
+
+with gr.Blocks() as demo:
+    with gr.Column(elem_classes=["my-column"]):
+        with gr.Group(elem_classes=["my-group"]):
+            transform = gr.Dropdown(choices=["cartoon", "edges", "flip"],
+                                    value="flip", label="Transformation")
+            input_img = gr.Image(sources=["webcam"], type="numpy", streaming=True)
+    input_img.stream(transform_cv2, [input_img, transform], [input_img], time_limit=30, stream_every=0.1)
+
+
+if __name__ == "__main__":
+    demo.launch(css=css)
diff --git a/demo/streaming_simple/run.py b/demo/streaming_simple/run.py
new file mode 100644
index 0000000..a08f066
--- /dev/null
+++ b/demo/streaming_simple/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            input_img = gr.Image(label="Input", sources="webcam")
+        with gr.Column():
+            output_img = gr.Image(label="Output")
+        input_img.stream(lambda s: s, input_img, output_img, time_limit=15, stream_every=0.1, concurrency_limit=30)
+
+if __name__ == "__main__":
+
+    demo.launch()
diff --git a/demo/streaming_wav2vec/requirements.txt b/demo/streaming_wav2vec/requirements.txt
new file mode 100644
index 0000000..4f492dd
--- /dev/null
+++ b/demo/streaming_wav2vec/requirements.txt
@@ -0,0 +1,2 @@
+torch
+transformers
diff --git a/demo/streaming_wav2vec/run.py b/demo/streaming_wav2vec/run.py
new file mode 100644
index 0000000..033b0e8
--- /dev/null
+++ b/demo/streaming_wav2vec/run.py
@@ -0,0 +1,28 @@
+from transformers import pipeline
+import gradio as gr
+import time
+
+p = pipeline("automatic-speech-recognition")
+
+def transcribe(audio, state=""):
+    time.sleep(2)
+    text = p(audio)["text"]  # type: ignore
+    state += text + " " # type: ignore
+    return state, state
+
+demo = gr.Interface(
+    fn=transcribe,
+    inputs=[
+        gr.Audio(sources=["microphone"], type="filepath", streaming=True),
+        "state"
+    ],
+    outputs=[
+        "textbox",
+        "state"
+    ],
+    live=True,
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/stt_or_tts/run.py b/demo/stt_or_tts/run.py
new file mode 100644
index 0000000..cc11675
--- /dev/null
+++ b/demo/stt_or_tts/run.py
@@ -0,0 +1,27 @@
+import gradio as gr
+
+tts_examples = [
+    "I love learning machine learning",
+    "How do you do?",
+]
+
+tts_demo = gr.load(
+    "huggingface/facebook/fastspeech2-en-ljspeech",
+    title=None,
+    examples=tts_examples,
+    description="Give me something to say!",
+    cache_examples=False
+)
+
+stt_demo = gr.load(
+    "huggingface/facebook/wav2vec2-base-960h",
+    title=None,
+    inputs=gr.Microphone(type="filepath"),
+    description="Let me try to guess what you're saying!",
+    cache_examples=False
+)
+
+demo = gr.TabbedInterface([tts_demo, stt_demo], ["Text-to-speech", "Speech-to-text"])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/sub_block_render/frog.jpg b/demo/sub_block_render/frog.jpg
new file mode 100644
index 0000000..031b404
Binary files /dev/null and b/demo/sub_block_render/frog.jpg differ
diff --git a/demo/sub_block_render/requirements.txt b/demo/sub_block_render/requirements.txt
new file mode 100644
index 0000000..7e2fba5
--- /dev/null
+++ b/demo/sub_block_render/requirements.txt
@@ -0,0 +1 @@
+Pillow
diff --git a/demo/sub_block_render/run.py b/demo/sub_block_render/run.py
new file mode 100644
index 0000000..136828d
--- /dev/null
+++ b/demo/sub_block_render/run.py
@@ -0,0 +1,77 @@
+import gradio as gr
+import os
+from pathlib import Path
+
+from PIL import Image
+
+root = Path(os.path.dirname(__file__))
+
+def infer(
+    text,
+    guidance_scale,
+):
+
+    img = (
+        Image.open(root / "cheetah.jpg")
+        if text == "Cheetah"
+        else Image.open(root / "frog.jpg")
+    )
+    img = img.resize((224, 224))
+
+    return ([img, img, img, img], "image")
+
+block = gr.Blocks()
+
+examples = [
+    ["A serious capybara at work, wearing a suit", 7],
+    ["A Squirtle fine dining with a view to the London Eye", 7],
+    ["A tamale food cart in front of a Japanese Castle", 7],
+    ["a graffiti of a robot serving meals to people", 7],
+    ["a beautiful cabin in Attersee, Austria, 3d animation style", 7],
+]
+
+with block as demo:
+    with gr.Row(elem_id="prompt-container", equal_height=True):
+        text = gr.Textbox(
+            label="Enter your prompt",
+            show_label=False,
+            max_lines=1,
+            placeholder="Enter your prompt",
+            elem_id="prompt-text-input",
+        )
+
+    gallery = gr.Gallery(
+        label="Generated images", show_label=False, elem_id="gallery", rows=2, columns=2
+    )
+    out_txt = gr.Textbox(
+        label="Prompt",
+        placeholder="Enter a prompt to generate an image",
+        lines=3,
+        elem_id="prompt-text-input",
+    )
+
+    guidance_scale = gr.Slider(
+        label="Guidance Scale", minimum=0, maximum=50, value=7.5, step=0.1
+    )
+
+    ex = gr.Examples(
+        examples=examples,
+        fn=infer,
+        inputs=[text, guidance_scale],
+        outputs=[gallery, out_txt],
+        cache_examples=True,
+    )
+
+    text.submit(
+        infer,
+        inputs=[text, guidance_scale],
+        outputs=[gallery, out_txt],
+        concurrency_id="infer",
+        concurrency_limit=8,
+    )
+
+with gr.Blocks() as demo:
+    block.render()
+
+if __name__ == "__main__":
+    demo.queue(max_size=10, api_open=False).launch()
diff --git a/demo/super_html/run.py b/demo/super_html/run.py
new file mode 100644
index 0000000..f21b9f8
--- /dev/null
+++ b/demo/super_html/run.py
@@ -0,0 +1,456 @@
+import os
+import gradio as gr
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("""
+    # Simple HTML usecase
+    This is the classic `gr.HTML` usecase where we just want to render some static HTML.
+    """)
+    simple_html = gr.HTML("<h1 style='color:purple;' id='simple'>Hello, World!</h1>")
+
+    gr.Markdown("""
+    # Templated HTML usecase
+    'value' can now be anything, and it can be used inside the `html_template` using `${value}` syntax.
+    Note that when used as output or input, `value` is just this specific value rather than the entire HTML.
+    """)
+    with gr.Row():
+        name1 = gr.Textbox(label="Name")
+        templated_html = gr.HTML(
+            "",
+            html_template="<h1>Hello, {{value}}! ${value.length} letters</h1>",
+            elem_id="templated",
+        )
+        name1.change(lambda x: x, inputs=name1, outputs=templated_html)
+
+    gr.Markdown("""
+    # Additional Props
+    You are not limited to using `${value}` in the templates, you can add any number of custom tags to the template, and pass them to the component as keyword arguments. These props can be updated via python event listeners as well.
+    """)
+    with gr.Row():
+        templated_html_props = gr.HTML(
+            "John",
+            html_template="""
+                <h1 style="font-size: ${fontSize}px;">Hello, ${value}!</h1>
+            """,
+            fontSize=30,
+            elem_id="props",
+        )
+        slider = gr.Slider(10, 100, value=30, label="Font Size")
+        slider.change(
+            lambda x: gr.HTML(fontSize=x), inputs=slider, outputs=templated_html_props
+        )
+
+    gr.Markdown("""
+    # CSS Templating
+    We can also template CSS, which is automatically scoped to the component.
+    """)
+    with gr.Row():
+        name2 = gr.Textbox(label="Person")
+        color = gr.ColorPicker(label="Text Color", value="#00ff00")
+        bold = gr.Checkbox(label="Bold Text", value=True)
+        templated_html_css = gr.HTML(
+            ["J", "o", "h", "n"],
+            html_template="""
+                <h1>Hello, ${value.join('')}!</h1>
+                <ul>
+                    {{#each value}}
+                    <li>{{this}}</li>
+                    {{/each}}
+                </ul>
+            """,
+            css_template="""
+                h1, li {
+                    color: ${color};
+                    font-weight: ${bold ? 'bold' : 'normal'};
+                }
+            """,
+            color="green",
+            bold=True,
+            elem_id="css",
+        )
+    with gr.Row():
+        btn = gr.Button("Update HTML")
+        btn_blue = gr.Button("Make HTML Blue")
+
+    def update_templated_html_css(name, color, bold):
+        return gr.HTML(value=list(name), color=color, bold=bold)
+
+    btn.click(
+        update_templated_html_css,
+        inputs=[name2, color, bold],
+        outputs=templated_html_css,
+    )
+    btn_blue.click(lambda: gr.HTML(color="blue"), outputs=templated_html_css)
+
+    gr.Markdown("""
+    # JS Prop Updates
+    We can now trigger events from gr.HTML using event listeners in `js_on_load`. This script has access to `element` which refers to the parent element, and `trigger(event_name)` or `trigger(event_name, event_data)`, which can be used to dispatch events.
+    """)
+
+    button_set = gr.HTML(
+        html_template="""
+        <button id='A'>A</button>
+        <button id='B'>B</button>
+        <button id='C'>C</button>
+        """,
+        css_template="""
+        button {
+            padding: 10px;
+            background-color: red;
+        }
+        """,
+        js_on_load="""
+        const buttons = element.querySelectorAll('button');
+        buttons.forEach(button => {
+            button.addEventListener('click', () => {
+                trigger('click', {clicked: button.innerText});
+            });
+        });
+        """,
+        elem_id="button_set",
+    )
+    clicked_box = gr.Textbox(label="Clicked")
+
+    def on_button_click(evt: gr.EventData):
+        return evt.clicked
+
+    button_set.click(on_button_click, outputs=clicked_box)
+
+    gr.Markdown("""
+    # JS Prop Changes
+    You can also update `value` or any other prop of the component from JS using `props`, e.g., `props.value = "new value"` will update the `value` prop and re-render the HTML template.
+    """)
+    form = gr.HTML(
+        html_template="""
+        <input type="text" value="${value}" id="text-input" />
+        <p>${value.length} letters</p>
+        <button class="submit" style="display: ${valid ? 'block' : 'none'};">submit</button>
+        <button class="clear">clear</button>
+        """,
+        js_on_load="""
+        const input = element.querySelector('input');
+        const submit_button = element.querySelector('button.submit');
+        const clear_button = element.querySelector('button.clear');
+        input.addEventListener('input', () => {
+            props.valid = input.value.length > 5;
+            props.value = input.value;
+        });
+        submit_button.addEventListener('click', () => {
+            trigger('submit');
+        });
+        clear_button.addEventListener('click', () => {
+            props.value = "";
+            props.valid = false;
+            trigger('clear');
+        });
+    """,
+        valid=False,
+        elem_id="form",
+    )
+    output_box = gr.Textbox(label="Output Box")
+    form.submit(lambda x: x, form, outputs=output_box)
+    output_box.submit(lambda x: x, output_box, outputs=form)
+
+    gr.Markdown("""
+    # Watch API
+    Use `watch` inside `js_on_load` to run a callback after the template re-renders whenever specific props are changed from the backend (Python event listener). The callback is NOT triggered by frontend (JavaScript) changes to props. The callback takes no arguments — read current values from `props` directly.
+    """)
+    watch_html = gr.HTML(
+        value=0,
+        html_template="""
+        <div>
+            <div>value: ${value}</div>
+        </div>
+        """,
+        js_on_load="""
+        watch('value', () => {
+            if (props.value >= 3) {
+                trigger('submit');
+            }
+        });
+        """,
+        elem_id="watch_demo",
+    )
+    watch_output = gr.Textbox(label="Watch Output")
+    watch_inc_btn = gr.Button("Increment")
+    watch_inc_btn.click(lambda x: (x or 0) + 1, watch_html, outputs=watch_html)
+    watch_html.submit(lambda x: x, watch_html, outputs=watch_output)
+
+    gr.Markdown("""
+    # Extending gr.HTML for new Components
+    You can create your own Components by extending the gr.HTML class.
+    """)
+
+    class ListComponent(gr.HTML):
+        def __init__(self, container=True, label="List", ordered=False, **kwargs):
+            self.ordered = ordered
+            super().__init__(
+                html_template="""
+                <h2>${label}</h2>
+                ${ordered ? `<ol>` : `<ul>`}
+                    ${value.map(item => `<li>${item}</li>`).join('')}
+                ${ordered ? `</ol>` : `</ul>`}
+                """,
+                container=container,
+                label=label,
+                ordered=ordered,
+                **kwargs,
+            )
+
+    l1 = ListComponent(
+        label="Fruits", value=["Apple", "Banana", "Cherry"], elem_id="fruits"
+    )
+    l2 = ListComponent(
+        label="Vegetables",
+        value=["Carrot", "Broccoli", "Spinach"],
+        elem_id="vegetables",
+    )
+
+    make_ordered_btn = gr.Button("Make Ordered")
+    make_unordered_btn = gr.Button("Make Unordered")
+
+    make_ordered_btn.click(
+        lambda: [ListComponent(ordered=True), ListComponent(ordered=True)],
+        outputs=[l1, l2],
+    )
+    make_unordered_btn.click(
+        lambda: [ListComponent(ordered=False), ListComponent(ordered=False)],
+        outputs=[l1, l2],
+    )
+
+    failed_template = gr.HTML(
+        value=None,
+        html_template="""
+          ${Zalue}
+        """,
+    )
+
+    gr.Markdown("""
+    # File Upload via gr.HTML
+    The `upload` async function is available in `js_on_load`. It takes a JavaScript `File` object,
+    uploads it to the Gradio server, and returns the server-side file path as a string.
+    """)
+
+    upload_html = gr.HTML(
+        html_template="""
+        <div>
+            <input type="file" id="html-file-input" />
+            <button id="html-upload-btn" style="margin-left: 8px; padding: 4px 8px;">Upload</button>
+            <p id="html-upload-status">No file uploaded yet.</p>
+        </div>
+        """,
+        js_on_load="""
+        const input = element.querySelector('#html-file-input');
+        const btn = element.querySelector('#html-upload-btn');
+        const status = element.querySelector('#html-upload-status');
+
+        btn.addEventListener('click', async () => {
+            const file = input.files[0];
+            if (!file) {
+                status.textContent = 'Please select a file first.';
+                return;
+            }
+            status.textContent = 'Uploading...';
+            try {
+                const { path, url } = await upload(file);
+                status.textContent = 'Uploaded: ' + path;
+                trigger('upload', { path: path, url: url, name: file.name });
+            } catch (e) {
+                status.textContent = 'Upload failed: ' + e.message;
+            }
+        });
+        """,
+        elem_id="upload_html"
+    )
+    upload_result = gr.Textbox(label="Upload Result", elem_id="upload_result")
+
+    def on_html_upload(evt: gr.EventData):
+        return evt.path
+
+    upload_html.upload(on_html_upload, outputs=upload_result)
+
+    class TodoList(gr.HTML):
+        def __init__(
+            self,
+            value: list[str] | None = None,
+            completed: list[int] | None = None,
+            **kwargs,
+        ):
+            self.completed = completed or []
+            super().__init__(
+                html_template="""
+                <h2>Todo List</h2>
+                <ul>
+                    ${value.map((item, index) => `
+                        <li style="text-decoration: ${completed.includes(index) ? 'line-through' : 'none'};">
+                            <input type="checkbox" ${completed.includes(index) ? 'checked' : ''} data-index="${index}" />
+                            ${item}
+                        </li>
+                    `).join('')}
+                </ul>
+                """,
+                js_on_load="""
+                const checkboxes = element.querySelectorAll('input[type="checkbox"]');
+                checkboxes.forEach(checkbox => {
+                    checkbox.addEventListener('change', () => {
+                        const index = parseInt(checkbox.getAttribute('data-index'));
+                        let completed = props.completed || [];
+                        if (checkbox.checked) {
+                            if (!completed.includes(index)) {
+                                completed.push(index);
+                            }
+                        } else {
+                            completed = completed.filter(i => i !== index);
+                        }
+                        props.completed = [...completed];
+                        console.log(JSON.stringify(props.completed))
+                    });
+                });
+                """,
+                completed=self.completed,
+                value=value,
+                **kwargs,
+            )
+
+    todo_list = TodoList(
+        value=["Buy groceries", "Walk the dog", "Read a book"],
+        completed=[1],
+        elem_id="todo",
+    )
+
+    gr.Markdown("""
+    # HTML Children
+    Use `@children` in `html_template` to render child components inside the HTML wrapper.
+    """)
+    with gr.HTML(
+        html_template="""
+        <h2>${title}</h2>
+        @children
+        <button class="send">Send</button>
+    """,
+        css_template="""
+        border: 2px solid gray;
+        border-radius: 8px;
+        padding: 16px;
+    """,
+        js_on_load="""
+        element.querySelector('.send').addEventListener('click', () => {
+            trigger('submit');
+        });
+    """,
+        title="Contact Form",
+        elem_id="children_form",
+    ) as children_form:
+        children_name = gr.Textbox(label="Your Name")
+        children_email = gr.Textbox(label="Your Email")
+
+    children_output = gr.Textbox(label="Children Output")
+    children_form.submit(
+        lambda name, email: f"Name: {name}, Email: {email}",
+        inputs=[children_name, children_email],
+        outputs=children_output,
+    )
+
+    gr.Markdown("""
+    # Server Functions
+    You can call Python functions from `js_on_load` using the `server` object. Pass a list of functions via `server_functions` and they become available as async methods on the `server` object in your JavaScript code.
+    """)
+
+    def list_directory(path):
+        try:
+            items = sorted(os.listdir(path))
+            return [
+                {"name": item, "is_dir": os.path.isdir(os.path.join(path, item))}
+                for item in items[:20]
+            ]
+        except (FileNotFoundError, PermissionError):
+            return []
+
+    server_fn_html = gr.HTML(
+        value=os.path.dirname(__file__),
+        html_template="""
+            <div>
+                <p>Directory: <strong>${value}</strong></p>
+                <div id='server-fn-tree'></div>
+                <button id='server-fn-load'>Load Files</button>
+            </div>
+        """,
+        js_on_load="""
+            const loadBtn = element.querySelector('#server-fn-load');
+            const tree = element.querySelector('#server-fn-tree');
+            loadBtn.addEventListener('click', async () => {
+                tree.innerHTML = '<em>Loading...</em>';
+                const items = await server.list_directory(props.value);
+                tree.innerHTML = '';
+                items.forEach(item => {
+                    const el = document.createElement('div');
+                    el.textContent = (item.is_dir ? '📁 ' : '📄 ') + item.name;
+                    el.className = 'server-fn-item';
+                    tree.appendChild(el);
+                });
+            });
+        """,
+        css_template="""
+            #server-fn-tree { padding: 8px; min-height: 20px; }
+            .server-fn-item { padding: 2px 8px; }
+            #server-fn-load { padding: 6px 12px; margin-top: 8px; }
+        """,
+        server_functions=[list_directory],
+        elem_id="server_fns",
+    )
+
+    gr.Markdown("""
+    # Custom Events
+    You can trigger custom events (not in the standard event list) from `js_on_load` using `trigger('custom_event_name', data)`. As long as the event name appears in quotes in `js_on_load`, you can attach a Python listener using `component.custom_event_name(fn, ...)`.
+    """)
+
+    keyboard = gr.HTML(
+        html_template="<p>Press any key...</p>",
+        js_on_load="""
+        document.addEventListener('keydown', (e) => {
+            trigger('keypress', {key: e.key});
+        });
+        """,
+        elem_id="custom_event",
+    )
+
+    key_output = gr.Textbox(label="Key Pressed", elem_id="key_output")
+
+    def get_key(evt_data: gr.EventData):
+        return evt_data.key
+
+    keyboard.keypress(get_key, None, key_output)
+
+    gr.Markdown("""
+    # Head / Third-Party Scripts
+    The `head` parameter lets you load third-party JS/CSS libraries directly on the component.
+    Scripts are deduplicated by `src`, so multiple components sharing the same library only load it once.
+    """)
+
+    head_html = gr.HTML(
+        value=[30, 70, 45, 90, 60],
+        html_template="""
+        <canvas id="head-chart" width="300" height="200"></canvas>
+        """,
+        js_on_load="""
+        const canvas = element.querySelector('#head-chart');
+        new Chart(canvas, {
+            type: 'bar',
+            data: {
+                labels: props.value.map((_, i) => 'Item ' + (i + 1)),
+                datasets: [{
+                    label: 'Values',
+                    data: props.value,
+                    backgroundColor: 'rgba(99, 132, 255, 0.5)',
+                }]
+            },
+            options: { responsive: false }
+        });
+        """,
+        head='<script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.7/dist/chart.umd.min.js"></script>',
+        elem_id="head_demo",
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/tab_render_children/run.py b/demo/tab_render_children/run.py
new file mode 100644
index 0000000..cad746a
--- /dev/null
+++ b/demo/tab_render_children/run.py
@@ -0,0 +1,16 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("## Tab render_children parameter")
+    with gr.Tabs():
+        with gr.Tab("Tab 1") as tab1:
+            gr.Markdown("This tab is visible by default")
+        with gr.Tab("Tab 2", render_children=True) as tab2:
+            tb = gr.Textbox(label="Will be rendered but hidden", elem_id="invisible-but-rendered")
+            tb2 = gr.Textbox(label="Will not be rendered", elem_id="invisible-and-not-rendered", visible=False)
+            tb3 = gr.Textbox(label="Will be rendered but hidden with visible='hidden'", elem_id="visibility-hidden", visible="hidden")
+            btn = gr.Button("Make textbox interactive", variant="primary")
+            btn.click(lambda: gr.update(interactive=True), None, tb)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/tabbed_interface_lite/run.py b/demo/tabbed_interface_lite/run.py
new file mode 100644
index 0000000..dedcf5a
--- /dev/null
+++ b/demo/tabbed_interface_lite/run.py
@@ -0,0 +1,10 @@
+import gradio as gr
+
+hello_world = gr.Interface(lambda name: "Hello " + name, "text", "text", api_name="predict")
+bye_world = gr.Interface(lambda name: "Bye " + name, "text", "text", api_name="predict")
+chat = gr.ChatInterface(lambda *args: "Hello " + args[0], api_name="chat")
+
+demo = gr.TabbedInterface([hello_world, bye_world, chat], ["Hello World", "Bye World", "Chat"])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/tabs/run.py b/demo/tabs/run.py
new file mode 100644
index 0000000..4b22953
--- /dev/null
+++ b/demo/tabs/run.py
@@ -0,0 +1,71 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tabs() as outer_tabs:
+        with gr.Tab("Set 1"):
+            with gr.Tabs(selected="a3") as tabs_1:
+                tabset_1 = []
+                textset_1 = []
+                for i in range(10):
+                    with gr.Tab(f"Tab {i+1}", id=f"a{i+1}") as tab:
+                        gr.Markdown(f"Text {i+1}!")
+                        textbox = gr.Textbox(label=f"Input {i+1}")
+                        tabset_1.append(tab)
+                        textset_1.append(textbox)
+        with gr.Tab("Set 2"):
+            tabset_2 = []
+            textset_2 = []
+            for i in range(10):
+                with gr.Tab(f"Tab {i+11}") as tab:
+                    gr.Markdown(f"Text {i+11}!")
+                    textbox = gr.Textbox(label=f"Input {i+11}")
+                    tabset_2.append(tab)
+                    textset_2.append(textbox)
+
+        for text1, text2 in zip(textset_1, textset_2):
+            text1.submit(lambda x: x, text1, text2)
+
+        with gr.Tab("Locked Tab", id="locked", interactive=False) as locked_tab:
+            gr.Markdown("This tab was unlocked!")
+
+    selected = gr.Textbox(label="Selected Tab")
+    outer_selected = gr.Textbox(label="Outer Container Tab")
+    select_count = gr.Number(label="Tab Select Count", value=0)
+    with gr.Row():
+        hide_odd_btn = gr.Button("Hide Odd Tabs")
+        show_all_btn = gr.Button("Show All Tabs")
+        make_even_uninteractive_btn = gr.Button("Make Even Tabs Uninteractive")
+        make_all_interactive_btn = gr.Button("Make All Tabs Interactive")
+        unlock_btn = gr.Button("Unlock Tab")
+
+    select_tab_num = gr.Number(label="Select Tab #", value=1)
+
+    hide_odd_btn.click(lambda: [gr.Tab(visible=i % 2 == 1) for i, _ in enumerate(tabset_1 + tabset_2)], outputs=(tabset_1 + tabset_2))
+    show_all_btn.click(lambda: [gr.Tab(visible=True) for tab in tabset_1 + tabset_2], outputs=(tabset_1 + tabset_2))
+    make_even_uninteractive_btn.click(lambda: [gr.Tab(interactive=i % 2 == 0) for i, _ in enumerate(tabset_1 + tabset_2)], outputs=(tabset_1 + tabset_2))
+    make_all_interactive_btn.click(lambda: [gr.Tab(interactive=True) for tab in tabset_1 + tabset_2], outputs=(tabset_1 + tabset_2))
+    unlock_btn.click(lambda: gr.Tab(interactive=True), outputs=locked_tab)
+    select_tab_num.submit(lambda x: gr.Tabs(selected=f"a{x}"), inputs=select_tab_num, outputs=tabs_1)
+
+    def get_selected_index(evt: gr.SelectData):
+        return evt.value
+    gr.on([tab.select for tab in tabset_1 + tabset_2], get_selected_index, outputs=selected)
+
+    # Count how many times the per-tab `select` fires. Uses a server-side
+    # accumulator (not a read-modify-write of the component) so concurrent
+    # dispatches under `trigger_mode="multiple"` can't clobber each other, and
+    # `trigger_mode="multiple"` so a double-dispatch regression isn't masked by
+    # the default "once" mode.
+    tab_select_count = {"n": 0}
+    def count_tab_select():
+        tab_select_count["n"] += 1
+        return tab_select_count["n"]
+    gr.on([tab.select for tab in tabset_1 + tabset_2], count_tab_select, outputs=select_count, trigger_mode="multiple")
+
+    # The `select` event on a Tabs container should fire when its active tab changes.
+    def get_outer_selected(evt: gr.SelectData):
+        return evt.value
+    outer_tabs.select(get_outer_selected, None, outer_selected)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/tabs_visibility/run.py b/demo/tabs_visibility/run.py
new file mode 100644
index 0000000..4b6c026
--- /dev/null
+++ b/demo/tabs_visibility/run.py
@@ -0,0 +1,36 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Tab("abc"):
+        gr.Textbox(label="abc")
+    with gr.Tab("def", visible=False) as t:
+        gr.Textbox(label="def")
+    with gr.Tab("ghi"):
+        gr.Textbox(label="ghi")
+    with gr.Tab("jkl", visible=False) as t2:
+        gr.Textbox(label="jkl")
+    with gr.Tab("mno"):
+        gr.Textbox(label="mno")
+    with gr.Tab("pqr", visible=False) as t3:
+        gr.Textbox(label="pqr")
+    with gr.Tab("stu"):
+        gr.Textbox(label="stu")
+    with gr.Tab("vwx", visible=False) as t4:
+        gr.Textbox(label="vwx")
+    with gr.Tab("yz"):
+        gr.Textbox(label="yz")
+    b = gr.Button("Make visible")
+
+    b.click(
+        lambda: [
+            gr.Tab(visible=True),
+            gr.Tab(visible=True),
+            gr.Tab(visible=True),
+            gr.Tab(visible=True),
+        ],
+        inputs=None,
+        outputs=[t, t2, t3, t4],
+    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/tax_calculator/DESCRIPTION.md b/demo/tax_calculator/DESCRIPTION.md
new file mode 100644
index 0000000..9ed8163
--- /dev/null
+++ b/demo/tax_calculator/DESCRIPTION.md
@@ -0,0 +1 @@
+Calculate taxes using Textbox, Radio, and Dataframe components
\ No newline at end of file
diff --git a/demo/tax_calculator/run.py b/demo/tax_calculator/run.py
new file mode 100644
index 0000000..0add680
--- /dev/null
+++ b/demo/tax_calculator/run.py
@@ -0,0 +1,40 @@
+import gradio as gr
+
+def tax_calculator(income, marital_status, assets):
+    tax_brackets = [(10, 0), (25, 8), (60, 12), (120, 20), (250, 30)]
+    total_deductible = sum(cost for cost, deductible in zip(assets["Cost"], assets["Deductible"]) if deductible)
+    taxable_income = income - total_deductible
+
+    total_tax = 0
+    for bracket, rate in tax_brackets:
+        if taxable_income > bracket:
+            total_tax += (taxable_income - bracket) * rate / 100
+
+    if marital_status == "Married":
+        total_tax *= 0.75
+    elif marital_status == "Divorced":
+        total_tax *= 0.8
+
+    return round(total_tax)
+
+demo = gr.Interface(
+    tax_calculator,
+    [
+        "number",
+        gr.Radio(["Single", "Married", "Divorced"]),
+        gr.Dataframe(
+            headers=["Item", "Cost", "Deductible"],
+            datatype=["str", "number", "bool"],  # type: ignore
+            label="Assets Purchased this Year",
+        ),
+    ],
+    gr.Number(label="Tax due"),
+    examples=[
+        [10000, "Married", [["Suit", 5000, True], ["Laptop (for work)", 800, False], ["Car", 1800, True]]],
+        [80000, "Single", [["Suit", 800, True], ["Watch", 1800, True], ["Food", 800, True]]],
+    ],
+    live=True,
+    api_name="predict"
+)
+
+demo.launch()
diff --git a/demo/test_chatinterface_examples/eager_caching_examples_testcase.py b/demo/test_chatinterface_examples/eager_caching_examples_testcase.py
new file mode 100644
index 0000000..57f3b77
--- /dev/null
+++ b/demo/test_chatinterface_examples/eager_caching_examples_testcase.py
@@ -0,0 +1,26 @@
+import gradio as gr
+
+def generate(
+    message: str,
+    chat_history: list[dict],
+):
+
+    output = ""
+    for character in message:
+        output += character
+        yield output
+
+
+demo = gr.ChatInterface(
+    fn=generate,
+    examples=[
+        ["Hey"],
+        ["Can you explain briefly to me what is the Python programming language?"],
+    ],
+    cache_examples=True,
+    cache_mode="eager",
+)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_examples/lazy_caching_examples_testcase.py b/demo/test_chatinterface_examples/lazy_caching_examples_testcase.py
new file mode 100644
index 0000000..fc2b8c1
--- /dev/null
+++ b/demo/test_chatinterface_examples/lazy_caching_examples_testcase.py
@@ -0,0 +1,26 @@
+import gradio as gr
+
+def generate(
+    message: str,
+    chat_history: list[dict],
+):
+
+    output = ""
+    for character in message:
+        output += character
+        yield output
+
+
+demo = gr.ChatInterface(
+    fn=generate,
+    examples=[
+        ["Hey"],
+        ["Can you explain briefly to me what is the Python programming language?"],
+    ],
+    cache_examples=True,
+    cache_mode="lazy",
+)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_examples/multimodal_messages_examples_testcase.py b/demo/test_chatinterface_examples/multimodal_messages_examples_testcase.py
new file mode 100644
index 0000000..6f82345
--- /dev/null
+++ b/demo/test_chatinterface_examples/multimodal_messages_examples_testcase.py
@@ -0,0 +1,26 @@
+import gradio as gr
+
+def generate(
+    message: dict,
+    chat_history: list[dict],
+):
+
+    output = ""
+    for character in message['text']:
+        output += character
+        yield output
+
+
+demo = gr.ChatInterface(
+    fn=generate,
+    examples=[
+        [{"text": "Hey"}],
+        [{"text": "Can you explain briefly to me what is the Python programming language?"}],
+    ],
+    cache_examples=False,
+    multimodal=True,
+)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_examples/run.py b/demo/test_chatinterface_examples/run.py
new file mode 100644
index 0000000..d6c25af
--- /dev/null
+++ b/demo/test_chatinterface_examples/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+
+def generate(
+    message: str,
+    chat_history: list[dict],
+):
+
+    output = ""
+    for character in message:
+        output += character
+        yield output
+
+
+demo = gr.ChatInterface(
+    fn=generate,
+    examples=[
+        ["Hey"],
+        ["Can you explain briefly to me what is the Python programming language?"],
+    ],
+    cache_examples=False,
+)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_multimodal_examples/cached_testcase.py b/demo/test_chatinterface_multimodal_examples/cached_testcase.py
new file mode 100644
index 0000000..509c590
--- /dev/null
+++ b/demo/test_chatinterface_multimodal_examples/cached_testcase.py
@@ -0,0 +1,18 @@
+import gradio as gr
+
+image = gr.get_image("avatar.png")
+audio = gr.get_audio("cantina.wav")
+
+def echo(message, history):
+    return f"You wrote: {message['text']} and uploaded {len(message['files'])} files."
+
+demo = gr.ChatInterface(
+    fn=echo,
+    examples=[{"text": "hello"}, {"text": "hola", "files": [image]}, {"text": "merhaba", "files": [image, audio]}],  # type: ignore
+    title="Echo Bot",
+    multimodal=True,
+    api_name="chat",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_multimodal_examples/run.py b/demo/test_chatinterface_multimodal_examples/run.py
new file mode 100644
index 0000000..509c590
--- /dev/null
+++ b/demo/test_chatinterface_multimodal_examples/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+
+image = gr.get_image("avatar.png")
+audio = gr.get_audio("cantina.wav")
+
+def echo(message, history):
+    return f"You wrote: {message['text']} and uploaded {len(message['files'])} files."
+
+demo = gr.ChatInterface(
+    fn=echo,
+    examples=[{"text": "hello"}, {"text": "hola", "files": [image]}, {"text": "merhaba", "files": [image, audio]}],  # type: ignore
+    title="Echo Bot",
+    multimodal=True,
+    api_name="chat",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_streaming_echo/multimodal_group_messages_testcase.py b/demo/test_chatinterface_streaming_echo/multimodal_group_messages_testcase.py
new file mode 100644
index 0000000..9a56962
--- /dev/null
+++ b/demo/test_chatinterface_streaming_echo/multimodal_group_messages_testcase.py
@@ -0,0 +1,28 @@
+import gradio as gr
+
+runs = 0
+
+def reset_runs():
+    global runs
+    runs = 0
+
+def slow_echo(message, history):
+    global runs  # i didn't want to add state or anything to this demo
+    runs = runs + 1
+    for i in range(len(message['text'])):
+        yield f"Run {runs} - You typed: " + message['text'][: i + 1]
+    if "files" in message and message["files"]:
+        yield f"Run {runs} - You typed: " + message['text'] + f" And you sent {len(message['files'])} files"
+
+chat = gr.ChatInterface(slow_echo, multimodal=True)
+
+with gr.Blocks() as demo:
+    chat.render()
+    # We reset the global variable to minimize flakes
+    # this works because CI runs only one test at at time
+    # need to use gr.State if we want to parallelize this test
+    # currently chatinterface does not support that
+    demo.unload(reset_runs)
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/test_chatinterface_streaming_echo/multimodal_messages_testcase.py b/demo/test_chatinterface_streaming_echo/multimodal_messages_testcase.py
new file mode 100644
index 0000000..4dd7bd2
--- /dev/null
+++ b/demo/test_chatinterface_streaming_echo/multimodal_messages_testcase.py
@@ -0,0 +1,26 @@
+import gradio as gr
+
+runs = 0
+
+def reset_runs():
+    global runs
+    runs = 0
+
+def slow_echo(message, history):
+    global runs  # i didn't want to add state or anything to this demo
+    runs = runs + 1
+    for i in range(len(message['text'])):
+        yield f"Run {runs} - You typed: " + message['text'][: i + 1]
+
+chat = gr.ChatInterface(slow_echo, multimodal=True, api_name="chat")
+
+with gr.Blocks() as demo:
+    chat.render()
+    # We reset the global variable to minimize flakes
+    # this works because CI runs only one test at at time
+    # need to use gr.State if we want to parallelize this test
+    # currently chatinterface does not support that
+    demo.unload(reset_runs)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_streaming_echo/multimodal_non_stream_testcase.py b/demo/test_chatinterface_streaming_echo/multimodal_non_stream_testcase.py
new file mode 100644
index 0000000..8b93341
--- /dev/null
+++ b/demo/test_chatinterface_streaming_echo/multimodal_non_stream_testcase.py
@@ -0,0 +1,25 @@
+import gradio as gr
+
+runs = 0
+
+def reset_runs():
+    global runs
+    runs = 0
+
+def slow_echo(message, history):
+    global runs  # i didn't want to add state or anything to this demo
+    runs = runs + 1
+    return f"Run {runs} - You typed: " + message['text']
+
+chat = gr.ChatInterface(slow_echo, multimodal=True, api_name="chat")
+
+with gr.Blocks() as demo:
+    chat.render()
+    # We reset the global variable to minimize flakes
+    # this works because CI runs only one test at at time
+    # need to use gr.State if we want to parallelize this test
+    # currently chatinterface does not support that
+    demo.unload(reset_runs)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/test_chatinterface_streaming_echo/run.py b/demo/test_chatinterface_streaming_echo/run.py
new file mode 100644
index 0000000..a69d35e
--- /dev/null
+++ b/demo/test_chatinterface_streaming_echo/run.py
@@ -0,0 +1,28 @@
+import gradio as gr
+import time
+
+runs = 0
+
+def reset_runs():
+    global runs
+    runs = 0
+
+def slow_echo(message, history):
+    global runs  # i didn't want to add state or anything to this demo
+    runs = runs + 1
+    for i in range(len(message)):
+        time.sleep(0.02)
+        yield f"Run {runs} - You typed: " + message[: i + 1]
+
+chat = gr.ChatInterface(slow_echo, fill_height=True, editable=True, api_name="chat")
+
+with gr.Blocks() as demo:
+    chat.render()
+    # We reset the global variable to minimize flakes
+    # this works because CI runs only one test at at time
+    # need to use gr.State if we want to parallelize this test
+    # currently chatinterface does not support that
+    demo.unload(reset_runs)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/text_analysis/DESCRIPTION.md b/demo/text_analysis/DESCRIPTION.md
new file mode 100644
index 0000000..dddeb43
--- /dev/null
+++ b/demo/text_analysis/DESCRIPTION.md
@@ -0,0 +1 @@
+This simple demo takes advantage of Gradio's HighlightedText, JSON and HTML outputs to create a clear NER segmentation.
\ No newline at end of file
diff --git a/demo/text_analysis/requirements.txt b/demo/text_analysis/requirements.txt
new file mode 100644
index 0000000..33ea94c
--- /dev/null
+++ b/demo/text_analysis/requirements.txt
@@ -0,0 +1 @@
+spacy
\ No newline at end of file
diff --git a/demo/text_analysis/run.py b/demo/text_analysis/run.py
new file mode 100644
index 0000000..2cf76d3
--- /dev/null
+++ b/demo/text_analysis/run.py
@@ -0,0 +1,39 @@
+import gradio as gr
+import os
+os.system('python -m spacy download en_core_web_sm')
+import spacy  # type: ignore
+from spacy import displacy  # type: ignore
+
+nlp = spacy.load("en_core_web_sm")
+
+def text_analysis(text):
+    doc = nlp(text)
+    html = displacy.render(doc, style="dep", page=True)
+    html = (
+        "<div style='max-width:100%; max-height:360px; overflow:auto'>"
+        + html
+        + "</div>"
+    )
+    pos_count = {
+        "char_count": len(text),
+        "token_count": 0,
+    }
+    pos_tokens = []
+
+    for token in doc:
+        pos_tokens.extend([(token.text, token.pos_), (" ", None)])
+
+    return pos_tokens, pos_count, html
+
+demo = gr.Interface(
+    text_analysis,
+    gr.Textbox(placeholder="Enter sentence here..."),
+    ["highlight", "json", "html"],
+    examples=[
+        ["What a beautiful morning for a walk!"],
+        ["It was the best of times, it was the worst of times."],
+    ],
+    api_name="predict",
+)
+
+demo.launch()
diff --git a/demo/text_analysis/screenshot.png b/demo/text_analysis/screenshot.png
new file mode 100644
index 0000000..95d4756
Binary files /dev/null and b/demo/text_analysis/screenshot.png differ
diff --git a/demo/text_analysis/setup.sh b/demo/text_analysis/setup.sh
new file mode 100644
index 0000000..ad8bb8e
--- /dev/null
+++ b/demo/text_analysis/setup.sh
@@ -0,0 +1 @@
+python -m spacy download en_core_web_sm
\ No newline at end of file
diff --git a/demo/text_generation/DESCRIPTION.md b/demo/text_generation/DESCRIPTION.md
new file mode 100644
index 0000000..5b9716d
--- /dev/null
+++ b/demo/text_generation/DESCRIPTION.md
@@ -0,0 +1 @@
+This text generation demo takes in input text and returns generated text. It uses the Transformers library to set up the model and has two examples.
\ No newline at end of file
diff --git a/demo/text_generation/requirements.txt b/demo/text_generation/requirements.txt
new file mode 100644
index 0000000..05ec8d9
--- /dev/null
+++ b/demo/text_generation/requirements.txt
@@ -0,0 +1,3 @@
+git+https://github.com/huggingface/transformers
+gradio
+torch
\ No newline at end of file
diff --git a/demo/text_generation/run.py b/demo/text_generation/run.py
new file mode 100644
index 0000000..1c49784
--- /dev/null
+++ b/demo/text_generation/run.py
@@ -0,0 +1,22 @@
+import gradio as gr
+from transformers import pipeline
+
+generator = pipeline('text-generation', model='gpt2')
+
+def generate(text):
+    result = generator(text, max_length=30, num_return_sequences=1)
+    return result[0]["generated_text"]  # type: ignore
+
+examples = [
+    ["The Moon's orbit around Earth has"],
+    ["The smooth Borealis basin in the Northern Hemisphere covers 40%"],
+]
+
+demo = gr.Interface(
+    fn=generate,
+    inputs=gr.Textbox(lines=5, label="Input Text"),
+    outputs=gr.Textbox(label="Generated Text"),
+    examples=examples
+)
+
+demo.launch()
diff --git a/demo/textbox_component/run.py b/demo/textbox_component/run.py
new file mode 100644
index 0000000..86b8316
--- /dev/null
+++ b/demo/textbox_component/run.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Textbox()
+
+demo.launch()
diff --git a/demo/textbox_custom_buttons/run.py b/demo/textbox_custom_buttons/run.py
new file mode 100644
index 0000000..79153e2
--- /dev/null
+++ b/demo/textbox_custom_buttons/run.py
@@ -0,0 +1,56 @@
+import gradio as gr
+
+def export_data(text):
+    print("Exporting data:", text)
+    return "Data exported to server!"
+
+def refresh_data():
+    import random
+    return f"Refreshed content: {random.randint(1000, 9999)}"
+
+with gr.Blocks() as demo:
+    gr.Markdown("""
+    # Textbox with Custom Buttons Demo
+    
+    This demo showcases custom buttons in a Textbox component that can trigger either (or both):
+    - **Python functions** 
+    - **JS functions** (with and without input parameters)
+    
+    You can use emojis, text, or icons for the buttons.
+    """)
+    
+    gr.Markdown("### Textbox with Custom Buttons")
+    refresh_btn = gr.Button("Refresh")
+    alert_btn = gr.Button("⚠️ Alert")
+    clear_btn = gr.Button("🗑️")
+    
+    textbox = gr.Textbox(
+        value="Sample text content that can be exported, refreshed, or transformed.",
+        buttons=["copy", refresh_btn, alert_btn, clear_btn],
+        label="Sample Text",
+        lines=5
+    )
+    
+    output = gr.Textbox(label="Output (Python Function Result)")
+        
+    
+    refresh_btn.click(refresh_data, outputs=textbox)
+    
+    alert_btn.click(
+        None,
+        inputs=textbox,
+        outputs=[],
+        js="(text) => { alert('This is a JavaScript alert!\\n\\nTextbox content: ' + text); return []; }"
+    )
+    
+    
+    clear_btn.click(
+        None,
+        inputs=[],
+        outputs=textbox,
+        js="() => ''"
+    )
+
+if __name__ == "__main__":
+    demo.launch()
+
diff --git a/demo/theme_builder/custom_css.css b/demo/theme_builder/custom_css.css
new file mode 100644
index 0000000..b09990e
--- /dev/null
+++ b/demo/theme_builder/custom_css.css
@@ -0,0 +1,21 @@
+.gradio-container {
+    overflow: visible !important;
+    max-width: none !important;
+}
+#controls {
+    max-height: 100vh;
+    flex-wrap: unset;
+    overflow-y: scroll;
+    position: sticky;
+    top: 0;
+}
+#controls::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 7px;
+}
+
+#controls::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, .5);
+  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
+}
\ No newline at end of file
diff --git a/demo/theme_builder/run.py b/demo/theme_builder/run.py
new file mode 100644
index 0000000..05f3199
--- /dev/null
+++ b/demo/theme_builder/run.py
@@ -0,0 +1,7 @@
+import gradio as gr
+from gradio.themes.builder_app import demo
+
+if __name__ == "__main__":
+    from gradio.utils import get_space
+    path = "custom_css.css" if get_space() else "demo/custom_css/custom_css.css"
+    demo.launch(css_paths=["demo/custom_css/custom_css.css"], theme=gr.themes.Base(), head="<style id='theme_css'></style>")
diff --git a/demo/theme_extended_step_1/run.py b/demo/theme_extended_step_1/run.py
new file mode 100644
index 0000000..254a486
--- /dev/null
+++ b/demo/theme_extended_step_1/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+import time
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(theme=gr.themes.Default(primary_hue="red", secondary_hue="pink"))
diff --git a/demo/theme_extended_step_2/run.py b/demo/theme_extended_step_2/run.py
new file mode 100644
index 0000000..d984540
--- /dev/null
+++ b/demo/theme_extended_step_2/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+import time
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(theme=gr.themes.Default(spacing_size="sm", radius_size="none"))
diff --git a/demo/theme_extended_step_3/run.py b/demo/theme_extended_step_3/run.py
new file mode 100644
index 0000000..32af46e
--- /dev/null
+++ b/demo/theme_extended_step_3/run.py
@@ -0,0 +1,23 @@
+import gradio as gr
+import time
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(
+    theme=gr.themes.Default(
+        font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]
+    )
+)
diff --git a/demo/theme_extended_step_4/run.py b/demo/theme_extended_step_4/run.py
new file mode 100644
index 0000000..1b8eb2f
--- /dev/null
+++ b/demo/theme_extended_step_4/run.py
@@ -0,0 +1,24 @@
+import gradio as gr
+import time
+
+theme = gr.themes.Default(primary_hue="blue").set(
+    loader_color="#FF0000",
+    slider_color="#FF0000",
+)
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(theme=theme)
diff --git a/demo/theme_new_step_1/run.py b/demo/theme_new_step_1/run.py
new file mode 100644
index 0000000..cd5ff21
--- /dev/null
+++ b/demo/theme_new_step_1/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+from gradio.themes.base import Base
+import time
+
+class Seafoam(Base):
+    pass
+
+seafoam = Seafoam()
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(theme=seafoam)
diff --git a/demo/theme_new_step_2/run.py b/demo/theme_new_step_2/run.py
new file mode 100644
index 0000000..0b82a9c
--- /dev/null
+++ b/demo/theme_new_step_2/run.py
@@ -0,0 +1,61 @@
+from __future__ import annotations
+from typing import Iterable
+import gradio as gr
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+import time
+
+class Seafoam(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.emerald,
+        secondary_hue: colors.Color | str = colors.blue,
+        neutral_hue: colors.Color | str = colors.gray,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_lg,
+        font: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Quicksand"),
+            "ui-sans-serif",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("IBM Plex Mono"),
+            "ui-monospace",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+
+seafoam = Seafoam()
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(theme=seafoam)
diff --git a/demo/theme_new_step_3/run.py b/demo/theme_new_step_3/run.py
new file mode 100644
index 0000000..fe376b9
--- /dev/null
+++ b/demo/theme_new_step_3/run.py
@@ -0,0 +1,76 @@
+from __future__ import annotations
+from typing import Iterable
+import gradio as gr
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+import time
+
+class Seafoam(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.emerald,
+        secondary_hue: colors.Color | str = colors.blue,
+        neutral_hue: colors.Color | str = colors.blue,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_lg,
+        font: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("Quicksand"),
+            "ui-sans-serif",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font
+        | str
+        | Iterable[fonts.Font | str] = (
+            fonts.GoogleFont("IBM Plex Mono"),
+            "ui-monospace",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        super().set(
+            body_background_fill="repeating-linear-gradient(45deg, *primary_200, *primary_200 10px, *primary_50 10px, *primary_50 20px)",
+            body_background_fill_dark="repeating-linear-gradient(45deg, *primary_800, *primary_800 10px, *primary_900 10px, *primary_900 20px)",
+            button_primary_background_fill="linear-gradient(90deg, *primary_300, *secondary_400)",
+            button_primary_background_fill_hover="linear-gradient(90deg, *primary_200, *secondary_300)",
+            button_primary_text_color="white",
+            button_primary_background_fill_dark="linear-gradient(90deg, *primary_600, *secondary_800)",
+            slider_color="*secondary_300",
+            slider_color_dark="*secondary_600",
+            block_title_text_weight="600",
+            block_border_width="3px",
+            block_shadow="*shadow_drop_lg",
+            button_primary_shadow="*shadow_drop_lg",
+            button_large_padding="32px",
+        )
+
+seafoam = Seafoam()
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(theme=seafoam)
diff --git a/demo/theme_soft/run.py b/demo/theme_soft/run.py
new file mode 100644
index 0000000..63b21ca
--- /dev/null
+++ b/demo/theme_soft/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+import time
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Name")
+    slider = gr.Slider(label="Count", minimum=0, maximum=100, step=1)
+    with gr.Row():
+        button = gr.Button("Submit", variant="primary")
+        clear = gr.Button("Clear")
+    output = gr.Textbox(label="Output")
+
+    def repeat(name, count):
+        time.sleep(3)
+        return name * count
+
+    button.click(repeat, [textbox, slider], output)
+
+if __name__ == "__main__":
+    demo.launch(theme=gr.themes.Soft())
diff --git a/demo/tictactoe/run.py b/demo/tictactoe/run.py
new file mode 100644
index 0000000..ddfaea5
--- /dev/null
+++ b/demo/tictactoe/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    turn = gr.Textbox("X", interactive=False, label="Turn")
+    board = gr.Dataframe(value=[["", "", ""]] * 3, interactive=False, type="array")
+
+    def place(board: list[list[int]], turn, evt: gr.SelectData):  # type: ignore
+        if evt.value:
+            return board, turn
+        board[evt.index[0]][evt.index[1]] = turn
+        turn = "O" if turn == "X" else "X"
+        return board, turn
+
+    board.select(place, [board, turn], [board, turn], show_progress="hidden")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/timer/run.py b/demo/timer/run.py
new file mode 100644
index 0000000..37f7608
--- /dev/null
+++ b/demo/timer/run.py
@@ -0,0 +1,31 @@
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+  timer = gr.Timer(1)
+  timestamp = gr.Number(label="Time")
+  timer.tick(lambda: round(time.time()), outputs=timestamp)
+  gr.Number(lambda: round(time.time()), label="Time 2", every=1)
+
+  with gr.Row():
+    timestamp_3 = gr.Number()
+    start_btn = gr.Button("Start")
+    stop_btn = gr.Button("Stop")
+
+    time_3 = start_btn.click(lambda: round(time.time()), None, timestamp_3, every=1)
+    stop_btn.click(fn=None, cancels=time_3)
+
+  with gr.Row():
+    min = gr.Number(1, label="Min")
+    max = gr.Number(10, label="Max")
+  timer2 = gr.Timer(1)
+  number = gr.Number(lambda a, b: random.randint(a, b), inputs=[min, max], every=timer2, label="Random Number")
+  with gr.Row():
+    gr.Button("Start").click(lambda: gr.Timer(active=True), None, timer2)
+    gr.Button("Stop").click(lambda: gr.Timer(active=False), None, timer2)
+    gr.Button("Go Fast").click(lambda: 0.2, None, timer2)
+    gr.Button("Go Slow").click(lambda: 2, None, timer2)
+
+if __name__ == "__main__":
+  demo.launch()
diff --git a/demo/timer_simple/run.py b/demo/timer_simple/run.py
new file mode 100644
index 0000000..9c93557
--- /dev/null
+++ b/demo/timer_simple/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+import random
+import time
+
+with gr.Blocks() as demo:
+  timer = gr.Timer(1)
+  timestamp = gr.Number(label="Time")
+  timer.tick(lambda: round(time.time()), outputs=timestamp, api_name="timestamp")
+
+  number = gr.Number(lambda: random.randint(1, 10), every=timer, label="Random Number")
+  with gr.Row():
+    gr.Button("Start").click(lambda: gr.Timer(active=True), None, timer)
+    gr.Button("Stop").click(lambda: gr.Timer(active=False), None, timer)
+    gr.Button("Go Fast").click(lambda: 0.2, None, timer)
+
+if __name__ == "__main__":
+  demo.launch()
diff --git a/demo/timeseries-forecasting-with-prophet/DESCRIPTION.md b/demo/timeseries-forecasting-with-prophet/DESCRIPTION.md
new file mode 100644
index 0000000..2914bc9
--- /dev/null
+++ b/demo/timeseries-forecasting-with-prophet/DESCRIPTION.md
@@ -0,0 +1 @@
+A simple dashboard showing pypi stats for python libraries. Updates on load, and has no buttons!
\ No newline at end of file
diff --git a/demo/timeseries-forecasting-with-prophet/requirements.txt b/demo/timeseries-forecasting-with-prophet/requirements.txt
new file mode 100644
index 0000000..22bb657
--- /dev/null
+++ b/demo/timeseries-forecasting-with-prophet/requirements.txt
@@ -0,0 +1,5 @@
+holidays==0.24
+prophet==1.1.2
+pandas
+pypistats
+plotly
\ No newline at end of file
diff --git a/demo/timeseries-forecasting-with-prophet/run.py b/demo/timeseries-forecasting-with-prophet/run.py
new file mode 100644
index 0000000..b5eeedf
--- /dev/null
+++ b/demo/timeseries-forecasting-with-prophet/run.py
@@ -0,0 +1,41 @@
+import gradio as gr
+import pypistats  # type: ignore
+from datetime import date
+from dateutil.relativedelta import relativedelta
+import pandas as pd
+from prophet import Prophet  # type: ignore
+pd.options.plotting.backend = "plotly"
+
+def get_forecast(lib, time):
+
+    data = pypistats.overall(lib, total=True, format="pandas")
+    data = data.groupby("category").get_group("with_mirrors").sort_values("date")
+    start_date = date.today() - relativedelta(months=int(time.split(" ")[0]))
+    df = data[(data['date'] > str(start_date))]
+
+    df1 = df[['date','downloads']]
+    df1.columns = ['ds','y']
+
+    m = Prophet()
+    m.fit(df1)
+    future = m.make_future_dataframe(periods=90)
+    forecast = m.predict(future)
+    fig1 = m.plot(forecast)
+    return fig1
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+    """
+    **Pypi Download Stats 📈 with Prophet Forecasting**: see live download stats for popular open-source libraries 🤗 along with a 3 month forecast using Prophet. The [ source code for this Gradio demo is here](https://huggingface.co/spaces/gradio/timeseries-forecasting-with-prophet/blob/main/app.py).
+    """)
+    with gr.Row():
+        lib = gr.Dropdown(["pandas", "scikit-learn", "torch", "prophet"], label="Library", value="pandas")
+        time = gr.Dropdown(["3 months", "6 months", "9 months", "12 months"], label="Downloads over the last...", value="12 months")
+
+    plt = gr.Plot()
+
+    lib.change(get_forecast, [lib, time], plt, queue=False)
+    time.change(get_forecast, [lib, time], plt, queue=False)
+    demo.load(get_forecast, [lib, time], plt, queue=False)
+
+demo.launch()
diff --git a/demo/titanic_survival/requirements.txt b/demo/titanic_survival/requirements.txt
new file mode 100644
index 0000000..2bfe97f
--- /dev/null
+++ b/demo/titanic_survival/requirements.txt
@@ -0,0 +1,3 @@
+scikit-learn
+numpy
+pandas
\ No newline at end of file
diff --git a/demo/titanic_survival/run.py b/demo/titanic_survival/run.py
new file mode 100644
index 0000000..0a6d5ef
--- /dev/null
+++ b/demo/titanic_survival/run.py
@@ -0,0 +1,106 @@
+import pandas as pd
+from sklearn.ensemble import RandomForestClassifier  # type: ignore
+from sklearn.model_selection import train_test_split  # type: ignore
+
+import gradio as gr
+# get_file() returns the file path to sample data files included with Gradio
+from gradio.media import get_file
+
+data = pd.read_csv(get_file("titanic.csv"))
+
+def encode_age(df):
+    df.Age = df.Age.fillna(-0.5)
+    bins = (-1, 0, 5, 12, 18, 25, 35, 60, 120)
+    categories = pd.cut(df.Age, bins, labels=False)
+    df.Age = categories
+    return df
+
+def encode_fare(df):
+    df.Fare = df.Fare.fillna(-0.5)
+    bins = (-1, 0, 8, 15, 31, 1000)
+    categories = pd.cut(df.Fare, bins, labels=False)
+    df.Fare = categories
+    return df
+
+def encode_df(df):
+    df = encode_age(df)
+    df = encode_fare(df)
+    sex_mapping = {"male": 0, "female": 1}
+    df = df.replace({"Sex": sex_mapping})
+    embark_mapping = {"S": 1, "C": 2, "Q": 3}
+    df = df.replace({"Embarked": embark_mapping})
+    df.Embarked = df.Embarked.fillna(0)
+    df["Company"] = 0
+    df.loc[(df["SibSp"] > 0), "Company"] = 1
+    df.loc[(df["Parch"] > 0), "Company"] = 2
+    df.loc[(df["SibSp"] > 0) & (df["Parch"] > 0), "Company"] = 3
+    df = df[
+        [
+            "PassengerId",
+            "Pclass",
+            "Sex",
+            "Age",
+            "Fare",
+            "Embarked",
+            "Company",
+            "Survived",
+        ]
+    ]
+    return df
+
+train = encode_df(data)
+
+X_all = train.drop(["Survived", "PassengerId"], axis=1)
+y_all = train["Survived"]
+
+num_test = 0.20
+X_train, X_test, y_train, y_test = train_test_split(
+    X_all, y_all, test_size=num_test, random_state=23
+)
+
+clf = RandomForestClassifier()
+clf.fit(X_train, y_train)
+predictions = clf.predict(X_test)
+
+def predict_survival(passenger_class, is_male, age, company, fare, embark_point):
+    if passenger_class is None or embark_point is None:
+        return None
+    df = pd.DataFrame.from_dict(
+        {
+            "Pclass": [passenger_class + 1],
+            "Sex": [0 if is_male else 1],
+            "Age": [age],
+            "Fare": [fare],
+            "Embarked": [embark_point + 1],
+            "Company": [
+                (1 if "Sibling" in company else 0) + (2 if "Child" in company else 0)
+            ]
+        }
+    )
+    df = encode_age(df)
+    df = encode_fare(df)
+    pred = clf.predict_proba(df)[0]
+    return {"Perishes": float(pred[0]), "Survives": float(pred[1])}
+
+demo = gr.Interface(
+    predict_survival,
+    [
+        gr.Dropdown(["first", "second", "third"], type="index"),
+        "checkbox",
+        gr.Slider(0, 80, value=25),
+        gr.CheckboxGroup(["Sibling", "Child"], label="Travelling with (select all)"),
+        gr.Number(value=20),
+        gr.Radio(["S", "C", "Q"], type="index"),
+    ],
+    "label",
+    examples=[
+        ["first", True, 30, [], 50, "S"],
+        ["second", False, 40, ["Sibling", "Child"], 10, "Q"],
+        ["third", True, 30, ["Child"], 20, "S"],
+    ],
+    live=True,
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/titanic_survival/screenshot.png b/demo/titanic_survival/screenshot.png
new file mode 100644
index 0000000..20f698d
Binary files /dev/null and b/demo/titanic_survival/screenshot.png differ
diff --git a/demo/todo_list/run.py b/demo/todo_list/run.py
new file mode 100644
index 0000000..6edd226
--- /dev/null
+++ b/demo/todo_list/run.py
@@ -0,0 +1,38 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+
+    tasks = gr.State([])
+    new_task = gr.Textbox(label="Task Name", autofocus=True, max_lines=1)
+
+    def add_task(tasks, new_task_name):
+        return tasks + [{"name": new_task_name, "complete": False}], ""
+
+    new_task.submit(add_task, [tasks, new_task], [tasks, new_task])
+
+    @gr.render(inputs=tasks)
+    def render_todos(task_list):
+        complete = [task for task in task_list if task["complete"]]
+        incomplete = [task for task in task_list if not task["complete"]]
+        gr.Markdown(f"### Incomplete Tasks ({len(incomplete)})")
+        for task in incomplete:
+            with gr.Row():
+                gr.Textbox(task['name'], show_label=False, container=False)
+                done_btn = gr.Button("Done", scale=0)
+                def mark_done(task=task):
+                    task["complete"] = True
+                    return task_list
+                done_btn.click(mark_done, None, [tasks])
+
+                delete_btn = gr.Button("Delete", scale=0, variant="stop")
+                def delete(task=task):
+                    task_list.remove(task)
+                    return task_list
+                delete_btn.click(delete, None, [tasks])
+
+        gr.Markdown(f"### Complete Tasks ({len(complete)})")
+        for task in complete:
+            gr.Textbox(task['name'], show_label=False, container=False)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/todo_list_js/run.py b/demo/todo_list_js/run.py
new file mode 100644
index 0000000..4d58a15
--- /dev/null
+++ b/demo/todo_list_js/run.py
@@ -0,0 +1,32 @@
+"""
+This is a simple todo list app that allows you to edit tasks and mark tasks as complete.
+All actions are performed on the client side.
+"""
+import gradio as gr
+
+tasks = ["Get a job", "Marry rich", "", "", "", ""]
+textboxes = []
+buttons = []
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column(scale=3):
+            gr.Markdown("# A Simple Interactive Todo List")
+        with gr.Column(scale=2):
+            with gr.Row():
+                freeze_button = gr.Button("Freeze tasks", variant="stop")
+                edit_button = gr.Button("Edit tasks")
+    for i in range(6):
+        with gr.Row() as r:
+            t = gr.Textbox(tasks[i], placeholder="Enter a task", show_label=False, container=False, scale=7, interactive=True)
+            b = gr.Button("✔️", interactive=bool(tasks[i]), variant="primary" if tasks[i] else "secondary")
+            textboxes.append(t)
+            buttons.append(b)
+        t.change(lambda : gr.Button(interactive=True, variant="primary"), None, b, js=True)
+        b.click(lambda : gr.Row(visible=False), None, r, js=True)
+    freeze_button.click(lambda : [gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False), gr.Textbox(interactive=False)], None, textboxes, js=True)
+    edit_button.click(lambda : [gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True), gr.Textbox(interactive=True)], None, textboxes, js=True)
+    freeze_button.click(lambda : [gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False), gr.Button(visible=False)], None, buttons, js=True)
+    edit_button.click(lambda : [gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True), gr.Button(visible=True)], None, buttons, js=True)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/translation/DESCRIPTION.md b/demo/translation/DESCRIPTION.md
new file mode 100644
index 0000000..38e29c7
--- /dev/null
+++ b/demo/translation/DESCRIPTION.md
@@ -0,0 +1 @@
+This translation demo takes in the text, source and target languages, and returns the translation. It uses the Transformers library to set up the model and has a title, description, and example.
\ No newline at end of file
diff --git a/demo/translation/requirements.txt b/demo/translation/requirements.txt
new file mode 100644
index 0000000..05ec8d9
--- /dev/null
+++ b/demo/translation/requirements.txt
@@ -0,0 +1,3 @@
+git+https://github.com/huggingface/transformers
+gradio
+torch
\ No newline at end of file
diff --git a/demo/translation/run.py b/demo/translation/run.py
new file mode 100644
index 0000000..fe3b37a
--- /dev/null
+++ b/demo/translation/run.py
@@ -0,0 +1,35 @@
+# type: ignore
+import gradio as gr
+from transformers import AutoTokenizer, AutoModelForSeq2SeqLM, pipeline
+import torch
+
+# this model was loaded from https://hf.co/models
+model = AutoModelForSeq2SeqLM.from_pretrained("facebook/nllb-200-distilled-600M")
+tokenizer = AutoTokenizer.from_pretrained("facebook/nllb-200-distilled-600M")
+device = 0 if torch.cuda.is_available() else -1
+LANGS = ["ace_Arab", "eng_Latn", "fra_Latn", "spa_Latn"]
+
+def translate(text, src_lang, tgt_lang):
+    """
+    Translate the text from source lang to target lang
+    """
+    translation_pipeline = pipeline("translation", model=model, tokenizer=tokenizer, src_lang=src_lang, tgt_lang=tgt_lang, max_length=400, device=device)
+    result = translation_pipeline(text)
+    return result[0]['translation_text']  # type: ignore
+
+demo = gr.Interface(
+    fn=translate,
+    inputs=[
+        gr.components.Textbox(label="Text"),
+        gr.components.Dropdown(label="Source Language", choices=LANGS),
+        gr.components.Dropdown(label="Target Language", choices=LANGS),
+    ],
+    outputs=["text"],
+    examples=[["Building a translation demo with Gradio is so easy!", "eng_Latn", "spa_Latn"]],
+    cache_examples=False,
+    title="Translation Demo",
+    description="This demo is a simplified version of the original [NLLB-Translator](https://huggingface.co/spaces/Narrativaai/NLLB-Translator) space",
+    api_name="predict"
+)
+
+demo.launch()
diff --git a/demo/unified_demo_text_generation/requirements.txt b/demo/unified_demo_text_generation/requirements.txt
new file mode 100644
index 0000000..9216a18
--- /dev/null
+++ b/demo/unified_demo_text_generation/requirements.txt
@@ -0,0 +1,2 @@
+torch
+transformers
\ No newline at end of file
diff --git a/demo/unified_demo_text_generation/run.py b/demo/unified_demo_text_generation/run.py
new file mode 100644
index 0000000..c164727
--- /dev/null
+++ b/demo/unified_demo_text_generation/run.py
@@ -0,0 +1,15 @@
+import gradio as gr
+from transformers import pipeline
+
+generator = pipeline('text-generation', model = 'gpt2')
+
+def generate_text(text_prompt):
+  response = generator(text_prompt, max_length = 30, num_return_sequences=5)
+  return response[0]['generated_text']  # type: ignore
+
+textbox = gr.Textbox()
+
+demo = gr.Interface(generate_text, textbox, textbox, api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/unispeech-speaker-verification/requirements.txt b/demo/unispeech-speaker-verification/requirements.txt
new file mode 100644
index 0000000..baca898
--- /dev/null
+++ b/demo/unispeech-speaker-verification/requirements.txt
@@ -0,0 +1,2 @@
+git+https://github.com/huggingface/transformers
+torchaudio
diff --git a/demo/unispeech-speaker-verification/run.py b/demo/unispeech-speaker-verification/run.py
new file mode 100644
index 0000000..8b757fd
--- /dev/null
+++ b/demo/unispeech-speaker-verification/run.py
@@ -0,0 +1,117 @@
+# type: ignore
+import gradio as gr
+import torch
+from torchaudio.sox_effects import apply_effects_file  # type: ignore
+from transformers import AutoFeatureExtractor, AutoModelForAudioXVector
+
+device = torch.device("cuda" if torch.cuda.is_available() else "cpu")
+
+STYLE = """
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha256-YvdLHPgkqJ8DVUxjjnGVlMMJtNimJ6dYkowFFvp4kKs=" crossorigin="anonymous">
+"""
+OUTPUT_OK = (
+    STYLE
+    + """
+    <div class="container">
+        <div class="row"><h1 style="text-align: center">The speakers are</h1></div>
+        <div class="row"><h1 class="display-1 text-success" style="text-align: center">{:.1f}%</h1></div>
+        <div class="row"><h1 style="text-align: center">similar</h1></div>
+        <div class="row"><h1 class="text-success" style="text-align: center">Welcome, human!</h1></div>
+        <div class="row"><small style="text-align: center">(You must get at least 85% to be considered the same person)</small><div class="row">
+    </div>
+"""
+)
+OUTPUT_FAIL = (
+    STYLE
+    + """
+    <div class="container">
+        <div class="row"><h1 style="text-align: center">The speakers are</h1></div>
+        <div class="row"><h1 class="display-1 text-danger" style="text-align: center">{:.1f}%</h1></div>
+        <div class="row"><h1 style="text-align: center">similar</h1></div>
+        <div class="row"><h1 class="text-danger" style="text-align: center">You shall not pass!</h1></div>
+        <div class="row"><small style="text-align: center">(You must get at least 85% to be considered the same person)</small><div class="row">
+    </div>
+"""
+)
+
+EFFECTS = [
+    ["remix", "-"],
+    ["channels", "1"],
+    ["rate", "16000"],
+    ["gain", "-1.0"],
+    ["silence", "1", "0.1", "0.1%", "-1", "0.1", "0.1%"],
+    ["trim", "0", "10"],
+]
+
+THRESHOLD = 0.85
+
+model_name = "microsoft/unispeech-sat-base-plus-sv"
+feature_extractor = AutoFeatureExtractor.from_pretrained(model_name)
+model = AutoModelForAudioXVector.from_pretrained(model_name).to(device)
+cosine_sim = torch.nn.CosineSimilarity(dim=-1)
+
+def similarity_fn(path1, path2):
+    if not (path1 and path2):
+        return '<b style="color:red">ERROR: Please record audio for *both* speakers!</b>'
+    wav1, _ = apply_effects_file(path1, EFFECTS)
+    wav2, _ = apply_effects_file(path2, EFFECTS)
+    print(wav1.shape, wav2.shape)
+
+    input1 = feature_extractor(wav1.squeeze(0), return_tensors="pt", sampling_rate=16000).input_values.to(device)
+    input2 = feature_extractor(wav2.squeeze(0), return_tensors="pt", sampling_rate=16000).input_values.to(device)
+
+    with torch.no_grad():
+        emb1 = model(input1).embeddings
+        emb2 = model(input2).embeddings
+    emb1 = torch.nn.functional.normalize(emb1, dim=-1).cpu()
+    emb2 = torch.nn.functional.normalize(emb2, dim=-1).cpu()
+    similarity = cosine_sim(emb1, emb2).numpy()[0]
+
+    if similarity >= THRESHOLD:
+        output = OUTPUT_OK.format(similarity * 100)
+    else:
+        output = OUTPUT_FAIL.format(similarity * 100)
+
+    return output
+
+inputs = [
+    gr.Audio(sources=["microphone"], type="filepath", label="Speaker #1"),
+    gr.Audio(sources=["microphone"], type="filepath", label="Speaker #2"),
+]
+output = gr.HTML(label="")
+
+description = (
+    "This demo will compare two speech samples and determine if they are from the same speaker. "
+    "Try it with your own voice!"
+)
+article = (
+    "<p style='text-align: center'>"
+    "<a href='https://huggingface.co/microsoft/unispeech-sat-large-sv' target='_blank'>🎙️ Learn more about UniSpeech-SAT</a> | "
+    "<a href='https://arxiv.org/abs/2110.05752' target='_blank'>📚 UniSpeech-SAT paper</a> | "
+    "<a href='https://www.danielpovey.com/files/2018_icassp_xvectors.pdf' target='_blank'>📚 X-Vector paper</a>"
+    "</p>"
+)
+examples = [
+    ["samples/cate_blanch.mp3", "samples/cate_blanch_2.mp3"],
+    ["samples/cate_blanch.mp3", "samples/cate_blanch_3.mp3"],
+    ["samples/cate_blanch_2.mp3", "samples/cate_blanch_3.mp3"],
+    ["samples/heath_ledger.mp3", "samples/heath_ledger_2.mp3"],
+    ["samples/cate_blanch.mp3", "samples/kirsten_dunst.wav"],
+]
+
+demo = gr.Interface(
+    fn=similarity_fn,
+    inputs=inputs,
+    outputs=output,
+    title="Voice Authentication with UniSpeech-SAT + X-Vectors",
+    description=description,
+    article=article,
+    flagging_mode="never",
+    live=False,
+    examples=examples,
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
+
diff --git a/demo/unispeech-speaker-verification/samples/cate_blanch_3.mp3 b/demo/unispeech-speaker-verification/samples/cate_blanch_3.mp3
new file mode 100644
index 0000000..fa0a9f7
Binary files /dev/null and b/demo/unispeech-speaker-verification/samples/cate_blanch_3.mp3 differ
diff --git a/demo/unispeech-speaker-verification/samples/heath_ledger_2.mp3 b/demo/unispeech-speaker-verification/samples/heath_ledger_2.mp3
new file mode 100644
index 0000000..d74f1ec
Binary files /dev/null and b/demo/unispeech-speaker-verification/samples/heath_ledger_2.mp3 differ
diff --git a/demo/unispeech-speaker-verification/samples/kirsten_dunst.wav b/demo/unispeech-speaker-verification/samples/kirsten_dunst.wav
new file mode 100644
index 0000000..7cf10c9
Binary files /dev/null and b/demo/unispeech-speaker-verification/samples/kirsten_dunst.wav differ
diff --git a/demo/unload_event_test/run.py b/demo/unload_event_test/run.py
new file mode 100644
index 0000000..16565bb
--- /dev/null
+++ b/demo/unload_event_test/run.py
@@ -0,0 +1,32 @@
+"""This demo is only meant to test the unload event.
+It will write to a file when the unload event is triggered.
+May not work as expected if multiple people are using it.
+"""
+import gradio as gr
+from pathlib import Path
+
+log_file = (Path(__file__).parent / "output_log.txt").resolve()
+
+def test_fn(x):
+    with open(log_file, "a") as f:
+        f.write(f"incremented {x}\n")
+    return x + 1, x + 1
+
+def delete_fn(v):
+    with log_file.open("a") as f:
+        f.write(f"deleted {v}\n")
+
+def unload_fn():
+   with log_file.open("a") as f:
+      f.write("unloading\n")
+
+with gr.Blocks() as demo:
+    n1 = gr.Number(value=0, label="Number")
+    state = gr.State(value=0, delete_callback=delete_fn)
+    button = gr.Button("Increment")
+    button.click(test_fn, [state], [n1, state], api_name="increment")
+    demo.unload(unload_fn)
+    demo.load(lambda: log_file.write_text(""))
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/upload_and_download/run.py b/demo/upload_and_download/run.py
new file mode 100644
index 0000000..48725bb
--- /dev/null
+++ b/demo/upload_and_download/run.py
@@ -0,0 +1,21 @@
+from pathlib import Path
+import gradio as gr
+
+def upload_file(filepath):
+    name = Path(filepath).name
+    return [gr.UploadButton(visible=False), gr.DownloadButton(label=f"Download {name}", value=filepath, visible=True)]
+
+def download_file():
+    return [gr.UploadButton(visible=True), gr.DownloadButton(visible=False)]
+
+with gr.Blocks() as demo:
+    gr.Markdown("First upload a file and and then you'll be able download it (but only once!)")
+    with gr.Row():
+        u = gr.UploadButton("Upload a file", file_count="single")
+        d = gr.DownloadButton("Download the file", visible=False)
+
+    u.upload(upload_file, u, [u, d])
+    d.click(download_file, None, [u, d])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/upload_button/DESCRIPTION.md b/demo/upload_button/DESCRIPTION.md
new file mode 100644
index 0000000..a070ed1
--- /dev/null
+++ b/demo/upload_button/DESCRIPTION.md
@@ -0,0 +1 @@
+A simple demo showcasing the upload button used with its `upload` event trigger.
\ No newline at end of file
diff --git a/demo/upload_button/run.py b/demo/upload_button/run.py
new file mode 100644
index 0000000..6e40d2a
--- /dev/null
+++ b/demo/upload_button/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+
+def upload_file(files):
+    file_paths = [file.name for file in files]
+    return file_paths
+
+with gr.Blocks() as demo:
+    file_output = gr.File()
+    upload_button = gr.UploadButton("Click to Upload a File", file_types=["image", "video"], file_count="multiple")
+    upload_button.upload(upload_file, upload_button, file_output)
+
+demo.launch()
diff --git a/demo/upload_button_component_events/run.py b/demo/upload_button_component_events/run.py
new file mode 100644
index 0000000..8c87bc8
--- /dev/null
+++ b/demo/upload_button_component_events/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+
+    with gr.Row():
+        with gr.Column():
+            upload_btn = gr.UploadButton(label="Upload Single File", file_count="single")
+        with gr.Column():
+            output_file_1 = gr.File(label="Upload Single File Output", file_count="single")
+            num_load_btn_1 = gr.Number(label="# Load Upload Single File", value=0)
+            output_click_1 = gr.Number(label="# Click Upload Single File Output", value=0)
+            upload_btn.upload(lambda s,n: (s, n + 1), [upload_btn, num_load_btn_1], [output_file_1, num_load_btn_1])
+            upload_btn.click(lambda n: (n + 1), output_click_1, [output_click_1])
+    with gr.Row():
+        with gr.Column():
+            upload_btn_multiple = gr.UploadButton(label="Upload Multiple Files", file_count="multiple")
+        with gr.Column():
+            output_file_2 = gr.File(label="Upload Multiple Files Output", file_count="multiple")
+            num_load_btn_2 = gr.Number(label="# Load Upload Multiple Files", value=0)
+            output_click_2 = gr.Number(label="# Click Upload Multiple Files Output", value=0)
+            upload_btn_multiple.upload(lambda s,n: (s, n + 1), [upload_btn_multiple, num_load_btn_2], [output_file_2, num_load_btn_2])
+            upload_btn_multiple.click(lambda n: (n + 1), output_click_2, [output_click_2])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/upload_file_limit_test/run.py b/demo/upload_file_limit_test/run.py
new file mode 100644
index 0000000..9c88fa6
--- /dev/null
+++ b/demo/upload_file_limit_test/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("""
+    # ⬆️📁 max_file_size test
+    The demo has a max file size of 15kb. The error modal should pop up when a file larger than that is uploaded.          
+    """)
+    with gr.Row():
+        with gr.Column():
+            gr.Image(label="Image", interactive=True)
+            gr.Gallery(label="Gallery", interactive=True)
+            gr.File(label="Single File", interactive=True, file_count="single")
+        with gr.Column():
+            gr.Model3D(label="Model 3D", interactive=True,)
+            gr.MultimodalTextbox(label="Multimodal Textbox", interactive=True)
+            gr.UploadButton(label="Upload Button", interactive=True)
+        with gr.Column():
+            gr.Video(label="Video", interactive=True)
+            gr.Audio(label="Audio", interactive=True)
+            gr.File(label="Multiple Files", interactive=True, file_count="multiple")
+
+if __name__ == "__main__":
+    # The upload limit is set in playwright_setup.js
+    # since the e2e tests use mount_gradio_app
+    demo.launch(max_file_size="15kb")
diff --git a/demo/uploadbutton_component/run.py b/demo/uploadbutton_component/run.py
new file mode 100644
index 0000000..c668bc0
--- /dev/null
+++ b/demo/uploadbutton_component/run.py
@@ -0,0 +1,12 @@
+import gradio as gr
+
+def upload_file(files):
+    file_paths = [file.name for file in files]
+    return file_paths
+
+with gr.Blocks() as demo:
+    file_output = gr.File()
+    upload_button = gr.UploadButton("Click to Upload an Image or Video File", file_types=["image", "video"], file_count="multiple")
+    upload_button.upload(upload_file, upload_button, file_output)
+
+demo.launch()
diff --git a/demo/validator_chatinterface/run.py b/demo/validator_chatinterface/run.py
new file mode 100644
index 0000000..78c7bd8
--- /dev/null
+++ b/demo/validator_chatinterface/run.py
@@ -0,0 +1,20 @@
+import gradio as gr
+import time
+
+
+def validate_input(x):
+    print("VALIDATE", x)
+    return gr.validate(x != "error", "Can't be error")
+
+
+def do_chat(message, history):
+    for i in range(len(message)):
+        time.sleep(0.05)
+        yield "You typed: " + message[: i + 1]
+
+
+demo = gr.ChatInterface(fn=do_chat, validator=validate_input, show_progress="full")
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/validator_interface/run.py b/demo/validator_interface/run.py
new file mode 100644
index 0000000..29f6e55
--- /dev/null
+++ b/demo/validator_interface/run.py
@@ -0,0 +1,90 @@
+import gradio as gr
+
+
+def validate_input(age, location):
+    is_age_valid = True
+    is_location_valid = True
+    if not age or age < 3:
+        is_age_valid = False
+    if "london" in location.lower():
+        is_location_valid = False
+
+    return [
+        gr.validate(is_age_valid, "Age must be at least 3"),
+        gr.validate(is_location_valid, "Location must not be in London"),
+    ]
+
+
+def process_text(age, location):
+    result = f"Processed: {age} -- {location.upper()}"
+    return result
+
+
+def validate_image(image):
+    # we don't want to error when a user is clearing the image
+    if not image:
+        return None
+    is_portrait = image.width < image.height
+
+    return gr.validate(is_portrait, "Image must be in portrait mode")
+
+
+def process_image(image):
+    if not image:
+        return "No image uploaded"
+    return "HELLO IMAGE!!!"
+
+
+def raise_error():
+    raise ValueError("test error")
+
+
+with gr.Blocks() as demo:
+    with gr.Tab("Text"):
+        gr.Markdown("# Validator Parameter Test Demo")
+
+        with gr.Row():
+            with gr.Column():
+                age = gr.Number(
+                    label="Enter age",
+                    placeholder="Enter age",
+                )
+                location = gr.Textbox(
+                    max_lines=3,
+                    label="Enter location",
+                    placeholder="Enter location",
+                )
+
+        validate_btn = gr.Button("Process with Validation", variant="primary")
+
+        output_with_validation = gr.Textbox(
+            label="Output (with validation)", interactive=False
+        )
+
+        validate_btn.click(
+            fn=process_text,
+            validator=validate_input,
+            inputs=[age, location],
+            outputs=output_with_validation,
+        )
+    with gr.Tab("Image"):
+        im = gr.Image(label="Enter image", placeholder="Enter image", type="pil")
+        t = gr.Textbox(label="Enter text", placeholder="Enter text")
+        im.change(
+            fn=process_image,
+            validator=validate_image,
+            inputs=im,
+            outputs=t,
+        )
+    with gr.Tab("Validation Error"):
+        error_btn = gr.Button("Raise Validation Error", variant="primary")
+        error_btn.click(
+            validator=raise_error,
+            fn=raise_error,
+            inputs=[],
+            outputs=[],
+        )
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/validator_simple/run.py b/demo/validator_simple/run.py
new file mode 100644
index 0000000..628b262
--- /dev/null
+++ b/demo/validator_simple/run.py
@@ -0,0 +1,45 @@
+import gradio as gr
+
+
+def validate_input(age, location):
+    return [
+        gr.validate(not age or age > 3, "Age must be at least 3"),
+        gr.validate("london" not in location.lower(), "Location must not be in London"),
+    ]
+
+
+def process_text(age, location):
+    return f"Processed: {age} -- {location.upper()}"
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Validator Parameter Test Demo")
+
+    with gr.Row():
+        with gr.Column():
+            age = gr.Number(
+                label="Enter age",
+                placeholder="Enter age",
+            )
+            location = gr.Textbox(
+                max_lines=3,
+                label="Enter location",
+                placeholder="Enter location",
+            )
+
+    validate_btn = gr.Button("Process with Validation", variant="primary")
+
+    output_with_validation = gr.Textbox(
+        label="Output (with validation)", interactive=False
+    )
+
+    validate_btn.click(
+        fn=process_text,
+        validator=validate_input,
+        inputs=[age, location],
+        outputs=output_with_validation,
+    )
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/validator_test/run.py b/demo/validator_test/run.py
new file mode 100644
index 0000000..29f6e55
--- /dev/null
+++ b/demo/validator_test/run.py
@@ -0,0 +1,90 @@
+import gradio as gr
+
+
+def validate_input(age, location):
+    is_age_valid = True
+    is_location_valid = True
+    if not age or age < 3:
+        is_age_valid = False
+    if "london" in location.lower():
+        is_location_valid = False
+
+    return [
+        gr.validate(is_age_valid, "Age must be at least 3"),
+        gr.validate(is_location_valid, "Location must not be in London"),
+    ]
+
+
+def process_text(age, location):
+    result = f"Processed: {age} -- {location.upper()}"
+    return result
+
+
+def validate_image(image):
+    # we don't want to error when a user is clearing the image
+    if not image:
+        return None
+    is_portrait = image.width < image.height
+
+    return gr.validate(is_portrait, "Image must be in portrait mode")
+
+
+def process_image(image):
+    if not image:
+        return "No image uploaded"
+    return "HELLO IMAGE!!!"
+
+
+def raise_error():
+    raise ValueError("test error")
+
+
+with gr.Blocks() as demo:
+    with gr.Tab("Text"):
+        gr.Markdown("# Validator Parameter Test Demo")
+
+        with gr.Row():
+            with gr.Column():
+                age = gr.Number(
+                    label="Enter age",
+                    placeholder="Enter age",
+                )
+                location = gr.Textbox(
+                    max_lines=3,
+                    label="Enter location",
+                    placeholder="Enter location",
+                )
+
+        validate_btn = gr.Button("Process with Validation", variant="primary")
+
+        output_with_validation = gr.Textbox(
+            label="Output (with validation)", interactive=False
+        )
+
+        validate_btn.click(
+            fn=process_text,
+            validator=validate_input,
+            inputs=[age, location],
+            outputs=output_with_validation,
+        )
+    with gr.Tab("Image"):
+        im = gr.Image(label="Enter image", placeholder="Enter image", type="pil")
+        t = gr.Textbox(label="Enter text", placeholder="Enter text")
+        im.change(
+            fn=process_image,
+            validator=validate_image,
+            inputs=im,
+            outputs=t,
+        )
+    with gr.Tab("Validation Error"):
+        error_btn = gr.Button("Raise Validation Error", variant="primary")
+        error_btn.click(
+            validator=raise_error,
+            fn=raise_error,
+            inputs=[],
+            outputs=[],
+        )
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/variable_outputs/run.py b/demo/variable_outputs/run.py
new file mode 100644
index 0000000..c893faf
--- /dev/null
+++ b/demo/variable_outputs/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+max_textboxes = 10
+
+def variable_outputs(k):
+    k = int(k)
+    return [gr.Textbox(visible=True)]*k + [gr.Textbox(visible=False)]*(max_textboxes-k)
+
+with gr.Blocks() as demo:
+    s = gr.Slider(1, max_textboxes, value=max_textboxes, step=1, label="How many textboxes to show:")
+    textboxes = []
+    for i in range(max_textboxes):
+        t = gr.Textbox(f"Textbox {i}")
+        textboxes.append(t)
+
+    s.change(variable_outputs, s, textboxes)
+
+if __name__ == "__main__":
+   demo.launch()
diff --git a/demo/video_component/run.py b/demo/video_component/run.py
new file mode 100644
index 0000000..984f671
--- /dev/null
+++ b/demo/video_component/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+# get_video() returns the file path to sample videos included with Gradio
+from gradio.media import get_video, MEDIA_PATHS
+
+demo = gr.Interface(
+    fn=lambda x: x,
+    inputs=gr.Video(),
+    outputs=gr.Video(),
+    examples=[
+        [get_video("world.mp4")],
+        [get_video("a.mp4")],
+        [get_video("b.mp4")],
+    ],
+    api_name="predict",
+    cache_examples=True
+)
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=[str(p) for p in MEDIA_PATHS])
diff --git a/demo/video_component_events/run.py b/demo/video_component_events/run.py
new file mode 100644
index 0000000..24f8bfb
--- /dev/null
+++ b/demo/video_component_events/run.py
@@ -0,0 +1,22 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            input_video = gr.Video(label="Input Video")
+        with gr.Column():
+            output_video = gr.Video(label="Output Video")
+        with gr.Column():
+            num_change = gr.Number(label="# Change Events", value=0)
+            num_input = gr.Number(label="# Input Events", value=0)
+            num_load = gr.Number(label="# Upload Events", value=0)
+            num_play = gr.Number(label="# Play Events", value=0)
+            num_pause = gr.Number(label="# Pause Events", value=0)
+        input_video.upload(lambda s, n: (s, n + 1), [input_video, num_load], [output_video, num_load])
+        input_video.input(lambda n: n + 1, num_input, num_input)
+        input_video.play(lambda n: n + 1, num_play, num_play)
+        input_video.pause(lambda n: n + 1, num_pause, num_pause)
+        input_video.change(lambda n: n + 1, num_change, num_change)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/video_identity/run.py b/demo/video_identity/run.py
new file mode 100644
index 0000000..247dd88
--- /dev/null
+++ b/demo/video_identity/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+from gradio.media import get_video
+
+def video_identity(video):
+    return video
+
+# get_video() returns file paths to sample media included with Gradio
+demo = gr.Interface(video_identity,
+                    gr.Video(),
+                    "playable_video",
+                    examples=[
+                        get_video("world.mp4")
+                    ],
+                    cache_examples=True,
+                    api_name="predict",)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/video_identity/screenshot.png b/demo/video_identity/screenshot.png
new file mode 100644
index 0000000..443948a
Binary files /dev/null and b/demo/video_identity/screenshot.png differ
diff --git a/demo/video_identity_2/run.py b/demo/video_identity_2/run.py
new file mode 100644
index 0000000..37c3c03
--- /dev/null
+++ b/demo/video_identity_2/run.py
@@ -0,0 +1,13 @@
+import gradio as gr
+
+def video_identity(video):
+    return video
+
+demo = gr.Interface(video_identity,
+                    gr.Video(),
+                    "playable_video",
+                    api_name="predict"
+                    )
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/video_subtitle/run.py b/demo/video_subtitle/run.py
new file mode 100644
index 0000000..ae2c4d2
--- /dev/null
+++ b/demo/video_subtitle/run.py
@@ -0,0 +1,25 @@
+import gradio as gr
+from gradio.media import get_video, get_file
+
+def video_demo(video, subtitle=None):
+    if subtitle is None:
+        return video
+    return gr.Video(label="Out", value=video, subtitles=subtitle.name)
+
+demo = gr.Interface(
+    fn=video_demo,
+    inputs=[
+        gr.Video(label="In", interactive=True),
+        gr.File(label="Subtitle", file_types=[".srt", ".vtt", ".json"]),
+    ],
+    outputs=gr.Video(label="Out"),
+    examples=[
+        [get_video("a.mp4"), get_file("s1.srt")],
+        [get_video("b.mp4"), get_file("s2.vtt")],
+        [get_video("a.mp4"), get_file("s3.json")],
+    ],
+    api_name="predict",
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/video_watermark/files/w2.png b/demo/video_watermark/files/w2.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/demo/video_watermark/files/w2.png differ
diff --git a/demo/video_watermark/run.py b/demo/video_watermark/run.py
new file mode 100644
index 0000000..2509d59
--- /dev/null
+++ b/demo/video_watermark/run.py
@@ -0,0 +1,17 @@
+import gradio as gr
+
+
+a = gr.get_video("a.mp4")
+b = gr.get_video("b.mp4")
+w1 = gr.get_image("logo.png")
+w2 = gr.get_image("bus.png")
+
+def generate_video(original_video, watermark, position):
+    return gr.Video(original_video, watermark=gr.WatermarkOptions(watermark=watermark, position=position))
+
+
+demo = gr.Interface(generate_video, [gr.Video(), gr.File(), gr.Dropdown(["top-left", "top-right", "bottom-left", "bottom-right"], label="Position")], gr.Video(),
+                    examples=[[a, w1, "top-left"], [b, w2, "bottom-right"]], api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/visibility_test/run.py b/demo/visibility_test/run.py
new file mode 100644
index 0000000..db25f89
--- /dev/null
+++ b/demo/visibility_test/run.py
@@ -0,0 +1,111 @@
+import gradio as gr
+
+
+def toggle_visibility(choice, input_text):
+    """Toggle visibility based on choice and return current input value."""
+    updates = {}
+
+    if choice == "Visible":
+        updates["textbox"] = gr.update(visible=True)
+        updates["button"] = gr.update(visible=True)
+    elif choice == "Hidden (in DOM)":
+        updates["textbox"] = gr.update(visible="hidden")
+        updates["button"] = gr.update(visible="hidden")
+    else:  # "Not Visible (removed)"
+        updates["textbox"] = gr.update(visible=False)
+        updates["button"] = gr.update(visible=False)
+
+    return updates["textbox"], updates["button"], f"Current value: {input_text}"
+
+
+def get_value(input_text):
+    """Get the current value from the textbox."""
+    return f"Retrieved value: {input_text}"
+
+
+def increment_counter(counter):
+    """Increment counter to test event handling."""
+    return counter + 1
+
+
+def reveal_hidden_column():
+    """Generator that toggles two columns over multiple yields (issue #13494):
+    the column that starts hidden must end up visible."""
+    yield gr.update(visible=False), gr.update(visible=False)
+    yield gr.update(visible=False), gr.update(visible=True)
+
+
+def hide_revealed_column():
+    yield gr.update(visible=True), gr.update(visible=True)
+    yield gr.update(visible=True), gr.update(visible=False)
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Visibility Test Demo")
+    gr.Markdown(
+        "Test the three visibility states: visible=True, visible='hidden', visible=False"
+    )
+
+    with gr.Row():
+        visibility_radio = gr.Radio(
+            ["Visible", "Hidden (in DOM)", "Not Visible (removed)"],
+            label="Choose visibility state",
+            value="Visible",
+            elem_id="visibility-radio",
+        )
+
+    with gr.Row():
+        with gr.Column():
+            textbox = gr.Textbox(
+                label="Test Input",
+                value="Initial text",
+                elem_id="test-textbox",
+                visible=True,
+            )
+            button = gr.Button("Get Value", elem_id="test-button", visible=True)
+
+            # Hidden counter for testing events on hidden elements
+            counter = gr.Number(value=0, visible="hidden", elem_id="counter")
+
+            increment_btn = gr.Button(
+                "Increment Counter",
+                elem_id="increment-button",
+            )
+            counter_result = gr.Textbox(
+                label="Counter Result", elem_id="counter-result"
+            )
+
+        with gr.Column():
+            status = gr.Textbox(label="Status", elem_id="status-output")
+            output = gr.Textbox(label="Output", elem_id="output-textbox")
+
+    # Wire up the events
+    visibility_radio.change(
+        toggle_visibility,
+        inputs=[visibility_radio, textbox],
+        outputs=[textbox, button, status],
+    )
+
+    button.click(get_value, inputs=textbox, outputs=output)
+    counter.change(
+        lambda x: f"Counter Result: {x}", inputs=counter, outputs=counter_result
+    )
+    increment_btn.click(increment_counter, inputs=counter, outputs=counter)
+
+    # Regression coverage for #13494: a multi-yield generator that updates two
+    # columns at once (one hidden, one revealed) must leave the revealed column
+    # visible. The reveal/hide buttons sit outside both columns so they persist.
+    with gr.Row():
+        reveal_btn = gr.Button("Reveal Hidden Column", elem_id="yield-reveal")
+        hide_btn = gr.Button("Hide Revealed Column", elem_id="yield-hide")
+    with gr.Column(elem_id="yield-col-x") as yield_col_x:
+        gr.Markdown("Column X")
+    with gr.Column(visible=False, elem_id="yield-col-y") as yield_col_y:
+        gr.Textbox(label="Revealed", elem_id="yield-target")
+
+    reveal_btn.click(reveal_hidden_column, outputs=[yield_col_x, yield_col_y])
+    hide_btn.click(hide_revealed_column, outputs=[yield_col_x, yield_col_y])
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/walkthrough/run.py b/demo/walkthrough/run.py
new file mode 100644
index 0000000..445a337
--- /dev/null
+++ b/demo/walkthrough/run.py
@@ -0,0 +1,18 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Walkthrough(selected=0) as walkthrough:
+        with gr.Step("Image", id=0):
+            image = gr.Image()
+            btn = gr.Button("go to prompt")
+            btn.click(lambda: gr.Walkthrough(selected=1), outputs=walkthrough)
+        with gr.Step("Prompt", id=1):
+            prompt = gr.Textbox()
+            btn = gr.Button("generate")
+            btn.click(lambda: gr.Walkthrough(selected=2), outputs=walkthrough)
+        with gr.Step("Result", id=2):
+            gr.Image(label="result", interactive=False)
+
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/walkthrough_many/run.py b/demo/walkthrough_many/run.py
new file mode 100644
index 0000000..f4cb662
--- /dev/null
+++ b/demo/walkthrough_many/run.py
@@ -0,0 +1,60 @@
+import gradio as gr
+
+
+def process_step(step_num):
+    return f"You are on step {step_num}"
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Stepper - Many Steps")
+
+    with gr.Walkthrough(selected=0) as walkthrough:
+        with gr.Step("Introduction", id=0):
+            gr.Markdown("This is the introduction step.")
+            output1 = gr.Textbox(label="Step 1 Output")
+            next1 = gr.Button("Next Step")
+            next1.click(lambda: gr.Walkthrough(selected=1), outputs=walkthrough)
+
+        with gr.Step("Basic Information", id=1):
+            gr.Markdown("Enter your basic information.")
+            output2 = gr.Textbox(label="Step 2 Output")
+            next2 = gr.Button("Next Step")
+            next2.click(lambda: gr.Walkthrough(selected=2), outputs=walkthrough)
+
+        with gr.Step("Preferences", id=2):
+            gr.Markdown("Set your preferences.")
+            output3 = gr.Textbox(label="Step 3 Output")
+            next3 = gr.Button("Next Step")
+            next3.click(lambda: gr.Walkthrough(selected=3), outputs=walkthrough)
+
+        with gr.Step("Advanced Settings", id=3):
+            gr.Markdown("Configure advanced settings.")
+            output4 = gr.Textbox(label="Step 4 Output")
+            next4 = gr.Button("Next Step")
+            next4.click(lambda: gr.Walkthrough(selected=4), outputs=walkthrough)
+
+        with gr.Step("Review", id=4):
+            gr.Markdown("Review your choices.")
+            output5 = gr.Textbox(label="Step 5 Output")
+            next5 = gr.Button("Next Step")
+            next5.click(lambda: gr.Walkthrough(selected=5), outputs=walkthrough)
+
+        with gr.Step("Confirmation", id=5):
+            gr.Markdown("Confirm and submit.")
+            output6 = gr.Textbox(label="Step 6 Output")
+            next6 = gr.Button("Next Step")
+            next6.click(lambda: gr.Walkthrough(selected=6), outputs=walkthrough)
+
+        with gr.Step("Additional Options", id=6):
+            gr.Markdown("Additional options if needed.")
+            output7 = gr.Textbox(label="Step 7 Output")
+            next7 = gr.Button("Next Step")
+            next7.click(lambda: gr.Walkthrough(selected=7), outputs=walkthrough)
+
+        with gr.Step("Final Step", id=7):
+            gr.Markdown("This is the final step!")
+            output8 = gr.Textbox(label="Step 8 Output")
+            gr.Button("Complete")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/web_component_embed/run.py b/demo/web_component_embed/run.py
new file mode 100644
index 0000000..ca30a40
--- /dev/null
+++ b/demo/web_component_embed/run.py
@@ -0,0 +1,11 @@
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Web component embed target")
+    name = gr.Textbox(label="Name")
+    greet = gr.Button("Greet")
+    out = gr.Textbox(label="Greeting")
+    greet.click(lambda n: f"Hello, {n or 'world'}!", name, out)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/webcam/run.py b/demo/webcam/run.py
new file mode 100644
index 0000000..5ff45f5
--- /dev/null
+++ b/demo/webcam/run.py
@@ -0,0 +1,15 @@
+
+import gradio as gr
+
+def snap(image, video):
+    return [image, video]
+
+demo = gr.Interface(
+    snap,
+    [gr.Image(sources=["webcam"]), gr.Video(sources=["webcam"])],
+    ["image", "video"],
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/webcam/screenshot.png b/demo/webcam/screenshot.png
new file mode 100644
index 0000000..33d74a9
Binary files /dev/null and b/demo/webcam/screenshot.png differ
diff --git a/demo/webcam_constraints/requirements.txt b/demo/webcam_constraints/requirements.txt
new file mode 100644
index 0000000..1db7aea
--- /dev/null
+++ b/demo/webcam_constraints/requirements.txt
@@ -0,0 +1 @@
+opencv-python
\ No newline at end of file
diff --git a/demo/webcam_constraints/run.py b/demo/webcam_constraints/run.py
new file mode 100644
index 0000000..f0989da
--- /dev/null
+++ b/demo/webcam_constraints/run.py
@@ -0,0 +1,43 @@
+import gradio as gr
+import cv2  # type: ignore
+
+def get_video_shape(video):
+    cap = cv2.VideoCapture(video)
+    width = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH))
+    height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT))
+    cap.release()
+    return {"width": width, "height": height}
+
+def image_mod(image):
+    width, height = image.size
+    return {"width": width, "height": height}
+
+
+video = gr.Interface(
+    fn=get_video_shape,
+    inputs=gr.Video(webcam_options=gr.WebcamOptions(constraints={"video": {"width": 800, "height": 600}}), sources="webcam"),
+    outputs=gr.JSON(),
+    api_name="predict"
+)
+
+image = gr.Interface(
+        image_mod,
+        gr.Image(type="pil", webcam_options=gr.WebcamOptions(constraints={"video": {"width": 800, "height": 600}}), sources="webcam"),
+        gr.Json(),
+        api_name="predict")
+
+with gr.Blocks() as demo:
+    gr.Markdown("""# Webcam Constraints
+                The webcam constraints are set to 800x600 with the following syntax:
+                ```python
+                gr.Video(webcam_options=gr.WebcamOptions(constraints={"video": {"width": 800, "height": 600}}), sources="webcam")
+                ```
+                """)
+    with gr.Tabs():
+        with gr.Tab("Video"):
+            video.render()
+        with gr.Tab("Image"):
+            image.render()
+
+if __name__ == "__main__":
+    demo.launch()
\ No newline at end of file
diff --git a/demo/white_noise_vid_not_playable/requirements.txt b/demo/white_noise_vid_not_playable/requirements.txt
new file mode 100644
index 0000000..1db7aea
--- /dev/null
+++ b/demo/white_noise_vid_not_playable/requirements.txt
@@ -0,0 +1 @@
+opencv-python
\ No newline at end of file
diff --git a/demo/white_noise_vid_not_playable/run.py b/demo/white_noise_vid_not_playable/run.py
new file mode 100644
index 0000000..7e7484a
--- /dev/null
+++ b/demo/white_noise_vid_not_playable/run.py
@@ -0,0 +1,20 @@
+import cv2  # type: ignore
+import gradio as gr
+import numpy as np
+
+def gif_maker():
+    img_array = []
+    height, width = 50, 50
+    for _ in range(30):
+        img_array.append(np.random.randint(0, 255, size=(height, width, 3)).astype(np.uint8))
+    output_file = "test.mp4"
+    out = cv2.VideoWriter(output_file, cv2.VideoWriter_fourcc(*'mp4v'), 15, (height, width))  # type: ignore
+    for i in range(len(img_array)):
+        out.write(img_array[i])
+    out.release()
+    return output_file, output_file
+
+demo = gr.Interface(gif_maker, inputs=None, outputs=[gr.Video(buttons=["download"]), gr.File()], api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/workflow/run.py b/demo/workflow/run.py
new file mode 100644
index 0000000..96b2ae8
--- /dev/null
+++ b/demo/workflow/run.py
@@ -0,0 +1,55 @@
+import os
+import random
+
+import gradio as gr
+
+
+def describe_product(image) -> str:
+    if image is None:
+        return "a premium product"
+    img_path = image.get("path") if isinstance(image, dict) else str(image)
+    img_url = image.get("url", "") if isinstance(image, dict) else str(image)
+    try:
+        from gradio_client import Client, handle_file
+        source = img_path if (img_path and os.path.exists(img_path)) else img_url
+        if not source:
+            return "a premium product"
+        client = Client("vikhyatk/moondream2", verbose=False)
+        result = client.predict(
+            handle_file(source),
+            "Describe this product briefly and concisely. What is it?",
+            api_name="/answer_question",
+        )
+        return str(result).strip() if result else "a premium product"
+    except Exception:
+        return "a premium product"
+
+
+def craft_marketing_prompt(caption: str) -> str:
+    if not caption:
+        caption = "a premium product"
+    caption = caption.strip().rstrip(".")
+    styles = [
+        (
+            f"Professional product advertisement photograph of {caption}, "
+            "studio lighting, clean white background, commercial photography, "
+            "ultra-sharp, 8K quality"
+        ),
+        (
+            f"Cinematic product shot of {caption}, dramatic lighting, "
+            "aspirational lifestyle context, premium brand aesthetic, "
+            "shot on Hasselblad, magazine cover quality"
+        ),
+        (
+            f"Bold marketing campaign visual of {caption}, vibrant colors, "
+            "dynamic composition, modern editorial style, "
+            "award-winning commercial photography"
+        ),
+    ]
+    return random.choice(styles)
+
+
+demo = gr.Workflow(bind=[describe_product, craft_marketing_prompt])
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/workflow/workflow.json b/demo/workflow/workflow.json
new file mode 100644
index 0000000..d989787
--- /dev/null
+++ b/demo/workflow/workflow.json
@@ -0,0 +1 @@
+{"schema_version":"2","name":"Marketing Image Creator","runtime":{"default":"client"},"references":[{"label":"Text","inputs":[{"id":"in","label":"Text","type":"text"}],"outputs":[{"id":"out","label":"Text","type":"text"}],"width":220,"height":163,"asset_type":"text","role":"reference","id":"1539a1e9-4906-4008-b345-e6d05bb69b22","x":740,"y":80,"data":{"in":null}},{"label":"Image","inputs":[{"id":"in","label":"Image","type":"image"}],"outputs":[{"id":"out","label":"Image","type":"image"}],"width":220,"height":124,"asset_type":"image","role":"reference","id":"13e92b22-7173-416c-81c6-1ca097a2a299","x":80,"y":80,"data":{}}],"operators":[{"id":"n_flux","label":"Generate Image","inputs":[{"id":"in","label":"Prompt","type":"text","required":true}],"outputs":[{"id":"out","label":"Image","type":"image"}],"data":{"out":97500097},"x":1040,"y":80,"width":220,"height":124,"role":"operator","kind":"space","source":"hf://spaces/multimodalart/FLUX.1-merged","space_id":"multimodalart/FLUX.1-merged","runtime":"client","endpoints":[{"name":"/infer","inputs":[{"id":"in_0","label":"Prompt","type":"text","required":true},{"id":"in_1","label":"Seed","type":"number","required":false},{"id":"in_2","label":"Randomize seed","type":"boolean","required":false},{"id":"in_3","label":"Width","type":"number","required":false},{"id":"in_4","label":"Height","type":"number","required":false},{"id":"in_5","label":"Guidance Scale","type":"number","required":false},{"id":"in_6","label":"Number of inference steps","type":"number","required":false}],"outputs":[{"id":"out_0","label":"Result","type":"image","output_index":0},{"id":"out_1","label":"Seed","type":"number","output_index":1}]}]},{"label":"Image To Prompt","inputs":[{"id":"in_0","label":"Input Image","type":"image","required":true}],"outputs":[{"id":"out_0","label":"Output Prompt","type":"text","output_index":0}],"width":280,"height":124,"kind":"space","space_id":"ovi054/image-to-prompt","endpoint":"/predict","endpoints":[{"name":"/predict","inputs":[{"id":"in_0","label":"Input Image","type":"image","required":true}],"outputs":[{"id":"out_0","label":"Output Prompt","type":"text","output_index":0}]}],"pipeline_tag":"Image Captioning","role":"operator","id":"897592dc-17b5-473b-9e89-4ebdae4073d6","x":380,"y":80,"data":{}}],"subjects":[{"id":"n_output","label":"Marketing Image","inputs":[{"id":"in","label":"Image","type":"image"}],"outputs":[{"id":"out","label":"Image","type":"image"}],"data":{"in":null},"x":1340,"y":80,"width":220,"height":107,"role":"subject","asset_type":"image"}],"edges":[{"id":"e4","from_node_id":"n_flux","from_port_id":"out","to_node_id":"n_output","to_port_id":"in","type":"image"},{"from_node_id":"1539a1e9-4906-4008-b345-e6d05bb69b22","from_port_id":"out","to_node_id":"n_flux","to_port_id":"in","type":"text","id":"b44e83fe-23b1-4dcc-83d3-55b3481721bc"},{"from_node_id":"13e92b22-7173-416c-81c6-1ca097a2a299","from_port_id":"out","to_node_id":"897592dc-17b5-473b-9e89-4ebdae4073d6","to_port_id":"in_0","type":"image","id":"22796709-ff7d-4250-92c0-2d541f9e6a99"},{"from_node_id":"897592dc-17b5-473b-9e89-4ebdae4073d6","from_port_id":"out_0","to_node_id":"1539a1e9-4906-4008-b345-e6d05bb69b22","to_port_id":"in","type":"text","id":"96dab823-0f2c-4356-98c4-aa82feca5e0a"}],"view":{"default":"canvas"}}
\ No newline at end of file
diff --git a/demo/workflow_api/run.py b/demo/workflow_api/run.py
new file mode 100644
index 0000000..e588613
--- /dev/null
+++ b/demo/workflow_api/run.py
@@ -0,0 +1,19 @@
+import gradio as gr
+
+
+def shout(text: str) -> str:
+    return (text or "").upper()
+
+
+def reverse(text: str) -> str:
+    return (text or "")[::-1]
+
+
+# Two outputs ("Loud" and "Reversed") fed by a shared "Text" input. Because they
+# form a single connected subgraph, they're exposed as ONE API endpoint that
+# returns both outputs as a tuple — see the "View API" panel in the app, or
+# connect with the gradio_client.
+demo = gr.Workflow(graph="workflow.json", bind={"shout": shout, "reverse": reverse})
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/workflow_api/workflow.json b/demo/workflow_api/workflow.json
new file mode 100644
index 0000000..cc95a67
--- /dev/null
+++ b/demo/workflow_api/workflow.json
@@ -0,0 +1,48 @@
+{
+  "schema_version": "2",
+  "name": "Text Tools",
+  "runtime": { "default": "client" },
+  "references": [
+    {
+      "id": "ref_text", "label": "Text", "role": "reference", "asset_type": "text",
+      "inputs": [{ "id": "in", "label": "Text", "type": "text" }],
+      "outputs": [{ "id": "out", "label": "Text", "type": "text" }],
+      "x": 80, "y": 120, "width": 220, "height": 120, "data": {}
+    }
+  ],
+  "operators": [
+    {
+      "id": "op_loud", "label": "shout", "role": "operator", "kind": "fn", "fn": "shout",
+      "inputs": [{ "id": "in_text", "label": "text", "type": "text", "required": true }],
+      "outputs": [{ "id": "out_0", "label": "output", "type": "text", "output_index": 0 }],
+      "x": 380, "y": 40, "width": 220, "height": 120, "data": {}
+    },
+    {
+      "id": "op_rev", "label": "reverse", "role": "operator", "kind": "fn", "fn": "reverse",
+      "inputs": [{ "id": "in_text", "label": "text", "type": "text", "required": true }],
+      "outputs": [{ "id": "out_0", "label": "output", "type": "text", "output_index": 0 }],
+      "x": 380, "y": 240, "width": 220, "height": 120, "data": {}
+    }
+  ],
+  "subjects": [
+    {
+      "id": "sub_loud", "label": "Loud", "role": "subject", "asset_type": "text",
+      "inputs": [{ "id": "in", "label": "Text", "type": "text" }],
+      "outputs": [{ "id": "out", "label": "Text", "type": "text" }],
+      "x": 700, "y": 40, "width": 220, "height": 107, "data": {}
+    },
+    {
+      "id": "sub_rev", "label": "Reversed", "role": "subject", "asset_type": "text",
+      "inputs": [{ "id": "in", "label": "Text", "type": "text" }],
+      "outputs": [{ "id": "out", "label": "Text", "type": "text" }],
+      "x": 700, "y": 240, "width": 220, "height": 107, "data": {}
+    }
+  ],
+  "edges": [
+    { "id": "e1", "from_node_id": "ref_text", "from_port_id": "out", "to_node_id": "op_loud", "to_port_id": "in_text", "type": "text" },
+    { "id": "e2", "from_node_id": "ref_text", "from_port_id": "out", "to_node_id": "op_rev", "to_port_id": "in_text", "type": "text" },
+    { "id": "e3", "from_node_id": "op_loud", "from_port_id": "out_0", "to_node_id": "sub_loud", "to_port_id": "in", "type": "text" },
+    { "id": "e4", "from_node_id": "op_rev", "from_port_id": "out_0", "to_node_id": "sub_rev", "to_port_id": "in", "type": "text" }
+  ],
+  "view": { "default": "canvas" }
+}
diff --git a/demo/xgboost-income-prediction-with-explainability/DESCRIPTION.md b/demo/xgboost-income-prediction-with-explainability/DESCRIPTION.md
new file mode 100644
index 0000000..cd69ef8
--- /dev/null
+++ b/demo/xgboost-income-prediction-with-explainability/DESCRIPTION.md
@@ -0,0 +1 @@
+This demo takes in 12 inputs from the user in dropdowns and sliders and predicts income. It also has a separate button for explaining the prediction.
\ No newline at end of file
diff --git a/demo/xgboost-income-prediction-with-explainability/requirements.txt b/demo/xgboost-income-prediction-with-explainability/requirements.txt
new file mode 100644
index 0000000..049ecfd
--- /dev/null
+++ b/demo/xgboost-income-prediction-with-explainability/requirements.txt
@@ -0,0 +1,6 @@
+numpy==1.23.2
+matplotlib
+shap
+xgboost==1.7.6
+pandas
+datasets
\ No newline at end of file
diff --git a/demo/xgboost-income-prediction-with-explainability/run.py b/demo/xgboost-income-prediction-with-explainability/run.py
new file mode 100644
index 0000000..658b05b
--- /dev/null
+++ b/demo/xgboost-income-prediction-with-explainability/run.py
@@ -0,0 +1,161 @@
+# type: ignore
+import gradio as gr
+import random
+import matplotlib.pyplot as plt
+import pandas as pd
+import shap
+import xgboost as xgb
+from datasets import load_dataset
+
+dataset = load_dataset("scikit-learn/adult-census-income")
+X_train = dataset["train"].to_pandas()
+_ = X_train.pop("fnlwgt")
+_ = X_train.pop("race")
+y_train = X_train.pop("income")
+y_train = (y_train == ">50K").astype(int)
+categorical_columns = [
+    "workclass",
+    "education",
+    "marital.status",
+    "occupation",
+    "relationship",
+    "sex",
+    "native.country",
+]
+X_train = X_train.astype({col: "category" for col in categorical_columns})
+data = xgb.DMatrix(X_train, label=y_train, enable_categorical=True)
+model = xgb.train(params={"objective": "binary:logistic"}, dtrain=data)
+explainer = shap.TreeExplainer(model)
+
+def predict(*args):
+    df = pd.DataFrame([args], columns=X_train.columns)
+    df = df.astype({col: "category" for col in categorical_columns})
+    pos_pred = model.predict(xgb.DMatrix(df, enable_categorical=True))
+    return {">50K": float(pos_pred[0]), "<=50K": 1 - float(pos_pred[0])}
+
+def interpret(*args):
+    df = pd.DataFrame([args], columns=X_train.columns)
+    df = df.astype({col: "category" for col in categorical_columns})
+    shap_values = explainer.shap_values(xgb.DMatrix(df, enable_categorical=True))
+    scores_desc = list(zip(shap_values[0], X_train.columns))
+    scores_desc = sorted(scores_desc)
+    fig_m = plt.figure(tight_layout=True)
+    plt.barh([s[1] for s in scores_desc], [s[0] for s in scores_desc])
+    plt.title("Feature Shap Values")
+    plt.ylabel("Shap Value")
+    plt.xlabel("Feature")
+    plt.tight_layout()
+    return fig_m
+
+unique_class = sorted(X_train["workclass"].unique())
+unique_education = sorted(X_train["education"].unique())
+unique_marital_status = sorted(X_train["marital.status"].unique())
+unique_relationship = sorted(X_train["relationship"].unique())
+unique_occupation = sorted(X_train["occupation"].unique())
+unique_sex = sorted(X_train["sex"].unique())
+unique_country = sorted(X_train["native.country"].unique())
+
+with gr.Blocks() as demo:
+    gr.Markdown("""
+    **Income Classification with XGBoost 💰**:  This demo uses an XGBoost classifier predicts income based on demographic factors, along with Shapley value-based *explanations*. The [source code for this Gradio demo is here](https://huggingface.co/spaces/gradio/xgboost-income-prediction-with-explainability/blob/main/app.py).
+    """)
+    with gr.Row():
+        with gr.Column():
+            age = gr.Slider(label="Age", minimum=17, maximum=90, step=1, randomize=True)
+            work_class = gr.Dropdown(
+                label="Workclass",
+                choices=unique_class,
+                value=lambda: random.choice(unique_class),
+            )
+            education = gr.Dropdown(
+                label="Education Level",
+                choices=unique_education,
+                value=lambda: random.choice(unique_education),
+            )
+            years = gr.Slider(
+                label="Years of schooling",
+                minimum=1,
+                maximum=16,
+                step=1,
+                randomize=True,
+            )
+            marital_status = gr.Dropdown(
+                label="Marital Status",
+                choices=unique_marital_status,
+                value=lambda: random.choice(unique_marital_status),
+            )
+            occupation = gr.Dropdown(
+                label="Occupation",
+                choices=unique_occupation,
+                value=lambda: random.choice(unique_occupation),
+            )
+            relationship = gr.Dropdown(
+                label="Relationship Status",
+                choices=unique_relationship,
+                value=lambda: random.choice(unique_relationship),
+            )
+            sex = gr.Dropdown(
+                label="Sex", choices=unique_sex, value=lambda: random.choice(unique_sex)
+            )
+            capital_gain = gr.Slider(
+                label="Capital Gain",
+                minimum=0,
+                maximum=100000,
+                step=500,
+                randomize=True,
+            )
+            capital_loss = gr.Slider(
+                label="Capital Loss", minimum=0, maximum=10000, step=500, randomize=True
+            )
+            hours_per_week = gr.Slider(
+                label="Hours Per Week Worked", minimum=1, maximum=99, step=1
+            )
+            country = gr.Dropdown(
+                label="Native Country",
+                choices=unique_country,
+                value=lambda: random.choice(unique_country),
+            )
+        with gr.Column():
+            label = gr.Label()
+            plot = gr.Plot()
+            with gr.Row():
+                predict_btn = gr.Button(value="Predict")
+                interpret_btn = gr.Button(value="Explain")
+            predict_btn.click(
+                predict,
+                inputs=[
+                    age,
+                    work_class,
+                    education,
+                    years,
+                    marital_status,
+                    occupation,
+                    relationship,
+                    sex,
+                    capital_gain,
+                    capital_loss,
+                    hours_per_week,
+                    country,
+                ],
+                outputs=[label],
+            )
+            interpret_btn.click(
+                interpret,
+                inputs=[
+                    age,
+                    work_class,
+                    education,
+                    years,
+                    marital_status,
+                    occupation,
+                    relationship,
+                    sex,
+                    capital_gain,
+                    capital_loss,
+                    hours_per_week,
+                    country,
+                ],
+                outputs=[plot],
+            )
+
+demo.launch()
diff --git a/demo/yolov10_webcam_stream/inference.py b/demo/yolov10_webcam_stream/inference.py
new file mode 100644
index 0000000..70fbcfb
--- /dev/null
+++ b/demo/yolov10_webcam_stream/inference.py
@@ -0,0 +1,148 @@
+import time
+import cv2  # type: ignore
+import numpy as np
+import onnxruntime  # type: ignore
+
+from utils import draw_detections  # type: ignore
+
+
+class YOLOv10:
+    def __init__(self, path):
+        # Initialize model
+        self.initialize_model(path)
+
+    def __call__(self, image):
+        return self.detect_objects(image)
+
+    def initialize_model(self, path):
+        self.session = onnxruntime.InferenceSession(
+            path, providers=onnxruntime.get_available_providers()
+        )
+        # Get model info
+        self.get_input_details()
+        self.get_output_details()
+
+    def detect_objects(self, image, conf_threshold=0.3):
+        input_tensor = self.prepare_input(image)
+
+        # Perform inference on the image
+        new_image = self.inference(image, input_tensor, conf_threshold)
+
+        return new_image
+
+    def prepare_input(self, image):
+        self.img_height, self.img_width = image.shape[:2]
+
+        input_img = cv2.cvtColor(image, cv2.COLOR_BGR2RGB)
+
+        # Resize input image
+        input_img = cv2.resize(input_img, (self.input_width, self.input_height))
+
+        # Scale input pixel values to 0 to 1
+        input_img = input_img / 255.0
+        input_img = input_img.transpose(2, 0, 1)
+        input_tensor = input_img[np.newaxis, :, :, :].astype(np.float32)
+
+        return input_tensor
+
+    def inference(self, image, input_tensor, conf_threshold=0.3):
+        start = time.perf_counter()
+        outputs = self.session.run(
+            self.output_names, {self.input_names[0]: input_tensor}
+        )
+
+        print(f"Inference time: {(time.perf_counter() - start)*1000:.2f} ms")
+        (
+            boxes,
+            scores,
+            class_ids,
+        ) = self.process_output(outputs, conf_threshold)
+        return self.draw_detections(image, boxes, scores, class_ids)
+
+    def process_output(self, output, conf_threshold=0.3):
+        predictions = np.squeeze(output[0])
+
+        # Filter out object confidence scores below threshold
+        scores = predictions[:, 4]
+        predictions = predictions[scores > conf_threshold, :]
+        scores = scores[scores > conf_threshold]
+
+        if len(scores) == 0:
+            return [], [], []
+
+        # Get the class with the highest confidence
+        class_ids = predictions[:, 5].astype(int)
+
+        # Get bounding boxes for each object
+        boxes = self.extract_boxes(predictions)
+
+        return boxes, scores, class_ids
+
+    def extract_boxes(self, predictions):
+        # Extract boxes from predictions
+        boxes = predictions[:, :4]
+
+        # Scale boxes to original image dimensions
+        boxes = self.rescale_boxes(boxes)
+
+        # Convert boxes to xyxy format
+        # boxes = xywh2xyxy(boxes)
+
+        return boxes
+
+    def rescale_boxes(self, boxes):
+        # Rescale boxes to original image dimensions
+        input_shape = np.array(
+            [self.input_width, self.input_height, self.input_width, self.input_height]
+        )
+        boxes = np.divide(boxes, input_shape, dtype=np.float32)
+        boxes *= np.array(
+            [self.img_width, self.img_height, self.img_width, self.img_height]
+        )
+        return boxes
+
+    def draw_detections(
+        self, image, boxes, scores, class_ids, draw_scores=True, mask_alpha=0.4
+    ):
+        return draw_detections(image, boxes, scores, class_ids, mask_alpha)
+
+    def get_input_details(self):
+        model_inputs = self.session.get_inputs()
+        self.input_names = [model_inputs[i].name for i in range(len(model_inputs))]
+
+        self.input_shape = model_inputs[0].shape
+        self.input_height = self.input_shape[2]
+        self.input_width = self.input_shape[3]
+
+    def get_output_details(self):
+        model_outputs = self.session.get_outputs()
+        self.output_names = [model_outputs[i].name for i in range(len(model_outputs))]
+
+
+if __name__ == "__main__":
+    import requests
+    import tempfile
+    from huggingface_hub import hf_hub_download
+
+    model_file = hf_hub_download(
+        repo_id="onnx-community/yolov10s", filename="onnx/model.onnx"
+    )
+
+    yolov8_detector = YOLOv10(model_file)
+
+    with tempfile.NamedTemporaryFile(suffix=".jpg", delete=False) as f:
+        f.write(
+            requests.get(
+                "https://live.staticflickr.com/13/19041780_d6fd803de0_3k.jpg"
+            ).content
+        )
+        f.seek(0)
+        img = cv2.imread(f.name)
+
+    # # Detect Objects
+    combined_image = yolov8_detector.detect_objects(img)
+
+    # Draw detections
+    cv2.namedWindow("Output", cv2.WINDOW_NORMAL)
+    cv2.imshow("Output", combined_image)
+    cv2.waitKey(0)
diff --git a/demo/yolov10_webcam_stream/requirements.txt b/demo/yolov10_webcam_stream/requirements.txt
new file mode 100644
index 0000000..9766bb4
--- /dev/null
+++ b/demo/yolov10_webcam_stream/requirements.txt
@@ -0,0 +1,6 @@
+safetensors==0.4.3
+opencv-python
+twilio
+gradio>=5.0,<6.0
+gradio-webrtc==0.0.1
+onnxruntime-gpu
\ No newline at end of file
diff --git a/demo/yolov10_webcam_stream/run.py b/demo/yolov10_webcam_stream/run.py
new file mode 100644
index 0000000..515986a
--- /dev/null
+++ b/demo/yolov10_webcam_stream/run.py
@@ -0,0 +1,72 @@
+import gradio as gr
+import cv2  # type: ignore
+from huggingface_hub import hf_hub_download
+from gradio_webrtc import WebRTC  # type: ignore
+from twilio.rest import Client  # type: ignore
+import os
+from inference import YOLOv10  # type: ignore
+
+model_file = hf_hub_download(
+    repo_id="onnx-community/yolov10n", filename="onnx/model.onnx"
+)
+
+model = YOLOv10(model_file)
+
+account_sid = os.environ.get("TWILIO_ACCOUNT_SID")
+auth_token = os.environ.get("TWILIO_AUTH_TOKEN")
+
+if account_sid and auth_token:
+    client = Client(account_sid, auth_token)
+
+    token = client.tokens.create()
+
+    rtc_configuration = {
+        "iceServers": token.ice_servers,
+        "iceTransportPolicy": "relay",
+    }
+else:
+    rtc_configuration = None
+
+
+def detection(image, conf_threshold=0.3):
+    image = cv2.resize(image, (model.input_width, model.input_height))
+    new_image = model.detect_objects(image, conf_threshold)
+    return cv2.resize(new_image, (500, 500))
+
+
+css = """.my-group {max-width: 600px !important; max-height: 600 !important;}
+                      .my-column {display: flex !important; justify-content: center !important; align-items: center !important};"""
+
+
+with gr.Blocks() as demo:
+    gr.HTML(
+        """
+    <h1 style='text-align: center'>
+    YOLOv10 Webcam Stream (Powered by WebRTC ⚡️)
+    </h1>
+    """
+    )
+    gr.HTML(
+        """
+        <h3 style='text-align: center'>
+        <a href='https://arxiv.org/abs/2405.14458' target='_blank'>arXiv</a> | <a href='https://github.com/THU-MIG/yolov10' target='_blank'>github</a>
+        </h3>
+        """
+    )
+    with gr.Column(elem_classes=["my-column"]):
+        with gr.Group(elem_classes=["my-group"]):
+            image = WebRTC(label="Stream", rtc_configuration=rtc_configuration)
+            conf_threshold = gr.Slider(
+                label="Confidence Threshold",
+                minimum=0.0,
+                maximum=1.0,
+                step=0.05,
+                value=0.30,
+            )
+
+        image.stream(
+            fn=detection, inputs=[image, conf_threshold], outputs=[image], time_limit=10
+        )
+
+if __name__ == "__main__":
+    demo.launch(css=css)
diff --git a/demo/yolov10_webcam_stream/utils.py b/demo/yolov10_webcam_stream/utils.py
new file mode 100644
index 0000000..a2b282c
--- /dev/null
+++ b/demo/yolov10_webcam_stream/utils.py
@@ -0,0 +1,237 @@
+import numpy as np
+import cv2  # type: ignore
+
+class_names = [
+    "person",
+    "bicycle",
+    "car",
+    "motorcycle",
+    "airplane",
+    "bus",
+    "train",
+    "truck",
+    "boat",
+    "traffic light",
+    "fire hydrant",
+    "stop sign",
+    "parking meter",
+    "bench",
+    "bird",
+    "cat",
+    "dog",
+    "horse",
+    "sheep",
+    "cow",
+    "elephant",
+    "bear",
+    "zebra",
+    "giraffe",
+    "backpack",
+    "umbrella",
+    "handbag",
+    "tie",
+    "suitcase",
+    "frisbee",
+    "skis",
+    "snowboard",
+    "sports ball",
+    "kite",
+    "baseball bat",
+    "baseball glove",
+    "skateboard",
+    "surfboard",
+    "tennis racket",
+    "bottle",
+    "wine glass",
+    "cup",
+    "fork",
+    "knife",
+    "spoon",
+    "bowl",
+    "banana",
+    "apple",
+    "sandwich",
+    "orange",
+    "broccoli",
+    "carrot",
+    "hot dog",
+    "pizza",
+    "donut",
+    "cake",
+    "chair",
+    "couch",
+    "potted plant",
+    "bed",
+    "dining table",
+    "toilet",
+    "tv",
+    "laptop",
+    "mouse",
+    "remote",
+    "keyboard",
+    "cell phone",
+    "microwave",
+    "oven",
+    "toaster",
+    "sink",
+    "refrigerator",
+    "book",
+    "clock",
+    "vase",
+    "scissors",
+    "teddy bear",
+    "hair drier",
+    "toothbrush",
+]
+
+# Create a list of colors for each class where each color is a tuple of 3 integer values
+rng = np.random.default_rng(3)
+colors = rng.uniform(0, 255, size=(len(class_names), 3))
+
+
+def nms(boxes, scores, iou_threshold):
+    # Sort by score
+    sorted_indices = np.argsort(scores)[::-1]
+
+    keep_boxes = []
+    while sorted_indices.size > 0:
+        # Pick the last box
+        box_id = sorted_indices[0]
+        keep_boxes.append(box_id)
+
+        # Compute IoU of the picked box with the rest
+        ious = compute_iou(boxes[box_id, :], boxes[sorted_indices[1:], :])
+
+        # Remove boxes with IoU over the threshold
+        keep_indices = np.where(ious < iou_threshold)[0]
+
+        # print(keep_indices.shape, sorted_indices.shape)
+        sorted_indices = sorted_indices[keep_indices + 1]
+
+    return keep_boxes
+
+
+def multiclass_nms(boxes, scores, class_ids, iou_threshold):
+    unique_class_ids = np.unique(class_ids)
+
+    keep_boxes = []
+    for class_id in unique_class_ids:
+        class_indices = np.where(class_ids == class_id)[0]
+        class_boxes = boxes[class_indices, :]
+        class_scores = scores[class_indices]
+
+        class_keep_boxes = nms(class_boxes, class_scores, iou_threshold)
+        keep_boxes.extend(class_indices[class_keep_boxes])
+
+    return keep_boxes
+
+
+def compute_iou(box, boxes):
+    # Compute xmin, ymin, xmax, ymax for both boxes
+    xmin = np.maximum(box[0], boxes[:, 0])
+    ymin = np.maximum(box[1], boxes[:, 1])
+    xmax = np.minimum(box[2], boxes[:, 2])
+    ymax = np.minimum(box[3], boxes[:, 3])
+
+    # Compute intersection area
+    intersection_area = np.maximum(0, xmax - xmin) * np.maximum(0, ymax - ymin)
+
+    # Compute union area
+    box_area = (box[2] - box[0]) * (box[3] - box[1])
+    boxes_area = (boxes[:, 2] - boxes[:, 0]) * (boxes[:, 3] - boxes[:, 1])
+    union_area = box_area + boxes_area - intersection_area
+
+    # Compute IoU
+    iou = intersection_area / union_area
+
+    return iou
+
+
+def xywh2xyxy(x):
+    # Convert bounding box (x, y, w, h) to bounding box (x1, y1, x2, y2)
+    y = np.copy(x)
+    y[..., 0] = x[..., 0] - x[..., 2] / 2
+    y[..., 1] = x[..., 1] - x[..., 3] / 2
+    y[..., 2] = x[..., 0] + x[..., 2] / 2
+    y[..., 3] = x[..., 1] + x[..., 3] / 2
+    return y
+
+
+def draw_detections(image, boxes, scores, class_ids, mask_alpha=0.3):
+    det_img = image.copy()
+
+    img_height, img_width = image.shape[:2]
+    font_size = min([img_height, img_width]) * 0.0006
+    text_thickness = int(min([img_height, img_width]) * 0.001)
+
+    # det_img = draw_masks(det_img, boxes, class_ids, mask_alpha)
+
+    # Draw bounding boxes and labels of detections
+    for class_id, box, score in zip(class_ids, boxes, scores):
+        color = colors[class_id]
+
+        draw_box(det_img, box, color)  # type: ignore
+
+        label = class_names[class_id]
+        caption = f"{label} {int(score * 100)}%"
+        draw_text(det_img, caption, box, color, font_size, text_thickness)  # type: ignore
+
+    return det_img
+
+
+def draw_box(
+    image: np.ndarray,
+    box: np.ndarray,
+    color: tuple[int, int, int] = (0, 0, 255),
+    thickness: int = 2,
+) -> np.ndarray:
+    x1, y1, x2, y2 = box.astype(int)
+    return cv2.rectangle(image, (x1, y1), (x2, y2), color, thickness)
+
+
+def draw_text(
+    image: np.ndarray,
+    text: str,
+    box: np.ndarray,
+    color: tuple[int, int, int] = (0, 0, 255),
+    font_size: float = 0.001,
+    text_thickness: int = 2,
+) -> np.ndarray:
+    x1, y1, x2, y2 = box.astype(int)
+    (tw, th), _ = cv2.getTextSize(
+        text=text,
+        fontFace=cv2.FONT_HERSHEY_SIMPLEX,
+        fontScale=font_size,
+        thickness=text_thickness,
+    )
+    th = int(th * 1.2)
+
+    cv2.rectangle(image, (x1, y1), (x1 + tw, y1 - th), color, -1)
+
+    return cv2.putText(
+        image,
+        text,
+        (x1, y1),
+        cv2.FONT_HERSHEY_SIMPLEX,
+        font_size,
+        (255, 255, 255),
+        text_thickness,
+        cv2.LINE_AA,
+    )
+
+
+def draw_masks(
+    image: np.ndarray, boxes: np.ndarray, classes: np.ndarray, mask_alpha: float = 0.3
+) -> np.ndarray:
+    mask_img = image.copy()
+
+    # Draw bounding boxes and labels of detections
+    for box, class_id in zip(boxes, classes):
+        color = colors[class_id]
+
+        x1, y1, x2, y2 = box.astype(int)
+
+        # Draw fill rectangle in mask image
+        cv2.rectangle(mask_img, (x1, y1), (x2, y2), color, -1)  # type: ignore
+
+    return cv2.addWeighted(mask_img, mask_alpha, image, 1 - mask_alpha, 0)
diff --git a/demo/zip_files/.gitignore b/demo/zip_files/.gitignore
new file mode 100644
index 0000000..8e9b8f2
--- /dev/null
+++ b/demo/zip_files/.gitignore
@@ -0,0 +1 @@
+tmp.zip
\ No newline at end of file
diff --git a/demo/zip_files/run.py b/demo/zip_files/run.py
new file mode 100644
index 0000000..f180f11
--- /dev/null
+++ b/demo/zip_files/run.py
@@ -0,0 +1,23 @@
+from zipfile import ZipFile
+
+import gradio as gr
+
+def zip_files(files):
+    with ZipFile("tmp.zip", "w") as zip_obj:
+        for file in files:
+            zip_obj.write(file.name, file.name.split("/")[-1])
+    return "tmp.zip"
+
+demo = gr.Interface(
+    zip_files,
+    gr.File(file_count="multiple", file_types=["text", ".json", ".csv"]),
+    "file",
+    examples=[[[gr.get_file("titanic.csv"),
+    gr.get_file("titanic.csv"),
+    gr.get_file("titanic.csv")]]],
+    cache_examples=True,
+    api_name="predict"
+)
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/zip_files/screenshot.png b/demo/zip_files/screenshot.png
new file mode 100644
index 0000000..64591ff
Binary files /dev/null and b/demo/zip_files/screenshot.png differ
diff --git a/demo/zip_to_json/run.py b/demo/zip_to_json/run.py
new file mode 100644
index 0000000..40f42b6
--- /dev/null
+++ b/demo/zip_to_json/run.py
@@ -0,0 +1,21 @@
+from zipfile import ZipFile
+
+import gradio as gr
+
+def zip_to_json(file_obj):
+    files = []
+    with ZipFile(file_obj.name) as zfile:
+        for zinfo in zfile.infolist():
+            files.append(
+                {
+                    "name": zinfo.filename,
+                    "file_size": zinfo.file_size,
+                    "compressed_size": zinfo.compress_size,
+                }
+            )
+    return files
+
+demo = gr.Interface(zip_to_json, "file", "json", api_name="predict")
+
+if __name__ == "__main__":
+    demo.launch()
diff --git a/demo/zip_to_json/screenshot.png b/demo/zip_to_json/screenshot.png
new file mode 100644
index 0000000..0620b78
Binary files /dev/null and b/demo/zip_to_json/screenshot.png differ
diff --git a/ffmpeg-bin/ffmpeg b/ffmpeg-bin/ffmpeg
new file mode 100755
index 0000000..67dcec7
Binary files /dev/null and b/ffmpeg-bin/ffmpeg differ
diff --git a/ffmpeg-bin/ffprobe b/ffmpeg-bin/ffprobe
new file mode 100755
index 0000000..4c2063a
Binary files /dev/null and b/ffmpeg-bin/ffprobe differ
diff --git a/globals.d.ts b/globals.d.ts
new file mode 100644
index 0000000..c370c17
--- /dev/null
+++ b/globals.d.ts
@@ -0,0 +1,53 @@
+import { ApiData, ApiInfo } from "client/js/src/types";
+declare global {
+	interface Window {
+		__gradio_mode__: "app" | "website";
+		__gradio_space__: string | null;
+		launchGradio: Function;
+		launchGradioFromSpaces: Function;
+		gradio_config: Config;
+		gradio_api_info: ApiInfo<ApiData> | { api: ApiInfo<ApiData> };
+		scoped_css_attach: (link: HTMLLinkElement) => void;
+		__is_colab__: boolean;
+		parentIFrame?: {
+			scrollTo: (x: number, y: number) => void;
+			size: (height: number) => void;
+			autoResize: (auto: boolean) => void;
+			getPageInfo: (
+				callback: (info: { scrollTop: number; offsetTop: number }) => void
+			) => void;
+		};
+		supports_zerogpu_headers?: boolean;
+		BUILD_MODE?: "dev" | "production";
+	}
+}
+
+export interface Config {
+	auth_required?: true;
+	auth_message: string;
+	components: any[];
+	css: string | null;
+	dependencies: any[];
+	dev_mode: boolean;
+	enable_queue: boolean;
+	layout: any;
+	mode: "blocks" | "interface";
+	root: string;
+	theme: string;
+	title: string;
+	version: string;
+	space_id: string | null;
+	is_colab: boolean;
+	show_api: boolean;
+	stylesheets: string[];
+	path: string;
+	js: string | null;
+	head: string | null;
+	analytics_enabled: boolean;
+	show_error: boolean;
+	is_space: boolean;
+	protocol: "ws" | "sse" | "sse_v1" | "sse_v2" | "sse_v2.1" | "sse_v3";
+	theme_hash?: number;
+	username: string | null;
+	current_page: string;
+}
diff --git a/gradio/.dockerignore b/gradio/.dockerignore
new file mode 100644
index 0000000..450a3af
--- /dev/null
+++ b/gradio/.dockerignore
@@ -0,0 +1,2 @@
+templates/frontend
+templates/frontend/**/*
diff --git a/gradio/CHANGELOG.md b/gradio/CHANGELOG.md
new file mode 100644
index 0000000..273d61f
--- /dev/null
+++ b/gradio/CHANGELOG.md
@@ -0,0 +1,8128 @@
+# gradio
+
+## 6.20.0
+
+### Features
+
+- [#13566](https://github.com/gradio-app/gradio/pull/13566) [`79b9171`](https://github.com/gradio-app/gradio/commit/79b91718b5c972c174ed042d8b04443bc2274076) - Gallery Download All.  Thanks @dawoodkhan82!
+- [#13544](https://github.com/gradio-app/gradio/pull/13544) [`784eb53`](https://github.com/gradio-app/gradio/commit/784eb536ab6596b0fa967419aaa93de39fa9418d) - workflow: show downstream output on subgraph run.  Thanks @hannahblair!
+- [#13582](https://github.com/gradio-app/gradio/pull/13582) [`59968e8`](https://github.com/gradio-app/gradio/commit/59968e8fdc86230eebb329ce0871dfaa9fa9c746) - workflow: update input change handling.  Thanks @hannahblair!
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+- [#13557](https://github.com/gradio-app/gradio/pull/13557) [`55241c8`](https://github.com/gradio-app/gradio/commit/55241c890fc5f0bbfddae4ce2ec14525d594e05e) - workflow: auto add node on port click.  Thanks @hannahblair!
+- [#13549](https://github.com/gradio-app/gradio/pull/13549) [`ec64242`](https://github.com/gradio-app/gradio/commit/ec642427856c9b7a3e90c35987d87bb98a6e9fbc) - workflow: validate model before invoking inference client.  Thanks @hannahblair!
+- [#13555](https://github.com/gradio-app/gradio/pull/13555) [`f7b872e`](https://github.com/gradio-app/gradio/commit/f7b872e52136d0f9308f0c7e0ebd49371148088a) - Replace deprecated Starlette 422 status constant in queue validator error path.  Thanks @copilot-swe-agent!
+- [#13574](https://github.com/gradio-app/gradio/pull/13574) [`75c5d1e`](https://github.com/gradio-app/gradio/commit/75c5d1eeec6f9cc7e84128812bc0c03b9682d7da) - workflow: inject token into fn functions.  Thanks @hannahblair!
+
+### Fixes
+
+- [#13592](https://github.com/gradio-app/gradio/pull/13592) [`876d333`](https://github.com/gradio-app/gradio/commit/876d3334a9229e403193f7fd176af8c0720817cf) - Fix `JSONDecodeError` when loading cached examples with negative number outputs.  Thanks @hysts!
+- [#13596](https://github.com/gradio-app/gradio/pull/13596) [`1c5c538`](https://github.com/gradio-app/gradio/commit/1c5c53842df9c2750552d85c19a92e7e732cff3f) - Security: serve `/gradio_api/file=<url>` via an SSRF-safe streaming proxy instead of an open redirect.  Thanks @abidlabs!
+- [#13595](https://github.com/gradio-app/gradio/pull/13595) [`4e72cd1`](https://github.com/gradio-app/gradio/commit/4e72cd1d6fd5cdb7d1267df4cfd1eec9a4b4214d) - workflow: forward `_token` to bound fn when no request session.  Thanks @hannahblair!
+- [#13540](https://github.com/gradio-app/gradio/pull/13540) [`98de45e`](https://github.com/gradio-app/gradio/commit/98de45e708305563f79614221aede2bf5d863922) - Fix gr.Plot collapsing to zero height for autosize Plotly figures.  Thanks @hysts!
+- [#13563](https://github.com/gradio-app/gradio/pull/13563) [`46d391b`](https://github.com/gradio-app/gradio/commit/46d391bd4385b6cfa31f10b35955c95c86c4cb85) - Fix embedded Gradio apps growing infinitely tall on HF Spaces when using `vh`/`%` heights or `fill_height`.  Thanks @abidlabs!
+- [#13580](https://github.com/gradio-app/gradio/pull/13580) [`63609f1`](https://github.com/gradio-app/gradio/commit/63609f10bb54523e5a996e584d1e9f635c02e80f) - Enforce `max_file_size` for multipart uploads to the `/component_server` route.  Thanks @abidlabs!
+- [#13571](https://github.com/gradio-app/gradio/pull/13571) [`c576675`](https://github.com/gradio-app/gradio/commit/c576675c1d0d9a917706bb830f7a738d9f96672f) - Fix `gr.ImageEditor` high CPU usage when idle by sleeping the render loop when nothing is changing.  Thanks @abidlabs!
+- [`dcc654d`](https://github.com/gradio-app/gradio/commit/dcc654d8467c9202a78c50b31e7d123e9804ebf4) - Fix ImageEditor transform tools and hidden cleanup.  Thanks @dawoodkhan82!
+- [#13588](https://github.com/gradio-app/gradio/pull/13588) [`2e80558`](https://github.com/gradio-app/gradio/commit/2e805588c8dc84a4a584898fd43b267c72209f78) - Fire `state.change()` for streaming (`.stream()`) events.  Thanks @hysts!
+- [#13597](https://github.com/gradio-app/gradio/pull/13597) [`7a595cb`](https://github.com/gradio-app/gradio/commit/7a595cb72d8a82151ee2231e86d20c91d0bb9062) - Fix ImageEditor brush texture resets.  Thanks @dawoodkhan82!
+- [#13581](https://github.com/gradio-app/gradio/pull/13581) [`461d82d`](https://github.com/gradio-app/gradio/commit/461d82df2689ec0c53e84b8722eaeae58fd2a6ae) - Use same-origin credentials in the JS client so cross-origin embeds work again.  Thanks @hysts!
+- [#13560](https://github.com/gradio-app/gradio/pull/13560) [`745f20c`](https://github.com/gradio-app/gradio/commit/745f20c9ec7d1e542c4b35f121b6f74e8e7c100c) - Fix `gr.Tabs.select()` event not firing when switching tabs.  Thanks @abidlabs!
+- [#13529](https://github.com/gradio-app/gradio/pull/13529) [`6438369`](https://github.com/gradio-app/gradio/commit/64383695167206d7775a364938a1005c662ea9c7) - Wait for in-flight head scripts before running js_on_load in gr.HTML.  Thanks @hysts!
+- [#13553](https://github.com/gradio-app/gradio/pull/13553) [`9a72d0c`](https://github.com/gradio-app/gradio/commit/9a72d0c76e62af365236a36c0137f7e0497d98cb) - Fix Column staying hidden after a multi-yield visibility update.  Thanks @hysts!
+- [#13561](https://github.com/gradio-app/gradio/pull/13561) [`882df35`](https://github.com/gradio-app/gradio/commit/882df35e9eaa7b2fb8767e23f03c66c46ab66d78) - Fix `TypeError: this.app.$destroy is not a function` when embedding a Gradio app with the `<gradio-app>` web component.  Thanks @abidlabs!
+
+## 6.19.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+- [#13534](https://github.com/gradio-app/gradio/pull/13534) [`a11c728`](https://github.com/gradio-app/gradio/commit/a11c7282461ccef90f24a031d77a597ac9ae3d0e) - Re-translate i18n choices display names when the language is switched at runtime.  Thanks @hysts!
+- [#13524](https://github.com/gradio-app/gradio/pull/13524) [`d4d340d`](https://github.com/gradio-app/gradio/commit/d4d340d1bbc1dfdec72fa46431b43f6a808f084f) - Run `gr.Workflow` subgraphs via the Gradio API — each subgraph is exposed as a named endpoint (returning all of its outputs) reusing `/info`, `/call`, and `/api`, with a "View API" panel in the canvas.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13542](https://github.com/gradio-app/gradio/pull/13542) [`9d83502`](https://github.com/gradio-app/gradio/commit/9d83502215b56ed7747490afd0d5145b087a23e7) - Make dropdowns accessible to screen readers (combobox ARIA pattern).  Thanks @hysts!
+- [#13532](https://github.com/gradio-app/gradio/pull/13532) [`0a933b4`](https://github.com/gradio-app/gradio/commit/0a933b428f5b2158cb8c764f38abf0da2312d58a) - Fix `gr.SelectData` coordinates when the image in `gr.Image` does not fill its container.  Thanks @hysts!
+- [#13511](https://github.com/gradio-app/gradio/pull/13511) [`8eafb31`](https://github.com/gradio-app/gradio/commit/8eafb31ee17c134e65d1a006753b9a6ee4631f07) - refactor space and model discovery modal.  Thanks @hannahblair!
+- [#13533](https://github.com/gradio-app/gradio/pull/13533) [`e5ec1ca`](https://github.com/gradio-app/gradio/commit/e5ec1ca66c45e7e3a057b75ac2b8b86660b2827b) - Fix fullscreen button not working in ImageSlider, interactive Image, native plots, and AnnotatedImage.  Thanks @hysts!
+- [#13541](https://github.com/gradio-app/gradio/pull/13541) [`1d19f2b`](https://github.com/gradio-app/gradio/commit/1d19f2b21f6b12285089abc73468ac67b5b93e27) - Fix long unbroken text overflowing in the Markdown component.  Thanks @hysts!
+
+## 6.18.0
+
+### Features
+
+- [#13510](https://github.com/gradio-app/gradio/pull/13510) [`75c684e`](https://github.com/gradio-app/gradio/commit/75c684efb87624bee2fb63b08122564e6538509e) - Migrate Plot to Svelte 5.  Thanks @dawoodkhan82!
+- [#13501](https://github.com/gradio-app/gradio/pull/13501) [`e547392`](https://github.com/gradio-app/gradio/commit/e547392d794bc8ac0bcf60f6846229e95350f2c4) - workflow: update pipeline UX around pro accounts.  Thanks @hannahblair!
+- [#13517](https://github.com/gradio-app/gradio/pull/13517) [`100eaf2`](https://github.com/gradio-app/gradio/commit/100eaf2705861ccb71ea53748e2c6965a9c68bd0) - workflow: implement drag selection.  Thanks @hannahblair!
+- [#13509](https://github.com/gradio-app/gradio/pull/13509) [`dcd072c`](https://github.com/gradio-app/gradio/commit/dcd072cd57f09ffd2dc5f97ae6afc505894824a6) - Migrate Chatbot, Tabs, TabItem to Svelte 5.  Thanks @dawoodkhan82!
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+- [#13516](https://github.com/gradio-app/gradio/pull/13516) [`8ec4cbc`](https://github.com/gradio-app/gradio/commit/8ec4cbc8de3bbc1d8ecb660ad8dd22ad35500e1c) - Translate i18n `choices` display names in choice-based components.  Thanks @hysts!
+- [#13513](https://github.com/gradio-app/gradio/pull/13513) [`df59064`](https://github.com/gradio-app/gradio/commit/df590646af4c2e518817201a2f1d3e334566669c) - Treat expired OAuth sessions as logged out users.  Thanks @abidlabs!
+- [#13507](https://github.com/gradio-app/gradio/pull/13507) [`a9550d8`](https://github.com/gradio-app/gradio/commit/a9550d863e2487eb0012d872e589d04dc60fb3c9) - Warn when a `<script>` tag is included in the content of a `gr.HTML` component.  Thanks @abidlabs!
+- [#13520](https://github.com/gradio-app/gradio/pull/13520) [`9362fd9`](https://github.com/gradio-app/gradio/commit/9362fd9fdb1f5699c8902e74d33afb6c25343209) - Use local HF token in Workflow, gated behind a write-token auth model.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13521](https://github.com/gradio-app/gradio/pull/13521) [`be20ce8`](https://github.com/gradio-app/gradio/commit/be20ce8e9dd39487a2b24a28cf0aa2bf93f6bd5d) - Fix UI freeze when one event makes multiple components of the same type visible.  Thanks @hysts!
+- [#13484](https://github.com/gradio-app/gradio/pull/13484) [`87f42b9`](https://github.com/gradio-app/gradio/commit/87f42b9135004f416bfc71798c55eebf8120ef9c) - workflow: preserve dropdown, radio and checkbox inputs.  Thanks @hannahblair!
+- [#13522](https://github.com/gradio-app/gradio/pull/13522) [`c440779`](https://github.com/gradio-app/gradio/commit/c4407799d8f7f901ce2f475736ca239eb6a676f9) - Close matplotlib figures after rendering them in `gr.Plot`.  Thanks @hysts!
+- [#13500](https://github.com/gradio-app/gradio/pull/13500) [`751a397`](https://github.com/gradio-app/gradio/commit/751a397ce519732526863ee84e311f7f64195f9d) - Close iterator on terminal error in JS client.  Thanks @hysts!
+- [#13512](https://github.com/gradio-app/gradio/pull/13512) [`ba4963e`](https://github.com/gradio-app/gradio/commit/ba4963edb638dce986c5689ecd38b828732fc4e0) - Run `js` functions in event listeners even when `fn` is not explicitly set to `None`.  Thanks @abidlabs!
+- [#13515](https://github.com/gradio-app/gradio/pull/13515) [`e0e2445`](https://github.com/gradio-app/gradio/commit/e0e244537ccc2ba27ae8450508531c7ed6ac97a7) - Fix state handling for simple call API.  Thanks @abidlabs!
+- [#13514](https://github.com/gradio-app/gradio/pull/13514) [`4549d87`](https://github.com/gradio-app/gradio/commit/4549d87e37c09187cc33fb182b96bba03a43a334) - Accept permanent redirects (301, 308) in `networking.url_ok`.  Thanks @abidlabs!
+- [#13508](https://github.com/gradio-app/gradio/pull/13508) [`2d6eb2a`](https://github.com/gradio-app/gradio/commit/2d6eb2a2e1a2574e8acca575ab7b479f2332812c) - Treat api_name=False events as private in API info.  Thanks @abidlabs!
+- [#13489](https://github.com/gradio-app/gradio/pull/13489) [`965a36c`](https://github.com/gradio-app/gradio/commit/965a36cfa9fd4f29dcf0225b2c3da891b7e0027b) - workflow: dont render nodes for optional params on spawn.  Thanks @hannahblair!
+- [#13523](https://github.com/gradio-app/gradio/pull/13523) [`1b611f8`](https://github.com/gradio-app/gradio/commit/1b611f89fb85016a7879020098bd0faedf80ae5e) - Fixes grouped accordion borders and empty plot legends.  Thanks @dawoodkhan82!
+
+## 6.17.3
+
+### Features
+
+- [#13497](https://github.com/gradio-app/gradio/pull/13497) [`c26e797`](https://github.com/gradio-app/gradio/commit/c26e7975ede55b4c27d22379255de0b4e69ba3c6) - fix workflow canvas repo.url.  Thanks @pngwn!
+
+## 6.17.2
+
+### Features
+
+- [#13491](https://github.com/gradio-app/gradio/pull/13491) [`fcf1133`](https://github.com/gradio-app/gradio/commit/fcf11335b9bbdc6cf066423e8c46d974ae006016) - Track Workflow telemetry mode and beta status.  Thanks @abidlabs!
+
+## 6.17.1
+
+### Fixes
+
+- [#13487](https://github.com/gradio-app/gradio/pull/13487) [`61b9715`](https://github.com/gradio-app/gradio/commit/61b9715739936a73c03408eb8b435bf7833f524f) - workflow: tweak zerogpu toggle UX.  Thanks @hannahblair!
+- [#13450](https://github.com/gradio-app/gradio/pull/13450) [`dba4a16`](https://github.com/gradio-app/gradio/commit/dba4a168ce00c15497fd2b99a3364ebbb4842b72) - preserve head script execution order.  Thanks @hysts!
+- [#13486](https://github.com/gradio-app/gradio/pull/13486) [`4294f18`](https://github.com/gradio-app/gradio/commit/4294f18ac688203d5b1566b75f161a3feff74e8c) - workflow: convert `runtime.hardware` to str.  Thanks @hannahblair!
+
+## 6.17.0
+
+### Features
+
+- [#13467](https://github.com/gradio-app/gradio/pull/13467) [`feba2e1`](https://github.com/gradio-app/gradio/commit/feba2e1e41c68f4bbdacf4c963d8d9689d4b3346) - `Tab`, `TabItem`, `Plot` Unit tests.  Thanks @dawoodkhan82!
+- [#13417](https://github.com/gradio-app/gradio/pull/13417) [`127400b`](https://github.com/gradio-app/gradio/commit/127400b01538faa0cf9d8a1ea7984c5ee05e66a0) - Add `gr.Workflow` and `gr.WorkflowCanvas` for building AI pipelines visually. `gr.Workflow` accepts `graph`, `bind`, and `edges` parameters to wire Python functions into a canvas, with automatic persistence to the graph JSON file.  Thanks @hannahblair!
+- [#13466](https://github.com/gradio-app/gradio/pull/13466) [`a31ccae`](https://github.com/gradio-app/gradio/commit/a31ccae4399542d8669ecbad3e2cbbbae9fbbf9b) - Track Gradio Server mode as its own kind in analytics (`mode="server"`).  Thanks @abidlabs!
+
+### Fixes
+
+- [#13429](https://github.com/gradio-app/gradio/pull/13429) [`e94331c`](https://github.com/gradio-app/gradio/commit/e94331c85284f746fd03cca3fb8b90e9b2869b74) - stale loading_status overwrites completed status on component mount (hidden → visible).  Thanks @Jefsky!
+- [#13463](https://github.com/gradio-app/gradio/pull/13463) [`58088ad`](https://github.com/gradio-app/gradio/commit/58088ad1d75eee0f93ba1c02f427ee04f60847b4) - Self-host frontend assets so that Gradio works offline!.  Thanks @abidlabs!
+- [#13470](https://github.com/gradio-app/gradio/pull/13470) [`758ff7c`](https://github.com/gradio-app/gradio/commit/758ff7c00d0a6eac09f2f71f9e27ef259af40118) - Raise a helpful error identifying which component/argument was mistyped when pre/postprocessing an event handler's inputs/outputs.  Thanks @abidlabs!
+- [#13472](https://github.com/gradio-app/gradio/pull/13472) [`14e3589`](https://github.com/gradio-app/gradio/commit/14e35898b867f4366fb7e92ec0e44e1111bdcc28) - Add layout sizing args to Markdown and HTML.  Thanks @abidlabs!
+
+## 6.16.0
+
+### Features
+
+- [#13422](https://github.com/gradio-app/gradio/pull/13422) [`96d4fd1`](https://github.com/gradio-app/gradio/commit/96d4fd1dc402e05b46249f9434bc503b4a307750) - Make the session heartbeat interval configurable via the `GRADIO_HEARTBEAT_INTERVAL` environment variable (#13346).  Thanks @wjddnwp29!
+- [#13459](https://github.com/gradio-app/gradio/pull/13459) [`6320116`](https://github.com/gradio-app/gradio/commit/63201164c738a878b82e4f9e9e623413b64d2678) - Show a friendly landing page (instead of a raw JSON-RPC error) when the MCP endpoint is opened in a browser.  Thanks @ShirGanon!
+
+### Fixes
+
+- [#13437](https://github.com/gradio-app/gradio/pull/13437) [`97d541f`](https://github.com/gradio-app/gradio/commit/97d541f3d5fd05b2587a69ecc94b68fe5d2d7004) - Fix path traversal in `gr.FileExplorer.preprocess` by validating selected paths with `_safe_join` (consistent with `ls()`), rejecting absolute/`..` paths that escape `root_dir`.  Thanks @abidlabs!
+- [#13438](https://github.com/gradio-app/gradio/pull/13438) [`010ee63`](https://github.com/gradio-app/gradio/commit/010ee63fe0bce1cac36d0e148d7c9e17b59db5ea) - Fix open-redirect bypass in `gradio.oauth._redirect_to_target` where 4+ leading slashes (or backslashes) in `_target_url` produced a scheme-relative redirect to an external host, restoring CVE-2026-28415.  Thanks @abidlabs!
+- [#13240](https://github.com/gradio-app/gradio/pull/13240) [`0d670ad`](https://github.com/gradio-app/gradio/commit/0d670adf41a0b510f7fd745495dce1664d38f0e5) - Fix browser freeze when a dataframe's value is set (e.g. via a tab select event), and only dispatch the tabs select event when the selected tab actually changes.  Thanks @freddyaboulton!
+- [#13461](https://github.com/gradio-app/gradio/pull/13461) [`702a8b1`](https://github.com/gradio-app/gradio/commit/702a8b105722699dcea536d7ff1b1aca6c893244) - Fix runtime language switching not re-translating component labels/values (only the footer updated). `@gradio/utils` resolved its own duplicate `svelte-i18n` instance whose locale store was never updated; the retranslation trigger now uses the live formatter store injected by `@gradio/core`.  Thanks @abidlabs!
+- [#13458](https://github.com/gradio-app/gradio/pull/13458) [`939e84c`](https://github.com/gradio-app/gradio/commit/939e84cd3de66889039ffd9e0fd8336d8e7a6041) - Defer Node front proxy startup until Python is ready in SSR mode.  Thanks @pngwn!
+- [#13436](https://github.com/gradio-app/gradio/pull/13436) [`48d0e27`](https://github.com/gradio-app/gradio/commit/48d0e271366595f13b616979e593a0bd287dd98b) - Fix SSRF in `Image`/`Gallery` SVG postprocessing and `Audio` streaming postprocessing by routing user-influenced URL fetches through `safehttpx`.  Thanks @abidlabs!
+- [#13451](https://github.com/gradio-app/gradio/pull/13451) [`29bd7a0`](https://github.com/gradio-app/gradio/commit/29bd7a00fc087df5f8d9780b5e1082729fc5ffb0) - `gr.Dropdown()` Fixes.  Thanks @dawoodkhan82!
+
+## 6.15.2
+
+### Features
+
+- [#13430](https://github.com/gradio-app/gradio/pull/13430) [`36f6b4e`](https://github.com/gradio-app/gradio/commit/36f6b4e571390ce8af8338f245685917c9e6c5d2) - upgrade `starlette` dependency to 1.0.1 or higher.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13396](https://github.com/gradio-app/gradio/pull/13396) [`67df918`](https://github.com/gradio-app/gradio/commit/67df918b1794cdfeaf485e801466eafea4cb80e4) - Convert audio to int16 for all formats in `audio_to_file` so non-WAV outputs (mp3, flac, ogg) no longer encode as noise.  Thanks @GopalGB!
+
+## 6.15.1
+
+### Features
+
+- [#13388](https://github.com/gradio-app/gradio/pull/13388) [`c889673`](https://github.com/gradio-app/gradio/commit/c889673a242c2a368c2a222da34c8267491d0495) - tests:add regression coverage for the `Blocks.from_config()` proxy_url SSRF guard (GHSA-jmh7-g254-2cq9).  Thanks @xr843!
+
+### Fixes
+
+- [#13394](https://github.com/gradio-app/gradio/pull/13394) [`1c609af`](https://github.com/gradio-app/gradio/commit/1c609af6918b20d0b4347b9f41b04569d6adca24) - Fix audio cache keys to include metadata.  Thanks @3em0!
+- [#13424](https://github.com/gradio-app/gradio/pull/13424) [`14ccbf1`](https://github.com/gradio-app/gradio/commit/14ccbf1115d30b7bb666f7d11264bd9280a40176) - Defer Node front proxy startup until Python is ready in SSR mode.  Thanks @pngwn!
+- [#13391](https://github.com/gradio-app/gradio/pull/13391) [`270c12a`](https://github.com/gradio-app/gradio/commit/270c12a8ea382d20ce701e391fea61b12badbf5c) - fix(dataframe): handle empty and 1d auto datatype values.  Thanks @danyalahmed1995!
+
+## 6.15.0
+
+### Features
+
+- [#13322](https://github.com/gradio-app/gradio/pull/13322) [`6c48f80`](https://github.com/gradio-app/gradio/commit/6c48f80948abb330f201d0dac38f89a276348029) - Allow applying `gr.cache()` to intermediate functions directly.  Thanks @abidlabs!
+- [#13367](https://github.com/gradio-app/gradio/pull/13367) [`5d9c9fe`](https://github.com/gradio-app/gradio/commit/5d9c9fe5ff32951309765d37da610a4833b4b694) - fix: upgrade handlebars to 4.7.9 (CVE-2026-33937).  Thanks @orbisai0security!
+- [#13408](https://github.com/gradio-app/gradio/pull/13408) [`6b0c8af`](https://github.com/gradio-app/gradio/commit/6b0c8aff7a9688ad605e4ca52a083c5754fe1610) - Markdown link fix.  Thanks @dawoodkhan82!
+- [#13366](https://github.com/gradio-app/gradio/pull/13366) [`10f43e0`](https://github.com/gradio-app/gradio/commit/10f43e0fe187aac9594f3a9765f8addc81b63ad1) - Offload traffic to static workers and use node as the proxy.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13384](https://github.com/gradio-app/gradio/pull/13384) [`feb7237`](https://github.com/gradio-app/gradio/commit/feb7237d01f359d2ad4ee42d00344e61692b3b39) - Isolate cookie jars in `/proxy=` requests so a malicious upstream Space cannot leak cookies into proxied requests to a different `*.hf.space` (GHSA-2mr9-9r47-px2g).  Thanks @xr843!
+- [#13344](https://github.com/gradio-app/gradio/pull/13344) [`563e7b7`](https://github.com/gradio-app/gradio/commit/563e7b7948ba2da9d900065c69301ab349648cb0) - Stop @gr.render from crashing with KeyError when an inner gr.Examples pops its fake-event fn.  Thanks @GopalGB!
+- [#13379](https://github.com/gradio-app/gradio/pull/13379) [`b8e8745`](https://github.com/gradio-app/gradio/commit/b8e8745d2f4fb156dd12d57a3f4eb2e165f20216) - fix default tool logic in gr.ImageEditor.  Thanks @hannahblair!
+- [#13363](https://github.com/gradio-app/gradio/pull/13363) [`0872f5e`](https://github.com/gradio-app/gradio/commit/0872f5eccad07a140ed5e24e3adddc661667ff9a) - add colour picker unit tests.  Thanks @hannahblair!
+- [#13383](https://github.com/gradio-app/gradio/pull/13383) [`9acecd2`](https://github.com/gradio-app/gradio/commit/9acecd2d69653e7d0f7961fa1b63a172a9ae76ec) - Warn when gr.Tabs() has non-Tab direct children (#9832).  Thanks @wjddnwp29!
+- [#13403](https://github.com/gradio-app/gradio/pull/13403) [`df56862`](https://github.com/gradio-app/gradio/commit/df56862a1531fc372a3248716dc4bd07e6db1c52) - [js-client] close submit iterator on next/close race.  Thanks @hysts!
+- [#13380](https://github.com/gradio-app/gradio/pull/13380) [`5d7a9ba`](https://github.com/gradio-app/gradio/commit/5d7a9bae2698c792db867f2b689fd91cee8bf4a5) - update pypi prompt.  Thanks @hannahblair!
+- [#13390](https://github.com/gradio-app/gradio/pull/13390) [`d86903e`](https://github.com/gradio-app/gradio/commit/d86903eaa5628ca0b30f27b87ec1d7e194b3eff6) - Add Estonian language support and translation.  Thanks @paulpall!
+- [#13336](https://github.com/gradio-app/gradio/pull/13336) [`14c8870`](https://github.com/gradio-app/gradio/commit/14c88701756c5fa57e8eaeac4df1385b9601da45) - Add UploadButton unit tests.  Thanks @freddyaboulton!
+- [#13360](https://github.com/gradio-app/gradio/pull/13360) [`2887302`](https://github.com/gradio-app/gradio/commit/2887302069b2d33429ead157e7699d5502e29e0a) - [codex] fix component load event target.  Thanks @thomwolf!
+
+## 6.14.0
+
+### Features
+
+- [#13275](https://github.com/gradio-app/gradio/pull/13275) [`2d025c5`](https://github.com/gradio-app/gradio/commit/2d025c56cffb5c4eecbe47515ec771b5ecf46611) - Model3D Unit Tests.  Thanks @dawoodkhan82!
+- [#13258](https://github.com/gradio-app/gradio/pull/13258) [`0d08926`](https://github.com/gradio-app/gradio/commit/0d089260e1f17dc0bbed85f38029f75e657782b4) - add theme designer skill.  Thanks @hannahblair!
+
+### Fixes
+
+- [#13324](https://github.com/gradio-app/gradio/pull/13324) [`0453450`](https://github.com/gradio-app/gradio/commit/0453450409ce6412382f8c6e5a4b5e973d80f8b8) - Fix gr.Slider crash for zero-width ranges.  Thanks @onthebed!
+- [#13264](https://github.com/gradio-app/gradio/pull/13264) [`f65acd0`](https://github.com/gradio-app/gradio/commit/f65acd0f24c9b6b593b9835c7ae46282f52fdc9d) - Dialogue component unit tests.  Thanks @freddyaboulton!
+- [#13333](https://github.com/gradio-app/gradio/pull/13333) [`0e3c485`](https://github.com/gradio-app/gradio/commit/0e3c48549fdf4aeaff3a2f098c1d23420e4814c5) - Remove Event From Queue When Cancelled.  Thanks @freddyaboulton!
+- [#13326](https://github.com/gradio-app/gradio/pull/13326) [`d42a1d7`](https://github.com/gradio-app/gradio/commit/d42a1d72ad56b5155acdb4ff3bcbe7bceab39bfb) - Fix incorrect description of js parameter in Blocks.load.  Thanks @AryaLolusare2712!
+- [#13335](https://github.com/gradio-app/gradio/pull/13335) [`953efe0`](https://github.com/gradio-app/gradio/commit/953efe06fa6d0742a9dd899b846d45fbc6ea3ccf) - Prevent Gallery Select Event From Triggering When Value Updated Programmatically.  Thanks @freddyaboulton!
+
+## 6.13.0
+
+### Features
+
+- [#13248](https://github.com/gradio-app/gradio/pull/13248) [`30264b5`](https://github.com/gradio-app/gradio/commit/30264b5f1e228b7b5a077cbd839c05f32e29297d) - docs: Add "Common Patterns" section to Textbox component docs.  Thanks @yuzegong746-cmd!
+- [#13266](https://github.com/gradio-app/gradio/pull/13266) [`6809249`](https://github.com/gradio-app/gradio/commit/6809249801772cc9db0042eac9559b1b363bbcb9) - Fix typo in `Request.state` serialization.  Thanks @abidlabs!
+- [#13289](https://github.com/gradio-app/gradio/pull/13289) [`d6f24df`](https://github.com/gradio-app/gradio/commit/d6f24df6233e7882746ba6e49307a34a11101ea1) - Improve curl info.  Thanks @freddyaboulton!
+- [#13252](https://github.com/gradio-app/gradio/pull/13252) [`e39f028`](https://github.com/gradio-app/gradio/commit/e39f0284582bbac93fd01b2a5eae4ecae219f252) - Add ImageSlider unit tests.  Thanks @pngwn!
+- [#13262](https://github.com/gradio-app/gradio/pull/13262) [`b6b0d02`](https://github.com/gradio-app/gradio/commit/b6b0d02bfab966e9b560402d3b7fb159d8692cea) - Fix batched queue events losing request context.  Thanks @abidlabs!
+- [#13267](https://github.com/gradio-app/gradio/pull/13267) [`5fd7698`](https://github.com/gradio-app/gradio/commit/5fd7698f16f6cdfefb7e010b03fce60583d50214) - Fix timing and TTL comparisons bugs.  Thanks @abidlabs!
+- [#13277](https://github.com/gradio-app/gradio/pull/13277) [`cab8be0`](https://github.com/gradio-app/gradio/commit/cab8be062deb958a718aae25175e07fb013dfd4f) - CLI/Agent API Docs.  Thanks @freddyaboulton!
+- [#13265](https://github.com/gradio-app/gradio/pull/13265) [`8b47ccb`](https://github.com/gradio-app/gradio/commit/8b47ccbf168d0ea721088a52fb9789c4339e7f2f) - Skills Reorg + sync to huggingface/skills.  Thanks @freddyaboulton!
+- [#13286](https://github.com/gradio-app/gradio/pull/13286) [`948fcb8`](https://github.com/gradio-app/gradio/commit/948fcb89508c1e059bd9b761f2384afcea9481af) - fix(reloading): copy `server` attr before swapping blocks.  Thanks @cbensimon!
+- [#13247](https://github.com/gradio-app/gradio/pull/13247) [`e6b1634`](https://github.com/gradio-app/gradio/commit/e6b1634f3d64851a82505e3b37ac1f4b90905b05) - Dropdown Unit Tests.  Thanks @freddyaboulton!
+- [#13304](https://github.com/gradio-app/gradio/pull/13304) [`2fdc8cf`](https://github.com/gradio-app/gradio/commit/2fdc8cf69be3c37d1ee2e269794c6d77f534fcf4) - Fix `gradio skills add`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13250](https://github.com/gradio-app/gradio/pull/13250) [`2e9eb51`](https://github.com/gradio-app/gradio/commit/2e9eb51d4da5e4a997ac2fc18e5814bacf6f818d) - Restore select-all checkbox in boolean column headers of `gr.Dataframe`.  Thanks @pngwn!
+- [#13259](https://github.com/gradio-app/gradio/pull/13259) [`b5e6491`](https://github.com/gradio-app/gradio/commit/b5e64918b721550bc3762169fda81c5270904eaa) - Dataframe: allow native context menu and text selection on static cells.  Thanks @pngwn!
+- [#13305](https://github.com/gradio-app/gradio/pull/13305) [`1d5994d`](https://github.com/gradio-app/gradio/commit/1d5994da102bd9bf2367f58789de508b1727b1bf) - Dataframe: fix extreme rendering slowdown with `datatype="date"` (and any future dtype with asymmetric string casts) by firing `EditableCell`'s shim-blur only on edit teardown instead of every render. Also makes the hidden sizing-row computation faster by avoiding Date rendering for every entry.  Thanks @pngwn!
+- [#13291](https://github.com/gradio-app/gradio/pull/13291) [`77fca72`](https://github.com/gradio-app/gradio/commit/77fca72b8eba2bcda19c31bba285af2642a4cc9d) - Dataset: fix gallery view using wrong component metadata index and fix broken pagination after Svelte 5 migration.  Thanks @ParamChordiya!
+- [#13303](https://github.com/gradio-app/gradio/pull/13303) [`79c5776`](https://github.com/gradio-app/gradio/commit/79c577680978adfb5eeaa01944635e14dc67e5f1) - Rework `Dataframe` wrapping, truncation, and column width sizing.  Thanks @pngwn!
+- [#13280](https://github.com/gradio-app/gradio/pull/13280) [`bb9c130`](https://github.com/gradio-app/gradio/commit/bb9c130e1e8c60b8a717da7184b02ab459be3f03) - Fix snippet generator crash on datetime values in Dataframe inputs.  Thanks @ParamChordiya!
+- [#13288](https://github.com/gradio-app/gradio/pull/13288) [`d75e311`](https://github.com/gradio-app/gradio/commit/d75e311a4b64fc1998b6deda3134a3dc6efb5dd5) - `model3d` ply freeze fix.  Thanks @dawoodkhan82!
+- [#13269](https://github.com/gradio-app/gradio/pull/13269) [`e9c963e`](https://github.com/gradio-app/gradio/commit/e9c963e1e8cf06849ddac15d004384331e3dc10e) - Unit tests for js/paramviewer, js/timer, js/markdown.  Thanks @freddyaboulton!
+
+## 6.12.0
+
+### Features
+
+- [#13140](https://github.com/gradio-app/gradio/pull/13140) [`0dd1c79`](https://github.com/gradio-app/gradio/commit/0dd1c79c75406d4609c79698987fadc624bb9035) - Slider Tests.  Thanks @dawoodkhan82!
+- [#13202](https://github.com/gradio-app/gradio/pull/13202) [`a1cbf32`](https://github.com/gradio-app/gradio/commit/a1cbf32a3b851cda35cc40fac95c5626fa384abd) - Vendor in / pin Gradio dependencies and use `exclude-newer` flag in our CI.  Thanks @abidlabs!
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+- [#13190](https://github.com/gradio-app/gradio/pull/13190) [`bc53d08`](https://github.com/gradio-app/gradio/commit/bc53d0891466c09b3b40b89b70df5770cfc6967f) - Chatbot Unit Tests.  Thanks @freddyaboulton!
+- [#13246](https://github.com/gradio-app/gradio/pull/13246) [`ff90963`](https://github.com/gradio-app/gradio/commit/ff909638e72f0b44e8629e5a28cea8276cdd9ab2) - Add Documentation Group for gr.Cache.  Thanks @freddyaboulton!
+- [#13234](https://github.com/gradio-app/gradio/pull/13234) [`109f32d`](https://github.com/gradio-app/gradio/commit/109f32de542acf204f97cc637dc33015537e2f8e) - reloading: Copy `server` attr for Space reloader.  Thanks @cbensimon!
+- [#13213](https://github.com/gradio-app/gradio/pull/13213) [`457f130`](https://github.com/gradio-app/gradio/commit/457f130b310ac087fdc6ba7dbbc7fa78e0bcccf8) - Gallery Unit Tests.  Thanks @freddyaboulton!
+- [#13218](https://github.com/gradio-app/gradio/pull/13218) [`3a30ef6`](https://github.com/gradio-app/gradio/commit/3a30ef6b0001ea4c8c23b4301cdd83090345d989) - Add comprehensive DateTime tests and fix whitespace preprocess bug.  Thanks @pngwn!
+- [#13185](https://github.com/gradio-app/gradio/pull/13185) [`ffc00ff`](https://github.com/gradio-app/gradio/commit/ffc00ff4cf23641e90f0963cec6ed52f85ed511c) - Annotated image unit tests.  Thanks @freddyaboulton!
+- [#13176](https://github.com/gradio-app/gradio/pull/13176) [`45c4ecd`](https://github.com/gradio-app/gradio/commit/45c4ecd25fc83c7ee0210d216df1bc4bd509e622) - Add `@gr.cache()` decorator for caching deterministic functions, as as well as a lower-level `gr.Cache` that uses dependency injection.  Thanks @abidlabs!
+- [#13205](https://github.com/gradio-app/gradio/pull/13205) [`348327f`](https://github.com/gradio-app/gradio/commit/348327f6d7014feaf3f0b4cfb7e2653a1078ea33) - fix : check validation_response instead of validation_data.  Thanks @nameearly!
+
+### Fixes
+
+- [#13229](https://github.com/gradio-app/gradio/pull/13229) [`6261872`](https://github.com/gradio-app/gradio/commit/6261872a4dadc2901f677f3c49b74b5309ffe81b) - fix(share): clearer error message when cert write failed during sharing init.  Thanks @xuan25!
+- [#13233](https://github.com/gradio-app/gradio/pull/13233) [`66817ca`](https://github.com/gradio-app/gradio/commit/66817cac4d204471cc2b435a6d0d11397ddbca58) - Label tests.  Thanks @pngwn!
+- [#13156](https://github.com/gradio-app/gradio/pull/13156) [`d58702c`](https://github.com/gradio-app/gradio/commit/d58702c1be950b65f5c642de14e513935047ec17) - Pop finished events from queue data structures.  Thanks @moktamd!
+- [#13239](https://github.com/gradio-app/gradio/pull/13239) [`9efdcb5`](https://github.com/gradio-app/gradio/commit/9efdcb57b46fc808dc55051a113154489fcc237d) - Reduce `gradio` package size by restoring frontend settings.  Thanks @abidlabs!
+- [#13181](https://github.com/gradio-app/gradio/pull/13181) [`755c3d3`](https://github.com/gradio-app/gradio/commit/755c3d32c388a36d2296f8d895c5c0e1144fb54f) - fix: show validation errors on StatusTracker-dependent components.  Thanks @hysts!
+- [#13204](https://github.com/gradio-app/gradio/pull/13204) [`9953db9`](https://github.com/gradio-app/gradio/commit/9953db94e406477df96f98adf3e47246181ceef9) - fix: preserve special characters in uploaded filenames.  Thanks @xr843!
+- [#13210](https://github.com/gradio-app/gradio/pull/13210) [`4005b93`](https://github.com/gradio-app/gradio/commit/4005b93dd59d7e0d144619986f01e900659b3d0b) - Fix ZeroGPU handling for `gr.Server`.  Thanks @abidlabs!
+
+## 6.11.0
+
+### Features
+
+- [#13151](https://github.com/gradio-app/gradio/pull/13151) [`c13daab`](https://github.com/gradio-app/gradio/commit/c13daab68aa40cb58f2c643a650b5db48e986935) - add test utils.  Thanks @pngwn!
+- [#13167](https://github.com/gradio-app/gradio/pull/13167) [`a4e1c92`](https://github.com/gradio-app/gradio/commit/a4e1c92c11e05bee332ff69e19b533fbd9abc840) - Audio and Video unit tests.  Thanks @freddyaboulton!
+- [#13150](https://github.com/gradio-app/gradio/pull/13150) [`9487b60`](https://github.com/gradio-app/gradio/commit/9487b60670f6532eaccb3251d15f5505fa23d4e3) - migrate dataframe to svelte 5.  Thanks @pngwn!
+- [#13122](https://github.com/gradio-app/gradio/pull/13122) [`64828b0`](https://github.com/gradio-app/gradio/commit/64828b08d5be4fdde8a73932b3f288c073ec49bd) - Add Image Unit Tests.  Thanks @freddyaboulton!
+- [#13159](https://github.com/gradio-app/gradio/pull/13159) [`7aec6bd`](https://github.com/gradio-app/gradio/commit/7aec6bd41b40f963e62f5fc0e22382c366078dae) - Add Starlette 1.0 compatibility by relaxing version constraint.  Thanks @xr843!
+- [#13168](https://github.com/gradio-app/gradio/pull/13168) [`a8e0cc6`](https://github.com/gradio-app/gradio/commit/a8e0cc66b0c5a9032e8c70de320419a724e674e1) - Run Pre/Post processing for components in a separate thread.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13048](https://github.com/gradio-app/gradio/pull/13048) [`a5d4096`](https://github.com/gradio-app/gradio/commit/a5d40965bba21a832da522127048926b71c1a6dd) - Fix Tab Interactive Bug.  Thanks @freddyaboulton!
+- [#13172](https://github.com/gradio-app/gradio/pull/13172) [`03a9d4c`](https://github.com/gradio-app/gradio/commit/03a9d4c99f3c9466e4fc162d02800850ed67a29e) - fix: prevent [object Object] when label matches a nested i18n key.  Thanks @mango766!
+- [#13165](https://github.com/gradio-app/gradio/pull/13165) [`1a0e277`](https://github.com/gradio-app/gradio/commit/1a0e2770067789ba6ec5646e473e1df183cd7183) - Use test utils.  Thanks @freddyaboulton!
+- [#13161](https://github.com/gradio-app/gradio/pull/13161) [`0a0378d`](https://github.com/gradio-app/gradio/commit/0a0378dee463fb10e5a95685d595801171cf641b) - Fix get_type_hints NameError on TYPE_CHECKING imports.  Thanks @hysts!
+- [#13164](https://github.com/gradio-app/gradio/pull/13164) [`beb4b7f`](https://github.com/gradio-app/gradio/commit/beb4b7f2124cacea17db2b3fe91cd52ccb2ee106) - Cancel HEARTBEAT Task.  Thanks @freddyaboulton!
+- [#12981](https://github.com/gradio-app/gradio/pull/12981) [`8bc7513`](https://github.com/gradio-app/gradio/commit/8bc75137b24ba8a8571b49b9b006741819c0518b) - Fix ImageEditor brush preview dead area on vertical images.  Thanks @MaxwellCalkin!
+- [#13046](https://github.com/gradio-app/gradio/pull/13046) [`b372228`](https://github.com/gradio-app/gradio/commit/b3722285163dcee97fe236e87d6ef98cee6be441) - Avoid Polling in SSE Route To Reduce Overhead.  Thanks @freddyaboulton!
+- [#13163](https://github.com/gradio-app/gradio/pull/13163) [`1c4ce3e`](https://github.com/gradio-app/gradio/commit/1c4ce3e64480f65a6531f33d38aff2efdeb9632a) - Close iterators in /cancel endpoint.  Thanks @hysts!
+- [#13155](https://github.com/gradio-app/gradio/pull/13155) [`59421d1`](https://github.com/gradio-app/gradio/commit/59421d13fbefb493fc5d0b4c5fc48ff30ebb3ef3) - fix(group): read visibility from shared props to fix dynamic toggling.  Thanks @viditkbhatnagar!
+- [#13041](https://github.com/gradio-app/gradio/pull/13041) [`835e4bd`](https://github.com/gradio-app/gradio/commit/835e4bd1adcaf5716283fa379e909f916a032b8a) - Reduce load times of all components.  Thanks @dawoodkhan82!
+- [#13178](https://github.com/gradio-app/gradio/pull/13178) [`d815881`](https://github.com/gradio-app/gradio/commit/d815881739689f45f5387ea52cc92e2cddf8adcf) - fix(gallery): prevent incorrect selected_index clamping on image append.  Thanks @Gopesh111!
+- [#13134](https://github.com/gradio-app/gradio/pull/13134) [`75f8dce`](https://github.com/gradio-app/gradio/commit/75f8dceb679b505c8887f0a3c3b9fee98a931db9) - Fix sync generator cancel ValueError.  Thanks @hysts!
+- [#13183](https://github.com/gradio-app/gradio/pull/13183) [`1bf9bae`](https://github.com/gradio-app/gradio/commit/1bf9bae723475ad664f7d3d32596856c4881e63d) - Ensure the Accordion's `expand` and `collapse` events fire when toggled from python.  Thanks @pngwn!
+
+## 6.10.0
+
+### Features
+
+- [#12924](https://github.com/gradio-app/gradio/pull/12924) [`84d409f`](https://github.com/gradio-app/gradio/commit/84d409f258d97982c7216d6bab7c03cf71de6606) - Support markdown for docs and guides.  Thanks @aliabd!
+- [#13032](https://github.com/gradio-app/gradio/pull/13032) [`e900202`](https://github.com/gradio-app/gradio/commit/e900202946a615f8fea84253d7a4377fe8a504f0) - Backend Profiling: Ability to trace the server and benchmark scripts.  Thanks @freddyaboulton!
+- [#12988](https://github.com/gradio-app/gradio/pull/12988) [`0b943a4`](https://github.com/gradio-app/gradio/commit/0b943a4fd0d7701203f1b79b70b5afed19ee8413) - Add `watch` function to gr.HTML js_on_load.  Thanks @aliabid94!
+- [#13021](https://github.com/gradio-app/gradio/pull/13021) [`5c4dc6a`](https://github.com/gradio-app/gradio/commit/5c4dc6aca11575cf4fec6704afd48a54664f983f) - add core themes.  Thanks @hannahblair!
+- [#13117](https://github.com/gradio-app/gradio/pull/13117) [`72e9eee`](https://github.com/gradio-app/gradio/commit/72e9eeedee785eb807496ac61d3b734b6ad0b468) - Server mode (`gradio.Server`).  Thanks @abidlabs!
+- [#12998](https://github.com/gradio-app/gradio/pull/12998) [`d5e1b8f`](https://github.com/gradio-app/gradio/commit/d5e1b8f6cb7473b70fc8c082589996d5e0402810) - use a real browser environment for unit tests.  Thanks @pngwn!
+- [#13045](https://github.com/gradio-app/gradio/pull/13045) [`a35f589`](https://github.com/gradio-app/gradio/commit/a35f5896e43d2585d9206e8256b4d7e321fcd0fe) - Gradio Prediction CLI Commands.  Thanks @freddyaboulton!
+- [#13049](https://github.com/gradio-app/gradio/pull/13049) [`9ea8359`](https://github.com/gradio-app/gradio/commit/9ea8359458afbbae5431e581486fa739b85366a2) - Fix flaky playwright tests.  Thanks @freddyaboulton!
+- [#12871](https://github.com/gradio-app/gradio/pull/12871) [`b51dc75`](https://github.com/gradio-app/gradio/commit/b51dc758fdbab2f5ebcc51b62a555e9c61e50819) - add `custom_css` param to theme class.  Thanks @hannahblair!
+- [#12990](https://github.com/gradio-app/gradio/pull/12990) [`b0b1dc3`](https://github.com/gradio-app/gradio/commit/b0b1dc3282389a64ef3e16edb98805911f97444c) - Custom libraries in head of gr.HTML.  Thanks @aliabid94!
+
+### Fixes
+
+- [#13047](https://github.com/gradio-app/gradio/pull/13047) [`37e4c00`](https://github.com/gradio-app/gradio/commit/37e4c00bb9a9ea3fed7590931f546d53f11bd345) - Fix #13044: cancel generator close in ChatInterface.  Thanks @Caldas00!
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+- [#13013](https://github.com/gradio-app/gradio/pull/13013) [`356db5c`](https://github.com/gradio-app/gradio/commit/356db5c2c66795b281133c4395ef6885d2992242) - Fix DuplicateBlockError in multi-page apps with gr.render during reload.  Thanks @gambletan!
+- [#13004](https://github.com/gradio-app/gradio/pull/13004) [`73d4065`](https://github.com/gradio-app/gradio/commit/73d4065db6a75961693fad60dd26e8dbaa2a56d1) - fix(image): pass onclick to FullscreenButton in ImagePreview.  Thanks @galleon!
+- [#13119](https://github.com/gradio-app/gradio/pull/13119) [`d6d2b93`](https://github.com/gradio-app/gradio/commit/d6d2b932096eda86bf01534a7da30824348d0b46) - Modify API Visibility Docs.  Thanks @freddyaboulton!
+- [#12979](https://github.com/gradio-app/gradio/pull/12979) [`4a4c7f3`](https://github.com/gradio-app/gradio/commit/4a4c7f3b0d6fd8009fdafc580d5852984f961db1) - preserve file extension when filename stem is stripped entirely in gr.File.  Thanks @giulio-leone!
+- [#12803](https://github.com/gradio-app/gradio/pull/12803) [`f4c3a6d`](https://github.com/gradio-app/gradio/commit/f4c3a6dcb45218722d3150baef953c731d3eccf2) - fix: gradio_api path in mount_gradio_app.  Thanks @shandowc!
+- [#12994](https://github.com/gradio-app/gradio/pull/12994) [`7874d04`](https://github.com/gradio-app/gradio/commit/7874d0411c81dcde9c4b08e7e064ca0dbef94e2e) - Fix dropdown detaching from input on scroll.  Thanks @hysts!
+- [#13028](https://github.com/gradio-app/gradio/pull/13028) [`30af84c`](https://github.com/gradio-app/gradio/commit/30af84cdd100855999281de8720cbb6d58b48556) - Browser tests follow-up.  Thanks @pngwn!
+- [#12984](https://github.com/gradio-app/gradio/pull/12984) [`f1cd064`](https://github.com/gradio-app/gradio/commit/f1cd0644d2608b493db07cd204c0831a111f9fb2) - fix(events): correct type hints for gr.on triggers parameter.  Thanks @giulio-leone!
+- [#12997](https://github.com/gradio-app/gradio/pull/12997) [`313f6d6`](https://github.com/gradio-app/gradio/commit/313f6d6922fccd6d248ebadff0321e30e06ebe28) - edited messages disappearing in ChatInterface UI.  Thanks @jeremy-dolan!
+
+## 6.9.0
+
+### Features
+
+- [#12922](https://github.com/gradio-app/gradio/pull/12922) [`078685d`](https://github.com/gradio-app/gradio/commit/078685d218953a386be50b1655707fc0854270bb) - docs:Add "Understanding Image Types" section to Image component docs.  Thanks @Pchambet!
+- [#12923](https://github.com/gradio-app/gradio/pull/12923) [`486e920`](https://github.com/gradio-app/gradio/commit/486e9209a0989561746a9fc77801e60fede22a1a) - docs:Add "Common Patterns" section to Slider component docs.  Thanks @Pchambet!
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+- [#12967](https://github.com/gradio-app/gradio/pull/12967) [`424a4e4`](https://github.com/gradio-app/gradio/commit/424a4e4bcfeace96f7f5a678b56a578ad2002cf4) - Allow gr.HTML to trigger any event name.  Thanks @aliabid94!
+
+### Fixes
+
+- [#12935](https://github.com/gradio-app/gradio/pull/12935) [`48fa743`](https://github.com/gradio-app/gradio/commit/48fa7433f6f2fb14fd7d7bf09641dd5ce5d22f29) - Fix Mounting Gradio in FastAPI behind reverse proxy.  Thanks @freddyaboulton!
+- [#12836](https://github.com/gradio-app/gradio/pull/12836) [`77e7871`](https://github.com/gradio-app/gradio/commit/77e7871176e50a894190ac98aa9de8fbdbf3620f) - Fixes hidden accordion's children losing all values.  Thanks @aliabid94!
+- [#12859](https://github.com/gradio-app/gradio/pull/12859) [`a2bd6e1`](https://github.com/gradio-app/gradio/commit/a2bd6e1fb5d19e59ae694ab80c2874288e9982b8) - feat(highlighted_text): add show_whitespaces param to preserve spaces.  Thanks @Whosxws!
+- [#12942](https://github.com/gradio-app/gradio/pull/12942) [`e5ba4fa`](https://github.com/gradio-app/gradio/commit/e5ba4fa992c0ac389c6af2d143c9ad4c33eea360) - perf: use deque for SSE pending message queues in gradio_client.  Thanks @giulio-leone!
+- [#12958](https://github.com/gradio-app/gradio/pull/12958) [`bb127c7`](https://github.com/gradio-app/gradio/commit/bb127c74bd6301e3782e0ce4744161ae976a8481) - ensure `show_progress` works as expected in `gr.Markdown`.  Thanks @hannahblair!
+- [#12961](https://github.com/gradio-app/gradio/pull/12961) [`0595d1b`](https://github.com/gradio-app/gradio/commit/0595d1b15ba6b7c47f68ddf7f79152b3d1d3c467) - bypass HTTP loopback for non-queued MCP tool calls, calling `blocks.process_api()` directly to reduce latency.  Thanks @Mandark-droid!
+- [#12970](https://github.com/gradio-app/gradio/pull/12970) [`7326ea3`](https://github.com/gradio-app/gradio/commit/7326ea312bee7ccdaf4a1e4e11ace8f11b607ca5) - remove new console logs.  Thanks @hannahblair!
+- [#12966](https://github.com/gradio-app/gradio/pull/12966) [`673feb4`](https://github.com/gradio-app/gradio/commit/673feb4cf21beb7df03a6721d29757a2fb265c5d) - Fix website local font paths and font-weight CSS.  Thanks @hannahblair!
+- [#12968](https://github.com/gradio-app/gradio/pull/12968) [`fe95534`](https://github.com/gradio-app/gradio/commit/fe955348f24115744015d85639e170b8518b28c1) - Fix custom component reload mode.  Thanks @freddyaboulton!
+- [#12944](https://github.com/gradio-app/gradio/pull/12944) [`2c769c7`](https://github.com/gradio-app/gradio/commit/2c769c71628730fbf06c6ba9b70d672b3d052b0f) - Fix massive dropdown slowdowns caused by descructuring a derived array.  Thanks @its5Q!
+- [#12954](https://github.com/gradio-app/gradio/pull/12954) [`a74d379`](https://github.com/gradio-app/gradio/commit/a74d37949e1f12dd6646d16bfab3665ef3579a65) - Fix BrowserState Pydantic model serialization to str instead of dict.  Thanks @OiPunk!
+- [#12950](https://github.com/gradio-app/gradio/pull/12950) [`83b223b`](https://github.com/gradio-app/gradio/commit/83b223b746c3933920dfef670e545a12de9177ed) - fix: forward debug flag from launch() to FastAPI app.  Thanks @OiPunk!
+- [#12940](https://github.com/gradio-app/gradio/pull/12940) [`d610464`](https://github.com/gradio-app/gradio/commit/d610464e0eff5f200543c6bbc5fac616b1620b1e) - Fix Reload Mode When Annotated Types Are Used.  Thanks @freddyaboulton!
+- [#12975](https://github.com/gradio-app/gradio/pull/12975) [`8523c89`](https://github.com/gradio-app/gradio/commit/8523c8928ddcbc6d7eeb051f533195f942f95799) - Fix submit button not restored after example click.  Thanks @hysts!
+- [#12956](https://github.com/gradio-app/gradio/pull/12956) [`e8dadd6`](https://github.com/gradio-app/gradio/commit/e8dadd648483b6016913a9b7fa2580dbc08cb823) - Fix fill_height not working after Svelte 5 migration.  Thanks @hysts!
+
+## 6.8.0
+
+### Features
+
+- [#12909](https://github.com/gradio-app/gradio/pull/12909) [`362fba6`](https://github.com/gradio-app/gradio/commit/362fba6cff820076006e4865a573d9e67370957f) - Allow uploading files from gr.HTML.  Thanks @aliabid94!
+
+### Fixes
+
+- [#12928](https://github.com/gradio-app/gradio/pull/12928) [`e3710a3`](https://github.com/gradio-app/gradio/commit/e3710a3c189e87ac35e627f79c08530b003e7f9f) - Fix OOM error in gr.load.  Thanks @freddyaboulton!
+- [#12927](https://github.com/gradio-app/gradio/pull/12927) [`ca84f3e`](https://github.com/gradio-app/gradio/commit/ca84f3e36c6a3f3c3f0b57084b6f514d6cded1d4) - Fix Gallery CSS Issue.  Thanks @freddyaboulton!
+
+## 6.7.1
+
+### Features
+
+- [#12933](https://github.com/gradio-app/gradio/pull/12933) [`44a8a9f`](https://github.com/gradio-app/gradio/commit/44a8a9fe1316f1c110638c3c40158a75b6c0d135) - Fix border in gr.html as layout.  Thanks @aliabid94!
+
+## 6.7.0
+
+### Features
+
+- [#12829](https://github.com/gradio-app/gradio/pull/12829) [`d720b25`](https://github.com/gradio-app/gradio/commit/d720b25b575fb9817311212e1c0afa82abf27468) - Allow :fastest :cheapest options when loading models.  Thanks @dawoodkhan82!
+- [#12918](https://github.com/gradio-app/gradio/pull/12918) [`e29e1cc`](https://github.com/gradio-app/gradio/commit/e29e1ccd5874cb98b813ed4f7f72d9fef2935016) - Add Space-specific skill generation to `gradio skills add`.  Thanks @abidlabs!
+- [#12929](https://github.com/gradio-app/gradio/pull/12929) [`978bc6e`](https://github.com/gradio-app/gradio/commit/978bc6ea5094aa11e10994cdd662c4c663a86a83) - Add server functions support to gr.HTML.  Thanks @aliabid94!
+- [#12917](https://github.com/gradio-app/gradio/pull/12917) [`a0fff5c`](https://github.com/gradio-app/gradio/commit/a0fff5cb0e4cc0f8cc3fff7b5fbe18a031c7cc27) - Add push_to_hub method to gr.HTML. Add a gallery to view notable custom HTML components.  Thanks @freddyaboulton!
+- [#12899](https://github.com/gradio-app/gradio/pull/12899) [`820eff0`](https://github.com/gradio-app/gradio/commit/820eff050232f2ce40813e98e3294930e142e1c1) - Add support for gr.HTML as a layout element.  Thanks @aliabid94!
+- [#12900](https://github.com/gradio-app/gradio/pull/12900) [`d6907ac`](https://github.com/gradio-app/gradio/commit/d6907acf8beed0d9b5167398902d3f900d1a2ab9) - add `SKILLS.md` to Gradio repo, part 1 + cleanup.  Thanks @abidlabs!
+- [#12907](https://github.com/gradio-app/gradio/pull/12907) [`3e625a0`](https://github.com/gradio-app/gradio/commit/3e625a0ecfab6e74b7561b68adbe55341ecbc47a) - Better error handling when connection to server is lost.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12911](https://github.com/gradio-app/gradio/pull/12911) [`dcfc429`](https://github.com/gradio-app/gradio/commit/dcfc429a8125204c3aafeabcab251dd7580f9a60) - Fix Button component ignoring the `scale` parameter.  Thanks @hztBUAA!
+- [#12925](https://github.com/gradio-app/gradio/pull/12925) [`ccff8b8`](https://github.com/gradio-app/gradio/commit/ccff8b8cacffe36a270fcea9fc8ba29b78c31c8d) - Walkthrough Selected Bug.  Thanks @freddyaboulton!
+- [#12890](https://github.com/gradio-app/gradio/pull/12890) [`ac29df8`](https://github.com/gradio-app/gradio/commit/ac29df82a735c72c021c07e0816f78001147671b) - fix DataFrame NaN values becoming 0 after sorting.  Thanks @Mr-Neutr0n!
+- [#12926](https://github.com/gradio-app/gradio/pull/12926) [`6011b00`](https://github.com/gradio-app/gradio/commit/6011b00d0154b85532fa901dd73cf8fa7d86fd04) - Fix absolute path issue in Windows.  Thanks @freddyaboulton!
+- [#12904](https://github.com/gradio-app/gradio/pull/12904) [`7c3fa2a`](https://github.com/gradio-app/gradio/commit/7c3fa2a6900cfa3c87cb61ffa9b34b75d1ae49ba) - Fix Loading Spinner Issue Caused by Events Targeting Components In Inactive Tabs.  Thanks @freddyaboulton!
+- [#12903](https://github.com/gradio-app/gradio/pull/12903) [`57707c7`](https://github.com/gradio-app/gradio/commit/57707c72edd0e9fee9821882f75ab322ce110fe3) - Fix Tab i18n issue.  Thanks @freddyaboulton!
+- [#12901](https://github.com/gradio-app/gradio/pull/12901) [`1387fc6`](https://github.com/gradio-app/gradio/commit/1387fc6a35edd965a3c1e29d693b7d5697595ac5) - Fix unload event bug.  Thanks @freddyaboulton!
+- [#12906](https://github.com/gradio-app/gradio/pull/12906) [`81482b5`](https://github.com/gradio-app/gradio/commit/81482b58706ee9948d0f04e84e632ebb8d4bf7ea) - Lazy load sub-tab and accordion components.  Thanks @dawoodkhan82!
+
+## 6.6.0
+
+### Features
+
+- [#12839](https://github.com/gradio-app/gradio/pull/12839) [`1c671b3`](https://github.com/gradio-app/gradio/commit/1c671b39830ccf1c87f6cfcb4669e97dfb3a7367) - Hide forms with no elements.  Thanks @aliabid94!
+- [#12700](https://github.com/gradio-app/gradio/pull/12700) [`b01c95a`](https://github.com/gradio-app/gradio/commit/b01c95a58be8e18bb4ddef7f2ee238a7774e5be9) - Rewrite behavior section of docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#12875](https://github.com/gradio-app/gradio/pull/12875) [`d0b3422`](https://github.com/gradio-app/gradio/commit/d0b34228d756334d901fc34971959ea422eb55bd) - Fix stop button not switching back to submit button in chat interface.  Thanks @freddyaboulton!
+- [#12797](https://github.com/gradio-app/gradio/pull/12797) [`6a0c6ea`](https://github.com/gradio-app/gradio/commit/6a0c6eae53931ec137c0b8379428acc8a7ea27c9) - Refactor translation logic.  Thanks @hannahblair!
+- [#12877](https://github.com/gradio-app/gradio/pull/12877) [`ebbd242`](https://github.com/gradio-app/gradio/commit/ebbd24231dbc006c21fbbf1df00918be16883b86) - Ensure disconnected toast text is visible.  Thanks @hannahblair!
+- [#12873](https://github.com/gradio-app/gradio/pull/12873) [`6533d38`](https://github.com/gradio-app/gradio/commit/6533d38c29ee86823e58d94a8afedd219bcc9011) - Fix stop button not working in Audio streaming.  Thanks @hysts!
+- [#12862](https://github.com/gradio-app/gradio/pull/12862) [`a8e6b7b`](https://github.com/gradio-app/gradio/commit/a8e6b7ba1e6af793b6a200d4cc6b07f3151f229e) - Fix ColorPicker not firing focus, blur, or submit events after Svelte 5 migration.  Thanks @veeceey!
+- [#12865](https://github.com/gradio-app/gradio/pull/12865) [`db7ab39`](https://github.com/gradio-app/gradio/commit/db7ab39c7e6ea3d1a2f0ce1991b5dbc0483b1e27) - Fix Gallery fullscreen button not working in preview mode.  Thanks @veeceey!
+- [#12866](https://github.com/gradio-app/gradio/pull/12866) [`9810396`](https://github.com/gradio-app/gradio/commit/981039647a4212c649a33dc4b56a4714980519eb) - Fix Gallery preview=True parameter not working on initial load.  Thanks @veeceey!
+- [#12894](https://github.com/gradio-app/gradio/pull/12894) [`e0cd4ca`](https://github.com/gradio-app/gradio/commit/e0cd4cadb6d73ba70727c51cf37d7068c3cf4fbf) - Fix load examples bug in spa.  Thanks @freddyaboulton!
+- [#12830](https://github.com/gradio-app/gradio/pull/12830) [`a2a0078`](https://github.com/gradio-app/gradio/commit/a2a0078de878481752b952f9ed0e759a0e884d0b) - `Video` to Svelte 5.  Thanks @dawoodkhan82!
+- [#12882](https://github.com/gradio-app/gradio/pull/12882) [`fc7c01e`](https://github.com/gradio-app/gradio/commit/fc7c01ea1e581ef70be98fddf003b0c91315c7cc) - Validate proxy url host.  Thanks @freddyaboulton!
+- [#12874](https://github.com/gradio-app/gradio/pull/12874) [`b10e17c`](https://github.com/gradio-app/gradio/commit/b10e17cafbe9ff385e44bcc63a85de0d893e2662) - fix(reloading): Re-assign config for `SpacesReloader`.  Thanks @cbensimon!
+- [#12884](https://github.com/gradio-app/gradio/pull/12884) [`dfee0da`](https://github.com/gradio-app/gradio/commit/dfee0da06d0aa94b3c2684131e7898d5d5c1911e) - Oauth fixes.  Thanks @freddyaboulton!
+- [#12811](https://github.com/gradio-app/gradio/pull/12811) [`8f8cef8`](https://github.com/gradio-app/gradio/commit/8f8cef87bfb3af64867804ad45f4385af09e07b4) - Fix windows tests.  Thanks @freddyaboulton!
+- [#12846](https://github.com/gradio-app/gradio/pull/12846) [`226daba`](https://github.com/gradio-app/gradio/commit/226daba5f65257244efc7c310500ea5366b20a87) - Fix bug where children of accordions dont get rendered when they are opened programmatically.  Thanks @freddyaboulton!
+- [#12887](https://github.com/gradio-app/gradio/pull/12887) [`c006778`](https://github.com/gradio-app/gradio/commit/c0067785575aa0ad643d66067b315020c8b5fb6d) - Fix AttributeError in ColoredCheckboxGroup.api_info().  Thanks @hysts!
+
+## 6.5.1
+
+### Fixes
+
+- [#12840](https://github.com/gradio-app/gradio/pull/12840) [`26cea7a`](https://github.com/gradio-app/gradio/commit/26cea7ad6fbaf0352f0dc0d44e37c24c8f1797f8) - Ensure change event fires when slider value changes to 0.  Thanks @hannahblair!
+- [#12845](https://github.com/gradio-app/gradio/pull/12845) [`0eac164`](https://github.com/gradio-app/gradio/commit/0eac164f948165d5e3ab0925230b6fbe5b4eedda) - [Hotfix] add pytz to requirements.  Thanks @RektPunk!
+
+## 6.5.0
+
+### Features
+
+- [#12804](https://github.com/gradio-app/gradio/pull/12804) [`fc366b4`](https://github.com/gradio-app/gradio/commit/fc366b485325c900b0c2b85ba05b7d23a81a0dee) - Allow webcam uploads and clipboard paste for gallery.  Thanks @freddyaboulton!
+- [#12834](https://github.com/gradio-app/gradio/pull/12834) [`ddbb6a9`](https://github.com/gradio-app/gradio/commit/ddbb6a9937081873cb773d08f954e3fa8a6ff876) - Allow pandas version 3.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12818](https://github.com/gradio-app/gradio/pull/12818) [`6594c9c`](https://github.com/gradio-app/gradio/commit/6594c9c5b2829771f79dc04c6fafb6da72031b90) - Migrate Dataset to Svelte 5.  Thanks @freddyaboulton!
+- [#12828](https://github.com/gradio-app/gradio/pull/12828) [`151cbd1`](https://github.com/gradio-app/gradio/commit/151cbd1aac0da3aeb5f0b7b33585223d2bc47138) - Fix private spaces.  Thanks @freddyaboulton!
+- [#12835](https://github.com/gradio-app/gradio/pull/12835) [`5ecf6d2`](https://github.com/gradio-app/gradio/commit/5ecf6d27c50a20e2329c1aca0634924479ceb6cd) - Fix CSS root in spaces.  Thanks @freddyaboulton!
+- [#12813](https://github.com/gradio-app/gradio/pull/12813) [`99caae6`](https://github.com/gradio-app/gradio/commit/99caae630771569e90f1e6a208183ad1a0826460) - Migrate StatusTracker to Svelte 5.  Thanks @freddyaboulton!
+- [#12810](https://github.com/gradio-app/gradio/pull/12810) [`7ed6dfa`](https://github.com/gradio-app/gradio/commit/7ed6dfaad6fa9c8e76a5596b20007dc97ae27ca7) - Migrate js/fileexplorer to svelte5.  Thanks @aliabid94!
+- [#12789](https://github.com/gradio-app/gradio/pull/12789) [`af5e86f`](https://github.com/gradio-app/gradio/commit/af5e86f10d95cc71ee4cb950e455dbdc8e138983) - Migrate gr.MultimodalTextbox.  Thanks @hannahblair!
+- [#12809](https://github.com/gradio-app/gradio/pull/12809) [`8409b7a`](https://github.com/gradio-app/gradio/commit/8409b7ab51fb36d8973d2a3f1bc3557489f7e1c5) - Migrate js/code.  Thanks @aliabid94!
+- [#12817](https://github.com/gradio-app/gradio/pull/12817) [`05acc66`](https://github.com/gradio-app/gradio/commit/05acc6627de866db6a742e0540c2733041d76a86) - Fix Login.  Thanks @freddyaboulton!
+
+## 6.4.0
+
+### Features
+
+- [#12808](https://github.com/gradio-app/gradio/pull/12808) [`d035856`](https://github.com/gradio-app/gradio/commit/d035856a358aa15d9cb5b936c96f3799b6278cae) - Fixes gr.JSON lines.  Thanks @aliabid94!
+- [#12785](https://github.com/gradio-app/gradio/pull/12785) [`f04abc3`](https://github.com/gradio-app/gradio/commit/f04abc3b1b05a918bc903e01faa60b9ec87e1092) - Refactor gr.HighlightedText.  Thanks @hannahblair!
+- [#12801](https://github.com/gradio-app/gradio/pull/12801) [`07c5280`](https://github.com/gradio-app/gradio/commit/07c5280ecea8cef2326ab6fff910ad7bee3d5132) - Add `axis_format` parameters for native plots, and fix SSR mode.  Thanks @abidlabs!
+- [#12778](https://github.com/gradio-app/gradio/pull/12778) [`263c065`](https://github.com/gradio-app/gradio/commit/263c065b850febf8e3a0480ccd43d23eef10c22f) - Migrate js/json to svelte5.  Thanks @aliabid94!
+- [#12785](https://github.com/gradio-app/gradio/pull/12785) [`f04abc3`](https://github.com/gradio-app/gradio/commit/f04abc3b1b05a918bc903e01faa60b9ec87e1092) - Allow transparent and undefined labels in gr.HighlightedText.  Thanks @hannahblair!
+
+### Fixes
+
+- [#12794](https://github.com/gradio-app/gradio/pull/12794) [`0954db4`](https://github.com/gradio-app/gradio/commit/0954db4d618e72a6404bd3904988e5307f22d7d0) - Fix Dependency docs.  Thanks @aliabd!
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12770](https://github.com/gradio-app/gradio/pull/12770) [`3115258`](https://github.com/gradio-app/gradio/commit/3115258d5dcbc00e91025eaa84ae01ff5db03978) - Remove textbox scrollbar if value is empty.  Thanks @freddyaboulton!
+- [#12698](https://github.com/gradio-app/gradio/pull/12698) [`db86165`](https://github.com/gradio-app/gradio/commit/db86165535386991701ea89b2083ef5e60cd23e8) - Migrates gr.File.  Thanks @aliabid94!
+- [#12806](https://github.com/gradio-app/gradio/pull/12806) [`3b3b035`](https://github.com/gradio-app/gradio/commit/3b3b0350e90756e937fc0908446f66ae1412c89f) - Fix Gallery upload after it has been populated.  Thanks @freddyaboulton!
+- [#12696](https://github.com/gradio-app/gradio/pull/12696) [`eb13299`](https://github.com/gradio-app/gradio/commit/eb13299a4e7873de9ac775b91364137dee7555b1) - migrate datetime.  Thanks @aliabid94!
+- [#12796](https://github.com/gradio-app/gradio/pull/12796) [`c833708`](https://github.com/gradio-app/gradio/commit/c8337086e17528f4f262b5c838e285584deb521f) - Fix label in gr.HTML.  Thanks @hannahblair!
+- [#12630](https://github.com/gradio-app/gradio/pull/12630) [`44817db`](https://github.com/gradio-app/gradio/commit/44817dbe89612578b5d5c02caa33f48a1fe08dfc) - fix(website): improve Event Listeners table dark mode readability.  Thanks @DanielDerefaka!
+- [#12758](https://github.com/gradio-app/gradio/pull/12758) [`fb4b92a`](https://github.com/gradio-app/gradio/commit/fb4b92afe9cf43c0d35ba0293496058d967ad818) - Add volume control to gr.Video.  Thanks @hysts!
+- [#12761](https://github.com/gradio-app/gradio/pull/12761) [`2afffc2`](https://github.com/gradio-app/gradio/commit/2afffc2944f4418df7d81cceaeaffa7713bb899a) - Migrate ParamTable syntax to svelte 5.  Thanks @freddyaboulton!
+- [#12807](https://github.com/gradio-app/gradio/pull/12807) [`4ce4159`](https://github.com/gradio-app/gradio/commit/4ce41598378e3daa888651f9e847157e7ddb8b35) - Fix DeepLink Bug.  Thanks @freddyaboulton!
+- [#12757](https://github.com/gradio-app/gradio/pull/12757) [`6d9c2d7`](https://github.com/gradio-app/gradio/commit/6d9c2d7d81e4b0936c15fac2eae9e7640ab22777) - Migrate Textbox to Svelte 5.  Thanks @dawoodkhan82!
+- [#12774](https://github.com/gradio-app/gradio/pull/12774) [`f02c58e`](https://github.com/gradio-app/gradio/commit/f02c58efc9fb8a97cc602c5e07ec13736f34322e) - Prevent empty button wrappers from rendering in gr.Chatbot.  Thanks @hannahblair!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12791](https://github.com/gradio-app/gradio/pull/12791) [`7f2cf84`](https://github.com/gradio-app/gradio/commit/7f2cf84fb79bf4f1d9157acdef4ab4a7024678b2) - Add better related guides section to docs.  Thanks @aliabd!
+- [#12596](https://github.com/gradio-app/gradio/pull/12596) [`5f654d7`](https://github.com/gradio-app/gradio/commit/5f654d74fb59ca7c1caf1d5965a768fac293c584) - Ensure HTML renders in gr.Chatbot.  Thanks @hannahblair!
+- [#12607](https://github.com/gradio-app/gradio/pull/12607) [`299728b`](https://github.com/gradio-app/gradio/commit/299728b707c88e7afbc6a60f1f266a9013fa424d) - fix: add ARIA landmarks for accessibility.  Thanks @majiayu000!
+- [#12772](https://github.com/gradio-app/gradio/pull/12772) [`31cf0a6`](https://github.com/gradio-app/gradio/commit/31cf0a6e74d09ae2d12155a7df35dcfbe0c5dac0) - Fix custom button click event triggers in dropdown.  Thanks @freddyaboulton!
+- [#12769](https://github.com/gradio-app/gradio/pull/12769) [`976cd11`](https://github.com/gradio-app/gradio/commit/976cd11838371d25405e8db62f05ede25083a5de) - Fix html in Multiselect component.  Thanks @freddyaboulton!
+- [#12684](https://github.com/gradio-app/gradio/pull/12684) [`1373713`](https://github.com/gradio-app/gradio/commit/1373713646e34078188265eb07c4bff5a048e9a2) - Migrate Gallery to Svelte 5.  Thanks @freddyaboulton!
+- [#12693](https://github.com/gradio-app/gradio/pull/12693) [`b48da51`](https://github.com/gradio-app/gradio/commit/b48da517d2daa62d3b201f9a84bef9352d485b38) - Fix bug where Walkthrough Component Freezes.  Thanks @freddyaboulton!
+- [#12767](https://github.com/gradio-app/gradio/pull/12767) [`a52be3f`](https://github.com/gradio-app/gradio/commit/a52be3ff75dee9df90244d8ab68ebec57bd592da) - Hide footer links when set to empty.  Thanks @hannahblair!
+- [#12771](https://github.com/gradio-app/gradio/pull/12771) [`404f6a5`](https://github.com/gradio-app/gradio/commit/404f6a55be4cd0c1ece4af6edb8a7769473fb650) - Migrate Markdown components to svelte 5.  Thanks @freddyaboulton!
+- [#12697](https://github.com/gradio-app/gradio/pull/12697) [`c471e96`](https://github.com/gradio-app/gradio/commit/c471e96eff66997846cbaf4fb9f94509c61c5449) - Migrates dropdown.  Thanks @aliabid94!
+- [#12795](https://github.com/gradio-app/gradio/pull/12795) [`184968a`](https://github.com/gradio-app/gradio/commit/184968aa13636b5afe78f8ae443cd7fc29635bfa) - Add fade effect to overflowing text.  Thanks @hannahblair!
+- [#12637](https://github.com/gradio-app/gradio/pull/12637) [`e202750`](https://github.com/gradio-app/gradio/commit/e202750b1deb5d4583c07d7d9d1b86f6b3dfef4b) - Fix bug where UploadProgress initializes with a null upload_id.  Thanks @freddyaboulton!
+- [#12773](https://github.com/gradio-app/gradio/pull/12773) [`6edcea5`](https://github.com/gradio-app/gradio/commit/6edcea5d74be661d37c70ccca08900be2ceb8e1e) - Fix dev mode.  Thanks @pngwn!
+- [#12805](https://github.com/gradio-app/gradio/pull/12805) [`f4a14e7`](https://github.com/gradio-app/gradio/commit/f4a14e7287850c505a1a88d34db795074bb52b7c) - Restore padding param in gr.HTML.  Thanks @hannahblair!
+- [#12472](https://github.com/gradio-app/gradio/pull/12472) [`9a2bc0d`](https://github.com/gradio-app/gradio/commit/9a2bc0dacdd2b3f670fae815093c61ad08eee7e3) - Re-enable SSR mode.  Thanks @pngwn!
+- [#12777](https://github.com/gradio-app/gradio/pull/12777) [`65f94fb`](https://github.com/gradio-app/gradio/commit/65f94fbff75dffe5399c9663745106e959866a3f) - Fix markdown migration.  Thanks @aliabid94!
+- [#12776](https://github.com/gradio-app/gradio/pull/12776) [`c2be5a2`](https://github.com/gradio-app/gradio/commit/c2be5a224ef2386cae02fa10ce8301b0d364be68) - Migrate js/label to svelte5.  Thanks @aliabid94!
+- [#12594](https://github.com/gradio-app/gradio/pull/12594) [`c2f0f19`](https://github.com/gradio-app/gradio/commit/c2f0f1949d453bc850fa65e5b140067008a83e22) - add conditional rendering for the upload button in multimodal textbox.  Thanks @hannahblair!
+- [#12784](https://github.com/gradio-app/gradio/pull/12784) [`565f07f`](https://github.com/gradio-app/gradio/commit/565f07fdc7888ad74452d3ed027807b670aec714) - Fix gr.Textbox auto-resize regression when lines=1.  Thanks @hysts!
+- [#12782](https://github.com/gradio-app/gradio/pull/12782) [`8a262d6`](https://github.com/gradio-app/gradio/commit/8a262d652ad8f33a2c09f3f98f501978ae416cf0) - Migrate UploadButton.  Thanks @freddyaboulton!
+- [#12775](https://github.com/gradio-app/gradio/pull/12775) [`e023cac`](https://github.com/gradio-app/gradio/commit/e023cac0ae8c69ee12400f61abda616de9db67ce) - Restore gr.Textbox resize listener.  Thanks @hannahblair!
+
+## 6.3.0
+
+### Features
+
+- [#12680](https://github.com/gradio-app/gradio/pull/12680) [`c99a50b`](https://github.com/gradio-app/gradio/commit/c99a50b9434bf66282a5308d442beeb97f6cf6bb) - Add .input() to Video.  Thanks @hysts!
+- [#12762](https://github.com/gradio-app/gradio/pull/12762) [`51b7010`](https://github.com/gradio-app/gradio/commit/51b7010a507e2eca138993fbc0a8c8d2ac2a12f0) - pollen css fix.  Thanks @dawoodkhan82!
+- [#12756](https://github.com/gradio-app/gradio/pull/12756) [`2b4176c`](https://github.com/gradio-app/gradio/commit/2b4176c2edad6988cea12850c2ea04ce868723ed) - Migrate Sidebar to Svelte 5.  Thanks @dawoodkhan82!
+- [#12677](https://github.com/gradio-app/gradio/pull/12677) [`6f37743`](https://github.com/gradio-app/gradio/commit/6f377433e4c64f1d962eef0f9eff74676c72032b) - Make check for active page in navbar robust.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12614](https://github.com/gradio-app/gradio/pull/12614) [`6222192`](https://github.com/gradio-app/gradio/commit/622219242412400df57a73aebfd3de96bb8499de) - fix(client): make WebP and VTT MIME type detection case-insensitive.  Thanks @majiayu000!
+- [#12688](https://github.com/gradio-app/gradio/pull/12688) [`5206d47`](https://github.com/gradio-app/gradio/commit/5206d47b7730e6ffc8efd90d8157dd5388c18dc5) - Migrate Model3D to Svelte 5.  Thanks @dawoodkhan82!
+- [#12686](https://github.com/gradio-app/gradio/pull/12686) [`aa362c4`](https://github.com/gradio-app/gradio/commit/aa362c45a0b65b31d86041ba10e06c8ef456b84f) - Allow static files when handling events.  Thanks @hannahblair!
+- [#12626](https://github.com/gradio-app/gradio/pull/12626) [`3a39ee4`](https://github.com/gradio-app/gradio/commit/3a39ee4a9af660636f6ce7cd383634d48e4030a3) - Fix Bug Where Invisible Columns Take Up Space.  Thanks @aliabid94!
+- [#12605](https://github.com/gradio-app/gradio/pull/12605) [`48f580b`](https://github.com/gradio-app/gradio/commit/48f580b508c1f7fe121929aceecc31b2af15c189) - fix: Fix Textbox white background in dark mode.  Thanks @Godkunn!
+- [#12608](https://github.com/gradio-app/gradio/pull/12608) [`ab20c59`](https://github.com/gradio-app/gradio/commit/ab20c592e1fab33e96ab2698bbbb942d0972501b) - feat(client): add generic type parameter to predict() method.  Thanks @majiayu000!
+- [#12689](https://github.com/gradio-app/gradio/pull/12689) [`be89f8c`](https://github.com/gradio-app/gradio/commit/be89f8c4272a2d2c3da9345c3e26df5505307428) - Migrate DownloadButton to Svelte 5.  Thanks @dawoodkhan82!
+- [#12675](https://github.com/gradio-app/gradio/pull/12675) [`3aee8ae`](https://github.com/gradio-app/gradio/commit/3aee8aeb74dfe41b24a6626a8e30582e654dc457) - Allow multiple file messages to be displayed in Chatbot.  Thanks @freddyaboulton!
+- [#12695](https://github.com/gradio-app/gradio/pull/12695) [`6eadb5b`](https://github.com/gradio-app/gradio/commit/6eadb5bf8c48b32fa9960b0e9e7c09a2ee30141c) - Migrate accordion to svelte 5.  Thanks @aliabid94!
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+- [#12636](https://github.com/gradio-app/gradio/pull/12636) [`3194f29`](https://github.com/gradio-app/gradio/commit/3194f294e142508b7dc7d28d35fdf33627bb5993) - Fix docs for Tab select event.  Thanks @freddyaboulton!
+- [#12681](https://github.com/gradio-app/gradio/pull/12681) [`ba46c2d`](https://github.com/gradio-app/gradio/commit/ba46c2df1405c11e495304af8f91acfdf69d0b18) - Migrate Button to Svelte 5.  Thanks @freddyaboulton!
+- [#12627](https://github.com/gradio-app/gradio/pull/12627) [`fa75712`](https://github.com/gradio-app/gradio/commit/fa75712a3257e0e09bfce7abbd4f40fa54f6db98) - Add custom buttons to `gr.Dropdown(multiselect=True)` and `gr.LinePlot` and other native plots.  Thanks @abidlabs!
+- [#12606](https://github.com/gradio-app/gradio/pull/12606) [`6a80a07`](https://github.com/gradio-app/gradio/commit/6a80a07c4d336c20d868b90343aa9a30c390e1a5) - fix: support gr.update() for gr.State + update api_visibility docs.  Thanks @majiayu000!
+- [#12625](https://github.com/gradio-app/gradio/pull/12625) [`7fb79d4`](https://github.com/gradio-app/gradio/commit/7fb79d45bdc3597bf6b095ff64c420939257fba9) - Fix bug where tabs don't work inside gr.render.  Thanks @freddyaboulton!
+- [#12676](https://github.com/gradio-app/gradio/pull/12676) [`57dd086`](https://github.com/gradio-app/gradio/commit/57dd0864c17f039474a2aa31e9f3132f4555fd97) - Upgrade color picker to Svelte 5 syntax.  Thanks @freddyaboulton!
+- [#12601](https://github.com/gradio-app/gradio/pull/12601) [`5fae6b7`](https://github.com/gradio-app/gradio/commit/5fae6b7e36ef126a71b38a207593323e4cc40f3b) - Fix Infinite Change Event in Browser History.  Thanks @freddyaboulton!
+
+## 6.2.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+- [#12582](https://github.com/gradio-app/gradio/pull/12582) [`fac3844`](https://github.com/gradio-app/gradio/commit/fac3844e01d6d648972ce7ac52302e7ad65034bd) - Upgrade `ty` to `0.0.2`.  Thanks @abidlabs!
+- [#12598](https://github.com/gradio-app/gradio/pull/12598) [`c06ded8`](https://github.com/gradio-app/gradio/commit/c06ded8b545769164c89ea7275e82893f8dc098d) - Relax version of pydantic dependency in base gradio.  Thanks @abidlabs!
+- [#12537](https://github.com/gradio-app/gradio/pull/12537) [`f753b0c`](https://github.com/gradio-app/gradio/commit/f753b0c97400068b7c0aa306e5d03fb500eec5fb) - Add `.select()` and `.input()` events to `gr.FileExplorer`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12550](https://github.com/gradio-app/gradio/pull/12550) [`efb2549`](https://github.com/gradio-app/gradio/commit/efb2549a1c2c4d0254a5c2b5b46b824322395854) - Fix Dataframe Package.  Thanks @dawoodkhan82!
+- [#12547](https://github.com/gradio-app/gradio/pull/12547) [`81b7960`](https://github.com/gradio-app/gradio/commit/81b7960dedb9505b03a2f346f72baa9b633d1736) - Add error handling to gr.JSON.  Thanks @hannahblair!
+- [#12592](https://github.com/gradio-app/gradio/pull/12592) [`2119a24`](https://github.com/gradio-app/gradio/commit/2119a2475005bd09c1e952b3342413350d443964) - Fix custom gr.HTML updates.  Thanks @aliabid94!
+- [#12599](https://github.com/gradio-app/gradio/pull/12599) [`184c596`](https://github.com/gradio-app/gradio/commit/184c596bc12dcb6cfdd05e98539fc6aee123db1d) - Two bugs for gr.HTML.  Thanks @aliabid94!
+- [#12585](https://github.com/gradio-app/gradio/pull/12585) [`1724a02`](https://github.com/gradio-app/gradio/commit/1724a02f37118af098cd9f51472955bf8ef8d794) - Remove checkmark from windows.  Thanks @freddyaboulton!
+- [#12549](https://github.com/gradio-app/gradio/pull/12549) [`e2c316d`](https://github.com/gradio-app/gradio/commit/e2c316d1f8a032d9040f32d3e99b1b4a27cdc8b8) - Fix Hot Reload of Custom CSS.  Thanks @freddyaboulton!
+- [#12569](https://github.com/gradio-app/gradio/pull/12569) [`9daf193`](https://github.com/gradio-app/gradio/commit/9daf1932291bea1fcbbe20096d28018657242295) - Add footer to bottom of page.  Thanks @freddyaboulton!
+- [#12577](https://github.com/gradio-app/gradio/pull/12577) [`b4c00d2`](https://github.com/gradio-app/gradio/commit/b4c00d2f531d38e2677ea76cfeb412a7bd3bb1a3) - Fix Gallery preview_close event not firing on ESC key.  Thanks @majiayu000!
+- [#12558](https://github.com/gradio-app/gradio/pull/12558) [`6d46ddb`](https://github.com/gradio-app/gradio/commit/6d46ddb321b30db12f4b247f055fc3d3daa519a0) - feat: cache NodeJS proxied requests.  Thanks @cbensimon!
+- [#12584](https://github.com/gradio-app/gradio/pull/12584) [`cf27938`](https://github.com/gradio-app/gradio/commit/cf2793856a989ba51d1d1bdde5d8c80fb37b61c7) - Fix issue with HTML status shading even when `"show_progress='hidden'"`.  Thanks @abidlabs!
+- [#12572](https://github.com/gradio-app/gradio/pull/12572) [`5cf1ae5`](https://github.com/gradio-app/gradio/commit/5cf1ae5f35276b65eb139f14d80beea7ecbd4532) - Fix Dropdown change event when allow_custom_value is true.  Thanks @freddyaboulton!
+- [#12556](https://github.com/gradio-app/gradio/pull/12556) [`b3a3683`](https://github.com/gradio-app/gradio/commit/b3a3683da041b28cee4f13642f1d2efe074ed493) - Use a slower check rate on windows, otherwise windows locks up.  Thanks @freddyaboulton!
+- [#12580](https://github.com/gradio-app/gradio/pull/12580) [`b27e2cb`](https://github.com/gradio-app/gradio/commit/b27e2cbb07ef3c977b72d77b2d0922e6f33521e2) - Audio Trim Fix.  Thanks @dawoodkhan82!
+- [#12565](https://github.com/gradio-app/gradio/pull/12565) [`b4c69af`](https://github.com/gradio-app/gradio/commit/b4c69af0f5d9461259dbb8ad40a98315428539c0) - Fix Plot display in chatbot.  Thanks @freddyaboulton!
+- [#12536](https://github.com/gradio-app/gradio/pull/12536) [`653f47b`](https://github.com/gradio-app/gradio/commit/653f47b8f57f548e75b5c87c407a211b8ead3b06) - Fix Theme Builder Function.  Thanks @freddyaboulton!
+- [#12578](https://github.com/gradio-app/gradio/pull/12578) [`1fa29ff`](https://github.com/gradio-app/gradio/commit/1fa29ff5a0d9bcb09bfebd5fcd509f7208af2a47) - Fix AttributeError for proxy_url in get_config.  Thanks @majiayu000!
+- [#12600](https://github.com/gradio-app/gradio/pull/12600) [`1fafaba`](https://github.com/gradio-app/gradio/commit/1fafabaace315b1c699855cadb69eb17488de957) - Add x-gradio-user-header.  Thanks @freddyaboulton!
+- [#12575](https://github.com/gradio-app/gradio/pull/12575) [`7498fac`](https://github.com/gradio-app/gradio/commit/7498fac6a1c575ff04920ad5178853843a3b270e) - Fix image buttons default value.  Thanks @freddyaboulton!
+
+## 6.1.0
+
+### Features
+
+- [#12504](https://github.com/gradio-app/gradio/pull/12504) [`4476400`](https://github.com/gradio-app/gradio/commit/44764009dfebecf894298efe80366e42578ea65d) - Add `playback_position` to gr.Audio and gr.Video, which can be updated and read.  Thanks @aliabid94!
+- [#12524](https://github.com/gradio-app/gradio/pull/12524) [`d6be33e`](https://github.com/gradio-app/gradio/commit/d6be33e9f019979953991283edd6ddfa00b2207c) - feat: add link_target parameter to Button component.  Thanks @ujjwaltwri!
+- [#12502](https://github.com/gradio-app/gradio/pull/12502) [`d3966ca`](https://github.com/gradio-app/gradio/commit/d3966ca9df13be7e7bd0d6eb09cf6be24206ea58) - Restore Blocks constructor args deprecated in 6.0 (theme, css, etc.).  Thanks @aliabid94!
+
+### Fixes
+
+- [#12515](https://github.com/gradio-app/gradio/pull/12515) [`0892c29`](https://github.com/gradio-app/gradio/commit/0892c297b35742ed5cabf64d0846fd36ae02ecea) - Fix plot Rendering + visibility bug.  Thanks @freddyaboulton!
+- [#12493](https://github.com/gradio-app/gradio/pull/12493) [`8a6cff6`](https://github.com/gradio-app/gradio/commit/8a6cff6738d09a6e708fc6351d806967fa82ca91) - Fix bug where cancelling an events shows an error in the UI.  Thanks @freddyaboulton!
+- [#12518](https://github.com/gradio-app/gradio/pull/12518) [`e8efab2`](https://github.com/gradio-app/gradio/commit/e8efab2cb19860146cec7946e77b34a599ad6258) - Fix Settings.  Thanks @freddyaboulton!
+- [#12494](https://github.com/gradio-app/gradio/pull/12494) [`251add4`](https://github.com/gradio-app/gradio/commit/251add42b69b0c1f6c96559e2ecdefc40def79f4) - JS unit test fix.  Thanks @dawoodkhan82!
+- [#12491](https://github.com/gradio-app/gradio/pull/12491) [`4f6327b`](https://github.com/gradio-app/gradio/commit/4f6327be6815fc8d574b60272b02915c75359ace) - Load visible components in 6.0.  Thanks @freddyaboulton!
+- [#12508](https://github.com/gradio-app/gradio/pull/12508) [`0715279`](https://github.com/gradio-app/gradio/commit/0715279005cbd6fea3c8081996aa5afddbd27e34) - Fix custom `js` param.  Thanks @dawoodkhan82!
+- [#12531](https://github.com/gradio-app/gradio/pull/12531) [`8aaa209`](https://github.com/gradio-app/gradio/commit/8aaa209278a1898951a764812c237d1a514cc066) - Allow custom HTML components to be defined in jupyter notebooks.  Thanks @abidlabs!
+- [#12499](https://github.com/gradio-app/gradio/pull/12499) [`af3ffa0`](https://github.com/gradio-app/gradio/commit/af3ffa057fe9e21e2aa658ca251b7f696b0a24ac) - Fix: avoid corrupting JSON-like values in CSV sanitization.  Thanks @ujjwaltwri!
+- [#12516](https://github.com/gradio-app/gradio/pull/12516) [`23c9bb5`](https://github.com/gradio-app/gradio/commit/23c9bb5d46909a07b4ff639655b59b4a979a0c06) - Fix copy button in `gr.Textbox`.  Thanks @dawoodkhan82!
+
+## 6.0.2
+
+### Features
+
+- [#12475](https://github.com/gradio-app/gradio/pull/12475) [`c4c36c7`](https://github.com/gradio-app/gradio/commit/c4c36c7da3d14d60f4fd9b35bbe68d52f7b38bb9) - Fix highlighted text in 6.0.  Thanks @freddyaboulton!
+- [#12476](https://github.com/gradio-app/gradio/pull/12476) [`4e9a330`](https://github.com/gradio-app/gradio/commit/4e9a330a85396659e8cf4d90f25d3dde82a685b3) - Fix slider css issue.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12480](https://github.com/gradio-app/gradio/pull/12480) [`b9732d1`](https://github.com/gradio-app/gradio/commit/b9732d10680ca66fa7b3f1e763d3cdd57b38c6ed) - [BUGFIX] Fix stream file download in gradio client.  Thanks @frascuchon!
+- [#12490](https://github.com/gradio-app/gradio/pull/12490) [`472e164`](https://github.com/gradio-app/gradio/commit/472e16439f2573b33d21b9635706416518405ddd) - Make client backwards compatible with version 5.  Thanks @freddyaboulton!
+- [#12489](https://github.com/gradio-app/gradio/pull/12489) [`2a2dd60`](https://github.com/gradio-app/gradio/commit/2a2dd60d5aa041d82640358a5ed6ba03f1b398e2) - 12485 fix mcp client issue.  Thanks @freddyaboulton!
+- [#12477](https://github.com/gradio-app/gradio/pull/12477) [`07fa494`](https://github.com/gradio-app/gradio/commit/07fa4949fa5b806732eb429f732037615f9f546e) - Checkbox Label Fix.  Thanks @dawoodkhan82!
+
+## 6.0.1
+
+### Features
+
+- [#12445](https://github.com/gradio-app/gradio/pull/12445) [`0f2fa10`](https://github.com/gradio-app/gradio/commit/0f2fa10887b5c2f7fe4a4080e8bcf7d91669a163) - chore(deps): ⬆️ update pillow from 11.1.0 to 12.0.  Thanks @onuralpszr!
+- [#12446](https://github.com/gradio-app/gradio/pull/12446) [`96efaab`](https://github.com/gradio-app/gradio/commit/96efaabb38a5b48c26011560634189388e83181a) - Update gradio_client version to 2.0.0.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12460](https://github.com/gradio-app/gradio/pull/12460) [`f9e272d`](https://github.com/gradio-app/gradio/commit/f9e272dc120bb8f8f9f5fb2bd9f0a4eac0563d6e) - Fix bug where close method does not kill the thread.  Thanks @freddyaboulton!
+- [#12416](https://github.com/gradio-app/gradio/pull/12416) [`7e867fd`](https://github.com/gradio-app/gradio/commit/7e867fde9070849fb474a08544c72f2522a9cbe9) - Fix custom components for gradio 6.  Thanks @pngwn!
+- [#12461](https://github.com/gradio-app/gradio/pull/12461) [`9a86e80`](https://github.com/gradio-app/gradio/commit/9a86e8064787029bc20b086c6f3191879f786e0f) - Fix Login Gradio 6.  Thanks @freddyaboulton!
+- [#12473](https://github.com/gradio-app/gradio/pull/12473) [`f42628d`](https://github.com/gradio-app/gradio/commit/f42628d35c5597d83c57980d559f1daf7805b153) - Allow new custom components to use Gradio 6.  Thanks @freddyaboulton!
+
+## 6.0.0-dev.5
+
+### Features
+
+- [#12371](https://github.com/gradio-app/gradio/pull/12371) [`9e8a313`](https://github.com/gradio-app/gradio/commit/9e8a313b94259354da649310125d0142bb953fad) - Fix Walkthrough component.  Thanks @pngwn!
+- [#12393](https://github.com/gradio-app/gradio/pull/12393) [`02ce6d5`](https://github.com/gradio-app/gradio/commit/02ce6d5b768ddf68241bee92e11a166e97fd9b2d) - Remove SSE transport from MCP docs.  Thanks @abidlabs!
+- [#12383](https://github.com/gradio-app/gradio/pull/12383) [`6505763`](https://github.com/gradio-app/gradio/commit/650576399bad10f03aaa03dd9437f03b47ba378b) - Fix Reload Mode in 6.0.  Thanks @freddyaboulton!
+- [#12358](https://github.com/gradio-app/gradio/pull/12358) [`4552df4`](https://github.com/gradio-app/gradio/commit/4552df4e3698b39c58fc86d3023e434db6aeec1e) - Fix status tracker iterative image.  Thanks @freddyaboulton!
+- [#12374](https://github.com/gradio-app/gradio/pull/12374) [`c72972e`](https://github.com/gradio-app/gradio/commit/c72972e7c38d4a3511978c412759b9ac34bffcc4) - Ensure `show_error` is always respected.  Thanks @pngwn!
+- [#12372](https://github.com/gradio-app/gradio/pull/12372) [`a8c26e4`](https://github.com/gradio-app/gradio/commit/a8c26e406aa82e6e30f1556e62e54f99f64668bd) - Fix Chatbot autoscroll.  Thanks @pngwn!
+- [#12377](https://github.com/gradio-app/gradio/pull/12377) [`568644a`](https://github.com/gradio-app/gradio/commit/568644a88c4dbe1b6ad9468906b1e45ed07657f3) - Add a 6.0 migration guide and add deprecation warnings.  Thanks @abidlabs!
+- [#12381](https://github.com/gradio-app/gradio/pull/12381) [`36d5657`](https://github.com/gradio-app/gradio/commit/36d5657128a81739a78d6b11b3f5a632a9027ab1) - Fix full width toast issue.  Thanks @freddyaboulton!
+- [#11821](https://github.com/gradio-app/gradio/pull/11821) [`9ea6686`](https://github.com/gradio-app/gradio/commit/9ea6686924278f4e5b562c33059931f309c92c93) - Spaces hot reloading.  Thanks @cbensimon!
+- [#12389](https://github.com/gradio-app/gradio/pull/12389) [`61e5aeb`](https://github.com/gradio-app/gradio/commit/61e5aeb4fe539e51fe07777750ee222444801829) - Download frontend templates for custom components.  Thanks @freddyaboulton!
+- [#12373](https://github.com/gradio-app/gradio/pull/12373) [`017eaf0`](https://github.com/gradio-app/gradio/commit/017eaf0a9a783d0f9f2fbf7fe2e30c855c9dd9cd) - Fix audio errors when streaming.  Thanks @pngwn!
+- [#12391](https://github.com/gradio-app/gradio/pull/12391) [`5ba7e1e`](https://github.com/gradio-app/gradio/commit/5ba7e1e7d502017551c5899db175bcc9c6fb5eaa) - Reduce files in build.  Thanks @freddyaboulton!
+- [#12398](https://github.com/gradio-app/gradio/pull/12398) [`04e2581`](https://github.com/gradio-app/gradio/commit/04e258106f6f6a07facbacd9f43a307fc0cb64c9) - fix publish.  Thanks @pngwn!
+- [#12375](https://github.com/gradio-app/gradio/pull/12375) [`2043967`](https://github.com/gradio-app/gradio/commit/2043967b958be9d51c4ee25272afa84bf0dbea08) - fix font.  Thanks @pngwn!
+- [#12370](https://github.com/gradio-app/gradio/pull/12370) [`f632b87`](https://github.com/gradio-app/gradio/commit/f632b87f83ff283817e21ce679b70d2406074ea2) - Fix progress in StatusTracker.  Thanks @pngwn!
+- [#12363](https://github.com/gradio-app/gradio/pull/12363) [`4845bfd`](https://github.com/gradio-app/gradio/commit/4845bfdab53096a609d80485e87d5cc70f3f0521) - Fix queue false render issue.  Thanks @freddyaboulton!
+- [#12378](https://github.com/gradio-app/gradio/pull/12378) [`f5e5344`](https://github.com/gradio-app/gradio/commit/f5e5344db61eba28253719928577dc2c495958e1) - Fix some e2e tests.  Thanks @freddyaboulton!
+- [#12397](https://github.com/gradio-app/gradio/pull/12397) [`f2a47fe`](https://github.com/gradio-app/gradio/commit/f2a47fe4f155a1ed93ad3e8f18504e9427ba61d2) - fix custom components.  Thanks @pngwn!
+- [#12387](https://github.com/gradio-app/gradio/pull/12387) [`4a8ee36`](https://github.com/gradio-app/gradio/commit/4a8ee367fabb786248693833454aa69484623d97) - Sync JS Files to Hub.  Thanks @freddyaboulton!
+- [#12102](https://github.com/gradio-app/gradio/pull/12102) [`baa1cd6`](https://github.com/gradio-app/gradio/commit/baa1cd67573292f95d4b4263c8f15fe89fbeeaa1) - Improve audio player UI in gr.Chatbot.  Thanks @hannahblair!
+
+## 6.0.0-dev.4
+
+### Features
+
+- [#12359](https://github.com/gradio-app/gradio/pull/12359) [`9040fd5`](https://github.com/gradio-app/gradio/commit/9040fd5e2c7de9c806debdc801e230edf6589802) - fix input.  Thanks @pngwn!
+- [#12357](https://github.com/gradio-app/gradio/pull/12357) [`c9cf634`](https://github.com/gradio-app/gradio/commit/c9cf634a9cd34b4adadde1a6a98d60faf732639a) - Fix various event issues.  Thanks @pngwn!
+- [#12337](https://github.com/gradio-app/gradio/pull/12337) [`83d92fd`](https://github.com/gradio-app/gradio/commit/83d92fd81c43a97f4d81c52f4a985f5e044ce817) - Fix statustracker for generating outputs.  Thanks @freddyaboulton!
+- [#12336](https://github.com/gradio-app/gradio/pull/12336) [`a8f784b`](https://github.com/gradio-app/gradio/commit/a8f784babf95c8e01137f1fbcc2a44bf5450b49a) - clean up some console logs.  Thanks @abidlabs!
+- [#12360](https://github.com/gradio-app/gradio/pull/12360) [`bcb6efd`](https://github.com/gradio-app/gradio/commit/bcb6efd8d53183c283a9b4e3a1974e7b49c340a1) - fix colopicker.  Thanks @pngwn!
+- [#12343](https://github.com/gradio-app/gradio/pull/12343) [`a5b6676`](https://github.com/gradio-app/gradio/commit/a5b6676e77bad5224a8ce661cb35d763904306a3) - Fix json postprocessing with queue=False.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12344](https://github.com/gradio-app/gradio/pull/12344) [`9bf6bfb`](https://github.com/gradio-app/gradio/commit/9bf6bfb61dfb6fe620339319e89062f3c5bb78f2) - Fix dropdown filtering.  Thanks @freddyaboulton!
+
+## 6.0.0-dev.3
+
+### Features
+
+- [#12330](https://github.com/gradio-app/gradio/pull/12330) [`11b9d8d`](https://github.com/gradio-app/gradio/commit/11b9d8ddb86c4535c7bc1265374c0ed5a369f25e) - Change `gr.Dataframe` component constructor parameters.  Thanks @abidlabs!
+- [#12296](https://github.com/gradio-app/gradio/pull/12296) [`a96e98b`](https://github.com/gradio-app/gradio/commit/a96e98b2ff7b33d8bb65f98ca8409b4e5543217c) - Improving performance of queue, especially for MCP.  Thanks @abidlabs!
+- [#12326](https://github.com/gradio-app/gradio/pull/12326) [`ea23f20`](https://github.com/gradio-app/gradio/commit/ea23f20335ab46950e4ec92a4a006c0ec35f3ee2) - Fix changesets?.  Thanks @freddyaboulton!
+- [#12324](https://github.com/gradio-app/gradio/pull/12324) [`c389664`](https://github.com/gradio-app/gradio/commit/c389664a3b54f0f1fc7269ed855afa4ae88f16f3) - Trigger creation of dev release pr.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12327](https://github.com/gradio-app/gradio/pull/12327) [`a8158eb`](https://github.com/gradio-app/gradio/commit/a8158eb61c4a2fc88b196c0b23390a55e158bf92) - Fix Undo in Audio component.  Thanks @dawoodkhan82!
+
+## 6.0.0-dev.2
+
+### Features
+
+- [#12110](https://github.com/gradio-app/gradio/pull/12110) [`e80fc6f`](https://github.com/gradio-app/gradio/commit/e80fc6f9eba1b895680b19803bbd15e7e303d969) - Fix issue with boolean columns in dataframe.  Thanks @abidlabs!
+- [#12117](https://github.com/gradio-app/gradio/pull/12117) [`45493c9`](https://github.com/gradio-app/gradio/commit/45493c9c8125fb3e451c75c444cb65c31c0bf71a) - Upgrade version of `safehttpx` in `gradio` and use subdomain wildcards.  Thanks @abidlabs!
+- [#12080](https://github.com/gradio-app/gradio/pull/12080) [`0c58698`](https://github.com/gradio-app/gradio/commit/0c586980e359cc83bfd57b71f0aaba87771235ed) - Fix chatinterface textbox warning.  Thanks @salehsargolzaee!
+- [#12291](https://github.com/gradio-app/gradio/pull/12291) [`881d8fb`](https://github.com/gradio-app/gradio/commit/881d8fbaa7827bbe0f56b9e89c6ab81258cb21b7) - Change gr.Toast expanded to true by default.  Thanks @hannahblair!
+- [#12168](https://github.com/gradio-app/gradio/pull/12168) [`60b16b3`](https://github.com/gradio-app/gradio/commit/60b16b35d818a3950e71d3b1fcfde959dc59ede8) - Copy as markdown button in API docs.  Thanks @aliabd!
+- [#12100](https://github.com/gradio-app/gradio/pull/12100) [`75cfe0e`](https://github.com/gradio-app/gradio/commit/75cfe0efea3cbfe04b3f587609db03d01831e2dd) - Fixes for long legends in native plots.  Thanks @abidlabs!
+- [#12099](https://github.com/gradio-app/gradio/pull/12099) [`e2a5768`](https://github.com/gradio-app/gradio/commit/e2a5768f5f133d0c23549eb3388582bfcf40e5e6) - Improve gr.Toast in mobile.  Thanks @hannahblair!
+- [#12088](https://github.com/gradio-app/gradio/pull/12088) [`199de34`](https://github.com/gradio-app/gradio/commit/199de3428291b799ae334474132f3d2ceef31e9d) - Improve gr.MultimodalTextbox in mobile.  Thanks @hannahblair!
+- [#12243](https://github.com/gradio-app/gradio/pull/12243) [`cb49168`](https://github.com/gradio-app/gradio/commit/cb49168b1d52b39e47f1faeda93d150e048bd625) - [Client] Fix ZeroGPU headers forwarding.  Thanks @cbensimon!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Move `theme`, `css`, `css_paths`, `js`, `head`, `head_paths` to `launch()`.  Thanks @dawoodkhan82!
+- [#12098](https://github.com/gradio-app/gradio/pull/12098) [`3965abe`](https://github.com/gradio-app/gradio/commit/3965abe584fef88e23501ffb67145fd47e517633) - gr.HTML "custom components".  Thanks @aliabid94!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Update ZeroGPU guide to reflect best practices on manually passing an IP token.  Thanks @dawoodkhan82!
+- [#12070](https://github.com/gradio-app/gradio/pull/12070) [`e583434`](https://github.com/gradio-app/gradio/commit/e583434f25297e1c05240cd39cdac98c457c74d4) - Collapse reasoning traces automatically if developer sets reasoning_tags parameter.  Thanks @freddyaboulton!
+- [#12295](https://github.com/gradio-app/gradio/pull/12295) [`23f73b3`](https://github.com/gradio-app/gradio/commit/23f73b31fba787053740cddaa31ccdfbf508a9a8) - Fix reload mode tests.  Thanks @freddyaboulton!
+- [#12268](https://github.com/gradio-app/gradio/pull/12268) [`5e6b0b9`](https://github.com/gradio-app/gradio/commit/5e6b0b935b288e310c71c887852630ffd3cf9b1b) - Allow serving Gradio MCP apps as ChatGPT apps as well.  Thanks @abidlabs!
+- [#12106](https://github.com/gradio-app/gradio/pull/12106) [`26bbdf8`](https://github.com/gradio-app/gradio/commit/26bbdf8b6a16d370d0314b03b3fa49de922ad2ff) - 🌙 Add dark mode to gradio docs.  Thanks @hannahblair!
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Improve behaviour of gr.Checkbox.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#12124](https://github.com/gradio-app/gradio/pull/12124) [`ce39568`](https://github.com/gradio-app/gradio/commit/ce395687484f1c4f6a8e90d168dffdf5d83c873c) - Add python 3.14 support.  Thanks @aliabid94!
+- [#12240](https://github.com/gradio-app/gradio/pull/12240) [`6a0cff1`](https://github.com/gradio-app/gradio/commit/6a0cff18ef6a9a580c26d3ed5f95d1f9de3a55c1) - Fixed several hardcoded UI labels in the chat_interface that did not implement i18n.  Thanks @arterm-sedov!
+
+## 6.0.0-dev.1
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+- [#12063](https://github.com/gradio-app/gradio/pull/12063) [`88a7236`](https://github.com/gradio-app/gradio/commit/88a7236cef2ecb53a82638c53e2e37f071cc670f) - Remove more deprecated parameters for the native plot components.  Thanks @abidlabs!
+- [#12064](https://github.com/gradio-app/gradio/pull/12064) [`90dfb44`](https://github.com/gradio-app/gradio/commit/90dfb446876f3aa2c135e2c58f2f088eb5185311) - Handle special characters in native plot column names.  Thanks @abidlabs!
+- [#12086](https://github.com/gradio-app/gradio/pull/12086) [`a56f4e1`](https://github.com/gradio-app/gradio/commit/a56f4e1bddc1e8608e00992e6faeba4a6f2455bb) - Use function name as the api route name in gr.Interface and gr.ChatInterface.  Thanks @freddyaboulton!
+- [#12096](https://github.com/gradio-app/gradio/pull/12096) [`ed08086`](https://github.com/gradio-app/gradio/commit/ed08086f90909438551c3b841dff2e757d9b09d2) - Allow setting x limits independently in native plots.  Thanks @abidlabs!
+- [#12051](https://github.com/gradio-app/gradio/pull/12051) [`15458a8`](https://github.com/gradio-app/gradio/commit/15458a87ac63346ed3443f4abc54cdf2b9ac267e) - Extend Chatbot Message Format.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12066](https://github.com/gradio-app/gradio/pull/12066) [`6a4757a`](https://github.com/gradio-app/gradio/commit/6a4757ab289e8e53b5503eb6887333d7ad26c9eb) - Gallery: Allow empty columns when items < columns.  Thanks @missionfloyd!
+
+## 6.0.0-dev.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`53d9098`](https://github.com/gradio-app/gradio/commit/53d9098cca378f6ebff9dec15d2faa8a3d2fb510) - [No Merge] Gradio 6.0.  Thanks @freddyaboulton!
+- [#12012](https://github.com/gradio-app/gradio/pull/12012) [`4356fe7`](https://github.com/gradio-app/gradio/commit/4356fe7d609333a4150533fcb9a4eaafbc2ba561) - Remove tuples format from the chatbot.  Thanks @freddyaboulton!
+- [#12027](https://github.com/gradio-app/gradio/pull/12027) [`d515a2e`](https://github.com/gradio-app/gradio/commit/d515a2e189a82883e85730157706f6f2865e9aba) - Make allow_tags=True the default in gr.Chatbot.  Thanks @PRIME-SV!
+- [#12010](https://github.com/gradio-app/gradio/pull/12010) [`844cd62`](https://github.com/gradio-app/gradio/commit/844cd626fb11ad604386dbb0411fc9b94effaf11) - fix: enable padding by default in HTML component.  Thanks @PRIME-SV!
+- [#12041](https://github.com/gradio-app/gradio/pull/12041) [`90e8a2c`](https://github.com/gradio-app/gradio/commit/90e8a2c23774e1d2a7401bccf4bdc86f70531de5) - Video subtitles.  Thanks @dawoodkhan82!
+
+## 5.49.1
+
+### Fixes
+
+- [#12026](https://github.com/gradio-app/gradio/pull/12026) [`31cf825`](https://github.com/gradio-app/gradio/commit/31cf825b472b9ffa29eea163db8b9fe069eefe1f) - gradio.Audio does not preload the file in browser style since 5.46.0.  Thanks @PRIME-SV!
+- [#12046](https://github.com/gradio-app/gradio/pull/12046) [`de9dad3`](https://github.com/gradio-app/gradio/commit/de9dad344f1489a4cfcaedc799e2cfe68de8fe26) - fix: correct various typos in documentation and code.  Thanks @shashax42!
+- [#12023](https://github.com/gradio-app/gradio/pull/12023) [`69da8c8`](https://github.com/gradio-app/gradio/commit/69da8c87653d7ea7f733a248b324051ef5bb810f) - feat: Extended the waternark positioning feature to Video.  Thanks @PRIME-SV!
+- [#12035](https://github.com/gradio-app/gradio/pull/12035) [`ab8dc66`](https://github.com/gradio-app/gradio/commit/ab8dc66b18cec5cb2dc8999264dd1570531318dc) - route progress notifications to the POST SSE Handler for MCP Servers.  Thanks @evalstate!
+
+## 5.49.0
+
+### Features
+
+- [#12004](https://github.com/gradio-app/gradio/pull/12004) [`09b7111`](https://github.com/gradio-app/gradio/commit/09b71110717d65dd0f885c90f1e455a944d65a14) - Add ability to position watermark relative to watermarked content.  Thanks @PRIME-SV!
+
+### Fixes
+
+- [#12019](https://github.com/gradio-app/gradio/pull/12019) [`81fc464`](https://github.com/gradio-app/gradio/commit/81fc4647cdc9ffd724b69ec7286f1d686571062a) - Fix MultimodalTextbox autofocus issue when file_types is specified.  Thanks @freddyaboulton!
+- [#12008](https://github.com/gradio-app/gradio/pull/12008) [`fd585f1`](https://github.com/gradio-app/gradio/commit/fd585f1f78a22734c322103a707b9382af93d212) - Fix: Add per-component caching for `api_info` to improve custom component performance.  Thanks @vijay-x-Raj!
+- [#11994](https://github.com/gradio-app/gradio/pull/11994) [`d6f591e`](https://github.com/gradio-app/gradio/commit/d6f591e823dad8e7387de4124fa1e3ab16203a73) - Add render_children parameter to Tab component.  Thanks @freddyaboulton!
+- [#12018](https://github.com/gradio-app/gradio/pull/12018) [`103e3ab`](https://github.com/gradio-app/gradio/commit/103e3ab8e95fbbbd3a099c297d91c6c5cb1c6615) - Fix Deployed Demos.  Thanks @freddyaboulton!
+- [#12016](https://github.com/gradio-app/gradio/pull/12016) [`2c7a800`](https://github.com/gradio-app/gradio/commit/2c7a8007f45f28cbe158976aa93b3f09462a5a1a) - Accessibility issue with tabing through multiseclect dropdown component.  Thanks @PRIME-SV!
+
+## 5.48.0
+
+### Features
+
+- [#12003](https://github.com/gradio-app/gradio/pull/12003) [`abc4dbe`](https://github.com/gradio-app/gradio/commit/abc4dbe95d45f82cd8eaa0e6d53d26183eb283d6) - Add export button to native plot components.  Thanks @abidlabs!
+- [#11905](https://github.com/gradio-app/gradio/pull/11905) [`327015b`](https://github.com/gradio-app/gradio/commit/327015b7dca90f17f174baee9f3c966a48fe4775) - Add CLI command gradio openaichat to launch default ChatInterface (addresses #11334).  Thanks @jyotiradityadav!
+- [#11905](https://github.com/gradio-app/gradio/pull/11905) [`327015b`](https://github.com/gradio-app/gradio/commit/327015b7dca90f17f174baee9f3c966a48fe4775) - Add CLI subcommand gradio openaichat to launch default ChatInterface, with --share.  Thanks @jyotiradityadav!
+- [#11989](https://github.com/gradio-app/gradio/pull/11989) [`2069fd2`](https://github.com/gradio-app/gradio/commit/2069fd2a43c294937fbbafddeca13ff3688fd521) - Remove duplicate media files.  Thanks @hannahblair!
+- [#11986](https://github.com/gradio-app/gradio/pull/11986) [`cf9aefd`](https://github.com/gradio-app/gradio/commit/cf9aefd0ae04ecc19bf7e69ec8d2ae4a081ef842) - More vibe editor issues and features.  Thanks @aliabd!
+
+### Fixes
+
+- [#12006](https://github.com/gradio-app/gradio/pull/12006) [`8a1c7d5`](https://github.com/gradio-app/gradio/commit/8a1c7d53f8d40be458ef5fd27a636968380f087c) - Fix example vales.  Thanks @freddyaboulton!
+- [#11992](https://github.com/gradio-app/gradio/pull/11992) [`1ae2a57`](https://github.com/gradio-app/gradio/commit/1ae2a57a253c56cd8f3d3e5d795688fec80cab2c) - fix iframe sizing on spaces for apps runing in SPA mode.  Thanks @pngwn!
+- [#11993](https://github.com/gradio-app/gradio/pull/11993) [`0dc0be8`](https://github.com/gradio-app/gradio/commit/0dc0be8ff1526d43ba7b01ccc7d8173f92c5eed2) - Trigger Change Event if component is in inactive tab.  Thanks @freddyaboulton!
+- [#11987](https://github.com/gradio-app/gradio/pull/11987) [`7ebaf4e`](https://github.com/gradio-app/gradio/commit/7ebaf4e8c8f06981f4c51f73a5dd46d8cde7bf5d) - Fix pandas.  Thanks @freddyaboulton!
+- [#11955](https://github.com/gradio-app/gradio/pull/11955) [`64046cc`](https://github.com/gradio-app/gradio/commit/64046ccd76a41f06ef9eed0e3aa1ec66348f55bd) - Fix Multi-page demo in Dev Mode.  Thanks @ftoh!
+- [#11998](https://github.com/gradio-app/gradio/pull/11998) [`e80f03b`](https://github.com/gradio-app/gradio/commit/e80f03b715d47b26584d7c13308c11f69ac7c2f3) - gr.load_chat supports optional textbox= argument.  Thanks @Davda-James!
+- [#12000](https://github.com/gradio-app/gradio/pull/12000) [`c5a5f51`](https://github.com/gradio-app/gradio/commit/c5a5f51c6eb177ad18ff50e2408cf81e6ea6c35d) - fix: render checkbox info text below label for consistency.  Thanks @Davda-James!
+
+## 5.47.2
+
+### Fixes
+
+- [#11981](https://github.com/gradio-app/gradio/pull/11981) [`52861f8`](https://github.com/gradio-app/gradio/commit/52861f8a5c6522ebf853b74c5145b033abb25894) - Clean fix for support of async auth functions in login (#9244).  Thanks @TimPolk!
+- [#11960](https://github.com/gradio-app/gradio/pull/11960) [`a060c85`](https://github.com/gradio-app/gradio/commit/a060c852ecc01244687916092a3f3dc234eb84aa) - Set active tool to "draw" when background image changes in ImageEditor.  Thanks @freddyaboulton!
+- [#11972](https://github.com/gradio-app/gradio/pull/11972) [`cc27cd7`](https://github.com/gradio-app/gradio/commit/cc27cd765559a047efffe1073063cad0e071de0c) - Fix postMessage warning when running outside hugging face spaces.  Thanks @freddyaboulton!
+- [#11970](https://github.com/gradio-app/gradio/pull/11970) [`9b4a16c`](https://github.com/gradio-app/gradio/commit/9b4a16ca6a7f351b0d27f55732eec579d7774304) - Create extended MediaRecorded only once for streaming demos.  Thanks @freddyaboulton!
+- [#11979](https://github.com/gradio-app/gradio/pull/11979) [`50a89f0`](https://github.com/gradio-app/gradio/commit/50a89f079250735f268dfeeeddf40ffea84d7919) - Allow gradio to run with huggingface_hub 1.x.  Thanks @Wauplin!
+- [#11967](https://github.com/gradio-app/gradio/pull/11967) [`32b0fe7`](https://github.com/gradio-app/gradio/commit/32b0fe79881a710e784c094cce39198acbf2206f) - Allow passing token=None for load_chat.  Thanks @freddyaboulton!
+
+## 5.47.1
+
+### Fixes
+
+- [#11963](https://github.com/gradio-app/gradio/pull/11963) [`e2bc362`](https://github.com/gradio-app/gradio/commit/e2bc36273874364582f4f76c301a60a15140d9be) - MCP documentation fix.  Thanks @abidlabs!
+- [#11937](https://github.com/gradio-app/gradio/pull/11937) [`1b97ed7`](https://github.com/gradio-app/gradio/commit/1b97ed760c6adc6f7eef613904b90a0bfd0e9970) - Fix bug where multimodaltextbox would focus on any app update.  Thanks @freddyaboulton!
+- [#11969](https://github.com/gradio-app/gradio/pull/11969) [`c8f7909`](https://github.com/gradio-app/gradio/commit/c8f79090ede3b071a8d9620a885350b6ee5a8926) - Show UploadProgress for Webcam Uploads.  Thanks @freddyaboulton!
+- [#11964](https://github.com/gradio-app/gradio/pull/11964) [`86e6176`](https://github.com/gradio-app/gradio/commit/86e61763a14c745f7eb0ce35b861ea2be2336a15) - Add dark mode to storybook.  Thanks @hannahblair!
+
+## 5.47.0
+
+### Features
+
+- [#11959](https://github.com/gradio-app/gradio/pull/11959) [`cb16ca5`](https://github.com/gradio-app/gradio/commit/cb16ca5123030beebcb24ddc287fcf958bd3fbe2) - Ensure interactivity works as expected in standalone dataframe.  Thanks @hannahblair!
+- [#11962](https://github.com/gradio-app/gradio/pull/11962) [`fdfe4fe`](https://github.com/gradio-app/gradio/commit/fdfe4fec334726fe91be98062826eb4b537410c3) - fix(client): websockets minimum version for asyncio.  Thanks @cbensimon!
+
+### Fixes
+
+- [#11938](https://github.com/gradio-app/gradio/pull/11938) [`beddde5`](https://github.com/gradio-app/gradio/commit/beddde5d432904d6384b7285acdbf1fd78469af7) - Fix bug where Gallery scrollbar would not show up.  Thanks @freddyaboulton!
+- [#11944](https://github.com/gradio-app/gradio/pull/11944) [`01309af`](https://github.com/gradio-app/gradio/commit/01309af09209485f54391c36acc60c12f19fe726) - Bugfix: Update color map of HighlightedText programmatically.  Thanks @freddyaboulton!
+- [#11945](https://github.com/gradio-app/gradio/pull/11945) [`950b68f`](https://github.com/gradio-app/gradio/commit/950b68fa536f7f7df9052209992ec1d68ec88794) - Correctly Render ChatInterfaces Inside TabbedInterfaces.  Thanks @freddyaboulton!
+- [#11958](https://github.com/gradio-app/gradio/pull/11958) [`3f1842f`](https://github.com/gradio-app/gradio/commit/3f1842f4887a3d5ef721d55aa88d5254de5c7d69) - Fix various vibe editor issues.  Thanks @aliabd!
+- [#11956](https://github.com/gradio-app/gradio/pull/11956) [`fdb2bb2`](https://github.com/gradio-app/gradio/commit/fdb2bb2451ea21ce5916f12478c20d7d78cfd128) - Pass elem_classes to Sidebar svelte component.  Thanks @freddyaboulton!
+- [#11942](https://github.com/gradio-app/gradio/pull/11942) [`e64e5ec`](https://github.com/gradio-app/gradio/commit/e64e5ec0deb196d26b00c3b398b091d6a1dfc6ff) - Fix bug where keyboard navigation on a textbox would skip forward the audio waveform playback.  Thanks @freddyaboulton!
+
+## 5.46.1
+
+### Fixes
+
+- [#11936](https://github.com/gradio-app/gradio/pull/11936) [`d56f84f`](https://github.com/gradio-app/gradio/commit/d56f84f6a0d58d640ba590b4f1ce7141ad76c94f) - Fix multiple: route with accents doesnt work (#11935).  Thanks @josx!
+- [#11939](https://github.com/gradio-app/gradio/pull/11939) [`4e4b0bc`](https://github.com/gradio-app/gradio/commit/4e4b0bc5e0c434e3fda021af65f95dede301ae9b) - Add Syntax Highlighting for more languages in Markdown Component.  Thanks @freddyaboulton!
+- [#11896](https://github.com/gradio-app/gradio/pull/11896) [`915f3a2`](https://github.com/gradio-app/gradio/commit/915f3a2f2fa1843111868e4f23f543b097b9c839) - Send EventData when app is loaded via gr.load.  Thanks @freddyaboulton!
+- [#11940](https://github.com/gradio-app/gradio/pull/11940) [`13fdfa6`](https://github.com/gradio-app/gradio/commit/13fdfa6d549ee4e31308af69b75140085ea51fc4) - Upgrade Prismjs.  Thanks @freddyaboulton!
+- [#11648](https://github.com/gradio-app/gradio/pull/11648) [`57d8d65`](https://github.com/gradio-app/gradio/commit/57d8d6598645e438337c78c1c8e0759f876fb193) - Dataframe Edit Event.  Thanks @deckar01!
+- [#11923](https://github.com/gradio-app/gradio/pull/11923) [`98d44b9`](https://github.com/gradio-app/gradio/commit/98d44b963b7f72fb4d175c47b5d563d35330a6f2) - Serialize i18n data for events that dont go through queue.  Thanks @freddyaboulton!
+- [#11924](https://github.com/gradio-app/gradio/pull/11924) [`a9167fb`](https://github.com/gradio-app/gradio/commit/a9167fb7d013b7f76784c98f9c673ce47214b119) - Update websocket import and type in get_pred_from_ws.  Thanks @qgallouedec!
+
+## 5.46.0
+
+### Features
+
+- [#11894](https://github.com/gradio-app/gradio/pull/11894) [`cf10724`](https://github.com/gradio-app/gradio/commit/cf107246c104f3d8be1adf7a4c3d85558a0a5497) - Remove additional indentation in python API docs.  Thanks @freddyaboulton!
+- [#11891](https://github.com/gradio-app/gradio/pull/11891) [`8d06ab7`](https://github.com/gradio-app/gradio/commit/8d06ab7d899cb8b1ab2a9575f19b8960999aba78) - Add select all checkbox for boolean columns in Dataframe.  Thanks @abidlabs!
+- [#11901](https://github.com/gradio-app/gradio/pull/11901) [`8264ad8`](https://github.com/gradio-app/gradio/commit/8264ad87f098573438fb3175fe19a34dcd84ed7e) - Add max_height parameter to ParamViewer.  Thanks @drewmlawton!
+- [#11854](https://github.com/gradio-app/gradio/pull/11854) [`ee3dbd8`](https://github.com/gradio-app/gradio/commit/ee3dbd837ef02d24e127a2923126ff35750317ab) - Add show_select_all parameter to CheckboxGroup.  Thanks @abidlabs!
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+- [#11902](https://github.com/gradio-app/gradio/pull/11902) [`6d39644`](https://github.com/gradio-app/gradio/commit/6d39644ee1000b04728eb4909cee405e7ee3b5b2) - Add navbar visibility controls and customization options.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11864](https://github.com/gradio-app/gradio/pull/11864) [`3df62ba`](https://github.com/gradio-app/gradio/commit/3df62ba698ed283b2e92599af0447222045bf242) - Add walkthrough to the docs.  Thanks @aliabd!
+- [#11919](https://github.com/gradio-app/gradio/pull/11919) [`3b15f63`](https://github.com/gradio-app/gradio/commit/3b15f6370bc143c0acd91225574250bccf0a8877) - ensure spaces iframe resizes when images load.  Thanks @pngwn!
+- [#11853](https://github.com/gradio-app/gradio/pull/11853) [`0d0699b`](https://github.com/gradio-app/gradio/commit/0d0699b0348dfd4e5e0ac82d438a405cf7a2228d) - Fix bugs in `FileExplorer`.  Thanks @abidlabs!
+- [#11920](https://github.com/gradio-app/gradio/pull/11920) [`0f38b65`](https://github.com/gradio-app/gradio/commit/0f38b65f551cb61b3e9ed668e0ea525441672482) - Fix Examples Pagination.  Thanks @freddyaboulton!
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+- [#11912](https://github.com/gradio-app/gradio/pull/11912) [`8f0214d`](https://github.com/gradio-app/gradio/commit/8f0214dd4dee899a2307924b1f7ba974ba4344fe) - Fix bug where setting interactive prop of gr.Datetime from the backend was not working.  Thanks @freddyaboulton!
+- [#11866](https://github.com/gradio-app/gradio/pull/11866) [`02df670`](https://github.com/gradio-app/gradio/commit/02df670eccf365c253f38b682a3000fe316eef22) - Fix i18n when accept-language header contains multiple values.  Thanks @freddyaboulton!
+- [#11893](https://github.com/gradio-app/gradio/pull/11893) [`725dca0`](https://github.com/gradio-app/gradio/commit/725dca0d546710194b1559da89b03b56cf6dba41) - Fix logout multiple sessions.  Thanks @tarmkalavan!
+- [#11917](https://github.com/gradio-app/gradio/pull/11917) [`8a03624`](https://github.com/gradio-app/gradio/commit/8a03624544edd16d32b7f672c0e7fd8455cb5637) - Fix Bug where select events of ZeroGPU were causing errors.  Thanks @freddyaboulton!
+- [#11865](https://github.com/gradio-app/gradio/pull/11865) [`be70c9b`](https://github.com/gradio-app/gradio/commit/be70c9b68bbbe0792a84efa4c988f8a987149197) - Support per-page navbar configuration in multipage apps.  Thanks @abidlabs!
+- [#11921](https://github.com/gradio-app/gradio/pull/11921) [`f6f38f7`](https://github.com/gradio-app/gradio/commit/f6f38f7e5d7c0e0ef28038ec91f1f4dac87fab83) - Fix KeyError that can be caused by cancelling the same event twice.  Thanks @freddyaboulton!
+- [#11899](https://github.com/gradio-app/gradio/pull/11899) [`bb3315c`](https://github.com/gradio-app/gradio/commit/bb3315c2fc6affe14cbe23d74008fcf400fd8b49) - Fix Chat Examples Spacing.  Thanks @freddyaboulton!
+- [#11898](https://github.com/gradio-app/gradio/pull/11898) [`8212f67`](https://github.com/gradio-app/gradio/commit/8212f67488a0143f1afcbd953ef1be869c882c44) - Fix Dropdown change and input events.  Thanks @freddyaboulton!
+- [#11903](https://github.com/gradio-app/gradio/pull/11903) [`895d884`](https://github.com/gradio-app/gradio/commit/895d884a7345894f95df5f131d6517e935fd275a) - enhanced_the_arabic_translation.  Thanks @makhlwf!
+
+## 5.45.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+- [#11783](https://github.com/gradio-app/gradio/pull/11783) [`f407daf`](https://github.com/gradio-app/gradio/commit/f407daf8046f37e042ab8b86730ff0ab8d174bcf) - Add Walkthrough and Step compoents to facilitate multi-step workflows.  Thanks @pngwn!
+- [#11825](https://github.com/gradio-app/gradio/pull/11825) [`910a524`](https://github.com/gradio-app/gradio/commit/910a5249397a68d215dd97d6a347718f0d994e04) - Fix the stop variant button in citrus theme.  Thanks @abidlabs!
+- [#11831](https://github.com/gradio-app/gradio/pull/11831) [`49d66c7`](https://github.com/gradio-app/gradio/commit/49d66c7e6fb22d67b6a95d791b3777afc39419fa) - Add Image Watermarking.  Thanks @meg-huggingface!
+- [#11832](https://github.com/gradio-app/gradio/pull/11832) [`e40df25`](https://github.com/gradio-app/gradio/commit/e40df252064e41d532472a535c42e3539877aa06) - Consolidate copy button implementations to use IconButton.  Thanks @abidlabs!
+- [#11843](https://github.com/gradio-app/gradio/pull/11843) [`a30f485`](https://github.com/gradio-app/gradio/commit/a30f485e1d906f97c64b578ca4570405bc50542e) - Fix native plots with long y-axis titles.  Thanks @abidlabs!
+- [#11763](https://github.com/gradio-app/gradio/pull/11763) [`c9e50d3`](https://github.com/gradio-app/gradio/commit/c9e50d3f071a416b2ca7ba30c7f25539986dfc4a) - Audio subtitles.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#11815](https://github.com/gradio-app/gradio/pull/11815) [`1a477c5`](https://github.com/gradio-app/gradio/commit/1a477c5202c13097d1089fb70a32a08db22d7660) - Fix i18n string visible during load and i18n not respecting HTML.  Thanks @freddyaboulton!
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+- [#11826](https://github.com/gradio-app/gradio/pull/11826) [`a7ae61c`](https://github.com/gradio-app/gradio/commit/a7ae61c631980442e5068b8ef67622343d587444) - Allow passing props to components displayed in Chatbot.  Thanks @freddyaboulton!
+- [#11787](https://github.com/gradio-app/gradio/pull/11787) [`b19576c`](https://github.com/gradio-app/gradio/commit/b19576c45f0748ca655864f4d80ff835318f1299) - Allow deleting and uploading additional images to interactive `gr.Gallery` and other fixes.  Thanks @abidlabs!
+- [#11839](https://github.com/gradio-app/gradio/pull/11839) [`b8fcb71`](https://github.com/gradio-app/gradio/commit/b8fcb716d8bd4d372249585b103140d145365239) - Fix Custom CSS e2e Test.  Thanks @freddyaboulton!
+- [#11808](https://github.com/gradio-app/gradio/pull/11808) [`076ffe4`](https://github.com/gradio-app/gradio/commit/076ffe40a003d7fa3f9f68dade311f77e4600b71) - Ensure `show_api` works as expected.  Thanks @hannahblair!
+- [#11810](https://github.com/gradio-app/gradio/pull/11810) [`daf7f1e`](https://github.com/gradio-app/gradio/commit/daf7f1e1a8d65b74623f131aaf8bd82f8f661edb) - Ensure input events fires as expected in gr.Radio.  Thanks @hannahblair!
+- [#11838](https://github.com/gradio-app/gradio/pull/11838) [`231a448`](https://github.com/gradio-app/gradio/commit/231a448b5b5322d218c07329cd18cb1ba268af67) - Suppress assertion error when gr.OauthProfile is used without login button.  Thanks @freddyaboulton!
+- [#11830](https://github.com/gradio-app/gradio/pull/11830) [`c172398`](https://github.com/gradio-app/gradio/commit/c172398e5e662f22aba1aaae44f4849e7c67a3bd) - Remove requests.  Thanks @freddyaboulton!
+- [#11822](https://github.com/gradio-app/gradio/pull/11822) [`c9a5424`](https://github.com/gradio-app/gradio/commit/c9a5424e30bee42f4052d0fd1cef8dd61e8382f5) - Fix bug where multimodal textbox was not auto focused after updates.  Thanks @freddyaboulton!
+- [#11816](https://github.com/gradio-app/gradio/pull/11816) [`77deb72`](https://github.com/gradio-app/gradio/commit/77deb72cb29b412b415a86908255a2294e8b50d9) - Set Progress Animation to cover component height.  Thanks @freddyaboulton!
+
+## 5.44.1
+
+### Features
+
+- [#11776](https://github.com/gradio-app/gradio/pull/11776) [`3393b70`](https://github.com/gradio-app/gradio/commit/3393b7060ffe4b50053442b07cc4ca321b572235) - Support deploying to Google Cloud using `gradio deploy --provider gcloud`.  Thanks @abidlabs!
+- [#11764](https://github.com/gradio-app/gradio/pull/11764) [`e6ce731`](https://github.com/gradio-app/gradio/commit/e6ce731bbcf2889c8147e57bc2ca97e2c731ddf5) - Display performance metrics for API/MCP requests in View API page.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11769](https://github.com/gradio-app/gradio/pull/11769) [`b4299fe`](https://github.com/gradio-app/gradio/commit/b4299feab01e1f8ce06043cc743b093612749ad4) - Fix reactive feedback loop in audio player causing a crash.  Thanks @its5Q!
+- [#11782](https://github.com/gradio-app/gradio/pull/11782) [`e132283`](https://github.com/gradio-app/gradio/commit/e132283b2289d3689927a8fa7f0b4ac8f8628a18) - remove dompurify, update mermaid.  Thanks @pngwn!
+
+## 5.44.0
+
+### Features
+
+- [#11747](https://github.com/gradio-app/gradio/pull/11747) [`513d21e`](https://github.com/gradio-app/gradio/commit/513d21ef002f56d8d5ea2bf8edc95d9638393362) - feat: Add autoscroll parameter to HTML component.  Thanks @Rishirandhawa!
+- [#11766](https://github.com/gradio-app/gradio/pull/11766) [`dfc0e03`](https://github.com/gradio-app/gradio/commit/dfc0e0305068dbd16ce905afc73d139e1e51eb46) - Add JS Dataframe documentation to docs.  Thanks @pngwn!
+- [#11772](https://github.com/gradio-app/gradio/pull/11772) [`61a7a7b`](https://github.com/gradio-app/gradio/commit/61a7a7b8cea7a61222e29b4688150a3d958e5581) - Use full "Returns" section when generating the function description.  Thanks @abidlabs!
+- [#11774](https://github.com/gradio-app/gradio/pull/11774) [`5a4ae49`](https://github.com/gradio-app/gradio/commit/5a4ae4926b9dadefd5cf9d0225f5e8ed69eebb51) - Fix markdown link rendering in docs descriptions.  Thanks @aliabd!
+- [#11736](https://github.com/gradio-app/gradio/pull/11736) [`40451c9`](https://github.com/gradio-app/gradio/commit/40451c9923f9f00866cfb4f4cd3ab4b755200da8) - Support different encodings in reload mode.  Thanks @freddyaboulton!
+- [#11767](https://github.com/gradio-app/gradio/pull/11767) [`f67faa4`](https://github.com/gradio-app/gradio/commit/f67faa464add0ef6a4a58d60eb2ae850125ebb87) - Use icons instead of Emojis in MCP page.  Thanks @freddyaboulton!
+- [#11773](https://github.com/gradio-app/gradio/pull/11773) [`e16e45c`](https://github.com/gradio-app/gradio/commit/e16e45c57d0293dd82b40c6ba6260100544937f3) - Add docs for auth and rate limiting.  Thanks @abidlabs!
+- [#11742](https://github.com/gradio-app/gradio/pull/11742) [`38427c4`](https://github.com/gradio-app/gradio/commit/38427c490b48741d7504f70d9bddc3fa1ec1dc4c) - Add a `gr.Draggable` layout.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11771](https://github.com/gradio-app/gradio/pull/11771) [`f53b24b`](https://github.com/gradio-app/gradio/commit/f53b24b010a98d9028d8bade39db9c4dd37782d1) - Fix file upload error due to file extension case differences.  Thanks @rca-umb!
+- [#11756](https://github.com/gradio-app/gradio/pull/11756) [`62209da`](https://github.com/gradio-app/gradio/commit/62209dae1d25bd9bc9e6cdf0c3885d722c43b947) - Remove gray line present in ChatInterface demos.  Thanks @freddyaboulton!
+- [#11757](https://github.com/gradio-app/gradio/pull/11757) [`710bbc2`](https://github.com/gradio-app/gradio/commit/710bbc2894bf52111a4d33dc059e2d5796fb2c61) - Allow path parameter when mounting app.  Thanks @aliabid94!
+- [#11755](https://github.com/gradio-app/gradio/pull/11755) [`9260ffb`](https://github.com/gradio-app/gradio/commit/9260ffbd4dcef33886362f0ce468003dfd83141b) - Fix handling of missing `choices` in streaming response.  Thanks @alugowski!
+- [#11746](https://github.com/gradio-app/gradio/pull/11746) [`354f236`](https://github.com/gradio-app/gradio/commit/354f2365fec5b257ee2830eb5239a250d1eb3228) - Fix bug where allowed paths not respected after first reload.  Thanks @freddyaboulton!
+
+## 5.43.1
+
+### Features
+
+- [#11744](https://github.com/gradio-app/gradio/pull/11744) [`f54e454`](https://github.com/gradio-app/gradio/commit/f54e454d6c2e256873f49e8bfb89f7161ec0a040) - fix client.  Thanks @abidlabs!
+- [#11743](https://github.com/gradio-app/gradio/pull/11743) [`a420ef4`](https://github.com/gradio-app/gradio/commit/a420ef42e895fb78f78c835923f10c5da8fb873c) - Remove unneeded `svelte-ignore` lines in gr.Dialogue.  Thanks @hannahblair!
+
+## 5.43.0
+
+### Features
+
+- [#11721](https://github.com/gradio-app/gradio/pull/11721) [`58d9d9e`](https://github.com/gradio-app/gradio/commit/58d9d9e98194dada5267ac1599063cf21723cbde) - Remove dupe maximise/maximize icon.  Thanks @hannahblair!
+- [#11731](https://github.com/gradio-app/gradio/pull/11731) [`8fd8ccd`](https://github.com/gradio-app/gradio/commit/8fd8ccdd634217c17519155d51f3de0a9272f63b) - Switch from `pyright` to `ty`.  Thanks @abidlabs!
+- [#11723](https://github.com/gradio-app/gradio/pull/11723) [`379f0c1`](https://github.com/gradio-app/gradio/commit/379f0c151943b5f269910eba4a4c7abc6145a11c) - Support MCP resources and prompts.  Thanks @abidlabs!
+- [#11696](https://github.com/gradio-app/gradio/pull/11696) [`985f0d7`](https://github.com/gradio-app/gradio/commit/985f0d7804683b8aec19fc385953190dd8a3a35b) - Add ui_mode and type to gr.Dialogue.  Thanks @freddyaboulton!
+- [#11741](https://github.com/gradio-app/gradio/pull/11741) [`7ce7a11`](https://github.com/gradio-app/gradio/commit/7ce7a110f0dda51cee8a0bd1beb2d9f3c12b3fa9) - Add analytics for `gradio --vibe`.  Thanks @abidlabs!
+- [#11730](https://github.com/gradio-app/gradio/pull/11730) [`99ec14c`](https://github.com/gradio-app/gradio/commit/99ec14c64621424f821146e76472b1a07a59bd12) - Support passing in gr.Request in server functions.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11709](https://github.com/gradio-app/gradio/pull/11709) [`48f1dcf`](https://github.com/gradio-app/gradio/commit/48f1dcf58cd6437daa03a8cf1c9942aae2cec421) - Fix output paths for the @gradio/client browser build.  Thanks @pngwn!
+- [#11720](https://github.com/gradio-app/gradio/pull/11720) [`4d3d983`](https://github.com/gradio-app/gradio/commit/4d3d983083c1317925aba1f67c8d5d3c944525ca) - Exit fullscreen mode when `gr.Image` value is cleared.  Thanks @hannahblair!
+- [#11725](https://github.com/gradio-app/gradio/pull/11725) [`080f888`](https://github.com/gradio-app/gradio/commit/080f888e3b173b5b2deef5eaf9754f2a63adf1aa) - Ensure it is possible to use `@render` to generate Tabs.  Thanks @aliabid94!
+- [#11734](https://github.com/gradio-app/gradio/pull/11734) [`2210fca`](https://github.com/gradio-app/gradio/commit/2210fca715c8db3d41efc376fe7af3acb33faa38) - Refactor: remove deprecated get_event_loop() fallback.  Thanks @TakaSoap!
+- [#11707](https://github.com/gradio-app/gradio/pull/11707) [`296a0d0`](https://github.com/gradio-app/gradio/commit/296a0d09acd98f82d924d07ea6b96861d0eadc32) - Fix three server closure bugs.  Thanks @l3331l4!
+
+## 5.42.0
+
+### Features
+
+- [#11703](https://github.com/gradio-app/gradio/pull/11703) [`cbc6a84`](https://github.com/gradio-app/gradio/commit/cbc6a84494bd28693527c7bcfadb05762dd4f3d3) - Fix flaky tests for release.  Thanks @abidlabs!
+- [#11700](https://github.com/gradio-app/gradio/pull/11700) [`37d4c48`](https://github.com/gradio-app/gradio/commit/37d4c4809616595642f8d4a60be37d9915317443) - Have `Client` send authorization token with the `X-HF-Authorization` token.  Thanks @abidlabs!
+- [#11691](https://github.com/gradio-app/gradio/pull/11691) [`2605a99`](https://github.com/gradio-app/gradio/commit/2605a99bf29bebbbb0a97cc8e0015b5bf8d8e79b) - Add .failure() event listener for error handling.  Thanks @elanehan!
+
+### Fixes
+
+- [#11697](https://github.com/gradio-app/gradio/pull/11697) [`caca402`](https://github.com/gradio-app/gradio/commit/caca402c3a1b74f9a79302313cb17b635854f36a) - Fix `gr.LoginButton` to work on custom domains.  Thanks @abidlabs!
+- [#11692](https://github.com/gradio-app/gradio/pull/11692) [`0b91ca9`](https://github.com/gradio-app/gradio/commit/0b91ca914774fe617bc5987986e14bf1b81fcb8d) - Fix z-index of icon button wrapper.  Thanks @dawoodkhan82!
+- [#11698](https://github.com/gradio-app/gradio/pull/11698) [`fc41f09`](https://github.com/gradio-app/gradio/commit/fc41f0950b7c427abcebdc9a113148a219d8f3f6) - Fix visibility changes in gr.render.  Thanks @aliabid94!
+
+## 5.41.1
+
+### Features
+
+- [#11688](https://github.com/gradio-app/gradio/pull/11688) [`56f3f09`](https://github.com/gradio-app/gradio/commit/56f3f09b6c629a5719088806dbbb37f272d8d4f5) - Fix column header logic in gr.Dataframe.  Thanks @hannahblair!
+- [#11686](https://github.com/gradio-app/gradio/pull/11686) [`b995b1c`](https://github.com/gradio-app/gradio/commit/b995b1ce2932cf9cb96ca1b48205fac802000d6d) - Some tweaks to Dialogue Component.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11685](https://github.com/gradio-app/gradio/pull/11685) [`56d2b90`](https://github.com/gradio-app/gradio/commit/56d2b90e2c37c58ba19c9cbd55fe881946b007ed) - vibe editor by not hard-coding inference provider.  Thanks @abidlabs!
+
+## 5.41.0
+
+### Features
+
+- [#11662](https://github.com/gradio-app/gradio/pull/11662) [`a78f5fa`](https://github.com/gradio-app/gradio/commit/a78f5fa466a4b11ffaaafc5099a64df49afb6e41) - Gradio vibe editor.  Thanks @aliabid94!
+- [#11674](https://github.com/gradio-app/gradio/pull/11674) [`27d9aef`](https://github.com/gradio-app/gradio/commit/27d9aef4831d99ec46f9b5553fc7e149afe23f5f) - Add dialogue component to docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#11667](https://github.com/gradio-app/gradio/pull/11667) [`07d19f7`](https://github.com/gradio-app/gradio/commit/07d19f7af3b60ff4a931d2c6740c9d61e6685dcb) - Fix the ImageEditor's auto-zoom, canvas resize, and zoom functionality.  Thanks @pngwn!
+- [#11666](https://github.com/gradio-app/gradio/pull/11666) [`4060858`](https://github.com/gradio-app/gradio/commit/4060858f353f37d3ba6d38df39752af8c1a5c6af) - Fix cached examples bug.  Thanks @freddyaboulton!
+
+## 5.40.0
+
+### Features
+
+- [#11092](https://github.com/gradio-app/gradio/pull/11092) [`c8c17f1`](https://github.com/gradio-app/gradio/commit/c8c17f1a909952616a01967839482153d1419b78) - Add gr.Dialogue component.  Thanks @freddyaboulton!
+
+## 5.39.0
+
+### Features
+
+- [#11635](https://github.com/gradio-app/gradio/pull/11635) [`64a87c6`](https://github.com/gradio-app/gradio/commit/64a87c6a3924de13aae47acfa069c9ccd469103f) - Improve schema for `gr.Number` and `gr.Slider` and other related changes around precision and minimum/maximum range.  Thanks @abidlabs!
+- [#11651](https://github.com/gradio-app/gradio/pull/11651) [`5b0e212`](https://github.com/gradio-app/gradio/commit/5b0e212ec0d54b5d793985de94c216bc5a73f610) - Allow users choose the MCP tools from MCP docs pane.  Thanks @abidlabs!
+- [#11622](https://github.com/gradio-app/gradio/pull/11622) [`ae9aaee`](https://github.com/gradio-app/gradio/commit/ae9aaeea62974f1fb533946a2a7c8461572778ef) - Expose Streamable HTTP endpoint in MCP Server at `/mcp`.  Thanks @abidlabs!
+- [#11625](https://github.com/gradio-app/gradio/pull/11625) [`129a2f6`](https://github.com/gradio-app/gradio/commit/129a2f64313de13f58f89af8598a779b27416a38) - Add image text to text pipeline.  Thanks @elanehan!
+- [#11630](https://github.com/gradio-app/gradio/pull/11630) [`1d196db`](https://github.com/gradio-app/gradio/commit/1d196db188d44cbfd118644b25132090ee79ab92) - Add `auth_token` and `exclude_paths` to `gr.load_openapi`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11652](https://github.com/gradio-app/gradio/pull/11652) [`69ecab3`](https://github.com/gradio-app/gradio/commit/69ecab35782a6704be6c1164eed41e8ade04e503) - Load Cached Examples from DeepLink.  Thanks @freddyaboulton!
+- [#11601](https://github.com/gradio-app/gradio/pull/11601) [`7d5a762`](https://github.com/gradio-app/gradio/commit/7d5a7629794146b33217e0cf34a289d35d1e36da) - Fix like/dislike buttons to appear on every message when group_consecutive_messages=False.  Thanks @copilot-swe-agent!
+- [#11650](https://github.com/gradio-app/gradio/pull/11650) [`81f9296`](https://github.com/gradio-app/gradio/commit/81f92968812e258d0f5e6f7c0ab7db6d6fb58719) - Fix some DeepLink Bugs.  Thanks @freddyaboulton!
+- [#11604](https://github.com/gradio-app/gradio/pull/11604) [`83e14bc`](https://github.com/gradio-app/gradio/commit/83e14bcfa653e2ec477f0d09b497adf605734e46) - Fix event cancelling bug.  Thanks @freddyaboulton!
+- [#11643](https://github.com/gradio-app/gradio/pull/11643) [`8923c42`](https://github.com/gradio-app/gradio/commit/8923c42fcd367eebac75313c44ed76725c903dc8) - Fix lifespan state.  Thanks @freddyaboulton!
+- [#11559](https://github.com/gradio-app/gradio/pull/11559) [`dd9d8f1`](https://github.com/gradio-app/gradio/commit/dd9d8f1ed677e2d09a3061764c312f40133ab50d) - `gr.Dataframe` returns a `number` \ `bool` when the corresponding column is edited.  Thanks @janosch6!
+
+## 5.38.2
+
+### Fixes
+
+- [#11632](https://github.com/gradio-app/gradio/pull/11632) [`8f19bff`](https://github.com/gradio-app/gradio/commit/8f19bffd04a73d4fc1080f5854caa0361516f3af) - ensure i18n is initialised before displaying localised loading text.  Thanks @pngwn!
+- [#11598](https://github.com/gradio-app/gradio/pull/11598) [`33d9c48`](https://github.com/gradio-app/gradio/commit/33d9c4812b0cadfb741c0f8116a9fad74e991237) - Ensure `gr.Textbox` is responsive with content.  Thanks @hannahblair!
+
+## 5.38.1
+
+### Features
+
+- [#11607](https://github.com/gradio-app/gradio/pull/11607) [`271675d`](https://github.com/gradio-app/gradio/commit/271675d5646851cf3be7d823cde042c111280969) - Use inspect.getdoc to inherit parent method docstrings in get_function_description.  Thanks @Toshaksha!
+- [#11619](https://github.com/gradio-app/gradio/pull/11619) [`33c5d2b`](https://github.com/gradio-app/gradio/commit/33c5d2bb8214c0d7a90daca0f1eaf96411a52e79) - Add a query param for the selected language & make MCP the default option when `mcp_server` is enabled.  Thanks @abidlabs!
+- [#11596](https://github.com/gradio-app/gradio/pull/11596) [`432abb0`](https://github.com/gradio-app/gradio/commit/432abb0418088fed54c4d486aed3e3bdf91f7b25) - Upgrade `gsplat`.  Thanks @dawoodkhan82!
+- [#11615](https://github.com/gradio-app/gradio/pull/11615) [`e2b66d7`](https://github.com/gradio-app/gradio/commit/e2b66d718f3a8f57b6ee224502849ee737b1b120) - fix change events for hidden components.  Thanks @pngwn!
+
+### Fixes
+
+- [#11608](https://github.com/gradio-app/gradio/pull/11608) [`9de70ed`](https://github.com/gradio-app/gradio/commit/9de70eda897db7a36b661d6ff04d2cbb07e00a23) - Fix for the JSON component's ability to display a formatted JSON string.  Thanks @anirbanbasu!
+- [#11599](https://github.com/gradio-app/gradio/pull/11599) [`c39d373`](https://github.com/gradio-app/gradio/commit/c39d3739bf2494ad13556174757cdd56060f033e) - Ensure component visibility is correctly propagated to all components.  Thanks @copilot-swe-agent!
+- [#11591](https://github.com/gradio-app/gradio/pull/11591) [`92f2d41`](https://github.com/gradio-app/gradio/commit/92f2d410fc1322ffff62b2da53b4d288c65863a8) - fix: add missing space at end of warning sentences for proper grammar.  Thanks @ZsgsDesign!
+- [#11595](https://github.com/gradio-app/gradio/pull/11595) [`801f288`](https://github.com/gradio-app/gradio/commit/801f2887b95393c406aef57f0b0c7344753b03c6) - Ensure initial `Loading` text is translated in SPA mode.  Thanks @hannahblair!
+
+## 5.38.0
+
+### Features
+
+- [#11578](https://github.com/gradio-app/gradio/pull/11578) [`872798a`](https://github.com/gradio-app/gradio/commit/872798a780dd81c834a44b05277f6c9ebe09de8b) - Add an `api_description` parameter for API and MCP server.  Thanks @abidlabs!
+- [#11543](https://github.com/gradio-app/gradio/pull/11543) [`ac95ac0`](https://github.com/gradio-app/gradio/commit/ac95ac0d8c2e65d1632376e632fb7d16131334b6) - Connection handling messaging.  Thanks @aliabid94!
+- [#11508](https://github.com/gradio-app/gradio/pull/11508) [`f5a6fa8`](https://github.com/gradio-app/gradio/commit/f5a6fa8c52bcb8f508e10ea54a3427f3dab8e3f8) - Handle uploading files in mcp server automatically.  Thanks @freddyaboulton!
+- [#11515](https://github.com/gradio-app/gradio/pull/11515) [`2c24ca7`](https://github.com/gradio-app/gradio/commit/2c24ca709396291a344d981c19ed1655028b5d64) - Making it easier for MCP developers call APIs with user credentials.  Thanks @freddyaboulton!
+- [#11584](https://github.com/gradio-app/gradio/pull/11584) [`78428cb`](https://github.com/gradio-app/gradio/commit/78428cb29bf6dc66d583b7cf93dd404aef737e75) - Fix reload mode.  Thanks @aliabid94!
+- [#11526](https://github.com/gradio-app/gradio/pull/11526) [`7fdebc4`](https://github.com/gradio-app/gradio/commit/7fdebc4f00fa85b1b2e89ee86245e2e6d3847caf) - Create a Gradio app from an openapi spec.  Thanks @abidlabs!
+- [#11567](https://github.com/gradio-app/gradio/pull/11567) [`150ed18`](https://github.com/gradio-app/gradio/commit/150ed18b856e34d5a96a9e17bd5ad510e11872a6) - Stream Progress Updates to MCP clients.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11590](https://github.com/gradio-app/gradio/pull/11590) [`33b6057`](https://github.com/gradio-app/gradio/commit/33b6057dc5cbdfdab15b1ee000b0f0b3d9f3fff6) - Add Gradio File Input keyword to gradio file inputs.  Thanks @freddyaboulton!
+- [#11534](https://github.com/gradio-app/gradio/pull/11534) [`5259f22`](https://github.com/gradio-app/gradio/commit/5259f229939177cc2027db5164c9321566fb3eeb) - Allow changing value with single click instead of double click.  Thanks @hannahblair!
+
+## 5.37.0
+
+### Features
+
+- [#11572](https://github.com/gradio-app/gradio/pull/11572) [`552a5eb`](https://github.com/gradio-app/gradio/commit/552a5ebf9beb5d543f82a24a546daaf9ad3d88b1) - handle i18n error when browsers aren't set to en.  Thanks @hannahblair!
+- [#11527](https://github.com/gradio-app/gradio/pull/11527) [`13597b8`](https://github.com/gradio-app/gradio/commit/13597b8a7f0bd1c73a2e269a95a831f5b0e1a1d7) - Add method to the gr.Dataframe to automatic generation of the datatype-Parameter.  Thanks @janosch6!
+
+### Fixes
+
+- [#11504](https://github.com/gradio-app/gradio/pull/11504) [`1bb635d`](https://github.com/gradio-app/gradio/commit/1bb635d7721232dd715478a1c52620771dca1a20) - Fix fonts in SSR mode.  Thanks @dawoodkhan82!
+- [#11496](https://github.com/gradio-app/gradio/pull/11496) [`ee0da48`](https://github.com/gradio-app/gradio/commit/ee0da481446da5ffd79151a457cd3847db645bfb) - Prevent deletion of values in static columns.  Thanks @hannahblair!
+
+## 5.36.2
+
+### Features
+
+- [#11542](https://github.com/gradio-app/gradio/pull/11542) [`bfe0104`](https://github.com/gradio-app/gradio/commit/bfe0104a278e0fe719cd1bcc8535ab5f4b6da0d4) - set python version.  Thanks @abidlabs!
+- [#11548](https://github.com/gradio-app/gradio/pull/11548) [`b961410`](https://github.com/gradio-app/gradio/commit/b9614106136b8a3a82bb425820ce348a6f586859) - test.  Thanks @abidlabs!
+- [#11544](https://github.com/gradio-app/gradio/pull/11544) [`abc42a3`](https://github.com/gradio-app/gradio/commit/abc42a36a7ca91b1266b4814a03ac8d7586d0935) - testing.  Thanks @abidlabs!
+- [#11549](https://github.com/gradio-app/gradio/pull/11549) [`5d0522c`](https://github.com/gradio-app/gradio/commit/5d0522c566d35d5eeee209108684af734cd097df) - Cc2.  Thanks @abidlabs!
+
+## 5.36.1
+
+### Features
+
+- [#11539](https://github.com/gradio-app/gradio/pull/11539) [`6b6d95b`](https://github.com/gradio-app/gradio/commit/6b6d95b6409f9136233ba1d4f55a1cab9e040070) - Update @huggingface/space-header to 1.0.4.  Thanks @aayush4vedi!
+
+## 5.36.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+- [#11157](https://github.com/gradio-app/gradio/pull/11157) [`c207de9`](https://github.com/gradio-app/gradio/commit/c207de96f8ae2ce6c74026ff696c7fa4cf3a87c7) - Build the Gradio wheel for Lite before packaging.  Thanks @whitphx!
+- [#11511](https://github.com/gradio-app/gradio/pull/11511) [`1a99336`](https://github.com/gradio-app/gradio/commit/1a99336043076e7b0a4c4b07f97082f0361882f4) - Fix SSR.  Thanks @pngwn!
+
+### Fixes
+
+- [#11430](https://github.com/gradio-app/gradio/pull/11430) [`4d4cd4b`](https://github.com/gradio-app/gradio/commit/4d4cd4b08d6daafc66e0189a2b274916da00d480) - fix exports + add browser build.  Thanks @pngwn!
+- [#11435](https://github.com/gradio-app/gradio/pull/11435) [`50d43a8`](https://github.com/gradio-app/gradio/commit/50d43a8e8bc2a4862668a5d46a5e6482b4f75fe3) - SSR Auth Fix.  Thanks @dawoodkhan82!
+- [#11528](https://github.com/gradio-app/gradio/pull/11528) [`2948687`](https://github.com/gradio-app/gradio/commit/294868733862c392c46c1d17e71f47fa30bb3461) - only compress text resources with brotli.  Thanks @pngwn!
+- [#11537](https://github.com/gradio-app/gradio/pull/11537) [`8eb253b`](https://github.com/gradio-app/gradio/commit/8eb253be32a01c0c67911d7a7a3762c52a76a87b) - fix html attribute spreading bug and pin `httpx`.  Thanks @abidlabs!
+- [#11436](https://github.com/gradio-app/gradio/pull/11436) [`f49b8da`](https://github.com/gradio-app/gradio/commit/f49b8da1c062dbd81acb8e7fdcdc9a09a272d02f) - Multi-Line DataFrame Editing.  Thanks @deckar01!
+- [#11466](https://github.com/gradio-app/gradio/pull/11466) [`2c969c9`](https://github.com/gradio-app/gradio/commit/2c969c9bf78aad9ab5124e0387ab74d6028b48b2) - Fix schema modification bug in MCP.  Thanks @freddyaboulton!
+- [#11506](https://github.com/gradio-app/gradio/pull/11506) [`c439380`](https://github.com/gradio-app/gradio/commit/c439380d9f6ea7a9e15a486d8c1acc80708583a1) - Fix Delete Diff Keys.  Thanks @deckar01!
+- [#11477](https://github.com/gradio-app/gradio/pull/11477) [`b97c817`](https://github.com/gradio-app/gradio/commit/b97c817f87c2ef6de3541df5a8e7e098a5e7b719) - Improve logic for sanitizing MCP tool names.  Thanks @abidlabs!
+
+## 5.35.0
+
+### Features
+
+- [#11429](https://github.com/gradio-app/gradio/pull/11429) [`1a718e7`](https://github.com/gradio-app/gradio/commit/1a718e72f0aef043f4ee4a6cfd2af4f68902ce63) - Add placeholder support to number component.  Thanks @seb-goodman!
+- [#11447](https://github.com/gradio-app/gradio/pull/11447) [`58631ef`](https://github.com/gradio-app/gradio/commit/58631efdf3e2ff805ce625b7ef63e651f01af03e) - Revert .only marker in e2e tests.  Thanks @freddyaboulton!
+- [#11392](https://github.com/gradio-app/gradio/pull/11392) [`dc760a6`](https://github.com/gradio-app/gradio/commit/dc760a6dd7d3375f99913059803a826cdf0f7102) - Add column-specific filtering to `gr.Dataframe`.  Thanks @tiago-gsantos!
+- [#11442](https://github.com/gradio-app/gradio/pull/11442) [`f114f7f`](https://github.com/gradio-app/gradio/commit/f114f7f56b50b0176526a13ad3fcf2a81c077491) - Downsample heavy line plots.  Thanks @aliabid94!
+
+### Fixes
+
+- [#11426](https://github.com/gradio-app/gradio/pull/11426) [`fa4018a`](https://github.com/gradio-app/gradio/commit/fa4018a99ee815e33bc228bfb0183dd820246eb1) - Remove gap parametger from gr.Column.  Thanks @deckar01!
+- [#11041](https://github.com/gradio-app/gradio/pull/11041) [`474aa30`](https://github.com/gradio-app/gradio/commit/474aa30979c14793e00852ad2f4ef6c12a41b900) - Attach cookies to client after first request (to support multiple-replica setups with cookie-based affinity).  Thanks @abidlabs!
+- [#11433](https://github.com/gradio-app/gradio/pull/11433) [`a37f9b8`](https://github.com/gradio-app/gradio/commit/a37f9b895a21771f6491f56ab07f9c01b9885fe3) - Fix potential DoS vulnerability.  Thanks @rllj!
+- [#11432](https://github.com/gradio-app/gradio/pull/11432) [`dd1eee5`](https://github.com/gradio-app/gradio/commit/dd1eee5f9cd3d70773912fd6444d093bdcea321a) - Fix bug where cancelling an event would close the event stream.  Thanks @freddyaboulton!
+- [#11456](https://github.com/gradio-app/gradio/pull/11456) [`4de7169`](https://github.com/gradio-app/gradio/commit/4de716919873336939a212be96c2f359cd565a68) - Fix Lite + Playground.  Thanks @freddyaboulton!
+- [#11407](https://github.com/gradio-app/gradio/pull/11407) [`f3f9590`](https://github.com/gradio-app/gradio/commit/f3f9590d539b9e6fe3937a1bdc48006ee174fb8f) - Fix Styled DataFrame Sorting.  Thanks @deckar01!
+- [#11421](https://github.com/gradio-app/gradio/pull/11421) [`c2acf6e`](https://github.com/gradio-app/gradio/commit/c2acf6e33025fe7bbfe0660c182006651cc95090) - Preserve value in reload mode.  Thanks @aliabid94!
+- [#11439](https://github.com/gradio-app/gradio/pull/11439) [`4a208fd`](https://github.com/gradio-app/gradio/commit/4a208fd38d0fef87b81a4f5f28615dd9db3af056) - Fix hot reload bug where indirectly referenced modules are not loaded.  Thanks @freddyaboulton!
+- [#11396](https://github.com/gradio-app/gradio/pull/11396) [`eaf3b93`](https://github.com/gradio-app/gradio/commit/eaf3b936c29305067b9effedceb6e14b1b15f7cd) - Ensure Sync generators get closed if they are cancelled.  Thanks @freddyaboulton!
+
+## 5.34.2
+
+### Features
+
+- [#11418](https://github.com/gradio-app/gradio/pull/11418) [`e398c51`](https://github.com/gradio-app/gradio/commit/e398c51e610713d7dc1ed0a1ee43d7d313b8ca6a) - Full screen plots take full height.  Thanks @aliabid94!
+
+## 5.34.1
+
+### Fixes
+
+- [#11408](https://github.com/gradio-app/gradio/pull/11408) [`9082647`](https://github.com/gradio-app/gradio/commit/9082647e48e94d104d3fe1b9325f993d3b0cc0bb) - Make the method for getting the `asyncio` event loop more robust.  Thanks @abidlabs!
+- [#11400](https://github.com/gradio-app/gradio/pull/11400) [`8bb7776`](https://github.com/gradio-app/gradio/commit/8bb7776c88b1f2b08940247ae0adee24cc73f460) - Resolve issues around example caching with `gr.Progress`.  Thanks @abidlabs!
+- [#11399](https://github.com/gradio-app/gradio/pull/11399) [`4757302`](https://github.com/gradio-app/gradio/commit/4757302c9d4164f483a881ad993941b844cc1f25) - Miscellaneous fixes around docstrings & documentation.  Thanks @abidlabs!
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+- [#11397](https://github.com/gradio-app/gradio/pull/11397) [`5a7790d`](https://github.com/gradio-app/gradio/commit/5a7790d473c762e873d986d4953c6fc2f2b749f9) - Add detect audio format from bytes.  Thanks @yahiro-code!
+
+## 5.34.0
+
+### Features
+
+- [#11393](https://github.com/gradio-app/gradio/pull/11393) [`43ece52`](https://github.com/gradio-app/gradio/commit/43ece52e847bb7cb9333e7262372ba342e41971f) - Be able to specify repo-id in gradio cc publish.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#11386](https://github.com/gradio-app/gradio/pull/11386) [`92aa905`](https://github.com/gradio-app/gradio/commit/92aa9058e101a6f4ddf72495a87ae392802d9f2d) - Hide pending message indicator ("...") from `gr.Chatbot` if `show_progress="hidden"`.  Thanks @abidlabs!
+- [#11378](https://github.com/gradio-app/gradio/pull/11378) [`3ec4a7c`](https://github.com/gradio-app/gradio/commit/3ec4a7c376b5eee9e2d5a0b858c374b417f8c61a) - Add Model3D support in Chatbot.  Thanks @dawoodkhan82!
+- [#11349](https://github.com/gradio-app/gradio/pull/11349) [`bed858b`](https://github.com/gradio-app/gradio/commit/bed858b62b9887e606618bea5fe8a2f212b4a645) - Fix DataFrame Scroll Divergence.  Thanks @deckar01!
+- [#11381](https://github.com/gradio-app/gradio/pull/11381) [`0e6fae0`](https://github.com/gradio-app/gradio/commit/0e6fae015069b6b4c44523642abfbbfced394ab2) - Fix transparent bg issue in gr.ImageSlider.  Thanks @hannahblair!
+- [#11346](https://github.com/gradio-app/gradio/pull/11346) [`3a9a002`](https://github.com/gradio-app/gradio/commit/3a9a0025efd49942303517c5dbd426d41241b7f6) - Hide native Dataframe to screen readers.  Thanks @hannahblair!
+- [#11382](https://github.com/gradio-app/gradio/pull/11382) [`5ff539e`](https://github.com/gradio-app/gradio/commit/5ff539e4764fba0e0a100accfcc3d4fa43e470a0) - Fix cached examples in `@gr.render`.  Thanks @abidlabs!
+
+## 5.33.2
+
+### Features
+
+- [#11372](https://github.com/gradio-app/gradio/pull/11372) [`7282c9e`](https://github.com/gradio-app/gradio/commit/7282c9eb1ed0ce8608f9a1157f3243e8c1b0f597) - Plot re-render fixes.  Thanks @aliabid94!
+- [#11380](https://github.com/gradio-app/gradio/pull/11380) [`0b2b6cb`](https://github.com/gradio-app/gradio/commit/0b2b6cbd44562a2f5843af872fe6761c5f255185) - Truncate textbox examples to 70 chars.  Thanks @hannahblair!
+- [#11369](https://github.com/gradio-app/gradio/pull/11369) [`6aed692`](https://github.com/gradio-app/gradio/commit/6aed692d94541c0233648833cc87b2f217421d43) - Tiny typo when running gradio in colab.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11363](https://github.com/gradio-app/gradio/pull/11363) [`5e3ec9c`](https://github.com/gradio-app/gradio/commit/5e3ec9cf2c221fcd0d84f07d5757b63940cc1238) - Redesign the `gr.Datetime` component and ensure it works within an iframe (e.g. on Spaces).  Thanks @abidlabs!
+- [#11368](https://github.com/gradio-app/gradio/pull/11368) [`3f53679`](https://github.com/gradio-app/gradio/commit/3f5367986e90c57465bdbb809b318da6aed5400d) - Fixes chatbot unsupported components.  Thanks @dawoodkhan82!
+- [#11364](https://github.com/gradio-app/gradio/pull/11364) [`467de5d`](https://github.com/gradio-app/gradio/commit/467de5d865f8b841cb0d065031d5458f52ee2d29) - Call load events on @gr.render.  Thanks @freddyaboulton!
+- [#11362](https://github.com/gradio-app/gradio/pull/11362) [`1b88339`](https://github.com/gradio-app/gradio/commit/1b883395eb3feceed60ec79fcf19285269e2b171) - Fix Gallery thumbnail overflow.  Thanks @freddyaboulton!
+- [#11379](https://github.com/gradio-app/gradio/pull/11379) [`546008c`](https://github.com/gradio-app/gradio/commit/546008c9c3e460e736da3feae0027b2b7b583e1e) - Fixes hardcoded HTTP protocol in dev reload.  Thanks @mtojek!
+
+## 5.33.1
+
+### Features
+
+- [#11360](https://github.com/gradio-app/gradio/pull/11360) [`1eb4e2e`](https://github.com/gradio-app/gradio/commit/1eb4e2ec9decfb448379b6224e790b8d36690699) - Inject the `Request` information in MCP tool calls.  Thanks @abidlabs!
+- [#11237](https://github.com/gradio-app/gradio/pull/11237) [`a6f6b40`](https://github.com/gradio-app/gradio/commit/a6f6b40dda5194fa5bc9926ef67f2a75f503e9a4) - Enhance boolean cell types in `gr.Dataframe`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#11350](https://github.com/gradio-app/gradio/pull/11350) [`9af8fc1`](https://github.com/gradio-app/gradio/commit/9af8fc1583c69f5f10ecfcd1c95f365525a99c83) - Be Able to launch MCP server when mounting in FastAPI app.  Thanks @freddyaboulton!
+- [#11344](https://github.com/gradio-app/gradio/pull/11344) [`b961441`](https://github.com/gradio-app/gradio/commit/b961441780d70c82504141bd4deae7b3290c2227) - Fixes default tab label.  Thanks @dawoodkhan82!
+- [#11348](https://github.com/gradio-app/gradio/pull/11348) [`250ae7a`](https://github.com/gradio-app/gradio/commit/250ae7a0088b2a42c89f40cc8f51cca2d72a63dd) - fix(mcp): package SVG outputs as proper ImageContent for MCP clients.  Thanks @DavidLMS!
+- [#11325](https://github.com/gradio-app/gradio/pull/11325) [`2b571e1`](https://github.com/gradio-app/gradio/commit/2b571e13afdc8031ce9c1291abf0fc7062340064) - Fix image streaming - wait for ws to open.  Thanks @freddyaboulton!
+- [#11347](https://github.com/gradio-app/gradio/pull/11347) [`fdce3a0`](https://github.com/gradio-app/gradio/commit/fdce3a094fe1278ae83fe2f8b134b4c268506cfe) - Fix `gr.api()` to support more types, including optional params.  Thanks @abidlabs!
+- [#11338](https://github.com/gradio-app/gradio/pull/11338) [`b31c3ed`](https://github.com/gradio-app/gradio/commit/b31c3edef97373b96f188072d5bb16db9d690261) - Fix Reload Mode when using gr.render.  Thanks @freddyaboulton!
+
+## 5.33.0
+
+### Features
+
+- [#11306](https://github.com/gradio-app/gradio/pull/11306) [`6cd608d`](https://github.com/gradio-app/gradio/commit/6cd608d8f9b1a142c58f0d2db861845ec267f705) - Improvements for plots and event listeners in re-renders.  Thanks @aliabid94!
+- [#11287](https://github.com/gradio-app/gradio/pull/11287) [`7b06b61`](https://github.com/gradio-app/gradio/commit/7b06b61efe84c9a6647378e71f421b20923a02b4) - Preload the first example for `gr.Interface` when examples are cached.  Thanks @abidlabs!
+- [#11328](https://github.com/gradio-app/gradio/pull/11328) [`ff39d56`](https://github.com/gradio-app/gradio/commit/ff39d568dc9a8a44807126c7366ac8f7dc63df12) - Update mcp schema to include return type information from function.  Thanks @abidlabs!
+- [#11320](https://github.com/gradio-app/gradio/pull/11320) [`d6649e5`](https://github.com/gradio-app/gradio/commit/d6649e541d96ce94cd20bc8d7655c4c380c9cdb2) - Fix doc title for JS Chatbot.  Thanks @aymeric-roucher!
+
+### Fixes
+
+- [#11327](https://github.com/gradio-app/gradio/pull/11327) [`5770fd0`](https://github.com/gradio-app/gradio/commit/5770fd0ad42a1ba8bb87a5c0f92bbf4dcf3e5a38) - Suppress error in create_or_modify_pyi.  Thanks @freddyaboulton!
+- [#11318](https://github.com/gradio-app/gradio/pull/11318) [`3e40af3`](https://github.com/gradio-app/gradio/commit/3e40af3df4669ce400db4c9308d0e20f0d7ddf96) - Fix textbox autoscroll in tabs.  Thanks @dawoodkhan82!
+- [#11326](https://github.com/gradio-app/gradio/pull/11326) [`477730e`](https://github.com/gradio-app/gradio/commit/477730ef51697a355a09020b235f6cc4a6fbb9dc) - Fix streaming chatbot diff logic.  Thanks @freddyaboulton!
+
+## 5.32.1
+
+### Fixes
+
+- [#11304](https://github.com/gradio-app/gradio/pull/11304) [`bdbc210`](https://github.com/gradio-app/gradio/commit/bdbc210dbf09555b3bd8f647c6f19621771b5771) - Fix custom components build and dev mode with certain base components (Image and Audio at least).  Thanks @pngwn!
+- [#11307](https://github.com/gradio-app/gradio/pull/11307) [`bc299f1`](https://github.com/gradio-app/gradio/commit/bc299f12e54f765c2194da2c46a8d4520c44fbb3) - Show scroll to bottom button whenever user scrolls up in chatbot.  Thanks @dawoodkhan82!
+- [#11282](https://github.com/gradio-app/gradio/pull/11282) [`9a6a6f5`](https://github.com/gradio-app/gradio/commit/9a6a6f524e8e9784144d45ea7b6327a1a7b3593c) - Fix DataFrame Group Flicker.  Thanks @deckar01!
+
+## 5.32.0
+
+### Features
+
+- [#11283](https://github.com/gradio-app/gradio/pull/11283) [`6ec91bf`](https://github.com/gradio-app/gradio/commit/6ec91bf3a224758d79dc3413e51ecb90d4302a50) - Add `_` between space name and tool name for mcp.  Thanks @abidlabs!
+- [#11289](https://github.com/gradio-app/gradio/pull/11289) [`1b6bd1e`](https://github.com/gradio-app/gradio/commit/1b6bd1ee5a96541e88b5834784b9acd6bd344187) - Include default values in MCP docs.  Thanks @abidlabs!
+- [#11300](https://github.com/gradio-app/gradio/pull/11300) [`6780f69`](https://github.com/gradio-app/gradio/commit/6780f69ded0067ac96f9cc73fddce9323b649bee) - Streamable HTTP Transport for MCP server.  Thanks @freddyaboulton!
+- [#11247](https://github.com/gradio-app/gradio/pull/11247) [`0a26311`](https://github.com/gradio-app/gradio/commit/0a2631127d970a19e7969401345bba124e68dcb4) - Use the function name as the tool name in the Gradio MCP server.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11286](https://github.com/gradio-app/gradio/pull/11286) [`5bfc57e`](https://github.com/gradio-app/gradio/commit/5bfc57e3748e3d39050dd13e063705f8c8000c49) - Fix parameter names in ChatInterface view api page.  Thanks @freddyaboulton!
+- [#11270](https://github.com/gradio-app/gradio/pull/11270) [`636be09`](https://github.com/gradio-app/gradio/commit/636be09928448dd6d4ef29013dbf698f22787d3d) - A few frontend / UI fixes to `gr.Sidebar`.  Thanks @abidlabs!
+- [#11279](https://github.com/gradio-app/gradio/pull/11279) [`8ae434c`](https://github.com/gradio-app/gradio/commit/8ae434c58906fda5fe20a6b08a12b6007a47af09) - Ensure error text overflows as expected.  Thanks @hannahblair!
+- [#11272](https://github.com/gradio-app/gradio/pull/11272) [`8177b01`](https://github.com/gradio-app/gradio/commit/8177b014e5539aa1011a74856d065dbb17fa0326) - Fix bug where streaming one chunk of audio or video would not play.  Thanks @freddyaboulton!
+- [#11215](https://github.com/gradio-app/gradio/pull/11215) [`2186ae3`](https://github.com/gradio-app/gradio/commit/2186ae3f4d6f8ac83883c359aed88a5b72746b5d) - Allow httpx_kwargs to contain cookies.  Thanks @santibreo!
+- [#11271](https://github.com/gradio-app/gradio/pull/11271) [`ab25fb9`](https://github.com/gradio-app/gradio/commit/ab25fb9adb4e0401a060cdd07c0985483075123c) - Ensure i18n setup is complete when rendering.  Thanks @hannahblair!
+- [#11262](https://github.com/gradio-app/gradio/pull/11262) [`56d82d7`](https://github.com/gradio-app/gradio/commit/56d82d72ea71c218002f70063288aeb56a885727) - Add missing `blur` event to `gr.Number`.  Thanks @ExcellentAmericanEagle!
+- [#11243](https://github.com/gradio-app/gradio/pull/11243) [`35afa21`](https://github.com/gradio-app/gradio/commit/35afa21f0d6647e4fbda711f3f22a2fd54eedaf9) - Only show parameters warning when valid `endpoint_info` exists.  Thanks @hannahblair!
+- [#11285](https://github.com/gradio-app/gradio/pull/11285) [`c16dff0`](https://github.com/gradio-app/gradio/commit/c16dff0489983648c6aafe82b971b4a9b903961f) - Allow `gr.Progress` to take fractional steps and fractional total # of steps.  Thanks @abidlabs!
+- [#11278](https://github.com/gradio-app/gradio/pull/11278) [`ac2bcea`](https://github.com/gradio-app/gradio/commit/ac2bcea619806ff99a44d98c15ca5c5969cdd54d) - Add gap around slider input in mobile.  Thanks @hannahblair!
+- [#11273](https://github.com/gradio-app/gradio/pull/11273) [`f54f81b`](https://github.com/gradio-app/gradio/commit/f54f81bda84c1337fdd453e3fe837d0159e384ea) - Fix bug where only the first chunk of a video stream played audio.  Thanks @freddyaboulton!
+
+## 5.31.0
+
+### Features
+
+- [#11229](https://github.com/gradio-app/gradio/pull/11229) [`231ccfe`](https://github.com/gradio-app/gradio/commit/231ccfeed0a9f3971489e571cceaf8bea28fdd54) - Chatbot autoscroll fix.  Thanks @dawoodkhan82!
+- [#11224](https://github.com/gradio-app/gradio/pull/11224) [`834e92c`](https://github.com/gradio-app/gradio/commit/834e92c187f200665c78c344f0b38f5adede807b) - Fix re-rendering with key when setting a value to None.  Thanks @aliabid94!
+- [#10832](https://github.com/gradio-app/gradio/pull/10832) [`d457438`](https://github.com/gradio-app/gradio/commit/d4574381bdd12709183c3affe740fada82b8baea) - Screen recording.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#11236](https://github.com/gradio-app/gradio/pull/11236) [`3a7750c`](https://github.com/gradio-app/gradio/commit/3a7750cb8e0f5f860c72db9ab02f7ce4d324d6c5) - Add padding param to gr.Markdown.  Thanks @hannahblair!
+- [#11238](https://github.com/gradio-app/gradio/pull/11238) [`13c8510`](https://github.com/gradio-app/gradio/commit/13c85108ec44408c614a353656d12221f0317150) - Fix DeepLink Query Parameters.  Thanks @freddyaboulton!
+- [#11228](https://github.com/gradio-app/gradio/pull/11228) [`0b7f753`](https://github.com/gradio-app/gradio/commit/0b7f753a8e400795b5e03fd3faf2a6d1f4426f05) - Improve slider alignment.  Thanks @hannahblair!
+- [#11227](https://github.com/gradio-app/gradio/pull/11227) [`4099700`](https://github.com/gradio-app/gradio/commit/40997002090b0ad7cd1037872523dcdd9bf45bc3) - Check file validity even if preprocess=False.  Thanks @freddyaboulton!
+- [#11230](https://github.com/gradio-app/gradio/pull/11230) [`62a8d97`](https://github.com/gradio-app/gradio/commit/62a8d97fe8a92886f22af11b5fdef14bace69ea8) - Fix Model3D `camera_position` param.  Thanks @dawoodkhan82!
+- [#11231](https://github.com/gradio-app/gradio/pull/11231) [`78a3854`](https://github.com/gradio-app/gradio/commit/78a38543d843a7afac360f9022318c4defa1682f) - Fix MCP server mounted path.  Thanks @abidlabs!
+- [#11244](https://github.com/gradio-app/gradio/pull/11244) [`ed97e39`](https://github.com/gradio-app/gradio/commit/ed97e390f1790b77192368a77cd2d10c90a232c5) - Ensure `show_indices` works as expected in gr.JSON.  Thanks @hannahblair!
+- [#11232](https://github.com/gradio-app/gradio/pull/11232) [`8ea7ce7`](https://github.com/gradio-app/gradio/commit/8ea7ce7312a743590c053bcece950ab001bbd8e5) - Provide a workaround for the MCP integration for endpoints that have `gr.State` components.  Thanks @abidlabs!
+- [#11246](https://github.com/gradio-app/gradio/pull/11246) [`bfb9bcf`](https://github.com/gradio-app/gradio/commit/bfb9bcf956c61c69e5809eb96d2bab2b3e9d9dcb) - Remove Deep Link events from API page.  Thanks @freddyaboulton!
+
+## 5.30.0
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+- [#11155](https://github.com/gradio-app/gradio/pull/11155) [`30a1d9e`](https://github.com/gradio-app/gradio/commit/30a1d9e2ac3013d9c844b236410010bce97ffaf5) - Improvements to MCP page.  Thanks @abidlabs!
+- [#11192](https://github.com/gradio-app/gradio/pull/11192) [`a03736f`](https://github.com/gradio-app/gradio/commit/a03736f97c642b338aa701166d3a0b299a46d27a) - Add undo and redo to the `ImageEditor` component.  Thanks @pngwn!
+- [#11047](https://github.com/gradio-app/gradio/pull/11047) [`6d4b8a7`](https://github.com/gradio-app/gradio/commit/6d4b8a7f10daefc9c79aa224635da23fbaeebb76) - Implement custom i18n.  Thanks @hannahblair!
+
+### Fixes
+
+- [#11221](https://github.com/gradio-app/gradio/pull/11221) [`5f3e84d`](https://github.com/gradio-app/gradio/commit/5f3e84d870572b2851a5243be341d7aab4e166c1) - Ensure Clear sort works as expected.  Thanks @hannahblair!
+- [#11117](https://github.com/gradio-app/gradio/pull/11117) [`9b976b7`](https://github.com/gradio-app/gradio/commit/9b976b750a61368f369bcefaacda6d4fb0975c5f) - Raise UI error if video not playable in the browser.  Thanks @freddyaboulton!
+- [#11222](https://github.com/gradio-app/gradio/pull/11222) [`b2a93e1`](https://github.com/gradio-app/gradio/commit/b2a93e111d825bbf08883d12442ad66e2df19e84) - Add xethub bridge to host whitelist.  Thanks @abidlabs!
+- [#11202](https://github.com/gradio-app/gradio/pull/11202) [`53688a2`](https://github.com/gradio-app/gradio/commit/53688a257cad85cf9df2c7a371bf80df20d51b17) - Fix Deep Link Issue.  Thanks @freddyaboulton!
+- [#11206](https://github.com/gradio-app/gradio/pull/11206) [`c196ac2`](https://github.com/gradio-app/gradio/commit/c196ac25b7744e9dcfa788b1ac8edf6551eec1ff) - Render key fixes.  Thanks @aliabid94!
+- [#11218](https://github.com/gradio-app/gradio/pull/11218) [`2f1c9d5`](https://github.com/gradio-app/gradio/commit/2f1c9d5e1bee3daf496eb57cc84f6f13309e0b86) - for Interface, have DeepLink disabled by default and then enable it after first submission.  Thanks @freddyaboulton!
+
+## 5.29.1
+
+### Features
+
+- [#11185](https://github.com/gradio-app/gradio/pull/11185) [`e64b83b`](https://github.com/gradio-app/gradio/commit/e64b83bf42a813d9269e519189523f8390a72ec4) - Evaluate index variable in argument description.  Thanks @emmanuel-ferdman!
+- [#11173](https://github.com/gradio-app/gradio/pull/11173) [`d023b2e`](https://github.com/gradio-app/gradio/commit/d023b2e2ffdf872f531e22b0310bc7855a756c7d) - Adds docs for `gr.api()` which were previously missing from the website.  Thanks @abidlabs!
+- [#11159](https://github.com/gradio-app/gradio/pull/11159) [`cb9f21b`](https://github.com/gradio-app/gradio/commit/cb9f21be28d2077e61af7d58d9f66b90f2e5c07a) - chore: Support Path type for the favicon.  Thanks @wdroz!
+- [#11183](https://github.com/gradio-app/gradio/pull/11183) [`ab0fbb3`](https://github.com/gradio-app/gradio/commit/ab0fbb32cdee752673313b5536c04eecadc1071e) - Plot brushing prevents chart refresh.  Thanks @aliabid94!
+- [#11156](https://github.com/gradio-app/gradio/pull/11156) [`a1d436f`](https://github.com/gradio-app/gradio/commit/a1d436f7e62ea7d973ef176b4801ca6eb1be65a4) - Lazy import pandas in native_plot.py.  Thanks @whitphx!
+- [#11129](https://github.com/gradio-app/gradio/pull/11129) [`d5ddd85`](https://github.com/gradio-app/gradio/commit/d5ddd85d4d5088cce154b1cd50a4a2db179ac227) - Ocean theme quickfix.  Thanks @aliabid94!
+
+### Fixes
+
+- [#11174](https://github.com/gradio-app/gradio/pull/11174) [`f11a26a`](https://github.com/gradio-app/gradio/commit/f11a26a31e8586eecb026e0b32a30f061462aa67) - Remove warning from gr.File about specifying file_types when file_count is directory.  Thanks @freddyaboulton!
+- [#11189](https://github.com/gradio-app/gradio/pull/11189) [`88f06c7`](https://github.com/gradio-app/gradio/commit/88f06c7b8126a67edefd3116c764148d0f39c6c7) - Ensure that tabs with `visible=False` don't show up in the overflow menu.  Thanks @abidlabs!
+- [#11181](https://github.com/gradio-app/gradio/pull/11181) [`ee7f17e`](https://github.com/gradio-app/gradio/commit/ee7f17e25642bc4b86f2272b3b5cfcf77c08adf1) - Fix the `.select()` event in `gr.Dataset` in table layout.  Thanks @abidlabs!
+- [#11180](https://github.com/gradio-app/gradio/pull/11180) [`0595238`](https://github.com/gradio-app/gradio/commit/05952383bdc079814c560ebe7af3cd04e1474bed) - Refactor `gr.State`, `gr.BrowserState`, and `gr.Timer` to inherit from `FormComponent`.  Thanks @abidlabs!
+- [#11195](https://github.com/gradio-app/gradio/pull/11195) [`0571f83`](https://github.com/gradio-app/gradio/commit/0571f83f47ad3ab657ed99324d015174eea27d92) - Fix bug where returning components in a dictionary would not work in reload mode.  Thanks @freddyaboulton!
+- [#11179](https://github.com/gradio-app/gradio/pull/11179) [`caf46c7`](https://github.com/gradio-app/gradio/commit/caf46c7db930c07a776882615632fafe81db8cd1) - Fix `.unrender()`.  Thanks @abidlabs!
+- [#11147](https://github.com/gradio-app/gradio/pull/11147) [`bc0d0e0`](https://github.com/gradio-app/gradio/commit/bc0d0e0ec53abb52ad81036646fa573080f9d763) - Fix "delete" diff instruction in JS client.  Thanks @freddyaboulton!
+- [#11186](https://github.com/gradio-app/gradio/pull/11186) [`470a41f`](https://github.com/gradio-app/gradio/commit/470a41ffaaad1ca5d213c4e4098a742d333d5740) - #11056 Avoid unchecked pop from `blob_storage` cache in `ImageEditor::preprocess`.  Thanks @doraeneko!
+- [#11171](https://github.com/gradio-app/gradio/pull/11171) [`85cfa82`](https://github.com/gradio-app/gradio/commit/85cfa826c4b65b3aa62397464e0a30aae2cdbeb1) - Fixes `save_history` not working when passing gradio component.  Thanks @dawoodkhan82!
+- [#11184](https://github.com/gradio-app/gradio/pull/11184) [`f1a1c50`](https://github.com/gradio-app/gradio/commit/f1a1c5049ec1a5fcd3353b090a138fa63137790f) - Add Example component for JSON.  Thanks @freddyaboulton!
+- [#11196](https://github.com/gradio-app/gradio/pull/11196) [`1bc680d`](https://github.com/gradio-app/gradio/commit/1bc680d2fffaf70687b0e7eb723d0454e9da826b) - Fix 500 error in /file= route.  Thanks @freddyaboulton!
+- [#11151](https://github.com/gradio-app/gradio/pull/11151) [`0497068`](https://github.com/gradio-app/gradio/commit/049706886917af3d5dca288695dc418fc24640a3) - Fix builtin functions for gr.State value.  Thanks @freddyaboulton!
+- [#11158](https://github.com/gradio-app/gradio/pull/11158) [`56ab579`](https://github.com/gradio-app/gradio/commit/56ab5799fab715e36fb540c580fd03ed0113a26c) - gr.Chatbot: Style fixes to remove multiple scrollbars.  Thanks @aymeric-roucher!
+- [#11172](https://github.com/gradio-app/gradio/pull/11172) [`b618571`](https://github.com/gradio-app/gradio/commit/b618571ed17a8cece4bf9f1f55ed2e8bf7b59c46) - Fix python client SSE decoding issue.  Thanks @freddyaboulton!
+
+## 5.29.0
+
+### Features
+
+- [#11103](https://github.com/gradio-app/gradio/pull/11103) [`098fb29`](https://github.com/gradio-app/gradio/commit/098fb29d384ddf2c8a09efd9746bc788d74e2a17) - Add `openapi.json` route for Gradio apps as well as docs on the "view API" page.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11102](https://github.com/gradio-app/gradio/pull/11102) [`8cd4e53`](https://github.com/gradio-app/gradio/commit/8cd4e53a839d86ac69ea2d2eabfcb73e9ff4926c) - Fix file upload progress.  Thanks @freddyaboulton!
+- [#11098](https://github.com/gradio-app/gradio/pull/11098) [`49ad594`](https://github.com/gradio-app/gradio/commit/49ad5943eeab96b153f0b56fe8d42d755fe1e0f8) - Fix #10281: Dragging image replaces existing instead of opening new tab.  Thanks @Martim-Rito!
+- [#11113](https://github.com/gradio-app/gradio/pull/11113) [`c32f8de`](https://github.com/gradio-app/gradio/commit/c32f8de99a6ab3a82da2f8d5f9f3176a04129f77) - Fix markdown change event.  Thanks @freddyaboulton!
+- [#11115](https://github.com/gradio-app/gradio/pull/11115) [`49e7a0d`](https://github.com/gradio-app/gradio/commit/49e7a0dd18174196b262d32e6c59d93ca40b1c73) - update STDIO instructions to specify sse-only transport.  Thanks @evalstate!
+- [#11111](https://github.com/gradio-app/gradio/pull/11111) [`15d6297`](https://github.com/gradio-app/gradio/commit/15d6297261bfca97a2df30b9df358c7751386958) - Fix gradio cc environment.  Thanks @freddyaboulton!
+- [#11112](https://github.com/gradio-app/gradio/pull/11112) [`0e5a75e`](https://github.com/gradio-app/gradio/commit/0e5a75e263dfd0557431e33771dd8cd49196b28e) - Fix passing datetime.datetime instance to gr.Datetime.  Thanks @freddyaboulton!
+- [#11119](https://github.com/gradio-app/gradio/pull/11119) [`bb2c744`](https://github.com/gradio-app/gradio/commit/bb2c7443c25b12241ab218195251520e953f7e32) - Replace invalid characters in MCP tool name.  Thanks @abidlabs!
+
+## 5.28.0
+
+### Features
+
+- [#10984](https://github.com/gradio-app/gradio/pull/10984) [`8dab577`](https://github.com/gradio-app/gradio/commit/8dab5771c7d952c76f325681dbf364119c91b0b1) - Let Gradio apps also be MCP Servers.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11097](https://github.com/gradio-app/gradio/pull/11097) [`bb5a3c5`](https://github.com/gradio-app/gradio/commit/bb5a3c5b6b4459fb4d491bcc5a625e7fee7e502c) - Fix #10320: Chatbot - Ensure all messages in a group are editable.  Thanks @eduardopalricas33!
+
+## 5.27.1
+
+### Fixes
+
+- [#11093](https://github.com/gradio-app/gradio/pull/11093) [`cb322df`](https://github.com/gradio-app/gradio/commit/cb322df1f4df858590e760a82f6410f3b6db899b) - Update client.py to always send file data, even for files without extensions.  Thanks @edmcman!
+- [#11091](https://github.com/gradio-app/gradio/pull/11091) [`e3d80e3`](https://github.com/gradio-app/gradio/commit/e3d80e3c5c305ce84771ec78e5e25c705d4eff44) - Fix scaling issue when setting height in Image component.  Thanks @freddyaboulton!
+- [#11088](https://github.com/gradio-app/gradio/pull/11088) [`a5105cc`](https://github.com/gradio-app/gradio/commit/a5105cccd6ca0682bd206608a080e24d69dad136) - fix: ensure all translation files work as expected.  Thanks @Col0ring!
+
+## 5.27.0
+
+### Features
+
+- [#11027](https://github.com/gradio-app/gradio/pull/11027) [`eff532b`](https://github.com/gradio-app/gradio/commit/eff532b913a3c8f06f10a4f9471d3177e3744053) - Add new `ImageSlider` component.  Thanks @pngwn!
+
+### Fixes
+
+- [#11049](https://github.com/gradio-app/gradio/pull/11049) [`8d2aa3e`](https://github.com/gradio-app/gradio/commit/8d2aa3e99e165413bae1d8f5f3b4630e870308f5) - Ensure translations work as expected.  Thanks @hannahblair!
+
+## 5.26.0
+
+### Features
+
+- [#11043](https://github.com/gradio-app/gradio/pull/11043) [`62a0080`](https://github.com/gradio-app/gradio/commit/62a00806e198c4c76bc132255d4b78c7aa329157) - Pass any visible error modals from a Gradio app downstream to the app that has `gr.load`-ed it.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11038](https://github.com/gradio-app/gradio/pull/11038) [`fd46e48`](https://github.com/gradio-app/gradio/commit/fd46e48f516a2907c469c7a6d3e67ae9f7068b29) - Be able to dispatch Info messages from a component.  Thanks @freddyaboulton!
+- [#11070](https://github.com/gradio-app/gradio/pull/11070) [`0355ef6`](https://github.com/gradio-app/gradio/commit/0355ef644577791749499c64840bad5947764dc8) - Ensure it is possible to draw after uploading an image to the ImageEditor.  Thanks @pngwn!
+- [#11039](https://github.com/gradio-app/gradio/pull/11039) [`aaba2c6`](https://github.com/gradio-app/gradio/commit/aaba2c6358692c9e25a193f92f02069179052837) - Fix chatinterface icons bug.  Thanks @freddyaboulton!
+- [#11057](https://github.com/gradio-app/gradio/pull/11057) [`bb1b74c`](https://github.com/gradio-app/gradio/commit/bb1b74cb62208f1cc05b91902cd541f36a1f9b01) - Image Editor Clear Event.  Thanks @freddyaboulton!
+- [#11033](https://github.com/gradio-app/gradio/pull/11033) [`0dbc14f`](https://github.com/gradio-app/gradio/commit/0dbc14fa867ef57a2f810e0b869b7d13d98f2544) - Allow setting an empty value in `display_value` of `gr.Dataframe`.  Thanks @abidlabs!
+- [#11040](https://github.com/gradio-app/gradio/pull/11040) [`3d3c701`](https://github.com/gradio-app/gradio/commit/3d3c701c46628898dee939629f57fcd3bc6c04c8) - Show stop button in `gr.ChatInterface` even for non-streaming chat functions.  Thanks @abidlabs!
+- [#11052](https://github.com/gradio-app/gradio/pull/11052) [`2750d48`](https://github.com/gradio-app/gradio/commit/2750d485450f7de9b8d01144b939893e39c8397e) - Fix duplicate id issue in spaces when creating an interface inside blocks.  Thanks @freddyaboulton!
+
+## 5.25.2
+
+### Fixes
+
+- [#11021](https://github.com/gradio-app/gradio/pull/11021) [`c57a7ff`](https://github.com/gradio-app/gradio/commit/c57a7ff659ecea1bc540b359446aefd19f06085a) - Ensure that logins and logouts are redirected to the correct page in a multipage Gradio app.  Thanks @abidlabs!
+- [#11025](https://github.com/gradio-app/gradio/pull/11025) [`d24f8fd`](https://github.com/gradio-app/gradio/commit/d24f8fdc9da889e94f094f8bedbc7b8475e3acb7) - Fix `ssr_mode` parameter name in notice message.  Thanks @oxkitsune!
+- [#11020](https://github.com/gradio-app/gradio/pull/11020) [`a4a3a03`](https://github.com/gradio-app/gradio/commit/a4a3a03d513c3df8a85c2742be34b80bcf406496) - Fix streaming / stopping button when examples are clicked in `gr.ChatInterface`.  Thanks @abidlabs!
+
+## 5.25.1
+
+### Features
+
+- [#11014](https://github.com/gradio-app/gradio/pull/11014) [`7f92d5f`](https://github.com/gradio-app/gradio/commit/7f92d5ff7b39ea973bc17027ec8c158d3e376b87) - Update docs to reflect 1 week timeout.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11017](https://github.com/gradio-app/gradio/pull/11017) [`734b309`](https://github.com/gradio-app/gradio/commit/734b3099d79647695e635d87726666d4b28d1bcf) - Include HF token in stream requests.  Thanks @nostalgebraist!
+- [#11018](https://github.com/gradio-app/gradio/pull/11018) [`3615a45`](https://github.com/gradio-app/gradio/commit/3615a454eb8cf5f758743494a15ce8af2fe16278) - Create share link automatically in Sagemaker notebooks.  Thanks @abidlabs!
+- [#11010](https://github.com/gradio-app/gradio/pull/11010) [`9219e62`](https://github.com/gradio-app/gradio/commit/9219e62cd21243fd9f5abecbe991e3b29039c76e) - fix: add svg tags for markdown when `allow_tags=True`.  Thanks @Col0ring!
+- [#11005](https://github.com/gradio-app/gradio/pull/11005) [`3def0ed`](https://github.com/gradio-app/gradio/commit/3def0ed9edc5a9194d69456948324ec4e2740b7d) - Ensure that the `.select()` event in `gr.DataFrame` carries the `.row_value` and `.col_value`.  Thanks @abidlabs!
+
+## 5.25.0
+
+### Features
+
+- [#10980](https://github.com/gradio-app/gradio/pull/10980) [`370b3e2`](https://github.com/gradio-app/gradio/commit/370b3e254411bce354354f6e14753cda464cc463) - Add i18n for chatbot interactions.  Thanks @freddyaboulton!
+- [#10970](https://github.com/gradio-app/gradio/pull/10970) [`bb45441`](https://github.com/gradio-app/gradio/commit/bb454415a608acd862486da46f5bf60a7d3db2a9) - fix: accept signed URLs in gr.Audio.  Thanks @jerpint!
+- [#10982](https://github.com/gradio-app/gradio/pull/10982) [`a80b312`](https://github.com/gradio-app/gradio/commit/a80b312c081a03b5bd73477305e2f094da512b37) - Add latex to code component languages.  Thanks @ginazhouhuiwu!
+- [#10981](https://github.com/gradio-app/gradio/pull/10981) [`0db230f`](https://github.com/gradio-app/gradio/commit/0db230f5c2f19d9b3b455adb1b30ed9374ae1791) - allow users to change the visibility of layers in the image editor.  Thanks @pngwn!
+
+### Fixes
+
+- [#10993](https://github.com/gradio-app/gradio/pull/10993) [`1918baa`](https://github.com/gradio-app/gradio/commit/1918baa178066dc94a8e1a559d4d62a52a3d8db4) - Update babylon.js and ensure the Model3D component autoplays on load.  Thanks @CedricGuillemet!
+- [#10968](https://github.com/gradio-app/gradio/pull/10968) [`238702a`](https://github.com/gradio-app/gradio/commit/238702a709c23f9c1b6302eb143c7cb71a3a066b) - Fix Default meta social tags + Add ability to override existing meta tags.  Thanks @dawoodkhan82!
+- [#10999](https://github.com/gradio-app/gradio/pull/10999) [`8c70819`](https://github.com/gradio-app/gradio/commit/8c70819f87027b75e44f49a13050ae2c3e8b3580) - implement download button for the ImageEditor.  Thanks @pngwn!
+- [#10997](https://github.com/gradio-app/gradio/pull/10997) [`45d5840`](https://github.com/gradio-app/gradio/commit/45d5840fb265328f3aa0c050ce9c6b87ae7dbbc5) - When custom layers are provided to the ImageEditor, always default to the first layer.  Thanks @pngwn!
+- [#10979](https://github.com/gradio-app/gradio/pull/10979) [`975feee`](https://github.com/gradio-app/gradio/commit/975feee3925e5b65e52ae00da5c5066d8889ae6a) - improve webcam options for the ImageEditor.  Thanks @pngwn!
+- [#10995](https://github.com/gradio-app/gradio/pull/10995) [`fc59815`](https://github.com/gradio-app/gradio/commit/fc598151aa9c77a84f6e7eaf9bcc0cae6ba49369) - ensure the image editor background respects the theme mode.  Thanks @pngwn!
+- [#10994](https://github.com/gradio-app/gradio/pull/10994) [`714015a`](https://github.com/gradio-app/gradio/commit/714015a1868168721ae79d6b5bc10fbc5bbb4290) - ensure images uploaded to the ImageEditor correctly initialise the canvas dimensions.  Thanks @pngwn!
+
+## 5.24.0
+
+### Features
+
+- [#10933](https://github.com/gradio-app/gradio/pull/10933) [`b768651`](https://github.com/gradio-app/gradio/commit/b7686515d99276123731698bfde09bb328b7d286) - Add `rtl` to Block Label.  Thanks @hannahblair!
+- [#10924](https://github.com/gradio-app/gradio/pull/10924) [`be46b94`](https://github.com/gradio-app/gradio/commit/be46b94f51c29d66fef9320d59a7f7e5a0df81b4) - Add `rtl` to gr.HighlightedText.  Thanks @hannahblair!
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+- [#10923](https://github.com/gradio-app/gradio/pull/10923) [`8a62c7e`](https://github.com/gradio-app/gradio/commit/8a62c7e90b5e0945709d97e34f405a7f92675ab0) - Add `rtl` to `gr.Radio`.  Thanks @hannahblair!
+- [#10927](https://github.com/gradio-app/gradio/pull/10927) [`5b3414a`](https://github.com/gradio-app/gradio/commit/5b3414a3e4214ae0a6f97d1236127607bb070cd6) - Change the location where the FRPC binary is downloaded.  Thanks @abidlabs!
+- [#10935](https://github.com/gradio-app/gradio/pull/10935) [`6754d82`](https://github.com/gradio-app/gradio/commit/6754d82a257c98f06ed38c5d1f952aec38d738ca) - Relax aiofiles verison.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#10955](https://github.com/gradio-app/gradio/pull/10955) [`d654e60`](https://github.com/gradio-app/gradio/commit/d654e60ff61f76ebcf37f294f1d85305d344a70b) - Map search-filtered row indices to original data indices in gr.Dataframe.  Thanks @hannahblair!
+- [#10918](https://github.com/gradio-app/gradio/pull/10918) [`36da6d0`](https://github.com/gradio-app/gradio/commit/36da6d0d5466dd251f46359019959702523f1afc) - Fix value synchronisation issue in gr.Dataframe.  Thanks @hannahblair!
+- [#10953](https://github.com/gradio-app/gradio/pull/10953) [`ede7428`](https://github.com/gradio-app/gradio/commit/ede74283d738f55e032a98fb1875605cb0b65d8a) - Fix gr.NativePlot sorting of labels as default behaviour.  Thanks @Rafalex04!
+- [#10925](https://github.com/gradio-app/gradio/pull/10925) [`c37de0f`](https://github.com/gradio-app/gradio/commit/c37de0f9081f30ac963b0c837e8f1985461afbb1) - Tweak `rtl` UI in `gr.MultimodalTextbox`.  Thanks @hannahblair!
+- [#10962](https://github.com/gradio-app/gradio/pull/10962) [`c851862`](https://github.com/gradio-app/gradio/commit/c85186254cdf065acb9e75f7e65f967533fddd03) - Unrender user-provided textbox in `gr.ChatInterface` so that it is rendered in the right place as part of a `gr.Blocks` app.  Thanks @abidlabs!
+- [#10928](https://github.com/gradio-app/gradio/pull/10928) [`f09f543`](https://github.com/gradio-app/gradio/commit/f09f543af46bf286218904179c3a9bc3e2a1e257) - Reverse order of conversations in chat history and render correctly with custom chatbot.  Thanks @abidlabs!
+
+## 5.23.3
+
+### Features
+
+- [#10845](https://github.com/gradio-app/gradio/pull/10845) [`2521e8a`](https://github.com/gradio-app/gradio/commit/2521e8a1c76fe77253156bf8465500b9cb1db5c4) - Check if SharedWorker is available in the current runtime and fallback to DedicatedWorker if not available.  Thanks @whitphx!
+- [#10926](https://github.com/gradio-app/gradio/pull/10926) [`d81385b`](https://github.com/gradio-app/gradio/commit/d81385bdb939a81718339b806f0c3f71d64f6dc5) - Add status docs to MetadataDict.  Thanks @aliabd!
+- [#10847](https://github.com/gradio-app/gradio/pull/10847) [`d5fde7c`](https://github.com/gradio-app/gradio/commit/d5fde7c390004ce5394072100b059f545d2d4eae) - Babylon update for model3D.  Thanks @CedricGuillemet!
+- [#10890](https://github.com/gradio-app/gradio/pull/10890) [`01b88c7`](https://github.com/gradio-app/gradio/commit/01b88c7fdedb413ba92ef6191967a8aed25e185f) - Improve API error handling in JS Client.  Thanks @l2dy!
+
+### Fixes
+
+- [#10913](https://github.com/gradio-app/gradio/pull/10913) [`2322700`](https://github.com/gradio-app/gradio/commit/2322700812341a71a200958cdca793ca865c08c4) - Update i18n files.  Thanks @freddyaboulton!
+- [#10922](https://github.com/gradio-app/gradio/pull/10922) [`afe0b13`](https://github.com/gradio-app/gradio/commit/afe0b139fa8715eabc28362aaffe6e0b50b239a5) - Fix regression around chatbot thoughts not being collapsible.  Thanks @abidlabs!
+- [#10901](https://github.com/gradio-app/gradio/pull/10901) [`64a6ead`](https://github.com/gradio-app/gradio/commit/64a6ead05c99cfd5787e7f112838f2be83082a69) - Fix EventData scaling when `gr.Image` is in fullscreen mode.  Thanks @tiago-gsantos!
+- [#10921](https://github.com/gradio-app/gradio/pull/10921) [`c8d6ddd`](https://github.com/gradio-app/gradio/commit/c8d6ddd344495dfa4d97afba708b342ee5e84a63) - Refactor `get_request_url`.  Thanks @abidlabs!
+
+## 5.23.2
+
+### Features
+
+- [#10908](https://github.com/gradio-app/gradio/pull/10908) [`09a8d0c`](https://github.com/gradio-app/gradio/commit/09a8d0c87b5b37d6c5ea1d40d103fd17fc4f24f1) - Pin `pydantic` version.  Thanks @abidlabs!
+- [#10897](https://github.com/gradio-app/gradio/pull/10897) [`1e8cdee`](https://github.com/gradio-app/gradio/commit/1e8cdee48a2c897e2cd3751bf51dda85b48529d9) - Fix route_utils.get_api_call_path().  Thanks @whitphx!
+- [#10891](https://github.com/gradio-app/gradio/pull/10891) [`17fed95`](https://github.com/gradio-app/gradio/commit/17fed951a9bd6ef02fc4430b2dc61e7cd358cd9e) - Fix empty array check in arrow key handling in `gr.Dropdown`.  Thanks @l2dy!
+
+### Fixes
+
+- [#10900](https://github.com/gradio-app/gradio/pull/10900) [`a018a46`](https://github.com/gradio-app/gradio/commit/a018a46a7fae0f7db25baca7e1c08e6fd5912ed2) - Fix wrap behaviour in dataframe.  Thanks @hannahblair!
+- [#10892](https://github.com/gradio-app/gradio/pull/10892) [`bfb7aae`](https://github.com/gradio-app/gradio/commit/bfb7aae299093c9295fca601bded9198fca30744) - Fix minor heartbeat memory leak.  Thanks @brentyi!
+- [#10902](https://github.com/gradio-app/gradio/pull/10902) [`b9b8d08`](https://github.com/gradio-app/gradio/commit/b9b8d08bd2cfb4c89444f5ca3066b1d733c8a807) - Fix disabling buttons in `MultimodalTextbox` when `interactive=False`.  Thanks @lara-gfaria!
+- [#10882](https://github.com/gradio-app/gradio/pull/10882) [`cd7f486`](https://github.com/gradio-app/gradio/commit/cd7f486c61b86a8fcf0157ee884f8f96534ffcc5) - Fix root on gradio mounted apps.  Thanks @aliabid94!
+
+## 5.23.1
+
+### Features
+
+- [#10877](https://github.com/gradio-app/gradio/pull/10877) [`b19e8ad`](https://github.com/gradio-app/gradio/commit/b19e8ad26789146a8b4dcab65715b2bc05937d7c) - Switch from `root_url` to `request.url` in `get_api_call_path()`.  Thanks @abidlabs!
+- [#10879](https://github.com/gradio-app/gradio/pull/10879) [`3ba9e4f`](https://github.com/gradio-app/gradio/commit/3ba9e4febb9d32a7d523af46e0484face4cc8e64) - Fix request url.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10872](https://github.com/gradio-app/gradio/pull/10872) [`84fafc4`](https://github.com/gradio-app/gradio/commit/84fafc45bf9f8fbc5fe39ff20dbb7108d0a66e94) - Fix `/monitoring` endpoint.  Thanks @aliabid94!
+- [#10873](https://github.com/gradio-app/gradio/pull/10873) [`3a3d0d9`](https://github.com/gradio-app/gradio/commit/3a3d0d93884ccf498713bad748bacdd5294b535e) - Improve UI for lazy caching.  Thanks @abidlabs!
+
+## 5.23.0
+
+### Features
+
+- [#10858](https://github.com/gradio-app/gradio/pull/10858) [`e30348b`](https://github.com/gradio-app/gradio/commit/e30348b085b045e5aac5bd8a41e1cf5485c8c56d) - Gradio sketch: Remove HF Inference health check.  Thanks @aliabid94!
+- [#10834](https://github.com/gradio-app/gradio/pull/10834) [`c05610c`](https://github.com/gradio-app/gradio/commit/c05610c87dd7f9e9fe5d0aed2fe93e40fdd32648) - Add Deep Links.  Thanks @freddyaboulton!
+- [#10838](https://github.com/gradio-app/gradio/pull/10838) [`a06c7e4`](https://github.com/gradio-app/gradio/commit/a06c7e40e2ddb5c526c195d31832f6e97b669291) - Allow for iterative coding in gradio sketch.  Thanks @aliabid94!
+- [#10862](https://github.com/gradio-app/gradio/pull/10862) [`243942e`](https://github.com/gradio-app/gradio/commit/243942e5e47d22a4f512f31313bc3098a0a5b77d) - fix typing of gr.on event listener.  Thanks @JackismyShephard!
+- [#10859](https://github.com/gradio-app/gradio/pull/10859) [`a1862f5`](https://github.com/gradio-app/gradio/commit/a1862f54a741002bc78bc36fc3c3cb78856fad66) - fix typing on load event listener.  Thanks @JackismyShephard!
+- [#10854](https://github.com/gradio-app/gradio/pull/10854) [`1649b00`](https://github.com/gradio-app/gradio/commit/1649b0038482402d7f0ccdbf86ba65d82b4a12c9) - Add support for `mermaid.js` in `Markdown` component (as well as components like `gr.Chatbot` that use Markdown).  Thanks @abidlabs!
+- [#10812](https://github.com/gradio-app/gradio/pull/10812) [`6384bcc`](https://github.com/gradio-app/gradio/commit/6384bcc11f13d22f4480e7ad7213486fecec8936) - Jedi-based Python code completion on `gr.Code`.  Thanks @whitphx!
+- [#10870](https://github.com/gradio-app/gradio/pull/10870) [`f40e008`](https://github.com/gradio-app/gradio/commit/f40e00855593182faba3595fe9d913defbb8130f) - Change `gr.DeepLinkButton` default variant to be secondary.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10841](https://github.com/gradio-app/gradio/pull/10841) [`8ff0a5e`](https://github.com/gradio-app/gradio/commit/8ff0a5e3e916ba6dfe6255ffcf4d09868ab29bde) - Fix path generation for returned files for bash API.  Thanks @cansik!
+- [#10860](https://github.com/gradio-app/gradio/pull/10860) [`fb4c3da`](https://github.com/gradio-app/gradio/commit/fb4c3dacd06803fdf0634481e9db080425f67023) - bug fix logout if there is root_path in launch.  Thanks @azharizz!
+
+## 5.22.0
+
+### Features
+
+- [#10824](https://github.com/gradio-app/gradio/pull/10824) [`4d78710`](https://github.com/gradio-app/gradio/commit/4d78710bbf266a13568d7920c19a6ef6dd167ecf) - Sketch code generator.  Thanks @aliabid94!
+- [#10814](https://github.com/gradio-app/gradio/pull/10814) [`b42e461`](https://github.com/gradio-app/gradio/commit/b42e4612abad205e0269bd69917c09565daf0cf7) - Adds a watermark parameter to `gr.Chatbot` that is added to copied text.  Thanks @abidlabs!
+- [#10820](https://github.com/gradio-app/gradio/pull/10820) [`4fa8e00`](https://github.com/gradio-app/gradio/commit/4fa8e00c31812797d1a73d18f1e0ce7cdf17ab27) - Update `markupsafe` dependency version.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10829](https://github.com/gradio-app/gradio/pull/10829) [`e0ab4f0`](https://github.com/gradio-app/gradio/commit/e0ab4f07ab3af83cbc62ede6d9c78674e684c688) - Fix gr.load_chat.  Thanks @aliabid94!
+- [#10819](https://github.com/gradio-app/gradio/pull/10819) [`ac075ad`](https://github.com/gradio-app/gradio/commit/ac075ad6aaea855bfd4839cef7140719a584498e) - Fix cell menu not showing in non-editable dataframes.  Thanks @hannahblair!
+
+## 5.21.0
+
+### Features
+
+- [#10784](https://github.com/gradio-app/gradio/pull/10784) [`6812544`](https://github.com/gradio-app/gradio/commit/681254453a15dadde068feaec176bb984710292b) - On Windows OS, hide `gr.Dataframe` scrollbars while keeping scrolling functionality.  Thanks @abidlabs!
+- [#10802](https://github.com/gradio-app/gradio/pull/10802) [`9ec8898`](https://github.com/gradio-app/gradio/commit/9ec8898c0f5753fb548a89f9804b71b69797d00c) - Fix excess scroll bug in dataframe.  Thanks @hannahblair!
+- [#10805](https://github.com/gradio-app/gradio/pull/10805) [`8d03368`](https://github.com/gradio-app/gradio/commit/8d03368243b6365d279563cf38a18b67a0efaf69) - Fix max characters in non-editable dataframes.  Thanks @hannahblair!
+- [#10787](https://github.com/gradio-app/gradio/pull/10787) [`b3e8c26`](https://github.com/gradio-app/gradio/commit/b3e8c263be51f9553e9f19939be0f880092b44c9) - Implement cell selection via drag in dataframe.  Thanks @hannahblair!
+- [#10734](https://github.com/gradio-app/gradio/pull/10734) [`c44b8f4`](https://github.com/gradio-app/gradio/commit/c44b8f47b927258552af61c3af06f2e30449f571) - Add `static_columns` param for interactive dataframes.  Thanks @hannahblair!
+- [#10778](https://github.com/gradio-app/gradio/pull/10778) [`373007b`](https://github.com/gradio-app/gradio/commit/373007b3e9d019ee41589d1dbb09a7511a024a51) - Allow sorting by multiple columns in dataframe.  Thanks @hannahblair!
+- [#10804](https://github.com/gradio-app/gradio/pull/10804) [`39c30be`](https://github.com/gradio-app/gradio/commit/39c30be1628028a86400c1e4b993db51e91b2580) - Add parent focus for drag selection.  Thanks @hannahblair!
+- [#10777](https://github.com/gradio-app/gradio/pull/10777) [`3b48367`](https://github.com/gradio-app/gradio/commit/3b483672f4778f5b19d2f529328c1f71b3742f45) - Allow navigating down from header cells, as well as support cmd/ctrl + arrow keys.  Thanks @abidlabs!
+- [#10776](https://github.com/gradio-app/gradio/pull/10776) [`85f6132`](https://github.com/gradio-app/gradio/commit/85f6132f1f9f653329edfa22f627e342e8b42731) - Fix cell selection when using shift + arrow keys.  Thanks @abidlabs!
+- [#10733](https://github.com/gradio-app/gradio/pull/10733) [`731ab92`](https://github.com/gradio-app/gradio/commit/731ab92001c88d4cf1062acf0a4f1108a4513014) - Autocompletion on code editor component.  Thanks @whitphx!
+- [#10743](https://github.com/gradio-app/gradio/pull/10743) [`3086343`](https://github.com/gradio-app/gradio/commit/3086343a6832a941864d77821b23c31c8b26be7f) - Fixed size for pending thoughts.  Thanks @dawoodkhan82!
+- [#10768](https://github.com/gradio-app/gradio/pull/10768) [`0ce7bfe`](https://github.com/gradio-app/gradio/commit/0ce7bfe1bd733b30645a4833ba29988b4641acc7) - Allow tags for chatbot models using `gr.load`.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#10757](https://github.com/gradio-app/gradio/pull/10757) [`b4342d2`](https://github.com/gradio-app/gradio/commit/b4342d24a88acaa4ed4028c8fdd44eea0d1b8b57) - Fix dataframe search and filter functionality.  Thanks @hannahblair!
+- [#10786](https://github.com/gradio-app/gradio/pull/10786) [`88941b6`](https://github.com/gradio-app/gradio/commit/88941b655e708ab14611341ed3fe57452fbbfc58) - Remove fixed layouts from dataframe.  Thanks @hannahblair!
+- [#10631](https://github.com/gradio-app/gradio/pull/10631) [`b5ca1dc`](https://github.com/gradio-app/gradio/commit/b5ca1dcfdf496292eade31347ae1974d3a0976c4) - Refactor `gr.Dataframe`.  Thanks @hannahblair!
+- [#10785](https://github.com/gradio-app/gradio/pull/10785) [`fb8c1cb`](https://github.com/gradio-app/gradio/commit/fb8c1cb6d159fbcec80749f691e9b783bc212936) - Move `gr.Textbox` lines logic to frontend.  Thanks @abidlabs!
+- [#10765](https://github.com/gradio-app/gradio/pull/10765) [`3232cdd`](https://github.com/gradio-app/gradio/commit/3232cddc00be4a8ac441177e4fe408fb193fdb0f) - fix: latex rendering of markdown.  Thanks @Col0ring!
+- [#10735](https://github.com/gradio-app/gradio/pull/10735) [`dd2de17`](https://github.com/gradio-app/gradio/commit/dd2de17064dc6794f94b0bfad973ab5aba671b10) - Fix windows path issue in FileExplorer.  Thanks @aliabid94!
+
+## 5.20.1
+
+### Features
+
+- [#10694](https://github.com/gradio-app/gradio/pull/10694) [`16244f3`](https://github.com/gradio-app/gradio/commit/16244f3c1cb1a65ac1f719142f8fab67512fbb25) - Event Listeners in gradio sketch.  Thanks @aliabid94!
+- [#10732](https://github.com/gradio-app/gradio/pull/10732) [`2b38420`](https://github.com/gradio-app/gradio/commit/2b3842066bc625518afeb182d65d2ef37a3e835e) - Changed warning stacklevel to improve warnings in console.  Thanks @wolph!
+- [#10720](https://github.com/gradio-app/gradio/pull/10720) [`2248005`](https://github.com/gradio-app/gradio/commit/2248005b10056d858028e1bb65b5921117ab13f5) - Add `pwa` and `enable_monitoring` parameters to `mount_gradio_app`.  Thanks @abidlabs!
+- [#10737](https://github.com/gradio-app/gradio/pull/10737) [`1cf992b`](https://github.com/gradio-app/gradio/commit/1cf992b04225580b9c7c4d4dd0c84e5a7ebe6ad3) - Sidebar fixed positioning.  Thanks @dawoodkhan82!
+- [#10728](https://github.com/gradio-app/gradio/pull/10728) [`9fce28b`](https://github.com/gradio-app/gradio/commit/9fce28b76be0683ac5c9b07beac0479023671622) - Allow sending a custom TLS certificate or no TLS certificate when connecting to custom share servers.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10748](https://github.com/gradio-app/gradio/pull/10748) [`19411c6`](https://github.com/gradio-app/gradio/commit/19411c6b15cde53371425a9eb6037ce4a10f7442) - Fix ClearButton.  Thanks @phos-phophy!
+- [#10721](https://github.com/gradio-app/gradio/pull/10721) [`b3ac430`](https://github.com/gradio-app/gradio/commit/b3ac430d5e8f93ffea993f7af51f9171a50026a1) - Check for Node.js path only if SSR mode is true.  Thanks @anirbanbasu!
+- [#10724](https://github.com/gradio-app/gradio/pull/10724) [`667f8a1`](https://github.com/gradio-app/gradio/commit/667f8a1f820d46a4d87ad0f65b9e3b37c4de449f) - Fix Chatbot avatar image position.  Thanks @abidlabs!
+- [#10719](https://github.com/gradio-app/gradio/pull/10719) [`b710d7c`](https://github.com/gradio-app/gradio/commit/b710d7cf13c1277fd18c7809cad0f707b880ef70) - Fix error display.  Thanks @aliabid94!
+- [#10706](https://github.com/gradio-app/gradio/pull/10706) [`5faa2a3`](https://github.com/gradio-app/gradio/commit/5faa2a34cc3b6ab647cab84d7495bfe8624955e3) - chore: bump Pyodide version to 0.27.3.  Thanks @peter-gy!
+
+## 5.20.0
+
+### Features
+
+- [#10688](https://github.com/gradio-app/gradio/pull/10688) [`bd982df`](https://github.com/gradio-app/gradio/commit/bd982df85b07e4686e223241d68f08bf242c3ef9) - Change `gr.load` chatinterface behavior to streaming.  Thanks @abidlabs!
+- [#10500](https://github.com/gradio-app/gradio/pull/10500) [`16d419b`](https://github.com/gradio-app/gradio/commit/16d419b9f1f18ae4507d18a4739eb83ac4f3fae9) - Allow functions that solely update component properties to run in the frontend by setting `js=True`.  Thanks @abidlabs!
+
+## 5.19.0
+
+### Features
+
+- [#10647](https://github.com/gradio-app/gradio/pull/10647) [`b43200d`](https://github.com/gradio-app/gradio/commit/b43200d7df92e40285c1e5fb1a2f010278fce5d2) - Custom styling of the dataframe.  Thanks @abidlabs!
+- [#10577](https://github.com/gradio-app/gradio/pull/10577) [`374b762`](https://github.com/gradio-app/gradio/commit/374b762b7fc94073517a2fd8b28473a558f454fc) - Support `gr.LoginButton` for `gr.load()`.  Thanks @abidlabs!
+- [#10679](https://github.com/gradio-app/gradio/pull/10679) [`cb3c762`](https://github.com/gradio-app/gradio/commit/cb3c76205c3fc1fae55229b5efe223c6d5c5c907) - Add Thai Translate.  Thanks @haihandsome!
+- [#10678](https://github.com/gradio-app/gradio/pull/10678) [`249eccd`](https://github.com/gradio-app/gradio/commit/249eccd81ae289658d0ba8e1033c12f407a07ee7) - Fix Dataframe header type to allow integer values.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10659](https://github.com/gradio-app/gradio/pull/10659) [`36309ea`](https://github.com/gradio-app/gradio/commit/36309ea55fba6017f8a7f2be1484989ecccdac1b) - Automatically restore last scroll position in multiple-choice dropdowns.  Thanks @XcantloadX!
+- [#10683](https://github.com/gradio-app/gradio/pull/10683) [`367fe14`](https://github.com/gradio-app/gradio/commit/367fe14381a971c45528d50052121439a023bfc0) - Fix chatbot share button payload too large.  Thanks @dawoodkhan82!
+
+## 5.18.0
+
+### Features
+
+- [#10643](https://github.com/gradio-app/gradio/pull/10643) [`f0a920c`](https://github.com/gradio-app/gradio/commit/f0a920c4934880645fbad783077ae9c7519856ce) - added a show_line_numbers to toggle line numbers in gr.Code().  Thanks @lalitx17!
+- [#10664](https://github.com/gradio-app/gradio/pull/10664) [`0b1f729`](https://github.com/gradio-app/gradio/commit/0b1f72941fd50298562102e39f4feafaa16f5968) - Allow websocket version 15.  Thanks @freddyaboulton!
+- [#10636](https://github.com/gradio-app/gradio/pull/10636) [`d06f3e3`](https://github.com/gradio-app/gradio/commit/d06f3e3e08d0270b58cefa1be748e6cfd2362c21) - Chatbot thoughts generating animation.  Thanks @dawoodkhan82!
+
+## 5.17.1
+
+### Features
+
+- [#10641](https://github.com/gradio-app/gradio/pull/10641) [`d7607a2`](https://github.com/gradio-app/gradio/commit/d7607a21b5247a9e82638c07359f70a6776f5747) - Ergonomics improvements & analytics for `gradio sketch`.  Thanks @abidlabs!
+- [#10646](https://github.com/gradio-app/gradio/pull/10646) [`b01ce47`](https://github.com/gradio-app/gradio/commit/b01ce47056f5752fbf03e44600bf0f7dab69b64c) - Fixes cell-selection logic in `Table.svelte`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10650](https://github.com/gradio-app/gradio/pull/10650) [`7c8b0da`](https://github.com/gradio-app/gradio/commit/7c8b0dab0be2e87ad027d0c786bf741e205ae137) - Fix deployed Spaces.  Thanks @abidlabs!
+
+## 5.17.0
+
+### Features
+
+- [#10569](https://github.com/gradio-app/gradio/pull/10569) [`bd4895a`](https://github.com/gradio-app/gradio/commit/bd4895a95a29fa1f0d12fefde26a82a1d60954e9) - Update Lite to support multi-page apps.  Thanks @whitphx!
+- [#10630](https://github.com/gradio-app/gradio/pull/10630) [`77432c7`](https://github.com/gradio-app/gradio/commit/77432c7fa84c56ef76364bf23f4273e889a94a71) - gradio sketch - UI based gradio skeleton builder.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10622](https://github.com/gradio-app/gradio/pull/10622) [`b505df0`](https://github.com/gradio-app/gradio/commit/b505df0b883d119d4660c25519497c4d86eea8d5) - Fix fill_width.  Thanks @aliabid94!
+- [#10616](https://github.com/gradio-app/gradio/pull/10616) [`ae4ba46`](https://github.com/gradio-app/gradio/commit/ae4ba46cfb9235904f8bfc197c72ad22275edd67) - Change sidebar to absolute positioning and make accessible.  Thanks @dawoodkhan82!
+- [#10637](https://github.com/gradio-app/gradio/pull/10637) [`75c9748`](https://github.com/gradio-app/gradio/commit/75c9748f50f5825dae601e0a15b85ec666819b6a) - Fix: Chatbot sharing payload too large.  Thanks @dawoodkhan82!
+
+## 5.16.2
+
+### Features
+
+- [#10625](https://github.com/gradio-app/gradio/pull/10625) [`ce4fb99`](https://github.com/gradio-app/gradio/commit/ce4fb994e042489d8c6fbcab3e94d97b08369dce) - fix spelling of `resizable` parameter in `gr.Chatbot`.  Thanks @abidlabs!
+- [#10594](https://github.com/gradio-app/gradio/pull/10594) [`f0e4fd0`](https://github.com/gradio-app/gradio/commit/f0e4fd0522dd0f02701e0c4d3e694f6e6198db9d) - Fix `Blocks.serve_static_file` and `Button.svelte` to work on Lite.  Thanks @whitphx!
+
+### Fixes
+
+- [#10580](https://github.com/gradio-app/gradio/pull/10580) [`4e70d74`](https://github.com/gradio-app/gradio/commit/4e70d74068b77ebb3d285aa78e9202fff76337a2) - Fix `gr.load()` for `gr.ChatInterface(save_history=True)` and any Gradio app where the upstream app includes a `gr.State` as input.  Thanks @abidlabs!
+- [#10624](https://github.com/gradio-app/gradio/pull/10624) [`f8eb8e5`](https://github.com/gradio-app/gradio/commit/f8eb8e565b720977791824659d9eed270ea4b2d0) - Pass kwargs into `gr.ChatInterface` created by `gr.load()`.  Thanks @abidlabs!
+- [#10597](https://github.com/gradio-app/gradio/pull/10597) [`8c87eb8`](https://github.com/gradio-app/gradio/commit/8c87eb83066278b0e28267a6648d4729d6f39aa9) - Fix issue where styling changes were overridden when value was updated simultaneously.  Thanks @abidlabs!
+
+## 5.16.1
+
+### Features
+
+- [#10579](https://github.com/gradio-app/gradio/pull/10579) [`b640df2`](https://github.com/gradio-app/gradio/commit/b640df2517dee166634f279fcfaac8ba5f5aef2f) - Fix Sidebar for mobile.  Thanks @dawoodkhan82!
+- [#10582](https://github.com/gradio-app/gradio/pull/10582) [`1299267`](https://github.com/gradio-app/gradio/commit/1299267a8a78546d3f9e13d6b3c58231cf88f2b9) - Change sidebar position.  Thanks @dawoodkhan82!
+- [#10511](https://github.com/gradio-app/gradio/pull/10511) [`c4aa886`](https://github.com/gradio-app/gradio/commit/c4aa8864dabec4caeb59af91f6f1aaaf50e33b67) - Semantic search in the playground.  Thanks @aliabd!
+
+### Fixes
+
+- [#10607](https://github.com/gradio-app/gradio/pull/10607) [`c354f5f`](https://github.com/gradio-app/gradio/commit/c354f5ff16c787d722f4e53d5a97f729abba955e) - Add empty dataframe functionality.  Thanks @hannahblair!
+- [#10596](https://github.com/gradio-app/gradio/pull/10596) [`a8bde76`](https://github.com/gradio-app/gradio/commit/a8bde76e2b0f65b3565019beb03ac8b1fd152963) - Fix margin above `gr.Dataframe` when no header is provided.  Thanks @abidlabs!
+- [#10608](https://github.com/gradio-app/gradio/pull/10608) [`b8fada8`](https://github.com/gradio-app/gradio/commit/b8fada87724cdc76b5862f84a1025f7da151db42) - [ZeroGPU] Handshake-based postMessage part.2 (non-SSR mode).  Thanks @cbensimon!
+- [#10595](https://github.com/gradio-app/gradio/pull/10595) [`12669f4`](https://github.com/gradio-app/gradio/commit/12669f4bf1a4d6bd8df29583b6c185ded51dff48) - Row scale changes.  Thanks @aliabid94!
+
+## 5.16.0
+
+### Features
+
+- [#10561](https://github.com/gradio-app/gradio/pull/10561) [`26494ce`](https://github.com/gradio-app/gradio/commit/26494cea570ffe0ead1f8b7a7135ab5a89c6bcbd) - Allow freezing columns in `gr.Dataframe`.  Thanks @hannahblair!
+- [#10554](https://github.com/gradio-app/gradio/pull/10554) [`b8ff5d6`](https://github.com/gradio-app/gradio/commit/b8ff5d6bfe1a9f3379580754b1e23857e2f0c96b) - Add optional search bar to `gr.Dataframe`'s toolbar.  Thanks @hannahblair!
+- [#10529](https://github.com/gradio-app/gradio/pull/10529) [`196b600`](https://github.com/gradio-app/gradio/commit/196b600b3962b85781b53c512e17708644b86f6f) - Select entire row or column in dataframe.  Thanks @hannahblair!
+- [#10558](https://github.com/gradio-app/gradio/pull/10558) [`1113002`](https://github.com/gradio-app/gradio/commit/111300242fdf135724a304920a93fc34a8037f7d) - Fix spacing issue with `gr.Dataframe` in Safari.  Thanks @hannahblair!
+- [#10492](https://github.com/gradio-app/gradio/pull/10492) [`29880d5`](https://github.com/gradio-app/gradio/commit/29880d51fbe7fbd222b0765a83c95134dc7d0e90) - Allow showing progress updates on arbitrary components.  Thanks @abidlabs!
+- [#10553](https://github.com/gradio-app/gradio/pull/10553) [`4c08b9f`](https://github.com/gradio-app/gradio/commit/4c08b9f3c0bcafb0edc56330d8d81e78a6e3763b) - Prevent scrolling when the dataframe cell menu is open.  Thanks @hannahblair!
+- [#10541](https://github.com/gradio-app/gradio/pull/10541) [`e505fab`](https://github.com/gradio-app/gradio/commit/e505fabecb17c50e073483ed7d6aab2e04c9fcf2) - Add copy button feedback to `gr.Dataframe`.  Thanks @hannahblair!
+- [#10507](https://github.com/gradio-app/gradio/pull/10507) [`3748e4c`](https://github.com/gradio-app/gradio/commit/3748e4c902683ff406fdd246fa8c07dbbbed3ad5) - Chatbot `allow_tags`.  Thanks @dawoodkhan82!
+- [#10552](https://github.com/gradio-app/gradio/pull/10552) [`ed25a10`](https://github.com/gradio-app/gradio/commit/ed25a1053a55ddd2cf7d3067c72bdf77185ada8d) - Add 1920px wide resolution for wide monitors.  Thanks @Oncorporation!
+- [#10540](https://github.com/gradio-app/gradio/pull/10540) [`deeebfb`](https://github.com/gradio-app/gradio/commit/deeebfba46f15bb3641b86e25156215d2d727087) - Revert editable text changes.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10544](https://github.com/gradio-app/gradio/pull/10544) [`9b87e12`](https://github.com/gradio-app/gradio/commit/9b87e12f1a44e1bcee1373a877a6d39f4e6395e9) - Fix gr.Plot change/load events and plotly css loaded.  Thanks @freddyaboulton!
+- [#10515](https://github.com/gradio-app/gradio/pull/10515) [`1269ad0`](https://github.com/gradio-app/gradio/commit/1269ad0f0096323d613e7c8d15728bb491bcc409) - Plotly 6.0 Fix: Install latest plotly js version.  Thanks @freddyaboulton!
+- [#10490](https://github.com/gradio-app/gradio/pull/10490) [`178311b`](https://github.com/gradio-app/gradio/commit/178311b72d72a3c5f4a67bee5e0098be4232e68c) - Ensure row numbers functionality in dataframe works as expected.  Thanks @hannahblair!
+- [#10560](https://github.com/gradio-app/gradio/pull/10560) [`4e72dfe`](https://github.com/gradio-app/gradio/commit/4e72dfef99b2614c00931a828ed78876f8f945d0) - Fix Auth.  Thanks @freddyaboulton!
+- [#10466](https://github.com/gradio-app/gradio/pull/10466) [`8e2cf2f`](https://github.com/gradio-app/gradio/commit/8e2cf2f32c4ffe4540aed0dd8448089f0a19eedd) - Fix the wrapper function of micropip.install to throw the original error for better debug experience.  Thanks @whitphx!
+- [#10548](https://github.com/gradio-app/gradio/pull/10548) [`bcbb7b6`](https://github.com/gradio-app/gradio/commit/bcbb7b69f5bda624f9d5537c6557258e70afb3a7) - Fix DF Postprocess for tuples.  Thanks @freddyaboulton!
+- [#10546](https://github.com/gradio-app/gradio/pull/10546) [`27155cf`](https://github.com/gradio-app/gradio/commit/27155cfc0ca49b8d2727f3271ff413105b4da59e) - Native Plot respects the height parameters.  Thanks @freddyaboulton!
+- [#10534](https://github.com/gradio-app/gradio/pull/10534) [`855d870`](https://github.com/gradio-app/gradio/commit/855d87001a492afce1aff9c2eb3de765d8855828) - Footer alignment fix.  Thanks @aliabid94!
+- [#10535](https://github.com/gradio-app/gradio/pull/10535) [`d909868`](https://github.com/gradio-app/gradio/commit/d9098681f8883686a617c8f98b22c77057febed1) - Ensure `max_height` is applied in `gr.Dataframe`.  Thanks @hannahblair!
+- [#10547](https://github.com/gradio-app/gradio/pull/10547) [`083d68b`](https://github.com/gradio-app/gradio/commit/083d68b223be82a65f18c553df9ae690a8118a49) - quick_fix_client.  Thanks @aliabid94!
+- [#10521](https://github.com/gradio-app/gradio/pull/10521) [`79937fd`](https://github.com/gradio-app/gradio/commit/79937fd76021b31abdbc3f8f2c32ef123fd676aa) - Change word-break prop in dataframe headers.  Thanks @hannahblair!
+- [#10520](https://github.com/gradio-app/gradio/pull/10520) [`2a1fc2a`](https://github.com/gradio-app/gradio/commit/2a1fc2a92888f622579e4b2daf86be487c73004d) - Ensure links work as expected in dataframe.  Thanks @hannahblair!
+- [#10524](https://github.com/gradio-app/gradio/pull/10524) [`ccf590c`](https://github.com/gradio-app/gradio/commit/ccf590c6df0329eca653d94c2508b3bb19db8a29) - Expand tabs in row by default.  Thanks @aliabid94!
+- [#10531](https://github.com/gradio-app/gradio/pull/10531) [`a18ac9c`](https://github.com/gradio-app/gradio/commit/a18ac9c56a67dbc0a1d0fb464fa12f531998b170) - Fix bug where plots wouldn't load when initial value provided.  Thanks @freddyaboulton!
+
+## 5.15.0
+
+### Features
+
+- [#10345](https://github.com/gradio-app/gradio/pull/10345) [`39f0c23`](https://github.com/gradio-app/gradio/commit/39f0c233034449d0d0cdb77d0b34e4fca7b9cc8b) - Allow image uploads to gr.load_chat.  Thanks @aliabid94!
+- [#10456](https://github.com/gradio-app/gradio/pull/10456) [`8e40c15`](https://github.com/gradio-app/gradio/commit/8e40c15669ed1244d6f2288e55c2223279bd37a4) - Implement multiple cell selection.  Thanks @hannahblair!
+- [#10480](https://github.com/gradio-app/gradio/pull/10480) [`90f90b7`](https://github.com/gradio-app/gradio/commit/90f90b7989081b0e4422384ee699cb98781723d1) - Add sidebar to the docs.  Thanks @aliabd!
+- [#10495](https://github.com/gradio-app/gradio/pull/10495) [`35fda36`](https://github.com/gradio-app/gradio/commit/35fda36de9745757298cafb3d8b91cbc1a4358c9) - Add an `anchor_links` parameter to `gr.ParamViewer` that allows linking to specific parameters.  Thanks @abidlabs!
+- [#10433](https://github.com/gradio-app/gradio/pull/10433) [`2e8dc74`](https://github.com/gradio-app/gradio/commit/2e8dc74f751be02f7217f78d241806b42fcdca04) - Allow building multipage Gradio apps.  Thanks @aliabid94!
+- [#10496](https://github.com/gradio-app/gradio/pull/10496) [`a9bfbc3`](https://github.com/gradio-app/gradio/commit/a9bfbc389d325592e83fd85c5f255864dc34c8be) - Add support for inference `providers` in `gr.load()`.  Thanks @abidlabs!
+- [#10463](https://github.com/gradio-app/gradio/pull/10463) [`ed7a091`](https://github.com/gradio-app/gradio/commit/ed7a0919ab6b31184dc4d686b722dbeb013e9ce9) - Expand and collapse dataframe cells.  Thanks @hannahblair!
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+- [#10491](https://github.com/gradio-app/gradio/pull/10491) [`ff5f976`](https://github.com/gradio-app/gradio/commit/ff5f976bbb685fdd4f7c1faeda79e094f55a9f56) - Allow multiline headers in gr.Dataframe.  Thanks @hannahblair!
+- [#10494](https://github.com/gradio-app/gradio/pull/10494) [`10932a2`](https://github.com/gradio-app/gradio/commit/10932a291ac7f591bb1d56e4e353b51f10ecc6e3) - Ensure dataframe is not editable when `interactive` is False.  Thanks @hannahblair!
+- [#10485](https://github.com/gradio-app/gradio/pull/10485) [`6401d32`](https://github.com/gradio-app/gradio/commit/6401d32e79074f2e4c4beda6308c194eba4af6eb) - chore: update dropdown.py.  Thanks @eltociear!
+- [#10446](https://github.com/gradio-app/gradio/pull/10446) [`2cf449a`](https://github.com/gradio-app/gradio/commit/2cf449abb38815bb3414ac9bee1535f5f0f834ae) - Add more ImageEditor js tests.  Thanks @freddyaboulton!
+- [#10483](https://github.com/gradio-app/gradio/pull/10483) [`3750082`](https://github.com/gradio-app/gradio/commit/3750082b266464487cd5b7684ae1590ae03d3bef) - Sidebar Fixes.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#10476](https://github.com/gradio-app/gradio/pull/10476) [`017ed46`](https://github.com/gradio-app/gradio/commit/017ed462720766f1d28205765aade6338f58da07) - Clean up `gr.DataFrame.postprocess()` and fix issue with getting headers of empty dataframes.  Thanks @abidlabs!
+
+## 5.14.0
+
+### Features
+
+- [#10461](https://github.com/gradio-app/gradio/pull/10461) [`ca7c47e`](https://github.com/gradio-app/gradio/commit/ca7c47e5e50a309cd637c4f928ab90af6355b01d) - Add copy button to dataframe toolbar.  Thanks @hannahblair!
+- [#10420](https://github.com/gradio-app/gradio/pull/10420) [`a69b8e8`](https://github.com/gradio-app/gradio/commit/a69b8e83ad7c89c627db2bdd5d25b0142731aaac) - Support column/row deletion in `gr.DataFrame`.  Thanks @abidlabs!
+- [#10470](https://github.com/gradio-app/gradio/pull/10470) [`3465fdb`](https://github.com/gradio-app/gradio/commit/3465fdb19087471598ca07c93bc4ff3e1b6b2abf) - Format backend with latest `ruff`.  Thanks @abidlabs!
+- [#10469](https://github.com/gradio-app/gradio/pull/10469) [`62d0669`](https://github.com/gradio-app/gradio/commit/62d06694ddafada677aff0d54d70ac3cf1448c91) - Request mic permissions only after the Record button is clicked in `gr.Audio()`.  Thanks @abidlabs!
+- [#10435](https://github.com/gradio-app/gradio/pull/10435) [`ef66fe5`](https://github.com/gradio-app/gradio/commit/ef66fe52b22448a5125a314581f2ec6c73c24145) - Sidebar Component.  Thanks @dawoodkhan82!
+- [#10460](https://github.com/gradio-app/gradio/pull/10460) [`324383f`](https://github.com/gradio-app/gradio/commit/324383fb814a955178a1f72ee1080a955ad593d0) - Fix typecheck error due to huggingface_hub update.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#10459](https://github.com/gradio-app/gradio/pull/10459) [`fa220a3`](https://github.com/gradio-app/gradio/commit/fa220a31a54d85f2851bd6717c81d1dbee77868e) - Patch plotly requirement to force to install v5 along with altair.  Thanks @whitphx!
+
+## 5.13.2
+
+### Features
+
+- [#10452](https://github.com/gradio-app/gradio/pull/10452) [`dd178f3`](https://github.com/gradio-app/gradio/commit/dd178f3dd5968df445b43f5e3b8cb86b11374913) - Tiny tweak to example dataframes.  Thanks @hannahblair!
+- [#10426](https://github.com/gradio-app/gradio/pull/10426) [`2167f58`](https://github.com/gradio-app/gradio/commit/2167f58fb8d64141d1b9d567af621c8b4d039e04) - Update Pyodide to 0.27.2.  Thanks @whitphx!
+- [#10448](https://github.com/gradio-app/gradio/pull/10448) [`337b522`](https://github.com/gradio-app/gradio/commit/337b5224a682fe18dc8d1c1e5bab2a3341ce01dc) - Small tweaks to `gr.ChatMessage` and spacing between chatbot messages.  Thanks @abidlabs!
+
+## 5.13.1
+
+### Features
+
+- [#10370](https://github.com/gradio-app/gradio/pull/10370) [`71c8b8a`](https://github.com/gradio-app/gradio/commit/71c8b8abbfae0e47eb46561b0104bd452e5dffe8) - Clear Image Editor Value with None.  Thanks @freddyaboulton!
+- [#10416](https://github.com/gradio-app/gradio/pull/10416) [`3c2e12b`](https://github.com/gradio-app/gradio/commit/3c2e12b5ba52441f45565ae8e14cea46ea5b5b2c) - Fix ImageEditor Cropping - Cropping now crops the background image instead of the image + canvas.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#10405](https://github.com/gradio-app/gradio/pull/10405) [`92dda15`](https://github.com/gradio-app/gradio/commit/92dda15f6d1c71929d3bdca1910734309db72458) - Hide the waveform when playing recorded audio if `show_recording_waveform` is `False`.  Thanks @abidlabs!
+- [#10421](https://github.com/gradio-app/gradio/pull/10421) [`90e0b47`](https://github.com/gradio-app/gradio/commit/90e0b47be30687347d5d7f2ec8bff16ac6a99560) - Update all md5 hashes to sha256.  Thanks @LArkema!
+- [#10406](https://github.com/gradio-app/gradio/pull/10406) [`b7a7e59`](https://github.com/gradio-app/gradio/commit/b7a7e590945e938714a5c9a8694d4f188d54b314) - Support presigned URLs with gr.Video, gr.Model3D, and other components.  Thanks @abidlabs!
+
+## 5.13.0
+
+### Features
+
+- [#10359](https://github.com/gradio-app/gradio/pull/10359) [`c44da25`](https://github.com/gradio-app/gradio/commit/c44da259feb3e27e155654d0c229ed299cdd40c6) - Allow modifying the chatbot value directly in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10367](https://github.com/gradio-app/gradio/pull/10367) [`5881296`](https://github.com/gradio-app/gradio/commit/5881296ea59a4f4fcb5be79b21180bb4aae31ef2) - Improve component docstrings and misc docs.  Thanks @abidlabs!
+- [#10377](https://github.com/gradio-app/gradio/pull/10377) [`feb1e81`](https://github.com/gradio-app/gradio/commit/feb1e81ecabf34fd3f9ec228dcf3bdaa4b0bd75e) - Add toolbar with fullscreen button to `gr.Dataframe`.  Thanks @hannahblair!
+- [#10341](https://github.com/gradio-app/gradio/pull/10341) [`b0cf92f`](https://github.com/gradio-app/gradio/commit/b0cf92f03ba29f29fa540de8c5803a7263df0106) - PWA icon customization.  Thanks @whitphx!
+- [#10392](https://github.com/gradio-app/gradio/pull/10392) [`4d47e4b`](https://github.com/gradio-app/gradio/commit/4d47e4b4e2f07d4dd5b600f7d9180c7ad3e67a1f) - Add a `log` parameter to Chatbot metadata that allows displaying `str` content next to the thought title.  Thanks @abidlabs!
+- [#10352](https://github.com/gradio-app/gradio/pull/10352) [`6a7cfc4`](https://github.com/gradio-app/gradio/commit/6a7cfc4264822209148ad07d8f38a0550bdb32b7) - Compatibility between Client and ZeroGPU.  Thanks @abidlabs!
+- [#10366](https://github.com/gradio-app/gradio/pull/10366) [`b10f5e1`](https://github.com/gradio-app/gradio/commit/b10f5e150a048ded255efdd34cfb7d5706ae2ff7) - Lite: retry install.  Thanks @whitphx!
+- [#10376](https://github.com/gradio-app/gradio/pull/10376) [`2b7ba48`](https://github.com/gradio-app/gradio/commit/2b7ba4801398b6dd6b72496ea50245a0cd6852d6) - Add `show_row_numbers` param to gr.Dataframe.  Thanks @hannahblair!
+- [#10368](https://github.com/gradio-app/gradio/pull/10368) [`8cf0461`](https://github.com/gradio-app/gradio/commit/8cf0461e36a9e1d5ada95bca2215a29592f29206) - Fix ReDoS.  Thanks @kevinbackhouse!
+- [#10346](https://github.com/gradio-app/gradio/pull/10346) [`43e05d7`](https://github.com/gradio-app/gradio/commit/43e05d72f43c9ac8dc18e4b885c9da08605b09e6) - Document additional helper classes for `gr.Chatbot`.  Thanks @abidlabs!
+- [#10340](https://github.com/gradio-app/gradio/pull/10340) [`a91cb9c`](https://github.com/gradio-app/gradio/commit/a91cb9c42c02b70273b4cd55ab18148a7436fe57) - Add `show_reset_button` to `gr.slider` initialization.  Thanks @amanchauhan11!
+- [#10410](https://github.com/gradio-app/gradio/pull/10410) [`48809c7`](https://github.com/gradio-app/gradio/commit/48809c722bcbb3aaed72edfdb6c59de5413fdbc4) - Fix bug where dataframe `value` prop was not updating when an input value was changed manually.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10369](https://github.com/gradio-app/gradio/pull/10369) [`eb85edf`](https://github.com/gradio-app/gradio/commit/eb85edf4b27b33038c0923387d6d1a6f57a73980) - Quick fix: 0 is ignored Slider/Number issue.  Thanks @dawoodkhan82!
+- [#10357](https://github.com/gradio-app/gradio/pull/10357) [`43e7cce`](https://github.com/gradio-app/gradio/commit/43e7cce2bd8ddd274fcba890bfeaa7ead7f32434) - Fix ImageEditor Size Issues.  Thanks @freddyaboulton!
+- [#10365](https://github.com/gradio-app/gradio/pull/10365) [`40e0c48`](https://github.com/gradio-app/gradio/commit/40e0c4832060cef457406896b2ad94639888897a) - Ensure clicking on a cell once enables editing mode.  Thanks @hannahblair!
+- [#10383](https://github.com/gradio-app/gradio/pull/10383) [`9517043`](https://github.com/gradio-app/gradio/commit/951704346cff56f4a781605d8f323f9113975eb0) - Ensure columns hidden with pandas `.hide()` works as expected.  Thanks @hannahblair!
+- [#10404](https://github.com/gradio-app/gradio/pull/10404) [`9dc5d15`](https://github.com/gradio-app/gradio/commit/9dc5d157aaf002f7699d3b2c1652f49d47e53e80) - Tweak behavior related to the `status` of `gr.Chatbot` thought messages.  Thanks @abidlabs!
+- [#10390](https://github.com/gradio-app/gradio/pull/10390) [`9e6eded`](https://github.com/gradio-app/gradio/commit/9e6ededef144f3f1a8ebbc47076b55d60f5b2ef3) - Removes css tag that overrides Gradio theme setting.  Thanks @ericwu09!
+- [#10348](https://github.com/gradio-app/gradio/pull/10348) [`62cd4ef`](https://github.com/gradio-app/gradio/commit/62cd4ef302cd7529d1f8842b416f9d8fcf6b5750) - Handle `row_count=0` in gr.Dataframe.  Thanks @hannahblair!
+- [#10403](https://github.com/gradio-app/gradio/pull/10403) [`3219382`](https://github.com/gradio-app/gradio/commit/3219382eeea0a0047c74e0cdd2bf333e69f8f806) - Fix event triggers and recent regressions related to `gr.DataFrame`.  Thanks @abidlabs!
+- [#10360](https://github.com/gradio-app/gradio/pull/10360) [`31cccc3`](https://github.com/gradio-app/gradio/commit/31cccc3e79a3d1b4a840610d9becb235f8829b13) - Fix logic for detecting changes in `gr.Dataframe` table value.  Thanks @abidlabs!
+- [#10372](https://github.com/gradio-app/gradio/pull/10372) [`96bbde2`](https://github.com/gradio-app/gradio/commit/96bbde277e059f79bb2c9898576050e84dab147a) - Allow propogation of fill_height through Rows and Tabs, via scale.  Thanks @aliabid94!
+
+## 5.12.0
+
+### Features
+
+- [#10323](https://github.com/gradio-app/gradio/pull/10323) [`391a4d0`](https://github.com/gradio-app/gradio/commit/391a4d09a90406b768eee30e1c12a0bc84fc27a2) - Add `.previous_value` to `gr.EditData`.  Thanks @abidlabs!
+- [#10270](https://github.com/gradio-app/gradio/pull/10270) [`bb11a2a`](https://github.com/gradio-app/gradio/commit/bb11a2a702ca04fde245e7d54d155cbcbde7791e) - [ZeroGPU] Handshake-based postMessage.  Thanks @cbensimon!
+- [#10305](https://github.com/gradio-app/gradio/pull/10305) [`be40307`](https://github.com/gradio-app/gradio/commit/be40307d1d11421e01bf91fa5e05ec4ab97b09d8) - Add support for thinking LLMs directly in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10226](https://github.com/gradio-app/gradio/pull/10226) [`58b8391`](https://github.com/gradio-app/gradio/commit/58b839196e17776cbd0d48997905496f7746d31f) - Improve tool UI and support nested thoughts.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10327](https://github.com/gradio-app/gradio/pull/10327) [`e0cb47f`](https://github.com/gradio-app/gradio/commit/e0cb47f0c5040049fb942a381c0335de4bf77d67) - Fix webcam.  Thanks @Col0ring!
+- [#10308](https://github.com/gradio-app/gradio/pull/10308) [`3543418`](https://github.com/gradio-app/gradio/commit/354341826a629d06640ce3ec5e5881bcccd6e339) - ImageEditor: Trigger input event even if change event not defined.  Thanks @freddyaboulton!
+- [#10322](https://github.com/gradio-app/gradio/pull/10322) [`d2691e7`](https://github.com/gradio-app/gradio/commit/d2691e7436f722781ee61db43ce3f2d5ccc3e253) - Quick Fix: Multimodal microphone audio not clearing.  Thanks @dawoodkhan82!
+- [#10331](https://github.com/gradio-app/gradio/pull/10331) [`decb594`](https://github.com/gradio-app/gradio/commit/decb5944552e951525c283e069e116c1ff6b6807) - Update guide for `gr.load_chat` and allow `**kwargs`.  Thanks @abidlabs!
+- [#10332](https://github.com/gradio-app/gradio/pull/10332) [`e742dcc`](https://github.com/gradio-app/gradio/commit/e742dcccb376692c9ddd5a6c251080e7c5936574) - Allow users to add a custom API route.  Thanks @aliabid94!
+- [#10324](https://github.com/gradio-app/gradio/pull/10324) [`343503d`](https://github.com/gradio-app/gradio/commit/343503d62eabab7af1a8a524d16a8e076a75dd67) - Support `gr.load()`-ing Gradio apps with `Blocks.load()` events.  Thanks @abidlabs!
+
+## 5.11.0
+
+### Features
+
+- [#10304](https://github.com/gradio-app/gradio/pull/10304) [`6b63fde`](https://github.com/gradio-app/gradio/commit/6b63fdec441b5c9bf910f910a2505d8defbb6bf8) - Blocked Paths Fix.  Thanks @freddyaboulton!
+- [#10303](https://github.com/gradio-app/gradio/pull/10303) [`f19ca89`](https://github.com/gradio-app/gradio/commit/f19ca89cdd4040dbaa41bbc3b9915edc032603a0) - Add preview_open and preview_close events to Gallery.  Thanks @freddyaboulton!
+- [#10314](https://github.com/gradio-app/gradio/pull/10314) [`84e72e4`](https://github.com/gradio-app/gradio/commit/84e72e401cdc97a91086301d2b25164e7d15623a) - Restore chat interface full height.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10306](https://github.com/gradio-app/gradio/pull/10306) [`9fc988e`](https://github.com/gradio-app/gradio/commit/9fc988ebaf4bea24b71308922bb1889f1d3f4f6e) - Fix bug where ImageEditor always sends empty layers list to the backend.  Thanks @freddyaboulton!
+- [#10297](https://github.com/gradio-app/gradio/pull/10297) [`1e253ff`](https://github.com/gradio-app/gradio/commit/1e253ff127e97c18852a32cbc1269494c6cee017) - Fix test_subclass_conversion with numpy==2.x.  Thanks @abidlabs!
+
+## 5.10.0
+
+### Features
+
+- [#10203](https://github.com/gradio-app/gradio/pull/10203) [`c3a9e64`](https://github.com/gradio-app/gradio/commit/c3a9e647381f787085662828747e6ac61f8a0c01) - Allow editing chatbot messages.  Thanks @aliabid94!
+- [#10272](https://github.com/gradio-app/gradio/pull/10272) [`a1f2649`](https://github.com/gradio-app/gradio/commit/a1f2649586752a013fb4d36b83d5fea2e137bb81) - Chat Interface flagging and chatbot feedback.  Thanks @aliabid94!
+- [#10225](https://github.com/gradio-app/gradio/pull/10225) [`f0cf3b7`](https://github.com/gradio-app/gradio/commit/f0cf3b789a4ebb5ac2e33243fea80c6c6f080d42) - Dataframe support in Chatbot.  Thanks @dawoodkhan82!
+- [#10292](https://github.com/gradio-app/gradio/pull/10292) [`f2bd72f`](https://github.com/gradio-app/gradio/commit/f2bd72f9ef23552f0c6018396320eca9baef04f5) - Reset flagged values when switching conversations in chat history.  Thanks @abidlabs!
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10197](https://github.com/gradio-app/gradio/pull/10197) [`a95f8ef`](https://github.com/gradio-app/gradio/commit/a95f8ef3ee2663cf502129e829493a44b2641613) - Add support for returning multiple messages from `gr.ChatInterface` chat function.  Thanks @abidlabs!
+- [#10186](https://github.com/gradio-app/gradio/pull/10186) [`9b17032`](https://github.com/gradio-app/gradio/commit/9b17032a6564c8bda4ab1749989a9797c670919c) - Add Microphone Input to MultimodalTextbox.  Thanks @dawoodkhan82!
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+- [#10187](https://github.com/gradio-app/gradio/pull/10187) [`64d1864`](https://github.com/gradio-app/gradio/commit/64d1864f8fb6f2d0b274fcf7bd47bdb1f6a77980) - `manifest json` for PWA.  Thanks @whitphx!
+- [#10262](https://github.com/gradio-app/gradio/pull/10262) [`f3bedd4`](https://github.com/gradio-app/gradio/commit/f3bedd4011bdfdecc952eb1275a9dd96af3e8d71) - add gr.Success and update windows contributing.  Thanks @not-lain!
+- [#10254](https://github.com/gradio-app/gradio/pull/10254) [`da07707`](https://github.com/gradio-app/gradio/commit/da0770748db9ea40194a43c9138ee2c6536b1247) - Add a `settings` link to the footer with i18n options & pwa instructions.  Thanks @abidlabs!
+- [#9984](https://github.com/gradio-app/gradio/pull/9984) [`45df1b1`](https://github.com/gradio-app/gradio/commit/45df1b1978e597546a208ecbf5b3aca56137edc5) - Lite: Capture stdout and stderr from the main thread.  Thanks @whitphx!
+- [#10210](https://github.com/gradio-app/gradio/pull/10210) [`13a83e5`](https://github.com/gradio-app/gradio/commit/13a83e5001e29594990d61569887cb8562744964) - Allow reordering files in gr.File.  Thanks @hannahblair!
+- [#10221](https://github.com/gradio-app/gradio/pull/10221) [`506bd28`](https://github.com/gradio-app/gradio/commit/506bd2884a9790fb6f8dbf5684576e80d2b8ee64) - Update Guides related to deploying Gradio chatbots to Discord, Slack, and website widgets.  Thanks @abidlabs!
+- [#10229](https://github.com/gradio-app/gradio/pull/10229) [`1be31c1`](https://github.com/gradio-app/gradio/commit/1be31c14e2a6884a60babf690cfded560bca5144) - Allow editable ChatInterface.  Thanks @aliabid94!
+- [#10245](https://github.com/gradio-app/gradio/pull/10245) [`3e4e0de`](https://github.com/gradio-app/gradio/commit/3e4e0de51a2ece9a1cab70a69c065bda685569e8) - Add `gr.BrowserState` change event.  Thanks @abidlabs!
+- [#10222](https://github.com/gradio-app/gradio/pull/10222) [`9c6d83d`](https://github.com/gradio-app/gradio/commit/9c6d83d12e4b67c5638ba67281c6f018052c5b3e) - gr.load_chat: Allow loading any openai-compatible server immediately as a ChatInterface.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10214](https://github.com/gradio-app/gradio/pull/10214) [`501adef`](https://github.com/gradio-app/gradio/commit/501adefd0c3d5769055ef2156c85e586eb60bf84) - Some agent low-hanging issues.  Thanks @freddyaboulton!
+- [#10290](https://github.com/gradio-app/gradio/pull/10290) [`99123e7`](https://github.com/gradio-app/gradio/commit/99123e75f5f1c222d70bd86cd37dbc4450c62cba) - Fixed warning about not being able to find the app for some pattern.  Thanks @YanSte!
+- [#10269](https://github.com/gradio-app/gradio/pull/10269) [`890eaa3`](https://github.com/gradio-app/gradio/commit/890eaa3a9e53dab5bcb16c5d017ae0470109b8fb) - Allow displaying SVG images securely in `gr.Image` and `gr.Gallery` components.  Thanks @abidlabs!
+- [#10209](https://github.com/gradio-app/gradio/pull/10209) [`2700d18`](https://github.com/gradio-app/gradio/commit/2700d1898bc8eeb3fd9f65ce77be17c2614a388f) - Ensure the `height` param in `gr.File` works as expected.  Thanks @hannahblair!
+- [#10235](https://github.com/gradio-app/gradio/pull/10235) [`9285dd9`](https://github.com/gradio-app/gradio/commit/9285dd9eb842ee05bd8a0fd4f0f9143788096bbc) - Fix typing for components in `gr.Interface` and docstring in `image.py`.  Thanks @abidlabs!
+- [#10207](https://github.com/gradio-app/gradio/pull/10207) [`314a8b5`](https://github.com/gradio-app/gradio/commit/314a8b55f57a30806b37fe077b471df97d04245d) - fix: make sure `comp.instance` exists.  Thanks @Col0ring!
+- [#10238](https://github.com/gradio-app/gradio/pull/10238) [`3f19210`](https://github.com/gradio-app/gradio/commit/3f192100d6997751d0246b396a4fd8eaa86a826b) - Declare exports in __all__ for type checking.  Thanks @dustalov!
+
+## 5.9.1
+
+### Fixes
+
+- [#10212](https://github.com/gradio-app/gradio/pull/10212) [`3d8fc42`](https://github.com/gradio-app/gradio/commit/3d8fc42c94034a29edbc43852937684b478d4667) - Fix render trigger.  Thanks @aliabid94!
+
+## 5.9.0
+
+### Features
+
+- [#10196](https://github.com/gradio-app/gradio/pull/10196) [`c9ba9a4`](https://github.com/gradio-app/gradio/commit/c9ba9a447596a9ccdd21955adb3b34b15cac7ade) - Use the modern lower-case Python types in the API typing information.  Thanks @abidlabs!
+- [#10149](https://github.com/gradio-app/gradio/pull/10149) [`9cd291b`](https://github.com/gradio-app/gradio/commit/9cd291b7f1c37ef0ffd3e8721fb2b648003b50fc) - Resizeable chatbot.  Thanks @aliabid94!
+- [#10109](https://github.com/gradio-app/gradio/pull/10109) [`48e4aa9`](https://github.com/gradio-app/gradio/commit/48e4aa9d627b6958a0b215d6312de508845f669c) - adds a `run_examples_on_click` parameter to `gr.ChatInterface` mirroring the the `run_on_click` parameter in `gr.Examples`.  Thanks @abidlabs!
+- [#10135](https://github.com/gradio-app/gradio/pull/10135) [`3e93740`](https://github.com/gradio-app/gradio/commit/3e93740f057712278a7c2194a1702f48915683e1) - Improve pasted text behaviour in `Multimodaltextbox`.  Thanks @hannahblair!
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+- [#10111](https://github.com/gradio-app/gradio/pull/10111) [`3665e81`](https://github.com/gradio-app/gradio/commit/3665e81b53555e2b499b877208686f3027eaceb4) - Allow Chatbot examples to show more than one image.  Thanks @hannahblair!
+- [#10088](https://github.com/gradio-app/gradio/pull/10088) [`cb5b891`](https://github.com/gradio-app/gradio/commit/cb5b89108e0217131a914315be698827a4d05c15) - Refactor `NO_RELOAD` implementation.  Thanks @CNSeniorious000!
+- [#10132](https://github.com/gradio-app/gradio/pull/10132) [`6645518`](https://github.com/gradio-app/gradio/commit/6645518a66e01ebcd2746626a4e2a14239172e76) - Tweak Chatbot `bubble_full_width` behaviour.  Thanks @hannahblair!
+- [#10198](https://github.com/gradio-app/gradio/pull/10198) [`494c4dd`](https://github.com/gradio-app/gradio/commit/494c4ddf6c5ccefe5f5c1bb8dc0671e5b54cd79f) - Add note that SSR mode is experimental.  Thanks @abidlabs!
+- [#10155](https://github.com/gradio-app/gradio/pull/10155) [`23a2958`](https://github.com/gradio-app/gradio/commit/23a2958f5e2104b4f371915986251e8ea09bd44b) - Add a `.click()` event and `padding` parameter to the `HTML` component.  Thanks @abidlabs!
+- [#10158](https://github.com/gradio-app/gradio/pull/10158) [`19e1ef5`](https://github.com/gradio-app/gradio/commit/19e1ef52dcd2c7f2bae49ef7844fbfd31c1785fe) - make printing the error message from a `gr.Error` to the console configurable.  Thanks @obendidi!
+- [#10137](https://github.com/gradio-app/gradio/pull/10137) [`fe7a9db`](https://github.com/gradio-app/gradio/commit/fe7a9db659e009bb5ac0e4e9cb4ac0eab1f2c2f4) - Improve uploaded file UI in Chatbot.  Thanks @hannahblair!
+- [#10169](https://github.com/gradio-app/gradio/pull/10169) [`25484f4`](https://github.com/gradio-app/gradio/commit/25484f4bfbffdb18850cbd85d4468ea8324afe1a) - By default, consecutive messages are displayed in the same bubble. This is controlled by the new `display_consecutive_in_same_bubble` param of Chatbot.  Thanks @freddyaboulton!
+- [#10092](https://github.com/gradio-app/gradio/pull/10092) [`20b9d72`](https://github.com/gradio-app/gradio/commit/20b9d72ebb1b962cb34a657cbdad15d003931c6e) - Pass value of `HF_TOKEN` environment variable when loading models with `gr.load`.  Thanks @abidlabs!
+- [#10166](https://github.com/gradio-app/gradio/pull/10166) [`8ac5b13`](https://github.com/gradio-app/gradio/commit/8ac5b13c96f871ac4b0f13c6ebfbb5559a18bcc2) - Add Japanese translations for login UI.  Thanks @kazuhitoyokoi!
+- [#10193](https://github.com/gradio-app/gradio/pull/10193) [`424365b`](https://github.com/gradio-app/gradio/commit/424365bdbd0b805e3b2d0c44ccc0f47201b1d96a) - JSON type fix in Client and and typing fix for `/chat` endpoint in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10159](https://github.com/gradio-app/gradio/pull/10159) [`7ca3685`](https://github.com/gradio-app/gradio/commit/7ca36850c9e46a1eb5b7a3866b4b166776b4146f) - Add Japanese message into message catalog.  Thanks @kazuhitoyokoi!
+- [#10188](https://github.com/gradio-app/gradio/pull/10188) [`22fe4ce`](https://github.com/gradio-app/gradio/commit/22fe4ce5a11d7bbdace2fa8e2fd63eccb74f5b07) - Fix  `multipart` ModuleNotFoundError by renaming import to `python_multipart`.  Thanks @archiloque!
+
+### Fixes
+
+- [#10168](https://github.com/gradio-app/gradio/pull/10168) [`7d70596`](https://github.com/gradio-app/gradio/commit/7d70596d0b3343dc4b357758f85420a0afdb65a2) - Multimodal autofocus fix.  Thanks @dawoodkhan82!
+- [#10167](https://github.com/gradio-app/gradio/pull/10167) [`5f03649`](https://github.com/gradio-app/gradio/commit/5f03649668856a383066964b60cb14c9cd566140) - Let Gradio be typed!.  Thanks @abidlabs!
+- [#10185](https://github.com/gradio-app/gradio/pull/10185) [`e525680`](https://github.com/gradio-app/gradio/commit/e52568031633fcecb67276f878382e05c111d258) - Clean up `gr.ChatInterface` and fix API type discrepancy.  Thanks @abidlabs!
+- [#10131](https://github.com/gradio-app/gradio/pull/10131) [`4984e84`](https://github.com/gradio-app/gradio/commit/4984e847fa2575f9fb209c6b1b73a9003e79e564) - Fix API docs for `multimodal_textbox.py`.  Thanks @abidlabs!
+- [#10129](https://github.com/gradio-app/gradio/pull/10129) [`2b55302`](https://github.com/gradio-app/gradio/commit/2b5530274af3936c82176f09db529168263acc2c) - Quick Fix: Fixes autoplay parameter for Audio/Video in Chatbot.  Thanks @dawoodkhan82!
+- [#10190](https://github.com/gradio-app/gradio/pull/10190) [`b4004e3`](https://github.com/gradio-app/gradio/commit/b4004e37ae2e4c61c25012802a9d7aa559a2e690) - Support event + request data in gr.render triggers.  Thanks @aliabid94!
+- [#10170](https://github.com/gradio-app/gradio/pull/10170) [`5e6e234`](https://github.com/gradio-app/gradio/commit/5e6e234cba820d29ebe29de2597d36ab3683093b) - Custom component in rerender.  Thanks @aliabid94!
+- [#10161](https://github.com/gradio-app/gradio/pull/10161) [`3a053cc`](https://github.com/gradio-app/gradio/commit/3a053cc76c173c6386e0b5102b03e1a56786cbb9) - Fix chatbot `visible` prop not reacting to changes.  Thanks @freddyaboulton!
+- [#10097](https://github.com/gradio-app/gradio/pull/10097) [`43d88c3`](https://github.com/gradio-app/gradio/commit/43d88c32bf5f636762acffba839800e05294e484) - Fix: Added support for show_api in mount_gradio_app.  Thanks @HongweiRuan!
+
+## 5.8.0
+
+### Features
+
+- [#10083](https://github.com/gradio-app/gradio/pull/10083) [`b2a21c6`](https://github.com/gradio-app/gradio/commit/b2a21c643dc5e50581567cbde7b660357b3d982e) - Add HTML support to paramviewer descriptions.  Thanks @aliabd!
+- [#10096](https://github.com/gradio-app/gradio/pull/10096) [`ec10aa3`](https://github.com/gradio-app/gradio/commit/ec10aa3b9b42d8c3fe930aff9465c469626992d4) - Fix paramviewer descriptions to only render markdown links.  Thanks @aliabd!
+- [#10080](https://github.com/gradio-app/gradio/pull/10080) [`ebe25bc`](https://github.com/gradio-app/gradio/commit/ebe25bc13f3b2a90876c59a816c6976fd12b6b73) - Fix chatbot/chatinterface type mismatch.  Thanks @abidlabs!
+- [#10071](https://github.com/gradio-app/gradio/pull/10071) [`01b919f`](https://github.com/gradio-app/gradio/commit/01b919f04b69732fd8adb52f6d156e5683589221) - Support `additional_outputs` in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10081](https://github.com/gradio-app/gradio/pull/10081) [`b94f010`](https://github.com/gradio-app/gradio/commit/b94f010a5672730d50b191c0b92df1676bb7144c) - Apply Zero GPU for `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10099](https://github.com/gradio-app/gradio/pull/10099) [`8530b6e`](https://github.com/gradio-app/gradio/commit/8530b6e2f986421adceda98f972e6b843bc03fbe) - Redesign pending bubble in Chatbot.  Thanks @hannahblair!
+- [#10032](https://github.com/gradio-app/gradio/pull/10032) [`e450674`](https://github.com/gradio-app/gradio/commit/e450674ce41ca28f1f37a27fb149c728593a6ddf) - add  `webcam_height` and `webcam_width` to specify the resolution of the Webcam.  Thanks @yinsumirage!
+
+### Fixes
+
+- [#10123](https://github.com/gradio-app/gradio/pull/10123) [`36e9597`](https://github.com/gradio-app/gradio/commit/36e95977b068a96661f06b56c5f4e73ba8a94a38) - Fixes options in the streaming chatbot case.  Thanks @abidlabs!
+- [#10095](https://github.com/gradio-app/gradio/pull/10095) [`97d647e`](https://github.com/gradio-app/gradio/commit/97d647ecfdf3999b0a776e51abf69ef0cf6a050c) - Fix state changes within a gr.render.  Thanks @aliabid94!
+- [#10094](https://github.com/gradio-app/gradio/pull/10094) [`98dd668`](https://github.com/gradio-app/gradio/commit/98dd6687e1d4cc527fdc21083cba74533032a417) - add http codes 303 and 307 to `url_ok`.  Thanks @sharon-wang!
+- [#10125](https://github.com/gradio-app/gradio/pull/10125) [`b02c8b7`](https://github.com/gradio-app/gradio/commit/b02c8b7d4f85dab21a9fbd782e459de7b56558ed) - Fix sharing on chatbot with spaces.  Thanks @aliabid94!
+- [#10124](https://github.com/gradio-app/gradio/pull/10124) [`5d61c7b`](https://github.com/gradio-app/gradio/commit/5d61c7b70131ed0a7e73b883b687b7df5255a17b) - Fix lazy caching.  Thanks @abidlabs!
+- [#10114](https://github.com/gradio-app/gradio/pull/10114) [`ce5680f`](https://github.com/gradio-app/gradio/commit/ce5680f10fb572407a83d8ff8954379e2aaaab65) - Add event and gr.Select data support in gr.render blocks.  Thanks @aliabid94!
+- [#10113](https://github.com/gradio-app/gradio/pull/10113) [`de42c85`](https://github.com/gradio-app/gradio/commit/de42c85661faff84bd02960751b12c4bb722e153) - fix `every=` support in render.  Thanks @aliabid94!
+- [#10090](https://github.com/gradio-app/gradio/pull/10090) [`5ea3cb5`](https://github.com/gradio-app/gradio/commit/5ea3cb51a39ba01fda7f65ff31e59955e1d12cea) - Update `requirements.txt` for `gradio` and `gradio_client`.  Thanks @abidlabs!
+
+## 5.7.1
+
+### Features
+
+- [#10068](https://github.com/gradio-app/gradio/pull/10068) [`cbd7032`](https://github.com/gradio-app/gradio/commit/cbd703270a479f5bb8fc7327026e6d3c72ca8e0c) - fix: stream node response to user.  Thanks @XciD!
+- [#10064](https://github.com/gradio-app/gradio/pull/10064) [`c38cf64`](https://github.com/gradio-app/gradio/commit/c38cf64df606109b8b4fa029d82fbc64fd58d850) - Use get_token instead of HfFolder.get_token.  Thanks @Wauplin!
+
+### Fixes
+
+- [#10025](https://github.com/gradio-app/gradio/pull/10025) [`368ba73`](https://github.com/gradio-app/gradio/commit/368ba731069583b22fcf7ddc9501db349f6a2953) - Update Chat Interface examples and add more LLM libraries and API providers.  Thanks @abidlabs!
+- [#10059](https://github.com/gradio-app/gradio/pull/10059) [`19d4ee6`](https://github.com/gradio-app/gradio/commit/19d4ee62c3111262c4dde172690faa2f468d068d) - Allow concurrent renders.  Thanks @aliabid94!
+- [#10069](https://github.com/gradio-app/gradio/pull/10069) [`afd75de`](https://github.com/gradio-app/gradio/commit/afd75def9e979d9b255a6d22d33a3aee63b6f225) - Fix label placement in gr.HTML.  Thanks @hannahblair!
+
+## 5.7.0
+
+### Features
+
+- [#10013](https://github.com/gradio-app/gradio/pull/10013) [`5d36c80`](https://github.com/gradio-app/gradio/commit/5d36c8088d4d7f7dccce55a3f2be3bcd8b345332) - Add `gr.datetime` a param `interactive:bool`.  Thanks @yinsumirage!
+- [#10054](https://github.com/gradio-app/gradio/pull/10054) [`458941c`](https://github.com/gradio-app/gradio/commit/458941c508f11d43debf1cef6950f330145e336d) - Allow full screen mode in interactive gr.Image.  Thanks @hannahblair!
+- [#10017](https://github.com/gradio-app/gradio/pull/10017) [`a95fda1`](https://github.com/gradio-app/gradio/commit/a95fda1f85e80ce8423f4373bb238422b9b7aa32) - fix small bug when join src & api_prefix.  Thanks @Chandler-Bing!
+- [#10014](https://github.com/gradio-app/gradio/pull/10014) [`4aa0e88`](https://github.com/gradio-app/gradio/commit/4aa0e887a6e4b0245c01aac5a57f2adce67ade9a) - Add `container parameter` to `gr.HTML` component.  Thanks @yinsumirage!
+- [#9987](https://github.com/gradio-app/gradio/pull/9987) [`a2a3cd4`](https://github.com/gradio-app/gradio/commit/a2a3cd466c25e99949d5c49ed5710825dc796030) - Add `show_heading` param to gr.Label.  Thanks @hannahblair!
+- [#10030](https://github.com/gradio-app/gradio/pull/10030) [`ba05a7c`](https://github.com/gradio-app/gradio/commit/ba05a7cbb93af7ed565c563aa24fef920d14013d) - fix typing of launcher function.  Thanks @JackismyShephard!
+- [#9979](https://github.com/gradio-app/gradio/pull/9979) [`e7629f7`](https://github.com/gradio-app/gradio/commit/e7629f7eacdc2a8960fae7472669b60405a4a06c) - Adds copy event to `gr.Markdown`, `gr.Chatbot`, and `gr.Textbox`.  Thanks @abidlabs!
+- [#9989](https://github.com/gradio-app/gradio/pull/9989) [`369a44e`](https://github.com/gradio-app/gradio/commit/369a44e7f8c829b3c0e21830d3c2e92b89b4c243) - Add ability to provide preset response options in `gr.Chatbot` / `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10053](https://github.com/gradio-app/gradio/pull/10053) [`bea3d2e`](https://github.com/gradio-app/gradio/commit/bea3d2e363ed5471fcdfb12086b1ae4939c3bd35) - Add api_name for ChatInterface.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#9945](https://github.com/gradio-app/gradio/pull/9945) [`e9f0d03`](https://github.com/gradio-app/gradio/commit/e9f0d0315d27325f55a8b1c5c763d07e3d78fd06) - Ensure Enter is correctly handled in Safari and Firefox.  Thanks @hannahblair!
+- [#9990](https://github.com/gradio-app/gradio/pull/9990) [`c3324d7`](https://github.com/gradio-app/gradio/commit/c3324d7f7f824f17fd1177b2f6b353ab5c803d05) - Fix issues related to examples and example caching in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10055](https://github.com/gradio-app/gradio/pull/10055) [`5da6c1d`](https://github.com/gradio-app/gradio/commit/5da6c1da474cc5cfe2e6abfb242a3b1f3dcdfcb7) - Ensure chatbot messages are aligned correctly.  Thanks @hannahblair!
+- [#10036](https://github.com/gradio-app/gradio/pull/10036) [`ed156e2`](https://github.com/gradio-app/gradio/commit/ed156e258bef2f0db2d9bd828e0748c2e6cb9fb5) - Fix state serialization issue.  Thanks @freddyaboulton!
+- [#10016](https://github.com/gradio-app/gradio/pull/10016) [`7b8f1e4`](https://github.com/gradio-app/gradio/commit/7b8f1e447acae4506236db9819c7c4a54f8b8153) - Fix double gallery close button in preview.  Thanks @freddyaboulton!
+- [#9822](https://github.com/gradio-app/gradio/pull/9822) [`2e2cdbf`](https://github.com/gradio-app/gradio/commit/2e2cdbfb609ca992ccc31bb38589486aaaa14012) - Fix css preload when serving from proxied subpaths.  Thanks @amol-!
+- [#10037](https://github.com/gradio-app/gradio/pull/10037) [`d0b74ba`](https://github.com/gradio-app/gradio/commit/d0b74ba281b37d8883a4e4fbb98c5922600ca41e) - Ensure toolbar stays visible for large images in ImageEditor.  Thanks @hannahblair!
+- [#10015](https://github.com/gradio-app/gradio/pull/10015) [`db162bf`](https://github.com/gradio-app/gradio/commit/db162bfc5907d16b437443fef3c6972065cfa836) - enable lazy caching for chatinterface.  Thanks @abidlabs!
+- [#10000](https://github.com/gradio-app/gradio/pull/10000) [`29cfc03`](https://github.com/gradio-app/gradio/commit/29cfc03ecf92e459c538b0e17e942b0af4f5df4c) - Call `run_extra_startup_events` in Lite.  Thanks @whitphx!
+- [#10038](https://github.com/gradio-app/gradio/pull/10038) [`7d134e0`](https://github.com/gradio-app/gradio/commit/7d134e0b30ea916d208b7b2eacbb4788456d1377) - Fix example loading issue.  Thanks @freddyaboulton!
+- [#10011](https://github.com/gradio-app/gradio/pull/10011) [`74f22d5`](https://github.com/gradio-app/gradio/commit/74f22d57a153e087d81a8937cc9c918ff7d3eeb9) - Fix Starlette templating deprecation warning.  Thanks @abidlabs!
+- [#10001](https://github.com/gradio-app/gradio/pull/10001) [`f2fa270`](https://github.com/gradio-app/gradio/commit/f2fa27058ad9170f67bb6a1e1960bfb6ed2a2a76) - Fix Node.js start in Windows.  Thanks @rrg92!
+- [#10004](https://github.com/gradio-app/gradio/pull/10004) [`0879be7`](https://github.com/gradio-app/gradio/commit/0879be78b3ae220cb303ac275c8fd47d085aad18) - Ensure `show_label` param is used in HighlightedText.  Thanks @hannahblair!
+- [#9988](https://github.com/gradio-app/gradio/pull/9988) [`2afcad8`](https://github.com/gradio-app/gradio/commit/2afcad80abd489111e47cf586a2a8221cc3dc9b6) - Allow negative values in gr.Slider.  Thanks @hannahblair!
+- [#10041](https://github.com/gradio-app/gradio/pull/10041) [`c1fa13c`](https://github.com/gradio-app/gradio/commit/c1fa13c9c057ce05a325782e58b409cde79383b8) - Ensure ImageEditor brush colour is updated when changed.  Thanks @hannahblair!
+- [#10056](https://github.com/gradio-app/gradio/pull/10056) [`e0ed480`](https://github.com/gradio-app/gradio/commit/e0ed480798b237cbf76a711d02a91100e7b6067e) - Remove duplicated share icon in gr.Chatbot.  Thanks @hannahblair!
+
+## 5.6.0
+
+### Features
+
+- [#9906](https://github.com/gradio-app/gradio/pull/9906) [`eafe22c`](https://github.com/gradio-app/gradio/commit/eafe22cd9404d536b03d3fa80003acea78599d49) - Clearer error message in CheckboxGroup's preprocess function.  Thanks @muhammadyaseen!
+- [#9930](https://github.com/gradio-app/gradio/pull/9930) [`eae345e`](https://github.com/gradio-app/gradio/commit/eae345e5fde39aea220b57c6a954cd7d72ff32d5) - Allow settings custom headers in js client.  Thanks @elgiano!
+- [#9921](https://github.com/gradio-app/gradio/pull/9921) [`a70ba5e`](https://github.com/gradio-app/gradio/commit/a70ba5e0f01f0c376da0d4e45634bc967f5299f4) - Clearer error message in Dropdown's and Radio's preprocess function.  Thanks @muhammadyaseen!
+- [#9933](https://github.com/gradio-app/gradio/pull/9933) [`66375ac`](https://github.com/gradio-app/gradio/commit/66375acb5c0a3a8eecc4cfa00701b14f21f3ed68) - Fix typo in Exception raised by base.py.  Thanks @meg-huggingface!
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+- [#9966](https://github.com/gradio-app/gradio/pull/9966) [`da6f191`](https://github.com/gradio-app/gradio/commit/da6f1915547b03601d1808b28e57cca62308df71) - Remember token locally with `gr.load()`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#9949](https://github.com/gradio-app/gradio/pull/9949) [`cfb62bf`](https://github.com/gradio-app/gradio/commit/cfb62bfdb52d88295f27287f788fca977e37ae6d) - Allow dataframe column content to wrap.  Thanks @hannahblair!
+- [#9897](https://github.com/gradio-app/gradio/pull/9897) [`c0cf80b`](https://github.com/gradio-app/gradio/commit/c0cf80bddd99ad0f836e618cc3d2b13e73cb5611) - Allow datetime value to be null.  Thanks @hannahblair!
+- [#9958](https://github.com/gradio-app/gradio/pull/9958) [`75ad3e3`](https://github.com/gradio-app/gradio/commit/75ad3e341978a521df3d11d4f97d6e55f784c9a1) - SSR Safari Fix.  Thanks @dawoodkhan82!
+- [#9905](https://github.com/gradio-app/gradio/pull/9905) [`08f4b8b`](https://github.com/gradio-app/gradio/commit/08f4b8b000702456e04fac70961a4fbe0058f11c) - Add `allow_file_downloads` param to allow downloading image/video/audio media in chatbot.  Thanks @hannahblair!
+- [#9913](https://github.com/gradio-app/gradio/pull/9913) [`d81f430`](https://github.com/gradio-app/gradio/commit/d81f430fd50546001b76c0ae5fded32c6d3093f7) - fix: Fix filename stripping to preserve extensions.  Thanks @TakaSoap!
+- [#9946](https://github.com/gradio-app/gradio/pull/9946) [`a966e9f`](https://github.com/gradio-app/gradio/commit/a966e9f753af25eb9d813dfdbce39be6f3014d82) - Hide upload button after upload when `file_count="single"`.  Thanks @abidlabs!
+- [#9901](https://github.com/gradio-app/gradio/pull/9901) [`74b4ff0`](https://github.com/gradio-app/gradio/commit/74b4ff0e61a2a32e1cd5e3354d3002b369c7ad83) - Ensure radio radius is consistent with checkbox radius.  Thanks @hannahblair!
+- [#9904](https://github.com/gradio-app/gradio/pull/9904) [`f523c91`](https://github.com/gradio-app/gradio/commit/f523c915d3732859ff4a8019a82cb597b5208ae2) - Ensure dropped files are validated in MultimediaTextbox.  Thanks @hannahblair!
+
+## 5.5.0
+
+### Features
+
+- [#9875](https://github.com/gradio-app/gradio/pull/9875) [`8305ff8`](https://github.com/gradio-app/gradio/commit/8305ff8712183f27174cfb891548ad7cc1c67fed) - Adds `.expand()` and `.collapse()` events to `gr.Accordion`.  Thanks @abidlabs!
+- [#9424](https://github.com/gradio-app/gradio/pull/9424) [`a1582a6`](https://github.com/gradio-app/gradio/commit/a1582a6dca494618c734208cade87acfdac91004) - Lite worker refactoring.  Thanks @whitphx!
+- [#9891](https://github.com/gradio-app/gradio/pull/9891) [`fc12496`](https://github.com/gradio-app/gradio/commit/fc124964a1b4922e54a4ca4755f0a536dfae1a21) - Allow uploading more files in gr.File.  Thanks @hannahblair!
+- [#9898](https://github.com/gradio-app/gradio/pull/9898) [`dcfa7ad`](https://github.com/gradio-app/gradio/commit/dcfa7ad3e819002c0213a592ad726ccfd9e2bf0c) - Enforce `meta` key present during preprocess in FileData payloads.  Thanks @freddyaboulton!
+- [#9887](https://github.com/gradio-app/gradio/pull/9887) [`d407c00`](https://github.com/gradio-app/gradio/commit/d407c007153705a7f5446f4601c12f208ec32a5b) - Add `.download()` event to `gr.File`.  Thanks @abidlabs!
+- [#9726](https://github.com/gradio-app/gradio/pull/9726) [`b6725cf`](https://github.com/gradio-app/gradio/commit/b6725cf6c1fe9667dc10e1988976ed36d84d73d3) - Lite auto-load imported modules with `pyodide.loadPackagesFromImports`.  Thanks @whitphx!
+- [#9786](https://github.com/gradio-app/gradio/pull/9786) [`f109497`](https://github.com/gradio-app/gradio/commit/f109497e8281b3429b58e3f6a293dd63ebcc08af) - Fix frontend errors on ApiDocs and RecordingSnippet.  Thanks @whitphx!
+- [#9800](https://github.com/gradio-app/gradio/pull/9800) [`d1cfe1e`](https://github.com/gradio-app/gradio/commit/d1cfe1e9defa06f927aec2671656fe77514dd0fa) - Allow plot tooltip to show extra columns.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9835](https://github.com/gradio-app/gradio/pull/9835) [`4d90883`](https://github.com/gradio-app/gradio/commit/4d9088354df528c8edf981f3e756d8927d3e8805) - Allows selection of directories in File Explorer.  Thanks @aliabid94!
+- [#9883](https://github.com/gradio-app/gradio/pull/9883) [`e10bbd2`](https://github.com/gradio-app/gradio/commit/e10bbd236f5817698f5e5ac1c14c7ec179a725b6) - Fix live interfaces for audio/image streaming.  Thanks @freddyaboulton!
+- [#9804](https://github.com/gradio-app/gradio/pull/9804) [`458a38c`](https://github.com/gradio-app/gradio/commit/458a38cabb8e378bb008b1abec8eee8b780fe712) - Fixes for ChatInterface Examples when additional inputs are provided.  Thanks @dawoodkhan82!
+- [#9827](https://github.com/gradio-app/gradio/pull/9827) [`7ed8d02`](https://github.com/gradio-app/gradio/commit/7ed8d02979e8ad4db6ef62b29ce080f31bcf9a0d) - Fix Loading SSR'd apps via gr.load.  Thanks @freddyaboulton!
+- [#9882](https://github.com/gradio-app/gradio/pull/9882) [`6c8a064`](https://github.com/gradio-app/gradio/commit/6c8a064feeaa89a2ffc96260032f24f18eb032fa) - Ensure non-form elements are correctly positioned when scale is applied.  Thanks @hannahblair!
+- [#9880](https://github.com/gradio-app/gradio/pull/9880) [`120198f`](https://github.com/gradio-app/gradio/commit/120198fe2da2ded9e8f27549b9dfd1cd81992ec4) - Fixes LoginButton for SSR.  Thanks @dawoodkhan82!
+- [#9881](https://github.com/gradio-app/gradio/pull/9881) [`6866a54`](https://github.com/gradio-app/gradio/commit/6866a5433afe7e29ad73bac10ecbc3b44f5867f4) - Ensure gallery share button is positioned correctly.  Thanks @hannahblair!
+- [#9826](https://github.com/gradio-app/gradio/pull/9826) [`69acfeb`](https://github.com/gradio-app/gradio/commit/69acfebffd0d3479a40352de19c8763863557428) - Make sure the Tool accordion is closed if it is not the last message.  Thanks @freddyaboulton!
+- [#9892](https://github.com/gradio-app/gradio/pull/9892) [`7d77024`](https://github.com/gradio-app/gradio/commit/7d77024cb8f9cfd39a6468de9534e58dcfa69f49) - Fix dataframe height increasing on scroll.  Thanks @abidlabs!
+- [#9859](https://github.com/gradio-app/gradio/pull/9859) [`c1cb5be`](https://github.com/gradio-app/gradio/commit/c1cb5be2d79fce5d25032366b5864700ba9d1114) - Fix: Resolve copy button visibility issue in Textbox component.  Thanks @rahulsamant37!
+- [#9886](https://github.com/gradio-app/gradio/pull/9886) [`fa5d433`](https://github.com/gradio-app/gradio/commit/fa5d4339d6aafda529150d9536b895e2b239c831) - Do not load code in gr.NO_RELOAD in the reload mode watch thread.  Thanks @freddyaboulton!
+
+## 5.4.0
+
+### Features
+
+- [#9834](https://github.com/gradio-app/gradio/pull/9834) [`febbed6`](https://github.com/gradio-app/gradio/commit/febbed6db1c1f33cab52bf0d0bbe31fc4ba65305) - Pin multipart version to fix issues with yanking.  Thanks @aliabd!
+- [#9792](https://github.com/gradio-app/gradio/pull/9792) [`d2b56a4`](https://github.com/gradio-app/gradio/commit/d2b56a4c0457c1d5f30a9bbef2572049e47de312) - more fix.  Thanks @pngwn!
+- [#9795](https://github.com/gradio-app/gradio/pull/9795) [`ff5be45`](https://github.com/gradio-app/gradio/commit/ff5be457dc2ed901f3de1493bdbcb80ec341207a) - Use `safehttpx.get()` instead of `async_get_with_secure_transport()`.  Thanks @abidlabs!
+- [#9807](https://github.com/gradio-app/gradio/pull/9807) [`5e89b6d`](https://github.com/gradio-app/gradio/commit/5e89b6d23a872e62e795f5bac969837b0d05de50) - Allow accepting user-provided-tokens in `gr.load`.  Thanks @abidlabs!
+- [#9819](https://github.com/gradio-app/gradio/pull/9819) [`160b27c`](https://github.com/gradio-app/gradio/commit/160b27c0d1f92f487cb91b311edfa3aa9e8af561) - Update requirements.txt to allow pillow 11.x.  Thanks @bob-jones-cs!
+- [#9649](https://github.com/gradio-app/gradio/pull/9649) [`b1b81c9`](https://github.com/gradio-app/gradio/commit/b1b81c9e1c10c2c14a5cb0661d2503259ece1a1b) - Hide option to add row/col when count is fixed in dataframe.  Thanks @hannahblair!
+- [#9805](https://github.com/gradio-app/gradio/pull/9805) [`78e3b51`](https://github.com/gradio-app/gradio/commit/78e3b517af97dd11a3a0465bd34360b9bd8945c1) - Allow setting plotly margins.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9831](https://github.com/gradio-app/gradio/pull/9831) [`767643f`](https://github.com/gradio-app/gradio/commit/767643fdeccb1ae1481e1d79034317082144b371) - Fix a bug in example textbox rendering when it is initially invisible.  Thanks @cornzz!
+- [#9836](https://github.com/gradio-app/gradio/pull/9836) [`a4e70f3`](https://github.com/gradio-app/gradio/commit/a4e70f3c428d7a43e31b63d296e9c4c73b09eda8) - Fix Tabs in Rows.  Thanks @aliabid94!
+- [#9769](https://github.com/gradio-app/gradio/pull/9769) [`3b9ed29`](https://github.com/gradio-app/gradio/commit/3b9ed299e9ffd7df834299cfcd547be0e844e1bb) - Fix avatar image placement in Chatbot.  Thanks @hannahblair!
+- [#9757](https://github.com/gradio-app/gradio/pull/9757) [`f971ca6`](https://github.com/gradio-app/gradio/commit/f971ca6ab53100693152bb3f975fa753a6e29e3b) - added audioop-lts module to support pydub for python3.13+.  Thanks @samy-FERGUI!
+- [#9651](https://github.com/gradio-app/gradio/pull/9651) [`1163a37`](https://github.com/gradio-app/gradio/commit/1163a372a61cf84d110160c1711892b9b689d1d3) - Fixes component info font size.  Thanks @dawoodkhan82!
+- [#9814](https://github.com/gradio-app/gradio/pull/9814) [`6505d42`](https://github.com/gradio-app/gradio/commit/6505d4289a3e3d27d9133b1c8af41697fdc1476d) - support gradio apps on spaces served on subpaths.  Thanks @pngwn!
+- [#9806](https://github.com/gradio-app/gradio/pull/9806) [`b538bda`](https://github.com/gradio-app/gradio/commit/b538bdaa067a01a1ac404356062086c9dc7001b5) - update docstring for the the "variant" parameter in `gr.Button`.  Thanks @fadingNA!
+- [#9815](https://github.com/gradio-app/gradio/pull/9815) [`90d9d14`](https://github.com/gradio-app/gradio/commit/90d9d1451860d99fc7b74d5105543f5e71c4b6b9) - use different env var for node port range.  Thanks @pngwn!
+- [#9825](https://github.com/gradio-app/gradio/pull/9825) [`f15808e`](https://github.com/gradio-app/gradio/commit/f15808eff361cdbba5237d1deb8b60128bc844e4) - fix: use system timezone in gr.DateTime with include_time=False.  Thanks @lcian!
+- [#9783](https://github.com/gradio-app/gradio/pull/9783) [`caf3650`](https://github.com/gradio-app/gradio/commit/caf3650482970cf649ec17d1a2d7d43651b37a04) - Exclude python-multipart 0.0.13.  Thanks @whitphx!
+
+## 5.3.0
+
+### Features
+
+- [#9746](https://github.com/gradio-app/gradio/pull/9746) [`5015abb`](https://github.com/gradio-app/gradio/commit/5015abbd78434754931c2b09d9f603f212c4566d) - fix `@gradio/sanitize` exports.  Thanks @pngwn!
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+- [#9781](https://github.com/gradio-app/gradio/pull/9781) [`7579e92`](https://github.com/gradio-app/gradio/commit/7579e92971e67be3ae81dd00a3acfbb58dd9ba27) - Allow smoother plot changes.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9770](https://github.com/gradio-app/gradio/pull/9770) [`47b5565`](https://github.com/gradio-app/gradio/commit/47b556523db3b63d6a9c2f9f69e8632bfa4ddff6) - Fix broken image select.  Thanks @aliabid94!
+- [#9754](https://github.com/gradio-app/gradio/pull/9754) [`36a5076`](https://github.com/gradio-app/gradio/commit/36a50769095081a0e77f04f513d47a2e9d4531ba) - Update client.py: raise error on 429 get_config.  Thanks @Pendrokar!
+- [#9780](https://github.com/gradio-app/gradio/pull/9780) [`a72e1a9`](https://github.com/gradio-app/gradio/commit/a72e1a97686601bf72c7df5e7e066a532bbb7f38) - Streaming Markdown in chatbot Component Fix.  Thanks @dawoodkhan82!
+- [#9767](https://github.com/gradio-app/gradio/pull/9767) [`16895e8`](https://github.com/gradio-app/gradio/commit/16895e862871839db762f6318622a5a64b9d5199) - Fixes #9742.  Thanks @crypdick!
+- [#9654](https://github.com/gradio-app/gradio/pull/9654) [`cd7dab7`](https://github.com/gradio-app/gradio/commit/cd7dab7ba5c81983f133dfa9e90ac6f92ac4fa1f) - Improve select event behaviour in gr.Dataframe.  Thanks @hannahblair!
+- [#9700](https://github.com/gradio-app/gradio/pull/9700) [`2932e06`](https://github.com/gradio-app/gradio/commit/2932e067d5716a0f3939bfa3f310db8cdcf565c1) - Fix API info bug.  Thanks @freddyaboulton!
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+- [#9758](https://github.com/gradio-app/gradio/pull/9758) [`38701a9`](https://github.com/gradio-app/gradio/commit/38701a99710f9484dade8a93c5bf3a43ea30a0d3) - Fix icons not showing in Safari.  Thanks @hannahblair!
+- [#9738](https://github.com/gradio-app/gradio/pull/9738) [`2ade59b`](https://github.com/gradio-app/gradio/commit/2ade59b95d4c3610a1a461cc95f020fbf9627305) - Export `Tabs` type from `@gradio/tabs` and fix the Playground to be compatible with the new Tabs API.  Thanks @whitphx!
+- [#9762](https://github.com/gradio-app/gradio/pull/9762) [`bcb7d15`](https://github.com/gradio-app/gradio/commit/bcb7d15a8aef1cf1b873ba3d039fbec91432c5b2) - Add a `.clear` event to the `gr.Chatbot` component.  Thanks @abidlabs!
+- [#9765](https://github.com/gradio-app/gradio/pull/9765) [`df34f58`](https://github.com/gradio-app/gradio/commit/df34f58c3db12abb3965af8ea83a1bbd25c22be7) - Fixes bug where SVG icons could not be used in Buttons/Chatbots.  Thanks @freddyaboulton!
+
+## 5.2.1
+
+### Fixes
+
+- [#9730](https://github.com/gradio-app/gradio/pull/9730) [`39a0e8c`](https://github.com/gradio-app/gradio/commit/39a0e8c2fb038eb0afc213fa6290c9b2acee7941) - Fix chatbot component streaming bug and visible bug.  Thanks @freddyaboulton!
+
+## 5.2.0
+
+### Features
+
+- [#9712](https://github.com/gradio-app/gradio/pull/9712) [`bad46f3`](https://github.com/gradio-app/gradio/commit/bad46f3e8c1b6e94ccb8c936fe6a0e1c1e6f87f8) - Set min FastAPI version.  Thanks @freddyaboulton!
+- [#9699](https://github.com/gradio-app/gradio/pull/9699) [`ea2367c`](https://github.com/gradio-app/gradio/commit/ea2367ccb1b75827a086d1c19e2a4595d7a5aa0f) - allow setting initial value of `gr.Dropdown` to `None` to designate that no value should be initially selected.  Thanks @abidlabs!
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+### Fixes
+
+- [#9716](https://github.com/gradio-app/gradio/pull/9716) [`3c7f2ad`](https://github.com/gradio-app/gradio/commit/3c7f2ad15f80724bbc5c88c24621e6a078d2bb97) - Restore light/dark custom setting.  Thanks @aliabid94!
+- [#9719](https://github.com/gradio-app/gradio/pull/9719) [`7ec57cb`](https://github.com/gradio-app/gradio/commit/7ec57cb018a97270cd00c6e1aa5558e378855c53) - Fix Lite dependencies.  Thanks @whitphx!
+- [#9711](https://github.com/gradio-app/gradio/pull/9711) [`7134fc2`](https://github.com/gradio-app/gradio/commit/7134fc272e9e60be4b80dfd294ff8926d5995188) - Custom component fixes.  Thanks @freddyaboulton!
+- [#9659](https://github.com/gradio-app/gradio/pull/9659) [`b1a0f6d`](https://github.com/gradio-app/gradio/commit/b1a0f6db0d6900cb4089f4d5809a5f1d5e2609ee) - Fix the behavior of `gr.LoginButton` locally and on Spaces.  Thanks @abidlabs!
+- [#9693](https://github.com/gradio-app/gradio/pull/9693) [`c45b466`](https://github.com/gradio-app/gradio/commit/c45b46652d49e0a8a5d8217bbbc6ddbe4b4e91f0) - Fix progress bar compatibility with generators.  Thanks @brody715!
+- [#9728](https://github.com/gradio-app/gradio/pull/9728) [`d0b2ce8`](https://github.com/gradio-app/gradio/commit/d0b2ce8c0f150f0b636ad7d2226f7c8c61401996) - Ensure tabs render in SSR mode and reduce time it takes for them to render.  Thanks @pngwn!
+- [#9709](https://github.com/gradio-app/gradio/pull/9709) [`31418ef`](https://github.com/gradio-app/gradio/commit/31418ef388a2dc524069ee230c2735a4beaf55f1) - fix table type check.  Thanks @hannahblair!
+- [#9731](https://github.com/gradio-app/gradio/pull/9731) [`ea283e7`](https://github.com/gradio-app/gradio/commit/ea283e739849dcbb1c49c04d4c756d3cb2d72dbb) - fix css syntax error.  Thanks @pngwn!
+- [#9652](https://github.com/gradio-app/gradio/pull/9652) [`35bebf3`](https://github.com/gradio-app/gradio/commit/35bebf38eb0f61fe8e4f032ee093e92355baeecb) - Hide default slider background.  Thanks @hannahblair!
+- [#9678](https://github.com/gradio-app/gradio/pull/9678) [`a25a26e`](https://github.com/gradio-app/gradio/commit/a25a26e208c3f3675ba857a889553c7ccc95e866) - Fix: `file_types` checking bug.  Thanks @jasongzy!
+
+## 5.1.0
+
+### Features
+
+- [#9662](https://github.com/gradio-app/gradio/pull/9662) [`b1c5a68`](https://github.com/gradio-app/gradio/commit/b1c5a68f9003b77b5c70b641100f7db339295180) - Tweak message shown in Colab notebooks.  Thanks @abidlabs!
+- [#9656](https://github.com/gradio-app/gradio/pull/9656) [`8f6626c`](https://github.com/gradio-app/gradio/commit/8f6626cd0e5a0c24e1966fbc3e28185c18a04b61) - Fix streaming Audio/Video Output.  Thanks @freddyaboulton!
+- [#9660](https://github.com/gradio-app/gradio/pull/9660) [`3407b50`](https://github.com/gradio-app/gradio/commit/3407b505c706cd8e2bbe03603a5ff825f2d0a08a) - Chat Interface Functional test Fix + Chat Examples Center.  Thanks @dawoodkhan82!
+- [#9677](https://github.com/gradio-app/gradio/pull/9677) [`3a19e69`](https://github.com/gradio-app/gradio/commit/3a19e690ef8de12c4494429d52988b863065eed3) - Revert text disable.  Thanks @whitphx!
+
+### Fixes
+
+- [#9676](https://github.com/gradio-app/gradio/pull/9676) [`fd0264f`](https://github.com/gradio-app/gradio/commit/fd0264f3358ef848690eceacb75481212dceecf0) - Fix Audio in Chatbot bug.  Thanks @freddyaboulton!
+
+## 5.0.2
+
+### Fixes
+
+- [#9528](https://github.com/gradio-app/gradio/pull/9528) [`9004b11`](https://github.com/gradio-app/gradio/commit/9004b110640bdb54995343a870bf080ee15da02d) - Fix Lite to work on FireFox.  Thanks @whitphx!
+
+## 5.0.1
+
+### Features
+
+- [#9632](https://github.com/gradio-app/gradio/pull/9632) [`9b58ab0`](https://github.com/gradio-app/gradio/commit/9b58ab00b78bedd892c221559b4b54a9211b4969) - bump to node 20.  Thanks @pngwn!
+- [#9626](https://github.com/gradio-app/gradio/pull/9626) [`ec95b02`](https://github.com/gradio-app/gradio/commit/ec95b0212b3ce2bf1a14af92fcd40d15052dd672) - Fix stopping chat interface when stop button is clicked.  Thanks @aliabid94!
+- [#9617](https://github.com/gradio-app/gradio/pull/9617) [`c163182`](https://github.com/gradio-app/gradio/commit/c163182d1b752ef91629f9caa13bf3cce0fb0869) - Fix dark mode detection and container height.  Thanks @pngwn!
+- [#9623](https://github.com/gradio-app/gradio/pull/9623) [`5923c67`](https://github.com/gradio-app/gradio/commit/5923c679136cca68731393d5e4f3bd338e651f44) - Fix Chatbot Examples Error.  Thanks @freddyaboulton!
+- [#9614](https://github.com/gradio-app/gradio/pull/9614) [`5d98550`](https://github.com/gradio-app/gradio/commit/5d985509b4b71aa4aa6b28acc38fe83c278dbbfa) - Fix `retry` and `undo` reactivity in gr.Chatbot.  Thanks @hannahblair!
+- [#9619](https://github.com/gradio-app/gradio/pull/9619) [`1f3ee97`](https://github.com/gradio-app/gradio/commit/1f3ee97d10415bf7dfa693746517cf97897049b7) - Fix Functional Tests.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#9630](https://github.com/gradio-app/gradio/pull/9630) [`2eaa066`](https://github.com/gradio-app/gradio/commit/2eaa0667e1d1a0edd1089bf8c3ffa3f563b9bca2) - Fix duplicate attribute error.  Thanks @pngwn!
+
+## 5.0.0-beta.10
+
+### Fixes
+
+- [#9600](https://github.com/gradio-app/gradio/pull/9600) [`9f71086`](https://github.com/gradio-app/gradio/commit/9f71086036339bfdd14f3aab29729041a01fc2d4) - Ensure undo/try shows for final bot message in gr.Chatbot.  Thanks @hannahblair!
+
+## 5.0.0-beta.9
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+- [#9593](https://github.com/gradio-app/gradio/pull/9593) [`cc61fe7`](https://github.com/gradio-app/gradio/commit/cc61fe7047ac61779a61cce52c666400b9517daa) - Some more chatbot fixes.  Thanks @dawoodkhan82!
+- [#9583](https://github.com/gradio-app/gradio/pull/9583) [`b92a762`](https://github.com/gradio-app/gradio/commit/b92a7623e1ebd801587041e1ccca058a61058da9) - Disable the submit button and enter-key submit when the text is empty.  Thanks @whitphx!
+- [#9590](https://github.com/gradio-app/gradio/pull/9590) [`e853c41`](https://github.com/gradio-app/gradio/commit/e853c413583d91186aef3aceb0849d0ec0494834) - SSR e2e + fixes.  Thanks @pngwn!
+- [#9591](https://github.com/gradio-app/gradio/pull/9591) [`139152f`](https://github.com/gradio-app/gradio/commit/139152fe18bfdc5644a59d7bdfec9891b644f0bf) - Equal height in row false by default.  Thanks @aliabid94!
+- [#9589](https://github.com/gradio-app/gradio/pull/9589) [`477f45c`](https://github.com/gradio-app/gradio/commit/477f45cb43be957684eb392e3d62c09490c22391) - Only move files to the cache that have a meta key.  Thanks @freddyaboulton!
+- [#9584](https://github.com/gradio-app/gradio/pull/9584) [`6f8fa54`](https://github.com/gradio-app/gradio/commit/6f8fa5405528ad684084e4c7facfe36624fe7784) - Chat Interface Multimodal Fix & Fallback to `gr.Examples()`.  Thanks @dawoodkhan82!
+- [#9482](https://github.com/gradio-app/gradio/pull/9482) [`bd6c5f2`](https://github.com/gradio-app/gradio/commit/bd6c5f237b0631d86273c7684c3bf2b1011992a3) - Fix custom component CLI on main/5.0.  Thanks @freddyaboulton!
+- [#9601](https://github.com/gradio-app/gradio/pull/9601) [`c078892`](https://github.com/gradio-app/gradio/commit/c07889223cb64661b17560b707b977248809470a) - Tweak gr.Dataframe menu UX.  Thanks @hannahblair!
+- [#9575](https://github.com/gradio-app/gradio/pull/9575) [`4ec2feb`](https://github.com/gradio-app/gradio/commit/4ec2feb04e452d2c77482c09543c59948567be67) - Update gr.Dataframe UI with action popover.  Thanks @hannahblair!
+- [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll.  Thanks @whitphx!
+- [#9598](https://github.com/gradio-app/gradio/pull/9598) [`ffc33fa`](https://github.com/gradio-app/gradio/commit/ffc33facaec1bcc92add5892afb86b7b5ba037d4) - Fix markdown code copy/check button in gr.Chatbot.  Thanks @hannahblair!
+- [#9576](https://github.com/gradio-app/gradio/pull/9576) [`430a26a`](https://github.com/gradio-app/gradio/commit/430a26a4fbcbabb5e9ddb6173bf658a00960e88e) - Fix reload mode.  Thanks @freddyaboulton!
+- [#9580](https://github.com/gradio-app/gradio/pull/9580) [`a9ac396`](https://github.com/gradio-app/gradio/commit/a9ac396f19218eafc441b7614289b4828cde853d) - Deep equal check with hash.  Thanks @aliabid94!
+- [#9499](https://github.com/gradio-app/gradio/pull/9499) [`17e6c84`](https://github.com/gradio-app/gradio/commit/17e6c84d6b11651cd03c1d47caec85de62030ea0) - Fix `gr.Chatbot` panels layout.  Thanks @hannahblair!
+- [#9592](https://github.com/gradio-app/gradio/pull/9592) [`24fe222`](https://github.com/gradio-app/gradio/commit/24fe222fd17583d04dd31aebf60b649224e8382f) - Fix favicon in ssr mode.  Thanks @freddyaboulton!
+
+## 5.0.0-beta.8
+
+### Features
+
+- [#9550](https://github.com/gradio-app/gradio/pull/9550) [`b0fedd7`](https://github.com/gradio-app/gradio/commit/b0fedd7ef718c0df797ec277db7e773543a70a4d) - Fix most flaky Python tests in `5.0-dev` branch.  Thanks @abidlabs!
+- [#9577](https://github.com/gradio-app/gradio/pull/9577) [`9f532e0`](https://github.com/gradio-app/gradio/commit/9f532e03a6b91b9a5592152c19b9b2611774cae7) - Equal height columns.  Thanks @aliabid94!
+- [#9570](https://github.com/gradio-app/gradio/pull/9570) [`e0ee3d5`](https://github.com/gradio-app/gradio/commit/e0ee3d5bb1020744cefa1abf66009fbf07da8cbe) - Update gr.ColorPicker UI.  Thanks @hannahblair!
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+- [#9571](https://github.com/gradio-app/gradio/pull/9571) [`148345d`](https://github.com/gradio-app/gradio/commit/148345d107763754710505281ad70368ebc6f3ec) - Fix chatinterface embedding height issues.  Thanks @aliabid94!
+- [#9525](https://github.com/gradio-app/gradio/pull/9525) [`7c367b6`](https://github.com/gradio-app/gradio/commit/7c367b6cf0472d478671b7c7476e892b4c61c812) - Fix cut off in gr.ImageEditor.  Thanks @hannahblair!
+- [#9522](https://github.com/gradio-app/gradio/pull/9522) [`3b71ed2`](https://github.com/gradio-app/gradio/commit/3b71ed21b7e2ecb67eb68fb946d25565169cb4df) - Api info fix.  Thanks @freddyaboulton!
+- [#9508](https://github.com/gradio-app/gradio/pull/9508) [`b260389`](https://github.com/gradio-app/gradio/commit/b26038932a64f024bd149a56b1539e9e75802f29) - Change caching to occur not at the creation of a `gr.Examples()` but when the Blocks is actually launched.  Thanks @aliabid94!
+- [#9524](https://github.com/gradio-app/gradio/pull/9524) [`cf39640`](https://github.com/gradio-app/gradio/commit/cf396404ec8052c7fbf5f045955028bc54a274a5) - Add `css_paths` and `head_paths` parameters.  Thanks @abidlabs!
+
+## 5.0.0-beta.7
+
+### Features
+
+- [#9546](https://github.com/gradio-app/gradio/pull/9546) [`b82aa6f`](https://github.com/gradio-app/gradio/commit/b82aa6f115f6ad9a9690bdecb0fe63c162dc75c0) - Disable sagemaker_check() for now.  Thanks @vmatt!
+- [#9545](https://github.com/gradio-app/gradio/pull/9545) [`098a009`](https://github.com/gradio-app/gradio/commit/098a009c05243967bd9e5acc28864eb40a135f6a) - Add Jinja2 language to Code component.  Thanks @CISC!
+- [#9526](https://github.com/gradio-app/gradio/pull/9526) [`f60bb68`](https://github.com/gradio-app/gradio/commit/f60bb68f52cd0863d9087b3fbc56635e297adef1) - Fix single select dropdown.  Thanks @whitphx!
+- [#9497](https://github.com/gradio-app/gradio/pull/9497) [`d826faa`](https://github.com/gradio-app/gradio/commit/d826faa8c2584cf0772d4e66b4073e33b83f3a00) - Hide x axis labels.  Thanks @aliabid94!
+
+## 5.0.0-beta.6
+
+### Features
+
+- [#9460](https://github.com/gradio-app/gradio/pull/9460) [`7352a89`](https://github.com/gradio-app/gradio/commit/7352a89722da91461c32fd33588531f3edce9c48) - Playground requirements tab.  Thanks @whitphx!
+- [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes.  Thanks @aliabid94!
+- [#9450](https://github.com/gradio-app/gradio/pull/9450) [`991883e`](https://github.com/gradio-app/gradio/commit/991883e217dc0a3512b3ae3245378812f373b8db) - Improve `gr.Code`.  Thanks @hannahblair!
+- [#9504](https://github.com/gradio-app/gradio/pull/9504) [`d054262`](https://github.com/gradio-app/gradio/commit/d054262f611d5f1eb1a1c936db7152347a891f8e) - Centre components within `Block` when height and width are set.  Thanks @hannahblair!
+- [#9481](https://github.com/gradio-app/gradio/pull/9481) [`2510a6e`](https://github.com/gradio-app/gradio/commit/2510a6e978a49432d7820e9518f164a70cf8acc8) - Fix `slider-color` var.  Thanks @hannahblair!
+- [#9495](https://github.com/gradio-app/gradio/pull/9495) [`488ef76`](https://github.com/gradio-app/gradio/commit/488ef768ccc5008401f7e0aa4c357b93311190ff) - Fix custom component CLI unit tests.  Thanks @freddyaboulton!
+- [#9488](https://github.com/gradio-app/gradio/pull/9488) [`4e6a47f`](https://github.com/gradio-app/gradio/commit/4e6a47f5a29cb885d5bc01a79ca4cc45d298f0b1) - Fixes: Chatbot examples for custom chatbot + rename `suggestions` -> `examples`.  Thanks @dawoodkhan82!
+- [#9506](https://github.com/gradio-app/gradio/pull/9506) [`861f5e9`](https://github.com/gradio-app/gradio/commit/861f5e97ffde5f59e42cfa213364f19e84d799fd) - Fix node process to run with correct server name.  Thanks @abidlabs!
+- [#9493](https://github.com/gradio-app/gradio/pull/9493) [`c307a0c`](https://github.com/gradio-app/gradio/commit/c307a0c9b81b66bde21f0af4a9f7d5726ea7a30d) - Minor fixes to docs and a demo.  Thanks @abidlabs!
+- [#9519](https://github.com/gradio-app/gradio/pull/9519) [`0ab6ac5`](https://github.com/gradio-app/gradio/commit/0ab6ac5dc01b69e4f2462d00c4910f3354441227) - Fix change triggers for dropdown and radio.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#9431](https://github.com/gradio-app/gradio/pull/9431) [`7065e11`](https://github.com/gradio-app/gradio/commit/7065e11e465fcdfe14688bd6ca2aeed0a25fcc36) - Check for `file_types` parameter in the backend.  Thanks @dawoodkhan82!
+
+## 5.0.0-beta.5
+
+### Features
+
+- [#9470](https://github.com/gradio-app/gradio/pull/9470) [`b406139`](https://github.com/gradio-app/gradio/commit/b40613928c0e0d224ff2b4db5d0b45727c178560) - Add support for 3rd party providers to `gr.load`, and provide a better UX for conversational models.  Thanks @abidlabs!
+- [#9383](https://github.com/gradio-app/gradio/pull/9383) [`30d13ac`](https://github.com/gradio-app/gradio/commit/30d13ac8a932d53abfd236d3e4e845570480e701) - Pre/post-processing download requests.  Thanks @aliabid94!
+- [#9464](https://github.com/gradio-app/gradio/pull/9464) [`3ac5d9c`](https://github.com/gradio-app/gradio/commit/3ac5d9c972576d82bc365a6532e6e12f55441a30) - Fix plots.  Thanks @pngwn!
+
+## 5.0.0-beta.4
+
+### Features
+
+- [#9419](https://github.com/gradio-app/gradio/pull/9419) [`018c140`](https://github.com/gradio-app/gradio/commit/018c140ef86cacc8211df05b57b26924dab7fa08) - Start/stop recoding from the backend. Add guide on conversational chatbots.  Thanks @freddyaboulton!
+- [#9453](https://github.com/gradio-app/gradio/pull/9453) [`56dbf77`](https://github.com/gradio-app/gradio/commit/56dbf77671012015efd3c745bc33e5074ab7158f) - Chatbot bug fixes.  Thanks @dawoodkhan82!
+- [#9448](https://github.com/gradio-app/gradio/pull/9448) [`e7a415b`](https://github.com/gradio-app/gradio/commit/e7a415b1ef923d31754b302b3cd8b5e71a9ea446) - Use or `pathlib.Path` objects to indicate filepaths for `css`, `js`, and `head` parameters.  Thanks @abidlabs!
+- [#9469](https://github.com/gradio-app/gradio/pull/9469) [`f7c3396`](https://github.com/gradio-app/gradio/commit/f7c3396f55a5b8364d3880a29d766bd092d7f840) - Fix. Triggered dataframe change event for header change.  Thanks @Joodith!
+- [#9447](https://github.com/gradio-app/gradio/pull/9447) [`afbd8e7`](https://github.com/gradio-app/gradio/commit/afbd8e7a2faadeea5a431f67a753dea14dd5829f) - Reduce analytics that are collected.  Thanks @abidlabs!
+- [#9438](https://github.com/gradio-app/gradio/pull/9438) [`8f469e1`](https://github.com/gradio-app/gradio/commit/8f469e1d1d9d1636e4dedfb1c09e76a5e2ba8d4e) - Small changes to caching.  Thanks @abidlabs!
+- [#9446](https://github.com/gradio-app/gradio/pull/9446) [`0c8fafb`](https://github.com/gradio-app/gradio/commit/0c8fafb31df7ef3ef5812d6efb47ca342a3bad3c) - Fix SSR mode flag with `mount_gradio_app` and revert changes to pytests.  Thanks @abidlabs!
+- [#9456](https://github.com/gradio-app/gradio/pull/9456) [`4d75f02`](https://github.com/gradio-app/gradio/commit/4d75f029aacf0561f50c7afebbe8d54da2cb0af4) - Update object detection guide.  Thanks @freddyaboulton!
+- [#9406](https://github.com/gradio-app/gradio/pull/9406) [`74f3b9d`](https://github.com/gradio-app/gradio/commit/74f3b9ded1ce0ff6f2f0dbcb113edd64b7bb8f60) - Allow skipping an arbitrary number of output components, and also raise a warning if the number of output components does not match the number of values returned from a function.  Thanks @abidlabs!
+- [#9413](https://github.com/gradio-app/gradio/pull/9413) [`a16787a`](https://github.com/gradio-app/gradio/commit/a16787abdc8d507d75b986dbe882d21be4540908) - Lite: HTTPX client improvement.  Thanks @whitphx!
+
+## 5.0.0-beta.3
+
+### Features
+
+- [#9376](https://github.com/gradio-app/gradio/pull/9376) [`d92c26f`](https://github.com/gradio-app/gradio/commit/d92c26fe63f6b88e16c356cb84c55b61f795db73) - Small fixes to `gr.Dataframe` and chatbot docs.  Thanks @abidlabs!
+- [#9412](https://github.com/gradio-app/gradio/pull/9412) [`c2c2fd9`](https://github.com/gradio-app/gradio/commit/c2c2fd989348f826566773c07c0e0bda200199ff) - fix SSR apps on spaces.  Thanks @pngwn!
+
+### Fixes
+
+- [#9405](https://github.com/gradio-app/gradio/pull/9405) [`bf27ff4`](https://github.com/gradio-app/gradio/commit/bf27ff4ac8ada33ea03dd26d5c1c1115aa1f318a) - Center icon in button when no text is present.  Thanks @abidlabs!
+
+## 5.0.0-beta.2
+
+### Features
+
+- [#9359](https://github.com/gradio-app/gradio/pull/9359) [`50c3a7f`](https://github.com/gradio-app/gradio/commit/50c3a7f1541f632853a96f3d979ebeef6ad82869) - Small tweak to how thoughts are shown in `gr.Chatbot`.  Thanks @abidlabs!
+- [#9323](https://github.com/gradio-app/gradio/pull/9323) [`06babda`](https://github.com/gradio-app/gradio/commit/06babda0395fd3fbd323c1c3cb33704ecfd6deb0) - Disable liking user message in chatbot by default but make it configurable.  Thanks @freddyaboulton!
+- [#8966](https://github.com/gradio-app/gradio/pull/8966) [`8e52b6a`](https://github.com/gradio-app/gradio/commit/8e52b6a3e75957462bc7fdbf6ff9c280084d5f08) - Chatbot Examples.  Thanks @dawoodkhan82!
+- [#9261](https://github.com/gradio-app/gradio/pull/9261) [`73647a0`](https://github.com/gradio-app/gradio/commit/73647a07b0439efabe3dd218ff6c366ffa3b84a0) - Move icons into `IconButtonWrapper`.  Thanks @hannahblair!
+- [#9316](https://github.com/gradio-app/gradio/pull/9316) [`4338f29`](https://github.com/gradio-app/gradio/commit/4338f29bce2430d765f20070d1823ecc19d940cb) - 9227 chatinterface retry bug.  Thanks @freddyaboulton!
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9269](https://github.com/gradio-app/gradio/pull/9269) [`e05f568`](https://github.com/gradio-app/gradio/commit/e05f568f47e9fa33ef91dbbe5cc477d32762bc36) - Fix reload mode and streaming in 5.0 dev.  Thanks @freddyaboulton!
+- [#9356](https://github.com/gradio-app/gradio/pull/9356) [`1daf259`](https://github.com/gradio-app/gradio/commit/1daf259b52d0b1ce16d916ff25a15d322b51ecf5) - Use `container` param in `gr.Markdown`.  Thanks @hannahblair!
+- [#9321](https://github.com/gradio-app/gradio/pull/9321) [`81a356d`](https://github.com/gradio-app/gradio/commit/81a356d802f95b6a9a7aeb3759e05e47febbd0d3) - Remove two dependencies: `importlib_resources` and `urllib3` (if not in Wasm).  Thanks @abidlabs!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+- [#9341](https://github.com/gradio-app/gradio/pull/9341) [`02369b3`](https://github.com/gradio-app/gradio/commit/02369b3159df72b2f4a36ce5684574eb65065731) - Improve is_in_or_equal and fuzzer.  Thanks @freddyaboulton!
+- [#9333](https://github.com/gradio-app/gradio/pull/9333) [`5b86e2f`](https://github.com/gradio-app/gradio/commit/5b86e2f2a2bedcde79e425fd470473bc1fd6ae2e) - Enhance Lite E2E tests and fix a networking problem on Lite.  Thanks @whitphx!
+- [#9338](https://github.com/gradio-app/gradio/pull/9338) [`19f6b31`](https://github.com/gradio-app/gradio/commit/19f6b31a73c6114093cbb5a7e69131175efa8a79) - Fix typo in `tunneling.py`.  Thanks @abidlabs!
+- [#9336](https://github.com/gradio-app/gradio/pull/9336) [`736046f`](https://github.com/gradio-app/gradio/commit/736046f17db073b56023b5e077b0ae5ae4adeb02) - Object Detection From Webcam Stream Guide.  Thanks @freddyaboulton!
+- [#9300](https://github.com/gradio-app/gradio/pull/9300) [`6309a48`](https://github.com/gradio-app/gradio/commit/6309a48e3a89a13137ec9d61c1c722eb59b8e3dc) - Raise ChecksumMismatchError.  Thanks @abidlabs!
+- [#9373](https://github.com/gradio-app/gradio/pull/9373) [`6443062`](https://github.com/gradio-app/gradio/commit/64430620449ab5b19ea32b02ab82a2d1804dcb2e) - Fix Cached Examples for Streamed Media.  Thanks @freddyaboulton!
+- [#9367](https://github.com/gradio-app/gradio/pull/9367) [`1c94328`](https://github.com/gradio-app/gradio/commit/1c94328cfe6ce0676c3850f5e9da5bcabf9ee570) - add local fonts and update themes.  Thanks @hannahblair!
+- [#9335](https://github.com/gradio-app/gradio/pull/9335) [`b543465`](https://github.com/gradio-app/gradio/commit/b543465d06d7d1b399c4d0755da05e022611a97f) - Remove lite/theme.css from the Git-managed file tree.  Thanks @whitphx!
+- [#9358](https://github.com/gradio-app/gradio/pull/9358) [`16c0485`](https://github.com/gradio-app/gradio/commit/16c0485a32be324a5f1c7252f5ce09fff79f7d67) - Small tweaks to improve the DX for the "tuples"/"messages" argument in `gr.Chatbot`.  Thanks @abidlabs!
+- [#9303](https://github.com/gradio-app/gradio/pull/9303) [`34f46b0`](https://github.com/gradio-app/gradio/commit/34f46b0512fe30b4db9c9901cb23987d3cecc48d) - Dont move files to cache automatically in chatbot postprocess.  Thanks @freddyaboulton!
+- [#9363](https://github.com/gradio-app/gradio/pull/9363) [`3ad28c7`](https://github.com/gradio-app/gradio/commit/3ad28c7e310e8589e0c53b7efee8031e129bece8) - Prevent HTML and Markdown height changing when status is hidden.  Thanks @hannahblair!
+- [#9260](https://github.com/gradio-app/gradio/pull/9260) [`d47dd1f`](https://github.com/gradio-app/gradio/commit/d47dd1f8417a878ef731d2eeabf60f3069289dee) - Fix overflowing markdown in Chatbot.  Thanks @hannahblair!
+- [#9320](https://github.com/gradio-app/gradio/pull/9320) [`98cbcae`](https://github.com/gradio-app/gradio/commit/98cbcaef827de7267462ccba180c7b2ffb1e825d) - chore: fix docs style.  Thanks @imba-tjd!
+- [#9314](https://github.com/gradio-app/gradio/pull/9314) [`299879d`](https://github.com/gradio-app/gradio/commit/299879d02adf3bacb012c76a467aaf5df5b31493) - Make `gr.Image` preprocessing more efficient.  Thanks @abidlabs!
+- [#9371](https://github.com/gradio-app/gradio/pull/9371) [`7bf3e99`](https://github.com/gradio-app/gradio/commit/7bf3e9989392b7edcdc18c1d840fb8130b15040e) - Fix `gr.ImageEditor` toolbar cutoff.  Thanks @hannahblair!
+- [#9306](https://github.com/gradio-app/gradio/pull/9306) [`f3f0fef`](https://github.com/gradio-app/gradio/commit/f3f0fef199c7779aac9aaef794dd4af1861ce50f) - Fixes race condition in `update_root_in_config`.  Thanks @abidlabs!
+- [#9312](https://github.com/gradio-app/gradio/pull/9312) [`7c0780b`](https://github.com/gradio-app/gradio/commit/7c0780b5677f8a1c05b9d2eee136e982917829b8) - Proposal: remove `gr.make_waveform` and remove `matplotlib` as a dependency.  Thanks @abidlabs!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Tweaks to SSR mode.  Thanks @pngwn!
+- [#9270](https://github.com/gradio-app/gradio/pull/9270) [`b0b8500`](https://github.com/gradio-app/gradio/commit/b0b850081d8d10c1287b5d179b8db37482e21c8d) - Fix stop recording button colors.  Thanks @freddyaboulton!
+- [#9268](https://github.com/gradio-app/gradio/pull/9268) [`c469d40`](https://github.com/gradio-app/gradio/commit/c469d40b0d9d807abb9fa92c67069c08833ce6bc) - Raise error instead of warning if checksums for binary do not match.  Thanks @abidlabs!
+- [#9377](https://github.com/gradio-app/gradio/pull/9377) [`618e9fe`](https://github.com/gradio-app/gradio/commit/618e9fe941744cef4a4a06eb7840763c64b15e32) - Update babylon.js to `v7` for `gr.Model3D`.  Thanks @abidlabs!
+- [#9282](https://github.com/gradio-app/gradio/pull/9282) [`54ea485`](https://github.com/gradio-app/gradio/commit/54ea485ba92165be96137ae35e2d3f2fc62a2873) - Further tweak to is_in_or_equal.  Thanks @freddyaboulton!
+- [#9326](https://github.com/gradio-app/gradio/pull/9326) [`7afb9a1`](https://github.com/gradio-app/gradio/commit/7afb9a14fa64310eb8b70f43a3bad373e46e36c1) - 5.0 merge take 2.  Thanks @pngwn!
+- [#9280](https://github.com/gradio-app/gradio/pull/9280) [`7122420`](https://github.com/gradio-app/gradio/commit/712242047fde3a594dfde7f48a44c7ea16239dc8) - Match style of textbox stop button to submit button.  Thanks @freddyaboulton!
+- [#9348](https://github.com/gradio-app/gradio/pull/9348) [`61f794b`](https://github.com/gradio-app/gradio/commit/61f794bba78ef59e55beca0ba743548f33f3a3c3) - Do not attach `content_disposition_type = "attachment"` headers for files explicitly allowed by developer.  Thanks @abidlabs!
+- [#9361](https://github.com/gradio-app/gradio/pull/9361) [`5eb860f`](https://github.com/gradio-app/gradio/commit/5eb860f739a187217ded1fc569676e0edd16bab0) - Refactor lazy caching.  Thanks @abidlabs!
+- [#9311](https://github.com/gradio-app/gradio/pull/9311) [`c4afdcd`](https://github.com/gradio-app/gradio/commit/c4afdcdb1f1f80c5f95ab45d527236e9364ace82) - Added max lines and overflow scrollbar for `gr.Code`.  Thanks @micpst!
+
+### Fixes
+
+- [#9299](https://github.com/gradio-app/gradio/pull/9299) [`aa35b07`](https://github.com/gradio-app/gradio/commit/aa35b0788e613fdd45446d267513e6f94fa208ea) - Trigger state change event on iterators.  Thanks @freddyaboulton!
+- [#9393](https://github.com/gradio-app/gradio/pull/9393) [`53ed0f0`](https://github.com/gradio-app/gradio/commit/53ed0f030551ad876a1fea28a9db9015ba6ec33e) - Fix File Types for MultimodalTextbox.  Thanks @dawoodkhan82!
+- [#9328](https://github.com/gradio-app/gradio/pull/9328) [`6a7f631`](https://github.com/gradio-app/gradio/commit/6a7f63180b4105622298dd742d6a0d25216ea629) - Set the color of placeholder in a disabled textbox to gray instead of black, and disable typing while a response is generating in `gr.ChatInterface`, allow `gr.MultimodalTextbox` to accept string values.  Thanks @abidlabs!
+
+## 5.0.0-beta.1
+
+### Features
+
+- [#9235](https://github.com/gradio-app/gradio/pull/9235) [`f8b411f`](https://github.com/gradio-app/gradio/commit/f8b411fe282ff0316ed4abebc0a043b044bf4dd9) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`.  Thanks @whitphx!
+- [#9201](https://github.com/gradio-app/gradio/pull/9201) [`5492e74`](https://github.com/gradio-app/gradio/commit/5492e742b1f1fa618208cce523f50ad22a6e86f1) - Move buttons from chat_interface into Chatbot.  Thanks @freddyaboulton!
+- [#9199](https://github.com/gradio-app/gradio/pull/9199) [`3175c7a`](https://github.com/gradio-app/gradio/commit/3175c7aebc6ad2466d31d6949580f5a3cb4cd698) - Redesign `gr.Tabs()`.  Thanks @hannahblair!
+- [#9167](https://github.com/gradio-app/gradio/pull/9167) [`e9e737e`](https://github.com/gradio-app/gradio/commit/e9e737eeeb61d0bbf43277c75b6ffed8b34aa445) - Redesign `gr.Button()`.  Thanks @hannahblair!
+- [#9218](https://github.com/gradio-app/gradio/pull/9218) [`4a832f4`](https://github.com/gradio-app/gradio/commit/4a832f4b0a8f35a10bc2301a56b711519e85034b) - Adds TLS to FRP tunnel.  Thanks @abidlabs!
+- [#9166](https://github.com/gradio-app/gradio/pull/9166) [`8a75559`](https://github.com/gradio-app/gradio/commit/8a755596317c59bfb10803edc0f8642e62d7cecd) - Minor changes to flagging for 5.0.  Thanks @abidlabs!
+- [#9254](https://github.com/gradio-app/gradio/pull/9254) [`03f3735`](https://github.com/gradio-app/gradio/commit/03f3735fba1fd4f1978b5431af9e67de3b6e7945) - Adds a "huggingface" button variant, and makes it the default for `gr.LoginButton` and `gr.DuplicateButton`.  Thanks @abidlabs!
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+- [#9236](https://github.com/gradio-app/gradio/pull/9236) [`dd8e2e3`](https://github.com/gradio-app/gradio/commit/dd8e2e32c6c1ec42e13c55af870d0da291117dd3) - Improve button consistency across light/dark mode.  Thanks @hannahblair!
+- [#9225](https://github.com/gradio-app/gradio/pull/9225) [`5f2e047`](https://github.com/gradio-app/gradio/commit/5f2e047c2ce114cebc95d5dba16c4df10fa73eb1) - Add a 'None' option to the gradio.Image component to disable image_m….  Thanks @GeeMoose!
+- [#9204](https://github.com/gradio-app/gradio/pull/9204) [`3c73f00`](https://github.com/gradio-app/gradio/commit/3c73f00e3016b16917ebfe0bad390f2dff683457) - 🔡 Update default core Gradio font.  Thanks @hannahblair!
+- [#9245](https://github.com/gradio-app/gradio/pull/9245) [`c8cfe93`](https://github.com/gradio-app/gradio/commit/c8cfe93c0971d904c29da60410952fd20c9439c0) - Lighten secondary button grey fill.  Thanks @hannahblair!
+- [#9246](https://github.com/gradio-app/gradio/pull/9246) [`38cf712`](https://github.com/gradio-app/gradio/commit/38cf71234bf57fe9da6eea2d32b1d6e7ef35c700) - Stop using `multiprocessing` in `flagging.CSVLogger` on Lite v5.  Thanks @whitphx!
+- [#9216](https://github.com/gradio-app/gradio/pull/9216) [`e137b30`](https://github.com/gradio-app/gradio/commit/e137b30b1a53ca32d3cd809d31e97d5d54a4e479) - Decrease component radii and remove input shadows.  Thanks @hannahblair!
+- [#9200](https://github.com/gradio-app/gradio/pull/9200) [`2e179d3`](https://github.com/gradio-app/gradio/commit/2e179d35be6ed60a5a6bfc7303178d63e41781ad) - prefix api routes.  Thanks @pngwn!
+
+## 5.0.0-beta.0
+
+### Features
+
+- [#9069](https://github.com/gradio-app/gradio/pull/9069) [`f9f84bf`](https://github.com/gradio-app/gradio/commit/f9f84bfe7064634164501d1023591b415ad2a03b) - No token passed by default in `gr.load()`.  Thanks @abidlabs!
+- [#9160](https://github.com/gradio-app/gradio/pull/9160) [`8f5a895`](https://github.com/gradio-app/gradio/commit/8f5a8950c949996f7c439b11a7aa40edda3e8562) - Fix native plot lite demos.  Thanks @aliabd!
+- [#9197](https://github.com/gradio-app/gradio/pull/9197) [`6773c4d`](https://github.com/gradio-app/gradio/commit/6773c4da22f957a11b2a07f032ce13c7b4c94f8c) - Redesign `gr.Slider()`.  Thanks @hannahblair!
+- [#9140](https://github.com/gradio-app/gradio/pull/9140) [`c054ec8`](https://github.com/gradio-app/gradio/commit/c054ec85e49ab102b15afd305583ee394151d16c) - Drop python 3.8 and 3.9.  Thanks @abidlabs!
+- [#8978](https://github.com/gradio-app/gradio/pull/8978) [`fe9d1cb`](https://github.com/gradio-app/gradio/commit/fe9d1cb0870a5b07d51e8cb05401af47efbacd13) - Improve url downloads for file objects.  Thanks @aliabid94!
+- [#8810](https://github.com/gradio-app/gradio/pull/8810) [`4cf8af9`](https://github.com/gradio-app/gradio/commit/4cf8af9407a44ee914e0be567da38b29f00eff8e) - Prevent invalid values from being submitted to dropdown, etc.  Thanks @abidlabs!
+- [#9194](https://github.com/gradio-app/gradio/pull/9194) [`20c0836`](https://github.com/gradio-app/gradio/commit/20c0836ed0e0698dbc81d2a4bda04363fd857334) - Deprecate type='tuples for chatbot and focus chatbot docs on 'messages' type.  Thanks @freddyaboulton!
+- [#9122](https://github.com/gradio-app/gradio/pull/9122) [`2672ea2`](https://github.com/gradio-app/gradio/commit/2672ea297ef28414ecf2eeab7984b1e4b4ee40b8) - Postprocess hardening.  Thanks @freddyaboulton!
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+- [#9173](https://github.com/gradio-app/gradio/pull/9173) [`66349fe`](https://github.com/gradio-app/gradio/commit/66349fe26827e3a3c15b738a1177e95fec7f5554) - Streaming Guides.  Thanks @freddyaboulton!
+- [#9185](https://github.com/gradio-app/gradio/pull/9185) [`2daf3d1`](https://github.com/gradio-app/gradio/commit/2daf3d10f5986675f6ceb75ebb50c9d991c282bf) - Adding `maxlength` attribute handling of `textarea` and `input` HTML element for the `gr.TextBox()` component via a `max_length` parameter.  Thanks @WH-Yoshi!
+- [#8959](https://github.com/gradio-app/gradio/pull/8959) [`a0aac66`](https://github.com/gradio-app/gradio/commit/a0aac6694076529ff925ccd34b3503d35e86cb49) - Adds `strict_cors` parameter to `launch()`.  Thanks @abidlabs!
+- [#9052](https://github.com/gradio-app/gradio/pull/9052) [`f3652eb`](https://github.com/gradio-app/gradio/commit/f3652ebe08211e12739df73c15fd97e5ff81276a) - Video gallery.  Thanks @dawoodkhan82!
+- [#9213](https://github.com/gradio-app/gradio/pull/9213) [`ab4580b`](https://github.com/gradio-app/gradio/commit/ab4580bd5f755a07c9a9bd2a775220a9a2085f8c) - Remove grey background behind all components.  Thanks @hannahblair!
+- [#9073](https://github.com/gradio-app/gradio/pull/9073) [`0d8a358`](https://github.com/gradio-app/gradio/commit/0d8a358cc86331aa0c83380326b30d04597f9ef9) - Set default `format` in `gr.Audio` to be `None` to avoid unnecessary preprocessing.  Thanks @abidlabs!
+- [#9130](https://github.com/gradio-app/gradio/pull/9130) [`864cd0f`](https://github.com/gradio-app/gradio/commit/864cd0fd6aa85691b53bd0bf3a50af05b778813c) - Raise WasmUnsupportedError for ffmpeg usage on Lite.  Thanks @whitphx!
+- [#8797](https://github.com/gradio-app/gradio/pull/8797) [`6e6818c`](https://github.com/gradio-app/gradio/commit/6e6818c3af836051fffdd070a9e33889b246186e) - Deprecate for 5.0.  Thanks @abidlabs!
+- [#9132](https://github.com/gradio-app/gradio/pull/9132) [`5cedf16`](https://github.com/gradio-app/gradio/commit/5cedf162f2120e30dd58bf3a8eab27115030b4f5) - Deprecate passing a tuple for gr.Code value.  Thanks @freddyaboulton!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+- [#9150](https://github.com/gradio-app/gradio/pull/9150) [`80c966a`](https://github.com/gradio-app/gradio/commit/80c966af6e3d947abe96058de9b683ecf05d9803) - DNS resolver on ip check.  Thanks @aliabid94!
+- [#9175](https://github.com/gradio-app/gradio/pull/9175) [`e6d456a`](https://github.com/gradio-app/gradio/commit/e6d456a9c3b7e80e0c9a16cd365288deff706635) - Change dark mode color theme from `gray` to `zinc`.  Thanks @hannahblair!
+- [#8884](https://github.com/gradio-app/gradio/pull/8884) [`3408dba`](https://github.com/gradio-app/gradio/commit/3408dba7560a17371be679d0f01564a5606dc90b) - replace ip addresses with machine-specific hashes.  Thanks @abidlabs!
+
+### Fixes
+
+- [#9189](https://github.com/gradio-app/gradio/pull/9189) [`ab142ee`](https://github.com/gradio-app/gradio/commit/ab142ee13d19070b75b5eb03efcda7193b8993c2) - Fix serialization error in curl api.  Thanks @freddyaboulton!
+
+## 4.44.1
+
+### Features
+
+- [#9320](https://github.com/gradio-app/gradio/pull/9320) [`98cbcae`](https://github.com/gradio-app/gradio/commit/98cbcaef827de7267462ccba180c7b2ffb1e825d) - chore: fix docs style.  Thanks @imba-tjd!
+
+## 4.44.0
+
+### Features
+
+- [#9302](https://github.com/gradio-app/gradio/pull/9302) [`ac2c015`](https://github.com/gradio-app/gradio/commit/ac2c015bd8385c3f5e346b9cfce415f1e5f54c69) - Fileformat whitelist.  Thanks @aliabid94!
+- [#9276](https://github.com/gradio-app/gradio/pull/9276) [`8362a10`](https://github.com/gradio-app/gradio/commit/8362a10a7e8a3c291fa0300a6f4a23a1ca997b8a) - Fix scrollbars everywhere.  Thanks @aliabid94!
+
+### Fixes
+
+- [#9188](https://github.com/gradio-app/gradio/pull/9188) [`8f8e1c6`](https://github.com/gradio-app/gradio/commit/8f8e1c6a0b09b0d1985b8377d94d693cb00f8a18) - Fix multiple trigger bug when function has js.  Thanks @freddyaboulton!
+- [#9279](https://github.com/gradio-app/gradio/pull/9279) [`fb5845c`](https://github.com/gradio-app/gradio/commit/fb5845c3539e006235a2a52811a863ef2fefd66f) - Separate starlette.Request from PredictBody. Only set in new PredictBodyInternal object.  Thanks @freddyaboulton!
+- [#9267](https://github.com/gradio-app/gradio/pull/9267) [`ecf9137`](https://github.com/gradio-app/gradio/commit/ecf9137762130ab2e9f8e747feda091392b25e7a) - Add root_url to components created by gr.render.  Thanks @freddyaboulton!
+
+## 4.43.0
+
+### Features
+
+- [#9160](https://github.com/gradio-app/gradio/pull/9160) [`8f5a895`](https://github.com/gradio-app/gradio/commit/8f5a8950c949996f7c439b11a7aa40edda3e8562) - Fix native plot lite demos.  Thanks @aliabd!
+- [#9185](https://github.com/gradio-app/gradio/pull/9185) [`2daf3d1`](https://github.com/gradio-app/gradio/commit/2daf3d10f5986675f6ceb75ebb50c9d991c282bf) - Adding `maxlength` attribute handling of `textarea` and `input` HTML element for the `gr.TextBox()` component via a `max_length` parameter.  Thanks @WH-Yoshi!
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+- [#9225](https://github.com/gradio-app/gradio/pull/9225) [`5f2e047`](https://github.com/gradio-app/gradio/commit/5f2e047c2ce114cebc95d5dba16c4df10fa73eb1) - Add a 'None' option to the gradio.Image component to disable image_m….  Thanks @GeeMoose!
+
+### Fixes
+
+- [#9242](https://github.com/gradio-app/gradio/pull/9242) [`d0e93d7`](https://github.com/gradio-app/gradio/commit/d0e93d70e87ea64f144e8eda7d5d49c27b6158e5) - Fix for create_or_modify_pyi read_text Windows Issue in component_meta.py.  Thanks @SmirkingKitsune!
+- [#9189](https://github.com/gradio-app/gradio/pull/9189) [`ab142ee`](https://github.com/gradio-app/gradio/commit/ab142ee13d19070b75b5eb03efcda7193b8993c2) - Fix serialization error in curl api.  Thanks @freddyaboulton!
+- [#9277](https://github.com/gradio-app/gradio/pull/9277) [`d9c4c86`](https://github.com/gradio-app/gradio/commit/d9c4c8606acf9ab36390e35ab10e43bb3191ced5) - Pin `fastapi<0.113.0` in `requirements.txt`.  Thanks @abidlabs!
+
+## 4.42.0
+
+### Features
+
+- [#9128](https://github.com/gradio-app/gradio/pull/9128) [`747013b`](https://github.com/gradio-app/gradio/commit/747013bbacebae6bfdda554b45e541e80b2894e0) - Allow accessing the entire row of selected values in `gr.DataFrame`.  Thanks @abidlabs!
+- [#8935](https://github.com/gradio-app/gradio/pull/8935) [`f6b2b97`](https://github.com/gradio-app/gradio/commit/f6b2b97d473dd81571410cccc6e1ddfcf9fa00bc) - Initialize the client with the fake host for Lite server.  Thanks @whitphx!
+- [#9031](https://github.com/gradio-app/gradio/pull/9031) [`04b7d32`](https://github.com/gradio-app/gradio/commit/04b7d327ec1227a693fc2dfea51b1e2729851bde) - Allow drag and replace image in `gr.Image` and Multimodal textbox.  Thanks @hannahblair!
+- [#8930](https://github.com/gradio-app/gradio/pull/8930) [`41d5ab9`](https://github.com/gradio-app/gradio/commit/41d5ab987ba9728753be4509490c79041655809b) - Add `placeholder` param to Image and ImageEditor to replace upload image text.  Thanks @hannahblair!
+- [#9023](https://github.com/gradio-app/gradio/pull/9023) [`87e3537`](https://github.com/gradio-app/gradio/commit/87e3537342017c7f19d012f0806a14bc264e09f9) - Add height param to gr.JSON.  Thanks @hannahblair!
+- [#9013](https://github.com/gradio-app/gradio/pull/9013) [`5350f1f`](https://github.com/gradio-app/gradio/commit/5350f1feb20cb7458d188403f319c5087052f695) - Add copy all messages button to chatbot.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Fixes
+
+- [#9078](https://github.com/gradio-app/gradio/pull/9078) [`1a9d729`](https://github.com/gradio-app/gradio/commit/1a9d7297c17a3bc0493be34e8e762350ab7f0844) - Catch OSErrors in `HuggingFaceDatasetSaver._deserialize_components`.  Thanks @davidberenstein1957!
+- [#9088](https://github.com/gradio-app/gradio/pull/9088) [`96f8ffa`](https://github.com/gradio-app/gradio/commit/96f8ffa5eea511290f203c5d13484731e7d82387) - Set non-zero exit codes for custom component build and install commands when failures occur.  Thanks @freddyaboulton!
+- [#9161](https://github.com/gradio-app/gradio/pull/9161) [`173c7b8`](https://github.com/gradio-app/gradio/commit/173c7b8624371d89c40eb667bc28b9955c61b063) - Chatbot Image size and list fixes.  Thanks @dawoodkhan82!
+- [#9151](https://github.com/gradio-app/gradio/pull/9151) [`f1ef94a`](https://github.com/gradio-app/gradio/commit/f1ef94a435439934610497eab34201a586e418e1) - Open media type files in browser.  Thanks @aliabid94!
+- [#9148](https://github.com/gradio-app/gradio/pull/9148) [`8715f10`](https://github.com/gradio-app/gradio/commit/8715f103399c709717084335cfe5e971ebf9f2de) - Allow `gr.Request` to work with ZeroGPU.  Thanks @abidlabs!
+- [#9093](https://github.com/gradio-app/gradio/pull/9093) [`60650d8`](https://github.com/gradio-app/gradio/commit/60650d84b2cfe93fd2ebf2d2997d6c0f382d5f1a) - Reset `Dataset` page to 0 when samples change.  Thanks @abidlabs!
+- [#9116](https://github.com/gradio-app/gradio/pull/9116) [`ba6322e`](https://github.com/gradio-app/gradio/commit/ba6322ec2bb975f15389fe0700816bf671c6819d) - Fix image height content fit.  Thanks @hannahblair!
+- [#9079](https://github.com/gradio-app/gradio/pull/9079) [`d6dc384`](https://github.com/gradio-app/gradio/commit/d6dc3846fd94fe03658f0fa8219d68ddf1f7aa64) - Add more typing to event listeners.  Thanks @JackismyShephard!
+- [#9119](https://github.com/gradio-app/gradio/pull/9119) [`30b5d6f`](https://github.com/gradio-app/gradio/commit/30b5d6f2b75e1ff0ea03c7a6567e43a022871c9f) - Fix chatinterface multimodal bug.  Thanks @freddyaboulton!
+- [#8987](https://github.com/gradio-app/gradio/pull/8987) [`7b288cf`](https://github.com/gradio-app/gradio/commit/7b288cf6772ec3dc1fa603db859975e5dab90127) - Fix unexpected rendering of Dataset.  Thanks @Col0ring!
+- [#9089](https://github.com/gradio-app/gradio/pull/9089) [`508ac84`](https://github.com/gradio-app/gradio/commit/508ac84bc2ffbeff6daae8ae0956e14e7472c4c0) - Set orig_name in downloadbutton postprocess.  Thanks @freddyaboulton!
+- [#8951](https://github.com/gradio-app/gradio/pull/8951) [`6e7d9e5`](https://github.com/gradio-app/gradio/commit/6e7d9e5b848e5af8cae97a4a4f021859c423ffa4) - Deal with OAuth too many redirects.  Thanks @Wauplin!
+
+## 4.41.0
+
+### Features
+
+- [#8968](https://github.com/gradio-app/gradio/pull/8968) [`38b3682`](https://github.com/gradio-app/gradio/commit/38b3682c3a9b40fb4070f665d94711c43c6fe40e) - Improvements to FRP client download and usage.  Thanks @abidlabs!
+- [#8965](https://github.com/gradio-app/gradio/pull/8965) [`d30432e`](https://github.com/gradio-app/gradio/commit/d30432e9c6d4cc1e5cfd989a1a3ae4aba7e21290) - harden CI.  Thanks @pngwn!
+- [#8972](https://github.com/gradio-app/gradio/pull/8972) [`d4c503a`](https://github.com/gradio-app/gradio/commit/d4c503a471cfd202c56fbddd99d5da431a4b7478) - Type hint Correction.  Thanks @sthemeow!
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+- [#9059](https://github.com/gradio-app/gradio/pull/9059) [`981731a`](https://github.com/gradio-app/gradio/commit/981731acb7da3e78555abeb20f47f3a8a5f0d861) - Fix flaky tests and tests on Windows.  Thanks @abidlabs!
+- [#9021](https://github.com/gradio-app/gradio/pull/9021) [`360350c`](https://github.com/gradio-app/gradio/commit/360350cfc46b7dcc41d8a015b7eb6e7056cc7938) - Minor fixes.  Thanks @aliabid94!
+- [#9064](https://github.com/gradio-app/gradio/pull/9064) [`4ba7b23`](https://github.com/gradio-app/gradio/commit/4ba7b238e22ac042de14a6b69aa9d61536ddffba) - Improve plot guide, add double clicking to plots.  Thanks @aliabid94!
+- [#8975](https://github.com/gradio-app/gradio/pull/8975) [`3feea64`](https://github.com/gradio-app/gradio/commit/3feea64a65688d710184604bb44636d513bcc36a) - Prevent overflow in Model3D.  Thanks @hannahblair!
+- [#8967](https://github.com/gradio-app/gradio/pull/8967) [`2f89877`](https://github.com/gradio-app/gradio/commit/2f89877ac1ef9eab46115187ffe179d5da060edd) - Set `content_disposition_type` and `media_type` on downloaded files.  Thanks @aliabid94!
+- [#8958](https://github.com/gradio-app/gradio/pull/8958) [`4ff91a3`](https://github.com/gradio-app/gradio/commit/4ff91a3e6538872c529b604d36120dd946dc3282) - Fixes some docstrings, particularly for the `show_progress` parameter.  Thanks @abidlabs!
+- [#9020](https://github.com/gradio-app/gradio/pull/9020) [`08b5159`](https://github.com/gradio-app/gradio/commit/08b51590163b306fd874f543f6fcaf23ac7d2646) - Some tweaks to is_in_or_equal.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8962](https://github.com/gradio-app/gradio/pull/8962) [`c68eefb`](https://github.com/gradio-app/gradio/commit/c68eefba6c18ba9fda98220fb273726522dc3340) - fix: httpx timeouts cause gradio to fail during launch.  Thanks @rsamborski!
+- [#8847](https://github.com/gradio-app/gradio/pull/8847) [`4d8a473`](https://github.com/gradio-app/gradio/commit/4d8a473632e388a312aee5c705b3c1f79853441b) - Refactor Chatinterface to use Chatbot instead of gr.State variables.  Thanks @freddyaboulton!
+- [#9054](https://github.com/gradio-app/gradio/pull/9054) [`9fa635a`](https://github.com/gradio-app/gradio/commit/9fa635a8fd0050cc16539b9a3d11846ec71edf13) - Fix multimodal chatinterface api bug.  Thanks @freddyaboulton!
+- [#8847](https://github.com/gradio-app/gradio/pull/8847) [`4d8a473`](https://github.com/gradio-app/gradio/commit/4d8a473632e388a312aee5c705b3c1f79853441b) - fix: wrong named param check for js client.  Thanks @freddyaboulton!
+- [#9011](https://github.com/gradio-app/gradio/pull/9011) [`0978de8`](https://github.com/gradio-app/gradio/commit/0978de8104046250593806c927b416e4ffbbe293) - Passes `gr.Request` if type hint is `Request | None`.  Thanks @abidlabs!
+- [#9053](https://github.com/gradio-app/gradio/pull/9053) [`8b33393`](https://github.com/gradio-app/gradio/commit/8b33393586af695e4ccd07f55453df896785b089) - Fix `show_progress` in `gr.Interface`.  Thanks @abidlabs!
+
+## 4.40.0
+
+### Features
+
+- [#8954](https://github.com/gradio-app/gradio/pull/8954) [`5010e95`](https://github.com/gradio-app/gradio/commit/5010e9579e5fdd5c3861b144c427551c2e5ead0f) - Add `overflow: wrap` to JSON to catch overflow in xs device widths.  Thanks @hannahblair!
+- [#8932](https://github.com/gradio-app/gradio/pull/8932) [`600c97c`](https://github.com/gradio-app/gradio/commit/600c97c807b648bca11c2dd5dfa0a6a692756bd9) - Allow viewing JSON as list or dict with `show_indices` param.  Thanks @hannahblair!
+- [#8929](https://github.com/gradio-app/gradio/pull/8929) [`3539787`](https://github.com/gradio-app/gradio/commit/3539787ebb39b3d00c34707b49d5de40fdc3d69a) - Add line numbering and collapse/expand logic to gr.JSON.  Thanks @hannahblair!
+- [#8862](https://github.com/gradio-app/gradio/pull/8862) [`ac132e3`](https://github.com/gradio-app/gradio/commit/ac132e3cbc8dbc7bec3d607d52bef347e90feb41) - Support the use of custom authentication mechanism, timeouts, and other `httpx` parameters in Python Client.  Thanks @valgai!
+- [#8947](https://github.com/gradio-app/gradio/pull/8947) [`96d36d7`](https://github.com/gradio-app/gradio/commit/96d36d70ad3bee048027cfbf89533020a8aa6e63) - Restore plot label angles.  Thanks @aliabid94!
+- [#8948](https://github.com/gradio-app/gradio/pull/8948) [`f7fbd2c`](https://github.com/gradio-app/gradio/commit/f7fbd2c23795d97071296463779d41bd0e937164) - Bump websockets version max for gradio-client.  Thanks @evanscho!
+- [#8907](https://github.com/gradio-app/gradio/pull/8907) [`9b42ba8`](https://github.com/gradio-app/gradio/commit/9b42ba8f1006c05d60a62450d3036ce0d6784f86) - Update guides esp plots.  Thanks @aliabid94!
+- [#8888](https://github.com/gradio-app/gradio/pull/8888) [`70a0c56`](https://github.com/gradio-app/gradio/commit/70a0c5620043ae613af16008f4a683b0f238545d) - Added support for TokenClassificationPipeline.  Thanks @cswamy!
+- [#8950](https://github.com/gradio-app/gradio/pull/8950) [`7e997a8`](https://github.com/gradio-app/gradio/commit/7e997a85bb21cbe7eb27df5b3f31ad636435b0a1) - Fix running local app with fake OAuth.  Thanks @Wauplin!
+- [#8867](https://github.com/gradio-app/gradio/pull/8867) [`f8ccb5e`](https://github.com/gradio-app/gradio/commit/f8ccb5e663ed5df010f7a8e93d556bfc238d849d) - Make `update_root_in_config` atomic.  Thanks @abidlabs!
+- [#8900](https://github.com/gradio-app/gradio/pull/8900) [`de997e6`](https://github.com/gradio-app/gradio/commit/de997e67c9a7feb9e2eccebf92969366dbd67eba) - Adds ability to watermark videos via a `watermark` parameter in Video component.  Thanks @meg-huggingface!
+
+### Fixes
+
+- [#8949](https://github.com/gradio-app/gradio/pull/8949) [`1e16f67`](https://github.com/gradio-app/gradio/commit/1e16f67ba2a02761d4b73afd723f8edc3c3124e9) - Fix check icon in gr.JSON and gr.Code.  Thanks @hannahblair!
+- [#8899](https://github.com/gradio-app/gradio/pull/8899) [`20444f9`](https://github.com/gradio-app/gradio/commit/20444f9b56f95240d00759f31a1b831b9eb53160) - Fix Chatbot Multimodal Examples.  Thanks @dawoodkhan82!
+- [#8933](https://github.com/gradio-app/gradio/pull/8933) [`5f9b8d0`](https://github.com/gradio-app/gradio/commit/5f9b8d093a17f4fcc689cbc83fd6db6c43b5174b) - Fix lazy caching.  Thanks @abidlabs!
+- [#8879](https://github.com/gradio-app/gradio/pull/8879) [`67c08bf`](https://github.com/gradio-app/gradio/commit/67c08bfb9e59d801081591b8a59232c32d4467cf) - Fix file uploading in iOS.  Thanks @hannahblair!
+- [#8905](https://github.com/gradio-app/gradio/pull/8905) [`4b14ea8`](https://github.com/gradio-app/gradio/commit/4b14ea860d5055410a3a2257974b61a5c8eaac9d) - Allow use of file extensions in gr.File in iOS.  Thanks @hannahblair!
+- [#8927](https://github.com/gradio-app/gradio/pull/8927) [`223688b`](https://github.com/gradio-app/gradio/commit/223688b70a7a3cf4daa92ae77f8fca7b537cc2b4) - Fix `Could not resolve "virtual:component-loader"` in gradio/utils package.  Thanks @benzler!
+- [#8934](https://github.com/gradio-app/gradio/pull/8934) [`8204425`](https://github.com/gradio-app/gradio/commit/8204425bfa2c08077948e59e7f5375b1b4d1e338) - Fix Json component serialization bug.  Thanks @freddyaboulton!
+- [#8931](https://github.com/gradio-app/gradio/pull/8931) [`4c2d37d`](https://github.com/gradio-app/gradio/commit/4c2d37db849848fd38ba733a23a5aaceeaf58faf) - Add background to gr.Code line numbers.  Thanks @hannahblair!
+
+## 4.39.0
+
+### Features
+
+- [#8832](https://github.com/gradio-app/gradio/pull/8832) [`e75f2ca`](https://github.com/gradio-app/gradio/commit/e75f2ca2da4f41f25459b98bedaa940c887e6a93) - Fix build for pre-release.  Thanks @pngwn!
+- [#8618](https://github.com/gradio-app/gradio/pull/8618) [`aa4b7a7`](https://github.com/gradio-app/gradio/commit/aa4b7a71921fd5b7ad7e3c0cce7687a8f6d284da) - Improve styling of parameter tables in the docs.  Thanks @abidlabs!
+- [#8745](https://github.com/gradio-app/gradio/pull/8745) [`4030f28`](https://github.com/gradio-app/gradio/commit/4030f28af6ae9f3eb94bb4e9cae83fb7016cdaad) - Allows updating the dataset of a `gr.Examples`.  Thanks @abidlabs!
+- [#8757](https://github.com/gradio-app/gradio/pull/8757) [`6073736`](https://github.com/gradio-app/gradio/commit/60737366517f48d1a37ffce15425783a2887f305) - Document `FileData` class in docs.  Thanks @hannahblair!
+- [#8846](https://github.com/gradio-app/gradio/pull/8846) [`76c1759`](https://github.com/gradio-app/gradio/commit/76c175935019833baef709a5cf401d2263ca72ee) - add space header.  Thanks @pngwn!
+- [#8804](https://github.com/gradio-app/gradio/pull/8804) [`1d09925`](https://github.com/gradio-app/gradio/commit/1d09925469a5f96e8d3a972a28841903fa1c7265) - Fix Lite's <Playground />.  Thanks @whitphx!
+- [#8807](https://github.com/gradio-app/gradio/pull/8807) [`a238af4`](https://github.com/gradio-app/gradio/commit/a238af4d688c4e030e37c2ef01d5c80d6d940912) - Refactor plots to drop `altair` and use `vega.js` directly.  Thanks @aliabid94!
+- [#8806](https://github.com/gradio-app/gradio/pull/8806) [`a3d23b4`](https://github.com/gradio-app/gradio/commit/a3d23b43e71c22bc2b019ae96668605e744768d5) - Add `loop` parameters to `gr.Audio` and `gr.Video`.  Thanks @abidlabs!
+- [#8856](https://github.com/gradio-app/gradio/pull/8856) [`5622331`](https://github.com/gradio-app/gradio/commit/5622331da724eb2510c74f156a2fd140a932cc55) - Extend `pyright` to cover tests as well.  Thanks @abidlabs!
+- [#8851](https://github.com/gradio-app/gradio/pull/8851) [`914b193`](https://github.com/gradio-app/gradio/commit/914b1935de27c3b379ac9e759b6d10747e3b881a) - Add copy button to `gr.Markdown`.  Thanks @hannahblair!
+- [#8837](https://github.com/gradio-app/gradio/pull/8837) [`0d76169`](https://github.com/gradio-app/gradio/commit/0d76169e46112dffbc2e7649355706e37e0a6372) - upgrade pyright==1.1.372.  Thanks @abidlabs!
+- [#8816](https://github.com/gradio-app/gradio/pull/8816) [`9ee6839`](https://github.com/gradio-app/gradio/commit/9ee6839f94d23d685a800ed3a275206e0b0e48f6) - Change optionality of the `data` param in `submit` + `predict`.  Thanks @hannahblair!
+- [#8809](https://github.com/gradio-app/gradio/pull/8809) [`7f41567`](https://github.com/gradio-app/gradio/commit/7f41567e9cc5222c4cede3ea5321e634ea038bd1) - Use constant-time comparison when checking user provided analytics key.  Thanks @abidlabs!
+- [#8817](https://github.com/gradio-app/gradio/pull/8817) [`34510db`](https://github.com/gradio-app/gradio/commit/34510db468daae19ad618c347cb88a4769816fb2) - Allow HTML in alert modals.  Thanks @abidlabs!
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+- [#8821](https://github.com/gradio-app/gradio/pull/8821) [`cea3bf9`](https://github.com/gradio-app/gradio/commit/cea3bf990057391f699bdeeabbdb62fdad9b43f5) - Fix dependency loop with statustracker and markdown.  Thanks @aliabd!
+- [#8774](https://github.com/gradio-app/gradio/pull/8774) [`2d179f6`](https://github.com/gradio-app/gradio/commit/2d179f647baca48362863f5144298768149860c9) - Set the default format of gr.Plot as png for Wasm mode.  Thanks @whitphx!
+- [#8775](https://github.com/gradio-app/gradio/pull/8775) [`e36bab7`](https://github.com/gradio-app/gradio/commit/e36bab77e5753c3b011c7e44bce2eed46fac27cc) - Refactoring loadPyodide typing.  Thanks @whitphx!
+
+### Fixes
+
+- [#8854](https://github.com/gradio-app/gradio/pull/8854) [`d1f0441`](https://github.com/gradio-app/gradio/commit/d1f044145ae93e5838042d9fb25f4f17def9c774) - Use covariant container types across the codebase and add typing to our demos.  Thanks @abidlabs!
+- [#8818](https://github.com/gradio-app/gradio/pull/8818) [`2de9a97`](https://github.com/gradio-app/gradio/commit/2de9a97ae953cc5c58c0d33d8966e638e76f950f) - Refactoring <gradio-lite /> component making the code simpler and fixing a Playground mode bug.  Thanks @whitphx!
+- [#8799](https://github.com/gradio-app/gradio/pull/8799) [`61bb588`](https://github.com/gradio-app/gradio/commit/61bb5883a2af50534ef6994ba4829a1a3ea00e65) - Remove Pydantic v2 patch from Lite.  Thanks @whitphx!
+- [#8822](https://github.com/gradio-app/gradio/pull/8822) [`3a81fb2`](https://github.com/gradio-app/gradio/commit/3a81fb2578c6f73607c4e240d228dccb69153e0a) - Latex Rendering Fix.  Thanks @dawoodkhan82!
+- [#8865](https://github.com/gradio-app/gradio/pull/8865) [`2f630ab`](https://github.com/gradio-app/gradio/commit/2f630abf53ec493a3ff5e827b5951b26c74b7242) - Chatbot Examples Scroll Fix.  Thanks @dawoodkhan82!
+- [#8820](https://github.com/gradio-app/gradio/pull/8820) [`5050b36`](https://github.com/gradio-app/gradio/commit/5050b36221e75a18d8a5d4f74a725e70768a4c4a) - fix: wrong named param check for js client.  Thanks @JacobLinCool!
+- [#8836](https://github.com/gradio-app/gradio/pull/8836) [`7e8c829`](https://github.com/gradio-app/gradio/commit/7e8c829aad85d3d5a31a03f4f2e41483d1e6b53e) - Add `.input()` events to `gr.Audio` and `gr.Image`.  Thanks @abidlabs!
+- [#8802](https://github.com/gradio-app/gradio/pull/8802) [`7b19474`](https://github.com/gradio-app/gradio/commit/7b19474cb2dd8f2c34d630f43edb0fcb0e05aa0c) - Ensure `ImageEditor` brush color can be updated with `gr.update`.  Thanks @pngwn!
+- [#8852](https://github.com/gradio-app/gradio/pull/8852) [`16b8200`](https://github.com/gradio-app/gradio/commit/16b820038df43905447ab7623d39d91ceb0d6238) - Fix gr.Image height inconsistencies.  Thanks @hannahblair!
+
+## 4.38.1
+
+### Features
+
+- [#8766](https://github.com/gradio-app/gradio/pull/8766) [`2b4636e`](https://github.com/gradio-app/gradio/commit/2b4636e75cf728846253451b7104b724609a9cd1) - Fix width of assistant's chatbot bubble.  Thanks @pngwn!
+
+## 4.38.0
+
+### Highlights
+
+#### Support message format in chatbot 💬 ([#8422](https://github.com/gradio-app/gradio/pull/8422) [`4221290`](https://github.com/gradio-app/gradio/commit/4221290d847041024b1faa3df5585bba0775b8b3))
+
+`gr.Chatbot` and `gr.ChatInterface` now support the [Messages API](https://huggingface.co/docs/text-generation-inference/en/messages_api#messages-api), which is fully compatible with LLM API providers such as Hugging Face Text Generation Inference, OpenAI's chat completions API, and Llama.cpp server. 
+
+Building Gradio applications around these LLM solutions is now even easier! 
+
+`gr.Chatbot` and `gr.ChatInterface` now have a `type` parameter that can accept two values - `'tuples'` and `'messages'`. If set to `'tuples'`, the default chatbot data format is expected. If set to `'messages'`, a list of dictionaries with `content` and `role` keys is expected. See below - 
+
+```python
+def chat_greeter(msg, history):
+    history.append({"role": "assistant", "content": "Hello!"})
+    return history
+```
+
+Additionally, gradio now exposes a `gr.ChatMessage` dataclass you can use for IDE type hints and auto completion.
+
+<img width="852" alt="image" src="https://github.com/freddyaboulton/freddyboulton/assets/41651716/d283e8f3-b194-466a-8194-c7e697dca9ad">
+
+
+#### Tool use in Chatbot 🛠️
+
+The Gradio Chatbot can now natively display tool usage and intermediate thoughts common in Agent and chain-of-thought workflows!
+
+If you are using the new "messages" format, simply add a `metadata` key with a dictionary containing a `title` key and `value`. This will display the assistant message in an expandable message box to show the result of a tool or intermediate step.
+
+```python
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+def generate_response(history):
+    history.append(ChatMessage(role="user", content="What is the weather in San Francisco right now?"))
+    yield history
+    time.sleep(0.25)
+    history.append(ChatMessage(role="assistant",
+                               content="In order to find the current weather in San Francisco, I will need to use my weather tool.")
+                               )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="API Error when connecting to weather service.",
+                              metadata={"title": "💥 Error using tool 'Weather'"})
+                  )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="I will try again",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Weather 72 degrees Fahrenheit with 20% chance of rain.",
+                                metadata={"title": "🛠️ Used tool 'Weather'"}
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Now that the API succeeded I can complete my task.",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="It's a sunny day in San Francisco with a current temperature of 72 degrees Fahrenheit and a 20% chance of rain. Enjoy the weather!",
+                              ))
+    yield history
+
+
+with gr.Blocks() as demo:
+    chatbot  = gr.Chatbot(type="messages")
+    button = gr.Button("Get San Francisco Weather")
+    button.click(generate_response, chatbot, chatbot)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+
+
+![tool-box-demo](https://github.com/freddyaboulton/freddyboulton/assets/41651716/cf73ecc9-90ac-42ce-bca5-768e0cc00a48)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8683](https://github.com/gradio-app/gradio/pull/8683) [`a92c3e8`](https://github.com/gradio-app/gradio/commit/a92c3e8015c1951f995f52f9750a0364bd5d5e8d) - Warn against Falsy credentials.  Thanks @Paillat-dev!
+- [#8743](https://github.com/gradio-app/gradio/pull/8743) [`ee497d5`](https://github.com/gradio-app/gradio/commit/ee497d5c3c96041e5b624452596762248de114cc) - Perform CORS validation when the request has a cookie.  Thanks @abidlabs!
+- [#8744](https://github.com/gradio-app/gradio/pull/8744) [`b736c8d`](https://github.com/gradio-app/gradio/commit/b736c8db343087a4854f659b92732c8859fa999a) - Refactor `gr.ParamViewer` to use HTML `<details>` and other tweaks.  Thanks @abidlabs!
+- [#8665](https://github.com/gradio-app/gradio/pull/8665) [`3b8238c`](https://github.com/gradio-app/gradio/commit/3b8238c2e222a6537b19b8901198b7e369e8319a) - Add c/cpp code support.  Thanks @ginazhouhuiwu!
+- [#8713](https://github.com/gradio-app/gradio/pull/8713) [`e3c7079`](https://github.com/gradio-app/gradio/commit/e3c7079e380880d5759d98d180eaf688122f1c69) - Time range component.  Thanks @aliabid94!
+- [#8705](https://github.com/gradio-app/gradio/pull/8705) [`280a3f4`](https://github.com/gradio-app/gradio/commit/280a3f4afe0500fe67a02fafa2ac31344c3a0149) - GRADIO_ALLOWED_PATHS & GRADIO_BLOCKED_PATHS comma separated environme….  Thanks @cocktailpeanut!
+- [#8733](https://github.com/gradio-app/gradio/pull/8733) [`fb0daf3`](https://github.com/gradio-app/gradio/commit/fb0daf3730ffbe6aab5ebe4210eae150729a40b1) - Improvements to `gr.Examples`: adds events as attributes and documents, them, adds `sample_labels`, and `visible` properties.  Thanks @abidlabs!
+- [#8750](https://github.com/gradio-app/gradio/pull/8750) [`5e36144`](https://github.com/gradio-app/gradio/commit/5e361442328cf01fa92ecdadfa420054b8da2a81) - Add guides for msg format and llm agents.  Thanks @freddyaboulton!
+- [#8687](https://github.com/gradio-app/gradio/pull/8687) [`bc1d45d`](https://github.com/gradio-app/gradio/commit/bc1d45d8745a677bbe2a32f8d7553fe0d4ef3fd7) - Model3D point cloud and wireframe display modes.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8699](https://github.com/gradio-app/gradio/pull/8699) [`012da05`](https://github.com/gradio-app/gradio/commit/012da05287846d94beb0ecdc28d7fbc48c4248ff) - Ensure JS client `status_callback` functionality works and improve status messages.  Thanks @hannahblair!
+- [#8763](https://github.com/gradio-app/gradio/pull/8763) [`c1ecfde`](https://github.com/gradio-app/gradio/commit/c1ecfde50e55902140aafc3551968e26c1bb4cd0) - 8394 df hidden items.  Thanks @pngwn!
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+- [#8715](https://github.com/gradio-app/gradio/pull/8715) [`a6b3c6c`](https://github.com/gradio-app/gradio/commit/a6b3c6ce4e1d06253860c72740024a9138e3a93a) - Ensure `@gradio/client`'s `submit` iterator releases as expected.  Thanks @pngwn!
+- [#8758](https://github.com/gradio-app/gradio/pull/8758) [`26cdd0f`](https://github.com/gradio-app/gradio/commit/26cdd0ffe049ecfe751f3831cbdb4c04c0ecf934) - Revert chatbot styling.  Thanks @pngwn!
+- [#8658](https://github.com/gradio-app/gradio/pull/8658) [`0482453`](https://github.com/gradio-app/gradio/commit/0482453fd5815446c8efa21bfbba0b00d6e4113d) - Chatbot LaTeX Crash Fix.  Thanks @dawoodkhan82!
+- [#8716](https://github.com/gradio-app/gradio/pull/8716) [`e834d30`](https://github.com/gradio-app/gradio/commit/e834d302e44f7a54565129bf2c11acf4e882a59b) - ensure `@gradio/client` always returns the correct data.  Thanks @pngwn!
+- [#8737](https://github.com/gradio-app/gradio/pull/8737) [`31a876d`](https://github.com/gradio-app/gradio/commit/31a876d0274d7b74a90d30148f3e9c098f486242) - Fix `Share to community` button for images.  Thanks @hannahblair!
+- [#8719](https://github.com/gradio-app/gradio/pull/8719) [`d15ada9`](https://github.com/gradio-app/gradio/commit/d15ada9a1c270dd86e1751b1846510a70dc48510) - Fix multimodal textbox custom components.  Thanks @freddyaboulton!
+- [#8714](https://github.com/gradio-app/gradio/pull/8714) [`1b5b5b0`](https://github.com/gradio-app/gradio/commit/1b5b5b0b43e69ee84f3baad2aae59ffc9c4d995a) - Bind `fetch` and `stream` in JS client.  Thanks @hannahblair!
+- [#8677](https://github.com/gradio-app/gradio/pull/8677) [`c946c6f`](https://github.com/gradio-app/gradio/commit/c946c6f31a34bfd888a6a16c3fb479fe34710206) - Allow supplying custom `gr.Chatbot` with events to `gr.ChatInterface`.  Thanks @abidlabs!
+- [#8748](https://github.com/gradio-app/gradio/pull/8748) [`a9307c6`](https://github.com/gradio-app/gradio/commit/a9307c64525c5b323e56ea6f7475faa7c3dad4a4) - Chatbot generating scroll and click fix.  Thanks @freddyaboulton!
+- [#8720](https://github.com/gradio-app/gradio/pull/8720) [`936c713`](https://github.com/gradio-app/gradio/commit/936c7137a99ef59efdf75bae5dd27eea2ac1f577) - Documents auth in the guides, in the view API page, and also types the Blocks.config object.  Thanks @abidlabs!
+
+## 4.37.2
+
+### Features
+
+- [#8632](https://github.com/gradio-app/gradio/pull/8632) [`ea6482c`](https://github.com/gradio-app/gradio/commit/ea6482cc89a883075a9008d1758e97f5ea73a9ec) - remove `chatbot_multimodal` demo from `gr.Chatbot` documentation page.  Thanks @abidlabs!
+- [#8649](https://github.com/gradio-app/gradio/pull/8649) [`4b6c8b1`](https://github.com/gradio-app/gradio/commit/4b6c8b1c004cee67345a7f103ba2dc8e90b82e6c) - ensure `File` objects are handled in JS client `handle_file`.  Thanks @hannahblair!
+- [#8604](https://github.com/gradio-app/gradio/pull/8604) [`b6fa6b5`](https://github.com/gradio-app/gradio/commit/b6fa6b543f226540247cd50748019cde59b93005) - Add docs for `.on()`, `.then()`, and `.success()`, as well as the subclasses of `gr.EventData`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8655](https://github.com/gradio-app/gradio/pull/8655) [`3896398`](https://github.com/gradio-app/gradio/commit/38963984800d58bfad81bc928f2d631cb4bac773) - Ensure copy button on chatbot shows when appropriate.  Thanks @pngwn!
+- [#8645](https://github.com/gradio-app/gradio/pull/8645) [`9933e53`](https://github.com/gradio-app/gradio/commit/9933e538c9544c386851d90adacd148763ccc878) - Update file_explorer.py for str type `height`.  Thanks @magical-l!
+- [#8608](https://github.com/gradio-app/gradio/pull/8608) [`c12f82a`](https://github.com/gradio-app/gradio/commit/c12f82a36dc75ff30918dc2ce5f24e583b676f22) - Bugfix: Add a `file_count` parameter to `gr.MultimodalTextbox`. Multiple files cab be uploaded by setting `file_count="multiple"`. Default is `"single"` to preserve the previous behavior.  Thanks @freddyaboulton!
+- [#8631](https://github.com/gradio-app/gradio/pull/8631) [`9b8840a`](https://github.com/gradio-app/gradio/commit/9b8840ab5f712a6634b77df014083071fa253ba0) - Ensure chatbot messages are visible to screenreaders.  Thanks @hannahblair!
+- [#8637](https://github.com/gradio-app/gradio/pull/8637) [`c348392`](https://github.com/gradio-app/gradio/commit/c34839293f7ebad91d71caced84eea4a3790a558) - Multimodal textbox buttons alignment.  Thanks @dawoodkhan82!
+
+## 4.37.1
+
+### Fixes
+
+- [#8610](https://github.com/gradio-app/gradio/pull/8610) [`9204d86`](https://github.com/gradio-app/gradio/commit/9204d86ed48b4a45ed5de5ea628b756d092ce910) - Add guide on cleaning up state and file resources.  Thanks @freddyaboulton!
+
+## 4.37.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+- [#8489](https://github.com/gradio-app/gradio/pull/8489) [`c2a0d05`](https://github.com/gradio-app/gradio/commit/c2a0d056d679d90631d9ccd944dadd67e7e03b7f) - Control Display of Error, Info, Warning.  Thanks @freddyaboulton!
+- [#8571](https://github.com/gradio-app/gradio/pull/8571) [`a77877f`](https://github.com/gradio-app/gradio/commit/a77877f62df7c610fcfac7b3b00e186a087c8ec6) - First time loading performance optimization.  Thanks @baojianting!
+- [#8607](https://github.com/gradio-app/gradio/pull/8607) [`c7cd0a0`](https://github.com/gradio-app/gradio/commit/c7cd0a0e9aefe0e5ee5584df676f3cc69a403059) - Ensure chatbot background is consistent with other components.  Thanks @pngwn!
+- [#8555](https://github.com/gradio-app/gradio/pull/8555) [`7fc7455`](https://github.com/gradio-app/gradio/commit/7fc7455553c04c52c8e25d520f3d67f1b5609637) - support html in chatbot.  Thanks @pngwn!
+- [#8590](https://github.com/gradio-app/gradio/pull/8590) [`65afffd`](https://github.com/gradio-app/gradio/commit/65afffd34b79ba9117e8d9506ea82477204cb57d) - Fix multimodal chat look.  Thanks @aliabid94!
+- [#8603](https://github.com/gradio-app/gradio/pull/8603) [`affce4c`](https://github.com/gradio-app/gradio/commit/affce4cbd9e2df14175c79da27408ccce57a74e9) - Fix resizer on altair.  Thanks @aliabid94!
+- [#8580](https://github.com/gradio-app/gradio/pull/8580) [`797621b`](https://github.com/gradio-app/gradio/commit/797621b81a0ab9b794e6872f8d43bf6d19a68b78) - Improved plot rendering to thematically match.  Thanks @aliabid94!/n  highlight:Expect visual changes in gr.Plot, gr.BarPlot, gr.LinePlot, gr.ScatterPlot, including changes to color and width sizing.
+- [#8520](https://github.com/gradio-app/gradio/pull/8520) [`595ecf3`](https://github.com/gradio-app/gradio/commit/595ecf35da6cd5f9aa7d9135282d005b63fbdef1) - Add build target option to the custom component `gradio.config.js` file.  Thanks @pngwn!
+- [#8593](https://github.com/gradio-app/gradio/pull/8593) [`d35c290`](https://github.com/gradio-app/gradio/commit/d35c290aadcb85113ee7ceea96a7ed7dc894b1d2) - Adding more docs for using components in chatbot.  Thanks @abidlabs!
+- [#8609](https://github.com/gradio-app/gradio/pull/8609) [`36b2af9`](https://github.com/gradio-app/gradio/commit/36b2af9a31e43e92f61f39636b7c32001c34734d) - Changed gradio version check from print statement to warning.  Thanks @gdevakumar!
+- [#8600](https://github.com/gradio-app/gradio/pull/8600) [`7289c4b`](https://github.com/gradio-app/gradio/commit/7289c4b036d8a78c48f8c9e66ba998e6730e80d2) - Add credentials: include and Cookie header to prevent 401 error.  Thanks @yinkiu602!
+- [#8488](https://github.com/gradio-app/gradio/pull/8488) [`b03da67`](https://github.com/gradio-app/gradio/commit/b03da67d8f17c36e78b47bfad78e30c94d577828) - Minor changes to monitoring.  Thanks @freddyaboulton!
+- [#8569](https://github.com/gradio-app/gradio/pull/8569) [`6f99a02`](https://github.com/gradio-app/gradio/commit/6f99a028ed0071e3f588076c059d19f3ff5d85f8) - Upgrade pyodide 0.26.  Thanks @whitphx!
+- [#8565](https://github.com/gradio-app/gradio/pull/8565) [`fd5aab1`](https://github.com/gradio-app/gradio/commit/fd5aab10be53a4215b5eeca03cd1c99c5a30c21d) - Remove duplicated code in `routes.py`.  Thanks @sadra-barikbin!
+- [#8529](https://github.com/gradio-app/gradio/pull/8529) [`d43d696`](https://github.com/gradio-app/gradio/commit/d43d69648669da98a4fdf741071501e531b68d86) - feat: exception handling about file_count params of File component.  Thanks @young-hun-jo!
+- [#8528](https://github.com/gradio-app/gradio/pull/8528) [`2b0c157`](https://github.com/gradio-app/gradio/commit/2b0c1577b27fcf30920196f815ec7be604893b19) - Added an optional `height` and overflow scrollbar for the Markdown Component.  Thanks @ShruAgarwal!
+- [#8516](https://github.com/gradio-app/gradio/pull/8516) [`de6aa2b`](https://github.com/gradio-app/gradio/commit/de6aa2b67668605b65ad92842b2c798afa2c6d8a) - Add helper classes to docs.  Thanks @aliabd!
+- [#8522](https://github.com/gradio-app/gradio/pull/8522) [`bdaa678`](https://github.com/gradio-app/gradio/commit/bdaa678d0c0a22250b41104f32e9121f98dc7437) - add handle_file docs.  Thanks @pngwn!
+
+### Fixes
+
+- [#8599](https://github.com/gradio-app/gradio/pull/8599) [`ca125b7`](https://github.com/gradio-app/gradio/commit/ca125b728a0803a5b5ed71a5189e6b68175edcad) - Fix reload mode for jupyter notebook and stateful demos.  Thanks @freddyaboulton!
+- [#8521](https://github.com/gradio-app/gradio/pull/8521) [`900cf25`](https://github.com/gradio-app/gradio/commit/900cf25256a5b0563860097d69aac28b6afbfd8b) - Ensure frontend functions work when they don't return a value.  Thanks @pngwn!
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+- [#8530](https://github.com/gradio-app/gradio/pull/8530) [`d429690`](https://github.com/gradio-app/gradio/commit/d429690611eacd7b19cf4609332b0c12c93a1591) - Fix request serialization for fastapi `/docs`.  Thanks @zhzLuke96!
+- [#8589](https://github.com/gradio-app/gradio/pull/8589) [`34430b9`](https://github.com/gradio-app/gradio/commit/34430b934dbab3bc525f56b390dbc054f76cf56c) - Handle GIFs correct in `gr.Image` preprocessing.  Thanks @abidlabs!
+- [#8506](https://github.com/gradio-app/gradio/pull/8506) [`7c5fec3`](https://github.com/gradio-app/gradio/commit/7c5fec3a2606b7a40f4cdc60f2553ba55fc8df99) - Use root url for monitoring url.  Thanks @abidlabs!
+- [#8524](https://github.com/gradio-app/gradio/pull/8524) [`546d14e`](https://github.com/gradio-app/gradio/commit/546d14e4f2773f91be7afc37355327044e7cb6e6) - add test + demo.  Thanks @pngwn!
+- [#8588](https://github.com/gradio-app/gradio/pull/8588) [`1e61644`](https://github.com/gradio-app/gradio/commit/1e6164462431111e8c4c698cc2c57ab0d0076ba2) - move `deploy_space_action.yaml` to correct location.  Thanks @abidlabs!
+- [#8543](https://github.com/gradio-app/gradio/pull/8543) [`a4433be`](https://github.com/gradio-app/gradio/commit/a4433be25c183080d397413dc8c4330cd8c2b562) - Ability to disable orange progress animation for generators by setting `show_progress='minimal'` or `show_progress='hidden'` in the event definition. This is a small visual breaking change but it aligns better with the expected behavior of the `show_progress` parameter. Also added `show_progress` to `gr.Interface` and `gr.ChatInterface`.  Thanks @freddyaboulton!
+- [#8579](https://github.com/gradio-app/gradio/pull/8579) [`bc5fccf`](https://github.com/gradio-app/gradio/commit/bc5fccfeee4ff6941c927c982cfbabed7b90213c) - Allow `gr.load` to work inside `gr.Blocks` automatically.  Thanks @abidlabs!
+- [#8573](https://github.com/gradio-app/gradio/pull/8573) [`56af40f`](https://github.com/gradio-app/gradio/commit/56af40f5e3bc4ea98bcfe6838f7ffcda1f47b63f) - Fixes the `favicon_path` working error.  Thanks @ShruAgarwal!
+- [#8548](https://github.com/gradio-app/gradio/pull/8548) [`7fc0f51`](https://github.com/gradio-app/gradio/commit/7fc0f5149bb8d31f3d01b4151b478070499751ee) - Fix reload mode by implementing `close` on the client.  Thanks @freddyaboulton!
+- [#8531](https://github.com/gradio-app/gradio/pull/8531) [`88de38e`](https://github.com/gradio-app/gradio/commit/88de38e2597bc39532be77b917f1f02b1a11647d) - Fix custom components on windows.  Thanks @freddyaboulton!
+- [#8581](https://github.com/gradio-app/gradio/pull/8581) [`a1c21cb`](https://github.com/gradio-app/gradio/commit/a1c21cb69a688bd38139153fe9c85a50c6ae86f2) - fix dataset update.  Thanks @abidlabs!
+- [#8537](https://github.com/gradio-app/gradio/pull/8537) [`81ae766`](https://github.com/gradio-app/gradio/commit/81ae7663b303ac7738bc216d9bf916f0515dd22e) - Many small fixes to website and docs.  Thanks @aliabd!
+
+## 4.36.1
+
+### Features
+
+- [#8491](https://github.com/gradio-app/gradio/pull/8491) [`ffd53fa`](https://github.com/gradio-app/gradio/commit/ffd53fa2dcb13d564fd07aa441d4016df8d2f155) - Remove broken guide redirect.  Thanks @aliabd!
+- [#8499](https://github.com/gradio-app/gradio/pull/8499) [`c5f6e77`](https://github.com/gradio-app/gradio/commit/c5f6e7722a197d4706419ade14276ddecf3196f8) - Cache break themes on change.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8504](https://github.com/gradio-app/gradio/pull/8504) [`2a59bab`](https://github.com/gradio-app/gradio/commit/2a59bab3bb537373e2823b2416e42b7a8370d7ec) - Fixes TabbedInterface bug where only first interface events get triggered.  Thanks @freddyaboulton!
+
+## 4.36.0
+
+### Features
+
+- [#8478](https://github.com/gradio-app/gradio/pull/8478) [`73e1108`](https://github.com/gradio-app/gradio/commit/73e11087a0d212c568c361e84e50fcb59d4a37b0) - Adds a monitoring dashboard to Gradio apps that can be used to view usage.  Thanks @aliabid94!
+
+## 4.35.0
+
+### Features
+
+- [#8481](https://github.com/gradio-app/gradio/pull/8481) [`41a4493`](https://github.com/gradio-app/gradio/commit/41a449383a34b7d6e4c83cfbf61c222fd5501206) - fix client flaky tests.  Thanks @abidlabs!
+- [#8483](https://github.com/gradio-app/gradio/pull/8483) [`e2271e2`](https://github.com/gradio-app/gradio/commit/e2271e207d98074bf39b02ae3c5443b2f097627d) - documentation for @gradio/client.  Thanks @pngwn!
+- [#8485](https://github.com/gradio-app/gradio/pull/8485) [`f8ebace`](https://github.com/gradio-app/gradio/commit/f8ebaceccef60a112603d290d10072ef4e938a6a) - Ensure all status are reported internally when calling `predict`.  Thanks @pngwn!
+
+## 4.34.0
+
+### Features
+
+- [#8370](https://github.com/gradio-app/gradio/pull/8370) [`48eeea4`](https://github.com/gradio-app/gradio/commit/48eeea4eaab7e24168688e3c3fbafb30e4e78d51) - Refactor Cancelling Logic To Use /cancel.  Thanks @freddyaboulton!
+- [#8460](https://github.com/gradio-app/gradio/pull/8460) [`8628899`](https://github.com/gradio-app/gradio/commit/86288993d9589ceb7bcc3e4d10f0adb6419d4ac5) - Support Bash in Api Recorder.  Thanks @aliabd!
+- [#8417](https://github.com/gradio-app/gradio/pull/8417) [`96d8de2`](https://github.com/gradio-app/gradio/commit/96d8de231270321da5f310768643363276df3204) - add delete event to `File` component.  Thanks @pngwn!
+- [#8444](https://github.com/gradio-app/gradio/pull/8444) [`2cd02ff`](https://github.com/gradio-app/gradio/commit/2cd02ff3b7c57cd69635d111ff25643eba30b9b0) - Remove deprecated parameters from Python Client.  Thanks @abidlabs!
+- [#8473](https://github.com/gradio-app/gradio/pull/8473) [`8ca93d4`](https://github.com/gradio-app/gradio/commit/8ca93d45dd9f8948cfe87fe16ef5943139e756a7) - Improve design of api recorder.  Thanks @aliabd!
+- [#8445](https://github.com/gradio-app/gradio/pull/8445) [`5c8915b`](https://github.com/gradio-app/gradio/commit/5c8915b11308756c3b7279864d240ea85f5a0b4a) - Add cURL to view API Page and add a dedicated Guide.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8477](https://github.com/gradio-app/gradio/pull/8477) [`d5a9604`](https://github.com/gradio-app/gradio/commit/d5a960493017a4890685af61d78ce7d3b3b12e6b) - Fix js client bundle.  Thanks @pngwn!
+- [#8451](https://github.com/gradio-app/gradio/pull/8451) [`9d2d605`](https://github.com/gradio-app/gradio/commit/9d2d6051caed5c8749a26a6fa7480a5ae6e6c4f3) - Change client submit API to be an AsyncIterable and support more platforms.  Thanks @pngwn!
+- [#8462](https://github.com/gradio-app/gradio/pull/8462) [`6447dfa`](https://github.com/gradio-app/gradio/commit/6447dface4d46db1c69460e8325a1928d0476a46) - Improve file handling in JS Client.  Thanks @hannahblair!
+- [#8439](https://github.com/gradio-app/gradio/pull/8439) [`63d36fb`](https://github.com/gradio-app/gradio/commit/63d36fbbf4bf6dc909be9a0ffc7b6bf6621d83e8) - Handle gradio apps using `state` in the JS Client.  Thanks @hannahblair!
+
+## 4.33.0
+
+### Features
+
+- [#8429](https://github.com/gradio-app/gradio/pull/8429) [`d393a4a`](https://github.com/gradio-app/gradio/commit/d393a4a2245675d161f03bb9e7a7a62348748581) - Fix type hints for render and on.  Thanks @freddyaboulton!
+- [#8377](https://github.com/gradio-app/gradio/pull/8377) [`341844f`](https://github.com/gradio-app/gradio/commit/341844f04efe0e7e512c7ca443f3f2b195a32fa7) - Click to preview images in chatbot.  Thanks @dawoodkhan82!
+- [#8455](https://github.com/gradio-app/gradio/pull/8455) [`a970589`](https://github.com/gradio-app/gradio/commit/a970589cf57c72650f45fbc6a82ad9c52a6e4712) - Fix multimodal textbox placeholder.  Thanks @dawoodkhan82!
+- [#8446](https://github.com/gradio-app/gradio/pull/8446) [`4a55157`](https://github.com/gradio-app/gradio/commit/4a55157ed9796b8a69cadae0d87a85203eab2cb3) - state.change listener with deep hash check.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8400](https://github.com/gradio-app/gradio/pull/8400) [`33c8081`](https://github.com/gradio-app/gradio/commit/33c8081aa967ffc6fec68e15946b9bce2e848ee2) - Handle special arguments when extracting parameter names for view API page.  Thanks @abidlabs!
+- [#8369](https://github.com/gradio-app/gradio/pull/8369) [`4795c6e`](https://github.com/gradio-app/gradio/commit/4795c6e9e942b5ce489e4451ef84fa75128d89d2) - Fix multimodal textbox styling for certain themes.  Thanks @dawoodkhan82!
+- [#8440](https://github.com/gradio-app/gradio/pull/8440) [`83bdf5c`](https://github.com/gradio-app/gradio/commit/83bdf5c4478c0c6138cc639818dd5e403ea712a0) - Add support for `numpy~=2.0`.  Thanks @freddyaboulton!
+
+## 4.32.2
+
+### Fixes
+
+- [#8431](https://github.com/gradio-app/gradio/pull/8431) [`9909b28`](https://github.com/gradio-app/gradio/commit/9909b28364b82b5e8bfd7d47a858a204f68b963a) - fix scrolling on spaces.  Thanks @pngwn!
+
+## 4.32.1
+
+### Features
+
+- [#8415](https://github.com/gradio-app/gradio/pull/8415) [`227de35`](https://github.com/gradio-app/gradio/commit/227de352982b3dcdf9384eaa28b7e9cf09afb6e8) - Fix spaces load error.  Thanks @aliabid94!
+
+## 4.32.0
+
+### Features
+
+- [#8401](https://github.com/gradio-app/gradio/pull/8401) [`d078621`](https://github.com/gradio-app/gradio/commit/d078621928136c09ca902d2f37594ed887c67d2e) - Add CDN installation to JS docs.  Thanks @hannahblair!
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) [`55f664f`](https://github.com/gradio-app/gradio/commit/55f664f2979a49acc29a73cde16c6ebdfcc91db2) - Add event listener support to render blocks.  Thanks @aliabid94!
+- [#8398](https://github.com/gradio-app/gradio/pull/8398) [`945ac83`](https://github.com/gradio-app/gradio/commit/945ac837e779b120790814ea6f6f81bd2712f5f8) - Improve rendering.  Thanks @aliabid94!
+- [#8299](https://github.com/gradio-app/gradio/pull/8299) [`ab65360`](https://github.com/gradio-app/gradio/commit/ab653608045ff9462db7ad9fe63e1c60bf20e773) - Allow JS Client to work with authenticated spaces 🍪.  Thanks @hannahblair!
+- [#8386](https://github.com/gradio-app/gradio/pull/8386) [`e738e26`](https://github.com/gradio-app/gradio/commit/e738e26a5d0f31c60cfd24d47c11dc9d4bc2d1a6) - Include instructions on starting from someone else's custom component repository.  Thanks @freddyaboulton!
+- [#8363](https://github.com/gradio-app/gradio/pull/8363) [`94a1143`](https://github.com/gradio-app/gradio/commit/94a1143686733c7fe16e204764b9a3e7240ccf02) - Add allow-credentials to preflight header.  Thanks @abidlabs!
+- [#8403](https://github.com/gradio-app/gradio/pull/8403) [`5efd35c`](https://github.com/gradio-app/gradio/commit/5efd35c7a06d894fdcb68898bdaaf9b457e608f1) - Editable Docs.  Thanks @aliabd!
+- [#8355](https://github.com/gradio-app/gradio/pull/8355) [`33e8bab`](https://github.com/gradio-app/gradio/commit/33e8babb17b2094327860bc1996ab855d6c22d46) - Enable hiding the inline category in HighlightedText with a `show_inline_category` argument.  Thanks @xu-song!
+- [#8409](https://github.com/gradio-app/gradio/pull/8409) [`8028c33`](https://github.com/gradio-app/gradio/commit/8028c33bbc5a324a5e9e8b28906443db28683d79) - Render decorator documentation.  Thanks @aliabid94!
+- [#8378](https://github.com/gradio-app/gradio/pull/8378) [`3fbf2e8`](https://github.com/gradio-app/gradio/commit/3fbf2e8e7059f3bab64b0839ab7a0f9f864f0a66) - chore: update docs.py.  Thanks @eltociear!
+
+### Fixes
+
+- [#8408](https://github.com/gradio-app/gradio/pull/8408) [`e86dd01`](https://github.com/gradio-app/gradio/commit/e86dd01b6e8f7bab3d3c25b84f2ad33129138af4) - Connect heartbeat if state created in render. Also fix config cleanup bug #8407.  Thanks @freddyaboulton!
+- [#8258](https://github.com/gradio-app/gradio/pull/8258) [`1f8e5c4`](https://github.com/gradio-app/gradio/commit/1f8e5c44e054b943052d8f24d044696ddfd01a54) - Improve URL handling in JS Client.  Thanks @hannahblair!
+- [#8376](https://github.com/gradio-app/gradio/pull/8376) [`aebd2e9`](https://github.com/gradio-app/gradio/commit/aebd2e952e3a19633b9b95a49f51664bc8a0c20d) - Model3D right-handed coordinate system.  Thanks @dylanebert!
+- [#8381](https://github.com/gradio-app/gradio/pull/8381) [`24ab22d`](https://github.com/gradio-app/gradio/commit/24ab22d26179ee3d1e5f4957067ebf8722ef2e6f) - Fix encoding error.  Thanks @xu-song!
+- [#8364](https://github.com/gradio-app/gradio/pull/8364) [`6a1b58c`](https://github.com/gradio-app/gradio/commit/6a1b58cf3e4796ccb695db5baae190c894b30df0) - Add `--table-text-color` var to fix body text in `Examples`.  Thanks @hannahblair!
+- [#8284](https://github.com/gradio-app/gradio/pull/8284) [`2d705bc`](https://github.com/gradio-app/gradio/commit/2d705bcf7475eb46822358fed21dc081a800a73d) - Add body color to `gr.Accordion`.  Thanks @hannahblair!
+- [#8371](https://github.com/gradio-app/gradio/pull/8371) [`a373b0e`](https://github.com/gradio-app/gradio/commit/a373b0edd36613a9a6a25a1a2893edd6533a7291) - Set orig_name in python client file uploads.  Thanks @freddyaboulton!
+- [#8385](https://github.com/gradio-app/gradio/pull/8385) [`97ac79b`](https://github.com/gradio-app/gradio/commit/97ac79bf563f8423604a9b0e91eac4df6833f4fc) - Fix bug in reload mode equality check. Better equality conversion for state variables.  Thanks @freddyaboulton!
+- [#8372](https://github.com/gradio-app/gradio/pull/8372) [`89d6a17`](https://github.com/gradio-app/gradio/commit/89d6a176b39f713dd8144a1e6df1419303412ed2) - Change z-index of status tracker.  Thanks @hannahblair!
+
+## 4.31.5
+
+### Features
+
+- [#8311](https://github.com/gradio-app/gradio/pull/8311) [`35905c5`](https://github.com/gradio-app/gradio/commit/35905c5c8f7acbe669486ac8f57b6955328e4783) - Cleanup markdown styling.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8339](https://github.com/gradio-app/gradio/pull/8339) [`4dc7fa7`](https://github.com/gradio-app/gradio/commit/4dc7fa7cd7f514224686b891299e46533edffd66) - Fix Chatbot, Dataframe, Markdown custom components.  Thanks @freddyaboulton!
+- [#8336](https://github.com/gradio-app/gradio/pull/8336) [`f138b41`](https://github.com/gradio-app/gradio/commit/f138b4159ea364204108de14f7597674fcc9469e) - Use Any if JsonValue cannot be imported.  Thanks @freddyaboulton!
+- [#8334](https://github.com/gradio-app/gradio/pull/8334) [`0236b1a`](https://github.com/gradio-app/gradio/commit/0236b1ab12149ddd11b03e1382ceb09d19ac0d48) - fix: prevent triggering gr.File.select on delete.  Thanks @gtm-nayan!
+- [#8341](https://github.com/gradio-app/gradio/pull/8341) [`82ba397`](https://github.com/gradio-app/gradio/commit/82ba3975921760c727875948fb7275c2f5f9ea2b) - add missing orig_name (follow up to #8334).  Thanks @gtm-nayan!
+- [#8322](https://github.com/gradio-app/gradio/pull/8322) [`47012a0`](https://github.com/gradio-app/gradio/commit/47012a0c4e3e8a80fcae620aaf08b16ceb343cde) - ensure the client correctly handles all binary data.  Thanks @Saghen!
+
+## 4.31.4
+
+### Features
+
+- [#8318](https://github.com/gradio-app/gradio/pull/8318) [`9e31697`](https://github.com/gradio-app/gradio/commit/9e31697d9435ea926a194262d9e845624df0e74e) - Added image-to-image diffusers pipeline.  Thanks @cswamy!
+
+### Fixes
+
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) [`8f46556`](https://github.com/gradio-app/gradio/commit/8f46556b38e35cffbadac74ff80445dceea3bcf5) - Fix api recorder.  Thanks @abidlabs!
+
+## 4.31.3
+
+### Features
+
+- [#8229](https://github.com/gradio-app/gradio/pull/8229) [`7c81897`](https://github.com/gradio-app/gradio/commit/7c81897076ddcd0bb05e0e4ffec35bb9a986d330) - chore(deps): update dependency esbuild to ^0.21.0.  Thanks @renovate!
+- [#8279](https://github.com/gradio-app/gradio/pull/8279) [`4350215`](https://github.com/gradio-app/gradio/commit/4350215348981aba6dea473884b047f096dcdf0f) - Link to troubleshooting guide in the custom component loading status.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8292](https://github.com/gradio-app/gradio/pull/8292) [`ee1e294`](https://github.com/gradio-app/gradio/commit/ee1e2942e0a1ae84a08a05464e41c8108a03fa9c) - Ensure JSON component outputs handled properly in postprocess.  Thanks @freddyaboulton!
+- [#8296](https://github.com/gradio-app/gradio/pull/8296) [`929d216`](https://github.com/gradio-app/gradio/commit/929d216d49aa05614bc83f0761cf7b1cd803d8fe) - always create a jwt when connecting to a space if a hf_token is present.  Thanks @pngwn!
+
+## 4.31.2
+
+### Fixes
+
+- [#8285](https://github.com/gradio-app/gradio/pull/8285) [`7d9d8ea`](https://github.com/gradio-app/gradio/commit/7d9d8eab50d36cbecbb84c6a0f3cc1bca7215604) - use the correct query param to pass the jwt to the heartbeat event.  Thanks @pngwn!
+
+## 4.31.1
+
+### Features
+
+- [#8264](https://github.com/gradio-app/gradio/pull/8264) [`a9e1a8a`](https://github.com/gradio-app/gradio/commit/a9e1a8ac5633c5336fea1c63d7f66a9883e7e6e1) - Make exceptions in the Client more specific.  Thanks @abidlabs!
+- [#8263](https://github.com/gradio-app/gradio/pull/8263) [`de52f0e`](https://github.com/gradio-app/gradio/commit/de52f0e5af75688713e4e96a195208576a4d64ad) - Reduce the analytics that are collected in Gradio.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8276](https://github.com/gradio-app/gradio/pull/8276) [`0bf3d1a`](https://github.com/gradio-app/gradio/commit/0bf3d1a992db2753c1a55452b569027190f26ef6) - Fix bug where client could not connect to apps that had self signed certificates.  Thanks @freddyaboulton!
+- [#8260](https://github.com/gradio-app/gradio/pull/8260) [`7e976fd`](https://github.com/gradio-app/gradio/commit/7e976fd9bf5273841915b3722d3eadfcf6c11fc3) - Send ProcessCompleted message when job is cancelled.  Thanks @freddyaboulton!
+- [#8261](https://github.com/gradio-app/gradio/pull/8261) [`719d596`](https://github.com/gradio-app/gradio/commit/719d5962bb7018412f073b55eb3b62d8b4e02d63) - Fix bug where status tracker was the target of pointer events.  Thanks @freddyaboulton!
+- [#8272](https://github.com/gradio-app/gradio/pull/8272) [`fbf4edd`](https://github.com/gradio-app/gradio/commit/fbf4edde7c896cdf4c903463e44c31ed96111b3c) - ensure client works for private spaces.  Thanks @pngwn!
+
+## 4.31.0
+
+### Features
+
+- [#8226](https://github.com/gradio-app/gradio/pull/8226) [`892181b`](https://github.com/gradio-app/gradio/commit/892181b4fdb13dd6048a620dd985d47bc3c26ed7) - chore(deps): update dependency @types/prismjs to v1.26.4.  Thanks @renovate!
+- [#8254](https://github.com/gradio-app/gradio/pull/8254) [`0a6f0a7`](https://github.com/gradio-app/gradio/commit/0a6f0a7e02199cb4094d796aafa39207d718ad22) - Fix custom component detection logic in analytics.  Thanks @freddyaboulton!
+- [#8244](https://github.com/gradio-app/gradio/pull/8244) [`52dac63`](https://github.com/gradio-app/gradio/commit/52dac637a379ace892e3652a411392927e46613f) - Adds `examples_per_page` to `gr.ChatInterface` and allows `clear_btn` in `gr.Interface` to be hidden.  Thanks @abidlabs!
+- [#8219](https://github.com/gradio-app/gradio/pull/8219) [`32d915a`](https://github.com/gradio-app/gradio/commit/32d915aad5c6d9b2f5fdcafef39e246fc1b2d852) - Apply clean_indent() to the file contents specified with <gradio-file> tags.  Thanks @whitphx!
+- [#8110](https://github.com/gradio-app/gradio/pull/8110) [`5436031`](https://github.com/gradio-app/gradio/commit/5436031f92c1596282eb64e1e74d555f279e9697) - Render decorator 2.  Thanks @aliabid94!
+- [#8197](https://github.com/gradio-app/gradio/pull/8197) [`e09b4e8`](https://github.com/gradio-app/gradio/commit/e09b4e8216b970bc1b142a0f08e7d190b954eb35) - Add support for passing keyword args to `data` in JS client.  Thanks @hannahblair!
+- [#8236](https://github.com/gradio-app/gradio/pull/8236) [`bf909bd`](https://github.com/gradio-app/gradio/commit/bf909bd14532a27e119fb401003a7d94c0618ffb) - Change upload icon for MultimodalTextbox.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8245](https://github.com/gradio-app/gradio/pull/8245) [`c562a3d`](https://github.com/gradio-app/gradio/commit/c562a3d9a440c8f94ca070bd07b8d4121d6ab7b3) - Cancel  server progress from the python client.  Thanks @freddyaboulton!
+- [#8242](https://github.com/gradio-app/gradio/pull/8242) [`05fe491`](https://github.com/gradio-app/gradio/commit/05fe4918c0e24677a1ff86fbca4cd6f4d4ef974c) - Allow Spaces with `.success()` to be `gr.load`-ed.  Thanks @abidlabs!
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+- [#8227](https://github.com/gradio-app/gradio/pull/8227) [`9ece050`](https://github.com/gradio-app/gradio/commit/9ece050a702618d3260f80506f3405a4a6dabbb9) - Fix bug where updating a component's value in reload mode would not be shown in UI.  Thanks @freddyaboulton!
+
+## 4.29.0
+
+### Highlights
+
+#### Support custom components in gr.load ([#8200](https://github.com/gradio-app/gradio/pull/8200) [`72039be`](https://github.com/gradio-app/gradio/commit/72039be93acda856d92ceac7f21f1ec1a054fae2))
+
+It is now possible to load a demo with a custom component with `gr.load`.
+
+The custom component must be installed in your system and imported in your python session.
+
+```python
+import gradio as gr
+import gradio_pdf
+
+demo = gr.load("freddyaboulton/gradiopdf", src="spaces")
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+<img width="1284" alt="image" src="https://github.com/gradio-app/gradio/assets/41651716/9c3e846b-f3f2-4c1c-8cb6-53a6d186aaa0">
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8174](https://github.com/gradio-app/gradio/pull/8174) [`a81e369`](https://github.com/gradio-app/gradio/commit/a81e36967c0973012e90ec7cf03b99cf3fea88ec) - Remove hatch installation in js/app/package.json which is no longer needed.  Thanks @whitphx!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+- [#8109](https://github.com/gradio-app/gradio/pull/8109) [`bed2f82`](https://github.com/gradio-app/gradio/commit/bed2f82e2297b50f7b59423a3de05af0b9910724) - Implement JS Client tests.  Thanks @hannahblair!
+- [#8106](https://github.com/gradio-app/gradio/pull/8106) [`d0a759f`](https://github.com/gradio-app/gradio/commit/d0a759f3df8b564e2f21421d448b24fecf287306) - Pass Error status in /dev/reload stream.  Thanks @freddyaboulton!
+- [#7855](https://github.com/gradio-app/gradio/pull/7855) [`611c927`](https://github.com/gradio-app/gradio/commit/611c9273a301e925b5aad93a19272dccd53c39fa) - Lite wheel optimization.  Thanks @whitphx!
+- [#8211](https://github.com/gradio-app/gradio/pull/8211) [`91b5cd6`](https://github.com/gradio-app/gradio/commit/91b5cd6132fb8903c92f70fce0800324836a1fc3) - remove redundant event source logic.  Thanks @hannahblair!
+- [#8127](https://github.com/gradio-app/gradio/pull/8127) [`24b2286`](https://github.com/gradio-app/gradio/commit/24b2286a22ed247b86ee299487174c8cea2988fe) - allow the canvas size to be set on the `ImageEditor`.  Thanks @pngwn!
+- [#8205](https://github.com/gradio-app/gradio/pull/8205) [`cfc272f`](https://github.com/gradio-app/gradio/commit/cfc272ff7910ffcce64a7cc9d560a020f0f6ac7d) - Set the show_api flag on Lite.  Thanks @whitphx!
+- [#8052](https://github.com/gradio-app/gradio/pull/8052) [`1435d1d`](https://github.com/gradio-app/gradio/commit/1435d1d2dcfd1accf742726396f2213a54ae0837) - Extend Interface.from_pipeline() to support Transformers.js.py pipelines on Lite.  Thanks @whitphx!
+- [#8189](https://github.com/gradio-app/gradio/pull/8189) [`68dcae5`](https://github.com/gradio-app/gradio/commit/68dcae512c0fb699304446c3b1ae2afaba1a63d2) - Use workspace version for code in _website.  Thanks @aliabd!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+- [#8181](https://github.com/gradio-app/gradio/pull/8181) [`cf52ca6`](https://github.com/gradio-app/gradio/commit/cf52ca6a51320ece97f009a177792840b5fbc785) - Ensure connectivity to private HF spaces with SSE protocol.  Thanks @hannahblair!
+- [#8169](https://github.com/gradio-app/gradio/pull/8169) [`3a6f1a5`](https://github.com/gradio-app/gradio/commit/3a6f1a50b263e0a733f609a08019fc4d05480e1a) - Only connect to heartbeat if needed.  Thanks @freddyaboulton!
+- [#8118](https://github.com/gradio-app/gradio/pull/8118) [`7aca673`](https://github.com/gradio-app/gradio/commit/7aca673b38a087533524b2fd8dd3a03e0e4bacfe) - Add eventsource polyfill for Node.js and browser environments.  Thanks @hannahblair!
+- [#8158](https://github.com/gradio-app/gradio/pull/8158) [`5671ff1`](https://github.com/gradio-app/gradio/commit/5671ff129a3ad488b307f71fffe9566bd4f7f52a) - fix: handling SIGINT correctly in reload.py, single entrance of block_thread in blocks.py.  Thanks @Tiger3018!
+- [#8180](https://github.com/gradio-app/gradio/pull/8180) [`449d0e6`](https://github.com/gradio-app/gradio/commit/449d0e6e145686b4c6cc2cf80bbcd9acded603dd) - Refactor analytics to not use api.gradio.app.  Thanks @freddyaboulton!
+- [#8182](https://github.com/gradio-app/gradio/pull/8182) [`39791eb`](https://github.com/gradio-app/gradio/commit/39791eb186d3a4ce82c8c27979a28311c37a4067) - Convert sse calls in client from async to sync.  Thanks @abidlabs!
+- [#8170](https://github.com/gradio-app/gradio/pull/8170) [`08b4e61`](https://github.com/gradio-app/gradio/commit/08b4e6172340952460ae4947ff45c4bbef9ec285) - Add ETag to `/custom_component` route to control browser caching.  Thanks @freddyaboulton!
+- [#8194](https://github.com/gradio-app/gradio/pull/8194) [`2471f79`](https://github.com/gradio-app/gradio/commit/2471f79527ebae0838eabedd2a4adab6c7667608) - run python reload only if python file changed.  Thanks @jameszhou02!
+- [#8204](https://github.com/gradio-app/gradio/pull/8204) [`376dfaa`](https://github.com/gradio-app/gradio/commit/376dfaaa808866cc114eff3cf1635746c3c50c5d) - Specify the fastapi version on Lite to avoid ujson installation which is not available on Pyodide yet.  Thanks @whitphx!
+
+## 4.28.3
+
+### Fixes
+
+- [#8144](https://github.com/gradio-app/gradio/pull/8144) [`7ba2780`](https://github.com/gradio-app/gradio/commit/7ba2780dc096a21f790695bf9368d2b39a79e2fa) - fix missing dependencies for `@gradio/preview`.  Thanks @pngwn!
+
+## 4.28.2
+
+### Fixes
+
+- [#8142](https://github.com/gradio-app/gradio/pull/8142) [`44eb8ac`](https://github.com/gradio-app/gradio/commit/44eb8ac6c315ffe4f0e3f544b0664c93813b6f68) - ensure @gradio/preview dist files are published.  Thanks @pngwn!
+
+## 4.28.1
+
+### Fixes
+
+- [#8140](https://github.com/gradio-app/gradio/pull/8140) [`0d41b22`](https://github.com/gradio-app/gradio/commit/0d41b221dc69eb543396504a276b84a485c98901) - fix publish build.  Thanks @pngwn!
+
+## 4.28.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8092](https://github.com/gradio-app/gradio/pull/8092) [`659d3c5`](https://github.com/gradio-app/gradio/commit/659d3c51ae8591b8c90879f17b2b10d1d79cb331) - chore(deps): update dependency iframe-resizer to v4.3.11.  Thanks @renovate!
+- [#8067](https://github.com/gradio-app/gradio/pull/8067) [`0fb058e`](https://github.com/gradio-app/gradio/commit/0fb058ec232bfaceb24f1515d16a41fa432a1ee8) - Fix the Lite custom element parser so it doesn't add the .code option when the entrypoint file is already specified.  Thanks @whitphx!
+- [#8051](https://github.com/gradio-app/gradio/pull/8051) [`d665f40`](https://github.com/gradio-app/gradio/commit/d665f409704b4938d57bee6476a2d000617643c8) - Fix custom JS function caller to concat the outputs of a dep to the inputs as the arguments.  Thanks @whitphx!
+- [#8056](https://github.com/gradio-app/gradio/pull/8056) [`2e469a5`](https://github.com/gradio-app/gradio/commit/2e469a5f99e52a5011a010f46e47dde7bb0c7140) - Using keys to preserve values between reloads.  Thanks @aliabid94!
+- [#7646](https://github.com/gradio-app/gradio/pull/7646) [`450b8cc`](https://github.com/gradio-app/gradio/commit/450b8cc898f130f15caa3742f65c17b9f7a8f398) - Refactor JS Client.  Thanks @hannahblair!
+- [#8115](https://github.com/gradio-app/gradio/pull/8115) [`595ebf7`](https://github.com/gradio-app/gradio/commit/595ebf74c5e09ad90fca0ca8a9a312f161a981aa) - Cache an error from app.submit() and show it on frontend.  Thanks @whitphx!
+- [#8084](https://github.com/gradio-app/gradio/pull/8084) [`1c99570`](https://github.com/gradio-app/gradio/commit/1c99570f3cbf28f020d6e92527754dd4cae3bcdb) - Adjust `View Api` container `z-index`.  Thanks @hannahblair!
+- [#8107](https://github.com/gradio-app/gradio/pull/8107) [`cbf2d4e`](https://github.com/gradio-app/gradio/commit/cbf2d4ec51a2e0713c53ff678d0bc70117442ec0) - fix typo from #8105.  Thanks @abidlabs!
+- [#8100](https://github.com/gradio-app/gradio/pull/8100) [`cbdfbdf`](https://github.com/gradio-app/gradio/commit/cbdfbdfc973fa67665911fb5d8cb005a025b0e58) - upgrade `ruff` test dependency to `ruff==0.4.1`.  Thanks @abidlabs!
+- [#6787](https://github.com/gradio-app/gradio/pull/6787) [`15a7106`](https://github.com/gradio-app/gradio/commit/15a7106a36874310f5ace9cf6e32744069ca1cce) - allow custom component authors to provide custom vite plugins and svelte preprocessors.  Thanks @pngwn!
+- [#8080](https://github.com/gradio-app/gradio/pull/8080) [`568eeb2`](https://github.com/gradio-app/gradio/commit/568eeb26a90182519f491df34b1bc75ac67a7313) - Fix `gr.Interface.from_pipeline()` to allow audio uploads and to display classification labels correctly.  Thanks @whitphx!
+- [#8040](https://github.com/gradio-app/gradio/pull/8040) [`32cfa61`](https://github.com/gradio-app/gradio/commit/32cfa614d641b2358ea5d679b30497d1dfbee533) - Remove auto-created files from `gradio cc publish` and other tweaks.  Thanks @freddyaboulton!
+- [#8117](https://github.com/gradio-app/gradio/pull/8117) [`6864035`](https://github.com/gradio-app/gradio/commit/68640358fe186fe5822a72b7a50d9df5020944eb) - Add session hash to gr request.  Thanks @freddyaboulton!
+- [#8061](https://github.com/gradio-app/gradio/pull/8061) [`17e83c9`](https://github.com/gradio-app/gradio/commit/17e83c958ebb35b3e122ca486067d1bd5ce33a22) - Docs Reorg and Intro Page.  Thanks @aliabd!
+- [#8065](https://github.com/gradio-app/gradio/pull/8065) [`5bf61cb`](https://github.com/gradio-app/gradio/commit/5bf61cb15b7a1f8af12c87ae710df07099b5e460) - Hide the scroll bar in WaveformControls when it's not necessary.  Thanks @whitphx!
+- [#8130](https://github.com/gradio-app/gradio/pull/8130) [`0efd72e`](https://github.com/gradio-app/gradio/commit/0efd72e6085ebf5ec9989b659e0d2369d5a692f6) - Add Analytics for custom components.  Thanks @freddyaboulton!
+- [#8087](https://github.com/gradio-app/gradio/pull/8087) [`b50a67d`](https://github.com/gradio-app/gradio/commit/b50a67defe1c1ecc0dac324f6bb7aad4599e1271) - Fix `GRADIO_CACHE_EXAMPLES` environment variable to only take effect if `fn` and `outputs` parameters are provided.  Thanks @abidlabs!
+- [#8093](https://github.com/gradio-app/gradio/pull/8093) [`ac30e07`](https://github.com/gradio-app/gradio/commit/ac30e07f9266f84088a0b8677a259a5b64c037c5) - [HF OAuth] Logout user if oauth token has expired.  Thanks @Wauplin!
+- [#8063](https://github.com/gradio-app/gradio/pull/8063) [`72f4ca8`](https://github.com/gradio-app/gradio/commit/72f4ca88ab569aae47941b3fb0609e57f2e13a27) - Fix `gr.Label` styling and a11y markup.  Thanks @whitphx!
+- [#8105](https://github.com/gradio-app/gradio/pull/8105) [`006fa3c`](https://github.com/gradio-app/gradio/commit/006fa3c6d03f4bcb76e6628cc2052ed18dabb988) - improve the documentation for `js` parameter in `Blocks`, `Interface`, `ChatInterface`.  Thanks @abidlabs!
+- [#8054](https://github.com/gradio-app/gradio/pull/8054) [`176a8a4`](https://github.com/gradio-app/gradio/commit/176a8a4d713246383c760d86fcb964298ee68c6b) - Fix Label component's value change detection to avoid infinite loop dispatching the change event.  Thanks @whitphx!
+- [#8030](https://github.com/gradio-app/gradio/pull/8030) [`91a7a31`](https://github.com/gradio-app/gradio/commit/91a7a31cd15c6fb7b249d124b874d3e63831d09b) - Store configs per session in the backend.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8077](https://github.com/gradio-app/gradio/pull/8077) [`d7461aa`](https://github.com/gradio-app/gradio/commit/d7461aab51b08bc899048230c0f79cf38a1b5ff2) - Fix an encoding issue in gradio/components/code.py.  Thanks @3210448723!
+- [#8075](https://github.com/gradio-app/gradio/pull/8075) [`5d9db89`](https://github.com/gradio-app/gradio/commit/5d9db89aa6a377d7b56b3075a5d6b73f767b319f) - Fix causing Hot Reload (#8070).  Thanks @zolgear!
+- [#8041](https://github.com/gradio-app/gradio/pull/8041) [`937c858`](https://github.com/gradio-app/gradio/commit/937c8583714216e926606b251bc9225271bdc5a7) - Use orjson to serialize dict including np.array.  Thanks @whitphx!
+- [#8097](https://github.com/gradio-app/gradio/pull/8097) [`487db7b`](https://github.com/gradio-app/gradio/commit/487db7b5d57e1a1350494efdf37c121cbf627780) - Respect `auth_dependency` parameter in `launch()`.  Thanks @abidlabs!
+- [#8133](https://github.com/gradio-app/gradio/pull/8133) [`0a42e96`](https://github.com/gradio-app/gradio/commit/0a42e96537ab11b4dc441c5c2780938be7faf464) - Allow users to template the `ImageEditor` when using custom components.  Thanks @pngwn!
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+## 4.27.0
+
+### Highlights
+
+#### Refreshed `ImageEditor`
+
+The `ImageEditor` component has been refreshed to make it more user-friendly and reliable.
+
+This release contains a host of improvements to the `ImageEditor` component, that will be of particular interest to those building real-time image editing applications or complex image processing pipelines:
+
+- Cleaner and more compact interface.
+- New option to hide the layer controls for a more minimal UI.
+- Improved stability when updating the sources programmatically.
+- Improved support for `input`, `upload`, `change` and `apply` events.
+- Support for realtime drawing via the `change` event.
+- Many bug fixes!
+
+![output](https://github.com/gradio-app/gradio/assets/12937446/826dde7d-942b-4e1f-9a3e-aa4dc1f74402)
+
+### Features
+
+- [#7998](https://github.com/gradio-app/gradio/pull/7998) [`06bdf0e`](https://github.com/gradio-app/gradio/commit/06bdf0eddf59bf79b6b4d1268fc9290955ef2490) - Restore chatbot formatting.  Thanks @aliabid94!
+- [#7986](https://github.com/gradio-app/gradio/pull/7986) [`05f935c`](https://github.com/gradio-app/gradio/commit/05f935c8d8e5bb7133affc50da8443cad0d4986d) - GRADIO_SHARE Environment Variable.  Thanks @cocktailpeanut!
+- [#8062](https://github.com/gradio-app/gradio/pull/8062) [`cecd6e4`](https://github.com/gradio-app/gradio/commit/cecd6e4c4accb3ef220284dc54a87510b3503ec9) - Update dependency iframe-resizer to v4.3.10.  Thanks @renovate!
+- [#8042](https://github.com/gradio-app/gradio/pull/8042) [`92139f3`](https://github.com/gradio-app/gradio/commit/92139f3d7d6b832b649ff1f6c10c87e6fb522cde) - refresh the `ImageEditor` UI.  Thanks @pngwn!
+- [#8000](https://github.com/gradio-app/gradio/pull/8000) [`a0c2848`](https://github.com/gradio-app/gradio/commit/a0c2848ab510623b29e215f543e935e275ca35c6) - Fix internal server error in HF OAuth workflow.  Thanks @Wauplin!
+- [#7887](https://github.com/gradio-app/gradio/pull/7887) [`5f0248e`](https://github.com/gradio-app/gradio/commit/5f0248e797af087c7fd0ad35ea7f2bd778a7cc41) - When authenticating with HF OAuth, stay in same tab.  Thanks @Wauplin!
+- [#8059](https://github.com/gradio-app/gradio/pull/8059) [`074ce38`](https://github.com/gradio-app/gradio/commit/074ce3805ada6ba829c17da3af5f186d9f5f9865) - ensure the `ImageEditor` works correctly with layers and `change` events.  Thanks @pngwn!
+- [#7845](https://github.com/gradio-app/gradio/pull/7845) [`dbb7373`](https://github.com/gradio-app/gradio/commit/dbb7373dde69d4ed2741942b5a1898f8620cec24) - ensure `ImageEditor` events work as expected.  Thanks @pngwn!
+- [#7975](https://github.com/gradio-app/gradio/pull/7975) [`c9ddd84`](https://github.com/gradio-app/gradio/commit/c9ddd847d6c57d5efc4e887180d219f2a0b5b98d) - Update the Lite custom element parser.  Thanks @whitphx!
+- [#8012](https://github.com/gradio-app/gradio/pull/8012) [`299c87c`](https://github.com/gradio-app/gradio/commit/299c87c47717b42387ac323b4c7f6fcab9097b1c) - Document that show_copy_button in gr.Textbox is not visible when show_label=False.  Thanks @lappemic!
+
+### Fixes
+
+- [#8025](https://github.com/gradio-app/gradio/pull/8025) [`55ef4a5`](https://github.com/gradio-app/gradio/commit/55ef4a52c3d600344d8cf1a667f3f352c52c8e57) - Fixes Chatbot Image Sizing.  Thanks @dawoodkhan82!
+- [#8014](https://github.com/gradio-app/gradio/pull/8014) [`e10ec6a`](https://github.com/gradio-app/gradio/commit/e10ec6a6124cecb2454266609b951d4768675e50) - Fix multimode interface double box on file upload.  Thanks @TALLEC-Scott!
+- [#8028](https://github.com/gradio-app/gradio/pull/8028) [`6fafce0`](https://github.com/gradio-app/gradio/commit/6fafce06704ab8f2cd5fe6fbdb58b842e144e44d) - ensure maps are correctly shallow cloned when updating state.  Thanks @pngwn!
+- [#7974](https://github.com/gradio-app/gradio/pull/7974) [`79e0aa8`](https://github.com/gradio-app/gradio/commit/79e0aa81c94e755faa6e85d76ac5d5a666313e6a) - Fix heartbeat in the js client to be Lite compatible.  Thanks @whitphx!
+- [#8002](https://github.com/gradio-app/gradio/pull/8002) [`8903415`](https://github.com/gradio-app/gradio/commit/8903415e49b1526d31ff454b2235ea238e319c2c) - Add show_progress prop to Upload Component to bring back upload progress animation.  Thanks @freddyaboulton!
+- [#8046](https://github.com/gradio-app/gradio/pull/8046) [`d6c289b`](https://github.com/gradio-app/gradio/commit/d6c289b34668f0011676737ee8edb4cb62b0620a) - round [x, y, w, h] before cropping to avoid unexpected interpolation on pixel values.  Thanks @ernestchu!
+- [#8011](https://github.com/gradio-app/gradio/pull/8011) [`f17d1a0`](https://github.com/gradio-app/gradio/commit/f17d1a0a6fa61869dc78fb12fb153f6b7abaa5f5) - Add an explicit dependency of `urllib3~=2.0` and update `processing_utils.save_url_to_cache` to use `urllib3` for Lite support.  Thanks @whitphx!
+- [#7981](https://github.com/gradio-app/gradio/pull/7981) [`c1df2f8`](https://github.com/gradio-app/gradio/commit/c1df2f818ce285a8e7871d43b76c4959beb00956) - Fix example loading for custom components.  Thanks @freddyaboulton!
+- [#8026](https://github.com/gradio-app/gradio/pull/8026) [`522daf7`](https://github.com/gradio-app/gradio/commit/522daf787a8427b92ed769ccea3c71a490cbca29) - Patch `async_save_url_to_cache` for Lite.  Thanks @whitphx!
+- [#7959](https://github.com/gradio-app/gradio/pull/7959) [`2a5cb97`](https://github.com/gradio-app/gradio/commit/2a5cb978240960fd8b150a1eae6ae8328a5c0c59) - ensure `ImageEditor` always draws at the correct position.  Thanks @hrrbay!
+- [#8050](https://github.com/gradio-app/gradio/pull/8050) [`0424c75`](https://github.com/gradio-app/gradio/commit/0424c759d8a790529406229c52f47cb469e78d3e) - Update `typer` to drop `[all]` as it is no longer needed.  Thanks @joennlae!
+
+## 4.26.0
+
+### Features
+
+- [#7811](https://github.com/gradio-app/gradio/pull/7811) [`b43055b`](https://github.com/gradio-app/gradio/commit/b43055b297dfe1aa56fda4cd722d878f7297a1b5) - Lite playground design changes.  Thanks @aliabd!
+- [#7850](https://github.com/gradio-app/gradio/pull/7850) [`2bae1cf`](https://github.com/gradio-app/gradio/commit/2bae1cfbd41ed8ae3eea031a64899611a22a1821) - Adds an "API Recorder" to the view API page, some internal methods have been made async.  Thanks @abidlabs!
+- [#7936](https://github.com/gradio-app/gradio/pull/7936) [`b165193`](https://github.com/gradio-app/gradio/commit/b165193902985b77a732ed703423ebebeaf0da27) - Restore Markdown formatting for Chatbots, MarkdownCode.  Thanks @aliabid94!
+- [#7912](https://github.com/gradio-app/gradio/pull/7912) [`a4782f7`](https://github.com/gradio-app/gradio/commit/a4782f7a09ed69ebfa9953b029bd4ffa1c60220a) - Allow displaying gr.Code examples by their filename if value is a tuple.  Thanks @freddyaboulton!
+- [#7938](https://github.com/gradio-app/gradio/pull/7938) [`8250a1a`](https://github.com/gradio-app/gradio/commit/8250a1a0dfb8219943beef500ddf29e0fcc4e38d) - Handle the case of multiple headers when constructing root url.  Thanks @abidlabs!
+- [#7932](https://github.com/gradio-app/gradio/pull/7932) [`b78129d`](https://github.com/gradio-app/gradio/commit/b78129d90fc800e6987226114adc2f062dc403ec) - Use asyncio.Event to stop stream in heartbeat route.  Thanks @freddyaboulton!
+- [#7961](https://github.com/gradio-app/gradio/pull/7961) [`eae97c2`](https://github.com/gradio-app/gradio/commit/eae97c29ce8bb81670e1ee0533efa02afa38cc23) - Fix task bug in python 3.9.  Thanks @freddyaboulton!
+- [#7967](https://github.com/gradio-app/gradio/pull/7967) [`1a7851c`](https://github.com/gradio-app/gradio/commit/1a7851c5125b7dd2bccf9f3f1ead38be5da2c9ad) - Fix handling of single font name in theme.  Thanks @sd109!
+
+### Fixes
+
+- [#7963](https://github.com/gradio-app/gradio/pull/7963) [`1eb4c20`](https://github.com/gradio-app/gradio/commit/1eb4c2012065c678d722477f3555ec45a9e78c14) - ensure kwargs are always in sync across the whole application.  Thanks @pngwn!
+- [#7916](https://github.com/gradio-app/gradio/pull/7916) [`7c9a964`](https://github.com/gradio-app/gradio/commit/7c9a964ac6b9c2231c7439758e87b4fac56db99f) - Fix programmatic tab selection.  Thanks @aliabid94!
+- [#7754](https://github.com/gradio-app/gradio/pull/7754) [`057d171`](https://github.com/gradio-app/gradio/commit/057d171c717737a522b55b0d66962f9c62dd87c3) - Correctly handle device selection in `Image` and `ImageEditor`.  Thanks @hannahblair!
+- [#7756](https://github.com/gradio-app/gradio/pull/7756) [`b729f10`](https://github.com/gradio-app/gradio/commit/b729f10321b571e7de418596d1cf605773b0b8e6) - Bugfix: Fix color and size keys in theme builder app.  Thanks @shubhamofbce!
+- [#7918](https://github.com/gradio-app/gradio/pull/7918) [`be46ab1`](https://github.com/gradio-app/gradio/commit/be46ab1213b32a40e4ac1c399499d69eaf6ec0f1) - ensure entire dropdown is clickable.  Thanks @dawoodkhan82!
+- [#7966](https://github.com/gradio-app/gradio/pull/7966) [`bad3836`](https://github.com/gradio-app/gradio/commit/bad383645ec659433086b174f1ec5a7e2669d43b) - Adding hint `list[list]` for example parameter.  Thanks @WH-Yoshi!
+- [#7817](https://github.com/gradio-app/gradio/pull/7817) [`867ff16`](https://github.com/gradio-app/gradio/commit/867ff16cd47ceb5bbf076503538a262b6fe64638) - Trigger the "clear" event of Image Editor.  Thanks @uebian!
+- [#7935](https://github.com/gradio-app/gradio/pull/7935) [`919afff`](https://github.com/gradio-app/gradio/commit/919afffcee87bee25a6905c488484936df92189d) - Adds a Guide on deploying Gradio apps with Docker.  Thanks @abidlabs!
+- [#7915](https://github.com/gradio-app/gradio/pull/7915) [`efd9524`](https://github.com/gradio-app/gradio/commit/efd95245081f5657b1d13f34038205fc8791c1f7) - Fix gr.CheckboxGroup change event.  Thanks @freddyaboulton!
+- [#7926](https://github.com/gradio-app/gradio/pull/7926) [`9666854`](https://github.com/gradio-app/gradio/commit/966685479078f59430b3bced7e6068eb8157c003) - Fixes streaming event race condition.  Thanks @aliabid94!
+
+## 4.25.0
+
+### Highlights
+
+#### Automatically delete state after user has disconnected from the webpage ([#7829](https://github.com/gradio-app/gradio/pull/7829) [`6a4bf7a`](https://github.com/gradio-app/gradio/commit/6a4bf7abe29059dbdc6a342e0366fdaa2e4120ee))
+
+Gradio now automatically deletes `gr.State` variables stored in the server's RAM when users close their browser tab.
+The deletion will happen 60 minutes after the server detected a disconnect from the user's browser.
+If the user connects again in that timeframe, their state will not be deleted.
+
+Additionally, Gradio now includes a `Blocks.unload()` event, allowing you to run arbitrary cleanup functions when users disconnect (this does not have a 60 minute delay).
+You can think of the `unload` event as the opposite of the `load` event.
+
+
+```python
+with gr.Blocks() as demo:
+    gr.Markdown(
+"""# State Cleanup Demo
+🖼️ Images are saved in a user-specific directory and deleted when the users closes the page via demo.unload.
+""")
+    with gr.Row():
+        with gr.Column(scale=1):
+            with gr.Row():
+                img = gr.Image(label="Generated Image", height=300, width=300)
+            with gr.Row():
+                gen = gr.Button(value="Generate")
+            with gr.Row():
+                history = gr.Gallery(label="Previous Generations", height=500, columns=10)
+                state = gr.State(value=[], delete_callback=lambda v: print("STATE DELETED"))
+
+    demo.load(generate_random_img, [state], [img, state, history]) 
+    gen.click(generate_random_img, [state], [img, state, history])
+    demo.unload(delete_directory)
+
+
+demo.launch(auth=lambda user,pwd: True,
+            auth_message="Enter any username and password to continue")
+```
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#7863](https://github.com/gradio-app/gradio/pull/7863) [`024b44c`](https://github.com/gradio-app/gradio/commit/024b44c553e73f1d6c00d4c8cf12ae38181a454d) - Add support for lazy caching of examples, as well as add `GRADIO_CACHE_EXAMPLES` env variable.  Thanks @abidlabs!
+- [#7892](https://github.com/gradio-app/gradio/pull/7892) [`c7933ff`](https://github.com/gradio-app/gradio/commit/c7933ffedb3e2b952152f7d3ce49de2e2da5cc07) - Suppress printing "Running on local URL:" when quiet is set.  Thanks @dnoliver!
+- [#7869](https://github.com/gradio-app/gradio/pull/7869) [`b9dbcf7`](https://github.com/gradio-app/gradio/commit/b9dbcf7aa22fe9a19edbc0c52d46a973d8d57ad4) - Make buttons in `gr.ChatInterface` more mobile-friendly.  Thanks @abidlabs!
+- [#7875](https://github.com/gradio-app/gradio/pull/7875) [`e6d051d`](https://github.com/gradio-app/gradio/commit/e6d051dc8a497fdd6b4cfbd57efd4c8015b97a66) - Paste Images into MultimodalTextbox.  Thanks @abidlabs!
+- [#7893](https://github.com/gradio-app/gradio/pull/7893) [`f42d3e2`](https://github.com/gradio-app/gradio/commit/f42d3e29c7b8cdedd7aea75cffce81857db28eeb) - Make internal event handlers of gr.Interface and gr.ChatInterface async.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#7886](https://github.com/gradio-app/gradio/pull/7886) [`ccdab9b`](https://github.com/gradio-app/gradio/commit/ccdab9b7e729c438649075d7d54afc9a91183677) - logout route deleting cookie fix.  Thanks @MichaelPerger!
+- [#7888](https://github.com/gradio-app/gradio/pull/7888) [`946487c`](https://github.com/gradio-app/gradio/commit/946487cf8e477cbf8d6fad4e772ff574a21782c3) - Cache view_api info in server and python client.  Thanks @freddyaboulton!
+- [#7881](https://github.com/gradio-app/gradio/pull/7881) [`5e66e01`](https://github.com/gradio-app/gradio/commit/5e66e01abc4e2e90bd51f0cb9a41e05157cb0df4) - Fix audio streaming out.  Thanks @aliabid94!
+- [#7865](https://github.com/gradio-app/gradio/pull/7865) [`7bbc3b6`](https://github.com/gradio-app/gradio/commit/7bbc3b62bf85af2d2230e5f7539efb7f1f0007a1) - JS functions break entire app if there's no input, fixed.  Thanks @aliabid94!
+
+## 4.24.0
+
+### Features
+
+- [#7849](https://github.com/gradio-app/gradio/pull/7849) [`7af3cd7`](https://github.com/gradio-app/gradio/commit/7af3cd7ccb8cc556fd2b290af0bed1c7ec07d174) - Adds a `placeholder` argument to `gr.Chatbot`.  Thanks @abidlabs!
+- [#7835](https://github.com/gradio-app/gradio/pull/7835) [`ee804b2`](https://github.com/gradio-app/gradio/commit/ee804b2d567b4381ef90b1f035d42fe6bb2506bc) - Stop running iterators when js client disconnects.  Thanks @freddyaboulton!
+- [#7852](https://github.com/gradio-app/gradio/pull/7852) [`72661e3`](https://github.com/gradio-app/gradio/commit/72661e3391a432ccd77fb3100e69fbdf95093931) - Revert the minify setting in vite.config.js which was mistakingly introduced in #6261.  Thanks @whitphx!
+- [#7818](https://github.com/gradio-app/gradio/pull/7818) [`1a7c8d3`](https://github.com/gradio-app/gradio/commit/1a7c8d32239d1e304e9f9063d7e2301c4f081b54) - Stop importing gradio.ipython_ext in Wasm mode.  Thanks @whitphx!
+- [#7830](https://github.com/gradio-app/gradio/pull/7830) [`75a2bf7`](https://github.com/gradio-app/gradio/commit/75a2bf745dee3b9e9521dbcf5b74af8bd53ba12f) - Add guide on Client state and and fix default values of components.  Thanks @abidlabs!
+- [#7823](https://github.com/gradio-app/gradio/pull/7823) [`e0a8b7f`](https://github.com/gradio-app/gradio/commit/e0a8b7fa2c60591f7fc6861707f65bf85f4ad27f) - Exclude `typer` from the requirements list for Wasm env and fix `gradio.cli` not to be imported.  Thanks @whitphx!
+- [#7851](https://github.com/gradio-app/gradio/pull/7851) [`e3b1236`](https://github.com/gradio-app/gradio/commit/e3b12369b71e2e3b6b25225f4414d1a28d9faf7d) - Lazy-import pandas.  Thanks @whitphx!
+- [#7840](https://github.com/gradio-app/gradio/pull/7840) [`ecf5c52`](https://github.com/gradio-app/gradio/commit/ecf5c524c23f76119e5b2e17f7a592555fa6557b) - Fix gradio/components/dataframe.py not to import `pandas.io`.  Thanks @whitphx!
+- [#7801](https://github.com/gradio-app/gradio/pull/7801) [`05db0c4`](https://github.com/gradio-app/gradio/commit/05db0c4a59b7a2c4f6297b5007946f5c7b8df1b1) - Refactor CORS Middleware to be much faster.  Thanks @abidlabs!
+- [#7810](https://github.com/gradio-app/gradio/pull/7810) [`425fd1c`](https://github.com/gradio-app/gradio/commit/425fd1ca9d83daf58fd95f3a1e3d566d06064ac3) - Benchmark fix test.  Thanks @aliabid94!
+
+### Fixes
+
+- [#7795](https://github.com/gradio-app/gradio/pull/7795) [`1c257f5`](https://github.com/gradio-app/gradio/commit/1c257f5ebce06e61cd17fc3c0463757f8bc88930) - Bugfix: `..` in filename throwing error while loading in output.  Thanks @shubhamofbce!
+- [#7862](https://github.com/gradio-app/gradio/pull/7862) [`0e125d7`](https://github.com/gradio-app/gradio/commit/0e125d7befe436509af6a41b5c92de0ac6d6057c) - Trigger click event from `gr.DownloadButton` even when no file is present.  Thanks @abidlabs!
+- [#7848](https://github.com/gradio-app/gradio/pull/7848) [`8d7b3ca`](https://github.com/gradio-app/gradio/commit/8d7b3caebd8f95b1372f8412cadbb5862766c365) - Multimodal Textbox Loading + other fixes.  Thanks @dawoodkhan82!
+
+## 4.23.0
+
+### Features
+
+- [#7782](https://github.com/gradio-app/gradio/pull/7782) [`2c8cd0a`](https://github.com/gradio-app/gradio/commit/2c8cd0a73d5c113853ff96ee2da57be12774a238) - Lazy-import altair.  Thanks @whitphx!
+- [#7800](https://github.com/gradio-app/gradio/pull/7800) [`b0a3ea9`](https://github.com/gradio-app/gradio/commit/b0a3ea951c06d4f3ff2755b567629fe988a3e30d) - Small fix to client.view_api() in the case of default file values.  Thanks @abidlabs!
+- [#7684](https://github.com/gradio-app/gradio/pull/7684) [`755157f`](https://github.com/gradio-app/gradio/commit/755157f99c2961f2e5caeaa9b76d248b4225ea8f) - Do not reload code inside gr.NO_RELOAD context.  Thanks @freddyaboulton!
+- [#7770](https://github.com/gradio-app/gradio/pull/7770) [`dd3e363`](https://github.com/gradio-app/gradio/commit/dd3e363261ae63823fb1672443ff2d31c63d656f) - Fail CI if lint or typecheck fails.  Thanks @abidlabs!
+- [#7796](https://github.com/gradio-app/gradio/pull/7796) [`aad209f`](https://github.com/gradio-app/gradio/commit/aad209f0c0faa0bf3e39d0c8624f972118b32830) - Decrease latency: do not run pre and postprocess in threadpool.  Thanks @freddyaboulton!
+- [#7744](https://github.com/gradio-app/gradio/pull/7744) [`d831040`](https://github.com/gradio-app/gradio/commit/d8310400326adbf8d036333f4f1b7df68b7043f6) - Remove Ruff and Uvicorn in Wasm env.  Thanks @whitphx!
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) [`2efb05e`](https://github.com/gradio-app/gradio/commit/2efb05ed99a8a3575aab0a6c14a8d8b91f4e9ed7) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.  Thanks @abidlabs!
+- [#7661](https://github.com/gradio-app/gradio/pull/7661) [`c62a57e`](https://github.com/gradio-app/gradio/commit/c62a57e7f8f2f6dad0110d06e915c48e7f628073) - Convert Docs Demos to Lite.  Thanks @aliabd!
+- [#7814](https://github.com/gradio-app/gradio/pull/7814) [`f7df92f`](https://github.com/gradio-app/gradio/commit/f7df92f3f3ff4bb1300ed6d6eb1828615a728acd) - Improve UX of non-interactive slider.  Thanks @Pythongor!
+- [#7789](https://github.com/gradio-app/gradio/pull/7789) [`ff6bf3e`](https://github.com/gradio-app/gradio/commit/ff6bf3ec8f418a7222ca80240c75a1735202e5cc) - Remove the aiohttp mock from the Wasm worker as it's removed in https://github.com/gradio-app/gradio/pull/5244.  Thanks @whitphx!
+
+### Fixes
+
+- [#7783](https://github.com/gradio-app/gradio/pull/7783) [`43ae23f`](https://github.com/gradio-app/gradio/commit/43ae23f092927af2defa8104ee476da012a7b4fa) - Fix accidental bug that prevented custom textboxes from being passed to chatinterface.  Thanks @freddyaboulton!
+- [#7762](https://github.com/gradio-app/gradio/pull/7762) [`e78bca4`](https://github.com/gradio-app/gradio/commit/e78bca4f3789b5b229f6e5f402a1028c7b3bad33) - Trigger input event for Radio even when radio is output component.  Thanks @freddyaboulton!
+- [#7787](https://github.com/gradio-app/gradio/pull/7787) [`781678b`](https://github.com/gradio-app/gradio/commit/781678b3ac0e44ea1401ff55af3e98b474cf36ec) - Fix root url resolution from `x_forwarded_host` headers.  Thanks @abidlabs!
+- [#7794](https://github.com/gradio-app/gradio/pull/7794) [`cf98c7e`](https://github.com/gradio-app/gradio/commit/cf98c7ed18c0211b89e8eed81a5fb61c34b705c3) - Adds trigger_mode to gr.on. Use it to set trigger_model="always_last" for live interfaces.  Thanks @freddyaboulton!
+- [#7761](https://github.com/gradio-app/gradio/pull/7761) [`ca42748`](https://github.com/gradio-app/gradio/commit/ca42748590536e1d940b44ec7c9b6ea402905707) - Ensure `paginate` updates when samples value changes in `Dataset`.  Thanks @hannahblair!
+
+## 4.22.0
+
+### Features
+
+- [#7743](https://github.com/gradio-app/gradio/pull/7743) [`a2badf1`](https://github.com/gradio-app/gradio/commit/a2badf151e3f4b1b5ac80621ee189870a71893c5) - Migrate to Storybook 8.  Thanks @hannahblair!
+- [#7680](https://github.com/gradio-app/gradio/pull/7680) [`853d945`](https://github.com/gradio-app/gradio/commit/853d945e75c93a4b380b57dc6408f91d0f2e648f) - Add format parameter to gr.Image, gr.Gallery, gr.AnnotatedImage, gr.Plot to control format to save image files in.  Thanks @dfl!
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Closing stream from the backend.  Thanks @aliabid94!
+- [#7420](https://github.com/gradio-app/gradio/pull/7420) [`15da39f`](https://github.com/gradio-app/gradio/commit/15da39fca01d09a30cf47e7e72d7efa5052f61f8) - Multimodal Textbox (Chat Input Component).  Thanks @dawoodkhan82!
+- [#7712](https://github.com/gradio-app/gradio/pull/7712) [`aca4892`](https://github.com/gradio-app/gradio/commit/aca4892ea591d089e3121ffd144ad6767e0bad71) - More fixes for `gr.load()` as well as a tweaking the `__str__` and `__repr__` methods of components.  Thanks @abidlabs!
+- [#7660](https://github.com/gradio-app/gradio/pull/7660) [`f739bef`](https://github.com/gradio-app/gradio/commit/f739bef6c70a2b012dd896456709eae5ee4de7d5) - Add Playground to Lite Custom Element.  Thanks @aliabd!
+- [#7710](https://github.com/gradio-app/gradio/pull/7710) [`0a3870d`](https://github.com/gradio-app/gradio/commit/0a3870d52b5efc64b2d1f9a8c7314a3a8b48b90a) - Call handle_darkmode() even if `window.__gradio_mode__ === "website"` but enforce the light theme.  Thanks @whitphx!
+- [#7572](https://github.com/gradio-app/gradio/pull/7572) [`7d3c868`](https://github.com/gradio-app/gradio/commit/7d3c868d0a67fe7cba6df412bd5f34ec8a5d289d) - Detailed error message for wasm_utils.get_registered_app().  Thanks @whitphx!
+- [#7734](https://github.com/gradio-app/gradio/pull/7734) [`04857bc`](https://github.com/gradio-app/gradio/commit/04857bc524569fad426604046d5a522c3e87ca56) - Add `allowed_paths`, `blocked_paths`, `show_error`, and `favicon_path` parameters to `gr.mount_gradio_app`.  Thanks @abidlabs!
+- [#7667](https://github.com/gradio-app/gradio/pull/7667) [`aba4470`](https://github.com/gradio-app/gradio/commit/aba44707af20b78a7b87f5f7bd3f189d971afc71) - Add `auth`, `auth_message`, and `root_path` parameters to `mount_gradio_app`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#7716](https://github.com/gradio-app/gradio/pull/7716) [`188b86b`](https://github.com/gradio-app/gradio/commit/188b86b76669a411ee70233e16bf181786a5909c) - Add support for object-detection models in `gr.load()`.  Thanks @abidlabs!
+- [#7564](https://github.com/gradio-app/gradio/pull/7564) [`5d1e8da`](https://github.com/gradio-app/gradio/commit/5d1e8dae5ac23f605c3b5f41dbe18751dff380a0) - batch UI updates on a per frame basis.  Thanks @pngwn!
+- [#7718](https://github.com/gradio-app/gradio/pull/7718) [`6390d0b`](https://github.com/gradio-app/gradio/commit/6390d0bf6c2be0aefa56102dd029f25161bfebc3) - Add support for python client connecting to gradio apps running with self-signed SSL certificates.  Thanks @abidlabs!
+- [#7697](https://github.com/gradio-app/gradio/pull/7697) [`a1c24db`](https://github.com/gradio-app/gradio/commit/a1c24dbf2ecace4db8692b7ed434f1ebfc4de75a) - Fix OAuth + fix OAuth documentation + undocument logout button.  Thanks @Wauplin!
+- [#7623](https://github.com/gradio-app/gradio/pull/7623) [`c9aba8d`](https://github.com/gradio-app/gradio/commit/c9aba8d8a5886ef6456479154a14c69188c20413) - Fixes: gr.Markdown is not updated properly when it has an image tag.  Thanks @dawoodkhan82!
+- [#7704](https://github.com/gradio-app/gradio/pull/7704) [`95c6bc8`](https://github.com/gradio-app/gradio/commit/95c6bc897be14e28a568242ea31516bfe2df13e8) - Fix flagged files and ensure that flagging_mode="auto" saves output components as well.  Thanks @abidlabs!
+- [#7706](https://github.com/gradio-app/gradio/pull/7706) [`bc61ff6`](https://github.com/gradio-app/gradio/commit/bc61ff6b1603eedf3111f1b5c3d2751629902d98) - Several fixes to `gr.load`.  Thanks @abidlabs!
+- [#7733](https://github.com/gradio-app/gradio/pull/7733) [`7f9b291`](https://github.com/gradio-app/gradio/commit/7f9b291922751f92e6296aa6b138124c546ba497) - Cast button value as string in postprocess.  Thanks @heaversm!
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Fix race condition between state updates and loading_status updates.  Thanks @aliabid94!
+- [#7709](https://github.com/gradio-app/gradio/pull/7709) [`f67759d`](https://github.com/gradio-app/gradio/commit/f67759dcee665cfd7c44f102f36ab23128ee2c2c) - Fix wasm_proxied_mount_css to not reuse an existing style element.  Thanks @whitphx!
+- [#7703](https://github.com/gradio-app/gradio/pull/7703) [`598ad7b`](https://github.com/gradio-app/gradio/commit/598ad7baf722181a25200e9a8ba858bae39c7d82) - fix dev mode.  Thanks @pngwn!
+- [#7707](https://github.com/gradio-app/gradio/pull/7707) [`28342a2`](https://github.com/gradio-app/gradio/commit/28342a204001c98b86628635582fcf54aa0855aa) - Fix httpx timeout issues.  Thanks @freddyaboulton!
+
+## 4.21.0
+
+### Features
+
+- [#7577](https://github.com/gradio-app/gradio/pull/7577) [`7c66a29`](https://github.com/gradio-app/gradio/commit/7c66a29dea0e4e56106d95d93972225b886a9df3) - Fix the Lite custom element to initialize the app in the connected callback and dispose the app in the disconnected callback.  Thanks @whitphx!
+- [#7620](https://github.com/gradio-app/gradio/pull/7620) [`1a4b089`](https://github.com/gradio-app/gradio/commit/1a4b089e78d1efff47b4606daebde02e9b246ed4) - Refactor `example_inputs()`, separating its logic into two separate methods: `example_payload()` and `example_value()`.  Thanks @abidlabs!
+- [#7265](https://github.com/gradio-app/gradio/pull/7265) [`6ebf0ce`](https://github.com/gradio-app/gradio/commit/6ebf0cedf5b357a14a8f5a0a9add849924f59ab0) - Add support for diffuser pipelines in gr.Interface.from_pipeline().  Thanks @shubhamofbce!
+- [#7650](https://github.com/gradio-app/gradio/pull/7650) [`048364c`](https://github.com/gradio-app/gradio/commit/048364c6b0ffe790086c5e2fee5fab1c63c167a0) - downgrade contourpy.  Thanks @abidlabs!
+- [#7571](https://github.com/gradio-app/gradio/pull/7571) [`2edba13`](https://github.com/gradio-app/gradio/commit/2edba133e2a3b58b953ac0894d486faf2819beeb) - Fix `CrossOriginWorkerMaker` to cache the blob URL.  Thanks @whitphx!
+
+### Fixes
+
+- [#7643](https://github.com/gradio-app/gradio/pull/7643) [`9482c7a`](https://github.com/gradio-app/gradio/commit/9482c7a3d2d7b6abd81b786100ddc385133095a5) - fix: redundant meta tags that are unwanted.  Thanks @qkdxorjs1002!
+- [#7628](https://github.com/gradio-app/gradio/pull/7628) [`ba8cc48`](https://github.com/gradio-app/gradio/commit/ba8cc48b136e701717c0c5d15ce410b4f8bf6a21) - feature detect CSSStylesheet.  Thanks @pngwn!
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) [`d0688b3`](https://github.com/gradio-app/gradio/commit/d0688b3c25feabb4fc7dfa0ab86086b3af7eb337) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.  Thanks @abidlabs!
+- [#7624](https://github.com/gradio-app/gradio/pull/7624) [`a22f3e0`](https://github.com/gradio-app/gradio/commit/a22f3e062d8d30f630e0cf8e373ad7cb0f99330f) - Fixing root path issue with subpath being repeated twice.  Thanks @abidlabs!
+- [#7638](https://github.com/gradio-app/gradio/pull/7638) [`b3b0ea3`](https://github.com/gradio-app/gradio/commit/b3b0ea3e111ef8a3cdd82ecc310a4accc6af6120) - Add --python-path, --pip-path, --gradio-path CLI arguments to let custom component developers control which executable is used.  Thanks @freddyaboulton!
+- [#7618](https://github.com/gradio-app/gradio/pull/7618) [`0ae1e44`](https://github.com/gradio-app/gradio/commit/0ae1e4486c06e06bb7a4bad45d58d14f1f8d1b94) - Control which files get moved to cache with gr.set_static_paths.  Thanks @freddyaboulton!
+- [#7641](https://github.com/gradio-app/gradio/pull/7641) [`cb3999e`](https://github.com/gradio-app/gradio/commit/cb3999eec707609d5371ef3bad1152f55ed35b2f) - Use `x-forwarded-host` header to determine the root url, and let users provide a full `root_path` to override the automatically determined root url.  Thanks @abidlabs!
+
+## 4.20.1
+
+### Features
+
+- [#7625](https://github.com/gradio-app/gradio/pull/7625) [`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d) - image upload fix.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.20.0
+
+### Features
+
+- [#7557](https://github.com/gradio-app/gradio/pull/7557) [`4d5789e`](https://github.com/gradio-app/gradio/commit/4d5789e905b5915f3d03fae2ac1d38a54c3e67ea) - Allow mounted Gradio apps to work with external / arbitrary authentication providers.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7614](https://github.com/gradio-app/gradio/pull/7614) [`355ed66`](https://github.com/gradio-app/gradio/commit/355ed666d9f6da018e8a03cdc6e367d00e6b10fb) - Fix the `root_url` logic for streaming files.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7119](https://github.com/gradio-app/gradio/pull/7119) [`9c6de6d`](https://github.com/gradio-app/gradio/commit/9c6de6d85092c1c9378d7f81e5ec734221536812) - Upgrade Pyodide to 0.25.0.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7447](https://github.com/gradio-app/gradio/pull/7447) [`a57e34e`](https://github.com/gradio-app/gradio/commit/a57e34ef87d24f40f09380b7b71a052f120a19fe) - Add delete_cache parameter to gr.Blocks to delete files created by app on shutdown.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7547](https://github.com/gradio-app/gradio/pull/7547) [`98aa808`](https://github.com/gradio-app/gradio/commit/98aa8082dd228dd481e05c888adb2e91b04f8f48) - Add `/logout` functionality for Gradio auth.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7407](https://github.com/gradio-app/gradio/pull/7407) [`375bfd2`](https://github.com/gradio-app/gradio/commit/375bfd28d2def576b4e1c12e0a60127b7419e826) - Fix server_messages.py to use the patched BaseModel class for Wasm env.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7516](https://github.com/gradio-app/gradio/pull/7516) [`3645da5`](https://github.com/gradio-app/gradio/commit/3645da5f1e5539668cad75071a82fdd78f50263c) - Fix incorrect relative mouse coordinates for `Gallery` preview overlay.  Thanks [@MMP0](https://github.com/MMP0)!
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7340](https://github.com/gradio-app/gradio/pull/7340) [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#7345](https://github.com/gradio-app/gradio/pull/7345) [`561579d`](https://github.com/gradio-app/gradio/commit/561579d9b7b860c5cb3f8131e0dced0c8114463f) - fix-tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7518](https://github.com/gradio-app/gradio/pull/7518) [`bd2c695`](https://github.com/gradio-app/gradio/commit/bd2c69532801f9a0626cd1192de158bde6068b9a) - Adds a `gr.DownloadButton` component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7598](https://github.com/gradio-app/gradio/pull/7598) [`d3384cb`](https://github.com/gradio-app/gradio/commit/d3384cb926ca9bab7ccbf910547ec8a0c361531f) - Prevent additional paths that can trigger credential leakage on Windows.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7544](https://github.com/gradio-app/gradio/pull/7544) [`f84720c`](https://github.com/gradio-app/gradio/commit/f84720cd76e5bf3321f06383642bdb246a9a36e2) - Prevent paths beginning with `//` or `\\`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7565](https://github.com/gradio-app/gradio/pull/7565) [`1c22123`](https://github.com/gradio-app/gradio/commit/1c22123268da5f7fcf6e7c74ee0bf6b225c7aa11) - Fixes method to resolve the `root` URLs.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7559](https://github.com/gradio-app/gradio/pull/7559) [`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8) - Fixes: Invalid file_type breaks drag and drop.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7555](https://github.com/gradio-app/gradio/pull/7555) [`fc4c2db`](https://github.com/gradio-app/gradio/commit/fc4c2dbd994c49e37296978da1cb85e424080d1c) - Allow Python Client to upload/download files when connecting to Gradio apps with auth enabled.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7510](https://github.com/gradio-app/gradio/pull/7510) [`08c2d49`](https://github.com/gradio-app/gradio/commit/08c2d491ecac83268ad20f05769ef7e1335089e2) - when adding custom head html, ensure there are no duplicate meta tags.  Thanks [@qkdxorjs1002](https://github.com/qkdxorjs1002)!
+- [#7545](https://github.com/gradio-app/gradio/pull/7545) [`1fa2e91`](https://github.com/gradio-app/gradio/commit/1fa2e914ca4663a47743cc34acdf98c7fcc469c8) - Fixes `auth_message` so that it correctly renders HTML.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7599](https://github.com/gradio-app/gradio/pull/7599) [`f26aba0`](https://github.com/gradio-app/gradio/commit/f26aba00a71a5b4eff60c37580c8d25f9bc048da) - Prevent audio speeding up when trimming.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7567](https://github.com/gradio-app/gradio/pull/7567) [`e340894`](https://github.com/gradio-app/gradio/commit/e340894b1cf2f44dd45e597fd8d9e547f408fbb3) - Quick fix: custom dropdown value.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.19.2
+
+### Features
+
+- [#7495](https://github.com/gradio-app/gradio/pull/7495) [`ddd4d3e`](https://github.com/gradio-app/gradio/commit/ddd4d3e4d3883fb7540d1df240fb08202fc77705) - Enable Ruff S101.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7443](https://github.com/gradio-app/gradio/pull/7443) [`b7a97f2`](https://github.com/gradio-app/gradio/commit/b7a97f29b84a72678a717db03d2932ed6caae6ce) - Update `httpx` to `httpx>=0.24.1` in `requirements.txt`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7465](https://github.com/gradio-app/gradio/pull/7465) [`16fbe9c`](https://github.com/gradio-app/gradio/commit/16fbe9cd0cffa9f2a824a0165beb43446114eec7) - Prevent components from working with non-uploaded files.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7503](https://github.com/gradio-app/gradio/pull/7503) [`84802ee`](https://github.com/gradio-app/gradio/commit/84802ee6a4806c25287344dce581f9548a99834a) - Tighten CORS rules.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7466](https://github.com/gradio-app/gradio/pull/7466) [`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89) - Fix z-index layer of orange generating border.  Thanks [@daviirodrig](https://github.com/daviirodrig)!
+- [#7507](https://github.com/gradio-app/gradio/pull/7507) [`9c36572`](https://github.com/gradio-app/gradio/commit/9c36572e32aeec6e6352a861dfea6ee0f9a15e79) - Quick fix: File height overflow.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7495](https://github.com/gradio-app/gradio/pull/7495) [`ddd4d3e`](https://github.com/gradio-app/gradio/commit/ddd4d3e4d3883fb7540d1df240fb08202fc77705) - ensure Dataframe headers are aligned with content when scrolling.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7470](https://github.com/gradio-app/gradio/pull/7470) [`ba3ec13`](https://github.com/gradio-app/gradio/commit/ba3ec1300e81e64be7389d759b89284c66473158) - Tab select fix.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7505](https://github.com/gradio-app/gradio/pull/7505) [`b186767`](https://github.com/gradio-app/gradio/commit/b18676774448f44a2ef3a9490224703254cffa7c) - Fix `Gallery` preview overlay and backdrop.  Thanks [@MMP0](https://github.com/MMP0)!
+- [#7511](https://github.com/gradio-app/gradio/pull/7511) [`33f68cb`](https://github.com/gradio-app/gradio/commit/33f68cb6c22897f7996b6c84b0e528c47fae00b5) - Fix Canvas3D/Canvas3DGS async imports.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 4.19.1
+
+### Features
+
+- [#7453](https://github.com/gradio-app/gradio/pull/7453) [`ba747ad`](https://github.com/gradio-app/gradio/commit/ba747adb87e1937c0a791186eee3997d034363e6) - Make fix in #7444 (Block /file= filepaths that could expose credentials on Windows) more general.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7416](https://github.com/gradio-app/gradio/pull/7416) [`c88290d`](https://github.com/gradio-app/gradio/commit/c88290d90a81811911361e26fa9523c9b13db527) - WIP: Optimize /file route.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7440](https://github.com/gradio-app/gradio/pull/7440) [`e329f1f`](https://github.com/gradio-app/gradio/commit/e329f1fd38935213fe0e73962e8cbd5d3af6e87b) - Prevent timing attacks to guess Gradio passwords.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7425](https://github.com/gradio-app/gradio/pull/7425) [`3e4e680`](https://github.com/gradio-app/gradio/commit/3e4e680a52ba5a73c108ef1b328dacd7b6e4b566) - Fixes to the `.key_up()` method to make it usable for a dynamic dropdown autocomplete.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7444](https://github.com/gradio-app/gradio/pull/7444) [`4faf8a7`](https://github.com/gradio-app/gradio/commit/4faf8a7e86bfe811ef3d90ac5abdbd41409fafb1) - Block `/file=` filepaths that could expose credentials on Windows.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7441](https://github.com/gradio-app/gradio/pull/7441) [`f52cab6`](https://github.com/gradio-app/gradio/commit/f52cab634b94638d7f4625d40bf3d9afbe68040b) - Dispatch change event for file explorer.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7327](https://github.com/gradio-app/gradio/pull/7327) [`fb1f6be`](https://github.com/gradio-app/gradio/commit/fb1f6befad12106faafd94d221c1ed0e50b0a037) - Run pre/post processing in threadpool.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7431](https://github.com/gradio-app/gradio/pull/7431) [`6b8a7e5`](https://github.com/gradio-app/gradio/commit/6b8a7e5d36887cdfcfbfec1536a915128df0d6b2) - Ensure `gr.Dropdown` can have an empty initial value.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6991](https://github.com/gradio-app/gradio/pull/6991) [`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1) - Improve responsiveness of `gr.Audio()` controls.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.19.0
+
+### Features
+
+- [#7406](https://github.com/gradio-app/gradio/pull/7406) [`3e886d8`](https://github.com/gradio-app/gradio/commit/3e886d8f0ac55c416dae51c1c2661e16eb34718e) - Model3D Gaussian Splatting.  Thanks [@dylanebert](https://github.com/dylanebert)!
+
+### Fixes
+
+- [#7402](https://github.com/gradio-app/gradio/pull/7402) [`fa8225d`](https://github.com/gradio-app/gradio/commit/fa8225d24d86c0ec9a48cadee78dcc11b7084584) - Use updated component in `postprocess()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7361](https://github.com/gradio-app/gradio/pull/7361) [`17fb116`](https://github.com/gradio-app/gradio/commit/17fb116492f951ab66e3a39b5fdfb598f5446b6f) - Fixes gr.Markdown() does not render spaces around links correctly.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7337](https://github.com/gradio-app/gradio/pull/7337) [`65437ce`](https://github.com/gradio-app/gradio/commit/65437ce832f806da316aa074539b6263e1d8b7ac) - Improve File Explorer performance.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7410](https://github.com/gradio-app/gradio/pull/7410) [`c2dfc59`](https://github.com/gradio-app/gradio/commit/c2dfc592a4988efd5a96a062eec3fb4906f71748) - remove static while pending behaviour.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7389](https://github.com/gradio-app/gradio/pull/7389) [`b5c74ff`](https://github.com/gradio-app/gradio/commit/b5c74ffadbee351b2d5d79e578246f5343255508) - Fix HTTPX package crash for some values of "article" parameter in the interface.  Thanks [@YuryYakhno](https://github.com/YuryYakhno)!
+- [#7415](https://github.com/gradio-app/gradio/pull/7415) [`4ab399f`](https://github.com/gradio-app/gradio/commit/4ab399f40a300f267231f1b2dbe2a07494322d4d) - Allow config to include non-pickle-able values.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7404](https://github.com/gradio-app/gradio/pull/7404) [`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7) - Add `.key_up` event listener to `gr.Dropdown()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7417](https://github.com/gradio-app/gradio/pull/7417) [`314ccfa`](https://github.com/gradio-app/gradio/commit/314ccfa781810e777a944ff6d832dbd4b043631a) - Fix File Explorer interactivity.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7401](https://github.com/gradio-app/gradio/pull/7401) [`dff4109`](https://github.com/gradio-app/gradio/commit/dff410955e41145848376784c03fe28ba1c4fd85) - Retain dropdown value if choices have been changed.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7411](https://github.com/gradio-app/gradio/pull/7411) [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556) - Set `root` correctly for Gradio apps that are deployed behind reverse proxies.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7395](https://github.com/gradio-app/gradio/pull/7395) [`46b4568`](https://github.com/gradio-app/gradio/commit/46b45683e1ea9eb40013121a8de5bee7aa98bf0b) - Allow applying `@media`, `@keyframes` and `@import` in custom CSS.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.18.0
+
+### Features
+
+- [#7299](https://github.com/gradio-app/gradio/pull/7299) [`f35f615`](https://github.com/gradio-app/gradio/commit/f35f615e33a5dd90bfeb106b6f5dca689849fcef) - Added remove button for every file in file preview, to remove individual file in gr.File().  Thanks [@shubhamofbce](https://github.com/shubhamofbce)!
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7333](https://github.com/gradio-app/gradio/pull/7333) [`7e9b206`](https://github.com/gradio-app/gradio/commit/7e9b206a149740a421e03c8adb64978a5070f28f) - Stop using deprecated pydantic config class and filter gradio warnings from tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7377](https://github.com/gradio-app/gradio/pull/7377) [`6dfd40f`](https://github.com/gradio-app/gradio/commit/6dfd40fc6b2fa461490d2370ab91fcda7e07c0da) - Make set_documentation_group a no-op.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7328](https://github.com/gradio-app/gradio/pull/7328) [`c1a7ea7`](https://github.com/gradio-app/gradio/commit/c1a7ea7c0c294aa970624f02225717c12bcf9b58) - Add SQL Support for gr.Code.  Thanks [@aersam](https://github.com/aersam)!
+- [#7369](https://github.com/gradio-app/gradio/pull/7369) [`7b10d97`](https://github.com/gradio-app/gradio/commit/7b10d97b0f928fde6a71a94460fb8ca784e7a31d) - Remove the `@gradio/wasm` dependency from `@gradio/gallery` that is not used.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7334](https://github.com/gradio-app/gradio/pull/7334) [`b95d0d0`](https://github.com/gradio-app/gradio/commit/b95d0d043c739926af986e573200af92732bbc01) - Allow setting custom headers in Python Client.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7365](https://github.com/gradio-app/gradio/pull/7365) [`1e68561`](https://github.com/gradio-app/gradio/commit/1e68561167cd240d053444db091b297a3129cebb) - Update Pydantic patch for Lite that emulates PydanticV2 API using V1.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6890](https://github.com/gradio-app/gradio/pull/6890) [`cccab27`](https://github.com/gradio-app/gradio/commit/cccab27fe8b6ae6860b3fff68694fa33060e18a7) - E2E tests for Lite.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#7354](https://github.com/gradio-app/gradio/pull/7354) [`a7fa47a`](https://github.com/gradio-app/gradio/commit/a7fa47a175fbcf0fd6573ca19334a3a55b55bb24) - ensure Dataframes in background tabs are visible when the tab is selected.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7355](https://github.com/gradio-app/gradio/pull/7355) [`2244059`](https://github.com/gradio-app/gradio/commit/2244059cdbacb713530a3b760205c5464c05491c) - Ensure CSS `.dark` rule selectors are applied.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7375](https://github.com/gradio-app/gradio/pull/7375) [`4dc9ffb`](https://github.com/gradio-app/gradio/commit/4dc9ffbf70e2233c5b18ed3f722c1189a310a036) - Store `gr.Accordion`'s `open` value.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7374](https://github.com/gradio-app/gradio/pull/7374) [`7f19ba2`](https://github.com/gradio-app/gradio/commit/7f19ba272c5a46d7f2c11ad5c9f0ab15d4e27083) - Stop caching root url.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7350](https://github.com/gradio-app/gradio/pull/7350) [`7302a6e`](https://github.com/gradio-app/gradio/commit/7302a6e151dac553c17833be64d4639ee4cf97aa) - Fix `gr.load` for file-based Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.17.0
+
+### Features
+
+- [#7129](https://github.com/gradio-app/gradio/pull/7129) [`ccdaec4`](https://github.com/gradio-app/gradio/commit/ccdaec45002d0a9d6016e8e2078b843a1ff9172b) - Add a `simpleimage` template for custom components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7313](https://github.com/gradio-app/gradio/pull/7313) [`edfd05d`](https://github.com/gradio-app/gradio/commit/edfd05d18d20542d350d883d5e7f84d2774ad99e) - Expand chatinterface to full window height.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7292](https://github.com/gradio-app/gradio/pull/7292) [`aa97a5e`](https://github.com/gradio-app/gradio/commit/aa97a5e33a04ef8a0309b6ec3b2df4caaa26173e) - Improvements to API Docs.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7205](https://github.com/gradio-app/gradio/pull/7205) [`e418edd`](https://github.com/gradio-app/gradio/commit/e418edd011d06df519c778b9a50573288d5bf30f) - Fix SimpleImage package json.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7222](https://github.com/gradio-app/gradio/pull/7222) [`5181957`](https://github.com/gradio-app/gradio/commit/51819577068addde8fab1f4d4cfe691f20396f3f) - Add mobile Chromatic tests.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7298](https://github.com/gradio-app/gradio/pull/7298) [`e5344ba`](https://github.com/gradio-app/gradio/commit/e5344ba0cd63d21dbb525330bbc07ca2eca57832) - chore(deps): update dependency marked to v12.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#7206](https://github.com/gradio-app/gradio/pull/7206) [`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd) - Upload tweak.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7062](https://github.com/gradio-app/gradio/pull/7062) [`0fddd0f`](https://github.com/gradio-app/gradio/commit/0fddd0f971761bff3ef6ccc7ab9deb1891cd80d0) - Determine documentation group automatically.  Thanks [@akx](https://github.com/akx)!
+- [#7102](https://github.com/gradio-app/gradio/pull/7102) [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f) - Improve chatbot streaming performance with diffs.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  Note that this PR changes the API format for generator functions, which would be a breaking change for any clients reading the EventStream directly
+- [#7208](https://github.com/gradio-app/gradio/pull/7208) [`efacc7d`](https://github.com/gradio-app/gradio/commit/efacc7d5cb0d1c6448cbec82abfc00ad6da05b3f) - Ensure `open` reactivity in Accordion.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7228](https://github.com/gradio-app/gradio/pull/7228) [`2e6672c`](https://github.com/gradio-app/gradio/commit/2e6672c815e39fd6af78353e66661100b9102cd4) - Allow start/pause of streaming image input. Only access the webcam while it's needed.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7236](https://github.com/gradio-app/gradio/pull/7236) [`dec6a71`](https://github.com/gradio-app/gradio/commit/dec6a715d6219b00bd0151dd7c13bb2bc99c86da) - Fix PIL imports.  Thanks [@akx](https://github.com/akx)!
+- [#7274](https://github.com/gradio-app/gradio/pull/7274) [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557) - chore: Change time format (thanks @jjshoots for the independent contribution).  Thanks [@arian81](https://github.com/arian81)!
+- [#7116](https://github.com/gradio-app/gradio/pull/7116) [`3c8c4ac`](https://github.com/gradio-app/gradio/commit/3c8c4ac2db284e1cb503c397205a79a6dcc27e23) - Document the `gr.ParamViewer` component, and fix component preprocessing/postprocessing docstrings.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7157](https://github.com/gradio-app/gradio/pull/7157) [`46919c5`](https://github.com/gradio-app/gradio/commit/46919c5a4721ca2b0e17e38dc8c641f7ef336bcc) - Defer importing matplotlib.  Thanks [@akx](https://github.com/akx)!
+- [#7332](https://github.com/gradio-app/gradio/pull/7332) [`8bb0ce2`](https://github.com/gradio-app/gradio/commit/8bb0ce2e40abc4da3c782d5bc5ef5ac0f31f966f) - Hotfix for: `stt_or_tts` demo.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7309](https://github.com/gradio-app/gradio/pull/7309) [`200e251`](https://github.com/gradio-app/gradio/commit/200e2518e4d449aa82819a8d119e912bd1d95c15) - Add `gr.Image` interaction test + `gr.ImageEditor` interaction test improvement.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7319](https://github.com/gradio-app/gradio/pull/7319) [`87d5105`](https://github.com/gradio-app/gradio/commit/87d510580e7061c00848b70613c74838d9c71de7) - Handle httpx.InvalidURL when setting non-URL article strings.  Thanks [@nopperl](https://github.com/nopperl)!
+- [#7154](https://github.com/gradio-app/gradio/pull/7154) [`aab2a75`](https://github.com/gradio-app/gradio/commit/aab2a75f0610dd7ed0b481264c6b9f01cfe92094) - Allow selecting texts in dataframe cells.  Thanks [@shubhamofbce](https://github.com/shubhamofbce)!
+- [#7061](https://github.com/gradio-app/gradio/pull/7061) [`05d8a3c`](https://github.com/gradio-app/gradio/commit/05d8a3c8030b733bd47250f5db6f89f230f9a707) - Update ruff to 0.1.13, enable more rules, fix issues.  Thanks [@akx](https://github.com/akx)!
+- [#7315](https://github.com/gradio-app/gradio/pull/7315) [`b3a9c83`](https://github.com/gradio-app/gradio/commit/b3a9c830955a5ded8528d6118aaf1b6e019857a2) - Lite: Wasm-compatible Model3D.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7059](https://github.com/gradio-app/gradio/pull/7059) [`7ea8336`](https://github.com/gradio-app/gradio/commit/7ea8336709726dbe14dd00303fe2db3fe27f0502) - Remove flag_dir from read_from_flag().  Thanks [@akx](https://github.com/akx)!
+- [#7229](https://github.com/gradio-app/gradio/pull/7229) [`6a7e98b`](https://github.com/gradio-app/gradio/commit/6a7e98bfefdc9530f0390f0d780edc5a35266d56) - Fix hyphen-bug in gradio cc publish.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7225](https://github.com/gradio-app/gradio/pull/7225) [`60078df`](https://github.com/gradio-app/gradio/commit/60078df07f38c0ef90ef2ba90f8e3272b92c9e3d) - Fix test requirements to be compatible with python 3.11.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7256](https://github.com/gradio-app/gradio/pull/7256) [`09257ef`](https://github.com/gradio-app/gradio/commit/09257ef1f1307e2886418f6dd93dcffdf010c32b) - Fix ci cache.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7240](https://github.com/gradio-app/gradio/pull/7240) [`1893756`](https://github.com/gradio-app/gradio/commit/18937564ab8906710549d5bccc48f7188c836f38) - Small cleanups of `Code` component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7295](https://github.com/gradio-app/gradio/pull/7295) [`aea14c4`](https://github.com/gradio-app/gradio/commit/aea14c44961be8b0e732e05799df8104d7b906ed) - Refactor Inference API and rename it to Serverless Inference Endpoints.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7117](https://github.com/gradio-app/gradio/pull/7117) [`24157a3`](https://github.com/gradio-app/gradio/commit/24157a36028b3f606194bd9977634318650b2d46) - add background color based on the OS mode.  Thanks [@aileenvl](https://github.com/aileenvl)!
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7283](https://github.com/gradio-app/gradio/pull/7283) [`757dba6`](https://github.com/gradio-app/gradio/commit/757dba66baf624eae11ff076f0e8d6bfc2314630) - Add `show_label` check to `gr.Dataframe`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7190](https://github.com/gradio-app/gradio/pull/7190) [`2d51a9d`](https://github.com/gradio-app/gradio/commit/2d51a9dbd97167aa7a2b3aa672142c1a5137e898) - Add missing parameters and docstrings for `gr.TabbedInterface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7178](https://github.com/gradio-app/gradio/pull/7178) [`9f23b0b`](https://github.com/gradio-app/gradio/commit/9f23b0bc54b4ef63c056b309370df52ec2c2a43c) - Optimize client view_api method.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7158](https://github.com/gradio-app/gradio/pull/7158) [`ded5256`](https://github.com/gradio-app/gradio/commit/ded5256c4a39a84155b9c3d7f4e8e7060d798186) - Fix audio recording events not dispatching.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7325](https://github.com/gradio-app/gradio/pull/7325) [`733ca26`](https://github.com/gradio-app/gradio/commit/733ca266bb1ba9049ed7309b8f0614199682e173) - Ensure examples Images displays as expected.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7276](https://github.com/gradio-app/gradio/pull/7276) [`a3aa22f`](https://github.com/gradio-app/gradio/commit/a3aa22f6f0bc664646bb409844899bc8810e421e) - Adjust Value to Fix .Label Display.  Thanks [@codydh](https://github.com/codydh)!
+- [#7286](https://github.com/gradio-app/gradio/pull/7286) [`0d36ac0`](https://github.com/gradio-app/gradio/commit/0d36ac05aa54e53f0ea61f5b129af59ab55f3224) - Fixes issue with datatype setting in gr.Dataframe. Setting no longer dependent on col_count.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#7290](https://github.com/gradio-app/gradio/pull/7290) [`db27df3`](https://github.com/gradio-app/gradio/commit/db27df36d2ea42dd20f275e9b9d6fe15f1a960f8) - Escape triple quotes when creating `space.py` for custom components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7141](https://github.com/gradio-app/gradio/pull/7141) [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16) - Few File component drag and drop.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7221](https://github.com/gradio-app/gradio/pull/7221) [`cae05c0`](https://github.com/gradio-app/gradio/commit/cae05c05ecde56c4d92c6b5ed8d13353505cbd14) - Fix single file upload display.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7207](https://github.com/gradio-app/gradio/pull/7207) [`e3217b4`](https://github.com/gradio-app/gradio/commit/e3217b41862925a6a05f44070ac2bdabbeee6769) - Amend audio waveform colour.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7322](https://github.com/gradio-app/gradio/pull/7322) [`b25e95e`](https://github.com/gradio-app/gradio/commit/b25e95e164e80d66203ef71ce6bdb67ceb6b24df) - Fix `processing_utils.save_url_to_cache()` to follow redirects when accessing the URL.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7294](https://github.com/gradio-app/gradio/pull/7294) [`d7095c4`](https://github.com/gradio-app/gradio/commit/d7095c4699658f2acc5af7557dd455e8655954f4) - Number example fix.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7219](https://github.com/gradio-app/gradio/pull/7219) [`faead14`](https://github.com/gradio-app/gradio/commit/faead1403cdba6415912a6ad512291ac63b04173) - Show label in interactive image editor.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7220](https://github.com/gradio-app/gradio/pull/7220) [`3b8dfc6`](https://github.com/gradio-app/gradio/commit/3b8dfc684dc0eb0544d06300fa546b23f587c63f) - Add `visible` check to Tab.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7257](https://github.com/gradio-app/gradio/pull/7257) [`daaaf95`](https://github.com/gradio-app/gradio/commit/daaaf9593e9b2094bf59f3f5e01244ffb8a01bb1) - Fixes issues related to `gr.Dataframe` receiving an empty dataframe.  Thanks [@cswamy](https://github.com/cswamy)!
+
+## 4.16.0
+
+### Features
+
+- [#7124](https://github.com/gradio-app/gradio/pull/7124) [`21a16c6`](https://github.com/gradio-app/gradio/commit/21a16c60e8f34b870bd2aae9af07713eb1307252) - add params to `gr.Interface` and `gr.ChatInterface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7139](https://github.com/gradio-app/gradio/pull/7139) [`6abad53`](https://github.com/gradio-app/gradio/commit/6abad536778517a2ab9f5fc75d52afc576f01218) - Added polars dataframe support with demo.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#7084](https://github.com/gradio-app/gradio/pull/7084) [`94aa271`](https://github.com/gradio-app/gradio/commit/94aa271ab11fc3426a7e143ebaa757eb30c9911d) - Improve rapid generation performance via UI throttling.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7104](https://github.com/gradio-app/gradio/pull/7104) [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585) - Allow download button for interactive Audio and Video components.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7109](https://github.com/gradio-app/gradio/pull/7109) [`125a832`](https://github.com/gradio-app/gradio/commit/125a832ab7ee2b5affa574e8b32c88f430cc6663) - generate docs when running `gradio cc build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7148](https://github.com/gradio-app/gradio/pull/7148) [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32) - Use Gallery as input component.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7049](https://github.com/gradio-app/gradio/pull/7049) [`1718c4a`](https://github.com/gradio-app/gradio/commit/1718c4aeb23a88ef02b17b30a1d1cb72e413e04a) - add STL 3D model support.  Thanks [@Mon-ius](https://github.com/Mon-ius)!
+- [#7159](https://github.com/gradio-app/gradio/pull/7159) [`6ee22dc`](https://github.com/gradio-app/gradio/commit/6ee22dc6a8f6419e127a0f650e58c87a31bc59c9) - Ensure `gradio cc publish` uploads the documentation space, if it exists.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7034](https://github.com/gradio-app/gradio/pull/7034) [`82fe73d`](https://github.com/gradio-app/gradio/commit/82fe73d04297ac4e2c3ef42edc62bab4300bf915) - Redirect with query params after oauth.  Thanks [@Wauplin](https://github.com/Wauplin)!
+- [#7063](https://github.com/gradio-app/gradio/pull/7063) [`2cdcf4a`](https://github.com/gradio-app/gradio/commit/2cdcf4a890202a55673588c16f27b327d27915b6) - Single oauth button.  Thanks [@Wauplin](https://github.com/Wauplin)!
+
+### Fixes
+
+- [#7126](https://github.com/gradio-app/gradio/pull/7126) [`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b) - Allow buttons to take null value.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7112](https://github.com/gradio-app/gradio/pull/7112) [`217bfe3`](https://github.com/gradio-app/gradio/commit/217bfe39ca6a0de885824f16be4a707e7f032d57) - Support audio data in `np.int8` format in the `gr.Audio` component.  Thanks [@Ram-Pasupula](https://github.com/Ram-Pasupula)!
+- [#7029](https://github.com/gradio-app/gradio/pull/7029) [`ac73555`](https://github.com/gradio-app/gradio/commit/ac735551bb2ccc288b2bbf10b008b6c3d9e65132) - Run before_fn and after_fn for each generator iteration.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7131](https://github.com/gradio-app/gradio/pull/7131) [`7d53aa1`](https://github.com/gradio-app/gradio/commit/7d53aa13a304d056d1973b8e86c6f89ff84cbd28) - Miscellaneous doc fixes.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7138](https://github.com/gradio-app/gradio/pull/7138) [`ca8753b`](https://github.com/gradio-app/gradio/commit/ca8753bb3d829d0077f758ba8d0ddc866ff74d3d) - Fixes: Chatbot crashes when given empty url following http:// or https://.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7115](https://github.com/gradio-app/gradio/pull/7115) [`cb90b3d`](https://github.com/gradio-app/gradio/commit/cb90b3d5d6a291270e047e10f9173cbc03678e1c) - Programmatically determine max wheel version to push to spaces.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7107](https://github.com/gradio-app/gradio/pull/7107) [`80f8fbf`](https://github.com/gradio-app/gradio/commit/80f8fbf0e8900627b9c2575bbd7c68fad8108544) - Add logic to handle non-interactive or hidden tabs.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7142](https://github.com/gradio-app/gradio/pull/7142) [`b961652`](https://github.com/gradio-app/gradio/commit/b9616528ab099aab0adc7027bce4655111f7366c) - Remove kwargs from template components.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7125](https://github.com/gradio-app/gradio/pull/7125) [`45f725f`](https://github.com/gradio-app/gradio/commit/45f725f8d0dc7813b3d2e768ca9582d6ad878d6f) - un-disable output components after exception is raised.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7081](https://github.com/gradio-app/gradio/pull/7081) [`44c53d9`](https://github.com/gradio-app/gradio/commit/44c53d9bde7cab605b7dbd16331683d13cae029e) - Fix dropdown refocusing due to `<label />` element.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7130](https://github.com/gradio-app/gradio/pull/7130) [`e7ab406`](https://github.com/gradio-app/gradio/commit/e7ab4063eb2624820b9f1076960e9596791d9427) - Fix ParamViewer css.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7113](https://github.com/gradio-app/gradio/pull/7113) [`28e8a8a`](https://github.com/gradio-app/gradio/commit/28e8a8a3ec8acd653182577273be4244a4817082) - Reduce CPU usage of dev mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7082](https://github.com/gradio-app/gradio/pull/7082) [`c35fac0`](https://github.com/gradio-app/gradio/commit/c35fac049a44b14719509443c68690e7f23ce70d) - Ensure device selection works in Audio when streaming.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7045](https://github.com/gradio-app/gradio/pull/7045) [`13cb6af`](https://github.com/gradio-app/gradio/commit/13cb6af8b23be063d85b2c632f36afa37d874e5d) - Ensure microphone devices list updates.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7150](https://github.com/gradio-app/gradio/pull/7150) [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4) - Lite: Add the `home_dir` to `sys.path`.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#7133](https://github.com/gradio-app/gradio/pull/7133) [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78) - Add ruff mock for Lite.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6826](https://github.com/gradio-app/gradio/pull/6826) [`e8b2d8b`](https://github.com/gradio-app/gradio/commit/e8b2d8b2f81b7c4b2d107765f06eaf09a030f1df) - Add sample rate config option to `gr.Audio()`.  Thanks [@tsukumijima](https://github.com/tsukumijima)!
+
+## 4.15.0
+
+### Highlights
+
+#### Custom component documentation generator ([#7030](https://github.com/gradio-app/gradio/pull/7030) [`3a944ed`](https://github.com/gradio-app/gradio/commit/3a944ed9f162a224d26959a9c556346a9d205311))
+
+If your custom component has type hints and docstrings for both parameters and return values, you can now automatically generate a documentation page and README.md with no additional effort. Simply run the following command:
+
+```sh
+gradio cc docs
+```
+
+This will generate a Gradio app that you can upload to spaces providing rich documentation for potential users. The documentation page includes:
+
+- Installation instructions.
+- A live embedded demo and working code snippet, pulled from your demo app.
+- An API reference for initialising the component, with types, default values and descriptions.
+- An explanation of how the component affects the user's predict function inputs and outputs.
+- Any additional interfaces or classes that are necessary to understand the API reference.
+- Optional links to GitHub, PyPi, and Hugging Face Spaces.
+
+A README will also be generated detailing the same information but in a format that is optimised for viewing on GitHub or PyPi!
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#7075](https://github.com/gradio-app/gradio/pull/7075) [`1fc8a94`](https://github.com/gradio-app/gradio/commit/1fc8a941384775f587a6ef30365960f43353cb0d) - fix lint.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7069](https://github.com/gradio-app/gradio/pull/7069) [`07d520c`](https://github.com/gradio-app/gradio/commit/07d520c7a2590eb5544bd0b17f82ea31ecf43e00) - fix versions.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#7058](https://github.com/gradio-app/gradio/pull/7058) [`3642b7a`](https://github.com/gradio-app/gradio/commit/3642b7ac93128793b75b94f8d785457869a4447e) - publish: simplify twine_files code.  Thanks [@akx](https://github.com/akx)!
+- [#7054](https://github.com/gradio-app/gradio/pull/7054) [`64c65d8`](https://github.com/gradio-app/gradio/commit/64c65d821983961111297a969946d87e2fc4105d) - Add encoding to open/writing files on the deploy_discord function.  Thanks [@WilliamHarer](https://github.com/WilliamHarer)!
+- [#7024](https://github.com/gradio-app/gradio/pull/7024) [`f2d69fc`](https://github.com/gradio-app/gradio/commit/f2d69fc7d0c1c3457112e702b53e38a0255fc1b7) - Fix gallery thumbnail design regression.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7018](https://github.com/gradio-app/gradio/pull/7018) [`ec28b4e`](https://github.com/gradio-app/gradio/commit/ec28b4e7c47a9233d9e3a725cc9fe8f9044dfa94) - Add `visible` and `interactive` params to `gr.Tab()`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7060](https://github.com/gradio-app/gradio/pull/7060) [`aaecfe5`](https://github.com/gradio-app/gradio/commit/aaecfe54d913c1c4713e23233f32ae1e4239730e) - Themes: fix bogus header image URL.  Thanks [@akx](https://github.com/akx)!
+
+### Fixes
+
+- [#7050](https://github.com/gradio-app/gradio/pull/7050) [`a336508`](https://github.com/gradio-app/gradio/commit/a3365086468568db871940fa2807454ac047cadd) - Fix bug preventing layout components to be used as custom components.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7055](https://github.com/gradio-app/gradio/pull/7055) [`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2) - Fix UI freeze on rapid generators.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7046](https://github.com/gradio-app/gradio/pull/7046) [`9201f86`](https://github.com/gradio-app/gradio/commit/9201f86450c377f78a77ac003a5d5ff009a8894c) - Raise error in build step if custom component package is not installed.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6980](https://github.com/gradio-app/gradio/pull/6980) [`523b6bc`](https://github.com/gradio-app/gradio/commit/523b6bc534e221b028a3ea3f274c7466fe242d5a) - `gr.update(value=[])` for `gr.File()` clears it.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#7038](https://github.com/gradio-app/gradio/pull/7038) [`6be3c2c`](https://github.com/gradio-app/gradio/commit/6be3c2c47a616c904c8497d1fbef7a851c54d488) - Fix Chatbot custom component template.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6982](https://github.com/gradio-app/gradio/pull/6982) [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9) - Fix File drag and drop for specific file_types.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.14.0
+
+### Features
+
+- [#6994](https://github.com/gradio-app/gradio/pull/6994) [`623bc1a`](https://github.com/gradio-app/gradio/commit/623bc1aeb19945c1f3c68ea66fa669d1169483a3) - Switch default order for sources for `gr.Video` so that upload is the default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6965](https://github.com/gradio-app/gradio/pull/6965) [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0) - Make <UploadProgress /> Wasm-compatible.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6945](https://github.com/gradio-app/gradio/pull/6945) [`ccf317f`](https://github.com/gradio-app/gradio/commit/ccf317fc9797675a748b50118aa59a7e4b129d9d) - Add `additional_inputs`, `additional_inputs_accordion` parameters to `gr.Interface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6963](https://github.com/gradio-app/gradio/pull/6963) [`8dfabee`](https://github.com/gradio-app/gradio/commit/8dfabee00495ccbbd6743da07fa06c75cac3fb5f) - fixed typo.  Thanks [@Cassini-chris](https://github.com/Cassini-chris)!
+
+### Fixes
+
+- [#6969](https://github.com/gradio-app/gradio/pull/6969) [`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a) - Display pending file in `<Upload />` while waiting for upload request.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6885](https://github.com/gradio-app/gradio/pull/6885) [`640b7fe`](https://github.com/gradio-app/gradio/commit/640b7fe05276e11720b4341cadf088491395e53d) - Fix issue with Webcam Recording.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6967](https://github.com/gradio-app/gradio/pull/6967) [`5e00162`](https://github.com/gradio-app/gradio/commit/5e0016267f1d683e2daab82ee4a33d2f09513a34) - Make <Gallery /> Wasm-compatible.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6983](https://github.com/gradio-app/gradio/pull/6983) [`6e285be`](https://github.com/gradio-app/gradio/commit/6e285be8edeacf8730bac10b7ecd3fd5e309a950) - Fix the reloader.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6958](https://github.com/gradio-app/gradio/pull/6958) [`0f0498b`](https://github.com/gradio-app/gradio/commit/0f0498bf97a036efe47d01b47c4b26000d8d1df3) - Ensure Chatbot theme text size is set correctly.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.13.0
+
+### Features
+
+- [#6133](https://github.com/gradio-app/gradio/pull/6133) [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383) - Lite: Support AnnotatedImage on Wasm.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6778](https://github.com/gradio-app/gradio/pull/6778) [`8a093e2`](https://github.com/gradio-app/gradio/commit/8a093e23d7993a044e5e0ff73f93a74cb75dad56) - Add a dev instruction for lite in SharedWorker mode.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6931](https://github.com/gradio-app/gradio/pull/6931) [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549) - Fix functional tests.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6900](https://github.com/gradio-app/gradio/pull/6900) [`4511d57`](https://github.com/gradio-app/gradio/commit/4511d57c46bf82c48e8e575040ff7dab528b8d51) - Fix the aria-label attrs in `gr.Chatbot()`.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6820](https://github.com/gradio-app/gradio/pull/6820) [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74) - Use `EventSource_factory` in `open_stream()` for Wasm.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6916](https://github.com/gradio-app/gradio/pull/6916) [`02c2442`](https://github.com/gradio-app/gradio/commit/02c24422174065b79bfccb258cdfefc6b2b69dc6) - Fix docstring of deprecated parameter concurrency_count.  Thanks [@ronensc](https://github.com/ronensc)!
+- [#6884](https://github.com/gradio-app/gradio/pull/6884) [`24a5836`](https://github.com/gradio-app/gradio/commit/24a583688046867ca8b8b02959c441818bdb34a2) - Component Server fix.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6887](https://github.com/gradio-app/gradio/pull/6887) [`8333db8`](https://github.com/gradio-app/gradio/commit/8333db83ac6e2c8511c104534c48137576d0bcd7) - Fix the Wasm worker to initialize the app directories.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6932](https://github.com/gradio-app/gradio/pull/6932) [`e671e54`](https://github.com/gradio-app/gradio/commit/e671e5415fecae52328e426ee2e9f3c09f410606) - Allow `gr.ClearButton` and `gr.DuplicateButton` to be made hidden (and otherwise updated).  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6942](https://github.com/gradio-app/gradio/pull/6942) [`b1b78c2`](https://github.com/gradio-app/gradio/commit/b1b78c2168e24fb65251a9b9b6cbc9382179a8ca) - Fix `.select` for `gr.Image`, `gr.CheckboxGroup`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6899](https://github.com/gradio-app/gradio/pull/6899) [`bd11d6e`](https://github.com/gradio-app/gradio/commit/bd11d6e570755405eac637f1ef71b8d7be09ff67) - Remove the styles on the audio elements in the Chatbot component.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6871](https://github.com/gradio-app/gradio/pull/6871) [`d361a0f`](https://github.com/gradio-app/gradio/commit/d361a0f179752d9e849ec420fc67c8b4060fc154) - Ensure camera settings only update when necessary in Model3D.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6938](https://github.com/gradio-app/gradio/pull/6938) [`459c5dc`](https://github.com/gradio-app/gradio/commit/459c5dc989849b1f0134467d260710fe891045d6) - replacing distutils.StrictVersion dependency for Python 3.12.  Thanks [@velaia](https://github.com/velaia)!
+- [#6956](https://github.com/gradio-app/gradio/pull/6956) [`7bab755`](https://github.com/gradio-app/gradio/commit/7bab755f7c4cf38102c87d825066ff49b518222e) - Fixed (this this).  Thanks [@Cassini-chris](https://github.com/Cassini-chris)!
+- [#6874](https://github.com/gradio-app/gradio/pull/6874) [`31c2316`](https://github.com/gradio-app/gradio/commit/31c23166f0113ab6506575f345c31c952e57e137) - fix issue 6873: File with file_count='directory' bug.  Thanks [@joshwilson-dev](https://github.com/joshwilson-dev)!
+- [#6940](https://github.com/gradio-app/gradio/pull/6940) [`c00da89`](https://github.com/gradio-app/gradio/commit/c00da89c3ec6aa9ce43b25f12fde575d681d6870) - Fix returning copies of a component instance from a prediction function.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.12.0
+
+### Features
+
+- [#6839](https://github.com/gradio-app/gradio/pull/6839) [`e974cf0`](https://github.com/gradio-app/gradio/commit/e974cf045c82ce8d79efdda36b9dbf6ea557baa4) - Custom JS Guide.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6854](https://github.com/gradio-app/gradio/pull/6854) [`e528f98`](https://github.com/gradio-app/gradio/commit/e528f98b88f4322f61d315e1770fce0448ca5e26) - chore(deps): update dependency mrmime to v2.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#6863](https://github.com/gradio-app/gradio/pull/6863) [`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414) - Fix JS Client when app is running behind a proxy.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6846](https://github.com/gradio-app/gradio/pull/6846) [`48d6534`](https://github.com/gradio-app/gradio/commit/48d6534b40f80e7e70a4061f97d9f2e23ba77fe1) - Add `show_api` parameter to events, and fix `gr.load()`. Also makes some minor improvements to the "view API" page when running on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6865](https://github.com/gradio-app/gradio/pull/6865) [`15c97c6`](https://github.com/gradio-app/gradio/commit/15c97c6d346c475141d20615b5a865e9c44bdc76) - Fix webcam when `streaming=True`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6767](https://github.com/gradio-app/gradio/pull/6767) [`7bb561a`](https://github.com/gradio-app/gradio/commit/7bb561a294ca41d1044927cb34d8645c4175cae0) - Rewriting parts of the README and getting started guides for 4.0.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.11.0
+
+### Features
+
+- [#6842](https://github.com/gradio-app/gradio/pull/6842) [`846d52d`](https://github.com/gradio-app/gradio/commit/846d52d1c92d429077382ce494eea27fd062d9f6) - Fix md highlight.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6831](https://github.com/gradio-app/gradio/pull/6831) [`f3abde8`](https://github.com/gradio-app/gradio/commit/f3abde80884d96ad69b825020c46486d9dd5cac5) - Add an option to enable header links for markdown.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6814](https://github.com/gradio-app/gradio/pull/6814) [`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d) - Refactor queue so that there are separate queues for each concurrency id.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6809](https://github.com/gradio-app/gradio/pull/6809) [`1401d99`](https://github.com/gradio-app/gradio/commit/1401d99ade46d87da75b5f5808a3354c49f1d1ea) - Fix `ImageEditor` interaction story.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6803](https://github.com/gradio-app/gradio/pull/6803) [`77c9003`](https://github.com/gradio-app/gradio/commit/77c900311e2ba37b8f849ce088ceb48aa196af18) - Fixes issue 5781: Enables specifying a caching directory for Examples.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6823](https://github.com/gradio-app/gradio/pull/6823) [`67a2b7f`](https://github.com/gradio-app/gradio/commit/67a2b7f12cb06355fcc41e40d47e8b2ad211d7d1) - Fixed duplicate word ("this this").  Thanks [@Cassini-chris](https://github.com/Cassini-chris)!
+- [#6833](https://github.com/gradio-app/gradio/pull/6833) [`1b9d423`](https://github.com/gradio-app/gradio/commit/1b9d4234d6c25ef250d882c7b90e1f4039ed2d76) - Prevent file traversals.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6829](https://github.com/gradio-app/gradio/pull/6829) [`50496f9`](https://github.com/gradio-app/gradio/commit/50496f967f8209032b753912a4379eb9cea66627) - Adjust rounding logic when precision is `None` in `gr.Number()`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.10.0
+
+### Features
+
+- [#6798](https://github.com/gradio-app/gradio/pull/6798) [`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4) - Improve how server/js client handle unexpected errors.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6794](https://github.com/gradio-app/gradio/pull/6794) [`7ba8c5d`](https://github.com/gradio-app/gradio/commit/7ba8c5da45b004edd12c0460be9222f5b5f5f055) - Fix SSRF vulnerability on `/file=` route.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6799](https://github.com/gradio-app/gradio/pull/6799) [`c352811`](https://github.com/gradio-app/gradio/commit/c352811f76d4126613ece0a584f8c552fdd8d1f6) - Adds docstrings for `gr.WaveformOptions`, `gr.Brush`, and `gr.Eraser`, fixes examples for `ImageEditor`, and allows individual images to be used as the initial `value` for `ImageEditor`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6808](https://github.com/gradio-app/gradio/pull/6808) [`6b130e2`](https://github.com/gradio-app/gradio/commit/6b130e26b9a6061e7984923b355a04a5484a1c96) - Ensure LoginButton `value` text is displayed.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6810](https://github.com/gradio-app/gradio/pull/6810) [`526fb6c`](https://github.com/gradio-app/gradio/commit/526fb6c446468f1567d614c83266bb5f5797ce9c) - Fix `gr.load()` so that it works with the SSE v1 protocol.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.9.1
+
+### Features
+
+- [#6781](https://github.com/gradio-app/gradio/pull/6781) [`a807ede`](https://github.com/gradio-app/gradio/commit/a807ede818e0690949aca41020e75a96f0110ece) - Fix backend tests on Windows.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6525](https://github.com/gradio-app/gradio/pull/6525) [`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a) - Fixes Drag and Drop for Upload.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6780](https://github.com/gradio-app/gradio/pull/6780) [`51e241a`](https://github.com/gradio-app/gradio/commit/51e241addd20dad9a0cdf3e72f747cab112815d1) - Fix flaky CI tests (again 😓 ).  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6693](https://github.com/gradio-app/gradio/pull/6693) [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0) - Python client properly handles hearbeat and log messages. Also handles responses longer than 65k.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 4.9.0
+
+### Features
+
+- [#6726](https://github.com/gradio-app/gradio/pull/6726) [`21cfb0a`](https://github.com/gradio-app/gradio/commit/21cfb0acc309bb1a392f4d8a8e42f6be864c5978) - Remove the styles from the Image/Video primitive components and Fix the container styles.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6745](https://github.com/gradio-app/gradio/pull/6745) [`3240d04`](https://github.com/gradio-app/gradio/commit/3240d042e907a3f2f679c2310c0dc6a688d2c07e) - Add `editable` parameter to Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6616](https://github.com/gradio-app/gradio/pull/6616) [`9a0bd27`](https://github.com/gradio-app/gradio/commit/9a0bd27502894e2488b4732be081cb2027aa636e) - Add support for OAuth tokens.  Thanks [@Wauplin](https://github.com/Wauplin)!
+- [#6738](https://github.com/gradio-app/gradio/pull/6738) [`f3c4d78`](https://github.com/gradio-app/gradio/commit/f3c4d78b710854b94d9a15db78178e504a02c680) - reload on css changes + fix css specificity.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6671](https://github.com/gradio-app/gradio/pull/6671) [`299f5e2`](https://github.com/gradio-app/gradio/commit/299f5e238bb6fb3f51376ef8b73fc44351859bbe) - Update HF token used in CI tests.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6680](https://github.com/gradio-app/gradio/pull/6680) [`cfd5700`](https://github.com/gradio-app/gradio/commit/cfd57005bce715271c3073ecd322890b8d30f594) - Cause `gr.ClearButton` to reset the value of `gr.State`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6603](https://github.com/gradio-app/gradio/pull/6603) [`6b1401c`](https://github.com/gradio-app/gradio/commit/6b1401c514c2ec012b0a50c72a6ec81cb673bf1d) - chore(deps): update dependency marked to v11.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#6666](https://github.com/gradio-app/gradio/pull/6666) [`30c9fbb`](https://github.com/gradio-app/gradio/commit/30c9fbb5c74f0dc879e85dbdb6778c0782aeff38) - Set gradio api server from env.  Thanks [@aisensiy](https://github.com/aisensiy)!
+- [#6677](https://github.com/gradio-app/gradio/pull/6677) [`51b54b3`](https://github.com/gradio-app/gradio/commit/51b54b3411934ce46a27e7d525dd90b43c9fc016) - Tweak to our bug issue template.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6598](https://github.com/gradio-app/gradio/pull/6598) [`7cbf96e`](https://github.com/gradio-app/gradio/commit/7cbf96e0bdd12db7ecac7bf99694df0a912e5864) - Issue 5245: consolidate usage of requests and httpx.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6704](https://github.com/gradio-app/gradio/pull/6704) [`24e0481`](https://github.com/gradio-app/gradio/commit/24e048196e8f7bd309ef5c597d4ffc6ca4ed55d0) - Hotfix: update `huggingface_hub` dependency version.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6432](https://github.com/gradio-app/gradio/pull/6432) [`bdf81fe`](https://github.com/gradio-app/gradio/commit/bdf81fead86e1d5a29e6b036f1fff677f6480e6b) - Lite: Set the home dir path per appId at each runtime.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6569](https://github.com/gradio-app/gradio/pull/6569) [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00) - Allow passing height and width as string in `Blocks.svelte`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6416](https://github.com/gradio-app/gradio/pull/6416) [`5177132`](https://github.com/gradio-app/gradio/commit/5177132d718c77f6d47869b4334afae6380394cb) - Lite: Fix the `isMessagePort()` type guard in js/wasm/src/worker-proxy.ts.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6543](https://github.com/gradio-app/gradio/pull/6543) [`8a70e83`](https://github.com/gradio-app/gradio/commit/8a70e83db9c7751b46058cdd2514e6bddeef6210) - switch from black to ruff formatter.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+
+### Fixes
+
+- [#6709](https://github.com/gradio-app/gradio/pull/6709) [`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88) - Remove progress animation on streaming.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6660](https://github.com/gradio-app/gradio/pull/6660) [`5238053`](https://github.com/gradio-app/gradio/commit/523805360bbf292d9d82443b1f521528beba68bb) - Fix reload mode warning about not being able to find the app.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6672](https://github.com/gradio-app/gradio/pull/6672) [`1234c37`](https://github.com/gradio-app/gradio/commit/1234c3732b52327a00b917af2ef75821771e2c92) - use gr.Error for audio length errors.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6676](https://github.com/gradio-app/gradio/pull/6676) [`fe40308`](https://github.com/gradio-app/gradio/commit/fe40308894efb2c6ff18e5e328163f6641b7476c) - Rotate Images to Upright Position in preprocess.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6487](https://github.com/gradio-app/gradio/pull/6487) [`9a5811d`](https://github.com/gradio-app/gradio/commit/9a5811df9218b622af59ba243a937a9c36ba00f9) - Fix the download button of the `gr.Gallery()` component to work.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6689](https://github.com/gradio-app/gradio/pull/6689) [`c9673ca`](https://github.com/gradio-app/gradio/commit/c9673cacd6470296ee01d7717e2080986e750572) - Fix directory-only glob for FileExplorer.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6639](https://github.com/gradio-app/gradio/pull/6639) [`9a6ff70`](https://github.com/gradio-app/gradio/commit/9a6ff704cd8429289c5376d3af5e4b8492df4773) - Fix issue with `head` param when adding more than one script tag.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6556](https://github.com/gradio-app/gradio/pull/6556) [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70) - Fix api event drops.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6754](https://github.com/gradio-app/gradio/pull/6754) [`a1b966e`](https://github.com/gradio-app/gradio/commit/a1b966edf761a20ef30e688b1ea1641a5ef1c860) - Fixed an issue where files could not be filed.  Thanks [@duolabmeng6](https://github.com/duolabmeng6)!
+- [#6694](https://github.com/gradio-app/gradio/pull/6694) [`dfc61ec`](https://github.com/gradio-app/gradio/commit/dfc61ec4d09da72ddd6e7ab726820529621dbd38) - Fix dropdown blur bug when values are provided as tuples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6691](https://github.com/gradio-app/gradio/pull/6691) [`128ab5d`](https://github.com/gradio-app/gradio/commit/128ab5d65b51390e706a515a1708fe6c88659209) - Ensure checked files persist after FileExplorer rerenders.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6698](https://github.com/gradio-app/gradio/pull/6698) [`798eca5`](https://github.com/gradio-app/gradio/commit/798eca524d44289c536c47eec7c4fdce9fe81905) - Fit video media within Video component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6759](https://github.com/gradio-app/gradio/pull/6759) [`28a7aa9`](https://github.com/gradio-app/gradio/commit/28a7aa917f6a0d57af2c18261d1c01ff76423030) - Mount on a FastAPI app with lifespan manager.  Thanks [@Xmaster6y](https://github.com/Xmaster6y)!
+
+## 4.8.0
+
+### Features
+
+- [#6624](https://github.com/gradio-app/gradio/pull/6624) [`1751f14`](https://github.com/gradio-app/gradio/commit/1751f14c1b26c72c0fcc6ba4c69c060c7a199e5d) - Remove 2 slider demos from docs.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6622](https://github.com/gradio-app/gradio/pull/6622) [`4396f3f`](https://github.com/gradio-app/gradio/commit/4396f3f8f0984d7fcd7e1b88a793af86c7d4e5bb) - Fix encoding issue #6364 of reload mode.  Thanks [@curiousRay](https://github.com/curiousRay)!
+- [#5885](https://github.com/gradio-app/gradio/pull/5885) [`9919b8a`](https://github.com/gradio-app/gradio/commit/9919b8ab43bee3d1d7cc65fd641fc8bc9725e102) - Fix the docstring decoration.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6565](https://github.com/gradio-app/gradio/pull/6565) [`9bf1ad4`](https://github.com/gradio-app/gradio/commit/9bf1ad43eac543c9991e59f37e1910f217f8d739) - Fix uploaded file wasn't moved to custom temp dir at different disks.  Thanks [@dodysw](https://github.com/dodysw)!
+- [#6584](https://github.com/gradio-app/gradio/pull/6584) [`9bcb1da`](https://github.com/gradio-app/gradio/commit/9bcb1da189a9738d023ef6daad8c6c827e3f6371) - Feat: make UploadButton accept icon.  Thanks [@Justin-Xiang](https://github.com/Justin-Xiang)!
+- [#6512](https://github.com/gradio-app/gradio/pull/6512) [`4f040c7`](https://github.com/gradio-app/gradio/commit/4f040c752bb3b0586a4e16eca25a1e5f596eee48) - Update zh-CN.json.  Thanks [@cibimo](https://github.com/cibimo)!
+
+### Fixes
+
+- [#6607](https://github.com/gradio-app/gradio/pull/6607) [`13ace03`](https://github.com/gradio-app/gradio/commit/13ace035ed58f14f8f5ce584d94b81c56f83b5d4) - Update file_explorer.py - Fixing error if nothing selected in file_count=single mode (return None rather).  Thanks [@v-chabaux](https://github.com/v-chabaux)!
+- [#6574](https://github.com/gradio-app/gradio/pull/6574) [`2b625ad`](https://github.com/gradio-app/gradio/commit/2b625ad9403c3449b34a8a3da68ae48c4347c2db) - Ensure Chatbot messages are properly aligned when `rtl` is true.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6635](https://github.com/gradio-app/gradio/pull/6635) [`b639e04`](https://github.com/gradio-app/gradio/commit/b639e040741e6c0d9104271c81415d7befbd8cf3) - Quick Image + Text Component Fixes.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6572](https://github.com/gradio-app/gradio/pull/6572) [`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50) - Improve like/dislike functionality.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6566](https://github.com/gradio-app/gradio/pull/6566) [`d548202`](https://github.com/gradio-app/gradio/commit/d548202d2b5bd8a99e3ebc5bf56820b0282ce0f5) - Improve video trimming and error handling.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6653](https://github.com/gradio-app/gradio/pull/6653) [`d92c819`](https://github.com/gradio-app/gradio/commit/d92c8194191d0e3530d6780a72d6f5c4c545e175) - Add concurrency_limit to ChatInterface, add IDE support for concurrency_limit.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6551](https://github.com/gradio-app/gradio/pull/6551) [`8fc562a`](https://github.com/gradio-app/gradio/commit/8fc562a8abc0932fc312ac33bcc015f6cf2700f6) - Add `show_recording_waveform` to Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6550](https://github.com/gradio-app/gradio/pull/6550) [`3156598`](https://github.com/gradio-app/gradio/commit/315659817e5e67a04a1375d35ea6fa58d20622d2) - Make FileExplorer work on python 3.8 and 3.9. Also make it update on changes to root, glob, or glob_dir.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6602](https://github.com/gradio-app/gradio/pull/6602) [`b8034a1`](https://github.com/gradio-app/gradio/commit/b8034a1e72c3aac649ee0ad9178ffdbaaa60fc61) - Fix: Gradio Client work with private Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.7.1
+
+### Features
+
+- [#6537](https://github.com/gradio-app/gradio/pull/6537) [`6d3fecfa4`](https://github.com/gradio-app/gradio/commit/6d3fecfa42dde1c70a60c397434c88db77289be6) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#6530](https://github.com/gradio-app/gradio/pull/6530) [`13ef0f0ca`](https://github.com/gradio-app/gradio/commit/13ef0f0caa13e5a1cea70d572684122419419599) - Quick fix: Make component interactive when it is in focus.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.6.0
+
+### Features
+
+- [#6532](https://github.com/gradio-app/gradio/pull/6532) [`96290d304`](https://github.com/gradio-app/gradio/commit/96290d304a61064b52c10a54b2feeb09ca007542) - tweak deps.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6511](https://github.com/gradio-app/gradio/pull/6511) [`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a) - Mark `FileData.orig_name` optional on the frontend aligning the type definition on the Python side.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6520](https://github.com/gradio-app/gradio/pull/6520) [`f94db6b73`](https://github.com/gradio-app/gradio/commit/f94db6b7319be902428887867500311a6a32a165) - File table style with accessible file name texts.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6523](https://github.com/gradio-app/gradio/pull/6523) [`63f466882`](https://github.com/gradio-app/gradio/commit/63f466882104453b56a7f52c6bea5b5d497ec698) - Fix typo in base.py.  Thanks [@eltociear](https://github.com/eltociear)!
+- [#6296](https://github.com/gradio-app/gradio/pull/6296) [`46f13f496`](https://github.com/gradio-app/gradio/commit/46f13f4968c8177e318c9d75f2eed1ed55c2c042) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#6517](https://github.com/gradio-app/gradio/pull/6517) [`901f3eebd`](https://github.com/gradio-app/gradio/commit/901f3eebda0a67fa8f3050d80f7f7b5800c7f566) - Allow reselecting the original option in `gr.Dropdown` after value has changed programmatically.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6538](https://github.com/gradio-app/gradio/pull/6538) [`147926196`](https://github.com/gradio-app/gradio/commit/147926196a074d3fe62e59b5a80997e133c0f707) - Some tweaks to `ImageEditor`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6518](https://github.com/gradio-app/gradio/pull/6518) [`d4e3a5189`](https://github.com/gradio-app/gradio/commit/d4e3a518905620c184a0315ff3bdfbf5e7945bd6) - Allows setting parameters of `gr.ChatInterface`'s `Accordion`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6528](https://github.com/gradio-app/gradio/pull/6528) [`f53b01cbf`](https://github.com/gradio-app/gradio/commit/f53b01cbfbfccec66e0cda1d428ef72f05a3dfc0) - Fix Theme Dropdown in deployed theme space.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6546](https://github.com/gradio-app/gradio/pull/6546) [`a424fdbb2`](https://github.com/gradio-app/gradio/commit/a424fdbb2389219661b9a73197f4cc095a08cfe9) - Ensure audio waveform `autoplay` updates.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6536](https://github.com/gradio-app/gradio/pull/6536) [`1bbd6cab3`](https://github.com/gradio-app/gradio/commit/1bbd6cab3f0abe183b514b82061f0937c8480966) - Fix undefined `data` TypeError in Blocks.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6500](https://github.com/gradio-app/gradio/pull/6500) [`830b6c0e6`](https://github.com/gradio-app/gradio/commit/830b6c0e6e52c4fa33fddfa4d3f6162e29801f74) - Process and convert .svg files in `Image`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.5.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6497](https://github.com/gradio-app/gradio/pull/6497) [`1baed201b`](https://github.com/gradio-app/gradio/commit/1baed201b12ecb5791146aed9a86b576c3595130) - Fix SourceFileReloader to watch the module with a qualified name to avoid importing a module with the same name from a different path.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6502](https://github.com/gradio-app/gradio/pull/6502) [`070f71c93`](https://github.com/gradio-app/gradio/commit/070f71c933d846ce8e2fe11cdd9bc0f3f897f29f) - Ensure image editor crop and draw cursor works as expected when the scroll position changes.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 4.4.1
+
+### Features
+
+- [#6467](https://github.com/gradio-app/gradio/pull/6467) [`739e3a5a0`](https://github.com/gradio-app/gradio/commit/739e3a5a09771a4a386cab0c6605156cf9fda7f6) - Fix dev mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 4.4.0
+
+### Features
+
+- [#6428](https://github.com/gradio-app/gradio/pull/6428) [`ac4ca59c9`](https://github.com/gradio-app/gradio/commit/ac4ca59c929bbe0bdf92155766883797d4e01ea0) - Extract video filenames correctly from URLs.  Thanks [@112292454](https://github.com/112292454)!
+- [#6461](https://github.com/gradio-app/gradio/pull/6461) [`6b53330a5`](https://github.com/gradio-app/gradio/commit/6b53330a5be53579d9128aea4858713082ce302d) - UploadButton tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6439](https://github.com/gradio-app/gradio/pull/6439) [`a1e3c61f4`](https://github.com/gradio-app/gradio/commit/a1e3c61f41b16166656b46254a201b37abcf20a8) - Allow setting a `default_concurrency_limit` other than 1.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6455](https://github.com/gradio-app/gradio/pull/6455) [`179f5bcde`](https://github.com/gradio-app/gradio/commit/179f5bcde16539bb9e828685d95dcd2167d3a215) - Add py.typed to gradio backend.  Thanks [@aleneum](https://github.com/aleneum)!
+- [#6436](https://github.com/gradio-app/gradio/pull/6436) [`58e3ca826`](https://github.com/gradio-app/gradio/commit/58e3ca8260a6635e10e7a7f141221c4f746e9386) - Custom Component CLI Improvements.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6462](https://github.com/gradio-app/gradio/pull/6462) [`2761b6d19`](https://github.com/gradio-app/gradio/commit/2761b6d197acc1c6a2fd9534e7633b463bd3f1e0) - Catch ValueError, KeyError when saving PIL Image.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6423](https://github.com/gradio-app/gradio/pull/6423) [`62d35c3d1`](https://github.com/gradio-app/gradio/commit/62d35c3d1b3e9d6e39bddbb32ff6b6cf9f1f7f72) - Issue 2085: Transformers object detection pipeline added.  Thanks [@cswamy](https://github.com/cswamy)!
+- [#6456](https://github.com/gradio-app/gradio/pull/6456) [`3953a1467`](https://github.com/gradio-app/gradio/commit/3953a146750b09161b50d972590cae8bf980990c) - Preserve original image extension in backend processing.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6427](https://github.com/gradio-app/gradio/pull/6427) [`e0fc14659`](https://github.com/gradio-app/gradio/commit/e0fc146598ba9b081bc5fa9616d0a41c2aba2427) - Allow google analytics to work on Spaces (and other iframe situations).  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6419](https://github.com/gradio-app/gradio/pull/6419) [`1959471a8`](https://github.com/gradio-app/gradio/commit/1959471a8d939275c7b9184913a5a6f92e567604) - Add download tests for audio/video.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6424](https://github.com/gradio-app/gradio/pull/6424) [`2727f45fb`](https://github.com/gradio-app/gradio/commit/2727f45fb0c9c3116a7e1a3f88cb3a401c4c7e93) - Do not show warnings when renaming api_names.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6437](https://github.com/gradio-app/gradio/pull/6437) [`727ae2597`](https://github.com/gradio-app/gradio/commit/727ae2597603f026d74d5acafac8709326300836) - chore: rename api_key to hf_token.  Thanks [@NickCrews](https://github.com/NickCrews)!
+
+### Fixes
+
+- [#6441](https://github.com/gradio-app/gradio/pull/6441) [`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521) - Small but important bugfixes for gr.Image: The upload event was not triggering at all. The paste-from-clipboard was not triggering an upload event. The clear button was not triggering a change event. The change event was triggering infinitely. Uploaded images were not preserving their original names. Uploading a new image should clear out the previous image.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6454](https://github.com/gradio-app/gradio/pull/6454) [`2777f326e`](https://github.com/gradio-app/gradio/commit/2777f326e595541fbec8ce14f56340b9e740f1da) - Ensure Audio ouput events are dispatched.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6254](https://github.com/gradio-app/gradio/pull/6254) [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a) - Add volume control to Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6457](https://github.com/gradio-app/gradio/pull/6457) [`d00fcf89d`](https://github.com/gradio-app/gradio/commit/d00fcf89d1c3ecbc910e81bb1311479ec2b73e4e) - Gradio custom component dev mode now detects changes to Example.svelte file.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6418](https://github.com/gradio-app/gradio/pull/6418) [`bce6ca109`](https://github.com/gradio-app/gradio/commit/bce6ca109feadd6ba94a69843689cefc381dd054) - Send more than one heartbeat message.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6425](https://github.com/gradio-app/gradio/pull/6425) [`b3ba17dd1`](https://github.com/gradio-app/gradio/commit/b3ba17dd1167d254756d93f1fb01e8be071819b6) - Update the selected indices in `Dropdown` when value changes programmatically.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.3.0
+
+### Features
+
+- [#6395](https://github.com/gradio-app/gradio/pull/6395) [`8ef48f852`](https://github.com/gradio-app/gradio/commit/8ef48f85241a0f06f4bcdaa0a2010917b3a536be) - Async functions and async generator functions with the `every` option to work.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6403](https://github.com/gradio-app/gradio/pull/6403) [`9cfeb4f17`](https://github.com/gradio-app/gradio/commit/9cfeb4f17e76efad7772e0cbe53dfb3e8310f565) - Remove  websockets dependency.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6406](https://github.com/gradio-app/gradio/pull/6406) [`0401c77f3`](https://github.com/gradio-app/gradio/commit/0401c77f3d35763b79e040dbe876e69083defd36) - Move ffmpeg to `Video` deps.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6099](https://github.com/gradio-app/gradio/pull/6099) [`d84209703`](https://github.com/gradio-app/gradio/commit/d84209703b7a0728cdb49221e543500ddb6a8d33) - Lite: SharedWorker mode.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6412](https://github.com/gradio-app/gradio/pull/6412) [`649f3ceb6`](https://github.com/gradio-app/gradio/commit/649f3ceb6c784c82fa88bdb7f04535f6419b14dd) - Added docs on gr.Examples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6378](https://github.com/gradio-app/gradio/pull/6378) [`d31d8c6ad`](https://github.com/gradio-app/gradio/commit/d31d8c6ad888aa4f094820d07288e9d0e2778521) - Allows `sources` to be a string for `gr.Image`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6382](https://github.com/gradio-app/gradio/pull/6382) [`2090aad73`](https://github.com/gradio-app/gradio/commit/2090aad731b186ef0a3f63ec2b4d1a6e3acb1754) - Move wavesurfer dep to js/audio.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6383](https://github.com/gradio-app/gradio/pull/6383) [`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486) - Fix event target.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6405](https://github.com/gradio-app/gradio/pull/6405) [`03491ef49`](https://github.com/gradio-app/gradio/commit/03491ef49708753fc51566c3dc17df09ae98fb98) - Fix docstrings and default value for `api_name`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6386](https://github.com/gradio-app/gradio/pull/6386) [`e76a9e8fc`](https://github.com/gradio-app/gradio/commit/e76a9e8fcbbfc393298de2aa539f2b152c0d6400) - Fix Chatbot Pending Message Issues.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6414](https://github.com/gradio-app/gradio/pull/6414) [`da1e31832`](https://github.com/gradio-app/gradio/commit/da1e31832f85ec76540e474ae35badfde8a18b6f) - Fix Model3D download button and other issues.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6379](https://github.com/gradio-app/gradio/pull/6379) [`de998b281`](https://github.com/gradio-app/gradio/commit/de998b28127ecef10c403890ff08674f527a3708) - Processes `avatar_images` for `gr.Chatbot` and `icon` for `gr.Button` correctly, so that respective files are moved to cache.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.2.0
+
+### Features
+
+- [#6333](https://github.com/gradio-app/gradio/pull/6333) [`42f76aeeb`](https://github.com/gradio-app/gradio/commit/42f76aeeb7b7263abccc038b699fb7fae7fe2313) - Add AsyncGenerator to the check-list of `dependencies.types.generator`.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#6347](https://github.com/gradio-app/gradio/pull/6347) [`d64787b88`](https://github.com/gradio-app/gradio/commit/d64787b885a26ecb6771bfdd20aac33c8a90afe6) - Fix `colorFrom` in theme space readmes.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6363](https://github.com/gradio-app/gradio/pull/6363) [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d) - Fix image upload.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6356](https://github.com/gradio-app/gradio/pull/6356) [`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c) - Redesign file upload.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6343](https://github.com/gradio-app/gradio/pull/6343) [`37dd335e5`](https://github.com/gradio-app/gradio/commit/37dd335e5f04a8e689dd7f23ae24ad1934ea08d8) - Fix audio streaming output issues in 4.0.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6307](https://github.com/gradio-app/gradio/pull/6307) [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57) - Provide status updates on file uploads.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6368](https://github.com/gradio-app/gradio/pull/6368) [`8a3f45c26`](https://github.com/gradio-app/gradio/commit/8a3f45c2612a36112d797465e14cd6f1801ccbd9) - Fix component update bug.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6322](https://github.com/gradio-app/gradio/pull/6322) [`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120) - Fixes `gr.load()` so it works properly with Images and Examples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6323](https://github.com/gradio-app/gradio/pull/6323) [`55fda81fa`](https://github.com/gradio-app/gradio/commit/55fda81fa5918b48952729232d6e2fc55af9351d) - Textbox and Code Component Blur/Focus Fixes.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 4.1.2
+
+### Features
+
+- [#6318](https://github.com/gradio-app/gradio/pull/6318) [`d3b53a457`](https://github.com/gradio-app/gradio/commit/d3b53a4577ea05cd27e37ce7fec952028c18ed45) - Fix for stylized DataFrame.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6326](https://github.com/gradio-app/gradio/pull/6326) [`ed546f2e1`](https://github.com/gradio-app/gradio/commit/ed546f2e13915849b0306d017c40933b856bb792) - Fix Model3D template.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6310](https://github.com/gradio-app/gradio/pull/6310) [`dfdaf1092`](https://github.com/gradio-app/gradio/commit/dfdaf109263b7b88c125558028ee9609f817fd10) - Fix data model for `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6316](https://github.com/gradio-app/gradio/pull/6316) [`4b1011bab`](https://github.com/gradio-app/gradio/commit/4b1011bab03c0b6a09329e0beb9c1b17b2189878) - Maintain text selection in `Chatbot` button elements.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6327](https://github.com/gradio-app/gradio/pull/6327) [`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95) - Restore query parameters in request.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6317](https://github.com/gradio-app/gradio/pull/6317) [`19af2806a`](https://github.com/gradio-app/gradio/commit/19af2806a58419cc551d2d1d6d8987df0db91ccb) - Add autoplay to `waveform_settings`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6294](https://github.com/gradio-app/gradio/pull/6294) [`7ab73df48`](https://github.com/gradio-app/gradio/commit/7ab73df48ea9dc876c1eaedfb424fcead6326dc9) - fix regarding callable function error.  Thanks [@SrijanSahaySrivastava](https://github.com/SrijanSahaySrivastava)!
+- [#6279](https://github.com/gradio-app/gradio/pull/6279) [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780) - Ensure source selection does not get hidden in overflow.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6311](https://github.com/gradio-app/gradio/pull/6311) [`176c4d140`](https://github.com/gradio-app/gradio/commit/176c4d140000b1be698b6caf0d0efd26a5c7897d) - Temporary fix to be able to load themes from Hub.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6314](https://github.com/gradio-app/gradio/pull/6314) [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f) - Improve default source behaviour in Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6320](https://github.com/gradio-app/gradio/pull/6320) [`570866a3b`](https://github.com/gradio-app/gradio/commit/570866a3bd95a45a197afec38b982bbc6c7cd0a0) - Hide show API link when in gradio lite.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6309](https://github.com/gradio-app/gradio/pull/6309) [`c56128781`](https://github.com/gradio-app/gradio/commit/c561287812797aa1b6b464b0e76419350570ba83) - Fix updating choices in `gr.Dropdown` and updates related to other components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.1.1
+
+### Fixes
+
+- [#6288](https://github.com/gradio-app/gradio/pull/6288) [`92278729e`](https://github.com/gradio-app/gradio/commit/92278729ee008126af15ffe6be399236211b2f34) - Gallery preview fix and optionally skip download of urls in postprcess.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6289](https://github.com/gradio-app/gradio/pull/6289) [`5668036ee`](https://github.com/gradio-app/gradio/commit/5668036eef89051c1dbc5a74dc20988a3012ccbd) - Fix file upload on windows.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6290](https://github.com/gradio-app/gradio/pull/6290) [`e8216be94`](https://github.com/gradio-app/gradio/commit/e8216be948f76ce064595183d11e9148badf9421) - ensure `gr.Dataframe` updates as expected.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 4.1.0
+
+### Features
+
+- [#6261](https://github.com/gradio-app/gradio/pull/6261) [`8bbeca0e7`](https://github.com/gradio-app/gradio/commit/8bbeca0e772a5a2853d02a058b35abb2c15ffaf1) - Improve Embed and CDN handling and fix a couple of related bugs.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6241](https://github.com/gradio-app/gradio/pull/6241) [`61c155e9b`](https://github.com/gradio-app/gradio/commit/61c155e9ba0f8f7ebd5a2a71687597dafb842219) - Remove session if browser closed on mobile.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6227](https://github.com/gradio-app/gradio/pull/6227) [`4840b4bc2`](https://github.com/gradio-app/gradio/commit/4840b4bc297703d317cad9c0f566e857a20b9375) - Add that api routes are automatically named to CHANGELOG.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6240](https://github.com/gradio-app/gradio/pull/6240) [`dd901c1b0`](https://github.com/gradio-app/gradio/commit/dd901c1b0af73a78fca8b6875b2bb00f84071ac8) - Model3D panning, improved UX.  Thanks [@dylanebert](https://github.com/dylanebert)!
+- [#6272](https://github.com/gradio-app/gradio/pull/6272) [`12d8e90a1`](https://github.com/gradio-app/gradio/commit/12d8e90a1646374b46eb8258be7356c868d1cca3) - Fixes input `Image` component with `streaming=True`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6268](https://github.com/gradio-app/gradio/pull/6268) [`de36820ef`](https://github.com/gradio-app/gradio/commit/de36820ef51097b47937b41fb76e4038aaa369cb) - Fix various issues with demos on website.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6232](https://github.com/gradio-app/gradio/pull/6232) [`ac4f2bcde`](https://github.com/gradio-app/gradio/commit/ac4f2bcded61672bfe1d54c279d527de2eabdb7a) - Remove **kwargs from queue.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6255](https://github.com/gradio-app/gradio/pull/6255) [`e3ede2ff7`](https://github.com/gradio-app/gradio/commit/e3ede2ff7d4a36fb21bb0b146b8d5ad239c0e086) - Ensure Model 3D updates when attributes change.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#6266](https://github.com/gradio-app/gradio/pull/6266) [`e32bac894`](https://github.com/gradio-app/gradio/commit/e32bac8944c85e0ec4831963299889d6bbfa0351) - Fix updating interactive prop.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6213](https://github.com/gradio-app/gradio/pull/6213) [`27194a987`](https://github.com/gradio-app/gradio/commit/27194a987fa7ba1234b5fc0ce8bf7fabef7033a9) - Ensure the statustracker for `gr.Image` displays in static mode.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6234](https://github.com/gradio-app/gradio/pull/6234) [`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e) - Video/Audio fixes.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6236](https://github.com/gradio-app/gradio/pull/6236) [`6bce259c5`](https://github.com/gradio-app/gradio/commit/6bce259c5db7b21b327c2067e74ea20417bc89ec) - Ensure `gr.CheckboxGroup` updates as expected.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6262](https://github.com/gradio-app/gradio/pull/6262) [`afb72bd19`](https://github.com/gradio-app/gradio/commit/afb72bd1970e6c43ddba0638fe9861330bdabb64) - Fix bug where radio.select passes the previous value to the function instead of the selected value.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6231](https://github.com/gradio-app/gradio/pull/6231) [`3e31c1752`](https://github.com/gradio-app/gradio/commit/3e31c1752e0e5bf90339b816f9895529d9368bbd) - Add likeable to config for Chatbot.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6249](https://github.com/gradio-app/gradio/pull/6249) [`2cffcf3c3`](https://github.com/gradio-app/gradio/commit/2cffcf3c39acd782f314f8a406100ae22e0809b7) - ensure radios have different names.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6229](https://github.com/gradio-app/gradio/pull/6229) [`5cddd6588`](https://github.com/gradio-app/gradio/commit/5cddd658809d147fafef5e9502ccfab5bd105aa6) - Fixes: Initial message is overwrtitten in chat interface.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6277](https://github.com/gradio-app/gradio/pull/6277) [`5fe091367`](https://github.com/gradio-app/gradio/commit/5fe091367fbe0eecdd504aa734ca1c70b0621f52) - handle selected_index prop change for gallery.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6211](https://github.com/gradio-app/gradio/pull/6211) [`a4a931dd3`](https://github.com/gradio-app/gradio/commit/a4a931dd39a48bceac50486558b049ca7b874195) - fix`FileExplorer` preprocess.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5876](https://github.com/gradio-app/gradio/pull/5876) [`d7a1a6559`](https://github.com/gradio-app/gradio/commit/d7a1a6559005e6a1e0be03a3bd5212d1bc60d1ee) - Fix file overflow and add keyboard navigation to `FileExplorer`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 4.0.2
+
+### Fixes
+
+- [#6191](https://github.com/gradio-app/gradio/pull/6191) [`b555bc09f`](https://github.com/gradio-app/gradio/commit/b555bc09ffe8e58b10da6227e2f11a0c084aa71d) - fix cdn build.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 4.0.1
+
+### Features
+
+- [#6137](https://github.com/gradio-app/gradio/pull/6137) [`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb) - JS Param.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6181](https://github.com/gradio-app/gradio/pull/6181) [`62ec2075c`](https://github.com/gradio-app/gradio/commit/62ec2075ccad8025a7721a08d0f29eb5a4f87fad) - modify preprocess to use pydantic models.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 4.0.0
+
+### Highlights
+
+4.0 is a big release, so here are the main highlights:
+
+**1. Custom Components**: 
+We've introduced the ability to create and publish you own custom `gradio` components. A custom Gradio component is a combination of Python and JavaScript (specifically, Svelte) that you can write to fully customize a Gradio component. A custom component can be used just like a regular Gradio component (with `gr.Interface`, `gr.Blocks`, etc.) and can be published so that other users can use it within their apps. To get started with Custom Components, [read our quickstart guide here](https://www.gradio.app/guides/five-minute-guide).
+
+<img src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExMm9pbzhvaTd1MTFlM3FrMmRweTh1ZWZiMmpvemhpNnVvaXVoeDZ2byZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/V3N5jnv0D1eKbPYins/giphy.gif">
+
+**2. Redesigned Media Components and Accessibility**:
+
+We redesigned our media components (`gr.Audio`, `gr.Image`, and `gr.Video`) from scratch and improved accessibilty across the board. All components are now keyboard navigable and include better colors to be usable by a wider audience.
+
+<img src="https://media0.giphy.com/media/Kv1bAN7MX3ya5krkEU/giphy.gif">
+
+**3. Server Side Events**: 
+
+Gradio's built-in queuing system is now the default for every Gradio app. We now use Server Side Events instead of Websockets for the queue. SSE means everything is served over HTTP and has better device support and better scaling than websockets.
+
+<img style="width:50%" src="https://i.imgur.com/ewUIuUc.png">
+
+**4. Custom Share Servers**: 
+
+Gradio share links can now run on custom domains. You can now set up your own server to serve Gradio share links. To get started, [read our guide here](https://github.com/huggingface/frp/).
+
+<img style="width:50%" src="https://i.imgur.com/VFWVsqn.png">
+
+5. We now support adding arbitrary JS to your apps using the `js` parameter in Blocks, and arbitrary modifications to the <head> of your app using the `head` parameter in Blocks
+
+6. We no longer expose a user's working directory by default when you release a Gradio app. There are some other improvements around security as well.
+
+7. Previously, a Gradio app's API endpoints were exposed, allowing you to bypass the queue. As a Gradio developer, you needed to set `api_open=False` to prevent this misuse. We've now made this the default.
+
+8. You can now control whether a user should be able to trigger the same event multiple times (by using the `trigger_mode` parameter of each event)
+
+9. You now have fine-grained control over how many times each event can be running concurrently in the backend (using the `concurrency_limit` parameter of each event)
+
+10. We no longer serialize images into base64 before sending them to the server or on the way back. This should make any Gradio app that includes `gr.Image` components much faster.
+
+
+### Breaking Changes
+
+Gradio 4.0 is a new major version, and includes breaking changes from 3.x. Here's a list of all the breaking changes, along with migration steps where appropriate.
+
+**Components**: 
+
+* Removes `**kwarg` from every component, meaning that components cannot accept arbitrary (unused) parameters. Previously, warnings would be thrown.
+* Removes deprecated parameters. For example, `plain` is no longer an alias for `secondary` for the `variant` argument in the `gr.Button` class
+* Removes the deprecated `Carousel` class and `StatusTracker` class and `Box` layout class
+* Removes the deprecated `Variable` alias for `State`
+* Removes the deprecated `.style()` methods from component classes
+* Removes the deprecated `.update()` method from component classes
+* Removes `get_interpretation_neighbors()` and `get_interpretation_scores()` from component classes
+* Removes `deprecation.py` -- this was designed for internal usage so unlikely to break gradio apps
+* Moves save to cache methods from component methods to standalone functions in processing_utils
+* Renames `source` param in `gr.Audio` and `gr.Video` to `sources`
+* Removes `show_edit_button` param from `gr.Audio`
+* The `tool=` argument in `gr.Image()` has been removed. As of `gradio==4.5.0`, we have a new `gr.ImageEditor` component that takes its place. The `ImageEditor` component is a streamlined component that allows you to do basic manipulation of images. It supports setting a background image (which can be uploaded, pasted, or recorded through a webcam), as well the ability to "edit" the background image by using a brush to create strokes and an eraser to erase strokes in layers on top of the background image. See the **Migrating to Gradio 4.0** section below.
+
+**Other changes related to the `gradio` library**:
+
+* Removes the deprecated `status_tracker` parameter from events
+* Removes the deprecated `HuggingFaceDatasetJSONSaver` class
+* Now `Blocks.load()` can only be use an is instance method to attach an event that runs when the page loads. To use the class method, use `gr.load()` instead
+* Similarly, `Interface.load()` has been removed
+* If you are runnin Gradio 4.x, you can not `gr.load` a Space that is running Gradio 3.x. However, you can still use the client libraries (see changes to the client libraries below).
+* Removes deprecated parameters, such as `enable_queue` from `launch()`
+* Many of the positional arguments in launch() are now keyword only, and show_tips has been removed
+* Changes the format of flagged data to json instead of filepath for media and chatbot
+* Removes `gr.Series` and `gr.Parallel`
+* All API endpoints are named by deafult. If `api_name=None`, the api name is the name of the python function.
+
+
+**Changes related to the Client libraries**:
+
+* When using the gradio Client libraries in 3.x with any component that returned JSON data (including `gr.Chatbot`, `gr.Label`, and `gr.JSON`), the data would get saved to a file and the filepath would be returned. Similarly, you would have to pass input JSON as a filepath. Now, the JSON data is passed and returned directly, making it easier to work with these components using the clients. 
+
+### Migrating to Gradio 4.0
+
+Here are some concrete tips to help migrate to Gradio 4.0:
+
+#### **Using `allowed_paths`**
+
+Since the working directory is now not served by default, if you reference local files within your CSS or in a `gr.HTML` component using the `/file=` route, you will need to explicitly allow access to those files (or their parent directories) using the `allowed_paths` parameter in `launch()`
+
+For example, if your code looks like this:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HTML("<img src='/file=image.png' alt='image One'>")
+    
+demo.launch()
+```
+
+In order for the HTML component to be able to serve `image.png`, you will need to add `image.png` in `allowed_paths` like this:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HTML("<img src='/file=image.png' alt='image One'>")
+    
+demo.launch(allowed_paths=["image.png"])
+```
+
+or if you want to expose all files in your working directory as was the case in Gradio 3.x (not recommended if you plan to share your app with others), you could do:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.HTML("<img src='/file=image.png' alt='image One'>")
+    
+demo.launch(allowed_paths=["."])
+```
+
+
+#### **Using `concurrency_limit` instead of `concurrency_count`**
+
+Previously, in Gradio 3.x, there was a single global `concurrency_count` parameter that controlled how many threads could execute tasks from the queue simultaneously. By default `concurrency_count` was 1, which meant that only a single event could be executed at a time (to avoid OOM errors when working with prediction functions that utilized a large amount of memory or GPU usage). You could bypass the queue by setting `queue=False`. 
+
+In Gradio 4.0, the `concurrency_count` parameter has been removed. You can still control the number of total threads by using the `max_threads` parameter. The default value of this parameter is `40`, but you don't have worry (as much) about OOM errors, because even though there are 40 threads, we use a single-worker-single-event model, which means each worker thread only executes a specific function. So effectively, each function has its own "concurrency count" of 1. If you'd like to change this behavior, you can do so by setting a parameter `concurrency_limit`, which is now a parameter of *each event*, not a global parameter. By default this is `1` for each event, but you can set it to a higher value, or to `None` if you'd like to allow an arbitrary number of executions of this event simultaneously. Events can also be grouped together using the `concurrency_id` parameter so that they share the same limit, and by default, events that call the same function share the same `concurrency_id`.
+
+Lastly, it should be noted that the default value of the `concurrency_limit` of all events in a Blocks (which is normally 1) can be changed using the `default_concurrency_limit` parameter in `Blocks.queue()`. You can set this to a higher integer or to `None`. This in turn sets the `concurrency_limit` of all events that don't have an explicit `conurrency_limit` specified. 
+
+To summarize migration:
+
+* For events that execute quickly or don't use much CPU or GPU resources, you should set `concurrency_limit=None` in Gradio 4.0. (Previously you would set `queue=False`.)
+* For events that take significant resources (like the prediction function of your machine learning model), and you only want 1 execution of this function at a time, you don't have to set any parameters.
+* For events that take significant resources (like the prediction function of your machine learning model), and you only want `X` executions of this function at a time, you should set `concurrency_limit=X` parameter in the event trigger.(Previously you would set a global `concurrency_count=X`.)
+
+
+**The new `ImageEditor` component**
+
+In Gradio 4.0, the `tool=` argument in `gr.Image()` was removed. It has been replaced, as of Gradio 4.5.0, with a new `gr.ImageEditor()` component. The `ImageEditor` component is a streamlined component that allows you to do basic manipulation of images. It supports setting a background image (which can be uploaded, pasted, or recorded through a webcam), as well the ability to "edit" the background by using a brush to create strokes and an eraser to erase strokes in layers on top of the background image.
+
+The `ImageEditor` component is much more performant and also offers much more flexibility to customize the component, particularly through the new `brush` and `eraser` arguments, which take `Brush` and `Eraser` objects respectively. 
+
+Here are some examples of how you might migrate from `Image(tool=...)` to `gr.ImageEditor()`. 
+
+* To create a sketchpad input that supports writing black strokes on a white background, you might have previously written:
+
+```py
+gr.Image(source="canvas", tools="sketch")
+```
+
+Now, you should write:
+
+```py
+gr.ImageEditor(sources=(), brush=gr.Brush(colors=["#000000"]))
+```
+
+Note: you can supply a list of supported stroke colors in `gr.Brush`, as well as control whether users can choose their own colors by setting the `color_mode` parameter of `gr.Brush` to be either `"fixed"` or `"defaults"`.
+
+* If you want to create a sketchpad where users can draw in any color, simply omit the `brush` parameter. In other words, where previously, you would do:
+
+```py
+gr.Image(source="canvas", tools="color-sketch")
+```
+
+Now, you should write:
+
+```py
+gr.ImageEditor(sources=())
+```
+
+
+* If you want to allow users to choose a background image and then draw on the image, previously, you would do:
+
+```py
+gr.Image(source="upload", tools="color-sketch")
+```
+
+Now, this is the default behavior of the `ImageEditor` component, so you should just write:
+
+```py
+gr.ImageEditor()
+```
+
+Unlike the `Image` component, which passes the input image as a single value into the prediction function, the `ImageEditor` passes a dictionary consisting of three key-value pairs:
+
+* the key `"background"`, whose value is the background image
+* the key `"layers"`, which consists of a list of values, with the strokes in each layer corresponding to one list element.
+* the key `"composite"`, whose value is to the complete image consisting of background image and all of the strokes.
+
+The type of each value can be set by the `type` parameter (`"filepath"`, `"pil"`, or `"numpy"`, with the default being `"numpy"`), just like in the `Image` component.
+
+Please see the documentation of the `gr.ImageEditor` component for more details: https://www.gradio.app/docs/imageeditor
+
+### Features
+
+- [#6184](https://github.com/gradio-app/gradio/pull/6184) [`86edc0199`](https://github.com/gradio-app/gradio/commit/86edc01995d9f888bac093c44c3d4535fe6483b3) - Remove gr.mix.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6177](https://github.com/gradio-app/gradio/pull/6177) [`59f5a4e30`](https://github.com/gradio-app/gradio/commit/59f5a4e30ed9da1c6d6f6ab0886285150b3e89ec) - Part I: Remove serializes.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Don't serve files in working directory by default.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Small change to make `api_open=False` by default.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Add json schema unit tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Remove duplicate `elem_ids` from components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6182](https://github.com/gradio-app/gradio/pull/6182) [`911829ac2`](https://github.com/gradio-app/gradio/commit/911829ac278080fc81155d4b75502692e72fd3de) - Allow data at queue join.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Moves `gradio_cached_folder` inside the gradio temp direcotry.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - V4: Fix constructor_args.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Remove interpretation for good.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - pass props to example components and to example outputs.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Set api=False for cancel events.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Video Component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Try to trigger a major beta release.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6172](https://github.com/gradio-app/gradio/pull/6172) [`79c8156eb`](https://github.com/gradio-app/gradio/commit/79c8156ebbf35369dc9cfb1522f88df3cd49c89c) - Queue concurrency count.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Open source FRP server and allow `gradio` to connect to custom share servers.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - File upload optimization.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Removes deprecated arguments and parameters from v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - V4: Use async version of shutil in upload route.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - V4: Set cache dir for some component tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Proposal: sample demo for custom components should be a `gr.Interface`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix cc build.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - --overwrite deletes previous content.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Swap websockets for SSE.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6153](https://github.com/gradio-app/gradio/pull/6153) [`1162ed621`](https://github.com/gradio-app/gradio/commit/1162ed6217fe58d66a1923834c390150599ad81f) - Remove `show_edit_button` param in Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6124](https://github.com/gradio-app/gradio/pull/6124) [`a7435ba9e`](https://github.com/gradio-app/gradio/commit/a7435ba9e6f8b88a838e80893eb8fedf60ccda67) - Fix static issues with Lite on v4.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6142](https://github.com/gradio-app/gradio/pull/6142) [`103416d17`](https://github.com/gradio-app/gradio/commit/103416d17f021c82f5ff0583dcc2d80906ad279e) - JS READMEs and Storybook on Docs.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6128](https://github.com/gradio-app/gradio/pull/6128) [`9c3bf3175`](https://github.com/gradio-app/gradio/commit/9c3bf31751a414093d103e5a115772f3ef1a67aa) - Don't serve files in working directory by default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6138](https://github.com/gradio-app/gradio/pull/6138) [`d2dfc1b9a`](https://github.com/gradio-app/gradio/commit/d2dfc1b9a9bd4940f70b62066b1aeaa905b9c7a9) - Small change to make `api_open=False` by default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6152](https://github.com/gradio-app/gradio/pull/6152) [`982bff2fd`](https://github.com/gradio-app/gradio/commit/982bff2fdd938b798c400fb90d1cf0caf7278894) - Remove duplicate `elem_ids` from components.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6155](https://github.com/gradio-app/gradio/pull/6155) [`f71ea09ae`](https://github.com/gradio-app/gradio/commit/f71ea09ae796b85e9fe35956d426f0a19ee48f85) - Moves `gradio_cached_folder` inside the gradio temp direcotry.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6154](https://github.com/gradio-app/gradio/pull/6154) [`a8ef6d5dc`](https://github.com/gradio-app/gradio/commit/a8ef6d5dc97b35cc1da589d1a653209a3c327d98) - Remove interpretation for good.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6118](https://github.com/gradio-app/gradio/pull/6118) [`88bccfdba`](https://github.com/gradio-app/gradio/commit/88bccfdba3df2df4b2747ea5d649ed528047cf50) - Improve Video Component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6126](https://github.com/gradio-app/gradio/pull/6126) [`865a22d5c`](https://github.com/gradio-app/gradio/commit/865a22d5c60fd97aeca968e55580b403743a23ec) - Refactor `Blocks.load()` so that it is in the same style as the other listeners.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6098](https://github.com/gradio-app/gradio/pull/6098) [`c3bc515bf`](https://github.com/gradio-app/gradio/commit/c3bc515bf7d430427182143f7fb047bb4b9f4e5e) - Gradio custom component publish.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6157](https://github.com/gradio-app/gradio/pull/6157) [`db143bdd1`](https://github.com/gradio-app/gradio/commit/db143bdd13b830f3bfd513bbfbc0cd1403522b84) - Make output components not editable if they are being updated.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6091](https://github.com/gradio-app/gradio/pull/6091) [`d5d29c947`](https://github.com/gradio-app/gradio/commit/d5d29c947467e54a8514790894ffffba1c796772) - Open source FRP server and allow `gradio` to connect to custom share servers.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6129](https://github.com/gradio-app/gradio/pull/6129) [`0d261c6ec`](https://github.com/gradio-app/gradio/commit/0d261c6ec1e783e284336023885f67b2ce04084c) - Fix fallback demo app template code.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6140](https://github.com/gradio-app/gradio/pull/6140) [`71bf2702c`](https://github.com/gradio-app/gradio/commit/71bf2702cd5b810c89e2e53452532650acdcfb87) - Fix video.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6069](https://github.com/gradio-app/gradio/pull/6069) [`bf127e124`](https://github.com/gradio-app/gradio/commit/bf127e1241a41401e144874ea468dff8474eb505) - Swap websockets for SSE.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6082](https://github.com/gradio-app/gradio/pull/6082) [`037e5af33`](https://github.com/gradio-app/gradio/commit/037e5af3363c5b321b95efc955ee8d6ec0f4504e) - WIP: Fix docs.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6071](https://github.com/gradio-app/gradio/pull/6071) [`f08da1a6f`](https://github.com/gradio-app/gradio/commit/f08da1a6f288f6ab8ec40534d5a9e2c64bed4b3b) - Fixes markdown rendering in examples.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5970](https://github.com/gradio-app/gradio/pull/5970) [`0c571c044`](https://github.com/gradio-app/gradio/commit/0c571c044035989d6fe33fc01fee63d1780635cb) - Add json schema unit tests.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6093](https://github.com/gradio-app/gradio/pull/6093) [`fadc057bb`](https://github.com/gradio-app/gradio/commit/fadc057bb7016f90dd94049c79fc10d38150c561) - V4: Fix constructor_args.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6014](https://github.com/gradio-app/gradio/pull/6014) [`cad537aac`](https://github.com/gradio-app/gradio/commit/cad537aac57998560c9f44a37499be734de66349) - pass props to example components and to example outputs.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5955](https://github.com/gradio-app/gradio/pull/5955) [`825c9cddc`](https://github.com/gradio-app/gradio/commit/825c9cddc83a09457d8c85ebeecb4bc705572d82) - Fix dev mode model3D.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6107](https://github.com/gradio-app/gradio/pull/6107) [`9a40de7bf`](https://github.com/gradio-app/gradio/commit/9a40de7bff5844c8a135e73c7d175eb02b63a966) - Fix: Move to cache in init postprocess + Fallback Fixes.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6018](https://github.com/gradio-app/gradio/pull/6018) [`184834d02`](https://github.com/gradio-app/gradio/commit/184834d02d448bff387eeb3aef64d9517962f146) - Add a cli command to list available templates.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6092](https://github.com/gradio-app/gradio/pull/6092) [`11d67ae75`](https://github.com/gradio-app/gradio/commit/11d67ae7529e0838565e4131b185c413489c5aa6) - Add a stand-alone install command and tidy-up the fallback template.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6026](https://github.com/gradio-app/gradio/pull/6026) [`338969af2`](https://github.com/gradio-app/gradio/commit/338969af290de032f9cdc204dab8a50be3bf3cc5) - V4: Single-file implementation of form components.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6114](https://github.com/gradio-app/gradio/pull/6114) [`39227b6fa`](https://github.com/gradio-app/gradio/commit/39227b6fac274d5f5b301bc14039571c1bfe510c) - Try to trigger a major beta release.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6060](https://github.com/gradio-app/gradio/pull/6060) [`447dfe06b`](https://github.com/gradio-app/gradio/commit/447dfe06bf19324d88696eb646fd1c5f1c4e86ed) - Clean up backend of `File` and `UploadButton` and change the return type of `preprocess()` from TemporaryFIle to string filepath.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6073](https://github.com/gradio-app/gradio/pull/6073) [`abff6fb75`](https://github.com/gradio-app/gradio/commit/abff6fb758bd310053a23c938bf1dd8fbdc5d333) - Fix remaining xfail tests in backend.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6089](https://github.com/gradio-app/gradio/pull/6089) [`cd8146ba0`](https://github.com/gradio-app/gradio/commit/cd8146ba053fbcb56cf5052e658e4570d457fb8a) - Update logos for v4.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5961](https://github.com/gradio-app/gradio/pull/5961) [`be2ed5e13`](https://github.com/gradio-app/gradio/commit/be2ed5e13222cbe5013b63b36685987518034a76) - File upload optimization.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5968](https://github.com/gradio-app/gradio/pull/5968) [`6b0bb5e6a`](https://github.com/gradio-app/gradio/commit/6b0bb5e6a252ce8c4ef38455a9f56f1dcda56ab0) - Removes deprecated arguments and parameters from v4.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6027](https://github.com/gradio-app/gradio/pull/6027) [`de18102b8`](https://github.com/gradio-app/gradio/commit/de18102b8ca38c1d6d6edfa8c0571b81089166bb) - V4: Fix component update bug.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5996](https://github.com/gradio-app/gradio/pull/5996) [`9cf40f76f`](https://github.com/gradio-app/gradio/commit/9cf40f76fed1c0f84b5a5336a9b0100f8a9b4ee3) - V4: Simple dropdown.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5990](https://github.com/gradio-app/gradio/pull/5990) [`85056de5c`](https://github.com/gradio-app/gradio/commit/85056de5cd4e90a10cbfcefab74037dbc622b26b) - V4: Simple textbox.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6077](https://github.com/gradio-app/gradio/pull/6077) [`35a227fbf`](https://github.com/gradio-app/gradio/commit/35a227fbfb0b0eb11806c0382c5f6910dc9777cf) - Proposal: sample demo for custom components should be a `gr.Interface`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6079](https://github.com/gradio-app/gradio/pull/6079) [`3b2d9eaa3`](https://github.com/gradio-app/gradio/commit/3b2d9eaa3e84de3e4a0799e4585a94510d665f26) - fix cc build.  Thanks [@pngwn](https://github.com/pngwn)!
+
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Pending events behavior.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Reinstate types that were removed in error in #5832.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fixes: slider bar are too thin on FireFox.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6146](https://github.com/gradio-app/gradio/pull/6146) [`40a171ea6`](https://github.com/gradio-app/gradio/commit/40a171ea60c74afa9519d6cb159def16ce68e1ca) - Fix image double change bug.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6148](https://github.com/gradio-app/gradio/pull/6148) [`0000a1916`](https://github.com/gradio-app/gradio/commit/0000a191688c5480c977c80acdd0c9023865d57e) - fix dropdown arrow size.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6067](https://github.com/gradio-app/gradio/pull/6067) [`bf38e5f06`](https://github.com/gradio-app/gradio/commit/bf38e5f06a7039be913614901c308794fea83ae0) - remove dupe component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6065](https://github.com/gradio-app/gradio/pull/6065) [`7d07001e8`](https://github.com/gradio-app/gradio/commit/7d07001e8e7ca9cbd2251632667b3a043de49f49) - fix storybook.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5826](https://github.com/gradio-app/gradio/pull/5826) [`ce036c5d4`](https://github.com/gradio-app/gradio/commit/ce036c5d47e741e29812654bcc641ea6be876504) - Pending events behavior.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6042](https://github.com/gradio-app/gradio/pull/6042) [`e27997fe6`](https://github.com/gradio-app/gradio/commit/e27997fe6c2bcfebc7015fc26100cee9625eb13a) - Fix `root` when user is unauthenticated so that login page appears correctly.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6076](https://github.com/gradio-app/gradio/pull/6076) [`f3f98f923`](https://github.com/gradio-app/gradio/commit/f3f98f923c9db506284b8440e18a3ac7ddd8398b) - Lite error handler.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5984](https://github.com/gradio-app/gradio/pull/5984) [`66549d8d2`](https://github.com/gradio-app/gradio/commit/66549d8d256b1845c8c5efa0384695b36cb46eab) - Fixes: slider bar are too thin on FireFox.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+
+## 3.45.0-beta.13
+
+### Features
+
+- [#5964](https://github.com/gradio-app/gradio/pull/5964) [`5fbda0bd2`](https://github.com/gradio-app/gradio/commit/5fbda0bd2b2bbb2282249b8875d54acf87cd7e84) - Wasm release.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.45.0-beta.12
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - V4: Some misc fixes.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Add host to dev mode for vite.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`d2314e53b`](https://github.com/gradio-app/gradio/commit/d2314e53bc088ff6f307a122a9a01bafcdcff5c2) - BugFix: Make FileExplorer Component Templateable.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Use tags to identify custom component dirs and ignore uninstalled components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5956](https://github.com/gradio-app/gradio/pull/5956) [`f769876e0`](https://github.com/gradio-app/gradio/commit/f769876e0fa62336425c4e8ada5e09f38353ff01) - Apply formatter (and small refactoring) to the Lite-related frontend code.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Fix deployed demos on v4 branch.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Set api=False for cancel events.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Use full path to executables in CLI.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5949](https://github.com/gradio-app/gradio/pull/5949) [`1c390f101`](https://github.com/gradio-app/gradio/commit/1c390f10199142a41722ba493a0c86b58245da15) - Merge main again.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Simplify how files are handled in components in 4.0.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Name Endpoints if api_name is None.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5937](https://github.com/gradio-app/gradio/pull/5937) [`dcf13d750`](https://github.com/gradio-app/gradio/commit/dcf13d750b1465f905e062a1368ba754446cc23f) - V4: Update Component pyi file.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Rename gradio_component to gradio component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - V4: Use async version of shutil in upload route.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - V4: Set cache dir for some component tests.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5894](https://github.com/gradio-app/gradio/pull/5894) [`fee3d527e`](https://github.com/gradio-app/gradio/commit/fee3d527e83a615109cf937f6ca0a37662af2bb6) - Adds `column_widths` to `gr.Dataframe` and hide overflowing text when `wrap=False`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Better logs in dev mode.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5946](https://github.com/gradio-app/gradio/pull/5946) [`d0cc6b136`](https://github.com/gradio-app/gradio/commit/d0cc6b136fd59121f74d0c5a1a4b51740ffaa838) - fixup.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5944](https://github.com/gradio-app/gradio/pull/5944) [`465f58957`](https://github.com/gradio-app/gradio/commit/465f58957f70c7cf3e894beef8a117b28339e3c1) - Show empty JSON icon when `value` is `null`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Reinstate types that were removed in error in #5832.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.48.0
+
+### Features
+
+- [#5627](https://github.com/gradio-app/gradio/pull/5627) [`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5) - Lite: Make the Examples component display media files using pseudo HTTP requests to the Wasm server.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5821](https://github.com/gradio-app/gradio/pull/5821) [`1aa186220`](https://github.com/gradio-app/gradio/commit/1aa186220dfa8ee3621b818c4cdf4d7b9d690b40) - Lite: Fix Examples.create() to be a normal func so it can be called in the Wasm env.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5886](https://github.com/gradio-app/gradio/pull/5886) [`121f25b2d`](https://github.com/gradio-app/gradio/commit/121f25b2d50a33e1e06721b79e20b4f5651987ba) - Lite: Fix is_self_host() to detect `127.0.0.1` as localhost as well.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5915](https://github.com/gradio-app/gradio/pull/5915) [`e24163e15`](https://github.com/gradio-app/gradio/commit/e24163e15afdfc51ec8cb00a0dc46c2318b245be) - Added dimensionality check to avoid bad array dimensions.  Thanks [@THEGAMECHANGER416](https://github.com/THEGAMECHANGER416)!
+- [#5835](https://github.com/gradio-app/gradio/pull/5835) [`46334780d`](https://github.com/gradio-app/gradio/commit/46334780dbbb7e83f31971d45a7047ee156a0578) - Mention that audio is normalized when converting to wav in docs.  Thanks [@aileenvl](https://github.com/aileenvl)!
+- [#5877](https://github.com/gradio-app/gradio/pull/5877) [`a55b80942`](https://github.com/gradio-app/gradio/commit/a55b8094231ae462ac53f52bbdb460c1286ffabb) - Add styling (e.g. font colors and background colors) support to `gr.DataFrame` through the `pd.Styler` object.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5819](https://github.com/gradio-app/gradio/pull/5819) [`5f1cbc436`](https://github.com/gradio-app/gradio/commit/5f1cbc4363b09302334e9bc864587f8ef398550d) - Add support for gr.Request to gr.ChatInterface.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+- [#5901](https://github.com/gradio-app/gradio/pull/5901) [`c4e3a9274`](https://github.com/gradio-app/gradio/commit/c4e3a92743a3b41edad8b45c5d5b0ccbc2674a30) - Fix curly brackets in docstrings.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5934](https://github.com/gradio-app/gradio/pull/5934) [`8d909624f`](https://github.com/gradio-app/gradio/commit/8d909624f61a49536e3c0f71cb2d9efe91216219) - Fix styling issues with Audio, Image and Video components.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5864](https://github.com/gradio-app/gradio/pull/5864) [`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695) - Change `BlockLabel` element to use `<label>`.  Thanks [@aileenvl](https://github.com/aileenvl)!
+- [#5862](https://github.com/gradio-app/gradio/pull/5862) [`c07207e0b`](https://github.com/gradio-app/gradio/commit/c07207e0bc98cc32b6db629c432fadf877e451ff) - Remove deprecated `.update()` usage from Interface internals.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5905](https://github.com/gradio-app/gradio/pull/5905) [`b450cef15`](https://github.com/gradio-app/gradio/commit/b450cef15685c934ba7c4e4d57cbed233e925fb1) - Fix type the docstring of the Code component.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#5840](https://github.com/gradio-app/gradio/pull/5840) [`4e62b8493`](https://github.com/gradio-app/gradio/commit/4e62b8493dfce50bafafe49f1a5deb929d822103) - Ensure websocket polyfill doesn't load if there is already a `global.Webocket` property set.  Thanks [@Jay2theWhy](https://github.com/Jay2theWhy)!
+- [#5839](https://github.com/gradio-app/gradio/pull/5839) [`b83064da0`](https://github.com/gradio-app/gradio/commit/b83064da0005ca055fc15ee478cf064bf91702a4) - Fix error when scrolling dropdown with scrollbar.  Thanks [@Kit-p](https://github.com/Kit-p)!
+- [#5822](https://github.com/gradio-app/gradio/pull/5822) [`7b63db271`](https://github.com/gradio-app/gradio/commit/7b63db27161ab538f20cf8523fc04c9c3b604a98) - Convert async methods in the Examples class into normal sync methods.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5904](https://github.com/gradio-app/gradio/pull/5904) [`891d42e9b`](https://github.com/gradio-app/gradio/commit/891d42e9baa7ab85ede2a5eadb56c274b0ed2785) - Define Font.__repr__() to be printed in the doc in a readable format.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5811](https://github.com/gradio-app/gradio/pull/5811) [`1d5b15a2d`](https://github.com/gradio-app/gradio/commit/1d5b15a2d24387154f2cfb40a36de25b331471d3) - Assert refactor in external.py.  Thanks [@harry-urek](https://github.com/harry-urek)!
+- [#5827](https://github.com/gradio-app/gradio/pull/5827) [`48e09ee88`](https://github.com/gradio-app/gradio/commit/48e09ee88799efa38a5cc9b1b61e462f72ec6093) - Quick fix: Chatbot change event.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5890](https://github.com/gradio-app/gradio/pull/5890) [`c4ba832b3`](https://github.com/gradio-app/gradio/commit/c4ba832b318dad5e8bf565cfa0daf93ca188498f) - Remove deprecation warning from `gr.update` and clean up associated code.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5897](https://github.com/gradio-app/gradio/pull/5897) [`0592c301d`](https://github.com/gradio-app/gradio/commit/0592c301df9cd949b52159c85b7042f38d113e86) - Fix Dataframe `line_breaks`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5878](https://github.com/gradio-app/gradio/pull/5878) [`fbce277e5`](https://github.com/gradio-app/gradio/commit/fbce277e50c5885371fd49c68adf8565c25c1d39) - Keep Markdown rendered lists within dataframe cells.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5930](https://github.com/gradio-app/gradio/pull/5930) [`361823896`](https://github.com/gradio-app/gradio/commit/3618238960d54df65c34895f4eb69d08acc3f9b6) - Fix dataframe `line_breaks`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 3.47.1
+
+### Fixes
+
+- [#5816](https://github.com/gradio-app/gradio/pull/5816) [`796145e2c`](https://github.com/gradio-app/gradio/commit/796145e2c48c4087bec17f8ec0be4ceee47170cb) - Fix calls to the component server so that `gr.FileExplorer` works on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.47.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function. 
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Features
+
+- [#5780](https://github.com/gradio-app/gradio/pull/5780) [`ed0f9a21b`](https://github.com/gradio-app/gradio/commit/ed0f9a21b04ad6b941b63d2ce45100dbd1abd5c5) - Adds `change()` event to `gr.Gallery`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5783](https://github.com/gradio-app/gradio/pull/5783) [`4567788bd`](https://github.com/gradio-app/gradio/commit/4567788bd1fc25df9322902ba748012e392b520a) - Adds the ability to set the `selected_index` in a `gr.Gallery`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5787](https://github.com/gradio-app/gradio/pull/5787) [`caeee8bf7`](https://github.com/gradio-app/gradio/commit/caeee8bf7821fd5fe2f936ed82483bed00f613ec) - ensure the client does not depend on `window` when running in a node environment.  Thanks [@gibiee](https://github.com/gibiee)!
+
+### Fixes
+
+- [#5798](https://github.com/gradio-app/gradio/pull/5798) [`a0d3cc45c`](https://github.com/gradio-app/gradio/commit/a0d3cc45c6db48dc0db423c229b8fb285623cdc4) - Fix `gr.SelectData` so that the target attribute is correctly attached, and the filedata is included in the data attribute with `gr.Gallery`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5795](https://github.com/gradio-app/gradio/pull/5795) [`957ba5cfd`](https://github.com/gradio-app/gradio/commit/957ba5cfde18e09caedf31236a2064923cd7b282) - Prevent bokeh from injecting bokeh js multiple times.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5790](https://github.com/gradio-app/gradio/pull/5790) [`37e70842d`](https://github.com/gradio-app/gradio/commit/37e70842d59f5aed6fab0086b1abf4b8d991f1c9) - added try except block in `state.py`.  Thanks [@SrijanSahaySrivastava](https://github.com/SrijanSahaySrivastava)!
+- [#5794](https://github.com/gradio-app/gradio/pull/5794) [`f096c3ae1`](https://github.com/gradio-app/gradio/commit/f096c3ae168c0df00f90fe131c1e48c572e0574b) - Throw helpful error when media devices are not found.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5776](https://github.com/gradio-app/gradio/pull/5776) [`c0fef4454`](https://github.com/gradio-app/gradio/commit/c0fef44541bfa61568bdcfcdfc7d7d79869ab1df) - Revert replica proxy logic and instead implement using the `root` variable.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 3.46.1
+
+### Features
+
+- [#5124](https://github.com/gradio-app/gradio/pull/5124) [`6e56a0d9b`](https://github.com/gradio-app/gradio/commit/6e56a0d9b0c863e76c69e1183d9d40196922b4cd) - Lite: Websocket queueing.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#5775](https://github.com/gradio-app/gradio/pull/5775) [`e2874bc3c`](https://github.com/gradio-app/gradio/commit/e2874bc3cb1397574f77dbd7f0408ed4e6792970) - fix pending chatbot message styling and ensure messages with value `None` don't render.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 3.46.0
+
+### Features
+
+- [#5699](https://github.com/gradio-app/gradio/pull/5699) [`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2) - Improve chatbot accessibility and UX.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5569](https://github.com/gradio-app/gradio/pull/5569) [`2a5b9e03b`](https://github.com/gradio-app/gradio/commit/2a5b9e03b15ea324d641fe6982f26d81b1ca7210) - Added support for pandas `Styler` object to `gr.DataFrame` (initially just sets the `display_value`).  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5735](https://github.com/gradio-app/gradio/pull/5735) [`abb5e9df4`](https://github.com/gradio-app/gradio/commit/abb5e9df47989b2c56c2c312d74944678f9f2d4e) - Ensure images with no caption download in gallery.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5754](https://github.com/gradio-app/gradio/pull/5754) [`502054848`](https://github.com/gradio-app/gradio/commit/502054848fdbe39fc03ec42445242b4e49b7affc) - Fix Gallery `columns` and `rows` params.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5755](https://github.com/gradio-app/gradio/pull/5755) [`e842a561a`](https://github.com/gradio-app/gradio/commit/e842a561af4394f8109291ee5725bcf74743e816) - Fix new line issue in chatbot.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5731](https://github.com/gradio-app/gradio/pull/5731) [`c9af4f794`](https://github.com/gradio-app/gradio/commit/c9af4f794060e218193935d7213f0991a374f502) - Added timeout and error handling for frpc tunnel.  Thanks [@cansik](https://github.com/cansik)!
+- [#5766](https://github.com/gradio-app/gradio/pull/5766) [`ef96d3512`](https://github.com/gradio-app/gradio/commit/ef96d351229272738fc3c9680f7111f159590341) - Don't raise warnings when returning an updated component in a dictionary.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5767](https://github.com/gradio-app/gradio/pull/5767) [`caf6d9c0e`](https://github.com/gradio-app/gradio/commit/caf6d9c0e1f5b867cc20f2b4f6abb5ef47503a5f) - Set share=True for all Gradio apps in Colab by default.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.45.2
+
+### Features
+
+- [#5722](https://github.com/gradio-app/gradio/pull/5722) [`dba651904`](https://github.com/gradio-app/gradio/commit/dba651904c97dcddcaae2691540ac430d3eefd18) - Fix for deepcopy errors when running the replica-related logic on Spaces.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5721](https://github.com/gradio-app/gradio/pull/5721) [`84e03fe50`](https://github.com/gradio-app/gradio/commit/84e03fe506e08f1f81bac6d504c9fba7924f2d93) - Adds copy buttons to website, and better descriptions to API Docs.  Thanks [@aliabd](https://github.com/aliabd)!
+
+### Fixes
+
+- [#5714](https://github.com/gradio-app/gradio/pull/5714) [`a0fc5a296`](https://github.com/gradio-app/gradio/commit/a0fc5a29678baa2d9ba997a2124cadebecfb2c36) - Make Tab and Tabs updatable.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5713](https://github.com/gradio-app/gradio/pull/5713) [`c10dabd6b`](https://github.com/gradio-app/gradio/commit/c10dabd6b18b49259441eb5f956a19046f466339) - Fixes gr.select() Method Issues with Dataframe Cells.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5693](https://github.com/gradio-app/gradio/pull/5693) [`c2b31c396`](https://github.com/gradio-app/gradio/commit/c2b31c396f6d260cdf93377b715aee7ff162df75) - Context-based Progress tracker.  Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5705](https://github.com/gradio-app/gradio/pull/5705) [`78e7cf516`](https://github.com/gradio-app/gradio/commit/78e7cf5163e8d205e8999428fce4c02dbdece25f) - ensure internal data has updated before dispatching `success` or `then` events.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5668](https://github.com/gradio-app/gradio/pull/5668) [`d626c21e9`](https://github.com/gradio-app/gradio/commit/d626c21e91df026b04fdb3ee5c7dba74a261cfd3) - Fully resolve generated filepaths when running on Hugging Face Spaces with multiple replicas.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5711](https://github.com/gradio-app/gradio/pull/5711) [`aefb556ac`](https://github.com/gradio-app/gradio/commit/aefb556ac6dbadc320c618b11bb48371ef19dd61) - prevent internal log_message error from `/api/predict`.  Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5726](https://github.com/gradio-app/gradio/pull/5726) [`96c4b97c7`](https://github.com/gradio-app/gradio/commit/96c4b97c742311e90a87d8e8ee562c6ad765e9f0) - Adjust translation.  Thanks [@ylhsieh](https://github.com/ylhsieh)!
+- [#5732](https://github.com/gradio-app/gradio/pull/5732) [`3a48490bc`](https://github.com/gradio-app/gradio/commit/3a48490bc5e4136ec9bc0354b0d6fb6c04280505) - Add a bare `Component` type to the acceptable type list of `gr.load()`'s `inputs` and `outputs`.  Thanks [@whitphx](https://github.com/whitphx)!
+
+## 3.45.1
+
+### Fixes
+
+- [#5701](https://github.com/gradio-app/gradio/pull/5701) [`ee8eec1e5`](https://github.com/gradio-app/gradio/commit/ee8eec1e5e544a0127e0aa68c2522a7085b8ada5) - Fix for regression in rendering empty Markdown.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.45.0
+
+### Features
+
+- [#5675](https://github.com/gradio-app/gradio/pull/5675) [`b619e6f6e`](https://github.com/gradio-app/gradio/commit/b619e6f6e4ca55334fb86da53790e45a8f978566) - Reorganize Docs Navbar and Fill in Gaps.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5669](https://github.com/gradio-app/gradio/pull/5669) [`c5e969559`](https://github.com/gradio-app/gradio/commit/c5e969559612f956afcdb0c6f7b22ab8275bc49a) - Fix small issues in docs and guides.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5682](https://github.com/gradio-app/gradio/pull/5682) [`c57f1b75e`](https://github.com/gradio-app/gradio/commit/c57f1b75e272c76b0af4d6bd0c7f44743ff34f26) - Fix functional tests.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5681](https://github.com/gradio-app/gradio/pull/5681) [`40de3d217`](https://github.com/gradio-app/gradio/commit/40de3d2178b61ebe424b6f6228f94c0c6f679bea) - add query parameters to the `gr.Request` object through the `query_params` attribute.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+- [#5653](https://github.com/gradio-app/gradio/pull/5653) [`ea0e00b20`](https://github.com/gradio-app/gradio/commit/ea0e00b207b4b90a10e9d054c4202d4e705a29ba) - Prevent Clients from accessing API endpoints that set `api_name=False`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5639](https://github.com/gradio-app/gradio/pull/5639) [`e1874aff8`](https://github.com/gradio-app/gradio/commit/e1874aff814d13b23f3e59ef239cc13e18ad3fa7) - Add `gr.on` listener method.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5652](https://github.com/gradio-app/gradio/pull/5652) [`2e25d4305`](https://github.com/gradio-app/gradio/commit/2e25d430582264945ae3316acd04c4453a25ce38) - Pause autoscrolling if a user scrolls up in a `gr.Textbox` and resume autoscrolling if they go all the way down.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5642](https://github.com/gradio-app/gradio/pull/5642) [`21c7225bd`](https://github.com/gradio-app/gradio/commit/21c7225bda057117a9d3311854323520218720b5) - Improve plot rendering.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5677](https://github.com/gradio-app/gradio/pull/5677) [`9f9af327c`](https://github.com/gradio-app/gradio/commit/9f9af327c9115356433ec837f349d6286730fb97) - [Refactoring] Convert async functions that don't contain `await` statements to normal functions.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5660](https://github.com/gradio-app/gradio/pull/5660) [`d76555a12`](https://github.com/gradio-app/gradio/commit/d76555a122b545f0df7c9e7c1ca7bd2a6e262c86) - Fix secondary hue bug in gr.themes.builder().  Thanks [@hellofreckles](https://github.com/hellofreckles)!
+- [#5697](https://github.com/gradio-app/gradio/pull/5697) [`f4e4f82b5`](https://github.com/gradio-app/gradio/commit/f4e4f82b58a65efca9030a7e8e7c5ace60d8cc10) - Increase Slider clickable area.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5671](https://github.com/gradio-app/gradio/pull/5671) [`6a36c3b78`](https://github.com/gradio-app/gradio/commit/6a36c3b786700600d3826ce1e0629cc5308ddd47) - chore(deps): update dependency @types/prismjs to v1.26.1.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5240](https://github.com/gradio-app/gradio/pull/5240) [`da05e59a5`](https://github.com/gradio-app/gradio/commit/da05e59a53bbad15e5755a47f46685da18e1031e) - Cleanup of .update and .get_config per component.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  get_config is removed, the config used is simply any attribute that is in the Block that shares a name with one of the constructor paramaters./n  update is not removed for backwards compatibility, but deprecated. Instead return the component itself. Created a updateable decorator that simply checks to see if we're in an update, and if so, skips the constructor and wraps the args and kwargs in an update dictionary. easy peasy.
+- [#5635](https://github.com/gradio-app/gradio/pull/5635) [`38fafb9e2`](https://github.com/gradio-app/gradio/commit/38fafb9e2a5509b444942e1d5dd48dffa20066f4) - Fix typos in Gallery docs.  Thanks [@atesgoral](https://github.com/atesgoral)!
+- [#5590](https://github.com/gradio-app/gradio/pull/5590) [`d1ad1f671`](https://github.com/gradio-app/gradio/commit/d1ad1f671caef9f226eb3965f39164c256d8615c) - Attach `elem_classes` selectors to layout elements, and an id to the Tab button (for targeting via CSS/JS).  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5598](https://github.com/gradio-app/gradio/pull/5598) [`6b1714386`](https://github.com/gradio-app/gradio/commit/6b17143868bdd2c1400af1199a01c1c0d5c27477) - Upgrade Pyodide to 0.24.0 and install the native orjson package.  Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#5625](https://github.com/gradio-app/gradio/pull/5625) [`9ccc4794a`](https://github.com/gradio-app/gradio/commit/9ccc4794a72ce8319417119f6c370e7af3ffca6d) - Use ContextVar instead of threading.local().  Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5602](https://github.com/gradio-app/gradio/pull/5602) [`54d21d3f1`](https://github.com/gradio-app/gradio/commit/54d21d3f18f2ddd4e796d149a0b41461f49c711b) - Ensure `HighlightedText` with `merge_elements` loads without a value.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5636](https://github.com/gradio-app/gradio/pull/5636) [`fb5964fb8`](https://github.com/gradio-app/gradio/commit/fb5964fb88082e7b956853b543c468116811cab9) - Fix bug in example cache loading event.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5633](https://github.com/gradio-app/gradio/pull/5633) [`341402337`](https://github.com/gradio-app/gradio/commit/34140233794c29d4722020e13c2d045da642dfae) - Allow Gradio apps containing `gr.Radio()`, `gr.Checkboxgroup()`, or `gr.Dropdown()` to be loaded with `gr.load()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5616](https://github.com/gradio-app/gradio/pull/5616) [`7c34b434a`](https://github.com/gradio-app/gradio/commit/7c34b434aae0eb85f112a1dc8d66cefc7e2296b2) - Fix width and height issues that would cut off content in `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5604](https://github.com/gradio-app/gradio/pull/5604) [`faad01f8e`](https://github.com/gradio-app/gradio/commit/faad01f8e10ef6d18249b1a4587477c59b74adb2) - Add `render_markdown` parameter to chatbot.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5593](https://github.com/gradio-app/gradio/pull/5593) [`88d43bd12`](https://github.com/gradio-app/gradio/commit/88d43bd124792d216da445adef932a2b02f5f416) - Fixes avatar image in chatbot being squashed.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5690](https://github.com/gradio-app/gradio/pull/5690) [`6b8c8afd9`](https://github.com/gradio-app/gradio/commit/6b8c8afd981fea984da568e9a0bd8bfc2a9c06c4) - Fix incorrect behavior of `gr.load()` with `gr.Examples`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5696](https://github.com/gradio-app/gradio/pull/5696) [`e51fcd5d5`](https://github.com/gradio-app/gradio/commit/e51fcd5d54315e8b65ee40e3de4dab17579ff6d5) - setting share=True on Spaces or in wasm should warn instead of raising error.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.4
+
+### Features
+
+- [#5514](https://github.com/gradio-app/gradio/pull/5514) [`52f783175`](https://github.com/gradio-app/gradio/commit/52f7831751b432411e109bd41add4ab286023a8e) - refactor: Use package.json for version management.  Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+- [#5535](https://github.com/gradio-app/gradio/pull/5535) [`d29b1ab74`](https://github.com/gradio-app/gradio/commit/d29b1ab740784d8c70f9ab7bc38bbbf7dd3ff737) - Makes sliders consistent across all browsers.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Fixes
+
+- [#5587](https://github.com/gradio-app/gradio/pull/5587) [`e0d61b8ba`](https://github.com/gradio-app/gradio/commit/e0d61b8baa0f6293f53b9bdb1647d42f9ae2583a) - Fix `.clear()` events for audio and image.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5534](https://github.com/gradio-app/gradio/pull/5534) [`d9e9ae43f`](https://github.com/gradio-app/gradio/commit/d9e9ae43f5c52c1f729af5a20e5d4f754689d429) - Guide fixes, esp. streaming audio.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5588](https://github.com/gradio-app/gradio/pull/5588) [`acdeff57e`](https://github.com/gradio-app/gradio/commit/acdeff57ece4672f943c374d537eaf47d3ec034f) - Allow multiple instances of Gradio with authentication to run on different ports.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.3
+
+### Fixes
+
+- [#5562](https://github.com/gradio-app/gradio/pull/5562) [`50d9747d0`](https://github.com/gradio-app/gradio/commit/50d9747d061962cff7f60a8da648bb3781794102) - chore(deps): update dependency iframe-resizer to v4.3.7.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5550](https://github.com/gradio-app/gradio/pull/5550) [`4ed5902e7`](https://github.com/gradio-app/gradio/commit/4ed5902e7dda2d95cd43e4ccaaef520ddd8eba57) - Adding basque language.  Thanks [@EkhiAzur](https://github.com/EkhiAzur)!
+- [#5547](https://github.com/gradio-app/gradio/pull/5547) [`290f51871`](https://github.com/gradio-app/gradio/commit/290f5187160cdbd7a786494fe3c19b0e70abe167) - typo in UploadButton's docstring.  Thanks [@chaeheum3](https://github.com/chaeheum3)!
+- [#5553](https://github.com/gradio-app/gradio/pull/5553) [`d1bf23cd2`](https://github.com/gradio-app/gradio/commit/d1bf23cd2c6da3692d7753856bfe7564d84778e0) - Modify Image examples docstring.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5563](https://github.com/gradio-app/gradio/pull/5563) [`ba64082ed`](https://github.com/gradio-app/gradio/commit/ba64082ed80c1ed9113497ae089e63f032dbcc75) - preprocess for components when type='index'.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.2
+
+### Fixes
+
+- [#5537](https://github.com/gradio-app/gradio/pull/5537) [`301c7878`](https://github.com/gradio-app/gradio/commit/301c7878217f9fc531c0f28330b394f02955811b) - allow gr.Image() examples to take urls.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5544](https://github.com/gradio-app/gradio/pull/5544) [`a0cc9ac9`](https://github.com/gradio-app/gradio/commit/a0cc9ac931554e06dcb091158c9b9ac0cc580b6c) - Fixes dropdown breaking if a user types in invalid value and presses enter.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.44.1
+
+### Fixes
+
+- [#5516](https://github.com/gradio-app/gradio/pull/5516) [`c5fe8eba`](https://github.com/gradio-app/gradio/commit/c5fe8ebadbf206e2f4199ccde4606e331a22148a) - Fix docstring of dropdown.  Thanks [@hysts](https://github.com/hysts)!
+- [#5529](https://github.com/gradio-app/gradio/pull/5529) [`81c9ca9a`](https://github.com/gradio-app/gradio/commit/81c9ca9a2e00d19334f632fec32081d36ad54c7f) - Fix `.update()` method in `gr.Dropdown()` to handle `choices`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5528](https://github.com/gradio-app/gradio/pull/5528) [`dc86e4a7`](https://github.com/gradio-app/gradio/commit/dc86e4a7e1c40b910c74558e6f88fddf9b3292bc) - Lazy load all images.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5525](https://github.com/gradio-app/gradio/pull/5525) [`21f1db40`](https://github.com/gradio-app/gradio/commit/21f1db40de6d1717eba97a550e11422a457ba7e9) - Ensure input value saves on dropdown blur.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 3.44.0
+
+### Features
+
+- [#5505](https://github.com/gradio-app/gradio/pull/5505) [`9ee20f49`](https://github.com/gradio-app/gradio/commit/9ee20f499f62c1fe5af6b8f84918b3a334eb1c8d) - Validate i18n file names with ISO-639x.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5475](https://github.com/gradio-app/gradio/pull/5475) [`c60b89b0`](https://github.com/gradio-app/gradio/commit/c60b89b0a54758a27277f0a6aa20d0653647c7c8) - Adding Central Kurdish.  Thanks [@Hrazhan](https://github.com/Hrazhan)!
+- [#5400](https://github.com/gradio-app/gradio/pull/5400) [`d112e261`](https://github.com/gradio-app/gradio/commit/d112e2611b0fc79ecedfaed367571f3157211387) - Allow interactive input in `gr.HighlightedText`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5488](https://github.com/gradio-app/gradio/pull/5488) [`8909e42a`](https://github.com/gradio-app/gradio/commit/8909e42a7c6272358ad413588d27a5124d151205) - Adds `autoscroll` param to `gr.Textbox()`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5384](https://github.com/gradio-app/gradio/pull/5384) [`ddc02268`](https://github.com/gradio-app/gradio/commit/ddc02268f731bd2ed04b7a5854accf3383f9a0da) - Allows the `gr.Dropdown` to have separate names and values, as well as enables `allow_custom_value` for multiselect dropdown.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5473](https://github.com/gradio-app/gradio/pull/5473) [`b271e738`](https://github.com/gradio-app/gradio/commit/b271e738860ca238ecdee2991f49b505c7559016) - Remove except asyncio.CancelledError which is no longer necessary due to 53d7025.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5474](https://github.com/gradio-app/gradio/pull/5474) [`041560f9`](https://github.com/gradio-app/gradio/commit/041560f9f11ca2560005b467bb412ee1becfc2b2) - Fix queueing.call_prediction to retrieve the default response class in the same manner as FastAPI's implementation.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5510](https://github.com/gradio-app/gradio/pull/5510) [`afcf3c48`](https://github.com/gradio-app/gradio/commit/afcf3c48e82712067d6d00a0caedb1562eb986f8) - Do not expose existence of files outside of working directory.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5459](https://github.com/gradio-app/gradio/pull/5459) [`bd2fda77`](https://github.com/gradio-app/gradio/commit/bd2fda77fc98d815f4fb670f535af453ebee9b80) - Dispatch `stop_recording` event in Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5508](https://github.com/gradio-app/gradio/pull/5508) [`05715f55`](https://github.com/gradio-app/gradio/commit/05715f5599ae3e928d3183c7b0a7f5291f843a96) - Adds a `filterable` parameter to `gr.Dropdown` that controls whether user can type to filter choices.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5470](https://github.com/gradio-app/gradio/pull/5470) [`a4e010a9`](https://github.com/gradio-app/gradio/commit/a4e010a96f1d8a52b3ac645e03fe472b9c3cbbb1) - Fix share button position.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5496](https://github.com/gradio-app/gradio/pull/5496) [`82ec4d26`](https://github.com/gradio-app/gradio/commit/82ec4d2622a43c31b248b78e9410e2ac918f6035) - Allow interface with components to be run inside blocks.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 3.43.2
+
+### Fixes
+
+- [#5456](https://github.com/gradio-app/gradio/pull/5456) [`6e381c4f`](https://github.com/gradio-app/gradio/commit/6e381c4f146cc8177a4e2b8e39f914f09cd7ff0c) - ensure dataframe doesn't steal focus.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.43.1
+
+### Fixes
+
+- [#5445](https://github.com/gradio-app/gradio/pull/5445) [`67bb7bcb`](https://github.com/gradio-app/gradio/commit/67bb7bcb6a95b7a00a8bdf612cf147850d919a44) - ensure dataframe doesn't scroll unless needed.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5447](https://github.com/gradio-app/gradio/pull/5447) [`7a4a89e5`](https://github.com/gradio-app/gradio/commit/7a4a89e5ca1dedb39e5366867501584b0c636bbb) - ensure iframe is correct size on spaces.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.43.0
+
+### Features
+
+- [#5165](https://github.com/gradio-app/gradio/pull/5165) [`c77f05ab`](https://github.com/gradio-app/gradio/commit/c77f05abb65b2828c9c19af4ec0a0c09412f9f6a) - Fix the Queue to call API endpoints without internal HTTP routing.  Thanks [@whitphx](https://github.com/whitphx)!
+- [#5427](https://github.com/gradio-app/gradio/pull/5427) [`aad7acd7`](https://github.com/gradio-app/gradio/commit/aad7acd7128dca05b227ecbba06db9f94d65b088) - Add sort to bar plot.  Thanks [@Chaitanya134](https://github.com/Chaitanya134)!
+- [#5342](https://github.com/gradio-app/gradio/pull/5342) [`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912) - significantly improve the performance of `gr.Dataframe` for large datasets.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5417](https://github.com/gradio-app/gradio/pull/5417) [`d14d63e3`](https://github.com/gradio-app/gradio/commit/d14d63e30c4af3f9c2a664fd11b0a01943a8300c) - Auto scroll to bottom of textbox.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Fixes
+
+- [#5412](https://github.com/gradio-app/gradio/pull/5412) [`26fef8c7`](https://github.com/gradio-app/gradio/commit/26fef8c7f85a006c7e25cdbed1792df19c512d02) - Skip view_api request in js client when auth enabled.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5436](https://github.com/gradio-app/gradio/pull/5436) [`7ab4b70f`](https://github.com/gradio-app/gradio/commit/7ab4b70f6821afb4e85cef225d1235c19df8ebbf) - api_open does not take precedence over show_api.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 3.42.0
+
+### Highlights
+
+#### Like/Dislike Button for Chatbot ([#5391](https://github.com/gradio-app/gradio/pull/5391) [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db))
+
+ Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+#### Added the ability to attach event listeners via decorators ([#5395](https://github.com/gradio-app/gradio/pull/5395) [`55fed04f`](https://github.com/gradio-app/gradio/commit/55fed04f559becb9c24f22cc6292dc572d709886))
+
+e.g.
+
+```python
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+
+    @greet_btn.click(inputs=name, outputs=output)
+    def greet(name):
+        return "Hello " + name + "!"
+```
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Features
+
+- [#5334](https://github.com/gradio-app/gradio/pull/5334) [`c5bf9138`](https://github.com/gradio-app/gradio/commit/c5bf91385a632dc9f612499ee01166ac6ae509a9) - Add chat bubble width param.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5267](https://github.com/gradio-app/gradio/pull/5267) [`119c8343`](https://github.com/gradio-app/gradio/commit/119c834331bfae60d4742c8f20e9cdecdd67e8c2) - Faster reload mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5373](https://github.com/gradio-app/gradio/pull/5373) [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96) - Adds `height` and `zoom_speed` parameters to `Model3D` component, as well as a button to reset the camera position.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5370](https://github.com/gradio-app/gradio/pull/5370) [`61803c65`](https://github.com/gradio-app/gradio/commit/61803c6545e73fce47e8740bd46721ab9bb0ba5c) - chore(deps): update dependency extendable-media-recorder to v9.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5266](https://github.com/gradio-app/gradio/pull/5266) [`4ccb9a86`](https://github.com/gradio-app/gradio/commit/4ccb9a86f194c6997f80a09880edc3c2b0554aab) - Makes it possible to set the initial camera position for the `Model3D` component as a tuple of (alpha, beta, radius).  Thanks [@mbahri](https://github.com/mbahri)!
+- [#5271](https://github.com/gradio-app/gradio/pull/5271) [`97c3c7b1`](https://github.com/gradio-app/gradio/commit/97c3c7b1730407f9e80566af9ecb4ca7cccf62ff) - Move scripts from old website to CI.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5369](https://github.com/gradio-app/gradio/pull/5369) [`b8968898`](https://github.com/gradio-app/gradio/commit/b89688984fa9c6be0db06e392e6935a544620764) - Fix typo in utils.py.  Thanks [@eltociear](https://github.com/eltociear)!
+
+### Fixes
+
+- [#5304](https://github.com/gradio-app/gradio/pull/5304) [`05892302`](https://github.com/gradio-app/gradio/commit/05892302fb8fe2557d57834970a2b65aea97355b) - Adds kwarg to disable html sanitization in `gr.Chatbot()`.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5366](https://github.com/gradio-app/gradio/pull/5366) [`0cc7e2dc`](https://github.com/gradio-app/gradio/commit/0cc7e2dcf60e216e0a30e2f85a9879ce3cb2a1bd) - Hide avatar when message none.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5393](https://github.com/gradio-app/gradio/pull/5393) [`e4e7a431`](https://github.com/gradio-app/gradio/commit/e4e7a4319924aaf51dcb18d07d0c9953d4011074) - Renders LaTeX that is added to the page in `gr.Markdown`, `gr.Chatbot`, and `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5394](https://github.com/gradio-app/gradio/pull/5394) [`4d94ea0a`](https://github.com/gradio-app/gradio/commit/4d94ea0a0cf2103cda19f48398a5634f8341d04d) - Adds horizontal scrolling to content that overflows in gr.Markdown.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5368](https://github.com/gradio-app/gradio/pull/5368) [`b27f7583`](https://github.com/gradio-app/gradio/commit/b27f7583254165b135bf1496a7d8c489a62ba96f) - Change markdown rendering to set breaks to false.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5360](https://github.com/gradio-app/gradio/pull/5360) [`64666525`](https://github.com/gradio-app/gradio/commit/6466652583e3c620df995fb865ef3511a34cb676) - Cancel Dropdown Filter.  Thanks [@deckar01](https://github.com/deckar01)!
+
+## 3.41.2
+
+### Features
+
+- [#5284](https://github.com/gradio-app/gradio/pull/5284) [`5f25eb68`](https://github.com/gradio-app/gradio/commit/5f25eb6836f6a78ce6208b53495a01e1fc1a1d2f) - Minor bug fix sweep.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  - Our use of __exit__ was catching errors and corrupting the traceback of any component that failed to instantiate (try running blocks_kitchen_sink off main for an example). Now the __exit__ exits immediately if there's been an exception, so the original exception can be printed cleanly/n  - HighlightedText was rendering weird, cleaned it up
+
+### Fixes
+
+- [#5319](https://github.com/gradio-app/gradio/pull/5319) [`3341148c`](https://github.com/gradio-app/gradio/commit/3341148c109b5458cc88435d27eb154210efc472) - Fix: wrap avatar-image in a div to clip its shape.  Thanks [@Keldos-Li](https://github.com/Keldos-Li)!
+- [#5340](https://github.com/gradio-app/gradio/pull/5340) [`df090e89`](https://github.com/gradio-app/gradio/commit/df090e89f74a16e4cb2b700a1e3263cabd2bdd91) - Fix Checkbox select dispatch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 3.41.1
+
+### Fixes
+
+- [#5324](https://github.com/gradio-app/gradio/pull/5324) [`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19) - ensure login form has correct styles.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5323](https://github.com/gradio-app/gradio/pull/5323) [`e32b0928`](https://github.com/gradio-app/gradio/commit/e32b0928d2d00342ca917ebb10c379ffc2ec200d) - ensure dropdown stays open when identical data is passed in.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 3.41.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+#### Enable streaming audio in python client ([#5248](https://github.com/gradio-app/gradio/pull/5248) [`390624d8`](https://github.com/gradio-app/gradio/commit/390624d8ad2b1308a5bf8384435fd0db98d8e29e))
+
+The `gradio_client` now supports streaming file outputs 🌊
+
+No new syntax! Connect to a gradio demo that supports streaming file outputs and call `predict` or `submit` as you normally would.
+
+```python
+import gradio_client as grc
+client = grc.Client("gradio/stream_audio_out")
+
+# Get the entire generated audio as a local file
+client.predict("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+job = client.submit("/Users/freddy/Pictures/bark_demo.mp4", api_name="/predict")
+
+# Get the entire generated audio as a local file
+job.result()
+
+# Each individual chunk
+job.outputs()
+```
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+#### Add `render` function to `<gradio-app>` ([#5158](https://github.com/gradio-app/gradio/pull/5158) [`804fcc05`](https://github.com/gradio-app/gradio/commit/804fcc058e147f283ece67f1f353874e26235535))
+
+We now have an event `render` on the <gradio-app> web component, which is triggered once the embedded space has finished rendering.
+
+```html
+<script>
+	function handleLoadComplete() {
+		console.log("Embedded space has finished rendering");
+	}
+	const gradioApp = document.querySelector("gradio-app");
+	gradioApp.addEventListener("render", handleLoadComplete);
+</script>
+```
+
+ Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Features
+
+- [#5268](https://github.com/gradio-app/gradio/pull/5268) [`f49028cf`](https://github.com/gradio-app/gradio/commit/f49028cfe3e21097001ddbda71c560b3d8b42e1c) - Move markdown & latex processing to the frontend for the gr.Markdown and gr.DataFrame components.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5283](https://github.com/gradio-app/gradio/pull/5283) [`a7460557`](https://github.com/gradio-app/gradio/commit/a74605572dd0d6bb41df6b38b120d656370dd67d) - Add height parameter and scrolling to `gr.Dataframe`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5232](https://github.com/gradio-app/gradio/pull/5232) [`c57d4c23`](https://github.com/gradio-app/gradio/commit/c57d4c232a97e03b4671f9e9edc3af456438fe89) - `gr.Radio` and `gr.CheckboxGroup` can now accept different names and values.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5219](https://github.com/gradio-app/gradio/pull/5219) [`e8fd4e4e`](https://github.com/gradio-app/gradio/commit/e8fd4e4ec68a6c974bc8c84b61f4a0ec50a85bc6) - Add `api_name` parameter to `gr.Interface`. Additionally, completely hide api page if show_api=False.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5280](https://github.com/gradio-app/gradio/pull/5280) [`a2f42e28`](https://github.com/gradio-app/gradio/commit/a2f42e28bd793bce4bed6d54164bb2a327a46fd5) - Allow updating the label of `gr.UpdateButton`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5112](https://github.com/gradio-app/gradio/pull/5112) [`1cefee7f`](https://github.com/gradio-app/gradio/commit/1cefee7fc05175aca23ba04b3a3fda7b97f49bf0) - chore(deps): update dependency marked to v7.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5260](https://github.com/gradio-app/gradio/pull/5260) [`a773eaf7`](https://github.com/gradio-app/gradio/commit/a773eaf7504abb53b99885b3454dc1e027adbb42) - Stop passing inputs and preprocessing on iterators.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#4943](https://github.com/gradio-app/gradio/pull/4943) [`947d615d`](https://github.com/gradio-app/gradio/commit/947d615db6f76519d0e8bc0d1a0d7edf89df267b) - Sign in with Hugging Face (OAuth support).  Thanks [@Wauplin](https://github.com/Wauplin)!
+- [#5298](https://github.com/gradio-app/gradio/pull/5298) [`cf167cd1`](https://github.com/gradio-app/gradio/commit/cf167cd1dd4acd9aee225ff1cb6fac0e849806ba) - Create event listener table for components on docs.  Thanks [@aliabd](https://github.com/aliabd)!
+- [#5173](https://github.com/gradio-app/gradio/pull/5173) [`730f0c1d`](https://github.com/gradio-app/gradio/commit/730f0c1d54792eb11359e40c9f2326e8a6e39203) - Ensure gradio client works as expected for functions that return nothing.  Thanks [@raymondtri](https://github.com/raymondtri)!
+- [#5188](https://github.com/gradio-app/gradio/pull/5188) [`b22e1888`](https://github.com/gradio-app/gradio/commit/b22e1888fcf0843520525c1e4b7e1fe73fdeb948) - Fix the images in the theme builder to use permanent URI.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5221](https://github.com/gradio-app/gradio/pull/5221) [`f344592a`](https://github.com/gradio-app/gradio/commit/f344592aeb1658013235ded154107f72d86f24e7) - Allows setting a height to `gr.File` and improves the UI of the component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5265](https://github.com/gradio-app/gradio/pull/5265) [`06982212`](https://github.com/gradio-app/gradio/commit/06982212dfbd613853133d5d0eebd75577967027) - Removes scrollbar from File preview when not needed.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5305](https://github.com/gradio-app/gradio/pull/5305) [`15075241`](https://github.com/gradio-app/gradio/commit/15075241fa7ad3f7fd9ae2a91e54faf8f19a46f9) - Rotate axes labels on LinePlot, BarPlot, and ScatterPlot.  Thanks [@Faiga91](https://github.com/Faiga91)!
+- [#5258](https://github.com/gradio-app/gradio/pull/5258) [`92282cea`](https://github.com/gradio-app/gradio/commit/92282cea6afdf7e9930ece1046d8a63be34b3cea) - Chatbot Avatar Images.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5244](https://github.com/gradio-app/gradio/pull/5244) [`b3e50db9`](https://github.com/gradio-app/gradio/commit/b3e50db92f452f376aa2cc081326d40bb69d6dd7) - Remove aiohttp dependency.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5264](https://github.com/gradio-app/gradio/pull/5264) [`46a2b600`](https://github.com/gradio-app/gradio/commit/46a2b600a7ff030a9ea1560b882b3bf3ad266bbc) - ensure translations for audio work correctly.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5256](https://github.com/gradio-app/gradio/pull/5256) [`933db53e`](https://github.com/gradio-app/gradio/commit/933db53e93a1229fdf149556d61da5c4c7e1a331) - Better handling of empty dataframe in `gr.DataFrame`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5242](https://github.com/gradio-app/gradio/pull/5242) [`2b397791`](https://github.com/gradio-app/gradio/commit/2b397791fe2059e4beb72937ff0436f2d4d28b4b) - Fix message text overflow onto copy button in `gr.Chatbot`.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5253](https://github.com/gradio-app/gradio/pull/5253) [`ddac7e4d`](https://github.com/gradio-app/gradio/commit/ddac7e4d0f55c3bdc6c3e9a9e24588b2563e4049) - Ensure File component uploads files to the server.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5179](https://github.com/gradio-app/gradio/pull/5179) [`6fb92b48`](https://github.com/gradio-app/gradio/commit/6fb92b48a916104db573602011a448b904d42e5e) - Fixes audio streaming issues.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5295](https://github.com/gradio-app/gradio/pull/5295) [`7b8fa8aa`](https://github.com/gradio-app/gradio/commit/7b8fa8aa58f95f5046b9add64b40368bd3f1b700) - Allow caching examples with streamed output.  Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5285](https://github.com/gradio-app/gradio/pull/5285) [`cdfd4217`](https://github.com/gradio-app/gradio/commit/cdfd42174a9c777eaee9c1209bf8e90d8c7791f2) - Tweaks to `icon` parameter in `gr.Button()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5122](https://github.com/gradio-app/gradio/pull/5122) [`3b805346`](https://github.com/gradio-app/gradio/commit/3b8053469aca6c7a86a6731e641e4400fc34d7d3) - Allows code block in chatbot to scroll horizontally.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5312](https://github.com/gradio-app/gradio/pull/5312) [`f769cb67`](https://github.com/gradio-app/gradio/commit/f769cb67149d8e209091508f06d87014acaed965) - only start listening for events after the components are mounted.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5254](https://github.com/gradio-app/gradio/pull/5254) [`c39f06e1`](https://github.com/gradio-app/gradio/commit/c39f06e16b9feea97984e4822df35a99c807461c) - Fix `.update()` for `gr.Radio()` and `gr.CheckboxGroup()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5231](https://github.com/gradio-app/gradio/pull/5231) [`87f1c2b4`](https://github.com/gradio-app/gradio/commit/87f1c2b4ac7c685c43477215fa5b96b6cbeffa05) - Allow `gr.Interface.from_pipeline()` and `gr.load()` to work within `gr.Blocks()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5238](https://github.com/gradio-app/gradio/pull/5238) [`de23e9f7`](https://github.com/gradio-app/gradio/commit/de23e9f7d67e685e791faf48a21f34121f6d094a) - Improve audio streaming.  Thanks [@aliabid94](https://github.com/aliabid94)!/n  - Proper audio streaming with WAV files. We now do the proper processing to stream out wav files as a single stream of audio without any cracks in the seams./n  - Audio streaming with bytes. Stream any audio type by yielding out bytes, and it should work flawlessly.
+- [#5313](https://github.com/gradio-app/gradio/pull/5313) [`54bcb724`](https://github.com/gradio-app/gradio/commit/54bcb72417b2781ad9d7500ea0f89aa9d80f7d8f) - Restores missing part of bottom border on file component.  Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5235](https://github.com/gradio-app/gradio/pull/5235) [`1ecf88ac`](https://github.com/gradio-app/gradio/commit/1ecf88ac5f20bc5a1c91792d1a68559575e6afd7) - fix #5229.  Thanks [@breengles](https://github.com/breengles)!
+- [#5276](https://github.com/gradio-app/gradio/pull/5276) [`502f1015`](https://github.com/gradio-app/gradio/commit/502f1015bf23b365bc32446dd2e549b0c5d0dc72) - Ensure `Blocks` translation copy renders correctly.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5296](https://github.com/gradio-app/gradio/pull/5296) [`a0f22626`](https://github.com/gradio-app/gradio/commit/a0f22626f2aff297754414bbc83d5c4cfe086ea0) - `make_waveform()` twitter video resolution fix.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 3.40.0
+
+### Highlights
+
+#### Client.predict will now return the final output for streaming endpoints ([#5057](https://github.com/gradio-app/gradio/pull/5057) [`35856f8b`](https://github.com/gradio-app/gradio/commit/35856f8b54548cae7bd3b8d6a4de69e1748283b2))
+
+### This is a breaking change (for gradio_client only)!
+
+Previously, `Client.predict` would only return the first output of an endpoint that streamed results. This was causing confusion for developers that wanted to call these streaming demos via the client.
+
+We realize that developers using the client don't know the internals of whether a demo streams or not, so we're changing the behavior of predict to match developer expectations.
+
+Using `Client.predict` will now return the final output of a streaming endpoint. This will make it even easier to use gradio apps via the client.
+
+ Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+#### Gradio now supports streaming audio outputs
+
+Allows users to use generators to stream audio out, yielding consecutive chunks of audio. Requires `streaming=True` to be set on the output audio.
+
+```python
+import gradio as gr
+from pydub import AudioSegment
+
+def stream_audio(audio_file):
+    audio = AudioSegment.from_mp3(audio_file)
+    i = 0
+    chunk_size = 3000
+    
+    while chunk_size*i < len(audio):
+        chunk = audio[chunk_size*i:chunk_size*(i+1)]
+        i += 1
+        if chunk:
+            file = f"/tmp/{i}.mp3"
+            chunk.export(file, format="mp3")            
+            yield file
+        
+demo = gr.Interface(
+    fn=stream_audio,
+    inputs=gr.Audio(type="filepath", label="Audio file to stream"),
+    outputs=gr.Audio(autoplay=True, streaming=True),
+)
+
+demo.queue().launch()
+```
+
+From the backend, streamed outputs are served from the `/stream/` endpoint instead of the `/file/` endpoint. Currently just used to serve audio streaming output.  The output JSON will have `is_stream`: `true`, instead of `is_file`: `true` in the file data object. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Features
+
+- [#5081](https://github.com/gradio-app/gradio/pull/5081) [`d7f83823`](https://github.com/gradio-app/gradio/commit/d7f83823fbd7604456b0127d689a63eed759807d) - solve how can I config root_path dynamically? #4968. Thanks [@eastonsuo](https://github.com/eastonsuo)!
+- [#5025](https://github.com/gradio-app/gradio/pull/5025) [`6693660a`](https://github.com/gradio-app/gradio/commit/6693660a790996f8f481feaf22a8c49130d52d89) - Add download button to selected images in `Gallery`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5133](https://github.com/gradio-app/gradio/pull/5133) [`61129052`](https://github.com/gradio-app/gradio/commit/61129052ed1391a75c825c891d57fa0ad6c09fc8) - Update dependency esbuild to ^0.19.0. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5125](https://github.com/gradio-app/gradio/pull/5125) [`80be7a1c`](https://github.com/gradio-app/gradio/commit/80be7a1ca44c0adef1668367b2cf36b65e52e576) - chatbot conversation nodes can contain a copy button. Thanks [@fazpu](https://github.com/fazpu)!
+- [#5048](https://github.com/gradio-app/gradio/pull/5048) [`0b74a159`](https://github.com/gradio-app/gradio/commit/0b74a1595b30df744e32a2c358c07acb7fd1cfe5) - Use `importlib` in favor of deprecated `pkg_resources`. Thanks [@jayceslesar](https://github.com/jayceslesar)!
+- [#5045](https://github.com/gradio-app/gradio/pull/5045) [`3b9494f5`](https://github.com/gradio-app/gradio/commit/3b9494f5c57e6b52e6a040ce8d6b5141f780e84d) - Lite: Fix the analytics module to use asyncio to work in the Wasm env. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5046](https://github.com/gradio-app/gradio/pull/5046) [`5244c587`](https://github.com/gradio-app/gradio/commit/5244c5873c355cf3e2f0acb7d67fda3177ef8b0b) - Allow new lines in `HighlightedText` with `/n` and preserve whitespace. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5076](https://github.com/gradio-app/gradio/pull/5076) [`2745075a`](https://github.com/gradio-app/gradio/commit/2745075a26f80e0e16863d483401ff1b6c5ada7a) - Add deploy_discord to docs. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5116](https://github.com/gradio-app/gradio/pull/5116) [`0dc49b4c`](https://github.com/gradio-app/gradio/commit/0dc49b4c517706f572240f285313a881089ced79) - Add support for async functions and async generators to `gr.ChatInterface`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5047](https://github.com/gradio-app/gradio/pull/5047) [`883ac364`](https://github.com/gradio-app/gradio/commit/883ac364f69d92128774ac446ce49bdf8415fd7b) - Add `step` param to `Number`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5137](https://github.com/gradio-app/gradio/pull/5137) [`22aa5eba`](https://github.com/gradio-app/gradio/commit/22aa5eba3fee3f14473e4b0fac29cf72fe31ef04) - Use font size `--text-md` for `<code>` in Chatbot messages. Thanks [@jaywonchung](https://github.com/jaywonchung)!
+- [#5005](https://github.com/gradio-app/gradio/pull/5005) [`f5539c76`](https://github.com/gradio-app/gradio/commit/f5539c7618e31451420bd3228754774da14dc65f) - Enhancement: Add focus event to textbox and number component. Thanks [@JodyZ0203](https://github.com/JodyZ0203)!
+- [#5104](https://github.com/gradio-app/gradio/pull/5104) [`34f6b22e`](https://github.com/gradio-app/gradio/commit/34f6b22efbfedfa569d452f3f99ed2e6593e3c21) - Strip leading and trailing spaces from username in login route. Thanks [@sweep-ai](https://github.com/apps/sweep-ai)!
+- [#5149](https://github.com/gradio-app/gradio/pull/5149) [`144df459`](https://github.com/gradio-app/gradio/commit/144df459a3b7895e524defcfc4c03fbb8b083aca) - Add `show_edit_button` param to `gr.Audio`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5136](https://github.com/gradio-app/gradio/pull/5136) [`eaa1ce14`](https://github.com/gradio-app/gradio/commit/eaa1ce14ac41de1c23321e93f11f1b03a2f3c7f4) - Enhancing Tamil Translation: Language Refinement 🌟. Thanks [@sanjaiyan-dev](https://github.com/sanjaiyan-dev)!
+- [#5035](https://github.com/gradio-app/gradio/pull/5035) [`8b4eb8ca`](https://github.com/gradio-app/gradio/commit/8b4eb8cac9ea07bde31b44e2006ca2b7b5f4de36) - JS Client: Fixes cannot read properties of null (reading 'is_file'). Thanks [@raymondtri](https://github.com/raymondtri)!
+- [#5023](https://github.com/gradio-app/gradio/pull/5023) [`e6317d77`](https://github.com/gradio-app/gradio/commit/e6317d77f87d3dad638acca3dbc4a9228570e63c) - Update dependency extendable-media-recorder to v8. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5085](https://github.com/gradio-app/gradio/pull/5085) [`13e47835`](https://github.com/gradio-app/gradio/commit/13e478353532c4af18cfa50772f8b6fb3c6c9818) - chore(deps): update dependency extendable-media-recorder to v8. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5080](https://github.com/gradio-app/gradio/pull/5080) [`37caa2e0`](https://github.com/gradio-app/gradio/commit/37caa2e0fe95d6cab8beb174580fb557904f137f) - Add icon and link params to `gr.Button`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5062](https://github.com/gradio-app/gradio/pull/5062) [`7d897165`](https://github.com/gradio-app/gradio/commit/7d89716519d0751072792c9bbda668ffeb597296) - `gr.Dropdown` now has correct behavior in static mode as well as when an option is selected. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5077](https://github.com/gradio-app/gradio/pull/5077) [`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd) - Live audio streaming output
+- [#5118](https://github.com/gradio-app/gradio/pull/5118) [`1b017e68`](https://github.com/gradio-app/gradio/commit/1b017e68f6a9623cc2ec085bd20e056229552028) - Add `interactive` args to `gr.ColorPicker`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5114](https://github.com/gradio-app/gradio/pull/5114) [`56d2609d`](https://github.com/gradio-app/gradio/commit/56d2609de93387a75dc82b1c06c1240c5b28c0b8) - Reset textbox value to empty string when value is None. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5075](https://github.com/gradio-app/gradio/pull/5075) [`67265a58`](https://github.com/gradio-app/gradio/commit/67265a58027ef1f9e4c0eb849a532f72eaebde48) - Allow supporting >1000 files in `gr.File()` and `gr.UploadButton()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5135](https://github.com/gradio-app/gradio/pull/5135) [`80727bbe`](https://github.com/gradio-app/gradio/commit/80727bbe2c6d631022054edf01515017691b3bdd) - Fix dataset features and dataset preview for HuggingFaceDatasetSaver. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5039](https://github.com/gradio-app/gradio/pull/5039) [`620e4645`](https://github.com/gradio-app/gradio/commit/620e46452729d6d4877b3fab84a65daf2f2b7bc6) - `gr.Dropdown()` now supports values with arbitrary characters and doesn't clear value when re-focused. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5061](https://github.com/gradio-app/gradio/pull/5061) [`136adc9c`](https://github.com/gradio-app/gradio/commit/136adc9ccb23e5cb4d02d2e88f23f0b850041f98) - Ensure `gradio_client` is backwards compatible with `gradio==3.24.1`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5129](https://github.com/gradio-app/gradio/pull/5129) [`97d804c7`](https://github.com/gradio-app/gradio/commit/97d804c748be9acfe27b8369dd2d64d61f43c2e7) - [Spaces] ZeroGPU Queue fix. Thanks [@cbensimon](https://github.com/cbensimon)!
+- [#5140](https://github.com/gradio-app/gradio/pull/5140) [`cd1353fa`](https://github.com/gradio-app/gradio/commit/cd1353fa3eb1b015f5860ca5d5a8e8d1aa4a831c) - Fixes the display of minutes in the video player. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5111](https://github.com/gradio-app/gradio/pull/5111) [`b84a35b7`](https://github.com/gradio-app/gradio/commit/b84a35b7b91eca947f787648ceb361b1d023427b) - Add icon and link to DuplicateButton. Thanks [@aliabd](https://github.com/aliabd)!
+- [#5030](https://github.com/gradio-app/gradio/pull/5030) [`f6c491b0`](https://github.com/gradio-app/gradio/commit/f6c491b079d335af633dd854c68eb26f9e61c552) - highlightedtext throws an error basing on model. Thanks [@rajeunoia](https://github.com/rajeunoia)!
+
+## 3.39.0
+
+### Highlights
+
+#### Create Discord Bots from Gradio Apps 🤖 ([#4960](https://github.com/gradio-app/gradio/pull/4960) [`46e4ef67`](https://github.com/gradio-app/gradio/commit/46e4ef67d287dd68a91473b73172b29cbad064bc))
+
+We're excited to announce that Gradio can now automatically create a discord bot from any `gr.ChatInterface` app.
+
+It's as easy as importing `gradio_client`, connecting to the app, and calling `deploy_discord`!
+
+_🦙 Turning Llama 2 70b into a discord bot 🦙_
+
+```python
+import gradio_client as grc
+grc.Client("ysharma/Explore_llamav2_with_TGI").deploy_discord(to_id="llama2-70b-discord-bot")
+```
+
+<img src="https://gradio-builds.s3.amazonaws.com/demo-files/discordbots/guide/llama_chat.gif">
+
+#### Getting started with template spaces
+
+To help get you started, we have created an organization on Hugging Face called [gradio-discord-bots](https://huggingface.co/gradio-discord-bots) with template spaces you can use to turn state of the art LLMs powered by Gradio to discord bots.
+
+Currently we have template spaces for:
+
+- [Llama-2-70b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-70b-chat-hf) powered by a FREE Hugging Face Inference Endpoint!
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/Llama-2-13b-chat-hf) powered by Hugging Face Inference Endpoints.
+- [Llama-2-13b-chat-hf](https://huggingface.co/spaces/gradio-discord-bots/llama-2-13b-chat-transformers) powered by Hugging Face transformers.
+- [falcon-7b-instruct](https://huggingface.co/spaces/gradio-discord-bots/falcon-7b-instruct) powered by Hugging Face Inference Endpoints.
+- [gpt-3.5-turbo](https://huggingface.co/spaces/gradio-discord-bots/gpt-35-turbo), powered by openai. Requires an OpenAI key.
+
+But once again, you can deploy ANY `gr.ChatInterface` app exposed on the internet! So don't hesitate to try it on your own Chatbots.
+
+❗️ Additional Note ❗️: Technically, any gradio app that exposes an api route that takes in a single string and outputs a single string can be deployed to discord. But `gr.ChatInterface` apps naturally lend themselves to discord's chat functionality so we suggest you start with those.
+
+Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Features
+
+- [#4995](https://github.com/gradio-app/gradio/pull/4995) [`3f8c210b`](https://github.com/gradio-app/gradio/commit/3f8c210b01ef1ceaaf8ee73be4bf246b5b745bbf) - Implement left and right click in `Gallery` component and show implicit images in `Gallery` grid. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#4993](https://github.com/gradio-app/gradio/pull/4993) [`dc07a9f9`](https://github.com/gradio-app/gradio/commit/dc07a9f947de44b419d8384987a02dcf94977851) - Bringing back the "Add download button for audio" PR by [@leuryr](https://github.com/leuryr). Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#4979](https://github.com/gradio-app/gradio/pull/4979) [`44ac8ad0`](https://github.com/gradio-app/gradio/commit/44ac8ad08d82ea12c503dde5c78f999eb0452de2) - Allow setting sketch color default. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#4985](https://github.com/gradio-app/gradio/pull/4985) [`b74f8453`](https://github.com/gradio-app/gradio/commit/b74f8453034328f0e42da8e41785f5eb039b45d7) - Adds `additional_inputs` to `gr.ChatInterface`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#4997](https://github.com/gradio-app/gradio/pull/4997) [`41c83070`](https://github.com/gradio-app/gradio/commit/41c83070b01632084e7d29123048a96c1e261407) - Add CSS resets and specifiers to play nice with HF blog. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 3.38
+
+### New Features:
+
+- Provide a parameter `animate` (`False` by default) in `gr.make_waveform()` which animates the overlayed waveform by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4918](https://github.com/gradio-app/gradio/pull/4918)
+- Add `show_download_button` param to allow the download button in static Image components to be hidden by [@hannahblair](https://github.com/hannahblair) in [PR 4959](https://github.com/gradio-app/gradio/pull/4959)
+- Added autofocus argument to Textbox by [@aliabid94](https://github.com/aliabid94) in [PR 4978](https://github.com/gradio-app/gradio/pull/4978)
+- The `gr.ChatInterface` UI now converts the "Submit" button to a "Stop" button in ChatInterface while streaming, which can be used to pause generation. By [@abidlabs](https://github.com/abidlabs) in [PR 4971](https://github.com/gradio-app/gradio/pull/4971).
+- Add a `border_color_accent_subdued` theme variable to add a subdued border color to accented items. This is used by chatbot user messages. Set the value of this variable in `Default` theme to `*primary_200`. By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4989](https://github.com/gradio-app/gradio/pull/4989)
+- Add default sketch color argument `brush_color`. Also, masks drawn on images are now slightly translucent (and mask color can also be set via brush_color). By [@aliabid94](https://github.com/aliabid94) in [PR 4979](https://github.com/gradio-app/gradio/pull/4979)
+
+### Bug Fixes:
+
+- Fixes `cancels` for generators so that if a generator is canceled before it is complete, subsequent runs of the event do not continue from the previous iteration, but rather start from the beginning. By [@abidlabs](https://github.com/abidlabs) in [PR 4969](https://github.com/gradio-app/gradio/pull/4969).
+- Use `gr.State` in `gr.ChatInterface` to reduce latency by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4976](https://github.com/gradio-app/gradio/pull/4976)
+- Fix bug with `gr.Interface` where component labels inferred from handler parameters were including special args like `gr.Request` or `gr.EventData`. By [@cbensimon](https://github.com/cbensimon) in [PR 4956](https://github.com/gradio-app/gradio/pull/4956)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Other Changes:
+
+- Apply pyright to the `components` directory by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4948](https://github.com/gradio-app/gradio/pull/4948)
+- Improved look of ChatInterface by [@aliabid94](https://github.com/aliabid94) in [PR 4978](https://github.com/gradio-app/gradio/pull/4978)
+
+## 3.37
+
+### New Features:
+
+Introducing a new `gr.ChatInterface` abstraction, which allows Gradio users to build fully functioning Chat interfaces very easily. The only required parameter is a chat function `fn`, which accepts a (string) user input `message` and a (list of lists) chat `history` and returns a (string) response. Here's a toy example:
+
+```py
+import gradio as gr
+
+def echo(message, history):
+    return message
+
+demo = gr.ChatInterface(fn=echo, examples=["hello", "hola", "merhaba"], title="Echo Bot")
+demo.launch()
+```
+
+Which produces:
+
+<img width="1291" alt="image" src="https://github.com/gradio-app/gradio/assets/1778297/ae94fd72-c2bb-406e-9e8d-7b9c12e80119">
+
+And a corresponding easy-to-use API at `/chat`:
+
+<img width="1164" alt="image" src="https://github.com/gradio-app/gradio/assets/1778297/7b10d6db-6476-4e2e-bebd-ecda802c3b8f">
+
+The `gr.ChatInterface` abstraction works nicely with various LLM libraries, such as `langchain`. See the [dedicated guide](https://gradio.app/guides/creating-a-chatbot-fast) for more examples using `gr.ChatInterface`. Collective team effort in [PR 4869](https://github.com/gradio-app/gradio/pull/4869)
+
+- Chatbot messages now show hyperlinks to download files uploaded to `gr.Chatbot()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4848](https://github.com/gradio-app/gradio/pull/4848)
+- Cached examples now work with generators and async generators by [@abidlabs](https://github.com/abidlabs) in [PR 4927](https://github.com/gradio-app/gradio/pull/4927)
+- Add RTL support to `gr.Markdown`, `gr.Chatbot`, `gr.Textbox` (via the `rtl` boolean parameter) and text-alignment to `gr.Textbox`(via the string `text_align` parameter) by [@abidlabs](https://github.com/abidlabs) in [PR 4933](https://github.com/gradio-app/gradio/pull/4933)
+
+Examples of usage:
+
+```py
+with gr.Blocks() as demo:
+    gr.Textbox(interactive=True, text_align="right")
+demo.launch()
+```
+
+```py
+with gr.Blocks() as demo:
+    gr.Markdown("سلام", rtl=True)
+demo.launch()
+```
+
+- The `get_api_info` method of `Blocks` now supports layout output components [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4871](https://github.com/gradio-app/gradio/pull/4871)
+
+- Added the support for the new command `gradio environment`to make it easier for people to file bug reports if we shipped an easy command to list the OS, gradio version, and versions of gradio/gradio-client dependencies. bu [@varshneydevansh](https://github.com/varshneydevansh) in [PR 4915](https://github.com/gradio-app/gradio/pull/4915).
+
+### Bug Fixes:
+
+- The `.change()` event is fixed in `Video` and `Image` so that it only fires once by [@abidlabs](https://github.com/abidlabs) in [PR 4793](https://github.com/gradio-app/gradio/pull/4793)
+- The `.change()` event is fixed in `Audio` so that fires when the component value is programmatically updated by [@abidlabs](https://github.com/abidlabs) in [PR 4793](https://github.com/gradio-app/gradio/pull/4793)
+
+* Add missing `display: flex` property to `Row` so that flex styling is applied to children by [@hannahblair] in [PR 4896](https://github.com/gradio-app/gradio/pull/4896)
+* Fixed bug where `gr.Video` could not preprocess urls by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4904](https://github.com/gradio-app/gradio/pull/4904)
+* Fixed copy button rendering in API page on Safari by [@aliabid94](https://github.com/aliabid94) in [PR 4924](https://github.com/gradio-app/gradio/pull/4924)
+* Fixed `gr.Group` and `container=False`. `container` parameter only available for `Textbox`, `Number`, and `Dropdown`, the only elements where it makes sense. By [@aliabid94](https://github.com/aliabid94) in [PR 4916](https://github.com/gradio-app/gradio/pull/4916)
+* Fixed broken image link in auto-generated `app.py` from `ThemeClass.push_to_hub` by [@deepkyu](https://github.com/deepkyu) in [PR 4944](https://github.com/gradio-app/gradio/pull/4944)
+
+### Other Changes:
+
+- Warning on mobile that if a user leaves the tab, websocket connection may break. On broken connection, tries to rejoin queue and displays error conveying connection broke. By [@aliabid94](https://github.com/aliabid94) in [PR 4742](https://github.com/gradio-app/gradio/pull/4742)
+- Remove blocking network calls made before the local URL gets printed - these slow down the display of the local URL, especially when no internet is available. [@aliabid94](https://github.com/aliabid94) in [PR 4905](https://github.com/gradio-app/gradio/pull/4905).
+- Pinned dependencies to major versions to reduce the likelihood of a broken `gradio` due to changes in downstream dependencies by [@abidlabs](https://github.com/abidlabs) in [PR 4885](https://github.com/gradio-app/gradio/pull/4885)
+- Queue `max_size` defaults to parent Blocks `max_thread` when running on Spaces with ZeroGPU hardware. By [@cbensimon](https://github.com/cbensimon) in [PR 4937](https://github.com/gradio-app/gradio/pull/4937)
+
+### Breaking Changes:
+
+Motivated by the release of `pydantic==2.0`, which included breaking changes that broke a large number of Gradio apps, we've pinned many gradio dependencies. Note that pinned dependencies can cause downstream conflicts, so this may be a breaking change. That being said, we've kept the pins pretty loose, and we're expecting change to be better for the long-term stability of Gradio apps.
+
+## 3.36.1
+
+### New Features:
+
+- Hotfix to support pydantic v1 and v2 by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4835](https://github.com/gradio-app/gradio/pull/4835)
+
+### Bug Fixes:
+
+- Fix bug where `gr.File` change event was not triggered when the value was changed by another event by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4811](https://github.com/gradio-app/gradio/pull/4811)
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.36.0
+
+### New Features:
+
+- The `gr.Video`, `gr.Audio`, `gr.Image`, `gr.Chatbot`, and `gr.Gallery` components now include a share icon when deployed on Spaces. This behavior can be modified by setting the `show_share_button` parameter in the component classes. by [@aliabid94](https://github.com/aliabid94) in [PR 4651](https://github.com/gradio-app/gradio/pull/4651)
+- Allow the web component `space`, `src`, and `host` attributes to be updated dynamically by [@pngwn](https://github.com/pngwn) in [PR 4461](https://github.com/gradio-app/gradio/pull/4461)
+- Suggestion for Spaces Duplication built into Gradio, by [@aliabid94](https://github.com/aliabid94) in [PR 4458](https://github.com/gradio-app/gradio/pull/4458)
+- The `api_name` parameter now accepts `False` as a value, which means it does not show up in named or unnamed endpoints. By [@abidlabs](https://github.com/aliabid94) in [PR 4683](https://github.com/gradio-app/gradio/pull/4683)
+- Added support for `pathlib.Path` in `gr.Video`, `gr.Gallery`, and `gr.Chatbot` by [sunilkumardash9](https://github.com/sunilkumardash9) in [PR 4581](https://github.com/gradio-app/gradio/pull/4581).
+
+### Bug Fixes:
+
+- Updated components with `info` attribute to update when `update()` is called on them. by [@jebarpg](https://github.com/jebarpg) in [PR 4715](https://github.com/gradio-app/gradio/pull/4715).
+- Ensure the `Image` components undo button works mode is `mask` or `color-sketch` by [@amyorz](https://github.com/AmyOrz) in [PR 4692](https://github.com/gradio-app/gradio/pull/4692)
+- Load the iframe resizer external asset asynchronously, by [@akx](https://github.com/akx) in [PR 4336](https://github.com/gradio-app/gradio/pull/4336)
+- Restored missing imports in `gr.components` by [@abidlabs](https://github.com/abidlabs) in [PR 4566](https://github.com/gradio-app/gradio/pull/4566)
+- Fix bug where `select` event was not triggered in `gr.Gallery` if `height` was set to be large with `allow_preview=False` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4551](https://github.com/gradio-app/gradio/pull/4551)
+- Fix bug where setting `visible=False` in `gr.Group` event did not work by [@abidlabs](https://github.com/abidlabs) in [PR 4567](https://github.com/gradio-app/gradio/pull/4567)
+- Fix `make_waveform` to work with paths that contain spaces [@akx](https://github.com/akx) in [PR 4570](https://github.com/gradio-app/gradio/pull/4570) & [PR 4578](https://github.com/gradio-app/gradio/pull/4578)
+- Send captured data in `stop_recording` event for `gr.Audio` and `gr.Video` components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4554](https://github.com/gradio-app/gradio/pull/4554)
+- Fix bug in `gr.Gallery` where `height` and `object_fit` parameters where being ignored by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4576](https://github.com/gradio-app/gradio/pull/4576)
+- Fixes an HTML sanitization issue in DOMPurify where links in markdown were not opening in a new window by [@hannahblair] in [PR 4577](https://github.com/gradio-app/gradio/pull/4577)
+- Fixed Dropdown height rendering in Columns by [@aliabid94](https://github.com/aliabid94) in [PR 4584](https://github.com/gradio-app/gradio/pull/4584)
+- Fixed bug where `AnnotatedImage` css styling was causing the annotation masks to not be displayed correctly by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4628](https://github.com/gradio-app/gradio/pull/4628)
+- Ensure that Gradio does not silently fail when running on a port that is occupied by [@abidlabs](https://github.com/abidlabs) in [PR 4624](https://github.com/gradio-app/gradio/pull/4624).
+- Fix double upload bug that caused lag in file uploads by [@aliabid94](https://github.com/aliabid94) in [PR 4661](https://github.com/gradio-app/gradio/pull/4661)
+- `Progress` component now appears even when no `iterable` is specified in `tqdm` constructor by [@itrushkin](https://github.com/itrushkin) in [PR 4475](https://github.com/gradio-app/gradio/pull/4475)
+- Deprecation warnings now point at the user code using those deprecated features, instead of Gradio internals, by (https://github.com/akx) in [PR 4694](https://github.com/gradio-app/gradio/pull/4694)
+- Adapt column widths in gr.Examples based on content by [@pngwn](https://github.com/pngwn) & [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4700](https://github.com/gradio-app/gradio/pull/4700)
+- The `plot` parameter deprecation warnings should now only be emitted for `Image` components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4709](https://github.com/gradio-app/gradio/pull/4709)
+- Removed uncessessary `type` deprecation warning by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4709](https://github.com/gradio-app/gradio/pull/4709)
+- Ensure Audio autoplays works when `autoplay=True` and the video source is dynamically updated [@pngwn](https://github.com/pngwn) in [PR 4705](https://github.com/gradio-app/gradio/pull/4705)
+- When an error modal is shown in spaces, ensure we scroll to the top so it can be seen by [@pngwn](https://github.com/pngwn) in [PR 4712](https://github.com/gradio-app/gradio/pull/4712)
+- Update depedencies by [@pngwn](https://github.com/pngwn) in [PR 4675](https://github.com/gradio-app/gradio/pull/4675)
+- Fixes `gr.Dropdown` being cutoff at the bottom by [@abidlabs](https://github.com/abidlabs) in [PR 4691](https://github.com/gradio-app/gradio/pull/4691).
+- Scroll top when clicking "View API" in spaces by [@pngwn](https://github.com/pngwn) in [PR 4714](https://github.com/gradio-app/gradio/pull/4714)
+- Fix bug where `show_label` was hiding the entire component for `gr.Label` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4713](https://github.com/gradio-app/gradio/pull/4713)
+- Don't crash when uploaded image has broken EXIF data, by [@akx](https://github.com/akx) in [PR 4764](https://github.com/gradio-app/gradio/pull/4764)
+- Place toast messages at the top of the screen by [@pngwn](https://github.com/pngwn) in [PR 4796](https://github.com/gradio-app/gradio/pull/4796)
+- Fix regressed styling of Login page when auth is enabled by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4797](https://github.com/gradio-app/gradio/pull/4797)
+- Prevent broken scrolling to output on Spaces by [@aliabid94](https://github.com/aliabid94) in [PR 4822](https://github.com/gradio-app/gradio/pull/4822)
+
+### Other Changes:
+
+- Add `.git-blame-ignore-revs` by [@akx](https://github.com/akx) in [PR 4586](https://github.com/gradio-app/gradio/pull/4586)
+- Update frontend dependencies in [PR 4601](https://github.com/gradio-app/gradio/pull/4601)
+- Use `typing.Literal` where possible in gradio library and client by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4608](https://github.com/gradio-app/gradio/pull/4608)
+- Remove unnecessary mock json files for frontend E2E tests by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4625](https://github.com/gradio-app/gradio/pull/4625)
+- Update dependencies by [@pngwn](https://github.com/pngwn) in [PR 4643](https://github.com/gradio-app/gradio/pull/4643)
+- The theme builder now launches successfully, and the API docs are cleaned up. By [@abidlabs](https://github.com/aliabid94) in [PR 4683](https://github.com/gradio-app/gradio/pull/4683)
+- Remove `cleared_value` from some components as its no longer used internally by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4685](https://github.com/gradio-app/gradio/pull/4685)
+- Better errors when you define two Blocks and reference components in one Blocks from the events in the other Blocks [@abidlabs](https://github.com/abidlabs) in [PR 4738](https://github.com/gradio-app/gradio/pull/4738).
+- Better message when share link is not created by [@abidlabs](https://github.com/abidlabs) in [PR 4773](https://github.com/gradio-app/gradio/pull/4773).
+- Improve accessibility around selected images in gr.Gallery component by [@hannahblair](https://github.com/hannahblair) in [PR 4790](https://github.com/gradio-app/gradio/pull/4790)
+
+### Breaking Changes:
+
+[PR 4683](https://github.com/gradio-app/gradio/pull/4683) removes the explict named endpoint "load_examples" from gr.Interface that was introduced in [PR 4456](https://github.com/gradio-app/gradio/pull/4456).
+
+## 3.35.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix chatbot streaming by [@aliabid94](https://github.com/aliabid94) in [PR 4537](https://github.com/gradio-app/gradio/pull/4537)
+- Fix chatbot height and scrolling by [@aliabid94](https://github.com/aliabid94) in [PR 4540](https://github.com/gradio-app/gradio/pull/4540)
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.35.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix chatbot streaming by [@aliabid94](https://github.com/aliabid94) in [PR 4537](https://github.com/gradio-app/gradio/pull/4537)
+- Fix error modal position and text size by [@pngwn](https://github.com/pngwn) in [PR 4538](https://github.com/gradio-app/gradio/pull/4538).
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.35.0
+
+### New Features:
+
+- A `gr.ClearButton` which allows users to easily clear the values of components by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456)
+
+Example usage:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot([("Hello", "How are you?")])
+    with gr.Row():
+        textbox = gr.Textbox(scale=3, interactive=True)
+        gr.ClearButton([textbox, chatbot], scale=1)
+
+demo.launch()
+```
+
+- Min and max value for gr.Number by [@artegoser](https://github.com/artegoser) and [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3991](https://github.com/gradio-app/gradio/pull/3991)
+- Add `start_recording` and `stop_recording` events to `Video` and `Audio` components by [@pngwn](https://github.com/pngwn) in [PR 4422](https://github.com/gradio-app/gradio/pull/4422)
+- Allow any function to generate an error message and allow multiple messages to appear at a time. Other error modal improvements such as auto dismiss after a time limit and a new layout on mobile [@pngwn](https://github.com/pngwn) in [PR 4459](https://github.com/gradio-app/gradio/pull/4459).
+- Add `autoplay` kwarg to `Video` and `Audio` components by [@pngwn](https://github.com/pngwn) in [PR 4453](https://github.com/gradio-app/gradio/pull/4453)
+- Add `allow_preview` parameter to `Gallery` to control whether a detailed preview is displayed on click by
+  [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4470](https://github.com/gradio-app/gradio/pull/4470)
+- Add `latex_delimiters` parameter to `Chatbot` to control the delimiters used for LaTeX and to disable LaTeX in the `Chatbot` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4516](https://github.com/gradio-app/gradio/pull/4516)
+- Can now issue `gr.Warning` and `gr.Info` modals. Simply put the code `gr.Warning("Your warning message")` or `gr.Info("Your info message")` as a standalone line in your function. By [@aliabid94](https://github.com/aliabid94) in [PR 4518](https://github.com/gradio-app/gradio/pull/4518).
+
+Example:
+
+```python
+def start_process(name):
+    gr.Info("Starting process")
+    if name is None:
+        gr.Warning("Name is empty")
+    ...
+    if success == False:
+        raise gr.Error("Process failed")
+```
+
+### Bug Fixes:
+
+- Add support for PAUSED state in the JS client by [@abidlabs](https://github.com/abidlabs) in [PR 4438](https://github.com/gradio-app/gradio/pull/4438)
+- Ensure Tabs only occupy the space required by [@pngwn](https://github.com/pngwn) in [PR 4419](https://github.com/gradio-app/gradio/pull/4419)
+- Ensure components have the correct empty sizes to prevent empty containers from collapsing by [@pngwn](https://github.com/pngwn) in [PR 4447](https://github.com/gradio-app/gradio/pull/4447).
+- Frontend code no longer crashes when there is a relative URL in an `<a>` element, by [@akx](https://github.com/akx) in [PR 4449](https://github.com/gradio-app/gradio/pull/4449).
+- Fix bug where setting `format='mp4'` on a video component would cause the function to error out if the uploaded video was not playable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4467](https://github.com/gradio-app/gradio/pull/4467)
+- Fix `_js` parameter to work even without backend function, by [@aliabid94](https://github.com/aliabid94) in [PR 4486](https://github.com/gradio-app/gradio/pull/4486).
+- Fix new line issue with `gr.Chatbot()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4491](https://github.com/gradio-app/gradio/pull/4491)
+- Fixes issue with Clear button not working for `Label` component by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456)
+- Restores the ability to pass in a tuple (sample rate, audio array) to gr.Audio() by [@abidlabs](https://github.com/abidlabs) in [PR 4525](https://github.com/gradio-app/gradio/pull/4525)
+- Ensure code is correctly formatted and copy button is always present in Chatbot by [@pngwn](https://github.com/pngwn) in [PR 4527](https://github.com/gradio-app/gradio/pull/4527)
+- `show_label` will not automatically be set to `True` in `gr.BarPlot.update` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4531](https://github.com/gradio-app/gradio/pull/4531)
+- `gr.BarPlot` group text now respects darkmode by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4531](https://github.com/gradio-app/gradio/pull/4531)
+- Fix dispatched errors from within components [@aliabid94](https://github.com/aliabid94) in [PR 4786](https://github.com/gradio-app/gradio/pull/4786)
+
+### Other Changes:
+
+- Change styling of status and toast error components by [@hannahblair](https://github.com/hannahblair) in [PR 4454](https://github.com/gradio-app/gradio/pull/4454).
+- Clean up unnecessary `new Promise()`s by [@akx](https://github.com/akx) in [PR 4442](https://github.com/gradio-app/gradio/pull/4442).
+- Minor UI cleanup for Examples and Dataframe components [@aliabid94](https://github.com/aliabid94) in [PR 4455](https://github.com/gradio-app/gradio/pull/4455).
+- Minor UI cleanup for Examples and Dataframe components [@aliabid94](https://github.com/aliabid94) in [PR 4455](https://github.com/gradio-app/gradio/pull/4455).
+- Add Catalan translation [@jordimas](https://github.com/jordimas) in [PR 4483](https://github.com/gradio-app/gradio/pull/4483).
+- The API endpoint that loads examples upon click has been given an explicit name ("/load_examples") by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456).
+- Allows configuration of FastAPI app when calling `mount_gradio_app`, by [@charlesfrye](https://github.com/charlesfrye) in [PR4519](https://github.com/gradio-app/gradio/pull/4519).
+
+### Breaking Changes:
+
+- The behavior of the `Clear` button has been changed for `Slider`, `CheckboxGroup`, `Radio`, `Dropdown` components by [@abidlabs](https://github.com/abidlabs) in [PR 4456](https://github.com/gradio-app/gradio/pull/4456). The Clear button now sets the value of these components to be empty as opposed to the original default set by the developer. This is to make them in line with the rest of the Gradio components.
+- Python 3.7 end of life is June 27 2023. Gradio will no longer support python 3.7 by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4484](https://github.com/gradio-app/gradio/pull/4484)
+- Removed `$` as a default LaTeX delimiter for the `Chatbot` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4516](https://github.com/gradio-app/gradio/pull/4516). The specific LaTeX delimeters can be set using the new `latex_delimiters` parameter in `Chatbot`.
+
+## 3.34.0
+
+### New Features:
+
+- The `gr.UploadButton` component now supports the `variant` and `interactive` parameters by [@abidlabs](https://github.com/abidlabs) in [PR 4436](https://github.com/gradio-app/gradio/pull/4436).
+
+### Bug Fixes:
+
+- Remove target="\_blank" override on anchor tags with internal targets by [@hannahblair](https://github.com/hannahblair) in [PR 4405](https://github.com/gradio-app/gradio/pull/4405)
+- Fixed bug where `gr.File(file_count='multiple')` could not be cached as output by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4421](https://github.com/gradio-app/gradio/pull/4421)
+- Restricts the domains that can be proxied via `/proxy` route by [@abidlabs](https://github.com/abidlabs) in [PR 4406](https://github.com/gradio-app/gradio/pull/4406).
+- Fixes issue where `gr.UploadButton` could not be used to upload the same file twice by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4437](https://github.com/gradio-app/gradio/pull/4437)
+- Fixes bug where `/proxy` route was being incorrectly constructed by the frontend by [@abidlabs](https://github.com/abidlabs) in [PR 4430](https://github.com/gradio-app/gradio/pull/4430).
+- Fix z-index of status component by [@hannahblair](https://github.com/hannahblair) in [PR 4429](https://github.com/gradio-app/gradio/pull/4429)
+- Fix video rendering in Safari by [@aliabid94](https://github.com/aliabid94) in [PR 4433](https://github.com/gradio-app/gradio/pull/4433).
+- The output directory for files downloaded when calling Blocks as a function is now set to a temporary directory by default (instead of the working directory in some cases) by [@abidlabs](https://github.com/abidlabs) in [PR 4501](https://github.com/gradio-app/gradio/pull/4501)
+
+### Other Changes:
+
+- When running on Spaces, handler functions will be transformed by the [PySpaces](https://pypi.org/project/spaces/) library in order to make them work with specific hardware. It will have no effect on standalone Gradio apps or regular Gradio Spaces and can be globally deactivated as follows : `import spaces; spaces.disable_gradio_auto_wrap()` by [@cbensimon](https://github.com/cbensimon) in [PR 4389](https://github.com/gradio-app/gradio/pull/4389).
+- Deprecated `.style` parameter and moved arguments to constructor. Added support for `.update()` to all arguments initially in style. Added `scale` and `min_width` support to every Component. By [@aliabid94](https://github.com/aliabid94) in [PR 4374](https://github.com/gradio-app/gradio/pull/4374)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.33.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Allow `every` to work with generators by [@dkjshk](https://github.com/dkjshk) in [PR 4434](https://github.com/gradio-app/gradio/pull/4434)
+- Fix z-index of status component by [@hannahblair](https://github.com/hannahblair) in [PR 4429](https://github.com/gradio-app/gradio/pull/4429)
+- Allow gradio to work offline, by [@aliabid94](https://github.com/aliabid94) in [PR 4398](https://github.com/gradio-app/gradio/pull/4398).
+- Fixed `validate_url` to check for 403 errors and use a GET request in place of a HEAD by [@alvindaiyan](https://github.com/alvindaiyan) in [PR 4388](https://github.com/gradio-app/gradio/pull/4388).
+
+### Other Changes:
+
+- More explicit error message when share link binary is blocked by antivirus by [@abidlabs](https://github.com/abidlabs) in [PR 4380](https://github.com/gradio-app/gradio/pull/4380).
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.33.0
+
+### New Features:
+
+- Introduced `gradio deploy` to launch a Gradio app to Spaces directly from your terminal. By [@aliabid94](https://github.com/aliabid94) in [PR 4033](https://github.com/gradio-app/gradio/pull/4033).
+- Introduce `show_progress='corner'` argument to event listeners, which will not cover the output components with the progress animation, but instead show it in the corner of the components. By [@aliabid94](https://github.com/aliabid94) in [PR 4396](https://github.com/gradio-app/gradio/pull/4396).
+
+### Bug Fixes:
+
+- Fix bug where Label change event was triggering itself by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4371](https://github.com/gradio-app/gradio/pull/4371)
+- Make `Blocks.load` behave like other event listeners (allows chaining `then` off of it) [@anentropic](https://github.com/anentropic/) in [PR 4304](https://github.com/gradio-app/gradio/pull/4304)
+- Respect `interactive=True` in output components of a `gr.Interface` by [@abidlabs](https://github.com/abidlabs) in [PR 4356](https://github.com/gradio-app/gradio/pull/4356).
+- Remove unused frontend code by [@akx](https://github.com/akx) in [PR 4275](https://github.com/gradio-app/gradio/pull/4275)
+- Fixes favicon path on Windows by [@abidlabs](https://github.com/abidlabs) in [PR 4369](https://github.com/gradio-app/gradio/pull/4369).
+- Prevent path traversal in `/file` routes by [@abidlabs](https://github.com/abidlabs) in [PR 4370](https://github.com/gradio-app/gradio/pull/4370).
+- Do not send HF token to other domains via `/proxy` route by [@abidlabs](https://github.com/abidlabs) in [PR 4368](https://github.com/gradio-app/gradio/pull/4368).
+- Replace default `markedjs` sanitize function with DOMPurify sanitizer for `gr.Chatbot()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4360](https://github.com/gradio-app/gradio/pull/4360)
+- Prevent the creation of duplicate copy buttons in the chatbot and ensure copy buttons work in non-secure contexts by [@binary-husky](https://github.com/binary-husky) in [PR 4350](https://github.com/gradio-app/gradio/pull/4350).
+
+### Other Changes:
+
+- Remove flicker of loading bar by adding opacity transition, by [@aliabid94](https://github.com/aliabid94) in [PR 4349](https://github.com/gradio-app/gradio/pull/4349).
+- Performance optimization in the frontend's Blocks code by [@akx](https://github.com/akx) in [PR 4334](https://github.com/gradio-app/gradio/pull/4334)
+- Upgrade the pnpm lock file format version from v6.0 to v6.1 by [@whitphx](https://github.com/whitphx) in [PR 4393](https://github.com/gradio-app/gradio/pull/4393)
+
+### Breaking Changes:
+
+- The `/file=` route no longer allows accessing dotfiles or files in "dot directories" by [@akx](https://github.com/akx) in [PR 4303](https://github.com/gradio-app/gradio/pull/4303)
+
+## 3.32.0
+
+### New Features:
+
+- `Interface.launch()` and `Blocks.launch()` now accept an `app_kwargs` argument to allow customizing the configuration of the underlying FastAPI app, by [@akx](https://github.com/akx) in [PR 4282](https://github.com/gradio-app/gradio/pull/4282)
+
+### Bug Fixes:
+
+- Fixed Gallery/AnnotatedImage components not respecting GRADIO_DEFAULT_DIR variable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4256](https://github.com/gradio-app/gradio/pull/4256)
+- Fixed Gallery/AnnotatedImage components resaving identical images by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4256](https://github.com/gradio-app/gradio/pull/4256)
+- Fixed Audio/Video/File components creating empty tempfiles on each run by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4256](https://github.com/gradio-app/gradio/pull/4256)
+- Fixed the behavior of the `run_on_click` parameter in `gr.Examples` by [@abidlabs](https://github.com/abidlabs) in [PR 4258](https://github.com/gradio-app/gradio/pull/4258).
+- Ensure error modal displays when the queue is enabled by [@pngwn](https://github.com/pngwn) in [PR 4273](https://github.com/gradio-app/gradio/pull/4273)
+- Ensure js client respcts the full root when making requests to the server by [@pngwn](https://github.com/pngwn) in [PR 4271](https://github.com/gradio-app/gradio/pull/4271)
+
+### Other Changes:
+
+- Refactor web component `initial_height` attribute by [@whitphx](https://github.com/whitphx) in [PR 4223](https://github.com/gradio-app/gradio/pull/4223)
+- Relocate `mount_css` fn to remove circular dependency [@whitphx](https://github.com/whitphx) in [PR 4222](https://github.com/gradio-app/gradio/pull/4222)
+- Upgrade Black to 23.3 by [@akx](https://github.com/akx) in [PR 4259](https://github.com/gradio-app/gradio/pull/4259)
+- Add frontend LaTeX support in `gr.Chatbot()` using `KaTeX` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4285](https://github.com/gradio-app/gradio/pull/4285).
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.31.0
+
+### New Features:
+
+- The reloader command (`gradio app.py`) can now accept command line arguments by [@micky2be](https://github.com/micky2be) in [PR 4119](https://github.com/gradio-app/gradio/pull/4119)
+- Added `format` argument to `Audio` component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4178](https://github.com/gradio-app/gradio/pull/4178)
+- Add JS client code snippets to use via api page by [@aliabd](https://github.com/aliabd) in [PR 3927](https://github.com/gradio-app/gradio/pull/3927).
+- Update to the JS client by [@pngwn](https://github.com/pngwn) in [PR 4202](https://github.com/gradio-app/gradio/pull/4202)
+
+### Bug Fixes:
+
+- Fix "TypeError: issubclass() arg 1 must be a class" When use Optional[Types] by [@lingfengchencn](https://github.com/lingfengchencn) in [PR 4200](https://github.com/gradio-app/gradio/pull/4200).
+- Gradio will no longer send any analytics or call home if analytics are disabled with the GRADIO_ANALYTICS_ENABLED environment variable. By [@akx](https://github.com/akx) in [PR 4194](https://github.com/gradio-app/gradio/pull/4194) and [PR 4236](https://github.com/gradio-app/gradio/pull/4236)
+- The deprecation warnings for kwargs now show the actual stack level for the invocation, by [@akx](https://github.com/akx) in [PR 4203](https://github.com/gradio-app/gradio/pull/4203).
+- Fix "TypeError: issubclass() arg 1 must be a class" When use Optional[Types] by [@lingfengchencn](https://github.com/lingfengchencn) in [PR 4200](https://github.com/gradio-app/gradio/pull/4200).
+- Ensure cancelling functions work correctly by [@pngwn](https://github.com/pngwn) in [PR 4225](https://github.com/gradio-app/gradio/pull/4225)
+- Fixes a bug with typing.get_type_hints() on Python 3.9 by [@abidlabs](https://github.com/abidlabs) in [PR 4228](https://github.com/gradio-app/gradio/pull/4228).
+- Fixes JSONDecodeError by [@davidai](https://github.com/davidai) in [PR 4241](https://github.com/gradio-app/gradio/pull/4241)
+- Fix `chatbot_dialogpt` demo by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4238](https://github.com/gradio-app/gradio/pull/4238).
+
+### Other Changes:
+
+- Change `gr.Chatbot()` markdown parsing to frontend using `marked` library and `prism` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4150](https://github.com/gradio-app/gradio/pull/4150)
+- Update the js client by [@pngwn](https://github.com/pngwn) in [PR 3899](https://github.com/gradio-app/gradio/pull/3899)
+- Fix documentation for the shape of the numpy array produced by the `Image` component by [@der3318](https://github.com/der3318) in [PR 4204](https://github.com/gradio-app/gradio/pull/4204).
+- Updates the timeout for websocket messaging from 1 second to 5 seconds by [@abidlabs](https://github.com/abidlabs) in [PR 4235](https://github.com/gradio-app/gradio/pull/4235)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.30.0
+
+### New Features:
+
+- Adds a `root_path` parameter to `launch()` that allows running Gradio applications on subpaths (e.g. www.example.com/app) behind a proxy, by [@abidlabs](https://github.com/abidlabs) in [PR 4133](https://github.com/gradio-app/gradio/pull/4133)
+- Fix dropdown change listener to trigger on change when updated as an output by [@aliabid94](https://github.com/aliabid94) in [PR 4128](https://github.com/gradio-app/gradio/pull/4128).
+- Add `.input` event listener, which is only triggered when a user changes the component value (as compared to `.change`, which is also triggered when a component updates as the result of a function trigger), by [@aliabid94](https://github.com/aliabid94) in [PR 4157](https://github.com/gradio-app/gradio/pull/4157).
+
+### Bug Fixes:
+
+- Records username when flagging by [@abidlabs](https://github.com/abidlabs) in [PR 4135](https://github.com/gradio-app/gradio/pull/4135)
+- Fix website build issue by [@aliabd](https://github.com/aliabd) in [PR 4142](https://github.com/gradio-app/gradio/pull/4142)
+- Fix lang agnostic type info for `gr.File(file_count='multiple')` output components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4153](https://github.com/gradio-app/gradio/pull/4153)
+
+### Other Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+## 3.29.0
+
+### New Features:
+
+- Returning language agnostic types in the `/info` route by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4039](https://github.com/gradio-app/gradio/pull/4039)
+
+### Bug Fixes:
+
+- Allow users to upload audio files in Audio component on iOS by by [@aliabid94](https://github.com/aliabid94) in [PR 4071](https://github.com/gradio-app/gradio/pull/4071).
+- Fixes the gradio theme builder error that appeared on launch by [@aliabid94](https://github.com/aliabid94) and [@abidlabs](https://github.com/abidlabs) in [PR 4080](https://github.com/gradio-app/gradio/pull/4080)
+- Keep Accordion content in DOM by [@aliabid94](https://github.com/aliabid94) in [PR 4070](https://github.com/gradio-app/gradio/pull/4073)
+- Fixed bug where type hints in functions caused the event handler to crash by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 4068](https://github.com/gradio-app/gradio/pull/4068)
+- Fix dropdown default value not appearing by [@aliabid94](https://github.com/aliabid94) in [PR 4072](https://github.com/gradio-app/gradio/pull/4072).
+- Soft theme label color fix by [@aliabid94](https://github.com/aliabid94) in [PR 4070](https://github.com/gradio-app/gradio/pull/4070)
+- Fix `gr.Slider` `release` event not triggering on mobile by [@space-nuko](https://github.com/space-nuko) in [PR 4098](https://github.com/gradio-app/gradio/pull/4098)
+- Removes extraneous `State` component info from the `/info` route by [@abidlabs](https://github.com/freddyaboulton) in [PR 4107](https://github.com/gradio-app/gradio/pull/4107)
+- Make .then() work even if first event fails by [@aliabid94](https://github.com/aliabid94) in [PR 4115](https://github.com/gradio-app/gradio/pull/4115).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Allow users to submit with enter in Interfaces with textbox / number inputs [@aliabid94](https://github.com/aliabid94) in [PR 4090](https://github.com/gradio-app/gradio/pull/4090).
+- Updates gradio's requirements.txt to requires uvicorn>=0.14.0 by [@abidlabs](https://github.com/abidlabs) in [PR 4086](https://github.com/gradio-app/gradio/pull/4086)
+- Updates some error messaging by [@abidlabs](https://github.com/abidlabs) in [PR 4086](https://github.com/gradio-app/gradio/pull/4086)
+- Renames simplified Chinese translation file from `zh-cn.json` to `zh-CN.json` by [@abidlabs](https://github.com/abidlabs) in [PR 4086](https://github.com/gradio-app/gradio/pull/4086)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.3
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixes issue with indentation in `gr.Code()` component with streaming by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4043](https://github.com/gradio-app/gradio/pull/4043)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.2
+
+### Bug Fixes
+
+- Code component visual updates by [@pngwn](https://github.com/pngwn) in [PR 4051](https://github.com/gradio-app/gradio/pull/4051)
+
+### New Features:
+
+- Add support for `visual-question-answering`, `document-question-answering`, and `image-to-text` using `gr.Interface.load("models/...")` and `gr.Interface.from_pipeline` by [@osanseviero](https://github.com/osanseviero) in [PR 3887](https://github.com/gradio-app/gradio/pull/3887)
+- Add code block support in `gr.Chatbot()`, by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 4048](https://github.com/gradio-app/gradio/pull/4048)
+- Adds the ability to blocklist filepaths (and also improves the allowlist mechanism) by [@abidlabs](https://github.com/abidlabs) in [PR 4047](https://github.com/gradio-app/gradio/pull/4047).
+- Adds the ability to specify the upload directory via an environment variable by [@abidlabs](https://github.com/abidlabs) in [PR 4047](https://github.com/gradio-app/gradio/pull/4047).
+
+### Bug Fixes:
+
+- Fixes issue with `matplotlib` not rendering correctly if the backend was not set to `Agg` by [@abidlabs](https://github.com/abidlabs) in [PR 4029](https://github.com/gradio-app/gradio/pull/4029)
+- Fixes bug where rendering the same `gr.State` across different Interfaces/Blocks within larger Blocks would not work by [@abidlabs](https://github.com/abidlabs) in [PR 4030](https://github.com/gradio-app/gradio/pull/4030)
+- Code component visual updates by [@pngwn](https://github.com/pngwn) in [PR 4051](https://github.com/gradio-app/gradio/pull/4051)
+
+### Documentation Changes:
+
+- Adds a Guide on how to use the Python Client within a FastAPI app, by [@abidlabs](https://github.com/abidlabs) in [PR 3892](https://github.com/gradio-app/gradio/pull/3892)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+- `gr.HuggingFaceDatasetSaver` behavior changed internally. The `flagging/` folder is not a `.git/` folder anymore when using it. `organization` parameter is now ignored in favor of passing a full dataset id as `dataset_name` (e.g. `"username/my-dataset"`).
+- New lines (`\n`) are not automatically converted to `<br>` in `gr.Markdown()` or `gr.Chatbot()`. For multiple new lines, a developer must add multiple `<br>` tags.
+
+### Full Changelog:
+
+- Safer version of `gr.HuggingFaceDatasetSaver` using HTTP methods instead of git pull/push by [@Wauplin](https://github.com/Wauplin) in [PR 3973](https://github.com/gradio-app/gradio/pull/3973)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.1
+
+### New Features:
+
+- Add a "clear mask" button to `gr.Image` sketch modes, by [@space-nuko](https://github.com/space-nuko) in [PR 3615](https://github.com/gradio-app/gradio/pull/3615)
+
+### Bug Fixes:
+
+- Fix dropdown default value not appearing by [@aliabid94](https://github.com/aliabid94) in [PR 3996](https://github.com/gradio-app/gradio/pull/3996).
+- Fix faded coloring of output textboxes in iOS / Safari by [@aliabid94](https://github.com/aliabid94) in [PR 3993](https://github.com/gradio-app/gradio/pull/3993)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+- CI: Simplified Python CI workflow by [@akx](https://github.com/akx) in [PR 3982](https://github.com/gradio-app/gradio/pull/3982)
+- Upgrade pyright to 1.1.305 by [@akx](https://github.com/akx) in [PR 4042](https://github.com/gradio-app/gradio/pull/4042)
+- More Ruff rules are enabled and lint errors fixed by [@akx](https://github.com/akx) in [PR 4038](https://github.com/gradio-app/gradio/pull/4038)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.28.0
+
+### Bug Fixes:
+
+- Fix duplicate play commands in full-screen mode of 'video'. by [@tomchang25](https://github.com/tomchang25) in [PR 3968](https://github.com/gradio-app/gradio/pull/3968).
+- Fix the issue of the UI stuck caused by the 'selected' of DataFrame not being reset. by [@tomchang25](https://github.com/tomchang25) in [PR 3916](https://github.com/gradio-app/gradio/pull/3916).
+- Fix issue where `gr.Video()` would not work inside a `gr.Tab()` by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3891](https://github.com/gradio-app/gradio/pull/3891)
+- Fixed issue with old_value check in File. by [@tomchang25](https://github.com/tomchang25) in [PR 3859](https://github.com/gradio-app/gradio/pull/3859).
+- Fixed bug where all bokeh plots appeared in the same div by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3896](https://github.com/gradio-app/gradio/pull/3896)
+- Fixed image outputs to automatically take full output image height, unless explicitly set, by [@aliabid94](https://github.com/aliabid94) in [PR 3905](https://github.com/gradio-app/gradio/pull/3905)
+- Fix issue in `gr.Gallery()` where setting height causes aspect ratio of images to collapse by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3830](https://github.com/gradio-app/gradio/pull/3830)
+- Fix issue where requesting for a non-existing file would trigger a 500 error by [@micky2be](https://github.com/micky2be) in `[PR 3895](https://github.com/gradio-app/gradio/pull/3895)`.
+- Fix bugs with abspath about symlinks, and unresolvable path on Windows by [@micky2be](https://github.com/micky2be) in `[PR 3895](https://github.com/gradio-app/gradio/pull/3895)`.
+- Fixes type in client `Status` enum by [@10zinten](https://github.com/10zinten) in [PR 3931](https://github.com/gradio-app/gradio/pull/3931)
+- Fix `gr.ChatBot` to handle image url [tye-singwa](https://github.com/tye-signwa) in [PR 3953](https://github.com/gradio-app/gradio/pull/3953)
+- Move Google Tag Manager related initialization code to analytics-enabled block by [@akx](https://github.com/akx) in [PR 3956](https://github.com/gradio-app/gradio/pull/3956)
+- Fix bug where port was not reused if the demo was closed and then re-launched by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3896](https://github.com/gradio-app/gradio/pull/3959)
+- Fixes issue where dropdown does not position itself at selected element when opened [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3639](https://github.com/gradio-app/gradio/pull/3639)
+
+### Documentation Changes:
+
+- Make use of `gr` consistent across the docs by [@duerrsimon](https://github.com/duerrsimon) in [PR 3901](https://github.com/gradio-app/gradio/pull/3901)
+- Fixed typo in theming-guide.md by [@eltociear](https://github.com/eltociear) in [PR 3952](https://github.com/gradio-app/gradio/pull/3952)
+
+### Testing and Infrastructure Changes:
+
+- CI: Python backend lint is only run once, by [@akx](https://github.com/akx) in [PR 3960](https://github.com/gradio-app/gradio/pull/3960)
+- Format invocations and concatenations were replaced by f-strings where possible by [@akx](https://github.com/akx) in [PR 3984](https://github.com/gradio-app/gradio/pull/3984)
+- Linting rules were made more strict and issues fixed by [@akx](https://github.com/akx) in [PR 3979](https://github.com/gradio-app/gradio/pull/3979).
+
+### Breaking Changes:
+
+- Some re-exports in `gradio.themes` utilities (introduced in 3.24.0) have been eradicated.
+  By [@akx](https://github.com/akx) in [PR 3958](https://github.com/gradio-app/gradio/pull/3958)
+
+### Full Changelog:
+
+- Add DESCRIPTION.md to image_segmentation demo by [@aliabd](https://github.com/aliabd) in [PR 3866](https://github.com/gradio-app/gradio/pull/3866)
+- Fix error in running `gr.themes.builder()` by [@deepkyu](https://github.com/deepkyu) in [PR 3869](https://github.com/gradio-app/gradio/pull/3869)
+- Fixed a JavaScript TypeError when loading custom JS with `_js` and setting `outputs` to `None` in `gradio.Blocks()` by [@DavG25](https://github.com/DavG25) in [PR 3883](https://github.com/gradio-app/gradio/pull/3883)
+- Fixed bg_background_fill theme property to expand to whole background, block_radius to affect form elements as well, and added block_label_shadow theme property by [@aliabid94](https://github.com/aliabid94) in [PR 3590](https://github.com/gradio-app/gradio/pull/3590)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.27.0
+
+### New Features:
+
+###### AnnotatedImage Component
+
+New AnnotatedImage component allows users to highlight regions of an image, either by providing bounding boxes, or 0-1 pixel masks. This component is useful for tasks such as image segmentation, object detection, and image captioning.
+
+![AnnotatedImage screenshot](https://user-images.githubusercontent.com/7870876/232142720-86e0020f-beaf-47b9-a843-689c9621f09c.gif)
+
+Example usage:
+
+```python
+with gr.Blocks() as demo:
+    img = gr.Image()
+    img_section = gr.AnnotatedImage()
+    def mask(img):
+        top_left_corner = [0, 0, 20, 20]
+        random_mask = np.random.randint(0, 2, img.shape[:2])
+        return (img, [(top_left_corner, "left corner"), (random_mask, "random")])
+    img.change(mask, img, img_section)
+```
+
+See the [image_segmentation demo](https://github.com/gradio-app/gradio/tree/main/demo/image_segmentation) for a full example. By [@aliabid94](https://github.com/aliabid94) in [PR 3836](https://github.com/gradio-app/gradio/pull/3836)
+
+### Bug Fixes:
+
+No changes to highlight.
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.26.0
+
+### New Features:
+
+###### `Video` component supports subtitles
+
+- Allow the video component to accept subtitles as input, by [@tomchang25](https://github.com/tomchang25) in [PR 3673](https://github.com/gradio-app/gradio/pull/3673). To provide subtitles, simply return a tuple consisting of `(path_to_video, path_to_subtitles)` from your function. Both `.srt` and `.vtt` formats are supported:
+
+```py
+with gr.Blocks() as demo:
+    gr.Video(("video.mp4", "captions.srt"))
+```
+
+### Bug Fixes:
+
+- Fix code markdown support in `gr.Chatbot()` component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3816](https://github.com/gradio-app/gradio/pull/3816)
+
+### Documentation Changes:
+
+- Updates the "view API" page in Gradio apps to use the `gradio_client` library by [@aliabd](https://github.com/aliabd) in [PR 3765](https://github.com/gradio-app/gradio/pull/3765)
+
+- Read more about how to use the `gradio_client` library here: https://gradio.app/getting-started-with-the-python-client/
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.25.0
+
+### New Features:
+
+- Improve error messages when number of inputs/outputs to event handlers mismatch, by [@space-nuko](https://github.com/space-nuko) in [PR 3519](https://github.com/gradio-app/gradio/pull/3519)
+
+- Add `select` listener to Images, allowing users to click on any part of an image and get the coordinates of the click by [@aliabid94](https://github.com/aliabid94) in [PR 3786](https://github.com/gradio-app/gradio/pull/3786).
+
+```python
+with gr.Blocks() as demo:
+    img = gr.Image()
+    textbox = gr.Textbox()
+
+    def select_handler(img, evt: gr.SelectData):
+        selected_pixel = img[evt.index[1], evt.index[0]]
+        return f"Selected pixel: {selected_pixel}"
+
+    img.select(select_handler, img, textbox)
+```
+
+![Recording 2023-04-08 at 17 44 39](https://user-images.githubusercontent.com/7870876/230748572-90a2a8d5-116d-4769-bb53-5516555fbd0f.gif)
+
+### Bug Fixes:
+
+- Increase timeout for sending analytics data by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3647](https://github.com/gradio-app/gradio/pull/3647)
+- Fix bug where http token was not accessed over websocket connections by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3735](https://github.com/gradio-app/gradio/pull/3735)
+- Add ability to specify `rows`, `columns` and `object-fit` in `style()` for `gr.Gallery()` component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3586](https://github.com/gradio-app/gradio/pull/3586)
+- Fix bug where recording an audio file through the microphone resulted in a corrupted file name by [@abidlabs](https://github.com/abidlabs) in [PR 3770](https://github.com/gradio-app/gradio/pull/3770)
+- Added "ssl_verify" to blocks.launch method to allow for use of self-signed certs by [@garrettsutula](https://github.com/garrettsutula) in [PR 3873](https://github.com/gradio-app/gradio/pull/3873)
+- Fix bug where iterators where not being reset for processes that terminated early by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3777](https://github.com/gradio-app/gradio/pull/3777)
+- Fix bug where the upload button was not properly handling the `file_count='multiple'` case by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3782](https://github.com/gradio-app/gradio/pull/3782)
+- Fix bug where use Via API button was giving error by [@Devang-C](https://github.com/Devang-C) in [PR 3783](https://github.com/gradio-app/gradio/pull/3783)
+
+### Documentation Changes:
+
+- Fix invalid argument docstrings, by [@akx](https://github.com/akx) in [PR 3740](https://github.com/gradio-app/gradio/pull/3740)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixed IPv6 listening to work with bracket [::1] notation, by [@dsully](https://github.com/dsully) in [PR 3695](https://github.com/gradio-app/gradio/pull/3695)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.24.1
+
+### New Features:
+
+- No changes to highlight.
+
+### Bug Fixes:
+
+- Fixes Chatbot issue where new lines were being created every time a message was sent back and forth by [@aliabid94](https://github.com/aliabid94) in [PR 3717](https://github.com/gradio-app/gradio/pull/3717).
+- Fixes data updating in DataFrame invoking a `select` event once the dataframe has been selected. By [@yiyuezhuo](https://github.com/yiyuezhuo) in [PR 3861](https://github.com/gradio-app/gradio/pull/3861)
+- Fixes false positive warning which is due to too strict type checking by [@yiyuezhuo](https://github.com/yiyuezhuo) in [PR 3837](https://github.com/gradio-app/gradio/pull/3837).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.24.0
+
+### New Features:
+
+- Trigger the release event when Slider number input is released or unfocused by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3589](https://github.com/gradio-app/gradio/pull/3589)
+- Created Theme Builder, which allows users to create themes without writing any code, by [@aliabid94](https://github.com/aliabid94) in [PR 3664](https://github.com/gradio-app/gradio/pull/3664). Launch by:
+
+  ```python
+  import gradio as gr
+  gr.themes.builder()
+  ```
+
+  ![Theme Builder](https://user-images.githubusercontent.com/7870876/228204929-d71cbba5-69c2-45b3-bd20-e3a201d98b12.png)
+
+- The `Dropdown` component now has a `allow_custom_value` parameter that lets users type in custom values not in the original list of choices.
+- The `Colorpicker` component now has a `.blur()` event
+
+###### Added a download button for videos! 📥
+
+![download_video](https://user-images.githubusercontent.com/41651716/227009612-9bc5fb72-2a44-4c55-9b7b-a0fa098e7f25.gif)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3581](https://github.com/gradio-app/gradio/pull/3581).
+
+- Trigger the release event when Slider number input is released or unfocused by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3589](https://github.com/gradio-app/gradio/pull/3589)
+
+### Bug Fixes:
+
+- Fixed bug where text for altair plots was not legible in dark mode by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3555](https://github.com/gradio-app/gradio/pull/3555)
+- Fixes `Chatbot` and `Image` components so that files passed during processing are added to a directory where they can be served from, by [@abidlabs](https://github.com/abidlabs) in [PR 3523](https://github.com/gradio-app/gradio/pull/3523)
+- Use Gradio API server to send telemetry using `huggingface_hub` [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3488](https://github.com/gradio-app/gradio/pull/3488)
+- Fixes an an issue where if the Blocks scope was not exited, then State could be shared across sessions, by [@abidlabs](https://github.com/abidlabs) in [PR 3600](https://github.com/gradio-app/gradio/pull/3600)
+- Ensures that `gr.load()` loads and applies the upstream theme, by [@abidlabs](https://github.com/abidlabs) in [PR 3641](https://github.com/gradio-app/gradio/pull/3641)
+- Fixed bug where "or" was not being localized in file upload text by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3599](https://github.com/gradio-app/gradio/pull/3599)
+- Fixed bug where chatbot does not autoscroll inside of a tab, row or column by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3637](https://github.com/gradio-app/gradio/pull/3637)
+- Fixed bug where textbox shrinks when `lines` set to larger than 20 by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3637](https://github.com/gradio-app/gradio/pull/3637)
+- Ensure CSS has fully loaded before rendering the application, by [@pngwn](https://github.com/pngwn) in [PR 3573](https://github.com/gradio-app/gradio/pull/3573)
+- Support using an empty list as `gr.Dataframe` value, by [@space-nuko](https://github.com/space-nuko) in [PR 3646](https://github.com/gradio-app/gradio/pull/3646)
+- Fixed `gr.Image` not filling the entire element size, by [@space-nuko](https://github.com/space-nuko) in [PR 3649](https://github.com/gradio-app/gradio/pull/3649)
+- Make `gr.Code` support the `lines` property, by [@space-nuko](https://github.com/space-nuko) in [PR 3651](https://github.com/gradio-app/gradio/pull/3651)
+- Fixes certain `_js` return values being double wrapped in an array, by [@space-nuko](https://github.com/space-nuko) in [PR 3594](https://github.com/gradio-app/gradio/pull/3594)
+- Correct the documentation of `gr.File` component to state that its preprocessing method converts the uploaded file to a temporary file, by @RussellLuo in [PR 3660](https://github.com/gradio-app/gradio/pull/3660)
+- Fixed bug in Serializer ValueError text by [@osanseviero](https://github.com/osanseviero) in [PR 3669](https://github.com/gradio-app/gradio/pull/3669)
+- Fix default parameter argument and `gr.Progress` used in same function, by [@space-nuko](https://github.com/space-nuko) in [PR 3671](https://github.com/gradio-app/gradio/pull/3671)
+- Hide `Remove All` button in `gr.Dropdown` single-select mode by [@space-nuko](https://github.com/space-nuko) in [PR 3678](https://github.com/gradio-app/gradio/pull/3678)
+- Fix broken spaces in docs by [@aliabd](https://github.com/aliabd) in [PR 3698](https://github.com/gradio-app/gradio/pull/3698)
+- Fix items in `gr.Dropdown` besides the selected item receiving a checkmark, by [@space-nuko](https://github.com/space-nuko) in [PR 3644](https://github.com/gradio-app/gradio/pull/3644)
+- Fix several `gr.Dropdown` issues and improve usability, by [@space-nuko](https://github.com/space-nuko) in [PR 3705](https://github.com/gradio-app/gradio/pull/3705)
+
+### Documentation Changes:
+
+- Makes some fixes to the Theme Guide related to naming of variables, by [@abidlabs](https://github.com/abidlabs) in [PR 3561](https://github.com/gradio-app/gradio/pull/3561)
+- Documented `HuggingFaceDatasetJSONSaver` by [@osanseviero](https://github.com/osanseviero) in [PR 3604](https://github.com/gradio-app/gradio/pull/3604)
+- Makes some additions to documentation of `Audio` and `State` components, and fixes the `pictionary` demo by [@abidlabs](https://github.com/abidlabs) in [PR 3611](https://github.com/gradio-app/gradio/pull/3611)
+- Fix outdated sharing your app guide by [@aliabd](https://github.com/aliabd) in [PR 3699](https://github.com/gradio-app/gradio/pull/3699)
+
+### Testing and Infrastructure Changes:
+
+- Removed heavily-mocked tests related to comet_ml, wandb, and mlflow as they added a significant amount of test dependencies that prevented installation of test dependencies on Windows environments. By [@abidlabs](https://github.com/abidlabs) in [PR 3608](https://github.com/gradio-app/gradio/pull/3608)
+- Added Windows continuous integration, by [@space-nuko](https://github.com/space-nuko) in [PR 3628](https://github.com/gradio-app/gradio/pull/3628)
+- Switched linting from flake8 + isort to `ruff`, by [@akx](https://github.com/akx) in [PR 3710](https://github.com/gradio-app/gradio/pull/3710)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Mobile responsive iframes in themes guide by [@aliabd](https://github.com/aliabd) in [PR 3562](https://github.com/gradio-app/gradio/pull/3562)
+- Remove extra $demo from theme guide by [@aliabd](https://github.com/aliabd) in [PR 3563](https://github.com/gradio-app/gradio/pull/3563)
+- Set the theme name to be the upstream repo name when loading from the hub by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3595](https://github.com/gradio-app/gradio/pull/3595)
+- Copy everything in website Dockerfile, fix build issues by [@aliabd](https://github.com/aliabd) in [PR 3659](https://github.com/gradio-app/gradio/pull/3659)
+- Raise error when an event is queued but the queue is not configured by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3640](https://github.com/gradio-app/gradio/pull/3640)
+- Allows users to apss in a string name for a built-in theme, by [@abidlabs](https://github.com/abidlabs) in [PR 3641](https://github.com/gradio-app/gradio/pull/3641)
+- Added `orig_name` to Video output in the backend so that the front end can set the right name for downloaded video files by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3700](https://github.com/gradio-app/gradio/pull/3700)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.23.0
+
+### New Features:
+
+###### Theme Sharing!
+
+Once you have created a theme, you can upload it to the HuggingFace Hub to let others view it, use it, and build off of it! You can also download, reuse, and remix other peoples' themes. See https://gradio.app/theming-guide/ for more details.
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3428](https://github.com/gradio-app/gradio/pull/3428)
+
+### Bug Fixes:
+
+- Removes leading spaces from all lines of code uniformly in the `gr.Code()` component. By [@abidlabs](https://github.com/abidlabs) in [PR 3556](https://github.com/gradio-app/gradio/pull/3556)
+- Fixed broken login page, by [@aliabid94](https://github.com/aliabid94) in [PR 3529](https://github.com/gradio-app/gradio/pull/3529)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fix rendering of dropdowns to take more space, and related bugs, by [@aliabid94](https://github.com/aliabid94) in [PR 3549](https://github.com/gradio-app/gradio/pull/3549)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.22.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Restore label bars by [@aliabid94](https://github.com/aliabid94) in [PR 3507](https://github.com/gradio-app/gradio/pull/3507)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.22.0
+
+### New Features:
+
+###### Official Theme release
+
+Gradio now supports a new theme system, which allows you to customize the look and feel of your app. You can now use the `theme=` kwarg to pass in a prebuilt theme, or customize your own! See https://gradio.app/theming-guide/ for more details. By [@aliabid94](https://github.com/aliabid94) in [PR 3470](https://github.com/gradio-app/gradio/pull/3470) and [PR 3497](https://github.com/gradio-app/gradio/pull/3497)
+
+###### `elem_classes`
+
+Add keyword argument `elem_classes` to Components to control class names of components, in the same manner as existing `elem_id`.
+By [@aliabid94](https://github.com/aliabid94) in [PR 3466](https://github.com/gradio-app/gradio/pull/3466)
+
+### Bug Fixes:
+
+- Fixes the File.upload() event trigger which broke as part of the change in how we uploaded files by [@abidlabs](https://github.com/abidlabs) in [PR 3462](https://github.com/gradio-app/gradio/pull/3462)
+- Fixed issue with `gr.Request` object failing to handle dictionaries when nested keys couldn't be converted to variable names [#3454](https://github.com/gradio-app/gradio/issues/3454) by [@radames](https://github.com/radames) in [PR 3459](https://github.com/gradio-app/gradio/pull/3459)
+- Fixed bug where css and client api was not working properly when mounted in a subpath by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3482](https://github.com/gradio-app/gradio/pull/3482)
+
+### Documentation Changes:
+
+- Document gr.Error in the docs by [@aliabd](https://github.com/aliabd) in [PR 3465](https://github.com/gradio-app/gradio/pull/3465)
+
+### Testing and Infrastructure Changes:
+
+- Pinned `pyright==1.1.298` for stability by [@abidlabs](https://github.com/abidlabs) in [PR 3475](https://github.com/gradio-app/gradio/pull/3475)
+- Removed `IOComponent.add_interactive_to_config()` by [@space-nuko](https://github.com/space-nuko) in [PR 3476](https://github.com/gradio-app/gradio/pull/3476)
+- Removed `IOComponent.generate_sample()` by [@space-nuko](https://github.com/space-nuko) in [PR 3475](https://github.com/gradio-app/gradio/pull/3483)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Revert primary button background color in dark mode by [@aliabid94](https://github.com/aliabid94) in [PR 3468](https://github.com/gradio-app/gradio/pull/3468)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.21.0
+
+### New Features:
+
+###### Theme Sharing 🎨 🤝
+
+You can now share your gradio themes with the world!
+
+After creating a theme, you can upload it to the HuggingFace Hub to let others view it, use it, and build off of it!
+
+###### Uploading
+
+There are two ways to upload a theme, via the theme class instance or the command line.
+
+1. Via the class instance
+
+```python
+my_theme.push_to_hub(repo_name="my_theme",
+                     version="0.2.0",
+                     hf_token="...")
+```
+
+2. Via the command line
+
+First save the theme to disk
+
+```python
+my_theme.dump(filename="my_theme.json")
+```
+
+Then use the `upload_theme` command:
+
+```bash
+upload_theme\
+"my_theme.json"\
+"my_theme"\
+"0.2.0"\
+"<hf-token>"
+```
+
+The `version` must be a valid [semantic version](https://www.geeksforgeeks.org/introduction-semantic-versioning/) string.
+
+This creates a space on the huggingface hub to host the theme files and show potential users a preview of your theme.
+
+An example theme space is here: https://huggingface.co/spaces/freddyaboulton/dracula_revamped
+
+###### Downloading
+
+To use a theme from the hub, use the `from_hub` method on the `ThemeClass` and pass it to your app:
+
+```python
+my_theme = gr.Theme.from_hub("freddyaboulton/my_theme")
+
+with gr.Blocks(theme=my_theme) as demo:
+    ....
+```
+
+You can also pass the theme string directly to `Blocks` or `Interface` (`gr.Blocks(theme="freddyaboulton/my_theme")`)
+
+You can pin your app to an upstream theme version by using semantic versioning expressions.
+
+For example, the following would ensure the theme we load from the `my_theme` repo was between versions `0.1.0` and `0.2.0`:
+
+```python
+with gr.Blocks(theme="freddyaboulton/my_theme@>=0.1.0,<0.2.0") as demo:
+    ....
+```
+
+by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3428](https://github.com/gradio-app/gradio/pull/3428)
+
+###### Code component 🦾
+
+New code component allows you to enter, edit and display code with full syntax highlighting by [@pngwn](https://github.com/pngwn) in [PR 3421](https://github.com/gradio-app/gradio/pull/3421)
+
+###### The `Chatbot` component now supports audio, video, and images
+
+The `Chatbot` component now supports audio, video, and images with a simple syntax: simply
+pass in a tuple with the URL or filepath (the second optional element of the tuple is alt text), and the image/audio/video will be displayed:
+
+```python
+gr.Chatbot([
+    (("driving.mp4",), "cool video"),
+    (("cantina.wav",), "cool audio"),
+    (("lion.jpg", "A lion"), "cool pic"),
+]).style(height=800)
+```
+
+<img width="1054" alt="image" src="https://user-images.githubusercontent.com/1778297/224116682-5908db47-f0fa-405c-82ab-9c7453e8c4f1.png">
+
+Note: images were previously supported via Markdown syntax and that is still supported for backwards compatibility. By [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3413](https://github.com/gradio-app/gradio/pull/3413)
+
+- Allow consecutive function triggers with `.then` and `.success` by [@aliabid94](https://github.com/aliabid94) in [PR 3430](https://github.com/gradio-app/gradio/pull/3430)
+
+- New code component allows you to enter, edit and display code with full syntax highlighting by [@pngwn](https://github.com/pngwn) in [PR 3421](https://github.com/gradio-app/gradio/pull/3421)
+
+![](https://user-images.githubusercontent.com/12937446/224116643-5cfb94b3-93ce-43ee-bb7b-c25c3b66e0a1.png)
+
+- Added the `.select()` event listener, which also includes event data that can be passed as an argument to a function with type hint `gr.SelectData`. The following components support the `.select()` event listener: Chatbot, CheckboxGroup, Dataframe, Dropdown, File, Gallery, HighlightedText, Label, Radio, TabItem, Tab, Textbox. Example usage:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gallery = gr.Gallery(["images/1.jpg", "images/2.jpg", "images/3.jpg"])
+    selected_index = gr.Textbox()
+
+    def on_select(evt: gr.SelectData):
+        return evt.index
+
+    gallery.select(on_select, None, selected_index)
+```
+
+By [@aliabid94](https://github.com/aliabid94) in [PR 3399](https://github.com/gradio-app/gradio/pull/3399)
+
+- The `Textbox` component now includes a copy button by [@abidlabs](https://github.com/abidlabs) in [PR 3452](https://github.com/gradio-app/gradio/pull/3452)
+
+### Bug Fixes:
+
+- Use `huggingface_hub` to send telemetry on `interface` and `blocks`; eventually to replace segment by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3342](https://github.com/gradio-app/gradio/pull/3342)
+- Ensure load events created by components (randomize for slider, callable values) are never queued unless every is passed by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3391](https://github.com/gradio-app/gradio/pull/3391)
+- Prevent in-place updates of `generic_update` by shallow copying by [@gitgithan](https://github.com/gitgithan) in [PR 3405](https://github.com/gradio-app/gradio/pull/3405) to fix [#3282](https://github.com/gradio-app/gradio/issues/3282)
+- Fix bug caused by not importing `BlockContext` in `utils.py` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3424](https://github.com/gradio-app/gradio/pull/3424)
+- Ensure dropdown does not highlight partial matches by [@pngwn](https://github.com/pngwn) in [PR 3421](https://github.com/gradio-app/gradio/pull/3421)
+- Fix mic button display by [@aliabid94](https://github.com/aliabid94) in [PR 3456](https://github.com/gradio-app/gradio/pull/3456)
+
+### Documentation Changes:
+
+- Added a section on security and access when sharing Gradio apps by [@abidlabs](https://github.com/abidlabs) in [PR 3408](https://github.com/gradio-app/gradio/pull/3408)
+- Add Chinese README by [@uanu2002](https://github.com/uanu2002) in [PR 3394](https://github.com/gradio-app/gradio/pull/3394)
+- Adds documentation for web components by [@abidlabs](https://github.com/abidlabs) in [PR 3407](https://github.com/gradio-app/gradio/pull/3407)
+- Fixed link in Chinese readme by [@eltociear](https://github.com/eltociear) in [PR 3417](https://github.com/gradio-app/gradio/pull/3417)
+- Document Blocks methods by [@aliabd](https://github.com/aliabd) in [PR 3427](https://github.com/gradio-app/gradio/pull/3427)
+- Fixed bug where event handlers were not showing up in documentation by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3434](https://github.com/gradio-app/gradio/pull/3434)
+
+### Testing and Infrastructure Changes:
+
+- Fixes tests that were failing locally but passing on CI by [@abidlabs](https://github.com/abidlabs) in [PR 3411](https://github.com/gradio-app/gradio/pull/3411)
+- Remove codecov from the repo by [@aliabd](https://github.com/aliabd) in [PR 3415](https://github.com/gradio-app/gradio/pull/3415)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Prevent in-place updates of `generic_update` by shallow copying by [@gitgithan](https://github.com/gitgithan) in [PR 3405](https://github.com/gradio-app/gradio/pull/3405) to fix [#3282](https://github.com/gradio-app/gradio/issues/3282)
+- Persist file names of files uploaded through any Gradio component by [@abidlabs](https://github.com/abidlabs) in [PR 3412](https://github.com/gradio-app/gradio/pull/3412)
+- Fix markdown embedded component in docs by [@aliabd](https://github.com/aliabd) in [PR 3410](https://github.com/gradio-app/gradio/pull/3410)
+- Clean up event listeners code by [@aliabid94](https://github.com/aliabid94) in [PR 3420](https://github.com/gradio-app/gradio/pull/3420)
+- Fix css issue with spaces logo by [@aliabd](https://github.com/aliabd) in [PR 3422](https://github.com/gradio-app/gradio/pull/3422)
+- Makes a few fixes to the `JSON` component (show_label parameter, icons) in [@abidlabs](https://github.com/abidlabs) in [PR 3451](https://github.com/gradio-app/gradio/pull/3451)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.20.1
+
+### New Features:
+
+- Add `height` kwarg to style in `gr.Chatbot()` component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3369](https://github.com/gradio-app/gradio/pull/3369)
+
+```python
+chatbot = gr.Chatbot().style(height=500)
+```
+
+### Bug Fixes:
+
+- Ensure uploaded images are always shown in the sketch tool by [@pngwn](https://github.com/pngwn) in [PR 3386](https://github.com/gradio-app/gradio/pull/3386)
+- Fixes bug where when if fn is a non-static class member, then self should be ignored as the first param of the fn by [@or25](https://github.com/or25) in [PR #3227](https://github.com/gradio-app/gradio/pull/3227)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.20.0
+
+### New Features:
+
+###### Release event for Slider
+
+Now you can trigger your python function to run when the slider is released as opposed to every slider change value!
+
+Simply use the `release` method on the slider
+
+```python
+slider.release(function, inputs=[...], outputs=[...], api_name="predict")
+```
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3353](https://github.com/gradio-app/gradio/pull/3353)
+
+###### Dropdown Component Updates
+
+The standard dropdown component now supports searching for choices. Also when `multiselect` is `True`, you can specify `max_choices` to set the maximum number of choices you want the user to be able to select from the dropdown component.
+
+```python
+gr.Dropdown(label="Choose your favorite colors", choices=["red", "blue", "green", "yellow", "orange"], multiselect=True, max_choices=2)
+```
+
+by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3211](https://github.com/gradio-app/gradio/pull/3211)
+
+###### Download button for images 🖼️
+
+Output images will now automatically have a download button displayed to make it easier to save and share
+the results of Machine Learning art models.
+
+![download_sketch](https://user-images.githubusercontent.com/41651716/221025113-e693bf41-eabd-42b3-a4f2-26f2708d98fe.gif)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3297](https://github.com/gradio-app/gradio/pull/3297)
+
+- Updated image upload component to accept all image formats, including lossless formats like .webp by [@fienestar](https://github.com/fienestar) in [PR 3225](https://github.com/gradio-app/gradio/pull/3225)
+- Adds a disabled mode to the `gr.Button` component by setting `interactive=False` by [@abidlabs](https://github.com/abidlabs) in [PR 3266](https://github.com/gradio-app/gradio/pull/3266) and [PR 3288](https://github.com/gradio-app/gradio/pull/3288)
+- Adds visual feedback to the when the Flag button is clicked, by [@abidlabs](https://github.com/abidlabs) in [PR 3289](https://github.com/gradio-app/gradio/pull/3289)
+- Adds ability to set `flagging_options` display text and saved flag separately by [@abidlabs](https://github.com/abidlabs) in [PR 3289](https://github.com/gradio-app/gradio/pull/3289)
+- Allow the setting of `brush_radius` for the `Image` component both as a default and via `Image.update()` by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
+- Added `info=` argument to form components to enable extra context provided to users, by [@aliabid94](https://github.com/aliabid94) in [PR 3291](https://github.com/gradio-app/gradio/pull/3291)
+- Allow developers to access the username of a logged-in user from the `gr.Request()` object using the `.username` attribute by [@abidlabs](https://github.com/abidlabs) in [PR 3296](https://github.com/gradio-app/gradio/pull/3296)
+- Add `preview` option to `Gallery.style` that launches the gallery in preview mode when first loaded by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3345](https://github.com/gradio-app/gradio/pull/3345)
+
+### Bug Fixes:
+
+- Ensure `mirror_webcam` is always respected by [@pngwn](https://github.com/pngwn) in [PR 3245](https://github.com/gradio-app/gradio/pull/3245)
+- Fix issue where updated markdown links were not being opened in a new tab by [@gante](https://github.com/gante) in [PR 3236](https://github.com/gradio-app/gradio/pull/3236)
+- API Docs Fixes by [@aliabd](https://github.com/aliabd) in [PR 3287](https://github.com/gradio-app/gradio/pull/3287)
+- Added a timeout to queue messages as some demos were experiencing infinitely growing queues from active jobs waiting forever for clients to respond by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3196](https://github.com/gradio-app/gradio/pull/3196)
+- Fixes the height of rendered LaTeX images so that they match the height of surrounding text by [@abidlabs](https://github.com/abidlabs) in [PR 3258](https://github.com/gradio-app/gradio/pull/3258) and in [PR 3276](https://github.com/gradio-app/gradio/pull/3276)
+- Fix bug where matplotlib images where always too small on the front end by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3274](https://github.com/gradio-app/gradio/pull/3274)
+- Remove embed's `initial_height` when loading is complete so the embed finds its natural height once it is loaded [@pngwn](https://github.com/pngwn) in [PR 3292](https://github.com/gradio-app/gradio/pull/3292)
+- Prevent Sketch from crashing when a default image is provided by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
+- Respect the `shape` argument on the front end when creating Image Sketches by [@pngwn](https://github.com/pngwn) in [PR 3277](https://github.com/gradio-app/gradio/pull/3277)
+- Fix infinite loop caused by setting `Dropdown's` value to be `[]` and adding a change event on the dropdown by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3295](https://github.com/gradio-app/gradio/pull/3295)
+- Fix change event listed twice in image docs by [@aliabd](https://github.com/aliabd) in [PR 3318](https://github.com/gradio-app/gradio/pull/3318)
+- Fix bug that cause UI to be vertically centered at all times by [@pngwn](https://github.com/pngwn) in [PR 3336](https://github.com/gradio-app/gradio/pull/3336)
+- Fix bug where `height` set in `Gallery.style` was not respected by the front-end by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3343](https://github.com/gradio-app/gradio/pull/3343)
+- Ensure markdown lists are rendered correctly by [@pngwn](https://github.com/pngwn) in [PR 3341](https://github.com/gradio-app/gradio/pull/3341)
+- Ensure that the initial empty value for `gr.Dropdown(Multiselect=True)` is an empty list and the initial value for `gr.Dropdown(Multiselect=False)` is an empty string by [@pngwn](https://github.com/pngwn) in [PR 3338](https://github.com/gradio-app/gradio/pull/3338)
+- Ensure uploaded images respect the shape property when the canvas is also enabled by [@pngwn](https://github.com/pngwn) in [PR 3351](https://github.com/gradio-app/gradio/pull/3351)
+- Ensure that Google Analytics works correctly when gradio apps are created with `analytics_enabled=True` by [@abidlabs](https://github.com/abidlabs) in [PR 3349](https://github.com/gradio-app/gradio/pull/3349)
+- Fix bug where files were being re-uploaded after updates by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3375](https://github.com/gradio-app/gradio/pull/3375)
+- Fix error when using backen_fn and custom js at the same time by [@jialeicui](https://github.com/jialeicui) in [PR 3358](https://github.com/gradio-app/gradio/pull/3358)
+- Support new embeds for huggingface spaces subdomains by [@pngwn](https://github.com/pngwn) in [PR 3367](https://github.com/gradio-app/gradio/pull/3367)
+
+### Documentation Changes:
+
+- Added the `types` field to the dependency field in the config by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3315](https://github.com/gradio-app/gradio/pull/3315)
+- Gradio Status Page by [@aliabd](https://github.com/aliabd) in [PR 3331](https://github.com/gradio-app/gradio/pull/3331)
+- Adds a Guide on setting up a dashboard from Supabase data using the `gr.BarPlot`
+  component by [@abidlabs](https://github.com/abidlabs) in [PR 3275](https://github.com/gradio-app/gradio/pull/3275)
+
+### Testing and Infrastructure Changes:
+
+- Adds a script to benchmark the performance of the queue and adds some instructions on how to use it. By [@freddyaboulton](https://github.com/freddyaboulton) and [@abidlabs](https://github.com/abidlabs) in [PR 3272](https://github.com/gradio-app/gradio/pull/3272)
+- Flaky python tests no longer cancel non-flaky tests by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3344](https://github.com/gradio-app/gradio/pull/3344)
+
+### Breaking Changes:
+
+- Chatbot bubble colors can no longer be set by `chatbot.style(color_map=)` by [@aliabid94] in [PR 3370](https://github.com/gradio-app/gradio/pull/3370)
+
+### Full Changelog:
+
+- Fixed comment typo in components.py by [@eltociear](https://github.com/eltociear) in [PR 3235](https://github.com/gradio-app/gradio/pull/3235)
+- Cleaned up chatbot ui look and feel by [@aliabid94] in [PR 3370](https://github.com/gradio-app/gradio/pull/3370)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.19.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- UI fixes including footer and API docs by [@aliabid94](https://github.com/aliabid94) in [PR 3242](https://github.com/gradio-app/gradio/pull/3242)
+- Updated image upload component to accept all image formats, including lossless formats like .webp by [@fienestar](https://github.com/fienestar) in [PR 3225](https://github.com/gradio-app/gradio/pull/3225)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Added backend support for themes by [@aliabid94](https://github.com/aliabid94) in [PR 2931](https://github.com/gradio-app/gradio/pull/2931)
+- Added support for button sizes "lg" (default) and "sm".
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.19.0
+
+### New Features:
+
+###### Improved embedding experience
+
+When embedding a spaces-hosted gradio app as a web component, you now get an improved UI linking back to the original space, better error handling and more intelligent load performance. No changes are required to your code to benefit from this enhanced experience; simply upgrade your gradio SDK to the latest version.
+
+![](https://user-images.githubusercontent.com/12937446/219653294-86937632-72c1-4e93-a77c-af705d49382a.png)
+
+This behaviour is configurable. You can disable the info panel at the bottom by passing `info="false"`. You can disable the container entirely by passing `container="false"`.
+
+Error statuses are reported in the UI with an easy way for end-users to report problems to the original space author via the community tab of that Hugginface space:
+
+![](https://user-images.githubusercontent.com/12937446/219655499-88019443-d694-44e7-9e6d-242e19d10a5c.png)
+
+By default, gradio apps are lazy loaded, vastly improving performance when there are several demos on the page. Metadata is loaded ahead of time, but the space will only be loaded and rendered when it is in view.
+
+This behaviour is configurable. You can pass `eager="true"` to load and render the space regardless of whether or not it is currently on the screen.
+
+by [@pngwn](https://github.com/pngwn) in [PR 3205](https://github.com/gradio-app/gradio/pull/3205)
+
+###### New `gr.BarPlot` component! 📊
+
+Create interactive bar plots from a high-level interface with `gr.BarPlot`.
+No need to remember matplotlib syntax anymore!
+
+Example usage:
+
+```python
+import gradio as gr
+import pandas as pd
+
+simple = pd.DataFrame({
+    'a': ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I'],
+    'b': [28, 55, 43, 91, 81, 53, 19, 87, 52]
+})
+
+with gr.Blocks() as demo:
+    gr.BarPlot(
+        simple,
+        x="a",
+        y="b",
+        title="Simple Bar Plot with made up data",
+        tooltip=['a', 'b'],
+    )
+
+demo.launch()
+```
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3157](https://github.com/gradio-app/gradio/pull/3157)
+
+###### Bokeh plots are back! 🌠
+
+Fixed a bug that prevented bokeh plots from being displayed on the front end and extended support for both 2.x and 3.x versions of bokeh!
+
+![image](https://user-images.githubusercontent.com/41651716/219468324-0d82e07f-8fb4-4ff9-b40c-8250b29e45f7.png)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3212](https://github.com/gradio-app/gradio/pull/3212)
+
+### Bug Fixes:
+
+- Adds ability to add a single message from the bot or user side. Ex: specify `None` as the second value in the tuple, to add a single message in the chatbot from the "bot" side.
+
+```python
+gr.Chatbot([("Hi, I'm DialoGPT. Try asking me a question.", None)])
+```
+
+By [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3165](https://github.com/gradio-app/gradio/pull/3165)
+
+- Fixes `gr.utils.delete_none` to only remove props whose values are `None` from the config by [@abidlabs](https://github.com/abidlabs) in [PR 3188](https://github.com/gradio-app/gradio/pull/3188)
+- Fix bug where embedded demos were not loading files properly by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3177](https://github.com/gradio-app/gradio/pull/3177)
+- The `change` event is now triggered when users click the 'Clear All' button of the multiselect DropDown component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3195](https://github.com/gradio-app/gradio/pull/3195)
+- Stops File component from freezing when a large file is uploaded by [@aliabid94](https://github.com/aliabid94) in [PR 3191](https://github.com/gradio-app/gradio/pull/3191)
+- Support Chinese pinyin in Dataframe by [@aliabid94](https://github.com/aliabid94) in [PR 3206](https://github.com/gradio-app/gradio/pull/3206)
+- The `clear` event is now triggered when images are cleared by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3218](https://github.com/gradio-app/gradio/pull/3218)
+- Fix bug where auth cookies where not sent when connecting to an app via http by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3223](https://github.com/gradio-app/gradio/pull/3223)
+- Ensure latext CSS is always applied in light and dark mode by [@pngwn](https://github.com/pngwn) in [PR 3233](https://github.com/gradio-app/gradio/pull/3233)
+
+### Documentation Changes:
+
+- Sort components in docs by alphabetic order by [@aliabd](https://github.com/aliabd) in [PR 3152](https://github.com/gradio-app/gradio/pull/3152)
+- Changes to W&B guide by [@scottire](https://github.com/scottire) in [PR 3153](https://github.com/gradio-app/gradio/pull/3153)
+- Keep pnginfo metadata for gallery by [@wfng92](https://github.com/wfng92) in [PR 3150](https://github.com/gradio-app/gradio/pull/3150)
+- Add a section on how to run a Gradio app locally [@osanseviero](https://github.com/osanseviero) in [PR 3170](https://github.com/gradio-app/gradio/pull/3170)
+- Fixed typos in gradio events function documentation by [@vidalmaxime](https://github.com/vidalmaxime) in [PR 3168](https://github.com/gradio-app/gradio/pull/3168)
+- Added an example using Gradio's batch mode with the diffusers library by [@abidlabs](https://github.com/abidlabs) in [PR 3224](https://github.com/gradio-app/gradio/pull/3224)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fix demos page css and add close demos button by [@aliabd](https://github.com/aliabd) in [PR 3151](https://github.com/gradio-app/gradio/pull/3151)
+- Caches temp files from base64 input data by giving them a deterministic path based on the contents of data by [@abidlabs](https://github.com/abidlabs) in [PR 3197](https://github.com/gradio-app/gradio/pull/3197)
+- Better warnings (when there is a mismatch between the number of output components and values returned by a function, or when the `File` component or `UploadButton` component includes a `file_types` parameter along with `file_count=="dir"`) by [@abidlabs](https://github.com/abidlabs) in [PR 3194](https://github.com/gradio-app/gradio/pull/3194)
+- Raises a `gr.Error` instead of a regular Python error when you use `gr.Interface.load()` to load a model and there's an error querying the HF API by [@abidlabs](https://github.com/abidlabs) in [PR 3194](https://github.com/gradio-app/gradio/pull/3194)
+- Fixed gradio share links so that they are persistent and do not reset if network
+  connection is disrupted by by [XciD](https://github.com/XciD), [Wauplin](https://github.com/Wauplin), and [@abidlabs](https://github.com/abidlabs) in [PR 3149](https://github.com/gradio-app/gradio/pull/3149) and a follow-up to allow it to work for users upgrading from a previous Gradio version in [PR 3221](https://github.com/gradio-app/gradio/pull/3221)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.18.0
+
+### New Features:
+
+###### Revamped Stop Button for Interfaces 🛑
+
+If your Interface function is a generator, there used to be a separate `Stop` button displayed next
+to the `Submit` button.
+
+We've revamed the `Submit` button so that it turns into a `Stop` button during the generation process.
+Clicking on the `Stop` button will cancel the generation and turn it back to a `Submit` button.
+The `Stop` button will automatically turn back to a `Submit` button at the end of the generation if you don't use it!
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3124](https://github.com/gradio-app/gradio/pull/3124)
+
+###### Queue now works with reload mode!
+
+You can now call `queue` on your `demo` outside of the `if __name__ == "__main__"` block and
+run the script in reload mode with the `gradio` command.
+
+Any changes to the `app.py` file will be reflected in the webpage automatically and the queue will work
+properly!
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3089)
+
+###### Allow serving files from additional directories
+
+```python
+demo = gr.Interface(...)
+demo.launch(
+  file_directories=["/var/lib/demo/path/to/resources"]
+)
+```
+
+By [@maxaudron](https://github.com/maxaudron) in [PR 3075](https://github.com/gradio-app/gradio/pull/3075)
+
+### Bug Fixes:
+
+- Fixes URL resolution on Windows by [@abidlabs](https://github.com/abidlabs) in [PR 3108](https://github.com/gradio-app/gradio/pull/3108)
+- Example caching now works with components without a label attribute (e.g. `Column`) by [@abidlabs](https://github.com/abidlabs) in [PR 3123](https://github.com/gradio-app/gradio/pull/3123)
+- Ensure the Video component correctly resets the UI state when a new video source is loaded and reduce choppiness of UI by [@pngwn](https://github.com/abidlabs) in [PR 3117](https://github.com/gradio-app/gradio/pull/3117)
+- Fixes loading private Spaces by [@abidlabs](https://github.com/abidlabs) in [PR 3068](https://github.com/gradio-app/gradio/pull/3068)
+- Added a warning when attempting to launch an `Interface` via the `%%blocks` jupyter notebook magic command by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3126](https://github.com/gradio-app/gradio/pull/3126)
+- Fixes bug where interactive output image cannot be set when in edit mode by [@dawoodkhan82](https://github.com/@dawoodkhan82) in [PR 3135](https://github.com/gradio-app/gradio/pull/3135)
+- A share link will automatically be created when running on Sagemaker notebooks so that the front-end is properly displayed by [@abidlabs](https://github.com/abidlabs) in [PR 3137](https://github.com/gradio-app/gradio/pull/3137)
+- Fixes a few dropdown component issues; hide checkmark next to options as expected, and keyboard hover is visible by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3145]https://github.com/gradio-app/gradio/pull/3145)
+- Fixed bug where example pagination buttons were not visible in dark mode or displayed under the examples table. By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3144](https://github.com/gradio-app/gradio/pull/3144)
+- Fixed bug where the font color of axis labels and titles for native plots did not respond to dark mode preferences. By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3146](https://github.com/gradio-app/gradio/pull/3146)
+
+### Documentation Changes:
+
+- Added a guide on the 4 kinds of Gradio Interfaces by [@yvrjsharma](https://github.com/yvrjsharma) and [@abidlabs](https://github.com/abidlabs) in [PR 3003](https://github.com/gradio-app/gradio/pull/3003)
+- Explained that the parameters in `launch` will not be respected when using reload mode, e.g. `gradio` command by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3089)
+- Added a demo to show how to set up variable numbers of outputs in Gradio by [@abidlabs](https://github.com/abidlabs) in [PR 3127](https://github.com/gradio-app/gradio/pull/3127)
+- Updated docs to reflect that the `equal_height` parameter should be passed to the `.style()` method of `gr.Row()` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3125](https://github.com/gradio-app/gradio/pull/3125)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Changed URL of final image for `fake_diffusion` demos by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3120](https://github.com/gradio-app/gradio/pull/3120)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.17.1
+
+### New Features:
+
+###### iOS image rotation fixed 🔄
+
+Previously photos uploaded via iOS would be rotated after processing. This has been fixed by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3091)
+
+######### Before
+
+![image](https://user-images.githubusercontent.com/41651716/215846507-a36e9d05-1ac2-4867-8ab3-ce045a9415d9.png)
+
+######### After
+
+![image](https://user-images.githubusercontent.com/41651716/215846554-e41773ed-70f0-491a-9952-6a18babf91ef.png)
+
+###### Run on Kaggle kernels 🧪
+
+A share link will automatically be created when running on Kaggle kernels (notebooks) so that the front-end is properly displayed.
+
+![image](https://user-images.githubusercontent.com/41651716/216104254-2cf55599-449c-436c-b57e-40f6a83f9eee.png)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3101](https://github.com/gradio-app/gradio/pull/3101)
+
+### Bug Fixes:
+
+- Fix bug where examples were not rendered correctly for demos created with Blocks api that had multiple input compinents by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3090](https://github.com/gradio-app/gradio/pull/3090)
+- Fix change event listener for JSON, HighlightedText, Chatbot by [@aliabid94](https://github.com/aliabid94) in [PR 3095](https://github.com/gradio-app/gradio/pull/3095)
+- Fixes bug where video and file change event not working [@tomchang25](https://github.com/tomchang25) in [PR 3098](https://github.com/gradio-app/gradio/pull/3098)
+- Fixes bug where static_video play and pause event not working [@tomchang25](https://github.com/tomchang25) in [PR 3098](https://github.com/gradio-app/gradio/pull/3098)
+- Fixed `Gallery.style(grid=...)` by by [@aliabd](https://github.com/aliabd) in [PR 3107](https://github.com/gradio-app/gradio/pull/3107)
+
+### Documentation Changes:
+
+- Update chatbot guide to include blocks demo and markdown support section by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3023](https://github.com/gradio-app/gradio/pull/3023)
+
+* Fix a broken link in the Quick Start guide, by [@cakiki](https://github.com/cakiki) in [PR 3109](https://github.com/gradio-app/gradio/pull/3109)
+* Better docs navigation on mobile by [@aliabd](https://github.com/aliabd) in [PR 3112](https://github.com/gradio-app/gradio/pull/3112)
+* Add a guide on using Gradio with [Comet](https://comet.com/), by [@DN6](https://github.com/DN6/) in [PR 3058](https://github.com/gradio-app/gradio/pull/3058)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Set minimum `markdown-it-py` version to `2.0.0` so that the dollar math plugin is compatible by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3102](https://github.com/gradio-app/gradio/pull/3102)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.17.0
+
+### New Features:
+
+###### Extended support for Interface.load! 🏗️
+
+You can now load `image-to-text` and `conversational` pipelines from the hub!
+
+###### Image-to-text Demo
+
+```python
+io = gr.Interface.load("models/nlpconnect/vit-gpt2-image-captioning",
+                       api_key="<optional-api-key>")
+io.launch()
+```
+
+<img width="1087" alt="image" src="https://user-images.githubusercontent.com/41651716/213260197-dc5d80b4-6e50-4b3a-a764-94980930ac38.png">
+
+###### conversational Demo
+
+```python
+chatbot = gr.Interface.load("models/microsoft/DialoGPT-medium",
+                           api_key="<optional-api-key>")
+chatbot.launch()
+```
+
+![chatbot_load](https://user-images.githubusercontent.com/41651716/213260220-3eaa25b7-a38b-48c6-adeb-2718bdf297a2.gif)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3011](https://github.com/gradio-app/gradio/pull/3011)
+
+###### Download Button added to Model3D Output Component 📥
+
+No need for an additional file output component to enable model3d file downloads anymore. We now added a download button to the model3d component itself.
+
+<img width="739" alt="Screenshot 2023-01-18 at 3 52 45 PM" src="https://user-images.githubusercontent.com/12725292/213294198-5f4fda35-bde7-450c-864f-d5683e7fa29a.png">
+
+By [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3014](https://github.com/gradio-app/gradio/pull/3014)
+
+###### Fixing Auth on Spaces 🔑
+
+Authentication on spaces works now! Third party cookies must be enabled on your browser to be able
+to log in. Some browsers disable third party cookies by default (Safari, Chrome Incognito).
+
+![auth_spaces](https://user-images.githubusercontent.com/41651716/215528417-09538933-0576-4d1d-b3b9-1e877ab01905.gif)
+
+### Bug Fixes:
+
+- Fixes bug where interpretation event was not configured correctly by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2993](https://github.com/gradio-app/gradio/pull/2993)
+- Fix relative import bug in reload mode by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2992](https://github.com/gradio-app/gradio/pull/2992)
+- Fixes bug where png files were not being recognized when uploading images by [@abidlabs](https://github.com/abidlabs) in [PR 3002](https://github.com/gradio-app/gradio/pull/3002)
+- Fixes bug where external Spaces could not be loaded and used as functions if they returned files by [@abidlabs](https://github.com/abidlabs) in [PR 3004](https://github.com/gradio-app/gradio/pull/3004)
+- Fix bug where file serialization output was not JSON serializable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2999](https://github.com/gradio-app/gradio/pull/2999)
+- Fixes bug where png files were not being recognized when uploading images by [@abidlabs](https://github.com/abidlabs) in [PR 3002](https://github.com/gradio-app/gradio/pull/3002)
+- Fixes bug where temporary uploaded files were not being added to temp sets by [@abidlabs](https://github.com/abidlabs) in [PR 3005](https://github.com/gradio-app/gradio/pull/3005)
+- Fixes issue where markdown support in chatbot breaks older demos [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3006](https://github.com/gradio-app/gradio/pull/3006)
+- Fixes the `/file/` route that was broken in a recent change in [PR 3010](https://github.com/gradio-app/gradio/pull/3010)
+- Fix bug where the Image component could not serialize image urls by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2957](https://github.com/gradio-app/gradio/pull/2957)
+- Fix forwarding for guides after SEO renaming by [@aliabd](https://github.com/aliabd) in [PR 3017](https://github.com/gradio-app/gradio/pull/3017)
+- Switch all pages on the website to use latest stable gradio by [@aliabd](https://github.com/aliabd) in [PR 3016](https://github.com/gradio-app/gradio/pull/3016)
+- Fix bug related to deprecated parameters in `huggingface_hub` for the HuggingFaceDatasetSaver in [PR 3025](https://github.com/gradio-app/gradio/pull/3025)
+- Added better support for symlinks in the way absolute paths are resolved by [@abidlabs](https://github.com/abidlabs) in [PR 3037](https://github.com/gradio-app/gradio/pull/3037)
+- Fix several minor frontend bugs (loading animation, examples as gallery) frontend [@aliabid94](https://github.com/3026) in [PR 2961](https://github.com/gradio-app/gradio/pull/3026).
+- Fixes bug that the chatbot sample code does not work with certain input value by [@petrov826](https://github.com/petrov826) in [PR 3039](https://github.com/gradio-app/gradio/pull/3039).
+- Fix shadows for form element and ensure focus styles more visible in dark mode [@pngwn](https://github.com/pngwn) in [PR 3042](https://github.com/gradio-app/gradio/pull/3042).
+- Fixed bug where the Checkbox and Dropdown change events were not triggered in response to other component changes by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3045](https://github.com/gradio-app/gradio/pull/3045)
+- Fix bug where the queue was not properly restarted after launching a `closed` app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3022](https://github.com/gradio-app/gradio/pull/3022)
+- Adding missing embedded components on docs by [@aliabd](https://github.com/aliabd) in [PR 3027](https://github.com/gradio-app/gradio/pull/3027)
+- Fixes bug where app would crash if the `file_types` parameter of `gr.File` or `gr.UploadButton` was not a list by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3048](https://github.com/gradio-app/gradio/pull/3048)
+- Ensure CSS mounts correctly regardless of how many Gradio instances are on the page [@pngwn](https://github.com/pngwn) in [PR 3059](https://github.com/gradio-app/gradio/pull/3059).
+- Fix bug where input component was not hidden in the frontend for `UploadButton` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3053](https://github.com/gradio-app/gradio/pull/3053)
+- Fixes issue where after clicking submit or undo, the sketch output wouldn't clear. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 3047](https://github.com/gradio-app/gradio/pull/3047)
+- Ensure spaces embedded via the web component always use the correct URLs for server requests and change ports for testing to avoid strange collisions when users are working with embedded apps locally by [@pngwn](https://github.com/pngwn) in [PR 3065](https://github.com/gradio-app/gradio/pull/3065)
+- Preserve selected image of Gallery through updated by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3061](https://github.com/gradio-app/gradio/pull/3061)
+- Fix bug where auth was not respected on HF spaces by [@freddyaboulton](https://github.com/freddyaboulton) and [@aliabid94](https://github.com/aliabid94) in [PR 3049](https://github.com/gradio-app/gradio/pull/3049)
+- Fixes bug where tabs selected attribute not working if manually change tab by [@tomchang25](https://github.com/tomchang25) in [3055](https://github.com/gradio-app/gradio/pull/3055)
+- Change chatbot to show dots on progress, and fix bug where chatbot would not stick to bottom in the case of images by [@aliabid94](https://github.com/aliabid94) in [PR 3067](https://github.com/gradio-app/gradio/pull/3079)
+
+### Documentation Changes:
+
+- SEO improvements to guides by[@aliabd](https://github.com/aliabd) in [PR 2915](https://github.com/gradio-app/gradio/pull/2915)
+- Use `gr.LinePlot` for the `blocks_kinematics` demo by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2998](https://github.com/gradio-app/gradio/pull/2998)
+- Updated the `interface_series_load` to include some inline markdown code by [@abidlabs](https://github.com/abidlabs) in [PR 3051](https://github.com/gradio-app/gradio/pull/3051)
+
+### Testing and Infrastructure Changes:
+
+- Adds a GitHub action to test if any large files (> 5MB) are present by [@abidlabs](https://github.com/abidlabs) in [PR 3013](https://github.com/gradio-app/gradio/pull/3013)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Rewrote frontend using CSS variables for themes by [@pngwn](https://github.com/pngwn) in [PR 2840](https://github.com/gradio-app/gradio/pull/2840)
+- Moved telemetry requests to run on background threads by [@abidlabs](https://github.com/abidlabs) in [PR 3054](https://github.com/gradio-app/gradio/pull/3054)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.16.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fixed file upload fails for files with zero size by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2923](https://github.com/gradio-app/gradio/pull/2923)
+- Fixed bug where `mount_gradio_app` would not launch if the queue was enabled in a gradio app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2939](https://github.com/gradio-app/gradio/pull/2939)
+- Fix custom long CSS handling in Blocks by [@anton-l](https://github.com/anton-l) in [PR 2953](https://github.com/gradio-app/gradio/pull/2953)
+- Recovers the dropdown change event by [@abidlabs](https://github.com/abidlabs) in [PR 2954](https://github.com/gradio-app/gradio/pull/2954).
+- Fix audio file output by [@aliabid94](https://github.com/aliabid94) in [PR 2961](https://github.com/gradio-app/gradio/pull/2961).
+- Fixed bug where file extensions of really long files were not kept after download by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2929](https://github.com/gradio-app/gradio/pull/2929)
+- Fix bug where outputs for examples where not being returned by the backend by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2955](https://github.com/gradio-app/gradio/pull/2955)
+- Fix bug in `blocks_plug` demo that prevented switching tabs programmatically with python [@TashaSkyUp](https://github.com/https://github.com/TashaSkyUp) in [PR 2971](https://github.com/gradio-app/gradio/pull/2971).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.16.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Fix audio file output by [@aliabid94](https://github.com/aliabid94) in [PR 2950](https://github.com/gradio-app/gradio/pull/2950).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.16.0
+
+### New Features:
+
+###### Send custom progress updates by adding a `gr.Progress` argument after the input arguments to any function. Example:
+
+```python
+def reverse(word, progress=gr.Progress()):
+    progress(0, desc="Starting")
+    time.sleep(1)
+    new_string = ""
+    for letter in progress.tqdm(word, desc="Reversing"):
+        time.sleep(0.25)
+        new_string = letter + new_string
+    return new_string
+
+demo = gr.Interface(reverse, gr.Text(), gr.Text())
+```
+
+Progress indicator bar by [@aliabid94](https://github.com/aliabid94) in [PR 2750](https://github.com/gradio-app/gradio/pull/2750).
+
+- Added `title` argument to `TabbedInterface` by @MohamedAliRashad in [#2888](https://github.com/gradio-app/gradio/pull/2888)
+- Add support for specifying file extensions for `gr.File` and `gr.UploadButton`, using `file_types` parameter (e.g `gr.File(file_count="multiple", file_types=["text", ".json", ".csv"])`) by @dawoodkhan82 in [#2901](https://github.com/gradio-app/gradio/pull/2901)
+- Added `multiselect` option to `Dropdown` by @dawoodkhan82 in [#2871](https://github.com/gradio-app/gradio/pull/2871)
+
+###### With `multiselect` set to `true` a user can now select multiple options from the `gr.Dropdown` component.
+
+```python
+gr.Dropdown(["angola", "pakistan", "canada"], multiselect=True, value=["angola"])
+```
+
+<img width="610" alt="Screenshot 2023-01-03 at 4 14 36 PM" src="https://user-images.githubusercontent.com/12725292/210442547-c86975c9-4b4f-4b8e-8803-9d96e6a8583a.png">
+
+### Bug Fixes:
+
+- Fixed bug where an error opening an audio file led to a crash by [@FelixDombek](https://github.com/FelixDombek) in [PR 2898](https://github.com/gradio-app/gradio/pull/2898)
+- Fixed bug where setting `default_enabled=False` made it so that the entire queue did not start by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2876](https://github.com/gradio-app/gradio/pull/2876)
+- Fixed bug where csv preview for DataFrame examples would show filename instead of file contents by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2877](https://github.com/gradio-app/gradio/pull/2877)
+- Fixed bug where an error raised after yielding iterative output would not be displayed in the browser by
+  [@JaySmithWpg](https://github.com/JaySmithWpg) in [PR 2889](https://github.com/gradio-app/gradio/pull/2889)
+- Fixed bug in `blocks_style` demo that was preventing it from launching by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2890](https://github.com/gradio-app/gradio/pull/2890)
+- Fixed bug where files could not be downloaded by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2926](https://github.com/gradio-app/gradio/pull/2926)
+- Fixed bug where cached examples were not displaying properly by [@a-rogalska](https://github.com/a-rogalska) in [PR 2974](https://github.com/gradio-app/gradio/pull/2974)
+
+### Documentation Changes:
+
+- Added a Guide on using Google Sheets to create a real-time dashboard with Gradio's `DataFrame` and `LinePlot` component, by [@abidlabs](https://github.com/abidlabs) in [PR 2816](https://github.com/gradio-app/gradio/pull/2816)
+- Add a components - events matrix on the docs by [@aliabd](https://github.com/aliabd) in [PR 2921](https://github.com/gradio-app/gradio/pull/2921)
+
+### Testing and Infrastructure Changes:
+
+- Deployed PRs from forks to spaces by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2895](https://github.com/gradio-app/gradio/pull/2895)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- The `default_enabled` parameter of the `Blocks.queue` method has no effect by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2876](https://github.com/gradio-app/gradio/pull/2876)
+- Added typing to several Python files in codebase by [@abidlabs](https://github.com/abidlabs) in [PR 2887](https://github.com/gradio-app/gradio/pull/2887)
+- Excluding untracked files from demo notebook check action by [@aliabd](https://github.com/aliabd) in [PR 2897](https://github.com/gradio-app/gradio/pull/2897)
+- Optimize images and gifs by [@aliabd](https://github.com/aliabd) in [PR 2922](https://github.com/gradio-app/gradio/pull/2922)
+- Updated typing by [@1nF0rmed](https://github.com/1nF0rmed) in [PR 2904](https://github.com/gradio-app/gradio/pull/2904)
+
+### Contributors Shoutout:
+
+- @JaySmithWpg for making their first contribution to gradio!
+- @MohamedAliRashad for making their first contribution to gradio!
+
+## 3.15.0
+
+### New Features:
+
+Gradio's newest plotting component `gr.LinePlot`! 📈
+
+With this component you can easily create time series visualizations with customizable
+appearance for your demos and dashboards ... all without having to know an external plotting library.
+
+For an example of the api see below:
+
+```python
+gr.LinePlot(stocks,
+            x="date",
+            y="price",
+            color="symbol",
+            color_legend_position="bottom",
+            width=600, height=400, title="Stock Prices")
+```
+
+![image](https://user-images.githubusercontent.com/41651716/208711646-81ae3745-149b-46a3-babd-0569aecdd409.png)
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2807](https://github.com/gradio-app/gradio/pull/2807)
+
+### Bug Fixes:
+
+- Fixed bug where the `examples_per_page` parameter of the `Examples` component was not passed to the internal `Dataset` component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2861](https://github.com/gradio-app/gradio/pull/2861)
+- Fixes loading Spaces that have components with default values by [@abidlabs](https://github.com/abidlabs) in [PR 2855](https://github.com/gradio-app/gradio/pull/2855)
+- Fixes flagging when `allow_flagging="auto"` in `gr.Interface()` by [@abidlabs](https://github.com/abidlabs) in [PR 2695](https://github.com/gradio-app/gradio/pull/2695)
+- Fixed bug where passing a non-list value to `gr.CheckboxGroup` would crash the entire app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2866](https://github.com/gradio-app/gradio/pull/2866)
+
+### Documentation Changes:
+
+- Added a Guide on using BigQuery with Gradio's `DataFrame` and `ScatterPlot` component,
+  by [@abidlabs](https://github.com/abidlabs) in [PR 2794](https://github.com/gradio-app/gradio/pull/2794)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixed importing gradio can cause PIL.Image.registered_extensions() to break by `[@aliencaocao](https://github.com/aliencaocao)` in `[PR 2846](https://github.com/gradio-app/gradio/pull/2846)`
+- Fix css glitch and navigation in docs by [@aliabd](https://github.com/aliabd) in [PR 2856](https://github.com/gradio-app/gradio/pull/2856)
+- Added the ability to set `x_lim`, `y_lim` and legend positions for `gr.ScatterPlot` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2807](https://github.com/gradio-app/gradio/pull/2807)
+- Remove footers and min-height the correct way by [@aliabd](https://github.com/aliabd) in [PR 2860](https://github.com/gradio-app/gradio/pull/2860)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.14.0
+
+### New Features:
+
+###### Add Waveform Visual Support to Audio
+
+Adds a `gr.make_waveform()` function that creates a waveform video by combining an audio and an optional background image by [@dawoodkhan82](http://github.com/dawoodkhan82) and [@aliabid94](http://github.com/aliabid94) in [PR 2706](https://github.com/gradio-app/gradio/pull/2706. Helpful for making audio outputs much more shareable.
+
+![waveform screenrecording](https://user-images.githubusercontent.com/7870876/206062396-164a5e71-451a-4fe0-94a7-cbe9269d57e6.gif)
+
+###### Allows Every Component to Accept an `every` Parameter
+
+When a component's initial value is a function, the `every` parameter re-runs the function every `every` seconds. By [@abidlabs](https://github.com/abidlabs) in [PR 2806](https://github.com/gradio-app/gradio/pull/2806). Here's a code example:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    df = gr.DataFrame(run_query, every=60*60)
+
+demo.queue().launch()
+```
+
+### Bug Fixes:
+
+- Fixed issue where too many temporary files were created, all with randomly generated
+  filepaths. Now fewer temporary files are created and are assigned a path that is a
+  hash based on the file contents by [@abidlabs](https://github.com/abidlabs) in [PR 2758](https://github.com/gradio-app/gradio/pull/2758)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.13.2
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+\*No changes to highlight.
+
+-
+
+### Documentation Changes:
+
+- Improves documentation of several queuing-related parameters by [@abidlabs](https://github.com/abidlabs) in [PR 2825](https://github.com/gradio-app/gradio/pull/2825)
+
+### Testing and Infrastructure Changes:
+
+- Remove h11 pinning by [@ecederstrand](https://github.com/ecederstrand) in [PR 2820](https://github.com/gradio-app/gradio/pull/2820)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+No changes to highlight.
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.13.1
+
+### New Features:
+
+###### New Shareable Links
+
+Replaces tunneling logic based on ssh port-forwarding to that based on `frp` by [XciD](https://github.com/XciD) and [Wauplin](https://github.com/Wauplin) in [PR 2509](https://github.com/gradio-app/gradio/pull/2509)
+
+You don't need to do anything differently, but when you set `share=True` in `launch()`,
+you'll get this message and a public link that look a little bit different:
+
+```bash
+Setting up a public link... we have recently upgraded the way public links are generated. If you encounter any problems, please downgrade to gradio version 3.13.0
+.
+Running on public URL: https://bec81a83-5b5c-471e.gradio.live
+```
+
+These links are a more secure and scalable way to create shareable demos!
+
+### Bug Fixes:
+
+- Allows `gr.Dataframe()` to take a `pandas.DataFrame` that includes numpy array and other types as its initial value, by [@abidlabs](https://github.com/abidlabs) in [PR 2804](https://github.com/gradio-app/gradio/pull/2804)
+- Add `altair` to requirements.txt by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2811](https://github.com/gradio-app/gradio/pull/2811)
+- Added aria-labels to icon buttons that are built into UI components by [@emilyuhde](http://github.com/emilyuhde) in [PR 2791](https://github.com/gradio-app/gradio/pull/2791)
+
+### Documentation Changes:
+
+- Fixed some typos in the "Plot Component for Maps" guide by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2811](https://github.com/gradio-app/gradio/pull/2811)
+
+### Testing and Infrastructure Changes:
+
+- Fixed test for IP address by [@abidlabs](https://github.com/abidlabs) in [PR 2808](https://github.com/gradio-app/gradio/pull/2808)
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixed typo in parameter `visible` in classes in `templates.py` by [@abidlabs](https://github.com/abidlabs) in [PR 2805](https://github.com/gradio-app/gradio/pull/2805)
+- Switched external service for getting IP address from `https://api.ipify.org` to `https://checkip.amazonaws.com/` by [@abidlabs](https://github.com/abidlabs) in [PR 2810](https://github.com/gradio-app/gradio/pull/2810)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+- Fixed typo in parameter `visible` in classes in `templates.py` by [@abidlabs](https://github.com/abidlabs) in [PR 2805](https://github.com/gradio-app/gradio/pull/2805)
+- Switched external service for getting IP address from `https://api.ipify.org` to `https://checkip.amazonaws.com/` by [@abidlabs](https://github.com/abidlabs) in [PR 2810](https://github.com/gradio-app/gradio/pull/2810)
+
+## 3.13.0
+
+### New Features:
+
+###### Scatter plot component
+
+It is now possible to create a scatter plot natively in Gradio!
+
+The `gr.ScatterPlot` component accepts a pandas dataframe and some optional configuration parameters
+and will automatically create a plot for you!
+
+This is the first of many native plotting components in Gradio!
+
+For an example of how to use `gr.ScatterPlot` see below:
+
+```python
+import gradio as gr
+from vega_datasets import data
+
+cars = data.cars()
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(show_label=False,
+                   value=cars,
+                   x="Horsepower",
+                   y="Miles_per_Gallon",
+                   color="Origin",
+                   tooltip="Name",
+                   title="Car Data",
+                   y_title="Miles per Gallon",
+                   color_legend_title="Origin of Car").style(container=False)
+
+demo.launch()
+```
+
+<img width="404" alt="image" src="https://user-images.githubusercontent.com/41651716/206737726-4c4da5f0-dee8-4f0a-b1e1-e2b75c4638e9.png">
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2764](https://github.com/gradio-app/gradio/pull/2764)
+
+###### Support for altair plots
+
+The `Plot` component can now accept altair plots as values!
+Simply return an altair plot from your event listener and gradio will display it in the front-end.
+See the example below:
+
+```python
+import gradio as gr
+import altair as alt
+from vega_datasets import data
+
+cars = data.cars()
+chart = (
+    alt.Chart(cars)
+    .mark_point()
+    .encode(
+        x="Horsepower",
+        y="Miles_per_Gallon",
+        color="Origin",
+    )
+)
+
+with gr.Blocks() as demo:
+    gr.Plot(value=chart)
+demo.launch()
+```
+
+<img width="1366" alt="image" src="https://user-images.githubusercontent.com/41651716/204660697-f994316f-5ca7-4e8a-93bc-eb5e0d556c91.png">
+
+By [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2741](https://github.com/gradio-app/gradio/pull/2741)
+
+###### Set the background color of a Label component
+
+The `Label` component now accepts a `color` argument by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2736](https://github.com/gradio-app/gradio/pull/2736).
+The `color` argument should either be a valid css color name or hexadecimal string.
+You can update the color with `gr.Label.update`!
+
+This lets you create Alert and Warning boxes with the `Label` component. See below:
+
+```python
+import gradio as gr
+import random
+
+def update_color(value):
+    if value < 0:
+        # This is bad so use red
+        return "#FF0000"
+    elif 0 <= value <= 20:
+        # Ok but pay attention (use orange)
+        return "#ff9966"
+    else:
+        # Nothing to worry about
+        return None
+
+def update_value():
+    choice = random.choice(['good', 'bad', 'so-so'])
+    color = update_color(choice)
+    return gr.Label.update(value=choice, color=color)
+
+
+with gr.Blocks() as demo:
+    label = gr.Label(value=-10)
+    demo.load(lambda: update_value(), inputs=None, outputs=[label], every=1)
+demo.queue().launch()
+```
+
+![label_bg_color_update](https://user-images.githubusercontent.com/41651716/204400372-80e53857-f26f-4a38-a1ae-1acadff75e89.gif)
+
+###### Add Brazilian Portuguese translation
+
+Add Brazilian Portuguese translation (pt-BR.json) by [@pstwh](http://github.com/pstwh) in [PR 2753](https://github.com/gradio-app/gradio/pull/2753):
+
+<img width="951" alt="image" src="https://user-images.githubusercontent.com/1778297/206615305-4c52031e-3f7d-4df2-8805-a79894206911.png">
+
+### Bug Fixes:
+
+- Fixed issue where image thumbnails were not showing when an example directory was provided
+  by [@abidlabs](https://github.com/abidlabs) in [PR 2745](https://github.com/gradio-app/gradio/pull/2745)
+- Fixed bug loading audio input models from the hub by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2779](https://github.com/gradio-app/gradio/pull/2779).
+- Fixed issue where entities were not merged when highlighted text was generated from the
+  dictionary inputs [@payoto](https://github.com/payoto) in [PR 2767](https://github.com/gradio-app/gradio/pull/2767)
+- Fixed bug where generating events did not finish running even if the websocket connection was closed by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2783](https://github.com/gradio-app/gradio/pull/2783).
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Images in the chatbot component are now resized if they exceed a max width by [@abidlabs](https://github.com/abidlabs) in [PR 2748](https://github.com/gradio-app/gradio/pull/2748)
+- Missing parameters have been added to `gr.Blocks().load()` by [@abidlabs](https://github.com/abidlabs) in [PR 2755](https://github.com/gradio-app/gradio/pull/2755)
+- Deindex share URLs from search by [@aliabd](https://github.com/aliabd) in [PR 2772](https://github.com/gradio-app/gradio/pull/2772)
+- Redirect old links and fix broken ones by [@aliabd](https://github.com/aliabd) in [PR 2774](https://github.com/gradio-app/gradio/pull/2774)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.12.0
+
+### New Features:
+
+###### The `Chatbot` component now supports a subset of Markdown (including bold, italics, code, images)
+
+You can now pass in some Markdown to the Chatbot component and it will show up,
+meaning that you can pass in images as well! by [@abidlabs](https://github.com/abidlabs) in [PR 2731](https://github.com/gradio-app/gradio/pull/2731)
+
+Here's a simple example that references a local image `lion.jpg` that is in the same
+folder as the Python script:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Chatbot([("hi", "hello **abubakar**"), ("![](/file=lion.jpg)", "cool pic")])
+
+demo.launch()
+```
+
+![Alt text](https://user-images.githubusercontent.com/1778297/204357455-5c1a4002-eee7-479d-9a1e-ba2c12522723.png)
+
+To see a more realistic example, see the new demo `/demo/chatbot_multimodal/run.py`.
+
+###### Latex support
+
+Added mathtext (a subset of latex) support to gr.Markdown. Added by [@kashif](https://github.com/kashif) and [@aliabid94](https://github.com/aliabid94) in [PR 2696](https://github.com/gradio-app/gradio/pull/2696).
+
+Example of how it can be used:
+
+```python
+gr.Markdown(
+    r"""
+    # Hello World! $\frac{\sqrt{x + y}}{4}$ is today's lesson.
+    """)
+```
+
+###### Update Accordion properties from the backend
+
+You can now update the Accordion `label` and `open` status with `gr.Accordion.update` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2690](https://github.com/gradio-app/gradio/pull/2690)
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Accordion(label="Open for greeting", open=False) as accordion:
+        gr.Textbox("Hello!")
+    open_btn = gr.Button(value="Open Accordion")
+    close_btn = gr.Button(value="Close Accordion")
+    open_btn.click(
+        lambda: gr.Accordion.update(open=True, label="Open Accordion"),
+        inputs=None,
+        outputs=[accordion],
+    )
+    close_btn.click(
+        lambda: gr.Accordion.update(open=False, label="Closed Accordion"),
+        inputs=None,
+        outputs=[accordion],
+    )
+demo.launch()
+```
+
+![update_accordion](https://user-images.githubusercontent.com/41651716/203164176-b102eae3-babe-4986-ae30-3ab4f400cedc.gif)
+
+### Bug Fixes:
+
+- Fixed bug where requests timeout is missing from utils.version_check() by [@yujiehecs](https://github.com/yujiehecs) in [PR 2729](https://github.com/gradio-app/gradio/pull/2729)
+- Fixed bug where so that the `File` component can properly preprocess files to "binary" byte-string format by [CoffeeVampir3](https://github.com/CoffeeVampir3) in [PR 2727](https://github.com/gradio-app/gradio/pull/2727)
+- Fixed bug to ensure that filenames are less than 200 characters even for non-English languages by [@SkyTNT](https://github.com/SkyTNT) in [PR 2685](https://github.com/gradio-app/gradio/pull/2685)
+
+### Documentation Changes:
+
+- Performance improvements to docs on mobile by [@aliabd](https://github.com/aliabd) in [PR 2730](https://github.com/gradio-app/gradio/pull/2730)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Make try examples button more prominent by [@aliabd](https://github.com/aliabd) in [PR 2705](https://github.com/gradio-app/gradio/pull/2705)
+- Fix id clashes in docs by [@aliabd](https://github.com/aliabd) in [PR 2713](https://github.com/gradio-app/gradio/pull/2713)
+- Fix typos in guide docs by [@andridns](https://github.com/andridns) in [PR 2722](https://github.com/gradio-app/gradio/pull/2722)
+- Add option to `include_audio` in Video component. When `True`, for `source="webcam"` this will record audio and video, for `source="upload"` this will retain the audio in an uploaded video by [@mandargogate](https://github.com/MandarGogate) in [PR 2721](https://github.com/gradio-app/gradio/pull/2721)
+
+### Contributors Shoutout:
+
+- [@andridns](https://github.com/andridns) made their first contribution in [PR 2722](https://github.com/gradio-app/gradio/pull/2722)!
+
+## 3.11.0
+
+### New Features:
+
+###### Upload Button
+
+There is now a new component called the `UploadButton` which is a file upload component but in button form! You can also specify what file types it should accept in the form of a list (ex: `image`, `video`, `audio`, `text`, or generic `file`). Added by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2591](https://github.com/gradio-app/gradio/pull/2591).
+
+Example of how it can be used:
+
+```python
+import gradio as gr
+
+def upload_file(files):
+    file_paths = [file.name for file in files]
+    return file_paths
+
+with gr.Blocks() as demo:
+    file_output = gr.File()
+    upload_button = gr.UploadButton("Click to Upload a File", file_types=["image", "video"], file_count="multiple")
+    upload_button.upload(upload_file, upload_button, file_output)
+
+demo.launch()
+```
+
+###### Revamped API documentation page
+
+New API Docs page with in-browser playground and updated aesthetics. [@gary149](https://github.com/gary149) in [PR 2652](https://github.com/gradio-app/gradio/pull/2652)
+
+###### Revamped Login page
+
+Previously our login page had its own CSS, had no dark mode, and had an ugly json message on the wrong credentials. Made the page more aesthetically consistent, added dark mode support, and a nicer error message. [@aliabid94](https://github.com/aliabid94) in [PR 2684](https://github.com/gradio-app/gradio/pull/2684)
+
+###### Accessing the Requests Object Directly
+
+You can now access the Request object directly in your Python function by [@abidlabs](https://github.com/abidlabs) in [PR 2641](https://github.com/gradio-app/gradio/pull/2641). This means that you can access request headers, the client IP address, and so on. In order to use it, add a parameter to your function and set its type hint to be `gr.Request`. Here's a simple example:
+
+```py
+import gradio as gr
+
+def echo(name, request: gr.Request):
+    if request:
+        print("Request headers dictionary:", request.headers)
+        print("IP address:", request.client.host)
+    return name
+
+io = gr.Interface(echo, "textbox", "textbox").launch()
+```
+
+### Bug Fixes:
+
+- Fixed bug that limited files from being sent over websockets to 16MB. The new limit
+  is now 1GB by [@abidlabs](https://github.com/abidlabs) in [PR 2709](https://github.com/gradio-app/gradio/pull/2709)
+
+### Documentation Changes:
+
+- Updated documentation for embedding Gradio demos on Spaces as web components by
+  [@julien-c](https://github.com/julien-c) in [PR 2698](https://github.com/gradio-app/gradio/pull/2698)
+- Updated IFrames in Guides to use the host URL instead of the Space name to be consistent with the new method for embedding Spaces, by
+  [@julien-c](https://github.com/julien-c) in [PR 2692](https://github.com/gradio-app/gradio/pull/2692)
+- Colab buttons on every demo in the website! Just click open in colab, and run the demo there.
+
+https://user-images.githubusercontent.com/9021060/202878400-cb16ed47-f4dd-4cb0-b2f0-102a9ff64135.mov
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Better warnings and error messages for `gr.Interface.load()` by [@abidlabs](https://github.com/abidlabs) in [PR 2694](https://github.com/gradio-app/gradio/pull/2694)
+- Add open in colab buttons to demos in docs and /demos by [@aliabd](https://github.com/aliabd) in [PR 2608](https://github.com/gradio-app/gradio/pull/2608)
+- Apply different formatting for the types in component docstrings by [@aliabd](https://github.com/aliabd) in [PR 2707](https://github.com/gradio-app/gradio/pull/2707)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.10.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Passes kwargs into `gr.Interface.load()` by [@abidlabs](https://github.com/abidlabs) in [PR 2669](https://github.com/gradio-app/gradio/pull/2669)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Clean up printed statements in Embedded Colab Mode by [@aliabid94](https://github.com/aliabid94) in [PR 2612](https://github.com/gradio-app/gradio/pull/2612)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.10.0
+
+- Add support for `'password'` and `'email'` types to `Textbox`. [@pngwn](https://github.com/pngwn) in [PR 2653](https://github.com/gradio-app/gradio/pull/2653)
+- `gr.Textbox` component will now raise an exception if `type` is not "text", "email", or "password" [@pngwn](https://github.com/pngwn) in [PR 2653](https://github.com/gradio-app/gradio/pull/2653). This will cause demos using the deprecated `gr.Textbox(type="number")` to raise an exception.
+
+### Bug Fixes:
+
+- Updated the minimum FastApi used in tests to version 0.87 by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2647](https://github.com/gradio-app/gradio/pull/2647)
+- Fixed bug where interfaces with examples could not be loaded with `gr.Interface.load` by [@freddyaboulton](https://github.com/freddyaboulton) [PR 2640](https://github.com/gradio-app/gradio/pull/2640)
+- Fixed bug where the `interactive` property of a component could not be updated by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2639](https://github.com/gradio-app/gradio/pull/2639)
+- Fixed bug where some URLs were not being recognized as valid URLs and thus were not
+  loading correctly in various components by [@abidlabs](https://github.com/abidlabs) in [PR 2659](https://github.com/gradio-app/gradio/pull/2659)
+
+### Documentation Changes:
+
+- Fix some typos in the embedded demo names in "05_using_blocks_like_functions.md" by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2656](https://github.com/gradio-app/gradio/pull/2656)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Add support for `'password'` and `'email'` types to `Textbox`. [@pngwn](https://github.com/pngwn) in [PR 2653](https://github.com/gradio-app/gradio/pull/2653)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.9.1
+
+### New Features:
+
+No changes to highlight.
+
+### Bug Fixes:
+
+- Only set a min height on md and html when loading by [@pngwn](https://github.com/pngwn) in [PR 2623](https://github.com/gradio-app/gradio/pull/2623)
+
+### Documentation Changes:
+
+- See docs for the latest gradio commit to main as well the latest pip release:
+
+![main-vs-pip](https://user-images.githubusercontent.com/9021060/199607887-aab1ae4e-a070-4527-966d-024397abe15b.gif)
+
+- Modified the "Connecting To a Database Guide" to use `pd.read_sql` as opposed to low-level postgres connector by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2604](https://github.com/gradio-app/gradio/pull/2604)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Dropdown for seeing docs as latest or main by [@aliabd](https://github.com/aliabd) in [PR 2544](https://github.com/gradio-app/gradio/pull/2544)
+- Allow `gr.Templates` to accept parameters to override the defaults by [@abidlabs](https://github.com/abidlabs) in [PR 2600](https://github.com/gradio-app/gradio/pull/2600)
+- Components now throw a `ValueError()` if constructed with invalid parameters for `type` or `source` (for components that take those parameters) in [PR 2610](https://github.com/gradio-app/gradio/pull/2610)
+- Allow auth with using queue by [@GLGDLY](https://github.com/GLGDLY) in [PR 2611](https://github.com/gradio-app/gradio/pull/2611)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.9
+
+### New Features:
+
+- Gradio is now embedded directly in colab without requiring the share link by [@aliabid94](https://github.com/aliabid94) in [PR 2455](https://github.com/gradio-app/gradio/pull/2455)
+
+###### Calling functions by api_name in loaded apps
+
+When you load an upstream app with `gr.Blocks.load`, you can now specify which fn
+to call with the `api_name` parameter.
+
+```python
+import gradio as gr
+english_translator = gr.Blocks.load(name="spaces/gradio/english-translator")
+german = english_translator("My name is Freddy", api_name='translate-to-german')
+```
+
+The `api_name` parameter will take precedence over the `fn_index` parameter.
+
+### Bug Fixes:
+
+- Fixed bug where None could not be used for File,Model3D, and Audio examples by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2588](https://github.com/gradio-app/gradio/pull/2588)
+- Fixed links in Plotly map guide + demo by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2578](https://github.com/gradio-app/gradio/pull/2578)
+- `gr.Blocks.load()` now correctly loads example files from Spaces [@abidlabs](https://github.com/abidlabs) in [PR 2594](https://github.com/gradio-app/gradio/pull/2594)
+- Fixed bug when image clear started upload dialog [@mezotaken](https://github.com/mezotaken) in [PR 2577](https://github.com/gradio-app/gradio/pull/2577)
+
+### Documentation Changes:
+
+- Added a Guide on how to configure the queue for maximum performance by [@abidlabs](https://github.com/abidlabs) in [PR 2558](https://github.com/gradio-app/gradio/pull/2558)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Add `api_name` to `Blocks.__call__` by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2593](https://github.com/gradio-app/gradio/pull/2593)
+- Update queue with using deque & update requirements by [@GLGDLY](https://github.com/GLGDLY) in [PR 2428](https://github.com/gradio-app/gradio/pull/2428)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.8.2
+
+### Bug Fixes:
+
+- Ensure gradio apps embedded via spaces use the correct endpoint for predictions. [@pngwn](https://github.com/pngwn) in [PR 2567](https://github.com/gradio-app/gradio/pull/2567)
+- Ensure gradio apps embedded via spaces use the correct websocket protocol. [@pngwn](https://github.com/pngwn) in [PR 2571](https://github.com/gradio-app/gradio/pull/2571)
+
+### New Features:
+
+###### Running Events Continuously
+
+Gradio now supports the ability to run an event continuously on a fixed schedule. To use this feature,
+pass `every=# of seconds` to the event definition. This will run the event every given number of seconds!
+
+This can be used to:
+
+- Create live visualizations that show the most up to date data
+- Refresh the state of the frontend automatically in response to changes in the backend
+
+Here is an example of a live plot that refreshes every half second:
+
+```python
+import math
+import gradio as gr
+import plotly.express as px
+import numpy as np
+
+
+plot_end = 2 * math.pi
+
+
+def get_plot(period=1):
+    global plot_end
+    x = np.arange(plot_end - 2 * math.pi, plot_end, 0.02)
+    y = np.sin(2*math.pi*period * x)
+    fig = px.line(x=x, y=y)
+    plot_end += 2 * math.pi
+    return fig
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("Change the value of the slider to automatically update the plot")
+            period = gr.Slider(label="Period of plot", value=1, minimum=0, maximum=10, step=1)
+            plot = gr.Plot(label="Plot (updates every half second)")
+
+    dep = demo.load(get_plot, None, plot, every=0.5)
+    period.change(get_plot, period, plot, every=0.5, cancels=[dep])
+
+demo.queue().launch()
+```
+
+![live_demo](https://user-images.githubusercontent.com/41651716/198357377-633ce460-4e31-47bd-8202-1440cdd6fe19.gif)
+
+### Bug Fixes:
+
+No changes to highlight.
+
+### Documentation Changes:
+
+- Explained how to set up `queue` and `auth` when working with reload mode by by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 3089](https://github.com/gradio-app/gradio/pull/3089)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Allows loading private Spaces by passing an an `api_key` to `gr.Interface.load()`
+  by [@abidlabs](https://github.com/abidlabs) in [PR 2568](https://github.com/gradio-app/gradio/pull/2568)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.8
+
+### New Features:
+
+- Allows event listeners to accept a single dictionary as its argument, where the keys are the components and the values are the component values. This is set by passing the input components in the event listener as a set instead of a list. [@aliabid94](https://github.com/aliabid94) in [PR 2550](https://github.com/gradio-app/gradio/pull/2550)
+
+### Bug Fixes:
+
+- Fix whitespace issue when using plotly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2548](https://github.com/gradio-app/gradio/pull/2548)
+- Apply appropriate alt text to all gallery images. [@camenduru](https://github.com/camenduru) in [PR 2358](https://github.com/gradio-app/gradio/pull/2538)
+- Removed erroneous tkinter import in gradio.blocks by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2555](https://github.com/gradio-app/gradio/pull/2555)
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Added the `every` keyword to event listeners that runs events on a fixed schedule by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2512](https://github.com/gradio-app/gradio/pull/2512)
+- Fix whitespace issue when using plotly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2548](https://github.com/gradio-app/gradio/pull/2548)
+- Apply appropriate alt text to all gallery images. [@camenduru](https://github.com/camenduru) in [PR 2358](https://github.com/gradio-app/gradio/pull/2538)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.7
+
+### New Features:
+
+###### Batched Functions
+
+Gradio now supports the ability to pass _batched_ functions. Batched functions are just
+functions which take in a list of inputs and return a list of predictions.
+
+For example, here is a batched function that takes in two lists of inputs (a list of
+words and a list of ints), and returns a list of trimmed words as output:
+
+```py
+import time
+
+def trim_words(words, lens):
+    trimmed_words = []
+    time.sleep(5)
+    for w, l in zip(words, lens):
+        trimmed_words.append(w[:l])
+    return [trimmed_words]
+```
+
+The advantage of using batched functions is that if you enable queuing, the Gradio
+server can automatically _batch_ incoming requests and process them in parallel,
+potentially speeding up your demo. Here's what the Gradio code looks like (notice
+the `batch=True` and `max_batch_size=16` -- both of these parameters can be passed
+into event triggers or into the `Interface` class)
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        word = gr.Textbox(label="word", value="abc")
+        leng = gr.Number(label="leng", precision=0, value=1)
+        output = gr.Textbox(label="Output")
+    with gr.Row():
+        run = gr.Button()
+
+    event = run.click(trim_words, [word, leng], output, batch=True, max_batch_size=16)
+
+demo.queue()
+demo.launch()
+```
+
+In the example above, 16 requests could be processed in parallel (for a total inference
+time of 5 seconds), instead of each request being processed separately (for a total
+inference time of 80 seconds).
+
+###### Upload Event
+
+`Video`, `Audio`, `Image`, and `File` components now support a `upload()` event that is triggered when a user uploads a file into any of these components.
+
+Example usage:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        input_video = gr.Video()
+        output_video = gr.Video()
+
+     # Clears the output video when an input video is uploaded
+    input_video.upload(lambda : None, None, output_video)
+```
+
+### Bug Fixes:
+
+- Fixes issue where plotly animations, interactivity, titles, legends, were not working properly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2486](https://github.com/gradio-app/gradio/pull/2486)
+- Prevent requests to the `/api` endpoint from skipping the queue if the queue is enabled for that event by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2493](https://github.com/gradio-app/gradio/pull/2493)
+- Fixes a bug with `cancels` in event triggers so that it works properly if multiple
+  Blocks are rendered by [@abidlabs](https://github.com/abidlabs) in [PR 2530](https://github.com/gradio-app/gradio/pull/2530)
+- Prevent invalid targets of events from crashing the whole application. [@pngwn](https://github.com/pngwn) in [PR 2534](https://github.com/gradio-app/gradio/pull/2534)
+- Properly dequeue cancelled events when multiple apps are rendered by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2540](https://github.com/gradio-app/gradio/pull/2540)
+- Fixes videos being cropped due to height/width params not being used [@hannahblair](https://github.com/hannahblair) in [PR 4946](https://github.com/gradio-app/gradio/pull/4946)
+
+### Documentation Changes:
+
+- Added an example interactive dashboard to the "Tabular & Plots" section of the Demos page by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2508](https://github.com/gradio-app/gradio/pull/2508)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Fixes the error message if a user builds Gradio locally and tries to use `share=True` by [@abidlabs](https://github.com/abidlabs) in [PR 2502](https://github.com/gradio-app/gradio/pull/2502)
+- Allows the render() function to return self by [@Raul9595](https://github.com/Raul9595) in [PR 2514](https://github.com/gradio-app/gradio/pull/2514)
+- Fixes issue where plotly animations, interactivity, titles, legends, were not working properly. [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2486](https://github.com/gradio-app/gradio/pull/2486)
+- Gradio now supports batched functions by [@abidlabs](https://github.com/abidlabs) in [PR 2218](https://github.com/gradio-app/gradio/pull/2218)
+- Add `upload` event for `Video`, `Audio`, `Image`, and `File` components [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2448](https://github.com/gradio-app/gradio/pull/2456)
+- Changes websocket path for Spaces as it is no longer necessary to have a different URL for websocket connections on Spaces by [@abidlabs](https://github.com/abidlabs) in [PR 2528](https://github.com/gradio-app/gradio/pull/2528)
+- Clearer error message when events are defined outside of a Blocks scope, and a warning if you
+  try to use `Series` or `Parallel` with `Blocks` by [@abidlabs](https://github.com/abidlabs) in [PR 2543](https://github.com/gradio-app/gradio/pull/2543)
+- Adds support for audio samples that are in `float64`, `float16`, or `uint16` formats by [@abidlabs](https://github.com/abidlabs) in [PR 2545](https://github.com/gradio-app/gradio/pull/2545)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.6
+
+### New Features:
+
+###### Cancelling Running Events
+
+Running events can be cancelled when other events are triggered! To test this feature, pass the `cancels` parameter to the event listener.
+For this feature to work, the queue must be enabled.
+
+![cancel_on_change_rl](https://user-images.githubusercontent.com/41651716/195952623-61a606bd-e82b-4e1a-802e-223154cb8727.gif)
+
+Code:
+
+```python
+import time
+import gradio as gr
+
+def fake_diffusion(steps):
+    for i in range(steps):
+        time.sleep(1)
+        yield str(i)
+
+def long_prediction(*args, **kwargs):
+    time.sleep(10)
+    return 42
+
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            n = gr.Slider(1, 10, value=9, step=1, label="Number Steps")
+            run = gr.Button()
+            output = gr.Textbox(label="Iterative Output")
+            stop = gr.Button(value="Stop Iterating")
+        with gr.Column():
+            prediction = gr.Number(label="Expensive Calculation")
+            run_pred = gr.Button(value="Run Expensive Calculation")
+        with gr.Column():
+            cancel_on_change = gr.Textbox(label="Cancel Iteration and Expensive Calculation on Change")
+
+    click_event = run.click(fake_diffusion, n, output)
+    stop.click(fn=None, inputs=None, outputs=None, cancels=[click_event])
+    pred_event = run_pred.click(fn=long_prediction, inputs=None, outputs=prediction)
+
+    cancel_on_change.change(None, None, None, cancels=[click_event, pred_event])
+
+
+demo.queue(concurrency_count=1, max_size=20).launch()
+```
+
+For interfaces, a stop button will be added automatically if the function uses a `yield` statement.
+
+```python
+import gradio as gr
+import time
+
+def iteration(steps):
+    for i in range(steps):
+       time.sleep(0.5)
+       yield i
+
+gr.Interface(iteration,
+             inputs=gr.Slider(minimum=1, maximum=10, step=1, value=5),
+             outputs=gr.Number()).queue().launch()
+```
+
+![stop_interface_rl](https://user-images.githubusercontent.com/41651716/195952883-e7ca4235-aae3-4852-8f28-96d01d0c5822.gif)
+
+### Bug Fixes:
+
+- Add loading status tracker UI to HTML and Markdown components. [@pngwn](https://github.com/pngwn) in [PR 2474](https://github.com/gradio-app/gradio/pull/2474)
+- Fixed videos being mirrored in the front-end if source is not webcam by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2475](https://github.com/gradio-app/gradio/pull/2475)
+- Add clear button for timeseries component [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2487](https://github.com/gradio-app/gradio/pull/2487)
+- Removes special characters from temporary filenames so that the files can be served by components [@abidlabs](https://github.com/abidlabs) in [PR 2480](https://github.com/gradio-app/gradio/pull/2480)
+- Fixed infinite reload loop when mounting gradio as a sub application by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2477](https://github.com/gradio-app/gradio/pull/2477)
+
+### Documentation Changes:
+
+- Adds a demo to show how a sound alert can be played upon completion of a prediction by [@abidlabs](https://github.com/abidlabs) in [PR 2478](https://github.com/gradio-app/gradio/pull/2478)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Enable running events to be cancelled from other events by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2433](https://github.com/gradio-app/gradio/pull/2433)
+- Small fix for version check before reuploading demos by [@aliabd](https://github.com/aliabd) in [PR 2469](https://github.com/gradio-app/gradio/pull/2469)
+- Add loading status tracker UI to HTML and Markdown components. [@pngwn](https://github.com/pngwn) in [PR 2400](https://github.com/gradio-app/gradio/pull/2474)
+- Add clear button for timeseries component [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2487](https://github.com/gradio-app/gradio/pull/2487)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.5
+
+### Bug Fixes:
+
+- Ensure that Gradio does not take control of the HTML page title when embedding a gradio app as a web component, this behaviour flipped by adding `control_page_title="true"` to the webcomponent. [@pngwn](https://github.com/pngwn) in [PR 2400](https://github.com/gradio-app/gradio/pull/2400)
+- Decreased latency in iterative-output demos by making the iteration asynchronous [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2409](https://github.com/gradio-app/gradio/pull/2409)
+- Fixed queue getting stuck under very high load by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2374](https://github.com/gradio-app/gradio/pull/2374)
+- Ensure that components always behave as if `interactive=True` were set when the following conditions are true:
+
+  - no default value is provided,
+  - they are not set as the input or output of an event,
+  - `interactive` kwarg is not set.
+
+  [@pngwn](https://github.com/pngwn) in [PR 2459](https://github.com/gradio-app/gradio/pull/2459)
+
+### New Features:
+
+- When an `Image` component is set to `source="upload"`, it is now possible to drag and drop and image to replace a previously uploaded image by [@pngwn](https://github.com/pngwn) in [PR 1711](https://github.com/gradio-app/gradio/issues/1711)
+- The `gr.Dataset` component now accepts `HTML` and `Markdown` components by [@abidlabs](https://github.com/abidlabs) in [PR 2437](https://github.com/gradio-app/gradio/pull/2437)
+
+### Documentation Changes:
+
+- Improved documentation for the `gr.Dataset` component by [@abidlabs](https://github.com/abidlabs) in [PR 2437](https://github.com/gradio-app/gradio/pull/2437)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+- The `Carousel` component is officially deprecated. Since gradio 3.0, code containing the `Carousel` component would throw warnings. As of the next release, the `Carousel` component will raise an exception.
+
+### Full Changelog:
+
+- Speeds up Gallery component by using temporary files instead of base64 representation in the front-end by [@proxyphi](https://github.com/proxyphi), [@pngwn](https://github.com/pngwn), and [@abidlabs](https://github.com/abidlabs) in [PR 2265](https://github.com/gradio-app/gradio/pull/2265)
+- Fixed some embedded demos in the guides by not loading the gradio web component in some guides by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2403](https://github.com/gradio-app/gradio/pull/2403)
+- When an `Image` component is set to `source="upload"`, it is now possible to drag and drop and image to replace a previously uploaded image by [@pngwn](https://github.com/pngwn) in [PR 2400](https://github.com/gradio-app/gradio/pull/2410)
+- Improve documentation of the `Blocks.load()` event by [@abidlabs](https://github.com/abidlabs) in [PR 2413](https://github.com/gradio-app/gradio/pull/2413)
+- Decreased latency in iterative-output demos by making the iteration asynchronous [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2409](https://github.com/gradio-app/gradio/pull/2409)
+- Updated share link message to reference new Spaces Hardware [@abidlabs](https://github.com/abidlabs) in [PR 2423](https://github.com/gradio-app/gradio/pull/2423)
+- Automatically restart spaces if they're down by [@aliabd](https://github.com/aliabd) in [PR 2405](https://github.com/gradio-app/gradio/pull/2405)
+- Carousel component is now deprecated by [@abidlabs](https://github.com/abidlabs) in [PR 2434](https://github.com/gradio-app/gradio/pull/2434)
+- Build Gradio from source in ui tests by by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2440](https://github.com/gradio-app/gradio/pull/2440)
+- Change "return ValueError" to "raise ValueError" by [@vzakharov](https://github.com/vzakharov) in [PR 2445](https://github.com/gradio-app/gradio/pull/2445)
+- Add guide on creating a map demo using the `gr.Plot()` component [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2402](https://github.com/gradio-app/gradio/pull/2402)
+- Add blur event for `Textbox` and `Number` components [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2448](https://github.com/gradio-app/gradio/pull/2448)
+- Stops a gradio launch from hogging a port even after it's been killed [@aliabid94](https://github.com/aliabid94) in [PR 2453](https://github.com/gradio-app/gradio/pull/2453)
+- Fix embedded interfaces on touch screen devices by [@aliabd](https://github.com/aliabd) in [PR 2457](https://github.com/gradio-app/gradio/pull/2457)
+- Upload all demos to spaces by [@aliabd](https://github.com/aliabd) in [PR 2281](https://github.com/gradio-app/gradio/pull/2281)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.4.1
+
+### New Features:
+
+###### 1. See Past and Upcoming Changes in the Release History 👀
+
+You can now see gradio's release history directly on the website, and also keep track of upcoming changes. Just go [here](https://gradio.app/changelog/).
+
+![release-history](https://user-images.githubusercontent.com/9021060/193145458-3de699f7-7620-45de-aa73-a1c1b9b96257.gif)
+
+### Bug Fixes:
+
+1. Fix typo in guide image path by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2357](https://github.com/gradio-app/gradio/pull/2357)
+2. Raise error if Blocks has duplicate component with same IDs by [@abidlabs](https://github.com/abidlabs) in [PR 2359](https://github.com/gradio-app/gradio/pull/2359)
+3. Catch the permission exception on the audio component by [@Ian-GL](https://github.com/Ian-GL) in [PR 2330](https://github.com/gradio-app/gradio/pull/2330)
+4. Fix image_classifier_interface_load demo by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2365](https://github.com/gradio-app/gradio/pull/2365)
+5. Fix combining adjacent components without gaps by introducing `gr.Row(variant="compact")` by [@aliabid94](https://github.com/aliabid94) in [PR 2291](https://github.com/gradio-app/gradio/pull/2291) This comes with deprecation of the following arguments for `Component.style`: `round`, `margin`, `border`.
+6. Fix audio streaming, which was previously choppy in [PR 2351](https://github.com/gradio-app/gradio/pull/2351). Big thanks to [@yannickfunk](https://github.com/yannickfunk) for the proposed solution.
+7. Fix bug where new typeable slider doesn't respect the minimum and maximum values [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2380](https://github.com/gradio-app/gradio/pull/2380)
+
+### Documentation Changes:
+
+1. New Guide: Connecting to a Database 🗄️
+
+   A new guide by [@freddyaboulton](https://github.com/freddyaboulton) that explains how you can use Gradio to connect your app to a database. Read more [here](https://gradio.app/connecting_to_a_database/).
+
+2. New Guide: Running Background Tasks 🥷
+
+   A new guide by [@freddyaboulton](https://github.com/freddyaboulton) that explains how you can run background tasks from your gradio app. Read more [here](https://gradio.app/running_background_tasks/).
+
+3. Small fixes to docs for `Image` component by [@abidlabs](https://github.com/abidlabs) in [PR 2372](https://github.com/gradio-app/gradio/pull/2372)
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- Create a guide on how to connect an app to a database hosted on the cloud by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2341](https://github.com/gradio-app/gradio/pull/2341)
+- Removes `analytics` dependency by [@abidlabs](https://github.com/abidlabs) in [PR 2347](https://github.com/gradio-app/gradio/pull/2347)
+- Add guide on launching background tasks from your app by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2350](https://github.com/gradio-app/gradio/pull/2350)
+- Fix typo in guide image path by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2357](https://github.com/gradio-app/gradio/pull/2357)
+- Raise error if Blocks has duplicate component with same IDs by [@abidlabs](https://github.com/abidlabs) in [PR 2359](https://github.com/gradio-app/gradio/pull/2359)
+- Hotfix: fix version back to 3.4 by [@abidlabs](https://github.com/abidlabs) in [PR 2361](https://github.com/gradio-app/gradio/pull/2361)
+- Change version.txt to 3.4 instead of 3.4.0 by [@aliabd](https://github.com/aliabd) in [PR 2363](https://github.com/gradio-app/gradio/pull/2363)
+- Catch the permission exception on the audio component by [@Ian-GL](https://github.com/Ian-GL) in [PR 2330](https://github.com/gradio-app/gradio/pull/2330)
+- Fix image_classifier_interface_load demo by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2365](https://github.com/gradio-app/gradio/pull/2365)
+- Small fixes to docs for `Image` component by [@abidlabs](https://github.com/abidlabs) in [PR 2372](https://github.com/gradio-app/gradio/pull/2372)
+- Automated Release Notes by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2306](https://github.com/gradio-app/gradio/pull/2306)
+- Fixed small typos in the docs [@julien-c](https://github.com/julien-c) in [PR 2373](https://github.com/gradio-app/gradio/pull/2373)
+- Adds ability to disable pre/post-processing for examples [@abidlabs](https://github.com/abidlabs) in [PR 2383](https://github.com/gradio-app/gradio/pull/2383)
+- Copy changelog file in website docker by [@aliabd](https://github.com/aliabd) in [PR 2384](https://github.com/gradio-app/gradio/pull/2384)
+- Lets users provide a `gr.update()` dictionary even if post-processing is disabled [@abidlabs](https://github.com/abidlabs) in [PR 2385](https://github.com/gradio-app/gradio/pull/2385)
+- Fix bug where errors would cause apps run in reload mode to hang forever by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2394](https://github.com/gradio-app/gradio/pull/2394)
+- Fix bug where new typeable slider doesn't respect the minimum and maximum values [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2380](https://github.com/gradio-app/gradio/pull/2380)
+
+### Contributors Shoutout:
+
+No changes to highlight.
+
+## 3.4
+
+### New Features:
+
+###### 1. Gallery Captions 🖼️
+
+You can now pass captions to images in the Gallery component. To do so you need to pass a {List} of (image, {str} caption) tuples. This is optional and the component also accepts just a list of the images.
+
+Here's an example:
+
+```python
+import gradio as gr
+
+images_with_captions = [
+    ("https://images.unsplash.com/photo-1551969014-7d2c4cddf0b6", "Cheetah by David Groves"),
+    ("https://images.unsplash.com/photo-1546182990-dffeafbe841d", "Lion by Francesco"),
+    ("https://images.unsplash.com/photo-1561731216-c3a4d99437d5", "Tiger by Mike Marrah")
+    ]
+
+with gr.Blocks() as demo:
+    gr.Gallery(value=images_with_captions)
+
+demo.launch()
+```
+
+<img src="https://user-images.githubusercontent.com/9021060/192399521-7360b1a9-7ce0-443e-8e94-863a230a7dbe.gif" alt="gallery_captions" width="1000"/>
+
+###### 2. Type Values into the Slider 🔢
+
+You can now type values directly on the Slider component! Here's what it looks like:
+
+![type-slider](https://user-images.githubusercontent.com/9021060/192399877-76b662a1-fede-4417-a932-fc15f0da7360.gif)
+
+###### 3. Better Sketching and Inpainting 🎨
+
+We've made a lot of changes to our Image component so that it can support better sketching and inpainting.
+
+Now supports:
+
+- A standalone black-and-white sketch
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Sketchpad(), gr.Image())
+demo.launch()
+```
+
+![bw](https://user-images.githubusercontent.com/9021060/192410264-b08632b5-7b2a-4f86-afb0-5760e7b474cf.gif)
+
+- A standalone color sketch
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Paint(), gr.Image())
+demo.launch()
+```
+
+![color-sketch](https://user-images.githubusercontent.com/9021060/192410500-3c8c3e64-a5fd-4df2-a991-f0a5cef93728.gif)
+
+- An uploadable image with black-and-white or color sketching
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Image(source='upload', tool='color-sketch'), gr.Image()) # for black and white, tool = 'sketch'
+demo.launch()
+```
+
+![sketch-new](https://user-images.githubusercontent.com/9021060/192402422-e53cb7b6-024e-448c-87eb-d6a35a63c476.gif)
+
+- Webcam with black-and-white or color sketching
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x: x, gr.Image(source='webcam', tool='color-sketch'), gr.Image()) # for black and white, tool = 'sketch'
+demo.launch()
+```
+
+![webcam-sketch](https://user-images.githubusercontent.com/9021060/192410820-0ffaf324-776e-4e1f-9de6-0fdbbf4940fa.gif)
+
+As well as other fixes
+
+### Bug Fixes:
+
+1. Fix bug where max concurrency count is not respected in queue by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2286](https://github.com/gradio-app/gradio/pull/2286)
+2. fix : queue could be blocked by [@SkyTNT](https://github.com/SkyTNT) in [PR 2288](https://github.com/gradio-app/gradio/pull/2288)
+3. Supports `gr.update()` in example caching by [@abidlabs](https://github.com/abidlabs) in [PR 2309](https://github.com/gradio-app/gradio/pull/2309)
+4. Clipboard fix for iframes by [@abidlabs](https://github.com/abidlabs) in [PR 2321](https://github.com/gradio-app/gradio/pull/2321)
+5. Fix: Dataframe column headers are reset when you add a new column by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2318](https://github.com/gradio-app/gradio/pull/2318)
+6. Added support for URLs for Video, Audio, and Image by [@abidlabs](https://github.com/abidlabs) in [PR 2256](https://github.com/gradio-app/gradio/pull/2256)
+7. Add documentation about how to create and use the Gradio FastAPI app by [@abidlabs](https://github.com/abidlabs) in [PR 2263](https://github.com/gradio-app/gradio/pull/2263)
+
+### Documentation Changes:
+
+1. Adding a Playground Tab to the Website by [@aliabd](https://github.com/aliabd) in [PR 1860](https://github.com/gradio-app/gradio/pull/1860)
+2. Gradio for Tabular Data Science Workflows Guide by [@merveenoyan](https://github.com/merveenoyan) in [PR 2199](https://github.com/gradio-app/gradio/pull/2199)
+3. Promotes `postprocess` and `preprocess` to documented parameters by [@abidlabs](https://github.com/abidlabs) in [PR 2293](https://github.com/gradio-app/gradio/pull/2293)
+4. Update 2)key_features.md by [@voidxd](https://github.com/voidxd) in [PR 2326](https://github.com/gradio-app/gradio/pull/2326)
+5. Add docs to blocks context postprocessing function by [@Ian-GL](https://github.com/Ian-GL) in [PR 2332](https://github.com/gradio-app/gradio/pull/2332)
+
+### Testing and Infrastructure Changes
+
+1. Website fixes and refactoring by [@aliabd](https://github.com/aliabd) in [PR 2280](https://github.com/gradio-app/gradio/pull/2280)
+2. Don't deploy to spaces on release by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2313](https://github.com/gradio-app/gradio/pull/2313)
+
+### Full Changelog:
+
+- Website fixes and refactoring by [@aliabd](https://github.com/aliabd) in [PR 2280](https://github.com/gradio-app/gradio/pull/2280)
+- Fix bug where max concurrency count is not respected in queue by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2286](https://github.com/gradio-app/gradio/pull/2286)
+- Promotes `postprocess` and `preprocess` to documented parameters by [@abidlabs](https://github.com/abidlabs) in [PR 2293](https://github.com/gradio-app/gradio/pull/2293)
+- Raise warning when trying to cache examples but not all inputs have examples by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2279](https://github.com/gradio-app/gradio/pull/2279)
+- fix : queue could be blocked by [@SkyTNT](https://github.com/SkyTNT) in [PR 2288](https://github.com/gradio-app/gradio/pull/2288)
+- Don't deploy to spaces on release by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2313](https://github.com/gradio-app/gradio/pull/2313)
+- Supports `gr.update()` in example caching by [@abidlabs](https://github.com/abidlabs) in [PR 2309](https://github.com/gradio-app/gradio/pull/2309)
+- Respect Upstream Queue when loading interfaces/blocks from Spaces by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2294](https://github.com/gradio-app/gradio/pull/2294)
+- Clipboard fix for iframes by [@abidlabs](https://github.com/abidlabs) in [PR 2321](https://github.com/gradio-app/gradio/pull/2321)
+- Sketching + Inpainting Capabilities to Gradio by [@abidlabs](https://github.com/abidlabs) in [PR 2144](https://github.com/gradio-app/gradio/pull/2144)
+- Update 2)key_features.md by [@voidxd](https://github.com/voidxd) in [PR 2326](https://github.com/gradio-app/gradio/pull/2326)
+- release 3.4b3 by [@abidlabs](https://github.com/abidlabs) in [PR 2328](https://github.com/gradio-app/gradio/pull/2328)
+- Fix: Dataframe column headers are reset when you add a new column by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2318](https://github.com/gradio-app/gradio/pull/2318)
+- Start queue when gradio is a sub application by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2319](https://github.com/gradio-app/gradio/pull/2319)
+- Fix Web Tracker Script by [@aliabd](https://github.com/aliabd) in [PR 2308](https://github.com/gradio-app/gradio/pull/2308)
+- Add docs to blocks context postprocessing function by [@Ian-GL](https://github.com/Ian-GL) in [PR 2332](https://github.com/gradio-app/gradio/pull/2332)
+- Fix typo in iterator variable name in run_predict function by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2340](https://github.com/gradio-app/gradio/pull/2340)
+- Add captions to galleries by [@aliabid94](https://github.com/aliabid94) in [PR 2284](https://github.com/gradio-app/gradio/pull/2284)
+- Typeable value on gradio.Slider by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2329](https://github.com/gradio-app/gradio/pull/2329)
+
+### Contributors Shoutout:
+
+- [@SkyTNT](https://github.com/SkyTNT) made their first contribution in [PR 2288](https://github.com/gradio-app/gradio/pull/2288)
+- [@voidxd](https://github.com/voidxd) made their first contribution in [PR 2326](https://github.com/gradio-app/gradio/pull/2326)
+
+## 3.3
+
+### New Features:
+
+###### 1. Iterative Outputs ⏳
+
+You can now create an iterative output simply by having your function return a generator!
+
+Here's (part of) an example that was used to generate the interface below it. [See full code](https://colab.research.google.com/drive/1m9bWS6B82CT7bw-m4L6AJR8za7fEK7Ov?usp=sharing).
+
+```python
+def predict(steps, seed):
+    generator = torch.manual_seed(seed)
+    for i in range(1,steps):
+        yield pipeline(generator=generator, num_inference_steps=i)["sample"][0]
+```
+
+![example](https://user-images.githubusercontent.com/9021060/189086273-f5e7087d-71fa-4158-90a9-08e84da0421c.mp4)
+
+###### 2. Accordion Layout 🆕
+
+This version of Gradio introduces a new layout component to Blocks: the Accordion. Wrap your elements in a neat, expandable layout that allows users to toggle them as needed.
+
+Usage: ([Read the docs](https://gradio.app/docs/#accordion))
+
+```python
+with gr.Accordion("open up"):
+# components here
+```
+
+![accordion](https://user-images.githubusercontent.com/9021060/189088465-f0ffd7f0-fc6a-42dc-9249-11c5e1e0529b.gif)
+
+###### 3. Skops Integration 📈
+
+Our new integration with [skops](https://huggingface.co/blog/skops) allows you to load tabular classification and regression models directly from the [hub](https://huggingface.co/models).
+
+Here's a classification example showing how quick it is to set up an interface for a [model](https://huggingface.co/scikit-learn/tabular-playground).
+
+```python
+import gradio as gr
+gr.Interface.load("models/scikit-learn/tabular-playground").launch()
+```
+
+![187936493-5c90c01d-a6dd-400f-aa42-833a096156a1](https://user-images.githubusercontent.com/9021060/189090519-328fbcb4-120b-43c8-aa54-d6fccfa6b7e8.png)
+
+### Bug Fixes:
+
+No changes to highlight.
+
+### Documentation Changes:
+
+No changes to highlight.
+
+### Testing and Infrastructure Changes:
+
+No changes to highlight.
+
+### Breaking Changes:
+
+No changes to highlight.
+
+### Full Changelog:
+
+- safari fixes by [@pngwn](https://github.com/pngwn) in [PR 2138](https://github.com/gradio-app/gradio/pull/2138)
+- Fix roundedness and form borders by [@aliabid94](https://github.com/aliabid94) in [PR 2147](https://github.com/gradio-app/gradio/pull/2147)
+- Better processing of example data prior to creating dataset component by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2147](https://github.com/gradio-app/gradio/pull/2147)
+- Show error on Connection drops by [@aliabid94](https://github.com/aliabid94) in [PR 2147](https://github.com/gradio-app/gradio/pull/2147)
+- 3.2 release! by [@abidlabs](https://github.com/abidlabs) in [PR 2139](https://github.com/gradio-app/gradio/pull/2139)
+- Fixed Named API Requests by [@abidlabs](https://github.com/abidlabs) in [PR 2151](https://github.com/gradio-app/gradio/pull/2151)
+- Quick Fix: Cannot upload Model3D image after clearing it by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2168](https://github.com/gradio-app/gradio/pull/2168)
+- Fixed misleading log when server_name is '0.0.0.0' by [@lamhoangtung](https://github.com/lamhoangtung) in [PR 2176](https://github.com/gradio-app/gradio/pull/2176)
+- Keep embedded PngInfo metadata by [@cobryan05](https://github.com/cobryan05) in [PR 2170](https://github.com/gradio-app/gradio/pull/2170)
+- Skops integration: Load tabular classification and regression models from the hub by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2126](https://github.com/gradio-app/gradio/pull/2126)
+- Respect original filename when cached example files are downloaded by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2145](https://github.com/gradio-app/gradio/pull/2145)
+- Add manual trigger to deploy to pypi by [@abidlabs](https://github.com/abidlabs) in [PR 2192](https://github.com/gradio-app/gradio/pull/2192)
+- Fix bugs with gr.update by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2157](https://github.com/gradio-app/gradio/pull/2157)
+- Make queue per app by [@aliabid94](https://github.com/aliabid94) in [PR 2193](https://github.com/gradio-app/gradio/pull/2193)
+- Preserve Labels In Interpretation Components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2166](https://github.com/gradio-app/gradio/pull/2166)
+- Quick Fix: Multiple file download not working by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2169](https://github.com/gradio-app/gradio/pull/2169)
+- use correct MIME type for js-script file by [@daspartho](https://github.com/daspartho) in [PR 2200](https://github.com/gradio-app/gradio/pull/2200)
+- Add accordion component by [@aliabid94](https://github.com/aliabid94) in [PR 2208](https://github.com/gradio-app/gradio/pull/2208)
+
+### Contributors Shoutout:
+
+- [@lamhoangtung](https://github.com/lamhoangtung) made their first contribution in [PR 2176](https://github.com/gradio-app/gradio/pull/2176)
+- [@cobryan05](https://github.com/cobryan05) made their first contribution in [PR 2170](https://github.com/gradio-app/gradio/pull/2170)
+- [@daspartho](https://github.com/daspartho) made their first contribution in [PR 2200](https://github.com/gradio-app/gradio/pull/2200)
+
+## 3.2
+
+### New Features:
+
+###### 1. Improvements to Queuing 🥇
+
+We've implemented a brand new queuing system based on **web sockets** instead of HTTP long polling. Among other things, this allows us to manage queue sizes better on Hugging Face Spaces. There are also additional queue-related parameters you can add:
+
+- Now supports concurrent workers (parallelization)
+
+```python
+demo = gr.Interface(...)
+demo.queue(concurrency_count=3)
+demo.launch()
+```
+
+- Configure a maximum queue size
+
+```python
+demo = gr.Interface(...)
+demo.queue(max_size=100)
+demo.launch()
+```
+
+- If a user closes their tab / browser, they leave the queue, which means the demo will run faster for everyone else
+
+###### 2. Fixes to Examples
+
+- Dataframe examples will render properly, and look much clearer in the UI: (thanks to PR #2125)
+
+![Screen Shot 2022-08-30 at 8 29 58 PM](https://user-images.githubusercontent.com/9021060/187586561-d915bafb-f968-4966-b9a2-ef41119692b2.png)
+
+- Image and Video thumbnails are cropped to look neater and more uniform: (thanks to PR #2109)
+
+![Screen Shot 2022-08-30 at 8 32 15 PM](https://user-images.githubusercontent.com/9021060/187586890-56e1e4f0-1b84-42d9-a82f-911772c41030.png)
+
+- Other fixes in PR #2131 and #2064 make it easier to design and use Examples
+
+###### 3. Component Fixes 🧱
+
+- Specify the width and height of an image in its style tag (thanks to PR #2133)
+
+```python
+components.Image().style(height=260, width=300)
+```
+
+- Automatic conversion of videos so they are playable in the browser (thanks to PR #2003). Gradio will check if a video's format is playable in the browser and, if it isn't, will automatically convert it to a format that is (mp4).
+- Pass in a json filepath to the Label component (thanks to PR #2083)
+- Randomize the default value of a Slider (thanks to PR #1935)
+
+![slider-random](https://user-images.githubusercontent.com/9021060/187596230-3db9697f-9f4d-42f5-9387-d77573513448.gif)
+
+- Improvements to State in PR #2100
+
+###### 4. Ability to Randomize Input Sliders and Reload Data whenever the Page Loads
+
+- In some cases, you want to be able to show a different set of input data to every user as they load the page app. For example, you might want to randomize the value of a "seed" `Slider` input. Or you might want to show a `Textbox` with the current date. We now supporting passing _functions_ as the default value in input components. When you pass in a function, it gets **re-evaluated** every time someone loads the demo, allowing you to reload / change data for different users.
+
+Here's an example loading the current date time into an input Textbox:
+
+```python
+import gradio as gr
+import datetime
+
+with gr.Blocks() as demo:
+    gr.Textbox(datetime.datetime.now)
+
+demo.launch()
+```
+
+Note that we don't evaluate the function -- `datetime.datetime.now()` -- we pass in the function itself to get this behavior -- `datetime.datetime.now`
+
+Because randomizing the initial value of `Slider` is a common use case, we've added a `randomize` keyword argument you can use to randomize its initial value:
+
+```python
+import gradio as gr
+demo = gr.Interface(lambda x:x, gr.Slider(0, 10, randomize=True), "number")
+demo.launch()
+```
+
+###### 5. New Guide 🖊️
+
+- [Gradio and W&B Integration](https://gradio.app/Gradio_and_Wandb_Integration/)
+
+### Full Changelog:
+
+- Reset components to original state by setting value to None by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2044](https://github.com/gradio-app/gradio/pull/2044)
+- Cleaning up the way data is processed for components by [@abidlabs](https://github.com/abidlabs) in [PR 1967](https://github.com/gradio-app/gradio/pull/1967)
+- version 3.1.8b by [@abidlabs](https://github.com/abidlabs) in [PR 2063](https://github.com/gradio-app/gradio/pull/2063)
+- Wandb guide by [@AK391](https://github.com/AK391) in [PR 1898](https://github.com/gradio-app/gradio/pull/1898)
+- Add a flagging callback to save json files to a hugging face dataset by [@chrisemezue](https://github.com/chrisemezue) in [PR 1821](https://github.com/gradio-app/gradio/pull/1821)
+- Add data science demos to landing page by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2067](https://github.com/gradio-app/gradio/pull/2067)
+- Hide time series + xgboost demos by default by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2079](https://github.com/gradio-app/gradio/pull/2079)
+- Encourage people to keep trying when queue full by [@apolinario](https://github.com/apolinario) in [PR 2076](https://github.com/gradio-app/gradio/pull/2076)
+- Updated our analytics on creation of Blocks/Interface by [@abidlabs](https://github.com/abidlabs) in [PR 2082](https://github.com/gradio-app/gradio/pull/2082)
+- `Label` component now accepts file paths to `.json` files by [@abidlabs](https://github.com/abidlabs) in [PR 2083](https://github.com/gradio-app/gradio/pull/2083)
+- Fix issues related to demos in Spaces by [@abidlabs](https://github.com/abidlabs) in [PR 2086](https://github.com/gradio-app/gradio/pull/2086)
+- Fix TimeSeries examples not properly displayed in UI by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2064](https://github.com/gradio-app/gradio/pull/2064)
+- Fix infinite requests when doing tab item select by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2070](https://github.com/gradio-app/gradio/pull/2070)
+- Accept deprecated `file` route as well by [@abidlabs](https://github.com/abidlabs) in [PR 2099](https://github.com/gradio-app/gradio/pull/2099)
+- Allow frontend method execution on Block.load event by [@codedealer](https://github.com/codedealer) in [PR 2108](https://github.com/gradio-app/gradio/pull/2108)
+- Improvements to `State` by [@abidlabs](https://github.com/abidlabs) in [PR 2100](https://github.com/gradio-app/gradio/pull/2100)
+- Catch IndexError, KeyError in video_is_playable by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 2113](https://github.com/gradio-app/gradio/pull/2113)
+- Fix: Download button does not respect the filepath returned by the function by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 2073](https://github.com/gradio-app/gradio/pull/2073)
+- Refactoring Layout: Adding column widths, forms, and more. by [@aliabid94](https://github.com/aliabid94) in [PR 2097](https://github.com/gradio-app/gradio/pull/2097)
+- Update CONTRIBUTING.md by [@abidlabs](https://github.com/abidlabs) in [PR 2118](https://github.com/gradio-app/gradio/pull/2118)
+- 2092 df ex by [@pngwn](https://github.com/pngwn) in [PR 2125](https://github.com/gradio-app/gradio/pull/2125)
+- feat(samples table/gallery): Crop thumbs to square by [@ronvoluted](https://github.com/ronvoluted) in [PR 2109](https://github.com/gradio-app/gradio/pull/2109)
+- Some enhancements to `gr.Examples` by [@abidlabs](https://github.com/abidlabs) in [PR 2131](https://github.com/gradio-app/gradio/pull/2131)
+- Image size fix by [@aliabid94](https://github.com/aliabid94) in [PR 2133](https://github.com/gradio-app/gradio/pull/2133)
+
+### Contributors Shoutout:
+
+- [@chrisemezue](https://github.com/chrisemezue) made their first contribution in [PR 1821](https://github.com/gradio-app/gradio/pull/1821)
+- [@apolinario](https://github.com/apolinario) made their first contribution in [PR 2076](https://github.com/gradio-app/gradio/pull/2076)
+- [@codedealer](https://github.com/codedealer) made their first contribution in [PR 2108](https://github.com/gradio-app/gradio/pull/2108)
+
+## 3.1
+
+### New Features:
+
+###### 1. Embedding Demos on Any Website 💻
+
+With PR #1444, Gradio is now distributed as a web component. This means demos can be natively embedded on websites. You'll just need to add two lines: one to load the gradio javascript, and one to link to the demos backend.
+
+Here's a simple example that embeds the demo from a Hugging Face space:
+
+```html
+<script
+	type="module"
+	src="https://gradio.s3-us-west-2.amazonaws.com/3.0.18/gradio.js"
+></script>
+<gradio-app space="abidlabs/pytorch-image-classifier"></gradio-app>
+```
+
+But you can also embed demos that are running anywhere, you just need to link the demo to `src` instead of `space`. In fact, all the demos on the gradio website are embedded this way:
+
+<img width="1268" alt="Screen Shot 2022-07-14 at 2 41 44 PM" src="https://user-images.githubusercontent.com/9021060/178997124-b2f05af2-c18f-4716-bf1b-cb971d012636.png">
+
+Read more in the [Embedding Gradio Demos](https://gradio.app/embedding_gradio_demos) guide.
+
+###### 2. Reload Mode 👨‍💻
+
+Reload mode helps developers create gradio demos faster by automatically reloading the demo whenever the code changes. It can support development on Python IDEs (VS Code, PyCharm, etc), the terminal, as well as Jupyter notebooks.
+
+If your demo code is in a script named `app.py`, instead of running `python app.py` you can now run `gradio app.py` and that will launch the demo in reload mode:
+
+```bash
+Launching in reload mode on: http://127.0.0.1:7860 (Press CTRL+C to quit)
+Watching...
+WARNING: The --reload flag should not be used in production on Windows.
+```
+
+If you're working from a Jupyter or Colab Notebook, use these magic commands instead: `%load_ext gradio` when you import gradio, and `%%blocks` in the top of the cell with the demo code. Here's an example that shows how much faster the development becomes:
+
+![Blocks](https://user-images.githubusercontent.com/9021060/178986488-ed378cc8-5141-4330-ba41-672b676863d0.gif)
+
+###### 3. Inpainting Support on `gr.Image()` 🎨
+
+We updated the Image component to add support for inpainting demos. It works by adding `tool="sketch"` as a parameter, that passes both an image and a sketchable mask to your prediction function.
+
+Here's an example from the [LAMA space](https://huggingface.co/spaces/akhaliq/lama):
+
+![FXApVlFVsAALSD-](https://user-images.githubusercontent.com/9021060/178989479-549867c8-7fb0-436a-a97d-1e91c9f5e611.jpeg)
+
+###### 4. Markdown and HTML support in Dataframes 🔢
+
+We upgraded the Dataframe component in PR #1684 to support rendering Markdown and HTML inside the cells.
+
+This means you can build Dataframes that look like the following:
+
+![image (8)](https://user-images.githubusercontent.com/9021060/178991233-41cb07a5-e7a3-433e-89b8-319bc78eb9c2.png)
+
+###### 5. `gr.Examples()` for Blocks 🧱
+
+We've added the `gr.Examples` component helper to allow you to add examples to any Blocks demo. This class is a wrapper over the `gr.Dataset` component.
+
+<img width="1271" alt="Screen Shot 2022-07-14 at 2 23 50 PM" src="https://user-images.githubusercontent.com/9021060/178992715-c8bc7550-bc3d-4ddc-9fcb-548c159cd153.png">
+
+gr.Examples takes two required parameters:
+
+- `examples` which takes in a nested list
+- `inputs` which takes in a component or list of components
+
+You can read more in the [Examples docs](https://gradio.app/docs/#examples) or the [Adding Examples to your Demos guide](https://gradio.app/adding_examples_to_your_app/).
+
+###### 6. Fixes to Audio Streaming
+
+With [PR 1828](https://github.com/gradio-app/gradio/pull/1828) we now hide the status loading animation, as well as remove the echo in streaming. Check out the [stream_audio](https://github.com/gradio-app/gradio/blob/main/demo/stream_audio/run.py) demo for more or read through our [Real Time Speech Recognition](https://gradio.app/real_time_speech_recognition/) guide.
+
+<img width="785" alt="Screen Shot 2022-07-19 at 6 02 35 PM" src="https://user-images.githubusercontent.com/9021060/179808136-9e84502c-f9ee-4f30-b5e9-1086f678fe91.png">
+
+### Full Changelog:
+
+- File component: list multiple files and allow for download #1446 by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1681](https://github.com/gradio-app/gradio/pull/1681)
+- Add ColorPicker to docs by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1768](https://github.com/gradio-app/gradio/pull/1768)
+- Mock out requests in TestRequest unit tests by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1794](https://github.com/gradio-app/gradio/pull/1794)
+- Add requirements.txt and test_files to source dist by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1817](https://github.com/gradio-app/gradio/pull/1817)
+- refactor: f-string for tunneling.py by [@nhankiet](https://github.com/nhankiet) in [PR 1819](https://github.com/gradio-app/gradio/pull/1819)
+- Miscellaneous formatting improvements to website by [@aliabd](https://github.com/aliabd) in [PR 1754](https://github.com/gradio-app/gradio/pull/1754)
+- `integrate()` method moved to `Blocks` by [@abidlabs](https://github.com/abidlabs) in [PR 1776](https://github.com/gradio-app/gradio/pull/1776)
+- Add python-3.7 tests by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1818](https://github.com/gradio-app/gradio/pull/1818)
+- Copy test dir in website dockers by [@aliabd](https://github.com/aliabd) in [PR 1827](https://github.com/gradio-app/gradio/pull/1827)
+- Add info to docs on how to set default values for components by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1788](https://github.com/gradio-app/gradio/pull/1788)
+- Embedding Components on Docs by [@aliabd](https://github.com/aliabd) in [PR 1726](https://github.com/gradio-app/gradio/pull/1726)
+- Remove usage of deprecated gr.inputs and gr.outputs from website by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1796](https://github.com/gradio-app/gradio/pull/1796)
+- Some cleanups to the docs page by [@abidlabs](https://github.com/abidlabs) in [PR 1822](https://github.com/gradio-app/gradio/pull/1822)
+
+### Contributors Shoutout:
+
+- [@nhankiet](https://github.com/nhankiet) made their first contribution in [PR 1819](https://github.com/gradio-app/gradio/pull/1819)
+
+## 3.0
+
+###### 🔥 Gradio 3.0 is the biggest update to the library, ever.
+
+### New Features:
+
+###### 1. Blocks 🧱
+
+Blocks is a new, low-level API that allows you to have full control over the data flows and layout of your application. It allows you to build very complex, multi-step applications. For example, you might want to:
+
+- Group together related demos as multiple tabs in one web app
+- Change the layout of your demo instead of just having all of the inputs on the left and outputs on the right
+- Have multi-step interfaces, in which the output of one model becomes the input to the next model, or have more flexible data flows in general
+- Change a component's properties (for example, the choices in a Dropdown) or its visibility based on user input
+
+Here's a simple example that creates the demo below it:
+
+```python
+import gradio as gr
+
+def update(name):
+    return f"Welcome to Gradio, {name}!"
+
+demo = gr.Blocks()
+
+with demo:
+    gr.Markdown(
+    """
+    # Hello World!
+    Start typing below to see the output.
+    """)
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+
+    inp.change(fn=update,
+               inputs=inp,
+               outputs=out)
+
+demo.launch()
+```
+
+![hello-blocks](https://user-images.githubusercontent.com/9021060/168684108-78cbd24b-e6bd-4a04-a8d9-20d535203434.gif)
+
+Read our [Introduction to Blocks](http://gradio.app/introduction_to_blocks/) guide for more, and join the 🎈 [Gradio Blocks Party](https://huggingface.co/spaces/Gradio-Blocks/README)!
+
+###### 2. Our Revamped Design 🎨
+
+We've upgraded our design across the entire library: from components, and layouts all the way to dark mode.
+
+![kitchen_sink](https://user-images.githubusercontent.com/9021060/168686333-7a6e3096-3e23-4309-abf2-5cd7736e0463.gif)
+
+###### 3. A New Website 💻
+
+We've upgraded [gradio.app](https://gradio.app) to make it cleaner, faster and easier to use. Our docs now come with components and demos embedded directly on the page. So you can quickly get up to speed with what you're looking for.
+
+![website](https://user-images.githubusercontent.com/9021060/168687191-10d6a3bd-101f-423a-8193-48f47a5e077d.gif)
+
+###### 4. New Components: Model3D, Dataset, and More..
+
+We've introduced a lot of new components in `3.0`, including `Model3D`, `Dataset`, `Markdown`, `Button` and `Gallery`. You can find all the components and play around with them [here](https://gradio.app/docs/#components).
+
+![Model3d](https://user-images.githubusercontent.com/9021060/168689062-6ad77151-8cc5-467d-916c-f7c78e52ec0c.gif)
+
+### Full Changelog:
+
+- Gradio dash fe by [@pngwn](https://github.com/pngwn) in [PR 807](https://github.com/gradio-app/gradio/pull/807)
+- Blocks components by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 765](https://github.com/gradio-app/gradio/pull/765)
+- Blocks components V2 by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 843](https://github.com/gradio-app/gradio/pull/843)
+- Blocks-Backend-Events by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 844](https://github.com/gradio-app/gradio/pull/844)
+- Interfaces from Blocks by [@aliabid94](https://github.com/aliabid94) in [PR 849](https://github.com/gradio-app/gradio/pull/849)
+- Blocks dev by [@aliabid94](https://github.com/aliabid94) in [PR 853](https://github.com/gradio-app/gradio/pull/853)
+- Started updating demos to use the new `gradio.components` syntax by [@abidlabs](https://github.com/abidlabs) in [PR 848](https://github.com/gradio-app/gradio/pull/848)
+- add test infra + add browser tests to CI by [@pngwn](https://github.com/pngwn) in [PR 852](https://github.com/gradio-app/gradio/pull/852)
+- 854 textbox by [@pngwn](https://github.com/pngwn) in [PR 859](https://github.com/gradio-app/gradio/pull/859)
+- Getting old Python unit tests to pass on `blocks-dev` by [@abidlabs](https://github.com/abidlabs) in [PR 861](https://github.com/gradio-app/gradio/pull/861)
+- initialise chatbot with empty array of messages by [@pngwn](https://github.com/pngwn) in [PR 867](https://github.com/gradio-app/gradio/pull/867)
+- add test for output to input by [@pngwn](https://github.com/pngwn) in [PR 866](https://github.com/gradio-app/gradio/pull/866)
+- More Interface -> Blocks features by [@aliabid94](https://github.com/aliabid94) in [PR 864](https://github.com/gradio-app/gradio/pull/864)
+- Fixing external.py in blocks-dev to reflect the new HF Spaces paths by [@abidlabs](https://github.com/abidlabs) in [PR 879](https://github.com/gradio-app/gradio/pull/879)
+- backend_default_value_refactoring by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 871](https://github.com/gradio-app/gradio/pull/871)
+- fix default_value by [@pngwn](https://github.com/pngwn) in [PR 869](https://github.com/gradio-app/gradio/pull/869)
+- fix buttons by [@aliabid94](https://github.com/aliabid94) in [PR 883](https://github.com/gradio-app/gradio/pull/883)
+- Checking and updating more demos to use 3.0 syntax by [@abidlabs](https://github.com/abidlabs) in [PR 892](https://github.com/gradio-app/gradio/pull/892)
+- Blocks Tests by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 902](https://github.com/gradio-app/gradio/pull/902)
+- Interface fix by [@pngwn](https://github.com/pngwn) in [PR 901](https://github.com/gradio-app/gradio/pull/901)
+- Quick fix: Issue 893 by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 907](https://github.com/gradio-app/gradio/pull/907)
+- 3d Image Component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 775](https://github.com/gradio-app/gradio/pull/775)
+- fix endpoint url in prod by [@pngwn](https://github.com/pngwn) in [PR 911](https://github.com/gradio-app/gradio/pull/911)
+- rename Model3d to Image3D by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 912](https://github.com/gradio-app/gradio/pull/912)
+- update pypi to 2.9.1 by [@abidlabs](https://github.com/abidlabs) in [PR 916](https://github.com/gradio-app/gradio/pull/916)
+- blocks-with-fix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 917](https://github.com/gradio-app/gradio/pull/917)
+- Restore Interpretation, Live, Auth, Queueing by [@aliabid94](https://github.com/aliabid94) in [PR 915](https://github.com/gradio-app/gradio/pull/915)
+- Allow `Blocks` instances to be used like a `Block` in other `Blocks` by [@abidlabs](https://github.com/abidlabs) in [PR 919](https://github.com/gradio-app/gradio/pull/919)
+- Redesign 1 by [@pngwn](https://github.com/pngwn) in [PR 918](https://github.com/gradio-app/gradio/pull/918)
+- blocks-components-tests by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 904](https://github.com/gradio-app/gradio/pull/904)
+- fix unit + browser tests by [@pngwn](https://github.com/pngwn) in [PR 926](https://github.com/gradio-app/gradio/pull/926)
+- blocks-move-test-data by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 927](https://github.com/gradio-app/gradio/pull/927)
+- remove debounce from form inputs by [@pngwn](https://github.com/pngwn) in [PR 932](https://github.com/gradio-app/gradio/pull/932)
+- reimplement webcam video by [@pngwn](https://github.com/pngwn) in [PR 928](https://github.com/gradio-app/gradio/pull/928)
+- blocks-move-test-data by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 941](https://github.com/gradio-app/gradio/pull/941)
+- allow audio components to take a string value by [@pngwn](https://github.com/pngwn) in [PR 930](https://github.com/gradio-app/gradio/pull/930)
+- static mode for textbox by [@pngwn](https://github.com/pngwn) in [PR 929](https://github.com/gradio-app/gradio/pull/929)
+- fix file upload text by [@pngwn](https://github.com/pngwn) in [PR 931](https://github.com/gradio-app/gradio/pull/931)
+- tabbed-interface-rewritten by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 958](https://github.com/gradio-app/gradio/pull/958)
+- Gan demo fix by [@abidlabs](https://github.com/abidlabs) in [PR 965](https://github.com/gradio-app/gradio/pull/965)
+- Blocks analytics by [@abidlabs](https://github.com/abidlabs) in [PR 947](https://github.com/gradio-app/gradio/pull/947)
+- Blocks page load by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 963](https://github.com/gradio-app/gradio/pull/963)
+- add frontend for page load events by [@pngwn](https://github.com/pngwn) in [PR 967](https://github.com/gradio-app/gradio/pull/967)
+- fix i18n and some tweaks by [@pngwn](https://github.com/pngwn) in [PR 966](https://github.com/gradio-app/gradio/pull/966)
+- add jinja2 to reqs by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 969](https://github.com/gradio-app/gradio/pull/969)
+- Cleaning up `Launchable()` by [@abidlabs](https://github.com/abidlabs) in [PR 968](https://github.com/gradio-app/gradio/pull/968)
+- Fix #944 by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 971](https://github.com/gradio-app/gradio/pull/971)
+- New Blocks Demo: neural instrument cloning by [@abidlabs](https://github.com/abidlabs) in [PR 975](https://github.com/gradio-app/gradio/pull/975)
+- Add huggingface_hub client library by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 973](https://github.com/gradio-app/gradio/pull/973)
+- State and variables by [@aliabid94](https://github.com/aliabid94) in [PR 977](https://github.com/gradio-app/gradio/pull/977)
+- update-components by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 986](https://github.com/gradio-app/gradio/pull/986)
+- ensure dataframe updates as expected by [@pngwn](https://github.com/pngwn) in [PR 981](https://github.com/gradio-app/gradio/pull/981)
+- test-guideline by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 990](https://github.com/gradio-app/gradio/pull/990)
+- Issue #785: add footer by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 972](https://github.com/gradio-app/gradio/pull/972)
+- indentation fix by [@abidlabs](https://github.com/abidlabs) in [PR 993](https://github.com/gradio-app/gradio/pull/993)
+- missing quote by [@aliabd](https://github.com/aliabd) in [PR 996](https://github.com/gradio-app/gradio/pull/996)
+- added interactive parameter to components by [@abidlabs](https://github.com/abidlabs) in [PR 992](https://github.com/gradio-app/gradio/pull/992)
+- custom-components by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 985](https://github.com/gradio-app/gradio/pull/985)
+- Refactor component shortcuts by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 995](https://github.com/gradio-app/gradio/pull/995)
+- Plot Component by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 805](https://github.com/gradio-app/gradio/pull/805)
+- updated PyPi version to 2.9.2 by [@abidlabs](https://github.com/abidlabs) in [PR 1002](https://github.com/gradio-app/gradio/pull/1002)
+- Release 2.9.3 by [@abidlabs](https://github.com/abidlabs) in [PR 1003](https://github.com/gradio-app/gradio/pull/1003)
+- Image3D Examples Fix by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1001](https://github.com/gradio-app/gradio/pull/1001)
+- release 2.9.4 by [@abidlabs](https://github.com/abidlabs) in [PR 1006](https://github.com/gradio-app/gradio/pull/1006)
+- templates import hotfix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1008](https://github.com/gradio-app/gradio/pull/1008)
+- Progress indicator bar by [@aliabid94](https://github.com/aliabid94) in [PR 997](https://github.com/gradio-app/gradio/pull/997)
+- Fixed image input for absolute path by [@JefferyChiang](https://github.com/JefferyChiang) in [PR 1004](https://github.com/gradio-app/gradio/pull/1004)
+- Model3D + Plot Components by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1010](https://github.com/gradio-app/gradio/pull/1010)
+- Gradio Guides: Creating CryptoPunks with GANs by [@NimaBoscarino](https://github.com/NimaBoscarino) in [PR 1000](https://github.com/gradio-app/gradio/pull/1000)
+- [BIG PR] Gradio blocks & redesigned components by [@abidlabs](https://github.com/abidlabs) in [PR 880](https://github.com/gradio-app/gradio/pull/880)
+- fixed failing test on main by [@abidlabs](https://github.com/abidlabs) in [PR 1023](https://github.com/gradio-app/gradio/pull/1023)
+- Use smaller ASR model in external test by [@abidlabs](https://github.com/abidlabs) in [PR 1024](https://github.com/gradio-app/gradio/pull/1024)
+- updated PyPi version to 2.9.0b by [@abidlabs](https://github.com/abidlabs) in [PR 1026](https://github.com/gradio-app/gradio/pull/1026)
+- Fixing import issues so that the package successfully installs on colab notebooks by [@abidlabs](https://github.com/abidlabs) in [PR 1027](https://github.com/gradio-app/gradio/pull/1027)
+- Update website tracker slackbot by [@aliabd](https://github.com/aliabd) in [PR 1037](https://github.com/gradio-app/gradio/pull/1037)
+- textbox-autoheight by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1009](https://github.com/gradio-app/gradio/pull/1009)
+- Model3D Examples fixes by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1035](https://github.com/gradio-app/gradio/pull/1035)
+- GAN Gradio Guide: Adjustments to iframe heights by [@NimaBoscarino](https://github.com/NimaBoscarino) in [PR 1042](https://github.com/gradio-app/gradio/pull/1042)
+- added better default labels to form components by [@abidlabs](https://github.com/abidlabs) in [PR 1040](https://github.com/gradio-app/gradio/pull/1040)
+- Slackbot web tracker fix by [@aliabd](https://github.com/aliabd) in [PR 1043](https://github.com/gradio-app/gradio/pull/1043)
+- Plot fixes by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1044](https://github.com/gradio-app/gradio/pull/1044)
+- Small fixes to the demos by [@abidlabs](https://github.com/abidlabs) in [PR 1030](https://github.com/gradio-app/gradio/pull/1030)
+- fixing demo issue with website by [@aliabd](https://github.com/aliabd) in [PR 1047](https://github.com/gradio-app/gradio/pull/1047)
+- [hotfix] HighlightedText by [@aliabid94](https://github.com/aliabid94) in [PR 1046](https://github.com/gradio-app/gradio/pull/1046)
+- Update text by [@ronvoluted](https://github.com/ronvoluted) in [PR 1050](https://github.com/gradio-app/gradio/pull/1050)
+- Update CONTRIBUTING.md by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1052](https://github.com/gradio-app/gradio/pull/1052)
+- fix(ui): Increase contrast for footer by [@ronvoluted](https://github.com/ronvoluted) in [PR 1048](https://github.com/gradio-app/gradio/pull/1048)
+- UI design update by [@gary149](https://github.com/gary149) in [PR 1041](https://github.com/gradio-app/gradio/pull/1041)
+- updated PyPi version to 2.9.0b8 by [@abidlabs](https://github.com/abidlabs) in [PR 1059](https://github.com/gradio-app/gradio/pull/1059)
+- Running, testing, and fixing demos by [@abidlabs](https://github.com/abidlabs) in [PR 1060](https://github.com/gradio-app/gradio/pull/1060)
+- Form layout by [@pngwn](https://github.com/pngwn) in [PR 1054](https://github.com/gradio-app/gradio/pull/1054)
+- inputless-interfaces by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1038](https://github.com/gradio-app/gradio/pull/1038)
+- Update PULL_REQUEST_TEMPLATE.md by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1068](https://github.com/gradio-app/gradio/pull/1068)
+- Upgrading node memory to 4gb in website Docker by [@aliabd](https://github.com/aliabd) in [PR 1069](https://github.com/gradio-app/gradio/pull/1069)
+- Website reload error by [@aliabd](https://github.com/aliabd) in [PR 1079](https://github.com/gradio-app/gradio/pull/1079)
+- fixed favicon issue by [@abidlabs](https://github.com/abidlabs) in [PR 1064](https://github.com/gradio-app/gradio/pull/1064)
+- remove-queue-from-events by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1056](https://github.com/gradio-app/gradio/pull/1056)
+- Enable vertex colors for OBJs files by [@radames](https://github.com/radames) in [PR 1074](https://github.com/gradio-app/gradio/pull/1074)
+- Dark text by [@ronvoluted](https://github.com/ronvoluted) in [PR 1049](https://github.com/gradio-app/gradio/pull/1049)
+- Scroll to output by [@pngwn](https://github.com/pngwn) in [PR 1077](https://github.com/gradio-app/gradio/pull/1077)
+- Explicitly list pnpm version 6 in contributing guide by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1085](https://github.com/gradio-app/gradio/pull/1085)
+- hotfix for encrypt issue by [@abidlabs](https://github.com/abidlabs) in [PR 1096](https://github.com/gradio-app/gradio/pull/1096)
+- Release 2.9b9 by [@abidlabs](https://github.com/abidlabs) in [PR 1098](https://github.com/gradio-app/gradio/pull/1098)
+- tweak node circleci settings by [@pngwn](https://github.com/pngwn) in [PR 1091](https://github.com/gradio-app/gradio/pull/1091)
+- Website Reload Error by [@aliabd](https://github.com/aliabd) in [PR 1099](https://github.com/gradio-app/gradio/pull/1099)
+- Website Reload: README in demos docker by [@aliabd](https://github.com/aliabd) in [PR 1100](https://github.com/gradio-app/gradio/pull/1100)
+- Flagging fixes by [@abidlabs](https://github.com/abidlabs) in [PR 1081](https://github.com/gradio-app/gradio/pull/1081)
+- Backend for optional labels by [@abidlabs](https://github.com/abidlabs) in [PR 1080](https://github.com/gradio-app/gradio/pull/1080)
+- Optional labels fe by [@pngwn](https://github.com/pngwn) in [PR 1105](https://github.com/gradio-app/gradio/pull/1105)
+- clean-deprecated-parameters by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1090](https://github.com/gradio-app/gradio/pull/1090)
+- Blocks rendering fix by [@abidlabs](https://github.com/abidlabs) in [PR 1102](https://github.com/gradio-app/gradio/pull/1102)
+- Redos #1106 by [@abidlabs](https://github.com/abidlabs) in [PR 1112](https://github.com/gradio-app/gradio/pull/1112)
+- Interface types: handle input-only, output-only, and unified interfaces by [@abidlabs](https://github.com/abidlabs) in [PR 1108](https://github.com/gradio-app/gradio/pull/1108)
+- Hotfix + New pypi release 2.9b11 by [@abidlabs](https://github.com/abidlabs) in [PR 1118](https://github.com/gradio-app/gradio/pull/1118)
+- issue-checkbox by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1122](https://github.com/gradio-app/gradio/pull/1122)
+- issue-checkbox-hotfix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1127](https://github.com/gradio-app/gradio/pull/1127)
+- Fix demos in website by [@aliabd](https://github.com/aliabd) in [PR 1130](https://github.com/gradio-app/gradio/pull/1130)
+- Guide for Gradio ONNX model zoo on Huggingface by [@AK391](https://github.com/AK391) in [PR 1073](https://github.com/gradio-app/gradio/pull/1073)
+- ONNX guide fixes by [@aliabd](https://github.com/aliabd) in [PR 1131](https://github.com/gradio-app/gradio/pull/1131)
+- Stacked form inputs css by [@gary149](https://github.com/gary149) in [PR 1134](https://github.com/gradio-app/gradio/pull/1134)
+- made default value in textbox empty string by [@abidlabs](https://github.com/abidlabs) in [PR 1135](https://github.com/gradio-app/gradio/pull/1135)
+- Examples UI by [@gary149](https://github.com/gary149) in [PR 1121](https://github.com/gradio-app/gradio/pull/1121)
+- Chatbot custom color support by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1092](https://github.com/gradio-app/gradio/pull/1092)
+- highlighted text colors by [@pngwn](https://github.com/pngwn) in [PR 1119](https://github.com/gradio-app/gradio/pull/1119)
+- pin to pnpm 6 for now by [@pngwn](https://github.com/pngwn) in [PR 1147](https://github.com/gradio-app/gradio/pull/1147)
+- Restore queue in Blocks by [@aliabid94](https://github.com/aliabid94) in [PR 1137](https://github.com/gradio-app/gradio/pull/1137)
+- add select event for tabitems by [@pngwn](https://github.com/pngwn) in [PR 1154](https://github.com/gradio-app/gradio/pull/1154)
+- max_lines + autoheight for textbox by [@pngwn](https://github.com/pngwn) in [PR 1153](https://github.com/gradio-app/gradio/pull/1153)
+- use color palette for chatbot by [@pngwn](https://github.com/pngwn) in [PR 1152](https://github.com/gradio-app/gradio/pull/1152)
+- Timeseries improvements by [@pngwn](https://github.com/pngwn) in [PR 1149](https://github.com/gradio-app/gradio/pull/1149)
+- move styling for interface panels to frontend by [@pngwn](https://github.com/pngwn) in [PR 1146](https://github.com/gradio-app/gradio/pull/1146)
+- html tweaks by [@pngwn](https://github.com/pngwn) in [PR 1145](https://github.com/gradio-app/gradio/pull/1145)
+- Issue #768: Support passing none to resize and crop image by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1144](https://github.com/gradio-app/gradio/pull/1144)
+- image gallery component + img css by [@aliabid94](https://github.com/aliabid94) in [PR 1140](https://github.com/gradio-app/gradio/pull/1140)
+- networking tweak by [@abidlabs](https://github.com/abidlabs) in [PR 1143](https://github.com/gradio-app/gradio/pull/1143)
+- Allow enabling queue per event listener by [@aliabid94](https://github.com/aliabid94) in [PR 1155](https://github.com/gradio-app/gradio/pull/1155)
+- config hotfix and v. 2.9b23 by [@abidlabs](https://github.com/abidlabs) in [PR 1158](https://github.com/gradio-app/gradio/pull/1158)
+- Custom JS calls by [@aliabid94](https://github.com/aliabid94) in [PR 1082](https://github.com/gradio-app/gradio/pull/1082)
+- Small fixes: queue default fix, ffmpeg installation message by [@abidlabs](https://github.com/abidlabs) in [PR 1159](https://github.com/gradio-app/gradio/pull/1159)
+- formatting by [@abidlabs](https://github.com/abidlabs) in [PR 1161](https://github.com/gradio-app/gradio/pull/1161)
+- enable flex grow for gr-box by [@radames](https://github.com/radames) in [PR 1165](https://github.com/gradio-app/gradio/pull/1165)
+- 1148 loading by [@pngwn](https://github.com/pngwn) in [PR 1164](https://github.com/gradio-app/gradio/pull/1164)
+- Put enable_queue kwarg back in launch() by [@aliabid94](https://github.com/aliabid94) in [PR 1167](https://github.com/gradio-app/gradio/pull/1167)
+- A few small fixes by [@abidlabs](https://github.com/abidlabs) in [PR 1171](https://github.com/gradio-app/gradio/pull/1171)
+- Hotfix for dropdown component by [@abidlabs](https://github.com/abidlabs) in [PR 1172](https://github.com/gradio-app/gradio/pull/1172)
+- use secondary buttons in interface by [@pngwn](https://github.com/pngwn) in [PR 1173](https://github.com/gradio-app/gradio/pull/1173)
+- 1183 component height by [@pngwn](https://github.com/pngwn) in [PR 1185](https://github.com/gradio-app/gradio/pull/1185)
+- 962 dataframe by [@pngwn](https://github.com/pngwn) in [PR 1186](https://github.com/gradio-app/gradio/pull/1186)
+- update-contributing by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1188](https://github.com/gradio-app/gradio/pull/1188)
+- Table tweaks by [@pngwn](https://github.com/pngwn) in [PR 1195](https://github.com/gradio-app/gradio/pull/1195)
+- wrap tab content in column by [@pngwn](https://github.com/pngwn) in [PR 1200](https://github.com/gradio-app/gradio/pull/1200)
+- WIP: Add dark mode support by [@gary149](https://github.com/gary149) in [PR 1187](https://github.com/gradio-app/gradio/pull/1187)
+- Restored /api/predict/ endpoint for Interfaces by [@abidlabs](https://github.com/abidlabs) in [PR 1199](https://github.com/gradio-app/gradio/pull/1199)
+- hltext-label by [@pngwn](https://github.com/pngwn) in [PR 1204](https://github.com/gradio-app/gradio/pull/1204)
+- add copy functionality to json by [@pngwn](https://github.com/pngwn) in [PR 1205](https://github.com/gradio-app/gradio/pull/1205)
+- Update component config by [@aliabid94](https://github.com/aliabid94) in [PR 1089](https://github.com/gradio-app/gradio/pull/1089)
+- fix placeholder prompt by [@pngwn](https://github.com/pngwn) in [PR 1215](https://github.com/gradio-app/gradio/pull/1215)
+- ensure webcam video value is propagated correctly by [@pngwn](https://github.com/pngwn) in [PR 1218](https://github.com/gradio-app/gradio/pull/1218)
+- Automatic word-break in highlighted text, combine_adjacent support by [@aliabid94](https://github.com/aliabid94) in [PR 1209](https://github.com/gradio-app/gradio/pull/1209)
+- async-function-support by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1190](https://github.com/gradio-app/gradio/pull/1190)
+- Sharing fix for assets by [@aliabid94](https://github.com/aliabid94) in [PR 1208](https://github.com/gradio-app/gradio/pull/1208)
+- Hotfixes for course demos by [@abidlabs](https://github.com/abidlabs) in [PR 1222](https://github.com/gradio-app/gradio/pull/1222)
+- Allow Custom CSS by [@aliabid94](https://github.com/aliabid94) in [PR 1170](https://github.com/gradio-app/gradio/pull/1170)
+- share-hotfix by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1226](https://github.com/gradio-app/gradio/pull/1226)
+- tweaks by [@pngwn](https://github.com/pngwn) in [PR 1229](https://github.com/gradio-app/gradio/pull/1229)
+- white space for class concatenation by [@radames](https://github.com/radames) in [PR 1228](https://github.com/gradio-app/gradio/pull/1228)
+- Tweaks by [@pngwn](https://github.com/pngwn) in [PR 1230](https://github.com/gradio-app/gradio/pull/1230)
+- css tweaks by [@pngwn](https://github.com/pngwn) in [PR 1235](https://github.com/gradio-app/gradio/pull/1235)
+- ensure defaults height match for media inputs by [@pngwn](https://github.com/pngwn) in [PR 1236](https://github.com/gradio-app/gradio/pull/1236)
+- Default Label label value by [@radames](https://github.com/radames) in [PR 1239](https://github.com/gradio-app/gradio/pull/1239)
+- update-shortcut-syntax by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1234](https://github.com/gradio-app/gradio/pull/1234)
+- Update version.txt by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1244](https://github.com/gradio-app/gradio/pull/1244)
+- Layout bugs by [@pngwn](https://github.com/pngwn) in [PR 1246](https://github.com/gradio-app/gradio/pull/1246)
+- Update demo by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1253](https://github.com/gradio-app/gradio/pull/1253)
+- Button default name by [@FarukOzderim](https://github.com/FarukOzderim) in [PR 1243](https://github.com/gradio-app/gradio/pull/1243)
+- Labels spacing by [@gary149](https://github.com/gary149) in [PR 1254](https://github.com/gradio-app/gradio/pull/1254)
+- add global loader for gradio app by [@pngwn](https://github.com/pngwn) in [PR 1251](https://github.com/gradio-app/gradio/pull/1251)
+- ui apis for dalle-mini by [@pngwn](https://github.com/pngwn) in [PR 1258](https://github.com/gradio-app/gradio/pull/1258)
+- Add precision to Number, backend only by [@freddyaboulton](https://github.com/freddyaboulton) in [PR 1125](https://github.com/gradio-app/gradio/pull/1125)
+- Website Design Changes by [@abidlabs](https://github.com/abidlabs) in [PR 1015](https://github.com/gradio-app/gradio/pull/1015)
+- Small fixes for multiple demos compatible with 3.0 by [@radames](https://github.com/radames) in [PR 1257](https://github.com/gradio-app/gradio/pull/1257)
+- Issue #1160: Model 3D component not destroyed correctly by [@dawoodkhan82](https://github.com/dawoodkhan82) in [PR 1219](https://github.com/gradio-app/gradio/pull/1219)
+- Fixes to components by [@abidlabs](https://github.com/abidlabs) in [PR 1260](https://github.com/gradio-app/gradio/pull/1260)
+- layout docs by [@abidlabs](https://github.com/abidlabs) in [PR 1263](https://github.com/gradio-app/gradio/pull/1263)
+- Static forms by [@pngwn](https://github.com/pngwn) in [PR 1264](https://github.com/gradio-app/gradio/pull/1264)
+- Cdn assets by [@pngwn](https://github.com/pngwn) in [PR 1265](https://github.com/gradio-app/gradio/pull/1265)
+- update logo by [@gary149](https://github.com/gary149) in [PR 1266](https://github.com/gradio-app/gradio/pull/1266)
+- fix slider by [@aliabid94](https://github.com/aliabid94) in [PR 1268](https://github.com/gradio-app/gradio/pull/1268)
+- maybe fix auth in iframes by [@pngwn](https://github.com/pngwn) in [PR 1261](https://github.com/gradio-app/gradio/pull/1261)
+- Improves "Getting Started" guide by [@abidlabs](https://github.com/abidlabs) in [PR 1269](https://github.com/gradio-app/gradio/pull/1269)
+- Add embedded demos to website by [@aliabid94](https://github.com/aliabid94) in [PR 1270](https://github.com/gradio-app/gradio/pull/1270)
+- Label hotfixes by [@abidlabs](https://github.com/abidlabs) in [PR 1281](https://github.com/gradio-app/gradio/pull/1281)
+- General tweaks by [@pngwn](https://github.com/pngwn) in [PR 1276](https://github.com/gradio-app/gradio/pull/1276)
+- only affect links within the document by [@pngwn](https://github.com/pngwn) in [PR 1282](https://github.com/gradio-app/gradio/pull/1282)
+- release 3.0b9 by [@abidlabs](https://github.com/abidlabs) in [PR 1283](https://github.com/gradio-app/gradio/pull/1283)
+- Dm by [@pngwn](https://github.com/pngwn) in [PR 1284](https://github.com/gradio-app/gradio/pull/1284)
+- Website fixes by [@aliabd](https://github.com/aliabd) in [PR 1286](https://github.com/gradio-app/gradio/pull/1286)
+- Create Streamables by [@aliabid94](https://github.com/aliabid94) in [PR 1279](https://github.com/gradio-app/gradio/pull/1279)
+- ensure table works on mobile by [@pngwn](https://github.com/pngwn) in [PR 1277](https://github.com/gradio-app/gradio/pull/1277)
+- changes by [@aliabid94](https://github.com/aliabid94) in [PR 1287](https://github.com/gradio-app/gradio/pull/1287)
+- demo alignment on landing page by [@aliabd](https://github.com/aliabd) in [PR 1288](https://github.com/gradio-app/gradio/pull/1288)
+- New meta img by [@aliabd](https://github.com/aliabd) in [PR 1289](https://github.com/gradio-app/gradio/pull/1289)
+- updated PyPi version to 3.0 by [@abidlabs](https://github.com/abidlabs) in [PR 1290](https://github.com/gradio-app/gradio/pull/1290)
+- Fix site by [@aliabid94](https://github.com/aliabid94) in [PR 1291](https://github.com/gradio-app/gradio/pull/1291)
+- Mobile responsive guides by [@aliabd](https://github.com/aliabd) in [PR 1293](https://github.com/gradio-app/gradio/pull/1293)
+- Update readme by [@abidlabs](https://github.com/abidlabs) in [PR 1292](https://github.com/gradio-app/gradio/pull/1292)
+- gif by [@abidlabs](https://github.com/abidlabs) in [PR 1296](https://github.com/gradio-app/gradio/pull/1296)
+- Allow decoding headerless b64 string [@1lint](https://github.com/1lint) in [PR 4031](https://github.com/gradio-app/gradio/pull/4031)
+
+### Contributors Shoutout:
+
+- [@JefferyChiang](https://github.com/JefferyChiang) made their first contribution in [PR 1004](https://github.com/gradio-app/gradio/pull/1004)
+- [@NimaBoscarino](https://github.com/NimaBoscarino) made their first contribution in [PR 1000](https://github.com/gradio-app/gradio/pull/1000)
+- [@ronvoluted](https://github.com/ronvoluted) made their first contribution in [PR 1050](https://github.com/gradio-app/gradio/pull/1050)
+- [@radames](https://github.com/radames) made their first contribution in [PR 1074](https://github.com/gradio-app/gradio/pull/1074)
+- [@freddyaboulton](https://github.com/freddyaboulton) made their first contribution in [PR 1085](https://github.com/gradio-app/gradio/pull/1085)
+- [@liteli1987gmail](https://github.com/liteli1987gmail) & [@chenglu](https://github.com/chenglu) made their first contribution in [PR 4767](https://github.com/gradio-app/gradio/pull/4767)
\ No newline at end of file
diff --git a/gradio/__init__.py b/gradio/__init__.py
new file mode 100644
index 0000000..67c0ffc
--- /dev/null
+++ b/gradio/__init__.py
@@ -0,0 +1,290 @@
+import json
+
+import gradio._simple_templates
+import gradio.image_utils
+import gradio.processing_utils
+import gradio.templates
+from gradio import components, layouts, mcp, themes, validators
+from gradio.blocks import Blocks
+from gradio.caching import Cache, cache
+from gradio.chat_interface import ChatInterface
+from gradio.cli import deploy
+from gradio.components import (
+    HTML,
+    JSON,
+    AnnotatedImage,
+    Annotatedimage,
+    Audio,
+    BarPlot,
+    BrowserState,
+    Button,
+    Chatbot,
+    ChatMessage,
+    Checkbox,
+    CheckboxGroup,
+    Checkboxgroup,
+    ClearButton,
+    Code,
+    ColorPicker,
+    Component,
+    DataFrame,
+    Dataframe,
+    Dataset,
+    DateTime,
+    DeepLinkButton,
+    Dialogue,
+    DownloadButton,
+    Dropdown,
+    DuplicateButton,
+    File,
+    FileExplorer,
+    Gallery,
+    Highlight,
+    HighlightedText,
+    Highlightedtext,
+    Image,
+    ImageEditor,
+    ImageSlider,
+    InputHTMLAttributes,
+    Json,
+    Label,
+    LinePlot,
+    LoginButton,
+    Markdown,
+    MessageDict,
+    Model3D,
+    MultimodalTextbox,
+    Navbar,
+    Number,
+    ParamViewer,
+    Plot,
+    Radio,
+    ScatterPlot,
+    Slider,
+    State,
+    Text,
+    Textbox,
+    Timer,
+    UploadButton,
+    Video,
+    WorkflowCanvas,
+    component,
+)
+from gradio.components.audio import WaveformOptions
+from gradio.components.image_editor import (
+    Brush,
+    Eraser,
+    LayerOptions,
+    WatermarkOptions,
+    WebcamOptions,
+)
+from gradio.data_classes import FileData
+from gradio.events import (
+    CopyData,
+    DeletedFileData,
+    DownloadData,
+    EditData,
+    EventData,
+    KeyUpData,
+    LikeData,
+    RetryData,
+    SelectData,
+    UndoData,
+    api,
+    on,
+)
+from gradio.exceptions import Error
+from gradio.external import load, load_chat, load_openapi
+from gradio.flagging import (
+    CSVLogger,
+    FlaggingCallback,
+    SimpleCSVLogger,
+)
+from gradio.helpers import Info, Progress, Success, Warning, skip, update, validate
+from gradio.helpers import create_examples as Examples  # noqa: N812
+from gradio.i18n import I18n
+from gradio.interface import Interface, TabbedInterface, close_all
+from gradio.ipython_ext import load_ipython_extension
+from gradio.layouts import (
+    Accordion,
+    Column,
+    Draggable,
+    Group,
+    Row,
+    Sidebar,
+    Step,
+    Tab,
+    TabItem,
+    Tabs,
+    Walkthrough,
+)
+from gradio.media import get_audio, get_file, get_image, get_model3d, get_video
+from gradio.oauth import OAuthProfile, OAuthToken
+from gradio.renderable import render
+from gradio.route_utils import Header
+from gradio.routes import Request, mount_gradio_app
+from gradio.server import Server
+from gradio.templates import (
+    Files,
+    ImageMask,
+    List,
+    Matrix,
+    Mic,
+    Microphone,
+    Numpy,
+    Paint,
+    PlayableVideo,
+    Sketchpad,
+    TextArea,
+)
+from gradio.themes import Base as Theme
+from gradio.utils import NO_RELOAD, FileSize, get_package_version, set_static_paths
+from gradio.workflow import Workflow
+
+# this is the version:
+__version__ = get_package_version()
+
+__all__ = [
+    "Accordion",
+    "AnnotatedImage",
+    "Server",
+    "Annotatedimage",
+    "Audio",
+    "BarPlot",
+    "Blocks",
+    "BrowserState",
+    "Brush",
+    "Button",
+    "CSVLogger",
+    "Cache",
+    "cache",
+    "ChatInterface",
+    "ChatMessage",
+    "Chatbot",
+    "Checkbox",
+    "CheckboxGroup",
+    "Checkboxgroup",
+    "ClearButton",
+    "Code",
+    "ColorPicker",
+    "Column",
+    "Component",
+    "CopyData",
+    "DataFrame",
+    "Dataframe",
+    "Dataset",
+    "DateTime",
+    "Dialogue",
+    "DeletedFileData",
+    "DownloadButton",
+    "DownloadData",
+    "Dropdown",
+    "DuplicateButton",
+    "EditData",
+    "Eraser",
+    "Error",
+    "EventData",
+    "Examples",
+    "File",
+    "FileData",
+    "FileExplorer",
+    "FileSize",
+    "Files",
+    "FlaggingCallback",
+    "Gallery",
+    "Group",
+    "Header",
+    "HTML",
+    "Highlight",
+    "HighlightedText",
+    "Highlightedtext",
+    "Image",
+    "ImageEditor",
+    "ImageSlider",
+    "ImageMask",
+    "Info",
+    "InputHTMLAttributes",
+    "Interface",
+    "JSON",
+    "Json",
+    "KeyUpData",
+    "Label",
+    "LayerOptions",
+    "LikeData",
+    "LinePlot",
+    "List",
+    "LoginButton",
+    "Markdown",
+    "Matrix",
+    "MessageDict",
+    "Mic",
+    "Microphone",
+    "Model3D",
+    "MultimodalTextbox",
+    "NO_RELOAD",
+    "Number",
+    "Numpy",
+    "OAuthProfile",
+    "OAuthToken",
+    "Paint",
+    "ParamViewer",
+    "PlayableVideo",
+    "Plot",
+    "Progress",
+    "Radio",
+    "Request",
+    "RetryData",
+    "Row",
+    "ScatterPlot",
+    "SelectData",
+    "Sidebar",
+    "SimpleCSVLogger",
+    "Sketchpad",
+    "Slider",
+    "State",
+    "Success",
+    "Tab",
+    "TabItem",
+    "TabbedInterface",
+    "Tabs",
+    "Text",
+    "TextArea",
+    "Textbox",
+    "Theme",
+    "Timer",
+    "UndoData",
+    "UploadButton",
+    "Video",
+    "Walkthrough",
+    "Step",
+    "Warning",
+    "WaveformOptions",
+    "WebcamOptions",
+    "WatermarkOptions",
+    "__version__",
+    "close_all",
+    "deploy",
+    "get_package_version",
+    "I18n",
+    "load",
+    "load_chat",
+    "load_ipython_extension",
+    "load_openapi",
+    "mount_gradio_app",
+    "on",
+    "render",
+    "set_static_paths",
+    "skip",
+    "update",
+    "DeepLinkButton",
+    "mcp",
+    "validate",
+    "get_audio",
+    "get_image",
+    "get_video",
+    "get_model3d",
+    "get_file",
+    "validators",
+    "Workflow",
+    "WorkflowCanvas",
+]
diff --git a/gradio/__main__.py b/gradio/__main__.py
new file mode 100644
index 0000000..02e3d6c
--- /dev/null
+++ b/gradio/__main__.py
@@ -0,0 +1,4 @@
+from gradio.cli import cli
+
+if __name__ == "__main__":
+    cli()
diff --git a/gradio/_simple_templates/__init__.py b/gradio/_simple_templates/__init__.py
new file mode 100644
index 0000000..bf5acb3
--- /dev/null
+++ b/gradio/_simple_templates/__init__.py
@@ -0,0 +1,5 @@
+from .simpledropdown import SimpleDropdown
+from .simpleimage import SimpleImage
+from .simpletextbox import SimpleTextbox
+
+__all__ = ["SimpleDropdown", "SimpleTextbox", "SimpleImage"]
diff --git a/gradio/_simple_templates/simpledropdown.py b/gradio/_simple_templates/simpledropdown.py
new file mode 100644
index 0000000..36d3af0
--- /dev/null
+++ b/gradio/_simple_templates/simpledropdown.py
@@ -0,0 +1,126 @@
+from __future__ import annotations
+
+import warnings
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio.components.base import Component, FormComponent
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class SimpleDropdown(FormComponent):
+    """
+    Creates a very simple dropdown listing choices from which entries can be selected.
+    """
+
+    EVENTS = [Events.change, Events.input, Events.select]
+
+    def __init__(
+        self,
+        choices: list[str | int | float | tuple[str | I18nData, str | int | float]]
+        | None = None,
+        *,
+        value: str | int | float | Callable | None = None,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+    ):
+        """
+        Parameters:
+            choices: A list of string options to choose from. An option can also be a tuple of the form (name, value), where name is the displayed name of the dropdown choice and value is the value to be passed to the function, or returned by the function.
+            value: default value selected in dropdown. If None, no value is selected by default. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, choices in this dropdown will be selectable; if False, selection will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.choices = (
+            [tuple(c) if isinstance(c, (tuple, list)) else (str(c), c) for c in choices]
+            if choices
+            else []
+        )
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            value=value,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+
+    def api_info(self) -> dict[str, Any]:
+        return {
+            "type": "string",
+            "enum": [c[1] for c in self.choices],
+        }
+
+    def example_payload(self) -> Any:
+        return self.choices[0][1] if self.choices else None
+
+    def example_value(self) -> Any:
+        return self.choices[0][1] if self.choices else None
+
+    def preprocess(self, payload: str | int | float | None) -> str | int | float | None:
+        """
+        Parameters:
+            payload: the value of the selected dropdown choice
+        Returns:
+            Passes the value of the selected dropdown choice as a `str | int | float`.
+        """
+        return payload
+
+    def _warn_if_invalid_choice(self, y):
+        if y not in [value for _, value in self.choices]:
+            warnings.warn(
+                f"The value passed into gr.Dropdown() is not in the list of choices. Please update the list of choices to include: {y}."
+            )
+
+    def postprocess(self, value):
+        """
+        Parameters:
+            value: Expects a `str | int | float` corresponding to the value of the dropdown entry to be selected.
+        Returns:
+            Returns the value of the selected dropdown entry.
+        """
+        if value is None:
+            return None
+        self._warn_if_invalid_choice(value)
+        return value
+
+    def process_example(self, value):
+        return next((c[0] for c in self.choices if c[1] == value), None)
diff --git a/gradio/_simple_templates/simpleimage.py b/gradio/_simple_templates/simpleimage.py
new file mode 100644
index 0000000..ca5c47e
--- /dev/null
+++ b/gradio/_simple_templates/simpleimage.py
@@ -0,0 +1,121 @@
+"""gr.SimpleImage() component."""
+
+from __future__ import annotations
+
+from collections.abc import Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.data_classes import FileData
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class SimpleImage(Component):
+    """
+    Creates an image component that can be used to upload images (as an input) or display images (as an output).
+    """
+
+    EVENTS = [
+        Events.clear,
+        Events.change,
+        Events.upload,
+    ]
+
+    data_model = FileData
+
+    def __init__(
+        self,
+        value: str | None = None,
+        *,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        show_download_button: bool = True,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+    ):
+        """
+        Parameters:
+            value: A path or URL for the default value that SimpleImage component is going to take. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            show_download_button: If True, will display button to download image.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will allow users to upload and edit an image; if False, can only be used to display images. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.show_download_button = show_download_button
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+
+    def preprocess(self, payload: FileData | None) -> str | None:
+        """
+        Parameters:
+            payload: A FileData object containing the image data.
+        Returns:
+            A `str` containing the path to the image.
+        """
+        if payload is None:
+            return None
+        return payload.path
+
+    def postprocess(self, value: str | Path | None) -> FileData | None:
+        """
+        Parameters:
+            value: Expects a `str` or `pathlib.Path` object containing the path to the image.
+        Returns:
+            A FileData object containing the image data.
+        """
+        if value is None:
+            return None
+        return FileData(path=str(value), orig_name=Path(value).name)
+
+    def example_payload(self) -> Any:
+        return handle_file(
+            "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+        )
+
+    def example_value(self) -> Any:
+        return "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
diff --git a/gradio/_simple_templates/simpletextbox.py b/gradio/_simple_templates/simpletextbox.py
new file mode 100644
index 0000000..ea32af3
--- /dev/null
+++ b/gradio/_simple_templates/simpletextbox.py
@@ -0,0 +1,108 @@
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio.components.base import Component, FormComponent
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class SimpleTextbox(FormComponent):
+    """
+    Creates a very simple textbox for user to enter string input or display string output.
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.submit,
+    ]
+
+    def __init__(
+        self,
+        value: str | Callable | None = None,
+        *,
+        placeholder: str | None = None,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        rtl: bool = False,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+    ):
+        """
+        Parameters:
+            value: default text to provide in textbox. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            placeholder: placeholder hint to provide behind textbox.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            rtl: If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.placeholder = placeholder
+        self.rtl = rtl
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            value=value,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: the text entered in the textarea.
+        Returns:
+            Passes text value as a {str} into the function.
+        """
+        return None if payload is None else str(payload)
+
+    def postprocess(self, value: str | None) -> str | None:
+        """
+        Parameters:
+            value: Expects a {str} returned from function and sets textarea value to it.
+        Returns:
+            The value to display in the textarea.
+        """
+        return None if value is None else str(value)
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    def example_payload(self) -> Any:
+        return "Hello!!"
+
+    def example_value(self) -> Any:
+        return "Hello!!"
diff --git a/gradio/_vendor/__init__.py b/gradio/_vendor/__init__.py
new file mode 100644
index 0000000..00ca497
--- /dev/null
+++ b/gradio/_vendor/__init__.py
@@ -0,0 +1 @@
+"""Vendored third-party Python dependencies used by Gradio."""
diff --git a/gradio/_vendor/aiofiles/__init__.py b/gradio/_vendor/aiofiles/__init__.py
new file mode 100644
index 0000000..5f62158
--- /dev/null
+++ b/gradio/_vendor/aiofiles/__init__.py
@@ -0,0 +1,23 @@
+"""Utilities for asyncio-friendly file handling."""
+
+from . import tempfile
+from .threadpool import (
+    open,
+    stderr,
+    stderr_bytes,
+    stdin,
+    stdin_bytes,
+    stdout,
+    stdout_bytes,
+)
+
+__all__ = [
+    "open",
+    "tempfile",
+    "stdin",
+    "stdout",
+    "stderr",
+    "stdin_bytes",
+    "stdout_bytes",
+    "stderr_bytes",
+]
diff --git a/gradio/_vendor/aiofiles/base.py b/gradio/_vendor/aiofiles/base.py
new file mode 100644
index 0000000..178bd21
--- /dev/null
+++ b/gradio/_vendor/aiofiles/base.py
@@ -0,0 +1,70 @@
+"""Various base classes."""
+
+from asyncio import get_running_loop
+from collections.abc import Awaitable
+from contextlib import AbstractAsyncContextManager
+
+
+class AsyncBase:
+    def __init__(self, file, loop, executor):
+        self._file = file
+        self._executor = executor
+        self._ref_loop = loop
+
+    @property
+    def _loop(self):
+        return self._ref_loop or get_running_loop()
+
+    def __aiter__(self):
+        """We are our own iterator."""
+        return self
+
+    def __repr__(self):
+        return super().__repr__() + " wrapping " + repr(self._file)
+
+    async def __anext__(self):
+        """Simulate normal file iteration."""
+        line = await self.readline()
+        if line:
+            return line
+        else:
+            raise StopAsyncIteration
+
+
+class AsyncIndirectBase(AsyncBase):
+    def __init__(self, name, loop, executor, indirect):
+        self._indirect = indirect
+        self._name = name
+        super().__init__(None, loop, executor)
+
+    @property
+    def _file(self):
+        return self._indirect()
+
+    @_file.setter
+    def _file(self, v):
+        pass  # discard writes
+
+
+class AiofilesContextManager(Awaitable, AbstractAsyncContextManager):
+    """An adjusted async context manager for aiofiles."""
+
+    __slots__ = ("_coro", "_obj")
+
+    def __init__(self, coro):
+        self._coro = coro
+        self._obj = None
+
+    def __await__(self):
+        if self._obj is None:
+            self._obj = yield from self._coro.__await__()
+        return self._obj
+
+    async def __aenter__(self):
+        return await self
+
+    async def __aexit__(self, exc_type, exc_val, exc_tb):
+        await get_running_loop().run_in_executor(
+            None, self._obj._file.__exit__, exc_type, exc_val, exc_tb
+        )
+        self._obj = None
diff --git a/gradio/_vendor/aiofiles/os.py b/gradio/_vendor/aiofiles/os.py
new file mode 100644
index 0000000..92243fa
--- /dev/null
+++ b/gradio/_vendor/aiofiles/os.py
@@ -0,0 +1,58 @@
+"""Async executor versions of file functions from the os module."""
+
+import os
+
+from . import ospath as path
+from .ospath import wrap
+
+__all__ = [
+    "path",
+    "stat",
+    "rename",
+    "renames",
+    "replace",
+    "remove",
+    "unlink",
+    "mkdir",
+    "makedirs",
+    "rmdir",
+    "removedirs",
+    "symlink",
+    "readlink",
+    "listdir",
+    "scandir",
+    "access",
+    "wrap",
+    "getcwd",
+]
+if hasattr(os, "link"):
+    __all__ += ["link"]
+if hasattr(os, "sendfile"):
+    __all__ += ["sendfile"]
+if hasattr(os, "statvfs"):
+    __all__ += ["statvfs"]
+
+
+stat = wrap(os.stat)
+rename = wrap(os.rename)
+renames = wrap(os.renames)
+replace = wrap(os.replace)
+remove = wrap(os.remove)
+unlink = wrap(os.unlink)
+mkdir = wrap(os.mkdir)
+makedirs = wrap(os.makedirs)
+rmdir = wrap(os.rmdir)
+removedirs = wrap(os.removedirs)
+symlink = wrap(os.symlink)
+readlink = wrap(os.readlink)
+listdir = wrap(os.listdir)
+scandir = wrap(os.scandir)
+access = wrap(os.access)
+getcwd = wrap(os.getcwd)
+
+if hasattr(os, "link"):
+    link = wrap(os.link)
+if hasattr(os, "sendfile"):
+    sendfile = wrap(os.sendfile)
+if hasattr(os, "statvfs"):
+    statvfs = wrap(os.statvfs)
diff --git a/gradio/_vendor/aiofiles/ospath.py b/gradio/_vendor/aiofiles/ospath.py
new file mode 100644
index 0000000..387d68d
--- /dev/null
+++ b/gradio/_vendor/aiofiles/ospath.py
@@ -0,0 +1,30 @@
+"""Async executor versions of file functions from the os.path module."""
+
+import asyncio
+from functools import partial, wraps
+from os import path
+
+
+def wrap(func):
+    @wraps(func)
+    async def run(*args, loop=None, executor=None, **kwargs):
+        if loop is None:
+            loop = asyncio.get_running_loop()
+        pfunc = partial(func, *args, **kwargs)
+        return await loop.run_in_executor(executor, pfunc)
+
+    return run
+
+
+exists = wrap(path.exists)
+isfile = wrap(path.isfile)
+isdir = wrap(path.isdir)
+islink = wrap(path.islink)
+ismount = wrap(path.ismount)
+getsize = wrap(path.getsize)
+getmtime = wrap(path.getmtime)
+getatime = wrap(path.getatime)
+getctime = wrap(path.getctime)
+samefile = wrap(path.samefile)
+sameopenfile = wrap(path.sameopenfile)
+abspath = wrap(path.abspath)
diff --git a/gradio/_vendor/aiofiles/tempfile/__init__.py b/gradio/_vendor/aiofiles/tempfile/__init__.py
new file mode 100644
index 0000000..b9c0db0
--- /dev/null
+++ b/gradio/_vendor/aiofiles/tempfile/__init__.py
@@ -0,0 +1,357 @@
+import asyncio
+import sys
+from functools import partial, singledispatch
+from io import BufferedRandom, BufferedReader, BufferedWriter, FileIO, TextIOBase
+from tempfile import NamedTemporaryFile as syncNamedTemporaryFile
+from tempfile import SpooledTemporaryFile as syncSpooledTemporaryFile
+from tempfile import TemporaryDirectory as syncTemporaryDirectory
+from tempfile import TemporaryFile as syncTemporaryFile
+from tempfile import _TemporaryFileWrapper as syncTemporaryFileWrapper
+
+from ..base import AiofilesContextManager
+from ..threadpool.binary import AsyncBufferedIOBase, AsyncBufferedReader, AsyncFileIO
+from ..threadpool.text import AsyncTextIOWrapper
+from .temptypes import AsyncSpooledTemporaryFile, AsyncTemporaryDirectory
+
+__all__ = [
+    "NamedTemporaryFile",
+    "TemporaryFile",
+    "SpooledTemporaryFile",
+    "TemporaryDirectory",
+]
+
+
+# ================================================================
+# Public methods for async open and return of temp file/directory
+# objects with async interface
+# ================================================================
+if sys.version_info >= (3, 12):
+
+    def NamedTemporaryFile(
+        mode="w+b",
+        buffering=-1,
+        encoding=None,
+        newline=None,
+        suffix=None,
+        prefix=None,
+        dir=None,
+        delete=True,
+        delete_on_close=True,
+        loop=None,
+        executor=None,
+    ):
+        """Async open a named temporary file"""
+        return AiofilesContextManager(
+            _temporary_file(
+                named=True,
+                mode=mode,
+                buffering=buffering,
+                encoding=encoding,
+                newline=newline,
+                suffix=suffix,
+                prefix=prefix,
+                dir=dir,
+                delete=delete,
+                delete_on_close=delete_on_close,
+                loop=loop,
+                executor=executor,
+            )
+        )
+
+else:
+
+    def NamedTemporaryFile(
+        mode="w+b",
+        buffering=-1,
+        encoding=None,
+        newline=None,
+        suffix=None,
+        prefix=None,
+        dir=None,
+        delete=True,
+        loop=None,
+        executor=None,
+    ):
+        """Async open a named temporary file"""
+        return AiofilesContextManager(
+            _temporary_file(
+                named=True,
+                mode=mode,
+                buffering=buffering,
+                encoding=encoding,
+                newline=newline,
+                suffix=suffix,
+                prefix=prefix,
+                dir=dir,
+                delete=delete,
+                loop=loop,
+                executor=executor,
+            )
+        )
+
+
+def TemporaryFile(
+    mode="w+b",
+    buffering=-1,
+    encoding=None,
+    newline=None,
+    suffix=None,
+    prefix=None,
+    dir=None,
+    loop=None,
+    executor=None,
+):
+    """Async open an unnamed temporary file"""
+    return AiofilesContextManager(
+        _temporary_file(
+            named=False,
+            mode=mode,
+            buffering=buffering,
+            encoding=encoding,
+            newline=newline,
+            suffix=suffix,
+            prefix=prefix,
+            dir=dir,
+            loop=loop,
+            executor=executor,
+        )
+    )
+
+
+def SpooledTemporaryFile(
+    max_size=0,
+    mode="w+b",
+    buffering=-1,
+    encoding=None,
+    newline=None,
+    suffix=None,
+    prefix=None,
+    dir=None,
+    loop=None,
+    executor=None,
+):
+    """Async open a spooled temporary file"""
+    return AiofilesContextManager(
+        _spooled_temporary_file(
+            max_size=max_size,
+            mode=mode,
+            buffering=buffering,
+            encoding=encoding,
+            newline=newline,
+            suffix=suffix,
+            prefix=prefix,
+            dir=dir,
+            loop=loop,
+            executor=executor,
+        )
+    )
+
+
+def TemporaryDirectory(suffix=None, prefix=None, dir=None, loop=None, executor=None):
+    """Async open a temporary directory"""
+    return AiofilesContextManagerTempDir(
+        _temporary_directory(
+            suffix=suffix, prefix=prefix, dir=dir, loop=loop, executor=executor
+        )
+    )
+
+
+# =========================================================
+# Internal coroutines to open new temp files/directories
+# =========================================================
+if sys.version_info >= (3, 12):
+
+    async def _temporary_file(
+        named=True,
+        mode="w+b",
+        buffering=-1,
+        encoding=None,
+        newline=None,
+        suffix=None,
+        prefix=None,
+        dir=None,
+        delete=True,
+        delete_on_close=True,
+        loop=None,
+        executor=None,
+        max_size=0,
+    ):
+        """Async method to open a temporary file with async interface"""
+        if loop is None:
+            loop = asyncio.get_running_loop()
+
+        if named:
+            cb = partial(
+                syncNamedTemporaryFile,
+                mode=mode,
+                buffering=buffering,
+                encoding=encoding,
+                newline=newline,
+                suffix=suffix,
+                prefix=prefix,
+                dir=dir,
+                delete=delete,
+                delete_on_close=delete_on_close,
+            )
+        else:
+            cb = partial(
+                syncTemporaryFile,
+                mode=mode,
+                buffering=buffering,
+                encoding=encoding,
+                newline=newline,
+                suffix=suffix,
+                prefix=prefix,
+                dir=dir,
+            )
+
+        f = await loop.run_in_executor(executor, cb)
+
+        # Wrap based on type of underlying IO object
+        if type(f) is syncTemporaryFileWrapper:
+            # _TemporaryFileWrapper was used (named files)
+            result = wrap(f.file, f, loop=loop, executor=executor)
+            result._closer = f._closer
+            return result
+        else:
+            # IO object was returned directly without wrapper
+            return wrap(f, f, loop=loop, executor=executor)
+
+else:
+
+    async def _temporary_file(
+        named=True,
+        mode="w+b",
+        buffering=-1,
+        encoding=None,
+        newline=None,
+        suffix=None,
+        prefix=None,
+        dir=None,
+        delete=True,
+        loop=None,
+        executor=None,
+        max_size=0,
+    ):
+        """Async method to open a temporary file with async interface"""
+        if loop is None:
+            loop = asyncio.get_running_loop()
+
+        if named:
+            cb = partial(
+                syncNamedTemporaryFile,
+                mode=mode,
+                buffering=buffering,
+                encoding=encoding,
+                newline=newline,
+                suffix=suffix,
+                prefix=prefix,
+                dir=dir,
+                delete=delete,
+            )
+        else:
+            cb = partial(
+                syncTemporaryFile,
+                mode=mode,
+                buffering=buffering,
+                encoding=encoding,
+                newline=newline,
+                suffix=suffix,
+                prefix=prefix,
+                dir=dir,
+            )
+
+        f = await loop.run_in_executor(executor, cb)
+
+        # Wrap based on type of underlying IO object
+        if type(f) is syncTemporaryFileWrapper:
+            # _TemporaryFileWrapper was used (named files)
+            result = wrap(f.file, f, loop=loop, executor=executor)
+            # add delete property
+            result.delete = f.delete
+            return result
+        else:
+            # IO object was returned directly without wrapper
+            return wrap(f, f, loop=loop, executor=executor)
+
+
+async def _spooled_temporary_file(
+    max_size=0,
+    mode="w+b",
+    buffering=-1,
+    encoding=None,
+    newline=None,
+    suffix=None,
+    prefix=None,
+    dir=None,
+    loop=None,
+    executor=None,
+):
+    """Open a spooled temporary file with async interface"""
+    if loop is None:
+        loop = asyncio.get_running_loop()
+
+    cb = partial(
+        syncSpooledTemporaryFile,
+        max_size=max_size,
+        mode=mode,
+        buffering=buffering,
+        encoding=encoding,
+        newline=newline,
+        suffix=suffix,
+        prefix=prefix,
+        dir=dir,
+    )
+
+    f = await loop.run_in_executor(executor, cb)
+
+    # Single interface provided by SpooledTemporaryFile for all modes
+    return AsyncSpooledTemporaryFile(f, loop=loop, executor=executor)
+
+
+async def _temporary_directory(
+    suffix=None, prefix=None, dir=None, loop=None, executor=None
+):
+    """Async method to open a temporary directory with async interface"""
+    if loop is None:
+        loop = asyncio.get_running_loop()
+
+    cb = partial(syncTemporaryDirectory, suffix, prefix, dir)
+    f = await loop.run_in_executor(executor, cb)
+
+    return AsyncTemporaryDirectory(f, loop=loop, executor=executor)
+
+
+class AiofilesContextManagerTempDir(AiofilesContextManager):
+    """With returns the directory location, not the object (matching sync lib)"""
+
+    async def __aenter__(self):
+        self._obj = await self._coro
+        return self._obj.name
+
+
+@singledispatch
+def wrap(base_io_obj, file, *, loop=None, executor=None):
+    """Wrap the object with interface based on type of underlying IO"""
+    raise TypeError(f"Unsupported IO type: {base_io_obj}")
+
+
+@wrap.register(TextIOBase)
+def _(base_io_obj, file, *, loop=None, executor=None):
+    return AsyncTextIOWrapper(file, loop=loop, executor=executor)
+
+
+@wrap.register(BufferedWriter)
+def _(base_io_obj, file, *, loop=None, executor=None):
+    return AsyncBufferedIOBase(file, loop=loop, executor=executor)
+
+
+@wrap.register(BufferedReader)
+@wrap.register(BufferedRandom)
+def _(base_io_obj, file, *, loop=None, executor=None):
+    return AsyncBufferedReader(file, loop=loop, executor=executor)
+
+
+@wrap.register(FileIO)
+def _(base_io_obj, file, *, loop=None, executor=None):
+    return AsyncFileIO(file, loop=loop, executor=executor)
diff --git a/gradio/_vendor/aiofiles/tempfile/temptypes.py b/gradio/_vendor/aiofiles/tempfile/temptypes.py
new file mode 100644
index 0000000..e7d29ca
--- /dev/null
+++ b/gradio/_vendor/aiofiles/tempfile/temptypes.py
@@ -0,0 +1,70 @@
+"""Async wrappers for spooled temp files and temp directory objects"""
+
+from functools import partial
+
+from ..base import AsyncBase
+from ..threadpool.utils import (
+    cond_delegate_to_executor,
+    delegate_to_executor,
+    proxy_property_directly,
+)
+
+
+@delegate_to_executor("fileno", "rollover")
+@cond_delegate_to_executor(
+    "close",
+    "flush",
+    "isatty",
+    "read",
+    "readline",
+    "readlines",
+    "seek",
+    "tell",
+    "truncate",
+)
+@proxy_property_directly("closed", "encoding", "mode", "name", "newlines")
+class AsyncSpooledTemporaryFile(AsyncBase):
+    """Async wrapper for SpooledTemporaryFile class"""
+
+    async def _check(self):
+        if self._file._rolled:
+            return
+        max_size = self._file._max_size
+        if max_size and self._file.tell() > max_size:
+            await self.rollover()
+
+    async def write(self, s):
+        """Implementation to anticipate rollover"""
+        if self._file._rolled:
+            cb = partial(self._file.write, s)
+            return await self._loop.run_in_executor(self._executor, cb)
+        else:
+            file = self._file._file  # reference underlying base IO object
+            rv = file.write(s)
+            await self._check()
+            return rv
+
+    async def writelines(self, iterable):
+        """Implementation to anticipate rollover"""
+        if self._file._rolled:
+            cb = partial(self._file.writelines, iterable)
+            return await self._loop.run_in_executor(self._executor, cb)
+        else:
+            file = self._file._file  # reference underlying base IO object
+            rv = file.writelines(iterable)
+            await self._check()
+            return rv
+
+
+@delegate_to_executor("cleanup")
+@proxy_property_directly("name")
+class AsyncTemporaryDirectory:
+    """Async wrapper for TemporaryDirectory class"""
+
+    def __init__(self, file, loop, executor):
+        self._file = file
+        self._loop = loop
+        self._executor = executor
+
+    async def close(self):
+        await self.cleanup()
diff --git a/gradio/_vendor/aiofiles/threadpool/__init__.py b/gradio/_vendor/aiofiles/threadpool/__init__.py
new file mode 100644
index 0000000..3ebbc48
--- /dev/null
+++ b/gradio/_vendor/aiofiles/threadpool/__init__.py
@@ -0,0 +1,140 @@
+"""Handle files using a thread pool executor."""
+
+import asyncio
+import sys
+from functools import partial, singledispatch
+from io import (
+    BufferedIOBase,
+    BufferedRandom,
+    BufferedReader,
+    BufferedWriter,
+    FileIO,
+    TextIOBase,
+)
+
+from ..base import AiofilesContextManager
+from .binary import (
+    AsyncBufferedIOBase,
+    AsyncBufferedReader,
+    AsyncFileIO,
+    AsyncIndirectBufferedIOBase,
+)
+from .text import AsyncTextIndirectIOWrapper, AsyncTextIOWrapper
+
+sync_open = open
+
+__all__ = (
+    "open",
+    "stdin",
+    "stdout",
+    "stderr",
+    "stdin_bytes",
+    "stdout_bytes",
+    "stderr_bytes",
+)
+
+
+def open(
+    file,
+    mode="r",
+    buffering=-1,
+    encoding=None,
+    errors=None,
+    newline=None,
+    closefd=True,
+    opener=None,
+    *,
+    loop=None,
+    executor=None,
+):
+    return AiofilesContextManager(
+        _open(
+            file,
+            mode=mode,
+            buffering=buffering,
+            encoding=encoding,
+            errors=errors,
+            newline=newline,
+            closefd=closefd,
+            opener=opener,
+            loop=loop,
+            executor=executor,
+        )
+    )
+
+
+async def _open(
+    file,
+    mode="r",
+    buffering=-1,
+    encoding=None,
+    errors=None,
+    newline=None,
+    closefd=True,
+    opener=None,
+    *,
+    loop=None,
+    executor=None,
+):
+    """Open an asyncio file."""
+    if loop is None:
+        loop = asyncio.get_running_loop()
+    cb = partial(
+        sync_open,
+        file,
+        mode=mode,
+        buffering=buffering,
+        encoding=encoding,
+        errors=errors,
+        newline=newline,
+        closefd=closefd,
+        opener=opener,
+    )
+    f = await loop.run_in_executor(executor, cb)
+
+    return wrap(f, loop=loop, executor=executor)
+
+
+@singledispatch
+def wrap(file, *, loop=None, executor=None):
+    raise TypeError(f"Unsupported io type: {file}.")
+
+
+@wrap.register(TextIOBase)
+def _(file, *, loop=None, executor=None):
+    return AsyncTextIOWrapper(file, loop=loop, executor=executor)
+
+
+@wrap.register(BufferedWriter)
+@wrap.register(BufferedIOBase)
+def _(file, *, loop=None, executor=None):
+    return AsyncBufferedIOBase(file, loop=loop, executor=executor)
+
+
+@wrap.register(BufferedReader)
+@wrap.register(BufferedRandom)
+def _(file, *, loop=None, executor=None):
+    return AsyncBufferedReader(file, loop=loop, executor=executor)
+
+
+@wrap.register(FileIO)
+def _(file, *, loop=None, executor=None):
+    return AsyncFileIO(file, loop=loop, executor=executor)
+
+
+stdin = AsyncTextIndirectIOWrapper("sys.stdin", None, None, indirect=lambda: sys.stdin)
+stdout = AsyncTextIndirectIOWrapper(
+    "sys.stdout", None, None, indirect=lambda: sys.stdout
+)
+stderr = AsyncTextIndirectIOWrapper(
+    "sys.stderr", None, None, indirect=lambda: sys.stderr
+)
+stdin_bytes = AsyncIndirectBufferedIOBase(
+    "sys.stdin.buffer", None, None, indirect=lambda: sys.stdin.buffer
+)
+stdout_bytes = AsyncIndirectBufferedIOBase(
+    "sys.stdout.buffer", None, None, indirect=lambda: sys.stdout.buffer
+)
+stderr_bytes = AsyncIndirectBufferedIOBase(
+    "sys.stderr.buffer", None, None, indirect=lambda: sys.stderr.buffer
+)
diff --git a/gradio/_vendor/aiofiles/threadpool/binary.py b/gradio/_vendor/aiofiles/threadpool/binary.py
new file mode 100644
index 0000000..63fcaff
--- /dev/null
+++ b/gradio/_vendor/aiofiles/threadpool/binary.py
@@ -0,0 +1,104 @@
+from ..base import AsyncBase, AsyncIndirectBase
+from .utils import delegate_to_executor, proxy_method_directly, proxy_property_directly
+
+
+@delegate_to_executor(
+    "close",
+    "flush",
+    "isatty",
+    "read",
+    "read1",
+    "readinto",
+    "readline",
+    "readlines",
+    "seek",
+    "seekable",
+    "tell",
+    "truncate",
+    "writable",
+    "write",
+    "writelines",
+)
+@proxy_method_directly("detach", "fileno", "readable")
+@proxy_property_directly("closed", "raw", "name", "mode")
+class AsyncBufferedIOBase(AsyncBase):
+    """The asyncio executor version of io.BufferedWriter and BufferedIOBase."""
+
+
+@delegate_to_executor("peek")
+class AsyncBufferedReader(AsyncBufferedIOBase):
+    """The asyncio executor version of io.BufferedReader and Random."""
+
+
+@delegate_to_executor(
+    "close",
+    "flush",
+    "isatty",
+    "read",
+    "readall",
+    "readinto",
+    "readline",
+    "readlines",
+    "seek",
+    "seekable",
+    "tell",
+    "truncate",
+    "writable",
+    "write",
+    "writelines",
+)
+@proxy_method_directly("fileno", "readable")
+@proxy_property_directly("closed", "name", "mode")
+class AsyncFileIO(AsyncBase):
+    """The asyncio executor version of io.FileIO."""
+
+
+@delegate_to_executor(
+    "close",
+    "flush",
+    "isatty",
+    "read",
+    "read1",
+    "readinto",
+    "readline",
+    "readlines",
+    "seek",
+    "seekable",
+    "tell",
+    "truncate",
+    "writable",
+    "write",
+    "writelines",
+)
+@proxy_method_directly("detach", "fileno", "readable")
+@proxy_property_directly("closed", "raw", "name", "mode")
+class AsyncIndirectBufferedIOBase(AsyncIndirectBase):
+    """The indirect asyncio executor version of io.BufferedWriter and BufferedIOBase."""
+
+
+@delegate_to_executor("peek")
+class AsyncIndirectBufferedReader(AsyncIndirectBufferedIOBase):
+    """The indirect asyncio executor version of io.BufferedReader and Random."""
+
+
+@delegate_to_executor(
+    "close",
+    "flush",
+    "isatty",
+    "read",
+    "readall",
+    "readinto",
+    "readline",
+    "readlines",
+    "seek",
+    "seekable",
+    "tell",
+    "truncate",
+    "writable",
+    "write",
+    "writelines",
+)
+@proxy_method_directly("fileno", "readable")
+@proxy_property_directly("closed", "name", "mode")
+class AsyncIndirectFileIO(AsyncIndirectBase):
+    """The indirect asyncio executor version of io.FileIO."""
diff --git a/gradio/_vendor/aiofiles/threadpool/text.py b/gradio/_vendor/aiofiles/threadpool/text.py
new file mode 100644
index 0000000..0e62590
--- /dev/null
+++ b/gradio/_vendor/aiofiles/threadpool/text.py
@@ -0,0 +1,64 @@
+from ..base import AsyncBase, AsyncIndirectBase
+from .utils import delegate_to_executor, proxy_method_directly, proxy_property_directly
+
+
+@delegate_to_executor(
+    "close",
+    "flush",
+    "isatty",
+    "read",
+    "readable",
+    "readline",
+    "readlines",
+    "seek",
+    "seekable",
+    "tell",
+    "truncate",
+    "write",
+    "writable",
+    "writelines",
+)
+@proxy_method_directly("detach", "fileno", "readable")
+@proxy_property_directly(
+    "buffer",
+    "closed",
+    "encoding",
+    "errors",
+    "line_buffering",
+    "newlines",
+    "name",
+    "mode",
+)
+class AsyncTextIOWrapper(AsyncBase):
+    """The asyncio executor version of io.TextIOWrapper."""
+
+
+@delegate_to_executor(
+    "close",
+    "flush",
+    "isatty",
+    "read",
+    "readable",
+    "readline",
+    "readlines",
+    "seek",
+    "seekable",
+    "tell",
+    "truncate",
+    "write",
+    "writable",
+    "writelines",
+)
+@proxy_method_directly("detach", "fileno", "readable")
+@proxy_property_directly(
+    "buffer",
+    "closed",
+    "encoding",
+    "errors",
+    "line_buffering",
+    "newlines",
+    "name",
+    "mode",
+)
+class AsyncTextIndirectIOWrapper(AsyncIndirectBase):
+    """The indirect asyncio executor version of io.TextIOWrapper."""
diff --git a/gradio/_vendor/aiofiles/threadpool/utils.py b/gradio/_vendor/aiofiles/threadpool/utils.py
new file mode 100644
index 0000000..5fd3bb9
--- /dev/null
+++ b/gradio/_vendor/aiofiles/threadpool/utils.py
@@ -0,0 +1,72 @@
+import functools
+
+
+def delegate_to_executor(*attrs):
+    def cls_builder(cls):
+        for attr_name in attrs:
+            setattr(cls, attr_name, _make_delegate_method(attr_name))
+        return cls
+
+    return cls_builder
+
+
+def proxy_method_directly(*attrs):
+    def cls_builder(cls):
+        for attr_name in attrs:
+            setattr(cls, attr_name, _make_proxy_method(attr_name))
+        return cls
+
+    return cls_builder
+
+
+def proxy_property_directly(*attrs):
+    def cls_builder(cls):
+        for attr_name in attrs:
+            setattr(cls, attr_name, _make_proxy_property(attr_name))
+        return cls
+
+    return cls_builder
+
+
+def cond_delegate_to_executor(*attrs):
+    def cls_builder(cls):
+        for attr_name in attrs:
+            setattr(cls, attr_name, _make_cond_delegate_method(attr_name))
+        return cls
+
+    return cls_builder
+
+
+def _make_delegate_method(attr_name):
+    async def method(self, *args, **kwargs):
+        cb = functools.partial(getattr(self._file, attr_name), *args, **kwargs)
+        return await self._loop.run_in_executor(self._executor, cb)
+
+    return method
+
+
+def _make_proxy_method(attr_name):
+    def method(self, *args, **kwargs):
+        return getattr(self._file, attr_name)(*args, **kwargs)
+
+    return method
+
+
+def _make_proxy_property(attr_name):
+    def proxy_property(self):
+        return getattr(self._file, attr_name)
+
+    return property(proxy_property)
+
+
+def _make_cond_delegate_method(attr_name):
+    """For spooled temp files, delegate only if rolled to file object"""
+
+    async def method(self, *args, **kwargs):
+        if self._file._rolled:
+            cb = functools.partial(getattr(self._file, attr_name), *args, **kwargs)
+            return await self._loop.run_in_executor(self._executor, cb)
+        else:
+            return getattr(self._file, attr_name)(*args, **kwargs)
+
+    return method
diff --git a/gradio/_vendor/ffmpy/__init__.py b/gradio/_vendor/ffmpy/__init__.py
new file mode 100644
index 0000000..fc682bb
--- /dev/null
+++ b/gradio/_vendor/ffmpy/__init__.py
@@ -0,0 +1,3 @@
+from .ffmpy import FFExecutableNotFoundError, FFmpeg, FFprobe, FFRuntimeError
+
+__all__ = ["FFmpeg", "FFprobe", "FFExecutableNotFoundError", "FFRuntimeError"]
diff --git a/gradio/_vendor/ffmpy/ffmpy.py b/gradio/_vendor/ffmpy/ffmpy.py
new file mode 100644
index 0000000..c0f4c79
--- /dev/null
+++ b/gradio/_vendor/ffmpy/ffmpy.py
@@ -0,0 +1,251 @@
+from __future__ import annotations
+
+import errno
+import itertools
+import shlex
+import subprocess
+from collections.abc import Mapping, Sequence
+from typing import IO, Any
+
+try:
+    from psutil import Popen  # noqa: F401
+
+    popen: type[subprocess.Popen | Popen]
+except ImportError:
+    popen = subprocess.Popen
+else:
+    popen = Popen
+
+
+class FFmpeg:
+    """Wrapper for various `FFmpeg <https://www.ffmpeg.org/>`_ related applications (ffmpeg,
+    ffprobe).
+    """
+
+    def __init__(
+        self,
+        executable: str = "ffmpeg",
+        global_options: Sequence[str] | str | None = None,
+        inputs: Mapping[str, Sequence[str] | str | None] | None = None,
+        outputs: Mapping[str, Sequence[str] | str | None] | None = None,
+    ) -> None:
+        """Initialize FFmpeg command line wrapper.
+
+        Compiles FFmpeg command line from passed arguments (executable path, options, inputs and
+        outputs). ``inputs`` and ``outputs`` are dictionares containing inputs/outputs as keys and
+        their respective options as values. One dictionary value (set of options) must be either a
+        single space separated string, or a list or strings without spaces (i.e. each part of the
+        option is a separate item of the list, the result of calling ``split()`` on the options
+        string). If the value is a list, it cannot be mixed, i.e. cannot contain items with spaces.
+        An exception are complex FFmpeg command lines that contain quotes: the quoted part must be
+        one string, even if it contains spaces (see *Examples* for more info).
+        For more info about FFmpeg command line format see `here
+        <https://ffmpeg.org/ffmpeg.html#Synopsis>`_.
+
+        :param str executable: path to ffmpeg executable; by default the ``ffmpeg`` command will be
+            searched for in the ``PATH``, but can be overridden with an absolute path to ``ffmpeg``
+            executable
+        :param iterable global_options: global options passed to ``ffmpeg`` executable (e.g.
+            ``-y``, ``-v`` etc.); can be specified either as a list/tuple/set of strings, or one
+            space-separated string; by default no global options are passed
+        :param dict inputs: a dictionary specifying one or more input arguments as keys with their
+            corresponding options (either as a list of strings or a single space separated string) as
+            values
+        :param dict outputs: a dictionary specifying one or more output arguments as keys with their
+            corresponding options (either as a list of strings or a single space separated string) as
+            values
+        """
+        self.executable = executable
+        self._cmd = [executable]
+        self._cmd += _normalize_options(global_options, split_mixed=True)
+
+        if inputs is not None:
+            self._cmd += _merge_args_opts(inputs, add_minus_i_option=True)
+
+        if outputs is not None:
+            self._cmd += _merge_args_opts(outputs)
+
+        self.cmd = subprocess.list2cmdline(self._cmd)
+        self.process: subprocess.Popen | Popen | None = None
+
+    def __repr__(self) -> str:
+        return f"<{self.__class__.__name__!r} {self.cmd!r}>"
+
+    def run(
+        self,
+        input_data: bytes | None = None,
+        stdout: IO | int | None = None,
+        stderr: IO | int | None = None,
+        env: Mapping[str, str] | None = None,
+        **kwargs: Any,
+    ) -> tuple[bytes | None, bytes | None]:
+        """Execute FFmpeg command line.
+
+        ``input_data`` can contain input for FFmpeg in case ``pipe`` protocol is used for input.
+        ``stdout`` and ``stderr`` specify where to redirect the ``stdout`` and ``stderr`` of the
+        process. By default no redirection is done, which means all output goes to running shell
+        (this mode should normally only be used for debugging purposes). If FFmpeg ``pipe`` protocol
+        is used for output, ``stdout`` must be redirected to a pipe by passing `subprocess.PIPE` as
+        ``stdout`` argument. You can pass custom environment to ffmpeg process with ``env``.
+
+        Returns a 2-tuple containing ``stdout`` and ``stderr`` of the process. If there was no
+        redirection or if the output was redirected to e.g. `os.devnull`, the value returned will
+        be a tuple of two `None` values, otherwise it will contain the actual ``stdout`` and
+        ``stderr`` data returned by ffmpeg process.
+
+        More info about ``pipe`` protocol `here <https://ffmpeg.org/ffmpeg-protocols.html#pipe>`_.
+
+        :param str input_data: input data for FFmpeg to deal with (audio, video etc.) as bytes (e.g.
+            the result of reading a file in binary mode)
+        :param stdout: redirect FFmpeg ``stdout`` there (default is `None` which means no
+            redirection)
+        :param stderr: redirect FFmpeg ``stderr`` there (default is `None` which means no
+            redirection)
+        :param env: custom environment for ffmpeg process
+        :param kwargs: any other keyword arguments to be forwarded to `subprocess.Popen
+            <https://docs.python.org/3/library/subprocess.html#subprocess.Popen>`_
+        :return: a 2-tuple containing ``stdout`` and ``stderr`` of the process
+        :rtype: tuple
+        :raise: `FFRuntimeError` in case FFmpeg command exits with a non-zero code;
+            `FFExecutableNotFoundError` in case the executable path passed was not valid
+        """
+        try:
+            self.process = popen(
+                self._cmd,
+                stdin=subprocess.PIPE,
+                stdout=stdout,
+                stderr=stderr,
+                env=env,
+                **kwargs,
+            )
+        except OSError as e:
+            if e.errno == errno.ENOENT:
+                raise FFExecutableNotFoundError(
+                    f"Executable '{self.executable}' not found"
+                )
+            else:
+                raise
+
+        o_stdout, o_stderr = self.process.communicate(input=input_data)
+        if self.process.returncode != 0:
+            raise FFRuntimeError(self.cmd, self.process.returncode, o_stdout, o_stderr)
+
+        return o_stdout, o_stderr
+
+
+class FFprobe(FFmpeg):
+    """Wrapper for `ffprobe <https://www.ffmpeg.org/ffprobe.html>`_."""
+
+    def __init__(
+        self,
+        executable: str = "ffprobe",
+        global_options: Sequence[str] | str | None = None,
+        inputs: Mapping[str, Sequence[str] | str | None] | None = None,
+    ) -> None:
+        """Create an instance of FFprobe.
+
+        Compiles FFprobe command line from passed arguments (executable path, options, inputs).
+        FFprobe executable by default is taken from ``PATH`` but can be overridden with an
+        absolute path. For more info about FFprobe command line format see
+        `here <https://ffmpeg.org/ffprobe.html#Synopsis>`_.
+
+        :param str executable: absolute path to ffprobe executable
+        :param iterable global_options: global options passed to ffmpeg executable; can be specified
+            either as a list/tuple of strings or a space-separated string
+        :param dict inputs: a dictionary specifying one or more inputs as keys with their
+            corresponding options as values
+        """
+        super().__init__(
+            executable=executable, global_options=global_options, inputs=inputs
+        )
+
+
+class FFExecutableNotFoundError(Exception):
+    """Raise when FFmpeg/FFprobe executable was not found."""
+
+
+class FFRuntimeError(Exception):
+    """Raise when FFmpeg/FFprobe command line execution returns a non-zero exit code.
+
+    The resulting exception object will contain the attributes relates to command line execution:
+    ``cmd``, ``exit_code``, ``stdout``, ``stderr``.
+    """
+
+    def __init__(
+        self,
+        cmd: str,
+        exit_code: int,
+        stdout: bytes | str | None,
+        stderr: bytes | str | None,
+    ) -> None:
+        self.cmd = cmd
+        self.exit_code = exit_code
+        self.stdout = stdout
+        self.stderr = stderr
+
+        stdout_display = _safe_decode(stdout)
+        stderr_display = _safe_decode(stderr)
+
+        message = f"`{self.cmd}` exited with status {exit_code}\n\nSTDOUT:\n{stdout_display}\n\nSTDERR:\n{stderr_display}"
+
+        super().__init__(message)
+
+
+def _merge_args_opts(
+    args_opts_dict: Mapping[str, Sequence[str] | str | None],
+    add_minus_i_option: bool = False,
+) -> list[str]:
+    """Merge options with their corresponding arguments.
+
+    Iterates over the dictionary holding arguments (keys) and options (values). Merges each
+    options string with its corresponding argument.
+
+    :param dict args_opts_dict: a dictionary of arguments and options
+    :param dict kwargs: *input_option* - if specified prepends ``-i`` to input argument
+    :return: merged list of strings with arguments and their corresponding options
+    :rtype: list
+    """
+    merged: list[str] = []
+
+    for arg, opt in args_opts_dict.items():
+        merged += _normalize_options(opt)
+
+        if not arg:
+            continue
+
+        if add_minus_i_option:
+            merged.append("-i")
+
+        merged.append(arg)
+
+    return merged
+
+
+def _normalize_options(
+    options: Sequence[str] | str | None, split_mixed: bool = False
+) -> list[str]:
+    """Normalize options string or list of strings.
+
+    Splits `options` into a list of strings. If `split_mixed` is `True`, splits (flattens) mixed
+    options (i.e. list of strings with spaces) into separate items.
+
+    :param options: options string or list of strings
+    :param bool split_mixed: whether to split mixed options into separate items
+    """
+    if options is None:
+        return []
+    elif isinstance(options, str):
+        return shlex.split(options)
+    elif split_mixed:
+        return list(itertools.chain(*[shlex.split(o) for o in options]))
+    else:
+        return list(options)
+
+
+def _safe_decode(stream_data: bytes | str | None) -> str:
+    """Convert FFmpeg output to text for error messages."""
+    if stream_data is None:
+        return ""
+    if isinstance(stream_data, bytes):
+        return stream_data.decode(errors="replace")
+    return stream_data
diff --git a/gradio/_vendor/ffmpy/py.typed b/gradio/_vendor/ffmpy/py.typed
new file mode 100644
index 0000000..e69de29
diff --git a/gradio/_vendor/licenses/aiofiles.LICENSE b/gradio/_vendor/licenses/aiofiles.LICENSE
new file mode 100644
index 0000000..e06d208
--- /dev/null
+++ b/gradio/_vendor/licenses/aiofiles.LICENSE
@@ -0,0 +1,202 @@
+Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
diff --git a/gradio/_vendor/licenses/aiofiles.NOTICE b/gradio/_vendor/licenses/aiofiles.NOTICE
new file mode 100644
index 0000000..d134f28
--- /dev/null
+++ b/gradio/_vendor/licenses/aiofiles.NOTICE
@@ -0,0 +1,2 @@
+Asyncio support for files
+Copyright 2016 Tin Tvrtkovic
diff --git a/gradio/_vendor/licenses/ffmpy.LICENSE b/gradio/_vendor/licenses/ffmpy.LICENSE
new file mode 100644
index 0000000..eda4fa4
--- /dev/null
+++ b/gradio/_vendor/licenses/ffmpy.LICENSE
@@ -0,0 +1,18 @@
+Copyright 2016-2024 Andrii Yurchuk
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+of the Software, and to permit persons to whom the Software is furnished to do
+so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/gradio/_workflow_curated_snapshot.json b/gradio/_workflow_curated_snapshot.json
new file mode 100644
index 0000000..858b2e1
--- /dev/null
+++ b/gradio/_workflow_curated_snapshot.json
@@ -0,0 +1,383 @@
+{
+  "snapshot_version": 1,
+  "fetched_at": "2026-06-09T00:00:00Z",
+  "items": [
+    {
+      "kind": "space",
+      "id": "black-forest-labs/FLUX.1-schnell",
+      "task": "text-to-image",
+      "space_category": "image-generation",
+      "modality": "image",
+      "title": "FLUX.1 schnell",
+      "description": "Fast, high-quality text-to-image",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "zero_gpu": true,
+      "smoke_inputs": { "prompt": "a small red square" },
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 1800,
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "stabilityai/stable-diffusion-3.5-large",
+      "task": "text-to-image",
+      "space_category": "image-generation",
+      "modality": "image",
+      "title": "Stable Diffusion 3.5 Large",
+      "description": "High-fidelity text-to-image",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "zero_gpu": true,
+      "smoke_inputs": { "prompt": "a small red square" },
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 3200,
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "briaai/BRIA-RMBG-2.0",
+      "task": "image-to-image",
+      "space_category": "image-editing",
+      "modality": "image",
+      "title": "BRIA Background Removal",
+      "description": "Remove image backgrounds",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "zero_gpu": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 1100,
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "multimodalart/face-to-all",
+      "task": "image-to-image",
+      "space_category": "image-editing",
+      "modality": "image",
+      "title": "Face to All",
+      "description": "Stylize a face photo into many art styles",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": false,
+      "zero_gpu": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 2400,
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "Salesforce/blip-image-captioning-large",
+      "task": "image-to-text",
+      "modality": "image",
+      "title": "BLIP Image Captioning",
+      "description": "Generate captions from images",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": false,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "facebook/detr-resnet-50",
+      "task": "object-detection",
+      "modality": "image",
+      "title": "DETR ResNet-50",
+      "description": "Open-vocabulary object detection",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "facebook/sam-vit-base",
+      "task": "image-segmentation",
+      "modality": "image",
+      "title": "Segment Anything (SAM)",
+      "description": "Segment any region of an image",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "google/vit-base-patch16-224",
+      "task": "image-classification",
+      "modality": "image",
+      "title": "ViT Base",
+      "description": "Image classification (ImageNet)",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": false,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "depth-anything/Depth-Anything-V2-Small-hf",
+      "task": "depth-estimation",
+      "modality": "image",
+      "title": "Depth Anything V2",
+      "description": "Monocular depth estimation",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "facebook/MusicGen",
+      "task": "text-to-audio",
+      "space_category": "music-generation",
+      "modality": "audio",
+      "title": "MusicGen",
+      "description": "Generate music from a text prompt",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": false,
+      "zero_gpu": true,
+      "smoke_inputs": { "prompt": "calm piano" },
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 4200,
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "facebook/bart-large-cnn",
+      "task": "summarization",
+      "modality": "text",
+      "title": "BART CNN Summarizer",
+      "description": "News-style text summarization",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": false,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "Helsinki-NLP/opus-mt-en-fr",
+      "task": "translation",
+      "modality": "text",
+      "title": "Opus EN→FR",
+      "description": "English-to-French translation",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": false,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "deepset/roberta-base-squad2",
+      "task": "question-answering",
+      "modality": "text",
+      "title": "RoBERTa QA",
+      "description": "Extractive question answering",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": false,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "tencent/Hunyuan3D-2",
+      "task": "image-to-3d",
+      "space_category": "3d-modeling",
+      "modality": "3d",
+      "title": "Hunyuan3D 2",
+      "description": "Generate 3D meshes from a single image",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": true,
+      "zero_gpu": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 5200,
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "Wan-AI/Wan2.2-TI2V-5B",
+      "task": "text-to-video",
+      "space_category": "video-generation",
+      "modality": "video",
+      "title": "Wan 2.2 TI2V 5B",
+      "description": "Text-to-video generation",
+      "added_at": "2026-04-02T00:00:00Z",
+      "featured": true,
+      "zero_gpu": true,
+      "smoke_inputs": { "prompt": "a flower opening" },
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 8800,
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "hf-audio/whisper-large-v3-turbo",
+      "task": "automatic-speech-recognition",
+      "space_category": "automatic-speech-recognition",
+      "modality": "audio",
+      "title": "Whisper Large v3 Turbo",
+      "description": "Fast speech-to-text",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "zero_gpu": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 900,
+        "error": null
+      }
+    },
+    {
+      "kind": "space",
+      "id": "coqui/xtts",
+      "task": "text-to-speech",
+      "space_category": "speech-synthesis",
+      "modality": "audio",
+      "title": "Coqui XTTS",
+      "description": "Multilingual text-to-speech with voice cloning",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "zero_gpu": true,
+      "smoke_inputs": { "text": "hello" },
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "latency_ms": 2100,
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "black-forest-labs/FLUX.1-schnell",
+      "task": "text-to-image",
+      "modality": "image",
+      "title": "FLUX.1 schnell",
+      "description": "Text-to-image",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "stabilityai/stable-diffusion-3.5-large-turbo",
+      "task": "text-to-image",
+      "modality": "image",
+      "title": "SD 3.5 Large Turbo",
+      "description": "Fast text-to-image",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "Qwen/Qwen2.5-VL-7B-Instruct",
+      "task": "image-to-text",
+      "modality": "image",
+      "title": "Qwen2.5-VL 7B",
+      "description": "Image understanding & captioning",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": false,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "openai/whisper-large-v3-turbo",
+      "task": "automatic-speech-recognition",
+      "modality": "audio",
+      "title": "Whisper Large v3 Turbo",
+      "description": "Speech-to-text",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "meta-llama/Llama-3.2-3B-Instruct",
+      "task": "text-generation",
+      "modality": "text",
+      "title": "Llama 3.2 3B Instruct",
+      "description": "Open-weights text generation",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": true,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    },
+    {
+      "kind": "model",
+      "id": "Qwen/Qwen2.5-7B-Instruct",
+      "task": "text-generation",
+      "modality": "text",
+      "title": "Qwen 2.5 7B",
+      "description": "Multilingual text generation",
+      "added_at": "2026-04-01T00:00:00Z",
+      "featured": false,
+      "validation": {
+        "last_checked": "2026-06-08T03:14:00Z",
+        "status": "ok",
+        "error": null
+      }
+    }
+  ]
+}
diff --git a/gradio/analytics.py b/gradio/analytics.py
new file mode 100644
index 0000000..9a57924
--- /dev/null
+++ b/gradio/analytics.py
@@ -0,0 +1,267 @@
+"""Functions related to analytics and telemetry."""
+
+from __future__ import annotations
+
+import asyncio
+import json
+import os
+import threading
+import urllib.parse
+import warnings
+from typing import Any
+
+import httpx
+from huggingface_hub.utils._telemetry import _send_telemetry_in_thread
+from packaging.version import Version
+
+import gradio
+from gradio.utils import core_gradio_components, get_package_version
+
+# For testability, we import the pyfetch function into this module scope and define a fallback coroutine object to be patched in tests.
+try:
+    from pyodide.http import pyfetch as pyodide_pyfetch  # type: ignore
+except ImportError:
+
+    async def pyodide_pyfetch(*_args, **_kwargs):
+        raise NotImplementedError(
+            "pyodide.http.pyfetch is not available in this environment."
+        )
+
+
+ANALYTICS_URL = "https://api.gradio.app/"
+PKG_VERSION_URL = "https://api.gradio.app/pkg-version"
+
+
+def get_block_name(class_name) -> str:
+    """
+    This will return "matrix" for Matrix template, and ensures that any component name that is sent from the gradio app is part of the core components list (no false positives for custom components).
+    """
+    return class_name.__name__.lower()
+
+
+def analytics_enabled() -> bool:
+    """
+    Returns: True if analytics are enabled, False otherwise.
+    """
+    return os.getenv("GRADIO_ANALYTICS_ENABLED", "True") == "True"
+
+
+def _do_analytics_request(topic: str, data: dict[str, Any]) -> None:
+    threading.Thread(
+        target=_do_normal_analytics_request,
+        kwargs={
+            "topic": topic,
+            "data": data,
+        },
+    ).start()
+
+
+def _do_normal_analytics_request(topic: str, data: dict[str, Any]) -> None:
+    try:
+        _send_telemetry_in_thread(
+            topic=topic,
+            library_name="gradio",
+            library_version=data.get("version"),
+            user_agent=data,
+        )
+    except Exception:
+        pass
+
+
+async def _do_wasm_analytics_request(url: str, data: dict[str, Any]) -> None:
+    # We use urllib.parse.urlencode to encode the data as a form.
+    # Ref: https://docs.python.org/3/library/urllib.request.html#urllib-examples
+    body = urllib.parse.urlencode(data).encode("ascii")
+    headers = {
+        "Content-Type": "application/x-www-form-urlencoded",
+    }
+
+    try:
+        await asyncio.wait_for(
+            pyodide_pyfetch(url, method="POST", headers=headers, body=body),
+            timeout=5,
+        )
+    except asyncio.TimeoutError:
+        pass  # do not push analytics if no network
+
+
+def version_check():
+    try:
+        current_pkg_version = get_package_version()
+        latest_pkg_version = httpx.get(url=PKG_VERSION_URL, timeout=3).json()["version"]
+        if Version(latest_pkg_version) > Version(current_pkg_version):
+            warnings.warn(
+                f"IMPORTANT: You are using gradio version {current_pkg_version}, "
+                f"however version {latest_pkg_version} is available, please upgrade. \n"
+                f"--------"
+            )
+    except json.decoder.JSONDecodeError:  # type: ignore
+        warnings.warn("unable to parse version details from package URL.")
+    except KeyError:
+        warnings.warn("package URL does not contain version info.")
+    except Exception:
+        pass
+
+
+def initiated_analytics(data: dict[str, Any]) -> None:
+    if not analytics_enabled():
+        return
+
+    topic = f"{ANALYTICS_URL}gradio-initiated-analytics/"
+    _do_analytics_request(
+        topic=topic,
+        data=data,
+    )
+
+
+def launched_analytics(blocks: gradio.Blocks, data: dict[str, Any]) -> None:
+    if not analytics_enabled():
+        return
+
+    (
+        blocks_telemetry,
+        inputs_telemetry,
+        outputs_telemetry,
+        targets_telemetry,
+        events_telemetry,
+    ) = (
+        [],
+        [],
+        [],
+        [],
+        [],
+    )
+
+    for x in list(blocks.blocks.values()):
+        blocks_telemetry.append(x.get_block_name())
+    for x in blocks.fns.values():
+        targets_telemetry = targets_telemetry + [
+            # Sometimes the target can be the Blocks object itself, so we need to check if its in blocks.blocks
+            blocks.blocks[int(y[0])].get_block_name()
+            for y in x.targets
+            if y[0] in blocks.blocks
+        ]
+        events_telemetry = events_telemetry + [
+            y[1] for y in x.targets if y[0] in blocks.blocks
+        ]
+        inputs_telemetry = inputs_telemetry + [
+            blocks.blocks[int(y)].get_block_name()  # type: ignore
+            for y in x.inputs
+            if y in blocks.blocks
+        ]
+        outputs_telemetry = outputs_telemetry + [
+            blocks.blocks[int(y)].get_block_name()  # type: ignore
+            for y in x.outputs
+            if y in blocks.blocks
+        ]
+
+    def get_inputs_outputs(
+        mode: str,
+        components: list[gradio.components.Component] | None,
+        fallback: list[str],
+    ) -> list[str] | None:
+        if mode == "interface":
+            return [b.get_block_name() for b in components] if components else None
+        return fallback
+
+    core_components = [get_block_name(c) for c in core_gradio_components()]
+
+    additional_data = {
+        "version": get_package_version(),
+        "is_hosted_notebook": blocks.is_hosted_notebook,
+        "using_auth": blocks.auth is not None,
+        "dev_mode": blocks.dev_mode,
+        "inputs": get_inputs_outputs(
+            blocks.mode, blocks.input_components, inputs_telemetry
+        ),
+        "outputs": get_inputs_outputs(
+            blocks.mode, blocks.output_components, outputs_telemetry
+        ),
+        "targets": targets_telemetry,
+        "blocks": blocks_telemetry,
+        "events": events_telemetry,
+    }
+    custom_components = [b for b in blocks_telemetry if b not in core_components]
+    using_custom_component = len(custom_components) > 0
+    additional_data["using_custom_component"] = using_custom_component
+    additional_data["custom_components"] = custom_components
+
+    data.update(additional_data)
+
+    topic = f"{ANALYTICS_URL}gradio-launched-telemetry/"
+
+    _do_analytics_request(topic=topic, data=data)
+
+
+def custom_component_analytics(
+    command: str,
+    template: str | None,
+    upload_pypi: bool | None,
+    upload_demo: bool | None,
+    upload_source: bool | None,
+    generate_docs: bool | None = None,
+    bump_version: bool | None = None,
+    npm_install: str | None = None,
+    python_path: str | None = None,
+    gradio_path: str | None = None,
+) -> None:
+    data = {
+        "command": command,
+        "template": template,
+        "upload_pypi": upload_pypi,
+        "upload_demo": upload_demo,
+        "upload_source": upload_source,
+        "generate_docs": generate_docs,
+        "bump_version": bump_version,
+        "npm_install": npm_install,
+        "python_path": python_path,
+        "gradio_path": gradio_path,
+    }
+    if not analytics_enabled():
+        return
+
+    _do_analytics_request(
+        topic="gradio/custom-components",
+        data=data,
+    )
+
+
+def vibe_analytics() -> None:
+    data = {
+        "command": "vibe",
+    }
+    if not analytics_enabled():
+        return
+
+    _do_analytics_request(
+        topic="gradio/vibe",
+        data=data,
+    )
+
+
+def integration_analytics(data: dict[str, Any]) -> None:
+    if not analytics_enabled():
+        return
+
+    topic = f"{ANALYTICS_URL}gradio-integration-analytics/"
+    _do_analytics_request(
+        topic=topic,
+        data=data,
+    )
+
+
+def error_analytics(message: str) -> None:
+    """
+    Send error analytics if there is network
+    Parameters:
+        message: Details about error
+    """
+    if not analytics_enabled():
+        return
+
+    data = {"error": message}
+    topic = f"{ANALYTICS_URL}gradio-error-analytics/"
+    _do_analytics_request(
+        topic=topic,
+        data=data,
+    )
diff --git a/gradio/block_function.py b/gradio/block_function.py
new file mode 100644
index 0000000..f782e54
--- /dev/null
+++ b/gradio/block_function.py
@@ -0,0 +1,175 @@
+from __future__ import annotations
+
+import inspect
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Literal
+
+from . import utils
+
+try:
+    import spaces  # type: ignore
+except Exception:
+    spaces = None  # type: ignore[assignment]
+
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from gradio.components.base import Component
+    from gradio.renderable import Renderable
+
+    from .blocks import BlockContext
+
+
+class BlockFunction:
+    def __init__(
+        self,
+        fn: Callable | None,
+        inputs: Sequence[Component | BlockContext],
+        outputs: Sequence[Component | BlockContext],
+        preprocess: bool,
+        postprocess: bool,
+        inputs_as_dict: bool,
+        targets: list[tuple[int | None, str]],
+        _id: int,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        concurrency_limit: int | None | Literal["default"] = "default",
+        concurrency_id: str | None = None,
+        tracks_progress: bool = False,
+        api_name: str | None = None,
+        api_description: str | None | Literal[False] = None,
+        js: str | Literal[True] | None = None,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        show_progress_on: Sequence[Component] | None = None,
+        cancels: list[int] | None = None,
+        collects_event_data: bool = False,
+        trigger_after: int | None = None,
+        trigger_only_on_success: bool = False,
+        trigger_only_on_failure: bool = False,
+        trigger_mode: Literal["always_last", "once", "multiple"] = "once",
+        queue: bool = True,
+        scroll_to_output: bool = False,
+        api_visibility: Literal["public", "private", "undocumented"] = "public",
+        renderable: Renderable | None = None,
+        rendered_in: Renderable | None = None,
+        render_iteration: int | None = None,
+        is_cancel_function: bool = False,
+        connection: Literal["stream", "sse"] = "sse",
+        time_limit: float | None = None,
+        stream_every: float = 0.5,
+        event_specific_args: list[str] | None = None,
+        component_prop_inputs: list[int] | None = None,
+        page: str = "",
+        js_implementation: str | None = None,
+        key: str | int | tuple[int | str, ...] | None = None,
+        validator: Callable | None = None,
+    ):
+        self.fn = fn
+        self._id = _id
+        self.inputs = inputs
+        self.outputs = outputs
+        self.preprocess = preprocess
+        self.postprocess = postprocess
+        self.tracks_progress = tracks_progress
+        self.concurrency_limit: int | None | Literal["default"] = concurrency_limit
+        self.concurrency_id = concurrency_id or str(id(fn))
+        self.batch = batch
+        self.max_batch_size = max_batch_size
+        self.total_runtime = 0
+        self.total_runs = 0
+        self.inputs_as_dict = inputs_as_dict
+        self.targets = targets
+        self.name = getattr(fn, "__name__", "fn") if fn is not None else None
+        self.api_name = api_name
+        self.api_description = api_description
+        self.js = js
+        self.show_progress = show_progress
+        self.show_progress_on = show_progress_on
+        self.cancels = cancels or []
+        self.collects_event_data = collects_event_data
+        self.trigger_after = trigger_after
+        self.trigger_only_on_success = trigger_only_on_success
+        self.trigger_only_on_failure = trigger_only_on_failure
+        self.trigger_mode = trigger_mode
+        self.queue = False if fn is None else queue
+        self.scroll_to_output = False if utils.get_space() else scroll_to_output
+        self.api_visibility = api_visibility
+        self.types_generator = inspect.isgeneratorfunction(
+            self.fn
+        ) or inspect.isasyncgenfunction(self.fn)
+        self.renderable = renderable
+        self.rendered_in = rendered_in
+        self.render_iteration = render_iteration
+        self.page = page
+        self.validator = validator
+        if js_implementation:
+            self.fn.__js_implementation__ = js_implementation  # type: ignore
+
+        # We need to keep track of which events are cancel events
+        # so that the client can call the /cancel route directly
+        self.is_cancel_function = is_cancel_function
+        self.time_limit = time_limit
+        self.stream_every = stream_every
+        self.connection = connection
+        self.event_specific_args = event_specific_args
+        self.component_prop_inputs = component_prop_inputs or []
+        self.key = key
+
+        self.spaces_auto_wrap()
+
+    def spaces_auto_wrap(self):
+        if spaces is None:
+            return
+        if utils.get_space() is None:
+            return
+        self.fn = spaces.gradio_auto_wrap(self.fn)
+
+    def __str__(self):
+        return str(
+            {
+                "fn": self.name,
+                "preprocess": self.preprocess,
+                "postprocess": self.postprocess,
+            }
+        )
+
+    def __repr__(self):
+        return str(self)
+
+    def get_config(self):
+        return {
+            "id": self._id,
+            "targets": self.targets,
+            "inputs": [block._id for block in self.inputs],
+            "outputs": [block._id for block in self.outputs],
+            "backend_fn": self.fn is not None,
+            "js": self.js,
+            "queue": self.queue,
+            "api_name": self.api_name,
+            "api_description": self.api_description,
+            "scroll_to_output": self.scroll_to_output,
+            "show_progress": self.show_progress,
+            "show_progress_on": None
+            if self.show_progress_on is None
+            else [block._id for block in self.show_progress_on],
+            "batch": self.batch,
+            "max_batch_size": self.max_batch_size,
+            "cancels": self.cancels,
+            "types": {
+                "generator": self.types_generator,
+                "cancel": self.is_cancel_function,
+            },
+            "collects_event_data": self.collects_event_data,
+            "trigger_after": self.trigger_after,
+            "trigger_only_on_success": self.trigger_only_on_success,
+            "trigger_only_on_failure": self.trigger_only_on_failure,
+            "trigger_mode": self.trigger_mode,
+            "api_visibility": self.api_visibility,
+            "rendered_in": self.rendered_in._id if self.rendered_in else None,
+            "render_id": self.renderable._id if self.renderable else None,
+            "connection": self.connection,
+            "time_limit": self.time_limit,
+            "stream_every": self.stream_every,
+            "event_specific_args": self.event_specific_args,
+            "component_prop_inputs": self.component_prop_inputs,
+            "js_implementation": getattr(self.fn, "__js_implementation__", None),
+        }
diff --git a/gradio/blocks.py b/gradio/blocks.py
new file mode 100644
index 0000000..786d05a
--- /dev/null
+++ b/gradio/blocks.py
@@ -0,0 +1,3591 @@
+from __future__ import annotations
+
+import copy
+import dataclasses
+import hashlib
+import inspect
+import json
+import os
+import random
+import re
+import secrets
+import string
+import sys
+import threading
+import time
+import warnings
+import weakref
+import webbrowser
+from collections import defaultdict
+from collections.abc import AsyncIterator, Callable, Coroutine, Sequence, Set
+from pathlib import Path
+from types import ModuleType, SimpleNamespace
+from typing import TYPE_CHECKING, Any, Literal, Union, cast
+from urllib.parse import urlparse, urlunparse
+
+import anyio
+import fastapi
+import httpx
+from anyio import CapacityLimiter
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+from groovy import transpile
+
+from gradio import (
+    analytics,
+    components,
+    networking,
+    processing_utils,
+    queueing,
+    utils,
+)
+from gradio.block_function import BlockFunction
+from gradio.blocks_events import BLOCKS_EVENTS, BlocksEvents, BlocksMeta
+from gradio.caching import TrackManualCacheUsage, used_manual_cache
+from gradio.context import (
+    Context,
+    LocalContext,
+    get_blocks_context,
+    get_render_context,
+    set_render_context,
+)
+from gradio.data_classes import (
+    APIEndpointInfo,
+    APIInfo,
+    BlocksConfigDict,
+    DeveloperPath,
+    FileData,
+    GradioModel,
+    GradioRootModel,
+    Layout,
+)
+from gradio.events import (
+    EventData,
+    EventListener,
+    EventListenerMethod,
+)
+from gradio.exceptions import (
+    ChecksumMismatchError,
+    ComponentProcessingError,
+    DuplicateBlockError,
+    Error,
+    InvalidApiNameError,
+    InvalidComponentError,
+    ShareCertificateWriteError,
+)
+from gradio.helpers import create_tracker, skip, special_args
+from gradio.i18n import I18n, I18nData
+from gradio.node_server import start_node_server
+from gradio.route_utils import API_PREFIX, MediaStream, slugify
+from gradio.routes import INTERNAL_ROUTES, VERSION, App, Request
+from gradio.state_holder import SessionState, StateHolder
+from gradio.themes import ThemeClass as Theme
+from gradio.tunneling import (
+    BINARY_FILENAME,
+    BINARY_FOLDER,
+    BINARY_PATH,
+    BINARY_URL,
+    CURRENT_TUNNELS,
+)
+from gradio.utils import (
+    TupleNoPrint,
+    check_function_inputs_match,
+    component_or_layout_class,
+    get_cancelled_fn_indices,
+    get_node_path,
+    get_package_version,
+    get_upload_folder,
+)
+
+try:
+    import spaces  # type: ignore
+except Exception:
+    spaces = None  # type: ignore[assignment]
+
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from gradio.components.base import Component
+    from gradio.mcp import GradioMCPServer
+    from gradio.renderable import Renderable
+
+
+class Block:
+    def __init__(
+        self,
+        *,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        visible: bool | Literal["hidden"] = True,
+        proxy_url: str | None = None,
+    ):
+        if getattr(self, "_is_initialized", False):
+            return
+        self._is_initialized = True
+        key_to_id_map = LocalContext.key_to_id_map.get(None)
+        if key is not None and key_to_id_map and key in key_to_id_map:
+            self.is_render_replacement = True
+            self._id = key_to_id_map[key]
+        else:
+            self.is_render_replacement = False
+            self._id = Context.id
+            Context.id += 1
+            if key is not None and key_to_id_map is not None:
+                key_to_id_map[key] = self._id
+        self.visible = visible
+        self.elem_id = elem_id
+        self.elem_classes = (
+            [elem_classes] if isinstance(elem_classes, str) else elem_classes
+        ) or []
+        self.proxy_url = proxy_url
+        self.share_token = secrets.token_urlsafe(32)
+        self.parent: BlockContext | None = None
+        self.rendered_in: Renderable | None = None
+        self.page: str
+        self.is_rendered: bool = False
+        self._constructor_args: list[dict]
+        self.state_session_capacity = 10000
+        self.temp_files: set[str] = set()
+        self.GRADIO_CACHE = get_upload_folder()
+        self.key = key
+        self.preserved_by_key = (
+            [preserved_by_key]
+            if isinstance(preserved_by_key, str)
+            else (preserved_by_key or [])
+        )
+        self.mcp_server_obj = None
+
+        # Keep tracks of files that should not be deleted when the delete_cache parameter is set
+        # These files are the default value of the component and files that are used in examples
+        self.keep_in_cache = set()
+        self.has_launched = False
+
+        if render:
+            self.render()
+
+    def unique_key(self) -> int | None:
+        if self.key is None:
+            return None
+        return hash((self.rendered_in._id if self.rendered_in else None, self.key))
+
+    @property
+    def stateful(self) -> bool:
+        return False
+
+    @property
+    def skip_api(self) -> bool:
+        return False
+
+    @property
+    def constructor_args(self) -> dict[str, Any]:
+        """Get the arguments passed to the component's initializer.
+
+        Only set classes whose metaclass is ComponentMeta
+        """
+        # the _constructor_args list is appended based on the mro of the class
+        # so the first entry is for the bottom of the hierarchy
+        return self._constructor_args[0] if self._constructor_args else {}
+
+    @property
+    def events(
+        self,
+    ) -> list[EventListener]:
+        return getattr(self, "EVENTS", [])
+
+    def render(self):
+        """
+        Adds self into appropriate BlockContext
+        """
+        root_context = get_blocks_context()
+        render_context = get_render_context()
+        self.rendered_in = LocalContext.renderable.get(None)
+        if (
+            root_context is not None
+            and self._id in root_context.blocks
+            and not self.is_render_replacement
+        ):
+            raise DuplicateBlockError(
+                f"A block with id: {self._id} has already been rendered in the current Blocks."
+            )
+        if render_context is not None:
+            if root_context:
+                self.page = root_context.root_block.current_page
+            render_context.add(self)
+            self.parent = render_context
+        if root_context is not None:
+            root_context.blocks[self._id] = self
+            self.is_rendered = True
+            if isinstance(self, components.Component):
+                root_context.root_block.temp_file_sets.append(self.temp_files)
+        return self
+
+    def unrender(self):
+        """
+        Removes self from BlockContext if it has been rendered (otherwise does nothing).
+        Removes self from the layout and collection of blocks, but does not delete any event triggers.
+        """
+        root_context = get_blocks_context()
+        if hasattr(self, "parent") and self.parent is not None:
+            try:
+                self.parent.children.remove(self)
+                self.parent = None
+            except ValueError:
+                pass
+        if root_context is not None:
+            try:
+                del root_context.blocks[self._id]
+                self.is_rendered = False
+            except KeyError:
+                pass
+        return self
+
+    def get_block_name(self) -> str:
+        """
+        Gets block's class name. If it is template component it gets the parent's class name.
+        This is used to identify the Svelte file to use in the frontend. Override this method
+        if a component should use a different Svelte file than the default naming convention.
+        """
+        return (
+            self.__class__.__base__.__name__.lower()  # type: ignore
+            if hasattr(self, "is_template")
+            else self.__class__.__name__.lower()
+        )
+
+    def get_block_class(self) -> str:
+        """
+        Gets block's class name. If it is template component it gets the parent's class name.
+        Very similar to the get_block_name method, but this method is used to reconstruct a
+        Gradio app that is loaded from a Space using gr.load(). This should generally
+        NOT be overridden.
+        """
+        return (
+            self.__class__.__base__.__name__.lower()  # type: ignore
+            if hasattr(self, "is_template")
+            else self.__class__.__name__.lower()
+        )
+
+    def get_expected_parent(self) -> type[BlockContext] | None:
+        return None
+
+    def breaks_grouping(self) -> bool:
+        """
+        Whether this component breaks FormComponent grouping chains.
+        Components that return False will not reset the pseudo_parent
+        when encountered during fill_expected_parents grouping.
+        """
+        return True
+
+    def get_config(self, cls: type[Block] | None = None) -> dict[str, Any]:
+        config = {}
+        if cls is None:
+            cls = self.__class__
+        signature = inspect.signature(cls.__init__)
+        for parameter in signature.parameters.values():
+            if hasattr(self, parameter.name):
+                value = getattr(self, parameter.name)
+                if dataclasses.is_dataclass(value):
+                    value = dataclasses.asdict(value)  # type: ignore
+                elif isinstance(value, Block):
+                    block_instance = value
+                    value = block_instance.get_config()
+                    value["id"] = block_instance._id
+                elif isinstance(value, (list, tuple)):
+                    serialized_list = []
+                    for item in value:
+                        if isinstance(item, Block):
+                            item_config = item.get_config()
+                            item_config["id"] = item._id
+                            serialized_list.append(item_config)
+                        else:
+                            serialized_list.append(item)
+                    value = serialized_list
+                config[parameter.name] = value
+        for e in self.events:
+            to_add = e.config_data()
+            if to_add:
+                config = {**to_add, **config}
+        config.pop("render", None)
+        config = {
+            **config,
+            "proxy_url": getattr(self, "proxy_url", None),
+            "name": self.get_block_class(),
+        }
+        for event_attribute in ["_selectable", "_undoable", "_retryable", "likeable"]:
+            if (attributable := getattr(self, event_attribute, None)) is not None:
+                config[event_attribute] = attributable
+        return config
+
+    @classmethod
+    def recover_kwargs(
+        cls, props: dict[str, Any], additional_keys: list[str] | None = None
+    ):
+        """
+        Recovers kwargs from a dict of props.
+        """
+        additional_keys = additional_keys or []
+        signature = inspect.signature(cls.__init__)
+        kwargs = {}
+        for parameter in signature.parameters.values():
+            if parameter.name in props and parameter.name not in additional_keys:
+                kwargs[parameter.name] = props[parameter.name]
+        return kwargs
+
+    async def async_move_resource_to_block_cache(
+        self, url_or_file_path: str | Path | None
+    ) -> str | None:
+        """Moves a file or downloads a file from a url to a block's cache directory, adds
+        to to the block's temp_files, and returns the path to the file in cache. This
+        ensures that the file is accessible to the Block and can be served to users.
+
+        This async version of the function is used when this is being called within
+        a FastAPI route, as this is not blocking.
+        """
+        if url_or_file_path is None:
+            return None
+        if isinstance(url_or_file_path, Path):
+            url_or_file_path = str(url_or_file_path)
+
+        if client_utils.is_http_url_like(url_or_file_path):
+            temp_file_path = await processing_utils.async_ssrf_protected_download(
+                url_or_file_path, cache_dir=self.GRADIO_CACHE
+            )
+
+            self.temp_files.add(temp_file_path)
+        else:
+            url_or_file_path = str(utils.abspath(url_or_file_path))
+            if not utils.is_in_or_equal(url_or_file_path, self.GRADIO_CACHE):
+                try:
+                    temp_file_path = processing_utils.save_file_to_cache(
+                        url_or_file_path, cache_dir=self.GRADIO_CACHE
+                    )
+                except FileNotFoundError:
+                    # This can happen if when using gr.load() and the file is on a remote Space
+                    # but the file is not the `value` of the component. For example, if the file
+                    # is the `avatar_image` of the `Chatbot` component. In this case, we skip
+                    # copying the file to the cache and just use the remote file path.
+                    return url_or_file_path
+            else:
+                temp_file_path = url_or_file_path
+            self.temp_files.add(temp_file_path)
+
+        return temp_file_path
+
+    def move_resource_to_block_cache(
+        self, url_or_file_path: str | Path | None
+    ) -> str | None:
+        """Moves a file or downloads a file from a url to a block's cache directory, adds
+        to to the block's temp_files, and returns the path to the file in cache. This
+        ensures that the file is accessible to the Block and can be served to users.
+
+        This sync version of the function is used when this is being called outside of
+        a FastAPI route, e.g. when examples are being cached.
+        """
+        if url_or_file_path is None:
+            return None
+        if isinstance(url_or_file_path, Path):
+            url_or_file_path = str(url_or_file_path)
+
+        if client_utils.is_http_url_like(url_or_file_path):
+            temp_file_path = processing_utils.save_url_to_cache(
+                url_or_file_path, cache_dir=self.GRADIO_CACHE
+            )
+
+            self.temp_files.add(temp_file_path)
+        else:
+            url_or_file_path = str(utils.abspath(url_or_file_path))
+            if not utils.is_in_or_equal(url_or_file_path, self.GRADIO_CACHE):
+                try:
+                    temp_file_path = processing_utils.save_file_to_cache(
+                        url_or_file_path, cache_dir=self.GRADIO_CACHE
+                    )
+                except FileNotFoundError:
+                    # This can happen if when using gr.load() and the file is on a remote Space
+                    # but the file is not the `value` of the component. For example, if the file
+                    # is the `avatar_image` of the `Chatbot` component. In this case, we skip
+                    # copying the file to the cache and just use the remote file path.
+                    return url_or_file_path
+            else:
+                temp_file_path = url_or_file_path
+            self.temp_files.add(temp_file_path)
+
+        return temp_file_path
+
+    def serve_static_file(
+        self, url_or_file_path: str | Path | dict | None
+    ) -> dict | None:
+        """If a file is a local file, moves it to the block's cache directory and returns
+        a FileData-type dictionary corresponding to the file. If the file is a URL, returns a
+        FileData-type dictionary corresponding to the URL. This ensures that the file is
+        accessible in the frontend and can be served to users.
+
+        Examples:
+        >>> block.serve_static_file("https://gradio.app/logo.png") -> {"path": "https://gradio.app/logo.png", "url": "https://gradio.app/logo.png"}
+        >>> block.serve_static_file("logo.png") -> {"path": "logo.png", "url": "/file=logo.png"}
+        >>> block.serve_static_file({"path": "logo.png", "url": "/file=logo.png"}) -> {"path": "logo.png", "url": "/file=logo.png"}
+        """
+        if url_or_file_path is None:
+            return None
+        if isinstance(url_or_file_path, dict):
+            return url_or_file_path
+        if isinstance(url_or_file_path, Path):
+            url_or_file_path = str(url_or_file_path)
+        if client_utils.is_http_url_like(url_or_file_path):
+            return FileData(
+                path=str(url_or_file_path), url=str(url_or_file_path)
+            ).model_dump()
+        else:
+            data = {"path": url_or_file_path, "meta": {"_type": "gradio.FileData"}}
+            try:
+                return processing_utils.move_files_to_cache(data, self)
+            except AttributeError:  # Can be raised if this function is called before the Block is fully initialized.
+                return data
+
+    @classmethod
+    def get_component_class_id(cls) -> str:
+        try:
+            module_path = inspect.getfile(cls)
+        except OSError:
+            module_path = cls.__module__
+        module_hash = hashlib.sha256(
+            f"{cls.__name__}_{module_path}".encode()
+        ).hexdigest()
+        return module_hash
+
+    @property
+    def component_class_id(self):
+        return self.get_component_class_id()
+
+    def postprocess(self, value):
+        return value
+
+
+class BlockContext(Block):
+    def __init__(
+        self,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        visible: bool | Literal["hidden"] = True,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            visible: If False, this will be hidden but included in the Blocks config file (its visibility can later be updated).
+            render: If False, this will not be included in the Blocks config file at all.
+        """
+        self.children: list[Block] = []
+        Block.__init__(
+            self,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            visible=visible,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+
+    TEMPLATE_DIR = DeveloperPath("./templates/")
+    FRONTEND_DIR = "../../frontend/"
+
+    @property
+    def skip_api(self):
+        return True
+
+    def add_child(self, child: Block):
+        self.children.append(child)
+
+    def __enter__(self):
+        render_context = get_render_context()
+        self.parent = render_context
+        set_render_context(self)
+        return self
+
+    def add(self, child: Block):
+        child.parent = self
+        self.children.append(child)
+
+    def fill_expected_parents(self):
+        root_context = get_blocks_context()
+        children = []
+        pseudo_parent = None
+        for child in self.children:
+            expected_parent = child.get_expected_parent()
+            if not expected_parent or isinstance(self, expected_parent):
+                if child.breaks_grouping():
+                    pseudo_parent = None
+                children.append(child)
+            else:
+                if pseudo_parent is not None and isinstance(
+                    pseudo_parent, expected_parent
+                ):
+                    pseudo_parent.add_child(child)
+                else:
+                    key = None
+                    if child.key is not None:
+                        if isinstance(child.key, tuple):
+                            key = child.key + ("_parent",)
+                        else:
+                            key = (child.key, "_parent")
+                    pseudo_parent = expected_parent(render=False, key=key)
+                    pseudo_parent.parent = self
+                    children.append(pseudo_parent)
+                    pseudo_parent.add_child(child)
+                    pseudo_parent.page = child.page
+                    if root_context:
+                        root_context.blocks[pseudo_parent._id] = pseudo_parent
+                child.parent = pseudo_parent
+        self.children = children
+
+    def __exit__(self, exc_type: type[BaseException] | None = None, *args):
+        set_render_context(self.parent)
+        if exc_type is not None:
+            return
+        if getattr(self, "allow_expected_parents", True):
+            self.fill_expected_parents()
+
+
+def postprocess_update_dict(
+    block: Component | BlockContext, update_dict: dict, postprocess: bool = True
+):
+    """
+    Converts a dictionary of updates into a format that can be sent to the frontend to update the component.
+    E.g. {"value": "2", "visible": True, "invalid_arg": "hello"}
+    Into -> {"__type__": "update", "value": 2.0, "visible": True}
+    Parameters:
+        block: The Block that is being updated with this update dictionary.
+        update_dict: The original update dictionary
+        postprocess: Whether to postprocess the "value" key of the update dictionary.
+    """
+    from gradio.components import HTML
+
+    value = update_dict.pop("value", components._Keywords.NO_VALUE)
+
+    props = None
+    if isinstance(block, HTML):
+        sig = inspect.signature(HTML.__init__)
+        constructor_params = set(sig.parameters.keys())
+        props = {k: v for k, v in update_dict.items() if k not in constructor_params}
+    update_dict = {k: getattr(block, k) for k in update_dict if hasattr(block, k)}
+    if props:
+        update_dict["props"] = props
+
+    if value is not components._Keywords.NO_VALUE:
+        if postprocess:
+            update_dict["value"] = block.postprocess(value)
+            if isinstance(update_dict["value"], (GradioModel, GradioRootModel)):
+                update_dict["value"] = update_dict["value"].model_dump()
+        else:
+            update_dict["value"] = value
+    update_dict["__type__"] = "update"
+    return update_dict
+
+
+def convert_component_dict_to_list(
+    outputs_ids: list[int], predictions: dict
+) -> list | dict:
+    """
+    Converts a dictionary of component updates into a list of updates in the order of
+    the outputs_ids and including every output component. Leaves other types of dictionaries unchanged.
+    E.g. {"textbox": "hello", "number": {"__type__": "generic_update", "value": "2"}}
+    Into -> ["hello", {"__type__": "generic_update"}, {"__type__": "generic_update", "value": "2"}]
+    """
+    keys_are_blocks = [isinstance(key, Block) for key in predictions]
+    if all(keys_are_blocks):
+        reordered_predictions = [skip() for _ in outputs_ids]
+        for component, value in predictions.items():
+            if component._id not in outputs_ids:
+                raise ValueError(
+                    f"Returned component {component} not specified as output of function."
+                )
+            output_index = outputs_ids.index(component._id)
+            reordered_predictions[output_index] = value
+        predictions = utils.resolve_singleton(reordered_predictions)
+    elif any(keys_are_blocks):
+        raise ValueError(
+            "Returned dictionary included some keys as Components. Either all keys must be Components to assign Component values, or return a List of values to assign output values in order."
+        )
+    return predictions
+
+
+def _find_free_port(host: str, start: int, try_count: int = 100) -> int:
+    """Find an available port by scanning from *start*."""
+    import socket
+
+    for port in range(start, start + try_count):
+        try:
+            s = socket.socket()
+            s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
+            s.bind((host if host != "0.0.0.0" else "127.0.0.1", port))
+            s.close()
+            return port
+        except OSError:
+            continue
+    raise OSError(f"Cannot find empty port in range: {start}-{start + try_count - 1}.")
+
+
+class BlocksConfig:
+    def __init__(self, root_block: Blocks):
+        self._id: int = 0
+        self.root_block = root_block
+        self.blocks: dict[int, Component | Block] = {}
+        self.fns: dict[int, BlockFunction] = {}
+        self.fn_id: int = 0
+
+    def set_event_trigger(
+        self,
+        targets: Sequence[EventListenerMethod],
+        fn: Callable | None,
+        inputs: (
+            Component
+            | BlockContext
+            | Sequence[Component | BlockContext]
+            | Set[Component | BlockContext]
+            | None
+        ),
+        outputs: (
+            Component
+            | BlockContext
+            | Sequence[Component | BlockContext]
+            | Set[Component | BlockContext]
+            | None
+        ),
+        preprocess: bool = True,
+        postprocess: bool = True,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        show_progress_on: Component | Sequence[Component] | None = None,
+        api_name: str | None = None,
+        api_description: str | None | Literal[False] = None,
+        js: str | Literal[True] | None = None,
+        no_target: bool = False,
+        queue: bool = True,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        cancels: list[int] | None = None,
+        collects_event_data: bool | None = None,
+        trigger_after: int | None = None,
+        trigger_only_on_success: bool = False,
+        trigger_only_on_failure: bool = False,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = "once",
+        concurrency_limit: int | None | Literal["default"] = "default",
+        concurrency_id: str | None = None,
+        api_visibility: Literal["public", "private", "undocumented"] = "public",
+        renderable: Renderable | None = None,
+        is_cancel_function: bool = False,
+        connection: Literal["stream", "sse"] = "sse",
+        time_limit: float | None = None,
+        stream_every: float = 0.5,
+        event_specific_args: list[str] | None = None,
+        js_implementation: str | None = None,
+        key: str | int | tuple[int | str, ...] | None = None,
+        validator: Callable | None = None,
+        component_prop_inputs: list[int] | None = None,
+    ) -> tuple[BlockFunction, int]:
+        """
+        Adds an event to the component's dependencies.
+        Parameters:
+            targets: a list of EventListenerMethod objects that define the event trigger
+            fn: the function to run when the event is triggered
+            inputs: the list of input components whose values will be passed to the function
+            outputs: the list of output components whose values will be updated by the function
+            preprocess: whether to run the preprocess methods of the input components before running the function
+            postprocess: whether to run the postprocess methods of the output components after running the function
+            scroll_to_output: whether to scroll to output of dependency on trigger
+            show_progress: how to show the progress animation while event is running: "full" shows a spinner which covers the output component area as well as a runtime display in the upper right corner, "minimal" only shows the runtime display, "hidden" shows no progress animation at all
+            show_progress_on: Component or list of components to show the progress animation on. If None, will show the progress animation on all of the output components.
+            api_name: defines how the endpoint appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None (default), the name of the function will be used as the API endpoint.
+            api_description: Description of the API endpoint. Can be a string, None, or False. If set to a string, the endpoint will be exposed in the API docs with the given description. If None, the function's docstring will be used as the API endpoint description. If False, then no description will be displayed in the API docs.
+            js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values that will be passed as inputs to the Python function (`fn`)
+            no_target: if True, sets "targets" to [], used for the Blocks.load() event and .then() events
+            queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: whether this function takes in a batch of inputs
+            max_batch_size: the maximum batch size to send to the function
+            cancels: a list of other events to cancel when this event is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method.
+            collects_event_data: whether to collect event data for this event
+            trigger_after: if set, this event will be triggered after 'trigger_after' function index
+            trigger_only_on_success: if True, this event will only be triggered if the previous event was successful (only applies if `trigger_after` is set)
+            trigger_only_on_failure: if True, this event will only be triggered if the previous event failed i.e. raised an exception (only applies if `trigger_after` is set)
+            trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` and `.key_up()` events) would allow a second submission after the pending event is complete.
+            concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `queue()`, which itself is 1 by default).
+            concurrency_id: If set, this is the id of the concurrency group. Events with the same concurrency_id will be limited by the lowest set concurrency_limit.
+            api_visibility: controls the visibility and accessibility of this endpoint. Can be "public" (shown in API docs and callable by clients), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable by clients and via gr.load). If fn is None, api_visibility will automatically be set to "private".
+            is_cancel_function: whether this event cancels another running event.
+            connection: The connection format, either "sse" or "stream".
+            time_limit: The time limit for the function to run. Parameter only used for the `.stream()` event.
+            stream_every: The latency (in seconds) at which stream chunks are sent to the backend. Defaults to 0.5 seconds. Parameter only used for the `.stream()` event.
+            validator: a function that takes in the inputs and can optionally return a gr.validate() object for each input.
+        Returns: dependency information, dependency index
+        """
+        # Support for singular parameter
+        _targets = [
+            (
+                target.block._id if not no_target and target.block else None,
+                target.event_name,
+            )
+            for target in targets
+        ]
+        if isinstance(inputs, Set):
+            inputs_as_dict = True
+            inputs = sorted(inputs, key=lambda x: x._id)
+        else:
+            inputs_as_dict = False
+            if inputs is None:
+                inputs = []
+            elif not isinstance(inputs, Sequence):
+                inputs = [inputs]
+
+        if isinstance(outputs, Set):
+            outputs = sorted(outputs, key=lambda x: x._id)
+        elif outputs is None:
+            outputs = []
+        elif not isinstance(outputs, Sequence):
+            outputs = [outputs]
+        if show_progress_on and not isinstance(show_progress_on, Sequence):
+            show_progress_on = [show_progress_on]
+
+        if fn is not None and not cancels:
+            check_function_inputs_match(fn, inputs, inputs_as_dict)
+
+        if _targets and trigger_mode is None:
+            if _targets[0][1] in ["change", "key_up"]:
+                trigger_mode = "always_last"
+            elif _targets[0][1] in ["stream"]:
+                trigger_mode = "multiple"
+        if trigger_mode is None:
+            trigger_mode = "once"
+        elif trigger_mode not in ["once", "multiple", "always_last"]:
+            raise ValueError(
+                f"Invalid value for parameter `trigger_mode`: {trigger_mode}. Please choose from: {['once', 'multiple', 'always_last']}"
+            )
+
+        fn_to_analyze = renderable.fn if renderable else fn
+        _, progress_index, event_data_index, component_prop_indices = (
+            special_args(fn_to_analyze) if fn_to_analyze else (None, None, None, [])
+        )
+        if component_prop_inputs is None:
+            component_prop_inputs = component_prop_indices or []
+
+        # If api_name is None or empty string, use the function name
+        if api_name is None or isinstance(api_name, str) and api_name.strip() == "":
+            if fn is not None:
+                if not hasattr(fn, "__name__"):
+                    if hasattr(fn, "__class__") and hasattr(fn.__class__, "__name__"):
+                        name = fn.__class__.__name__
+                    else:
+                        name = "unnamed"
+                else:
+                    name = fn.__name__
+                api_name = "".join(
+                    [
+                        s
+                        for s in str(name)
+                        if s not in set(string.punctuation) - {"-", "_"}
+                    ]
+                )
+            elif js is not None:
+                api_name = "js_fn"
+                api_visibility = "private"
+            else:
+                api_name = "unnamed"
+                api_visibility = "private"
+        elif api_name is False:
+            api_name = "false"
+            api_visibility = "private"
+
+        api_name = utils.append_unique_suffix(
+            api_name,
+            [fn.api_name for fn in self.fns.values() if isinstance(fn.api_name, str)],
+        )
+
+        # The `api_visibility` parameter is "private" if: (1) the user explicitly sets it (2) fn is None (there's no backend function)
+        # or (3) the function is a js function
+
+        if collects_event_data is None:
+            collects_event_data = event_data_index is not None
+
+        rendered_in = LocalContext.renderable.get(None)
+
+        if js is True and inputs:
+            raise ValueError(
+                "Cannot create event: events with js=True cannot have inputs."
+            )
+
+        reuse_id = False
+        fn_id = self.fn_id
+        render_iteration = rendered_in.render_iteration if rendered_in else None
+
+        if rendered_in and key is not None:
+            for existing_fn in self.fns.values():
+                if existing_fn.key == key:
+                    reuse_id = True
+                    fn_id = existing_fn._id
+                    break
+
+        block_fn = BlockFunction(
+            fn,
+            inputs,  # type: ignore
+            outputs,  # type: ignore
+            preprocess,
+            postprocess,
+            _id=fn_id,
+            inputs_as_dict=inputs_as_dict,
+            targets=_targets,
+            batch=batch,
+            max_batch_size=max_batch_size,
+            concurrency_limit=concurrency_limit,
+            concurrency_id=concurrency_id,
+            tracks_progress=progress_index is not None,
+            api_name=api_name,
+            api_description=api_description,
+            js=js,
+            show_progress=show_progress,
+            show_progress_on=show_progress_on  # type: ignore
+            if isinstance(show_progress_on, (list, tuple)) or show_progress_on is None
+            else [show_progress_on],
+            cancels=cancels,
+            collects_event_data=collects_event_data,
+            trigger_after=trigger_after,
+            trigger_only_on_success=trigger_only_on_success,
+            trigger_only_on_failure=trigger_only_on_failure,
+            trigger_mode=trigger_mode,
+            queue=queue,
+            scroll_to_output=scroll_to_output,
+            api_visibility=api_visibility,
+            renderable=renderable,
+            rendered_in=rendered_in,
+            render_iteration=render_iteration,
+            is_cancel_function=is_cancel_function,
+            connection=connection,
+            time_limit=time_limit,
+            stream_every=stream_every,
+            event_specific_args=event_specific_args,
+            component_prop_inputs=component_prop_inputs,
+            page=self.root_block.current_page,
+            js_implementation=js_implementation,
+            key=key,
+            validator=validator,
+        )
+
+        self.fns[fn_id] = block_fn
+        if not reuse_id:
+            self.fn_id += 1
+        return block_fn, block_fn._id
+
+    @staticmethod
+    def config_for_block(
+        _id: int,
+        rendered_ids: list[int],
+        block: Block | Component,
+        renderable: Renderable | None = None,
+    ) -> dict:
+        if renderable and _id not in rendered_ids:
+            return {}
+        props = block.get_config() if hasattr(block, "get_config") else {}
+
+        skip_none_deletion = []
+        if (
+            renderable and block.key
+        ):  # Nones are important for replacing a value in a keyed component
+            skip_none_deletion = [
+                prop for prop, val in block.constructor_args.items() if val is None
+            ]
+        utils.delete_none(props, skip_props=skip_none_deletion)
+
+        block_config = {
+            "id": _id,
+            "type": block.get_block_name(),
+            "props": props,
+            "skip_api": block.skip_api,
+            "component_class_id": getattr(block, "component_class_id", None),
+            "key": block.unique_key(),
+        }
+        if renderable:
+            block_config["renderable"] = renderable._id
+        if block.rendered_in is not None:
+            block_config["rendered_in"] = block.rendered_in._id
+        if not block.skip_api:
+            block_config["api_info"] = block.api_info()  # type: ignore
+            if hasattr(block, "api_info_as_input"):
+                block_config["api_info_as_input"] = block.api_info_as_input()  # type: ignore
+            else:
+                block_config["api_info_as_input"] = block.api_info()  # type: ignore
+            if hasattr(block, "api_info_as_output"):
+                block_config["api_info_as_output"] = block.api_info_as_output()  # type: ignore
+            else:
+                block_config["api_info_as_output"] = block.api_info()  # type: ignore
+            block_config["example_inputs"] = block.example_inputs()  # type: ignore
+
+        return block_config
+
+    def get_config(self, renderable: Renderable | None = None):
+        config = {
+            "page": {},
+            "components": [],
+            "dependencies": [],
+        }
+
+        for page_tuple in self.root_block.pages:
+            page = page_tuple[0]
+            if page not in config["page"]:
+                config["page"][page] = {  # type: ignore
+                    "layout": {"id": self.root_block._id, "children": []},
+                    "components": [],
+                    "dependencies": [],
+                }
+
+        rendered_ids = []
+
+        def get_layout(block: Block) -> Layout:
+            rendered_ids.append(block._id)
+            if not isinstance(block, BlockContext):
+                return {"id": block._id}
+            children_layout = []
+            for child in block.children:
+                layout = get_layout(child)
+                children_layout.append(layout)
+            return {"id": block._id, "children": children_layout}
+
+        if renderable:
+            root_block = self.blocks[renderable.container_id]
+        else:
+            root_block = self.root_block
+        layout = get_layout(root_block)
+        config["layout"] = layout
+
+        for root_child in layout.get("children", []):
+            if isinstance(root_child, dict) and root_child["id"] in self.blocks:
+                block = self.blocks[root_child["id"]]
+                config["page"][block.page]["layout"]["children"].append(root_child)  # type: ignore
+
+        blocks_items = list(
+            self.blocks.items()
+        )  # freeze as list to prevent concurrent re-renders from changing the dict during loop, see https://github.com/gradio-app/gradio/issues/9991
+        for _id, block in blocks_items:
+            block_config = self.config_for_block(_id, rendered_ids, block, renderable)
+            if not block_config:
+                continue
+            config["components"].append(block_config)  # type: ignore
+            config["page"][block.page]["components"].append(block._id)  # type: ignore
+
+        dependencies = []
+        for fn in self.fns.values():
+            if renderable is None or fn.rendered_in == renderable:
+                dependency_config = fn.get_config()
+                dependencies.append(dependency_config)
+                config["page"][fn.page]["dependencies"].append(dependency_config["id"])  # type: ignore
+
+        config["dependencies"] = dependencies
+        return config
+
+    def __copy__(self):
+        new = BlocksConfig(self.root_block)
+        new.blocks = copy.copy(self.blocks)
+        new.fns = copy.copy(self.fns)
+        new.fn_id = self.fn_id
+        return new
+
+    def attach_load_events(self, rendered_in: Renderable | None = None):
+        """Add a load event for every component whose initial value requires a function call to set."""
+        for component in self.blocks.values():
+            if rendered_in is not None and component.rendered_in != rendered_in:
+                continue
+            if (
+                isinstance(component, components.Component)
+                and component.load_event_to_attach
+            ):
+                load_fn, triggers, inputs = component.load_event_to_attach
+                has_target = len(triggers) > 0
+                triggers += [(self.root_block, "load")]
+                # Use set_event_trigger to avoid ambiguity between load class/instance method
+
+                dep = self.set_event_trigger(
+                    [EventListenerMethod(*trigger) for trigger in triggers],
+                    load_fn,
+                    inputs,
+                    component,
+                    no_target=False,
+                    show_progress="hidden" if has_target else "full",
+                )[0]
+                component.load_event = dep.get_config()
+
+
+@document("launch", "queue", "integrate", "load", "unload")
+class Blocks(BlockContext, BlocksEvents, metaclass=BlocksMeta):
+    """
+    Blocks is Gradio's low-level API that allows you to create more custom web
+    applications and demos than Interfaces (yet still entirely in Python).
+
+
+    Compared to the Interface class, Blocks offers more flexibility and control over:
+    (1) the layout of components (2) the events that
+    trigger the execution of functions (3) data flows (e.g. inputs can trigger outputs,
+    which can trigger the next level of outputs). Blocks also offers ways to group
+    together related demos such as with tabs.
+
+
+    The basic usage of Blocks is as follows: create a Blocks object, then use it as a
+    context (with the "with" statement), and then define layouts, components, or events
+    within the Blocks context. Finally, call the launch() method to launch the demo.
+
+    Example:
+        import gradio as gr
+        def update(name):
+            return f"Welcome to Gradio, {name}!"
+
+        with gr.Blocks() as demo:
+            gr.Markdown("Start typing below and then click **Run** to see the output.")
+            with gr.Row():
+                inp = gr.Textbox(placeholder="What is your name?")
+                out = gr.Textbox()
+            btn = gr.Button("Run")
+            btn.click(fn=update, inputs=inp, outputs=out)
+
+        demo.launch()
+    Demos: blocks_hello, blocks_flipper, blocks_kinematics
+    Guides: blocks-and-event-listeners, controlling-layout, state-in-blocks, more-blocks-features, using-blocks-like-functions
+    """
+
+    # stores references to all currently existing Blocks instances
+    instances: weakref.WeakSet = weakref.WeakSet()
+
+    @classmethod
+    def get_instances(cls) -> list[Blocks]:
+        """
+        :return: list of all current instances.
+        """
+        return list(Blocks.instances)
+
+    def __init__(
+        self,
+        analytics_enabled: bool | None = None,
+        mode: str = "blocks",
+        title: str | I18nData = "Gradio",
+        fill_height: bool = False,
+        fill_width: bool = False,
+        delete_cache: tuple[int, int] | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            analytics_enabled: Whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable or default to True.
+            mode: A human-friendly name for the kind of Blocks or Interface being created. Used internally for analytics.
+            title: The tab title to display when this is opened in a browser window.
+            fill_height: Whether to vertically expand top-level child components to the height of the window. If True, expansion occurs when the scale value of the child components >= 1.
+            fill_width: Whether to horizontally expand to fill container fully. If False, centers and constrains app to a maximum width. Only applies if this is the outermost `Blocks` in your Gradio app.
+            delete_cache: A tuple corresponding [frequency, age] both expressed in number of seconds. Every `frequency` seconds, the temporary files created by this Blocks instance will be deleted if more than `age` seconds have passed since the file was created. For example, setting this to (86400, 86400) will delete temporary files every day. The cache will be deleted entirely when the server restarts. If None, no cache deletion will occur.
+        """
+
+        self.limiter = None
+        self.encrypt = False
+        self.mcp_server_obj: None | GradioMCPServer = None
+        self.mcp_error: None | str = None
+        self.share = False
+        self.enable_queue = True
+        self.max_threads = 40
+        self.pending_streams = defaultdict(dict)
+        self.pending_diff_streams = defaultdict(dict)
+        self.show_error = True
+        self.fill_height = fill_height
+        self.fill_width = fill_width
+        self.delete_cache = delete_cache
+        self.extra_startup_events: list[Callable[..., Coroutine[Any, Any, Any]]] = []
+        self.renderables: list[Renderable] = []
+        self.state_holder: StateHolder
+        self.custom_mount_path: str | None = None
+        self.pwa = False
+        self.mcp_server = False
+
+        # For analytics_enabled and allow_flagging: (1) first check for
+        # parameter, (2) check for env variable, (3) default to True/"manual"
+        self.analytics_enabled = (
+            analytics_enabled
+            if analytics_enabled is not None
+            else analytics.analytics_enabled()
+        )
+        if self.analytics_enabled:
+            t = threading.Thread(target=analytics.version_check)
+            t.start()
+        else:
+            os.environ["HF_HUB_DISABLE_TELEMETRY"] = "True"
+        self.enable_monitoring: bool | None = None
+
+        deprecated_params = ["theme", "css", "css_paths", "js", "head", "head_paths"]
+        deprecated_kwargs = {k: kwargs.pop(k) for k in deprecated_params if k in kwargs}
+        if deprecated_kwargs:
+            param_list = ", ".join(deprecated_kwargs.keys())
+            warnings.warn(
+                f"The parameters have been moved from the Blocks constructor to the launch() method in Gradio 6.0: {param_list}. "
+                f"Please pass these parameters to launch() instead.",
+                UserWarning,
+                stacklevel=2,
+            )
+        self._deprecated_theme = deprecated_kwargs.get("theme")
+        self._deprecated_css = deprecated_kwargs.get("css")
+        self._deprecated_css_paths = deprecated_kwargs.get("css_paths")
+        self._deprecated_js = deprecated_kwargs.get("js")
+        self._deprecated_head = deprecated_kwargs.get("head")
+        self._deprecated_head_paths = deprecated_kwargs.get("head_paths")
+
+        self.default_config = BlocksConfig(self)
+        super().__init__(render=False, **kwargs)
+
+        self.mode = mode
+        self.is_running = False
+        self.local_url = None
+        self.share_url = None
+        self.width = None
+        self.height = None
+        self.api_open = utils.get_space() is None
+
+        self.space_id = utils.get_space()
+        self.favicon_path = None
+        self.auth = None
+        self.dev_mode = bool(os.getenv("GRADIO_WATCH_DIRS", ""))
+        self.vibe_mode = bool(os.getenv("GRADIO_VIBE_MODE", ""))
+        self.app_id = random.getrandbits(64)
+        self.upload_file_set = set()
+        self.temp_file_sets = [self.upload_file_set]
+        self.title = title
+
+        # Only used when an Interface is loaded from a config
+        self.predict = None
+        self.input_components = None
+        self.output_components = None
+        self.__name__ = None  # type: ignore
+        self.api_mode = None
+
+        self.progress_tracking = None
+        self.ssl_verify = True
+        self.allowed_paths = []
+        self.blocked_paths = []
+        self.root_path = os.environ.get("GRADIO_ROOT_PATH", "")
+        self.proxy_urls = set()
+
+        self.pages: list[tuple[str, str, bool]] = [("", "Home", True)]
+        self.current_page = ""
+
+        self.css = None
+        self.js = None
+        self.head = None
+        self.theme = None  # type: ignore
+        self.head_paths = None
+
+        if self.analytics_enabled:
+            data = {
+                "mode": self.mode,
+                "version": get_package_version(),
+            }
+            analytics.initiated_analytics(data)
+
+        Blocks.instances.add(self)
+
+        self.queue()
+
+    @property
+    def blocks(self) -> dict[int, Component | Block]:
+        return self.default_config.blocks
+
+    @blocks.setter
+    def blocks(self, value: dict[int, Component | Block]):
+        self.default_config.blocks = value
+
+    @property
+    def fns(self) -> dict[int, BlockFunction]:
+        return self.default_config.fns
+
+    def get_component(self, id: int) -> Component | BlockContext:
+        comp = self.blocks[id]
+        if not isinstance(comp, (components.Component, BlockContext)):
+            raise TypeError(f"Block with id {id} is not a Component or BlockContext")
+        return comp
+
+    @property
+    def _is_running_in_reload_thread(self):
+        from gradio.cli.commands.reload import reload_thread
+
+        return getattr(reload_thread, "running_reload", False)
+
+    @classmethod
+    def from_config(
+        cls,
+        config: BlocksConfigDict,
+        fns: list[Callable],
+        proxy_url: str,
+    ) -> Blocks:
+        """
+        Factory method that creates a Blocks from a config and list of functions. Used
+        internally by the gradio.external.load() method.
+
+        Parameters:
+        config: a dictionary containing the configuration of the Blocks.
+        fns: a list of functions that are used in the Blocks. Must be in the same order as the dependencies in the config.
+        proxy_url: an external url to use as a root URL when serving files for components in the Blocks.
+        """
+        config = copy.deepcopy(config)
+        components_config = config["components"]
+        original_mapping: dict[int, Block] = {}
+        proxy_urls: set[str] = set()
+        if httpx.URL(proxy_url).host.endswith(".hf.space"):
+            proxy_urls.add(proxy_url)
+
+        def get_block_instance(id: int) -> Block:
+            for block_config in components_config:
+                if block_config["id"] == id:
+                    break
+            else:
+                raise ValueError(f"Cannot find block with id {id}")
+            cls = component_or_layout_class(block_config["props"]["name"])
+
+            # If a Gradio app B is loaded into a Gradio app A, and B itself loads a
+            # Gradio app C, then the proxy_urls of the components in A need to be the
+            # URL of C, not B. The else clause below handles this case.
+            if block_config["props"].get("proxy_url") is None:
+                block_config["props"]["proxy_url"] = f"{proxy_url}/"
+            postprocessed_value = block_config["props"].pop("value", None)
+
+            constructor_args = cls.recover_kwargs(block_config["props"])
+            block = cls(**constructor_args)
+            if postprocessed_value is not None:
+                block.value = postprocessed_value  # type: ignore
+
+            block_proxy_url = block_config["props"]["proxy_url"]
+            block.proxy_url = block_proxy_url
+            # Only add proxy URLs that point to known Hugging Face Space
+            # hosts to prevent SSRF via malicious configs.
+            if httpx.URL(block_proxy_url).host.endswith(".hf.space"):
+                proxy_urls.add(block_proxy_url)
+            if (
+                _selectable := block_config["props"].pop("_selectable", None)
+            ) is not None:
+                block._selectable = _selectable  # type: ignore
+
+            return block
+
+        def iterate_over_children(children_list):
+            for child_config in children_list:
+                id = child_config["id"]
+                block = get_block_instance(id)
+
+                original_mapping[id] = block
+
+                children = child_config.get("children")
+                if children is not None:
+                    if not isinstance(block, BlockContext):
+                        raise ValueError(
+                            f"Invalid config, Block with id {id} has children but is not a BlockContext."
+                        )
+                    with block:
+                        iterate_over_children(children)
+
+        derived_fields = ["types"]
+
+        with Blocks(theme=config.get("theme", None)) as blocks:
+            # ID 0 should be the root Blocks component
+            original_mapping[0] = root_block = Context.root_block or blocks
+
+            if "layout" in config:
+                iterate_over_children(config["layout"].get("children", []))
+
+            first_dependency = None
+
+            # add the event triggers
+            if "dependencies" not in config:
+                raise ValueError(
+                    "This config is missing the 'dependencies' field and cannot be loaded."
+                )
+            for dependency, fn in zip(config["dependencies"], fns, strict=False):
+                # We used to add a "fake_event" to the config to cache examples
+                # without removing it. This was causing bugs in calling gr.load
+                # We fixed the issue by removing "fake_event" from the config in examples.py
+                # but we still need to skip these events when loading the config to support
+                # older demos
+                if "trigger" in dependency and dependency["trigger"] == "fake_event":
+                    continue
+                for field in derived_fields:
+                    dependency.pop(field, None)
+
+                # older versions had a separate trigger field, but now it is part of the
+                # targets field
+                _targets = dependency.pop("targets")
+                trigger = dependency.pop("trigger", None)
+                is_then_event = False
+
+                # This assumes that you cannot combine multiple .then() events in a single
+                # gr.on() event, which is true for now. If this changes, we will need to
+                # update this code.
+                if not isinstance(_targets[0], int) and _targets[0][1] in [
+                    "then",
+                    "success",
+                ]:
+                    if len(_targets) != 1:
+                        raise ValueError(
+                            "This logic assumes that .then() events are not combined with other events in a single gr.on() event"
+                        )
+                    is_then_event = True
+
+                dependency.pop("backend_fn")
+                dependency.pop("documentation", None)
+                dependency["inputs"] = [
+                    original_mapping[i] for i in dependency["inputs"]
+                ]
+                dependency["outputs"] = [
+                    original_mapping[o] for o in dependency["outputs"]
+                ]
+                dependency.pop("status_tracker", None)
+                dependency.pop("zerogpu", None)
+                dependency.pop("id", None)
+                dependency.pop("rendered_in", None)
+                dependency.pop("render_id", None)
+                dependency.pop("every", None)
+
+                # Older versions of Gradio had a show_api field, which has been replaced
+                # by api_visibility.
+                api_visibility = dependency.pop("api_visibility", None)
+                if api_visibility is None:
+                    show_api = dependency.pop("show_api", None)
+                    if dependency["api_name"] is False:
+                        api_visibility = "private"
+                    elif show_api is True:
+                        api_visibility = "public"
+                    else:
+                        api_visibility = "undocumented"
+                    dependency["api_visibility"] = api_visibility
+
+                dependency["preprocess"] = False
+                dependency["postprocess"] = False
+                if is_then_event:
+                    targets = [EventListenerMethod(None, "then")]
+                    dependency["trigger_after"] = dependency.pop("trigger_after")
+                    dependency["trigger_only_on_success"] = dependency.pop(
+                        "trigger_only_on_success"
+                    )
+                    dependency["trigger_only_on_failure"] = dependency.pop(
+                        "trigger_only_on_failure", False
+                    )
+                    dependency["no_target"] = True
+                else:
+                    targets = [
+                        EventListenerMethod(
+                            t.__self__ if t.has_trigger else None,
+                            t.event_name,  # type: ignore
+                        )
+                        for t in Blocks.get_event_targets(
+                            original_mapping, _targets, trigger
+                        )
+                    ]
+                dependency = root_block.default_config.set_event_trigger(  # type: ignore
+                    targets=targets, fn=fn, **dependency
+                )[0]
+                if first_dependency is None:
+                    first_dependency = dependency
+
+            # Allows some use of Interface-specific methods with loaded Spaces
+            if first_dependency and get_blocks_context():
+                blocks.predict = [fns[0]]
+                blocks.input_components = first_dependency.inputs
+                blocks.output_components = first_dependency.outputs
+                blocks.__name__ = "Interface"
+                blocks.api_mode = True
+        blocks.proxy_urls = proxy_urls
+        return blocks
+
+    def __str__(self):
+        return self.__repr__()
+
+    def __repr__(self):
+        num_backend_fns = len([d for d in self.fns.values() if d.fn])
+        repr = f"Gradio Blocks instance: {num_backend_fns} backend functions"
+        repr += f"\n{'-' * len(repr)}"
+        for d, dependency in self.fns.items():
+            if dependency.fn:
+                repr += f"\nfn_index={d}"
+                repr += "\n inputs:"
+                for block in dependency.inputs:
+                    block = self.blocks[block._id]
+                    repr += f"\n |-{block}"
+                repr += "\n outputs:"
+                for block in dependency.outputs:
+                    block = self.blocks[block._id]
+                    repr += f"\n |-{block}"
+        return repr
+
+    @property
+    def expects_oauth(self):
+        """Return whether the app expects user to authenticate via OAuth."""
+        return any(
+            isinstance(block, components.LoginButton) for block in self.blocks.values()
+        )
+
+    def unload(self, fn: Callable[..., Any]) -> None:
+        """This listener is triggered when the user closes or refreshes the tab, ending the user session.
+        It is useful for cleaning up resources when the app is closed.
+        Parameters:
+            fn: Callable function to run to clear resources. The function should not take any arguments and the output is not used.
+        Example:
+            import gradio as gr
+            with gr.Blocks() as demo:
+                gr.Markdown("# When you close the tab, hello will be printed to the console")
+                demo.unload(lambda: print("hello"))
+            demo.launch()
+        """
+        self.default_config.set_event_trigger(
+            targets=[EventListenerMethod(None, "unload")],
+            fn=fn,
+            inputs=None,
+            outputs=None,
+            preprocess=False,
+            postprocess=False,
+            show_progress="hidden",
+            api_name=None,
+            js=None,
+            no_target=True,
+            batch=False,
+            max_batch_size=4,
+            cancels=None,
+            collects_event_data=None,
+            trigger_after=None,
+            trigger_only_on_success=False,
+            trigger_only_on_failure=False,
+            trigger_mode="once",
+            concurrency_limit="default",
+            concurrency_id=None,
+            api_visibility="private",
+        )
+
+    def render(self):
+        root_context = get_blocks_context()
+        if root_context is not None and Context.root_block is not None:
+            if self._id in root_context.blocks:
+                raise DuplicateBlockError(
+                    f"A block with id: {self._id} has already been rendered in the current Blocks."
+                )
+            overlapping_ids = set(root_context.blocks).intersection(self.blocks)
+            for id in overlapping_ids:
+                # State components are allowed to be reused between Blocks
+                if not isinstance(self.blocks[id], components.State):
+                    raise DuplicateBlockError(
+                        "At least one block in this Blocks has already been rendered."
+                    )
+
+            for block in self.blocks.values():
+                block.page = Context.root_block.current_page
+            root_context.blocks.update(self.blocks)
+            dependency_offset = max(root_context.fns.keys(), default=-1) + 1
+            existing_api_names = [
+                dep.api_name
+                for dep in root_context.fns.values()
+                if isinstance(dep.api_name, str)
+            ]
+            for dependency in self.fns.values():
+                dependency.page = Context.root_block.current_page
+                dependency._id += dependency_offset
+                # Any event -- e.g. Blocks.load() -- that is triggered by this Blocks
+                # should now be triggered by the root Blocks instead.
+                for target in dependency.targets:
+                    if target[0] == self._id:
+                        target = (Context.root_block._id, target[1])
+                api_name = dependency.api_name
+                if isinstance(api_name, str):
+                    api_name_ = utils.append_unique_suffix(
+                        api_name,
+                        existing_api_names,
+                    )
+                    if api_name != api_name_:
+                        dependency.api_name = api_name_
+                dependency.cancels = [c + dependency_offset for c in dependency.cancels]
+                if dependency.trigger_after is not None:
+                    dependency.trigger_after += dependency_offset
+                # Recreate the cancel function so that it has the latest
+                # dependency fn indices. This is necessary to properly cancel
+                # events in the backend
+                if dependency.cancels:
+                    updated_cancels = [
+                        root_context.fns[i].get_config() for i in dependency.cancels
+                    ]
+                    dependency.cancels = get_cancelled_fn_indices(updated_cancels)
+                root_context.fns[dependency._id] = dependency
+            root_context.fn_id = max(root_context.fns.keys(), default=-1) + 1
+            Context.root_block.temp_file_sets.extend(self.temp_file_sets)
+            Context.root_block.proxy_urls.update(self.proxy_urls)
+            Context.root_block.extra_startup_events.extend(self.extra_startup_events)
+
+        render_context = get_render_context()
+        if render_context is not None:
+            render_context.children.extend(self.children)
+        return self
+
+    def is_callable(self, fn_index: int = 0) -> bool:
+        """Checks if a particular Blocks function is callable (i.e. not stateful or a generator)."""
+        block_fn = self.fns[fn_index]
+        dependency = self.fns[fn_index]
+
+        if inspect.isasyncgenfunction(block_fn.fn):
+            return False
+        if inspect.isgeneratorfunction(block_fn.fn):
+            return False
+        if any(block.stateful for block in dependency.inputs):
+            return False
+        return not any(block.stateful for block in dependency.outputs)
+
+    def __call__(self, *inputs, fn_index: int = 0, api_name: str | None = None):
+        """
+        Allows Blocks objects to be called as functions. Supply the parameters to the
+        function as positional arguments. To choose which function to call, use the
+        fn_index parameter, which must be a keyword argument.
+
+        Parameters:
+        *inputs: the parameters to pass to the function
+        fn_index: the index of the function to call (defaults to 0, which for Interfaces, is the default prediction function)
+        api_name: The api_name of the dependency to call. Will take precedence over fn_index.
+        """
+        if api_name is not None:
+            inferred_fn_index = next(
+                (i for i, d in self.fns.items() if d.api_name == api_name),
+                None,
+            )
+            if inferred_fn_index is None:
+                raise InvalidApiNameError(
+                    f"Cannot find a function with api_name {api_name}"
+                )
+            fn_index = inferred_fn_index
+        if not (self.is_callable(fn_index)):
+            raise ValueError(
+                "This function is not callable because it is either stateful or is a generator. Please use the .launch() method instead to create an interactive user interface."
+            )
+
+        inputs = list(inputs)
+        processed_inputs = self.serialize_data(fn_index, inputs)
+        fn = self.fns[fn_index]
+        if fn.batch:
+            processed_inputs = [[inp] for inp in processed_inputs]
+
+        outputs = client_utils.synchronize_async(
+            self.process_api,
+            block_fn=fn,
+            inputs=processed_inputs,
+            request=None,
+            state={},
+            explicit_call=True,
+        )
+        outputs = outputs["data"]
+
+        if fn.batch:
+            outputs = [out[0] for out in outputs]
+
+        outputs = self.deserialize_data(fn_index, outputs)
+        processed_outputs = utils.resolve_singleton(outputs)
+
+        return processed_outputs
+
+    async def call_function(
+        self,
+        block_fn: BlockFunction | int,
+        processed_input: list[Any],
+        iterator: AsyncIterator[Any] | None = None,
+        requests: Request | list[Request] | None = None,
+        event_id: str | None = None,
+        event_data: EventData | None = None,
+        in_event_listener: bool = False,
+        state: SessionState | None = None,
+    ):
+        """
+        Calls function with given index and preprocessed input, and measures process time.
+        Parameters:
+            fn_index: index of function to call
+            processed_input: preprocessed input to pass to function
+            iterator: iterator to use if function is a generator
+            requests: requests to pass to function
+            event_id: id of event in queue
+            event_data: data associated with event trigger
+        """
+        if isinstance(block_fn, int):
+            block_fn = self.fns[block_fn]
+        if not block_fn.fn:
+            raise IndexError("function has no backend method.")
+        is_generating = False
+        request = requests[0] if isinstance(requests, list) else requests
+        start = time.time()
+
+        fn = utils.get_function_with_locals(
+            fn=block_fn.fn,
+            blocks=self,
+            event_id=event_id,
+            in_event_listener=in_event_listener,
+            request=request,  # type: ignore
+            state=state,
+        )
+
+        if iterator is None:  # If not a generator function that has already run
+            if block_fn.inputs_as_dict:
+                processed_input = [
+                    dict(zip(block_fn.inputs, processed_input, strict=False))
+                ]
+
+            fn_to_analyze = (
+                block_fn.renderable.fn if block_fn.renderable else block_fn.fn
+            )
+            component_props = {}
+            for idx in block_fn.component_prop_inputs:
+                if idx < len(processed_input) and isinstance(
+                    processed_input[idx], dict
+                ):
+                    component_props[idx] = processed_input[idx]
+
+            processed_input, progress_index, _, _ = special_args(
+                fn_to_analyze,
+                processed_input,
+                request,  # type: ignore
+                event_data,  # type: ignore
+                component_props=component_props,
+            )
+            progress_tracker = (
+                processed_input[progress_index] if progress_index is not None else None
+            )
+
+            if progress_tracker is not None and progress_index is not None:
+                progress_tracker, fn = create_tracker(fn, progress_tracker.track_tqdm)
+                processed_input[progress_index] = progress_tracker
+
+            if inspect.iscoroutinefunction(fn):
+                prediction = await fn(*processed_input)
+            else:
+                prediction = await anyio.to_thread.run_sync(  # type: ignore
+                    fn, *processed_input, limiter=self.limiter
+                )
+        else:
+            prediction = None
+
+        if inspect.isgeneratorfunction(fn) or inspect.isasyncgenfunction(fn):
+            try:
+                if iterator is None:
+                    iterator = cast(AsyncIterator[Any], prediction)
+                if inspect.isgenerator(iterator):
+                    iterator = utils.SyncToAsyncIterator(iterator, self.limiter)
+                prediction = await utils.async_iteration(iterator)
+                is_generating = True
+            except StopAsyncIteration:
+                n_outputs = len(block_fn.outputs)
+                prediction = (
+                    components._Keywords.FINISHED_ITERATING
+                    if n_outputs == 1
+                    else (components._Keywords.FINISHED_ITERATING,) * n_outputs
+                )
+                iterator = None
+
+        duration = time.time() - start
+
+        return {
+            "prediction": prediction,
+            "duration": duration,
+            "is_generating": is_generating,
+            "iterator": iterator,
+        }
+
+    def serialize_data(self, fn_index: int, inputs: list[Any]) -> list[Any]:
+        dependency = self.fns[fn_index]
+        processed_input = []
+
+        def format_file(s):
+            return FileData(path=s).model_dump()
+
+        for i, block in enumerate(dependency.inputs):
+            if not isinstance(block, components.Component):
+                raise InvalidComponentError(
+                    f"{block.__class__} Component not a valid input component."
+                )
+            api_info = block.api_info()
+            if client_utils.value_is_file(api_info):
+                serialized_input = client_utils.traverse(
+                    inputs[i],
+                    format_file,
+                    lambda s: (
+                        client_utils.is_filepath(s) or client_utils.is_http_url_like(s)
+                    ),
+                )
+            else:
+                serialized_input = inputs[i]
+            processed_input.append(serialized_input)
+
+        return processed_input
+
+    def deserialize_data(self, fn_index: int, outputs: list[Any]) -> list[Any]:
+        dependency = self.fns[fn_index]
+        predictions = []
+
+        for o, block in enumerate(dependency.outputs):
+            if not isinstance(block, components.Component):
+                raise InvalidComponentError(
+                    f"{block.__class__} Component not a valid output component."
+                )
+
+            deserialized = client_utils.traverse(
+                outputs[o], lambda s: s["path"], client_utils.is_file_obj
+            )
+            predictions.append(deserialized)
+
+        return predictions
+
+    def validate_inputs(self, block_fn: BlockFunction, inputs: list[Any]):
+        dep_inputs = block_fn.inputs
+
+        # This handles incorrect inputs when args are changed by a JS function
+        # Only check not enough args case, ignore extra arguments (for now)
+        # TODO: make this stricter?
+        if len(inputs) < len(dep_inputs):
+            name = (
+                f" ({block_fn.name})"
+                if block_fn.name and block_fn.name != "<lambda>"
+                else ""
+            )
+
+            wanted_args = []
+            received_args = []
+            for block in dep_inputs:
+                wanted_args.append(str(block))
+            for inp in inputs:
+                v = f'"{inp}"' if isinstance(inp, str) else str(inp)
+                received_args.append(v)
+
+            wanted = ", ".join(wanted_args)
+            received = ", ".join(received_args)
+
+            # JS func didn't pass enough arguments
+            raise ValueError(
+                f"""An event handler{name} didn't receive enough input values (needed: {len(dep_inputs)}, got: {len(inputs)}).
+Check if the event handler calls a Javascript function, and make sure its return value is correct.
+Wanted inputs:
+    [{wanted}]
+Received inputs:
+    [{received}]"""
+            )
+
+    @staticmethod
+    def _format_processing_error(
+        block_fn: BlockFunction,
+        index: int,
+        block: Block,
+        value: Any,
+        is_input: bool,
+        original_error: Exception,
+    ) -> str:
+        name = (
+            f' (named "{block_fn.name}")'
+            if block_fn.name and block_fn.name != "<lambda>"
+            else ""
+        )
+        blocks = block_fn.inputs if is_input else block_fn.outputs
+        components_list = ", ".join(b.get_block_name() for b in blocks)
+
+        value_repr = repr(value)
+        if len(value_repr) > 200:
+            value_repr = value_repr[:200] + "..."
+
+        kind = "input" if is_input else "output"
+        stage = "preprocess" if is_input else "postprocess"
+        verb = "passed to" if is_input else "returned from"
+
+        method = getattr(block, "preprocess" if is_input else "postprocess", None)
+        expected_type = None
+        if method is not None:
+            try:
+                params = list(inspect.signature(method).parameters.values())
+                if params and params[0].annotation is not inspect.Parameter.empty:
+                    annotation = params[0].annotation
+                    expected_type = (
+                        annotation
+                        if isinstance(annotation, str)
+                        else getattr(annotation, "__name__", str(annotation))
+                    )
+            except (ValueError, TypeError):
+                expected_type = None
+
+        expected_clause = (
+            f"Expected a `{expected_type}`, but the" if expected_type else "The"
+        )
+        return (
+            f"Could not {stage} {kind} component at index {index} "
+            f"(a `{block.get_block_name()}` component) of the event handler{name} "
+            f"with {kind} components: [{components_list}].\n\n"
+            f"{expected_clause} value {verb} the event handler was: {value_repr} "
+            f"(of type `{type(value).__name__}`).\n\n"
+            f"Original error: {type(original_error).__name__}: {original_error}"
+        )
+
+    async def preprocess_data(
+        self,
+        block_fn: BlockFunction,
+        inputs: list[Any],
+        state: SessionState | None,
+        explicit_call: bool = False,
+    ):
+        state = state or SessionState(self)
+
+        self.validate_inputs(block_fn, inputs)
+
+        processed_input = []
+        for i, block in enumerate(block_fn.inputs):
+            if not isinstance(block, components.Component):
+                raise InvalidComponentError(
+                    f"{block.__class__} Component not a valid input component."
+                )
+            if block.stateful:
+                processed_input.append(state[block._id])
+            else:
+                if block._id in state:
+                    block = state[block._id]
+
+                is_prop_input = i in block_fn.component_prop_inputs
+                if is_prop_input:
+                    processing_utils.check_all_files_in_cache(inputs[i])
+                value_to_process = (
+                    inputs[i].get("value", None) if is_prop_input else inputs[i]
+                )
+
+                from gradio.profiling import trace_phase
+
+                async with trace_phase("preprocess_move_to_cache"):
+                    inputs_cached = await processing_utils.async_move_files_to_cache(
+                        value_to_process,
+                        block,
+                        check_in_upload_folder=not explicit_call,
+                    )
+                if getattr(block, "data_model", None) and inputs_cached is not None:
+                    data_model = cast(
+                        Union[GradioModel, GradioRootModel], block.data_model
+                    )
+                    inputs_cached = data_model.model_validate(
+                        inputs_cached, context={"validate_meta": True}
+                    )
+                if isinstance(inputs_cached, (GradioModel, GradioRootModel)):
+                    inputs_serialized = inputs_cached.model_dump()
+                else:
+                    inputs_serialized = inputs_cached
+
+                if block._id not in state:
+                    state[block._id] = block
+                state._update_value_in_config(block._id, inputs_serialized)
+
+                if block_fn.preprocess:
+                    try:
+                        processed_value = await anyio.to_thread.run_sync(
+                            block.preprocess, inputs_cached, limiter=self.limiter
+                        )
+                    except Error:
+                        raise
+                    except Exception as err:
+                        raise ComponentProcessingError(
+                            self._format_processing_error(
+                                block_fn,
+                                i,
+                                block,
+                                value_to_process,
+                                is_input=True,
+                                original_error=err,
+                            )
+                        ) from err
+                else:
+                    processed_value = inputs_serialized
+
+                if is_prop_input:
+                    inputs[i]["value"] = processed_value
+                    processed_input.append(inputs[i])
+                else:
+                    processed_input.append(processed_value)
+        return processed_input
+
+    def validate_outputs(self, block_fn: BlockFunction, predictions: Any | list[Any]):
+        dep_outputs = block_fn.outputs
+
+        if not isinstance(predictions, (list, tuple)):
+            predictions = [predictions]
+
+        if len(predictions) != len(dep_outputs):
+            name = (
+                f" ({block_fn.name})"
+                if block_fn.name and block_fn.name != "<lambda>"
+                else ""
+            )
+
+            wanted_args = []
+            received_args = []
+            for block in dep_outputs:
+                wanted_args.append(str(block.get_block_class()))
+            for pred in predictions:
+                v = f'"{pred}"' if isinstance(pred, str) else str(pred)
+                received_args.append(v)
+
+            wanted = ", ".join(wanted_args)
+            received = ", ".join(received_args)
+
+            if len(predictions) < len(dep_outputs):
+                raise ValueError(
+                    f"""A  function{name} didn't return enough output values (needed: {len(dep_outputs)}, returned: {len(predictions)}).
+    Output components:
+        [{wanted}]
+    Output values returned:
+        [{received}]"""
+                )
+            else:
+                if len(predictions) == 1 and predictions[0] is None:
+                    # do not throw error if the function did not return anything
+                    # https://github.com/gradio-app/gradio/issues/9742
+                    return
+                warnings.warn(
+                    f"""A function{name} returned too many output values (needed: {len(dep_outputs)}, returned: {len(predictions)}). Ignoring extra values.
+    Output components:
+        [{wanted}]
+    Output values returned:
+        [{received}]"""
+                )
+
+    async def postprocess_data(
+        self,
+        block_fn: BlockFunction,
+        predictions: list | dict,
+        state: SessionState | None,
+    ) -> list[Any]:
+        from gradio.profiling import trace_phase
+
+        state = state or SessionState(self)
+        if (
+            isinstance(predictions, dict)
+            and predictions == skip()
+            and len(block_fn.outputs) > 1
+        ):
+            # For developer convenience, if a function returns a single skip() with multiple outputs,
+            # we will skip updating all outputs.
+            predictions = [skip()] * len(block_fn.outputs)
+        if isinstance(predictions, dict) and len(predictions) > 0:
+            predictions = convert_component_dict_to_list(
+                [block._id for block in block_fn.outputs], predictions
+            )
+
+        if len(block_fn.outputs) == 1 and not block_fn.batch:
+            predictions = [
+                predictions,
+            ]
+
+        self.validate_outputs(block_fn, predictions)  # type: ignore
+
+        output = []
+        for i, block in enumerate(block_fn.outputs):
+            try:
+                if predictions[i] is components._Keywords.FINISHED_ITERATING:
+                    output.append(None)
+                    continue
+            except (IndexError, KeyError) as err:
+                raise ValueError(
+                    "Number of output components does not match number "
+                    f"of values returned from from function {block_fn.name}"
+                ) from err
+
+            if block.stateful:
+                prediction_value = predictions[i]
+                if utils.is_prop_update(prediction_value):
+                    # Support gr.update(value=...) for State components
+                    if "value" in prediction_value:
+                        state[block._id] = prediction_value["value"]
+                else:
+                    state[block._id] = prediction_value
+                output.append(None)
+            else:
+                prediction_value = predictions[i]
+                if utils.is_prop_update(
+                    prediction_value
+                ):  # if update is passed directly (deprecated), remove Nones
+                    prediction_value = utils.delete_none(
+                        prediction_value, skip_value=True
+                    )
+
+                if isinstance(prediction_value, Block):
+                    prediction_value = prediction_value.constructor_args.copy()
+                    prediction_value["__type__"] = "update"
+                elif isinstance(prediction_value, SimpleNamespace) and getattr(
+                    prediction_value, "_is_component_update", False
+                ):
+                    prediction_value = vars(prediction_value).copy()
+                    keys = inspect.signature(block.__class__.__init__).parameters.keys()
+                    prediction_value = {
+                        k: v for k, v in prediction_value.items() if k in keys
+                    }
+                    prediction_value["__type__"] = "update"
+                if utils.is_prop_update(prediction_value):
+                    kwargs = state[block._id].constructor_args.copy()
+                    kwargs.update(prediction_value)
+                    kwargs.pop("value", None)
+                    kwargs.pop("__type__")
+                    kwargs["render"] = False
+
+                    state[block._id] = block.__class__(**kwargs)
+                    state._update_config(block._id)
+                    prediction_value = postprocess_update_dict(
+                        block=state[block._id],
+                        update_dict=prediction_value,
+                        postprocess=block_fn.postprocess,
+                    )
+                    if "value" in prediction_value:
+                        state._update_value_in_config(
+                            block._id, prediction_value.get("value")
+                        )
+                elif block_fn.postprocess:
+                    if not isinstance(block, components.Component):
+                        raise InvalidComponentError(
+                            f"{block.__class__} Component not a valid output component."
+                        )
+                    if block._id in state:
+                        block = state[block._id]
+                    try:
+                        prediction_value = await anyio.to_thread.run_sync(
+                            block.postprocess, prediction_value, limiter=self.limiter
+                        )
+                    except Error:
+                        raise
+                    except Exception as err:
+                        raise ComponentProcessingError(
+                            self._format_processing_error(
+                                block_fn,
+                                i,
+                                block,
+                                predictions[i],
+                                is_input=False,
+                                original_error=err,
+                            )
+                        ) from err
+                    if isinstance(prediction_value, (GradioModel, GradioRootModel)):
+                        prediction_value_serialized = prediction_value.model_dump()
+                    else:
+                        prediction_value_serialized = prediction_value
+                    async with trace_phase("postprocess_update_state_in_config"):
+                        prediction_value_serialized = (
+                            await processing_utils.async_move_files_to_cache(
+                                prediction_value_serialized,
+                                block,
+                                postprocess=True,
+                            )
+                        )
+                        if block._id not in state:
+                            state[block._id] = block
+                        state._update_value_in_config(
+                            block._id, prediction_value_serialized
+                        )
+                elif not block_fn.postprocess:
+                    if block._id not in state:
+                        state[block._id] = block
+                    state._update_value_in_config(block._id, prediction_value)
+                async with trace_phase("postprocess_move_to_cache"):
+                    outputs_cached = await processing_utils.async_move_files_to_cache(
+                        prediction_value,
+                        block,
+                        postprocess=True,
+                    )
+                output.append(outputs_cached)
+
+        return output
+
+    async def handle_streaming_outputs(
+        self,
+        block_fn: BlockFunction,
+        data: list,
+        session_hash: str | None,
+        run: int | None,
+        root_path: str | None = None,
+        final: bool = False,
+    ) -> list:
+        if session_hash is None or run is None:
+            return data
+        if run not in self.pending_streams[session_hash]:
+            self.pending_streams[session_hash][run] = {}
+        stream_run: dict[int, MediaStream] = self.pending_streams[session_hash][run]
+
+        for i, block in enumerate(block_fn.outputs):
+            output_id = block._id
+            if (
+                isinstance(block, components.StreamingOutput)
+                and block.streaming
+                and not utils.is_prop_update(data[i])
+            ):
+                if final:
+                    stream_run[output_id].end_stream()
+                first_chunk = output_id not in stream_run
+                binary_data, output_data = await block.stream_output(
+                    data[i],
+                    f"{session_hash}/{run}/{output_id}/playlist.m3u8",
+                    first_chunk,
+                )
+                if first_chunk:
+                    desired_output_format = None
+                    if orig_name := output_data.get("orig_name"):
+                        desired_output_format = Path(orig_name).suffix[1:]
+                    stream_run[output_id] = MediaStream(
+                        desired_output_format=desired_output_format
+                    )
+                    stream_run[output_id]
+
+                await stream_run[output_id].add_segment(binary_data)
+                output_data = await processing_utils.async_move_files_to_cache(
+                    output_data,
+                    block,
+                    postprocess=True,
+                )
+                if root_path is not None:
+                    output_data = processing_utils.add_root_url(
+                        output_data, root_path, None
+                    )
+                data[i] = output_data
+
+        return data
+
+    def handle_streaming_diffs(
+        self,
+        block_fn: BlockFunction,
+        data: list,
+        session_hash: str | None,
+        run: int | None,
+        final: bool,
+        simple_format: bool = False,
+    ) -> list:
+        if session_hash is None or run is None:
+            return data
+        first_run = run not in self.pending_diff_streams[session_hash]
+        if first_run:
+            self.pending_diff_streams[session_hash][run] = [None] * len(data)
+        last_diffs = self.pending_diff_streams[session_hash][run]
+
+        for i in range(len(block_fn.outputs)):
+            if final:
+                data[i] = last_diffs[i]
+                continue
+
+            if first_run:
+                last_diffs[i] = data[i]
+            else:
+                prev_chunk = last_diffs[i]
+                last_diffs[i] = data[i]
+                if not simple_format:
+                    data[i] = utils.diff(prev_chunk, data[i])
+
+        if final:
+            del self.pending_diff_streams[session_hash][run]
+
+        return data
+
+    async def process_api(
+        self,
+        block_fn: BlockFunction | int,
+        inputs: list[Any],
+        state: SessionState | None = None,
+        request: Request | list[Request] | None = None,
+        iterator: AsyncIterator | None = None,
+        session_hash: str | None = None,
+        event_id: str | None = None,
+        event_data: EventData | None = None,
+        in_event_listener: bool = True,
+        simple_format: bool = False,
+        explicit_call: bool = False,
+        root_path: str | None = None,
+    ) -> dict[str, Any]:
+        """
+        Processes API calls from the frontend. First preprocesses the data,
+        then runs the relevant function, then postprocesses the output.
+
+        Parameters:
+            fn_index: Index of function to run.
+            inputs: input data received from the frontend
+            state: data stored from stateful components for session (key is input block id)
+            request: the gr.Request object containing information about the network request (e.g. IP address, headers, query parameters, username)
+            iterators: the in-progress iterators for each generator function (key is function index)
+            event_id: id of event that triggered this API call
+            event_data: data associated with the event trigger itself
+            in_event_listener: whether this API call is being made in response to an event listener
+            explicit_call: whether this call is being made directly by calling the Blocks function, instead of through an event listener or API route
+            root_path: if provided, the root path of the server. All file URLs will be prefixed with this path.
+
+        Returns a dictionary with the following keys:
+            - "data": the output data from the function
+            - "is_generating": whether the function is generating output
+            - "iterator": the iterator for the function
+            - "duration": the duration of the function call
+            - "average_duration": the average duration of the function call
+            - "render_config": the render config for the function
+        """
+        if isinstance(block_fn, int):
+            block_fn = self.fns[block_fn]
+        batch = block_fn.batch
+        state_ids_to_track, hashed_values = self.get_state_ids_to_track(block_fn, state)
+        changed_state_ids = []
+        LocalContext.blocks.set(self)
+
+        if batch:
+            max_batch_size = block_fn.max_batch_size
+            batch_sizes = [len(inp) for inp in inputs]
+            batch_size = batch_sizes[0]
+            manual_cache_used = False
+            if inspect.isasyncgenfunction(block_fn.fn) or inspect.isgeneratorfunction(
+                block_fn.fn
+            ):
+                raise ValueError("Gradio does not support generators in batch mode.")
+            if not all(x == batch_size for x in batch_sizes):
+                raise ValueError(
+                    f"All inputs to a batch function must have the same length but instead have sizes: {batch_sizes}."
+                )
+            if batch_size > max_batch_size:
+                raise ValueError(
+                    f"Batch size ({batch_size}) exceeds the max_batch_size for this function ({max_batch_size})"
+                )
+            inputs = [
+                await self.preprocess_data(block_fn, list(i), state, explicit_call)
+                for i in zip(*inputs, strict=False)
+            ]
+            with TrackManualCacheUsage():
+                result = await self.call_function(
+                    block_fn,
+                    list(zip(*inputs, strict=False)),
+                    None,
+                    request,
+                    event_id,
+                    event_data,
+                    in_event_listener,
+                    state,
+                )
+                manual_cache_used = used_manual_cache()
+            preds = result["prediction"]
+            data = [
+                await self.postprocess_data(block_fn, list(o), state)
+                for o in zip(*preds, strict=False)
+            ]
+            if root_path is not None:
+                data = processing_utils.add_root_url(data, root_path, None)  # type: ignore
+            data = list(zip(*data, strict=False))
+            is_generating, iterator = None, None
+        else:
+            from gradio.profiling import trace_phase
+
+            old_iterator = iterator
+            manual_cache_used = False
+            if old_iterator:
+                inputs = []
+            else:
+                async with trace_phase("preprocess"):
+                    inputs = await self.preprocess_data(
+                        block_fn, inputs, state, explicit_call
+                    )
+            was_generating = old_iterator is not None
+            with TrackManualCacheUsage():
+                async with trace_phase("fn_call"):
+                    result = await self.call_function(
+                        block_fn,
+                        inputs,
+                        old_iterator,
+                        request,
+                        event_id,
+                        event_data,
+                        in_event_listener,
+                        state,
+                    )
+                manual_cache_used = used_manual_cache()
+
+            async with trace_phase("postprocess"):
+                data = await self.postprocess_data(
+                    block_fn, result["prediction"], state
+                )
+            if state:
+                changed_state_ids = [
+                    state_id
+                    for hash_value, state_id in zip(
+                        hashed_values, state_ids_to_track, strict=False
+                    )
+                    if hash_value != utils.deep_hash(state[state_id])
+                ]
+
+            if root_path is not None:
+                data = processing_utils.add_root_url(data, root_path, None)
+            is_generating, iterator = result["is_generating"], result["iterator"]
+            if is_generating or was_generating:
+                run = id(old_iterator) if was_generating else id(iterator)
+                async with trace_phase("streaming_diff"):
+                    data = await self.handle_streaming_outputs(
+                        block_fn,
+                        data,
+                        session_hash=session_hash,
+                        run=run,
+                        root_path=root_path,
+                        final=not is_generating,
+                    )
+                    data = self.handle_streaming_diffs(
+                        block_fn,
+                        data,
+                        session_hash=session_hash,
+                        run=run,
+                        final=not is_generating,
+                        simple_format=simple_format,
+                    )
+
+        if not manual_cache_used:
+            block_fn.total_runtime += result["duration"]
+            block_fn.total_runs += 1
+        output = {
+            "data": data,
+            "is_generating": is_generating,
+            "iterator": iterator,
+            "duration": result["duration"],
+            "average_duration": (
+                block_fn.total_runtime / block_fn.total_runs
+                if block_fn.total_runs > 0
+                else None
+            ),
+            "render_config": None,
+            "changed_state_ids": changed_state_ids,
+            "used_cache": "partial" if manual_cache_used else None,
+        }
+        if block_fn.renderable and state:
+            output["render_config"] = state.blocks_config.get_config(
+                block_fn.renderable
+            )
+            output["render_config"]["render_id"] = block_fn.renderable._id
+            if root_path is not None:
+                output["render_config"] = processing_utils.add_root_url(
+                    output["render_config"], root_path, None
+                )
+
+        return output
+
+    def get_state_ids_to_track(
+        self, block_fn: BlockFunction, state: SessionState | None
+    ) -> tuple[list[int], list]:
+        if state is None:
+            return [], []
+        state_ids_to_track = []
+        hashed_values = []
+        for block in block_fn.outputs:
+            if block.stateful and any(
+                (block._id, "change") in fn.targets
+                for fn in state.blocks_config.fns.values()
+            ):
+                value = state[block._id]
+                state_ids_to_track.append(block._id)
+                hashed_values.append(utils.deep_hash(value))
+        return state_ids_to_track, hashed_values
+
+    def create_limiter(self):
+        self.limiter = (
+            None
+            if self.max_threads == 40
+            else CapacityLimiter(total_tokens=self.max_threads)
+        )
+
+    def get_config(self):  # type: ignore[override]
+        return {"type": "column"}
+
+    def get_config_file(self) -> BlocksConfigDict:
+        config: BlocksConfigDict = {
+            "version": VERSION,
+            "api_prefix": API_PREFIX,
+            "mode": self.mode,
+            "app_id": self.app_id,
+            "dev_mode": self.dev_mode,
+            "vibe_mode": self.vibe_mode,
+            "analytics_enabled": self.analytics_enabled,
+            "components": [],
+            "css": self.css,
+            "connect_heartbeat": False,
+            "js": self.js,
+            "head": self.head,
+            "title": self.title or "Gradio",
+            "space_id": self.space_id,
+            "enable_queue": True,  # launch attributes
+            "show_error": getattr(self, "show_error", False),
+            "footer_links": getattr(self, "footer_links", []),
+            "is_colab": utils.colab_check(),
+            "max_file_size": getattr(self, "max_file_size", None),
+            "stylesheets": getattr(self, "stylesheets", []),
+            "theme": self.theme.name if self.theme is not None else None,
+            "protocol": "sse_v3",
+            "body_css": {  # type: ignore
+                "body_background_fill": self.theme._get_computed_value(
+                    "body_background_fill"
+                ),
+                "body_text_color": self.theme._get_computed_value("body_text_color"),
+                "body_background_fill_dark": self.theme._get_computed_value(
+                    "body_background_fill_dark"
+                ),
+                "body_text_color_dark": self.theme._get_computed_value(
+                    "body_text_color_dark"
+                ),
+            }
+            if getattr(self, "theme", None) is not None
+            else None,
+            "fill_height": self.fill_height,
+            "fill_width": self.fill_width,
+            "theme_hash": getattr(self, "theme_hash", None),  # type: ignore
+            "pwa": self.pwa,
+            "pages": self.pages,  # type: ignore
+            "page": {},
+            "mcp_server": self.mcp_server,
+            "i18n_translations": (
+                getattr(self.i18n_instance, "translations_dict", None)
+                if getattr(self, "i18n_instance", None) is not None
+                else None
+            ),
+        }
+        config.update(self.default_config.get_config())  # type: ignore
+        config["connect_heartbeat"] = utils.connect_heartbeat(
+            config, self.blocks.values(), self.fns.values()
+        )
+        return config
+
+    def transpile_to_js(self, quiet: bool = False):
+        fns_to_transpile = [
+            fn.fn for fn in self.fns.values() if fn.fn and fn.js is True
+        ]
+        num_to_transpile = len(fns_to_transpile)
+        if not quiet and num_to_transpile > 0:
+            print("********************************************")
+            print("* Trying to transpile functions from Python -> JS for performance\n")
+        for index, fn in enumerate(fns_to_transpile):
+            if not quiet:
+                print(f"* ({index + 1}/{num_to_transpile}) {fn.__name__}: ", end="")  # type: ignore
+            if getattr(fn, "__js_implementation__", None) is None:  # type: ignore
+                try:
+                    fn.__js_implementation__ = transpile(fn, validate=True)  # type: ignore
+                    if not quiet:
+                        print("✅")
+                except Exception as e:
+                    if not quiet:
+                        print("❌", e, end="\n\n")
+            elif not quiet:
+                print("✅")
+        if not quiet and num_to_transpile > 0:
+            print("********************************************\n")
+
+    def __enter__(self):
+        render_context = get_render_context()
+        if render_context is None:
+            Context.root_block = self
+        self.parent = render_context
+        set_render_context(self)
+        self.exited = False
+        return self
+
+    def __exit__(self, exc_type: type[BaseException] | None = None, *args):
+        if exc_type is not None:
+            set_render_context(None)
+            Context.root_block = None
+            return
+        super().fill_expected_parents()
+        set_render_context(self.parent)
+        # Configure the load events before root_block is reset
+        self.default_config.attach_load_events()
+        if self.parent is None:
+            Context.root_block = None
+        else:
+            self.parent.children.extend(self.children)
+        self.config = self.get_config_file()
+        self.app = App.create_app(self, mcp_server=False)
+        self.progress_tracking = any(
+            block_fn.tracks_progress for block_fn in self.fns.values()
+        )
+        self.page = ""
+        self.validate_navbar_settings()
+        self.exited = True
+
+    def clear(self):
+        """Resets the layout of the Blocks object."""
+        self.default_config.blocks = {}
+        self.default_config.fns = {}
+        self.children = []
+        return self
+
+    @document()
+    def queue(
+        self,
+        status_update_rate: float | Literal["auto"] = "auto",
+        api_open: bool | None = None,
+        max_size: int | None = None,
+        *,
+        default_concurrency_limit: int | None | Literal["not_set"] = "not_set",
+    ):
+        """
+        By enabling the queue you can control when users know their position in the queue, and set a limit on maximum number of events allowed.
+        Parameters:
+            status_update_rate: If "auto", Queue will send status estimations to all clients whenever a job is finished. Otherwise Queue will send status at regular intervals set by this parameter as the number of seconds.
+            api_open: If True, the REST routes of the backend will be open, allowing requests made directly to those endpoints to skip the queue.
+            max_size: The maximum number of events the queue will store at any given moment. If the queue is full, new events will not be added and a user will receive a message saying that the queue is full. If None, the queue size will be unlimited.
+            default_concurrency_limit: The default value of `concurrency_limit` to use for event listeners that don't specify a value. Can be set by environment variable GRADIO_DEFAULT_CONCURRENCY_LIMIT. Defaults to 1 if not set otherwise.
+        Example: (Blocks)
+            with gr.Blocks() as demo:
+                button = gr.Button(label="Generate Image")
+                button.click(fn=image_generator, inputs=gr.Textbox(), outputs=gr.Image())
+            demo.queue(max_size=10)
+            demo.launch()
+        Example: (Interface)
+            demo = gr.Interface(image_generator, gr.Textbox(), gr.Image())
+            demo.queue(max_size=20)
+            demo.launch()
+        """
+        if api_open is not None:
+            self.api_open = api_open
+        if utils.is_zero_gpu_space():
+            max_size = 1 if max_size is None else max_size
+        self._queue = queueing.Queue(
+            live_updates=status_update_rate == "auto",
+            concurrency_count=self.max_threads,
+            update_intervals=status_update_rate if status_update_rate != "auto" else 1,
+            max_size=max_size,
+            blocks=self,
+            default_concurrency_limit=default_concurrency_limit,
+        )
+        self.app = App.create_app(self, mcp_server=False)
+        return self
+
+    def validate_queue_settings(self):
+        for dep in self.fns.values():
+            for i in dep.cancels:
+                if not self.fns[i].queue:
+                    raise ValueError(
+                        "Queue needs to be enabled! "
+                        "You may get this error by either 1) passing a function that uses the yield keyword "
+                        "into an interface without enabling the queue or 2) defining an event that cancels "
+                        "another event without enabling the queue. Both can be solved by calling .queue() "
+                        "before .launch()"
+                    )
+
+    def validate_navbar_settings(self):
+        """Validates that only one Navbar component exists per page."""
+        from gradio.components.navbar import Navbar
+
+        navbar_pages = set()
+        for block in self.blocks.values():
+            if isinstance(block, Navbar):
+                if block.page in navbar_pages:
+                    raise ValueError(
+                        f"Only one gr.Navbar component can exist per page. "
+                        f"Found multiple Navbar components on page '{block.page or 'Home'}'. "
+                        "Please remove the extra Navbar components."
+                    )
+                navbar_pages.add(block.page)
+
+    def _set_html_css_theme_variables(self):
+        self.theme_css = self.theme._get_theme_css()
+        self.stylesheets = self.theme._stylesheets
+        theme_hasher = hashlib.sha256()
+        theme_hasher.update(self.theme_css.encode("utf-8"))
+        self.theme_hash = theme_hasher.hexdigest()
+        css_paths = utils.none_or_singleton_to_list(self.css_paths)
+        for css_path in css_paths or []:
+            self.css = self.css or ""
+            with open(css_path, encoding="utf-8") as css_file:
+                self.css += "\n" + css_file.read()
+
+        head_paths = utils.none_or_singleton_to_list(self.head_paths)
+        for head_path in head_paths or []:
+            self.head = self.head or ""
+            with open(head_path, encoding="utf-8") as head_file:
+                self.head += "\n" + head_file.read()
+
+    def _resolve_ssr_mode(
+        self, ssr_mode: bool | None, disable_when_multi_page: bool = True
+    ) -> bool:
+        if disable_when_multi_page and len(self.config.get("pages", [])) > 1:
+            warnings.warn(
+                "SSR mode is not supported with multi-page apps when mounting on a FastAPI app. Disabling SSR mode.",
+                UserWarning,
+            )
+            return False
+        return (
+            ssr_mode
+            if ssr_mode is not None
+            else os.getenv("GRADIO_SSR_MODE", "False").lower() == "true"
+        )
+
+    def launch(
+        self,
+        inline: bool | None = None,
+        inbrowser: bool = False,
+        share: bool | None = None,
+        debug: bool = False,
+        max_threads: int = 40,
+        auth: (
+            Callable[[str, str], bool] | tuple[str, str] | list[tuple[str, str]] | None
+        ) = None,
+        auth_message: str | None = None,
+        prevent_thread_lock: bool = False,
+        show_error: bool = False,
+        server_name: str | None = None,
+        server_port: int | None = None,
+        *,
+        height: int = 500,
+        width: int | str = "100%",
+        favicon_path: str | Path | None = None,
+        ssl_keyfile: str | None = None,
+        ssl_certfile: str | None = None,
+        ssl_keyfile_password: str | None = None,
+        ssl_verify: bool = True,
+        quiet: bool = False,
+        footer_links: list[Literal["api", "gradio", "settings"] | dict[str, str]]
+        | None = None,
+        allowed_paths: list[str] | None = None,
+        blocked_paths: list[str] | None = None,
+        root_path: str | None = None,
+        app_kwargs: dict[str, Any] | None = None,
+        state_session_capacity: int = 10000,
+        share_server_address: str | None = None,
+        share_server_protocol: Literal["http", "https"] | None = None,
+        share_server_tls_certificate: str | None = None,
+        auth_dependency: Callable[[fastapi.Request], str | None] | None = None,
+        max_file_size: str | int | None = None,
+        enable_monitoring: bool | None = None,
+        strict_cors: bool = True,
+        node_server_name: str | None = None,
+        node_port: int | None = None,
+        ssr_mode: bool | None = None,
+        pwa: bool | None = None,
+        mcp_server: bool | None = None,
+        num_workers: int | None = None,
+        _app: App | None = None,
+        _frontend: bool = True,
+        i18n: I18n | None = None,
+        theme: Theme | str | None = None,
+        css: str | None = None,
+        css_paths: str | Path | Sequence[str | Path] | None = None,
+        js: str | Literal[True] | None = None,
+        head: str | None = None,
+        head_paths: str | Path | Sequence[str | Path] | None = None,
+    ) -> tuple[App, str, str]:
+        """
+        Launches a simple web server that serves the demo. Can also be used to create a
+        public link used by anyone to access the demo from their browser by setting share=True.
+        Parameters:
+            inline: whether to display in the gradio app inline in an iframe. Defaults to True in python notebooks; False otherwise.
+            inbrowser: whether to automatically launch the gradio app in a new tab on the default browser.
+            share: whether to create a publicly shareable link for the gradio app. Creates an SSH tunnel to make your UI accessible from anywhere. If not provided, it is set to False by default every time, except when running in Google Colab. When localhost is not accessible (e.g. Google Colab), setting share=False is not supported. Can be set by environment variable GRADIO_SHARE=True.
+            debug: if True, blocks the main thread from running. If running in Google Colab, this is needed to print the errors in the cell output.
+            auth: If provided, username and password (or list of username-password tuples) required to access app. Can also provide function that takes username and password and returns True if valid login.
+            auth_message: If provided, HTML message provided on login page.
+            prevent_thread_lock: By default, the gradio app blocks the main thread while the server is running. If set to True, the gradio app will not block and the gradio server will terminate as soon as the script finishes.
+            show_error: If True, any errors in the gradio app will be displayed in an alert modal and printed in the browser console log. They will also be displayed in the alert modal of downstream apps that gr.load() this app.
+            server_port: will start gradio app on this port (if available). Can be set by environment variable GRADIO_SERVER_PORT. If None, will search for an available port starting at 7860.
+            server_name: to make app accessible on local network, set this to "0.0.0.0". Can be set by environment variable GRADIO_SERVER_NAME. If None, will use "127.0.0.1".
+            max_threads: the maximum number of total threads that the Gradio app can generate in parallel. The default is inherited from the starlette library (currently 40).
+            width: The width in pixels of the iframe element containing the gradio app (used if inline=True)
+            height: The height in pixels of the iframe element containing the gradio app (used if inline=True)
+            favicon_path: If a path to a file (.png, .gif, or .ico) is provided, it will be used as the favicon for the web page.
+            ssl_keyfile: If a path to a file is provided, will use this as the private key file to create a local server running on https.
+            ssl_certfile: If a path to a file is provided, will use this as the signed certificate for https. Needs to be provided if ssl_keyfile is provided.
+            ssl_keyfile_password: If a password is provided, will use this with the ssl certificate for https.
+            ssl_verify: If False, skips certificate validation which allows self-signed certificates to be used.
+            quiet: If True, suppresses most print statements.
+            footer_links: The links to display in the footer of the app. Accepts a list, where each element of the list must be one of "api", "gradio", or "settings" corresponding to the API docs, "built with Gradio", and settings pages respectively. If None, all three links will be shown in the footer. An empty list means that no footer is shown.
+            allowed_paths: List of complete filepaths or parent directories that gradio is allowed to serve. Must be absolute paths. Warning: if you provide directories, any files in these directories or their subdirectories are accessible to all users of your app. Can be set by comma separated environment variable GRADIO_ALLOWED_PATHS. These files are generally assumed to be secure and will be displayed in the browser when possible.
+            blocked_paths: List of complete filepaths or parent directories that gradio is not allowed to serve (i.e. users of your app are not allowed to access). Must be absolute paths. Warning: takes precedence over `allowed_paths` and all other directories exposed by Gradio by default. Can be set by comma separated environment variable GRADIO_BLOCKED_PATHS.
+            root_path: The root path (or "mount point") of the application, if it's not served from the root ("/") of the domain. Often used when the application is behind a reverse proxy that forwards requests to the application. For example, if the application is served at "https://example.com/myapp", the `root_path` should be set to "/myapp". A full URL beginning with http:// or https:// can be provided, which will be used as the root path in its entirety. Can be set by environment variable GRADIO_ROOT_PATH. Defaults to "".
+            app_kwargs: Additional keyword arguments to pass to the underlying FastAPI app as a dictionary of parameter keys and argument values. For example, `{"docs_url": "/docs"}`
+            state_session_capacity: The maximum number of sessions whose information to store in memory. If the number of sessions exceeds this number, the oldest sessions will be removed. Reduce capacity to reduce memory usage when using gradio.State or returning updated components from functions. Defaults to 10000.
+            share_server_address: Use this to specify a custom FRP server and port for sharing Gradio apps (only applies if share=True). If not provided, will use the default FRP server at https://gradio.live. See https://github.com/huggingface/frp for more information.
+            share_server_protocol: Use this to specify the protocol to use for the share links. Defaults to "https", unless a custom share_server_address is provided, in which case it defaults to "http". If you are using a custom share_server_address and want to use https, you must set this to "https".
+            share_server_tls_certificate: The path to a TLS certificate file to use when connecting to a custom share server. This parameter is not used with the default FRP server at https://gradio.live. Otherwise, you must provide a valid TLS certificate file (e.g. a "cert.pem") relative to the current working directory, or the connection will not use TLS encryption, which is insecure.
+            auth_dependency: A function that takes a FastAPI request and returns a string user ID or None. If the function returns None for a specific request, that user is not authorized to access the app (they will see a 401 Unauthorized response). To be used with external authentication systems like OAuth. Cannot be used with `auth`.
+            max_file_size: The maximum file size in bytes that can be uploaded. Can be a string of the form "<value><unit>", where value is any positive integer and unit is one of "b", "kb", "mb", "gb", "tb". If None, no limit is set.
+            enable_monitoring: Enables traffic monitoring of the app through the /monitoring endpoint. By default is None, which enables this endpoint. If explicitly True, will also print the monitoring URL to the console. If False, will disable monitoring altogether.
+            strict_cors: If True, prevents external domains from making requests to a Gradio server running on localhost. If False, allows requests to localhost that originate from localhost but also, crucially, from "null". This parameter should normally be True to prevent CSRF attacks but may need to be False when embedding a *locally-running Gradio app* using web components.
+            ssr_mode: If True, the Gradio app will be rendered using server-side rendering mode, which is typically more performant and provides better SEO, but this requires Node 20+ to be installed on the system. If False, the app will be rendered using client-side rendering mode. If None, will use GRADIO_SSR_MODE environment variable or default to False.
+            pwa: If True, the Gradio app will be set up as an installable PWA (Progressive Web App). If set to None (default behavior), then the PWA feature will be enabled if this Gradio app is launched on Spaces, but not otherwise.
+            i18n: An I18n instance containing custom translations, which are used to translate strings in our components (e.g. the labels of components or Markdown strings). This feature can only be used to translate static text in the frontend, not values in the backend.
+            mcp_server: If True, the Gradio app will be set up as an MCP server and documented functions will be added as MCP tools. If None (default behavior), then the GRADIO_MCP_SERVER environment variable will be used to determine if the MCP server should be enabled.
+            num_workers: Number of background workers to launch in the background to serve file I/O and static assets. This offloads traffic from the main server and reduces latency. Only has an effect if ssr mode is set.
+            theme: A Theme object or a string representing a theme. If a string, will look for a built-in theme with that name (e.g. "soft" or "default"), or will attempt to load a theme from the Hugging Face Hub (e.g. "gradio/monochrome"). If None, will use the Default theme.
+            css: Custom css as a code string. This css will be included in the demo webpage.
+            css_paths: Custom css as a pathlib.Path to a css file or a list of such paths. This css files will be read, concatenated, and included in the demo webpage. If the `css` parameter is also set, the css from `css` will be included first.
+            js: Custom js as a code string. The js code will automatically be executed when the page loads. For more flexibility, use the head parameter to insert js inside <script> tags.
+            head: Custom html code to insert into the head of the demo webpage. This can be used to add custom meta tags, multiple scripts, stylesheets, etc. to the page.
+            head_paths: Custom html code as a pathlib.Path to a html file or a list of such paths. This html files will be read, concatenated, and included in the head of the demo webpage. If the `head` parameter is also set, the html from `head` will be included first.
+        Returns:
+            app: FastAPI app object that is running the demo
+            local_url: Locally accessible link to the demo
+            share_url: Publicly accessible link to the demo (if share=True, otherwise None)
+        Example: (Blocks)
+            import gradio as gr
+            def reverse(text):
+                return text[::-1]
+            with gr.Blocks() as demo:
+                button = gr.Button(value="Reverse")
+                button.click(reverse, gr.Textbox(), gr.Textbox())
+            demo.launch(share=True, auth=("username", "password"))
+        Example:  (Interface)
+            import gradio as gr
+            def reverse(text):
+                return text[::-1]
+            demo = gr.Interface(reverse, "text", "text")
+            demo.launch(share=True, auth=("username", "password"))
+        """
+        from gradio.routes import App
+
+        theme = theme if theme is not None else self._deprecated_theme
+        css = css if css is not None else self._deprecated_css
+        css_paths = css_paths if css_paths is not None else self._deprecated_css_paths
+        js = js if js is not None else self._deprecated_js
+        head = head if head is not None else self._deprecated_head
+        head_paths = (
+            head_paths if head_paths is not None else self._deprecated_head_paths
+        )
+
+        self.theme: Theme = utils.get_theme(theme)
+        self.css = css
+        self.css_paths = css_paths or []
+        self.js = js
+        self.head = head
+        self.head_paths = head_paths
+        self._set_html_css_theme_variables()
+
+        if self._is_running_in_reload_thread:
+            # We have already launched the demo
+            return None, None, None  # type: ignore
+
+        if not self.exited:
+            self.__exit__()
+
+        if auth is not None and auth_dependency is not None:
+            raise ValueError(
+                "You cannot provide both `auth` and `auth_dependency` in launch(). Please choose one."
+            )
+        if (
+            auth
+            and not callable(auth)
+            and not isinstance(auth[0], tuple)
+            and not isinstance(auth[0], list)
+        ):
+            self.auth = [auth]
+        else:
+            self.auth = auth
+
+        if self.auth and not callable(self.auth):
+            if any(not authenticable[0] for authenticable in self.auth):  # type: ignore
+                warnings.warn(
+                    "You have provided an empty username in `auth`. Please provide a valid username."
+                )
+            if any(not authenticable[1] for authenticable in self.auth):  # type: ignore
+                warnings.warn(
+                    "You have provided an empty password in `auth`. Please provide a valid password."
+                )
+
+        self.auth_message = auth_message
+        self.show_error = show_error
+        self.height = height
+        self.width = width
+        self.favicon_path = favicon_path
+        self.ssl_verify = ssl_verify
+        self.state_session_capacity = state_session_capacity
+        if root_path is None:
+            self.root_path = os.environ.get("GRADIO_ROOT_PATH", "")
+        else:
+            self.root_path = root_path
+        self.footer_links = (
+            footer_links if footer_links is not None else ["api", "gradio", "settings"]
+        )
+
+        if allowed_paths:
+            self.allowed_paths = allowed_paths
+        else:
+            allowed_paths_env = os.environ.get("GRADIO_ALLOWED_PATHS", "")
+            if len(allowed_paths_env) > 0:
+                self.allowed_paths = [
+                    item.strip() for item in allowed_paths_env.split(",")
+                ]
+            else:
+                self.allowed_paths = []
+
+        if blocked_paths:
+            self.blocked_paths = blocked_paths
+        else:
+            blocked_paths_env = os.environ.get("GRADIO_BLOCKED_PATHS", "")
+            if len(blocked_paths_env) > 0:
+                self.blocked_paths = [
+                    item.strip() for item in blocked_paths_env.split(",")
+                ]
+            else:
+                self.blocked_paths = []
+
+        if not isinstance(self.allowed_paths, list):
+            raise ValueError("`allowed_paths` must be a list of directories.")
+        if not isinstance(self.blocked_paths, list):
+            raise ValueError("`blocked_paths` must be a list of directories.")
+
+        self.validate_queue_settings()
+        self.max_file_size = utils._parse_file_size(max_file_size)
+
+        if self.dev_mode:
+            for block in self.blocks.values():
+                if block.key is None:
+                    block.key = f"__{block._id}__"
+
+        self.pwa = utils.get_space() is not None if pwa is None else pwa
+        self.max_threads = max_threads
+        self._queue.max_thread_count = max_threads
+        self.transpile_to_js(quiet=quiet)
+        self.config = self.get_config_file()
+
+        self.ssr_mode = self._resolve_ssr_mode(ssr_mode, disable_when_multi_page=False)
+
+        # Resolve num_workers early so we can pre-compute worker ports
+        # and pass them to the Node proxy at startup.
+        resolved_num_workers = num_workers
+        if resolved_num_workers is None:
+            env_val = os.environ.get("GRADIO_NUM_WORKERS")
+            if env_val is not None:
+                resolved_num_workers = int(env_val)
+
+        self._node_is_proxy = False
+        static_worker_ports: list[int] = []
+        # Stashed kwargs for the deferred production Node proxy start.
+        # When set, the user-facing Node front proxy is started after
+        # Python (and any static workers) are listening — see the
+        # `if _pending_node_proxy_kwargs is not None:` block further
+        # down for the rationale.
+        _pending_node_proxy_kwargs: dict | None = None
+
+        if self.ssr_mode:
+            self.node_path = os.environ.get("GRADIO_NODE_PATH", get_node_path())
+            is_dev_mode = os.getenv("GRADIO_LOCAL_DEV_MODE") is not None
+
+            if is_dev_mode:
+                # Dev mode: vite dev server on 9876, Python is the front.
+                # Keep the old architecture (Python proxies to vite).
+                self.node_server_name, self.node_process, self.node_port = (
+                    start_node_server(
+                        server_name=node_server_name,
+                        server_port=node_port,
+                        node_path=self.node_path,
+                        debug=debug,
+                    )
+                )
+            elif self.node_path:
+                # Production: Node will be the front proxy on the user-facing
+                # port and Python will be on an internal port behind it.
+                # We DEFER actually starting Node until after Python (and any
+                # static workers) are listening — otherwise the user-facing
+                # port opens before the proxy's targets exist, and any
+                # traffic that arrives during the startup window receives a
+                # 502 from the proxy (observed on HF Spaces after #13366).
+                from gradio.http_server import INITIAL_PORT_VALUE, TRY_NUM_PORTS
+
+                user_port = server_port or int(
+                    os.getenv("GRADIO_SERVER_PORT", str(INITIAL_PORT_VALUE))
+                )
+                python_host = server_name or os.getenv(
+                    "GRADIO_SERVER_NAME", "127.0.0.1"
+                )
+
+                # Reserve a free internal port for Python; Node will proxy
+                # non-static traffic here once it starts.
+                python_internal_port = _find_free_port(
+                    python_host, start=user_port + 1, try_count=TRY_NUM_PORTS
+                )
+
+                if resolved_num_workers is not None and resolved_num_workers >= 1:
+                    worker_start = python_internal_port + 1
+                    static_worker_ports = [
+                        worker_start + i for i in range(resolved_num_workers)
+                    ]
+
+                # Commit Python to the internal port now (so it can bind
+                # without contending with the user-facing port) and stash
+                # the Node start kwargs for later. We also commit to proxy
+                # mode here; if Node ultimately fails to start, Python is
+                # left listening on the internal port — a degraded but
+                # working state we surface via a warning below.
+                server_port = python_internal_port
+                _pending_node_proxy_kwargs = {
+                    "server_name": node_server_name or python_host,
+                    "server_port": node_port or user_port,
+                    "node_path": self.node_path,
+                    "python_port": python_internal_port,
+                    "python_host": python_host,
+                    "static_worker_ports": static_worker_ports,
+                    "debug": debug,
+                }
+                self.node_server_name = self.node_port = self.node_process = None
+            else:
+                # SSR was requested but Node isn't available; fall through to
+                # the Python-only path (matches the original behaviour when
+                # start_node_server returned None).
+                static_worker_ports = []
+                self.node_server_name = self.node_port = self.node_process = None
+        else:
+            self.node_server_name = self.node_port = self.node_process = None
+
+        self.i18n_instance = i18n
+
+        if app_kwargs is None:
+            app_kwargs = {}
+
+        self.server_app = self.app = App.create_app(
+            self,
+            app=_app,
+            auth_dependency=auth_dependency,
+            app_kwargs=app_kwargs,
+            strict_cors=strict_cors,
+            mcp_server=mcp_server,
+            debug=debug,
+        )
+        if self.mcp_error and not quiet:
+            print(self.mcp_error)
+
+        if self.is_running:
+            if not isinstance(self.local_url, str):
+                raise ValueError(f"Invalid local_url: {self.local_url}")
+            if not (quiet):
+                print(
+                    "Rerunning server... use `close()` to stop if you need to change `launch()` parameters.\n----"
+                )
+        else:
+            from gradio import http_server
+
+            (
+                server_name,
+                server_port,
+                local_url,
+                server,
+            ) = http_server.start_server(
+                app=self.app,
+                server_name=server_name,
+                server_port=server_port,
+                ssl_keyfile=ssl_keyfile,
+                ssl_certfile=ssl_certfile,
+                ssl_keyfile_password=ssl_keyfile_password,
+            )
+            self.server_name = server_name
+            self.local_url = local_url
+            self.local_api_url = f"{self.local_url.rstrip('/')}{API_PREFIX}/"
+            self.server_port = server_port
+            self.server = server
+            self.is_running = True
+            self.is_colab = utils.colab_check()
+            self.is_hosted_notebook = utils.is_hosted_notebook()
+            self.share_server_address = share_server_address
+            self.share_server_protocol = share_server_protocol or (
+                "http" if share_server_address is not None else "https"
+            )
+            self.share_server_tls_certificate = share_server_tls_certificate
+            self.has_launched = True
+            if self.mcp_server_obj:
+                self.mcp_server_obj._local_url = self.local_url
+
+            self.protocol = (
+                "https"
+                if self.local_url.startswith("https") or self.is_colab
+                else "http"
+            )
+
+            self._queue.set_server_app(self.server_app)
+
+            # Static worker pool for offloading file serving / uploads
+            if resolved_num_workers is not None and resolved_num_workers >= 1:
+                from gradio.routes import (
+                    BUILD_PATH_LIB,
+                    STATIC_PATH_LIB,
+                )
+                from gradio.static_server import StaticServerConfig, StaticWorkerPool
+
+                static_config = StaticServerConfig(
+                    build_path=str(BUILD_PATH_LIB),
+                    static_path=str(STATIC_PATH_LIB),
+                    uploaded_file_dir=self.server_app.uploaded_file_dir,
+                    allowed_paths=self.allowed_paths,
+                    blocked_paths=self.blocked_paths,
+                    max_file_size=self.max_file_size,
+                    favicon_path=str(self.favicon_path) if self.favicon_path else None,
+                )
+                # When Node is the front proxy, worker ports were pre-computed above.
+                # Otherwise, compute them here.
+                if self._node_is_proxy and static_worker_ports:
+                    worker_ports = static_worker_ports
+                else:
+                    worker_start = self.server_port + 1
+                    if self.node_port is not None:
+                        worker_start = max(worker_start, self.node_port + 1)
+                    worker_ports = [
+                        worker_start + i for i in range(resolved_num_workers)
+                    ]
+                self._static_worker_pool = StaticWorkerPool(
+                    num_workers=resolved_num_workers,
+                    config=static_config,
+                    ports=worker_ports,
+                )
+                self._static_worker_pool.start()
+
+                if not quiet:
+                    print(
+                        f"* Static file workers: {resolved_num_workers} processes on ports {self._static_worker_pool.ports}"
+                    )
+
+            # Now that Python (and any static workers) are listening,
+            # start the Node front proxy. Opening the user-facing port
+            # here — rather than before Python is up — closes the race
+            # window in which the proxy port was reachable but every
+            # request resolved to a 502 from an unreachable upstream.
+            if _pending_node_proxy_kwargs is not None:
+                self.node_server_name, self.node_process, self.node_port = (
+                    start_node_server(**_pending_node_proxy_kwargs)
+                )
+                if self.node_process is not None and self.node_port is not None:
+                    self._node_is_proxy = True
+                    url_host = (
+                        "localhost"
+                        if self.server_name == "0.0.0.0"
+                        else self.server_name
+                    )
+                    self.local_url = f"http://{url_host}:{self.node_port}/"
+                    self.local_api_url = f"{self.local_url.rstrip('/')}{API_PREFIX}/"
+                    if self.mcp_server_obj:
+                        self.mcp_server_obj._local_url = self.local_url
+                elif not quiet:
+                    warnings.warn(
+                        "Failed to start Node front proxy for SSR; Gradio is "
+                        f"reachable directly on the internal Python port "
+                        f":{self.server_port}. Check the Node installation "
+                        "or set GRADIO_NODE_PATH."
+                    )
+
+            if not self.is_colab and not quiet:
+                if self._node_is_proxy and self.node_port is not None:
+                    print(
+                        f"* Running on local URL:  {self.protocol}://{self.server_name}:{self.node_port}, with SSR ⚡ (Node proxy -> Python :{self.server_port})"
+                    )
+                elif self.ssr_mode:
+                    print(
+                        f"* Running on local URL:  {self.protocol}://{self.server_name}:{self.server_port}, with SSR ⚡ (dev mode)"
+                    )
+                else:
+                    s = "* Running on local URL:  {}://{}:{}"
+                    print(s.format(self.protocol, self.server_name, self.server_port))
+
+            resp = httpx.get(
+                f"{self.local_api_url}startup-events",
+                verify=ssl_verify,
+                timeout=None,
+            )
+            if not resp.is_success:
+                raise Exception(
+                    f"Couldn't start the app because '{resp.url}' failed (code {resp.status_code}). Check your network or proxy settings to ensure localhost is accessible."
+                )
+
+        if share is None:
+            if self.is_colab or self.is_hosted_notebook:
+                if not quiet:
+                    print(
+                        "It looks like you are running Gradio on a hosted Jupyter notebook, which requires `share=True`. Automatically setting `share=True` (you can turn this off by setting `share=False` in `launch()` explicitly).\n"
+                    )
+                self.share = True
+            else:
+                self.share = False
+                share_env = os.getenv("GRADIO_SHARE")
+                if share_env is not None and share_env.lower() == "true":
+                    self.share = True
+        else:
+            self.share = share
+
+        if enable_monitoring:
+            print(
+                f"Monitoring URL: {self.local_url}monitoring/{self.app.analytics_key}"
+            )
+        self.enable_monitoring = enable_monitoring in [True, None]
+
+        # If running in a colab or not able to access localhost,
+        # a shareable link must be created.
+        if _frontend and not networking.url_ok(self.local_url) and not self.share:
+            raise ValueError(
+                "When localhost is not accessible, a shareable link must be created. Please set share=True or check your proxy settings to allow access to localhost."
+            )
+
+        if self.is_colab and not quiet:
+            if debug:
+                print(
+                    "Colab notebook detected. This cell will run indefinitely so that you can see errors and logs. To turn off, set debug=False in launch()."
+                )
+            else:
+                print(
+                    "Colab notebook detected. To show errors in colab notebook, set debug=True in launch()"
+                )
+            if not self.share:
+                print(
+                    "Note: opening Chrome Inspector may crash demo inside Colab notebooks."
+                )
+
+        if self.share and self.space_id:
+            warnings.warn("Setting share=True is not supported on Hugging Face Spaces")
+            self.share = False
+
+        if self.share:
+            try:
+                if self.share_url is None:
+                    share_url = networking.setup_tunnel(
+                        local_host=self.server_name,
+                        local_port=self.server_port,
+                        share_token=self.share_token,
+                        share_server_address=self.share_server_address,
+                        share_server_tls_certificate=self.share_server_tls_certificate,
+                    )
+                    parsed_url = urlparse(share_url)
+                    self.share_url = urlunparse(
+                        (self.share_server_protocol,) + parsed_url[1:]
+                    )
+                print(f"* Running on public URL: {self.share_url}")
+                if not (quiet):
+                    print(
+                        "\nThis share link is temporary and will last for up to 1 week (best effort). For free permanent hosting and GPU upgrades, run `gradio deploy` from the terminal in the working directory to deploy to Hugging Face Spaces (https://huggingface.co/spaces)"
+                    )
+            except Exception as e:
+                if self.analytics_enabled:
+                    analytics.error_analytics("Not able to set up tunnel")
+                self.share_url = None
+                self.share = False
+                if isinstance(e, ChecksumMismatchError):
+                    print(
+                        f"\nCould not create share link. Checksum mismatch for file: {BINARY_PATH}."
+                    )
+                elif isinstance(e, ShareCertificateWriteError):
+                    print(f"\nCould not create share link. {e}")
+                elif Path(BINARY_PATH).exists():
+                    print(
+                        "\nCould not create share link. Please check your internet connection or our status page: https://status.gradio.app."
+                    )
+                else:
+                    print(
+                        f"\nCould not create share link. Missing file: {BINARY_PATH}. \n\nPlease check your internet connection. This can happen if your antivirus software blocks the download of this file. You can install manually by following these steps: \n\n1. Download this file: {BINARY_URL}\n2. Rename the downloaded file to: {BINARY_FILENAME}\n3. Move the file to this location: {BINARY_FOLDER}"
+                    )
+        else:
+            if not quiet:
+                print("* To create a public link, set `share=True` in `launch()`.")
+            self.share_url = None
+
+        mcp_subpath = API_PREFIX + "/mcp"
+        if self.mcp_server:
+            print(
+                "\n🔨 Launching MCP server:"
+                f"\n* Streamable HTTP URL: {self.share_url or self.local_url.rstrip('/')}/{mcp_subpath.lstrip('/')}/"
+            )
+
+        if inbrowser:
+            link = self.share_url if self.share and self.share_url else self.local_url
+            webbrowser.open(link)
+
+        # Check if running in a Python notebook in which case, display inline
+        if inline is None:
+            inline = utils.ipython_check()
+        if inline:
+            try:
+                from IPython.display import HTML, Javascript, display  # type: ignore
+
+                if self.share and self.share_url:
+                    while not networking.url_ok(self.share_url):
+                        time.sleep(0.25)
+                    artifact = HTML(
+                        f'<div><iframe src="{self.share_url}" width="{self.width}" height="{self.height}" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>'
+                    )
+
+                elif self.is_colab:
+                    # modified from /usr/local/lib/python3.7/dist-packages/google/colab/output/_util.py within Colab environment
+                    code = """(async (port, path, width, height, cache, element) => {
+                        if (!google.colab.kernel.accessAllowed && !cache) {
+                            return;
+                        }
+                        element.appendChild(document.createTextNode(''));
+                        const url = await google.colab.kernel.proxyPort(port, {cache});
+
+                        const external_link = document.createElement('div');
+                        external_link.innerHTML = `
+                            <div style="font-family: monospace; margin-bottom: 0.5rem">
+                                Running on <a href=${new URL(path, url).toString()} target="_blank">
+                                    https://localhost:${port}${path}
+                                </a>
+                            </div>
+                        `;
+                        element.appendChild(external_link);
+
+                        const iframe = document.createElement('iframe');
+                        iframe.src = new URL(path, url).toString();
+                        iframe.height = height;
+                        iframe.allow = "autoplay; camera; microphone; clipboard-read; clipboard-write;"
+                        iframe.width = width;
+                        iframe.style.border = 0;
+                        element.appendChild(iframe);
+                    })""" + "({port}, {path}, {width}, {height}, {cache}, window.element)".format(
+                        port=json.dumps(self.server_port),
+                        path=json.dumps("/"),
+                        width=json.dumps(self.width),
+                        height=json.dumps(self.height),
+                        cache=json.dumps(False),
+                    )
+
+                    artifact = Javascript(code)
+                else:
+                    artifact = HTML(
+                        f'<div><iframe src="{self.local_url}" width="{self.width}" height="{self.height}" allow="autoplay; camera; microphone; clipboard-read; clipboard-write;" frameborder="0" allowfullscreen></iframe></div>'
+                    )
+                self.artifact = artifact
+                display(artifact)
+            except ImportError:
+                pass
+
+        if getattr(self, "analytics_enabled", False):
+            is_custom_theme = not any(
+                self.theme.to_dict() == built_in_theme.to_dict()
+                for built_in_theme in utils.BUILT_IN_THEMES.values()
+            )
+            data = {
+                "launch_method": "browser" if inbrowser else "inline",
+                "is_google_colab": self.is_colab,
+                "is_sharing_on": self.share,
+                "is_space": self.space_id is not None,
+                "mode": self.mode,
+                "custom_css": self.css is not None,
+                "theme": self.theme.name,
+                "is_custom_theme": is_custom_theme,
+                "custom_js": self.js is not None,
+                "custom_head": self.head is not None,
+                "custom_css_paths": bool(self.css_paths),
+                "custom_head_paths": bool(head_paths),
+            }
+            analytics.launched_analytics(self, data)
+
+        is_in_interactive_mode = bool(getattr(sys, "ps1", sys.flags.interactive))
+
+        # Block main thread if debug==True
+        if (
+            debug
+            or int(os.getenv("GRADIO_DEBUG", "0")) == 1
+            or (
+                # Block main thread if running in a script to stop script from exiting
+                not prevent_thread_lock and not is_in_interactive_mode
+                # In the Wasm env, we don't have to block the main thread because the server won't be shut down after the execution finishes.
+                # Moreover, we MUST NOT do it because there is only one thread in the Wasm env and blocking it will stop the subsequent code from running.
+            )
+        ):
+            self.block_thread()
+
+        return TupleNoPrint((self.server_app, self.local_url, self.share_url))  # type: ignore
+
+    def integrate(
+        self,
+        comet_ml=None,
+        wandb: ModuleType | None = None,
+        mlflow: ModuleType | None = None,
+    ) -> None:
+        """
+        A catch-all method for integrating with other libraries. This method should be run after launch()
+        Parameters:
+            comet_ml: If a comet_ml Experiment object is provided, will integrate with the experiment and appear on Comet dashboard
+            wandb: If the wandb module is provided, will integrate with it and appear on WandB dashboard
+            mlflow: If the mlflow module  is provided, will integrate with the experiment and appear on ML Flow dashboard
+        """
+        analytics_integration = ""
+        if comet_ml is not None:
+            analytics_integration = "CometML"
+            comet_ml.log_other("Created from", "Gradio")
+            if self.share_url is not None:
+                comet_ml.log_text(f"gradio: {self.share_url}")
+                comet_ml.end()
+            elif self.local_url:
+                comet_ml.log_text(f"gradio: {self.local_url}")
+                comet_ml.end()
+            else:
+                raise ValueError("Please run `launch()` first.")
+        if wandb is not None:
+            assert hasattr(wandb, "log") and hasattr(wandb, "Html"), (  # noqa: S101
+                "wandb module missing required attributes"
+            )
+            analytics_integration = "WandB"
+            if self.share_url is not None:
+                wandb.log(  # type: ignore
+                    {
+                        "Gradio panel": wandb.Html(  # type: ignore
+                            '<iframe src="'
+                            + self.share_url
+                            + '" width="'
+                            + str(self.width)
+                            + '" height="'
+                            + str(self.height)
+                            + '" frameBorder="0"></iframe>'
+                        )
+                    }
+                )
+            else:
+                print(
+                    "The WandB integration requires you to `launch(share=True)` first."
+                )
+        if mlflow is not None:
+            assert hasattr(mlflow, "log_param"), (  # noqa: S101
+                "mlflow module missing required attributes"
+            )
+            analytics_integration = "MLFlow"
+            if self.share_url is not None:
+                mlflow.log_param("Gradio Interface Share Link", self.share_url)  # type: ignore
+            else:
+                mlflow.log_param("Gradio Interface Local Link", self.local_url)  # type: ignore
+        if self.analytics_enabled and analytics_integration:
+            data = {"integration": analytics_integration}
+            analytics.integration_analytics(data)
+
+    def close(self, verbose: bool = True) -> None:
+        """
+        Closes the Interface that was launched and frees the port.
+        """
+        if not self.is_running:
+            return
+
+        try:
+            if (
+                hasattr(self, "_static_worker_pool")
+                and self._static_worker_pool is not None
+            ):
+                self._static_worker_pool.shutdown()
+                self._static_worker_pool = None
+            self._queue.close()
+            # set this before closing server to shut down heartbeats
+            self.is_running = False
+            self.app.stop_event.set()
+            if self.server:
+                self.server.close()
+            # So that the startup events (starting the queue)
+            # happen the next time the app is launched
+            self.app.startup_events_triggered = False
+            if verbose:
+                print(f"Closing server running on port: {self.server_port}")
+        except (AttributeError, OSError):  # can't close if not running
+            pass
+
+    def block_thread(
+        self,
+    ) -> None:
+        """Block main thread until interrupted by user."""
+        try:
+            while self.is_running:
+                time.sleep(0.1)
+        except (KeyboardInterrupt, OSError):
+            print("Keyboard interruption in main thread... closing server.")
+            if self.server:
+                self.server.close()
+            for tunnel in CURRENT_TUNNELS:
+                tunnel.kill()
+
+    def run_startup_events(self):
+        """Events that should be run when the app containing this block starts up."""
+        self._queue.start()
+        # So that processing can resume in case the queue was stopped
+        self._queue.stopped = False
+        self.is_running = True
+        self.create_limiter()
+
+    async def run_extra_startup_events(self):
+        for startup_event in self.extra_startup_events:
+            await startup_event()
+
+    def get_api_info(self, all_endpoints: bool = False) -> APIInfo:
+        """
+        Gets the information needed to generate the API docs from a Blocks.
+        Parameters:
+            all_endpoints: If True, returns information about all endpoints, including those with api_visibility="undocumented".
+        """
+        config = self.config
+        api_info: APIInfo = {"named_endpoints": {}, "unnamed_endpoints": {}}
+
+        for fn in self.fns.values():
+            if not fn.fn or fn.api_visibility == "private":
+                continue
+            if not all_endpoints and fn.api_visibility != "public":
+                continue
+
+            dependency_info: APIEndpointInfo = {
+                "parameters": [],
+                "returns": [],
+                "api_visibility": cast(
+                    Literal["public", "private", "undocumented"], fn.api_visibility
+                ),
+            }
+            fn_info = utils.get_function_params(fn.fn)
+            if fn.api_description is False:
+                dependency_info["description"] = ""
+            elif fn.api_description is None:
+                description, _, _ = utils.get_function_description(fn.fn)
+                dependency_info["description"] = description
+            else:
+                description = fn.api_description
+                assert isinstance(description, str)  # noqa: S101
+                dependency_info["description"] = description
+            skip_endpoint = False
+
+            inputs = fn.inputs
+            for index, input_block in enumerate(inputs):
+                for component in config["components"]:
+                    if component["id"] == input_block._id:
+                        break
+                else:
+                    skip_endpoint = True  # if component not found, skip endpoint
+                    break
+                type = component["props"]["name"]
+                if self.blocks[component["id"]].skip_api:
+                    continue
+                label = component["props"].get("label", f"parameter_{input_block._id}")
+                comp = self.get_component(component["id"])
+                if not isinstance(comp, components.Component):
+                    raise TypeError(f"{comp!r} is not a Component")
+                info = component.get("api_info_as_input", component.get("api_info"))
+                example = comp.example_inputs()
+                python_type = client_utils.json_schema_to_python_type(info)
+
+                # Since the clients use "api_name" and "fn_index" to designate the endpoint and
+                # "result_callbacks" to specify the callbacks, we need to make sure that no parameters
+                # have those names. Hence the final checks.
+                if (
+                    fn.fn
+                    and index < len(fn_info)
+                    and fn_info[index][0]
+                    not in ["api_name", "fn_index", "result_callbacks"]
+                ):
+                    parameter_name = fn_info[index][0]
+                else:
+                    parameter_name = f"param_{index}"
+
+                # How default values are set for the client: if a component has an initial value, then that parameter
+                # is optional in the client and the initial value from the config is used as default in the client.
+                # If the component does not have an initial value, but if the corresponding argument in the predict function has
+                # a default value of None, then that parameter is also optional in the client and the None is used as default in the client.
+                if component["props"].get("value") is not None:
+                    parameter_has_default = True
+                    parameter_default = component["props"]["value"]
+                elif (
+                    fn.fn
+                    and index < len(fn_info)
+                    and fn_info[index][1]
+                    and fn_info[index][2] is None
+                ):
+                    parameter_has_default = True
+                    parameter_default = None
+                else:
+                    parameter_has_default = False
+                    parameter_default = None
+
+                dependency_info["parameters"].append(
+                    {
+                        "label": label,
+                        "parameter_name": parameter_name,
+                        "parameter_has_default": parameter_has_default,
+                        "parameter_default": parameter_default,
+                        "type": info,
+                        "python_type": {
+                            "type": python_type,
+                            "description": (info or {}).get(
+                                "additional_description", ""
+                            ),
+                        },
+                        "component": type.capitalize(),
+                        "example_input": example,
+                    }
+                )
+
+            outputs = fn.outputs
+            for o in outputs:
+                for component in config["components"]:
+                    if component["id"] == o._id:
+                        break
+                else:
+                    skip_endpoint = True  # if component not found, skip endpoint
+                    break
+                type = component["props"]["name"]
+                if self.blocks[component["id"]].skip_api:
+                    continue
+                label = component["props"].get("label", f"value_{o._id}")
+                comp = self.get_component(component["id"])
+                if not isinstance(comp, components.Component):
+                    raise TypeError(f"{comp!r} is not a Component")
+                info = component.get("api_info_as_output", component["api_info"])
+                example = comp.example_inputs()
+                python_type = client_utils.json_schema_to_python_type(info)
+                dependency_info["returns"].append(
+                    {
+                        "label": label,
+                        "type": info,
+                        "python_type": {
+                            "type": python_type,
+                            "description": info.get("description", ""),
+                        },
+                        "component": type.capitalize(),
+                    }
+                )
+
+            if not skip_endpoint:
+                api_info["named_endpoints"][f"/{fn.api_name}"] = dependency_info
+
+        return api_info
+
+    @staticmethod
+    def get_event_targets(
+        original_mapping: dict[int, Block], _targets: list, trigger: str
+    ) -> list:
+        target_events = []
+        for target in _targets:
+            # If target is just an integer (old format), use it directly with the trigger
+            # Otherwise target is a tuple and we use its components
+            target_id = target if isinstance(target, int) else target[0]
+            event_name = trigger if isinstance(target, int) else target[1]
+            block = original_mapping.get(target_id)
+            # Blocks events are a special case because they are not stored in the blocks list in the config
+            if block is None:
+                if event_name in [
+                    event.event_name if isinstance(event, EventListener) else event
+                    for event in BLOCKS_EVENTS
+                ]:
+                    block = Context.root_block
+                else:
+                    raise ValueError(
+                        f"Cannot find Block with id: {target_id} but is present as a target in the config"
+                    )
+            event = getattr(block, event_name)
+            target_events.append(event)
+        return target_events
+
+    @document()
+    def route(
+        self, name: str, path: str | None = None, show_in_navbar: bool = True
+    ) -> Blocks:
+        """
+        Adds a new page to the Blocks app.
+        Parameters:
+            name: The name of the page as it appears in the nav bar.
+            path: The URL suffix appended after your Gradio app's root URL to access this page (e.g. if path="/test", the page may be accessible e.g. at http://localhost:7860/test). If not provided, the path is generated from the name by converting to lowercase and replacing spaces with hyphens. Any leading or trailing forward slashes are stripped.
+            show_in_navbar: If True, the page will appear in the navbar. If False, the page will be accessible via URL but not shown in the navbar.
+        Example:
+            with gr.Blocks() as demo:
+                name = gr.Textbox(label="Name")
+                ...
+            with demo.route("Test", "/test"):
+                num = gr.Number()
+                ...
+        """
+        if get_blocks_context():
+            raise ValueError(
+                "You cannot create a route while inside a Blocks() context. Call route() outside the Blocks() context (unindent this line)."
+            )
+
+        if path:
+            path = path.strip("/")
+            valid_path_regex = re.compile(r"^[a-zA-Z0-9-._~!$&'()*+,;=:@\[\]]+$")
+            if not valid_path_regex.match(path):
+                raise ValueError(
+                    f"Path '{path}' contains invalid characters. Paths can only contain alphanumeric characters and the following special characters: -._~!$&'()*+,;=:@[]"
+                )
+        if path in INTERNAL_ROUTES:
+            raise ValueError(f"Route with path '{path}' already exists")
+        if path is None:
+            path = slugify(name)
+            if not path:
+                raise ValueError(f"Route with path '{name}' is not valid")
+        while path in INTERNAL_ROUTES or path in [page[0] for page in self.pages]:
+            path = "_" + path
+        self.pages.append((path, name, show_in_navbar))
+        self.current_page = path
+        return self
diff --git a/gradio/blocks_events.py b/gradio/blocks_events.py
new file mode 100644
index 0000000..6b77941
--- /dev/null
+++ b/gradio/blocks_events.py
@@ -0,0 +1,31 @@
+from __future__ import annotations
+
+from gradio.component_meta import create_or_modify_pyi
+from gradio.events import EventListener, Events
+
+BLOCKS_EVENTS: list[EventListener | str] = [Events.load]
+
+
+class BlocksMeta(type):
+    def __new__(cls, name, bases, attrs):
+        for event in BLOCKS_EVENTS:
+            trigger = (
+                event
+                if isinstance(event, EventListener)
+                else EventListener(event_name=event)
+            ).copy()
+            trigger.set_doc(component=name)
+            attrs[event] = trigger.listener
+        component_class = super().__new__(cls, name, bases, attrs)
+
+        create_or_modify_pyi(BlocksEvents, "BlocksEvents", BLOCKS_EVENTS)
+        return component_class
+
+
+class BlocksEvents:
+    """
+    This class is used to hold the events for the Blocks component. It is populated dynamically
+    by the BlocksMeta metaclass.
+    """
+
+    pass
diff --git a/gradio/brotli_middleware.py b/gradio/brotli_middleware.py
new file mode 100644
index 0000000..75b4d03
--- /dev/null
+++ b/gradio/brotli_middleware.py
@@ -0,0 +1,231 @@
+"""AGSI Brotli middleware build on top of starlette.
+
+Code is based on GZipMiddleware shipped with starlette.
+"""
+
+import io
+import re
+from typing import NoReturn
+
+from brotli import MODE_FONT, MODE_GENERIC, MODE_TEXT, Compressor  # type: ignore
+from starlette.datastructures import Headers, MutableHeaders
+from starlette.middleware.gzip import GZipResponder
+from starlette.types import ASGIApp, Message, Receive, Scope, Send
+
+
+class Mode:
+    """Brotli available modes."""
+
+    generic = MODE_GENERIC
+    text = MODE_TEXT
+    font = MODE_FONT
+
+
+class BrotliMiddleware:
+    """Brotli middleware public interface."""
+
+    def __init__(
+        self,
+        app: ASGIApp,
+        quality: int = 4,
+        mode: str = "text",
+        lgwin: int = 22,
+        lgblock: int = 0,
+        minimum_size: int = 400,
+        gzip_fallback: bool = True,
+        excluded_handlers: list[str] | None = None,
+    ) -> None:
+        """
+        Arguments.
+
+        mode: The compression mode can be:
+            generic, text (*default*. Used for UTF-8 format text input)
+            or font (for WOFF 2.0).
+        quality: Controls the compression-speed vs compression-
+            density tradeoff. The higher the quality, the slower the compression.
+            Range is 0 to 11.
+        lgwin: Base 2 logarithm of the sliding window size. Range
+            is 10 to 24.
+        lgblock: Base 2 logarithm of the maximum input block size.
+            Range is 16 to 24. If set to 0, the value will be set based on the
+            quality.
+        minimum_size: Only compress responses that are bigger than this value in bytes.
+        gzip_fallback: If True, uses gzip encoding if br is not in the Accept-Encoding header.
+        excluded_handlers: List of handlers to be excluded from being compressed.
+        """
+        self.app = app
+        self.quality = quality
+        self.mode = getattr(Mode, mode)
+        self.minimum_size = minimum_size
+        self.lgwin = lgwin
+        self.lgblock = lgblock
+        self.gzip_fallback = gzip_fallback
+        if excluded_handlers:
+            self.excluded_handlers = [re.compile(path) for path in excluded_handlers]
+        else:
+            self.excluded_handlers = []
+
+    async def __call__(self, scope: Scope, receive: Receive, send: Send) -> None:
+        if (
+            self._is_handler_excluded(scope)
+            or scope["type"] != "http"
+            or not self._is_compressible_file_type(scope)
+        ):
+            return await self.app(scope, receive, send)
+        headers = Headers(scope=scope)
+        if "br" in headers.get("Accept-Encoding", ""):
+            br_responder = BrotliResponder(
+                self.app,
+                self.quality,
+                self.mode,
+                self.lgwin,
+                self.lgblock,
+                self.minimum_size,
+            )
+            await br_responder(scope, receive, send)
+            return
+        if self.gzip_fallback and "gzip" in headers.get("Accept-Encoding", ""):
+            gzip_responder = GZipResponder(self.app, self.minimum_size)
+            await gzip_responder(scope, receive, send)
+            return
+        await self.app(scope, receive, send)
+
+    def _is_handler_excluded(self, scope: Scope) -> bool:
+        handler = scope.get("path", "")
+
+        return any(pattern.search(handler) for pattern in self.excluded_handlers)
+
+    # explicitly handle html, js, css, json via a whitelist. woff2 files are already compressed.
+    # we don't want to compress binary files as they do not benefit much and it can cause bugs
+    def _is_compressible_file_type(self, scope: Scope) -> bool:
+        """Check if the requested file has a compressible file extension."""
+        path = scope.get("path", "")
+        compressible_extensions = {
+            ".html",
+            ".htm",
+            ".js",
+            ".css",
+            ".json",
+            ".md",
+            ".txt",
+            ".csv",
+            ".tsv",
+            ".xml",
+            ".svg",
+        }
+        if "." in path:
+            extension = "." + path.split(".")[-1].lower()
+            return extension in compressible_extensions
+
+        return False
+
+
+class BrotliResponder:
+    """Brotli Interface."""
+
+    def __init__(
+        self,
+        app: ASGIApp,
+        quality: int,
+        mode: Mode,
+        lgwin: int,
+        lgblock: int,
+        minimum_size: int,
+    ) -> None:  # noqa
+        self.app = app
+        self.quality = quality
+        self.mode = mode
+        self.lgwin = lgwin
+        self.lgblock = lgblock
+        self.minimum_size = minimum_size
+        self.send: Send = unattached_send
+        self.initial_message: Message = {}
+        self.started = False
+        self.content_encoding_set = False
+        self.br_file = Compressor(
+            quality=self.quality, mode=self.mode, lgwin=self.lgwin, lgblock=self.lgblock
+        )
+        self.br_buffer = io.BytesIO()
+
+    async def __call__(self, scope: Scope, receive: Receive, send: Send) -> None:  # noqa
+        self.send = send
+        await self.app(scope, receive, self.send_with_brotli)
+
+    async def send_with_brotli(self, message: Message) -> None:
+        """Apply compression using brotli."""
+        message_type = message["type"]
+        if message_type == "http.response.start":
+            # Don't send the initial message until we've determined how to
+            # modify the outgoing headers correctly.
+            self.initial_message = message
+            headers = Headers(raw=self.initial_message["headers"])
+            self.content_encoding_set = "content-encoding" in headers
+        elif message_type == "http.response.body" and self.content_encoding_set:
+            if not self.started:
+                self.started = True
+                await self.send(self.initial_message)
+            await self.send(message)
+        elif message_type == "http.response.body" and not self.started:
+            self.started = True
+            body = message.get("body", b"")
+            more_body = message.get("more_body", False)
+            if len(body) < self.minimum_size and not more_body:
+                # Don't apply Brotli to small outgoing responses.
+                await self.send(self.initial_message)
+                await self.send(message)
+            elif not more_body:
+                # Standard Brotli response.
+                body = self._process(body) + self.br_file.finish()
+                headers = MutableHeaders(raw=self.initial_message["headers"])
+                headers["Content-Encoding"] = "br"
+                headers["Content-Length"] = str(len(body))
+                headers.add_vary_header("Accept-Encoding")
+                message["body"] = body
+                await self.send(self.initial_message)
+                await self.send(message)
+            else:
+                # Initial body in streaming Brotli response.
+                headers = MutableHeaders(raw=self.initial_message["headers"])
+                headers["Content-Encoding"] = "br"
+                headers.add_vary_header("Accept-Encoding")
+                del headers["Content-Length"]
+                self.br_buffer.write(self._process(body) + self.br_file.flush())
+
+                message["body"] = self.br_buffer.getvalue()
+                self.br_buffer.seek(0)
+                self.br_buffer.truncate()
+                await self.send(self.initial_message)
+                await self.send(message)
+
+        elif message_type == "http.response.body":
+            # Remaining body in streaming Brotli response.
+            body = message.get("body", b"")
+            more_body = message.get("more_body", False)
+            self.br_buffer.write(self._process(body) + self.br_file.flush())
+            if not more_body:
+                self.br_buffer.write(self.br_file.finish())
+                message["body"] = self.br_buffer.getvalue()
+                self.br_buffer.close()
+                await self.send(message)
+                return
+            message["body"] = self.br_buffer.getvalue()
+            self.br_buffer.seek(0)
+            self.br_buffer.truncate()
+            await self.send(message)
+
+    def _process(self, body):
+        """Workaround to support both brotli and brotlipy
+
+        Before the official Google brotli repository offered a Python version,
+        there was a separate package to connect to brotli. These APIs are nearly
+        identical except that the official Google API has Compressor.process
+        while the brotlipy API has Compress.compress
+        """
+        if hasattr(self.br_file, "process"):
+            return self.br_file.process(body)
+
+        return self.br_file.compress(body)
+
+
+async def unattached_send(_: Message) -> NoReturn:
+    raise RuntimeError("send awaitable not set")  # pragma: no cover
diff --git a/gradio/caching.py b/gradio/caching.py
new file mode 100644
index 0000000..de15c6c
--- /dev/null
+++ b/gradio/caching.py
@@ -0,0 +1,598 @@
+"""Caching utilities for Gradio functions."""
+
+from __future__ import annotations
+
+import copy
+import functools
+import hashlib
+import inspect
+import sys
+import threading
+import weakref
+from collections import OrderedDict
+from collections.abc import Callable
+from contextvars import ContextVar
+from typing import Any
+
+import numpy as np
+import pandas as pd
+from gradio_client.documentation import document
+from PIL import Image
+from pydantic import BaseModel
+
+
+def cache_hash(obj: Any) -> str:
+    hasher = hashlib.sha256()
+    hasher.update(_hash_repr(obj).encode("utf-8"))
+    return hasher.hexdigest()
+
+
+def _hash_repr(obj: Any) -> str:
+    if obj is None:
+        return "None"
+    if isinstance(obj, (bool, int, float, str)):
+        return repr(obj)
+    if isinstance(obj, bytes):
+        return hashlib.sha256(obj).hexdigest()
+    if isinstance(obj, (list, tuple)):
+        inner = ",".join(_hash_repr(x) for x in obj)
+        tag = "L" if isinstance(obj, list) else "T"
+        return f"{tag}[{inner}]"
+    if isinstance(obj, dict):
+        pairs = sorted(
+            ((repr(k), _hash_repr(v)) for k, v in obj.items()),
+            key=lambda x: x[0],
+        )
+        inner = ",".join(f"{k}:{v}" for k, v in pairs)
+        return f"D{{{inner}}}"
+    if isinstance(obj, set):
+        items = sorted(_hash_repr(x) for x in obj)
+        return f"S{{{','.join(items)}}}"
+    if isinstance(obj, np.ndarray):
+        return (
+            f"np({obj.shape},{obj.dtype},{hashlib.sha256(obj.tobytes()).hexdigest()})"
+        )
+    if isinstance(obj, Image.Image):
+        return f"PIL({obj.mode},{obj.size},{hashlib.sha256(obj.tobytes()).hexdigest()})"
+    if isinstance(obj, pd.DataFrame):
+        col_hash = _hash_repr(list(obj.columns))
+        val_hash = hashlib.sha256(
+            pd.util.hash_pandas_object(obj, index=False).to_numpy().tobytes()
+        ).hexdigest()
+        idx_hash = hashlib.sha256(
+            pd.util.hash_pandas_object(obj.index).to_numpy().tobytes()
+        ).hexdigest()
+        return f"DF({col_hash},{val_hash},{idx_hash})"
+    if isinstance(obj, BaseModel):
+        return _hash_repr(obj.model_dump())
+    if isinstance(obj, pd.Series):
+        name_hash = _hash_repr(obj.name)
+        val_hash = hashlib.sha256(
+            pd.util.hash_pandas_object(obj, index=False).to_numpy().tobytes()
+        ).hexdigest()
+        idx_hash = hashlib.sha256(
+            pd.util.hash_pandas_object(obj.index).to_numpy().tobytes()
+        ).hexdigest()
+        return f"Series({name_hash},{val_hash},{idx_hash})"
+    try:
+        return repr(hash(obj))
+    except TypeError:
+        pass
+    if hasattr(obj, "__dict__"):
+        return _hash_repr(vars(obj))
+    raise TypeError(
+        f"gr.cache: cannot hash object of type {type(obj).__name__}. "
+        f"Preprocess your inputs into hashable types before passing them."
+    )
+
+
+def resolve_generator(fn: Callable) -> tuple[Callable, list | None]:
+    """Wrap a generator to capture all yields and return the final value.
+
+    Returns (wrapped_fn, generated_values) or (fn, None) for non-generators.
+    """
+    if inspect.isgeneratorfunction(fn):
+        generated_values: list = []
+
+        def wrapper(*args, **kwargs):
+            x = None
+            generated_values.clear()
+            for x in fn(*args, **kwargs):  # noqa: B007
+                generated_values.append(x)
+            return x
+
+        return wrapper, generated_values
+    elif inspect.isasyncgenfunction(fn):
+        generated_values = []
+
+        async def wrapper(*args, **kwargs):
+            x = None
+            generated_values.clear()
+            async for x in fn(*args, **kwargs):  # noqa: B007
+                generated_values.append(x)
+            return x
+
+        return wrapper, generated_values
+    return fn, None
+
+
+def _estimate_size(obj: Any) -> int:
+    if isinstance(obj, np.ndarray):
+        return obj.nbytes
+    if isinstance(obj, Image.Image):
+        return obj.size[0] * obj.size[1] * len(obj.getbands())
+    if isinstance(obj, pd.DataFrame):
+        return obj.memory_usage(deep=True).sum()
+    if isinstance(obj, pd.Series):
+        return obj.memory_usage(deep=True)
+    if isinstance(obj, (bytes, bytearray)):
+        return len(obj)
+    if isinstance(obj, str):
+        return sys.getsizeof(obj)
+    try:
+        import torch
+
+        if isinstance(obj, torch.Tensor):
+            return obj.nelement() * obj.element_size()
+    except ImportError:
+        pass
+    if isinstance(obj, dict):
+        return sum(_estimate_size(v) for v in obj.values())
+    if isinstance(obj, (list, tuple)):
+        return sum(_estimate_size(v) for v in obj)
+    return sys.getsizeof(obj)
+
+
+def _get_session_hash() -> str | None:
+    try:
+        from gradio.context import LocalContext
+
+        req = LocalContext.request.get(None)
+        if req is not None:
+            return req.session_hash
+    except Exception:
+        pass
+    return None
+
+
+class _CacheStore:
+    def __init__(
+        self,
+        max_size: int = 128,
+        max_memory: int | None = None,
+        per_session: bool = False,
+    ):
+        self._max_size = max_size
+        self._max_memory = max_memory
+        self._per_session = per_session
+        self._exact: OrderedDict[str, dict] = OrderedDict()
+        self._entry_sizes: dict[str, int] = {}
+        self._total_memory: int = 0
+        self._lock = threading.Lock()
+        if self._per_session:
+            _per_session_stores.add(self)
+
+    def _session_prefix(self, session_hash: str | None = None) -> str:
+        session = session_hash or _get_session_hash() or "_global"
+        return f"{session}:"
+
+    def _session_key(self, key_hash: str) -> str:
+        if not self._per_session:
+            return key_hash
+        return f"{self._session_prefix()}{key_hash}"
+
+    def get(self, key_hash: str) -> dict | None:
+        full_key = self._session_key(key_hash)
+        with self._lock:
+            if full_key in self._exact:
+                self._exact.move_to_end(full_key)
+                return self._exact[full_key]
+            return None
+
+    def put(self, key_hash: str, **entry: Any) -> None:
+        full_key = self._session_key(key_hash)
+        entry_size = _estimate_size(entry) if self._max_memory else 0
+        with self._lock:
+            if full_key in self._exact:
+                self._total_memory -= self._entry_sizes.get(full_key, 0)
+                self._exact.move_to_end(full_key)
+                self._exact[full_key] = entry
+                self._entry_sizes[full_key] = entry_size
+                self._total_memory += entry_size
+            else:
+                self._exact[full_key] = entry
+                self._entry_sizes[full_key] = entry_size
+                self._total_memory += entry_size
+            self._evict()
+
+    def _evict(self) -> None:
+        while self._exact:
+            over_count = self._max_size > 0 and len(self._exact) > self._max_size
+            over_memory = (
+                self._max_memory is not None
+                and self._total_memory > self._max_memory
+                and len(self._exact) > 1
+            )
+            if not over_count and not over_memory:
+                break
+            key, _ = self._exact.popitem(last=False)
+            self._total_memory -= self._entry_sizes.pop(key, 0)
+
+    def clear(self) -> None:
+        with self._lock:
+            self._exact.clear()
+            self._entry_sizes.clear()
+            self._total_memory = 0
+
+    def clear_session(self, session_hash: str | None = None) -> None:
+        if not self._per_session:
+            return
+        session_prefix = self._session_prefix(session_hash)
+        with self._lock:
+            keys_to_delete = [
+                key for key in self._exact if key.startswith(session_prefix)
+            ]
+            for key in keys_to_delete:
+                self._exact.pop(key, None)
+                self._total_memory -= self._entry_sizes.pop(key, 0)
+
+    def keys(self) -> list[Any]:
+        with self._lock:
+            if not self._per_session:
+                return [entry.get("_key") for entry in self._exact.values()]
+
+            session_prefix = self._session_prefix()
+            return [
+                entry.get("_key")
+                for key, entry in self._exact.items()
+                if key.startswith(session_prefix)
+            ]
+
+    def __len__(self) -> int:
+        with self._lock:
+            return len(self._exact)
+
+
+_per_session_stores: weakref.WeakSet[_CacheStore] = weakref.WeakSet()
+# We need this store because runtime `gr.cache(fn)(...)` may be evaluated on
+# every request, and we want one shared wrapper/cache per function+config
+# instead of recreating an empty cache each time. Bounded with LRU eviction so
+# dynamically-created callables in long-running servers can't grow it without
+# limit.
+_RUNTIME_WRAPPER_REGISTRY_MAX = 1024
+_cache_wrappers: OrderedDict[tuple[Any, ...], Callable] = OrderedDict()
+# We need this lock because requests can resolve `gr.cache(fn)` concurrently,
+# and wrapper creation must be atomic so only one shared wrapper/cache is
+# installed for a given cache key.
+_runtime_cache_lock = threading.Lock()
+
+
+def _normalize_kwargs(signature: inspect.Signature, args: tuple, kwargs: dict) -> dict:
+    bound = signature.bind(*args, **kwargs)
+    bound.apply_defaults()
+    return dict(bound.arguments)
+
+
+class CacheMissError(Exception):
+    pass
+
+
+_probe_mode_active: ContextVar[bool] = ContextVar(
+    "gradio_probe_cache_active", default=False
+)
+_manual_cache_used: ContextVar[dict[str, bool] | None] = ContextVar(
+    "gradio_manual_cache_used", default=None
+)
+
+
+class ProbeCache:
+    """Context manager for probe mode. Wrappers raise CacheMiss instead of
+    running the function on a miss. Used by the queue for cache bypass."""
+
+    def __enter__(self):
+        self._token = _probe_mode_active.set(True)
+        return self
+
+    def __exit__(self, *exc):
+        _probe_mode_active.reset(self._token)
+        return False
+
+
+class TrackManualCacheUsage:
+    """Context manager for tracking whether gr.Cache.get() had a hit during a call."""
+
+    def __enter__(self):
+        self._holder = {"used": False}
+        self._token = _manual_cache_used.set(self._holder)
+        return self
+
+    def __exit__(self, *exc):
+        _manual_cache_used.reset(self._token)
+        return False
+
+
+def mark_manual_cache_hit() -> None:
+    holder = _manual_cache_used.get()
+    if holder is not None:
+        holder["used"] = True
+
+
+def used_manual_cache() -> bool:
+    holder = _manual_cache_used.get()
+    return holder["used"] if holder is not None else False
+
+
+def _make_store(
+    max_size: int,
+    max_memory: str | int | None,
+    per_session: bool,
+) -> _CacheStore:
+    from gradio.utils import _parse_file_size
+
+    return _CacheStore(
+        max_size=max_size,
+        max_memory=_parse_file_size(max_memory),
+        per_session=per_session,
+    )
+
+
+def clear_session_caches(session_hash: str | None) -> None:
+    for store in list(_per_session_stores):
+        store.clear_session(session_hash)
+
+
+def _make_wrapper(
+    func: Callable,
+    store: _CacheStore,
+    key: Callable | None = None,
+    *,
+    track_cache_hits: bool = False,
+) -> Callable:
+    signature = inspect.signature(func)
+
+    def _compute_hash(normalized: dict) -> str:
+        if key is not None:
+            return cache_hash(key(normalized))
+        return cache_hash(normalized)
+
+    def _on_miss():
+        if _probe_mode_active.get():
+            raise CacheMissError()
+
+    def _on_hit():
+        if track_cache_hits and not _probe_mode_active.get():
+            mark_manual_cache_hit()
+
+    if inspect.isgeneratorfunction(func):
+
+        @functools.wraps(func)
+        def sync_gen_wrapper(*args, **kwargs):
+            normalized = _normalize_kwargs(signature, args, kwargs)
+            key_hash = _compute_hash(normalized)
+            entry = store.get(key_hash)
+            if entry is not None:
+                for value in entry["yields"]:
+                    _on_hit()
+                    yield value
+                _on_hit()
+                return
+            _on_miss()
+            all_yields = []
+            for value in func(**normalized):
+                all_yields.append(copy.deepcopy(value))
+                yield value
+            store.put(key_hash, yields=all_yields)
+
+        return sync_gen_wrapper
+
+    elif inspect.isasyncgenfunction(func):
+
+        @functools.wraps(func)
+        async def async_gen_wrapper(*args, **kwargs):
+            normalized = _normalize_kwargs(signature, args, kwargs)
+            key_hash = _compute_hash(normalized)
+            entry = store.get(key_hash)
+            if entry is not None:
+                for value in entry["yields"]:
+                    _on_hit()
+                    yield value
+                _on_hit()
+                return
+            _on_miss()
+            all_yields = []
+            async for value in func(**normalized):
+                all_yields.append(copy.deepcopy(value))
+                yield value
+            store.put(key_hash, yields=all_yields)
+
+        return async_gen_wrapper
+
+    elif inspect.iscoroutinefunction(func):
+
+        @functools.wraps(func)
+        async def async_wrapper(*args, **kwargs):
+            normalized = _normalize_kwargs(signature, args, kwargs)
+            key_hash = _compute_hash(normalized)
+            entry = store.get(key_hash)
+            if entry is not None:
+                _on_hit()
+                return entry["value"]
+            _on_miss()
+            result = await func(**normalized)
+            store.put(key_hash, value=result)
+            return result
+
+        return async_wrapper
+
+    else:
+
+        @functools.wraps(func)
+        def sync_wrapper(*args, **kwargs):
+            normalized = _normalize_kwargs(signature, args, kwargs)
+            key_hash = _compute_hash(normalized)
+            entry = store.get(key_hash)
+            if entry is not None:
+                _on_hit()
+                return entry["value"]
+            _on_miss()
+            result = func(**normalized)
+            store.put(key_hash, value=result)
+            return result
+
+        return sync_wrapper
+
+
+def _get_cached_wrapper(
+    func: Callable,
+    *,
+    key: Callable | None,
+    max_size: int,
+    max_memory: str | int | None,
+    per_session: bool,
+) -> Callable:
+    from gradio.utils import _parse_file_size
+
+    registry_key = (
+        id(func),
+        id(key) if key is not None else None,
+        max_size,
+        _parse_file_size(max_memory),
+        per_session,
+    )
+    with _runtime_cache_lock:
+        wrapper = _cache_wrappers.get(registry_key)
+        if wrapper is not None:
+            _cache_wrappers.move_to_end(registry_key)
+            return wrapper
+        store = _make_store(max_size, max_memory, per_session)
+        wrapper = _make_wrapper(
+            func,
+            store,
+            key=key,
+            track_cache_hits=True,
+        )
+        wrapper.cache = store  # type: ignore
+        _cache_wrappers[registry_key] = wrapper
+        while len(_cache_wrappers) > _RUNTIME_WRAPPER_REGISTRY_MAX:
+            _cache_wrappers.popitem(last=False)
+        return wrapper
+
+
+@document()
+def cache(
+    fn: Callable | None = None,
+    *,
+    key: Callable | None = None,
+    max_size: int = 128,
+    max_memory: str | int | None = None,
+    per_session: bool = False,
+):
+    """
+    Decorator that auto-caches function results based on content-hashed inputs. Works with sync/async functions and sync/async generators. For generators, all yielded values are cached and replayed on hit. Cache hits bypass the Gradio queue. It can also be called at runtime as `gr.cache(fn)(*args)` to cache intermediate helper calls.
+    Parameters:
+        fn: The function to cache. When used as @gr.cache without parentheses, this is the decorated function. When used as @gr.cache(...), this is None. When used as `gr.cache(fn)(...)`, this must be a callable.
+        key: Optional function that receives the kwargs dict and returns a hashable cache key, e.g. to only cache based on the prompt, pass in: lambda kw: kw["prompt"]
+        max_size: Maximum number of cache entries. Least-recently-used entries are evicted when full. Set to 0 for unlimited. Default: 128.
+        max_memory: Maximum total memory usage before eviction. Accepts strings like "512mb", "2gb" or integer bytes. When exceeded, least-recently-used entries are evicted. If None, no memory limit is applied. If both max_size and max_memory are set, the cache will evict entries when either limit is reached.
+        per_session: When True, each user session gets an isolated cache namespace, preventing cached results from leaking between users. Per-session entries are cleared when the client session disconnects. The max_size and max_memory limits apply to the sum of all entries across all sessions.
+    Example: (decorator)
+        import gradio as gr
+        @gr.cache
+        def classify(image):
+            return model.predict(image)
+
+        @gr.cache(max_size=256, per_session=True)
+        def generate(prompt):
+            return llm(prompt)
+    Example: (runtime)
+        import gradio as gr
+        def chat(message):
+            cached_retrieve = gr.cache(retrieve_docs)
+            docs = cached_retrieve(message)
+            return llm(message, docs)
+    """
+
+    def decorator(func: Callable) -> Callable:
+        return _get_cached_wrapper(
+            func,
+            key=key,
+            max_size=max_size,
+            max_memory=max_memory,
+            per_session=per_session,
+        )
+
+    if fn is not None:
+        if not callable(fn):
+            raise TypeError(
+                "gr.cache(...) expected a callable when used at runtime. "
+                "Use gr.cache(fn)(*args) instead of gr.cache(fn(*args))."
+            )
+        return decorator(fn)
+    return decorator
+
+
+@document("get", "set", "keys", "clear")
+class Cache:
+    """
+    Thread-safe cache with manual get/set control, injected as a function parameter (add as a default parameter value and Gradio will inject it automatically). Supports per-session isolation so cached data doesn't leak between users, content-aware hashing for ML types (numpy, PIL, pandas), and LRU eviction with memory limits.
+    Parameters:
+        max_size: Maximum number of cache entries. Least-recently-used entries are evicted when full. Set to 0 for unlimited. Default: 128.
+        max_memory: Maximum total memory usage before eviction. Accepts strings like "512mb", "2gb" or integer bytes.
+        per_session: When True, each user session gets an isolated cache namespace, preventing cached data from leaking between users. Per-session entries are cleared when the client session disconnects. The max_size and max_memory limits still apply to the shared underlying cache store across all sessions. Default: False.
+    Example:
+        import gradio as gr
+        def generate(prompt, c=gr.Cache(per_session=True)):
+            hit = c.get(prompt)
+            if hit is not None:
+                return model(prompt, past=hit["kv"])
+            output = model(prompt)
+            c.set(prompt, kv=model.past_key_values)
+            return output
+    """
+
+    def __init__(
+        self,
+        *,
+        max_size: int = 128,
+        max_memory: str | int | None = None,
+        per_session: bool = False,
+    ):
+        self._store = _make_store(max_size, max_memory, per_session)
+
+    def get(self, key: Any) -> dict | None:
+        """
+        Look up a cache entry by key. Returns a dict of stored data, or None on miss. Keys can be any type supported by gr.cache (strings, numbers, numpy arrays, PIL images, etc.).
+        Parameters:
+            key: The cache key to look up.
+        """
+        key_hash = cache_hash(key)
+        entry = self._store.get(key_hash)
+        if entry is None:
+            return None
+        mark_manual_cache_hit()
+        return {k: v for k, v in entry.items() if k != "_key"}
+
+    def set(self, key: Any, **data: Any) -> None:
+        """
+        Store arbitrary keyword data under a key.
+        Parameters:
+            key: The cache key.
+            data: Arbitrary keyword arguments to store.
+        """
+        key_hash = cache_hash(key)
+        self._store.put(key_hash, _key=key, **data)
+
+    def keys(self) -> list[Any]:
+        """
+        Return all stored raw keys. Useful for iteration or prefix matching.
+        """
+        return self._store.keys()
+
+    def clear(self) -> None:
+        """
+        Clear all entries from the cache.
+        """
+        self._store.clear()
+
+    def __len__(self) -> int:
+        return len(self._store)
diff --git a/gradio/chat_interface.py b/gradio/chat_interface.py
new file mode 100644
index 0000000..f6acd5f
--- /dev/null
+++ b/gradio/chat_interface.py
@@ -0,0 +1,1128 @@
+"""
+This file defines a useful high-level abstraction to build Gradio chatbots: ChatInterface.
+"""
+
+from __future__ import annotations
+
+import builtins
+import copy
+import dataclasses
+import inspect
+import os
+import warnings
+from collections.abc import AsyncGenerator, Callable, Generator
+from contextlib import aclosing
+from functools import wraps
+from typing import Any, Literal, Union, cast
+
+from anyio.to_thread import run_sync
+from gradio_client.documentation import document
+
+from gradio import utils
+from gradio.blocks import Blocks
+from gradio.components import (
+    JSON,
+    BrowserState,
+    Button,
+    Chatbot,
+    Component,
+    Dataset,
+    Markdown,
+    MultimodalTextbox,
+    State,
+    Textbox,
+    get_component_instance,
+)
+from gradio.components.chatbot import (
+    ChatMessage,
+    ExampleMessage,
+    Message,
+    MessageDict,
+    NormalizedMessageDict,
+)
+from gradio.components.multimodal_textbox import MultimodalPostprocess, MultimodalValue
+from gradio.events import Dependency, EditData, SelectData
+from gradio.flagging import ChatCSVLogger
+from gradio.helpers import create_examples as Examples  # noqa: N812
+from gradio.helpers import special_args, update
+from gradio.i18n import I18nData
+from gradio.layouts import Accordion, Column, Group, Row
+
+
+@document()
+class ChatInterface(Blocks):
+    """
+    ChatInterface is Gradio's high-level abstraction for creating chatbot UIs, and allows you to create
+    a web-based demo around a chatbot model in a few lines of code. Only one parameter is required: fn, which
+    takes a function that governs the response of the chatbot based on the user input and chat history. Additional
+    parameters can be used to control the appearance and behavior of the demo.
+
+    Example:
+        import gradio as gr
+
+        def echo(message, history):
+            return message
+
+        demo = gr.ChatInterface(fn=echo, examples=[{"text": "hello", "text": "hola", "text": "merhaba"}], title="Echo Bot")
+        demo.launch()
+    Demos: chatinterface_random_response, chatinterface_streaming_echo, chatinterface_artifacts
+    Guides: creating-a-chatbot-fast, chatinterface-examples, agents-and-tool-usage, chatbot-specific-events
+    """
+
+    def __init__(
+        self,
+        fn: Callable,
+        *,
+        multimodal: bool = False,
+        chatbot: Chatbot | None = None,
+        textbox: Textbox | MultimodalTextbox | None = None,
+        additional_inputs: str | Component | list[str | Component] | None = None,
+        additional_inputs_accordion: str | Accordion | None = None,
+        additional_outputs: Component | list[Component] | None = None,
+        editable: bool = False,
+        examples: list[str] | list[MultimodalValue] | list[list] | None = None,
+        example_labels: list[str] | None = None,
+        example_icons: list[str] | None = None,
+        run_examples_on_click: bool = True,
+        cache_examples: bool | None = None,
+        cache_mode: Literal["eager", "lazy"] | None = None,
+        title: str | I18nData | None = None,
+        description: str | None = None,
+        flagging_mode: Literal["never", "manual"] | None = None,
+        flagging_options: list[str] | tuple[str, ...] | None = ("Like", "Dislike"),
+        flagging_dir: str = ".gradio/flagged",
+        analytics_enabled: bool | None = None,
+        autofocus: bool = True,
+        autoscroll: bool = True,
+        submit_btn: str | bool | None = True,
+        stop_btn: str | bool | None = True,
+        concurrency_limit: int | None | Literal["default"] = "default",
+        delete_cache: tuple[int, int] | None = None,
+        show_progress: Literal["full", "minimal", "hidden"] = "minimal",
+        fill_height: bool = True,
+        fill_width: bool = False,
+        api_name: str | None = None,
+        api_description: str | None | Literal[False] = None,
+        api_visibility: Literal["public", "private", "undocumented"] = "public",
+        save_history: bool = False,
+        validator: Callable | None = None,
+    ):
+        """
+        Parameters:
+            fn: the function to wrap the chat interface around. The function should accept two parameters: a `str` representing the input message and `list` of openai-style dictionaries: {"role": "user" | "assistant", "content": `str` | {"path": `str`} | `gr.Component`} representing the chat history. The function should return/yield a `str` (for a simple message), a supported Gradio component (e.g. gr.Image to return an image), a `dict` (for a complete openai-style message response), or a `list` of such messages.
+            multimodal: if True, the chat interface will use a `gr.MultimodalTextbox` component for the input, which allows for the uploading of multimedia files. If False, the chat interface will use a gr.Textbox component for the input. If this is True, the first argument of `fn` should accept not a `str` message but a `dict` message with keys "text" and "files"
+            chatbot: an instance of the gr.Chatbot component to use for the chat interface, if you would like to customize the chatbot properties. If not provided, a default gr.Chatbot component will be created.
+            textbox: an instance of the gr.Textbox or gr.MultimodalTextbox component to use for the chat interface, if you would like to customize the textbox properties. If not provided, a default gr.Textbox or gr.MultimodalTextbox component will be created.
+            editable: if True, users can edit past messages to regenerate responses.
+            additional_inputs: an instance or list of instances of gradio components (or their string shortcuts) to use as additional inputs to the chatbot. If the components are not already rendered in a surrounding Blocks, then the components will be displayed under the chatbot, in an accordion. The values of these components will be passed into `fn` as arguments in order after the chat history.
+            additional_inputs_accordion: if a string is provided, this is the label of the `gr.Accordion` to use to contain additional inputs. A `gr.Accordion` object can be provided as well to configure other properties of the container holding the additional inputs. Defaults to a `gr.Accordion(label="Additional Inputs", open=False)`. This parameter is only used if `additional_inputs` is provided.
+            additional_outputs: an instance or list of instances of gradio components to use as additional outputs from the chat function. These must be components that are already defined in the same Blocks scope. If provided, the chat function should return additional values for these components. See $demo/chatinterface_artifacts.
+            examples: sample inputs for the function; if provided, appear within the chatbot and can be clicked to populate the chatbot input. Should be a list of strings representing text-only examples, or a list of dictionaries (with keys `text` and `files`) representing multimodal examples. If `additional_inputs` are provided, the examples must be a list of lists, where the first element of each inner list is the string or dictionary example message and the remaining elements are the example values for the additional inputs -- in this case, the examples will appear under the chatbot.
+            example_labels: labels for the examples, to be displayed instead of the examples themselves. If provided, should be a list of strings with the same length as the examples list. Only applies when examples are displayed within the chatbot (i.e. when `additional_inputs` is not provided).
+            example_icons: icons for the examples, to be displayed above the examples. If provided, should be a list of string URLs or local paths with the same length as the examples list. Only applies when examples are displayed within the chatbot (i.e. when `additional_inputs` is not provided).
+            cache_examples: if True, caches examples in the server for fast runtime in examples. The default option in HuggingFace Spaces is True. The default option elsewhere is False.  Note that examples are cached separately from Gradio's queue() so certain features, such as gr.Progress(), gr.Info(), gr.Warning(), etc. will not be displayed in Gradio's UI for cached examples.
+            cache_mode: if "eager", all examples are cached at app launch. If "lazy", examples are cached for all users after the first use by any user of the app. If None, will use the GRADIO_CACHE_MODE environment variable if defined, or default to "eager".
+            run_examples_on_click: if True, clicking on an example will run the example through the chatbot fn and the response will be displayed in the chatbot. If False, clicking on an example will only populate the chatbot input with the example message. Has no effect if `cache_examples` is True
+            title: a title for the interface; if provided, appears above chatbot in large font. Also used as the tab title when opened in a browser window.
+            description: a description for the interface; if provided, appears above the chatbot and beneath the title in regular font. Accepts Markdown and HTML content.
+            flagging_mode: one of "never", "manual". If "never", users will not see a button to flag an input and output. If "manual", users will see a button to flag.
+            flagging_options: a list of strings representing the options that users can choose from when flagging a message. Defaults to ["Like", "Dislike"]. These two case-sensitive strings will render as "thumbs up" and "thumbs down" icon respectively next to each bot message, but any other strings appear under a separate flag icon.
+            flagging_dir: path to the the directory where flagged data is stored. If the directory does not exist, it will be created.
+            analytics_enabled: whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable if defined, or default to True.
+            autofocus: if True, autofocuses to the textbox when the page loads.
+            autoscroll: If True, will automatically scroll to the bottom of the chatbot when a new message appears, unless the user scrolls up. If False, will not scroll to the bottom of the chatbot automatically.
+            submit_btn: If True, will show a submit button with a submit icon within the textbox. If a string, will use that string as the submit button text in place of the icon. If False, will not show a submit button.
+            stop_btn: If True, will show a button with a stop icon during generator executions, to stop generating. If a string, will use that string as the submit button text in place of the stop icon. If False, will not show a stop button.
+            concurrency_limit: if set, this is the maximum number of chatbot submissions that can be running simultaneously. Can be set to None to mean no limit (any number of chatbot submissions can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `.queue()`, which is 1 by default).
+            delete_cache: a tuple corresponding [frequency, age] both expressed in number of seconds. Every `frequency` seconds, the temporary files created by this Blocks instance will be deleted if more than `age` seconds have passed since the file was created. For example, setting this to (86400, 86400) will delete temporary files every day. The cache will be deleted entirely when the server restarts. If None, no cache deletion will occur.
+            show_progress: how to show the progress animation while event is running: "full" shows a spinner which covers the output component area as well as a runtime display in the upper right corner, "minimal" only shows the runtime display, "hidden" shows no progress animation at all
+            fill_height: if True, the chat interface will expand to the height of window.
+            fill_width: Whether to horizontally expand to fill container fully. If False, centers and constrains app to a maximum width.
+            api_name: defines how the chat endpoint appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None, the name of the function will be used.
+            api_description: Description of the API endpoint. Can be a string, None, or False. If set to a string, the endpoint will be exposed in the API docs with the given description. If None, the function's docstring will be used as the API endpoint description. If False, then no description will be displayed in the API docs.
+            api_visibility: Controls the visibility of the chat endpoint. Can be "public" (shown in API docs and callable), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable).
+            save_history: if True, will save the chat history to the browser's local storage and display previous conversations in a side panel.
+            validator: a function that takes in the inputs and can optionally return a gr.validate() object for each input.
+        """
+        super().__init__(
+            analytics_enabled=analytics_enabled,
+            mode="chat_interface",
+            title=title or "Gradio",
+            fill_height=fill_height,
+            fill_width=fill_width,
+            delete_cache=delete_cache,
+        )
+        self.api_name: str | None = api_name
+        self.api_description: str | None | Literal[False] = api_description
+        self.api_visibility = api_visibility
+        self.multimodal = multimodal
+        self.concurrency_limit = concurrency_limit
+        if isinstance(fn, ChatInterface):
+            self.fn = fn.fn
+        else:
+            self.fn = fn
+        self.is_async = inspect.iscoroutinefunction(
+            self.fn
+        ) or inspect.isasyncgenfunction(self.fn)
+        self.is_generator = inspect.isgeneratorfunction(
+            self.fn
+        ) or inspect.isasyncgenfunction(self.fn)
+        self.validator = validator
+        self.provided_chatbot = chatbot is not None
+        self.examples = examples
+        self.examples_messages = self._setup_example_messages(
+            examples, example_labels, example_icons
+        )
+        self.run_examples_on_click = run_examples_on_click
+        self.cache_examples = cache_examples
+        self.cache_mode = cache_mode
+        self.editable = editable
+        self.fill_height = fill_height
+        self.autoscroll = autoscroll
+        self.autofocus = autofocus
+        self.title = title
+        self.description = description
+        self.show_progress = show_progress
+        self.save_history = save_history
+        self.additional_inputs = [
+            get_component_instance(i)
+            for i in utils.none_or_singleton_to_list(additional_inputs)
+        ]
+        self.additional_outputs = utils.none_or_singleton_to_list(additional_outputs)
+        if additional_inputs_accordion is None:
+            self.additional_inputs_accordion_params = {
+                "label": I18nData("chat_interface.additional_inputs"),
+                "open": False,
+            }
+        elif isinstance(additional_inputs_accordion, str):
+            self.additional_inputs_accordion_params = {
+                "label": additional_inputs_accordion
+            }
+        elif isinstance(additional_inputs_accordion, Accordion):
+            self.additional_inputs_accordion_params = (
+                additional_inputs_accordion.recover_kwargs(
+                    additional_inputs_accordion.get_config()
+                )
+            )
+        else:
+            raise ValueError(
+                f"The `additional_inputs_accordion` parameter must be a string or gr.Accordion, not {builtins.type(additional_inputs_accordion)}"
+            )
+        self._additional_inputs_in_examples = False
+        if self.additional_inputs and self.examples is not None:
+            for example in self.examples:
+                if not isinstance(example, list):
+                    raise ValueError(
+                        "Examples must be a list of lists when additional inputs are provided."
+                    )
+                for idx, example_for_input in enumerate(example):
+                    if example_for_input is not None and idx > 0:
+                        self._additional_inputs_in_examples = True
+                        break
+                if self._additional_inputs_in_examples:
+                    break
+
+        if flagging_mode is None:
+            flagging_mode = os.getenv("GRADIO_CHAT_FLAGGING_MODE", "never")  # type: ignore
+        if flagging_mode in ["manual", "never"]:
+            self.flagging_mode = flagging_mode
+        else:
+            raise ValueError(
+                "Invalid value for `flagging_mode` parameter."
+                "Must be: 'manual' or 'never'."
+            )
+        self.flagging_options = flagging_options
+        self.flagging_dir = flagging_dir
+        if isinstance(textbox, (Textbox, MultimodalTextbox)):
+            textbox.unrender()
+        if isinstance(chatbot, Chatbot):
+            chatbot.unrender()
+
+        with self:
+            self.saved_conversations = BrowserState(
+                [], storage_key=f"_saved_conversations_{self._id}"
+            )
+            self.conversation_id = State(None)
+            self.saved_input = State()  # Stores the most recent user message
+            self.null_component = State()  # Used to discard unneeded values
+
+            with Column():
+                self._render_header()
+                if self.save_history:
+                    with Row(scale=1):
+                        self._render_history_area()
+                        with Column(scale=6):
+                            self._render_chatbot_area(
+                                chatbot, textbox, submit_btn, stop_btn
+                            )
+                            self._render_footer()
+                else:
+                    self._render_chatbot_area(chatbot, textbox, submit_btn, stop_btn)
+                    self._render_footer()
+
+            self._setup_events()
+
+        if textbox is not None:
+            conflicting_params = []
+
+            if isinstance(textbox, (Textbox, MultimodalTextbox)):
+                if submit_btn is not True and submit_btn != textbox.submit_btn:
+                    conflicting_params.append("submit_btn")
+
+                if stop_btn is not True and stop_btn != textbox.stop_btn:
+                    conflicting_params.append("stop_btn")
+
+                if autofocus is not True and autofocus != textbox.autofocus:
+                    conflicting_params.append("autofocus")
+
+            if conflicting_params:
+                warnings.warn(
+                    f"You provided a custom `textbox` component, but also specified "
+                    f"{', '.join(f'`{p}`' for p in conflicting_params)} parameter(s) on `gr.ChatInterface`. "
+                    f"These ChatInterface parameters will be ignored. To customize these settings, "
+                    f"pass them directly to your `gr.Textbox` or `gr.MultimodalTextbox` component instead. "
+                    f"For example: textbox=gr.Textbox(..., submit_btn='submit')",
+                    UserWarning,
+                    stacklevel=2,
+                )
+
+    def _render_header(self):
+        if self.title:
+            Markdown(
+                f"<h1 style='text-align: center; margin-bottom: 1rem'>{self.title}</h1>"
+            )
+        if self.description:
+            Markdown(self.description)
+
+    def _render_history_area(self):
+        with Column(scale=1, min_width=100):
+            self.new_chat_button = Button(
+                I18nData("chat_interface.new_chat"),
+                variant="primary",
+                size="md",
+                icon=utils.get_icon_path("plus.svg"),
+                # scale=0,
+            )
+            self.chat_history_dataset = Dataset(
+                components=[Textbox(visible=False)],
+                show_label=False,
+                layout="table",
+                type="index",
+            )
+
+    def _render_chatbot_area(
+        self,
+        chatbot: Chatbot | None,
+        textbox: Textbox | MultimodalTextbox | None,
+        submit_btn: str | bool | None,
+        stop_btn: str | bool | None,
+    ):
+        if chatbot:
+            self.chatbot = cast(Chatbot, get_component_instance(chatbot, render=True))
+            if self.chatbot.examples and self.examples_messages:
+                warnings.warn(
+                    "The ChatInterface already has examples set. The examples provided in the chatbot will be ignored."
+                )
+            self.chatbot.examples = (
+                self.examples_messages
+                if not self._additional_inputs_in_examples
+                else None
+            )
+            self.chatbot._setup_examples()
+        else:
+            # Use default height of chatbot
+            self.chatbot = Chatbot(
+                label=I18nData("chat_interface.chatbot"),
+                scale=1,
+                autoscroll=self.autoscroll,
+                examples=(
+                    self.examples_messages
+                    if not self._additional_inputs_in_examples
+                    else None
+                ),
+            )
+        with Group():
+            with Row():
+                if textbox:
+                    textbox.show_label = False
+                    textbox_ = get_component_instance(textbox, render=True)
+                    if not isinstance(textbox_, (Textbox, MultimodalTextbox)):
+                        raise TypeError(
+                            f"Expected a gr.Textbox or gr.MultimodalTextbox component, but got {builtins.type(textbox_)}"
+                        )
+                    self.textbox = textbox_
+                else:
+                    textbox_component = (
+                        MultimodalTextbox if self.multimodal else Textbox
+                    )
+                    self.textbox = textbox_component(
+                        show_label=False,
+                        label="",
+                        placeholder=I18nData("chat_interface.message_placeholder"),
+                        scale=7,
+                        autofocus=self.autofocus,
+                        submit_btn=submit_btn,
+                        stop_btn=stop_btn,
+                    )
+
+        # Hide the stop button at the beginning, and show it with the given value during the generator execution.
+        self.original_stop_btn = self.textbox.stop_btn
+        self.textbox.stop_btn = False
+        self.fake_api_btn = Button("Fake API", visible=False)
+        self.api_response = JSON(
+            label="Response", visible=False
+        )  # Used to store the response from the API call
+
+        # Used internally to store the chatbot value when it differs from the value displayed in the chatbot UI.
+        # For example, when a user submits a message, the chatbot UI is immediately updated with the user message,
+        # but the chatbot_state value is not updated until the submit_fn is called.
+        self.chatbot_state = State(self.chatbot.value if self.chatbot.value else [])
+
+        # Provided so that developers can update the chatbot value from other events outside of `gr.ChatInterface`.
+        self.chatbot_value = State(self.chatbot.value if self.chatbot.value else [])
+
+    def _render_footer(self):
+        if self.examples:
+            self.examples_handler = Examples(
+                examples=self.examples,
+                inputs=[self.textbox] + self.additional_inputs,
+                outputs=self.chatbot,
+                fn=self._examples_stream_fn if self.is_generator else self._examples_fn,
+                cache_examples=self.cache_examples,
+                cache_mode=cast(Literal["eager", "lazy"], self.cache_mode),
+                visible=self._additional_inputs_in_examples,
+                preprocess=self._additional_inputs_in_examples,
+                preload=False,
+            )
+
+        any_unrendered_inputs = any(
+            not inp.is_rendered for inp in self.additional_inputs
+        )
+        if self.additional_inputs and any_unrendered_inputs:
+            with Accordion(**self.additional_inputs_accordion_params):  # type: ignore
+                for input_component in self.additional_inputs:
+                    if not input_component.is_rendered:
+                        input_component.render()
+
+    def _setup_example_messages(
+        self,
+        examples: list[str] | list[MultimodalValue] | list[list] | None,
+        example_labels: list[str] | None = None,
+        example_icons: list[str] | None = None,
+    ) -> list[ExampleMessage]:
+        examples_messages = []
+        if examples:
+            for index, example in enumerate(examples):
+                if isinstance(example, list):
+                    example = example[0]
+                example_message: ExampleMessage = {}
+                if isinstance(example, str):
+                    example_message["text"] = example
+                elif isinstance(example, dict):
+                    example_message["text"] = example.get("text", "")
+                    example_message["files"] = example.get("files", [])
+                if example_labels:
+                    example_message["display_text"] = example_labels[index]
+                if self.multimodal:
+                    example_files = example_message.get("files")
+                    if not example_files:
+                        if example_icons:
+                            example_message["icon"] = example_icons[index]
+                        else:
+                            example_message["icon"] = {
+                                "path": "",
+                                "url": None,
+                                "orig_name": None,
+                                "mime_type": "text",  # for internal use, not a valid mime type
+                                "meta": {"_type": "gradio.FileData"},
+                            }
+                elif example_icons:
+                    example_message["icon"] = example_icons[index]
+                examples_messages.append(example_message)
+        return examples_messages
+
+    def _generate_chat_title(self, conversation: list[NormalizedMessageDict]) -> str:
+        """
+        Generate a title for a conversation by taking the first user message that is a string
+        and truncating it to 40 characters. If files are present, add a 📎 to the title.
+        """
+        title = ""
+        found = False
+        for message in conversation:
+            if found:
+                break
+            if message["role"] == "user":
+                for content in message["content"]:
+                    if content["type"] == "text":
+                        title += content["text"]  # type: ignore
+                        found = True
+                    else:
+                        title += "📎 "
+        if len(title) > 40:
+            title = title[:40] + "..."
+        return title or str(I18nData("chat_interface.conversation"))
+
+    @staticmethod
+    def serialize_components(
+        conversation: list[NormalizedMessageDict],
+    ) -> list[NormalizedMessageDict]:
+        def inner(obj: Any) -> Any:
+            if isinstance(obj, list):
+                return [inner(item) for item in obj]
+            elif isinstance(obj, dict):
+                return {k: inner(v) for k, v in obj.items()}
+            elif isinstance(obj, Component):
+                return obj.value
+            return obj
+
+        return inner(conversation)
+
+    def _save_conversation(
+        self,
+        index: int | None,
+        conversation: list[NormalizedMessageDict],
+        saved_conversations: list[list[NormalizedMessageDict]],
+    ):
+        if self.save_history:
+            serialized_conversation = self.serialize_components(conversation)
+            if index is not None:
+                saved_conversations[index] = serialized_conversation
+            else:
+                saved_conversations = saved_conversations or []
+                saved_conversations.insert(0, serialized_conversation)
+                index = 0
+        return index, saved_conversations
+
+    def _delete_conversation(
+        self,
+        index: int | None,
+        saved_conversations: list[list[NormalizedMessageDict]],
+    ):
+        if index is not None:
+            saved_conversations.pop(index)
+        return None, saved_conversations
+
+    def _load_chat_history(self, conversations):
+        return Dataset(
+            samples=[
+                [self._generate_chat_title(conv)]
+                for conv in conversations or []
+                if conv
+            ]
+        )
+
+    def _load_conversation(
+        self,
+        index: int,
+        conversations: list[list[NormalizedMessageDict]],
+    ):
+        return (
+            index,
+            Chatbot(
+                value=conversations[index],  # type: ignore
+            ),
+        )
+
+    def _api_wrapper(self, fn, submit_fn):
+        """Wrap the submit_fn in a way that preserves the signature of the original function.
+        That way, the API page shows the same parameters as the original function.
+        """
+        # Need two separate functions here because a `return`
+        # statement can't be placed in an async generator function.
+        # using different names because otherwise type checking complains
+        if self.is_generator:
+
+            @wraps(fn)
+            async def _wrapper(*args, **kwargs):
+                async for chunk in submit_fn(*args, **kwargs):
+                    yield chunk
+
+            return _wrapper
+        else:
+
+            @wraps(fn)
+            async def __wrapper(*args, **kwargs):
+                return await submit_fn(*args, **kwargs)
+
+            return __wrapper
+
+    def _setup_events(self) -> None:
+        from gradio import on
+
+        submit_fn = self._stream_fn if self.is_generator else self._submit_fn
+
+        submit_wrapped = self._api_wrapper(self.fn, submit_fn)
+        # To not conflict with the api_name
+        submit_wrapped.__name__ = "_submit_fn"
+        api_fn = self._api_wrapper(self.fn, submit_fn)
+
+        synchronize_chat_state_kwargs = {
+            "fn": lambda x: (x, x),
+            "inputs": [self.chatbot],
+            "outputs": [self.chatbot_state, self.chatbot_value],
+            "api_visibility": "undocumented",
+            "queue": False,
+        }
+        submit_fn_kwargs = {
+            "fn": submit_wrapped,
+            "inputs": [self.saved_input, self.chatbot_state] + self.additional_inputs,
+            "outputs": [self.null_component, self.chatbot] + self.additional_outputs,
+            "api_visibility": "undocumented",
+            "concurrency_limit": cast(
+                Union[int, Literal["default"], None], self.concurrency_limit
+            ),
+            "show_progress": cast(
+                Literal["full", "minimal", "hidden"], self.show_progress
+            ),
+        }
+        save_fn_kwargs = {
+            "fn": self._save_conversation,
+            "inputs": [
+                self.conversation_id,
+                self.chatbot_state,
+                self.saved_conversations,
+            ],
+            "outputs": [self.conversation_id, self.saved_conversations],
+            "api_visibility": "undocumented",
+            "queue": False,
+        }
+
+        user_submit = self.textbox.submit(
+            self._clear_and_save_textbox,
+            [self.textbox],
+            [self.textbox, self.saved_input],
+            api_visibility="undocumented",
+            queue=bool(self.validator),
+            validator=self.validator,
+        )
+
+        submit_event = user_submit.then(  # The reason we do this outside of the submit_fn is that we want to update the chatbot UI with the user message immediately, before the submit_fn is called
+            self._append_message_to_history,
+            [self.saved_input, self.chatbot],
+            [self.chatbot],
+            api_visibility="undocumented",
+            queue=False,
+        ).then(
+            **submit_fn_kwargs,
+        )
+        submit_event.then(**synchronize_chat_state_kwargs).then(
+            lambda: update(value=None, interactive=True),
+            None,
+            self.textbox,
+            api_visibility="undocumented",
+        ).then(**save_fn_kwargs)
+
+        # Creates the "/chat" API endpoint
+        self.fake_api_btn.click(
+            api_fn,
+            [self.textbox, self.chatbot_state] + self.additional_inputs,
+            [self.api_response, self.chatbot_state] + self.additional_outputs,
+            api_name=self.api_name,
+            api_description=self.api_description,
+            api_visibility=cast(Literal["public", "private"], self.api_visibility),
+            concurrency_limit=cast(
+                Union[int, Literal["default"], None], self.concurrency_limit
+            ),
+            postprocess=False,
+        )
+
+        example_select_event = None
+        example_select_runs = False
+        if (
+            isinstance(self.chatbot, Chatbot)
+            and self.examples
+            and not self._additional_inputs_in_examples
+        ):
+            if self.cache_examples or self.run_examples_on_click:
+                example_select_runs = True
+                example_select_event = self.chatbot.example_select(
+                    self.example_clicked,
+                    None,
+                    [self.chatbot, self.saved_input],
+                    api_visibility="undocumented",
+                )
+                if not self.cache_examples:
+                    textbox_component = (
+                        MultimodalTextbox if self.multimodal else Textbox
+                    )
+                    example_select_event = example_select_event.then(
+                        utils.async_lambda(
+                            lambda: textbox_component(
+                                submit_btn=False,
+                                stop_btn=self.original_stop_btn,
+                            )
+                        ),
+                        None,
+                        [self.textbox],
+                        api_visibility="undocumented",
+                        queue=False,
+                    )
+                    example_select_event = example_select_event.then(**submit_fn_kwargs)
+                example_select_event.then(**synchronize_chat_state_kwargs)
+            else:
+                example_select_event = self.chatbot.example_select(
+                    self.example_populated,
+                    None,
+                    [self.textbox],
+                    api_visibility="undocumented",
+                )
+
+        retry_event = (
+            self.chatbot.retry(
+                self._pop_last_user_message,
+                [self.chatbot_state],
+                [self.chatbot_state, self.saved_input],
+                api_visibility="undocumented",
+                queue=False,
+            )
+            .then(
+                self._append_message_to_history,
+                [self.saved_input, self.chatbot_state],
+                [self.chatbot],
+                api_visibility="undocumented",
+                queue=False,
+            )
+            .then(
+                lambda: update(interactive=False, placeholder=""),
+                outputs=[self.textbox],
+                api_visibility="undocumented",
+            )
+            .then(**submit_fn_kwargs)
+        )
+        retry_event.then(**synchronize_chat_state_kwargs).then(
+            lambda: update(interactive=True),
+            outputs=[self.textbox],
+            api_visibility="undocumented",
+        ).then(**save_fn_kwargs)
+
+        events_to_cancel = [submit_event, retry_event]
+        if example_select_event is not None and example_select_runs:
+            events_to_cancel.append(example_select_event)
+
+        self._setup_stop_events(
+            event_triggers=[
+                self.chatbot.retry,
+            ],
+            events_to_cancel=events_to_cancel,
+            after_success=user_submit,
+        )
+
+        self.chatbot.undo(
+            self._pop_last_user_message,
+            [self.chatbot],
+            [self.chatbot, self.textbox],
+            api_visibility="undocumented",
+            queue=False,
+        ).then(**synchronize_chat_state_kwargs).then(**save_fn_kwargs)
+
+        self.chatbot.option_select(
+            self.option_clicked,
+            [self.chatbot],
+            [self.chatbot, self.saved_input],
+            api_visibility="undocumented",
+        ).then(**submit_fn_kwargs).then(**synchronize_chat_state_kwargs).then(
+            **save_fn_kwargs
+        )
+
+        self.chatbot.clear(**synchronize_chat_state_kwargs).then(  # type: ignore
+            self._delete_conversation,
+            [self.conversation_id, self.saved_conversations],
+            [self.conversation_id, self.saved_conversations],
+            api_visibility="undocumented",
+            queue=False,
+        )
+
+        if self.editable:
+            self.chatbot.edit(
+                self._edit_message,
+                [self.chatbot],
+                [self.chatbot, self.chatbot_state, self.saved_input],
+                api_visibility="undocumented",
+            ).then(
+                self._append_message_to_history,
+                [self.saved_input, self.chatbot_state],
+                [self.chatbot],
+                api_visibility="undocumented",
+                queue=False,
+            ).success(
+                lambda: update(interactive=False),
+                outputs=[self.textbox],
+                api_visibility="undocumented",
+            ).success(**submit_fn_kwargs).success(**synchronize_chat_state_kwargs).then(
+                lambda: update(interactive=True),
+                outputs=[self.textbox],
+                api_visibility="undocumented",
+            ).then(**save_fn_kwargs)
+
+        if self.save_history:
+            self.new_chat_button.click(
+                lambda: (None, []),
+                None,
+                [self.conversation_id, self.chatbot],
+                api_visibility="undocumented",
+                queue=False,
+            ).then(
+                lambda x: x,
+                [self.chatbot],
+                [self.chatbot_state],
+                api_visibility="undocumented",
+                queue=False,
+            )
+
+            on(
+                triggers=[self.load, self.saved_conversations.change],
+                fn=self._load_chat_history,
+                inputs=[self.saved_conversations],
+                outputs=[self.chat_history_dataset],
+                api_visibility="undocumented",
+                queue=False,
+            )
+
+            self.chat_history_dataset.click(
+                lambda: [],
+                None,
+                [self.chatbot],
+                api_visibility="undocumented",
+                queue=False,
+                show_progress="hidden",
+            ).then(
+                self._load_conversation,
+                [self.chat_history_dataset, self.saved_conversations],
+                [self.conversation_id, self.chatbot],
+                api_visibility="undocumented",
+                queue=False,
+                show_progress="hidden",
+            ).then(**synchronize_chat_state_kwargs)
+
+        if self.flagging_mode != "never":
+            flagging_callback = ChatCSVLogger()
+            flagging_callback.setup(self.flagging_dir)
+            self.chatbot.feedback_options = self.flagging_options
+            self.chatbot.like(flagging_callback.flag, self.chatbot)
+
+        self.chatbot_value.change(
+            lambda x: x,
+            [self.chatbot_value],
+            [self.chatbot],
+            api_visibility="undocumented",
+        ).then(**synchronize_chat_state_kwargs)
+
+    def _setup_stop_events(
+        self,
+        event_triggers: list[Callable],
+        events_to_cancel: list[Dependency],
+        after_success: Dependency,
+    ) -> None:
+        textbox_component = MultimodalTextbox if self.multimodal else Textbox
+        original_submit_btn = self.textbox.submit_btn
+        after_success.success(
+            utils.async_lambda(
+                lambda: textbox_component(
+                    submit_btn=False,
+                    stop_btn=self.original_stop_btn,
+                )
+            ),
+            None,
+            [self.textbox],
+            api_visibility="undocumented",
+            queue=False,
+        )
+        for event_trigger in event_triggers:
+            event_trigger(
+                utils.async_lambda(
+                    lambda: textbox_component(
+                        submit_btn=False,
+                        stop_btn=self.original_stop_btn,
+                    )
+                ),
+                None,
+                [self.textbox],
+                api_visibility="undocumented",
+                queue=False,
+            )
+        for event_to_cancel in events_to_cancel:
+            event_to_cancel.then(
+                utils.async_lambda(
+                    lambda: textbox_component(
+                        submit_btn=original_submit_btn, stop_btn=False
+                    )
+                ),
+                None,
+                [self.textbox],
+                api_visibility="undocumented",
+                queue=False,
+            )
+        self.textbox.stop(
+            None,
+            None,
+            None,
+            cancels=events_to_cancel,  # type: ignore
+            api_visibility="undocumented",
+        )
+
+    def _clear_and_save_textbox(
+        self,
+        message: str | MultimodalPostprocess,
+    ) -> tuple[
+        Textbox | MultimodalTextbox,
+        str | MultimodalPostprocess,
+    ]:
+        return (
+            type(self.textbox)("", interactive=False, placeholder=""),
+            message,
+        )
+
+    def _append_message_to_history(
+        self,
+        message: MessageDict | Message | str | Component | MultimodalPostprocess | list,
+        history: list[MessageDict],
+        role: Literal["user", "assistant"] = "user",
+    ) -> list[MessageDict]:
+        message_dicts = self._message_as_message_dict(message, role)
+        history = copy.deepcopy(history)
+        history.extend(message_dicts)  # type: ignore
+        return history
+
+    def _message_as_message_dict(
+        self,
+        message: MessageDict | Message | str | Component | MultimodalPostprocess | list,
+        role: Literal["user", "assistant"],
+    ) -> list[NormalizedMessageDict]:
+        """
+        Converts a user message, example message, or response from the chat function to a
+        list of MessageDict objects that can be appended to the chat history.
+        """
+        message_dicts = []
+        if not isinstance(message, list):
+            message = [message]
+        for msg in message:
+            if isinstance(msg, Message):
+                message_dicts.append(msg.model_dump())
+            elif isinstance(msg, ChatMessage):
+                msg.role = role
+                message_dicts.append(
+                    dataclasses.asdict(msg, dict_factory=utils.dict_factory)
+                )
+            elif isinstance(msg, (str, Component)):
+                message_dicts.append({"role": role, "content": msg})
+            elif (
+                isinstance(msg, dict) and "content" in msg
+            ):  # in MessageDict format already
+                msg["role"] = role  # type: ignore
+                message_dicts.append(msg)
+            else:  # in MultimodalPostprocess format
+                multimodal_message = {"role": role, "content": []}
+                for x in msg.get("files", []):  # type: ignore
+                    if isinstance(x, dict):
+                        x = x.get("path")
+                    multimodal_message["content"].append({"path": x})  # type: ignore
+                if msg["text"]:  # type: ignore
+                    multimodal_message["content"].append(msg["text"])  # type: ignore
+                message_dicts.append(multimodal_message)
+        return message_dicts
+
+    async def _submit_fn(
+        self,
+        message: str | MultimodalPostprocess,
+        history: list[MessageDict],
+        *args,
+    ) -> tuple:
+        inputs = [message, history] + list(args)
+        if self.is_async:
+            response = await self.fn(*inputs)
+        else:
+            response = await run_sync(self.fn, *inputs, limiter=self.limiter)  # type: ignore
+        if self.additional_outputs:
+            response, *additional_outputs = response
+        else:
+            additional_outputs = None
+        history = self._append_message_to_history(message, history, "user")
+        history = self._append_message_to_history(response, history, "assistant")
+        if additional_outputs:
+            return response, history, *additional_outputs
+        return response, history
+
+    async def _stream_fn(
+        self,
+        message: str | MultimodalPostprocess,
+        history: list[MessageDict],
+        *args,
+    ) -> AsyncGenerator[
+        tuple,
+        None,
+    ]:
+        inputs = [message, history] + list(args)
+        if self.is_async:
+            generator = self.fn(*inputs)
+        else:
+            generator = await run_sync(self.fn, *inputs, limiter=self.limiter)  # type: ignore
+            generator = utils.SyncToAsyncIterator(generator, self.limiter)
+
+        history = self._append_message_to_history(message, history, "user")
+        additional_outputs = None
+        async with aclosing(generator):
+            try:
+                first_response = await utils.async_iteration(generator)
+                if self.additional_outputs:
+                    first_response, *additional_outputs = first_response
+                history_ = self._append_message_to_history(
+                    first_response, history, "assistant"
+                )
+                if not additional_outputs:
+                    yield first_response, history_
+                else:
+                    yield first_response, history_, *additional_outputs
+            except StopIteration:
+                yield None, history
+            async for response in generator:
+                if self.additional_outputs:
+                    response, *additional_outputs = response
+                history_ = self._append_message_to_history(
+                    response, history, "assistant"
+                )
+                if not additional_outputs:
+                    yield response, history_
+                else:
+                    yield response, history_, *additional_outputs
+
+    def option_clicked(
+        self, history: list[MessageDict], option: SelectData
+    ) -> tuple[list[MessageDict], str | MultimodalPostprocess]:
+        """
+        When an option is clicked, the chat history is appended with the option value.
+        The saved input value is also set to option value.
+        """
+        history.append({"role": "user", "content": option.value})
+        return history, option.value
+
+    def _flatten_example_files(self, example: SelectData):
+        """
+        Returns an example with the files flattened to just the file path.
+        Also ensures that the `files` key is always present in the example.
+        """
+        example.value["files"] = [f["path"] for f in example.value.get("files", [])]
+        return example
+
+    def example_populated(self, example: SelectData):
+        if self.multimodal:
+            example = self._flatten_example_files(example)
+            return example.value
+        else:
+            return example.value["text"]
+
+    def _edit_message(
+        self, history: list[MessageDict], edit_data: EditData
+    ) -> tuple[
+        list[MessageDict],
+        list[MessageDict],
+        str | MultimodalPostprocess,
+    ]:
+        if isinstance(edit_data.index, (list, tuple)):
+            history = history[: edit_data.index[0]]
+        else:
+            history = history[: edit_data.index]
+        return history, history, edit_data.value
+
+    def example_clicked(
+        self, example: SelectData
+    ) -> Generator[tuple[list[MessageDict], str | MultimodalPostprocess], None, None]:
+        """
+        When an example is clicked, the chat history (and saved input) is initially set only
+        to the example message. Then, if example caching is enabled, the cached response is loaded
+        and added to the chat history as well.
+        """
+        history = self._append_message_to_history(example.value, [], "user")
+        example = self._flatten_example_files(example)
+        message = example.value if self.multimodal else example.value["text"]
+        yield history, message
+        if self.cache_examples:
+            history = self.examples_handler.load_from_cache(example.index)[0].root
+            yield history, message
+
+    def _process_example(
+        self, message: ExampleMessage | str, response: MessageDict | str | None
+    ):
+        result = []
+        if self.multimodal:
+            message = cast(ExampleMessage, message)
+            for file in message.get("files", []):
+                if isinstance(file, dict):
+                    file = file.get("path")
+                result.append({"role": "user", "content": (file,)})
+            if "text" in message:
+                result.append({"role": "user", "content": message["text"]})
+            result.append({"role": "assistant", "content": response})
+        else:
+            message = cast(str, message)
+            result = [
+                {"role": "user", "content": message},
+                {"role": "assistant", "content": response},
+            ]
+        return result
+
+    async def _examples_fn(
+        self, message: ExampleMessage | str, *args
+    ) -> list[MessageDict]:
+        inputs, _, _, _ = special_args(
+            self.fn, inputs=[message, [], *args], request=None
+        )
+        if self.is_async:
+            response = await self.fn(*inputs)
+        else:
+            response = await run_sync(self.fn, *inputs, limiter=self.limiter)  # type: ignore
+        return self._process_example(message, response)  # type: ignore
+
+    async def _examples_stream_fn(
+        self,
+        message: str,
+        *args,
+    ) -> AsyncGenerator:
+        inputs, _, _, _ = special_args(
+            self.fn, inputs=[message, [], *args], request=None
+        )
+
+        if self.is_async:
+            generator = self.fn(*inputs)
+        else:
+            generator = await run_sync(self.fn, *inputs, limiter=self.limiter)  # type: ignore
+            generator = utils.SyncToAsyncIterator(generator, self.limiter)
+        async with aclosing(generator):
+            async for response in generator:
+                yield self._process_example(message, response)
+
+    def _pop_last_user_message(
+        self,
+        history: list[NormalizedMessageDict],
+    ) -> tuple[list[NormalizedMessageDict], str | MultimodalPostprocess]:
+        """
+        Removes the message (or set of messages) that the user last sent from the chat history and returns them.
+        If self.multimodal is True, returns a MultimodalPostprocess (dict) object with text and files.
+        If self.multimodal is False, returns just the message text as a string.
+        """
+        if not history:
+            return history, "" if not self.multimodal else {"text": "", "files": []}
+
+        i = len(history) - 1
+        while i >= 0 and history[i]["role"] == "assistant":  # type: ignore
+            i -= 1
+        while i >= 0 and history[i]["role"] == "user":  # type: ignore
+            i -= 1
+        last_messages = history[i + 1 :]
+        last_user_message = ""
+        files = []
+        for msg in last_messages:
+            assert isinstance(msg, dict)  # noqa: S101
+            if msg["role"] == "user":
+                content = msg["content"]
+                for item in content:
+                    if item["type"] == "file":
+                        files.append(item["file"])
+                    elif item["type"] == "text":
+                        last_user_message += item["text"]
+        return_message = (
+            {"text": last_user_message, "files": files}
+            if self.multimodal
+            else last_user_message
+        )
+        history_ = history[: i + 1]
+        return history_, return_message  # type: ignore
diff --git a/gradio/cli/__init__.py b/gradio/cli/__init__.py
new file mode 100644
index 0000000..34f6d59
--- /dev/null
+++ b/gradio/cli/__init__.py
@@ -0,0 +1,4 @@
+from .cli import cli, deploy
+from .commands import custom_component, sketch
+
+__all__ = ["cli", "deploy", "custom_component", "sketch"]
diff --git a/gradio/cli/cli.py b/gradio/cli/cli.py
new file mode 100644
index 0000000..b53b837
--- /dev/null
+++ b/gradio/cli/cli.py
@@ -0,0 +1,99 @@
+import sys
+
+import typer
+from rich.console import Console
+
+from gradio import analytics
+
+from .commands import (
+    custom_component,
+    deploy,
+    hf_login,
+    info,
+    load_app,
+    predict,
+    print_environment_info,
+    reload,
+    sketch,
+    skills_app,
+    upload_mcp,
+)
+
+app = typer.Typer()
+app.add_typer(load_app, name="load")
+app.add_typer(skills_app, name="skills")
+app.command("environment", help="Print Gradio environment information.")(
+    print_environment_info
+)
+app.command(
+    "deploy",
+    help="Deploy a Gradio app to Spaces or Google Cloud Run. Must be called within the directory you would like to deploy.",
+)(deploy)
+app.command("sketch", help="Open the Sketch app to design a Gradio app.")(sketch)
+app.command(
+    "info",
+    help="Fetches the expected JSON payload for all of a Gradio app's endpoints.",
+)(info)
+app.command(
+    "predict",
+    help="Sends a prediction request to a Gradio app endpoint.",
+)(predict)
+
+
+def cli():
+    args = sys.argv[1:]
+    if len(args) == 0:
+        raise ValueError("No file specified.")
+    if args[0] in {
+        "deploy",
+        "environment",
+        "deploy-discord",
+        "sketch",
+        "load",
+        "skills",
+        "info",
+        "predict",
+    }:
+        app()
+    elif args[0] in {"cc", "component"}:
+        sys.argv = sys.argv[1:]
+        custom_component()
+    elif args[0] in {"build", "dev", "create", "show", "publish", "install"}:
+        try:
+            error = f"gradio {args[0]} is not a valid command. Did you mean `gradio cc {args[0]}` or `gradio component {args[0]}`?."
+            raise ValueError(error)
+        except ValueError:
+            console = Console()
+            console.print_exception()
+    elif args[0] in {"upload-mcp"}:
+        upload_mcp(args[1], args[2])
+    elif args[0] == "--vibe":
+        import os
+        from pathlib import Path
+
+        os.environ["GRADIO_VIBE_MODE"] = "1"
+        analytics.vibe_analytics()
+
+        demo_path = Path("demo.py") if len(args) == 1 else Path(args[1])
+
+        if not demo_path.exists():
+            template_content = """import gradio as gr
+
+with gr.Blocks() as demo:
+    pass
+
+demo.launch()"""
+            with open(demo_path, "w") as f:
+                f.write(template_content)
+            print(f"Created {demo_path} with default Gradio template.")
+
+        print(
+            "\n⚠️  WARNING: Vibe editor mode is enabled. Anyone who can access the Gradio endpoint can modify files and run arbitrary code on the host machine. Use with caution!\n"
+        )
+
+        hf_login()
+
+        sys.argv = ["gradio", str(demo_path)]
+        typer.run(reload)
+    else:
+        typer.run(reload)
diff --git a/gradio/cli/commands/__init__.py b/gradio/cli/commands/__init__.py
new file mode 100644
index 0000000..616eb76
--- /dev/null
+++ b/gradio/cli/commands/__init__.py
@@ -0,0 +1,25 @@
+from hf_gradio.cli import info, predict
+
+from .cli_env_info import print_environment_info
+from .components import app as custom_component
+from .deploy_space import deploy
+from .hf_login import hf_login
+from .load import load_app
+from .reload import main as reload
+from .sketch import launch as sketch
+from .skills import skills_app
+from .upload_mcp import main as upload_mcp
+
+__all__ = [
+    "deploy",
+    "reload",
+    "print_environment_info",
+    "custom_component",
+    "sketch",
+    "upload_mcp",
+    "hf_login",
+    "load_app",
+    "skills_app",
+    "info",
+    "predict",
+]
diff --git a/gradio/cli/commands/cli_env_info.py b/gradio/cli/commands/cli_env_info.py
new file mode 100644
index 0000000..6259868
--- /dev/null
+++ b/gradio/cli/commands/cli_env_info.py
@@ -0,0 +1,39 @@
+"""This file is the part of 'gradio/cli.py' for printing the environment info
+for the cli command 'gradio environment'
+"""
+
+from __future__ import annotations
+
+import platform
+from importlib import metadata
+
+from packaging.requirements import Requirement
+from rich import print
+
+
+def print_environment_info():
+    """Print Gradio environment information."""
+    print("Gradio Environment Information:\n------------------------------")
+    print("Operating System:", platform.system())
+
+    for package_name in ["gradio", "gradio_client"]:
+        try:
+            package_version = metadata.version(package_name)
+            print(f"{package_name} version:", package_version)
+        except metadata.PackageNotFoundError:
+            print(f"{package_name} package is not installed.")
+    print("\n------------------------------------------------")
+    for package_name in ["gradio", "gradio_client"]:
+        try:
+            dist = metadata.distribution(package_name)
+            print(f"{package_name} dependencies in your environment:\n")
+            if dist.requires is not None:
+                for req in dist.requires:
+                    req_obj = Requirement(req)
+                    try:
+                        print(f"{req_obj.name}: {metadata.version(req_obj.name)}")
+                    except metadata.PackageNotFoundError:
+                        print(f"{req_obj.name} is not installed.")
+                print("\n")
+        except metadata.PackageNotFoundError:
+            print(f"{package_name} package is not installed.")
diff --git a/gradio/cli/commands/components/__init__.py b/gradio/cli/commands/components/__init__.py
new file mode 100644
index 0000000..34f275e
--- /dev/null
+++ b/gradio/cli/commands/components/__init__.py
@@ -0,0 +1,3 @@
+from .app import app
+
+__all__ = ["app"]
diff --git a/gradio/cli/commands/components/_create_utils.py b/gradio/cli/commands/components/_create_utils.py
new file mode 100644
index 0000000..6d5ca79
--- /dev/null
+++ b/gradio/cli/commands/components/_create_utils.py
@@ -0,0 +1,483 @@
+from __future__ import annotations
+
+import dataclasses
+import inspect
+import json
+import re
+import shutil
+import textwrap
+from pathlib import Path
+from typing import Literal
+
+from huggingface_hub import snapshot_download
+
+import gradio
+
+
+def _in_test_dir():
+    """Check if the current working directory ends with gradio/js/preview/test."""
+    return Path.cwd().parts[-4:] == ("gradio", "js", "preview", "test")
+
+
+default_demo_code = """
+example = {name}().example_value()
+
+demo = gr.Interface(
+    lambda x:x,
+    {name}(),  # interactive version of your component
+    {name}(),  # static version of your component
+    # examples=[[example]],  # uncomment this line to view the "example version" of your component
+)
+"""
+
+static_only_demo_code = """
+example = {name}().example_value()
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        {name}(label="Blank"),  # blank component
+        {name}(value=example, label="Populated"),  # populated component
+"""
+
+layout_demo_code = """
+with gr.Blocks() as demo:
+    with {name}():
+        gr.Textbox(value="foo", interactive=True)
+        gr.Number(value=10, interactive=True)
+"""
+
+fallback_code = """
+with gr.Blocks() as demo:
+    gr.Markdown("# Change the value (keep it JSON) and the front-end will update automatically.")
+    {name}(value={{"message": "Hello from Gradio!"}}, label="Static")
+"""
+
+
+PATTERN_RE = r"gradio-template-\w+"
+PATTERN = "gradio-template-{template}"
+
+
+@dataclasses.dataclass
+class ComponentFiles:
+    template: str
+    demo_code: str = default_demo_code
+    python_file_name: str = ""
+    js_dir: str = ""
+
+    def __post_init__(self):
+        self.js_dir = self.js_dir or self.template.lower()
+        self.python_file_name = self.python_file_name or f"{self.template.lower()}.py"
+
+
+OVERRIDES = {
+    "AnnotatedImage": ComponentFiles(
+        template="AnnotatedImage",
+        python_file_name="annotated_image.py",
+        demo_code=static_only_demo_code,
+    ),
+    "HighlightedText": ComponentFiles(
+        template="HighlightedText",
+        python_file_name="highlighted_text.py",
+        demo_code=static_only_demo_code,
+    ),
+    "Chatbot": ComponentFiles(template="Chatbot", demo_code=static_only_demo_code),
+    "Gallery": ComponentFiles(template="Gallery", demo_code=static_only_demo_code),
+    "HTML": ComponentFiles(template="HTML", demo_code=static_only_demo_code),
+    "Label": ComponentFiles(template="Label", demo_code=static_only_demo_code),
+    "Markdown": ComponentFiles(template="Markdown", demo_code=static_only_demo_code),
+    "Fallback": ComponentFiles(template="Fallback", demo_code=fallback_code),
+    "Plot": ComponentFiles(template="Plot", demo_code=static_only_demo_code),
+    "BarPlot": ComponentFiles(
+        template="BarPlot",
+        python_file_name="native_plot.py",
+        js_dir="plot",
+        demo_code=static_only_demo_code,
+    ),
+    "ClearButton": ComponentFiles(
+        template="ClearButton",
+        python_file_name="clear_button.py",
+        js_dir="button",
+        demo_code=static_only_demo_code,
+    ),
+    "ColorPicker": ComponentFiles(
+        template="ColorPicker", python_file_name="color_picker.py"
+    ),
+    "DuplicateButton": ComponentFiles(
+        template="DuplicateButton",
+        python_file_name="duplicate_button.py",
+        js_dir="button",
+        demo_code=static_only_demo_code,
+    ),
+    "FileExplorer": ComponentFiles(
+        template="FileExplorer",
+        python_file_name="file_explorer.py",
+        js_dir="fileexplorer",
+        demo_code=textwrap.dedent(
+            """
+        import os
+
+        with gr.Blocks() as demo:
+            {name}(value=os.path.dirname(__file__).split(os.sep))
+    """
+        ),
+    ),
+    "LinePlot": ComponentFiles(
+        template="LinePlot",
+        python_file_name="native_plot.py",
+        js_dir="plot",
+        demo_code=static_only_demo_code,
+    ),
+    "LogoutButton": ComponentFiles(
+        template="LogoutButton",
+        python_file_name="logout_button.py",
+        js_dir="button",
+        demo_code=static_only_demo_code,
+    ),
+    "LoginButton": ComponentFiles(
+        template="LoginButton",
+        python_file_name="login_button.py",
+        js_dir="button",
+        demo_code=static_only_demo_code,
+    ),
+    "ScatterPlot": ComponentFiles(
+        template="ScatterPlot",
+        python_file_name="native_plot.py",
+        js_dir="plot",
+        demo_code=static_only_demo_code,
+    ),
+    "UploadButton": ComponentFiles(
+        template="UploadButton",
+        python_file_name="upload_button.py",
+        demo_code=static_only_demo_code,
+    ),
+    "JSON": ComponentFiles(
+        template="JSON",
+        python_file_name="json_component.py",
+        demo_code=static_only_demo_code,
+    ),
+    "Row": ComponentFiles(
+        template="Row",
+        demo_code=layout_demo_code,
+    ),
+    "Column": ComponentFiles(
+        template="Column",
+        demo_code=layout_demo_code,
+    ),
+    "Tabs": ComponentFiles(
+        template="Tabs",
+        demo_code=textwrap.dedent(
+            """
+        with gr.Blocks() as demo:
+            with {name}():
+                with gr.Tab("Tab 1"):
+                    gr.Textbox(value="foo", interactive=True)
+                with gr.Tab("Tab 2"):
+                    gr.Number(value=10, interactive=True)
+        """
+        ),
+    ),
+    "Group": ComponentFiles(
+        template="Group",
+        demo_code=layout_demo_code,
+    ),
+    "Accordion": ComponentFiles(
+        template="Accordion",
+        demo_code=textwrap.dedent(
+            """
+        with gr.Blocks() as demo:
+            with {name}(label="Accordion"):
+                gr.Textbox(value="foo", interactive=True)
+                gr.Number(value=10, interactive=True)
+        """
+        ),
+    ),
+    "Model3D": ComponentFiles(
+        template="Model3D",
+        js_dir="model3D",
+        demo_code=textwrap.dedent(
+            """
+        with gr.Blocks() as demo:
+            {name}()
+        """
+        ),
+    ),
+    "ImageEditor": ComponentFiles(
+        template="ImageEditor",
+        python_file_name="image_editor.py",
+        js_dir="imageeditor",
+    ),
+    "MultimodalTextbox": ComponentFiles(
+        template="MultimodalTextbox",
+        python_file_name="multimodal_textbox.py",
+        js_dir="multimodaltextbox",
+    ),
+    "DownloadButton": ComponentFiles(
+        template="DownloadButton",
+        python_file_name="download_button.py",
+        js_dir="downloadbutton",
+    ),
+    "Walkthrough": ComponentFiles(
+        template="Walkthrough",
+        js_dir="tabs",
+        demo_code=textwrap.dedent(
+            """
+        with gr.Blocks() as demo:
+            with {name}():
+                with gr.Tab("Tab 1"):
+                    gr.Textbox(value="foo", interactive=True)
+                with gr.Tab("Tab 2"):
+                    gr.Number(value=10, interactive=True)
+        """
+        ),
+    ),
+    "Step": ComponentFiles(
+        template="Step",
+        js_dir="tabitem",
+        python_file_name="walkthrough.py",
+        demo_code=textwrap.dedent(
+            """
+        with gr.Blocks() as demo:
+            with {name}():
+                gr.Textbox(value="foo", interactive=True)
+        """
+        ),
+    ),
+}
+
+
+def _get_component_code(template: str | None) -> ComponentFiles:
+    template = template or "Fallback"
+    if template in OVERRIDES:
+        return OVERRIDES[template]
+    else:
+        return ComponentFiles(
+            python_file_name=f"{template.lower()}.py",
+            js_dir=template.lower(),
+            template=template,
+        )
+
+
+def _get_js_dependency_version(name: str, local_js_dir: Path) -> str:
+    package_json = json.loads(
+        Path(local_js_dir / name.split("/")[1] / "package.json").read_text()
+    )
+    return package_json["version"]
+
+
+def copy_svelte_to_deps(package_json: dict):
+    svelte_version = package_json.get("peerDependencies", {}).get("svelte", "latest")
+    package_json["dependencies"]["svelte"] = svelte_version
+    return package_json
+
+
+def _modify_js_deps(
+    package_json: dict,
+    key: Literal["dependencies", "devDependencies"],
+    gradio_dir: Path,
+):
+    for dep in package_json.get(key, []):
+        # if current working directory is the gradio repo, use the local version of the dependency'
+        if not _in_test_dir() and dep.startswith("@gradio/"):
+            package_json[key][dep] = _get_js_dependency_version(
+                dep, gradio_dir / "_frontend_code" / gradio.__version__
+            )
+    return package_json
+
+
+def delete_contents(directory: str | Path) -> None:
+    """Delete all contents of a directory, but not the directory itself."""
+    path = Path(directory)
+    for child in path.glob("*"):
+        if child.is_file():
+            child.unlink()
+        elif child.is_dir():
+            shutil.rmtree(child)
+
+
+def _download_from_hub(destination: Path):
+    version = gradio.__version__
+
+    snapshot_download(
+        repo_id="gradio/frontend",
+        allow_patterns=f"{version}/**",
+        local_dir=destination,
+        repo_type="dataset",
+    )
+
+
+def _create_frontend(
+    name: str,  # noqa: ARG001
+    component: ComponentFiles,
+    directory: Path,
+    package_name: str,
+):
+    frontend = directory / "frontend"
+    frontend.mkdir(exist_ok=True)
+
+    p = Path(inspect.getfile(gradio)).parent
+
+    component_source = p / "_frontend_code"
+    if not component_source.exists():
+        component_source.mkdir(exist_ok=True)
+        _download_from_hub(component_source)
+
+    def ignore(_src, names):
+        ignored = []
+        for n in names:
+            if (
+                n.startswith("CHANGELOG")
+                or n.startswith("README.md")
+                or ".test." in n
+                or ".stories." in n
+                or ".spec." in n
+            ):
+                ignored.append(n)
+        return ignored
+
+    # Replace once we figure out bug with svelte-package
+    shutil.copytree(
+        str(p / "_frontend_code" / gradio.__version__ / component.js_dir),
+        frontend,
+        dirs_exist_ok=True,
+        ignore=ignore,
+    )
+    source_package_json = json.loads(Path(frontend / "package.json").read_text())
+    source_package_json["name"] = package_name
+    source_package_json = _modify_js_deps(source_package_json, "dependencies", p)
+    source_package_json = _modify_js_deps(source_package_json, "devDependencies", p)
+    source_package_json = copy_svelte_to_deps(source_package_json)
+
+    (frontend / "package.json").write_text(json.dumps(source_package_json, indent=2))
+    shutil.copy(
+        str(Path(__file__).parent / "files" / "gradio.config.js"),
+        frontend / "gradio.config.js",
+    )
+    shutil.copy(
+        str(Path(__file__).parent / "files" / "tsconfig.json"),
+        frontend / "tsconfig.json",
+    )
+
+
+def _replace_old_class_name(old_class_name: str, new_class_name: str, content: str):
+    pattern = rf"(?<=\b)(?<!\bimport\s)(?<!\.){re.escape(old_class_name)}(?=\b)"
+    return re.sub(pattern, new_class_name, content)
+
+
+def _strip_document_lines(content: str):
+    return "\n".join(
+        [line for line in content.split("\n") if not line.startswith("@document(")]
+    )
+
+
+def _create_backend(
+    name: str, component: ComponentFiles, directory: Path, package_name: str
+):
+    def find_template_in_list(template, list_to_search):
+        for item in list_to_search:
+            if template.lower() == item.lower():
+                return item
+        return None
+
+    lists_to_search = [
+        (gradio.components.__all__, "components"),
+        (gradio.layouts.__all__, "layouts"),
+        (gradio._simple_templates.__all__, "_simple_templates"),  # type: ignore
+    ]
+
+    correct_cased_template = None
+    module = None
+
+    for list_, module_name in lists_to_search:
+        correct_cased_template = find_template_in_list(component.template, list_)
+        if correct_cased_template:
+            module = module_name
+            break
+
+    if not correct_cased_template:
+        raise ValueError(
+            f"Cannot find {component.template} in gradio.components, gradio.layouts, or gradio._simple_templates. "
+            "Please pass in a valid component name via the --template option. It must match the name of the python class."
+        )
+
+    if not module:
+        raise ValueError("Module not found")
+
+    # These README contents are used to install the component but they are overwritten later
+    readme_contents = textwrap.dedent(
+        """
+# {package_name}
+A Custom Gradio component.
+
+## Example usage
+
+```python
+import gradio as gr
+from {package_name} import {name}
+```
+"""
+    ).format(package_name=package_name, name=name)
+    (directory / "README.md").write_text(readme_contents)
+
+    backend = directory / "backend" / package_name
+    backend.mkdir(exist_ok=True, parents=True)
+
+    gitignore = Path(__file__).parent / "files" / "gitignore"
+    gitignore_contents = gitignore.read_text()
+    gitignore_dest = directory / ".gitignore"
+    gitignore_dest.write_text(gitignore_contents)
+
+    pyproject = Path(__file__).parent / "files" / "pyproject_.toml"
+    pyproject_contents = pyproject.read_text()
+    pyproject_dest = directory / "pyproject.toml"
+    pyproject_contents = pyproject_contents.replace("<<name>>", package_name).replace(
+        "<<template>>", PATTERN.format(template=correct_cased_template)
+    )
+    pyproject_dest.write_text(pyproject_contents)
+
+    demo_dir = directory / "demo"
+    demo_dir.mkdir(exist_ok=True, parents=True)
+
+    (demo_dir / "app.py").write_text(
+        f"""
+import gradio as gr
+from {package_name} import {name}
+
+{component.demo_code.format(name=name)}
+
+if __name__ == "__main__":
+    demo.launch()
+"""
+    )
+    (demo_dir / "__init__.py").touch()
+
+    init = backend / "__init__.py"
+    init.write_text(
+        f"""
+from .{name.lower()} import {name}
+
+__all__ = ['{name}']
+"""
+    )
+
+    p = Path(inspect.getfile(gradio)).parent
+    python_file = backend / f"{name.lower()}.py"
+
+    shutil.copy(
+        str(p / module / component.python_file_name),
+        str(python_file),
+    )
+
+    source_pyi_file = p / module / component.python_file_name.replace(".py", ".pyi")
+    pyi_file = backend / f"{name.lower()}.pyi"
+    if source_pyi_file.exists():
+        shutil.copy(str(source_pyi_file), str(pyi_file))
+
+    content = python_file.read_text()
+    content = _replace_old_class_name(correct_cased_template, name, content)
+    content = _strip_document_lines(content)
+    python_file.write_text(content)
+    if pyi_file.exists():
+        pyi_content = pyi_file.read_text()
+        pyi_content = _replace_old_class_name(correct_cased_template, name, content)
+        pyi_content = _strip_document_lines(pyi_content)
+        pyi_file.write_text(pyi_content)
diff --git a/gradio/cli/commands/components/_docs_assets.py b/gradio/cli/commands/components/_docs_assets.py
new file mode 100644
index 0000000..524fd93
--- /dev/null
+++ b/gradio/cli/commands/components/_docs_assets.py
@@ -0,0 +1,158 @@
+css = """html {
+	font-family: Inter;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 1.5;
+	-webkit-text-size-adjust: 100%;
+	background: #fff;
+	color: #323232;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+}
+
+:root {
+	--space: 1;
+	--vspace: calc(var(--space) * 1rem);
+	--vspace-0: calc(3 * var(--space) * 1rem);
+	--vspace-1: calc(2 * var(--space) * 1rem);
+	--vspace-2: calc(1.5 * var(--space) * 1rem);
+	--vspace-3: calc(0.5 * var(--space) * 1rem);
+}
+
+.app {
+	max-width: 748px !important;
+}
+
+.prose p {
+	margin: var(--vspace) 0;
+	line-height: var(--vspace * 2);
+	font-size: 1rem;
+}
+
+code {
+	font-family: "Inconsolata", sans-serif;
+	font-size: 16px;
+}
+
+h1,
+h1 code {
+	font-weight: 400;
+	line-height: calc(2.5 / var(--space) * var(--vspace));
+}
+
+h1 code {
+	background: none;
+	border: none;
+	letter-spacing: 0.05em;
+	padding-bottom: 5px;
+	position: relative;
+	padding: 0;
+}
+
+h2 {
+	margin: var(--vspace-1) 0 var(--vspace-2) 0;
+	line-height: 1em;
+}
+
+h3,
+h3 code {
+	margin: var(--vspace-1) 0 var(--vspace-2) 0;
+	line-height: 1em;
+}
+
+h4,
+h5,
+h6 {
+	margin: var(--vspace-3) 0 var(--vspace-3) 0;
+	line-height: var(--vspace);
+}
+
+.bigtitle,
+h1,
+h1 code {
+	font-size: calc(8px * 4.5);
+	word-break: break-word;
+}
+
+.title,
+h2,
+h2 code {
+	font-size: calc(8px * 3.375);
+	font-weight: lighter;
+	word-break: break-word;
+	border: none;
+	background: none;
+}
+
+.subheading1,
+h3,
+h3 code {
+	font-size: calc(8px * 1.8);
+	font-weight: 600;
+	border: none;
+	background: none;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
+}
+
+h2 code {
+	padding: 0;
+	position: relative;
+	letter-spacing: 0.05em;
+}
+
+blockquote {
+	font-size: calc(8px * 1.1667);
+	font-style: italic;
+	line-height: calc(1.1667 * var(--vspace));
+	margin: var(--vspace-2) var(--vspace-2);
+}
+
+.subheading2,
+h4 {
+	font-size: calc(8px * 1.4292);
+	text-transform: uppercase;
+	font-weight: 600;
+}
+
+.subheading3,
+h5 {
+	font-size: calc(8px * 1.2917);
+	line-height: calc(1.2917 * var(--vspace));
+
+	font-weight: lighter;
+	text-transform: uppercase;
+	letter-spacing: 0.15em;
+}
+
+h6 {
+	font-size: calc(8px * 1.1667);
+	font-size: 1.1667em;
+	font-weight: normal;
+	font-style: italic;
+	font-family: "le-monde-livre-classic-byol", serif !important;
+	letter-spacing: 0px !important;
+}
+
+#start .md > *:first-child {
+	margin-top: 0;
+}
+
+h2 + h3 {
+	margin-top: 0;
+}
+
+.md hr {
+	border: none;
+	border-top: 1px solid var(--block-border-color);
+	margin: var(--vspace-2) 0 var(--vspace-2) 0;
+}
+.prose ul {
+	margin: var(--vspace-2) 0 var(--vspace-1) 0;
+}
+
+.gap {
+	gap: 0;
+}
+"""
diff --git a/gradio/cli/commands/components/_docs_utils.py b/gradio/cli/commands/components/_docs_utils.py
new file mode 100644
index 0000000..38bdc48
--- /dev/null
+++ b/gradio/cli/commands/components/_docs_utils.py
@@ -0,0 +1,929 @@
+from __future__ import annotations
+
+import inspect
+import re
+import shutil
+import types
+import typing
+from subprocess import PIPE, Popen
+
+RUFF_INSTALLED = bool(shutil.which("ruff"))
+
+
+def find_first_non_return_key(some_dict):
+    """Finds the first key in a dictionary that is not "return"."""
+    for key, value in some_dict.items():
+        if key != "return":
+            return value
+    return None
+
+
+def format(code: str, type: str):
+    """Formats code using ruff."""
+    if type == "value":
+        code = f"value = {code}"
+
+    if not RUFF_INSTALLED:
+        return code
+
+    ruff_args = ["ruff", "format", "-", "--line-length=60"]
+
+    process = Popen(
+        ruff_args,
+        stdin=PIPE,
+        stdout=PIPE,
+        stderr=PIPE,
+        universal_newlines=True,
+    )
+
+    formatted_code, err = process.communicate(input=str(code))
+
+    if type == "value":
+        formatted_code = re.sub(
+            r"^\s*value =\s*", "", formatted_code, flags=re.MULTILINE
+        )
+
+    stripped_source = re.search(r"^\s*\((.*)\)\s*$", formatted_code, re.DOTALL)
+
+    if stripped_source:
+        return stripped_source.group(1).strip()
+    elif formatted_code.strip() == "":
+        return code
+    else:
+        return formatted_code.strip()
+
+
+def get_param_name(param):
+    """Gets the name of a parameter."""
+
+    if isinstance(param, str):
+        return f'"{param}"'
+    if inspect.isclass(param) and param.__module__ == "builtins":
+        p = getattr(param, "__name__", None)
+        if p is None and inspect.isclass(param):
+            p = f"{param.__module__}.{param.__name__}"
+        return p
+
+    if inspect.isclass(param):
+        return f"{param.__module__}.{param.__name__}"
+
+    param_name = getattr(param, "__name__", None)
+
+    if param_name is None:
+        param_name = str(param)
+
+    return param_name
+
+
+def format_none(value):
+    """Formats None and NonType values."""
+    if value is None or value is type(None) or value in ("None", "NoneType"):
+        return "None"
+    return value
+
+
+def format_value(value):
+    """Formats a value."""
+    if value is None:
+        return "None"
+    if isinstance(value, str):
+        return f'"{value}"'
+    return str(value)
+
+
+def get_parameter_docstring(docstring: str, parameter_name: str):
+    """Gets the docstring for a parameter."""
+    pattern = rf"\b{parameter_name}\b:[ \t]*(.*?)(?=\n|$)"
+
+    match = re.search(pattern, docstring, flags=re.DOTALL)
+    if match:
+        return match.group(1).strip()
+
+    return None
+
+
+def get_return_docstring(docstring: str):
+    """Gets the docstring for a return value."""
+    pattern = r"\bReturn(?:s){0,1}\b:[ \t\n]*(.*?)(?=\n|$)"
+
+    match = re.search(pattern, docstring, flags=re.DOTALL | re.IGNORECASE)
+    if match:
+        return match.group(1).strip()
+
+    return None
+
+
+def add_value(obj: dict, key: str, value: typing.Any):
+    """Adds a value to a dictionary."""
+    type = "value" if key == "default" else "type"
+
+    obj[key] = format(value, type)
+
+    return obj
+
+
+def set_deep(dictionary: dict, keys: list[str], value: typing.Any):
+    """Sets a value in a nested dictionary for a key path that may not exist"""
+    for key in keys[:-1]:
+        dictionary = dictionary.setdefault(key, {})
+    dictionary[keys[-1]] = value
+
+
+def get_deep(dictionary: dict, keys: list[str], default=None):
+    """Gets a value from a nested dictionary without erroring if the key doesn't exist."""
+    try:
+        for key in keys:
+            dictionary = dictionary[key]
+        return dictionary
+    except KeyError:
+        return default
+
+
+def get_type_arguments(type_hint) -> tuple:
+    """Gets the type arguments for a type hint."""
+    if hasattr(type_hint, "__args__"):
+        return type_hint.__args__
+    elif hasattr(type_hint, "__extra__"):
+        return type_hint.__extra__.__args__
+    else:
+        return typing.get_args(type_hint)
+
+
+def get_container_name(arg):
+    """Gets a human readable name for a type."""
+    if inspect.isclass(arg):
+        return arg.__name__
+    if isinstance(arg, types.GenericAlias):
+        return arg.__origin__.__name__
+    elif isinstance(arg, types.UnionType):
+        return "Union"
+    elif getattr(arg, "__origin__", None) is typing.Literal:
+        return "Literal"
+    else:
+        return str(arg)
+
+
+def format_type(_type: list[typing.Any]):
+    """Pretty formats a possibly nested type hint."""
+
+    s = []
+    _current = None
+    for t in _type:
+        if isinstance(t, str):
+            _current = format_none(t)
+            continue
+
+        elif isinstance(t, list):
+            if len(t) == 0:
+                continue
+            s.append(f"{format_type(t)}")
+        else:
+            s.append(t)
+    if len(s) == 0:
+        return _current
+    elif _current in ("Literal", "Union"):
+        return "| ".join(s)
+    else:
+        return f"{_current}[{','.join(s)}]"
+
+
+def get_type_hints(param, module):
+    """Gets the type hints for a parameter."""
+
+    def extract_args(
+        arg,
+        module_name_prefix,
+        additional_interfaces,
+        user_fn_refs: list[str],
+        append=True,
+        arg_of=None,
+    ):
+        """Recursively extracts the arguments from a type hint."""
+        arg_names = []
+        args = get_type_arguments(arg)
+
+        # These are local classes that are used in types
+        if inspect.isclass(arg) and arg.__module__.startswith(module_name_prefix):
+            # get sourcecode for the class
+
+            source_code = inspect.getsource(arg)
+            source_code = format(
+                re.sub(r"(\"\"\".*?\"\"\")", "", source_code, flags=re.DOTALL), "other"
+            )
+
+            if arg_of is not None:
+                refs = get_deep(additional_interfaces, [arg_of, "refs"])
+
+                if refs is None:
+                    refs = [arg.__name__]
+                elif isinstance(refs, list) and arg.__name__ not in refs:
+                    refs.append(arg.__name__)
+
+                set_deep(additional_interfaces, [arg_of, "refs"], refs)
+
+            if get_deep(additional_interfaces, [arg.__name__, "source"]) is None:
+                set_deep(additional_interfaces, [arg.__name__, "source"], source_code)
+
+            for field_type in typing.get_type_hints(arg).values():
+                # We want to recursively extract the source code for the fields but we don't want to add them to the list of arguments
+                new_args = extract_args(
+                    field_type,
+                    module_name_prefix,
+                    additional_interfaces,
+                    user_fn_refs,
+                    False,
+                    arg.__name__,
+                )
+
+                if len(new_args) > 0:
+                    arg_names.append(new_args)
+
+            if append:
+                arg_names.append(arg.__name__)
+                if arg.__name__ not in user_fn_refs:
+                    user_fn_refs.append(arg.__name__)
+        elif len(args) > 0:
+            if append:
+                arg_names.append(get_container_name(arg))
+            for inner_arg in list(args):
+                new_args = extract_args(
+                    inner_arg,
+                    module_name_prefix,
+                    additional_interfaces,
+                    user_fn_refs,
+                    append,
+                    arg_of,
+                )
+
+                if len(new_args) > 0:
+                    arg_names.append(new_args)
+        else:  # noqa: PLR5501
+            if append:
+                arg_names.append(get_param_name(arg))
+        return arg_names
+
+    module_name_prefix = module.__name__ + "."
+    additional_interfaces = {}
+    user_fn_refs = []
+
+    args = extract_args(
+        param,
+        module_name_prefix,
+        additional_interfaces,
+        user_fn_refs,
+        True,
+    )
+
+    formatted_type = format_type(args)
+
+    return (formatted_type, additional_interfaces, user_fn_refs)
+
+
+def extract_docstrings(module):
+    docs = {}
+    global_type_mode = "complex"
+    for name, obj in inspect.getmembers(module):
+        # filter out the builtins etc
+        if name.startswith("_"):
+            continue
+        #  this could be expanded but i think is ok for now
+        if inspect.isfunction(obj) or inspect.isclass(obj):
+            docs[name] = {}
+
+            main_docstring = inspect.getdoc(obj) or ""
+            cleaned_docstring = str.join(
+                "\n",
+                [s for s in main_docstring.split("\n") if not re.match(r"^\S+:", s)],
+            )
+
+            docs[name]["description"] = cleaned_docstring
+            docs[name]["members"] = {}
+            docs["__meta__"] = {"additional_interfaces": {}}
+            for member_name, member in inspect.getmembers(obj):
+                if inspect.ismethod(member) or inspect.isfunction(member):
+                    # we are are only interested in these methods
+                    if member_name not in ("__init__", "preprocess", "postprocess"):
+                        continue
+
+                    docs[name]["members"][member_name] = {}
+
+                    member_docstring = inspect.getdoc(member) or ""
+                    type_mode = "complex"
+                    try:
+                        hints = typing.get_type_hints(member)
+                    except Exception:
+                        type_mode = "simple"
+                        hints = member.__annotations__
+                        global_type_mode = "simple"
+
+                    signature = inspect.signature(member)
+
+                    #  we iterate over the parameters and get the type information
+                    for param_name, param in hints.items():
+                        if (
+                            param_name == "return" and member_name == "postprocess"
+                        ) or (param_name != "return" and member_name == "preprocess"):
+                            continue
+
+                        if type_mode == "simple":
+                            arg_names = hints.get(param_name, "")
+                            additional_interfaces = {}
+                            user_fn_refs = []
+                        else:
+                            (
+                                arg_names,
+                                additional_interfaces,
+                                user_fn_refs,
+                            ) = get_type_hints(param, module)
+
+                        #  These interfaces belong to the whole module, so we add them 'globally' for later
+                        docs["__meta__"]["additional_interfaces"].update(
+                            additional_interfaces
+                        )
+
+                        docs[name]["members"][member_name][param_name] = {}
+
+                        if param_name == "return":
+                            docstring = get_return_docstring(member_docstring)
+                        else:
+                            docstring = get_parameter_docstring(
+                                member_docstring, param_name
+                            )
+
+                        add_value(
+                            docs[name]["members"][member_name][param_name],
+                            "type",
+                            arg_names,
+                        )
+
+                        if signature.parameters.get(param_name, None) is not None:
+                            default_value = signature.parameters[param_name].default
+                            if default_value is not inspect._empty:
+                                add_value(
+                                    docs[name]["members"][member_name][param_name],
+                                    "default",
+                                    format_value(default_value),
+                                )
+
+                        docs[name]["members"][member_name][param_name][
+                            "description"
+                        ] = docstring
+
+                        # We just want to normalise the arg name to 'value' for the preprocess and postprocess methods
+                        if member_name in ("postprocess", "preprocess"):
+                            docs[name]["members"][member_name]["value"] = (
+                                find_first_non_return_key(
+                                    docs[name]["members"][member_name]
+                                )
+                            )
+                            additional_refs = get_deep(
+                                docs, ["__meta__", "user_fn_refs", name]
+                            )
+                            if additional_refs is None:
+                                set_deep(
+                                    docs,
+                                    ["__meta__", "user_fn_refs", name],
+                                    set(user_fn_refs),
+                                )
+                            else:
+                                additional_refs = set(additional_refs)
+                                additional_refs.update(user_fn_refs)
+                                set_deep(
+                                    docs,
+                                    ["__meta__", "user_fn_refs", name],
+                                    additional_refs,
+                                )
+                if member_name == "EVENTS":
+                    docs[name]["events"] = {}
+                    if isinstance(member, list):
+                        for event in member:
+                            docs[name]["events"][str(event)] = {
+                                "type": None,
+                                "default": None,
+                                "description": event.doc.replace(
+                                    "{{ component }}", name
+                                ),
+                            }
+        final_user_fn_refs = get_deep(docs, ["__meta__", "user_fn_refs", name])
+        if final_user_fn_refs is not None:
+            set_deep(docs, ["__meta__", "user_fn_refs", name], list(final_user_fn_refs))
+
+    return (docs, global_type_mode)
+
+
+class AdditionalInterface(typing.TypedDict):
+    refs: list[str]
+    source: str
+
+
+def make_js(
+    interfaces: dict[str, AdditionalInterface] | None = None,
+    user_fn_refs: dict[str, list[str]] | None = None,
+):
+    """Makes the javascript code for the additional interfaces."""
+    js_obj_interfaces = "{"
+    if interfaces is not None:
+        for interface_name, interface in interfaces.items():
+            js_obj_interfaces += f"""
+            {interface_name}: {interface.get("refs", None) or "[]"}, """
+    js_obj_interfaces += "}"
+
+    js_obj_user_fn_refs = "{"
+    if user_fn_refs is not None:
+        for class_name, refs in user_fn_refs.items():
+            js_obj_user_fn_refs += f"""
+          {class_name}: {refs}, """
+
+    js_obj_user_fn_refs += "}"
+
+    return rf"""function() {{
+    const refs = {js_obj_interfaces};
+    const user_fn_refs = {js_obj_user_fn_refs};
+    requestAnimationFrame(() => {{
+
+        Object.entries(user_fn_refs).forEach(([key, refs]) => {{
+            if (refs.length > 0) {{
+                const el = document.querySelector(`.${{key}}-user-fn`);
+                if (!el) return;
+                refs.forEach(ref => {{
+                    el.innerHTML = el.innerHTML.replace(
+                        new RegExp("\\b"+ref+"\\b", "g"),
+                        `<a href="#h-${{ref.toLowerCase()}}">${{ref}}</a>`
+                    );
+                }})
+            }}
+        }})
+
+        Object.entries(refs).forEach(([key, refs]) => {{
+            if (refs.length > 0) {{
+                const el = document.querySelector(`.${{key}}`);
+                if (!el) return;
+                refs.forEach(ref => {{
+                    el.innerHTML = el.innerHTML.replace(
+                        new RegExp("\\b"+ref+"\\b", "g"),
+                        `<a href="#h-${{ref.toLowerCase()}}">${{ref}}</a>`
+                    );
+                }})
+            }}
+        }})
+    }})
+}}
+"""
+
+
+def render_additional_interfaces(interfaces):
+    """Renders additional helper classes or types that were extracted earlier."""
+
+    source = ""
+    for interface_name, interface in interfaces.items():
+        source += f"""
+    code_{interface_name} = gr.Markdown(\"\"\"
+## `{interface_name}`
+```python
+{interface["source"]}
+```\"\"\", elem_classes=["md-custom", "{interface_name}"], header_links=True)
+"""
+    return source
+
+
+def render_additional_interfaces_markdown(interfaces):
+    """Renders additional helper classes or types that were extracted earlier."""
+
+    source = ""
+    for interface_name, interface in interfaces.items():
+        source += f"""
+## `{interface_name}`
+```python
+{interface["source"]}
+```
+"""
+    return source
+
+
+def render_version_badge(pypi_exists, local_version, name):
+    """Renders a version badge for the package. PyPi badge if it exists, otherwise a static badge."""
+    if pypi_exists:
+        return f"""<a href="https://pypi.org/project/{name}/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/{name}"></a>"""
+    else:
+        return f"""<img alt="Static Badge" src="https://img.shields.io/badge/version%20-%20{local_version}%20-%20orange">"""
+
+
+def render_github_badge(repo):
+    """Renders a github badge for the package if a repo is specified."""
+    if repo is None:
+        return ""
+    else:
+        return f"""<a href="{repo}/issues" target="_blank"><img alt="Static Badge" src="https://img.shields.io/badge/Issues-white?logo=github&logoColor=black"></a>"""
+
+
+def render_discuss_badge(space):
+    """Renders a discuss badge for the package if a space is specified."""
+    if space is None:
+        return ""
+    else:
+        return f"""<a href="{space}/discussions" target="_blank"><img alt="Static Badge" src="https://img.shields.io/badge/%F0%9F%A4%97%20Discuss-%23097EFF?style=flat&logoColor=black"></a>"""
+
+
+def render_class_events(events: dict, name):
+    """Renders the events for a class."""
+    if len(events) == 0:
+        return ""
+
+    else:
+        return f"""
+    gr.Markdown("### Events")
+    gr.ParamViewer(value=_docs["{name}"]["events"], linkify={["Event"]})
+
+"""
+
+
+def make_user_fn(
+    class_name,
+    user_fn_input_type,
+    user_fn_input_description,
+    user_fn_output_type,
+    user_fn_output_description,
+):
+    """Makes the user function for the class."""
+    if (
+        user_fn_input_type is None
+        and user_fn_output_type is None
+        and user_fn_input_description is None
+        and user_fn_output_description is None
+    ):
+        return ""
+
+    md = """
+    gr.Markdown(\"\"\"
+
+### User function
+
+The impact on the users predict function varies depending on whether the component is used as an input or output for an event (or both).
+
+- When used as an Input, the component only impacts the input signature of the user function.
+- When used as an output, the component only impacts the return signature of the user function.
+
+The code snippet below is accurate in cases where the component is used as both an input and an output.
+
+"""
+
+    md += (
+        f"- **As input:** Is passed, {format_description(user_fn_input_description)}\n"
+        if user_fn_input_description
+        else ""
+    )
+
+    md += (
+        f"- **As output:** Should return, {format_description(user_fn_output_description)}"
+        if user_fn_output_description
+        else ""
+    )
+
+    if user_fn_input_type is not None or user_fn_output_type is not None:
+        md += f"""
+
+ ```python
+def predict(
+    value: {user_fn_input_type or "Unknown"}
+) -> {user_fn_output_type or "Unknown"}:
+    return value
+```"""
+    return f"""{md}
+\"\"\", elem_classes=["md-custom", "{class_name}-user-fn"], header_links=True)
+"""
+
+
+def format_description(description):
+    description = description[0].lower() + description[1:]
+    description = description.rstrip(".") + "."
+    return description
+
+
+def make_user_fn_markdown(
+    user_fn_input_type,
+    user_fn_input_description,
+    user_fn_output_type,
+    user_fn_output_description,
+):
+    """Makes the user function for the class."""
+    if (
+        user_fn_input_type is None
+        and user_fn_output_type is None
+        and user_fn_input_description is None
+        and user_fn_output_description is None
+    ):
+        return ""
+
+    md = """
+### User function
+
+The impact on the users predict function varies depending on whether the component is used as an input or output for an event (or both).
+
+- When used as an Input, the component only impacts the input signature of the user function.
+- When used as an output, the component only impacts the return signature of the user function.
+
+The code snippet below is accurate in cases where the component is used as both an input and an output.
+
+"""
+
+    md += (
+        f"- **As output:** Is passed, {format_description(user_fn_input_description)}\n"
+        if user_fn_input_description
+        else ""
+    )
+
+    md += (
+        f"- **As input:** Should return, {format_description(user_fn_output_description)}"
+        if user_fn_output_description
+        else ""
+    )
+
+    if user_fn_input_type is not None or user_fn_output_type is not None:
+        md += f"""
+
+ ```python
+ def predict(
+     value: {user_fn_input_type or "Unknown"}
+ ) -> {user_fn_output_type or "Unknown"}:
+     return value
+ ```
+ """
+    return md
+
+
+def render_class_events_markdown(events):
+    """Renders the events for a class."""
+    if len(events) == 0:
+        return ""
+
+    event_table = """
+### Events
+
+| name | description |
+|:-----|:------------|
+"""
+
+    for event_name, event in events.items():
+        event_table += f"| `{event_name}` | {event['description']} |\n"
+
+    return event_table
+
+
+def render_class_docs(exports, docs):
+    """Renders the class documentation for the package."""
+    docs_classes = ""
+    for class_name in exports:
+        user_fn_input_type = get_deep(
+            docs, [class_name, "members", "preprocess", "return", "type"]
+        )
+        user_fn_input_description = get_deep(
+            docs, [class_name, "members", "preprocess", "return", "description"]
+        )
+        user_fn_output_type = get_deep(
+            docs, [class_name, "members", "postprocess", "value", "type"]
+        )
+        user_fn_output_description = get_deep(
+            docs, [class_name, "members", "postprocess", "value", "description"]
+        )
+
+        linkify = get_deep(docs, ["__meta__", "additional_interfaces"], {}) or {}
+
+        docs_classes += f"""
+    gr.Markdown(\"\"\"
+## `{class_name}`
+
+### Initialization
+\"\"\", elem_classes=["md-custom"], header_links=True)
+
+    gr.ParamViewer(value=_docs["{class_name}"]["members"]["__init__"], linkify={
+            list(linkify.keys())
+        })
+
+{render_class_events(docs[class_name].get("events", None), class_name)}
+
+{
+            make_user_fn(
+                class_name,
+                user_fn_input_type,
+                user_fn_input_description,
+                user_fn_output_type,
+                user_fn_output_description,
+            )
+        }
+"""
+    return docs_classes
+
+
+html = """
+<table>
+<thead>
+<tr>
+<th align="left">name</th>
+<th align="left">type</th>
+<th align="left">default</th>
+<th align="left">description</th>
+</tr>
+</thead>
+<tbody><tr>
+<td align="left"><code>value</code></td>
+<td align="left"><code>list[Parameter] | None</code></td>
+<td align="left"><code>None</code></td>
+<td align="left">A list of dictionaries with keys "type", "description", and "default" for each parameter.</td>
+</tr>
+</tbody></table>
+"""
+
+
+def render_param_table(params):
+    """Renders the parameter table for the package."""
+    table = """<table>
+<thead>
+<tr>
+<th align="left">name</th>
+<th align="left" style="width: 25%;">type</th>
+<th align="left">default</th>
+<th align="left">description</th>
+</tr>
+</thead>
+<tbody>"""
+
+    # for class_name in exports:
+    #     docs_classes += f"""
+    #     """
+    for param_name, param in params.items():
+        table += f"""
+<tr>
+<td align="left"><code>{param_name}</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+{param["type"]}
+```
+
+</td>
+<td align="left"><code>{param["default"]}</code></td>
+<td align="left">{param["description"]}</td>
+</tr>
+"""
+    return table + "</tbody></table>"
+
+
+def render_class_docs_markdown(exports, docs):
+    """Renders the class documentation for the package."""
+    docs_classes = ""
+    for class_name in exports:
+        user_fn_input_type = get_deep(
+            docs, [class_name, "members", "preprocess", "return", "type"]
+        )
+        user_fn_input_description = get_deep(
+            docs, [class_name, "members", "preprocess", "return", "description"]
+        )
+        user_fn_output_type = get_deep(
+            docs, [class_name, "members", "postprocess", "value", "type"]
+        )
+        user_fn_output_description = get_deep(
+            docs, [class_name, "members", "postprocess", "value", "description"]
+        )
+        docs_classes += f"""
+## `{class_name}`
+
+### Initialization
+
+{render_param_table(docs[class_name]["members"]["__init__"])}
+
+{render_class_events_markdown(docs[class_name].get("events", None))}
+
+{
+            make_user_fn_markdown(
+                user_fn_input_type,
+                user_fn_input_description,
+                user_fn_output_type,
+                user_fn_output_description,
+            )
+        }
+"""
+    return docs_classes
+
+
+def make_space(
+    docs: dict,
+    name: str,
+    description: str,
+    local_version: str | None,
+    demo: str,
+    space: str | None,
+    repo: str | None,
+    pypi_exists: bool,
+    suppress_demo_check: bool = False,
+):
+    filtered_keys = [key for key in docs if key != "__meta__"]
+
+    if not suppress_demo_check and (
+        demo.find("if __name__ == '__main__'") == -1
+        and demo.find('if __name__ == "__main__"') == -1
+    ):
+        raise ValueError(
+            """The demo must be launched using `if __name__ == '__main__'`, otherwise the docs page will not function correctly.
+
+To fix this error, launch the demo inside of an if statement like this:
+
+if __name__ == '__main__':
+    demo.launch()
+
+To ignore this error pass `--suppress-demo-check` to the docs command."""
+        )
+    demo = demo.replace('"""', '\\"\\"\\"')
+
+    source = """
+import gradio as gr
+from app import demo as app
+import os
+"""
+
+    docs_classes = render_class_docs(filtered_keys, docs)
+
+    source += f"""
+_docs = {docs}
+
+abs_path = os.path.join(os.path.dirname(__file__), "css.css")
+
+with gr.Blocks(
+    css=abs_path,
+    theme=gr.themes.Default(
+        font_mono=[
+            gr.themes.GoogleFont("Inconsolata"),
+            "monospace",
+        ],
+    ),
+) as demo:
+    gr.Markdown(
+\"\"\"
+# `{name}`
+
+<div style="display: flex; gap: 7px;">
+{render_version_badge(pypi_exists, local_version, name)} {render_github_badge(repo)} {render_discuss_badge(space)}
+</div>
+
+{description}
+\"\"\", elem_classes=["md-custom"], header_links=True)
+    app.render()
+    gr.Markdown(
+\"\"\"
+## Installation
+
+```bash
+pip install {name}
+```
+
+## Usage
+
+```python
+{demo}
+```
+\"\"\", elem_classes=["md-custom"], header_links=True)
+
+{docs_classes}
+
+{render_additional_interfaces(docs["__meta__"]["additional_interfaces"])}
+    demo.load(None, js=r\"\"\"{make_js(get_deep(docs, ["__meta__", "additional_interfaces"]), get_deep(docs, ["__meta__", "user_fn_refs"]))}
+\"\"\")
+
+demo.launch()
+"""
+
+    return source
+
+
+def make_markdown(
+    docs, name, description, local_version, demo, space, repo, pypi_exists
+):
+    filtered_keys = [key for key in docs if key != "__meta__"]
+
+    source = f"""
+# `{name}`
+{render_version_badge(pypi_exists, local_version, name)} {render_github_badge(repo)} {render_discuss_badge(space)}
+
+{description}
+
+## Installation
+
+```bash
+pip install {name}
+```
+
+## Usage
+
+```python
+{demo}
+```
+"""
+
+    docs_classes = render_class_docs_markdown(filtered_keys, docs)
+
+    source += docs_classes
+
+    source += render_additional_interfaces_markdown(
+        docs["__meta__"]["additional_interfaces"]
+    )
+
+    return source
diff --git a/gradio/cli/commands/components/app.py b/gradio/cli/commands/components/app.py
new file mode 100644
index 0000000..d42252a
--- /dev/null
+++ b/gradio/cli/commands/components/app.py
@@ -0,0 +1,24 @@
+from typer import Typer
+
+from .build import _build
+from .create import _create
+from .dev import _dev
+from .docs import _docs
+from .install_component import _install
+from .publish import _publish
+from .show import _show
+
+app = Typer(help="Create and publish a new Gradio component")
+
+app.command("create", help="Create a new component.")(_create)
+app.command(
+    "build",
+    help="Build the component for distribution. Must be called from the component directory.",
+)(_build)
+app.command("dev", help="Launch the custom component demo in development mode.")(_dev)
+app.command("show", help="Show the list of available templates")(_show)
+app.command("install", help="Install the custom component in the current environment")(
+    _install
+)
+app.command("publish", help="Publish a component to PyPI and HuggingFace Hub")(_publish)
+app.command("docs", help="Generate documentation for a custom components")(_docs)
diff --git a/gradio/cli/commands/components/build.py b/gradio/cli/commands/components/build.py
new file mode 100644
index 0000000..c32ed48
--- /dev/null
+++ b/gradio/cli/commands/components/build.py
@@ -0,0 +1,179 @@
+from __future__ import annotations
+
+import importlib
+import shutil
+import subprocess
+from pathlib import Path
+from typing import Annotated
+
+import semantic_version
+import typer
+from tomlkit import dump, parse
+
+import gradio
+from gradio.analytics import custom_component_analytics
+from gradio.cli.commands.components._docs_utils import (
+    get_deep,
+)
+from gradio.cli.commands.components.docs import run_command
+from gradio.cli.commands.components.install_component import _get_executable_path
+from gradio.cli.commands.display import LivePanelDisplay
+
+gradio_template_path = Path(gradio.__file__).parent / "templates" / "frontend"  # type: ignore
+
+
+def _build(
+    path: Annotated[
+        Path, typer.Argument(help="The directory of the custom component.")
+    ] = Path("."),
+    build_frontend: Annotated[
+        bool, typer.Option(help="Whether to build the frontend as well.")
+    ] = True,
+    bump_version: Annotated[
+        bool, typer.Option(help="Whether to bump the version number automatically.")
+    ] = False,
+    generate_docs: Annotated[
+        bool, typer.Option(help="Whether to generate the documentation as well.")
+    ] = True,
+    python_path: Annotated[
+        str | None,
+        typer.Option(
+            help="Path to python executable. If None, will use the default path found by `which python3`. If python3 is not found, `which python` will be tried. If both fail an error will be raised."
+        ),
+    ] = None,
+):
+    custom_component_analytics(
+        "build",
+        None,
+        None,
+        None,
+        None,
+        generate_docs=generate_docs,
+        bump_version=bump_version,
+    )
+    name = Path(path).resolve()
+    if not (name / "pyproject.toml").exists():
+        raise ValueError(f"Cannot find pyproject.toml file in {name}")
+
+    with LivePanelDisplay() as live:
+        live.update(
+            f":package: Building package in [orange3]{str(name.name)}[/]", add_sleep=0.2
+        )
+        pyproject_toml = parse((path / "pyproject.toml").read_text())
+        package_name = get_deep(pyproject_toml, ["project", "name"])
+
+        python_path = _get_executable_path(
+            "python", python_path, "--python-path", check_3=True
+        )
+
+        if not isinstance(package_name, str):
+            raise ValueError(
+                "Your pyproject.toml file does not have a [project] name field!"
+            )
+        try:
+            importlib.import_module(package_name)  # type: ignore
+        except ModuleNotFoundError as e:
+            raise ValueError(
+                f"Your custom component package ({package_name}) is not installed! "
+                "Please install it with the gradio cc install command before building it."
+            ) from e
+        if bump_version:
+            pyproject_toml = parse((path / "pyproject.toml").read_text())
+            version = semantic_version.Version(
+                pyproject_toml["project"]["version"]  # type: ignore
+            ).next_patch()
+            live.update(
+                f":1234: Using version [bold][magenta]{version}[/][/]. "
+                "Set [bold][magenta]--no-bump-version[/][/] to use the version in pyproject.toml file."
+            )
+            pyproject_toml["project"]["version"] = str(version)  # type: ignore
+            with open(path / "pyproject.toml", "w", encoding="utf-8") as f:
+                dump(pyproject_toml, f)
+        else:
+            version = pyproject_toml["project"]["version"]  # type: ignore
+            live.update(
+                f":1234: Package will use version [bold][magenta]{version}[/][/] defined in pyproject.toml file. "
+                "Set [bold][magenta]--bump-version[/][/] to automatically bump the version number."
+            )
+
+        if generate_docs:
+            _demo_dir = Path("demo").resolve()
+            _demo_name = "app.py"
+            _demo_path = _demo_dir / _demo_name
+            _readme_path = name / "README.md"
+
+            run_command(
+                live=live,
+                name=package_name,
+                suppress_demo_check=False,
+                pyproject_toml=pyproject_toml,
+                generate_space=True,
+                generate_readme=True,
+                type_mode="simple",
+                _demo_path=_demo_path,
+                _demo_dir=_demo_dir,
+                _readme_path=_readme_path,
+                space_url=None,
+                _component_dir=name,
+                simple=True,
+            )
+
+        if build_frontend:
+            live.update(":art: Building frontend")
+            component_directory = path.resolve()
+
+            node = shutil.which("node")
+            if not node:
+                raise ValueError(
+                    "node must be installed in order to run build command."
+                )
+
+            gradio_node_path = subprocess.run(
+                [node, "-e", "console.log(require.resolve('@gradio/preview'))"],
+                cwd=Path(component_directory / "frontend"),
+                check=False,
+                capture_output=True,
+            )
+
+            if gradio_node_path.returncode != 0:
+                raise ValueError(
+                    "Could not find `@gradio/preview`. Run `npm i -D @gradio/preview` in your frontend folder."
+                )
+
+            gradio_node_path = gradio_node_path.stdout.decode("utf-8").strip()
+
+            node_cmds = [
+                node,
+                gradio_node_path,
+                "--component-directory",
+                component_directory,
+                "--root",
+                gradio_template_path,
+                "--mode",
+                "build",
+                "--python-path",
+                python_path,
+            ]
+            pipe = subprocess.run(
+                node_cmds, capture_output=True, text=True, check=False
+            )
+            if pipe.returncode != 0:
+                live.update(":red_square: Build failed!")
+                live.update(pipe.stderr)
+                live.update(pipe.stdout)
+                raise SystemExit("Frontend build failed")
+            else:
+                live.update(":white_check_mark: Build succeeded!")
+
+        cmds = [python_path, "-m", "build", str(name)]
+        live.update(f":construction_worker: Building... [grey37]({' '.join(cmds)})[/]")
+        pipe = subprocess.run(cmds, capture_output=True, text=True, check=False)
+        if pipe.returncode != 0:
+            live.update(":red_square: Build failed!")
+            live.update(pipe.stderr)
+            raise SystemExit("Python build failed")
+        else:
+            live.update(":white_check_mark: Build succeeded!")
+            live.update(
+                f":ferris_wheel: Wheel located in [orange3]{str(name / 'dist')}[/]"
+            )
diff --git a/gradio/cli/commands/components/create.py b/gradio/cli/commands/components/create.py
new file mode 100644
index 0000000..2867438
--- /dev/null
+++ b/gradio/cli/commands/components/create.py
@@ -0,0 +1,204 @@
+from __future__ import annotations
+
+import inspect
+import shutil
+from pathlib import Path
+from typing import Annotated
+
+import typer
+from rich import print
+from rich.panel import Panel
+from rich.prompt import Confirm, Prompt
+from tomlkit import dump, parse
+
+import gradio
+from gradio.analytics import custom_component_analytics
+
+from ..display import LivePanelDisplay
+from . import _create_utils
+from .install_component import _get_npm, _install_command
+
+
+def _create(
+    name: Annotated[
+        str,
+        typer.Argument(
+            help="Name of the component. Preferably in camel case, i.e. MyTextBox."
+        ),
+    ],
+    directory: Annotated[
+        Path | None,
+        typer.Option(
+            help="Directory to create the component in. Default is None. If None, will be created in <component-name> directory in the current directory."
+        ),
+    ] = None,
+    package_name: Annotated[
+        str | None,
+        typer.Option(help="Name of the package. Default is gradio_{name.lower()}"),
+    ] = None,
+    template: Annotated[
+        str,
+        typer.Option(
+            help="Component to use as a template. Should use exact name of python class."
+        ),
+    ] = "",
+    install: Annotated[
+        bool,
+        typer.Option(
+            help="Whether to install the component in your current environment as a development install. Recommended for development."
+        ),
+    ] = True,
+    npm_install: Annotated[
+        str,
+        typer.Option(help="NPM install command to use. Default is 'npm install'."),
+    ] = "npm install",
+    pip_path: Annotated[
+        str | None,
+        typer.Option(
+            help="Path to pip executable. If None, will use the default path found by `which pip3`. If pip3 is not found, `which pip` will be tried. If both fail an error will be raised."
+        ),
+    ] = None,
+    overwrite: Annotated[
+        bool,
+        typer.Option(help="Whether to overwrite the existing component if it exists."),
+    ] = False,
+    configure_metadata: Annotated[
+        bool,
+        typer.Option(
+            help="Whether to interactively configure project metadata based on user input"
+        ),
+    ] = True,
+):
+    custom_component_analytics(
+        "create",
+        template,
+        None,
+        None,
+        None,
+        npm_install=npm_install,
+    )
+    if not directory:
+        directory = Path(name.lower())
+    if not package_name:
+        package_name = f"gradio_{name.lower()}"
+
+    if directory.exists() and not overwrite:
+        raise ValueError(
+            f"The directory {directory.resolve()} already exists. "
+            "Please set --overwrite flag or pass in the name "
+            "of a directory that does not already exist via the --directory option."
+        )
+    elif directory.exists() and overwrite:
+        _create_utils.delete_contents(directory)
+
+    directory.mkdir(exist_ok=overwrite)
+
+    if _create_utils._in_test_dir():
+        npm_install = f"{shutil.which('pnpm')} i --ignore-scripts"
+    else:
+        npm_install = _get_npm(npm_install)
+
+    with LivePanelDisplay() as live:
+        live.update(
+            f":building_construction:  Creating component [orange3]{name}[/] in directory [orange3]{directory}[/]",
+            add_sleep=0.2,
+        )
+        if template:
+            live.update(f":fax: Starting from template [orange3]{template}[/]")
+        else:
+            live.update(":page_facing_up: Creating a new component from scratch.")
+
+        component = _create_utils._get_component_code(template)
+
+        _create_utils._create_backend(name, component, directory, package_name)
+        live.update(":snake: Created backend code", add_sleep=0.2)
+        p = Path(inspect.getfile(gradio)).parent
+        component_source = p / "_frontend_code"
+        if not component_source.exists():
+            live.update(
+                ":fast_down_button: Downloading frontend code from Hugging Face Hub. Set HF_HUB_DISABLE_PROGRESS_BARS to disable progress bars.",
+                add_sleep=0.2,
+            )
+        _create_utils._create_frontend(
+            name.lower(), component, directory=directory, package_name=package_name
+        )
+        live.update(":art: Created frontend code", add_sleep=0.2)
+
+        if install:
+            _install_command(directory, live, npm_install, pip_path)
+
+        live._panel.stop()
+
+        description = "A gradio custom component"
+        keywords = []
+
+        if configure_metadata:
+            print(
+                Panel(
+                    "It is recommended to answer the following [bold][magenta]4 questions[/][/] to finish configuring your custom component's metadata."
+                    "\nYou can also answer them later by editing the [bold][magenta]pyproject.toml[/][/] file in your component directory."
+                )
+            )
+
+            answer_qs = Confirm.ask("\nDo you want to answer them now?")
+
+            pyproject_toml = parse((directory / "pyproject.toml").read_text())
+
+            if answer_qs:
+                name = pyproject_toml["project"]["name"]  # type: ignore
+
+                description = Prompt.ask(
+                    "\n:pencil: Please enter a one sentence [bold][magenta]description[/][/] for your component"
+                )
+                if description:
+                    pyproject_toml["project"]["description"] = description  # type: ignore
+
+                license_ = (
+                    Prompt.ask(
+                        "\n:bookmark_tabs: Please enter a [bold][magenta]software license[/][/] for your component. Leave blank for 'apache-2.0'"
+                    )
+                    or "apache-2.0"
+                )
+                print(f":bookmark_tabs: Using license [bold][magenta]{license_}[/][/]")
+                pyproject_toml["project"]["license"] = license_  # type: ignore
+
+                requires_python = Prompt.ask(
+                    "\n:snake: Please enter the [bold][magenta]allowed python[/][/] versions for your component. Leave blank for '>=3.10'"
+                )
+                requires_python = requires_python or ">=3.10"
+                print(
+                    f":snake: Using requires-python of [bold][magenta]{requires_python}[/][/]"
+                )
+                pyproject_toml["project"]["requires-python"] = (  # type: ignore
+                    requires_python or ">=3.10"
+                )
+
+                print(
+                    "\n:label: Please add some keywords to help others discover your component."
+                )
+                while True:
+                    keyword = Prompt.ask(":label: Leave blank to stop adding keywords")
+                    if keyword:
+                        keywords.append(keyword)
+                    else:
+                        break
+                current_keywords = pyproject_toml["project"].get("keywords", [])  # type: ignore
+                pyproject_toml["project"]["keywords"] = current_keywords + keywords  # type: ignore
+                with open(directory / "pyproject.toml", "w", encoding="utf-8") as f:
+                    dump(pyproject_toml, f)
+
+        (directory / "demo" / "requirements.txt").write_text(package_name)
+        readme_path = Path(__file__).parent / "files" / "README.md"
+
+        readme_contents = readme_path.read_text()
+        tags = f", {', '.join(keywords)}" if keywords else ""
+        template = f", {template}"
+        readme_contents = (
+            readme_contents.replace("<<title>>", package_name)
+            .replace("<<short-description>>", description)
+            .replace("<<tags>>", tags)
+            .replace("<<template>>", template)
+        )
+        (directory / "README.md").write_text(readme_contents)
+
+        print("\nComponent creation [bold][magenta]complete[/][/]!")
diff --git a/gradio/cli/commands/components/dev.py b/gradio/cli/commands/components/dev.py
new file mode 100644
index 0000000..dbaee98
--- /dev/null
+++ b/gradio/cli/commands/components/dev.py
@@ -0,0 +1,134 @@
+from __future__ import annotations
+
+import shutil
+import subprocess
+from pathlib import Path
+from typing import Annotated
+
+import typer
+from rich import print
+
+import gradio
+from gradio.analytics import custom_component_analytics
+from gradio.cli.commands.components.install_component import _get_executable_path
+
+gradio_template_path = Path(gradio.__file__).parent / "templates" / "frontend"  # type: ignore
+
+
+def _dev(
+    app: Annotated[
+        Path,
+        typer.Argument(
+            help="The path to the app. By default, looks for demo/app.py in the current directory."
+        ),
+    ] = Path("demo") / "app.py",
+    component_directory: Annotated[
+        Path,
+        typer.Option(
+            help="The directory with the custom component source code. By default, uses the current directory."
+        ),
+    ] = Path("."),
+    host: Annotated[
+        str,
+        typer.Option(
+            help="The host to run the front end server on. Defaults to localhost.",
+        ),
+    ] = "localhost",
+    python_path: Annotated[
+        str | None,
+        typer.Option(
+            help="Path to python executable. If None, will use the default path found by `which python3`. If python3 is not found, `which python` will be tried. If both fail an error will be raised."
+        ),
+    ] = None,
+    gradio_path: Annotated[
+        str | None,
+        typer.Option(
+            help="Path to gradio executable. If None, will use the default path found by `shutil.which`."
+        ),
+    ] = None,
+):
+    custom_component_analytics(
+        "dev",
+        None,
+        None,
+        None,
+        None,
+        python_path=python_path,
+        gradio_path=gradio_path,
+    )
+    component_directory = component_directory.resolve()
+
+    print(f":recycle: [green]Launching[/] {app} in reload mode\n")
+
+    node = shutil.which("node")
+    if not node:
+        raise ValueError("node must be installed in order to run dev mode.")
+
+    python_path = _get_executable_path(
+        "python", python_path, cli_arg_name="--python-path", check_3=True
+    )
+    gradio_path = _get_executable_path(
+        "gradio", gradio_path, cli_arg_name="--gradio-path"
+    )
+
+    gradio_node_path = subprocess.run(
+        [node, "-e", "console.log(require.resolve('@gradio/preview'))"],
+        cwd=Path(component_directory / "frontend"),
+        check=False,
+        capture_output=True,
+    )
+
+    if gradio_node_path.returncode != 0:
+        raise ValueError(
+            "Could not find `@gradio/preview`. Run `npm i -D @gradio/preview` in your frontend folder."
+        )
+
+    gradio_node_path = gradio_node_path.stdout.decode("utf-8").strip()
+
+    proc = subprocess.Popen(
+        [
+            node,
+            gradio_node_path,
+            "--component-directory",
+            component_directory,
+            "--root",
+            gradio_template_path,
+            "--app",
+            str(app),
+            "--mode",
+            "dev",
+            "--host",
+            host,
+            "--python-path",
+            python_path,
+            "--gradio-path",
+            gradio_path,
+        ],
+        stdout=subprocess.PIPE,
+        stderr=subprocess.STDOUT,
+    )
+    while True:
+        proc.poll()
+        text = proc.stdout.readline()  # type: ignore
+        err = None
+        if proc.stderr:
+            err = proc.stderr.readline()
+
+        text = (
+            text.decode("utf-8")
+            .replace("Changes detected in:", "[orange3]Changed detected in:[/]")
+            .replace("Watching:", "[orange3]Watching:[/]")
+            .replace("Running on local URL", "[orange3]Backend Server[/]")
+        )
+
+        if "[orange3]Watching:[/]" in text:
+            text += f"'{str(component_directory / 'frontend').strip()}',"
+        if "To create a public link" in text:
+            continue
+        print(text)
+        if err:
+            print(err.decode("utf-8"))
+
+        if proc.returncode is not None:
+            print("Backend server failed to launch. Exiting.")
+            return
diff --git a/gradio/cli/commands/components/docs.py b/gradio/cli/commands/components/docs.py
new file mode 100644
index 0000000..73d0372
--- /dev/null
+++ b/gradio/cli/commands/components/docs.py
@@ -0,0 +1,213 @@
+from __future__ import annotations
+
+import importlib
+import re
+from pathlib import Path
+from typing import Annotated, Any
+
+import httpx
+import tomlkit as toml
+from typer import Argument, Option
+
+from gradio.analytics import custom_component_analytics
+from gradio.cli.commands.display import LivePanelDisplay
+
+from ._docs_assets import css
+from ._docs_utils import (
+    RUFF_INSTALLED,
+    extract_docstrings,
+    get_deep,
+    make_markdown,
+    make_space,
+)
+
+
+def _docs(
+    path: Annotated[
+        Path, Argument(help="The directory of the custom component.")
+    ] = Path("."),
+    demo_dir: Annotated[Path | None, Option(help="Path to the demo directory.")] = None,
+    demo_name: Annotated[str | None, Option(help="Name of the demo file.")] = None,
+    readme_path: Annotated[
+        Path | None, Option(help="Path to the README.md file.")
+    ] = None,
+    space_url: Annotated[
+        str | None, Option(help="URL of the Space to use for the demo.")
+    ] = None,
+    generate_space: Annotated[
+        bool,
+        Option(
+            help="Create a documentation space for the custom compone.", is_flag=True
+        ),
+    ] = True,
+    generate_readme: Annotated[
+        bool,
+        Option(help="Create a README.md file for the custom component.", is_flag=True),
+    ] = True,
+    suppress_demo_check: Annotated[
+        bool,
+        Option(
+            help="Suppress demo warnings and errors.",
+            is_flag=True,
+        ),
+    ] = False,
+):
+    """Runs the documentation generator."""
+    custom_component_analytics(
+        "docs",
+        None,
+        None,
+        None,
+        None,
+    )
+
+    _component_dir = Path(path).resolve()
+    _demo_dir = Path(demo_dir).resolve() if demo_dir else Path("demo").resolve()
+    _demo_name = demo_name if demo_name else "app.py"
+    _demo_path = _demo_dir / _demo_name
+    _readme_path = (
+        Path(readme_path).resolve() if readme_path else _component_dir / "README.md"
+    )
+
+    if not generate_space and not generate_readme:
+        raise ValueError("Must generate at least one of space or readme")
+
+    with LivePanelDisplay() as live:
+        live.update(
+            f":page_facing_up: Generating documentation for [orange3]{str(_component_dir.name)}[/]",
+            add_sleep=0.2,
+        )
+        live.update(
+            f":eyes: Reading project metadata from [orange3]{_component_dir}/pyproject.toml[/]\n"
+        )
+
+        if not (_component_dir / "pyproject.toml").exists():
+            raise ValueError(
+                f"Cannot find pyproject.toml file in [orange3]{_component_dir}[/]"
+            )
+
+        with open(_component_dir / "pyproject.toml", encoding="utf-8") as f:
+            data = toml.loads(f.read())
+
+        name = get_deep(data, ["project", "name"])
+
+        if not isinstance(name, str):
+            raise ValueError("Name not found in pyproject.toml")
+
+        if not RUFF_INSTALLED:
+            live.update(
+                "\n:warning: [yellow]Ruff is not installed. Code snippets will not be formatted. To install, run `pip install ruff`.[/]"
+            )
+
+        run_command(
+            live=live,
+            name=name,
+            suppress_demo_check=suppress_demo_check,
+            pyproject_toml=data,
+            generate_space=generate_space,
+            generate_readme=generate_readme,
+            type_mode="simple",
+            _demo_path=_demo_path,
+            _demo_dir=_demo_dir,
+            _readme_path=_readme_path,
+            space_url=space_url,
+            _component_dir=_component_dir,
+        )
+
+
+def run_command(
+    live: LivePanelDisplay,
+    name: str,
+    pyproject_toml: dict[str, Any],
+    suppress_demo_check: bool,
+    generate_space: bool,
+    generate_readme: bool,
+    type_mode: str,
+    _demo_path: Path,
+    _demo_dir: Path,
+    _readme_path: Path,
+    space_url: str | None,
+    _component_dir: Path,
+    simple: bool = False,
+):
+    with open(_demo_path, encoding="utf-8") as f:
+        demo = f.read()
+
+    pypi_exists = httpx.get(f"https://pypi.org/pypi/{name}/json").status_code
+
+    pypi_exists = pypi_exists == 200 or False
+
+    local_version = get_deep(pyproject_toml, ["project", "version"])
+    description = str(get_deep(pyproject_toml, ["project", "description"]) or "")
+    repo = get_deep(pyproject_toml, ["project", "urls", "repository"])
+    space = (
+        space_url
+        if space_url
+        else get_deep(pyproject_toml, ["project", "urls", "space"])
+    )
+
+    if not local_version and not pypi_exists:
+        raise ValueError(
+            f"Cannot find version in pyproject.toml or on PyPI for [orange3]{name}[/].\nIf you have just published to PyPI, please wait a few minutes and try again."
+        )
+    module = importlib.import_module(name)
+    (docs, type_mode) = extract_docstrings(module)
+
+    if generate_space:
+        if not simple:
+            live.update(":computer: [blue]Generating space.[/]")
+
+        source = make_space(
+            docs=docs,
+            name=name,
+            description=description,
+            local_version=local_version
+            if local_version is None
+            else str(local_version),
+            demo=demo,
+            space=space if space is None else str(space),
+            repo=repo if repo is None else str(repo),
+            pypi_exists=pypi_exists,
+            suppress_demo_check=suppress_demo_check,
+        )
+
+        with open(_demo_dir / "space.py", "w", encoding="utf-8") as f:
+            f.write(source)
+            if not simple:
+                live.update(
+                    f":white_check_mark: Space created in [orange3]{_demo_dir}/space.py[/]\n"
+                )
+        with open(_demo_dir / "css.css", "w", encoding="utf-8") as f:
+            f.write(css)
+
+    if generate_readme:
+        if not simple:
+            live.update(":pencil: [blue]Generating README.[/]")
+        readme = make_markdown(
+            docs, name, description, local_version, demo, space, repo, pypi_exists
+        )
+
+        readme_content = Path(_readme_path).read_text()
+
+        with open(_readme_path, "w", encoding="utf-8") as f:
+            yaml_regex = re.search(
+                "(?:^|[\r\n])---[\n\r]+([\\S\\s]*?)[\n\r]+---([\n\r]|$)", readme_content
+            )
+            if yaml_regex is not None:
+                readme = readme_content[: yaml_regex.span()[-1]] + readme
+            f.write(readme)
+            if not simple:
+                live.update(
+                    f":white_check_mark: README generated in [orange3]{_readme_path}[/]"
+                )
+    if simple:
+        short_readme_path = Path(_readme_path).relative_to(_component_dir)
+        short_demo_path = Path(_demo_dir / "space.py").relative_to(_component_dir)
+        live.update(
+            f":white_check_mark: Documentation generated in [orange3]{short_demo_path}[/] and [orange3]{short_readme_path}[/]. Pass --no-generate-docs to disable auto documentation."
+        )
+
+    if type_mode == "simple":
+        live.update(
+            "\n:orange_circle: [red]The docs were generated in simple mode. Updating python to a more recent version will result in richer documentation.[/]"
+        )
diff --git a/gradio/cli/commands/components/files/README.md b/gradio/cli/commands/components/files/README.md
new file mode 100644
index 0000000..1c8256e
--- /dev/null
+++ b/gradio/cli/commands/components/files/README.md
@@ -0,0 +1,15 @@
+---
+tags: [gradio-custom-component<<template>><<tags>>]
+title: <<title>>
+short_description: <<short-description>>
+colorFrom: blue
+colorTo: yellow
+sdk: gradio
+pinned: false
+app_file: space.py
+---
+
+# <<title>>
+
+You can auto-generate documentation for your custom component with the `gradio cc docs` command.
+You can also edit this file however you like.
diff --git a/gradio/cli/commands/components/files/gitignore b/gradio/cli/commands/components/files/gitignore
new file mode 100644
index 0000000..5dd75ec
--- /dev/null
+++ b/gradio/cli/commands/components/files/gitignore
@@ -0,0 +1,12 @@
+.eggs/
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+__tmp/*
+*.pyi
+.mypycache
+.ruff_cache
+node_modules
+backend/**/templates/
\ No newline at end of file
diff --git a/gradio/cli/commands/components/files/gradio.config.js b/gradio/cli/commands/components/files/gradio.config.js
new file mode 100644
index 0000000..19f8f32
--- /dev/null
+++ b/gradio/cli/commands/components/files/gradio.config.js
@@ -0,0 +1,9 @@
+export default {
+  plugins: [],
+  svelte: {
+    preprocess: [],
+  },
+  build: {
+    target: "modules",
+  },
+};
\ No newline at end of file
diff --git a/gradio/cli/commands/components/files/pyproject_.toml b/gradio/cli/commands/components/files/pyproject_.toml
new file mode 100644
index 0000000..a5b978d
--- /dev/null
+++ b/gradio/cli/commands/components/files/pyproject_.toml
@@ -0,0 +1,54 @@
+[build-system]
+requires = [
+  "hatchling",
+  "hatch-requirements-txt",
+  "hatch-fancy-pypi-readme>=22.5.0",
+]
+build-backend = "hatchling.build"
+
+[project]
+name = "<<name>>"
+version = "0.0.1"
+description = "Python library for easily interacting with trained machine learning models"
+readme = "README.md"
+license = "Apache-2.0"
+requires-python = ">=3.8"
+authors = [{ name = "YOUR NAME", email = "YOUREMAIL@domain.com" }]
+keywords = [
+  "gradio-custom-component",
+  "<<template>>"
+]
+# Add dependencies here
+dependencies = ["gradio>=6.0,<7.0"]
+classifiers = [
+  'Development Status :: 3 - Alpha',
+  'Operating System :: OS Independent',
+  'Programming Language :: Python :: 3',
+  'Programming Language :: Python :: 3 :: Only',
+  'Programming Language :: Python :: 3.8',
+  'Programming Language :: Python :: 3.9',
+  'Programming Language :: Python :: 3.10',
+  'Programming Language :: Python :: 3.11',
+  'Topic :: Scientific/Engineering',
+  'Topic :: Scientific/Engineering :: Artificial Intelligence',
+  'Topic :: Scientific/Engineering :: Visualization',
+]
+
+# The repository and space URLs are optional, but recommended.
+# Adding a repository URL will create a badge in the auto-generated README that links to the repository.
+# Adding a space URL will create a badge in the auto-generated README that links to the space.
+# This will make it easy for people to find your deployed demo or source code when they
+# encounter your project in the wild.
+
+# [project.urls]
+# repository = "your github repository"
+# space = "your space url"
+
+[project.optional-dependencies]
+dev = ["build", "twine"]
+
+[tool.hatch.build]
+artifacts = ["/backend/<<name>>/templates", "*.pyi"]
+
+[tool.hatch.build.targets.wheel]
+packages = ["/backend/<<name>>"]
diff --git a/gradio/cli/commands/components/files/tsconfig.json b/gradio/cli/commands/components/files/tsconfig.json
new file mode 100644
index 0000000..0427357
--- /dev/null
+++ b/gradio/cli/commands/components/files/tsconfig.json
@@ -0,0 +1,14 @@
+{
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"verbatimModuleSyntax": true
+	},
+	"exclude": ["node_modules", "dist", "./gradio.config.js"]
+}
diff --git a/gradio/cli/commands/components/install_component.py b/gradio/cli/commands/components/install_component.py
new file mode 100644
index 0000000..6912e7e
--- /dev/null
+++ b/gradio/cli/commands/components/install_component.py
@@ -0,0 +1,110 @@
+from __future__ import annotations
+
+import shutil
+import subprocess
+from pathlib import Path
+from typing import Annotated
+
+from rich.markup import escape
+from typer import Argument, Option
+
+from gradio.cli.commands.display import LivePanelDisplay
+from gradio.utils import set_directory
+
+
+def _get_npm(npm_install: str):
+    npm_install = npm_install.strip()
+    if npm_install == "npm install":
+        npm = shutil.which("npm")
+        if not npm:
+            raise ValueError(
+                "By default, the install command uses npm to install "
+                "the frontend dependencies. Please install npm or pass your own install command "
+                "via the --npm-install option."
+            )
+        npm_install = f"{npm} install"
+    return npm_install
+
+
+def _get_executable_path(
+    executable: str,
+    executable_path: str | None,
+    cli_arg_name: str,
+    check_3: bool = False,
+) -> str:
+    """Get the path to an executable, either from the provided path or from the PATH environment variable.
+
+    The value of executable_path takes precedence in case the value in PATH is incorrect.
+    This should give more control to the developer in case their envrinment is not set up correctly.
+
+    If check_3 is True, we append 3 to the executable name to give python3 priority over python (same for pip).
+    """
+    if executable_path:
+        if not Path(executable_path).exists() or not Path(executable_path).is_file():
+            raise ValueError(
+                f"The provided {executable} path ({executable_path}) does not exist or is not a file."
+            )
+        return executable_path
+    path = shutil.which(executable)
+    if check_3:
+        path = shutil.which(f"{executable}3") or path
+    if not path:
+        raise ValueError(
+            f"Could not find {executable}. Please ensure it is installed and in your PATH or pass the {cli_arg_name} parameter."
+        )
+    return path
+
+
+def _install_command(
+    directory: Path, live: LivePanelDisplay, npm_install: str, pip_path: str | None
+):
+    pip_executable_path = _get_executable_path(
+        "pip", executable_path=pip_path, cli_arg_name="--pip-path", check_3=True
+    )
+    cmds = [pip_executable_path, "install", "-e", f"{str(directory)}[dev]"]
+    live.update(
+        f":construction_worker: Installing python... [grey37]({escape(' '.join(cmds))})[/]"
+    )
+    pipe = subprocess.run(cmds, capture_output=True, text=True, check=False)
+
+    if pipe.returncode != 0:
+        live.update(":red_square: Python installation [bold][red]failed[/][/]")
+        live.update(pipe.stderr)
+        raise SystemExit("Python installation failed")
+
+    else:
+        live.update(":white_check_mark: Python install succeeded!")
+
+    live.update(
+        f":construction_worker: Installing javascript... [grey37]({npm_install})[/]"
+    )
+    with set_directory(directory / "frontend"):
+        pipe = subprocess.run(
+            npm_install.split(), capture_output=True, text=True, check=False
+        )
+        if pipe.returncode != 0:
+            live.update(":red_square: NPM install [bold][red]failed[/][/]")
+            live.update(pipe.stdout)
+            live.update(pipe.stderr)
+            raise SystemExit("NPM install failed")
+        else:
+            live.update(":white_check_mark: NPM install succeeded!")
+
+
+def _install(
+    directory: Annotated[
+        Path, Argument(help="The directory containing the custom components.")
+    ] = Path("."),
+    npm_install: Annotated[
+        str, Option(help="NPM install command to use. Default is 'npm install'.")
+    ] = "npm install",
+    pip_path: Annotated[
+        str | None,
+        Option(
+            help="Path to pip executable. If None, will use the default path found by `which pip3`. If pip3 is not found, `which pip` will be tried. If both fail an error will be raised."
+        ),
+    ] = None,
+):
+    npm_install = _get_npm(npm_install)
+    with LivePanelDisplay() as live:
+        _install_command(directory, live, npm_install, pip_path)
diff --git a/gradio/cli/commands/components/publish.py b/gradio/cli/commands/components/publish.py
new file mode 100644
index 0000000..6a94168
--- /dev/null
+++ b/gradio/cli/commands/components/publish.py
@@ -0,0 +1,309 @@
+from __future__ import annotations
+
+import re
+import shutil
+import tempfile
+from pathlib import Path
+from typing import Annotated
+
+import semantic_version
+from huggingface_hub import HfApi
+from packaging.version import Version as PEP440Version
+from rich import print
+from rich.console import Console
+from rich.panel import Panel
+from rich.prompt import Confirm, Prompt
+from tomlkit import parse
+from typer import Argument, Option
+
+from gradio.analytics import custom_component_analytics
+
+colors = ["red", "yellow", "green", "blue", "indigo", "purple", "pink", "gray"]
+
+PYPI_REGISTER_URL = "https://pypi.org/account/register/"
+
+
+def _ignore(_src, names):
+    ignored = []
+    for n in names:
+        if "__pycache__" in n or n.startswith("dist") or n.startswith("node_modules"):
+            ignored.append(n)
+    return ignored
+
+
+def _get_version_from_file(dist_file: Path) -> str | None:
+    match = re.search(r"-(\d+\.\d+\.\d+[a-zA-Z]*\d*)-", dist_file.name)
+    if match:
+        return match.group(1)
+    return None
+
+
+def _parse_version(
+    version_string: str,
+) -> semantic_version.Version | PEP440Version | None:
+    """Parse a version string, trying semantic_version first, then PEP440."""
+    try:
+        return semantic_version.Version(version_string)
+    except ValueError:
+        try:
+            return PEP440Version(version_string)
+        except Exception:
+            return None
+
+
+def _get_max_version(distribution_files: list[Path]) -> str | None:
+    versions = []
+    for p in distribution_files:
+        version = _get_version_from_file(p)
+        # If anything goes wrong, just return None so we upload all files
+        # better safe than sorry
+        if version:
+            parsed = _parse_version(version)
+            if parsed:
+                versions.append(parsed)
+            else:
+                return None
+    return str(max(versions)) if versions else None
+
+
+def _publish(
+    dist_dir: Annotated[
+        Path,
+        Argument(help=f"Path to the wheel directory. Default is {Path('.') / 'dist'}"),
+    ] = Path(".") / "dist",
+    upload_pypi: Annotated[bool, Option(help="Whether to upload to PyPI.")] = True,
+    pypi_username: Annotated[str, Option(help="The username for PyPI.")] = "",
+    pypi_password: Annotated[str, Option(help="The password for PyPI.")] = "",
+    upload_demo: Annotated[
+        bool, Option(help="Whether to upload demo to HuggingFace.")
+    ] = True,
+    demo_dir: Annotated[Path | None, Option(help="Path to the demo directory.")] = None,
+    source_dir: Annotated[
+        Path,
+        Option(help="Path to the source directory of the custom component."),
+    ] = Path("."),
+    token: Annotated[
+        str | None,
+        Option(
+            help="HuggingFace token for uploading demo. Can be omitted if already logged in via huggingface cli."
+        ),
+    ] = None,
+    prefer_local: Annotated[
+        bool,
+        Option(
+            help="Install the package from the local wheel in the demo space, even if it exists on PyPi."
+        ),
+    ] = False,
+    upload_source: Annotated[
+        bool,
+        Option(
+            help="Whether to upload the source code of the custom component, to share with the community."
+        ),
+    ] = False,
+    repo_id: Annotated[
+        str | None,
+        Option(
+            help="The repository id to upload the demo to. If not provided, a space will be created with the same name as the package in the HuggingFace account corresponding to the token."
+        ),
+    ] = None,
+):
+    custom_component_analytics(
+        "publish",
+        None,
+        upload_demo=upload_demo,
+        upload_pypi=upload_pypi,
+        upload_source=upload_source,
+    )
+    console = Console()
+    dist_dir = dist_dir.resolve()
+
+    if not dist_dir.exists():
+        raise ValueError(
+            f"{dist_dir} does not exist. Run `gradio cc build` to create a wheel and source distribution."
+        )
+    if not dist_dir.is_dir():
+        raise ValueError(f"{dist_dir} is not a directory")
+    distribution_files = [
+        p.resolve() for p in Path(dist_dir).glob("*") if p.suffix in {".whl", ".gz"}
+    ]
+
+    def _get_wheel_version(path: Path):
+        version_str = str(path.name).split("-")[1]
+        parsed = _parse_version(version_str)
+        if parsed is None:
+            raise ValueError(f"Could not parse version {version_str} from {path.name}")
+        return parsed
+
+    wheel_file = max(
+        (p for p in distribution_files if p.suffix == ".whl"),
+        key=_get_wheel_version,
+    )
+    if not wheel_file:
+        raise ValueError(
+            "A wheel file was not found in the distribution directory. "
+            "Run `gradio cc build` to create a wheel file."
+        )
+    config_file = None
+    if upload_pypi and (not pypi_username or not pypi_password):
+        panel = Panel(
+            "It is recommended to upload your component to pypi so that [bold][magenta]anyone[/][/] "
+            "can install it with [bold][magenta]pip install[/][/].\n\n"
+            f"A PyPi account is needed. If you do not have an account, register account here: [blue]{PYPI_REGISTER_URL}[/]",
+        )
+        print(panel)
+        upload_pypi = Confirm.ask(":snake: Upload to pypi?")
+        if upload_pypi and (Path.home() / ".pypirc").exists():
+            print(":closed_lock_with_key: Found .pypirc file in home directory.")
+            config_file = str(Path.home() / ".pypirc")
+        elif upload_pypi:
+            print(
+                ":light_bulb: You can generate an API token at [blue]https://pypi.org/manage/account/token/[/]"
+            )
+            pypi_token = Prompt.ask(
+                ":closed_lock_with_key: Enter your pypi API token", password=True
+            )
+            pypi_username = "__token__"
+            pypi_password = pypi_token
+    if upload_pypi:
+        try:
+            from twine.commands.upload import upload as twine_upload  # type: ignore
+            from twine.exceptions import InvalidDistribution  # type: ignore
+            from twine.settings import Settings  # type: ignore
+        except (ImportError, ModuleNotFoundError) as e:
+            raise ValueError(
+                "The twine library must be installed to publish to pypi."
+                "Install it with pip, pip install twine."
+            ) from e
+        if pypi_username and pypi_password:
+            twine_settings = Settings(username=pypi_username, password=pypi_password)
+        elif config_file:
+            twine_settings = Settings(config_file=config_file)
+        else:
+            raise ValueError(
+                "No pypi username or password provided and no ~/.pypirc file found."
+            )
+        try:
+            # do our best to only upload the latest versions
+            max_version = _get_max_version(distribution_files)
+            twine_files = [
+                str(p)
+                for p in distribution_files
+                if (not max_version or max_version in p.name)
+            ]
+            print(f"Uploading files: {','.join(twine_files)}")
+            try:
+                twine_upload(twine_settings, twine_files)
+            except InvalidDistribution as e:
+                raise ValueError(
+                    "Invalid distribution when uploading to pypi. "
+                    "Try upgrading 'pkginfo' with python -m pip install pkginfo --upgrade"
+                ) from e
+        except Exception:
+            console.print_exception()
+    if upload_demo and not demo_dir:
+        panel = Panel(
+            "It is recommended you upload a demo of your component to [blue]https://huggingface.co/spaces[/] "
+            "so that anyone can try it from their browser."
+        )
+        print(panel)
+        upload_demo = Confirm.ask(":hugging_face: Upload demo?")
+        if upload_demo:
+            panel = Panel(
+                "Please provide the path to the [magenta]demo directory[/] for your custom component.\n\n"
+                "This directory should contain [magenta]all the files[/] it needs to run successfully.\n\n"
+                "Please make sure the gradio app is in an [magenta]space.py[/] file.\n\n"
+                "If you need additional python requirements, add a [magenta]requirements.txt[/] file to this directory."
+            )
+            print(panel)
+            demo_dir_ = Prompt.ask(
+                f":roller_coaster: Please enter the path to the demo directory. Leave blank to use: {(Path('.') / 'demo')}"
+            )
+            demo_dir_ = demo_dir_ or str(Path(".") / "demo")
+            demo_dir = Path(demo_dir_).resolve()
+
+    if upload_demo and not upload_source:
+        panel = Panel(
+            "It is recommended that you share your [magenta]source code[/] so that others can learn from and improve your component."
+        )
+        print(panel)
+        upload_source = Confirm.ask(":books: Would you like to share your source code?")
+        if upload_source:
+            source_dir_ = (
+                Prompt.ask(
+                    f":file_folder: Please enter the path to the source directory. Leave blank to use: {source_dir}"
+                )
+                or source_dir
+            )
+            source_dir = Path(source_dir_).resolve()
+
+    if upload_demo:
+        pyproject_toml_path = source_dir / "pyproject.toml"
+
+        try:
+            pyproject_toml = parse(pyproject_toml_path.read_text())
+            package_name = pyproject_toml["project"]["name"]  # type: ignore
+        except Exception:
+            (package_name, _) = wheel_file.name.split("-")[:2]
+
+        if not demo_dir:
+            raise ValueError("demo_dir must be set")
+
+        package_name, _ = wheel_file.name.split("-")[:2]
+        with tempfile.TemporaryDirectory() as tempdir:
+            shutil.copytree(
+                str(demo_dir),
+                str(tempdir),
+                dirs_exist_ok=True,
+            )
+            shutil.copyfile(
+                str(source_dir / ".gitignore"),
+                str(Path(tempdir) / ".gitignore"),
+            )
+            if upload_source:
+                shutil.copytree(
+                    str(source_dir),
+                    str(Path(tempdir) / "src"),
+                    dirs_exist_ok=True,
+                    ignore=_ignore,
+                )
+
+            shutil.copyfile(
+                str(source_dir / "README.md"), str(Path(tempdir) / "README.md")
+            )
+
+            api = HfApi(token=token)
+            repo_url = api.create_repo(
+                repo_id=repo_id or package_name,
+                repo_type="space",
+                exist_ok=True,
+                space_sdk="gradio",
+            )
+            repo_id = repo_url.repo_id
+            api.upload_folder(
+                repo_id=repo_id,
+                folder_path=tempdir,
+                repo_type="space",
+            )
+            if prefer_local:
+                api.upload_file(
+                    repo_id=repo_id,
+                    path_or_fileobj=str(wheel_file),
+                    path_in_repo=wheel_file.name,
+                    repo_type="space",
+                )
+            print("\n")
+            # Do a factory reboot so that the new dependencies get installed
+            api.restart_space(repo_id=repo_id, factory_reboot=True, token=token)
+            print(f"Demo uploaded to https://huggingface.co/spaces/{repo_id} !")
+
+
+def resolve_demo(demo_dir: Path) -> Path:
+    _demo_dir = demo_dir.resolve()
+    if (_demo_dir / "space.py").exists():
+        return _demo_dir / "space.py"
+    elif (_demo_dir / "app.py").exists():
+        return _demo_dir / "app.py"
+    else:
+        raise FileNotFoundError(
+            f'Could not find "space.py" or "app.py" in "{demo_dir}".'
+        )
diff --git a/gradio/cli/commands/components/show.py b/gradio/cli/commands/components/show.py
new file mode 100644
index 0000000..5ab8bcf
--- /dev/null
+++ b/gradio/cli/commands/components/show.py
@@ -0,0 +1,83 @@
+from __future__ import annotations
+
+import inspect
+
+from rich.console import Console
+from rich.table import Table
+
+import gradio._simple_templates
+import gradio.components
+import gradio.layouts
+from gradio.analytics import custom_component_analytics
+from gradio.blocks import BlockContext
+from gradio.components import Component, FormComponent
+
+_IGNORE = {
+    "Text",
+    "Dataframe",
+    "Highlightedtext",
+    "Annotatedimage",
+    "Checkboxgroup",
+    "Json",
+    "Highlight",
+    "Component",
+    "Form",
+    "Dataset",
+    "FormComponent",
+    "Fallback",
+    "State",
+    "LogoutButton",
+}
+
+_BEGINNER_FRIENDLY = {"Slider", "Radio", "Checkbox", "Number", "CheckboxGroup", "File"}
+
+
+def _get_table_items(module):
+    items = []
+    for name in module.__all__:
+        if name in _IGNORE:
+            continue
+        gr_cls = getattr(module, name)
+        if not (
+            inspect.isclass(gr_cls) and issubclass(gr_cls, (Component, BlockContext))
+        ):
+            continue
+        tags = []
+        if "Simple" in name or name in _BEGINNER_FRIENDLY:
+            tags.append(":seedling::handshake:Beginner Friendly:seedling::handshake:")
+        if issubclass(gr_cls, FormComponent):
+            tags.append(":pencil::jigsaw:Form Component:pencil::jigsaw:")
+        if name in gradio.layouts.__all__:
+            tags.append(":triangular_ruler:Layout:triangular_ruler:")
+        doc = inspect.getdoc(gr_cls) or "No description available."
+        doc = doc.split(".")[0]
+        if tags:
+            doc = f"[{', '.join(tags)}]" + " " + doc
+        items.append((name, doc))
+
+    return items
+
+
+def _show():
+    custom_component_analytics(
+        "show",
+        None,
+        upload_demo=None,
+        upload_pypi=None,
+        upload_source=None,
+    )
+    items = (
+        _get_table_items(gradio._simple_templates)
+        + _get_table_items(gradio.components)
+        + _get_table_items(gradio.layouts)
+    )
+    table = Table(show_header=True, header_style="orange1", show_lines=True)
+    table.add_column("Name", justify="center")
+    table.add_column("Description", justify="center")
+
+    for item in items:
+        table.add_row(*item)
+
+    console = Console()
+    with console.pager():
+        console.print(table)
diff --git a/gradio/cli/commands/deploy_space.py b/gradio/cli/commands/deploy_space.py
new file mode 100644
index 0000000..d67de2e
--- /dev/null
+++ b/gradio/cli/commands/deploy_space.py
@@ -0,0 +1,321 @@
+from __future__ import annotations
+
+import os
+import re
+import shutil
+import subprocess
+from typing import Annotated
+
+import huggingface_hub
+from rich import print
+from typer import Option
+
+import gradio as gr
+
+repo_directory = os.getcwd()
+readme_file = os.path.join(repo_directory, "README.md")
+github_action_template = os.path.join(
+    os.path.dirname(__file__), "deploy_space_action.yaml"
+)
+
+
+def add_configuration_to_readme(
+    title: str | None,
+    app_file: str | None,
+) -> dict:
+    configuration = {}
+
+    dir_name = os.path.basename(repo_directory)
+    if title is None:
+        title = input(f"Enter Spaces app title [{dir_name}]: ") or dir_name
+    formatted_title = format_title(title)
+    if formatted_title != title:
+        print(f"Formatted to {formatted_title}. ")
+    configuration["title"] = formatted_title
+
+    if app_file is None:
+        for file in os.listdir(repo_directory):
+            file_path = os.path.join(repo_directory, file)
+            if not os.path.isfile(file_path) or not file.endswith(".py"):
+                continue
+
+            with open(file_path, encoding="utf-8", errors="ignore") as f:
+                content = f.read()
+                if "import gradio" in content:
+                    app_file = file
+                    break
+
+        app_file = (
+            input(f"Enter Gradio app file {f'[{app_file}]' if app_file else ''}: ")
+            or app_file
+        )
+    if not app_file or not os.path.exists(app_file):
+        raise FileNotFoundError("Failed to find Gradio app file.")
+    configuration["app_file"] = app_file
+
+    configuration["sdk"] = "gradio"
+    configuration["sdk_version"] = gr.__version__
+    huggingface_hub.metadata_save(readme_file, configuration)
+
+    configuration["hardware"] = (
+        input(
+            f"Enter Spaces hardware ({', '.join(hardware.value for hardware in huggingface_hub.SpaceHardware)}) [cpu-basic]: "
+        )
+        or "cpu-basic"
+    )
+
+    secrets = {}
+    if input("Any Spaces secrets (y/n) [n]: ") == "y":
+        while True:
+            secret_name = input("Enter secret name (leave blank to end): ")
+            if not secret_name:
+                break
+            secret_value = input(f"Enter secret value for {secret_name}: ")
+            secrets[secret_name] = secret_value
+    configuration["secrets"] = secrets
+
+    requirements_file = os.path.join(repo_directory, "requirements.txt")
+    if (
+        not os.path.exists(requirements_file)
+        and input("Create requirements.txt file? (y/n) [n]: ").lower() == "y"
+    ):
+        while True:
+            requirement = input("Enter a dependency (leave blank to end): ")
+            if not requirement:
+                break
+            with open(requirements_file, "a", encoding="utf-8") as f:
+                f.write(requirement + "\n")
+
+    if (
+        input(
+            "Create Github Action to automatically update Space on 'git push'? [n]: "
+        ).lower()
+        == "y"
+    ):
+        track_branch = input("Enter branch to track [main]: ") or "main"
+        github_action_file = os.path.join(
+            repo_directory, ".github/workflows/update_space.yml"
+        )
+        os.makedirs(os.path.dirname(github_action_file), exist_ok=True)
+        with open(github_action_template, encoding="utf-8") as f:
+            github_action_content = f.read()
+        github_action_content = github_action_content.replace("$branch", track_branch)
+        with open(github_action_file, "w", encoding="utf-8") as f:
+            f.write(github_action_content)
+
+        print(
+            "Github Action created. Add your Hugging Face write token (from https://huggingface.co/settings/tokens) as an Actions Secret named 'hf_token' to your GitHub repository. This can be set in your repository's settings page."
+        )
+
+    return configuration
+
+
+def format_title(title: str):
+    title = title.replace(" ", "_")
+    title = re.sub(r"[^a-zA-Z0-9\-._]", "", title)
+    title = re.sub("-+", "-", title)
+    while title.startswith("."):
+        title = title[1:]
+    return title
+
+
+def check_gcloud_auth():
+    """Check if user is logged in to Google Cloud and has a project selected."""
+    try:
+        auth_result = subprocess.run(
+            ["gcloud", "auth", "list", "--filter=status:ACTIVE"],
+            check=True,
+            text=True,
+            capture_output=True,
+        )
+
+        if not auth_result.stdout.strip():
+            print("[bold yellow]You are not logged in to Google Cloud.[/bold yellow]")
+            print("Running 'gcloud init' to set up authentication...")
+            subprocess.run(["gcloud", "init"], check=True)
+
+        project_result = subprocess.run(
+            ["gcloud", "config", "get-value", "project"],
+            check=True,
+            text=True,
+            capture_output=True,
+        )
+
+        if not project_result.stdout.strip():
+            print("[bold yellow]No Google Cloud project is selected.[/bold yellow]")
+            project_id = input("Enter your Google Cloud project ID: ")
+            if not project_id:
+                print("[red]Project ID is required for deployment.[/red]")
+                return None
+            return project_id
+
+        print(f"[green]✓ Authenticated as: {auth_result.stdout.strip()}[/green]")
+        print(f"[green]✓ Project: {project_result.stdout.strip()}[/green]")
+        return project_result.stdout.strip()
+
+    except subprocess.CalledProcessError as e:
+        print(f"[bold red]Error checking Google Cloud configuration: {e}[/bold red]")
+        print("Running 'gcloud init' to set up configuration...")
+        try:
+            subprocess.run(["gcloud", "init"], check=True)
+        except subprocess.CalledProcessError as init_error:
+            print(f"[red]Failed to run 'gcloud init': {init_error}[/red]")
+            return False
+    except FileNotFoundError:
+        print(
+            "[bold red]gcloud CLI not found. Please install Google Cloud SDK.[/bold red]"
+        )
+        return False
+
+    return True
+
+
+def deploy_to_gcloud():
+    """Deploy a Gradio app to Google Cloud Run. Always uses app.py as the entry point."""
+    if not shutil.which("gcloud"):
+        print(
+            "[bold red]gcloud CLI is not installed.[/bold red]\n"
+            "Please install the Google Cloud SDK from: "
+            "[link]https://cloud.google.com/sdk/docs/install[/link]"
+        )
+        return
+
+    project_id = check_gcloud_auth()
+    if not project_id:
+        print(
+            "[bold red]Google Cloud configuration failed. Please run 'gcloud init' manually.[/bold red]"
+        )
+        return
+
+    if not os.path.exists("app.py") and not os.path.exists("main.py"):
+        print(
+            "[bold red]Error:[/bold red] app.py and main.py not found. Google Cloud Run deployment requires app.py or main.py as the entry point."
+        )
+        return
+
+    requirements_file = "requirements.txt"
+    if not os.path.exists(requirements_file):
+        if (
+            input(
+                f"A requirements.txt file is necessary for Google Cloud Run deployment. Create requirements.txt with gradio=={gr.__version__}? (y/n) [y]: "
+            ).lower()
+            != "n"
+        ):
+            with open(requirements_file, "w", encoding="utf-8") as f:
+                f.write(f"gradio=={gr.__version__}\n")
+            print(f"Created requirements.txt with gradio=={gr.__version__}")
+        else:
+            print("\n[yellow]Deployment cancelled.[/yellow]")
+            return
+    else:
+        with open(requirements_file, encoding="utf-8") as f:
+            requirements_content = f.read()
+
+        if "gradio" not in requirements_content and (
+            input(
+                f"Add gradio=={gr.__version__} to requirements.txt? (y/n) [y]: "
+            ).lower()
+            != "n"
+        ):
+            with open(requirements_file, "a", encoding="utf-8") as f:
+                f.write(f"gradio=={gr.__version__}\n")
+            print(f"Added gradio=={gr.__version__} to requirements.txt")
+
+    print("[bold]Deploying to Google Cloud Run...[/bold]")
+
+    try:
+        deploy_command = [
+            "gcloud",
+            "run",
+            "deploy",
+            "--source=.",
+            "--labels=created-by=gradio",
+        ]
+        if project_id:
+            deploy_command.extend(["--project", project_id])
+
+        subprocess.run(
+            deploy_command,
+            check=True,
+            text=True,
+            capture_output=False,
+        )
+        print("[green]✓ Deployment complete![/green]")
+    except subprocess.CalledProcessError as e:
+        print(f"[red]Deployment failed: {e}[/red]")
+        return
+    except KeyboardInterrupt:
+        print("\n[yellow]Deployment cancelled.[/yellow]")
+        return
+
+
+def deploy(
+    title: Annotated[str | None, Option(help="Spaces app title")] = None,
+    app_file: Annotated[
+        str | None, Option(help="File containing the Gradio app")
+    ] = None,
+    provider: Annotated[
+        str | None, Option(help="Deployment provider (spaces or gcloud)")
+    ] = "spaces",
+):
+    if provider == "gcloud":
+        if app_file and app_file != "app.py":
+            print(
+                "[yellow]Warning:[/yellow] --app-file is ignored for Google Cloud Run deployment. Using app.py as entry point."
+            )
+        deploy_to_gcloud()
+        return
+
+    if provider != "spaces":
+        print(f"[red]Unknown provider: {provider}. Use 'spaces' or 'gcloud'.[/red]")
+        return
+
+    if os.getenv("SYSTEM") == "spaces":
+        return
+
+    hf_api = huggingface_hub.HfApi()
+    whoami = None
+    login = False
+    try:
+        whoami = hf_api.whoami()
+        if whoami["auth"]["accessToken"]["role"] != "write":
+            login = True
+    except OSError:
+        login = True
+    if login:
+        print("Need 'write' access token to create a Spaces repo.")
+        huggingface_hub.login(add_to_git_credential=False)
+        whoami = hf_api.whoami()
+
+    configuration: None | dict = None
+    if os.path.exists(readme_file):
+        try:
+            configuration = huggingface_hub.metadata_load(readme_file)
+        except ValueError:
+            pass
+
+    if configuration is None:
+        print(
+            f"Creating new Spaces Repo in '{repo_directory}'. Collecting metadata, press Enter to accept default value."
+        )
+        configuration = add_configuration_to_readme(
+            title,
+            app_file,
+        )
+
+    space_id = hf_api.create_repo(
+        configuration["title"],
+        space_sdk="gradio",
+        repo_type="space",
+        exist_ok=True,
+        space_hardware=configuration.get("hardware"),
+    ).repo_id
+    hf_api.upload_folder(
+        repo_id=space_id,
+        repo_type="space",
+        folder_path=repo_directory,
+    )
+    if configuration.get("secrets"):
+        for secret_name, secret_value in configuration["secrets"].items():
+            hf_api.add_space_secret(space_id, secret_name, secret_value)
+    print(f"Space available at https://huggingface.co/spaces/{space_id}")
diff --git a/gradio/cli/commands/deploy_space_action.yaml b/gradio/cli/commands/deploy_space_action.yaml
new file mode 100644
index 0000000..74f4cbd
--- /dev/null
+++ b/gradio/cli/commands/deploy_space_action.yaml
@@ -0,0 +1,28 @@
+name: Run Python script
+
+on:
+  push:
+    branches:
+      - $branch
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+
+    - name: Set up Python
+      uses: actions/setup-python@v2
+      with:
+        python-version: '3.9'
+
+    - name: Install Gradio
+      run: python -m pip install gradio
+
+    - name: Log in to Hugging Face
+      run: python -c 'import huggingface_hub; huggingface_hub.login(token="${{ secrets.hf_token }}")'
+
+    - name: Deploy to Spaces
+      run: gradio deploy
diff --git a/gradio/cli/commands/display.py b/gradio/cli/commands/display.py
new file mode 100644
index 0000000..a031ce8
--- /dev/null
+++ b/gradio/cli/commands/display.py
@@ -0,0 +1,31 @@
+from __future__ import annotations
+
+import time
+from types import TracebackType
+
+from rich.live import Live
+from rich.panel import Panel
+
+
+class LivePanelDisplay:
+    def __init__(self, msg: str | None = None) -> None:
+        self.lines = [msg] if msg else []
+        self._panel = Live(Panel("\n".join(self.lines)), refresh_per_second=5)
+
+    def update(self, msg: str, add_sleep: float | None = None):
+        self.lines.append(msg)
+        self._panel.update(Panel("\n".join(self.lines)))
+        if add_sleep:
+            time.sleep(add_sleep)
+
+    def __enter__(self) -> LivePanelDisplay:
+        self._panel.__enter__()
+        return self
+
+    def __exit__(
+        self,
+        exc_type: type[BaseException] | None,
+        exc_val: BaseException | None,
+        exc_tb: TracebackType | None,
+    ) -> None:
+        self._panel.stop()
diff --git a/gradio/cli/commands/hf_login.py b/gradio/cli/commands/hf_login.py
new file mode 100644
index 0000000..be541c6
--- /dev/null
+++ b/gradio/cli/commands/hf_login.py
@@ -0,0 +1,46 @@
+import os
+
+from huggingface_hub import interpreter_login, whoami
+
+
+def save_login():
+    try:
+        while True:
+            response = input("Stay logged in to Hugging Face? (Y/n): ").strip().lower()
+            if response in ["y", "yes", ""]:  # Empty string for just pressing Enter
+                os.environ["GRADIO_AUTO_LOGOUT"] = "false"
+                print("You can logout at any time with: hf auth logout")
+                break
+            elif response in ["n", "no"]:
+                os.environ["GRADIO_AUTO_LOGOUT"] = "true"
+                break
+            else:
+                print("Please answer with 'y' or 'n'")
+    except (EOFError, KeyboardInterrupt):
+        os.environ["GRADIO_AUTO_LOGOUT"] = "true"
+
+
+def hf_login():
+    if os.getenv("HF_TOKEN"):
+        try:
+            user = whoami(token=os.getenv("HF_TOKEN")).get("name")
+            print(
+                f"🔓  Logged in to Hugging Face as {user}. You can logout at any time with: unset HF_TOKEN\n"
+            )
+        except Exception:
+            print("❌  Error logging in to Hugging Face with $HF_TOKEN")
+            print("Logging in with CLI prompt...\n")
+            interpreter_login()
+            save_login()
+    else:
+        try:
+            user = whoami().get("name")
+            print(
+                f"🔓  Logged in to Hugging Face as {user}. You can logout at any time with: hf auth logout\n"
+            )
+        except Exception:
+            print(
+                "🔑  No Hugging Face login found, launching login prompt... \n\nPlease use a token with permission to make calls to Inference Providers \n"
+            )
+            interpreter_login()
+            save_login()
diff --git a/gradio/cli/commands/load.py b/gradio/cli/commands/load.py
new file mode 100644
index 0000000..1e754d4
--- /dev/null
+++ b/gradio/cli/commands/load.py
@@ -0,0 +1,11 @@
+from __future__ import annotations
+
+import typer
+
+from .load_chat import main as chat
+
+load_app = typer.Typer(help="Load various types of interfaces and models")
+
+load_app.command("chat", help="Launch a chat interface using OpenAI-compatible API")(
+    chat
+)
diff --git a/gradio/cli/commands/load_chat.py b/gradio/cli/commands/load_chat.py
new file mode 100644
index 0000000..ded1c9a
--- /dev/null
+++ b/gradio/cli/commands/load_chat.py
@@ -0,0 +1,58 @@
+from __future__ import annotations
+
+import os
+
+import typer
+
+from gradio.external import load_chat as load_chat_external
+
+
+def main(
+    base_url: str = typer.Argument(
+        ..., help="OpenAI-compatible base URL, e.g. http://localhost:11434/v1/"
+    ),
+    model: str = typer.Argument(..., help="Model name, e.g. llama3.2"),
+    token: str | None = typer.Option(
+        None,
+        "--token",
+        "-t",
+        help="API key (defaults to $OPENAI_API_KEY if not provided)",
+    ),
+    file_types: list[str] = typer.Option(
+        ["text_encoded"],
+        "--file-types",
+        help="Repeatable option. Allowed values: text_encoded, image",
+    ),
+    system_message: str | None = typer.Option(
+        None, "--system-message", help="Optional system prompt"
+    ),
+    stream: bool = typer.Option(
+        True, "--stream/--no-stream", help="Enable or disable streaming"
+    ),
+    host: str | None = typer.Option(
+        None, "--host", help="Server host (maps to launch.server_name)"
+    ),
+    port: int = typer.Option(
+        7860, "--port", help="Server port (maps to launch.server_port)"
+    ),
+    share: bool = typer.Option(
+        False, "--share/--no-share", help="Create a public share link"
+    ),
+) -> None:
+    """Launch a chat interface using OpenAI-compatible API."""
+    resolved_token = token or os.getenv("OPENAI_API_KEY")
+
+    for ft in file_types:
+        if ft not in {"text_encoded", "image"}:
+            raise typer.BadParameter("file_types must be one of: text_encoded, image")
+
+    demo = load_chat_external(
+        base_url=base_url,
+        model=model,
+        token=resolved_token,
+        file_types=file_types,
+        system_message=system_message,
+        streaming=stream,
+    )
+
+    demo.launch(server_name=host, server_port=port, share=share)
diff --git a/gradio/cli/commands/reload.py b/gradio/cli/commands/reload.py
new file mode 100644
index 0000000..9d76b3d
--- /dev/null
+++ b/gradio/cli/commands/reload.py
@@ -0,0 +1,147 @@
+"""
+
+Contains the functions that run when `gradio` is called from the command line. Specifically, allows
+
+$ gradio app.py, to run app.py in reload mode where any changes in the app.py file or Gradio library reloads the demo.
+$ gradio app.py my_demo, to use variable names other than "demo"
+"""
+
+from __future__ import annotations
+
+import inspect
+import os
+import signal
+import subprocess
+import sys
+import threading
+from pathlib import Path
+
+import typer
+from rich import print
+
+import gradio
+from gradio import utils
+
+reload_thread = threading.local()
+
+
+def _handle_interrupt():
+    """Handle interrupt signals and logout based on user preference"""
+
+    if os.getenv("GRADIO_VIBE_MODE") and os.getenv("GRADIO_AUTO_LOGOUT") == "true":
+        try:
+            from huggingface_hub import logout
+
+            logout()
+            print("\n\nLogged out of Hugging Face")
+        except Exception as e:
+            print(f"\n\nError logging out of Hugging Face: {e}")
+
+    sys.exit(0)
+
+
+def _setup_config(
+    demo_path: Path,
+    additional_watch_dirs: list[str] | None = None,
+    watch_library: bool = False,
+):
+    original_path = Path(demo_path)
+    abs_original_path = utils.abspath(original_path)
+
+    if original_path.is_absolute():
+        relpath = original_path.relative_to(Path.cwd())
+    else:
+        relpath = original_path
+    module_name = str(relpath.parent / relpath.stem).replace(os.path.sep, ".")
+
+    gradio_folder = Path(inspect.getfile(gradio)).parent
+
+    message = "Watching:"
+    message_change_count = 0
+
+    watching_dirs = []
+    if str(gradio_folder).strip() and watch_library:
+        # This is a source install
+        watching_dirs.append(gradio_folder)
+        message += f" '{gradio_folder}'"
+        message_change_count += 1
+
+    abs_parent = abs_original_path.parent
+    if str(abs_parent).strip():
+        watching_dirs.append(abs_parent)
+        if message_change_count == 1:
+            message += ","
+        message += f" '{abs_parent}'"
+
+    abs_current = Path.cwd().absolute()
+    if str(abs_current).strip() and abs_current not in watching_dirs:
+        try:
+            gradio_folder.relative_to(abs_current)
+            is_subdir = True
+        except ValueError:
+            is_subdir = False
+        if is_subdir and not watch_library:
+            pass
+        else:
+            watching_dirs.append(abs_current)
+            if message_change_count == 1:
+                message += ","
+            message += f" '{abs_current}'"
+
+    for wd in additional_watch_dirs or []:
+        if Path(wd) not in watching_dirs:
+            watching_dirs.append(wd)
+
+            if message_change_count == 1:
+                message += ","
+            message += f" '{wd}'"
+
+    print(message + "\n")
+
+    # guarantee access to the module of an app
+    sys.path.insert(0, os.getcwd())
+    return module_name, abs_original_path, [str(s) for s in watching_dirs]
+
+
+def main(
+    demo_path: Path,
+    demo_name: str = "",
+    watch_dirs: list[str] | None = None,
+    encoding: str = "utf-8",
+    watch_library: bool = False,
+):
+    signal.signal(signal.SIGINT, lambda _signum, _frame: _handle_interrupt())
+    signal.signal(signal.SIGTERM, lambda _signum, _frame: _handle_interrupt())
+
+    # default execution pattern to start the server and watch changes
+    module_name, path, watch_sources = _setup_config(
+        demo_path, watch_dirs, watch_library
+    )
+
+    # Pass the following data as environment variables
+    # so that we can set up reload mode correctly in the networking.py module
+    env_vars = dict(
+        os.environ,
+        GRADIO_WATCH_DIRS=",".join(watch_sources),
+        GRADIO_WATCH_MODULE_NAME=module_name,
+        GRADIO_WATCH_DEMO_NAME=demo_name,
+        GRADIO_WATCH_DEMO_PATH=str(path),
+        GRADIO_WATCH_ENCODING=encoding,
+    )
+
+    if "GRADIO_VIBE_MODE" in os.environ:
+        env_vars["GRADIO_VIBE_MODE"] = os.environ["GRADIO_VIBE_MODE"]
+
+    popen = subprocess.Popen(
+        [sys.executable, "-u", path],
+        env=env_vars,
+    )
+    if popen.poll() is None:
+        try:
+            popen.wait()
+        except (KeyboardInterrupt, OSError):
+            pass
+
+
+if __name__ == "__main__":
+    typer.run(main)
diff --git a/gradio/cli/commands/sketch.py b/gradio/cli/commands/sketch.py
new file mode 100644
index 0000000..38f6ea4
--- /dev/null
+++ b/gradio/cli/commands/sketch.py
@@ -0,0 +1,10 @@
+from __future__ import annotations
+
+
+def launch(
+    app_file: str = "app.py",  # noqa: ARG001
+):
+    raise DeprecationWarning(
+        "The 'gradio sketch' command has been deprecated and removed in Gradio 6. "
+        "Consider using 'gradio --vibe' instead. "
+    )
diff --git a/gradio/cli/commands/skills.py b/gradio/cli/commands/skills.py
new file mode 100644
index 0000000..076cd7c
--- /dev/null
+++ b/gradio/cli/commands/skills.py
@@ -0,0 +1,413 @@
+"""CLI command to install the Gradio skill for AI coding assistants.
+
+Usage:
+    gradio skills add --cursor
+    gradio skills add --cursor --opencode
+    gradio skills add --cursor --global
+    gradio skills add --dest=~/my-skills
+    gradio skills add abidlabs/english-translator --cursor
+"""
+
+from __future__ import annotations
+
+import os
+import shutil
+from pathlib import Path
+from typing import Annotated, cast
+
+import typer
+from gradio_client import Client
+from gradio_client.snippet import generate_code_snippets
+from huggingface_hub import HfApi
+
+SKILL_ID = "gradio"
+HF_SKILL_ID = "hf-gradio"
+
+_GITHUB_RAW = "https://raw.githubusercontent.com/gradio-app/gradio/main"
+_SKILL_PREFIX = ".agents/skills/gradio"
+_HF_SKILL_PREFIX = ".agents/skills/hf-gradio"
+
+_SKILL_FILES = ["SKILL.md"]
+_REFERENCE_FILES = ["examples.md", "api-signatures.md", "event-listeners.md"]
+
+_HF_SKILL_FILES = ["SKILL.md"]
+
+skills_app = typer.Typer(help="Manage Gradio skills for AI assistants.")
+
+
+def _get_skill_targets():
+    central_local = Path(".agents/skills")
+    central_global = Path("~/.agents/skills")
+    claude_local = Path(".claude/skills")
+    claude_global = Path("~/.claude/skills")
+    global_targets = {
+        "claude": claude_global,
+        "codex": Path("~/.codex/skills"),
+        "opencode": Path("~/.opencode/skills"),
+    }
+    local_targets = {
+        "claude": claude_local,
+        "codex": Path(".codex/skills"),
+        "opencode": Path(".opencode/skills"),
+    }
+    return central_global, central_local, global_targets, local_targets
+
+
+def _download(url: str) -> str:
+    from huggingface_hub.utils import get_session
+
+    try:
+        response = get_session().get(url)
+        response.raise_for_status()
+    except Exception as e:
+        raise SystemExit(
+            f"Failed to download {url}\n{e}\n\n"
+            "Make sure you have internet access. The skill files are fetched from "
+            "the Gradio GitHub repository."
+        ) from e
+    return response.text
+
+
+def _remove_existing(path: Path, force: bool) -> None:
+    if not (path.exists() or path.is_symlink()):
+        return
+    if not force:
+        raise SystemExit(
+            f"Skill already exists at {path}.\nRe-run with --force to overwrite."
+        )
+    if path.is_dir() and not path.is_symlink():
+        shutil.rmtree(path)
+    else:
+        path.unlink()
+
+
+def _create_symlink(
+    agent_skills_dir: Path,
+    central_skill_path: Path,
+    force: bool,
+    skill_id: str = SKILL_ID,
+) -> Path:
+    agent_skills_dir = agent_skills_dir.expanduser().resolve()
+    agent_skills_dir.mkdir(parents=True, exist_ok=True)
+    link_path = agent_skills_dir / skill_id
+    _remove_existing(link_path, force)
+    link_path.symlink_to(os.path.relpath(central_skill_path, agent_skills_dir))
+    return link_path
+
+
+def _install_to(skills_dir: Path, force: bool) -> Path:
+    """Install the gradio skill (for building apps)."""
+    skills_dir = skills_dir.expanduser().resolve()
+    skills_dir.mkdir(parents=True, exist_ok=True)
+    dest = skills_dir / SKILL_ID
+
+    _remove_existing(dest, force)
+    dest.mkdir()
+
+    # Download main skill files
+    for fname in _SKILL_FILES:
+        content = _download(f"{_GITHUB_RAW}/{_SKILL_PREFIX}/{fname}")
+        (dest / fname).write_text(content, encoding="utf-8")
+
+    # Download reference files to references/ subdirectory
+    references_dir = dest / "references"
+    references_dir.mkdir(exist_ok=True)
+    for fname in _REFERENCE_FILES:
+        content = _download(f"{_GITHUB_RAW}/{_SKILL_PREFIX}/references/{fname}")
+        (references_dir / fname).write_text(content, encoding="utf-8")
+
+    return dest
+
+
+def _install_hf_gradio_to(skills_dir: Path, force: bool) -> Path:
+    """Install the hf-gradio skill (for using Spaces via API)."""
+    skills_dir = skills_dir.expanduser().resolve()
+    skills_dir.mkdir(parents=True, exist_ok=True)
+    dest = skills_dir / HF_SKILL_ID
+
+    _remove_existing(dest, force)
+    dest.mkdir()
+
+    # Download main skill files
+    for fname in _HF_SKILL_FILES:
+        content = _download(f"{_GITHUB_RAW}/{_HF_SKILL_PREFIX}/{fname}")
+        (dest / fname).write_text(content, encoding="utf-8")
+
+    return dest
+
+
+def _space_id_to_skill_id(space_id: str) -> str:
+    return space_id.replace("/", "-")
+
+
+def _render_endpoint_section(
+    api_name: str, endpoint_info: dict, space_id: str, src_url: str
+) -> str:
+    params = endpoint_info.get("parameters", [])
+    returns = endpoint_info.get("returns", [])
+
+    lines: list[str] = []
+    lines.append(f"### `{api_name}`\n")
+
+    if params:
+        lines.append("**Parameters:**\n")
+        for p in params:
+            ptype = p.get("python_type", {})
+            type_str = (
+                ptype.get("type", "Any") if isinstance(ptype, dict) else str(ptype)
+            )
+            name = p.get("parameter_name") or p.get("label", "input")
+            component = p.get("component", "")
+            default_info = ""
+            if p.get("parameter_has_default"):
+                default_info = f", default: `{p.get('parameter_default')}`"
+            required = (
+                " (required)" if not p.get("parameter_has_default", False) else ""
+            )
+            lines.append(
+                f"- `{name}` [{component}]: `{type_str}`{required}{default_info}"
+            )
+        lines.append("")
+
+    if returns:
+        lines.append("**Returns:**\n")
+        for r in returns:
+            rtype = r.get("python_type", {})
+            type_str = (
+                rtype.get("type", "Any") if isinstance(rtype, dict) else str(rtype)
+            )
+            label = r.get("label", "output")
+            component = r.get("component", "")
+            lines.append(f"- `{label}` [{component}]: `{type_str}`")
+        lines.append("")
+
+    snippets = generate_code_snippets(
+        api_name, endpoint_info, src_url, space_id=space_id
+    )
+
+    lines.append("**Python:**\n")
+    lines.append("```python")
+    lines.append(snippets["python"])
+    lines.append("```\n")
+
+    lines.append("**JavaScript:**\n")
+    lines.append("```javascript")
+    lines.append(snippets["javascript"])
+    lines.append("```\n")
+
+    lines.append("**cURL:**\n")
+    lines.append("```bash")
+    lines.append(snippets["bash"])
+    lines.append("```\n")
+
+    return "\n".join(lines)
+
+
+def _get_space_description(space_id: str) -> str | None:
+    try:
+        info = HfApi().space_info(space_id)
+        return getattr(info, "short_description", None) or None
+    except Exception:
+        return None
+
+
+def _generate_space_skill(space_id: str) -> tuple[str, str]:
+    try:
+        client = Client(space_id, download_files=False)
+    except Exception as e:
+        raise SystemExit(
+            f"Failed to connect to Space '{space_id}'.\n{e}\n\n"
+            "Make sure the Space exists, is public (or provide HF_TOKEN), and is running."
+        ) from e
+
+    api_info = cast(dict, client.view_api(print_info=False, return_format="dict"))
+    src_url = client.src
+
+    skill_id = _space_id_to_skill_id(space_id)
+
+    space_description = _get_space_description(space_id)
+
+    lines: list[str] = []
+    lines.append("---")
+    lines.append(f"name: {skill_id}")
+    desc = (
+        f"description: Use the {space_id} Gradio Space via API. "
+        f"Provides Python, JavaScript, and cURL usage examples."
+    )
+    if space_description:
+        desc += f" Space description: {space_description}"
+    lines.append(desc)
+    lines.append("---\n")
+    lines.append(f"# {space_id}\n")
+    lines.append(
+        f"This skill describes how to use the {space_id} "
+        f"Gradio Space programmatically.\n"
+    )
+
+    named = api_info.get("named_endpoints", {})
+    unnamed = api_info.get("unnamed_endpoints", {})
+
+    if named:
+        lines.append("## API Endpoints\n")
+        for api_name, endpoint_info in named.items():
+            lines.append(
+                _render_endpoint_section(api_name, endpoint_info, space_id, src_url)
+            )
+
+    if not named and unnamed:
+        lines.append("## API Endpoints\n")
+        for fn_index, endpoint_info in unnamed.items():
+            lines.append(
+                _render_endpoint_section(
+                    f"fn_index={fn_index}", endpoint_info, space_id, src_url
+                )
+            )
+
+    return skill_id, "\n".join(lines) + "\n"
+
+
+def _install_space_skill(
+    skill_id: str, content: str, skills_dir: Path, force: bool
+) -> Path:
+    skills_dir = skills_dir.expanduser().resolve()
+    skills_dir.mkdir(parents=True, exist_ok=True)
+    dest = skills_dir / skill_id
+
+    _remove_existing(dest, force)
+    dest.mkdir()
+    (dest / "SKILL.md").write_text(content, encoding="utf-8")
+    return dest
+
+
+@skills_app.command(
+    "add",
+)
+def skills_add(
+    space_id: Annotated[
+        str | None,
+        typer.Argument(
+            help="HF Space ID (e.g. 'user/my-space'). If omitted, installs the general Gradio skill."
+        ),
+    ] = None,
+    cursor: Annotated[
+        bool, typer.Option("--cursor", help="Install for Cursor.")
+    ] = False,
+    claude: Annotated[
+        bool, typer.Option("--claude", help="Install for Claude.")
+    ] = False,
+    codex: Annotated[bool, typer.Option("--codex", help="Install for Codex.")] = False,
+    opencode: Annotated[
+        bool, typer.Option("--opencode", help="Install for OpenCode.")
+    ] = False,
+    global_: Annotated[
+        bool,
+        typer.Option(
+            "--global",
+            "-g",
+            help="Install globally (user-level) instead of in the current project directory.",
+        ),
+    ] = False,
+    dest: Annotated[
+        Path | None,
+        typer.Option(
+            help="Install into a custom destination (path to skills directory)."
+        ),
+    ] = None,
+    force: Annotated[
+        bool,
+        typer.Option("--force", help="Overwrite existing skills in the destination."),
+    ] = False,
+) -> None:
+    """Download and install Gradio skills for an AI assistant.
+
+    When called without a space_id, installs both the gradio (building apps)
+    and hf-gradio (using Spaces via API) skills.
+    When called with a space_id, generates and installs a skill for that
+    specific Gradio Space with Python, JS, and cURL usage examples.
+    """
+    central_global, central_local, hf_global_targets, hf_local_targets = (
+        _get_skill_targets()
+    )
+
+    if not (cursor or claude or codex or opencode or dest):
+        raise typer.BadParameter(
+            "Pick a destination via --cursor, --claude, --codex, --opencode, or --dest."
+        )
+
+    global_targets = {**hf_global_targets, "cursor": Path("~/.cursor/skills")}
+    local_targets = {**hf_local_targets, "cursor": Path(".cursor/skills")}
+    targets_dict = global_targets if global_ else local_targets
+
+    if space_id is not None:
+        skill_id, content = _generate_space_skill(space_id)
+        print(f"Generated skill for Space '{space_id}'")
+
+        if dest:
+            if cursor or claude or codex or opencode or global_:
+                print("--dest cannot be combined with agent flags or --global.")
+                raise typer.Exit(code=1)
+            skill_dest = _install_space_skill(skill_id, content, dest, force)
+            print(f"Installed '{skill_id}' to {skill_dest}")
+            return
+
+        agent_targets: list[Path] = []
+        if cursor:
+            agent_targets.append(targets_dict["cursor"])
+        if claude:
+            agent_targets.append(targets_dict["claude"])
+        if codex:
+            agent_targets.append(targets_dict["codex"])
+        if opencode:
+            agent_targets.append(targets_dict["opencode"])
+
+        central_path = central_global if global_ else central_local
+        central_skill_path = _install_space_skill(
+            skill_id, content, central_path, force
+        )
+        print(f"Installed '{skill_id}' to central location: {central_skill_path}")
+
+        for agent_target in agent_targets:
+            link_path = _create_symlink(
+                agent_target, central_skill_path, force, skill_id=skill_id
+            )
+            print(f"Created symlink: {link_path}")
+        return
+
+    if dest:
+        if cursor or claude or codex or opencode or global_:
+            print("--dest cannot be combined with agent flags or --global.")
+            raise typer.Exit(code=1)
+        skill_dest = _install_to(dest, force)
+        hf_skill_dest = _install_hf_gradio_to(dest, force)
+        print(f"Installed '{SKILL_ID}' to {skill_dest}")
+        print(f"Installed '{HF_SKILL_ID}' to {hf_skill_dest}")
+        return
+
+    agent_targets = []
+    if cursor:
+        agent_targets.append(targets_dict["cursor"])
+    if claude:
+        agent_targets.append(targets_dict["claude"])
+    if codex:
+        agent_targets.append(targets_dict["codex"])
+    if opencode:
+        agent_targets.append(targets_dict["opencode"])
+
+    central_path = central_global if global_ else central_local
+
+    # Install gradio skill
+    central_skill_path = _install_to(central_path, force)
+    print(f"Installed '{SKILL_ID}' to central location: {central_skill_path}")
+
+    # Install hf-gradio skill
+    central_hf_skill_path = _install_hf_gradio_to(central_path, force)
+    print(f"Installed '{HF_SKILL_ID}' to central location: {central_hf_skill_path}")
+
+    for agent_target in agent_targets:
+        # Create symlinks for both skills
+        link_path = _create_symlink(agent_target, central_skill_path, force)
+        print(f"Created symlink: {link_path}")
+        hf_link_path = _create_symlink(
+            agent_target, central_hf_skill_path, force, skill_id=HF_SKILL_ID
+        )
+        print(f"Created symlink: {hf_link_path}")
diff --git a/gradio/cli/commands/upload_mcp.py b/gradio/cli/commands/upload_mcp.py
new file mode 100644
index 0000000..66efbba
--- /dev/null
+++ b/gradio/cli/commands/upload_mcp.py
@@ -0,0 +1,44 @@
+def main(url_or_space_id: str, source_directory: str):
+    import httpx
+    from gradio_client.utils import is_http_url_like
+    from huggingface_hub import space_info
+    from mcp.server.fastmcp import FastMCP  # type: ignore
+
+    from gradio.utils import abspath, is_in_or_equal
+
+    source_path = abspath(source_directory)
+
+    mcp = FastMCP("upload-mcp")
+
+    if is_http_url_like(url_or_space_id):
+        url = url_or_space_id.rstrip("/")
+    else:
+        url = f"https://{space_info(url_or_space_id).subdomain}.hf.space"
+
+    @mcp.tool()
+    def upload_file_to_gradio(file: str) -> str:
+        """Generate a Gradio File Input for a local file by uploading it to a Gradio app and returning the URL.
+        Arguments:
+            file: A complete, absolute path to a local file to upload.
+        Returns:
+            Gradio File Input - A URL to the uploaded file.
+        """
+
+        target_path = abspath(file)
+
+        if not is_in_or_equal(target_path, source_path):
+            raise ValueError(f"File {file} is not in {source_path}")
+
+        with open(target_path, "rb") as f:
+            response = httpx.post(f"{url}/gradio_api/upload", files={"files": f})
+        response.raise_for_status()
+        result = response.json()[0]
+        return f"{url}/gradio_api/file={result}"
+
+    mcp.run(transport="stdio")
+
+
+if __name__ == "__main__":
+    import typer
+
+    typer.run(main)
diff --git a/gradio/cli/commands/utils.py b/gradio/cli/commands/utils.py
new file mode 100644
index 0000000..e69de29
diff --git a/gradio/component_meta.py b/gradio/component_meta.py
new file mode 100644
index 0000000..2781c22
--- /dev/null
+++ b/gradio/component_meta.py
@@ -0,0 +1,235 @@
+from __future__ import annotations
+
+import ast
+import inspect
+from abc import ABCMeta
+from functools import wraps
+from pathlib import Path
+
+from jinja2 import Template
+
+from gradio.events import EventListener
+from gradio.exceptions import ComponentDefinitionError
+from gradio.utils import no_raise_exception
+
+INTERFACE_TEMPLATE = '''
+{{ contents }}
+    from typing import Callable, Literal, Sequence, Any, TYPE_CHECKING
+    from gradio.blocks import Block
+    if TYPE_CHECKING:
+        from gradio.components import Timer
+        from gradio.components.base import Component
+
+    {% for event in events %}
+    def {{ event.event_name }}(self,
+        fn: Callable[..., Any] | None = None,
+        inputs: Block | Sequence[Block] | set[Block] | None = None,
+        outputs: Block | Sequence[Block] | None = None,
+        api_name: str | None = None,
+        scroll_to_output: bool = False,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        show_progress_on: Component | Sequence[Component] | None = None,
+        queue: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+        every: Timer | float | None = None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+        js: str | Literal[True] | None = None,
+        concurrency_limit: int | None | Literal["default"] = "default",
+        concurrency_id: str | None = None,
+        api_visibility: Literal["public", "private", "undocumented"] = "public",
+        key: int | str | tuple[int | str, ...] | None = None,
+        api_description: str | None | Literal[False] = None,
+        validator: Callable[..., Any] | None = None,
+    {% for arg in event.event_specific_args %}
+        {{ arg.name }}: {{ arg.type }},
+    {% endfor %}
+        ) -> Dependency:
+        """
+        Parameters:
+            fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: list of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+            outputs: list of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+            api_name: defines how the endpoint appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None (default), the name of the function will be used as the API endpoint.
+            scroll_to_output: if True, will scroll to output component on completion
+            show_progress: how to show the progress animation while event is running: "full" shows a spinner which covers the output component area as well as a runtime display in the upper right corner, "minimal" only shows the runtime display, "hidden" shows no progress animation at all
+            show_progress_on: Component or list of components to show the progress animation on. If None, will show the progress animation on all of the output components.
+            queue: if True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+            batch: if True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            preprocess: if False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+            postprocess: if False, will not run postprocessing of component data before returning 'fn' output to the browser.
+            cancels: a list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+            every: continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            trigger_mode: if "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` and `.key_up()` events) would allow a second submission after the pending event is complete.
+            js: optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+            concurrency_limit: if set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).
+            concurrency_id: if set, this is the id of the concurrency group. Events with the same concurrency_id will be limited by the lowest set concurrency_limit.
+            api_visibility: controls the visibility and accessibility of this endpoint. Can be "public" (shown in API docs and callable by clients), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable by clients and via gr.load). If fn is None, api_visibility will automatically be set to "private".
+            key: A unique key for this event listener to be used in @gr.render(). If set, this value identifies an event as identical across re-renders when the key is identical.
+            api_description: Description of the API endpoint. Can be a string, None, or False. If set to a string, the endpoint will be exposed in the API docs with the given description. If None, the function's docstring will be used as the API endpoint description. If False, then no description will be displayed in the API docs.
+            validator: Optional validation function to run before the main function. If provided, this function will be executed first with queue=False, and only if it completes successfully will the main function be called. The validator receives the same inputs as the main function.
+        {% for arg in event.event_specific_args %}
+            {{ arg.name }}: {{ arg.doc }},
+        {% endfor %}
+        """
+        ...
+    {% endfor %}
+'''
+
+
+def create_pyi(class_code: str, events: list[EventListener | str]):
+    template = Template(INTERFACE_TEMPLATE)
+    event_template = [
+        e
+        if isinstance(e, EventListener)
+        else EventListener(event_name=e, event_specific_args=[])
+        for e in events
+    ]
+    return template.render(events=event_template, contents=class_code)
+
+
+def extract_class_source_code(
+    code: str, class_name: str
+) -> tuple[str, int] | tuple[None, None]:
+    class_start_line = code.find(f"class {class_name}")
+    if class_start_line == -1:
+        return None, None
+
+    class_ast = ast.parse(code)
+    for node in ast.walk(class_ast):
+        if isinstance(node, ast.ClassDef) and node.name == class_name:
+            segment = ast.get_source_segment(code, node)
+            if not segment:
+                raise ValueError("segment not found")
+            return segment, node.lineno
+    return None, None
+
+
+def create_or_modify_pyi(
+    component_class: type, class_name: str, events: list[str | EventListener]
+):
+    try:
+        source_file = Path(inspect.getfile(component_class))
+    except OSError:
+        # This can happen if the component is not a file, e.g. a custom HTML component
+        # We don't want to need to create a pyi file for these components
+        return
+
+    source_code = source_file.read_text(encoding="utf-8")
+
+    current_impl, lineno = extract_class_source_code(source_code, class_name)
+
+    if not (current_impl and lineno):
+        raise ValueError("Couldn't find class source code")
+
+    new_interface = create_pyi(current_impl, events)
+
+    pyi_file = source_file.with_suffix(".pyi")
+    if not pyi_file.exists():
+        last_empty_line_before_class = -1
+        lines = source_code.splitlines()
+        for i, line in enumerate(lines):
+            if line in ["", " "]:
+                last_empty_line_before_class = i
+            if i >= lineno:
+                break
+        lines = (
+            lines[:last_empty_line_before_class]
+            + ["from gradio.events import Dependency"]
+            + lines[last_empty_line_before_class:]
+        )
+        with no_raise_exception():
+            pyi_file.write_text("\n".join(lines))
+    with no_raise_exception():
+        current_interface, _ = extract_class_source_code(
+            pyi_file.read_text(), class_name
+        )
+        if not current_interface:
+            with open(str(pyi_file), mode="a") as f:
+                f.write(new_interface)
+        else:
+            contents = pyi_file.read_text()
+            contents = contents.replace(current_interface, new_interface.strip())
+            current_contents = pyi_file.read_text()
+            if current_contents != contents:
+                pyi_file.write_text(contents)
+
+
+def get_local_contexts():
+    from gradio.context import LocalContext
+
+    return (
+        LocalContext.in_event_listener.get(False),
+        LocalContext.renderable.get(None) is not None,
+    )
+
+
+def updateable(fn):
+    @wraps(fn)
+    def wrapper(*args, **kwargs):
+        fn_args = inspect.getfullargspec(fn).args
+        self = args[0]
+
+        # We need to ensure __init__ is always called at least once
+        # so that the component has all the variables in self defined
+        # test_blocks.py::test_async_iterator_update_with_new_component
+        # checks this
+        initialized_before = hasattr(self, "_constructor_args")
+        if not initialized_before:
+            self._constructor_args = []
+        for i, arg in enumerate(args):
+            if i == 0 or i >= len(fn_args):  #  skip self, *args
+                continue
+            arg_name = fn_args[i]
+            kwargs[arg_name] = arg
+        self._constructor_args.append(kwargs)
+        in_event_listener, is_render = get_local_contexts()
+        if in_event_listener and initialized_before and not is_render:
+            return None
+        else:
+            return fn(self, **kwargs)
+
+    return wrapper
+
+
+class ComponentMeta(ABCMeta):
+    def __new__(cls, name, bases, attrs):
+        if "__init__" in attrs:
+            attrs["__init__"] = updateable(attrs["__init__"])
+        if "EVENTS" not in attrs:
+            found = False
+            for base in bases:
+                if hasattr(base, "EVENTS"):
+                    found = True
+                    break
+            if not found:
+                raise ComponentDefinitionError(
+                    f"{name} or its base classes must define an EVENTS list. "
+                    "If no events are supported, set it to an empty list."
+                )
+        events = attrs.get("EVENTS", [])
+        if not all(isinstance(e, (str, EventListener)) for e in events):
+            raise ComponentDefinitionError(
+                f"All events for {name} must either be an string or an instance "
+                "of EventListener."
+            )
+        new_events = []
+        for event in events:
+            trigger = (
+                event
+                if isinstance(event, EventListener)
+                else EventListener(event_name=event)
+            ).copy()
+            new_events.append(trigger)
+            trigger.set_doc(component=name)
+            attrs[event] = trigger.listener
+        if "EVENTS" in attrs:
+            attrs["EVENTS"] = new_events
+        component_class = super().__new__(cls, name, bases, attrs)
+
+        create_or_modify_pyi(component_class, name, events)
+        return component_class
diff --git a/gradio/components/__init__.py b/gradio/components/__init__.py
new file mode 100644
index 0000000..9f9d0c0
--- /dev/null
+++ b/gradio/components/__init__.py
@@ -0,0 +1,135 @@
+from gradio.components.annotated_image import AnnotatedImage
+from gradio.components.audio import Audio
+from gradio.components.base import (
+    Component,
+    FormComponent,
+    StreamingInput,
+    StreamingOutput,
+    _Keywords,
+    component,
+    get_component_instance,
+)
+from gradio.components.browser_state import BrowserState
+from gradio.components.button import Button
+from gradio.components.chatbot import Chatbot, ChatMessage, MessageDict
+from gradio.components.checkbox import Checkbox
+from gradio.components.checkboxgroup import CheckboxGroup
+from gradio.components.clear_button import ClearButton
+from gradio.components.code import Code
+from gradio.components.color_picker import ColorPicker
+from gradio.components.dataframe import Dataframe
+from gradio.components.dataset import Dataset
+from gradio.components.datetime import DateTime
+from gradio.components.deep_link_button import DeepLinkButton
+from gradio.components.dialogue import Dialogue
+from gradio.components.download_button import DownloadButton
+from gradio.components.dropdown import Dropdown
+from gradio.components.duplicate_button import DuplicateButton
+from gradio.components.fallback import Fallback
+from gradio.components.file import File
+from gradio.components.file_explorer import FileExplorer
+from gradio.components.gallery import Gallery
+from gradio.components.highlighted_text import HighlightedText
+from gradio.components.html import HTML
+from gradio.components.image import Image
+from gradio.components.image_editor import ImageEditor
+from gradio.components.imageslider import ImageSlider
+from gradio.components.json_component import JSON
+from gradio.components.label import Label
+from gradio.components.login_button import LoginButton
+from gradio.components.markdown import Markdown
+from gradio.components.model3d import Model3D
+from gradio.components.multimodal_textbox import MultimodalTextbox
+from gradio.components.native_plot import BarPlot, LinePlot, NativePlot, ScatterPlot
+from gradio.components.navbar import Navbar
+from gradio.components.number import Number
+from gradio.components.paramviewer import ParamViewer
+from gradio.components.plot import Plot
+from gradio.components.radio import Radio
+from gradio.components.slider import Slider
+from gradio.components.state import State
+from gradio.components.textbox import InputHTMLAttributes, Textbox
+from gradio.components.timer import Timer
+from gradio.components.upload_button import UploadButton
+from gradio.components.video import Video
+from gradio.components.workflowcanvas import WorkflowCanvas
+from gradio.layouts import Form
+
+Text = Textbox
+DataFrame = Dataframe
+Highlightedtext = HighlightedText
+Annotatedimage = AnnotatedImage
+Highlight = HighlightedText
+Checkboxgroup = CheckboxGroup
+Json = JSON
+
+__all__ = [
+    "Audio",
+    "BarPlot",
+    "Button",
+    "Chatbot",
+    "ChatMessage",
+    "ClearButton",
+    "Component",
+    "component",
+    "get_component_instance",
+    "_Keywords",
+    "Checkbox",
+    "CheckboxGroup",
+    "Code",
+    "ColorPicker",
+    "Dataframe",
+    "DataFrame",
+    "Dataset",
+    "Dialogue",
+    "DownloadButton",
+    "DuplicateButton",
+    "Fallback",
+    "Form",
+    "FormComponent",
+    "Gallery",
+    "HTML",
+    "FileExplorer",
+    "Image",
+    "JSON",
+    "Json",
+    "Label",
+    "LinePlot",
+    "BrowserState",
+    "LoginButton",
+    "Markdown",
+    "MessageDict",
+    "Textbox",
+    "DateTime",
+    "Dropdown",
+    "Model3D",
+    "File",
+    "HighlightedText",
+    "AnnotatedImage",
+    "CheckboxGroup",
+    "Text",
+    "Highlightedtext",
+    "Annotatedimage",
+    "Highlight",
+    "Checkboxgroup",
+    "Number",
+    "Plot",
+    "Radio",
+    "ScatterPlot",
+    "Slider",
+    "State",
+    "Timer",
+    "UploadButton",
+    "Video",
+    "StreamingInput",
+    "StreamingOutput",
+    "ImageEditor",
+    "ImageSlider",
+    "ParamViewer",
+    "MultimodalTextbox",
+    "Navbar",
+    "NativePlot",
+    "DeepLinkButton",
+    "InputHTMLAttributes",
+    "WorkflowCanvas",
+]
diff --git a/gradio/components/annotated_image.py b/gradio/components/annotated_image.py
new file mode 100644
index 0000000..c1e2d2b
--- /dev/null
+++ b/gradio/components/annotated_image.py
@@ -0,0 +1,254 @@
+"""gr.AnnotatedImage() component."""
+
+from __future__ import annotations
+
+from collections.abc import Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+import gradio_client.utils as client_utils
+import numpy as np
+import PIL.Image
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio import processing_utils, utils
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import FileData, GradioModel
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+PIL.Image.init()  # fixes https://github.com/gradio-app/gradio/issues/2843
+
+
+class Annotation(GradioModel):
+    image: FileData
+    label: str
+
+
+class AnnotatedImageData(GradioModel):
+    image: FileData
+    annotations: list[Annotation]
+
+
+@document()
+class AnnotatedImage(Component):
+    """
+    Creates a component to displays a base image and colored annotations on top of that image. Annotations can take the from of rectangles (e.g. object detection) or masks (e.g. image segmentation).
+    As this component does not accept user input, it is rarely used as an input component.
+
+    Demos: image_segmentation
+    """
+
+    EVENTS = [Events.change, Events.select]
+
+    data_model = AnnotatedImageData
+
+    def __init__(
+        self,
+        value: (
+            tuple[
+                np.ndarray | PIL.Image.Image | str,
+                list[tuple[np.ndarray | tuple[int, int, int, int], str]],
+            ]
+            | None
+        ) = None,
+        *,
+        format: str = "webp",
+        show_legend: bool = True,
+        height: int | str | None = None,
+        width: int | str | None = None,
+        color_map: dict[str, str] | None = None,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Literal["fullscreen"] | Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: Tuple of base image and list of (annotation, label) pairs.
+            format: Format used to save images before it is returned to the front end, such as 'jpeg' or 'png'. This parameter only takes effect when the base image is returned from the prediction function as a numpy array or a PIL Image. The format should be supported by the PIL library.
+            show_legend: If True, will show a legend of the annotations.
+            height: The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed image file or numpy array, but will affect the displayed image.
+            width: The width of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed image file or numpy array, but will affect the displayed image.
+            color_map: A dictionary mapping labels to colors. The colors must be specified as hex codes.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: Relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: Minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            buttons: A list of buttons to show for the component. Valid options in the list are "fullscreen" or a gr.Button() instance. The "fullscreen" button allows the user to view the image in fullscreen mode. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, the fullscreen button is shown, and this can hidden by providing an empty list.
+        """
+        self.format = format
+        self.show_legend = show_legend
+        self.height = height
+        self.width = width
+        self.color_map = color_map
+        self.buttons = set_default_buttons(buttons, ["fullscreen"])
+        self._value_description = "a tuple of type [image: str, annotations: list[tuple[mask: str, label: str]]] where 'image' is the path to the base image and 'annotations' is a list of tuples where each tuple has a 'mask' image filepath and a corresponding label."
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+
+    def preprocess(
+        self, payload: AnnotatedImageData | None
+    ) -> tuple[str, list[tuple[str, str]]] | None:
+        """
+        Parameters:
+            payload: Dict of base image and list of annotations.
+        Returns:
+            Passes its value as a `tuple` consisting of:
+            - `str` filepath to a base image
+            - `list` of annotations.
+            -- Each annotation itself is a `tuple` of a mask (as a `str` filepath to image) and a `str` label.
+        """
+        if payload is None:
+            return None
+        base_img = payload.image.path
+        annotations = [(a.image.path, a.label) for a in payload.annotations]
+        return (base_img, annotations)
+
+    def postprocess(
+        self,
+        value: (
+            tuple[
+                np.ndarray | PIL.Image.Image | str,
+                Sequence[tuple[np.ndarray | tuple[int, int, int, int], str]],
+            ]
+            | None
+        ),
+    ) -> AnnotatedImageData | None:
+        """
+        Parameters:
+            value: Expects a tuple consisting of a base image and list of annotations: a `tuple[Image, list[Annotation]]`.
+                - The `Image` itself can be `str` filepath, `numpy.ndarray`, or `PIL.Image`.
+                - Each `Annotation` is a `tuple[Mask, str]`.
+                -- The `Mask` can be either a `tuple` of 4 `int`'s representing the bounding box coordinates (x1, y1, x2, y2), or 0-1 confidence mask in the form of a `numpy.ndarray` of the same shape as the image.
+                -- The second element of the `Annotation` tuple is a `str` label.
+        Returns:
+            Tuple of base image file and list of annotations, with each annotation a two-part tuple where the first element image path of the mask, and the second element is the label.
+        """
+        if value is None:
+            return None
+        base_img = value[0]
+        if isinstance(base_img, str):
+            if client_utils.is_http_url_like(base_img):
+                base_img = processing_utils.save_url_to_cache(
+                    base_img, cache_dir=self.GRADIO_CACHE
+                )
+            base_img_path = base_img
+            base_img = np.array(PIL.Image.open(base_img))
+        elif isinstance(base_img, np.ndarray):
+            base_file = processing_utils.save_img_array_to_cache(
+                base_img, cache_dir=self.GRADIO_CACHE, format=self.format
+            )
+            base_img_path = str(utils.abspath(base_file))
+        elif isinstance(base_img, PIL.Image.Image):
+            base_file = processing_utils.save_pil_to_cache(
+                base_img, cache_dir=self.GRADIO_CACHE, format=self.format
+            )
+            base_img_path = str(utils.abspath(base_file))
+            base_img = np.array(base_img)
+        else:
+            raise ValueError(
+                "AnnotatedImage only accepts filepaths, PIL images or numpy arrays for the base image."
+            )
+
+        sections = []
+        color_map = self.color_map or {}
+
+        def hex_to_rgb(value):
+            value = value.lstrip("#")
+            lv = len(value)
+            return [int(value[i : i + lv // 3], 16) for i in range(0, lv, lv // 3)]
+
+        for mask, label in value[1]:
+            mask_array = np.zeros((base_img.shape[0], base_img.shape[1]))
+            if isinstance(mask, np.ndarray):
+                mask_array = mask
+            else:
+                x1, y1, x2, y2 = mask
+                border_width = 3
+                mask_array[y1:y2, x1:x2] = 0.5
+                mask_array[y1:y2, x1 : x1 + border_width] = 1
+                mask_array[y1:y2, x2 - border_width : x2] = 1
+                mask_array[y1 : y1 + border_width, x1:x2] = 1
+                mask_array[y2 - border_width : y2, x1:x2] = 1
+
+            if label in color_map:
+                rgb_color = hex_to_rgb(color_map[label])
+            else:
+                rgb_color = [255, 0, 0]
+            colored_mask = np.zeros((base_img.shape[0], base_img.shape[1], 4))
+            solid_mask = np.copy(mask_array)
+            solid_mask[solid_mask > 0] = 1
+
+            colored_mask[:, :, 0] = rgb_color[0] * solid_mask
+            colored_mask[:, :, 1] = rgb_color[1] * solid_mask
+            colored_mask[:, :, 2] = rgb_color[2] * solid_mask
+            colored_mask[:, :, 3] = mask_array * 255
+
+            colored_mask_img = PIL.Image.fromarray((colored_mask).astype(np.uint8))
+
+            # RGBA does not support transparency
+            mask_file = processing_utils.save_pil_to_cache(
+                colored_mask_img, cache_dir=self.GRADIO_CACHE, format="png"
+            )
+            mask_file_path = str(utils.abspath(mask_file))
+            sections.append(
+                Annotation(image=FileData(path=mask_file_path), label=label)
+            )
+
+        return AnnotatedImageData(
+            image=FileData(path=base_img_path),
+            annotations=sections,
+        )
+
+    def example_payload(self) -> Any:
+        return {
+            "image": handle_file(
+                "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+            ),
+            "annotations": [],
+        }
+
+    def example_value(self) -> Any:
+        return (
+            "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+            [([0, 0, 100, 100], "bus")],
+        )
diff --git a/gradio/components/api_component.py b/gradio/components/api_component.py
new file mode 100644
index 0000000..c6531b9
--- /dev/null
+++ b/gradio/components/api_component.py
@@ -0,0 +1,46 @@
+"""gr.Api() component."""
+
+from __future__ import annotations
+
+from typing import Any
+
+from gradio.components.base import Component
+
+
+class Api(Component):
+    """
+    A generic component that holds any value. Used for generating APIs with no actual frontend component.
+    """
+
+    EVENTS = []
+
+    def __init__(
+        self,
+        value: Any,
+        _api_info: dict[str, str],
+        label: str = "API",
+    ):
+        """
+        Parameters:
+            value: default value.
+        """
+        self._api_info = _api_info
+        super().__init__(value=value, label=label)
+
+    def preprocess(self, payload: Any) -> Any:
+        return payload
+
+    def postprocess(self, value: Any) -> Any:
+        return value
+
+    def api_info(self) -> dict[str, str]:  # type: ignore[override]
+        return self._api_info
+
+    def example_payload(self) -> Any:
+        return self.value if self.value is not None else "..."
+
+    def example_value(self) -> Any:
+        return self.value if self.value is not None else "..."
+
+    # def get_block_name(self) -> str:
+    #     return "state"  # so that it does not render in the frontend, just like state
diff --git a/gradio/components/audio.py b/gradio/components/audio.py
new file mode 100644
index 0000000..80326ac
--- /dev/null
+++ b/gradio/components/audio.py
@@ -0,0 +1,453 @@
+"""The core gr.Audio() component."""
+
+from __future__ import annotations
+
+import dataclasses
+import io
+import json
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+import anyio
+import httpx
+import numpy as np
+from gradio_client import handle_file
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+from pydub import AudioSegment
+
+from gradio import processing_utils
+from gradio.components.base import Component, StreamingInput, StreamingOutput
+from gradio.components.button import Button
+from gradio.data_classes import FileData, FileDataDict, MediaStreamChunk
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+@dataclasses.dataclass
+class WaveformOptions:
+    """
+    A dataclass for specifying options for the waveform display in the Audio component. An instance of this class can be passed into the `waveform_options` parameter of `gr.Audio`.
+    Parameters:
+        waveform_color: The color (as a hex string or valid CSS color) of the full waveform representing the amplitude of the audio. Defaults to a light gray color.
+        waveform_progress_color: The color (as a hex string or valid CSS color) that the waveform fills with to as the audio plays. Defaults to the accent color.
+        trim_region_color: The color (as a hex string or valid CSS color) of the trim region. Defaults to the accent color.
+        show_recording_waveform: If True, shows a waveform when recording audio or playing audio. If False, uses the default browser audio players. For streamed audio, the default browser audio player is always used.
+        skip_length: The percentage (between 0 and 100) of the audio to skip when clicking on the skip forward / skip backward buttons.
+        sample_rate: The output sample rate (in Hz) of the audio after editing.
+    """
+
+    waveform_color: str | None = None
+    waveform_progress_color: str | None = None
+    trim_region_color: str | None = None
+    show_recording_waveform: bool = True
+    skip_length: int | float = 5
+    sample_rate: int = 44100
+
+
+@document()
+class Audio(
+    StreamingInput,
+    StreamingOutput,
+    Component,
+):
+    """
+    Creates an audio component that can be used to upload/record audio (as an input) or display audio (as an output).
+    Demos: generate_tone, reverse_audio
+    Guides: streaming-inputs, streaming-outputs, automatic-voice-detection, real-time-speech-recognition
+    """
+
+    EVENTS = [
+        Events.stream,
+        Events.change,
+        Events.clear,
+        Events.play,
+        Events.pause,
+        Events.stop,
+        Events.pause,
+        Events.start_recording,
+        Events.pause_recording,
+        Events.stop_recording,
+        Events.upload,
+        Events.input,
+    ]
+
+    data_model = FileData
+
+    def __init__(
+        self,
+        value: str | Path | tuple[int, np.ndarray] | Callable | None = None,
+        *,
+        sources: list[Literal["upload", "microphone"]]
+        | Literal["upload", "microphone"]
+        | None = None,
+        type: Literal["numpy", "filepath"] = "numpy",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        format: Literal["wav", "mp3"] | None = None,
+        autoplay: bool = False,
+        editable: bool = True,
+        buttons: list[Literal["download", "share"] | Button] | None = None,
+        waveform_options: WaveformOptions | dict | None = None,
+        loop: bool = False,
+        recording: bool = False,
+        subtitles: str | Path | list[dict[str, Any]] | None = None,
+        playback_position: float = 0,
+    ):
+        """
+        Parameters:
+            value: A path, URL, or [sample_rate, numpy array] tuple (sample rate in Hz, audio data as a float or int numpy array) for the default value that Audio component is going to take. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            sources: A list of sources permitted for audio. "upload" creates a box where user can drop an audio file, "microphone" creates a microphone input. The first element in the list will be used as the default source. If None, defaults to ["upload", "microphone"], or ["microphone"] if `streaming` is True.
+            type: The format the audio file is converted to before being passed into the prediction function. "numpy" converts the audio to a tuple consisting of: (int sample rate, numpy.array for the data), "filepath" passes a str path to a temporary file containing the audio.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: Relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: Minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: If True, will allow users to upload and edit an audio file. If False, can only be used to play audio. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM.
+            streaming: If set to True when used in a `live` interface as an input, will automatically stream webcam feed. When used set as an output, takes audio chunks yield from the backend and combines them into one streaming audio output.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: if False, component will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            format: the file extension with which to save audio files. Either 'wav' or 'mp3'. wav files are lossless but will tend to be larger files. mp3 files tend to be smaller. This parameter applies both when this component is used as an input (and `type` is "filepath") to determine which file format to convert user-provided audio to, and when this component is used as an output to determine the format of audio returned to the user. If None, no file format conversion is done and the audio is kept as is. In the case where output audio is returned from the prediction function as numpy array and no `format` is provided, it will be returned as a "wav" file.
+            autoplay: Whether to automatically play the audio when the component is used as an output. Note: browsers will not autoplay audio files if the user has not interacted with the page yet.
+            buttons: A list of buttons to show in the top right corner of the component. Valid options are "download", "share", or a gr.Button() instance. The "download" button allows the user to save the audio to their device. The "share" button allows the user to share the audio via Hugging Face Spaces Discussions. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, only the "download" and "share" buttons are shown.
+            editable: If True, allows users to manipulate the audio file if the component is interactive. Defaults to True.
+            waveform_options: A dictionary of options for the waveform display. Options include: waveform_color (str), waveform_progress_color (str), skip_length (int), trim_region_color (str). Default is None, which uses the default values for these options. [See `gr.WaveformOptions` docs](#waveform-options).
+            loop: If True, the audio will loop when it reaches the end and continue playing from the beginning.
+            recording: If True, the audio component will be set to record audio from the microphone if the source is set to "microphone". Defaults to False.
+            subtitles: A subtitle file (srt, vtt, or json) for the audio, or a list of subtitle dictionaries in the format [{"text": str, "timestamp": [start, end]}] where timestamps are in seconds. JSON files should contain an array of subtitle objects.
+            playback_position: The starting playback position in seconds. This value is also updated as the audio plays, reflecting the current playback position.
+        """
+        valid_sources: list[Literal["upload", "microphone"]] = ["upload", "microphone"]
+        if sources is None:
+            self.sources = ["microphone"] if streaming else valid_sources
+        elif isinstance(sources, str) and sources in valid_sources:
+            self.sources = [sources]
+        elif isinstance(sources, list):
+            self.sources = sources
+        else:
+            raise ValueError(
+                f"`sources` must be a list consisting of elements in {valid_sources}"
+            )
+        for source in self.sources:
+            if source not in valid_sources:
+                raise ValueError(
+                    f"`sources` must a list consisting of elements in {valid_sources}"
+                )
+        valid_types = ["numpy", "filepath"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {' '.join(valid_types)}"
+            )
+        self.type = type
+        self.streaming = streaming
+        if self.streaming and "microphone" not in self.sources:
+            raise ValueError(
+                "Audio streaming only available if sources includes 'microphone'."
+            )
+        valid_formats = ["wav", "mp3"]
+        if format is not None and format.lower() not in valid_formats:
+            raise ValueError(
+                f"Invalid value for parameter `format`: {format}. Please choose from one of: {' '.join(valid_formats)}"
+            )
+        self.format = format and format.lower()
+        self.autoplay = autoplay
+        self.loop = loop
+        self.buttons = set_default_buttons(buttons, ["download", "share"])
+        self.editable = editable
+        if waveform_options is None:
+            self.waveform_options = WaveformOptions()
+        elif isinstance(waveform_options, dict):
+            self.waveform_options = WaveformOptions(**waveform_options)  # type: ignore
+        else:
+            self.waveform_options = waveform_options
+        self.recording = recording
+        self.playback_position = playback_position
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self._value_description = (
+            "a filepath to an audio file"
+            if self.type == "filepath"
+            else "a tuple of [sample_rate: int, data: np.ndarray] of audio data"
+        )
+        self.subtitles = None
+        if subtitles is not None:
+            if isinstance(subtitles, list):
+                self.subtitles = self._process_json_subtitles(subtitles)
+            else:
+                self.subtitles = self._process_subtitle_file(subtitles)
+
+    def example_payload(self) -> Any:
+        return handle_file(
+            "https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav"
+        )
+
+    def example_value(self) -> Any:
+        return "https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav"
+
+    def preprocess(
+        self, payload: FileData | None
+    ) -> str | tuple[int, np.ndarray] | None:
+        """
+        Parameters:
+            payload: audio data as a FileData object, or None.
+        Returns:
+            Passes audio as one of these formats (depending on `type`):
+            - `str` filepath
+            - `tuple` of (sample rate in Hz, audio data as numpy array).
+            -- The audio data is a 16-bit `int` array whose values range from -32768 to 32767 and shape of the audio data array is (samples,) for mono audio or (samples, channels) for multi-channel audio.
+        """
+        if payload is None:
+            return payload
+
+        if not payload.path:
+            raise ValueError("payload path missing")
+
+        needs_conversion = False
+        original_suffix = Path(payload.path).suffix.lower()
+        if self.format is not None and original_suffix != f".{self.format}":
+            needs_conversion = True
+        if self.type == "numpy":
+            return processing_utils.audio_from_file(payload.path)
+        elif self.type == "filepath":
+            if not needs_conversion:
+                return payload.path
+            sample_rate, data = processing_utils.audio_from_file(payload.path)
+            output_file = str(Path(payload.path).with_suffix(f".{self.format}"))
+            assert self.format is not None  # noqa: S101
+            processing_utils.audio_to_file(
+                sample_rate, data, output_file, format=self.format
+            )
+            return output_file
+        else:
+            raise ValueError(
+                "Unknown type: "
+                + str(self.type)
+                + ". Please choose from: 'numpy', 'filepath'."
+            )
+
+    def postprocess(
+        self, value: str | Path | bytes | tuple[int, np.ndarray] | None
+    ) -> FileData | bytes | None:
+        """
+        Parameters:
+            value: Expects audio data in any of these formats:
+                - `str`
+                - `pathlib.Path` filepath
+                - URL to an audio file
+                - `bytes` object (recommended for streaming)
+                - `tuple` of (sample rate in Hz, audio data as numpy array).
+                -- Note: if audio is supplied as a numpy array, the audio will be normalized by its peak value to avoid distortion or clipping in the resulting audio.
+        Returns:
+            FileData object, bytes, or None.
+        """
+        orig_name = None
+        if value is None:
+            return None
+
+        if isinstance(value, bytes):
+            if self.streaming:
+                return value
+            file_path = processing_utils.save_bytes_to_cache(
+                value, "audio", cache_dir=self.GRADIO_CACHE
+            )
+            orig_name = Path(file_path).name
+        elif isinstance(value, tuple):
+            sample_rate, data = value
+            file_path = processing_utils.save_audio_to_cache(
+                data,
+                sample_rate,
+                format=self.format or "wav",
+                cache_dir=self.GRADIO_CACHE,
+            )
+            orig_name = Path(file_path).name
+        elif isinstance(value, (str, Path)):
+            if client_utils.is_http_url_like(value):
+                original_suffix = Path(httpx.URL(str(value)).path).suffix.lower()
+            else:
+                original_suffix = Path(value).suffix.lower()
+            if self.format is not None and original_suffix != f".{self.format}":
+                sample_rate, data = processing_utils.audio_from_file(str(value))
+                file_path = processing_utils.save_audio_to_cache(
+                    data, sample_rate, format=self.format, cache_dir=self.GRADIO_CACHE
+                )
+            else:
+                file_path = str(value)
+            orig_name = Path(file_path).name if Path(file_path).exists() else None
+        else:
+            raise ValueError(f"Cannot process {value} as Audio")
+        return FileData(path=file_path, orig_name=orig_name)
+
+    @staticmethod
+    def _convert_to_adts(data: bytes):
+        segment = AudioSegment.from_file(io.BytesIO(data))
+
+        buffer = io.BytesIO()
+        segment.export(buffer, format="adts")  # ADTS is a container format for AAC
+        aac_data = buffer.getvalue()
+        return aac_data, len(segment) / 1000.0
+
+    @staticmethod
+    async def covert_to_adts(data: bytes) -> tuple[bytes, float]:
+        return await anyio.to_thread.run_sync(Audio._convert_to_adts, data)
+
+    async def stream_output(
+        self,
+        value,
+        output_id: str,
+        first_chunk: bool,  # noqa: ARG002
+    ) -> tuple[MediaStreamChunk | None, FileDataDict]:
+        output_file: FileDataDict = {
+            "path": output_id,
+            "is_stream": True,
+            "orig_name": "audio-stream.mp3",
+            "meta": {"_type": "gradio.FileData"},
+        }
+        if value is None:
+            return None, output_file
+        if isinstance(value, bytes):
+            value, duration = await self.covert_to_adts(value)
+            return {
+                "data": value,
+                "duration": duration,
+                "extension": ".aac",
+            }, output_file
+        if client_utils.is_http_url_like(value["path"]):
+            response = await processing_utils.async_ssrf_protected_get(value["path"])
+            binary_data = response.content
+        else:
+            output_file["orig_name"] = value["orig_name"]
+            file_path = value["path"]
+            with open(file_path, "rb") as f:
+                binary_data = f.read()
+        value, duration = await self.covert_to_adts(binary_data)
+        return {"data": value, "duration": duration, "extension": ".aac"}, output_file
+
+    async def combine_stream(
+        self,
+        stream: list[bytes],
+        desired_output_format: str | None = None,
+        only_file=False,  # noqa: ARG002
+    ) -> FileData:
+        output_file = FileData(
+            path=processing_utils.save_bytes_to_cache(
+                b"".join(stream), "audio.mp3", cache_dir=self.GRADIO_CACHE
+            ),
+            is_stream=False,
+            orig_name="audio-stream.mp3",
+        )
+        if desired_output_format and desired_output_format != "mp3":
+            new_path = Path(output_file.path).with_suffix(f".{desired_output_format}")
+            AudioSegment.from_file(output_file.path).export(
+                new_path, format=desired_output_format
+            )
+            output_file.path = str(new_path)
+        return output_file
+
+    def _process_json_subtitles(
+        self, subtitles: list[dict[str, Any]]
+    ) -> list[dict[str, Any]]:
+        for i, subtitle in enumerate(subtitles):
+            if not isinstance(subtitle, dict):
+                raise ValueError(f"Subtitle at index {i} must be a dictionary")
+            if "text" not in subtitle:
+                raise ValueError(f"Subtitle at index {i} missing required 'text' field")
+            if "timestamp" not in subtitle:
+                raise ValueError(
+                    f"Subtitle at index {i} missing required 'timestamp' field"
+                )
+            if (
+                not isinstance(subtitle["timestamp"], (list, tuple))
+                or len(subtitle["timestamp"]) != 2
+            ):
+                raise ValueError(
+                    f"Subtitle at index {i} 'timestamp' must be a list/tuple of [start, end]"
+                )
+        return [
+            {
+                "start": subtitle["timestamp"][0],
+                "end": subtitle["timestamp"][1],
+                "text": subtitle["text"],
+            }
+            for subtitle in subtitles
+        ]
+
+    def _process_subtitle_file(
+        self, subtitle_file: str | Path
+    ) -> FileData | list[dict[str, Any]]:
+        file_path = Path(subtitle_file)
+        if file_path.suffix.lower() == ".json":
+            try:
+                with open(file_path, encoding="utf-8") as f:
+                    json_data = json.load(f)
+                if isinstance(json_data, list):
+                    return self._process_json_subtitles(json_data)
+                else:
+                    raise ValueError(
+                        "JSON subtitle file must contain a list of subtitle objects"
+                    ) from None
+
+            except json.JSONDecodeError as e:
+                raise ValueError(f"Invalid JSON format in subtitle file: {e}") from e
+            except Exception as e:
+                raise ValueError(f"Error reading JSON subtitle file: {e}") from e
+        return handle_file(subtitle_file)
+
+    def process_example(
+        self, value: tuple[int, np.ndarray] | str | Path | bytes | None
+    ) -> str:
+        if value is None:
+            return ""
+        elif isinstance(value, (str, Path)):
+            return Path(value).name
+        return "(audio)"
+
+    def check_streamable(self):
+        if (
+            self.sources is not None
+            and "microphone" not in self.sources
+            and self.streaming
+        ):
+            raise ValueError(
+                "Audio streaming only available if source includes 'microphone'."
+            )
diff --git a/gradio/components/base.py b/gradio/components/base.py
new file mode 100644
index 0000000..b59487d
--- /dev/null
+++ b/gradio/components/base.py
@@ -0,0 +1,452 @@
+"""Contains all of the components that can be used with Gradio Interface / Blocks.
+Along with the docs for each component, you can find the names of example demos that use
+each component. These demos are located in the `demo` directory."""
+
+from __future__ import annotations
+
+import abc
+import json
+import warnings
+from abc import ABC, abstractmethod
+from collections.abc import Callable, Sequence
+from enum import Enum
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+import gradio_client.utils as client_utils
+
+from gradio import utils
+from gradio.blocks import Block
+from gradio.component_meta import ComponentMeta
+from gradio.data_classes import (
+    BaseModel,
+    DeveloperPath,
+    FileData,
+    FileDataDict,
+    GradioDataModel,
+    MediaStreamChunk,
+)
+from gradio.events import EventListener
+from gradio.i18n import I18nData
+from gradio.layouts import Form
+from gradio.processing_utils import move_files_to_cache
+
+if TYPE_CHECKING:
+    from typing import TypedDict
+
+    class DataframeData(TypedDict):
+        headers: list[str]
+        data: list[list[str | int | bool]]
+
+    from gradio.components import Timer
+
+
+class _Keywords(Enum):
+    NO_VALUE = "NO_VALUE"  # Used as a sentinel to determine if nothing is provided as a argument for `value` in `Component.update()`
+    FINISHED_ITERATING = "FINISHED_ITERATING"  # Used to skip processing of a component's value (needed for generators + state)
+
+
+class ComponentBase(ABC, metaclass=ComponentMeta):
+    EVENTS: list[EventListener | str] = []
+
+    @abstractmethod
+    def preprocess(self, payload: Any) -> Any:
+        """
+        Any preprocessing needed to be performed on function input.
+        Parameters:
+            payload: The input data received by the component from the frontend.
+        Returns:
+            The preprocessed input data sent to the user's function in the backend.
+        """
+        return payload
+
+    @abstractmethod
+    def postprocess(self, value):
+        """
+        Any postprocessing needed to be performed on function output.
+        Parameters:
+            value: The output data received by the component from the user's function in the backend.
+        Returns:
+            The postprocessed output data sent to the frontend.
+        """
+        return value
+
+    @abstractmethod
+    def process_example(self, value):
+        """
+        Process the input data in a way that can be displayed by the examples dataset component in the front-end.
+
+        For example, only return the name of a file as opposed to a full path. Or get the head of a dataframe.
+        The return value must be able to be json-serializable to put in the config.
+        """
+        pass
+
+    @abstractmethod
+    def api_info(self) -> dict[str, list[str]]:
+        """
+        The typing information for this component as a dictionary whose values are a list of 2 strings: [Python type, language-agnostic description].
+        Keys of the dictionary are: raw_input, raw_output, serialized_input, serialized_output
+        """
+        pass
+
+    @abstractmethod
+    def example_inputs(self) -> Any:
+        """
+        Deprecated and replaced by `example_payload()` and `example_value()`.
+        """
+        pass
+
+    @abstractmethod
+    def flag(self, payload: Any | GradioDataModel, flag_dir: str | Path = "") -> str:
+        """
+        Write the component's value to a format that can be stored in a csv or jsonl format for flagging.
+        """
+        pass
+
+    @abstractmethod
+    def read_from_flag(self, payload: Any) -> GradioDataModel | Any:
+        """
+        Convert the data from the csv or jsonl file into the component state.
+        """
+        return payload
+
+    @property
+    @abstractmethod
+    def skip_api(self) -> bool:
+        """Whether this component should be skipped from the api return value"""
+
+    @classmethod
+    def has_event(cls, event: str | EventListener) -> bool:
+        return event in cls.EVENTS
+
+
+def server(fn):
+    fn._is_server_fn = True
+    return fn
+
+
+class Component(ComponentBase, Block):
+    """
+    A base class for defining methods that all input/output components should have.
+    """
+
+    def __init__(
+        self,
+        value: Any = None,
+        *,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int | None = None,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        load_fn: Callable | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+    ):
+        self._api_info_cache = None
+        self.server_fns = [
+            getattr(self, value)
+            for value in dir(self.__class__)
+            if callable(getattr(self, value))
+            and getattr(getattr(self, value), "_is_server_fn", False)
+        ]
+
+        # This gets overridden when `select` is called
+        self._selectable = False
+        if not hasattr(self, "data_model"):
+            self.data_model: type[GradioDataModel] | None = None
+
+        Block.__init__(
+            self,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            visible=visible,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        if isinstance(self, StreamingInput):
+            self.check_streamable()
+
+        self.label = label
+        self.info = info
+        if not container:
+            if show_label:
+                warnings.warn("show_label has no effect when container is False.")
+            show_label = False
+        if show_label is None:
+            show_label = True
+        self.show_label = show_label
+        self.container = container
+        if scale is not None and scale != round(scale):
+            warnings.warn(
+                f"'scale' value should be an integer. Using {scale} will cause issues."
+            )
+        self.scale = scale
+        self.min_width = min_width
+        self.interactive = interactive
+
+        # load_event is set in the Blocks.attach_load_events method
+        self.load_event: None | dict[str, Any] = None
+        self.load_event_to_attach: (
+            None
+            | tuple[
+                Callable,
+                list[tuple[Block, str]],
+                Component | Sequence[Component] | set[Component] | None,
+            ]
+        ) = None
+        load_fn, initial_value = self.get_load_fn_and_initial_value(value, inputs)
+        initial_value = self.postprocess(initial_value)
+        # Serialize the json value so that it gets stored in the
+        # config as plain json, for images/audio etc. `move_files_to_cache`
+        # will call model_dump
+        if isinstance(initial_value, BaseModel):
+            initial_value = initial_value.model_dump()
+        self.value = move_files_to_cache(
+            initial_value,
+            self,  # type: ignore
+            postprocess=True,
+            keep_in_cache=True,
+        )
+        if client_utils.is_file_obj(self.value):
+            self.keep_in_cache.add(self.value["path"])
+
+        if callable(load_fn):
+            self.attach_load_event(load_fn, every, inputs)
+
+    TEMPLATE_DIR = DeveloperPath("./templates/")
+    FRONTEND_DIR = "../../frontend/"
+
+    def get_config(self, cls: type[Block] | None = None) -> dict[str, Any]:
+        config = super().get_config(cls)
+        if self.info:
+            config["info"] = self.info
+        if len(self.server_fns):
+            config["server_fns"] = [fn.__name__ for fn in self.server_fns]
+        config.pop("render", None)
+        return config
+
+    @property
+    def skip_api(self):
+        return False
+
+    @staticmethod
+    def get_load_fn_and_initial_value(value, inputs=None):
+        initial_value = None
+        if callable(value):
+            if not inputs:
+                initial_value = value()
+            load_fn = value
+        else:
+            initial_value = value
+            load_fn = None
+        return load_fn, initial_value
+
+    def attach_load_event(
+        self,
+        callable: Callable,
+        every: Timer | float | None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+    ):
+        """Add an event that runs `callable`, optionally at interval specified by `every`."""
+        if isinstance(inputs, Component):
+            inputs = [inputs]
+        changeable_events: list[tuple[Block, str]] = (
+            [(i, "change") for i in inputs if hasattr(i, "change")] if inputs else []
+        )
+        if isinstance(every, (int, float)):
+            from gradio.components import Timer
+
+            every = Timer(every)
+        if every:
+            changeable_events.append((every, "tick"))
+        self.load_event_to_attach = (
+            callable,
+            changeable_events,
+            inputs,
+        )
+
+    def process_example(self, value):
+        """
+        Process the input data in a way that can be displayed by the examples dataset component in the front-end.
+        By default, this calls the `.postprocess()` method of the component. However, if the `.postprocess()` method is
+        computationally intensive, or returns a large payload, a custom implementation may be appropriate.
+
+        For example,  the `process_example()` method of the `gr.Audio()` component only returns the name of the file, not
+        the processed audio file. The `.process_example()` method of the `gr.Dataframe()` returns the head of a dataframe
+        instead of the full dataframe.
+
+        The return value of this method must be json-serializable to put in the config.
+        """
+        return self.postprocess(value)
+
+    def as_example(self, value):
+        """Deprecated and replaced by `process_example()`."""
+        return self.process_example(value)
+
+    def example_inputs(self) -> Any:
+        """Deprecated and replaced by `example_payload()` and `example_value()`."""
+        return self.example_payload()
+
+    def example_payload(self) -> Any:
+        """
+        An example input data for this component, e.g. what is passed to this component's preprocess() method.
+        This is used to generate the docs for the View API page for Gradio apps using this component.
+        """
+        raise NotImplementedError()
+
+    def example_value(self) -> Any:
+        """
+        An example output data for this component, e.g. what is passed to this component's postprocess() method.
+        This is used to generate an example value if this component is used as a template for a custom component.
+        """
+        raise NotImplementedError()
+
+    def api_info(self) -> dict[str, Any]:
+        """
+        The typing information for this component as a dictionary whose values are a list of 2 strings: [Python type, language-agnostic description].
+        Keys of the dictionary are: raw_input, raw_output, serialized_input, serialized_output
+        """
+        if self._api_info_cache is not None:
+            return self._api_info_cache
+        if self.data_model is not None:
+            schema = self.data_model.model_json_schema()
+            desc = schema.pop("description", None)
+            schema["additional_description"] = desc
+            self._api_info_cache = schema
+            return schema
+        raise NotImplementedError(
+            f"The api_info method has not been implemented for {self.get_block_name()}"
+        )
+
+    def api_info_as_input(self) -> dict[str, Any]:
+        return self.api_info()
+
+    def api_info_as_output(self) -> dict[str, Any]:
+        return self.api_info()
+
+    def flag(self, payload: Any, flag_dir: str | Path = "") -> str:
+        """
+        Write the component's value to a format that can be stored in a csv or jsonl format for flagging.
+        """
+        if self.data_model:
+            payload = self.data_model.from_json(payload)
+            Path(flag_dir).mkdir(exist_ok=True)
+            payload = payload.copy_to_dir(flag_dir).model_dump()
+        if isinstance(payload, BaseModel):
+            payload = payload.model_dump()
+        if not isinstance(payload, str):
+            payload = json.dumps(payload)
+        return payload
+
+    def read_from_flag(self, payload: Any):
+        """
+        Convert the data from the csv or jsonl file into the component state.
+        """
+        if self.data_model:
+            return self.data_model.from_json(json.loads(payload))
+        return payload
+
+
+class FormComponent(Component):
+    """
+    A base class for components that are typically used in forms (e.g. Textbox, Dropdown). These
+    components will be grouped together in the UI to provide a more condensed layout. Components
+    that are not rendered in the UI (e.g. State) should also inherit from this class, as it will
+    prevent them from breaking the grouping, see: https://github.com/gradio-app/gradio/issues/10330
+    """
+
+    def get_expected_parent(self) -> type[Form] | None:
+        if getattr(self, "container", None) is False:
+            return None
+        return Form
+
+    def preprocess(self, payload: Any) -> Any:
+        return payload
+
+
+class StreamingOutput(metaclass=abc.ABCMeta):
+    def __init__(self, *args, **kwargs) -> None:
+        super().__init__(*args, **kwargs)
+        self.streaming: bool
+
+    @abc.abstractmethod
+    async def stream_output(
+        self, value, output_id: str, first_chunk: bool
+    ) -> tuple[MediaStreamChunk | None, FileDataDict | dict]:
+        pass
+
+    @abc.abstractmethod
+    async def combine_stream(
+        self,
+        stream: list[bytes],
+        desired_output_format: str | None = None,
+        only_file=False,
+    ) -> GradioDataModel | FileData:
+        """Combine all of the stream chunks into a single file.
+
+        This is needed for downloading the stream and for caching examples.
+        If `only_file` is True, only the FileData corresponding to the file should be returned (needed for downloading the stream).
+        The desired_output_format optionally converts the combined file. Should only be used for cached examples.
+        """
+        pass
+
+
+class StreamingInput(metaclass=abc.ABCMeta):
+    def __init__(self, *args, **kwargs) -> None:
+        super().__init__(*args, **kwargs)
+
+    @abc.abstractmethod
+    def check_streamable(self):
+        """Used to check if streaming is supported given the input."""
+        pass
+
+
+def component(cls_name: str, render: bool) -> Component:
+    obj = utils.component_or_layout_class(cls_name)(render=render)
+    if not isinstance(obj, Component):
+        raise TypeError(f"Expected a Component instance, but got {obj.__class__}")
+    return obj
+
+
+def get_component_instance(
+    comp: str | dict | Component, render: bool = False, unrender: bool = False
+) -> Component:
+    """
+    Returns a component instance from a string, dict, or Component object.
+    Parameters:
+        comp: the component to instantiate. If a string, must be the name of a component, e.g. "dropdown". If a dict, must have a "name" key, e.g. {"name": "dropdown", "choices": ["a", "b"]}. If a Component object, will be returned as is.
+        render: whether to render the component. If True, renders the component (if not already rendered). If False, does not do anything.
+        unrender: whether to unrender the component. If True, unrenders the the component (if already rendered) -- this is useful when constructing an Interface or ChatInterface inside of a Blocks. If False, does not do anything.
+    """
+    if isinstance(comp, str):
+        component_obj = component(comp, render=render)
+    elif isinstance(comp, dict):
+        name = comp.pop("name")  # type: ignore
+        component_cls = utils.component_or_layout_class(name)
+        component_obj = component_cls(**comp, render=render)  # type: ignore
+    elif isinstance(comp, Component):
+        component_obj = comp
+    else:
+        raise ValueError(
+            f"Component must be provided as a `str` or `dict` or `Component` but is {comp}"
+        )
+
+    if render and not component_obj.is_rendered:
+        component_obj.render()
+    elif unrender and component_obj.is_rendered:
+        component_obj.unrender()
+    if not isinstance(component_obj, Component):
+        raise TypeError(
+            f"Expected a Component instance, but got {component_obj.__class__}"
+        )
+    return component_obj
diff --git a/gradio/components/browser_state.py b/gradio/components/browser_state.py
new file mode 100644
index 0000000..6ee26f0
--- /dev/null
+++ b/gradio/components/browser_state.py
@@ -0,0 +1,92 @@
+"""gr.BrowserState() component."""
+
+from __future__ import annotations
+
+import secrets
+import string
+from typing import Any
+
+from gradio_client.documentation import document
+from pydantic import BaseModel as PydanticBaseModel
+
+from gradio.components.base import Component
+from gradio.events import Events
+
+
+def _to_json_serializable(value: Any) -> Any:
+    """Convert a value to a JSON-serializable form.
+
+    Pydantic BaseModel instances are converted to dicts via model_dump(),
+    since they cannot be directly serialized by orjson and would otherwise
+    fall back to str() representation.
+    """
+    if isinstance(value, PydanticBaseModel):
+        return value.model_dump()
+    return value
+
+
+@document()
+class BrowserState(Component):
+    EVENTS = [Events.change]
+    """
+    Special component that stores state in the browser's localStorage in an encrypted format.
+    """
+
+    def __init__(
+        self,
+        default_value: Any = None,
+        *,
+        storage_key: str | None = None,
+        secret: str | None = None,
+        render: bool = True,
+    ):
+        """
+        Parameters:
+            default_value: the default value that will be used if no value is found in localStorage. Should be a json-serializable value.
+            storage_key: the key to use in localStorage. If None, a random key will be generated.
+            secret: the secret key to use for encryption. If None, a random key will be generated (recommended).
+            render: should always be True, is included for consistency with other components.
+        """
+        self.default_value = _to_json_serializable(default_value)
+        self.secret = secret or "".join(
+            secrets.choice(string.ascii_letters + string.digits) for _ in range(16)
+        )
+        self.storage_key = storage_key or "".join(
+            secrets.choice(string.ascii_letters + string.digits) for _ in range(16)
+        )
+        self._value_description = "any json-serializable value"
+
+        super().__init__(render=render)
+
+    def preprocess(self, payload: Any) -> Any:
+        """
+        Parameters:
+            payload: Value from local storage
+        Returns:
+            Passes value through unchanged
+        """
+        if payload is None:
+            return self.default_value
+        return payload
+
+    def postprocess(self, value: Any) -> Any:
+        """
+        Parameters:
+            value: Value to store in local storage
+        Returns:
+            Passes value through unchanged, converting Pydantic models to dicts
+        """
+        return _to_json_serializable(value)
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": {}, "description": "any json-serializable value"}
+
+    def example_payload(self) -> Any:
+        return "test"
+
+    def example_value(self) -> Any:
+        return "test"
+
+    def breaks_grouping(self) -> bool:
+        """BrowserState components should not break wrapper grouping chains."""
+        return False
diff --git a/gradio/components/button.py b/gradio/components/button.py
new file mode 100644
index 0000000..3ad934f
--- /dev/null
+++ b/gradio/components/button.py
@@ -0,0 +1,114 @@
+"""gr.Button() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Button(Component):
+    """
+    Creates a button that can be assigned arbitrary .click() events. The value (label) of the button can be used as an input to the function (rarely used) or set via the output of a function.
+    """
+
+    EVENTS = [Events.change, Events.click]
+
+    def __init__(
+        self,
+        value: str | I18nData | Callable = "Run",
+        *,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        variant: Literal["primary", "secondary", "stop", "huggingface"] = "secondary",
+        size: Literal["sm", "md", "lg"] = "lg",
+        icon: str | Path | None = None,
+        link: str | None = None,
+        link_target: Literal["_self", "_blank", "_parent", "_top"] = "_self",
+        visible: bool | Literal["hidden"] = True,
+        interactive: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        scale: int | None = None,
+        min_width: int | None = None,
+    ):
+        """
+        Parameters:
+            value: default text for the button to display. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            every: continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            variant: sets the background and text color of the button. Use 'primary' for main call-to-action buttons, 'secondary' for a more subdued style, 'stop' for a stop button, 'huggingface' for a black background with white text, consistent with Hugging Face's button styles.
+            size: size of the button. Can be "sm", "md", or "lg".
+            icon: URL or path to the icon file to display within the button. If None, no icon will be displayed.
+            link: URL to open when the button is clicked. If None, no link will be used.
+            link_target: determines where to open the linked URL. "_self" (default, same tab), "_blank" (new tab), "_parent" (parent frame), "_top" (top frame).
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            interactive: if False, the Button will be in a disabled state.
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: an optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: if False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+        """
+        super().__init__(
+            every=every,
+            inputs=inputs,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            interactive=interactive,
+            scale=scale,
+            min_width=min_width,
+        )
+        self.icon = self.serve_static_file(icon)
+        self.variant = variant
+        self.size = size
+        self.link = link
+        self.link_target = link_target
+
+    @property
+    def skip_api(self):
+        return True
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: string corresponding to the button label
+        Returns:
+            (Rarely used) the `str` corresponding to the button label when the button is clicked
+        """
+        return payload
+
+    def postprocess(self, value: str | None) -> str | None:
+        """
+        Parameters:
+            value: string corresponding to the button label
+        Returns:
+            Expects a `str` value that is set as the button label
+        """
+        return str(value)
+
+    def example_payload(self) -> Any:
+        return "Run"
+
+    def example_value(self) -> Any:
+        return "Run"
diff --git a/gradio/components/chatbot.py b/gradio/components/chatbot.py
new file mode 100644
index 0000000..41df99d
--- /dev/null
+++ b/gradio/components/chatbot.py
@@ -0,0 +1,727 @@
+"""gr.Chatbot() component."""
+
+from __future__ import annotations
+
+import copy
+import inspect
+from collections.abc import Callable, Sequence
+from dataclasses import dataclass, field
+from pathlib import Path
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+    Union,
+    cast,
+)
+
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+from typing_extensions import NotRequired, TypedDict
+
+from gradio import utils
+from gradio.component_meta import ComponentMeta
+from gradio.components import (
+    Component as GradioComponent,
+)
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import FileData, GradioModel, GradioRootModel
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+
+@document()
+class MetadataDict(TypedDict):
+    """
+    A typed dictionary to represent metadata for a message in the Chatbot component. An
+    instance of this dictionary is used for the `metadata` field in a ChatMessage when
+    the chat message should be displayed as a thought.
+    Parameters:
+        title: The title of the "thought" message. Required if the message is to be displayed as a thought.
+        id: The ID of the message. Only used for nested thoughts. Nested thoughts can be nested by setting the parent_id to the id of the parent thought.
+        parent_id: The ID of the parent message. Only used for nested thoughts.
+        log: A string message to display next to the thought title in a subdued font.
+        duration: The duration of the message in seconds. Appears next to the thought title in a subdued font inside a parentheses.
+        status: if set to `"pending"`, a spinner appears next to the thought title and the accordion is initialized open.  If `status` is `"done"`, the thought accordion is initialized closed. If `status` is not provided, the thought accordion is initialized open and no spinner is displayed.
+    """
+
+    title: NotRequired[str]
+    id: NotRequired[int | str]
+    parent_id: NotRequired[int | str]
+    log: NotRequired[str]
+    duration: NotRequired[float]
+    status: NotRequired[Literal["pending", "done"]]
+
+
+@document()
+class OptionDict(TypedDict):
+    """
+    A typed dictionary to represent an option in a ChatMessage. A list of these
+    dictionaries is used for the `options` field in a ChatMessage.
+    Parameters:
+        value: The value to return when the option is selected.
+        label: The text to display in the option, if different from the value.
+    """
+
+    value: str
+    label: NotRequired[str]
+
+
+class FileDataDict(TypedDict):
+    path: str  # server filepath
+    url: NotRequired[str | None]  # normalised server url
+    size: NotRequired[int | None]  # size in bytes
+    orig_name: NotRequired[str | None]  # original filename
+    mime_type: NotRequired[str | None]
+    is_stream: NotRequired[bool]
+    meta: dict[Literal["_type"], Literal["gradio.FileData"]]
+
+
+class TextMessage(GradioModel):
+    text: str
+    type: Literal["text"] = "text"
+
+
+class TextMessageDict(TypedDict):
+    text: str
+    type: Literal["text"]
+
+
+class ComponentMessage(GradioModel):
+    component: str
+    value: Any
+    constructor_args: dict[str, Any]
+    props: dict[str, Any]
+    type: Literal["component"] = "component"
+
+
+class ComponentMessageDict(TypedDict):
+    component: str
+    value: Any
+    constructor_args: dict[str, Any]
+    props: dict[str, Any]
+    type: Literal["component"]
+    instance: NotRequired[GradioComponent]
+
+
+MessageContent = Union[str, FileDataDict, FileData, Component]
+
+
+class MessageDict(TypedDict):
+    content: MessageContent | list[MessageContent]
+    role: Literal["user", "assistant", "system"]
+    metadata: NotRequired[MetadataDict]
+    options: NotRequired[list[OptionDict]]
+
+
+class FileMessage(GradioModel):
+    file: FileData
+    alt_text: str | None = None
+    type: Literal["file"] = "file"
+
+
+class FileMessageDict(TypedDict):
+    file: FileDataDict
+    alt_text: NotRequired[str | None]
+    type: Literal["file"]
+
+
+NormalizedMessageContent = Union[TextMessageDict, FileMessageDict, ComponentMessageDict]
+
+
+class NormalizedMessageDict(TypedDict):
+    content: list[NormalizedMessageContent]
+    role: Literal["user", "assistant", "system"]
+    metadata: NotRequired[MetadataDict]
+    options: NotRequired[list[OptionDict]]
+
+
+class Message(GradioModel):
+    role: str
+    metadata: MetadataDict | None = None
+    content: list[Union[TextMessage, FileMessage, ComponentMessage]]
+    options: list[OptionDict] | None = None
+
+
+class ExampleMessage(TypedDict):
+    icon: NotRequired[
+        str | FileDataDict
+    ]  # filepath or url to an image to be shown in example box
+    display_text: NotRequired[
+        str
+    ]  # text to be shown in example box. If not provided, main_text will be shown
+    text: NotRequired[str]  # text to be added to chatbot when example is clicked
+    files: NotRequired[
+        Sequence[str | FileDataDict]
+    ]  # list of file paths or URLs to be added to chatbot when example is clicked
+
+
+@document()
+@dataclass
+class ChatMessage:
+    """
+    A dataclass that represents a message in the Chatbot component (with type="messages"). The only required field is `content`. The value of `gr.Chatbot` is a list of these dataclasses.
+    Parameters:
+        content: The content of the message. Can be a string, a file dict, a gradio component, or a list of these types to group these messages together.
+        role: The role of the message, which determines the alignment of the message in the chatbot. Can be "user", "assistant", or "system". Defaults to "assistant".
+        metadata: The metadata of the message, which is used to display intermediate thoughts / tool usage. Should be a dictionary with the following keys: "title" (required to display the thought), and optionally: "id" and "parent_id" (to nest thoughts), "duration" (to display the duration of the thought), "status" (to display the status of the thought).
+        options: The options of the message. A list of Option objects, which are dictionaries with the following keys: "label" (the text to display in the option), and optionally "value" (the value to return when the option is selected if different from the label).
+    """
+
+    content: MessageContent | list[MessageContent]
+    role: Literal["user", "assistant", "system"] = "assistant"
+    metadata: MetadataDict = field(default_factory=MetadataDict)
+    options: list[OptionDict] = field(default_factory=list)
+
+
+class ChatbotDataMessages(GradioRootModel):
+    root: list[Message]
+
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+def import_component_and_data(
+    component_name: str,
+) -> type[Component] | None:
+    try:
+        for component in utils.get_all_components():
+            if component_name == component.__name__ and isinstance(
+                component, ComponentMeta
+            ):
+                return component  # ty: ignore[invalid-return-type]
+    except ModuleNotFoundError as e:
+        raise ValueError(f"Error importing {component_name}: {e}") from e
+    except AttributeError:
+        pass
+
+
+@document()
+class Chatbot(Component):
+    """
+    Creates a chatbot that displays user-submitted messages and responses. Supports a subset of Markdown including bold, italics, code, tables.
+    Also supports audio/video/image files, which are displayed in the Chatbot, and other kinds of files which are displayed as links. This
+    component is usually used as an output component.
+
+    Demos: chatbot_simple, chatbot_streaming, chatbot_with_tools, chatbot_core_components
+    Guides: chatbot-specific-events, conversational-chatbot, creating-a-chatbot-fast, creating-a-custom-chatbot-with-blocks, agents-and-tool-usage
+    """
+
+    data_model = ChatbotDataMessages
+
+    EVENTS = [
+        Events.change,
+        Events.select,
+        Events.like,
+        Events.retry,
+        Events.undo,
+        Events.example_select,
+        Events.option_select,
+        Events.clear,
+        Events.copy,
+        Events.edit,
+    ]
+
+    def __init__(
+        self,
+        value: (list[MessageDict | Message] | Callable | None) = None,
+        *,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        autoscroll: bool = True,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        height: int | str | None = 400,
+        resizable: bool = False,
+        max_height: int | str | None = None,
+        min_height: int | str | None = None,
+        editable: Literal["user", "all"] | None = None,
+        latex_delimiters: list[dict[str, str | bool]] | None = None,
+        rtl: bool = False,
+        buttons: list[Literal["share", "copy", "copy_all"] | Button] | None = None,
+        watermark: str | None = None,
+        avatar_images: tuple[str | Path | None, str | Path | None] | None = None,
+        sanitize_html: bool = True,
+        render_markdown: bool = True,
+        feedback_options: list[str] | tuple[str, ...] | None = ("Like", "Dislike"),
+        feedback_value: Sequence[str | None] | None = None,
+        line_breaks: bool = True,
+        layout: Literal["panel", "bubble"] | None = None,
+        placeholder: str | None = None,
+        examples: list[ExampleMessage] | None = None,
+        allow_file_downloads: bool = True,
+        group_consecutive_messages: bool = True,
+        allow_tags: list[str] | bool = True,
+        reasoning_tags: list[tuple[str, str]] | None = None,
+        like_user_message: bool = False,
+    ):
+        """
+        Parameters:
+            value: Default list of messages to show in chatbot, where each message is of the format {"role": "user", "content": "Help me."}. Role can be one of "user", "assistant", or "system". Content should be either text, or media passed as a Gradio component, e.g. {"content": gr.Image("lion.jpg")}. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            autoscroll: If True, will automatically scroll to the bottom of the textbox when the value changes, unless the user scrolls up. If False, will not scroll to the bottom of the textbox when the value changes.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            height: The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If messages exceed the height, the component will scroll.
+            resizable: If True, the user of the Gradio app can resize the chatbot by dragging the bottom right corner.
+            max_height: The maximum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If messages exceed the height, the component will scroll. If messages are shorter than the height, the component will shrink to fit the content. Will not have any effect if `height` is set and is smaller than `max_height`.
+            min_height: The minimum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If messages exceed the height, the component will expand to fit the content. Will not have any effect if `height` is set and is larger than `min_height`.
+            editable: Allows user to edit messages in the chatbot. If set to "user", allows editing of user messages. If set to "all", allows editing of assistant messages as well.
+            latex_delimiters: A list of dicts of the form {"left": open delimiter (str), "right": close delimiter (str), "display": whether to display in newline (bool)} that will be used to render LaTeX expressions. If not provided, `latex_delimiters` is set to `[{ "left": "$$", "right": "$$", "display": True }]`, so only expressions enclosed in $$ delimiters will be rendered as LaTeX, and in a new line. Pass in an empty list to disable LaTeX rendering. For more information, see the [KaTeX documentation](https://katex.org/docs/autorender.html).
+            rtl: If True, sets the direction of the rendered text to right-to-left. Default is False, which renders text left-to-right.
+            buttons: A list of buttons to show in the top right corner of the component. Valid options are "share", "copy", "copy_all", or a gr.Button() instance. The "share" button allows the user to share outputs to Hugging Face Spaces Discussions. The "copy" button makes a copy button appear next to each individual chatbot message. The "copy_all" button appears at the component level and allows the user to copy all chatbot messages. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, "share" and "copy_all" buttons are shown.
+            watermark: If provided, this text will be appended to the end of messages copied from the chatbot, after a blank line. Useful for indicating that the message is generated by an AI model.
+            avatar_images: Tuple of two avatar image paths or URLs for user and bot (in that order). Pass None for either the user or bot image to skip. Must be within the working directory of the Gradio app or an external URL.
+            sanitize_html: If False, will disable HTML sanitization for chatbot messages. This is not recommended, as it can lead to security vulnerabilities.
+            render_markdown: If False, will disable Markdown rendering for chatbot messages.
+            feedback_options: A list of strings representing the feedback options that will be displayed to the user. The exact case-sensitive strings "Like" and "Dislike" will render as thumb icons, but any other choices will appear under a separate flag icon.
+            feedback_value: A list of strings representing the feedback state for entire chat. Only works when type="messages". Each entry in the list corresponds to that assistant message, in order, and the value is the feedback given (e.g. "Like", "Dislike", or any custom feedback option) or None if no feedback was given for that message.
+            line_breaks: If True (default), will enable Github-flavored Markdown line breaks in chatbot messages. If False, single new lines will be ignored. Only applies if `render_markdown` is True.
+            layout: If "panel", will display the chatbot in a llm style layout. If "bubble", will display the chatbot with message bubbles, with the user and bot messages on alterating sides. Will default to "bubble".
+            placeholder: a placeholder message to display in the chatbot when it is empty. Centered vertically and horizontally in the Chatbot. Supports Markdown and HTML. If None, no placeholder is displayed.
+            examples: A list of example messages to display in the chatbot before any user/assistant messages are shown. Each example should be a dictionary with an optional "text" key representing the message that should be populated in the Chatbot when clicked, an optional "files" key, whose value should be a list of files to populate in the Chatbot, an optional "icon" key, whose value should be a filepath or URL to an image to display in the example box, and an optional "display_text" key, whose value should be the text to display in the example box. If "display_text" is not provided, the value of "text" will be displayed.
+            allow_file_downloads: If True, will show a download button for chatbot messages that contain media. Defaults to True.
+            group_consecutive_messages: If True, will display consecutive messages from the same role in the same bubble. If False, will display each message in a separate bubble. Defaults to True.
+            allow_tags: If a list of tags is provided, these tags will be preserved in the output chatbot messages, even if `sanitize_html` is `True`. For example, if this list is ["thinking"], the tags `<thinking>` and `</thinking>` will not be removed. If True, all custom tags (non-standard HTML tags) will be preserved. If False, no tags will be preserved. Default value is 'True'.
+            reasoning_tags: If provided, a list of tuples of (open_tag, close_tag) strings. Any text between these tags will be extracted and displayed in a separate collapsible message with metadata={"title": "Reasoning"}. For example, [("<thinking>", "</thinking>")] will extract content between <thinking> and </thinking> tags. Each thinking block will be displayed as a separate collapsible message before the main response. If None (default), no automatic extraction is performed.
+            like_user_message: If True, will show like/dislike buttons for user messages as well. Defaults to False.
+        """
+        self.autoscroll = autoscroll
+        self.height = height
+        self.resizable = resizable
+        self.max_height = max_height
+        self.min_height = min_height
+        self.editable = editable
+        self.rtl = rtl
+        self.group_consecutive_messages = group_consecutive_messages
+        if latex_delimiters is None:
+            latex_delimiters = [{"left": "$$", "right": "$$", "display": True}]
+        self.latex_delimiters = latex_delimiters
+        self.buttons = set_default_buttons(buttons, ["share", "copy", "copy_all"])
+        self.render_markdown = render_markdown
+        self.watermark = watermark
+        self.sanitize_html = sanitize_html
+        self.line_breaks = line_breaks
+        self.layout = layout
+        self.allow_file_downloads = allow_file_downloads
+        self.feedback_options = feedback_options
+        self.feedback_value = feedback_value
+        self.allow_tags = allow_tags if allow_tags else False
+        self.reasoning_tags = reasoning_tags
+        self.like_user_message = like_user_message
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.avatar_images: list[dict | None] = [None, None]
+        if avatar_images is None:
+            pass
+        else:
+            self.avatar_images = [
+                self.serve_static_file(avatar_images[0]),
+                self.serve_static_file(avatar_images[1]),
+            ]
+        self.placeholder = placeholder
+
+        self.examples = examples
+        self._setup_examples()
+        self._value_description = "a list of chat message dictionaries in openai format, e.g. {'role': 'user', 'content': 'Hello'}"
+
+    def _setup_examples(self):
+        if self.examples is not None:
+            for i, example in enumerate(self.examples):
+                if "icon" in example and isinstance(example["icon"], str):
+                    example["icon"] = cast(
+                        FileDataDict, self.serve_static_file(example["icon"])
+                    )
+                file_info = example.get("files")
+                if file_info is not None and not isinstance(file_info, list):
+                    raise Error(
+                        "Data incompatible with files format. The 'files' passed should be a list of file paths or URLs."
+                    )
+                if file_info is not None:
+                    for i, file in enumerate(file_info):
+                        if isinstance(file, str):
+                            orig_name = Path(file).name
+                            file_data = self.serve_static_file(file)
+                            if file_data is not None:
+                                file_data["orig_name"] = orig_name
+                                file_data["mime_type"] = client_utils.get_mimetype(
+                                    orig_name
+                                )
+                                file_data = FileDataDict(**file_data)  # type: ignore
+                                file_info[i] = file_data
+
+    @staticmethod
+    def _check_format(
+        messages: list[MessageDict | Message | ChatMessage | NormalizedMessageDict],
+    ):
+        all_valid = all(
+            isinstance(message, dict)
+            and "role" in message
+            and "content" in message
+            or isinstance(message, ChatMessage | Message)
+            for message in messages
+        )
+        if not all_valid:
+            raise Error(
+                "Data incompatible with messages format. Each message should be a dictionary with 'role' and 'content' keys or a ChatMessage object."
+            )
+
+    def _preprocess_content(
+        self,
+        chat_message: Union[TextMessage, FileMessage, ComponentMessage],
+    ) -> NormalizedMessageContent:
+        if isinstance(chat_message, FileMessage):
+            return cast(FileMessageDict, chat_message.model_dump())
+        elif isinstance(chat_message, TextMessage):
+            return cast(TextMessageDict, chat_message.model_dump())
+        elif isinstance(chat_message, ComponentMessage):
+            component_message = cast(ComponentMessageDict, chat_message.model_dump())
+            capitalized_component = (
+                chat_message.component.upper()
+                if chat_message.component in ("json", "html")
+                else "Model3D"
+                if chat_message.component == "model3d"
+                else chat_message.component.capitalize()
+            )
+            component = import_component_and_data(capitalized_component)
+            if component is not None:
+                instance = component()  # type: ignore
+                if not instance.data_model:
+                    payload = chat_message.value
+                elif issubclass(instance.data_model, GradioModel):
+                    payload = instance.data_model(**chat_message.value)
+                elif issubclass(instance.data_model, GradioRootModel):
+                    payload = instance.data_model(root=chat_message.value)
+                else:
+                    payload = chat_message.value
+                value = instance.preprocess(payload)
+                component_message["instance"] = component(
+                    value=value, **chat_message.constructor_args
+                )
+            return component_message
+        else:
+            raise ValueError(f"Invalid message for Chatbot component: {chat_message}")
+
+    def preprocess(
+        self,
+        payload: ChatbotDataMessages | None,
+    ) -> list[NormalizedMessageDict]:
+        """
+        Parameters:
+            payload: data as a ChatbotData object
+        Returns:
+            Passes the value as a list of dictionaries with 'role' and 'content' keys.
+        """
+        if payload is None:
+            return []
+
+        if not isinstance(payload, ChatbotDataMessages):
+            raise Error("Data incompatible with the messages format")
+        message_dicts = []
+        for message in payload.root:
+            message_dict = cast(NormalizedMessageDict, message.model_dump())
+            message_dict["content"] = [
+                self._preprocess_content(content) for content in message.content
+            ]
+            message_dicts.append(message_dict)
+        return message_dicts
+
+    @staticmethod
+    def _get_alt_text(chat_message: dict | list | tuple | GradioComponent):
+        if isinstance(chat_message, dict):
+            return chat_message.get("alt_text")  # type: ignore
+        elif not isinstance(chat_message, GradioComponent) and len(chat_message) > 1:
+            return chat_message[1]
+
+    @staticmethod
+    def _create_file_message(chat_message, filepath):
+        mime_type = client_utils.get_mimetype(filepath)
+
+        return FileMessage(
+            file=FileData(path=filepath, mime_type=mime_type),
+            alt_text=Chatbot._get_alt_text(chat_message),
+        )
+
+    def _postprocess_content(
+        self,
+        chat_message: str
+        | FileDataDict
+        | GradioComponent
+        | ComponentMessage
+        | FileData
+        | FileMessage
+        | ComponentMessage
+        | FileMessageDict
+        | ComponentMessageDict
+        | TextMessageDict,
+    ) -> Union[TextMessage, FileMessage, ComponentMessage, None]:
+        if isinstance(chat_message, str):
+            return TextMessage(text=inspect.cleandoc(chat_message))
+        elif isinstance(chat_message, (FileMessage, ComponentMessage)):
+            return chat_message
+        elif isinstance(chat_message, FileData):
+            return FileMessage(file=chat_message)
+        elif isinstance(chat_message, GradioComponent):
+            chat_message.unrender()
+            component = import_component_and_data(type(chat_message).__name__)
+            if component:
+                chat_message.constructor_args["render"] = False
+                component = chat_message.__class__(**chat_message.constructor_args)
+                chat_message.constructor_args.pop("value", None)
+                config = component.get_config()
+                component_name = type(chat_message).__name__.lower()
+                value = config.get("value", None)
+                # Ensure that file components have value as a list
+                if (
+                    component_name == "file"
+                    and value is not None
+                    and not isinstance(value, list)
+                ):
+                    value = [value]
+                return ComponentMessage(
+                    component=component_name,
+                    value=value,
+                    constructor_args=chat_message.constructor_args,
+                    props=config,
+                )
+        elif isinstance(chat_message, dict) and "path" in chat_message:
+            filepath = chat_message["path"]
+            return self._create_file_message(chat_message, filepath)
+        elif isinstance(chat_message, dict) and "file" in chat_message:
+            return FileMessage(
+                file=FileData(**chat_message["file"]),  # type: ignore
+                alt_text=chat_message.get("alt_text"),
+            )
+        elif isinstance(chat_message, dict) and chat_message.get("type") == "text":
+            return TextMessage(**chat_message)  # type: ignore
+        elif isinstance(chat_message, dict) and chat_message.get("type") == "component":
+            return ComponentMessage(**chat_message)  # type: ignore
+        elif isinstance(chat_message, dict) and chat_message.get("type") == "file":
+            return FileMessage(
+                file=FileData(**chat_message["file"]),  # type: ignore
+                alt_text=chat_message.get("alt_text"),
+            )
+        else:
+            raise ValueError(f"Invalid message for Chatbot component: {chat_message}")
+
+    def _postprocess(
+        self, message: MessageDict | Message | ChatMessage | NormalizedMessageDict
+    ) -> list[Message] | None:
+        message = copy.deepcopy(message)
+        role = message["role"] if isinstance(message, dict) else message.role  # type: ignore[possibly-unbound-attribute]
+        metadata = (
+            message.get("metadata") if isinstance(message, dict) else message.metadata  # type: ignore[possibly-unbound-attribute]
+        )
+        options = (
+            message.get("options") if isinstance(message, dict) else message.options  # type: ignore[possibly-unbound-attribute]
+        )
+        if isinstance(message, dict) and not isinstance(message["content"], list):
+            content_ = self._postprocess_content(
+                cast(MessageContent, message["content"])
+            )
+            if not content_:
+                return None
+            content_postprocessed = [content_]
+        elif isinstance(message, dict) and isinstance(message["content"], list):
+            content_postprocessed: list[
+                Union[TextMessage, FileMessage, ComponentMessage]
+            ] = []
+            for content_item in cast(list, message["content"]):
+                item = self._postprocess_content(content_item)
+                if item:
+                    content_postprocessed.append(item)
+            if not content_postprocessed:
+                return None
+        elif isinstance(message, ChatMessage):
+            if not isinstance(message.content, list):
+                content_postprocessed = [self._postprocess_content(message.content)]  # type: ignore
+            else:
+                content_postprocessed = []
+                for content_item in message.content:
+                    item = self._postprocess_content(content_item)  # type: ignore
+                    if item:
+                        content_postprocessed.append(item)
+            if not content_postprocessed:
+                return None
+        elif isinstance(message, Message):
+            return [message]
+        else:
+            raise Error(
+                f"Invalid message for Chatbot component: {message}", visible=False
+            )
+        messages: list[Message] = []
+        if self.reasoning_tags:
+            non_text_content = [
+                item
+                for item in content_postprocessed
+                if item.type != "text"  # type: ignore
+            ]
+            for content_item in content_postprocessed:
+                if content_item.type == "text":  # type: ignore
+                    segments = self._extract_thinking_blocks(
+                        content_item.text,  # type: ignore
+                        self.reasoning_tags,  # type: ignore
+                    )
+                    for text, is_thinking, status in segments:
+                        if is_thinking:
+                            thinking_message = Message(
+                                role=role,
+                                content=[TextMessage(text=text)],
+                                metadata=cast(
+                                    MetadataDict,
+                                    {"title": "Reasoning", "status": status},
+                                ),
+                            )
+                            messages.append(thinking_message)
+                        else:
+                            prose_message = Message(
+                                role=role,
+                                content=[TextMessage(text=text)],
+                                metadata=metadata,
+                                options=options,
+                            )
+                            messages.append(prose_message)
+            if non_text_content:
+                messages.append(
+                    Message(
+                        role=role,
+                        content=non_text_content,  # type: ignore
+                        metadata=metadata,
+                        options=options,
+                    )
+                )
+        else:
+            messages = [
+                Message(
+                    role=role,
+                    content=content_postprocessed,  # type: ignore
+                    metadata=metadata,
+                    options=options,
+                )
+            ]
+        return messages
+
+    def _extract_thinking_blocks(
+        self, content: str, tags: list[tuple[str, str]]
+    ) -> list[tuple[str, bool, str]]:
+        """
+        Extract thinking blocks from content based on provided tags, preserving order.
+
+        Parameters:
+            content: The message content to process
+            tags: List of (open_tag, close_tag) tuples
+
+        Returns:
+            A list of tuples (text, is_thinking, status) in order of appearance
+        """
+        import re
+
+        patterns = []
+        for open_tag, close_tag in tags:
+            escaped_open = re.escape(open_tag)
+            escaped_close = re.escape(close_tag)
+            # match opening tag, and either the closing tag or the end of the string
+            patterns.append(f"({escaped_open})(.*?)(?:{escaped_close}|$)")
+
+        combined_pattern = "|".join(patterns)
+
+        segments = []
+        last_end = 0
+        for match in re.finditer(combined_pattern, content, re.DOTALL):
+            if match.start() > last_end:
+                prose = content[last_end : match.start()].strip()
+                if prose:
+                    segments.append([prose, False, "done"])
+
+            thinking = None
+            for i in range(1, len(match.groups()), 2):
+                if match.group(i + 1) is not None:
+                    thinking = match.group(i + 1).strip()
+                    break
+
+            if thinking:
+                pending = not any(match.group(0).endswith(tag[1]) for tag in tags)
+                segments.append([thinking, True, "done" if not pending else "pending"])
+
+            last_end = match.end()
+
+        if last_end < len(content):
+            prose = content[last_end:].strip()
+            if prose:
+                segments.append([prose, False, "done"])
+
+        return segments
+
+    def postprocess(
+        self,
+        value: list[MessageDict | Message | ChatMessage | NormalizedMessageDict] | None,
+    ) -> ChatbotDataMessages:
+        """
+        Parameters:
+            value: Passes the value as a list of dictionaries with 'role' and 'content' keys. The `content` key's value supports everything the `tuples` format supports.
+        Returns:
+            an object of type ChatbotData
+        """
+        if value is None:
+            return ChatbotDataMessages(root=[])
+        self._check_format(value)
+
+        processed_messages = []
+        for message in value:
+            processed_message = self._postprocess(message)
+            if processed_message is not None:
+                processed_messages.extend(processed_message)
+        return ChatbotDataMessages(root=processed_messages)
+
+    def example_payload(self) -> Any:
+        return [
+            Message(role="user", content=[TextMessage(text="Hello!")]).model_dump(),
+            Message(
+                role="assistant", content=[TextMessage(text="How can I help you?")]
+            ).model_dump(),
+        ]
+
+    def example_value(self) -> Any:
+        return [
+            Message(role="user", content=[TextMessage(text="Hello!")]).model_dump(),
+            Message(
+                role="assistant", content=[TextMessage(text="How can I help you?")]
+            ).model_dump(),
+        ]
diff --git a/gradio/components/checkbox.py b/gradio/components/checkbox.py
new file mode 100644
index 0000000..adf7c55
--- /dev/null
+++ b/gradio/components/checkbox.py
@@ -0,0 +1,125 @@
+"""gr.Checkbox() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Checkbox(FormComponent):
+    """
+    Creates a checkbox that can be set to `True` or `False`. Can be used as an input to pass a boolean value to a function or as an output
+    to display a boolean value.
+
+    Demos: sentence_builder, hello_world_3
+    """
+
+    EVENTS = [Events.change, Events.input, Events.select]
+
+    def __init__(
+        self,
+        value: bool | Callable = False,
+        *,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: if True, checked by default. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: the label for this checkbox, displayed to the right of the checkbox if `show_label` is `True`.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, this checkbox can be checked; if False, checking will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+
+    def get_config(self) -> dict[str, Any]:  # type: ignore[override]
+        config = super().get_config()
+        if self.label is not None:
+            self.show_label = True
+        config["label"] = self.label
+        config["show_label"] = self.show_label
+        return config
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "boolean"}
+
+    def example_payload(self) -> bool:
+        return True
+
+    def example_value(self) -> bool:
+        return True
+
+    def preprocess(self, payload: bool | None) -> bool | None:
+        """
+        Parameters:
+            payload: the status of the checkbox
+        Returns:
+            Passes the status of the checkbox as a `bool`.
+        """
+        return payload
+
+    def postprocess(self, value: bool | None) -> bool | None:
+        """
+        Parameters:
+            value: Expects a `bool` value that is set as the status of the checkbox
+        Returns:
+            The same `bool` value that is set as the status of the checkbox
+        """
+        return bool(value)
diff --git a/gradio/components/checkboxgroup.py b/gradio/components/checkboxgroup.py
new file mode 100644
index 0000000..9099db9
--- /dev/null
+++ b/gradio/components/checkboxgroup.py
@@ -0,0 +1,166 @@
+"""gr.CheckboxGroup() component"""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class CheckboxGroup(FormComponent):
+    """
+    Creates a set of checkboxes. Can be used as an input to pass a set of values to a function or as an output to display values, a subset of which are selected.
+    Demos: sentence_builder
+    """
+
+    EVENTS = [Events.change, Events.input, Events.select]
+
+    def __init__(
+        self,
+        choices: Sequence[str | int | float | tuple[str | I18nData, str | int | float]]
+        | None = None,
+        *,
+        value: Sequence[str | float | int] | str | float | int | Callable | None = None,
+        type: Literal["value", "index"] = "value",
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        show_select_all: bool = False,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            choices: A list of string or numeric options to select from. An option can also be a tuple of the form (name, value), where name is the displayed name of the checkbox button and value is the value to be passed to the function, or returned by the function.
+            value: Default selected list of options. If a single choice is selected, it can be passed in as a string or numeric type. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            type: Type of value to be returned by component. "value" returns the list of strings of the choices selected, "index" returns the list of indices of the choices selected.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: If True, will display label.
+            show_select_all: If True, will display a select/deselect all checkbox next to the label. Only available when show_label is True.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: Relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: Minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: If True, choices in this checkbox group will be checkable; if False, checking will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.choices = (
+            # Although we expect choices to be a list of tuples, it can be a list of tuples if the Gradio app
+            # is loaded with gr.load() since Python tuples are converted to lists in JSON.
+            [tuple(c) if isinstance(c, (tuple, list)) else (str(c), c) for c in choices]
+            if choices
+            else []
+        )
+        valid_types = ["value", "index"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        self.type = type
+        self.show_select_all = show_select_all
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+        self._value_description = f"one or more of {self.choices}"
+
+    def example_payload(self) -> Any:
+        return [self.choices[0][1]] if self.choices else None
+
+    def example_value(self) -> Any:
+        return [self.choices[0][1]] if self.choices else None
+
+    def api_info(self) -> dict[str, Any]:
+        return {
+            "items": {"enum": [c[1] for c in self.choices], "type": "string"},
+            "title": "Checkbox Group",
+            "type": "array",
+        }
+
+    def preprocess(
+        self, payload: list[str | int | float]
+    ) -> list[str | int | float] | list[int | None]:
+        """
+        Parameters:
+            payload: the list of checked checkboxes' values
+        Returns:
+            Passes the list of checked checkboxes as a `list[str | int | float]` or their indices as a `list[int]` into the function, depending on `type`.
+        """
+        choice_values = [value for _, value in self.choices]
+        for value in payload:
+            if value not in choice_values:
+                raise Error(
+                    f"Value: {value!r} (type: {type(value)}) is not in the list of choices: {choice_values}"
+                )
+        if self.type == "value":
+            return payload
+        elif self.type == "index":
+            return [
+                choice_values.index(choice) if choice in choice_values else None
+                for choice in payload
+            ]
+        else:
+            raise ValueError(
+                f"Unknown type: {self.type}. Please choose from: 'value', 'index'."
+            )
+
+    def postprocess(
+        self, value: list[str | int | float] | str | int | float | None
+    ) -> list[str | int | float]:
+        """
+        Parameters:
+            value: Expects a `list[str | int | float]` of values or a single `str | int | float` value, the checkboxes with these values are checked.
+        Returns:
+            the list of checked checkboxes' values
+        """
+        if value is None:
+            return []
+        if not isinstance(value, list):
+            value = [value]
+        return value
diff --git a/gradio/components/clear_button.py b/gradio/components/clear_button.py
new file mode 100644
index 0000000..662b0f0
--- /dev/null
+++ b/gradio/components/clear_button.py
@@ -0,0 +1,166 @@
+"""Predefined buttons with bound events that can be included in a gr.Blocks for convenience."""
+
+from __future__ import annotations
+
+import copy
+import json
+from collections.abc import Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components import Button, Component
+from gradio.context import get_blocks_context
+from gradio.data_classes import GradioModel, GradioRootModel
+from gradio.utils import resolve_singleton
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document("add")
+class ClearButton(Button):
+    """
+    Button that clears the value of a component or a list of components when clicked. It is instantiated with the list of components to clear.
+    Preprocessing: passes the button value as a {str} into the function
+    Postprocessing: expects a {str} to be returned from a function, which is set as the label of the button
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        components: None | Sequence[Component] | Component = None,
+        *,
+        value: str = "Clear",
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        variant: Literal["primary", "secondary", "stop"] = "secondary",
+        size: Literal["sm", "md", "lg"] = "lg",
+        icon: str | Path | None = None,
+        link: str | None = None,
+        link_target: Literal["_self", "_blank", "_parent", "_top"] = "_self",
+        visible: bool | Literal["hidden"] = True,
+        interactive: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        scale: int | None = None,
+        min_width: int | None = None,
+        api_name: str | None = None,
+        api_visibility: Literal["public", "private", "undocumented"] = "undocumented",
+    ):
+        """
+        Parameters:
+            value: default text for the button to display. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            every: continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            variant: sets the background and text color of the button. Use 'primary' for main call-to-action buttons, 'secondary' for a more subdued style, 'stop' for a stop button, 'huggingface' for a black background with white text, consistent with Hugging Face's button styles.
+            size: size of the button. Can be "sm", "md", or "lg".
+            icon: URL or path to the icon file to display within the button. If None, no icon will be displayed.
+            link: URL to open when the button is clicked. If None, no link will be used.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            interactive: if False, the Button will be in a disabled state.
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: an optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: if False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+        """
+        super().__init__(
+            value,
+            every=every,
+            inputs=inputs,
+            variant=variant,
+            size=size,
+            icon=icon,
+            link=link,
+            link_target=link_target,
+            visible=visible,
+            interactive=interactive,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            scale=scale,
+            min_width=min_width,
+        )
+        self.api_name = api_name
+        self.api_visibility = api_visibility
+
+        if get_blocks_context():
+            self.add(components)
+
+    def add(self, components: None | Component | Sequence[Component]) -> ClearButton:
+        """
+        Adds a component or list of components to the list of components that will be cleared when the button is clicked.
+        """
+        from gradio.components import State  # Avoid circular import
+
+        if not components:
+            # This needs to be here because when the ClearButton is created in an gr.Interface, we don't
+            # want to create dependencies for it before we have created the dependencies for the submit function.
+            # We generally assume that the submit function dependency is the first thing created in an gr.Interface.
+            return self
+
+        if isinstance(components, Component):
+            components = [components]
+        none_values = []
+        state_components = []
+        initial_states = []
+        for component in components:
+            if isinstance(component, State):
+                state_components.append(component)
+                initial_states.append(copy.deepcopy(component.value))
+            none = component.postprocess(None)
+            if isinstance(none, (GradioModel, GradioRootModel)):
+                none = none.model_dump()
+            none_values.append(none)
+        clear_values = json.dumps(none_values)
+        self.click(
+            None,
+            [],
+            components,
+            js=f"() => {clear_values}",
+            api_name=self.api_name,
+            api_visibility="private",  # Pure JS function, no backend
+        )
+        if state_components:
+            self.click(
+                lambda: copy.deepcopy(resolve_singleton(initial_states)),
+                None,
+                state_components,
+                api_name=self.api_name,
+                api_visibility=self.api_visibility,  # Uses undocumented since it has a backend function
+            )
+        return self
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: string corresponding to the button label
+        Returns:
+            (Rarely used) the `str` corresponding to the button label when the button is clicked
+        """
+        return payload
+
+    def postprocess(self, value: str | None) -> str | None:
+        """
+        Parameters:
+            value: string corresponding to the button label
+        Returns:
+            Expects a `str` value that is set as the button label
+        """
+        return value
+
+    def example_payload(self) -> Any:
+        return "Clear"
+
+    def example_value(self) -> Any:
+        return "Clear"
diff --git a/gradio/components/code.py b/gradio/components/code.py
new file mode 100644
index 0000000..7384ab0
--- /dev/null
+++ b/gradio/components/code.py
@@ -0,0 +1,209 @@
+"""gr.Code() component"""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document("languages")
+class Code(Component):
+    """
+    Creates a code editor for viewing code (as an output component), or for entering and editing code (as an input component).
+    """
+
+    languages = [
+        "python",
+        "c",
+        "cpp",
+        "markdown",
+        "latex",
+        "json",
+        "html",
+        "css",
+        "javascript",
+        "jinja2",
+        "typescript",
+        "yaml",
+        "dockerfile",
+        "shell",
+        "r",
+        "sql",
+        "sql-msSQL",
+        "sql-mySQL",
+        "sql-mariaDB",
+        "sql-sqlite",
+        "sql-cassandra",
+        "sql-plSQL",
+        "sql-hive",
+        "sql-pgSQL",
+        "sql-gql",
+        "sql-gpSQL",
+        "sql-sparkSQL",
+        "sql-esper",
+        None,
+    ]
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.focus,
+        Events.blur,
+    ]
+
+    def __init__(
+        self,
+        value: str | Callable | None = None,
+        language: Literal[
+            "python",
+            "c",
+            "cpp",
+            "markdown",
+            "latex",
+            "json",
+            "html",
+            "css",
+            "javascript",
+            "jinja2",
+            "typescript",
+            "yaml",
+            "dockerfile",
+            "shell",
+            "r",
+            "sql",
+            "sql-msSQL",
+            "sql-mySQL",
+            "sql-mariaDB",
+            "sql-sqlite",
+            "sql-cassandra",
+            "sql-plSQL",
+            "sql-hive",
+            "sql-pgSQL",
+            "sql-gql",
+            "sql-gpSQL",
+            "sql-sparkSQL",
+            "sql-esper",
+        ]
+        | None = None,
+        *,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        lines: int = 5,
+        max_lines: int | None = None,
+        label: str | I18nData | None = None,
+        interactive: bool | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        wrap_lines: bool = False,
+        show_line_numbers: bool = True,
+        autocomplete: bool = False,
+        buttons: list[Literal["copy", "download"] | Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: Default value to show in the code editor. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            language: The language to display the code as. Supported languages listed in `gr.Code.languages`.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            interactive: Whether user should be able to enter code or only view it.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            lines: Minimum number of visible lines to show in the code editor.
+            max_lines: Maximum number of visible lines to show in the code editor. Defaults to None and will fill the height of the container.
+            wrap_lines: If True, will wrap lines to the width of the container when overflow occurs. Defaults to False.
+            show_line_numbers:  If True, displays line numbers, and if False, hides line numbers.
+            autocomplete: If True, will show autocomplete suggestions for supported languages. Defaults to False.
+            buttons: A list of buttons to show in the top right corner of the component. Valid options are "copy", "download", or a gr.Button() instance. The "copy" button allows the user to copy the code to their clipboard. The "download" button allows the user to download the code as a file. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, both the "copy" and "download" buttons are shown.
+        """
+        if language not in Code.languages:
+            raise ValueError(f"Language {language} not supported.")
+
+        self.language = language
+        self.lines = lines
+        self.max_lines = max(lines, max_lines) if max_lines is not None else None
+        self.wrap_lines = wrap_lines
+        self.show_line_numbers = show_line_numbers
+        self.autocomplete = autocomplete
+        self.buttons = set_default_buttons(buttons, ["copy", "download"])
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            interactive=interactive,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: string corresponding to the code
+        Returns:
+            Passes the code entered as a `str`.
+        """
+        return payload
+
+    def postprocess(self, value: str | None) -> None | str:
+        """
+        Parameters:
+            value: Expects a `str` of code.
+        Returns:
+            Returns the code as a `str` stripped of leading and trailing whitespace.
+        """
+        if value is None:
+            return None
+        if isinstance(value, tuple):
+            raise ValueError(
+                "Code component does not support returning files as tuples anymore. "
+                "Please read the file contents and return as str instead."
+            )
+        return value.strip()
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    def example_payload(self) -> Any:
+        return "print('Hello World')"
+
+    def example_value(self) -> Any:
+        return "print('Hello World')"
+
+    def process_example(self, value: str | None) -> str | None:
+        return super().process_example(value)
diff --git a/gradio/components/color_picker.py b/gradio/components/color_picker.py
new file mode 100644
index 0000000..ddf22e5
--- /dev/null
+++ b/gradio/components/color_picker.py
@@ -0,0 +1,123 @@
+"""gr.ColorPicker() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class ColorPicker(Component):
+    """
+    Creates a color picker for user to select a color as string input. Can be used as an input to pass a color value to a function or as an output to display a color value.
+    Demos: color_picker
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.release,
+        Events.submit,
+        Events.focus,
+        Events.blur,
+    ]
+
+    def __init__(
+        self,
+        value: str | Callable | None = None,
+        *,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+    ):
+        """
+        Parameters:
+            value: default color hex code to provide in color picker. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will be rendered as an editable color picker; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+
+    def example_payload(self) -> str:
+        return "#000000"
+
+    def example_value(self) -> str:
+        return "#000000"
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: Color as hex string
+        Returns:
+            Passes selected color value as a hex `str` into the function.
+        """
+        if payload is None:
+            return None
+        else:
+            return str(payload)
+
+    def postprocess(self, value: str | None) -> str | None:
+        """
+        Parameters:
+            value: Expects a hex `str` returned from function and sets color picker value to it.
+        Returns:
+            A `str` value that is set as the color picker value.
+        """
+        if value is None:
+            return None
+        else:
+            return str(value)
diff --git a/gradio/components/custom_html_components/audio_gallery.py b/gradio/components/custom_html_components/audio_gallery.py
new file mode 100644
index 0000000..4169e05
--- /dev/null
+++ b/gradio/components/custom_html_components/audio_gallery.py
@@ -0,0 +1,171 @@
+import gradio as gr
+
+
+class AudioGallery(gr.HTML):
+    def __init__(
+        self,
+        audio_urls: list[str],
+        *,
+        value: str | None = None,
+        labels: list[str] | None = None,
+        columns: int = 3,
+        label: str | None = None,
+        **kwargs,
+    ):
+        self.audio_urls = audio_urls
+
+        html_template = """
+        <div class="audio-gallery-container">
+            ${label ? `<label class="container-label">${label}</label>` : ''}
+            <div class="audio-gallery-grid" style="grid-template-columns: repeat(${columns}, 1fr);">
+                ${audio_urls.map((url, i) => `
+                    <div class="audio-item" data-index="${i}">
+                        <div class="audio-label">${labels && labels[i] ? labels[i] : 'Audio ' + (i + 1)}</div>
+                        <canvas class="waveform-canvas" data-url="${url}" width="300" height="80"></canvas>
+                        <audio src="${url}" preload="metadata" ${value === url ? 'data-selected="true"' : ''}></audio>
+                        <div class="audio-controls">
+                            <button class="play-btn">▶</button>
+                            <div class="time-display">0:00</div>
+                        </div>
+                    </div>
+                `).join('')}
+            </div>
+        </div>
+        """
+
+        css_template = """
+        .audio-gallery-container { padding: var(--spacing-lg); }
+        .container-label { display: block; margin-bottom: var(--spacing-md); font-weight: 600; }
+        .audio-gallery-grid { display: grid; gap: var(--spacing-lg); }
+        .audio-item { border: 2px solid var(--border-color-primary); border-radius: var(--radius-md); padding: var(--spacing-md); cursor: pointer; transition: all 0.2s; }
+        .audio-item:hover { border-color: var(--color-accent); box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
+        .audio-item[data-selected="true"] { border-color: var(--color-accent); background-color: var(--background-fill-secondary); }
+        .audio-label { margin-bottom: 8px; text-align: center; }
+        .waveform-canvas { width: 100%; height: 80px; background: var(--background-fill-secondary); margin-bottom: 8px; }
+        .audio-controls { display: flex; align-items: center; gap: 8px; }
+        .play-btn { width: 32px; height: 32px; border-radius: 50%; border: none; background: var(--color-accent); color: white; cursor: pointer; }
+        .play-btn:hover { opacity: 0.8; }
+        .time-display { font-size: 12px; }
+        """
+
+        js_on_load = """
+        const audioItems = element.querySelectorAll('.audio-item');
+
+        audioItems.forEach((item, index) => {
+            const canvas = item.querySelector('.waveform-canvas');
+            const audio = item.querySelector('audio');
+            const playBtn = item.querySelector('.play-btn');
+            const timeDisplay = item.querySelector('.time-display');
+            const ctx = canvas.getContext('2d');
+
+            drawWaveform(canvas, ctx);
+
+            item.addEventListener('click', (e) => {
+                if (e.target === playBtn) return;
+                audioItems.forEach(i => i.removeAttribute('data-selected'));
+                item.setAttribute('data-selected', 'true');
+                props.value = audio.src;
+            });
+
+            playBtn.addEventListener('click', (e) => {
+                e.stopPropagation();
+                if (audio.paused) {
+                    document.querySelectorAll('.audio-item audio').forEach(a => a.pause());
+                    document.querySelectorAll('.play-btn').forEach(b => b.textContent = '▶');
+                    audio.play();
+                    playBtn.textContent = '⏸';
+                } else {
+                    audio.pause();
+                    playBtn.textContent = '▶';
+                }
+            });
+
+            audio.addEventListener('timeupdate', () => {
+                const currentTime = Math.floor(audio.currentTime);
+                const minutes = Math.floor(currentTime / 60);
+                const seconds = currentTime % 60;
+                timeDisplay.textContent = `${minutes}:${seconds.toString().padStart(2, '0')}`;
+
+                const progress = audio.currentTime / audio.duration;
+                drawWaveform(canvas, ctx, progress);
+            });
+
+            audio.addEventListener('ended', () => {
+                playBtn.textContent = '▶';
+                drawWaveform(canvas, ctx, 0);
+            });
+        });
+
+        function drawWaveform(canvas, ctx, progress = 0) {
+            const width = canvas.width;
+            const height = canvas.height;
+            const bars = 50;
+            const barWidth = width / bars;
+
+            ctx.clearRect(0, 0, width, height);
+
+            for (let i = 0; i < bars; i++) {
+                const barHeight = (Math.sin(i * 0.5) * 0.3 + Math.random() * 0.7) * height * 0.8;
+                const x = i * barWidth;
+                const y = (height - barHeight) / 2;
+
+                ctx.fillStyle = i / bars < progress ? '#FF7C00' : '#ccc';
+                ctx.fillRect(x, y, barWidth - 2, barHeight);
+            }
+        }
+        """
+
+        super().__init__(
+            value=value or (audio_urls[0] if audio_urls else None),
+            html_template=html_template,
+            css_template=css_template,
+            js_on_load=js_on_load,
+            audio_urls=audio_urls,
+            labels=labels,
+            columns=columns,
+            label=label,
+            apply_default_css=False,
+            **kwargs,
+        )
+
+    def api_info(self):
+        return {
+            "type": "string",
+            "title": "Audio URL",
+        }
+
+
+if __name__ == "__main__":
+    with gr.Blocks() as demo:
+        gr.Markdown("# Audio Gallery Demo")
+
+        gallery = AudioGallery(
+            audio_urls=[
+                "https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav",
+                "https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample-1-4.wav",
+                "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/cantina.wav",
+                "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/recording1.wav",
+                "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/heath_ledger.mp3",
+                "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/cate_blanch.mp3",
+            ],
+            labels=[
+                "Sample 1",
+                "Sample 2",
+                "Cantina",
+                "Recording",
+                "Heath Ledger",
+                "Cate Blanchett",
+            ],
+            columns=3,
+            label="Select an audio file",
+        )
+
+        output = gr.Textbox(label="Selected Audio URL")
+
+        gr.Interface(
+            fn=lambda x: x,
+            inputs=gallery,
+            outputs=output,
+        )
+
+    demo.launch()
diff --git a/gradio/components/custom_html_components/colored_checkbox_group.py b/gradio/components/custom_html_components/colored_checkbox_group.py
new file mode 100644
index 0000000..daabdca
--- /dev/null
+++ b/gradio/components/custom_html_components/colored_checkbox_group.py
@@ -0,0 +1,115 @@
+import gradio as gr
+
+
+class ColoredCheckboxGroup(gr.HTML):
+    def __init__(
+        self,
+        choices: list[str],
+        *,
+        value: list[str] | None = None,
+        colors: list[str],
+        label: str | None = None,
+        **kwargs,
+    ):
+        html_template = """
+        <div class="colored-checkbox-container">
+            ${label ? `<label class="container-label">${label}</label>` : ''}
+            <div class="colored-checkbox-group">
+                ${choices.map((choice, i) => `
+                    <label class="checkbox-label" data-color-index="${i}">
+                        <input type="checkbox" value="${choice}" ${(value || []).includes(choice) ? 'checked' : ''}>
+                        ${choice}
+                    </label>
+                `).join('')}
+            </div>
+        </div>
+        """
+
+        css_template = """
+        .colored-checkbox-container {
+            border: 1px solid var(--border-color-primary);
+            border-radius: var(--radius-lg);
+            padding: var(--spacing-lg);
+        }
+        .container-label { display: block; margin-bottom: var(--spacing-md); }
+        .colored-checkbox-group { display: flex; flex-direction: column; gap: 6px; }
+        .checkbox-label { display: flex; align-items: center; cursor: pointer; }
+        .checkbox-label input { margin-right: 8px; }
+        ${choices.map((choice, i) => `.checkbox-label[data-color-index="${i}"] { color: ${colors[i]}; }`).join(' ')}
+        """
+
+        js_on_load = """
+        const checkboxes = element.querySelectorAll('input[type="checkbox"]');
+        checkboxes.forEach(checkbox => {
+            checkbox.addEventListener('change', () => {
+                props.value = Array.from(checkboxes)
+                    .filter(cb => cb.checked)
+                    .map(cb => cb.value);
+            });
+        });
+        """
+
+        super().__init__(
+            value=value or [],
+            html_template=html_template,
+            css_template=css_template,
+            js_on_load=js_on_load,
+            choices=choices,
+            colors=colors,
+            label=label,
+            **kwargs,
+        )
+
+    def api_info(self):
+        return {
+            "items": {"enum": self.props["choices"], "type": "string"},  # type: ignore
+            "title": "Checkbox Group",
+            "type": "array",
+        }
+
+
+if __name__ == "__main__":
+
+    def update_colors(color: str):
+        if color.startswith("rgb"):
+            rgb_values = (
+                color.replace("rgba", "").replace("rgb", "").strip("()").split(",")
+            )
+            r, g, b = (
+                int(float(rgb_values[0])),
+                int(float(rgb_values[1])),
+                int(float(rgb_values[2])),
+            )
+            medium = f"#{r:02x}{g:02x}{b:02x}"
+        else:
+            r = int(color[1:3], 16)
+            g = int(color[3:5], 16)
+            b = int(color[5:7], 16)
+            medium = color
+
+        dark = f"#{int(r * 0.6):02x}{int(g * 0.6):02x}{int(b * 0.6):02x}"
+        light = f"#{int(r + (255 - r) * 0.4):02x}{int(g + (255 - g) * 0.4):02x}{int(b + (255 - b) * 0.4):02x}"
+
+        return ColoredCheckboxGroup(
+            choices=["a", "b", "c"],
+            colors=[dark, medium, light],
+            label="Select options",
+        )
+
+    with gr.Blocks() as demo:
+        with gr.Row():
+            with gr.Column():
+                cp = gr.ColorPicker(value="#FF0000")
+            with gr.Column(scale=2):
+                cg = ColoredCheckboxGroup(
+                    choices=["a", "b", "c"],
+                    colors=["#990000", "#FF0000", "#FF6666"],
+                    label="Select options",
+                )
+                gr.Interface(
+                    fn=lambda x: " ".join(x),
+                    inputs=cg,
+                    outputs=gr.Textbox(label="output"),
+                )
+        cp.change(update_colors, inputs=cp, outputs=cg, show_progress="hidden")
+    demo.launch()
diff --git a/gradio/components/dataframe.py b/gradio/components/dataframe.py
new file mode 100644
index 0000000..376597c
--- /dev/null
+++ b/gradio/components/dataframe.py
@@ -0,0 +1,683 @@
+"""gr.Dataframe() component"""
+
+from __future__ import annotations
+
+import re
+import warnings
+from collections.abc import Callable, Sequence
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+    Union,
+)
+
+import numpy as np
+import semantic_version
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.data_classes import GradioModel
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    import pandas as pd
+    import polars as pl  # type: ignore
+    from pandas.io.formats.style import Styler
+
+    from gradio.components import Timer
+
+
+def _is_polars_available():
+    import importlib.util
+
+    spec = importlib.util.find_spec("polars")
+    return bool(spec)
+
+
+def _import_polars():
+    import polars as pl  # type: ignore
+
+    return pl
+
+
+class DataframeData(GradioModel):
+    headers: list[Any]
+    data: Union[list[list[Any]], list[tuple[Any, ...]]]
+    metadata: dict[str, list[Any] | None] | None = None
+
+
+@document()
+class Dataframe(Component):
+    """
+    This component displays a table of value spreadsheet-like component. Can be used to display data as an output component, or as an input to collect data from the user.
+    Demos: filter_records, matrix_transpose, tax_calculator, sort_records
+    Guides: styling-the-gradio-dataframe, filters-tables-and-stats
+    """
+
+    EVENTS = [Events.change, Events.input, Events.select, Events.edit]
+
+    data_model = DataframeData
+
+    def __init__(
+        self,
+        value: pd.DataFrame
+        | Styler
+        | np.ndarray
+        | pl.DataFrame
+        | list
+        | list[list]
+        | dict
+        | str
+        | Callable
+        | None = None,
+        *,
+        headers: list[str] | None = None,
+        row_count: int | None = None,
+        row_limits: tuple[int | None, int | None] | None = None,
+        col_count: None = None,
+        column_count: int | None = None,
+        column_limits: tuple[int | None, int | None] | None = None,
+        datatype: Literal[
+            "str", "number", "bool", "date", "markdown", "html", "image", "auto"
+        ]
+        | Sequence[
+            Literal["str", "number", "bool", "date", "markdown", "html"]
+        ] = "str",
+        type: Literal["pandas", "numpy", "array", "polars"] = "pandas",
+        latex_delimiters: list[dict[str, str | bool]] | None = None,
+        label: str | I18nData | None = None,
+        show_label: bool | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        max_height: int | str = 500,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        wrap: bool = False,
+        line_breaks: bool = True,
+        column_widths: list[str | int] | None = None,
+        buttons: list[Literal["fullscreen", "copy"]] | None = None,
+        show_row_numbers: bool = False,
+        max_chars: int | None = None,
+        show_search: Literal["none", "search", "filter"] = "none",
+        pinned_columns: int | None = None,
+        static_columns: list[int] | None = None,
+    ):
+        """
+        Parameters:
+            value: Default value to display in the DataFrame. Supports pandas, numpy, polars, and list of lists. If a Styler is provided, it will be used to set the displayed value in the DataFrame (e.g. to set precision of numbers) if the `interactive` is False. If a Callable function is provided, the function will be called whenever the app loads to set the initial value of the component.
+            headers: List of str header names. These are used to set the column headers of the dataframe if the value does not have headers. If None, no headers are shown.
+            row_count: The number of rows to initially display in the dataframe. If None, the number of rows is determined automatically based on the `value`.
+            row_limits: A tuple of two integers specifying the minimum and maximum number of rows that can be created in the dataframe via the UI. If the first element is None, there is no minimum number of rows. If the second element is None, there is no maximum number of rows. Only applies if `interactive` is True.
+            col_count: This parameter is deprecated. Please use `column_count` instead.
+            column_count: The number of columns to initially display in the dataframe. If None, the number of columns is determined automatically based on the `value`.
+            column_limits: A tuple of two integers specifying the minimum and maximum number of columns that can be created in the dataframe via the UI. If the first element is None, there is no minimum number of columns. If the second element is None, there is no maximum number of columns. Only applies if `interactive` is True.
+            datatype: Datatype of values in sheet. Can be provided per column as a list of strings, or for the entire sheet as a single string. Valid datatypes are "str", "number", "bool", "date", and "markdown". Boolean columns will display as checkboxes. If the datatype "auto" is used, the column datatypes are automatically selected based on the value input if possible.
+            type: Type of value to be returned by component. "pandas" for pandas dataframe, "numpy" for numpy array, "polars" for polars dataframe, or "array" for a Python list of lists.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            latex_delimiters: A list of dicts of the form {"left": open delimiter (str), "right": close delimiter (str), "display": whether to display in newline (bool)} that will be used to render LaTeX expressions. If not provided, `latex_delimiters` is set to `[{ "left": "$$", "right": "$$", "display": True }]`, so only expressions enclosed in $$ delimiters will be rendered as LaTeX, and in a new line. Pass in an empty list to disable LaTeX rendering. For more information, see the [KaTeX documentation](https://katex.org/docs/autorender.html). Only applies to columns whose datatype is "markdown".
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            show_label: if True, will display label.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            max_height: The maximum height of the dataframe, specified in pixels if a number is passed, or in CSS units if a string is passed. If more rows are created than can fit in the height, a scrollbar will appear.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will allow users to edit the dataframe; if False, can only be used to display data. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            wrap: If True, the text in table cells will wrap when appropriate. If False and the `column_width` parameter is not set, the column widths will expand based on the cell contents and the table may need to be horizontally scrolled. If `column_width` is set, then any overflow text will be hidden.
+            line_breaks: If True (default), will enable Github-flavored Markdown line breaks in chatbot messages. If False, single new lines will be ignored. Only applies for columns of type "markdown."
+            column_widths: An optional list representing the width of each column. The elements of the list should be in the format "100px" (ints are also accepted and converted to pixel values) or "10%". The percentage width is calculated based on the viewport width of the table. If not provided, the column widths will be automatically determined based on the content of the cells.
+            buttons: A list of buttons to show in the top right corner of the component. Valid options are "fullscreen" and "copy". The "fullscreen" button allows the user to view the table in fullscreen mode. The "copy" button allows the user to copy the table data to the clipboard. By default, all buttons are shown.
+            show_row_numbers: If True, will display row numbers in a separate column.
+            max_chars: Maximum number of characters to display in each cell before truncating (single-clicking a cell value will still reveal the full content). If None, no truncation is applied.
+            show_search: Show a search input in the toolbar. If "search", a search input is shown. If "filter", a search input and filter buttons are shown. If "none", no search input is shown.
+            pinned_columns: If provided, will pin the specified number of columns from the left.
+            static_columns: List of column indices (int) that should not be editable. Only applies when interactive=True. When specified, col_count is automatically set to "fixed" and columns cannot be inserted or deleted.
+        """
+        if isinstance(row_count, tuple):
+            warnings.warn(
+                "Passing a tuple to 'row_count' will be removed in Gradio 6.0. "
+                "You will need to use 'row_count' for the initial row count and 'row_limits' for min/max constraints instead. "
+                "For example, row_count=(5, 'fixed') should become row_count=5, row_limits=(5, 5).",
+                DeprecationWarning,
+                stacklevel=2,
+            )
+
+        if col_count is not None:
+            warnings.warn(
+                "The 'col_count' parameter will be removed in Gradio 6.0. "
+                "You will need to use 'column_count' instead.",
+                DeprecationWarning,
+                stacklevel=2,
+            )
+
+        if isinstance(col_count, tuple):
+            warnings.warn(
+                "Passing a tuple to 'col_count' will be removed in Gradio 6.0. "
+                "You will need to use 'column_count' for the initial column count and 'column_limits' for min/max constraints instead. "
+                "For example, col_count=(3, 'fixed') should become column_count=3, column_limits=(3, 3).",
+                DeprecationWarning,
+                stacklevel=2,
+            )
+
+        self.wrap = wrap
+        # TODO: This is a temporary fix to ensure that the row_count and column_count are processed correctly.
+        # with the older version of the dataframe js component. Once we migrate the dataframe js component to
+        # Svelte 5, we'll remove self.__process_counts and drop self.col_count.
+        self.row_count = self.__process_counts(row_count)
+        if row_limits is not None:
+            warnings.warn(
+                "The `row_limits` parameter is not yet implemented.",
+                UserWarning,
+            )
+        self.row_limits = row_limits
+        self.column_count = self.col_count = self.__process_counts(
+            column_count, len(headers) if headers else 3
+        )
+        if col_count is not None:
+            warnings.warn(
+                "The `col_count` parameter is deprecated and will be removed. Please use `column_count` instead.",
+                UserWarning,
+            )
+        if column_limits is not None:
+            warnings.warn(
+                "The `column_limits` parameter is not yet implemented.",
+                UserWarning,
+            )
+        self.column_limits = column_limits
+        self.static_columns = static_columns or []
+
+        self.__validate_headers(headers, self.column_count[0])
+
+        self.headers = (
+            headers
+            if headers is not None
+            else [str(i) for i in (range(1, self.column_count[0] + 1))]
+        )
+
+        valid_types = ["pandas", "numpy", "array", "polars"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        if type == "polars" and not _is_polars_available():
+            raise ImportError(
+                "Polars is not installed. Please install using `pip install polars`."
+            )
+        self.type = type
+
+        if datatype == "auto":
+            self.set_auto_datatype(value)
+        else:
+            self.datatype = datatype
+
+        if latex_delimiters is None:
+            latex_delimiters = [{"left": "$$", "right": "$$", "display": True}]
+        self.latex_delimiters = latex_delimiters
+        self.max_height = max_height
+        self.line_breaks = line_breaks
+        self.column_widths = [
+            w
+            if isinstance(w, str)
+            and (w.endswith("px") or w.endswith("%") or w == "auto")
+            else f"{w}px"
+            for w in (column_widths or [])
+        ]
+        self.buttons = buttons
+        self.show_row_numbers = show_row_numbers
+        self.max_chars = max_chars
+        self.show_search = show_search
+        self.pinned_columns = pinned_columns
+
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self._value_description = (
+            "a pandas dataframe"
+            if type == "pandas"
+            else "a list of lists"
+            if type == "array"
+            else "a numpy array"
+            if type == "numpy"
+            else "a polars dataframe"
+        )
+
+    def preprocess(
+        self, payload: DataframeData
+    ) -> pd.DataFrame | np.ndarray | pl.DataFrame | list[list]:
+        """
+        Parameters:
+            payload: the uploaded spreadsheet data as an object with `headers` and `data` attributes. Note that sorting the columns in the browser will not affect the values passed to this function.
+        Returns:
+            Passes the uploaded spreadsheet data as a `pandas.DataFrame`, `numpy.array`, `polars.DataFrame`, or native 2D Python `list[list]` depending on `type`.
+        """
+        import pandas as pd
+
+        if self.type == "pandas":
+            if payload.headers is not None:
+                return pd.DataFrame(
+                    [] if payload.data == [[]] else payload.data,
+                    columns=payload.headers,  # type: ignore
+                )
+            else:
+                return pd.DataFrame(payload.data)
+        if self.type == "polars":
+            polars = _import_polars()
+            if payload.headers is not None:
+                return polars.DataFrame(
+                    [] if payload.data == [[]] else payload.data,
+                    schema=payload.headers,
+                    orient="row",
+                )
+            else:
+                return polars.DataFrame(payload.data)
+        if self.type == "numpy":
+            return np.array(payload.data)
+        elif self.type == "array":
+            return payload.data  # type: ignore
+        else:
+            raise ValueError(
+                "Unknown type: "
+                + str(self.type)
+                + ". Please choose from: 'pandas', 'numpy', 'array', 'polars'."
+            )
+
+    @staticmethod
+    def is_empty(
+        value: pd.DataFrame
+        | Styler
+        | np.ndarray
+        | pl.DataFrame
+        | list
+        | list[list]
+        | dict
+        | str
+        | None,
+    ) -> bool:
+        """
+        Checks if the value of the dataframe provided is empty.
+        """
+        import pandas as pd
+        from pandas.io.formats.style import Styler
+
+        if value is None:
+            return True
+        if isinstance(value, pd.DataFrame):
+            return value.empty
+        elif isinstance(value, Styler):
+            return value.data.empty  # type: ignore
+        elif isinstance(value, np.ndarray):
+            return value.size == 0
+        elif _is_polars_available() and isinstance(value, _import_polars().DataFrame):
+            return value.is_empty()
+        elif isinstance(value, list):
+            if len(value) > 0 and isinstance(value[0], list):
+                return len(value[0]) == 0
+            return len(value) == 0
+        elif isinstance(value, dict):
+            if "data" in value:
+                return len(value["data"]) == 0
+            return len(value) == 0
+        return False
+
+    def get_headers(
+        self,
+        value: pd.DataFrame
+        | Styler
+        | np.ndarray
+        | pl.DataFrame
+        | list
+        | list[list]
+        | dict
+        | str
+        | None,
+    ) -> list[str]:
+        """
+        Returns the headers of the dataframes based on the value provided. For values
+        that do not have headers, an empty list is returned.
+        """
+        import pandas as pd
+        from pandas.io.formats.style import Styler
+
+        if value is None:
+            return []
+        if isinstance(value, pd.DataFrame):
+            return list(value.columns)
+        elif isinstance(value, Styler):
+            return list(value.data.columns)  # type: ignore
+        elif isinstance(value, str):
+            return list(pd.read_csv(value).columns)
+        elif _is_polars_available() and isinstance(value, _import_polars().DataFrame):
+            return list(value.columns)
+        elif isinstance(value, dict):
+            return value.get("headers", [])  # type: ignore
+        elif isinstance(value, (list, np.ndarray)):
+            return []
+        return []
+
+    @staticmethod
+    def get_cell_data(
+        value: pd.DataFrame
+        | Styler
+        | np.ndarray
+        | pl.DataFrame
+        | list
+        | list[list]
+        | dict
+        | str
+        | None,
+    ) -> list[list[Any]]:
+        """
+        Gets the cell data (as a list of lists) from the value provided.
+        """
+        import pandas as pd
+        from pandas.io.formats.style import Styler
+
+        if isinstance(value, dict):
+            return value.get("data", [[]])  # type: ignore
+        if isinstance(value, (str, pd.DataFrame)):
+            if isinstance(value, str):
+                value = pd.read_csv(value)  # type: ignore
+            return value.to_dict(orient="split")["data"]
+        elif isinstance(value, Styler):
+            df: pd.DataFrame = value.data  # type: ignore
+            hidden_columns = getattr(value, "hidden_columns", [])
+            visible_cols = [
+                i for i, _ in enumerate(df.columns) if i not in hidden_columns
+            ]
+            df = df.iloc[:, visible_cols]
+            return df.to_dict(orient="split")["data"]
+        elif _is_polars_available() and isinstance(value, _import_polars().DataFrame):
+            df_dict = value.to_dict()  # type: ignore
+            data = list(zip(*df_dict.values()))
+            return data
+        elif isinstance(value, (np.ndarray, list)):
+            if isinstance(value, np.ndarray):
+                value = value.tolist()
+            if not isinstance(value, list):
+                raise ValueError("output cannot be converted to list")
+            if not isinstance(value[0], list):
+                if isinstance(value[0], tuple):
+                    return [list(v) for v in value]
+                return [[v] for v in value]
+            return value  # type: ignore
+        else:
+            raise ValueError(
+                f"Cannot process value of type {type(value)} in gr.Dataframe"
+            )
+
+    @staticmethod
+    def get_metadata(
+        value: pd.DataFrame
+        | Styler
+        | np.ndarray
+        | pl.DataFrame
+        | list
+        | list[list]
+        | dict
+        | str
+        | None,
+    ) -> dict[str, list[list]] | None:
+        """
+        Gets the metadata from the value provided.
+        """
+        from pandas.io.formats.style import Styler
+
+        if isinstance(value, Styler):
+            return Dataframe.__extract_metadata(
+                value, [int(c) for c in getattr(value, "hidden_columns", [])]
+            )
+        elif isinstance(value, dict):
+            return value.get("metadata", None)  # type: ignore
+        return None
+
+    def postprocess(
+        self,
+        value: pd.DataFrame
+        | Styler
+        | np.ndarray
+        | pl.DataFrame
+        | list
+        | list[list]
+        | dict
+        | str
+        | None,
+    ) -> DataframeData:
+        """
+        Parameters:
+            value: Expects data in any of these formats:
+                - `pandas.DataFrame`
+                - `pandas.Styler`
+                - `numpy.array`
+                -  `polars.DataFrame`
+                - `list[list]`
+                - `list`
+                - `dict` with keys 'data' (and optionally 'headers')
+                - `str` path to a csv, which is rendered as the spreadsheet.
+        Returns:
+            the uploaded spreadsheet data as an object with `headers` and `data` keys and optional `metadata` key
+        """
+        import pandas as pd
+        from pandas.io.formats.style import Styler
+
+        if isinstance(value, Styler) and semantic_version.Version(
+            pd.__version__
+        ) < semantic_version.Version("1.5.0"):
+            raise ValueError(
+                "Styler objects are only supported in pandas version 1.5.0 or higher. Please try: `pip install --upgrade pandas` to use this feature."
+            )
+        if isinstance(value, Styler) and self.interactive:
+            warnings.warn(
+                "Cannot display Styler object in interactive mode. Will display as a regular pandas dataframe instead."
+            )
+
+        headers = self.get_headers(value) or self.headers
+        data = [] if self.is_empty(value) else self.get_cell_data(value)
+        if len(data) == 0:
+            return DataframeData(headers=headers, data=[], metadata=None)
+        if len(headers) > len(data[0]):
+            headers = headers[: len(data[0])]
+        elif len(headers) < len(data[0]):
+            headers = [
+                *headers,
+                *[str(i) for i in range(len(headers) + 1, len(data[0]) + 1)],
+            ]
+        metadata = self.get_metadata(value)
+        return DataframeData(
+            headers=headers,
+            data=data,
+            metadata=metadata,  # type: ignore
+        )
+
+    def set_auto_datatype(self, value):
+        """
+        Automatically sets the datatype of each column based on the data provided. If the datatype can't be inferred, it defaults to "str".
+        """
+        import pandas as pd
+        from pandas.io.formats.style import Styler
+
+        dtype_mapping = {
+            "str": "str",
+            "object": "str",
+            "string": "str",
+            "utf": "str",
+            "int": "number",
+            "float": "number",
+            "bool": "bool",
+            "boolean": "bool",
+            "datetime": "date",
+            "date": "date",
+            "timedelta": "date",
+            "timestamp": "date",
+            "category": "str",
+            "categorical": "str",
+        }
+
+        brackets_re = re.compile(
+            r"\[.*?\]|\(.*?\)"
+        )  # Matches brackets and their contents
+        numbers_re = re.compile(r"\s*\d+\s*$")  # Matches trailing numbers and spaces
+
+        if isinstance(value, pd.DataFrame):
+            self.datatype = [
+                dtype_mapping.get(
+                    numbers_re.sub("", brackets_re.sub("", str(dtype))).lower(), "str"
+                )
+                for dtype in value.dtypes
+            ]
+
+        elif isinstance(value, Styler):
+            self.datatype = [
+                dtype_mapping.get(
+                    numbers_re.sub("", brackets_re.sub("", str(dtype))).lower(), "str"
+                )
+                for dtype in value.data.dtypes
+            ]
+
+        elif isinstance(value, np.ndarray):
+            if value.size == 0 or value.ndim < 2:
+                self.datatype = "str"
+            else:
+                self.datatype = [
+                    dtype_mapping.get(
+                        numbers_re.sub(
+                            "", brackets_re.sub("", str(type(value[0, i]).__name__))
+                        ).lower(),
+                        "str",
+                    )
+                    for i in range(value.shape[1])
+                ]
+
+        elif isinstance(value, list):
+            if len(value) == 0 or not isinstance(value[0], (list, tuple)):
+                self.datatype = "str"
+            else:
+                self.datatype = [
+                    dtype_mapping.get(
+                        numbers_re.sub(
+                            "", brackets_re.sub("", str(type(val).__name__))
+                        ).lower(),
+                        "str",
+                    )
+                    for val in value[0]
+                ]
+
+        elif _is_polars_available():
+            pl = _import_polars()
+            if isinstance(value, pl.DataFrame):
+                self.datatype = [
+                    dtype_mapping.get(
+                        numbers_re.sub("", brackets_re.sub("", str(dtype))).lower(),
+                        "str",
+                    )
+                    for dtype in value.dtypes
+                ]
+            else:
+                self.datatype = "str"
+
+        else:
+            self.datatype = "str"
+
+    @staticmethod
+    def __extract_metadata(
+        df: Styler, hidden_cols: list[int] | None = None
+    ) -> dict[str, list[list]]:
+        style_data = df._compute()._translate(None, None)  # type: ignore
+        cell_styles = style_data.get("cellstyle", [])
+        style_dict = {}
+        for style in cell_styles:
+            for selector in style.get("selectors", []):
+                style_dict[selector] = "; ".join(
+                    f"{prop}: {value}" for prop, value in style.get("props", [])
+                )
+        hidden_cols_set = set(hidden_cols) if hidden_cols is not None else set()
+        metadata = {"display_value": [], "styling": []}
+
+        for row in style_data["body"]:
+            row_display = []
+            row_styling = []
+            # First, filter out the column with row numbers (if present).
+            # Then, filter out the hidden columns so that column indices map correctly
+            cells = [cell for cell in row if cell["type"] == "td"]
+            cells = [
+                cell
+                for col_idx, cell in enumerate(cells)
+                if col_idx not in hidden_cols_set
+            ]
+            for cell in cells:
+                row_display.append(cell["display_value"])
+                row_styling.append(style_dict.get(cell["id"], ""))
+            metadata["display_value"].append(row_display)
+            metadata["styling"].append(row_styling)
+        return metadata
+
+    @staticmethod
+    def __validate_headers(headers: list[str] | None, column_count: int):
+        if headers is not None and len(headers) != column_count:
+            raise ValueError(
+                f"The length of the headers list must be equal to the column_count.\n"
+                f"The column count is set to {column_count} but `headers` has {len(headers)} items. "
+                f"Check the values passed to `column_count` and `headers`."
+            )
+
+    @staticmethod
+    def __process_counts(count, default=3) -> tuple[int, str]:
+        if count is None:
+            return (default, "dynamic")
+        if isinstance(count, (int, float)):
+            return (int(count), "dynamic")
+        else:
+            return count
+
+    def process_example(
+        self,
+        value: pd.DataFrame
+        | Styler
+        | np.ndarray
+        | pl.DataFrame
+        | list
+        | list[list]
+        | dict
+        | str
+        | None,
+    ):
+        import pandas as pd
+
+        if value is None:
+            return ""
+        value_df_data = self.postprocess(value)
+        value_df = pd.DataFrame(value_df_data.data, columns=value_df_data.headers)  # type: ignore
+        return value_df.head(n=5).to_dict(orient="split")["data"]
+
+    def example_payload(self) -> Any:
+        return {"headers": ["a", "b"], "data": [["foo", "bar"]]}
+
+    def example_value(self) -> Any:
+        return {"headers": ["a", "b"], "data": [["foo", "bar"]]}
diff --git a/gradio/components/dataset.py b/gradio/components/dataset.py
new file mode 100644
index 0000000..637b36c
--- /dev/null
+++ b/gradio/components/dataset.py
@@ -0,0 +1,202 @@
+"""gr.Dataset() component."""
+
+from __future__ import annotations
+
+import warnings
+from collections.abc import Sequence
+from typing import Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio import processing_utils
+from gradio.components.base import (
+    Component,
+    get_component_instance,
+)
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+
+@document()
+class Dataset(Component):
+    """
+    Creates a gallery or table to display data samples. This component is primarily designed for internal use to display examples.
+    However, it can also be used directly to display a dataset and let users select examples.
+    """
+
+    EVENTS = [Events.change, Events.click, Events.select]
+
+    def __init__(
+        self,
+        *,
+        label: str | I18nData | None = None,
+        show_label: bool = True,
+        components: Sequence[Component] | list[str] | None = None,
+        component_props: list[dict[str, Any]] | None = None,
+        samples: list[list[Any]] | None = None,
+        headers: list[str] | None = None,
+        type: Literal["values", "index", "tuple"] = "values",
+        layout: Literal["gallery", "table"] | None = None,
+        samples_per_page: int = 10,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        proxy_url: str | None = None,
+        sample_labels: list[str] | None = None,
+    ):
+        """
+        Parameters:
+            label: the label for this component, appears above the component.
+            show_label: If True, the label will be shown above the component.
+            components: Which component types to show in this dataset widget, can be passed in as a list of string names or Components instances. The following components are supported in a Dataset: Audio, Checkbox, CheckboxGroup, ColorPicker, Dataframe, Dropdown, File, HTML, Image, Markdown, Model3D, Number, Radio, Slider, Textbox, TimeSeries, Video
+            samples: a nested list of samples. Each sublist within the outer list represents a data sample, and each element within the sublist represents an value for each component
+            headers: Column headers in the Dataset widget, should be the same len as components. If not provided, inferred from component labels
+            type: "values" if clicking on a sample should pass the value of the sample, "index" if it should pass the index of the sample, or "tuple" if it should pass both the index and the value of the sample.
+            layout: "gallery" if the dataset should be displayed as a gallery with each sample in a clickable card, or "table" if it should be displayed as a table with each sample in a row. By default, "gallery" is used if there is a single component, and "table" is used if there are more than one component. If there are more than one component, the layout can only be "table".
+            samples_per_page: how many examples to show per page.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            proxy_url: The URL of the external Space used to load this component. Set automatically when using `gr.load()`. This should not be set manually.
+            sample_labels: A list of labels for each sample. If provided, the length of this list should be the same as the number of samples, and these labels will be used in the UI instead of rendering the sample values.
+        """
+        super().__init__(
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        self.container = container
+        self.scale = scale
+        self.min_width = min_width
+        self.layout = layout
+        self.show_label = show_label
+        self._components = [get_component_instance(c) for c in components or []]
+        if component_props is None:
+            self.component_props = [
+                component.recover_kwargs(
+                    component.get_config(),
+                    ["value"],
+                )
+                for component in self._components
+            ]
+        else:
+            self.component_props = component_props
+
+        # Narrow type to Component
+        if not all(isinstance(c, Component) for c in self._components):
+            raise TypeError(
+                "All components in a `Dataset` must be subclasses of `Component`"
+            )
+        self._components = [c for c in self._components if isinstance(c, Component)]
+        self.proxy_url = proxy_url
+        for component in self._components:
+            component.proxy_url = proxy_url
+        self.raw_samples = [[]] if samples is None else samples
+        self.samples: list[list] = []
+        for example in self.raw_samples:
+            self.samples.append([])
+            for component, ex in zip(self._components, example, strict=False):
+                # If proxy_url is set, that means it is being loaded from an external Gradio app
+                # which means that the example has already been processed.
+                if self.proxy_url is None:
+                    # We do not need to process examples if the Gradio app is being loaded from
+                    # an external Space because the examples have already been processed. Also,
+                    # the `as_example()` method has been renamed to `process_example()` but we
+                    # use the previous name to be backwards-compatible with previously-created
+                    # custom components
+                    ex = component.as_example(ex)
+                self.samples[-1].append(
+                    processing_utils.move_files_to_cache(
+                        ex, component, keep_in_cache=True
+                    )
+                )
+        self.type = type
+        self.label = label
+        if headers is not None:
+            self.headers = headers
+        elif all(c.label is None for c in self._components):
+            self.headers = []
+        else:
+            self.headers = [c.label or "" for c in self._components]
+        self.samples_per_page = samples_per_page
+        self.sample_labels = sample_labels
+
+    def api_info(self) -> dict[str, str]:  # type: ignore[override]
+        return {"type": "integer", "description": "index of selected example"}
+
+    def get_config(self):  # type: ignore[override]
+        config = super().get_config()
+
+        config["components"] = []
+        config["component_props"] = self.component_props
+        config["sample_labels"] = self.sample_labels
+        config["component_ids"] = []
+
+        for component in self._components:
+            config["components"].append(
+                {
+                    "name": component.get_block_name(),
+                    "class_id": component.get_component_class_id(),
+                }
+            )
+
+            config["component_ids"].append(component._id)
+
+        return config
+
+    def preprocess(self, payload: int | None) -> int | list | tuple[int, list] | None:
+        """
+        Parameters:
+            payload: the index of the selected example in the dataset
+        Returns:
+            Passes the selected sample either as a `list` of data corresponding to each input component (if `type` is "value") or as an `int` index (if `type` is "index"), or as a `tuple` of the index and the data (if `type` is "tuple").
+        """
+        if payload is None:
+            return None
+        if self.type == "index":
+            return payload
+        elif self.type == "values":
+            return self.raw_samples[payload]
+        elif self.type == "tuple":
+            return payload, self.raw_samples[payload]
+
+    def postprocess(self, value: int | list | None) -> int | None:
+        """
+        Parameters:
+            value: Expects an `int` index or `list` of sample data. Returns the index of the sample in the dataset or `None` if the sample is not found.
+        Returns:
+            Returns the index of the sample in the dataset.
+        """
+        if value is None or isinstance(value, int):
+            return value
+        if isinstance(value, list):
+            try:
+                index = self.samples.index(value)
+            except ValueError:
+                index = None
+                warnings.warn(
+                    "The `Dataset` component does not support updating the dataset data by providing "
+                    "a set of list values. Instead, you should return a new Dataset(samples=...) object."
+                )
+            return index
+
+    def example_payload(self) -> Any:
+        return 0
+
+    def example_value(self) -> Any:
+        return []
diff --git a/gradio/components/datetime.py b/gradio/components/datetime.py
new file mode 100644
index 0000000..39fff66
--- /dev/null
+++ b/gradio/components/datetime.py
@@ -0,0 +1,177 @@
+"""gr.DateTime() component."""
+
+from __future__ import annotations
+
+import re
+from datetime import datetime, timedelta
+from typing import Any, Literal
+
+import pytz
+from gradio_client.documentation import document
+
+from gradio.components.base import FormComponent
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+
+@document()
+class DateTime(FormComponent):
+    """
+    Component to select a date and (optionally) a time.
+
+    Guides: time-plots
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.submit,
+    ]
+
+    def __init__(
+        self,
+        value: float | str | datetime | None = None,
+        *,
+        include_time: bool = True,
+        type: Literal["timestamp", "datetime", "string"] = "timestamp",
+        timezone: str | None = None,
+        label: str | I18nData | None = None,
+        show_label: bool | None = None,
+        info: str | I18nData | None = None,
+        every: float | None = None,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        interactive: bool | None = None,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: default value for datetime.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            show_label: if True, will display label.
+            include_time: If True, the component will include time selection. If False, only date selection will be available.
+            type: The type of the value. Can be "timestamp", "datetime", or "string". If "timestamp", the value will be a number representing the start and end date in seconds since epoch. If "datetime", the value will be a datetime object. If "string", the value will be the date entered by the user.
+            timezone: The timezone to use for timestamps, such as "US/Pacific" or "Europe/Paris". If None, the timezone will be the local timezone.
+            every: If `value` is a callable, run the function 'every' number of seconds while the client connection is open. Has no effect otherwise. The event can be accessed (e.g. to cancel it) via this component's .load_event attribute.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.type = type
+        self.include_time = include_time
+        self.time_format = "%Y-%m-%d %H:%M:%S" if include_time else "%Y-%m-%d"
+        self.timezone = timezone
+        self._value_description = (
+            "a datetime object"
+            if self.type == "datetime"
+            else "a unix timestamp"
+            if self.type == "timestamp"
+            else "a %Y-%m-%d %H:%M:%S formatted string"
+            if include_time
+            else "a %Y-%m-%d formatted string"
+        )
+        super().__init__(
+            every=every,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            label=label,
+            show_label=show_label,
+            info=info,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            interactive=interactive,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+
+    def preprocess(self, payload: str | None) -> str | float | datetime | None:
+        """
+        Parameters:
+            payload: the text entered in the textarea.
+        Returns:
+            Passes text value as a {str} into the function.
+        """
+        if payload is None or payload.strip() == "":
+            return None
+        if self.type == "string" and "now" not in payload:
+            return payload
+        datetime = self.get_datetime_from_str(payload)
+        if self.type == "string":
+            return datetime.strftime(self.time_format)
+        if self.type == "datetime":
+            return datetime
+        elif self.type == "timestamp":
+            return datetime.timestamp()
+
+    def postprocess(self, value: float | datetime | str | None) -> str | None:
+        """
+        Parameters:
+            value: Expects a tuple pair of datetimes.
+        Returns:
+            A tuple pair of timestamps.
+        """
+        if value is None:
+            return None
+
+        if isinstance(value, datetime):
+            return datetime.strftime(value, self.time_format)
+        elif isinstance(value, str):
+            return value
+        else:
+            return datetime.fromtimestamp(
+                value, tz=pytz.timezone(self.timezone) if self.timezone else None
+            ).strftime(self.time_format)
+
+    def api_info(self) -> dict[str, Any]:
+        return {
+            "type": "string",
+            "description": f"Formatted as YYYY-MM-DD{' HH:MM:SS' if self.include_time else ''}",
+        }
+
+    def example_payload(self) -> str:
+        return "2020-10-01 05:20:15"
+
+    def example_value(self) -> str:
+        return "2020-10-01 05:20:15"
+
+    def get_datetime_from_str(self, date: str) -> datetime:
+        now_regex = r"^(?:\s*now\s*(?:-\s*(\d+)\s*([dmhs]))?)?\s*$"
+
+        if "now" in date:
+            match = re.match(now_regex, date)
+            if match:
+                num = int(match.group(1) or 0)
+                unit = match.group(2) or "s"
+                if unit == "d":
+                    delta = timedelta(days=num)
+                elif unit == "h":
+                    delta = timedelta(hours=num)
+                elif unit == "m":
+                    delta = timedelta(minutes=num)
+                else:
+                    delta = timedelta(seconds=num)
+                return datetime.now() - delta
+            else:
+                raise ValueError("Invalid 'now' time format")
+        else:
+            dt = datetime.strptime(date, self.time_format)
+            if self.timezone:
+                dt = pytz.timezone(self.timezone).localize(dt)
+            return dt
diff --git a/gradio/components/deep_link_button.py b/gradio/components/deep_link_button.py
new file mode 100644
index 0000000..d2ea7a4
--- /dev/null
+++ b/gradio/components/deep_link_button.py
@@ -0,0 +1,134 @@
+"""Predefined button to copy a shareable link to the current Gradio Space."""
+
+from __future__ import annotations
+
+import textwrap
+import time
+from collections.abc import Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Literal
+
+from gradio_client.documentation import document
+
+from gradio import utils
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.context import get_blocks_context
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class DeepLinkButton(Button):
+    """
+    Creates a button that copies a shareable link to the current Gradio Space.
+    The link includes the current session hash as a query parameter.
+    """
+
+    is_template = True
+    n_created = 0
+
+    def __init__(
+        self,
+        value: str = "Share via Link",
+        copied_value: str = "Link Copied!",
+        *,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        variant: Literal["primary", "secondary"] = "secondary",
+        size: Literal["sm", "md", "lg"] = "lg",
+        icon: str | Path | None = utils.get_icon_path("link.svg"),
+        link: str | None = None,
+        link_target: Literal["_self", "_blank", "_parent", "_top"] = "_self",
+        visible: bool | Literal["hidden"] = True,
+        interactive: bool = True,
+        elem_id: str | None = None,  # noqa: ARG002
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        scale: int | None = None,
+        min_width: int | None = None,
+        every: Timer | float | None = None,
+    ):
+        """
+        Parameters:
+            value: The text to display on the button.
+            copied_value: The text to display on the button after the link has been copied.
+        """
+        self.copied_value = copied_value
+        super().__init__(
+            value,
+            inputs=inputs,
+            variant=variant,
+            size=size,
+            icon=icon,
+            link=link,
+            link_target=link_target,
+            visible=visible,
+            interactive=interactive,
+            elem_id=f"gradio-share-link-button-{self.n_created}",
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            scale=scale,
+            min_width=min_width,
+            every=every,
+        )
+        self.elem_id: str
+        self.n_created += 1
+        if get_blocks_context():
+            self.activate()
+
+    def activate(self):
+        """Attach the click event to copy the share link."""
+        _js = self.get_share_link(self.value, self.copied_value)
+        # Need to separate events because can't run .then in a pure js
+        # function.
+        self.click(fn=None, inputs=[], outputs=[self], js=_js, api_visibility="private")
+        self.click(
+            fn=lambda: time.sleep(1) or self.value,
+            inputs=[],
+            outputs=[self],
+            queue=False,
+            api_visibility="undocumented",
+        )
+
+    def get_share_link(
+        self, value: str = "Share via Link", copied_value: str = "Link Copied!"
+    ):
+        delete_sign_line = (
+            "currentUrl.searchParams.delete('__sign');" if utils.get_space() else ""
+        )
+        return textwrap.dedent(
+            f"""
+        () => {{
+            const sessionHash = window.__gradio_session_hash__;
+            fetch(`gradio_api/deep_link?session_hash=${{sessionHash}}`)
+                .then(response => {{
+                    if (!response.ok) {{
+                        throw new Error('Network response was not ok');
+                    }}
+                    return response.text();
+                }})
+                .then(data => {{
+                    const currentUrl = new URL(window.location.href);
+                    const cleanData = data.replace(/^"|"$/g, '');
+                    if (cleanData) {{
+                        currentUrl.searchParams.set('deep_link', cleanData);
+                    }}
+                    {delete_sign_line}
+                    navigator.clipboard.writeText(currentUrl.toString());
+                }})
+                .catch(error => {{
+                    console.error('Error fetching deep link:', error);
+                    return "Error";
+                }});
+
+            return "BUTTON_COPIED_VALUE";
+        }}
+        """.replace("BUTTON_DEFAULT_VALUE", value).replace(
+                "BUTTON_COPIED_VALUE", copied_value
+            )
+        ).replace("ID", self.elem_id)
diff --git a/gradio/components/dialogue.py b/gradio/components/dialogue.py
new file mode 100644
index 0000000..0770fde
--- /dev/null
+++ b/gradio/components/dialogue.py
@@ -0,0 +1,250 @@
+from __future__ import annotations
+
+from collections.abc import Callable
+from typing import Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, server
+from gradio.components.button import Button
+from gradio.data_classes import GradioModel, GradioRootModel
+from gradio.events import Events
+from gradio.utils import set_default_buttons
+
+
+class DialogueLine(GradioModel):
+    speaker: str
+    text: str
+
+
+class DialogueModel(GradioRootModel):
+    root: list[DialogueLine] | str
+
+
+@document()
+class Dialogue(Component):
+    """
+    Creates a Dialogue component for displaying or collecting multi-speaker conversations. This component can be used as input to allow users to enter dialogue involving multiple speakers, or as output to display diarized speech, such as the result of a transcription or speaker identification model. Each message can be associated with a specific speaker, making it suitable for use cases like conversations, interviews, or meetings.
+
+    Demos: dia_dialogue_demo
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.submit,
+    ]
+
+    data_model = DialogueModel
+
+    def __init__(
+        self,
+        value: list[dict[str, str]] | Callable | None = None,
+        *,
+        type: Literal["list", "text"] = "text",
+        speakers: list[str] | None = None,
+        formatter: Callable | None = None,
+        unformatter: Callable | None = None,
+        tags: list[str] | None = None,
+        separator: str = "\n",
+        color_map: dict[str, str] | None = None,
+        label: str | None = "Dialogue",
+        info: str
+        | None = "Type colon (:) in the dialogue line to see the available tags",
+        placeholder: str | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        autofocus: bool = False,
+        autoscroll: bool = True,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | None = None,
+        max_lines: int | None = None,
+        buttons: list[Literal["copy"] | Button] | None = None,
+        submit_btn: str | bool | None = False,
+        ui_mode: Literal["dialogue", "text", "both"] = "both",
+    ):
+        """
+        Parameters:
+            value: Value of the dialogue. It is a list of dictionaries, each containing a 'speaker' key and a 'text' key. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            type: The type of the component, either "list" for a multi-speaker dialogue consisting of dictionaries with 'speaker' and 'text' keys or "text" for a single text input. Defaults to "text".
+            speakers: The different speakers allowed in the dialogue. If `None` or an empty list, no speakers will be displayed. Instead, the component will be a standard textarea that optionally supports `tags` autocompletion.
+            formatter: A function that formats the dialogue line dictionary, e.g. {"speaker": "Speaker 1", "text": "Hello, how are you?"} into a string, e.g. "Speaker 1: Hello, how are you?". This function is run on user input and the resulting string is passed into the prediction function.
+            unformatter: A function that parses a formatted dialogue string back into a dialogue line dictionary. Should take a single string line and return a dictionary with 'speaker' and 'text' keys. If not provided, the default unformatter will attempt to parse the default formatter pattern.
+            tags: The different tags allowed in the dialogue. Tags are displayed in an autocomplete menu below the input textbox when the user starts typing `:`. Use the exact tag name expected by the AI model or inference function.
+            separator: The separator between the different dialogue lines used to join the formatted dialogue lines into a single string. It should be unambiguous. For example, a newline character or tab character.
+            color_map: A dictionary mapping speaker names to colors. The colors may be specified as hex codes or by their names. For example: {"Speaker 1": "red", "Speaker 2": "#FFEE22"}. If not provided, default colors will be assigned to speakers. This is only used if `interactive` is False.
+            max_lines: maximum number of lines allowed in the dialogue.
+            placeholder: placeholder hint to provide behind textarea.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            show_label: if True, will display the label. If False, the copy button is hidden as well as well as the label.
+            container: if True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            autofocus: If True, will focus on the textbox when the page loads. Use this carefully, as it can cause usability issues for sighted and non-sighted users.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: if assigned, will be used to assume identity across a re-render. Components that have the same key across a re-render will have their value preserved.
+            buttons: A list of buttons to show for the component. Valid options are "copy" or a gr.Button() instance. The "copy" button allows the user to copy the text in the textbox. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, no buttons are shown.
+            submit_btn: If False, will not show a submit button. If True, will show a submit button with an icon. If a string, will use that string as the submit button text.
+            autoscroll: If True, will automatically scroll to the bottom of the textbox when the value changes, unless the user scrolls up. If False, will not scroll to the bottom of the textbox when the value changes.
+            ui_mode: Determines the user interface mode of the component. Can be "dialogue" (displays dialogue lines), "text" (displays a single text input), or "both" (displays both dialogue lines and a text input). Defaults to "both".
+        """
+        super().__init__(
+            value=value,
+            label=label,
+            info=info,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+        )
+        if separator == " ":
+            raise ValueError("Separator cannot be an empty string.")
+        self.ui_mode = ui_mode
+        self.type = type
+        self.placeholder = placeholder
+        self.autofocus = autofocus
+        self.autoscroll = autoscroll
+        self.max_lines = max_lines
+        self.speakers = speakers
+        self.tags = tags or []
+        self.formatter = formatter
+        self.unformatter = unformatter
+        self.separator = separator
+        self.color_map = color_map
+        self.buttons = set_default_buttons(buttons, None)
+        self.submit_btn = submit_btn
+        if not interactive:
+            self.info = None
+
+    def preprocess(self, payload: DialogueModel) -> str | list[dict[str, str]]:  # type: ignore
+        """
+        Parameters:
+            payload: Expects a `DialogueModel` object or string.
+        Returns:
+            Returns the dialogue as a string or list of dictionaries.
+        """
+        if self.type == "list":
+            return payload.model_dump()
+        return self._format(payload)
+
+    def _format(self, payload: DialogueModel) -> str:
+        if (isinstance(payload.root, str) and payload.root == "") or (
+            isinstance(payload.root, list)
+            and len(payload.root) == 1
+            and payload.root[0].text == ""
+        ):
+            return ""
+        formatter = self.formatter
+        if not formatter:
+            formatter = self.default_formatter
+        if isinstance(payload.root, str):
+            return payload.root
+        return self.separator.join(
+            [formatter(line.speaker, line.text) for line in payload.root]
+        )
+
+    @staticmethod
+    def default_formatter(speaker: str, text: str) -> str:
+        return f"[{speaker}] {text}"
+
+    @staticmethod
+    def default_unformatter(line: str, default_speaker: str) -> dict[str, str]:
+        """Parse a formatted dialogue line back into speaker and text components."""
+        line = line.strip()
+        if not line:
+            return {"speaker": "", "text": ""}
+
+        # Try to parse using the default formatter pattern: [speaker] text
+        if line.startswith("[") and "]" in line:
+            bracket_end = line.find("]")
+            speaker = line[1:bracket_end]
+            text = line[bracket_end + 1 :].strip()
+            return {"speaker": speaker, "text": text}
+        else:
+            return {"speaker": default_speaker, "text": line}
+
+    @server
+    async def format(self, value: list[dict] | str):
+        """Format the dialogue in the frontend into a string that's copied to the clipboard."""
+        data = DialogueModel(root=value)  # type: ignore
+        return self._format(data)
+
+    @server
+    async def unformat(self, payload: dict):
+        """Parse a formatted dialogue string back into dialogue data structure."""
+        value = payload.get("text", "")
+
+        if not value or value.strip() == "":
+            return []
+
+        lines = value.split(self.separator)
+        dialogue_lines = []
+        unformatter = self.unformatter
+        if not unformatter:
+            unformatter = self.default_unformatter
+
+        default_speaker = "Unknown"
+        if isinstance(self.speakers, list) and len(self.speakers):
+            default_speaker = self.speakers[0]
+
+        for line in lines:
+            line = line.strip()
+            if not line:
+                continue
+
+            parsed_line = unformatter(line, default_speaker)
+            if parsed_line["speaker"] or parsed_line["text"]:  # Skip empty lines
+                dialogue_lines.append(parsed_line)
+
+        return dialogue_lines
+
+    def postprocess(  # type: ignore
+        self, value: list[dict[str, str]] | str | None
+    ) -> DialogueModel | None:
+        """
+        Parameters:
+            value: Expects a string or a list of dictionaries of dialogue lines, where each dictionary contains 'speaker' and 'text' keys, or a string.
+        Returns:
+            Returns the dialogue as a `DialogueModel` object for the frontend.
+        """
+        if value is None:
+            return None
+
+        if isinstance(value, str):
+            return DialogueModel(root=value)
+
+        dialogue_lines = [
+            DialogueLine(speaker=line["speaker"], text=line["text"]) for line in value
+        ]
+        return DialogueModel(root=dialogue_lines)
+
+    def as_example(self, value):
+        return self.preprocess(DialogueModel(root=value))
+
+    def example_payload(self):
+        return [
+            {"speaker": "Speaker 1", "text": "Hello, how are you?"},
+            {"speaker": "Speaker 2", "text": "I'm fine, thank you!"},
+        ]
+
+    def example_value(self):
+        return [
+            {"speaker": "Speaker 1", "text": "Hello, how are you?"},
+            {"speaker": "Speaker 2", "text": "I'm fine, thank you!"},
+        ]
diff --git a/gradio/components/download_button.py b/gradio/components/download_button.py
new file mode 100644
index 0000000..6318066
--- /dev/null
+++ b/gradio/components/download_button.py
@@ -0,0 +1,126 @@
+"""gr.DownloadButton() component."""
+
+from __future__ import annotations
+
+import tempfile
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Literal
+
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.data_classes import FileData
+from gradio.events import Events
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class DownloadButton(Component):
+    """
+    Creates a button, that when clicked, allows a user to download a single file of arbitrary type.
+
+    Demos: upload_and_download
+    """
+
+    EVENTS = [Events.change, Events.click]
+
+    def __init__(
+        self,
+        label: str = "Download",
+        value: str | Path | Callable | None = None,
+        *,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        variant: Literal["primary", "secondary", "stop"] = "secondary",
+        visible: bool | Literal["hidden"] = True,
+        size: Literal["sm", "md", "lg"] = "lg",
+        icon: str | None = None,
+        scale: int | None = None,
+        min_width: int | None = None,
+        interactive: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+    ):
+        """
+        Parameters:
+            label: Text to display on the button. Defaults to "Download".
+            value: A str or pathlib.Path filepath or URL to download, or a Callable that returns a str or pathlib.Path filepath or URL to download.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            variant: 'primary' for main call-to-action, 'secondary' for a more subdued style, 'stop' for a stop button.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            size: size of the button. Can be "sm", "md", or "lg".
+            icon: URL or path to the icon file to display within the button. If None, no icon will be displayed.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: If False, the UploadButton will be in a disabled state.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.data_model = FileData
+        self.size = size
+        self.label = label
+        self.variant = variant
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+        )
+        self.icon = self.serve_static_file(icon)
+
+    def preprocess(self, payload: FileData | None) -> str | None:
+        """
+        Parameters:
+            payload: File information as a FileData object,
+        Returns:
+            (Rarely used) passes the file as a `str` into the function.
+        """
+        if payload is None:
+            return None
+        file_name = payload.path
+        file = tempfile.NamedTemporaryFile(delete=False, dir=self.GRADIO_CACHE)
+        file.name = file_name
+        return file_name
+
+    def postprocess(self, value: str | Path | None) -> FileData | None:
+        """
+        Parameters:
+            value: Expects a `str` or `pathlib.Path` filepath
+        Returns:
+            File information as a FileData object
+        """
+        if value is None:
+            return None
+        return FileData(path=str(value), orig_name=Path(value).name)
+
+    def example_payload(self) -> dict:
+        return handle_file(
+            "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+        )
+
+    def example_value(self) -> str:
+        return "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+
+    @property
+    def skip_api(self):
+        return False
diff --git a/gradio/components/dropdown.py b/gradio/components/dropdown.py
new file mode 100644
index 0000000..9e27038
--- /dev/null
+++ b/gradio/components/dropdown.py
@@ -0,0 +1,256 @@
+"""gr.Dropdown() component."""
+
+from __future__ import annotations
+
+import warnings
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class DefaultValue:
+    # This sentinel is used to indicate that if the value is not explicitly set,
+    # the first choice should be selected in the dropdown if multiselect is False,
+    # and an empty list should be selected if multiselect is True.
+    pass
+
+
+DEFAULT_VALUE = DefaultValue()
+
+
+@document()
+class Dropdown(FormComponent):
+    """
+    Creates a dropdown of choices from which a single entry or multiple entries can be selected (as an input component) or displayed (as an output component).
+
+    Demos: sentence_builder
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.select,
+        Events.focus,
+        Events.blur,
+        Events.key_up,
+    ]
+
+    def __init__(
+        self,
+        choices: Sequence[str | int | float | tuple[str | I18nData, str | int | float]]
+        | None = None,
+        *,
+        value: str
+        | int
+        | float
+        | Sequence[str | int | float]
+        | Callable
+        | DefaultValue
+        | None = DEFAULT_VALUE,
+        type: Literal["value", "index"] = "value",
+        multiselect: bool | None = None,
+        allow_custom_value: bool = False,
+        max_choices: int | None = None,
+        filterable: bool = True,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            choices: a list of string or numeric options to choose from. An option can also be a tuple of the form (name, value), where name is the displayed name of the dropdown choice and value is the value to be passed to the function, or returned by the function.
+            value: the value selected in dropdown. If `multiselect` is true, this should be list, otherwise a single string or number from among `choices`. By default, the first choice in `choices` is initially selected. If set explicitly to None, no value is initially selected. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            type: type of value to be returned by component. "value" returns the string of the choice selected, "index" returns the index of the choice selected.
+            multiselect: if True, multiple choices can be selected.
+            allow_custom_value: if True, allows user to enter a custom value that is not in the list of choices.
+            max_choices: maximum number of choices that can be selected. If None, no limit is enforced.
+            filterable: if True, user will be able to type into the dropdown and filter the choices by typing. Can only be set to False if `allow_custom_value` is False.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: if True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, choices in this dropdown will be selectable; if False, selection will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: an optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: if False, component will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.choices = (
+            # Although we expect choices to be a list of tuples, it can be a list of lists if the Gradio app
+            # is loaded with gr.load() since Python tuples are converted to lists in JSON.
+            [tuple(c) if isinstance(c, (tuple, list)) else (str(c), c) for c in choices]
+            if choices
+            else []
+        )
+        valid_types = ["value", "index"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        self.type = type
+        self.multiselect = multiselect
+
+        if value == DEFAULT_VALUE:
+            if multiselect:
+                value = []
+            elif self.choices:
+                value = self.choices[0][1]
+            else:
+                value = None
+        if multiselect and isinstance(value, str):
+            value = [value]
+
+        if not multiselect and max_choices is not None:
+            warnings.warn(
+                "The `max_choices` parameter is ignored when `multiselect` is False."
+            )
+        if not filterable and allow_custom_value:
+            filterable = True
+            warnings.warn(
+                "The `filterable` parameter cannot be set to False when `allow_custom_value` is True. Setting `filterable` to True."
+            )
+        self.max_choices = max_choices
+        self.allow_custom_value = allow_custom_value
+        self.filterable = filterable
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+        self._value_description = f"one{' or more' if multiselect else ''} of {[c[1] if isinstance(c, tuple) else c for c in self.choices]}"
+
+    def api_info(self) -> dict[str, Any]:
+        if self.multiselect:
+            json_type = {
+                "type": "array",
+                "items": {"type": "string", "enum": [c[1] for c in self.choices]},
+            }
+        else:
+            json_type = {
+                "type": "string",
+                "enum": [c[1] for c in self.choices],
+            }
+        return json_type
+
+    def example_payload(self) -> Any:
+        if self.multiselect:
+            return [self.choices[0][1]] if self.choices else []
+        else:
+            return self.choices[0][1] if self.choices else None
+
+    def example_value(self) -> Any:
+        if self.multiselect:
+            return [self.choices[0][1]] if self.choices else []
+        else:
+            return self.choices[0][1] if self.choices else None
+
+    def preprocess(
+        self, payload: str | int | float | list[str | int | float] | None
+    ) -> str | int | float | list[str | int | float] | list[int | None] | None:
+        """
+        Parameters:
+            payload: the value of the selected dropdown choice(s)
+        Returns:
+            Passes the value of the selected dropdown choice as a `str | int | float` or its index as an `int` into the function, depending on `type`. Or, if `multiselect` is True, passes the values of the selected dropdown choices as a list of corresponding values/indices instead.
+        """
+        if payload is None:
+            return None
+
+        choice_values = [value for _, value in self.choices]
+        if not self.allow_custom_value:
+            if isinstance(payload, list):
+                for value in payload:
+                    if value not in choice_values:
+                        raise Error(
+                            f"Value: {value!r} (type: {type(value)}) is not in the list of choices: {choice_values}"
+                        )
+            elif payload not in choice_values:
+                raise Error(
+                    f"Value: {payload} is not in the list of choices: {choice_values}"
+                )
+
+        if self.type == "value":
+            return payload
+        elif self.type == "index":
+            if isinstance(payload, list):
+                return [
+                    choice_values.index(choice) if choice in choice_values else None
+                    for choice in payload
+                ]
+            else:
+                return (
+                    choice_values.index(payload) if payload in choice_values else None
+                )
+        else:
+            raise ValueError(
+                f"Unknown type: {self.type}. Please choose from: 'value', 'index'."
+            )
+
+    def _warn_if_invalid_choice(self, value):
+        if self.allow_custom_value or value in [value for _, value in self.choices]:
+            return
+        warnings.warn(
+            f"The value passed into gr.Dropdown() is not in the list of choices. Please update the list of choices to include: {value} or set allow_custom_value=True."
+        )
+
+    def postprocess(
+        self, value: str | int | float | list[str | int | float] | None
+    ) -> str | int | float | list[str | int | float] | None:
+        """
+        Parameters:
+            value: Expects a `str | int | float` corresponding to the value of the dropdown entry to be selected. Or, if `multiselect` is True, expects a `list` of values corresponding to the selected dropdown entries.
+        Returns:
+            Returns the values of the selected dropdown entry or entries.
+        """
+        if value is None:
+            return None
+        if self.multiselect:
+            if not isinstance(value, list):
+                value = [value]
+            [self._warn_if_invalid_choice(_y) for _y in value]
+        else:
+            self._warn_if_invalid_choice(value)
+        return value
diff --git a/gradio/components/duplicate_button.py b/gradio/components/duplicate_button.py
new file mode 100644
index 0000000..0e3117c
--- /dev/null
+++ b/gradio/components/duplicate_button.py
@@ -0,0 +1,97 @@
+"""gr.DuplicateButton() component"""
+
+from __future__ import annotations
+
+from collections.abc import Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components import Button, Component
+from gradio.context import get_blocks_context
+from gradio.utils import get_space
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class DuplicateButton(Button):
+    """
+    Button that triggers a Spaces Duplication, when the demo is on Hugging Face Spaces. Does nothing locally.
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str = "Duplicate Space",
+        *,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        variant: Literal["primary", "secondary", "stop", "huggingface"] = "huggingface",
+        size: Literal["sm", "md", "lg"] = "sm",
+        icon: str | Path | None = None,
+        link: str | None = None,
+        link_target: Literal["_self", "_blank", "_parent", "_top"] = "_self",
+        visible: bool | Literal["hidden"] = True,
+        interactive: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        scale: int | None = 0,
+        min_width: int | None = None,
+        _activate: bool = True,
+    ):
+        """
+        Parameters:
+        Parameters:
+            value: default text for the button to display. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            every: continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            variant: sets the background and text color of the button. Use 'primary' for main call-to-action buttons, 'secondary' for a more subdued style, 'stop' for a stop button, 'huggingface' for a black background with white text, consistent with Hugging Face's button styles.
+            size: size of the button. Can be "sm", "md", or "lg".
+            icon: URL or path to the icon file to display within the button. If None, no icon will be displayed.
+            link: URL to open when the button is clicked. If None, no link will be used.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            interactive: if False, the Button will be in a disabled state.
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: an optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: if False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+        """
+        super().__init__(
+            value=value,
+            every=every,
+            inputs=inputs,
+            variant=variant,
+            size=size,
+            icon=icon,
+            link=link,
+            link_target=link_target,
+            visible=visible,
+            interactive=interactive,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            scale=scale,
+            min_width=min_width,
+        )
+        if _activate and get_blocks_context():
+            self.activate()
+
+    def activate(self):
+        space_name = get_space()
+        if space_name is not None:
+            self.click(
+                fn=None,
+                js=f"() => {{ window.open(`https://huggingface.co/spaces/{space_name}?duplicate=true`, '_blank') }}",
+            )
diff --git a/gradio/components/fallback.py b/gradio/components/fallback.py
new file mode 100644
index 0000000..b475536
--- /dev/null
+++ b/gradio/components/fallback.py
@@ -0,0 +1,35 @@
+from gradio.components.base import Component
+from gradio.events import Events
+
+
+class Fallback(Component):
+    EVENTS = [Events.change]
+
+    def preprocess(self, payload):
+        """
+        This docstring is used to generate the docs for this custom component.
+        Parameters:
+            payload: the data to be preprocessed, sent from the frontend
+        Returns:
+            the data after preprocessing, sent to the user's function in the backend
+        """
+        return payload
+
+    def postprocess(self, value):
+        """
+        This docstring is used to generate the docs for this custom component.
+        Parameters:
+            payload: the data to be postprocessed, sent from the user's function in the backend
+        Returns:
+            the data after postprocessing, sent to the frontend
+        """
+        return value
+
+    def example_payload(self):
+        return {"foo": "bar"}
+
+    def example_value(self):
+        return {"foo": "bar"}
+
+    def api_info(self):
+        return {"type": {}, "description": "any valid json"}
diff --git a/gradio/components/file.py b/gradio/components/file.py
new file mode 100644
index 0000000..ae72e93
--- /dev/null
+++ b/gradio/components/file.py
@@ -0,0 +1,259 @@
+"""gr.File() component"""
+
+from __future__ import annotations
+
+import tempfile
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+import gradio_client.utils as client_utils
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio import processing_utils
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import FileData, ListFiles
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import NamedString, set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class File(Component):
+    """
+    Creates a file component that allows uploading one or more generic files (when used as an input) or displaying generic files or URLs for download (as output).
+
+        Demo: zip_files, zip_to_json
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.select,
+        Events.clear,
+        Events.upload,
+        Events.delete,
+        Events.download,
+    ]
+
+    def __init__(
+        self,
+        value: str | list[str] | Callable | None = None,
+        *,
+        file_count: Literal["single", "multiple", "directory"] = "single",
+        file_types: list[str] | None = None,
+        type: Literal["filepath", "binary"] = "filepath",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        height: int | str | float | None = None,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        allow_reordering: bool = False,
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: Default file(s) to display, given as a str file path or URL, or a list of str file paths / URLs. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            file_count: if single, allows user to upload one file. If "multiple", user uploads multiple files. If "directory", user uploads all files in selected directory. Return type will be list for each file in case of "multiple" or "directory".
+            file_types: List of file extensions or types of files to be uploaded (e.g. ['image', '.json', '.mp4']). "file" allows any file to be uploaded, "image" allows only image files to be uploaded, "audio" allows only audio files to be uploaded, "video" allows only video files to be uploaded, "text" allows only text files to be uploaded.
+            type: Type of value to be returned by component. "file" returns a temporary file object with the same base name as the uploaded file, whose full path can be retrieved by file_obj.name, "binary" returns an bytes object.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            height: The default height of the file component when no files have been uploaded, or the maximum height of the file component when files are present. Specified in pixels if a number is passed, or in CSS units if a string is passed. If more files are uploaded than can fit in the height, a scrollbar will appear.
+            interactive: if True, will allow users to upload a file; if False, can only be used to display files. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            allow_reordering: if True, will allow users to reorder uploaded files by dragging and dropping.
+        """
+        file_count_valid_types = ["single", "multiple", "directory"]
+        self.file_count = file_count
+
+        if self.file_count not in file_count_valid_types:
+            raise ValueError(
+                f"Parameter file_count must be one of them: {file_count_valid_types}"
+            )
+        elif self.file_count in ["multiple", "directory"]:
+            self.data_model = ListFiles
+        else:
+            self.data_model = FileData
+        self.file_types = file_types
+        if file_types is not None and not isinstance(file_types, list):
+            raise ValueError(
+                f"Parameter file_types must be a list. Received {file_types.__class__.__name__}"
+            )
+        valid_types = [
+            "filepath",
+            "binary",
+        ]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.type = type
+        self.height = height
+        self.allow_reordering = allow_reordering
+        self.buttons = set_default_buttons(buttons, None)
+        self._value_description = (
+            "a string filepath"
+            if self.file_count == "single"
+            else "a list of string filepaths"
+        )
+
+    def _process_single_file(self, f: FileData) -> NamedString | bytes:
+        file_name = f.path
+        if self.type == "filepath":
+            if self.file_types and not client_utils.is_valid_file(
+                file_name, self.file_types
+            ):
+                raise Error(
+                    f"Invalid file type. Please upload a file that is one of these formats: {self.file_types}"
+                )
+            file = tempfile.NamedTemporaryFile(delete=False, dir=self.GRADIO_CACHE)
+            file.name = file_name
+            return NamedString(file_name)
+        elif self.type == "binary":
+            with open(file_name, "rb") as file_data:
+                return file_data.read()
+        else:
+            raise ValueError(
+                "Unknown type: "
+                + str(type)
+                + ". Please choose from: 'filepath', 'binary'."
+            )
+
+    def preprocess(
+        self, payload: ListFiles | FileData | None
+    ) -> bytes | str | list[bytes] | list[str] | None:
+        """
+        Parameters:
+            payload: File information as a FileData object, or a list of FileData objects.
+        Returns:
+            Passes the file as a `str` or `bytes` object, or a list of `str` or list of `bytes` objects, depending on `type` and `file_count`.
+        """
+        if payload is None:
+            return None
+
+        if self.file_count == "single":
+            if isinstance(payload, ListFiles):
+                return self._process_single_file(payload[0])
+            return self._process_single_file(payload)
+        if isinstance(payload, ListFiles):
+            return [self._process_single_file(f) for f in payload]  # type: ignore
+        return [self._process_single_file(payload)]  # type: ignore
+
+    def _download_files(self, value: str | list[str]) -> str | list[str]:
+        downloaded_files = []
+        if isinstance(value, list):
+            for file in value:
+                if client_utils.is_http_url_like(file):
+                    downloaded_file = processing_utils.save_url_to_cache(
+                        file, self.GRADIO_CACHE
+                    )
+                    downloaded_files.append(downloaded_file)
+                else:
+                    downloaded_files.append(file)
+            return downloaded_files
+        if client_utils.is_http_url_like(value):
+            downloaded_file = processing_utils.save_url_to_cache(
+                str(value), self.GRADIO_CACHE
+            )
+            return downloaded_file
+        else:
+            return value
+
+    def postprocess(self, value: str | list[str] | None) -> ListFiles | FileData | None:
+        """
+        Parameters:
+            value: Expects a `str` filepath or URL, or a `list[str]` of filepaths/URLs.
+        Returns:
+            File information as a FileData object, or a list of FileData objects.
+        """
+        if value is None:
+            return None
+        value = self._download_files(value)
+        if isinstance(value, list):
+            return ListFiles(
+                root=[
+                    FileData(
+                        path=file,
+                        orig_name=Path(file).name,
+                        size=Path(file).stat().st_size,
+                    )
+                    for file in value
+                ]
+            )
+        else:
+            return FileData(
+                path=value,
+                orig_name=Path(value).name,
+                size=Path(value).stat().st_size,
+            )
+
+    def process_example(self, value: str | list | None) -> str:
+        if value is None:
+            return ""
+        elif isinstance(value, list):
+            return ", ".join([Path(file).name for file in value])
+        else:
+            return Path(value).name
+
+    def example_payload(self) -> Any:
+        if self.file_count == "single":
+            return handle_file(
+                "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+            )
+        else:
+            return [
+                handle_file(
+                    "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+                )
+            ]
+
+    def example_value(self) -> Any:
+        if self.file_count == "single":
+            return "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+        else:
+            return [
+                "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+            ]
diff --git a/gradio/components/file_explorer.py b/gradio/components/file_explorer.py
new file mode 100644
index 0000000..319118f
--- /dev/null
+++ b/gradio/components/file_explorer.py
@@ -0,0 +1,231 @@
+"""gr.FileExplorer() component"""
+
+from __future__ import annotations
+
+import fnmatch
+import os
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, server
+from gradio.components.button import Button
+from gradio.data_classes import DeveloperPath, GradioRootModel, UserProvidedPath
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import safe_join, set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class FileExplorerData(GradioRootModel):
+    # The outer list is the list of files selected, and the inner list
+    # is the path to the file as a list, split by the os.sep.
+    root: list[list[str]]
+
+
+@document()
+class FileExplorer(Component):
+    """
+    Creates a file explorer component that allows users to browse files on the machine hosting the Gradio app. As an input component,
+    it also allows users to select files to be used as input to a function, while as an output component, it displays selected files.
+    """
+
+    EVENTS = [Events.change, Events.input, Events.select]
+    data_model = FileExplorerData
+
+    def __init__(
+        self,
+        glob: str = "**/*",
+        *,
+        value: str | list[str] | Callable | None = None,
+        file_count: Literal["single", "multiple"] = "multiple",
+        root_dir: str | Path = ".",
+        ignore_glob: str | None = None,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        height: int | str | None = None,
+        max_height: int | str | None = 500,
+        min_height: int | str | None = None,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            glob: The glob-style pattern used to select which files to display, e.g. "*" to match all files, "*.png" to match all .png files, "**/*.txt" to match any .txt file in any subdirectory, etc. The default value matches all files and folders recursively. See the Python glob documentation at https://docs.python.org/3/library/glob.html for more information.
+            value: The file (or list of files, depending on the `file_count` parameter) to show as "selected" when the component is first loaded. If a callable is provided, it will be called when the app loads to set the initial value of the component. If not provided, no files are shown as selected.
+            file_count: Whether to allow single or multiple files to be selected. If "single", the component will return a single absolute file path as a string. If "multiple", the component will return a list of absolute file paths as a list of strings.
+            root_dir: Path to root directory to select files from. If not provided, defaults to current working directory. Raises ValueError if the directory does not exist.
+            ignore_glob: The glob-style, case-sensitive pattern that will be used to exclude files from the list. For example, "*.py" will exclude all .py files from the list. See the Python glob documentation at https://docs.python.org/3/library/glob.html for more information.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            height: The maximum height of the file component, specified in pixels if a number is passed, or in CSS units if a string is passed. If more files are uploaded than can fit in the height, a scrollbar will appear.
+            interactive: if True, will allow users to select file(s); if False, will only display files. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        abs_root_dir = os.path.abspath(root_dir)
+        if not os.path.exists(abs_root_dir):
+            raise ValueError(f"The specified root_dir does not exist: {root_dir}")
+        if not os.path.isdir(abs_root_dir):
+            raise ValueError(f"The specified root_dir is not a directory: {root_dir}")
+        self.root_dir = DeveloperPath(abs_root_dir)
+        self.glob = glob
+        self.ignore_glob = ignore_glob
+        valid_file_count = ["single", "multiple"]
+        if file_count not in valid_file_count:
+            raise ValueError(
+                f"Invalid value for parameter `file_count`: {file_count}. Please choose from one of: {valid_file_count}"
+            )
+        self.file_count = file_count
+        self.height = height
+        self.max_height = max_height
+        self.min_height = min_height
+
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+
+    def example_payload(self) -> Any:
+        return [["gradio", "app.py"]]
+
+    def example_value(self) -> Any:
+        return os.sep.join(["gradio", "app.py"])
+
+    def preprocess(self, payload: FileExplorerData | None) -> list[str] | str | None:
+        """
+        Parameters:
+            payload: List of selected files as a FileExplorerData object.
+        Returns:
+            Passes the selected file or directory as a `str` path (relative to `root`) or `list[str}` depending on `file_count`
+        """
+        if payload is None:
+            return None
+
+        if self.file_count == "single":
+            if len(payload.root) > 1:
+                raise ValueError(
+                    f"Expected only one file, but {len(payload.root)} were selected."
+                )
+            elif len(payload.root) == 0:
+                return None
+            else:
+                return self._safe_join(payload.root[0])
+        files = []
+        for file in payload.root:
+            file_ = self._safe_join(file)
+            files.append(file_)
+        return files
+
+    def _strip_root(self, path: str) -> str:
+        if path.startswith(self.root_dir):
+            return path[len(self.root_dir) + 1 :]
+        return path
+
+    def postprocess(self, value: str | list[str] | None) -> FileExplorerData | None:
+        """
+        Parameters:
+            value: Expects function to return a `str` path to a file, or `list[str]` consisting of paths to files.
+        Returns:
+            A FileExplorerData object containing the selected files as a list of strings.
+        """
+        if value is None:
+            return None
+
+        files = [value] if isinstance(value, str) else value
+        root = []
+        for file in files:
+            root.append(self._strip_root(file).split(os.path.sep))
+
+        return FileExplorerData(root=root)
+
+    @server
+    def ls(self, subdirectory: list[str] | None = None) -> list[dict[str, str]] | None:
+        """
+        Returns:
+            a list of dictionaries, where each dictionary represents a file or subdirectory in the given subdirectory
+        """
+        if subdirectory is None:
+            subdirectory = []
+
+        full_subdir_path = self._safe_join(subdirectory)
+
+        try:
+            subdir_items = sorted(os.listdir(full_subdir_path))
+        except (FileNotFoundError, PermissionError):
+            return []
+
+        files, folders = [], []
+        for item in subdir_items:
+            full_path = os.path.join(full_subdir_path, item)
+
+            try:
+                is_file = not os.path.isdir(full_path)
+            except (PermissionError, OSError):
+                continue
+
+            valid_by_glob = fnmatch.fnmatch(full_path, self.glob)
+
+            if is_file and not valid_by_glob:
+                continue
+
+            if self.ignore_glob and fnmatch.fnmatch(full_path, self.ignore_glob):
+                continue
+            target = files if is_file else folders
+            target.append(
+                {
+                    "name": item,
+                    "type": "file" if is_file else "folder",
+                    "valid": valid_by_glob,
+                }
+            )
+
+        return folders + files
+
+    def _safe_join(self, folders: list[str]) -> str:
+        if not folders or len(folders) == 0:
+            return self.root_dir
+        combined_path = UserProvidedPath(os.path.join(*folders))
+        if os.name == "nt":
+            combined_path = combined_path.replace("\\", "/")
+        x = safe_join(self.root_dir, combined_path)  # type: ignore
+        return x
diff --git a/gradio/components/gallery.py b/gradio/components/gallery.py
new file mode 100644
index 0000000..07b95ad
--- /dev/null
+++ b/gradio/components/gallery.py
@@ -0,0 +1,344 @@
+"""gr.Gallery() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from concurrent.futures import ThreadPoolExecutor
+from pathlib import Path
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+    Union,
+)
+from urllib.parse import quote, urlparse
+
+import numpy as np
+import PIL.Image
+from gradio_client import handle_file
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+from gradio_client.utils import is_http_url_like
+
+from gradio import image_utils, processing_utils, utils
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import FileData, GradioModel, GradioRootModel, ImageData
+from gradio.events import EventListener, Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+GalleryMediaType = Union[np.ndarray, PIL.Image.Image, Path, str]
+CaptionedGalleryMediaType = tuple[GalleryMediaType, str]
+
+
+class GalleryImage(GradioModel):
+    image: ImageData
+    caption: str | None = None
+
+
+class GalleryVideo(GradioModel):
+    video: FileData
+    caption: str | None = None
+
+
+class GalleryData(GradioRootModel):
+    root: list[Union[GalleryImage, GalleryVideo]]
+
+
+@document()
+class Gallery(Component):
+    """
+    Creates a gallery component that allows displaying a grid of images or videos, and optionally captions. If used as an input, the user can upload images or videos to the gallery.
+    If used as an output, the user can click on individual images or videos to view them at a higher resolution.
+
+    Demos: fake_gan, gif_maker
+    """
+
+    EVENTS = [
+        Events.select,
+        Events.upload,
+        Events.change,
+        Events.delete,
+        EventListener(
+            "preview_close",
+            doc="This event is triggered when the Gallery preview is closed by the user",
+        ),
+        EventListener(
+            "preview_open",
+            doc="This event is triggered when the Gallery preview is opened by the user",
+        ),
+    ]
+
+    data_model = GalleryData
+
+    def __init__(
+        self,
+        value: (
+            Sequence[np.ndarray | PIL.Image.Image | str | Path | tuple]
+            | Callable
+            | None
+        ) = None,
+        *,
+        format: str = "webp",
+        file_types: list[str] | None = None,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        columns: int | None = 2,
+        rows: int | None = None,
+        height: int | float | str | None = None,
+        allow_preview: bool = True,
+        preview: bool | None = None,
+        selected_index: int | None = None,
+        object_fit: (
+            Literal["contain", "cover", "fill", "none", "scale-down"] | None
+        ) = None,
+        buttons: list[
+            Literal["share", "download", "download_all", "fullscreen"] | Button
+        ]
+        | None = None,
+        interactive: bool | None = None,
+        type: Literal["numpy", "pil", "filepath"] = "filepath",
+        fit_columns: bool = True,
+        sources: list[Literal["upload", "webcam", "clipboard"]] | None = None,
+    ):
+        """
+        Parameters:
+            value: List of images or videos to display in the gallery by default. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            format: Format to save images before they are returned to the frontend, such as 'jpeg' or 'png'. This parameter only applies to images that are returned from the prediction function as numpy arrays or PIL Images. The format should be supported by the PIL library.
+            file_types: List of file extensions or types of files to be uploaded (e.g. ['image', '.mp4']), when this is used as an input component. "image" allows only image files to be uploaded, "video" allows only video files to be uploaded, ".mp4" allows only mp4 files to be uploaded, etc. If None, any image and video files types are allowed.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            columns: Represents the number of images that should be shown in one row.
+            rows: Represents the number of rows in the image grid.
+            height: The height of the gallery component, specified in pixels if a number is passed, or in CSS units if a string is passed. If more images are displayed than can fit in the height, a scrollbar will appear.
+            allow_preview: If True, images in the gallery will be enlarged when they are clicked. Default is True.
+            preview: If True, Gallery will start in preview mode, which shows all of the images as thumbnails and allows the user to click on them to view them in full size. Only works if allow_preview is True.
+            selected_index: The index of the image that should be initially selected. If None, no image will be selected at start. If provided, will set Gallery to preview mode unless allow_preview is set to False.
+            object_fit: CSS object-fit property for the thumbnail images in the gallery. Can be "contain", "cover", "fill", "none", or "scale-down".
+            buttons: A list of buttons to show in the top right corner of the component. Valid options are "share", "download", "download_all", "fullscreen", or a gr.Button() instance. The "share" button allows the user to share outputs to Hugging Face Spaces Discussions. The "download" button allows the user to download the selected image. The "download_all" button allows the user to download all gallery images and videos. The "fullscreen" button allows the user to view the gallery in fullscreen mode. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. by default, all of the built-in buttons are shown.
+            interactive: If True, the gallery will be interactive, allowing the user to upload images. If False, the gallery will be static. Default is True.
+            type: The format the image is converted to before being passed into the prediction function. "numpy" converts the image to a numpy array with shape (height, width, 3) and values from 0 to 255, "pil" converts the image to a PIL image object, "filepath" passes a str path to a temporary file containing the image. If the image is SVG, the `type` is ignored and the filepath of the SVG is returned.
+            fit_columns: Expand columns to fit the full width when there are fewer images than the columns parameter.
+            sources: A list of sources that the user can upload images from when this component is used as an input. Valid options are "upload", "webcam", and "clipboard". "upload" allows the user to upload files from their computer, "webcam" allows the user to take a photo or video using their webcam, and "clipboard" allows the user to paste an image or video from their clipboard. By default, only "upload" is allowed.
+        """
+        self.format = format
+        self.columns = columns
+        self.rows = rows
+        self.height = height
+        self.preview = preview
+        self.object_fit = object_fit
+        self.allow_preview = allow_preview
+        self.selected_index = selected_index
+        if type not in ["numpy", "pil", "filepath"]:
+            raise ValueError(
+                f"Invalid type: {type}. Must be one of ['numpy', 'pil', 'filepath']"
+            )
+        self.type = type
+        self.file_types = file_types
+        self.buttons = utils.set_default_buttons(
+            buttons, ["share", "download", "download_all", "fullscreen"]
+        )
+        self.fit_columns = fit_columns
+        self.sources = sources or ["upload"]
+
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            interactive=interactive,
+        )
+        self._value_description = f"a list of {'string filepaths' if type == 'filepath' else 'numpy arrays' if type == 'numpy' else 'PIL images'}"
+
+    def preprocess(
+        self, payload: GalleryData | None
+    ) -> (
+        list[tuple[str, str | None]]
+        | list[tuple[PIL.Image.Image, str | None]]
+        | list[tuple[np.ndarray, str | None]]
+        | None
+    ):
+        """
+        Parameters:
+            payload: a list of images or videos, or list of (media, caption) tuples
+        Returns:
+            Passes the list of images or videos as:
+            - a list of (media, caption) tuples
+            - a list of (media, None) tuples if no captions are provided (which is usually the case).
+            Depending on `type`, images can be a:
+            - `str` file path
+            - `numpy` array
+            - `PIL.Image` object
+            Videos are always `str` file path.
+        """
+        if payload is None or not payload.root:
+            return None
+        data = []
+        for gallery_element in payload.root:
+            if isinstance(gallery_element, GalleryVideo):
+                file_path = gallery_element.video.path
+            else:
+                file_path = gallery_element.image.path or ""
+            if self.file_types and not client_utils.is_valid_file(
+                file_path, self.file_types
+            ):
+                raise Error(
+                    f"Invalid file type. Please upload a file that is one of these formats: {self.file_types}"
+                )
+            else:
+                media = (
+                    gallery_element.video.path
+                    if (type(gallery_element) is GalleryVideo)
+                    else self.convert_to_type(gallery_element.image.path, self.type)  # type: ignore
+                )
+                data.append((media, gallery_element.caption))
+        return data
+
+    def postprocess(
+        self,
+        value: list[GalleryMediaType | CaptionedGalleryMediaType] | None,
+    ) -> GalleryData:
+        """
+        Parameters:
+            value: Expects the function to return a:
+                - `list` of images or videos
+                - `list` of (media, `str` caption) tuples.
+                Each image can be a:
+                - `str` file path
+                - `numpy` array
+                - `PIL.Image` object
+                Each video can be a `str` file path.
+        Returns:
+            a list of images or videos, or list of (media, caption) tuples
+        """
+        if value is None:
+            return GalleryData(root=[])
+        if isinstance(value, str):
+            raise ValueError(
+                "The `value` passed into `gr.Gallery` must be a list of images or videos, or list of (media, caption) tuples."
+            )
+        output = []
+
+        def _save(img):
+            url = None
+            caption = None
+            orig_name = None
+            mime_type = None
+            if isinstance(img, (tuple, list)):
+                img, caption = img
+            if isinstance(img, np.ndarray):
+                file = processing_utils.save_img_array_to_cache(
+                    img, cache_dir=self.GRADIO_CACHE, format=self.format
+                )
+                file_path = str(utils.abspath(file))
+            elif isinstance(img, PIL.Image.Image):
+                file = processing_utils.save_pil_to_cache(
+                    img, cache_dir=self.GRADIO_CACHE, format=self.format
+                )
+                file_path = str(utils.abspath(file))
+            elif isinstance(img, str):
+                mime_type = client_utils.get_mimetype(img)
+                if img.lower().endswith(".svg"):
+                    svg_content = image_utils.extract_svg_content(img)
+                    orig_name = Path(img).name
+                    url = f"data:image/svg+xml,{quote(svg_content)}"
+                    file_path = None
+                elif is_http_url_like(img):
+                    url = img
+                    orig_name = Path(urlparse(img).path).name
+                    file_path = img
+                else:
+                    url = None
+                    orig_name = Path(img).name
+                    file_path = img
+            elif isinstance(img, Path):
+                file_path = str(img)
+                orig_name = img.name
+                mime_type = client_utils.get_mimetype(file_path)
+            else:
+                raise ValueError(f"Cannot process type as image: {type(img)}")
+            if mime_type is not None and "video" in mime_type:
+                return GalleryVideo(
+                    video=FileData(
+                        path=file_path,  # type: ignore
+                        url=url,
+                        orig_name=orig_name,
+                        mime_type=mime_type,
+                    ),
+                    caption=caption,
+                )
+            else:
+                return GalleryImage(
+                    image=ImageData(
+                        path=file_path,
+                        url=url,
+                        orig_name=orig_name,
+                        mime_type=mime_type,
+                    ),
+                    caption=caption,
+                )
+
+        with ThreadPoolExecutor() as executor:
+            for o in executor.map(_save, value):
+                output.append(o)
+        return GalleryData(root=output)
+
+    @staticmethod
+    def convert_to_type(img: str, type: Literal["filepath", "numpy", "pil"]):
+        if type == "filepath":
+            return img
+        else:
+            converted_image = PIL.Image.open(img)
+            if type == "numpy":
+                converted_image = np.array(converted_image)
+            return converted_image
+
+    def example_payload(self) -> Any:
+        return [
+            {
+                "image": handle_file(
+                    "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+                )
+            },
+        ]
+
+    def example_value(self) -> Any:
+        return [
+            "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+        ]
diff --git a/gradio/components/highlighted_text.py b/gradio/components/highlighted_text.py
new file mode 100644
index 0000000..4194362
--- /dev/null
+++ b/gradio/components/highlighted_text.py
@@ -0,0 +1,236 @@
+"""gr.HighlightedText() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal, Union
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import GradioModel, GradioRootModel
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class HighlightedToken(GradioModel):
+    token: str
+    class_or_confidence: Union[str, float, None] = None
+
+
+class HighlightedTextData(GradioRootModel):
+    root: list[HighlightedToken]
+
+
+@document()
+class HighlightedText(Component):
+    """
+    Displays text that contains spans that are highlighted by category or numerical value.
+
+    Demos: diff_texts
+    Guides: named-entity-recognition
+    """
+
+    data_model = HighlightedTextData
+    EVENTS = [Events.change, Events.select]
+
+    def __init__(
+        self,
+        value: list[tuple[str, str | float | None]] | dict | Callable | None = None,
+        *,
+        color_map: dict[str, str]
+        | None = None,  # Parameter moved to HighlightedText.style()
+        show_legend: bool = False,
+        show_inline_category: bool = True,
+        combine_adjacent: bool = False,
+        adjacent_separator: str = "",
+        show_whitespaces: bool = True,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        interactive: bool | None = None,
+        rtl: bool = False,
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: Default value to show. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            color_map: A dictionary mapping labels to colors. The colors may be specified as hex codes or by their names. For example: {"person": "red", "location": "#FFEE22"}
+            show_legend: whether to show span categories in a separate legend or inline.
+            show_inline_category: If False, will not display span category label. Only applies if show_legend=False and interactive=False.
+            combine_adjacent: If True, will merge the labels of adjacent tokens belonging to the same category.
+            adjacent_separator: Specifies the separator to be used between tokens if combine_adjacent is True.
+            show_whitespaces: If False, leading and trailing whitespace of each token will be stripped before display.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            interactive: If True, the component will be editable, and allow user to select spans of text and label them.
+            rtl: If True, will display the text in right-to-left direction, and the labels in the legend will also be aligned to the right.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.color_map = color_map
+        self.show_legend = show_legend
+        self.show_inline_category = show_inline_category
+        self.combine_adjacent = combine_adjacent
+        self.adjacent_separator = adjacent_separator
+        self.show_whitespaces = show_whitespaces
+        self.rtl = rtl
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            interactive=interactive,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+        self._value_description = "a list of 2-part tuples, where the first part is a substring of the text and the second part is the category or value of that substring."
+
+    def example_payload(self) -> Any:
+        return [
+            {"token": "The", "class_or_confidence": None},
+            {"token": "quick", "class_or_confidence": "adj"},
+        ]
+
+    def example_value(self) -> Any:
+        return [("The", None), ("quick", "adj"), ("brown", "adj"), ("fox", "noun")]
+
+    def preprocess(
+        self, payload: HighlightedTextData | None
+    ) -> list[tuple[str, str | float | None]] | None:
+        """
+        Parameters:
+            payload: An instance of HighlightedTextData
+        Returns:
+            Passes the value as a list of tuples: `list[tuple]`. Each `tuple` consists of:
+            - a `str` substring of the text (so the entire text is included)
+            - a `str | float | None` label, which is the category or confidence of that substring.
+        """
+        if payload is None:
+            return None
+        return payload.model_dump()  # type: ignore
+
+    def postprocess(
+        self, value: list[tuple[str, str | float | None]] | dict | None
+    ) -> HighlightedTextData | None:
+        """
+        Parameters:
+            value: Expects either of:
+                - a list of (word, category) tuples
+                - a dictionary of two keys: "text", and "entities".
+                -- "entities" itself is a list of dictionaries, each of which have the keys: "entity" (or "entity_group"), "start", and "end"
+        Returns:
+            An instance of HighlightedTextData
+        """
+        if value is None:
+            return None
+        if isinstance(value, dict):
+            try:
+                text = value["text"]
+                entities = value["entities"]
+            except KeyError as ke:
+                raise ValueError(
+                    "Expected a dictionary with keys 'text' and 'entities' "
+                    "for the value of the HighlightedText component."
+                ) from ke
+            if len(entities) == 0:
+                value = [(text, None)]
+            else:
+                list_format = []
+                index = 0
+                entities = sorted(entities, key=lambda x: x["start"])
+                for entity in entities:
+                    list_format.append((text[index : entity["start"]], None))
+                    entity_category = entity.get("entity") or entity.get("entity_group")
+                    list_format.append(
+                        (text[entity["start"] : entity["end"]], entity_category)
+                    )
+                    index = entity["end"]
+                list_format.append((text[index:], None))
+                value = list_format
+        if self.combine_adjacent:
+            output = []
+            running_text, running_category = None, None
+            for text, category in value:
+                if not text:
+                    # Drop empty tokens so they neither seed a run nor get a
+                    # spurious separator when merged. These are inserted
+                    # between entities when a dict value is converted above,
+                    # but skipping them for list values is also correct.
+                    continue
+                if running_text is None:
+                    running_text = text
+                    running_category = category
+                elif category == running_category:
+                    running_text += self.adjacent_separator + text
+                else:
+                    output.append((running_text, running_category))
+                    running_text = text
+                    running_category = category
+            if running_text is not None:
+                output.append((running_text, running_category))
+            return HighlightedTextData(
+                root=[
+                    HighlightedToken(
+                        token=self._normalize_token(o[0]),
+                        class_or_confidence=o[1],
+                    )
+                    for o in output
+                ]
+            )
+        else:
+            return HighlightedTextData(
+                root=[
+                    HighlightedToken(
+                        token=self._normalize_token(o[0]),
+                        class_or_confidence=o[1],
+                    )
+                    for o in value
+                ]
+            )
+
+    def _normalize_token(self, text: str) -> str:
+        """
+        Normalize a token before it is sent to the frontend.
+
+        If show_whitespaces is False, trim leading and trailing whitespace so that
+        tokens are rendered without surrounding spaces. When show_whitespaces is
+        True (the default), preserve the token exactly as provided.
+        """
+        if self.show_whitespaces:
+            return text
+        return text.strip()
diff --git a/gradio/components/html.py b/gradio/components/html.py
new file mode 100644
index 0000000..440361a
--- /dev/null
+++ b/gradio/components/html.py
@@ -0,0 +1,416 @@
+"""gr.HTML() component."""
+
+from __future__ import annotations
+
+import inspect
+import re
+import textwrap
+import warnings
+from collections.abc import Callable, Sequence
+from functools import partial
+from typing import TYPE_CHECKING, Any, Literal, cast
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.components.base import Component, server
+from gradio.components.button import Button
+from gradio.events import EventListener, all_events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+_SCRIPT_TAG_PATTERN = re.compile(r"<script[\s>]", re.IGNORECASE)
+
+
+def _warn_if_script_tag(content: Any) -> None:
+    """Warn if `content` contains a `<script>` tag.
+
+    `gr.HTML` renders its content via the DOM's `innerHTML`, which does not
+    execute `<script>` tags. Users often expect inline or `src` scripts to run,
+    so we surface a warning pointing them at the `head` / `js_on_load` params.
+    """
+    if isinstance(content, str) and _SCRIPT_TAG_PATTERN.search(content):
+        warnings.warn(
+            "A `<script>` tag was found in the content of a `gr.HTML` component. "
+            "Browsers do not execute `<script>` tags inserted via `innerHTML`, "
+            "so this script will not run. Use the `head` parameter to load external "
+            "libraries (e.g. `head='<script src=\"...\"></script>'`); `head` content "
+            "is injected and loaded before `js_on_load` runs. Then, if needed, put code "
+            "that uses those libraries in the `js_on_load` parameter, which executes when "
+            "the component renders. See "
+            "https://gradio.app/guides/custom-HTML-components for details.",
+            UserWarning,
+            stacklevel=2,
+        )
+
+
+@document()
+class HTML(BlockContext, Component):
+    """
+    Creates a component with arbitrary HTML. Can include CSS and JavaScript to create highly customized and interactive components.
+    Example:
+        ```python
+        import gradio as gr
+
+        with gr.Blocks() as demo:
+            basic_html = gr.HTML("<h2>This is a basic HTML component</h2>")
+
+            button_set = gr.HTML(["Option 1", "Option 2", "Option 3"],
+                           html_template="{{#each value}}<button class='option-btn'>{{this}}</button>{{/each}}",
+                           css_template="button { margin: 5px; padding: 10px; }",
+                           js_on_load="element.querySelectorAll('.option-btn').forEach(btn => { btn.addEventListener('click', () => { trigger('click', {option: btn.innerText}); }); });")
+            clicked_option = gr.Textbox(label="Clicked Option")
+            def on_button_click(evt: gr.EventData):
+                return evt.option
+            button_set.click(on_button_click, outputs=clicked_option)
+
+        demo.launch()
+        ```
+    Demos: super_html
+    Guides: custom-HTML-components, custom-CSS-and-JS
+    """
+
+    EVENTS = all_events
+
+    def __init__(
+        self,
+        value: Any | Callable | None = None,
+        *,
+        label: str | I18nData | None = None,
+        html_template: str = "${value}",
+        css_template: str = "",
+        js_on_load: str
+        | None = "element.addEventListener('click', function() { trigger('click') });",
+        apply_default_css: bool = True,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool = False,
+        scale: int | None = None,
+        min_width: int | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        min_height: int | None = None,
+        max_height: int | None = None,
+        container: bool = False,
+        padding: bool = False,
+        autoscroll: bool = False,
+        buttons: list[Button] | None = None,
+        head: str | None = None,
+        server_functions: list[Callable] | None = None,
+        **props: Any,
+    ):
+        """
+        Parameters:
+            value: The HTML content in the ${value} tag in the html_template. For example, if html_template="<p>${value}</p>" and value="Hello, world!", the component will render as `"<p>Hello, world!</p>"`.
+            label: The label for this component. Is used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            html_template: A string representing the HTML template for this component as a JS template string and Handlebars template. The `${value}` tag will be replaced with the `value` parameter, and all other tags will be filled in with the values from `props`. This element can have children when used in a `with gr.HTML(...):` context, and the children will be rendered to replace `@children` substring, which cannot be nested inside any HTML tags.
+            css_template: A string representing the CSS template for this component as a JS template string and Handlebars template. The CSS will be automatically scoped to this component, and rules outside a block will target the component's root element. The `${value}` tag will be replaced with the `value` parameter, and all other tags will be filled in with the values from `props`.
+            js_on_load: A string representing the JavaScript code that will be executed when the component is loaded. The `element` variable refers to the HTML element of this component, and can be used to access children such as `element.querySelector()`. The `trigger` function can be used to trigger events, such as `trigger('click')`. The value and other props can be edited through `props`, e.g. `props.value = "new value"` which will re-render the HTML template. If `server_functions` is provided, a `server` object is also available in `js_on_load`, where each function is accessible as an async method, e.g. `server.list_files(path).then(files => ...)` or `const files = await server.list_files(path)`. The `upload` async function can be used to upload a JavaScript `File` object to the Gradio server, returning a dictionary with `path` (the server-side file path) and `url` (the public URL to access the file), e.g. `const { path, url } = await upload(file)`. The `watch` function can be used to observe prop changes when the component is an output to a Python event listener: `watch('value', () => { ... })` runs the callback after the template re-renders whenever `value` changes, or `watch(['value', 'color'], () => { ... })` to watch multiple props.`.
+            apply_default_css: If True, default Gradio CSS styles will be applied to the HTML component.
+            head: A raw HTML string to inject into the document `<head>` before `js_on_load` runs. Typically used for `<script>` and `<link>` tags to load third-party libraries. Scripts are deduplicated by `src` and links by `href`, so multiple components requiring the same library won't load it twice.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: If True, the label will be displayed. If False, the label will be hidden.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            min_height: The minimum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If HTML content exceeds the height, the component will expand to fit the content.
+            max_height: The maximum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the component will scroll.
+            container: If True, the HTML component will be displayed in a container. Default is False.
+            padding: If True, the HTML component will have a certain padding (set by the `--block-padding` CSS variable) in all directions. Default is False.
+            autoscroll: If True, will automatically scroll to the bottom of the component when the content changes, unless the user has scrolled up. If False, will not scroll to the bottom when the content changes.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+            server_functions: A list of Python functions that can be called from `js_on_load` via the `server` object. For example, if you pass `server_functions=[my_func]`, you can call `server.my_func(arg1, arg2)` in your `js_on_load` code. Each function becomes an async method that sends the call to the Python backend and returns the result.
+            props: Additional keyword arguments to pass into the HTML and CSS templates for rendering.
+        """
+        # Note: `value` is intentionally not checked here; it is checked in
+        # `postprocess`, which Component.__init__ runs on the initial value.
+        _warn_if_script_tag(html_template)
+        self.html_template = html_template
+        self.css_template = css_template
+        self.js_on_load = js_on_load
+        self.apply_default_css = apply_default_css
+        self.head = head
+        self.min_height = min_height
+        self.max_height = max_height
+        self.padding = padding
+        self.autoscroll = autoscroll
+        self.props = props
+        self.component_class_name = self.__class__.__name__
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        Component.__init__(
+            self,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+        if server_functions:
+            for fn in server_functions:
+                decorated = server(fn)
+                fn_name = getattr(fn, "__name__", str(fn))
+                setattr(self, fn_name, decorated)
+                self.server_fns.append(decorated)
+
+    def example_payload(self) -> Any:
+        return "<p>Hello</p>"
+
+    def example_value(self) -> Any:
+        return "<p>Hello</p>"
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: string corresponding to the HTML
+        Returns:
+            (Rarely used) passes the HTML as a `str`.
+        """
+        return payload
+
+    def postprocess(self, value: str | None) -> str | None:
+        """
+        Parameters:
+            value: Expects a `str` consisting of valid HTML.
+        Returns:
+            Returns the HTML string.
+        """
+        _warn_if_script_tag(value)
+        return value
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    @property
+    def skip_api(self):
+        return False
+
+    def get_config(self) -> dict[str, Any]:  # type: ignore[override]
+        if type(self) is not HTML:
+            config = {
+                **super().get_config(),
+                **super().get_config(HTML),
+            }
+        else:
+            config = super().get_config()
+        # For custom HTML components, we use the component_class_name
+        # to identify the component in the frontend when reporting errors.
+        config["component_class_name"] = self.component_class_name
+        return config
+
+    def __getattr__(self, name: str):
+        js = self.__dict__.get("js_on_load") or ""
+        pattern = rf"""(?:['"`]){re.escape(name)}(?:['"`])"""
+        if re.search(pattern, js):
+            trigger = EventListener(event_name=name)
+            return partial(trigger.listener, self)
+        raise AttributeError(
+            f"'{type(self).__name__}' object has no attribute '{name}'. "
+            f"If '{name}' is a custom event, make sure to include '{name}' "
+            f"(enclosed in quotes) in the js_on_load string."
+        )
+
+    def get_block_name(self):
+        return "html"
+
+    def _to_publish_format(
+        self,
+        name: str | None = None,
+        head: str | None = None,
+        description: str = "",
+        author: str = "",
+        tags: list[str] | None = None,
+        repo_url: str | None = None,
+    ) -> dict[str, Any]:
+        """Convert this HTML component to the format expected by the HTML Components Gallery
+        (https://www.gradio.app/custom-components/html-gallery).
+
+        Parameters:
+            name: Display name for the component. Defaults to the class name (for subclasses) or label.
+            description: Short description of what the component does.
+            author: Author name.
+            tags: List of tags for search/filtering.
+            repo_url: URL to the source repo (GitHub or HuggingFace Spaces).
+        Returns:
+            A dictionary matching the HTMLComponentEntry format for the gallery.
+        """
+        if name is None:
+            if type(self) is not HTML:
+                name = re.sub(r"(?<!^)(?=[A-Z])", " ", type(self).__name__)
+            elif self.label:
+                name = str(self.label)
+            else:
+                name = "Untitled Component"
+
+        comp_id = re.sub(r"[^a-z0-9]+", "-", name.lower()).strip("-")
+
+        if type(self) is not HTML:
+            try:
+                python_code = textwrap.dedent(inspect.getsource(type(self)))
+            except (OSError, TypeError):
+                python_code = ""
+        else:
+            python_code = self._generate_constructor_code()
+
+        default_props: dict[str, Any] = {}
+        default_props["value"] = self.value if self.value is not None else ""
+        if self.label is not None:
+            default_props["label"] = str(self.label)
+        default_props.update(self.props)
+
+        result = {
+            "id": comp_id,
+            "name": name,
+            "description": description,
+            "author": author,
+            "tags": tags if tags is not None else [],
+            "html_template": self.html_template,
+            "css_template": self.css_template,
+            "js_on_load": self.js_on_load or "",
+            "default_props": default_props,
+            "python_code": python_code,
+            "head": head or self.head or "",
+        }
+        if repo_url:
+            result["repo_url"] = repo_url
+        return result
+
+    def push_to_hub(
+        self,
+        name: str | None = None,
+        head: str | None = None,
+        description: str = "",
+        author: str = "",
+        tags: list[str] | None = None,
+        repo_url: str | None = None,
+        token: str | None = None,
+    ) -> str:
+        """Push this HTML component to the HTML Components Gallery as a pull request.
+
+        Creates a JSON file in the `components/` directory of the dataset repo
+        and opens a pull request for review.
+
+        Parameters:
+            name: Display name for the component. Defaults to the class name (for subclasses) or label.
+            head: Raw HTML to inject into `<head>` (e.g. external scripts). Only needed if your component expects a `<head>` script to be added by the parent Gradio application.
+            description: Short description of what the component does.
+            author: Author name (e.g. your HuggingFace username).
+            tags: List of tags for search/filtering.
+            category: One of "input", "display", or "form".
+            repo_url: URL to the source repo (GitHub or HuggingFace Spaces).
+            token: HuggingFace token. If None, uses the cached token from `huggingface-cli login`.
+        Returns:
+            The URL of the created pull request.
+        """
+        import json
+
+        from huggingface_hub import CommitOperationAdd, HfApi, hf_hub_download
+
+        data = self._to_publish_format(
+            name=name,
+            head=head or self.head,
+            description=description,
+            author=author,
+            tags=tags,
+            repo_url=repo_url,
+        )
+        comp_id = data["id"]
+        json_bytes = json.dumps(data, indent=2).encode("utf-8")
+
+        # Build manifest entry (lightweight metadata only)
+        manifest_keys = [
+            "id",
+            "name",
+            "description",
+            "author",
+            "tags",
+            "repo_url",
+        ]
+        manifest_entry = {k: data[k] for k in manifest_keys if k in data}
+
+        api = HfApi(token=token)
+
+        # Fetch current manifest and append new entry
+        try:
+            manifest_path = hf_hub_download(
+                repo_id="gradio/custom-html-gallery",
+                repo_type="dataset",
+                filename="manifest.json",
+                token=token,
+            )
+            with open(manifest_path) as f:
+                manifest = json.load(f)
+        except Exception:
+            manifest = []
+
+        # Replace existing entry with same id, or append
+        manifest = [e for e in manifest if e.get("id") != comp_id]
+        manifest.append(manifest_entry)
+        manifest_bytes = json.dumps(manifest, indent=2).encode("utf-8")
+
+        commit = api.create_commit(
+            repo_id="gradio/custom-html-gallery",
+            repo_type="dataset",
+            operations=[
+                CommitOperationAdd(
+                    path_in_repo=f"components/{comp_id}.json",
+                    path_or_fileobj=json_bytes,
+                ),
+                CommitOperationAdd(
+                    path_in_repo="manifest.json",
+                    path_or_fileobj=manifest_bytes,
+                ),
+            ],
+            commit_message=f"Add component: {data['name']}",
+            commit_description=f"**{data['name']}**\n\n{data['description']}\n\nAuthor: @{data['author']}",
+            create_pr=True,
+        )
+        print(f"Pull request created: {commit.pr_url or ''}")
+        return cast(str, commit.pr_url)
+
+    def _generate_constructor_code(self) -> str:
+        """Generate a Python constructor call string for a plain gr.HTML() instance."""
+        lines = ["gr.HTML("]
+        if self.value is not None:
+            lines.append(f"    value={self.value!r},")
+        if self.label is not None:
+            lines.append(f"    label={str(self.label)!r},")
+        lines.append(f'    html_template="""\n{self.html_template}\n    """,')
+        if self.css_template:
+            lines.append(f'    css_template="""\n{self.css_template}\n    """,')
+        if self.js_on_load:
+            lines.append(f'    js_on_load="""\n{self.js_on_load}\n    """,')
+        for k, v in self.props.items():
+            lines.append(f"    {k}={v!r},")
+        lines.append(")")
+        return "\n".join(lines)
diff --git a/gradio/components/image.py b/gradio/components/image.py
new file mode 100644
index 0000000..45639e7
--- /dev/null
+++ b/gradio/components/image.py
@@ -0,0 +1,246 @@
+"""gr.Image() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+import numpy as np
+import PIL.Image
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio import image_utils
+from gradio.components.base import Component, StreamingInput
+from gradio.components.button import Button
+from gradio.components.image_editor import WatermarkOptions, WebcamOptions
+from gradio.data_classes import Base64ImageData, ImageData
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+PIL.Image.init()  # fixes https://github.com/gradio-app/gradio/issues/2843
+
+
+@document()
+class Image(StreamingInput, Component):
+    """
+    Creates an image component that can be used to upload images (as an input) or display images (as an output).
+
+    Demos: sepia_filter, fake_diffusion
+    Guides: streaming-inputs, streaming-outputs
+    """
+
+    EVENTS = [
+        Events.clear,
+        Events.change,
+        Events.stream,
+        Events.select,
+        Events.upload,
+        Events.input,
+    ]
+
+    data_model = ImageData
+    image_mode: (
+        Literal["1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"]
+        | None
+    )
+
+    type: Literal["numpy", "pil", "filepath"]
+
+    def __init__(
+        self,
+        value: str | PIL.Image.Image | np.ndarray | Callable | None = None,
+        *,
+        format: str = "webp",
+        height: int | str | None = None,
+        width: int | str | None = None,
+        image_mode: (
+            Literal[
+                "1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"
+            ]
+            | None
+        ) = "RGB",
+        sources: (
+            list[Literal["upload", "webcam", "clipboard"]]
+            | Literal["upload", "webcam", "clipboard"]
+            | None
+        ) = None,
+        type: Literal["numpy", "pil", "filepath"] = "numpy",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        buttons: list[Literal["download", "share", "fullscreen"] | Button]
+        | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        webcam_options: WebcamOptions | None = None,
+        placeholder: str | None = None,
+        watermark: WatermarkOptions | None = None,
+    ):
+        """
+        Parameters:
+            value: A `PIL.Image`, `numpy.array`, `pathlib.Path`, or `str` filepath or URL for the default value that Image component is going to take. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            format: File format (e.g. "png" or "gif"). Used to save image if it does not already have a valid format (e.g. if the image is being returned to the frontend as a numpy array or PIL Image). The format should be supported by the PIL library. Applies both when this component is used as an input or output. This parameter has no effect on SVG files.
+            height: The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed image file or numpy array, but will affect the displayed image.
+            width: The width of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed image file or numpy array, but will affect the displayed image.
+            image_mode: The pixel format and color depth that the image should be loaded and preprocessed as. "RGB" will load the image as a color image, or "L" as black-and-white. See https://pillow.readthedocs.io/en/stable/handbook/concepts.html for other supported image modes and their meaning. This parameter has no effect on SVG or GIF files. If set to None, the image_mode will be inferred from the image file type (e.g. "RGBA" for a .png image, "RGB" in most other cases).
+            sources: List of sources for the image. "upload" creates a box where user can drop an image file, "webcam" allows user to take snapshot from their webcam, "clipboard" allows users to paste an image from the clipboard. If None, defaults to ["upload", "webcam", "clipboard"] if streaming is False, otherwise defaults to ["webcam"].
+            type: The format the image is converted before being passed into the prediction function. "numpy" converts the image to a numpy array with shape (height, width, 3) and values from 0 to 255, "pil" converts the image to a PIL image object, "filepath" passes a str path to a temporary file containing the image. To support animated GIFs in input, the `type` should be set to "filepath" or "pil". To support SVGs, the `type` should be set to "filepath".
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            buttons: A list of buttons to show in the corner of the component. Valid options are "download", "share", "fullscreen", or a gr.Button() instance. The "download" button allows the user to download the image. The "share" button allows the user to share to Hugging Face Spaces Discussions. The "fullscreen" button allows the user to view in fullscreen mode. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. by default, all of the built-in buttons are shown.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will allow users to upload and edit an image; if False, can only be used to display images. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            streaming: If True when used in a `live` interface, will automatically stream webcam feed. Only valid is source is 'webcam'. If the component is an output component, will automatically convert images to base64.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            placeholder: Custom text for the upload area. Overrides default upload messages when provided. Accepts new lines and `#` to designate a heading.
+            watermark: If provided and this component is used to display a `value` image, the `watermark` image will be displayed on the bottom right of the `value` image, 10 pixels from the bottom and 10 pixels from the right. The watermark image will not be resized. Supports `PIL.Image`, `numpy.array`, `pathlib.Path`, and `str` filepaths. SVGs and GIFs are not supported as `watermark` images nor can they be watermarked.
+        """
+        self.format = format
+
+        self.webcam_options = (
+            webcam_options if webcam_options is not None else WebcamOptions()
+        )
+
+        self.watermark = (
+            watermark if isinstance(watermark, WatermarkOptions) else WatermarkOptions()
+        )
+
+        if isinstance(watermark, (str, Path, PIL.Image.Image, np.ndarray)):
+            self.watermark.watermark = watermark
+
+        valid_types = ["numpy", "pil", "filepath"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        self.type = type
+        self.height = height
+        self.width = width
+        self.image_mode = image_mode
+        valid_sources = ["upload", "webcam", "clipboard"]
+        if sources is None:
+            self.sources = (
+                ["webcam"] if streaming else ["upload", "webcam", "clipboard"]
+            )
+        elif isinstance(sources, str):
+            self.sources = [sources]  # type: ignore
+        else:
+            self.sources = sources
+        for source in self.sources:  # type: ignore
+            if source not in valid_sources:
+                raise ValueError(
+                    f"`sources` must a list consisting of elements in {valid_sources}"
+                )
+        self.streaming = streaming
+        self.buttons = set_default_buttons(buttons, ["download", "share", "fullscreen"])
+        if streaming and self.sources != ["webcam"]:
+            raise ValueError(
+                "Image streaming only available if sources is ['webcam']. Streaming not supported with multiple sources."
+            )
+        self.placeholder = placeholder
+
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self._value_description = (
+            "a filepath to an image"
+            if self.type == "filepath"
+            else (
+                "a numpy array representing an image"
+                if self.type == "numpy"
+                else "a PIL Image"
+            )
+        )
+
+    def preprocess(
+        self, payload: ImageData | None
+    ) -> np.ndarray | PIL.Image.Image | str | None:
+        """
+        Parameters:
+            payload: image data in the form of a FileData object
+        Returns:
+            Passes the uploaded image as a `numpy.array`, `PIL.Image` or `str` filepath depending on `type`.
+        """
+        return image_utils.preprocess_image(
+            payload,
+            cache_dir=self.GRADIO_CACHE,
+            format=self.format,
+            image_mode=self.image_mode,
+            type=self.type,
+        )
+
+    def postprocess(
+        self, value: np.ndarray | PIL.Image.Image | str | Path | None
+    ) -> ImageData | Base64ImageData | None:
+        """
+        Parameters:
+            value: Expects a `numpy.array`, `PIL.Image`, or `str` or `pathlib.Path` filepath to an image which is displayed.
+        Returns:
+            Returns the image as a `FileData` object.
+        """
+        return image_utils.postprocess_image(
+            value,
+            watermark=self.watermark,
+            cache_dir=self.GRADIO_CACHE,
+            format=self.format,
+        )
+
+    def api_info_as_output(self) -> dict[str, Any]:
+        if self.streaming == "base64":
+            schema = Base64ImageData.model_json_schema()
+            schema.pop("description", None)
+            return schema
+        return self.api_info()
+
+    def check_streamable(self):
+        if self.streaming and self.sources != ["webcam"]:
+            raise ValueError(
+                "Image streaming only available if sources is ['webcam']. Streaming not supported with multiple sources."
+            )
+
+    def example_payload(self) -> Any:
+        return handle_file(
+            "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+        )
+
+    def example_value(self) -> Any:
+        return "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
diff --git a/gradio/components/image_editor.py b/gradio/components/image_editor.py
new file mode 100644
index 0000000..035a874
--- /dev/null
+++ b/gradio/components/image_editor.py
@@ -0,0 +1,553 @@
+r"""gr.ImageEditor() component."""
+
+from __future__ import annotations
+
+import dataclasses
+import warnings
+from collections.abc import Iterable, Sequence
+from io import BytesIO
+from pathlib import Path
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+    Union,
+    cast,
+)
+
+import numpy as np
+import PIL.Image
+from gradio_client import handle_file
+from gradio_client.documentation import document
+from typing_extensions import TypedDict
+
+from gradio import image_utils
+from gradio.components.base import Component, server
+from gradio.data_classes import FileData, GradioModel
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+ImageType = Union[np.ndarray, PIL.Image.Image, str]
+
+
+class EditorValue(TypedDict):
+    background: ImageType | None
+    layers: list[ImageType]
+    composite: ImageType | None
+
+
+class EditorExampleValue(TypedDict):
+    background: str | None
+    layers: list[Union[str, None]] | None
+    composite: str | None
+
+
+class EditorData(GradioModel):
+    background: FileData | None = None
+    layers: list[FileData] = []
+    composite: FileData | None = None
+    id: str | None = None
+
+
+class EditorDataBlobs(GradioModel):
+    background: bytes | None
+    layers: list[Union[bytes, None]]
+    composite: bytes | None
+
+
+class BlobData(TypedDict):
+    type: str
+    index: int | None
+    file: bytes
+    id: str
+
+
+class AcceptBlobs(GradioModel):
+    data: BlobData
+    files: list[tuple[str, bytes]]
+
+
+@document()
+@dataclasses.dataclass
+class Eraser:
+    """
+    A dataclass for specifying options for the eraser tool in the ImageEditor component. An instance of this class can be passed to the `eraser` parameter of `gr.ImageEditor`.
+    Parameters:
+        default_size: The default radius, in pixels, of the eraser tool. Defaults to "auto" in which case the radius is automatically determined based on the size of the image (generally 1/50th of smaller dimension).
+    """
+
+    default_size: int | Literal["auto"] = "auto"
+
+
+@document()
+@dataclasses.dataclass
+class Brush(Eraser):
+    """
+    A dataclass for specifying options for the brush tool in the ImageEditor component. An instance of this class can be passed to the `brush` parameter of `gr.ImageEditor`.
+    Parameters:
+        default_size: The default radius, in pixels, of the brush tool. Defaults to "auto" in which case the radius is automatically determined based on the size of the image (generally 1/50th of smaller dimension).
+        colors: A list of colors to make available to the user when using the brush. Defaults to a list of 5 colors.
+        default_color: The default color of the brush. Defaults to the first color in the `colors` list.
+        color_mode: If set to "fixed", user can only select from among the colors in `colors`. If "defaults", the colors in `colors` are provided as a default palette, but the user can also select any color using a color picker.
+    """
+
+    colors: list[str | tuple[str, float]] | str | tuple[str, float] | None = None
+    default_color: str | tuple[str, float] | None = None
+    color_mode: Literal["fixed", "defaults"] = "defaults"
+
+    def __post_init__(self):
+        if self.colors is None:
+            self.colors = [
+                "rgb(204, 50, 50)",
+                "rgb(173, 204, 50)",
+                "rgb(50, 204, 112)",
+                "rgb(50, 112, 204)",
+                "rgb(173, 50, 204)",
+            ]
+        if self.default_color is None:
+            self.default_color = (
+                self.colors[0] if isinstance(self.colors, list) else self.colors
+            )
+
+
+@document()
+@dataclasses.dataclass
+class LayerOptions:
+    """
+    A dataclass for specifying options for the layer tool in the ImageEditor component. An instance of this class can be passed to the `layers` parameter of `gr.ImageEditor`.
+    Parameters:
+        allow_additional_layers: If True, users can add additional layers to the image. If False, the add layer button will not be shown.
+        layers: A list of layers to make available to the user when using the layer tool. One layer must be provided, if the length of the list is 0 then a layer will be generated automatically.
+    """
+
+    allow_additional_layers: bool = True
+    layers: list[str] | None = None
+    disabled: bool = False
+
+    def __post_init__(self):
+        if self.layers is None or len(self.layers) == 0:
+            self.layers = ["Layer 1"]
+
+
+@document()
+@dataclasses.dataclass
+class WebcamOptions:
+    """
+    A dataclass for specifying options for the webcam tool in the ImageEditor component. An instance of this class can be passed to the `webcam_options` parameter of `gr.ImageEditor`.
+    Parameters:
+        mirror: If True, the webcam will be mirrored.
+        constraints: A dictionary of constraints for the webcam.
+    """
+
+    mirror: bool = True
+    constraints: dict[str, Any] | None = None
+
+
+@document()
+@dataclasses.dataclass
+class WatermarkOptions:
+    """
+    A dataclass for specifying options for the watermark tool in the ImageEditor component.
+
+    Parameters:
+        watermark: str, Path, PIL.Image.Image, np.ndarray to use as the watermark
+        position: (x,y) coordinates as tuple[int, int] or string position ('top-left', 'top-right', 'bottom-left', 'bottom-right'). Default is 'bottom-right'.
+    """
+
+    watermark: Union[str, Path, PIL.Image.Image, np.ndarray, None] = None
+    position: Union[
+        tuple[int, int],
+        Literal[
+            "top-left",
+            "top-right",
+            "bottom-left",
+            "bottom-right",
+        ],
+    ] = "bottom-right"
+
+    def __post_init__(self):
+        # Validate watermark input
+        if self.watermark is not None and not isinstance(
+            self.watermark, (str, Path, PIL.Image.Image, np.ndarray)
+        ):
+            raise ValueError(
+                "Watermark must be a string path, Path, PIL Image, numpy array, or None"
+            )
+
+        if isinstance(self.position, str):
+            valid_positions = {
+                "top-left",
+                "top-right",
+                "bottom-left",
+                "bottom-right",
+            }
+            if self.position not in valid_positions:
+                raise ValueError(f"String position must be one of: {valid_positions}")
+        elif isinstance(self.position, tuple):
+            if len(self.position) != 2:
+                raise ValueError("Position tuple must have exactly 2 values (x,y)")
+            if not all(isinstance(x, int) for x in self.position):
+                raise ValueError("Position coordinates must be integers")
+
+
+@document()
+class ImageEditor(Component):
+    """
+    Creates an image component that, as an input, can be used to upload and edit images using simple editing tools such
+    as brushes, strokes, cropping, and layers. Or, as an output, this component can be used to display images.
+
+    Demos: image_editor
+    """
+
+    EVENTS = [
+        Events.clear,
+        Events.change,
+        Events.input,
+        Events.select,
+        Events.upload,
+        Events.apply,
+    ]
+
+    data_model = EditorData
+
+    def __init__(
+        self,
+        value: EditorValue | ImageType | None = None,
+        *,
+        height: int | str | None = None,
+        width: int | str | None = None,
+        image_mode: Literal[
+            "1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"
+        ] = "RGBA",
+        sources: (
+            Iterable[Literal["upload", "webcam", "clipboard"]]
+            | Literal["upload", "webcam", "clipboard"]
+            | None
+        ) = (
+            "upload",
+            "webcam",
+            "clipboard",
+        ),
+        type: Literal["numpy", "pil", "filepath"] = "numpy",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        buttons: list[Literal["download", "share", "fullscreen"]] | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        placeholder: str | None = None,
+        _selectable: bool = False,
+        transforms: Iterable[Literal["crop", "resize"]] | None = ("crop", "resize"),
+        eraser: Eraser | None | Literal[False] = None,
+        brush: Brush | None | Literal[False] = None,
+        format: str = "webp",
+        layers: bool | LayerOptions = True,
+        canvas_size: tuple[int, int] = (800, 800),
+        fixed_canvas: bool = False,
+        webcam_options: WebcamOptions | None = None,
+    ):
+        """
+        Parameters:
+            value: Optional initial image(s) to populate the image editor. Should be a dictionary with keys: `background`, `layers`, and `composite`. The values corresponding to `background` and `composite` should be images or None, while `layers` should be a list of images. Images can be of type PIL.Image, np.array, or str filepath/URL. Or, the value can be a callable, in which case the function will be called whenever the app loads to set the initial value of the component.
+            height: The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed image files or numpy arrays, but will affect the displayed images. Beware of conflicting values with the canvas_size parameter. If the canvas_size is larger than the height, the editing canvas will not fit in the component.
+            width: The width of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed image files or numpy arrays, but will affect the displayed images. Beware of conflicting values with the canvas_size parameter. If the canvas_size is larger than the height, the editing canvas will not fit in the component.
+            image_mode: "RGB" if color, or "L" if black and white. See https://pillow.readthedocs.io/en/stable/handbook/concepts.html for other supported image modes and their meaning.
+            sources: List of sources that can be used to set the background image. "upload" creates a box where user can drop an image file, "webcam" allows user to take snapshot from their webcam, "clipboard" allows users to paste an image from the clipboard.
+            type: The format the images are converted to before being passed into the prediction function. "numpy" converts the images to numpy arrays with shape (height, width, 3) and values from 0 to 255, "pil" converts the images to PIL image objects, "filepath" passes images as str filepaths to temporary copies of the images.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            buttons: A list of buttons to show in the corner of the component. Valid options are "download" to download the image, "share" to share to Hugging Face Spaces Discussions, and "fullscreen" to view in fullscreen mode. By default, all buttons are shown.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will allow users to upload and edit an image; if False, can only be used to display images. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            placeholder: Custom text for the upload area. Overrides default upload messages when provided. Accepts new lines and `#` to designate a heading.
+            transforms: The transforms tools to make available to users. "crop" allows the user to crop the image.
+            eraser: The options for the eraser tool in the image editor. Should be an instance of the `gr.Eraser` class, or None to use the default settings. Can also be False to hide the eraser tool. [See `gr.Eraser` docs](#eraser).
+            brush: The options for the brush tool in the image editor. Should be an instance of the `gr.Brush` class, or None to use the default settings. Can also be False to hide the brush tool, which will also hide the eraser tool. [See `gr.Brush` docs](#brush).
+            format: Format to save image if it does not already have a valid format (e.g. if the image is being returned to the frontend as a numpy array or PIL Image).  The format should be supported by the PIL library. This parameter has no effect on SVG files.
+            layers: The options for the layer tool in the image editor. Can be a boolean     or an instance of the `gr.LayerOptions` class. If True, will allow users to add layers to the image. If False, the layers option will be hidden. If an instance of `gr.LayerOptions`, it will be used to configure the layer tool. [See `gr.LayerOptions` docs](#layer-options).
+            canvas_size: The initial size of the canvas in pixels. The first value is the width and the second value is the height. If `fixed_canvas` is `True`, uploaded images will be rescaled to fit the canvas size while preserving the aspect ratio. Otherwise, the canvas size will change to match the size of an uploaded image.
+            fixed_canvas: If True, the canvas size will not change based on the size of the background image and the image will be rescaled to fit (while preserving the aspect ratio) and placed in the center of the canvas.
+            webcam_options: The options for the webcam tool in the image editor. Can be an instance of the `gr.WebcamOptions` class, or None to use the default settings. [See `gr.WebcamOptions` docs](#webcam-options).
+        """
+        self._selectable = _selectable
+
+        self.webcam_options = (
+            webcam_options if webcam_options is not None else WebcamOptions()
+        )
+        valid_types = ["numpy", "pil", "filepath"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        self.type = type
+        self.height = height
+        self.width = width
+        self.image_mode = image_mode
+        valid_sources = ["upload", "webcam", "clipboard"]
+        if isinstance(sources, str):
+            sources = [sources]  # type: ignore
+        if sources is not None:
+            for source in sources:
+                if source not in valid_sources:
+                    raise ValueError(
+                        f"`sources` must be a list consisting of elements in {valid_sources}"
+                    )
+            self.sources = sources
+        else:
+            self.sources = []
+
+        self.buttons = buttons
+
+        self.transforms = transforms
+        self.eraser = Eraser() if eraser is None else eraser
+        self.brush = Brush() if brush is None else brush
+        self.blob_storage: dict[str, EditorDataBlobs] = {}
+        self.format = format
+        self.layers = (
+            LayerOptions()
+            if layers is True
+            else LayerOptions(disabled=True)
+            if layers is False
+            else layers
+        )
+        self.canvas_size = canvas_size
+        self.fixed_canvas = fixed_canvas
+        self.placeholder = placeholder
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self._value_description = f"a dictionary with structure {{'background': image, 'layers': list of images, 'composite': image}} where each image is {'a filepath' if self.type == 'filepath' else 'a numpy array' if self.type == 'numpy' else 'a PIL Image object'}."
+
+    def convert_and_format_image(
+        self,
+        file: FileData | None | bytes,
+    ) -> np.ndarray | PIL.Image.Image | str | None:
+        if file is None:
+            return None
+        im = (
+            PIL.Image.open(file.path)
+            if isinstance(file, FileData)
+            else PIL.Image.open(BytesIO(file))
+        )
+        if isinstance(file, (bytes, bytearray, memoryview)):
+            name = "image"
+            suffix = self.format
+        elif file.orig_name:
+            p = Path(file.orig_name)
+            name = p.stem
+            suffix = p.suffix.replace(".", "")
+            if suffix in ["jpg", "jpeg"]:
+                suffix = "jpeg"
+        else:
+            name = "image"
+            suffix = self.format
+        with warnings.catch_warnings():
+            warnings.simplefilter("ignore")
+            im = im.convert(self.image_mode)
+        return image_utils.format_image(
+            im,
+            cast(Literal["numpy", "pil", "filepath"], self.type),
+            self.GRADIO_CACHE,
+            format=suffix,
+            name=name,
+        )
+
+    def preprocess(self, payload: EditorData | None) -> EditorValue | None:
+        """
+        Parameters:
+            payload: An instance of `EditorData` consisting of the background image, layers, and composite image.
+        Returns:
+            Passes the uploaded images as an instance of EditorValue, which is just a `dict` with keys: 'background', 'layers', and 'composite'.
+            - The values corresponding to 'background' and 'composite' are images
+            - the value corresponding to  'layers' is a `list` of images.
+            Depending on the `type` parameter, the images are of type:
+            - `PIL.Image`
+            - `np.array`
+            - `str` filepath.
+        """
+        if payload is None:
+            return payload
+
+        if payload.id is not None:
+            cached = self.blob_storage.get(payload.id)
+            _payload = (
+                EditorDataBlobs(
+                    background=cached.background,
+                    layers=cached.layers,
+                    composite=cached.composite,
+                )
+                if cached
+                else None
+            )
+        else:
+            _payload = payload
+
+        bg = None
+        layers = None
+        composite = None
+
+        if _payload is not None:
+            bg = self.convert_and_format_image(_payload.background)
+            layers = (
+                [self.convert_and_format_image(layer) for layer in _payload.layers]
+                if _payload.layers
+                else None
+            )
+            composite = self.convert_and_format_image(_payload.composite)
+
+        if payload.id is not None and payload.id in self.blob_storage:
+            self.blob_storage.pop(payload.id)
+
+        return {
+            "background": bg,
+            "layers": [x for x in layers if x is not None] if layers else [],
+            "composite": composite,
+        }
+
+    def postprocess(self, value: EditorValue | ImageType | None) -> EditorData | None:
+        """
+        Parameters:
+            value: Expects a EditorValue, which is just a dictionary with keys: 'background', 'layers', and 'composite'.
+                - The values corresponding to 'background' and 'composite' should be images or None
+                - the value corresponding to `layers` should be a list of images.
+                Images can be of type:
+                - `PIL.Image`
+                - `np.array`
+                - `str` filepath/URL
+            Or, the value can be simply a single image (`ImageType`), in which case it will be used as the background.
+        Returns:
+            An instance of `EditorData` consisting of the background image, layers, and composite image.
+        """
+        if value is None:
+            return None
+        elif isinstance(value, dict):
+            pass
+        elif isinstance(value, (np.ndarray, PIL.Image.Image, str)):
+            value = {"background": value, "layers": [], "composite": value}
+        else:
+            raise ValueError(
+                "The value to `gr.ImageEditor` must be a dictionary of images or a single image."
+            )
+
+        layers = (
+            [
+                FileData(
+                    path=image_utils.save_image(
+                        cast(Union[np.ndarray, PIL.Image.Image, str], layer),
+                        self.GRADIO_CACHE,
+                        format=self.format,
+                    )
+                )
+                for layer in value["layers"]
+            ]
+            if value["layers"]
+            else []
+        )
+
+        return EditorData(
+            background=(
+                FileData(
+                    path=image_utils.save_image(
+                        value["background"], self.GRADIO_CACHE, format=self.format
+                    )
+                )
+                if value["background"] is not None
+                else None
+            ),
+            layers=layers,
+            composite=(
+                FileData(
+                    path=image_utils.save_image(
+                        cast(
+                            Union[np.ndarray, PIL.Image.Image, str], value["composite"]
+                        ),
+                        self.GRADIO_CACHE,
+                        format=self.format,
+                    )
+                )
+                if value["composite"] is not None
+                else None
+            ),
+        )
+
+    def example_payload(self) -> Any:
+        return {
+            "background": handle_file(
+                "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+            ),
+            "layers": [],
+            "composite": None,
+        }
+
+    def example_value(self) -> Any:
+        return {
+            "background": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+            "layers": [],
+            "composite": None,
+        }
+
+    @server
+    def accept_blobs(self, data: AcceptBlobs):
+        """
+        Accepts a dictionary of image blobs, where the keys are 'background', 'layers', and 'composite', and the values are binary file-like objects.
+        """
+
+        type = data.data["type"]
+        index = (
+            int(data.data["index"])
+            if data.data["index"] and data.data["index"] != "null"
+            else None
+        )
+        file = data.files[0][1]
+        id = data.data["id"]
+
+        current = self.blob_storage.get(
+            id, EditorDataBlobs(background=None, layers=[], composite=None)
+        )
+
+        if type == "layer" and index is not None:
+            if index >= len(current.layers):
+                current.layers.extend([None] * (index + 1 - len(current.layers)))
+            current.layers[index] = file
+        elif type == "background":
+            current.background = file
+        elif type == "composite":
+            current.composite = file
+
+        self.blob_storage[id] = current
diff --git a/gradio/components/imageslider.py b/gradio/components/imageslider.py
new file mode 100644
index 0000000..cae0740
--- /dev/null
+++ b/gradio/components/imageslider.py
@@ -0,0 +1,232 @@
+"""gr.ImageSlider() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+import numpy as np
+import PIL.Image
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio import image_utils
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import GradioRootModel, ImageData
+from gradio.events import Events
+from gradio.utils import set_default_buttons
+
+
+class SliderData(GradioRootModel):
+    root: tuple[ImageData | None, ImageData | None] | None
+
+
+image_tuple = tuple[
+    str | PIL.Image.Image | np.ndarray | None, str | PIL.Image.Image | np.ndarray | None
+]
+
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+PIL.Image.init()  # fixes https://github.com/gradio-app/gradio/issues/2843
+
+
+@document()
+class ImageSlider(Component):
+    """
+    Creates an image component that can be used to upload images (as an input) or display images (as an output).
+
+    Demos: imageslider
+    """
+
+    EVENTS = [
+        Events.clear,
+        Events.change,
+        Events.stream,
+        Events.select,
+        Events.upload,
+        Events.input,
+    ]
+
+    data_model = SliderData
+    image_mode: (
+        Literal["1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"]
+        | None
+    )
+    type: Literal["numpy", "pil", "filepath"]
+
+    def __init__(
+        self,
+        value: image_tuple | Callable | None = None,
+        *,
+        format: str = "webp",
+        height: int | str | None = None,
+        width: int | str | None = None,
+        image_mode: (
+            Literal[
+                "1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"
+            ]
+            | None
+        ) = "RGB",
+        type: Literal["numpy", "pil", "filepath"] = "numpy",
+        label: str | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        buttons: list[Literal["download", "fullscreen"] | Button] | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        slider_position: float = 50,
+        max_height: int = 500,
+    ):
+        """
+        Parameters:
+            value: A tuple of PIL Image, numpy array, path or URL for the default value that ImageSlider component is going to take, this pair of images should be of equal size. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            format: File format (e.g. "png" or "gif"). Used to save image if it does not already have a valid format (e.g. if the image is being returned to the frontend as a numpy array or PIL Image). The format should be supported by the PIL library. Applies both when this component is used as an input or output. This parameter has no effect on SVG files.
+            height: The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed tuple of image file or numpy array, but will affect the displayed image.
+            width: The width of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed tuple of image file or numpy array, but will affect the displayed image.
+            image_mode: The pixel format and color depth that the image should be loaded and preprocessed as. "RGB" will load the image as a color image, or "L" as black-and-white. See https://pillow.readthedocs.io/en/stable/handbook/concepts.html for other supported image modes and their meaning. This parameter has no effect on SVG or GIF files. If set to None, the image_mode will be inferred from the image file types (e.g. "RGBA" for a .png image, "RGB" in most other cases).
+            type: The format the images are converted to before being passed into the prediction function. "numpy" converts the images to numpy arrays with shape (height, width, 3) and values from 0 to 255, "pil" converts the images to PIL image objects, "filepath" passes str paths to temporary files containing the images. To support animated GIFs in input, the `type` should be set to "filepath" or "pil". To support SVGs, the `type` should be set to "filepath".
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            buttons: A list of buttons to show in the top right corner of the component. Valid options are "download", "fullscreen", or a gr.Button() instance. The "download" button allows the user to download the image. The "fullscreen" button allows the user to view the image in fullscreen mode. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. by default, all of the built-in buttons are shown.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will allow users to upload and edit an image; if False, can only be used to display images. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            slider_position: The position of the slider as a percentage of the width of the image, between 0 and 100.
+            max_height: The maximum height of the image.
+        """
+        self.format = format
+        self.slider_position = slider_position
+        self.max_height = max_height
+        valid_types = ["numpy", "pil", "filepath"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        self.type = type
+        self.height = height
+        self.width = width
+        self.image_mode = image_mode
+        self.buttons = set_default_buttons(buttons, ["download", "fullscreen"])
+
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self._value_description = (
+            "a tuple of filepaths to images"
+            if self.type == "filepath"
+            else (
+                "a tuple of numpy arrays representing images"
+                if self.type == "numpy"
+                else "a tuple of PIL Images"
+            )
+        )
+
+    def preprocess(self, payload: SliderData | None) -> image_tuple | None:
+        """
+        Parameters:
+            payload: image data in the form of a SliderData object
+        Returns:
+            Passes the uploaded image as a tuple of `numpy.array`, `PIL.Image` or `str` filepath depending on `type`.
+        """
+        if payload is None:
+            return None
+        if payload.root is None:
+            raise ValueError("Payload is None.")
+        return (
+            image_utils.preprocess_image(
+                payload.root[0],
+                cache_dir=self.GRADIO_CACHE,
+                format=self.format,
+                image_mode=self.image_mode,
+                type=self.type,
+            ),
+            image_utils.preprocess_image(
+                payload.root[1],
+                cache_dir=self.GRADIO_CACHE,
+                format=self.format,
+                image_mode=self.image_mode,
+                type=self.type,
+            ),
+        )
+
+    def postprocess(
+        self,
+        value: tuple[
+            np.ndarray | PIL.Image.Image | str | Path | None,
+            np.ndarray | PIL.Image.Image | str | Path | None,
+        ]
+        | None,
+    ) -> SliderData | None:
+        """
+        Parameters:
+            value: Expects a tuple of `numpy.array`, `PIL.Image`, or `str` or `pathlib.Path` filepath to an image which is displayed.
+        Returns:
+            Returns the image as a `SliderData` object.
+        """
+        if value is None:
+            return None
+        return SliderData(
+            root=(
+                image_utils.postprocess_image(
+                    value[0], cache_dir=self.GRADIO_CACHE, format=self.format
+                ),
+                image_utils.postprocess_image(
+                    value[1], cache_dir=self.GRADIO_CACHE, format=self.format
+                ),
+            )
+        )
+
+    def api_info_as_output(self) -> dict[str, Any]:
+        return self.api_info()
+
+    def example_payload(self) -> Any:
+        return (
+            handle_file(
+                "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+            ),
+            handle_file(
+                "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+            ),
+        )
+
+    def example_value(self) -> Any:
+        return (
+            "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+            "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+        )
diff --git a/gradio/components/json_component.py b/gradio/components/json_component.py
new file mode 100644
index 0000000..e13dacd
--- /dev/null
+++ b/gradio/components/json_component.py
@@ -0,0 +1,180 @@
+"""gr.JSON() component."""
+
+from __future__ import annotations
+
+import warnings
+from collections.abc import Callable, Sequence
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+)
+
+import orjson
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import JsonData
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import parse_escaped_json, set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class JSON(Component):
+    """
+    Used to display arbitrary JSON output prettily. As this component does not accept user input, it is rarely used as an input component.
+
+    Demos: zip_to_json, blocks_xray
+    """
+
+    EVENTS = [Events.change]
+
+    def __init__(
+        self,
+        value: str | dict | list | Callable | None = None,
+        *,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        open: bool = False,
+        show_indices: bool = False,
+        height: int | str | None = None,
+        max_height: int | str | None = 500,
+        min_height: int | str | None = None,
+        buttons: list[Literal["copy"] | Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: Default value as a valid JSON `str` -- or a `list` or `dict` that can be serialized to a JSON string. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            open: If True, all JSON nodes will be expanded when rendered. By default, node levels deeper than 3 are collapsed.
+            show_indices: Whether to show numerical indices when displaying the elements of a list within the JSON object.
+            height: Height of the JSON component in pixels if a number is passed, or in CSS units if a string is passed. Overflow will be scrollable. If None, the height will be automatically adjusted to fit the content.
+            buttons: A list of buttons to show for the component. Valid options are "copy" or a gr.Button() instance. The "copy" button allows users to copy the JSON to the clipboard. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, the copy button is shown.
+        """
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+
+        self.show_indices = show_indices
+        self.open = open
+        self.height = height
+        self.max_height = max_height
+        self.min_height = min_height
+        self.buttons = set_default_buttons(buttons, ["copy"])
+
+    def preprocess(self, payload: dict | list | None) -> dict | list | None:
+        """
+        Parameters:
+            payload: JSON value as a `dict` or `list`
+        Returns:
+            Passes the JSON value as a `dict` or `list` depending on the value.
+        """
+        return payload
+
+    def postprocess(self, value: dict | list | str | None) -> JsonData | None:
+        """
+        Parameters:
+            value: Expects a valid JSON `str` -- or a `list` or `dict` that can be serialized to a JSON string. The `list` or `dict` value can contain numpy arrays.
+        Returns:
+            Returns the JSON as a `list` or `dict`.
+        """
+
+        def default_json(o):
+            """
+            Check if the string representation of the object is already a valid JSON string. If it is,
+            parse it as JSON without the need to double quote it as string.
+            """
+            try:
+                return orjson.loads(str(o))
+            except orjson.JSONDecodeError:
+                return str(o)
+
+        if value is None:
+            return None
+
+        if not isinstance(value, (str, dict, list, Callable)):
+            warnings.warn(
+                f"JSON component received unexpected type {type(value)}. "
+                "Expected a string (including a valid JSON string), dict, list, or Callable.",
+                UserWarning,
+            )
+
+        if isinstance(value, str):
+            try:
+                return JsonData(root=orjson.loads(value))
+            except orjson.JSONDecodeError as e:
+                raise Error(f"Invalid JSON string: {e}") from e
+        else:
+            # Use orjson to convert NumPy arrays and datetime objects to JSON.
+            # This ensures a backward compatibility with the previous behavior.
+            # See https://github.com/gradio-app/gradio/pull/8041
+            return JsonData(
+                root=orjson.loads(
+                    orjson.dumps(
+                        value,
+                        option=orjson.OPT_SERIALIZE_NUMPY
+                        | orjson.OPT_PASSTHROUGH_DATETIME,
+                        default=default_json,
+                    )
+                )
+            )
+
+    def example_payload(self) -> Any:
+        return {"foo": "bar"}
+
+    def example_value(self) -> Any:
+        return {"foo": "bar"}
+
+    def read_from_flag(self, payload: Any):
+        return parse_escaped_json(payload)
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": {}, "description": "any valid json"}
+
+    def as_example(self, value) -> Any:
+        val = self.postprocess(value)
+        if val:
+            val = val.model_dump()
+        return val
diff --git a/gradio/components/label.py b/gradio/components/label.py
new file mode 100644
index 0000000..dfc08e1
--- /dev/null
+++ b/gradio/components/label.py
@@ -0,0 +1,176 @@
+"""gr.Label() component."""
+
+from __future__ import annotations
+
+import json
+import operator
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal, Union
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import GradioModel
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class LabelConfidence(GradioModel):
+    label: Union[str, int, float] | None = None
+    confidence: float | None = None
+
+
+class LabelData(GradioModel):
+    label: Union[str, int, float] | None = None
+    confidences: list[LabelConfidence] | None = None
+
+
+@document()
+class Label(Component):
+    """
+    Displays a classification label, along with confidence scores of top categories, if provided. As this component does not
+    accept user input, it is rarely used as an input component.
+
+    Guides: image-classification-in-pytorch, image-classification-in-tensorflow, image-classification-with-vision-transformers
+    """
+
+    CONFIDENCES_KEY = "confidences"
+    data_model = LabelData
+    EVENTS = [Events.change, Events.select]
+
+    def __init__(
+        self,
+        value: dict[str, float] | str | float | Callable | None = None,
+        *,
+        num_top_classes: int | None = None,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        color: str | None = None,
+        show_heading: bool = True,
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: Default value to show in the component. If a str or number is provided, simply displays the string or number. If a {Dict[str, float]} of classes and confidences is provided, displays the top class on top and the `num_top_classes` below, along with their confidence bars. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            num_top_classes: number of most confident classes to show.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            color: The background color of the label (either a valid css color name or hexadecimal string).
+            show_heading: If False, the heading will not be displayed if a dictionary of labels and confidences is provided. The heading will still be visible if the value is a string or number.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.num_top_classes = num_top_classes
+        self.color = color
+        self.show_heading = show_heading
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+        self._value_description = "a dictionary mapping string categories to float values that represent confidence from 0 - 1."
+
+    def preprocess(
+        self, payload: LabelData | None
+    ) -> dict[str, float] | str | int | float | None:
+        """
+        Parameters:
+            payload: An instance of `LabelData` containing the label and confidences.
+        Returns:
+            Depending on the value, passes the label as a `str | int | float`, or the labels and confidences as a `dict[str, float]`.
+        """
+        if payload is None:
+            return None
+        if payload.confidences is None:
+            return payload.label
+        return {
+            d["label"]: d["confidence"] for d in payload.model_dump()["confidences"]
+        }
+
+    def postprocess(
+        self, value: dict[str | float, float] | str | int | float | None
+    ) -> LabelData | dict | None:
+        """
+        Parameters:
+            value: Expects a `dict[str, float]` of classes and confidences, or `str` with just the class or an `int | float` for regression outputs, or a `str` path to a .json file containing a json dictionary in one of the preceding formats.
+        Returns:
+            Returns a `LabelData` object with the label and confidences, or a `dict` of the same format, or a `str` or `int` or `float` if the input was a single label.
+        """
+        if value is None or value == {}:
+            return {}
+        if isinstance(value, str) and value.endswith(".json") and Path(value).exists():
+            return LabelData(**json.loads(Path(value).read_text()))
+        if isinstance(value, (str, float, int)):
+            return LabelData(label=str(value))
+        if isinstance(value, dict):
+            if "confidences" in value and isinstance(value["confidences"], dict):
+                value = value["confidences"]
+                value = {c["label"]: c["confidence"] for c in value}
+            sorted_pred = sorted(
+                value.items(), key=operator.itemgetter(1), reverse=True
+            )
+            if self.num_top_classes is not None:
+                sorted_pred = sorted_pred[: self.num_top_classes]
+            return LabelData(
+                label=sorted_pred[0][0],
+                confidences=[
+                    LabelConfidence(label=pred[0], confidence=pred[1])
+                    for pred in sorted_pred
+                ],
+            )
+        raise ValueError(
+            "The `Label` output interface expects one of: a string label, or an int label, a "
+            "float label, or a dictionary whose keys are labels and values are confidences. "
+            f"Instead, got a {type(value)}"
+        )
+
+    def example_payload(self) -> Any:
+        return {
+            "label": "Cat",
+            "confidences": [
+                {"label": "cat", "confidence": 0.9},
+                {"label": "dog", "confidence": 0.1},
+            ],
+        }
+
+    def example_value(self) -> Any:
+        return {"cat": 0.9, "dog": 0.1}
diff --git a/gradio/components/login_button.py b/gradio/components/login_button.py
new file mode 100644
index 0000000..d1c4dc4
--- /dev/null
+++ b/gradio/components/login_button.py
@@ -0,0 +1,131 @@
+"""Predefined button to sign in with Hugging Face in a Gradio Space."""
+
+from __future__ import annotations
+
+import json
+from collections.abc import Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Literal
+
+from gradio_client.documentation import document
+
+from gradio import oauth, utils
+from gradio.components import Button, Component
+from gradio.context import get_blocks_context
+from gradio.routes import Request
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class LoginButton(Button):
+    """
+    Creates a "Sign In" button that redirects the user to sign in with Hugging Face OAuth.
+    Once the user is signed in, the button will act as a logout button, and you can
+    retrieve a signed-in user's profile by adding a parameter of type `gr.OAuthProfile`
+    to any Gradio function. This will only work if this Gradio app is running in a
+    Hugging Face Space. Permissions for the OAuth app can be configured in the Spaces
+    README file, as described here: https://huggingface.co/docs/hub/en/spaces-oauth.
+    For local development, instead of OAuth, the local Hugging Face account that is
+    logged in (via `hf auth login`) will be available through the `gr.OAuthProfile`
+    object.
+
+    Demos: login_with_huggingface
+    Guides: sharing-your-app
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str = "Sign in with Hugging Face",
+        logout_value: str = "Logout ({})",
+        *,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        variant: Literal["primary", "secondary", "stop", "huggingface"] = "huggingface",
+        size: Literal["sm", "md", "lg"] = "lg",
+        icon: str | Path | None = utils.get_icon_path("huggingface-logo.svg"),
+        link: str | None = None,
+        link_target: Literal["_self", "_blank", "_parent", "_top"] = "_self",
+        visible: bool | Literal["hidden"] = True,
+        interactive: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        scale: int | None = None,
+        min_width: int | None = None,
+    ):
+        """
+        Parameters:
+            logout_value: The text to display when the user is signed in. The string should contain a placeholder for the username with a call-to-action to logout, e.g. "Logout ({})".
+        """
+        self.logout_value = logout_value
+        super().__init__(
+            value,
+            every=every,
+            inputs=inputs,
+            variant=variant,
+            size=size,
+            icon=icon,
+            link=link,
+            link_target=link_target,
+            visible=visible,
+            interactive=interactive,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            scale=scale,
+            min_width=min_width,
+        )
+        if get_blocks_context():
+            self.activate()
+
+    def activate(self):
+        # Taken from https://cmgdo.com/external-link-in-gradio-button/
+        # Taking `self` as input to check if user is logged in
+        # ('self' value will be either "Sign in with Hugging Face" or "Signed in as ...")
+        _js = _js_handle_redirect.replace(
+            "BUTTON_DEFAULT_VALUE", json.dumps(self.value)
+        ).replace("REDIRECT_URL", self.page)
+        self.click(fn=None, inputs=[self], outputs=None, js=_js)
+
+        self.attach_load_event(self._check_login_status, None)
+
+    def _check_login_status(self, request: Request) -> LoginButton:
+        # Each time the page is refreshed or loaded, check if the user is logged in and adapt label
+        session = getattr(request, "session", None) or getattr(
+            request.request, "session", None
+        )
+
+        if session is None:
+            # Cookie set but user not logged in
+            return LoginButton(self.value, interactive=True)
+
+        oauth_info = oauth._get_valid_oauth_info_from_session(session)
+        if oauth_info is None:
+            # Cookie set but user not logged in
+            return LoginButton(self.value, interactive=True)
+
+        # User is correctly logged in
+        username = oauth_info["userinfo"]["preferred_username"]
+        return LoginButton(self.logout_value.format(username), interactive=True)
+
+
+# JS code to redirects to /login/huggingface if user is not logged in.
+# If user is logged in, redirect to /logout page. Always happens
+# on the same tab.
+_js_handle_redirect = """
+(buttonValue) => {
+    uri = buttonValue === BUTTON_DEFAULT_VALUE ? '/login/huggingface?_target_url=/REDIRECT_URL' : '/logout?_target_url=/REDIRECT_URL';
+    window.parent?.postMessage({ type: "SET_SCROLLING", enabled: true }, "*");
+    setTimeout(() => {
+        window.location.assign(uri + window.location.search);
+    }, 500);
+}
+"""
diff --git a/gradio/components/markdown.py b/gradio/components/markdown.py
new file mode 100644
index 0000000..334c42b
--- /dev/null
+++ b/gradio/components/markdown.py
@@ -0,0 +1,154 @@
+"""gr.Markdown() component."""
+
+from __future__ import annotations
+
+import inspect
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Markdown(Component):
+    """
+    Used to render arbitrary Markdown output. Can also render latex enclosed by dollar signs as well as code blocks with syntax highlighting.
+    Supported languages are bash, c, cpp, go, java, javascript, json, php, python, rust, sql, and yaml.
+    As this component does not accept user input, it is rarely used as an input component.
+
+    Demos: blocks_hello, blocks_kinematics
+    Guides: key-features
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.copy,
+    ]
+
+    def __init__(
+        self,
+        value: str | I18nData | Callable | None = None,
+        *,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        scale: int | None = None,
+        min_width: int | None = None,
+        rtl: bool = False,
+        latex_delimiters: list[dict[str, str | bool]] | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        sanitize_html: bool = True,
+        line_breaks: bool = False,
+        header_links: bool = False,
+        height: int | str | None = None,
+        max_height: int | str | None = None,
+        min_height: int | str | None = None,
+        buttons: list[Literal["copy"]] | None = None,
+        container: bool = False,
+        padding: bool = False,
+    ):
+        """
+        Parameters:
+            value: Value to show in Markdown component. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: This parameter has no effect
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: This parameter has no effect.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            rtl: If True, sets the direction of the rendered text to right-to-left. Default is False, which renders text left-to-right.
+            latex_delimiters: A list of dicts of the form {"left": open delimiter (str), "right": close delimiter (str), "display": whether to display in newline (bool)} that will be used to render LaTeX expressions. If not provided, `latex_delimiters` is set to `[{ "left": "$$", "right": "$$", "display": True }]`, so only expressions enclosed in $$ delimiters will be rendered as LaTeX, and in a new line. Pass in an empty list to disable LaTeX rendering. For more information, see the [KaTeX documentation](https://katex.org/docs/autorender.html).
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            sanitize_html: If False, will disable HTML sanitization when converted from markdown. This is not recommended, as it can lead to security vulnerabilities.
+            line_breaks: If True, will enable Github-flavored Markdown line breaks in chatbot messages. If False (default), single new lines will be ignored.
+            header_links: If True, will automatically create anchors for headings, displaying a link icon on hover.
+            height: The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If markdown content exceeds the height, the component will scroll.
+            max_height: The maximum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If markdown content exceeds the height, the component will scroll. If markdown content is shorter than the height, the component will shrink to fit the content. Will not have any effect if `height` is set and is smaller than `max_height`.
+            min_height: The minimum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If markdown content exceeds the height, the component will expand to fit the content. Will not have any effect if `height` is set and is larger than `min_height`.
+            buttons: A list of buttons to show for the component. Currently, the only valid option is "copy". The "copy" button allows the user to copy the text in the Markdown component. By default, no buttons are shown.
+            container: If True, the Markdown component will be displayed in a container. Default is False.
+            padding: If True, the Markdown component will have a certain padding (set by the `--block-padding` CSS variable) in all directions. Default is False.
+        """
+        self.rtl = rtl
+        if latex_delimiters is None:
+            latex_delimiters = [{"left": "$$", "right": "$$", "display": True}]
+        self.latex_delimiters = latex_delimiters
+        self.sanitize_html = sanitize_html
+        self.line_breaks = line_breaks
+        self.header_links = header_links
+        self.height = height
+        self.max_height = max_height
+        self.min_height = min_height
+        self.buttons = buttons
+        self.padding = padding
+
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+        )
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: the `str` of Markdown corresponding to the displayed value.
+        Returns:
+            Passes the `str` of Markdown corresponding to the displayed value.
+        """
+        return payload
+
+    def postprocess(self, value: str | I18nData | None) -> str | dict | None:
+        """
+        Parameters:
+            value: Expects a valid `str` that can be rendered as Markdown.
+        Returns:
+            The same `str` as the input, but with leading and trailing whitespace removed.
+            If an I18nData object is provided, returns it serialized for the frontend to translate.
+        """
+        if value is None:
+            return None
+
+        if isinstance(value, I18nData):
+            # preserve the I18nData object for frontend translation
+            return str(value)
+
+        unindented_y = inspect.cleandoc(value)
+        return unindented_y
+
+    def example_payload(self) -> Any:
+        return "# Hello!"
+
+    def example_value(self) -> Any:
+        return "# Hello!"
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
diff --git a/gradio/components/model3d.py b/gradio/components/model3d.py
new file mode 100644
index 0000000..8f6992e
--- /dev/null
+++ b/gradio/components/model3d.py
@@ -0,0 +1,151 @@
+"""gr.Model3D() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Literal
+
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import FileData
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Model3D(Component):
+    """
+    Creates a component allows users to upload or view 3D Model files (.obj, .glb, .stl, .gltf, .splat, or .ply).
+
+    Guides: how-to-use-3D-model-component
+    """
+
+    EVENTS = [Events.change, Events.upload, Events.edit, Events.clear]
+
+    data_model = FileData
+
+    def __init__(
+        self,
+        value: str | Callable | None = None,
+        *,
+        display_mode: Literal["solid", "point_cloud", "wireframe"] | None = None,
+        clear_color: tuple[float, float, float, float] | None = None,
+        camera_position: tuple[
+            int | float | None, int | float | None, int | float | None
+        ] = (
+            None,
+            None,
+            None,
+        ),
+        zoom_speed: float = 1,
+        pan_speed: float = 1,
+        height: int | str | None = None,
+        label: str | I18nData | None = None,
+        show_label: bool | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: path to (.obj, .glb, .stl, .gltf, .splat, or .ply) file to show in model3D viewer. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            display_mode: the display mode of the 3D model in the scene. Can be "solid" (which renders the model as a solid object), "point_cloud", or "wireframe". For .splat, or .ply files, this parameter is ignored, as those files can only be rendered as solid objects.
+            clear_color: background color of scene, should be a tuple of 4 floats between 0 and 1 representing RGBA values.
+            camera_position: initial camera position of scene, provided as a tuple of `(alpha, beta, radius)`. Each value is optional. If provided, `alpha` and `beta` should be in degrees reflecting the angular position along the longitudinal and latitudinal axes, respectively. Radius corresponds to the distance from the center of the object to the camera.
+            zoom_speed: the speed of zooming in and out of the scene when the cursor wheel is rotated or when screen is pinched on a mobile device. Should be a positive float, increase this value to make zooming faster, decrease to make it slower. Affects the wheelPrecision property of the camera.
+            pan_speed: the speed of panning the scene when the cursor is dragged or when the screen is dragged on a mobile device. Should be a positive float, increase this value to make panning faster, decrease to make it slower. Affects the panSensibility property of the camera.
+            height: The height of the model3D component, specified in pixels if a number is passed, or in CSS units if a string is passed.
+            interactive: if True, will allow users to upload a file; if False, can only be used to display files. If not provided, this is inferred based on whether the component is used as an input or output.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            show_label: if True, will display label.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.display_mode = display_mode
+        self.clear_color = clear_color or [0, 0, 0, 0]
+        self.camera_position = camera_position
+        self.height = height
+        self.zoom_speed = zoom_speed
+        self.pan_speed = pan_speed
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+        self._value_description = (
+            "a string path to a (.obj, .glb, .stl, .gltf, .splat, or .ply) file."
+        )
+
+    def preprocess(self, payload: FileData | None) -> str | None:
+        """
+        Parameters:
+            payload: the uploaded file as an instance of `FileData`.
+        Returns:
+            Passes the uploaded file as a {str} filepath to the function.
+        """
+        if payload is None:
+            return payload
+        return payload.path
+
+    def postprocess(self, value: str | Path | None) -> FileData | None:
+        """
+        Parameters:
+            value: Expects function to return a {str} or {pathlib.Path} filepath of type (.obj, .glb, .stl, or .gltf)
+        Returns:
+            The uploaded file as an instance of `FileData`.
+        """
+        if value is None:
+            return value
+        return FileData(path=str(value), orig_name=Path(value).name)
+
+    def process_example(self, value: str | Path | None) -> str:
+        return Path(value).name if value else ""
+
+    def example_payload(self):
+        return handle_file(
+            "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/media_assets/models3d/Fox.gltf"
+        )
+
+    def example_value(self):
+        return "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/media_assets/models3d/Fox.gltf"
diff --git a/gradio/components/multimodal_textbox.py b/gradio/components/multimodal_textbox.py
new file mode 100644
index 0000000..a929372
--- /dev/null
+++ b/gradio/components/multimodal_textbox.py
@@ -0,0 +1,260 @@
+"""gr.MultimodalTextbox() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal, TypedDict, cast
+
+import gradio_client.utils as client_utils
+from gradio_client import handle_file
+from gradio_client.documentation import document
+from pydantic import Field
+from typing_extensions import NotRequired
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.textbox import InputHTMLAttributes
+from gradio.data_classes import FileData, GradioModel
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class MultimodalData(GradioModel):
+    text: str
+    files: list[FileData] = Field(default_factory=list)
+
+
+class MultimodalPostprocess(TypedDict):
+    text: str
+    files: NotRequired[list[FileData]]
+
+
+class MultimodalValue(TypedDict):
+    text: NotRequired[str]
+    files: NotRequired[list[str]]
+
+
+@document()
+class MultimodalTextbox(FormComponent):
+    """
+    Creates a textarea for users to enter string input or display string output and also allows for the uploading of multimedia files.
+
+    Demos: chatbot_multimodal
+    Guides: creating-a-custom-chatbot-with-blocks
+    """
+
+    data_model = MultimodalData
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.select,
+        Events.submit,
+        Events.focus,
+        Events.blur,
+        Events.stop,
+    ]
+
+    def __init__(
+        self,
+        value: str | dict[str, str | list] | Callable | None = None,
+        *,
+        sources: list[Literal["upload", "microphone"]]
+        | Literal["upload", "microphone"]
+        | None = None,
+        file_types: list[str] | None = None,
+        file_count: Literal["single", "multiple", "directory"] = "single",
+        lines: int = 1,
+        max_lines: int = 20,
+        placeholder: str | None = None,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        autofocus: bool = False,
+        autoscroll: bool = True,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        text_align: Literal["left", "right"] | None = None,
+        rtl: bool = False,
+        submit_btn: str | bool | None = True,
+        stop_btn: str | bool | None = False,
+        max_plain_text_length: int = 1000,
+        html_attributes: InputHTMLAttributes | None = None,
+    ):
+        """
+        Parameters:
+            value: Default value to show in MultimodalTextbox. A string value, or a dictionary of the form {"text": "sample text", "files": [{path: "files/file.jpg", orig_name: "file.jpg", url: "http://image_url.jpg", size: 100}]}. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            sources: A list of sources permitted. "upload" creates a button where users can click to upload or drop files, "microphone" creates a microphone input. If None, defaults to ["upload"].
+            file_count: if single, allows user to upload one file. If "multiple", user uploads multiple files. If "directory", user uploads all files in selected directory. Return type will be list for each file in case of "multiple" or "directory".
+            file_types: List of file extensions or types of files to be uploaded (e.g. ['image', '.json', '.mp4']). "file" allows any file to be uploaded, "image" allows only image files to be uploaded, "audio" allows only audio files to be uploaded, "video" allows only video files to be uploaded, "text" allows only text files to be uploaded.
+            lines: minimum number of line rows to provide in textarea.
+            max_lines: maximum number of line rows to provide in textarea.
+            placeholder: placeholder hint to provide behind textarea.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            autofocus: If True, will focus on the textbox when the page loads. Use this carefully, as it can cause usability issues for sighted and non-sighted users.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            text_align: How to align the text in the textbox, can be: "left", "right", or None (default). If None, the alignment is left if `rtl` is False, or right if `rtl` is True. Can only be changed if `type` is "text".
+            rtl: If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.
+            autoscroll: If True, will automatically scroll to the bottom of the textbox when the value changes, unless the user scrolls up. If False, will not scroll to the bottom of the textbox when the value changes.
+            submit_btn: If False, will not show a submit button. If a string, will use that string as the submit button text.
+            stop_btn: If True, will show a stop button (useful for streaming demos). If a string, will use that string as the stop button text.
+            max_plain_text_length: Maximum length of plain text in the textbox. If the text exceeds this length, the text will be pasted as a file. Default is 1000.
+            html_attributes: An instance of gr.InputHTMLAttributes, which can be used to set HTML attributes for the input/textarea elements. Example: InputHTMLAttributes(autocorrect="off", spellcheck=False) to disable autocorrect and spellcheck.
+        """
+        valid_sources: list[Literal["upload", "microphone"]] = ["upload", "microphone"]
+        if sources is None:
+            self.sources = ["upload"]
+        elif isinstance(sources, str) and sources in valid_sources:
+            self.sources = [sources]
+        elif isinstance(sources, list):
+            self.sources = sources
+        else:
+            raise ValueError(
+                f"`sources` must be a list consisting of elements in {valid_sources}"
+            )
+        for source in self.sources:
+            if source not in valid_sources:
+                raise ValueError(
+                    f"`sources` must a list consisting of elements in {valid_sources}"
+                )
+        self.file_types = file_types
+        self.file_count = file_count
+        if file_types is not None and not isinstance(file_types, list):
+            raise ValueError(
+                f"Parameter file_types must be a list. Received {file_types.__class__.__name__}"
+            )
+        self.lines = lines
+        self.max_lines = max(lines, max_lines)
+        self.placeholder = placeholder
+        self.submit_btn = submit_btn
+        self.stop_btn = stop_btn
+        self.autofocus = autofocus
+        self.autoscroll = autoscroll
+        self.max_plain_text_length = max_plain_text_length
+        self.html_attributes = html_attributes
+
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.rtl = rtl
+        self.text_align = text_align
+        self._value_description = "a dictionary with structure {'text': string, 'files': list of string file paths}"
+
+    def preprocess(self, payload: MultimodalData | None) -> MultimodalValue | None:
+        """
+        Parameters:
+            payload: the text and list of file(s) entered in the multimodal textbox.
+        Returns:
+            Passes text value and list of file(s) as a {dict} into the function.
+        """
+        if payload is None:
+            return None
+        if self.file_types is not None:
+            for f in payload.files:
+                if not client_utils.is_valid_file(f.path, self.file_types):
+                    raise Error(
+                        f"Invalid file type: {f.mime_type}. Please upload a file that is one of these formats: {self.file_types}"
+                    )
+        return {
+            "text": payload.text,
+            "files": [f.path for f in payload.files],
+        }
+
+    def postprocess(self, value: MultimodalValue | str | None) -> MultimodalData | None:
+        """
+        Parameters:
+            value: Expects a {dict} with "text" and "files", both optional. The files array is a list of file paths or URLs.
+        Returns:
+            The value to display in the multimodal textbox. Files information as a list of FileData objects.
+        """
+        if value is None:
+            return MultimodalData(text="", files=[])
+        if not isinstance(value, (dict, str)):
+            raise ValueError(
+                f"MultimodalTextbox expects a string or a dictionary with optional keys 'text' and 'files'. Received {value.__class__.__name__}"
+            )
+        if isinstance(value, str):
+            return MultimodalData(text=value, files=[])
+        text = value.get("text", "")
+        if "files" in value and isinstance(value["files"], list):
+            files = [
+                cast(FileData, file)
+                if isinstance(file, FileData | dict)
+                else FileData(
+                    path=file,
+                    orig_name=Path(file).name,
+                    mime_type=client_utils.get_mimetype(file),
+                )
+                for file in value["files"]
+            ]
+        else:
+            files = []
+        if not isinstance(text, str):
+            raise TypeError(
+                f"Expected 'text' to be a string, but got {type(text).__name__}"
+            )
+        if not isinstance(files, list):
+            raise TypeError(
+                f"Expected 'files' to be a list, but got {type(files).__name__}"
+            )
+        return MultimodalData(text=text, files=files)
+
+    def example_payload(self) -> Any:
+        return {
+            "text": "Describe this image",
+            "files": [
+                handle_file(
+                    "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+                )
+            ],
+        }
+
+    def example_value(self) -> Any:
+        return {
+            "text": "Describe this image",
+            "files": [
+                "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+            ],
+        }
diff --git a/gradio/components/native_plot.py b/gradio/components/native_plot.py
new file mode 100644
index 0000000..c5416da
--- /dev/null
+++ b/gradio/components/native_plot.py
@@ -0,0 +1,278 @@
+from __future__ import annotations
+
+import json
+from collections.abc import Callable, Sequence, Set
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+)
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import GradioModel
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    import pandas as pd
+
+    from gradio.components import Timer
+
+
+class PlotData(GradioModel):
+    columns: list[str]
+    data: list[list[Any]]
+    datatypes: dict[str, Literal["quantitative", "nominal", "temporal"]]
+    mark: str
+
+
+class NativePlot(Component):
+    """
+    Creates a native Gradio plot component to display data from a pandas DataFrame. Supports interactivity and updates.
+
+    Demos: native_plots
+    """
+
+    EVENTS = [Events.change, Events.select, Events.double_click]
+
+    def __init__(
+        self,
+        value: pd.DataFrame | Callable | None = None,
+        x: str | None = None,
+        y: str | None = None,
+        *,
+        color: str | None = None,
+        title: str | None = None,
+        x_title: str | None = None,
+        y_title: str | None = None,
+        color_title: str | None = None,
+        x_bin: str | float | None = None,
+        y_aggregate: Literal["sum", "mean", "median", "min", "max", "count"]
+        | None = None,
+        color_map: dict[str, str] | None = None,
+        colors_in_legend: list[str] | None = None,
+        x_lim: list[float | None] | None = None,
+        y_lim: list[float | None] = None,
+        x_label_angle: float = 0,
+        y_label_angle: float = 0,
+        x_axis_format: str | None = None,
+        y_axis_format: str | None = None,
+        x_axis_labels_visible: bool | Literal["hidden"] = True,
+        caption: str | I18nData | None = None,
+        sort: Literal["x", "y", "-x", "-y"] | list[str] | None = None,
+        tooltip: Literal["axis", "none", "all"] | list[str] = "axis",
+        height: int | None = None,
+        label: str | I18nData | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | Set[Component] | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        buttons: list[Literal["fullscreen", "export"] | Button] | None = None,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+    ):
+        """
+        Parameters:
+            value: The pandas dataframe containing the data to display in the plot.
+            x: Column corresponding to the x axis. Column can be numeric, datetime, or string/category.
+            y: Column corresponding to the y axis. Column must be numeric.
+            color: Column corresponding to series, visualized by color. Column must be string/category.
+            title: The title to display on top of the chart.
+            x_title: The title given to the x axis. By default, uses the value of the x parameter.
+            y_title: The title given to the y axis. By default, uses the value of the y parameter.
+            color_title: The title given to the color legend. By default, uses the value of color parameter.
+            x_bin: Grouping used to cluster x values. If x column is numeric, should be number to bin the x values. If x column is datetime, should be string such as "1h", "15m", "10s", using "s", "m", "h", "d" suffixes.
+            y_aggregate: Aggregation function used to aggregate y values, used if x_bin is provided or x is a string/category. Must be one of "sum", "mean", "median", "min", "max".
+            color_map: Mapping of series to color names or codes. For example, {"success": "green", "fail": "#FF8888"}.
+            colors_in_legend: List containing column names of the series to show in the legend. By default, all series are shown.
+            height: The height of the plot in pixels.
+            x_lim: A tuple or list containing the limits for the x-axis, specified as [x_min, x_max]. To fix only one of these values, set the other to None, e.g. [0, None] to scale from 0 to the maximum value. If x column is datetime type, x_lim should be timestamps.
+            y_lim: A tuple of list containing the limits for the y-axis, specified as [y_min, y_max]. To fix only one of these values, set the other to None, e.g. [0, None] to scale from 0 to the maximum to value.
+            x_label_angle: The angle of the x-axis labels in degrees offset clockwise.
+            y_label_angle: The angle of the y-axis labels in degrees offset clockwise.
+            x_axis_format: A d3 format string for the x-axis labels (e.g., ".2e" for scientific notation, "~g" for general format). If None, uses Vega-Lite's default formatting.
+            y_axis_format: A d3 format string for the y-axis labels (e.g., ".2e" for scientific notation, "~g" for general format). If None, uses Vega-Lite's default formatting.
+            x_axis_labels_visible: Whether the x-axis labels should be visible. Can be hidden when many x-axis labels are present.
+            caption: The (optional) caption to display below the plot.
+            sort: The sorting order of the x values, if x column is type string/category. Can be "x", "y", "-x", "-y", or list of strings that represent the order of the categories.
+            tooltip: The tooltip to display when hovering on a point. "axis" shows the values for the axis columns, "all" shows all column values, and "none" shows no tooltips. Can also provide a list of strings representing columns to show in the tooltip, which will be displayed along with axis values.
+            height: The height of the plot in pixels.
+            label: The (optional) label to display on the top left corner of the plot.
+            show_label: Whether the label should be displayed.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            visible: Whether the plot should be visible.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            buttons: A list of buttons to show for the component. Valid options are "fullscreen", "export", or a gr.Button() instance. The "fullscreen" button allows the user to view the plot in fullscreen mode. The "export" button allows the user to export and download the current view of the plot as a PNG image. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, no buttons are shown.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.x = x
+        self.y = y
+        self.color = color
+        self.title = title
+        self.x_title = x_title
+        self.y_title = y_title
+        self.color_title = color_title
+        self.x_bin = x_bin
+        self.y_aggregate = y_aggregate
+        self.color_map = color_map
+        self.x_lim = x_lim
+        self.y_lim = y_lim
+        self.x_label_angle = x_label_angle
+        self.y_label_angle = y_label_angle
+        self.x_axis_format = x_axis_format
+        self.y_axis_format = y_axis_format
+        self.x_axis_labels_visible = x_axis_labels_visible
+        self.caption = caption
+        self.sort = sort
+        self.tooltip = tooltip
+        self.height = height
+        self.buttons = set_default_buttons(buttons, None)
+        self.colors_in_legend = colors_in_legend
+
+        if label is None and show_label is None:
+            show_label = False
+        super().__init__(
+            value=value,
+            label=label,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            every=every,
+            inputs=inputs,
+        )
+
+    def get_block_name(self) -> str:
+        return "nativeplot"
+
+    def get_mark(self) -> str:
+        return "native"
+
+    def preprocess(self, payload: PlotData | None) -> PlotData | None:
+        """
+        Parameters:
+            payload: The data to display in a line plot.
+        Returns:
+            The data to display in a line plot.
+        """
+        return payload
+
+    def postprocess(self, value: pd.DataFrame | dict | None) -> PlotData | None:
+        """
+        Parameters:
+            value: Expects a pandas DataFrame containing the data to display in the line plot. The DataFrame should contain at least two columns:
+            - one for the x-axis (corresponding to this component's `x` argument)
+            - one for the y-axis (corresponding to `y`).
+        Returns:
+            The data to display in a line plot, in the form of an AltairPlotData dataclass, which includes the plot information as a JSON string, as well as the type of plot (in this case, "line").
+        """
+        # if None or update
+        if value is None or isinstance(value, dict):
+            return value
+
+        def get_simplified_type(dtype):
+            import pandas as pd
+
+            if pd.api.types.is_numeric_dtype(dtype):
+                return "quantitative"
+            elif pd.api.types.is_string_dtype(
+                dtype
+            ) or pd.api.types.is_categorical_dtype(dtype):
+                return "nominal"
+            elif pd.api.types.is_datetime64_any_dtype(dtype):
+                return "temporal"
+            else:
+                raise ValueError(f"Unsupported data type: {dtype}")
+
+        split_json = json.loads(value.to_json(orient="split", date_unit="ms"))
+        datatypes = {
+            col: get_simplified_type(value[col].dtype) for col in value.columns
+        }
+        return PlotData(
+            columns=split_json["columns"],
+            data=split_json["data"],
+            datatypes=datatypes,
+            mark=self.get_mark(),
+        )
+
+    def example_payload(self) -> Any:
+        return None
+
+    def example_value(self) -> Any:
+        import pandas as pd
+
+        return pd.DataFrame({self.x: [1, 2, 3], self.y: [4, 5, 6]})
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": {}, "description": "any valid json"}
+
+
+@document()
+class BarPlot(NativePlot):
+    """
+    Creates a bar plot component to display data from a pandas DataFrame.
+
+    Demos: bar_plot_demo
+    Guides: creating-plots, time-plots
+    """
+
+    def get_block_name(self) -> str:
+        return "nativeplot"
+
+    def get_mark(self) -> str:
+        return "bar"
+
+
+@document()
+class LinePlot(NativePlot):
+    """
+    Creates a line plot component to display data from a pandas DataFrame.
+
+    Demos: line_plot_demo
+    Guides: creating-plots, connecting-to-a-database
+    """
+
+    def get_block_name(self) -> str:
+        return "nativeplot"
+
+    def get_mark(self) -> str:
+        return "line"
+
+
+@document()
+class ScatterPlot(NativePlot):
+    """
+    Creates a scatter plot component to display data from a pandas DataFrame.
+
+    Demos: scatter_plot_demo
+    Guides: creating-plots
+    """
+
+    def get_block_name(self) -> str:
+        return "nativeplot"
+
+    def get_mark(self) -> str:
+        return "point"
diff --git a/gradio/components/navbar.py b/gradio/components/navbar.py
new file mode 100644
index 0000000..d10a499
--- /dev/null
+++ b/gradio/components/navbar.py
@@ -0,0 +1,95 @@
+"""gr.Navbar() component."""
+
+from __future__ import annotations
+
+from typing import Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.events import Events
+
+
+@document()
+class Navbar(Component):
+    """
+    Creates a navigation bar component for multipage Gradio apps. The navbar component allows customizing the
+    appearance of the navbar for that page. Only one Navbar component can exist per page in a Blocks app,
+    and it can be placed anywhere within the page.
+
+    The Navbar component is designed to control the appearance of the navigation bar in multipage
+    applications. When present in a Blocks app, its properties override the default navbar behavior.
+
+    Example:
+        ```python
+        import gradio as gr
+
+        with gr.Blocks() as demo:
+            navbar = gr.Navbar(
+                visible=True,
+                main_page_name="My App",
+                value=[("Analytics", "analytics"), ("About", "https://twitter.com/abidlabs")]
+            )
+            gr.Textbox(label="Main page content")
+
+        with demo.route("About"):
+            gr.Markdown("This is the about page")
+
+        demo.launch()
+        ```
+    Guides: multipage-apps
+    """
+
+    EVENTS = [Events.change]
+
+    def __init__(
+        self,
+        value: list[tuple[str, str]] | None = None,
+        *,
+        visible: bool = True,
+        main_page_name: str | Literal[False] = "Home",
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+    ):
+        """
+        Parameters:
+            value: If a list of tuples of (page_name, page_path) are provided, these additional pages will be added to the navbar alongside the existing pages defined in the Blocks app. The page_path can be either a relative path for internal Gradio app pages (e.g., "analytics") or an absolute URL for external links (e.g., "https://twitter.com/username"). Otherwise, only the pages defined using the `Blocks.route` method will be displayed. Example: [("Dashboard", "dashboard"), ("About", "https://twitter.com/abidlabs")]
+            visible: If True, the navbar will be visible. If False, the navbar will be hidden.
+            main_page_name: The title to display in the navbar for the main page of the Gradio. If False, the main page will not be displayed in the navbar.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component.
+        """
+        self.visible = visible
+        self.main_page_name = main_page_name
+
+        super().__init__(
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            visible=visible,
+            value=value,
+        )
+
+    def preprocess(
+        self, payload: list[tuple[str, str]] | None
+    ) -> list[tuple[str, str]] | None:
+        return payload
+
+    def postprocess(
+        self, value: list[tuple[str, str]] | None
+    ) -> list[tuple[str, str]] | None:
+        return value
+
+    def api_info(self) -> dict[str, Any]:
+        return {}
+
+    def example_payload(self) -> list[tuple[str, str]] | None:
+        return None
+
+    def example_value(self) -> list[tuple[str, str]] | None:
+        return None
diff --git a/gradio/components/number.py b/gradio/components/number.py
new file mode 100644
index 0000000..a6d5655
--- /dev/null
+++ b/gradio/components/number.py
@@ -0,0 +1,177 @@
+"""gr.Number() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import parse_escaped_json, set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Number(FormComponent):
+    """
+    Creates a numeric field for user to enter numbers as input or display numeric output.
+
+    Demos: tax_calculator, blocks_simple_squares
+    """
+
+    EVENTS = [Events.change, Events.input, Events.submit, Events.focus, Events.blur]
+
+    def __init__(
+        self,
+        value: float | Callable | None = None,
+        *,
+        label: str | I18nData | None = None,
+        placeholder: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+        precision: int | None = None,
+        minimum: float | None = None,
+        maximum: float | None = None,
+        step: float = 1,
+    ):
+        """
+        Parameters:
+            value: default value. If None, the component will be empty and show the `placeholder` if is set. If no `placeholder` is set, the component will show 0. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            placeholder: placeholder hint to provide behind number input.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will be editable; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            precision: Precision to round input/output to. If set to 0, will round to nearest integer and convert type to int. If None, no rounding happens.
+            minimum: Minimum value. Only applied when component is used as an input. If a user provides a smaller value, a gr.Error exception is raised by the backend.
+            maximum: Maximum value. Only applied when component is used as an input. If a user provides a larger value, a gr.Error exception is raised by the backend.
+            step: The interval between allowed numbers in the component. Can be used along with optional parameters `minimum` and `maximum` to create a range of legal values starting from `minimum` and incrementing according to this parameter.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.precision = precision
+        self.minimum = minimum
+        self.maximum = maximum
+        self.step = step
+        self.placeholder = placeholder
+
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+
+    @staticmethod
+    def round_to_precision(num: float | int, precision: int | None) -> float | int:
+        """
+        Round to a given precision.
+
+        If precision is None, no rounding happens. If 0, num is converted to int.
+
+        Parameters:
+            num: Number to round.
+            precision: Precision to round to.
+        Returns:
+            rounded number or the original number if precision is None
+        """
+        if precision is None:
+            return num
+        elif precision == 0:
+            return int(round(num, precision))
+        else:
+            return round(num, precision)
+
+    @staticmethod
+    def raise_if_out_of_bounds(
+        num: float | int, minimum: float | int | None, maximum: float | int | None
+    ) -> None:
+        if minimum is not None and num < minimum:
+            raise Error(f"Value {num} is less than minimum value {minimum}.")
+        if maximum is not None and num > maximum:
+            raise Error(f"Value {num} is greater than maximum value {maximum}.")
+
+    def preprocess(self, payload: float | None) -> float | int | None:
+        """
+        Parameters:
+            payload: the field value.
+        Returns:
+            Passes field value as a `float` or `int` into the function, depending on `precision`.
+        """
+        if payload is None:
+            return None
+        self.raise_if_out_of_bounds(payload, self.minimum, self.maximum)
+        return self.round_to_precision(payload, self.precision)
+
+    def postprocess(self, value: float | int | None) -> float | int | None:
+        """
+        Parameters:
+            value: Expects an `int` or `float` returned from the function and sets field value to it.
+        Returns:
+            The (optionally rounded) field value as a `float` or `int` depending on `precision`.
+        """
+        if value is None:
+            return None
+        return self.round_to_precision(value, self.precision)
+
+    def api_info(self) -> dict[str, str]:  # type: ignore[override]
+        if self.precision == 0:
+            return {"type": "integer"}
+        return {"type": "number"}
+
+    def example_payload(self) -> Any:
+        return self.round_to_precision(
+            3 if self.minimum is None else self.minimum, self.precision
+        )
+
+    def example_value(self) -> Any:
+        return self.round_to_precision(
+            3 if self.minimum is None else self.minimum, self.precision
+        )
+
+    def read_from_flag(self, payload: str):
+        """Numbers are stored as strings in the flagging file, so we need to parse them as json."""
+        return parse_escaped_json(payload)
diff --git a/gradio/components/paramviewer.py b/gradio/components/paramviewer.py
new file mode 100644
index 0000000..750f992
--- /dev/null
+++ b/gradio/components/paramviewer.py
@@ -0,0 +1,117 @@
+from __future__ import annotations
+
+from collections.abc import Mapping, Sequence
+from typing import TYPE_CHECKING, Literal, TypedDict
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.events import Events
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class Parameter(TypedDict):
+    type: str
+    description: str
+    default: str | None
+
+
+@document()
+class ParamViewer(Component):
+    """
+    Displays an interactive table of parameters and their descriptions and default values with syntax highlighting. For each parameter,
+    the user should provide a type (e.g. a `str`), a human-readable description, and a default value. As this component does not accept user input,
+    it is rarely used as an input component. Internally, this component is used to display the parameters of components in the Custom
+    Component Gallery (https://www.gradio.app/custom-components/gallery).
+
+    Guides: documenting-custom-components
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.upload,
+    ]
+
+    def __init__(
+        self,
+        value: Mapping[str, Parameter] | None = None,
+        language: Literal["python", "typescript"] = "python",
+        linkify: list[str] | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        header: str | None = "Parameters",
+        anchor_links: bool | str = False,
+        max_height: int | str | None = None,
+    ):
+        """
+        Parameters:
+            value: A dictionary of dictionaries. The key in the outer dictionary is the parameter name, while the inner dictionary has keys "type", "description", and "default" for each parameter. Markdown links are supported in "description".
+            language: The language to display the code in. One of "python" or "typescript".
+            linkify: A list of strings to linkify. If any of these strings is found in the description, it will be rendered as a link.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            header: The header to display above the table of parameters, also includes a toggle button that closes/opens all details at once. If None, no header will be displayed.
+            anchor_links: If True, creates anchor links for each parameter that can be used to link directly to that parameter. If a string, creates anchor links with the given string as the prefix to prevent conflicts with other ParamViewer components.
+            max_height: The maximum height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the parameter table will scroll vertically while the header remains fixed in place. If content is shorter than the height, the component will shrink to fit the content.
+        """
+        self.value = value or {}
+        self.language = language
+        self.linkify = linkify
+        self.header = header
+        self.anchor_links = anchor_links
+        self.max_height = max_height
+        super().__init__(
+            every=every,
+            inputs=inputs,
+            value=value,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+
+    def preprocess(self, payload: dict[str, Parameter]) -> dict[str, Parameter]:
+        """
+        Parameters:
+            payload: A `dict[str, dict]`. The key in the outer dictionary is the parameter name, while the inner dictionary has keys "type", "description", and "default" for each parameter.
+        Returns:
+            (Rarely used) passes value as a `dict[str, dict]`. The key in the outer dictionary is the parameter name, while the inner dictionary has keys "type", "description", and "default" for each parameter.
+        """
+        return payload
+
+    def postprocess(self, value: dict[str, Parameter]) -> dict[str, Parameter]:
+        """
+        Parameters:
+            value: Expects value as a `dict[str, dict]`. The key in the outer dictionary is the parameter name, while the inner dictionary has keys "type", "description", and "default" for each parameter.
+        Returns:
+            The same value.
+        """
+        return value
+
+    def example_payload(self):
+        return {
+            "array": {
+                "type": "numpy",
+                "description": "any valid json",
+                "default": "None",
+            }
+        }
+
+    def example_value(self):
+        return {
+            "array": {
+                "type": "numpy",
+                "description": "any valid json",
+                "default": "None",
+            }
+        }
+
+    def api_info(self):
+        return {"type": {}, "description": "any valid json"}
diff --git a/gradio/components/plot.py b/gradio/components/plot.py
new file mode 100644
index 0000000..4d3d384
--- /dev/null
+++ b/gradio/components/plot.py
@@ -0,0 +1,180 @@
+"""gr.Plot() component."""
+
+from __future__ import annotations
+
+import json
+from collections.abc import Sequence
+from types import ModuleType
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio import processing_utils
+from gradio.components.base import Component
+from gradio.components.button import Button
+from gradio.data_classes import GradioModel
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class PlotData(GradioModel):
+    type: Literal["altair", "bokeh", "plotly", "matplotlib"]
+    plot: str
+
+
+class AltairPlotData(PlotData):
+    chart: Literal["bar", "line", "scatter"]
+    type: Literal["altair"] = "altair"  # type: ignore
+
+
+@document()
+class Plot(Component):
+    """
+    Creates a plot component to display various kinds of plots (matplotlib, plotly, altair, or bokeh plots are supported). As this component does
+    not accept user input, it is rarely used as an input component.
+
+    Demos: blocks_kinematics, stock_forecast
+    Guides: plot-component-for-maps
+    """
+
+    data_model = PlotData
+    EVENTS = [Events.change]
+
+    def __init__(
+        self,
+        value: Any | None = None,
+        *,
+        format: str = "webp",  # webp is a good default for speed (see #7845) but can't be used in Wasm because the the version of matplotlib used in Wasm (3.5.2 in the case of Pyodide 0.26.1) doesn't support it.
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            value: Optionally, supply a default plot object to display, must be a matplotlib, plotly, altair, or bokeh figure, or a callable. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            format: File format in which to send matplotlib plots to the front end, such as 'jpg' or 'png'.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.format = format
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+
+    def get_config(self):  # type: ignore[override]
+        try:
+            import bokeh  # type: ignore
+
+            bokeh_version = bokeh.__version__
+        except ImportError:
+            bokeh_version = None
+
+        config = super().get_config()
+        config["bokeh_version"] = bokeh_version
+        return config
+
+    def preprocess(self, payload: PlotData | None) -> PlotData | None:
+        """
+        Parameters:
+            payload: The data to display in the plot.
+        Returns:
+            (Rarely used) passes the data displayed in the plot as an PlotData dataclass, which includes the plot information as a JSON string, as well as the type of chart and the plotting library.
+        """
+        return payload
+
+    def example_payload(self) -> Any:
+        return None
+
+    def example_value(self) -> Any:
+        return None
+
+    def postprocess(self, value: Any) -> PlotData | None:
+        """
+        Parameters:
+            value: Expects plot data in one of these formats: a matplotlib.Figure, bokeh.Model, plotly.Figure, or altair.Chart object.
+        Returns:
+            PlotData: A dataclass containing the plot data as a JSON string, as well as the type of chart and the plotting library.
+        """
+        if value is None:
+            return None
+        if isinstance(value, PlotData):
+            return value
+        if isinstance(value, ModuleType) or "matplotlib" in value.__module__:
+            dtype = "matplotlib"
+            out_y = processing_utils.encode_plot_to_base64(value, self.format)
+            try:
+                import matplotlib.pyplot as plt
+                from matplotlib.figure import Figure
+            except ImportError:
+                return PlotData(type=dtype, plot=out_y)
+            if isinstance(value, Figure):
+                plt.close(value)
+        elif "bokeh" in value.__module__:
+            dtype = "bokeh"
+            from bokeh.embed import json_item  # type: ignore
+
+            out_y = json.dumps(json_item(value))
+        else:
+            is_altair = "altair" in value.__module__
+            dtype = "altair" if is_altair else "plotly"
+            out_y = value.to_json()
+        return PlotData(type=dtype, plot=out_y)
+
+
+class AltairPlot:
+    @staticmethod
+    def create_legend(position, title):
+        if position == "none":
+            legend = None
+        else:
+            position = {"orient": position} if position else {}
+            legend = {"title": title, **position}
+
+        return legend
+
+    @staticmethod
+    def create_scale(limit):
+        import altair as alt
+
+        return alt.Scale(domain=limit) if limit else alt.Undefined
diff --git a/gradio/components/radio.py b/gradio/components/radio.py
new file mode 100644
index 0000000..e333964
--- /dev/null
+++ b/gradio/components/radio.py
@@ -0,0 +1,161 @@
+"""gr.Radio() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Radio(FormComponent):
+    """
+    Creates a set of (string or numeric type) radio buttons of which only one can be selected.
+
+    Demos: sentence_builder, blocks_essay
+    """
+
+    EVENTS = [Events.select, Events.change, Events.input]
+
+    def __init__(
+        self,
+        choices: Sequence[str | int | float | tuple[str | I18nData, str | int | float]]
+        | None = None,
+        *,
+        value: str | int | float | Callable | None = None,
+        type: Literal["value", "index"] = "value",
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        rtl: bool = False,
+        buttons: list[Button] | None = None,
+    ):
+        """
+        Parameters:
+            choices: A list of string or numeric options to select from. An option can also be a tuple of the form (name, value), where name is the displayed name of the radio button and value is the value to be passed to the function, or returned by the function.
+            value: The option selected by default. If None, no option is selected by default. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            type: Type of value to be returned by component. "value" returns the string of the choice selected, "index" returns the index of the choice selected.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: Relative width compared to adjacent Components in a Row. For example, if Component A has scale=2, and Component B has scale=1, A will be twice as wide as B. Should be an integer.
+            min_width: Minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: If True, choices in this radio group will be selectable; if False, selection will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            rtl: If True, the radio buttons will be displayed in right-to-left order. Default is False.
+            buttons: A list of gr.Button() instances to show in the top right corner of the component. Custom buttons will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button.
+        """
+        self.choices = (
+            # Although we expect choices to be a list of tuples, it can be a list of tuples if the Gradio app
+            # is loaded with gr.load() since Python tuples are converted to lists in JSON.
+            [tuple(c) if isinstance(c, (tuple, list)) else (str(c), c) for c in choices]
+            if choices
+            else []
+        )
+        valid_types = ["value", "index"]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        self.type = type
+        self.rtl = rtl
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.buttons = set_default_buttons(buttons, None)
+        self._value_description = (
+            f"one of {[c[1] if isinstance(c, tuple) else c for c in self.choices]}"
+        )
+
+    def example_payload(self) -> Any:
+        return self.choices[0][1] if self.choices else None
+
+    def example_value(self) -> Any:
+        return self.choices[0][1] if self.choices else None
+
+    def preprocess(self, payload: str | int | float | None) -> str | int | float | None:
+        """
+        Parameters:
+            payload: Selected choice in the radio group
+        Returns:
+            Passes the value of the selected radio button as a `str | int | float`, or its index as an `int` into the function, depending on `type`.
+        """
+        if payload is None:
+            return None
+
+        choice_values = [value for _, value in self.choices]
+        if payload not in choice_values:
+            raise Error(
+                f"Value: {payload!r} (type: {type(payload)}) is not in the list of choices: {choice_values}"
+            )
+
+        if self.type == "value":
+            return payload
+        elif self.type == "index":
+            return choice_values.index(payload)
+        else:
+            raise ValueError(
+                f"Unknown type: {self.type}. Please choose from: 'value', 'index'."
+            )
+
+    def postprocess(self, value: str | int | float | None) -> str | int | float | None:
+        """
+        Parameters:
+            value: Expects a `str | int | float` corresponding to the value of the radio button to be selected
+        Returns:
+            The same value
+        """
+        return value
+
+    def api_info(self) -> dict[str, Any]:
+        return {
+            "enum": [c[1] for c in self.choices],
+            "title": "Radio",
+            "type": "string",
+        }
diff --git a/gradio/components/slider.py b/gradio/components/slider.py
new file mode 100644
index 0000000..d0319e4
--- /dev/null
+++ b/gradio/components/slider.py
@@ -0,0 +1,162 @@
+"""gr.Slider() component."""
+
+from __future__ import annotations
+
+import math
+import random
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.number import Number
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import parse_escaped_json
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Slider(FormComponent):
+    """
+    Creates a slider that ranges from {minimum} to {maximum} with a step size of {step}.
+
+    Demos: sentence_builder, slider_release, interface_random_slider, blocks_random_slider
+    """
+
+    EVENTS = [Events.change, Events.input, Events.release]
+
+    def __init__(
+        self,
+        minimum: float = 0,
+        maximum: float = 100,
+        value: float | Callable | None = None,
+        *,
+        step: float | None = None,
+        precision: int | None = None,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        randomize: bool = False,
+        buttons: list[Literal["reset"]] | None = None,
+    ):
+        """
+        Parameters:
+            minimum: minimum value for slider. When used as an input, if a user provides a smaller value, a gr.Error exception is raised by the backend.
+            maximum: maximum value for slider. When used as an input, if a user provides a larger value, a gr.Error exception is raised by the backend.
+            value: default value for slider. If a function is provided, the function will be called each time the app loads to set the initial value of this component. Ignored if randomized=True.
+            step: increment between slider values.
+            precision: Precision to round input/output to. If set to 0, will round to nearest integer and convert type to int. If None, no rounding happens.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: If True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, slider will be adjustable; if False, adjusting will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            randomize: If True, the value of the slider when the app loads is taken uniformly at random from the range given by the minimum and maximum.
+            buttons: A list of buttons to show for the component. Currently, the only valid option is "reset". The "reset" button allows the user to reset the slider to its default value. By default, no buttons are shown.
+        """
+        if minimum >= maximum:
+            raise ValueError("Slider minimum must be less than maximum.")
+
+        self.minimum = minimum
+        self.maximum = maximum
+        self.precision = precision
+        if step is None:
+            difference = maximum - minimum
+            power = math.floor(math.log10(difference) - 2)
+            self.step = 10**power
+        else:
+            self.step = step
+        self.buttons = buttons
+        if randomize:
+            value = self.get_random_value
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+
+    def api_info(self) -> dict[str, Any]:
+        return {
+            "type": "integer" if self.precision == 0 else "number",
+            "description": f"numeric value between {self.minimum} and {self.maximum}",
+        }
+
+    def example_payload(self) -> Any:
+        return self.minimum
+
+    def example_value(self) -> Any:
+        return self.minimum
+
+    def get_random_value(self):
+        n_steps = int((self.maximum - self.minimum) / self.step)
+        step = random.randint(0, n_steps)
+        value = self.minimum + step * self.step
+        # Round to number of decimals in step so that UI doesn't display long decimals
+        n_decimals = max(str(self.step)[::-1].find("."), 0)
+        if n_decimals:
+            value = round(value, n_decimals)
+        return value
+
+    def postprocess(self, value: float | None) -> float:
+        """
+        Parameters:
+            value: Expects an {int} or {float} returned from function and sets slider value to it as long as it is within range (otherwise, sets to minimum value).
+        Returns:
+            The value of the slider within the range.
+        """
+        return Number.round_to_precision(
+            self.minimum if value is None else value, self.precision
+        )
+
+    def preprocess(self, payload: float) -> float:
+        """
+        Parameters:
+            payload: slider value
+        Returns:
+            Passes slider value as a {float} into the function.
+        """
+        Number.raise_if_out_of_bounds(payload, self.minimum, self.maximum)
+        return Number.round_to_precision(payload, self.precision)
+
+    def read_from_flag(self, payload: Any):
+        """Sliders are stored as strings in the flagging file, so we need to parse them as json."""
+        return parse_escaped_json(payload)
diff --git a/gradio/components/state.py b/gradio/components/state.py
new file mode 100644
index 0000000..1001c7f
--- /dev/null
+++ b/gradio/components/state.py
@@ -0,0 +1,102 @@
+"""gr.State() component."""
+
+from __future__ import annotations
+
+import math
+from collections.abc import Callable
+from copy import deepcopy
+from typing import Any
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.events import Events
+
+
+def default_delete_callback(x: Any) -> None:
+    pass
+
+
+@document()
+class State(Component):
+    EVENTS = [Events.change]
+    """
+    Special hidden component that stores session state across runs of the demo by the
+    same user. Can attach .change listeners that trigger when the state changes.
+    Demos: interface_state, blocks_simple_squares, state_cleanup
+    Guides: interface-state, state-in-blocks
+    """
+
+    allow_string_shortcut = False
+
+    def __init__(
+        self,
+        value: Any = None,
+        render: bool = True,
+        *,
+        time_to_live: int | float | None = None,
+        delete_callback: Callable[[Any], None] | None = None,
+    ):
+        """
+        Parameters:
+            value: the initial value (of arbitrary type) of the state. The provided argument is deepcopied. If a callable is provided, the function will be called whenever the app loads to set the initial value of the state.
+            render: should always be True, is included for consistency with other components.
+            time_to_live: the number of seconds the state should be stored for after it is created or updated. If None, the state will be stored indefinitely. Gradio automatically deletes state variables after a user closes the browser tab or refreshes the page, so this is useful for clearing state for potentially long running sessions.
+            delete_callback: a function that is called when the state is deleted. The function should take the state value as an argument.
+        """
+        self.time_to_live = self.time_to_live = (
+            math.inf if time_to_live is None else time_to_live
+        )
+        self.delete_callback = delete_callback or default_delete_callback  # noqa: ARG005
+        try:
+            value = deepcopy(value)
+        except TypeError as err:
+            raise TypeError(
+                f"The initial value of `gr.State` must be able to be deepcopied. The initial value of type {type(value)} cannot be deepcopied."
+            ) from err
+        super().__init__(value=value, render=render)
+        self.value = value
+
+    @property
+    def stateful(self) -> bool:
+        return True
+
+    def preprocess(self, payload: Any) -> Any:
+        """
+        Parameters:
+            payload: Value
+        Returns:
+            Passes a value of arbitrary type through.
+        """
+        return payload
+
+    def postprocess(self, value: Any) -> Any:
+        """
+        Parameters:
+            value: Expects a value of arbitrary type, as long as it can be deepcopied.
+        Returns:
+            Passes a value of arbitrary type through.
+        """
+        return value
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": {}, "description": "any valid json"}
+
+    def example_payload(self) -> Any:
+        return None
+
+    def example_value(self) -> Any:
+        return None
+
+    @property
+    def skip_api(self):
+        return True
+
+    def get_config(self):  # type: ignore[override]
+        config = super().get_config()
+        del config["value"]
+        return config
+
+    def breaks_grouping(self) -> bool:
+        """State components should not break wrapper grouping chains."""
+        return False
diff --git a/gradio/components/textbox.py b/gradio/components/textbox.py
new file mode 100644
index 0000000..b6ba53f
--- /dev/null
+++ b/gradio/components/textbox.py
@@ -0,0 +1,206 @@
+"""gr.Textbox() component."""
+
+from __future__ import annotations
+
+import dataclasses
+import warnings
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component, FormComponent
+from gradio.components.button import Button
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.utils import set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+@dataclasses.dataclass
+class InputHTMLAttributes:
+    """
+    A dataclass for specifying HTML attributes for the input/textarea element. If any of these attributes are not provided, the browser will use the default value.
+    Parameters:
+        autocapitalize: The autocapitalize attribute for the input/textarea element. Can be "off", "none", "on", "sentences", "words", or "characters".
+        autocorrect: The autocorrect attribute for the input/textarea element. Can be True (enabled) or False (disabled).
+        spellcheck: The spellcheck attribute for the input/textarea element. Can be True (enabled) or False (disabled).
+        autocomplete: The autocomplete attribute for the input/textarea element. Can be "on", "off", or specific values like "email", "current-password", "new-password", etc.
+        tabindex: The tabindex attribute for the input/textarea element. An integer specifying the tab order.
+        enterkeyhint: The enterkeyhint attribute for the input/textarea element. Can be "enter", "done", "go", "next", "previous", "search", or "send".
+        lang: The lang attribute for the input/textarea element. A string containing a language code (e.g., "en", "es", "fr").
+    """
+
+    autocapitalize: (
+        Literal["off", "none", "on", "sentences", "words", "characters"] | None
+    ) = None
+    autocorrect: Literal["on", "off"] | None = None
+    spellcheck: bool | None = None
+    autocomplete: str | None = None
+    tabindex: int | None = None
+    enterkeyhint: (
+        Literal["enter", "done", "go", "next", "previous", "search", "send"] | None
+    ) = None
+    lang: str | None = None
+
+
+@document()
+class Textbox(FormComponent):
+    """
+    Creates a textarea for user to enter string input or display string output.
+
+    Demos: hello_world, diff_texts, sentence_builder
+    Guides: quickstart
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.select,
+        Events.submit,
+        Events.focus,
+        Events.blur,
+        Events.stop,
+        Events.copy,
+    ]
+
+    def __init__(
+        self,
+        value: str | I18nData | Callable | None = None,
+        *,
+        type: Literal["text", "password", "email"] = "text",
+        lines: int = 1,
+        max_lines: int | None = None,
+        placeholder: str | I18nData | None = None,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        autofocus: bool = False,
+        autoscroll: bool = True,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        text_align: Literal["left", "right"] | None = None,
+        rtl: bool = False,
+        buttons: list[Literal["copy"] | Button] | None = None,
+        max_length: int | None = None,
+        submit_btn: str | bool | None = False,
+        stop_btn: str | bool | None = False,
+        html_attributes: InputHTMLAttributes | None = None,
+    ):
+        """
+        Parameters:
+            value: text to show in textbox. If a function is provided, the function will be called each time the app loads to set the initial value of this component.
+            type: The type of textbox. One of: 'text' (which allows users to enter any text), 'password' (which masks text entered by the user), 'email' (which suggests email input to the browser). For "password" and "email" types, `lines` must be 1 and `max_lines` must be None or 1.
+            lines: minimum number of line rows to provide in textarea.
+            max_lines: maximum number of line rows to provide in textarea. Must be at least `lines`. If not provided, the maximum number of lines is max(lines, 20) for "text" type, and 1 for "password" and "email" types.
+            placeholder: placeholder hint to provide behind textarea.
+            label: the label for this component, displayed above the component if `show_label` is `True` and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component corresponds to.
+            info: additional component description, appears below the label in smaller font. Supports markdown / HTML syntax.
+            every: continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display the label. If False, the copy button is hidden as well as well as the label.
+            container: if True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will be rendered as an editable textbox; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            autofocus: If True, will focus on the textbox when the page loads. Use this carefully, as it can cause usability issues for sighted and non-sighted users.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            text_align: How to align the text in the textbox, can be: "left", "right", or None (default). If None, the alignment is left if `rtl` is False, or right if `rtl` is True. Can only be changed if `type` is "text".
+            rtl: If True and `type` is "text", sets the direction of the text to right-to-left (cursor appears on the left of the text). Default is False, which renders cursor on the right.
+            buttons: A list of buttons to show for the component. The only built-in button for this component is "copy", which allows the user to copy the text in the textbox. Custom gr.Button() can also provided, they will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. Only applies if show_label is True. By default, no buttons are shown.
+            autoscroll: If True, will automatically scroll to the bottom of the textbox when the value changes, unless the user scrolls up. If False, will not scroll to the bottom of the textbox when the value changes.
+            max_length: maximum number of characters (including newlines) allowed in the textbox. If None, there is no maximum length.
+            submit_btn: If False, will not show a submit button. If True, will show a submit button with an icon. If a string, will use that string as the submit button text. When the submit button is shown, the border of the textbox will be removed, which is useful for creating a chat interface.
+            stop_btn: If False, will not show a stop button. If True, will show a stop button with an icon. If a string, will use that string as the stop button text. When the stop button is shown, the border of the textbox will be removed, which is useful for creating a chat interface.
+            html_attributes: An instance of gr.InputHTMLAttributes, which can be used to set HTML attributes for the input/textarea elements. Example: InputHTMLAttributes(autocorrect="off", spellcheck=False) to disable autocorrect and spellcheck.
+        """
+        if type not in ["text", "password", "email"]:
+            raise ValueError('`type` must be one of "text", "password", or "email".')
+        if type in ["password", "email"]:
+            if lines != 1:
+                warnings.warn(
+                    "The `lines` parameter must be 1 for `type` of 'password' or 'email'. Setting `lines` to 1."
+                )
+                lines = 1
+            if max_lines not in [None, 1]:
+                warnings.warn(
+                    "The `max_lines` parameter must be None or 1 for `type` of 'password' or 'email'. Setting `max_lines` to 1."
+                )
+                max_lines = 1
+        self.lines = lines
+        self.max_lines = max_lines
+        self.placeholder = placeholder
+        self.buttons = set_default_buttons(buttons, None)
+        self.submit_btn = submit_btn
+        self.stop_btn = stop_btn
+        self.autofocus = autofocus
+        self.autoscroll = autoscroll
+
+        super().__init__(
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self.type = type
+        self.rtl = rtl
+        self.text_align = text_align
+        self.max_length = max_length
+        self.html_attributes = html_attributes
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: the text entered in the textarea.
+        Returns:
+            Passes text value as a {str} into the function.
+        """
+        return None if payload is None else str(payload)
+
+    def postprocess(self, value: str | None) -> str | None:
+        """
+        Parameters:
+            value: Expects a {str} returned from function and sets textarea value to it.
+        Returns:
+            The value to display in the textarea.
+        """
+        return None if value is None else str(value)
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    def example_payload(self) -> Any:
+        return "Hello!!"
+
+    def example_value(self) -> Any:
+        return "Hello!!"
diff --git a/gradio/components/timer.py b/gradio/components/timer.py
new file mode 100644
index 0000000..311e001
--- /dev/null
+++ b/gradio/components/timer.py
@@ -0,0 +1,74 @@
+"""gr.Timer() component."""
+
+from __future__ import annotations
+
+from typing import TYPE_CHECKING
+
+from gradio_client.documentation import document
+
+from gradio.components.base import Component
+from gradio.events import Events
+
+if TYPE_CHECKING:
+    pass
+
+
+@document()
+class Timer(Component):
+    """
+    Special component that ticks at regular intervals when active. It is not visible, and only used to trigger events at a regular interval through the `tick` event listener.
+
+    Guides: more-blocks-features, time-plots
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.tick,
+    ]
+
+    def __init__(
+        self,
+        value: float = 1,
+        *,
+        active: bool = True,
+        render: bool = True,
+    ):
+        """
+        Parameters:
+            value: Interval in seconds between each tick.
+            active: Whether the timer is active.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+        """
+        self.active = active
+        super().__init__(value=value, render=render)
+
+    def preprocess(self, payload: float | None) -> float | None:
+        """
+        Parameters:
+            payload: The interval of the timer as a float or None.
+        Returns:
+            The interval of the timer as a float.
+        """
+        return payload
+
+    def postprocess(self, value: float | None) -> float | None:
+        """
+        Parameters:
+            value: The interval of the timer as a float or None.
+        Returns:
+            The interval of the timer as a float.
+        """
+        return value
+
+    def api_info(self) -> dict:
+        return {"type": "number"}
+
+    def example_payload(self):
+        return 1
+
+    def example_value(self):
+        return 1
+
+    def breaks_grouping(self) -> bool:
+        """Timer components should not break wrapper grouping chains."""
+        return False
diff --git a/gradio/components/upload_button.py b/gradio/components/upload_button.py
new file mode 100644
index 0000000..16a88d6
--- /dev/null
+++ b/gradio/components/upload_button.py
@@ -0,0 +1,243 @@
+"""gr.UploadButton() component."""
+
+from __future__ import annotations
+
+import tempfile
+import warnings
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+import gradio_client.utils as client_utils
+from gradio_client import handle_file
+from gradio_client.documentation import document
+
+from gradio import processing_utils
+from gradio.components.base import Component
+from gradio.data_classes import FileData, ListFiles
+from gradio.events import Events
+from gradio.exceptions import Error
+from gradio.i18n import I18nData
+from gradio.utils import NamedString
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class UploadButton(Component):
+    """
+    Used to create an upload button, when clicked allows a user to upload files that satisfy the specified file type or generic files (if file_type not set).
+
+    Demos: upload_and_download, upload_button
+    """
+
+    EVENTS = [Events.change, Events.click, Events.upload]
+
+    def __init__(
+        self,
+        label: str = "Upload a File",
+        value: str | I18nData | list[str] | Callable | None = None,
+        *,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        variant: Literal["primary", "secondary", "stop"] = "secondary",
+        visible: bool | Literal["hidden"] = True,
+        size: Literal["sm", "md", "lg"] = "lg",
+        icon: str | None = None,
+        scale: int | None = None,
+        min_width: int | None = None,
+        interactive: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        type: Literal["filepath", "binary"] = "filepath",
+        file_count: Literal["single", "multiple", "directory"] = "single",
+        file_types: list[str] | None = None,
+    ):
+        """
+        Parameters:
+            label: Text to display on the button. Defaults to "Upload a File".
+            value: File or list of files to upload by default.
+            every: Continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            variant: 'primary' for main call-to-action, 'secondary' for a more subdued style, 'stop' for a stop button.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            size: size of the button. Can be "sm", "md", or "lg".
+            icon: URL or path to the icon file to display within the button. If None, no icon will be displayed.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: If False, the UploadButton will be in a disabled state.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            type: Type of value to be returned by component. "file" returns a temporary file object with the same base name as the uploaded file, whose full path can be retrieved by file_obj.name, "binary" returns an bytes object.
+            file_count: if single, allows user to upload one file. If "multiple", user uploads multiple files. If "directory", user uploads all files in selected directory. Return type will be list for each file in case of "multiple" or "directory".
+            file_types: List of type of files to be uploaded. "file" allows any file to be uploaded, "image" allows only image files to be uploaded, "audio" allows only audio files to be uploaded, "video" allows only video files to be uploaded, "text" allows only text files to be uploaded.
+        """
+        valid_types = [
+            "filepath",
+            "binary",
+        ]
+        if type not in valid_types:
+            raise ValueError(
+                f"Invalid value for parameter `type`: {type}. Please choose from one of: {valid_types}"
+            )
+        self.type = type
+        self.file_count = file_count
+        if file_count == "directory" and file_types is not None:
+            warnings.warn(
+                "The `file_types` parameter is ignored when `file_count` is 'directory'."
+            )
+        if file_types is not None and not isinstance(file_types, list):
+            raise ValueError(
+                f"Parameter file_types must be a list. Received {file_types.__class__.__name__}"
+            )
+        if self.file_count in ["multiple", "directory"]:
+            self.data_model = ListFiles
+        else:
+            self.data_model = FileData
+        self.size = size
+        self.file_types = file_types
+        self.label = label
+        self.variant = variant
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+        )
+        self.icon = self.serve_static_file(icon)
+
+    def api_info(self) -> dict[str, list[str]]:
+        if self.file_count == "single":
+            return FileData.model_json_schema()
+        else:
+            return ListFiles.model_json_schema()
+
+    def example_payload(self) -> Any:
+        if self.file_count == "single":
+            return handle_file(
+                "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+            )
+        else:
+            return [
+                handle_file(
+                    "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+                )
+            ]
+
+    def example_value(self) -> Any:
+        if self.file_count == "single":
+            return "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+        else:
+            return [
+                "https://github.com/gradio-app/gradio/raw/main/test/test_files/sample_file.pdf"
+            ]
+
+    def _process_single_file(self, f: FileData) -> bytes | NamedString:
+        file_name = f.path
+        if self.type == "filepath":
+            if self.file_types and not client_utils.is_valid_file(
+                file_name, self.file_types
+            ):
+                raise Error(
+                    f"Invalid file type. Please upload a file that is one of these formats: {self.file_types}"
+                )
+            file = tempfile.NamedTemporaryFile(delete=False, dir=self.GRADIO_CACHE)
+            file.name = file_name
+            return NamedString(file_name)
+        elif self.type == "binary":
+            with open(file_name, "rb") as file_data:
+                return file_data.read()
+        else:
+            raise ValueError(
+                "Unknown type: "
+                + str(type)
+                + ". Please choose from: 'filepath', 'binary'."
+            )
+
+    def preprocess(
+        self, payload: ListFiles | FileData | None
+    ) -> bytes | str | list[bytes] | list[str] | None:
+        """
+        Parameters:
+            payload: File information as a FileData object, or a list of FileData objects.
+        Returns:
+            Passes the file as a `str` or `bytes` object, or a list of `str` or list of `bytes` objects, depending on `type` and `file_count`.
+        """
+        if payload is None:
+            return None
+        if self.file_count == "single":
+            if isinstance(payload, ListFiles):
+                return self._process_single_file(payload[0])
+            return self._process_single_file(payload)
+
+        if isinstance(payload, ListFiles):
+            return [self._process_single_file(f) for f in payload]  # type: ignore
+        return [self._process_single_file(payload)]  # type: ignore
+
+    def _download_files(self, value: str | list[str]) -> str | list[str]:
+        downloaded_files = []
+        if isinstance(value, list):
+            for file in value:
+                if client_utils.is_http_url_like(file):
+                    downloaded_file = processing_utils.save_url_to_cache(
+                        file, self.GRADIO_CACHE
+                    )
+                    downloaded_files.append(downloaded_file)
+                else:
+                    downloaded_files.append(file)
+            return downloaded_files
+        if client_utils.is_http_url_like(value):
+            downloaded_file = processing_utils.save_url_to_cache(
+                str(value), self.GRADIO_CACHE
+            )
+            return downloaded_file
+        else:
+            return value
+
+    def postprocess(self, value: str | list[str] | None) -> ListFiles | FileData | None:
+        """
+        Parameters:
+            value: Expects a `str` filepath or URL, or a `list[str]` of filepaths/URLs.
+        Returns:
+            File information as a FileData object, or a list of FileData objects.
+        """
+        if value is None:
+            return None
+        value = self._download_files(value)
+        if isinstance(value, list):
+            return ListFiles(
+                root=[
+                    FileData(
+                        path=file,
+                        orig_name=Path(file).name,
+                        size=Path(file).stat().st_size,
+                    )
+                    for file in value
+                ]
+            )
+        else:
+            return FileData(
+                path=value,
+                orig_name=Path(value).name,
+                size=Path(value).stat().st_size,
+            )
+
+    @property
+    def skip_api(self):
+        return False
diff --git a/gradio/components/video.py b/gradio/components/video.py
new file mode 100644
index 0000000..c1c03c7
--- /dev/null
+++ b/gradio/components/video.py
@@ -0,0 +1,619 @@
+"""gr.Video() component."""
+
+from __future__ import annotations
+
+import asyncio
+import json
+import subprocess
+import tempfile
+import warnings
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client import handle_file
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+
+from gradio import processing_utils, utils
+from gradio._vendor.ffmpy import FFmpeg
+from gradio.components.base import Component, StreamingOutput
+from gradio.components.button import Button
+from gradio.components.image_editor import WatermarkOptions, WebcamOptions
+from gradio.data_classes import FileData, MediaStreamChunk
+from gradio.events import Events
+from gradio.i18n import I18nData
+from gradio.profiling import trace_phase_sync, traced_sync
+from gradio.utils import get_upload_folder, set_default_buttons
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class Video(StreamingOutput, Component):
+    """
+    Creates a video component that can be used to upload/record videos (as an input) or display videos (as an output).
+    For the video to be playable in the browser it must have a compatible container and codec combination. Allowed
+    combinations are .mp4 with h264 codec, .ogg with theora codec, and .webm with vp9 codec. If the component detects
+    that the output video would not be playable in the browser it will attempt to convert it to a playable mp4 video.
+    If the conversion fails, the original video is returned.
+
+    Demos: video_identity_2
+    Guides: streaming-inputs, streaming-outputs, object-detection-from-video
+    """
+
+    data_model = FileData
+
+    EVENTS = [
+        Events.change,
+        Events.clear,
+        Events.start_recording,
+        Events.stop_recording,
+        Events.stop,
+        Events.play,
+        Events.pause,
+        Events.end,
+        Events.upload,
+        Events.input,
+    ]
+
+    def __init__(
+        self,
+        value: (str | Path | Callable | None) = None,
+        *,
+        format: str | None = None,
+        sources: (
+            list[Literal["upload", "webcam"]] | Literal["upload", "webcam"] | None
+        ) = None,
+        height: int | str | None = None,
+        width: int | str | None = None,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        webcam_options: WebcamOptions | None = None,
+        include_audio: bool | None = None,
+        autoplay: bool = False,
+        buttons: list[Literal["download", "share"] | Button] | None = None,
+        loop: bool = False,
+        streaming: bool = False,
+        watermark: WatermarkOptions | None = None,
+        subtitles: str | Path | list[dict[str, Any]] | None = None,
+        playback_position: float = 0,
+    ):
+        """
+        Parameters:
+            value: path or URL for the default value that Video component is going to take. Or can be callable, in which case the function will be called whenever the app loads to set the initial value of the component.
+            format: the file extension with which to save video, such as 'avi' or 'mp4'. This parameter applies both when this component is used as an input to determine which file format to convert user-provided video to, and when this component is used as an output to determine the format of video returned to the user. If None, no file format conversion is done and the video is kept as is. Use 'mp4' to ensure browser playability.
+            sources: list of sources permitted for video. "upload" creates a box where user can drop a video file, "webcam" allows user to record a video from their webcam. If None, defaults to both ["upload, "webcam"].
+            height: The height of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed video file, but will affect the displayed video.
+            width: The width of the component, specified in pixels if a number is passed, or in CSS units if a string is passed. This has no effect on the preprocessed video file, but will affect the displayed video.
+            label: the label for this component. Appears above the component and is also used as the header if there are a table of examples for this component. If None and used in a `gr.Interface`, the label will be the name of the parameter this component is assigned to.
+            every: continuously calls `value` to recalculate it if `value` is a function (has no effect otherwise). Can provide a Timer whose tick resets `value`, or a float that provides the regular interval for the reset Timer.
+            inputs: components that are used as inputs to calculate `value` if `value` is a function (has no effect otherwise). `value` is recalculated any time the inputs change.
+            show_label: if True, will display label.
+            container: if True, will place the component in a container - providing some extra padding around the border.
+            scale: relative size compared to adjacent Components. For example if Components A and B are in a Row, and A has scale=2, and B has scale=1, A will be twice as wide as B. Should be an integer. scale applies in Rows, and to top-level Components in Blocks where fill_height=True.
+            min_width: minimum pixel width, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in this Component being narrower than min_width, the min_width parameter will be respected first.
+            interactive: if True, will allow users to upload a video; if False, can only be used to display videos. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden. If "hidden", component will be visually hidden and not take up space in the layout but still exist in the DOM
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: an optional list of strings that are assigned as the classes of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: if False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+            include_audio: whether the component should record/retain the audio track for a video. By default, audio is excluded for webcam videos and included for uploaded videos.
+            autoplay: whether to automatically play the video when the component is used as an output. Note: browsers will not autoplay video files if the user has not interacted with the page yet.
+            buttons: A list of buttons to show in the top right corner of the component. Valid options are "download", "share", or a gr.Button() instance. The "download" button allows the user to save the video to their device. The "share" button allows the user to share the video via Hugging Face Spaces Discussions. Custom gr.Button() instances will appear in the toolbar with their configured icon and/or label, and clicking them will trigger any .click() events registered on the button. By default, no buttons are shown if the component is interactive and both buttons are shown if the component is not interactive.
+            loop: if True, the video will loop when it reaches the end and continue playing from the beginning.
+            streaming: when used set as an output, takes video chunks yielded from the backend and combines them into one streaming video output. Each chunk should be a video file with a .ts extension using an h.264 encoding. Mp4 files are also accepted but they will be converted to h.264 encoding.
+            watermark: A `gr.WatermarkOptions` instance that includes an image file and position to be used as a watermark on the video. The image is not scaled and is displayed on the provided position on the video. Valid formats for the image are: jpeg, png.
+            webcam_options: A `gr.WebcamOptions` instance that allows developers to specify custom media constraints for the webcam stream. This parameter provides flexibility to control the video stream's properties, such as resolution and front or rear camera on mobile devices. See $demo/webcam_constraints
+            subtitles: A subtitle file (srt, vtt, or json) for the video, or a list of subtitle dictionaries in the format [{"text": str, "timestamp": [start, end]}] where timestamps are in seconds. JSON files should contain an array of subtitle objects.
+            playback_position: The starting playback position in seconds. This value is also updated as the video plays, reflecting the current playback position.
+        """
+        valid_sources: list[Literal["upload", "webcam"]] = ["upload", "webcam"]
+        if sources is None:
+            self.sources = valid_sources
+        elif isinstance(sources, str) and sources in valid_sources:
+            self.sources = [sources]
+        elif isinstance(sources, list) and all(s in valid_sources for s in sources):
+            self.sources = sources
+        else:
+            raise ValueError(
+                f"`sources` must be a list consisting of elements in {valid_sources}"
+            )
+        for source in self.sources:
+            if source not in valid_sources:
+                raise ValueError(
+                    f"`sources` must a list consisting of elements in {valid_sources}"
+                )
+        self.format = format
+        self.autoplay = autoplay
+        self.height = height
+        self.width = width
+        self.loop = loop
+        self.webcam_options = (
+            webcam_options if webcam_options is not None else WebcamOptions()
+        )
+
+        self.watermark = (
+            watermark if isinstance(watermark, WatermarkOptions) else WatermarkOptions()
+        )
+
+        if isinstance(watermark, (str, Path)):
+            self.watermark.watermark = watermark
+
+        self.include_audio = (
+            include_audio if include_audio is not None else "upload" in self.sources
+        )
+        self.buttons = set_default_buttons(buttons, ["download"])
+        self.streaming = streaming
+        self.playback_position = playback_position
+        self.subtitles = None
+        if subtitles is not None:
+            if isinstance(subtitles, list):
+                self.subtitles = handle_file(
+                    self._process_json_subtitles(subtitles).path
+                )
+            else:
+                self.subtitles = self._format_subtitles(subtitles)
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+        )
+        self._value_description = "a string filepath to a video"
+
+    @traced_sync("preprocess_video")
+    def preprocess(self, payload: FileData | None) -> str | None:
+        """
+        Parameters:
+            payload: An instance of FileData containing the video file.
+        Returns:
+            Passes the uploaded video as a `str` filepath or URL whose extension can be modified by `format`.
+        """
+        if payload is None:
+            return None
+        if not payload.path:
+            raise ValueError("Payload path missing")
+        file_name = Path(payload.path)
+        uploaded_format = file_name.suffix.replace(".", "")
+        needs_formatting = self.format is not None and uploaded_format != self.format
+        flip = self.sources == ["webcam"] and self.webcam_options.mirror
+        # TODO: Check other image extensions to see if they work.
+        valid_watermark_extensions = [".png", ".jpg", ".jpeg"]
+        if self.watermark.watermark is not None:
+            if not isinstance(self.watermark.watermark, (str, Path)):
+                raise ValueError(
+                    f"Provided watermark file not an expected file type. "
+                    f"Received: {self.watermark.watermark}"
+                )
+            if Path(self.watermark.watermark).suffix not in valid_watermark_extensions:
+                raise ValueError(
+                    f"Watermark file does not have a supported extension. "
+                    f"Expected one of {','.join(valid_watermark_extensions)}. "
+                    f"Received: {Path(self.watermark.watermark).suffix}."
+                )
+        if needs_formatting or flip:
+            format = f".{self.format if needs_formatting else uploaded_format}"
+            output_options = ["-vf", "hflip", "-c:a", "copy"] if flip else []
+            output_options += ["-an"] if not self.include_audio else []
+            flip_suffix = "_flip" if flip else ""
+            output_file_name = str(
+                file_name.with_name(f"{file_name.stem}{flip_suffix}{format}")
+            )
+            output_filepath = Path(output_file_name)
+            if output_filepath.exists():
+                return str(output_filepath.resolve())
+
+            ff = FFmpeg(  # type: ignore
+                inputs={str(file_name): None},
+                outputs={output_file_name: output_options},
+            )
+            ff.run()
+            return str(output_filepath.resolve())
+        elif not self.include_audio:
+            output_file_name = str(file_name.with_name(f"muted_{file_name.name}"))
+            if Path(output_file_name).exists():
+                return output_file_name
+
+            ff = FFmpeg(  # type: ignore
+                inputs={str(file_name): None},
+                outputs={output_file_name: ["-an"]},
+            )
+            ff.run()
+            return output_file_name
+        else:
+            return str(file_name)
+
+    @traced_sync("postprocess_video")
+    def postprocess(self, value: str | Path | None) -> FileData | None:
+        """
+        Parameters:
+            value: Expects one of either:
+            - a {str} or {pathlib.Path} filepath to a video which is displayed
+            - a {Tuple[str | pathlib.Path, str | pathlib.Path | None]} where the first element is a filepath to a video and the second element is an optional filepath to a subtitle file.
+        Returns:
+            FileData object containing the video file.
+        """
+        if self.streaming:
+            return value  # type: ignore
+        if value is None or value in ([None, None], (None, None)):
+            return None
+        if isinstance(value, (str, Path)):
+            processed_video = self._format_video(value)
+        return processed_video
+
+    def _format_video(self, video: str | Path | None) -> FileData | None:
+        """
+        Processes a video to ensure that it is in the correct format
+        and adds a watermark if requested.
+        """
+
+        if video is None:
+            return None
+        video = str(video)
+        returned_format = video.split(".")[-1].lower()
+        if self.format is None or returned_format == self.format:
+            conversion_needed = False
+        else:
+            conversion_needed = True
+
+        is_url = client_utils.is_http_url_like(video)
+
+        # For cases where the video is a URL and does not need to be converted
+        # to another format and have a watermark added, we can just return the URL
+        if not self.watermark.watermark and (is_url and not conversion_needed):
+            return FileData(path=video)
+
+        # For cases where the video needs to be converted to another format
+        # or have a watermark added.
+        if is_url:
+            video = processing_utils.save_url_to_cache(
+                video, cache_dir=self.GRADIO_CACHE
+            )
+        if (
+            processing_utils.ffmpeg_installed()
+            and not processing_utils.video_is_playable(video)
+        ):
+            warnings.warn(
+                "Video does not have browser-compatible container or codec. Converting to mp4."
+            )
+            with trace_phase_sync("postprocess_video_convert_video_to_playable_mp4"):
+                video = processing_utils.convert_video_to_playable_mp4(video)
+        # Recalculate the format in case convert_video_to_playable_mp4 already made it the selected format
+        returned_format = utils.get_extension_from_file_path_or_url(video).lower()
+        if (
+            self.format is not None and returned_format != self.format
+        ) or self.watermark.watermark:
+            global_option_list = ["-y"]
+            inputs_dict = {video: None}
+            output_file_name = video[0 : video.rindex(".") + 1]
+            if self.format is not None:
+                output_file_name += self.format
+            else:
+                output_file_name += returned_format
+            if self.watermark.watermark:
+                inputs_dict[str(self.watermark.watermark)] = None
+                pos = self.watermark.position
+                margin = 5
+
+                if isinstance(pos, tuple):
+                    x, y = pos
+                    watermark_cmd = f"overlay={x}:{y}"
+                elif pos == "top-left":
+                    watermark_cmd = f"overlay={margin}:{margin}"
+                elif pos == "top-right":
+                    watermark_cmd = f"overlay=W-w-{margin}:{margin}"
+                elif pos == "bottom-left":
+                    watermark_cmd = f"overlay={margin}:H-h-{margin}"
+                elif pos == "bottom-right":
+                    watermark_cmd = f"overlay=W-w-{margin}:H-h-{margin}"
+                else:
+                    watermark_cmd = "overlay=W-w-5:H-h-5"
+
+                global_option_list += ["-filter_complex", watermark_cmd]
+                output_file_name = (
+                    Path(output_file_name).stem
+                    + "_watermarked"
+                    + Path(output_file_name).suffix
+                )
+            ff = FFmpeg(  # type: ignore
+                inputs=inputs_dict,
+                outputs={output_file_name: None},
+                global_options=global_option_list,
+            )
+            ff.run()
+            video = output_file_name
+
+        return FileData(path=video, orig_name=Path(video).name)
+
+    def _process_json_subtitles(self, subtitles: list[dict[str, Any]]) -> FileData:
+        """Convert JSON subtitles to VTT format."""
+
+        def seconds_to_vtt_timestamp(seconds: float) -> str:
+            """Convert seconds to VTT timestamp format (HH:MM:SS.mmm)"""
+            hours = int(seconds // 3600)
+            minutes = int((seconds % 3600) // 60)
+            secs = seconds % 60
+            return f"{hours:02d}:{minutes:02d}:{secs:06.3f}"
+
+        # Validate input
+        for i, subtitle in enumerate(subtitles):
+            if not isinstance(subtitle, dict):
+                raise ValueError(f"Subtitle at index {i} must be a dictionary")
+            if "text" not in subtitle:
+                raise ValueError(f"Subtitle at index {i} missing required 'text' field")
+            if "timestamp" not in subtitle:
+                raise ValueError(
+                    f"Subtitle at index {i} missing required 'timestamp' field"
+                )
+            if (
+                not isinstance(subtitle["timestamp"], (list, tuple))
+                or len(subtitle["timestamp"]) != 2
+            ):
+                raise ValueError(
+                    f"Subtitle at index {i} 'timestamp' must be a list/tuple of [start, end]"
+                )
+
+        # Create VTT file
+        temp_file = tempfile.NamedTemporaryFile(
+            delete=False,
+            suffix=".vtt",
+            dir=get_upload_folder(),
+            mode="w",
+            encoding="utf-8",
+        )
+
+        try:
+            temp_file.write("WEBVTT\n\n")
+            for subtitle in subtitles:
+                start_time = seconds_to_vtt_timestamp(subtitle["timestamp"][0])
+                end_time = seconds_to_vtt_timestamp(subtitle["timestamp"][1])
+                text = subtitle["text"]
+                temp_file.write(f"{start_time} --> {end_time}\n")
+                temp_file.write(f"{text}\n\n")
+            temp_file.close()
+            return FileData(path=str(temp_file.name))
+        except Exception as e:
+            temp_file.close()
+            raise ValueError(f"Error creating VTT file from JSON subtitles: {e}") from e
+
+    def _format_subtitles(self, subtitle: str | Path | None) -> FileData | None:
+        """
+        Convert subtitle format to VTT and process the video to ensure it meets the HTML5 requirements.
+        """
+
+        def srt_to_vtt(srt_file_path, vtt_file_path):
+            """Convert an SRT subtitle file to a VTT subtitle file"""
+            with (
+                open(srt_file_path, encoding="utf-8") as srt_file,
+                open(vtt_file_path, "w", encoding="utf-8") as vtt_file,
+            ):
+                vtt_file.write("WEBVTT\n\n")
+                for subtitle_block in srt_file.read().strip().split("\n\n"):
+                    subtitle_lines = subtitle_block.split("\n")
+                    subtitle_timing = subtitle_lines[1].replace(",", ".")
+                    subtitle_text = "\n".join(subtitle_lines[2:])
+                    vtt_file.write(f"{subtitle_timing} --> {subtitle_timing}\n")
+                    vtt_file.write(f"{subtitle_text}\n\n")
+
+        file_path = Path(subtitle)  # type: ignore
+        if file_path.suffix.lower() == ".json":
+            try:
+                with open(file_path, encoding="utf-8") as f:
+                    json_data = json.load(f)
+                if isinstance(json_data, list):
+                    return handle_file(self._process_json_subtitles(json_data).path)
+                else:
+                    raise ValueError(
+                        "JSON subtitle file must contain a list of subtitle objects"
+                    ) from None
+
+            except json.JSONDecodeError as e:
+                raise ValueError(f"Invalid JSON format in subtitle file: {e}") from e
+            except Exception as e:
+                raise ValueError(f"Error reading JSON subtitle file: {e}") from e
+
+        if subtitle is None:
+            return None
+
+        valid_extensions = (".srt", ".vtt", ".json")
+
+        if Path(subtitle).suffix not in valid_extensions:
+            raise ValueError(
+                f"Invalid value for parameter `subtitle`: {subtitle}. Please choose a file with one of these extensions: {valid_extensions}"
+            )
+
+        # HTML5 only support vtt format
+        if Path(subtitle).suffix == ".srt":
+            temp_file = tempfile.NamedTemporaryFile(
+                delete=False, suffix=".vtt", dir=get_upload_folder()
+            )
+
+            srt_to_vtt(subtitle, temp_file.name)
+            subtitle = temp_file.name
+
+        return handle_file(subtitle)
+
+    def example_payload(self) -> Any:
+        return handle_file(
+            "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4"
+        )
+
+    def example_value(self) -> Any:
+        return "https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4"
+
+    @staticmethod
+    def get_video_duration_ffprobe(filename: str):
+        result = subprocess.run(
+            [
+                "ffprobe",
+                "-v",
+                "quiet",
+                "-print_format",
+                "json",
+                "-show_format",
+                "-show_streams",
+                filename,
+            ],
+            capture_output=True,
+            check=True,
+        )
+
+        data = json.loads(result.stdout)
+
+        duration = None
+        if "format" in data and "duration" in data["format"]:
+            duration = float(data["format"]["duration"])
+        else:
+            for stream in data.get("streams", []):
+                if "duration" in stream:
+                    duration = float(stream["duration"])
+                    break
+
+        return duration
+
+    @staticmethod
+    async def async_convert_mp4_to_ts(mp4_file, ts_file):
+        ff = FFmpeg(  # type: ignore
+            inputs={mp4_file: None},
+            outputs={
+                ts_file: "-c:v libx264 -c:a aac -f mpegts -bsf:v h264_mp4toannexb -bsf:a aac_adtstoasc"
+            },
+            global_options=["-y"],
+        )
+
+        command = ff.cmd.split(" ")
+        process = await asyncio.create_subprocess_exec(
+            *command,
+            stdout=asyncio.subprocess.PIPE,  # type: ignore
+            stderr=asyncio.subprocess.PIPE,  # type: ignore
+        )
+
+        _, stderr = await process.communicate()
+
+        if process.returncode != 0:
+            error_message = stderr.decode().strip()
+            raise RuntimeError(f"FFmpeg command failed: {error_message}")
+
+        return ts_file
+
+    async def combine_stream(
+        self,
+        stream: list[bytes],
+        desired_output_format: str | None = None,  # noqa: ARG002
+        only_file=False,
+    ) -> FileData:
+        """Combine video chunks into a single video file.
+
+        Do not take desired_output_format into consideration as
+        mp4 is a safe format for playing in browser.
+        """
+
+        # Use an mp4 extension here so that the cached example
+        # is playable in the browser
+        output_file = tempfile.NamedTemporaryFile(
+            delete=False, suffix=".mp4", dir=self.GRADIO_CACHE
+        )
+
+        ts_files = [
+            processing_utils.save_bytes_to_cache(
+                s, "video_chunk.ts", cache_dir=self.GRADIO_CACHE
+            )
+            for s in stream
+        ]
+
+        command = [
+            "ffmpeg",
+            "-i",
+            f"concat:{'|'.join(ts_files)}",
+            "-y",
+            "-safe",
+            "0",
+            "-c",
+            "copy",
+            output_file.name,
+        ]
+        process = await asyncio.create_subprocess_exec(
+            *command,
+            stdout=asyncio.subprocess.PIPE,  # type: ignore
+            stderr=asyncio.subprocess.PIPE,  # type: ignore
+        )
+
+        _, stderr = await process.communicate()
+
+        if process.returncode != 0:
+            error_message = stderr.decode().strip()
+            raise RuntimeError(f"FFmpeg command failed: {error_message}")
+        video = FileData(
+            path=output_file.name,
+            is_stream=False,
+            orig_name="video-stream.mp4",
+        )
+        if only_file:
+            return video
+
+        return video
+
+    async def stream_output(
+        self,
+        value: str | None,
+        output_id: str,
+        first_chunk: bool,  # noqa: ARG002
+    ) -> tuple[MediaStreamChunk | None, dict]:
+        output_file = {
+            "video": {
+                "path": output_id,
+                "is_stream": True,
+                # Need to set orig_name so that downloaded file has correct
+                # extension
+                "orig_name": "video-stream.mp4",
+                "meta": {"_type": "gradio.FileData"},
+            }
+        }
+        if value is None:
+            return None, output_file
+
+        ts_file = value
+        if not value.endswith(".ts"):
+            if not value.endswith(".mp4"):
+                raise RuntimeError(
+                    "Video must be in .mp4 or .ts format to be streamed as chunks",
+                )
+            ts_file = value.replace(".mp4", ".ts")
+            await self.async_convert_mp4_to_ts(value, ts_file)
+
+        duration = self.get_video_duration_ffprobe(ts_file)
+        if not duration:
+            raise RuntimeError("Cannot determine video chunk duration")
+        chunk: MediaStreamChunk = {
+            "data": Path(ts_file).read_bytes(),
+            "duration": duration,
+            "extension": ".ts",
+        }
+        return chunk, output_file
diff --git a/gradio/components/workflowcanvas.py b/gradio/components/workflowcanvas.py
new file mode 100644
index 0000000..f668a3e
--- /dev/null
+++ b/gradio/components/workflowcanvas.py
@@ -0,0 +1,126 @@
+"""gr.WorkflowCanvas() component."""
+
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.components.base import Component, server
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+@document()
+class WorkflowCanvas(BlockContext, Component):
+    """
+    Visual canvas for building AI pipelines by connecting Hugging Face Spaces.
+
+    Used internally by `gr.Workflow`. Can also be used directly if you need fine-grained
+    control over the server functions exposed to the canvas.
+
+    Example:
+        ```python
+        import gradio as gr
+
+        with gr.Blocks() as demo:
+            canvas = gr.WorkflowCanvas(server_functions=[my_fn])
+        demo.launch()
+        ```
+    """
+
+    EVENTS = [Events.change]
+
+    def __init__(
+        self,
+        value: str | Callable[..., str | None] | None = None,
+        *,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool = False,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        container: bool = False,
+        server_functions: list[Callable] | None = None,
+    ):
+        """
+        Parameters:
+            value: Initial workflow JSON string. If a callable is passed, it is called on each browser session load and its return value is used as the initial workflow.
+            label: Label for this component.
+            every: Continously calls `value` to recalculate it if `value` is a function.
+            inputs: Components used as inputs to calculate `value` if `value` is a function.
+            show_label: If True, the label will be displayed.
+            visible: If False, component will be hidden.
+            elem_id: Optional string assigned as the id of this component in the DOM.
+            elem_classes: Optional list of strings assigned as the classes of this component.
+            render: If False, component will not be rendered in the Blocks context.
+            key: In a gr.render, components with the same key across re-renders are treated as the same component.
+            preserved_by_key: Parameters preserved across re-renders with the same key.
+            container: If True, displayed in a container.
+            server_functions: Python functions callable from the canvas frontend via the `server` object.
+        """
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        Component.__init__(
+            self,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            value=value,
+            container=container,
+        )
+        if server_functions:
+            seen: set[str] = set()
+            for fn in server_functions:
+                fn_name = getattr(fn, "__name__", str(fn))
+                if fn_name in seen:
+                    raise ValueError(
+                        f"WorkflowCanvas: duplicate server_function name '{fn_name}'. "
+                        "Each function must have a unique __name__."
+                    )
+                seen.add(fn_name)
+                decorated = server(fn)
+                setattr(self, fn_name, decorated)
+                self.server_fns.append(decorated)
+
+    def example_payload(self) -> Any:
+        return None
+
+    def example_value(self) -> Any:
+        return None
+
+    def preprocess(self, payload: str | None) -> str | None:
+        return payload
+
+    def postprocess(self, value: str | None) -> str | None:
+        return value
+
+    def api_info(self) -> dict[str, Any]:
+        return {"type": "string"}
+
+    def get_block_name(self):
+        return "workflowcanvas"
diff --git a/gradio/context.py b/gradio/context.py
new file mode 100644
index 0000000..c992b20
--- /dev/null
+++ b/gradio/context.py
@@ -0,0 +1,54 @@
+# Defines the Context class, which is used to store the state of all Blocks that are being rendered.
+
+from __future__ import annotations
+
+from contextvars import ContextVar
+from typing import TYPE_CHECKING
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from gradio.blocks import BlockContext, Blocks, BlocksConfig
+    from gradio.helpers import Progress
+    from gradio.renderable import Renderable
+    from gradio.routes import Request
+
+
+class Context:
+    root_block: Blocks | None = None  # The current root block that holds all blocks.
+    block: BlockContext | None = None  # The current block that children are added to.
+    id: int = 0  # Running id to uniquely refer to any block that gets defined
+    token: str | None = None  # The token provided when loading private HF repos
+
+
+class LocalContext:
+    blocks: ContextVar[Blocks | None] = ContextVar("blocks")
+    blocks_config: ContextVar[BlocksConfig | None] = ContextVar("blocks_config")
+    renderable: ContextVar[Renderable | None] = ContextVar("renderable")
+    render_block: ContextVar[BlockContext | None] = ContextVar("render_block")
+    in_event_listener: ContextVar[bool] = ContextVar("in_event_listener")
+    event_id: ContextVar[str | None] = ContextVar("event_id")
+    request: ContextVar[Request | None] = ContextVar("request")
+    progress: ContextVar[Progress | None] = ContextVar("progress")
+    key_to_id_map: ContextVar[dict[int | str | tuple[str | int, ...], int] | None] = (
+        ContextVar("key_to_id_map")
+    )
+
+
+def get_render_context() -> BlockContext | None:
+    if LocalContext.renderable.get(None):
+        return LocalContext.render_block.get(None)
+    else:
+        return Context.block
+
+
+def set_render_context(block: BlockContext | None):
+    if LocalContext.renderable.get(None):
+        LocalContext.render_block.set(block)
+    else:
+        Context.block = block
+
+
+def get_blocks_context() -> BlocksConfig | None:
+    if LocalContext.renderable.get(None):
+        return LocalContext.blocks_config.get(None)
+    elif Context.root_block:
+        return Context.root_block.default_config
diff --git a/gradio/data_classes.py b/gradio/data_classes.py
new file mode 100644
index 0000000..45c2f2a
--- /dev/null
+++ b/gradio/data_classes.py
@@ -0,0 +1,465 @@
+"""Pydantic data models and other dataclasses. This is the only file that uses Optional[]
+typing syntax instead of | None syntax to work with pydantic"""
+
+from __future__ import annotations
+
+import pathlib
+import secrets
+import shutil
+from abc import ABC, abstractmethod
+from collections.abc import Iterator
+from enum import Enum, auto
+from typing import (
+    Annotated,
+    Any,
+    Literal,
+    NewType,
+    Union,
+)
+
+from fastapi import Request
+from gradio_client.data_classes import ParameterInfo
+from gradio_client.documentation import document
+from gradio_client.utils import is_file_obj_with_meta, traverse
+from pydantic import (
+    BaseModel,
+    ConfigDict,
+    Field,
+    GetCoreSchemaHandler,
+    GetJsonSchemaHandler,
+    RootModel,
+    ValidationError,
+    ValidationInfo,
+    model_validator,
+)
+from pydantic.json_schema import JsonSchemaValue
+from pydantic_core import core_schema
+from typing_extensions import NotRequired, TypedDict
+
+from gradio.i18n import I18nData
+
+try:
+    from pydantic import JsonValue
+except ImportError:
+    JsonValue = Any  # type: ignore
+
+DeveloperPath = NewType("DeveloperPath", str)
+UserProvidedPath = NewType("UserProvidedPath", str)
+
+
+class CancelBody(BaseModel):
+    session_hash: str
+    fn_index: int
+    event_id: str
+
+
+class SimplePredictBody(BaseModel):
+    data: list[Any]
+    session_hash: str | None = None
+
+
+class SimplePredictBodyV2(BaseModel):
+    data: dict[str, Any]
+    session_hash: str | None = None
+
+
+class _StarletteRequestPydanticAnnotation:
+    @classmethod
+    def __get_pydantic_core_schema__(
+        cls,
+        _source_type: Any,
+        _handler: GetCoreSchemaHandler,
+    ) -> core_schema.CoreSchema:
+        def validate_request(value: Any) -> Request:
+            if isinstance(value, Request):
+                return value
+            raise ValueError("Input must be a Starlette Request object")
+
+        return core_schema.no_info_plain_validator_function(validate_request)
+
+    @classmethod
+    def __get_pydantic_json_schema__(
+        cls, _core_schema: core_schema.CoreSchema, handler: GetJsonSchemaHandler
+    ) -> JsonSchemaValue:
+        return {"type": "object", "title": "StarletteRequest"}
+
+
+PydanticStarletteRequest = Annotated[Request, _StarletteRequestPydanticAnnotation]
+
+
+class PredictBody(BaseModel):
+    session_hash: str | None = None
+    event_id: str | None = None
+    data: list[Any]
+    event_data: Any | None = None
+    fn_index: int | None = None
+    trigger_id: int | None = None
+    simple_format: bool = False
+    batched: bool | None = (
+        False  # Whether the data is a batch of samples (i.e. called from the queue if batch=True) or a single sample (i.e. called from the UI)
+    )
+
+    @classmethod
+    def __get_pydantic_json_schema__(cls, core_schema, handler):
+        return {
+            "title": "PredictBody",
+            "type": "object",
+            "properties": {
+                "session_hash": {"type": "string"},
+                "event_id": {"type": "string"},
+                "data": {"type": "array", "items": {"type": "object"}},
+                "event_data": {"type": "object"},
+                "fn_index": {"type": "integer"},
+                "trigger_id": {"type": "integer"},
+                "simple_format": {"type": "boolean"},
+                "batched": {"type": "boolean"},
+            },
+            "required": ["data"],
+        }
+
+
+class PredictBodyInternal(PredictBody):
+    "Separate class to avoid exposing PydanticStarletteRequest in the API validation"
+
+    request: PydanticStarletteRequest | None = (
+        None  # dictionary of request headers, query parameters, url, etc. (used to to pass in request for queuing)
+    )
+
+
+class ResetBody(BaseModel):
+    event_id: str
+
+
+class VibeEditBody(BaseModel):
+    prompt: str
+
+
+class VibeCodeBody(BaseModel):
+    code: str
+
+
+class ComponentServerJSONBody(BaseModel):
+    session_hash: str
+    component_id: int
+    fn_name: str
+    data: Any
+
+
+class DataWithFiles(BaseModel):
+    data: Any
+    files: list[tuple[str, bytes]]
+
+
+class ComponentServerBlobBody(BaseModel):
+    session_hash: str
+    component_id: int
+    fn_name: str
+    data: DataWithFiles
+
+
+class InterfaceTypes(Enum):
+    STANDARD = auto()
+    INPUT_ONLY = auto()
+    OUTPUT_ONLY = auto()
+    UNIFIED = auto()
+
+
+class GradioBaseModel(ABC):
+    def copy_to_dir(self, dir: str | pathlib.Path) -> GradioDataModel:
+        if not isinstance(self, (BaseModel, RootModel)):
+            raise TypeError("must be used in a Pydantic model")
+        dir = pathlib.Path(dir)
+
+        # TODO: Making sure path is unique should be done in caller
+        def unique_copy(obj: dict):
+            data = FileData(**obj)  # type: ignore
+            return data._copy_to_dir(
+                str(pathlib.Path(dir) / secrets.token_hex(10))
+            ).model_dump()
+
+        return self.__class__.from_json(
+            x=traverse(
+                self.model_dump(),
+                unique_copy,
+                FileData.is_file_data,
+            )
+        )
+
+    @classmethod
+    @abstractmethod
+    def from_json(cls, x) -> GradioDataModel:
+        pass
+
+
+class JsonData(RootModel):
+    """JSON data returned from a component that should not be modified further."""
+
+    root: JsonValue
+
+
+class GradioModel(GradioBaseModel, BaseModel):
+    @classmethod
+    def from_json(cls, x) -> GradioModel:
+        return cls(**x)
+
+
+class GradioRootModel(GradioBaseModel, RootModel):
+    @classmethod
+    def from_json(cls, x) -> GradioRootModel:
+        return cls(root=x)
+
+
+GradioDataModel = Union[GradioModel, GradioRootModel]
+
+
+class FileDataDict(TypedDict):
+    path: str  # server filepath
+    url: NotRequired[str | None]  # normalised server url
+    size: NotRequired[int | None]  # size in bytes
+    orig_name: NotRequired[str | None]  # original filename
+    mime_type: NotRequired[str | None]
+    is_stream: bool
+    meta: NotRequired[dict]
+
+
+class FileDataMeta(TypedDict):
+    _type: Literal["gradio.FileData"]
+
+
+@document()
+class FileData(GradioModel):
+    """
+    The FileData class is a subclass of the GradioModel class that represents a file object within a Gradio interface. It is used to store file data and metadata when a file is uploaded.
+
+    Attributes:
+        path: The server file path where the file is stored.
+        url: The normalized server URL pointing to the file.
+        size: The size of the file in bytes.
+        orig_name: The original filename before upload.
+        mime_type: The MIME type of the file.
+        is_stream: Indicates whether the file is a stream.
+        meta: Additional metadata used internally (should not be changed).
+    """
+
+    path: str  # server filepath
+    url: str | None = None  # normalised server url
+    size: int | None = None  # size in bytes
+    orig_name: str | None = None  # original filename
+    mime_type: str | None = None
+    is_stream: bool = False
+    meta: FileDataMeta = Field(default_factory=lambda: {"_type": "gradio.FileData"})
+
+    @model_validator(mode="before")
+    @classmethod
+    def validate_model(cls, v, info: ValidationInfo):
+        if (
+            info.context
+            and info.context.get("validate_meta")
+            and not is_file_obj_with_meta(v)
+        ):
+            raise ValueError(
+                "The 'meta' field must be explicitly provided in the input data and be equal to {'_type': 'gradio.FileData'}."
+            )
+        return v
+
+    @property
+    def is_none(self) -> bool:
+        """
+        Checks if the FileData object is empty, i.e., all attributes are None.
+
+        Returns:
+            bool: True if all attributes (except 'is_stream' and 'meta') are None, False otherwise.
+        """
+        return all(
+            f is None
+            for f in [
+                self.path,
+                self.url,
+                self.size,
+                self.orig_name,
+                self.mime_type,
+            ]
+        )
+
+    @classmethod
+    def from_path(cls, path: str) -> FileData:
+        """
+        Creates a FileData object from a given file path.
+
+        Args:
+            path: The file path.
+
+        Returns:
+            FileData: An instance of FileData representing the file at the specified path.
+        """
+        return cls(path=path)
+
+    def _copy_to_dir(self, dir: str) -> FileData:
+        """
+        Copies the file to a specified directory and returns a new FileData object representing the copied file.
+
+        Args:
+            dir: The destination directory.
+
+        Returns:
+            FileData: A new FileData object representing the copied file.
+
+        Raises:
+            ValueError: If the source file path is not set.
+        """
+        pathlib.Path(dir).mkdir(exist_ok=True)
+        new_obj = dict(self)
+
+        if not self.path:
+            raise ValueError("Source file path is not set")
+        new_name = shutil.copy(self.path, dir)
+        new_obj["path"] = new_name
+        return self.__class__(**new_obj)
+
+    @classmethod
+    def is_file_data(cls, obj: Any) -> bool:
+        """
+        Checks if an object is a valid FileData instance.
+
+        Args:
+            obj: The object to check.
+
+        Returns:
+            bool: True if the object is a valid FileData instance, False otherwise.
+        """
+        if isinstance(obj, dict):
+            try:
+                return not FileData(**obj).is_none  # type: ignore
+            except (TypeError, ValidationError):
+                return False
+        return False
+
+
+class ListFiles(GradioRootModel):
+    root: list[FileData]
+
+    def __getitem__(self, index):
+        return self.root[index]
+
+    def __iter__(self) -> Iterator[FileData]:  # type: ignore[override]
+        return iter(self.root)
+
+
+class _StaticFiles:
+    """
+    Class to hold all static files for an app
+    """
+
+    all_paths = []
+
+    def __init__(self, paths: list[str | pathlib.Path]) -> None:
+        self.paths = paths
+        self.all_paths = [pathlib.Path(p).resolve() for p in paths]
+
+    @classmethod
+    def clear(cls):
+        cls.all_paths = []
+
+
+class BodyCSS(TypedDict):
+    body_background_fill: str
+    body_text_color: str
+    body_background_fill_dark: str
+    body_text_color_dark: str
+
+
+class Layout(TypedDict):
+    id: int
+    children: NotRequired[list[int | Layout]]
+
+
+class Page(TypedDict):
+    components: list[int]
+    dependencies: list[int]
+    layout: Layout
+
+
+class BlocksConfigDict(TypedDict):
+    version: str
+    deep_link_state: NotRequired[Literal["valid", "invalid", "none"]]
+    mode: str
+    app_id: int
+    dev_mode: bool
+    vibe_mode: bool
+    analytics_enabled: bool
+    components: list[dict[str, Any]]
+    css: str | None
+    connect_heartbeat: bool
+    js: str | Literal[True] | None
+    head: str | None
+    title: str | I18nData
+    space_id: str | None
+    enable_queue: bool
+    show_error: bool
+    is_colab: bool
+    max_file_size: int | None
+    stylesheets: list[str]
+    theme: str | None
+    protocol: Literal["ws", "sse", "sse_v1", "sse_v2", "sse_v2.1", "sse_v3"]
+    body_css: BodyCSS
+    fill_height: bool
+    fill_width: bool
+    theme_hash: str
+    layout: NotRequired[Layout]
+    dependencies: NotRequired[list[dict[str, Any]]]
+    root: NotRequired[str | None]
+    username: NotRequired[str | None]
+    api_prefix: str
+    pwa: NotRequired[bool]
+    page: dict[str, Page]
+    pages: list[tuple[str, str]]
+    current_page: NotRequired[str]
+    i18n_translations: NotRequired[dict[str, dict[str, str]] | None]
+    mcp_server: NotRequired[bool]
+    footer_links: list[str | dict[str, str]]
+
+
+class MediaStreamChunk(TypedDict):
+    data: bytes
+    duration: float
+    extension: str
+    id: NotRequired[str]
+
+
+class ImageData(GradioModel):
+    path: str | None = Field(default=None, description="Path to a local file")
+    url: str | None = Field(
+        default=None, description="Publicly available url or base64 encoded image"
+    )
+    size: int | None = Field(default=None, description="Size of image in bytes")
+    orig_name: str | None = Field(default=None, description="Original filename")
+    mime_type: str | None = Field(default=None, description="mime type of image")
+    is_stream: bool = Field(default=False, description="Can always be set to False")
+    meta: dict = {"_type": "gradio.FileData"}
+
+    model_config = ConfigDict(
+        json_schema_extra={"description": "A local filepath or publicly available URL."}
+    )
+
+
+class Base64ImageData(GradioModel):
+    url: str = Field(description="base64 encoded image")
+
+
+class APIReturnInfo(TypedDict):
+    label: str
+    type: dict[str, Any]
+    python_type: dict[str, str]
+    component: str
+
+
+class APIEndpointInfo(TypedDict):
+    description: NotRequired[str]
+    parameters: list[ParameterInfo]
+    returns: list[APIReturnInfo]
+    api_visibility: Literal["public", "private", "undocumented"]
+
+
+class APIInfo(TypedDict):
+    named_endpoints: dict[str, APIEndpointInfo]
+    unnamed_endpoints: dict[str, APIEndpointInfo]
diff --git a/gradio/events.py b/gradio/events.py
new file mode 100644
index 0000000..c290bc5
--- /dev/null
+++ b/gradio/events.py
@@ -0,0 +1,1369 @@
+"""Contains all of the events that can be triggered in a gr.Blocks() app, with the exception
+of the on-page-load event, which is defined in gr.Blocks().load()."""
+
+from __future__ import annotations
+
+import dataclasses
+from collections.abc import Callable, Sequence, Set
+from functools import partial, wraps
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+    Union,
+    cast,
+)
+
+from gradio_client.documentation import document
+from jinja2 import Template
+
+from gradio.data_classes import FileData, FileDataDict
+
+if TYPE_CHECKING:
+    from gradio.blocks import Block, BlockContext, Component
+    from gradio.components import Timer
+
+from gradio_client.utils import python_type_to_json_schema
+
+from gradio.context import get_blocks_context
+from gradio.utils import get_cancelled_fn_indices, get_function_params, get_return_types
+
+
+def set_cancel_events(
+    triggers: Sequence[EventListenerMethod],
+    cancels: None | dict[str, Any] | list[dict[str, Any]],
+):
+    if not cancels:
+        return
+
+    root_block = get_blocks_context()
+    if root_block is None:
+        raise AttributeError("Cannot cancel outside of a gradio.Blocks context.")
+
+    if not isinstance(cancels, list):
+        cancels = [cancels]
+
+    regular_cancels: list[dict[str, Any]] = []
+    timers_to_cancel: list[Component] = []
+    for cancel in cancels:
+        associated_timer = getattr(cancel, "associated_timer", None)
+        if associated_timer:
+            timers_to_cancel.append(associated_timer)
+        else:
+            regular_cancels.append(cancel)
+
+    if timers_to_cancel:
+        from gradio.components import Timer
+
+        root_block.set_event_trigger(
+            triggers,
+            fn=lambda: (
+                [Timer(active=False) for _ in timers_to_cancel]
+                if len(timers_to_cancel) > 1
+                else Timer(active=False)
+            ),
+            inputs=None,
+            outputs=timers_to_cancel,
+            api_visibility="private",
+        )
+
+    if regular_cancels:
+        fn_indices_to_cancel = get_cancelled_fn_indices(regular_cancels)
+        root_block.set_event_trigger(
+            triggers,
+            fn=None,
+            inputs=None,
+            outputs=None,
+            queue=False,
+            preprocess=False,
+            api_visibility="private",
+            cancels=fn_indices_to_cancel,
+            is_cancel_function=True,
+        )
+
+
+@document()
+class Dependency(dict):
+    """
+    The Dependency object is usually not created directly but is returned when an event listener is set up. It contains the configuration
+    data for the event listener, and can be used to set up additional event listeners that depend on the completion of the current event
+    listener using .then(), .success(), and .failure().
+
+    Example:
+        import gradio as gr
+        with gr.Blocks() as demo:
+            first_textbox = gr.Textbox()
+            second_textbox = gr.Textbox()
+            button = gr.Button("Submit")
+            dependency = button.click(lambda x: "Hello, " + x, first_textbox, second_textbox)
+            dependency.success(lambda: gr.Info("Greeting successful"), None, None)
+            dependency.failure(lambda: gr.Warning("Greeting failed"), None, None)
+        demo.launch()
+    Demos: chatbot_consecutive, blocks_chained_events
+    """
+
+    def __init__(
+        self,
+        trigger,
+        key_vals,
+        dep_index,
+        fn,
+        associated_timer: Timer | None = None,
+    ):
+        super().__init__(key_vals)
+        self.fn = fn
+        self.associated_timer = associated_timer
+        self.then = partial(
+            EventListener(
+                "then",
+                trigger_after=dep_index,
+                trigger_only_on_success=False,
+                trigger_only_on_failure=False,
+                has_trigger=False,
+            ).listener,
+            trigger,
+        )
+        """
+        Triggered after directly preceding event is completed, regardless of success or failure.
+        """
+        self.success = partial(
+            EventListener(
+                "success",
+                trigger_after=dep_index,
+                trigger_only_on_success=True,
+                trigger_only_on_failure=False,
+                has_trigger=False,
+            ).listener,
+            trigger,
+        )
+        """
+        Triggered after directly preceding event is completed, if it was successful.
+        """
+        self.failure = partial(
+            EventListener(
+                "failure",
+                trigger_after=dep_index,
+                trigger_only_on_success=False,
+                trigger_only_on_failure=True,
+                has_trigger=False,
+            ).listener,
+            trigger,
+        )
+        """
+        Triggered after directly preceding event is completed, if it failed.
+        """
+
+    def __call__(self, *args, **kwargs):
+        return self.fn(*args, **kwargs)
+
+
+@document()
+class EventData:
+    """
+    When gr.EventData or one of its subclasses is added as a type hint to an argument of a prediction function, a gr.EventData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener. The gr.EventData object itself contains a `.target` attribute that refers to the component
+    that triggered the event, while subclasses of gr.EventData contains additional attributes that are different for each class.
+
+    Example:
+        import gradio as gr
+        with gr.Blocks() as demo:
+            table = gr.Dataframe([[1, 2, 3], [4, 5, 6]])
+            gallery = gr.Gallery([("cat.jpg", "Cat"), ("dog.jpg", "Dog")])
+            textbox = gr.Textbox("Hello World!")
+            statement = gr.Textbox()
+            def on_select(value, evt: gr.EventData):
+                return f"The {evt.target} component was selected, and its value was {value}."
+            table.select(on_select, table, statement)
+            gallery.select(on_select, gallery, statement)
+            textbox.select(on_select, textbox, statement)
+        demo.launch()
+    Demos: gallery_selections, tictactoe
+    Guides: blocks-and-event-listeners
+    """
+
+    def __init__(self, target: Block | None, _data: Any):
+        """
+        Parameters:
+            target: The component object that triggered the event. Can be used to distinguish multiple components bound to the same listener.
+        """
+        self.target = target
+        self._data = _data
+
+    def __getattr__(self, name):
+        if name in self._data:
+            return self._data[name]
+        raise AttributeError(f"'EventData' object has no attribute '{name}'")
+
+
+@document()
+class SelectData(EventData):
+    """
+    The gr.SelectData class is a subclass of gr.EventData that specifically carries information about the `.select()` event. When gr.SelectData
+    is added as a type hint to an argument of an event listener method, a gr.SelectData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+
+    Example:
+        import gradio as gr
+        with gr.Blocks() as demo:
+            table = gr.Dataframe([[1, 2, 3], [4, 5, 6]])
+            gallery = gr.Gallery([("cat.jpg", "Cat"), ("dog.jpg", "Dog")])
+            textbox = gr.Textbox("Hello World!")
+            statement = gr.Textbox()
+            def on_select(evt: gr.SelectData):
+                return f"You selected {evt.value} at {evt.index} from {evt.target}"
+            table.select(on_select, table, statement)
+            gallery.select(on_select, gallery, statement)
+            textbox.select(on_select, textbox, statement)
+        demo.launch()
+    Demos: gallery_selections, tictactoe
+    """
+
+    def __init__(self, target: Block | None, data: Any):
+        super().__init__(target, data)
+        self.index: Any = data["index"]
+        """
+        The index of the selected item. Is a tuple if the component is two dimensional or selection is a range.
+        """
+        self.value: Any = data["value"]
+        """
+        The value of the selected item.
+        """
+        self.row_value: Any = data.get("row_value")
+        """
+        The value of the entire row that the selected item belongs to, as a 1-D list. Only implemented for the `Dataframe` component, returns None for other components.
+        """
+        self.col_value: Any = data.get("col_value")
+        """
+        The value of the entire row that the selected item belongs to, as a 1-D list. Only implemented for the `Dataframe` component, returns None for other components.
+        """
+        self.selected: bool = data.get("selected", True)
+        """
+        True if the item was selected, False if deselected.
+        """
+
+
+@document()
+class KeyUpData(EventData):
+    """
+    The gr.KeyUpData class is a subclass of gr.EventData that specifically carries information about the `.key_up()` event. When gr.KeyUpData
+    is added as a type hint to an argument of an event listener method, a gr.KeyUpData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+
+    Example:
+        import gradio as gr
+        def test(value, key_up_data: gr.KeyUpData):
+            return {
+                "component value": value,
+                "input value": key_up_data.input_value,
+                "key": key_up_data.key
+            }
+        with gr.Blocks() as demo:
+            d = gr.Dropdown(["abc", "def"], allow_custom_value=True)
+            t = gr.JSON()
+            d.key_up(test, d, t)
+        demo.launch()
+    Demos: dropdown_key_up
+    """
+
+    def __init__(self, target: Block | None, data: Any):
+        super().__init__(target, data)
+        self.key: str = data["key"]
+        """
+        The key that was pressed.
+        """
+        self.input_value: str = data["input_value"]
+        """
+        The displayed value in the input textbox after the key was pressed. This may be different than the `value`
+        attribute of the component itself, as the `value` attribute of some components (e.g. Dropdown) are not updated
+        until the user presses Enter.
+        """
+
+
+@document()
+class DeletedFileData(EventData):
+    """
+    The gr.DeletedFileData class is a subclass of gr.EventData that specifically carries information about the `.delete()` event. When gr.DeletedFileData
+    is added as a type hint to an argument of an event listener method, a gr.DeletedFileData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+    Example:
+        import gradio as gr
+        def test(delete_data: gr.DeletedFileData):
+            return delete_data.file.path
+        with gr.Blocks() as demo:
+            files = gr.File(file_count="multiple")
+            deleted_file = gr.File()
+            files.delete(test, None, deleted_file)
+        demo.launch()
+    Demos: file_component_events
+    """
+
+    def __init__(self, target: Block | None, data: FileDataDict):
+        super().__init__(target, data)
+        self.file: FileData = FileData(**data)  # type: ignore
+        """
+        The file that was deleted, as a FileData object.
+        """
+
+
+@document()
+class LikeData(EventData):
+    """
+    The gr.LikeData class is a subclass of gr.EventData that specifically carries information about the `.like()` event. When gr.LikeData
+    is added as a type hint to an argument of an event listener method, a gr.LikeData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+    Example:
+        import gradio as gr
+        def test(value, like_data: gr.LikeData):
+            return {
+                "chatbot_value": value,
+                "liked_message": like_data.value,
+                "liked_index": like_data.index,
+                "liked_or_disliked": like_data.liked
+            }
+        with gr.Blocks() as demo:
+            c = gr.Chatbot([("abc", "def")])
+            t = gr.JSON()
+            c.like(test, c, t)
+        demo.launch()
+    Demos: chatbot_core_components_simple
+    Guides: chatbot-specific-events
+    """
+
+    def __init__(self, target: Block | None, data: Any):
+        super().__init__(target, data)
+        self.index: int | tuple[int, int] = data["index"]
+        """
+        The index of the liked/disliked item. Is a tuple if the component is two dimensional.
+        """
+        self.value: Any = data["value"]
+        """
+        The value of the liked/disliked item.
+        """
+        self.liked: bool | str = data.get("liked", True)
+        """
+        True if the item was liked, False if disliked, or string value if any other feedback.
+        """
+
+
+@document()
+class RetryData(EventData):
+    """
+    The gr.RetryData class is a subclass of gr.Event data that specifically carries information about the `.retry()` event. When gr.RetryData
+    is added as a type hint to an argument of an event listener method, a gr.RetryData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+    Example:
+        import gradio as gr
+
+        def retry(retry_data: gr.RetryData, history: list[gr.MessageDict]):
+            history_up_to_retry = history[:retry_data.index]
+            new_response = ""
+            for token in api.chat_completion(history):
+                new_response += token
+                yield history + [new_response]
+
+        with gr.Blocks() as demo:
+            chatbot = gr.Chatbot()
+            chatbot.retry(retry, chatbot, chatbot)
+        demo.launch()
+    Guides: chatbot-specific-events
+    """
+
+    def __init__(self, target: Block | None, data: Any):
+        super().__init__(target, data)
+        self.index: int | tuple[int, int] = data["index"]
+        """
+        The index of the user message that should be retried.
+        """
+        self.value: Any = data["value"]
+        """
+        The value of the user message that should be retried.
+        """
+
+
+@document()
+class UndoData(EventData):
+    """
+    The gr.UndoData class is a subclass of gr.Event data that specifically carries information about the `.undo()` event. When gr.UndoData
+    is added as a type hint to an argument of an event listener method, a gr.UndoData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+    Example:
+        import gradio as gr
+
+        def undo(retry_data: gr.UndoData, history: list[gr.MessageDict]):
+            history_up_to_retry = history[:retry_data.index]
+            return history_up_to_retry
+
+        with gr.Blocks() as demo:
+            chatbot = gr.Chatbot()
+            chatbot.undo(undo, chatbot, chatbot)
+        demo.launch()
+    """
+
+    def __init__(self, target: Block | None, data: Any):
+        super().__init__(target, data)
+        self.index: int | tuple[int, int] = data["index"]
+        """
+        The index of the user message that should be undone.
+        """
+        self.value: Any = data["value"]
+        """
+        The value of the user message that should be undone.
+        """
+
+
+@document()
+class EditData(EventData):
+    """
+    The gr.EditData class is a subclass of gr.Event data that specifically carries information about the `.edit()` event. When gr.EditData
+    is added as a type hint to an argument of an event listener method, a gr.EditData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+    Example:
+        import gradio as gr
+
+        def edit(edit_data: gr.EditData, history: list[gr.MessageDict]):
+            history_up_to_edit = history[:edit_data.index]
+            history_up_to_edit[-1] = edit_data.value
+            return history_up_to_edit
+
+        with gr.Blocks() as demo:
+            chatbot = gr.Chatbot()
+            chatbot.undo(edit, chatbot, chatbot)
+        demo.launch()
+    Guides: chatbot-specific-events
+    """
+
+    def __init__(self, target: Block | None, data: Any):
+        super().__init__(target, data)
+        self.index: int | tuple[int, int] = data["index"]
+        """
+        The index of the message that was edited.
+        """
+        self.previous_value: Any = data["previous_value"]
+        """
+        The previous content of the message that was edited.
+        """
+        self.value: Any = data["value"]
+        """
+        The new content of the message that was edited.
+        """
+
+
+@document()
+class DownloadData(EventData):
+    """
+    The gr.DownloadData class is a subclass of gr.EventData that specifically carries information about the `.download()` event. When gr.DownloadData
+    is added as a type hint to an argument of an event listener method, a gr.DownloadData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+    Example:
+        import gradio as gr
+        def on_download(download_data: gr.DownloadData):
+            return f"Downloaded file: {download_data.file.path}"
+        with gr.Blocks() as demo:
+            files = gr.File()
+            textbox = gr.Textbox()
+            files.download(on_download, None, textbox)
+        demo.launch()
+    """
+
+    def __init__(self, target: Block | None, data: FileDataDict):
+        super().__init__(target, data)
+        self.file: FileData = FileData(**data)  # type: ignore
+        """
+        The file that was downloaded, as a FileData object.
+        """
+
+
+@document()
+class CopyData(EventData):
+    """
+    The gr.CopyData class is a subclass of gr.EventData that specifically carries information about the `.copy()` event. When gr.CopyData
+    is added as a type hint to an argument of an event listener method, a gr.CopyData object will automatically be passed as the value of that argument.
+    The attributes of this object contains information about the event that triggered the listener.
+    Example:
+        import gradio as gr
+        def on_copy(copy_data: gr.CopyData):
+            return f"Copied text: {copy_data.value}"
+        with gr.Blocks() as demo:
+            textbox = gr.Textbox("Hello World!")
+            copied = gr.Textbox()
+            textbox.copy(on_copy, None, copied)
+        demo.launch()
+    """
+
+    def __init__(self, target: Block | None, data: Any):
+        super().__init__(target, data)
+        self.value: Any = data["value"]
+        """
+        The value that was copied.
+        """
+
+
+@dataclasses.dataclass
+class EventListenerMethod:
+    block: Block | None
+    event_name: str
+
+
+if TYPE_CHECKING:
+    EventListenerCallable = Callable[
+        [
+            Union[Callable[..., Any], None],
+            Union[Component, Sequence[Component], None],
+            Union[Block, Sequence[Block], Sequence[Component], Component, None],
+            Union[str, None, Literal[False]],
+            bool,
+            Literal["full", "minimal", "hidden"],
+            Union[Component, Sequence[Component], None],
+            Union[bool, None],
+            bool,
+            int,
+            bool,
+            bool,
+            Union[dict[str, Any], list[dict[str, Any]], None],
+            Union[float, None],
+            Union[Literal["once", "multiple", "always_last"], None],
+            Union[str, None],
+            Union[int, None, Literal["default"]],
+            Union[str, None],
+            bool,
+        ],
+        Dependency,
+    ]
+    # Bound component event methods (e.g. button.click, tab.select) don't
+    # expose the ``block`` first-parameter present in EventListenerCallable,
+    # so we also accept any callable that returns a Dependency.
+    Trigger = Union[EventListenerCallable, Callable[..., Dependency]]
+
+
+class EventListener(str):
+    def __new__(cls, event_name, *_args, **_kwargs):
+        return super().__new__(cls, event_name)
+
+    def __init__(
+        self,
+        event_name: str,
+        has_trigger: bool = True,
+        config_data: Callable[..., dict[str, Any]] = lambda: {},
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        callback: Callable | None = None,
+        trigger_after: int | None = None,
+        trigger_only_on_success: bool = False,
+        trigger_only_on_failure: bool = False,
+        doc: str = "",
+        connection: Literal["sse", "stream"] = "sse",
+        event_specific_args: list[dict[str, str]] | None = None,
+    ):
+        super().__init__()
+        self.has_trigger = has_trigger
+        self.config_data = config_data
+        self.event_name = event_name
+        self.show_progress = show_progress
+        self.trigger_after = trigger_after
+        self.trigger_only_on_success = trigger_only_on_success
+        self.trigger_only_on_failure = trigger_only_on_failure
+        self.callback = callback
+        self.doc = doc
+        self.connection = connection
+        self.event_specific_args = event_specific_args or []
+        self.listener = self._setup(
+            event_name,
+            has_trigger,
+            show_progress,
+            callback,
+            trigger_after,
+            trigger_only_on_success,
+            trigger_only_on_failure,
+            self.event_specific_args,
+            self.connection,
+        )
+        if doc and self.listener.__doc__:
+            self.listener.__doc__ = doc + self.listener.__doc__
+
+    def set_doc(self, component: str):
+        if self.listener.__doc__:
+            doc = Template(self.listener.__doc__).render(component=component)
+            self.listener.__doc__ = doc
+
+    def copy(self):
+        return EventListener(
+            self.event_name,
+            self.has_trigger,
+            self.config_data,
+            self.show_progress,  # type: ignore
+            self.callback,
+            self.trigger_after,
+            self.trigger_only_on_success,
+            self.trigger_only_on_failure,
+            self.doc,
+            self.connection,  # type: ignore
+            self.event_specific_args,
+        )
+
+    @staticmethod
+    def _setup(
+        _event_name: str,
+        _has_trigger: bool,
+        _show_progress: Literal["full", "minimal", "hidden"],
+        _callback: Callable | None,
+        _trigger_after: int | None,
+        _trigger_only_on_success: bool,
+        _trigger_only_on_failure: bool,
+        _event_specific_args: list[dict[str, str]],
+        _connection: Literal["sse", "stream"] = "sse",
+    ):
+        def event_trigger(
+            block: Block | None,
+            fn: Callable | None | Literal["decorator"] = "decorator",
+            inputs: Component
+            | BlockContext
+            | Sequence[Component | BlockContext]
+            | Set[Component | BlockContext]
+            | None = None,
+            outputs: Component
+            | BlockContext
+            | Sequence[Component | BlockContext]
+            | Set[Component | BlockContext]
+            | None = None,
+            api_name: str | None = None,
+            api_description: str | None | Literal[False] = None,
+            scroll_to_output: bool = False,
+            show_progress: Literal["full", "minimal", "hidden"] = _show_progress,
+            show_progress_on: Component | Sequence[Component] | None = None,
+            queue: bool = True,
+            batch: bool = False,
+            max_batch_size: int = 4,
+            preprocess: bool = True,
+            postprocess: bool = True,
+            cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+            trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+            js: str | Literal[True] | None = None,
+            concurrency_limit: int | None | Literal["default"] = "default",
+            concurrency_id: str | None = None,
+            api_visibility: Literal["public", "private", "undocumented"] = "public",
+            time_limit: int | None = None,
+            stream_every: float = 0.5,
+            key: int | str | tuple[int | str, ...] | None = None,
+            validator: Callable | None = None,
+        ) -> Dependency:
+            """
+            Parameters:
+                fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+                inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+                outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+                api_name: defines how the endpoint appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None (default), the name of the function will be used as the API endpoint.
+                api_description: Description of the API endpoint. Can be a string, None, or False. If set to a string, the endpoint will be exposed in the API docs with the given description. If None, the function's docstring will be used as the API endpoint description. If False, then no description will be displayed in the API docs.
+                scroll_to_output: If True, will scroll to output component on completion
+                show_progress: how to show the progress animation while event is running: "full" shows a spinner which covers the output component area as well as a runtime display in the upper right corner, "minimal" only shows the runtime display, "hidden" shows no progress animation at all
+                show_progress_on: Component or list of components to show the progress animation on. If None, will show the progress animation on all of the output components.
+                queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+                batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+                max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+                preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+                postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+                cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+                trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` and `.key_up()` events) would allow a second submission after the pending event is complete.
+                js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs' and 'outputs', return should be a list of values for output components.
+                concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).
+                concurrency_id: If set, this is the id of the concurrency group. Events with the same concurrency_id will be limited by the lowest set concurrency_limit.
+                api_visibility: controls the visibility and accessibility of this endpoint. Can be "public" (shown in API docs and callable by clients), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable by clients and via gr.load). If fn is None, api_visibility will automatically be set to "private".
+                key: A unique key for this event listener to be used in @gr.render(). If set, this value identifies an event as identical across re-renders when the key is identical.
+                validator: Optional validation function to run before the main function. If provided, this function will be executed first with queue=False, and only if it completes successfully will the main function be called. The validator receives the same inputs as the main function and should return a `gr.validate()` for each input value.
+            """
+
+            if fn == "decorator":
+                root_block = get_blocks_context()
+                js_only_dep: Dependency | None = None
+                created_fn_ids: set[int] = set()
+                prior_fn_id = post_fn_id = 0
+                if isinstance(js, str) and root_block is not None:
+                    # A js string can run entirely in the frontend without a backend
+                    # fn, so register the event immediately with fn=None in case this
+                    # call is not being used as a decorator, e.g. `btn.click(js=...)`.
+                    # If it is used as a decorator after all, `wrapper` removes this
+                    # js-only event before registering the decorated function.
+                    prior_fn_ids = set(root_block.fns)
+                    prior_fn_id = root_block.fn_id
+                    js_only_dep = event_trigger(
+                        block=block,
+                        fn=None,
+                        inputs=inputs,
+                        outputs=outputs,
+                        api_name=api_name,
+                        api_description=api_description,
+                        scroll_to_output=scroll_to_output,
+                        show_progress=show_progress,
+                        show_progress_on=show_progress_on,
+                        queue=queue,
+                        batch=batch,
+                        max_batch_size=max_batch_size,
+                        preprocess=preprocess,
+                        postprocess=postprocess,
+                        cancels=cancels,
+                        trigger_mode=trigger_mode,
+                        js=js,
+                        concurrency_limit=concurrency_limit,
+                        concurrency_id=concurrency_id,
+                        api_visibility=api_visibility,
+                        time_limit=time_limit,
+                        stream_every=stream_every,
+                        key=key,
+                        validator=validator,
+                    )
+                    created_fn_ids = set(root_block.fns) - prior_fn_ids
+                    post_fn_id = root_block.fn_id
+
+                def wrapper(func):
+                    if js_only_dep is not None and root_block is not None:
+                        for fn_id in created_fn_ids:
+                            root_block.fns.pop(fn_id, None)
+                        if root_block.fn_id == post_fn_id:
+                            root_block.fn_id = prior_fn_id
+                    event_trigger(
+                        block=block,
+                        fn=func,
+                        inputs=inputs,
+                        outputs=outputs,
+                        api_name=api_name,
+                        api_description=api_description,
+                        scroll_to_output=scroll_to_output,
+                        show_progress=show_progress,
+                        show_progress_on=show_progress_on,
+                        queue=queue,
+                        batch=batch,
+                        max_batch_size=max_batch_size,
+                        preprocess=preprocess,
+                        postprocess=postprocess,
+                        cancels=cancels,
+                        trigger_mode=trigger_mode,
+                        js=js,
+                        concurrency_limit=concurrency_limit,
+                        concurrency_id=concurrency_id,
+                        api_visibility=api_visibility,
+                        time_limit=time_limit,
+                        stream_every=stream_every,
+                        key=key,
+                        validator=validator,
+                    )
+
+                    @wraps(func)
+                    def inner(*args, **kwargs):
+                        return func(*args, **kwargs)
+
+                    return inner
+
+                if js_only_dep is not None:
+                    js_only_dep.fn = wrapper
+                    return js_only_dep
+                return Dependency(None, {}, None, wrapper)
+
+            from gradio.components.base import StreamingInput
+
+            if isinstance(block, StreamingInput) and "stream" in block.events:
+                block.check_streamable()  # type: ignore
+            if isinstance(show_progress, bool):
+                show_progress = "full" if show_progress else "hidden"
+
+            root_block = get_blocks_context()
+            if root_block is None:
+                raise AttributeError(
+                    f"Cannot call {_event_name} outside of a gradio.Blocks context."
+                )
+
+            event_target = EventListenerMethod(
+                block if _has_trigger else None, _event_name
+            )
+
+            dep, dep_index = root_block.set_event_trigger(
+                [event_target],
+                fn,
+                inputs,
+                outputs,
+                preprocess=preprocess,
+                postprocess=postprocess,
+                scroll_to_output=scroll_to_output,
+                show_progress=show_progress,
+                show_progress_on=show_progress_on,
+                api_name=api_name,
+                api_description=api_description,
+                js=js,
+                concurrency_limit=concurrency_limit,
+                concurrency_id=concurrency_id,
+                queue=queue,
+                batch=batch,
+                max_batch_size=max_batch_size,
+                trigger_after=_trigger_after,
+                trigger_only_on_success=_trigger_only_on_success,
+                trigger_only_on_failure=_trigger_only_on_failure,
+                trigger_mode=trigger_mode,
+                api_visibility=api_visibility,
+                connection=_connection,
+                time_limit=time_limit,
+                stream_every=stream_every,
+                event_specific_args=[
+                    d["name"]
+                    for d in _event_specific_args
+                    if d.get("component_prop", "true") != "false"
+                ]
+                if _event_specific_args
+                else None,
+                key=key,
+                validator=validator,
+            )
+            set_cancel_events(
+                [event_target],
+                cancels,
+            )
+            if _callback:
+                _callback(block)
+            return Dependency(block, dep.get_config(), dep_index, fn)
+
+        event_trigger.event_name = _event_name  # type: ignore
+        event_trigger.has_trigger = _has_trigger  # type: ignore
+        event_trigger.callback = _callback  # type: ignore
+        event_trigger.connection = _connection  # type: ignore
+        event_specific_args = (
+            [
+                d["name"]
+                for d in _event_specific_args
+                if d.get("component_prop", "true") != "false"
+            ]
+            if _event_specific_args
+            else None
+        )
+        event_trigger.event_specific_args = event_specific_args  # type: ignore
+        return event_trigger
+
+
+@document()
+def on(
+    triggers: Sequence[Trigger] | Trigger | None = None,
+    fn: Callable[..., Any] | None | Literal["decorator"] = "decorator",
+    inputs: Component
+    | BlockContext
+    | Sequence[Component | BlockContext]
+    | Set[Component | BlockContext]
+    | None = None,
+    outputs: Component
+    | BlockContext
+    | Sequence[Component | BlockContext]
+    | Set[Component | BlockContext]
+    | None = None,
+    *,
+    api_visibility: Literal["public", "private", "undocumented"] = "public",
+    api_name: str | None = None,
+    api_description: str | None | Literal[False] = None,
+    scroll_to_output: bool = False,
+    show_progress: Literal["full", "minimal", "hidden"] = "full",
+    show_progress_on: Component | Sequence[Component] | None = None,
+    queue: bool = True,
+    batch: bool = False,
+    max_batch_size: int = 4,
+    preprocess: bool = True,
+    postprocess: bool = True,
+    cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+    trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+    js: str | Literal[True] | None = None,
+    concurrency_limit: int | None | Literal["default"] = "default",
+    concurrency_id: str | None = None,
+    time_limit: int | None = None,
+    stream_every: float = 0.5,
+    key: int | str | tuple[int | str, ...] | None = None,
+    validator: Callable | None = None,
+) -> Dependency:
+    """
+    Sets up an event listener that triggers a function when the specified event(s) occur. This is especially
+    useful when the same function should be triggered by multiple events. Only a single API endpoint is generated
+    for all events in the triggers list.
+
+    Parameters:
+        triggers: List of triggers to listen to, e.g. [btn.click, number.change]. If None, will run on app load and changes to any inputs.
+        fn: the function to call when this event is triggered. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+        inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+        outputs: List of gradio.components to use as outputs. If the function returns no outputs, this should be an empty list.
+        api_name: defines how the endpoint appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None (default), the name of the function will be used as the API endpoint.
+        scroll_to_output: If True, will scroll to output component on completion
+        show_progress: how to show the progress animation while event is running: "full" shows a spinner which covers the output component area as well as a runtime display in the upper right corner, "minimal" only shows the runtime display, "hidden" shows no progress animation at all,
+        show_progress_on: Component or list of components to show the progress animation on. If None, will show the progress animation on all of the output components.
+        queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+        batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+        max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+        preprocess: If False, will not run preprocessing of component data before running 'fn' (e.g. leaving it as a base64 string if this method is called with the `Image` component).
+        postprocess: If False, will not run postprocessing of component data before returning 'fn' output to the browser.
+        cancels: A list of other events to cancel when this listener is triggered. For example, setting cancels=[click_event] will cancel the click_event, where click_event is the return value of another components .click method. Functions that have not yet run (or generators that are iterating) will be cancelled, but functions that are currently running will be allowed to finish.
+        trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` and `.key_up()` events) would allow a second submission after the pending event is complete.
+        js: Optional frontend js method to run before running 'fn'. Input arguments for js method are values of 'inputs', return should be a list of values for output components.
+        concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).
+        concurrency_id: If set, this is the id of the concurrency group. Events with the same concurrency_id will be limited by the lowest set concurrency_limit.
+        api_visibility: controls the visibility and accessibility of this endpoint. Can be "public" (shown in API docs and callable by clients), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable by clients and via gr.load). If fn is None, api_visibility will automatically be set to "private".
+        time_limit: The time limit for the function to run. Parameter only used for the `.stream()` event.
+        stream_every: The latency (in seconds) at which stream chunks are sent to the backend. Defaults to 0.5 seconds. Parameter only used for the `.stream()` event.
+        validator: Optional validation function to run before the main function. If provided, this function will be executed first with queue=False, and only if it completes successfully will the main function be called. The validator receives the same inputs as the main function and should return a `gr.validate()` for each input value.
+    Example:
+        import gradio as gr
+        with gr.Blocks() as demo:
+            with gr.Row():
+                input = gr.Textbox()
+                button = gr.Button("Submit")
+            output = gr.Textbox()
+            gr.on(
+                triggers=[button.click, input.submit],
+                fn=lambda x: x,
+                inputs=[input],
+                outputs=[output]
+            )
+        demo.launch()
+    """
+    from gradio.blocks import Block
+
+    if not isinstance(triggers, Sequence) and triggers is not None:
+        triggers = [triggers]
+    triggers_typed = cast(Sequence[EventListener], triggers)
+
+    if isinstance(inputs, Block):
+        inputs = [inputs]  # type: ignore
+
+    if fn == "decorator":
+        root_block = get_blocks_context()
+        js_only_dep: Dependency | None = None
+        created_fn_ids: set[int] = set()
+        prior_fn_id = post_fn_id = 0
+        if isinstance(js, str) and root_block is not None:
+            # A js string can run entirely in the frontend without a backend fn, so
+            # register the event immediately with fn=None in case this call is not
+            # being used as a decorator, e.g. `gr.on(triggers, js=...)`. If it is
+            # used as a decorator after all, `wrapper` removes this js-only event
+            # before registering the decorated function.
+            prior_fn_ids = set(root_block.fns)
+            prior_fn_id = root_block.fn_id
+            js_only_dep = on(
+                triggers,
+                fn=None,
+                inputs=inputs,
+                outputs=outputs,
+                api_name=api_name,
+                api_description=api_description,
+                scroll_to_output=scroll_to_output,
+                show_progress=show_progress,
+                show_progress_on=show_progress_on,
+                queue=queue,
+                batch=batch,
+                max_batch_size=max_batch_size,
+                preprocess=preprocess,
+                postprocess=postprocess,
+                cancels=cancels,
+                js=js,
+                concurrency_limit=concurrency_limit,
+                concurrency_id=concurrency_id,
+                api_visibility=api_visibility,
+                trigger_mode=trigger_mode,
+                time_limit=time_limit,
+                stream_every=stream_every,
+                key=key,
+                validator=validator,
+            )
+            created_fn_ids = set(root_block.fns) - prior_fn_ids
+            post_fn_id = root_block.fn_id
+
+        def wrapper(func):
+            if js_only_dep is not None and root_block is not None:
+                for fn_id in created_fn_ids:
+                    root_block.fns.pop(fn_id, None)
+                if root_block.fn_id == post_fn_id:
+                    root_block.fn_id = prior_fn_id
+            on(
+                triggers,
+                fn=func,
+                inputs=inputs,
+                outputs=outputs,
+                api_name=api_name,
+                api_description=api_description,
+                scroll_to_output=scroll_to_output,
+                show_progress=show_progress,
+                show_progress_on=show_progress_on,
+                queue=queue,
+                batch=batch,
+                max_batch_size=max_batch_size,
+                preprocess=preprocess,
+                postprocess=postprocess,
+                cancels=cancels,
+                js=js,
+                concurrency_limit=concurrency_limit,
+                concurrency_id=concurrency_id,
+                api_visibility=api_visibility,
+                trigger_mode=trigger_mode,
+                time_limit=time_limit,
+                stream_every=stream_every,
+                key=key,
+                validator=validator,
+            )
+
+            @wraps(func)
+            def inner(*args, **kwargs):
+                return func(*args, **kwargs)
+
+            return inner
+
+        if js_only_dep is not None:
+            js_only_dep.fn = wrapper
+            return js_only_dep
+        return Dependency(None, {}, None, wrapper)
+
+    root_block = get_blocks_context()
+    if root_block is None:
+        raise Exception("Cannot call on() outside of a gradio.Blocks context.")
+    if triggers is None:
+        methods = (
+            [EventListenerMethod(input, "change") for input in inputs]  # type: ignore
+            if inputs is not None
+            else []
+        ) + [EventListenerMethod(root_block, "load")]  # type: ignore
+    else:
+        methods = [
+            EventListenerMethod(t.__self__ if t.has_trigger else None, t.event_name)  # type: ignore
+            for t in triggers_typed
+        ]
+    if triggers:
+        for trigger in triggers:
+            if trigger.callback:  # type: ignore
+                trigger.callback(trigger.__self__)  # type: ignore
+    dep, dep_index = root_block.set_event_trigger(
+        methods,
+        fn,
+        inputs,
+        outputs,
+        preprocess=preprocess,
+        postprocess=postprocess,
+        scroll_to_output=scroll_to_output,
+        show_progress=show_progress,
+        show_progress_on=show_progress_on,
+        api_name=api_name,
+        api_description=api_description,
+        js=js,
+        concurrency_limit=concurrency_limit,
+        concurrency_id=concurrency_id,
+        queue=queue,
+        batch=batch,
+        max_batch_size=max_batch_size,
+        api_visibility=api_visibility,
+        trigger_mode=trigger_mode,
+        connection="stream"
+        if any(t.connection == "stream" for t in (triggers_typed or []))
+        else "sse",
+        event_specific_args=[
+            a
+            for t in (triggers_typed or [])
+            for a in cast(list[str], t.event_specific_args or [])
+        ],
+        time_limit=time_limit,
+        stream_every=stream_every,
+        key=key,
+        validator=validator,
+    )
+    set_cancel_events(methods, cancels)
+    return Dependency(None, dep.get_config(), dep_index, fn)
+
+
+@document()
+def api(
+    fn: Callable | Literal["decorator"] = "decorator",
+    *,
+    api_name: str | None = None,
+    api_description: str | None = None,
+    queue: bool = True,
+    batch: bool = False,
+    max_batch_size: int = 4,
+    concurrency_limit: int | None | Literal["default"] = "default",
+    concurrency_id: str | None = None,
+    api_visibility: Literal["public", "private", "undocumented"] = "public",
+    time_limit: int | None = None,
+    stream_every: float = 0.5,
+) -> Dependency:
+    """
+    Sets up an API or MCP endpoint for a generic function without needing define events listeners or components. Derives its typing from type hints in the provided function's signature rather than the components.
+
+    Parameters:
+        fn: the function to call when this event is triggered. Often a machine learning model's prediction function. The function should be fully typed, and the type hints will be used to derive the typing information for the API/MCP endpoint.
+        api_name: defines how the endpoint appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None (default), the name of the function will be used as the API endpoint.
+        api_description: Description of the API endpoint. Can be a string, None, or False. If set to a string, the endpoint will be exposed in the API docs with the given description. If None, the function's docstring will be used as the API endpoint description. If False, then no description will be displayed in the API docs.
+        queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+        batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+        max_batch_size: Maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+        concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).
+        concurrency_id: If set, this is the id of the concurrency group. Events with the same concurrency_id will be limited by the lowest set concurrency_limit.
+        api_visibility: controls the visibility and accessibility of this endpoint. Can be "public" (shown in API docs and callable by clients), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable by clients and via gr.load). If fn is None, api_visibility will automatically be set to "private".
+        time_limit: The time limit for the function to run. Parameter only used for the `.stream()` event.
+        stream_every: The latency (in seconds) at which stream chunks are sent to the backend. Defaults to 0.5 seconds. Parameter only used for the `.stream()` event.
+    Example:
+        import gradio as gr
+        with gr.Blocks() as demo:
+            with gr.Row():
+                input = gr.Textbox()
+                button = gr.Button("Submit")
+            output = gr.Textbox()
+            def fn(a: int, b: int, c: list[str]) -> tuple[int, str]:
+                return a + b, c[a:b]
+            gr.api(fn, api_name="add_and_slice")
+        _, url, _ = demo.launch()
+
+        from gradio_client import Client
+        client = Client(url)
+        result = client.predict(
+                a=3,
+                b=5,
+                c=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+                api_name="/add_and_slice"
+        )
+        print(result)
+    """
+    if fn == "decorator":
+
+        def wrapper(func):
+            api(
+                fn=func,
+                api_name=api_name,
+                api_description=api_description,
+                queue=queue,
+                batch=batch,
+                max_batch_size=max_batch_size,
+                concurrency_limit=concurrency_limit,
+                concurrency_id=concurrency_id,
+                api_visibility=api_visibility,
+                time_limit=time_limit,
+                stream_every=stream_every,
+            )
+
+            @wraps(func)
+            def inner(*args, **kwargs):
+                return func(*args, **kwargs)
+
+            return inner
+
+        return Dependency(None, {}, None, wrapper)
+
+    root_block = get_blocks_context()
+    if root_block is None:
+        raise Exception("Cannot call api() outside of a gradio.Blocks context.")
+
+    from gradio.components.api_component import Api
+
+    fn_params = get_function_params(fn)
+    return_types = get_return_types(fn)
+
+    def ordinal(n):
+        return f"{n}{'th' if 10 <= n % 100 <= 20 else {1: 'st', 2: 'nd', 3: 'rd'}.get(n % 10, 'th')}"
+
+    if any(param[3] is None for param in fn_params):
+        raise ValueError(
+            "API endpoints must have type hints. Please specify a type hint for all parameters."
+        )
+    inputs = [
+        Api(
+            default_value if has_default else None,
+            python_type_to_json_schema(_type),
+            ordinal(i + 1),
+        )
+        for i, (_, has_default, default_value, _type) in enumerate(fn_params)
+    ]
+    outputs = [
+        Api(None, python_type_to_json_schema(type), ordinal(i + 1))
+        for i, type in enumerate(return_types)
+    ]
+
+    dep, dep_index = root_block.set_event_trigger(
+        [],
+        fn,
+        inputs,
+        outputs,
+        preprocess=False,
+        postprocess=False,
+        scroll_to_output=False,
+        show_progress="hidden",
+        api_name=api_name,
+        api_description=api_description,
+        js=None,
+        concurrency_limit=concurrency_limit,
+        concurrency_id=concurrency_id,
+        queue=queue,
+        batch=batch,
+        max_batch_size=max_batch_size,
+        api_visibility=api_visibility,
+        trigger_mode=None,
+        time_limit=time_limit,
+        stream_every=stream_every,
+    )
+    return Dependency(None, dep.get_config(), dep_index, fn)
+
+
+class Events:
+    change = EventListener(
+        "change",
+        doc="Triggered when the value of the {{ component }} changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input.",
+    )
+    input = EventListener(
+        "input",
+        doc="This listener is triggered when the user changes the value of the {{ component }}.",
+    )
+    click = EventListener("click", doc="Triggered when the {{ component }} is clicked.")
+    double_click = EventListener(
+        "double_click", doc="Triggered when the {{ component }} is double clicked."
+    )
+    submit = EventListener(
+        "submit",
+        doc="This listener is triggered when the user presses the Enter key while the {{ component }} is focused.",
+    )
+    stop = EventListener(
+        "stop",
+        doc="This listener is triggered when the user clicks on the stop button or icon.",
+    )
+    edit = EventListener(
+        "edit",
+        doc="This listener is triggered when the user edits the {{ component }} (e.g. image) using the built-in editor.",
+        callback=lambda block: (
+            setattr(block, "editable", "user")
+            if getattr(block, "editable", None) is None
+            else None
+        ),
+    )
+    clear = EventListener(
+        "clear",
+        doc="This listener is triggered when the user clears the {{ component }} using the clear button for the component.",
+    )
+    play = EventListener(
+        "play",
+        doc="This listener is triggered when the user plays the media in the {{ component }}.",
+    )
+    pause = EventListener(
+        "pause",
+        doc="This listener is triggered when the media in the {{ component }} stops for any reason.",
+    )
+    stop = EventListener(
+        "stop",
+        doc="This listener is triggered when the user reaches the end of the media playing in the {{ component }}.",
+    )
+    end = EventListener(
+        "end",
+        doc="This listener is triggered when the user reaches the end of the media playing in the {{ component }}.",
+    )
+    start_recording = EventListener(
+        "start_recording",
+        doc="This listener is triggered when the user starts recording with the {{ component }}.",
+    )
+    pause_recording = EventListener(
+        "pause_recording",
+        doc="This listener is triggered when the user pauses recording with the {{ component }}.",
+    )
+    stop_recording = EventListener(
+        "stop_recording",
+        doc="This listener is triggered when the user stops recording with the {{ component }}.",
+    )
+    focus = EventListener(
+        "focus", doc="This listener is triggered when the {{ component }} is focused."
+    )
+    blur = EventListener(
+        "blur",
+        doc="This listener is triggered when the {{ component }} is unfocused/blurred.",
+    )
+    upload = EventListener(
+        "upload",
+        doc="This listener is triggered when the user uploads a file into the {{ component }}.",
+    )
+    release = EventListener(
+        "release",
+        doc="This listener is triggered when the user releases the mouse on this {{ component }}.",
+    )
+    select = EventListener(
+        "select",
+        callback=lambda block: setattr(block, "_selectable", True),
+        doc="Event listener for when the user selects or deselects the {{ component }}. Uses event data gradio.SelectData to carry `value` referring to the label of the {{ component }}, and `selected` to refer to state of the {{ component }}. See https://www.gradio.app/main/docs/gradio/eventdata for more details.",
+    )
+    stream = EventListener(
+        "stream",
+        config_data=lambda: {"streamable": False},
+        callback=lambda block: setattr(block, "streaming", True),
+        doc="This listener is triggered when the user streams the {{ component }}.",
+        connection="stream",
+        show_progress="minimal",
+        event_specific_args=[
+            {
+                "name": "stream_every",
+                "type": "float = 0.5",
+                "doc": "The latency (in seconds) at which stream chunks are sent to the backend. Defaults to 0.5 seconds. Parameter only used for the `.stream()` event.",
+            },
+            {
+                "name": "time_limit",
+                "type": "float | None = None",
+                "doc": "The time limit for the function to run. Parameter only used for the `.stream()` event.",
+                "component_prop": "false",
+            },
+        ],
+    )
+    like = EventListener(
+        "like",
+        config_data=lambda: {"likeable": False},
+        callback=lambda block: setattr(block, "likeable", True),
+        doc="This listener is triggered when the user likes/dislikes from within the {{ component }}. This event has EventData of type gradio.LikeData that carries information, accessible through LikeData.index and LikeData.value. See EventData documentation on how to use this event data.",
+    )
+    example_select = EventListener(
+        "example_select",
+        doc="This listener is triggered when the user clicks on an example from within the {{ component }}. This event has SelectData of type gradio.SelectData that carries information, accessible through SelectData.index and SelectData.value. See SelectData documentation on how to use this event data.",
+    )
+    option_select = EventListener(
+        "option_select",
+        doc="This listener is triggered when the user clicks on an option from within the {{ component }}. This event has SelectData of type gradio.SelectData that carries information, accessible through SelectData.index and SelectData.value. See SelectData documentation on how to use this event data.",
+    )
+    load = EventListener(
+        "load",
+        doc="This listener is triggered when the {{ component }} initially loads in the browser.",
+    )
+    key_up = EventListener(
+        "key_up",
+        doc="This listener is triggered when the user presses a key while the {{ component }} is focused.",
+    )
+    apply = EventListener(
+        "apply",
+        doc="This listener is triggered when the user applies changes to the {{ component }} through an integrated UI action.",
+    )
+    delete = EventListener(
+        "delete",
+        doc="This listener is triggered when the user deletes and item from the {{ component }}. Uses event data gradio.DeletedFileData to carry `value` referring to the file that was deleted as an instance of FileData. See EventData documentation on how to use this event data",
+    )
+    tick = EventListener(
+        "tick",
+        doc="This listener is triggered at regular intervals defined by the {{ component }}.",
+        show_progress="hidden",
+    )
+    undo = EventListener(
+        "undo",
+        doc="This listener is triggered when the user clicks the undo button in the chatbot message.",
+        callback=lambda block: setattr(block, "_undoable", True),
+        config_data=lambda: {"_undoable": False},
+    )
+    retry = EventListener(
+        "retry",
+        doc="This listener is triggered when the user clicks the retry button in the chatbot message.",
+        callback=lambda block: setattr(block, "_retryable", True),
+        config_data=lambda: {"_retryable": False},
+    )
+    expand = EventListener(
+        "expand",
+        doc="This listener is triggered when the {{ component }} is expanded.",
+    )
+    collapse = EventListener(
+        "collapse",
+        doc="This listener is triggered when the {{ component }} is collapsed.",
+    )
+    download = EventListener(
+        "download",
+        doc="This listener is triggered when the user downloads a file from the {{ component }}. Uses event data gradio.DownloadData to carry information about the downloaded file as a FileData object. See EventData documentation on how to use this event data",
+    )
+    copy = EventListener(
+        "copy",
+        doc="This listener is triggered when the user copies content from the {{ component }}. Uses event data gradio.CopyData to carry information about the copied content. See EventData documentation on how to use this event data",
+    )
+
+
+all_events = [
+    event_listener
+    for _, event_listener in Events.__dict__.items()
+    if isinstance(event_listener, EventListener)
+]
diff --git a/gradio/exceptions.py b/gradio/exceptions.py
new file mode 100644
index 0000000..580b36e
--- /dev/null
+++ b/gradio/exceptions.py
@@ -0,0 +1,130 @@
+from __future__ import annotations
+
+from gradio_client.documentation import document
+from gradio_client.exceptions import AppError
+
+
+class DuplicateBlockError(ValueError):
+    """Raised when a Blocks contains more than one Block with the same id"""
+
+    pass
+
+
+class InvalidComponentError(ValueError):
+    """Raised when invalid components are used."""
+
+    pass
+
+
+class ModelNotFoundError(Exception):
+    """Raised when the provided model doesn't exists or is not found by the provided api url."""
+
+    pass
+
+
+class RenderError(Exception):
+    """Raised when a component has not been rendered in the current Blocks but is expected to have been rendered."""
+
+    pass
+
+
+class InvalidApiNameError(ValueError):
+    pass
+
+
+class ServerFailedToStartError(Exception):
+    pass
+
+
+class InvalidBlockError(ValueError):
+    """Raised when an event in a Blocks contains a reference to a Block that is not in the original Blocks"""
+
+    pass
+
+
+class ReloadError(ValueError):
+    """Raised when something goes wrong when reloading the gradio app."""
+
+    pass
+
+
+class GradioVersionIncompatibleError(Exception):
+    """Raised when loading a 3.x space with 4.0"""
+
+    pass
+
+
+class ComponentProcessingError(ValueError):
+    """Raised when a component fails to pre/postprocess a value passed to or
+    returned from an event handler. Wraps the original exception with information
+    identifying which component/argument was at fault."""
+
+    pass
+
+
+InvalidApiName = InvalidApiNameError  # backwards compatibility
+
+
+@document(documentation_group="modals")
+class Error(AppError):
+    """
+    This class allows you to pass custom error messages to the user. You can do so by raising a gr.Error("custom message") anywhere in the code, and when that line is executed the custom message will appear in a modal on the demo.
+    Example:
+        import gradio as gr
+        def divide(numerator, denominator):
+            if denominator == 0:
+                raise gr.Error("Cannot divide by zero!")
+        gr.Interface(divide, ["number", "number"], "number").launch()
+    Demos: calculator, blocks_chained_events
+    Guides: alerts
+    """
+
+    def __init__(
+        self,
+        message: str = "Error raised.",
+        duration: float | None = 10,
+        visible: bool = True,
+        title: str = "Error",
+        print_exception: bool = True,
+    ):
+        """
+        Parameters:
+            message: The error message to be displayed to the user. Can be HTML, which will be rendered in the modal.
+            duration: The duration in seconds to display the error message. If None or 0, the error message will be displayed until the user closes it.
+            visible: Whether the error message should be displayed in the UI.
+            title: The title to be displayed to the user at the top of the error modal.
+            print_exception: Whether to print traceback of the error to the console when the error is raised.
+        """
+        super().__init__(
+            message=message,
+            duration=duration,
+            visible=visible,
+            title=title,
+            print_exception=print_exception,
+        )
+
+    def __str__(self):
+        return repr(self.message)
+
+
+class ComponentDefinitionError(NotImplementedError):
+    pass
+
+
+class InvalidPathError(ValueError):
+    pass
+
+
+class ChecksumMismatchError(Exception):
+    pass
+
+
+class ShareCertificateWriteError(RuntimeError):
+    pass
+
+
+class TooManyRequestsError(Error):
+    """Raised when the Hugging Face API returns a 429 status code."""
+
+    def __init__(self, message: str = "Too many requests. Please try again later."):
+        super().__init__(message)
diff --git a/gradio/external.py b/gradio/external.py
new file mode 100644
index 0000000..0496c5b
--- /dev/null
+++ b/gradio/external.py
@@ -0,0 +1,1064 @@
+"""This module should not be used directly as its API is subject to change. Instead,
+use the `gr.Blocks.load()` or `gr.load()` functions."""
+
+from __future__ import annotations
+
+import json
+import os
+import re
+import tempfile
+import warnings
+from collections.abc import Callable, Generator
+from pathlib import Path
+from typing import TYPE_CHECKING, Literal
+
+import httpx
+import huggingface_hub
+from gradio_client import Client
+from gradio_client.client import Endpoint
+from gradio_client.documentation import document
+from gradio_client.utils import encode_url_or_file_to_base64, is_http_url_like
+from packaging import version
+
+import gradio as gr
+from gradio import components, external_utils, utils
+from gradio.components.multimodal_textbox import MultimodalValue
+from gradio.context import Context
+from gradio.exceptions import (
+    GradioVersionIncompatibleError,
+    TooManyRequestsError,
+)
+from gradio.processing_utils import save_base64_to_cache, to_binary
+
+if TYPE_CHECKING:
+    from huggingface_hub.inference._providers import PROVIDER_T
+
+    from gradio.blocks import Blocks
+    from gradio.chat_interface import ChatInterface
+    from gradio.components.chatbot import NormalizedMessageDict
+    from gradio.components.login_button import LoginButton
+    from gradio.interface import Interface
+
+
+@document()
+def load(
+    name: str,
+    src: Callable[[str, str | None], Blocks]
+    | Literal["models", "spaces", "huggingface"]
+    | None = None,
+    token: str | None = None,
+    accept_token: bool | LoginButton = False,
+    provider: PROVIDER_T | None = None,
+    **kwargs,
+) -> Blocks:
+    """
+    Constructs a Gradio app automatically from a Hugging Face model/Space repo name or a 3rd-party API provider. Note that if a Space repo is loaded, certain high-level attributes of the Blocks (e.g. custom `css`, `js`, and `head` attributes) will not be loaded.
+    Parameters:
+        name: the name of the model (e.g. "google/vit-base-patch16-224") or Space (e.g. "flax-community/spanish-gpt2"). This is the first parameter passed into the `src` function. Can also be formatted as {src}/{repo name} (e.g. "models/google/vit-base-patch16-224") if `src` is not provided.
+        src: function that accepts a string model `name` and a string or None `token` and returns a Gradio app. Alternatively, this parameter takes one of two strings for convenience: "models" (for loading a Hugging Face model through the Inference API) or "spaces" (for loading a Hugging Face Space). If None, uses the prefix of the `name` parameter to determine `src`.
+        token: optional token that is passed as the second parameter to the `src` function. If not explicitly provided, will use the HF_TOKEN environment variable or fallback to the locally-saved HF token when loading models but not Spaces (when loading Spaces, only provide a token if you are loading a trusted private Space as the token can be read by the Space you are loading). Find your HF tokens here: https://huggingface.co/settings/tokens.
+        accept_token: if True, a Textbox component is first rendered to allow the user to provide a token, which will be used instead of the `token` parameter when calling the loaded model or Space. Can also provide an instance of a gr.LoginButton in the same Blocks scope, which allows the user to login with a Hugging Face account whose token will be used instead of the `token` parameter when calling the loaded model or Space.
+        kwargs: additional keyword parameters to pass into the `src` function. If `src` is "models" or "Spaces", these parameters are passed into the `gr.Interface` or `gr.ChatInterface` constructor.
+        provider: the name of the third-party (non-Hugging Face) providers to use for model inference (e.g. "replicate", "sambanova", "fal-ai", etc). Should be one of the providers supported by `huggingface_hub.InferenceClient`. This parameter is only used when `src` is "models"
+    Returns:
+        a Gradio Blocks app for the given model
+    Example:
+        import gradio as gr
+        demo = gr.load("gradio/question-answering", src="spaces")
+        demo.launch()
+    """
+    if src is None:
+        # Separate the repo type (e.g. "model") from repo name (e.g. "google/vit-base-patch16-224")
+        parts = name.split("/")
+        if len(parts) <= 1:
+            raise ValueError(
+                "Either `src` parameter must be provided, or `name` must be formatted as {src}/{repo name}"
+            )
+        src = parts[0]  # type: ignore
+        name = "/".join(parts[1:])
+    assert src is not None  # noqa: S101
+    if not isinstance(src, Callable) and src not in ["models", "spaces", "huggingface"]:
+        raise ValueError(
+            "The `src` parameter must be one of 'huggingface', 'models', 'spaces', or a function that accepts a model name (and optionally, a token), and returns a Gradio app."
+        )
+    if (
+        token is None
+        and src in ["models", "huggingface"]
+        and os.environ.get("HF_TOKEN") is not None
+    ):
+        token = os.environ.get("HF_TOKEN")
+
+    if isinstance(src, Callable):
+        return src(name, token, **kwargs)  # type: ignore
+
+    if not accept_token:
+        return load_blocks_from_huggingface(
+            name=name,
+            src=src,  # type: ignore
+            token=token,
+            provider=provider,
+            **kwargs,  # type: ignore
+        )
+    elif isinstance(accept_token, gr.LoginButton):
+        with gr.Blocks(fill_height=True) as demo:
+            if not accept_token.is_rendered:
+                accept_token.render()
+
+            @gr.render(triggers=[demo.load])
+            def create_blocks(oauth_token: gr.OAuthToken | None):
+                token_value = None if oauth_token is None else oauth_token.token
+                return load_blocks_from_huggingface(
+                    name=name,
+                    src=src,  # type: ignore
+                    token=token_value,
+                    provider=provider,
+                    **kwargs,
+                )
+
+        return demo
+    else:
+        with gr.Blocks(fill_height=True) as demo:
+            with gr.Accordion("Enter your token and press enter") as accordion:
+                textbox = gr.Textbox(
+                    type="password",
+                    show_label=False,
+                    container=False,
+                )
+                remember_token = gr.Checkbox(
+                    label="Remember me on this device", value=False, container=False
+                )
+                browser_state = gr.BrowserState()
+
+            @gr.on([textbox.submit], outputs=accordion)
+            def hide_accordion():
+                return gr.Accordion("Token settings", open=False)
+
+            @gr.on(
+                [textbox.submit, remember_token.change],
+                inputs=[textbox, remember_token],
+                outputs=[browser_state, remember_token],
+            )
+            def save_token(token_value, remember_token_value):
+                if remember_token_value and token_value:
+                    return token_value, gr.Checkbox(
+                        label="Remember me on this device (saved!)", value=True
+                    )
+                else:
+                    return "", gr.Checkbox(label="Remember me on this device")
+
+            @gr.on(demo.load, inputs=[browser_state], outputs=[textbox, remember_token])
+            def load_token(token_value):
+                if token_value:
+                    return token_value, True
+                else:
+                    return "", False
+
+            @gr.render(inputs=[textbox], triggers=[textbox.submit])
+            def create(token_value):
+                return load_blocks_from_huggingface(
+                    name=name,
+                    src=src,  # type: ignore
+                    token=token_value,
+                    provider=provider,
+                    **kwargs,
+                )
+
+        return demo
+
+
+def load_blocks_from_huggingface(
+    name: str,
+    src: str,
+    token: str | None = None,
+    alias: str | None = None,
+    provider: PROVIDER_T | None = None,
+    **kwargs,
+) -> Blocks:
+    """Creates and returns a Blocks instance from a Hugging Face model or Space repo."""
+    if token is not None:
+        if Context.token is not None and Context.token != token:
+            warnings.warn(
+                """You are loading a model/Space with a different access token than the one you used to load a previous model/Space. This is not recommended, as it may cause unexpected behavior."""
+            )
+        Context.token = token
+
+    if src == "spaces":
+        blocks = from_spaces(
+            name, token=token, alias=alias, provider=provider, **kwargs
+        )
+    else:
+        blocks = from_model(name, token=token, alias=alias, provider=provider, **kwargs)
+    return blocks
+
+
+def from_model(
+    model_name: str,
+    token: str | None,
+    alias: str | None,
+    provider: PROVIDER_T | None = None,
+    **kwargs,
+) -> Blocks:
+    headers = {"X-Wait-For-Model": "true"}
+    client = huggingface_hub.InferenceClient(
+        model=model_name, headers=headers, token=token, provider=provider
+    )
+    p, tags = external_utils.get_model_info(model_name, token)
+
+    # For tasks that are not yet supported by the InferenceClient
+    api_url = f"https://api-inference.huggingface.co/models/{model_name}"
+    GRADIO_CACHE = os.environ.get("GRADIO_TEMP_DIR") or str(  # noqa: N806
+        Path(tempfile.gettempdir()) / "gradio"
+    )
+
+    def custom_post_binary(data):
+        data = to_binary({"path": data})
+        response = httpx.request("POST", api_url, headers=headers, content=data)
+        return save_base64_to_cache(
+            external_utils.encode_to_base64(response), cache_dir=GRADIO_CACHE
+        )
+
+    preprocess = None
+    postprocess = None
+    examples = None
+
+    # example model: ehcalabres/wav2vec2-lg-xlsr-en-speech-emotion-recognition
+    if p == "audio-classification":
+        inputs = components.Audio(type="filepath", label="Input")
+        outputs = components.Label(label="Class")
+        postprocess = external_utils.postprocess_label
+        examples = [
+            "https://gradio-builds.s3.amazonaws.com/demo-files/audio_sample.wav"
+        ]
+        fn = client.audio_classification
+    # example model: facebook/xm_transformer_sm_all-en
+    elif p == "audio-to-audio":
+        inputs = components.Audio(type="filepath", label="Input")
+        outputs = components.Audio(label="Output")
+        examples = [
+            "https://gradio-builds.s3.amazonaws.com/demo-files/audio_sample.wav"
+        ]
+        fn = custom_post_binary
+    # example model: facebook/wav2vec2-base-960h
+    elif p == "automatic-speech-recognition":
+        inputs = components.Audio(type="filepath", label="Input")
+        outputs = components.Textbox(label="Output")
+        examples = [
+            "https://gradio-builds.s3.amazonaws.com/demo-files/audio_sample.wav"
+        ]
+        fn = client.automatic_speech_recognition
+        postprocess = lambda x: x.text  # noqa: E731
+    # example model: julien-c/distilbert-feature-extraction
+    elif p == "feature-extraction":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Dataframe(label="Output")
+        fn = client.feature_extraction
+        postprocess = utils.resolve_singleton
+    # example model: distilbert/distilbert-base-uncased
+    elif p == "fill-mask":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Label(label="Classification")
+        examples = [
+            "Hugging Face is the AI community, working together, to [MASK] the future."
+        ]
+        postprocess = external_utils.postprocess_mask_tokens
+        fn = client.fill_mask
+    # Example: google/vit-base-patch16-224
+    elif p == "image-classification":
+        inputs = components.Image(type="filepath", label="Input Image")
+        outputs = components.Label(label="Classification")
+        postprocess = external_utils.postprocess_label
+        examples = ["https://gradio-builds.s3.amazonaws.com/demo-files/cheetah-002.jpg"]
+        fn = client.image_classification
+    # Example: deepset/xlm-roberta-base-squad2
+    elif p == "question-answering":
+        inputs = [
+            components.Textbox(label="Question"),
+            components.Textbox(lines=7, label="Context"),
+        ]
+        outputs = [
+            components.Textbox(label="Answer"),
+            components.Label(label="Score"),
+        ]
+        examples = [
+            [
+                "What entity was responsible for the Apollo program?",
+                "The Apollo program, also known as Project Apollo, was the third United States human spaceflight"
+                " program carried out by the National Aeronautics and Space Administration (NASA), which accomplished"
+                " landing the first humans on the Moon from 1969 to 1972.",
+            ]
+        ]
+        postprocess = external_utils.postprocess_question_answering
+        fn = client.question_answering
+    # Example: facebook/bart-large-cnn
+    elif p == "summarization":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Textbox(label="Summary")
+        examples = [
+            [
+                "The tower is 324 metres (1,063 ft) tall, about the same height as an 81-storey building, and the tallest structure in Paris. Its base is square, measuring 125 metres (410 ft) on each side. During its construction, the Eiffel Tower surpassed the Washington Monument to become the tallest man-made structure in the world, a title it held for 41 years until the Chrysler Building in New York City was finished in 1930. It was the first structure to reach a height of 300 metres. Due to the addition of a broadcasting aerial at the top of the tower in 1957, it is now taller than the Chrysler Building by 5.2 metres (17 ft). Excluding transmitters, the Eiffel Tower is the second tallest free-standing structure in France after the Millau Viaduct."
+            ]
+        ]
+        postprocess = lambda x: x.summary_text  # noqa: E731
+        fn = client.summarization
+    # Example: distilbert-base-uncased-finetuned-sst-2-english
+    elif p == "text-classification":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Label(label="Classification")
+        examples = ["I feel great"]
+        postprocess = external_utils.postprocess_label
+        fn = client.text_classification
+    # Example: gpt2
+    elif p == "text-generation":
+        # Example: meta-llama/Meta-Llama-3-8B-Instruct
+        if tags and "conversational" in tags:
+            from gradio import ChatInterface
+            from gradio.components import Chatbot
+
+            fn = external_utils.conversational_wrapper(client)
+            examples = [
+                "What is the capital of Pakistan?",
+                "Tell me a joke about calculus.",
+                "Explain gravity to a 5-year-old.",
+                "What were the main causes of World War I?",
+            ]
+            chat_interface_kwargs = {
+                "examples": examples,
+            }
+            kwargs = dict(chat_interface_kwargs, **kwargs)
+            chatbot = Chatbot(scale=1, allow_tags=True)
+            return ChatInterface(fn, chatbot=chatbot, **kwargs)  # type: ignore
+        inputs = components.Textbox(label="Text")
+        outputs = inputs
+        examples = ["Once upon a time"]
+        fn = external_utils.text_generation_wrapper(client)
+    # Example: valhalla/t5-small-qa-qg-hl
+    elif p == "text2text-generation":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Textbox(label="Generated Text")
+        examples = ["Translate English to Arabic: How are you?"]
+        fn = client.text_generation
+    # Example: Helsinki-NLP/opus-mt-en-ar
+    elif p == "translation":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Textbox(label="Translation")
+        postprocess = lambda x: x.translation_text  # noqa: E731
+        examples = ["Hello, how are you?"]
+        fn = client.translation
+    # Example: facebook/bart-large-mnli
+    elif p == "zero-shot-classification":
+        inputs = [
+            components.Textbox(label="Input"),
+            components.Textbox(label="Possible class names (comma-separated)"),
+            components.Checkbox(label="Allow multiple true classes"),
+        ]
+        outputs = components.Label(label="Classification")
+        postprocess = external_utils.postprocess_label
+        examples = [["I feel great", "happy, sad", False]]
+        fn = external_utils.zero_shot_classification_wrapper(client)
+    # Example: sentence-transformers/distilbert-base-nli-stsb-mean-tokens
+    elif p == "sentence-similarity":
+        inputs = [
+            components.Textbox(
+                label="Source Sentence",
+                placeholder="Enter an original sentence",
+            ),
+            components.Textbox(
+                lines=7,
+                placeholder="Sentences to compare to -- separate each sentence by a newline",
+                label="Sentences to compare to",
+            ),
+        ]
+        outputs = components.JSON(label="Similarity scores")
+        examples = [["That is a happy person", "That person is very happy"]]
+        fn = external_utils.sentence_similarity_wrapper(client)
+    # Example: julien-c/ljspeech_tts_train_tacotron2_raw_phn_tacotron_g2p_en_no_space_train
+    elif p == "text-to-speech":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Audio(label="Audio")
+        examples = ["Hello, how are you?"]
+        fn = client.text_to_speech
+    # example model: osanseviero/BigGAN-deep-128
+    elif p == "text-to-image":
+        inputs = components.Textbox(label="Input")
+        outputs = components.Image(label="Output")
+        examples = ["A beautiful sunset"]
+        fn = client.text_to_image
+    # example model: huggingface-course/bert-finetuned-ner
+    elif p == "token-classification":
+        inputs = components.Textbox(label="Input")
+        outputs = components.HighlightedText(label="Output")
+        examples = [
+            "Hugging Face is a company based in Paris and New York City that acquired Gradio in 2021."
+        ]
+        fn = external_utils.token_classification_wrapper(client)
+    # example model: impira/layoutlm-document-qa
+    elif p == "document-question-answering":
+        inputs = [
+            components.Image(type="filepath", label="Input Document"),
+            components.Textbox(label="Question"),
+        ]
+        postprocess = external_utils.postprocess_label
+        outputs = components.Label(label="Label")
+        fn = client.document_question_answering
+    # example model: dandelin/vilt-b32-finetuned-vqa
+    elif p == "visual-question-answering":
+        inputs = [
+            components.Image(type="filepath", label="Input Image"),
+            components.Textbox(label="Question"),
+        ]
+        outputs = components.Label(label="Label")
+        postprocess = external_utils.postprocess_visual_question_answering
+        examples = [
+            [
+                "https://gradio-builds.s3.amazonaws.com/demo-files/cheetah-002.jpg",
+                "What animal is in the image?",
+            ]
+        ]
+        fn = client.visual_question_answering
+    # example model: Salesforce/blip-image-captioning-base
+    elif p == "image-to-text":
+        inputs = components.Image(type="filepath", label="Input Image")
+        outputs = components.Textbox(label="Generated Text")
+        examples = ["https://gradio-builds.s3.amazonaws.com/demo-files/cheetah-002.jpg"]
+        fn = client.image_to_text
+    # example model: rajistics/autotrain-Adult-934630783
+    elif p in ["tabular-classification", "tabular-regression"]:
+        examples = external_utils.get_tabular_examples(model_name)
+        col_names, examples = external_utils.cols_to_rows(examples)  # type: ignore
+        examples = [[examples]] if examples else None
+        inputs = components.Dataframe(
+            label="Input Rows",
+            type="pandas",
+            headers=col_names,
+            column_count=len(col_names),
+            column_limits=(len(col_names), len(col_names)),
+            render=False,
+        )
+        outputs = components.Dataframe(
+            label="Predictions", type="array", headers=["prediction"]
+        )
+        fn = external_utils.tabular_wrapper
+    # example model: microsoft/table-transformer-detection
+    elif p == "object-detection":
+        inputs = components.Image(type="filepath", label="Input Image")
+        outputs = components.AnnotatedImage(label="Annotations")
+        fn = external_utils.object_detection_wrapper(client)
+    # example model: stabilityai/stable-diffusion-xl-refiner-1.0
+    elif p == "image-to-image":
+        inputs = [
+            components.Image(type="filepath", label="Input Image"),
+            components.Textbox(label="Input"),
+        ]
+        outputs = components.Image(label="Output")
+        examples = [
+            [
+                "https://gradio-builds.s3.amazonaws.com/demo-files/cheetah-002.jpg",
+                "Photo of a cheetah with green eyes",
+            ]
+        ]
+        fn = client.image_to_image
+    # example model: meta-llama/Llama-3.2-11B-Vision-Instruct
+    elif p == "image-text-to-text":
+        inputs = [
+            components.Image(type="filepath", label="Input Image"),
+            components.Textbox(
+                label="Input Text", placeholder="Ask a question about the image"
+            ),
+        ]
+        outputs = components.Textbox(label="Generated Text")
+        examples = [
+            [
+                "https://gradio-builds.s3.amazonaws.com/demo-files/cheetah-002.jpg",
+                "What animal is in the image?",
+            ]
+        ]
+        fn = external_utils.image_text_to_text_wrapper(client)
+    else:
+        raise ValueError(f"Unsupported pipeline type: {p}")
+
+    def query_huggingface_inference_endpoints(*data):
+        if preprocess is not None:
+            data = preprocess(*data)
+        try:
+            data = fn(*data)
+        except Exception as e:
+            external_utils.handle_hf_error(e)
+
+        if postprocess is not None:
+            data = postprocess(data)  # type: ignore
+        return data
+
+    query_huggingface_inference_endpoints.__name__ = alias or model_name
+
+    interface_info = {
+        "fn": query_huggingface_inference_endpoints,
+        "inputs": inputs,
+        "outputs": outputs,
+        "title": model_name,
+        "examples": examples,
+        "cache_examples": False,
+    }
+
+    kwargs = dict(interface_info, **kwargs)
+
+    interface_fn = kwargs.pop("fn", None)
+    inputs = kwargs.pop("inputs", None)
+    outputs = kwargs.pop("outputs", None)
+
+    interface = gr.Interface(
+        interface_fn, inputs, outputs, **kwargs, api_name="predict"
+    )
+    return interface
+
+
+def from_spaces(
+    space_name: str,
+    token: str | None,
+    alias: str | None,
+    provider: PROVIDER_T | None = None,
+    **kwargs,
+) -> Blocks:
+    if provider is not None:
+        warnings.warn(
+            "The `provider` parameter is not supported when loading Spaces. It will be ignored."
+        )
+
+    space_url = f"https://huggingface.co/spaces/{space_name}"
+
+    print(f"Fetching Space from: {space_url}")
+
+    headers = {}
+    if token not in [False, None]:
+        headers["Authorization"] = f"Bearer {token}"
+    iframe_url = (
+        httpx.get(
+            f"https://huggingface.co/api/spaces/{space_name}/host", headers=headers
+        )
+        .json()
+        .get("host")
+    )
+
+    if iframe_url is None:
+        raise ValueError(
+            f"Could not find Space: {space_name}. If it is a private or gated Space, please provide your Hugging Face access token (https://huggingface.co/settings/tokens) as the argument for the `token` parameter."
+        )
+
+    config_request = httpx.get(iframe_url + "/config", headers=headers)
+    if config_request.status_code == 404:
+        r = httpx.get(iframe_url, headers=headers)
+
+        result = re.search(
+            r"window.gradio_config = (.*?);[\s]*</script>", r.text
+        )  # some basic regex to extract the config
+        try:
+            config = json.loads(result.group(1))  # type: ignore
+        except AttributeError as ae:
+            raise ValueError(f"Could not load the Space: {space_name}") from ae
+    elif config_request.status_code == 200:
+        config = config_request.json()
+    else:
+        raise ValueError(
+            f"Could not load the Space: {space_name} because the config could not be fetched."
+        )
+    if "allow_flagging" in config:  # Create an Interface for Gradio 2.x Spaces
+        return from_spaces_interface(
+            space_name, config, alias, token, iframe_url, **kwargs
+        )
+    else:  # Create a Blocks for Gradio 3.x Spaces
+        if kwargs:
+            warnings.warn(
+                "You cannot override parameters for this Space by passing in kwargs. "
+                "Instead, please load the Space as a function and use it to create a "
+                "Blocks or Interface locally. You may find this Guide helpful: "
+                "https://gradio.app/using_blocks_like_functions/"
+            )
+        return from_spaces_blocks(space=space_name, token=token)
+
+
+def make_event_data_fn(client, endpoint):
+    """Create a function that accepts EventData.
+    The event_data_fn has to be created in this closure so that the value of endpoint
+    is correctly captured."""
+    helper = client.new_helper(endpoint.fn_index)
+
+    def event_data_fn(event_data: gr.EventData, *args):
+        fn = endpoint.make_end_to_end_fn(helper)
+        return fn(*args, event_data=event_data._data)
+
+    return event_data_fn
+
+
+def from_spaces_blocks(space: str, token: str | None) -> Blocks:
+    client = Client(
+        space,
+        token=token,
+        download_files=False,
+        _skip_components=False,
+    )
+    # We set deserialize to False to avoid downloading output files from the server.
+    # Instead, we serve them as URLs using the /proxy/ endpoint directly from the server.
+
+    if client.app_version < version.Version("4.0.0b14"):
+        raise GradioVersionIncompatibleError(
+            f"Gradio version 4.x cannot load spaces with versions less than 4.x ({client.app_version})."
+            "Please downgrade to version 3 to load this space."
+        )
+
+    # Use end_to_end_fn here to properly upload/download all files
+    predict_fns = []
+    for endpoint in client.endpoints.values():
+        if not isinstance(endpoint, Endpoint):
+            raise TypeError(
+                f"Expected endpoint to be an Endpoint, but got {type(endpoint)}"
+            )
+        if endpoint.backend_fn:
+            dep_config = next(
+                (
+                    d
+                    for d in client.config["dependencies"]
+                    if d.get("id") == endpoint.fn_index
+                ),
+                {},
+            )
+            if dep_config.get("collects_event_data"):
+                event_data_fn = make_event_data_fn(client, endpoint)
+                predict_fns.append(event_data_fn)
+            else:
+                helper = client.new_helper(endpoint.fn_index)
+                fn = endpoint.make_end_to_end_fn(helper)
+                predict_fns.append(fn)
+        else:
+            predict_fns.append(None)
+    blocks = gr.Blocks.from_config(client.config, predict_fns, client.src)  # type: ignore
+    with blocks:
+        # Reset the session_hash when page loads
+        blocks.load(lambda: client.reset_session(), None, None)
+    return blocks
+
+
+def from_spaces_interface(
+    model_name: str,
+    config: dict,
+    alias: str | None,
+    token: str | None,
+    iframe_url: str,
+    **kwargs,
+) -> Interface:
+    config = external_utils.streamline_spaces_interface(config)
+    api_url = f"{iframe_url}/api/predict/"
+    headers = {"Content-Type": "application/json"}
+    if token not in [False, None]:
+        headers["Authorization"] = f"Bearer {token}"
+
+    # The function should call the API with preprocessed data
+    def fn(*data):
+        data = json.dumps({"data": data})
+        response = httpx.post(api_url, headers=headers, data=data)  # type: ignore
+        result = json.loads(response.content.decode("utf-8"))
+        if "error" in result and "429" in result["error"]:
+            raise TooManyRequestsError("Too many requests to the Hugging Face API")
+        try:
+            output = result["data"]
+        except KeyError as ke:
+            raise KeyError(
+                f"Could not find 'data' key in response from external Space. Response received: {result}"
+            ) from ke
+        if (
+            len(config["outputs"]) == 1
+        ):  # if the fn is supposed to return a single value, pop it
+            output = output[0]
+        if (
+            len(config["outputs"]) == 1 and isinstance(output, list)
+        ):  # Needed to support Output.Image() returning bounding boxes as well (TODO: handle different versions of gradio since they have slightly different APIs)
+            output = output[0]
+        return output
+
+    fn.__name__ = alias if (alias is not None) else model_name
+    config["fn"] = fn
+
+    kwargs = dict(config, **kwargs)
+    kwargs["_api_mode"] = True
+
+    fn = kwargs.pop("fn", None)
+    inputs = kwargs.pop("inputs", None)
+    outputs = kwargs.pop("outputs", None)
+
+    interface = gr.Interface(fn, inputs, outputs, **kwargs)
+    return interface
+
+
+TEXT_FILE_EXTENSIONS = (
+    ".doc",
+    ".docx",
+    ".rtf",
+    ".epub",
+    ".odt",
+    ".odp",
+    ".pptx",
+    ".txt",
+    ".md",
+    ".py",
+    ".ipynb",
+    ".js",
+    ".jsx",
+    ".html",
+    ".css",
+    ".java",
+    ".cs",
+    ".php",
+    ".c",
+    ".cc",
+    ".cpp",
+    ".cxx",
+    ".cts",
+    ".h",
+    ".hh",
+    ".hpp",
+    ".rs",
+    ".R",
+    ".Rmd",
+    ".swift",
+    ".go",
+    ".rb",
+    ".kt",
+    ".kts",
+    ".ts",
+    ".tsx",
+    ".m",
+    ".mm",
+    ".mts",
+    ".scala",
+    ".dart",
+    ".lua",
+    ".pl",
+    ".pm",
+    ".t",
+    ".sh",
+    ".bash",
+    ".zsh",
+    ".bat",
+    ".coffee",
+    ".csv",
+    ".log",
+    ".ini",
+    ".cfg",
+    ".config",
+    ".json",
+    ".proto",
+    ".yaml",
+    ".yml",
+    ".toml",
+    ".sql",
+)
+IMAGE_FILE_EXTENSIONS = (".png", ".jpg", ".jpeg", ".gif", ".webp")
+
+
+def format_conversation(
+    history: list[NormalizedMessageDict], new_message: str | MultimodalValue
+) -> list[dict]:
+    conversation = []
+    for message in history:
+        new_content = []
+        for content in message["content"]:
+            if "type" not in content:
+                raise ValueError(
+                    f"Invalid message format: {message['content']}. Each element must have a type key."
+                )
+            elif content["type"] == "file":
+                new_content.append(
+                    {
+                        "type": "image_url",
+                        "image_url": {
+                            "url": encode_url_or_file_to_base64(content["file"]["path"])  # type: ignore
+                        },
+                    }
+                )
+            else:
+                new_content.append(content)
+        message["content"] = new_content
+        conversation.append(message)
+    if isinstance(new_message, str):
+        text = new_message
+        files = []
+    else:
+        text = new_message.get("text", None)
+        files = new_message.get("files", [])
+    image_files, text_encoded = [], []
+    for file in files:
+        if file.lower().endswith(TEXT_FILE_EXTENSIONS):
+            text_encoded.append(file)
+        else:
+            image_files.append(file)
+
+    for image in image_files:
+        conversation.append(
+            {
+                "role": "user",
+                "content": [
+                    {
+                        "type": "image_url",
+                        "image_url": {"url": encode_url_or_file_to_base64(image)},
+                    }
+                ],
+            }
+        )
+    if text or text_encoded:
+        text = text or ""
+        text += "\n".join(
+            [
+                f"\n## {Path(file).name}\n{Path(file).read_text()}"
+                for file in text_encoded
+            ]
+        )
+        conversation.append(
+            {"role": "user", "content": [{"type": "text", "text": text}]}
+        )
+    return conversation
+
+
+@document()
+def load_chat(
+    base_url: str,
+    model: str,
+    token: str | None = None,
+    *,
+    file_types: Literal["text_encoded", "image"]
+    | list[Literal["text_encoded", "image"]]
+    | None = "text_encoded",
+    system_message: str | None = None,
+    streaming: bool = True,
+    **kwargs,
+) -> ChatInterface:
+    """
+    Load a chat interface from an OpenAI API chat compatible endpoint.
+    Parameters:
+        base_url: The base URL of the endpoint, e.g. "http://localhost:11434/v1/"
+        model: The name of the model you are loading, e.g. "llama3.2"
+        token: The API token or a placeholder string if you are using a local model, e.g. "ollama"
+        file_types: The file types allowed to be uploaded by the user. "text_encoded" allows uploading any text-encoded file (which is simply appended to the prompt), and "image" adds image upload support. Set to None to disable file uploads.
+        system_message: The system message to use for the conversation, if any.
+        streaming: Whether the response should be streamed.
+        kwargs: Additional keyword arguments to pass into ChatInterface for customization.
+    Example:
+        import gradio as gr
+        gr.load_chat(
+            "http://localhost:11434/v1/",
+            model="qwen2.5",
+            token="***",
+            file_types=["text_encoded", "image"],
+            system_message="You are a silly assistant.",
+        ).launch()
+    """
+    try:
+        from openai import OpenAI
+    except ImportError as e:
+        raise ImportError(
+            "To use OpenAI API Client, you must install the `openai` package. You can install it with `pip install openai`."
+        ) from e
+    from gradio.chat_interface import ChatInterface
+
+    client = OpenAI(api_key=token or "***", base_url=base_url)
+    start_message = (
+        [{"role": "system", "content": system_message}] if system_message else []
+    )
+    file_types = utils.none_or_singleton_to_list(file_types)
+
+    def open_api(message: str | MultimodalValue, history: list | None) -> str | None:
+        history = history or start_message
+        conversation = format_conversation(history, message)  # type: ignore
+        return (
+            client.chat.completions.create(
+                model=model,
+                messages=conversation,  # type: ignore
+            )
+            .choices[0]
+            .message.content
+        )
+
+    def open_api_stream(
+        message: str | MultimodalValue, history: list | None
+    ) -> Generator[str, None, None]:
+        history = history or start_message
+        conversation = format_conversation(history, message)  # type: ignore
+        stream = client.chat.completions.create(
+            model=model,
+            messages=conversation,  # type: ignore
+            stream=True,
+        )
+        response = ""
+        for chunk in stream:
+            if chunk.choices and chunk.choices[0].delta.content is not None:
+                response += chunk.choices[0].delta.content
+                yield response
+
+    supported_extensions = []
+    for file_type in file_types:
+        if file_type == "text_encoded":
+            supported_extensions += TEXT_FILE_EXTENSIONS
+        elif file_type == "image":
+            supported_extensions += IMAGE_FILE_EXTENSIONS
+        else:
+            raise ValueError(
+                f"Invalid file type: {file_type}. Must be 'text_encoded' or 'image'."
+            )
+
+    if "chatbot" not in kwargs:
+        from gradio.components import Chatbot
+
+        kwargs["chatbot"] = Chatbot(scale=1, allow_tags=True)
+
+    textbox_arg = kwargs.pop("textbox", None)
+    if textbox_arg is not None:
+        textbox = textbox_arg
+    else:
+        textbox = (
+            gr.MultimodalTextbox(file_types=supported_extensions)
+            if file_types
+            else None
+        )
+
+    return ChatInterface(
+        open_api_stream if streaming else open_api,
+        multimodal=bool(file_types),
+        textbox=textbox,
+        **kwargs,
+    )
+
+
+@document()
+def load_openapi(
+    openapi_spec: str | dict,
+    base_url: str,
+    *,
+    paths: list[str] | None = None,
+    exclude_paths: list[str] | None = None,
+    methods: list[Literal["get", "post", "put", "patch", "delete"]] | None = None,
+    auth_token: str | None = None,
+    **interface_kwargs,
+) -> Blocks:
+    """
+    Load a Gradio app from an OpenAPI v3 specification.
+
+    Parameters:
+        openapi_spec: URL, file path, or dictionary containing the OpenAPI specification (v3, JSON format only)
+        base_url: Base URL for the API endpoints, e.g. "https://api.example.com/v1". This is used to construct the full URL for each endpoint.
+        paths: Optional list of specific API paths to create Gradio endpoints from. Supports regex patterns, e.g. ["/api/v1/books", ".*user.*"]. If None, all paths in the OpenAPI spec will be included.
+        exclude_paths: Optional list of API paths to exclude from the Gradio endpoints. Supports regex patterns and takes precedence over `paths`. For example, [".*internal.*"] will exclude all paths containing "internal".
+        methods: Optional list of HTTP methods to include in the Gradio endpoints. If None, all methods will be included.
+        auth_token: Optional authentication token to be sent as a Bearer token in the Authorization header for all API requests.
+        interface_kwargs: Additional keyword arguments to pass to each generated gr.Interface instance (e.g., title, description, article, examples_per_page, etc.)
+    Returns:
+        A Gradio Blocks app with endpoints generated from the OpenAPI spec
+    """
+    if isinstance(openapi_spec, dict):
+        spec = openapi_spec
+    elif isinstance(openapi_spec, str):
+        if is_http_url_like(openapi_spec):
+            response = httpx.get(openapi_spec)
+            response.raise_for_status()
+            content = response.text
+        else:
+            with open(openapi_spec) as f:
+                content = f.read()
+
+        try:
+            spec = json.loads(content)
+        except json.JSONDecodeError as e:
+            raise ValueError("openapi_spec must be a JSON string or dictionary") from e
+    else:
+        raise ValueError("openapi_spec must be a string (URL/file path) or dictionary")
+
+    api_paths = spec.get("paths", {})
+
+    if paths is not None or exclude_paths is not None:
+        filtered_paths = {}
+        for path in api_paths:
+            if exclude_paths:
+                excluded = False
+                for exclude_pattern in exclude_paths:
+                    if re.match(exclude_pattern, path):
+                        excluded = True
+                        break
+                if excluded:
+                    continue
+
+            if paths is not None:
+                for pattern in paths:
+                    if re.match(pattern, path):
+                        filtered_paths[path] = api_paths[path]
+                        break
+            else:
+                filtered_paths[path] = api_paths[path]
+
+        api_paths = filtered_paths
+
+    if not api_paths:
+        raise ValueError("No valid paths found in the OpenAPI specification")
+    else:
+        print(f"* Loaded {len(api_paths)} paths from the OpenAPI specification")
+
+    valid_api_paths = []
+    for path, path_item in api_paths.items():
+        for method, operation in path_item.items():
+            if methods and method.lower() not in [m.lower() for m in methods]:
+                continue
+            valid_api_paths.append((path, method, operation))
+
+    with gr.Blocks(
+        title=spec.get("info", {}).get("title", "OpenAPI Interface")
+    ) as demo:
+        with gr.Sidebar():
+            gr.Markdown(f"## {spec.get('info', {}).get('title', 'OpenAPI Interface')}")
+            gr.Markdown(spec.get("info", {}).get("description", ""))
+            gr.Markdown("### API Endpoints")
+            api_path_str = "<div style='overflow-x: auto; overflow-y: auto; max-height: 500px;'><ul>"
+            for path, method, _ in valid_api_paths:
+                api_path_str += (
+                    f"<li style='white-space: nowrap;'>"
+                    f"<a href='#{method.upper()}_{path.replace('/', '_').replace('{', '').replace('}', '')}' style='white-space: nowrap;'>"
+                    f"{method.upper()} <code style='font-size: inherit; white-space: nowrap;'>{path}</code>"
+                    f"</a></li>\n"
+                )
+            api_path_str += "</ul></div>"
+            gr.Markdown(api_path_str)
+
+        for path, method, operation in valid_api_paths:
+            components_list = []
+
+            for param in operation.get("parameters", []):
+                component = external_utils.component_from_parameter_schema(param)
+                components_list.append(component)
+
+            request_body = operation.get("requestBody")
+            if request_body:
+                body_component = external_utils.component_from_request_body_schema(
+                    request_body, spec
+                )
+                if body_component:
+                    components_list.append(body_component)
+
+            endpoint_fn = external_utils.create_endpoint_fn(
+                path, method, operation, base_url, auth_token
+            )
+            endpoint_fn.__name__ = (
+                f"{method}_{path.replace('/', '_').replace('{', '').replace('}', '')}"
+            )
+
+            gr.Markdown(
+                f"<h2 id='{method.upper()}_{path.replace('/', '_').replace('{', '').replace('}', '')}'>"
+                f"{external_utils.method_box(method)} <code style='font-size: inherit;'>{path}</code></h2>"
+            )
+            if operation.get("summary"):
+                gr.Markdown(operation["summary"])
+
+            inputs = components_list if components_list else []
+            output = gr.JSON(label="Response")
+
+            gr.Interface(
+                fn=endpoint_fn,
+                inputs=inputs,
+                outputs=output,
+                **interface_kwargs,
+            )
+
+    return demo
diff --git a/gradio/external_utils.py b/gradio/external_utils.py
new file mode 100644
index 0000000..15bcb3e
--- /dev/null
+++ b/gradio/external_utils.py
@@ -0,0 +1,616 @@
+"""Utility function for gradio/external.py, designed for internal use."""
+
+from __future__ import annotations
+
+import base64
+import inspect
+import json
+import math
+import re
+import warnings
+
+import httpx
+import yaml
+from gradio_client.utils import encode_url_or_file_to_base64
+from huggingface_hub import HfApi, ImageClassificationOutputElement, InferenceClient
+from huggingface_hub.errors import HFValidationError
+
+from gradio import components
+from gradio.exceptions import Error, TooManyRequestsError
+
+
+def get_model_info(model_name, token=None):
+    hf_api = HfApi(token=token)
+    print(f"Fetching model from: https://huggingface.co/{model_name}")
+    try:
+        model_info = hf_api.model_info(model_name)
+    except HFValidationError as e:
+        if ":fastest" in model_name or ":cheapest" in model_name:
+            raise ValueError(
+                "To use :cheapest or :fastest, upgrade huggingface_hub to huggingface_hub>=1.0"
+            ) from e
+        raise
+    pipeline = model_info.pipeline_tag
+    tags = model_info.tags
+    return pipeline, tags
+
+
+##################
+# Helper functions for processing tabular data
+##################
+
+
+def get_tabular_examples(model_name: str) -> dict[str, list[float]]:
+    readme = httpx.get(f"https://huggingface.co/{model_name}/resolve/main/README.md")
+    if readme.status_code != 200:
+        warnings.warn(f"Cannot load examples from README for {model_name}", UserWarning)
+        example_data = {}
+    else:
+        yaml_regex = re.search(
+            "(?:^|[\r\n])---[\n\r]+([\\S\\s]*?)[\n\r]+---([\n\r]|$)", readme.text
+        )
+        if yaml_regex is None:
+            example_data = {}
+        else:
+            example_yaml = next(
+                yaml.safe_load_all(readme.text[: yaml_regex.span()[-1]])
+            )
+            example_data = example_yaml.get("widget", {}).get("structuredData", {})
+    if not example_data:
+        raise ValueError(
+            f"No example data found in README.md of {model_name} - Cannot build gradio demo. "
+            "See the README.md here: https://huggingface.co/scikit-learn/tabular-playground/blob/main/README.md "
+            "for a reference on how to provide example data to your model."
+        )
+    # replace nan with string NaN for inference Endpoints
+    for data in example_data.values():
+        for i, val in enumerate(data):
+            if isinstance(val, float) and math.isnan(val):
+                data[i] = "NaN"
+    return example_data
+
+
+def cols_to_rows(
+    example_data: dict[str, list[float | str] | None],
+) -> tuple[list[str], list[list[float]]]:
+    headers = list(example_data.keys())
+    n_rows = max(len(example_data[header] or []) for header in headers)
+    data = []
+    for row_index in range(n_rows):
+        row_data = []
+        for header in headers:
+            col = example_data[header] or []
+            if row_index >= len(col):
+                row_data.append("NaN")
+            else:
+                row_data.append(col[row_index])
+        data.append(row_data)
+    return headers, data
+
+
+def rows_to_cols(incoming_data: dict) -> dict[str, dict[str, dict[str, list[str]]]]:
+    data_column_wise = {}
+    for i, header in enumerate(incoming_data["headers"]):
+        data_column_wise[header] = [str(row[i]) for row in incoming_data["data"]]
+    return {"inputs": {"data": data_column_wise}}
+
+
+##################
+# Helper functions for processing other kinds of data
+##################
+
+
+def postprocess_label(scores: list[ImageClassificationOutputElement]) -> dict:
+    return {c.label: c.score for c in scores}
+
+
+def postprocess_mask_tokens(scores: list[dict[str, str | float]]) -> dict:
+    return {c["token_str"]: c["score"] for c in scores}
+
+
+def postprocess_question_answering(answer: dict) -> tuple[str, dict]:
+    return answer["answer"], {answer["answer"]: answer["score"]}
+
+
+def postprocess_visual_question_answering(scores: list[dict[str, str | float]]) -> dict:
+    return {c["answer"]: c["score"] for c in scores}
+
+
+def zero_shot_classification_wrapper(client: InferenceClient):
+    def zero_shot_classification_inner(input: str, labels: str, multi_label: bool):
+        return client.zero_shot_classification(
+            input, labels.split(","), multi_label=multi_label
+        )
+
+    return zero_shot_classification_inner
+
+
+def sentence_similarity_wrapper(client: InferenceClient):
+    def sentence_similarity_inner(input: str, sentences: str):
+        return client.sentence_similarity(input, sentences.split("\n"))
+
+    return sentence_similarity_inner
+
+
+def text_generation_wrapper(client: InferenceClient):
+    def text_generation_inner(input: str):
+        return input + client.text_generation(input)
+
+    return text_generation_inner
+
+
+def conversational_wrapper(client: InferenceClient):
+    def chat_fn(message, history):
+        if not history:
+            history = []
+        history.append({"role": "user", "content": message})
+        try:
+            out = ""
+            for chunk in client.chat_completion(messages=history, stream=True):
+                out += chunk.choices[0].delta.content or "" if chunk.choices else ""
+                yield out
+        except Exception as e:
+            handle_hf_error(e)
+
+    return chat_fn
+
+
+def encode_to_base64(r: httpx.Response) -> str:
+    # Handles the different ways HF API returns the prediction
+    base64_repr = base64.b64encode(r.content).decode("utf-8")
+    data_prefix = ";base64,"
+    # Case 1: base64 representation already includes data prefix
+    if data_prefix in base64_repr:
+        return base64_repr
+    else:
+        content_type = r.headers.get("content-type")
+        # Case 2: the data prefix is a key in the response
+        if content_type == "application/json":
+            try:
+                data = r.json()[0]
+                content_type = data["content-type"]
+                base64_repr = data["blob"]
+            except KeyError as ke:
+                raise ValueError(
+                    "Cannot determine content type returned by external API."
+                ) from ke
+        # Case 3: the data prefix is included in the response headers
+        else:
+            pass
+        new_base64 = f"data:{content_type};base64,{base64_repr}"
+        return new_base64
+
+
+def format_ner_list(input_string: str, ner_groups: list[dict[str, str | int]]):
+    if len(ner_groups) == 0:
+        return [(input_string, None)]
+
+    output = []
+    end = 0
+    prev_end = 0
+
+    for group in ner_groups:
+        entity, start, end = group["entity_group"], group["start"], group["end"]
+        output.append((input_string[prev_end:start], None))
+        output.append((input_string[start:end], entity))
+        prev_end = end
+
+    output.append((input_string[end:], None))
+    return output
+
+
+def token_classification_wrapper(client: InferenceClient):
+    def token_classification_inner(input: str):
+        ner_list = client.token_classification(input)
+        return format_ner_list(input, ner_list)  # type: ignore
+
+    return token_classification_inner
+
+
+def object_detection_wrapper(client: InferenceClient):
+    def object_detection_inner(input: str):
+        annotations = client.object_detection(input)
+        formatted_annotations = [
+            (
+                (
+                    a["box"]["xmin"],
+                    a["box"]["ymin"],
+                    a["box"]["xmax"],
+                    a["box"]["ymax"],
+                ),
+                a["label"],
+            )
+            for a in annotations
+        ]
+        return (input, formatted_annotations)
+
+    return object_detection_inner
+
+
+def image_text_to_text_wrapper(client: InferenceClient):
+    def chat_fn(image, text):
+        messages = [
+            {
+                "role": "user",
+                "content": [
+                    {
+                        "type": "image_url",
+                        "image_url": {"url": encode_url_or_file_to_base64(image)},
+                    },
+                    {"type": "text", "text": text},
+                ],
+            }
+        ]
+
+        try:
+            response = client.chat_completion(messages=messages, stream=False)
+            return response.choices[0].message.content
+        except Exception as e:
+            # Fallback to image_to_text for models that don't support chat_completion
+            try:
+                # Try image_to_text (standard image captioning)
+                result = client.image_to_text(image)
+                return f"Image description: {result}\n\nUser question: {text}\n\nNote: This model doesn't support question-answering about images, only image captioning."
+            except Exception:
+                handle_hf_error(e)
+
+    return chat_fn
+
+
+def chatbot_preprocess(text, state):
+    if not state:
+        return text, [], []
+    return (
+        text,
+        state["conversation"]["generated_responses"],
+        state["conversation"]["past_user_inputs"],
+    )
+
+
+def chatbot_postprocess(response):
+    chatbot_history = list(
+        zip(
+            response["conversation"]["past_user_inputs"],
+            response["conversation"]["generated_responses"],
+            strict=False,
+        )
+    )
+    return chatbot_history, response
+
+
+def tabular_wrapper(client: InferenceClient, pipeline: str):
+    # This wrapper is needed to handle an issue in the InfereneClient where the model name is not
+    # automatically loaded when using the tabular_classification and tabular_regression methods.
+    # See: https://github.com/huggingface/huggingface_hub/issues/2015
+    def tabular_inner(data):
+        if pipeline not in ("tabular_classification", "tabular_regression"):
+            raise TypeError(f"pipeline type {pipeline!r} not supported")
+        assert client.model  # noqa: S101
+        if pipeline == "tabular_classification":
+            return client.tabular_classification(data, model=client.model)
+        else:
+            return client.tabular_regression(data, model=client.model)
+
+    return tabular_inner
+
+
+##################
+# Helper function for cleaning up an Interface loaded from HF Spaces
+##################
+
+
+def streamline_spaces_interface(config: dict) -> dict:
+    """Streamlines the interface config dictionary to remove unnecessary keys."""
+    config["inputs"] = [
+        components.get_component_instance(component)
+        for component in config["input_components"]
+    ]
+    config["outputs"] = [
+        components.get_component_instance(component)
+        for component in config["output_components"]
+    ]
+    parameters = {
+        "article",
+        "description",
+        "flagging_options",
+        "inputs",
+        "outputs",
+        "title",
+    }
+    config = {k: config[k] for k in parameters}
+    return config
+
+
+def handle_hf_error(e: Exception):
+    if "429" in str(e):
+        raise TooManyRequestsError() from e
+    elif "401" in str(e) or "You must provide an api_key" in str(e):
+        raise Error("Unauthorized, please make sure you are signed in.") from e
+    elif isinstance(e, StopIteration):
+        raise Error(
+            "This model is not supported by any Hugging Face Inference Provider. "
+            "Please check the supported models at https://huggingface.co/docs/inference-providers."
+        ) from e
+    else:
+        raise Error(str(e) or f"An error occurred: {type(e).__name__}") from e
+
+
+def create_endpoint_fn(
+    endpoint_path: str,
+    endpoint_method: str,
+    endpoint_operation: dict,
+    base_url: str,
+    auth_token: str | None = None,
+):
+    # Get request body info for docstring generation
+    request_body = endpoint_operation.get("requestBody", {})
+
+    def endpoint_fn(*args):
+        url = f"{base_url.rstrip('/')}{endpoint_path}"
+
+        headers = {"Content-Type": "application/json"}
+        if auth_token:
+            headers["Authorization"] = f"Bearer {auth_token}"
+
+        params = {}
+        body_data = {}
+
+        operation_params = endpoint_operation.get("parameters", [])
+        request_body = endpoint_operation.get("requestBody", {})
+
+        param_index = 0
+        for param in operation_params:
+            if param_index < len(args):
+                if param.get("in") == "query":
+                    params[param["name"]] = args[param_index]
+                elif param.get("in") == "path":
+                    url = url.replace(f"{{{param['name']}}}", str(args[param_index]))
+                param_index += 1
+
+        is_file_upload = False
+        if request_body and param_index < len(args):
+            content = request_body.get("content", {})
+            for content_type in content:
+                if content_type in ["application/octet-stream", "multipart/form-data"]:
+                    is_file_upload = True
+                    break
+
+        if request_body and param_index < len(args):
+            if is_file_upload:
+                file_data = args[param_index]
+                if file_data:
+                    headers["Content-Type"] = "application/octet-stream"
+                    body_data = file_data
+                else:
+                    body_data = b""
+            else:
+                body_data = json.loads(args[param_index])
+        try:
+            if endpoint_method.lower() == "get":
+                response = httpx.get(url, params=params, headers=headers)
+            elif endpoint_method.lower() == "post":
+                response = httpx.post(
+                    url,
+                    params=params,
+                    content=body_data if is_file_upload else None,
+                    json=body_data if not is_file_upload else None,
+                    headers=headers,
+                )
+            elif endpoint_method.lower() == "put":
+                response = httpx.put(
+                    url,
+                    params=params,
+                    content=body_data if is_file_upload else None,
+                    json=body_data if not is_file_upload else None,
+                    headers=headers,
+                )
+            elif endpoint_method.lower() == "patch":
+                response = httpx.patch(
+                    url,
+                    params=params,
+                    content=body_data if is_file_upload else None,
+                    json=body_data if not is_file_upload else None,
+                    headers=headers,
+                )
+            elif endpoint_method.lower() == "delete":
+                response = httpx.delete(url, params=params, headers=headers)
+            else:
+                raise ValueError(f"Unsupported HTTP method: {endpoint_method}")
+
+            if response.status_code in [200, 201, 202, 204]:
+                return response.json()
+            else:
+                return {
+                    "__status__": "error",
+                    "status_code": response.status_code,
+                    "message": response.text,
+                }
+        except Exception as e:
+            return f"Error: {str(e)}"
+
+    summary = endpoint_operation.get("summary", "")
+    description = endpoint_operation.get("description", "")
+
+    param_docs = []
+    param_names = []
+
+    for param in endpoint_operation.get("parameters", []):
+        param_name = param.get("name", "")
+        param_desc = param.get("description", "")
+        param_schema = param.get("schema", {})
+        param_enum = param_schema.get("enum", [])
+        if param_enum:
+            param_desc += f" (Choices: {', '.join(param_enum)})"
+        param_names.append(param_name)
+        param_docs.append(f"    {param_name}: {param_desc}")
+
+    if request_body:
+        body_desc = request_body.get("description", "URL of file")
+        param_docs.append(f"    request_body: {body_desc}")
+        param_names.append("request_body")
+
+    docstring_parts = []
+    if description or summary:
+        docstring_parts.append(description or summary)
+    if param_docs:
+        docstring_parts.append("Parameters:")
+        docstring_parts.extend(param_docs)
+
+    endpoint_fn.__doc__ = "\n".join(docstring_parts)
+
+    if param_names:
+        sig_params = []
+        for name in param_names:
+            sig_params.append(
+                inspect.Parameter(
+                    name=name, kind=inspect.Parameter.POSITIONAL_OR_KEYWORD
+                )
+            )
+        sig_params.append(
+            inspect.Parameter(name="args", kind=inspect.Parameter.VAR_POSITIONAL)
+        )
+
+        new_sig = inspect.Signature(parameters=sig_params)
+
+        endpoint_fn.__signature__ = new_sig  # type: ignore
+
+    return endpoint_fn
+
+
+def component_from_parameter_schema(param_info: dict) -> components.Component:
+    import gradio as gr
+
+    param_name = param_info.get("name")
+    param_description = param_info.get("description")
+
+    param_schema = param_info.get("schema", {})
+    param_type = param_schema.get("type")
+    enum_values = param_schema.get("enum")
+    default_value = param_schema.get("default")
+
+    if enum_values is not None:
+        component = gr.Dropdown(
+            choices=enum_values,
+            label=param_name,
+            value=default_value,
+            allow_custom_value=False,
+            info=param_description,
+        )
+    elif param_type in ("number", "integer"):
+        component = gr.Number(
+            label=param_name,
+            value=default_value,
+            info=param_description,
+        )
+    elif param_type == "boolean":
+        component = gr.Checkbox(
+            label=param_name,
+            value=default_value,
+            info=param_description,
+        )
+    elif param_type == "array":
+        component = gr.Textbox(
+            label=f"{param_name} (JSON array)",
+            value="[]",
+            info=param_description,
+        )
+    else:
+        component = gr.Textbox(
+            label=param_name,
+            value=default_value,
+            info=param_description,
+        )
+
+    return component
+
+
+def resolve_schema_ref(schema: dict, spec: dict) -> dict:
+    """Resolve schema references in OpenAPI spec."""
+    if "$ref" in schema:
+        ref_path = schema["$ref"]
+        if ref_path.startswith("#/components/schemas/"):
+            schema_name = ref_path.split("/")[-1]
+            return spec.get("components", {}).get("schemas", {}).get(schema_name, {})
+        elif ref_path.startswith("#/"):
+            path_parts = ref_path.split("/")[1:]
+            current = spec
+            for part in path_parts:
+                current = current.get(part, {})
+            return current
+    return schema
+
+
+def component_from_request_body_schema(
+    request_body: dict, spec: dict
+) -> components.Component | None:
+    """Create a Gradio component from an OpenAPI request body schema."""
+    import gradio as gr
+
+    if not request_body:
+        return None
+
+    content = request_body.get("content", {})
+    description = request_body.get("description", "Request Body")
+
+    for content_type, content_schema in content.items():
+        if content_type in ["application/octet-stream", "multipart/form-data"]:
+            schema = resolve_schema_ref(content_schema.get("schema", {}), spec)
+            if schema.get("type") == "string" and schema.get("format") == "binary":
+                return gr.File(label="File")
+
+    json_content = content.get("application/json", {})
+    if not json_content:
+        for content_type, content_schema in content.items():
+            if content_type.startswith("application/"):
+                json_content = content_schema
+                break
+
+    if not json_content:
+        return None
+
+    schema = resolve_schema_ref(json_content.get("schema", {}), spec)
+
+    default_value = schema.get("example", {})
+    if not default_value and schema.get("type") == "object":
+        properties = schema.get("properties", {})
+        default_value = {}
+        for prop_name, prop_schema in properties.items():
+            prop_schema = resolve_schema_ref(prop_schema, spec)
+            prop_type = prop_schema.get("type")
+            if prop_type == "string":
+                default_value[prop_name] = prop_schema.get("example", "")
+            elif prop_type in ("number", "integer"):
+                default_value[prop_name] = prop_schema.get("example", 0)
+            elif prop_type == "boolean":
+                default_value[prop_name] = prop_schema.get("example", False)
+            elif prop_type == "array":
+                default_value[prop_name] = prop_schema.get("example", [])
+            elif prop_type == "object":
+                default_value[prop_name] = prop_schema.get("example", {})
+
+    component = gr.Textbox(
+        label="Request Body",
+        value=json.dumps(default_value, indent=2),
+        info=description,
+    )
+
+    return component
+
+
+def method_box(method: str) -> str:
+    color_map = {
+        "GET": "#61affe",
+        "POST": "#49cc90",
+        "PUT": "#fca130",
+        "DELETE": "#f93e3e",
+        "PATCH": "#50e3c2",
+    }
+    color = color_map.get(method.upper(), "#999")
+    return (
+        f"<span style='"
+        f"display:inline-block;min-width:48px;padding:2px 10px;border-radius:4px;"
+        f"background:{color};color:white;font-weight:bold;font-family:monospace;"
+        f"margin-right:8px;text-align:center;border:2px solid {color};"
+        f"box-shadow:0 1px 2px rgba(0,0,0,0.08);'"
+        f">{method.upper()}</span>"
+    )
diff --git a/gradio/flagging.py b/gradio/flagging.py
new file mode 100644
index 0000000..07c74c0
--- /dev/null
+++ b/gradio/flagging.py
@@ -0,0 +1,426 @@
+from __future__ import annotations
+
+import csv
+import datetime
+import json
+import os
+import re
+import time
+from abc import ABC, abstractmethod
+from collections.abc import Sequence
+from multiprocessing import Lock
+from pathlib import Path
+from typing import TYPE_CHECKING, Any
+
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+
+import gradio as gr
+from gradio import utils
+from gradio.events import LikeData
+
+if TYPE_CHECKING:
+    from gradio.components import Component
+
+
+class FlaggingCallback(ABC):
+    """
+    An abstract class for defining the methods that any FlaggingCallback should have.
+    """
+
+    @abstractmethod
+    def setup(self, components: Sequence[Component], flagging_dir: str):
+        """
+        This method should be overridden and ensure that everything is set up correctly for flag().
+        This method gets called once at the beginning of the Interface.launch() method.
+        Parameters:
+        components: Set of components that will provide flagged data.
+        flagging_dir: A string, typically containing the path to the directory where the flagging file should be stored (provided as an argument to Interface.__init__()).
+        """
+        pass
+
+    @abstractmethod
+    def flag(
+        self,
+        flag_data: list[Any],
+        flag_option: str | None = None,
+        username: str | None = None,
+    ) -> int:
+        """
+        This method should be overridden by the FlaggingCallback subclass and may contain optional additional arguments.
+        This gets called every time the <flag> button is pressed.
+        Parameters:
+        interface: The Interface object that is being used to launch the flagging interface.
+        flag_data: The data to be flagged.
+        flag_option (optional): In the case that flagging_options are provided, the flag option that is being used.
+        username (optional): The username of the user that is flagging the data, if logged in.
+        Returns:
+        (int) The total number of samples that have been flagged.
+        """
+        pass
+
+
+@document()
+class SimpleCSVLogger(FlaggingCallback):
+    """
+    A simplified implementation of the FlaggingCallback abstract class
+    provided for illustrative purposes.  Each flagged sample (both the input and output data)
+    is logged to a CSV file on the machine running the gradio app.
+    Example:
+        import gradio as gr
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                            flagging_callback=SimpleCSVLogger())
+    """
+
+    def __init__(self):
+        pass
+
+    def setup(self, components: Sequence[Component], flagging_dir: str | Path):
+        self.components = components
+        self.flagging_dir = flagging_dir
+        os.makedirs(flagging_dir, exist_ok=True)
+
+    def flag(
+        self,
+        flag_data: list[Any],
+        flag_option: str | None = None,  # noqa: ARG002
+        username: str | None = None,  # noqa: ARG002
+    ) -> int:
+        flagging_dir = self.flagging_dir
+        log_filepath = Path(flagging_dir) / "log.csv"
+
+        csv_data = []
+        for component, sample in zip(self.components, flag_data, strict=False):
+            save_dir = Path(
+                flagging_dir
+            ) / client_utils.strip_invalid_filename_characters(
+                str(component.label) if component.label is not None else ""
+            )
+            save_dir.mkdir(exist_ok=True)
+            csv_data.append(
+                component.flag(
+                    sample,
+                    save_dir,
+                )
+            )
+
+        with open(log_filepath, "a", encoding="utf-8", newline="") as csvfile:
+            writer = csv.writer(csvfile)
+            writer.writerow(utils.sanitize_list_for_csv(csv_data))
+
+        with open(log_filepath, encoding="utf-8") as csvfile:
+            line_count = len(list(csv.reader(csvfile))) - 1
+        return line_count
+
+
+@document()
+class ClassicCSVLogger(FlaggingCallback):
+    """
+    The classic implementation of the FlaggingCallback abstract class in gradio<5.0. Each flagged
+    sample (both the input and output data) is logged to a CSV file with headers on the machine running the gradio app.
+    Example:
+        import gradio as gr
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                            flagging_callback=ClassicCSVLogger())
+    Guides: using-flagging
+    """
+
+    def __init__(self, simplify_file_data: bool = True):
+        self.simplify_file_data = simplify_file_data
+
+    def setup(
+        self,
+        components: Sequence[Component],
+        flagging_dir: str | Path,
+    ):
+        self.components = components
+        self.flagging_dir = flagging_dir
+        os.makedirs(flagging_dir, exist_ok=True)
+
+    def flag(
+        self,
+        flag_data: list[Any],
+        flag_option: str | None = None,
+        username: str | None = None,
+    ) -> int:
+        flagging_dir = self.flagging_dir
+        log_filepath = Path(flagging_dir) / "log.csv"
+        is_new = not Path(log_filepath).exists()
+        headers = [
+            getattr(component, "label", None) or f"component {idx}"
+            for idx, component in enumerate(self.components)
+        ] + [
+            "flag",
+            "username",
+            "timestamp",
+        ]
+
+        csv_data = []
+        for idx, (component, sample) in enumerate(
+            zip(self.components, flag_data, strict=False)
+        ):
+            save_dir = Path(
+                flagging_dir
+            ) / client_utils.strip_invalid_filename_characters(
+                str(getattr(component, "label", None) or f"component {idx}")
+            )
+            if utils.is_prop_update(sample):
+                csv_data.append(str(sample))
+            else:
+                data = (
+                    component.flag(sample, flag_dir=save_dir)
+                    if sample is not None
+                    else ""
+                )
+                if self.simplify_file_data:
+                    data = utils.simplify_file_data_in_str(data)
+                csv_data.append(data)
+        csv_data.append(flag_option)
+        csv_data.append(username if username is not None else "")
+        csv_data.append(str(datetime.datetime.now()))
+
+        with open(log_filepath, "a", newline="", encoding="utf-8") as csvfile:
+            writer = csv.writer(csvfile)
+            if is_new:
+                writer.writerow(utils.sanitize_list_for_csv(headers))
+            writer.writerow(utils.sanitize_list_for_csv(csv_data))
+
+        with open(log_filepath, encoding="utf-8") as csvfile:
+            line_count = len(list(csv.reader(csvfile))) - 1
+        return line_count
+
+
+@document()
+class CSVLogger(FlaggingCallback):
+    """
+    The default implementation of the FlaggingCallback abstract class in gradio>=5.0. Each flagged
+    sample (both the input and output data) is logged to a CSV file with headers on the machine running
+    the gradio app. Unlike ClassicCSVLogger, this implementation is concurrent-safe and it creates a new
+    dataset file every time the headers of the CSV (derived from the labels of the components) change. It also
+    only creates columns for "username" and "flag" if the flag_option and username are provided, respectively.
+
+    Example:
+        import gradio as gr
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                            flagging_callback=CSVLogger())
+    Guides: using-flagging
+    """
+
+    def __init__(
+        self,
+        simplify_file_data: bool = True,
+        verbose: bool = True,
+        dataset_file_name: str | None = None,
+    ):
+        """
+        Parameters:
+            simplify_file_data: If True, the file data will be simplified before being written to the CSV file. If CSVLogger is being used to cache examples, this is set to False to preserve the original FileData class
+            verbose: If True, prints messages to the console about the dataset file creation
+            dataset_file_name: The name of the dataset file to be created (should end in ".csv"). If None, the dataset file will be named "dataset1.csv" or the next available number.
+        """
+        self.simplify_file_data = simplify_file_data
+        self.verbose = verbose
+        self.dataset_file_name = dataset_file_name
+        self.lock = Lock()
+
+    def setup(
+        self,
+        components: Sequence[Component],
+        flagging_dir: str | Path,
+    ):
+        self.components = components
+        self.flagging_dir = Path(flagging_dir)
+        self.first_time = True
+
+    def _create_dataset_file(self, additional_headers: list[str] | None = None):
+        os.makedirs(self.flagging_dir, exist_ok=True)
+
+        if additional_headers is None:
+            additional_headers = []
+        headers = (
+            [
+                getattr(component, "label", None) or f"component {idx}"
+                for idx, component in enumerate(self.components)
+            ]
+            + additional_headers
+            + [
+                "timestamp",
+            ]
+        )
+        headers = utils.sanitize_list_for_csv(headers)
+        dataset_files = list(Path(self.flagging_dir).glob("dataset*.csv"))
+
+        if self.dataset_file_name:
+            self.dataset_filepath = self.flagging_dir / self.dataset_file_name
+        elif dataset_files:
+            try:
+                latest_file = max(
+                    dataset_files, key=lambda f: int(re.findall(r"\d+", f.stem)[0])
+                )
+                latest_num = int(re.findall(r"\d+", latest_file.stem)[0])
+
+                with open(latest_file, newline="", encoding="utf-8") as csvfile:
+                    reader = csv.reader(csvfile)
+                    existing_headers = next(reader, None)
+
+                if existing_headers != headers:
+                    new_num = latest_num + 1
+                    self.dataset_filepath = self.flagging_dir / f"dataset{new_num}.csv"
+                else:
+                    self.dataset_filepath = latest_file
+            except Exception:
+                self.dataset_filepath = self.flagging_dir / "dataset1.csv"
+        else:
+            self.dataset_filepath = self.flagging_dir / "dataset1.csv"
+
+        if not Path(self.dataset_filepath).exists():
+            with open(
+                self.dataset_filepath, "w", newline="", encoding="utf-8"
+            ) as csvfile:
+                writer = csv.writer(csvfile)
+                writer.writerow(utils.sanitize_list_for_csv(headers))
+            if self.verbose:
+                print("Created dataset file at:", self.dataset_filepath)
+        elif self.verbose:
+            print("Using existing dataset file at:", self.dataset_filepath)
+
+    def flag(
+        self,
+        flag_data: list[Any],
+        flag_option: str | None = None,
+        username: str | None = None,
+    ) -> int:
+        if self.first_time:
+            additional_headers = []
+            if flag_option is not None:
+                additional_headers.append("flag")
+            if username is not None:
+                additional_headers.append("username")
+            self._create_dataset_file(additional_headers=additional_headers)
+            self.first_time = False
+
+        csv_data = []
+        for idx, (component, sample) in enumerate(
+            zip(self.components, flag_data, strict=False)
+        ):
+            save_dir = (
+                self.flagging_dir
+                / client_utils.strip_invalid_filename_characters(
+                    str(getattr(component, "label", None) or f"component {idx}")
+                )
+            )
+            if utils.is_prop_update(sample):
+                csv_data.append(str(sample))
+            else:
+                data = (
+                    component.flag(sample, flag_dir=save_dir)
+                    if sample is not None
+                    else ""
+                )
+                if self.simplify_file_data:
+                    data = utils.simplify_file_data_in_str(data)
+                csv_data.append(data)
+
+        if flag_option is not None:
+            csv_data.append(flag_option)
+        if username is not None:
+            csv_data.append(username)
+        csv_data.append(str(datetime.datetime.now()))
+
+        with self.lock:
+            with open(
+                self.dataset_filepath, "a", newline="", encoding="utf-8"
+            ) as csvfile:
+                writer = csv.writer(csvfile)
+                writer.writerow(utils.sanitize_list_for_csv(csv_data))
+            with open(self.dataset_filepath, encoding="utf-8") as csvfile:
+                line_count = len(list(csv.reader(csvfile))) - 1
+
+        return line_count
+
+
+class ChatCSVLogger:
+    """
+    Flagging callback for chat conversations.
+    Flagged conversations and like/dislike reactions are logged to a CSV file on the machine running the gradio app.
+    """
+
+    def __init__(self):
+        pass
+
+    def setup(self, flagging_dir: str):
+        self.flagging_dir = flagging_dir
+        os.makedirs(flagging_dir, exist_ok=True)
+
+    def flag(
+        self,
+        like_data: LikeData,
+        messages: list,
+    ):
+        flagging_dir = self.flagging_dir
+        log_filepath = Path(flagging_dir) / "log.csv"
+        is_new = not Path(log_filepath).exists()
+
+        feedback = (
+            "Like"
+            if like_data.liked is True
+            else "Dislike"
+            if like_data.liked is False
+            else like_data.liked
+        )
+        csv_data = [
+            json.dumps(messages),
+            like_data.index,
+            feedback,
+            str(datetime.datetime.now()),
+        ]
+
+        with open(log_filepath, "a", encoding="utf-8", newline="") as csvfile:
+            if is_new:
+                writer = csv.writer(csvfile)
+                writer.writerow(["conversation", "index", "value", "flag", "timestamp"])
+            writer = csv.writer(csvfile)
+            writer.writerow(utils.sanitize_list_for_csv(csv_data))
+
+
+class FlagMethod:
+    """
+    Helper class that contains the flagging options and calls the flagging method. Also
+    provides visual feedback to the user when flag is clicked.
+    """
+
+    def __init__(
+        self,
+        flagging_callback: FlaggingCallback,
+        label: str,
+        value: str | None,
+        visual_feedback: bool = True,
+    ):
+        self.flagging_callback = flagging_callback
+        self.label = label
+        self.value = value
+        self.__name__ = "Flag"
+        self.visual_feedback = visual_feedback
+
+    def __call__(self, request: gr.Request, *flag_data):
+        try:
+            self.flagging_callback.flag(
+                list(flag_data), flag_option=self.value, username=request.username
+            )
+        except Exception as e:
+            print(f"Error while flagging: {e}")
+            if self.visual_feedback:
+                return "Error!"
+        if not self.visual_feedback:
+            return
+        time.sleep(0.8)  # to provide enough time for the user to observe button change
+        return self.reset()
+
+    def reset(self):
+        return gr.Button(value=self.label, interactive=True)
diff --git a/gradio/helpers.py b/gradio/helpers.py
new file mode 100644
index 0000000..1f58850
--- /dev/null
+++ b/gradio/helpers.py
@@ -0,0 +1,1257 @@
+"""
+Defines helper methods useful for loading and caching Interface examples.
+"""
+
+from __future__ import annotations
+
+import ast
+import copy
+import csv
+import inspect
+import os
+import shutil
+import warnings
+from collections.abc import Callable, Iterable, MutableMapping, Sequence
+from functools import partial
+from pathlib import Path
+from types import SimpleNamespace
+from typing import TYPE_CHECKING, Any, Literal, Optional, get_origin
+
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+
+from gradio import components, oauth, processing_utils, routes, utils
+from gradio.caching import Cache, resolve_generator
+from gradio.context import Context, LocalContext, get_blocks_context
+from gradio.data_classes import GradioModel, GradioRootModel
+from gradio.events import Dependency, EventData
+from gradio.exceptions import Error
+from gradio.flagging import CSVLogger
+from gradio.i18n import I18nData
+from gradio.route_utils import Header
+from gradio.utils import UnhashableKeyDict
+
+if TYPE_CHECKING:  # Only import for type checking (to avoid circular imports).
+    from gradio.components import Component
+
+LOG_FILE = "log.csv"
+
+
+def create_examples(
+    examples: list[Any] | list[list[Any]] | str,
+    inputs: Component | Sequence[Component],
+    outputs: Component | Sequence[Component] | None = None,
+    fn: Callable | None = None,
+    cache_examples: bool | None = None,
+    cache_mode: Literal["eager", "lazy"] | None = None,
+    examples_per_page: int = 10,
+    _api_mode: bool = False,
+    label: str | I18nData | None = None,
+    elem_id: str | None = None,
+    run_on_click: bool = False,
+    preprocess: bool = True,
+    postprocess: bool = True,
+    api_visibility: Literal["public", "private", "undocumented"] = "undocumented",
+    api_name: str | None = "load_example",
+    api_description: str | None | Literal[False] = None,
+    batch: bool = False,
+    *,
+    example_labels: list[str] | None = None,
+    visible: bool | Literal["hidden"] = True,
+    preload: int | Literal[False] = 0,
+):
+    """Top-level synchronous function that creates Examples. Provided for backwards compatibility, i.e. so that gr.Examples(...) can be used to create the Examples component."""
+    examples_obj = Examples(
+        examples=examples,
+        inputs=inputs,
+        outputs=outputs,
+        fn=fn,
+        cache_examples=cache_examples,
+        cache_mode=cache_mode,
+        examples_per_page=examples_per_page,
+        _api_mode=_api_mode,
+        label=label,
+        elem_id=elem_id,
+        run_on_click=run_on_click,
+        preprocess=preprocess,
+        postprocess=postprocess,
+        api_visibility=api_visibility,
+        api_name=api_name,
+        api_description=api_description,
+        batch=batch,
+        example_labels=example_labels,
+        visible=visible,
+        _initiated_directly=False,
+        preload=preload,
+    )
+    examples_obj.create()
+    return examples_obj
+
+
+@document()
+class Examples:
+    """
+    This class is a wrapper over the Dataset component and can be used to create Examples
+    for Blocks / Interfaces. Populates the Dataset component with examples and
+    assigns event listener so that clicking on an example populates the input/output
+    components. Optionally handles example caching for fast inference.
+
+    Demos: calculator_blocks
+    Guides: more-on-examples-and-flagging
+    """
+
+    def __init__(
+        self,
+        examples: list[Any] | list[list[Any]] | str,
+        inputs: Component | Sequence[Component],
+        outputs: Component | Sequence[Component] | None = None,
+        fn: Callable | None = None,
+        cache_examples: bool | None = None,
+        cache_mode: Literal["eager", "lazy"] | None = None,
+        examples_per_page: int = 10,
+        _api_mode: bool = False,
+        label: str | I18nData | None = "Examples",
+        elem_id: str | None = None,
+        run_on_click: bool = False,
+        preprocess: bool = True,
+        postprocess: bool = True,
+        api_visibility: Literal["public", "private", "undocumented"] = "undocumented",
+        api_name: str | None = "load_example",
+        api_description: str | None | Literal[False] = None,
+        batch: bool = False,
+        *,
+        example_labels: list[str] | None = None,
+        visible: bool | Literal["hidden"] = True,
+        preload: int | Literal[False] = 0,
+        _initiated_directly: bool = True,
+    ):
+        """
+        Parameters:
+            examples: example inputs that can be clicked to populate specific components. Should be nested list, in which the outer list consists of samples and each inner list consists of an input corresponding to each input component. A string path to a directory of examples can also be provided but it should be within the directory with the python file running the gradio app. If there are multiple input components and a directory is provided, a log.csv file must be present in the directory to link corresponding inputs.
+            inputs: the component or list of components corresponding to the examples
+            outputs: optionally, provide the component or list of components corresponding to the output of the examples. Required if `cache_examples` is not False.
+            fn: optionally, provide the function to run to generate the outputs corresponding to the examples. Required if `cache_examples` is not False. Also required if `run_on_click` is True.
+            cache_examples: If True, caches examples in the server for fast runtime in examples. If "lazy", then examples are cached (for all users of the app) after their first use (by any user of the app). If None, will use the GRADIO_CACHE_EXAMPLES environment variable, which should be either "true" or "false". In HuggingFace Spaces, this parameter is True (as long as `fn` and `outputs` are also provided). The default option otherwise is False. Note that examples are cached separately from Gradio's queue() so certain features, such as gr.Progress(), gr.Info(), gr.Warning(), etc. will not be displayed in Gradio's UI for cached examples.
+            cache_mode: if "lazy", examples are cached after their first use. If "eager", all examples are cached at app launch. If None, will use the GRADIO_CACHE_MODE environment variable if defined, or default to "eager".
+            examples_per_page: how many examples to show per page.
+            label: the label to use for the examples component (by default, "Examples")
+            elem_id: an optional string that is assigned as the id of this component in the HTML DOM.
+            run_on_click: if cache_examples is False, clicking on an example does not run the function when an example is clicked. Set this to True to run the function when an example is clicked. Has no effect if cache_examples is True.
+            preprocess: if True, preprocesses the example input before running the prediction function and caching the output. Only applies if `cache_examples` is not False.
+            postprocess: if True, postprocesses the example output after running the prediction function and before caching. Only applies if `cache_examples` is not False.
+            api_visibility: Controls the visibility of the event associated with clicking on the examples. Can be "public" (shown in API docs and callable), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable).
+            api_name: Defines how the event associated with clicking on the examples appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None, an auto-generated name will be used.
+            api_description: Description of the event associated with clicking on the examples in the API docs. Can be a string, None, or False. If set to a string, the endpoint will be exposed in the API docs with the given description. If None, the function's docstring will be used as the API endpoint description. If False, then no description will be displayed in the API docs.
+            batch: If True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. Used only if cache_examples is not False.
+            example_labels: A list of labels for each example. If provided, the length of this list should be the same as the number of examples, and these labels will be used in the UI instead of rendering the example values.
+            visible: If False, the examples component will be hidden in the UI.
+            preload: If an integer is provided (and examples are being cached eagerly and none of the input components have a developer-provided `value`), the example at that index in the examples list will be preloaded when the Gradio app is first loaded. If False, no example will be preloaded.
+        """
+        if _initiated_directly:
+            warnings.warn(
+                "Please use gr.Examples(...) instead of gr.helpers.Examples(...) to create the Examples.",
+            )
+
+        self.cache_examples = False
+        if cache_examples is None:
+            if (
+                os.getenv("GRADIO_CACHE_EXAMPLES", "").lower() in ["true", "lazy"]
+                and fn is not None
+                and outputs is not None
+            ):
+                self.cache_examples = True
+        elif cache_examples in [True, False]:
+            self.cache_examples = cache_examples
+        else:
+            raise ValueError(
+                f"The `cache_examples` parameter should be either True or False, not {cache_examples}"
+            )
+        if self.cache_examples and (fn is None or outputs is None):
+            raise ValueError("If caching examples, `fn` and `outputs` must be provided")
+
+        if (cache_mode_env := os.getenv("GRADIO_CACHE_MODE")) and cache_mode is None:
+            if cache_mode_env.lower() == "eager":
+                cache_mode = "eager"
+            elif cache_mode_env.lower() == "lazy":
+                cache_mode = "lazy"
+            else:
+                cache_mode = "eager"
+                warnings.warn(
+                    "The `GRADIO_CACHE_MODE` environment variable must be either 'eager' or 'lazy'. "
+                    "Defaulting to 'eager'."
+                )
+
+        if self.cache_examples and cache_mode == "lazy":
+            self.cache_examples = "lazy"
+
+        if not isinstance(inputs, Sequence):
+            inputs = [inputs]
+        if outputs and not isinstance(outputs, Sequence):
+            outputs = [outputs]
+
+        working_directory = Path().absolute()
+
+        if examples is None:
+            raise ValueError("The parameter `examples` cannot be None")
+        elif isinstance(examples, list) and (
+            len(examples) == 0 or isinstance(examples[0], list)
+        ):
+            pass
+        elif (
+            isinstance(examples, list) and len(inputs) == 1
+        ):  # If there is only one input component, examples can be provided as a regular list instead of a list of lists
+            examples = [[e] for e in examples]
+        elif isinstance(examples, str):
+            if not Path(examples).exists():
+                raise FileNotFoundError(
+                    f"Could not find examples directory: {examples}"
+                )
+            working_directory = examples
+            if not (Path(examples) / LOG_FILE).exists():
+                if len(inputs) == 1:
+                    examples = [[e] for e in os.listdir(examples)]
+                else:
+                    raise FileNotFoundError(
+                        "Could not find log file (required for multiple inputs): "
+                        + LOG_FILE
+                    )
+            else:
+                with open(Path(examples) / LOG_FILE) as logs:
+                    examples = list(csv.reader(logs))
+                    examples = [
+                        examples[i][: len(inputs)] for i in range(1, len(examples))
+                    ]  # remove header and unnecessary columns
+
+        else:
+            raise ValueError(
+                "The parameter `examples` must either be a string directory or a list"
+                "(if there is only 1 input component) or (more generally), a nested "
+                "list, where each sublist represents a set of inputs."
+            )
+
+        input_has_examples = [False] * len(inputs)
+        for example in examples:
+            for idx, example_for_input in enumerate(example):
+                if example_for_input is not None:
+                    try:
+                        input_has_examples[idx] = True
+                    except IndexError:
+                        pass  # If there are more example components than inputs, ignore. This can sometimes be intentional (e.g. loading from a log file where outputs and timestamps are also logged)
+
+        inputs_with_examples = [
+            inp for (inp, keep) in zip(inputs, input_has_examples, strict=False) if keep
+        ]
+        non_none_examples = [
+            [
+                ex
+                for (ex, keep) in zip(example, input_has_examples, strict=False)
+                if keep
+            ]
+            for example in examples
+        ]
+        if example_labels is not None and len(example_labels) != len(examples):
+            raise ValueError(
+                "If `example_labels` are provided, the length of `example_labels` must be the same as the number of examples."
+            )
+
+        self.examples = examples
+        self.non_none_examples = non_none_examples
+        self.inputs = inputs
+        self.input_has_examples = input_has_examples
+        self.inputs_with_examples = inputs_with_examples
+        self.outputs = outputs or []
+        self.fn = fn
+        self._api_mode = _api_mode
+        self.preprocess = preprocess
+        self.postprocess = postprocess
+        self.api_visibility = api_visibility
+        self.api_name: str | None = api_name
+        self.api_description: str | None | Literal[False] = api_description
+        self.batch = batch
+        self.example_labels = example_labels
+        self.working_directory = working_directory
+        self.preload = preload
+
+        from gradio import components
+
+        with utils.set_directory(working_directory):
+            self.dataset = components.Dataset(
+                components=inputs_with_examples,
+                samples=copy.deepcopy(non_none_examples),
+                type="tuple",
+                label=label,
+                samples_per_page=examples_per_page,
+                elem_id=elem_id,
+                visible=visible,
+                sample_labels=example_labels,
+            )
+
+        self.cache_logger = CSVLogger(
+            simplify_file_data=False, verbose=False, dataset_file_name="log.csv"
+        )
+        self.cached_folder = utils.get_cache_folder() / str(self.dataset._id)
+        if (
+            os.environ.get("GRADIO_RESET_EXAMPLES_CACHE") == "True"
+            and self.cached_folder.exists()
+        ):
+            shutil.rmtree(self.cached_folder)
+        self.cached_file = Path(self.cached_folder) / "log.csv"
+        self.cached_indices_file = Path(self.cached_folder) / "indices.csv"
+        self.run_on_click = run_on_click
+        self.cache_event: Dependency | None = None
+        self.non_none_processed_examples = UnhashableKeyDict()
+
+        if self.dataset.samples:
+            for index, example in enumerate(self.non_none_examples):
+                self.non_none_processed_examples[self.dataset.samples[index]] = (
+                    self._get_processed_example(example)
+                )
+
+        if self.cache_examples == "lazy":
+            print(
+                f"Will cache examples in '{utils.abspath(self.cached_folder)}' directory at first use.",
+                end="",
+            )
+            if Path(self.cached_file).exists():
+                print(
+                    "If method or examples have changed since last caching, delete this folder to reset cache."
+                )
+            print("\n")
+
+    def _get_processed_example(self, example):
+        """
+        This function is used to get the post-processed example values, ready to be used
+        in the frontend for each input component. For example, if the input components are
+        image components, the post-processed example values will be the a list of ImageData dictionaries
+        with the path, url, size, mime_type, orig_name, and is_stream keys. For any input components
+        that should be skipped (b/c they are None for all samples), they will simply be absent
+        from the returned list
+
+        Parameters:
+            example: a list of example values for each input component, excluding those components
+            that have all None values
+        """
+        if example in self.non_none_processed_examples:
+            return self.non_none_processed_examples[example]
+        with utils.set_directory(self.working_directory):
+            sub = []
+            for component, sample in zip(
+                self.inputs_with_examples, example, strict=False
+            ):
+                prediction_value = component.postprocess(sample)
+                if isinstance(prediction_value, (GradioRootModel, GradioModel)):
+                    prediction_value = prediction_value.model_dump()
+                prediction_value = processing_utils.move_files_to_cache(
+                    prediction_value,
+                    component,
+                    postprocess=True,
+                )
+                sub.append(prediction_value)
+        return sub
+
+    def create(self) -> None:
+        """Creates the Dataset component to hold the examples"""
+        blocks_config = get_blocks_context()
+        self.root_block = Context.root_block or (
+            blocks_config.root_block if blocks_config else None
+        )
+        if blocks_config:
+            if self.root_block:
+                self.root_block.extra_startup_events.append(self._start_caching)
+
+            if self.cache_examples:
+
+                def load_example_input(example_tuple):
+                    _, example_value = example_tuple
+                    processed_example = self._get_processed_example(example_value)
+                    return utils.resolve_singleton(processed_example)
+
+                def load_example_output(example_tuple):
+                    example_id, _ = example_tuple
+                    cached_outputs = self.load_from_cache(example_id)
+                    return utils.resolve_singleton(cached_outputs)
+
+                self.cache_event = self.load_input_event = self.dataset.click(
+                    load_example_input,
+                    inputs=[self.dataset],
+                    outputs=self.inputs,
+                    show_progress="hidden",
+                    postprocess=False,
+                    queue=False,
+                    api_visibility="undocumented",
+                ).then(
+                    load_example_output,
+                    inputs=[self.dataset],
+                    outputs=self.outputs,
+                    postprocess=False,
+                    api_name=self.api_name,
+                    api_description=self.api_description,
+                    api_visibility=self.api_visibility,
+                )
+
+                if (
+                    self.preload is not False
+                    and self.cache_examples != "lazy"
+                    and self.root_block
+                    and not any(
+                        "value" in inp.constructor_args
+                        for inp in self.inputs_with_examples
+                    )
+                ):
+                    self.root_block.load(
+                        load_example_input,
+                        inputs=[
+                            components.State(
+                                (self.preload, self.non_none_examples[self.preload])
+                            )
+                        ],
+                        outputs=self.inputs,
+                        show_progress="hidden",
+                        postprocess=False,
+                        queue=False,
+                        api_visibility="undocumented",
+                    )
+                    self.root_block.load(
+                        load_example_output,
+                        inputs=[
+                            components.State(
+                                (self.preload, self.non_none_examples[self.preload])
+                            )
+                        ],
+                        outputs=self.outputs,
+                        postprocess=False,
+                        show_progress="hidden",
+                        api_visibility="undocumented",
+                    )
+
+            else:
+
+                def load_example(example_tuple):
+                    _, example_value = example_tuple
+                    processed_example = self._get_processed_example(example_value)
+                    if len(self.inputs_with_examples) == 1:
+                        return update(
+                            value=processed_example[0],
+                            **self.dataset.component_props[0],  # type: ignore
+                        )
+                    return [
+                        update(
+                            value=processed_example[i],
+                            **self.dataset.component_props[i],  # type: ignore
+                        )
+                        for i in range(len(self.inputs_with_examples))
+                    ]
+
+                self.load_input_event = self.dataset.click(
+                    load_example,
+                    inputs=[self.dataset],
+                    outputs=self.inputs_with_examples,
+                    show_progress="hidden",
+                    postprocess=False,
+                    queue=False,
+                    api_name=self.api_name,
+                    api_description=self.api_description,
+                    api_visibility=self.api_visibility,
+                )
+
+                if self.run_on_click:
+                    if self.fn is None:
+                        raise ValueError(
+                            "Cannot run_on_click if no function is provided"
+                        )
+                    self.load_input_event.then(
+                        self.fn,
+                        inputs=self.inputs,
+                        outputs=self.outputs,
+                        api_visibility="undocumented",
+                    )
+        else:
+            warnings.warn(
+                f"If an Examples object is created outside a Blocks Context, make sure to call `examples.dataset.render()`{'and `examples.create()`' if self.cache_examples else ''} to render the examples in the interface."
+            )
+
+    async def _postprocess_output(self, output) -> list:
+        """
+        This is a way that we can postprocess the data manually, since we set postprocess=False in the lazy_cache
+        event handler. The reason we did that is because we don't want to postprocess data if we are loading from
+        the cache, since that has already been postprocessed. We postprocess this data manually if we are calling
+        the function using the _handle_callable_as_generator() method.
+        """
+        import gradio as gr
+
+        with gr.Blocks() as demo:
+            [output.render() for output in self.outputs]  # type: ignore
+            demo.load(self.fn, self.inputs, self.outputs)
+        demo.unrender()
+        return await demo.postprocess_data(demo.default_config.fns[0], output, None)
+
+    def _get_cached_index_if_cached(self, example_index) -> int | None:
+        if Path(self.cached_indices_file).exists():
+            with open(self.cached_indices_file) as f:
+                cached_indices = [int(line.strip()) for line in f]
+            if example_index in cached_indices:
+                cached_index = cached_indices.index(example_index)
+                return cached_index
+        return None
+
+    async def _start_caching(self):
+        if self.cache_examples:
+            for example in self.examples:
+                if len([ex for ex in example if ex is not None]) != len(self.inputs):
+                    warnings.warn(
+                        "Examples will be cached but not all input components have "
+                        "example values. This may result in an exception being thrown by "
+                        "your function. If you do get an error while caching examples, make "
+                        "sure all of your inputs have example values for all of your examples "
+                        "or you provide default values for those particular parameters in your function."
+                    )
+                    break
+        if self.cache_examples is True:
+            await self.cache()
+
+    async def cache(self, example_id: int | None = None) -> None:
+        """
+        Caches examples so that their predictions can be shown immediately.
+        Parameters:
+            example_id: The id of the example to process (zero-indexed). If None, all examples are cached.
+        """
+        if self.root_block is None:
+            raise Error("Cannot cache examples if not in a Blocks context.")
+        if Path(self.cached_file).exists() and example_id is None:
+            print(
+                f"Using cache from '{utils.abspath(self.cached_folder)}' directory. If method or examples have changed since last caching, delete this folder to clear cache.\n"
+            )
+        else:
+            print(f"Caching examples at: '{utils.abspath(self.cached_folder)}'")
+            self.cache_logger.setup(self.outputs, self.cached_folder)  # type: ignore
+            assert self.fn is not None  # noqa: S101
+            fn, generated_values = resolve_generator(self.fn)
+            if generated_values is None:
+                generated_values = []
+
+            # create a fake dependency to process the examples and get the predictions
+            from gradio.events import EventListenerMethod
+
+            _, fn_index = self.root_block.default_config.set_event_trigger(
+                [EventListenerMethod(Context.root_block, "load")],
+                fn=fn,
+                inputs=self.inputs,
+                outputs=self.outputs,
+                preprocess=self.preprocess and not self._api_mode,
+                postprocess=self.postprocess and not self._api_mode,
+                batch=self.batch,
+            )
+
+            if self.outputs is None:
+                raise ValueError("self.outputs is missing")
+            for i, example in enumerate(self.non_none_examples):
+                if example_id is not None and i != example_id:
+                    continue
+                processed_input = self._get_processed_example(example)
+                for index, keep in enumerate(self.input_has_examples):
+                    if not keep:
+                        processed_input.insert(index, None)
+                if self.batch:
+                    processed_input = [[value] for value in processed_input]
+                with utils.MatplotlibBackendMananger():
+                    # When caching examples lazily, set in_event_listener to False
+                    # so that all components are properly instantiated
+                    # See https://github.com/gradio-app/gradio/issues/12564
+                    prediction = await self.root_block.process_api(
+                        block_fn=self.root_block.default_config.fns[fn_index],
+                        inputs=processed_input,
+                        request=None,
+                        in_event_listener=self.cache_examples != "lazy",
+                    )
+                output = prediction["data"]
+                if generated_values:
+                    output = await merge_generated_values_into_output(
+                        self.outputs,  # type: ignore
+                        generated_values,
+                        output,  # type: ignore
+                    )
+                if self.batch:
+                    output = [value[0] for value in output]
+                self.cache_logger.flag(output)
+                with open(self.cached_indices_file, "a") as f:
+                    f.write(f"{example_id or i}\n")
+
+            # Remove the "fake_event" to prevent bugs in loading interfaces from spaces
+            self.root_block.default_config.fns.pop(fn_index)
+
+    def load_from_cache(self, example_id: int) -> list[Any]:
+        """Loads a particular cached example for the interface.
+        Parameters:
+            example_id: The id of the example to process (zero-indexed).
+        """
+        cached_index = self._get_cached_index_if_cached(example_id)
+        if cached_index is None:
+            client_utils.synchronize_async(self.cache, example_id)
+            with open(self.cached_indices_file) as f:
+                cached_index = len(f.readlines()) - 1
+
+        with open(self.cached_file, encoding="utf-8") as cache:
+            examples = list(csv.reader(cache))
+
+        if cached_index + 1 >= len(examples):
+            raise IndexError("Cached example not found in cache file")
+        example = examples[cached_index + 1]  # +1 to adjust for header
+
+        output = []
+        if self.outputs is None:
+            raise ValueError("self.outputs is missing")
+        for component, value in zip(self.outputs, example, strict=False):  # type: ignore
+            value_to_use = value
+            try:
+                value_as_dict = ast.literal_eval(value)
+                # File components that output multiple files get saved as a python list
+                # need to pass the parsed list to serialize
+                # TODO: Better file serialization in 4.0
+                if isinstance(value_as_dict, list) and isinstance(
+                    component, components.File
+                ):
+                    value_to_use = value_as_dict
+                if not utils.is_prop_update(value_as_dict):
+                    raise TypeError("value wasn't an update")  # caught below
+                output.append(value_as_dict)
+            except (ValueError, TypeError, SyntaxError):
+                output.append(component.read_from_flag(value_to_use))
+        return output
+
+
+async def merge_generated_values_into_output(
+    components: Sequence[Component], generated_values: list, output: list
+):
+    from gradio.components.base import StreamingOutput
+
+    for output_index, output_component in enumerate(components):
+        if isinstance(output_component, StreamingOutput) and output_component.streaming:
+            binary_chunks = []
+            desired_output_format = None
+            for i, chunk in enumerate(generated_values):
+                if len(components) > 1:
+                    chunk = chunk[output_index]
+                processed_chunk = output_component.postprocess(chunk)
+                if isinstance(processed_chunk, (GradioModel, GradioRootModel)):
+                    processed_chunk = processed_chunk.model_dump()
+                stream_chunk = await output_component.stream_output(
+                    processed_chunk, "", i == 0
+                )
+                if i == 0 and (orig_name := stream_chunk[1].get("orig_name")):
+                    desired_output_format = Path(orig_name).suffix[1:]
+                if stream_chunk[0]:
+                    binary_chunks.append(stream_chunk[0]["data"])
+            combined_output = await output_component.combine_stream(
+                binary_chunks, desired_output_format=desired_output_format
+            )
+            output[output_index] = combined_output.model_dump()
+
+    return output
+
+
+class TrackedIterable:
+    def __init__(
+        self,
+        iterable: Iterable | None,
+        index: int | float | None,
+        length: int | float | None,
+        desc: str | None,
+        unit: str | None,
+        _tqdm=None,
+        progress: float | None = None,
+    ) -> None:
+        self.iterable = iterable
+        self.index = index
+        self.length = length
+        self.desc = desc
+        self.unit = unit
+        self._tqdm = _tqdm
+        self.progress = progress
+
+
+@document("__call__", "tqdm")
+class Progress(Iterable):
+    """
+    The Progress class provides a custom progress tracker that is used in a function signature.
+    To attach a Progress tracker to a function, simply add a parameter right after the input parameters that has a default value set to a `gradio.Progress()` instance.
+    The Progress tracker can then be updated in the function by calling the Progress object or using the `tqdm` method on an Iterable.
+    Example:
+        import gradio as gr
+        import time
+        def my_function(x, progress=gr.Progress()):
+            progress(0, desc="Starting...")
+            time.sleep(1)
+            for i in progress.tqdm(range(100)):
+                time.sleep(0.1)
+            return x
+        gr.Interface(my_function, gr.Textbox(), gr.Textbox()).launch()
+    Guides: progress-bars
+    """
+
+    def __init__(
+        self,
+        track_tqdm: bool = False,
+    ):
+        """
+        Parameters:
+            track_tqdm: If True, the Progress object will track any tqdm.tqdm iterations with the tqdm library in the function.
+        """
+        if track_tqdm:
+            patch_tqdm()
+        self.track_tqdm = track_tqdm
+        self.iterables: list[TrackedIterable] = []
+
+    def __len__(self):
+        if not self.iterables:
+            return 0
+        return self.iterables[-1].length
+
+    def __iter__(self):
+        return self
+
+    def __next__(self):
+        """
+        Updates progress tracker with next item in iterable.
+        """
+        callback = self._progress_callback()
+        if callback:
+            current_iterable = self.iterables[-1]
+            while (
+                not hasattr(current_iterable.iterable, "__next__")
+                and len(self.iterables) > 0
+            ):
+                current_iterable = self.iterables.pop()
+            callback(self.iterables)
+            if current_iterable.index is None:
+                raise IndexError("Index not set.")
+            current_iterable.index += 1
+            try:
+                return next(current_iterable.iterable)  # type: ignore
+            except StopIteration:
+                self.iterables.pop()
+                raise
+        else:
+            return self
+
+    def __call__(
+        self,
+        progress: float | tuple[int, int | None] | None,
+        desc: str | None = None,
+        total: int | float | None = None,
+        unit: str = "steps",
+        _tqdm=None,
+    ):
+        """
+        Updates progress tracker with progress and message text.
+        Parameters:
+            progress: If float, should be between 0 and 1 representing completion. If Tuple, first number represents steps completed, and second value represents total steps or None if unknown. If None, hides progress bar.
+            desc: description to display.
+            total: estimated total number of steps.
+            unit: unit of iterations.
+        """
+        callback = self._progress_callback()
+        if callback:
+            if isinstance(progress, tuple):
+                index, total = progress
+                progress = None
+            else:
+                index = None
+            callback(
+                self.iterables
+                + [TrackedIterable(None, index, total, desc, unit, _tqdm, progress)]  # type: ignore
+            )
+        else:
+            return progress
+
+    def tqdm(
+        self,
+        iterable: Iterable | None,
+        desc: str | None = None,
+        total: int | float | None = None,
+        unit: str = "steps",
+        _tqdm=None,
+    ):
+        """
+        Attaches progress tracker to iterable, like tqdm.
+        Parameters:
+            iterable: iterable to attach progress tracker to.
+            desc: description to display.
+            total: estimated total number of steps.
+            unit: unit of iterations.
+        """
+        callback = self._progress_callback()
+        if callback:
+            if iterable is None:
+                new_iterable = TrackedIterable(None, 0, total, desc, unit, _tqdm)
+                self.iterables.append(new_iterable)
+                callback(self.iterables)
+                return self
+            length = len(iterable) if hasattr(iterable, "__len__") else total  # type: ignore
+            self.iterables.append(
+                TrackedIterable(iter(iterable), 0, length, desc, unit, _tqdm)
+            )
+            return self
+        if iterable is None:
+            return iter([])
+        return iter(iterable)
+
+    def update(self, n: int | float = 1):
+        """
+        Increases latest iterable with specified number of steps.
+        Parameters:
+            n: number of steps completed.
+        """
+        callback = self._progress_callback()
+        if callback and len(self.iterables) > 0:
+            current_iterable = self.iterables[-1]
+            if current_iterable.index is None:
+                raise IndexError("Index not set.")
+            current_iterable.index += n
+            callback(self.iterables)
+        else:
+            return
+
+    def close(self, _tqdm):
+        """
+        Removes iterable with given _tqdm.
+        """
+        callback = self._progress_callback()
+        if callback:
+            for i in range(len(self.iterables)):
+                if id(self.iterables[i]._tqdm) == id(_tqdm):
+                    self.iterables.pop(i)
+                    break
+            callback(self.iterables)
+        else:
+            return
+
+    @staticmethod
+    def _progress_callback():
+        blocks = LocalContext.blocks.get(None)
+        event_id = LocalContext.event_id.get(None)
+        if not (blocks and event_id):
+            return None
+        return partial(blocks._queue.set_progress, event_id)
+
+
+def patch_tqdm() -> None:
+    try:
+        _tqdm = __import__("tqdm")
+    except ModuleNotFoundError:
+        return
+
+    def init_tqdm(
+        self, iterable=None, desc=None, total=None, unit="steps", *args, **kwargs
+    ):
+        self._progress = LocalContext.progress.get(None)
+        if self._progress is not None:
+            callback = self._progress._progress_callback()
+            if callback is not None:
+                self._progress.tqdm(iterable, desc, total, unit, _tqdm=self)
+                kwargs["file"] = open(os.devnull, "w")  # noqa: SIM115
+        self.__init__orig__(iterable, desc, total, *args, unit=unit, **kwargs)
+
+    def iter_tqdm(self):
+        if self._progress is not None:
+            callback = self._progress._progress_callback()
+            if callback is not None:
+                return self._progress
+        return self.__iter__orig__()
+
+    def update_tqdm(self, n=1):
+        if self._progress is not None:
+            callback = self._progress._progress_callback()
+            if callback is not None:
+                self._progress.update(n)
+        return self.__update__orig__(n)
+
+    def close_tqdm(self):
+        if self._progress is not None:
+            callback = self._progress._progress_callback()
+            if callback is not None:
+                self._progress.close(self)
+        return self.__close__orig__()
+
+    def exit_tqdm(self, exc_type, exc_value, traceback):
+        if self._progress is not None:
+            callback = self._progress._progress_callback()
+            if callback is not None:
+                self._progress.close(self)
+        return self.__exit__orig__(exc_type, exc_value, traceback)
+
+    # Backup
+    if not hasattr(_tqdm.tqdm, "__init__orig__"):
+        _tqdm.tqdm.__init__orig__ = _tqdm.tqdm.__init__  # type: ignore
+    if not hasattr(_tqdm.tqdm, "__update__orig__"):
+        _tqdm.tqdm.__update__orig__ = _tqdm.tqdm.update  # type: ignore
+    if not hasattr(_tqdm.tqdm, "__close__orig__"):
+        _tqdm.tqdm.__close__orig__ = _tqdm.tqdm.close  # type: ignore
+    if not hasattr(_tqdm.tqdm, "__exit__orig__"):
+        _tqdm.tqdm.__exit__orig__ = _tqdm.tqdm.__exit__  # type: ignore
+    if not hasattr(_tqdm.tqdm, "__iter__orig__"):
+        _tqdm.tqdm.__iter__orig__ = _tqdm.tqdm.__iter__  # type: ignore
+
+    # Patch
+    _tqdm.tqdm.__init__ = init_tqdm  # type: ignore
+    _tqdm.tqdm.update = update_tqdm  # type: ignore
+    _tqdm.tqdm.close = close_tqdm  # type: ignore
+    _tqdm.tqdm.__exit__ = exit_tqdm  # type: ignore
+    _tqdm.tqdm.__iter__ = iter_tqdm  # type: ignore
+
+    if hasattr(_tqdm, "auto") and hasattr(_tqdm.auto, "tqdm"):
+        _tqdm.auto.tqdm = _tqdm.tqdm
+
+
+def create_tracker(fn, track_tqdm):
+    progress = Progress(track_tqdm=track_tqdm)
+    if not track_tqdm:
+        return progress, fn
+    return progress, utils.function_wrapper(
+        f=fn,
+        before_fn=LocalContext.progress.set,
+        before_args=(progress,),
+        after_fn=LocalContext.progress.set,
+        after_args=(None,),
+    )
+
+
+def _session_from_request(request: Any) -> MutableMapping[str, Any]:
+    """Return the request's session, or an empty mapping if there is no session
+    to read (the normal case for apps without OAuth / SessionMiddleware).
+
+    For a real Starlette/fastapi request the session lives in `scope["session"]`;
+    touching `.session` directly would raise Starlette's "SessionMiddleware must
+    be installed" assertion when it's absent, so we gate on `scope` membership
+    instead. A `gr.Request` exposes the fastapi request as `.request`; objects
+    without a Starlette `scope` (a queued `gr.Request` rebuilt from kwargs) may
+    still carry a plain `.session`.
+    """
+    if request is None:
+        return {}
+    underlying = getattr(request, "request", None) or request
+    scope = getattr(underlying, "scope", None)
+    if isinstance(scope, dict):
+        return scope.get("session", {})
+    return getattr(underlying, "session", None) or {}
+
+
+def special_args(
+    fn: Callable,
+    inputs: list[Any] | None = None,
+    request: routes.Request | None = None,
+    event_data: EventData | None = None,
+    component_props: dict[int, dict[str, Any]] | None = None,
+    token: oauth.OAuthToken | None = None,
+) -> tuple[list, int | None, int | None, list[int]]:
+    """
+    Checks if function has special arguments Request or EventData (via annotation) or Progress (via default value).
+    Also checks if any parameters are type-hinted with gr.Component types, in which case all component props should be passed.
+    If inputs is provided, these values will be loaded into the inputs array.
+    Parameters:
+        fn: function to check.
+        inputs: array to load special arguments into.
+        request: request to load into inputs.
+        event_data: event-related data to load into inputs.
+        component_props: dictionary mapping input indices to their full component props.
+        token: an OAuthToken to inject into OAuthToken-annotated params when one cannot
+            be derived from the request session (e.g. server-side workflow calls that
+            resolve the token outside of a browser session).
+    Returns:
+        updated inputs, progress index, event data index, list of input indices that need component props.
+    """
+    try:
+        signature = inspect.signature(fn)
+    except ValueError:
+        return inputs or [], None, None, []
+    from gradio.components.base import Component
+
+    type_hints = utils.get_type_hints(fn)
+    positional_args = []
+    for param in signature.parameters.values():
+        if param.kind not in (param.POSITIONAL_ONLY, param.POSITIONAL_OR_KEYWORD):
+            break
+        positional_args.append(param)
+    progress_index = None
+    event_data_index = None
+    component_prop_indices = []
+    for i, param in enumerate(positional_args):
+        type_hint = type_hints.get(param.name)
+        if isinstance(param.default, Progress):
+            progress_index = i
+            if inputs is not None:
+                inputs.insert(i, param.default)
+        elif isinstance(param.default, Cache):
+            if inputs is not None:
+                inputs.insert(i, param.default)
+        elif type_hint in (routes.Request, Optional[routes.Request]):
+            if inputs is not None:
+                inputs.insert(i, request)
+        elif type_hint in (
+            oauth.OAuthProfile | None,
+            oauth.OAuthToken | None,
+            oauth.OAuthProfile,
+            oauth.OAuthToken,
+        ):
+            if inputs is not None:
+                # Read the session if a SessionMiddleware is installed (i.e. the
+                # user may be logged in); otherwise treat as logged out. Required
+                # OAuth params still raise an explicit error below.
+                session = _session_from_request(request)
+
+                # Expiry means "treat as logged out" here; the session entry
+                # itself is only removed on the next LoginButton page-load check,
+                # which operates on the raw session.
+                oauth_info = oauth._get_valid_oauth_info_from_session(session)
+
+                # Inject user profile
+                if type_hint in (Optional[oauth.OAuthProfile], oauth.OAuthProfile):
+                    oauth_profile = (
+                        oauth_info["userinfo"] if oauth_info is not None else None
+                    )
+                    if oauth_profile is not None:
+                        oauth_profile = oauth.OAuthProfile(oauth_profile)
+                    elif type_hint == oauth.OAuthProfile:
+                        raise Error(
+                            "This action requires a logged in user. Please sign in and retry."
+                        )
+                    inputs.insert(i, oauth_profile)
+
+                # Inject user token
+                elif type_hint in (Optional[oauth.OAuthToken], oauth.OAuthToken):
+                    oauth_token = (
+                        oauth.OAuthToken(
+                            token=oauth_info["access_token"],
+                            scope=oauth_info["scope"],
+                            expires_at=oauth_info["expires_at"],
+                        )
+                        if oauth_info is not None
+                        else None
+                    )
+                    # Fall back to a directly-supplied token when the session does
+                    # not yield one (e.g. server-side workflow calls).
+                    if oauth_token is None and token is not None:
+                        oauth_token = token
+                    if oauth_token is None and type_hint == oauth.OAuthToken:
+                        raise Error(
+                            "This action requires a logged in user. Please sign in and retry."
+                        )
+                    inputs.insert(i, oauth_token)
+        elif type_hint in (Header, Optional[Header]):
+            if inputs is not None and request is not None:
+                header_name = param.name.replace("_", "-").lower()
+                header_value = None
+                if hasattr(request, "headers"):
+                    for k, v in dict(request.headers).items():
+                        if k.lower() == header_name:
+                            header_value = v
+                            break
+                if len(inputs) > i:
+                    inputs[i] = header_value
+                else:
+                    inputs.insert(i, header_value)
+        elif (
+            type_hint
+            and inspect.isclass(type_hint)
+            and issubclass(type_hint, EventData)
+        ):
+            event_data_index = i
+            if inputs is not None and event_data is not None:
+                processing_utils.check_all_files_in_cache(event_data._data)
+                inputs.insert(i, type_hint(event_data.target, event_data._data))
+        elif (
+            type_hint
+            and get_origin(type_hint) is None
+            and inspect.isclass(type_hint)
+            and issubclass(type_hint, Component)
+        ):
+            component_prop_indices.append(i)
+            if inputs is not None and component_props and i in component_props:
+                inputs[i] = SimpleNamespace(
+                    **component_props[i], _is_component_update=True
+                )
+        elif (
+            param.default is not param.empty and inputs is not None and len(inputs) <= i
+        ):
+            inputs.insert(i, param.default)
+    if inputs is not None:
+        while len(inputs) < len(positional_args):
+            i = len(inputs)
+            param = positional_args[i]
+            if param.default == param.empty:
+                warnings.warn("Unexpected argument. Filling with None.")
+                inputs.append(None)
+            else:
+                inputs.append(param.default)
+    return inputs or [], progress_index, event_data_index, component_prop_indices
+
+
+def update(
+    elem_id: str | None = None,
+    elem_classes: list[str] | str | None = None,
+    visible: bool | Literal["hidden"] | None = None,
+    **kwargs: Any,
+) -> dict[str, Any]:
+    """
+    Updates a component's properties. When a function passed into a Gradio Interface or a Blocks
+    events returns a value, it typically updates the value of the output component. But it is also possible
+    to update the *properties* of an output component (such as the number of lines of a `Textbox` or
+    the visibility of an `Row`) by returning a component and passing in the parameters to update in
+    the constructor of the component. Alternatively, you can return `gr.update(...)` with any arbitrary
+    parameters to update. (This is useful as a shorthand or if the same function can be called with different
+    components to update.) For `gr.State` components, only the `value` parameter is supported.
+
+    Parameters:
+        elem_id: Use this to update the id of the component in the HTML DOM
+        elem_classes: Use this to update the classes of the component in the HTML DOM
+        visible: Use this to update the visibility of the component
+        kwargs: Any other keyword arguments to update the component's properties.
+    Example:
+        import gradio as gr
+        with gr.Blocks() as demo:
+            radio = gr.Radio([1, 2, 4], label="Set the value of the number")
+            number = gr.Number(value=2, interactive=True)
+            radio.change(fn=lambda value: gr.update(value=value), inputs=radio, outputs=number)
+        demo.launch()
+    """
+    kwargs["__type__"] = "update"
+    if elem_id is not None:
+        kwargs["elem_id"] = elem_id
+    if elem_classes is not None:
+        kwargs["elem_classes"] = elem_classes
+    if visible is not None:
+        kwargs["visible"] = visible
+    return kwargs
+
+
+@document()
+def validate(is_valid: bool, message: str):
+    """
+    A special function that can be returned from a Gradio function to set the validation error of an output component.
+    """
+    return {"__type__": "validate", "is_valid": is_valid, "message": message}
+
+
+@document()
+def skip() -> dict:
+    """
+    A special function that can be returned from a Gradio function to skip updating the output component. This may be useful when
+    you want to update the output component conditionally, and in some cases, you want to skip updating the output component.
+    If you have multiple output components, you can return `gr.skip()` as part of a tuple to skip updating a specific output component,
+    or you can return a single `gr.skip()` to skip updating all output components.
+    """
+    return {"__type__": "update"}
+
+
+def log_message(
+    message: str,
+    title: str,
+    level: Literal["info", "warning", "success"] = "info",
+    duration: float | None = 10,
+    visible: bool = True,
+):
+    from gradio.context import LocalContext
+
+    blocks = LocalContext.blocks.get(None)
+    event_id = LocalContext.event_id.get(None)
+    if blocks is None or event_id is None:
+        # Function called outside of Gradio if blocks is None
+        # Or from /api/predict if event_id is None
+        if level in ("info", "success"):
+            print(message)
+        elif level == "warning":
+            warnings.warn(message)
+        return
+    blocks._queue.log_message(
+        event_id=event_id,
+        log=message,
+        title=title,
+        level=level,
+        duration=duration,
+        visible=visible,
+    )
+
+
+@document(documentation_group="modals")
+def Warning(  # noqa: N802
+    message: str = "Warning issued.",
+    duration: float | None = 10,
+    visible: bool = True,
+    title: str = "Warning",
+):
+    """
+    This function allows you to pass custom warning messages to the user. You can do so simply by writing `gr.Warning('message here')` in your function, and when that line is executed the custom message will appear in a modal on the demo. The modal is yellow by default and has the heading: "Warning." Queue must be enabled for this behavior; otherwise, the warning will be printed to the console using the `warnings` library.
+    Demos: blocks_chained_events
+    Parameters:
+        message: The warning message to be displayed to the user. Can be HTML, which will be rendered in the modal.
+        duration: The duration in seconds that the warning message should be displayed for. If None or 0, the message will be displayed indefinitely until the user closes it.
+        visible: Whether the error message should be displayed in the UI.
+        title: The title to be displayed to the user at the top of the modal.
+    Example:
+        import gradio as gr
+        def hello_world():
+            gr.Warning('This is a warning message.')
+            return "hello world"
+        with gr.Blocks() as demo:
+            md = gr.Markdown()
+            demo.load(hello_world, inputs=None, outputs=[md])
+        demo.launch()
+    """
+    log_message(
+        message, title=title, level="warning", duration=duration, visible=visible
+    )
+
+
+@document(documentation_group="modals")
+def Info(  # noqa: N802
+    message: str = "Info issued.",
+    duration: float | None = 10,
+    visible: bool = True,
+    title: str = "Info",
+):
+    """
+    This function allows you to pass custom info messages to the user. You can do so simply by writing `gr.Info('message here')` in your function, and when that line is executed the custom message will appear in a modal on the demo. The modal is gray by default and has the heading: "Info." Queue must be enabled for this behavior; otherwise, the message will be printed to the console.
+    Demos: blocks_chained_events
+    Parameters:
+        message: The info message to be displayed to the user. Can be HTML, which will be rendered in the modal.
+        duration: The duration in seconds that the info message should be displayed for. If None or 0, the message will be displayed indefinitely until the user closes it.
+        visible: Whether the error message should be displayed in the UI.
+        title: The title to be displayed to the user at the top of the modal.
+    Example:
+        import gradio as gr
+        def hello_world():
+            gr.Info('This is some info.')
+            return "hello world"
+        with gr.Blocks() as demo:
+            md = gr.Markdown()
+            demo.load(hello_world, inputs=None, outputs=[md])
+        demo.launch()
+    """
+    log_message(message, title=title, level="info", duration=duration, visible=visible)
+
+
+@document(documentation_group="modals")
+def Success(  # noqa: N802
+    message: str = "Success.",
+    duration: float | None = 10,
+    visible: bool = True,
+    title: str = "Success",
+):
+    """
+    This function allows you to pass custom success messages to the user. You can do so simply by writing `gr.Success('message here')` in your function, and when that line is executed the custom message will appear in a modal on the demo. The modal is green by default and has the heading: "Success." Queue must be enabled for this behavior; otherwise, the message will be printed to the console.
+    Parameters:
+        message: The success message to be displayed to the user. Can be HTML, which will be rendered in the modal.
+        duration: The duration in seconds that the success message should be displayed for. If None or 0, the message will be displayed indefinitely until the user closes it.
+        visible: Whether the error message should be displayed in the UI.
+        title: The title to be displayed to the user at the top of the modal.
+    Example:
+        def hello_world():
+            gr.Success('Operation completed successfully!')
+            return "hello world"
+        with gr.Blocks() as demo:
+            md = gr.Markdown()
+            demo.load(hello_world, inputs=None, outputs=[md])
+        demo.launch()
+    """
+    log_message(
+        message, title=title, level="success", duration=duration, visible=visible
+    )
diff --git a/gradio/http_server.py b/gradio/http_server.py
new file mode 100644
index 0000000..84924f1
--- /dev/null
+++ b/gradio/http_server.py
@@ -0,0 +1,191 @@
+from __future__ import annotations
+
+import os
+import socket
+import sys
+import threading
+import time
+from collections.abc import Callable
+from functools import partial
+from typing import TYPE_CHECKING, TypeVar
+
+import uvicorn
+from uvicorn.config import Config
+
+from gradio.exceptions import ServerFailedToStartError
+from gradio.routes import App
+from gradio.utils import (
+    ServerReloader,
+    SourceFileReloader,
+    SpacesReloader,
+    get_space,
+    watchfn,
+    watchfn_spaces,
+)
+
+if TYPE_CHECKING:  # Only import for type checking (to avoid circular imports).
+    _ServerReloaderT = TypeVar("_ServerReloaderT", bound=ServerReloader)
+
+# By default, the local server will try to open on localhost, port 7860.
+# If that is not available, then it will try 7861, 7862, ... 7959.
+INITIAL_PORT_VALUE = int(os.getenv("GRADIO_SERVER_PORT", "7860"))
+TRY_NUM_PORTS = int(os.getenv("GRADIO_NUM_PORTS", "100"))
+LOCALHOST_NAME = os.getenv("GRADIO_SERVER_NAME", "127.0.0.1")
+
+GRADIO_HOT_RELOAD = os.getenv("GRADIO_HOT_RELOAD", "false").lower()
+
+should_watch = bool(os.getenv("GRADIO_WATCH_DIRS", ""))
+GRADIO_WATCH_DIRS = (
+    os.getenv("GRADIO_WATCH_DIRS", "").split(",") if should_watch else []
+)
+GRADIO_WATCH_MODULE_NAME = os.getenv("GRADIO_WATCH_MODULE_NAME", "app")
+GRADIO_WATCH_DEMO_NAME = os.getenv("GRADIO_WATCH_DEMO_NAME", "")
+GRADIO_WATCH_DEMO_PATH = os.getenv("GRADIO_WATCH_DEMO_PATH", "")
+
+
+class Server(uvicorn.Server):
+    def __init__(
+        self,
+        config: Config,
+        reloader: _ServerReloaderT | None = None,
+        watchfn: Callable[[_ServerReloaderT], None] = watchfn,  # ty: ignore[invalid-parameter-default]
+    ) -> None:
+        self.running_app = config.app
+        super().__init__(config)
+        self.reloader = reloader
+        if self.reloader:
+            self.event = threading.Event()
+            self.watch = partial(watchfn, self.reloader)
+
+    def install_signal_handlers(self):
+        pass
+
+    def run_in_thread(self):
+        self.thread = threading.Thread(target=self.run, daemon=True)
+        if self.reloader:
+            self.watch_thread = threading.Thread(target=self.watch, daemon=True)
+            self.watch_thread.start()
+        self.thread.start()
+        start = time.time()
+        while not self.started:
+            time.sleep(1e-3)
+            if time.time() - start > 5:
+                raise ServerFailedToStartError(
+                    "Server failed to start. Please check that the port is available."
+                )
+
+    def close(self):
+        self.should_exit = True
+        if self.reloader:
+            self.reloader.stop()
+            self.watch_thread.join()
+        self.thread.join(timeout=5)
+
+
+def start_server(
+    app: App,
+    server_name: str | None = None,
+    server_port: int | None = None,
+    ssl_keyfile: str | None = None,
+    ssl_certfile: str | None = None,
+    ssl_keyfile_password: str | None = None,
+) -> tuple[str, int, str, Server]:
+    """Launches a local server running the provided Interface
+    Parameters:
+        app: the FastAPI app object to run
+        server_name: to make app accessible on local network, set this to "0.0.0.0". Can be set by environment variable GRADIO_SERVER_NAME.
+        server_port: will start gradio app on this port (if available). Can be set by environment variable GRADIO_SERVER_PORT.
+        auth: If provided, username and password (or list of username-password tuples) required to access the Blocks. Can also provide function that takes username and password and returns True if valid login.
+        ssl_keyfile: If a path to a file is provided, will use this as the private key file to create a local server running on https.
+        ssl_certfile: If a path to a file is provided, will use this as the signed certificate for https. Needs to be provided if ssl_keyfile is provided.
+        ssl_keyfile_password: If a password is provided, will use this with the ssl certificate for https.
+
+    Returns:
+        server_name: the name of the server (default is "localhost")
+        port: the port number the server is running on
+        path_to_local_server: the complete address that the local server can be accessed at
+        server: the server object that is a subclass of uvicorn.Server (used to close the server)
+    """
+    if ssl_keyfile is not None and ssl_certfile is None:
+        raise ValueError("ssl_certfile must be provided if ssl_keyfile is provided.")
+
+    server_name = server_name or LOCALHOST_NAME
+    url_host_name = "localhost" if server_name == "0.0.0.0" else server_name
+
+    # Strip IPv6 brackets from the address if they exist.
+    # This is needed as http://[::1]:port/ is a valid browser address,
+    # but not a valid IPv6 address, so asyncio will throw an exception.
+    if server_name.startswith("[") and server_name.endswith("]"):
+        host = server_name[1:-1]
+    else:
+        host = server_name
+
+    server_ports = (
+        [server_port]
+        if server_port is not None
+        else range(INITIAL_PORT_VALUE, INITIAL_PORT_VALUE + TRY_NUM_PORTS)
+    )
+
+    for port in server_ports:
+        try:
+            # The fastest way to check if a port is available is to try to bind to it with socket.
+            # If the port is not available, socket will throw an OSError.
+            s = socket.socket()
+            s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
+            # Really, we should be checking if (server_name, server_port) is available, but
+            # socket.bind() doesn't seem to throw an OSError with ipv6 addresses, based on my testing.
+            # Instead, we just check if the port is available on localhost.
+            s.bind((LOCALHOST_NAME, port))
+            s.close()
+
+            # To avoid race conditions, so we also check if the port by trying to start the uvicorn server.
+            # If the port is not available, this will throw a ServerFailedToStartError.
+            config = uvicorn.Config(
+                app=app,
+                port=port,
+                host=host,
+                log_level="warning",
+                ssl_keyfile=ssl_keyfile,
+                ssl_certfile=ssl_certfile,
+                ssl_keyfile_password=ssl_keyfile_password,
+            )
+            if get_space() is not None:
+                reloader = SpacesReloader(
+                    app=app,
+                    watch_dirs=GRADIO_WATCH_DIRS,
+                    demo_name=GRADIO_WATCH_DEMO_NAME,
+                    stop_event=threading.Event(),
+                    watch_module=sys.modules["__main__"],
+                )
+                server = Server(
+                    config=config, reloader=reloader, watchfn=watchfn_spaces
+                )
+            elif GRADIO_WATCH_DIRS:
+                reloader = SourceFileReloader(
+                    app=app,
+                    watch_dirs=GRADIO_WATCH_DIRS,
+                    watch_module_name=GRADIO_WATCH_MODULE_NAME,
+                    demo_name=GRADIO_WATCH_DEMO_NAME,
+                    stop_event=threading.Event(),
+                    demo_file=GRADIO_WATCH_DEMO_PATH,
+                    watch_module=sys.modules["__main__"],
+                    encoding=os.getenv("GRADIO_WATCH_ENCODING", "utf-8"),
+                )
+                server = Server(config=config, reloader=reloader)
+            else:
+                server = Server(config=config)
+            server.run_in_thread()
+            break
+        except (OSError, ServerFailedToStartError):
+            pass
+    else:
+        raise OSError(
+            f"Cannot find empty port in range: {min(server_ports)}-{max(server_ports)}. You can specify a different port by setting the GRADIO_SERVER_PORT environment variable or passing the `server_port` parameter to `launch()`."
+        )
+
+    if ssl_keyfile is not None:
+        path_to_local_server = f"https://{url_host_name}:{port}/"
+    else:
+        path_to_local_server = f"http://{url_host_name}:{port}/"
+
+    return server_name, port, path_to_local_server, server
diff --git a/gradio/i18n.py b/gradio/i18n.py
new file mode 100644
index 0000000..7097444
--- /dev/null
+++ b/gradio/i18n.py
@@ -0,0 +1,142 @@
+from __future__ import annotations
+
+import re
+import warnings
+from typing import Any
+
+
+class I18nData:
+    """
+    A class that wraps a translation key with metadata.
+
+    This object will be serialized and sent to the frontend, where the actual
+    translation will happen using the frontend's i18n system.
+    """
+
+    def __init__(self, key: str):
+        """
+        Initialize a I18nData object.
+
+        Args:
+            key: The translation key to be translated in the frontend.
+        """
+        self.key = key
+        self._type = "translation_metadata"
+
+    def to_dict(self) -> dict[str, Any]:
+        """
+        Convert the I18nData object to a dictionary for serialization.
+        This allows the frontend to recognize it as a translatable object.
+        """
+        return {"__type__": self._type, "key": self.key}
+
+    def __str__(self) -> str:
+        """
+        String representation of the I18nData object.
+        Used when the object is converted to a string.
+        This returns a special format that can be recognized by the frontend
+        as needing translation.
+        """
+        import json
+
+        return f"__i18n__{json.dumps(self.to_dict())}"
+
+    def __repr__(self) -> str:
+        """
+        Representation of the I18nData object for debugging.
+        """
+        return self.__str__()
+
+    def __add__(self, other):
+        """
+        Handle string concatenation (self + other).
+        """
+        return str(self) + str(other)
+
+    def __radd__(self, other):
+        """
+        Handle string concatenation (other + self).
+        """
+        return str(other) + str(self)
+
+    def __getattr__(self, name):
+        """
+        Handle attribute access for I18nData.
+        This makes it possible to use I18nData objects in contexts
+        that expect strings with methods.
+        """
+        if name.startswith("__") and name.endswith("__"):
+            raise AttributeError(f"{self.__class__.__name__} has no attribute {name}")
+
+        def method(*_args, **_kwargs):
+            return self
+
+        return method
+
+    def tojson(self) -> dict[str, Any]:
+        """
+        Convert the I18nData object to a JSON-serializable dictionary.
+        This is used by the default Python JSON serializer.
+        """
+        return self.to_dict()
+
+
+class I18n:
+    """
+    Handles internationalization (i18n) for Gradio applications.
+
+    Stores translation dictionaries and provides a method to retrieve translation keys.
+    The translation lookup happens on the frontend based on the browser's locale
+    and the provided translation dictionaries.
+    """
+
+    # BCP 47 language tag regex pattern
+    _LOCALE_PATTERN = re.compile(r"^[a-z]{2,3}(-[A-Za-z0-9]{2,8})*$")
+
+    def __init__(self, **translations: dict[str, str]):
+        """
+        Initializes the I18n class.
+
+        Args:
+            **translations: Each keyword argument should be a locale code (e.g., "en", "fr") with a
+                          dictionary value, which maps translation keys to translated strings.
+                          Example: gr.I18n(en={"greeting": "Hello"}, es={"greeting": "Hola"})
+
+                          These translations can be passed to the frontend for use there.
+        """
+        self.translations = {}
+
+        for locale, translation_dict in translations.items():
+            if not self._is_valid_locale(locale):
+                warnings.warn(
+                    f"Invalid locale code: '{locale}'. Locale codes should follow BCP 47 format (e.g., 'en', 'en-US'). "
+                    f"This locale will still be included, but may not work correctly.",
+                    UserWarning,
+                )
+            self.translations[locale] = translation_dict
+
+    def _is_valid_locale(self, locale: str) -> bool:
+        return bool(self._LOCALE_PATTERN.match(locale))
+
+    def __call__(self, key: str) -> I18nData:
+        """
+        Returns a I18nData object containing the translation key.
+
+        This metadata object will be serialized and sent to the frontend,
+        where it will be translated by the frontend's i18n system.
+
+        Args:
+            key: The key to identify the translation string (e.g., "submit_button").
+
+        Returns:
+            A I18nData object containing the translation key.
+        """
+        return I18nData(key)
+
+    @property
+    def translations_dict(self) -> dict[str, dict[str, str]]:
+        """
+        Returns the dictionary of translations provided during initialization.
+        These can be passed to the frontend for use in its translation system.
+        """
+        return self.translations
diff --git a/gradio/icons/README.md b/gradio/icons/README.md
new file mode 100644
index 0000000..f38df88
--- /dev/null
+++ b/gradio/icons/README.md
@@ -0,0 +1,2 @@
+The icons in this directory are loaded via `gradio.utils.get_icon_path` and
+can be used directly in backend code (e.g. to populate icons in components).
\ No newline at end of file
diff --git a/gradio/icons/huggingface-logo.svg b/gradio/icons/huggingface-logo.svg
new file mode 100644
index 0000000..43c5d3c
--- /dev/null
+++ b/gradio/icons/huggingface-logo.svg
@@ -0,0 +1,37 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="95" height="88" fill="none">
+	<path fill="#FFD21E" d="M47.21 76.5a34.75 34.75 0 1 0 0-69.5 34.75 34.75 0 0 0 0 69.5Z" />
+	<path
+		fill="#FF9D0B"
+		d="M81.96 41.75a34.75 34.75 0 1 0-69.5 0 34.75 34.75 0 0 0 69.5 0Zm-73.5 0a38.75 38.75 0 1 1 77.5 0 38.75 38.75 0 0 1-77.5 0Z"
+	/>
+	<path
+		fill="#3A3B45"
+		d="M58.5 32.3c1.28.44 1.78 3.06 3.07 2.38a5 5 0 1 0-6.76-2.07c.61 1.15 2.55-.72 3.7-.32ZM34.95 32.3c-1.28.44-1.79 3.06-3.07 2.38a5 5 0 1 1 6.76-2.07c-.61 1.15-2.56-.72-3.7-.32Z"
+	/>
+	<path
+		fill="#FF323D"
+		d="M46.96 56.29c9.83 0 13-8.76 13-13.26 0-2.34-1.57-1.6-4.09-.36-2.33 1.15-5.46 2.74-8.9 2.74-7.19 0-13-6.88-13-2.38s3.16 13.26 13 13.26Z"
+	/>
+	<path
+		fill="#3A3B45"
+		fill-rule="evenodd"
+		d="M39.43 54a8.7 8.7 0 0 1 5.3-4.49c.4-.12.81.57 1.24 1.28.4.68.82 1.37 1.24 1.37.45 0 .9-.68 1.33-1.35.45-.7.89-1.38 1.32-1.25a8.61 8.61 0 0 1 5 4.17c3.73-2.94 5.1-7.74 5.1-10.7 0-2.34-1.57-1.6-4.09-.36l-.14.07c-2.31 1.15-5.39 2.67-8.77 2.67s-6.45-1.52-8.77-2.67c-2.6-1.29-4.23-2.1-4.23.29 0 3.05 1.46 8.06 5.47 10.97Z"
+		clip-rule="evenodd"
+	/>
+	<path
+		fill="#FF9D0B"
+		d="M70.71 37a3.25 3.25 0 1 0 0-6.5 3.25 3.25 0 0 0 0 6.5ZM24.21 37a3.25 3.25 0 1 0 0-6.5 3.25 3.25 0 0 0 0 6.5ZM17.52 48c-1.62 0-3.06.66-4.07 1.87a5.97 5.97 0 0 0-1.33 3.76 7.1 7.1 0 0 0-1.94-.3c-1.55 0-2.95.59-3.94 1.66a5.8 5.8 0 0 0-.8 7 5.3 5.3 0 0 0-1.79 2.82c-.24.9-.48 2.8.8 4.74a5.22 5.22 0 0 0-.37 5.02c1.02 2.32 3.57 4.14 8.52 6.1 3.07 1.22 5.89 2 5.91 2.01a44.33 44.33 0 0 0 10.93 1.6c5.86 0 10.05-1.8 12.46-5.34 3.88-5.69 3.33-10.9-1.7-15.92-2.77-2.78-4.62-6.87-5-7.77-.78-2.66-2.84-5.62-6.25-5.62a5.7 5.7 0 0 0-4.6 2.46c-1-1.26-1.98-2.25-2.86-2.82A7.4 7.4 0 0 0 17.52 48Zm0 4c.51 0 1.14.22 1.82.65 2.14 1.36 6.25 8.43 7.76 11.18.5.92 1.37 1.31 2.14 1.31 1.55 0 2.75-1.53.15-3.48-3.92-2.93-2.55-7.72-.68-8.01.08-.02.17-.02.24-.02 1.7 0 2.45 2.93 2.45 2.93s2.2 5.52 5.98 9.3c3.77 3.77 3.97 6.8 1.22 10.83-1.88 2.75-5.47 3.58-9.16 3.58-3.81 0-7.73-.9-9.92-1.46-.11-.03-13.45-3.8-11.76-7 .28-.54.75-.76 1.34-.76 2.38 0 6.7 3.54 8.57 3.54.41 0 .7-.17.83-.6.79-2.85-12.06-4.05-10.98-8.17.2-.73.71-1.02 1.44-1.02 3.14 0 10.2 5.53 11.68 5.53.11 0 .2-.03.24-.1.74-1.2.33-2.04-4.9-5.2-5.21-3.16-8.88-5.06-6.8-7.33.24-.26.58-.38 1-.38 3.17 0 10.66 6.82 10.66 6.82s2.02 2.1 3.25 2.1c.28 0 .52-.1.68-.38.86-1.46-8.06-8.22-8.56-11.01-.34-1.9.24-2.85 1.31-2.85Z"
+	/>
+	<path
+		fill="#FFD21E"
+		d="M38.6 76.69c2.75-4.04 2.55-7.07-1.22-10.84-3.78-3.77-5.98-9.3-5.98-9.3s-.82-3.2-2.69-2.9c-1.87.3-3.24 5.08.68 8.01 3.91 2.93-.78 4.92-2.29 2.17-1.5-2.75-5.62-9.82-7.76-11.18-2.13-1.35-3.63-.6-3.13 2.2.5 2.79 9.43 9.55 8.56 11-.87 1.47-3.93-1.71-3.93-1.71s-9.57-8.71-11.66-6.44c-2.08 2.27 1.59 4.17 6.8 7.33 5.23 3.16 5.64 4 4.9 5.2-.75 1.2-12.28-8.53-13.36-4.4-1.08 4.11 11.77 5.3 10.98 8.15-.8 2.85-9.06-5.38-10.74-2.18-1.7 3.21 11.65 6.98 11.76 7.01 4.3 1.12 15.25 3.49 19.08-2.12Z"
+	/>
+	<path
+		fill="#FF9D0B"
+		d="M77.4 48c1.62 0 3.07.66 4.07 1.87a5.97 5.97 0 0 1 1.33 3.76 7.1 7.1 0 0 1 1.95-.3c1.55 0 2.95.59 3.94 1.66a5.8 5.8 0 0 1 .8 7 5.3 5.3 0 0 1 1.78 2.82c.24.9.48 2.8-.8 4.74a5.22 5.22 0 0 1 .37 5.02c-1.02 2.32-3.57 4.14-8.51 6.1-3.08 1.22-5.9 2-5.92 2.01a44.33 44.33 0 0 1-10.93 1.6c-5.86 0-10.05-1.8-12.46-5.34-3.88-5.69-3.33-10.9 1.7-15.92 2.78-2.78 4.63-6.87 5.01-7.77.78-2.66 2.83-5.62 6.24-5.62a5.7 5.7 0 0 1 4.6 2.46c1-1.26 1.98-2.25 2.87-2.82A7.4 7.4 0 0 1 77.4 48Zm0 4c-.51 0-1.13.22-1.82.65-2.13 1.36-6.25 8.43-7.76 11.18a2.43 2.43 0 0 1-2.14 1.31c-1.54 0-2.75-1.53-.14-3.48 3.91-2.93 2.54-7.72.67-8.01a1.54 1.54 0 0 0-.24-.02c-1.7 0-2.45 2.93-2.45 2.93s-2.2 5.52-5.97 9.3c-3.78 3.77-3.98 6.8-1.22 10.83 1.87 2.75 5.47 3.58 9.15 3.58 3.82 0 7.73-.9 9.93-1.46.1-.03 13.45-3.8 11.76-7-.29-.54-.75-.76-1.34-.76-2.38 0-6.71 3.54-8.57 3.54-.42 0-.71-.17-.83-.6-.8-2.85 12.05-4.05 10.97-8.17-.19-.73-.7-1.02-1.44-1.02-3.14 0-10.2 5.53-11.68 5.53-.1 0-.19-.03-.23-.1-.74-1.2-.34-2.04 4.88-5.2 5.23-3.16 8.9-5.06 6.8-7.33-.23-.26-.57-.38-.98-.38-3.18 0-10.67 6.82-10.67 6.82s-2.02 2.1-3.24 2.1a.74.74 0 0 1-.68-.38c-.87-1.46 8.05-8.22 8.55-11.01.34-1.9-.24-2.85-1.31-2.85Z"
+	/>
+	<path
+		fill="#FFD21E"
+		d="M56.33 76.69c-2.75-4.04-2.56-7.07 1.22-10.84 3.77-3.77 5.97-9.3 5.97-9.3s.82-3.2 2.7-2.9c1.86.3 3.23 5.08-.68 8.01-3.92 2.93.78 4.92 2.28 2.17 1.51-2.75 5.63-9.82 7.76-11.18 2.13-1.35 3.64-.6 3.13 2.2-.5 2.79-9.42 9.55-8.55 11 .86 1.47 3.92-1.71 3.92-1.71s9.58-8.71 11.66-6.44c2.08 2.27-1.58 4.17-6.8 7.33-5.23 3.16-5.63 4-4.9 5.2.75 1.2 12.28-8.53 13.36-4.4 1.08 4.11-11.76 5.3-10.97 8.15.8 2.85 9.05-5.38 10.74-2.18 1.69 3.21-11.65 6.98-11.76 7.01-4.31 1.12-15.26 3.49-19.08-2.12Z"
+	/>
+</svg>
diff --git a/gradio/icons/link.svg b/gradio/icons/link.svg
new file mode 100644
index 0000000..25f5c5d
--- /dev/null
+++ b/gradio/icons/link.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path>
+  <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
+</svg>
diff --git a/gradio/icons/plus.svg b/gradio/icons/plus.svg
new file mode 100644
index 0000000..cb2ec6f
--- /dev/null
+++ b/gradio/icons/plus.svg
@@ -0,0 +1,12 @@
+<svg
+	fill="white"
+	width="100%"
+	height="100%"
+	viewBox="-4.8 0 28.8 24"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12 2C6.477 2 2 6.477 2 12c0 1.786.473 3.464 1.298 4.916L2 22l5.084-1.298C8.536 21.527 10.214 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2zm0 18c-1.44 0-2.816-.371-4.015-1.022l-.359-.182-3.026.776.776-3.026-.182-.359C4.371 14.816 4 13.44 4 12c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8zm4-9h-3V8h-2v3H8v2h3v3h2v-3h3v-2z"
+		fill-rule="evenodd"
+	/>
+</svg>
diff --git a/gradio/image_utils.py b/gradio/image_utils.py
new file mode 100644
index 0000000..6e7a86a
--- /dev/null
+++ b/gradio/image_utils.py
@@ -0,0 +1,359 @@
+from __future__ import annotations
+
+import base64
+import warnings
+from io import BytesIO
+from pathlib import Path
+from typing import Literal, cast
+from urllib.parse import quote
+
+import numpy as np
+import PIL.Image
+from gradio_client import utils as client_utils
+from gradio_client.utils import get_mimetype, is_http_url_like
+from PIL import ImageOps
+
+from gradio import processing_utils
+from gradio.components.image_editor import WatermarkOptions
+from gradio.data_classes import ImageData
+from gradio.exceptions import Error
+from gradio.profiling import traced_sync
+
+PIL.Image.init()  # fixes https://github.com/gradio-app/gradio/issues/2843 (remove when requiring Pillow 9.4+)
+
+
+def open_image(orig_img: np.ndarray | PIL.Image.Image | str | Path) -> PIL.Image.Image:
+    """
+    Provided an array, PIL Image or filepath, return a PIL Image.
+    Parameters:
+        orig_img: Local image file. If a filepath, it must be a webp, png, jpeg, or bmp.
+    Returns:
+        open_img: A PIL.Image.Image.
+    """
+
+    if isinstance(orig_img, np.ndarray):
+        open_img = PIL.Image.fromarray(orig_img)
+    elif isinstance(orig_img, (str, Path)):
+        open_img = PIL.Image.open(orig_img)
+    elif isinstance(orig_img, PIL.Image.Image):
+        open_img = orig_img
+    else:
+        raise ValueError(
+            "Expected image or path to image of type webp, png, bmp or jpeg; PIL image; or numpy array. Received  "
+            + str(type(orig_img))
+        )
+    return open_img
+
+
+def format_image(
+    im: PIL.Image.Image | None,
+    type: Literal["numpy", "pil", "filepath"],
+    cache_dir: str,
+    name: str = "image",
+    format: str = "webp",
+) -> np.ndarray | PIL.Image.Image | str | None:
+    """Helper method to format an image based on self.type"""
+    if im is None:
+        return im
+    if type == "pil":
+        return im
+    elif type == "numpy":
+        return np.array(im)
+    elif type == "filepath":
+        try:
+            path = processing_utils.save_pil_to_cache(
+                im, cache_dir=cache_dir, name=name, format=format
+            )
+        # Catch error if format is not supported by PIL
+        except (KeyError, ValueError):
+            path = processing_utils.save_pil_to_cache(
+                im,
+                cache_dir=cache_dir,
+                name=name,
+                format="png",  # type: ignore
+            )
+        return path
+    else:
+        raise ValueError(
+            "Unknown type: "
+            + str(type)
+            + ". Please choose from: 'numpy', 'pil', 'filepath'."
+        )
+
+
+def save_image(
+    y: np.ndarray | PIL.Image.Image | str | Path, cache_dir: str, format: str = "webp"
+):
+    if isinstance(y, np.ndarray):
+        path = processing_utils.save_img_array_to_cache(
+            y, cache_dir=cache_dir, format=format
+        )
+    elif isinstance(y, PIL.Image.Image):
+        try:
+            path = processing_utils.save_pil_to_cache(
+                y, cache_dir=cache_dir, format=format
+            )
+        # Catch error if format is not supported by PIL
+        except (KeyError, ValueError):
+            path = processing_utils.save_pil_to_cache(
+                y, cache_dir=cache_dir, format="png"
+            )
+    elif isinstance(y, Path):
+        path = str(y)
+    elif isinstance(y, str):
+        path = y
+    else:
+        raise ValueError(
+            "Cannot process this value as an Image, it is of type: " + str(type(y))
+        )
+
+    return path
+
+
+def add_watermark(
+    base_img: np.ndarray | PIL.Image.Image | str | Path,
+    watermark_option: WatermarkOptions,
+) -> PIL.Image.Image:
+    """Overlays a watermark image on a base image.
+    Parameters:
+        base_img: Base image onto which the watermark is applied. Can be an array, PIL Image, or filepath.
+        watermarkOption: WatermarkOptions instance containing watermark image and position settings.
+    Returns:
+        watermarked_img: A PIL Image of the base image overlaid with the watermark image.
+    """
+    base_img = open_image(base_img)
+    base_img_width, base_img_height = base_img.size
+    watermark_option.watermark = open_image(
+        cast(np.ndarray | PIL.Image.Image | str | Path, watermark_option.watermark)
+    )
+    watermark_width, watermark_height = watermark_option.watermark.size
+
+    if isinstance(watermark_option.position, str):
+        padding = 10
+        if watermark_option.position == "top-left":
+            x, y = padding, padding
+        elif watermark_option.position == "top-right":
+            x, y = base_img_width - watermark_width - padding, padding
+        elif watermark_option.position == "bottom-left":
+            x, y = padding, base_img_height - watermark_height - padding
+        elif watermark_option.position == "bottom-right":
+            x, y = (
+                base_img_width - watermark_width - padding,
+                base_img_height - watermark_height - padding,
+            )
+    else:
+        x, y = watermark_option.position
+
+    if (
+        x < 0
+        or x + watermark_width > base_img_width
+        or y < 0
+        or y + watermark_height > base_img_height
+    ):
+        x = base_img_width - watermark_width - 10
+        y = base_img_height - watermark_height - 10
+
+    watermark_position = (x, y)
+    orig_img_mode = base_img.mode
+    base_img = base_img.convert("RGBA")
+    watermark_option.watermark = watermark_option.watermark.convert("RGBA")
+    base_img.paste(
+        watermark_option.watermark, watermark_position, mask=watermark_option.watermark
+    )
+    base_img = base_img.convert(orig_img_mode)
+
+    return base_img
+
+
+def crop_scale(img: PIL.Image.Image, final_width: int, final_height: int):
+    original_width, original_height = img.size
+    target_aspect_ratio = final_width / final_height
+
+    if original_width / original_height > target_aspect_ratio:
+        crop_height = original_height
+        crop_width = crop_height * target_aspect_ratio
+    else:
+        crop_width = original_width
+        crop_height = crop_width / target_aspect_ratio
+
+    left = (original_width - crop_width) / 2
+    top = (original_height - crop_height) / 2
+
+    img_cropped = img.crop(
+        (int(left), int(top), int(left + crop_width), int(top + crop_height))
+    )
+
+    img_resized = img_cropped.resize((final_width, final_height))
+
+    return img_resized
+
+
+def decode_base64_to_image(encoding: str) -> PIL.Image.Image:
+    image_encoded = processing_utils.extract_base64_data(encoding)
+    img = PIL.Image.open(BytesIO(base64.b64decode(image_encoded)))
+    try:
+        if hasattr(ImageOps, "exif_transpose"):
+            img = ImageOps.exif_transpose(img)
+    except Exception:
+        print(
+            "Failed to transpose image %s based on EXIF data.",
+            img,
+        )
+    assert img is not None  # noqa: S101
+    return img
+
+
+def decode_base64_to_image_array(encoding: str) -> np.ndarray:
+    img = decode_base64_to_image(encoding)
+    return np.asarray(img)
+
+
+def decode_base64_to_file(encoding: str, cache_dir: str, format: str = "webp") -> str:
+    img = decode_base64_to_image(encoding)
+    return save_image(img, cache_dir, format)
+
+
+def encode_image_array_to_base64(image_array: np.ndarray) -> str:
+    with BytesIO() as output_bytes:
+        pil_image = PIL.Image.fromarray(
+            processing_utils._convert(image_array, np.uint8, force_copy=False)
+        )
+        pil_image.save(output_bytes, "JPEG")
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return "data:image/jpeg;base64," + base64_str
+
+
+def encode_image_to_base64(image: PIL.Image.Image) -> str:
+    with BytesIO() as output_bytes:
+        image.save(output_bytes, "JPEG")
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return "data:image/jpeg;base64," + base64_str
+
+
+def encode_image_file_to_base64(image_file: str | Path) -> str:
+    mime_type = get_mimetype(str(image_file))
+    with open(image_file, "rb") as f:
+        bytes_data = f.read()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return f"data:{mime_type};base64," + base64_str
+
+
+def extract_svg_content(image_file: str | Path) -> str:
+    """
+    Provided a path or URL to an SVG file, return the SVG content as a string.
+    Parameters:
+        image_file: Local file path or URL to an SVG file
+    Returns:
+        str: The SVG content as a string
+    """
+    image_file = str(image_file)
+    if is_http_url_like(image_file):
+        response = client_utils.synchronize_async(
+            processing_utils.async_ssrf_protected_get, image_file
+        )
+        response.raise_for_status()
+        return response.text
+    else:
+        with open(image_file) as file:
+            svg_content = file.read()
+        return svg_content
+
+
+@traced_sync("preprocess_format_image")
+def preprocess_image(
+    payload: ImageData | None,
+    cache_dir: str,
+    format: str,
+    image_mode: Literal[
+        "1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"
+    ]
+    | None,
+    type: Literal["numpy", "pil", "filepath"],
+) -> np.ndarray | PIL.Image.Image | str | None:
+    if payload is None:
+        return payload
+    if payload.url and payload.url.startswith("data:"):
+        if type == "pil":
+            return decode_base64_to_image(payload.url)
+        elif type == "numpy":
+            return decode_base64_to_image_array(payload.url)
+        elif type == "filepath":
+            return decode_base64_to_file(payload.url, cache_dir, format)
+    if payload.path is None:
+        raise ValueError("Image path is None.")
+    file_path = Path(payload.path)
+    if payload.orig_name:
+        p = Path(payload.orig_name)
+        name = p.stem
+        suffix = p.suffix.replace(".", "")
+        if suffix in ["jpg", "jpeg"]:
+            suffix = "jpeg"
+    else:
+        name = "image"
+        suffix = "webp"
+
+    if suffix.lower() == "svg":
+        if type == "filepath":
+            return str(file_path)
+        raise Error("SVG files are not supported as input images for this app.")
+
+    im = PIL.Image.open(file_path)
+    if type == "filepath" and (image_mode in [None, im.mode]):
+        return str(file_path)
+
+    exif = im.getexif()
+    # 274 is the code for image rotation and 1 means "correct orientation"
+    if exif.get(274, 1) != 1 and hasattr(ImageOps, "exif_transpose"):
+        try:
+            im = ImageOps.exif_transpose(im)
+        except Exception:
+            warnings.warn(f"Failed to transpose image {file_path} based on EXIF data.")
+    if suffix.lower() != "gif" and im is not None:
+        with warnings.catch_warnings():
+            warnings.simplefilter("ignore")
+            if image_mode is not None:
+                im = im.convert(image_mode)
+
+    return format_image(
+        im,
+        type=type,
+        cache_dir=cache_dir,
+        name=name,
+        format=suffix,
+    )
+
+
+def postprocess_image(
+    value: np.ndarray | PIL.Image.Image | str | Path | None,
+    cache_dir: str,
+    format: str,
+    watermark: WatermarkOptions | None = None,
+) -> ImageData | None:
+    """
+    Parameters:
+        value: Expects a `numpy.array`, `PIL.Image`, or `str` or `pathlib.Path` filepath to an image which is displayed.
+        watermark: An optional `WatermarkOptions` instance to apply a watermark to the image.
+    Returns:
+        Returns the image as a `FileData` object.
+    """
+    from gradio import Warning
+
+    if value is None:
+        return None
+    if isinstance(value, str) and value.lower().endswith(".svg"):
+        svg_content = extract_svg_content(value)
+        if watermark is not None:
+            Warning(
+                "Watermarking for SVG images is currently not supported. No watermark will be applied."
+            )
+        return ImageData(
+            orig_name=Path(value).name,
+            url=f"data:image/svg+xml,{quote(svg_content)}",
+        )
+    if watermark and watermark.watermark is not None:
+        value = add_watermark(value, watermark)
+    saved = save_image(value, cache_dir=cache_dir, format=format)
+    orig_name = Path(saved).name if Path(saved).exists() else None
+    return ImageData(path=saved, orig_name=orig_name)
diff --git a/gradio/interface.py b/gradio/interface.py
new file mode 100644
index 0000000..f8addfc
--- /dev/null
+++ b/gradio/interface.py
@@ -0,0 +1,1009 @@
+"""
+This file defines two useful high-level abstractions to build Gradio apps: Interface and TabbedInterface.
+"""
+
+from __future__ import annotations
+
+import inspect
+import json
+import os
+import warnings
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any, Literal
+
+from gradio_client.documentation import document
+
+from gradio import Examples, utils
+from gradio.blocks import Blocks
+from gradio.components import (
+    Button,
+    ClearButton,
+    Component,
+    DeepLinkButton,
+    DuplicateButton,
+    Markdown,
+    State,
+    get_component_instance,
+)
+from gradio.data_classes import InterfaceTypes
+from gradio.events import Dependency, Events, on
+from gradio.exceptions import RenderError
+from gradio.flagging import CSVLogger, FlaggingCallback, FlagMethod
+from gradio.i18n import I18nData
+from gradio.layouts import Accordion, Column, Row, Tab, Tabs
+from gradio.pipelines import load_from_pipeline
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from diffusers import DiffusionPipeline  # type: ignore
+    from transformers.pipelines.base import Pipeline
+
+
+@document("launch", "load", "from_pipeline", "integrate", "queue")
+class Interface(Blocks):
+    """
+    Interface is Gradio's main high-level class, and allows you to create a web-based GUI / demo
+    around a machine learning model (or any Python function) in a few lines of code.
+    You must specify three parameters: (1) the function to create a GUI for (2) the desired input components and
+    (3) the desired output components. Additional parameters can be used to control the appearance
+    and behavior of the demo.
+
+    Example:
+        import gradio as gr
+
+        def image_classifier(inp):
+            return {'cat': 0.3, 'dog': 0.7}
+
+        demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label")
+        demo.launch()
+    Demos: hello_world, hello_world_2, hello_world_3
+    Guides: the-interface-class, interface-state, reactive-interfaces, four-kinds-of-interfaces, sharing-your-app
+    """
+
+    @classmethod
+    def from_pipeline(
+        cls, pipeline: Pipeline | DiffusionPipeline, **kwargs
+    ) -> Interface:
+        """
+        Class method that constructs an Interface from a Hugging Face transformers.Pipeline or diffusers.DiffusionPipeline object.
+        The input and output components are automatically determined from the pipeline.
+        Parameters:
+            pipeline: the pipeline object to use.
+        Returns:
+            a Gradio Interface object from the given Pipeline
+        Example:
+            import gradio as gr
+            from transformers import pipeline
+            pipe = pipeline("image-classification")
+            gr.Interface.from_pipeline(pipe).launch()
+        """
+        interface_info = load_from_pipeline(pipeline)
+        kwargs = dict(interface_info, **kwargs)
+        interface = cls(**kwargs)
+        return interface
+
+    def __init__(
+        self,
+        fn: Callable,
+        inputs: str | Component | Sequence[str | Component] | None,
+        outputs: str | Component | Sequence[str | Component] | None,
+        examples: list[Any] | list[list[Any]] | str | None = None,
+        *,
+        cache_examples: bool | None = None,
+        cache_mode: Literal["eager", "lazy"] | None = None,
+        examples_per_page: int = 10,
+        example_labels: list[str] | None = None,
+        preload_example: int | Literal[False] = 0,
+        live: bool = False,
+        title: str | I18nData | None = None,
+        description: str | None = None,
+        article: str | None = None,
+        flagging_mode: Literal["never"]
+        | Literal["auto"]
+        | Literal["manual"]
+        | None = None,
+        flagging_options: list[str] | list[tuple[str, str]] | None = None,
+        flagging_dir: str = ".gradio/flagged",
+        flagging_callback: FlaggingCallback | None = None,
+        analytics_enabled: bool | None = None,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        api_visibility: Literal["public", "private", "undocumented"] = "public",
+        api_name: str | None = None,
+        api_description: str | None | Literal[False] = None,
+        _api_mode: bool = False,
+        allow_duplication: bool = False,
+        concurrency_limit: int | None | Literal["default"] = "default",
+        additional_inputs: str | Component | Sequence[str | Component] | None = None,
+        additional_inputs_accordion: str | Accordion | None = None,
+        submit_btn: str | Button = "Submit",
+        stop_btn: str | Button = "Stop",
+        clear_btn: str | Button | None = "Clear",
+        delete_cache: tuple[int, int] | None = None,
+        show_progress: Literal["full", "minimal", "hidden"] = "full",
+        fill_width: bool = False,
+        time_limit: int | None = 30,
+        stream_every: float = 0.5,
+        deep_link: str | DeepLinkButton | bool | None = None,
+        validator: Callable | None = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+            fn: the function to wrap an interface around. Often a machine learning model's prediction function. Each parameter of the function corresponds to one input component, and the function should return a single value or a tuple of values, with each element in the tuple corresponding to one output component.
+            inputs: a single Gradio component, or list of Gradio components. Components can either be passed as instantiated objects, or referred to by their string shortcuts. The number of input components should match the number of parameters in fn. If set to None, then only the output components will be displayed.
+            outputs: a single Gradio component, or list of Gradio components. Components can either be passed as instantiated objects, or referred to by their string shortcuts. The number of output components should match the number of values returned by fn. If set to None, then only the input components will be displayed.
+            examples: sample inputs for the function; if provided, appear below the UI components and can be clicked to populate the interface. Should be nested list, in which the outer list consists of samples and each inner list consists of an input corresponding to each input component. A string path to a directory of examples can also be provided, but it should be within the directory with the python file running the gradio app. If there are multiple input components and a directory is provided, a log.csv file must be present in the directory to link corresponding inputs.
+            cache_examples: If True, caches examples in the server for fast runtime in examples. If "lazy", then examples are cached (for all users of the app) after their first use (by any user of the app). If None, will use the GRADIO_CACHE_EXAMPLES environment variable, which should be either "true" or "false". In HuggingFace Spaces, this parameter defaults to True (as long as `fn` and `outputs` are also provided).  Note that examples are cached separately from Gradio's queue() so certain features, such as gr.Progress(), gr.Info(), gr.Warning(), etc. will not be displayed in Gradio's UI for cached examples.
+            cache_mode: if "lazy", examples are cached after their first use. If "eager", all examples are cached at app launch. If None, will use the GRADIO_CACHE_MODE environment variable if defined, or default to "eager". In HuggingFace Spaces, this parameter defaults to "eager" except for ZeroGPU Spaces, in which case it defaults to "lazy".
+            examples_per_page: if examples are provided, how many to display per page.
+            preload_example: If an integer is provided (and examples are being cached eagerly and none of the input components have a developer-provided `value`), the example at that index in the examples list will be preloaded when the Gradio app is first loaded. If False, no example will be preloaded.
+            live: whether the interface should automatically rerun if any of the inputs change.
+            title: a title for the interface; if provided, appears above the input and output components in large font. Also used as the tab title when opened in a browser window.
+            description: a description for the interface; if provided, appears above the input and output components and beneath the title in regular font. Accepts Markdown and HTML content.
+            article: an expanded article explaining the interface; if provided, appears below the input and output components in regular font. Accepts Markdown and HTML content. If it is an HTTP(S) link to a downloadable remote file, the content of this file is displayed.
+            flagging_mode: one of "never", "auto", or "manual". If "never" or "auto", users will not see a button to flag an input and output. If "manual", users will see a button to flag. If "auto", every input the user submits will be automatically flagged, along with the generated output. If "manual", both the input and outputs are flagged when the user clicks flag button. This parameter can be set with environmental variable GRADIO_FLAGGING_MODE; otherwise defaults to "manual".
+            flagging_options: if provided, allows user to select from the list of options when flagging. Only applies if flagging_mode is "manual". Can either be a list of tuples of the form (label, value), where label is the string that will be displayed on the button and value is the string that will be stored in the flagging CSV; or it can be a list of strings ["X", "Y"], in which case the values will be the list of strings and the labels will ["Flag as X", "Flag as Y"], etc.
+            flagging_dir: path to the directory where flagged data is stored. If the directory does not exist, it will be created.
+            flagging_callback: either None or an instance of a subclass of FlaggingCallback which will be called when a sample is flagged. If set to None, an instance of gradio.flagging.CSVLogger will be created and logs will be saved to a local CSV file in flagging_dir. Default to None.
+            analytics_enabled: whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable if defined, or default to True.
+            batch: if True, then the function should process a batch of inputs, meaning that it should accept a list of input values for each parameter. The lists should be of equal length (and be up to length `max_batch_size`). The function is then *required* to return a tuple of lists (even if there is only 1 output component), with each list in the tuple corresponding to one output component.
+            max_batch_size: the maximum number of inputs to batch together if this is called from the queue (only relevant if batch=True)
+            api_name: defines how the prediction endpoint appears in the API docs. Can be a string or None. If set to a string, the endpoint will be exposed in the API docs with the given name. If None, the name of the function will be used.
+            api_description: Description of the API endpoint. Can be a string, None, or False. If set to a string, the endpoint will be exposed in the API docs with the given description. If None, the function's docstring will be used as the API endpoint description. If False, then no description will be displayed in the API docs.
+            api_visibility: Controls the visibility of the prediction endpoint. Can be "public" (shown in API docs and callable), "private" (hidden from API docs and not callable by the Gradio client libraries), or "undocumented" (hidden from API docs but callable).
+            allow_duplication: if True, then will show a 'Duplicate Spaces' button on Hugging Face Spaces.
+            concurrency_limit: if set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `.queue()`, which itself is 1 by default).
+            additional_inputs: a single Gradio component, or list of Gradio components. Components can either be passed as instantiated objects, or referred to by their string shortcuts. These components will be rendered in an accordion below the main input components. By default, no additional input components will be displayed.
+            additional_inputs_accordion: if a string is provided, this is the label of the `gr.Accordion` to use to contain additional inputs. A `gr.Accordion` object can be provided as well to configure other properties of the container holding the additional inputs. Defaults to a `gr.Accordion(label="Additional Inputs", open=False)`. This parameter is only used if `additional_inputs` is provided.
+            submit_btn: the button to use for submitting inputs. Defaults to a `gr.Button("Submit", variant="primary")`. This parameter does not apply if the Interface is output-only, in which case the submit button always displays "Generate". Can be set to a string (which becomes the button label) or a `gr.Button` object (which allows for more customization).
+            stop_btn: the button to use for stopping the interface. Defaults to a `gr.Button("Stop", variant="stop", visible=False)`. Can be set to a string (which becomes the button label) or a `gr.Button` object (which allows for more customization).
+            clear_btn: the button to use for clearing the inputs. Defaults to a `gr.Button("Clear", variant="secondary")`. Can be set to a string (which becomes the button label) or a `gr.Button` object (which allows for more customization). Can be set to None, which hides the button.
+            delete_cache: a tuple corresponding [frequency, age] both expressed in number of seconds. Every `frequency` seconds, the temporary files created by this Blocks instance will be deleted if more than `age` seconds have passed since the file was created. For example, setting this to (86400, 86400) will delete temporary files every day. The cache will be deleted entirely when the server restarts. If None, no cache deletion will occur.
+            show_progress: how to show the progress animation while event is running: "full" shows a spinner which covers the output component area as well as a runtime display in the upper right corner, "minimal" only shows the runtime display, "hidden" shows no progress animation at all
+            example_labels: a list of labels for each example. If provided, the length of this list should be the same as the number of examples, and these labels will be used in the UI instead of rendering the example values.
+            fill_width: whether to horizontally expand to fill container fully. If False, centers and constrains app to a maximum width.
+            time_limit: The time limit for the stream to run. Default is 30 seconds. Parameter only used for streaming images or audio if the interface is live and the input components are set to "streaming=True".
+            stream_every: The latency (in seconds) at which stream chunks are sent to the backend. Defaults to 0.5 seconds. Parameter only used for streaming images or audio if the interface is live and the input components are set to "streaming=True".
+            deep_link: a string or `gr.DeepLinkButton` object that creates a unique URL you can use to share your app and all components **as they currently are** with others. Automatically enabled on Hugging Face Spaces unless explicitly set to False.
+            validator: a function that takes in the inputs and can optionally return a gr.validate() object for each input.
+
+        """
+        super().__init__(
+            analytics_enabled=analytics_enabled,
+            mode="interface",
+            title=title or "Gradio",
+            delete_cache=delete_cache,
+            fill_width=fill_width,
+            **kwargs,
+        )
+        if isinstance(deep_link, str):
+            deep_link = DeepLinkButton(value=deep_link, render=False, interactive=False)
+        elif deep_link is True:
+            deep_link = DeepLinkButton(render=False, interactive=False)
+        if utils.get_space() and deep_link is None:
+            deep_link = DeepLinkButton(render=False, interactive=False)
+        if deep_link is False:
+            deep_link = None
+        self.deep_link = deep_link
+        self.time_limit = time_limit
+        self.stream_every = stream_every
+        self.api_name: str | None = api_name
+        self.api_description: str | None | Literal[False] = api_description
+        self.api_visibility = api_visibility
+        self.interface_type = InterfaceTypes.STANDARD
+        if (inputs is None or inputs == []) and (outputs is None or outputs == []):
+            raise ValueError("Must provide at least one of `inputs` or `outputs`")
+        elif outputs is None or outputs == []:
+            outputs = []
+            self.interface_type = InterfaceTypes.INPUT_ONLY
+        elif inputs is None or inputs == []:
+            inputs = []
+            self.interface_type = InterfaceTypes.OUTPUT_ONLY
+        if additional_inputs is None:
+            self.additional_input_components = []
+        else:
+            if not isinstance(additional_inputs, Sequence):
+                additional_inputs = [additional_inputs]
+            self.additional_input_components = [
+                get_component_instance(i, unrender=True)  # type: ignore
+                for i in additional_inputs  # type: ignore
+            ]
+
+        if not isinstance(inputs, (Sequence, Component)):
+            raise TypeError(
+                f"inputs must be a string, list, or Component, not {inputs}"
+            )
+        if not isinstance(outputs, (Sequence, Component)):
+            raise TypeError(
+                f"outputs must be a string, list, or Component, not {outputs}"
+            )
+
+        if isinstance(inputs, (str, Component)):
+            inputs = [inputs]
+        if isinstance(outputs, (str, Component)):
+            outputs = [outputs]
+
+        self.cache_examples = cache_examples
+        self.cache_mode: Literal["eager", "lazy"] | None = cache_mode
+        self.preload_example = preload_example
+
+        self.main_input_components = [
+            get_component_instance(i, unrender=True) for i in inputs
+        ]
+        self.input_components = (
+            self.main_input_components + self.additional_input_components
+        )
+        self.output_components = [
+            get_component_instance(o, unrender=True)
+            for o in outputs  # type: ignore
+        ]
+
+        state_input_indexes = [
+            idx
+            for idx, i in enumerate(self.input_components)
+            if i == "state" or isinstance(i, State)
+        ]
+        state_output_indexes = [
+            idx
+            for idx, o in enumerate(self.output_components)
+            if o == "state" or isinstance(o, State)
+        ]
+
+        if len(state_input_indexes) == 0 and len(state_output_indexes) == 0:
+            pass
+        elif len(state_input_indexes) != 1 or len(state_output_indexes) != 1:
+            raise ValueError(
+                "If using 'state', there must be exactly one state input and one state output."
+            )
+        else:
+            state_input_index = state_input_indexes[0]
+            state_output_index = state_output_indexes[0]
+            if self.input_components[state_input_index] == "state":
+                default = utils.get_default_args(fn)[state_input_index]
+                state_variable = State(value=default)
+            else:
+                state_variable = self.input_components[state_input_index]
+
+            self.input_components[state_input_index] = state_variable
+            self.output_components[state_output_index] = state_variable
+
+            if cache_examples:
+                warnings.warn(
+                    "Cache examples cannot be used with state inputs and outputs. "
+                    "Setting cache_examples to False."
+                )
+            self.cache_examples = False
+
+        if additional_inputs_accordion is None:
+            self.additional_inputs_accordion_params = {
+                "label": "Additional Inputs",
+                "open": False,
+            }
+        elif isinstance(additional_inputs_accordion, str):
+            self.additional_inputs_accordion_params = {
+                "label": additional_inputs_accordion
+            }
+        elif isinstance(additional_inputs_accordion, Accordion):
+            self.additional_inputs_accordion_params = (
+                additional_inputs_accordion.recover_kwargs(
+                    additional_inputs_accordion.get_config()
+                )
+            )
+        else:
+            raise ValueError(
+                f"The `additional_inputs_accordion` parameter must be a string or gr.Accordion, not {type(additional_inputs_accordion)}"
+            )
+
+        for component in self.input_components + self.output_components:
+            if not (isinstance(component, Component)):
+                raise ValueError(
+                    f"{component} is not a valid input/output component for Interface."
+                )
+
+        if len(self.input_components) == len(self.output_components):
+            same_components = [
+                i is o
+                for i, o in zip(
+                    self.input_components, self.output_components, strict=False
+                )
+            ]
+            if all(same_components):
+                self.interface_type = InterfaceTypes.UNIFIED
+
+        if self.interface_type in [
+            InterfaceTypes.STANDARD,
+            InterfaceTypes.OUTPUT_ONLY,
+        ]:
+            for o in self.output_components:
+                if not isinstance(o, Component):
+                    raise TypeError(
+                        f"Output component must be a Component, not {type(o)}"
+                    )
+                if o.interactive is None:
+                    # Unless explicitly otherwise specified, force output components to
+                    # be non-interactive
+                    o.interactive = False
+
+        self.api_mode = _api_mode
+        self.fn = fn
+        self.validator = validator
+        self.fn_durations = [0, 0]
+        self.__name__ = getattr(fn, "__name__", "fn")
+        self.live = live
+        self.title = title
+
+        self.simple_description = utils.remove_html_tags(description)
+        self.description = description
+        if article is not None:
+            article = utils.download_if_url(article)
+        self.article = article
+
+        self.examples = examples
+        self.examples_per_page = examples_per_page
+        self.example_labels = example_labels
+
+        if isinstance(submit_btn, Button):
+            self.submit_btn_parms = submit_btn.recover_kwargs(submit_btn.get_config())
+        elif isinstance(submit_btn, str):
+            self.submit_btn_parms = {
+                "value": submit_btn,
+                "variant": "primary",
+            }
+        else:
+            raise ValueError(
+                f"The submit_btn parameter must be a gr.Button or string, not {type(submit_btn)}"
+            )
+
+        if isinstance(stop_btn, Button):
+            self.stop_btn_parms = stop_btn.recover_kwargs(stop_btn.get_config())
+        elif isinstance(stop_btn, str):
+            self.stop_btn_parms = {
+                "value": stop_btn,
+                "variant": "stop",
+                "visible": False,
+            }
+        else:
+            raise ValueError(
+                f"The stop_btn parameter must be a gr.Button or string, not {type(stop_btn)}"
+            )
+
+        if clear_btn is None:
+            self.clear_btn_params = {
+                "visible": False,
+                "variant": "secondary",
+            }
+        elif isinstance(clear_btn, Button):
+            self.clear_btn_params = clear_btn.recover_kwargs(clear_btn.get_config())
+        elif isinstance(clear_btn, str):
+            self.clear_btn_params = {
+                "value": clear_btn,
+                "variant": "secondary",
+            }
+        else:
+            raise ValueError(
+                f"The clear_btn parameter must be a gr.Button, a string, or None, not {type(clear_btn)}"
+            )
+
+        self.simple_server = None
+
+        # For flagging_mode: (1) first check for `flagging_mode` parameter,
+        # (2) check for env variable, (3) default to "manual"
+        if flagging_mode is None:
+            self.flagging_mode = os.getenv("GRADIO_FLAGGING_MODE", "manual")
+        elif flagging_mode in ["manual", "never", "auto"]:
+            self.flagging_mode = flagging_mode
+        else:
+            raise ValueError(
+                "Invalid value for `flagging_mode` parameter."
+                "Must be: 'auto', 'manual', or 'never'."
+            )
+
+        if flagging_options is None:
+            self.flagging_options = [("Flag", None)]
+        elif not (isinstance(flagging_options, list)):
+            raise ValueError(
+                "flagging_options must be a list of strings or list of (string, string) tuples."
+            )
+        elif all(isinstance(x, str) for x in flagging_options):
+            self.flagging_options = [(f"Flag as {x}", x) for x in flagging_options]
+        elif all(isinstance(x, tuple) for x in flagging_options):
+            self.flagging_options = flagging_options
+        else:
+            raise ValueError(
+                "flagging_options must be a list of strings or list of (string, string) tuples."
+            )
+
+        if flagging_callback is None:
+            flagging_callback = CSVLogger()
+
+        self.flagging_callback = flagging_callback
+        self.flagging_dir = flagging_dir
+        self.show_progress: Literal["full", "hidden", "minimal"] = show_progress
+
+        self.batch = batch
+        self.max_batch_size = max_batch_size
+        self.allow_duplication = allow_duplication
+        self.concurrency_limit: int | None | Literal["default"] = concurrency_limit
+
+        self.share = None
+        self.share_url = None
+        self.local_url = None
+
+        self.favicon_path = None
+        self.i18n_instance = None
+
+        param_types = utils.get_type_hints(self.fn)
+        # param_names = inspect.getfullargspec(self.fn)[0]
+        param_names = []
+        try:
+            param_names = inspect.getfullargspec(self.fn)[0]
+            if len(param_names) > 0 and inspect.ismethod(self.fn):
+                param_names = param_names[1:]
+            for param_name in param_names.copy():
+                if utils.is_special_typed_parameter(param_name, param_types):
+                    param_names.remove(param_name)
+        except (TypeError, ValueError):
+            param_names = utils.default_input_labels()
+        for component, param_name in zip(
+            self.input_components, param_names, strict=False
+        ):
+            if not isinstance(component, Component):
+                raise TypeError(
+                    f"Input component must be a Component, not {type(component)}"
+                )
+            if component.label is None:
+                component.label = param_name
+        for i, component in enumerate(self.output_components):
+            if not isinstance(component, Component):
+                raise TypeError(
+                    f"Output component must be a Component, not {type(component)}"
+                )
+            if component.label is None:
+                if len(self.output_components) == 1:
+                    component.label = "output"
+                else:
+                    component.label = f"output {i}"
+
+        if self.flagging_mode != "never":
+            if self.interface_type == InterfaceTypes.UNIFIED:
+                self.flagging_callback.setup(self.input_components, self.flagging_dir)  # type: ignore
+            elif self.interface_type == InterfaceTypes.INPUT_ONLY:
+                pass
+            else:
+                self.flagging_callback.setup(
+                    self.input_components + self.output_components,
+                    self.flagging_dir,  # type: ignore
+                )
+
+        # Render the Gradio UI
+        with self:
+            if self.deep_link:
+                self.deep_link.activate()
+            self.render_title_description()
+
+            _submit_btn, _clear_btn, _stop_btn, flag_btns, duplicate_btn = (
+                None,
+                None,
+                None,
+                None,
+                None,
+            )  # type: ignore
+            input_component_column = None
+
+            with Row():
+                if self.interface_type in [
+                    InterfaceTypes.STANDARD,
+                    InterfaceTypes.INPUT_ONLY,
+                    InterfaceTypes.UNIFIED,
+                ]:
+                    (
+                        _submit_btn,
+                        _clear_btn,
+                        _stop_btn,
+                        flag_btns,
+                        input_component_column,
+                    ) = self.render_input_column()  # type: ignore
+                if self.interface_type in [
+                    InterfaceTypes.STANDARD,
+                    InterfaceTypes.OUTPUT_ONLY,
+                ]:
+                    (
+                        _submit_btn_out,
+                        _clear_btn_2_out,
+                        duplicate_btn,
+                        _stop_btn_2_out,
+                        flag_btns_out,
+                    ) = self.render_output_column(_submit_btn)
+                    _submit_btn = _submit_btn or _submit_btn_out
+                    _clear_btn = _clear_btn or _clear_btn_2_out
+                    _stop_btn = _stop_btn or _stop_btn_2_out
+                    flag_btns = flag_btns or flag_btns_out
+
+            if _clear_btn is None:
+                raise RenderError("Clear button not rendered")
+
+            _submit_event = self.attach_submit_events(_submit_btn, _stop_btn)
+            self.attach_clear_events(_clear_btn, input_component_column)
+            if duplicate_btn is not None:
+                duplicate_btn.activate()
+
+            self.attach_flagging_events(flag_btns, _clear_btn, _submit_event)
+            if _submit_event and self.deep_link:
+                _submit_event.then(
+                    lambda: DeepLinkButton(interactive=True),
+                    inputs=None,
+                    outputs=[self.deep_link],
+                    js=True,
+                    api_visibility="undocumented",
+                )
+            self.render_examples()
+            self.render_article()
+
+        self.config = self.get_config_file()
+
+    def render_title_description(self) -> None:
+        if self.title:
+            Markdown(
+                f"<h1 style='text-align: center; margin-bottom: 1rem'>{self.title}</h1>"
+            )
+        if self.description:
+            Markdown(self.description)
+
+    def render_flag_btns(self) -> list[Button]:
+        return [Button(label) for label, _ in self.flagging_options]
+
+    def render_input_column(
+        self,
+    ) -> tuple[
+        Button | None,
+        ClearButton | None,
+        Button | None,
+        list[Button] | None,
+        Column,
+    ]:
+        _submit_btn, _clear_btn, _stop_btn, flag_btns = None, None, None, None
+
+        with Column():
+            input_component_column = Column()
+            with input_component_column:
+                for component in self.main_input_components:
+                    component.render()
+                if self.additional_input_components:
+                    with Accordion(**self.additional_inputs_accordion_params):  # type: ignore
+                        for component in self.additional_input_components:
+                            component.render()
+            with Row():
+                if self.interface_type in [
+                    InterfaceTypes.STANDARD,
+                    InterfaceTypes.INPUT_ONLY,
+                ]:
+                    _clear_btn = ClearButton(**self.clear_btn_params)  # type: ignore
+                    if not self.live:
+                        if (
+                            self.deep_link
+                            and self.interface_type == InterfaceTypes.INPUT_ONLY
+                        ):
+                            self.deep_link.render()
+                        _submit_btn = Button(**self.submit_btn_parms)  # type: ignore
+                        # Stopping jobs only works if the queue is enabled
+                        # We don't know if the queue is enabled when the interface
+                        # is created. We use whether a generator function is provided
+                        # as a proxy of whether the queue will be enabled.
+                        # Using a generator function without the queue will raise an error.
+                        if inspect.isgeneratorfunction(
+                            self.fn
+                        ) or inspect.isasyncgenfunction(self.fn):
+                            _stop_btn = Button(**self.stop_btn_parms)  # type: ignore  # type: ignore
+                elif self.interface_type == InterfaceTypes.UNIFIED:
+                    _clear_btn = ClearButton(**self.clear_btn_params)  # type: ignore
+                    _submit_btn = Button(**self.submit_btn_parms)  # type: ignore
+                    if self.deep_link:
+                        self.deep_link.render()
+                    if (
+                        inspect.isgeneratorfunction(self.fn)
+                        or inspect.isasyncgenfunction(self.fn)
+                    ) and not self.live:
+                        _stop_btn = Button(**self.stop_btn_parms)  # type: ignore
+                    if self.flagging_mode == "manual":
+                        flag_btns = self.render_flag_btns()
+                    elif self.flagging_mode == "auto":
+                        flag_btns = [_submit_btn]
+        return (
+            _submit_btn,
+            _clear_btn,
+            _stop_btn,
+            flag_btns,
+            input_component_column,
+        )
+
+    def render_output_column(
+        self,
+        _submit_btn_in: Button | None,
+    ) -> tuple[
+        Button | None,
+        ClearButton | None,
+        DuplicateButton | None,
+        Button | None,
+        list | None,
+    ]:
+        _submit_btn = _submit_btn_in
+        _clear_btn, duplicate_btn, flag_btns, _stop_btn = (
+            None,
+            None,
+            None,
+            None,
+        )
+
+        with Column():
+            for component in self.output_components:  # type: ignore
+                if not (isinstance(component, State)):
+                    component.render()
+            with Row():
+                if self.deep_link:
+                    self.deep_link.render()
+                if self.interface_type == InterfaceTypes.OUTPUT_ONLY:
+                    _clear_btn = ClearButton(**self.clear_btn_params)  # type: ignore
+                    _submit_btn = Button("Generate", variant="primary")
+                    if (
+                        inspect.isgeneratorfunction(self.fn)
+                        or inspect.isasyncgenfunction(self.fn)
+                    ) and not self.live:
+                        # Stopping jobs only works if the queue is enabled
+                        # We don't know if the queue is enabled when the interface
+                        # is created. We use whether a generator function is provided
+                        # as a proxy of whether the queue will be enabled.
+                        # Using a generator function without the queue will raise an error.
+                        _stop_btn = Button(**self.stop_btn_parms)  # type: ignore
+                if self.flagging_mode == "manual":
+                    flag_btns = self.render_flag_btns()
+                elif self.flagging_mode == "auto":
+                    if _submit_btn is None:
+                        raise RenderError("Submit button not rendered")
+                    flag_btns = [_submit_btn]
+
+                if self.allow_duplication:
+                    duplicate_btn = DuplicateButton(scale=1, size="lg", _activate=False)
+
+        return (
+            _submit_btn,
+            _clear_btn,
+            duplicate_btn,
+            _stop_btn,
+            flag_btns,
+        )
+
+    def render_article(self):
+        if self.article:
+            Markdown(self.article)
+
+    def attach_submit_events(
+        self, _submit_btn: Button | None, _stop_btn: Button | None
+    ) -> Dependency:
+        if self.live:
+            if self.interface_type == InterfaceTypes.OUTPUT_ONLY:
+                if _submit_btn is None:
+                    raise RenderError("Submit button not rendered")
+                super().load(self.fn, None, self.output_components)
+                # For output-only interfaces, the user probably still want a "generate"
+                # button even if the Interface is live
+                return _submit_btn.click(
+                    self.fn,
+                    None,
+                    self.output_components,
+                    api_name=self.api_name,
+                    api_visibility=self.api_visibility,
+                    api_description=self.api_description,
+                    preprocess=not (self.api_mode),
+                    postprocess=not (self.api_mode),
+                    batch=self.batch,
+                    max_batch_size=self.max_batch_size,
+                    validator=self.validator,
+                )
+            else:
+                events: list[Callable] = []
+                streaming_event = False
+                for component in self.input_components:  # type: ignore
+                    if component.has_event("stream") and component.streaming:  # type: ignore
+                        events.append(component.stream)  # type: ignore
+                        streaming_event = True
+                    elif component.has_event("change"):
+                        events.append(component.change)  # type: ignore
+                return on(
+                    events,
+                    self.fn,
+                    self.input_components,
+                    self.output_components,
+                    api_name=self.api_name,
+                    api_description=self.api_description,
+                    api_visibility=self.api_visibility,
+                    preprocess=not (self.api_mode),
+                    postprocess=not (self.api_mode),
+                    show_progress="hidden" if streaming_event else self.show_progress,
+                    trigger_mode="always_last" if not streaming_event else "multiple",
+                    time_limit=self.time_limit,
+                    stream_every=self.stream_every,
+                    validator=self.validator,
+                )
+        else:
+            if _submit_btn is None:
+                raise RenderError("Submit button not rendered")
+            fn = self.fn
+            extra_output = []
+
+            triggers = [_submit_btn.click] + [
+                component.submit  # type: ignore
+                for component in self.input_components  # type: ignore
+                if component.has_event(Events.submit)
+            ]
+
+            for component in self.input_components:  # type: ignore
+                if getattr(component, "streaming", None):
+                    warnings.warn(
+                        "Streaming components are only supported in live interfaces."
+                    )
+
+            if _stop_btn:
+                extra_output = [_submit_btn, _stop_btn]
+
+                async def cleanup():
+                    return [Button(visible=True), Button(visible=False)]
+
+                predict_event = on(
+                    triggers,
+                    utils.async_lambda(
+                        lambda: (
+                            Button(visible=False),
+                            Button(visible=True),
+                        )
+                    ),
+                    inputs=None,
+                    outputs=[_submit_btn, _stop_btn],
+                    queue=False,
+                    api_visibility="undocumented",
+                ).then(
+                    self.fn,
+                    self.input_components,
+                    self.output_components,
+                    api_name=self.api_name,
+                    api_visibility=self.api_visibility,
+                    api_description=self.api_description,
+                    scroll_to_output=True,
+                    preprocess=not (self.api_mode),
+                    postprocess=not (self.api_mode),
+                    batch=self.batch,
+                    max_batch_size=self.max_batch_size,
+                    concurrency_limit=self.concurrency_limit,
+                    show_progress=self.show_progress,
+                    validator=self.validator,
+                )
+
+                final_event = predict_event.then(
+                    cleanup,
+                    inputs=None,
+                    outputs=extra_output,  # type: ignore
+                    queue=False,
+                    api_visibility="undocumented",
+                )
+
+                _stop_btn.click(
+                    cleanup,
+                    inputs=None,
+                    outputs=[_submit_btn, _stop_btn],
+                    cancels=predict_event,
+                    queue=False,
+                    api_visibility="undocumented",
+                )
+                return final_event
+            else:
+                return on(
+                    triggers,
+                    fn,
+                    self.input_components,
+                    self.output_components,
+                    api_name=self.api_name,
+                    api_visibility=self.api_visibility,
+                    api_description=self.api_description,
+                    scroll_to_output=True,
+                    preprocess=not (self.api_mode),
+                    postprocess=not (self.api_mode),
+                    batch=self.batch,
+                    max_batch_size=self.max_batch_size,
+                    concurrency_limit=self.concurrency_limit,
+                    show_progress=self.show_progress,
+                    validator=self.validator,
+                )
+
+    def attach_clear_events(
+        self,
+        _clear_btn: ClearButton,
+        input_component_column: Column | None,
+    ):
+        _clear_btn.add(self.input_components + self.output_components)  # type: ignore
+        _clear_btn.click(
+            None,
+            [],
+            ([input_component_column] if input_component_column else []),  # type: ignore
+            js=f"""() => {
+                json.dumps(
+                    [{"variant": None, "visible": True, "__type__": "update"}]
+                    if self.interface_type
+                    in [
+                        InterfaceTypes.STANDARD,
+                        InterfaceTypes.INPUT_ONLY,
+                        InterfaceTypes.UNIFIED,
+                    ]
+                    else []
+                )
+            }
+            """,
+        )
+
+    def attach_flagging_events(
+        self,
+        flag_btns: list[Button] | None,
+        _clear_btn: ClearButton,
+        _submit_event: Dependency,
+    ):
+        if not (
+            flag_btns
+            and self.interface_type
+            in (
+                InterfaceTypes.STANDARD,
+                InterfaceTypes.OUTPUT_ONLY,
+                InterfaceTypes.UNIFIED,
+            )
+        ):
+            return
+
+        if self.flagging_mode == "auto":
+            flag_method = FlagMethod(
+                self.flagging_callback, "", None, visual_feedback=False
+            )
+            _submit_event.success(
+                flag_method,
+                inputs=self.input_components + self.output_components,  # type: ignore
+                outputs=None,
+                preprocess=False,
+                queue=False,
+                api_visibility="undocumented",
+            )
+            return
+
+        if self.interface_type == InterfaceTypes.UNIFIED:
+            flag_components = self.input_components  # type: ignore
+        else:
+            flag_components = self.input_components + self.output_components  # type: ignore
+
+        for flag_btn, (label, value) in zip(
+            flag_btns, self.flagging_options, strict=False
+        ):
+            if value is not None and not isinstance(value, str):
+                raise TypeError(
+                    f"Flagging option value must be a string, not {value!r}"
+                )
+            flag_method = FlagMethod(self.flagging_callback, label, value)
+            flag_btn.click(
+                utils.async_lambda(
+                    lambda: Button(value="Saving...", interactive=False)
+                ),
+                None,
+                flag_btn,
+                queue=False,
+                api_visibility="undocumented",
+            )
+            flag_btn.click(
+                flag_method,
+                inputs=flag_components,
+                outputs=flag_btn,
+                preprocess=False,
+                queue=False,
+                api_visibility="undocumented",
+            )
+            _clear_btn.click(
+                utils.async_lambda(flag_method.reset),
+                None,
+                flag_btn,
+                queue=False,
+                api_visibility="undocumented",
+            )
+
+    def render_examples(self):
+        if self.examples:
+            non_state_inputs = [
+                c
+                for c in self.input_components  # type: ignore
+                if not isinstance(c, State)  # type: ignore
+            ]
+            non_state_outputs = [
+                c
+                for c in self.output_components  # type: ignore
+                if not isinstance(c, State)  # type: ignore
+            ]
+            self.examples_handler = Examples(
+                examples=self.examples,
+                inputs=non_state_inputs,
+                outputs=non_state_outputs,
+                fn=self.fn,
+                cache_examples=self.cache_examples,
+                cache_mode=self.cache_mode,
+                examples_per_page=self.examples_per_page,
+                _api_mode=self.api_mode or False,  # type: ignore
+                batch=self.batch,
+                example_labels=self.example_labels,
+                preload=self.preload_example,
+            )
+            if self.deep_link and self.examples_handler.cache_event:
+                self.examples_handler.cache_event.then(
+                    lambda: DeepLinkButton(interactive=True),
+                    inputs=None,
+                    outputs=[self.deep_link],
+                    js=True,
+                    api_visibility="undocumented",
+                )
+
+    def __str__(self):
+        return self.__repr__()
+
+    def __repr__(self):
+        repr = f"Gradio Interface for: {self.__name__}"
+        repr += f"\n{'-' * len(repr)}"
+        repr += "\ninputs:"
+        for component in self.input_components:  # type: ignore
+            repr += f"\n|-{component}"
+        repr += "\noutputs:"
+        for component in self.output_components:  # type: ignore
+            repr += f"\n|-{component}"
+        return repr
+
+
+@document()
+class TabbedInterface(Blocks):
+    """
+    A TabbedInterface is created by providing a list of Interfaces or Blocks, each of which gets
+    rendered in a separate tab. Only the components from the Interface/Blocks will be rendered in the tab.
+
+    Demos: tabbed_interface_lite
+    """
+
+    def __init__(
+        self,
+        interface_list: Sequence[Blocks],
+        tab_names: list[str] | None = None,
+        title: str | None = None,
+        analytics_enabled: bool | None = None,
+    ):
+        """
+        Parameters:
+            interface_list: A list of Interfaces (or Blocks) to be rendered in the tabs.
+            tab_names: A list of tab names. If None, the tab names will be "Tab 1", "Tab 2", etc.
+            title: The tab title to display when this demo is opened in a browser window.
+            analytics_enabled: Whether to allow basic telemetry. If None, will use GRADIO_ANALYTICS_ENABLED environment variable or default to True.
+        Returns:
+            a Gradio Tabbed Interface for the given interfaces
+        """
+        super().__init__(
+            title=title or "Gradio",
+            analytics_enabled=analytics_enabled,
+            mode="tabbed_interface",
+            fill_height=True,
+        )
+        if tab_names is None:
+            tab_names = [f"Tab {i}" for i in range(len(interface_list))]
+        with self:
+            if title:
+                Markdown(
+                    f"<h1 style='text-align: center; margin-bottom: 1rem'>{title}</h1>"
+                )
+            with Tabs():
+                for interface, tab_name in zip(interface_list, tab_names, strict=False):
+                    with Tab(
+                        label=tab_name,
+                        scale=1 if interface.fill_height else None,
+                    ):
+                        interface.render()
+
+
+def close_all(verbose: bool = True) -> None:
+    for instance in Blocks.get_instances():
+        if instance.is_running:
+            instance.close(verbose)
diff --git a/gradio/ipython_ext.py b/gradio/ipython_ext.py
new file mode 100644
index 0000000..0c37bbc
--- /dev/null
+++ b/gradio/ipython_ext.py
@@ -0,0 +1,89 @@
+try:
+    from IPython.core.magic import (  # ty: ignore[unresolved-import]
+        needs_local_scope,
+        register_cell_magic,
+    )
+    from IPython.core.magic_arguments import (  # ty: ignore[unresolved-import]
+        argument,
+        magic_arguments,
+        parse_argstring,
+    )
+except ImportError:
+    pass
+
+import gradio as gr
+from gradio.routes import App
+from gradio.utils import BaseReloader
+
+
+class CellIdTracker:
+    """Determines the most recently run cell in the notebook.
+
+    Needed to keep track of which demo the user is updating.
+    """
+
+    def __init__(self, ipython):
+        ipython.events.register("pre_run_cell", self.pre_run_cell)
+        self.shell = ipython
+        self.current_cell: str = ""
+
+    def pre_run_cell(self, info):
+        self._current_cell = info.cell_id
+
+
+class JupyterReloader(BaseReloader):
+    """Swap a running blocks class in a notebook with the latest cell contents."""
+
+    def __init__(self, ipython) -> None:
+        super().__init__()
+        self._cell_tracker = CellIdTracker(ipython)
+        self._running: dict[str, gr.Blocks] = {}
+
+    @property
+    def current_cell(self):
+        return self._cell_tracker.current_cell
+
+    @property
+    def running_app(self) -> App:
+        if not self.running_demo.server:
+            raise RuntimeError("Server not running")
+        return self.running_demo.server.running_app  # type: ignore
+
+    @property
+    def running_demo(self):
+        return self._running[self.current_cell]
+
+    def demo_tracked(self) -> bool:
+        return self.current_cell in self._running
+
+    def track(self, demo: gr.Blocks):
+        self._running[self.current_cell] = demo
+
+
+def load_ipython_extension(ipython):
+    reloader = JupyterReloader(ipython)
+
+    @magic_arguments()  # type: ignore
+    @argument("--demo-name", default="demo", help="Name of gradio blocks instance.")  # type: ignore
+    @argument(  # type: ignore
+        "--share",
+        default=False,
+        const=True,
+        nargs="?",
+        help="Whether to launch with sharing. Will slow down reloading.",
+    )
+    @register_cell_magic  # type: ignore
+    @needs_local_scope  # type: ignore
+    def blocks(line, cell, local_ns):
+        """Launch a demo defined in a cell in reload mode."""
+
+        args = parse_argstring(blocks, line)  # type: ignore
+
+        exec(cell, None, local_ns)
+        demo: gr.Blocks = local_ns[args.demo_name]
+        if not reloader.demo_tracked():
+            demo.launch(share=args.share)
+            reloader.track(demo)
+        else:
+            reloader.swap_blocks(demo)
+            return reloader.running_demo.artifact
diff --git a/gradio/layouts/__init__.py b/gradio/layouts/__init__.py
new file mode 100644
index 0000000..0d63199
--- /dev/null
+++ b/gradio/layouts/__init__.py
@@ -0,0 +1,24 @@
+from .accordion import Accordion
+from .column import Column
+from .draggable import Draggable
+from .form import Form
+from .group import Group
+from .row import Row
+from .sidebar import Sidebar
+from .tabs import Tab, TabItem, Tabs
+from .walkthrough import Step, Walkthrough
+
+__all__ = [
+    "Accordion",
+    "Column",
+    "Draggable",
+    "Form",
+    "Row",
+    "Group",
+    "Tabs",
+    "Tab",
+    "TabItem",
+    "Sidebar",
+    "Walkthrough",
+    "Step",
+]
diff --git a/gradio/layouts/accordion.py b/gradio/layouts/accordion.py
new file mode 100644
index 0000000..429b7be
--- /dev/null
+++ b/gradio/layouts/accordion.py
@@ -0,0 +1,60 @@
+from __future__ import annotations
+
+from typing import TYPE_CHECKING, Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    pass
+
+
+@document()
+class Accordion(BlockContext, metaclass=ComponentMeta):
+    """
+    Accordion is a layout element which can be toggled to show/hide the contained content.
+    Example:
+        with gr.Accordion("See Details"):
+            gr.Markdown("lorem ipsum")
+    Guides: controlling-layout
+    """
+
+    EVENTS = [Events.expand, Events.collapse]
+
+    def __init__(
+        self,
+        label: str | I18nData | None = None,
+        *,
+        open: bool = True,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            label: name of accordion section.
+            open: if True, accordion is open by default.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.label = label
+        self.open = open
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
diff --git a/gradio/layouts/column.py b/gradio/layouts/column.py
new file mode 100644
index 0000000..6880069
--- /dev/null
+++ b/gradio/layouts/column.py
@@ -0,0 +1,77 @@
+from __future__ import annotations
+
+import warnings
+from typing import Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+
+
+@document()
+class Column(BlockContext, metaclass=ComponentMeta):
+    """
+    Column is a layout element within Blocks that renders all children vertically. The widths of columns can be set through the `scale` and `min_width` parameters.
+    If a certain scale results in a column narrower than min_width, the min_width parameter will win.
+    Example:
+        with gr.Blocks() as demo:
+            with gr.Row():
+                with gr.Column(scale=1):
+                    text1 = gr.Textbox()
+                    text2 = gr.Textbox()
+                with gr.Column(scale=4):
+                    btn1 = gr.Button("Button 1")
+                    btn2 = gr.Button("Button 2")
+    Guides: controlling-layout
+    """
+
+    EVENTS = []
+
+    def __init__(
+        self,
+        *,
+        scale: int = 1,
+        min_width: int = 320,
+        variant: Literal["default", "panel", "compact"] = "default",
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        show_progress: bool = False,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            scale: relative width compared to adjacent Columns. For example, if Column A has scale=2, and Column B has scale=1, A will be twice as wide as B.
+            min_width: minimum pixel width of Column, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in a column narrower than min_width, the min_width parameter will be respected first.
+            variant: column type, 'default' (no background), 'panel' (gray background color and rounded corners), or 'compact' (rounded corners and no internal gap).
+            visible: If False, column will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, component will not render be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            show_progress: If True, shows progress animation when being updated.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        if scale != round(scale):
+            warnings.warn(
+                f"'scale' value should be an integer. Using {scale} will cause issues."
+            )
+
+        self.scale = scale
+        self.min_width = min_width
+        self.variant = variant
+        if variant == "compact":
+            self.allow_expected_parents = False
+        self.show_progress = show_progress
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
diff --git a/gradio/layouts/draggable.py b/gradio/layouts/draggable.py
new file mode 100644
index 0000000..afde12c
--- /dev/null
+++ b/gradio/layouts/draggable.py
@@ -0,0 +1,53 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+
+
+@document()
+class Draggable(BlockContext, metaclass=ComponentMeta):
+    """
+    Draggable is a layout element within Blocks that renders children with drag and drop functionality.
+    A user can reorder children by dragging them around and snapping them into place. If a child is a
+    layout (e.g. gr.Row, gr.Group), all the components in the child layout will drag together.
+
+    Demos: draggable_dashboard
+    """
+
+    EVENTS = []
+
+    def __init__(
+        self,
+        *,
+        orientation: Literal["row", "column"] = "column",
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            orientation: The direction in which children are arranged. 'row' arranges children horizontally, 'column' arranges them vertically.
+            visible: If False, draggable container will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.orientation = orientation
+
+        super().__init__(
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
diff --git a/gradio/layouts/form.py b/gradio/layouts/form.py
new file mode 100644
index 0000000..f7b9683
--- /dev/null
+++ b/gradio/layouts/form.py
@@ -0,0 +1,58 @@
+from __future__ import annotations
+
+from typing import TYPE_CHECKING
+
+from gradio.blocks import BlockContext, Blocks
+from gradio.component_meta import ComponentMeta
+from gradio.layouts.column import Column
+from gradio.layouts.row import Row
+
+if TYPE_CHECKING:
+    from gradio.blocks import Block
+
+
+class Form(BlockContext, metaclass=ComponentMeta):
+    EVENTS = []
+
+    def __init__(
+        self,
+        *,
+        scale: int = 0,
+        min_width: int = 0,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            scale: relative width compared to adjacent Columns. For example, if Column A has scale=2, and Column B has scale=1, A will be twice as wide as B.
+            min_width: minimum pixel width of Column, will wrap if not sufficient screen space to satisfy this value. If a certain scale value results in a column narrower than min_width, the min_width parameter will be respected first.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.scale = scale
+        self.min_width = min_width
+        BlockContext.__init__(
+            self,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+
+    def add_child(self, child: Block):
+        if isinstance(self.parent, Row):
+            scale = getattr(child, "scale", None)
+            self.scale += 1 if scale is None else scale
+            self.min_width += getattr(child, "min_width", 0) or 0
+        elif (
+            isinstance(self.parent, Column)
+            and isinstance(self.parent.parent, Row)
+            and self.parent.parent.equal_height
+        ):
+            scale = getattr(child, "scale", None)
+            self.scale += 1 if scale is None else scale
+        elif isinstance(self.parent, Blocks) and self.parent.fill_height:
+            scale = getattr(child, "scale", None)
+            self.scale += 0 if scale is None else scale
+        BlockContext.add_child(self, child)
diff --git a/gradio/layouts/group.py b/gradio/layouts/group.py
new file mode 100644
index 0000000..7a72aaa
--- /dev/null
+++ b/gradio/layouts/group.py
@@ -0,0 +1,51 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+
+
+@document()
+class Group(BlockContext, metaclass=ComponentMeta):
+    """
+    Group is a layout element within Blocks which groups together children so that
+    they do not have any padding or margin between them.
+    Example:
+        with gr.Group():
+            gr.Textbox(label="First")
+            gr.Textbox(label="Last")
+    """
+
+    EVENTS = []
+
+    def __init__(
+        self,
+        *,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            visible: If False, group will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
diff --git a/gradio/layouts/row.py b/gradio/layouts/row.py
new file mode 100644
index 0000000..34ae76a
--- /dev/null
+++ b/gradio/layouts/row.py
@@ -0,0 +1,92 @@
+from __future__ import annotations
+
+import warnings
+from typing import Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+
+
+@document()
+class Row(BlockContext, metaclass=ComponentMeta):
+    """
+    Row is a layout element within Blocks that renders all children horizontally.
+    Example:
+        with gr.Blocks() as demo:
+            with gr.Row():
+                gr.Image("lion.jpg", scale=2)
+                gr.Image("tiger.jpg", scale=1)
+        demo.launch()
+    Guides: controlling-layout
+    """
+
+    EVENTS = []
+
+    def __init__(
+        self,
+        *,
+        variant: Literal["default", "panel", "compact"] = "default",
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        scale: int | None = None,
+        render: bool = True,
+        height: int | str | None = None,
+        max_height: int | str | None = None,
+        min_height: int | str | None = None,
+        equal_height: bool = False,
+        show_progress: bool = False,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            variant: row type, 'default' (no background), 'panel' (gray background color and rounded corners), or 'compact' (rounded corners and no internal gap).
+            visible: If False, row will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            scale: relative height compared to adjacent elements. 1 or greater indicates the Row will expand in height, and any child columns will also expand to fill the height.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            height: The height of the row, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the row will scroll vertically. If not set, the row will expand to fit the content.
+            max_height: The maximum height of the row, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the row will scroll vertically. If content is shorter than the height, the row will shrink to fit the content. Will not have any effect if `height` is set and is smaller than `max_height`.
+            min_height: The minimum height of the row, specified in pixels if a number is passed, or in CSS units if a string is passed. If content exceeds the height, the row will expand to fit the content. Will not have any effect if `height` is set and is larger than `min_height`.
+            equal_height: If True, makes every child element have equal height
+            show_progress: If True, shows progress animation when being updated.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.variant = variant
+        self.equal_height = equal_height
+        if variant == "compact":
+            self.allow_expected_parents = False
+        self.show_progress = show_progress
+        self.height = height
+        self.max_height = max_height
+        self.min_height = min_height
+        if scale and scale != round(scale):
+            warnings.warn(
+                f"'scale' value should be an integer. Using {scale} will cause issues."
+            )
+
+        self.scale = scale
+
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+
+    @staticmethod
+    def update(
+        visible: bool | None = None,
+    ):
+        return {
+            "visible": visible,
+            "__type__": "update",
+        }
diff --git a/gradio/layouts/sidebar.py b/gradio/layouts/sidebar.py
new file mode 100644
index 0000000..349f13d
--- /dev/null
+++ b/gradio/layouts/sidebar.py
@@ -0,0 +1,65 @@
+from __future__ import annotations
+
+from typing import Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+
+@document()
+class Sidebar(BlockContext, metaclass=ComponentMeta):
+    """
+    Sidebar is a collapsible panel that renders child components on the left side of the screen within a Blocks layout.
+    Example:
+        with gr.Blocks() as demo:
+            with gr.Sidebar():
+                gr.Textbox()
+                gr.Button()
+    Guides: controlling-layout
+    """
+
+    EVENTS = [Events.expand, Events.collapse]
+
+    def __init__(
+        self,
+        label: str | I18nData | None = None,
+        *,
+        open: bool = True,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        width: int | str = 320,
+        position: Literal["left", "right"] = "left",
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            label: name of the sidebar. Not displayed to the user.
+            open: if True, sidebar is open by default.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            width: The width of the sidebar, specified in pixels if a number is passed, or in CSS units if a string is passed.
+            position: The position of the sidebar in the layout, either "left" or "right". Defaults to "left".
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        self.label = label
+        self.open = open
+        self.width = width
+        self.position = position
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
diff --git a/gradio/layouts/tabs.py b/gradio/layouts/tabs.py
new file mode 100644
index 0000000..834469d
--- /dev/null
+++ b/gradio/layouts/tabs.py
@@ -0,0 +1,160 @@
+from __future__ import annotations
+
+import warnings
+from typing import Literal
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+from gradio.events import EventListener, Events
+from gradio.i18n import I18nData
+
+
+class Tabs(BlockContext, metaclass=ComponentMeta):
+    """
+    Tabs is a layout element within Blocks that can contain multiple "Tab" Components.
+    Guides: controlling-layout
+    """
+
+    EVENTS = [Events.change, Events.select]
+
+    def __init__(
+        self,
+        *,
+        selected: int | str | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            selected: The currently selected tab. Must correspond to an id passed to the one of the child TabItems. Defaults to the first TabItem.
+            visible: If False, Tabs will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        self.selected = selected
+
+    def __exit__(self, exc_type=None, *args):
+        super().__exit__(exc_type, *args)
+        if exc_type is not None:
+            return
+        for child in self.children:
+            if isinstance(child, Tab):
+                continue
+            # Invisible utility components (gr.State, gr.BrowserState, gr.Timer, ...)
+            # have no DOM and never cause the IntersectionObserver crash this
+            # validation is guarding against. They are conventionally marked by
+            # `breaks_grouping() == False`, the same flag fill_expected_parents
+            # already uses to allow them to live anywhere in the tree.
+            if not child.breaks_grouping():
+                continue
+            # Surface the component(s) the user actually wrote rather than a
+            # gradio-generated auto-wrap (e.g. gr.Form grouping consecutive
+            # FormComponents into a single wrapper with multiple children).
+            if (
+                isinstance(child, BlockContext)
+                and not getattr(child, "is_rendered", True)
+                and child.children
+            ):
+                names = ", ".join(f"gr.{type(c).__name__}()" for c in child.children)
+            else:
+                names = f"gr.{type(child).__name__}()"
+            warnings.warn(
+                f"gr.Tabs() can only contain gr.Tab() (or gr.TabItem()) components as direct children, "
+                f"but received {names}. Wrap inside a gr.Tab(...) block to fix this.",
+                UserWarning,
+                stacklevel=2,
+            )
+            return
+
+
+@document()
+class Tab(BlockContext, metaclass=ComponentMeta):
+    """
+    Tab (or its alias TabItem) is a layout element. Components defined within the Tab will be visible when this tab is selected tab.
+    Example:
+        with gr.Blocks() as demo:
+            with gr.Tab("Lion"):
+                gr.Image("lion.jpg")
+                gr.Button("New Lion")
+            with gr.Tab("Tiger"):
+                gr.Image("tiger.jpg")
+                gr.Button("New Tiger")
+    Guides: controlling-layout
+    """
+
+    EVENTS = [
+        EventListener(
+            "select",
+            callback=lambda block: setattr(block, "_selectable", True),
+            doc="Event listener for when the user selects the Tab. Uses event data gradio.SelectData to carry `value` referring to the label of the Tab, and `selected` to refer to state of the Tab. See https://www.gradio.app/main/docs/gradio/eventdata documentation for more details.",
+        )
+    ]
+
+    def __init__(
+        self,
+        label: str | I18nData | None = None,
+        visible: bool | Literal["hidden"] = True,
+        interactive: bool = True,
+        *,
+        id: int | str | None = None,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        scale: int | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+        render_children: bool = False,
+    ):
+        """
+        Parameters:
+            label: The visual label for the tab
+            id: An optional identifier for the tab, required if you wish to control the selected tab from a predict function.
+            elem_id: An optional string that is assigned as the id of the <div> containing the contents of the Tab layout. The same string followed by "-button" is attached to the Tab button. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            scale: relative size compared to adjacent elements. 1 or greater indicates the Tab will expand in size.
+            visible: If False, Tab will be hidden.
+            interactive: If False, Tab will not be clickable.
+            render_children: If True, the children of this Tab will be rendered on the page (but hidden) when the Tab is visible but inactive. This can be useful if you want to ensure that any components (e.g. videos or audio) within the Tab are pre-loaded before the user clicks on the Tab.
+        """
+        BlockContext.__init__(
+            self,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        self.label = label
+        self.id = id
+        self.visible = visible
+        self.scale = scale
+        self.interactive = interactive
+        self.render_children = render_children
+
+    def get_expected_parent(self) -> type[Tabs]:
+        return Tabs
+
+    def get_block_name(self):
+        return "tabitem"
+
+
+TabItem = Tab
diff --git a/gradio/layouts/walkthrough.py b/gradio/layouts/walkthrough.py
new file mode 100644
index 0000000..c528850
--- /dev/null
+++ b/gradio/layouts/walkthrough.py
@@ -0,0 +1,116 @@
+from __future__ import annotations
+
+from gradio_client.documentation import document
+
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+
+@document()
+class Walkthrough(BlockContext, metaclass=ComponentMeta):
+    """
+    Walkthrough is a layout element within Blocks that can contain multiple "Step" Components, which can be used to create a step-by-step workflow.
+    Example:
+        with gr.Walkthrough(selected=1) as walkthrough:
+            with gr.Step("Step 1", id=1):
+                btn = gr.Button("go to Step 2")
+                btn.click(lambda: gr.Walkthrough(selected=2), outputs=walkthrough)
+            with gr.Step("Step 2", id=2):
+                txt = gr.Textbox("Welcome to Step 2")
+
+    Guides: controlling-layout
+    Demos: walkthrough
+    """
+
+    EVENTS = [Events.change, Events.select]
+
+    def __init__(
+        self,
+        *,
+        selected: int | None = None,
+        visible: bool = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            selected: The currently selected step. Must be a number corresponding to the step number. Defaults to the first step.
+            visible: If False, Walkthrough will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            key: in a gr.render, Components with the same key across re-renders are treated as the same component, not a new component. Properties set in 'preserved_by_key' are not reset across a re-render.
+            preserved_by_key: A list of parameters from this component's constructor. Inside a gr.render() function, if a component is re-rendered with the same key, these (and only these) parameters will be preserved in the UI (if they have been changed by the user or an event listener) instead of re-rendered based on the values provided during constructor.
+        """
+        BlockContext.__init__(
+            self,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        self.selected = selected
+
+    def get_block_name(self):
+        return "walkthrough"
+
+
+@document()
+class Step(BlockContext, metaclass=ComponentMeta):
+    """
+    Step is a layout element. A step is a single step in a step-by-step workflow.
+    """
+
+    EVENTS = [Events.select]
+
+    def __init__(
+        self,
+        label: str | I18nData | None = None,
+        visible: bool = True,
+        interactive: bool = True,
+        *,
+        id: int | None = None,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        scale: int | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = None,
+    ):
+        """
+        Parameters:
+            label: The visual label for the step
+            id: An optional numeric identifier for the step, required if you wish to control the selected step from a predict function. Must be a number.
+            elem_id: An optional string that is assigned as the id of the <div> containing the contents of the Step layout. The same string followed by "-button" is attached to the Step button. Can be used for targeting CSS styles.
+            elem_classes: An optional string or list of strings that are assigned as the class of this component in the HTML DOM. Can be used for targeting CSS styles.
+            render: If False, this layout will not be rendered in the Blocks context. Should be used if the intention is to assign event listeners now but render the component later.
+            scale: relative size compared to adjacent elements. 1 or greater indicates the Step will expand in size.
+            visible: If False, Step will be hidden.
+            interactive: If False, Step will not be clickable.
+        """
+        BlockContext.__init__(
+            self,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+        self.label = label
+        self.id = id
+        self.visible = visible
+        self.scale = scale
+        self.interactive = interactive
+
+    def get_expected_parent(self) -> type[Walkthrough]:
+        return Walkthrough
+
+    def get_block_name(self):
+        return "walkthroughstep"
diff --git a/gradio/mcp.py b/gradio/mcp.py
new file mode 100644
index 0000000..6429b4d
--- /dev/null
+++ b/gradio/mcp.py
@@ -0,0 +1,1632 @@
+import base64
+import contextlib
+import copy
+import html
+import json
+import os
+import re
+import tempfile
+import warnings
+from collections.abc import AsyncIterator, Sequence
+from io import BytesIO
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Optional, cast
+from urllib.parse import unquote, urlparse
+
+import gradio_client.utils as client_utils
+import httpx
+from anyio.to_thread import run_sync
+from gradio_client import Client, handle_file
+from gradio_client.utils import Status, StatusUpdate
+from PIL import Image
+from pydantic import AnyUrl
+from starlette.applications import Starlette
+from starlette.requests import Request
+from starlette.responses import HTMLResponse, JSONResponse, Response
+from starlette.routing import Mount, Route
+from starlette.types import Receive, Scope, Send
+
+from gradio import processing_utils, route_utils, utils
+from gradio.blocks import BlockFunction
+from gradio.components import State
+from gradio.route_utils import Header
+from gradio.state_holder import SessionState
+
+if TYPE_CHECKING:
+    from mcp import types  # noqa: F401
+    from mcp.server import Server  # noqa: F401
+    from mcp.server.lowlevel.helper_types import ReadResourceContents  # noqa: F401
+
+    from gradio.blocks import BlockContext, Blocks
+    from gradio.components import Component
+
+
+DEFAULT_TEMP_DIR = os.environ.get("GRADIO_TEMP_DIR") or str(
+    Path(tempfile.gettempdir()) / "gradio"
+)
+
+
+# Landing page served on a plain browser GET to the MCP endpoint. The
+# `__SERVER_URL__` / `__DOCS_URL__` (JSON-encoded, for the inline <script>) and
+# `__SERVER_URL_TEXT__` (HTML-escaped, for display) placeholders are filled in
+# by `GradioMCPServer._landing_page_html`.
+_MCP_LANDING_PAGE_TEMPLATE = """<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>Gradio MCP Server</title>
+<link href="__STATIC_PREFIX__/fonts/SourceSans3/SourceSans3-Regular.woff2" rel="preload" as="font" type="font/woff2" crossorigin />
+<link href="__STATIC_PREFIX__/fonts/SourceSans3/SourceSans3-SemiBold.woff2" rel="preload" as="font" type="font/woff2" crossorigin />
+<link href="__STATIC_PREFIX__/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2" rel="preload" as="font" type="font/woff2" crossorigin />
+<style>
+  @font-face {
+    font-family: 'Source Sans 3';
+    src: url('__STATIC_PREFIX__/fonts/SourceSans3/SourceSans3-Regular.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'Source Sans 3';
+    src: url('__STATIC_PREFIX__/fonts/SourceSans3/SourceSans3-SemiBold.woff2') format('woff2');
+    font-weight: 600;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'IBM Plex Mono';
+    src: url('__STATIC_PREFIX__/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2') format('woff2');
+    font-weight: 400;
+    font-style: normal;
+  }
+  @font-face {
+    font-family: 'IBM Plex Mono';
+    src: url('__STATIC_PREFIX__/fonts/IBMPlexMono/IBMPlexMono-Medium.woff2') format('woff2');
+    font-weight: 500;
+    font-style: normal;
+  }
+  :root {
+    --primary: #ff7c00;
+    --primary-soft: #fff2e5;
+    --text: #1f2937;
+    --text-muted: #6b7280;
+    --border: #e5e7eb;
+    --bg: #f6f7f8;
+    --card: #ffffff;
+    --radius: 12px;
+    --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+    --sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+  }
+  * { box-sizing: border-box; }
+  body {
+    font-family: var(--sans);
+    line-height: 1.6;
+    color: var(--text);
+    background: var(--bg);
+    margin: 0;
+    padding: 3rem 1.25rem 4rem;
+  }
+  .wrap { max-width: 46rem; margin: 0 auto; }
+  header { margin-bottom: 1.75rem; }
+  h1 { font-size: 1.7rem; font-weight: 700; margin: 0 0 0.4rem; letter-spacing: -0.01em; }
+  header p { margin: 0; color: var(--text-muted); }
+  .card {
+    background: var(--card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 1.4rem 1.5rem;
+    margin-bottom: 1.25rem;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
+  }
+  .card h2 {
+    font-size: 0.78rem;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.06em;
+    color: var(--primary);
+    margin: 0 0 0.85rem;
+  }
+  .url-box {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    background: #fafafa;
+    padding: 0.7rem 0.85rem;
+  }
+  .url-box code {
+    flex: 1;
+    font-family: var(--mono);
+    font-size: 0.95rem;
+    color: var(--text);
+    word-break: break-all;
+    background: none;
+  }
+  .copy-btn {
+    flex-shrink: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.35rem;
+    border: 1px solid var(--border);
+    background: #fff;
+    color: var(--text-muted);
+    border-radius: 7px;
+    padding: 0.35rem 0.55rem;
+    font-family: var(--sans);
+    font-size: 0.8rem;
+    cursor: pointer;
+    transition: all 0.12s ease;
+  }
+  .copy-btn:hover { border-color: var(--primary); color: var(--primary); }
+  .copy-btn.copied { border-color: var(--primary); color: var(--primary); background: var(--primary-soft); }
+  .tabs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem 1.25rem;
+    border-bottom: 1px solid var(--border);
+    margin-bottom: 1.1rem;
+  }
+  .tab {
+    appearance: none;
+    border: none;
+    background: none;
+    font-family: var(--sans);
+    font-size: 0.95rem;
+    color: var(--text-muted);
+    padding: 0.5rem 0;
+    cursor: pointer;
+    border-bottom: 2px solid transparent;
+    margin-bottom: -1px;
+    transition: color 0.12s ease;
+  }
+  .tab:hover { color: var(--text); }
+  .tab.active { color: var(--primary); border-bottom-color: var(--primary); font-weight: 600; }
+  .instruction { margin: 0 0 0.7rem; font-size: 0.95rem; }
+  .instruction code { font-family: var(--mono); font-size: 0.85em; background: var(--primary-soft); color: #b45309; padding: 0.1rem 0.35rem; border-radius: 5px; }
+  .code-block { position: relative; }
+  .code-block pre {
+    margin: 0;
+    background: #0b1221;
+    color: #e2e8f0;
+    border-radius: 10px;
+    padding: 1rem 1.1rem;
+    overflow-x: auto;
+    font-family: var(--mono);
+    font-size: 0.88rem;
+    line-height: 1.55;
+  }
+  .code-block .copy-btn {
+    position: absolute;
+    top: 0.6rem;
+    right: 0.6rem;
+    background: rgba(255, 255, 255, 0.08);
+    border-color: rgba(255, 255, 255, 0.15);
+    color: #cbd5e1;
+  }
+  .code-block .copy-btn:hover { background: rgba(255, 124, 0, 0.18); border-color: var(--primary); color: #fff; }
+  .code-block .copy-btn.copied { background: rgba(255, 124, 0, 0.25); border-color: var(--primary); color: #fff; }
+  footer { color: var(--text-muted); font-size: 0.9rem; margin-top: 0.5rem; }
+  footer a { color: var(--primary); text-decoration: none; }
+  footer a:hover { text-decoration: underline; }
+</style>
+</head>
+<body>
+  <div class="wrap">
+    <header>
+      <h1>\U0001f6e0️ Gradio MCP Server</h1>
+      <p>This is the <strong>Model Context Protocol (MCP)</strong> endpoint for a Gradio app. It is meant to be connected to by an MCP client (such as an AI assistant), not opened directly in a browser.</p>
+    </header>
+
+    <section class="card">
+      <h2>MCP Server URL</h2>
+      <div class="url-box">
+        <code id="server-url">__SERVER_URL_TEXT__</code>
+        <button class="copy-btn" data-copy-target="server-url" type="button">Copy</button>
+      </div>
+    </section>
+
+    <section class="card">
+      <h2>Connect your AI assistant</h2>
+      <div class="tabs" id="tabs"></div>
+      <p class="instruction" id="instruction"></p>
+      <div class="code-block">
+        <button class="copy-btn" data-copy-target="snippet" type="button">Copy</button>
+        <pre><code id="snippet"></code></pre>
+      </div>
+    </section>
+
+    <footer>
+      Need help? Read the <a id="docs-link" href="#">Gradio MCP guide</a>.
+    </footer>
+  </div>
+
+<script>
+  const SERVER_URL = __SERVER_URL__;
+  const DOCS_URL = __DOCS_URL__;
+  document.getElementById("docs-link").href = DOCS_URL;
+
+  const CLIENTS = [
+    {
+      id: "cursor",
+      name: "Cursor",
+      instruction: 'Add this to your <code>~/.cursor/mcp.json</code>:',
+      config: { mcpServers: { gradio: { url: SERVER_URL } } },
+    },
+    {
+      id: "claude-desktop",
+      name: "Claude Desktop",
+      instruction: 'Add this to your <code>claude_desktop_config.json</code> (requires Node.js):',
+      config: { mcpServers: { gradio: { command: "npx", args: ["mcp-remote", SERVER_URL] } } },
+    },
+    {
+      id: "claude-code",
+      name: "Claude Code",
+      instruction: "Run this command in your terminal:",
+      command: "claude mcp add --transport http gradio " + SERVER_URL,
+    },
+    {
+      id: "vscode",
+      name: "VS Code",
+      instruction: 'Add this to <code>.vscode/mcp.json</code> in your workspace:',
+      config: { servers: { gradio: { type: "http", url: SERVER_URL } } },
+    },
+    {
+      id: "cline",
+      name: "Cline",
+      instruction: 'Add this to your <code>cline_mcp_settings.json</code>:',
+      config: { mcpServers: { gradio: { type: "streamableHttp", url: SERVER_URL } } },
+    },
+    {
+      id: "windsurf",
+      name: "Windsurf",
+      instruction: 'Add this to your <code>~/.codeium/windsurf/mcp_config.json</code>:',
+      config: { mcpServers: { gradio: { serverUrl: SERVER_URL } } },
+    },
+  ];
+
+  const tabsEl = document.getElementById("tabs");
+  const instructionEl = document.getElementById("instruction");
+  const snippetEl = document.getElementById("snippet");
+  let active = CLIENTS[0].id;
+
+  function snippetFor(client) {
+    return client.command ? client.command : JSON.stringify(client.config, null, 2);
+  }
+
+  function render() {
+    tabsEl.innerHTML = "";
+    CLIENTS.forEach(function (client) {
+      const btn = document.createElement("button");
+      btn.type = "button";
+      btn.className = "tab" + (client.id === active ? " active" : "");
+      btn.textContent = client.name;
+      btn.addEventListener("click", function () {
+        active = client.id;
+        render();
+      });
+      tabsEl.appendChild(btn);
+    });
+    const client = CLIENTS.find(function (c) { return c.id === active; });
+    instructionEl.innerHTML = client.instruction;
+    snippetEl.textContent = snippetFor(client);
+  }
+
+  function copyText(text, btn) {
+    const done = function () {
+      const original = btn.textContent;
+      btn.textContent = "Copied!";
+      btn.classList.add("copied");
+      setTimeout(function () {
+        btn.textContent = original;
+        btn.classList.remove("copied");
+      }, 1500);
+    };
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(text).then(done, function () {});
+    } else {
+      const ta = document.createElement("textarea");
+      ta.value = text;
+      document.body.appendChild(ta);
+      ta.select();
+      try { document.execCommand("copy"); done(); } catch (e) {}
+      document.body.removeChild(ta);
+    }
+  }
+
+  document.addEventListener("click", function (event) {
+    const btn = event.target.closest("[data-copy-target]");
+    if (!btn) return;
+    const target = document.getElementById(btn.getAttribute("data-copy-target"));
+    if (target) copyText(target.textContent, btn);
+  });
+
+  render();
+</script>
+</body>
+</html>
+"""
+
+
+class GradioMCPServer:
+    """
+    A class for creating an MCP server around a Gradio app. This class
+    requires `mcp` to be installed.
+
+    Args:
+        blocks: The Blocks app to create the MCP server for.
+    """
+
+    # Imports are here to avoid needing to install `mcp` when not using this class.
+    # This way, we are able to export `gr.tool`, `gr.resource`, etc. to `__init__.py`
+    # without the user needing to have `mcp` installed.
+    try:
+        from mcp import types
+        from mcp.server import Server
+        from mcp.server.lowlevel.helper_types import ReadResourceContents
+        from mcp.server.sse import SseServerTransport
+        from mcp.server.streamable_http_manager import StreamableHTTPSessionManager
+    except ImportError:
+        pass
+
+    def __init__(self, blocks: "Blocks"):
+        try:
+            import mcp  # noqa: F401
+        except ImportError as e:
+            raise ImportError(
+                "The `mcp` package is required to use the Gradio MCP integration. Please install it with the `mcp` extra: `pip install gradio[mcp]`."
+            ) from e
+
+        self.blocks = blocks
+        self.api_info = self.blocks.get_api_info()
+        self.mcp_server = self.create_mcp_server()
+        self.root_path = ""
+        space_id = utils.get_space()
+        self.tool_prefix = space_id.split("/")[-1] + "_" if space_id else ""
+        self.tool_to_endpoint = self.get_tool_to_endpoint()
+        self.warn_about_state_inputs()
+        self._local_url: str | None = None
+        self._client_instance: Client | None = None
+
+        manager = self.StreamableHTTPSessionManager(  # type: ignore
+            app=self.mcp_server, json_response=False, stateless=True
+        )
+
+        async def handle_streamable_http(
+            scope: Scope, receive: Receive, send: Send
+        ) -> None:
+            path = scope.get("path", "")
+            if not path.endswith(
+                (
+                    "/gradio_api/mcp",
+                    "/gradio_api/mcp/",
+                    "/gradio_api/mcp/http",
+                    "/gradio_api/mcp/http/",
+                )
+            ):
+                response = Response(
+                    content=f"Path '{path}' not found. The MCP HTTP transport is available at /gradio_api/mcp.",
+                    status_code=404,
+                )
+                await response(scope, receive, send)
+                return
+
+            # MCP clients connect using the streamable HTTP transport, which
+            # requires an `Accept: text/event-stream` header. A plain browser
+            # GET (e.g. a user clicking the MCP link printed in the terminal)
+            # would otherwise receive a raw JSON-RPC "Not Acceptable" error, so
+            # serve a human-friendly landing page instead.
+            if scope.get("method") == "GET":
+                accept = b""
+                for key, value in scope.get("headers", []):
+                    if key.lower() == b"accept":
+                        accept = value
+                        break
+                if b"text/event-stream" not in accept:
+                    server_url = self._server_url_from_scope(scope)
+                    response = HTMLResponse(content=self._landing_page_html(server_url))
+                    await response(scope, receive, send)
+                    return
+
+            await manager.handle_request(scope, receive, send)
+
+        @contextlib.asynccontextmanager
+        async def lifespan(app: Starlette) -> AsyncIterator[None]:  # noqa: ARG001
+            """Context manager for managing session manager lifecycle."""
+            async with manager.run():
+                try:
+                    yield
+                finally:
+                    pass
+
+        self.lifespan = lifespan
+        self.manager = manager
+        self.handle_streamable_http = handle_streamable_http
+
+    @property
+    def local_url(self) -> str | None:
+        return self._local_url
+
+    @staticmethod
+    def _server_url_from_scope(scope: Scope) -> str:
+        """Reconstruct the public URL of the MCP endpoint from an ASGI scope.
+
+        Honours ``X-Forwarded-Proto``/``X-Forwarded-Host`` so that the URL
+        shown on the landing page matches what the user typed into the browser
+        even when Gradio is behind a proxy (e.g. a Hugging Face Space).
+        """
+        headers = {key.lower(): value for key, value in scope.get("headers", []) or []}
+
+        scheme = scope.get("scheme", "http")
+        if (forwarded_proto := headers.get(b"x-forwarded-proto")) is not None:
+            scheme = forwarded_proto.decode("latin-1").split(",")[0].strip()
+
+        host = b""
+        if (forwarded_host := headers.get(b"x-forwarded-host")) is not None:
+            host = forwarded_host.split(b",")[0].strip()
+        elif (host_header := headers.get(b"host")) is not None:
+            host = host_header
+        host_str = host.decode("latin-1") or "localhost"
+
+        # Normalise to the canonical streamable HTTP path with a trailing slash,
+        # matching the URL Gradio prints to the terminal at launch.
+        path = scope.get("path", "/gradio_api/mcp")
+        path = "/" + path.strip("/")
+        if path.endswith(("/http", "/http/")):
+            path = path[: path.rfind("/http")]
+        path = path.rstrip("/") + "/"
+
+        return f"{scheme}://{host_str}{path}"
+
+    @staticmethod
+    def _landing_page_html(server_url: str) -> str:
+        """HTML landing page shown when a browser navigates to the MCP endpoint.
+
+        MCP clients connect using the streamable HTTP transport (which requires
+        an ``Accept: text/event-stream`` header). A plain browser ``GET`` would
+        otherwise receive a raw JSON-RPC "Not Acceptable" error, so we serve
+        this informational page instead. It surfaces the server URL and ready
+        to paste configuration snippets for popular MCP clients.
+        """
+        docs_url = "https://www.gradio.app/guides/building-mcp-server-with-gradio"
+        server_url_js = json.dumps(server_url)
+        docs_url_js = json.dumps(docs_url)
+        parsed = urlparse(server_url)
+        path = parsed.path
+        if "/gradio_api/mcp" in path:
+            root_path = path.split("/gradio_api/mcp")[0]
+        else:
+            root_path = path.rstrip("/")
+        static_prefix = f"{root_path}/static"
+        return (
+            _MCP_LANDING_PAGE_TEMPLATE.replace("__SERVER_URL__", server_url_js)
+            .replace("__DOCS_URL__", docs_url_js)
+            .replace("__SERVER_URL_TEXT__", html.escape(server_url))
+            .replace("__STATIC_PREFIX__", static_prefix)
+        )
+
+    def get_route_path(self, request: Request) -> str:  # type: ignore
+        """
+        Gets the route path of the MCP server based on the incoming request.
+        Can be different depending on whether the request is coming from the MCP SSE transport or the HTTP transport.
+        """
+        url = httpx.URL(str(request.url))
+        url = url.copy_with(query=None)
+        url = str(url).rstrip("/")
+        if url.endswith("/gradio_api/mcp/messages"):
+            return "/gradio_api/mcp/messages"
+        else:
+            return "/gradio_api/mcp"
+
+    def get_selected_tools_from_request(self) -> list[str] | None:
+        """
+        Extract the selected tools from the request query parameters and return the full tool names (with the tool prefix).
+        Returns None if no tools parameter is specified (meaning all tools are available).
+        """
+        context_request: Request | None = self.mcp_server.request_context.request
+        if context_request is None:
+            return None
+        query_params = dict(getattr(context_request, "query_params", {}))
+        if "tools" in query_params:
+            tools = query_params["tools"].split(",")
+            full_tool_names = [self.tool_prefix + tool for tool in tools]
+            return full_tool_names
+        return None
+
+    @staticmethod
+    def valid_and_unique_tool_name(
+        tool_name: str, existing_tool_names: set[str]
+    ) -> str:
+        """
+        Sanitizes a tool name to make it a valid MCP tool name (only
+        alphanumeric characters, underscores, <= 128 characters)
+        and is unique among the existing tool names.
+        """
+        tool_name = re.sub(r"[^a-zA-Z0-9]", "_", tool_name)
+        tool_name = tool_name[:120]  # Leave room for suffix if needed
+        tool_name_base = tool_name
+        suffix = 1
+        while tool_name in existing_tool_names:
+            tool_name = tool_name_base + f"_{suffix}"
+            suffix += 1
+        return tool_name
+
+    def get_tool_to_endpoint(self) -> dict[str, str]:
+        """
+        Gets all of the tools that are exposed by the Gradio app and also
+        creates a mapping from the tool names to the endpoint names in the API docs.
+        """
+        tool_to_endpoint = {}
+        for endpoint_name in self.api_info["named_endpoints"]:
+            block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+            if block_fn is None or block_fn.fn is None:
+                continue
+            fn_name = (
+                getattr(block_fn.fn, "__name__", None)
+                or (
+                    hasattr(block_fn.fn, "__class__")
+                    and getattr(block_fn.fn.__class__, "__name__", None)
+                )
+                or endpoint_name.lstrip("/")
+            )
+            tool_name = self.tool_prefix + fn_name
+            tool_name = self.valid_and_unique_tool_name(
+                tool_name, set(tool_to_endpoint.keys())
+            )
+            tool_to_endpoint[tool_name] = endpoint_name
+        return tool_to_endpoint
+
+    def warn_about_state_inputs(self) -> None:
+        """
+        Warn about tools that have gr.State inputs.
+        """
+        for _, endpoint_name in self.tool_to_endpoint.items():
+            block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+            if block_fn and any(isinstance(input, State) for input in block_fn.inputs):
+                warnings.warn(
+                    "This MCP server includes a tool that has a gr.State input, which will not be "
+                    "updated between tool calls. The original, default value of the State will be "
+                    "used each time."
+                )
+
+    def _get_or_create_client(self) -> Client:
+        if self._client_instance is None:
+            context_request: Request | None = self.mcp_server.request_context.request
+            if context_request is None:
+                raise ValueError(
+                    "Could not find the request object in the MCP server context. This is not expected to happen. Please raise an issue: https://github.com/gradio-app/gradio."
+                )
+            route_path = self.get_route_path(context_request)
+            root_url = route_utils.get_root_url(
+                request=context_request,
+                route_path=route_path,
+                root_path=self.root_path,
+            )
+            self._client_instance = Client(
+                self.local_url or root_url,
+                download_files=False,
+                verbose=False,
+                analytics_enabled=False,
+                ssl_verify=False,
+                _skip_components=False,
+                headers={"x-gradio-user": "mcp"},
+            )
+        return self._client_instance
+
+    def _prepare_tool_call_args(
+        self, name: str, arguments: dict[str, Any]
+    ) -> tuple[str, list[Any], dict[str, str], "BlockFunction"]:
+        """
+        Prepare and validate arguments for a tool call.
+
+        Returns:
+            A tuple of (endpoint_name, processed_args, request_headers, block_fn)
+        """
+        selected_tools = self.get_selected_tools_from_request()
+        _, filedata_positions = self.get_input_schema(name)
+        processed_kwargs = self.convert_strings_to_filedata(
+            arguments, filedata_positions
+        )
+        endpoint_name = self.tool_to_endpoint.get(name)
+        if endpoint_name is None:
+            raise ValueError(f"Unknown tool for this Gradio app: {name}")
+
+        if selected_tools is not None and name not in selected_tools:
+            raise ValueError(f"Tool '{name}' is not in the selected tools list")
+
+        block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+        assert block_fn is not None  # noqa: S101
+
+        if endpoint_name in self.api_info["named_endpoints"]:
+            parameters_info = self.api_info["named_endpoints"][endpoint_name][
+                "parameters"
+            ]
+            processed_args = client_utils.construct_args(
+                parameters_info,
+                (),
+                processed_kwargs,
+            )
+        else:
+            processed_args = []
+
+        context_request: Request | None = self.mcp_server.request_context.request
+        if context_request is None:
+            raise ValueError(
+                "Could not find the request object in the MCP server context. This is not expected to happen. Please raise an issue: https://github.com/gradio-app/gradio."
+            )
+        request_headers = dict(context_request.headers.items())
+        request_headers.pop("content-length", None)
+        request_headers.pop("x-gradio-user", None)
+
+        return endpoint_name, processed_args, request_headers, block_fn
+
+    async def _execute_tool_without_progress(self, job: Any) -> list[Any]:
+        """
+        Execute a tool call without progress tracking (fast path).
+
+        Calls job.result() to get the final output without processing
+        intermediate status updates.
+
+        Returns:
+            The output data as a list.
+        """
+        result = await run_sync(job.result)
+        return [result]
+
+    @staticmethod
+    def _format_progress_message(update: StatusUpdate) -> str | None:
+        """
+        Format a status update into a human-readable progress message.
+
+        Returns:
+            A formatted message string, or None if no message should be shown.
+        """
+        if update.code in [Status.JOINING_QUEUE, Status.STARTING]:
+            return "Joined server queue."
+        elif update.code in [Status.IN_QUEUE]:
+            message = f"In queue. Position {update.rank} out of {update.queue_size}."
+            if update.eta is not None:
+                message += f" Estimated time remaining: {update.eta} seconds."
+            return message
+        elif update.code in [Status.PROGRESS]:
+            for progress_unit in update.progress_data or []:
+                title = (
+                    "Progress"
+                    if progress_unit.desc is None
+                    else f"Progress {progress_unit.desc}"
+                )
+                if progress_unit.index is not None and progress_unit.length is not None:
+                    return (
+                        f"{title}: Step {progress_unit.index} of {progress_unit.length}"
+                    )
+                elif progress_unit.index is not None and progress_unit.length is None:
+                    return f"{title}: Step {progress_unit.index}"
+        elif update.code in [Status.PROCESSING, Status.ITERATING]:
+            return "Processing"
+        return None
+
+    async def _execute_tool_with_progress(  # type: ignore
+        self, job: Any, progress_token: str | int
+    ) -> dict[str, Any]:
+        """
+        Execute a tool call with progress tracking (streaming path).
+
+        Iterates through job updates to send progress notifications to the client.
+
+        Returns:
+            The output data as a list.
+        """
+        step = 0
+        async for update in job:
+            if update.type == "status":
+                update = cast(StatusUpdate, update)
+                message = self._format_progress_message(update)
+
+                await (
+                    self.mcp_server.request_context.session.send_progress_notification(
+                        progress_token=progress_token,
+                        progress=step,
+                        message=message,  # type: ignore
+                        related_request_id=str(
+                            self.mcp_server.request_context.request_id
+                        ),
+                    )
+                )
+                step += 1
+            elif update.type == "output" and update.final:
+                output = update.outputs
+                if not update.success:
+                    error_title = output.get("title")
+                    error_message = output.get("error")
+                    if error_title and error_message:
+                        msg = f"{error_title}: {error_message}"
+                    elif error_message:
+                        msg = error_message
+                    elif error_title:
+                        msg = error_title
+                    else:
+                        msg = "Error!"
+                    raise RuntimeError(msg)
+        if job.exception():
+            raise job.exception()
+        return output["data"]
+
+    def create_mcp_server(self) -> "Server":
+        """
+        Create an MCP server for the given Gradio Blocks app.
+
+        Parameters:
+            blocks: The Blocks app to create the MCP server for.
+
+        Returns:
+            The MCP server.
+        """
+        server = self.Server(str(self.blocks.title or "Gradio App"))  # type: ignore
+
+        @server.call_tool()
+        async def call_tool(
+            name: str, arguments: dict[str, Any]
+        ) -> self.types.CallToolResult:  # type: ignore
+            """
+            Call a tool on the Gradio app.
+
+            Args:
+                name: The name of the tool to call.
+                arguments: The arguments to pass to the tool.
+            """
+            endpoint_name, processed_args, request_headers, block_fn = (
+                self._prepare_tool_call_args(name, arguments)
+            )
+            processed_args = self.insert_empty_state(block_fn.inputs, processed_args)
+
+            if not block_fn.queue:
+                # Fast path for non-queued events: call blocks.process_api()
+                # directly instead of the HTTP loopback through gradio_client.
+                # This eliminates thread dispatches, TCP round-trips, and SSE
+                # overhead — reducing MCP tool-call latency significantly.
+                session_state = SessionState(self.blocks)
+                raw_output = await self.blocks.process_api(
+                    block_fn=block_fn,
+                    inputs=processed_args,
+                    state=session_state,
+                    request=self.mcp_server.request_context.request,
+                )
+                output_data = raw_output["data"]
+            else:
+                # Queued path: use the HTTP loopback to preserve streaming
+                # updates, progress notifications, and queue-based features.
+                progress_token = None
+                if self.mcp_server.request_context.meta is not None:
+                    progress_token = self.mcp_server.request_context.meta.progressToken
+
+                client = await run_sync(self._get_or_create_client)
+                job = client.submit(
+                    *processed_args,
+                    api_name=endpoint_name,
+                    headers=request_headers,
+                )
+
+                if progress_token is None:
+                    output_data = await self._execute_tool_without_progress(job)
+                else:
+                    output_data = await self._execute_tool_with_progress(
+                        job,
+                        progress_token,
+                    )
+
+            output_data = self.pop_returned_state(block_fn.outputs, output_data)
+
+            context_request: Request | None = self.mcp_server.request_context.request
+            route_path = self.get_route_path(context_request)  # type: ignore
+            root_url = route_utils.get_root_url(  # type: ignore
+                request=context_request,  # type: ignore
+                route_path=route_path,  # type: ignore
+                root_path=self.root_path,  # type: ignore
+            )
+            content = self.postprocess_output_data(output_data, root_url)
+            if getattr(block_fn.fn, "_mcp_structured_output", False):
+                structured_content = {"result": content}
+            else:
+                structured_content = None
+            return self.types.CallToolResult(  # type: ignore
+                content=content,  # type: ignore
+                structuredContent=structured_content,  # type: ignore
+                _meta=getattr(block_fn.fn, "_mcp_meta", None),  # type: ignore
+            )
+
+        @server.list_tools()
+        async def list_tools() -> list[self.types.Tool]:  # type: ignore
+            """
+            List all tools on the Gradio app.
+            """
+            selected_tools = self.get_selected_tools_from_request()
+
+            tools = []
+            for tool_name, endpoint_name in self.tool_to_endpoint.items():
+                if selected_tools is not None and tool_name not in selected_tools:
+                    continue
+
+                block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+                if (
+                    block_fn is None
+                    or block_fn.fn is None
+                    or (
+                        hasattr(block_fn.fn, "_mcp_type")
+                        and block_fn.fn._mcp_type != "tool"
+                    )
+                ):
+                    continue
+
+                description, parameters = self.get_fn_description(block_fn, tool_name)
+                schema, _ = self.get_input_schema(tool_name, parameters)
+                tool_meta = getattr(block_fn.fn, "_mcp_meta", None)
+
+                tools.append(
+                    self.types.Tool(  # type: ignore
+                        name=tool_name,
+                        description=description,
+                        inputSchema=schema,
+                        _meta=tool_meta,  # type: ignore
+                    )
+                )
+            return tools
+
+        @server.list_resources()
+        async def list_resources() -> list[self.types.Resource]:  # type: ignore
+            """
+            List all available resources.
+            """
+            resources = []
+
+            selected_tools = self.get_selected_tools_from_request()
+            for tool_name, endpoint_name in self.tool_to_endpoint.items():
+                if selected_tools is not None and tool_name not in selected_tools:
+                    continue
+
+                block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+                if (
+                    block_fn
+                    and block_fn.fn
+                    and hasattr(block_fn.fn, "_mcp_type")
+                    and block_fn.fn._mcp_type == "resource"
+                ):
+                    uri_template = block_fn.fn._mcp_uri_template  # type: ignore
+                    parameters = re.findall(r"\{([^}]+)\}", uri_template)
+                    description, parameters, _ = utils.get_function_description(
+                        block_fn.fn
+                    )
+                    if not parameters:
+                        resources.append(
+                            self.types.Resource(  # type: ignore
+                                uri=uri_template,
+                                name=block_fn.fn.__name__,  # type: ignore
+                                description=description,
+                                mimeType=block_fn.fn._mcp_mime_type,  # type: ignore
+                            )
+                        )
+            return resources
+
+        @server.list_resource_templates()
+        async def list_resource_templates() -> list[self.types.ResourceTemplate]:  # type: ignore
+            """
+            List all available resource templates.
+            """
+            templates = []
+            selected_tools = self.get_selected_tools_from_request()
+            for tool_name, endpoint_name in self.tool_to_endpoint.items():
+                if selected_tools is not None and tool_name not in selected_tools:
+                    continue
+
+                block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+                if (
+                    block_fn
+                    and block_fn.fn
+                    and hasattr(block_fn.fn, "_mcp_type")
+                    and block_fn.fn._mcp_type == "resource"
+                ):
+                    uri_template = block_fn.fn._mcp_uri_template  # type: ignore
+                    parameters = re.findall(r"\{([^}]+)\}", uri_template)
+                    description, parameters, _ = utils.get_function_description(
+                        block_fn.fn
+                    )
+                    if parameters:
+                        templates.append(
+                            self.types.ResourceTemplate(  # type: ignore
+                                uriTemplate=uri_template,
+                                name=block_fn.fn.__name__,  # type: ignore
+                                description=description,
+                                mimeType=block_fn.fn._mcp_mime_type,  # type: ignore
+                            )
+                        )
+            return templates
+
+        @server.read_resource()
+        async def read_resource(uri: AnyUrl | str) -> list[self.ReadResourceContents]:  # type: ignore
+            """
+            Read a specific resource by URI.
+            """
+            uri = str(uri)
+            client = await run_sync(self._get_or_create_client)
+            for endpoint_name in self.tool_to_endpoint.values():
+                block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+
+                if (
+                    block_fn
+                    and block_fn.fn
+                    and hasattr(block_fn.fn, "_mcp_type")
+                    and block_fn.fn._mcp_type == "resource"
+                ):
+                    uri_template = block_fn.fn._mcp_uri_template  # type: ignore
+                    parameters = re.findall(r"\{([^}]+)\}", uri_template)  # type: ignore
+
+                    kwargs = {}
+                    matched = False
+
+                    if parameters:
+                        pattern = re.escape(uri_template)
+                        for param in parameters:
+                            pattern = pattern.replace(
+                                f"\\{{{param}\\}}", f"(?P<{param}>[^/]+)"
+                            )
+                        match = re.match(f"^{pattern}$", uri)
+                        if match:
+                            kwargs = match.groupdict()
+                            matched = True
+                    elif uri_template == uri:
+                        matched = True
+
+                    if matched:
+                        if endpoint_name in self.api_info["named_endpoints"]:
+                            parameters_info = self.api_info["named_endpoints"][
+                                endpoint_name
+                            ]["parameters"]
+                            processed_args = client_utils.construct_args(
+                                parameters_info,
+                                (),
+                                kwargs,
+                            )
+                        else:
+                            processed_args = list(kwargs.values())
+
+                        async for update in client.submit(
+                            *processed_args, api_name=endpoint_name
+                        ):
+                            if update.type == "output" and update.final:  # type: ignore
+                                output = update.outputs  # type: ignore
+                                result = output["data"][0]
+                                break
+
+                        mime_type = block_fn.fn._mcp_mime_type  # type: ignore
+                        if mime_type and not mime_type.startswith("text/"):
+                            result = base64.b64decode(result.encode("ascii"))
+                        return [
+                            self.ReadResourceContents(  # type: ignore
+                                content=result, mime_type=mime_type
+                            )
+                        ]
+
+            raise ValueError(f"Resource not found: {uri}")
+
+        @server.list_prompts()
+        async def list_prompts() -> list[self.types.Prompt]:  # type: ignore
+            """
+            List all available prompts.
+            """
+            prompts = []
+            selected_tools = self.get_selected_tools_from_request()
+            for tool_name, endpoint_name in self.tool_to_endpoint.items():
+                if selected_tools is not None and tool_name not in selected_tools:
+                    continue
+
+                block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+                if (
+                    block_fn
+                    and block_fn.fn
+                    and hasattr(block_fn.fn, "_mcp_type")
+                    and block_fn.fn._mcp_type == "prompt"
+                ):
+                    description, parameters, _ = utils.get_function_description(
+                        block_fn.fn
+                    )
+                    function_params = utils.get_function_params(block_fn.fn)
+                    arguments = [
+                        self.types.PromptArgument(  # type: ignore
+                            name=param_name,
+                            description=parameters.get(param_name, ""),
+                            required=not has_default,
+                        )
+                        for param_name, has_default, _, _ in function_params
+                    ]
+                    prompts.append(
+                        self.types.Prompt(  # type: ignore
+                            name=tool_name,
+                            description=description,
+                            arguments=arguments,
+                        )
+                    )
+            return prompts
+
+        @server.get_prompt()
+        async def get_prompt(
+            name: str, arguments: dict[str, Any] | None = None
+        ) -> self.types.GetPromptResult:  # type: ignore
+            """
+            Get a specific prompt with filled-in arguments.
+            """
+            client = await run_sync(self._get_or_create_client)
+
+            endpoint_name = None
+            for endpoint_name in self.tool_to_endpoint.values():
+                block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+                if (
+                    block_fn
+                    and block_fn.fn
+                    and hasattr(block_fn.fn, "_mcp_type")
+                    and block_fn.fn._mcp_type == "prompt"
+                    and block_fn.fn._mcp_name == name  # type: ignore
+                ):
+                    break
+
+            if not endpoint_name:
+                raise ValueError(f"Prompt not found: {name}")
+
+            arguments = arguments or {}
+
+            block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+            assert block_fn is not None  # noqa: S101
+
+            if endpoint_name in self.api_info["named_endpoints"]:
+                parameters_info = self.api_info["named_endpoints"][endpoint_name][
+                    "parameters"
+                ]
+                processed_args = client_utils.construct_args(
+                    parameters_info,
+                    (),
+                    arguments,
+                )
+            else:
+                processed_args = list(arguments.values())
+
+            async for update in client.submit(*processed_args, api_name=endpoint_name):
+                if update.type == "output" and update.final:  # type: ignore
+                    output = update.outputs  # type: ignore
+                    result = output["data"][0]
+                    break
+
+            return self.types.GetPromptResult(  # type: ignore
+                messages=[
+                    self.types.PromptMessage(  # type: ignore
+                        role="user",
+                        content=self.types.TextContent(type="text", text=str(result)),  # type: ignore
+                    )
+                ]
+            )
+
+        return server
+
+    def launch_mcp_on_sse(self, app: Starlette, subpath: str, root_path: str) -> None:
+        """
+        Launch the MCP server on the SSE transport.
+
+        Parameters:
+            app: The Gradio app to mount the MCP server on.
+            subpath: The subpath to mount the MCP server on. E.g. "/gradio_api/mcp"
+            root_path: The root path of the Gradio Blocks app.
+        """
+        messages_path = "/messages/"
+        sse = self.SseServerTransport(messages_path)  # type: ignore
+        self.root_path = root_path
+
+        async def handle_sse(request):
+            try:
+                async with sse.connect_sse(
+                    request.scope, request.receive, request._send
+                ) as streams:
+                    await self.mcp_server.run(
+                        streams[0],
+                        streams[1],
+                        self.mcp_server.create_initialization_options(),
+                    )
+                return Response()
+            except Exception as e:
+                print(f"MCP SSE connection error: {str(e)}")
+                raise
+
+        app.mount(
+            subpath,
+            Starlette(
+                routes=[
+                    Route(
+                        "/schema",
+                        endpoint=self.get_complete_schema,  # Not required for MCP but used by the Hugging Face MCP server to get the schema for MCP Spaces without needing to establish an SSE connection
+                    ),
+                    Route("/sse", endpoint=handle_sse),
+                    Mount("/messages/", app=sse.handle_post_message),
+                    Mount("/", app=self.handle_streamable_http),
+                ],
+            ),
+        )
+
+    def get_block_fn_from_endpoint_name(
+        self, endpoint_name: str
+    ) -> "BlockFunction | None":
+        """
+        Get the BlockFunction for a given endpoint name (e.g. "/predict").
+
+        Parameters:
+            endpoint_name: The name of the endpoint to get the BlockFunction for.
+
+        Returns:
+            The BlockFunction for the given endpoint name, or None if it is not found.
+        """
+        block_fn = next(
+            (
+                fn
+                for fn in self.blocks.fns.values()
+                if fn.api_name == endpoint_name.lstrip("/")
+            ),
+            None,
+        )
+        return block_fn
+
+    @property
+    def _file_data_tool_description(self) -> str:
+        """
+        Sentence prompting the agent to use the upload_file_to_gradio tool if a file is passed as an input.
+        """
+        return " If a user passes a file as an input, use the upload_file_to_gradio tool, if present, to upload the file to the gradio app and create a Gradio File Input. Then use the returned path as the input to the tool"
+
+    def get_fn_description(
+        self, block_fn: "BlockFunction", tool_name: str
+    ) -> tuple[str, dict[str, str]]:
+        """
+        Get the description of a function, which is used to describe the tool in the MCP server.
+        Also returns the description of each parameter of the function as a dictionary.
+        """
+        description, parameters, returns = utils.get_function_description(block_fn.fn)  # type: ignore
+        _, filedata_positions = self.get_input_schema(tool_name, parameters)
+        if block_fn.api_description is False:
+            description = ""
+        elif block_fn.api_description is None:
+            if len(filedata_positions) > 0:
+                description += self._file_data_tool_description
+            if returns:
+                description += (
+                    ("" if description.endswith(".") else ".")
+                    + " Returns: "
+                    + ", ".join(returns)
+                )
+        else:
+            description = block_fn.api_description
+            if len(filedata_positions) > 0:
+                description += self._file_data_tool_description  # type: ignore
+        assert isinstance(description, str)  # noqa: S101
+        return description, parameters
+
+    @staticmethod
+    def insert_empty_state(
+        inputs: Sequence["Component | BlockContext"], data: list
+    ) -> list:
+        """
+        Insert None placeholder values for any State input components, as State inputs
+        are not included in the endpoint schema.
+        """
+        for i, input_component_type in enumerate(inputs):
+            if isinstance(input_component_type, State):
+                data.insert(i, None)
+        return data
+
+    @staticmethod
+    def pop_returned_state(
+        components: Sequence["Component | BlockContext"], data: Any
+    ) -> list:
+        """
+        Remove any values corresponding to State output components from the data
+        as State outputs are not included in the endpoint schema.
+        """
+        for i, component_type in enumerate(components):
+            if isinstance(component_type, State):
+                data.pop(i)
+        return data
+
+    def get_input_schema(
+        self,
+        tool_name: str,
+        parameters: dict[str, str] | None = None,
+    ) -> tuple[dict[str, Any], list[list[str | int]]]:
+        """
+        Get the input schema of the Gradio app API, appropriately formatted for MCP.
+
+        Parameters:
+            tool_name: The name of the tool to get the schema for, e.g. "predict"
+            parameters: The description and parameters of the tool to get the schema for.
+        Returns:
+            - The input schema of the Gradio app API.
+            - A list of positions of FileData objects in the input schema.
+        """
+        endpoint_name = self.tool_to_endpoint.get(tool_name)
+        if endpoint_name is None:
+            raise ValueError(f"Unknown tool for this Gradio app: {tool_name}")
+        named_endpoints = self.api_info["named_endpoints"]
+        endpoint_info = named_endpoints.get(endpoint_name)
+        assert endpoint_info is not None  # noqa: S101
+
+        schema = {
+            "type": "object",
+            "properties": {
+                p["parameter_name"]: {
+                    **p["type"],
+                    **(
+                        {"description": parameters[p["parameter_name"]]}
+                        if parameters and p["parameter_name"] in parameters
+                        else {}
+                    ),
+                    **(
+                        {"default": p["parameter_default"]}
+                        if "parameter_default" in p and p["parameter_default"]
+                        else {}
+                    ),
+                }
+                for p in endpoint_info["parameters"]
+            },
+        }
+        return self.simplify_filedata_schema(schema)
+
+    async def get_complete_schema(self, request) -> JSONResponse:
+        """
+        Get the complete schema of the Gradio app API. For debugging purposes, also used by
+        the Hugging Face MCP server to get the schema for MCP Spaces without needing to
+        establish an SSE connection.
+
+        Parameters:
+            request: The Starlette request object.
+
+        Returns:
+            A JSONResponse containing a dictionary mapping tool names to their input schemas.
+        """
+        if not self.api_info:
+            return JSONResponse({})
+
+        query_params = dict(getattr(request, "query_params", {}))
+        selected_tools = None
+        if "tools" in query_params:
+            tools = query_params["tools"].split(",")
+            selected_tools = set(tools)
+
+        file_data_present = False
+
+        schemas = []
+        for tool_name, endpoint_name in self.tool_to_endpoint.items():
+            if selected_tools is not None and tool_name not in selected_tools:
+                continue
+            block_fn = self.get_block_fn_from_endpoint_name(endpoint_name)
+            assert block_fn is not None and block_fn.fn is not None  # noqa: S101
+
+            description, parameters = self.get_fn_description(block_fn, tool_name)
+            schema, filedata_positions = self.get_input_schema(tool_name, parameters)
+            if len(filedata_positions) > 0 and not file_data_present:
+                file_data_present = True
+
+            type_hints = utils.get_type_hints(block_fn.fn)
+            required_headers = []
+            for param_name, type_hint in type_hints.items():
+                if type_hint is Header or type_hint is Optional[Header]:
+                    header_name = param_name.replace("_", "-").lower()
+                    required_headers.append(header_name)
+
+            mcp_type = "tool"  # Default
+            if hasattr(block_fn.fn, "_mcp_type"):
+                mcp_type = block_fn.fn._mcp_type
+
+            meta = {
+                "file_data_present": file_data_present,
+                "mcp_type": mcp_type,
+                "endpoint_name": block_fn.api_name,
+            }
+            if required_headers:
+                meta["headers"] = required_headers
+
+            info = {
+                "name": tool_name,
+                "description": description,
+                "inputSchema": schema,
+                "meta": meta,
+            }
+            schemas.append(info)
+
+        return JSONResponse(schemas)
+
+    def simplify_filedata_schema(
+        self, schema: dict[str, Any]
+    ) -> tuple[dict[str, Any], list[list[str | int]]]:
+        """
+        Parses a schema of a Gradio app API to identify positions of FileData objects. Replaces them with base64
+        strings while keeping track of their positions so that they can be converted back to FileData objects
+        later.
+
+        Parameters:
+            schema: The original schema of the Gradio app API.
+
+        Returns:
+            A tuple containing the simplified schema and the positions of the FileData objects.
+        """
+
+        def is_gradio_filedata(obj: Any, defs: dict[str, Any]) -> bool:
+            if not isinstance(obj, dict):
+                return False
+
+            if "$ref" in obj:
+                ref = obj["$ref"]
+                if ref.startswith("#/$defs/"):
+                    key = ref.split("/")[-1]
+                    obj = defs.get(key, {})
+                else:
+                    return False
+
+            props = obj.get("properties", {})
+            meta = props.get("meta", {})
+
+            if "$ref" in meta:
+                ref = meta["$ref"]
+                if ref.startswith("#/$defs/"):
+                    key = ref.split("/")[-1]
+                    meta = defs.get(key, {})
+                else:
+                    return False
+
+            type_field = meta.get("properties", {}).get("_type", {})
+            default_type = meta.get("default", {}).get("_type")
+            return (
+                type_field.get("const") == "gradio.FileData"
+                or default_type == "gradio.FileData"
+            )
+
+        def traverse(
+            node: Any,
+            path: list[str | int] | None = None,
+            defs: dict[str, Any] | None = None,
+        ) -> Any:
+            if path is None:
+                path = []
+            if defs is None:
+                defs = {}
+            # Deep copy the node to avoid modifying the original node
+            node = copy.deepcopy(node)
+
+            if isinstance(node, dict):
+                if "$defs" in node:
+                    defs.update(node["$defs"])
+
+                if is_gradio_filedata(node, defs):
+                    filedata_positions.append(path.copy())
+                    for key in ["properties", "additional_description", "$defs"]:
+                        node.pop(key, None)
+                    node["type"] = "string"
+                    node["format"] = "Gradio File Input - a http or https url to a file"
+
+                result = {}
+                is_schema_root = "type" in node and "properties" in node
+                for key, value in node.items():
+                    if is_schema_root and key == "properties":
+                        result[key] = traverse(value, path, defs)
+                    else:
+                        path.append(key)
+                        result[key] = traverse(value, path, defs)
+                        path.pop()
+                return result
+
+            elif isinstance(node, list):
+                result = []
+                for i, item in enumerate(node):
+                    path.append(i)
+                    result.append(traverse(item, path, defs))
+                    path.pop()
+                return result
+
+            return node
+
+        filedata_positions: list[list[str | int]] = []
+        simplified_schema = traverse(schema)
+        return simplified_schema, filedata_positions
+
+    def convert_strings_to_filedata(
+        self, value: Any, filedata_positions: list[list[str | int]]
+    ) -> Any:
+        """
+        Convert specific string values back to FileData objects based on their positions.
+        This is used to convert string values (as base64 encoded strings) to FileData
+        dictionaries so that they can be passed into .preprocess() logic of a Gradio app.
+
+        Parameters:
+            value: The input data to process, which can be an arbitrary nested data structure
+                that may or may not contain strings that should be converted to FileData objects.
+            filedata_positions: List of paths to positions in the input data that should be converted to FileData objects.
+
+        Returns:
+            The processed data with strings converted to FileData objects where appropriate. Base64
+            encoded strings are first saved to a temporary file and then converted to a FileData object.
+
+        Example:
+            >>> convert_strings_to_filedata(
+                {"image": "data:image/jpeg;base64,..."},
+                [["image"]]
+            )
+            >>> {'image': FileData(path='<temporary file path>')},
+        """
+
+        def traverse(node: Any, path: list[str | int] | None = None) -> Any:
+            if path is None:
+                path = []
+
+            if isinstance(node, dict):
+                return {
+                    key: traverse(value, path + [key]) for key, value in node.items()
+                }
+            elif isinstance(node, list):
+                return [traverse(item, path + [i]) for i, item in enumerate(node)]
+            elif isinstance(node, str) and path in filedata_positions:
+                if node.startswith("data:"):
+                    # Even though base64 is not officially part of our schema, some MCP clients
+                    # might return base64 encoded strings, so try to save it to a temporary file.
+                    return handle_file(
+                        processing_utils.save_base64_to_cache(node, DEFAULT_TEMP_DIR)
+                    )
+                elif node.startswith(("http://", "https://")):
+                    return handle_file(node)
+                else:
+                    raise ValueError(
+                        f"Invalid file data format, provide a url ('http://...' or 'https://...'). Received: {node}"
+                    )
+            return node
+
+        return traverse(value)
+
+    @staticmethod
+    def get_image(file_path: str) -> Image.Image | None:
+        """
+        If a filepath is a valid image, returns a PIL Image object. Otherwise returns None.
+        """
+        if not os.path.exists(file_path):
+            return None
+        ext = os.path.splitext(file_path.lower())[1]
+        if ext not in Image.registered_extensions():
+            return None
+        try:
+            return Image.open(file_path)
+        except Exception:
+            return None
+
+    @staticmethod
+    def get_svg(file_data: Any) -> bytes | None:
+        """
+        If a file_data is a valid FileDataDict with a url that is a data:image/svg+xml, returns bytes of the svg. Otherwise returns None.
+        """
+        if isinstance(file_data, dict) and (url := file_data.get("url")):
+            if isinstance(url, str) and url.startswith("data:image/svg"):
+                return unquote(url.split(",", 1)[1]).encode()
+            else:
+                return None
+        else:
+            return None
+
+    @staticmethod
+    def get_base64_data(image: Image.Image, format: str) -> str:
+        """
+        Returns a base64 encoded string of the image.
+        """
+        buffer = BytesIO()
+        image.save(buffer, format=format)
+        return base64.b64encode(buffer.getvalue()).decode("utf-8")
+
+    def postprocess_output_data(
+        self, data: Any, root_url: str
+    ) -> list["types.TextContent | types.ImageContent"]:
+        """
+        Postprocess the output data from the Gradio app to convert FileData objects back to base64 encoded strings.
+
+        Parameters:
+            data: The output data to postprocess.
+        """
+        return_values = []
+        data = processing_utils.add_root_url(data, root_url, None)
+        for output in data:
+            if svg_bytes := self.get_svg(output):
+                base64_data = base64.b64encode(svg_bytes).decode("utf-8")
+                mimetype = "image/svg+xml"
+                svg_path = processing_utils.save_bytes_to_cache(
+                    svg_bytes, f"{output['orig_name']}", DEFAULT_TEMP_DIR
+                )
+                svg_url = f"{root_url}/gradio_api/file={svg_path}"
+                return_value = [
+                    self.types.ImageContent(  # type: ignore
+                        type="image", data=base64_data, mimeType=mimetype
+                    ),
+                    self.types.TextContent(  # type: ignore
+                        type="text",
+                        text=f"SVG Image URL: {svg_url}",
+                    ),
+                ]
+            elif client_utils.is_file_obj_with_meta(output):
+                if image := self.get_image(output["path"]):
+                    image_format = image.format or "png"
+                    base64_data = self.get_base64_data(image, image_format)
+                    mimetype = f"image/{image_format.lower()}"
+                    return_value = [
+                        self.types.ImageContent(  # type: ignore
+                            type="image", data=base64_data, mimeType=mimetype
+                        ),
+                        self.types.TextContent(  # type: ignore
+                            type="text",
+                            text=f"Image URL: {output['url'] or output['path']}",
+                        ),
+                    ]
+                else:
+                    return_value = [
+                        self.types.TextContent(  # type: ignore
+                            type="text", text=str(output["url"] or output["path"])
+                        )
+                    ]
+            else:
+                return_value = [self.types.TextContent(type="text", text=str(output))]  # type: ignore
+            return_values.extend(return_value)
+        return return_values
+
+
+######################################################
+### MCP decorators that add metadata to functions.
+######################################################
+
+
+def resource(
+    uri_template: str, description: str | None = None, mime_type: str | None = None
+):
+    """Decorator to mark a function as an MCP resource."""
+
+    def decorator(fn):
+        fn._mcp_type = "resource"
+        fn._mcp_uri_template = uri_template
+        fn._mcp_description = description
+        fn._mcp_mime_type = mime_type or "text/plain"
+        return fn
+
+    return decorator
+
+
+def prompt(name: str | None = None, description: str | None = None):
+    """Decorator to mark a function as an MCP prompt."""
+
+    def decorator(fn):
+        fn._mcp_type = "prompt"
+        fn._mcp_name = name or fn.__name__
+        fn._mcp_description = description
+        return fn
+
+    return decorator
+
+
+def tool(
+    name: str | None = None,
+    description: str | None = None,
+    structured_output: bool = False,
+    _meta: dict[str, Any] | None = None,
+):
+    """
+    Decorator to mark a function as an MCP tool (optional, since functions are registered as tools by default).
+    Can be used to configure various aspects of the tool.
+
+    Parameters:
+        name: The name of the tool. Overrides the default name of the function.
+        description: The description of the tool. Overrides the default description from the function's docstring.
+        structured_output: Whether the tool should return structured output (implementation is quite limited at the moment). If True, the output will be wrapped in a dictionary with the key "result" and the value being the output of the function. Recommended to keep this False unless you have a specific reason to need the structured output.
+        _meta: Additional metadata for the tool.
+    """
+
+    def decorator(fn):
+        fn._mcp_type = "tool"
+        fn._mcp_name = name
+        fn._mcp_structured_output = structured_output
+        fn._mcp_description = description
+        fn._mcp_meta = _meta
+        return fn
+
+    return decorator
diff --git a/gradio/media.py b/gradio/media.py
new file mode 100644
index 0000000..50ece7a
--- /dev/null
+++ b/gradio/media.py
@@ -0,0 +1,157 @@
+"""
+Media Registry for Gradio Demos
+
+This module provides a centralized way to access media files.
+
+Usage:
+    from gradio.media import get_image, get_video, get_audio, get_model3d, get_file
+
+    # Get specific media files
+    cheetah_img = get_image("cheetah1.jpg")
+    world_video = get_video("world.mp4")
+    cantina_audio = get_audio("cantina.wav")
+    bunny_model = get_model3d("Bunny.obj")
+    titanic_data = get_file("titanic.csv")
+
+    # Get random media of a type
+    random_img = get_image()
+    random_video = get_video()
+    random_audio = get_audio()
+
+"""
+
+import random
+from pathlib import Path
+from typing import Optional
+
+MEDIA_ROOT = Path(__file__).parent / "media_assets"
+MEDIA_PATHS = [
+    MEDIA_ROOT / "images",
+    MEDIA_ROOT / "videos",
+    MEDIA_ROOT / "audio",
+    MEDIA_ROOT / "models3d",
+    MEDIA_ROOT / "data",
+]
+
+
+def _get_media_path(media_type: str, filename: Optional[str] = None) -> str:
+    """
+    Internal function to get the path to a media file.
+
+    Args:
+        media_type: Type of media (images, videos, audio, models3d, data)
+        filename: Optional filename of the media file. If None, returns a random file.
+
+    Returns:
+        Absolute path to the media file
+
+    Raises:
+        ValueError: If media_type is invalid
+        FileNotFoundError: If the media file doesn't exist
+    """
+    media_dir = MEDIA_ROOT / media_type
+
+    if not media_dir.exists():
+        raise ValueError(f"Media directory not found: {media_dir}")
+
+    if filename is None:
+        # Get a random file from the directory
+        media_files = list(media_dir.glob("*"))
+        if not media_files:
+            raise ValueError(f"No media files found in {media_dir}")
+        file_path = random.choice(media_files)
+    else:
+        if filename.startswith(("http://", "https://")):
+            return filename
+
+        file_path = media_dir / filename
+
+    if not file_path.exists():
+        raise FileNotFoundError(f"Media file not found: {file_path}")
+
+    return str(file_path.absolute())
+
+
+def get_image(filename: Optional[str] = None) -> str:
+    """
+    Get path to an image file.
+
+    Args:
+        filename: Filename of the image (e.g., "tower.jpg"). If None, returns a random image.
+
+    Returns:
+        Absolute path to the image file
+
+    Examples:
+        >>> get_image("tower.jpg")  # Get specific image
+        >>> get_image()  # Get random image
+    """
+    return _get_media_path("images", filename)
+
+
+def get_video(filename: Optional[str] = None) -> str:
+    """
+    Get path to a video file.
+
+    Args:
+        filename: Filename of the video (e.g., "world.mp4"). If None, returns a random video.
+
+    Returns:
+        Absolute path to the video file
+
+    Examples:
+        >>> get_video("world.mp4")  # Get specific video
+        >>> get_video()  # Get random video
+    """
+    return _get_media_path("videos", filename)
+
+
+def get_audio(filename: Optional[str] = None) -> str:
+    """
+    Get path to an audio file.
+
+    Args:
+        filename: Filename of the audio (e.g., "cantina.wav"). If None, returns a random audio file.
+
+    Returns:
+        Absolute path to the audio file
+
+    Examples:
+        >>> get_audio("cantina.wav")  # Get specific audio
+        >>> get_audio()  # Get random audio
+    """
+    return _get_media_path("audio", filename)
+
+
+def get_model3d(filename: Optional[str] = None) -> str:
+    """
+    Get path to a 3D model file.
+
+    Args:
+        filename: Filename of the 3D model (e.g., "Duck.glb"). If None, returns a random model.
+
+    Returns:
+        Absolute path to the 3D model file
+
+    Examples:
+        >>> get_model3d("Duck.glb")  # Get specific model
+        >>> get_model3d()  # Get random 3D model
+    """
+    return _get_media_path("models3d", filename)
+
+
+def get_file(filename: Optional[str] = None) -> str:
+    """
+    Get path to a data file (CSV, JSON, text, etc.).
+
+    Args:
+        filename: Filename of the data file (e.g., "titanic.csv"). If None, returns a random file.
+
+    Returns:
+        Absolute path to the data file
+
+    Examples:
+        >>> get_file("titanic.csv")  # Get specific file
+        >>> get_file()  # Get random data file
+    """
+    return _get_media_path("data", filename)
diff --git a/gradio/media_assets/audio/audio_sample.wav b/gradio/media_assets/audio/audio_sample.wav
new file mode 100644
index 0000000..495f00d
Binary files /dev/null and b/gradio/media_assets/audio/audio_sample.wav differ
diff --git a/gradio/media_assets/audio/cantina.wav b/gradio/media_assets/audio/cantina.wav
new file mode 100644
index 0000000..41f0204
Binary files /dev/null and b/gradio/media_assets/audio/cantina.wav differ
diff --git a/gradio/media_assets/audio/cate_blanch.mp3 b/gradio/media_assets/audio/cate_blanch.mp3
new file mode 100644
index 0000000..4beee74
Binary files /dev/null and b/gradio/media_assets/audio/cate_blanch.mp3 differ
diff --git a/gradio/media_assets/audio/cate_blanch_2.mp3 b/gradio/media_assets/audio/cate_blanch_2.mp3
new file mode 100644
index 0000000..1acc212
Binary files /dev/null and b/gradio/media_assets/audio/cate_blanch_2.mp3 differ
diff --git a/gradio/media_assets/audio/heath_ledger.mp3 b/gradio/media_assets/audio/heath_ledger.mp3
new file mode 100644
index 0000000..eb63071
Binary files /dev/null and b/gradio/media_assets/audio/heath_ledger.mp3 differ
diff --git a/gradio/media_assets/audio/recording1.wav b/gradio/media_assets/audio/recording1.wav
new file mode 100644
index 0000000..a58ba50
Binary files /dev/null and b/gradio/media_assets/audio/recording1.wav differ
diff --git a/gradio/media_assets/audio/sax.wav b/gradio/media_assets/audio/sax.wav
new file mode 100644
index 0000000..de6d16a
Binary files /dev/null and b/gradio/media_assets/audio/sax.wav differ
diff --git a/gradio/media_assets/data/imagenet_labels.json b/gradio/media_assets/data/imagenet_labels.json
new file mode 100644
index 0000000..fa059ce
--- /dev/null
+++ b/gradio/media_assets/data/imagenet_labels.json
@@ -0,0 +1,1000 @@
+["tench",
+    "goldfish",
+    "great white shark",
+    "tiger shark",
+    "hammerhead shark",
+    "electric ray",
+    "stingray",
+    "cock",
+    "hen",
+    "ostrich",
+    "brambling",
+    "goldfinch",
+    "house finch",
+    "junco",
+    "indigo bunting",
+    "American robin",
+    "bulbul",
+    "jay",
+    "magpie",
+    "chickadee",
+    "American dipper",
+    "kite",
+    "bald eagle",
+    "vulture",
+    "great grey owl",
+    "fire salamander",
+    "smooth newt",
+    "newt",
+    "spotted salamander",
+    "axolotl",
+    "American bullfrog",
+    "tree frog",
+    "tailed frog",
+    "loggerhead sea turtle",
+    "leatherback sea turtle",
+    "mud turtle",
+    "terrapin",
+    "box turtle",
+    "banded gecko",
+    "green iguana",
+    "Carolina anole",
+    "desert grassland whiptail lizard",
+    "agama",
+    "frilled-necked lizard",
+    "alligator lizard",
+    "Gila monster",
+    "European green lizard",
+    "chameleon",
+    "Komodo dragon",
+    "Nile crocodile",
+    "American alligator",
+    "triceratops",
+    "worm snake",
+    "ring-necked snake",
+    "eastern hog-nosed snake",
+    "smooth green snake",
+    "kingsnake",
+    "garter snake",
+    "water snake",
+    "vine snake",
+    "night snake",
+    "boa constrictor",
+    "African rock python",
+    "Indian cobra",
+    "green mamba",
+    "sea snake",
+    "Saharan horned viper",
+    "eastern diamondback rattlesnake",
+    "sidewinder",
+    "trilobite",
+    "harvestman",
+    "scorpion",
+    "yellow garden spider",
+    "barn spider",
+    "European garden spider",
+    "southern black widow",
+    "tarantula",
+    "wolf spider",
+    "tick",
+    "centipede",
+    "black grouse",
+    "ptarmigan",
+    "ruffed grouse",
+    "prairie grouse",
+    "peacock",
+    "quail",
+    "partridge",
+    "grey parrot",
+    "macaw",
+    "sulphur-crested cockatoo",
+    "lorikeet",
+    "coucal",
+    "bee eater",
+    "hornbill",
+    "hummingbird",
+    "jacamar",
+    "toucan",
+    "duck",
+    "red-breasted merganser",
+    "goose",
+    "black swan",
+    "tusker",
+    "echidna",
+    "platypus",
+    "wallaby",
+    "koala",
+    "wombat",
+    "jellyfish",
+    "sea anemone",
+    "brain coral",
+    "flatworm",
+    "nematode",
+    "conch",
+    "snail",
+    "slug",
+    "sea slug",
+    "chiton",
+    "chambered nautilus",
+    "Dungeness crab",
+    "rock crab",
+    "fiddler crab",
+    "red king crab",
+    "American lobster",
+    "spiny lobster",
+    "crayfish",
+    "hermit crab",
+    "isopod",
+    "white stork",
+    "black stork",
+    "spoonbill",
+    "flamingo",
+    "little blue heron",
+    "great egret",
+    "bittern",
+    "crane (bird)",
+    "limpkin",
+    "common gallinule",
+    "American coot",
+    "bustard",
+    "ruddy turnstone",
+    "dunlin",
+    "common redshank",
+    "dowitcher",
+    "oystercatcher",
+    "pelican",
+    "king penguin",
+    "albatross",
+    "grey whale",
+    "killer whale",
+    "dugong",
+    "sea lion",
+    "Chihuahua",
+    "Japanese Chin",
+    "Maltese",
+    "Pekingese",
+    "Shih Tzu",
+    "King Charles Spaniel",
+    "Papillon",
+    "toy terrier",
+    "Rhodesian Ridgeback",
+    "Afghan Hound",
+    "Basset Hound",
+    "Beagle",
+    "Bloodhound",
+    "Bluetick Coonhound",
+    "Black and Tan Coonhound",
+    "Treeing Walker Coonhound",
+    "English foxhound",
+    "Redbone Coonhound",
+    "borzoi",
+    "Irish Wolfhound",
+    "Italian Greyhound",
+    "Whippet",
+    "Ibizan Hound",
+    "Norwegian Elkhound",
+    "Otterhound",
+    "Saluki",
+    "Scottish Deerhound",
+    "Weimaraner",
+    "Staffordshire Bull Terrier",
+    "American Staffordshire Terrier",
+    "Bedlington Terrier",
+    "Border Terrier",
+    "Kerry Blue Terrier",
+    "Irish Terrier",
+    "Norfolk Terrier",
+    "Norwich Terrier",
+    "Yorkshire Terrier",
+    "Wire Fox Terrier",
+    "Lakeland Terrier",
+    "Sealyham Terrier",
+    "Airedale Terrier",
+    "Cairn Terrier",
+    "Australian Terrier",
+    "Dandie Dinmont Terrier",
+    "Boston Terrier",
+    "Miniature Schnauzer",
+    "Giant Schnauzer",
+    "Standard Schnauzer",
+    "Scottish Terrier",
+    "Tibetan Terrier",
+    "Australian Silky Terrier",
+    "Soft-coated Wheaten Terrier",
+    "West Highland White Terrier",
+    "Lhasa Apso",
+    "Flat-Coated Retriever",
+    "Curly-coated Retriever",
+    "Golden Retriever",
+    "Labrador Retriever",
+    "Chesapeake Bay Retriever",
+    "German Shorthaired Pointer",
+    "Vizsla",
+    "English Setter",
+    "Irish Setter",
+    "Gordon Setter",
+    "Brittany",
+    "Clumber Spaniel",
+    "English Springer Spaniel",
+    "Welsh Springer Spaniel",
+    "Cocker Spaniels",
+    "Sussex Spaniel",
+    "Irish Water Spaniel",
+    "Kuvasz",
+    "Schipperke",
+    "Groenendael",
+    "Malinois",
+    "Briard",
+    "Australian Kelpie",
+    "Komondor",
+    "Old English Sheepdog",
+    "Shetland Sheepdog",
+    "collie",
+    "Border Collie",
+    "Bouvier des Flandres",
+    "Rottweiler",
+    "German Shepherd Dog",
+    "Dobermann",
+    "Miniature Pinscher",
+    "Greater Swiss Mountain Dog",
+    "Bernese Mountain Dog",
+    "Appenzeller Sennenhund",
+    "Entlebucher Sennenhund",
+    "Boxer",
+    "Bullmastiff",
+    "Tibetan Mastiff",
+    "French Bulldog",
+    "Great Dane",
+    "St. Bernard",
+    "husky",
+    "Alaskan Malamute",
+    "Siberian Husky",
+    "Dalmatian",
+    "Affenpinscher",
+    "Basenji",
+    "pug",
+    "Leonberger",
+    "Newfoundland",
+    "Pyrenean Mountain Dog",
+    "Samoyed",
+    "Pomeranian",
+    "Chow Chow",
+    "Keeshond",
+    "Griffon Bruxellois",
+    "Pembroke Welsh Corgi",
+    "Cardigan Welsh Corgi",
+    "Toy Poodle",
+    "Miniature Poodle",
+    "Standard Poodle",
+    "Mexican hairless dog",
+    "grey wolf",
+    "Alaskan tundra wolf",
+    "red wolf",
+    "coyote",
+    "dingo",
+    "dhole",
+    "African wild dog",
+    "hyena",
+    "red fox",
+    "kit fox",
+    "Arctic fox",
+    "grey fox",
+    "tabby cat",
+    "tiger cat",
+    "Persian cat",
+    "Siamese cat",
+    "Egyptian Mau",
+    "cougar",
+    "lynx",
+    "leopard",
+    "snow leopard",
+    "jaguar",
+    "lion",
+    "tiger",
+    "cheetah",
+    "brown bear",
+    "American black bear",
+    "polar bear",
+    "sloth bear",
+    "mongoose",
+    "meerkat",
+    "tiger beetle",
+    "ladybug",
+    "ground beetle",
+    "longhorn beetle",
+    "leaf beetle",
+    "dung beetle",
+    "rhinoceros beetle",
+    "weevil",
+    "fly",
+    "bee",
+    "ant",
+    "grasshopper",
+    "cricket",
+    "stick insect",
+    "cockroach",
+    "mantis",
+    "cicada",
+    "leafhopper",
+    "lacewing",
+    "dragonfly",
+    "damselfly",
+    "red admiral",
+    "ringlet",
+    "monarch butterfly",
+    "small white",
+    "sulphur butterfly",
+    "gossamer-winged butterfly",
+    "starfish",
+    "sea urchin",
+    "sea cucumber",
+    "cottontail rabbit",
+    "hare",
+    "Angora rabbit",
+    "hamster",
+    "porcupine",
+    "fox squirrel",
+    "marmot",
+    "beaver",
+    "guinea pig",
+    "common sorrel",
+    "zebra",
+    "pig",
+    "wild boar",
+    "warthog",
+    "hippopotamus",
+    "ox",
+    "water buffalo",
+    "bison",
+    "ram",
+    "bighorn sheep",
+    "Alpine ibex",
+    "hartebeest",
+    "impala",
+    "gazelle",
+    "dromedary",
+    "llama",
+    "weasel",
+    "mink",
+    "European polecat",
+    "black-footed ferret",
+    "otter",
+    "skunk",
+    "badger",
+    "armadillo",
+    "three-toed sloth",
+    "orangutan",
+    "gorilla",
+    "chimpanzee",
+    "gibbon",
+    "siamang",
+    "guenon",
+    "patas monkey",
+    "baboon",
+    "macaque",
+    "langur",
+    "black-and-white colobus",
+    "proboscis monkey",
+    "marmoset",
+    "white-headed capuchin",
+    "howler monkey",
+    "titi",
+    "Geoffroy's spider monkey",
+    "common squirrel monkey",
+    "ring-tailed lemur",
+    "indri",
+    "Asian elephant",
+    "African bush elephant",
+    "red panda",
+    "giant panda",
+    "snoek",
+    "eel",
+    "coho salmon",
+    "rock beauty",
+    "clownfish",
+    "sturgeon",
+    "garfish",
+    "lionfish",
+    "pufferfish",
+    "abacus",
+    "abaya",
+    "academic gown",
+    "accordion",
+    "acoustic guitar",
+    "aircraft carrier",
+    "airliner",
+    "airship",
+    "altar",
+    "ambulance",
+    "amphibious vehicle",
+    "analog clock",
+    "apiary",
+    "apron",
+    "waste container",
+    "assault rifle",
+    "backpack",
+    "bakery",
+    "balance beam",
+    "balloon",
+    "ballpoint pen",
+    "Band-Aid",
+    "banjo",
+    "baluster",
+    "barbell",
+    "barber chair",
+    "barbershop",
+    "barn",
+    "barometer",
+    "barrel",
+    "wheelbarrow",
+    "baseball",
+    "basketball",
+    "bassinet",
+    "bassoon",
+    "swimming cap",
+    "bath towel",
+    "bathtub",
+    "station wagon",
+    "lighthouse",
+    "beaker",
+    "military cap",
+    "beer bottle",
+    "beer glass",
+    "bell-cot",
+    "bib",
+    "tandem bicycle",
+    "bikini",
+    "ring binder",
+    "binoculars",
+    "birdhouse",
+    "boathouse",
+    "bobsleigh",
+    "bolo tie",
+    "poke bonnet",
+    "bookcase",
+    "bookstore",
+    "bottle cap",
+    "bow",
+    "bow tie",
+    "brass",
+    "bra",
+    "breakwater",
+    "breastplate",
+    "broom",
+    "bucket",
+    "buckle",
+    "bulletproof vest",
+    "high-speed train",
+    "butcher shop",
+    "taxicab",
+    "cauldron",
+    "candle",
+    "cannon",
+    "canoe",
+    "can opener",
+    "cardigan",
+    "car mirror",
+    "carousel",
+    "tool kit",
+    "carton",
+    "car wheel",
+    "automated teller machine",
+    "cassette",
+    "cassette player",
+    "castle",
+    "catamaran",
+    "CD player",
+    "cello",
+    "mobile phone",
+    "chain",
+    "chain-link fence",
+    "chain mail",
+    "chainsaw",
+    "chest",
+    "chiffonier",
+    "chime",
+    "china cabinet",
+    "Christmas stocking",
+    "church",
+    "movie theater",
+    "cleaver",
+    "cliff dwelling",
+    "cloak",
+    "clogs",
+    "cocktail shaker",
+    "coffee mug",
+    "coffeemaker",
+    "coil",
+    "combination lock",
+    "computer keyboard",
+    "confectionery store",
+    "container ship",
+    "convertible",
+    "corkscrew",
+    "cornet",
+    "cowboy boot",
+    "cowboy hat",
+    "cradle",
+    "crane (machine)",
+    "crash helmet",
+    "crate",
+    "infant bed",
+    "Crock Pot",
+    "croquet ball",
+    "crutch",
+    "cuirass",
+    "dam",
+    "desk",
+    "desktop computer",
+    "rotary dial telephone",
+    "diaper",
+    "digital clock",
+    "digital watch",
+    "dining table",
+    "dishcloth",
+    "dishwasher",
+    "disc brake",
+    "dock",
+    "dog sled",
+    "dome",
+    "doormat",
+    "drilling rig",
+    "drum",
+    "drumstick",
+    "dumbbell",
+    "Dutch oven",
+    "electric fan",
+    "electric guitar",
+    "electric locomotive",
+    "entertainment center",
+    "envelope",
+    "espresso machine",
+    "face powder",
+    "feather boa",
+    "filing cabinet",
+    "fireboat",
+    "fire engine",
+    "fire screen sheet",
+    "flagpole",
+    "flute",
+    "folding chair",
+    "football helmet",
+    "forklift",
+    "fountain",
+    "fountain pen",
+    "four-poster bed",
+    "freight car",
+    "French horn",
+    "frying pan",
+    "fur coat",
+    "garbage truck",
+    "gas mask",
+    "gas pump",
+    "goblet",
+    "go-kart",
+    "golf ball",
+    "golf cart",
+    "gondola",
+    "gong",
+    "gown",
+    "grand piano",
+    "greenhouse",
+    "grille",
+    "grocery store",
+    "guillotine",
+    "barrette",
+    "hair spray",
+    "half-track",
+    "hammer",
+    "hamper",
+    "hair dryer",
+    "hand-held computer",
+    "handkerchief",
+    "hard disk drive",
+    "harmonica",
+    "harp",
+    "harvester",
+    "hatchet",
+    "holster",
+    "home theater",
+    "honeycomb",
+    "hook",
+    "hoop skirt",
+    "horizontal bar",
+    "horse-drawn vehicle",
+    "hourglass",
+    "iPod",
+    "clothes iron",
+    "jack-o'-lantern",
+    "jeans",
+    "jeep",
+    "T-shirt",
+    "jigsaw puzzle",
+    "pulled rickshaw",
+    "joystick",
+    "kimono",
+    "knee pad",
+    "knot",
+    "lab coat",
+    "ladle",
+    "lampshade",
+    "laptop computer",
+    "lawn mower",
+    "lens cap",
+    "paper knife",
+    "library",
+    "lifeboat",
+    "lighter",
+    "limousine",
+    "ocean liner",
+    "lipstick",
+    "slip-on shoe",
+    "lotion",
+    "speaker",
+    "loupe",
+    "sawmill",
+    "magnetic compass",
+    "mail bag",
+    "mailbox",
+    "tights",
+    "tank suit",
+    "manhole cover",
+    "maraca",
+    "marimba",
+    "mask",
+    "match",
+    "maypole",
+    "maze",
+    "measuring cup",
+    "medicine chest",
+    "megalith",
+    "microphone",
+    "microwave oven",
+    "military uniform",
+    "milk can",
+    "minibus",
+    "miniskirt",
+    "minivan",
+    "missile",
+    "mitten",
+    "mixing bowl",
+    "mobile home",
+    "Model T",
+    "modem",
+    "monastery",
+    "monitor",
+    "moped",
+    "mortar",
+    "square academic cap",
+    "mosque",
+    "mosquito net",
+    "scooter",
+    "mountain bike",
+    "tent",
+    "computer mouse",
+    "mousetrap",
+    "moving van",
+    "muzzle",
+    "nail",
+    "neck brace",
+    "necklace",
+    "nipple",
+    "notebook computer",
+    "obelisk",
+    "oboe",
+    "ocarina",
+    "odometer",
+    "oil filter",
+    "organ",
+    "oscilloscope",
+    "overskirt",
+    "bullock cart",
+    "oxygen mask",
+    "packet",
+    "paddle",
+    "paddle wheel",
+    "padlock",
+    "paintbrush",
+    "pajamas",
+    "palace",
+    "pan flute",
+    "paper towel",
+    "parachute",
+    "parallel bars",
+    "park bench",
+    "parking meter",
+    "passenger car",
+    "patio",
+    "payphone",
+    "pedestal",
+    "pencil case",
+    "pencil sharpener",
+    "perfume",
+    "Petri dish",
+    "photocopier",
+    "plectrum",
+    "Pickelhaube",
+    "picket fence",
+    "pickup truck",
+    "pier",
+    "piggy bank",
+    "pill bottle",
+    "pillow",
+    "ping-pong ball",
+    "pinwheel",
+    "pirate ship",
+    "pitcher",
+    "hand plane",
+    "planetarium",
+    "plastic bag",
+    "plate rack",
+    "plow",
+    "plunger",
+    "Polaroid camera",
+    "pole",
+    "police van",
+    "poncho",
+    "billiard table",
+    "soda bottle",
+    "pot",
+    "potter's wheel",
+    "power drill",
+    "prayer rug",
+    "printer",
+    "prison",
+    "projectile",
+    "projector",
+    "hockey puck",
+    "punching bag",
+    "purse",
+    "quill",
+    "quilt",
+    "race car",
+    "racket",
+    "radiator",
+    "radio",
+    "radio telescope",
+    "rain barrel",
+    "recreational vehicle",
+    "reel",
+    "reflex camera",
+    "refrigerator",
+    "remote control",
+    "restaurant",
+    "revolver",
+    "rifle",
+    "rocking chair",
+    "rotisserie",
+    "eraser",
+    "rugby ball",
+    "ruler",
+    "running shoe",
+    "safe",
+    "safety pin",
+    "salt shaker",
+    "sandal",
+    "sarong",
+    "saxophone",
+    "scabbard",
+    "weighing scale",
+    "school bus",
+    "schooner",
+    "scoreboard",
+    "CRT screen",
+    "screw",
+    "screwdriver",
+    "seat belt",
+    "sewing machine",
+    "shield",
+    "shoe store",
+    "shoji",
+    "shopping basket",
+    "shopping cart",
+    "shovel",
+    "shower cap",
+    "shower curtain",
+    "ski",
+    "ski mask",
+    "sleeping bag",
+    "slide rule",
+    "sliding door",
+    "slot machine",
+    "snorkel",
+    "snowmobile",
+    "snowplow",
+    "soap dispenser",
+    "soccer ball",
+    "sock",
+    "solar thermal collector",
+    "sombrero",
+    "soup bowl",
+    "space bar",
+    "space heater",
+    "space shuttle",
+    "spatula",
+    "motorboat",
+    "spider web",
+    "spindle",
+    "sports car",
+    "spotlight",
+    "stage",
+    "steam locomotive",
+    "through arch bridge",
+    "steel drum",
+    "stethoscope",
+    "scarf",
+    "stone wall",
+    "stopwatch",
+    "stove",
+    "strainer",
+    "tram",
+    "stretcher",
+    "couch",
+    "stupa",
+    "submarine",
+    "suit",
+    "sundial",
+    "sunglass",
+    "sunglasses",
+    "sunscreen",
+    "suspension bridge",
+    "mop",
+    "sweatshirt",
+    "swimsuit",
+    "swing",
+    "switch",
+    "syringe",
+    "table lamp",
+    "tank",
+    "tape player",
+    "teapot",
+    "teddy bear",
+    "television",
+    "tennis ball",
+    "thatched roof",
+    "front curtain",
+    "thimble",
+    "threshing machine",
+    "throne",
+    "tile roof",
+    "toaster",
+    "tobacco shop",
+    "toilet seat",
+    "torch",
+    "totem pole",
+    "tow truck",
+    "toy store",
+    "tractor",
+    "semi-trailer truck",
+    "tray",
+    "trench coat",
+    "tricycle",
+    "trimaran",
+    "tripod",
+    "triumphal arch",
+    "trolleybus",
+    "trombone",
+    "tub",
+    "turnstile",
+    "typewriter keyboard",
+    "umbrella",
+    "unicycle",
+    "upright piano",
+    "vacuum cleaner",
+    "vase",
+    "vault",
+    "velvet",
+    "vending machine",
+    "vestment",
+    "viaduct",
+    "violin",
+    "volleyball",
+    "waffle iron",
+    "wall clock",
+    "wallet",
+    "wardrobe",
+    "military aircraft",
+    "sink",
+    "washing machine",
+    "water bottle",
+    "water jug",
+    "water tower",
+    "whiskey jug",
+    "whistle",
+    "wig",
+    "window screen",
+    "window shade",
+    "Windsor tie",
+    "wine bottle",
+    "wing",
+    "wok",
+    "wooden spoon",
+    "wool",
+    "split-rail fence",
+    "shipwreck",
+    "yawl",
+    "yurt",
+    "website",
+    "comic book",
+    "crossword",
+    "traffic sign",
+    "traffic light",
+    "dust jacket",
+    "menu",
+    "plate",
+    "guacamole",
+    "consomme",
+    "hot pot",
+    "trifle",
+    "ice cream",
+    "ice pop",
+    "baguette",
+    "bagel",
+    "pretzel",
+    "cheeseburger",
+    "hot dog",
+    "mashed potato",
+    "cabbage",
+    "broccoli",
+    "cauliflower",
+    "zucchini",
+    "spaghetti squash",
+    "acorn squash",
+    "butternut squash",
+    "cucumber",
+    "artichoke",
+    "bell pepper",
+    "cardoon",
+    "mushroom",
+    "Granny Smith",
+    "strawberry",
+    "orange",
+    "lemon",
+    "fig",
+    "pineapple",
+    "banana",
+    "jackfruit",
+    "custard apple",
+    "pomegranate",
+    "hay",
+    "carbonara",
+    "chocolate syrup",
+    "dough",
+    "meatloaf",
+    "pizza",
+    "pot pie",
+    "burrito",
+    "red wine",
+    "espresso",
+    "cup",
+    "eggnog",
+    "alp",
+    "bubble",
+    "cliff",
+    "coral reef",
+    "geyser",
+    "lakeshore",
+    "promontory",
+    "shoal",
+    "seashore",
+    "valley",
+    "volcano",
+    "baseball player",
+    "bridegroom",
+    "scuba diver",
+    "rapeseed",
+    "daisy",
+    "yellow lady's slipper",
+    "corn",
+    "acorn",
+    "rose hip",
+    "horse chestnut seed",
+    "coral fungus",
+    "agaric",
+    "gyromitra",
+    "stinkhorn mushroom",
+    "earth star",
+    "hen-of-the-woods",
+    "bolete",
+    "ear",
+    "toilet paper"]
\ No newline at end of file
diff --git a/gradio/media_assets/data/s1.srt b/gradio/media_assets/data/s1.srt
new file mode 100644
index 0000000..c9d3854
--- /dev/null
+++ b/gradio/media_assets/data/s1.srt
@@ -0,0 +1,29 @@
+0
+0:00:00.000 --> 0:00:00.500
+A
+
+1
+0:00:00.500 --> 0:00:01.000
+B
+
+2
+0:00:01.000 --> 0:00:01.500
+C
+
+3
+0:00:01.500 --> 0:00:02.000
+D
+
+4
+0:00:02.000 --> 0:00:02.500
+E
+
+5
+0:00:02.500 --> 0:00:03.000 
+F
+
+6
+0:00:03.000 --> 0:00:10.000
+This is multiple line test. 
+Why did the tomato turn red? Because it saw the salad dressing. 
+In Africa, every 60 seconds a minute passes
diff --git a/gradio/media_assets/data/s2.vtt b/gradio/media_assets/data/s2.vtt
new file mode 100644
index 0000000..4fa1878
--- /dev/null
+++ b/gradio/media_assets/data/s2.vtt
@@ -0,0 +1,16 @@
+WEBVTT
+
+0:00:00.000 --> 0:00:00.500
+一
+
+0:00:00.500 --> 0:00:01.000
+二
+
+0:00:01.000 --> 0:00:01.500
+三
+
+0:00:01.500 --> 0:00:02.000
+四
+
+0:00:02.000 --> 0:00:02.500
+中文測試
diff --git a/gradio/media_assets/data/s3.json b/gradio/media_assets/data/s3.json
new file mode 100644
index 0000000..6b1ca61
--- /dev/null
+++ b/gradio/media_assets/data/s3.json
@@ -0,0 +1,22 @@
+[
+  {
+    "text": "一",
+    "timestamp": [0.0, 0.5]
+  },
+  {
+    "text": "二",
+    "timestamp": [0.5, 1.0]
+  },
+  {
+    "text": "三",
+    "timestamp": [1.0, 1.5]
+  },
+  {
+    "text": "四",
+    "timestamp": [1.5, 2.0]
+  },
+  {
+    "text": "中文測試",
+    "timestamp": [2.0, 2.5]
+  }
+]
diff --git a/gradio/media_assets/data/sample.txt b/gradio/media_assets/data/sample.txt
new file mode 100644
index 0000000..11f15e4
--- /dev/null
+++ b/gradio/media_assets/data/sample.txt
@@ -0,0 +1 @@
+hello friends
\ No newline at end of file
diff --git a/gradio/media_assets/data/time.csv b/gradio/media_assets/data/time.csv
new file mode 100644
index 0000000..ddb2035
--- /dev/null
+++ b/gradio/media_assets/data/time.csv
@@ -0,0 +1,8 @@
+time,value,price
+1,1,4
+2,3,8
+3,6,12
+4,10,16
+5,15,20
+6,21,24
+7,28,28
\ No newline at end of file
diff --git a/gradio/media_assets/data/titanic.csv b/gradio/media_assets/data/titanic.csv
new file mode 100644
index 0000000..63b68ab
--- /dev/null
+++ b/gradio/media_assets/data/titanic.csv
@@ -0,0 +1,892 @@
+PassengerId,Survived,Pclass,Name,Sex,Age,SibSp,Parch,Ticket,Fare,Cabin,Embarked
+1,0,3,"Braund, Mr. Owen Harris",male,22,1,0,A/5 21171,7.25,,S
+2,1,1,"Cumings, Mrs. John Bradley (Florence Briggs Thayer)",female,38,1,0,PC 17599,71.2833,C85,C
+3,1,3,"Heikkinen, Miss. Laina",female,26,0,0,STON/O2. 3101282,7.925,,S
+4,1,1,"Futrelle, Mrs. Jacques Heath (Lily May Peel)",female,35,1,0,113803,53.1,C123,S
+5,0,3,"Allen, Mr. William Henry",male,35,0,0,373450,8.05,,S
+6,0,3,"Moran, Mr. James",male,,0,0,330877,8.4583,,Q
+7,0,1,"McCarthy, Mr. Timothy J",male,54,0,0,17463,51.8625,E46,S
+8,0,3,"Palsson, Master. Gosta Leonard",male,2,3,1,349909,21.075,,S
+9,1,3,"Johnson, Mrs. Oscar W (Elisabeth Vilhelmina Berg)",female,27,0,2,347742,11.1333,,S
+10,1,2,"Nasser, Mrs. Nicholas (Adele Achem)",female,14,1,0,237736,30.0708,,C
+11,1,3,"Sandstrom, Miss. Marguerite Rut",female,4,1,1,PP 9549,16.7,G6,S
+12,1,1,"Bonnell, Miss. Elizabeth",female,58,0,0,113783,26.55,C103,S
+13,0,3,"Saundercock, Mr. William Henry",male,20,0,0,A/5. 2151,8.05,,S
+14,0,3,"Andersson, Mr. Anders Johan",male,39,1,5,347082,31.275,,S
+15,0,3,"Vestrom, Miss. Hulda Amanda Adolfina",female,14,0,0,350406,7.8542,,S
+16,1,2,"Hewlett, Mrs. (Mary D Kingcome) ",female,55,0,0,248706,16,,S
+17,0,3,"Rice, Master. Eugene",male,2,4,1,382652,29.125,,Q
+18,1,2,"Williams, Mr. Charles Eugene",male,,0,0,244373,13,,S
+19,0,3,"Vander Planke, Mrs. Julius (Emelia Maria Vandemoortele)",female,31,1,0,345763,18,,S
+20,1,3,"Masselmani, Mrs. Fatima",female,,0,0,2649,7.225,,C
+21,0,2,"Fynney, Mr. Joseph J",male,35,0,0,239865,26,,S
+22,1,2,"Beesley, Mr. Lawrence",male,34,0,0,248698,13,D56,S
+23,1,3,"McGowan, Miss. Anna ""Annie""",female,15,0,0,330923,8.0292,,Q
+24,1,1,"Sloper, Mr. William Thompson",male,28,0,0,113788,35.5,A6,S
+25,0,3,"Palsson, Miss. Torborg Danira",female,8,3,1,349909,21.075,,S
+26,1,3,"Asplund, Mrs. Carl Oscar (Selma Augusta Emilia Johansson)",female,38,1,5,347077,31.3875,,S
+27,0,3,"Emir, Mr. Farred Chehab",male,,0,0,2631,7.225,,C
+28,0,1,"Fortune, Mr. Charles Alexander",male,19,3,2,19950,263,C23 C25 C27,S
+29,1,3,"O'Dwyer, Miss. Ellen ""Nellie""",female,,0,0,330959,7.8792,,Q
+30,0,3,"Todoroff, Mr. Lalio",male,,0,0,349216,7.8958,,S
+31,0,1,"Uruchurtu, Don. Manuel E",male,40,0,0,PC 17601,27.7208,,C
+32,1,1,"Spencer, Mrs. William Augustus (Marie Eugenie)",female,,1,0,PC 17569,146.5208,B78,C
+33,1,3,"Glynn, Miss. Mary Agatha",female,,0,0,335677,7.75,,Q
+34,0,2,"Wheadon, Mr. Edward H",male,66,0,0,C.A. 24579,10.5,,S
+35,0,1,"Meyer, Mr. Edgar Joseph",male,28,1,0,PC 17604,82.1708,,C
+36,0,1,"Holverson, Mr. Alexander Oskar",male,42,1,0,113789,52,,S
+37,1,3,"Mamee, Mr. Hanna",male,,0,0,2677,7.2292,,C
+38,0,3,"Cann, Mr. Ernest Charles",male,21,0,0,A./5. 2152,8.05,,S
+39,0,3,"Vander Planke, Miss. Augusta Maria",female,18,2,0,345764,18,,S
+40,1,3,"Nicola-Yarred, Miss. Jamila",female,14,1,0,2651,11.2417,,C
+41,0,3,"Ahlin, Mrs. Johan (Johanna Persdotter Larsson)",female,40,1,0,7546,9.475,,S
+42,0,2,"Turpin, Mrs. William John Robert (Dorothy Ann Wonnacott)",female,27,1,0,11668,21,,S
+43,0,3,"Kraeff, Mr. Theodor",male,,0,0,349253,7.8958,,C
+44,1,2,"Laroche, Miss. Simonne Marie Anne Andree",female,3,1,2,SC/Paris 2123,41.5792,,C
+45,1,3,"Devaney, Miss. Margaret Delia",female,19,0,0,330958,7.8792,,Q
+46,0,3,"Rogers, Mr. William John",male,,0,0,S.C./A.4. 23567,8.05,,S
+47,0,3,"Lennon, Mr. Denis",male,,1,0,370371,15.5,,Q
+48,1,3,"O'Driscoll, Miss. Bridget",female,,0,0,14311,7.75,,Q
+49,0,3,"Samaan, Mr. Youssef",male,,2,0,2662,21.6792,,C
+50,0,3,"Arnold-Franchi, Mrs. Josef (Josefine Franchi)",female,18,1,0,349237,17.8,,S
+51,0,3,"Panula, Master. Juha Niilo",male,7,4,1,3101295,39.6875,,S
+52,0,3,"Nosworthy, Mr. Richard Cater",male,21,0,0,A/4. 39886,7.8,,S
+53,1,1,"Harper, Mrs. Henry Sleeper (Myna Haxtun)",female,49,1,0,PC 17572,76.7292,D33,C
+54,1,2,"Faunthorpe, Mrs. Lizzie (Elizabeth Anne Wilkinson)",female,29,1,0,2926,26,,S
+55,0,1,"Ostby, Mr. Engelhart Cornelius",male,65,0,1,113509,61.9792,B30,C
+56,1,1,"Woolner, Mr. Hugh",male,,0,0,19947,35.5,C52,S
+57,1,2,"Rugg, Miss. Emily",female,21,0,0,C.A. 31026,10.5,,S
+58,0,3,"Novel, Mr. Mansouer",male,28.5,0,0,2697,7.2292,,C
+59,1,2,"West, Miss. Constance Mirium",female,5,1,2,C.A. 34651,27.75,,S
+60,0,3,"Goodwin, Master. William Frederick",male,11,5,2,CA 2144,46.9,,S
+61,0,3,"Sirayanian, Mr. Orsen",male,22,0,0,2669,7.2292,,C
+62,1,1,"Icard, Miss. Amelie",female,38,0,0,113572,80,B28,
+63,0,1,"Harris, Mr. Henry Birkhardt",male,45,1,0,36973,83.475,C83,S
+64,0,3,"Skoog, Master. Harald",male,4,3,2,347088,27.9,,S
+65,0,1,"Stewart, Mr. Albert A",male,,0,0,PC 17605,27.7208,,C
+66,1,3,"Moubarek, Master. Gerios",male,,1,1,2661,15.2458,,C
+67,1,2,"Nye, Mrs. (Elizabeth Ramell)",female,29,0,0,C.A. 29395,10.5,F33,S
+68,0,3,"Crease, Mr. Ernest James",male,19,0,0,S.P. 3464,8.1583,,S
+69,1,3,"Andersson, Miss. Erna Alexandra",female,17,4,2,3101281,7.925,,S
+70,0,3,"Kink, Mr. Vincenz",male,26,2,0,315151,8.6625,,S
+71,0,2,"Jenkin, Mr. Stephen Curnow",male,32,0,0,C.A. 33111,10.5,,S
+72,0,3,"Goodwin, Miss. Lillian Amy",female,16,5,2,CA 2144,46.9,,S
+73,0,2,"Hood, Mr. Ambrose Jr",male,21,0,0,S.O.C. 14879,73.5,,S
+74,0,3,"Chronopoulos, Mr. Apostolos",male,26,1,0,2680,14.4542,,C
+75,1,3,"Bing, Mr. Lee",male,32,0,0,1601,56.4958,,S
+76,0,3,"Moen, Mr. Sigurd Hansen",male,25,0,0,348123,7.65,F G73,S
+77,0,3,"Staneff, Mr. Ivan",male,,0,0,349208,7.8958,,S
+78,0,3,"Moutal, Mr. Rahamin Haim",male,,0,0,374746,8.05,,S
+79,1,2,"Caldwell, Master. Alden Gates",male,0.83,0,2,248738,29,,S
+80,1,3,"Dowdell, Miss. Elizabeth",female,30,0,0,364516,12.475,,S
+81,0,3,"Waelens, Mr. Achille",male,22,0,0,345767,9,,S
+82,1,3,"Sheerlinck, Mr. Jan Baptist",male,29,0,0,345779,9.5,,S
+83,1,3,"McDermott, Miss. Brigdet Delia",female,,0,0,330932,7.7875,,Q
+84,0,1,"Carrau, Mr. Francisco M",male,28,0,0,113059,47.1,,S
+85,1,2,"Ilett, Miss. Bertha",female,17,0,0,SO/C 14885,10.5,,S
+86,1,3,"Backstrom, Mrs. Karl Alfred (Maria Mathilda Gustafsson)",female,33,3,0,3101278,15.85,,S
+87,0,3,"Ford, Mr. William Neal",male,16,1,3,W./C. 6608,34.375,,S
+88,0,3,"Slocovski, Mr. Selman Francis",male,,0,0,SOTON/OQ 392086,8.05,,S
+89,1,1,"Fortune, Miss. Mabel Helen",female,23,3,2,19950,263,C23 C25 C27,S
+90,0,3,"Celotti, Mr. Francesco",male,24,0,0,343275,8.05,,S
+91,0,3,"Christmann, Mr. Emil",male,29,0,0,343276,8.05,,S
+92,0,3,"Andreasson, Mr. Paul Edvin",male,20,0,0,347466,7.8542,,S
+93,0,1,"Chaffee, Mr. Herbert Fuller",male,46,1,0,W.E.P. 5734,61.175,E31,S
+94,0,3,"Dean, Mr. Bertram Frank",male,26,1,2,C.A. 2315,20.575,,S
+95,0,3,"Coxon, Mr. Daniel",male,59,0,0,364500,7.25,,S
+96,0,3,"Shorney, Mr. Charles Joseph",male,,0,0,374910,8.05,,S
+97,0,1,"Goldschmidt, Mr. George B",male,71,0,0,PC 17754,34.6542,A5,C
+98,1,1,"Greenfield, Mr. William Bertram",male,23,0,1,PC 17759,63.3583,D10 D12,C
+99,1,2,"Doling, Mrs. John T (Ada Julia Bone)",female,34,0,1,231919,23,,S
+100,0,2,"Kantor, Mr. Sinai",male,34,1,0,244367,26,,S
+101,0,3,"Petranec, Miss. Matilda",female,28,0,0,349245,7.8958,,S
+102,0,3,"Petroff, Mr. Pastcho (""Pentcho"")",male,,0,0,349215,7.8958,,S
+103,0,1,"White, Mr. Richard Frasar",male,21,0,1,35281,77.2875,D26,S
+104,0,3,"Johansson, Mr. Gustaf Joel",male,33,0,0,7540,8.6542,,S
+105,0,3,"Gustafsson, Mr. Anders Vilhelm",male,37,2,0,3101276,7.925,,S
+106,0,3,"Mionoff, Mr. Stoytcho",male,28,0,0,349207,7.8958,,S
+107,1,3,"Salkjelsvik, Miss. Anna Kristine",female,21,0,0,343120,7.65,,S
+108,1,3,"Moss, Mr. Albert Johan",male,,0,0,312991,7.775,,S
+109,0,3,"Rekic, Mr. Tido",male,38,0,0,349249,7.8958,,S
+110,1,3,"Moran, Miss. Bertha",female,,1,0,371110,24.15,,Q
+111,0,1,"Porter, Mr. Walter Chamberlain",male,47,0,0,110465,52,C110,S
+112,0,3,"Zabour, Miss. Hileni",female,14.5,1,0,2665,14.4542,,C
+113,0,3,"Barton, Mr. David John",male,22,0,0,324669,8.05,,S
+114,0,3,"Jussila, Miss. Katriina",female,20,1,0,4136,9.825,,S
+115,0,3,"Attalah, Miss. Malake",female,17,0,0,2627,14.4583,,C
+116,0,3,"Pekoniemi, Mr. Edvard",male,21,0,0,STON/O 2. 3101294,7.925,,S
+117,0,3,"Connors, Mr. Patrick",male,70.5,0,0,370369,7.75,,Q
+118,0,2,"Turpin, Mr. William John Robert",male,29,1,0,11668,21,,S
+119,0,1,"Baxter, Mr. Quigg Edmond",male,24,0,1,PC 17558,247.5208,B58 B60,C
+120,0,3,"Andersson, Miss. Ellis Anna Maria",female,2,4,2,347082,31.275,,S
+121,0,2,"Hickman, Mr. Stanley George",male,21,2,0,S.O.C. 14879,73.5,,S
+122,0,3,"Moore, Mr. Leonard Charles",male,,0,0,A4. 54510,8.05,,S
+123,0,2,"Nasser, Mr. Nicholas",male,32.5,1,0,237736,30.0708,,C
+124,1,2,"Webber, Miss. Susan",female,32.5,0,0,27267,13,E101,S
+125,0,1,"White, Mr. Percival Wayland",male,54,0,1,35281,77.2875,D26,S
+126,1,3,"Nicola-Yarred, Master. Elias",male,12,1,0,2651,11.2417,,C
+127,0,3,"McMahon, Mr. Martin",male,,0,0,370372,7.75,,Q
+128,1,3,"Madsen, Mr. Fridtjof Arne",male,24,0,0,C 17369,7.1417,,S
+129,1,3,"Peter, Miss. Anna",female,,1,1,2668,22.3583,F E69,C
+130,0,3,"Ekstrom, Mr. Johan",male,45,0,0,347061,6.975,,S
+131,0,3,"Drazenoic, Mr. Jozef",male,33,0,0,349241,7.8958,,C
+132,0,3,"Coelho, Mr. Domingos Fernandeo",male,20,0,0,SOTON/O.Q. 3101307,7.05,,S
+133,0,3,"Robins, Mrs. Alexander A (Grace Charity Laury)",female,47,1,0,A/5. 3337,14.5,,S
+134,1,2,"Weisz, Mrs. Leopold (Mathilde Francoise Pede)",female,29,1,0,228414,26,,S
+135,0,2,"Sobey, Mr. Samuel James Hayden",male,25,0,0,C.A. 29178,13,,S
+136,0,2,"Richard, Mr. Emile",male,23,0,0,SC/PARIS 2133,15.0458,,C
+137,1,1,"Newsom, Miss. Helen Monypeny",female,19,0,2,11752,26.2833,D47,S
+138,0,1,"Futrelle, Mr. Jacques Heath",male,37,1,0,113803,53.1,C123,S
+139,0,3,"Osen, Mr. Olaf Elon",male,16,0,0,7534,9.2167,,S
+140,0,1,"Giglio, Mr. Victor",male,24,0,0,PC 17593,79.2,B86,C
+141,0,3,"Boulos, Mrs. Joseph (Sultana)",female,,0,2,2678,15.2458,,C
+142,1,3,"Nysten, Miss. Anna Sofia",female,22,0,0,347081,7.75,,S
+143,1,3,"Hakkarainen, Mrs. Pekka Pietari (Elin Matilda Dolck)",female,24,1,0,STON/O2. 3101279,15.85,,S
+144,0,3,"Burke, Mr. Jeremiah",male,19,0,0,365222,6.75,,Q
+145,0,2,"Andrew, Mr. Edgardo Samuel",male,18,0,0,231945,11.5,,S
+146,0,2,"Nicholls, Mr. Joseph Charles",male,19,1,1,C.A. 33112,36.75,,S
+147,1,3,"Andersson, Mr. August Edvard (""Wennerstrom"")",male,27,0,0,350043,7.7958,,S
+148,0,3,"Ford, Miss. Robina Maggie ""Ruby""",female,9,2,2,W./C. 6608,34.375,,S
+149,0,2,"Navratil, Mr. Michel (""Louis M Hoffman"")",male,36.5,0,2,230080,26,F2,S
+150,0,2,"Byles, Rev. Thomas Roussel Davids",male,42,0,0,244310,13,,S
+151,0,2,"Bateman, Rev. Robert James",male,51,0,0,S.O.P. 1166,12.525,,S
+152,1,1,"Pears, Mrs. Thomas (Edith Wearne)",female,22,1,0,113776,66.6,C2,S
+153,0,3,"Meo, Mr. Alfonzo",male,55.5,0,0,A.5. 11206,8.05,,S
+154,0,3,"van Billiard, Mr. Austin Blyler",male,40.5,0,2,A/5. 851,14.5,,S
+155,0,3,"Olsen, Mr. Ole Martin",male,,0,0,Fa 265302,7.3125,,S
+156,0,1,"Williams, Mr. Charles Duane",male,51,0,1,PC 17597,61.3792,,C
+157,1,3,"Gilnagh, Miss. Katherine ""Katie""",female,16,0,0,35851,7.7333,,Q
+158,0,3,"Corn, Mr. Harry",male,30,0,0,SOTON/OQ 392090,8.05,,S
+159,0,3,"Smiljanic, Mr. Mile",male,,0,0,315037,8.6625,,S
+160,0,3,"Sage, Master. Thomas Henry",male,,8,2,CA. 2343,69.55,,S
+161,0,3,"Cribb, Mr. John Hatfield",male,44,0,1,371362,16.1,,S
+162,1,2,"Watt, Mrs. James (Elizabeth ""Bessie"" Inglis Milne)",female,40,0,0,C.A. 33595,15.75,,S
+163,0,3,"Bengtsson, Mr. John Viktor",male,26,0,0,347068,7.775,,S
+164,0,3,"Calic, Mr. Jovo",male,17,0,0,315093,8.6625,,S
+165,0,3,"Panula, Master. Eino Viljami",male,1,4,1,3101295,39.6875,,S
+166,1,3,"Goldsmith, Master. Frank John William ""Frankie""",male,9,0,2,363291,20.525,,S
+167,1,1,"Chibnall, Mrs. (Edith Martha Bowerman)",female,,0,1,113505,55,E33,S
+168,0,3,"Skoog, Mrs. William (Anna Bernhardina Karlsson)",female,45,1,4,347088,27.9,,S
+169,0,1,"Baumann, Mr. John D",male,,0,0,PC 17318,25.925,,S
+170,0,3,"Ling, Mr. Lee",male,28,0,0,1601,56.4958,,S
+171,0,1,"Van der hoef, Mr. Wyckoff",male,61,0,0,111240,33.5,B19,S
+172,0,3,"Rice, Master. Arthur",male,4,4,1,382652,29.125,,Q
+173,1,3,"Johnson, Miss. Eleanor Ileen",female,1,1,1,347742,11.1333,,S
+174,0,3,"Sivola, Mr. Antti Wilhelm",male,21,0,0,STON/O 2. 3101280,7.925,,S
+175,0,1,"Smith, Mr. James Clinch",male,56,0,0,17764,30.6958,A7,C
+176,0,3,"Klasen, Mr. Klas Albin",male,18,1,1,350404,7.8542,,S
+177,0,3,"Lefebre, Master. Henry Forbes",male,,3,1,4133,25.4667,,S
+178,0,1,"Isham, Miss. Ann Elizabeth",female,50,0,0,PC 17595,28.7125,C49,C
+179,0,2,"Hale, Mr. Reginald",male,30,0,0,250653,13,,S
+180,0,3,"Leonard, Mr. Lionel",male,36,0,0,LINE,0,,S
+181,0,3,"Sage, Miss. Constance Gladys",female,,8,2,CA. 2343,69.55,,S
+182,0,2,"Pernot, Mr. Rene",male,,0,0,SC/PARIS 2131,15.05,,C
+183,0,3,"Asplund, Master. Clarence Gustaf Hugo",male,9,4,2,347077,31.3875,,S
+184,1,2,"Becker, Master. Richard F",male,1,2,1,230136,39,F4,S
+185,1,3,"Kink-Heilmann, Miss. Luise Gretchen",female,4,0,2,315153,22.025,,S
+186,0,1,"Rood, Mr. Hugh Roscoe",male,,0,0,113767,50,A32,S
+187,1,3,"O'Brien, Mrs. Thomas (Johanna ""Hannah"" Godfrey)",female,,1,0,370365,15.5,,Q
+188,1,1,"Romaine, Mr. Charles Hallace (""Mr C Rolmane"")",male,45,0,0,111428,26.55,,S
+189,0,3,"Bourke, Mr. John",male,40,1,1,364849,15.5,,Q
+190,0,3,"Turcin, Mr. Stjepan",male,36,0,0,349247,7.8958,,S
+191,1,2,"Pinsky, Mrs. (Rosa)",female,32,0,0,234604,13,,S
+192,0,2,"Carbines, Mr. William",male,19,0,0,28424,13,,S
+193,1,3,"Andersen-Jensen, Miss. Carla Christine Nielsine",female,19,1,0,350046,7.8542,,S
+194,1,2,"Navratil, Master. Michel M",male,3,1,1,230080,26,F2,S
+195,1,1,"Brown, Mrs. James Joseph (Margaret Tobin)",female,44,0,0,PC 17610,27.7208,B4,C
+196,1,1,"Lurette, Miss. Elise",female,58,0,0,PC 17569,146.5208,B80,C
+197,0,3,"Mernagh, Mr. Robert",male,,0,0,368703,7.75,,Q
+198,0,3,"Olsen, Mr. Karl Siegwart Andreas",male,42,0,1,4579,8.4042,,S
+199,1,3,"Madigan, Miss. Margaret ""Maggie""",female,,0,0,370370,7.75,,Q
+200,0,2,"Yrois, Miss. Henriette (""Mrs Harbeck"")",female,24,0,0,248747,13,,S
+201,0,3,"Vande Walle, Mr. Nestor Cyriel",male,28,0,0,345770,9.5,,S
+202,0,3,"Sage, Mr. Frederick",male,,8,2,CA. 2343,69.55,,S
+203,0,3,"Johanson, Mr. Jakob Alfred",male,34,0,0,3101264,6.4958,,S
+204,0,3,"Youseff, Mr. Gerious",male,45.5,0,0,2628,7.225,,C
+205,1,3,"Cohen, Mr. Gurshon ""Gus""",male,18,0,0,A/5 3540,8.05,,S
+206,0,3,"Strom, Miss. Telma Matilda",female,2,0,1,347054,10.4625,G6,S
+207,0,3,"Backstrom, Mr. Karl Alfred",male,32,1,0,3101278,15.85,,S
+208,1,3,"Albimona, Mr. Nassef Cassem",male,26,0,0,2699,18.7875,,C
+209,1,3,"Carr, Miss. Helen ""Ellen""",female,16,0,0,367231,7.75,,Q
+210,1,1,"Blank, Mr. Henry",male,40,0,0,112277,31,A31,C
+211,0,3,"Ali, Mr. Ahmed",male,24,0,0,SOTON/O.Q. 3101311,7.05,,S
+212,1,2,"Cameron, Miss. Clear Annie",female,35,0,0,F.C.C. 13528,21,,S
+213,0,3,"Perkin, Mr. John Henry",male,22,0,0,A/5 21174,7.25,,S
+214,0,2,"Givard, Mr. Hans Kristensen",male,30,0,0,250646,13,,S
+215,0,3,"Kiernan, Mr. Philip",male,,1,0,367229,7.75,,Q
+216,1,1,"Newell, Miss. Madeleine",female,31,1,0,35273,113.275,D36,C
+217,1,3,"Honkanen, Miss. Eliina",female,27,0,0,STON/O2. 3101283,7.925,,S
+218,0,2,"Jacobsohn, Mr. Sidney Samuel",male,42,1,0,243847,27,,S
+219,1,1,"Bazzani, Miss. Albina",female,32,0,0,11813,76.2917,D15,C
+220,0,2,"Harris, Mr. Walter",male,30,0,0,W/C 14208,10.5,,S
+221,1,3,"Sunderland, Mr. Victor Francis",male,16,0,0,SOTON/OQ 392089,8.05,,S
+222,0,2,"Bracken, Mr. James H",male,27,0,0,220367,13,,S
+223,0,3,"Green, Mr. George Henry",male,51,0,0,21440,8.05,,S
+224,0,3,"Nenkoff, Mr. Christo",male,,0,0,349234,7.8958,,S
+225,1,1,"Hoyt, Mr. Frederick Maxfield",male,38,1,0,19943,90,C93,S
+226,0,3,"Berglund, Mr. Karl Ivar Sven",male,22,0,0,PP 4348,9.35,,S
+227,1,2,"Mellors, Mr. William John",male,19,0,0,SW/PP 751,10.5,,S
+228,0,3,"Lovell, Mr. John Hall (""Henry"")",male,20.5,0,0,A/5 21173,7.25,,S
+229,0,2,"Fahlstrom, Mr. Arne Jonas",male,18,0,0,236171,13,,S
+230,0,3,"Lefebre, Miss. Mathilde",female,,3,1,4133,25.4667,,S
+231,1,1,"Harris, Mrs. Henry Birkhardt (Irene Wallach)",female,35,1,0,36973,83.475,C83,S
+232,0,3,"Larsson, Mr. Bengt Edvin",male,29,0,0,347067,7.775,,S
+233,0,2,"Sjostedt, Mr. Ernst Adolf",male,59,0,0,237442,13.5,,S
+234,1,3,"Asplund, Miss. Lillian Gertrud",female,5,4,2,347077,31.3875,,S
+235,0,2,"Leyson, Mr. Robert William Norman",male,24,0,0,C.A. 29566,10.5,,S
+236,0,3,"Harknett, Miss. Alice Phoebe",female,,0,0,W./C. 6609,7.55,,S
+237,0,2,"Hold, Mr. Stephen",male,44,1,0,26707,26,,S
+238,1,2,"Collyer, Miss. Marjorie ""Lottie""",female,8,0,2,C.A. 31921,26.25,,S
+239,0,2,"Pengelly, Mr. Frederick William",male,19,0,0,28665,10.5,,S
+240,0,2,"Hunt, Mr. George Henry",male,33,0,0,SCO/W 1585,12.275,,S
+241,0,3,"Zabour, Miss. Thamine",female,,1,0,2665,14.4542,,C
+242,1,3,"Murphy, Miss. Katherine ""Kate""",female,,1,0,367230,15.5,,Q
+243,0,2,"Coleridge, Mr. Reginald Charles",male,29,0,0,W./C. 14263,10.5,,S
+244,0,3,"Maenpaa, Mr. Matti Alexanteri",male,22,0,0,STON/O 2. 3101275,7.125,,S
+245,0,3,"Attalah, Mr. Sleiman",male,30,0,0,2694,7.225,,C
+246,0,1,"Minahan, Dr. William Edward",male,44,2,0,19928,90,C78,Q
+247,0,3,"Lindahl, Miss. Agda Thorilda Viktoria",female,25,0,0,347071,7.775,,S
+248,1,2,"Hamalainen, Mrs. William (Anna)",female,24,0,2,250649,14.5,,S
+249,1,1,"Beckwith, Mr. Richard Leonard",male,37,1,1,11751,52.5542,D35,S
+250,0,2,"Carter, Rev. Ernest Courtenay",male,54,1,0,244252,26,,S
+251,0,3,"Reed, Mr. James George",male,,0,0,362316,7.25,,S
+252,0,3,"Strom, Mrs. Wilhelm (Elna Matilda Persson)",female,29,1,1,347054,10.4625,G6,S
+253,0,1,"Stead, Mr. William Thomas",male,62,0,0,113514,26.55,C87,S
+254,0,3,"Lobb, Mr. William Arthur",male,30,1,0,A/5. 3336,16.1,,S
+255,0,3,"Rosblom, Mrs. Viktor (Helena Wilhelmina)",female,41,0,2,370129,20.2125,,S
+256,1,3,"Touma, Mrs. Darwis (Hanne Youssef Razi)",female,29,0,2,2650,15.2458,,C
+257,1,1,"Thorne, Mrs. Gertrude Maybelle",female,,0,0,PC 17585,79.2,,C
+258,1,1,"Cherry, Miss. Gladys",female,30,0,0,110152,86.5,B77,S
+259,1,1,"Ward, Miss. Anna",female,35,0,0,PC 17755,512.3292,,C
+260,1,2,"Parrish, Mrs. (Lutie Davis)",female,50,0,1,230433,26,,S
+261,0,3,"Smith, Mr. Thomas",male,,0,0,384461,7.75,,Q
+262,1,3,"Asplund, Master. Edvin Rojj Felix",male,3,4,2,347077,31.3875,,S
+263,0,1,"Taussig, Mr. Emil",male,52,1,1,110413,79.65,E67,S
+264,0,1,"Harrison, Mr. William",male,40,0,0,112059,0,B94,S
+265,0,3,"Henry, Miss. Delia",female,,0,0,382649,7.75,,Q
+266,0,2,"Reeves, Mr. David",male,36,0,0,C.A. 17248,10.5,,S
+267,0,3,"Panula, Mr. Ernesti Arvid",male,16,4,1,3101295,39.6875,,S
+268,1,3,"Persson, Mr. Ernst Ulrik",male,25,1,0,347083,7.775,,S
+269,1,1,"Graham, Mrs. William Thompson (Edith Junkins)",female,58,0,1,PC 17582,153.4625,C125,S
+270,1,1,"Bissette, Miss. Amelia",female,35,0,0,PC 17760,135.6333,C99,S
+271,0,1,"Cairns, Mr. Alexander",male,,0,0,113798,31,,S
+272,1,3,"Tornquist, Mr. William Henry",male,25,0,0,LINE,0,,S
+273,1,2,"Mellinger, Mrs. (Elizabeth Anne Maidment)",female,41,0,1,250644,19.5,,S
+274,0,1,"Natsch, Mr. Charles H",male,37,0,1,PC 17596,29.7,C118,C
+275,1,3,"Healy, Miss. Hanora ""Nora""",female,,0,0,370375,7.75,,Q
+276,1,1,"Andrews, Miss. Kornelia Theodosia",female,63,1,0,13502,77.9583,D7,S
+277,0,3,"Lindblom, Miss. Augusta Charlotta",female,45,0,0,347073,7.75,,S
+278,0,2,"Parkes, Mr. Francis ""Frank""",male,,0,0,239853,0,,S
+279,0,3,"Rice, Master. Eric",male,7,4,1,382652,29.125,,Q
+280,1,3,"Abbott, Mrs. Stanton (Rosa Hunt)",female,35,1,1,C.A. 2673,20.25,,S
+281,0,3,"Duane, Mr. Frank",male,65,0,0,336439,7.75,,Q
+282,0,3,"Olsson, Mr. Nils Johan Goransson",male,28,0,0,347464,7.8542,,S
+283,0,3,"de Pelsmaeker, Mr. Alfons",male,16,0,0,345778,9.5,,S
+284,1,3,"Dorking, Mr. Edward Arthur",male,19,0,0,A/5. 10482,8.05,,S
+285,0,1,"Smith, Mr. Richard William",male,,0,0,113056,26,A19,S
+286,0,3,"Stankovic, Mr. Ivan",male,33,0,0,349239,8.6625,,C
+287,1,3,"de Mulder, Mr. Theodore",male,30,0,0,345774,9.5,,S
+288,0,3,"Naidenoff, Mr. Penko",male,22,0,0,349206,7.8958,,S
+289,1,2,"Hosono, Mr. Masabumi",male,42,0,0,237798,13,,S
+290,1,3,"Connolly, Miss. Kate",female,22,0,0,370373,7.75,,Q
+291,1,1,"Barber, Miss. Ellen ""Nellie""",female,26,0,0,19877,78.85,,S
+292,1,1,"Bishop, Mrs. Dickinson H (Helen Walton)",female,19,1,0,11967,91.0792,B49,C
+293,0,2,"Levy, Mr. Rene Jacques",male,36,0,0,SC/Paris 2163,12.875,D,C
+294,0,3,"Haas, Miss. Aloisia",female,24,0,0,349236,8.85,,S
+295,0,3,"Mineff, Mr. Ivan",male,24,0,0,349233,7.8958,,S
+296,0,1,"Lewy, Mr. Ervin G",male,,0,0,PC 17612,27.7208,,C
+297,0,3,"Hanna, Mr. Mansour",male,23.5,0,0,2693,7.2292,,C
+298,0,1,"Allison, Miss. Helen Loraine",female,2,1,2,113781,151.55,C22 C26,S
+299,1,1,"Saalfeld, Mr. Adolphe",male,,0,0,19988,30.5,C106,S
+300,1,1,"Baxter, Mrs. James (Helene DeLaudeniere Chaput)",female,50,0,1,PC 17558,247.5208,B58 B60,C
+301,1,3,"Kelly, Miss. Anna Katherine ""Annie Kate""",female,,0,0,9234,7.75,,Q
+302,1,3,"McCoy, Mr. Bernard",male,,2,0,367226,23.25,,Q
+303,0,3,"Johnson, Mr. William Cahoone Jr",male,19,0,0,LINE,0,,S
+304,1,2,"Keane, Miss. Nora A",female,,0,0,226593,12.35,E101,Q
+305,0,3,"Williams, Mr. Howard Hugh ""Harry""",male,,0,0,A/5 2466,8.05,,S
+306,1,1,"Allison, Master. Hudson Trevor",male,0.92,1,2,113781,151.55,C22 C26,S
+307,1,1,"Fleming, Miss. Margaret",female,,0,0,17421,110.8833,,C
+308,1,1,"Penasco y Castellana, Mrs. Victor de Satode (Maria Josefa Perez de Soto y Vallejo)",female,17,1,0,PC 17758,108.9,C65,C
+309,0,2,"Abelson, Mr. Samuel",male,30,1,0,P/PP 3381,24,,C
+310,1,1,"Francatelli, Miss. Laura Mabel",female,30,0,0,PC 17485,56.9292,E36,C
+311,1,1,"Hays, Miss. Margaret Bechstein",female,24,0,0,11767,83.1583,C54,C
+312,1,1,"Ryerson, Miss. Emily Borie",female,18,2,2,PC 17608,262.375,B57 B59 B63 B66,C
+313,0,2,"Lahtinen, Mrs. William (Anna Sylfven)",female,26,1,1,250651,26,,S
+314,0,3,"Hendekovic, Mr. Ignjac",male,28,0,0,349243,7.8958,,S
+315,0,2,"Hart, Mr. Benjamin",male,43,1,1,F.C.C. 13529,26.25,,S
+316,1,3,"Nilsson, Miss. Helmina Josefina",female,26,0,0,347470,7.8542,,S
+317,1,2,"Kantor, Mrs. Sinai (Miriam Sternin)",female,24,1,0,244367,26,,S
+318,0,2,"Moraweck, Dr. Ernest",male,54,0,0,29011,14,,S
+319,1,1,"Wick, Miss. Mary Natalie",female,31,0,2,36928,164.8667,C7,S
+320,1,1,"Spedden, Mrs. Frederic Oakley (Margaretta Corning Stone)",female,40,1,1,16966,134.5,E34,C
+321,0,3,"Dennis, Mr. Samuel",male,22,0,0,A/5 21172,7.25,,S
+322,0,3,"Danoff, Mr. Yoto",male,27,0,0,349219,7.8958,,S
+323,1,2,"Slayter, Miss. Hilda Mary",female,30,0,0,234818,12.35,,Q
+324,1,2,"Caldwell, Mrs. Albert Francis (Sylvia Mae Harbaugh)",female,22,1,1,248738,29,,S
+325,0,3,"Sage, Mr. George John Jr",male,,8,2,CA. 2343,69.55,,S
+326,1,1,"Young, Miss. Marie Grice",female,36,0,0,PC 17760,135.6333,C32,C
+327,0,3,"Nysveen, Mr. Johan Hansen",male,61,0,0,345364,6.2375,,S
+328,1,2,"Ball, Mrs. (Ada E Hall)",female,36,0,0,28551,13,D,S
+329,1,3,"Goldsmith, Mrs. Frank John (Emily Alice Brown)",female,31,1,1,363291,20.525,,S
+330,1,1,"Hippach, Miss. Jean Gertrude",female,16,0,1,111361,57.9792,B18,C
+331,1,3,"McCoy, Miss. Agnes",female,,2,0,367226,23.25,,Q
+332,0,1,"Partner, Mr. Austen",male,45.5,0,0,113043,28.5,C124,S
+333,0,1,"Graham, Mr. George Edward",male,38,0,1,PC 17582,153.4625,C91,S
+334,0,3,"Vander Planke, Mr. Leo Edmondus",male,16,2,0,345764,18,,S
+335,1,1,"Frauenthal, Mrs. Henry William (Clara Heinsheimer)",female,,1,0,PC 17611,133.65,,S
+336,0,3,"Denkoff, Mr. Mitto",male,,0,0,349225,7.8958,,S
+337,0,1,"Pears, Mr. Thomas Clinton",male,29,1,0,113776,66.6,C2,S
+338,1,1,"Burns, Miss. Elizabeth Margaret",female,41,0,0,16966,134.5,E40,C
+339,1,3,"Dahl, Mr. Karl Edwart",male,45,0,0,7598,8.05,,S
+340,0,1,"Blackwell, Mr. Stephen Weart",male,45,0,0,113784,35.5,T,S
+341,1,2,"Navratil, Master. Edmond Roger",male,2,1,1,230080,26,F2,S
+342,1,1,"Fortune, Miss. Alice Elizabeth",female,24,3,2,19950,263,C23 C25 C27,S
+343,0,2,"Collander, Mr. Erik Gustaf",male,28,0,0,248740,13,,S
+344,0,2,"Sedgwick, Mr. Charles Frederick Waddington",male,25,0,0,244361,13,,S
+345,0,2,"Fox, Mr. Stanley Hubert",male,36,0,0,229236,13,,S
+346,1,2,"Brown, Miss. Amelia ""Mildred""",female,24,0,0,248733,13,F33,S
+347,1,2,"Smith, Miss. Marion Elsie",female,40,0,0,31418,13,,S
+348,1,3,"Davison, Mrs. Thomas Henry (Mary E Finck)",female,,1,0,386525,16.1,,S
+349,1,3,"Coutts, Master. William Loch ""William""",male,3,1,1,C.A. 37671,15.9,,S
+350,0,3,"Dimic, Mr. Jovan",male,42,0,0,315088,8.6625,,S
+351,0,3,"Odahl, Mr. Nils Martin",male,23,0,0,7267,9.225,,S
+352,0,1,"Williams-Lambert, Mr. Fletcher Fellows",male,,0,0,113510,35,C128,S
+353,0,3,"Elias, Mr. Tannous",male,15,1,1,2695,7.2292,,C
+354,0,3,"Arnold-Franchi, Mr. Josef",male,25,1,0,349237,17.8,,S
+355,0,3,"Yousif, Mr. Wazli",male,,0,0,2647,7.225,,C
+356,0,3,"Vanden Steen, Mr. Leo Peter",male,28,0,0,345783,9.5,,S
+357,1,1,"Bowerman, Miss. Elsie Edith",female,22,0,1,113505,55,E33,S
+358,0,2,"Funk, Miss. Annie Clemmer",female,38,0,0,237671,13,,S
+359,1,3,"McGovern, Miss. Mary",female,,0,0,330931,7.8792,,Q
+360,1,3,"Mockler, Miss. Helen Mary ""Ellie""",female,,0,0,330980,7.8792,,Q
+361,0,3,"Skoog, Mr. Wilhelm",male,40,1,4,347088,27.9,,S
+362,0,2,"del Carlo, Mr. Sebastiano",male,29,1,0,SC/PARIS 2167,27.7208,,C
+363,0,3,"Barbara, Mrs. (Catherine David)",female,45,0,1,2691,14.4542,,C
+364,0,3,"Asim, Mr. Adola",male,35,0,0,SOTON/O.Q. 3101310,7.05,,S
+365,0,3,"O'Brien, Mr. Thomas",male,,1,0,370365,15.5,,Q
+366,0,3,"Adahl, Mr. Mauritz Nils Martin",male,30,0,0,C 7076,7.25,,S
+367,1,1,"Warren, Mrs. Frank Manley (Anna Sophia Atkinson)",female,60,1,0,110813,75.25,D37,C
+368,1,3,"Moussa, Mrs. (Mantoura Boulos)",female,,0,0,2626,7.2292,,C
+369,1,3,"Jermyn, Miss. Annie",female,,0,0,14313,7.75,,Q
+370,1,1,"Aubart, Mme. Leontine Pauline",female,24,0,0,PC 17477,69.3,B35,C
+371,1,1,"Harder, Mr. George Achilles",male,25,1,0,11765,55.4417,E50,C
+372,0,3,"Wiklund, Mr. Jakob Alfred",male,18,1,0,3101267,6.4958,,S
+373,0,3,"Beavan, Mr. William Thomas",male,19,0,0,323951,8.05,,S
+374,0,1,"Ringhini, Mr. Sante",male,22,0,0,PC 17760,135.6333,,C
+375,0,3,"Palsson, Miss. Stina Viola",female,3,3,1,349909,21.075,,S
+376,1,1,"Meyer, Mrs. Edgar Joseph (Leila Saks)",female,,1,0,PC 17604,82.1708,,C
+377,1,3,"Landergren, Miss. Aurora Adelia",female,22,0,0,C 7077,7.25,,S
+378,0,1,"Widener, Mr. Harry Elkins",male,27,0,2,113503,211.5,C82,C
+379,0,3,"Betros, Mr. Tannous",male,20,0,0,2648,4.0125,,C
+380,0,3,"Gustafsson, Mr. Karl Gideon",male,19,0,0,347069,7.775,,S
+381,1,1,"Bidois, Miss. Rosalie",female,42,0,0,PC 17757,227.525,,C
+382,1,3,"Nakid, Miss. Maria (""Mary"")",female,1,0,2,2653,15.7417,,C
+383,0,3,"Tikkanen, Mr. Juho",male,32,0,0,STON/O 2. 3101293,7.925,,S
+384,1,1,"Holverson, Mrs. Alexander Oskar (Mary Aline Towner)",female,35,1,0,113789,52,,S
+385,0,3,"Plotcharsky, Mr. Vasil",male,,0,0,349227,7.8958,,S
+386,0,2,"Davies, Mr. Charles Henry",male,18,0,0,S.O.C. 14879,73.5,,S
+387,0,3,"Goodwin, Master. Sidney Leonard",male,1,5,2,CA 2144,46.9,,S
+388,1,2,"Buss, Miss. Kate",female,36,0,0,27849,13,,S
+389,0,3,"Sadlier, Mr. Matthew",male,,0,0,367655,7.7292,,Q
+390,1,2,"Lehmann, Miss. Bertha",female,17,0,0,SC 1748,12,,C
+391,1,1,"Carter, Mr. William Ernest",male,36,1,2,113760,120,B96 B98,S
+392,1,3,"Jansson, Mr. Carl Olof",male,21,0,0,350034,7.7958,,S
+393,0,3,"Gustafsson, Mr. Johan Birger",male,28,2,0,3101277,7.925,,S
+394,1,1,"Newell, Miss. Marjorie",female,23,1,0,35273,113.275,D36,C
+395,1,3,"Sandstrom, Mrs. Hjalmar (Agnes Charlotta Bengtsson)",female,24,0,2,PP 9549,16.7,G6,S
+396,0,3,"Johansson, Mr. Erik",male,22,0,0,350052,7.7958,,S
+397,0,3,"Olsson, Miss. Elina",female,31,0,0,350407,7.8542,,S
+398,0,2,"McKane, Mr. Peter David",male,46,0,0,28403,26,,S
+399,0,2,"Pain, Dr. Alfred",male,23,0,0,244278,10.5,,S
+400,1,2,"Trout, Mrs. William H (Jessie L)",female,28,0,0,240929,12.65,,S
+401,1,3,"Niskanen, Mr. Juha",male,39,0,0,STON/O 2. 3101289,7.925,,S
+402,0,3,"Adams, Mr. John",male,26,0,0,341826,8.05,,S
+403,0,3,"Jussila, Miss. Mari Aina",female,21,1,0,4137,9.825,,S
+404,0,3,"Hakkarainen, Mr. Pekka Pietari",male,28,1,0,STON/O2. 3101279,15.85,,S
+405,0,3,"Oreskovic, Miss. Marija",female,20,0,0,315096,8.6625,,S
+406,0,2,"Gale, Mr. Shadrach",male,34,1,0,28664,21,,S
+407,0,3,"Widegren, Mr. Carl/Charles Peter",male,51,0,0,347064,7.75,,S
+408,1,2,"Richards, Master. William Rowe",male,3,1,1,29106,18.75,,S
+409,0,3,"Birkeland, Mr. Hans Martin Monsen",male,21,0,0,312992,7.775,,S
+410,0,3,"Lefebre, Miss. Ida",female,,3,1,4133,25.4667,,S
+411,0,3,"Sdycoff, Mr. Todor",male,,0,0,349222,7.8958,,S
+412,0,3,"Hart, Mr. Henry",male,,0,0,394140,6.8583,,Q
+413,1,1,"Minahan, Miss. Daisy E",female,33,1,0,19928,90,C78,Q
+414,0,2,"Cunningham, Mr. Alfred Fleming",male,,0,0,239853,0,,S
+415,1,3,"Sundman, Mr. Johan Julian",male,44,0,0,STON/O 2. 3101269,7.925,,S
+416,0,3,"Meek, Mrs. Thomas (Annie Louise Rowley)",female,,0,0,343095,8.05,,S
+417,1,2,"Drew, Mrs. James Vivian (Lulu Thorne Christian)",female,34,1,1,28220,32.5,,S
+418,1,2,"Silven, Miss. Lyyli Karoliina",female,18,0,2,250652,13,,S
+419,0,2,"Matthews, Mr. William John",male,30,0,0,28228,13,,S
+420,0,3,"Van Impe, Miss. Catharina",female,10,0,2,345773,24.15,,S
+421,0,3,"Gheorgheff, Mr. Stanio",male,,0,0,349254,7.8958,,C
+422,0,3,"Charters, Mr. David",male,21,0,0,A/5. 13032,7.7333,,Q
+423,0,3,"Zimmerman, Mr. Leo",male,29,0,0,315082,7.875,,S
+424,0,3,"Danbom, Mrs. Ernst Gilbert (Anna Sigrid Maria Brogren)",female,28,1,1,347080,14.4,,S
+425,0,3,"Rosblom, Mr. Viktor Richard",male,18,1,1,370129,20.2125,,S
+426,0,3,"Wiseman, Mr. Phillippe",male,,0,0,A/4. 34244,7.25,,S
+427,1,2,"Clarke, Mrs. Charles V (Ada Maria Winfield)",female,28,1,0,2003,26,,S
+428,1,2,"Phillips, Miss. Kate Florence (""Mrs Kate Louise Phillips Marshall"")",female,19,0,0,250655,26,,S
+429,0,3,"Flynn, Mr. James",male,,0,0,364851,7.75,,Q
+430,1,3,"Pickard, Mr. Berk (Berk Trembisky)",male,32,0,0,SOTON/O.Q. 392078,8.05,E10,S
+431,1,1,"Bjornstrom-Steffansson, Mr. Mauritz Hakan",male,28,0,0,110564,26.55,C52,S
+432,1,3,"Thorneycroft, Mrs. Percival (Florence Kate White)",female,,1,0,376564,16.1,,S
+433,1,2,"Louch, Mrs. Charles Alexander (Alice Adelaide Slow)",female,42,1,0,SC/AH 3085,26,,S
+434,0,3,"Kallio, Mr. Nikolai Erland",male,17,0,0,STON/O 2. 3101274,7.125,,S
+435,0,1,"Silvey, Mr. William Baird",male,50,1,0,13507,55.9,E44,S
+436,1,1,"Carter, Miss. Lucile Polk",female,14,1,2,113760,120,B96 B98,S
+437,0,3,"Ford, Miss. Doolina Margaret ""Daisy""",female,21,2,2,W./C. 6608,34.375,,S
+438,1,2,"Richards, Mrs. Sidney (Emily Hocking)",female,24,2,3,29106,18.75,,S
+439,0,1,"Fortune, Mr. Mark",male,64,1,4,19950,263,C23 C25 C27,S
+440,0,2,"Kvillner, Mr. Johan Henrik Johannesson",male,31,0,0,C.A. 18723,10.5,,S
+441,1,2,"Hart, Mrs. Benjamin (Esther Ada Bloomfield)",female,45,1,1,F.C.C. 13529,26.25,,S
+442,0,3,"Hampe, Mr. Leon",male,20,0,0,345769,9.5,,S
+443,0,3,"Petterson, Mr. Johan Emil",male,25,1,0,347076,7.775,,S
+444,1,2,"Reynaldo, Ms. Encarnacion",female,28,0,0,230434,13,,S
+445,1,3,"Johannesen-Bratthammer, Mr. Bernt",male,,0,0,65306,8.1125,,S
+446,1,1,"Dodge, Master. Washington",male,4,0,2,33638,81.8583,A34,S
+447,1,2,"Mellinger, Miss. Madeleine Violet",female,13,0,1,250644,19.5,,S
+448,1,1,"Seward, Mr. Frederic Kimber",male,34,0,0,113794,26.55,,S
+449,1,3,"Baclini, Miss. Marie Catherine",female,5,2,1,2666,19.2583,,C
+450,1,1,"Peuchen, Major. Arthur Godfrey",male,52,0,0,113786,30.5,C104,S
+451,0,2,"West, Mr. Edwy Arthur",male,36,1,2,C.A. 34651,27.75,,S
+452,0,3,"Hagland, Mr. Ingvald Olai Olsen",male,,1,0,65303,19.9667,,S
+453,0,1,"Foreman, Mr. Benjamin Laventall",male,30,0,0,113051,27.75,C111,C
+454,1,1,"Goldenberg, Mr. Samuel L",male,49,1,0,17453,89.1042,C92,C
+455,0,3,"Peduzzi, Mr. Joseph",male,,0,0,A/5 2817,8.05,,S
+456,1,3,"Jalsevac, Mr. Ivan",male,29,0,0,349240,7.8958,,C
+457,0,1,"Millet, Mr. Francis Davis",male,65,0,0,13509,26.55,E38,S
+458,1,1,"Kenyon, Mrs. Frederick R (Marion)",female,,1,0,17464,51.8625,D21,S
+459,1,2,"Toomey, Miss. Ellen",female,50,0,0,F.C.C. 13531,10.5,,S
+460,0,3,"O'Connor, Mr. Maurice",male,,0,0,371060,7.75,,Q
+461,1,1,"Anderson, Mr. Harry",male,48,0,0,19952,26.55,E12,S
+462,0,3,"Morley, Mr. William",male,34,0,0,364506,8.05,,S
+463,0,1,"Gee, Mr. Arthur H",male,47,0,0,111320,38.5,E63,S
+464,0,2,"Milling, Mr. Jacob Christian",male,48,0,0,234360,13,,S
+465,0,3,"Maisner, Mr. Simon",male,,0,0,A/S 2816,8.05,,S
+466,0,3,"Goncalves, Mr. Manuel Estanslas",male,38,0,0,SOTON/O.Q. 3101306,7.05,,S
+467,0,2,"Campbell, Mr. William",male,,0,0,239853,0,,S
+468,0,1,"Smart, Mr. John Montgomery",male,56,0,0,113792,26.55,,S
+469,0,3,"Scanlan, Mr. James",male,,0,0,36209,7.725,,Q
+470,1,3,"Baclini, Miss. Helene Barbara",female,0.75,2,1,2666,19.2583,,C
+471,0,3,"Keefe, Mr. Arthur",male,,0,0,323592,7.25,,S
+472,0,3,"Cacic, Mr. Luka",male,38,0,0,315089,8.6625,,S
+473,1,2,"West, Mrs. Edwy Arthur (Ada Mary Worth)",female,33,1,2,C.A. 34651,27.75,,S
+474,1,2,"Jerwan, Mrs. Amin S (Marie Marthe Thuillard)",female,23,0,0,SC/AH Basle 541,13.7917,D,C
+475,0,3,"Strandberg, Miss. Ida Sofia",female,22,0,0,7553,9.8375,,S
+476,0,1,"Clifford, Mr. George Quincy",male,,0,0,110465,52,A14,S
+477,0,2,"Renouf, Mr. Peter Henry",male,34,1,0,31027,21,,S
+478,0,3,"Braund, Mr. Lewis Richard",male,29,1,0,3460,7.0458,,S
+479,0,3,"Karlsson, Mr. Nils August",male,22,0,0,350060,7.5208,,S
+480,1,3,"Hirvonen, Miss. Hildur E",female,2,0,1,3101298,12.2875,,S
+481,0,3,"Goodwin, Master. Harold Victor",male,9,5,2,CA 2144,46.9,,S
+482,0,2,"Frost, Mr. Anthony Wood ""Archie""",male,,0,0,239854,0,,S
+483,0,3,"Rouse, Mr. Richard Henry",male,50,0,0,A/5 3594,8.05,,S
+484,1,3,"Turkula, Mrs. (Hedwig)",female,63,0,0,4134,9.5875,,S
+485,1,1,"Bishop, Mr. Dickinson H",male,25,1,0,11967,91.0792,B49,C
+486,0,3,"Lefebre, Miss. Jeannie",female,,3,1,4133,25.4667,,S
+487,1,1,"Hoyt, Mrs. Frederick Maxfield (Jane Anne Forby)",female,35,1,0,19943,90,C93,S
+488,0,1,"Kent, Mr. Edward Austin",male,58,0,0,11771,29.7,B37,C
+489,0,3,"Somerton, Mr. Francis William",male,30,0,0,A.5. 18509,8.05,,S
+490,1,3,"Coutts, Master. Eden Leslie ""Neville""",male,9,1,1,C.A. 37671,15.9,,S
+491,0,3,"Hagland, Mr. Konrad Mathias Reiersen",male,,1,0,65304,19.9667,,S
+492,0,3,"Windelov, Mr. Einar",male,21,0,0,SOTON/OQ 3101317,7.25,,S
+493,0,1,"Molson, Mr. Harry Markland",male,55,0,0,113787,30.5,C30,S
+494,0,1,"Artagaveytia, Mr. Ramon",male,71,0,0,PC 17609,49.5042,,C
+495,0,3,"Stanley, Mr. Edward Roland",male,21,0,0,A/4 45380,8.05,,S
+496,0,3,"Yousseff, Mr. Gerious",male,,0,0,2627,14.4583,,C
+497,1,1,"Eustis, Miss. Elizabeth Mussey",female,54,1,0,36947,78.2667,D20,C
+498,0,3,"Shellard, Mr. Frederick William",male,,0,0,C.A. 6212,15.1,,S
+499,0,1,"Allison, Mrs. Hudson J C (Bessie Waldo Daniels)",female,25,1,2,113781,151.55,C22 C26,S
+500,0,3,"Svensson, Mr. Olof",male,24,0,0,350035,7.7958,,S
+501,0,3,"Calic, Mr. Petar",male,17,0,0,315086,8.6625,,S
+502,0,3,"Canavan, Miss. Mary",female,21,0,0,364846,7.75,,Q
+503,0,3,"O'Sullivan, Miss. Bridget Mary",female,,0,0,330909,7.6292,,Q
+504,0,3,"Laitinen, Miss. Kristina Sofia",female,37,0,0,4135,9.5875,,S
+505,1,1,"Maioni, Miss. Roberta",female,16,0,0,110152,86.5,B79,S
+506,0,1,"Penasco y Castellana, Mr. Victor de Satode",male,18,1,0,PC 17758,108.9,C65,C
+507,1,2,"Quick, Mrs. Frederick Charles (Jane Richards)",female,33,0,2,26360,26,,S
+508,1,1,"Bradley, Mr. George (""George Arthur Brayton"")",male,,0,0,111427,26.55,,S
+509,0,3,"Olsen, Mr. Henry Margido",male,28,0,0,C 4001,22.525,,S
+510,1,3,"Lang, Mr. Fang",male,26,0,0,1601,56.4958,,S
+511,1,3,"Daly, Mr. Eugene Patrick",male,29,0,0,382651,7.75,,Q
+512,0,3,"Webber, Mr. James",male,,0,0,SOTON/OQ 3101316,8.05,,S
+513,1,1,"McGough, Mr. James Robert",male,36,0,0,PC 17473,26.2875,E25,S
+514,1,1,"Rothschild, Mrs. Martin (Elizabeth L. Barrett)",female,54,1,0,PC 17603,59.4,,C
+515,0,3,"Coleff, Mr. Satio",male,24,0,0,349209,7.4958,,S
+516,0,1,"Walker, Mr. William Anderson",male,47,0,0,36967,34.0208,D46,S
+517,1,2,"Lemore, Mrs. (Amelia Milley)",female,34,0,0,C.A. 34260,10.5,F33,S
+518,0,3,"Ryan, Mr. Patrick",male,,0,0,371110,24.15,,Q
+519,1,2,"Angle, Mrs. William A (Florence ""Mary"" Agnes Hughes)",female,36,1,0,226875,26,,S
+520,0,3,"Pavlovic, Mr. Stefo",male,32,0,0,349242,7.8958,,S
+521,1,1,"Perreault, Miss. Anne",female,30,0,0,12749,93.5,B73,S
+522,0,3,"Vovk, Mr. Janko",male,22,0,0,349252,7.8958,,S
+523,0,3,"Lahoud, Mr. Sarkis",male,,0,0,2624,7.225,,C
+524,1,1,"Hippach, Mrs. Louis Albert (Ida Sophia Fischer)",female,44,0,1,111361,57.9792,B18,C
+525,0,3,"Kassem, Mr. Fared",male,,0,0,2700,7.2292,,C
+526,0,3,"Farrell, Mr. James",male,40.5,0,0,367232,7.75,,Q
+527,1,2,"Ridsdale, Miss. Lucy",female,50,0,0,W./C. 14258,10.5,,S
+528,0,1,"Farthing, Mr. John",male,,0,0,PC 17483,221.7792,C95,S
+529,0,3,"Salonen, Mr. Johan Werner",male,39,0,0,3101296,7.925,,S
+530,0,2,"Hocking, Mr. Richard George",male,23,2,1,29104,11.5,,S
+531,1,2,"Quick, Miss. Phyllis May",female,2,1,1,26360,26,,S
+532,0,3,"Toufik, Mr. Nakli",male,,0,0,2641,7.2292,,C
+533,0,3,"Elias, Mr. Joseph Jr",male,17,1,1,2690,7.2292,,C
+534,1,3,"Peter, Mrs. Catherine (Catherine Rizk)",female,,0,2,2668,22.3583,,C
+535,0,3,"Cacic, Miss. Marija",female,30,0,0,315084,8.6625,,S
+536,1,2,"Hart, Miss. Eva Miriam",female,7,0,2,F.C.C. 13529,26.25,,S
+537,0,1,"Butt, Major. Archibald Willingham",male,45,0,0,113050,26.55,B38,S
+538,1,1,"LeRoy, Miss. Bertha",female,30,0,0,PC 17761,106.425,,C
+539,0,3,"Risien, Mr. Samuel Beard",male,,0,0,364498,14.5,,S
+540,1,1,"Frolicher, Miss. Hedwig Margaritha",female,22,0,2,13568,49.5,B39,C
+541,1,1,"Crosby, Miss. Harriet R",female,36,0,2,WE/P 5735,71,B22,S
+542,0,3,"Andersson, Miss. Ingeborg Constanzia",female,9,4,2,347082,31.275,,S
+543,0,3,"Andersson, Miss. Sigrid Elisabeth",female,11,4,2,347082,31.275,,S
+544,1,2,"Beane, Mr. Edward",male,32,1,0,2908,26,,S
+545,0,1,"Douglas, Mr. Walter Donald",male,50,1,0,PC 17761,106.425,C86,C
+546,0,1,"Nicholson, Mr. Arthur Ernest",male,64,0,0,693,26,,S
+547,1,2,"Beane, Mrs. Edward (Ethel Clarke)",female,19,1,0,2908,26,,S
+548,1,2,"Padro y Manent, Mr. Julian",male,,0,0,SC/PARIS 2146,13.8625,,C
+549,0,3,"Goldsmith, Mr. Frank John",male,33,1,1,363291,20.525,,S
+550,1,2,"Davies, Master. John Morgan Jr",male,8,1,1,C.A. 33112,36.75,,S
+551,1,1,"Thayer, Mr. John Borland Jr",male,17,0,2,17421,110.8833,C70,C
+552,0,2,"Sharp, Mr. Percival James R",male,27,0,0,244358,26,,S
+553,0,3,"O'Brien, Mr. Timothy",male,,0,0,330979,7.8292,,Q
+554,1,3,"Leeni, Mr. Fahim (""Philip Zenni"")",male,22,0,0,2620,7.225,,C
+555,1,3,"Ohman, Miss. Velin",female,22,0,0,347085,7.775,,S
+556,0,1,"Wright, Mr. George",male,62,0,0,113807,26.55,,S
+557,1,1,"Duff Gordon, Lady. (Lucille Christiana Sutherland) (""Mrs Morgan"")",female,48,1,0,11755,39.6,A16,C
+558,0,1,"Robbins, Mr. Victor",male,,0,0,PC 17757,227.525,,C
+559,1,1,"Taussig, Mrs. Emil (Tillie Mandelbaum)",female,39,1,1,110413,79.65,E67,S
+560,1,3,"de Messemaeker, Mrs. Guillaume Joseph (Emma)",female,36,1,0,345572,17.4,,S
+561,0,3,"Morrow, Mr. Thomas Rowan",male,,0,0,372622,7.75,,Q
+562,0,3,"Sivic, Mr. Husein",male,40,0,0,349251,7.8958,,S
+563,0,2,"Norman, Mr. Robert Douglas",male,28,0,0,218629,13.5,,S
+564,0,3,"Simmons, Mr. John",male,,0,0,SOTON/OQ 392082,8.05,,S
+565,0,3,"Meanwell, Miss. (Marion Ogden)",female,,0,0,SOTON/O.Q. 392087,8.05,,S
+566,0,3,"Davies, Mr. Alfred J",male,24,2,0,A/4 48871,24.15,,S
+567,0,3,"Stoytcheff, Mr. Ilia",male,19,0,0,349205,7.8958,,S
+568,0,3,"Palsson, Mrs. Nils (Alma Cornelia Berglund)",female,29,0,4,349909,21.075,,S
+569,0,3,"Doharr, Mr. Tannous",male,,0,0,2686,7.2292,,C
+570,1,3,"Jonsson, Mr. Carl",male,32,0,0,350417,7.8542,,S
+571,1,2,"Harris, Mr. George",male,62,0,0,S.W./PP 752,10.5,,S
+572,1,1,"Appleton, Mrs. Edward Dale (Charlotte Lamson)",female,53,2,0,11769,51.4792,C101,S
+573,1,1,"Flynn, Mr. John Irwin (""Irving"")",male,36,0,0,PC 17474,26.3875,E25,S
+574,1,3,"Kelly, Miss. Mary",female,,0,0,14312,7.75,,Q
+575,0,3,"Rush, Mr. Alfred George John",male,16,0,0,A/4. 20589,8.05,,S
+576,0,3,"Patchett, Mr. George",male,19,0,0,358585,14.5,,S
+577,1,2,"Garside, Miss. Ethel",female,34,0,0,243880,13,,S
+578,1,1,"Silvey, Mrs. William Baird (Alice Munger)",female,39,1,0,13507,55.9,E44,S
+579,0,3,"Caram, Mrs. Joseph (Maria Elias)",female,,1,0,2689,14.4583,,C
+580,1,3,"Jussila, Mr. Eiriik",male,32,0,0,STON/O 2. 3101286,7.925,,S
+581,1,2,"Christy, Miss. Julie Rachel",female,25,1,1,237789,30,,S
+582,1,1,"Thayer, Mrs. John Borland (Marian Longstreth Morris)",female,39,1,1,17421,110.8833,C68,C
+583,0,2,"Downton, Mr. William James",male,54,0,0,28403,26,,S
+584,0,1,"Ross, Mr. John Hugo",male,36,0,0,13049,40.125,A10,C
+585,0,3,"Paulner, Mr. Uscher",male,,0,0,3411,8.7125,,C
+586,1,1,"Taussig, Miss. Ruth",female,18,0,2,110413,79.65,E68,S
+587,0,2,"Jarvis, Mr. John Denzil",male,47,0,0,237565,15,,S
+588,1,1,"Frolicher-Stehli, Mr. Maxmillian",male,60,1,1,13567,79.2,B41,C
+589,0,3,"Gilinski, Mr. Eliezer",male,22,0,0,14973,8.05,,S
+590,0,3,"Murdlin, Mr. Joseph",male,,0,0,A./5. 3235,8.05,,S
+591,0,3,"Rintamaki, Mr. Matti",male,35,0,0,STON/O 2. 3101273,7.125,,S
+592,1,1,"Stephenson, Mrs. Walter Bertram (Martha Eustis)",female,52,1,0,36947,78.2667,D20,C
+593,0,3,"Elsbury, Mr. William James",male,47,0,0,A/5 3902,7.25,,S
+594,0,3,"Bourke, Miss. Mary",female,,0,2,364848,7.75,,Q
+595,0,2,"Chapman, Mr. John Henry",male,37,1,0,SC/AH 29037,26,,S
+596,0,3,"Van Impe, Mr. Jean Baptiste",male,36,1,1,345773,24.15,,S
+597,1,2,"Leitch, Miss. Jessie Wills",female,,0,0,248727,33,,S
+598,0,3,"Johnson, Mr. Alfred",male,49,0,0,LINE,0,,S
+599,0,3,"Boulos, Mr. Hanna",male,,0,0,2664,7.225,,C
+600,1,1,"Duff Gordon, Sir. Cosmo Edmund (""Mr Morgan"")",male,49,1,0,PC 17485,56.9292,A20,C
+601,1,2,"Jacobsohn, Mrs. Sidney Samuel (Amy Frances Christy)",female,24,2,1,243847,27,,S
+602,0,3,"Slabenoff, Mr. Petco",male,,0,0,349214,7.8958,,S
+603,0,1,"Harrington, Mr. Charles H",male,,0,0,113796,42.4,,S
+604,0,3,"Torber, Mr. Ernst William",male,44,0,0,364511,8.05,,S
+605,1,1,"Homer, Mr. Harry (""Mr E Haven"")",male,35,0,0,111426,26.55,,C
+606,0,3,"Lindell, Mr. Edvard Bengtsson",male,36,1,0,349910,15.55,,S
+607,0,3,"Karaic, Mr. Milan",male,30,0,0,349246,7.8958,,S
+608,1,1,"Daniel, Mr. Robert Williams",male,27,0,0,113804,30.5,,S
+609,1,2,"Laroche, Mrs. Joseph (Juliette Marie Louise Lafargue)",female,22,1,2,SC/Paris 2123,41.5792,,C
+610,1,1,"Shutes, Miss. Elizabeth W",female,40,0,0,PC 17582,153.4625,C125,S
+611,0,3,"Andersson, Mrs. Anders Johan (Alfrida Konstantia Brogren)",female,39,1,5,347082,31.275,,S
+612,0,3,"Jardin, Mr. Jose Neto",male,,0,0,SOTON/O.Q. 3101305,7.05,,S
+613,1,3,"Murphy, Miss. Margaret Jane",female,,1,0,367230,15.5,,Q
+614,0,3,"Horgan, Mr. John",male,,0,0,370377,7.75,,Q
+615,0,3,"Brocklebank, Mr. William Alfred",male,35,0,0,364512,8.05,,S
+616,1,2,"Herman, Miss. Alice",female,24,1,2,220845,65,,S
+617,0,3,"Danbom, Mr. Ernst Gilbert",male,34,1,1,347080,14.4,,S
+618,0,3,"Lobb, Mrs. William Arthur (Cordelia K Stanlick)",female,26,1,0,A/5. 3336,16.1,,S
+619,1,2,"Becker, Miss. Marion Louise",female,4,2,1,230136,39,F4,S
+620,0,2,"Gavey, Mr. Lawrence",male,26,0,0,31028,10.5,,S
+621,0,3,"Yasbeck, Mr. Antoni",male,27,1,0,2659,14.4542,,C
+622,1,1,"Kimball, Mr. Edwin Nelson Jr",male,42,1,0,11753,52.5542,D19,S
+623,1,3,"Nakid, Mr. Sahid",male,20,1,1,2653,15.7417,,C
+624,0,3,"Hansen, Mr. Henry Damsgaard",male,21,0,0,350029,7.8542,,S
+625,0,3,"Bowen, Mr. David John ""Dai""",male,21,0,0,54636,16.1,,S
+626,0,1,"Sutton, Mr. Frederick",male,61,0,0,36963,32.3208,D50,S
+627,0,2,"Kirkland, Rev. Charles Leonard",male,57,0,0,219533,12.35,,Q
+628,1,1,"Longley, Miss. Gretchen Fiske",female,21,0,0,13502,77.9583,D9,S
+629,0,3,"Bostandyeff, Mr. Guentcho",male,26,0,0,349224,7.8958,,S
+630,0,3,"O'Connell, Mr. Patrick D",male,,0,0,334912,7.7333,,Q
+631,1,1,"Barkworth, Mr. Algernon Henry Wilson",male,80,0,0,27042,30,A23,S
+632,0,3,"Lundahl, Mr. Johan Svensson",male,51,0,0,347743,7.0542,,S
+633,1,1,"Stahelin-Maeglin, Dr. Max",male,32,0,0,13214,30.5,B50,C
+634,0,1,"Parr, Mr. William Henry Marsh",male,,0,0,112052,0,,S
+635,0,3,"Skoog, Miss. Mabel",female,9,3,2,347088,27.9,,S
+636,1,2,"Davis, Miss. Mary",female,28,0,0,237668,13,,S
+637,0,3,"Leinonen, Mr. Antti Gustaf",male,32,0,0,STON/O 2. 3101292,7.925,,S
+638,0,2,"Collyer, Mr. Harvey",male,31,1,1,C.A. 31921,26.25,,S
+639,0,3,"Panula, Mrs. Juha (Maria Emilia Ojala)",female,41,0,5,3101295,39.6875,,S
+640,0,3,"Thorneycroft, Mr. Percival",male,,1,0,376564,16.1,,S
+641,0,3,"Jensen, Mr. Hans Peder",male,20,0,0,350050,7.8542,,S
+642,1,1,"Sagesser, Mlle. Emma",female,24,0,0,PC 17477,69.3,B35,C
+643,0,3,"Skoog, Miss. Margit Elizabeth",female,2,3,2,347088,27.9,,S
+644,1,3,"Foo, Mr. Choong",male,,0,0,1601,56.4958,,S
+645,1,3,"Baclini, Miss. Eugenie",female,0.75,2,1,2666,19.2583,,C
+646,1,1,"Harper, Mr. Henry Sleeper",male,48,1,0,PC 17572,76.7292,D33,C
+647,0,3,"Cor, Mr. Liudevit",male,19,0,0,349231,7.8958,,S
+648,1,1,"Simonius-Blumer, Col. Oberst Alfons",male,56,0,0,13213,35.5,A26,C
+649,0,3,"Willey, Mr. Edward",male,,0,0,S.O./P.P. 751,7.55,,S
+650,1,3,"Stanley, Miss. Amy Zillah Elsie",female,23,0,0,CA. 2314,7.55,,S
+651,0,3,"Mitkoff, Mr. Mito",male,,0,0,349221,7.8958,,S
+652,1,2,"Doling, Miss. Elsie",female,18,0,1,231919,23,,S
+653,0,3,"Kalvik, Mr. Johannes Halvorsen",male,21,0,0,8475,8.4333,,S
+654,1,3,"O'Leary, Miss. Hanora ""Norah""",female,,0,0,330919,7.8292,,Q
+655,0,3,"Hegarty, Miss. Hanora ""Nora""",female,18,0,0,365226,6.75,,Q
+656,0,2,"Hickman, Mr. Leonard Mark",male,24,2,0,S.O.C. 14879,73.5,,S
+657,0,3,"Radeff, Mr. Alexander",male,,0,0,349223,7.8958,,S
+658,0,3,"Bourke, Mrs. John (Catherine)",female,32,1,1,364849,15.5,,Q
+659,0,2,"Eitemiller, Mr. George Floyd",male,23,0,0,29751,13,,S
+660,0,1,"Newell, Mr. Arthur Webster",male,58,0,2,35273,113.275,D48,C
+661,1,1,"Frauenthal, Dr. Henry William",male,50,2,0,PC 17611,133.65,,S
+662,0,3,"Badt, Mr. Mohamed",male,40,0,0,2623,7.225,,C
+663,0,1,"Colley, Mr. Edward Pomeroy",male,47,0,0,5727,25.5875,E58,S
+664,0,3,"Coleff, Mr. Peju",male,36,0,0,349210,7.4958,,S
+665,1,3,"Lindqvist, Mr. Eino William",male,20,1,0,STON/O 2. 3101285,7.925,,S
+666,0,2,"Hickman, Mr. Lewis",male,32,2,0,S.O.C. 14879,73.5,,S
+667,0,2,"Butler, Mr. Reginald Fenton",male,25,0,0,234686,13,,S
+668,0,3,"Rommetvedt, Mr. Knud Paust",male,,0,0,312993,7.775,,S
+669,0,3,"Cook, Mr. Jacob",male,43,0,0,A/5 3536,8.05,,S
+670,1,1,"Taylor, Mrs. Elmer Zebley (Juliet Cummins Wright)",female,,1,0,19996,52,C126,S
+671,1,2,"Brown, Mrs. Thomas William Solomon (Elizabeth Catherine Ford)",female,40,1,1,29750,39,,S
+672,0,1,"Davidson, Mr. Thornton",male,31,1,0,F.C. 12750,52,B71,S
+673,0,2,"Mitchell, Mr. Henry Michael",male,70,0,0,C.A. 24580,10.5,,S
+674,1,2,"Wilhelms, Mr. Charles",male,31,0,0,244270,13,,S
+675,0,2,"Watson, Mr. Ennis Hastings",male,,0,0,239856,0,,S
+676,0,3,"Edvardsson, Mr. Gustaf Hjalmar",male,18,0,0,349912,7.775,,S
+677,0,3,"Sawyer, Mr. Frederick Charles",male,24.5,0,0,342826,8.05,,S
+678,1,3,"Turja, Miss. Anna Sofia",female,18,0,0,4138,9.8417,,S
+679,0,3,"Goodwin, Mrs. Frederick (Augusta Tyler)",female,43,1,6,CA 2144,46.9,,S
+680,1,1,"Cardeza, Mr. Thomas Drake Martinez",male,36,0,1,PC 17755,512.3292,B51 B53 B55,C
+681,0,3,"Peters, Miss. Katie",female,,0,0,330935,8.1375,,Q
+682,1,1,"Hassab, Mr. Hammad",male,27,0,0,PC 17572,76.7292,D49,C
+683,0,3,"Olsvigen, Mr. Thor Anderson",male,20,0,0,6563,9.225,,S
+684,0,3,"Goodwin, Mr. Charles Edward",male,14,5,2,CA 2144,46.9,,S
+685,0,2,"Brown, Mr. Thomas William Solomon",male,60,1,1,29750,39,,S
+686,0,2,"Laroche, Mr. Joseph Philippe Lemercier",male,25,1,2,SC/Paris 2123,41.5792,,C
+687,0,3,"Panula, Mr. Jaako Arnold",male,14,4,1,3101295,39.6875,,S
+688,0,3,"Dakic, Mr. Branko",male,19,0,0,349228,10.1708,,S
+689,0,3,"Fischer, Mr. Eberhard Thelander",male,18,0,0,350036,7.7958,,S
+690,1,1,"Madill, Miss. Georgette Alexandra",female,15,0,1,24160,211.3375,B5,S
+691,1,1,"Dick, Mr. Albert Adrian",male,31,1,0,17474,57,B20,S
+692,1,3,"Karun, Miss. Manca",female,4,0,1,349256,13.4167,,C
+693,1,3,"Lam, Mr. Ali",male,,0,0,1601,56.4958,,S
+694,0,3,"Saad, Mr. Khalil",male,25,0,0,2672,7.225,,C
+695,0,1,"Weir, Col. John",male,60,0,0,113800,26.55,,S
+696,0,2,"Chapman, Mr. Charles Henry",male,52,0,0,248731,13.5,,S
+697,0,3,"Kelly, Mr. James",male,44,0,0,363592,8.05,,S
+698,1,3,"Mullens, Miss. Katherine ""Katie""",female,,0,0,35852,7.7333,,Q
+699,0,1,"Thayer, Mr. John Borland",male,49,1,1,17421,110.8833,C68,C
+700,0,3,"Humblen, Mr. Adolf Mathias Nicolai Olsen",male,42,0,0,348121,7.65,F G63,S
+701,1,1,"Astor, Mrs. John Jacob (Madeleine Talmadge Force)",female,18,1,0,PC 17757,227.525,C62 C64,C
+702,1,1,"Silverthorne, Mr. Spencer Victor",male,35,0,0,PC 17475,26.2875,E24,S
+703,0,3,"Barbara, Miss. Saiide",female,18,0,1,2691,14.4542,,C
+704,0,3,"Gallagher, Mr. Martin",male,25,0,0,36864,7.7417,,Q
+705,0,3,"Hansen, Mr. Henrik Juul",male,26,1,0,350025,7.8542,,S
+706,0,2,"Morley, Mr. Henry Samuel (""Mr Henry Marshall"")",male,39,0,0,250655,26,,S
+707,1,2,"Kelly, Mrs. Florence ""Fannie""",female,45,0,0,223596,13.5,,S
+708,1,1,"Calderhead, Mr. Edward Pennington",male,42,0,0,PC 17476,26.2875,E24,S
+709,1,1,"Cleaver, Miss. Alice",female,22,0,0,113781,151.55,,S
+710,1,3,"Moubarek, Master. Halim Gonios (""William George"")",male,,1,1,2661,15.2458,,C
+711,1,1,"Mayne, Mlle. Berthe Antonine (""Mrs de Villiers"")",female,24,0,0,PC 17482,49.5042,C90,C
+712,0,1,"Klaber, Mr. Herman",male,,0,0,113028,26.55,C124,S
+713,1,1,"Taylor, Mr. Elmer Zebley",male,48,1,0,19996,52,C126,S
+714,0,3,"Larsson, Mr. August Viktor",male,29,0,0,7545,9.4833,,S
+715,0,2,"Greenberg, Mr. Samuel",male,52,0,0,250647,13,,S
+716,0,3,"Soholt, Mr. Peter Andreas Lauritz Andersen",male,19,0,0,348124,7.65,F G73,S
+717,1,1,"Endres, Miss. Caroline Louise",female,38,0,0,PC 17757,227.525,C45,C
+718,1,2,"Troutt, Miss. Edwina Celia ""Winnie""",female,27,0,0,34218,10.5,E101,S
+719,0,3,"McEvoy, Mr. Michael",male,,0,0,36568,15.5,,Q
+720,0,3,"Johnson, Mr. Malkolm Joackim",male,33,0,0,347062,7.775,,S
+721,1,2,"Harper, Miss. Annie Jessie ""Nina""",female,6,0,1,248727,33,,S
+722,0,3,"Jensen, Mr. Svend Lauritz",male,17,1,0,350048,7.0542,,S
+723,0,2,"Gillespie, Mr. William Henry",male,34,0,0,12233,13,,S
+724,0,2,"Hodges, Mr. Henry Price",male,50,0,0,250643,13,,S
+725,1,1,"Chambers, Mr. Norman Campbell",male,27,1,0,113806,53.1,E8,S
+726,0,3,"Oreskovic, Mr. Luka",male,20,0,0,315094,8.6625,,S
+727,1,2,"Renouf, Mrs. Peter Henry (Lillian Jefferys)",female,30,3,0,31027,21,,S
+728,1,3,"Mannion, Miss. Margareth",female,,0,0,36866,7.7375,,Q
+729,0,2,"Bryhl, Mr. Kurt Arnold Gottfrid",male,25,1,0,236853,26,,S
+730,0,3,"Ilmakangas, Miss. Pieta Sofia",female,25,1,0,STON/O2. 3101271,7.925,,S
+731,1,1,"Allen, Miss. Elisabeth Walton",female,29,0,0,24160,211.3375,B5,S
+732,0,3,"Hassan, Mr. Houssein G N",male,11,0,0,2699,18.7875,,C
+733,0,2,"Knight, Mr. Robert J",male,,0,0,239855,0,,S
+734,0,2,"Berriman, Mr. William John",male,23,0,0,28425,13,,S
+735,0,2,"Troupiansky, Mr. Moses Aaron",male,23,0,0,233639,13,,S
+736,0,3,"Williams, Mr. Leslie",male,28.5,0,0,54636,16.1,,S
+737,0,3,"Ford, Mrs. Edward (Margaret Ann Watson)",female,48,1,3,W./C. 6608,34.375,,S
+738,1,1,"Lesurer, Mr. Gustave J",male,35,0,0,PC 17755,512.3292,B101,C
+739,0,3,"Ivanoff, Mr. Kanio",male,,0,0,349201,7.8958,,S
+740,0,3,"Nankoff, Mr. Minko",male,,0,0,349218,7.8958,,S
+741,1,1,"Hawksford, Mr. Walter James",male,,0,0,16988,30,D45,S
+742,0,1,"Cavendish, Mr. Tyrell William",male,36,1,0,19877,78.85,C46,S
+743,1,1,"Ryerson, Miss. Susan Parker ""Suzette""",female,21,2,2,PC 17608,262.375,B57 B59 B63 B66,C
+744,0,3,"McNamee, Mr. Neal",male,24,1,0,376566,16.1,,S
+745,1,3,"Stranden, Mr. Juho",male,31,0,0,STON/O 2. 3101288,7.925,,S
+746,0,1,"Crosby, Capt. Edward Gifford",male,70,1,1,WE/P 5735,71,B22,S
+747,0,3,"Abbott, Mr. Rossmore Edward",male,16,1,1,C.A. 2673,20.25,,S
+748,1,2,"Sinkkonen, Miss. Anna",female,30,0,0,250648,13,,S
+749,0,1,"Marvin, Mr. Daniel Warner",male,19,1,0,113773,53.1,D30,S
+750,0,3,"Connaghton, Mr. Michael",male,31,0,0,335097,7.75,,Q
+751,1,2,"Wells, Miss. Joan",female,4,1,1,29103,23,,S
+752,1,3,"Moor, Master. Meier",male,6,0,1,392096,12.475,E121,S
+753,0,3,"Vande Velde, Mr. Johannes Joseph",male,33,0,0,345780,9.5,,S
+754,0,3,"Jonkoff, Mr. Lalio",male,23,0,0,349204,7.8958,,S
+755,1,2,"Herman, Mrs. Samuel (Jane Laver)",female,48,1,2,220845,65,,S
+756,1,2,"Hamalainen, Master. Viljo",male,0.67,1,1,250649,14.5,,S
+757,0,3,"Carlsson, Mr. August Sigfrid",male,28,0,0,350042,7.7958,,S
+758,0,2,"Bailey, Mr. Percy Andrew",male,18,0,0,29108,11.5,,S
+759,0,3,"Theobald, Mr. Thomas Leonard",male,34,0,0,363294,8.05,,S
+760,1,1,"Rothes, the Countess. of (Lucy Noel Martha Dyer-Edwards)",female,33,0,0,110152,86.5,B77,S
+761,0,3,"Garfirth, Mr. John",male,,0,0,358585,14.5,,S
+762,0,3,"Nirva, Mr. Iisakki Antino Aijo",male,41,0,0,SOTON/O2 3101272,7.125,,S
+763,1,3,"Barah, Mr. Hanna Assi",male,20,0,0,2663,7.2292,,C
+764,1,1,"Carter, Mrs. William Ernest (Lucile Polk)",female,36,1,2,113760,120,B96 B98,S
+765,0,3,"Eklund, Mr. Hans Linus",male,16,0,0,347074,7.775,,S
+766,1,1,"Hogeboom, Mrs. John C (Anna Andrews)",female,51,1,0,13502,77.9583,D11,S
+767,0,1,"Brewe, Dr. Arthur Jackson",male,,0,0,112379,39.6,,C
+768,0,3,"Mangan, Miss. Mary",female,30.5,0,0,364850,7.75,,Q
+769,0,3,"Moran, Mr. Daniel J",male,,1,0,371110,24.15,,Q
+770,0,3,"Gronnestad, Mr. Daniel Danielsen",male,32,0,0,8471,8.3625,,S
+771,0,3,"Lievens, Mr. Rene Aime",male,24,0,0,345781,9.5,,S
+772,0,3,"Jensen, Mr. Niels Peder",male,48,0,0,350047,7.8542,,S
+773,0,2,"Mack, Mrs. (Mary)",female,57,0,0,S.O./P.P. 3,10.5,E77,S
+774,0,3,"Elias, Mr. Dibo",male,,0,0,2674,7.225,,C
+775,1,2,"Hocking, Mrs. Elizabeth (Eliza Needs)",female,54,1,3,29105,23,,S
+776,0,3,"Myhrman, Mr. Pehr Fabian Oliver Malkolm",male,18,0,0,347078,7.75,,S
+777,0,3,"Tobin, Mr. Roger",male,,0,0,383121,7.75,F38,Q
+778,1,3,"Emanuel, Miss. Virginia Ethel",female,5,0,0,364516,12.475,,S
+779,0,3,"Kilgannon, Mr. Thomas J",male,,0,0,36865,7.7375,,Q
+780,1,1,"Robert, Mrs. Edward Scott (Elisabeth Walton McMillan)",female,43,0,1,24160,211.3375,B3,S
+781,1,3,"Ayoub, Miss. Banoura",female,13,0,0,2687,7.2292,,C
+782,1,1,"Dick, Mrs. Albert Adrian (Vera Gillespie)",female,17,1,0,17474,57,B20,S
+783,0,1,"Long, Mr. Milton Clyde",male,29,0,0,113501,30,D6,S
+784,0,3,"Johnston, Mr. Andrew G",male,,1,2,W./C. 6607,23.45,,S
+785,0,3,"Ali, Mr. William",male,25,0,0,SOTON/O.Q. 3101312,7.05,,S
+786,0,3,"Harmer, Mr. Abraham (David Lishin)",male,25,0,0,374887,7.25,,S
+787,1,3,"Sjoblom, Miss. Anna Sofia",female,18,0,0,3101265,7.4958,,S
+788,0,3,"Rice, Master. George Hugh",male,8,4,1,382652,29.125,,Q
+789,1,3,"Dean, Master. Bertram Vere",male,1,1,2,C.A. 2315,20.575,,S
+790,0,1,"Guggenheim, Mr. Benjamin",male,46,0,0,PC 17593,79.2,B82 B84,C
+791,0,3,"Keane, Mr. Andrew ""Andy""",male,,0,0,12460,7.75,,Q
+792,0,2,"Gaskell, Mr. Alfred",male,16,0,0,239865,26,,S
+793,0,3,"Sage, Miss. Stella Anna",female,,8,2,CA. 2343,69.55,,S
+794,0,1,"Hoyt, Mr. William Fisher",male,,0,0,PC 17600,30.6958,,C
+795,0,3,"Dantcheff, Mr. Ristiu",male,25,0,0,349203,7.8958,,S
+796,0,2,"Otter, Mr. Richard",male,39,0,0,28213,13,,S
+797,1,1,"Leader, Dr. Alice (Farnham)",female,49,0,0,17465,25.9292,D17,S
+798,1,3,"Osman, Mrs. Mara",female,31,0,0,349244,8.6833,,S
+799,0,3,"Ibrahim Shawah, Mr. Yousseff",male,30,0,0,2685,7.2292,,C
+800,0,3,"Van Impe, Mrs. Jean Baptiste (Rosalie Paula Govaert)",female,30,1,1,345773,24.15,,S
+801,0,2,"Ponesell, Mr. Martin",male,34,0,0,250647,13,,S
+802,1,2,"Collyer, Mrs. Harvey (Charlotte Annie Tate)",female,31,1,1,C.A. 31921,26.25,,S
+803,1,1,"Carter, Master. William Thornton II",male,11,1,2,113760,120,B96 B98,S
+804,1,3,"Thomas, Master. Assad Alexander",male,0.42,0,1,2625,8.5167,,C
+805,1,3,"Hedman, Mr. Oskar Arvid",male,27,0,0,347089,6.975,,S
+806,0,3,"Johansson, Mr. Karl Johan",male,31,0,0,347063,7.775,,S
+807,0,1,"Andrews, Mr. Thomas Jr",male,39,0,0,112050,0,A36,S
+808,0,3,"Pettersson, Miss. Ellen Natalia",female,18,0,0,347087,7.775,,S
+809,0,2,"Meyer, Mr. August",male,39,0,0,248723,13,,S
+810,1,1,"Chambers, Mrs. Norman Campbell (Bertha Griggs)",female,33,1,0,113806,53.1,E8,S
+811,0,3,"Alexander, Mr. William",male,26,0,0,3474,7.8875,,S
+812,0,3,"Lester, Mr. James",male,39,0,0,A/4 48871,24.15,,S
+813,0,2,"Slemen, Mr. Richard James",male,35,0,0,28206,10.5,,S
+814,0,3,"Andersson, Miss. Ebba Iris Alfrida",female,6,4,2,347082,31.275,,S
+815,0,3,"Tomlin, Mr. Ernest Portage",male,30.5,0,0,364499,8.05,,S
+816,0,1,"Fry, Mr. Richard",male,,0,0,112058,0,B102,S
+817,0,3,"Heininen, Miss. Wendla Maria",female,23,0,0,STON/O2. 3101290,7.925,,S
+818,0,2,"Mallet, Mr. Albert",male,31,1,1,S.C./PARIS 2079,37.0042,,C
+819,0,3,"Holm, Mr. John Fredrik Alexander",male,43,0,0,C 7075,6.45,,S
+820,0,3,"Skoog, Master. Karl Thorsten",male,10,3,2,347088,27.9,,S
+821,1,1,"Hays, Mrs. Charles Melville (Clara Jennings Gregg)",female,52,1,1,12749,93.5,B69,S
+822,1,3,"Lulic, Mr. Nikola",male,27,0,0,315098,8.6625,,S
+823,0,1,"Reuchlin, Jonkheer. John George",male,38,0,0,19972,0,,S
+824,1,3,"Moor, Mrs. (Beila)",female,27,0,1,392096,12.475,E121,S
+825,0,3,"Panula, Master. Urho Abraham",male,2,4,1,3101295,39.6875,,S
+826,0,3,"Flynn, Mr. John",male,,0,0,368323,6.95,,Q
+827,0,3,"Lam, Mr. Len",male,,0,0,1601,56.4958,,S
+828,1,2,"Mallet, Master. Andre",male,1,0,2,S.C./PARIS 2079,37.0042,,C
+829,1,3,"McCormack, Mr. Thomas Joseph",male,,0,0,367228,7.75,,Q
+830,1,1,"Stone, Mrs. George Nelson (Martha Evelyn)",female,62,0,0,113572,80,B28,
+831,1,3,"Yasbeck, Mrs. Antoni (Selini Alexander)",female,15,1,0,2659,14.4542,,C
+832,1,2,"Richards, Master. George Sibley",male,0.83,1,1,29106,18.75,,S
+833,0,3,"Saad, Mr. Amin",male,,0,0,2671,7.2292,,C
+834,0,3,"Augustsson, Mr. Albert",male,23,0,0,347468,7.8542,,S
+835,0,3,"Allum, Mr. Owen George",male,18,0,0,2223,8.3,,S
+836,1,1,"Compton, Miss. Sara Rebecca",female,39,1,1,PC 17756,83.1583,E49,C
+837,0,3,"Pasic, Mr. Jakob",male,21,0,0,315097,8.6625,,S
+838,0,3,"Sirota, Mr. Maurice",male,,0,0,392092,8.05,,S
+839,1,3,"Chip, Mr. Chang",male,32,0,0,1601,56.4958,,S
+840,1,1,"Marechal, Mr. Pierre",male,,0,0,11774,29.7,C47,C
+841,0,3,"Alhomaki, Mr. Ilmari Rudolf",male,20,0,0,SOTON/O2 3101287,7.925,,S
+842,0,2,"Mudd, Mr. Thomas Charles",male,16,0,0,S.O./P.P. 3,10.5,,S
+843,1,1,"Serepeca, Miss. Augusta",female,30,0,0,113798,31,,C
+844,0,3,"Lemberopolous, Mr. Peter L",male,34.5,0,0,2683,6.4375,,C
+845,0,3,"Culumovic, Mr. Jeso",male,17,0,0,315090,8.6625,,S
+846,0,3,"Abbing, Mr. Anthony",male,42,0,0,C.A. 5547,7.55,,S
+847,0,3,"Sage, Mr. Douglas Bullen",male,,8,2,CA. 2343,69.55,,S
+848,0,3,"Markoff, Mr. Marin",male,35,0,0,349213,7.8958,,C
+849,0,2,"Harper, Rev. John",male,28,0,1,248727,33,,S
+850,1,1,"Goldenberg, Mrs. Samuel L (Edwiga Grabowska)",female,,1,0,17453,89.1042,C92,C
+851,0,3,"Andersson, Master. Sigvard Harald Elias",male,4,4,2,347082,31.275,,S
+852,0,3,"Svensson, Mr. Johan",male,74,0,0,347060,7.775,,S
+853,0,3,"Boulos, Miss. Nourelain",female,9,1,1,2678,15.2458,,C
+854,1,1,"Lines, Miss. Mary Conover",female,16,0,1,PC 17592,39.4,D28,S
+855,0,2,"Carter, Mrs. Ernest Courtenay (Lilian Hughes)",female,44,1,0,244252,26,,S
+856,1,3,"Aks, Mrs. Sam (Leah Rosen)",female,18,0,1,392091,9.35,,S
+857,1,1,"Wick, Mrs. George Dennick (Mary Hitchcock)",female,45,1,1,36928,164.8667,,S
+858,1,1,"Daly, Mr. Peter Denis ",male,51,0,0,113055,26.55,E17,S
+859,1,3,"Baclini, Mrs. Solomon (Latifa Qurban)",female,24,0,3,2666,19.2583,,C
+860,0,3,"Razi, Mr. Raihed",male,,0,0,2629,7.2292,,C
+861,0,3,"Hansen, Mr. Claus Peter",male,41,2,0,350026,14.1083,,S
+862,0,2,"Giles, Mr. Frederick Edward",male,21,1,0,28134,11.5,,S
+863,1,1,"Swift, Mrs. Frederick Joel (Margaret Welles Barron)",female,48,0,0,17466,25.9292,D17,S
+864,0,3,"Sage, Miss. Dorothy Edith ""Dolly""",female,,8,2,CA. 2343,69.55,,S
+865,0,2,"Gill, Mr. John William",male,24,0,0,233866,13,,S
+866,1,2,"Bystrom, Mrs. (Karolina)",female,42,0,0,236852,13,,S
+867,1,2,"Duran y More, Miss. Asuncion",female,27,1,0,SC/PARIS 2149,13.8583,,C
+868,0,1,"Roebling, Mr. Washington Augustus II",male,31,0,0,PC 17590,50.4958,A24,S
+869,0,3,"van Melkebeke, Mr. Philemon",male,,0,0,345777,9.5,,S
+870,1,3,"Johnson, Master. Harold Theodor",male,4,1,1,347742,11.1333,,S
+871,0,3,"Balkic, Mr. Cerin",male,26,0,0,349248,7.8958,,S
+872,1,1,"Beckwith, Mrs. Richard Leonard (Sallie Monypeny)",female,47,1,1,11751,52.5542,D35,S
+873,0,1,"Carlsson, Mr. Frans Olof",male,33,0,0,695,5,B51 B53 B55,S
+874,0,3,"Vander Cruyssen, Mr. Victor",male,47,0,0,345765,9,,S
+875,1,2,"Abelson, Mrs. Samuel (Hannah Wizosky)",female,28,1,0,P/PP 3381,24,,C
+876,1,3,"Najib, Miss. Adele Kiamie ""Jane""",female,15,0,0,2667,7.225,,C
+877,0,3,"Gustafsson, Mr. Alfred Ossian",male,20,0,0,7534,9.8458,,S
+878,0,3,"Petroff, Mr. Nedelio",male,19,0,0,349212,7.8958,,S
+879,0,3,"Laleff, Mr. Kristo",male,,0,0,349217,7.8958,,S
+880,1,1,"Potter, Mrs. Thomas Jr (Lily Alexenia Wilson)",female,56,0,1,11767,83.1583,C50,C
+881,1,2,"Shelley, Mrs. William (Imanita Parrish Hall)",female,25,0,1,230433,26,,S
+882,0,3,"Markun, Mr. Johann",male,33,0,0,349257,7.8958,,S
+883,0,3,"Dahlberg, Miss. Gerda Ulrika",female,22,0,0,7552,10.5167,,S
+884,0,2,"Banfield, Mr. Frederick James",male,28,0,0,C.A./SOTON 34068,10.5,,S
+885,0,3,"Sutehall, Mr. Henry Jr",male,25,0,0,SOTON/OQ 392076,7.05,,S
+886,0,3,"Rice, Mrs. William (Margaret Norton)",female,39,0,5,382652,29.125,,Q
+887,0,2,"Montvila, Rev. Juozas",male,27,0,0,211536,13,,S
+888,1,1,"Graham, Miss. Margaret Edith",female,19,0,0,112053,30,B42,S
+889,0,3,"Johnston, Miss. Catherine Helen ""Carrie""",female,,1,2,W./C. 6607,23.45,,S
+890,1,1,"Behr, Mr. Karl Howell",male,26,0,0,111369,30,C148,C
+891,0,3,"Dooley, Mr. Patrick",male,32,0,0,370376,7.75,,Q
diff --git a/gradio/media_assets/images/avatar.png b/gradio/media_assets/images/avatar.png
new file mode 100644
index 0000000..8f1df71
Binary files /dev/null and b/gradio/media_assets/images/avatar.png differ
diff --git a/gradio/media_assets/images/bus.png b/gradio/media_assets/images/bus.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/gradio/media_assets/images/bus.png differ
diff --git a/gradio/media_assets/images/cheetah.jpg b/gradio/media_assets/images/cheetah.jpg
new file mode 100644
index 0000000..d1fde62
Binary files /dev/null and b/gradio/media_assets/images/cheetah.jpg differ
diff --git a/gradio/media_assets/images/cheetah1.jpg b/gradio/media_assets/images/cheetah1.jpg
new file mode 100644
index 0000000..c510ff3
Binary files /dev/null and b/gradio/media_assets/images/cheetah1.jpg differ
diff --git a/gradio/media_assets/images/groot.jpeg b/gradio/media_assets/images/groot.jpeg
new file mode 100644
index 0000000..06b192f
Binary files /dev/null and b/gradio/media_assets/images/groot.jpeg differ
diff --git a/gradio/media_assets/images/hf-logo_transpng.png b/gradio/media_assets/images/hf-logo_transpng.png
new file mode 100644
index 0000000..ccc7d9c
Binary files /dev/null and b/gradio/media_assets/images/hf-logo_transpng.png differ
diff --git a/gradio/media_assets/images/lion.jpg b/gradio/media_assets/images/lion.jpg
new file mode 100644
index 0000000..e9bf9f5
Binary files /dev/null and b/gradio/media_assets/images/lion.jpg differ
diff --git a/gradio/media_assets/images/logo.png b/gradio/media_assets/images/logo.png
new file mode 100644
index 0000000..8f1df71
Binary files /dev/null and b/gradio/media_assets/images/logo.png differ
diff --git a/gradio/media_assets/images/screenshot.gif b/gradio/media_assets/images/screenshot.gif
new file mode 100644
index 0000000..620ec8f
Binary files /dev/null and b/gradio/media_assets/images/screenshot.gif differ
diff --git a/gradio/media_assets/images/tower.jpg b/gradio/media_assets/images/tower.jpg
new file mode 100644
index 0000000..aec3fa9
Binary files /dev/null and b/gradio/media_assets/images/tower.jpg differ
diff --git a/gradio/media_assets/models3d/Bunny.obj b/gradio/media_assets/models3d/Bunny.obj
new file mode 100644
index 0000000..9baeb36
--- /dev/null
+++ b/gradio/media_assets/models3d/Bunny.obj
@@ -0,0 +1,7474 @@
+# OBJ file format with ext .obj
+# vertex count = 2503
+# face count = 4968
+v -3.4101800e-003 1.3031957e-001 2.1754370e-002
+v -8.1719160e-002 1.5250145e-001 2.9656090e-002
+v -3.0543480e-002 1.2477885e-001 1.0983400e-003
+v -2.4901590e-002 1.1211138e-001 3.7560240e-002
+v -1.8405680e-002 1.7843055e-001 -2.4219580e-002
+v 1.9067940e-002 1.2144925e-001 3.1968440e-002
+v 6.0412000e-003 1.2494359e-001 3.2652890e-002
+v -1.3469030e-002 1.6299355e-001 -1.2000020e-002
+v -3.4393240e-002 1.7236688e-001 -9.8213000e-004
+v -8.4314160e-002 1.0957263e-001 3.7097300e-003
+v -4.2233540e-002 1.7211574e-001 -4.1799800e-003
+v -6.3308390e-002 1.5660615e-001 -1.3838790e-002
+v -7.6903950e-002 1.6708033e-001 -2.6931360e-002
+v -7.2253920e-002 1.1539550e-001 5.1670300e-002
+v 1.2981330e-002 1.1366375e-001 3.8302950e-002
+v -3.7857280e-002 1.7010102e-001 1.4236000e-003
+v 4.8689400e-003 3.7962370e-002 4.5867630e-002
+v -5.7180550e-002 4.0918830e-002 4.6301340e-002
+v -4.5209070e-002 3.8839100e-002 4.4503770e-002
+v -3.3761490e-002 1.2617876e-001 1.7132300e-003
+v -5.0242270e-002 1.5773747e-001 9.3944500e-003
+v -2.1216950e-002 1.5887938e-001 -4.6923700e-003
+v -5.6472950e-002 1.5778406e-001 8.1786500e-003
+v -5.2802060e-002 4.1319860e-002 4.6169800e-002
+v -4.9960340e-002 4.3101950e-002 4.4462650e-002
+v -2.9748750e-002 3.6539860e-002 5.2493310e-002
+v -3.5438900e-003 4.2659770e-002 4.7541530e-002
+v 4.9304900e-003 4.1982660e-002 4.5723390e-002
+v -3.9088180e-002 1.6872020e-001 -1.1924680e-002
+v -5.6901000e-002 4.5437000e-002 4.3236960e-002
+v -4.1244880e-002 4.3098890e-002 4.2129560e-002
+v -2.6471980e-002 4.5034530e-002 5.1219460e-002
+v -2.1866970e-002 4.4022930e-002 5.3243800e-002
+v -3.6996250e-002 1.6899301e-001 1.3256300e-003
+v -6.7216590e-002 1.6171340e-001 -1.3733710e-002
+v 4.9760060e-002 7.0235220e-002 2.3732020e-002
+v -4.9186640e-002 4.6411230e-002 4.1170040e-002
+v -4.4590380e-002 4.3797990e-002 4.2685460e-002
+v -4.3686470e-002 4.7154500e-002 4.0286310e-002
+v -2.2491950e-002 4.6513620e-002 5.1885310e-002
+v -6.5174200e-003 4.5036200e-002 4.7502780e-002
+v 3.7699000e-004 4.4935790e-002 4.6519930e-002
+v 3.4023920e-002 1.1353879e-001 2.4595280e-002
+v -2.6467900e-002 1.8104250e-001 -8.0811700e-003
+v -1.7533470e-002 4.7964250e-002 4.8829630e-002
+v -7.0012600e-003 4.6416520e-002 4.7485540e-002
+v 5.9862300e-003 4.6689140e-002 4.9073620e-002
+v 9.1007200e-003 4.8474490e-002 4.9353190e-002
+v -3.5453700e-002 1.1244769e-001 3.5055410e-002
+v -7.5983200e-002 1.3820800e-001 4.9216580e-002
+v 3.4838440e-002 4.3153410e-002 2.8954310e-002
+v -5.2655550e-002 4.8494220e-002 3.8731190e-002
+v -4.7378940e-002 4.8456670e-002 3.9126790e-002
+v -3.8933750e-002 4.6364270e-002 4.0364780e-002
+v -2.6468940e-002 4.7816430e-002 4.9322590e-002
+v -2.2365790e-002 4.8073650e-002 5.0126500e-002
+v -1.3373430e-002 4.7892410e-002 4.7883850e-002
+v -1.2193490e-002 4.9470300e-002 4.9484490e-002
+v -6.3364000e-004 4.7193060e-002 4.9136900e-002
+v 2.0656800e-003 5.0104680e-002 5.2290220e-002
+v -2.2749270e-002 4.9883880e-002 4.6605520e-002
+v -1.8002080e-002 4.9917850e-002 4.6947970e-002
+v -7.8036800e-003 5.0169310e-002 5.0988650e-002
+v -2.6843800e-003 5.1247420e-002 5.3186790e-002
+v -6.3875650e-002 1.6140094e-001 -2.0064210e-002
+v 3.2434000e-002 4.5333970e-002 3.0316760e-002
+v -8.8064570e-002 1.2496764e-001 5.7412000e-004
+v -4.1503710e-002 1.6748512e-001 3.2765900e-003
+v -6.4457010e-002 1.5342891e-001 -5.1180400e-003
+v -3.4303190e-002 5.0520150e-002 3.8286020e-002
+v -2.2949400e-002 5.1020650e-002 4.3926450e-002
+v -1.4354710e-002 5.4428200e-002 5.0710310e-002
+v 1.3773100e-003 5.2302710e-002 5.3149010e-002
+v 3.6285000e-003 5.3198640e-002 5.3422710e-002
+v 8.0723800e-003 5.1574140e-002 5.1773560e-002
+v -7.2665890e-002 1.3005582e-001 5.1668200e-002
+v 3.7992780e-002 4.9793200e-002 3.1902020e-002
+v 3.8497260e-002 4.8062400e-002 3.1737450e-002
+v 2.1503510e-002 1.2563988e-001 2.1252620e-002
+v -7.6481330e-002 1.4827412e-001 -8.9376200e-003
+v -8.7240410e-002 1.1967213e-001 -1.7813000e-004
+v -4.3719960e-002 1.6822738e-001 2.3425000e-003
+v -4.0652200e-002 1.2266506e-001 2.6290300e-002
+v -4.6686180e-002 5.4570720e-002 3.7587370e-002
+v -4.4071750e-002 5.1058250e-002 3.8977810e-002
+v -3.8144110e-002 5.0599600e-002 3.9302160e-002
+v -1.9875770e-002 5.1607710e-002 4.6142000e-002
+v -1.6911250e-002 5.1843550e-002 4.8459320e-002
+v -1.6249190e-002 5.4292110e-002 5.0306940e-002
+v -1.0446540e-002 5.3685970e-002 5.1958610e-002
+v -4.3090900e-003 5.4467500e-002 5.3908250e-002
+v 7.8152700e-003 5.5050680e-002 5.2750250e-002
+v 3.7955090e-002 1.0488710e-001 -3.2031800e-003
+v -7.9003790e-002 1.2850550e-001 5.3149340e-002
+v -7.9778990e-002 1.3448894e-001 5.0990290e-002
+v -5.9129700e-002 1.5039712e-001 3.4489540e-002
+v -6.5691790e-002 1.4961818e-001 3.8160980e-002
+v -3.1951660e-002 1.2518394e-001 1.9400580e-002
+v -6.9372590e-002 1.6061775e-001 -9.1905000e-003
+v -4.5225500e-002 1.2935459e-001 2.0377520e-002
+v -4.1879110e-002 5.6164390e-002 3.9796700e-002
+v -3.0614840e-002 5.4412650e-002 3.6694290e-002
+v -2.4787600e-002 5.2606220e-002 4.0839760e-002
+v -2.1588860e-002 5.6836920e-002 4.5467040e-002
+v -2.4264000e-004 5.4536020e-002 5.4641200e-002
+v -8.0900510e-002 1.2558713e-001 5.2155370e-002
+v -2.9996210e-002 1.7811137e-001 -5.2358200e-003
+v 3.5515390e-002 5.0449570e-002 3.1439830e-002
+v 4.3315550e-002 5.2145550e-002 3.2492110e-002
+v -6.3938540e-002 1.5262699e-001 3.4481070e-002
+v -4.4489440e-002 6.1077710e-002 3.9545320e-002
+v -3.8979900e-002 5.7996270e-002 4.0151390e-002
+v -7.9087730e-002 1.7044488e-001 -4.1373170e-002
+v -4.6247300e-003 5.7759650e-002 5.3990710e-002
+v -1.4985500e-003 5.5925480e-002 5.4630800e-002
+v 5.1981700e-003 5.7017990e-002 5.3423530e-002
+v 3.0920000e-005 1.2315746e-001 3.4749660e-002
+v 3.3568300e-002 1.1523716e-001 2.1798410e-002
+v 3.8686300e-002 5.6450590e-002 3.1188930e-002
+v -3.4385780e-002 5.4096000e-002 3.8060290e-002
+v -8.5308300e-003 6.0159420e-002 5.5308950e-002
+v -4.4024000e-004 5.8343410e-002 5.4483410e-002
+v -9.1078730e-002 1.1506037e-001 4.0141810e-002
+v 4.0775480e-002 5.4557490e-002 3.2014740e-002
+v 4.5636880e-002 5.7402620e-002 3.1992220e-002
+v 2.0358850e-002 1.2448747e-001 2.5906340e-002
+v -1.4169700e-002 1.2767892e-001 1.3080500e-003
+v -1.1987590e-002 5.7493210e-002 5.2752420e-002
+v 3.2514500e-003 5.9828640e-002 5.5464300e-002
+v -1.2395240e-002 1.2264726e-001 3.3588280e-002
+v 1.3813780e-002 1.2322188e-001 3.2502590e-002
+v -7.7004310e-002 1.5521281e-001 2.4534770e-002
+v -2.8001360e-002 6.1075420e-002 3.7471210e-002
+v -8.5480000e-004 6.0593520e-002 5.5824810e-002
+v -3.8050200e-002 1.1527068e-001 3.3178540e-002
+v -1.6231340e-002 1.2382942e-001 2.9576990e-002
+v -2.5373550e-002 1.5840012e-001 -1.4801300e-003
+v -6.7818590e-002 1.5454353e-001 3.0233720e-002
+v -4.3082600e-003 6.1418570e-002 5.5688490e-002
+v -3.1958900e-003 1.1912518e-001 3.8349580e-002
+v -6.4292400e-003 1.2201090e-001 3.5740890e-002
+v 4.2312960e-002 5.9099150e-002 3.0848420e-002
+v 4.8510010e-002 6.1780760e-002 3.0347250e-002
+v 5.0412290e-002 6.0312610e-002 3.0245060e-002
+v -3.9185590e-002 6.3074530e-002 4.1382890e-002
+v -3.4448660e-002 6.0780500e-002 3.9543990e-002
+v -1.4746030e-002 6.5583910e-002 5.3730860e-002
+v 2.6645200e-003 6.2700010e-002 5.6525210e-002
+v -1.3991610e-002 1.1962575e-001 3.6251540e-002
+v 1.9659170e-002 1.1236219e-001 3.7545270e-002
+v -3.2597160e-002 1.7498725e-001 -2.5953100e-003
+v -2.1513900e-003 9.9437380e-002 4.9849750e-002
+v -5.6001390e-002 6.1830670e-002 2.7931150e-002
+v -5.4707260e-002 6.3461570e-002 3.1670590e-002
+v -5.1307940e-002 6.0521660e-002 3.1434930e-002
+v -4.1979320e-002 6.9629980e-002 4.1824930e-002
+v -3.0272490e-002 6.2474660e-002 3.7982220e-002
+v -1.1387860e-002 6.4742460e-002 5.4918000e-002
+v 6.9544900e-003 6.4700130e-002 5.5599150e-002
+v 4.3015090e-002 9.7690960e-002 1.0258300e-003
+v 4.0635900e-002 6.1574860e-002 2.9841250e-002
+v 4.6183560e-002 6.1910110e-002 3.0223400e-002
+v 3.7552960e-002 1.0685291e-001 2.6303470e-002
+v -7.8640730e-002 1.6387238e-001 -2.8387790e-002
+v -6.1996240e-002 1.4761484e-001 -4.3256800e-003
+v -5.7499800e-003 6.5488980e-002 5.6173390e-002
+v 2.5369000e-004 6.5741170e-002 5.6569260e-002
+v -2.0542550e-002 1.1979518e-001 3.3003670e-002
+v 4.3155900e-003 1.2782561e-001 2.8646880e-002
+v -4.6549580e-002 6.7652130e-002 3.9635790e-002
+v -1.7420580e-002 6.9659490e-002 5.4089530e-002
+v -1.5242190e-002 7.0909900e-002 5.5004790e-002
+v -1.0282890e-002 6.8926360e-002 5.5289610e-002
+v -1.1289000e-004 6.9288200e-002 5.6579790e-002
+v -3.6309330e-002 1.1876943e-001 3.0674020e-002
+v -7.0325800e-002 6.3367770e-002 1.9809180e-002
+v 4.3023100e-002 6.3795810e-002 2.8039210e-002
+v 4.2831110e-002 8.5556040e-002 2.7873760e-002
+v 1.6981600e-002 1.2715003e-001 2.2931490e-002
+v -4.2121490e-002 1.2825104e-001 1.0751500e-003
+v 1.6329230e-002 1.2251895e-001 3.1375390e-002
+v -8.1264160e-002 1.5381172e-001 2.5897830e-002
+v -3.2257870e-002 8.8192600e-002 -2.5130960e-002
+v -1.3774950e-002 7.0887950e-002 5.4695630e-002
+v 5.2929600e-003 6.8006030e-002 5.5670490e-002
+v 7.6962500e-003 7.2375600e-002 5.6062150e-002
+v 3.4830600e-003 1.2002635e-001 3.6911950e-002
+v 6.6532500e-003 1.1673563e-001 3.8716340e-002
+v 4.6086570e-002 6.6473930e-002 2.6808990e-002
+v 5.2327290e-002 6.4327070e-002 2.8281890e-002
+v -6.1897630e-002 1.2297065e-001 -8.7725500e-003
+v -6.3934700e-003 1.0524472e-001 -2.2841900e-002
+v -3.5218330e-002 6.8559830e-002 4.1381470e-002
+v -3.2689880e-002 6.7729720e-002 4.0124390e-002
+v -2.9245440e-002 6.9551520e-002 3.9369010e-002
+v -5.0024500e-003 6.9655000e-002 5.6892510e-002
+v 1.6573960e-002 1.1890153e-001 3.5042300e-002
+v -8.9385100e-002 9.9024040e-002 1.7521830e-002
+v 4.5719230e-002 6.9489400e-002 2.3549340e-002
+v 5.4537210e-002 6.8796720e-002 2.4517690e-002
+v -4.4989450e-002 7.1577330e-002 4.1929250e-002
+v -4.2439400e-003 1.2914902e-001 2.5829230e-002
+v -7.3880090e-002 1.2091638e-001 5.3395800e-002
+v -7.4033870e-002 1.4406894e-001 4.4994970e-002
+v 5.0400010e-002 6.7292480e-002 2.6851470e-002
+v -5.4056890e-002 1.5671602e-001 -2.4865900e-003
+v 2.6148110e-002 1.2014725e-001 2.7308010e-002
+v -1.0736490e-002 1.2990285e-001 1.0993790e-002
+v -4.5078840e-002 8.7261130e-002 -2.1865520e-002
+v -3.8340900e-002 6.8843770e-002 4.1846470e-002
+v -2.9255580e-002 7.5169210e-002 4.1186430e-002
+v -4.7311210e-002 1.6296037e-001 6.0740300e-003
+v -1.1866030e-002 7.3183750e-002 5.6250050e-002
+v -6.3734600e-003 7.2184340e-002 5.7972980e-002
+v -2.9935300e-003 7.2186440e-002 5.8167190e-002
+v -2.5781060e-002 9.3778180e-002 -2.8388220e-002
+v -1.6692560e-002 1.1568553e-001 3.7853150e-002
+v -8.4123410e-002 1.0832050e-001 2.4730980e-002
+v -7.4294080e-002 1.6356850e-001 -1.5534220e-002
+v -9.4297150e-002 1.2617744e-001 1.9224650e-002
+v -3.5207090e-002 1.2505219e-001 2.1635690e-002
+v -4.9495940e-002 7.3436340e-002 4.1673570e-002
+v -3.3064160e-002 7.6654840e-002 4.1277900e-002
+v -7.3157300e-003 7.3919590e-002 5.7971690e-002
+v 2.1850000e-005 7.3496040e-002 5.7696650e-002
+v 4.1934400e-003 7.2915170e-002 5.6298730e-002
+v -7.7256080e-002 1.4565854e-001 4.3122930e-002
+v 4.1073260e-002 8.8724320e-002 -9.7879400e-003
+v 3.7418710e-002 1.0850822e-001 3.3973000e-004
+v -5.5111380e-002 7.4687840e-002 4.1939740e-002
+v -4.2740230e-002 7.6995340e-002 4.2804080e-002
+v -6.8531190e-002 1.5630045e-001 2.0997710e-002
+v -9.9440200e-003 7.6343100e-002 5.7388560e-002
+v -3.2479200e-003 7.5710690e-002 5.8714640e-002
+v 1.3414380e-002 9.3073740e-002 5.1467750e-002
+v -7.3504440e-002 9.3883340e-002 -1.4751720e-002
+v -7.4471830e-002 1.3507476e-001 5.0688900e-002
+v -2.5851310e-002 1.2182948e-001 2.6079670e-002
+v -3.4022940e-002 1.7597076e-001 -3.7271600e-003
+v -7.5405850e-002 1.6839072e-001 -2.6792980e-002
+v -3.6658410e-002 7.5087300e-002 4.2006940e-002
+v -1.7795480e-002 7.7486190e-002 5.6087240e-002
+v -1.1378660e-002 7.9877150e-002 5.7698880e-002
+v -1.0415000e-004 7.6881950e-002 5.8190740e-002
+v 2.7381400e-003 7.9105680e-002 5.6719190e-002
+v 5.5681200e-003 7.6397140e-002 5.6327220e-002
+v -6.1895860e-002 1.5424247e-001 -1.9018600e-002
+v -7.2646960e-002 1.4098943e-001 4.6976640e-002
+v 1.5799740e-002 1.2901416e-001 1.3236870e-002
+v -1.1703420e-002 9.7355720e-002 5.1592080e-002
+v -5.8922160e-002 7.7545490e-002 4.2961390e-002
+v -5.3121320e-002 7.7912430e-002 4.3334920e-002
+v -5.0745740e-002 7.6148400e-002 4.3137630e-002
+v -4.7401820e-002 7.5550340e-002 4.2630140e-002
+v -4.5055620e-002 7.8796280e-002 4.2341310e-002
+v -3.9517650e-002 7.8127780e-002 4.2918620e-002
+v -1.5245570e-002 8.2940770e-002 5.6934590e-002
+v -1.4557790e-002 7.6582160e-002 5.6493250e-002
+v -5.9406000e-003 7.9038240e-002 5.7969830e-002
+v 3.7176540e-002 1.1064404e-001 1.8811330e-002
+v 2.3929700e-003 1.3162713e-001 1.1955100e-002
+v -9.3644210e-002 1.1789378e-001 1.8662080e-002
+v -6.3939810e-002 7.8621830e-002 4.2083520e-002
+v -4.5376460e-002 8.2383550e-002 4.3282120e-002
+v -3.6505460e-002 8.1152260e-002 4.3162320e-002
+v -3.3244340e-002 8.2266590e-002 4.1852180e-002
+v -3.0800650e-002 8.0068420e-002 4.1798070e-002
+v -2.0578500e-003 8.0998290e-002 5.7553840e-002
+v 8.1848100e-003 8.0756170e-002 5.5374510e-002
+v -1.2953370e-002 1.1593580e-001 3.8920230e-002
+v -7.8081470e-002 1.2351940e-001 5.2136990e-002
+v -2.6580930e-002 1.5567694e-001 -4.1963400e-003
+v -8.2471600e-002 1.1624130e-001 -2.3236300e-003
+v -2.7538480e-002 7.9964780e-002 4.7697210e-002
+v 1.2556400e-003 8.3845570e-002 5.7446440e-002
+v 6.1508300e-003 8.3406240e-002 5.6463500e-002
+v -6.2433240e-002 8.4035270e-002 4.4203120e-002
+v -5.9867170e-002 8.0540510e-002 4.3277090e-002
+v -5.5238340e-002 8.1999450e-002 4.4984770e-002
+v -5.4000400e-002 8.0568410e-002 4.4601460e-002
+v -5.0027020e-002 8.1311330e-002 4.4264180e-002
+v -4.1996120e-002 8.1083670e-002 4.2456150e-002
+v -3.9357940e-002 8.3631380e-002 4.3502350e-002
+v -8.6161480e-002 1.0838594e-001 1.8244920e-002
+v -8.6723010e-002 9.9917250e-002 3.5537100e-003
+v -2.2413700e-002 8.3283520e-002 5.5590700e-002
+v -1.6993180e-002 8.2555820e-002 5.7523880e-002
+v -1.2406010e-002 8.5222570e-002 5.7267780e-002
+v -7.4442100e-003 1.1693417e-001 3.9283850e-002
+v -2.1452000e-003 1.1143287e-001 4.2436620e-002
+v -7.5718220e-002 1.2522734e-001 5.3087330e-002
+v -7.7056660e-002 1.3193469e-001 5.2462430e-002
+v -6.1121040e-002 1.5569660e-001 2.2517050e-002
+v -3.7538540e-002 1.2744127e-001 1.5320870e-002
+v -2.0516700e-003 1.0093469e-001 4.5625920e-002
+v -6.4992150e-002 8.4550900e-002 4.4120060e-002
+v -5.7861950e-002 8.3944360e-002 4.4186030e-002
+v -4.5681080e-002 8.4988010e-002 4.4159500e-002
+v -3.5022640e-002 8.2888160e-002 4.2912760e-002
+v -2.9982010e-002 8.5402300e-002 4.3745080e-002
+v -8.8892260e-002 9.9209100e-002 9.5703200e-003
+v -1.9135300e-002 8.3474800e-002 5.7217390e-002
+v -8.3489710e-002 1.0724729e-001 7.5790000e-004
+v -7.0112800e-002 1.1790350e-001 5.2714160e-002
+v -3.5526320e-002 1.7595563e-001 -4.8676200e-003
+v -7.0831390e-002 1.2254425e-001 5.3274880e-002
+v 4.5133810e-002 9.3630690e-002 6.2336800e-003
+v -5.3616700e-002 8.5346850e-002 4.5332470e-002
+v -4.9000840e-002 8.6221680e-002 4.5352040e-002
+v -3.6744880e-002 8.6083690e-002 4.3612890e-002
+v -1.0872600e-002 8.8826770e-002 5.6665490e-002
+v -3.8450200e-003 8.4787810e-002 5.7197980e-002
+v -4.9020070e-002 1.1771293e-001 3.1581430e-002
+v -4.2914400e-002 1.1835991e-001 3.0645040e-002
+v -5.7684530e-002 1.5561695e-001 1.2983110e-002
+v -2.5411730e-002 1.2472533e-001 1.2886000e-004
+v 1.9012230e-002 1.2736197e-001 1.7786580e-002
+v -5.9498600e-002 8.8845470e-002 4.5109290e-002
+v -5.6931050e-002 8.8101500e-002 4.4692930e-002
+v 3.5765600e-003 1.3138981e-001 7.2086000e-003
+v -1.6683350e-002 8.7266690e-002 5.6741190e-002
+v -8.4980800e-003 8.3990470e-002 5.7605220e-002
+v 3.5078200e-003 8.6339520e-002 5.7048320e-002
+v -2.8398700e-002 1.8070650e-001 -7.8469500e-003
+v -7.6565830e-002 1.1674037e-001 5.1489350e-002
+v 1.7869430e-002 9.0898610e-002 4.8712940e-002
+v -4.0342100e-002 1.1669551e-001 3.2460200e-002
+v 5.9105700e-003 1.3140929e-001 1.6823750e-002
+v -8.5777550e-002 9.1701370e-002 -4.6970000e-005
+v -5.0372230e-002 8.8844660e-002 4.5188000e-002
+v -4.4434130e-002 8.7654530e-002 4.3477620e-002
+v -4.2056390e-002 8.6711520e-002 4.2534630e-002
+v -3.3058460e-002 8.6185500e-002 4.2560350e-002
+v -2.9241910e-002 9.0453360e-002 4.4236610e-002
+v -6.8964100e-003 8.4432910e-002 5.7168580e-002
+v -6.6210600e-003 9.0415250e-002 5.6879750e-002
+v -1.2439100e-003 8.9093200e-002 5.6552120e-002
+v 9.4076000e-003 9.0328050e-002 5.4214140e-002
+v 4.0194810e-002 1.0231597e-001 -2.0048600e-003
+v -8.6227130e-002 1.1466841e-001 2.2102000e-003
+v -8.9495490e-002 9.5632430e-002 1.4234810e-002
+v -6.7132160e-002 1.5709447e-001 -6.2032000e-003
+v -5.2935640e-002 9.0913520e-002 4.4568870e-002
+v -3.6744910e-002 8.8886950e-002 4.3312050e-002
+v -1.3626110e-002 8.9787930e-002 5.6674380e-002
+v 2.3337130e-002 1.2353449e-001 2.4874140e-002
+v -3.7053790e-002 1.2715094e-001 3.5474000e-004
+v -7.3696690e-002 1.5613015e-001 1.4359790e-002
+v -6.5592380e-002 9.1042400e-002 4.4092080e-002
+v -5.8997380e-002 9.2030670e-002 4.5335270e-002
+v -3.3238910e-002 8.8573580e-002 4.3697040e-002
+v -3.1834990e-002 9.0722970e-002 4.4173460e-002
+v -2.0022170e-002 8.8032110e-002 5.5589350e-002
+v -1.1213830e-002 9.2366370e-002 5.6105260e-002
+v 3.9108440e-002 1.0829072e-001 1.3142330e-002
+v 2.8675700e-002 1.1959600e-001 2.4545910e-002
+v -6.8940210e-002 1.5652777e-001 -1.9716000e-003
+v -6.2615110e-002 9.1126880e-002 4.5090730e-002
+v 3.0444560e-002 1.1886441e-001 2.0821750e-002
+v -1.5241090e-002 9.1821720e-002 5.5817230e-002
+v -5.6221700e-003 9.3235010e-002 5.5893630e-002
+v 4.7989900e-003 9.1654840e-002 5.4715170e-002
+v -6.8282400e-002 9.2376840e-002 4.2388730e-002
+v -5.5623730e-002 9.2187420e-002 4.5054970e-002
+v -5.1901030e-002 9.5457620e-002 4.3937650e-002
+v -4.8809030e-002 9.1083890e-002 4.4456690e-002
+v -4.5411560e-002 9.1002130e-002 4.3252770e-002
+v -4.4514550e-002 9.4860420e-002 4.2972490e-002
+v -3.9430320e-002 8.9597620e-002 4.3177890e-002
+v -3.5642240e-002 9.2617410e-002 4.4238490e-002
+v -1.2246000e-004 9.3201160e-002 5.5398380e-002
+v 9.5104600e-003 9.5483870e-002 5.0910600e-002
+v 2.1441660e-002 9.1354960e-002 4.8043360e-002
+v -8.9830300e-003 1.6926449e-001 -2.2683480e-002
+v -7.3019050e-002 1.5602104e-001 2.2419340e-002
+v -6.4760430e-002 1.5311588e-001 -2.0371200e-003
+v -6.9368510e-002 9.5242790e-002 4.2129000e-002
+v -6.0117140e-002 9.5552910e-002 4.4183820e-002
+v -2.9241690e-002 9.4290440e-002 4.4821190e-002
+v -2.6561430e-002 9.3289510e-002 4.4975420e-002
+v -1.4394030e-002 9.4587640e-002 5.3993500e-002
+v -8.8691600e-003 9.5400260e-002 5.4445980e-002
+v -1.2188700e-003 9.6201750e-002 5.3815910e-002
+v 4.0479000e-003 9.5817360e-002 5.2936770e-002
+v -4.6019400e-003 1.2428544e-001 3.3471960e-002
+v -7.8436460e-002 1.3928013e-001 4.8329360e-002
+v 1.0774610e-002 1.3079162e-001 1.4341740e-002
+v -5.6623730e-002 9.6322170e-002 4.3667910e-002
+v -3.6298870e-002 9.5695620e-002 4.3580310e-002
+v -2.4379930e-002 9.5866450e-002 4.4434530e-002
+v 1.0915500e-002 1.2633629e-001 2.9857020e-002
+v -5.8622700e-003 9.7350210e-002 5.2743650e-002
+v 1.6973450e-002 9.7106620e-002 4.7440920e-002
+v -6.7231980e-002 9.9173950e-002 4.1593880e-002
+v -5.4994210e-002 9.9640820e-002 4.2955230e-002
+v -4.8617990e-002 9.6452700e-002 4.4183060e-002
+v -5.5369000e-002 1.5442476e-001 1.6160650e-002
+v -9.4243550e-002 1.2207432e-001 2.3568470e-002
+v 1.3242990e-002 9.6738240e-002 4.8750160e-002
+v 2.0639290e-002 9.6602480e-002 4.6971000e-002
+v 7.3429700e-003 1.2098188e-001 3.5973430e-002
+v -1.3493870e-002 1.2882438e-001 5.9690700e-003
+v -2.0110640e-002 1.2504545e-001 2.3588310e-002
+v -6.9438450e-002 1.6479930e-001 -1.7218700e-002
+v -6.4028050e-002 9.7838670e-002 4.2565330e-002
+v -5.1996350e-002 9.9707850e-002 4.2716590e-002
+v -4.3990880e-002 9.9425460e-002 4.2383430e-002
+v -3.9738250e-002 1.0215357e-001 4.0574410e-002
+v -3.5931490e-002 9.9809950e-002 4.2335800e-002
+v -3.0867600e-002 9.6914680e-002 4.4651400e-002
+v -2.8342070e-002 9.7782680e-002 4.3761280e-002
+v -2.5622580e-002 9.8713420e-002 4.4210890e-002
+v -8.5236620e-002 1.1077356e-001 2.4537670e-002
+v 7.1936000e-003 9.8859470e-002 4.8419510e-002
+v 9.6509200e-003 1.0108782e-001 4.7373080e-002
+v 1.3487100e-002 1.0076420e-001 4.7454290e-002
+v 7.7389800e-003 1.3147500e-001 1.1682970e-002
+v 8.0905000e-004 1.1633319e-001 4.0167560e-002
+v -7.2652570e-002 1.6567918e-001 -1.8212480e-002
+v -5.6009400e-003 1.3076674e-001 1.0516060e-002
+v -2.6303720e-002 1.2518875e-001 1.7392980e-002
+v -4.7590430e-002 1.0081180e-001 4.2349150e-002
+v -4.1460830e-002 9.8544800e-002 4.1778620e-002
+v -3.3582070e-002 1.0383908e-001 4.0737990e-002
+v -2.2870240e-002 1.0284737e-001 4.3544750e-002
+v -2.2361970e-002 9.8207610e-002 4.4765940e-002
+v -1.8870510e-002 9.8973200e-002 4.4489280e-002
+v -7.1433690e-002 7.7573520e-002 3.8060760e-002
+v -7.3001150e-002 1.1826712e-001 5.3034590e-002
+v -6.8466430e-002 1.3498146e-001 -8.3359800e-003
+v -7.4683810e-002 1.0786100e-001 -9.0477100e-003
+v -6.4958960e-002 1.5852021e-001 -1.2595320e-002
+v -7.8931700e-002 1.5093057e-001 3.5151900e-002
+v -7.4113550e-002 9.9442520e-002 3.8337710e-002
+v -7.0456930e-002 1.0098777e-001 3.9794060e-002
+v -5.9058760e-002 1.0041260e-001 4.2725130e-002
+v -4.9187330e-002 1.0452012e-001 4.0301390e-002
+v -2.9151180e-002 1.0197369e-001 4.2633060e-002
+v -1.1599720e-002 1.0107813e-001 4.4191660e-002
+v 5.1450400e-003 1.0163906e-001 4.5423010e-002
+v -5.1495700e-002 1.0496738e-001 4.0347210e-002
+v -2.0218210e-002 1.0214391e-001 4.3701160e-002
+v 4.2515900e-003 1.0523743e-001 4.2563550e-002
+v 1.6832800e-002 1.0337487e-001 4.5287270e-002
+v -2.5661080e-002 1.2562669e-001 4.5537500e-003
+v -7.2141950e-002 1.0536685e-001 3.7523210e-002
+v -6.4984570e-002 1.0371550e-001 4.0647810e-002
+v -6.0652480e-002 1.0467197e-001 4.0906390e-002
+v -5.5308980e-002 1.0365394e-001 4.1516690e-002
+v -4.4243240e-002 1.0431726e-001 4.1339990e-002
+v -1.5513340e-002 1.0436131e-001 4.2919420e-002
+v -7.6323200e-003 1.0304531e-001 4.3710640e-002
+v -7.8046900e-003 1.0516619e-001 4.3825460e-002
+v 9.7163200e-003 1.0523506e-001 4.3603830e-002
+v 3.0300390e-002 1.1553645e-001 2.8685010e-002
+v -4.7496910e-002 1.0635662e-001 4.0165640e-002
+v -3.8978950e-002 1.0683037e-001 3.8247660e-002
+v -2.5869310e-002 1.0426705e-001 4.2207540e-002
+v -1.8057930e-002 1.0503919e-001 4.2802830e-002
+v -1.5180030e-002 1.0807750e-001 4.2350430e-002
+v -3.8981500e-003 1.0566175e-001 4.4047190e-002
+v 2.6820000e-005 1.0446731e-001 4.3775910e-002
+v 1.1978350e-002 1.0403629e-001 4.5396310e-002
+v 1.5004970e-002 1.0726898e-001 4.1811990e-002
+v 2.6488060e-002 1.2230287e-001 2.0398110e-002
+v -3.6225630e-002 1.0634244e-001 3.8644860e-002
+v -2.1126780e-002 1.0932290e-001 4.0715320e-002
+v -1.2819810e-002 1.0457100e-001 4.3465690e-002
+v 5.2847900e-003 1.0943666e-001 4.1674980e-002
+v 8.9403700e-003 1.0710645e-001 4.1243400e-002
+v -5.1839670e-002 1.6062039e-001 7.1421300e-003
+v -5.4201370e-002 1.1451730e-001 3.4843990e-002
+v 1.3226250e-002 1.2958070e-001 1.9689610e-002
+v -6.9382410e-002 1.0865787e-001 3.7507800e-002
+v -6.7691040e-002 1.0734145e-001 3.8018440e-002
+v -6.3782400e-002 1.1037270e-001 3.7579790e-002
+v -5.0749390e-002 1.0928682e-001 3.8297580e-002
+v -9.3936200e-003 1.0742813e-001 4.3454570e-002
+v 1.1760100e-003 1.0932531e-001 4.2662800e-002
+v 9.8020300e-003 1.1003994e-001 3.9945400e-002
+v 2.0131290e-002 1.0732778e-001 4.0323840e-002
+v -2.7872800e-003 1.0577531e-001 -2.2459030e-002
+v -5.4996890e-002 1.0774199e-001 3.9424590e-002
+v -4.5966740e-002 1.0905146e-001 3.8754110e-002
+v -4.2324540e-002 1.0737278e-001 3.9456440e-002
+v -3.2161240e-002 1.0896504e-001 3.8102720e-002
+v -3.0770180e-002 1.1597313e-001 3.2858800e-002
+v -1.1608610e-002 1.0983707e-001 4.2475330e-002
+v -2.9428320e-002 9.3166620e-002 -2.4931860e-002
+v -8.0043570e-002 9.2080160e-002 -9.4198200e-003
+v -4.9797430e-002 1.1342104e-001 3.5117920e-002
+v -4.3723850e-002 1.6191369e-001 5.7713400e-003
+v -5.7981740e-002 1.0943152e-001 3.7997640e-002
+v -4.1491180e-002 1.1224766e-001 3.5873450e-002
+v -2.4929830e-002 1.1592775e-001 3.4094730e-002
+v -2.0881690e-002 1.1409528e-001 3.7872990e-002
+v -7.5519700e-003 1.1183813e-001 4.2039690e-002
+v 3.7667200e-003 1.1240547e-001 4.1494710e-002
+v -6.2829620e-002 1.5189480e-001 -9.2373400e-003
+v -5.9195950e-002 1.1320797e-001 3.6234680e-002
+v -5.1079080e-002 9.3892810e-002 -2.1761690e-002
+v -7.3945370e-002 8.4374880e-002 -1.5154490e-002
+v -7.2146240e-002 1.3486431e-001 -7.7592200e-003
+v -1.9408870e-002 1.7041104e-001 -2.0994830e-002
+v -5.5530450e-002 1.4905531e-001 -1.9602100e-003
+v 1.6688460e-002 3.6976600e-002 4.3000600e-002
+v -5.2277330e-002 1.1775075e-001 3.3769460e-002
+v -6.9201380e-002 9.3039200e-002 -1.6486120e-002
+v 2.6579210e-002 1.1702438e-001 3.0867940e-002
+v -2.3574310e-002 3.7036910e-002 5.4144750e-002
+v -7.3775100e-003 3.8988430e-002 4.8929450e-002
+v 1.3234660e-002 3.8453060e-002 4.4501470e-002
+v 1.9487350e-002 4.0809290e-002 4.2641060e-002
+v -6.3953930e-002 1.4694729e-001 3.8484200e-002
+v -4.9579470e-002 3.6096540e-002 4.5955360e-002
+v -4.3323650e-002 3.6286400e-002 4.4042360e-002
+v -2.9047200e-002 1.2556338e-001 7.7617700e-003
+v -1.7343100e-003 3.9476800e-002 4.7262900e-002
+v -3.1358130e-002 1.5362199e-001 -4.6738900e-003
+v 2.5822000e-003 1.0747582e-001 -2.0606030e-002
+v -5.6802300e-002 1.4514674e-001 3.1740300e-002
+v -5.6464330e-002 3.7683110e-002 4.6819640e-002
+v -5.0964750e-002 3.8312290e-002 4.6286140e-002
+v -5.0980410e-002 1.3486613e-001 2.7585000e-002
+v -2.5647410e-002 3.8860730e-002 5.4161390e-002
+v -2.2542110e-002 4.0615780e-002 5.3986030e-002
+v -1.7618010e-002 3.8911170e-002 5.2403440e-002
+v -1.9711750e-002 1.6829145e-001 -1.3020960e-002
+v 2.3780070e-002 9.5222940e-002 4.6347330e-002
+v 1.4744290e-002 4.2716950e-002 4.4510310e-002
+v 2.1691360e-002 4.0161530e-002 4.0846450e-002
+v -6.4067240e-002 9.0172190e-002 -1.8855520e-002
+v 2.0319150e-002 1.0041961e-001 4.5760520e-002
+v -3.6425000e-002 9.3630690e-002 -2.3534630e-002
+v -1.4981170e-002 4.2571420e-002 5.1404530e-002
+v -5.7335340e-002 1.2340101e-001 4.0231470e-002
+v -5.4172560e-002 1.2337919e-001 3.7576440e-002
+v 2.2625210e-002 4.3621680e-002 4.0904580e-002
+v 2.8810520e-002 4.3352290e-002 3.2157720e-002
+v -4.2764160e-002 1.5727487e-001 5.2016200e-003
+v 9.2231900e-003 4.4125090e-002 4.5057440e-002
+v 1.5048210e-002 4.5755840e-002 4.3793870e-002
+v -6.3757290e-002 1.0251144e-001 -1.7484400e-002
+v -3.4070430e-002 1.6148975e-001 -1.3786960e-002
+v -8.2191500e-002 7.5610200e-002 1.6542620e-002
+v -6.6299420e-002 1.2337119e-001 5.0615920e-002
+v -1.5510100e-002 4.5283110e-002 5.0653040e-002
+v 1.8928020e-002 4.4249610e-002 4.3009830e-002
+v 2.5821800e-002 4.6326610e-002 3.8277230e-002
+v 2.7268700e-002 4.4547790e-002 3.6152520e-002
+v -4.5301340e-002 1.5695057e-001 7.2036900e-003
+v 2.3855760e-002 1.0616625e-001 3.9378080e-002
+v 2.1632670e-002 4.8127270e-002 4.0694430e-002
+v 4.3785360e-002 4.8803700e-002 3.1343420e-002
+v 4.8074790e-002 4.8969960e-002 2.8165490e-002
+v 5.2663090e-002 4.7673620e-002 2.1201270e-002
+v -5.2722450e-002 4.4722850e-002 4.4143250e-002
+v -3.0071610e-002 1.7258324e-001 -6.3597700e-003
+v -3.4508050e-002 1.5447469e-001 1.6504600e-003
+v 1.0629710e-002 4.6711810e-002 4.6472020e-002
+v 1.6743440e-002 4.8439000e-002 4.3678630e-002
+v 2.8827050e-002 9.2133370e-002 4.3920090e-002
+v -5.9937100e-002 1.2726188e-001 4.0771270e-002
+v -3.6752090e-002 1.5802075e-001 4.1862000e-003
+v -3.7885390e-002 1.6199719e-001 2.4686000e-004
+v -2.2047790e-002 1.8348586e-001 -1.2094990e-002
+v -2.4364620e-002 1.8096836e-001 -9.8312000e-003
+v -4.4882280e-002 1.5052959e-001 7.6451700e-003
+v 2.6996760e-002 5.1317780e-002 3.8752040e-002
+v 4.7735750e-002 5.2751040e-002 3.0797290e-002
+v 5.1703790e-002 4.8857380e-002 2.4147970e-002
+v -6.7504360e-002 1.1424088e-001 4.8036050e-002
+v -1.6257520e-002 1.6031250e-001 -9.6926000e-003
+v -6.3926300e-002 1.6792441e-001 -4.0730420e-002
+v -4.1665290e-002 1.4996141e-001 4.5405000e-003
+v -3.5203230e-002 1.6493551e-001 -2.6810000e-003
+v 4.1318770e-002 9.9496740e-002 2.4275750e-002
+v 1.4055220e-002 5.2523910e-002 4.8593880e-002
+v 1.9421220e-002 5.1321300e-002 4.4798910e-002
+v 2.3677990e-002 5.1474390e-002 4.1053270e-002
+v 3.4258130e-002 5.1930810e-002 3.2757880e-002
+v 5.5957340e-002 5.3147410e-002 2.3197720e-002
+v -3.9937960e-002 1.4922850e-001 1.6017200e-003
+v -4.6988800e-002 1.2600802e-001 2.6985500e-002
+v -2.7708370e-002 9.0081290e-002 -3.1911460e-002
+v 1.9204630e-002 5.5166510e-002 4.7722150e-002
+v 2.1886000e-002 5.3927560e-002 4.5102460e-002
+v 3.1286270e-002 5.2863840e-002 3.6913620e-002
+v 4.6661160e-002 5.4719230e-002 3.1976810e-002
+v 5.1823730e-002 5.3276700e-002 2.7927010e-002
+v -2.9264880e-002 1.6140418e-001 -2.1039500e-003
+v -6.8700770e-002 1.4463537e-001 4.3041630e-002
+v -5.6070060e-002 1.5000706e-001 2.9867640e-002
+v 4.4717850e-002 9.4802660e-002 1.2024710e-002
+v -4.1804090e-002 1.5582081e-001 6.4548200e-003
+v -6.8369340e-002 1.2289287e-001 5.2437860e-002
+v -6.4114810e-002 9.5509880e-002 -1.8114610e-002
+v -1.8383130e-002 1.8543664e-001 -1.7136370e-002
+v 1.1745400e-002 5.6678340e-002 5.1914060e-002
+v -5.9375360e-002 1.1998238e-001 4.0548240e-002
+v 5.9092080e-002 5.7956980e-002 2.0270120e-002
+v 4.3547740e-002 9.7389400e-002 1.7314650e-002
+v -2.6291780e-002 1.5963381e-001 -5.1845000e-004
+v 1.4904780e-002 5.6350380e-002 4.9522780e-002
+v 2.4286200e-002 5.4958580e-002 4.3086850e-002
+v 2.8952610e-002 5.6125250e-002 4.0388970e-002
+v -4.9507770e-002 1.2949500e-001 3.0259270e-002
+v 4.0824790e-002 9.5170220e-002 2.8657920e-002
+v 1.7774800e-002 5.8243780e-002 4.8864720e-002
+v 3.3573840e-002 5.8515260e-002 3.8310990e-002
+v 3.6385040e-002 5.6996480e-002 3.3601460e-002
+v -6.4205010e-002 1.2243894e-001 4.8008340e-002
+v -6.5424500e-002 1.4011279e-001 4.1308960e-002
+v 5.0801340e-002 5.7308080e-002 3.0001390e-002
+v 5.6671750e-002 5.6970820e-002 2.4291920e-002
+v -4.9349930e-002 1.4913519e-001 1.1274060e-002
+v -6.9760570e-002 1.3442855e-001 4.8265220e-002
+v 1.9537060e-002 6.0003780e-002 4.8576140e-002
+v 2.7013910e-002 5.9952790e-002 4.3454420e-002
+v 5.7679430e-002 6.1392970e-002 2.4201790e-002
+v -5.6916540e-002 1.2623512e-001 3.9426610e-002
+v 2.3469280e-002 1.1656262e-001 3.3537270e-002
+v -5.8298640e-002 1.3885500e-001 3.2937460e-002
+v 6.4598400e-003 6.0297430e-002 5.4780030e-002
+v 1.0406020e-002 5.9162400e-002 5.2484370e-002
+v 2.3183950e-002 5.8654360e-002 4.5871060e-002
+v 3.3040360e-002 6.1773840e-002 3.9781440e-002
+v -6.4348220e-002 1.2628088e-001 4.6650200e-002
+v -5.7031440e-002 1.1562007e-001 3.6494880e-002
+v 5.4451560e-002 5.8342890e-002 2.7653010e-002
+v -3.0134400e-002 1.7011322e-001 -7.3591600e-003
+v -3.7077100e-002 1.5986369e-001 1.6096500e-003
+v -5.6032760e-002 1.3731083e-001 3.1970590e-002
+v -6.7676470e-002 1.4150325e-001 4.3868140e-002
+v 9.9911700e-003 6.2735270e-002 5.4009240e-002
+v 1.4521510e-002 6.1382890e-002 5.0500900e-002
+v 3.0051740e-002 6.2169610e-002 4.1545810e-002
+v 3.7519170e-002 6.1062710e-002 3.4366020e-002
+v 5.3944010e-002 6.1391550e-002 2.8268530e-002
+v 5.9119900e-002 6.3128810e-002 2.1561830e-002
+v -2.4366390e-002 1.7693266e-001 -1.1719630e-002
+v -1.3253420e-002 1.6627152e-001 -1.4120370e-002
+v 3.9218740e-002 1.0669250e-001 2.0450190e-002
+v -1.7968980e-002 1.8078031e-001 -1.8103430e-002
+v 2.1902390e-002 6.0875970e-002 4.7282360e-002
+v 3.5341750e-002 6.1630030e-002 3.7606020e-002
+v -6.2145620e-002 1.3599775e-001 3.6700970e-002
+v 5.6820620e-002 6.3691150e-002 2.5286090e-002
+v -3.2800040e-002 1.5948699e-001 2.1962800e-003
+v 1.1212140e-002 6.6584120e-002 5.3982180e-002
+v 1.2919590e-002 6.4203580e-002 5.2441150e-002
+v 2.0126950e-002 6.3851330e-002 4.7919660e-002
+v 3.5971760e-002 6.6669610e-002 3.7781400e-002
+v 3.9906940e-002 6.4361260e-002 3.1686660e-002
+v -6.6702350e-002 1.3210600e-001 4.5480940e-002
+v -4.1601430e-002 1.5978000e-001 3.5374700e-003
+v 3.3044580e-002 1.0766252e-001 3.1916150e-002
+v 2.4672100e-002 6.3694500e-002 4.5204640e-002
+v 2.6108660e-002 6.8007640e-002 4.3902690e-002
+v 3.3363940e-002 6.7054760e-002 3.9729480e-002
+v 4.2915790e-002 6.6707700e-002 2.6994720e-002
+v 5.4714960e-002 6.4697160e-002 2.6979680e-002
+v -1.6530940e-002 1.6325000e-001 -9.2475200e-003
+v -1.7891600e-002 1.6113800e-001 -6.7072700e-003
+v 4.1118120e-002 9.7491260e-002 -3.9756700e-003
+v 2.3386770e-002 7.0075990e-002 4.7012620e-002
+v 3.8102900e-002 6.5678440e-002 3.5132520e-002
+v 1.0145240e-002 1.2221678e-001 3.4718950e-002
+v 5.8392410e-002 6.6741240e-002 2.1979460e-002
+v 3.8302050e-002 8.4549140e-002 -1.4478830e-002
+v 3.4126440e-002 9.7053980e-002 3.7590390e-002
+v -3.1355740e-002 1.5809888e-001 1.9128800e-003
+v -5.8259510e-002 1.4099493e-001 3.2440640e-002
+v -6.6817230e-002 1.1951525e-001 5.1490220e-002
+v -6.8090040e-002 1.1647050e-001 5.1151230e-002
+v 1.6568300e-002 6.6269890e-002 5.1009890e-002
+v 2.9362870e-002 6.6509780e-002 4.2289380e-002
+v 3.7027180e-002 9.3949630e-002 -1.1674040e-002
+v 5.6412730e-002 6.7659930e-002 2.3969320e-002
+v -6.1295740e-002 1.4519988e-001 3.7137830e-002
+v 8.3873000e-003 1.1336223e-001 3.9792610e-002
+v 1.1807030e-002 7.0920980e-002 5.4240490e-002
+v 2.9741730e-002 7.0647100e-002 4.1653890e-002
+v 3.6294410e-002 7.1220700e-002 3.7114610e-002
+v 3.9899680e-002 7.0294820e-002 3.2720020e-002
+v -6.2763130e-002 1.3778012e-001 3.6678590e-002
+v -1.5815440e-002 1.7504938e-001 -1.8654160e-002
+v -9.2268990e-002 1.1475156e-001 1.7017380e-002
+v -9.4964000e-004 1.0141111e-001 4.4290070e-002
+v -6.3712920e-002 1.1274250e-001 3.8006760e-002
+v -6.1096020e-002 1.1701650e-001 3.9654020e-002
+v 2.0991870e-002 6.9335450e-002 4.9003540e-002
+v 2.5658530e-002 7.0550460e-002 4.4539930e-002
+v 3.2978560e-002 7.3500690e-002 4.0486510e-002
+v 4.2156130e-002 6.9717580e-002 2.8318230e-002
+v -5.5516860e-002 1.2956070e-001 3.6598450e-002
+v -4.0802290e-002 1.6436059e-001 3.7448800e-003
+v -6.2546500e-003 1.0121650e-001 4.4322030e-002
+v -1.0986820e-002 1.6621199e-001 -1.6047550e-002
+v -3.0351420e-002 1.6448158e-001 -5.3291400e-003
+v 2.6110920e-002 1.0088990e-001 4.1733260e-002
+v -6.5599940e-002 1.1329504e-001 4.2318710e-002
+v 2.8814660e-002 9.6712680e-002 4.2257700e-002
+v 1.5263280e-002 7.1571940e-002 5.2717390e-002
+v 2.8982400e-002 7.4088480e-002 4.3447240e-002
+v 4.4872540e-002 7.5516710e-002 2.3155250e-002
+v -7.8225230e-002 1.4962481e-001 -2.5019400e-003
+v -4.6094940e-002 1.5296850e-001 9.0029700e-003
+v -5.2369030e-002 1.4682913e-001 1.8934650e-002
+v -2.1592100e-002 1.5763440e-001 -6.8623600e-003
+v 1.7176770e-002 7.3066230e-002 5.1826600e-002
+v 2.2687500e-002 7.5149180e-002 4.9312500e-002
+v 3.5472040e-002 7.3076670e-002 3.8482270e-002
+v -8.9480840e-002 1.3839976e-001 2.5061450e-002
+v -5.3216730e-002 1.3221978e-001 3.2978380e-002
+v -3.7776780e-002 1.5551947e-001 4.3700800e-003
+v -9.0549380e-002 1.3511875e-001 2.1680550e-002
+v -6.3366580e-002 1.3037076e-001 4.1669940e-002
+v 1.4074270e-002 7.6651720e-002 5.4221350e-002
+v 1.8109790e-002 7.5806590e-002 5.2488260e-002
+v 4.2209940e-002 7.8861480e-002 2.9187200e-002
+v -5.2115930e-002 1.4179906e-001 2.0510310e-002
+v 2.9063090e-002 1.1149602e-001 3.3805790e-002
+v -5.4731460e-002 1.4267229e-001 2.8980480e-002
+v 2.5903640e-002 7.5536040e-002 4.6416650e-002
+v 3.1298760e-002 7.5907440e-002 4.2699060e-002
+v 3.8446170e-002 7.5649430e-002 3.5050640e-002
+v 4.6351670e-002 7.4079520e-002 1.8354320e-002
+v -4.7656560e-002 1.3077525e-001 2.5523570e-002
+v -1.1447430e-002 1.7131059e-001 -1.9602980e-002
+v -3.6647240e-002 1.6640131e-001 -2.8167000e-004
+v -4.6653530e-002 1.5917824e-001 7.8019000e-003
+v -4.5569890e-002 1.4663612e-001 5.6514200e-003
+v 4.1438880e-002 9.2365100e-002 -7.4587000e-003
+v -6.4287420e-002 1.3463625e-001 3.9945640e-002
+v -6.1128890e-002 1.3178328e-001 3.8915910e-002
+v -4.7843540e-002 1.2215063e-001 2.8833160e-002
+v -4.9536830e-002 1.2491344e-001 3.1778440e-002
+v -7.1135380e-002 1.3817656e-001 4.7853960e-002
+v 1.0113870e-002 7.6468110e-002 5.5256790e-002
+v 1.7897450e-002 7.9516550e-002 5.2759530e-002
+v 2.1740850e-002 8.0250650e-002 5.0425390e-002
+v 2.5271590e-002 7.8724920e-002 4.8026570e-002
+v 3.0885040e-002 7.8999480e-002 4.3388770e-002
+v -6.2441930e-002 1.4084781e-001 3.6965840e-002
+v -6.2165060e-002 1.5666850e-001 -1.7837760e-002
+v 2.0657260e-002 1.0416830e-001 4.3004680e-002
+v -6.3602800e-002 1.1571453e-001 4.2572290e-002
+v 1.4424020e-002 8.0085500e-002 5.3755600e-002
+v 2.8779340e-002 8.2553250e-002 4.4527350e-002
+v 4.4450130e-002 8.1846900e-002 2.4552920e-002
+v 4.5541990e-002 8.3338380e-002 1.9700850e-002
+v -4.9665810e-002 1.2063801e-001 3.2163270e-002
+v -2.9177290e-002 1.7619959e-001 -5.6241100e-003
+v -5.8203130e-002 1.3270975e-001 3.6918680e-002
+v 3.8997050e-002 9.7088220e-002 -7.7799300e-003
+v -5.4725800e-002 1.2071262e-001 3.7451450e-002
+v 1.3189120e-002 8.4211180e-002 5.3065830e-002
+v -1.9926300e-002 1.6489742e-001 -9.9900200e-003
+v 2.0153130e-002 1.1849719e-001 3.4271250e-002
+v -5.5859940e-002 1.1774313e-001 3.7253480e-002
+v 1.8045260e-002 8.3623160e-002 5.1285840e-002
+v -6.3757130e-002 1.5912175e-001 -5.0155730e-002
+v -1.8527620e-002 1.7653197e-001 -1.7043540e-002
+v 2.8734400e-002 1.0360053e-001 3.8035240e-002
+v 4.1414010e-002 1.0284216e-001 1.6578920e-002
+v 2.4411730e-002 9.8016880e-002 4.4687400e-002
+v 2.0925180e-002 8.6311430e-002 4.9433120e-002
+v 3.0445010e-002 8.4959560e-002 4.3011090e-002
+v 3.3030090e-002 8.3781640e-002 4.1636930e-002
+v 3.6975090e-002 7.9876480e-002 3.7198390e-002
+v -7.7721460e-002 1.1355888e-001 4.8155990e-002
+v 2.9250000e-002 1.0651935e-001 3.6590330e-002
+v -5.3078180e-002 1.3754688e-001 2.8266470e-002
+v -6.2990590e-002 1.1999459e-001 4.5235530e-002
+v -6.5398320e-002 1.1751956e-001 4.8735570e-002
+v 3.3373910e-002 1.1227890e-001 2.7788130e-002
+v 3.8413590e-002 8.7489930e-002 3.5185850e-002
+v -6.1945930e-002 1.6479234e-001 -5.6647670e-002
+v -2.2876480e-002 1.7392813e-001 -1.3431140e-002
+v 4.3766230e-002 8.8390020e-002 -3.5708800e-003
+v 3.9291530e-002 1.0125969e-001 2.7550520e-002
+v 1.0936230e-002 8.6027290e-002 5.4732670e-002
+v 2.4108720e-002 8.4492600e-002 4.8292310e-002
+v 3.6758390e-002 9.9195470e-002 3.2837670e-002
+v -5.1941640e-002 1.2565987e-001 3.4587860e-002
+v -3.1582110e-002 1.6641850e-001 -5.7320000e-003
+v 7.6405900e-003 8.6427230e-002 5.6117850e-002
+v 1.6771020e-002 8.8644690e-002 5.0522960e-002
+v 3.4404610e-002 8.6932850e-002 4.0574270e-002
+v 3.6143820e-002 8.4439200e-002 3.7936930e-002
+v 4.1258830e-002 1.0361081e-001 2.6760600e-003
+v 2.4766140e-002 1.1081111e-001 3.6728360e-002
+v -2.2601590e-002 1.6250449e-001 -6.0717000e-003
+v -1.2893670e-002 1.7879041e-001 -2.2624750e-002
+v -2.4939150e-002 1.7031135e-001 -1.1329700e-002
+v -4.8468630e-002 1.4559606e-001 8.3661500e-003
+v 1.2534490e-002 8.9593930e-002 5.3394630e-002
+v 2.5872860e-002 8.8482290e-002 4.6655260e-002
+v 3.2756470e-002 8.8969130e-002 4.2215450e-002
+v -2.3343620e-002 1.6103450e-001 -3.1862400e-003
+v -9.2594970e-002 1.1943826e-001 2.6802950e-002
+v -7.4314840e-002 1.3761738e-001 -6.6698800e-003
+v -9.2499230e-002 1.2131500e-001 2.9256200e-002
+v -7.7378260e-002 1.5764266e-001 -1.4133650e-002
+v -9.2907340e-002 1.2307021e-001 3.6523230e-002
+v 2.8423340e-002 8.8011080e-002 4.4234200e-002
+v 3.5251680e-002 9.0836820e-002 3.9183920e-002
+v 1.5760560e-002 9.3203560e-002 4.9939310e-002
+v 3.8785530e-002 9.4954300e-002 3.2520220e-002
+v -6.1511220e-002 1.2373565e-001 4.3062680e-002
+v -6.8145120e-002 1.2748676e-001 5.0148970e-002
+v -2.0616710e-002 1.8237588e-001 -1.4299100e-002
+v 1.5137190e-002 1.1571495e-001 3.7031980e-002
+v -5.0718270e-002 1.5276300e-001 1.1816680e-002
+v 3.0168690e-002 1.0048686e-001 3.9404710e-002
+v -8.7426500e-002 9.5469530e-002 4.0312400e-003
+v -6.0010390e-002 1.4284463e-001 3.5449690e-002
+v -5.8603310e-002 1.4637237e-001 3.3808800e-002
+v 3.2411650e-002 9.3736150e-002 4.0890240e-002
+v -7.5917780e-002 1.4997690e-001 -1.6842050e-002
+v 1.8596570e-002 3.5293940e-002 -8.6782200e-003
+v 1.7209800e-002 3.5259400e-002 -1.4685160e-002
+v 4.4326540e-002 9.0818120e-002 2.2097520e-002
+v 3.8335910e-002 3.8830830e-002 3.0938100e-003
+v 2.2192920e-002 3.6775320e-002 -2.0919300e-003
+v 1.9636020e-002 3.8234010e-002 -1.2507670e-002
+v 2.3682120e-002 3.9762540e-002 3.7148760e-002
+v 4.6693280e-002 4.2465320e-002 6.5649500e-003
+v 2.1621110e-002 3.7657240e-002 -4.7021600e-003
+v 1.6638610e-002 3.8196090e-002 -1.9884930e-002
+v -9.0253980e-002 1.1366307e-001 3.7720210e-002
+v -9.0593870e-002 1.1373094e-001 1.0276770e-002
+v -6.2541690e-002 1.7679461e-001 -5.7821820e-002
+v -1.1091940e-002 1.7992082e-001 -2.5996430e-002
+v -6.2263130e-002 1.5219935e-001 -2.2578880e-002
+v -4.2276760e-002 9.4982570e-002 -2.2562420e-002
+v 4.3293410e-002 4.1864140e-002 2.0634400e-003
+v 4.3779590e-002 4.4530720e-002 -1.2622500e-003
+v 2.1696990e-002 4.0427270e-002 -9.4629500e-003
+v -1.1183700e-002 1.6450000e-001 -1.6151690e-002
+v -6.2372570e-002 1.5313041e-001 -2.8997120e-002
+v -9.2489300e-003 1.7725850e-001 -2.8270200e-002
+v 4.1477400e-002 8.5509410e-002 -9.1575000e-003
+v -8.1268710e-002 1.0879438e-001 2.9440660e-002
+v 4.9575680e-002 4.3815900e-002 1.4582960e-002
+v 5.2987960e-002 4.7747690e-002 5.0420000e-003
+v 2.1977540e-002 4.2855330e-002 -1.4536230e-002
+v 1.8505700e-002 3.8294100e-002 -1.7136500e-002
+v -3.5100500e-002 1.5203437e-001 -1.3279000e-004
+v 4.8749130e-002 4.5265000e-002 2.3023500e-003
+v 3.1912900e-002 9.9870060e-002 -1.4620980e-002
+v -1.4222520e-002 1.6167426e-001 -1.3349060e-002
+v -4.8663640e-002 1.3638523e-001 6.8063900e-003
+v -9.5837200e-003 1.7426102e-001 -2.8390760e-002
+v 5.2801850e-002 4.6539940e-002 1.0427720e-002
+v 5.1433800e-002 4.8485200e-002 1.0401000e-003
+v 2.3911240e-002 9.8021670e-002 -2.0807290e-002
+v 2.4567060e-002 4.4130110e-002 -1.0820840e-002
+v 2.0356810e-002 4.3662400e-002 -2.0456280e-002
+v -2.1882420e-002 1.1087418e-001 -1.9695320e-002
+v -5.3831800e-002 1.4981693e-001 2.5066610e-002
+v 5.4114210e-002 4.7773090e-002 1.7484000e-002
+v 5.6730570e-002 5.0515740e-002 1.0627080e-002
+v 4.5941820e-002 4.8138820e-002 -3.8715700e-003
+v -8.3817760e-002 1.1109094e-001 2.8524490e-002
+v 2.9207770e-002 4.7450250e-002 -8.5081800e-003
+v 2.8454920e-002 4.8067390e-002 -1.2847240e-002
+v 2.6637260e-002 4.7607100e-002 -1.6427740e-002
+v 2.2040110e-002 4.4992500e-002 -1.7528500e-002
+v 1.9120080e-002 4.7167750e-002 -2.2114680e-002
+v -1.5782200e-002 1.0072957e-001 -2.3724130e-002
+v -6.2514170e-002 1.7213119e-001 -5.2788100e-002
+v -6.2345600e-002 1.4745498e-001 -7.6600200e-003
+v 4.5598180e-002 8.8151720e-002 1.3124070e-002
+v -4.9422610e-002 1.4283525e-001 8.9728300e-003
+v -8.2761860e-002 1.1162341e-001 4.4221460e-002
+v -5.2166220e-002 1.5013661e-001 1.7448750e-002
+v -6.3616740e-002 1.4801371e-001 -2.0170260e-002
+v -5.1492690e-002 1.3796388e-001 2.3662180e-002
+v -6.1517580e-002 1.7517449e-001 -6.0631700e-002
+v 5.6524870e-002 5.0125660e-002 1.5564490e-002
+v 5.5257900e-002 5.1416260e-002 3.2062600e-003
+v 5.0318130e-002 5.2786370e-002 -3.4166300e-003
+v -6.2681950e-002 1.6744086e-001 -4.5713890e-002
+v 5.6520150e-002 5.1179900e-002 1.9940560e-002
+v 5.6907980e-002 5.1578130e-002 7.2538300e-003
+v 5.2854160e-002 5.1898670e-002 -6.2070000e-004
+v -3.8921140e-002 3.3767390e-002 -2.9042560e-002
+v 2.9740700e-002 5.0324690e-002 -1.3990860e-002
+v -6.8796190e-002 3.5117720e-002 -5.2067400e-003
+v 5.8826020e-002 5.5503780e-002 1.8647920e-002
+v -2.6160570e-002 1.2309988e-001 -4.4735500e-003
+v -5.3341960e-002 1.4401200e-001 2.4261390e-002
+v 5.8177390e-002 5.2821320e-002 1.5182420e-002
+v 5.9798140e-002 5.6840180e-002 1.3342730e-002
+v 5.4549870e-002 5.6044630e-002 -6.6158000e-004
+v 2.6775460e-002 5.1423450e-002 -2.0234060e-002
+v -8.6960400e-003 1.7291588e-001 -2.6708770e-002
+v -7.7039560e-002 7.1967020e-002 2.6405070e-002
+v -6.3069890e-002 1.5897471e-001 -4.2951850e-002
+v 3.5706690e-002 5.6083040e-002 -8.9993300e-003
+v 3.2600380e-002 5.3707520e-002 -1.1006150e-002
+v 2.9739960e-002 5.2538430e-002 -1.6224950e-002
+v 5.9238530e-002 5.6362780e-002 9.4530800e-003
+v 5.7421750e-002 5.6012210e-002 4.0245600e-003
+v 2.9062990e-002 5.5210580e-002 -1.8042060e-002
+v -1.7224410e-002 9.5214090e-002 -3.2085300e-002
+v -8.5911380e-002 1.0968787e-001 7.6582400e-003
+v 6.0594930e-002 6.1677210e-002 1.5591560e-002
+v 5.9531640e-002 6.0504600e-002 5.8397000e-003
+v 5.7306470e-002 5.9944620e-002 1.8886400e-003
+v 3.8829380e-002 5.9839830e-002 -6.4252500e-003
+v 3.0662770e-002 5.7300390e-002 -1.6518370e-002
+v -2.7762070e-002 1.2068537e-001 -9.0152900e-003
+v -8.8194590e-002 1.0314633e-001 1.7509020e-002
+v 6.0778800e-002 6.1646560e-002 1.0463990e-002
+v 3.5915080e-002 5.9916380e-002 -1.1966510e-002
+v 2.4251860e-002 5.6457470e-002 -2.4254800e-002
+v -6.1954390e-002 1.6865320e-001 -5.2621160e-002
+v -9.0557930e-002 1.1275994e-001 1.6141030e-002
+v -8.8469220e-002 1.1124294e-001 1.2679160e-002
+v 5.9558010e-002 6.3099260e-002 5.9471000e-003
+v 3.0940440e-002 6.0518080e-002 -1.8132720e-002
+v -9.3575750e-002 1.2474629e-001 2.6213300e-002
+v -9.3189820e-002 1.2019919e-001 3.7913720e-002
+v -9.2296100e-003 1.7314463e-001 -2.4197660e-002
+v -8.1739460e-002 7.6861340e-002 2.3313610e-002
+v -3.6992750e-002 1.5063932e-001 -2.0372300e-003
+v 6.0093570e-002 6.5693450e-002 1.8533320e-002
+v 5.9837240e-002 6.6423180e-002 8.5139400e-003
+v 4.0706180e-002 6.4475310e-002 -5.5920300e-003
+v 3.4745940e-002 6.3261340e-002 -1.4646740e-002
+v -6.1879660e-002 1.6000450e-001 -2.5806250e-002
+v -7.6537810e-002 1.5344875e-001 -1.2898750e-002
+v 3.8111070e-002 6.4811810e-002 -1.1142000e-002
+v 3.1909340e-002 6.4657050e-002 -1.8473410e-002
+v -8.3159350e-002 1.4674277e-001 3.0757900e-003
+v -8.7055900e-002 1.0562761e-001 9.7651100e-003
+v -7.1448330e-002 1.8105301e-001 -5.5478550e-002
+v -8.5632110e-002 1.2461094e-001 -2.7335800e-003
+v 6.0728970e-002 6.5806600e-002 1.3974830e-002
+v 3.9909650e-002 6.8171740e-002 -9.5698200e-003
+v 3.4981790e-002 6.7740790e-002 -1.5683210e-002
+v -9.1822030e-002 1.2747346e-001 3.6458650e-002
+v -6.2425420e-002 1.6366637e-001 -4.9667290e-002
+v -7.1168950e-002 1.4740156e-001 -2.7590940e-002
+v -5.0364760e-002 1.3715763e-001 1.9526100e-003
+v -5.0492650e-002 1.4159899e-001 1.6291740e-002
+v 5.9886670e-002 6.8513050e-002 1.6171610e-002
+v -6.1406990e-002 1.7268822e-001 -5.8265750e-002
+v 2.4990740e-002 6.5897320e-002 -2.3568270e-002
+v -7.4852750e-002 1.4993112e-001 -2.7752940e-002
+v -6.2225690e-002 6.0265200e-002 2.0449290e-002
+v -6.2001940e-002 3.6435020e-002 4.3918940e-002
+v 5.8374570e-002 7.1186410e-002 1.3072740e-002
+v -3.6125040e-002 1.2286688e-001 -8.2927900e-003
+v 2.9216510e-002 6.7850250e-002 -2.0418570e-002
+v -4.1681700e-002 1.2575112e-001 -7.0193300e-003
+v -7.4226550e-002 1.6437012e-001 -3.8240340e-002
+v -9.7845700e-003 1.6928488e-001 -2.4756660e-002
+v -8.9577950e-002 1.2078310e-001 3.5229100e-003
+v -6.2311930e-002 1.6371109e-001 -4.0623990e-002
+v 4.3514770e-002 9.1519890e-002 -2.6468100e-003
+v -4.8434350e-002 1.3754973e-001 1.3244980e-002
+v -8.9313160e-002 1.3653006e-001 3.0458750e-002
+v -7.4230190e-002 1.5652681e-001 -2.5167090e-002
+v 3.7378600e-002 7.3093410e-002 -1.2635370e-002
+v 2.6321810e-002 7.0240650e-002 -2.3878680e-002
+v -4.8023620e-002 1.4426649e-001 4.2498600e-003
+v -9.2019580e-002 1.1611534e-001 3.5842730e-002
+v -7.1305510e-002 7.3899020e-002 3.5969780e-002
+v -6.2059290e-002 1.5697807e-001 -3.3784580e-002
+v -9.7015300e-003 1.6738863e-001 -1.9360250e-002
+v 4.3342140e-002 7.1676120e-002 -2.2304600e-003
+v 4.1772460e-002 6.9568020e-002 -6.1596000e-003
+v 3.3505410e-002 7.2809860e-002 -1.7034800e-002
+v 2.9665000e-002 7.1506830e-002 -2.1282340e-002
+v -2.9460160e-002 1.5550263e-001 -1.1914700e-003
+v -8.6396440e-002 1.0479356e-001 5.9820600e-003
+v -5.4910700e-002 1.4662313e-001 2.8438970e-002
+v 4.4203810e-002 8.5204260e-002 -2.1170500e-003
+v 4.3264350e-002 7.5810540e-002 -3.8843900e-003
+v 1.3096990e-002 9.1126480e-002 -2.9269770e-002
+v -6.7069210e-002 9.1144610e-002 -1.7425950e-002
+v -9.0821680e-002 1.2276896e-001 6.0998500e-003
+v 4.5620000e-002 7.4684430e-002 2.6073900e-003
+v -9.3039800e-002 1.2026416e-001 1.1216820e-002
+v 4.4635590e-002 9.2794290e-002 1.7832070e-002
+v -1.1243390e-002 1.6457514e-001 -1.8240780e-002
+v 4.5511190e-002 8.6953050e-002 3.8865500e-003
+v 4.6252720e-002 7.7373870e-002 6.9140800e-003
+v 4.0281640e-002 7.2637130e-002 -9.2881000e-003
+v 4.3218200e-002 9.9486740e-002 5.0153300e-003
+v -5.1108270e-002 1.4520219e-001 1.4279480e-002
+v 4.4692980e-002 9.2688550e-002 2.2466700e-003
+v 4.3422540e-002 9.1860370e-002 2.4538450e-002
+v 4.0751360e-002 1.0554729e-001 7.5074100e-003
+v -8.5613030e-002 9.6277110e-002 -6.6514000e-004
+v 4.0721470e-002 7.8475530e-002 -8.2130000e-003
+v 3.5538080e-002 7.6062960e-002 -1.4434750e-002
+v -9.2736510e-002 1.2073095e-001 3.2692730e-002
+v -6.2278520e-002 1.5166598e-001 -1.4672730e-002
+v 4.4960220e-002 8.0942630e-002 6.1119000e-004
+v 3.7814740e-002 7.9698150e-002 -1.3289630e-002
+v 3.3864490e-002 7.8656690e-002 -1.7632490e-002
+v -9.1044280e-002 1.4199862e-001 2.1729630e-002
+v -7.4004450e-002 1.7818523e-001 -5.3916320e-002
+v -6.1768650e-002 1.6067957e-001 -3.4046350e-002
+v -4.9747450e-002 1.4112519e-001 5.2937500e-003
+v 4.1065440e-002 9.0460700e-002 2.9888620e-002
+v -7.2916360e-002 6.5057400e-002 1.8794620e-002
+v -9.0949690e-002 1.3895375e-001 1.7371130e-002
+v 4.2879050e-002 1.0093777e-001 9.4753200e-003
+v -7.2455480e-002 1.7610676e-001 -5.3535420e-002
+v -7.5862940e-002 1.5071299e-001 -9.0209000e-003
+v -8.5269820e-002 1.0267793e-001 1.3935600e-003
+v -7.7025570e-002 1.1396763e-001 -4.6168100e-003
+v 4.6280880e-002 7.8702020e-002 1.4786330e-002
+v 4.2106910e-002 8.1533160e-002 -6.6690900e-003
+v 3.6523880e-002 8.1991750e-002 -1.6229590e-002
+v -3.7420220e-002 4.5428500e-002 -2.4226790e-002
+v -8.5148910e-002 1.3965520e-001 2.4808500e-003
+v -6.3313300e-002 1.6503258e-001 -3.2895120e-002
+v -6.1591410e-002 1.5681572e-001 -2.5945630e-002
+v 4.5918540e-002 8.7036220e-002 8.4236300e-003
+v 4.4631140e-002 8.4178380e-002 8.2665000e-004
+v -4.4842870e-002 1.4629393e-001 1.7114800e-003
+v -6.4124180e-002 1.7953625e-001 -5.8730420e-002
+v -6.7070300e-002 1.8072682e-001 -5.6618620e-002
+v -6.4793760e-002 1.7885275e-001 -5.5883250e-002
+v -6.4371030e-002 1.7296209e-001 -4.9225660e-002
+v -7.0381530e-002 1.8071180e-001 -5.3172590e-002
+v -7.5269270e-002 1.5232949e-001 3.4374060e-002
+v -1.6273090e-002 1.2844514e-001 1.6683610e-002
+v -6.2116150e-002 1.5600787e-001 1.8034420e-002
+v -5.6010790e-002 1.5381662e-001 2.5369280e-002
+v -3.7277920e-002 1.7289068e-001 -8.6627000e-004
+v -7.4158700e-002 1.7987275e-001 -5.0794750e-002
+v -7.9039960e-002 1.5537445e-001 1.5141810e-002
+v -7.2505530e-002 1.5459529e-001 2.9588830e-002
+v -6.7738180e-002 1.7728865e-001 -5.0375960e-002
+v -7.5346900e-003 1.0021302e-001 4.7488700e-002
+v -5.9575620e-002 1.5472401e-001 2.6373250e-002
+v -7.7382710e-002 1.5346600e-001 3.0894990e-002
+v -8.1496670e-002 1.5473104e-001 1.9697340e-002
+v -7.2223320e-002 1.5896734e-001 -5.4242300e-003
+v -1.3708500e-002 1.8491150e-001 -2.5549550e-002
+v -4.3465340e-002 1.2451145e-001 2.2518890e-002
+v -6.9103650e-002 1.5559479e-001 1.6370800e-003
+v -7.3748080e-002 1.5539253e-001 2.3491700e-003
+v -6.8192410e-002 1.7439828e-001 -4.5365870e-002
+v -6.0052850e-002 1.5280350e-001 3.2887630e-002
+v -2.3459490e-002 1.2615386e-001 1.6613770e-002
+v -7.2777220e-002 1.7854465e-001 -4.8208800e-002
+v -7.6595580e-002 1.7753227e-001 -4.7118080e-002
+v 1.3906410e-002 1.2790838e-001 2.5110240e-002
+v -8.6367510e-002 1.0906537e-001 1.1980640e-002
+v -3.1358850e-002 1.2140977e-001 2.5971090e-002
+v -4.9104590e-002 1.3666879e-001 1.9314030e-002
+v -4.2930640e-002 1.2928436e-001 9.2700700e-003
+v -6.5320350e-002 1.5390322e-001 9.1386000e-004
+v -3.7606490e-002 1.2422605e-001 2.4313530e-002
+v 9.5078400e-003 1.3041865e-001 2.0715020e-002
+v -1.7976800e-003 1.3117283e-001 1.6360660e-002
+v 3.6231700e-003 1.3076791e-001 2.1168600e-002
+v -9.2674700e-002 1.1701945e-001 1.1889520e-002
+v -6.5739720e-002 1.5565338e-001 2.6017600e-002
+v -8.6561940e-002 1.4249188e-001 8.4326800e-003
+v -7.0731530e-002 1.5569959e-001 6.9058200e-003
+v -8.0840700e-003 1.3030537e-001 1.6872280e-002
+v -4.4286250e-002 1.2606625e-001 2.0795220e-002
+v -7.0222260e-002 1.5143521e-001 3.6718910e-002
+v -1.5210690e-002 1.8463639e-001 -2.2057240e-002
+v -1.7270750e-002 1.8699602e-001 -1.9977570e-002
+v -8.3560950e-002 1.5255943e-001 7.6806700e-003
+v -8.8130280e-002 9.7540510e-002 5.6788000e-003
+v -8.8399240e-002 1.3899000e-001 1.0640660e-002
+v -6.7780550e-002 1.5614453e-001 1.4276320e-002
+v -6.5864600e-003 1.2641717e-001 3.0226390e-002
+v -8.8746180e-002 1.3625578e-001 7.1477800e-003
+v -7.7206730e-002 1.5639950e-001 -1.8972540e-002
+v -9.3176480e-002 1.1821016e-001 2.3362360e-002
+v -2.3506850e-002 1.2672006e-001 1.0996900e-002
+v -6.6546650e-002 1.7171115e-001 -4.2127770e-002
+v -6.9136000e-002 1.7247836e-001 -3.9013330e-002
+v 5.7180270e-002 7.1107690e-002 8.0307600e-003
+v -7.5390870e-002 1.7952824e-001 -5.2402050e-002
+v -3.1828840e-002 1.2639115e-001 1.0013410e-002
+v -8.9888800e-003 1.2952269e-001 2.2026810e-002
+v 3.4325880e-002 1.1193312e-001 -2.2406500e-003
+v -8.1414950e-002 9.7100250e-002 -6.8745800e-003
+v -2.3298830e-002 1.8324307e-001 -1.7923000e-002
+v -6.1641660e-002 1.5582039e-001 1.1099820e-002
+v -8.8826450e-002 9.0483320e-002 2.1204700e-002
+v 5.8373130e-002 6.8067590e-002 5.7247600e-003
+v -4.3045630e-002 1.2785122e-001 1.6842260e-002
+v 3.0835720e-002 1.1554234e-001 -3.1785500e-003
+v -8.8631270e-002 9.4881200e-002 7.9337600e-003
+v -9.1715140e-002 1.1709957e-001 3.0809400e-002
+v -7.2083780e-002 1.7499844e-001 -4.1930320e-002
+v -6.9540630e-002 1.5308527e-001 3.3865720e-002
+v 6.0078690e-002 6.8129260e-002 1.1454500e-002
+v -4.0081060e-002 1.2628381e-001 1.9607250e-002
+v 3.2819930e-002 1.1655625e-001 4.4458600e-003
+v -7.2823220e-002 1.4510601e-001 -1.5654680e-002
+v -8.5270210e-002 1.0551770e-001 2.3290940e-002
+v -7.6051320e-002 1.1103825e-001 -6.2722100e-003
+v -8.6537730e-002 1.5154801e-001 2.5875370e-002
+v 5.5888480e-002 7.2579250e-002 1.0669650e-002
+v -5.4642360e-002 1.5522963e-001 1.2612400e-002
+v 3.6729960e-002 1.1116756e-001 3.8670600e-003
+v 3.1501870e-002 1.1725172e-001 1.6855100e-003
+v -7.8751550e-002 9.5240290e-002 -1.0600670e-002
+v -8.9408160e-002 1.4352815e-001 3.0924750e-002
+v -2.0891130e-002 1.8595338e-001 -1.5037360e-002
+v -7.0863560e-002 1.6136525e-001 -9.7324600e-003
+v -7.0919760e-002 1.7136688e-001 -3.2763750e-002
+v -3.0771290e-002 1.2564075e-001 1.6594770e-002
+v -5.4454180e-002 1.5297699e-001 2.2505190e-002
+v -1.5539500e-003 1.2754717e-001 2.9232870e-002
+v 2.9130550e-002 1.2027445e-001 6.1117500e-003
+v 2.5725940e-002 1.2122705e-001 -3.6150000e-005
+v -8.9318970e-002 9.9546980e-002 1.3418110e-002
+v -7.5429500e-002 1.7095605e-001 -3.2879890e-002
+v -2.8596020e-002 1.1901156e-001 2.9888170e-002
+v 2.1069780e-002 1.2497756e-001 1.0998100e-003
+v -9.2240760e-002 1.1816838e-001 4.1201730e-002
+v 2.4094600e-003 1.0016785e-001 4.6938070e-002
+v -5.6627620e-002 1.5270606e-001 2.9629030e-002
+v -5.7264800e-002 1.5506250e-001 1.9322430e-002
+v -3.6452070e-002 1.2199869e-001 2.7670650e-002
+v -7.4108160e-002 1.7355729e-001 -3.7986840e-002
+v 5.1537130e-002 7.3496690e-002 1.2698700e-002
+v -6.6096040e-002 1.5532529e-001 7.1561800e-003
+v 3.6102000e-002 1.1266103e-001 1.0491780e-002
+v 1.6715210e-002 1.2689851e-001 2.2331000e-004
+v -8.0767920e-002 1.4301400e-001 -1.5312800e-003
+v -9.1757600e-002 1.4334588e-001 1.7790710e-002
+v -8.6824940e-002 1.5280775e-001 1.5521450e-002
+v -6.5808100e-002 1.6764344e-001 -3.0558670e-002
+v -7.8217340e-002 1.6873975e-001 -3.3564250e-002
+v -7.2567060e-002 1.4753230e-001 4.1714090e-002
+v 5.8439960e-002 7.0200810e-002 1.7779620e-002
+v 5.6847560e-002 7.2017160e-002 1.7139380e-002
+v 5.4919390e-002 7.3161610e-002 1.5223590e-002
+v 4.7446900e-002 7.3691410e-002 1.2430020e-002
+v 1.2319360e-002 1.2903768e-001 1.3336200e-003
+v -7.9790640e-002 1.0351662e-001 -6.6275400e-003
+v -7.6655210e-002 1.5509766e-001 7.9686300e-003
+v 2.1747320e-002 1.2118456e-001 3.0878810e-002
+v -7.5260490e-002 1.4938613e-001 3.9175980e-002
+v -2.5919610e-002 1.8272826e-001 -1.3541090e-002
+v -6.7983790e-002 1.6974781e-001 -3.1627490e-002
+v 1.6831110e-002 1.2487146e-001 2.8425580e-002
+v 5.4016490e-002 7.2883850e-002 1.8678010e-002
+v 5.0522750e-002 7.3397910e-002 1.6166890e-002
+v -5.9582440e-002 1.5623338e-001 7.9209900e-003
+v 2.5343500e-002 1.2374750e-001 9.9818800e-003
+v 1.9262750e-002 1.2689390e-001 5.5552100e-003
+v -9.0758520e-002 1.4223375e-001 2.6008130e-002
+v -4.6548490e-002 1.3320769e-001 1.6889630e-002
+v -2.4106950e-002 1.8380887e-001 -1.1544760e-002
+v 8.6784400e-003 1.2894574e-001 2.6156880e-002
+v 2.4919200e-003 1.2983563e-001 2.4847110e-002
+v 5.7345150e-002 6.9482720e-002 2.1153510e-002
+v -8.5329840e-002 1.5339912e-001 2.0378290e-002
+v 3.2877320e-002 1.1691463e-001 9.2957500e-003
+v 2.4246630e-002 1.2377758e-001 4.8764500e-003
+v -4.7765650e-002 1.3301969e-001 2.2874020e-002
+v -6.3541830e-002 1.6332115e-001 -2.5912990e-002
+v -6.6605200e-002 1.6477375e-001 -2.0670760e-002
+v -6.8504220e-002 1.6732018e-001 -2.3959570e-002
+v -7.2759160e-002 1.6965906e-001 -2.7013420e-002
+v 4.8206850e-002 7.2698580e-002 1.6994630e-002
+v -2.7383180e-002 1.2324257e-001 2.1658860e-002
+v -4.5077500e-002 1.3124443e-001 1.1145770e-002
+v 2.9253150e-002 1.2057701e-001 1.2299330e-002
+v 1.3677610e-002 1.2967262e-001 6.9327400e-003
+v 8.4210900e-003 1.3090986e-001 6.2754400e-003
+v 9.6836000e-004 1.3064303e-001 2.5865900e-003
+v 3.0802000e-003 9.8307360e-002 5.0535640e-002
+v -5.2420170e-002 1.5310101e-001 1.2927370e-002
+v -7.0359720e-002 1.6906988e-001 -2.6144260e-002
+v 5.4359390e-002 7.1467260e-002 2.1381250e-002
+v 4.5161440e-002 7.1030380e-002 2.2530690e-002
+v 1.9320440e-002 1.2738348e-001 1.1296310e-002
+v -9.3281210e-002 1.2691094e-001 1.3505010e-002
+v -8.7405060e-002 1.0593990e-001 1.3645920e-002
+v -2.2851640e-002 9.0635040e-002 5.2280460e-002
+v -6.2099370e-002 1.5406697e-001 3.0837360e-002
+v -4.5851560e-002 1.2072981e-001 2.7665040e-002
+v 5.0781670e-002 7.2155170e-002 2.0680180e-002
+v -8.9607270e-002 1.3971105e-001 2.9308560e-002
+v -5.3323050e-002 1.5273520e-001 1.6213860e-002
+v -1.5227080e-002 1.2784878e-001 2.1545200e-002
+v 3.3663540e-002 1.1574212e-001 1.7181290e-002
+v 2.4000260e-002 1.2468761e-001 1.5517930e-002
+v -8.4166840e-002 9.7756820e-002 -3.2761900e-003
+v -3.6223590e-002 1.2777519e-001 9.8501500e-003
+v -3.9189580e-002 1.2828193e-001 5.0346300e-003
+v -3.3674050e-002 1.7774449e-001 -8.1799500e-003
+v -7.4488620e-002 1.5649443e-001 -2.5954600e-003
+v -4.6755620e-002 1.3284294e-001 8.1212800e-003
+v -8.4970410e-002 1.5322309e-001 1.2654460e-002
+v -1.0866210e-002 1.2691699e-001 2.7575440e-002
+v -3.1074000e-003 1.3072898e-001 5.6428500e-003
+v -8.8760540e-002 9.7037440e-002 2.1079040e-002
+v -6.4811320e-002 3.4530640e-002 1.5508440e-002
+v -6.4300260e-002 3.5086450e-002 2.4272050e-002
+v -6.6727020e-002 3.5895770e-002 3.3849430e-002
+v 1.9838510e-002 9.6518890e-002 -2.2785880e-002
+v -3.8670510e-002 1.6070199e-001 -1.2357760e-002
+v -7.6890090e-002 1.3041906e-001 -6.9570100e-003
+v -7.2539730e-002 3.5399270e-002 7.0298800e-003
+v -6.9209050e-002 3.5454810e-002 1.2042140e-002
+v -6.4160810e-002 3.5900770e-002 1.7687570e-002
+v -6.6804150e-002 3.7377740e-002 3.3296290e-002
+v -6.2928350e-002 3.9061660e-002 4.2707680e-002
+v -7.1752230e-002 3.6789350e-002 8.6966700e-003
+v -6.5171380e-002 3.7289500e-002 2.5953770e-002
+v -6.6392030e-002 3.7712350e-002 2.9621950e-002
+v -6.4558720e-002 3.9639900e-002 3.9411530e-002
+v -6.0145790e-002 4.1202050e-002 4.4293830e-002
+v -6.0318430e-002 3.8442990e-002 4.5245950e-002
+v -3.6756310e-002 8.8663360e-002 -2.3868800e-002
+v -3.9494750e-002 3.7551570e-002 4.2870900e-002
+v -7.2016030e-002 3.7572700e-002 3.9789400e-003
+v -7.1693630e-002 3.9461000e-002 6.0145000e-003
+v -7.1165950e-002 3.9366310e-002 8.1142100e-003
+v -6.9000300e-002 3.8467710e-002 1.0768900e-002
+v -6.7253420e-002 3.8142160e-002 1.3533960e-002
+v -6.1125670e-002 3.7790050e-002 1.9710900e-002
+v -3.9179680e-002 4.2406740e-002 4.1476070e-002
+v -3.5145960e-002 3.8585920e-002 4.7732690e-002
+v -2.8950940e-002 3.9285940e-002 5.3309090e-002
+v -1.8223900e-002 9.7494570e-002 4.6847940e-002
+v -6.6916260e-002 1.2278907e-001 -8.9077400e-003
+v -6.3754640e-002 3.8250120e-002 1.6593500e-002
+v -6.4415760e-002 4.1283840e-002 2.8243480e-002
+v -8.5856340e-002 9.7025390e-002 2.7414960e-002
+v -3.7501130e-002 4.0221900e-002 4.4296550e-002
+v -3.4333970e-002 4.0923630e-002 4.8425810e-002
+v -3.1172890e-002 4.0294330e-002 5.1312460e-002
+v -6.9997320e-002 4.2073080e-002 6.6897800e-003
+v -8.0379330e-002 9.7800660e-002 3.3645750e-002
+v -2.6273160e-002 7.7631160e-002 4.8356180e-002
+v -3.7501450e-002 4.2736690e-002 4.2988400e-002
+v -2.6177500e-002 4.2498930e-002 5.3315220e-002
+v -6.9637250e-002 4.1881270e-002 3.1825800e-003
+v -6.7156510e-002 4.1972860e-002 1.0240940e-002
+v -8.7405510e-002 1.0205209e-001 2.2020360e-002
+v -2.3944380e-002 7.8800140e-002 5.3534730e-002
+v -6.0902360e-002 4.3429500e-002 4.2678530e-002
+v -3.1217880e-002 4.3847510e-002 4.9780920e-002
+v -7.5729440e-002 1.0354026e-001 3.6070970e-002
+v -6.2425320e-002 4.1885720e-002 1.4646770e-002
+v -6.1051660e-002 4.4392230e-002 1.2421940e-002
+v 2.5855060e-002 8.9610660e-002 -2.2701840e-002
+v -7.7644960e-002 8.2214940e-002 3.5797660e-002
+v -6.0381270e-002 4.5921420e-002 4.0088740e-002
+v -2.4982010e-002 8.1777650e-002 5.3421060e-002
+v -3.4453850e-002 4.4563960e-002 4.5422990e-002
+v -2.9842910e-002 4.6782280e-002 4.7746920e-002
+v -1.5119580e-002 9.9930020e-002 4.4500270e-002
+v -6.7306470e-002 4.4176830e-002 7.5958300e-003
+v -5.7852990e-002 4.6444500e-002 1.1062610e-002
+v -5.1815260e-002 1.6392582e-001 1.7488800e-003
+v -5.5174130e-002 4.8383880e-002 3.8517780e-002
+v -7.8849150e-002 1.1867375e-001 5.0622870e-002
+v -2.7229070e-002 8.7991480e-002 4.7909730e-002
+v -7.5536880e-002 1.5977062e-001 -1.0438650e-002
+v -3.6151280e-002 4.6505140e-002 4.0740900e-002
+v -2.5439220e-002 9.0677870e-002 4.8852330e-002
+v -8.0050370e-002 1.1670406e-001 4.8762460e-002
+v -5.2513640e-002 4.7577880e-002 1.4858440e-002
+v -3.2043560e-002 5.0461830e-002 3.9341520e-002
+v -3.1487770e-002 4.6930210e-002 4.5253210e-002
+v -2.0321500e-002 9.3999570e-002 5.1588540e-002
+v -7.2145040e-002 9.1556450e-002 4.1494780e-002
+v -5.3644200e-002 4.9358170e-002 1.2201850e-002
+v -8.2403890e-002 1.2186563e-001 4.9365030e-002
+v -4.9754420e-002 4.9738300e-002 3.7037110e-002
+v -3.2332060e-002 4.8672840e-002 4.2523960e-002
+v -2.3122950e-002 9.4515900e-002 4.7358870e-002
+v -8.6347140e-002 9.1722090e-002 2.6811080e-002
+v -5.7713110e-002 4.8717820e-002 7.2765100e-003
+v -8.6970360e-002 8.8912090e-002 2.4879860e-002
+v -9.2237750e-002 1.2488519e-001 4.0786530e-002
+v -1.5862800e-002 9.7021620e-002 5.0139360e-002
+v -2.7720040e-002 5.0502090e-002 4.3340720e-002
+v -8.5918770e-002 1.4263412e-001 3.9849810e-002
+v -7.5097360e-002 9.0073560e-002 3.9581000e-002
+v -8.9430840e-002 1.4730552e-001 2.7694960e-002
+v -5.3288350e-002 5.1925760e-002 1.1730350e-002
+v -5.0168720e-002 5.3462260e-002 1.6255440e-002
+v -8.5986050e-002 1.4670902e-001 3.4827030e-002
+v -6.9937250e-002 8.6076860e-002 4.2175690e-002
+v -5.0399320e-002 5.1831330e-002 3.4037400e-002
+v -8.3298980e-002 1.4960772e-001 3.3740890e-002
+v -2.9174820e-002 5.2264530e-002 3.7637320e-002
+v -8.8763730e-002 1.1944938e-001 4.6560090e-002
+v -7.7693460e-002 1.7367969e-001 -4.1478670e-002
+v -8.3418140e-002 9.4127440e-002 3.0898450e-002
+v -5.6067510e-002 5.3470630e-002 7.3718200e-003
+v -7.8935630e-002 1.4817228e-001 3.9463070e-002
+v -6.7902770e-002 8.7817230e-002 4.3526990e-002
+v -4.4111240e-002 9.2883990e-002 -2.2373210e-002
+v -8.6605100e-002 1.3226807e-001 4.6783020e-002
+v -9.2654280e-002 1.2084025e-001 4.1629650e-002
+v -5.0887310e-002 5.2727900e-002 1.4455790e-002
+v -4.9763410e-002 5.6241200e-002 3.3624250e-002
+v -8.9771330e-002 1.2904861e-001 4.3022990e-002
+v -2.8054240e-002 5.4551030e-002 3.6786850e-002
+v -2.5867080e-002 5.6689210e-002 3.9182240e-002
+v -8.3702200e-002 1.2226381e-001 -3.7301400e-003
+v -8.1455470e-002 1.3012213e-001 5.2117660e-002
+v -5.1458550e-002 5.5878150e-002 1.5900350e-002
+v -7.8597700e-002 1.7441574e-001 -4.6607580e-002
+v -5.2909820e-002 5.7043070e-002 2.0988410e-002
+v -5.2978500e-002 5.9553770e-002 2.6211920e-002
+v -5.2130640e-002 5.6302970e-002 2.6672460e-002
+v -4.7714500e-002 6.1944520e-002 3.6705820e-002
+v -8.3539790e-002 8.1169560e-002 2.7014070e-002
+v -1.8340000e-002 5.7489970e-002 4.9763020e-002
+v -8.0069810e-002 9.0586130e-002 3.4593070e-002
+v -8.3812250e-002 8.6337700e-002 2.9223270e-002
+v -5.5436650e-002 5.9420250e-002 2.3018970e-002
+v -8.2227680e-002 1.4513771e-001 4.0600080e-002
+v -2.4187580e-002 7.2269150e-002 4.7681090e-002
+v -2.5353150e-002 6.2567200e-002 4.0642170e-002
+v -9.1132110e-002 1.2282100e-001 4.4115160e-002
+v -4.6076290e-002 1.6819719e-001 7.3744000e-004
+v -8.7829280e-002 1.4351461e-001 3.5707670e-002
+v -8.6990640e-002 1.3812326e-001 4.2316550e-002
+v -1.5715900e-002 6.0822970e-002 5.2365440e-002
+v -8.3803580e-002 1.2561100e-001 5.0440490e-002
+v -6.2786680e-002 1.1274190e-001 -1.3605440e-002
+v -8.1033840e-002 8.4698180e-002 3.3106400e-002
+v -8.8563540e-002 1.1624535e-001 4.5392840e-002
+v -2.0268380e-002 6.2266810e-002 4.8212120e-002
+v -1.2619630e-002 6.1635030e-002 5.4424080e-002
+v -7.0491190e-002 8.1818160e-002 4.0609890e-002
+v -8.3882520e-002 1.3331465e-001 4.9113540e-002
+v -5.6560350e-002 4.8355540e-002 3.6607050e-002
+v 9.9444900e-003 1.0919723e-001 -1.9472810e-002
+v -5.5928250e-002 3.5917310e-002 4.6376100e-002
+v -7.6003260e-002 1.6361344e-001 -1.8021110e-002
+v -8.3798850e-002 1.0290691e-001 2.8038330e-002
+v -8.8252110e-002 1.2692730e-001 4.6141300e-002
+v -7.9126720e-002 1.0619883e-001 3.2050700e-002
+v -8.8206230e-002 9.4485700e-002 2.3744010e-002
+v -8.9110330e-002 1.3851394e-001 3.7658780e-002
+v -1.9321360e-002 9.2123890e-002 5.3820650e-002
+v -5.8265630e-002 9.0926390e-002 -2.0948690e-002
+v -2.7046310e-002 6.7014450e-002 3.9672140e-002
+v -2.1416300e-002 1.7977662e-001 -2.1732520e-002
+v -7.8240000e-003 1.0924112e-001 -2.2185670e-002
+v -2.3988340e-002 8.5995590e-002 5.3716430e-002
+v -6.0483580e-002 1.5567975e-001 4.3343800e-003
+v -8.6389150e-002 1.2168475e-001 4.8412440e-002
+v -7.4084360e-002 1.4987744e-001 -3.2610050e-002
+v -2.0580600e-002 7.9572500e-002 5.6013880e-002
+v -8.3837500e-002 1.3927865e-001 4.4893850e-002
+v -2.2933960e-002 3.5632910e-002 5.2865490e-002
+v -8.6153620e-002 1.2735612e-001 4.8563960e-002
+v -6.5728590e-002 1.0709818e-001 -1.4317670e-002
+v -2.1481090e-002 7.4194460e-002 5.2857680e-002
+v -7.6423900e-002 1.5736285e-001 -9.0354600e-003
+v -7.7216010e-002 8.5594880e-002 3.7420770e-002
+v -8.4150830e-002 1.2955013e-001 5.0483700e-002
+v -8.1221440e-002 8.1003250e-002 3.1255840e-002
+v -8.1704000e-002 1.0167226e-001 3.0939660e-002
+v -8.6252730e-002 1.0106846e-001 2.5413770e-002
+v -8.0944970e-002 1.3903572e-001 4.7359080e-002
+v -7.8908350e-002 9.4830900e-002 3.5435500e-002
+v -7.3440160e-002 9.5412600e-002 4.0210650e-002
+v -5.2675780e-002 8.8220740e-002 -2.1886300e-002
+v -7.6440670e-002 7.7511060e-002 3.3748300e-002
+v -2.1791140e-002 1.0658035e-001 -2.2327000e-002
+v -8.8360940e-002 1.4996706e-001 2.6044170e-002
+v -2.4078870e-002 6.7906700e-002 4.5178370e-002
+v -2.0018090e-002 6.7569300e-002 5.1565340e-002
+v -8.3577750e-002 1.2052625e-001 4.9177500e-002
+v -1.4655950e-002 1.7456543e-001 -2.5972690e-002
+v -2.7395940e-002 8.4108300e-002 4.8745680e-002
+v -4.1933580e-002 8.8463400e-002 -2.2126350e-002
+v -3.1693900e-002 1.0261265e-001 -2.2352310e-002
+v -2.7890200e-002 1.0440703e-001 -2.2830920e-002
+v -7.3790400e-002 1.2016662e-001 -7.8851200e-003
+v -4.6124160e-002 1.0506369e-001 -2.0457580e-002
+v -2.7412650e-002 7.3269450e-002 4.2641380e-002
+v -4.5532880e-002 3.4736480e-002 -2.1363200e-002
+v -4.4993030e-002 3.9017010e-002 -2.1097830e-002
+v -4.6462610e-002 3.6800270e-002 -1.7778710e-002
+v -8.8366460e-002 1.1361863e-001 5.8227800e-003
+v 5.1746240e-002 7.2897250e-002 9.0647400e-003
+v -7.0385250e-002 3.7450300e-002 -9.3190000e-004
+v -6.0923170e-002 3.8621820e-002 2.2468850e-002
+v -7.7696720e-002 1.7027889e-001 -4.3117910e-002
+v -4.3793210e-002 1.6955506e-001 -7.3026400e-003
+v -7.7587180e-002 1.7717875e-001 -5.0221090e-002
+v -4.0541880e-002 3.8886010e-002 -2.7364950e-002
+v -4.4215850e-002 3.6131460e-002 -2.4252210e-002
+v -6.6634880e-002 4.0430310e-002 -5.0180700e-003
+v -6.9242120e-002 4.1474050e-002 1.9289000e-004
+v -7.5640690e-002 1.5930400e-001 -2.6908460e-002
+v -6.3087030e-002 3.9614170e-002 2.5181560e-002
+v -7.2303020e-002 1.5186699e-001 -4.1544310e-002
+v -4.1051490e-002 4.1528620e-002 -2.4061000e-002
+v -4.6990580e-002 3.8892380e-002 -1.4016920e-002
+v -8.9559690e-002 1.2851666e-001 4.5457500e-003
+v -7.6987340e-002 1.5369375e-001 -2.2970800e-003
+v -7.0121670e-002 1.6882633e-001 -5.1173650e-002
+v -6.4792610e-002 4.1724530e-002 3.1616900e-002
+v -4.2148060e-002 1.2409627e-001 -9.5602500e-003
+v -4.8069700e-002 1.2493027e-001 -8.4076400e-003
+v -4.2150480e-002 4.3343970e-002 -2.1508710e-002
+v -6.7315160e-002 4.4034000e-002 1.5741800e-003
+v -7.3386640e-002 1.5463418e-001 -2.9943830e-002
+v -5.5352770e-002 4.2936210e-002 1.9135490e-002
+v -6.0067770e-002 4.1419500e-002 2.2953280e-002
+v -6.5488460e-002 4.0937780e-002 3.5315470e-002
+v -8.0066400e-002 1.5039650e-001 6.0518000e-004
+v -4.4031300e-002 4.1949070e-002 -1.7993960e-002
+v -4.5186510e-002 4.2453420e-002 -1.4193620e-002
+v -8.3109430e-002 1.0265445e-001 -3.2933400e-003
+v -6.5472800e-002 4.5627570e-002 4.5575400e-003
+v -7.5427730e-002 1.5201213e-001 -1.4393690e-002
+v -5.4473420e-002 4.5937510e-002 2.3612600e-002
+v -6.2464100e-002 4.3722000e-002 2.8493310e-002
+v -6.2832600e-002 4.5182750e-002 3.4622890e-002
+v -6.3538130e-002 4.3524020e-002 3.7974010e-002
+v -6.0255260e-002 4.4749620e-002 -4.1316200e-003
+v -6.3242050e-002 4.5549700e-002 4.8428000e-004
+v -6.2249430e-002 4.6540050e-002 7.1903500e-003
+v -9.1003650e-002 1.4885725e-001 2.1507030e-002
+v -5.7094130e-002 4.5996540e-002 2.6865280e-002
+v -5.7276490e-002 4.7299580e-002 2.9889950e-002
+v -3.9519900e-002 1.7385855e-001 -7.5752600e-003
+v -8.9641110e-002 1.3841920e-001 3.4141800e-002
+v -9.2601430e-002 1.3018652e-001 2.5183580e-002
+v -9.2280860e-002 1.2762053e-001 2.9751670e-002
+v -3.3957310e-002 4.1025060e-002 -2.9660250e-002
+v -9.0199540e-002 1.1657506e-001 5.6754900e-003
+v -5.8515890e-002 4.7731310e-002 2.1246000e-004
+v -7.1723560e-002 1.4617438e-001 -2.1567820e-002
+v -5.2389820e-002 4.5449130e-002 1.7686300e-002
+v -5.9414350e-002 4.7277990e-002 3.4172420e-002
+v -5.7520620e-002 1.5877600e-001 4.1621200e-003
+v -8.0959140e-002 1.0926674e-001 -2.0189900e-003
+v -5.1904000e-002 4.6100060e-002 1.9421290e-002
+v -5.1830050e-002 4.8568730e-002 2.1647030e-002
+v -7.7650400e-002 1.5658012e-001 -1.6599150e-002
+v -3.7416450e-002 4.7682130e-002 -1.7147280e-002
+v -7.8876110e-002 1.5347012e-001 3.9875800e-003
+v -5.7635420e-002 5.0425540e-002 4.6108400e-003
+v -5.2625440e-002 5.0434620e-002 2.9046740e-002
+v -5.2998720e-002 4.9169020e-002 3.3967600e-002
+v -7.3502600e-002 1.6871934e-001 -4.4791800e-002
+v -5.4420720e-002 4.7836520e-002 -5.9186900e-003
+v -5.2312740e-002 5.1085350e-002 2.4485690e-002
+v -7.9129930e-002 1.6736568e-001 -3.5506230e-002
+v 9.4115700e-003 1.2350285e-001 -9.8291000e-003
+v -3.2715700e-002 1.0896631e-001 -1.8941410e-002
+v -3.1133380e-002 4.9607260e-002 -1.9406940e-002
+v 4.5997330e-002 6.9814450e-002 3.0143300e-003
+v 3.3525460e-002 1.0966209e-001 -6.9894800e-003
+v -5.5047160e-002 5.2767560e-002 -3.9461300e-003
+v -5.6897890e-002 4.9655570e-002 -1.5319000e-003
+v -5.0290500e-002 4.9098930e-002 1.7164780e-002
+v -5.0595170e-002 4.9923270e-002 1.9174130e-002
+v -5.1887420e-002 5.3324670e-002 2.8705560e-002
+v -6.7684480e-002 1.6533627e-001 -5.5466400e-002
+v -3.0271440e-002 5.2106080e-002 -1.7676140e-002
+v -9.1087300e-003 1.1141669e-001 -2.0543230e-002
+v -5.7069360e-002 5.4424380e-002 2.3395500e-003
+v -3.2748380e-002 1.7759875e-001 -1.1627470e-002
+v -2.9009580e-002 5.1265290e-002 -2.2175780e-002
+v -3.1383130e-002 5.1791310e-002 -1.3886800e-002
+v -5.5673960e-002 5.6983850e-002 -3.3510400e-003
+v -5.0916050e-002 5.3813610e-002 1.9753140e-002
+v -8.8875380e-002 1.5169443e-001 2.0086580e-002
+v -7.7153050e-002 1.7378676e-001 -4.7867620e-002
+v -7.8577770e-002 1.6420639e-001 -3.1825860e-002
+v -2.7545910e-002 5.4021570e-002 -2.5147390e-002
+v -5.4463660e-002 5.5357450e-002 1.0326840e-002
+v -8.7041410e-002 1.3058932e-001 9.1161000e-004
+v -9.0009340e-002 1.3278082e-001 5.9220600e-003
+v -9.2232620e-002 1.3195400e-001 1.5430650e-002
+v -4.8639980e-002 1.6472475e-001 -5.0591500e-003
+v -5.4066480e-002 5.9959350e-002 -7.5992200e-003
+v -5.7434090e-002 5.7683500e-002 8.7259700e-003
+v -8.6794730e-002 1.3850688e-001 4.5575900e-003
+v -9.2989530e-002 1.3092307e-001 1.9919290e-002
+v -9.1282030e-002 1.3311897e-001 2.4688630e-002
+v 2.1815020e-002 1.1770533e-001 -1.0015300e-002
+v -2.9647120e-002 5.8104260e-002 -2.1311320e-002
+v -3.1289530e-002 5.5208570e-002 -1.4387840e-002
+v -5.9002160e-002 5.9234620e-002 2.6140800e-003
+v -9.0241700e-002 1.3575994e-001 1.4149160e-002
+v -6.1569420e-002 1.7084875e-001 -6.1679170e-002
+v -6.6070180e-002 1.6557822e-001 -5.8644080e-002
+v -2.4539930e-002 1.8005865e-001 -1.8726950e-002
+v -1.6131750e-002 1.8298848e-001 -2.6037190e-002
+v -3.0809390e-002 5.6998040e-002 -1.7835020e-002
+v 1.0464280e-002 9.6180450e-002 -2.5898970e-002
+v -5.7491630e-002 5.9530160e-002 -1.0786100e-003
+v -8.9146460e-002 1.3650500e-001 2.5952780e-002
+v 4.3714500e-003 1.0391901e-001 -2.1515100e-002
+v -9.0377040e-002 1.3252490e-001 3.1082650e-002
+v -9.0795450e-002 1.3855232e-001 2.0562560e-002
+v -9.4237710e-002 1.2615419e-001 2.2201450e-002
+v -9.0336910e-002 1.3119830e-001 3.8138790e-002
+v -4.5082610e-002 1.2218447e-001 -1.1569430e-002
+v 1.1348010e-002 9.8243750e-002 -2.3024250e-002
+v -3.9227920e-002 9.9184630e-002 -2.1912720e-002
+v -6.5509530e-002 1.5857325e-001 -5.5600270e-002
+v -7.7409510e-002 1.6260515e-001 -2.0754580e-002
+v -4.8580010e-002 1.6689211e-001 -2.5256100e-003
+v -7.6922910e-002 1.5351394e-001 -9.0785600e-003
+v -6.7750580e-002 1.5734825e-001 -5.3982110e-002
+v 5.2906410e-002 6.5230450e-002 -5.1112000e-004
+v -2.9054820e-002 6.1084120e-002 -2.4918230e-002
+v -3.1066920e-002 6.5058860e-002 -2.2751080e-002
+v 2.4249720e-002 1.0266151e-001 -1.8313830e-002
+v -5.5473660e-002 1.6050213e-001 1.3763500e-003
+v -6.6642850e-002 1.6040875e-001 -5.6842680e-002
+v -7.8200320e-002 1.6073213e-001 -2.3999690e-002
+v -1.8320680e-002 1.1968625e-001 -1.1110660e-002
+v 2.1712970e-002 1.0956342e-001 -1.5081090e-002
+v -6.8382640e-002 1.5980248e-001 -5.4208800e-002
+v -2.5445620e-002 6.0208550e-002 -3.0864700e-002
+v -2.6540330e-002 6.5084000e-002 -3.1664870e-002
+v -2.8425710e-002 6.2199610e-002 -2.7938500e-002
+v -3.2605750e-002 6.1264600e-002 -1.5453010e-002
+v -7.0872290e-002 1.1611638e-001 -7.9563700e-003
+v -6.9780530e-002 1.5938570e-001 -4.9418240e-002
+v -3.0324870e-002 6.7694720e-002 -2.7654950e-002
+v -3.2977370e-002 6.6365180e-002 -1.8385530e-002
+v 1.3533490e-002 1.0255388e-001 -2.1579310e-002
+v 4.4408530e-002 6.9758860e-002 9.4765000e-004
+v -2.1999000e-003 1.1215881e-001 -1.9658660e-002
+v -7.2028500e-002 6.7046610e-002 -7.2256000e-004
+v -7.8699630e-002 1.7313910e-001 -4.2720470e-002
+v -8.3211970e-002 1.5072131e-001 4.2128500e-003
+v -8.7439060e-002 1.3374875e-001 2.3974700e-003
+v 2.6348020e-002 8.4562230e-002 -2.3151710e-002
+v -7.4901490e-002 7.0419350e-002 -2.2854300e-003
+v -5.4576350e-002 9.1562950e-002 -2.2098700e-002
+v -7.3242520e-002 1.5231332e-001 -3.5703520e-002
+v -7.4550960e-002 1.7218738e-001 -4.7551010e-002
+v -2.8680680e-002 6.8283500e-002 -3.0610160e-002
+v 1.7372900e-002 1.0246037e-001 -2.1487700e-002
+v -8.1257430e-002 7.3025200e-002 7.1020400e-003
+v -7.4982300e-002 1.5407794e-001 -1.8974470e-002
+v -9.1556500e-002 1.3196262e-001 1.0638150e-002
+v -8.2448000e-004 9.5165120e-002 -3.2056320e-002
+v -7.7618830e-002 7.3999130e-002 -5.3263500e-003
+v -7.9858790e-002 7.2755040e-002 3.0420200e-003
+v -8.1627470e-002 7.3470610e-002 1.1161690e-002
+v -7.3679290e-002 1.4785987e-001 -2.0236290e-002
+v -9.1309820e-002 1.4848588e-001 1.6270070e-002
+v -9.0850140e-002 1.4625613e-001 1.4809050e-002
+v -6.8543890e-002 1.7513008e-001 -5.7187900e-002
+v -2.7253960e-002 1.0747453e-001 -2.1279680e-002
+v 2.1443580e-002 1.2273826e-001 -2.9316700e-003
+v -7.9061200e-002 7.3724300e-002 -8.4521000e-004
+v -8.2063500e-002 7.5993670e-002 1.7615500e-003
+v -8.3736580e-002 7.6771840e-002 8.9586000e-003
+v -9.0205720e-002 1.4947775e-001 1.3035090e-002
+v 8.4818000e-004 1.1670025e-001 -1.7337090e-002
+v -7.4577550e-002 1.5164041e-001 -2.8647990e-002
+v -2.9087460e-002 7.2924630e-002 -3.3354470e-002
+v -3.1184020e-002 7.3989530e-002 -3.0339870e-002
+v -3.2606620e-002 7.1955620e-002 -2.4866580e-002
+v -8.0575990e-002 7.6607800e-002 -2.9879400e-003
+v -8.9491020e-002 1.4392581e-001 1.2488490e-002
+v -7.7388410e-002 1.4656426e-001 -4.3543000e-003
+v -7.2896160e-002 1.5834962e-001 -3.4109420e-002
+v 7.1346500e-003 1.1468229e-001 -1.8345640e-002
+v -3.4502610e-002 7.6130020e-002 -2.2373150e-002
+v -8.3890740e-002 8.0789530e-002 2.2951400e-003
+v -8.3740480e-002 7.7240270e-002 4.6673300e-003
+v -8.6204620e-002 8.0930750e-002 1.0535420e-002
+v -8.6061500e-002 7.9931100e-002 1.4440780e-002
+v -8.1542760e-002 7.7950660e-002 2.6727280e-002
+v 2.6666170e-002 1.1268609e-001 -1.0509540e-002
+v -7.6041430e-002 1.5663068e-001 -2.1420480e-002
+v -9.0012110e-002 1.5083344e-001 1.5752740e-002
+v -7.1156510e-002 1.6335125e-001 -4.5360530e-002
+v -3.3210960e-002 7.6873190e-002 -2.7708380e-002
+v -7.3263090e-002 7.9983830e-002 -1.3749940e-002
+v -7.9285950e-002 8.0048830e-002 -7.0125500e-003
+v -8.6034510e-002 8.2645720e-002 1.9542680e-002
+v -8.4335410e-002 8.0729950e-002 2.2180460e-002
+v -7.1351460e-002 1.5727092e-001 -4.2183090e-002
+v -7.3548450e-002 1.6120822e-001 -3.5288420e-002
+v 1.6732620e-002 1.0991230e-001 -1.7020040e-002
+v -3.0978770e-002 7.7020860e-002 -3.2816490e-002
+v -6.2359240e-002 1.7544824e-001 -6.1485990e-002
+v -1.7587870e-002 1.1491318e-001 -1.7205040e-002
+v -8.2354050e-002 8.0876320e-002 -2.4038900e-003
+v -7.8578910e-002 1.4050129e-001 -4.6031000e-003
+v -2.8931080e-002 7.9247620e-002 -3.5049800e-002
+v -3.1225710e-002 8.0413100e-002 -3.2182320e-002
+v -3.3258680e-002 7.9621670e-002 -2.7146060e-002
+v -4.4697400e-002 1.1791537e-001 -1.4725860e-002
+v -7.9723740e-002 8.4226660e-002 -8.7608600e-003
+v -8.5042160e-002 8.3817830e-002 -7.7640000e-005
+v -8.6776400e-002 8.4344860e-002 1.2419030e-002
+v -8.6674670e-002 8.2665010e-002 1.5174340e-002
+v -8.5106250e-002 8.5176580e-002 2.5679440e-002
+v -7.6975760e-002 8.2935940e-002 -1.1450630e-002
+v -8.2776390e-002 8.3430890e-002 -4.3687000e-003
+v -8.6180440e-002 8.2572150e-002 6.3639000e-003
+v -9.1160820e-002 1.4144362e-001 1.5673910e-002
+v -7.4638800e-002 1.4398484e-001 -7.1504600e-003
+v -8.3448500e-002 1.3393299e-001 -1.6873200e-003
+v -7.5804700e-002 1.5134475e-001 -1.9881200e-002
+v -7.4924140e-002 1.5273013e-001 -1.9397440e-002
+v -5.2314440e-002 1.2159646e-001 -1.0798060e-002
+v -3.0734050e-002 8.5427560e-002 -3.0506670e-002
+v -3.2590560e-002 8.1942660e-002 -2.9100210e-002
+v -8.6454830e-002 8.6940490e-002 9.1667000e-004
+v -1.2501820e-002 1.0634409e-001 -2.2360190e-002
+v -8.8585880e-002 1.4605869e-001 9.8780000e-003
+v -8.5609750e-002 1.4712513e-001 6.5981100e-003
+v -8.7511210e-002 1.5061504e-001 1.0152460e-002
+v -6.0113540e-002 3.5550440e-002 4.4907580e-002
+v -8.8284200e-002 8.6869110e-002 8.1029200e-003
+v -8.8812560e-002 8.7765490e-002 1.4226540e-002
+v -8.8001070e-002 8.6626430e-002 1.5466680e-002
+v -8.6991110e-002 8.6444700e-002 2.2420950e-002
+v -7.4609990e-002 1.4727815e-001 -1.4172380e-002
+v -3.4707910e-002 8.4035880e-002 -2.4302260e-002
+v -8.4964900e-002 8.9962540e-002 -3.0068000e-003
+v -8.8091450e-002 8.7741580e-002 4.8489900e-003
+v -9.1490470e-002 1.4543178e-001 2.2277220e-002
+v -9.4380420e-002 1.2183919e-001 1.7904340e-002
+v -2.9164530e-002 8.5393440e-002 -3.3666780e-002
+v -3.0557790e-002 8.8625920e-002 -2.7550670e-002
+v -7.7770550e-002 8.7844840e-002 -1.1694810e-002
+v -8.0728260e-002 8.8204150e-002 -7.8003100e-003
+v -8.3272540e-002 8.9476690e-002 -5.6502900e-003
+v -8.9398710e-002 8.9539000e-002 1.1645550e-002
+v -8.9698390e-002 1.3971257e-001 1.3774760e-002
+v -7.7134890e-002 1.5151225e-001 -5.5823000e-003
+v -5.1121410e-002 1.6374125e-001 -2.6640500e-003
+v -8.6442960e-002 1.2767438e-001 -1.4864100e-003
+v -6.9605590e-002 1.5490763e-001 -5.0188670e-002
+v -8.7265180e-002 9.2110030e-002 4.2059000e-003
+v -8.9086250e-002 9.2377120e-002 1.0569860e-002
+v -8.9612340e-002 9.1599880e-002 1.7812280e-002
+v -8.2732460e-002 1.4196856e-001 1.2529100e-003
+v -7.2618370e-002 1.4368135e-001 -1.0987100e-002
+v -7.7677230e-002 1.6610992e-001 -3.6777320e-002
+v -1.5078060e-002 9.3863440e-002 -3.4317310e-002
+v -7.1057280e-002 1.5476885e-001 -4.5778530e-002
+v -9.2331920e-002 1.2523886e-001 9.1589500e-003
+v -7.6046700e-002 9.1037250e-002 -1.3643150e-002
+v -8.2942810e-002 9.3291700e-002 -6.1856300e-003
+v -1.0411170e-002 9.4592340e-002 -3.3784850e-002
+v -2.9331140e-002 1.1476230e-001 -1.5844640e-002
+v -3.7218250e-002 1.1594244e-001 -1.5173050e-002
+v -1.2429920e-002 1.0286006e-001 -2.3822480e-002
+v 6.6509600e-003 8.8144500e-002 -3.2945810e-002
+v -6.4119900e-003 9.2876210e-002 -3.4817640e-002
+v 1.5800150e-002 1.1996558e-001 -1.1415630e-002
+v 2.9102740e-002 1.0247506e-001 -1.5768380e-002
+v 4.2080690e-002 6.3480630e-002 -2.5405300e-003
+v 2.8723120e-002 9.7943220e-002 -1.7497350e-002
+v -1.9987640e-002 1.0278313e-001 -2.3392920e-002
+v 3.3748350e-002 8.3644140e-002 -1.8630450e-002
+v -1.8685680e-002 1.8689625e-001 -2.0248700e-002
+v 6.4154900e-003 1.1790181e-001 -1.6282740e-002
+v 5.6305210e-002 6.7769910e-002 2.6525000e-003
+v -5.3608300e-003 1.1289400e-001 -1.9613290e-002
+v 4.5769430e-002 6.4628800e-002 -1.2166100e-003
+v -1.0090870e-002 9.8229650e-002 -2.7731360e-002
+v -6.0458520e-002 1.1755645e-001 -1.1354580e-002
+v 1.2933940e-002 1.1887250e-001 -1.3979370e-002
+v 1.5235680e-002 9.4977900e-002 -2.4437140e-002
+v -3.0892950e-002 4.7409030e-002 -2.4954000e-002
+v -1.7766190e-002 1.8572344e-001 -2.3049280e-002
+v -1.3034890e-002 1.1002855e-001 -2.0161170e-002
+v -7.1206550e-002 3.8608570e-002 7.7218000e-004
+v 1.7904800e-002 1.0627709e-001 -1.7729250e-002
+v -3.3623490e-002 1.1840428e-001 -1.1927480e-002
+v -4.9906840e-002 1.1788332e-001 -1.4402480e-002
+v -6.6878100e-003 1.1747209e-001 -1.5359280e-002
+v -1.5451470e-002 1.8597600e-001 -2.4795870e-002
+v -3.0603900e-002 3.8038460e-002 -3.0123840e-002
+v -1.3220270e-002 1.8397188e-001 -2.7519460e-002
+v -4.7859450e-002 1.1162729e-001 -1.7482120e-002
+v -1.3098990e-002 9.0776040e-002 -3.6659270e-002
+v -6.3117340e-002 1.5425437e-001 2.9730400e-003
+v -5.5139750e-002 1.1051601e-001 -1.7672740e-002
+v -1.1096770e-002 1.8202324e-001 -2.8042450e-002
+v -2.6568900e-002 3.4695830e-002 -2.9113750e-002
+v -6.6396600e-003 1.0222209e-001 -2.3519320e-002
+v -5.6996400e-002 1.5741713e-001 6.0244000e-004
+v 1.9076550e-002 9.1870620e-002 -2.4890230e-002
+v 1.3473090e-002 1.2429893e-001 -6.8361400e-003
+v -2.1730490e-002 9.8410960e-002 -2.4306850e-002
+v -1.7142170e-002 9.8057460e-002 -2.4924330e-002
+v -5.8698110e-002 1.5137318e-001 -6.5801000e-004
+v 3.5641100e-003 1.2764883e-001 -4.4672400e-003
+v -8.5369800e-003 9.9921220e-002 -2.4351070e-002
+v -1.2171980e-002 1.8125102e-001 -2.9061170e-002
+v -6.1113980e-002 1.5305212e-001 9.9983000e-004
+v -2.9570620e-002 1.1713871e-001 -1.3675530e-002
+v 3.0530110e-002 1.1221207e-001 -8.1860600e-003
+v -3.1714100e-002 3.5111530e-002 -3.0658990e-002
+v -1.3691130e-002 1.7914707e-001 -2.8126410e-002
+v 1.1620840e-002 1.1548972e-001 -1.6385680e-002
+v -6.1993570e-002 1.5028063e-001 -1.6297100e-003
+v 3.6684020e-002 1.0099570e-001 -9.8485900e-003
+v 4.8512670e-002 7.1798180e-002 6.0005000e-003
+v -4.6583000e-004 1.1983662e-001 -1.3610580e-002
+v 1.6747170e-002 9.0113950e-002 -2.7127190e-002
+v 6.9832400e-003 9.7730080e-002 -2.4800310e-002
+v -4.3226830e-002 4.6263570e-002 -1.1771730e-002
+v -8.3562500e-003 1.1373600e-001 -1.8239810e-002
+v -1.2354410e-002 1.1556773e-001 -1.6486930e-002
+v 4.6834470e-002 7.4354100e-002 1.0139500e-002
+v 2.5319170e-002 1.0931725e-001 -1.3579660e-002
+v -4.2459500e-002 1.1392482e-001 -1.6188050e-002
+v 5.7744640e-002 6.4158440e-002 2.6277600e-003
+v -5.9710530e-002 3.6535780e-002 -9.4949000e-003
+v -3.2078400e-003 1.0962100e-001 -2.1523850e-002
+v 2.7020740e-002 6.1345700e-002 -2.2292060e-002
+v 7.1030200e-003 1.0191162e-001 -2.1230990e-002
+v -3.8225680e-002 1.2465525e-001 -7.3257400e-003
+v 2.5941540e-002 1.1576352e-001 -8.2193900e-003
+v -6.1297960e-002 3.3900220e-002 -9.3216600e-003
+v -5.9466670e-002 1.4743956e-001 -1.8885400e-003
+v 1.0506610e-002 1.0087700e-001 -2.2109510e-002
+v 3.3081340e-002 1.0273382e-001 -1.2787210e-002
+v 1.2517840e-002 1.0475378e-001 -1.9915960e-002
+v 2.3087990e-002 9.3998720e-002 -2.2210680e-002
+v 3.1555430e-002 9.2484730e-002 -1.8204280e-002
+v 6.2723100e-003 9.9910370e-002 -2.2296890e-002
+v -4.0917240e-002 4.6121780e-002 -1.7942580e-002
+v 3.5407360e-002 9.8188850e-002 -1.2008970e-002
+v 9.4135900e-003 1.2121902e-001 -1.2937780e-002
+v 5.3735190e-002 7.2027350e-002 6.8010000e-003
+v 2.5620340e-002 1.1880719e-001 -5.0330800e-003
+v -3.8150260e-002 4.2466610e-002 -2.6893990e-002
+v -2.8212410e-002 1.1116862e-001 -1.8001930e-002
+v -6.0253590e-002 1.4339100e-001 -3.7906300e-003
+v 1.9016880e-002 1.0401450e-001 -1.9333120e-002
+v 7.5446700e-003 9.1682150e-002 -3.1643140e-002
+v -7.0760800e-003 1.2240119e-001 -1.1364410e-002
+v -1.9047500e-002 9.6562130e-002 -2.7579900e-002
+v -1.6953390e-002 1.0669256e-001 -2.2002990e-002
+v -6.7307000e-004 1.0119875e-001 -2.2857770e-002
+v -9.0179300e-003 1.2528031e-001 -7.7912000e-003
+v -6.8136180e-002 1.8006113e-001 -5.8816050e-002
+v -2.3600190e-002 1.1513818e-001 -1.5577390e-002
+v -5.9831220e-002 4.2842260e-002 -6.6469100e-003
+v 5.3124070e-002 5.9012380e-002 -2.8853800e-003
+v -3.6931840e-002 3.7107370e-002 -2.9714170e-002
+v -5.6215140e-002 1.4139213e-001 -2.8027300e-003
+v 3.6695880e-002 1.0372844e-001 -7.9621500e-003
+v -3.5885070e-002 1.2040038e-001 -1.0640470e-002
+v -9.3569500e-003 8.5423730e-002 -3.8112540e-002
+v -6.0127340e-002 1.2041391e-001 -9.3791100e-003
+v -3.9842790e-002 1.2156113e-001 -1.1570310e-002
+v 2.8322200e-002 1.0847957e-001 -1.2623390e-002
+v -1.8733500e-003 1.1593910e-001 -1.7169430e-002
+v 3.8648150e-002 9.0153340e-002 -1.2549680e-002
+v -1.7359200e-003 9.2244170e-002 -3.4310460e-002
+v 5.0000820e-002 6.1612070e-002 -3.4649900e-003
+v 5.5858960e-002 6.2910170e-002 6.9037000e-004
+v 2.0461520e-002 1.1515372e-001 -1.3103780e-002
+v -1.5165840e-002 1.1798075e-001 -1.4465520e-002
+v -7.0859540e-002 7.1510150e-002 3.3895100e-002
+v 2.2674030e-002 8.6606050e-002 -2.4925490e-002
+v 3.5358840e-002 8.7438890e-002 -1.7109050e-002
+v 1.8400920e-002 1.2145507e-001 -7.6804200e-003
+v -2.5425900e-002 4.1421010e-002 -2.9204830e-002
+v -8.2085100e-003 9.6777440e-002 -3.0809780e-002
+v -5.6810660e-002 3.3873940e-002 -1.1166310e-002
+v -3.4588640e-002 4.4744960e-002 -2.7122900e-002
+v -4.0251680e-002 1.1827531e-001 -1.3674080e-002
+v 1.6387020e-002 1.1402346e-001 -1.5496900e-002
+v 4.2635280e-002 6.0797460e-002 -3.4583700e-003
+v -5.0687200e-002 3.5935870e-002 -1.2380790e-002
+v 7.3446800e-003 9.4509570e-002 -2.9683220e-002
+v -1.9706700e-002 9.2917340e-002 -3.4636880e-002
+v -1.2083040e-002 1.2219229e-001 -9.7120900e-003
+v 4.8805930e-002 6.8457810e-002 1.6952900e-003
+v -3.0869700e-003 9.8402500e-002 -2.7403170e-002
+v -5.3198790e-002 1.3672896e-001 -1.6580500e-003
+v -4.7290060e-002 1.3055355e-001 1.6909100e-003
+v 4.4651700e-003 1.2044039e-001 -1.3931400e-002
+v -2.3850100e-003 1.2290534e-001 -1.0382460e-002
+v -2.4833330e-002 9.5858030e-002 -2.5162110e-002
+v -4.2296900e-002 3.6291920e-002 -2.7253600e-002
+v -5.4388260e-002 1.3404922e-001 -3.9920400e-003
+v -5.0539380e-002 1.3336659e-001 -1.0872200e-003
+v 2.6040300e-003 9.6942660e-002 -2.8407060e-002
+v -7.8163100e-003 1.2821209e-001 -1.9430400e-003
+v 6.5111700e-003 1.3002517e-001 9.2881000e-004
+v 3.4742860e-002 9.2274140e-002 -1.5654590e-002
+v -6.7787700e-002 1.8088887e-001 -5.8191050e-002
+v -3.3715410e-002 1.1151566e-001 -1.8078440e-002
+v 4.4630400e-003 1.2427294e-001 -9.4291400e-003
+v -2.3370170e-002 9.3392760e-002 -3.2031820e-002
+v -4.8982070e-002 1.2980647e-001 -1.3229400e-003
+v -7.8164000e-004 1.2822918e-001 -3.2490000e-003
+v 2.4960400e-003 8.9857600e-002 -3.3628450e-002
+v 7.4553300e-003 1.1196790e-001 -1.9554260e-002
+v 2.8791140e-002 9.1157340e-002 -2.0370210e-002
+v -5.3590150e-002 1.2437450e-001 -7.3470400e-003
+v -4.7743630e-002 1.2064432e-001 -1.2812990e-002
+v -1.9616230e-002 1.2109197e-001 -9.5487700e-003
+v -6.5047370e-002 1.7999148e-001 -5.9758600e-002
+v -5.1704160e-002 3.7620360e-002 -1.1763450e-002
+v -5.2124270e-002 1.2929832e-001 -4.1187000e-003
+v -4.5334450e-002 1.2891494e-001 1.5819100e-003
+v -3.0471200e-003 1.2919453e-001 -1.0688000e-003
+v 7.2129600e-003 1.2721957e-001 -5.2073700e-003
+v 1.1669320e-002 1.2720154e-001 -3.1850900e-003
+v 5.3056400e-002 6.9708830e-002 3.1291400e-003
+v -6.3021150e-002 1.7810951e-001 -6.0393570e-002
+v 2.8204800e-002 6.4391270e-002 -2.0698040e-002
+v 3.4400180e-002 1.0503000e-001 -1.0224920e-002
+v 3.0975190e-002 1.0790250e-001 -1.1058430e-002
+v -4.8984390e-002 1.1480518e-001 -1.5966690e-002
+v -3.2821710e-002 1.2300500e-001 -5.9088300e-003
+v -5.0792860e-002 1.2716487e-001 -4.8183200e-003
+v -3.5301670e-002 1.2547815e-001 -3.1542800e-003
+v 5.6455250e-002 6.9951490e-002 4.9191700e-003
+v -1.6240450e-002 1.2512177e-001 -3.6499700e-003
+v -1.6970400e-002 1.1119793e-001 -1.9586410e-002
+v -5.4088120e-002 3.9781210e-002 -1.0544680e-002
+v -3.4190490e-002 4.7514010e-002 -2.2301500e-002
+v 1.3699090e-002 9.3914220e-002 -2.6427690e-002
+v 8.8000000e-004 9.9234930e-002 -2.4355670e-002
+v -4.6459460e-002 1.2723953e-001 -4.8843300e-003
+v -4.1735500e-002 1.2687599e-001 -4.1742000e-003
+v -2.1000480e-002 1.2313643e-001 -6.1190100e-003
+v -1.2130450e-002 1.2572568e-001 -5.2007900e-003
+v -4.3822400e-003 1.2640753e-001 -6.9495200e-003
+v 1.4085700e-003 3.4781990e-002 -2.3265200e-002
+v -1.4846200e-002 3.5070930e-002 -2.6071900e-002
+v -2.1399500e-002 3.4795120e-002 -2.7958820e-002
+v 1.2009220e-002 3.5961900e-002 -2.1735750e-002
+v 3.8249200e-003 3.6129220e-002 -2.3878090e-002
+v -5.1139560e-002 9.6617580e-002 -2.2095120e-002
+v -5.4813320e-002 9.8102480e-002 -2.1425370e-002
+v -2.7597040e-002 1.6979824e-001 -1.8170420e-002
+v 1.3359870e-002 3.9377410e-002 -2.2496330e-002
+v 4.3919300e-003 3.8674430e-002 -2.4170290e-002
+v -6.8478200e-003 3.6444540e-002 -2.5177120e-002
+v -1.3280260e-002 3.7699590e-002 -2.6391810e-002
+v -4.7672760e-002 3.6116650e-002 -1.3301210e-002
+v -4.5590120e-002 1.0853826e-001 -1.8796680e-002
+v -5.0095670e-002 1.0990925e-001 -1.8504510e-002
+v -6.5766640e-002 3.6469550e-002 -7.2073000e-003
+v -2.3455840e-002 1.6824727e-001 -1.8822880e-002
+v -4.5918000e-003 3.8404570e-002 -2.5412870e-002
+v -2.4954130e-002 3.7441060e-002 -2.9152720e-002
+v 2.9007770e-002 3.7358220e-002 -2.7474000e-004
+v -7.9468800e-003 4.1489920e-002 -2.5911270e-002
+v -1.6803800e-002 3.9753810e-002 -2.7565350e-002
+v -6.5156150e-002 1.4034537e-001 -7.6848600e-003
+v -4.7080100e-002 4.0700690e-002 -1.1869830e-002
+v -6.8470630e-002 3.7477700e-002 -4.9557400e-003
+v 3.7326850e-002 4.0209510e-002 -8.5850000e-004
+v 3.5349870e-002 4.1257050e-002 -2.8075100e-003
+v 5.1820700e-003 4.1536320e-002 -2.4065670e-002
+v 1.8660660e-002 1.0030784e-001 -2.2127290e-002
+v -6.0510780e-002 1.0748450e-001 -1.7042300e-002
+v -6.2374340e-002 4.0146090e-002 -7.4040200e-003
+v 2.5456950e-002 3.9483890e-002 -4.0251400e-003
+v -2.2828000e-004 4.3394940e-002 -2.5124420e-002
+v -8.1088400e-003 4.3439060e-002 -2.6140070e-002
+v -1.7362450e-002 4.3237420e-002 -2.7665190e-002
+v -2.6416670e-002 4.4674020e-002 -2.8209740e-002
+v 3.8064500e-003 1.0944331e-001 -2.0203790e-002
+v -5.8232370e-002 9.5690400e-002 -2.0616030e-002
+v -6.6122370e-002 4.2341260e-002 -2.7538800e-003
+v -6.0959920e-002 9.4173040e-002 -1.9015670e-002
+v 3.1352250e-002 4.2649280e-002 -4.6745000e-003
+v -3.3540900e-002 3.6342620e-002 4.9089960e-002
+v 1.7252780e-002 4.4335610e-002 -2.3067190e-002
+v 1.0637660e-002 4.4161560e-002 -2.4926170e-002
+v 4.3843100e-003 4.5806710e-002 -2.6788990e-002
+v -8.2506400e-003 4.5148720e-002 -2.8441070e-002
+v -1.5748410e-002 4.5043860e-002 -2.7877790e-002
+v 2.8990330e-002 4.4697850e-002 -6.1863000e-003
+v 8.1686400e-003 4.5053030e-002 -2.5178740e-002
+v -9.6291000e-004 4.5378230e-002 -2.7308280e-002
+v -1.7033400e-003 4.7819200e-002 -2.9928930e-002
+v -3.1535830e-002 4.4740410e-002 -2.8079410e-002
+v -3.3619650e-002 1.5691468e-001 -1.1024870e-002
+v -5.0751180e-002 4.3109620e-002 -1.0018680e-002
+v 3.6890890e-002 4.7353200e-002 -6.1057100e-003
+v 2.4975630e-002 4.2644580e-002 -7.0169900e-003
+v 2.4562420e-002 4.8369560e-002 -1.9672760e-002
+v 1.3964040e-002 4.5579170e-002 -2.4706510e-002
+v 1.3376130e-002 4.8630300e-002 -2.6551500e-002
+v 3.7308900e-003 4.8127990e-002 -2.9025970e-002
+v -8.7947000e-003 4.7056850e-002 -2.9881630e-002
+v -1.3753770e-002 5.1865060e-002 -3.2243480e-002
+v -2.1200840e-002 4.6657090e-002 -2.7951320e-002
+v 3.9693540e-002 4.5658580e-002 -4.5274100e-003
+v 3.3627400e-002 4.8717730e-002 -6.3904600e-003
+v -6.5352120e-002 9.9294570e-002 -1.6820150e-002
+v 1.2868100e-003 5.0383670e-002 -3.0357440e-002
+v -8.1797500e-003 4.9845800e-002 -3.1071390e-002
+v -1.7184350e-002 4.8210500e-002 -2.9741930e-002
+v -2.6049450e-002 4.7692500e-002 -2.6149500e-002
+v -8.4747010e-002 1.1078350e-001 3.9488380e-002
+v -5.1316870e-002 4.8270690e-002 -7.9310500e-003
+v -8.2506510e-002 1.2765487e-001 -4.6796400e-003
+v 3.8663690e-002 5.1696670e-002 -6.6910200e-003
+v -7.5643160e-002 9.9440450e-002 -1.1927610e-002
+v 2.0284470e-002 5.1349190e-002 -2.4895380e-002
+v 5.9436000e-003 5.0976660e-002 -2.9119360e-002
+v -2.5528290e-002 5.1472710e-002 -2.6884680e-002
+v -3.5562670e-002 4.9399890e-002 -1.2865040e-002
+v -4.2818980e-002 1.6220182e-001 -1.0337510e-002
+v -6.5593600e-002 1.7665711e-001 -6.0504730e-002
+v -3.4151080e-002 1.7442797e-001 -1.3312550e-002
+v 4.3673180e-002 5.0162230e-002 -5.9843500e-003
+v -5.0342410e-002 1.5546197e-001 -5.1927700e-003
+v 2.5464180e-002 5.4029700e-002 -2.1691010e-002
+v 1.0149790e-002 4.9258540e-002 -2.7750590e-002
+v -2.2043190e-002 5.3612020e-002 -3.0135610e-002
+v -3.2875520e-002 5.1677630e-002 -1.0888650e-002
+v -3.7613820e-002 4.9534770e-002 -1.1626140e-002
+v -4.0750630e-002 4.9285110e-002 -1.1286200e-002
+v -4.6385170e-002 4.7490850e-002 -1.0085980e-002
+v 4.4473170e-002 5.3293010e-002 -6.3327900e-003
+v 3.3205620e-002 5.1020650e-002 -7.2382500e-003
+v 1.5678350e-002 5.1169270e-002 -2.6397810e-002
+v 6.8341700e-003 5.5010170e-002 -3.0561130e-002
+v 2.1424700e-003 5.5502800e-002 -3.1334400e-002
+v 5.9285000e-004 5.2867950e-002 -3.0513830e-002
+v -3.6481400e-003 5.1869000e-002 -3.1457940e-002
+v -9.4245600e-003 5.5399220e-002 -3.3653980e-002
+v -1.9302150e-002 5.8224770e-002 -3.3919700e-002
+v -6.1084270e-002 1.3386190e-001 -7.2248900e-003
+v -4.3309760e-002 5.5656840e-002 -1.1402110e-002
+v -6.1080540e-002 1.6833773e-001 -5.9192060e-002
+v 4.7574690e-002 5.2943630e-002 -5.1300300e-003
+v -3.7403030e-002 1.1150775e-001 -1.8243310e-002
+v 1.9972490e-002 5.4409710e-002 -2.7108230e-002
+v 5.3974800e-003 5.8382570e-002 -3.0903760e-002
+v -1.0603590e-002 5.3602910e-002 -3.3403350e-002
+v -3.4998290e-002 5.2331560e-002 -1.0347380e-002
+v -4.6471230e-002 5.1304340e-002 -9.8299800e-003
+v -6.7945360e-002 1.1493603e-001 -9.5107300e-003
+v -7.1048210e-002 1.5161088e-001 -4.4679270e-002
+v -5.8903800e-003 3.4790620e-002 -2.4224470e-002
+v 1.6842140e-002 5.5555670e-002 -2.8284560e-002
+v 1.0711040e-002 5.4687610e-002 -2.9767520e-002
+v -1.1826800e-003 5.9492420e-002 -3.3360920e-002
+v -5.2325900e-003 5.5688960e-002 -3.2840220e-002
+v -5.1705830e-002 5.2470760e-002 -7.4047200e-003
+v -5.2626360e-002 6.0043760e-002 -8.9566900e-003
+v -7.2598590e-002 9.7762720e-002 -1.4434510e-002
+v 4.4331260e-002 5.5818010e-002 -6.0362700e-003
+v 3.8463400e-002 5.4934820e-002 -6.1822500e-003
+v 3.8838620e-002 5.7808260e-002 -5.2584800e-003
+v -9.2015400e-003 5.9510130e-002 -3.4437110e-002
+v -3.5262560e-002 5.5284900e-002 -1.0545060e-002
+v -3.8336450e-002 5.4503540e-002 -1.0905320e-002
+v -1.7727540e-002 3.6289540e-002 5.2222250e-002
+v 5.0006490e-002 5.8095800e-002 -4.6211800e-003
+v 4.6133970e-002 5.9278810e-002 -4.7769600e-003
+v 1.5110300e-002 5.9819840e-002 -2.8645750e-002
+v 1.0312380e-002 5.7586530e-002 -2.9995250e-002
+v -6.1353400e-003 6.0256790e-002 -3.4695830e-002
+v -1.2318220e-002 5.9396390e-002 -3.5268510e-002
+v -1.4466910e-002 6.3136020e-002 -3.6865870e-002
+v -4.6650260e-002 5.9840950e-002 -1.2135840e-002
+v -5.6572080e-002 1.2480275e-001 -7.1885700e-003
+v -7.9237500e-002 1.2055419e-001 -5.6744800e-003
+v -7.9334790e-002 1.2560650e-001 -6.1175900e-003
+v 2.2340000e-002 5.8492230e-002 -2.6014120e-002
+v 7.6270400e-003 6.2098330e-002 -3.1135840e-002
+v 3.3101700e-003 6.0456840e-002 -3.2481070e-002
+v -1.6811880e-002 6.1275230e-002 -3.5929330e-002
+v -3.2491910e-002 5.7196350e-002 -1.2104730e-002
+v -3.4108240e-002 6.1466560e-002 -1.3053130e-002
+v -3.3896980e-002 5.7025330e-002 -1.1047570e-002
+v -3.8623580e-002 5.8303290e-002 -1.1505750e-002
+v -4.5008400e-002 6.2723940e-002 -1.3390450e-002
+v -5.6896010e-002 1.3398739e-001 -5.6270700e-003
+v -4.4853890e-002 1.5746031e-001 -8.6731600e-003
+v -7.8609550e-002 6.9656870e-002 1.1810740e-002
+v -2.3730020e-002 1.0186156e-001 -2.3836400e-002
+v -2.8122930e-002 9.9322390e-002 -2.3580130e-002
+v -5.0076720e-002 1.4997652e-001 -3.6419700e-003
+v -3.3048420e-002 9.5958590e-002 -2.3426460e-002
+v 1.9520390e-002 6.2064770e-002 -2.7292470e-002
+v -3.8864710e-002 1.0333987e-001 -2.0641400e-002
+v -4.8952940e-002 5.6281090e-002 -1.0220880e-002
+v -5.3993040e-002 1.4498656e-001 -1.1093400e-003
+v -4.5530560e-002 9.8510850e-002 -2.1729510e-002
+v -5.0910960e-002 1.0074570e-001 -2.1619430e-002
+v 2.3245830e-002 6.2792530e-002 -2.5047990e-002
+v 9.7412800e-003 6.3181400e-002 -3.1141370e-002
+v -8.6614000e-004 6.4559630e-002 -3.4490930e-002
+v -8.5264000e-003 6.4001730e-002 -3.5850480e-002
+v -4.8451500e-002 6.4794120e-002 -1.3029910e-002
+v -5.2325160e-002 1.0614813e-001 -1.9271240e-002
+v -5.5265350e-002 1.0216682e-001 -1.9897100e-002
+v -5.9042010e-002 9.9032210e-002 -1.9222950e-002
+v -5.7846760e-002 1.0433496e-001 -1.8525740e-002
+v -2.7113460e-002 1.7332156e-001 -1.8538890e-002
+v 2.2832000e-002 6.7082570e-002 -2.6297510e-002
+v 1.4519060e-002 6.4595540e-002 -2.9855690e-002
+v 1.1471330e-002 6.7581440e-002 -3.0901170e-002
+v -1.7739360e-002 6.6260830e-002 -3.7657310e-002
+v -6.5059750e-002 1.3452104e-001 -8.0899900e-003
+v -7.5829320e-002 1.4244605e-001 -5.8090000e-003
+v -4.1362350e-002 6.1637330e-002 -1.2813770e-002
+v -5.6147890e-002 6.1921550e-002 -5.7541100e-003
+v -6.2126110e-002 6.2845360e-002 -4.5202600e-003
+v -3.7292480e-002 1.6449057e-001 -1.3627050e-002
+v -1.9818920e-002 1.6509494e-001 -1.7608980e-002
+v 6.2881100e-003 6.5416350e-002 -3.2563040e-002
+v -5.9250500e-003 6.9515630e-002 -3.5933480e-002
+v -1.0538630e-002 6.7999180e-002 -3.6517060e-002
+v -3.5385700e-002 6.6817430e-002 -1.5434860e-002
+v -5.3994500e-002 6.4638700e-002 -9.3254900e-003
+v -6.3852310e-002 6.5572310e-002 -6.9393300e-003
+v -6.3920880e-002 1.2774242e-001 -8.5494600e-003
+v -2.6940700e-002 3.6184050e-002 5.3351850e-002
+v 1.9618650e-002 6.7007390e-002 -2.8356120e-002
+v 1.2275180e-002 6.9933940e-002 -3.1553160e-002
+v 5.4265100e-003 6.8247960e-002 -3.2730520e-002
+v -4.4084200e-003 6.6619200e-002 -3.4870250e-002
+v -2.1911350e-002 6.7144790e-002 -3.6535750e-002
+v -4.5643150e-002 1.5466949e-001 -7.2969400e-003
+v -5.1673460e-002 6.6850660e-002 -1.2120350e-002
+v -5.8105180e-002 6.6465950e-002 -1.0044340e-002
+v -5.6992260e-002 1.4311862e-001 -2.2403000e-003
+v -8.0651110e-002 1.3119854e-001 -4.4397800e-003
+v -5.6544310e-002 1.2850938e-001 -6.2014700e-003
+v 1.7758080e-002 7.0138540e-002 -2.9404680e-002
+v 6.4980500e-003 7.0791870e-002 -3.3525310e-002
+v 7.5831000e-004 7.0434460e-002 -3.4462560e-002
+v -1.3235950e-002 6.9292820e-002 -3.7917490e-002
+v -6.7390780e-002 1.1889688e-001 -8.7301400e-003
+v -3.8119520e-002 6.4162310e-002 -1.3829140e-002
+v 1.8527400e-003 1.1303356e-001 -1.9794270e-002
+v -7.5950810e-002 6.8170610e-002 1.8117970e-002
+v -1.0001990e-002 7.2671480e-002 -3.7661370e-002
+v -1.7976070e-002 7.0613770e-002 -3.8443880e-002
+v -2.3035990e-002 7.2778460e-002 -3.8072640e-002
+v -2.6120100e-002 7.1177480e-002 -3.5451530e-002
+v -6.8535420e-002 1.3929375e-001 -7.8046600e-003
+v -3.5263040e-002 7.1067650e-002 -1.8011860e-002
+v -4.1558180e-002 6.9774010e-002 -1.6774100e-002
+v -5.2831730e-002 7.0298920e-002 -1.4864960e-002
+v -6.6978850e-002 6.7638980e-002 -6.8094400e-003
+v -1.0244470e-002 1.7895826e-001 -2.9538870e-002
+v -7.5272650e-002 1.2680098e-001 -8.0241700e-003
+v -8.7359900e-002 1.1248315e-001 4.2049490e-002
+v 8.7503000e-003 7.4301560e-002 -3.3398210e-002
+v -6.4249520e-002 1.6045024e-001 -5.7041470e-002
+v -4.4354010e-002 7.3372220e-002 -1.7874430e-002
+v -4.5762580e-002 6.9445320e-002 -1.5928780e-002
+v -4.7957440e-002 7.2542990e-002 -1.6106990e-002
+v -5.7822630e-002 6.9538010e-002 -1.4416470e-002
+v -7.2071600e-002 7.1538150e-002 -7.4714400e-003
+v 2.5472930e-002 7.4094500e-002 -2.4938540e-002
+v 1.5719730e-002 7.3756350e-002 -2.9747770e-002
+v 4.8214000e-003 7.3763980e-002 -3.4552450e-002
+v -2.2528600e-003 7.3921320e-002 -3.5887190e-002
+v -7.3834900e-003 7.4799620e-002 -3.7223830e-002
+v -2.0225340e-002 7.7095190e-002 -3.9044290e-002
+v -3.4016180e-002 7.2101270e-002 -2.0823150e-002
+v -3.8493370e-002 7.2839870e-002 -1.7502230e-002
+v -6.4392550e-002 7.3116330e-002 -1.5335340e-002
+v -6.4480660e-002 7.0187350e-002 -1.2261750e-002
+v -2.3854330e-002 1.6164528e-001 -1.4504190e-002
+v 2.2104450e-002 7.2692600e-002 -2.6900140e-002
+v 1.5532370e-002 7.6586960e-002 -2.9606940e-002
+v 1.1574050e-002 7.4860570e-002 -3.1383860e-002
+v -1.4731560e-002 7.7640750e-002 -3.8490670e-002
+v -1.6018820e-002 7.4288800e-002 -3.8864420e-002
+v -5.1103620e-002 7.3071950e-002 -1.6243060e-002
+v -5.7989540e-002 7.4017880e-002 -1.7522320e-002
+v -6.9608380e-002 7.2322890e-002 -1.0934430e-002
+v -7.5996110e-002 1.1714132e-001 -6.5577200e-003
+v -3.7987660e-002 1.0751453e-001 -1.9975760e-002
+v 1.0696210e-002 7.9889200e-002 -3.2009580e-002
+v -5.3433400e-003 7.8264580e-002 -3.7476940e-002
+v -2.6081990e-002 7.6191290e-002 -3.6780200e-002
+v -3.9161040e-002 1.5718885e-001 -1.0580510e-002
+v -6.5609880e-002 7.5860010e-002 -1.6750060e-002
+v -7.0177600e-002 7.5663330e-002 -1.3839210e-002
+v -7.4291360e-002 7.4808360e-002 -9.3537900e-003
+v -6.3428890e-002 1.7185387e-001 -6.1412170e-002
+v 3.0684890e-002 7.5726870e-002 -2.0778090e-002
+v 1.9305010e-002 7.9017870e-002 -2.7743990e-002
+v -8.5992100e-003 7.9338730e-002 -3.7905180e-002
+v -2.3200110e-002 7.6568500e-002 -3.8386500e-002
+v -3.8117820e-002 7.6390120e-002 -1.8644360e-002
+v -4.4231130e-002 7.7664130e-002 -1.9026580e-002
+v -5.1025500e-002 7.5705070e-002 -1.8186900e-002
+v -7.0595130e-002 1.2994832e-001 -8.7629200e-003
+v 2.8147660e-002 7.8785370e-002 -2.2432450e-002
+v 7.6016000e-003 7.9435920e-002 -3.3714560e-002
+v 4.9502400e-003 7.8027250e-002 -3.4409750e-002
+v -1.5858350e-002 8.1165550e-002 -3.9185590e-002
+v -1.8502080e-002 8.3343870e-002 -3.9010720e-002
+v -7.9739350e-002 1.3606854e-001 -4.1482100e-003
+v -3.0980180e-002 1.6634656e-001 -1.6241160e-002
+v -3.5749800e-002 7.7248350e-002 -1.9374020e-002
+v -4.8944740e-002 7.9086360e-002 -1.9575700e-002
+v -5.5065860e-002 7.8089190e-002 -1.9755480e-002
+v 2.3706000e-002 8.0240410e-002 -2.5450120e-002
+v 1.2254110e-002 8.3456700e-002 -3.0771580e-002
+v 1.8549900e-003 8.4692790e-002 -3.4838500e-002
+v -2.0857000e-004 7.8941410e-002 -3.5782080e-002
+v -4.2710000e-004 8.2947370e-002 -3.6380660e-002
+v -4.4101600e-003 8.2794510e-002 -3.7467250e-002
+v -3.3202320e-002 1.0578320e-001 -2.0647590e-002
+v -3.9206970e-002 8.1536380e-002 -2.0571000e-002
+v -6.0355410e-002 7.9766610e-002 -1.9375540e-002
+v -4.1771830e-002 1.0396706e-001 -2.0832940e-002
+v -1.1204010e-002 8.2713320e-002 -3.8489610e-002
+v -2.3181500e-002 8.1686990e-002 -3.8329160e-002
+v -2.7233190e-002 8.0570950e-002 -3.6620670e-002
+v -3.5470180e-002 8.0196070e-002 -2.2325910e-002
+v -4.4864210e-002 8.1997900e-002 -2.0473520e-002
+v -5.0647890e-002 8.2309430e-002 -2.1365890e-002
+v -5.5522610e-002 8.1927600e-002 -2.1353790e-002
+v -8.8089610e-002 1.1135484e-001 1.8516150e-002
+v -7.2036080e-002 1.1107918e-001 4.5361400e-002
+v -3.3359780e-002 1.6986395e-001 -1.5448990e-002
+v -6.6839030e-002 6.2170510e-002 2.1576840e-002
+v 3.0730560e-002 8.1968990e-002 -2.0040460e-002
+v 1.6224320e-002 8.6480380e-002 -2.8952010e-002
+v -6.9855630e-002 1.0027892e-001 -1.4847830e-002
+v -6.3836170e-002 8.1704600e-002 -1.8908860e-002
+v -6.7914820e-002 8.0136290e-002 -1.7128200e-002
+v -4.5752080e-002 1.6340754e-001 -8.1780500e-003
+v 1.1727540e-002 8.8010780e-002 -3.0860110e-002
+v 7.3334800e-003 8.5270000e-002 -3.2829380e-002
+v -3.4356500e-003 8.7017890e-002 -3.6461000e-002
+v -2.6964110e-002 8.4512810e-002 -3.6361740e-002
+v -3.6553370e-002 8.5316190e-002 -2.2576200e-002
+v -3.8791090e-002 8.5232710e-002 -2.1917600e-002
+v -5.7676940e-002 8.6258340e-002 -2.1098320e-002
+v -6.2581810e-002 8.6394530e-002 -1.9169290e-002
+v -7.1395340e-002 1.2468846e-001 -8.5944200e-003
+v 1.4801570e-002 9.9040900e-002 -2.2842920e-002
+v -2.1162860e-002 1.7491852e-001 -2.1977110e-002
+v -1.4824250e-002 8.7288840e-002 -3.8317070e-002
+v -2.3285750e-002 8.9468030e-002 -3.6027250e-002
+v -5.1595650e-002 8.4422070e-002 -2.1600960e-002
+v -6.9481040e-002 8.5656460e-002 -1.7198420e-002
+v -7.0917210e-002 1.0754846e-001 -1.1496630e-002
+v 3.0145320e-002 8.6284000e-002 -2.0408140e-002
+v -5.5578110e-002 1.1567692e-001 -1.4645990e-002
+v -8.0981100e-003 8.9070080e-002 -3.6552200e-002
+v -8.1206310e-002 1.1205088e-001 -8.8299000e-004
+v -1.8772170e-002 8.9838040e-002 -3.6991710e-002
+v -2.1100420e-002 8.6587670e-002 -3.7849050e-002
+v -2.5809910e-002 8.8889590e-002 -3.5082250e-002
+v -4.8984800e-002 9.0731760e-002 -2.1817170e-002
+v -3.5874870e-002 3.4776000e-002 -3.0845200e-002
+v -3.3164390e-002 3.3606540e-002 -2.9721880e-002
+v -2.5964020e-002 3.3487000e-002 -2.6321120e-002
+v -1.6717530e-002 3.3611640e-002 -2.4625420e-002
+v -5.3486300e-003 3.3829010e-002 -2.2600430e-002
+v 6.4843500e-003 3.4293000e-002 -2.0854930e-002
+v 1.3950350e-002 3.4880000e-002 -1.8612870e-002
+v -4.2465980e-002 3.4189100e-002 -2.7260650e-002
+v -3.3241100e-002 3.3578760e-002 -2.6719450e-002
+v 6.2813500e-003 3.4165800e-002 -1.8764230e-002
+v -4.4265790e-002 3.3663660e-002 -2.1914420e-002
+v -2.3671460e-002 3.3630970e-002 -2.3217760e-002
+v -1.1558580e-002 3.3895430e-002 -2.1054260e-002
+v -2.0406400e-003 3.4053940e-002 -1.9331070e-002
+v 1.7323900e-003 3.4459660e-002 -1.6607870e-002
+v -2.7316070e-002 3.3910070e-002 -2.1353750e-002
+v -1.3371080e-002 3.4361580e-002 -1.9023720e-002
+v 9.5887300e-003 3.4207220e-002 -1.5424050e-002
+v -1.4981540e-002 3.5878180e-002 -1.7992380e-002
+v -2.3474300e-003 3.5903130e-002 -1.5929740e-002
+v 2.2544300e-003 3.6411540e-002 -1.4783970e-002
+v -3.5199130e-002 3.3835210e-002 -2.0508290e-002
+v -2.6075450e-002 3.5918600e-002 -1.9405170e-002
+v 8.2740600e-003 3.5645200e-002 -1.2648700e-002
+v 1.0473640e-002 3.4742600e-002 -1.1262870e-002
+v 1.4055380e-002 3.4483430e-002 -1.4495730e-002
+v -3.6970520e-002 3.5680360e-002 -1.5007790e-002
+v -2.4719500e-003 3.8408770e-002 -1.4159030e-002
+v -3.9481890e-002 3.3618220e-002 -2.3612470e-002
+v -4.1091510e-002 3.4006000e-002 -1.1997540e-002
+v -3.1589810e-002 3.5592330e-002 -1.9204150e-002
+v -2.0086310e-002 3.8064450e-002 -1.7220790e-002
+v -1.1113250e-002 3.8290290e-002 -1.5646360e-002
+v 4.4522600e-003 3.7705190e-002 -1.2957650e-002
+v 1.5870480e-002 3.4416230e-002 -2.9666500e-003
+v -4.7872000e-002 3.4136300e-002 -1.5418250e-002
+v -4.7521640e-002 3.3622720e-002 -1.2804590e-002
+v -3.3407340e-002 3.7577040e-002 -1.6158190e-002
+v -2.7851470e-002 3.8404330e-002 -1.7210420e-002
+v -8.5065300e-003 3.9028950e-002 -1.3000800e-002
+v 6.4552500e-003 3.8165190e-002 -1.0164860e-002
+v 7.4147100e-003 3.4659190e-002 -3.0116800e-003
+v 1.1966200e-002 3.4335400e-002 -5.9571300e-003
+v 2.0414820e-002 3.5567580e-002 -3.7806900e-003
+v -1.9288780e-002 3.8762570e-002 -1.4202620e-002
+v -1.1390100e-003 3.9176760e-002 -1.0381370e-002
+v 3.8149200e-003 3.9024470e-002 -8.0827300e-003
+v 7.5208200e-003 3.6733400e-002 -6.7614300e-003
+v 1.9968120e-002 3.4843990e-002 -1.8984900e-003
+v -4.5058400e-002 3.3600490e-002 -1.2527510e-002
+v -3.0754850e-002 3.8639810e-002 -1.4050770e-002
+v -5.1499810e-002 3.3729110e-002 -1.2082510e-002
+v -2.3756860e-002 3.8585750e-002 -1.1093270e-002
+v 3.9734700e-003 3.8208550e-002 -3.7963500e-003
+v 9.5485400e-003 3.4232620e-002 1.7162000e-003
+v 2.9086550e-002 3.5799990e-002 3.5630900e-003
+v -5.5965200e-002 3.3529910e-002 -9.1246200e-003
+v -1.9523510e-002 3.8505210e-002 -4.5434500e-003
+v 1.6363470e-002 3.4394790e-002 2.2948600e-003
+v 2.1324740e-002 3.4624040e-002 5.6444000e-003
+v -3.9670300e-002 3.6174000e-002 -7.3397700e-003
+v -1.4251730e-002 3.8648030e-002 -4.3030400e-003
+v 2.3262300e-003 3.5348200e-002 2.3246000e-003
+v 1.4014300e-002 3.5703800e-002 3.8878900e-003
+v 1.5322800e-002 3.6239700e-002 3.6628500e-003
+v 2.3753130e-002 3.4670710e-002 3.9885300e-003
+v 3.2369180e-002 3.5816010e-002 7.0246300e-003
+v -6.3715900e-002 3.3776930e-002 -8.0065600e-003
+v -6.4266880e-002 3.3562500e-002 -5.1253200e-003
+v -3.8066600e-002 3.8518600e-002 -7.3079600e-003
+v -9.4308800e-003 3.8887690e-002 -7.4848700e-003
+v 3.9677800e-003 3.4200210e-002 4.9754500e-003
+v 9.4292600e-003 3.6030400e-002 4.5275100e-003
+v 2.9859020e-002 3.4980130e-002 9.8349300e-003
+v -5.2730060e-002 3.3497900e-002 -1.8117500e-003
+v -4.1271000e-002 3.3855400e-002 -1.8800800e-003
+v -3.1105000e-003 3.8946190e-002 -2.7793900e-003
+v 6.2194100e-003 3.5134100e-002 6.5492800e-003
+v 2.0897900e-002 3.5937100e-002 8.7849000e-003
+v 3.5606010e-002 3.6526640e-002 9.8155300e-003
+v -6.7078340e-002 3.3840100e-002 -6.1688300e-003
+v -8.1140000e-004 3.7424170e-002 4.7721500e-003
+v 3.1492300e-003 3.4125310e-002 1.1762220e-002
+v 4.9172000e-003 3.3997100e-002 9.1666100e-003
+v 2.5130800e-002 3.4546910e-002 1.1012580e-002
+v 2.8248620e-002 3.5046370e-002 1.6016700e-002
+v -6.7032970e-002 6.5145960e-002 2.7292860e-002
+v -4.6380170e-002 3.3605230e-002 -8.9435000e-004
+v -3.3163400e-002 3.8195400e-002 -5.2520000e-004
+v -3.2074200e-002 3.8323400e-002 -4.2109000e-004
+v -2.1692690e-002 3.8266010e-002 4.5100800e-003
+v 2.3930750e-002 3.4816710e-002 1.7739160e-002
+v 4.2719120e-002 3.9977070e-002 8.9321600e-003
+v -5.8604080e-002 3.3462230e-002 -2.1667000e-004
+v -3.7314400e-002 3.3633000e-002 4.5724700e-003
+v -1.0423990e-002 3.8488570e-002 6.2292700e-003
+v -1.3896900e-003 3.8651360e-002 2.3966500e-003
+v -3.0845000e-004 3.5462480e-002 8.2607200e-003
+v -1.4089000e-003 3.6193080e-002 1.2944550e-002
+v 2.2252900e-002 3.6583300e-002 1.3979700e-002
+v -7.0961830e-002 3.4345730e-002 -7.8374000e-004
+v -6.9066180e-002 3.3717630e-002 -1.9761000e-004
+v -6.4825640e-002 3.3505860e-002 2.8222500e-003
+v -4.7059660e-002 3.3501860e-002 3.5646400e-003
+v -3.6953800e-003 3.8172780e-002 1.3046800e-002
+v 3.3475850e-002 3.6447340e-002 1.6266960e-002
+v 3.7249610e-002 3.7509920e-002 1.4815820e-002
+v -4.5675940e-002 3.3703640e-002 6.4300300e-003
+v -3.8639270e-002 3.3937310e-002 8.5506500e-003
+v -9.5064100e-003 3.8352640e-002 1.5570660e-002
+v 2.1499800e-002 3.5807100e-002 1.8169400e-002
+v 4.4876460e-002 4.1230990e-002 1.6008250e-002
+v -7.2474010e-002 3.6255930e-002 1.5532600e-003
+v -7.1498130e-002 3.4452970e-002 4.2026500e-003
+v -2.7790900e-002 3.8062900e-002 7.9376100e-003
+v -1.6556410e-002 3.8286470e-002 1.0215790e-002
+v 8.1043500e-003 3.4842900e-002 1.8134600e-002
+v 2.3589460e-002 3.5890600e-002 2.5337690e-002
+v 4.1261350e-002 4.0585070e-002 2.0751930e-002
+v -5.1350870e-002 3.3645700e-002 8.0329400e-003
+v -4.7104300e-002 3.5549500e-002 8.0803900e-003
+v -1.4103500e-003 3.6999940e-002 1.6982030e-002
+v 9.1714000e-004 3.4803380e-002 1.5634690e-002
+v 2.8887900e-003 3.4636250e-002 1.8849770e-002
+v 1.3279200e-002 3.4379500e-002 2.1423700e-002
+v 1.4322700e-002 3.4425500e-002 2.1593200e-002
+v 1.7490100e-002 3.4646300e-002 2.2040900e-002
+v 2.9868460e-002 3.6248820e-002 1.9872200e-002
+v -3.9222000e-002 3.6326200e-002 1.0789900e-002
+v -3.0307100e-002 3.3995400e-002 1.4706400e-002
+v 2.0081230e-002 3.5172700e-002 2.8018770e-002
+v 2.4989010e-002 3.8104580e-002 2.9429570e-002
+v 3.3584130e-002 3.8303930e-002 2.2928670e-002
+v 4.9015720e-002 4.4573630e-002 2.0659450e-002
+v -5.8225970e-002 6.6607310e-002 3.5050280e-002
+v -6.7330830e-002 3.3846440e-002 8.7266300e-003
+v -3.4692330e-002 3.3828710e-002 1.2438580e-002
+v -2.9803200e-002 3.4287000e-002 1.6353100e-002
+v 1.7023800e-003 3.6310890e-002 2.1179600e-002
+v 4.5137020e-002 4.4625440e-002 2.5516510e-002
+v -6.8876490e-002 1.1022176e-001 3.9004630e-002
+v -5.7680560e-002 3.3622690e-002 1.4040310e-002
+v -5.3210500e-002 3.3585300e-002 1.3987000e-002
+v -3.5711600e-002 3.5891600e-002 1.5502900e-002
+v -2.8861500e-002 3.5396700e-002 1.7350000e-002
+v -2.6580500e-002 3.7742600e-002 1.5705300e-002
+v -1.0974400e-003 3.8147840e-002 2.0427010e-002
+v 3.5047710e-002 4.0973940e-002 2.6970390e-002
+v -6.9685460e-002 3.4478780e-002 9.7984300e-003
+v -5.4019000e-002 3.3309900e-002 1.5848000e-002
+v 4.4816800e-003 3.7117830e-002 2.4755300e-002
+v 6.6605500e-003 3.5204730e-002 2.4315930e-002
+v 8.3833000e-003 3.4748700e-002 2.4057310e-002
+v 3.8883100e-002 4.1032980e-002 2.4976570e-002
+v -2.6441900e-003 3.8727070e-002 2.5131260e-002
+v 3.2222300e-003 3.8708440e-002 2.5898750e-002
+v 9.0016500e-003 3.6890930e-002 2.8482190e-002
+v 1.3196980e-002 3.4835790e-002 3.1630980e-002
+v 2.2291600e-002 3.7053310e-002 3.3101020e-002
+v 2.8948390e-002 3.9160020e-002 2.7234810e-002
+v -8.7773470e-002 1.1181412e-001 3.7144310e-002
+v -1.7870490e-002 3.8203890e-002 2.0243220e-002
+v 1.0087420e-002 3.7047690e-002 3.0822500e-002
+v 4.2296550e-002 4.5435770e-002 2.9040920e-002
+v -8.4341340e-002 1.1388013e-001 4.6513480e-002
+v -7.3795710e-002 1.0895629e-001 3.9217250e-002
+v -5.1243340e-002 6.4239200e-002 3.4258040e-002
+v -6.1777390e-002 3.4017860e-002 1.6900580e-002
+v -3.6665100e-002 3.5304200e-002 2.3032000e-002
+v -1.4930180e-002 3.8643510e-002 2.9378330e-002
+v -8.0894520e-002 1.0967225e-001 3.7910230e-002
+v -8.9822620e-002 1.1387199e-001 3.2845310e-002
+v -6.9655510e-002 6.8728370e-002 3.1127880e-002
+v -7.8449800e-002 1.0988832e-001 4.2517920e-002
+v -7.5824140e-002 1.0794900e-001 3.7128750e-002
+v -5.5740630e-002 3.4128050e-002 2.6674360e-002
+v -3.8279600e-002 3.5429000e-002 2.4380600e-002
+v -3.5283340e-002 3.4179780e-002 2.2744860e-002
+v -2.5798070e-002 3.7865000e-002 1.9981460e-002
+v 6.9064300e-003 3.9004270e-002 2.9548510e-002
+v 1.5448990e-002 3.4852440e-002 3.6984890e-002
+v 1.9128230e-002 3.5640640e-002 3.6642280e-002
+v -6.3664970e-002 6.6047840e-002 3.1828080e-002
+v 3.9604800e-002 4.4939530e-002 2.9992360e-002
+v -8.0294310e-002 7.1702430e-002 1.5995300e-002
+v -5.4185430e-002 6.7322700e-002 3.6935610e-002
+v -7.3110210e-002 1.4847168e-001 -2.8748470e-002
+v -5.8999980e-002 7.3751550e-002 4.1197080e-002
+v -5.9520730e-002 6.1040260e-002 -2.3753800e-003
+v -6.2791800e-002 3.4596760e-002 2.3505640e-002
+v -4.1895500e-002 3.3668300e-002 2.6940000e-002
+v 8.9808200e-003 3.7639400e-002 3.3900800e-002
+v 8.5287800e-003 3.4888000e-002 3.6265100e-002
+v -8.9803890e-002 1.1498106e-001 4.2771650e-002
+v -6.5545420e-002 7.4430370e-002 3.9168070e-002
+v -6.4644190e-002 6.1723230e-002 2.2552000e-004
+v 5.2496900e-003 3.9507100e-002 3.3271200e-002
+v 2.0250320e-002 3.7033170e-002 3.9327190e-002
+v -6.7006400e-002 6.3292870e-002 -1.7493900e-003
+v -6.4479770e-002 6.0651470e-002 4.2343200e-003
+v -5.7219630e-002 5.7000470e-002 4.9175800e-003
+v -7.4362810e-002 7.2437050e-002 3.1430040e-002
+v -6.2019000e-002 3.4343180e-002 3.1883280e-002
+v -4.6870820e-002 3.4444130e-002 3.0513130e-002
+v -2.0814280e-002 3.8400960e-002 2.7868430e-002
+v 1.6439350e-002 3.5635110e-002 4.1281040e-002
+v -6.9087160e-002 1.1205014e-001 4.5320060e-002
+v -7.1811570e-002 1.4861318e-001 -3.4639490e-002
+v -6.9538770e-002 6.3074750e-002 3.5758200e-003
+v -8.4863890e-002 7.8392100e-002 1.6462010e-002
+v -9.1188780e-002 1.1588893e-001 2.4705540e-002
+v -8.8827760e-002 1.1359169e-001 2.3873640e-002
+v -7.1302830e-002 1.1325363e-001 4.9444530e-002
+v -5.4876950e-002 7.0282330e-002 3.8828200e-002
+v -7.7208880e-002 1.0715887e-001 3.4738290e-002
+v -6.1241780e-002 5.9007440e-002 8.0916600e-003
+v -6.5885650e-002 3.5025080e-002 2.9416520e-002
+v -5.7889430e-002 3.4419570e-002 3.6265760e-002
+v -5.1847710e-002 3.4470270e-002 3.4635180e-002
+v -3.4834600e-002 3.4721400e-002 3.4578200e-002
+v -3.0984700e-002 3.8191900e-002 3.2390100e-002
+v -4.9613100e-003 3.9364900e-002 3.6702200e-002
+v 1.2224170e-002 3.5177480e-002 4.2620580e-002
+v -7.4898220e-002 1.1458863e-001 5.0776480e-002
+v -8.0469100e-002 1.1357963e-001 4.6643440e-002
+v -7.4107560e-002 6.9586030e-002 2.7264400e-002
+v -7.9002620e-002 7.6339320e-002 2.9248090e-002
+v -6.5297080e-002 3.4778970e-002 3.3744340e-002
+v -3.3656400e-002 3.4344100e-002 3.6914100e-002
+v 4.9318500e-003 3.4814800e-002 4.3462110e-002
+v 1.1347440e-002 3.6213020e-002 4.4652280e-002
+v -6.0569260e-002 7.1154540e-002 3.8653760e-002
+v -8.8979470e-002 1.1450869e-001 2.8446030e-002
+v -6.8543520e-002 6.1090480e-002 1.0557760e-002
+v -8.2710960e-002 1.1648975e-001 4.8518530e-002
+v -4.1913210e-002 3.4467720e-002 3.3200040e-002
+v -1.1289800e-002 3.9529200e-002 3.8844100e-002
+v -2.8261900e-003 3.4885340e-002 4.5611410e-002
+v -6.4561210e-002 5.9484140e-002 1.3061680e-002
+v -5.8581440e-002 5.7801460e-002 1.3429540e-002
+v -2.3320000e-002 3.9169500e-002 3.8473300e-002
+v -1.8159900e-002 3.9322300e-002 3.9402900e-002
+v -1.6471400e-002 3.4812800e-002 4.3684700e-002
+v 3.2906600e-003 3.5833470e-002 4.6024610e-002
+v -8.5229630e-002 1.1200712e-001 3.0416940e-002
+v -8.5644730e-002 1.1131719e-001 3.4234780e-002
+v -7.4530360e-002 6.6680690e-002 4.6953300e-003
+v -7.1112970e-002 6.2751470e-002 8.7995500e-003
+v -6.1149380e-002 5.8834410e-002 1.6539440e-002
+v -4.6912270e-002 3.4627180e-002 3.9739710e-002
+v -4.0760350e-002 3.4668230e-002 4.0492530e-002
+v -2.6323100e-002 3.4658000e-002 4.3473500e-002
+v -3.1836600e-003 3.6229910e-002 4.7873100e-002
+v -7.9940490e-002 1.0916678e-001 3.4119800e-002
+v -5.9712170e-002 6.3165280e-002 2.8789180e-002
+v -5.1176600e-002 6.8061880e-002 3.7398330e-002
+v -5.0126580e-002 7.0933150e-002 3.9481010e-002
+v -7.2790130e-002 6.4399880e-002 1.5205950e-002
+v -6.8511230e-002 6.1214650e-002 1.5354080e-002
+v -3.9343210e-002 3.5440180e-002 4.2492560e-002
+v -8.1305900e-003 3.5008350e-002 4.7502400e-002
+v -6.6080670e-002 7.0202740e-002 3.5552860e-002
+v -6.8602600e-002 1.4992277e-001 -4.0051350e-002
+v -7.1722100e-002 6.7023040e-002 2.4959750e-002
+v -7.5115010e-002 6.6557040e-002 1.0244090e-002
+v -6.5146650e-002 3.5945650e-002 3.9775080e-002
+v -3.6898600e-002 3.5924640e-002 4.4794170e-002
+v -9.4780400e-003 3.5977600e-002 4.9434210e-002
+v -8.5175960e-002 1.1706809e-001 4.8139420e-002
+v -6.3366400e-002 6.2790260e-002 2.5647610e-002
+v -6.6633330e-002 6.1001700e-002 1.8101240e-002
+v -5.8167590e-002 5.9985190e-002 2.2606060e-002
+v -6.4212210e-002 3.4992560e-002 3.9401920e-002
+v -5.3425790e-002 3.4560020e-002 4.2782420e-002
+v -1.8031490e-002 3.4859970e-002 4.9264760e-002
+v -1.1440410e-002 3.7640770e-002 5.0275730e-002
+v -7.5165320e-002 1.1154286e-001 4.6707180e-002
+v -7.7168390e-002 6.9826450e-002 5.0605600e-003
+v -7.2801360e-002 6.4382590e-002 1.2089080e-002
+v -7.8022000e-002 7.0995160e-002 2.1322150e-002
+v -6.1263370e-002 3.4690410e-002 4.1994900e-002
+v -5.4403750e-002 3.5007310e-002 4.4874590e-002
+v -4.5754280e-002 3.5206980e-002 4.3518120e-002
+v -3.3832440e-002 3.5168820e-002 4.6957890e-002
+v -2.8657630e-002 3.5083380e-002 5.0549440e-002
+v -1.5306440e-002 3.5246410e-002 5.0133810e-002
+v -6.5283650e-002 1.5592447e-001 -4.9865930e-002
+v -6.6467860e-002 1.4871539e-001 -3.1579300e-002
+v -6.2095980e-002 1.6388324e-001 -5.8385930e-002
+v -6.3274890e-002 1.5245731e-001 -3.2221730e-002
+v -4.3755720e-002 1.4773408e-001 -2.1433200e-003
+v -6.5696940e-002 1.4561631e-001 -1.8974710e-002
+v -6.6713650e-002 1.5358824e-001 -4.9097100e-002
+v -1.0482810e-002 1.6668287e-001 -2.1746090e-002
+v -6.2744510e-002 1.6397531e-001 -5.9398280e-002
+v -7.0413230e-002 1.4129200e-001 -8.4590800e-003
+v -6.1530380e-002 1.4037628e-001 -6.2734700e-003
+v -1.1452460e-002 1.7220633e-001 -2.6844980e-002
+v -6.3731140e-002 1.6577037e-001 -6.0103610e-002
+v -2.8218820e-002 1.5758144e-001 -1.0999490e-002
+v -1.8471270e-002 1.5967716e-001 -1.1169510e-002
+v -6.6700710e-002 1.5236775e-001 -4.5266390e-002
+v -4.9896410e-002 1.4670859e-001 -1.8614200e-003
+v -3.1449640e-002 1.5460463e-001 -7.6802300e-003
+v -6.7447660e-002 1.5507675e-001 -5.1594250e-002
+v -1.0906650e-002 1.7649301e-001 -2.9246300e-002
+v -7.2083600e-002 1.4965550e-001 -3.9265860e-002
+v -6.4230830e-002 1.4877806e-001 -2.5899710e-002
+v -6.3056640e-002 1.4341650e-001 -7.4907700e-003
+v -5.3043350e-002 1.4092550e-001 -4.7408000e-004
+v -3.9269410e-002 1.5205232e-001 -6.6203800e-003
+v -6.4796930e-002 1.5210615e-001 -3.6185520e-002
+v -6.4400320e-002 1.5834400e-001 -5.4256370e-002
+v -6.6178120e-002 1.4218350e-001 -9.3766300e-003
+v -6.7751430e-002 1.4605207e-001 -2.3333300e-002
+v -6.4731580e-002 1.5410067e-001 -4.0464820e-002
+v -2.4265590e-002 1.5687690e-001 -7.8509300e-003
+v -1.5723180e-002 1.6312344e-001 -1.6396570e-002
+v -7.0887660e-002 1.4404618e-001 -1.4908480e-002
+v -4.4341830e-002 1.5113809e-001 -5.6859800e-003
+v -6.2896810e-002 1.4694778e-001 -1.3098620e-002
+v -6.3755400e-002 1.4428875e-001 -1.1395730e-002
+v -6.8214560e-002 1.4390932e-001 -1.4984170e-002
+v -5.0271440e-002 1.4336563e-001 1.5153000e-003
+v -2.8535590e-002 1.6208479e-001 -1.4786030e-002
+v -6.5810700e-002 1.4359119e-001 -1.2585380e-002
+v -5.6179200e-002 1.3774406e-001 -4.0674300e-003
+v -6.8866880e-002 1.4723338e-001 -2.8739870e-002
+v -6.0965420e-002 1.7002113e-001 -6.0839390e-002
+v -1.3895490e-002 1.6787168e-001 -2.1897230e-002
+v -6.9413000e-002 1.5121847e-001 -4.4538540e-002
+v -5.5039800e-002 5.7309700e-002 1.6990900e-002
+f 1069 1647 1578
+f 1058 909 939
+f 421 1176 238
+f 1055 1101 1042
+f 238 1059 1126
+f 1254 30 1261
+f 1065 1071 1
+f 1037 1130 1120
+f 1570 2381 1585
+f 2434 2502 2473
+f 1632 1654 1646
+f 1144 1166 669
+f 1202 1440 305
+f 1071 1090 1
+f 1555 1570 1584
+f 1184 1174 404
+f 65 432 12
+f 1032 1085 574
+f 1789 2207 2223
+f 1154 1118 1184
+f 1141 1086 1154
+f 99 1117 342
+f 404 1174 419
+f 489 2000 1998
+f 1118 1174 1184
+f 1196 403 136
+f 1495 717 1490
+f 1804 402 1207
+f 2272 1398 891
+f 1100 1002 804
+f 1596 1595 2381
+f 208 420 1207
+f 402 208 1207
+f 1455 1935 1925
+f 1176 1059 238
+f 1150 1040 348
+f 1957 1537 2051
+f 1124 1189 939
+f 1804 1207 1823
+f 1381 1300 1109
+f 383 384 1182
+f 1085 1086 1141
+f 1040 1046 132
+f 220 1495 1188
+f 420 261 1207
+f 261 420 1065
+f 1055 1133 1101
+f 1054 421 403
+f 182 1109 2
+f 1181 1207 320
+f 545 1570 1561
+f 35 342 432
+f 1024 574 1141
+f 432 342 12
+f 1489 1081 1547
+f 1181 320 1805
+f 1516 1683 1507
+f 357 1117 1047
+f 1561 1570 1555
+f 1090 1196 1206
+f 1047 1203 1051
+f 1165 202 1121
+f 1099 341 301
+f 1174 240 419
+f 922 921 833
+f 1121 1080 385
+f 815 21 1183
+f 35 99 342
+f 1083 398 262
+f 106 94 1317
+f 94 292 1317
+f 292 95 1317
+f 940 1039 1033
+f 1300 1306 433
+f 21 212 471
+f 1120 1131 1037
+f 833 921 688
+f 1117 357 342
+f 106 271 94
+f 386 227 1375
+f 1130 1044 1053
+f 419 240 219
+f 1255 1244 32
+f 1557 1081 1489
+f 2062 2120 2109
+f 2034 2110 430
+f 23 315 1111
+f 291 94 271
+f 291 292 94
+f 50 386 95
+f 964 734 665
+f 1616 1585 1611
+f 445 1084 402
+f 574 1085 1141
+f 1654 341 1653
+f 220 1188 1640
+f 342 69 12
+f 417 261 328
+f 292 50 95
+f 204 227 386
+f 50 204 386
+f 1276 1471 1311
+f 1206 1196 136
+f 1033 1055 1042
+f 1037 1044 1130
+f 1180 320 417
+f 1121 202 1080
+f 325 203 271
+f 291 76 292
+f 292 237 50
+f 2159 1696 1767
+f 583 929 850
+f 1584 1585 1616
+f 1495 1490 1188
+f 1557 1489 1660
+f 1078 1069 1494
+f 1972 1992 1971
+f 183 1226 2000
+f 325 429 203
+f 292 76 237
+f 1152 227 1143
+f 1488 1412 1489
+f 1638 1646 1653
+f 1947 1869 2468
+f 203 306 291
+f 306 76 291
+f 237 248 50
+f 204 1143 227
+f 2395 14 429
+f 1502 881 2500
+f 1 1090 202
+f 1652 1653 1099
+f 2117 1863 2496
+f 50 248 204
+f 160 792 994
+f 884 888 857
+f 544 2117 2496
+f 1090 1206 202
+f 2463 879 2492
+f 429 306 203
+f 498 188 418
+f 865 884 857
+f 994 998 1014
+f 884 897 888
+f 1795 948 1802
+f 208 1035 1071
+f 1065 1 1066
+f 377 435 1377
+f 304 429 14
+f 304 306 429
+f 73 60 74
+f 248 592 204
+f 846 2264 829
+f 897 912 906
+f 1004 991 992
+f 1422 1421 1233
+f 980 10 303
+f 1058 922 909
+f 2436 2449 2418
+f 394 435 377
+f 435 475 446
+f 475 474 446
+f 336 337 361
+f 338 235 372
+f 624 148 129
+f 812 306 596
+f 1726 992 1019
+f 945 1514 1511
+f 1069 1627 1628
+f 1812 1823 1181
+f 1165 1121 169
+f 447 475 435
+f 2487 2458 901
+f 42 59 46
+f 401 7 187
+f 1010 970 797
+f 1513 220 1640
+f 2474 2491 2462
+f 594 307 1014
+f 398 1513 1640
+f 307 594 1026
+f 545 2381 1570
+f 403 421 238
+f 445 402 127
+f 1611 1631 1616
+f 1805 1180 1148
+f 394 447 435
+f 2341 2413 2376
+f 75 74 60
+f 541 47 42
+f 47 59 42
+f 541 42 28
+f 917 931 1103
+f 897 906 883
+f 2484 2068 779
+f 888 883 857
+f 261 1065 328
+f 363 1307 349
+f 377 363 394
+f 444 747 464
+f 323 338 362
+f 92 116 74
+f 592 634 97
+f 982 1027 1004
+f 1020 982 1004
+f 1084 1054 1035
+f 208 402 1084
+f 421 1119 1176
+f 1207 1181 1823
+f 1179 1187 1160
+f 263 296 1343
+f 1298 296 1307
+f 1307 296 349
+f 405 363 349
+f 405 394 363
+f 405 447 394
+f 362 372 384
+f 338 372 362
+f 983 1004 987
+f 122 134 139
+f 415 440 414
+f 75 92 74
+f 226 186 246
+f 796 787 700
+f 1119 1059 1176
+f 122 114 91
+f 624 129 116
+f 641 558 631
+f 1311 1318 1487
+f 100 1162 1170
+f 1653 341 1099
+f 1316 1983 273
+f 263 277 296
+f 296 358 349
+f 436 447 405
+f 109 554 570
+f 504 1385 2501
+f 115 122 91
+f 2068 2460 779
+f 43 777 163
+f 378 405 349
+f 358 378 349
+f 448 447 436
+f 448 476 447
+f 78 77 108
+f 75 60 47
+f 1764 2481 1795
+f 717 714 1512
+f 1490 717 1501
+f 238 1126 168
+f 1878 1866 826
+f 2025 2360 2367
+f 251 278 263
+f 278 277 263
+f 277 318 296
+f 296 318 358
+f 318 350 358
+f 378 436 405
+f 384 372 1182
+f 454 440 415
+f 987 1004 992
+f 493 476 448
+f 323 788 338
+f 403 238 136
+f 1565 1503 1474
+f 297 277 278
+f 297 318 277
+f 358 350 378
+f 378 388 436
+f 476 493 500
+f 73 105 60
+f 323 337 312
+f 953 1573 2358
+f 142 161 119
+f 454 443 440
+f 1862 1871 1405
+f 297 319 318
+f 560 47 541
+f 170 1323 111
+f 357 1047 1050
+f 1119 98 1059
+f 1838 1877 1900
+f 2359 230 251
+f 350 364 378
+f 449 448 436
+f 449 493 448
+f 185 186 226
+f 443 469 479
+f 874 165 2480
+f 463 444 464
+f 64 105 91
+f 1182 440 1129
+f 1958 1651 2502
+f 1238 2034 191
+f 251 279 278
+f 278 279 297
+f 364 388 378
+f 483 493 449
+f 134 148 139
+f 244 268 259
+f 910 942 930
+f 105 115 91
+f 24 30 18
+f 1132 487 1059
+f 1869 1947 2021
+f 2497 2494 2463
+f 2359 2385 230
+f 230 280 251
+f 251 280 279
+f 279 308 297
+f 297 308 319
+f 319 364 318
+f 364 350 318
+f 388 395 436
+f 436 395 449
+f 493 472 500
+f 122 129 134
+f 125 142 124
+f 373 400 393
+f 24 557 30
+f 2264 2278 2251
+f 1261 30 1269
+f 1730 1862 1877
+f 252 280 230
+f 343 364 319
+f 364 343 388
+f 63 64 91
+f 399 393 416
+f 416 444 463
+f 162 189 142
+f 768 373 326
+f 189 661 177
+f 189 199 661
+f 847 887 864
+f 533 747 444
+f 1744 1022 1418
+f 1170 524 729
+f 121 1342 128
+f 1236 1244 26
+f 280 281 279
+f 281 308 279
+f 343 319 308
+f 343 365 388
+f 388 365 395
+f 365 406 395
+f 406 449 395
+f 483 477 493
+f 477 491 472
+f 493 477 472
+f 78 109 77
+f 166 174 196
+f 481 150 814
+f 63 59 64
+f 326 373 393
+f 643 260 43
+f 230 253 252
+f 449 441 483
+f 441 477 483
+f 415 416 463
+f 226 246 245
+f 464 470 454
+f 323 362 337
+f 52 37 1283
+f 253 281 252
+f 281 280 252
+f 309 308 281
+f 330 343 308
+f 366 365 343
+f 441 449 406
+f 464 814 15
+f 883 906 887
+f 337 362 371
+f 479 498 290
+f 247 746 1003
+f 25 37 557
+f 640 930 669
+f 2486 2499 2459
+f 309 330 308
+f 343 330 366
+f 441 437 477
+f 290 498 418
+f 124 119 108
+f 77 124 108
+f 589 125 109
+f 570 589 109
+f 125 162 142
+f 1045 433 1034
+f 1207 261 320
+f 2004 2474 2495
+f 1215 1228 2285
+f 365 396 406
+f 396 422 406
+f 422 437 441
+f 406 422 441
+f 59 47 60
+f 51 78 66
+f 361 371 383
+f 196 215 214
+f 463 454 415
+f 27 41 535
+f 53 1283 37
+f 84 1299 1283
+f 1805 320 1180
+f 254 253 222
+f 254 281 253
+f 309 366 330
+f 396 365 366
+f 456 477 437
+f 484 491 477
+f 2480 2485 2493
+f 418 188 187
+f 53 85 1283
+f 85 84 1283
+f 420 1071 1065
+f 264 281 254
+f 298 309 281
+f 368 366 367
+f 368 396 366
+f 1639 1564 1139
+f 560 48 47
+f 82 471 212
+f 25 38 37
+f 202 1206 1080
+f 264 298 281
+f 298 331 309
+f 309 331 366
+f 331 367 366
+f 396 368 422
+f 422 456 437
+f 491 1192 313
+f 1699 2064 1710
+f 462 443 479
+f 371 362 384
+f 2502 2476 2464
+f 371 384 383
+f 21 732 212
+f 1571 1629 1627
+f 38 39 53
+f 37 38 53
+f 39 85 53
+f 1173 1184 404
+f 1006 2142 1674
+f 201 255 254
+f 255 264 254
+f 368 407 422
+f 450 456 422
+f 450 484 456
+f 456 484 477
+f 314 1192 491
+f 2027 2501 2489
+f 2475 2471 2488
+f 551 492 732
+f 464 481 814
+f 1081 1494 1547
+f 201 231 255
+f 407 450 422
+f 484 494 491
+f 494 327 491
+f 327 314 491
+f 876 797 995
+f 847 856 829
+f 125 143 162
+f 134 129 148
+f 1564 1571 1627
+f 417 320 261
+f 328 1065 1066
+f 170 156 201
+f 156 231 201
+f 231 282 255
+f 282 264 255
+f 450 485 484
+f 484 485 494
+f 2463 2486 2479
+f 159 185 167
+f 492 68 212
+f 732 492 212
+f 68 82 212
+f 1311 1471 1296
+f 101 156 111
+f 332 264 282
+f 332 298 264
+f 332 331 298
+f 331 332 367
+f 407 423 450
+f 450 423 485
+f 804 1002 1443
+f 2484 779 946
+f 689 443 462
+f 440 689 1129
+f 166 167 174
+f 38 31 39
+f 112 145 101
+f 101 145 156
+f 156 256 231
+f 332 423 368
+f 367 332 368
+f 368 423 407
+f 946 779 920
+f 1432 1261 1449
+f 461 478 453
+f 464 15 470
+f 31 54 39
+f 39 54 85
+f 86 101 85
+f 145 210 156
+f 282 283 332
+f 283 369 332
+f 369 423 332
+f 423 408 485
+f 854 876 965
+f 78 108 66
+f 440 443 689
+f 374 2465 961
+f 929 519 979
+f 54 86 85
+f 156 241 256
+f 256 282 231
+f 256 283 282
+f 389 423 369
+f 389 408 423
+f 408 457 485
+f 457 49 485
+f 485 49 494
+f 494 135 327
+f 175 83 314
+f 1167 1140 1483
+f 196 174 215
+f 697 16 68
+f 1038 82 16
+f 140 117 141
+f 1654 1653 1646
+f 1234 54 31
+f 86 112 101
+f 210 241 156
+f 923 917 911
+f 697 34 16
+f 145 193 210
+f 256 265 283
+f 265 310 283
+f 283 310 369
+f 310 344 369
+f 344 370 369
+f 370 389 369
+f 409 408 389
+f 409 466 408
+f 466 457 408
+f 466 49 457
+f 49 135 494
+f 174 225 215
+f 1014 766 602
+f 826 2220 2215
+f 1078 1494 1081
+f 1273 70 86
+f 120 112 86
+f 146 145 112
+f 146 193 145
+f 265 256 241
+f 223 265 241
+f 486 49 466
+f 175 327 135
+f 105 122 115
+f 480 15 681
+f 225 234 215
+f 731 34 697
+f 86 54 1273
+f 70 120 86
+f 193 241 210
+f 299 310 265
+f 310 333 344
+f 344 351 370
+f 424 466 409
+f 135 49 175
+f 214 215 234
+f 48 75 47
+f 34 9 1038
+f 16 34 1038
+f 203 291 271
+f 9 558 754
+f 1195 397 1120
+f 120 146 112
+f 146 194 193
+f 266 265 223
+f 266 299 265
+f 299 333 310
+f 333 351 344
+f 382 383 392
+f 399 416 415
+f 266 333 299
+f 351 352 370
+f 424 486 466
+f 487 175 49
+f 7 117 187
+f 1182 414 440
+f 41 42 46
+f 290 289 497
+f 2502 2464 2473
+f 372 399 414
+f 1570 1585 1584
+f 1066 1 1165
+f 1 202 1165
+f 120 70 102
+f 157 146 120
+f 194 223 193
+f 223 241 193
+f 352 379 370
+f 370 379 389
+f 410 409 389
+f 2478 1409 1958
+f 806 945 1002
+f 157 194 146
+f 267 266 223
+f 267 333 266
+f 379 410 389
+f 410 438 409
+f 438 424 409
+f 190 205 143
+f 337 371 361
+f 2215 830 826
+f 1631 1646 1638
+f 102 157 120
+f 157 195 194
+f 195 223 194
+f 195 211 223
+f 223 211 267
+f 267 300 333
+f 300 334 351
+f 333 300 351
+f 351 334 352
+f 410 411 438
+f 438 486 424
+f 487 49 486
+f 875 594 989
+f 108 581 66
+f 225 245 244
+f 312 336 335
+f 151 754 107
+f 274 1386 300
+f 352 334 379
+f 923 1729 1096
+f 244 245 268
+f 463 464 454
+f 414 399 415
+f 15 480 470
+f 1647 1069 1078
+f 909 922 833
+f 387 417 328
+f 133 157 102
+f 1314 133 102
+f 133 195 157
+f 1148 1179 1160
+f 1046 1167 182
+f 379 411 410
+f 792 339 229
+f 391 7 668
+f 185 226 174
+f 461 290 497
+f 2027 504 2501
+f 1196 1054 403
+f 728 1019 752
+f 2459 2483 2461
+f 1291 1264 55
+f 133 1356 195
+f 195 1356 211
+f 412 438 411
+f 4 486 438
+f 458 4 438
+f 4 487 486
+f 1720 1572 1771
+f 245 275 268
+f 1869 2021 2059
+f 235 399 372
+f 64 60 105
+f 836 2492 879
+f 1315 133 1314
+f 1331 1382 1356
+f 1310 926 1128
+f 7 1121 117
+f 119 161 611
+f 380 379 334
+f 379 380 411
+f 467 4 458
+f 495 487 4
+f 495 1126 487
+f 416 400 533
+f 479 469 498
+f 74 116 73
+f 478 461 497
+f 393 400 416
+f 61 1291 55
+f 505 1999 2474
+f 1999 2491 2474
+f 199 189 36
+f 1164 1165 169
+f 1179 387 249
+f 390 411 380
+f 411 390 412
+f 458 438 412
+f 495 168 1126
+f 480 469 470
+f 116 122 105
+f 418 187 140
+f 185 174 167
+f 166 148 167
+f 470 469 443
+f 40 55 32
+f 61 71 1291
+f 71 103 1291
+f 1184 1173 1154
+f 634 514 97
+f 425 458 412
+f 917 923 931
+f 2472 2489 853
+f 754 641 567
+f 44 567 1163
+f 454 470 443
+f 40 32 1249
+f 33 40 1249
+f 56 55 40
+f 56 61 55
+f 451 1265 439
+f 1180 417 1179
+f 1099 301 1077
+f 1189 1058 939
+f 1059 221 1132
+f 598 1074 1075
+f 412 426 425
+f 650 186 185
+f 234 244 259
+f 226 245 225
+f 1033 1042 1030
+f 2492 836 247
+f 7 169 1121
+f 1462 1322 1482
+f 425 467 458
+f 496 4 467
+f 1751 2468 2480
+f 290 418 140
+f 326 789 762
+f 142 177 161
+f 165 1751 2480
+f 87 103 71
+f 103 87 104
+f 1180 1179 1148
+f 417 387 1179
+f 2081 2060 2031
+f 1154 1173 1141
+f 181 131 197
+f 442 425 426
+f 614 144 143
+f 876 1010 797
+f 40 45 56
+f 56 45 61
+f 87 71 61
+f 1563 1437 1590
+f 1121 385 117
+f 1148 1160 1137
+f 1449 1459 1439
+f 1028 2462 929
+f 442 459 425
+f 459 467 425
+f 168 495 4
+f 496 168 4
+f 1763 1403 1444
+f 140 187 117
+f 244 234 225
+f 246 740 269
+f 372 414 1182
+f 40 547 45
+f 45 62 61
+f 62 87 61
+f 87 88 104
+f 1084 517 1054
+f 387 328 1064
+f 2467 2497 2485
+f 286 1363 302
+f 205 189 162
+f 290 140 289
+f 214 234 224
+f 393 399 809
+f 315 1131 397
+f 302 321 353
+f 1164 169 391
+f 427 459 442
+f 217 496 467
+f 217 168 496
+f 978 969 2074
+f 361 383 382
+f 269 276 245
+f 1440 11 305
+f 62 88 87
+f 328 1066 1064
+f 1066 1165 1164
+f 242 287 302
+f 1363 242 302
+f 287 321 302
+f 1179 249 1187
+f 983 1020 1004
+f 464 747 481
+f 788 323 276
+f 269 245 246
+f 88 89 1325
+f 171 172 242
+f 360 353 321
+f 360 1354 353
+f 1057 1064 1164
+f 2184 2188 2183
+f 460 459 451
+f 460 467 459
+f 149 168 217
+f 149 136 168
+f 116 129 122
+f 109 124 77
+f 159 167 148
+f 28 42 41
+f 57 88 62
+f 45 57 62
+f 1336 1325 89
+f 89 72 1336
+f 147 172 171
+f 172 258 242
+f 258 257 242
+f 257 287 242
+f 257 321 287
+f 345 360 321
+f 360 381 1354
+f 1069 938 1655
+f 387 473 249
+f 270 217 467
+f 130 136 149
+f 851 847 829
+f 983 987 975
+f 189 177 142
+f 88 72 89
+f 184 258 172
+f 257 288 321
+f 1265 451 459
+f 270 149 217
+f 226 225 174
+f 27 28 41
+f 109 125 124
+f 547 57 45
+f 57 58 88
+f 88 58 72
+f 2476 2484 2458
+f 147 184 172
+f 184 213 258
+f 258 243 257
+f 243 288 257
+f 345 321 288
+f 391 169 7
+f 468 460 451
+f 468 488 460
+f 270 467 460
+f 488 270 460
+f 1206 136 130
+f 481 793 150
+f 143 205 162
+f 142 119 124
+f 58 90 72
+f 90 128 72
+f 147 173 184
+f 173 213 184
+f 213 233 258
+f 258 233 243
+f 354 360 345
+f 354 381 360
+f 1026 991 307
+f 268 312 259
+f 1206 130 1080
+f 116 105 73
+f 139 148 166
+f 275 312 268
+f 188 401 187
+f 2479 2459 2461
+f 58 63 90
+f 1064 1066 1164
+f 1064 473 387
+f 288 311 345
+f 311 354 345
+f 996 994 307
+f 452 468 439
+f 452 478 468
+f 478 488 468
+f 141 130 149
+f 1564 1639 1563
+f 547 41 57
+f 2081 2107 2060
+f 382 381 354
+f 497 270 488
+f 289 149 270
+f 289 141 149
+f 114 122 139
+f 59 60 64
+f 275 323 312
+f 401 668 7
+f 41 46 57
+f 57 46 58
+f 1459 1345 1269
+f 1342 121 158
+f 166 173 158
+f 213 224 233
+f 233 259 243
+f 243 322 288
+f 322 311 288
+f 453 478 452
+f 497 289 270
+f 912 911 906
+f 276 323 275
+f 276 275 245
+f 46 63 58
+f 90 121 128
+f 173 214 213
+f 213 214 224
+f 259 322 243
+f 336 311 322
+f 336 354 311
+f 361 382 354
+f 1043 439 1290
+f 497 488 478
+f 385 130 141
+f 385 1080 130
+f 144 190 143
+f 535 41 547
+f 121 166 158
+f 335 336 322
+f 354 336 361
+f 2004 2481 1764
+f 698 439 1043
+f 289 140 141
+f 923 1096 931
+f 650 185 159
+f 46 59 63
+f 63 91 90
+f 90 114 121
+f 121 139 166
+f 173 196 214
+f 259 335 322
+f 2478 2502 2434
+f 312 337 336
+f 90 91 114
+f 114 139 121
+f 166 196 173
+f 224 234 233
+f 234 259 233
+f 259 312 335
+f 1124 916 1189
+f 542 541 530
+f 462 479 290
+f 269 783 276
+f 813 567 641
+f 276 783 788
+f 82 1038 1333
+f 816 701 703
+f 672 137 603
+f 625 635 624
+f 2457 2439 1973
+f 767 533 529
+f 2468 1869 2480
+f 662 190 639
+f 711 720 719
+f 630 639 614
+f 161 654 638
+f 781 991 982
+f 1227 31 516
+f 648 639 630
+f 630 614 590
+f 2098 544 1899
+f 578 579 586
+f 697 492 551
+f 529 533 400
+f 869 859 870
+f 1732 924 914
+f 1004 1027 991
+f 801 591 603
+f 636 676 651
+f 876 949 965
+f 2207 1789 1859
+f 76 739 237
+f 188 681 15
+f 578 604 599
+f 797 616 995
+f 510 2035 1365
+f 76 812 617
+f 617 739 76
+f 1468 93 1765
+f 596 546 812
+f 1457 1305 1477
+f 760 197 150
+f 671 773 765
+f 586 609 604
+f 591 700 632
+f 476 2312 474
+f 2084 2027 2489
+f 582 590 571
+f 1555 2449 1996
+f 674 546 596
+f 812 655 617
+f 161 177 661
+f 599 604 636
+f 700 787 576
+f 776 675 572
+f 776 674 675
+f 617 634 739
+f 591 632 649
+f 612 546 674
+f 617 655 634
+f 728 752 706
+f 571 2311 2305
+f 775 674 776
+f 775 612 674
+f 612 628 546
+f 546 628 812
+f 812 628 655
+f 620 630 615
+f 620 648 630
+f 667 653 646
+f 810 782 785
+f 150 197 814
+f 534 1517 2000
+f 702 572 2378
+f 748 776 572
+f 655 613 634
+f 911 917 905
+f 648 679 662
+f 727 771 713
+f 750 807 799
+f 639 190 144
+f 662 679 200
+f 702 748 572
+f 775 776 748
+f 628 718 655
+f 626 658 645
+f 791 778 790
+f 612 811 628
+f 613 514 634
+f 1380 1756 1673
+f 570 590 614
+f 720 741 719
+f 1074 795 835
+f 614 639 144
+f 612 775 811
+f 718 735 655
+f 655 735 613
+f 798 338 788
+f 636 652 676
+f 571 590 555
+f 528 730 687
+f 690 702 2312
+f 476 690 2312
+f 811 718 628
+f 721 778 727
+f 748 702 690
+f 735 686 613
+f 1517 2002 2127
+f 654 685 667
+f 569 588 606
+f 513 531 538
+f 538 549 548
+f 549 553 548
+f 550 588 549
+f 1903 869 870
+f 691 775 748
+f 691 600 775
+f 600 811 775
+f 811 563 718
+f 563 736 718
+f 718 736 735
+f 736 647 735
+f 735 647 686
+f 686 745 613
+f 745 514 613
+f 569 606 605
+f 654 667 638
+f 851 857 847
+f 588 569 549
+f 690 691 748
+f 680 514 745
+f 2127 2002 2094
+f 747 701 481
+f 400 373 529
+f 600 536 811
+f 536 563 811
+f 1306 227 1152
+f 522 24 18
+f 523 24 522
+f 865 857 851
+f 2031 2060 1540
+f 767 701 747
+f 618 652 609
+f 652 636 609
+f 573 22 710
+f 642 699 730
+f 1522 1518 2476
+f 500 629 691
+f 690 500 691
+f 691 629 600
+f 780 644 641
+f 579 578 561
+f 131 668 197
+f 197 668 814
+f 789 809 798
+f 622 760 150
+f 621 563 536
+f 673 745 686
+f 673 818 745
+f 818 680 745
+f 680 96 514
+f 2495 2462 1028
+f 1028 583 575
+f 663 794 664
+f 629 761 600
+f 761 757 600
+f 600 757 536
+f 621 696 563
+f 755 736 563
+f 696 755 563
+f 633 736 755
+f 633 647 736
+f 623 686 647
+f 633 623 647
+f 686 623 673
+f 819 680 818
+f 680 819 96
+f 1729 1677 1096
+f 2482 1899 2471
+f 537 536 757
+f 536 537 621
+f 673 819 818
+f 2428 222 230
+f 25 24 523
+f 25 557 24
+f 38 25 19
+f 710 22 272
+f 663 759 794
+f 1120 878 1195
+f 537 696 621
+f 696 633 755
+f 822 2215 2220
+f 97 96 1053
+f 750 784 743
+f 887 905 864
+f 768 784 373
+f 512 513 548
+f 573 664 22
+f 696 715 633
+f 673 521 819
+f 2454 2453 2445
+f 883 887 847
+f 306 812 76
+f 642 528 759
+f 798 809 235
+f 994 792 998
+f 587 626 586
+f 1900 1918 1937
+f 645 652 618
+f 537 786 696
+f 521 593 819
+f 515 19 523
+f 741 749 719
+f 789 326 809
+f 539 581 550
+f 657 777 723
+f 684 713 660
+f 692 712 720
+f 652 666 692
+f 507 761 629
+f 472 507 629
+f 507 757 761
+f 623 633 673
+f 724 521 673
+f 515 516 19
+f 304 675 674
+f 178 778 721
+f 947 1447 2358
+f 626 645 618
+f 586 626 618
+f 784 768 742
+f 753 537 757
+f 537 753 786
+f 724 981 521
+f 521 981 593
+f 979 559 850
+f 637 660 677
+f 787 631 576
+f 141 117 385
+f 809 399 235
+f 641 754 558
+f 542 553 561
+f 742 768 762
+f 444 416 533
+f 528 687 796
+f 813 598 566
+f 1490 1501 1557
+f 753 757 507
+f 786 715 696
+f 633 724 673
+f 2090 2062 2109
+f 646 653 660
+f 660 694 683
+f 677 660 683
+f 1872 839 838
+f 1224 18 30
+f 326 393 809
+f 799 529 373
+f 313 507 472
+f 715 774 633
+f 974 699 841
+f 703 820 816
+f 692 711 676
+f 1014 355 766
+f 875 752 1019
+f 627 646 660
+f 711 692 720
+f 652 692 676
+f 799 373 784
+f 813 566 567
+f 2462 2482 2475
+f 764 644 780
+f 1479 1924 1916
+f 753 738 786
+f 738 607 786
+f 786 607 715
+f 715 524 774
+f 633 774 724
+f 559 979 672
+f 758 798 783
+f 683 694 705
+f 820 703 562
+f 764 687 644
+f 744 743 725
+f 313 753 507
+f 607 524 715
+f 664 801 22
+f 646 627 610
+f 800 820 562
+f 750 769 807
+f 767 747 533
+f 578 586 604
+f 862 593 981
+f 688 2382 1083
+f 306 304 674
+f 738 584 607
+f 168 136 238
+f 773 552 765
+f 2473 2464 2458
+f 773 793 552
+f 626 619 658
+f 1007 1139 1013
+f 562 529 799
+f 744 750 743
+f 659 683 693
+f 677 683 659
+f 313 737 753
+f 753 737 738
+f 607 729 524
+f 27 518 28
+f 553 569 580
+f 657 163 777
+f 580 569 605
+f 789 798 758
+f 769 562 807
+f 820 671 816
+f 638 646 611
+f 1074 598 644
+f 750 799 784
+f 1931 907 898
+f 2483 2487 2461
+f 737 584 738
+f 1439 1438 1431
+f 2098 1213 544
+f 48 578 75
+f 796 631 787
+f 815 732 21
+f 581 588 550
+f 625 636 651
+f 778 1011 810
+f 693 705 725
+f 693 683 705
+f 236 1921 1966
+f 584 729 607
+f 2237 1866 2227
+f 530 541 28
+f 237 739 248
+f 512 530 28
+f 727 778 771
+f 684 727 713
+f 2237 2220 826
+f 542 561 560
+f 528 796 700
+f 808 785 671
+f 739 592 248
+f 895 905 896
+f 740 246 186
+f 272 137 979
+f 770 769 744
+f 712 742 720
+f 1213 2026 544
+f 1888 1235 2438
+f 555 554 2311
+f 737 313 1192
+f 1585 1612 1611
+f 695 721 685
+f 518 17 28
+f 769 770 562
+f 719 749 740
+f 648 669 679
+f 773 657 723
+f 606 637 619
+f 2072 2062 2042
+f 606 619 626
+f 549 569 553
+f 161 638 611
+f 910 917 942
+f 917 1103 942
+f 991 1026 992
+f 979 137 672
+f 785 163 657
+f 710 2488 2472
+f 611 581 119
+f 808 671 820
+f 1820 1900 1870
+f 759 700 591
+f 637 677 619
+f 2494 2490 2463
+f 671 765 816
+f 687 764 780
+f 1019 992 1026
+f 1726 1719 987
+f 713 771 694
+f 51 2355 78
+f 510 526 525
+f 525 526 1249
+f 526 33 1249
+f 2311 554 2335
+f 827 848 840
+f 603 591 649
+f 758 269 740
+f 1595 1612 1586
+f 1694 1048 1699
+f 682 740 186
+f 22 801 603
+f 555 570 554
+f 1053 110 97
+f 615 582 601
+f 814 668 188
+f 725 705 744
+f 528 700 759
+f 640 648 620
+f 703 701 562
+f 886 892 582
+f 631 731 576
+f 1087 1835 1747
+f 882 864 895
+f 956 950 1103
+f 1502 2500 2470
+f 205 190 200
+f 815 878 616
+f 616 878 995
+f 1183 878 815
+f 1601 1827 881
+f 527 535 526
+f 2184 2183 2175
+f 1142 1125 1133
+f 235 338 798
+f 160 339 792
+f 599 92 75
+f 598 1116 566
+f 631 558 731
+f 771 770 744
+f 730 528 642
+f 841 699 642
+f 668 401 188
+f 510 527 526
+f 749 758 740
+f 706 721 695
+f 694 726 705
+f 694 744 726
+f 906 911 905
+f 661 695 161
+f 708 815 616
+f 535 547 33
+f 794 759 591
+f 778 808 790
+f 269 758 783
+f 771 744 694
+f 800 808 820
+f 571 886 582
+f 854 948 1010
+f 906 905 887
+f 625 651 635
+f 2000 1226 534
+f 2140 1504 2016
+f 601 620 615
+f 620 601 640
+f 648 640 669
+f 698 452 439
+f 671 785 657
+f 1561 2356 545
+f 685 653 667
+f 685 727 684
+f 568 616 797
+f 708 732 815
+f 93 229 339
+f 865 851 839
+f 942 1103 950
+f 589 614 125
+f 606 610 627
+f 951 834 873
+f 92 599 625
+f 1878 830 1902
+f 2482 2098 1899
+f 568 708 616
+f 708 551 732
+f 2434 2487 2483
+f 160 964 665
+f 2316 2391 2309
+f 762 758 749
+f 570 614 589
+f 888 897 883
+f 2000 1517 1388
+f 685 721 727
+f 588 610 606
+f 653 685 684
+f 651 650 635
+f 760 1151 6
+f 793 622 150
+f 651 676 650
+f 744 769 750
+f 541 542 560
+f 476 500 690
+f 473 1064 1057
+f 561 578 560
+f 636 625 599
+f 876 995 949
+f 829 856 846
+f 682 704 740
+f 791 790 770
+f 2466 2500 2460
+f 579 587 586
+f 1352 1208 1095
+f 1684 1479 1916
+f 604 609 636
+f 751 721 706
+f 810 608 782
+f 672 603 649
+f 475 447 476
+f 794 591 801
+f 682 186 650
+f 808 800 790
+f 644 598 813
+f 704 719 740
+f 1011 608 810
+f 1192 584 737
+f 687 780 796
+f 2337 474 2312
+f 638 667 646
+f 706 1186 728
+f 733 575 568
+f 595 551 708
+f 595 540 551
+f 1308 501 1852
+f 665 339 160
+f 527 2447 535
+f 558 9 731
+f 723 793 773
+f 660 713 694
+f 693 725 666
+f 562 767 529
+f 550 538 531
+f 2267 2287 2233
+f 996 964 160
+f 2068 2470 2466
+f 704 711 719
+f 741 762 749
+f 605 606 626
+f 548 542 530
+f 995 878 709
+f 1898 1684 1916
+f 778 791 771
+f 782 163 785
+f 789 758 762
+f 857 883 847
+f 733 970 1028
+f 838 829 825
+f 2447 511 535
+f 22 603 137
+f 705 726 744
+f 605 587 580
+f 512 548 530
+f 743 784 742
+f 790 800 770
+f 778 810 808
+f 1014 998 355
+f 708 568 595
+f 656 697 551
+f 540 656 551
+f 143 125 614
+f 1000 1020 983
+f 778 178 1011
+f 676 704 682
+f 637 627 660
+f 606 627 637
+f 701 552 481
+f 808 810 785
+f 590 570 555
+f 716 595 568
+f 2355 2335 554
+f 912 1729 911
+f 1076 1456 1546
+f 697 68 492
+f 676 711 704
+f 839 851 838
+f 1028 575 733
+f 1020 844 982
+f 716 568 575
+f 844 781 982
+f 1238 2156 2034
+f 553 580 561
+f 580 579 561
+f 452 461 453
+f 560 578 48
+f 564 540 595
+f 632 656 540
+f 564 632 540
+f 75 578 599
+f 518 27 535
+f 511 518 535
+f 783 798 788
+f 642 759 663
+f 720 742 741
+f 605 626 587
+f 580 587 579
+f 725 712 666
+f 562 701 767
+f 1729 923 911
+f 712 743 742
+f 619 677 658
+f 161 695 654
+f 770 800 562
+f 2084 2489 2472
+f 575 559 716
+f 716 564 595
+f 654 695 685
+f 843 855 2064
+f 34 731 9
+f 527 510 1973
+f 723 622 793
+f 992 1726 987
+f 693 666 652
+f 2472 853 573
+f 624 159 148
+f 671 657 773
+f 681 188 498
+f 797 970 733
+f 565 656 632
+f 565 697 656
+f 565 731 697
+f 1949 951 920
+f 85 111 84
+f 662 200 190
+f 44 324 754
+f 33 547 40
+f 658 693 652
+f 658 652 645
+f 664 794 801
+f 666 712 692
+f 639 648 662
+f 611 646 610
+f 850 559 575
+f 1447 2490 1106
+f 1972 1955 1935
+f 582 615 590
+f 66 581 539
+f 780 641 631
+f 796 780 631
+f 1049 1192 83
+f 1348 13 1519
+f 799 807 562
+f 581 611 588
+f 687 795 644
+f 663 8 642
+f 1936 1972 1935
+f 650 676 682
+f 615 630 590
+f 730 795 687
+f 742 762 741
+f 548 553 542
+f 1048 1692 1074
+f 658 659 693
+f 37 52 30
+f 611 610 588
+f 649 632 564
+f 565 576 731
+f 2138 922 1058
+f 1204 854 965
+f 725 743 712
+f 644 813 641
+f 660 653 684
+f 771 791 770
+f 644 795 1074
+f 469 480 681
+f 559 672 564
+f 716 559 564
+f 672 649 564
+f 2161 1378 2171
+f 474 475 476
+f 816 765 701
+f 765 552 701
+f 513 538 548
+f 754 324 107
+f 609 586 618
+f 25 523 19
+f 677 659 658
+f 689 452 698
+f 1334 1115 1353
+f 700 565 632
+f 700 576 565
+f 481 552 793
+f 763 901 2458
+f 550 549 538
+f 781 964 996
+f 1596 1634 1595
+f 198 916 1124
+f 198 1124 341
+f 842 973 1025
+f 842 1025 836
+f 1009 1024 934
+f 573 710 2472
+f 1100 971 1002
+f 1501 1081 1557
+f 1225 1219 955
+f 413 2138 284
+f 955 1630 522
+f 341 1124 301
+f 2333 2376 2350
+f 1107 218 284
+f 398 925 1513
+f 1513 1442 1495
+f 1935 1455 1744
+f 1723 1935 1744
+f 825 1872 838
+f 1495 1442 1496
+f 963 1024 1009
+f 1511 1514 966
+f 1775 1729 912
+f 688 262 1067
+f 714 1007 1512
+f 919 1732 914
+f 2319 2331 2304
+f 2400 2407 2391
+f 1674 2164 1780
+f 843 927 899
+f 1660 988 1188
+f 1067 262 1640
+f 1381 1109 1483
+f 1437 1381 1483
+f 2495 1010 948
+f 1514 1289 1313
+f 899 374 961
+f 1438 1430 1422
+f 1634 1095 1632
+f 2487 973 2461
+f 1003 499 874
+f 849 848 827
+f 1430 1462 1453
+f 2496 2084 2471
+f 909 10 980
+f 730 927 835
+f 2031 1540 1536
+f 831 849 2178
+f 881 834 951
+f 1841 1722 1803
+f 1005 670 1020
+f 1021 670 1005
+f 1869 2059 2467
+f 903 902 1939
+f 2476 2502 1651
+f 853 8 573
+f 1850 831 2178
+f 934 746 247
+f 934 65 746
+f 301 285 1077
+f 968 944 977
+f 970 2495 1028
+f 974 2465 374
+f 899 927 374
+f 1882 1898 1916
+f 1613 1634 1596
+f 909 833 1396
+f 2492 247 1003
+f 919 914 1931
+f 1459 1299 1458
+f 1634 1632 1633
+f 844 670 228
+f 2494 2497 2467
+f 901 973 2487
+f 228 1772 734
+f 1701 1709 1666
+f 963 574 1024
+f 847 864 856
+f 1730 1736 2239
+f 870 859 848
+f 2074 2111 2103
+f 1140 1590 1483
+f 927 730 974
+f 2103 978 2074
+f 756 1745 1718
+f 848 859 840
+f 1296 1482 1320
+f 2331 51 66
+f 1067 988 962
+f 1396 833 1445
+f 1001 1005 1000
+f 901 1009 973
+f 1099 1077 817
+f 933 944 936
+f 952 958 1828
+f 988 1660 986
+f 833 1067 1445
+f 1067 1640 988
+f 218 413 284
+f 1843 180 347
+f 1846 1708 1798
+f 2469 2477 855
+f 1006 1021 1005
+f 381 382 250
+f 2369 828 531
+f 968 977 1001
+f 2460 1949 779
+f 1194 1441 1115
+f 1001 1000 968
+f 756 678 1745
+f 963 1009 901
+f 2471 2084 2472
+f 841 642 8
+f 982 991 1027
+f 670 844 1020
+f 1289 1514 945
+f 869 904 890
+f 1161 1115 1639
+f 823 2178 849
+f 746 12 499
+f 263 428 2366
+f 1685 1075 1692
+f 1002 926 806
+f 1799 1755 216
+f 944 968 993
+f 943 944 993
+f 31 38 19
+f 531 828 550
+f 1501 1078 1081
+f 1921 1149 431
+f 936 943 932
+f 1660 1489 1412
+f 301 980 285
+f 903 918 902
+f 869 890 868
+f 890 903 867
+f 1003 746 499
+f 951 1949 2500
+f 990 841 853
+f 1595 1634 1611
+f 374 927 974
+f 836 1025 247
+f 1653 1652 1638
+f 1303 1545 1142
+f 1616 1631 1638
+f 1629 1546 1628
+f 936 932 913
+f 513 506 531
+f 868 890 867
+f 2330 2369 2353
+f 924 918 914
+f 907 914 904
+f 1258 1421 1267
+f 301 939 980
+f 1472 1482 1296
+f 868 867 859
+f 472 491 313
+f 272 519 2488
+f 1471 1472 1296
+f 1025 934 247
+f 1634 1633 1611
+f 2176 1847 2177
+f 1310 1289 806
+f 924 933 918
+f 1969 1968 902
+f 2107 2128 2118
+f 1428 1436 1287
+f 1139 1564 1617
+f 2378 572 2384
+f 853 841 8
+f 2501 961 2465
+f 1221 1240 1408
+f 1069 1578 1627
+f 1006 1005 1001
+f 1617 1564 1578
+f 828 539 550
+f 1791 2168 2160
+f 1829 1718 1739
+f 1968 1939 902
+f 756 1718 665
+f 1998 2000 1388
+f 2451 545 2356
+f 178 997 1011
+f 1275 325 1270
+f 1709 872 1666
+f 2176 1959 1847
+f 944 943 936
+f 2424 518 511
+f 1445 1067 962
+f 2007 952 1828
+f 2052 2061 2081
+f 828 2303 539
+f 835 1699 1048
+f 1709 1706 872
+f 885 574 963
+f 1318 1296 1320
+f 859 867 1902
+f 1452 1448 1421
+f 943 993 976
+f 993 1000 983
+f 854 1010 876
+f 988 986 962
+f 2031 2052 2081
+f 924 1732 1828
+f 965 949 1060
+f 781 228 734
+f 1718 1765 665
+f 943 976 932
+f 1680 1794 1783
+f 1448 1471 1276
+f 1276 1267 1421
+f 1931 914 907
+f 991 781 996
+f 1276 1421 1448
+f 10 909 1396
+f 831 860 849
+f 1523 1762 1774
+f 924 1828 937
+f 307 994 1014
+f 946 963 901
+f 978 2103 977
+f 977 1006 1001
+f 1007 1161 1639
+f 1639 1294 1437
+f 885 1032 574
+f 1294 1381 1437
+f 733 568 797
+f 792 229 1112
+f 119 581 108
+f 843 835 927
+f 1889 860 831
+f 2211 2216 2204
+f 2400 2431 2422
+f 2103 1006 977
+f 840 1902 830
+f 827 840 830
+f 827 830 822
+f 1003 874 2492
+f 1432 1439 1431
+f 781 734 964
+f 1937 1936 1723
+f 918 913 902
+f 958 977 944
+f 1850 2178 2177
+f 1005 1020 1000
+f 991 996 307
+f 1396 1445 340
+f 2179 1763 889
+f 939 909 980
+f 1828 958 937
+f 978 977 958
+f 1590 1571 1563
+f 779 1949 920
+f 1551 1362 1573
+f 2103 2142 1006
+f 920 885 963
+f 946 920 963
+f 1584 1616 1583
+f 1453 1472 1452
+f 1647 1617 1578
+f 1578 1564 1627
+f 1628 938 1069
+f 869 868 859
+f 993 983 976
+f 912 1762 1775
+f 752 751 706
+f 1628 1546 938
+f 844 228 781
+f 840 859 1902
+f 898 907 904
+f 1025 973 1009
+f 663 664 573
+f 763 946 901
+f 898 904 869
+f 2172 889 1763
+f 1128 926 971
+f 860 848 849
+f 904 903 890
+f 2486 2459 2479
+f 577 782 608
+f 933 936 918
+f 2177 1847 1851
+f 665 1765 339
+f 937 958 944
+f 894 981 724
+f 968 1000 993
+f 2192 2195 2205
+f 1652 1099 817
+f 997 608 1011
+f 997 577 608
+f 577 163 782
+f 1112 998 792
+f 2177 1851 1850
+f 1257 1421 1258
+f 951 873 920
+f 822 830 2215
+f 1899 2496 2471
+f 1773 1668 1558
+f 904 914 903
+f 932 1671 913
+f 873 885 920
+f 1013 1617 1647
+f 873 1032 885
+f 894 862 981
+f 2469 855 961
+f 913 1671 1969
+f 2477 2064 855
+f 918 936 913
+f 860 870 848
+f 937 944 933
+f 1501 1013 1647
+f 824 178 751
+f 824 997 178
+f 824 577 997
+f 643 163 577
+f 863 856 882
+f 2128 2153 2134
+f 722 774 880
+f 722 894 774
+f 864 905 895
+f 850 575 583
+f 914 918 903
+f 924 937 933
+f 1501 717 1013
+f 1587 1324 928
+f 717 1512 1013
+f 602 577 824
+f 766 643 577
+f 894 709 862
+f 709 878 862
+f 976 975 932
+f 1324 1596 928
+f 880 524 1060
+f 2434 2459 2499
+f 1324 1613 1596
+f 752 824 751
+f 602 766 577
+f 1014 602 594
+f 1387 1226 2152
+f 2153 1387 2152
+f 669 930 950
+f 1710 1694 1699
+f 768 326 762
+f 582 892 601
+f 974 990 2465
+f 624 116 625
+f 835 795 730
+f 2458 2484 763
+f 989 602 824
+f 2064 2477 1710
+f 976 983 975
+f 949 722 880
+f 996 160 994
+f 2305 863 556
+f 556 863 886
+f 601 910 640
+f 2264 825 829
+f 989 824 752
+f 856 864 882
+f 1595 1586 2381
+f 1627 1629 1628
+f 2174 2180 2173
+f 2128 2134 2118
+f 137 272 22
+f 949 880 1060
+f 995 894 722
+f 894 995 709
+f 894 724 774
+f 886 895 892
+f 640 910 930
+f 871 870 860
+f 846 856 863
+f 1026 875 1019
+f 838 851 829
+f 1024 1171 934
+f 36 189 205
+f 863 882 886
+f 886 882 895
+f 875 1026 594
+f 52 1459 1269
+f 896 917 910
+f 1025 1009 934
+f 949 995 722
+f 2152 1226 1636
+f 895 896 892
+f 892 910 601
+f 942 950 930
+f 875 989 752
+f 594 602 989
+f 766 355 643
+f 355 260 643
+f 905 917 896
+f 965 1060 1162
+f 892 896 910
+f 1101 1052 1042
+f 1029 1031 834
+f 1101 1133 1118
+f 342 357 376
+f 516 515 2454
+f 1656 2494 2467
+f 1056 1303 1133
+f 1120 1130 862
+f 69 342 376
+f 1055 1056 1133
+f 499 69 165
+f 85 101 111
+f 1031 1032 834
+f 200 679 1166
+f 1031 1042 1032
+f 1171 65 934
+f 1822 1204 1177
+f 1096 956 1103
+f 514 96 97
+f 956 1145 1144
+f 1185 1166 1144
+f 1145 1185 1144
+f 1185 200 1166
+f 375 132 1041
+f 1153 1202 305
+f 32 1244 1249
+f 1096 1087 956
+f 554 78 2355
+f 1191 138 110
+f 65 35 432
+f 1087 1110 956
+f 1110 1146 956
+f 956 1146 1145
+f 1146 1156 1145
+f 1145 1156 1185
+f 950 956 1144
+f 2481 2495 948
+f 1156 1193 1185
+f 1050 1047 1051
+f 239 151 107
+f 1185 1193 36
+f 1747 1110 1087
+f 1134 1146 1110
+f 1146 1157 1156
+f 1156 1157 1193
+f 1041 1045 1034
+f 1397 1134 1110
+f 1157 1146 1134
+f 1157 1175 1193
+f 1193 199 36
+f 1090 1035 1196
+f 1456 1150 1051
+f 1175 199 1193
+f 1186 695 199
+f 1186 199 1175
+f 1175 1157 1134
+f 728 1186 1175
+f 197 760 6
+f 1130 593 862
+f 1167 1109 182
+f 1194 1115 1161
+f 2140 1928 1504
+f 921 922 2138
+f 1147 1134 1397
+f 1719 1147 1397
+f 1147 1175 1134
+f 1175 1147 728
+f 341 1654 1208
+f 754 151 9
+f 284 2138 1058
+f 1188 1557 1660
+f 1191 110 1053
+f 916 284 1189
+f 284 1058 1189
+f 2094 1465 2127
+f 1726 1019 1147
+f 1147 1019 728
+f 593 1130 96
+f 239 305 1038
+f 1036 1131 315
+f 397 1131 1120
+f 1053 96 1130
+f 2467 2485 1869
+f 517 1089 421
+f 834 1827 1029
+f 419 1047 1117
+f 1034 433 1306
+f 2239 1862 1730
+f 1453 1462 1472
+f 1408 1422 1399
+f 471 23 1111
+f 1205 1150 1456
+f 1205 1040 1150
+f 1131 1036 293
+f 293 1068 1044
+f 375 1041 138
+f 1205 1140 1046
+f 1040 1205 1046
+f 1140 1167 1046
+f 1104 1049 83
+f 1052 1085 1032
+f 1044 1068 1191
+f 1167 1483 1109
+f 208 1084 1035
+f 1040 132 375
+f 1834 20 3
+f 1050 1051 1070
+f 1133 1125 1174
+f 11 1440 1401
+f 420 208 1071
+f 1135 1079 1094
+f 1086 1101 1118
+f 1029 1030 1031
+f 1200 1061 294
+f 1191 1068 138
+f 1171 1141 65
+f 1141 1172 65
+f 1172 35 65
+f 1172 404 35
+f 404 99 35
+f 221 1104 1063
+f 802 398 1083
+f 20 1089 3
+f 2064 1699 835
+f 1042 1052 1032
+f 1433 1261 1432
+f 1323 2338 155
+f 1076 1205 1456
+f 1088 1402 1056
+f 1150 348 1070
+f 1200 1089 20
+f 1097 1162 100
+f 1032 873 834
+f 21 471 1111
+f 294 1097 1104
+f 1072 100 584
+f 1151 760 622
+f 132 1045 1041
+f 1050 1070 1135
+f 1088 1039 940
+f 650 159 635
+f 100 1170 729
+f 729 584 100
+f 1103 931 1096
+f 925 1443 1513
+f 138 1102 110
+f 1034 1306 1152
+f 1071 1035 1090
+f 100 1072 1097
+f 23 1158 315
+f 1068 375 138
+f 1586 1612 1585
+f 1819 1030 1029
+f 1041 1034 1102
+f 232 375 1068
+f 348 1079 1070
+f 1061 1097 294
+f 1513 1443 1442
+f 1200 294 1119
+f 376 1050 1062
+f 1094 1036 315
+f 1200 1119 1089
+f 1111 1183 21
+f 1044 1191 1053
+f 698 295 689
+f 1079 232 1036
+f 404 1117 99
+f 1495 1496 717
+f 1119 294 98
+f 3 1089 517
+f 1132 1063 83
+f 1132 83 175
+f 132 1046 182
+f 1111 1195 1183
+f 1131 1044 1037
+f 127 402 1804
+f 219 1272 1047
+f 1697 1135 1094
+f 2140 1854 2117
+f 1111 397 1195
+f 1177 1162 1097
+f 1061 1177 1097
+f 717 1509 714
+f 2 1300 433
+f 462 290 461
+f 98 294 221
+f 294 1104 221
+f 714 1161 1007
+f 1073 1152 1143
+f 1697 1094 1360
+f 1223 1423 1218
+f 836 2479 842
+f 1097 1072 1049
+f 348 1040 375
+f 3 517 316
+f 180 1061 1201
+f 348 375 232
+f 1432 1431 1415
+f 220 1513 1495
+f 1104 1097 1049
+f 306 674 596
+f 777 455 723
+f 2170 2151 1641
+f 1047 419 219
+f 1102 1034 1073
+f 1073 1034 1152
+f 1035 1054 1196
+f 1177 1204 1162
+f 746 65 12
+f 751 178 721
+f 1054 517 421
+f 1051 1150 1070
+f 1102 1073 110
+f 998 1136 355
+f 567 566 1163
+f 1111 315 397
+f 1048 1074 835
+f 1158 1094 315
+f 1374 1107 1252
+f 1112 1136 998
+f 472 629 500
+f 355 1136 260
+f 260 118 43
+f 1104 83 1063
+f 376 357 1050
+f 1463 1142 1545
+f 1036 232 293
+f 1030 1042 1031
+f 1079 348 232
+f 221 1063 1132
+f 1094 1079 1036
+f 1076 1629 1205
+f 1136 1197 260
+f 260 1197 118
+f 1204 965 1162
+f 293 232 1068
+f 1590 1205 1629
+f 1205 1590 1140
+f 250 382 392
+f 1296 1318 1311
+f 347 1201 20
+f 1201 1200 20
+f 132 182 1045
+f 1101 1086 1052
+f 1033 1039 1055
+f 138 1041 1102
+f 970 1010 2495
+f 455 777 43
+f 1992 1948 2023
+f 20 1834 347
+f 1072 584 1049
+f 584 1192 1049
+f 182 2 1045
+f 1163 324 44
+f 1360 1094 1158
+f 1450 1360 1158
+f 1091 1112 229
+f 509 723 455
+f 207 509 455
+f 1251 1257 1266
+f 1488 1489 1547
+f 2157 1541 1875
+f 305 107 324
+f 1045 2 433
+f 1070 1079 1135
+f 1136 1168 1197
+f 1197 359 118
+f 118 359 43
+f 359 356 43
+f 356 455 43
+f 356 207 455
+f 1240 1422 1408
+f 1163 1153 324
+f 1201 1061 1200
+f 1052 1086 1085
+f 1024 1141 1171
+f 1112 1105 1136
+f 1050 1135 1062
+f 1105 1168 1136
+f 1168 1178 1197
+f 1197 1178 359
+f 1173 404 1172
+f 465 356 359
+f 1174 1125 240
+f 1240 1431 1422
+f 1098 1113 1105
+f 1112 1098 1105
+f 1105 1178 1168
+f 1178 465 359
+f 1091 1098 1112
+f 1133 1174 1118
+f 98 221 1059
+f 487 1132 175
+f 980 1017 285
+f 465 207 356
+f 180 1201 347
+f 1060 524 1170
+f 445 127 316
+f 1431 1438 1422
+f 498 469 681
+f 940 1807 1759
+f 381 250 1290
+f 1113 1122 1105
+f 1105 1122 1178
+f 1151 509 207
+f 1236 2035 525
+f 1131 293 1044
+f 346 207 465
+f 346 1151 207
+f 1822 1796 1204
+f 1143 204 97
+f 123 1128 971
+f 2153 2152 2134
+f 126 1151 346
+f 517 445 316
+f 1450 1158 23
+f 1458 1462 1430
+f 1129 152 1182
+f 1122 1159 1178
+f 1178 1198 465
+f 79 346 465
+f 126 1155 1151
+f 1151 1155 6
+f 295 1129 689
+f 1073 1143 97
+f 1098 1123 1113
+f 1113 1123 1122
+f 1123 1169 1122
+f 1178 1159 1198
+f 1198 79 465
+f 392 383 152
+f 1822 1061 180
+f 116 92 625
+f 421 1089 1119
+f 1129 295 152
+f 110 1073 97
+f 1173 1172 1141
+f 1122 1169 1159
+f 79 126 346
+f 1155 181 6
+f 971 926 1002
+f 295 1043 152
+f 1039 1088 1056
+f 1428 1266 1436
+f 404 419 1117
+f 836 879 2479
+f 2464 2476 2458
+f 1198 317 79
+f 1124 939 301
+f 44 754 567
+f 1039 1056 1055
+f 1439 1459 1458
+f 1660 1412 986
+f 1169 1160 1159
+f 179 1155 126
+f 1155 131 181
+f 1061 1822 1177
+f 1153 305 324
+f 175 314 327
+f 1160 1187 1159
+f 1159 1187 1198
+f 1198 1187 317
+f 79 179 126
+f 1043 250 392
+f 152 1043 392
+f 96 819 593
+f 1123 1127 1169
+f 317 179 79
+f 1057 1155 179
+f 1155 391 131
+f 131 391 668
+f 2381 1586 1585
+f 12 69 499
+f 262 398 1640
+f 2107 2118 2060
+f 2130 2094 2002
+f 1187 249 317
+f 1155 1057 391
+f 1290 439 1265
+f 305 239 107
+f 1127 1160 1169
+f 317 473 179
+f 473 1057 179
+f 83 1192 314
+f 1043 1290 250
+f 1807 940 1030
+f 517 1084 445
+f 1057 1164 391
+f 2492 2480 2493
+f 163 643 43
+f 1056 1545 1303
+f 1069 1655 1023
+f 249 473 317
+f 1162 1060 1170
+f 1086 1118 1154
+f 82 68 16
+f 1989 1990 1536
+f 1633 1632 1611
+f 1487 2372 1305
+f 1494 1069 1023
+f 1137 1160 1127
+f 669 1166 679
+f 390 1285 426
+f 1955 1972 1971
+f 1219 1223 2437
+f 1254 1261 1223
+f 1319 1545 1056
+f 1320 1328 2443
+f 1261 1433 1223
+f 1219 1254 1223
+f 254 222 2428
+f 1237 1290 1265
+f 1284 1273 1263
+f 1277 1291 1301
+f 1314 102 1301
+f 1280 363 377
+f 1313 1353 1514
+f 468 451 439
+f 1918 1964 1956
+f 2026 29 2140
+f 1354 381 1279
+f 1224 30 1254
+f 147 158 173
+f 1247 1253 274
+f 1271 380 334
+f 2043 2072 2042
+f 274 300 267
+f 1356 1392 211
+f 13 240 1142
+f 1382 1330 1392
+f 1312 1323 155
+f 240 1125 1142
+f 2358 1573 1362
+f 1236 1249 1244
+f 1272 219 1348
+f 1271 1274 380
+f 191 2034 1982
+f 1992 2052 1990
+f 462 452 689
+f 2262 2286 2261
+f 183 489 1642
+f 2485 2480 1869
+f 84 111 1323
+f 1190 353 1354
+f 446 434 435
+f 1336 171 1341
+f 2021 430 2059
+f 862 878 1120
+f 1263 1273 1248
+f 1966 1921 2144
+f 1312 84 1323
+f 240 13 1348
+f 1359 1274 1271
+f 1392 1330 1247
+f 1520 1333 11
+f 1368 1253 1247
+f 1279 1285 1190
+f 2465 990 2489
+f 1272 1519 805
+f 1369 1272 805
+f 1317 95 1344
+f 1242 1248 1234
+f 1368 242 1363
+f 274 1262 1386
+f 532 597 1886
+f 2117 2026 2140
+f 1392 1247 274
+f 2162 508 985
+f 1964 1469 1965
+f 1315 104 1331
+f 1392 1356 1382
+f 128 1342 1336
+f 1285 427 426
+f 1219 1224 1254
+f 1320 1322 1321
+f 1320 1321 1328
+f 153 2443 1328
+f 1321 153 1328
+f 1235 1244 1243
+f 1225 1224 1219
+f 1359 353 1190
+f 1312 1473 1458
+f 1336 1342 147
+f 305 1333 1038
+f 1336 147 171
+f 516 31 19
+f 2479 2461 842
+f 1237 1265 427
+f 1263 1278 1284
+f 881 1827 834
+f 1237 427 1285
+f 1299 1312 1458
+f 1190 1285 1274
+f 1363 286 1253
+f 2330 2303 828
+f 427 442 426
+f 2493 2463 2492
+f 1285 380 1274
+f 522 18 1225
+f 2471 2472 2488
+f 2338 154 1321
+f 1423 1415 1218
+f 1225 18 1224
+f 1253 286 1262
+f 286 353 1359
+f 171 1368 1383
+f 1273 54 1234
+f 1973 2447 527
+f 1322 155 1321
+f 1203 1369 1413
+f 1307 363 1298
+f 1364 1375 1329
+f 1329 227 1306
+f 296 1298 1343
+f 947 2499 1447
+f 1203 1047 1272
+f 1098 1748 1123
+f 1519 1272 1348
+f 1277 70 1273
+f 1282 1337 1361
+f 286 302 353
+f 103 104 1315
+f 1377 435 434
+f 1449 1261 1345
+f 926 1310 806
+f 1263 1248 1242
+f 985 508 597
+f 1415 1222 1218
+f 88 1325 104
+f 170 111 156
+f 1384 1282 1361
+f 274 1253 1262
+f 1371 1317 1344
+f 1371 1366 1337
+f 1345 1459 1449
+f 171 1383 1341
+f 2438 1235 1227
+f 2134 1582 2118
+f 428 1260 1379
+f 1336 1341 1325
+f 1235 1242 1227
+f 1228 1687 2284
+f 1854 2140 2016
+f 1866 1887 1873
+f 1343 1298 1370
+f 1384 1361 2440
+f 171 242 1368
+f 1344 1309 1366
+f 1371 1344 1366
+f 1280 1377 1293
+f 200 1185 205
+f 1330 1383 1368
+f 1255 1264 1263
+f 543 1367 1876
+f 1343 1370 1260
+f 1293 1326 1370
+f 2440 1361 1302
+f 1282 1384 2406
+f 271 1337 1282
+f 170 2338 1323
+f 1528 1503 2470
+f 515 1347 2453
+f 1997 1705 1998
+f 2285 1228 2284
+f 1229 1250 1228
+f 1330 1368 1247
+f 1919 1619 2045
+f 1344 1364 1335
+f 1222 1240 1221
+f 1212 858 1741
+f 2388 1222 1221
+f 1528 2470 2068
+f 501 1308 2171
+f 1295 1311 1487
+f 2116 1619 1655
+f 1220 1229 1228
+f 8 663 573
+f 1343 1260 428
+f 1337 1366 1361
+f 1298 1280 1293
+f 1269 1345 1261
+f 1279 381 1290
+f 1230 1229 1220
+f 1230 1245 1229
+f 1245 1250 1229
+f 1227 1234 31
+f 1302 1361 1350
+f 1245 1266 1428
+f 1992 2023 2052
+f 2482 2471 2475
+f 452 462 461
+f 271 1282 1275
+f 1991 1989 1934
+f 1366 1309 1350
+f 1344 1335 1309
+f 730 699 974
+f 1374 1252 1208
+f 597 508 1912
+f 1363 1253 1368
+f 1386 1271 300
+f 1211 1218 1222
+f 1376 1377 434
+f 2399 2437 1211
+f 1284 1291 1277
+f 1230 1251 1245
+f 1251 1266 1245
+f 1317 1371 1337
+f 1288 1286 1095
+f 1095 1286 1352
+f 1241 1208 1352
+f 1241 1374 1208
+f 1284 1278 1291
+f 211 1392 267
+f 1344 1375 1364
+f 929 583 1028
+f 1361 1366 1350
+f 1115 1294 1639
+f 1291 103 1301
+f 1220 1231 1230
+f 1231 1251 1230
+f 1234 1248 1273
+f 1255 55 1264
+f 1360 1450 1702
+f 363 1280 1298
+f 1369 1203 1272
+f 1415 1240 1222
+f 1216 1231 1220
+f 1243 1263 1235
+f 1375 227 1329
+f 1264 1278 1263
+f 855 899 961
+f 1286 1241 1352
+f 2081 2128 2107
+f 1223 1433 1423
+f 1473 1312 155
+f 154 153 1321
+f 1377 1376 1293
+f 1392 274 267
+f 334 300 1271
+f 1955 1991 1934
+f 1613 1327 1288
+f 1327 1286 1288
+f 1349 1374 1241
+f 2370 2025 2367
+f 1315 1331 133
+f 434 446 1256
+f 1232 1251 1231
+f 1243 1244 1255
+f 1286 1304 1241
+f 1349 1107 1374
+f 1359 1271 1386
+f 1227 516 2431
+f 219 240 1348
+f 1270 271 1275
+f 1255 1263 1243
+f 2026 1926 29
+f 1683 2157 1212
+f 1326 1293 1376
+f 1255 32 55
+f 104 1325 1341
+f 519 2462 2475
+f 2154 2161 2137
+f 1376 434 1246
+f 1246 434 1256
+f 1257 1251 1232
+f 1262 1359 1386
+f 2195 2192 2186
+f 1308 534 1226
+f 2026 2117 544
+f 1327 1613 1324
+f 1327 1326 1286
+f 1286 1326 1304
+f 104 1341 1331
+f 774 524 880
+f 837 1517 534
+f 1127 1123 1567
+f 1279 1237 1285
+f 1297 1381 1294
+f 1217 1232 1216
+f 1142 1519 13
+f 1436 1267 1287
+f 1324 1372 1327
+f 1304 1246 1241
+f 1246 1349 1241
+f 1246 1373 1349
+f 286 1359 1262
+f 1382 1383 1330
+f 1284 1277 1273
+f 489 1998 1799
+f 1675 1116 1075
+f 106 1317 1337
+f 1311 1295 1281
+f 1292 1364 1329
+f 1335 1364 1292
+f 1334 1294 1115
+f 1334 1297 1294
+f 1300 1381 1297
+f 973 842 2461
+f 1217 1239 1232
+f 1232 1239 1257
+f 1258 1267 1436
+f 1359 1190 1274
+f 1862 1405 1877
+f 1372 1339 1327
+f 1339 1326 1327
+f 1373 1351 1349
+f 1276 1311 1281
+f 1256 2386 1351
+f 2 1109 1300
+f 482 1731 520
+f 803 1604 2022
+f 1223 1218 1211
+f 1341 1383 1382
+f 1298 1293 1370
+f 1190 1354 1279
+f 1324 2398 1372
+f 1714 1700 2173
+f 183 2000 489
+f 1701 1666 192
+f 1227 1242 1234
+f 1332 1289 1310
+f 1517 2005 2130
+f 1331 1341 1382
+f 525 1249 1236
+f 23 1268 1450
+f 1264 1291 1278
+f 1281 1287 1267
+f 1295 1305 1287
+f 1281 1295 1287
+f 1487 1305 1295
+f 1605 2097 2058
+f 1326 1376 1304
+f 1304 1376 1246
+f 1316 1919 1984
+f 2500 1949 2460
+f 1332 1313 1289
+f 2189 2181 2177
+f 1335 1334 1353
+f 1292 1297 1334
+f 1428 1250 1245
+f 969 958 952
+f 1217 1233 1239
+f 1233 1257 1239
+f 1876 1367 1338
+f 1379 1260 1372
+f 1372 1260 1339
+f 1128 1302 1310
+f 1310 1302 1332
+f 1335 1353 1313
+f 1292 1334 1335
+f 1297 1329 1300
+f 1279 1290 1237
+f 1301 103 1314
+f 70 1301 102
+f 23 1333 1268
+f 380 1285 390
+f 772 325 1275
+f 1314 103 1315
+f 2473 2458 2487
+f 1276 1281 1267
+f 1344 95 1375
+f 2053 1771 1572
+f 1246 1256 1373
+f 1373 1256 1351
+f 1340 1302 1128
+f 1350 1313 1332
+f 1329 1297 1292
+f 2434 2473 2487
+f 106 1337 271
+f 23 471 1333
+f 622 723 509
+f 1388 1517 2127
+f 1991 1990 1989
+f 183 1636 1226
+f 2133 1605 2151
+f 1260 1370 1339
+f 1339 1370 1326
+f 867 1894 1902
+f 390 426 412
+f 1235 1263 1242
+f 1399 1422 1233
+f 305 11 1333
+f 1300 1329 1306
+f 1302 1350 1332
+f 1350 1309 1313
+f 1309 1335 1313
+f 2470 2102 1502
+f 1787 1531 1599
+f 1724 1725 1691
+f 1827 1601 1927
+f 1678 1358 1476
+f 1823 1812 1846
+f 1805 1824 1708
+f 1746 1676 1797
+f 325 2395 429
+f 1835 1677 1826
+f 1507 1790 1722
+f 1526 1672 858
+f 158 147 1342
+f 1462 1473 1322
+f 1474 1414 1565
+f 1761 1900 1877
+f 940 1759 1008
+f 1565 1015 1008
+f 1924 1533 1933
+f 1878 826 830
+f 1565 1414 1015
+f 1402 1088 1008
+f 1538 1532 1651
+f 1015 1552 1008
+f 1538 1591 1474
+f 1532 1538 1474
+f 1474 1591 1414
+f 1484 1402 1008
+f 1552 1484 1008
+f 1414 1460 1015
+f 1015 1460 1552
+f 806 1289 945
+f 1597 1538 1659
+f 1484 1319 1402
+f 1056 1402 1319
+f 1538 1597 1591
+f 1591 960 1414
+f 1414 960 1460
+f 1925 1466 1455
+f 1552 1400 1484
+f 1484 1400 1319
+f 1400 113 1319
+f 1597 1580 1591
+f 1460 1400 1552
+f 1514 1441 966
+f 1597 1659 1409
+f 1657 113 1400
+f 1460 1657 1400
+f 1288 1095 1634
+f 1551 1597 1409
+f 1580 1598 1591
+f 1591 1598 960
+f 1536 1990 2031
+f 960 1657 1460
+f 1809 1746 1797
+f 1423 1433 1432
+f 2478 1362 1409
+f 1463 1545 113
+f 1657 1463 113
+f 1457 1287 1305
+f 1682 1716 1746
+f 1434 1761 1885
+f 1013 1139 1617
+f 2379 1362 2478
+f 1420 1597 1551
+f 1420 1580 1597
+f 1664 1808 1712
+f 2256 2250 2231
+f 1362 1551 1409
+f 2196 2214 2213
+f 1691 1725 1777
+f 1626 192 1666
+f 1534 1574 2058
+f 1574 1600 1605
+f 1600 1606 1605
+f 1606 1641 1605
+f 1573 1420 1551
+f 1657 1485 1463
+f 678 1806 1742
+f 1534 1553 1574
+f 1574 1575 1600
+f 1810 2170 585
+f 1623 1641 1606
+f 1407 1657 960
+f 1598 1407 960
+f 1485 1142 1463
+f 1716 1581 1676
+f 1738 1743 1733
+f 843 2064 835
+f 1539 1575 1574
+f 1553 1539 1574
+f 1575 1592 1600
+f 1592 1624 1606
+f 1600 1592 1606
+f 1642 585 1641
+f 1623 1642 1641
+f 1485 164 1142
+f 1738 1516 1743
+f 1809 1720 1798
+f 1533 1535 1534
+f 1592 1607 1624
+f 1624 1623 1606
+f 1163 566 1116
+f 1407 1485 1657
+f 1432 1449 1439
+f 1100 802 2382
+f 1743 1516 1722
+f 1746 1716 1676
+f 1535 1539 1534
+f 1534 1539 1553
+f 1642 1623 1624
+f 1095 1208 1654
+f 967 1407 1598
+f 1580 967 1598
+f 1809 1797 1720
+f 1924 1524 1535
+f 1533 1924 1535
+f 1539 1576 1575
+f 1642 216 585
+f 1407 1529 1485
+f 1485 1529 164
+f 1472 1462 1482
+f 1415 1431 1240
+f 966 1194 714
+f 383 1182 152
+f 474 2337 446
+f 1743 1841 1757
+f 1486 1524 1924
+f 1535 1525 1539
+f 1575 1576 1592
+f 1420 967 1580
+f 1288 1634 1613
+f 459 427 1265
+f 1404 2179 1393
+f 1404 1403 1800
+f 1404 1410 1403
+f 1410 1749 1403
+f 1349 1351 218
+f 1486 1498 1524
+f 1535 1524 1525
+f 1607 1636 1624
+f 183 1642 1624
+f 1636 183 1624
+f 1107 1349 218
+f 1351 845 218
+f 164 1519 1142
+f 845 413 218
+f 1525 1576 1539
+f 1576 1582 1592
+f 1592 2134 1607
+f 2134 1636 1607
+f 2147 1491 1401
+f 1407 1589 1529
+f 1529 1519 164
+f 1693 1763 1444
+f 1924 1479 1486
+f 1592 1582 2134
+f 499 165 874
+f 2176 1857 1959
+f 2327 2368 2326
+f 2358 821 953
+f 953 821 1573
+f 1824 1704 1464
+f 1731 1358 1678
+f 1394 1410 1404
+f 1394 1418 1410
+f 1466 1479 1839
+f 1486 1479 1498
+f 1498 1525 1524
+f 1576 2080 1582
+f 1785 1684 1898
+f 804 398 802
+f 804 925 398
+f 1447 1562 2358
+f 2358 1562 821
+f 821 1620 1573
+f 1620 1420 1573
+f 1420 1556 967
+f 1393 1394 1404
+f 1525 2080 1576
+f 1621 1420 1620
+f 1621 1556 1420
+f 967 1589 1407
+f 1505 5 1357
+f 1266 1258 1436
+f 1393 1395 1394
+f 2176 2175 1848
+f 1455 1466 1839
+f 1525 1540 2080
+f 1582 2080 2118
+f 1100 804 802
+f 1556 1589 967
+f 1589 1082 1529
+f 1093 1685 1357
+f 1504 1093 1357
+f 1425 1418 1394
+f 1475 1479 1466
+f 1479 1506 1498
+f 1789 1784 1730
+f 2501 2465 2489
+f 1438 1458 1430
+f 1462 1458 1473
+f 1454 805 1529
+f 1082 1454 1529
+f 1529 805 1519
+f 1425 1394 1395
+f 1425 1744 1418
+f 1479 1475 1506
+f 1540 2060 2080
+f 1556 1082 1589
+f 1443 945 1511
+f 1506 1536 1498
+f 1498 1536 1525
+f 1525 1536 1540
+f 1670 852 1672
+f 1998 1388 1389
+f 1511 966 1509
+f 1509 966 714
+f 1442 1443 1496
+f 1562 1635 821
+f 155 1322 1473
+f 1439 1458 1438
+f 1426 1425 1395
+f 1475 1499 1506
+f 1735 1588 1776
+f 2422 2454 2421
+f 1423 1432 1415
+f 1559 2101 2073
+f 845 866 413
+f 1429 1620 821
+f 1620 1429 1621
+f 1228 1250 1687
+f 1002 945 1443
+f 2382 802 1083
+f 1859 1411 1395
+f 1411 1426 1395
+f 1426 1744 1425
+f 1590 1437 1483
+f 1480 1475 1466
+f 1480 1499 1475
+f 1510 1733 1743
+f 1663 1696 1658
+f 1430 1453 1452
+f 1452 1472 1471
+f 1452 1471 1448
+f 1430 1452 1421
+f 1430 1421 1422
+f 1429 1082 1556
+f 1621 1429 1556
+f 1351 2386 845
+f 1126 1059 487
+f 1639 1437 1563
+f 1504 1928 1093
+f 1499 1536 1506
+f 1588 1770 1727
+f 1110 1747 1397
+f 1776 1588 1531
+f 1322 1320 1482
+f 1590 1629 1571
+f 1730 1877 1838
+f 1429 935 1082
+f 1082 935 1454
+f 804 1443 925
+f 1139 1007 1639
+f 1925 1480 1466
+f 1934 1989 1480
+f 1499 1989 1536
+f 1727 1526 1531
+f 1593 1614 502
+f 2455 2431 2400
+f 1755 1680 908
+f 1563 1571 1564
+f 1647 1078 1501
+f 2490 1635 1106
+f 1496 1511 717
+f 2454 2431 516
+f 1478 1153 1093
+f 1870 1426 1411
+f 1426 1723 1744
+f 962 986 1412
+f 717 1511 1509
+f 1825 1704 1824
+f 2225 2234 2253
+f 1490 1557 1188
+f 1635 80 821
+f 805 1454 935
+f 1186 706 695
+f 1194 1161 714
+f 1512 1007 1013
+f 592 97 204
+f 1258 1266 1257
+f 82 1333 471
+f 1694 1710 1505
+f 1643 490 1661
+f 1661 490 1114
+f 1518 2068 2484
+f 1750 1808 1664
+f 1656 1635 2490
+f 935 1521 805
+f 1546 1629 1076
+f 1301 70 1277
+f 966 1441 1194
+f 1148 1825 1824
+f 1614 1609 1643
+f 1114 1092 1921
+f 1770 1739 1670
+f 1631 1632 1646
+f 821 1016 1429
+f 1429 1016 935
+f 1632 1095 1654
+f 1083 262 688
+f 1724 1686 1725
+f 1644 490 1643
+f 1092 1149 1921
+f 3 893 1832
+f 988 1640 1188
+f 916 1107 284
+f 1656 80 1635
+f 1016 821 80
+f 1016 1521 935
+f 1478 1202 1153
+f 1401 1928 29
+f 1440 1478 1928
+f 1849 1700 1865
+f 1595 1611 1612
+f 1208 198 341
+f 1464 1704 1746
+f 2143 984 1721
+f 1848 1849 1868
+f 1662 1114 490
+f 1669 1787 1682
+f 1656 1618 80
+f 198 1208 916
+f 1440 1928 1401
+f 1521 1369 805
+f 1252 1107 916
+f 1745 678 1672
+f 1703 1779 1721
+f 1750 1465 1808
+f 1609 1644 1643
+f 1092 1114 1662
+f 1826 1523 1793
+f 2262 2261 2224
+f 1696 2166 1767
+f 1016 1648 1521
+f 1208 1252 916
+f 833 688 1067
+f 1794 1803 1558
+f 28 17 512
+f 1750 861 1566
+f 1594 1644 1609
+f 1644 1645 490
+f 490 1645 1662
+f 2229 2262 2224
+f 1602 861 1760
+f 1530 1777 1760
+f 872 1706 1673
+f 1696 1668 2166
+f 1708 1809 1798
+f 1581 1716 1814
+f 1709 1794 1680
+f 1233 1421 1257
+f 1724 1476 1686
+f 1469 1481 1965
+f 1965 1481 1492
+f 2073 1549 1559
+f 1594 1615 1644
+f 1799 1706 1755
+f 1725 1686 1837
+f 1720 1797 1572
+f 1618 2467 2022
+f 1618 1579 80
+f 1648 1016 80
+f 2134 2152 1636
+f 1611 1632 1631
+f 1761 1434 1470
+f 1559 1577 1594
+f 1603 1615 1594
+f 1615 1645 1644
+f 1637 1662 1645
+f 1662 1199 1092
+f 1199 1149 1092
+f 1451 1108 1149
+f 665 734 756
+f 1865 1700 1714
+f 1709 1841 1794
+f 1618 2022 1579
+f 1648 1413 1369
+f 1521 1648 1369
+f 1520 11 1401
+f 1446 1470 1434
+f 1798 1691 1754
+f 2063 1544 2073
+f 2073 1544 1549
+f 1594 1577 1603
+f 1615 1637 1645
+f 1637 1199 1662
+f 1427 1149 1199
+f 2167 1108 1451
+f 1997 1673 1705
+f 1706 1799 1705
+f 1841 1709 1757
+f 1604 1579 2022
+f 1579 707 80
+f 80 707 1648
+f 1520 1401 1491
+f 1649 1520 1491
+f 1435 1434 1885
+f 1470 1469 1461
+f 1481 1508 2024
+f 2370 1544 2063
+f 1549 1568 1559
+f 1559 1568 1577
+f 1603 1610 1615
+f 1615 1610 1637
+f 999 1199 1637
+f 1451 1149 1427
+f 1137 1825 1148
+f 1706 1705 1673
+f 1138 1604 2116
+f 1138 1579 1604
+f 1413 1648 707
+f 2360 2024 1508
+f 598 1075 1116
+f 229 93 1468
+f 1839 1479 1684
+f 2216 2229 2224
+f 1610 1625 1637
+f 329 999 1637
+f 1199 1017 1427
+f 1017 303 1427
+f 303 1451 1427
+f 1792 1754 1777
+f 2309 2391 2301
+f 1655 1138 2116
+f 1138 707 1579
+f 1649 1491 206
+f 1406 1885 1398
+f 1406 1419 1885
+f 1419 1435 1885
+f 1434 1435 1446
+f 1470 1481 1469
+f 1577 1583 1603
+f 999 1017 1199
+f 81 67 941
+f 67 1650 941
+f 1259 1815 2164
+f 1619 2116 2045
+f 1424 707 1138
+f 1702 1649 206
+f 1687 1406 1398
+f 1477 1481 1470
+f 1568 1569 1577
+f 1577 1569 1583
+f 1603 1583 1610
+f 1625 329 1637
+f 2167 340 273
+f 81 273 340
+f 81 962 67
+f 1547 1619 1488
+f 1830 1739 1770
+f 938 1424 1138
+f 1424 1413 707
+f 1527 1649 1702
+f 1527 1520 1649
+f 1527 1268 1520
+f 1250 1406 1687
+f 1441 1353 1115
+f 1203 1413 1051
+f 1250 1419 1406
+f 1477 2372 1481
+f 1481 2372 1508
+f 2449 1560 1568
+f 1549 2449 1568
+f 1568 1560 1569
+f 1569 1584 1583
+f 1652 329 1625
+f 329 817 999
+f 285 1017 999
+f 303 10 1451
+f 10 2167 1451
+f 1412 1650 67
+f 1412 1488 1650
+f 1547 1023 1619
+f 1023 1655 1619
+f 1655 938 1138
+f 1456 1413 1424
+f 1457 1470 1446
+f 1457 1477 1470
+f 329 1652 817
+f 10 340 2167
+f 938 1546 1424
+f 1546 1456 1424
+f 1259 1548 1779
+f 2052 2031 1990
+f 1440 1202 1478
+f 1428 1419 1250
+f 1428 1435 1419
+f 1428 1446 1435
+f 1934 1935 1955
+f 1560 1584 1569
+f 1610 1638 1625
+f 1638 1652 1625
+f 817 1077 999
+f 1077 285 999
+f 980 303 1017
+f 962 1412 67
+f 1494 1023 1547
+f 325 271 1270
+f 1443 1511 1496
+f 1450 1268 1527
+f 1514 1353 1441
+f 1287 1446 1428
+f 1446 1287 1457
+f 1305 2372 1477
+f 1992 1990 1991
+f 1992 1991 1971
+f 1971 1991 1955
+f 2449 1549 2418
+f 1583 1616 1610
+f 1610 1616 1638
+f 10 1396 340
+f 340 1445 81
+f 1445 962 81
+f 1790 984 1753
+f 984 2148 1753
+f 1588 1713 1770
+f 969 978 958
+f 1741 1779 1703
+f 1758 1846 1754
+f 1827 1819 1029
+f 1818 1530 1712
+f 1750 1566 2127
+f 2459 2434 2483
+f 1798 1720 1771
+f 1794 1841 1803
+f 216 1755 1810
+f 1098 1735 1748
+f 1735 1497 1748
+f 1502 2102 1601
+f 881 1502 1601
+f 1455 1839 1744
+f 1706 1709 1680
+f 1212 1741 1703
+f 1788 1969 1671
+f 1075 1074 1692
+f 951 2500 881
+f 2490 2486 2463
+f 1748 1497 1781
+f 1721 984 1840
+f 1815 1259 1741
+f 1626 1756 1837
+f 975 987 1542
+f 2230 2236 2235
+f 1772 678 734
+f 1542 1671 975
+f 1806 1772 1780
+f 678 1772 1806
+f 2218 2225 2268
+f 1828 1732 2007
+f 1526 1688 1531
+f 1752 1526 1554
+f 1844 1818 1712
+f 1823 1846 1804
+f 1781 1669 1704
+f 1721 1779 2143
+f 1770 1670 1526
+f 1497 1669 1781
+f 1098 1713 1735
+f 1742 1815 1741
+f 1526 858 1875
+f 1599 1531 1688
+f 1803 1790 1558
+f 1703 1721 1683
+f 1832 1766 957
+f 1542 1679 1671
+f 1679 1788 1671
+f 1927 1819 1827
+f 1718 1745 1739
+f 1684 1022 1839
+f 1459 1283 1299
+f 1022 1410 1418
+f 2368 2393 2326
+f 1669 1497 1776
+f 1875 858 1212
+f 1739 1745 852
+f 1964 1918 1461
+f 1356 133 1331
+f 1765 1829 1468
+f 858 1742 1741
+f 1006 1674 1021
+f 1723 1936 1935
+f 1468 1713 1098
+f 1724 1678 1476
+f 1680 1783 908
+f 1731 1543 520
+f 1683 1721 1840
+f 1467 1679 1542
+f 1812 1708 1846
+f 1679 1975 1788
+f 1713 1830 1770
+f 1803 1722 1790
+f 2301 2391 2349
+f 1713 1588 1735
+f 1836 1530 1818
+f 1837 1756 861
+f 886 571 556
+f 1181 1805 1812
+f 1706 1680 1755
+f 1677 1729 1775
+f 1776 1787 1669
+f 1526 1670 1672
+f 1727 1770 1526
+f 987 1467 1542
+f 1567 1704 1137
+f 1693 1865 1714
+f 897 1762 912
+f 1135 1697 1062
+f 1697 376 1062
+f 1543 1731 1678
+f 1793 1679 1467
+f 1777 1602 1760
+f 1846 1798 1754
+f 1835 1096 1677
+f 1033 1030 940
+f 1450 1527 1702
+f 1717 376 1697
+f 1711 1717 1697
+f 1717 165 376
+f 1840 984 1790
+f 1669 1746 1704
+f 1669 1682 1746
+f 2301 2349 2308
+f 1882 1444 1898
+f 1820 1789 1730
+f 861 1380 1566
+f 2301 2308 2266
+f 1771 1543 1691
+f 1958 1659 1651
+f 1697 1360 1711
+f 1711 1737 1717
+f 1717 1737 165
+f 1790 1753 1558
+f 1668 1696 1663
+f 1360 1702 1711
+f 1702 1707 1711
+f 1707 1737 1711
+f 1737 1751 165
+f 1444 1782 1693
+f 1716 1787 1599
+f 1744 1839 1022
+f 1898 1444 1785
+f 206 1707 1702
+f 1764 2468 1751
+f 316 1844 893
+f 893 1844 915
+f 1845 1804 1758
+f 1380 861 1756
+f 1780 670 1021
+f 1714 2172 1763
+f 1783 1558 1663
+f 1750 2127 1465
+f 1798 1771 1691
+f 1691 1543 1724
+f 1872 1910 839
+f 1737 2044 1751
+f 1751 2044 1764
+f 1757 1701 482
+f 1725 1602 1777
+f 1836 1845 1530
+f 2102 2470 1503
+f 2496 1899 544
+f 763 2484 946
+f 987 1719 1467
+f 1845 1758 1792
+f 1725 1837 1602
+f 1872 1866 1873
+f 1712 1530 1760
+f 489 1799 216
+f 1760 861 1750
+f 2068 2466 2460
+f 1696 2159 2168
+f 377 1377 1280
+f 1797 1676 1572
+f 1581 2053 1572
+f 1676 1581 1572
+f 1764 2498 2468
+f 2468 2498 1994
+f 1861 1695 1860
+f 2481 2004 2495
+f 1826 1677 1523
+f 1670 1739 852
+f 2234 2269 2253
+f 1724 1543 1678
+f 1658 2168 1791
+f 1397 1747 1719
+f 1696 2168 1658
+f 979 519 272
+f 1774 1975 1679
+f 975 1671 932
+f 1787 1716 1682
+f 1835 1826 1747
+f 2501 2469 961
+f 1810 908 1791
+f 1982 1768 191
+f 1137 1704 1825
+f 1804 1846 1758
+f 2004 2044 1737
+f 913 1969 902
+f 2498 1795 1801
+f 915 1844 1712
+f 1689 915 1712
+f 1740 1752 1541
+f 695 661 199
+f 1865 1693 1782
+f 1824 1464 1809
+f 1829 1765 1718
+f 1816 1768 1982
+f 1816 1622 1768
+f 1622 2165 1681
+f 1768 1622 1681
+f 670 1772 228
+f 1283 1459 52
+f 1785 1444 1749
+f 1675 1075 1685
+f 1567 1781 1704
+f 1858 1857 1848
+f 1526 1752 1688
+f 1791 2160 1810
+f 908 1658 1791
+f 1813 1773 1558
+f 1845 1792 1530
+f 69 376 165
+f 3 1832 1834
+f 1722 1516 1507
+f 1801 1821 1994
+f 1833 1982 2046
+f 1821 1833 2046
+f 1833 1816 1982
+f 1022 1785 1749
+f 2160 2170 1810
+f 1147 1719 1726
+f 1683 1840 1507
+f 1467 1719 1793
+f 1795 1802 1801
+f 1802 1811 1801
+f 1801 1811 1821
+f 1690 2165 1622
+f 1934 1480 1925
+f 229 1468 1091
+f 1780 2164 1742
+f 1672 1742 858
+f 1833 1417 1816
+f 1417 1622 1816
+f 1831 2165 1690
+f 1668 1663 1558
+f 1719 1747 1826
+f 1760 1750 1664
+f 1817 1690 1622
+f 1530 1792 1777
+f 948 1796 1802
+f 1796 1811 1802
+f 1515 1817 1622
+f 1695 1861 1831
+f 1783 1663 1658
+f 1749 1410 1022
+f 854 1796 948
+f 1811 1842 1833
+f 1821 1811 1833
+f 1833 1842 1417
+f 1622 1417 1515
+f 127 1804 1845
+f 1686 1626 1837
+f 1608 1690 1817
+f 1523 1775 1762
+f 127 1845 1836
+f 1812 1805 1708
+f 1523 1677 1775
+f 1780 1772 670
+f 1758 1754 1792
+f 1204 1796 854
+f 1822 1842 1811
+f 1608 1831 1690
+f 1822 1811 1796
+f 1842 1416 1417
+f 1417 1416 1515
+f 1515 1608 1817
+f 1728 1831 1608
+f 908 1783 1658
+f 127 1836 316
+f 1805 1148 1824
+f 852 1745 1672
+f 1478 1093 1928
+f 1822 1843 1842
+f 1843 959 1842
+f 1842 959 1416
+f 1728 1695 1831
+f 1728 1860 1695
+f 2346 446 2337
+f 1602 1837 861
+f 1087 1096 1835
+f 1708 1824 1809
+f 2004 1737 505
+f 1567 1748 1781
+f 520 1543 1883
+f 1760 1664 1712
+f 128 1336 72
+f 2053 1883 1543
+f 1822 180 1843
+f 1786 1608 1515
+f 929 2462 519
+f 512 2402 506
+f 1212 1703 1683
+f 1830 1829 1739
+f 2053 1543 1771
+f 1416 1769 1515
+f 1769 1786 1515
+f 1786 1728 1608
+f 1712 1808 1689
+f 1794 1558 1783
+f 1497 1735 1776
+f 1127 1567 1137
+f 1123 1748 1567
+f 36 205 1185
+f 959 1734 1416
+f 1738 1733 1541
+f 1774 1762 1974
+f 1752 1554 1541
+f 1752 1740 1688
+f 1526 1875 1554
+f 1468 1829 1830
+f 1755 908 1810
+f 1716 1599 1814
+f 1806 1780 1742
+f 2308 2349 2340
+f 1832 915 1689
+f 1713 1468 1830
+f 1814 1599 1346
+f 1832 1689 1766
+f 1022 1684 1785
+f 1093 1153 1116
+f 1672 678 1742
+f 1675 1685 1093
+f 1841 1743 1722
+f 1814 2053 1581
+f 1464 1746 1809
+f 2485 2497 2493
+f 1416 1734 1769
+f 1665 1728 1786
+f 1665 1951 1728
+f 1951 1860 1728
+f 1951 2094 1860
+f 1844 1836 1818
+f 316 1836 1844
+f 1776 1531 1787
+f 1719 1826 1793
+f 2147 1401 29
+f 2111 2121 1548
+f 1741 1259 1779
+f 1843 347 1834
+f 1843 1734 959
+f 1766 1769 1734
+f 957 1766 1734
+f 1766 1786 1769
+f 1766 1689 1786
+f 1689 1665 1786
+f 1754 1691 1777
+f 1507 1840 1790
+f 1761 1470 1461
+f 1523 1679 1793
+f 1091 1468 1098
+f 1820 1730 1838
+f 1843 1834 1734
+f 1808 1951 1665
+f 1588 1727 1531
+f 893 915 1832
+f 1523 1774 1679
+f 272 2488 710
+f 1093 1116 1675
+f 2340 2349 2348
+f 1832 1734 1834
+f 1832 957 1734
+f 1951 1808 2094
+f 1685 1692 1505
+f 1043 295 698
+f 2143 1779 2121
+f 1689 1808 1665
+f 1693 1714 1763
+f 1738 2157 1516
+f 1114 1921 236
+f 1268 1333 1520
+f 1149 1108 431
+f 508 2144 1912
+f 1957 1108 1537
+f 431 1108 1957
+f 1018 1108 2167
+f 1338 1957 1681
+f 2163 1957 1338
+f 1983 1390 2093
+f 30 557 37
+f 1714 2173 2172
+f 1983 1984 1390
+f 1984 2065 1390
+f 884 1762 897
+f 2065 1984 1214
+f 1950 1974 1762
+f 884 1950 1762
+f 2012 1698 1861
+f 1214 2116 803
+f 1950 1938 1974
+f 1938 1967 1974
+f 1900 1761 1461
+f 865 1929 884
+f 884 1929 1950
+f 2062 2071 2042
+f 919 1985 1732
+f 1593 502 2146
+f 1995 1213 2098
+f 1522 2476 1651
+f 2174 1849 2175
+f 1480 1989 1499
+f 1929 1938 1950
+f 1605 2058 1574
+f 2097 1605 2133
+f 1912 2014 1886
+f 2092 2082 2083
+f 206 1930 505
+f 2101 2100 2092
+f 2073 2101 2092
+f 839 1910 865
+f 1910 1901 1929
+f 865 1910 1929
+f 1967 1788 1975
+f 2073 2092 2063
+f 2101 1593 2100
+f 2015 1876 1698
+f 1853 1884 2014
+f 1831 1698 2165
+f 1316 273 81
+f 1901 1920 1929
+f 1929 1920 1938
+f 1920 1968 1967
+f 1938 1920 1967
+f 1849 2174 1700
+f 2173 1700 2174
+f 2062 2072 2091
+f 803 2467 2059
+f 2239 1736 2240
+f 1505 1357 1685
+f 1358 1686 1476
+f 1967 1968 1788
+f 1968 1969 1788
+f 2065 2110 2156
+f 2065 1214 2110
+f 2110 1214 503
+f 273 2093 1018
+f 273 1983 2093
+f 532 1886 2155
+f 2034 2021 1947
+f 216 1810 585
+f 1912 543 2014
+f 1390 2051 1537
+f 1872 1873 1910
+f 1984 2045 1214
+f 597 1912 1886
+f 1593 2146 2100
+f 2071 2062 2090
+f 2034 2046 1982
+f 2034 1947 2046
+f 1214 2045 2116
+f 1873 1887 1910
+f 1887 1901 1910
+f 1562 1447 1106
+f 2163 431 1957
+f 1948 1972 1936
+f 1972 1948 1992
+f 2014 2015 2013
+f 1853 2014 2013
+f 1550 1884 1853
+f 1947 2468 1994
+f 1355 1550 2154
+f 1355 1884 1550
+f 2081 2108 2128
+f 2024 1965 1492
+f 2024 2032 1965
+f 2116 1604 803
+f 1901 1911 1920
+f 1939 1968 1920
+f 1911 1939 1920
+f 872 1626 1666
+f 2062 2091 2120
+f 1819 1927 1759
+f 1021 1674 1780
+f 872 1673 1756
+f 1550 501 2171
+f 1378 1550 2171
+f 2146 2162 2145
+f 1358 482 192
+f 2109 2120 2119
+f 1866 1872 2227
+f 1391 2012 1860
+f 2136 2137 2161
+f 2162 1661 236
+f 1887 1894 1901
+f 1901 1894 1911
+f 505 1707 206
+f 2120 2137 2136
+f 2142 2164 1674
+f 1860 2012 1861
+f 1894 1939 1911
+f 2080 2060 2118
+f 2162 236 508
+f 2164 1815 1742
+f 1018 2093 1537
+f 2154 1378 2161
+f 2041 2098 2491
+f 2043 2042 2032
+f 1108 1018 1537
+f 1465 2094 1808
+f 502 1643 1661
+f 2467 1618 1656
+f 2119 2136 2135
+f 2119 2108 2071
+f 878 1183 1195
+f 2101 1594 1593
+f 2033 2370 2063
+f 2482 2491 2098
+f 1282 2406 1275
+f 2003 1948 1956
+f 2043 2032 2024
+f 2025 2043 2024
+f 2154 1550 1378
+f 1795 2498 1764
+f 2142 1548 2164
+f 2431 2454 2422
+f 1981 2011 1993
+f 2349 2391 2362
+f 502 2162 2146
+f 2025 2024 2360
+f 2129 2120 2091
+f 1732 1985 2007
+f 2171 1308 209
+f 1930 1995 2041
+f 1390 1238 2051
+f 1866 1878 1887
+f 1878 1894 1887
+f 1965 2032 2011
+f 874 2480 2492
+f 2071 2108 2069
+f 1358 1731 482
+f 430 2021 2034
+f 1965 2003 1964
+f 1855 1889 831
+f 1668 1773 2150
+f 1390 2156 1238
+f 898 869 1903
+f 2391 2407 2362
+f 2121 2111 2074
+f 1548 1259 2164
+f 2099 2129 2091
+f 1550 1853 501
+f 1853 1852 501
+f 952 2017 969
+f 2085 2121 2074
+f 2130 2006 1391
+f 2144 1367 543
+f 2100 2146 2099
+f 1545 1319 113
+f 1903 1922 898
+f 1922 1931 898
+f 585 2170 1641
+f 2007 2017 952
+f 2017 2074 969
+f 1558 1753 1813
+f 837 2005 1517
+f 2005 2006 2130
+f 1532 1474 1528
+f 2003 1981 1948
+f 2070 2071 2069
+f 1922 919 1931
+f 2017 2085 2074
+f 2085 2104 2121
+f 2100 2099 2082
+f 2156 2110 2034
+f 505 2474 2004
+f 1903 871 1922
+f 1922 1952 919
+f 919 1952 1985
+f 1985 2001 2007
+f 2001 2036 2017
+f 2007 2001 2017
+f 2017 2036 2085
+f 2036 2047 2085
+f 2047 2075 2085
+f 2075 2104 2085
+f 1948 1993 2023
+f 2400 2422 2407
+f 2011 2070 1993
+f 2033 2043 2025
+f 2012 2015 1698
+f 1876 1338 2165
+f 871 1940 1922
+f 1985 1976 2001
+f 2121 2104 2143
+f 1051 1413 1456
+f 2358 1362 2379
+f 1859 1789 1870
+f 2090 2109 2071
+f 1405 1398 1885
+f 1886 1884 1355
+f 1922 1960 1952
+f 1952 1960 1985
+f 1960 1976 1985
+f 1956 1948 1936
+f 2135 209 2128
+f 2157 1875 1212
+f 2160 2168 2169
+f 1900 1461 1918
+f 2001 2018 2036
+f 2075 2086 2104
+f 2111 2142 2103
+f 1937 1956 1936
+f 2023 2070 2061
+f 2135 2128 2108
+f 2042 2071 2011
+f 2138 413 2383
+f 2033 2072 2043
+f 1922 1940 1960
+f 2070 2069 2061
+f 2069 2108 2061
+f 2108 2119 2135
+f 1855 1904 1889
+f 1889 1904 871
+f 871 1904 1940
+f 1976 2018 2001
+f 2036 2018 2047
+f 2122 2143 2104
+f 216 1642 489
+f 2148 984 2143
+f 1975 1974 1967
+f 2157 1683 1516
+f 1614 1593 1594
+f 2269 2270 2276
+f 1926 2147 29
+f 2082 2091 2072
+f 430 503 2059
+f 1904 1905 1940
+f 1940 1961 1960
+f 1961 1976 1960
+f 2087 2086 2075
+f 2065 2156 1390
+f 1820 1838 1900
+f 534 1308 837
+f 2167 273 1018
+f 831 1850 1855
+f 2019 2037 2018
+f 2018 2037 2047
+f 2037 2075 2047
+f 2086 2095 2104
+f 2095 2122 2104
+f 2122 2148 2143
+f 1926 1213 1995
+f 1405 1885 1761
+f 2006 2013 2012
+f 2211 2233 2216
+f 1855 1890 1904
+f 1904 1895 1905
+f 1905 1932 1940
+f 1961 1977 1976
+f 1976 1986 2018
+f 2484 2476 1518
+f 1870 1411 1859
+f 1548 2142 2111
+f 1904 1890 1895
+f 1895 1932 1905
+f 1940 1932 1961
+f 1976 1977 1986
+f 1986 2008 2018
+f 2018 2008 2019
+f 2087 2075 2037
+f 2087 2095 2086
+f 2094 1391 1860
+f 1852 1853 2006
+f 1853 2013 2006
+f 929 979 850
+f 1855 1874 1890
+f 2008 2028 2019
+f 1993 2070 2023
+f 1705 1799 1998
+f 1491 2147 206
+f 1851 1856 1855
+f 1895 1890 1874
+f 2038 2019 2028
+f 2038 2048 2037
+f 2019 2038 2037
+f 2048 2067 2087
+f 2037 2048 2087
+f 2087 2067 2095
+f 2095 2149 2122
+f 2149 2148 2122
+f 1308 2005 837
+f 209 1308 1387
+f 1601 2102 1927
+f 254 170 201
+f 1800 1403 1763
+f 1510 1346 1740
+f 870 871 1903
+f 1919 1650 1619
+f 2148 1667 1753
+f 1932 1923 1961
+f 1977 1953 1986
+f 2067 2112 2095
+f 2112 2149 2095
+f 2148 2149 1667
+f 2422 2421 2407
+f 1926 2026 1213
+f 1912 2144 543
+f 2128 1387 2153
+f 1733 1510 1740
+f 990 853 2489
+f 503 1214 803
+f 1921 431 2163
+f 2146 2145 2129
+f 2144 1921 2163
+f 1855 1856 1874
+f 1895 1923 1932
+f 1923 1941 1961
+f 1961 1941 1977
+f 2048 2076 2067
+f 2076 2113 2067
+f 2067 2113 2112
+f 1723 1900 1937
+f 1870 1900 1723
+f 1367 2163 1338
+f 520 1346 1510
+f 1698 1831 1861
+f 1984 1919 2045
+f 1895 1891 1923
+f 2008 1986 2028
+f 1948 1981 1993
+f 1883 1346 520
+f 1883 1814 1346
+f 1930 206 2147
+f 2499 2486 1447
+f 1891 1906 1923
+f 1923 1953 1941
+f 1953 1977 1941
+f 1953 1987 1986
+f 2113 2123 2112
+f 2123 2149 2112
+f 1387 1308 1226
+f 1599 1688 1346
+f 2093 1390 1537
+f 2003 2011 1981
+f 1987 2028 1986
+f 2038 2049 2048
+f 2048 2049 2076
+f 1813 1667 2149
+f 2123 1813 2149
+f 1461 1469 1964
+f 1757 1510 1743
+f 505 1930 1999
+f 2223 1784 1789
+f 1532 1522 1651
+f 1906 1913 1923
+f 1913 1943 1923
+f 1943 1942 1923
+f 1923 1942 1953
+f 1942 1987 1953
+f 1308 1852 2005
+f 2053 1814 1883
+f 1733 1740 1541
+f 2154 1886 1355
+f 1503 1528 1474
+f 1874 1879 1895
+f 1895 1879 1891
+f 2076 2124 2113
+f 2113 2124 2123
+f 1896 1891 1879
+f 1891 1896 1906
+f 1942 1962 1987
+f 1962 2009 2028
+f 1987 1962 2028
+f 2009 2038 2028
+f 2109 2119 2071
+f 1918 1956 1937
+f 1851 1864 1856
+f 1896 1897 1906
+f 1906 1897 1913
+f 1943 1962 1942
+f 2049 2077 2076
+f 2124 2125 2123
+f 1930 2147 1926
+f 1902 1894 1878
+f 482 1510 1757
+f 2129 2137 2120
+f 503 803 2059
+f 1847 1857 1851
+f 1851 1857 1864
+f 2039 2038 2009
+f 2038 2039 2049
+f 2076 2077 2124
+f 2150 1813 2123
+f 482 520 1510
+f 1994 1821 2046
+f 2044 2004 1764
+f 1864 1867 1856
+f 1867 1874 1856
+f 1897 1944 1913
+f 1943 1944 1962
+f 2124 2126 2125
+f 2150 2123 2125
+f 2099 2146 2129
+f 2041 1995 2098
+f 1605 1641 2151
+f 1847 1959 1857
+f 1874 1867 1879
+f 1913 1944 1943
+f 1944 1963 1962
+f 2077 2096 2124
+f 2096 2126 2124
+f 2126 2150 2125
+f 941 1650 1919
+f 2135 2136 209
+f 1884 1886 2014
+f 2049 2029 2077
+f 1388 2127 1389
+f 1389 2127 1566
+f 1930 1926 1995
+f 941 1919 1316
+f 2110 503 430
+f 1867 1880 1879
+f 1879 1880 1896
+f 1897 1907 1944
+f 1963 1978 1962
+f 1962 1978 2009
+f 2039 2029 2049
+f 2077 2078 2096
+f 822 823 827
+f 2166 1668 2150
+f 81 941 1316
+f 2204 2216 2203
+f 2011 2071 2070
+f 1880 1892 1896
+f 1892 1907 1897
+f 1896 1892 1897
+f 1907 1914 1944
+f 1978 2010 2009
+f 2010 2039 2009
+f 1688 1740 1346
+f 1789 1820 1870
+f 2130 1391 2094
+f 1944 1945 1963
+f 2029 2078 2077
+f 1767 2150 2126
+f 1767 2166 2150
+f 803 2022 2467
+f 1503 1927 2102
+f 1914 1954 1944
+f 1944 1954 1945
+f 1963 1970 1978
+f 2078 2105 2096
+f 2105 2126 2096
+f 1965 2011 2003
+f 192 1626 1358
+f 2101 1559 1594
+f 1930 2041 1999
+f 1698 1876 2165
+f 1398 1871 891
+f 2165 1338 1681
+f 1970 2010 1978
+f 2010 2030 2029
+f 2039 2010 2029
+f 2030 2055 2078
+f 2029 2030 2078
+f 1849 1848 2175
+f 1871 1862 891
+f 543 2015 2014
+f 1857 1858 1864
+f 1864 1858 1867
+f 1963 1945 1970
+f 2055 2088 2078
+f 2078 2088 2105
+f 2105 2131 2126
+f 2126 2131 1767
+f 2063 2083 2033
+f 2161 2171 209
+f 2032 2042 2011
+f 1813 2150 1773
+f 1914 1908 1954
+f 1970 1979 2010
+f 2088 2131 2105
+f 2015 543 1876
+f 1694 1692 1048
+f 1395 2207 1859
+f 1395 1393 2207
+f 1730 1784 1736
+f 2500 2466 2470
+f 1709 1701 1757
+f 1945 1979 1970
+f 2030 2050 2055
+f 2350 2317 2286
+f 2154 2155 1886
+f 871 860 1889
+f 2161 209 2136
+f 2497 2463 2493
+f 2190 2204 2203
+f 1800 2179 1404
+f 2477 2469 1385
+f 1385 1715 2477
+f 2128 209 1387
+f 1858 1868 1867
+f 1867 1881 1880
+f 1893 1892 1880
+f 1881 1893 1880
+f 1893 1907 1892
+f 1907 1908 1914
+f 1954 1979 1945
+f 1979 1980 2010
+f 2131 2159 1767
+f 1765 93 339
+f 1761 1877 1405
+f 523 1347 515
+f 1541 2157 1738
+f 2144 2163 1367
+f 1380 1389 1566
+f 2317 2392 2316
+f 1994 2498 1801
+f 1867 1868 1881
+f 1980 2050 2030
+f 2010 1980 2030
+f 2050 2089 2055
+f 2055 2089 2088
+f 2088 2114 2131
+f 1538 1651 1659
+f 2145 2155 2129
+f 2140 29 1928
+f 2370 2033 2025
+f 2252 2239 2240
+f 2239 2252 1862
+f 2392 2391 2316
+f 2469 2501 1385
+f 2477 1715 1710
+f 502 1614 1643
+f 2438 1227 2431
+f 1915 1907 1893
+f 1915 1908 1907
+f 1954 1908 1979
+f 1908 1988 1979
+f 1979 1988 1980
+f 2114 2159 2131
+f 2155 2154 2129
+f 508 1966 2144
+f 872 1756 1626
+f 1710 1715 1505
+f 236 1966 508
+f 2272 2284 1398
+f 2325 2355 2319
+f 1548 2121 1779
+f 1532 1528 1522
+f 1980 2056 2050
+f 2050 2056 2089
+f 2013 2015 2012
+f 1964 2003 1956
+f 2006 2012 1391
+f 1565 1927 1503
+f 2244 2243 2226
+f 5 1715 1385
+f 1858 1848 1868
+f 1915 1946 1908
+f 1946 1988 1908
+f 1980 2020 2056
+f 2115 2159 2114
+f 2092 2083 2063
+f 1398 2284 1687
+f 2162 2155 2145
+f 519 2475 2488
+f 2158 5 1385
+f 5 1505 1715
+f 1692 1694 1505
+f 1988 2020 1980
+f 2115 2169 2159
+f 2169 2168 2159
+f 2083 2082 2072
+f 1316 1984 1983
+f 1488 1619 1650
+f 2083 2072 2033
+f 2361 1210 1233
+f 1933 1946 1915
+f 2056 2079 2089
+f 2088 2115 2114
+f 2099 2091 2082
+f 2162 532 2155
+f 1852 2006 2005
+f 2023 2061 2052
+f 2176 2184 2175
+f 2162 985 532
+f 1909 1893 1881
+f 1909 1915 1893
+f 1988 2040 2020
+f 2040 2056 2020
+f 2089 2079 2088
+f 2088 2079 2115
+f 1782 1444 1882
+f 1216 1215 2320
+f 867 1939 1894
+f 867 903 1939
+f 1372 2398 1379
+f 1863 504 2027
+f 2158 1385 504
+f 1868 1782 1881
+f 1909 1933 1915
+f 2040 1988 1946
+f 1481 2024 1492
+f 2120 2136 2119
+f 1522 1528 1518
+f 1871 1398 1405
+f 1221 1408 1399
+f 1357 5 2158
+f 2179 1800 1763
+f 1868 1865 1782
+f 1882 1881 1782
+f 1882 1909 1881
+f 2040 2057 2056
+f 2106 2079 2056
+f 2057 2106 2056
+f 2106 2132 2079
+f 2132 2115 2079
+f 2115 2132 2169
+f 532 985 597
+f 2092 2100 2082
+f 1210 1221 1399
+f 1399 1233 1210
+f 2130 2002 1517
+f 1849 1865 1868
+f 1933 2040 1946
+f 52 1269 30
+f 1667 1813 1753
+f 1997 1380 1673
+f 940 1008 1088
+f 1947 1994 2046
+f 1882 1916 1909
+f 1924 1933 1909
+f 1533 2040 1933
+f 1533 1534 2040
+f 2058 2040 1534
+f 2058 2057 2040
+f 1238 191 1768
+f 1997 1389 1380
+f 1875 1541 1554
+f 1854 504 1863
+f 1854 2158 504
+f 2396 1275 2406
+f 2426 2443 153
+f 1916 1924 1909
+f 1925 1935 1934
+f 1870 1723 1426
+f 2058 2097 2057
+f 2097 2106 2057
+f 2132 2151 2169
+f 2151 2160 2169
+f 1106 1635 1562
+f 1957 1768 1681
+f 1957 2051 1768
+f 526 535 33
+f 1614 1594 1609
+f 2233 2229 2216
+f 2496 2027 2084
+f 2496 1863 2027
+f 2117 1854 1863
+f 2016 2158 1854
+f 2016 1504 1357
+f 2158 2016 1357
+f 1114 236 1661
+f 2129 2154 2137
+f 2133 2106 2097
+f 2491 1999 2041
+f 2051 1238 1768
+f 2061 2108 2081
+f 2189 2195 2186
+f 2348 2349 2362
+f 1701 192 482
+f 505 1737 1707
+f 2133 2132 2106
+f 2132 2133 2151
+f 2151 2170 2160
+f 502 1661 2162
+f 1998 1389 1997
+f 2297 2352 2329
+f 2352 2364 2329
+f 2394 2414 2364
+f 2352 2394 2364
+f 2402 512 2415
+f 2255 2254 2243
+f 2446 1365 2456
+f 2271 2282 2298
+f 846 2283 2264
+f 2293 2310 2318
+f 2254 2295 2294
+f 2283 2290 2278
+f 2270 2294 2293
+f 2423 2455 2400
+f 2281 2287 2267
+f 2190 2191 2204
+f 2271 2263 2282
+f 2334 2329 2364
+f 2424 2432 2409
+f 2282 2263 2298
+f 1409 1659 1958
+f 2263 2302 2298
+f 2297 2329 2296
+f 1256 446 2346
+f 1958 2502 2478
+f 2437 2399 2444
+f 263 2366 2359
+f 849 827 823
+f 2311 2325 2290
+f 2499 2379 2434
+f 2446 2456 2423
+f 947 2358 2379
+f 2499 947 2379
+f 2205 2195 2212
+f 2245 2237 2227
+f 2245 2256 2237
+f 2256 2263 2271
+f 556 571 2305
+f 1528 2068 1518
+f 2424 2439 2432
+f 2302 2352 2297
+f 1866 2237 826
+f 2248 2242 2211
+f 2334 2364 2363
+f 2235 2244 2226
+f 2255 2295 2254
+f 2329 2324 2296
+f 2439 2447 1973
+f 2329 2334 2324
+f 2409 2432 2414
+f 2293 2318 2276
+f 866 2425 2416
+f 1487 1493 2372
+f 2237 2231 2230
+f 2415 512 17
+f 2035 1236 26
+f 921 2138 688
+f 2491 2482 2462
+f 6 181 197
+f 2481 948 1795
+f 2138 2383 2382
+f 2377 2394 2352
+f 2377 506 2394
+f 2394 506 2402
+f 2401 2402 2415
+f 2394 2402 2401
+f 2318 2326 2276
+f 2439 2457 2432
+f 2298 2302 2297
+f 2244 2249 2243
+f 2404 1100 2382
+f 2238 2245 2227
+f 2245 2257 2256
+f 2257 2263 2256
+f 2324 2334 2328
+f 2257 2289 2263
+f 2289 2302 2263
+f 2236 2231 2250
+f 2138 2382 688
+f 2383 2404 2382
+f 1100 2404 2343
+f 2353 2352 2302
+f 2353 2377 2352
+f 2237 2230 2220
+f 2335 2355 2325
+f 2308 2340 2315
+f 2253 2269 2276
+f 2311 2335 2325
+f 2439 2424 511
+f 2268 2267 2248
+f 2383 413 2404
+f 123 971 832
+f 2234 2243 2269
+f 2225 2213 2234
+f 2219 2213 2225
+f 2195 2196 2212
+f 1544 2418 1549
+f 413 866 2404
+f 2404 866 2416
+f 2416 2417 2404
+f 2404 2417 2343
+f 2415 2409 2401
+f 2196 2219 2212
+f 2268 2248 2218
+f 2206 2214 2197
+f 2417 2332 2343
+f 2343 2332 832
+f 2330 2302 2289
+f 2330 2353 2302
+f 2453 2454 515
+f 2218 2248 2217
+f 2218 2217 2205
+f 2276 2281 2268
+f 2178 2197 2177
+f 2197 2189 2177
+f 2332 2066 832
+f 832 2066 123
+f 2231 2236 2230
+f 669 950 1144
+f 2217 2211 2199
+f 1216 1209 1217
+f 2066 2365 123
+f 2230 2226 2214
+f 2290 2325 2304
+f 2325 2319 2304
+f 2217 2248 2211
+f 2191 2192 2199
+f 510 525 2035
+f 2417 1917 2332
+f 2332 1917 2066
+f 2408 2413 2341
+f 2248 2267 2242
+f 2326 2333 2281
+f 1340 2365 2066
+f 2440 1302 1340
+f 2226 2230 2235
+f 1153 1163 1116
+f 2431 2455 2438
+f 2416 2425 2417
+f 2495 2474 2462
+f 2290 2304 2277
+f 825 2227 1872
+f 151 239 1038
+f 9 151 1038
+f 545 928 2381
+f 2440 2406 1384
+f 928 1596 2381
+f 2186 2188 2185
+f 2456 26 1888
+f 2287 2333 2262
+f 2425 2342 2417
+f 2342 1917 2417
+f 1917 877 2066
+f 2336 1340 2066
+f 2336 2440 1340
+f 2328 2351 2327
+f 825 2238 2227
+f 2351 2368 2327
+f 1222 2388 1211
+f 678 756 734
+f 428 263 1343
+f 2188 2191 2190
+f 2341 2376 2333
+f 2066 877 2336
+f 2290 2277 2278
+f 739 634 592
+f 675 304 14
+f 2384 675 14
+f 2199 2211 2204
+f 2191 2199 2204
+f 2322 2318 2310
+f 2287 2262 2233
+f 2185 2188 2184
+f 2386 2425 845
+f 2384 572 675
+f 1128 123 2365
+f 832 971 2343
+f 2188 2186 2191
+f 2185 2184 2176
+f 2345 1917 2342
+f 2345 877 1917
+f 2336 2406 2440
+f 971 1100 2343
+f 2299 2289 2257
+f 2299 2303 2289
+f 2249 2255 2243
+f 506 513 512
+f 2437 955 1219
+f 1587 2398 1324
+f 877 2396 2336
+f 2336 2396 2406
+f 2463 2479 879
+f 2376 2412 2350
+f 2281 2267 2268
+f 2303 2330 2289
+f 624 635 159
+f 1996 2356 1561
+f 2449 2436 1996
+f 2356 2054 2451
+f 928 2398 1587
+f 2333 2350 2262
+f 2035 26 2456
+f 2346 2342 2425
+f 2346 2345 2342
+f 1544 2380 2418
+f 2412 2392 2350
+f 622 509 1151
+f 2436 2054 1996
+f 545 2451 928
+f 2326 2341 2333
+f 2346 2425 2386
+f 1365 2035 2456
+f 2369 2377 2353
+f 2369 506 2377
+f 2451 900 928
+f 900 2398 928
+f 1235 1888 1244
+f 2337 2345 2346
+f 877 772 2396
+f 772 1275 2396
+f 2432 2446 2414
+f 2294 2295 2310
+f 2369 2330 828
+f 2418 2419 2436
+f 2450 2429 2436
+f 2436 2429 2054
+f 2490 2494 1656
+f 1321 155 2338
+f 1256 2346 2386
+f 2448 877 2345
+f 877 2448 772
+f 2446 2423 2414
+f 2351 2334 2363
+f 2243 2254 2269
+f 2380 2419 2418
+f 2419 2450 2436
+f 2283 2278 2264
+f 822 2197 823
+f 1008 1759 1565
+f 2448 2345 2337
+f 2270 2293 2276
+f 2323 2324 2328
+f 2429 1012 2054
+f 2226 2243 2213
+f 2395 325 772
+f 2370 2367 2380
+f 2054 2435 2451
+f 2435 2397 2451
+f 2451 2397 900
+f 1774 1974 1975
+f 2305 2290 2283
+f 846 2305 2283
+f 2320 1215 2285
+f 2139 2448 2337
+f 2448 2395 772
+f 1232 1231 1216
+f 2272 2285 2284
+f 2367 2371 2380
+f 2371 2405 2380
+f 2380 2405 2419
+f 2419 2429 2450
+f 2429 176 1012
+f 2397 2373 900
+f 2373 2398 900
+f 2373 1379 2398
+f 2372 1500 1508
+f 1133 1303 1142
+f 2252 2273 2272
+f 891 2252 2272
+f 2419 2405 2429
+f 2405 2430 2429
+f 2429 2430 176
+f 2189 2186 2181
+f 2212 2219 2218
+f 2312 2139 2337
+f 2139 2384 2448
+f 2448 2384 2395
+f 899 855 843
+f 2272 2273 2285
+f 2331 2303 2299
+f 176 2435 2054
+f 1012 176 2054
+f 2177 2185 2176
+f 2218 2219 2225
+f 1216 1220 1215
+f 2378 2139 2312
+f 2384 14 2395
+f 2324 2295 2255
+f 2240 2273 2252
+f 2371 2387 2405
+f 2410 2430 2405
+f 2430 2442 176
+f 2435 2344 2397
+f 2397 2344 2373
+f 2456 1888 2455
+f 2242 2267 2233
+f 2233 2262 2229
+f 2378 2384 2139
+f 2323 2310 2295
+f 2323 2322 2310
+f 2240 2274 2273
+f 974 841 990
+f 2490 1447 2486
+f 2387 2410 2405
+f 2442 2141 176
+f 2344 1778 2373
+f 972 1379 2373
+f 1778 972 2373
+f 1379 972 428
+f 1211 2437 1223
+f 1228 1215 1220
+f 702 2378 2312
+f 17 518 2415
+f 1888 26 1244
+f 2324 2323 2295
+f 2305 2311 2290
+f 2307 2285 2273
+f 2274 2307 2273
+f 2307 2320 2285
+f 2369 531 506
+f 2435 2258 2344
+f 2296 2324 2288
+f 1233 1217 2361
+f 2360 2371 2367
+f 2410 2442 2430
+f 176 2141 2258
+f 176 2258 2435
+f 539 2331 66
+f 2350 2392 2317
+f 2268 2225 2253
+f 1508 1500 2371
+f 2360 1508 2371
+f 2371 1500 2387
+f 972 2366 428
+f 1626 1686 1358
+f 1759 1807 1819
+f 2277 2257 2245
+f 2277 2299 2257
+f 1784 2228 1736
+f 2265 2240 1736
+f 2228 2265 1736
+f 2265 2274 2240
+f 1209 2320 2307
+f 2320 1209 1216
+f 1555 1584 1560
+f 2387 1500 2372
+f 2410 2420 2442
+f 2433 972 1778
+f 2433 2366 972
+f 955 522 1225
+f 2339 2307 2274
+f 2372 1493 2387
+f 2411 2420 2410
+f 2420 954 2442
+f 2442 954 2141
+f 2344 2433 1778
+f 2205 2212 2218
+f 2328 2334 2351
+f 2394 2401 2414
+f 2250 2256 2271
+f 2339 1209 2307
+f 2328 2322 2323
+f 866 845 2425
+f 3 316 893
+f 2387 2411 2410
+f 2441 2141 954
+f 2141 2441 2258
+f 2354 2433 2344
+f 2254 2294 2270
+f 2269 2254 2270
+f 863 2305 846
+f 2441 2354 2258
+f 2258 2354 2344
+f 2319 2355 51
+f 2223 2228 1784
+f 1493 2411 2387
+f 1560 2449 1555
+f 2288 2324 2255
+f 825 2251 2238
+f 2251 2245 2238
+f 1299 84 1312
+f 2246 2265 2228
+f 2313 2274 2265
+f 2313 2339 2274
+f 2251 2277 2245
+f 2319 51 2331
+f 891 1862 2252
+f 2443 954 2420
+f 2443 2441 954
+f 511 2447 2439
+f 2242 2233 2211
+f 188 15 814
+f 2443 2426 2441
+f 2426 2354 2441
+f 2306 2403 2433
+f 2433 2403 2366
+f 539 2303 2331
+f 2246 2228 2223
+f 1030 1819 1807
+f 2354 2306 2433
+f 2413 2412 2376
+f 2438 2455 1888
+f 1848 1857 2176
+f 2207 2208 2223
+f 2208 2246 2223
+f 1209 2339 1217
+f 2339 2361 1217
+f 1221 1210 2388
+f 554 109 78
+f 386 1375 95
+f 2327 2326 2318
+f 2179 2182 1393
+f 2182 2208 1393
+f 1393 2208 2207
+f 2361 2399 2388
+f 2388 2399 1211
+f 2306 2354 2426
+f 2403 2359 2366
+f 2214 2226 2213
+f 2268 2253 2276
+f 889 2200 2179
+f 2200 2182 2179
+f 2200 2221 2182
+f 2221 2208 2182
+f 2314 2265 2246
+f 2314 2313 2265
+f 2339 2374 2361
+f 2478 2434 2379
+f 2205 2217 2199
+f 2208 2259 2246
+f 2259 2275 2246
+f 2314 2321 2313
+f 2313 2347 2339
+f 2347 2374 2339
+f 2374 2399 2361
+f 153 154 2426
+f 154 2306 2426
+f 2385 2359 2403
+f 2221 2259 2208
+f 2306 2357 2403
+f 2357 2385 2403
+f 2237 2256 2231
+f 2172 2180 889
+f 2180 2200 889
+f 2200 2201 2221
+f 2246 2291 2314
+f 2374 2444 2399
+f 571 555 2311
+f 2192 2205 2199
+f 2173 2180 2172
+f 2279 2246 2275
+f 2279 2291 2246
+f 2292 2314 2291
+f 2321 2362 2313
+f 2362 2347 2313
+f 2347 2389 2374
+f 2444 955 2437
+f 2292 2291 2279
+f 2452 2444 2374
+f 2054 2356 1996
+f 2338 2306 154
+f 2186 2192 2191
+f 2193 2201 2200
+f 2259 2221 2201
+f 2247 2259 2201
+f 2452 955 2444
+f 2278 2277 2251
+f 2338 2357 2306
+f 2181 2186 2185
+f 2276 2326 2281
+f 2432 2457 2446
+f 2198 2201 2193
+f 2198 2232 2201
+f 2232 2247 2201
+f 2389 2452 2374
+f 2452 1630 955
+f 1403 1749 1444
+f 1555 1996 1561
+f 2357 2427 2385
+f 2385 2428 230
+f 2409 2415 2424
+f 2304 2331 2299
+f 2193 2200 2180
+f 2445 2452 2389
+f 1565 1759 1927
+f 2380 1544 2370
+f 2338 2427 2357
+f 2427 2428 2385
+f 230 222 253
+f 2202 2198 2193
+f 2202 2209 2198
+f 2209 2241 2198
+f 2241 2232 2198
+f 2266 2275 2259
+f 2365 1340 1128
+f 2415 518 2424
+f 2338 170 2427
+f 170 2428 2427
+f 2181 2185 2177
+f 2196 2195 2189
+f 2183 2193 2180
+f 2453 1630 2452
+f 2197 2214 2189
+f 2401 2409 2414
+f 822 2220 2197
+f 1210 2361 2388
+f 2187 2193 2183
+f 2187 2202 2193
+f 2266 2279 2275
+f 2279 2300 2292
+f 2375 2347 2362
+f 2375 2390 2347
+f 2390 2389 2347
+f 2453 2452 2445
+f 1347 1630 2453
+f 1630 1347 522
+f 2220 2206 2197
+f 2262 2350 2286
+f 170 254 2428
+f 2457 1973 2446
+f 1973 1365 2446
+f 2174 2183 2180
+f 2194 2202 2187
+f 2222 2241 2209
+f 2222 2260 2241
+f 2266 2259 2247
+f 2390 2445 2389
+f 2264 2251 825
+f 2363 2368 2351
+f 2326 2393 2341
+f 1855 1850 1851
+f 2210 2209 2202
+f 2210 2222 2209
+f 2261 2260 2222
+f 2280 2279 2266
+f 2280 2300 2279
+f 251 263 2359
+f 2277 2304 2299
+f 2220 2230 2206
+f 2202 2194 2210
+f 2213 2243 2234
+f 2328 2327 2322
+f 2294 2310 2293
+f 2214 2196 2189
+f 2196 2213 2219
+f 2224 2222 2210
+f 2421 2390 2375
+f 2206 2230 2214
+f 2194 2203 2210
+f 2224 2261 2222
+f 2421 2445 2390
+f 2322 2327 2318
+f 2393 2408 2341
+f 1365 1973 510
+f 2216 2210 2203
+f 2216 2224 2210
+f 2266 2308 2280
+f 2280 2308 2300
+f 2407 2421 2375
+f 2175 2183 2174
+f 2194 2190 2203
+f 2454 2445 2421
+f 522 1347 523
+f 2456 2455 2423
+f 823 2197 2178
+f 2281 2333 2287
+f 2188 2187 2183
+f 2188 2190 2194
+f 2187 2188 2194
+f 2308 2315 2300
+f 2407 2375 2362
+f 2443 2420 2503
+f 2420 2411 2503
+f 2411 1493 2503
+f 1493 1487 2503
+f 1487 1318 2503
+f 1318 1320 2503
+f 1320 2443 2503
diff --git a/gradio/media_assets/models3d/Duck.glb b/gradio/media_assets/models3d/Duck.glb
new file mode 100644
index 0000000..217170d
Binary files /dev/null and b/gradio/media_assets/models3d/Duck.glb differ
diff --git a/gradio/media_assets/models3d/Fox.gltf b/gradio/media_assets/models3d/Fox.gltf
new file mode 100644
index 0000000..ff3115c
--- /dev/null
+++ b/gradio/media_assets/models3d/Fox.gltf
@@ -0,0 +1,1777 @@
+{
+    "asset": {
+        "copyright": "CC-BY 4.0 Model by PixelMannen https://opengameart.org/content/fox-and-shiba and @tomkranis https://sketchfab.com/3d-models/low-poly-fox-by-pixelmannen-animated-371dea88d7e04a76af5763f2a36866bc and @AsoboStudio with @scurest https://github.com/KhronosGroup/glTF-Sample-Models/pull/150#issuecomment-406300118",
+        "version": "2.0"
+    },
+    "accessors": [
+        {
+            "bufferView": 0,
+            "componentType": 5126,
+            "count": 1728,
+            "type": "VEC3",
+            "byteOffset": 0,
+            "min": [
+                -12.592718124389648,
+                -0.12174476683139801,
+                -88.09500122070312
+            ],
+            "max": [
+                12.592718124389648,
+                78.90718841552734,
+                66.62486267089844
+            ]
+        },
+        {
+            "bufferView": 1,
+            "componentType": 5126,
+            "count": 1728,
+            "type": "VEC2",
+            "byteOffset": 0
+        },
+        {
+            "bufferView": 1,
+            "componentType": 5123,
+            "count": 1728,
+            "type": "VEC4",
+            "byteOffset": 13824
+        },
+        {
+            "bufferView": 2,
+            "byteOffset": 0,
+            "componentType": 5126,
+            "count": 1728,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 3,
+            "byteOffset": 0,
+            "componentType": 5126,
+            "count": 24,
+            "type": "MAT4"
+        },
+        {
+            "bufferView": 4,
+            "byteOffset": 0,
+            "componentType": 5126,
+            "count": 83,
+            "type": "SCALAR",
+            "min": [
+                0.0
+            ],
+            "max": [
+                3.4166667461395264
+            ]
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 0,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 1328,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 2656,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 3984,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 5312,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 6640,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 7968,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 9296,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 10624,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 11952,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 13280,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 14608,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 15936,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 17264,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 18592,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 19920,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 21248,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 22576,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 23904,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 6,
+            "byteOffset": 0,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC3"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 25232,
+            "componentType": 5126,
+            "count": 83,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 4,
+            "byteOffset": 332,
+            "componentType": 5126,
+            "count": 18,
+            "type": "SCALAR",
+            "min": [
+                0.0
+            ],
+            "max": [
+                0.7083333134651184
+            ]
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 26560,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 26848,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 27136,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 27424,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 27712,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 28000,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 28288,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 28576,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 28864,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 29152,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 29440,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 29728,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 30016,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 30304,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 30592,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 30880,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 31168,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 31456,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 31744,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 6,
+            "byteOffset": 996,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC3"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 32032,
+            "componentType": 5126,
+            "count": 18,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 4,
+            "byteOffset": 404,
+            "componentType": 5126,
+            "count": 25,
+            "type": "SCALAR",
+            "min": [
+                0.0
+            ],
+            "max": [
+                1.1583333015441895
+            ]
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 32320,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 32720,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 33120,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 33520,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 33920,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 34320,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 34720,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 35120,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 35520,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 35920,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 36320,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 36720,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 37120,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 37520,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 37920,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 38320,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 38720,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 39120,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 39520,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        },
+        {
+            "bufferView": 6,
+            "byteOffset": 1212,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC3"
+        },
+        {
+            "bufferView": 5,
+            "byteOffset": 39920,
+            "componentType": 5126,
+            "count": 25,
+            "type": "VEC4"
+        }
+    ],
+    "animations": [
+        {
+            "channels": [
+                {
+                    "sampler": 0,
+                    "target": {
+                        "node": 8,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 1,
+                    "target": {
+                        "node": 7,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 2,
+                    "target": {
+                        "node": 11,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 3,
+                    "target": {
+                        "node": 10,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 4,
+                    "target": {
+                        "node": 9,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 5,
+                    "target": {
+                        "node": 14,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 6,
+                    "target": {
+                        "node": 13,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 7,
+                    "target": {
+                        "node": 12,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 8,
+                    "target": {
+                        "node": 6,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 9,
+                    "target": {
+                        "node": 5,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 10,
+                    "target": {
+                        "node": 17,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 11,
+                    "target": {
+                        "node": 16,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 12,
+                    "target": {
+                        "node": 15,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 13,
+                    "target": {
+                        "node": 20,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 14,
+                    "target": {
+                        "node": 19,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 15,
+                    "target": {
+                        "node": 18,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 16,
+                    "target": {
+                        "node": 24,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 17,
+                    "target": {
+                        "node": 23,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 18,
+                    "target": {
+                        "node": 22,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 19,
+                    "target": {
+                        "node": 4,
+                        "path": "translation"
+                    }
+                },
+                {
+                    "sampler": 20,
+                    "target": {
+                        "node": 4,
+                        "path": "rotation"
+                    }
+                }
+            ],
+            "samplers": [
+                {
+                    "input": 5,
+                    "output": 6
+                },
+                {
+                    "input": 5,
+                    "output": 7
+                },
+                {
+                    "input": 5,
+                    "output": 8
+                },
+                {
+                    "input": 5,
+                    "output": 9
+                },
+                {
+                    "input": 5,
+                    "output": 10
+                },
+                {
+                    "input": 5,
+                    "output": 11
+                },
+                {
+                    "input": 5,
+                    "output": 12
+                },
+                {
+                    "input": 5,
+                    "output": 13
+                },
+                {
+                    "input": 5,
+                    "output": 14
+                },
+                {
+                    "input": 5,
+                    "output": 15
+                },
+                {
+                    "input": 5,
+                    "output": 16
+                },
+                {
+                    "input": 5,
+                    "output": 17
+                },
+                {
+                    "input": 5,
+                    "output": 18
+                },
+                {
+                    "input": 5,
+                    "output": 19
+                },
+                {
+                    "input": 5,
+                    "output": 20
+                },
+                {
+                    "input": 5,
+                    "output": 21
+                },
+                {
+                    "input": 5,
+                    "output": 22
+                },
+                {
+                    "input": 5,
+                    "output": 23
+                },
+                {
+                    "input": 5,
+                    "output": 24
+                },
+                {
+                    "input": 5,
+                    "output": 25
+                },
+                {
+                    "input": 5,
+                    "output": 26
+                }
+            ],
+            "name": "Survey"
+        },
+        {
+            "channels": [
+                {
+                    "sampler": 0,
+                    "target": {
+                        "node": 8,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 1,
+                    "target": {
+                        "node": 7,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 2,
+                    "target": {
+                        "node": 11,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 3,
+                    "target": {
+                        "node": 10,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 4,
+                    "target": {
+                        "node": 9,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 5,
+                    "target": {
+                        "node": 14,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 6,
+                    "target": {
+                        "node": 13,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 7,
+                    "target": {
+                        "node": 12,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 8,
+                    "target": {
+                        "node": 6,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 9,
+                    "target": {
+                        "node": 5,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 10,
+                    "target": {
+                        "node": 17,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 11,
+                    "target": {
+                        "node": 16,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 12,
+                    "target": {
+                        "node": 15,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 13,
+                    "target": {
+                        "node": 20,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 14,
+                    "target": {
+                        "node": 19,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 15,
+                    "target": {
+                        "node": 18,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 16,
+                    "target": {
+                        "node": 24,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 17,
+                    "target": {
+                        "node": 23,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 18,
+                    "target": {
+                        "node": 22,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 19,
+                    "target": {
+                        "node": 4,
+                        "path": "translation"
+                    }
+                },
+                {
+                    "sampler": 20,
+                    "target": {
+                        "node": 4,
+                        "path": "rotation"
+                    }
+                }
+            ],
+            "samplers": [
+                {
+                    "input": 27,
+                    "output": 28
+                },
+                {
+                    "input": 27,
+                    "output": 29
+                },
+                {
+                    "input": 27,
+                    "output": 30
+                },
+                {
+                    "input": 27,
+                    "output": 31
+                },
+                {
+                    "input": 27,
+                    "output": 32
+                },
+                {
+                    "input": 27,
+                    "output": 33
+                },
+                {
+                    "input": 27,
+                    "output": 34
+                },
+                {
+                    "input": 27,
+                    "output": 35
+                },
+                {
+                    "input": 27,
+                    "output": 36
+                },
+                {
+                    "input": 27,
+                    "output": 37
+                },
+                {
+                    "input": 27,
+                    "output": 38
+                },
+                {
+                    "input": 27,
+                    "output": 39
+                },
+                {
+                    "input": 27,
+                    "output": 40
+                },
+                {
+                    "input": 27,
+                    "output": 41
+                },
+                {
+                    "input": 27,
+                    "output": 42
+                },
+                {
+                    "input": 27,
+                    "output": 43
+                },
+                {
+                    "input": 27,
+                    "output": 44
+                },
+                {
+                    "input": 27,
+                    "output": 45
+                },
+                {
+                    "input": 27,
+                    "output": 46
+                },
+                {
+                    "input": 27,
+                    "output": 47
+                },
+                {
+                    "input": 27,
+                    "output": 48
+                }
+            ],
+            "name": "Walk"
+        },
+        {
+            "channels": [
+                {
+                    "sampler": 0,
+                    "target": {
+                        "node": 8,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 1,
+                    "target": {
+                        "node": 7,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 2,
+                    "target": {
+                        "node": 11,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 3,
+                    "target": {
+                        "node": 10,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 4,
+                    "target": {
+                        "node": 9,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 5,
+                    "target": {
+                        "node": 14,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 6,
+                    "target": {
+                        "node": 13,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 7,
+                    "target": {
+                        "node": 12,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 8,
+                    "target": {
+                        "node": 6,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 9,
+                    "target": {
+                        "node": 5,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 10,
+                    "target": {
+                        "node": 17,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 11,
+                    "target": {
+                        "node": 16,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 12,
+                    "target": {
+                        "node": 15,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 13,
+                    "target": {
+                        "node": 20,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 14,
+                    "target": {
+                        "node": 19,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 15,
+                    "target": {
+                        "node": 18,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 16,
+                    "target": {
+                        "node": 24,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 17,
+                    "target": {
+                        "node": 23,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 18,
+                    "target": {
+                        "node": 22,
+                        "path": "rotation"
+                    }
+                },
+                {
+                    "sampler": 19,
+                    "target": {
+                        "node": 4,
+                        "path": "translation"
+                    }
+                },
+                {
+                    "sampler": 20,
+                    "target": {
+                        "node": 4,
+                        "path": "rotation"
+                    }
+                }
+            ],
+            "samplers": [
+                {
+                    "input": 49,
+                    "output": 50
+                },
+                {
+                    "input": 49,
+                    "output": 51
+                },
+                {
+                    "input": 49,
+                    "output": 52
+                },
+                {
+                    "input": 49,
+                    "output": 53
+                },
+                {
+                    "input": 49,
+                    "output": 54
+                },
+                {
+                    "input": 49,
+                    "output": 55
+                },
+                {
+                    "input": 49,
+                    "output": 56
+                },
+                {
+                    "input": 49,
+                    "output": 57
+                },
+                {
+                    "input": 49,
+                    "output": 58
+                },
+                {
+                    "input": 49,
+                    "output": 59
+                },
+                {
+                    "input": 49,
+                    "output": 60
+                },
+                {
+                    "input": 49,
+                    "output": 61
+                },
+                {
+                    "input": 49,
+                    "output": 62
+                },
+                {
+                    "input": 49,
+                    "output": 63
+                },
+                {
+                    "input": 49,
+                    "output": 64
+                },
+                {
+                    "input": 49,
+                    "output": 65
+                },
+                {
+                    "input": 49,
+                    "output": 66
+                },
+                {
+                    "input": 49,
+                    "output": 67
+                },
+                {
+                    "input": 49,
+                    "output": 68
+                },
+                {
+                    "input": 49,
+                    "output": 69
+                },
+                {
+                    "input": 49,
+                    "output": 70
+                }
+            ],
+            "name": "Run"
+        }
+    ],
+    "bufferViews": [
+        {
+            "buffer": 0,
+            "byteOffset": 0,
+            "byteLength": 20736,
+            "byteStride": 12
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 20736,
+            "byteLength": 27648,
+            "byteStride": 8
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 48384,
+            "byteLength": 27648,
+            "byteStride": 16
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 76032,
+            "byteLength": 1536
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 77568,
+            "byteLength": 504,
+            "byteStride": 4
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 78072,
+            "byteLength": 40320,
+            "byteStride": 16
+        },
+        {
+            "buffer": 0,
+            "byteOffset": 118392,
+            "byteLength": 1512,
+            "byteStride": 12
+        }
+    ],
+    "buffers": [
+        {
+            "uri": "data:application/octet-stream;base64,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AgACAAoABAACAAIAAgAQAAIAAgACABAAAgACAAIADQACAAIABAAFAAcACgAKAAQAAgACAAoAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABQAEAAIAAgAKAAIAAgACAAUABAACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIAAgAQAAIAAgADAAIAAgACAAIAEAARAAIABAAFAAcACgAEAAoABwACAAoABAACAAIAAgANAAIAAgACABAAAgACAAIADQACAAIAAwACAAIAAgADAAIAAgACAAIAEAACAAIAAgAQABEAAgADAAIAAgACAAIAAgACAAIACgACAAIAAgAKAAQAAgACAAoAAgACAAIADwACAAIAAgAPAA4AAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIAAgAUAAIAAgACAA0AAgACAAIAEAAUAAIACgACAAIAAgAFAAQAAgACAAUABAACAAIABQAEAAIAAgAEAAUABwAKAAoAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABwACAAIAAgAHAAgAAgACAAcAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIAAgAUAAIAAgACAA0AAgACAAIAFAACAAIAAwACAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgACABQAAgACAAMAAgACAAIAAgAQABQAAgACAAIAAgACAAIAAgACAAIAAgACAAIAAgACABQAAgACAAIAEAAUAAIAAgAUAAIAAgAVABQAAgACAAIAFAACAAIABwACAAIAAgAIAAcAAgACAAcACAACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwAOAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIAAwACAAIAAgAHAAQAAgACAAMAFAACAAIAAgAUAAIAAgACAA0AAgACAAIAFAACAAIABAAFAAcACgAHAAIAAgACAAcABAACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABQAEAAIAAgAFAAQAAgACAAcAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIAAgAUAAIAAgACABQAFQACAAMAAgACAAIABAAFAAcACgAHAAQAAgACAAQACgAHAAIAAgANAAIAAgACAA0AAgACAAIAFAACAAIAAwACAAIAAgACABQAAgACAAMAAgACAAIAAgAUABUAAgACABQAAgACAAIAAgACAAIABwACAAIAAgAHAAIAAgACAAcABAACAAIADwACAAIAAgAPAAIAAgACAA8ADgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIADwACAAIAAgAPAAIAAgACAA8AAgACAAIABwACAAIAAgAEAAUABwAKAAUABAACAAIABQAEAAIAAgAFAAQAAgACAAcAAgACAAIACgACAAIAAgAKAAIAAgACAAoAAgACAAIACgACAAIAAgAKAAQAAgACAAoAAgACAAIACgACAAIAAgALAAoAAgACAAoACwACAAIACgALAAIAAgAKAAIAAgACAAoAAgACAAIABwACAAIAAgAHAAQAAgACAAcAAgACAAIABwACAAIAAgAHAAIAAgACAAcAAgACAAIACgALAAIAAgAKAAIAAgACAAoABAACAAIACgAEAAIAAgAEAAoABwACAAoACwACAAIABwAIAAIAAgAEAAoABwACAAcABAACAAIABwAEAAIAAgAHAAIAAgACAAcACAACAAIABwACAAIAAgAHAAIAAgACAAcACAACAAIABwAIAAIAAgAIAAcAAgACAAcAAgACAAIAAwAUAAIAAgACABQAAgACAAIAFAACAAIAAgAUAAIAAgADAAIAAgACAAMAFAACAAIABAAKAAcAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgAEAAoABwACAAcABAACAAIABwAEAAIAAgADAAIAAgACAAMAAgACAAIAAwAQAAIAAgADAAIAAgACAAIAEAACAAIAAgAQAAIAAgACABAAAgACAAMAEAACAAIABAAKAAcAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgADAAIAAgACAAoABAACAAIACgAEAAIAAgAEAAoABwACAAMAAgACAAIAAwACAAIAAgACAAIAAgACAAIAAgACAAIAAwACAAIAAgACAAIAAgACAAIAAgACAAIAAwACAAIAAgACABQAFQACAAIAAgACAAIAAgAQAAIAAgACABAAEQACAAIAAgACAAIABQAEAAIAAgAFAAQAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAUABAACAAIABQAEAAIAAgAFAAQAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAUABAACAAIABQAEAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAFAAQAAgACAAUABAACAAIABQAEAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAFAAQAAgACAAUABAACAAIAAgANAAIAAgACAA0AAgACAA0ADgACAAIADQAOAAIAAgACAA0AAgACAA0ADgACAAIACgAEAAIAAgADABAAAgACAAMAEAACAAIAAwAQAAIAAgAKAAQAAgACAAoABAACAAIAAwACAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgACAAIAAgACAAMAAgACAAIAAgANAAIAAgACABAAAgACAAIADQACAAIAAgACAAIAAgACABAAAgACAAIAEAACAAIAAgAQAAIAAgACABAAAgACAAIADQACAAIACgAEAAIAAgAKAAQAAgACAAoACwACAAIABAACAAIAAgAEAAIAAgACAAUABAACAAIABAACAAIAAgAEAAIAAgACAAUABAACAAIABgACAAIAAgAFAAQAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABQAEAAIAAgAFAAQAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABQAEAAIAAgAFAAQAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIAAgANAAIAAgACAA0AAgACAA0ADgACAAIAAgAQAAIAAgACABAAAgACABEAEAACAAIADQAOAAIAAgANAA4AAgACAA8ADgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIAAgACAAIAAgACAAIAAgACAAIADQACAAIAAgANAAIAAgACAA0AAgACAAIADQACAAIAAgAQAAIAAgACABAAAgACABAAEQACAAIAAgAQAAIAAgACABAAAgACABEAEAACAAIAAgAQAAIAAgACABAAAgACABEAEAACAAIAAgAQAAIAAgACABAAAgACABEAEAACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAEQAQAAIAAgACABAAEQACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAEQAQAAIAAgARABAAAgACABEAAgACAAIAEAARAAIAAgARABAAAgACABEAAgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIACgALAAIAAgAKAAsAAgACAAsAAgACAAIACwAKAAIAAgAKAAsAAgACAAsAAgACAAIABwACAAIAAgAHAAIAAgACAAcAAgACAAIABwACAAIAAgAHAAIAAgACAAcAAgACAAIABAAKAAcAAgAKAAQAAgACAAoACwACAAIACgALAAIAAgAKAAsAAgACAAsAAgACAAIADQAOAAIAAgACAA0AAgACAA0ADgACAAIADQAOAAIAAgAPAA4AAgACAA0ADgACAAIAAgANAAIAAgACAA0AAgACAA0ADgACAAIADQAOAAIAAgANAA4AAgACAAIADQACAAIADwAOAAIAAgAPAA4AAgACAA8AAgACAAIADwAOAAIAAgAPAA4AAgACAA8AAgACAAIADwAOAAIAAgAPAA4AAgACAA8AAgACAAIADwAOAAIAAgAPAA4AAgACAA8AAgACAAIADwAOAAIAAgAPAA4AAgACAA8AAgACAAIAEQAQAAIAAgACABAAAgACAAIAEAARAAIAAwACAAIAAgACAAIAAgACAAIAAgACAAIAAgANAAIAAgACAA0AAgACAAIADQACAAIAAgANAAIAAgACAA0AAgACAAIADQACAAIAAgANAAIAAgACAAIAAgACAAIAEAACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIAAgANAAIAAgACABAAAgACAAIADQACAAIABQAEAAIAAgAEAAIAAgACAAUABAACAAIABQAEAAIAAgAEAAIAAgACAAUABAACAAIACgALAAIAAgAKAAQAAgACAAoACwACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAFAAQAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIACgALAAIAAgAKAAQAAgACAAoACwACAAIACgACAAIAAgAKAAIAAgACAAoAAgACAAIAAwAQAAIAAgADAAIAAgACAAoABAACAAIADQAOAAIAAgACAA0AAgACAAIADQACAAIAEAARAAIAAgACABAAAgACABEAEAACAAIADwAOAAIAAgANAA4AAgACAA8ADgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIAAgANAAIAAgACAAIAAgACAAIADQACAAIAEQAQAAIAAgACABAAAgACABAAEQACAAIAAwACAAIAAgADAAIAAgACAAIAAgACAAIAEQAQAAIAAgACABAAAgACABEAEAACAAIAEQAQAAIAAgACABAAAgACABEAEAACAAIAEQAQAAIAAgACABAAAgACABEAEAACAAIAEQASAAIAAgACABAAEQACABEAEgACAAIACgALAAIAAgAEAAoABwACAAoACwACAAIACwACAAIAAgAKAAsAAgACAAsACgACAAIADwAOAAIAAgANAA4AAgACAA8ADgACAAIADwAOAAIAAgANAA4AAgACAA8ADgACAAIADwAOAAIAAgANAA4AAgACAA8ADgACAAIADwAOAAIAAgANAA4AAgACAA0ADgACAAIADwACAAIAAgAPAA4AAgACAA8AAgACAAIADwACAAIAAgAPAA4AAgACAA8AAgACAAIADwACAAIAAgAPAA4AAgACAA8AAgACAAIAAgANAAIAAgANAA4AAgACAAIADQACAAIADQAOAAIAAgANAA4AAgACAAIADQACAAIABwAEAAIAAgADABQAAgACAAMAFAACAAIAAwAUAAIAAgAHAAQAAgACAAcABAACAAIAAgACAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgADAAIAAgACAAIAAgACAAIABAACAAIAAgAHAAIAAgACAAcAAgACAAIABwACAAIAAgAEAAIAAgACAAQAAgACAAIAAgANAAIAAgACAA0AAgACAAIAFAACAAIAAgACAAIAAgACABQAAgACAAIAFAACAAIAAgAUAAIAAgACAA0AAgACAAIAFAACAAIABwAEAAIAAgAHAAgAAgACAAcABAACAAIABAACAAIAAgAFAAQAAgACAAQAAgACAAIABAACAAIAAgAFAAQAAgACAAQAAgACAAIABgACAAIAAgAGAAIAAgACAAUABAACAAIABAACAAIAAgAFAAQAAgACAAUABAACAAIABQAEAAIAAgAKAAIAAgACAAQAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABQAEAAIAAgAGAAIAAgACAAUABAACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABQAEAAIAAgAGAAIAAgACAAUABAACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIAAgANAAIAAgANAA4AAgACAAIADQACAAIAAgAUAAIAAgAVABQAAgACAAIAFAACAAIADQAOAAIAAgAPAA4AAgACAA0ADgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIAAgACAAIAAgACAA0AAgACAAIAAgACAAIAAgANAAIAAgACAA0AAgACAAIADQACAAIAAgAUAAIAAgAUABUAAgACAAIAFAACAAIAAgAUAAIAAgAVABQAAgACAAIAFAACAAIAAgAUAAIAAgAVABQAAgACAAIAFAACAAIAAgAUAAIAAgAVABQAAgACAAIAFAACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAFQAUAAIAAgAVABYAAgACAAIAFAAVAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAFQAUAAIAAgAVAAIAAgACABUAFAACAAIAFAAVAAIAAgAVAAIAAgACABUAFAACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIABwAIAAIAAgAIAAIAAgACAAcACAACAAIACAAHAAIAAgAIAAIAAgACAAcACAACAAIABAAKAAcAAgAHAAgAAgACAAcABAACAAIABwAIAAIAAgAIAAIAAgACAAcACAACAAIADQAOAAIAAgAPAA4AAgACAA0ADgACAAIADQAOAAIAAgAPAA4AAgACAA0ADgACAAIADQAOAAIAAgAPAA4AAgACAA8ADgACAAIADwAOAAIAAgANAA4AAgACAA0ADgACAAIADwAOAAIAAgAPAAIAAgACAA8ADgACAAIADwAOAAIAAgAPAAIAAgACAA8ADgACAAIADwAOAAIAAgAPAAIAAgACAA8ADgACAAIADwAOAAIAAgAPAAIAAgACAA8ADgACAAIADwAOAAIAAgAPAAIAAgACAA8ADgACAAIAFQAUAAIAAgACABQAFQACAAIAFAACAAIAAwACAAIAAgACAAIAAgACAAIAAgACAAIAAgANAAIAAgACAA0AAgACAAIADQACAAIAAgANAAIAAgACAA0AAgACAAIADQACAAIAAgANAAIAAgACABQAAgACAAIAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIAAgANAAIAAgACAA0AAgACAAIAFAACAAIABQAEAAIAAgAFAAQAAgACAAQAAgACAAIABQAEAAIAAgAEAAIAAgACAAUABAACAAIABwAIAAIAAgAHAAgAAgACAAcABAACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAUABAACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABwAIAAIAAgAHAAgAAgACAAcABAACAAIABwACAAIAAgAHAAIAAgACAAcAAgACAAIAAwAUAAIAAgAHAAQAAgACAAMAAgACAAIADQAOAAIAAgACAA0AAgACAAIADQACAAIAFAAVAAIAAgAVABQAAgACAAIAFAACAAIADwAOAAIAAgAPAA4AAgACAA0ADgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIAAgANAAIAAgACAA0AAgACAAIAAgACAAIAFQAUAAIAAgAUABUAAgACAAIAFAACAAIAAwACAAIAAgACAAIAAgACAAMAAgACAAIAFQAUAAIAAgAVABQAAgACAAIAFAACAAIAFQAUAAIAAgAVABQAAgACAAIAFAACAAIAFQAUAAIAAgAVABQAAgACAAIAFAACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIABwAIAAIAAgAEAAoABwACAAcACAACAAIACAACAAIAAgAIAAcAAgACAAcACAACAAIADwAOAAIAAgAPAA4AAgACAA0ADgACAAIADwAOAAIAAgAPAA4AAgACAA0ADgACAAIADwAOAAIAAgAPAA4AAgACAA0ADgACAAIADQAOAAIAAgANAA4AAgACAA8ADgACAAIADwAOAAIAAgAPAA4AAgACAA0ADgACAAIADwACAAIAAgAPAAIAAgACAA8ADgACAAIADwACAAIAAgAPAAIAAgACAA8ADgACAAIADwACAAIAAgAPAAIAAgACAA8ADgACAAIAEQASAAIAAgARABIAAgACAAIAEAARAAIAAgAQABEAAgACABAAAgACABEAEgACAAIABAACAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgAEAAIAAgACAAQAAgACAAIACgAEAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgAEAAIAAgACAAoABAACAAIABwAEAAIAAgAHAAgAAgACAAcAAgACAAIABAACAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgAHAAQAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAMAAgACAAIAAwACAAIAAgADAAIAAgACAAQAAgACAAIACgACAAIAAgAKAAIAAgACAAoAAgACAAIACgACAAIAAgAKAAIAAgACAAoAAgACAAIABwAIAAIAAgAIAAcAAgACAAcAAgACAAIABwACAAIAAgAHAAIAAgACAAcACAACAAIABwAIAAIAAgAHAAgAAgACAAcAAgACAAIACgACAAIAAgAKAAsAAgACAAoACwACAAIACgALAAIAAgAKAAIAAgACAAoAAgACAAIACgACAAIAAgAKAAsAAgACAAsACgACAAIACwAKAAIAAgAKAAIAAgACAAoAAgACAAIABwACAAIAAgAHAAIAAgACAAgABwACAAIACAAHAAIAAgAHAAgAAgACAAcAAgACAAIACwAKAAIAAgAKAAsAAgACAAoACwACAAIACAAHAAIAAgAHAAgAAgACAAcACAACAAIACgALAAIAAgAKAAIAAgACAAsACgACAAIACgACAAIAAgAKAAsAAgACAAoAAgACAAIACgACAAIAAgAKAAIAAgACAAoAAgACAAIABAACAAIAAgAEAAIAAgACAAoAAgACAAIACgACAAIAAgAKAAIAAgACAAQAAgACAAIACgACAAIAAgAKAAQAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAoAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABwACAAIAAgAHAAIAAgACAAcACAACAAIABwAIAAIAAgAHAAIAAgACAAcAAgACAAIACgAEAAIAAgAKAAIAAgACAAoACwACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAcABAACAAIABwAEAAIAAgAHAAIAAgACAAQAAgACAAIAEQASAAIAAgARABIAAgACABEAEAACAAIAEQAQAAIAAgARABAAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACAAIAEAACAAIAAgAQAAIAAgARABAAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEAACAAIAEQAQAAIAAgARABAAAgACABEAEgACAAIAFQAWAAIAAgAVABQAAgACABUAFAACAAIAFQAUAAIAAgAVABYAAgACABUAFgACAAIAFQAWAAIAAgAVABQAAgACABUAFAACAAIAFQAUAAIAAgAVABYAAgACABUAFgACAAIAFQAUAAIAAgAVABYAAgACABQAFQACAAIAEQAQAAIAAgAQABEAAgACABEAEgACAAIAFQAWAAIAAgACABQAAgACAAIAFAAVAAIAAgAUABUAAgAVABYAAgACABUAFgACAAIAFQAWAAIAAgAVABQAAgACAAIAFAACAAIAAgAUAAIAAgAVABYAAgACABUAFgACAAIAAgAUABUAAgAVABYAAgACABUAFgACAAIAAgANAAIAAgANAA4AAgACAA0ADgACAAIADQAOAAIAAgACAA0AAgACAAIADQACAAIAAgANAAIAAgANAA4AAgACAA0ADgACAAIAAgANAAIAAgANAA4AAgACAA0ADgACAAIAAgANAAIAAgANAA4AAgACAA0ADgACAAIABAACAAIAAgADAAIAAgACAAMAAgACAAIABAACAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgADAAIAAgACAAQAAgACAAIABAACAAIAAgAEAAIAAgACAAMAAgACAAIAAwACAAIAAgADAAIAAgACAAIAEAACAAIAAgAQAAIAAgACAAIAAgACAAMAAgACAAIAAwACAAIAAgADABAAAgACAAIAEAACAAIAAgAQAAIAAgACABAAAgACAAMAAgACAAIAAgAQAAIAAgADAAIAAgACAAMAAgACAAIAAgAQAAIAAgADABAAAgACAAMAEAACAAIAAgAUAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgAEAAIAAgACAAQAAgACAAIABAACAAIAAgADAAIAAgACAAMAAgACAAIAAwACAAIAAgACAAIAAgACAAIAFAACAAIAAgAUAAIAAgADAAIAAgACAAMAAgACAAIAAgAUAAIAAgADABQAAgACAAMAFAACAAIAAwACAAIAAgACABQAAgACAAIAFAACAAIAAgAUAAIAAgADABQAAgACAAMAAgACAAIABAACAAIAAgAHAAIAAgACAAUABAACAAIABQAEAAIAAgAFAAQAAgACAAQAAgACAAIABQAEAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAFAAQAAgACAAUABAACAAIABQAEAAIAAgAFAAQAAgACAAoAAgACAAIACgACAAIAAgAKAAIAAgACAAUABAACAAIABQAEAAIAAgAHAAIAAgACAAcAAgACAAIABwACAAIAAgAFAAQAAgACAAUABAACAAIABQAEAAIAAgAFAAQAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAUABAACAAIABgACAAIAAgAFAAQAAgACAAUABAACAAIABgACAAIAAgAFAAQAAgACAAUABAACAAIAEQASAAIAAgARAAIAAgACABIAEQACAAIAEQASAAIAAgARABIAAgACABMAEgACAAIAEQASAAIAAgASABEAAgACABIAEwACAAIAEwASAAIAAgASABMAAgACABMAAgACAAIAEQASAAIAAgARABIAAgACABMAEgACAAIAEgARAAIAAgARABIAAgACABIAEwACAAIAEQASAAIAAgARABIAAgACABIAEwACAAIAEQASAAIAAgARABIAAgACABIAEwACAAIAEwACAAIAAgATABIAAgACABMAAgACAAIAEwACAAIAAgATAAIAAgACABMAAgACAAIAEwASAAIAAgATAAIAAgACABMAAgACAAIAEwACAAIAAgASABMAAgACABMAAgACAAIAEgATAAIAAgASABMAAgACABMAAgACAAIAEgATAAIAAgASABMAAgACABMAAgACAAIACwACAAIAAgALAAIAAgACAAwACwACAAIACwACAAIAAgAMAAsAAgACAAsAAgACAAIACwACAAIAAgALAAIAAgACAAwACwACAAIACwACAAIAAgALAAIAAgACAAwACwACAAIACwACAAIAAgALAAIAAgACAAwACwACAAIACwACAAIAAgALAAoAAgACAAsAAgACAAIADAACAAIAAgAMAAsAAgACAAwAAgACAAIADAACAAIAAgAMAAIAAgACAAwAAgACAAIADAALAAIAAgAMAAsAAgACAAwAAgACAAIADAALAAIAAgAMAAsAAgACAAwAAgACAAIADAALAAIAAgAMAAsAAgACAAwAAgACAAIADAALAAIAAgAMAAsAAgACAAwAAgACAAIADAALAAIAAgAMAAsAAgACAAwAAgACAAIAEQASAAIAAgARABAAAgACABEAEgACAAIAEQACAAIAAgARABAAAgACABEAEgACAAIAEQASAAIAAgARABAAAgACABEAEgACAAIAEgARAAIAAgARAAIAAgACABEAEgACAAIAEQASAAIAAgAQABEAAgACABEAAgACAAIAEgATAAIAAgARABIAAgACABMAEgACAAIAEgATAAIAAgASABEAAgACABIAEwACAAIAEwASAAIAAgARABIAAgACABMAEgACAAIAEgATAAIAAgASABEAAgACABIAEwACAAIAEwASAAIAAgARABIAAgACABIAEwACAAIAEwACAAIAAgATABIAAgACABMAEgACAAIAEwACAAIAAgATAAIAAgACABMAAgACAAIAEwASAAIAAgATAAIAAgACABMAAgACAAIAEwACAAIAAgATAAIAAgACABMAAgACAAIAEwACAAIAAgASABMAAgACABMAEgACAAIAEwACAAIAAgASABMAAgACABMAAgACAAIACwACAAIAAgAKAAsAAgACAAsAAgACAAIADAALAAIAAgALAAIAAgACAAwACwACAAIACwACAAIAAgALAAoAAgACAAsAAgACAAIACwACAAIAAgALAAoAAgACAAsAAgACAAIACwACAAIAAgAKAAsAAgACAAsAAgACAAIADAALAAIAAgALAAIAAgACAAwACwACAAIADAALAAIAAgALAAIAAgACAAwACwACAAIADAACAAIAAgAMAAsAAgACAAwAAgACAAIADAALAAIAAgAMAAsAAgACAAwACwACAAIADAACAAIAAgAMAAIAAgACAAwAAgACAAIADAACAAIAAgAMAAIAAgACAAwAAgACAAIADAACAAIAAgAMAAsAAgACAAwAAgACAAIADAACAAIAAgAMAAsAAgACAAwAAgACAAIADAACAAIAAgAMAAsAAgACAAwAAgACAAIAFQAWAAIAAgAWABUAAgACABUAAgACAAIAFQAWAAIAAgAXABYAAgACABUAFgACAAIAFQAWAAIAAgAWABcAAgACABYAFQACAAIAFwAWAAIAAgAXAAIAAgACABYAFwACAAIAFQAWAAIAAgAXABYAAgACABUAFgACAAIAFgAVAAIAAgAWABcAAgACABUAFgACAAIAFQAWAAIAAgAWABcAAgACABUAFgACAAIAFQAWAAIAAgAWABcAAgACABUAFgACAAIAFwACAAIAAgAXAAIAAgACABcAFgACAAIAFwACAAIAAgAXAAIAAgACABcAAgACAAIAFwAWAAIAAgAXAAIAAgACABcAAgACAAIAFwACAAIAAgAXAAIAAgACABYAFwACAAIAFgAXAAIAAgAXAAIAAgACABYAFwACAAIAFgAXAAIAAgAXAAIAAgACABYAFwACAAIACAACAAIAAgAJAAgAAgACAAgAAgACAAIACAACAAIAAgAJAAgAAgACAAgAAgACAAIACAACAAIAAgAJAAgAAgACAAgAAgACAAIACAACAAIAAgAJAAgAAgACAAgAAgACAAIACAACAAIAAgAJAAgAAgACAAgAAgACAAIACAACAAIAAgAJAAgAAgACAAgAAgACAAIACQACAAIAAgAJAAIAAgACAAkACAACAAIACQACAAIAAgAJAAIAAgACAAkAAgACAAIACQAIAAIAAgAJAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAIAAgACAAkACAACAAIAFQAWAAIAAgAVABYAAgACABUAFAACAAIAFQACAAIAAgAVABYAAgACABUAFAACAAIAFQAWAAIAAgAVABYAAgACABUAFAACAAIAFgAVAAIAAgAVABYAAgACABUAAgACAAIAFQAWAAIAAgAVAAIAAgACABQAFQACAAIAFgAXAAIAAgAXABYAAgACABUAFgACAAIAFgAXAAIAAgAWABcAAgACABYAFQACAAIAFwAWAAIAAgAXABYAAgACABUAFgACAAIAFgAXAAIAAgAWABcAAgACABYAFQACAAIAFwAWAAIAAgAWABcAAgACABUAFgACAAIAFwACAAIAAgAXABYAAgACABcAFgACAAIAFwACAAIAAgAXAAIAAgACABcAAgACAAIAFwAWAAIAAgAXAAIAAgACABcAAgACAAIAFwACAAIAAgAXAAIAAgACABcAAgACAAIAFwACAAIAAgAXABYAAgACABYAFwACAAIAFwACAAIAAgAXAAIAAgACABYAFwACAAIACAACAAIAAgAIAAIAAgACAAcACAACAAIACQAIAAIAAgAJAAgAAgACAAgAAgACAAIACAACAAIAAgAIAAIAAgACAAgABwACAAIACAACAAIAAgAIAAIAAgACAAgABwACAAIACAACAAIAAgAIAAIAAgACAAcACAACAAIACQAIAAIAAgAJAAgAAgACAAgAAgACAAIACQAIAAIAAgAJAAgAAgACAAgAAgACAAIACQACAAIAAgAJAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAgAAgACAAkACAACAAIACQACAAIAAgAJAAIAAgACAAkAAgACAAIACQACAAIAAgAJAAIAAgACAAkAAgACAAIACQACAAIAAgAJAAIAAgACAAkACAACAAIACQACAAIAAgAJAAIAAgACAAkACAACAAIACQACAAIAAgAJAAIAAgACAAkACAACAAIACwACAAIAAgAMAAsAAgACAAwACwACAAIADAALAAIAAgALAAIAAgACAAsAAgACAAIACAACAAIAAgAIAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAgAAgACAAgAAgACAAIACAACAAIAAgAIAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAgAAgACAAgAAgACAAIACwACAAIAAgALAAIAAgACAAsACgACAAIACwAKAAIAAgAKAAsAAgACAAsAAgACAAIACwACAAIAAgAMAAsAAgACAAwACwACAAIADAALAAIAAgALAAIAAgACAAsAAgACAAIACwACAAIAAgAMAAsAAgACAAwACwACAAIADAALAAIAAgALAAIAAgACAAsAAgACAAIACAACAAIAAgAHAAgAAgACAAcACAACAAIABwAIAAIAAgAIAAIAAgACAAgAAgACAAIACAACAAIAAgAIAAcAAgACAAcACAACAAIABwAIAAIAAgAIAAIAAgACAAgAAgACAAIACwACAAIAAgALAAIAAgACAAoACwACAAIACgALAAIAAgAKAAsAAgACAAsAAgACAAIACwACAAIAAgALAAIAAgACAAoACwACAAIACgALAAIAAgALAAoAAgACAAsAAgACAAIACAACAAIAAgAHAAgAAgACAAgABwACAAIACAAHAAIAAgAIAAIAAgACAAgAAgACAAIACAACAAIAAgAIAAIAAgACAAkACAACAAIACQAIAAIAAgAJAAgAAgACAAgAAgACAAIADAALAAIAAgALAAIAAgACAAsAAgACAAIACwAKAAIAAgALAAIAAgACAAsAAgACAAIACAAHAAIAAgAIAAIAAgACAAgAAgACAAIACAAHAAIAAgAIAAIAAgACAAgAAgACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAFQAWAAIAAgAVABYAAgACABUAFAACAAIAFQAWAAIAAgAVABYAAgACABUAFgACAAIAEQASAAIAAgARABAAAgACABEAEgACAAIAEQASAAIAAgARABIAAgACABEAEgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIABgACAAIAAgAGAAIAAgACAAYAAgACAAIAmpkZP83MzD4AAAAAAAAAANo/Mz+amRk+AmcZPgAAAAAK12M/rkfhPQAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAA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uB6FPgAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAzM3M/zcxMPQAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAzM3M/zcxMPQAAAAAAAAAAAACAPwAAAAAAAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAMzNzP83MTD0AAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAMzNzP83MTD0AAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAACtdjP65H4T0AAAAAAAAAAArXYz+uR+E9AAAAAAAAAAAAAAA/AAAAPwAAAAAAAAAAAABAPwAAgD4AAAAAAAAAAAAAAD8AAAA/AAAAAAAAAACZmRk/zszMPgAAAAAAAAAAAAAAPwAAAD8AAAAAAAAAAAAAAD8AAAA/AAAAAAAAAAAAAAA/AAAAPwAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAA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AAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAAAAPwAAAD8AAAAAAAAAAGZmZj/NzMw9AAAAAAAAAABmZmY/zczMPQAAAAAAAAAAAABAPwAAgD4AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAwvUoP3sUrj4AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAFyPQj+PwnU+AAAAAAAAAADC9Sg/exSuPgAAAAAAAAAAwvUoP3sUrj4AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAEA/AACAPgAAAAAAAAAAAABAPwAAgD4AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAADC9Sg/exSuPgAAAAAAAAAAAAAAPwAAAD8AAAAAAAAAAGZmZj/NzMw9AAAAAAAAAABmZmY/zczMPQAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAQD8AAIA+AAAAAAAAAAAAAAA/AAAAPwAAAAAAAAAAAAAAPwAAAD8AAAAAAAAAAGZmZj/NzMw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAzM3M/zcxMPQAAAAAAAAAAMzNzP83MTD0AAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAMzNzP83MTD0AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAzM3M/zcxMPQAAAAAAAAAAMzNzP83MTD0AAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAzM3M/zcxMPQAAAAAAAAAAMzNzP83MTD0AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAzM3M/zcxMPQAAAAAAAAAAMzNzP83MTD0AAAAAAAAAADMzcz/NzEw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAA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AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAABmZmY/zczMPQAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAABmZmY/zczMPQAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAABmZmY/zczMPQAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAGZmZj/NzMw9AAAAAAAAAABmZmY/zczMPQAAAAAAAAAAZmZmP83MzD0AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAABmZmY/zczMPQAAAAAAAAAAZmZmP83MzD0AAAAAAAAAAGZmZj/NzMw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAABmZmY/zczMPQAAAAAAAAAAZmZmP83MzD0AAAAAAAAAAGZmZj/NzMw9AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAUrkc/sEdhPgAAAAAAAAAAFK5HP7BHYT4AAAAAAAAAAM3MTD/NzEw+AAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAGZmZj/NzMw9AAAAAAAAAABmZmY/zczMPQAAAAAAAAAAZmZmP83MzD0AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAGZmZj/NzMw9AAAAAAAAAABmZmY/zczMPQAAAAAAAAAAZmZmP83MzD0AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAM3MTD/NzEw+AAAAAAAAAADNzEw/zcxMPgAAAAAAAAAAzcxMP83MTD4AAAAAAAAAAAAAgD8AAAAAAAAAAAAAAAAAAIA/AAAAAAAAAAAAAAAAAACAPwAAAAAAAAAA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HAsyvz3BAr4ZCzI/Z8ECPhwLMr87wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9mwQI+HAsyvzrBAr4ZCzI/ZsECPhwLMr86wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/Z8ECPhwLMr87wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/aMECPhwLMr88wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9owQI+HAsyvzzBAr4ZCzI/acECPhwLMr89wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/Z8ECPhwLMr87wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9mwQI+HAsyvzrBAr4ZCzI/acECPhwLMr89wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9nwQI+HAsyvzvBAr4ZCzI/ZsECPhwLMr86wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9owQI+HAsyvzzBAr4ZCzI/ZsECPhwLMr86wQK+GQsyP2bBAj4cCzK/OsECvhkLMj9mwQI+HAsyvzrBAr4ZCzI/ZsECPhwLMr86wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9pwQI+HAsyvz3BAr4ZCzI/acECPhwLMr89wQK+GQsyP2nBAj4cCzK/PcECvhkLMj9nwQI+HAsyvzvBAr4ZCzI/Z8ECPhwLMr87wQK+GQsyP2nBAj4cCzK/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",
+            "byteLength": 119904
+        }
+    ],
+    "images": [
+        {
+            "uri": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAQACAIAAADwf7zUAABoU0lEQVR4Aezdt5UduxIF0DZgUZvUoVCGwGQYApNhXDSpZuyR3qhaWLgCp3vv/5/WIKpQB32np339+H4BAAC2oS0AAIAAAAAACAAAAIAAAHAML07//Xn8bAEABABg9aP/BjIAAAgAgLnfcwAA2FQAAIz+MgAACADA2kd/Xw8AAAKAr1YEc78qO+SPRcfyAiAAOD47phNQL3MkbT8QA8sLgADgEHV8wsDcn5IBfLkFqBo10t9DEABcoYFKmfOAsf6WF+ryKT41Z62sjwCwnabg+IS6UmSAgJW3vFAUUWcSkJQskQDgMTqoFBkgYM0tL9SlZNK9uQLCkgCgKTg+4UalyAABq215oSwok265VtZHAHAlUG9xC2iVHAmzDanW2fKirLxgV1ISAPDy8pElskoqRQZIXWG1ieKSBAbWym2pAOAr6gwW5gyVYvOkra3aRPuSBLzeTQDQFIZ2ttkifZUQINUmKDR33l7v1kcA8FYNjU/9qxSbJ64w1SbalwcCXu8mAGgKQztb41P/KsXmSSpMtYn2JQl4vds4AcCb9TS+rFXCRbXCVJtoXz4a5PVuAoCmML6zNb79rxIuqi2p5QVXYF7vJgAQ8XZtQ4b6VymWVG2CKzCvdyM7AGgKxc7W+PawSjg+LakVBldgXu8mAOA77NT/jZogjk9LqjbRvpSY17sJAJrC/ne2xreHVcLxaUmtMLgC83o3AYCk8jZkjK8Sjk9LCrgC83o3AYCAT7lpfOOrBBF7RmECqswiCAA+5WbIUP+Y/hUmKLe6yrwgFQHAp9yCu576x/QPKLf6+POGNwQAn3KLrmT1j86jKkG5jReaN7whACjv8Up2s4tNYhxxKoNCswgCQBSfcvMBA9T1RR1pO05l8BhcdxIA0PLc7OKWSGGCo1Bz84pnAUBfAHy3WqvnVAa1hgAArv9xTGLBc9mNaq3rkL2xYggAAI5J5+sMwPQvAyAA4OU/IANYbfBgXI9CAACQAaw2bsFM//E9SpMRAHDJATKA1QbTvx6FAIA2BzIAYPpHAABABrDUYPqXowQA0OmIOxJkAEsNxlbTPwKA8gZkAMD0bxmJDQBukpCFkAGsM2D611sEgJub8vrnN+oBcDA4P6wzGhTWkLayTVn9fmHAbQexzKa+GKAGPvxTs4a0jRV2/afdqB97HZwNMgBEMf1bw6J70xS2dKvfgQxgkecDpn8EAJvSumFHGU9lANCdTP+6igBginXhATIAYPq3gCQGAJsSQAZwXQemf11FADD94/pfPdp+MgBoTaZ/BACb0vQPtl9WBgCjgunftYIAYFOCU9ahKwM4rdGXTP8IADYlrv+x95ABwKClpQgApn9QlaZ/XwwArv8t3cQEAJsSV7DYeDIAmBZM/+4UBACbEhy0TlwZwIENpn8tRQCwKQHTvwzgwMbAYPpHALApAdO/DACm/xm4UxAAnGS6JPgG+zqnA5t8epFZSwAgk7wOpn8ZAAeEXqRj6CfhAUAwBWet6R9nNqZ/4xaeAACY/h3nYPrXNAIvFAQAOxIct05czdOZDZoGAgCA6R8ZANf/MoBmIgCIpDj1Mf3vsXmC6R8ZQAAAWOeJ6+7fmQ06kgxAk0d1hwmAatI8ZQBc/2sdmokAADhxAbyKQAZAAKg3IoDrfw8BMP2je2gmngCgRHHo+iidngCakgxAk0QBB20yzVMGcBOBBqKTeAJgcAEUEZj+9SUZAAEAcO6a/j0EAPQQnaTZfxMwyalPTP/oDLj+N4MhAADOXRzeoAtpI64SBABnGAAeApj+Xf/P8K/tI4UCwOwARy9u7wDNhGbbuSeYFoAMgOt/w5g2IgBAWmU6eh20zmzQgvQTBAB7DgB3BJibZQBtRAAAwIHt8Mb1v5aCAGDDgdMX0H9c/xvJ3CMIAL00CwAPAQCvB6U5w3C0M8P1G2gUuP5HDxEAAHCB4vw2/YMeIgB4CAAOYEDzcf0PAgAAJQ8BwPSPHtKcYVoGgPMb1/8YyToIAOBEdwbjtAadx12ekUMAQIcFcH4DCACAiOjizUMAGQDX/2ggAgAAYPoHBAAdBBQRHgKA63/9JOkhgAAAShEAQAAAwKUd+PQ/bh4FAMAxjAxww49vr77//LWADYMMIACYXQAA1//gCYD2IYgjQuODQDoGoJMIAAD4UAcb2Cqru79zlYAAALj+x8kN4CGAAOCUAjhn7yzAHEeSNh0RmTIUNQ3Tc/szM8Pi7BwzMzMzMzPzw8fMtHTMfLfMzNhUVbaV8acsldpdW7Mz1ap2y/L7PjG57uWxQpnfF5GZBgDK/wB0AAAA/ww0AQAAaAJgAIA3EKjDweCOAQAFiNMHAJh2ADAAAAAAAACUICP1g8HAdwWkBADAF+oUUf5nJyEegA4AAJiKu7gADH0XEJsGuQAUOQiAAQCAh46uu0rFvXoAoEEEAACqcvXw+qenBxgAACoufSeYJhfPUUErADjgCwBwPlTFqtAcdAD6XqACgKfLW6WpJkniSVTE+9IKADwAVgE67P9Zf/4A6j+YRtOX+O336A4GoL8AwKSwMnnpXibNH1LS5J7aboAAAABwDvgLSf9a9xdBRzliFXJIB6DHAMBDe3GRfFF6Pc6rD9L8MXnK4QIAwH4zdqXCmeq/kf5Rx9HGeSw0j6/em7/2EwUGAPpFvc+DYwDwAx5NZbJG+q+GyWwhKjIX8eTuApwAXoMg48AAObYRAKiImRShEf2TwqaFTYpG/Y9iZQnkE3QAmDt6dp2w6okHcKkH2E52Rrbc/JND8njKCcwWfjxPxwvPsUgu8EChNJv/ycokQGc4ACAA3VCt1P+0sJ1RE9ORTVbUfwz6i75G/9wbSwwA9Ihgjfp3Ffc7ZsAFtoif9EWaXJahKXnpWiZvbUBtAEZB4zyJpsWxY6GBhiEAwCjq/iRcmtr+ZCn9CxsXNgqN7g8mwarRlA4A9IwYtJb73o4ZzSNOYLumsOTinkevPUBqPsvn9wQO5+ndn5jJdgMAALA3tkcP4tXdkD9MChtFjUFjI/rVVHLoMn7Ttxe/77/OMQB9AcaFud9R/8kzuhzrP4rXn4de1WP/j9wxgV5/PoWpmEk0mRT2RS8dtRsz2J8N69+8QZpB9xTiHDAXAXXnySvFtd24O7ZxbKv+p9V/G7/lO4vf85/nGIBeHACAnLXuUkdqRk/1mCSd3AhZLj/LQIHcwZQTtB5VdDnaMuoZrb7cYFIo4ozTmQO5oQXwCQAdUij3w2elr1z/nxFVbaS/rIzKFqA+AZemoS3/r9iAxgOUScqVXeCH8yRDBPaWBkDb0CasDZOgmkdTZFwFAADAFz08Opr7rPQyeXq+n8/XtrKGAegNcHU3SmZlx39jBsSrsTEDtQ0Y7OZvmI50Vf034+kPF1NvwwZAdzCZdJl6UtcHppFJofU5uuQnHqBRUxUuPQUDwG8/FbJET7vVk6h3gJza/D2sYwAwjk0OrFYptM6EDrMkKm3wAGAggV1hplW4aLulYlX9Owagh5UDuLYXW/WvVZze+xFM4+rm7yECwUSlQaUzHVoBGEIW4PUrM3KDTGP+4Rxw95RoW+Vej3IHxwD0DbiyE/Tu3FURaz2AVWO7+XuogFFv+4LAlVvXfTOLuICsJyXg/JnT6T+i7dhbD4ABgMtTlVVeeBMISyx0z4T15xJFuE6oibZNbRcAANpB50IxANAf/sIP2OU3PqEznAwePkWw5BmpQvPoOAGA86LajsBmsBoMAAcAAGgm9NgT8lNx9Y+B1GNqfy6wol8rMS1KlNx5/51rSB7VNlQFep8wGAAAlligFQAP7ReL0qtI7Sh5LJeRPMOcA/DC6t9UTPWJ8uaHw54A6h8DAC8eapYwYCtY/xfSBOgVzz6SFskWpdcxr8PyKDlUZJEkibvLOsl5whLec+jkn9L9wcSsGoOquEA/1X+9DN0n/5C3Xv+Cf3kLAwDAlg+g1tt39sZWptXav89XY+Gz0meL6nOZnBQCCroZPVH8wTTmCDmk+VCN8u4bkmFRJlX6aABIIGCJBbYDwROXYumekpcuZR5TNbZOYFb68dwP5+nmUfrcYXnrOFEpGAJUfztI/2haRB1XYdVYVJ9HOYIWJ/HfMQAYRQwAAGAFe6v24IseLpoftnT3apB6TO6pGqVcmoHjhWcD8PaPHf//Dx7dWyININMAglZafzqynZFNC5sUmmMcGw/QGoBf9nX6p/5fKYD6xwDAIJUfQL1Xe0sSjMuCv/X77fyGD36E2Qm2U9jtju3SNOxPKvU/Kayu/beF/2b/j0kwDSYiJft/UP8YAADKvWeDySQrAKD/fO1Tky97dJwNwHhZ6Q+mpmL1qKIq1dB8qEaRuWwo+EMMAAcAAIBSLuV/ALTgT/72K5t7IQxPHEcRBQBxBmtMA1pDqP+cQp0yjdkJhceERvWW2j8GAACph8EAAOTg+n0ITQDAAAAA9N0D4AzZ/AMAtIYgUjPYZqjOApkG5MyQ3CC3kPVNEdIEqMQb6h8DAABDUlpA+b9NBjINeqDzSDPA8mEAACjvYTNIDDr1AChCppRez1cYAECWAZBs7P4HwAOw/wcwAOQQAB6AJgDqH8dIoZfCLfCgh28AoJYmrLJADgCZlseLXey1/qsFSDOaAKh/DAAAxwCAJgDl/+Et2CoienoE+vnAs8YAkEMAMDQPAKSK5tAmRO/+I1DrPf//GZoApAQGAPoLggxIOZoAnP3VHPq88aRf/5CuIwfAVFxEXJphFQD0DAYAVACYNIFMaP77O0v/jNjzewDU6HowU3FxdXdRac3AaXzwteEOTQD2buRHTKsHAzBE0a+iAlR5gSYA5f+ueWKqwSSYmoppRs4MU5G5wBoYBUueUZc8ShUqy493oSLJV3TY8CoabARi8w8GgAMAuiL6Vds/UgC++K8X8ABcQL49y/a0sFHUGDSoaIXo6tb/1bbAugwATEfmSZJ78tVRvUJ8pWkTVWYLFwAYmAFAhbTCVOuxYvWPAhf09WbEVGVr4O2jCQBf9PBoWpiquEtyaVmp+uvKKHJTYA1c3onJPSUpk5d59DzWIfWH2hWISzB59CB+7PqC3wVj/w/lfwzAwI6jqZ25FJ0sUdD96zXT0IQA9fjuHoDyf/8zrf73v/sTs0/eXHzuMB0vPLm3M4OpWjuaWtsB+LjA/eZ7r5YpaXJNldbX8mRcNCFayqKU5M0fj+aLSvAhEOGiHy5E9v+sPwXbPal5NFWrR21H0ZNRjtF/52R1jW++ZI05QjV+TTh+4/FYYAuMB8Ct4/TJm6WqTAotgkWTeh4IdejJwQAT0yrkXXOB+8w4Nuq/Gt2XZqB1At44gdLnpc8WfjhPch7ynHA/JxaaAOzcxgBgQDvvSS2CxlCvQ6fV/6oHkGOBc0v/RvRLo/uDFnm05jvv8JUCG4Eo/29S6e6v/dfPfO1Tk2u7cRw1RzPxWusBGgPQxh/43vFv+PfHAveTg2nwCkknO/7vfHZPJ2PlBMrKAOQ2jnQHUF90G7obAPKvi/6o96TW0v9u0Z9Zqf3XISKfoRb7YjGVIuioWultXFRj/lxF0KKKpgnwnz8nMHgPANDuApqVriJmGrTtuzajfd6sC/ebh3aDn1z5U/91Vv9Wgkk0mRT2RS8d9TCvaALAAIh0kdb22ter0dE8LZKcuutgdZTVz+8rBV4Ek0IPJuHSTsjj3sR2RjYtdHzSbCmaap+Yirx3JoAK794EoPzf+xm4rrnMSi/TidBcnWZz6LovX4aH96O0nCn9c1hTzZkUumlVWzxArdyox2MA4OzVqLniwJ//Z79UZcmhwIvg0jQ8ehCv7cX8YW9s05GtdvyDSVvq+zPPTX/Jaw4FsB9c/bkdD2IUVEJf5Bc8sh9e4NI2udOTAVhV/1i7jTYA5F+9GukFZgwi7Nmv2s/qf3dsk6Xoj3bX4QrVu7srAniATW0CQH7QFAIxouubT1CKHP+lA4DCGIB/5blQ5MMDoLoo4DE/AFD+h4iPXEPyIQJ4KOhvTgIALz5GlPQYmgul/I8BABbmL/nV//XHfNcz65/ihzm9AhuBcP7ILwA8/7pXkPP/72IASD74u//p/XI32RL081mwxuMBAAAj2n0mwYXW5ZLNEmAQaSStIfnyf8/W6tTWErR+gFlgPeABaAJUqosyCgUC6Gcyk4SAAeA9p0WwtqfA9FqJQqrvPOi+AaQiABoMA0DmYQlWHwEeAGgCAE0AIAnZtTHwp4kBACzBO//ot8tFA3gAaq587UD5HyjCQsRKnj/zyON1kO8Uqm3A+k054AFoAgCTAxMISdhBs/VdNSHbokCPHzyLULYBtAJYMvlZgHupuTKjAqkIABgA1io8ABYLQwLA5ID6Jwkp/0PsfzKh/gEPAGwEQnUB4AEowgIdALIZDwBAHwD1j/YiFZk6uPwHMAAodTwAyzxLJicBmFcB1p3PGFGmCwxA/90kacfVQHgAbAk1V2BmIBUBMAB4epYfWgF81XgAmgB4LQCUwDortpUSG74m7NcTjCxXm20t8AAAaFNqrlRhSEVAibFGYABIFzwAK3138L00AQBY4jGiHP/FAPQgn1AqgAcANgJ1qLkywTItUP4nD5koIFKnHH5O15Myx4JZ7NtMwAPwTAEAKP9jAFD/mH5aAYAHYCMQMA/jRclDxNj6nh0G4Mqt607CrWFSxgN0f1HJBPwYbzfaC6gXUP7vLsYwJBgANVEXF5FqBPQBHoBnQROAwh6w1pDSg16bKCJgAArTJOIuXiFVrP8dHtxMkZOMXwpbP0j/jfUASC5AewGsy1Axh2AAnipvJVN1SeJJVMQl4+IkXLf0ovzMYk8+nNcD0ATAWQHTCyJyHcd/6V1jACaFlimH5zG5p3psuwGo/9NvO9MxHqDv5f/Vp8DPAiC50F4A5GHP9VhesLbq2UXpAdd24yL5opTl6Hc+V5bAU6ptwIZlG+ABqM+xEQj1D5T/aWpx/PdsPcbmVToAX/TwaFH6fBmzHAs/bmOe8jhbpEXpydeUat2Tm+mYIwGU/zt4ADYCsbuX4isAecizG7QB+GVfX5f/TxuAo3kVh1HjLJnKkaTZwll7UP8PsAhdv6ukBH0AHihA92wEyv9sXq11xZYagN2xLXf/Sx4XSc5yAulwnm4dp+uH5WdulYh+5mI8ALsnHxg0AYAJAchDtv53hy1Aj+yHeov/nbE5ASypisobLFJlBm7P0seuL1735httJvGe90r94wHwhDQBMPlAyYldbZT/EQz9FxVxs6aPr31Snv3KPaYJ4EhA375YPABNAIqvAOThYMr/pxYsOgBAJQZnr3/hBx78gn9xnaygD8ADBRYdwAOwc3UTn11k+jgPTMR4ABU1tfCXftgjP+8ff1ygnUP5pZXVJgCvOcILgP0/PS7/sxEoolnX0uEawDeJB6ilf9Qw0mJsxY7Ix4dnC4GNQABML3hRzv4OnrjpcwdveP58379PjgS06j+OrZjaeC+M9//qL/pBP+XP/XMBNgIxZ9YwLQNQ/t+QNYgmQJRNB/AAaxCjqmpBQ2FxbKOdkA3A5CBML/3t3/ILftzv+QuDrs91mEbZCNRLALCjeFFuRmG1iswdLwQeAA+gqqYWT9T/fphcCtPL2QDY5ODv/5Hf/aN+zW8V6P610wRgzkR4AawFyv9MI5GVrAc2t8ceADGqZnFc7fmZXgm7V+POtbBztVL/k4P8T9p410ZTyv8cBuh/EwCARRwvSvm/XbY4DRwF1qASNtYDcCRALWahH/ceiQePFwePxb2HKwNQqf9dK6ZaTDSOXvOP//1zP+x7BTgMMAi9BTQBgFTMJQw2/wybyEo2gHe7Dx5g+vQ3HX7gf+VxYJJUi0lW/PHgseLS49kG3KX+41jjSEMUi6/55//tuR/0bZT/++8BOAkAwCIOXFpNEyAycXAeoDs23s+Rjm+k45s23huSB4i7DxWXn8oR90/U/+hE/Ydiqf5DFWqv+Zf/67kf8E0CHAZg2qQ6A9DvVGTzD+WqKDCkXF+/B9BMsNFU48jLWZrfttGOqA1Dkl79rp87uvaSML2yLPlPNCxFv0WxoEvRL6pVSDNS/scDdG8CoP6hn5CQHP9l88+Q/Ftk4qAP0AW1oGGkcawWPS18ceyeVG07e4Wve+0bn3311wh0AA8ArNwApCJ7VuvH10sDgPrHA6iqRY2jKixIKr2ciyfZYmoPQPmf7irTJpCQQPl/gLAFCPAAqqahqNR/GImaeJJUbrkB6KL+gY1AQOUV9Q+k4hqKVjQB4oZOHBwAqNPiQXoAVakNQBhVo5q4i5d5RP1T/scD9OdpAgAeYKjl//WvWXQAWMboA6iaSW0ALIqaiIunPKL+VwE8AE0AVBflf6AY2itoAkRmjXsCD6AZ0aChqMKiqknGUf9nQPkfVJk5ew0AdjTXKYan1PEAF2oAAA+gOVQtqMXaAIiaVLg46h9oAtyFahXXjq5/anIggOrazPI/AJt/2ALErIEHUFETC2qF2moHoPoL9c8KjQdoUb0TD8+uf2J08GCfJgBgR4EmQNxCRYIH6PyYajljqkEtLiOImoii/rlIAQ/QonpGAKqr97CUc/vn8Mv/EJkycALnfnba/ASAWGMAqg+NAahA/bNC8+MAqmeGPpFuftj2BABgjbD5hyZAdwMAWALVszoAqor6p/zPzwOrip0l/W0ZQVWAJgDlf+h1+X/44AEiU8Y5wRLsnVgAUwtNaB7rDoBus/pnhWYjUK3+7Sz1H3KYRtOvDkdvmk0E8AAbApCHlP/ZAoQcwRLclDtk6fO2v/7LflhzBkC3Wv1T/scDBMuhrfpv/MCJ7i+CjnJEHUeVGVMoUP4Hyv8PbLWiCRAFoBs/6U/9Y7mb1732jVuo/lmhOQxQBA0nW+FcKkwlnEj/cdRJYZOiGn/UQfr77zcBiq8A7P5/EEBEjsD9VsnZDwxY/VP+xwPUTYBHD+Js4cllkdxFTCVaJfrHS8U/LWxnlMfGA4yjiiQB6H/5Hyj/s/lniE2AyHwB+AHUP1yIB3jySvHZ22WZvC78T6Jm0b8ztt0co9oANOp/FPW3f0f8nf9lJkATAADWrv6ZTOLGqX/AD6D+80vX2ymVwwCTQoPpONr0+dV/ETQG/X3fO/5N//5YANYLCzoulM0/XFodBXoDfiCbgY1W/8AkmzcCVV31nXBpGvYnWf23ut8a3W8STIOJ5VCEF/LrgQFw9fZ1F3E2/2zlRqBItQBoDlyg3Kf8z2GAr31qkm1ANgC1+q9K/st6f6P7Vy8JFflzz01/0WsO6yt3mU5hnbCgg5m4nwSbf7asoBAHPFkAfoACP6zfA3zs+kJEYlvsVzHNSBNSjRmV0+ABWLMB1sajsxtJ5Q4uzuafQdan2AIE+IE1KH7K/0yyufx/z4oQDwCU/9cDP+45ilomTcmTSw7PUSG+HeV/CgpxMJMF4Aco8FNo2XTwAACwBvX/peF2qWoqZY4k6p6SJNG6EeD9L/93Vv+sTfHBqn8AdvJQ/scD1FUcPAAArEH9ZyaFlcmXofWYPI9Sf6jbAmz+GfZp4LhJ6h8AgD4AAEAH9f9tB7Ol7pdTYVrFIknGk7uz+WfDNwJxBgCA8j/gAQAA9Z+ZFrZIXt4JzWNaaQIski9Kny08fxhq+Z/iVESFAMCpaYt5tgclHDzAxQOA+v9BT6RFqSHJ4u7yf8rhy1j+cRFEVRbHPtR1iiZA3Ab1D0D5n1oLAADsj22RfF56M+a4uwmQXNzVXS5NJfPuT8w4+zvIhSkKAED/J1YOAwAAdCv/Z565GmvdPyt9vhxni2WUtR+Q5M1FQMnl8UvFz3vpNRkinAaO1CABKP8z1fash4sHuHgAUP+//6XjMkm9xb9V/8fLOJrnMeU/zktxl2B6NE+ve/ONZ79yb5BVKjYCxQFJEN7tswFgYqUPAAAohGmhySV5fQWQL5K0TqD2AIfzdHuWbh2nw1l69KD4yT/6ylAXKSpTcdjqH/UPlP9pAuABAACF8Oeem7pIFV5Fck0ujRM48QCHc51EDSqHs7b8P0xoAkQB1D/AUjrjAXo9d+MBAKCDQtCMVLguR2/NgC79gJd+py3wtU/KT/72IZf/WZXikAqQqH+g/A+zT71n+vQ3HX7gf9EHAAAUwuevJrryDyvoVpWoaALEQekP1D8Ac2sqw84VG++n4xvDe8fxAACAQqAJ0N0DRBkSvNtA+R/UbLRro500uyWeBvmO4wEAoItCoETFRqAowLsNlP+HhJkV0xxqwcs0sHccDwAAqH/o3gSIMiB4t4HyP6iaxnEOURvIO44HAOgACoGJgiYABmDo6h+A4oqahpHGkar5UN9xPABAB1AIrFA0AaIA7zZQ/h+aAShyiNpQ33E8AACg/rvAaeA4pKWFdxsANGMxh6hu4juOBwAAFEJ9m3Me8QBsAeLdBsr/1FdeBKpqIYeobtw7jgcAABSCjffrq5zT8U0b78m9AmwB4t3eHgBULORQ0eG/43gAABTCwPaUqtloqnHk5SzNb1sxFQs0Ae4BbgHaJvUP/NQrh6tURU3VRHWz3nE8AACgENRM41gtelr44jiPaiaich5g234IjHcb8ACgqiZqm/eOkzwAwH3B9UUOFiSVXs4rA+CFqNIE6JQqGIDhq3/AA3C3WmMAdMPecTwAAHBfsJpazKN48nIuqRRPF17TIVXisPIG9Q94AFDRHJun/kkeAOC+YBUVC6rq7pJKTwtxF8lBE6BDqtABQPoDHiBPOrNPvWd07SUySDSH1jZgw15zPAAAcF+wZkxUxd1TWXkAT+ouqjIs6ntO83h/UwUDgPoHPEDcf2Ty+NfefPvrR9e+yOdHWkxkiGys+scDAAD3BWtTxBEXr9S/5BCXYZGOb6bjG+2Fp/crVTAAqH/AA2gYFZeeyB5gcePjYXIQ9x7WIW6s/AE/4uWr999t2muOBwAA7gvWKtzFk3i5HF10QLuAUpnmt72caRzZaOrzQ/dS3C82VTAAqH/AA6io2mgappc1TnxxVB5dz6MUkwEYgGdf/TXnfMsqY9DXtxsPAADcF6xSURuA4XUAfOWG06hxrHEk5czLxYWmCgYA6Q94ADO1YMVUc5h5Sj4/ygbAU6kWRHQYcv9suhuD9b/aeAAAdAJzgq8YgCGdA/bKANQXHKkFjaMc4slTKe5rS5U48MUD9Q94AFW1oGGkxURDIaIn5YeZpIV4IaqDV/zdjcF632g8AAA6gTnBxb1V/4PR/+Kp/omD6oOahqUBSKWWc5ck7heRKnQAUP+AB1BVKzSOq7AgNc0PrJT1MYDBK37e3PbvYjV/AID7gjegAyAnHmAIeN0BkFS6u9a/ehZGEhZqQZK4l51TBQOAgAA8gGozv8SxhpFoaHcgermQ1fuVUfzkDwBwX3Bf8NMdgGHgmSSpbDb8qKnFpQGYq0Vxd0157JAqGADUP6DhVKtoDMAoj6J21x7E1N6uoCh+8gcAeqQTmBDcRdLgPICLJ69vN5LWABQSCg1RPGkqXbxDtmAAeKsBDadaHwCQZYdR86gqDS7tD6xI0wRA8ZM/DxZWBCArmBB+3j/+uEiO/yxn8brXvlE2GL/rblNxXTUAeUxJdC6uIn5P2YIB4K0GNJyqaMbEgtYGwKKoru6t9NX7lSsUub9mOBLAigBkBUWB6kvovr5shD1Yvds0o6oW1QqxygB4KnVhrnUPwO9rqsShlot4pQEPoPX+n8YAFGJxReK7r96v7C4qIoriJ4XuH3zVZALwmyEd/sYHYA/aDkCz0b8p0lmUUKjlWIiaanIRcX/hr4sOAK80kGynJ+4T9S8nBqD6rCotrQFoOgCK4scDbDMsCmQCKVHnQE//lgdgD3zFA4hLRk1rA7DcCKTlXM3cVUXy+Av+5U05BxgA3mrACaiKqJyUFuoQCyJ6ugvZhIq4KIofD7DVsCiQCaREnQPbkfnrtwe+crLZJaN6xwAsQzSolj/vn31G7hkMAK80kId/+Uc/2RoA1ZUOgK96AK9Cmj7AYBQ/cCSAdQEPQEp0/3+Y8wEhdBH2wEVOdwBUTTSohdoA/My/+TbpDgaA9xng5/69D0nFO/7qL/0hYkFFT//GSjPasz/gG2T4AOKPpYE0ICW6+wH0z73ZAxe/E3rSAXALP+UvvkEuHAwA7zDAT/nT/1SW/O3f+ctF5Ef/ht/LdwKIP5aJ72PvPggABGIYADKiETtowDEyfuROQ5qyEQN5cPzT+eubqIOqxMPzfgdo++KVIQbyAFEHxhXAKwHWR8/SlweIOuiZUgCFb4/IgDxAeurAZAI4/rNTZEAYID11YCYBHP9ZLjIgDJABdWAUBwHwSoAt4xxAGCAD6mDQ+AHgENDGEQBhgAyog0FTB4BDQKtHACQBMqAOBs0bAA4B7SABkATIoDowZgBeCRjAGnIOIA+QJerAaP3t/QW8JNd5Lnq/q6q6N82MNBqzLSfxgTDTYTSHmZn0fZeZmZnvDTMzOlKsHD4OoxwGxZJii2Y0tKm7q9at6t7Tvy3v6EYeb9X0rv7/Uyr1TGxLMz1d/TzrXdUNIAWKeqdCCfRHAqre3gy8ooAH3/r2177uQwIdQMi7c9QAfyqg6u3NwGsJpH8dQAcYasJTA85QE/BnA6qe3gy8hED6NwewDCzbaQL+hMAKqPpcEPKyAen/+M/0XwMwCpDqNAF/TqDq553AqwWkf7cE6ADynCYg+sMqqHp6nQDSvw6gA8hz9olJ/7ACqgDoN/3rAKKeJGcgsI7pHxQAQPp3S4BRgAynCaxb+gcFAJD+O0YBOoD0pgmsUfQHBQCQ/pd0AB1AdNME1iX9gwIASP+2A7klQG7jeBOQ/mHgBQCQ/o0CTjIKkNhUR+kfFACgr0X0HtK/DqADyGrcxkBA9AcFAMT9Ox2gu39Wf00GHUBQ0wSkf1AAQNzvpwP0kP6NAuzrENFunyYg/YMCALbUL9Pz6qd/HcAoQD67fZqA9A/DLwAg7vefnntP/7YD6QCS2e0zVhL9QQFYfYj7VtCNAnQAsYzTHwhI/zD4AgDifl/RuVuPP5Vfmg5g7VYgo4cmIP3DAAoAiPs6wAAgitFrE/BHDqqAFSDr6wBuCQB6aAKiPygAZxjivg5gFACYNYECAOK+DgAADLgAgLgvN/e/HQgAFAAQ93WA5RBApQEABQBkfR1ABwAABQDEfR3AdiAAUABA3NcBjAIAQAEAcV9i1gEA4DQKAIj79PCpoLYDAcAACgDI+tJ/Dx3AKAAAFADEfXqgAwCAAgDivuV/HQAAFAAQ91n5DuCWAABQABD3RXOfdwQACgAI/dL/GR0C6AAAoAAg9GMjkO1AAKAAIPeL42vYAYwCAKAKkPulfx0AABQA5H442x3AdiAAUACQ+5F0jQIAUABY99wPhgA6AAAKAEI/lv91AABQAJD7GVL61wHcEgCAAoDcDzqAUQAACgByP5b/dQAAUABY+egP6AAAoACI/lj+NwTQAQBQAJD7kf51ALcFA6AAIPqDDmAUsATcvXs95q7uXAhQABD9sfyvAwCDj/7LH+oAKADI/aADAMOP/joACgDDj/5Y/kcHANFfB0ABYB1zP9K/IYDbgkH01wFQABh+9AcdwCgARH8dAAUA0R/L/zqADgDSvw6AAoDcj/SvAwBDTf86AAoAoj+gA4D0rwOgAHBquR8mlx+Opo5URFGk9jw/Ukrdg0iRUkTqTpG6I8UbPuVvBToA0Hv61wFQADiF6A9/+D99/Na9H1VuXyzGO8VoK1UbqRynctQdRZWKMoqyO6dy0Q26Mz4aCOg3/esAKACI/pxC7o9b9h/91WLjfDHebgtAMdpcdoBjNeBYE2gPjAKA3tO/DoACgNzPKUT/pebwRp7uNUV1K/dXqRjFIvqX8/R/vAOgAwD9p38d4LSfC791CsA6Rn/k/uNyU+fcpGYasyKlMorFuUyp6M5FEWme/lMR6ADAKaT/vjuA56K3Z0fNqAK5n1WO/sflTqSco0lNyilFdxTp6FzE4kAHAHpI/710AM9FD//ofpuAAiD6I/ffhpznVSBFiogUqc6RWl0fiHklQAcA+k+c/XcAz4XnSAEQ/Rl29D8hR16cU6Scu8e3KgE+GgjoIXH2kC89F54jBUD6R+5/riawfMAZGgUAEueS50IHUABEf0T/2/e1b9y57/7dQAcAekuc/YdLz4WnSQEQ/ZH70QEAa/+eCx1AARD9Ef3RAQDp33OhAygAoj9yP24LBolTrJT+B/9kKQCiP6I/RgEA0r8OUAWiP3I/OgAInSuRKT0ROoACIPoj96MDAEj/OoACIPoj+qMDAAKl9O8pUwBEf+R+L0kdAED61wEUADkD0R8fDQTSJ37/dQAFQPRH7scoAED6P4UOoABI/4j+oAMAtEFZB1AARH/k/p587Rt37rt/N+4odAAAHSAUANEf0R90AODUsyMoAKI/cn83BIg5owAdAOxBxxCAlSsAoj+ivyaAjwYCQAEQ/ZH7NYEcnRRGAQCGACgAtx39Ef01gTNTA5pZRIqU5udlE0g6AAAoAKI/cv8ABwJ5ephSilTE8hzp+Nl2IKCHGwB6ugPYEMAHASkAoj+ivybQHFyPokipiKKcF4AiFe25e9z95PwYSBMwCgB0ABQA0R+5XxOY3ng8pTKKMhXHz1V7xOJcjm79sNQBAOBsFwDRH7lfE5g8/UdRlMc6QJUWRzmaH+NUtcdmGm0W451i45ztQABneAiAAiD6I/prAgfveuho5093fnYTKKtbHWAjjbaK8Xa5dXHr3o9yZzDQkjLhTBYA0R+53wcH7b3jl6OVUnRSpJSO3wS8KAbFohsUuaknl//4L/4bv+DOYIAzNwRAAZD+Ef0NBLp/3Gz38m38Iem/AxgFAD4CSAdQAER/5H5NoH86AACseAEQ/RH9NQFsBwI3ABgC+CoABUD0R+7XBAwBjAIAGFQBEP0R/TUBHUAHANOJxfqxIQAKgOgv9+ODg5ZFAtuBYPh9oOdKoANQif5n1/INfvlbJ/pjIGAIYBSASD2wf/9TbwhQif5nL+s/93+g+z2U+9EEnrsD6ACAG08NAahE/1UN+nb7oAmcfgewHQjQAaBan+gv8cv9mAkYBQA6gCEAlegv+sv9rNjtwt3PGAIYBQA6gGfhDBYA0d9WH+h3IKADGAUgE+sAsDIFQPQX/cEHgOoAgA6wAkMAqvVI/9K/3A+GAB3bgUAHgEr6P6PR/zY+CVT0Bx3AKAB0AEMAKunfqr/cjw6gAwA6AAqA9C/9i/5gOxCgA7iHWwGQ/s9y9Jf7wRDAKAB0AKikf+lf9EcHQAcAHQAFQPoX/eV+dADbgQAdgOf3u60ASP939l/gZ378n8WRFKk7zx9051akojuKIs0fiP6AGgBSKSYAZzv9W/g/eOSXF3E/jsX9SGUq2qNK5SiV41RtpNFmMd4pNs7J/RgCYEcQ6AAoANL/Gd7zs/eOX1im/2UHSEUZ714Atorxdrl1cevej3re0R90AKMA8BkyOoCnTwGQ/lfMzYffFp00P6X5o3R8JpCWM4FU5KaeXP7jAFADYHD+zPQP1cDSv5t9v/aNO7ObTwdgCKAGgPQPf5ZqYOlf+g9AB1AD4LRI/ygA0r93PtABWMf7gwEUAOn/LC7/AxgFgOV/qKT//qO/9A+GAGoAIP2v/EcAKQDS/9kH6ABqAEj/+MqFKs4a0d/yP+DGAED6p/8C0CXj9nIv+kv/YAiAUQCACcDg0j+gA6AGgOV/FIDlEED0t/wPOgBqAKxg+gcTAOkfQA0A6d9HACkAhgDenzqAIYD7g0H6RwGw8G/5H3QAjAJA+kcB6G8IIPpL/6ADqAEAmABI/wBqANzGPnLL//gusEr0BzAEcGMASP+YAPS9C0j0t/wPOoBRANBD+je6oQqkfwA1AKR/FIDhDQEMnQFDADUAgCqw/A/oAGoAWP5HARjiECDPT1n6B3QAo1qQ/lEABixH7o75gyY3TQBgFIDPAJX+UQCGOQRYpv/c5NxEU+emfuDH/ukbPuVvWv4HDAHUAJD+NTcFYEjePfdHM8vtUU9zPZP+AR1ADQDpHwVgMEOAee6v63nWn3THrD0Oc33YPai7xwGAGgAMhC8DNgHIuUv/Xeg/aGYHeXrQTA/ybHEcLo4f/u//o0//t/8Ly/+AIYAaAJb/MQE420OAXE+byV575OleM93P0/1b6X+x/L84ptEe0j+gA6gB2EcOCsCZNrvx5PTqY7Pdp5uDa81kt1v7nx0eJf5m1h65qaM9cntupH9AB1ADABSA0xwCPPCj/zgityJyHJ07kZv2OLort5400/16/9rk8sNX3vYN8Z44+aZ78K6H2gJQ71/tJgCzg3n0v5X7c3s0t47cnr/9yz72i7/llwIANQAwulEATsX+I7+YmyZyvVh3z8sP4WmPbkPOQbdX5/Bmm9dnN5+aXnvXbSy8xbNt3ftRxWgrWrnJR1l/+SAfnePYA8v/gCGAGgCgAJyWw3e9fZ74Z0fnenrsY3kOm9nh/Pbc/fbIs8npVI5Hf7XYOF+MNlM5SkUZqYiUItK7fzbo8oH0D+gAagCAAnBaps88Mk//06P0f/R4fiyLQTPfmXN6msMbebqXiiqK8tkdIAWADqAGALxwFIDm4MaJ9H8U+rvjBduHM//fb+a5P1J3Tr72az0BaoAmYB859EoB+OJv/eVv+dy/fCv0z6Kpl9H/hUr/J7b65PznpO377t+V/gFDAAMBAAXgdMz2ri5vw805x/yvZfQH0AFQA8DoxpcBD6oANLPD6BL/8dX4HFj+B1ADAAZZAHKuI8da5H7pHzAEUAMAFIDIOQB0ANQA1mQbCSgA7S221rZXZ/kf0AFQAwAq4bttKYNO/wCoAQAKgLV/wBAANQDs3VIAANAB1AAdAFAAsK4PoAMAKAD93wcsxAOGAOgA2EaC7wIzAZD1AR0AHQBAAQDQAdABwOimV0kBAAAdAFiL0J8imQAAYAigAwBDlY6F/pSWP1QAfB8wgA6gAzDEbSTI/ak7p+68/GF3JAUAAB1ABwAGYJnyU9Gdo+geLM+Ln2lFZAXgjAMAHQCMboqUyiLKYnmeP0ipuHVe9oHYVQDOMgBDAHQAYGtUbIzSuEyj+VGVadkBFufj0wAF4AwD0AHQAYDXvHi8s1FsVsW4mqf/Y9G/SHFs7b8V7RHvqhWAM3kfMIAOgA4A/Lef8fInrs+aHMuN/qkV3YPlObpzilj+ta8AAIAOwFndR44n7qUXqnhPtKve7dq3AgCAIYAOALDCBQAAHQAdAOz/UQCeBwB0AAAUAHcAA2AIAGACAIAhgA6AO4A9cfb/KAAAOgA6AMALo7L/B0AHQAcAFIAzAQAAUAAADAEwBADcAKAAAOgA6ADgDmAqNwAAgA4gR4ICAIAhADoA2P+jAACgAwCgANj/A6ADYAgANm4pAACgA3BqihQ5IueA1d7/0y2C33f/rgJw+wAMAdABeNHB9ZyiawBJBwAFAEAHQAcYurJIOUeTI7dHyvMOoAncDqjcAACgA6w+2B6XdZObHPNzanL3OHfUAAb3+T8mAABgCMA9O2XdxKzJdZNndZ41MT/nujuiya3AHcAoAACGAOgAA/G+l8azJrfHtO6OyezoOGyPadM97vqAGgB/vmr19/8AoAPoAHzoqzbqJhZDgFnXAbrofzDN+5Nmb9LcOGiu79fX9uubh820zgFnd/+PCQAAOoAOwP/5+q2co5kfixpwrAMcFYCrG8W4Sk2etTUgzi5QAAAAypRyijIi58hlzMtA6vpAk+umnDVHm4L2p02b/n//icOHHju4jdXff/eH3hW4AUABOMX9PwAYAvDWn3noda//0OA9zxUp5lI8W4oTPvZ9t//dx0R5VmD/jwkAADoAOeeffsuvvenNHxmsXvgzBEABsPwPoANwyum/aZq6rn/oB//5Z3zmXw8GnyvABAAApP/pdHp4ePj1X/8TX/3VnxSA/T+9q9R0AEMAeoj+s9ns4OBwd3f3+vXrz1y9duWZq0H/3Arcl4u713OsKxMAAHQABaCu64ODg+vXb1y58sxTTz395FNPP/X05b/2N77gbf/su4J+Fxat/vYjFZFy5OjkHCgA6wUAy/+TyWR3b+/qtWtPX778ZFcA2r+3M4Brr7j3b77z0X8aGAIMzqgsmtyK7kjtOffZBFagAXb19b77d4dfAE7WdAAMARSA2Wy2t79/9eq1p566/MQTTz3Rxf8rzzxz9fqNG7u7e9XGB8wOfzeQK4Zle1zUTTQ5L85NTkd9oBOYAACgAwxW0zT7Bwdt+n/yyacef/yJx+fxf5n+2//X4eHhdPrK7fGfBiuw+msIcFpedH40q3N3NMtztOd6fjR3tAZQnfWaDqADxJwmsIJu7u4+8sijv/f7f/BHf/Twn77z8XbbT5v79/b229A/mU5ns1k91zTN9qVArhiM176kmTXFvAB0x3RxFO052iNFzJpoIuc8rP0/JgAAaAI88cSTP/+Lv/xLv/SrD//JO9ot//v7+23ob5rmZPB55J0br37FYeBOgEE4t1HUzfG1/zw9fszypM6TWfe4bnKgAACgCQzGL//Krz34s//oHe949MbNm9Pp9GT0778DWP63+tuDV9xV1Tk3Ta5zzPf8dOdlE5jU+XCa96fNzYPm2n69e9gE/arM6V4gAJoA/9F/+l/Fc9MBDAGG6jUvHuUceXEXfHeKxbnJuenOUc/LwOEstwXg9584fOixA/t/TADOPABNgL/8wR/9F//ia9obfyeTSV0v1v7np+d278sP4hjL/9y9e/3qzoVhP4Mf+77b/+5jilavqlN/mgHQBET/mPvDP/zjra2toigiIh8J4M9ciTdvMQE4wwA0Ael/aX9/vyiKlFL0yPL/89m904VOu4D6fAZXoAb84NseOXklVABO52kGQBOQ/peaplEA4D2qAafVBLrEjwkAQG80AdF/6T3d+mPx2K3AnsHlQEDoVwAA0ARWP/3fDp//4+NfpP/bqAE9J34FwP4fAE2Azu//1q90HaAH4qMhgLuEe0v8CgAAmoAy0D/Q347XgO4SdKZ+W+67fzdWT2X5HwBjAUMA+38MAVaca44JAACagA5g/XjwPH3SvwIAwAo3gZNv2DpAkbojtUd05+PysUc54uUvPQzohfRPpan3CUAxGPyb+rIDnBvHRhWj8qgDLHN/zu9+jixB9r//x63A/ZP+TQAA0BCG+67/YS9PG1WkiCY/55Hbc8zPOUB5k/57U53ukw0A6sFbvrz6pw/nd93I1w9ifxqHs5jWMWu6o87d0Zw4phLk8+fzQK39YwIAgHrQZYWV+bfaeOkHvP/s8fETu49fm13db3Yn+WAaqY5OEycdjvYDlDfpvy/VMJo6ACpBlxhWo43Mrj9+987oFfdspXRYlbNqry5TLqY5RXRHE8ftlvsSZJ9L+IYA0j9VAMBQOsAyOtzZTUrNdG9UbN69lWb16OizgIqmO1Iu0nwU0HRH61raD0D6PwUKAABqQL+h/7jczFJMNsvqrs3UNGVEpFR3NSB1HSDNO0CKeLret4S85E4Az53035vK/h8A1IBTyP3H5RzNrEyxVZV11wGKeQeIRQdI8w7wyGQ/6D24B9J/779d992/e7YLQPsLOHMdAAA1oKfcf7wARJOiHnUdoOg6QC5yHH0dWErNQ9f3hMjonyGAbT86wLIA6AAAqAGnkPuPyzlFU0SMi9iuUrMx/4lcRMSDj90M0NzuXPrXAaoAADVgmftPTY7cpBRlinFZbI9Sk7sO8C0PXYuThEj7f6R/HaD/AmAIAMAa1oDuhy+gnHJTpKhudYD/8p9eiTsNu4Ds/NEBqujoAAD4muEXrANE1wH+/X9wNfCBIp64FUj/OkAVSzrA6QOAnKL5lx+4HhgCrAbpXweooqMDvFAA4P93/83gdrkB4O7d61d3LpyN9C/6+yIwAKCHpT77fwwBbPo3BOi1ABgCAID0byOQzib9n6EOUEVHBwAA6b+nKNl/QO/nH/EC1YAk/esAfRYAHQAApH/6rwHp1t+SnT86QP8FQAcAoB/Sv+V/NSAdC/0pLX+4Wk+Z9D+ADlDFkg4AANK/z//pvQYsg37qzqk7L3/YHUn61wH6LwAAgPR/6mnS/cHLlJ+K7hxF92B5XvxMKyLb9qMD9FoADAEAQPTn9EcBRUplEWWxPM8fpFTcOi/7QOz2X9ik/17dgQmADgAA0n+faVIN2BoVG6M0LtNoflRlWnaAxfn4NKDPAvC1bzofOUdk6b83d+YeAB0AAKR/NwD0VgNe8+LxzkaxWRXjap7+j0X/IsWxtf9WtEe8q46+pHKcmzpyvawBw0v/LiBVdHQAAJD+e6KWPHF91uRYbvRPregeLM/RnVPE8q/96MU3fuZrmtlB1JPcNY56nv/z8NK/C0gVAID0b/9Pj156oVrBO0S/9Us+rpnsRuQmcuScmxzRLDvAkNK/C0gVHUMAAJD+7f9Zaxsvfk19cKM9msMbbRNoJnvN7CDX03kjaIaU/l1AqujoAAAg/bO+fvh//M+bgxvFwfVi/1q9f7U9oqjiMDUR8w6QI/LAov/k8sNb937U/qO/uoYXkCo6OgAASP/2/6zp58T/+Nd9XTPZi0hHRyd3x3ztv8lN7h7koS38N3W5fbHYON8c3li3C0gVHR0AAKR/1tTo4qvy7DBPD5vJfrf55/BmfXC93n+m3r0y2326Peq9K+1P5no6qG0/qSjGO8V4O0/3clOv1QWkio4OAADSP+voZ97yi9HU0cxyPcuzSdsEmul+c7jbdYC9K+XNJ4tr56ZFNW3qrgAMadN/URSjrfZoimo54hjyBcSnAAGA9I9dQD9z/69GbqKIVoo0PxVFKqI9iqOjezy/E2BycH1It/ymVKRqoxhtpnKUmlmOrgOsyQWkio4hAABI/24AWDupqCJyF3zL7pxye25yU5dNnbuZwDTXh830oBsI7D/T3jV75W3fMIz030lFKsep2ugKQD2Z5/96TS4gVXR0AACQ/teLIcCDb317LKQ4LsVzuuevfuWQ2k8X/ctxdy6qyDmnrgSswwWkio4OAADSP6yR1CpH3XFUAJrU1DnyOlxAqujoAAAg/bNeXvu6D+mGAGsrFamo5ul/lMoqch0pRU4R+ZQvIAqADgCA9O8GgBVgF5AOkFJRzicAVSpGuahTKua7gE75AqIA6AAASP+wAnSAlKIrANVRB2iqSEWKlCOf1qVDAdABAJD+QQdYsQlAUR11gHqWUpGXu4BO7XKhAOgAAEj/rAC7gHSAlCJSudj/M+8AVaTi6OsQ8u1fJRQAHQAA6d8NAKwmHSClokhFddQBimkqiuV9wLd/ZVAAdAAAF1jpn1VkCKADpFaZiupWBygjlSmlHK103/03Y7gqb1HrAhBqLc0eJ/2DDtBNABa7gKov+c6HomcKgA4AoAxI/6AD9OYNn/K3on8KgA4A4JIr/dMXu4B0gO7XFb1SALwhAbhBU/oHcwChXwHQAQCEfunfcKkHhgD9dwChXwFw7QAQ/aV/HQBzAKFfAXDtAED61wHQAYR+BeD41dkVBADpn/7ZBXS8Awj9CkD/V2o1AADp3xBg9ZkDCP0KgBoAgOivA/TCEKD/FN61AolfAbAvCADpHx1gAHpuBUK/AmAgAID0rwMwkFbQVQKhXwFQAwCQ/llJdgHZ0qMA2BcEgPSPIQAoAAYCAEj/6ACGACgAagAA0j86ACgA9gUBIP0DKAAGAgCI/oYA2AWEAqAGACD96wCAAmBfEADSvw4AKAAGAgBI/zoAdgGhAKgBANI/AAqAfUEA0j+GAIYAKAAYCACI/ugAoACoAQBI/+gAoADYFwSA9I8OYBcQCoCBAADSPzoAKABqAADSPzqAIQAKgH1BAEj/6ACgABgIACD9904HAAUANQBA9EcHsAsIBQD7ggCkf3QAUAAwEACQ/tEBDAFQANQAAKR/dABQALxvnbyWASD9owOAAqAbALhOgg4ACoBuACD9owPg1YQCoBsACCvoAIAC4C1TPVj14OKJA+kfHQAUAIwO5IblL0orQPoHHcDLCgUAlwZPmUqAaxE6AKAAgOSkFSD94yt38MpCAYAlrQBkFNQAUAAA24dA+kcN8OJCAQAMCkA6QQ0ABQCQzI73BJD+UQNAAQBkOG0B6R81wKsMBQCQ+TSE/skl+PPmCgMKALCa79PKgPQPBgJeaCgAgDKAUAJqACgAMAwPvvXtr33dhwTKgPQPaoDXGgrAOkD6v1MdQBlAHMGfTJcRFADom+hvDqAMSP9gFAAKwHpB9NcBlAHpH9QALzoUgLWD9K8DKAMSP6gBoAAMF6K/DqAMCP2gBngxogCA9K8DKANCBqgBoAAMF6K/DqAMCP2gBniRogCA9K8DKAPCBKgBoAAMA6K/DqAMCP2gBnjxogCA6K8DKANCA6gBoACA9K8DrHhQ9jkhoAZ4UaMAgOi/pAPYMPPc+UA4ADXACxwFAKR/HUBDkAlADfBKRwEA0V8H0BBEAVifGiD9owCA6K8DSBWAGuDigAIAK5v+dQAANaDrANI/CgCI/qelS/99/Ro1jZUAGAVI/ygA0APpf/lYGegboAZI/ygAIPr3n/6PUwb6B6gB0j8KAPRP+lcG+gWoAdI/CgCI/quW/pWBngFqgPSPAtA/RH/pXxnoH6AGSP8oAP1D+veLVQZ6A6gB0j8KAIj+XXTu/9frc0X7B6gB0j/9qgKQ/k8yFgD6pwZI/ygA9Ef0l/6VAYAVqAHSPwoAQyP6S//KAIBtPygA0D/pf0kZAAAFAER/6V8ZAAAFAKR/6V8ZAAAFAER/6V8ZAAAFAKR/6V8ZAAAFAER/6d83jgGAAsB6Ef37iqrdP2JAHcBYAAAUAJD+UQYAQAFA5ht6+jcEUAYAQAEA6R9lAAAUAER/6d8QQBkAAAWAAZD+UQYAQAFA9Jf+DQGUAQBQABgA6R9lAAAUAAQy6d8QwDeOAYACwABI/xgLAIACANK/IYAyAAAKAKK/9I8yAAAKAAMi/RsCKAMAoAAg+kv/KAMAoAAg/Uv/hgDKAAAoAIj+0j/KAABUAb2S/g0BUAYAUABA+gffOAaAAoDoL/0bAqAJAKAAsKqkf9AEAFAA6IHoL/0bAmgCAF/7xp14tvvu3w1QAJD+hwQvHzUAJP7n8R/QB1AAkP4xBFADYAAk/tv6rysDVAGiP9gXBEMk8RsOoAAg/WMIYCAAAybxGw6gACD6gxoASPzKAAoA0j+GAPYFARK/nUJnlAKA6A8YCIDEbziAAoD0jyEAagCI+4YDKABI/4B9QSDxGw4oACD6cxQH7//RfxStfPRXd855fu5Ebtojt+emexBFOb70fnFGYSAAEr/hgAIA0j97D//cUejP+Sjrd3G/zt0xy/U015M8O2ym+81kt957Zv/RX/2L/8YvBGoASPwYDigAiP6DN8jMtPeOX1gu+R9b7z9WAGbLArDXHN6IiD/8nz4+Is5eDUANAInfcEABAOmf/Ud+OVo5RycvHucTM4Hc1F09WJrXgDPWAVADQOI3HFAAQPp3FW539cTtMgpQA0Dix3BAAUD0Z+jUADUAJH4MBxQApH9QA4b0Al+FDgASv2dTE1AAEP1RA1i7UQCI+3zdm8+novrqn3wmUACQ/lEDUAMQ/VkDKVLxjZ/1ftW5l3zpt/xCoAAg+qMGoAYg+jP4ApDKURptfse/8OYv+r/eEigASP/0/z6qBqgBIP3Tk5SiKFM5LkbbxXjnB/7zf33jJX/xk+/7/wcKAKI/A5wGoAaA6E9KqahStdGm/2Lj3OL46e//yXL7ntd/4l8LFABEf9QA1ABEf4Ykzff/FNVmm/vLzfPt0XWA0VYqRw8+8KuvfcNHBQoA0j9qAD4tFNGf4egKwDiNt8rNC+XWXcXmhWK8k6qNVFSRigff+lBEcjlSABD9UQMYyigA6R9SmarNNvS36b/curubAHTL/+NIRXdEsiShAPDCRX9yoAagBiD6069UVG3iLzfOd+l/++5i8/xy+T8iuRYpAJxu+icfnfOxx95i1QDUAER/epTKqtg41y3/b19sz8X4XCpHUZQRybVIAeC0oj85cn7uM2oAagDSP/1J5XiR/rtjo9v/06X/VLhJSQFA9D+l3J+byK0mnnXkiO6sAKgBqAGI/vQsVRvVzqVy50VtDeh2/1fj45t/bvdCpAAg/dPUuZm1x+JBd+5yf328BigAagBqAKI//SvGW9WFl1XnX1xszDf/pDIi+bwyBYD3KvrTHN5spnt5dpjraXvMO0B9PP0f3wXkTVcNQA1A9KdPxcb50cVXV+dekqrNSCkiuQopALxX0Z/9R3+1ObyR68li4T9yk/My65/c95+93aoB+NIApH/6VJ1/yfjSa9r9P5EKixEKANL/KSTLrXs/qtg4n6pxKqo0v6kopSJSWhwp5g+iO7pTJO+yakCfjAIQ/WH7ff9K2wEsRigAiP6nFSi7CUBbAIrxVqo2UjlOZXXUBIoypeKoD3RHWpy9v6oBqAG9Ef3htC74rkJVIPp3pP8j3Rag6V4qqjiW/rtzOtYBlsdZe2dVA1ADcIECo4AqkP6l/2fL84/9Sc00z1P+ydyfUlo88J6qBuANGFcqrEQoAIj+Zzn9L+VOpBzR5Hnez90pRXTnow4QyVupGsDKvQEj+mP/j6vQ7RcARH+OPvEz5RTtOVpHHSBypNaZehNVA1ADEP3BQFIBkP7FxOclR56fI3WV4FYZyN4+1QC8AePahZUIBQDRf3Dp/7h865S9caoBnLk3YKR/7P+xEqEAiP7S/ym8w913/+6w3y/VAIwCcCnDSoQCgPQv/XunVAPwBowLGq5CCgCiv/TvbVINwChA+l952P/jKlQFor/0791RDeAML8Ih+oOrkAIg+uN9ETXAGzAucWAUoACI/qKed0TUAG/AuNaBlYgqEP2l/6G9EaIGeANG+scNAK5CCoDoL/17F0QNMArAdQ9chRQAuV/6BzXAKADpH87KVUgBEP2R/lEDUAOkf+z/cRVSAER/pH/UALN4pH9wFVIARH/pH9QAowCkf3AVqgK5H1ADLMIh/WP/Tx9XIQVA9MfyP2oARgHSP7gKKQCiP9I/agBGAdI/LrPdNVYNUABEf6R/1ACMAqR/sBihAMj9SP+oAagB0j+4CikAor/0D2oAdgRJ/+AqpACsdPRH+kcNwChA+gdXIQVA9Ef6Rw3AKED6BzVAAZD7ATUAowDpHyxGKACiv+V/UAMwCpD+wVVIARD9pX9QAzAKAF8FoAMoAKK/9A9qQJd91/zKpgbcd//umgwBQAeoArlf+oclNWDolzs7ggDXnyoQ/aV/MNp+7jIwpGugUQCgAygAor/0D0YBXdI1HFjxUYBdQKADKAByP6AGGA4YBQA6gAIg+lv+BzXAnQNGAYArjwIg90v/oAb4NCGjALuAQAdQAOR+6R/UgFMOtWrA6gOfl6ADVKL/CwTpH0wD7AgCeqEDKAByv/QPaoAOYBRgFxDoAAqA3C/9gxqgAxgFAC44leiP9A/rWgO6dO7O4HUbBRgCgA5Qyf0A61MDjALUAEAHqOR+1mf5H9QAHcCOIMClphL9kf5BDdAB1mcUYBcQPgmUSu5H+odhvGoufPAnlDuXUjmKSPE8fPZ/8r/5sjCjAEABkPs5q+kfuP5bPxXviXZ9t13ljR4YBQCs0oc3VKI/0j+gAxgF2AUE7gGQ/pH+YeCWQwAdYK1GAeA2AB2gkv6R/oEltwQMfhQAuKpU0j9ATwwBbAeyCwhYgatKJf1j+R/ojw5wpkj/MMirSiX9swrpHzAE8AmhAP1cVSrpnxVJ/4AO4AuDLf+D+4B7uKpU0j8rkv4BdACAHq4qlfSP9A+syBBAB7D8D/RwVamkf6R/wCeE6gDrA3SASvpH+gdODgGGOgrQAcBtADpAJf2vDAB0gNtn/w9wxiYA0r/lf8AQQAcA6EEl/Z+E9A86gFsChtoBLP8DlfSP9A/YDqQDAAqA9I/0D4YAOoAOAO4DVgCkf6R/YPW2A+kA9v8APXwPgPSP9A+GAEYB5gCACYD0j/QP6AC9rOH1v/wPKADSP4AhgA5wxtI/uA2ASvrH8j/glgAABUD6R/oHeh0CGAW4/Rfo5wJSSf9I/4AOsD7pH6CS/pH+AbcFq3kBKADSP9I/cHwIoANY/gf3ASsA0j/SPwCAAiD9S/+AIQCruvxv/w+4jFTSP9I/0BMz5xVI/wBVAMDAhgC5iZQiUpyA5X+gGtIyDJb/AR3gwft/PXKOVoqTHcDyP7gPmEr6R/oHhqSpJ6koUyqiO9K7jQIAqKR/pH9gMEOA+3/kH+V6ErmKomyPFEVEcXwUYPnf/h/wQQKV9I/0DwxGc3AtleNUjhZHLqpUlO1xNA2IJP0DVNI/0j8wmCHA4RO/l0abRbXZnlO1VbTn7ocbqVq0gipSYUeQ5X9QAKR/pH9gCL7/P/7/z248nkZt7t+an7eb8XYx3s7tuenKQESkchQpnfXlf+C9uQOYSvpH+geGMQSY3XgiVRuLY9EBunPXAdpjpzs22uNc+8NUjgeY/vtf/gfpXwH4mQd+M+4EpH9AB/j2r/pb9f7V+T6fcarGTVcDNhc1YFEAuug/PV/Wk8i53B4HMLDo7w7g/gvAT/zELzdNk+YCAPrVHN6IokxFFUV16ybgcXsUi5nAaHPRBLpj41y5dXHr3o+K99rk8sMRsfhndeeijOUnkC5vO04pOt35da//0IEs/4P0bwLwnd/5D6bTaZE6RVHoAJb/AUOAnk2u/mlaBu55+F4G8aMHRZHSUUDPTT25/MfxXjv3l//++NJrqvMvKbcvFhvnu3bR3Xy8KANVFGWk8lllAJD+h1EA/rv/7jt3d3eLudQec4H0D/RIFWkmu9G7g3c9VB9cG51/Wblzqdy6e36DwU7XAUYbqVzWgKMvJXjzZ75hCMv/IPorAF9z33959eq1lFKxlI4E0j9gCDBosxtP1ntXJ+M/PIr+3bE9v/Fgs2g7wNHHjy6OUQDS/wAKwBvf9DXPPHM1crTmq/9FWRZl0VEApH+AdZDrSX0waya7yxsPUrVRVN05Lc/z+5It/8OpR393APddAD7qoz/jxo2bTdPkJrdSikUBqMqOIYD0DxgCrIvc5Drnpk71NBWHabqfj5rAsaMcByD9n+kJwF/6y68/ODjIuVnKOUd0HaCaW6chgPQPYFU7d//X1PMH3aNo6tzMukowm6Rq9GXf8ZDfKDjD6V8BeNWr/9Z0Os1z3QDgmIgoy3I0GlWjUVEUgfQPGAKsiy76d6OA1KRmFmmSZkWkcvHZoAGcdvS3/6e/AvDSl//Vuq4jH9d06qau60UHqKpqY2NjVFWB9A/oAGtYA3KKlHLKKTU516kpLP+D9H/q6b+nAnDpJR+3iPjHLecAdV3P5nKOzc3Nczs7AcAab8XpKsGa5tocefG3SNF89U8+E4D0f6rpv6cCcPFFH9Nl/Yh4dgc4PgeY1bPJdHpweNie733VKwPL/4BKcKIVrM8oIHLKaTWeCBD9pf/bKACz2SwdUyzOf4YUD8c/++c/96/86//O7//WrwTSP8D6toIcOQDp/xTTf68F4PDwMJ5Dbt3aBTSZTvf396/fuBERf/mDP1oHkP4B1qcV9PCrsPyP6C/991cA2lif8yLtRz6mmVveA9Cp65g79Q6A9A9oBaItSP/Sf08F4ODg8N1yf3de/m0hd2Lp1DsA0j+gFeC3C+lf+u/tHoDnTP/5SCzpANI/AIDof4rpv/8CcNe5py5fvfisApCfJeZ0AOkfoA9uAADpX/rv4XsAptPp8bzfnRbnJR1A+gfA/h+Q/ntI//0UgFldL/P+idyvAwAAIPr3kP57LAC5aXK8V6R/y/8A9v/0vfwP0r/0f/sFQPoX+gEARP/TC/oPvvXtPab/ThV9kf6FfgAs/yP9swz6ywddB+gp/Xcq6V/iB+CO7P8B6V/6P94Bup/sRSX9C/0AWP4H0b//9H/yJ/tRSf9CPwDA2Uj/bvDtvwC8+hWHj7xzI55bSqkoitFodP7cufd5n3s/5ZPeHEj8AFj+R/pnmf7PUAFYdoB3PrGV0jzrt0eRyiJVZTEqy/Go3BxXO1sbFy9sv+IlFz/gL7zqwy7dvPJz33jlbd/gT4bQD+AGABD9pf+zWAA6bdA/Cv1VsQj92xujc1vju3Y2Ll3YeunF7Vfcs/Xyu0f3bFypHvntK5f/eBlk/SkR+gGw/I/0L/2fvQLwontu3rx516gqNxbpf/NW+j+/+eK7Nl961+jSdrMTN9Pe1dnu0yejrT8xEj8AIPrL/WeoAHTOnbuWmhdvHUv/95zbeNGF8YvPl/dsNeeKw2p6Mx9ezdODOMFAQOgHwPI/0r/cf7YKQCcXT53benWX/rc3Lp4bXzo/unSuuLjZpv/JuN5Lsxt5upebWSydUg0QuwEApH+hv/8C0HnyxiOvetEHXdwZ3XOuumenuHujOVfWG/mgqHdjup/raeQcz+n29wXJ/QBg+R/RX+7vvwB0fvXh3/6sj/+Yi9vFXW36r+qNOCzr/VTvRz2JXEfkOKGXgYDoDwAg/Qv9p18AOj/wC7/8b77pY9v0vxmTqjkomoNUT6Kpn2P5v7eBgOgPgOV/kP7l/tMvAJ3/8ad/6X/6lL88aiZlnqRmEs00chOR44QeBgJyPwB3PJH7KgBEf6F/2AWgs1lfK/Is5VkX/XM+nv57qwGiPwCW/0H67yn3KwD/wk8+8bVvvvv20//t7wsS/QEARP++c78C0LnvLVe/9o3nbjv938ZAQO4HwPI/SP+9h34F4Jj77r/Zy8VI9AcAkP5XIPcrAPMOsNt1AABwH/DQlv8R/YV+BUAHAACQ/uV+BUAHAADL/0j/q5n7qQIAANFf6FcADAEAwPI/0r/crwDoAADg+4AR/YV+BUAHAADL/0j/cr8CoAMAgHdVpP+zHfoVAFcrANABEP3lfgXA1QoAdACkf7lfAQAA9wHrANzp9D+5/PD40vsJ/SxUQ12uAABzANi696Nu/v7Pji+9Jk8P0mhT7qdVuVQBgA7AIBUb54vR1vTqY8XGuerci1NTRyoiJaFfAXCpAoBedwF5Y6UHqSiL+ZJ/vX+13ruSpwe5HKciIpVyvwIwrOUKADAHgJRSUaVyFLlpJnvNwY1mupdGW/Ni0JUAuV8BcKkCAB2AQeX/KMpUlDk3eXbQTHab6X5RTyKllKtISehXAFyqAKCXXUDeWOlBSpGKVJTtOXKT60kzO8jT/Tw77H4y50g5Isn9CgAAYA7AMHQFYH6keQGYtdG/mR7ktgaUVeStyGme/5PQrwC4TgGADsAA0v/iKCJSzk1qZrmedhuBpgepHOdcp1xEKyW5XwFwnQKAs70LyHsrkY5NAFq5yU09LwCH3QSg3oimjlRGFJGEfgVABwAAcwCGMQFYnFs5R66jmR0VgNlWbmapWNwHnCOS3K8AuE4BgA5wdpGe1QFauemObhfQpOsA9WH3ONcpp4hS7lcAXKcAYAC7gLy3mgDE8QnA0S6gRQGYTXIzO/pK4JwjJaFfAdABAGBQ/tzWMbR3Xo6n/05XAGJZANpzPc1lHalMZZb7FQAdAAA0hJP0h7OY/pdbgPL8qLvc33WASa5nuZm9/pP/RqAA6AAA0N8uIP1Bu+hh/09nXgCaJuYF4JP/f/9ioAAEAMDw20X/+u826UQHyJG74wv+rwfiFqh8cAEAgG6DAqADAIBdQIACoAMAAIACoAMAAKzUTQX9z5pQAHQAALALiP4S/8n/gD7QPwVABwAA6C/06wP9UwB0AACA/hO/PsAQC4AOAIBdQEj8+gCDLgA6AAAg9OsD+CZgHQAAkPj1AQZaAHQAAOwCQuLXB1AAdIDli21oFxcAEPr1ARQAHcDLCQAkfn0ABWDZAdarXnsVAdgFhMSvD7AWBUAHWL6KvH4AQOgfwG+gMKMA6ACaAABI/IYDKAA6gAsTgF1AeG/VB1AAdAAAYHUSP/qAAqADAAASP/qAAqADAIAQI/2jDygAOgAA0j89+PpPfkmeHeZmFugDCgAAIP0P2Hf+i2+aPvPobPdyTinwYaMKwICHAAAg/fO9/96XNYc3UrWRiiqlIgdD5KtUTQB0AACkf37qu3948vQftWv/ETmNNlM5ilQEPnJXAdABAED6H54HfuwfNdODYvNCsXVXRBTj7VSNFYChMQpQAHQAAKR/HnzrQ7metEcRqdw432zdPS8AO6naTEUZDIUaoADoAABI/6L/22NuHvRH3d83zpWLCcDG+WK8HQoAA9sRpADoAABI/9J/J5WpmBeB8U65eVdEamtAWwZSOQoYyihAAdABAJD+Rf+lNO8AqRht5c0L3URg+2K5dXcqxwEDqgEKgA4AgPQv+h/vAEWqNoqcuwKwc6k9itFmpBQ5BwxlR5ACoAMAIP1L/0splVURm1G0BeBF1fmrxfhcSkXOdcBwRgEKgA4AgPQv+i+lIpWjIs0LwGS/3L47FaPc1AEDqgEKgA4AgPQv+i+lSKlrAVt3R26qCy8vNnaa2UHA0HYEKQA6AADSv/S/lLq7gdO5F2+85P0Pn/id2e7lgOGNAhQAHQAA6V/0X0pFmYqtzVd+WJ4d7j/26wGDrAEKgA4AgPQv+h83uuuVow975YUP+9Q//J8+PuDM7ghSAHQAAKR/6R+MAhQAHQAA6V/0BzVAAdABAJD+pf+/+G/8gl1A9LkjSAHQAQCQ/rHwj1GAAqADACD9i/6gBigAOgAA0r/0bxcQdgQpADoAANK/6A9GAQqADgCA9C/6gxqgAACA9C/92wWEHUFV0P8QAADpX/QHowAFQAcAQPoX/UENUAB0AACkf+kf7AhSAHQAAKR/0d9tABgFKAA6AADSv+gPaoACoAMAIP1L/2BHkAKgAwAg/a9g9LcLCB1AAdABAJD+pX/QARQAHQAA6V/0Bx1AAdABAJD+RX+7gNABFAAdAADpX/oHHUAB0AEAkP5F/1it5X90AAVABwBA9Bf9QQdQAHQAAOR+6R90AAVABwBA7hf9QQdQAHQAAOR+0R90gCo41XcUTQBA7pf+oV86gAKgCQAg94v+oAMoAJoAgNyP9A86QBX0+D6kDADI/dK/LwGgJzqAAmAsACD3I/2DDlAFmgCA3M+KpX+g7wkAmgAuK7auIfevPOkfUAA0AUSiHv7HdQPkfukfUADQBOSM29vb1/O/gG6A1yPSP7j6VYEm4DdZstEN8Nrsi/QPmACgCYgUngjFAC9S6R9QANAEJIm1Y2jgqUf69yUA0PFNwGgC0gO6gVcu0j+gADCgrxkWGtANPGVI/4ACgLGArIBuIPcj/YOr5eAKQPce3NevVhPwJx50A69rpH+gWpH0v/zhC/dWoQmIBeBDirzAkf7BxbNakfR//OcH8+bhnVipw9DA7xLSv48AAhOA5Zul7DhYy6dv+djzyJqk3tVvCLI+r33dh+gAoACsSvof3kBA+tcBWNIQns8LR+AG8GbRg2qV078mMIDorwPASl33AaDqPx3aVj749K8DALgHAFAAbiP9D2cgIPrrAADSvzuAYUXmwNUKBURNYADpXwcAkP4BE4AuIPrESdFfBwBYgfQPUK1YRhz+QED61wEApH9gqf/gWvWUEX0FleivAwCsQPrHDQBQ9R8TDQSkfx0A4E6lf4Cqp5ioCYj+OgCA9A+sQByq1iH9H/d1bzqfUvHVb7kWt0/61wEApH/ABOAMpP+l9I2f8vJi88KXf9/vRW9Efx0AQPp3AwCsQBaq1i39d1KKokzl+Du+5u9v3PM+n/3ffHPcHulfBwAAMAE4A+k/FVFUqRoXo81iY+dH/5f/ZnTxfT7hSz8/eP7RXwcAAFAAush4BnQFIBVVatP/eLvYOFeMd9oHD/zwzxabF1735o+NY6T/s9gBAHjt6z7ELiCwC8gE4NkFoBwVo60u+m+cbztAGm2laiOK6sEHfjOKor1uSv8AAJgADCI1ppSKMlXjo+X/zfNpvJNGm1GOUyoipcW9U10HEP3Pev0FAHcAYwhgApBaRZWqjUX67yYA4+32h6mo4lYBWHSAxQhV+tcBAABMAM7yppHF/p/xVrF5oTvaAjDaTuUoFeUy/S8ta4DorwMAACgAZ3PLeCq65f/xTrl1V9kVgHNptHm0/L/URw2Q/nUAAPcBAz3kH1uAirJN/G3uL7fuLrbuWuz/Ob75p/8aIPrrAAC4AQB6U63dJ8YUVXf77+aFcvuedgLQLf+X1fH031cNkP51AACAHsKPCUA5KjbOt8v/5c6ltga0P4xUxtKga4AP+gQAoFqzHNkVgHL7YnXuRe0EoBjvRFFGpFjqoQZI/z32YAAATADG1fmXVOdfVm7dlcrR8fQ/+BrwTZ/3AfXulWayaxYGgBsAYG2TT7WG20jGl95vdPHVqdqI07P63x32rV/515vD3ShKrwQAHwQEmACskcnlPz73l/9+LK1HB/iuf/Nz6v2rkZtUVNowAMA6x57KXaSD7wA/8N/8+/Xelcg5cnNr11P2YgAAMAFggB3gJ77xW2Zt+m8tCkA1jpS6xwAArOW6ZzXg5X8d4IEferA+vBkpdUcnp9FWpCJyHtQQAADcAQwmADrAg2/5pVxPIxVHR6SIKDfOpXKUcxM5K8QA7gMGFIAhLP/rAN21PufIdUpFkYrjHaDcursYbTbNLNc5QgcAADjjgccEQAc4WulJKVIZqdN1gKLsjlRW515Sbt6VZ5Pc1JGzlwQAgAnAGV7+1wGePedN0UX/rgIU8wKQiqq665XVhZc104NcT3LdqMUAuAEAzmTaMQHQAU6k/2UH6I7FXqBUVON73md288m2ADST3VxPvSoAAEwA+ln+1wF6SP9L8w5QplSUo4v3bs0Oo6mb/auTwxsBgPuAAQWgHzpAD+n/ZA2odl6Uqo1i80Iz3Ztc+ZM1GY0BwF/8N37BLiBEnYWq/+V/HaD/9L+UqnFVXap2Lm296iOu/+aPemEAoAOACUD/dIAeor9yDABdB3BDMHJOtbLL/zqA9K8DAGAUACYAOsDtp38dAMB9wOgACDnVWVz+1x9c+3QAAGwHAhMA6R8AsByGIcCfo7ojy/9GsdK/IQAAOgCYACD96wAA2A4EL2zCqfpf/rf831v6t+ahAwC4D9jbIpgASP9aMoAOgA6AAmD5384fHQBAB8B2INYg21RBj5fdO5v+LXUAoAN4f4RqYMv/0j+GAAA6gFEAso0JgJ0/6AAAOoBRAHSqfpb/XWelfwB0AB0Ael3cNAGw9u+6BoAOYDsQVD0s/7u8rkj6xy4gAB3AkhmyTbWeDV76BwAdQAdg4BQAO39czgDQAWwHwhCgCnpe/u8h/QOADmDtDBQAa/8AoAPoABgCVEFvy/+4DxhAB7AdCEwApP/l1XbFljEA0AG6Hw5sWO09FEucVWDFBQBOvivNHzyv9yl0AEwAXDd1AAAG8F7mfcp2IBQAzvYcAAC8TxkFYBdQFfS9/N/DtdU1y33AADqADgAKQP/p37UVAB3AdiD6ZQigALi2AoD3KaMAUAD6Xf7v4drqUgVAD87yx4PqABgCKADWV7w2TgOAGqAJ2A7E2k4AXAF1AAC8DyoDRgGs+kJnFfSW/nUAAIwFdAAwAaC3DuDyBIAmYDsQhgBV0OPyvzkAAJoA1towAZD+dQD3AQO4VUAHgJ6iThXYC+SqBICxgO1AmADQw/J/zx0AADQBowAMAaqgBzoAANggZBSACYDlfx0AAHoeCxgFYAhQBX2n//47gMuQ+4ABNAEdABQAe4EAwAYh24FQANoF0XZZNOhh+V8HAIDexwJGAdgFVAU90AEAQBPQAbAFyPL/incAtwEAoAnYDsTwAk+1ht+40Xf6NwcAALcKWI/DBAAdAAD6HwvoABgCVEEPy/+r0QFccQDQBGwHgiowBwAAG4TWZhSAIUAV9L38rwO4DxgAYwEdABMA6V8HAABNwHYgFAD67wBWGgDQBIY3CgA3AZ/h5X9zAABwq8Dk8sM6AM/f+n4PwJNv/W/Of+CbRhfvLTZ2UjFKqYiUzlb61wEAwFggTw8i4ubv/+zWvR+1/+ivBjzv9L92BeDgsV8vRttbr/rI0T2vLrfuLkZbqahiWQNWPP3rAO4DBkATyDlyk5vZ7OaT06uPtWGm2DjfHN4IeH7pf+0KwGz38sHjvx1F2dST0d2vqrbvKcY7qRynooyUuuNk+tcBVmeXIQDYINSl/zpPD+q9K/X+1YgoRpt5upebOuC50//6FoA8O5hdf3wy2oyUcjPL9aTavlRsnCuqjVRUUSxGAWkl0785AAAYC+Qu/dfTZrrXHNxoJnuRm1SOUlHl3ETOASfT/7oXgKZuDm+0HSCV44gUTR31rGxm0XWAzVSOoihf+4YPjxWkAwCAJpDzYgWzme43k908O8i5SUUZRZmalBUATqZ/BSByzvWkPriWbjweRTXvAN0cLboOcL4Ybb3uk/6qzwZdyV1AbgMAQBPIkXM0szw7zG0BaNN/PYncRCpSUeZURMonhgBI/wrAfHDWTA+6PXNFt96/+KnoOkD9hk//e7GKzAEAwK0C+ej233qSZwdtmOlqQD2bF4AUqeiOaCJyLCH9KwDHhgDTbs9c8UwsPgKolfMnf/VXxmrSAQDAWKBL/606zybz9H+Q62k3DchNxKIApO7ISQc4QfpXAOKoPTeT3a4AFGWk4nP/8/8r3o0OkFtNbqbN4e70mUdv/M5PBwBwp5pAzjHfs5DrwzxbLP9Pc1N3P9k6mgCkkP+XpH8F4MQNNHXMDpvJzSjKL/vGfxpLOsCxDxhupvv1/tXplUf2H/u19isUvGAA4A5tEMoRR+/OeTZZFIBoZpHro03/KUWYADw36V8BWL6EYnbwld/1aCzpADkv2tFiQjLbuzK9+tjhE7/bfnnCbPeyFwwA3LGxQG5yrqOZzScAh7mezAtA0x2ddNQBOjqA9K8APNccrWm+5seeiiM6QF78nnQL/7PD5vDmbO/y9No7J0//0eSpP5hdfzzPDrxgAOiXJnBi/8/RBKArAIv9P8+eAEj/0r8C8P/pvp++EUs6wAO/EYsvFpkd1Ic3693L0+vvmlx5x/Tyn7Tpvzm8cYe+X1D6B8AGoYe6BtA0i68Ay/VRAYhFAVjG/ZTcAyD9KwBi33ug/fqzt/7Ez3Wb/g9vzHavdN+XfPWx9t7f2Y3H64Nr3VUmZ38MAOBOlIEPjbkHfvQf5Xo+AajbY7q4AaA7Oqk7dACZ9nYLQPc/1H4pkt+pddN+CdpbvuuH2/Q/vfFEu/lneu1PZzeeqPevNtOD+fJ/9scAAO6gN3zq34m5H/7v/4Oop9E0kfPJCYD7gMWS2ykAq9kBxL4evPkLPv2H/sf/st380x6zG0/W+880k735GoP0DwCr4tP/7f8q5r79yz5u0QGW6d99wALG7ReAZQfwrKybz/g3/8Pv+Nc+c3bzqXn63z36jvHI/hgAwKr54m/5xYBTLADLDiDzrZsv+l9+8Bu/4EOayc3uHqOmjiz9AwCsRwFYdgA5b9185Xe9/es+5cW5mS2X/6V/AIC1KADLDiDerZv2SxK+9k3nI0v/AABrVgCWHUCkW8OvSrAHDABgHQvAsgNIcutm+bxL/wAAw1D1lAWlNx1A+gcAWAHVamZBoa1/7gUHAFAAesuCgpoOIP0DAPSh6jMLymcD6ACeNQCAtSsAyywo8a8FzyAAgAKw7AAiIwAArEUBWHYAif+sAACA/xeb+j3hGU6HmgAAAABJRU5ErkJggg==",
+            "mimeType": "image/png"
+        }
+    ],
+    "materials": [
+        {
+            "name": "fox_material",
+            "pbrMetallicRoughness": {
+                "baseColorTexture": {
+                    "index": 0
+                },
+                "metallicFactor": 0,
+                "roughnessFactor": 0.58
+            }
+        }
+    ],
+    "meshes": [
+        {
+            "name": "fox1",
+            "primitives": [
+                {
+                    "attributes": {
+                        "POSITION": 0,
+                        "TEXCOORD_0": 1,
+                        "JOINTS_0": 2,
+                        "WEIGHTS_0": 3
+                    },
+                    "material": 0
+                }
+            ]
+        }
+    ],
+    "nodes": [
+        {
+            "children": [
+                1,
+                2
+            ],
+            "name": "root"
+        },
+        {
+            "name": "fox",
+            "mesh": 0,
+            "skin": 0
+        },
+        {
+            "children": [
+                3
+            ],
+            "name": "_rootJoint"
+        },
+        {
+            "children": [
+                4
+            ],
+            "name": "b_Root_00",
+            "rotation": [
+                -0.7071080924875391,
+                0.0,
+                0.0,
+                0.7071054698831242
+            ]
+        },
+        {
+            "children": [
+                5,
+                15,
+                18,
+                22
+            ],
+            "name": "b_Hip_01",
+            "rotation": [
+                0.12769094176175547,
+                -0.6954820192393762,
+                -0.12769022650601444,
+                0.695481840425441
+            ],
+            "translation": [
+                0,
+                26.748403549194336,
+                42.93817138671875
+            ]
+        },
+        {
+            "children": [
+                6
+            ],
+            "name": "b_Spine01_02",
+            "rotation": [
+                0.0,
+                0.0,
+                -0.5904157638238317,
+                0.8070992664030376
+            ],
+            "translation": [
+                12.850601196289062,
+                0,
+                0
+            ]
+        },
+        {
+            "children": [
+                7,
+                9,
+                12
+            ],
+            "name": "b_Spine02_03",
+            "rotation": [
+                0.0,
+                0.0,
+                0.017411952404281082,
+                0.9998484004655261
+            ],
+            "translation": [
+                21.65575408935547,
+                -0.000118255615234375,
+                0
+            ]
+        },
+        {
+            "children": [
+                8
+            ],
+            "name": "b_Neck_04",
+            "rotation": [
+                0.0,
+                0.0,
+                0.30337914028264346,
+                0.9528699267168443
+            ],
+            "translation": [
+                25.64914321899414,
+                0,
+                0
+            ]
+        },
+        {
+            "name": "b_Head_05",
+            "rotation": [
+                0.0,
+                0.0,
+                -0.4002854151487349,
+                0.9163905206947555
+            ],
+            "translation": [
+                13.376960754394531,
+                0,
+                0
+            ]
+        },
+        {
+            "children": [
+                10
+            ],
+            "name": "b_RightUpperArm_06",
+            "rotation": [
+                0.0004673273262011562,
+                -0.0004461484692255928,
+                -0.7121792881110691,
+                0.7019973248825985
+            ],
+            "translation": [
+                18.677913665771484,
+                -4.297340393066406,
+                6.9675750732421875
+            ]
+        },
+        {
+            "children": [
+                11
+            ],
+            "name": "b_RightForeArm_07",
+            "rotation": [
+                0.0,
+                0.0,
+                0.03712589977348744,
+                0.9993105961441663
+            ],
+            "translation": [
+                23.04512596130371,
+                0,
+                0
+            ]
+        },
+        {
+            "name": "b_RightHand_08",
+            "rotation": [
+                -0.012037406914797018,
+                -0.00782221012465276,
+                0.4605623277185148,
+                0.8875112709988741
+            ],
+            "translation": [
+                19.350055694580078,
+                -0.14598655700683594,
+                0
+            ]
+        },
+        {
+            "children": [
+                13
+            ],
+            "name": "b_LeftUpperArm_09",
+            "rotation": [
+                0.0004972619220940174,
+                -0.0008821923166442875,
+                -0.7120874929914663,
+                0.7020900061903927
+            ],
+            "translation": [
+                18.67791748046875,
+                -4.297344207763672,
+                -6.967987060546875
+            ]
+        },
+        {
+            "children": [
+                14
+            ],
+            "name": "b_LeftForeArm_010",
+            "rotation": [
+                0.0,
+                0.0,
+                0.03712589977348744,
+                0.9993105961441663
+            ],
+            "translation": [
+                23.045124053955078,
+                0,
+                0
+            ]
+        },
+        {
+            "name": "b_LeftHand_011",
+            "rotation": [
+                0.01651791440721507,
+                0.014013739873997781,
+                0.46007557521271,
+                0.8876154790736099
+            ],
+            "translation": [
+                19.350051879882812,
+                -0.14599037170410156,
+                0
+            ]
+        },
+        {
+            "children": [
+                16
+            ],
+            "name": "b_Tail01_012",
+            "rotation": [
+                0.0,
+                0.0,
+                0.9818928940656295,
+                0.1894369145214904
+            ],
+            "translation": [
+                4.2603759765625,
+                15.958770751953125,
+                0
+            ]
+        },
+        {
+            "children": [
+                17
+            ],
+            "name": "b_Tail02_013",
+            "rotation": [
+                0.0,
+                0.0,
+                -0.0696171663387466,
+                0.9975737818081244
+            ],
+            "translation": [
+                12.411918640136719,
+                0,
+                0
+            ]
+        },
+        {
+            "name": "b_Tail03_014",
+            "rotation": [
+                0.0,
+                0.0,
+                -0.05383274484207684,
+                0.9985499664927979
+            ],
+            "translation": [
+                24.24032211303711,
+                0,
+                0
+            ]
+        },
+        {
+            "children": [
+                19
+            ],
+            "name": "b_LeftLeg01_015",
+            "rotation": [
+                0.0,
+                -0.0001717522536559936,
+                0.9700158834020681,
+                -0.2430414706359161
+            ],
+            "translation": [
+                4.813770294189453,
+                5.154018402099609,
+                -6.968006134033203
+            ]
+        },
+        {
+            "children": [
+                20
+            ],
+            "name": "b_LeftLeg02_016",
+            "rotation": [
+                0.0,
+                0.0,
+                -0.36804378855511655,
+                0.9298084586117706
+            ],
+            "translation": [
+                18.944175720214844,
+                0,
+                0
+            ]
+        },
+        {
+            "children": [
+                21
+            ],
+            "name": "b_LeftFoot01_017",
+            "rotation": [
+                0.0002484105929664666,
+                0.0,
+                0.4584841122585099,
+                0.888702569535333
+            ],
+            "translation": [
+                17.942811965942383,
+                0,
+                0
+            ]
+        },
+        {
+            "name": "b_LeftFoot02_018",
+            "rotation": [
+                0.0,
+                0.0,
+                0.5472882949090243,
+                0.8369441571906533
+            ],
+            "translation": [
+                15.779938697814941,
+                0,
+                0
+            ]
+        },
+        {
+            "children": [
+                23
+            ],
+            "name": "b_RightLeg01_019",
+            "rotation": [
+                0.0,
+                0.0,
+                0.9699585942054535,
+                -0.24327006705918533
+            ],
+            "translation": [
+                4.813777923583984,
+                5.154026031494141,
+                6.967563629150391
+            ]
+        },
+        {
+            "children": [
+                24
+            ],
+            "name": "b_RightLeg02_020",
+            "rotation": [
+                0.0,
+                0.0,
+                -0.36804381432052885,
+                0.9298084484131106
+            ],
+            "translation": [
+                18.944183349609375,
+                0,
+                0
+            ]
+        },
+        {
+            "children": [
+                25
+            ],
+            "name": "b_RightFoot01_021",
+            "rotation": [
+                -0.00015345455876803163,
+                0.0,
+                0.4579093746168346,
+                0.888998864504178
+            ],
+            "translation": [
+                17.94281005859375,
+                0,
+                0
+            ]
+        },
+        {
+            "name": "b_RightFoot02_022",
+            "rotation": [
+                0.0,
+                0.0,
+                0.5472882949090243,
+                0.8369441571906533
+            ],
+            "translation": [
+                15.779935836791992,
+                0,
+                0
+            ]
+        }
+    ],
+    "samplers": [
+        {
+            "magFilter": 9729,
+            "minFilter": 9987
+        }
+    ],
+    "scene": 0,
+    "scenes": [
+        {
+            "nodes": [
+                0
+            ]
+        }
+    ],
+    "skins": [
+        {
+            "inverseBindMatrices": 4,
+            "joints": [
+                2,
+                3,
+                4,
+                5,
+                6,
+                7,
+                8,
+                9,
+                10,
+                11,
+                12,
+                13,
+                14,
+                15,
+                16,
+                17,
+                18,
+                19,
+                20,
+                21,
+                22,
+                23,
+                24,
+                25
+            ],
+            "skeleton": 2
+        }
+    ],
+    "textures": [
+        {
+            "sampler": 0,
+            "source": 0
+        }
+    ]
+}
diff --git a/gradio/media_assets/models3d/face.obj b/gradio/media_assets/models3d/face.obj
new file mode 100644
index 0000000..a2e82ee
--- /dev/null
+++ b/gradio/media_assets/models3d/face.obj
@@ -0,0 +1,2471 @@
+####
+#
+# OBJ File Generated by Meshlab
+#
+####
+# Object face.obj
+#
+# Vertices: 845
+# Faces: 1610
+#
+####
+v 54.126293 -49.502399 71.230705 0.384314 0.254902 0.200000
+v 51.424591 -54.578999 75.431709 0.337255 0.227451 0.172549
+v 44.556496 -61.237099 65.307907 0.384314 0.254902 0.192157
+v 18.416197 -75.205498 35.343601 0.529412 0.376471 0.298039
+v 13.523697 -77.731102 34.633598 0.513725 0.364706 0.290196
+v 11.454597 -74.201599 29.775103 0.639216 0.454902 0.372549
+v 5.855427 -77.386299 30.315100 0.603922 0.435294 0.356863
+v -0.378855 -77.287903 29.743700 0.611765 0.443137 0.360784
+v 6.812867 -79.041397 33.545300 0.505882 0.368627 0.298039
+v 21.881296 -70.810898 34.982002 0.588235 0.415686 0.329412
+v 17.653797 -69.034798 30.263802 0.674510 0.478431 0.388235
+v 39.436996 -66.435501 64.968597 0.164706 0.109804 0.082353
+v 33.808598 -70.338699 57.717205 0.364706 0.247059 0.184314
+v 31.909595 -68.409302 47.974705 0.439216 0.301961 0.227451
+v 38.451797 -64.744904 55.703503 0.427451 0.294118 0.219608
+v 28.802397 -72.939499 50.408905 0.372549 0.254902 0.192157
+v 22.955397 -75.486603 43.228905 0.400000 0.274510 0.215686
+v 26.511995 -70.622101 41.049904 0.494118 0.341176 0.262745
+v 24.465696 -76.217796 49.972805 0.345098 0.239216 0.184314
+v 15.571197 -78.986099 40.602001 0.396078 0.278431 0.219608
+v 17.437696 -79.466103 47.124001 0.352941 0.247059 0.196078
+v 28.846695 -74.018898 56.477203 0.164706 0.113725 0.086275
+v 9.321696 -81.938202 48.001999 0.172549 0.129412 0.105882
+v -0.898453 -82.647102 47.089699 0.172549 0.129412 0.105882
+v -0.725759 -82.110100 43.572498 0.400000 0.301961 0.254902
+v 18.763496 -79.316498 51.133400 0.172549 0.117647 0.094118
+v 8.731546 -81.557503 44.441002 0.392157 0.286275 0.235294
+v 27.614496 -65.079002 38.432205 0.596078 0.419608 0.321569
+v 33.274998 -61.490501 43.398605 0.568627 0.400000 0.301961
+v 38.784996 -60.440899 50.047802 0.513725 0.356863 0.266667
+v 42.862595 -58.651798 55.019802 0.490196 0.337255 0.250980
+v 7.726847 -80.575996 38.638500 0.415686 0.301961 0.247059
+v -0.490965 -80.930901 37.912300 0.427451 0.317647 0.262745
+v -0.419731 -79.354401 33.152100 0.513725 0.376471 0.305882
+v -0.332592 -73.782600 27.050400 0.705882 0.505882 0.415686
+v -0.212143 -66.515099 24.546000 0.815686 0.584314 0.501961
+v 11.557498 -67.907898 26.621702 0.749020 0.529412 0.443137
+v 23.830296 -66.563599 34.771904 0.631373 0.447059 0.352941
+v 35.915897 105.133003 38.176804 0.219608 0.152941 0.117647
+v 36.548496 101.879997 36.786003 0.454902 0.309804 0.235294
+v 27.391598 102.010002 31.503502 0.278431 0.188235 0.141176
+v 59.787598 -0.163902 47.832703 0.611765 0.403922 0.321569
+v 50.721996 -9.559180 38.382904 0.721569 0.490196 0.403922
+v 52.439697 -0.358719 38.911705 0.741176 0.501961 0.419608
+v 29.889196 -56.737301 37.395603 0.662745 0.470588 0.360784
+v 26.097795 -54.826500 33.666504 0.694118 0.486275 0.372549
+v 26.293499 -49.727501 32.217205 0.717647 0.501961 0.388235
+v 25.434498 -44.035900 30.291403 0.729412 0.509804 0.400000
+v 31.436096 -44.876701 34.064003 0.737255 0.533333 0.411765
+v 32.500095 -51.078300 37.202503 0.690196 0.490196 0.376471
+v 21.003098 -62.278099 31.444601 0.705882 0.501961 0.400000
+v 26.550097 -59.714100 35.467205 0.666667 0.474510 0.364706
+v 44.267796 -52.222500 50.556103 0.552941 0.384314 0.290196
+v 44.155598 -45.754700 45.234005 0.607843 0.423529 0.325490
+v 39.424698 -54.441200 45.685303 0.588235 0.411765 0.309804
+v 42.849094 -40.630600 40.559803 0.662745 0.462745 0.364706
+v 38.941998 -42.900600 37.800304 0.713725 0.505882 0.400000
+v 52.563396 -19.698900 43.829704 0.650980 0.443137 0.356863
+v 46.654697 -16.837099 36.168205 0.749020 0.517647 0.427451
+v 33.321995 -35.720200 31.409004 0.745098 0.541176 0.427451
+v 32.657997 -40.731899 33.174603 0.752941 0.549020 0.427451
+v 35.472797 -44.317001 36.017105 0.737255 0.533333 0.415686
+v 27.102999 -39.309502 30.560902 0.713725 0.494118 0.388235
+v 21.412498 -21.051500 22.568802 0.733333 0.509804 0.415686
+v 23.988897 -17.175900 24.872402 0.803922 0.549020 0.447059
+v 27.558098 -24.650700 25.424603 0.745098 0.533333 0.443137
+v 27.926598 -35.123001 29.129301 0.701961 0.494118 0.384314
+v 24.306997 -32.355598 25.602802 0.674510 0.478431 0.384314
+v 26.352098 -28.906099 25.178001 0.725490 0.537255 0.439216
+v 22.071098 -41.536701 27.588202 0.670588 0.447059 0.368627
+v 20.085999 -45.811401 26.494501 0.701961 0.486275 0.384314
+v 19.001799 -42.619900 24.806602 0.662745 0.431373 0.364706
+v 28.976398 -21.374100 26.378202 0.788235 0.556863 0.454902
+v 26.341497 -16.211300 25.941402 0.839216 0.584314 0.474510
+v 30.814697 -16.946400 27.290703 0.866667 0.611765 0.501961
+v 15.764998 -20.247000 19.382002 0.698039 0.478431 0.392157
+v 16.598598 -15.898800 21.267502 0.737255 0.486275 0.400000
+v 22.444199 -3.466390 25.169203 0.752941 0.505882 0.415686
+v 21.588697 -7.433040 25.304302 0.760784 0.513725 0.423529
+v 18.939598 -4.099130 23.521101 0.556863 0.321569 0.270588
+v 26.227198 -11.129200 26.175901 0.894118 0.639216 0.533333
+v 23.958097 -13.787900 25.571701 0.843137 0.584314 0.474510
+v 3.233079 -28.114599 12.996900 0.807843 0.517647 0.474510
+v 3.691189 -24.150000 13.560400 0.788235 0.545098 0.450980
+v 7.239779 -23.905701 14.043200 0.760784 0.533333 0.439216
+v 3.876879 -20.045601 14.070800 0.803922 0.580392 0.490196
+v 9.195189 -19.025499 15.793001 0.705882 0.498039 0.411765
+v 3.141149 -17.198000 13.771500 0.807843 0.584314 0.498039
+v 4.931409 -13.967200 13.240000 0.737255 0.509804 0.435294
+v 30.555098 -31.658199 28.330402 0.737255 0.537255 0.439216
+v 36.921795 -39.106701 34.709404 0.749020 0.541176 0.427451
+v 37.097694 -31.720600 32.396603 0.737255 0.521569 0.415686
+v 32.560898 -26.616501 28.413202 0.749020 0.533333 0.435294
+v 10.314199 -9.869830 13.888401 0.564706 0.352941 0.301961
+v 3.716749 -10.896600 9.270600 0.549020 0.333333 0.278431
+v 6.998729 -8.745080 9.093191 0.458824 0.274510 0.247059
+v 11.017399 -7.650950 11.325301 0.407843 0.235294 0.196078
+v 13.094099 -8.179750 13.619401 0.596078 0.372549 0.305882
+v 14.387198 -9.345590 16.544502 0.682353 0.423529 0.349020
+v 14.674398 -10.957500 19.197702 0.619608 0.352941 0.286275
+v 12.273198 -13.638600 18.082401 0.670588 0.415686 0.349020
+v 15.706099 -12.324600 21.310001 0.654902 0.400000 0.341176
+v 0.160743 -11.927500 9.164860 0.631373 0.415686 0.345098
+v 16.748499 -0.088195 17.466702 0.486275 0.262745 0.211765
+v 14.135499 2.999720 13.703901 0.498039 0.278431 0.223529
+v 15.227698 3.521270 17.552402 0.509804 0.286275 0.227451
+v 11.515499 5.295930 9.697881 0.517647 0.298039 0.235294
+v 12.664099 6.361880 14.138000 0.529412 0.305882 0.243137
+v 17.526098 -1.031370 20.210901 0.478431 0.250980 0.203922
+v 18.114098 -7.909870 23.033703 0.556863 0.313725 0.266667
+v 10.384699 8.630760 10.439901 0.541176 0.321569 0.250980
+v 17.828499 0.413114 21.808401 0.541176 0.305882 0.250980
+v 17.929298 -3.542410 20.437902 0.482353 0.247059 0.203922
+v 17.031097 -10.684200 22.274002 0.619608 0.368627 0.313725
+v 0.287526 -2.020300 -3.337250 0.925490 0.694118 0.627451
+v 3.060050 -2.048090 -2.924980 0.894118 0.650980 0.584314
+v 3.007730 -4.729930 -2.346410 0.870588 0.611765 0.537255
+v 5.864850 -1.934710 -1.552539 0.835294 0.592157 0.525490
+v 5.417400 -4.893230 -0.945915 0.788235 0.533333 0.458824
+v 8.198860 -5.353820 2.653151 0.627451 0.403922 0.329412
+v 5.432270 -7.772490 2.088590 0.639216 0.411765 0.337255
+v 6.036009 -8.309330 5.213161 0.458824 0.270588 0.223529
+v 8.222100 -6.896640 5.293671 0.498039 0.305882 0.247059
+v 5.315060 7.954630 2.505800 0.662745 0.400000 0.321569
+v 5.391600 3.642640 -0.798212 0.729412 0.454902 0.372549
+v 3.235490 4.316670 -1.382350 0.764706 0.482353 0.396078
+v 5.431940 1.019950 -1.779530 0.788235 0.521569 0.443137
+v 3.012540 0.964488 -2.729010 0.847059 0.572549 0.494118
+v 3.567950 -7.050370 -0.455861 0.772549 0.517647 0.439216
+v 0.254061 -9.470920 1.815530 0.694118 0.466667 0.388235
+v 3.185970 -9.021570 1.994320 0.686275 0.458824 0.380392
+v 3.347260 -9.952950 5.307401 0.568627 0.360784 0.294118
+v 11.644599 -4.814710 6.525851 0.666667 0.439216 0.360784
+v 10.245199 -6.916610 8.546041 0.431373 0.254902 0.207843
+v 14.322199 -5.140650 10.096601 0.682353 0.439216 0.360784
+v 13.032799 -7.158690 11.593801 0.564706 0.352941 0.286275
+v 16.428497 -5.656990 13.658102 0.650980 0.396078 0.321569
+v 15.041399 -7.855270 14.466301 0.674510 0.423529 0.345098
+v 17.493698 -6.043210 17.118502 0.572549 0.313725 0.254902
+v 16.415197 -8.234700 17.133102 0.619608 0.356863 0.290196
+v 0.234891 4.747230 -1.584250 0.788235 0.498039 0.407843
+v 7.301090 1.952910 -0.069825 0.709804 0.443137 0.364706
+v 9.047320 -0.970925 1.557191 0.690196 0.443137 0.368627
+v 9.465290 3.177850 3.547511 0.596078 0.352941 0.282353
+v 17.660997 -6.569220 20.282202 0.505882 0.258824 0.215686
+v 16.557198 -9.033780 19.871101 0.552941 0.290196 0.235294
+v 20.394499 -10.617700 24.778902 0.776471 0.517647 0.427451
+v 19.250498 -13.611500 23.636002 0.780392 0.513725 0.423529
+v 11.990899 1.078080 6.089581 0.576471 0.337255 0.266667
+v 12.157999 -1.685630 5.705281 0.647059 0.403922 0.329412
+v 8.839929 9.251840 7.807421 0.568627 0.341176 0.262745
+v 8.096309 14.803000 11.047301 0.600000 0.368627 0.290196
+v 11.552299 11.023700 14.935801 0.584314 0.360784 0.278431
+v 8.089608 23.007601 17.162300 0.607843 0.376471 0.290196
+v 12.042598 18.267500 20.407701 0.627451 0.396078 0.305882
+v 21.344799 3.444300 24.364801 0.760784 0.525490 0.435294
+v 10.378798 43.596600 19.092800 0.760784 0.545098 0.439216
+v 11.674199 50.650799 15.859901 0.796078 0.596078 0.509804
+v 54.439495 58.174599 40.267605 0.525490 0.352941 0.262745
+v 56.231796 64.326599 44.901005 0.525490 0.349020 0.258824
+v 20.091297 46.555901 20.626602 0.615686 0.435294 0.352941
+v 12.458998 40.488800 23.149502 0.682353 0.470588 0.364706
+v 11.517699 58.712601 14.732701 0.894118 0.666667 0.576471
+v 20.941198 69.476898 17.756903 0.811765 0.568627 0.458824
+v 28.594099 70.756203 20.988201 0.768627 0.537255 0.427451
+v 36.831398 72.183800 26.344303 0.705882 0.490196 0.380392
+v 44.649097 71.571800 32.518906 0.650980 0.447059 0.337255
+v 44.312595 65.052498 30.244703 0.650980 0.450980 0.349020
+v 51.160194 68.888397 38.786102 0.580392 0.392157 0.290196
+v 50.121696 63.216999 35.800903 0.592157 0.400000 0.301961
+v 29.676498 38.193501 27.577202 0.278431 0.203922 0.172549
+v 32.242195 35.520000 28.930403 0.176471 0.149020 0.133333
+v 36.059795 38.007198 28.101904 0.337255 0.254902 0.223529
+v 29.195498 28.762300 30.062502 0.537255 0.407843 0.376471
+v 35.387295 30.454100 30.872303 0.494118 0.427451 0.419608
+v 40.619995 36.623299 30.930103 0.376471 0.290196 0.262745
+v 40.689995 30.856199 33.447403 0.560784 0.435294 0.415686
+v 46.166798 34.721901 35.938004 0.427451 0.274510 0.219608
+v 24.791199 28.750900 30.347101 0.631373 0.439216 0.380392
+v 23.558298 30.911301 30.865202 0.654902 0.525490 0.490196
+v 23.990099 35.138500 30.007702 0.588235 0.525490 0.505882
+v 18.925999 31.543200 29.964102 0.607843 0.411765 0.345098
+v 22.978798 22.609301 29.898302 0.698039 0.478431 0.415686
+v 44.176495 24.024099 36.367702 0.666667 0.462745 0.368627
+v 48.844097 28.759600 40.696102 0.568627 0.372549 0.290196
+v 29.935898 20.776899 30.510502 0.764706 0.541176 0.462745
+v 37.725395 21.069901 32.600403 0.768627 0.552941 0.450980
+v 43.673397 41.639000 29.921003 0.639216 0.447059 0.364706
+v 30.249598 43.423698 24.863802 0.698039 0.498039 0.396078
+v 21.971298 38.089298 28.511002 0.552941 0.376471 0.305882
+v 18.851599 37.250599 29.058102 0.600000 0.403922 0.317647
+v 26.141699 38.694302 27.701101 0.415686 0.305882 0.258824
+v 24.366098 42.716400 25.250301 0.670588 0.470588 0.364706
+v 33.047497 40.919201 25.876904 0.588235 0.415686 0.341176
+v 38.202995 45.220299 25.513803 0.741176 0.541176 0.447059
+v 37.181396 41.326099 26.587204 0.592157 0.415686 0.341176
+v 40.767696 39.773300 28.946104 0.533333 0.368627 0.305882
+v 17.566698 40.536701 25.680403 0.682353 0.478431 0.372549
+v 12.599898 34.387402 26.919203 0.635294 0.439216 0.356863
+v 9.244298 36.241699 22.858601 0.670588 0.454902 0.349020
+v 42.106094 27.525101 34.601604 0.588235 0.396078 0.337255
+v 9.833448 28.316700 23.639999 0.592157 0.392157 0.298039
+v 18.639698 24.671700 29.695803 0.650980 0.447059 0.376471
+v 17.292599 20.688499 27.482101 0.654902 0.439216 0.341176
+v 13.333098 24.688499 26.033302 0.607843 0.407843 0.305882
+v 22.784698 17.533800 28.735502 0.721569 0.498039 0.407843
+v 30.601099 15.688600 30.290201 0.780392 0.560784 0.466667
+v 41.169495 16.181299 33.723103 0.792157 0.564706 0.458824
+v 47.120296 20.681999 37.970406 0.709804 0.501961 0.400000
+v 51.931698 25.841200 43.142902 0.639216 0.443137 0.341176
+v 52.340096 32.697899 43.622303 0.576471 0.384314 0.298039
+v 55.356895 32.597599 46.411205 0.619608 0.439216 0.341176
+v 53.222797 37.287899 42.089905 0.568627 0.392157 0.301961
+v 29.678698 24.733801 30.073902 0.717647 0.501961 0.431373
+v 36.489197 25.085699 31.599504 0.698039 0.498039 0.427451
+v 7.209608 -47.131500 19.961300 0.694118 0.474510 0.392157
+v 14.446698 -46.892300 22.922901 0.701961 0.486275 0.392157
+v 14.611198 -50.406300 25.080801 0.741176 0.521569 0.407843
+v 59.776695 32.152901 51.172405 0.615686 0.435294 0.333333
+v 55.757698 22.840000 45.449802 0.650980 0.447059 0.341176
+v 50.009796 17.205099 38.838005 0.725490 0.501961 0.396078
+v 41.713795 8.508140 32.452805 0.839216 0.580392 0.486275
+v 57.126797 40.041698 45.909004 0.552941 0.380392 0.294118
+v 60.104397 43.092098 50.342705 0.509804 0.345098 0.262745
+v 54.672398 42.407398 40.515404 0.556863 0.380392 0.305882
+v 56.906197 46.631001 42.925304 0.462745 0.305882 0.239216
+v 51.822495 43.786900 36.258904 0.596078 0.415686 0.337255
+v 54.271397 50.864399 37.835804 0.419608 0.282353 0.223529
+v 47.592297 46.765598 30.486204 0.627451 0.454902 0.384314
+v 49.821495 53.293598 31.830803 0.427451 0.298039 0.243137
+v 42.391796 49.445400 25.742804 0.607843 0.454902 0.388235
+v 44.034695 54.943100 26.506004 0.443137 0.317647 0.266667
+v 36.751995 50.112900 22.968603 0.545098 0.407843 0.349020
+v 37.753296 55.541100 22.525805 0.490196 0.364706 0.313725
+v 28.692497 48.042801 21.970001 0.600000 0.435294 0.356863
+v 31.105598 56.180599 19.828001 0.596078 0.450980 0.392157
+v 36.435097 81.925400 28.781404 0.682353 0.470588 0.364706
+v 45.338295 80.322098 35.563904 0.603922 0.411765 0.305882
+v 24.592999 80.095299 21.969002 0.772549 0.541176 0.427451
+v 11.213599 69.043297 15.977401 0.835294 0.588235 0.474510
+v 11.825998 81.413200 18.962801 0.803922 0.564706 0.447059
+v 21.538898 53.003700 17.177603 0.588235 0.439216 0.380392
+v -0.179365 43.542702 17.002100 0.898039 0.666667 0.564706
+v 5.625159 37.419102 18.996799 0.803922 0.576471 0.466667
+v 4.198629 23.955999 12.407200 0.686275 0.435294 0.345098
+v 14.535299 -2.114900 9.443011 0.631373 0.380392 0.309804
+v 15.685598 8.142320 20.454601 0.658824 0.427451 0.337255
+v 30.598497 1.488610 27.147802 0.839216 0.576471 0.490196
+v 29.978397 -6.397050 26.571701 0.894118 0.635294 0.545098
+v 41.297398 -1.405200 31.022003 0.854902 0.596078 0.509804
+v 36.111397 -6.540340 28.005903 0.882353 0.623529 0.537255
+v 44.276794 -9.991890 32.788902 0.811765 0.568627 0.478431
+v 36.580196 -12.147500 28.853804 0.874510 0.623529 0.525490
+v 23.545498 26.550501 30.193302 0.670588 0.454902 0.392157
+v 7.536978 -50.700600 22.940800 0.737255 0.513725 0.407843
+v 0.049966 -50.745201 22.357901 0.713725 0.490196 0.403922
+v -0.059187 -47.707500 19.745001 0.662745 0.450980 0.376471
+v 13.614799 -61.189201 26.770203 0.772549 0.549020 0.447059
+v 7.402448 -54.763500 24.320801 0.792157 0.549020 0.443137
+v 5.676798 -60.044102 24.120001 0.815686 0.568627 0.478431
+v 0.007680 -58.305000 23.528999 0.823529 0.568627 0.478431
+v 14.550098 -55.003899 26.621601 0.780392 0.549020 0.431373
+v 20.750698 -49.841400 28.390602 0.729412 0.505882 0.396078
+v 14.341599 -43.669201 21.142101 0.690196 0.443137 0.392157
+v 9.106318 -44.220402 18.280300 0.749020 0.454902 0.427451
+v 4.624769 -44.514198 17.213200 0.768627 0.458824 0.439216
+v 13.494699 1.203290 9.375581 0.541176 0.305882 0.247059
+v 17.587399 -3.090150 17.170603 0.521569 0.282353 0.231373
+v 15.390899 0.616895 13.529201 0.525490 0.290196 0.239216
+v 16.498499 -2.610490 13.351402 0.580392 0.333333 0.270588
+v 0.114789 -17.205601 13.556900 0.803922 0.576471 0.490196
+v 0.213039 -10.739900 5.333460 0.631373 0.419608 0.345098
+v 0.155695 9.698840 1.605760 0.737255 0.458824 0.372549
+v 63.699497 35.875702 57.276005 0.541176 0.364706 0.274510
+v 62.952995 26.737499 54.915302 0.588235 0.400000 0.301961
+v 62.913197 46.593300 56.027405 0.486275 0.321569 0.239216
+v 66.067696 49.149700 63.298607 0.435294 0.282353 0.207843
+v 67.025894 36.883900 64.329010 0.478431 0.313725 0.235294
+v 66.947090 22.464199 62.047707 0.505882 0.325490 0.243137
+v 62.186794 10.766600 50.973103 0.576471 0.376471 0.290196
+v 68.964989 11.545400 68.556404 0.415686 0.266667 0.200000
+v 64.644791 3.438430 56.958504 0.498039 0.317647 0.243137
+v 7.315678 30.263700 20.278500 0.635294 0.407843 0.309804
+v 16.478199 14.480500 23.730602 0.674510 0.435294 0.341176
+v 22.498598 11.176800 26.488401 0.752941 0.505882 0.411765
+v 30.975899 9.046680 28.818901 0.800000 0.545098 0.447059
+v 59.705097 18.493999 48.250504 0.619608 0.415686 0.317647
+v 53.774796 10.607700 40.580803 0.741176 0.505882 0.411765
+v 4.194539 31.168200 16.627800 0.733333 0.498039 0.388235
+v -0.049233 31.606899 15.159500 0.800000 0.552941 0.435294
+v 60.551994 58.758701 51.876305 0.482353 0.313725 0.231373
+v 64.570694 60.979000 60.018402 0.403922 0.266667 0.196078
+v 58.582897 51.884102 46.769802 0.482353 0.317647 0.239216
+v 58.461395 70.455803 49.594505 0.466667 0.313725 0.231373
+v 52.436497 76.538399 42.343403 0.533333 0.356863 0.262745
+v -0.208444 49.913601 15.256100 0.917647 0.698039 0.611765
+v -0.124523 58.086498 14.326200 0.905882 0.674510 0.584314
+v 0.274219 81.382401 18.191799 0.819608 0.576471 0.458824
+v 0.481933 93.290398 21.740499 0.725490 0.498039 0.384314
+v 12.405998 93.661400 22.874903 0.713725 0.486275 0.376471
+v 24.880598 93.906502 26.578302 0.658824 0.447059 0.341176
+v 36.480595 93.078102 32.634003 0.576471 0.388235 0.294118
+v 46.004696 90.203003 39.649605 0.505882 0.345098 0.258824
+v 53.584496 85.144096 46.494904 0.450980 0.305882 0.223529
+v 62.545998 71.367798 56.403603 0.364706 0.250980 0.188235
+v 59.255596 78.845100 52.443905 0.400000 0.274510 0.203922
+v 61.191795 85.050301 57.241005 0.333333 0.235294 0.180392
+v 65.452393 75.230003 61.807304 0.286275 0.207843 0.160784
+v 68.381790 63.713902 67.643311 0.266667 0.188235 0.149020
+v 69.324196 50.443100 71.447411 0.341176 0.227451 0.172549
+v 70.128990 37.903400 72.923409 0.360784 0.239216 0.180392
+v 70.487595 24.768299 72.393105 0.396078 0.250980 0.192157
+v 10.803699 -24.072800 15.435301 0.713725 0.501961 0.407843
+v 15.684198 -24.840200 18.155502 0.698039 0.494118 0.403922
+v 14.923498 -28.631399 17.459002 0.729412 0.498039 0.431373
+v 19.121199 -30.573601 20.995502 0.694118 0.478431 0.403922
+v 21.119598 -26.506599 21.583101 0.701961 0.509804 0.423529
+v 36.499996 -22.712601 30.213703 0.811765 0.572549 0.466667
+v 40.448395 -36.176701 36.400604 0.725490 0.509804 0.407843
+v 44.144596 -32.603699 38.731205 0.705882 0.490196 0.392157
+v 38.536495 -47.817600 40.317505 0.666667 0.474510 0.364706
+v 46.546295 -37.311100 43.387104 0.635294 0.439216 0.349020
+v 50.373398 -34.235699 47.127705 0.611765 0.423529 0.333333
+v 49.724796 -40.818298 50.185303 0.588235 0.403922 0.317647
+v 49.255295 -27.889099 42.907104 0.658824 0.454902 0.360784
+v 44.257797 -23.479799 35.807602 0.752941 0.525490 0.427451
+v 40.645798 -27.765900 34.063705 0.764706 0.537255 0.431373
+v 40.754898 -19.093399 32.012905 0.815686 0.576471 0.478431
+v 10.416199 -27.973200 14.961201 0.756863 0.498039 0.443137
+v 0.075350 -28.306400 12.898400 0.803922 0.521569 0.466667
+v 0.092755 -24.430799 13.505000 0.772549 0.529412 0.443137
+v 0.110785 -20.513000 13.908800 0.807843 0.588235 0.501961
+v 0.085609 -54.512001 23.610901 0.784314 0.537255 0.443137
+v 20.909399 -54.946800 30.047201 0.729412 0.509804 0.392157
+v 35.645298 -55.715099 42.223003 0.623529 0.439216 0.337255
+v 49.814896 -48.565498 56.933704 0.517647 0.356863 0.274510
+v 47.977795 -55.414200 62.039703 0.443137 0.301961 0.231373
+v 55.688496 -28.994600 53.447903 0.560784 0.380392 0.301961
+v 55.983391 -43.000198 65.692207 0.450980 0.305882 0.239216
+v 56.362797 -36.061699 59.322903 0.517647 0.349020 0.274510
+v 57.892796 -19.573200 52.540302 0.560784 0.376471 0.294118
+v 70.365593 -2.993800 89.379608 0.321569 0.211765 0.164706
+v 71.177193 8.937180 81.271606 0.321569 0.211765 0.164706
+v 72.558990 10.622100 91.867805 0.298039 0.200000 0.156863
+v 66.125992 -21.471800 81.920410 0.341176 0.223529 0.168627
+v 67.528091 -10.306600 77.117210 0.364706 0.239216 0.180392
+v 61.701691 -27.660801 67.740509 0.443137 0.294118 0.227451
+v 68.337189 -0.022244 71.967606 0.380392 0.243137 0.188235
+v 63.424397 -15.896200 64.452606 0.443137 0.290196 0.219608
+v 68.125694 -16.648800 92.619408 0.301961 0.200000 0.156863
+v 63.768192 -32.212200 86.796310 0.305882 0.203922 0.156863
+v 61.167294 -36.372501 75.628105 0.376471 0.250980 0.192157
+v 59.626293 -41.868698 80.668411 0.333333 0.223529 0.172549
+v 64.162796 -6.066620 60.428703 0.454902 0.294118 0.223529
+v 57.393696 -11.239100 47.991703 0.611765 0.411765 0.329412
+v 72.524994 24.387699 82.025009 0.282353 0.188235 0.145098
+v 73.856789 35.723499 88.540108 0.105882 0.074510 0.062745
+v 73.683792 23.761801 91.300209 0.243137 0.164706 0.129412
+v 74.501190 30.125500 94.839706 0.094118 0.062745 0.050980
+v 74.034592 22.480499 96.303810 0.141176 0.098039 0.078431
+v 72.831192 7.859240 98.770004 0.149020 0.101961 0.082353
+v 69.296593 -13.425300 99.241905 0.305882 0.200000 0.160784
+v 71.395790 -3.606020 100.302010 0.325490 0.215686 0.172549
+v 71.129791 -7.143250 103.242004 0.188235 0.125490 0.101961
+v 68.107590 -18.211399 101.004005 0.133333 0.086275 0.070588
+v 72.363594 -0.137348 102.838005 0.176471 0.117647 0.094118
+v 46.213596 99.739601 44.501404 0.388235 0.266667 0.200000
+v 54.685898 92.834099 51.120205 0.376471 0.258824 0.192157
+v 55.596695 97.970802 54.777103 0.294118 0.207843 0.160784
+v 59.781796 92.442200 58.018204 0.125490 0.090196 0.066667
+v 50.586895 101.808998 50.572002 0.172549 0.121569 0.094118
+v 43.422997 104.478996 44.205505 0.184314 0.125490 0.098039
+v 72.007690 49.799099 78.898109 0.250980 0.176471 0.137255
+v 73.057594 49.127201 82.269409 0.094118 0.066667 0.054902
+v 49.949097 58.855202 33.782906 0.564706 0.388235 0.301961
+v 44.336697 60.042801 28.311203 0.603922 0.419608 0.337255
+v 37.959198 59.937000 23.450504 0.674510 0.482353 0.400000
+v 4.464459 16.161301 7.486950 0.682353 0.423529 0.341176
+v 0.094371 16.649401 6.087460 0.745098 0.466667 0.376471
+v 0.014745 24.425800 10.934700 0.745098 0.482353 0.384314
+v 71.478493 58.516998 75.568504 0.105882 0.074510 0.058824
+v 68.260490 72.263603 66.620407 0.137255 0.101961 0.082353
+v 70.731094 66.735497 71.686806 0.109804 0.082353 0.066667
+v 72.507889 38.181301 81.341507 0.254902 0.176471 0.137255
+v 64.500496 82.174896 61.573006 0.149020 0.109804 0.082353
+v 55.767296 99.280998 55.781605 0.145098 0.101961 0.078431
+v 12.876298 100.102997 25.744701 0.317647 0.215686 0.164706
+v 0.286601 -4.793040 -2.721520 0.894118 0.643137 0.568627
+v 64.638489 -29.722000 98.167007 0.121569 0.082353 0.062745
+v 58.149193 -45.228298 86.664307 0.290196 0.196078 0.152941
+v 62.356594 -36.605999 93.365707 0.274510 0.184314 0.141176
+v 60.716892 -40.186600 93.595604 0.113725 0.078431 0.058824
+v 56.109493 -48.650299 86.931511 0.141176 0.098039 0.074510
+v 49.385094 -57.278099 77.067108 0.160784 0.109804 0.082353
+v 66.355392 -24.387800 96.374504 0.270588 0.184314 0.141176
+v 37.257298 34.215500 30.609003 0.415686 0.392157 0.388235
+v 39.520298 33.790501 31.976805 0.529412 0.494118 0.490196
+v 27.428999 33.649700 29.901602 0.372549 0.333333 0.309804
+v 23.755198 -35.746101 28.257301 0.482353 0.278431 0.235294
+v 3.793149 -35.116299 16.927900 0.600000 0.278431 0.294118
+v 3.855958 -38.129200 17.080799 0.756863 0.376471 0.407843
+v -0.023884 -38.223301 16.909401 0.749020 0.368627 0.400000
+v 8.071998 -35.035198 18.102501 0.588235 0.266667 0.286275
+v 8.431998 -37.966801 18.149799 0.717647 0.352941 0.384314
+v 13.239598 -35.231899 20.689901 0.545098 0.262745 0.274510
+v 13.372499 -37.816101 20.728703 0.631373 0.317647 0.337255
+v 17.666399 -35.273201 23.658503 0.447059 0.227451 0.227451
+v 17.640099 -37.751598 24.088802 0.556863 0.282353 0.286275
+v 21.365198 -34.941399 26.083202 0.478431 0.266667 0.231373
+v 21.738897 -38.277302 27.387302 0.564706 0.325490 0.298039
+v 21.377197 -34.903000 26.050001 0.490196 0.278431 0.239216
+v -0.125513 -44.742699 17.141100 0.749020 0.454902 0.419608
+v 14.317698 -31.063400 17.972801 0.662745 0.403922 0.364706
+v 6.533319 -27.864201 13.520501 0.788235 0.505882 0.458824
+v 17.674997 -35.227402 23.629501 0.427451 0.219608 0.211765
+v 18.364597 -33.324001 22.496202 0.580392 0.341176 0.301961
+v 13.245798 -35.168499 20.655602 0.537255 0.258824 0.270588
+v 13.862498 -33.057598 19.452902 0.596078 0.333333 0.313725
+v 8.065038 -34.963299 18.048201 0.580392 0.270588 0.282353
+v 9.277578 -32.971199 17.116100 0.631373 0.349020 0.337255
+v 3.799159 -35.048901 16.841700 0.600000 0.278431 0.294118
+v 5.629269 -33.251099 16.003500 0.643137 0.349020 0.341176
+v 2.758119 -33.165501 15.103900 0.650980 0.345098 0.341176
+v 0.038323 -35.330101 16.649599 0.396078 0.176471 0.192157
+v 0.067189 -33.274799 14.942100 0.662745 0.345098 0.352941
+v 2.880549 -31.155199 13.597900 0.701961 0.388235 0.380392
+v 5.936328 -30.985800 14.264301 0.694118 0.396078 0.380392
+v 4.098669 -41.269699 16.459999 0.811765 0.458824 0.486275
+v 8.892108 -41.014599 17.645000 0.760784 0.427451 0.450980
+v 9.781240 -30.931801 15.664701 0.682353 0.400000 0.376471
+v 13.905798 -40.587799 20.457802 0.658824 0.360784 0.364706
+v 18.077698 -39.992001 24.048601 0.603922 0.341176 0.325490
+v 0.069898 -31.269300 13.405600 0.725490 0.411765 0.407843
+v 37.322296 65.013603 24.625504 0.709804 0.498039 0.396078
+v 29.652199 63.115200 19.714302 0.780392 0.560784 0.466667
+v 21.287199 60.616798 16.368002 0.847059 0.623529 0.533333
+v 0.127883 -14.200400 12.254200 0.741176 0.509804 0.435294
+v 0.278404 1.040420 -3.071150 0.870588 0.596078 0.513725
+v -0.116712 37.803699 17.313200 0.882353 0.650980 0.533333
+v 0.279360 -7.378550 -0.992634 0.819608 0.560784 0.478431
+v 0.046502 68.758400 15.460200 0.854902 0.607843 0.494118
+v 0.599951 99.454498 24.243299 0.349020 0.235294 0.180392
+v 0.031221 -35.395699 16.746401 0.458824 0.203922 0.219608
+v -0.106864 -41.376099 16.290199 0.800000 0.447059 0.474510
+v -53.841106 -48.983299 71.426689 0.407843 0.274510 0.215686
+v -51.275307 -53.996498 75.538391 0.368627 0.247059 0.192157
+v -44.535206 -60.645199 65.560791 0.411765 0.274510 0.211765
+v -18.750103 -74.796997 35.786999 0.529412 0.372549 0.298039
+v -14.085703 -77.391403 34.978100 0.509804 0.364706 0.290196
+v -11.957403 -73.963402 30.096098 0.635294 0.450980 0.368627
+v -6.566503 -77.262100 30.449800 0.596078 0.431373 0.349020
+v -7.564453 -78.871101 33.695099 0.501961 0.360784 0.290196
+v -22.016403 -70.478699 35.529198 0.588235 0.415686 0.329412
+v -17.863401 -68.837303 30.791098 0.674510 0.478431 0.388235
+v -39.540703 -65.852203 65.266602 0.180392 0.121569 0.090196
+v -33.939205 -69.790604 58.118694 0.388235 0.262745 0.200000
+v -31.925804 -67.925903 48.449497 0.458824 0.317647 0.239216
+v -38.444904 -64.204102 56.125298 0.450980 0.305882 0.231373
+v -28.939505 -72.407097 50.816597 0.392157 0.270588 0.203922
+v -23.188004 -74.982597 43.634598 0.415686 0.290196 0.223529
+v -26.559404 -70.188103 41.544697 0.505882 0.352941 0.270588
+v -24.695004 -75.705597 50.416195 0.364706 0.250980 0.192157
+v -16.072004 -78.604698 40.981701 0.403922 0.282353 0.223529
+v -17.844904 -79.063103 47.658199 0.360784 0.250980 0.196078
+v -29.056807 -73.493698 56.917194 0.176471 0.117647 0.090196
+v -10.376904 -81.684601 48.519402 0.168627 0.121569 0.101961
+v -19.158804 -78.889801 51.744801 0.176471 0.121569 0.094118
+v -9.669264 -81.344200 44.934101 0.376471 0.274510 0.223529
+v -27.571703 -64.815102 39.005997 0.603922 0.423529 0.329412
+v -33.198803 -61.133202 43.968197 0.576471 0.403922 0.305882
+v -38.691704 -59.988998 50.588497 0.525490 0.364706 0.274510
+v -42.734406 -58.145699 55.489697 0.501961 0.341176 0.258824
+v -8.533234 -80.387604 38.906601 0.407843 0.294118 0.239216
+v -11.915502 -67.795502 26.995598 0.745098 0.529412 0.443137
+v -23.853804 -66.357597 35.367195 0.635294 0.447059 0.352941
+v -34.301003 104.745003 38.021896 0.207843 0.141176 0.109804
+v -35.090004 101.537003 36.596096 0.427451 0.282353 0.215686
+v -26.006802 101.713997 31.525198 0.270588 0.176471 0.133333
+v -59.540703 -0.172551 48.112595 0.619608 0.403922 0.325490
+v -50.470104 -9.587020 38.842495 0.729412 0.490196 0.411765
+v -52.236305 -0.444375 39.310497 0.745098 0.501961 0.419608
+v -29.805405 -56.547798 37.997498 0.666667 0.474510 0.364706
+v -26.022703 -54.744801 34.242695 0.694118 0.490196 0.376471
+v -26.218403 -49.663700 32.767998 0.717647 0.498039 0.388235
+v -25.394102 -44.041801 30.750198 0.729412 0.505882 0.396078
+v -31.448503 -44.790001 34.639797 0.737255 0.525490 0.403922
+v -32.419804 -50.899601 37.823597 0.690196 0.490196 0.376471
+v -21.044302 -62.170700 31.980398 0.705882 0.498039 0.400000
+v -26.501503 -59.568001 36.049995 0.670588 0.474510 0.368627
+v -44.034306 -51.844898 51.117294 0.560784 0.384314 0.294118
+v -43.882004 -45.489799 45.821396 0.611765 0.419608 0.329412
+v -39.261204 -54.099098 46.284496 0.592157 0.411765 0.309804
+v -42.625404 -40.450100 41.156296 0.662745 0.458824 0.360784
+v -38.801704 -42.761002 38.411594 0.713725 0.501961 0.396078
+v -52.231606 -19.653799 44.279896 0.658824 0.443137 0.356863
+v -46.410305 -16.803400 36.662895 0.756863 0.517647 0.427451
+v -33.261505 -35.711102 31.876297 0.741176 0.537255 0.423529
+v -32.671204 -40.674500 33.693596 0.749020 0.545098 0.423529
+v -35.453705 -44.188400 36.643997 0.733333 0.529412 0.411765
+v -27.096502 -39.330601 30.955198 0.713725 0.498039 0.384314
+v -21.293402 -21.040701 22.753899 0.729412 0.498039 0.407843
+v -23.889301 -17.153200 25.090498 0.796078 0.537255 0.431373
+v -27.442001 -24.677700 25.678598 0.741176 0.529412 0.435294
+v -27.894802 -35.143299 29.500797 0.698039 0.494118 0.384314
+v -24.245901 -32.390999 25.918598 0.666667 0.470588 0.380392
+v -26.250002 -28.942699 25.473698 0.721569 0.529412 0.431373
+v -22.010002 -41.590900 27.971397 0.670588 0.450980 0.364706
+v -20.023802 -45.808498 26.881199 0.705882 0.486275 0.384314
+v -18.923801 -42.662899 25.164799 0.666667 0.435294 0.364706
+v -28.864202 -21.376200 26.642797 0.784314 0.545098 0.443137
+v -26.229301 -16.210501 26.192198 0.827451 0.568627 0.454902
+v -30.681902 -16.933201 27.620897 0.858824 0.603922 0.490196
+v -15.621302 -20.221901 19.470098 0.690196 0.470588 0.380392
+v -16.465702 -15.840100 21.345999 0.729412 0.474510 0.384314
+v -22.337402 -3.399040 25.406399 0.741176 0.494118 0.396078
+v -21.458002 -7.348170 25.506098 0.721569 0.474510 0.380392
+v -18.854101 -4.005630 23.601898 0.533333 0.301961 0.250980
+v -26.091501 -11.087000 26.476297 0.878431 0.623529 0.513725
+v -23.841803 -13.780800 25.798899 0.831373 0.572549 0.458824
+v -3.088731 -28.148701 13.002100 0.811765 0.521569 0.478431
+v -3.510681 -24.156099 13.543200 0.788235 0.541176 0.450980
+v -7.061972 -23.912500 14.032299 0.764706 0.529412 0.435294
+v -3.687661 -20.046000 14.031400 0.807843 0.584314 0.494118
+v -9.043321 -19.022600 15.774699 0.705882 0.494118 0.403922
+v -2.931611 -17.201000 13.721800 0.807843 0.584314 0.494118
+v -4.743171 -14.022100 13.188100 0.737255 0.505882 0.431373
+v -30.459501 -31.690300 28.703999 0.729412 0.537255 0.435294
+v -36.833103 -39.026501 35.269897 0.749020 0.537255 0.423529
+v -36.962105 -31.691099 32.883995 0.741176 0.517647 0.411765
+v -32.433002 -26.637400 28.764599 0.749020 0.529412 0.427451
+v -10.186301 -10.045900 13.821699 0.560784 0.341176 0.290196
+v -3.445531 -10.998200 9.252610 0.556863 0.337255 0.278431
+v -6.762481 -8.908630 9.055569 0.494118 0.294118 0.258824
+v -10.854001 -7.895510 11.215299 0.427451 0.250980 0.211765
+v -12.950301 -8.438200 13.560799 0.588235 0.368627 0.305882
+v -14.310402 -9.532510 16.465097 0.674510 0.411765 0.333333
+v -14.624502 -11.047600 19.142298 0.615686 0.345098 0.282353
+v -12.154902 -13.660100 18.041199 0.662745 0.403922 0.337255
+v -15.637602 -12.306800 21.315199 0.635294 0.376471 0.313725
+v -16.678001 0.018672 17.475899 0.454902 0.239216 0.188235
+v -14.077101 3.077540 13.715799 0.470588 0.254902 0.203922
+v -15.178302 3.616140 17.563799 0.490196 0.270588 0.215686
+v -11.450801 5.402890 9.661229 0.498039 0.278431 0.219608
+v -12.646701 6.457730 14.109399 0.513725 0.294118 0.231373
+v -17.444702 -0.924688 20.193298 0.450980 0.227451 0.184314
+v -18.059002 -7.877630 23.064198 0.529412 0.286275 0.243137
+v -10.368801 8.722010 10.384299 0.521569 0.301961 0.235294
+v -17.744202 0.517129 21.854698 0.521569 0.294118 0.239216
+v -17.907402 -3.455530 20.442198 0.458824 0.231373 0.188235
+v -16.974201 -10.677600 22.292898 0.596078 0.341176 0.286275
+v -2.506120 -2.028510 -3.080180 0.913725 0.674510 0.607843
+v -2.469770 -4.768590 -2.486050 0.886275 0.623529 0.552941
+v -5.439900 -1.886710 -1.785390 0.847059 0.584314 0.517647
+v -4.991440 -4.960640 -1.139691 0.803922 0.541176 0.462745
+v -7.917010 -5.451350 2.487329 0.647059 0.415686 0.341176
+v -5.044560 -7.893640 1.983989 0.650980 0.415686 0.349020
+v -5.685171 -8.434240 5.155859 0.486275 0.290196 0.243137
+v -7.915720 -7.024910 5.173709 0.537255 0.337255 0.282353
+v -5.069190 8.041960 2.428190 0.662745 0.396078 0.317647
+v -5.017550 3.745630 -0.921486 0.737255 0.454902 0.372549
+v -2.789870 4.372350 -1.462200 0.772549 0.486275 0.396078
+v -4.999330 1.117930 -1.968431 0.792157 0.509804 0.427451
+v -2.481880 1.025610 -2.840810 0.854902 0.576471 0.494118
+v -3.088550 -7.134860 -0.568535 0.784314 0.529412 0.447059
+v -2.741080 -9.109190 1.948480 0.694118 0.462745 0.384314
+v -2.959080 -10.054000 5.285800 0.576471 0.360784 0.298039
+v -11.491201 -4.921930 6.367449 0.674510 0.447059 0.372549
+v -10.020901 -7.086960 8.412829 0.474510 0.290196 0.243137
+v -14.259301 -5.239610 9.939149 0.690196 0.443137 0.368627
+v -12.878401 -7.387150 11.456599 0.564706 0.352941 0.290196
+v -16.464901 -5.716880 13.556098 0.647059 0.388235 0.317647
+v -14.983801 -8.065290 14.371499 0.670588 0.415686 0.337255
+v -17.583902 -6.038910 17.100498 0.560784 0.305882 0.247059
+v -16.457602 -8.372230 17.068798 0.623529 0.352941 0.286275
+v -6.973730 2.091660 -0.242824 0.705882 0.435294 0.356863
+v -8.818600 -0.891477 1.383239 0.690196 0.439216 0.364706
+v -9.290710 3.329020 3.458919 0.580392 0.337255 0.266667
+v -17.710503 -6.541460 20.280298 0.498039 0.250980 0.207843
+v -16.597502 -9.103660 19.840698 0.560784 0.290196 0.239216
+v -20.254002 -10.584600 24.919098 0.725490 0.466667 0.380392
+v -19.110601 -13.563800 23.751698 0.756863 0.490196 0.400000
+v -11.853701 1.210450 5.993569 0.552941 0.313725 0.247059
+v -12.033501 -1.648010 5.569239 0.631373 0.388235 0.313725
+v -8.771261 9.366440 7.745239 0.549020 0.317647 0.247059
+v -8.091181 14.909600 10.967199 0.588235 0.352941 0.278431
+v -11.574701 11.120500 14.904899 0.564706 0.341176 0.262745
+v -8.252582 23.095100 17.156300 0.592157 0.356863 0.274510
+v -12.164402 18.366899 20.500298 0.607843 0.372549 0.286275
+v -21.284002 3.497090 24.570698 0.768627 0.525490 0.431373
+v -10.742502 43.732601 19.227800 0.772549 0.552941 0.447059
+v -12.018201 50.872398 15.973799 0.796078 0.596078 0.513725
+v -53.977802 58.171299 39.694695 0.501961 0.325490 0.250980
+v -55.620903 64.281502 44.285595 0.509804 0.329412 0.247059
+v -20.308903 46.723099 20.792599 0.607843 0.427451 0.345098
+v -12.843102 40.605900 23.333698 0.694118 0.474510 0.368627
+v -11.662601 58.885700 14.851099 0.890196 0.662745 0.576471
+v -20.507902 69.580101 17.878298 0.800000 0.549020 0.435294
+v -27.933802 70.843803 20.968597 0.749020 0.509804 0.400000
+v -36.014503 72.235001 26.102497 0.690196 0.466667 0.356863
+v -43.836502 71.610802 32.086895 0.631373 0.423529 0.317647
+v -43.620102 65.109001 29.763796 0.635294 0.427451 0.329412
+v -50.451702 68.894699 38.239597 0.564706 0.372549 0.278431
+v -49.542004 63.241699 35.253395 0.576471 0.380392 0.290196
+v -29.960102 38.037498 27.851099 0.282353 0.203922 0.168627
+v -32.476303 35.348900 29.197298 0.176471 0.149020 0.133333
+v -36.246204 37.764400 28.355696 0.329412 0.254902 0.223529
+v -29.328802 28.733900 30.342098 0.529412 0.392157 0.360784
+v -35.523403 30.304701 31.130497 0.482353 0.411765 0.400000
+v -40.727005 36.324501 31.155497 0.392157 0.313725 0.294118
+v -40.839203 30.600300 33.689297 0.568627 0.435294 0.411765
+v -46.191402 34.452000 36.131695 0.427451 0.274510 0.223529
+v -24.977001 28.765301 30.636297 0.627451 0.431373 0.372549
+v -23.804102 30.909100 31.155798 0.686275 0.556863 0.521569
+v -24.319902 35.130699 30.242397 0.592157 0.521569 0.505882
+v -19.257402 31.576700 30.228998 0.611765 0.411765 0.341176
+v -23.152302 22.654400 30.191898 0.721569 0.498039 0.431373
+v -44.272903 23.796400 36.654297 0.666667 0.454902 0.360784
+v -48.903404 28.476500 40.922897 0.552941 0.352941 0.274510
+v -30.033503 20.755199 30.809198 0.784314 0.556863 0.474510
+v -37.799706 20.942499 32.892296 0.772549 0.545098 0.443137
+v -43.489803 41.473999 30.150797 0.639216 0.439216 0.360784
+v -30.361101 43.423199 25.189299 0.698039 0.494118 0.392157
+v -22.342802 38.114101 28.789198 0.560784 0.376471 0.301961
+v -19.248802 37.309799 29.324799 0.603922 0.396078 0.309804
+v -26.459501 38.629799 27.978798 0.427451 0.305882 0.258824
+v -24.593601 42.781898 25.542498 0.670588 0.466667 0.360784
+v -33.258904 40.763699 26.193096 0.592157 0.419608 0.345098
+v -37.950806 45.187599 25.795197 0.741176 0.533333 0.435294
+v -37.224903 41.155800 26.895596 0.592157 0.411765 0.337255
+v -40.750904 39.547798 29.199097 0.537255 0.368627 0.305882
+v -17.907701 40.627102 25.913097 0.686275 0.478431 0.372549
+v -12.980102 34.449100 27.123398 0.639216 0.439216 0.352941
+v -9.614821 36.339699 23.000999 0.678431 0.458824 0.352941
+v -42.234406 27.275101 34.868195 0.588235 0.388235 0.329412
+v -10.124502 28.367300 23.751200 0.580392 0.372549 0.282353
+v -18.888203 24.715599 29.982798 0.658824 0.454902 0.380392
+v -17.454302 20.764400 27.755598 0.639216 0.419608 0.321569
+v -13.572302 24.756201 26.250998 0.592157 0.388235 0.286275
+v -22.865002 17.581499 29.052998 0.733333 0.505882 0.411765
+v -30.623402 15.645700 30.650799 0.803922 0.576471 0.482353
+v -41.184105 16.006500 34.079998 0.796078 0.560784 0.450980
+v -47.160904 20.448400 38.277298 0.705882 0.490196 0.388235
+v -51.919205 25.598900 43.368195 0.623529 0.423529 0.321569
+v -52.268005 32.498501 43.699497 0.568627 0.372549 0.290196
+v -55.200302 32.461800 46.434196 0.611765 0.419608 0.329412
+v -53.071705 37.138699 42.057297 0.576471 0.388235 0.301961
+v -29.791203 24.710300 30.338198 0.729412 0.513725 0.439216
+v -36.564205 24.958700 31.851896 0.698039 0.490196 0.415686
+v -7.289592 -47.139000 20.103399 0.694118 0.474510 0.392157
+v -14.413102 -46.868698 23.217598 0.705882 0.486275 0.392157
+v -14.603202 -50.371601 25.371597 0.741176 0.517647 0.407843
+v -59.491802 32.046799 51.147495 0.603922 0.415686 0.321569
+v -55.639103 22.632401 45.670296 0.639216 0.431373 0.325490
+v -49.984604 16.973101 39.163597 0.725490 0.494118 0.388235
+v -41.621704 8.346640 32.884995 0.843137 0.576471 0.478431
+v -56.876003 39.973801 45.675396 0.556863 0.372549 0.298039
+v -59.767105 43.045399 49.976097 0.501961 0.329412 0.258824
+v -54.420605 42.338902 40.295395 0.568627 0.384314 0.313725
+v -56.593704 46.599098 42.486496 0.454902 0.294118 0.239216
+v -51.546104 43.681000 36.144497 0.615686 0.423529 0.349020
+v -53.910103 50.838902 37.405296 0.403922 0.266667 0.215686
+v -47.176605 46.687801 30.461897 0.658824 0.470588 0.400000
+v -49.335606 53.263500 31.465897 0.419608 0.286275 0.239216
+v -41.835705 49.451500 25.770996 0.623529 0.458824 0.388235
+v -43.368805 54.963402 26.223997 0.435294 0.305882 0.258824
+v -36.252106 50.171902 23.068497 0.549020 0.400000 0.341176
+v -37.054005 55.634499 22.359797 0.482353 0.352941 0.301961
+v -28.583101 48.147099 22.169699 0.588235 0.423529 0.345098
+v -30.643501 56.322201 19.778698 0.596078 0.443137 0.384314
+v -35.441105 81.907204 28.633097 0.662745 0.443137 0.337255
+v -44.335304 80.277100 35.155895 0.584314 0.388235 0.286275
+v -23.805302 80.078201 22.057999 0.756863 0.517647 0.403922
+v -11.024801 69.106598 16.104898 0.835294 0.584314 0.470588
+v -11.198602 81.384598 19.098099 0.800000 0.556863 0.435294
+v -21.602503 53.225300 17.283098 0.596078 0.443137 0.384314
+v -5.917871 37.487801 19.084600 0.811765 0.580392 0.466667
+v -4.247971 24.037399 12.356400 0.686275 0.435294 0.345098
+v -14.467901 -2.056030 9.347089 0.611765 0.356863 0.290196
+v -15.684502 8.225480 20.506998 0.647059 0.411765 0.325490
+v -30.492302 1.468230 27.575397 0.847059 0.576471 0.486275
+v -29.855103 -6.375450 26.988998 0.890196 0.627451 0.537255
+v -41.125404 -1.490210 31.515596 0.854902 0.580392 0.494118
+v -35.953903 -6.553680 28.526196 0.882353 0.615686 0.525490
+v -44.049503 -10.001100 33.293495 0.819608 0.564706 0.478431
+v -36.408905 -12.117100 29.324495 0.878431 0.615686 0.517647
+v -23.772902 26.589300 30.467398 0.690196 0.466667 0.400000
+v -7.501412 -50.686699 23.065300 0.737255 0.509804 0.403922
+v -13.754702 -61.147598 27.150497 0.772549 0.545098 0.443137
+v -7.330832 -54.754902 24.476400 0.796078 0.552941 0.447059
+v -5.799892 -60.043400 24.272900 0.815686 0.568627 0.478431
+v -14.562901 -54.969002 26.952198 0.784314 0.549020 0.431373
+v -20.703901 -49.802700 28.816797 0.729412 0.501961 0.392157
+v -14.287502 -43.688099 21.461899 0.698039 0.447059 0.392157
+v -9.185982 -44.236801 18.529900 0.749020 0.454902 0.427451
+v -4.844681 -44.535198 17.332600 0.772549 0.458824 0.443137
+v -13.385301 1.321240 9.319969 0.517647 0.282353 0.223529
+v -17.594803 -2.992360 17.184399 0.494118 0.258824 0.207843
+v -15.316101 0.718187 13.531699 0.490196 0.262745 0.211765
+v -16.484503 -2.517690 13.317098 0.556863 0.305882 0.247059
+v -63.277405 35.791199 57.119396 0.525490 0.345098 0.266667
+v -62.593704 26.610701 54.955097 0.576471 0.380392 0.290196
+v -62.468002 46.489700 55.637897 0.466667 0.301961 0.227451
+v -65.474205 48.985901 62.915993 0.419608 0.262745 0.196078
+v -66.472511 36.767601 64.102196 0.454902 0.290196 0.219608
+v -66.524406 22.424500 62.011292 0.490196 0.309804 0.235294
+v -61.938904 10.699000 51.148296 0.568627 0.364706 0.286275
+v -68.543007 11.577000 68.501892 0.411765 0.258824 0.200000
+v -64.340508 3.476640 57.093597 0.498039 0.313725 0.247059
+v -7.594552 30.348700 20.315800 0.627451 0.396078 0.298039
+v -16.549402 14.557100 23.902597 0.662745 0.419608 0.325490
+v -22.511202 11.211700 26.775698 0.764706 0.505882 0.407843
+v -30.923302 8.988230 29.229298 0.815686 0.549020 0.447059
+v -59.490303 18.310400 48.448795 0.607843 0.396078 0.301961
+v -53.647404 10.434700 40.909695 0.737255 0.494118 0.403922
+v -4.381762 31.257401 16.638100 0.737255 0.494118 0.388235
+v -60.029804 58.640598 51.293797 0.462745 0.294118 0.219608
+v -64.019104 60.767300 59.519794 0.392157 0.250980 0.188235
+v -58.184303 51.842499 46.189598 0.458824 0.298039 0.227451
+v -57.762302 70.295197 48.925396 0.447059 0.290196 0.215686
+v -51.554703 76.438698 41.738796 0.513725 0.337255 0.247059
+v -11.345502 93.571404 23.007797 0.709804 0.482353 0.372549
+v -23.729801 93.736099 26.669699 0.647059 0.435294 0.329412
+v -35.271004 92.898697 32.481598 0.556863 0.364706 0.274510
+v -44.764503 89.974899 39.158897 0.482353 0.313725 0.235294
+v -52.434803 84.860397 45.720497 0.427451 0.278431 0.207843
+v -61.925304 71.077103 55.743397 0.360784 0.239216 0.180392
+v -58.381702 78.523102 51.614697 0.380392 0.250980 0.188235
+v -60.005302 84.621002 56.387897 0.313725 0.215686 0.168627
+v -64.720604 74.840401 61.180397 0.278431 0.196078 0.152941
+v -67.735107 63.471001 67.175995 0.274510 0.188235 0.149020
+v -68.669807 50.221901 71.097496 0.333333 0.215686 0.168627
+v -69.477310 37.736198 72.644493 0.352941 0.227451 0.176471
+v -69.931206 24.711700 72.207596 0.388235 0.239216 0.188235
+v -10.646601 -24.065701 15.460499 0.713725 0.498039 0.403922
+v -15.570902 -24.833599 18.256699 0.694118 0.490196 0.400000
+v -14.838702 -28.652700 17.550598 0.725490 0.498039 0.427451
+v -19.051203 -30.614100 21.181898 0.694118 0.478431 0.403922
+v -21.021603 -26.519899 21.785698 0.698039 0.501961 0.415686
+v -36.361103 -22.694599 30.639095 0.811765 0.568627 0.462745
+v -40.278202 -36.076199 36.963898 0.725490 0.509804 0.403922
+v -43.906403 -32.487301 39.282295 0.705882 0.486275 0.392157
+v -38.385506 -47.603401 40.941395 0.666667 0.470588 0.364706
+v -46.264404 -37.117699 43.960796 0.643137 0.439216 0.349020
+v -50.024704 -34.044201 47.640896 0.619608 0.419608 0.337255
+v -49.385105 -40.522999 50.694595 0.596078 0.403922 0.321569
+v -48.941204 -27.787399 43.411995 0.662745 0.450980 0.364706
+v -44.039505 -23.420401 36.323795 0.756863 0.529412 0.431373
+v -40.469105 -27.708000 34.571297 0.768627 0.537255 0.435294
+v -40.584103 -19.038799 32.502396 0.819608 0.576471 0.474510
+v -10.270801 -27.988501 14.987799 0.760784 0.501961 0.447059
+v -20.882402 -54.889301 30.517797 0.729412 0.509804 0.392157
+v -35.545204 -55.400200 42.849697 0.627451 0.439216 0.337255
+v -49.520702 -48.135101 57.375698 0.533333 0.360784 0.282353
+v -47.788506 -54.890400 62.359497 0.466667 0.313725 0.243137
+v -55.262604 -28.814100 53.853397 0.572549 0.380392 0.305882
+v -55.605106 -42.532398 65.974190 0.466667 0.313725 0.247059
+v -55.941505 -35.714100 59.684597 0.529412 0.349020 0.282353
+v -57.457302 -19.495899 52.872997 0.568627 0.376471 0.301961
+v -69.852905 -2.797300 89.256996 0.333333 0.215686 0.168627
+v -70.631210 9.026070 81.100189 0.333333 0.211765 0.164706
+v -72.047607 10.667300 91.656296 0.305882 0.200000 0.160784
+v -65.526306 -21.184401 81.961395 0.352941 0.227451 0.176471
+v -66.953011 -10.110300 77.137192 0.368627 0.235294 0.180392
+v -61.182209 -27.386299 67.969193 0.447059 0.290196 0.227451
+v -67.878204 0.099053 71.940689 0.384314 0.243137 0.188235
+v -62.927803 -15.756000 64.638695 0.447059 0.286275 0.223529
+v -67.671104 -16.365200 92.531090 0.329412 0.215686 0.168627
+v -63.259407 -31.738800 86.818794 0.321569 0.211765 0.164706
+v -60.684906 -35.904400 75.737091 0.392157 0.258824 0.203922
+v -59.222309 -41.333500 80.770195 0.352941 0.235294 0.184314
+v -63.768204 -5.981940 60.569996 0.462745 0.294118 0.231373
+v -57.061104 -11.211700 48.339996 0.615686 0.407843 0.329412
+v -71.885208 24.282400 81.760689 0.294118 0.184314 0.149020
+v -73.277611 35.372601 88.210091 0.105882 0.070588 0.058824
+v -73.102806 23.570700 90.919289 0.247059 0.160784 0.129412
+v -74.068710 29.841700 94.291794 0.094118 0.062745 0.050980
+v -73.606911 22.268999 95.906693 0.137255 0.090196 0.074510
+v -72.477509 7.978640 98.615295 0.152941 0.101961 0.082353
+v -69.024506 -13.136300 99.036591 0.333333 0.215686 0.172549
+v -71.098709 -3.316490 100.109993 0.341176 0.223529 0.180392
+v -70.885109 -6.826520 103.005989 0.192157 0.125490 0.101961
+v -67.819908 -17.923401 100.792992 0.145098 0.094118 0.074510
+v -72.112007 0.218792 102.677994 0.180392 0.117647 0.094118
+v -44.566803 99.373398 43.969296 0.364706 0.243137 0.184314
+v -53.142704 92.472603 50.275696 0.345098 0.231373 0.176471
+v -53.622902 97.571404 53.947998 0.262745 0.176471 0.137255
+v -58.044403 92.007202 57.123795 0.121569 0.086275 0.066667
+v -48.604305 101.376999 49.915794 0.156863 0.105882 0.082353
+v -41.549603 104.077003 43.819798 0.172549 0.113725 0.086275
+v -71.393410 49.452900 78.631592 0.247059 0.168627 0.137255
+v -72.491310 48.692600 82.087189 0.094118 0.066667 0.054902
+v -49.436703 58.866501 33.259895 0.545098 0.364706 0.290196
+v -43.665604 60.113602 27.862896 0.592157 0.403922 0.325490
+v -37.226006 60.068802 23.153795 0.670588 0.474510 0.392157
+v -4.352591 16.224400 7.395720 0.682353 0.419608 0.337255
+v -70.843208 58.216900 75.191589 0.101961 0.074510 0.058824
+v -67.510704 71.916199 66.095291 0.133333 0.098039 0.078431
+v -69.946907 66.516602 71.206192 0.109804 0.078431 0.066667
+v -71.842804 37.894199 81.078789 0.254902 0.168627 0.137255
+v -63.468903 81.661102 60.812897 0.137255 0.094118 0.074510
+v -53.695305 98.844704 54.975895 0.129412 0.086275 0.066667
+v -11.574702 100.000999 25.843098 0.317647 0.211765 0.160784
+v -64.204407 -29.280001 98.039894 0.129412 0.086275 0.066667
+v -57.808506 -44.627602 86.710495 0.313725 0.207843 0.164706
+v -61.904308 -36.036499 93.323090 0.290196 0.192157 0.152941
+v -60.306007 -39.574100 93.578392 0.125490 0.082353 0.066667
+v -55.835407 -48.028099 86.987991 0.156863 0.105882 0.082353
+v -49.323906 -56.665699 77.172592 0.176471 0.117647 0.090196
+v -65.933609 -24.037500 96.256691 0.290196 0.188235 0.149020
+v -37.446705 33.968201 30.858696 0.407843 0.384314 0.380392
+v -39.703102 33.516899 32.215996 0.572549 0.533333 0.541176
+v -27.674603 33.585201 30.179197 0.356863 0.309804 0.290196
+v -23.713802 -35.788601 28.594898 0.482353 0.282353 0.235294
+v -3.734711 -35.148399 16.966900 0.596078 0.274510 0.290196
+v -3.894611 -38.155800 17.165199 0.756863 0.372549 0.407843
+v -8.034562 -35.082500 18.211599 0.584314 0.262745 0.282353
+v -8.452592 -38.003201 18.352200 0.713725 0.349020 0.380392
+v -13.179702 -35.288399 20.849298 0.541176 0.258824 0.270588
+v -13.330002 -37.864399 20.994598 0.635294 0.317647 0.337255
+v -17.577602 -35.332802 23.885798 0.447059 0.223529 0.223529
+v -17.583403 -37.785702 24.382399 0.549020 0.274510 0.278431
+v -21.285702 -34.999901 26.378998 0.474510 0.262745 0.231373
+v -21.699402 -38.312199 27.727598 0.564706 0.325490 0.294118
+v -21.295403 -34.956501 26.346899 0.486275 0.270588 0.239216
+v -14.235902 -31.116699 18.050999 0.666667 0.407843 0.368627
+v -6.377821 -27.889299 13.529899 0.796078 0.509804 0.466667
+v -17.588001 -35.285000 23.855999 0.427451 0.215686 0.211765
+v -18.272202 -33.384800 22.694597 0.576471 0.337255 0.298039
+v -13.185702 -35.228500 20.810898 0.533333 0.254902 0.266667
+v -13.791502 -33.117401 19.544298 0.596078 0.329412 0.313725
+v -8.025412 -35.018002 18.154800 0.576471 0.266667 0.282353
+v -9.206802 -33.017300 17.168400 0.631373 0.345098 0.337255
+v -3.731441 -35.080601 16.883200 0.596078 0.274510 0.290196
+v -5.548481 -33.276402 16.041901 0.643137 0.341176 0.337255
+v -2.653011 -33.159401 15.113800 0.650980 0.341176 0.341176
+v -2.764671 -31.169201 13.618300 0.705882 0.388235 0.384314
+v -5.831661 -30.993200 14.292099 0.698039 0.388235 0.380392
+v -4.266491 -41.302898 16.592800 0.807843 0.458824 0.490196
+v -8.956841 -41.049999 17.898399 0.749020 0.415686 0.439216
+v -9.671581 -30.964100 15.692699 0.686275 0.400000 0.376471
+v -13.864402 -40.635300 20.778898 0.654902 0.360784 0.364706
+v -18.022501 -40.030899 24.391897 0.603922 0.345098 0.325490
+v -36.597202 65.101097 24.312796 0.701961 0.478431 0.380392
+v -29.114101 63.241402 19.640799 0.772549 0.541176 0.447059
+v -21.118702 60.808300 16.469297 0.843137 0.607843 0.517647
+# 845 vertices, 0 vertices normals
+
+f 1 2 3
+f 4 5 6
+f 7 6 5
+f 8 7 9
+f 10 4 6
+f 3 12 13
+f 14 15 13
+f 14 16 17
+f 4 10 18
+f 17 16 19
+f 19 16 13
+f 5 4 17
+f 20 17 19
+f 21 19 22
+f 22 13 12
+f 23 24 25
+f 26 23 27
+f 10 6 11
+f 18 28 29
+f 14 29 30
+f 3 15 31
+f 32 20 21
+f 32 33 34
+f 27 25 33
+f 9 5 20
+f 35 36 37
+f 7 8 35
+f 31 15 30
+f 18 10 38
+f 39 40 41
+f 42 43 44
+f 45 46 47
+f 47 48 49
+f 45 47 50
+f 28 38 51
+f 46 45 52
+f 29 28 52
+f 53 31 30
+f 54 53 55
+f 56 54 57
+f 61 62 49
+f 61 48 63
+f 64 65 66
+f 67 68 69
+f 48 70 63
+f 71 72 70
+f 73 74 75
+f 64 76 77
+f 78 79 80
+f 79 81 82
+f 83 84 85
+f 84 86 87
+f 86 88 89
+f 91 60 92
+f 60 90 93
+f 94 89 95
+f 94 95 96
+f 94 96 97
+f 94 97 98
+f 94 98 99
+f 94 99 100
+f 94 100 101
+f 94 101 89
+f 101 100 102
+f 103 95 89
+f 104 105 106
+f 107 108 105
+f 112 109 106
+f 113 109 80
+f 115 116 117
+f 116 118 119
+f 119 120 121
+f 122 121 120
+f 124 125 126
+f 125 127 128
+f 127 118 116
+f 129 117 119
+f 130 131 132
+f 131 121 122
+f 120 133 134
+f 133 135 136
+f 135 137 138
+f 137 139 140
+f 141 126 128
+f 125 142 127
+f 144 142 125
+f 96 95 132
+f 139 145 146
+f 145 110 114
+f 110 147 114
+f 147 148 114
+f 147 82 148
+f 104 109 113
+f 144 107 149
+f 96 123 134
+f 120 143 150
+f 143 144 149
+f 151 152 153
+f 152 154 155
+f 100 146 114
+f 145 113 80
+f 78 112 156
+f 161 162 157
+f 166 167 168
+f 167 169 170
+f 169 160 159
+f 172 171 173
+f 190 192 182
+f 193 189 190
+f 189 194 192
+f 195 196 194
+f 188 197 196
+f 162 198 199
+f 198 191 182
+f 178 185 184
+f 202 199 182
+f 203 204 205
+f 203 183 206
+f 183 186 207
+f 186 187 208
+f 187 184 209
+f 184 185 210
+f 185 211 212
+f 213 211 178
+f 179 174 214
+f 174 175 215
+f 201 215 175
+f 216 217 218
+f 210 212 219
+f 209 210 220
+f 221 222 208
+f 223 224 219
+f 225 226 223
+f 227 228 226
+f 229 230 228
+f 229 231 232
+f 231 233 234
+f 233 235 236
+f 166 237 238
+f 165 239 237
+f 164 239 165
+f 240 241 239
+f 161 242 236
+f 243 157 244
+f 245 154 152
+f 246 135 133
+f 153 247 106
+f 106 247 156
+f 156 248 249
+f 248 250 251
+f 250 252 251
+f 250 44 43
+f 253 251 252
+f 82 74 65
+f 202 205 155
+f 214 215 187
+f 183 254 214
+f 182 180 179
+f 193 190 191
+f 189 193 235
+f 195 189 233
+f 188 195 231
+f 178 188 229
+f 178 225 213
+f 196 197 176
+f 194 196 173
+f 192 194 171
+f 182 192 181
+f 255 256 257
+f 258 37 36
+f 259 260 261
+f 262 259 255
+f 71 263 218
+f 264 72 71
+f 265 264 217
+f 266 265 216
+f 266 216 257
+f 150 149 267
+f 143 118 127
+f 144 125 124
+f 80 79 147
+f 109 104 106
+f 104 113 268
+f 105 104 269
+f 107 105 269
+f 106 105 108
+f 151 111 107
+f 267 149 107
+f 151 107 144
+f 268 113 145
+f 109 112 80
+f 270 246 267
+f 268 270 269
+f 270 268 139
+f 246 270 137
+f 119 118 143
+f 131 129 121
+f 136 98 97
+f 138 140 99
+f 100 99 140
+f 102 114 148
+f 101 102 77
+f 87 89 101
+f 89 88 271
+f 103 272 132
+f 129 131 130
+f 128 116 115
+f 126 141 273
+f 153 108 111
+f 211 213 223
+f 219 274 275
+f 220 219 275
+f 274 276 277
+f 275 274 278
+f 275 279 280
+f 281 282 280
+f 154 283 202
+f 155 205 204
+f 284 204 206
+f 285 206 207
+f 286 207 208
+f 221 220 287
+f 288 287 280
+f 286 222 250
+f 285 286 248
+f 284 285 156
+f 155 284 247
+f 182 203 205
+f 289 244 200
+f 244 289 290
+f 202 283 200
+f 276 274 219
+f 291 292 277
+f 293 291 276
+f 291 293 159
+f 294 291 160
+f 169 295 294
+f 158 157 243
+f 163 158 296
+f 240 163 297
+f 298 241 240
+f 241 298 299
+f 239 241 300
+f 237 239 301
+f 238 237 302
+f 295 238 303
+f 295 169 167
+f 294 295 304
+f 305 292 291
+f 305 294 306
+f 305 306 307
+f 292 305 308
+f 277 292 309
+f 278 277 310
+f 279 278 311
+f 312 281 279
+f 42 44 280
+f 313 314 315
+f 313 87 76
+f 87 313 85
+f 69 68 316
+f 66 69 317
+f 64 317 314
+f 77 148 65
+f 92 93 318
+f 319 56 57
+f 56 319 320
+f 57 321 62
+f 57 54 321
+f 54 56 322
+f 323 324 322
+f 325 323 322
+f 326 327 318
+f 253 328 318
+f 66 73 93
+f 93 73 75
+f 82 81 75
+f 82 147 79
+f 249 81 79
+f 253 249 251
+f 249 253 75
+f 85 313 329
+f 314 317 316
+f 76 87 77
+f 84 83 330
+f 86 84 331
+f 88 86 332
+f 36 261 260
+f 259 262 258
+f 259 333 256
+f 47 46 334
+f 55 335 50
+f 262 334 51
+f 334 262 218
+f 46 52 51
+f 11 37 258
+f 38 11 51
+f 335 29 45
+f 55 30 29
+f 53 54 324
+f 336 337 31
+f 91 61 60
+f 327 320 319
+f 326 325 320
+f 59 328 252
+f 325 338 323
+f 1 337 336
+f 339 336 324
+f 340 324 323
+f 338 325 58
+f 342 343 344
+f 345 346 342
+f 346 345 347
+f 348 346 349
+f 350 351 345
+f 345 351 352
+f 352 353 1
+f 347 352 339
+f 349 347 338
+f 354 349 341
+f 43 58 59
+f 355 58 43
+f 282 354 355
+f 281 348 354
+f 344 343 356
+f 343 342 346
+f 343 348 281
+f 356 343 312
+f 356 312 311
+f 357 358 356
+f 358 357 359
+f 344 358 360
+f 342 344 361
+f 362 350 342
+f 48 47 263
+f 49 62 321
+f 61 91 57
+f 61 49 48
+f 363 364 365
+f 366 364 363
+f 326 58 325
+f 326 59 58
+f 326 328 59
+f 183 182 254
+f 184 187 215
+f 303 367 368
+f 302 40 367
+f 369 370 307
+f 371 369 368
+f 372 371 367
+f 373 374 357
+f 301 41 40
+f 226 293 224
+f 228 159 293
+f 230 375 159
+f 232 376 375
+f 234 377 376
+f 234 236 377
+f 161 235 193
+f 162 200 244
+f 162 161 198
+f 242 161 158
+f 378 379 380
+f 245 289 283
+f 380 290 289
+f 378 124 273
+f 152 151 124
+f 381 382 383
+f 384 311 310
+f 381 374 373
+f 385 307 370
+f 308 307 385
+f 309 308 382
+f 373 310 309
+f 306 304 368
+f 352 351 353
+f 65 74 73
+f 82 65 148
+f 44 250 222
+f 288 222 221
+f 371 386 369
+f 387 300 299
+f 301 300 387
+f 386 370 369
+f 39 372 40
+f 388 117 129
+f 390 391 392
+f 390 393 394
+f 2 394 12
+f 391 395 389
+f 390 2 1
+f 390 353 351
+f 391 351 395
+f 395 351 350
+f 395 362 365
+f 397 175 396
+f 173 176 397
+f 397 178 177
+f 175 397 177
+f 180 398 174
+f 398 180 181
+f 178 397 176
+f 172 398 171
+f 172 173 396
+f 172 396 175
+f 399 68 67
+f 400 401 402
+f 403 404 401
+f 405 406 404
+f 407 408 406
+f 409 410 408
+f 399 410 409
+f 410 399 63
+f 413 315 316
+f 411 415 416
+f 415 417 418
+f 417 419 420
+f 419 421 422
+f 421 423 422
+f 421 424 425
+f 426 427 422
+f 426 83 414
+f 399 67 63
+f 266 428 429
+f 427 430 420
+f 70 410 63
+f 264 265 429
+f 72 264 431
+f 410 70 72
+f 406 408 432
+f 404 406 431
+f 401 404 429
+f 428 266 412
+f 402 401 428
+f 413 316 416
+f 430 413 418
+f 329 315 413
+f 414 329 430
+f 433 426 423
+f 330 83 426
+f 159 375 170
+f 375 376 168
+f 376 377 434
+f 435 434 377
+f 165 166 434
+f 164 165 435
+f 436 163 164
+f 436 435 236
+f 436 242 158
+f 1 3 337
+f 7 5 9
+f 8 9 34
+f 11 6 37
+f 3 13 15
+f 14 13 16
+f 14 17 18
+f 4 18 17
+f 19 13 22
+f 5 17 20
+f 20 19 21
+f 21 22 26
+f 23 25 27
+f 26 27 21
+f 10 11 38
+f 18 29 14
+f 14 30 15
+f 3 31 337
+f 32 21 27
+f 32 34 9
+f 27 33 32
+f 9 20 32
+f 35 37 6
+f 35 6 7
+f 18 38 28
+f 47 49 50
+f 45 50 335
+f 28 51 52
+f 29 52 45
+f 53 30 55
+f 54 55 321
+f 60 61 67
+f 61 63 67
+f 67 69 90
+f 71 70 48
+f 64 77 65
+f 78 80 112
+f 83 85 414
+f 84 87 85
+f 86 89 87
+f 67 90 60
+f 91 92 319
+f 60 93 92
+f 103 89 437
+f 115 117 388
+f 116 119 117
+f 119 121 129
+f 122 120 123
+f 123 96 122
+f 124 126 273
+f 125 128 126
+f 127 116 128
+f 130 132 272
+f 131 122 132
+f 120 134 123
+f 133 136 134
+f 135 138 136
+f 137 140 138
+f 141 128 438
+f 143 142 144
+f 96 132 122
+f 139 146 140
+f 145 114 146
+f 96 134 97
+f 120 150 133
+f 143 149 150
+f 151 153 111
+f 152 155 153
+f 108 107 111
+f 100 114 102
+f 145 80 110
+f 157 158 161
+f 164 163 240
+f 167 170 168
+f 169 159 170
+f 182 183 203
+f 188 178 197
+f 190 182 191
+f 189 192 190
+f 195 194 189
+f 188 196 195
+f 162 199 200
+f 198 182 199
+f 178 201 177
+f 178 184 201
+f 202 182 205
+f 203 206 204
+f 183 207 206
+f 186 208 207
+f 187 209 208
+f 184 210 209
+f 185 212 210
+f 179 214 254
+f 174 215 214
+f 201 175 177
+f 216 218 255
+f 210 219 220
+f 209 220 221
+f 221 208 209
+f 178 211 185
+f 223 219 212
+f 225 223 213
+f 227 226 225
+f 229 228 227
+f 229 232 230
+f 231 234 232
+f 233 236 234
+f 166 238 167
+f 165 237 166
+f 240 239 164
+f 161 236 235
+f 243 244 439
+f 245 152 378
+f 246 133 150
+f 153 106 108
+f 106 156 112
+f 156 249 78
+f 248 251 249
+f 250 43 252
+f 253 252 328
+f 214 187 186
+f 183 214 186
+f 182 179 254
+f 193 191 198
+f 189 235 233
+f 195 233 231
+f 188 231 229
+f 178 229 227
+f 178 227 225
+f 197 178 176
+f 196 176 173
+f 194 173 171
+f 192 171 181
+f 182 181 180
+f 255 257 216
+f 258 36 260
+f 259 261 333
+f 262 255 218
+f 71 218 217
+f 264 71 217
+f 265 217 216
+f 266 257 412
+f 150 267 246
+f 143 127 142
+f 144 124 151
+f 80 147 110
+f 107 269 267
+f 268 145 139
+f 270 267 269
+f 268 269 104
+f 270 139 137
+f 246 137 135
+f 119 143 120
+f 136 97 134
+f 98 136 138
+f 138 99 98
+f 100 140 146
+f 102 148 77
+f 101 77 87
+f 89 271 437
+f 103 132 95
+f 129 130 440
+f 128 115 438
+f 211 223 212
+f 220 275 287
+f 274 277 278
+f 275 278 279
+f 275 280 287
+f 281 280 279
+f 154 202 155
+f 155 204 284
+f 284 206 285
+f 285 207 286
+f 286 208 222
+f 221 287 288
+f 288 280 44
+f 286 250 248
+f 285 248 156
+f 284 156 247
+f 155 247 153
+f 289 200 283
+f 244 290 439
+f 202 200 199
+f 276 219 224
+f 291 277 276
+f 293 276 224
+f 291 159 160
+f 169 294 160
+f 158 243 296
+f 163 296 297
+f 240 297 441
+f 298 240 441
+f 241 299 300
+f 239 300 301
+f 237 301 302
+f 238 302 303
+f 295 303 304
+f 295 167 238
+f 294 304 306
+f 305 291 294
+f 305 307 308
+f 292 308 309
+f 277 309 310
+f 278 310 311
+f 279 311 312
+f 42 280 282
+f 313 315 329
+f 313 76 314
+f 69 316 317
+f 66 317 64
+f 64 314 76
+f 92 318 327
+f 319 57 91
+f 56 320 322
+f 54 322 324
+f 325 322 320
+f 326 318 328
+f 253 318 75
+f 90 69 66
+f 66 93 90
+f 93 75 318
+f 82 75 74
+f 249 79 78
+f 249 75 81
+f 85 329 414
+f 314 316 315
+f 84 330 331
+f 86 331 332
+f 88 332 271
+f 259 258 260
+f 259 256 255
+f 47 334 263
+f 55 50 321
+f 262 51 258
+f 334 218 263
+f 46 51 334
+f 11 258 51
+f 55 29 335
+f 53 324 336
+f 336 31 53
+f 327 319 92
+f 326 320 327
+f 1 336 339
+f 339 324 340
+f 340 323 338
+f 338 58 341
+f 341 58 355
+f 345 342 350
+f 346 347 349
+f 348 349 354
+f 345 352 347
+f 352 1 339
+f 347 339 340
+f 347 340 338
+f 349 338 341
+f 354 341 355
+f 43 59 252
+f 355 43 42
+f 282 355 42
+f 281 354 282
+f 344 356 358
+f 343 346 348
+f 343 281 312
+f 356 311 384
+f 357 356 384
+f 358 359 360
+f 344 360 361
+f 342 361 363
+f 362 342 363
+f 48 263 71
+f 49 321 50
+f 61 57 62
+f 363 365 362
+f 184 215 201
+f 303 368 304
+f 302 367 303
+f 369 307 368
+f 371 368 367
+f 372 367 40
+f 373 357 384
+f 301 40 302
+f 226 224 223
+f 228 293 226
+f 230 159 228
+f 232 375 230
+f 234 376 232
+f 161 193 198
+f 162 244 157
+f 378 380 245
+f 245 283 154
+f 380 289 245
+f 378 273 379
+f 152 124 378
+f 384 310 373
+f 308 385 382
+f 309 382 381
+f 373 309 381
+f 306 368 307
+f 65 73 66
+f 44 222 288
+f 387 299 442
+f 301 387 41
+f 388 129 440
+f 390 392 393
+f 390 394 2
+f 2 12 3
+f 391 389 392
+f 390 1 353
+f 390 351 391
+f 395 350 362
+f 395 365 389
+f 173 397 396
+f 180 174 179
+f 398 181 171
+f 172 175 174
+f 172 174 398
+f 400 402 443
+f 403 401 400
+f 405 404 403
+f 407 406 405
+f 409 408 407
+f 411 68 399
+f 411 416 68
+f 415 418 416
+f 417 420 418
+f 419 422 420
+f 421 425 423
+f 426 422 423
+f 426 414 427
+f 266 429 265
+f 427 420 422
+f 264 429 431
+f 72 431 432
+f 410 72 432
+f 408 410 432
+f 406 432 431
+f 404 431 429
+f 401 429 428
+f 428 412 444
+f 402 428 444
+f 413 416 418
+f 430 418 420
+f 316 68 416
+f 329 413 430
+f 414 430 427
+f 433 423 425
+f 330 426 433
+f 375 168 170
+f 376 434 168
+f 435 377 236
+f 166 168 434
+f 165 434 435
+f 164 435 436
+f 436 236 242
+f 436 158 163
+f 363 361 366
+f 445 447 446
+f 448 450 449
+f 451 449 450
+f 8 452 451
+f 453 450 448
+f 447 456 455
+f 457 456 458
+f 457 460 459
+f 448 461 453
+f 460 462 459
+f 462 456 459
+f 449 460 448
+f 463 462 460
+f 464 465 462
+f 465 455 456
+f 466 25 24
+f 467 468 466
+f 453 454 450
+f 461 470 469
+f 457 471 470
+f 447 472 458
+f 473 464 463
+f 473 34 33
+f 468 33 25
+f 452 463 449
+f 35 474 36
+f 451 35 8
+f 472 471 458
+f 461 475 453
+f 476 478 477
+f 479 481 480
+f 482 484 483
+f 484 486 485
+f 482 487 484
+f 469 488 475
+f 483 489 482
+f 470 489 469
+f 490 471 472
+f 491 492 490
+f 493 494 491
+f 498 486 499
+f 498 500 485
+f 501 503 502
+f 504 506 505
+f 485 500 507
+f 508 507 509
+f 510 512 511
+f 501 514 513
+f 515 517 516
+f 516 519 518
+f 520 522 521
+f 521 524 523
+f 523 526 525
+f 528 529 497
+f 497 530 527
+f 531 532 526
+f 531 533 532
+f 531 534 533
+f 531 535 534
+f 531 536 535
+f 531 537 536
+f 531 538 537
+f 531 526 538
+f 538 539 537
+f 103 526 532
+f 540 542 541
+f 543 541 544
+f 548 542 545
+f 549 517 545
+f 115 552 551
+f 551 554 553
+f 554 556 555
+f 557 555 556
+f 559 561 560
+f 560 563 562
+f 562 551 553
+f 564 554 552
+f 130 566 565
+f 565 557 556
+f 555 568 567
+f 567 570 569
+f 569 572 571
+f 571 574 573
+f 141 563 561
+f 560 562 575
+f 577 560 575
+f 533 566 532
+f 573 579 578
+f 578 550 546
+f 546 550 580
+f 580 550 581
+f 580 581 519
+f 540 549 545
+f 577 582 543
+f 533 568 558
+f 555 583 576
+f 576 582 577
+f 584 586 585
+f 585 588 587
+f 537 550 579
+f 578 517 549
+f 515 589 548
+f 594 590 595
+f 599 601 600
+f 600 603 602
+f 602 592 593
+f 605 606 604
+f 623 615 625
+f 626 623 622
+f 622 625 627
+f 628 627 629
+f 621 629 630
+f 595 632 631
+f 631 615 624
+f 611 617 618
+f 635 615 632
+f 636 638 637
+f 636 639 616
+f 616 640 619
+f 619 641 620
+f 620 642 617
+f 617 643 618
+f 618 645 644
+f 646 611 644
+f 612 647 607
+f 607 648 608
+f 634 608 648
+f 649 651 650
+f 643 652 645
+f 642 653 643
+f 654 641 655
+f 656 652 657
+f 658 656 659
+f 660 659 661
+f 662 661 663
+f 662 665 664
+f 664 667 666
+f 666 669 668
+f 599 671 670
+f 598 670 672
+f 597 598 672
+f 673 672 674
+f 594 669 675
+f 243 676 590
+f 677 585 587
+f 678 567 569
+f 586 542 679
+f 542 589 679
+f 589 681 680
+f 680 683 682
+f 682 683 684
+f 682 480 481
+f 685 684 683
+f 519 502 511
+f 635 588 638
+f 647 620 648
+f 616 647 686
+f 615 612 613
+f 626 624 623
+f 622 668 626
+f 628 666 622
+f 621 664 628
+f 611 662 621
+f 611 646 658
+f 629 609 630
+f 627 606 629
+f 625 604 627
+f 615 614 625
+f 687 257 256
+f 688 36 474
+f 689 261 690
+f 691 687 689
+f 508 651 692
+f 693 508 509
+f 694 650 693
+f 695 649 694
+f 695 257 649
+f 583 696 582
+f 576 562 553
+f 577 559 560
+f 517 580 516
+f 545 542 540
+f 540 697 549
+f 541 698 540
+f 543 698 541
+f 542 544 541
+f 584 543 547
+f 696 543 582
+f 584 577 543
+f 697 578 549
+f 545 517 548
+f 699 696 678
+f 697 698 699
+f 699 573 697
+f 678 571 699
+f 554 576 553
+f 565 556 564
+f 570 534 535
+f 572 536 574
+f 537 574 536
+f 539 581 550
+f 538 514 539
+f 524 538 526
+f 526 271 525
+f 103 566 272
+f 564 130 565
+f 563 115 551
+f 561 273 141
+f 586 547 544
+f 644 656 646
+f 652 701 700
+f 653 701 652
+f 700 703 702
+f 701 704 700
+f 701 706 705
+f 707 706 708
+f 587 635 709
+f 588 637 638
+f 710 639 637
+f 711 640 639
+f 712 641 640
+f 654 713 653
+f 714 706 713
+f 712 682 655
+f 711 680 712
+f 710 589 711
+f 588 679 710
+f 615 638 636
+f 715 633 676
+f 676 290 715
+f 635 633 709
+f 702 652 700
+f 716 703 717
+f 718 702 716
+f 716 592 718
+f 719 593 716
+f 602 719 720
+f 591 243 590
+f 596 296 591
+f 673 297 596
+f 298 673 674
+f 674 299 298
+f 672 721 674
+f 670 722 672
+f 671 723 670
+f 720 724 671
+f 720 600 602
+f 719 725 720
+f 726 716 717
+f 726 727 719
+f 726 728 727
+f 717 729 726
+f 703 730 717
+f 704 731 703
+f 705 732 704
+f 733 705 707
+f 479 706 481
+f 734 736 735
+f 734 513 524
+f 524 522 734
+f 506 737 505
+f 503 738 506
+f 501 735 738
+f 514 502 581
+f 529 739 530
+f 740 494 493
+f 493 741 740
+f 494 499 742
+f 494 742 491
+f 491 743 493
+f 744 743 745
+f 746 743 744
+f 747 739 748
+f 685 739 749
+f 503 530 510
+f 530 512 510
+f 519 512 518
+f 519 516 580
+f 681 516 518
+f 685 683 681
+f 681 512 685
+f 522 750 734
+f 735 737 738
+f 513 514 524
+f 521 330 520
+f 523 331 521
+f 525 332 523
+f 36 690 261
+f 689 688 691
+f 689 256 333
+f 484 751 483
+f 492 487 752
+f 691 488 751
+f 751 651 691
+f 483 488 489
+f 454 688 474
+f 475 488 454
+f 752 482 470
+f 492 470 471
+f 490 745 491
+f 753 472 754
+f 528 497 498
+f 748 740 741
+f 747 741 746
+f 496 684 749
+f 746 744 755
+f 445 753 754
+f 756 745 753
+f 757 744 745
+f 755 495 746
+f 759 761 760
+f 762 759 763
+f 763 764 762
+f 765 766 763
+f 767 762 768
+f 762 769 768
+f 769 445 770
+f 764 756 769
+f 766 755 764
+f 771 758 766
+f 480 496 495
+f 772 480 495
+f 708 772 771
+f 707 771 765
+f 761 773 760
+f 760 763 759
+f 760 707 765
+f 773 733 760
+f 773 732 733
+f 774 773 775
+f 775 776 774
+f 761 777 775
+f 759 778 761
+f 779 759 767
+f 485 692 484
+f 486 742 499
+f 498 494 528
+f 498 485 486
+f 780 782 781
+f 783 780 781
+f 747 746 495
+f 747 495 496
+f 747 496 749
+f 616 686 615
+f 617 648 620
+f 724 785 784
+f 723 784 477
+f 786 728 787
+f 788 785 786
+f 789 784 788
+f 790 774 791
+f 722 477 478
+f 659 657 718
+f 661 718 592
+f 663 592 792
+f 665 792 793
+f 667 793 794
+f 667 794 669
+f 594 626 668
+f 595 676 633
+f 595 631 594
+f 675 591 594
+f 795 380 379
+f 677 709 715
+f 380 715 290
+f 795 273 559
+f 585 559 584
+f 796 798 797
+f 799 731 732
+f 796 790 791
+f 800 787 728
+f 729 800 728
+f 730 797 729
+f 790 730 731
+f 727 785 725
+f 769 770 768
+f 502 510 511
+f 519 581 502
+f 481 655 682
+f 714 654 655
+f 788 786 801
+f 802 299 721
+f 722 802 721
+f 801 786 787
+f 476 477 789
+f 388 564 552
+f 804 806 805
+f 804 808 807
+f 446 455 808
+f 805 803 809
+f 804 445 446
+f 804 768 770
+f 805 809 768
+f 809 767 768
+f 809 782 779
+f 811 810 608
+f 606 811 609
+f 811 610 611
+f 608 610 811
+f 613 607 812
+f 812 614 613
+f 611 609 811
+f 605 604 812
+f 605 810 606
+f 605 608 810
+f 813 504 505
+f 814 402 815
+f 816 815 817
+f 818 817 819
+f 820 819 821
+f 822 821 823
+f 813 822 823
+f 823 500 813
+f 825 737 736
+f 824 828 827
+f 827 830 829
+f 829 832 831
+f 831 834 833
+f 833 834 835
+f 833 425 424
+f 836 834 837
+f 836 826 520
+f 813 500 504
+f 695 839 838
+f 837 832 840
+f 507 500 823
+f 693 839 694
+f 509 841 693
+f 823 509 507
+f 819 842 821
+f 817 841 819
+f 815 839 817
+f 838 412 695
+f 402 838 815
+f 825 828 737
+f 840 830 825
+f 750 825 736
+f 826 840 750
+f 433 835 836
+f 330 836 520
+f 592 603 792
+f 792 601 793
+f 793 843 794
+f 844 794 843
+f 598 843 599
+f 597 844 598
+f 845 597 596
+f 845 669 844
+f 845 591 675
+f 445 754 447
+f 451 452 449
+f 8 34 452
+f 454 474 450
+f 447 458 456
+f 457 459 456
+f 457 461 460
+f 448 460 461
+f 462 465 456
+f 449 463 460
+f 463 464 462
+f 464 467 465
+f 466 468 25
+f 467 464 468
+f 453 475 454
+f 461 457 470
+f 457 458 471
+f 447 754 472
+f 473 468 464
+f 473 452 34
+f 468 473 33
+f 452 473 463
+f 35 450 474
+f 35 451 450
+f 461 469 475
+f 484 487 486
+f 482 752 487
+f 469 489 488
+f 470 482 489
+f 490 492 471
+f 491 742 492
+f 497 504 498
+f 498 504 500
+f 504 527 506
+f 508 485 507
+f 501 502 514
+f 515 548 517
+f 520 826 522
+f 521 522 524
+f 523 524 526
+f 504 497 527
+f 528 740 529
+f 497 529 530
+f 103 437 526
+f 115 388 552
+f 551 552 554
+f 554 564 556
+f 557 558 555
+f 558 557 533
+f 559 273 561
+f 560 561 563
+f 562 563 551
+f 130 272 566
+f 565 566 557
+f 555 558 568
+f 567 568 570
+f 569 570 572
+f 571 572 574
+f 141 438 563
+f 576 577 575
+f 533 557 566
+f 573 574 579
+f 578 579 550
+f 533 534 568
+f 555 567 583
+f 576 583 582
+f 584 547 586
+f 585 586 588
+f 544 547 543
+f 537 539 550
+f 578 546 517
+f 590 594 591
+f 597 673 596
+f 600 601 603
+f 602 603 592
+f 615 636 616
+f 621 630 611
+f 623 624 615
+f 622 623 625
+f 628 622 627
+f 621 628 629
+f 595 633 632
+f 631 632 615
+f 611 610 634
+f 611 634 617
+f 635 638 615
+f 636 637 639
+f 616 639 640
+f 619 640 641
+f 620 641 642
+f 617 642 643
+f 618 643 645
+f 612 686 647
+f 607 647 648
+f 634 610 608
+f 649 687 651
+f 643 653 652
+f 642 654 653
+f 654 642 641
+f 611 618 644
+f 656 645 652
+f 658 646 656
+f 660 658 659
+f 662 660 661
+f 662 663 665
+f 664 665 667
+f 666 667 669
+f 599 600 671
+f 598 599 670
+f 673 597 672
+f 594 668 669
+f 243 439 676
+f 677 795 585
+f 678 583 567
+f 586 544 542
+f 542 548 589
+f 589 515 681
+f 680 681 683
+f 682 684 480
+f 685 749 684
+f 647 619 620
+f 616 619 647
+f 615 686 612
+f 626 631 624
+f 622 666 668
+f 628 664 666
+f 621 662 664
+f 611 660 662
+f 611 658 660
+f 630 609 611
+f 629 606 609
+f 627 604 606
+f 625 614 604
+f 615 613 614
+f 687 649 257
+f 688 690 36
+f 689 333 261
+f 691 651 687
+f 508 650 651
+f 693 650 508
+f 694 649 650
+f 695 412 257
+f 583 678 696
+f 576 575 562
+f 577 584 559
+f 517 546 580
+f 543 696 698
+f 697 573 578
+f 699 698 696
+f 697 540 698
+f 699 571 573
+f 678 569 571
+f 554 555 576
+f 570 568 534
+f 535 572 570
+f 572 535 536
+f 537 579 574
+f 539 514 581
+f 538 524 514
+f 526 437 271
+f 103 532 566
+f 564 440 130
+f 563 438 115
+f 644 645 656
+f 653 713 701
+f 700 704 703
+f 701 705 704
+f 701 713 706
+f 707 705 706
+f 587 588 635
+f 588 710 637
+f 710 711 639
+f 711 712 640
+f 712 655 641
+f 654 714 713
+f 714 481 706
+f 712 680 682
+f 711 589 680
+f 710 679 589
+f 588 586 679
+f 715 709 633
+f 676 439 290
+f 635 632 633
+f 702 657 652
+f 716 702 703
+f 718 657 702
+f 716 593 592
+f 602 593 719
+f 591 296 243
+f 596 297 296
+f 673 441 297
+f 298 441 673
+f 674 721 299
+f 672 722 721
+f 670 723 722
+f 671 724 723
+f 720 725 724
+f 720 671 600
+f 719 727 725
+f 726 719 716
+f 726 729 728
+f 717 730 729
+f 703 731 730
+f 704 732 731
+f 705 733 732
+f 479 708 706
+f 734 750 736
+f 734 735 513
+f 506 738 737
+f 503 501 738
+f 501 513 735
+f 529 748 739
+f 740 528 494
+f 493 743 741
+f 491 745 743
+f 746 741 743
+f 747 749 739
+f 685 512 739
+f 527 503 506
+f 503 527 530
+f 530 739 512
+f 519 511 512
+f 681 515 516
+f 681 518 512
+f 522 826 750
+f 735 736 737
+f 521 331 330
+f 523 332 331
+f 525 271 332
+f 689 690 688
+f 689 687 256
+f 484 692 751
+f 492 742 487
+f 691 688 488
+f 751 692 651
+f 483 751 488
+f 454 488 688
+f 492 752 470
+f 490 753 745
+f 753 490 472
+f 748 529 740
+f 747 748 741
+f 445 756 753
+f 756 757 745
+f 757 755 744
+f 755 758 495
+f 758 772 495
+f 762 767 759
+f 763 766 764
+f 765 771 766
+f 762 764 769
+f 769 756 445
+f 764 757 756
+f 764 755 757
+f 766 758 755
+f 771 772 758
+f 480 684 496
+f 772 479 480
+f 708 479 772
+f 707 708 771
+f 761 775 773
+f 760 765 763
+f 760 733 707
+f 773 799 732
+f 774 799 773
+f 775 777 776
+f 761 778 777
+f 759 780 778
+f 779 780 759
+f 485 508 692
+f 486 487 742
+f 498 499 494
+f 780 779 782
+f 617 634 648
+f 724 725 785
+f 723 724 784
+f 786 785 728
+f 788 784 785
+f 789 477 784
+f 790 799 774
+f 722 723 477
+f 659 656 657
+f 661 659 718
+f 663 661 592
+f 665 663 792
+f 667 665 793
+f 594 631 626
+f 595 590 676
+f 795 677 380
+f 677 587 709
+f 380 677 715
+f 795 379 273
+f 585 795 559
+f 799 790 731
+f 729 797 800
+f 730 796 797
+f 790 796 730
+f 727 728 785
+f 502 503 510
+f 481 714 655
+f 802 442 299
+f 722 478 802
+f 388 440 564
+f 804 807 806
+f 804 446 808
+f 446 447 455
+f 805 806 803
+f 804 770 445
+f 804 805 768
+f 809 779 767
+f 809 803 782
+f 606 810 811
+f 613 612 607
+f 812 604 614
+f 605 607 608
+f 605 812 607
+f 814 443 402
+f 816 814 815
+f 818 816 817
+f 820 818 819
+f 822 820 821
+f 824 813 505
+f 824 505 828
+f 827 828 830
+f 829 830 832
+f 831 832 834
+f 833 835 425
+f 836 835 834
+f 836 837 826
+f 695 694 839
+f 837 834 832
+f 693 841 839
+f 509 842 841
+f 823 842 509
+f 821 842 823
+f 819 841 842
+f 817 839 841
+f 815 838 839
+f 838 444 412
+f 402 444 838
+f 825 830 828
+f 840 832 830
+f 737 828 505
+f 750 840 825
+f 826 837 840
+f 433 425 835
+f 330 433 836
+f 792 603 601
+f 793 601 843
+f 844 669 794
+f 599 843 601
+f 598 844 843
+f 597 845 844
+f 845 675 669
+f 845 596 591
+f 780 783 778
+# 1610 faces, 0 coords texture
+
+# End of File
diff --git a/gradio/media_assets/models3d/sofia.stl b/gradio/media_assets/models3d/sofia.stl
new file mode 100644
index 0000000..8a811c8
Binary files /dev/null and b/gradio/media_assets/models3d/sofia.stl differ
diff --git a/gradio/media_assets/videos/a.mp4 b/gradio/media_assets/videos/a.mp4
new file mode 100644
index 0000000..95a61f6
Binary files /dev/null and b/gradio/media_assets/videos/a.mp4 differ
diff --git a/gradio/media_assets/videos/b.avi b/gradio/media_assets/videos/b.avi
new file mode 100644
index 0000000..6a146c5
Binary files /dev/null and b/gradio/media_assets/videos/b.avi differ
diff --git a/gradio/media_assets/videos/b.mp4 b/gradio/media_assets/videos/b.mp4
new file mode 100644
index 0000000..7b2d7c7
Binary files /dev/null and b/gradio/media_assets/videos/b.mp4 differ
diff --git a/gradio/media_assets/videos/muted_b.mp4 b/gradio/media_assets/videos/muted_b.mp4
new file mode 100644
index 0000000..031284a
Binary files /dev/null and b/gradio/media_assets/videos/muted_b.mp4 differ
diff --git a/gradio/media_assets/videos/world.mp4 b/gradio/media_assets/videos/world.mp4
new file mode 100644
index 0000000..b11552f
Binary files /dev/null and b/gradio/media_assets/videos/world.mp4 differ
diff --git a/gradio/monitoring_dashboard.py b/gradio/monitoring_dashboard.py
new file mode 100644
index 0000000..9d11e6b
--- /dev/null
+++ b/gradio/monitoring_dashboard.py
@@ -0,0 +1,105 @@
+import random
+import time
+
+import pandas as pd
+
+import gradio as gr
+
+data = {"data": {}}
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Monitoring Dashboard")
+    timer = gr.Timer(5)
+    with gr.Row():
+        start = gr.DateTime("now - 24h", label="Start Time")
+        end = gr.DateTime("now", label="End Time")
+        selected_fn = gr.Dropdown(
+            ["All"],
+            value="All",
+            label="Endpoint",
+            info="Select the function to see analytics for, or 'All' for aggregate.",
+        )
+        demo.load(
+            lambda: gr.Dropdown(
+                choices=["All"]
+                + list({row["function"] for row in data["data"].values()})  # type: ignore
+            ),
+            None,
+            selected_fn,
+        )
+
+    with gr.Group():
+        with gr.Row():
+            unique_users = gr.Label(label="Unique Users")
+            total_requests = gr.Label(label="Total Requests")
+            process_time = gr.Label(label="Avg Process Time")
+
+    plot = gr.BarPlot(
+        x="time",
+        y="function",
+        color="status",
+        title="Requests over Time",
+        y_title="Requests",
+        x_bin="1m",
+        y_aggregate="count",
+        color_map={
+            "success": "#22c55e",
+            "failure": "#ef4444",
+            "pending": "#eab308",
+            "queued": "#3b82f6",
+        },
+    )
+
+    @gr.on(
+        [demo.load, timer.tick, start.change, end.change, selected_fn.change],
+        inputs=[start, end, selected_fn],
+        outputs=[plot, unique_users, total_requests, process_time],
+    )
+    def gen_plot(start, end, selected_fn):
+        if len(data["data"]) == 0:
+            return {plot: gr.skip()}
+        df = pd.DataFrame(list(data["data"].values()))
+        if selected_fn != "All":
+            df = df[df["function"] == selected_fn]
+        df = df[(df["time"] >= start) & (df["time"] <= end)]
+        df["time"] = pd.to_datetime(df["time"], unit="s")  # type: ignore
+
+        unique_users = len(df["session_hash"].unique())  # type: ignore
+        total_requests = len(df)
+        process_time = round(df["process_time"].mean(), 2)
+
+        duration = end - start
+        x_bin = (
+            "1h"
+            if duration >= 60 * 60 * 24
+            else "15m"
+            if duration >= 60 * 60 * 3
+            else "1m"
+        )
+        df = df.drop(columns=["session_hash"])  # type: ignore
+        assert isinstance(df, pd.DataFrame)  # noqa: S101
+        return (
+            gr.BarPlot(value=df, x_bin=x_bin, x_lim=[start, end]),
+            unique_users,
+            total_requests,
+            process_time,
+        )
+
+
+if __name__ == "__main__":
+    data["data"] = {}
+    for _ in range(random.randint(300, 500)):
+        timedelta = random.randint(0, 60 * 60 * 24 * 3)
+        data["data"][random.randint(1, 100000)] = {
+            "time": time.time() - timedelta,
+            "status": random.choice(
+                ["success", "success", "failure"]
+                if timedelta > 30 * 60
+                else ["queued", "pending"]
+            ),
+            "function": random.choice(["predict", "chat", "chat"]),
+            "process_time": random.randint(0, 10),
+            "session_hash": str(random.randint(0, 4)),
+        }
+
+    demo.launch()
diff --git a/gradio/networking.py b/gradio/networking.py
new file mode 100644
index 0000000..7b97b71
--- /dev/null
+++ b/gradio/networking.py
@@ -0,0 +1,83 @@
+"""
+Defines helper methods useful for setting up ports, launching servers, and
+creating tunnels.
+"""
+
+from __future__ import annotations
+
+import os
+import time
+import warnings
+from pathlib import Path
+
+import httpx
+
+from gradio.exceptions import ShareCertificateWriteError
+from gradio.routes import App  # HACK: to avoid circular import # noqa: F401
+from gradio.tunneling import CERTIFICATE_PATH, Tunnel
+
+GRADIO_API_SERVER = "https://api.gradio.app/v3/tunnel-request"
+GRADIO_SHARE_SERVER_ADDRESS = os.getenv("GRADIO_SHARE_SERVER_ADDRESS")
+
+
+def setup_tunnel(
+    local_host: str,
+    local_port: int,
+    share_token: str,
+    share_server_address: str | None,
+    share_server_tls_certificate: str | None,
+) -> str:
+    share_server_address = (
+        GRADIO_SHARE_SERVER_ADDRESS
+        if share_server_address is None
+        else share_server_address
+    )
+    if share_server_address is None:
+        try:
+            response = httpx.get(GRADIO_API_SERVER, timeout=30)
+            payload = response.json()[0]
+            remote_host, remote_port = payload["host"], int(payload["port"])
+            certificate = payload["root_ca"]
+        except Exception as e:
+            raise RuntimeError(
+                "Could not get share link from Gradio API Server."
+            ) from e
+        try:
+            Path(CERTIFICATE_PATH).parent.mkdir(parents=True, exist_ok=True)
+            with open(CERTIFICATE_PATH, "w") as f:
+                f.write(certificate)
+        except Exception as e:
+            raise ShareCertificateWriteError(
+                f"{e}. This can happen when the current working directory is read-only."
+            ) from e
+        share_server_tls_certificate = CERTIFICATE_PATH
+
+    else:
+        remote_host, remote_port = share_server_address.split(":")
+        remote_port = int(remote_port)
+    tunnel = Tunnel(
+        remote_host,
+        remote_port,
+        local_host,
+        local_port,
+        share_token,
+        share_server_tls_certificate,
+    )
+    address = tunnel.start_tunnel()
+    return address
+
+
+def url_ok(url: str) -> bool:
+    try:
+        for _ in range(5):
+            with warnings.catch_warnings():
+                warnings.filterwarnings("ignore")
+                r = httpx.head(url, timeout=3, verify=False)
+            if (
+                r.status_code in (200, 401, 301, 302, 303, 307, 308)
+            ):  # 401 or 302 if auth is set; 303 or 307 are alternatives to 302 for temporary redirects; 301 and 308 are permanent redirects
+                return True
+            time.sleep(0.500)
+    except (ConnectionError, httpx.ConnectError, httpx.TimeoutException):
+        return False
+    return False
diff --git a/gradio/node_server.py b/gradio/node_server.py
new file mode 100644
index 0000000..a775397
--- /dev/null
+++ b/gradio/node_server.py
@@ -0,0 +1,225 @@
+from __future__ import annotations
+
+import os
+import signal
+import socket
+import subprocess
+import sys
+import time
+import warnings
+from concurrent.futures import TimeoutError
+from contextlib import closing
+from http.client import HTTPConnection
+from pathlib import Path
+from typing import TYPE_CHECKING
+
+if TYPE_CHECKING:  # Only import for type checking (to avoid circular imports).
+    pass
+
+# By default, the local server will try to open on localhost, port 7860.
+# If that is not available, then it will try 7861, 7862, ... 7959.
+INITIAL_PORT_VALUE = int(os.getenv("GRADIO_SERVER_PORT", "7860"))
+TRY_NUM_PORTS = int(os.getenv("GRADIO_NODE_NUM_PORTS", "100"))
+LOCALHOST_NAME = os.getenv(
+    "GRADIO_NODE_SERVER_NAME", os.getenv("GRADIO_SERVER_NAME", "127.0.0.1")
+)
+
+
+def start_node_server(
+    server_name: str | None = None,
+    server_port: int | None = None,
+    node_path: str | None = None,
+    python_port: int | None = None,
+    python_host: str | None = None,
+    static_worker_ports: list[int] | None = None,
+    debug: bool = False,
+) -> tuple[str | None, subprocess.Popen[bytes] | None, int | None]:
+    """Launches the Node SSR server as a front proxy.
+
+    Parameters:
+        server_name: to make app accessible on local network, set this to "0.0.0.0". Can be set by environment variable GRADIO_SERVER_NAME.
+        server_port: will start gradio app on this port (if available). Can be set by environment variable GRADIO_SERVER_PORT.
+        node_path: the path to the node executable. Can be set by environment variable GRADIO_NODE_PATH.
+        python_port: the port of the main Python (FastAPI) server that Node will proxy to.
+        python_host: the host of the main Python server (default 127.0.0.1).
+        static_worker_ports: ports of static file worker processes for round-robin proxying.
+
+    Returns:
+        server_name: the name of the server (default is "localhost")
+        node_process: the node process that is running the SSR app
+        node_port: the port the node server is running on
+    """
+
+    server_name = server_name or LOCALHOST_NAME
+
+    # Strip IPv6 brackets from the address if they exist.
+    # This is needed as http://[::1]:port/ is a valid browser address,
+    # but not a valid IPv6 address, so asyncio will throw an exception.
+    if server_name.startswith("[") and server_name.endswith("]"):
+        host = server_name[1:-1]
+    else:
+        host = server_name
+
+    server_ports = (
+        [server_port]
+        if server_port is not None
+        else range(INITIAL_PORT_VALUE, INITIAL_PORT_VALUE + TRY_NUM_PORTS)
+    )
+
+    node_process, node_port = start_node_process(
+        node_path=node_path or os.getenv("GRADIO_NODE_PATH"),
+        server_name=host,
+        server_ports=server_ports,
+        python_port=python_port,
+        python_host=python_host or "127.0.0.1",
+        static_worker_ports=static_worker_ports or [],
+        debug=debug,
+    )
+
+    return server_name, node_process, node_port
+
+
+GRADIO_LOCAL_DEV_MODE = os.getenv("GRADIO_LOCAL_DEV_MODE") is not None
+SSR_APP_PATH = Path(__file__).parent.joinpath("templates", "node", "build")
+
+
+def start_node_process(
+    node_path: str | None,
+    server_name: str,
+    server_ports: list[int] | range,
+    python_port: int | None = None,
+    python_host: str = "127.0.0.1",
+    static_worker_ports: list[int] | None = None,
+    debug: bool = False,
+) -> tuple[subprocess.Popen[bytes] | None, int | None]:
+    if GRADIO_LOCAL_DEV_MODE:
+        return None, 9876
+    if not node_path:
+        return None, None
+
+    node_process = None
+
+    for port in server_ports:
+        try:
+            # The fastest way to check if a port is available is to try to bind to it with socket.
+            # If the port is not available, socket will throw an OSError.
+            s = socket.socket()
+            s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
+            # Really, we should be checking if (server_name, server_port) is available, but
+            # socket.bind() doesn't seem to throw an OSError with ipv6 addresses, based on my testing.
+            # Instead, we just check if the port is available on localhost.
+            s.bind((server_name, port))
+            s.close()
+
+            # Set environment variables for the Node server
+            env = os.environ
+            env["PORT"] = str(port)
+            env["HOST"] = server_name
+            if GRADIO_LOCAL_DEV_MODE:
+                env["GRADIO_LOCAL_DEV_MODE"] = "1"
+
+            # Proxy configuration: tell Node where Python and workers are
+            if python_port is not None:
+                env["GRADIO_PYTHON_PORT"] = str(python_port)
+                env["GRADIO_PYTHON_HOST"] = python_host
+            if static_worker_ports:
+                env["GRADIO_STATIC_WORKER_PORTS"] = ",".join(
+                    str(p) for p in static_worker_ports
+                )
+
+            register_file = str(
+                Path(__file__).parent.joinpath("templates", "register.mjs")
+            )
+
+            if sys.platform == "win32":
+                register_file = "file://" + register_file
+
+            node_process = subprocess.Popen(
+                [node_path, "--import", register_file, SSR_APP_PATH],
+                env=env,
+                stdout=subprocess.DEVNULL if not debug else None,
+                stderr=subprocess.DEVNULL if not debug else None,
+            )
+
+            # Node starts only after the Python backend is already
+            # listening (Blocks.launch defers the front-proxy start), so we
+            # can verify that Node actually renders a page rather than merely
+            # opening its TCP port. Polling HEAD / until it succeeds means the
+            # SSR runtime is warm before we return — otherwise the user-facing
+            # port is reachable while the first requests 502 as SSR initialises.
+            is_working = verify_server_startup(server_name, port, timeout=30)
+            if is_working:
+                signal.signal(
+                    signal.SIGTERM, lambda _, __: handle_sigterm(node_process)
+                )
+                signal.signal(signal.SIGINT, lambda _, __: handle_sigterm(node_process))
+
+                return node_process, port
+
+            else:
+                # If verification failed, terminate the process and try the next port
+                node_process.terminate()
+                node_process.wait(timeout=2)
+                node_process = None
+
+        except OSError:
+            continue
+        except Exception as e:
+            warnings.warn(
+                f"Unexpected error while starting Node server: {e}. Trying next port..."
+            )
+            if node_process:
+                node_process.terminate()
+                node_process = None
+            continue
+
+    # If all attempts fail
+    print(
+        f"Cannot start Node server on any port in the range {server_ports[0]}-{server_ports[-1]}."
+    )
+    print(
+        "Please install Node 20 or higher and set the environment variable GRADIO_NODE_PATH to the path of your Node executable."
+    )
+    print(
+        "You can explicitly specify a port by setting the environment variable GRADIO_NODE_PORT."
+    )
+
+    return None, None
+
+
+def attempt_connection(host: str, port: int) -> bool:
+    """Attempts a single connection to the server."""
+    try:
+        with closing(socket.create_connection((host, port), timeout=1)):
+            return True
+    except (TimeoutError, ConnectionRefusedError):
+        return False
+    except Exception:
+        return False
+
+
+def verify_server_startup(host: str, port: int, timeout: float = 15.0) -> bool:
+    """Polls ``HEAD /`` until the server returns a non-5xx status (or the
+    timeout elapses), confirming it can actually serve requests rather than
+    just that its TCP port is open."""
+    start_time = time.time()
+    while time.time() - start_time < timeout:
+        try:
+            conn = HTTPConnection(host, port, timeout=2)
+            conn.request("HEAD", "/")
+            resp = conn.getresponse()
+            conn.close()
+            if resp.status < 500:
+                return True
+        except Exception:
+            pass
+        time.sleep(0.2)
+    return False
+
+
+def handle_sigterm(node_process: subprocess.Popen[bytes] | None):
+    if node_process is not None:
+        print("\nStopping Node.js server...")
+        node_process.terminate()
+        node_process.wait()
+        sys.exit(0)
diff --git a/gradio/oauth.py b/gradio/oauth.py
new file mode 100644
index 0000000..0622fcd
--- /dev/null
+++ b/gradio/oauth.py
@@ -0,0 +1,378 @@
+from __future__ import annotations
+
+import hashlib
+import os
+import time
+import typing
+import urllib.parse
+import warnings
+from dataclasses import dataclass, field
+
+import fastapi
+from fastapi.responses import RedirectResponse
+from huggingface_hub import get_token, whoami
+
+from gradio.utils import get_space
+
+OAUTH_CLIENT_ID = os.environ.get("OAUTH_CLIENT_ID")
+OAUTH_CLIENT_SECRET = os.environ.get("OAUTH_CLIENT_SECRET")
+OAUTH_SCOPES = os.environ.get("OAUTH_SCOPES")
+OPENID_PROVIDER_URL = os.environ.get("OPENID_PROVIDER_URL")
+
+MAX_REDIRECTS = 2
+
+
+def attach_oauth(app: fastapi.FastAPI):
+    try:
+        from starlette.middleware.sessions import SessionMiddleware
+    except ImportError as e:
+        raise ImportError(
+            "Cannot initialize OAuth to due a missing library. Please run `pip install gradio[oauth]` or add "
+            "`gradio[oauth]` to your requirements.txt file in order to install the required dependencies."
+        ) from e
+
+    # Add `/login/huggingface`, `/login/callback` and `/logout` routes to enable OAuth in the Gradio app.
+    # If the app is running in a Space, OAuth is enabled normally. Otherwise, we mock the "real" routes to make the
+    # user log in with a fake user profile - without any calls to hf.co.
+
+    if get_space() is not None:
+        _add_oauth_routes(app)
+    else:
+        _add_mocked_oauth_routes(app)
+
+    # Session Middleware requires a secret key to sign the cookies. Let's use a hash
+    # of the OAuth secret key to make it unique to the Space + updated in case OAuth
+    # config gets updated.
+    session_secret = (OAUTH_CLIENT_SECRET or "") + "-v4"
+    # ^ if we change the session cookie format in the future, we can bump the version of the session secret to make
+    #   sure cookies are invalidated. Otherwise some users with an old cookie format might get a HTTP 500 error.
+    app.add_middleware(
+        SessionMiddleware,  # type: ignore
+        secret_key=hashlib.sha256(session_secret.encode()).hexdigest(),
+        same_site="none",
+        https_only=True,
+    )
+
+
+def _add_oauth_routes(app: fastapi.FastAPI) -> None:
+    """Add OAuth routes to the FastAPI app (login, callback handler and logout)."""
+    try:
+        from authlib.integrations.base_client.errors import MismatchingStateError
+        from authlib.integrations.starlette_client import OAuth
+    except ImportError as e:
+        raise ImportError(
+            "Cannot initialize OAuth to due a missing library. Please run `pip install gradio[oauth]` or add "
+            "`gradio[oauth]` to your requirements.txt file in order to install the required dependencies."
+        ) from e
+
+    # Check environment variables
+    msg = (
+        "OAuth is required but {} environment variable is not set. Make sure you've enabled OAuth in your Space by"
+        " setting `hf_oauth: true` in the Space metadata."
+    )
+
+    if OAUTH_CLIENT_ID is None:
+        raise ValueError(msg.format("OAUTH_CLIENT_ID"))
+    if OAUTH_CLIENT_SECRET is None:
+        raise ValueError(msg.format("OAUTH_CLIENT_SECRET"))
+    if OAUTH_SCOPES is None:
+        raise ValueError(msg.format("OAUTH_SCOPES"))
+    if OPENID_PROVIDER_URL is None:
+        raise ValueError(msg.format("OPENID_PROVIDER_URL"))
+
+    # Register OAuth server
+    oauth = OAuth()
+    oauth.register(
+        name="huggingface",
+        client_id=OAUTH_CLIENT_ID,
+        client_secret=OAUTH_CLIENT_SECRET,
+        client_kwargs={"scope": OAUTH_SCOPES},
+        server_metadata_url=OPENID_PROVIDER_URL + "/.well-known/openid-configuration",
+    )
+
+    # Define OAuth routes
+    @app.get("/login/huggingface")
+    async def oauth_login(request: fastapi.Request):
+        """Endpoint that redirects to HF OAuth page."""
+        # Define target (where to redirect after login)
+        redirect_uri = _generate_redirect_uri(request)
+        return await oauth.huggingface.authorize_redirect(request, redirect_uri)  # type: ignore
+
+    @app.get("/login/callback")
+    async def oauth_redirect_callback(request: fastapi.Request) -> RedirectResponse:
+        """Endpoint that handles the OAuth callback."""
+        try:
+            oauth_info = await oauth.huggingface.authorize_access_token(request)  # type: ignore
+        except MismatchingStateError:
+            # If the state mismatch, it is very likely that the cookie is corrupted.
+            # There is a bug reported in authlib that causes the token to grow indefinitely if the user tries to login
+            # repeatedly. Since cookies cannot get bigger than 4kb, the token will be truncated at some point - hence
+            # losing the state. A workaround is to delete the cookie and redirect the user to the login page again.
+            # See https://github.com/lepture/authlib/issues/622 for more details.
+
+            # Delete all keys that are related to the OAuth state, just in case
+            for key in list(request.session.keys()):
+                if key.startswith("_state_huggingface"):
+                    request.session.pop(key)
+
+            # Parse query params
+            nb_redirects = int(request.query_params.get("_nb_redirects", 0))
+            target_url = request.query_params.get("_target_url")
+
+            # Build /login URI with the same query params as before and bump nb_redirects count
+            query_params: dict[str, str | int] = {"_nb_redirects": nb_redirects + 1}
+            if target_url:
+                query_params["_target_url"] = target_url
+
+            login_uri = f"/login/huggingface?{urllib.parse.urlencode(query_params)}"
+
+            # If the user is redirected more than 3 times, it is very likely that the cookie is not working properly.
+            # (e.g. browser is blocking third-party cookies in iframe). In this case, redirect the user in the
+            # non-iframe view.
+            if nb_redirects > MAX_REDIRECTS:
+                host = os.environ.get("SPACE_HOST")
+                if host is None:  # cannot happen in a Space
+                    raise RuntimeError(
+                        "Gradio is not running in a Space (SPACE_HOST environment variable is not set)."
+                        " Cannot redirect to non-iframe view."
+                    ) from None
+                host_url = "https://" + host.rstrip("/")
+                return RedirectResponse(host_url + login_uri)
+
+            # Redirect the user to the login page again
+            return RedirectResponse(login_uri)
+
+        # OAuth login worked => store the user info in the session and redirect
+        request.session["oauth_info"] = oauth_info
+        return _redirect_to_target(request)
+
+    @app.get("/logout")
+    async def oauth_logout(request: fastapi.Request) -> RedirectResponse:
+        """Endpoint that logs out the user (e.g. delete cookie session)."""
+        request.session.pop("oauth_info", None)
+        return _redirect_to_target(request)
+
+
+def _add_mocked_oauth_routes(app: fastapi.FastAPI) -> None:
+    """Add fake oauth routes if Gradio is run locally and OAuth is enabled.
+
+    Clicking on a gr.LoginButton will have the same behavior as in a Space (i.e. gets redirected in a new tab) but
+    instead of authenticating with HF, a mocked user profile is added to the session.
+    """
+    warnings.warn(
+        "Gradio does not support OAuth features outside of a Space environment. To help"
+        " you debug your app locally, the login and logout buttons are mocked with your"
+        " profile. To make it work, your machine must be logged in to Huggingface."
+    )
+    mocked_oauth_info = _get_mocked_oauth_info()
+
+    # Define OAuth routes
+    @app.get("/login/huggingface")
+    async def oauth_login(request: fastapi.Request):  # noqa: ARG001
+        """Fake endpoint that redirects to HF OAuth page."""
+        # Define target (where to redirect after login)
+        redirect_uri = _generate_redirect_uri(request)
+        return RedirectResponse(
+            "/login/callback?" + urllib.parse.urlencode({"_target_url": redirect_uri})
+        )
+
+    @app.get("/login/callback")
+    async def oauth_redirect_callback(request: fastapi.Request) -> RedirectResponse:
+        """Endpoint that handles the OAuth callback."""
+        # `mocked_oauth_info` is computed once at startup, so its `expires_at` would
+        # eventually be in the past and every login would be treated as expired.
+        request.session["oauth_info"] = {
+            **mocked_oauth_info,
+            "expires_at": int(time.time()) + 8 * 60 * 60,  # 8 hours
+        }
+        return _redirect_to_target(request)
+
+    @app.get("/logout")
+    async def oauth_logout(request: fastapi.Request) -> RedirectResponse:
+        """Endpoint that logs out the user (e.g. delete cookie session)."""
+        request.session.pop("oauth_info", None)
+        return _redirect_to_target(request)
+
+
+def _generate_redirect_uri(request: fastapi.Request) -> str:
+    if "_target_url" in request.query_params:
+        # if `_target_url` already in query params => respect it
+        target = request.query_params["_target_url"]
+    else:
+        # otherwise => keep query params
+        target = "/?" + urllib.parse.urlencode(request.query_params)
+
+    # On Spaces, the redirect URI must always be https://<space_host>/login/callback,
+    # so if a custom domain is used, we need to replace it with the hf.space URL
+    if space_host := os.getenv("SPACE_HOST"):
+        print(f"SPACE_HOST: {space_host}")
+        space_host = space_host.split(",")[
+            0
+        ]  # When custom domain is used, SPACE_HOST is a comma-separated list
+        print(f"SPACE_HOST after split: {space_host}")
+        redirect_uri = f"https://{space_host}/login/callback?{urllib.parse.urlencode({'_target_url': target})}"
+        print(f"Redirect URI: {redirect_uri}")
+        return redirect_uri
+
+    redirect_uri = request.url_for("oauth_redirect_callback").include_query_params(
+        _target_url=target
+    )
+    redirect_uri_as_str = str(redirect_uri)
+    return redirect_uri_as_str
+
+
+def _redirect_to_target(
+    request: fastapi.Request, default_target: str = "/"
+) -> RedirectResponse:
+    target = request.query_params.get("_target_url", default_target)
+    # Prevent open redirect by stripping scheme/host and only using the path.
+    parsed = urllib.parse.urlparse(target)
+    # Collapse any leading slashes/backslashes so the result is always a
+    # single-slash local path. urlparse leaves 4+ leading slashes in `.path`
+    # (e.g. "////evil.com" -> "//evil.com"), which browsers resolve as a
+    # scheme-relative URL to an external host — restoring the CVE-2026-28415
+    # open redirect (GHSA-vwgg-rgg9-xx9q).
+    safe_target = "/" + (parsed.path or "").lstrip("/\\")
+    if parsed.query:
+        safe_target += "?" + parsed.query
+    if parsed.fragment:
+        safe_target += "#" + parsed.fragment
+    return RedirectResponse(safe_target)
+
+
+def _get_valid_oauth_info_from_session(
+    session: typing.MutableMapping[str, typing.Any],
+) -> dict[str, typing.Any] | None:
+    oauth_info = session.get("oauth_info")
+    if oauth_info is None:
+        return None
+
+    expires_at = oauth_info.get("expires_at")
+    if expires_at is not None and expires_at < time.time():
+        session.pop("oauth_info", None)
+        return None
+
+    return oauth_info
+
+
+@dataclass
+class OAuthProfile(typing.Dict):  # inherit from Dict for backward compatibility
+    """
+    A Gradio OAuthProfile object that can be used to inject the profile of a user in a
+    function. If a function expects `OAuthProfile` or `Optional[OAuthProfile]` as input,
+    the value will be injected from the FastAPI session if the user is logged in. If the
+    user is not logged in and the function expects `OAuthProfile`, an error will be
+    raised.
+
+    Attributes:
+        name (str): The name of the user (e.g. 'Abubakar Abid').
+        username (str): The username of the user (e.g. 'abidlabs')
+        profile (str): The profile URL of the user (e.g. 'https://huggingface.co/abidlabs').
+        picture (str): The profile picture URL of the user.
+
+    Example:
+        import gradio as gr
+        from typing import Optional
+
+
+        def hello(profile: Optional[gr.OAuthProfile]) -> str:
+            if profile is None:
+                return "I don't know you."
+            return f"Hello {profile.name}"
+
+
+        with gr.Blocks() as demo:
+            gr.LoginButton()
+            gr.Markdown().attach_load_event(hello, None)
+    """
+
+    name: str = field(init=False)
+    username: str = field(init=False)
+    profile: str = field(init=False)
+    picture: str = field(init=False)
+
+    def __init__(self, data: dict):  # hack to make OAuthProfile backward compatible
+        self.update(data)
+        self.name = self["name"]
+        self.username = self["preferred_username"]
+        self.profile = self["profile"]
+        self.picture = self["picture"]
+
+
+@dataclass
+class OAuthToken:
+    """
+    A Gradio OAuthToken object that can be used to inject the access token of a user in a
+    function. If a function expects `OAuthToken` or `Optional[OAuthToken]` as input,
+    the value will be injected from the FastAPI session if the user is logged in. If the
+    user is not logged in and the function expects `OAuthToken`, an error will be
+    raised.
+
+    Attributes:
+        token (str): The access token of the user.
+        scope (str): The scope of the access token.
+        expires_at (int): The expiration timestamp of the access token.
+
+    Example:
+        import gradio as gr
+        from typing import Optional
+        from huggingface_hub import whoami
+
+
+        def list_organizations(oauth_token: Optional[gr.OAuthToken]) -> str:
+            if oauth_token is None:
+                return "Please log in to list organizations."
+            org_names = [org["name"] for org in whoami(oauth_token.token)["orgs"]]
+            return f"You belong to {', '.join(org_names)}."
+
+
+        with gr.Blocks() as demo:
+            gr.LoginButton()
+            gr.Markdown().attach_load_event(list_organizations, None)
+    """
+
+    token: str
+    scope: str
+    expires_at: int
+
+
+def _get_mocked_oauth_info() -> typing.Dict:
+    token = get_token()
+    if token is None:
+        raise ValueError(
+            "Your machine must be logged in to HF to debug a Gradio app locally. Please"
+            " run `huggingface-cli login` or set `HF_TOKEN` as environment variable "
+            "with one of your access token. You can generate a new token in your "
+            "settings page (https://huggingface.co/settings/tokens)."
+        )
+
+    user = whoami()
+    if user["type"] != "user":
+        raise ValueError(
+            "Your machine is not logged in with a personal account. Please use a "
+            "personal access token. You can generate a new token in your settings page"
+            " (https://huggingface.co/settings/tokens)."
+        )
+
+    return {
+        "access_token": "mock-oauth-token-for-local-dev",
+        "token_type": "bearer",
+        "expires_in": 3600,
+        "id_token": "AAAAAAAAAAAAAAAAAAAAAAAAAA",
+        "scope": "openid profile",
+        "expires_at": int(time.time()) + 8 * 60 * 60,  # 8 hours
+        "userinfo": {
+            "sub": "11111111111111111111111",
+            "name": user["fullname"],
+            "preferred_username": user["name"],
+            "profile": f"https://huggingface.co/{user['name']}",
+            "picture": user["avatarUrl"],
+            "website": "",
+            "aud": "00000000-0000-0000-0000-000000000000",
+            "auth_time": 1691672844,
+            "nonce": "aaaaaaaaaaaaaaaaaaa",
+            "iat": 1691672844,
+            "exp": 1691676444,
+            "iss": "https://huggingface.co",
+        },
+    }
diff --git a/gradio/package.json b/gradio/package.json
new file mode 100644
index 0000000..1912343
--- /dev/null
+++ b/gradio/package.json
@@ -0,0 +1,6 @@
+{
+	"name": "gradio",
+	"version": "6.20.0",
+	"description": "This is the package.json",
+	"python": "true"
+}
\ No newline at end of file
diff --git a/gradio/pipelines.py b/gradio/pipelines.py
new file mode 100644
index 0000000..f42a60f
--- /dev/null
+++ b/gradio/pipelines.py
@@ -0,0 +1,120 @@
+"""This module should not be used directly as its API is subject to change. Instead,
+please use the `gr.Interface.from_pipeline()` function."""
+
+from __future__ import annotations
+
+from typing import TYPE_CHECKING
+
+from gradio.pipelines_utils import (
+    handle_diffusers_pipeline,
+    handle_transformers_js_pipeline,
+    handle_transformers_pipeline,
+)
+
+if TYPE_CHECKING:
+    import diffusers  # ty: ignore[unresolved-import]
+    import transformers
+
+
+def load_from_pipeline(
+    pipeline: transformers.Pipeline | diffusers.DiffusionPipeline,  # type: ignore
+) -> dict:
+    """
+    Gets the appropriate Interface kwargs for a given Hugging Face transformers.Pipeline or diffusers.DiffusionPipeline.
+    pipeline (transformers.Pipeline): the transformers.Pipeline from which to create an interface
+    Returns:
+    (dict): a dictionary of kwargs that can be used to construct an Interface object
+    """
+
+    if str(type(pipeline).__module__).startswith("transformers.pipelines."):
+        pipeline_info = handle_transformers_pipeline(pipeline)
+    elif str(type(pipeline).__module__).startswith("diffusers.pipelines."):
+        pipeline_info = handle_diffusers_pipeline(pipeline)
+    else:
+        raise ValueError(
+            "pipeline must be a transformers.pipeline or diffusers.pipeline"
+        )
+
+    def fn(*params):
+        if pipeline_info:
+            data = pipeline_info["preprocess"](*params)
+            if str(type(pipeline).__module__).startswith("transformers.pipelines"):
+                from transformers import pipelines
+
+                # special cases that needs to be handled differently
+                if isinstance(
+                    pipeline,
+                    (
+                        pipelines.text_classification.TextClassificationPipeline,  # type: ignore
+                        pipelines.text2text_generation.Text2TextGenerationPipeline,  # type: ignore
+                        pipelines.text2text_generation.TranslationPipeline,  # type: ignore
+                        pipelines.token_classification.TokenClassificationPipeline,  # type: ignore
+                    ),
+                ):
+                    data = pipeline(*data)
+                else:
+                    data = pipeline(**data)  # type: ignore
+                # special case for object-detection and token-classification pipelines
+                # original input image / text sent to postprocess function
+                if isinstance(
+                    pipeline,
+                    (
+                        pipelines.object_detection.ObjectDetectionPipeline,  # type: ignore
+                        pipelines.token_classification.TokenClassificationPipeline,  # type: ignore
+                    ),
+                ):
+                    output = pipeline_info["postprocess"](data, params[0])
+                else:
+                    output = pipeline_info["postprocess"](data)
+                return output
+
+            elif str(type(pipeline).__module__).startswith("diffusers.pipelines"):
+                data = pipeline(**data)  # type: ignore
+                output = pipeline_info["postprocess"](data)
+                return output
+        else:
+            raise ValueError("pipeline_info can not be None.")
+
+    interface_info = pipeline_info.copy() if pipeline_info else {}
+    interface_info["fn"] = fn
+    del interface_info["preprocess"]
+    del interface_info["postprocess"]
+
+    # define the title/description of the Interface
+    interface_info["title"] = (
+        pipeline.model.config.name_or_path  # type: ignore
+        if str(type(pipeline).__module__).startswith("transformers.pipelines")
+        else pipeline.__class__.__name__
+    )
+
+    return interface_info
+
+
+def load_from_js_pipeline(pipeline) -> dict:
+    if str(type(pipeline).__module__).startswith("transformers_js_py."):
+        pipeline_info = handle_transformers_js_pipeline(pipeline)
+    else:
+        raise ValueError("pipeline must be a transformers_js_py's pipeline")
+
+    async def fn(*params):
+        preprocess = pipeline_info["preprocess"]
+        postprocess = pipeline_info["postprocess"]
+        postprocess_takes_inputs = pipeline_info.get("postprocess_takes_inputs", False)
+
+        preprocessed_params = preprocess(*params) if preprocess else params
+        pipeline_output = await pipeline(*preprocessed_params)
+        postprocessed_output = (
+            postprocess(pipeline_output, *(params if postprocess_takes_inputs else ()))
+            if postprocess
+            else pipeline_output
+        )
+
+        return postprocessed_output
+
+    interface_info = {
+        "fn": fn,
+        "inputs": pipeline_info["inputs"],
+        "outputs": pipeline_info["outputs"],
+        "title": f"{pipeline.task} ({pipeline.model.config._name_or_path})",
+    }
+    return interface_info
diff --git a/gradio/pipelines_utils.py b/gradio/pipelines_utils.py
new file mode 100644
index 0000000..048e1fb
--- /dev/null
+++ b/gradio/pipelines_utils.py
@@ -0,0 +1,810 @@
+"""
+Defines internal helper methods for handling transformers and diffusers pipelines.
+These are used by load_from_pipeline method in pipelines.py.
+"""
+
+from typing import Any
+
+import numpy as np
+from PIL import Image
+
+from gradio import components
+
+
+def handle_transformers_pipeline(pipeline: Any) -> dict[str, Any] | None:
+    try:
+        import transformers
+    except ImportError as ie:
+        raise ImportError(
+            "transformers not installed. Please try `pip install transformers`"
+        ) from ie
+
+    def is_transformers_pipeline_type(pipeline, class_name: str):
+        cls = getattr(transformers, class_name, None)
+        return cls and isinstance(pipeline, cls)
+
+    # Handle the different pipelines. The has_attr() checks to make sure the pipeline exists in the
+    # version of the transformers library that the user has installed.
+    if is_transformers_pipeline_type(pipeline, "AudioClassificationPipeline"):
+        return {
+            "inputs": components.Audio(type="filepath", label="Input", render=False),
+            "outputs": components.Label(label="Class", render=False),
+            "preprocess": lambda i: {"inputs": i},
+            "postprocess": lambda r: {i["label"]: i["score"] for i in r},
+        }
+    if is_transformers_pipeline_type(pipeline, "AutomaticSpeechRecognitionPipeline"):
+        return {
+            "inputs": components.Audio(type="filepath", label="Input", render=False),
+            "outputs": components.Textbox(label="Output", render=False),
+            "preprocess": lambda i: {"inputs": i},
+            "postprocess": lambda r: r["text"],
+        }
+    if is_transformers_pipeline_type(pipeline, "FeatureExtractionPipeline"):
+        return {
+            "inputs": components.Textbox(label="Input", render=False),
+            "outputs": components.Dataframe(label="Output", render=False),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r[0],
+        }
+    if is_transformers_pipeline_type(pipeline, "FillMaskPipeline"):
+        return {
+            "inputs": components.Textbox(label="Input", render=False),
+            "outputs": components.Label(label="Classification", render=False),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: {i["token_str"]: i["score"] for i in r},
+        }
+    if is_transformers_pipeline_type(pipeline, "ImageClassificationPipeline"):
+        return {
+            "inputs": components.Image(
+                type="filepath", label="Input Image", render=False
+            ),
+            "outputs": components.Label(label="Classification", render=False),
+            "preprocess": lambda i: {"images": i},
+            "postprocess": lambda r: {i["label"]: i["score"] for i in r},
+        }
+    if is_transformers_pipeline_type(pipeline, "QuestionAnsweringPipeline"):
+        return {
+            "inputs": [
+                components.Textbox(lines=7, label="Context", render=False),
+                components.Textbox(label="Question", render=False),
+            ],
+            "outputs": [
+                components.Textbox(label="Answer", render=False),
+                components.Label(label="Score", render=False),
+            ],
+            "preprocess": lambda c, q: {"context": c, "question": q},
+            "postprocess": lambda r: (r["answer"], r["score"]),
+        }
+    if is_transformers_pipeline_type(pipeline, "SummarizationPipeline"):
+        return {
+            "inputs": components.Textbox(lines=7, label="Input", render=False),
+            "outputs": components.Textbox(label="Summary", render=False),
+            "preprocess": lambda x: {"inputs": x},
+            "postprocess": lambda r: r[0]["summary_text"],
+        }
+    if is_transformers_pipeline_type(pipeline, "TextClassificationPipeline"):
+        return {
+            "inputs": components.Textbox(label="Input", render=False),
+            "outputs": components.Label(label="Classification", render=False),
+            "preprocess": lambda x: [x],
+            "postprocess": lambda r: {i["label"]: i["score"] for i in r},
+        }
+    if is_transformers_pipeline_type(pipeline, "TokenClassificationPipeline"):
+        return {
+            "inputs": components.Textbox(label="Input", render=False),
+            "outputs": components.HighlightedText(label="Entities", render=False),
+            "preprocess": lambda x: [x],
+            "postprocess": lambda r, text: {
+                "text": text,
+                "entities": r,
+            },
+        }
+    if is_transformers_pipeline_type(pipeline, "TextGenerationPipeline"):
+        return {
+            "inputs": components.Textbox(label="Input", render=False),
+            "outputs": components.Textbox(label="Output", render=False),
+            "preprocess": lambda x: {"text_inputs": x},
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    if is_transformers_pipeline_type(pipeline, "TranslationPipeline"):
+        return {
+            "inputs": components.Textbox(label="Input", render=False),
+            "outputs": components.Textbox(label="Translation", render=False),
+            "preprocess": lambda x: [x],
+            "postprocess": lambda r: r[0]["translation_text"],
+        }
+    if is_transformers_pipeline_type(pipeline, "Text2TextGenerationPipeline"):
+        return {
+            "inputs": components.Textbox(label="Input", render=False),
+            "outputs": components.Textbox(label="Generated Text", render=False),
+            "preprocess": lambda x: [x],
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    if is_transformers_pipeline_type(pipeline, "ZeroShotClassificationPipeline"):
+        return {
+            "inputs": [
+                components.Textbox(label="Input", render=False),
+                components.Textbox(
+                    label="Possible class names (comma-separated)", render=False
+                ),
+                components.Checkbox(label="Allow multiple true classes", render=False),
+            ],
+            "outputs": components.Label(label="Classification", render=False),
+            "preprocess": lambda i, c, m: {
+                "sequences": i,
+                "candidate_labels": c,
+                "multi_label": m,
+            },
+            "postprocess": lambda r: {
+                r["labels"][i]: r["scores"][i] for i in range(len(r["labels"]))
+            },
+        }
+    if is_transformers_pipeline_type(pipeline, "DocumentQuestionAnsweringPipeline"):
+        return {
+            "inputs": [
+                components.Image(type="filepath", label="Input Document", render=False),
+                components.Textbox(label="Question", render=False),
+            ],
+            "outputs": components.Label(label="Label", render=False),
+            "preprocess": lambda img, q: {"image": img, "question": q},
+            "postprocess": lambda r: {i["answer"]: i["score"] for i in r},
+        }
+    if is_transformers_pipeline_type(pipeline, "VisualQuestionAnsweringPipeline"):
+        return {
+            "inputs": [
+                components.Image(type="filepath", label="Input Image", render=False),
+                components.Textbox(label="Question", render=False),
+            ],
+            "outputs": components.Label(label="Score", render=False),
+            "preprocess": lambda img, q: {"image": img, "question": q},
+            "postprocess": lambda r: {i["answer"]: i["score"] for i in r},
+        }
+    if is_transformers_pipeline_type(pipeline, "ImageToTextPipeline"):
+        return {
+            "inputs": components.Image(
+                type="filepath", label="Input Image", render=False
+            ),
+            "outputs": components.Textbox(label="Text", render=False),
+            "preprocess": lambda i: {"images": i},
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    if is_transformers_pipeline_type(pipeline, "ObjectDetectionPipeline"):
+        return {
+            "inputs": components.Image(
+                type="filepath", label="Input Image", render=False
+            ),
+            "outputs": components.AnnotatedImage(
+                label="Objects Detected", render=False
+            ),
+            "preprocess": lambda i: {"inputs": i},
+            "postprocess": lambda r, img: (
+                img,
+                [
+                    (
+                        (
+                            i["box"]["xmin"],
+                            i["box"]["ymin"],
+                            i["box"]["xmax"],
+                            i["box"]["ymax"],
+                        ),
+                        i["label"],
+                    )
+                    for i in r
+                ],
+            ),
+        }
+    raise ValueError(f"Unsupported transformers pipeline type: {type(pipeline)}")
+
+
+def handle_diffusers_pipeline(pipeline: Any) -> dict[str, Any] | None:
+    try:
+        import diffusers  # ty: ignore[unresolved-import]
+    except ImportError as ie:
+        raise ImportError(
+            "diffusers not installed. Please try `pip install diffusers`"
+        ) from ie
+
+    def is_diffusers_pipeline_type(pipeline, class_name: str):
+        cls = getattr(diffusers, class_name, None)
+        return cls and isinstance(pipeline, cls)
+
+    if is_diffusers_pipeline_type(pipeline, "StableDiffusionPipeline"):
+        return {
+            "inputs": [
+                components.Textbox(label="Prompt", render=False),
+                components.Textbox(label="Negative prompt", render=False),
+                components.Slider(
+                    label="Number of inference steps",
+                    minimum=1,
+                    maximum=500,
+                    value=50,
+                    step=1,
+                ),
+                components.Slider(
+                    label="Guidance scale",
+                    minimum=1,
+                    maximum=20,
+                    value=7.5,
+                    step=0.5,
+                ),
+            ],
+            "outputs": components.Image(
+                label="Generated Image", render=False, type="pil"
+            ),
+            "preprocess": lambda prompt, n_prompt, num_inf_steps, g_scale: {
+                "prompt": prompt,
+                "negative_prompt": n_prompt,
+                "num_inference_steps": num_inf_steps,
+                "guidance_scale": g_scale,
+            },
+            "postprocess": lambda r: r["images"][0],
+        }
+    if is_diffusers_pipeline_type(pipeline, "StableDiffusionImg2ImgPipeline"):
+        return {
+            "inputs": [
+                components.Textbox(label="Prompt", render=False),
+                components.Textbox(label="Negative prompt", render=False),
+                components.Image(type="filepath", label="Image", render=False),
+                components.Slider(
+                    label="Strength", minimum=0, maximum=1, value=0.8, step=0.1
+                ),
+                components.Slider(
+                    label="Number of inference steps",
+                    minimum=1,
+                    maximum=500,
+                    value=50,
+                    step=1,
+                ),
+                components.Slider(
+                    label="Guidance scale",
+                    minimum=1,
+                    maximum=20,
+                    value=7.5,
+                    step=0.5,
+                ),
+            ],
+            "outputs": components.Image(
+                label="Generated Image", render=False, type="pil"
+            ),
+            "preprocess": lambda prompt,
+            n_prompt,
+            image,
+            strength,
+            num_inf_steps,
+            g_scale: {
+                "prompt": prompt,
+                "image": Image.open(image).resize((768, 768)),
+                "negative_prompt": n_prompt,
+                "num_inference_steps": num_inf_steps,
+                "guidance_scale": g_scale,
+                "strength": strength,
+            },
+            "postprocess": lambda r: r["images"][0],
+        }
+    if is_diffusers_pipeline_type(pipeline, "StableDiffusionInpaintPipeline"):
+        return {
+            "inputs": [
+                components.Textbox(label="Prompt", render=False),
+                components.Textbox(label="Negative prompt", render=False),
+                components.Image(type="filepath", label="Image", render=False),
+                components.Image(type="filepath", label="Mask Image", render=False),
+                components.Slider(
+                    label="Strength", minimum=0, maximum=1, value=0.8, step=0.1
+                ),
+                components.Slider(
+                    label="Number of inference steps",
+                    minimum=1,
+                    maximum=500,
+                    value=50,
+                    step=1,
+                ),
+                components.Slider(
+                    label="Guidance scale",
+                    minimum=1,
+                    maximum=20,
+                    value=7.5,
+                    step=0.5,
+                ),
+            ],
+            "outputs": components.Image(
+                label="Generated Image", render=False, type="pil"
+            ),
+            "preprocess": lambda prompt,
+            n_prompt,
+            image,
+            mask_image,
+            strength,
+            num_inf_steps,
+            g_scale: {
+                "prompt": prompt,
+                "image": Image.open(image).resize((768, 768)),
+                "mask_image": Image.open(mask_image).resize((768, 768)),
+                "negative_prompt": n_prompt,
+                "num_inference_steps": num_inf_steps,
+                "guidance_scale": g_scale,
+                "strength": strength,
+            },
+            "postprocess": lambda r: r["images"][0],
+        }
+    if is_diffusers_pipeline_type(pipeline, "StableDiffusionDepth2ImgPipeline"):
+        return {
+            "inputs": [
+                components.Textbox(label="Prompt", render=False),
+                components.Textbox(label="Negative prompt", render=False),
+                components.Image(type="filepath", label="Image", render=False),
+                components.Slider(
+                    label="Strength", minimum=0, maximum=1, value=0.8, step=0.1
+                ),
+                components.Slider(
+                    label="Number of inference steps",
+                    minimum=1,
+                    maximum=500,
+                    value=50,
+                    step=1,
+                ),
+                components.Slider(
+                    label="Guidance scale",
+                    minimum=1,
+                    maximum=20,
+                    value=7.5,
+                    step=0.5,
+                ),
+            ],
+            "outputs": components.Image(
+                label="Generated Image", render=False, type="pil"
+            ),
+            "preprocess": lambda prompt,
+            n_prompt,
+            image,
+            strength,
+            num_inf_steps,
+            g_scale: {
+                "prompt": prompt,
+                "image": Image.open(image).resize((768, 768)),
+                "negative_prompt": n_prompt,
+                "num_inference_steps": num_inf_steps,
+                "guidance_scale": g_scale,
+                "strength": strength,
+            },
+            "postprocess": lambda r: r["images"][0],
+        }
+    if is_diffusers_pipeline_type(pipeline, "StableDiffusionImageVariationPipeline"):
+        return {
+            "inputs": [
+                components.Image(type="filepath", label="Image", render=False),
+                components.Slider(
+                    label="Number of inference steps",
+                    minimum=1,
+                    maximum=500,
+                    value=50,
+                    step=1,
+                ),
+                components.Slider(
+                    label="Guidance scale",
+                    minimum=1,
+                    maximum=20,
+                    value=7.5,
+                    step=0.5,
+                ),
+            ],
+            "outputs": components.Image(
+                label="Generated Image", render=False, type="pil"
+            ),
+            "preprocess": lambda image, num_inf_steps, g_scale: {
+                "image": Image.open(image).resize((768, 768)),
+                "num_inference_steps": num_inf_steps,
+                "guidance_scale": g_scale,
+            },
+            "postprocess": lambda r: r["images"][0],
+        }
+    if is_diffusers_pipeline_type(pipeline, "StableDiffusionInstructPix2PixPipeline"):
+        return {
+            "inputs": [
+                components.Textbox(label="Prompt", render=False),
+                components.Textbox(label="Negative prompt", render=False),
+                components.Image(type="filepath", label="Image", render=False),
+                components.Slider(
+                    label="Number of inference steps",
+                    minimum=1,
+                    maximum=500,
+                    value=50,
+                    step=1,
+                ),
+                components.Slider(
+                    label="Guidance scale",
+                    minimum=1,
+                    maximum=20,
+                    value=7.5,
+                    step=0.5,
+                ),
+                components.Slider(
+                    label="Image Guidance scale",
+                    minimum=1,
+                    maximum=5,
+                    value=1.5,
+                    step=0.5,
+                ),
+            ],
+            "outputs": components.Image(
+                label="Generated Image", render=False, type="pil"
+            ),
+            "preprocess": lambda prompt,
+            n_prompt,
+            image,
+            num_inf_steps,
+            g_scale,
+            img_g_scale: {
+                "prompt": prompt,
+                "image": Image.open(image).resize((768, 768)),
+                "negative_prompt": n_prompt,
+                "num_inference_steps": num_inf_steps,
+                "guidance_scale": g_scale,
+                "image_guidance_scale": img_g_scale,
+            },
+            "postprocess": lambda r: r["images"][0],
+        }
+    if is_diffusers_pipeline_type(pipeline, "StableDiffusionUpscalePipeline"):
+        return {
+            "inputs": [
+                components.Textbox(label="Prompt", render=False),
+                components.Textbox(label="Negative prompt", render=False),
+                components.Image(type="filepath", label="Image", render=False),
+                components.Slider(
+                    label="Number of inference steps",
+                    minimum=1,
+                    maximum=500,
+                    value=50,
+                    step=1,
+                ),
+                components.Slider(
+                    label="Guidance scale",
+                    minimum=1,
+                    maximum=20,
+                    value=7.5,
+                    step=0.5,
+                ),
+                components.Slider(
+                    label="Noise level", minimum=1, maximum=100, value=20, step=1
+                ),
+            ],
+            "outputs": components.Image(
+                label="Generated Image", render=False, type="pil"
+            ),
+            "preprocess": lambda prompt,
+            n_prompt,
+            image,
+            num_inf_steps,
+            g_scale,
+            noise_level: {
+                "prompt": prompt,
+                "image": Image.open(image).resize((768, 768)),
+                "negative_prompt": n_prompt,
+                "num_inference_steps": num_inf_steps,
+                "guidance_scale": g_scale,
+                "noise_level": noise_level,
+            },
+            "postprocess": lambda r: r["images"][0],
+        }
+    raise ValueError(f"Unsupported diffusers pipeline type: {type(pipeline)}")
+
+
+def handle_transformers_js_pipeline(pipeline: Any) -> dict[str, Any]:
+    try:
+        from transformers_js_py import as_url, read_audio  # type: ignore
+    except ImportError as ie:
+        raise ImportError(
+            "transformers_js_py not installed. Please add `transformers_js_py` to the requirements of your Gradio-Lite app"
+        ) from ie
+
+    ## Natural Language Processing ##
+    if pipeline.task == "fill-mask":
+        return {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Label(label="Classification"),
+            "preprocess": None,
+            "postprocess": lambda r: {i["token_str"]: i["score"] for i in r},
+        }
+    if pipeline.task == "question-answering":
+        return {
+            "inputs": [
+                components.Textbox(lines=7, label="Context"),
+                components.Textbox(label="Question"),
+            ],
+            "outputs": [
+                components.Textbox(label="Answer"),
+                components.Label(label="Score"),
+            ],
+            "preprocess": lambda c, q: (
+                q,
+                c,
+            ),  # Placed the context first in the input UI to match `handle_transformers_pipeline`'s order of inputs, but Transformers.js' question-answering pipeline expects the question first.
+            "postprocess": lambda r: (r["answer"], r["score"]),
+        }
+    if pipeline.task == "summarization":
+        return {
+            "inputs": [
+                components.Textbox(lines=7, label="Input"),
+                components.Slider(
+                    label="The maximum numbers of tokens to generate",
+                    minimum=1,
+                    maximum=500,
+                    value=100,
+                    step=1,
+                ),
+            ],
+            "outputs": components.Textbox(label="Summary"),
+            "preprocess": lambda text, max_new_tokens: (
+                text,
+                {"max_new_tokens": max_new_tokens},
+            ),
+            "postprocess": lambda r: r[0]["summary_text"],
+        }
+    if pipeline.task == "text-classification":
+        return {
+            "inputs": [
+                components.Textbox(label="Input"),
+                components.Number(label="Top k", value=5),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda text, topk: (text, {"topk": topk}),
+            "postprocess": lambda r: {i["label"]: i["score"] for i in r},
+        }
+    if pipeline.task == "text-generation":
+        return {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Textbox(label="Output"),
+            "preprocess": None,
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    if pipeline.task == "text2text-generation":
+        return {
+            "inputs": [
+                components.Textbox(label="Input"),
+                components.Slider(
+                    label="The maximum numbers of tokens to generate",
+                    minimum=1,
+                    maximum=500,
+                    value=100,
+                    step=1,
+                ),
+            ],
+            "outputs": components.Textbox(label="Generated Text"),
+            "preprocess": lambda text, max_new_tokens: (
+                text,
+                {"max_new_tokens": max_new_tokens},
+            ),
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    if pipeline.task == "token-classification":
+        return {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.JSON(label="Output"),
+            "preprocess": None,
+            "postprocess": None,
+            "postprocess_takes_inputs": True,
+        }
+    if pipeline.task in {"translation", "translation_xx_to_yy"}:
+        return {
+            "inputs": [
+                components.Textbox(label="Input"),
+                components.Textbox(label="Source Language"),
+                components.Textbox(label="Target Language"),
+            ],
+            "outputs": components.Textbox(label="Translation"),
+            "preprocess": lambda x, s, t: (x, {"src_lang": s, "tgt_lang": t}),
+            "postprocess": lambda r: r[0]["translation_text"],
+        }
+    if pipeline.task == "zero-shot-classification":
+        return {
+            "inputs": [
+                components.Textbox(label="Input"),
+                components.Textbox(label="Possible class names (comma-separated)"),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda text, classnames: (
+                text,
+                [c.strip() for c in classnames.split(",")],
+            ),
+            "postprocess": lambda result: dict(
+                zip(result["labels"], result["scores"], strict=False)
+            ),
+        }
+    if pipeline.task == "feature-extraction":
+        return {
+            "inputs": components.Textbox(label="Input"),
+            "outputs": components.Dataframe(label="Output"),
+            "preprocess": None,
+            "postprocess": lambda tensor: tensor.to_numpy()[0],
+        }
+
+    ## Vision ##
+    if pipeline.task == "depth-estimation":
+        return {
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.Image(label="Depth"),
+            "preprocess": lambda image_path: (as_url(image_path),),
+            "postprocess": lambda result: result["depth"].to_pil(),
+        }
+    if pipeline.task == "image-classification":
+        return {
+            "inputs": [
+                components.Image(type="filepath", label="Input Image"),
+                components.Number(label="Top k", value=5),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda image_path, topk: (as_url(image_path), {"topk": topk}),
+            "postprocess": lambda result: {
+                item["label"]: item["score"] for item in result
+            },
+        }
+    if pipeline.task == "image-segmentation":
+        return {
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.AnnotatedImage(label="Segmentation"),
+            "preprocess": lambda image_path: (as_url(image_path),),
+            "postprocess": lambda result, image_path: (
+                image_path,
+                [
+                    (
+                        item["mask"].to_numpy()[:, :, 0]
+                        / 255.0,  # Reshape ([h,w,1] -> [h,w]) and normalize ([0,255] -> [0,1])
+                        f"{item['label']} ({item['score']})",
+                    )
+                    for item in result
+                ],
+            ),
+            "postprocess_takes_inputs": True,
+        }
+    if pipeline.task == "image-to-image":
+        return {
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.Image(label="Output Image"),
+            "preprocess": lambda image_path: (as_url(image_path),),
+            "postprocess": lambda result: result.to_pil(),
+        }
+    if pipeline.task == "object-detection":
+        return {
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.AnnotatedImage(label="Objects Detected"),
+            "preprocess": lambda image_path: (as_url(image_path),),
+            "postprocess": lambda result, image_path: (
+                image_path,
+                [
+                    (
+                        (
+                            int(item["box"]["xmin"]),
+                            int(item["box"]["ymin"]),
+                            int(item["box"]["xmax"]),
+                            int(item["box"]["ymax"]),
+                        ),
+                        f"{item['label']} ({item['score']})",
+                    )
+                    for item in result
+                ],
+            ),
+            "postprocess_takes_inputs": True,
+        }
+    if pipeline.task == "image-feature-extraction":
+        return {
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.Dataframe(label="Output"),
+            "preprocess": lambda image_path: (as_url(image_path),),
+            "postprocess": lambda tensor: tensor.to_numpy(),
+        }
+
+    ## Audio ##
+    if pipeline.task == "audio-classification":
+        return {
+            "inputs": components.Audio(type="filepath", label="Input"),
+            "outputs": components.Label(label="Class"),
+            "preprocess": lambda i: (
+                read_audio(
+                    i, pipeline.processor.feature_extractor.config["sampling_rate"]
+                ),
+            ),
+            "postprocess": lambda r: {i["label"]: i["score"] for i in r},
+        }
+    if pipeline.task == "automatic-speech-recognition":
+        return {
+            "inputs": components.Audio(type="filepath", label="Input"),
+            "outputs": components.Textbox(label="Output"),
+            "preprocess": lambda i: (
+                read_audio(
+                    i, pipeline.processor.feature_extractor.config["sampling_rate"]
+                ),
+            ),
+            "postprocess": lambda r: r["text"],
+        }
+    if pipeline.task == "text-to-audio":
+        return {
+            "inputs": [
+                components.Textbox(label="Input"),
+                components.Textbox(label="Speaker Embeddings"),
+            ],
+            "outputs": components.Audio(label="Output"),
+            "preprocess": lambda text, speaker_embeddings: (
+                text,
+                {"speaker_embeddings": speaker_embeddings},
+            ),
+            "postprocess": lambda r: (r["sampling_rate"], np.asarray(r["audio"])),
+        }
+
+    ## Multimodal ##
+    if pipeline.task == "document-question-answering":
+        return {
+            "inputs": [
+                components.Image(type="filepath", label="Input Document"),
+                components.Textbox(label="Question"),
+            ],
+            "outputs": components.Textbox(label="Label"),
+            "preprocess": lambda img, q: (as_url(img), q),
+            "postprocess": lambda r: r[0][
+                "answer"
+            ],  # This data structure is different from the original Transformers.
+        }
+    if pipeline.task == "image-to-text":
+        return {
+            "inputs": components.Image(type="filepath", label="Input Image"),
+            "outputs": components.Textbox(label="Output"),
+            "preprocess": lambda image_path: (as_url(image_path),),
+            "postprocess": lambda r: r[0]["generated_text"],
+        }
+    if pipeline.task == "zero-shot-audio-classification":
+        return {
+            "inputs": [
+                components.Audio(type="filepath", label="Input"),
+                components.Textbox(label="Possible class names (comma-separated)"),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda audio_path, classnames: (
+                read_audio(
+                    audio_path,
+                    pipeline.processor.feature_extractor.config["sampling_rate"],
+                ),
+                [c.strip() for c in classnames.split(",")],
+            ),
+            "postprocess": lambda result: {i["label"]: i["score"] for i in result},
+        }
+    if pipeline.task == "zero-shot-image-classification":
+        return {
+            "inputs": [
+                components.Image(type="filepath", label="Input Image"),
+                components.Textbox(label="Possible class names (comma-separated)"),
+            ],
+            "outputs": components.Label(label="Classification"),
+            "preprocess": lambda image_path, classnames: (
+                as_url(image_path),
+                [c.strip() for c in classnames.split(",")],
+            ),
+            "postprocess": lambda result: {i["label"]: i["score"] for i in result},
+        }
+    if pipeline.task == "zero-shot-object-detection":
+        return {
+            "inputs": [
+                components.Image(type="filepath", label="Input Image"),
+                components.Textbox(label="Possible class names (comma-separated)"),
+            ],
+            "outputs": components.AnnotatedImage(label="Objects Detected"),
+            "preprocess": lambda image_path, classnames: (
+                as_url(image_path),
+                [c.strip() for c in classnames.split(",")],
+            ),
+            "postprocess": lambda result, image_path, _: (
+                image_path,
+                [
+                    (
+                        (
+                            int(item["box"]["xmin"]),
+                            int(item["box"]["ymin"]),
+                            int(item["box"]["xmax"]),
+                            int(item["box"]["ymax"]),
+                        ),
+                        f"{item['label']} ({item['score']})",
+                    )
+                    for item in result
+                ],
+            ),
+            "postprocess_takes_inputs": True,
+        }
+
+    raise ValueError(f"Unsupported transformers_js_py pipeline type: {pipeline.task}")
diff --git a/gradio/processing_utils.py b/gradio/processing_utils.py
new file mode 100644
index 0000000..86e5ada
--- /dev/null
+++ b/gradio/processing_utils.py
@@ -0,0 +1,1144 @@
+from __future__ import annotations
+
+import asyncio
+import base64
+import hashlib
+import ipaddress
+import json
+import logging
+import mimetypes
+import os
+import shutil
+import subprocess
+import tempfile
+import warnings
+from collections.abc import Awaitable, Callable, Coroutine
+from functools import lru_cache, wraps
+from io import BytesIO
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, TypeVar
+from urllib.parse import urljoin, urlparse
+
+import httpx
+import numpy as np
+import safehttpx as sh
+from gradio_client import utils as client_utils
+from PIL import Image, ImageOps, ImageSequence, PngImagePlugin
+
+from gradio import utils
+from gradio._vendor import aiofiles
+from gradio.context import LocalContext
+from gradio.data_classes import FileData, GradioModel, GradioRootModel, JsonData
+from gradio.exceptions import Error, InvalidPathError
+from gradio.profiling import traced_sync
+from gradio.route_utils import API_PREFIX
+from gradio.utils import abspath, get_hash_seed, get_upload_folder, is_in_or_equal
+
+with warnings.catch_warnings():
+    warnings.simplefilter("ignore")  # Ignore pydub warning if ffmpeg is not installed
+    from pydub import AudioSegment
+
+sync_transport = None
+async_transport = None
+
+sync_client = httpx.Client(transport=sync_transport)
+
+log = logging.getLogger(__name__)
+
+if TYPE_CHECKING:
+    from gradio.blocks import Block
+
+
+#########################
+# GENERAL
+#########################
+
+
+def to_binary(x: str | dict) -> bytes:
+    """Converts a base64 string or dictionary to a binary string that can be sent in a POST."""
+    if isinstance(x, dict):
+        if x.get("data"):
+            base64str = x["data"]
+        else:
+            base64str = client_utils.encode_url_or_file_to_base64(x["path"])
+    else:
+        base64str = x
+    return base64.b64decode(extract_base64_data(base64str))  # type: ignore
+
+
+def extract_base64_data(x: str) -> str:
+    """Just extracts the base64 data from a general base64 string."""
+    return x.rsplit(",", 1)[-1]
+
+
+#########################
+# IMAGE PRE-PROCESSING
+#########################
+
+
+def encode_plot_to_base64(plt, format: str = "png"):
+    fmt = format or "png"
+    with BytesIO() as output_bytes:
+        plt.savefig(output_bytes, format=fmt)
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return f"data:image/{format or 'png'};base64,{base64_str}"
+
+
+def get_pil_exif_bytes(pil_image):
+    if "exif" in pil_image.info:
+        return pil_image.info["exif"]
+
+
+def get_pil_metadata(pil_image):
+    # Copy any text-only metadata
+    metadata = PngImagePlugin.PngInfo()
+    for key, value in pil_image.info.items():
+        if isinstance(key, str) and isinstance(value, str):
+            metadata.add_text(key, value)
+
+    return metadata
+
+
+def encode_pil_to_bytes(pil_image, format="png"):
+    with BytesIO() as output_bytes:
+        if format.lower() == "gif":
+            frames = [frame.copy() for frame in ImageSequence.Iterator(pil_image)]
+            frames[0].save(
+                output_bytes,
+                format=format,
+                save_all=True,
+                append_images=frames[1:],
+                loop=0,
+            )
+        else:
+            if format.lower() == "png":
+                params = {"pnginfo": get_pil_metadata(pil_image)}
+            else:
+                exif = get_pil_exif_bytes(pil_image)
+                params = {"exif": exif} if exif else {}
+            pil_image.save(output_bytes, format, **params)
+        return output_bytes.getvalue()
+
+
+hash_seed = get_hash_seed().encode("utf-8")
+
+
+def hash_file(file_path: str | Path, chunk_num_blocks: int = 128) -> str:
+    sha = hashlib.sha256()
+    sha.update(hash_seed)
+    with open(file_path, "rb") as f:
+        for chunk in iter(lambda: f.read(chunk_num_blocks * sha.block_size), b""):
+            sha.update(chunk)
+    return sha.hexdigest()
+
+
+def hash_url(url: str) -> str:
+    sha = hashlib.sha256()
+    sha.update(hash_seed)
+    sha.update(url.encode("utf-8"))
+    return sha.hexdigest()
+
+
+def hash_bytes(bytes: bytes):
+    sha = hashlib.sha256()
+    sha.update(hash_seed)
+    sha.update(bytes)
+    return sha.hexdigest()
+
+
+def hash_base64(base64_encoding: str, chunk_num_blocks: int = 128) -> str:
+    sha = hashlib.sha256()
+    sha.update(hash_seed)
+    for i in range(0, len(base64_encoding), chunk_num_blocks * sha.block_size):
+        data = base64_encoding[i : i + chunk_num_blocks * sha.block_size]
+        sha.update(data.encode("utf-8"))
+    return sha.hexdigest()
+
+
+@traced_sync("postprocess_save_pil_to_cache")
+def save_pil_to_cache(
+    img: Image.Image,
+    cache_dir: str,
+    name: str = "image",
+    format: str = "webp",
+) -> str:
+    bytes_data = encode_pil_to_bytes(img, format)
+    temp_dir = Path(cache_dir) / hash_bytes(bytes_data)
+    temp_dir.mkdir(exist_ok=True, parents=True)
+    filename = str((temp_dir / f"{name}.{format}").resolve())
+    (temp_dir / f"{name}.{format}").resolve().write_bytes(bytes_data)
+    return filename
+
+
+@traced_sync("postprocess_save_img_array_to_cache")
+def save_img_array_to_cache(
+    arr: np.ndarray, cache_dir: str, format: str = "webp"
+) -> str:
+    pil_image = Image.fromarray(_convert(arr, np.uint8, force_copy=False))
+    return save_pil_to_cache(pil_image, cache_dir, format=format)
+
+
+@traced_sync("postprocess_save_audio_to_cache")
+def save_audio_to_cache(
+    data: np.ndarray, sample_rate: int, format: str, cache_dir: str
+) -> str:
+    audio_metadata = {
+        "cache_schema": "audio-cache-v1",
+        "dtype": str(data.dtype),
+        "format": format,
+        "sample_rate": int(sample_rate),
+        "shape": data.shape,
+    }
+    audio_hash = hashlib.sha256()
+    audio_hash.update(hash_seed)
+    audio_hash.update(json.dumps(audio_metadata, sort_keys=True).encode("utf-8"))
+    audio_hash.update(data.tobytes())
+    temp_dir = Path(cache_dir) / audio_hash.hexdigest()
+    temp_dir.mkdir(exist_ok=True, parents=True)
+    filename = str((temp_dir / f"audio.{format}").resolve())
+    audio_to_file(sample_rate, data, filename, format=format)
+    return filename
+
+
+def detect_audio_format(data: bytes) -> str:
+    """Detect audio format from file header bytes.
+
+    Args:
+        data: File content as bytes
+
+    Returns:
+        Detected file extension with dot (e.g., ".wav", ".mp3") or empty string if not detected
+    """
+    # Check WAV format (RIFF header)
+    if len(data) >= 12 and data[:4] == b"RIFF" and data[8:12] == b"WAVE":
+        return ".wav"
+    # Check MP3 format (ID3 tag)
+    elif len(data) >= 3 and data[:3] == b"ID3":  # noqa: SIM114
+        return ".mp3"
+    # Check MP3 format (sync frame)
+    elif len(data) >= 2 and data[:2] == b"\xff\xfb":
+        return ".mp3"
+    return ""
+
+
+@traced_sync("postprocess_save_bytes_to_cache")
+def save_bytes_to_cache(data: bytes, file_name: str, cache_dir: str) -> str:
+    path = Path(cache_dir) / hash_bytes(data)
+    path.mkdir(exist_ok=True, parents=True)
+    if not Path(file_name).suffix:
+        detected_extension = detect_audio_format(data)
+        file_name = file_name + detected_extension
+    path = path / Path(file_name).name
+    path.write_bytes(data)
+    return str(path.resolve())
+
+
+@traced_sync("save_file_to_cache")
+def save_file_to_cache(file_path: str | Path, cache_dir: str) -> str:
+    """Returns a temporary file path for a copy of the given file path if it does
+    not already exist. Otherwise returns the path to the existing temp file."""
+    temp_dir = hash_file(file_path)
+    temp_dir = Path(cache_dir) / temp_dir
+    temp_dir.mkdir(exist_ok=True, parents=True)
+
+    name = client_utils.strip_invalid_filename_characters(Path(file_path).name)
+    full_temp_file_path = str(abspath(temp_dir / name))
+
+    if not Path(full_temp_file_path).exists():
+        shutil.copy2(file_path, full_temp_file_path)
+
+    return full_temp_file_path
+
+
+# Always return these URLs as is, without checking to see if they resolve
+# to an internal IP address. This is because Hugging Face uses DNS splitting,
+# which means that requests from HF Spaces to HF Datasets or HF Models
+# may resolve to internal IP addresses even if they are publicly accessible.
+PUBLIC_HOSTNAME_WHITELIST = [
+    "hf.co",
+    "huggingface.co",
+    "*.hf.co",
+    "*.huggingface.co",
+]
+
+
+def is_public_ip(ip: str) -> bool:
+    try:
+        ip_obj = ipaddress.ip_address(ip)
+        return not (
+            ip_obj.is_private
+            or ip_obj.is_loopback
+            or ip_obj.is_link_local
+            or ip_obj.is_multicast
+            or ip_obj.is_reserved
+        )
+    except ValueError:
+        return False
+
+
+T = TypeVar("T")
+
+
+def lru_cache_async(maxsize: int = 128):
+    def decorator(
+        async_func: Callable[..., Coroutine[Any, Any, T]],
+    ) -> Callable[..., Awaitable[T]]:
+        @lru_cache(maxsize=maxsize)
+        @wraps(async_func)
+        def wrapper(*args: Any, **kwargs: Any) -> Awaitable[T]:
+            return asyncio.create_task(async_func(*args, **kwargs))
+
+        return wrapper
+
+    return decorator
+
+
+MAX_REDIRECTS = 20
+
+
+async def async_ssrf_protected_get(url: str) -> httpx.Response:
+    """SSRF-protected GET: routes through `safehttpx` with the public hostname
+    allow-list and re-validates each redirect. Returns the `httpx.Response`
+    without raising on non-2xx status (callers decide how to handle that)."""
+    response = await sh.get(
+        url, domain_whitelist=PUBLIC_HOSTNAME_WHITELIST, _transport=async_transport
+    )
+    redirects = 0
+    while response.has_redirect_location:
+        if redirects >= MAX_REDIRECTS:
+            raise Exception(f"Exceeded maximum of {MAX_REDIRECTS} redirects.")
+        redirects += 1
+        # Resolve the Location against the URL that produced this redirect, so
+        # relative/scheme-relative redirects and host changes across hops are
+        # handled per RFC 3986. safehttpx re-validates the resolved host.
+        url = urljoin(str(response.url), response.headers["Location"])
+        response = await sh.get(
+            url, domain_whitelist=PUBLIC_HOSTNAME_WHITELIST, _transport=async_transport
+        )
+    return response
+
+
+async def async_ssrf_protected_download(url: str, cache_dir: str) -> str:
+    temp_dir = Path(cache_dir) / hash_url(url)
+    temp_dir.mkdir(exist_ok=True, parents=True)
+
+    parsed_url = urlparse(url)
+    base_path = parsed_url.path.rstrip("/")
+    filename = (
+        client_utils.strip_invalid_filename_characters(Path(base_path).name) or "file"
+    )
+
+    full_temp_file_path = str(abspath(temp_dir / filename))
+    if Path(full_temp_file_path).exists():
+        return full_temp_file_path
+
+    response = await async_ssrf_protected_get(url)
+    if response.status_code != 200:
+        raise Exception(f"Failed to download file. Status code: {response.status_code}")
+
+    async with aiofiles.open(full_temp_file_path, "wb") as f:
+        async for chunk in response.aiter_bytes():
+            await f.write(chunk)
+
+    return full_temp_file_path
+
+
+def unsafe_download(url: str, cache_dir: str) -> str:
+    temp_dir = Path(cache_dir) / hash_url(url)
+    temp_dir.mkdir(exist_ok=True, parents=True)
+    filename = client_utils.strip_invalid_filename_characters(Path(url).name)
+    full_temp_file_path = str(abspath(temp_dir / filename))
+
+    with (
+        sync_client.stream("GET", url, follow_redirects=True) as r,
+        open(full_temp_file_path, "wb") as f,
+    ):
+        for chunk in r.iter_raw():
+            f.write(chunk)
+
+    # print path and file size
+    print(
+        f"Downloaded {full_temp_file_path} ({os.path.getsize(full_temp_file_path)} bytes)"
+    )
+    log.info(
+        f"Downloaded {full_temp_file_path} ({os.path.getsize(full_temp_file_path)} bytes)"
+    )
+
+    return full_temp_file_path
+
+
+def ssrf_protected_download(url: str, cache_dir: str) -> str:
+    return client_utils.synchronize_async(async_ssrf_protected_download, url, cache_dir)
+
+
+# Custom components created with versions of gradio < 5.0 may be using the processing_utils.save_url_to_cache method, so we alias to ssrf_protected_download to preserve backwards-compatibility
+save_url_to_cache = ssrf_protected_download
+
+
+def save_base64_to_cache(
+    base64_encoding: str, cache_dir: str, file_name: str | None = None
+) -> str:
+    """Converts a base64 encoding to a file and returns the path to the file if
+    the file doesn't already exist. Otherwise returns the path to the existing file.
+    """
+    temp_dir = hash_base64(base64_encoding)
+    temp_dir = Path(cache_dir) / temp_dir
+    temp_dir.mkdir(exist_ok=True, parents=True)
+
+    guess_extension = client_utils.get_extension(base64_encoding)
+    if file_name:
+        file_name = client_utils.strip_invalid_filename_characters(file_name)
+    elif guess_extension:
+        file_name = f"file.{guess_extension}"
+    else:
+        file_name = "file"
+
+    full_temp_file_path = str(abspath(temp_dir / file_name))  # type: ignore
+
+    if not Path(full_temp_file_path).exists():
+        data, _ = client_utils.decode_base64_to_binary(base64_encoding)
+        with open(full_temp_file_path, "wb") as fb:
+            fb.write(data)
+
+    return full_temp_file_path
+
+
+def move_resource_to_block_cache(
+    url_or_file_path: str | Path | None, block: Block
+) -> str | None:
+    """This method has been replaced by Block.move_resource_to_block_cache(), but is
+    left here for backwards compatibility for any custom components created in Gradio 4.2.0 or earlier.
+    """
+    return block.move_resource_to_block_cache(url_or_file_path)
+
+
+def check_all_files_in_cache(data: JsonData):
+    def _in_cache(d: dict):
+        if (
+            (path := d.get("path", ""))
+            and not client_utils.is_http_url_like(path)
+            and not is_in_or_equal(path, get_upload_folder())
+            and not utils.is_static_file(path)
+        ):
+            raise Error(
+                f"File {path} is not in the cache folder and cannot be accessed."
+            )
+
+    client_utils.traverse(data, _in_cache, client_utils.is_file_obj)
+
+
+def move_files_to_cache(
+    data: Any,
+    block: Block,
+    postprocess: bool = False,
+    check_in_upload_folder=False,
+    keep_in_cache=False,
+):
+    """Move any files in `data` to cache and (optionally), adds URL prefixes (/file=...) needed to access the cached file.
+    Also handles the case where the file is on an external Gradio app (/proxy=...).
+
+    Runs after .postprocess() and before .preprocess().
+
+    Args:
+        data: The input or output data for a component. Can be a dictionary or a dataclass
+        block: The component whose data is being processed
+        postprocess: Whether its running from postprocessing
+        check_in_upload_folder: If True, instead of moving the file to cache, checks if the file is in already in cache (exception if not).
+        keep_in_cache: If True, the file will not be deleted from cache when the server is shut down.
+    """
+
+    def _mark_svg_as_safe(payload: FileData):
+        # If the app has not launched, this path can be considered an "allowed path"
+        # This is mainly so that svg files can be displayed inline for button/chatbot icons
+        if (
+            (blocks := LocalContext.blocks.get(None)) is None or not blocks.is_running
+        ) and (mimetypes.guess_type(payload.path)[0] == "image/svg+xml"):
+            utils.set_static_paths([payload.path])
+
+    def _move_to_cache(d: dict):
+        payload = FileData(**d)  # type: ignore
+        # If the gradio app developer is returning a URL from
+        # postprocess, it means the component can display a URL
+        # without it being served from the gradio server
+        # This makes it so that the URL is not downloaded and speeds up event processing
+        if payload.url and postprocess and client_utils.is_http_url_like(payload.url):
+            payload.path = payload.url
+        elif utils.is_static_file(payload):
+            pass
+        elif not block.proxy_url:
+            # If the file is on a remote server, do not move it to cache.
+            if not client_utils.is_http_url_like(payload.path):
+                _check_allowed(payload.path, check_in_upload_folder)
+            if not payload.is_stream:
+                temp_file_path = block.move_resource_to_block_cache(payload.path)
+                if temp_file_path is None:
+                    raise ValueError("Did not determine a file path for the resource.")
+                payload.path = temp_file_path
+                if keep_in_cache:
+                    block.keep_in_cache.add(payload.path)
+
+        url_prefix = (
+            f"{API_PREFIX}/stream/" if payload.is_stream else f"{API_PREFIX}/file="
+        )
+        if block.proxy_url:
+            proxy_url = block.proxy_url.rstrip("/")
+            url = f"{API_PREFIX}/proxy={proxy_url}{url_prefix}{payload.path}"
+        elif client_utils.is_http_url_like(payload.path) or payload.path.startswith(
+            f"{url_prefix}"
+        ):
+            url = f"{payload.path}"
+        else:
+            url = f"{url_prefix}{payload.path}"
+        payload.url = url
+        _mark_svg_as_safe(payload)
+        return payload.model_dump()
+
+    if isinstance(data, (GradioRootModel, GradioModel)):
+        data = data.model_dump()
+
+    return client_utils.traverse(
+        data, _move_to_cache, client_utils.is_file_obj_with_meta
+    )
+
+
+def _check_allowed(path: str | Path, check_in_upload_folder: bool):
+    blocks = LocalContext.blocks.get(None)
+    if blocks is None or not blocks.has_launched:
+        return
+
+    abs_path = utils.abspath(path)
+
+    created_paths = [utils.get_upload_folder()]
+    # if check_in_upload_folder=True, we are running this during pre-process
+    # in which case only files in the upload_folder (cache_dir) are accepted
+    if check_in_upload_folder:
+        allowed_paths = []
+    else:
+        allowed_paths = blocks.allowed_paths + [os.getcwd(), tempfile.gettempdir()]
+    allowed, reason = utils.is_allowed_file(
+        abs_path,
+        blocked_paths=blocks.blocked_paths,
+        allowed_paths=allowed_paths,
+        created_paths=created_paths,
+    )
+    if not allowed:
+        msg = f"Cannot move {abs_path} to the gradio cache dir because "
+        if reason == "in_blocklist":
+            msg += f"it is located in one of the blocked_paths ({', '.join(blocks.blocked_paths)})."
+        elif check_in_upload_folder:
+            msg += "it was not uploaded by a user."
+        else:
+            msg += "it was not created by the application or it is not "
+            msg += "located in either the current working directory or your system's temp directory. "
+            msg += "To fix this error, please ensure your function returns files located in either "
+            msg += f"the current working directory ({os.getcwd()}), your system's temp directory ({tempfile.gettempdir()}) "
+            msg += f"or add {str(abs_path.parent)} to the allowed_paths parameter of launch()."
+        raise InvalidPathError(msg)
+    if (
+        utils.is_in_or_equal(abs_path, os.getcwd())
+        and abs_path.name.startswith(".")
+        and not any(
+            is_in_or_equal(path, allowed_path) for allowed_path in blocks.allowed_paths
+        )
+    ):
+        raise InvalidPathError(
+            "Dotfiles located in the temporary directory cannot be moved to the cache for security reasons. "
+            "If you'd like to specifically allow this file to be served, you can add it to the allowed_paths parameter of launch()."
+        )
+
+
+async def async_move_files_to_cache(
+    data: Any,
+    block: Block,
+    postprocess: bool = False,
+    check_in_upload_folder=False,
+    keep_in_cache=False,
+) -> dict:
+    """Move any files in `data` to cache and (optionally), adds URL prefixes (/file=...) needed to access the cached file.
+    Also handles the case where the file is on an external Gradio app (/proxy=...).
+
+    Runs after .postprocess() and before .preprocess().
+
+    Args:
+        data: The input or output data for a component. Can be a dictionary or a dataclass
+        block: The component whose data is being processed
+        postprocess: Whether its running from postprocessing
+        check_in_upload_folder: If True, instead of moving the file to cache, checks if the file is in already in cache (exception if not).
+        keep_in_cache: If True, the file will not be deleted from cache when the server is shut down.
+    """
+
+    def _mark_svg_as_safe(payload: FileData):
+        # If the app has not launched, this path can be considered an "allowed path"
+        # This is mainly so that svg files can be displayed inline for button/chatbot icons
+        if (
+            (blocks := LocalContext.blocks.get(None)) is None or not blocks.is_running
+        ) and (mimetypes.guess_type(payload.path)[0] == "image/svg+xml"):
+            utils.set_static_paths([payload.path])
+
+    async def _move_to_cache(d: dict):
+        payload = FileData(**d)  # type: ignore
+        # If the gradio app developer is returning a URL from
+        # postprocess, it means the component can display a URL
+        # without it being served from the gradio server
+        # This makes it so that the URL is not downloaded and speeds up event processing
+        if payload.url and postprocess and client_utils.is_http_url_like(payload.url):
+            payload.path = payload.url
+        elif utils.is_static_file(payload):
+            pass
+        elif not block.proxy_url:
+            # If the file is on a remote server, do not move it to cache.
+            if not client_utils.is_http_url_like(payload.path):
+                _check_allowed(payload.path, check_in_upload_folder)
+            if not payload.is_stream:
+                temp_file_path = await block.async_move_resource_to_block_cache(
+                    payload.path
+                )
+                if temp_file_path is None:
+                    raise ValueError("Did not determine a file path for the resource.")
+                payload.path = temp_file_path
+                if keep_in_cache:
+                    block.keep_in_cache.add(payload.path)
+
+        url_prefix = (
+            f"{API_PREFIX}/stream/" if payload.is_stream else f"{API_PREFIX}/file="
+        )
+        if block.proxy_url:
+            proxy_url = block.proxy_url.rstrip("/")
+            url = f"{API_PREFIX}/proxy={proxy_url}{url_prefix}{payload.path}"
+        elif client_utils.is_http_url_like(payload.path) or payload.path.startswith(
+            f"{url_prefix}"
+        ):
+            url = payload.path
+        else:
+            url = f"{url_prefix}{payload.path}"
+        payload.url = url
+        _mark_svg_as_safe(payload)
+        return payload.model_dump()
+
+    if isinstance(data, (GradioRootModel, GradioModel)):
+        data = data.model_dump()
+    return await client_utils.async_traverse(
+        data, _move_to_cache, client_utils.is_file_obj_with_meta
+    )
+
+
+def add_root_url(data: dict | list, root_url: str, previous_root_url: str | None):
+    def _add_root_url(file_dict: dict):
+        if previous_root_url and file_dict["url"].startswith(previous_root_url):
+            file_dict["url"] = file_dict["url"][len(previous_root_url) :]
+        elif client_utils.is_http_url_like(file_dict["url"]):
+            return file_dict
+        file_dict["url"] = f"{root_url}{file_dict['url']}"
+        return file_dict
+
+    return client_utils.traverse(data, _add_root_url, client_utils.is_file_obj_with_url)
+
+
+def resize_and_crop(img, size, crop_type="center"):
+    """
+    Resize and crop an image to fit the specified size.
+    args:
+        size: `(width, height)` tuple. Pass `None` for either width or height
+        to only crop and resize the other.
+        crop_type: can be 'top', 'middle' or 'bottom', depending on this
+            value, the image will cropped getting the 'top/left', 'middle' or
+            'bottom/right' of the image to fit the size.
+    raises:
+        ValueError: if an invalid `crop_type` is provided.
+    """
+    if crop_type == "top":
+        center = (0, 0)
+    elif crop_type == "center":
+        center = (0.5, 0.5)
+    else:
+        raise ValueError
+
+    resize = list(size)
+    if size[0] is None:
+        resize[0] = img.size[0]
+    if size[1] is None:
+        resize[1] = img.size[1]
+    return ImageOps.fit(img, resize, centering=center)  # type: ignore
+
+
+##################
+# Audio
+##################
+
+
+def audio_from_file(
+    filename: str, crop_min: float = 0, crop_max: float = 100
+) -> tuple[int, np.ndarray]:
+    from gradio.profiling import trace_phase_sync
+
+    with trace_phase_sync("preprocess_audio_from_file"):
+        try:
+            audio = AudioSegment.from_file(filename)
+        except FileNotFoundError as e:
+            isfile = Path(filename).is_file()
+            msg = (
+                f"Cannot load audio from file: `{'ffprobe' if isfile else filename}` not found."
+                + " Please install `ffmpeg` in your system to use non-WAV audio file formats"
+                " and make sure `ffprobe` is in your PATH."
+                if isfile
+                else ""
+            )
+            raise RuntimeError(msg) from e
+        except OSError as e:
+            raise e
+        if crop_min != 0 or crop_max != 100:
+            audio_start = len(audio) * crop_min / 100
+            audio_end = len(audio) * crop_max / 100
+            audio = audio[audio_start:audio_end]
+        data = np.array(audio.get_array_of_samples())
+        if audio.channels > 1:
+            data = data.reshape(-1, audio.channels)
+        return audio.frame_rate, data
+
+
+def audio_to_file(sample_rate, data, filename, format="wav"):
+    # pydub's `AudioSegment` raw constructor only supports integer PCM, and
+    # interprets `sample_width=4` as int32 rather than float32. Without an
+    # explicit conversion, non-WAV formats (mp3, flac, ogg, ...) end up
+    # feeding float32 bytes through ffmpeg as `pcm_s32le`, which decodes as
+    # noise. Run the same int16 conversion for every format so the encoded
+    # output matches the input waveform regardless of `format`. See #13364.
+    if data.dtype != np.int16:
+        data = convert_to_16_bit_audio(data)
+
+    audio = AudioSegment(
+        data.tobytes(),
+        frame_rate=sample_rate,
+        sample_width=data.dtype.itemsize,
+        channels=(1 if len(data.shape) == 1 else data.shape[1]),
+    )
+    file = audio.export(filename, format=format)
+    file.close()  # type: ignore
+
+
+def convert_to_16_bit_audio(data):
+    # Based on: https://docs.scipy.org/doc/scipy/reference/generated/scipy.io.wavfile.write.html
+    warning = "Trying to convert audio automatically from {} to 16-bit int format."
+    if data.dtype in [np.float64, np.float32, np.float16]:
+        warnings.warn(warning.format(data.dtype))
+        peak = np.abs(data).max()
+        if peak == 0:
+            # Silence: avoid dividing by zero (which would produce NaNs that
+            # cast to nonzero int16 garbage and turn silence into noise).
+            data = np.zeros_like(data, dtype=np.int16)
+        else:
+            data = data / peak
+            data = data * 32767
+            data = data.astype(np.int16)
+    elif data.dtype == np.int32:
+        warnings.warn(warning.format(data.dtype))
+        data = data / 65536
+        data = data.astype(np.int16)
+    elif data.dtype == np.int16:
+        pass
+    elif data.dtype == np.uint16:
+        warnings.warn(warning.format(data.dtype))
+        data = data - 32768
+        data = data.astype(np.int16)
+    elif data.dtype == np.uint8:
+        warnings.warn(warning.format(data.dtype))
+        data = data * 257 - 32768
+        data = data.astype(np.int16)
+    elif data.dtype == np.int8:
+        warnings.warn(warning.format(data.dtype))
+        data = data * 256
+        data = data.astype(np.int16)
+    else:
+        raise ValueError(
+            "Audio data cannot be converted automatically from "
+            f"{data.dtype} to 16-bit int format."
+        )
+    return data
+
+
+# Backwards-compatible alias: this function now handles non-WAV formats too,
+# but it was previously named `convert_to_16_bit_wav` and may be imported by
+# external code.
+convert_to_16_bit_wav = convert_to_16_bit_audio
+
+
+##################
+# OUTPUT
+##################
+
+
+def _convert(image, dtype, force_copy=False, uniform=False):
+    """
+    Adapted from: https://github.com/scikit-image/scikit-image/blob/main/skimage/util/dtype.py#L510-L531
+
+    Convert an image to the requested data-type.
+    Warnings are issued in case of precision loss, or when negative values
+    are clipped during conversion to unsigned integer types (sign loss).
+    Floating point values are expected to be normalized and will be clipped
+    to the range [0.0, 1.0] or [-1.0, 1.0] when converting to unsigned or
+    signed integers respectively.
+    Numbers are not shifted to the negative side when converting from
+    unsigned to signed integer types. Negative values will be clipped when
+    converting to unsigned integers.
+    Parameters
+    ----------
+    image : ndarray
+        Input image.
+    dtype : dtype
+        Target data-type.
+    force_copy : bool, optional
+        Force a copy of the data, irrespective of its current dtype.
+    uniform : bool, optional
+        Uniformly quantize the floating point range to the integer range.
+        By default (uniform=False) floating point values are scaled and
+        rounded to the nearest integers, which minimizes back and forth
+        conversion errors.
+    .. versionchanged :: 0.15
+        ``_convert`` no longer warns about possible precision or sign
+        information loss. See discussions on these warnings at:
+        https://github.com/scikit-image/scikit-image/issues/2602
+        https://github.com/scikit-image/scikit-image/issues/543#issuecomment-208202228
+        https://github.com/scikit-image/scikit-image/pull/3575
+    References
+    ----------
+    .. [1] DirectX data conversion rules.
+           https://msdn.microsoft.com/en-us/library/windows/desktop/dd607323%28v=vs.85%29.aspx
+    .. [2] Data Conversions. In "OpenGL ES 2.0 Specification v2.0.25",
+           pp 7-8. Khronos Group, 2010.
+    .. [3] Proper treatment of pixels as integers. A.W. Paeth.
+           In "Graphics Gems I", pp 249-256. Morgan Kaufmann, 1990.
+    .. [4] Dirty Pixels. J. Blinn. In "Jim Blinn's corner: Dirty Pixels",
+           pp 47-57. Morgan Kaufmann, 1998.
+    """
+    dtype_range = {
+        bool: (False, True),
+        np.bool_: (False, True),
+        float: (-1, 1),
+        np.float16: (-1, 1),
+        np.float32: (-1, 1),
+        np.float64: (-1, 1),
+    }
+
+    if hasattr(np, "float_"):
+        dtype_range[np.float_] = dtype_range[float]  # type: ignore
+    if hasattr(np, "bool8"):
+        dtype_range[np.bool8] = dtype_range[np.bool_]  # type: ignore
+
+    def _dtype_itemsize(itemsize, *dtypes):
+        """Return first of `dtypes` with itemsize greater than `itemsize`
+        Parameters
+        ----------
+        itemsize: int
+            The data type object element size.
+        Other Parameters
+        ----------------
+        *dtypes:
+            Any Object accepted by `np.dtype` to be converted to a data
+            type object
+        Returns
+        -------
+        dtype: data type object
+            First of `dtypes` with itemsize greater than `itemsize`.
+        """
+        return next(dt for dt in dtypes if np.dtype(dt).itemsize >= itemsize)
+
+    def _dtype_bits(kind, bits, itemsize=1):
+        """Return dtype of `kind` that can store a `bits` wide unsigned int
+        Parameters:
+        kind: str
+            Data type kind.
+        bits: int
+            Desired number of bits.
+        itemsize: int
+            The data type object element size.
+        Returns
+        -------
+        dtype: data type object
+            Data type of `kind` that can store a `bits` wide unsigned int
+        """
+
+        s = next(
+            i
+            for i in (itemsize,) + (2, 4, 8)
+            if bits < (i * 8) or (bits == (i * 8) and kind == "u")
+        )
+
+        return np.dtype(kind + str(s))
+
+    def _scale(a, n, m, copy=True):
+        """Scale an array of unsigned/positive integers from `n` to `m` bits.
+        Numbers can be represented exactly only if `m` is a multiple of `n`.
+        Parameters
+        ----------
+        a : ndarray
+            Input image array.
+        n : int
+            Number of bits currently used to encode the values in `a`.
+        m : int
+            Desired number of bits to encode the values in `out`.
+        copy : bool, optional
+            If True, allocates and returns new array. Otherwise, modifies
+            `a` in place.
+        Returns
+        -------
+        out : array
+            Output image array. Has the same kind as `a`.
+        """
+        kind = a.dtype.kind
+        if n > m and a.max() < 2**m:
+            return a.astype(_dtype_bits(kind, m))
+        elif n == m:
+            return a.copy() if copy else a
+        elif n > m:
+            # downscale with precision loss
+            if copy:
+                b = np.empty(a.shape, _dtype_bits(kind, m))
+                np.floor_divide(a, 2 ** (n - m), out=b, dtype=a.dtype, casting="unsafe")
+                return b
+            else:
+                a //= 2 ** (n - m)
+                return a
+        elif m % n == 0:
+            # exact upscale to a multiple of `n` bits
+            if copy:
+                b = np.empty(a.shape, _dtype_bits(kind, m))
+                np.multiply(a, (2**m - 1) // (2**n - 1), out=b, dtype=b.dtype)
+                return b
+            else:
+                a = a.astype(_dtype_bits(kind, m, a.dtype.itemsize), copy=False)
+                a *= (2**m - 1) // (2**n - 1)
+                return a
+        else:
+            # upscale to a multiple of `n` bits,
+            # then downscale with precision loss
+            o = (m // n + 1) * n
+            if copy:
+                b = np.empty(a.shape, _dtype_bits(kind, o))
+                np.multiply(a, (2**o - 1) // (2**n - 1), out=b, dtype=b.dtype)
+                b //= 2 ** (o - m)
+                return b
+            else:
+                a = a.astype(_dtype_bits(kind, o, a.dtype.itemsize), copy=False)
+                a *= (2**o - 1) // (2**n - 1)
+                a //= 2 ** (o - m)
+                return a
+
+    image = np.asarray(image)
+    dtypeobj_in = image.dtype
+    dtypeobj_out = (
+        dtypeobj_in
+        if dtype is np.floating
+        else np.dtype("float64")
+        if dtype is float
+        else np.dtype(dtype)
+    )
+    dtype_in = dtypeobj_in.type
+    dtype_out = dtypeobj_out.type
+    kind_in = dtypeobj_in.kind
+    kind_out = dtypeobj_out.kind
+    itemsize_in = dtypeobj_in.itemsize
+    itemsize_out = dtypeobj_out.itemsize
+
+    # Below, we do an `issubdtype` check.  Its purpose is to find out
+    # whether we can get away without doing any image conversion.  This happens
+    # when:
+    #
+    # - the output and input dtypes are the same or
+    # - when the output is specified as a type, and the input dtype
+    #   is a subclass of that type (e.g. `np.floating` will allow
+    #   `float32` and `float64` arrays through)
+
+    if hasattr(np, "obj2sctype"):
+        is_subdtype = np.issubdtype(dtype_in, np.obj2sctype(dtype))  # type: ignore
+    else:
+        is_subdtype = np.issubdtype(dtype_in, dtypeobj_out.type)
+
+    if is_subdtype:
+        if force_copy:
+            image = image.copy()
+        return image
+
+    if kind_in in "ui":
+        imin_in = np.iinfo(dtype_in).min
+        imax_in = np.iinfo(dtype_in).max
+    if kind_out in "ui":
+        imin_out = np.iinfo(dtype_out).min  # type: ignore
+        imax_out = np.iinfo(dtype_out).max  # type: ignore
+
+    # any -> binary
+    if kind_out == "b":
+        return image > dtype_in(dtype_range[dtype_in][1] / 2)
+
+    # binary -> any
+    if kind_in == "b":
+        result = image.astype(dtype_out)
+        if kind_out != "f":
+            result *= dtype_out(dtype_range[dtype_out][1])
+        return result
+
+    # float -> any
+    if kind_in == "f":
+        if kind_out == "f":
+            # float -> float
+            return image.astype(dtype_out)
+
+        if np.min(image) < -1.0 or np.max(image) > 1.0:
+            raise ValueError("Images of type float must be between -1 and 1.")
+        # floating point -> integer
+        # use float type that can represent output integer type
+        computation_type = _dtype_itemsize(
+            itemsize_out, dtype_in, np.float32, np.float64
+        )
+
+        if not uniform:
+            if kind_out == "u":
+                image_out = np.multiply(image, imax_out, dtype=computation_type)  # type: ignore
+            else:
+                image_out = np.multiply(
+                    image,
+                    (imax_out - imin_out) / 2,  # type: ignore
+                    dtype=computation_type,
+                )
+                image_out -= 1.0 / 2.0
+            np.rint(image_out, out=image_out)
+            np.clip(image_out, imin_out, imax_out, out=image_out)  # type: ignore
+        elif kind_out == "u":
+            image_out = np.multiply(image, imax_out + 1, dtype=computation_type)  # type: ignore
+            np.clip(image_out, 0, imax_out, out=image_out)  # type: ignore
+        else:
+            image_out = np.multiply(
+                image,
+                (imax_out - imin_out + 1.0) / 2.0,  # type: ignore
+                dtype=computation_type,
+            )
+            np.floor(image_out, out=image_out)
+            np.clip(image_out, imin_out, imax_out, out=image_out)  # type: ignore
+        return image_out.astype(dtype_out)
+
+    # signed/unsigned int -> float
+    if kind_out == "f":
+        # use float type that can exactly represent input integers
+        computation_type = _dtype_itemsize(
+            itemsize_in, dtype_out, np.float32, np.float64
+        )
+
+        if kind_in == "u":
+            # using np.divide or np.multiply doesn't copy the data
+            # until the computation time
+            image = np.multiply(image, 1.0 / imax_in, dtype=computation_type)  # type: ignore
+            # DirectX uses this conversion also for signed ints
+            # if imin_in:
+            #     np.maximum(image, -1.0, out=image)
+        else:
+            image = np.add(image, 0.5, dtype=computation_type)
+            image *= 2 / (imax_in - imin_in)  # type: ignore
+
+        return np.asarray(image, dtype_out)
+
+    # unsigned int -> signed/unsigned int
+    if kind_in == "u":
+        if kind_out == "i":
+            # unsigned int -> signed int
+            image = _scale(image, 8 * itemsize_in, 8 * itemsize_out - 1)
+            return image.view(dtype_out)
+        else:
+            # unsigned int -> unsigned int
+            return _scale(image, 8 * itemsize_in, 8 * itemsize_out)
+
+    # signed int -> unsigned int
+    if kind_out == "u":
+        image = _scale(image, 8 * itemsize_in - 1, 8 * itemsize_out)
+        result = np.empty(image.shape, dtype_out)
+        np.maximum(image, 0, out=result, dtype=image.dtype, casting="unsafe")
+        return result
+
+    # signed int -> signed int
+    if itemsize_in > itemsize_out:
+        return _scale(image, 8 * itemsize_in - 1, 8 * itemsize_out - 1)
+
+    image = image.astype(_dtype_bits("i", itemsize_out * 8))
+    image -= imin_in  # type: ignore
+    image = _scale(image, 8 * itemsize_in, 8 * itemsize_out, copy=False)
+    image += imin_out  # type: ignore
+    return image.astype(dtype_out)
+
+
+def ffmpeg_installed() -> bool:
+    return shutil.which("ffmpeg") is not None
+
+
+def video_is_playable(video_filepath: str) -> bool:
+    """Determines if a video is playable in the browser.
+
+    A video is playable if it has a playable container and codec.
+        .mp4 -> h264
+        .webm -> vp9
+        .ogg -> theora
+    """
+    from gradio._vendor.ffmpy import FFprobe, FFRuntimeError
+
+    try:
+        container = Path(video_filepath).suffix.lower()
+        probe = FFprobe(
+            global_options="-show_format -show_streams -select_streams v -print_format json",
+            inputs={video_filepath: None},
+        )
+        output = probe.run(stderr=subprocess.PIPE, stdout=subprocess.PIPE)
+        output = json.loads(output[0])  # type: ignore
+        video_codec = output["streams"][0]["codec_name"]
+        return (container, video_codec) in [
+            (".mp4", "h264"),
+            (".mp4", "av1"),
+            (".ogg", "theora"),
+            (".webm", "vp9"),
+            (".webm", "vp8"),
+            (".webm", "av1"),
+        ]
+    # If anything goes wrong, assume the video can be played to not convert downstream
+    except (FFRuntimeError, IndexError, KeyError):
+        return True
+
+
+def convert_video_to_playable_mp4(video_path: str) -> str:
+    """Convert the video to mp4. If something goes wrong return the original video."""
+    from gradio._vendor.ffmpy import FFmpeg, FFRuntimeError
+
+    try:
+        with tempfile.NamedTemporaryFile(delete=False) as tmp_file:
+            output_path = Path(video_path).with_suffix(".mp4")
+            shutil.copy2(video_path, tmp_file.name)
+            # ffmpeg will automatically use h264 codec (playable in browser) when converting to mp4
+            ff = FFmpeg(
+                inputs={str(tmp_file.name): None},
+                outputs={str(output_path): None},
+                global_options="-y -loglevel quiet",
+            )
+            ff.run()
+    except FFRuntimeError as e:
+        print(f"Error converting video to browser-playable format {str(e)}")
+        output_path = video_path
+    finally:
+        # Remove temp file
+        os.remove(tmp_file.name)  # type: ignore
+    return str(output_path)
+
+
+def get_video_length(video_path: str | Path):
+    duration = subprocess.check_output(
+        [
+            "ffprobe",
+            "-i",
+            str(video_path),
+            "-show_entries",
+            "format=duration",
+            "-v",
+            "quiet",
+            "-of",
+            "csv={}".format("p=0"),
+        ]
+    )
+    duration_str = duration.decode("utf-8").strip()
+    duration_float = float(duration_str)
+
+    return duration_float
diff --git a/gradio/profiling.py b/gradio/profiling.py
new file mode 100644
index 0000000..2e777f0
--- /dev/null
+++ b/gradio/profiling.py
@@ -0,0 +1,243 @@
+from __future__ import annotations
+
+import contextvars
+import os
+import time
+from collections import deque
+from contextlib import asynccontextmanager, contextmanager
+from dataclasses import dataclass, field
+from functools import wraps
+from typing import Any
+
+PROFILING_ENABLED = os.environ.get("GRADIO_PROFILING", "").strip() in ("1", "true")
+
+
+@dataclass
+class RequestTrace:
+    event_id: str | None = None
+    fn_name: str | None = None
+    session_hash: str | None = None
+    timestamp: float = field(default_factory=time.time)
+
+    queue_wait_ms: float = 0.0
+    preprocess_ms: float = 0.0
+    fn_call_ms: float = 0.0
+    postprocess_ms: float = 0.0
+    streaming_diff_ms: float = 0.0
+    total_ms: float = 0.0
+    n_iterations: int = 0
+    upload_ms: float = 0.0
+    preprocess_move_to_cache_ms: float = 0.0
+    preprocess_format_image_ms: float = 0.0
+    postprocess_save_img_array_to_cache_ms: float = 0.0
+    preprocess_audio_from_file_ms: float = 0.0
+    postprocess_save_audio_to_cache_ms: float = 0.0
+    preprocess_video_ms: float = 0.0
+    postprocess_video_convert_video_to_playable_mp4_ms: float = 0.0
+    postprocess_update_state_in_config_ms: float = 0.0
+    postprocess_move_to_cache_ms: float = 0.0
+    postprocess_video_ms: float = 0.0
+    postprocess_save_pil_to_cache_ms: float = 0.0
+    postprocess_save_bytes_to_cache_ms: float = 0.0
+    save_file_to_cache_ms: float = 0.0
+
+    def set_phase(self, name: str, duration_ms: float):
+        attr = f"{name}_ms"
+        if hasattr(self, attr):
+            # Accumulate across generator iterations
+            setattr(self, attr, getattr(self, attr) + duration_ms)
+        if name == "total":
+            self.n_iterations += 1
+
+    def to_dict(self) -> dict[str, Any]:
+        return {
+            "event_id": self.event_id,
+            "fn_name": self.fn_name,
+            "session_hash": self.session_hash,
+            "timestamp": self.timestamp,
+            "queue_wait_ms": self.queue_wait_ms,
+            "preprocess_ms": self.preprocess_ms,
+            "fn_call_ms": self.fn_call_ms,
+            "postprocess_ms": self.postprocess_ms,
+            "streaming_diff_ms": self.streaming_diff_ms,
+            "total_ms": self.total_ms,
+            "n_iterations": self.n_iterations,
+            "preprocess_move_to_cache_ms": self.preprocess_move_to_cache_ms,
+            "preprocess_format_image_ms": self.preprocess_format_image_ms,
+            "postprocess_save_img_array_to_cache_ms": self.postprocess_save_img_array_to_cache_ms,
+            "preprocess_audio_from_file_ms": self.preprocess_audio_from_file_ms,
+            "postprocess_save_audio_to_cache_ms": self.postprocess_save_audio_to_cache_ms,
+            "preprocess_video_ms": self.preprocess_video_ms,
+            "postprocess_video_convert_video_to_playable_mp4_ms": self.postprocess_video_convert_video_to_playable_mp4_ms,
+            "postprocess_update_state_in_config_ms": self.postprocess_update_state_in_config_ms,
+            "postprocess_move_to_cache_ms": self.postprocess_move_to_cache_ms,
+            "postprocess_video_ms": self.postprocess_video_ms,
+            "postprocess_save_pil_to_cache_ms": self.postprocess_save_pil_to_cache_ms,
+            "postprocess_save_bytes_to_cache_ms": self.postprocess_save_bytes_to_cache_ms,
+            "save_file_to_cache_ms": self.save_file_to_cache_ms,
+        }
+
+
+_current_trace: contextvars.ContextVar[RequestTrace | None] = contextvars.ContextVar(
+    "_current_trace", default=None
+)
+
+
+def get_current_trace() -> RequestTrace | None:
+    return _current_trace.get()
+
+
+def set_current_trace(trace: RequestTrace) -> contextvars.Token:
+    return _current_trace.set(trace)
+
+
+@asynccontextmanager
+async def trace_phase(name: str):
+    """Async context manager that records timing for a named phase into the current trace."""
+    trace = _current_trace.get()
+    if trace is None:
+        yield
+        return
+    start = time.monotonic()
+    try:
+        yield
+    finally:
+        duration_ms = (time.monotonic() - start) * 1000
+        trace.set_phase(name, duration_ms)
+
+
+@contextmanager
+def trace_phase_sync(name: str):
+    """Context manager that records timing for a named phase into the current trace."""
+    trace = _current_trace.get()
+    if trace is None:
+        yield
+        return
+    start = time.monotonic()
+    try:
+        yield
+    finally:
+        duration_ms = (time.monotonic() - start) * 1000
+        trace.set_phase(name, duration_ms)
+
+
+def traced(phase):
+    if not PROFILING_ENABLED:
+        return lambda f: f
+
+    def _factory(f):
+        @wraps(f)
+        async def wrapper(*args, **kwargs):
+            async with trace_phase(phase):
+                return await f(*args, **kwargs)
+
+        return wrapper
+
+    return _factory
+
+
+def traced_sync(phase):
+    if not PROFILING_ENABLED:
+        return lambda f: f
+
+    def _factory(f):
+        @wraps(f)
+        def wrapper(*args, **kwargs):
+            with trace_phase_sync(phase):
+                return f(*args, **kwargs)
+
+        return wrapper
+
+    return _factory
+
+
+class TraceCollector:
+    def __init__(self, maxlen: int = 100_000):
+        self._traces: deque[RequestTrace] = deque(maxlen=maxlen)
+
+    def add(self, trace: RequestTrace):
+        self._traces.append(trace)
+
+    def get_all(self, last_n: int | None = None) -> list[dict[str, Any]]:
+        traces = list(self._traces)
+        if last_n is not None:
+            traces = traces[-last_n:]
+        return [t.to_dict() for t in traces]
+
+    def get_summary(self) -> dict[str, Any]:
+        if not self._traces:
+            return {"count": 0, "phases": {}}
+
+        import numpy as np
+
+        prediction_traces = [
+            t for t in self._traces if t.fn_name != "gradio_file_upload"
+        ]
+        upload_traces = [t for t in self._traces if t.fn_name == "gradio_file_upload"]
+
+        phases = [
+            "queue_wait",
+            "preprocess",
+            "fn_call",
+            "postprocess",
+            "streaming_diff",
+            "total",
+        ]
+
+        def _percentiles(arr):
+            return {
+                "p50": float(np.percentile(arr, 50)),
+                "p90": float(np.percentile(arr, 90)),
+                "p95": float(np.percentile(arr, 95)),
+                "p99": float(np.percentile(arr, 99)),
+                "mean": float(np.mean(arr)),
+                "min": float(np.min(arr)),
+                "max": float(np.max(arr)),
+            }
+
+        result: dict[str, Any] = {
+            "count": len(prediction_traces),
+            "phases": {},
+        }
+        for phase in phases:
+            values = [getattr(t, f"{phase}_ms") for t in prediction_traces]
+            if values:
+                result["phases"][phase] = _percentiles(np.array(values))
+            else:
+                result["phases"][phase] = {
+                    "p50": 0.0,
+                    "p90": 0.0,
+                    "p95": 0.0,
+                    "p99": 0.0,
+                    "mean": 0.0,
+                    "min": 0.0,
+                    "max": 0.0,
+                }
+
+        if upload_traces:
+            upload_values = [t.upload_ms for t in upload_traces]
+            result["upload"] = {
+                "count": len(upload_traces),
+                **_percentiles(np.array(upload_values)),
+            }
+
+        return result
+
+    def clear(self):
+        self._traces.clear()
+
+
+# Global collector instance
+collector = TraceCollector()
+
+
+if not PROFILING_ENABLED:
+    # Replace with no-ops for zero overhead
+
+    @asynccontextmanager
+    async def trace_phase(name: str):  # noqa: ARG001
+        yield
+
+    @contextmanager
+    def trace_phase_sync(name: str):  # noqa: ARG001
+        yield
diff --git a/gradio/py.typed b/gradio/py.typed
new file mode 100644
index 0000000..e69de29
diff --git a/gradio/queueing.py b/gradio/queueing.py
new file mode 100644
index 0000000..3c47071
--- /dev/null
+++ b/gradio/queueing.py
@@ -0,0 +1,1134 @@
+from __future__ import annotations
+
+import asyncio
+import copy
+import inspect
+import os
+import platform
+import random
+import time
+import traceback
+import uuid
+from asyncio import Queue as AsyncQueue
+from collections import defaultdict
+from typing import TYPE_CHECKING, Any, Literal, cast
+
+import fastapi
+import numpy as np
+from anyio.to_thread import run_sync
+
+from gradio import route_utils, routes
+from gradio.caching import CacheMissError, ProbeCache
+from gradio.data_classes import (
+    PredictBodyInternal,
+)
+from gradio.exceptions import Error
+from gradio.helpers import TrackedIterable
+from gradio.server_messages import (
+    EstimationMessage,
+    EventMessage,
+    LogMessage,
+    ProcessCompletedMessage,
+    ProcessGeneratingMessage,
+    ProcessStartsMessage,
+    ProgressMessage,
+    ProgressUnit,
+    ServerMessage,
+)
+from gradio.utils import (
+    LRUCache,
+    error_payload,
+    run_coro_in_background,
+    safe_aclose_iterator,
+    safe_get_lock,
+    set_task_name,
+)
+
+from .block_function import BlockFunction
+
+if TYPE_CHECKING:
+    from gradio.block_function import BlockFunction
+    from gradio.blocks import Blocks
+
+
+class Event:
+    def __init__(
+        self,
+        session_hash: str | None,
+        fn: BlockFunction,
+        request: fastapi.Request,
+        username: str | None,
+    ):
+        self._id = uuid.uuid4().hex
+        self.session_hash: str = session_hash or self._id
+        self.fn = fn
+        self.request = request
+        self.username = username
+        self.concurrency_id = fn.concurrency_id
+        self.data: PredictBodyInternal | None = None
+        self.progress: ProgressMessage | None = None
+        self.progress_pending: bool = False
+        self.alive = True
+        self.closed = False
+        self.n_calls = 0
+        self.run_time: float = 0
+        self.enqueue_time: float = time.monotonic()
+        self.signal = asyncio.Event()
+
+    @property
+    def streaming(self):
+        return self.fn.connection == "stream"
+
+    @property
+    def is_finished(self):
+        if not self.streaming:
+            raise ValueError("Cannot access if_finished during a non-streaming event")
+        if self.closed:
+            return True
+        if self.fn.time_limit is None:
+            return False
+        return self.run_time >= self.fn.time_limit
+
+
+class EventQueue:
+    def __init__(self, concurrency_id: str, concurrency_limit: int | None):
+        self.queue: list[Event] = []
+        self.concurrency_id = concurrency_id
+        self.concurrency_limit = concurrency_limit
+        self.current_concurrency = 0
+        self.start_times_per_fn: defaultdict[BlockFunction, set[float]] = defaultdict(
+            set
+        )
+
+
+class ProcessTime:
+    def __init__(self):
+        self.process_time = 0
+        self.count = 0
+        self.avg_time = 0
+
+    def add(self, time: float):
+        self.process_time += time
+        self.count += 1
+        self.avg_time = self.process_time / self.count
+
+
+class Queue:
+    def __init__(
+        self,
+        live_updates: bool,
+        concurrency_count: int,
+        update_intervals: float,
+        max_size: int | None,
+        blocks: Blocks,
+        default_concurrency_limit: int | None | Literal["not_set"] = "not_set",
+    ):
+        self.pending_messages_per_session: LRUCache[str, AsyncQueue[EventMessage]] = (
+            LRUCache(2000)
+        )
+        self.pending_event_ids_session: dict[str, set[str]] = {}
+        self.event_ids_to_events: dict[str, Event] = {}
+        self.pending_message_lock = safe_get_lock()
+        self.event_queue_per_concurrency_id: dict[str, EventQueue] = {}
+        self.stopped = False
+        self.max_thread_count = concurrency_count
+        self.update_intervals = update_intervals
+        self.active_jobs: list[None | list[Event]] = []
+        self.delete_lock = safe_get_lock()
+        self.server_app = None
+        self.process_time_per_fn: defaultdict[BlockFunction, ProcessTime] = defaultdict(
+            ProcessTime
+        )
+        self.live_updates = live_updates
+        self.sleep_when_free = 0.05 if platform.system() == "Windows" else 0.001
+        self.progress_update_sleep_when_free = (
+            0.1 if platform.system() == "Windows" else 0.01
+        )
+        self.max_size = max_size
+        self.blocks = blocks
+        self._asyncio_tasks: list[asyncio.Task] = []
+        self.default_concurrency_limit = self._resolve_concurrency_limit(
+            default_concurrency_limit
+        )
+        self.event_analytics: dict[str, dict[str, float | str | None]] = {}
+        self.cached_event_analytics_summary = {"functions": {}}
+        self.event_count_at_last_cache = 0
+        self.ANAYLTICS_CACHE_FREQUENCY = int(
+            os.getenv("GRADIO_ANALYTICS_CACHE_FREQUENCY", "1")
+        )
+
+    @staticmethod
+    def _get_df(event_analytics):
+        import pandas as pd
+
+        try:
+            with pd.option_context("future.no_silent_downcasting", True):
+                return (
+                    pd.DataFrame(list(event_analytics.values()))
+                    .fillna(value=np.nan)
+                    .infer_objects(copy=False)  # type: ignore
+                )
+        except Exception as e:
+            if "No such keys(s)" in str(e):
+                return (
+                    pd.DataFrame(list(event_analytics.values()))
+                    .fillna(value=np.nan)
+                    .infer_objects(copy=False)  # type: ignore
+                )
+            raise e
+
+    def compute_analytics_summary(self, event_analytics):
+        if (
+            len(event_analytics) - self.event_count_at_last_cache
+            >= self.ANAYLTICS_CACHE_FREQUENCY
+        ):
+            df = self._get_df(event_analytics)
+            self.event_count_at_last_cache = len(event_analytics)
+            grouped = df.groupby("function")
+            metrics = {"functions": {}}
+            for fn_name, fn_df in grouped:
+                status = fn_df["status"].values
+                success = np.sum(status == "success")
+                failure = np.sum(status == "failed")
+                total = success + failure
+                success_rate = success / total if total > 0 else None
+                percentiles = np.percentile(fn_df["process_time"].values, [50, 90, 99])  # type: ignore
+                metrics["functions"][fn_name] = {
+                    "success_rate": success_rate,
+                    "process_time_percentiles": {
+                        "50th": percentiles[0],  # type: ignore
+                        "90th": percentiles[1],  # type: ignore
+                        "99th": percentiles[2],  # type: ignore
+                    },
+                    "total_requests": fn_df.shape[0],
+                }
+            self.cached_event_analytics_summary = metrics
+        return self.cached_event_analytics_summary
+
+    def start(self):
+        self.active_jobs = [None] * self.max_thread_count
+
+        run_coro_in_background(self.start_processing)
+        run_coro_in_background(self.start_progress_updates)
+        if not self.live_updates:
+            run_coro_in_background(self.notify_clients)
+
+    def create_event_queue_for_fn(self, block_fn: BlockFunction):
+        concurrency_id = block_fn.concurrency_id
+        concurrency_limit: int | None
+        if block_fn.concurrency_limit == "default":
+            concurrency_limit = self.default_concurrency_limit
+        else:
+            concurrency_limit = block_fn.concurrency_limit
+        if concurrency_id not in self.event_queue_per_concurrency_id:
+            self.event_queue_per_concurrency_id[concurrency_id] = EventQueue(
+                concurrency_id, concurrency_limit
+            )
+        elif (
+            concurrency_limit is not None
+        ):  # Update concurrency limit if it is lower than existing limit
+            existing_event_queue = self.event_queue_per_concurrency_id[concurrency_id]
+            if (
+                existing_event_queue.concurrency_limit is None
+                or concurrency_limit < existing_event_queue.concurrency_limit
+            ):
+                existing_event_queue.concurrency_limit = concurrency_limit
+
+    def close(self):
+        self.stopped = True
+
+    def send_message(
+        self,
+        event: Event,
+        event_message: EventMessage,
+    ):
+        if not event.alive:
+            return
+        event_message.event_id = event._id
+        messages = self.pending_messages_per_session[event.session_hash]
+        messages.put_nowait(event_message)
+
+    def _resolve_concurrency_limit(
+        self, default_concurrency_limit: int | None | Literal["not_set"]
+    ) -> int | None:
+        """
+        Handles the logic of resolving the default_concurrency_limit as this can be specified via a combination
+        of the `default_concurrency_limit` parameter of the `Blocks.queue()` or the `GRADIO_DEFAULT_CONCURRENCY_LIMIT`
+        environment variable. The parameter in `Blocks.queue()` takes precedence over the environment variable.
+        Parameters:
+            default_concurrency_limit: The default concurrency limit, as specified by a user in `Blocks.queue()`.
+        """
+        if default_concurrency_limit != "not_set":
+            return default_concurrency_limit
+        if default_concurrency_limit_env := os.environ.get(
+            "GRADIO_DEFAULT_CONCURRENCY_LIMIT"
+        ):
+            if default_concurrency_limit_env.lower() == "none":
+                return None
+            else:
+                return int(default_concurrency_limit_env)
+        else:
+            return 1
+
+    def __len__(self):
+        total_len = 0
+        for event_queue in self.event_queue_per_concurrency_id.values():
+            total_len += len(event_queue.queue)
+        return total_len
+
+    async def push(
+        self, body: PredictBodyInternal, request: fastapi.Request, username: str | None
+    ) -> tuple[
+        bool,
+        str | list[dict[str, Any]],
+        Literal["success", "error", "queue_full", "validator_error"],
+    ]:
+        if body.fn_index is None:
+            return False, "No function index provided.", "error"
+        if self.max_size is not None and len(self) >= self.max_size:
+            return (
+                False,
+                f"Queue is full. Max size is {self.max_size} and size is {len(self)}.",
+                "queue_full",
+            )
+
+        if body.session_hash:
+            session_state = self.blocks.state_holder[body.session_hash]
+            fn = session_state.blocks_config.fns[body.fn_index]
+        else:
+            fn = self.blocks.fns[body.fn_index]
+
+        fn = route_utils.get_fn(self.blocks, None, body)
+        self.create_event_queue_for_fn(fn)
+        if fn.validator is not None:
+            gr_request = route_utils.compile_gr_request(
+                body=body,
+                fn=fn,
+                username=username,
+                request=None,
+            )
+            assert body.request is not None  # noqa: S101
+            api_route_path = route_utils.get_api_call_path(request=body.request)
+            root_path = route_utils.get_root_url(
+                request=body.request,
+                route_path=api_route_path,
+                root_path=self.blocks.app.root_path,
+            )
+            validator_fn = BlockFunction(
+                fn=fn.validator,
+                api_name=None,
+                api_visibility="undocumented",
+                batch=fn.batch,
+                concurrency_id=None,
+                concurrency_limit=None,
+                inputs=fn.inputs,
+                outputs=fn.inputs,
+                preprocess=fn.preprocess,
+                postprocess=False,
+                inputs_as_dict=fn.inputs_as_dict,
+                targets=[],
+                _id=-1,
+                max_batch_size=fn.max_batch_size,
+                tracks_progress=fn.tracks_progress,
+                js=None,
+                show_progress="hidden",
+                show_progress_on=fn.show_progress_on,
+                cancels=fn.cancels,
+                collects_event_data=fn.collects_event_data,
+            )
+
+            event = Event(
+                body.session_hash,
+                validator_fn,
+                request,
+                username,
+            )
+            try:
+                response = await route_utils.call_process_api(
+                    app=self.blocks.app,
+                    body=body,
+                    gr_request=gr_request,
+                    fn=validator_fn,
+                    root_path=root_path,
+                )
+
+                validation_response: list[dict[str, Any]] | dict[str, Any] | None = (
+                    response.get("data")
+                )
+
+                if validation_response is not None:
+                    (is_valid, validation_data) = process_validation_response(
+                        validation_response, fn
+                    )
+                    if is_valid is False:
+                        return (
+                            False,
+                            validation_data,
+                            "validator_error",
+                        )
+
+            except Exception as e:
+                print(str(e))
+                return False, str(e), "error"
+        event = Event(
+            body.session_hash,
+            fn,
+            request,
+            username,
+        )
+        event.data = body
+        if body.session_hash is None:
+            body.session_hash = event.session_hash
+        async with self.pending_message_lock:
+            if body.session_hash not in self.pending_messages_per_session:
+                self.pending_messages_per_session[body.session_hash] = AsyncQueue()
+            if body.session_hash not in self.pending_event_ids_session:
+                self.pending_event_ids_session[body.session_hash] = set()
+        self.pending_event_ids_session[body.session_hash].add(event._id)
+        self.event_ids_to_events[event._id] = event
+        body.event_id = event._id if not fn.batch else None
+
+        if hasattr(fn.fn, "cache"):
+            try:
+                cache_start = time.time()
+                gr_request = route_utils.compile_gr_request(
+                    body=body,
+                    fn=fn,
+                    username=username,
+                    request=None,
+                )
+                assert body.request is not None  # noqa: S101
+                api_route_path = route_utils.get_api_call_path(request=body.request)
+                root_path = route_utils.get_root_url(
+                    request=body.request,
+                    route_path=api_route_path,
+                    root_path=self.blocks.app.root_path,
+                )
+                with ProbeCache():
+                    response = await route_utils.call_process_api(
+                        app=self.blocks.app,
+                        body=body,
+                        gr_request=gr_request,
+                        fn=fn,
+                        root_path=root_path,
+                    )
+                    while response and response.get("is_generating", False):
+                        self.send_message(
+                            event,
+                            ProcessGeneratingMessage(
+                                output=response,
+                                success=True,
+                            ),
+                        )
+                        response = await route_utils.call_process_api(
+                            app=self.blocks.app,
+                            body=body,
+                            gr_request=gr_request,
+                            fn=fn,
+                            root_path=root_path,
+                        )
+                cache_duration = time.time() - cache_start
+                avg_time = (
+                    self.process_time_per_fn[fn].avg_time
+                    if fn in self.process_time_per_fn
+                    else None
+                )
+                self.send_message(
+                    event,
+                    ProcessCompletedMessage(
+                        output=response,
+                        success=True,
+                        used_cache="full",
+                        cache_duration=cache_duration,
+                        avg_time=avg_time,
+                    ),
+                )
+                return True, event._id, "success"
+            except CacheMissError:
+                pass  # Fall through to normal queue path
+            except Exception:
+                raise
+
+        try:
+            event_queue = self.event_queue_per_concurrency_id[event.concurrency_id]
+        except KeyError as e:
+            raise KeyError(
+                "Event not found in queue. If you are deploying this Gradio app with multiple replicas, please enable stickiness to ensure that all requests from the same user are routed to the same instance."
+            ) from e
+        event_queue.queue.append(event)
+        self.event_analytics[event._id] = {
+            "time": time.time(),
+            "status": "queued",
+            "process_time": None,
+            "function": fn.api_name,
+            "session_hash": body.session_hash,
+        }
+
+        self.broadcast_estimations(event.concurrency_id, len(event_queue.queue) - 1)
+        return True, event._id, "success"
+
+    async def remove_from_queue(self, event_id: str):
+        event = self.event_ids_to_events.get(event_id)
+        if event:
+            async with self.delete_lock:
+                q = self.event_queue_per_concurrency_id[event.concurrency_id]
+                try:
+                    q.queue.remove(event)
+                    self.event_ids_to_events.pop(event_id, None)
+                except ValueError:
+                    pass
+
+    def _cancel_asyncio_tasks(self):
+        for task in self._asyncio_tasks:
+            task.cancel()
+        self._asyncio_tasks = []
+
+    def set_server_app(self, app: routes.App):
+        self.server_app = app
+
+    def get_active_worker_count(self) -> int:
+        count = 0
+        for worker in self.active_jobs:
+            if worker is not None:
+                count += 1
+        return count
+
+    def get_events(self) -> tuple[list[Event], bool, str] | None:
+        concurrency_ids = list(self.event_queue_per_concurrency_id.keys())
+        random.shuffle(concurrency_ids)
+        for concurrency_id in concurrency_ids:
+            event_queue = self.event_queue_per_concurrency_id[concurrency_id]
+            if len(event_queue.queue) and (
+                event_queue.concurrency_limit is None
+                or event_queue.current_concurrency < event_queue.concurrency_limit
+            ):
+                first_event = event_queue.queue[0]
+                block_fn = first_event.fn
+                events = [first_event]
+                batch = block_fn.batch
+                if batch:
+                    events += [
+                        event
+                        for event in event_queue.queue[1:]
+                        if event.fn == first_event.fn
+                    ][: block_fn.max_batch_size - 1]
+
+                for event in events:
+                    event_queue.queue.remove(event)
+
+                return events, batch, concurrency_id
+
+    async def start_processing(self) -> None:
+        try:
+            while not self.stopped:
+                if len(self) == 0:
+                    await asyncio.sleep(self.sleep_when_free)
+                    continue
+
+                if None not in self.active_jobs:
+                    await asyncio.sleep(self.sleep_when_free)
+                    continue
+
+                # Using mutex to avoid editing a list in use
+                async with self.delete_lock:
+                    event_batch = self.get_events()
+
+                if event_batch:
+                    events, batch, concurrency_id = event_batch
+                    self.active_jobs[self.active_jobs.index(None)] = events
+                    event_queue = self.event_queue_per_concurrency_id[concurrency_id]
+                    event_queue.current_concurrency += 1
+                    start_time = time.time()
+                    event_queue.start_times_per_fn[events[0].fn].add(start_time)
+                    for event in events:
+                        self.event_analytics[event._id]["status"] = "processing"
+                    process_event_task = run_coro_in_background(
+                        self.process_events, events, batch, start_time
+                    )
+                    set_task_name(
+                        process_event_task,
+                        events[0].session_hash,
+                        events[0].fn._id,
+                        events[0]._id,
+                        batch,
+                    )
+
+                    self._asyncio_tasks.append(process_event_task)
+                    if self.live_updates:
+                        self.broadcast_estimations(concurrency_id)
+                else:
+                    await asyncio.sleep(self.sleep_when_free)
+        finally:
+            self.stopped = True
+            self._cancel_asyncio_tasks()
+
+    async def start_progress_updates(self) -> None:
+        """
+        Because progress updates can be very frequent, we do not necessarily want to send a message per update.
+        Rather, we check for progress updates at regular intervals, and send a message if there is a pending update.
+        Consecutive progress updates between sends will overwrite each other so only the most recent update will be sent.
+        """
+        while not self.stopped:
+            events = [evt for job in self.active_jobs if job is not None for evt in job]
+
+            if len(events) == 0:
+                await asyncio.sleep(self.progress_update_sleep_when_free)
+                continue
+
+            for event in events:
+                if event.progress_pending and event.progress:
+                    event.progress_pending = False
+                    self.send_message(event, event.progress)
+
+            await asyncio.sleep(self.progress_update_sleep_when_free)
+
+    def set_progress(
+        self,
+        event_id: str,
+        iterables: list[TrackedIterable] | None,
+    ):
+        if iterables is None:
+            return
+        for job in self.active_jobs:
+            if job is None:
+                continue
+            for evt in job:
+                if evt._id == event_id:
+                    progress_data: list[ProgressUnit] = []
+                    for iterable in iterables:
+                        progress_unit = ProgressUnit(
+                            index=iterable.index,
+                            length=iterable.length,
+                            unit=iterable.unit,
+                            progress=iterable.progress,
+                            desc=iterable.desc,
+                        )
+                        progress_data.append(progress_unit)
+                    evt.progress = ProgressMessage(progress_data=progress_data)
+                    evt.progress_pending = True
+
+    def log_message(
+        self,
+        event_id: str,
+        log: str,
+        title: str,
+        level: Literal["info", "warning", "success"],
+        duration: float | None = 10,
+        visible: bool = True,
+    ):
+        events = [evt for job in self.active_jobs if job is not None for evt in job]
+        for event in events:
+            if event._id == event_id:
+                log_message = LogMessage(
+                    log=log,
+                    level=level,
+                    duration=duration,
+                    visible=visible,
+                    title=title,
+                )
+                self.send_message(event, log_message)
+
+    async def clean_events(
+        self, *, session_hash: str | None = None, event_id: str | None = None
+    ) -> None:
+        for job_set in self.active_jobs:
+            if job_set:
+                for job in job_set:
+                    if job.session_hash == session_hash or job._id == event_id:
+                        job.alive = False
+
+        async with self.delete_lock:
+            events_to_remove: list[Event] = []
+            for event_queue in self.event_queue_per_concurrency_id.values():
+                for event in event_queue.queue:
+                    if event.session_hash == session_hash or event._id == event_id:
+                        events_to_remove.append(event)
+
+            for event in events_to_remove:
+                self.event_queue_per_concurrency_id[event.concurrency_id].queue.remove(
+                    event
+                )
+                self.event_ids_to_events.pop(event._id, None)
+
+            if session_hash and session_hash in self.pending_event_ids_session:
+                removed_ids = {e._id for e in events_to_remove}
+                self.pending_event_ids_session[session_hash] -= removed_ids
+                if not self.pending_event_ids_session[session_hash]:
+                    self.pending_event_ids_session.pop(session_hash, None)
+
+    async def notify_clients(self) -> None:
+        """
+        Notify clients about events statuses in the queue periodically.
+        """
+        while not self.stopped:
+            await asyncio.sleep(self.update_intervals)
+            if len(self) > 0:
+                for concurrency_id in self.event_queue_per_concurrency_id:
+                    self.broadcast_estimations(concurrency_id)
+
+    def broadcast_estimations(
+        self, concurrency_id: str, after: int | None = None
+    ) -> None:
+        wait_so_far = 0
+        event_queue = self.event_queue_per_concurrency_id[concurrency_id]
+        time_till_available_worker: int | None = 0
+
+        if event_queue.current_concurrency == event_queue.concurrency_limit:
+            expected_end_times = []
+            for fn, start_times in event_queue.start_times_per_fn.items():
+                if fn not in self.process_time_per_fn:
+                    time_till_available_worker = None
+                    break
+                if fn.connection == "stream":
+                    process_time = fn.time_limit or 0
+                else:
+                    process_time = self.process_time_per_fn[fn].avg_time
+                expected_end_times += [
+                    start_time + process_time for start_time in start_times
+                ]
+            if time_till_available_worker is not None and len(expected_end_times) > 0:
+                time_of_first_completion = min(expected_end_times)
+                time_till_available_worker = max(
+                    time_of_first_completion - time.time(), 0
+                )
+
+        for rank, event in enumerate(event_queue.queue):
+            process_time_for_fn = (
+                self.process_time_per_fn[event.fn].avg_time
+                if event.fn in self.process_time_per_fn
+                else None
+            )
+
+            # eta is the time remaining from now until the result will be returned
+            # process_time_for_fn = time to run fn once worker assigned to it
+            # wait_so_far = time till event gets to the head of the queue
+            # time_till_available_worker = time for a worker to be assigned to it once its at the head
+            # For streaming events, we modify this calculation slightly to be the time until the first
+            # chunk is processed.
+            rank_eta = (
+                process_time_for_fn + wait_so_far + time_till_available_worker
+                if process_time_for_fn is not None
+                and wait_so_far is not None
+                and time_till_available_worker is not None
+                else None
+            )
+
+            if after is None or rank >= after:
+                self.send_message(
+                    event,
+                    EstimationMessage(
+                        rank=rank, rank_eta=rank_eta, queue_size=len(event_queue.queue)
+                    ),
+                )
+            if event_queue.concurrency_limit is None:
+                wait_so_far = 0
+            elif wait_so_far is not None and process_time_for_fn is not None:
+                delta = process_time_for_fn / event_queue.concurrency_limit
+                if event.streaming:
+                    delta = (
+                        time_till_available_worker or 0
+                    ) / event_queue.concurrency_limit
+                wait_so_far += delta
+            else:
+                wait_so_far = None
+
+    def get_status(self) -> EstimationMessage:
+        return EstimationMessage(
+            queue_size=len(self),
+        )
+
+    @staticmethod
+    async def wait_for_event(event: Event) -> str:
+        await event.signal.wait()
+        return "signal"
+
+    @staticmethod
+    async def timeout(timeout: float) -> str:
+        await asyncio.sleep(timeout)
+        return "timeout"
+
+    @staticmethod
+    async def wait_for_event_or_timeout(
+        event: Event, timeout: float
+    ) -> Literal["signal", "timeout"]:
+        t1 = asyncio.create_task(Queue.wait_for_event(event))
+        t2 = asyncio.create_task(Queue.timeout(timeout))
+        done, _ = await asyncio.wait(
+            [t1, t2],
+            return_when=asyncio.FIRST_COMPLETED,
+        )
+        done = [d.result() for d in done]
+        event.signal.clear()
+        return cast(Literal["signal", "timeout"], done[0])
+
+    @staticmethod
+    async def wait_for_batch(
+        events: list[Event], timeouts: list[float]
+    ) -> tuple[list[Event], list[Event]]:
+        tasks = []
+        for event, timeout in zip(events, timeouts, strict=False):
+            tasks.append(
+                asyncio.create_task(Queue.wait_for_event_or_timeout(event, timeout))
+            )
+        done, _ = await asyncio.wait(
+            tasks,
+            return_when=asyncio.ALL_COMPLETED,
+        )
+        done = [d.result() for d in done]
+        awake_events = []
+        closed_events = []
+        for result, event in zip(done, events, strict=False):
+            if result == "signal":
+                awake_events.append(event)
+            else:
+                closed_events.append(event)
+        return awake_events, closed_events
+
+    async def process_events(
+        self, events: list[Event], batch: bool, begin_time: float
+    ) -> None:
+        awake_events: list[Event] = []
+        fn = events[0].fn
+        success = False
+        try:
+            for event in events:
+                if event.alive:
+                    self.send_message(
+                        event,
+                        ProcessStartsMessage(
+                            eta=self.process_time_per_fn[fn].avg_time
+                            if fn in self.process_time_per_fn
+                            else None
+                        ),
+                    )
+                    awake_events.append(event)
+            if not awake_events:
+                return
+
+            events = awake_events
+            body = events[0].data
+            if body is None:
+                raise ValueError("No event data")
+            username = events[0].username
+            body.event_id = events[0]._id if not batch else None
+            try:
+                body.request = events[0].request
+            except ValueError:
+                pass
+
+            if batch:
+                body.data = list(
+                    zip(
+                        *[event.data.data for event in events if event.data],
+                        strict=False,
+                    )
+                )
+                body.request = events[0].request
+                body.batched = True
+
+            app = self.server_app
+            if app is None:
+                raise Exception("Server app has not been set.")
+
+            gr_request = route_utils.compile_gr_request(
+                body=body,
+                fn=fn,
+                username=username,
+                request=None,
+            )
+            assert body.request is not None  # noqa: S101
+            api_route_path = route_utils.get_api_call_path(request=body.request)
+            root_path = route_utils.get_root_url(
+                request=body.request,
+                route_path=api_route_path,
+                root_path=app.root_path,
+            )
+            first_iteration = 0
+
+            from gradio.profiling import (
+                PROFILING_ENABLED,
+                RequestTrace,
+                set_current_trace,
+            )
+
+            if PROFILING_ENABLED:
+                trace = RequestTrace(
+                    event_id=events[0]._id,
+                    fn_name=fn.api_name or str(fn.fn),
+                    session_hash=events[0].session_hash,
+                )
+                trace.queue_wait_ms = (time.monotonic() - events[0].enqueue_time) * 1000
+                set_current_trace(trace)
+            else:
+                trace = None
+
+            try:
+                start = time.monotonic()
+                response = await route_utils.call_process_api(
+                    app=app,
+                    body=body,
+                    gr_request=gr_request,
+                    fn=fn,
+                    root_path=root_path,
+                )
+                end = time.monotonic()
+                first_iteration = end - start
+                err = None
+                for event in awake_events:
+                    event.run_time += end - start
+                    if event.streaming:
+                        response["is_generating"] = not event.is_finished
+
+            except Exception as e:
+                if not isinstance(e, Error) or e.print_exception:
+                    traceback.print_exc()
+                response = None
+                err = e
+                for event in awake_events:
+                    content = error_payload(err, app.get_blocks().show_error)
+                    self.send_message(
+                        event,
+                        ProcessCompletedMessage(
+                            output=content,
+                            title=content.get("title", "Error"),  # type: ignore
+                            success=False,
+                        ),
+                    )
+                    await run_sync(self.compute_analytics_summary, self.event_analytics)
+            if response and response.get("is_generating", False):
+                old_response = response
+                old_err = err
+                while response and response.get("is_generating", False):
+                    start = time.monotonic()
+                    old_response = response
+                    old_err = err
+                    for event in awake_events:
+                        self.send_message(
+                            event,
+                            ProcessGeneratingMessage(
+                                msg=ServerMessage.process_generating
+                                if not event.streaming
+                                else ServerMessage.process_streaming,
+                                output=old_response,
+                                success=old_response is not None,
+                                time_limit=None
+                                if not fn.time_limit
+                                else cast(int, fn.time_limit) - first_iteration
+                                if event.streaming
+                                else None,
+                            ),
+                        )
+                    awake_events = [event for event in awake_events if event.alive]
+                    if not awake_events:
+                        return
+                    try:
+                        start = time.monotonic()
+                        if awake_events[0].streaming:
+                            awake_events, closed_events = await Queue.wait_for_batch(
+                                awake_events,
+                                # We need to wait for all of the events to have the latest input data
+                                # the max time is the time limit of the function or 30 seconds (arbitrary) but should
+                                # never really take that long to make a request from the client to the server unless
+                                # the client disconnected.
+                                [cast(float, fn.time_limit or 30) - first_iteration]
+                                * len(awake_events),
+                            )
+                            for closed_event in closed_events:
+                                self.send_message(
+                                    closed_event,
+                                    ProcessCompletedMessage(
+                                        output=response, success=True
+                                    ),
+                                )
+                        if not awake_events:
+                            break
+                        body = cast(PredictBodyInternal, awake_events[0].data)
+                        if batch:
+                            body.data = list(
+                                zip(
+                                    *[
+                                        event.data.data
+                                        for event in events
+                                        if event.data
+                                    ],
+                                    strict=False,
+                                )
+                            )
+                        response = await route_utils.call_process_api(
+                            app=app,
+                            body=body,
+                            gr_request=gr_request,
+                            fn=fn,
+                            root_path=root_path,
+                        )
+                        end = time.monotonic()
+                        for event in awake_events:
+                            event.run_time += end - start
+                            if event.streaming:
+                                response["is_generating"] = not event.is_finished
+                    except Exception as e:
+                        if not isinstance(e, Error) or e.print_exception:
+                            traceback.print_exc()
+                        response = None
+                        err = e
+
+                if response:
+                    success = True
+                    output = response
+                else:
+                    success = False
+                    error = err or old_err
+                    output = error_payload(error, app.get_blocks().show_error)
+                cache_source = output
+                if (
+                    success
+                    and not output.get("used_cache")
+                    and old_response
+                    and old_response.get("used_cache")
+                ):
+                    cache_source = old_response
+                used_cache = cache_source.get("used_cache") if success else None
+                used_cache = (
+                    cast(Literal["full", "partial"], used_cache)
+                    if used_cache in ("full", "partial")
+                    else None
+                )
+                for event in awake_events:
+                    self.send_message(
+                        event,
+                        ProcessCompletedMessage(
+                            output=output,
+                            success=success,
+                            used_cache=used_cache,
+                            cache_duration=cache_source.get("duration"),  # type: ignore[arg-type]
+                            avg_time=cache_source.get("average_duration"),  # type: ignore[arg-type]
+                        ),
+                    )
+
+            elif response:
+                output = copy.deepcopy(response)
+                for e, event in enumerate(awake_events):
+                    if batch and "data" in output:
+                        output["data"] = list(zip(*response.get("data"), strict=False))[
+                            e
+                        ]
+                    success = response is not None
+                    used_cache = output.get("used_cache") if success else None
+                    used_cache = (
+                        cast(Literal["full", "partial"], used_cache)
+                        if used_cache in ("full", "partial")
+                        else None
+                    )
+                    self.send_message(
+                        event,
+                        ProcessCompletedMessage(
+                            output=output,
+                            success=success,
+                            used_cache=used_cache,
+                            cache_duration=output.get("duration"),  # type: ignore[arg-type]
+                            avg_time=output.get("average_duration"),  # type: ignore[arg-type]
+                        ),
+                    )
+            end_time = time.time()
+            if response is not None:
+                duration = (
+                    end_time - begin_time
+                    if not events[0].streaming
+                    else first_iteration
+                )
+                if not response.get("used_cache"):
+                    self.process_time_per_fn[events[0].fn].add(duration)
+                for event in events:
+                    self.event_analytics[event._id]["process_time"] = duration
+        except Exception as e:
+            if not isinstance(e, Error) or e.print_exception:
+                traceback.print_exc()
+        finally:
+            from gradio.profiling import PROFILING_ENABLED, collector, get_current_trace
+
+            if PROFILING_ENABLED:
+                trace = get_current_trace()
+                if trace is not None:
+                    collector.add(trace)
+
+            event_queue = self.event_queue_per_concurrency_id[events[0].concurrency_id]
+            event_queue.current_concurrency -= 1
+            start_times = event_queue.start_times_per_fn[fn]
+            if begin_time in start_times:
+                start_times.remove(begin_time)
+            try:
+                self.active_jobs[self.active_jobs.index(events)] = None
+            except ValueError:
+                # `events` can be absent from `self.active_jobs`
+                # when this coroutine is called from the `join_queue` endpoint handler in `routes.py`
+                # without putting the `events` into `self.active_jobs`.
+                # https://github.com/gradio-app/gradio/blob/f09aea34d6bd18c1e2fef80c86ab2476a6d1dd83/gradio/routes.py#L594-L596
+                pass
+            for event in events:
+                # Always reset the state of the iterator
+                # If the job finished successfully, this has no effect
+                # If the job is cancelled, this will enable future runs
+                # to start "from scratch"
+                await self.reset_iterators(event._id)
+
+                if event in awake_events:
+                    self.event_analytics[event._id]["status"] = (
+                        "success" if success else "failed"
+                    )
+                else:
+                    self.event_analytics[event._id]["status"] = "cancelled"
+                await run_sync(self.compute_analytics_summary, self.event_analytics)
+
+    async def reset_iterators(self, event_id: str):
+        # Do the same thing as the /reset route
+        app = self.server_app
+        if app is None:
+            raise Exception("Server app has not been set.")
+        if event_id not in app.iterators:
+            # Failure, but don't raise an error
+            return
+        async with app.lock:
+            try:
+                await safe_aclose_iterator(app.iterators[event_id])
+            except Exception:
+                pass
+            del app.iterators[event_id]
+            app.iterators_to_reset.add(event_id)
+        return
+
+
+def process_validation_response(
+    validation_response: list[dict[str, Any]] | dict[str, Any],
+    fn: BlockFunction | None = None,
+) -> tuple[bool, list[dict[str, Any]]]:
+    validation_data: list[dict[str, Any]] = []
+
+    param_names = []
+    if fn and fn.fn:
+        sig = inspect.signature(fn.fn)
+        param_names = list(sig.parameters.keys())
+
+    if isinstance(validation_response, list):
+        for i, data in enumerate(validation_response):
+            if isinstance(data, dict) and data.get("__type__", None) == "validate":
+                param_name = (
+                    param_names[i] if i < len(param_names) else f"parameter_{i}"
+                )
+                data_with_name = {**data, "parameter_name": param_name}
+                validation_data.append(data_with_name)
+            else:
+                validation_data.append({"is_valid": True, "message": ""})
+
+    elif (
+        isinstance(validation_response, dict)
+        and validation_response.get("is_valid", None) is False
+    ):
+        validation_data.append(
+            validation_response,
+        )
+    else:
+        validation_data.append({"is_valid": True, "message": ""})
+
+    return all(
+        x.get("is_valid", None) is True for x in validation_data
+    ), validation_data
diff --git a/gradio/ranged_response.py b/gradio/ranged_response.py
new file mode 100644
index 0000000..5df52a0
--- /dev/null
+++ b/gradio/ranged_response.py
@@ -0,0 +1,190 @@
+# Taken from https://gist.github.com/kevinastone/a6a62db57577b3f24e8a6865ed311463
+# Context: https://github.com/encode/starlette/pull/1090
+from __future__ import annotations
+
+import os
+import re
+import stat
+from typing import NamedTuple
+from urllib.parse import quote
+
+from starlette.datastructures import Headers
+from starlette.exceptions import HTTPException
+from starlette.responses import Response, guess_type  # type: ignore
+from starlette.staticfiles import StaticFiles
+from starlette.types import Receive, Scope, Send
+
+from gradio._vendor import aiofiles
+from gradio._vendor.aiofiles.os import stat as aio_stat
+
+RANGE_REGEX = re.compile(r"^bytes=(?P<start>\d+)-(?P<end>\d*)$")
+
+
+class ClosedRange(NamedTuple):
+    start: int
+    end: int
+
+    def __len__(self) -> int:  # type: ignore[override]
+        return self.end - self.start + 1
+
+    def __bool__(self) -> bool:
+        return len(self) > 0
+
+
+class OpenRange(NamedTuple):
+    start: int
+    end: int | None = None
+
+    def clamp(self, start: int, end: int) -> ClosedRange:
+        begin = max(self.start, start)
+        end = min(x for x in (self.end, end) if x)
+
+        begin = min(begin, end)
+        end = max(begin, end)
+
+        return ClosedRange(begin, end)
+
+
+class RangedFileResponse(Response):
+    chunk_size = 4096
+
+    def __init__(
+        self,
+        path: str | os.PathLike,
+        range: OpenRange,
+        headers: dict[str, str] | None = None,
+        media_type: str | None = None,
+        filename: str | None = None,
+        stat_result: os.stat_result | None = None,
+        method: str | None = None,
+    ) -> None:
+        if aiofiles is None:
+            raise ModuleNotFoundError(
+                "'aiofiles' must be installed to use FileResponse"
+            )
+        self.path = path
+        self.range = range
+        self.filename = filename
+        self.background = None
+        self.send_header_only = method is not None and method.upper() == "HEAD"
+        if media_type is None:
+            media_type = guess_type(filename or path)[0] or "text/plain"
+        self.media_type = media_type
+        self.init_headers(headers or {})
+        if self.filename is not None:
+            content_disposition_filename = quote(self.filename)
+            if content_disposition_filename != self.filename:
+                content_disposition = (
+                    f"attachment; filename*=utf-8''{content_disposition_filename}"
+                )
+            else:
+                content_disposition = f'attachment; filename="{self.filename}"'
+            self.headers.setdefault("content-disposition", content_disposition)
+        self.stat_result = stat_result
+
+    def set_range_headers(self, range: ClosedRange) -> None:
+        if not self.stat_result:
+            raise ValueError("No stat result to set range headers with")
+        total_length = self.stat_result.st_size
+        content_length = len(range)
+        self.headers["content-range"] = (
+            f"bytes {range.start}-{range.end}/{total_length}"
+        )
+        self.headers["content-length"] = str(content_length)
+        pass
+
+    async def __call__(self, scope: Scope, receive: Receive, send: Send) -> None:  # noqa: ARG002
+        if self.stat_result is None:
+            try:
+                stat_result = await aio_stat(self.path)
+                self.stat_result = stat_result
+            except FileNotFoundError as fnfe:
+                raise RuntimeError(
+                    f"File at path {self.path} does not exist."
+                ) from fnfe
+            else:
+                mode = stat_result.st_mode
+                if not stat.S_ISREG(mode):
+                    raise RuntimeError(f"File at path {self.path} is not a file.")
+
+        byte_range = self.range.clamp(0, self.stat_result.st_size)
+        self.set_range_headers(byte_range)
+
+        async with aiofiles.open(self.path, mode="rb") as file:
+            await file.seek(byte_range.start)
+            await send(
+                {
+                    "type": "http.response.start",
+                    "status": 206,
+                    "headers": self.raw_headers,
+                }
+            )
+            if self.send_header_only:
+                await send(
+                    {"type": "http.response.body", "body": b"", "more_body": False}
+                )
+            else:
+                remaining_bytes = len(byte_range)
+
+                if not byte_range:
+                    await send(
+                        {"type": "http.response.body", "body": b"", "more_body": False}
+                    )
+                    return
+
+                while remaining_bytes > 0:
+                    chunk_size = min(self.chunk_size, remaining_bytes)
+                    chunk = await file.read(chunk_size)
+                    remaining_bytes -= len(chunk)
+                    await send(
+                        {
+                            "type": "http.response.body",
+                            "body": chunk,
+                            "more_body": remaining_bytes > 0,
+                        }
+                    )
+
+
+class RangedStaticFiles(StaticFiles):
+    def file_response(
+        self,
+        full_path: str | os.PathLike,
+        stat_result: os.stat_result,
+        scope: Scope,
+        status_code: int = 200,
+    ) -> Response:
+        request_headers = Headers(scope=scope)
+
+        if request_headers.get("range"):
+            response = self.ranged_file_response(
+                full_path, stat_result=stat_result, scope=scope
+            )
+        else:
+            response = super().file_response(
+                full_path, stat_result=stat_result, scope=scope, status_code=status_code
+            )
+        response.headers["accept-ranges"] = "bytes"
+        return response
+
+    def ranged_file_response(
+        self,
+        full_path: str | os.PathLike,
+        stat_result: os.stat_result,
+        scope: Scope,
+    ) -> Response:
+        method = scope["method"]
+        request_headers = Headers(scope=scope)
+
+        range_header = request_headers["range"]
+
+        match = RANGE_REGEX.search(range_header)
+        if not match:
+            raise HTTPException(400)
+
+        start, end = match.group("start"), match.group("end")
+
+        range = OpenRange(int(start), int(end) if end else None)
+
+        return RangedFileResponse(
+            full_path, range, stat_result=stat_result, method=method
+        )
diff --git a/gradio/renderable.py b/gradio/renderable.py
new file mode 100644
index 0000000..ef8d18c
--- /dev/null
+++ b/gradio/renderable.py
@@ -0,0 +1,191 @@
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Literal, Union, cast
+
+from gradio_client.documentation import document
+
+from gradio.blocks import Block
+from gradio.components import Component
+from gradio.context import Context, LocalContext
+from gradio.events import EventListener, EventListenerMethod
+from gradio.layouts import Column, Row
+
+if TYPE_CHECKING:
+    from gradio.blocks import BlockFunction
+    from gradio.events import Trigger
+
+
+class Renderable:
+    def __init__(
+        self,
+        fn: Callable,
+        inputs: Sequence[Component],
+        triggers: list[tuple[Block | None, str]],
+        concurrency_limit: int | None | Literal["default"],
+        concurrency_id: str | None,
+        trigger_mode: Literal["once", "multiple", "always_last"] | None,
+        queue: bool,
+        show_progress: Literal["full", "minimal", "hidden"],
+    ):
+        if Context.root_block is None:
+            raise ValueError("Reactive render must be inside a Blocks context.")
+
+        self._id = len(Context.root_block.renderables)
+        Context.root_block.renderables.append(self)
+        self.ContainerClass = Row if isinstance(Context.block, Row) else Column
+        self.container = self.ContainerClass(show_progress=True)
+        self.container_id = self.container._id
+
+        self.fn = fn
+        self.inputs = inputs
+        self.triggers: list[EventListenerMethod] = []
+        self.page = Context.root_block.current_page
+        self.key_to_id_map: dict[int | str | tuple[str | int, ...], int] = {}
+        self.render_iteration = 0
+
+        self.triggers = [EventListenerMethod(*t) for t in triggers]
+        Context.root_block.default_config.set_event_trigger(
+            self.triggers,
+            self.apply,
+            self.inputs,
+            self.container,
+            api_visibility="undocumented",
+            concurrency_limit=concurrency_limit,
+            concurrency_id=concurrency_id,
+            renderable=self,
+            trigger_mode=trigger_mode,
+            postprocess=False,
+            queue=queue,
+            show_progress=show_progress,
+        )
+
+    def apply(self, *args, **kwargs):
+        blocks_config = LocalContext.blocks_config.get(None)
+        if blocks_config is None:
+            raise ValueError("Reactive render must be inside a LocalContext.")
+
+        fns_from_last_render: list[BlockFunction] = []
+        for fn in blocks_config.fns.values():
+            if fn.rendered_in is self:
+                fns_from_last_render.append(fn)
+
+        container_copy = self.ContainerClass(render=False, show_progress=True)
+        container_copy._id = self.container_id
+        container_copy.page = self.page
+        LocalContext.renderable.set(self)
+        LocalContext.key_to_id_map.set(self.key_to_id_map)
+
+        try:
+            with container_copy:
+                self.fn(*args, **kwargs)
+                blocks_config.blocks[self.container_id] = container_copy
+                blocks_config.attach_load_events(self)
+        finally:
+            LocalContext.renderable.set(None)
+            LocalContext.key_to_id_map.set(None)
+
+        for fn in fns_from_last_render:
+            # The block-function may already have been removed from `blocks_config.fns`
+            # during the inner render -- e.g. `gr.Examples` adds and then pops a
+            # transient "fake_event" function (gradio/helpers.py) for cache-on-launch
+            # processing. If the inner render never re-registered ``fn``, indexing
+            # would raise `KeyError`. The cleanup intent is "drop stale fns from the
+            # previous iteration", so a missing entry is already in the desired state.
+            current_fn = blocks_config.fns.get(fn._id)
+            if current_fn is None:
+                continue
+            if current_fn.render_iteration != self.render_iteration:
+                del blocks_config.fns[fn._id]
+
+        self.render_iteration += 1
+
+
+@document()
+def render(
+    inputs: Sequence[Component] | Component | None = None,
+    triggers: Sequence[Trigger] | Trigger | None = None,
+    *,
+    queue: bool = True,
+    trigger_mode: Literal["once", "multiple", "always_last"] | None = "always_last",
+    concurrency_limit: int | None | Literal["default"] = None,
+    concurrency_id: str | None = None,
+    show_progress: Literal["full", "minimal", "hidden"] = "full",
+):
+    """
+    The render decorator allows Gradio Blocks apps to have dynamic layouts, so that the components and event listeners in your app can change depending on custom logic.
+    Attaching a @gr.render decorator to a function will cause the function to be re-run whenever the inputs are changed (or specified triggers are activated). The function contains the components and event listeners that will update based on the inputs.
+    With render, you can:\n
+    - Show or hide components\n
+    - Change text or layout\n
+    - Create components based on what users enter\n
+    The basic usage of @gr.render is as follows:\n
+    1. Create a function and attach the @gr.render decorator to it.\n
+    2. Add the input components to the `inputs=` argument of @gr.render, and create a corresponding argument in your function for each component.\n
+    3. Add all components inside the function that you want to update based on the inputs. Any event listeners that use these components should also be inside this function.\n
+    Parameters:
+        inputs: List of gradio.components to use as inputs. If the function takes no inputs, this should be an empty list.
+        triggers: List of triggers to listen to, e.g. [btn.click, number.change]. If None, will listen to changes to any inputs.
+        queue: If True, will place the request on the queue, if the queue has been enabled. If False, will not put this event on the queue, even if the queue has been enabled. If None, will use the queue setting of the gradio app.
+        trigger_mode: If "once" (default for all events except `.change()`) would not allow any submissions while an event is pending. If set to "multiple", unlimited submissions are allowed while pending, and "always_last" (default for `.change()` and `.key_up()` events) would allow a second submission after the pending event is complete.
+        concurrency_limit: If set, this is the maximum number of this event that can be running simultaneously. Can be set to None to mean no concurrency_limit (any number of this event can be running simultaneously). Set to "default" to use the default concurrency limit (defined by the `default_concurrency_limit` parameter in `Blocks.queue()`, which itself is 1 by default).
+        concurrency_id: If set, this is the id of the concurrency group. Events with the same concurrency_id will be limited by the lowest set concurrency_limit.
+    Example:
+        import gradio as gr
+
+        with gr.Blocks() as demo:
+            input_text = gr.Textbox()
+
+            @gr.render(inputs=input_text)
+            def show_split(text):
+                if len(text) == 0:
+                    gr.Markdown("## No Input Provided")
+                else:
+                    for letter in text:
+                        with gr.Row():
+                            text = gr.Textbox(letter)
+                            btn = gr.Button("Clear")
+                            btn.click(lambda: gr.Textbox(value=""), None, text)
+    """
+    new_triggers = cast(Union[list[EventListener], EventListener, None], triggers)
+
+    if Context.root_block is None:
+        raise ValueError("Reactive render must be inside a Blocks context.")
+
+    inputs = (
+        [inputs] if isinstance(inputs, Component) else [] if inputs is None else inputs
+    )
+    _triggers: list[tuple[Block | None, str]] = []
+    if new_triggers is None:
+        _triggers = [(Context.root_block, "load")]
+        for input in inputs:
+            if hasattr(input, "change"):
+                _triggers.append((input, "change"))
+    else:
+        new_triggers = (
+            [new_triggers] if isinstance(new_triggers, EventListener) else new_triggers
+        )
+        _triggers = [
+            (getattr(t, "__self__", None) if t.has_trigger else None, t.event_name)
+            for t in new_triggers
+        ]
+
+    if new_triggers:
+        for trigger in new_triggers:
+            if trigger.callback:
+                trigger.callback(trigger.__self__)  # type: ignore
+
+    def wrapper_function(fn):
+        Renderable(
+            fn,
+            inputs,  # type: ignore
+            _triggers,
+            concurrency_limit,
+            concurrency_id,
+            trigger_mode,
+            queue,
+            show_progress,
+        )
+        return fn
+
+    return wrapper_function
diff --git a/gradio/route_utils.py b/gradio/route_utils.py
new file mode 100644
index 0000000..e0ee087
--- /dev/null
+++ b/gradio/route_utils.py
@@ -0,0 +1,1422 @@
+from __future__ import annotations
+
+import asyncio
+import functools
+import hashlib
+import hmac
+import importlib.resources
+import json
+import mimetypes
+import os
+import pickle
+import re
+import secrets
+import shutil
+import tempfile
+import threading
+import unicodedata
+import uuid
+from collections import defaultdict, deque
+from collections.abc import AsyncGenerator, Callable
+from contextlib import AbstractAsyncContextManager, AsyncExitStack, asynccontextmanager
+from dataclasses import dataclass as python_dataclass
+from datetime import datetime
+from pathlib import Path
+from tempfile import NamedTemporaryFile, _TemporaryFileWrapper
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    BinaryIO,
+    Union,
+    cast,
+)
+from urllib.parse import urlparse
+
+import anyio
+import fastapi
+import gradio_client.utils as client_utils
+import httpx
+import safehttpx
+from gradio_client.documentation import document
+from python_multipart.multipart import MultipartParser, parse_options_header
+from starlette.background import BackgroundTask
+from starlette.datastructures import (
+    FormData,
+    Headers,
+    MutableHeaders,
+    State,
+    UploadFile,
+)
+from starlette.exceptions import HTTPException
+from starlette.formparsers import MultiPartException, MultipartPart
+from starlette.requests import Request as StarletteRequest
+from starlette.responses import (
+    FileResponse,
+    PlainTextResponse,
+    Response,
+    StreamingResponse,
+)
+from starlette.types import ASGIApp, Message, Receive, Scope, Send
+
+from gradio import processing_utils, utils
+from gradio.data_classes import (
+    BlocksConfigDict,
+    DeveloperPath,
+    MediaStreamChunk,
+    PredictBody,
+    PredictBodyInternal,
+    UserProvidedPath,
+)
+from gradio.exceptions import Error, InvalidPathError
+from gradio.state_holder import SessionState
+from gradio.utils import get_package_version
+
+if TYPE_CHECKING:
+    from gradio.blocks import BlockFunction, Blocks, BlocksConfig
+    from gradio.helpers import EventData
+    from gradio.routes import App
+
+
+config_lock = threading.Lock()
+API_PREFIX = "/gradio_api"
+
+
+mimetypes.init()
+
+
+class Obj:
+    """
+    Using a class to convert dictionaries into objects. Used by the `Request` class.
+    Credit: https://www.geeksforgeeks.org/convert-nested-python-dictionary-to-object/
+    """
+
+    def __init__(self, dict_):
+        self.__dict__.update(dict_)
+        for key, value in dict_.items():
+            if isinstance(value, (dict, list)):
+                value = Obj(value)
+            setattr(self, key, value)
+
+    def __getitem__(self, item):
+        return self.__dict__[item]
+
+    def __setitem__(self, item, value):
+        self.__dict__[item] = value
+
+    def __iter__(self):
+        for key, value in self.__dict__.items():
+            if isinstance(value, Obj):
+                yield (key, dict(value))
+            else:
+                yield (key, value)
+
+    def __contains__(self, item) -> bool:
+        if item in self.__dict__:
+            return True
+        for value in self.__dict__.values():
+            if isinstance(value, Obj) and item in value:
+                return True
+        return False
+
+    def get(self, item, default=None):
+        if item in self:
+            return self.__dict__[item]
+        return default
+
+    def keys(self):
+        return self.__dict__.keys()
+
+    def values(self):
+        return self.__dict__.values()
+
+    def items(self):
+        return self.__dict__.items()
+
+    def __str__(self) -> str:
+        return str(self.__dict__)
+
+    def __repr__(self) -> str:
+        return str(self.__dict__)
+
+    def pop(self, item, default=None):
+        if item in self:
+            return self.__dict__.pop(item)
+        return default
+
+
+@document()
+class Request:
+    """
+    A Gradio request object that can be used to access the request headers, cookies,
+    query parameters and other information about the request from within the prediction
+    function. The class is a thin wrapper around the fastapi.Request class. Attributes
+    of this class include: `headers`, `client`, `query_params`, `session_hash`, and `path_params`. If
+    auth is enabled, the `username` attribute can be used to get the logged in user. In some environments,
+    the dict-like attributes (e.g. `requests.headers`, `requests.query_params`) of this class are automatically
+    converted to dictionaries, so we recommend converting them to dictionaries before accessing
+    attributes for consistent behavior in different environments.
+    Example:
+        import gradio as gr
+        def echo(text, request: gr.Request):
+            if request:
+                print("Request headers dictionary:", dict(request.headers))
+                print("Query parameters:", dict(request.query_params))
+                print("IP address:", request.client.host)
+                print("Gradio session hash:", request.session_hash)
+            return text
+        io = gr.Interface(echo, "textbox", "textbox").launch()
+    Demos: request_ip_headers
+    """
+
+    def __init__(
+        self,
+        request: fastapi.Request | None = None,
+        username: str | None = None,
+        session_hash: str | None = None,
+        **kwargs,
+    ):
+        """
+        Can be instantiated with either a fastapi.Request or by manually passing in
+        attributes (needed for queueing).
+        Parameters:
+            request: A fastapi.Request
+            username: The username of the logged in user (if auth is enabled)
+            session_hash: The session hash of the current session. It is unique for each page load.
+        """
+
+        self.request = request
+        self.username = username
+        self.session_hash: str | None = session_hash
+        self.kwargs: dict[str, Any] = kwargs
+
+    def dict_to_obj(self, d):
+        if isinstance(d, dict):
+            return json.loads(json.dumps(d), object_hook=Obj)
+        else:
+            return d
+
+    def __getattr__(self, name: str):
+        if self.request:
+            return self.dict_to_obj(getattr(self.request, name))
+        else:
+            try:
+                obj = self.kwargs[name]
+            except KeyError as ke:
+                raise AttributeError(
+                    f"'Request' object has no attribute '{name}'"
+                ) from ke
+            return self.dict_to_obj(obj)
+
+    def __getstate__(self) -> dict[str, Any]:
+        self.kwargs.update(
+            {
+                "headers": dict(getattr(self, "headers", {})),
+                "query_params": dict(getattr(self, "query_params", {})),
+                "cookies": dict(getattr(self, "cookies", {})),
+                "path_params": dict(getattr(self, "path_params", {})),
+                "client": {
+                    "host": getattr(self, "client", {}) and self.client.host,
+                    "port": getattr(self, "client", {}) and self.client.port,
+                },
+                "url": getattr(self, "url", ""),
+            }
+        )
+        state_obj = getattr(self, "state", None)
+        if state_obj is not None:
+            request_state = dict(getattr(state_obj, "_state", {}))
+            if request_state:
+                try:
+                    pickle.dumps(request_state)
+                    self.kwargs["request_state"] = request_state
+                except pickle.PicklingError:
+                    pass
+        self.request = None
+        return self.__dict__
+
+    def __setstate__(self, state: dict[str, Any]):
+        request_state = state.pop("request_state", None)
+        self.__dict__ = state
+        if request_state is not None:
+            self.state = State(request_state)
+
+
+@document()
+class Header(str):
+    """A string that represents a header value in an incoming HTTP request to the Gradio app.
+
+    When you type a function argument of type `Header`, Gradio will automatically extract that header from the request and pass it to the function.
+    Note that it's common for header values to use hyphens, e.g. `x-forwarded-host`, and these will automatically be converted to underscores.
+    So make sure you use underscores in your function arguments.
+
+    Example:
+        import gradio as gr
+
+        def make_api_request_on_behalf_of_user(prompt: str, x_api_token: gr.Header):
+            return "Hello from the API" if not x_api_token else "Hello from the API with token!"
+
+        demo = gr.Interface(
+            make_api_request_on_behalf_of_user,
+            [
+                gr.Textbox(label="Prompt"),
+            ],
+            gr.Textbox(label="Response"),
+        )
+
+        demo.launch(mcp_server=True)
+    """
+
+    pass
+
+
+class FnIndexInferError(Exception):
+    pass
+
+
+def get_fn(blocks: Blocks, api_name: str | None, body: PredictBody) -> BlockFunction:
+    if body.session_hash:
+        session_state = blocks.state_holder[body.session_hash]
+        fns = session_state.blocks_config.fns
+    else:
+        fns = blocks.fns
+
+    if body.fn_index is None:
+        if api_name is not None:
+            for fn in fns.values():
+                if fn.api_name == api_name:
+                    return fn
+        raise FnIndexInferError(
+            f"Could not infer function index for API name: {api_name}"
+        )
+    else:
+        return fns[body.fn_index]
+
+
+def compile_gr_request(
+    body: PredictBodyInternal,
+    fn: BlockFunction,
+    username: str | None,
+    request: fastapi.Request | None,
+):
+    # If this fn_index cancels jobs, then the only input we need is the
+    # current session hash
+    if fn.cancels:
+        body.data = [body.session_hash]
+    if body.request:
+        if body.batched:
+            gr_request = [
+                Request(
+                    username=username,
+                    request=body.request,
+                    session_hash=body.session_hash,
+                )
+            ]
+        else:
+            gr_request = Request(
+                username=username, request=body.request, session_hash=body.session_hash
+            )
+    else:
+        if request is None:
+            raise ValueError("request must be provided if body.request is None")
+        gr_request = Request(
+            username=username, request=request, session_hash=body.session_hash
+        )
+
+    return gr_request
+
+
+def restore_session_state(app: App, body: PredictBodyInternal):
+    event_id = body.event_id
+    session_hash = getattr(body, "session_hash", None)
+    if session_hash is not None:
+        session_state = app.state_holder[session_hash]
+        # The should_reset set keeps track of the fn_indices
+        # that have been cancelled. When a job is cancelled,
+        # the /reset route will mark the jobs as having been reset.
+        # That way if the cancel job finishes BEFORE the job being cancelled
+        # the job being cancelled will not overwrite the state of the iterator.
+        if event_id is None:
+            iterator = None
+        elif event_id in app.iterators_to_reset:
+            iterator = None
+            app.iterators_to_reset.remove(event_id)
+        else:
+            iterator = app.iterators.get(event_id)
+    else:
+        session_state = SessionState(app.get_blocks())
+        iterator = None
+
+    return session_state, iterator
+
+
+def prepare_event_data(
+    blocks_config: BlocksConfig,
+    body: PredictBodyInternal,
+) -> EventData:
+    from gradio.helpers import EventData
+
+    target = body.trigger_id
+    event_data = EventData(
+        blocks_config.blocks.get(target) if target else None,
+        body.event_data,
+    )
+    # Set parent to None to avoid pickle issues in ZeroGPU
+    # See https://github.com/gradio-app/gradio/issues/11551
+    if hasattr(event_data.target, "parent"):
+        event_data.target.parent = None  # type: ignore
+    return event_data
+
+
+async def call_process_api(
+    app: App,
+    body: PredictBodyInternal,
+    gr_request: Union[Request, list[Request]],
+    fn: BlockFunction,
+    root_path: str,
+):
+    session_state, iterator = restore_session_state(app=app, body=body)
+
+    event_data = prepare_event_data(session_state.blocks_config, body)
+    event_id = body.event_id
+
+    session_hash = getattr(body, "session_hash", None)
+    inputs = body.data
+
+    batch_in_single_out = not body.batched and fn.batch
+    if batch_in_single_out:
+        inputs = [inputs]
+
+    try:
+        from gradio.profiling import trace_phase
+
+        with utils.MatplotlibBackendMananger():
+            async with trace_phase("total"):
+                output = await app.get_blocks().process_api(
+                    block_fn=fn,
+                    inputs=inputs,
+                    request=gr_request,
+                    state=session_state,
+                    iterator=iterator,
+                    session_hash=session_hash,
+                    event_id=event_id,
+                    event_data=event_data,
+                    in_event_listener=True,
+                    simple_format=body.simple_format,
+                    root_path=root_path,
+                )
+        iterator = output.pop("iterator", None)
+        if event_id is not None:
+            app.iterators[event_id] = iterator  # type: ignore
+        if isinstance(output, Error):
+            raise output
+    except BaseException:
+        iterator = app.iterators.get(event_id) if event_id is not None else None
+        if iterator is not None:  # close off any streams that are still open
+            run_id = id(iterator)
+            pending_streams: dict[int, MediaStream] = (
+                app.get_blocks().pending_streams[session_hash].get(run_id, {})
+            )
+            for stream in pending_streams.values():
+                stream.end_stream()
+        raise
+
+    if batch_in_single_out:
+        output["data"] = output["data"][0]
+    return output
+
+
+def get_first_header_value(request: fastapi.Request, header_name: str):
+    header_value = request.headers.get(header_name)
+    if header_value:
+        return header_value.split(",")[0].strip()
+    return None
+
+
+def get_request_origin(request: fastapi.Request, route_path: str) -> httpx.URL:
+    """
+    Examines the request headers to determine the origin of the request.
+    If the request includes the x-forwarded-host header, it is used directly to determine the origin.
+    Otherwise, the request url is used and the route path is stripped off.
+
+    The returned URL is a httpx.URL object without a trailing slash, e.g. "https://example.com"
+    """
+
+    x_forwarded_host = get_first_header_value(request, "x-forwarded-host")
+    x_gradio_server = get_first_header_value(request, "x-gradio-server")
+    root_url = (
+        f"http://{x_forwarded_host}"
+        if x_forwarded_host
+        else str(x_gradio_server or request.url)
+    )
+    root_url = httpx.URL(root_url)
+    root_url = root_url.copy_with(query=None)
+    root_url = str(root_url).rstrip("/")
+
+    if get_first_header_value(request, "x-forwarded-proto") == "https":
+        root_url = root_url.replace("http://", "https://")
+
+    route_path = route_path.rstrip("/")
+
+    if len(route_path) > 0 and not x_forwarded_host and root_url.endswith(route_path):
+        root_url = root_url[: -len(route_path)]
+
+    root_url = root_url.rstrip("/")
+    root_url = httpx.URL(root_url)
+
+    return root_url
+
+
+def get_api_call_path(request: fastapi.Request) -> str:
+    """
+    Extracts the API call path from the request URL.
+
+    If the URL (without query parameters) ends with "{API_PREFIX}/queue/join", that exact path is returned.
+    Otherwise, if the URL contains "{API_PREFIX}/call", the substring starting from "{API_PREFIX}/call" is returned.
+    This allows for dynamic API calls to methods other than "predict".
+
+    Raises:
+        ValueError: If the request URL does not match any recognized API call pattern.
+    """
+    queue_api_url = f"{API_PREFIX}/queue/join"
+    generic_api_url = f"{API_PREFIX}/call"
+    request_path = request.url.path.rstrip("/")
+
+    if request_path.endswith(queue_api_url):
+        return queue_api_url
+
+    start_index = request_path.rfind(generic_api_url)
+    if start_index >= 0:
+        return request_path[start_index : len(request_path)]
+
+    raise ValueError(
+        f"Request url '{str(request.url)}' has an unknown api call pattern."
+    )
+
+
+def get_root_url(
+    request: fastapi.Request, route_path: str, root_path: str | None
+) -> str:
+    """
+    Gets the root url of the Gradio app (i.e. the public url of the app) without a trailing slash.
+
+    This is how the root_url is resolved:
+    1. If a user provides a `root_path` manually that is a full URL, it is returned directly.
+    2. If the request has an x-forwarded-host header (e.g. because it is behind a proxy), the root url is
+    constructed from the x-forwarded-host header. In this case, `route_path` is not used to construct the root url.
+    3. Otherwise, the root url is constructed from the request url. The query parameters and `route_path` are stripped off.
+    And if a relative `root_path` is provided, and it is not already the subpath of the URL, it is appended to the root url.
+
+    In cases (2) and (3), We also check to see if the x-forwarded-proto header is present, and if so, convert the root url to https.
+    And if there are multiple hosts in the x-forwarded-host or multiple protocols in the x-forwarded-proto, the first one is used.
+    """
+
+    if root_path and client_utils.is_http_url_like(root_path):
+        return root_path.rstrip("/")
+
+    root_url = get_request_origin(request, route_path)
+
+    if root_path and root_url.path != root_path:
+        root_url = root_url.copy_with(path=root_path)
+
+    return str(root_url).rstrip("/")
+
+
+def _user_safe_decode(src: bytes, codec: str) -> str:
+    try:
+        return src.decode(codec)
+    except (UnicodeDecodeError, LookupError):
+        return src.decode("latin-1")
+
+
+class GradioUploadFile(UploadFile):
+    """UploadFile with a sha attribute."""
+
+    def __init__(
+        self,
+        file: BinaryIO,
+        *,
+        size: int | None = None,
+        filename: str | None = None,
+        headers: Headers | None = None,
+    ) -> None:
+        super().__init__(file, size=size, filename=filename, headers=headers)
+        self.sha = hashlib.sha256()
+        self.sha.update(processing_utils.hash_seed)
+
+
+@python_dataclass(frozen=True)
+class FileUploadProgressUnit:
+    filename: str
+    chunk_size: int
+
+
+@python_dataclass
+class FileUploadProgressTracker:
+    deque: deque[FileUploadProgressUnit]
+    is_done: bool
+
+
+class FileUploadProgressNotTrackedError(Exception):
+    pass
+
+
+class FileUploadProgressNotQueuedError(Exception):
+    pass
+
+
+class FileUploadProgress:
+    def __init__(self) -> None:
+        self._statuses: dict[str, FileUploadProgressTracker] = {}
+        self._signals = defaultdict(asyncio.Event)
+
+    def track(self, upload_id: str):
+        if upload_id not in self._statuses:
+            self._statuses[upload_id] = FileUploadProgressTracker(deque(), False)
+            self._signals[upload_id].set()
+
+    async def is_tracked(self, upload_id: str) -> bool:
+        return await self._signals[upload_id].wait()
+
+    def append(self, upload_id: str, filename: str, message_bytes: bytes):
+        if upload_id not in self._statuses:
+            self.track(upload_id)
+        queue = self._statuses[upload_id].deque
+
+        if len(queue) == 0:
+            queue.append(FileUploadProgressUnit(filename, len(message_bytes)))
+        else:
+            last_unit = queue.popleft()
+            if last_unit.filename != filename:
+                queue.append(FileUploadProgressUnit(filename, len(message_bytes)))
+            else:
+                queue.append(
+                    FileUploadProgressUnit(
+                        filename,
+                        last_unit.chunk_size + len(message_bytes),
+                    )
+                )
+
+    def set_done(self, upload_id: str):
+        if upload_id not in self._statuses:
+            self.track(upload_id)
+        self._statuses[upload_id].is_done = True
+
+    def is_done(self, upload_id: str):
+        if upload_id not in self._statuses:
+            raise FileUploadProgressNotTrackedError()
+        return self._statuses[upload_id].is_done
+
+    def stop_tracking(self, upload_id: str):
+        if upload_id in self._statuses:
+            del self._statuses[upload_id]
+
+    def pop(self, upload_id: str) -> FileUploadProgressUnit:
+        if upload_id not in self._statuses:
+            raise FileUploadProgressNotTrackedError()
+        try:
+            return self._statuses[upload_id].deque.pop()
+        except IndexError as e:
+            raise FileUploadProgressNotQueuedError() from e
+
+
+class GradioMultiPartParser:
+    """Vendored from starlette.MultipartParser.
+
+    Thanks starlette!
+
+    Made the following modifications
+        - Use GradioUploadFile instead of UploadFile
+        - Use NamedTemporaryFile instead of SpooledTemporaryFile
+        - Compute hash of data as the request is streamed
+
+    """
+
+    max_header_size = 1024 * 8
+
+    def __init__(
+        self,
+        headers: Headers,
+        stream: AsyncGenerator[bytes, None],
+        *,
+        max_files: Union[int, float] = 1000,
+        max_fields: Union[int, float] = 1000,
+        upload_id: str | None = None,
+        upload_progress: FileUploadProgress | None = None,
+        max_file_size: int | float,
+        max_header_size: int = max_header_size,
+    ) -> None:
+        self.headers = headers
+        self.stream = stream
+        self.max_files = max_files
+        self.max_fields = max_fields
+        self.items: list[tuple[str, Union[str, UploadFile]]] = []
+        self.upload_id = upload_id
+        self.upload_progress = upload_progress
+        self._current_files = 0
+        self._current_fields = 0
+        self.max_file_size = max_file_size
+        self.max_header_size = max_header_size
+        self._current_partial_header_name: bytes = b""
+        self._current_partial_header_value: bytes = b""
+        self._current_header_size: int = 0
+        self._current_part = MultipartPart()
+        self._charset = ""
+        self._file_parts_to_write: list[tuple[MultipartPart, bytes]] = []
+        self._file_parts_to_finish: list[MultipartPart] = []
+        self._files_to_close_on_error: list[_TemporaryFileWrapper] = []
+
+    def on_part_begin(self) -> None:
+        self._current_part = MultipartPart()
+        self._current_header_size = 0
+
+    def on_part_data(self, data: bytes, start: int, end: int) -> None:
+        message_bytes = data[start:end]
+        if self.upload_progress is not None:
+            self.upload_progress.append(
+                self.upload_id,  # type: ignore
+                self._current_part.file.filename,  # type: ignore
+                message_bytes,
+            )
+        if self._current_part.file is None:
+            self._current_part.data += message_bytes
+        else:
+            self._file_parts_to_write.append((self._current_part, message_bytes))
+
+    def on_part_end(self) -> None:
+        if self._current_part.file is None:
+            data = self._current_part.data
+            data_bytes = bytes(data) if isinstance(data, bytearray) else data
+            self.items.append(
+                (
+                    self._current_part.field_name,
+                    _user_safe_decode(data_bytes, str(self._charset)),
+                )
+            )
+        else:
+            self._file_parts_to_finish.append(self._current_part)
+            # The file can be added to the items right now even though it's not
+            # finished yet, because it will be finished in the `parse()` method, before
+            # self.items is used in the return value.
+            self.items.append((self._current_part.field_name, self._current_part.file))
+
+    def _check_header_size(self, additional_bytes: int):
+        if self._current_header_size + additional_bytes > self.max_header_size:
+            raise MultiPartException(
+                f"Headers exceeded maximum allowed size of {self.max_header_size} bytes."
+            )
+
+    def on_header_field(self, data: bytes, start: int, end: int) -> None:
+        additional_header_bytes = end - start
+        self._check_header_size(additional_header_bytes)
+        self._current_partial_header_name += data[start:end]
+        self._current_header_size += additional_header_bytes
+
+    def on_header_value(self, data: bytes, start: int, end: int) -> None:
+        additional_header_bytes = end - start
+        self._check_header_size(additional_header_bytes)
+        self._current_partial_header_value += data[start:end]
+        self._current_header_size += additional_header_bytes
+
+    def on_header_end(self) -> None:
+        field = self._current_partial_header_name.lower()
+        if field == b"content-disposition":
+            self._current_part.content_disposition = self._current_partial_header_value
+        self._current_part.item_headers.append(
+            (field, self._current_partial_header_value)
+        )
+        self._current_partial_header_name = b""
+        self._current_partial_header_value = b""
+
+    def on_headers_finished(self) -> None:
+        _, options = parse_options_header(self._current_part.content_disposition or b"")
+        try:
+            self._current_part.field_name = _user_safe_decode(
+                options[b"name"], str(self._charset)
+            )
+        except KeyError as e:
+            raise MultiPartException(
+                'The Content-Disposition header field "name" must be provided.'
+            ) from e
+        if b"filename" in options:
+            self._current_files += 1
+            if self._current_files > self.max_files:
+                raise MultiPartException(
+                    f"Too many files. Maximum number of files is {self.max_files}."
+                )
+            filename = _user_safe_decode(options[b"filename"], str(self._charset))
+            tempfile = NamedTemporaryFile(delete=False)
+            self._files_to_close_on_error.append(tempfile)
+            self._current_part.file = GradioUploadFile(
+                file=tempfile,  # type: ignore[arg-type]
+                size=0,
+                filename=filename,
+                headers=Headers(raw=self._current_part.item_headers),
+            )
+        else:
+            self._current_fields += 1
+            if self._current_fields > self.max_fields:
+                raise MultiPartException(
+                    f"Too many fields. Maximum number of fields is {self.max_fields}."
+                )
+            self._current_part.file = None
+
+    def on_end(self) -> None:
+        pass
+
+    async def parse(self) -> FormData:
+        # Parse the Content-Type header to get the multipart boundary.
+        _, params = parse_options_header(self.headers["Content-Type"])
+        charset = params.get(b"charset", "utf-8")
+        if isinstance(charset, bytes):
+            charset = charset.decode("latin-1")
+        self._charset = charset
+        try:
+            boundary = params[b"boundary"]
+        except KeyError as e:
+            raise MultiPartException("Missing boundary in multipart.") from e
+
+        # Callbacks dictionary.
+        callbacks = {
+            "on_part_begin": self.on_part_begin,
+            "on_part_data": self.on_part_data,
+            "on_part_end": self.on_part_end,
+            "on_header_field": self.on_header_field,
+            "on_header_value": self.on_header_value,
+            "on_header_end": self.on_header_end,
+            "on_headers_finished": self.on_headers_finished,
+            "on_end": self.on_end,
+        }
+
+        # Create the parser.
+        parser = MultipartParser(boundary, callbacks)  # type: ignore
+        try:
+            # Feed the parser with data from the request.
+            async for chunk in self.stream:
+                parser.write(chunk)
+                # Write file data, it needs to use await with the UploadFile methods
+                # that call the corresponding file methods *in a threadpool*,
+                # otherwise, if they were called directly in the callback methods above
+                # (regular, non-async functions), that would block the event loop in
+                # the main thread.
+                for part, data in self._file_parts_to_write:
+                    assert part.file  # for type checkers  # noqa: S101
+                    if (part.file.size or 0) + len(data) > self.max_file_size:
+                        if self.upload_progress is not None:
+                            self.upload_progress.set_done(self.upload_id)  # type: ignore
+                        raise MultiPartException(
+                            f"File size exceeded maximum allowed size of {self.max_file_size} bytes."
+                        )
+                    await part.file.write(data)
+                    part.file.sha.update(data)  # type: ignore
+                for part in self._file_parts_to_finish:
+                    assert part.file  # for type checkers  # noqa: S101
+                    await part.file.seek(0)
+                self._file_parts_to_write.clear()
+                self._file_parts_to_finish.clear()
+        except MultiPartException as exc:
+            # Close all the files if there was an error.
+            for file in self._files_to_close_on_error:
+                file.close()
+                Path(file.name).unlink()
+            raise exc
+
+        parser.finalize()
+        if self.upload_progress is not None:
+            self.upload_progress.set_done(self.upload_id)  # type: ignore
+        return FormData(self.items)
+
+
+def move_uploaded_files_to_cache(files: list[str], destinations: list[str]) -> None:
+    for file, dest in zip(files, destinations, strict=False):
+        shutil.move(file, dest)
+
+
+def update_root_in_config(config: BlocksConfigDict, root: str) -> BlocksConfigDict:
+    """
+    Updates the root "key" in the config dictionary to the new root url. If the
+    root url has changed, all of the urls in the config that correspond to component
+    file urls are updated to use the new root url.
+    """
+    previous_root = config.get("root")
+    if previous_root is None or previous_root != root:
+        config["root"] = root
+        config = processing_utils.add_root_url(config, root, previous_root)  # type: ignore
+    return config
+
+
+def update_example_values_to_use_public_url(api_info: dict[str, Any]) -> dict[str, Any]:
+    """
+    Updates the example values in the api_info dictionary to use a public url
+    """
+
+    def _add_root_url(file_dict: dict):
+        default_value = file_dict.get("parameter_default")
+        if default_value is not None and client_utils.is_file_obj_with_url(
+            default_value
+        ):
+            if client_utils.is_http_url_like(default_value["url"]):
+                return file_dict
+            # If the default value's url is not already a full public url,
+            # we use the example_input url. This makes it so that the example
+            # value for images, audio, and video components pass SSRF checks.
+            default_value["url"] = file_dict["example_input"]["url"]
+        return file_dict
+
+    return client_utils.traverse(
+        api_info,
+        _add_root_url,
+        lambda d: isinstance(d, dict) and "parameter_default" in d,
+    )
+
+
+def compare_passwords_securely(input_password: str, correct_password: str) -> bool:
+    return hmac.compare_digest(input_password.encode(), correct_password.encode())
+
+
+def starts_with_protocol(string: str) -> bool:
+    """This regex matches strings that start with a scheme (one or more characters not including colon, slash, or space)
+    followed by ://, or start with just //, \\/, /\\, or \\ as they are interpreted as SMB paths on Windows.
+    """
+    pattern = r"^(?:[a-zA-Z][a-zA-Z0-9+\-.]*://|//|\\\\|\\/|/\\)"
+    return re.match(pattern, string) is not None
+
+
+def get_hostname(url: str) -> str:
+    """
+    Returns the hostname of a given url, or an empty string if the url cannot be parsed.
+    Examples:
+        get_hostname("https://www.gradio.app") -> "www.gradio.app"
+        get_hostname("localhost:7860") -> "localhost"
+        get_hostname("127.0.0.1") -> "127.0.0.1"
+    """
+    if not url:
+        return ""
+    if "://" not in url:
+        url = "http://" + url
+    try:
+        return urlparse(url).hostname or ""
+    except Exception:
+        return ""
+
+
+class CustomCORSMiddleware:
+    # This is a modified version of the Starlette CORSMiddleware that restricts the allowed origins when the host is localhost.
+    # Adapted from: https://github.com/encode/starlette/blob/89fae174a1ea10f59ae248fe030d9b7e83d0b8a0/starlette/middleware/cors.py
+
+    def __init__(
+        self,
+        app: ASGIApp,
+        strict_cors: bool = True,
+    ) -> None:
+        self.app = app
+        self.all_methods = ("DELETE", "GET", "HEAD", "OPTIONS", "PATCH", "POST", "PUT")
+        self.preflight_headers = {
+            "Access-Control-Allow-Methods": ", ".join(self.all_methods),
+            "Access-Control-Max-Age": str(600),
+            "Access-Control-Allow-Credentials": "true",
+        }
+        self.simple_headers = {"Access-Control-Allow-Credentials": "true"}
+        # Any of these hosts suggests that the Gradio app is running locally.
+        self.localhost_aliases = ["localhost", "127.0.0.1", "0.0.0.0"]
+        if not strict_cors or os.getenv("GRADIO_LOCAL_DEV_MODE") is not None:  # type: ignore
+            # Note: "null" is a special case that happens if a Gradio app is running
+            # as an embedded web component in a local static webpage. However, it can
+            # also be used maliciously for CSRF attacks, so it is not allowed by default.
+            self.localhost_aliases.append("null")
+
+    async def __call__(self, scope: Scope, receive: Receive, send: Send) -> None:
+        if scope["type"] != "http":
+            await self.app(scope, receive, send)
+            return
+        headers = Headers(scope=scope)
+        origin = headers.get("origin")
+        if origin is None:
+            await self.app(scope, receive, send)
+            return
+        if scope["method"] == "OPTIONS" and "access-control-request-method" in headers:
+            response = self.preflight_response(request_headers=headers)
+            await response(scope, receive, send)
+            return
+        await self.simple_response(scope, receive, send, request_headers=headers)
+
+    def preflight_response(self, request_headers: Headers) -> Response:
+        headers = dict(self.preflight_headers)
+        origin = request_headers["Origin"]
+        if self.is_valid_origin(request_headers):
+            headers["Access-Control-Allow-Origin"] = origin
+        requested_headers = request_headers.get("access-control-request-headers")
+        if requested_headers is not None:
+            headers["Access-Control-Allow-Headers"] = requested_headers
+        return PlainTextResponse("OK", status_code=200, headers=headers)
+
+    async def simple_response(
+        self, scope: Scope, receive: Receive, send: Send, request_headers: Headers
+    ) -> None:
+        send = functools.partial(self._send, send=send, request_headers=request_headers)
+        await self.app(scope, receive, send)
+
+    async def _send(
+        self, message: Message, send: Send, request_headers: Headers
+    ) -> None:
+        if message["type"] != "http.response.start":
+            await send(message)
+            return
+        message.setdefault("headers", [])
+        headers = MutableHeaders(scope=message)
+        headers.update(self.simple_headers)
+        origin = request_headers["Origin"]
+        if self.is_valid_origin(request_headers):
+            self.allow_explicit_origin(headers, origin)
+        await send(message)
+
+    def is_valid_origin(self, request_headers: Headers) -> bool:
+        origin = request_headers["Origin"]
+        host = request_headers["Host"]
+        host_name = get_hostname(host)
+        origin_name = get_hostname(origin)
+
+        return (
+            host_name not in self.localhost_aliases
+            or origin_name in self.localhost_aliases
+        )
+
+    @staticmethod
+    def allow_explicit_origin(headers: MutableHeaders, origin: str) -> None:
+        headers["Access-Control-Allow-Origin"] = origin
+        headers.add_vary_header("Origin")
+
+
+def delete_files_created_by_app(blocks: Blocks, age: int | None) -> None:
+    """Delete files that are older than age. If age is None, delete all files."""
+    dont_delete = set()
+
+    for component in blocks.blocks.values():
+        dont_delete.update(getattr(component, "keep_in_cache", set()))
+    for temp_set in blocks.temp_file_sets:
+        # We use a copy of the set to avoid modifying the set while iterating over it
+        # otherwise we would get an exception: Set changed size during iteration
+        to_remove = set()
+        for file in temp_set:
+            if file in dont_delete:
+                continue
+            try:
+                file_path = Path(file)
+                modified_time = datetime.fromtimestamp(file_path.lstat().st_ctime)
+                if (
+                    age is None
+                    or (datetime.now() - modified_time).total_seconds() > age
+                ):
+                    os.remove(file)
+                    to_remove.add(file)
+            except FileNotFoundError:
+                continue
+        temp_set -= to_remove
+
+
+async def delete_files_on_schedule(app: App, frequency: int, age: int) -> None:
+    """Startup task to delete files created by the app based on time since last modification."""
+    while True:
+        await asyncio.sleep(frequency)
+        await anyio.to_thread.run_sync(
+            delete_files_created_by_app, app.get_blocks(), age
+        )
+
+
+@asynccontextmanager
+async def _lifespan_handler(
+    app: App, frequency: int = 1, age: int = 1
+) -> AsyncGenerator:
+    """A context manager that triggers the startup and shutdown events of the app."""
+    asyncio.create_task(delete_files_on_schedule(app, frequency, age))
+    yield
+    delete_files_created_by_app(app.get_blocks(), age=None)
+
+
+async def _delete_state(app: App):
+    """Delete all expired state every second."""
+    while True:
+        app.state_holder.delete_all_expired_state()
+        await asyncio.sleep(1)
+
+
+@asynccontextmanager
+async def _delete_state_handler(app: App):
+    """When the server launches, regularly delete expired state."""
+    asyncio.create_task(_delete_state(app))
+    yield
+
+
+def create_lifespan_handler(
+    user_lifespan: Callable[[App], AbstractAsyncContextManager] | None,
+    frequency: int | None = 1,
+    age: int | None = 1,
+) -> Callable[[App], AbstractAsyncContextManager]:
+    """Return a context manager that applies _lifespan_handler and user_lifespan if it exists."""
+
+    @asynccontextmanager
+    async def _handler(app: App):
+        state = None
+        async with AsyncExitStack() as stack:
+            await stack.enter_async_context(_delete_state_handler(app))
+            if frequency and age:
+                await stack.enter_async_context(_lifespan_handler(app, frequency, age))
+            if user_lifespan is not None:
+                state = await stack.enter_async_context(user_lifespan(app))
+            yield state
+
+    return _handler
+
+
+class MediaStream:
+    def __init__(self, desired_output_format: str | None = None):
+        self.segments: list[MediaStreamChunk] = []
+        self.combined_file: str | None = None
+        self.ended = False
+        self.segment_index = 0
+        self.playlist = "#EXTM3U\n#EXT-X-PLAYLIST-TYPE:EVENT\n#EXT-X-TARGETDURATION:10\n#EXT-X-VERSION:4\n#EXT-X-MEDIA-SEQUENCE:0\n"
+        self.max_duration = 5
+        self.desired_output_format = desired_output_format
+
+    async def add_segment(self, data: MediaStreamChunk | None):
+        if not data:
+            return
+
+        segment_id = str(uuid.uuid4())
+        self.segments.append({"id": segment_id, **data})  # type: ignore
+        self.max_duration = max(self.max_duration, data["duration"]) + 1
+
+    def end_stream(self):
+        self.ended = True
+
+
+def create_url_safe_hash(data: bytes, digest_size=8):
+    """Create a URL-safe short hash of the data. Used to generate unique short deep links."""
+    import base64
+
+    hash_obj = hashlib.blake2b(data, digest_size=digest_size, usedforsecurity=False)
+    url_safe_hash = base64.urlsafe_b64encode(hash_obj.digest()).decode().rstrip("=")
+
+    return url_safe_hash
+
+
+def slugify(value):
+    """
+    Convert to ASCII. Convert spaces or repeated dashes to single dashes.
+    Remove characters that aren't alphanumerics, underscores, or hyphens.
+    Convert to lowercase. Also strip leading and trailing whitespace,
+    dashes, and underscores.
+    """
+    value = str(value)
+    value = (
+        unicodedata.normalize("NFKD", value).encode("ascii", "ignore").decode("ascii")
+    )
+    value = re.sub(r"[^\w\s-]", "", value.lower())
+    return re.sub(r"[-\s]+", "-", value).strip("-_")
+
+
+# Prefixes that identify "dumb" routes safe to proxy to static workers.
+# These routes serve files, static assets, or handle uploads — no queue/state needed.
+STATIC_ROUTE_PREFIXES = (
+    "/svelte/",
+    "/static/",
+    "/assets/",
+    "/favicon.ico",
+    "/file=",
+    "/file/",
+    "/upload",
+    "/custom_component/",
+)
+
+
+def routes_safe_join(directory: DeveloperPath, path: UserProvidedPath) -> str:
+    """Safely join the user path to the directory while performing some additional http-related checks,
+    e.g. ensuring that the full path exists on the local file system and is not a directory
+    """
+    if path == "":
+        raise fastapi.HTTPException(400)
+    if starts_with_protocol(path):
+        raise fastapi.HTTPException(403)
+    try:
+        fullpath = Path(utils.safe_join(directory, path))
+    except InvalidPathError as e:
+        raise fastapi.HTTPException(403) from e
+    if fullpath.is_dir():
+        raise fastapi.HTTPException(403)
+    if not fullpath.exists():
+        raise fastapi.HTTPException(404)
+    return str(fullpath)
+
+
+STATIC_TEMPLATE_LIB = cast(
+    DeveloperPath,
+    importlib.resources.files("gradio").joinpath("templates").as_posix(),  # type: ignore
+)
+STATIC_PATH_LIB = cast(
+    DeveloperPath,
+    importlib.resources.files("gradio")
+    .joinpath("templates/frontend/static")
+    .as_posix(),  # type: ignore
+)
+BUILD_PATH_LIB = cast(
+    DeveloperPath,
+    importlib.resources.files("gradio")
+    .joinpath("templates/frontend/assets")
+    .as_posix(),  # type: ignore
+)
+VERSION = get_package_version()
+XSS_SAFE_MIMETYPES = {
+    "image/jpeg",
+    "image/png",
+    "image/gif",
+    "image/webp",
+    "audio/mpeg",
+    "audio/wav",
+    "audio/ogg",
+    "video/mp4",
+    "video/webm",
+    "video/ogg",
+    "text/plain",
+    "application/json",
+}
+
+DEFAULT_TEMP_DIR = os.environ.get("GRADIO_TEMP_DIR") or str(
+    Path(tempfile.gettempdir()) / "gradio"
+)
+
+
+def file_response(developer_path: DeveloperPath, user_path: UserProvidedPath):
+    return FileResponse(routes_safe_join(developer_path, user_path))
+
+
+def favicon(favicon_path: str | Path | None = None):
+    if favicon_path is None:
+        return file_response(STATIC_PATH_LIB, UserProvidedPath("img/logo.svg"))
+    else:
+        return FileResponse(favicon_path)
+
+
+_FILE_STREAM_MAX_REDIRECTS = 20
+_FILE_STREAM_PASSTHROUGH_HEADERS = (
+    "content-length",
+    "content-range",
+    "accept-ranges",
+    "last-modified",
+    "etag",
+)
+
+
+async def secure_url_stream_response(url: str, request: StarletteRequest):
+    """
+    SSRF-safe way to serve an http(s) URL from the `/gradio_api/file=<url>`
+    endpoint. Instead of redirecting the caller to `url` (an open redirect, and
+    a client-side SSRF vector because `gradio_client` follows redirects), the
+    server fetches `url` itself through `safehttpx` — which resolves the host,
+    confirms it maps to a public IP, and pins that IP for the connection so a DNS
+    rebind cannot swap in an internal address — and streams the bytes back,
+    re-validating every redirect hop. Hosts that are unresolvable or resolve to a
+    private / loopback / link-local / reserved address are rejected. See #13593.
+    """
+    forward_headers = {}
+    range_header = request.headers.get("Range")
+    if range_header:
+        forward_headers["Range"] = range_header
+
+    current_url = url
+    redirects = 0
+    while True:
+        try:
+            parsed = httpx.URL(current_url)
+        except Exception as e:
+            raise HTTPException(403, f"File not allowed: {url}.") from e
+        if parsed.scheme not in ("http", "https") or not parsed.host:
+            raise HTTPException(403, f"File not allowed: {url}.")
+        try:
+            verified_ip = await safehttpx.async_validate_url(parsed.host)
+        except Exception as e:
+            raise HTTPException(403, f"File not allowed: {url}.") from e
+
+        transport = safehttpx.AsyncSecureTransport(verified_ip)
+        client = httpx.AsyncClient(
+            transport=transport, timeout=httpx.Timeout(None, connect=10.0)
+        )
+        try:
+            req = client.build_request(
+                request.method, current_url, headers=forward_headers
+            )
+            upstream = await client.send(req, stream=True)
+        except Exception as e:
+            await client.aclose()
+            raise HTTPException(502, f"Could not fetch file: {url}.") from e
+
+        if upstream.has_redirect_location:
+            location = upstream.headers.get("location", "")
+            await upstream.aclose()
+            await client.aclose()
+            redirects += 1
+            if redirects > _FILE_STREAM_MAX_REDIRECTS or not location:
+                raise HTTPException(502, f"Could not fetch file: {url}.")
+            current_url = str(httpx.URL(current_url).join(location))
+            continue
+
+        upstream_mime = upstream.headers.get("content-type", "").split(";")[0].strip()
+        guessed_mime, _ = mimetypes.guess_type(current_url)
+        if upstream_mime in XSS_SAFE_MIMETYPES or guessed_mime in XSS_SAFE_MIMETYPES:
+            content_type = upstream_mime or guessed_mime or "application/octet-stream"
+            content_disposition = "inline"
+        else:
+            content_type = "application/octet-stream"
+            content_disposition = "attachment"
+
+        response_headers = {
+            "Content-Type": content_type,
+            "Content-Disposition": content_disposition,
+            "X-Content-Type-Options": "nosniff",
+        }
+        for header in _FILE_STREAM_PASSTHROUGH_HEADERS:
+            if header in upstream.headers:
+                response_headers[header] = upstream.headers[header]
+
+        async def _close(upstream=upstream, client=client) -> None:
+            await upstream.aclose()
+            await client.aclose()
+
+        return StreamingResponse(
+            upstream.aiter_raw(),
+            status_code=upstream.status_code,
+            headers=response_headers,
+            background=BackgroundTask(_close),
+        )
+
+
+def file_fetch(
+    path_or_url,
+    request,
+    blocks_or_config,
+    upload_dir,
+):
+    # NOTE: http(s) URLs are intentionally NOT handled here. Previously this
+    # returned a 302 redirect to the URL, which was an open redirect and — since
+    # `gradio_client` follows redirects — a client-side SSRF vector (#13593).
+    # They are now served by `secure_url_stream_response()` from the async route,
+    # which fetches through `safehttpx` (public-IP validated, IP-pinned) and
+    # streams the bytes back. Any http(s) URL reaching this sync path falls
+    # through to the `starts_with_protocol` guard below and is rejected.
+    if starts_with_protocol(path_or_url):
+        raise HTTPException(403, f"File not allowed: {path_or_url}.")
+
+    abs_path = utils.abspath(path_or_url)
+    try:
+        if abs_path.is_dir() or not abs_path.exists():
+            raise HTTPException(403, f"File not allowed: {path_or_url}.")
+    except Exception as e:
+        raise HTTPException(403, f"File not allowed: {path_or_url}.") from e
+
+    from gradio.data_classes import _StaticFiles
+
+    allowed, reason = utils.is_allowed_file(
+        abs_path,
+        blocked_paths=blocks_or_config.blocked_paths,
+        allowed_paths=blocks_or_config.allowed_paths + _StaticFiles.all_paths,
+        created_paths=[upload_dir, str(utils.get_cache_folder())],
+    )
+    if not allowed:
+        raise HTTPException(403, f"File not allowed: {path_or_url}.")
+
+    mime_type, _ = mimetypes.guess_type(abs_path)
+    if mime_type in XSS_SAFE_MIMETYPES or reason == "allowed":
+        media_type = mime_type or "application/octet-stream"
+        content_disposition_type = "inline"
+    else:
+        media_type = "application/octet-stream"
+        content_disposition_type = "attachment"
+
+    range_val = request.headers.get("Range", "").strip()
+    if range_val.startswith("bytes=") and "-" in range_val:
+        range_val = range_val[6:]
+        start, end = range_val.split("-")
+        if start.isnumeric() and end.isnumeric():
+            from gradio import ranged_response  # type: ignore
+
+            start = int(start)
+            end = int(end)
+            headers = dict(request.headers)
+            headers["Content-Disposition"] = content_disposition_type
+            headers["Content-Type"] = media_type
+            return ranged_response.RangedFileResponse(
+                abs_path,
+                ranged_response.OpenRange(start, end),
+                headers,
+                stat_result=os.stat(abs_path),
+            )
+
+    return FileResponse(
+        abs_path,
+        headers={"Accept-Ranges": "bytes"},
+        content_disposition_type=content_disposition_type,
+        media_type=media_type,
+        filename=abs_path.name,
+    )
+
+
+async def upload_fn(
+    request: StarletteRequest,
+    upload_dir,
+    max_file_size,
+    upload_id,
+    force_move: bool = True,
+    upload_progress: FileUploadProgress | None = None,
+):
+    content_type_header = request.headers.get("Content-Type")
+    content_type: bytes
+    content_type, _ = parse_options_header(content_type_header or "")
+    if content_type != b"multipart/form-data":
+        raise HTTPException(status_code=400, detail="Invalid content type.")
+
+    if upload_id and upload_progress:
+        upload_progress.track(upload_id)
+
+    multipart_parser = GradioMultiPartParser(
+        request.headers,
+        request.stream(),
+        max_files=1000,
+        max_fields=1000,
+        max_file_size=max_file_size,
+        upload_id=upload_id,
+        upload_progress=upload_progress,
+    )
+    form = await multipart_parser.parse()
+
+    output_files = []
+    files_to_copy = []
+    locations = []
+    for temp_file in form.getlist("files"):
+        if not isinstance(temp_file, GradioUploadFile):
+            raise TypeError("File is not an instance of GradioUploadFile")
+        if temp_file.filename:
+            file_name = Path(temp_file.filename).name
+            name = client_utils.strip_invalid_filename_characters(file_name)
+        else:
+            name = f"tmp{secrets.token_hex(5)}"
+        directory = Path(upload_dir) / temp_file.sha.hexdigest()
+        directory.mkdir(exist_ok=True, parents=True)
+        try:
+            dest = utils.safe_join(
+                DeveloperPath(str(directory)), UserProvidedPath(name)
+            )
+        except InvalidPathError as err:
+            raise HTTPException(
+                status_code=400, detail=f"Invalid file name: {name}"
+            ) from err
+        temp_file.file.close()
+        try:
+            os.rename(temp_file.file.name, dest)
+        except OSError:
+            if force_move:
+                import shutil
+
+                shutil.move(temp_file.file.name, dest)
+            else:
+                files_to_copy.append(temp_file.file.name)
+                locations.append(dest)
+        output_files.append(dest)
+
+    return output_files, files_to_copy, locations
diff --git a/gradio/routes.py b/gradio/routes.py
new file mode 100644
index 0000000..a3d901b
--- /dev/null
+++ b/gradio/routes.py
@@ -0,0 +1,2639 @@
+"""Implements a FastAPI server to run the gradio interface. Note that some types in this
+module use the Optional/Union notation so that they work correctly with pydantic."""
+
+from __future__ import annotations
+
+import asyncio
+import contextlib
+import hashlib
+import inspect
+import io
+import json
+import math
+import mimetypes
+import os
+import secrets
+import sys
+import time
+import traceback
+import warnings
+from collections.abc import AsyncIterator, Callable, Sequence
+from pathlib import Path
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Literal,
+    Union,
+    cast,
+)
+
+import fastapi
+import httpx
+import markupsafe
+import orjson
+from fastapi import (
+    APIRouter,
+    BackgroundTasks,
+    Body,
+    Depends,
+    FastAPI,
+    HTTPException,
+    status,
+)
+from fastapi.responses import (
+    FileResponse,
+    HTMLResponse,
+    JSONResponse,
+    PlainTextResponse,
+    Response,
+    StreamingResponse,
+)
+from fastapi.security import OAuth2PasswordRequestForm
+from fastapi.templating import Jinja2Templates
+from gradio_client import utils as client_utils
+from gradio_client.documentation import document
+from gradio_client.snippet import generate_code_snippets
+from gradio_client.utils import ServerMessage
+from hf_gradio.cli import _condense_info, generate_cli_snippet
+from jinja2.exceptions import TemplateNotFound
+from python_multipart.multipart import parse_options_header
+from starlette.background import BackgroundTask
+from starlette.datastructures import UploadFile as StarletteUploadFile
+from starlette.formparsers import MultiPartException
+from starlette.responses import RedirectResponse
+
+import gradio
+from gradio import (
+    caching,
+    route_utils,
+    themes,
+    utils,
+)
+from gradio.brotli_middleware import BrotliMiddleware
+from gradio.context import Context
+from gradio.data_classes import (
+    CancelBody,
+    ComponentServerBlobBody,
+    ComponentServerJSONBody,
+    DataWithFiles,
+    DeveloperPath,
+    JsonData,
+    PredictBody,
+    PredictBodyInternal,
+    ResetBody,
+    SimplePredictBody,
+    UserProvidedPath,
+    VibeCodeBody,
+    VibeEditBody,
+)
+from gradio.exceptions import Error, InvalidPathError
+from gradio.helpers import special_args
+from gradio.i18n import I18n
+from gradio.node_server import (
+    start_node_server,
+)
+from gradio.oauth import attach_oauth
+from gradio.route_utils import (  # noqa: F401
+    API_PREFIX,
+    BUILD_PATH_LIB,
+    DEFAULT_TEMP_DIR,
+    STATIC_PATH_LIB,
+    STATIC_TEMPLATE_LIB,
+    VERSION,
+    XSS_SAFE_MIMETYPES,
+    CustomCORSMiddleware,
+    FileUploadProgress,
+    FileUploadProgressNotQueuedError,
+    FileUploadProgressNotTrackedError,
+    GradioMultiPartParser,
+    GradioUploadFile,
+    Request,
+    compare_passwords_securely,
+    create_lifespan_handler,
+    favicon,
+    file_fetch,
+    file_response,
+    move_uploaded_files_to_cache,
+    routes_safe_join,
+    secure_url_stream_response,
+    upload_fn,
+)
+from gradio.screen_recording_utils import process_video_with_ffmpeg
+from gradio.server_messages import (
+    CloseStreamMessage,
+    EstimationMessage,
+    EventMessage,
+    HeartbeatMessage,
+    ProcessCompletedMessage,
+    ProcessGeneratingMessage,
+    UnexpectedErrorMessage,
+)
+from gradio.state_holder import StateHolder
+from gradio.themes import ThemeClass as Theme
+from gradio.utils import (
+    cancel_tasks,
+    get_node_path,
+    get_upload_folder,
+    safe_aclose_iterator,
+)
+
+if TYPE_CHECKING:
+    from gradio.blocks import Block
+
+import difflib
+import re
+import shutil
+import tempfile
+
+mimetypes.init()
+
+BUILT_IN_THEMES: dict[str, Theme] = {
+    t.name: t  # type: ignore
+    for t in [
+        themes.Base(),
+        themes.Default(),
+        themes.Monochrome(),
+        themes.Soft(),
+        themes.Glass(),
+        themes.Origin(),
+        themes.Citrus(),
+        themes.Ocean(),
+        themes.Mario(),
+    ]
+    if t.name is not None
+}
+
+
+class ORJSONResponse(JSONResponse):
+    media_type = "application/json"
+
+    @staticmethod
+    def default(content: Any) -> str:
+        if isinstance(content, JsonData):
+            return content.model_dump()
+        return str(content)
+
+    @staticmethod
+    def _render(content: Any) -> bytes:
+        return orjson.dumps(
+            content,
+            option=orjson.OPT_SERIALIZE_NUMPY | orjson.OPT_PASSTHROUGH_DATETIME,
+            default=ORJSONResponse.default,
+        )
+
+    def render(self, content: Any) -> bytes:
+        return ORJSONResponse._render(content)
+
+    @staticmethod
+    def _render_str(content: Any) -> str:
+        return ORJSONResponse._render(content).decode("utf-8")
+
+
+def toorjson(value):
+    return markupsafe.Markup(
+        ORJSONResponse._render_str(value)
+        .replace("<", "\\u003c")
+        .replace(">", "\\u003e")
+        .replace("&", "\\u0026")
+        .replace("'", "\\u0027")
+    )
+
+
+templates = Jinja2Templates(directory=STATIC_TEMPLATE_LIB)
+templates.env.filters["toorjson"] = toorjson
+
+# Shared transport keeps the connection pool warm without sharing an
+# `httpx.AsyncClient` (and therefore a cookie jar) across `/proxy=` requests.
+# A single shared `AsyncClient` would persist `Set-Cookie` headers from one
+# proxied response and replay them on subsequent requests to any sibling
+# `*.hf.space` URL — see GHSA-2mr9-9r47-px2g.
+_proxy_transport = httpx.AsyncHTTPTransport(
+    limits=httpx.Limits(
+        max_connections=100,
+        max_keepalive_connections=20,
+    ),
+)
+
+
+file_upload_statuses = FileUploadProgress()
+
+
+class App(FastAPI):
+    """
+    FastAPI App Wrapper
+    """
+
+    app_port = None
+
+    def __init__(
+        self,
+        auth_dependency: Callable[[fastapi.Request], str | None] | None = None,
+        **kwargs,
+    ):
+        self.tokens = {}
+        self.auth = None
+        self.analytics_key = secrets.token_urlsafe(16)
+        self.monitoring_enabled = False
+        self.blocks: gradio.Blocks | None = None
+        self.state_holder = StateHolder()
+        self.iterators: dict[str, AsyncIterator] = {}
+        self.iterators_to_reset: set[str] = set()
+        self.lock = utils.safe_get_lock()
+        self.stop_event = utils.safe_get_stop_event()
+        self.cookie_id = secrets.token_urlsafe(32)
+        self.queue_token = secrets.token_urlsafe(32)
+        self.startup_events_triggered = False
+        self.uploaded_file_dir = get_upload_folder()
+        self.change_count: int = 0
+        self.change_type: Literal["reload", "error"] | None = None
+        self.reload_error_message: str | None = None
+        self._asyncio_tasks: list[asyncio.Task] = []
+        self.auth_dependency = auth_dependency
+        self.api_info = None
+        self.static_worker_pool = None  # Set by launch() when num_workers > 0
+        self.all_app_info = None
+        self._static_prefixes: tuple[
+            str, ...
+        ] = ()  # Populated by enable_static_workers
+
+        # Allow user to manually set `docs_url` and `redoc_url`
+        # when instantiating an App; when they're not set, disable docs and redoc.
+        kwargs.setdefault("docs_url", None)
+        kwargs.setdefault("redoc_url", None)
+        self.custom_component_hashes: dict[str, str] = {}
+        super().__init__(**kwargs)
+
+    def configure_app(self, blocks: gradio.Blocks) -> None:
+        auth = blocks.auth
+        if auth is not None:
+            if not callable(auth):
+                self.auth = {account[0]: account[1] for account in auth}  # type: ignore
+            else:
+                self.auth = auth
+        else:
+            self.auth = None
+        self.blocks = blocks
+        self.cwd = os.getcwd()
+        self.favicon_path = blocks.favicon_path
+        self.tokens = {}
+        self.root_path = blocks.root_path or ""
+        self.state_holder.set_blocks(blocks)
+
+    def get_blocks(self) -> gradio.Blocks:
+        if self.blocks is None:
+            raise ValueError("No Blocks has been configured for this app.")
+        return self.blocks
+
+    def build_proxy_request(self, url_path):
+        url = httpx.URL(url_path)
+        assert self.blocks  # noqa: S101
+        # Don't proxy a URL unless it's a URL specifically loaded by the user using
+        # gr.load() to prevent SSRF or harvesting of HF tokens by malicious Spaces.
+        is_safe_url = any(
+            url.host == httpx.URL(root).host for root in self.blocks.proxy_urls
+        )
+        if not is_safe_url:
+            raise PermissionError("This URL cannot be proxied.")
+        # Only allow proxying to Hugging Face Space URLs to prevent SSRF
+        # via malicious proxy_url values in untrusted configs.
+        if not url.host.endswith(".hf.space"):
+            raise PermissionError("This URL cannot be proxied.")
+        headers = {}
+        if Context.token is not None:
+            headers["Authorization"] = f"Bearer {Context.token}"
+        # Build a plain request rather than `client.build_request` so that
+        # the proxy does not share an `httpx.AsyncClient` (or cookie jar)
+        # across calls (see GHSA-2mr9-9r47-px2g).
+        return url, headers
+
+    def _cancel_asyncio_tasks(self):
+        for task in self._asyncio_tasks:
+            task.cancel()
+        self._asyncio_tasks = []
+
+    @staticmethod
+    def setup_mcp_server(
+        blocks: gradio.Blocks,
+        app_kwargs: dict[str, Any],
+        mcp_server: bool | None = None,
+    ):
+        mcp_subpath = API_PREFIX + "/mcp"
+        if mcp_server is None:
+            mcp_server = os.environ.get("GRADIO_MCP_SERVER", "False").lower() == "true"
+        if mcp_server:
+            try:
+                import gradio.mcp
+            except ImportError as e:
+                raise ImportError(
+                    'In order to use `mcp_server=True`, you must install gradio with the `mcp` extra. Please install it with `pip install "gradio[mcp]"`'
+                ) from e
+            try:
+                blocks.mcp_server_obj = gradio.mcp.GradioMCPServer(blocks)
+                blocks.mcp_server = True
+                user_lifespan = None
+                if "lifespan" in app_kwargs:
+                    user_lifespan = app_kwargs["lifespan"]
+
+                @contextlib.asynccontextmanager
+                async def _lifespan(app: App):
+                    async with contextlib.AsyncExitStack() as stack:
+                        if blocks.mcp_server_obj:
+                            await stack.enter_async_context(
+                                blocks.mcp_server_obj.lifespan(app)
+                            )
+                        if user_lifespan is not None:
+                            await stack.enter_async_context(user_lifespan(app))
+                        yield
+
+                app_kwargs["lifespan"] = _lifespan
+            except Exception as e:
+                blocks.mcp_server = False
+                blocks.mcp_error = f"Error launching MCP server: {e}"
+
+        blocks.config = (
+            blocks.get_config_file()
+        )  # Because the config should include the fact that the MCP server is enabled
+        return mcp_subpath
+
+    @staticmethod
+    def create_app(
+        blocks: gradio.Blocks,
+        app: App | None = None,
+        app_kwargs: dict[str, Any] | None = None,
+        auth_dependency: Callable[[fastapi.Request], str | None] | None = None,
+        strict_cors: bool = True,
+        mcp_server: bool | None = None,
+        debug: bool = False,
+    ) -> App:
+        app_kwargs = app_kwargs or {}
+        app_kwargs.setdefault("default_response_class", ORJSONResponse)
+        mcp_subpath = App.setup_mcp_server(blocks, app_kwargs, mcp_server)
+
+        delete_cache = blocks.delete_cache or (None, None)
+        if app is None:
+            app_kwargs["lifespan"] = create_lifespan_handler(
+                app_kwargs.get("lifespan", None), *delete_cache
+            )
+            app = App(auth_dependency=auth_dependency, **app_kwargs, debug=debug)
+        else:
+            app.router.lifespan_context = create_lifespan_handler(
+                app_kwargs.get("lifespan", None), *delete_cache
+            )
+        if blocks.mcp_server_obj:
+            blocks.mcp_server_obj.launch_mcp_on_sse(app, mcp_subpath, blocks.root_path)
+        router = APIRouter(prefix=API_PREFIX)
+
+        app.configure_app(blocks)
+
+        app.add_middleware(CustomCORSMiddleware, strict_cors=strict_cors)  # type: ignore
+        app.add_middleware(
+            BrotliMiddleware,  # type: ignore
+            quality=4,
+            excluded_handlers=[mcp_subpath],
+        )
+
+        # Note: In the current architecture, Node is the front proxy and
+        # routes requests to Python. The old conditional_routing_middleware
+        # that proxied Python -> Node is no longer needed.
+
+        @router.get("/user")
+        @router.get("/user/")
+        def get_current_user(request: fastapi.Request) -> str | None:
+            if app.auth_dependency is not None:
+                return app.auth_dependency(request)
+            token = request.cookies.get(
+                f"access-token-{app.cookie_id}"
+            ) or request.cookies.get(f"access-token-unsecure-{app.cookie_id}")
+            return app.tokens.get(token)
+
+        @router.get("/login_check")
+        @router.get("/login_check/")
+        def login_check(user: str = Depends(get_current_user)):
+            if (app.auth is None and app.auth_dependency is None) or user is not None:
+                return
+            raise HTTPException(
+                status_code=status.HTTP_401_UNAUTHORIZED,
+                detail={
+                    "error": "Not authenticated",
+                    "auth_message": blocks.auth_message,
+                },
+            )
+
+        @router.get("/token")
+        @router.get("/token/")
+        def get_token(request: fastapi.Request) -> dict:
+            token = request.cookies.get(f"access-token-{app.cookie_id}")
+            return {"token": token, "user": app.tokens.get(token)}
+
+        @router.get("/app_id")
+        @router.get("/app_id/")
+        def app_id(request: fastapi.Request) -> dict:  # noqa: ARG001
+            return {"app_id": app.get_blocks().app_id}
+
+        @router.get("/dev/reload", dependencies=[Depends(login_check)])
+        async def notify_changes(
+            request: fastapi.Request,
+        ):
+            async def reload_checker(request: fastapi.Request):
+                heartbeat_rate = 15
+                check_rate = 0.05
+                last_heartbeat = time.perf_counter()
+                current_count = app.change_count
+
+                while True:
+                    if await request.is_disconnected():
+                        return
+
+                    if app.change_count != current_count:
+                        current_count = app.change_count
+                        msg = (
+                            json.dumps(f"{app.reload_error_message}")
+                            if app.change_type == "error"
+                            else "{}"
+                        )
+                        yield f"""event: {app.change_type}\ndata: {msg}\n\n"""
+
+                    await asyncio.sleep(check_rate)
+                    if time.perf_counter() - last_heartbeat > heartbeat_rate:
+                        yield """event: heartbeat\ndata: {}\n\n"""
+                        last_heartbeat = time.perf_counter()
+
+            return StreamingResponse(
+                reload_checker(request),
+                media_type="text/event-stream",
+            )
+
+        @app.post("/login")
+        @app.post("/login/")
+        async def login(
+            request: fastapi.Request, form_data: OAuth2PasswordRequestForm = Depends()
+        ):
+            username, password = form_data.username.strip(), form_data.password
+            if app.auth is None:
+                root = route_utils.get_root_url(
+                    request=request,
+                    route_path="/login",
+                    root_path=app.root_path,
+                )
+                return RedirectResponse(url=root, status_code=status.HTTP_302_FOUND)
+            if (
+                not callable(app.auth)
+                and username in app.auth  # type: ignore
+                and compare_passwords_securely(password, app.auth[username])  # type: ignore
+            ) or (
+                callable(app.auth)
+                and (
+                    await app.auth(username, password)
+                    if inspect.iscoroutinefunction(app.auth)
+                    else app.auth(username, password)
+                )
+            ):  # type: ignore
+                token = secrets.token_urlsafe(16)
+                app.tokens[token] = username
+                response = JSONResponse(content={"success": True})
+                response.set_cookie(
+                    key=f"access-token-{app.cookie_id}",
+                    value=token,
+                    httponly=True,
+                    samesite="none",
+                    secure=True,
+                )
+                response.set_cookie(
+                    key=f"access-token-unsecure-{app.cookie_id}",
+                    value=token,
+                    httponly=True,
+                )
+                return response
+            else:
+                raise HTTPException(status_code=400, detail="Incorrect credentials.")
+
+        ###############
+        # OAuth Routes
+        ###############
+
+        # Define OAuth routes if the app expects it (i.e. a LoginButton is defined).
+        # It allows users to "Sign in with HuggingFace". Otherwise, add the default
+        # logout route.
+        if app.blocks is not None and app.blocks.expects_oauth:
+            attach_oauth(app)
+        else:
+
+            @app.get("/logout")
+            def logout(
+                request: fastapi.Request,
+                user: str = Depends(get_current_user),
+                all_session: bool = True,
+            ):
+                root = route_utils.get_root_url(
+                    request=request,
+                    route_path="/logout",
+                    root_path=app.root_path,
+                )
+                response = RedirectResponse(url=root, status_code=status.HTTP_302_FOUND)
+                response.delete_cookie(key=f"access-token-{app.cookie_id}", path="/")
+                response.delete_cookie(
+                    key=f"access-token-unsecure-{app.cookie_id}", path="/"
+                )
+                if all_session:
+                    # Delete the tokens of all sessions associated with the current user.
+                    for token in list(app.tokens.keys()):
+                        if app.tokens[token] == user:
+                            del app.tokens[token]
+                # Delete only the token associated with the current session.
+                elif request.cookies.get(f"access-token-{app.cookie_id}") in app.tokens:
+                    del app.tokens[request.cookies.get(f"access-token-{app.cookie_id}")]
+                return response
+
+        ###############
+        # Main Routes
+        ###############
+
+        @app.get("/svelte/{path:path}")
+        async def _(path: str):
+            svelte_path = DeveloperPath(str(Path(BUILD_PATH_LIB) / "svelte"))
+            return file_response(svelte_path, UserProvidedPath(path))
+
+        def attach_page(page):
+            @app.get(f"/{page}", response_class=HTMLResponse)
+            def page_route(
+                request: fastapi.Request,
+                user: str = Depends(get_current_user),
+                deep_link: str = "",
+            ):
+                return main(request, user, page, deep_link)
+
+            @app.get(f"/{page}/")
+            def page_redirect():
+                return RedirectResponse(
+                    url=f"/{page}", status_code=status.HTTP_301_MOVED_PERMANENTLY
+                )
+
+        for pageset in blocks.pages:
+            page = pageset[0]
+            if page != "":
+                attach_page(page)
+
+        def load_deep_link(
+            deep_link: str, config: dict[str, Any], page: str | None = None
+        ):
+            components = config["components"]
+            try:
+                user_path = Path("deep_links") / deep_link / "state.json"
+                path = Path(
+                    routes_safe_join(
+                        DeveloperPath(app.uploaded_file_dir),
+                        UserProvidedPath(str(user_path)),
+                    )
+                )
+                if path.exists():
+                    components = orjson.loads(path.read_bytes())
+                    deep_link_state = "valid"
+                else:
+                    deep_link_state = "invalid"
+            except (FileNotFoundError, OSError, orjson.JSONDecodeError):
+                deep_link_state = "invalid"
+                components = []
+            if page:
+                components = [
+                    component
+                    for component in components
+                    if component["id"] in config["page"][page]["components"]
+                ]
+            return components, deep_link_state
+
+        @app.head("/", response_class=HTMLResponse)
+        @app.get("/", response_class=HTMLResponse)
+        def main(
+            request: fastapi.Request,
+            user: str = Depends(get_current_user),
+            page: str = "",
+            deep_link: str = "",
+        ):
+            mimetypes.add_type("application/javascript", ".js")
+            blocks = app.get_blocks()
+            root = route_utils.get_root_url(
+                request=request,
+                route_path=f"/{page}",
+                root_path=app.root_path
+                or request.scope.get("root_path")
+                or blocks.custom_mount_path,
+            )
+            if (app.auth is None and app.auth_dependency is None) or user is not None:
+                config = utils.safe_deepcopy(blocks.config)
+                deep_link_state = "none"
+                components = [
+                    component
+                    for component in config["components"]
+                    if component["id"] in config["page"][page]["components"]
+                ]
+                if deep_link:
+                    components, deep_link_state = load_deep_link(
+                        deep_link,
+                        config,  # type: ignore
+                        page,
+                    )
+                config["username"] = user
+                config["deep_link_state"] = deep_link_state
+                config["components"] = components  # type: ignore
+                config["dependencies"] = [
+                    dependency
+                    for dependency in config.get("dependencies", [])
+                    if dependency["id"] in config["page"][page]["dependencies"]
+                ]
+                config["layout"] = config["page"][page]["layout"]
+                config["current_page"] = page
+                # Update root after loading the deep link state (if applicable)
+                # so that static files are served from the correct root
+                config = route_utils.update_root_in_config(config, root)
+            elif app.auth_dependency:
+                raise HTTPException(
+                    status_code=status.HTTP_401_UNAUTHORIZED,
+                    detail={
+                        "error": "Not authenticated",
+                        "auth_message": blocks.auth_message,
+                    },
+                )
+            else:
+                config = {
+                    "auth_required": True,
+                    "auth_message": blocks.auth_message,
+                    "space_id": blocks.space_id,
+                    "root": root,
+                    "page": {"": {"layout": {}}},
+                    "pages": [""],
+                    "components": [],
+                    "dependencies": [],
+                    "current_page": "",
+                }
+
+            try:
+                template = (
+                    "frontend/share.html" if blocks.share else "frontend/index.html"
+                )
+                gradio_api_info = api_info(request)
+                resp = templates.TemplateResponse(
+                    request=request,
+                    name=template,
+                    context={
+                        "config": config,
+                        "gradio_api_info": gradio_api_info,
+                    },
+                )
+                return resp
+            except TemplateNotFound as err:
+                if blocks.share:
+                    raise ValueError(
+                        "Did you install Gradio from source files? Share mode only "
+                        "works when Gradio is installed through the pip package."
+                    ) from err
+                else:
+                    raise ValueError(
+                        "Did you install Gradio from source files? You need to build "
+                        "the frontend by running /scripts/build_frontend.sh"
+                    ) from err
+
+        @app.get("/gradio_api/deep_link")
+        def deep_link(session_hash: str):
+            if session_hash in app.state_holder:
+                components = [
+                    utils.safe_deepcopy(c)
+                    for c in app.state_holder[session_hash].components
+                ]
+                components_json = orjson.dumps(
+                    components,
+                    option=orjson.OPT_SERIALIZE_NUMPY | orjson.OPT_PASSTHROUGH_DATETIME,
+                    default=str,
+                )
+                deep_link = route_utils.create_url_safe_hash(components_json)
+                directory = Path(app.uploaded_file_dir) / "deep_links" / deep_link
+                directory.mkdir(parents=True, exist_ok=True)
+                with open(directory / "state.json", "wb") as f:
+                    f.write(components_json)
+                return deep_link
+            else:
+                return ""
+
+        @router.get("/info/", dependencies=[Depends(login_check)])
+        @router.get("/info", dependencies=[Depends(login_check)])
+        def api_info(request: fastapi.Request):
+            all_endpoints = request.query_params.get("all_endpoints", False)
+            if all_endpoints:
+                if not app.all_app_info:
+                    app.all_app_info = app.get_blocks().get_api_info(all_endpoints=True)
+                return app.all_app_info
+            if not app.api_info:
+                api_info = utils.safe_deepcopy(app.get_blocks().get_api_info())
+                api_info = cast(dict[str, Any], api_info)
+                api_info = route_utils.update_example_values_to_use_public_url(api_info)
+                root = route_utils.get_root_url(
+                    request=request,
+                    route_path=f"{API_PREFIX}/info",
+                    root_path=app.root_path,
+                )
+                space_id = app.get_blocks().space_id
+                cli_snippets = generate_cli_snippet(api_info["named_endpoints"])
+                for k, v in cli_snippets.items():
+                    cli_snippets[k] = v.replace("{space_id}", space_id or str(root))
+                api_prefix = API_PREFIX + "/"
+                for ep_name, ep_info in api_info.get("named_endpoints", {}).items():
+                    ep_info["code_snippets"] = generate_code_snippets(
+                        ep_name,
+                        ep_info,
+                        str(root),
+                        space_id=space_id,
+                        api_prefix=api_prefix,
+                    )
+                    ep_info["code_snippets"]["cli"] = cli_snippets[ep_name]
+                app.api_info = api_info
+            return app.api_info
+
+        @router.get("/openapi.json", dependencies=[Depends(login_check)])
+        def openapi_schema(request: fastapi.Request):
+            """Generate an OpenAPI schema from the Gradio app's API info."""
+            info = api_info(request)
+            info_simple = _condense_info(info, url_only=True)
+            schema = {
+                "openapi": "3.0.2",
+                "info": {
+                    "title": getattr(app.get_blocks(), "title", "Gradio App"),
+                    "description": getattr(app.get_blocks(), "description", ""),
+                    "version": VERSION,
+                },
+                "paths": {
+                    "/gradio_api/upload": {
+                        "post": {
+                            "summary": "Upload File",
+                            "operationId": "upload_file_upload_post",
+                            "parameters": [
+                                {
+                                    "name": "upload_id",
+                                    "in": "query",
+                                    "required": False,
+                                    "schema": {
+                                        "type": "string",
+                                        "nullable": True,
+                                        "default": None,
+                                    },
+                                    "description": "Optional ID to track upload progress",
+                                }
+                            ],
+                            "requestBody": {
+                                "required": True,
+                                "content": {
+                                    "multipart/form-data": {
+                                        "schema": {
+                                            "type": "object",
+                                            "properties": {
+                                                "files": {
+                                                    "type": "array",
+                                                    "items": {
+                                                        "type": "string",
+                                                        "format": "binary",
+                                                    },
+                                                    "description": "One or more files to upload",
+                                                }
+                                            },
+                                            "required": ["files"],
+                                        }
+                                    }
+                                },
+                            },
+                            "responses": {
+                                "200": {
+                                    "description": "List of file paths where the uploaded files were saved",
+                                    "content": {
+                                        "application/json": {
+                                            "schema": {
+                                                "type": "array",
+                                                "items": {"type": "string"},
+                                            }
+                                        }
+                                    },
+                                },
+                                "400": {
+                                    "description": "Invalid content type or invalid file name",
+                                    "content": {
+                                        "text/plain": {"schema": {"type": "string"}}
+                                    },
+                                },
+                                "413": {
+                                    "description": "File exceeds maximum allowed size",
+                                    "content": {
+                                        "text/plain": {"schema": {"type": "string"}}
+                                    },
+                                },
+                            },
+                            "security": [{"login_check": []}],
+                        }
+                    }
+                },
+                "components": {"schemas": {}},
+            }
+
+            for endpoint_path, endpoint_info in info.get("named_endpoints", {}).items():  # type: ignore
+                if endpoint_info.get("api_visibility", "public") == "private":
+                    continue
+                endpoint_name = endpoint_path.strip("/").replace("/", "_")
+                has_file_params = any(
+                    p.get("type", {}).get("type") == "filepath"
+                    for p in info_simple[endpoint_path].get("parameters", [])
+                )
+                summary = (
+                    endpoint_info.get("description", "") or f"Endpoint {endpoint_path}"
+                )
+                if has_file_params:
+                    summary += '. File inputs must first be uploaded via POST /gradio_api/upload (multipart/form-data with a "files" field). Use the returned path in the request body as {"path": "<uploaded_path>", "meta": {"_type": "gradio.FileData"}}.'
+                path_item = {
+                    "post": {
+                        "summary": summary,
+                        "description": endpoint_info.get("description", ""),
+                        "operationId": endpoint_name,
+                        "requestBody": {
+                            "required": True,
+                            "content": {
+                                "application/json": {
+                                    "schema": {"type": "object", "properties": {}}
+                                },
+                            },
+                        },
+                        "responses": {
+                            "200": {
+                                "description": "Successful response",
+                                "content": {
+                                    "application/json": {
+                                        "schema": {
+                                            "type": "object",
+                                            "properties": {
+                                                "event_id": {"type": "string"}
+                                            },
+                                        }
+                                    }
+                                },
+                            }
+                        },
+                    }
+                }
+
+                request_properties = path_item["post"]["requestBody"]["content"][  # type: ignore
+                    "application/json"
+                ]["schema"]["properties"]  # type: ignore
+                for param in info_simple[endpoint_path].get("parameters", []):
+                    param_name = param["name"]
+                    param_type = param.get("type", {})
+
+                    if "additional_description" in param_type:
+                        param_type = dict(param_type)
+                        param_type.pop("additional_description", None)
+
+                    if "properties" in param_type and "type" not in param_type:
+                        param_type = dict(param_type)
+                        param_type["type"] = "object"
+
+                    if param_type.get("type") == "filepath":
+                        param_type = dict(param_type)
+                        param_type["type"] = "string"
+                        param_type["format"] = "filepath"
+
+                    request_properties[param_name] = param_type  # type: ignore
+
+                    if "example_input" in param:
+                        if (
+                            "examples"
+                            not in path_item["post"]["requestBody"]["content"][  # type: ignore
+                                "application/json"
+                            ]
+                        ):
+                            path_item["post"]["requestBody"]["content"][  # type: ignore
+                                "application/json"
+                            ]["examples"] = {"example1": {"value": {}}}
+                        path_item["post"]["requestBody"]["content"]["application/json"][  # type: ignore
+                            "examples"
+                        ]["example1"]["value"][param_name] = param["example_input"]  # type: ignore
+
+                returns_info = []
+                for i, ret in enumerate(info_simple[endpoint_path].get("returns", [])):
+                    ret_name = f"output_{i}" if i > 0 else "output"
+                    ret_type = ret.get("type", {})
+                    desc = ""
+                    returns_info.append(
+                        f"{ret_name} ({ret_type})" + "" if not desc else f"desc: {desc}"
+                    )  # type: ignore
+                path_item["post"]["description"] += (  # type: ignore
+                    f"Output must be fetched from GET /gradio_api/call{endpoint_path}/{{event_id}}. Returns an array of {len(returns_info)} elements of the following format: {returns_info}"
+                )
+
+                schema["paths"][f"/gradio_api/call/v2{endpoint_path}"] = path_item  # type: ignore
+
+                get_path = f"/gradio_api/call{endpoint_path}/{{event_id}}"
+                schema["paths"][get_path] = {  # type: ignore
+                    "get": {
+                        "summary": f"Fetch results for {endpoint_path}",
+                        "description": "Returns a stream of server-sent events (SSE). The final event has `event: complete` with `data` containing a JSON array of outputs.",
+                        "operationId": f"{endpoint_name}_get",
+                        "parameters": [
+                            {
+                                "name": "event_id",
+                                "in": "path",
+                                "required": True,
+                                "schema": {"type": "string"},
+                                "description": "The event_id returned by the POST request",
+                            }
+                        ],
+                        "responses": {
+                            "200": {
+                                "description": "SSE stream with event: complete containing a JSON array of outputs",
+                                "content": {
+                                    "text/event-stream": {"schema": {"type": "string"}}
+                                },
+                            }
+                        },
+                    }
+                }
+
+            return schema
+
+        @app.get("/config/", dependencies=[Depends(login_check)])
+        @app.get("/config", dependencies=[Depends(login_check)])
+        def get_config(request: fastapi.Request, deep_link: str = ""):
+            config = utils.safe_deepcopy(app.get_blocks().config)
+            root = route_utils.get_root_url(
+                request=request,
+                route_path="/config",
+                root_path=app.root_path
+                or request.scope.get("root_path")
+                or blocks.custom_mount_path,
+            )
+            config["username"] = get_current_user(request)
+            if deep_link:
+                components, deep_link_state = load_deep_link(deep_link, config, page="")  # type: ignore
+                config["components"] = components  # type: ignore
+                config["deep_link_state"] = deep_link_state
+            if hasattr(blocks, "i18n_instance") and blocks.i18n_instance:
+                config["i18n_translations"] = blocks.i18n_instance.translations_dict
+            else:
+                config["i18n_translations"] = None
+            config = route_utils.update_root_in_config(config, root)
+            return ORJSONResponse(content=config)
+
+        @app.get("/static/{path:path}")
+        async def static_resource(path: str):
+            return file_response(STATIC_PATH_LIB, UserProvidedPath(path))
+
+        @router.get("/custom_component/{id}/{environment}/{type}/{file_name}")
+        def custom_component_path(
+            id: str,
+            environment: Literal["client", "server"],
+            type: str,
+            file_name: str,
+            req: fastapi.Request,
+        ):
+            print(
+                f"id={id}, environment={environment}, type={type}, file_name={file_name}"
+            )
+            if environment not in ["client", "server"]:
+                raise HTTPException(
+                    status_code=404, detail="Environment not supported."
+                )
+            components = utils.get_all_components()
+            location = next(
+                (item for item in components if item.get_component_class_id() == id),
+                None,
+            )
+            if location is None:
+                raise HTTPException(status_code=404, detail="Component not found.")
+
+            module_name = location.__module__
+            module_path = sys.modules[module_name].__file__
+
+            if module_path is None:
+                raise HTTPException(status_code=404, detail="Component not found.")
+
+            try:
+                requested_path = utils.safe_join(
+                    location.TEMPLATE_DIR,
+                    UserProvidedPath(f"{type}/{file_name}"),
+                )
+            except InvalidPathError:
+                raise HTTPException(
+                    status_code=404, detail="Component not found."
+                ) from None
+
+            path = routes_safe_join(
+                DeveloperPath(str(Path(module_path).parent)),
+                UserProvidedPath(requested_path),
+            )
+
+            # Uncomment when we support custom component SSR
+            # if environment == "server":
+            #     return PlainTextResponse(path)
+
+            key = f"{id}-{type}-{file_name}"
+
+            if key not in app.custom_component_hashes:
+                app.custom_component_hashes[key] = hashlib.sha256(
+                    Path(path).read_text(encoding="utf-8").encode()
+                ).hexdigest()
+
+            version = app.custom_component_hashes.get(key)
+            headers = {"Cache-Control": "max-age=0, must-revalidate"}
+            if version:
+                headers["ETag"] = version
+
+            if version and req.headers.get("if-none-match") == version:
+                return PlainTextResponse(status_code=304, headers=headers)
+
+            return FileResponse(path, headers=headers)
+
+        @app.get("/assets/{path:path}")
+        async def build_resource(path: str):
+            return file_response(BUILD_PATH_LIB, UserProvidedPath(path))
+
+        @app.get("/favicon.ico")
+        async def _():
+            favicon_path = app.get_blocks().favicon_path
+            return favicon(favicon_path)
+
+        @router.head("/proxy={url_path:path}", dependencies=[Depends(login_check)])
+        @router.get("/proxy={url_path:path}", dependencies=[Depends(login_check)])
+        async def reverse_proxy(url_path: str):
+            # Adapted from: https://github.com/tiangolo/fastapi/issues/1788
+            try:
+                proxy_client = httpx.AsyncClient(
+                    transport=_proxy_transport,
+                    timeout=httpx.Timeout(10.0),
+                )
+                url, headers = app.build_proxy_request(url_path)
+                rp_req = proxy_client.build_request("GET", url, headers=headers)
+            except PermissionError as err:
+                raise HTTPException(status_code=400, detail=str(err)) from err
+
+            rp_resp = await proxy_client.send(rp_req, stream=True)
+
+            mime_type, _ = mimetypes.guess_type(url_path)
+            if mime_type not in XSS_SAFE_MIMETYPES:
+                rp_resp.headers.update({"Content-Disposition": "attachment"})
+                rp_resp.headers.update({"Content-Type": "application/octet-stream"})
+            return StreamingResponse(
+                rp_resp.aiter_raw(),
+                status_code=rp_resp.status_code,
+                headers=rp_resp.headers,  # type: ignore
+                background=BackgroundTask(rp_resp.aclose),
+            )
+
+        @router.head("/file={path_or_url:path}", dependencies=[Depends(login_check)])
+        @router.get("/file={path_or_url:path}", dependencies=[Depends(login_check)])
+        async def file(path_or_url: str, request: fastapi.Request):
+            if client_utils.is_http_url_like(path_or_url):
+                return await secure_url_stream_response(path_or_url, request)
+            blocks = app.get_blocks()
+            return file_fetch(path_or_url, request, blocks, app.uploaded_file_dir)
+
+        @router.post("/stream/{event_id}")
+        async def _(event_id: str, body: PredictBody, request: fastapi.Request):
+            event = app.get_blocks()._queue.event_ids_to_events[event_id]
+            body = PredictBodyInternal(**body.model_dump(), request=request)  # type: ignore
+            event.data = body
+            event.signal.set()
+            return {"msg": "success"}
+
+        @router.post("/stream/{event_id}/close")
+        async def _(event_id: str):
+            event = app.get_blocks()._queue.event_ids_to_events[event_id]
+            event.run_time = math.inf
+            event.closed = True
+            event.signal.set()
+            return {"msg": "success"}
+
+        @router.get("/stream/{session_hash}/{run}/{component_id}/playlist.m3u8")
+        async def _(session_hash: str, run: int, component_id: int):
+            stream: route_utils.MediaStream | None = (
+                app.get_blocks()
+                .pending_streams[session_hash]
+                .get(run, {})
+                .get(component_id, None)
+            )
+
+            if not stream:
+                return Response(status_code=404)
+
+            playlist = f"#EXTM3U\n#EXT-X-PLAYLIST-TYPE:EVENT\n#EXT-X-TARGETDURATION:{stream.max_duration}\n#EXT-X-VERSION:4\n#EXT-X-MEDIA-SEQUENCE:0\n"
+
+            for segment in stream.segments:
+                playlist += f"#EXTINF:{segment['duration']:.3f},\n"
+                playlist += f"{segment['id']}{segment['extension']}\n"  # type: ignore
+                # HLS expects the start time of the video segments to be continuous
+                # Instead of re-encoding the user video chunks, we add a discontinuity tag
+                if segment["extension"] == ".ts":
+                    playlist += "#EXT-X-DISCONTINUITY\n"
+
+            if stream.ended:
+                playlist += "#EXT-X-ENDLIST\n"
+
+            return Response(
+                content=playlist, media_type="application/vnd.apple.mpegurl"
+            )
+
+        @router.get("/stream/{session_hash}/{run}/{component_id}/{segment_id}.{ext}")
+        async def _(
+            session_hash: str, run: int, component_id: int, segment_id: str, ext: str
+        ):
+            if ext not in ["aac", "ts"]:
+                return Response(status_code=400, content="Unsupported file extension")
+            stream: route_utils.MediaStream | None = (
+                app.get_blocks()
+                .pending_streams[session_hash]
+                .get(run, {})
+                .get(component_id, None)
+            )
+
+            if not stream:
+                return Response(status_code=404, content="Stream not found")
+
+            segment = next((s for s in stream.segments if s["id"] == segment_id), None)  # type: ignore
+
+            if segment is None:
+                return Response(status_code=404, content="Segment not found")
+
+            if ext == "aac":
+                return Response(content=segment["data"], media_type="audio/aac")
+            else:
+                return Response(content=segment["data"], media_type="video/MP2T")
+
+        @router.get("/stream/{session_hash}/{run}/{component_id}/playlist-file")
+        async def _(session_hash: str, run: int, component_id: int):
+            stream: route_utils.MediaStream | None = (
+                app.get_blocks()
+                .pending_streams[session_hash]
+                .get(run, {})
+                .get(component_id, None)
+            )
+
+            if not stream:
+                return Response(status_code=404)
+
+            if not stream.combined_file:
+                stream_data = [s["data"] for s in stream.segments]
+                combined_file = (
+                    await app.get_blocks()
+                    .get_component(component_id)
+                    .combine_stream(  # type: ignore
+                        stream_data,
+                        only_file=True,
+                        desired_output_format=stream.desired_output_format,
+                    )
+                )
+                stream.combined_file = combined_file.path
+            return FileResponse(stream.combined_file)
+
+        @router.get("/file/{path:path}", dependencies=[Depends(login_check)])
+        async def file_deprecated(path: str, request: fastapi.Request):
+            return await file(path, request)
+
+        @router.post("/reset/")
+        @router.post("/reset")
+        async def reset_iterator(body: ResetBody):  # noqa: ARG001
+            # No-op, all the cancelling/reset logic handled by /cancel
+            return {"success": True}
+
+        @router.get("/heartbeat/{session_hash}")
+        def heartbeat(
+            session_hash: str,
+            request: fastapi.Request,
+            background_tasks: BackgroundTasks,
+            username: str = Depends(get_current_user),
+        ):
+            """Clients make a persistent connection to this endpoint to keep the session alive.
+            When the client disconnects, the session state is deleted.
+            """
+            heartbeat_rate = utils.get_heartbeat_rate()
+
+            async def iterator():
+                stop_stream_task = asyncio.create_task(app.stop_event.wait())
+                while True:
+                    try:
+                        yield "data: ALIVE\n\n"
+                        # We need to close the heartbeat connections as soon as the server stops
+                        # otherwise the server can take forever to close
+                        wait_task = asyncio.create_task(asyncio.sleep(heartbeat_rate))
+                        done, _ = await asyncio.wait(
+                            [wait_task, stop_stream_task],
+                            return_when=asyncio.FIRST_COMPLETED,
+                        )
+                        if stop_stream_task in done:
+                            raise asyncio.CancelledError()
+                    except asyncio.CancelledError:
+                        if not stop_stream_task.done():
+                            stop_stream_task.cancel()
+
+                        req = Request(request, username, session_hash=session_hash)
+                        root_path = route_utils.get_root_url(
+                            request=request,
+                            route_path=f"{API_PREFIX}/heartbeat/{session_hash}",
+                            root_path=app.root_path,
+                        )
+                        body = PredictBodyInternal(
+                            session_hash=session_hash, data=[], request=request
+                        )
+                        unload_fn_indices = [
+                            i
+                            for i, dep in app.get_blocks().fns.items()
+                            if any(t for t in dep.targets if t[1] == "unload")
+                        ]
+                        for fn_index in unload_fn_indices:
+                            # The task running this loop has been cancelled
+                            # so we add tasks in the background
+                            background_tasks.add_task(
+                                route_utils.call_process_api,
+                                app=app,
+                                body=body,
+                                gr_request=req,
+                                fn=app.get_blocks().fns[fn_index],
+                                root_path=root_path,
+                            )
+                        # This will mark the state to be deleted in an hour
+                        if session_hash in app.state_holder.session_data:
+                            app.state_holder.session_data[session_hash].is_closed = True
+                        caching.clear_session_caches(session_hash)
+                        for (
+                            event_id
+                        ) in app.get_blocks()._queue.pending_event_ids_session.get(
+                            session_hash, []
+                        ):
+                            event = app.get_blocks()._queue.event_ids_to_events[
+                                event_id
+                            ]
+                            event.run_time = math.inf
+                            event.signal.set()
+                        return
+
+            return StreamingResponse(iterator(), media_type="text/event-stream")
+
+        # had to use '/run' endpoint for Colab compatibility, '/api' supported for backwards compatibility
+        @router.post("/run/{api_name}", dependencies=[Depends(login_check)])
+        @router.post("/run/{api_name}/", dependencies=[Depends(login_check)])
+        @router.post("/api/{api_name}", dependencies=[Depends(login_check)])
+        @router.post("/api/{api_name}/", dependencies=[Depends(login_check)])
+        async def predict(
+            api_name: str,
+            body: PredictBody,
+            request: fastapi.Request,
+            username: str = Depends(get_current_user),
+        ):
+            body = PredictBodyInternal(**body.model_dump(), request=request)  # type: ignore
+            fn = route_utils.get_fn(
+                blocks=app.get_blocks(), api_name=api_name, body=body
+            )
+
+            if not app.get_blocks().api_open and fn.queue:
+                raise HTTPException(
+                    detail="This API endpoint does not accept direct HTTP POST requests. Please join the queue to use this API.",
+                    status_code=status.HTTP_404_NOT_FOUND,
+                )
+            gr_request = route_utils.compile_gr_request(
+                body,
+                fn=fn,
+                username=username,
+                request=request,
+            )
+            root_path = route_utils.get_root_url(
+                request=request,
+                route_path=request.url.path,
+                root_path=app.root_path,
+            )
+            try:
+                output = await route_utils.call_process_api(
+                    app=app,
+                    body=body,
+                    gr_request=gr_request,
+                    fn=fn,
+                    root_path=root_path,
+                )
+            except BaseException as error:
+                content = utils.error_payload(error, app.get_blocks().show_error)
+                if not isinstance(error, Error) or error.print_exception:
+                    traceback.print_exc()
+                return JSONResponse(
+                    content=content,
+                    status_code=500,
+                )
+            return ORJSONResponse(output)
+
+        def prepare_simple_api_data(body: PredictBody, fn: Any) -> None:
+            if len(body.data) == len(fn.inputs):
+                return
+            api_inputs = [block for block in fn.inputs if not block.skip_api]
+            if len(body.data) != len(api_inputs):
+                return
+            data = iter(body.data)
+            body.data = [None if block.skip_api else next(data) for block in fn.inputs]
+
+        @router.post("/call/v2/{api_name}", dependencies=[Depends(login_check)])
+        @router.post("/call/v2/{api_name}/", dependencies=[Depends(login_check)])
+        async def _(
+            api_name: str,
+            body: dict[str, Any],
+            request: fastapi.Request,
+            username: str = Depends(get_current_user),
+        ):
+            parameters_info = app.api_info["named_endpoints"]["/" + api_name][  # type: ignore
+                "parameters"
+            ]
+            processed_args = client_utils.construct_args(
+                parameters_info,
+                (),
+                body,
+            )
+            simple_body = SimplePredictBody(data=processed_args)
+            full_body = PredictBody(**simple_body.model_dump(), simple_format=True)  # type: ignore
+            fn = route_utils.get_fn(
+                blocks=app.get_blocks(), api_name=api_name, body=full_body
+            )
+            prepare_simple_api_data(full_body, fn)
+            full_body.fn_index = fn._id
+            return await queue_join_helper(full_body, request, username)
+
+        @router.post("/call/{api_name}", dependencies=[Depends(login_check)])
+        @router.post("/call/{api_name}/", dependencies=[Depends(login_check)])
+        async def simple_predict_post(
+            api_name: str,
+            body: SimplePredictBody,
+            request: fastapi.Request,
+            username: str = Depends(get_current_user),
+        ):
+            full_body = PredictBody(**body.model_dump(), simple_format=True)  # type: ignore
+            fn = route_utils.get_fn(
+                blocks=app.get_blocks(), api_name=api_name, body=full_body
+            )
+            prepare_simple_api_data(full_body, fn)
+            full_body.fn_index = fn._id
+            return await queue_join_helper(full_body, request, username)
+
+        @router.post("/queue/join", dependencies=[Depends(login_check)])
+        async def queue_join(
+            body: PredictBody,
+            request: fastapi.Request,
+            username: str = Depends(get_current_user),
+        ):
+            if body.session_hash is None:
+                raise HTTPException(
+                    status_code=status.HTTP_400_BAD_REQUEST,
+                    detail="Session hash not found.",
+                )
+            return await queue_join_helper(body, request, username)
+
+        async def queue_join_helper(
+            body: PredictBody,
+            request: fastapi.Request,
+            username: str,
+        ):
+            blocks = app.get_blocks()
+
+            if blocks._queue.server_app is None:
+                blocks._queue.set_server_app(app)
+
+            if blocks._queue.stopped:
+                raise HTTPException(
+                    status_code=status.HTTP_503_SERVICE_UNAVAILABLE,
+                    detail="Queue is stopped.",
+                )
+            body = PredictBodyInternal(**body.model_dump(), request=request)  # type: ignore
+            success, event_id, state = await blocks._queue.push(
+                body=body, request=request, username=username
+            )
+            error_map = {
+                "queue_full": status.HTTP_503_SERVICE_UNAVAILABLE,
+                "validator_error": status.HTTP_422_UNPROCESSABLE_CONTENT,
+                "error": status.HTTP_400_BAD_REQUEST,
+                "success": status.HTTP_200_OK,
+            }
+
+            if not success:
+                status_code = error_map[state]
+                raise HTTPException(status_code=status_code, detail=event_id)
+            return {"event_id": event_id}
+
+        @router.post("/cancel")
+        async def cancel_event(body: CancelBody):
+            await cancel_tasks({f"{body.session_hash}_{body.fn_index}"})
+            blocks = app.get_blocks()
+            # Need to complete the job so that the client disconnects
+            session_open = (
+                body.session_hash in blocks._queue.pending_messages_per_session
+            )
+            event_running = (
+                body.event_id
+                in blocks._queue.pending_event_ids_session.get(body.session_hash, {})
+            )
+            await blocks._queue.remove_from_queue(body.event_id)
+            if session_open and event_running:
+                message = ProcessCompletedMessage(
+                    output={}, success=True, event_id=body.event_id
+                )
+                blocks._queue.pending_messages_per_session[
+                    body.session_hash
+                ].put_nowait(message)
+            if body.event_id in app.iterators:
+                async with app.lock:
+                    try:
+                        await safe_aclose_iterator(app.iterators[body.event_id])
+                    except Exception:
+                        pass
+                    del app.iterators[body.event_id]
+                    app.iterators_to_reset.add(body.event_id)
+            return {"success": True}
+
+        @router.get(
+            "/call/v2/{api_name}/{event_id}", dependencies=[Depends(login_check)]
+        )
+        @router.get("/call/{api_name}/{event_id}", dependencies=[Depends(login_check)])
+        async def simple_predict_get(
+            request: fastapi.Request,
+            event_id: str,
+        ):
+            def process_msg(message: EventMessage) -> str | None:
+                msg = message.model_dump()
+                if isinstance(message, ProcessCompletedMessage):
+                    event = "complete" if message.success else "error"
+                    data = (
+                        msg["output"].get("data") if message.success else msg["output"]
+                    )
+                elif isinstance(message, ProcessGeneratingMessage):
+                    event = "generating" if message.success else "error"
+                    data = (
+                        msg["output"].get("data") if message.success else msg["output"]
+                    )
+                elif isinstance(message, HeartbeatMessage):
+                    event = "heartbeat"
+                    data = None
+                elif isinstance(message, UnexpectedErrorMessage):
+                    event = "error"
+                    data = message.message
+                else:
+                    return None
+                return f"event: {event}\ndata: {json.dumps(data)}\n\n"
+
+            event = app.get_blocks()._queue.event_ids_to_events.get(event_id)
+            session_hash = event.session_hash if event else event_id
+            return await queue_data_helper(request, session_hash, process_msg)
+
+        @router.get("/queue/data", dependencies=[Depends(login_check)])
+        async def queue_data(
+            request: fastapi.Request,
+            session_hash: str,
+        ):
+            def process_msg(message: EventMessage) -> str:
+                return f"data: {orjson.dumps(message.model_dump(), default=str).decode('utf-8')}\n\n"
+
+            return await queue_data_helper(request, session_hash, process_msg)
+
+        async def queue_data_helper(
+            request: fastapi.Request,
+            session_hash: str,
+            process_msg: Callable[[EventMessage], str | None],
+        ):
+            blocks = app.get_blocks()
+            heartbeat_rate = utils.get_heartbeat_rate()
+
+            async def heartbeat():
+                while blocks.is_running:
+                    await asyncio.sleep(heartbeat_rate)
+                    # It's possible the event has finished by the time
+                    # the heartbeat wakes up
+                    queue = blocks._queue.pending_messages_per_session.get(session_hash)
+                    if queue:
+                        await queue.put(HeartbeatMessage())
+
+            async def sse_stream(request: fastapi.Request):
+                heartbeat_task = asyncio.create_task(heartbeat())
+                try:
+                    while True:
+                        if await request.is_disconnected():
+                            await blocks._queue.clean_events(session_hash=session_hash)
+                            heartbeat_task.cancel()
+                            return
+
+                        if (
+                            session_hash
+                            not in blocks._queue.pending_messages_per_session
+                        ):
+                            raise HTTPException(
+                                status_code=status.HTTP_404_NOT_FOUND,
+                            )
+
+                        message = None
+                        try:
+                            messages = blocks._queue.pending_messages_per_session[
+                                session_hash
+                            ]
+                            message = await asyncio.wait_for(messages.get(), timeout=10)
+                        except (TimeoutError, asyncio.TimeoutError):
+                            pass
+
+                        if blocks._queue.stopped:
+                            message = UnexpectedErrorMessage(
+                                message="Server stopped unexpectedly.",
+                                success=False,
+                            )
+                        if message:
+                            response = process_msg(message)
+                            if response is not None:
+                                yield response
+                            if (
+                                isinstance(message, ProcessCompletedMessage)
+                                and message.event_id
+                            ):
+                                # It's possible that the event_id has already been removed
+                                # for example, the user sent two duplicate `/cancel` requests.
+                                # The first one would have removed the event_id from pending_event_ids_session
+                                if (
+                                    message.event_id
+                                    in (
+                                        blocks._queue.pending_event_ids_session[
+                                            session_hash
+                                        ]
+                                    )
+                                ):
+                                    blocks._queue.pending_event_ids_session[
+                                        session_hash
+                                    ].remove(message.event_id)
+                                if message.msg == ServerMessage.server_stopped or (
+                                    message.msg == ServerMessage.process_completed
+                                    and (
+                                        len(
+                                            blocks._queue.pending_event_ids_session[
+                                                session_hash
+                                            ]
+                                        )
+                                        == 0
+                                    )
+                                ):
+                                    message = CloseStreamMessage()
+                                    response = process_msg(message)
+                                    if response is not None:
+                                        yield response
+                                    heartbeat_task.cancel()
+                                    return
+                except BaseException as e:
+                    message = UnexpectedErrorMessage(
+                        message=str(e),
+                        session_not_found=isinstance(e, HTTPException),
+                    )
+                    response = process_msg(message)
+                    if isinstance(e, asyncio.CancelledError):
+                        del blocks._queue.pending_messages_per_session[session_hash]
+                        await blocks._queue.clean_events(session_hash=session_hash)
+                    if response is not None:
+                        yield response
+                    heartbeat_task.cancel()
+                    raise e
+
+            return StreamingResponse(
+                sse_stream(request),
+                media_type="text/event-stream",
+            )
+
+        async def get_item_or_file(
+            request: fastapi.Request,
+        ) -> Union[ComponentServerJSONBody, ComponentServerBlobBody]:
+            content_type = request.headers.get("Content-Type")
+
+            if isinstance(content_type, str) and content_type.startswith(
+                "multipart/form-data"
+            ):
+                files = []
+                data = {}
+                max_file_size = (
+                    blocks.max_file_size
+                    if blocks.max_file_size is not None
+                    else math.inf
+                )
+                multipart_parser = GradioMultiPartParser(
+                    request.headers,
+                    request.stream(),
+                    max_files=1000,
+                    max_fields=1000,
+                    max_file_size=max_file_size,
+                )
+                try:
+                    form = await multipart_parser.parse()
+                except MultiPartException as exc:
+                    code = 413 if "File size exceeded" in exc.message else 400
+                    raise HTTPException(status_code=code, detail=exc.message) from None
+                try:
+                    for key, value in form.multi_items():
+                        if isinstance(value, StarletteUploadFile):
+                            contents = await value.read()
+                            files.append((value.filename, contents))
+                        else:
+                            data[key] = value
+                finally:
+                    for _, value in form.multi_items():
+                        if isinstance(value, StarletteUploadFile):
+                            await value.close()
+                            with contextlib.suppress(OSError, AttributeError):
+                                os.unlink(value.file.name)
+
+                return ComponentServerBlobBody(
+                    data=DataWithFiles(data=data, files=files),
+                    component_id=data["component_id"],
+                    session_hash=data["session_hash"],
+                    fn_name=data["fn_name"],
+                )
+            else:
+                try:
+                    data = await request.json()
+                    return ComponentServerJSONBody(
+                        data=data["data"],
+                        component_id=data["component_id"],
+                        session_hash=data["session_hash"],
+                        fn_name=data["fn_name"],
+                    )
+
+                except Exception:
+                    raise HTTPException(
+                        status_code=status.HTTP_400_BAD_REQUEST,
+                        detail="Invalid JSON body.",
+                    ) from None
+
+        @router.post(
+            "/component_server",
+            dependencies=[Depends(login_check)],
+        )
+        @router.post(
+            "/component_server/",
+            dependencies=[Depends(login_check)],
+        )
+        async def component_server(
+            request: fastapi.Request,
+        ):
+            body = await get_item_or_file(request)
+            state = app.state_holder[body.session_hash]
+            component_id = body.component_id
+            block: Block
+            if component_id in state:
+                block = state[component_id]
+            else:
+                block = app.get_blocks().blocks[component_id]
+            fn = getattr(block, body.fn_name, None)
+            if fn is None or not getattr(fn, "_is_server_fn", False):
+                raise HTTPException(
+                    status_code=status.HTTP_404_NOT_FOUND,
+                    detail="Function not found.",
+                )
+            processed_input, *_ = special_args(
+                fn,
+                [body.data],
+                request,  # type: ignore
+                None,
+            )
+            if inspect.iscoroutinefunction(fn):
+                return await fn(*processed_input)
+            else:
+                return fn(*processed_input)
+
+        @router.get(
+            "/queue/status",
+            dependencies=[Depends(login_check)],
+            response_model=EstimationMessage,
+        )
+        async def get_queue_status():
+            return app.get_blocks()._queue.get_status()
+
+        @router.get("/upload_progress")
+        async def get_upload_progress(upload_id: str, request: fastapi.Request):
+            async def sse_stream(request: fastapi.Request):
+                last_heartbeat = time.perf_counter()
+                is_done = False
+                while True:
+                    if await request.is_disconnected():
+                        file_upload_statuses.stop_tracking(upload_id)
+                        return
+                    if is_done:
+                        file_upload_statuses.stop_tracking(upload_id)
+                        return
+
+                    heartbeat_rate = 15
+                    check_rate = 0.05
+                    try:
+                        if file_upload_statuses.is_done(upload_id):
+                            message = {"msg": "done"}
+                            is_done = True
+                        else:
+                            update = file_upload_statuses.pop(upload_id)
+                            message = {
+                                "msg": "update",
+                                "orig_name": update.filename,
+                                "chunk_size": update.chunk_size,
+                            }
+                        yield f"data: {json.dumps(message)}\n\n"
+                    except FileUploadProgressNotTrackedError:
+                        return
+                    except FileUploadProgressNotQueuedError:
+                        await asyncio.sleep(check_rate)
+                        if time.perf_counter() - last_heartbeat > heartbeat_rate:
+                            message = {"msg": "heartbeat"}
+                            yield f"data: {json.dumps(message)}\n\n"
+                            last_heartbeat = time.perf_counter()
+
+            try:
+                await asyncio.wait_for(
+                    file_upload_statuses.is_tracked(upload_id), timeout=3
+                )
+            except (asyncio.TimeoutError, TimeoutError):
+                return PlainTextResponse("Upload not found", status_code=404)
+
+            return StreamingResponse(
+                sse_stream(request),
+                media_type="text/event-stream",
+            )
+
+        def set_upload_trace(session_hash: str, start: float):
+            import uuid
+
+            from gradio.profiling import PROFILING_ENABLED, RequestTrace, collector
+
+            if PROFILING_ENABLED:
+                trace = RequestTrace(
+                    event_id=str(uuid.uuid4()),
+                    fn_name="gradio_file_upload",
+                    session_hash=session_hash,
+                )
+                trace.upload_ms = (time.monotonic() - start) * 1000
+                collector.add(trace)
+
+        @router.post("/upload", dependencies=[Depends(login_check)])
+        async def upload_file(
+            request: fastapi.Request,
+            bg_tasks: BackgroundTasks,
+            upload_id: str | None = None,
+        ):
+            start = None
+            if PROFILING_ENABLED:
+                start = time.monotonic()
+            try:
+                output_files, files_to_copy, locations = await upload_fn(
+                    request,
+                    app.uploaded_file_dir,
+                    blocks.max_file_size
+                    if blocks.max_file_size is not None
+                    else math.inf,
+                    upload_id,
+                    force_move=False,
+                    upload_progress=file_upload_statuses if upload_id else None,
+                )
+            except MultiPartException as exc:
+                code = 413 if "maximum allowed size" in exc.message else 400
+                return PlainTextResponse(exc.message, status_code=code)
+
+            if files_to_copy:
+                bg_tasks.add_task(
+                    move_uploaded_files_to_cache, files_to_copy, locations
+                )
+            if PROFILING_ENABLED:
+                bg_tasks.add_task(
+                    set_upload_trace, request.headers.get("session_hash", ""), start
+                )
+            blocks.upload_file_set.update(output_files)
+
+            return output_files
+
+        @router.get("/startup-events")
+        async def startup_events():
+            if not app.startup_events_triggered:
+                app.get_blocks().run_startup_events()
+                await app.get_blocks().run_extra_startup_events()
+                app.startup_events_triggered = True
+                return True
+            return False
+
+        @router.get("/theme.css", response_class=PlainTextResponse)
+        @app.get("/theme.css", response_class=PlainTextResponse)
+        def theme_css():
+            return PlainTextResponse(app.get_blocks().theme_css, media_type="text/css")
+
+        @app.get("/robots.txt", response_class=PlainTextResponse)
+        def robots_txt():
+            if app.get_blocks().share:
+                return "User-agent: *\nDisallow: /"
+            else:
+                return "User-agent: *\nDisallow: "
+
+        @app.get("/pwa_icon")
+        @app.get("/pwa_icon/{size}")
+        async def pwa_icon(size: int | None = None):
+            blocks = app.get_blocks()
+            favicon_path = blocks.favicon_path
+            if favicon_path is None:
+                raise HTTPException(status_code=404)
+
+            if size is None:
+                return FileResponse(favicon_path)
+
+            import PIL.Image
+
+            img = PIL.Image.open(favicon_path)
+            img = img.resize((size, size))
+
+            img_byte_array = io.BytesIO()
+            img.save(img_byte_array, format="PNG")
+            img_byte_array.seek(0)
+
+            return StreamingResponse(
+                io.BytesIO(img_byte_array.read()), media_type="image/png"
+            )
+
+        @app.get("/manifest.json")
+        def manifest_json():
+            favicon_path = blocks.favicon_path
+            if isinstance(favicon_path, Path):
+                favicon_path = str(favicon_path)
+            if favicon_path is None:
+                icons = [
+                    {
+                        "src": "static/img/logo_nosize.svg",
+                        "sizes": "any",
+                        "type": "image/svg+xml",
+                        "purpose": "any",
+                    },
+                ]
+            elif favicon_path.endswith(".svg"):
+                icons = [
+                    {
+                        "src": app.url_path_for("pwa_icon"),
+                        "sizes": "any",
+                        "type": "image/svg+xml",
+                        "purpose": "any",
+                    },
+                ]
+            else:
+                icons = [
+                    {
+                        "src": app.url_path_for("pwa_icon", size=192),
+                        "sizes": "192x192",
+                        "type": "image/png",
+                        "purpose": "any",
+                    },
+                    {
+                        "src": app.url_path_for("pwa_icon", size=512),
+                        "sizes": "512x512",
+                        "type": "image/png",
+                        "purpose": "any",
+                    },
+                ]
+
+            return ORJSONResponse(
+                content={
+                    # NOTE: Required members: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable#required_manifest_members
+                    "name": app.get_blocks().title or "Gradio",
+                    "icons": icons,
+                    "start_url": "./",
+                    "display": "standalone",
+                },
+                media_type="application/manifest+json",
+            )
+
+        @app.get("/monitoring", dependencies=[Depends(login_check)])
+        async def analytics_login(request: fastapi.Request):
+            if not blocks.enable_monitoring:
+                raise HTTPException(
+                    status_code=403, detail="Monitoring is not enabled."
+                )
+            root_url = route_utils.get_root_url(
+                request=request,
+                route_path=f"{API_PREFIX}/monitoring",
+                root_path=app.root_path,
+            )
+            monitoring_url = f"{root_url}/monitoring/{app.analytics_key}"
+            print(f"* Monitoring URL: {monitoring_url} *")
+            return HTMLResponse("See console for monitoring URL.")
+
+        @app.get("/monitoring/summary")
+        async def _():
+            return app.get_blocks()._queue.cached_event_analytics_summary
+
+        @app.get("/monitoring/{key}")
+        async def analytics_dashboard(key: str):
+            if not blocks.enable_monitoring:
+                raise HTTPException(
+                    status_code=403, detail="Monitoring is not enabled."
+                )
+            if compare_passwords_securely(key, app.analytics_key):
+                analytics_url = f"/monitoring/{app.analytics_key}/dashboard"
+                if not app.monitoring_enabled:
+                    from gradio.monitoring_dashboard import data
+                    from gradio.monitoring_dashboard import demo as dashboard
+
+                    mount_gradio_app(
+                        app, dashboard, path=analytics_url, mcp_server=False
+                    )
+                    dashboard._queue.start()
+                    analytics = app.get_blocks()._queue.event_analytics
+                    data["data"] = analytics
+                    app.monitoring_enabled = True
+                return RedirectResponse(
+                    url=analytics_url, status_code=status.HTTP_302_FOUND
+                )
+            else:
+                raise HTTPException(status_code=403, detail="Invalid key.")
+
+        @router.post("/process_recording", dependencies=[Depends(login_check)])
+        async def process_recording(
+            request: fastapi.Request,
+        ):
+            try:
+                content_type_header = request.headers.get("Content-Type")
+                content_type: bytes
+                content_type, _ = parse_options_header(content_type_header or "")
+                if content_type != b"multipart/form-data":
+                    raise HTTPException(status_code=400, detail="Invalid content type.")
+
+                app = request.app
+                max_file_size = (
+                    app.get_blocks().max_file_size
+                    if hasattr(app, "get_blocks")
+                    else None
+                )
+                max_file_size = max_file_size if max_file_size is not None else math.inf
+
+                multipart_parser = GradioMultiPartParser(
+                    request.headers,
+                    request.stream(),
+                    max_files=1,
+                    max_fields=10,
+                    max_file_size=max_file_size,
+                )
+                form = await multipart_parser.parse()
+            except MultiPartException as exc:
+                code = 413 if "maximum allowed size" in exc.message else 400
+                return PlainTextResponse(exc.message, status_code=code)
+
+            video_files = form.getlist("video")
+            if not video_files or not isinstance(video_files[0], GradioUploadFile):
+                raise HTTPException(status_code=400, detail="No video file provided")
+
+            video_file = video_files[0]
+
+            params = {}
+            if (
+                form.get("remove_segment_start") is not None
+                and form.get("remove_segment_end") is not None
+            ):
+                params["remove_segment_start"] = form.get("remove_segment_start")
+                params["remove_segment_end"] = form.get("remove_segment_end")
+
+            zoom_effects_json = form.get("zoom_effects")
+            if zoom_effects_json:
+                try:
+                    params["zoom_effects"] = json.loads(str(zoom_effects_json))
+                except json.JSONDecodeError:
+                    params["zoom_effects"] = []
+
+            with tempfile.NamedTemporaryFile(
+                delete=False, suffix=".mp4", dir=DEFAULT_TEMP_DIR
+            ) as input_file:
+                video_file.file.seek(0)
+                shutil.copyfileobj(video_file.file, input_file)
+                input_path = input_file.name
+
+            if shutil.which("ffmpeg") is None:
+                return FileResponse(
+                    input_path,
+                    media_type="video/mp4",
+                    filename="gradio-screen-recording.mp4",
+                    background=BackgroundTask(lambda: cleanup_files([input_path])),
+                )
+
+            output_path = tempfile.mkstemp(
+                suffix="_processed.mp4", dir=DEFAULT_TEMP_DIR
+            )[1]
+
+            try:
+                processed_path, temp_files = await process_video_with_ffmpeg(
+                    input_path, output_path, params
+                )
+
+                return FileResponse(
+                    processed_path,
+                    media_type="video/mp4",
+                    filename="gradio-screen-recording.mp4",
+                    background=BackgroundTask(lambda: cleanup_files(temp_files)),
+                )
+            except Exception:
+                return FileResponse(
+                    input_path,
+                    media_type="video/mp4",
+                    filename="gradio-screen-recording.mp4",
+                    background=BackgroundTask(lambda: cleanup_files([input_path])),
+                )
+
+        vibe_edit_history_dir = Path(DEFAULT_TEMP_DIR) / "vibe_edit_history"
+        vibe_edit_history_dir.mkdir(exist_ok=True, parents=True)
+        chat_history = {"history": ""}
+        hash_to_chat_history = {}
+
+        def limit_chat_history(history: str, max_pairs: int = 5) -> str:
+            """Limit chat history in the prompt to the last max_pairs user-assistant pairs."""
+            if not history.strip():
+                return ""
+
+            user_messages = history.split("\nUser: ")
+            if len(user_messages) <= max_pairs:
+                return history
+
+            recent_messages = user_messages[-max_pairs:]
+
+            if len(recent_messages) > 0:
+                if recent_messages[0].startswith("User: "):
+                    result = recent_messages[0]
+                else:
+                    result = "User: " + recent_messages[0]
+
+                for msg in recent_messages[1:]:
+                    result += "\nUser: " + msg
+
+                return result
+
+            return ""
+
+        control_token_re = re.compile(r"<\|[^>]*\|>")
+        final_start_re = re.compile(
+            r"<\|start\|>assistant<\|channel\|>final<\|message\|>", re.IGNORECASE
+        )
+        end_re = re.compile(r"<\|end\|>", re.IGNORECASE)
+        reasoning_block_re = re.compile(
+            r"<\s*reasoning\s*>\s*(?P<body>.*?)\s*<\s*/\s*reasoning\s*>",
+            re.IGNORECASE | re.DOTALL,
+        )
+        think_block_re = re.compile(
+            r"<\s*think\s*>.*?<\s*/\s*think\s*>", re.IGNORECASE | re.DOTALL
+        )
+
+        # Remove analysis and weird markers from gpt-oss
+        def clean_out_markers(raw: str) -> str:
+            if not raw:
+                return raw
+
+            m = final_start_re.search(raw)
+            if m:
+                text = raw[m.end() :]
+                m_end = end_re.search(text)
+                if m_end:
+                    text = text[: m_end.start()]
+                return text.strip()
+
+            text = control_token_re.sub("", raw)
+            return text.strip()
+
+        def strip_think_blocks(text: str) -> str:
+            """Remove any <think> ... </think> blocks entirely"""
+            return think_block_re.sub("", text)
+
+        def split_reasoning_code(text: str) -> tuple[str, str]:
+            """
+            Extract all <reasoning>...</reasoning> and code. If multiple, concatenate with blank lines, de-duping exact copies.
+            """
+            reasoning_chunks = []
+            seen = set()
+            for m in reasoning_block_re.finditer(text):
+                body = m.group("body").strip()
+                if body and body not in seen:
+                    reasoning_chunks.append(body)
+                    seen.add(body)
+
+            reasoning_text = "\n\n".join(reasoning_chunks).strip()
+            code_text = reasoning_block_re.sub("", text).strip()
+
+            return reasoning_text, code_text
+
+        if blocks.vibe_mode:
+            from huggingface_hub import InferenceClient
+
+            inference_client = InferenceClient()
+
+        @router.post("/vibe-edit/")
+        @router.post("/vibe-edit")
+        async def vibe_edit(body: VibeEditBody):
+            if not blocks.vibe_mode:
+                raise HTTPException(
+                    status_code=403,
+                    detail="Vibe editor is not enabled. Use --vibe flag to enable.",
+                )
+
+            from gradio.http_server import GRADIO_WATCH_DEMO_PATH
+
+            with open(GRADIO_WATCH_DEMO_PATH) as f:
+                original_code = f.read()
+
+            snapshot_hash = secrets.token_hex(16)
+            snapshot_file = vibe_edit_history_dir / f"{snapshot_hash}.py"
+
+            with open(snapshot_file, "w") as f:
+                f.write(original_code)
+
+            hash_to_chat_history[snapshot_hash] = chat_history["history"]
+
+            content = ""
+            limited_history = limit_chat_history(chat_history["history"])
+
+            prompt = f"""
+You are a code generator for Gradio apps. Given the following existing code and prompt, return the full new code.
+Existing code:
+```python
+{original_code}
+```
+
+Prompt:
+{body.prompt}
+
+History:
+{limited_history if limited_history else "No chat history."}
+"""
+
+            system_prompt = load_system_prompt()
+            content = (
+                inference_client.chat_completion(
+                    model="openai/gpt-oss-120b",
+                    messages=[
+                        {"role": "system", "content": system_prompt},
+                        {"role": "user", "content": prompt},
+                    ],
+                    max_tokens=10000,
+                )
+                .choices[0]
+                .message.content
+            )
+
+            if content is None:
+                raise HTTPException(status_code=500, detail="Error generating code")
+
+            content = clean_out_markers(content)
+            content = strip_think_blocks(content)
+
+            chat_history["history"] += f"\nUser: {body.prompt}\nAssistant: {content}\n"
+
+            reasoning, content = split_reasoning_code(content)
+
+            if "```python\n" in content:
+                start = content.index("```python\n") + len("```python\n")
+                end = content.find("\n```", start)
+                content = content[start:end] if end != -1 else content[start:]
+
+            # Calculate diff stats
+            original_lines = original_code.splitlines(keepends=True)
+            new_lines = content.splitlines(keepends=True)
+            diff = list(difflib.unified_diff(original_lines, new_lines, n=0))
+
+            lines_added = 0
+            lines_removed = 0
+            for line in diff:
+                if line.startswith("+") and not line.startswith("+++"):
+                    lines_added += 1
+                elif line.startswith("-") and not line.startswith("---"):
+                    lines_removed += 1
+
+            with open(GRADIO_WATCH_DEMO_PATH, "w") as f:
+                f.write(content)
+
+            return {
+                "hash": snapshot_hash,
+                "diff_stats": {
+                    "lines_added": lines_added,
+                    "lines_removed": lines_removed,
+                },
+                "reasoning": reasoning,
+            }
+
+        @router.post("/undo-vibe-edit/")
+        @router.post("/undo-vibe-edit")
+        async def undo_vibe_edit(hash: str = Body(..., embed=True)):
+            if not blocks.vibe_mode:
+                raise HTTPException(
+                    status_code=403,
+                    detail="Vibe editor is not enabled. Use --vibe flag to enable.",
+                )
+
+            from gradio.http_server import GRADIO_WATCH_DEMO_PATH
+
+            snapshot_file = vibe_edit_history_dir / f"{hash}.py"
+
+            if not snapshot_file.exists():
+                raise HTTPException(status_code=404, detail="Snapshot not found")
+
+            # Restore the file from the snapshot
+            with open(snapshot_file) as f:
+                saved_content = f.read()
+
+            with open(GRADIO_WATCH_DEMO_PATH, "w") as f:
+                f.write(saved_content)
+
+            chat_history["history"] = hash_to_chat_history.get(hash, "")
+
+            return {"success": True}
+
+        @router.get("/vibe-code/")
+        @router.get("/vibe-code")
+        async def get_vibe_code():
+            if not blocks.vibe_mode:
+                raise HTTPException(
+                    status_code=403,
+                    detail="Vibe editor is not enabled. Use --vibe flag to enable.",
+                )
+
+            from gradio.http_server import GRADIO_WATCH_DEMO_PATH
+
+            try:
+                with open(GRADIO_WATCH_DEMO_PATH) as f:
+                    code = f.read()
+                return {"code": code}
+            except FileNotFoundError:
+                raise HTTPException(
+                    status_code=404, detail="Demo file not found"
+                ) from None
+            except Exception as e:
+                raise HTTPException(
+                    status_code=500, detail=f"Error reading file: {str(e)}"
+                ) from e
+
+        @router.post("/vibe-code/")
+        @router.post("/vibe-code")
+        async def update_vibe_code(body: VibeCodeBody):
+            if not blocks.vibe_mode:
+                raise HTTPException(
+                    status_code=403,
+                    detail="Vibe editor is not enabled. Use --vibe flag to enable.",
+                )
+
+            from gradio.http_server import GRADIO_WATCH_DEMO_PATH
+
+            try:
+                with open(GRADIO_WATCH_DEMO_PATH, "w") as f:
+                    f.write(body.code)
+                return {"success": True}
+            except Exception as e:
+                raise HTTPException(
+                    status_code=500, detail=f"Error writing file: {str(e)}"
+                ) from e
+
+        @router.post("/vibe-starter-queries/")
+        @router.post("/vibe-starter-queries")
+        async def get_vibe_starter_queries():
+            if not blocks.vibe_mode:
+                raise HTTPException(
+                    status_code=403,
+                    detail="Vibe editor is not enabled. Use --vibe flag to enable.",
+                )
+
+            from gradio.http_server import GRADIO_WATCH_DEMO_PATH
+
+            with open(GRADIO_WATCH_DEMO_PATH) as f:
+                code = f.read()
+
+            prompt = f"""
+You are a prompt generator for a gradio vibe editor. Given the following existing code, return a list of starter queries that can be used to generate a new code.
+Existing code:
+```python
+{code}
+```
+"""
+
+            system_prompt = load_system_prompt(starter_queries=True)
+            content = (
+                inference_client.chat_completion(
+                    model="openai/gpt-oss-120b",
+                    messages=[
+                        {"role": "system", "content": system_prompt},
+                        {"role": "user", "content": prompt},
+                    ],
+                    max_tokens=10000,
+                )
+                .choices[0]
+                .message.content
+            )
+
+            if content is None:
+                raise HTTPException(status_code=500, detail="Error generating code")
+
+            content = strip_think_blocks(content)
+            content = clean_out_markers(content)
+
+            starter_queries = content.split("\n")
+
+            return {
+                "starter_queries": starter_queries,
+            }
+
+        def cleanup_files(files):
+            for file in files:
+                try:
+                    if file and os.path.exists(file):
+                        os.unlink(file)
+                except Exception as e:
+                    print(f"Error cleaning up file {file}: {str(e)}")
+
+        from gradio.profiling import PROFILING_ENABLED
+
+        if PROFILING_ENABLED:
+            from gradio.profiling import collector
+
+            @router.get("/profiling/traces")
+            async def profiling_traces(
+                last_n: int | None = None,
+            ):
+                return ORJSONResponse(collector.get_all(last_n=last_n))
+
+            @router.get("/profiling/summary")
+            async def profiling_summary():
+                return ORJSONResponse(collector.get_summary())
+
+            @router.post("/profiling/clear")
+            async def profiling_clear():
+                collector.clear()
+                return ORJSONResponse({"status": "cleared"})
+
+        app.include_router(router)
+        return app
+
+
+########
+# Helper functions
+########
+
+
+def load_system_prompt(starter_queries: bool = False):
+    prompt_rules = """Generate code for using the Gradio python library.
+
+The following RULES must be followed.  Whenever you are forming a response, ensure all rules have been followed otherwise start over.
+
+RULES:
+Respond with code written in valid Python syntax, along with one coherent explanation surrounded by <reasoning> tags.
+Any text that is not code, should be surrounded by one large <reasoning> tag.
+Never include backticks in your response such as ``` or ```python.
+Do not include any code that is not necessary for the app to run.
+Respond with a full Gradio app.
+Respond with a full Gradio app using correct syntax and features of the latest Gradio version. DO NOT write code that doesn't follow the signatures listed.
+Do not add comments explaining the code, unless they are very necessary to understand the code.
+Make sure the code includes all necessary imports.
+Clearly explain the changes, summary, or reasoning for the code you respond with, inside one large <reasoning> tag. Make sure it's easy to parse. Use markdown formatting when it makes sense, including bullet points if there are multiple changes.
+
+
+Here's an example of a valid response:
+
+<reasoning>
+I created a simple Gradio app that greets the user. It defines a function then creates a gradio interface and launches it.
+</reasoning>
+
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
+
+demo.launch()
+"""
+    if starter_queries:
+        prompt_rules = """
+        You are a prompt generator for a gradio vibe editor.
+
+        Given python code of a gradio app, return a list of starter queries that can be used to generate new code.
+        Make sure the queries are short, useful and actually possible with Gradio.
+        The queries should be really simple and easy to understand.
+        You should respond with at most three queries, each on a new line. Do not include any other text.
+        Make sure the features you suggest are actually supported by Gradio, and documented in the docs section below.
+        Never suggest a query with more than one gradio feature or concept.
+        You may suggest queries that are not related to Gradio, but they must be related to the existing code and app. Never suggest queries that require external packages or libraries other than gradio.
+        Don't suggest adding a clear button if the app is an Interface, because Interface already has a clear button.
+
+        Here's an example of a gradio app:
+
+        ```python
+        import gradio as gr
+
+        def greet(name):
+            return "Hello " + name + "!"
+
+        demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
+
+        demo.launch()
+        ```
+
+        Here's an example of a valid response:
+        Add a title to the app
+        Add examples
+        Rewrite this app using Blocks
+
+        Here's an example of another valid response:
+        Add another textbox for name
+        Change the theme
+        Greet the user in many languages
+
+        """
+    try:
+        with httpx.Client() as client:
+            response = client.get("https://www.gradio.app/llms.txt")
+            system_prompt = response.text
+    except Exception:
+        system_prompt = ""
+    system_prompt = prompt_rules + system_prompt + prompt_rules
+    return system_prompt
+
+
+def get_types(cls_set: list[type]):
+    docset = []
+    types = []
+    for cls in cls_set:
+        doc = inspect.getdoc(cls) or ""
+        doc_lines = doc.split("\n")
+        for line in doc_lines:
+            if "value (" in line:
+                types.append(line.split("value (")[1].split(")")[0])
+        docset.append(doc_lines[1].split(":")[-1])
+    return docset, types
+
+
+@document()
+def mount_gradio_app(
+    app: fastapi.FastAPI,
+    blocks: gradio.Blocks,
+    path: str,
+    server_name: str = "0.0.0.0",
+    server_port: int = 7860,
+    footer_links: (
+        list[Literal["api", "gradio", "settings"] | dict[str, str]] | None
+    ) = None,
+    app_kwargs: dict[str, Any] | None = None,
+    *,
+    auth: Callable | tuple[str, str] | list[tuple[str, str]] | None = None,
+    auth_message: str | None = None,
+    auth_dependency: Callable[[fastapi.Request], str | None] | None = None,
+    root_path: str | None = None,
+    allowed_paths: list[str] | None = None,
+    blocked_paths: list[str] | None = None,
+    favicon_path: str | None = None,
+    show_error: bool = True,
+    max_file_size: str | int | None = None,
+    ssr_mode: bool | None = None,
+    node_server_name: str | None = None,
+    node_port: int | None = None,
+    enable_monitoring: bool | None = None,
+    pwa: bool | None = None,
+    i18n: I18n | None = None,
+    mcp_server: bool | None = None,
+    theme: Theme | str | None = None,
+    css: str | None = None,
+    css_paths: str | Path | Sequence[str | Path] | None = None,
+    js: str | Literal[True] | None = None,
+    head: str | None = None,
+    head_paths: str | Path | Sequence[str | Path] | None = None,
+) -> fastapi.FastAPI:
+    """Mount a gradio.Blocks to an existing FastAPI application.
+
+    Parameters:
+        app: The parent FastAPI application.
+        blocks: The blocks object we want to mount to the parent app.
+        path: The path at which the gradio application will be mounted, e.g. "/gradio".
+        server_name: The server name on which the Gradio app will be run.
+        server_port: The port on which the Gradio app will be run.
+        app_kwargs: Additional keyword arguments to pass to the underlying FastAPI app as a dictionary of parameter keys and argument values. For example, `{"docs_url": "/docs"}`
+        auth: If provided, username and password (or list of username-password tuples) required to access the gradio app. Can also provide function that takes username and password and returns True if valid login.
+        auth_message: If provided, HTML message provided on login page for this gradio app.
+        auth_dependency: A function that takes a FastAPI request and returns a string user ID or None. If the function returns None for a specific request, that user is not authorized to access the gradio app (they will see a 401 Unauthorized response). To be used with external authentication systems like OAuth. Cannot be used with `auth`.
+        root_path: The subpath corresponding to the public deployment of this FastAPI application. For example, if the application is served at "https://example.com/myapp", the `root_path` should be set to "/myapp". A full URL beginning with http:// or https:// can be provided, which will be used in its entirety. Normally, this does not need to provided (even if you are using a custom `path`). However, if you are serving the FastAPI app behind a proxy, the proxy may not provide the full path to the Gradio app in the request headers. In which case, you can provide the root path here.
+        allowed_paths: List of complete filepaths or parent directories that this gradio app is allowed to serve. Must be absolute paths. Warning: if you provide directories, any files in these directories or their subdirectories are accessible to all users of your app.
+        blocked_paths: List of complete filepaths or parent directories that this gradio app is not allowed to serve (i.e. users of your app are not allowed to access). Must be absolute paths. Warning: takes precedence over `allowed_paths` and all other directories exposed by Gradio by default.
+        favicon_path: If a path to a file (.png, .gif, or .ico) is provided, it will be used as the favicon for this gradio app's page.
+        show_error: If True, any errors in the gradio app will be displayed in an alert modal and printed in the browser console log. Otherwise, errors will only be visible in the terminal session running the Gradio app.
+        max_file_size: The maximum file size in bytes that can be uploaded. Can be a string of the form "<value><unit>", where value is any positive integer and unit is one of "b", "kb", "mb", "gb", "tb". If None, no limit is set.
+        footer_links: The links to display in the footer of the app. Accepts a list, where each element of the list must be one of "api", "gradio", or "settings" corresponding to the API docs, "built with Gradio", and settings pages respectively. If None, all three links will be shown in the footer. An empty list means that no footer is shown.
+        ssr_mode: If True, the Gradio app will be rendered using server-side rendering mode, which is typically more performant and provides better SEO, but this requires Node 20+ to be installed on the system. If False, the app will be rendered using client-side rendering mode. If None, will use GRADIO_SSR_MODE environment variable or default to False.
+        node_server_name: The name of the Node server to use for SSR. If None, will use GRADIO_NODE_SERVER_NAME environment variable or search for a node binary in the system.
+        i18n: If provided, the i18n instance to use for this gradio app.
+        node_port: The port on which the Node server should run. If None, will use GRADIO_NODE_SERVER_PORT environment variable or find a free port.
+        mcp_server: If True, the MCP server will be launched on the gradio app. If None, will use GRADIO_MCP_SERVER environment variable or default to False.
+        theme: A Theme object or a string representing a theme. If a string, will look for a built-in theme with that name (e.g. "soft" or "default"), or will attempt to load a theme from the Hugging Face Hub (e.g. "gradio/monochrome"). If None, will use the Default theme.
+        css: Custom css as a code string. This css will be included in the demo webpage.
+        css_paths: Custom css as a pathlib.Path to a css file or a list of such paths. This css files will be read, concatenated, and included in the demo webpage. If the `css` parameter is also set, the css from `css` will be included first.
+        js: Custom js as a code string. The custom js should be in the form of a single js function. This function will automatically be executed when the page loads. For more flexibility, use the head parameter to insert js inside <script> tags.
+        head: Custom html code to insert into the head of the demo webpage. This can be used to add custom meta tags, multiple scripts, stylesheets, etc. to the page.
+        head_paths: Custom html code as a pathlib.Path to a html file or a list of such paths. This html files will be read, concatenated, and included in the head of the demo webpage. If the `head` parameter is also set, the html from `head` will be included first.
+    Example:
+        from fastapi import FastAPI
+        import gradio as gr
+        app = FastAPI()
+        @app.get("/")
+        def read_main():
+            return {"message": "This is your main app"}
+        io = gr.Interface(lambda x: "Hello, " + x + "!", "textbox", "textbox")
+        app = gr.mount_gradio_app(app, io, path="/gradio")
+        # Then run `uvicorn run:app` from the terminal and navigate to http://localhost:8000/gradio.
+    """
+    if favicon_path is not None and path != "/":
+        warnings.warn(
+            "The 'favicon_path' parameter is set but will be ignored because 'path' is not '/'. "
+            "Please add the favicon directly to your FastAPI app."
+        )
+
+    blocks.dev_mode = False
+    if footer_links is None:
+        footer_links = ["api", "gradio", "settings"]
+    blocks.footer_links = footer_links
+    blocks.max_file_size = utils._parse_file_size(max_file_size)
+    blocks.config = blocks.get_config_file()
+    blocks.validate_queue_settings()
+    blocks.custom_mount_path = path
+    blocks.server_port = server_port
+    blocks.server_name = server_name
+    blocks.enable_monitoring = enable_monitoring
+    if pwa is not None:
+        blocks.pwa = pwa
+    if i18n is not None:
+        blocks.i18n_instance = i18n
+    if auth is not None and auth_dependency is not None:
+        raise ValueError(
+            "You cannot provide both `auth` and `auth_dependency` in mount_gradio_app(). Please choose one."
+        )
+    if (
+        auth
+        and not callable(auth)
+        and not isinstance(auth[0], tuple)
+        and not isinstance(auth[0], list)
+    ):
+        blocks.auth = [auth]
+    else:
+        blocks.auth = auth
+    blocks.auth_message = auth_message
+    blocks.favicon_path = favicon_path
+    blocks.allowed_paths = allowed_paths or []
+    blocks.blocked_paths = blocked_paths or []
+    blocks.show_error = show_error
+
+    if not isinstance(blocks.allowed_paths, list):
+        raise ValueError("`allowed_paths` must be a list of directories.")
+    if not isinstance(blocks.blocked_paths, list):
+        raise ValueError("`blocked_paths` must be a list of directories.")
+
+    if root_path is not None:
+        blocks.root_path = root_path
+
+    blocks.ssr_mode = blocks._resolve_ssr_mode(ssr_mode)
+
+    if blocks.ssr_mode:
+        blocks.node_path = os.environ.get("GRADIO_NODE_PATH", get_node_path())
+
+        blocks.node_server_name = node_server_name
+        blocks.node_port = node_port
+        blocks.node_server_name, blocks.node_process, blocks.node_port = (
+            start_node_server(
+                server_name=blocks.node_server_name,
+                server_port=blocks.node_port,
+                node_path=blocks.node_path,
+            )
+        )
+    blocks.theme = utils.get_theme(theme)
+    blocks.css = css or ""
+    blocks.js = js or ""
+    blocks.head = head or ""
+    blocks.head_paths = head_paths or []
+    blocks.css_paths = css_paths or []
+    blocks._set_html_css_theme_variables()
+
+    blocks.transpile_to_js()
+    gradio_app = App.create_app(
+        blocks,
+        app_kwargs=app_kwargs,
+        auth_dependency=auth_dependency,
+        mcp_server=mcp_server,
+    )
+    old_lifespan = app.router.lifespan_context
+
+    @contextlib.asynccontextmanager
+    async def new_lifespan(app: FastAPI):
+        async with old_lifespan(
+            app
+        ) as state:  # Insert the startup events inside the FastAPI context manager
+            async with gradio_app.router.lifespan_context(gradio_app):
+                gradio_app.get_blocks().run_startup_events()
+                await gradio_app.get_blocks().run_extra_startup_events()
+                yield state
+
+    app.router.lifespan_context = new_lifespan  # type: ignore
+
+    app.mount(path, gradio_app)
+    return app
+
+
+INTERNAL_ROUTES = [
+    "theme.css",
+    "robots.txt",
+    "pwa_icon",
+    "manifest.json",
+    "login",
+    "logout",
+    "svelte",
+    "config",
+    "static",
+    "assets",
+    "favicon.ico",
+    "gradio_api",
+    "monitoring",
+]
diff --git a/gradio/screen_recording_utils.py b/gradio/screen_recording_utils.py
new file mode 100644
index 0000000..6f90fb5
--- /dev/null
+++ b/gradio/screen_recording_utils.py
@@ -0,0 +1,328 @@
+import asyncio
+import os
+import shutil
+import tempfile
+import traceback
+from pathlib import Path
+
+DEFAULT_TEMP_DIR = os.environ.get("GRADIO_TEMP_DIR") or str(
+    Path(tempfile.gettempdir()) / "gradio"
+)
+
+
+async def process_video_with_ffmpeg(input_path, output_path, params):
+    from gradio._vendor.ffmpy import FFmpeg
+
+    current_input = input_path
+    temp_files = [input_path]
+
+    try:
+        if params.get("remove_segment_start") and params.get("remove_segment_end"):
+            start = float(params["remove_segment_start"])
+            end = float(params["remove_segment_end"])
+
+            if start < end:
+                segment_output = tempfile.mkstemp(
+                    suffix="_trimmed.mp4", dir=DEFAULT_TEMP_DIR
+                )[1]
+                before_segment = tempfile.mkstemp(
+                    suffix="_before.mp4", dir=DEFAULT_TEMP_DIR
+                )[1]
+                after_segment = tempfile.mkstemp(
+                    suffix="_after.mp4", dir=DEFAULT_TEMP_DIR
+                )[1]
+
+                temp_files.extend([segment_output, before_segment, after_segment])
+
+                if start > 0:
+                    ff = FFmpeg(
+                        inputs={current_input: None},
+                        outputs={
+                            before_segment: f"-t {start} -c:v libx264 -preset fast -crf 22 -c:a aac -r 30 -y"
+                        },
+                    )
+                    process = await asyncio.create_subprocess_exec(
+                        *ff.cmd.split(),
+                        stdout=asyncio.subprocess.PIPE,  # type: ignore  # type: ignore
+                        stderr=asyncio.subprocess.PIPE,  # type: ignore  # type: ignore
+                    )
+                    stdout, stderr = await process.communicate()
+
+                ff = FFmpeg(
+                    inputs={current_input: None},
+                    outputs={
+                        after_segment: f"-ss {end} -c:v libx264 -preset fast -crf 22 -c:a aac -r 30 -y"
+                    },
+                )
+                process = await asyncio.create_subprocess_exec(
+                    *ff.cmd.split(),
+                    stdout=asyncio.subprocess.PIPE,  # type: ignore
+                    stderr=asyncio.subprocess.PIPE,  # type: ignore
+                )
+                stdout, stderr = await process.communicate()
+
+                concat_file = tempfile.mkstemp(
+                    suffix="_concat.txt", dir=DEFAULT_TEMP_DIR
+                )[1]
+                temp_files.append(concat_file)
+
+                with open(concat_file, "w") as f:
+                    if (
+                        start > 0
+                        and os.path.exists(before_segment)
+                        and os.path.getsize(before_segment) > 0
+                    ):
+                        f.write(f"file '{before_segment}'\n")
+                    if (
+                        os.path.exists(after_segment)
+                        and os.path.getsize(after_segment) > 0
+                    ):
+                        f.write(f"file '{after_segment}'\n")
+
+                if os.path.exists(concat_file) and os.path.getsize(concat_file) > 0:
+                    ff = FFmpeg(
+                        inputs={concat_file: "-f concat -safe 0"},
+                        outputs={segment_output: "-c copy -y"},
+                    )
+                    process = await asyncio.create_subprocess_exec(
+                        *ff.cmd.split(),
+                        stdout=asyncio.subprocess.PIPE,  # type: ignore  # type: ignore
+                        stderr=asyncio.subprocess.PIPE,  # type: ignore  # type: ignore
+                    )
+                    stdout, stderr = await process.communicate()
+
+                    current_input = segment_output
+
+                for file in [before_segment, after_segment, concat_file]:
+                    try:
+                        if os.path.exists(file):
+                            os.unlink(file)
+                    except OSError:
+                        pass
+
+        if "zoom_effects" in params and params["zoom_effects"]:
+            zoom_effects = params["zoom_effects"]
+            for i, effect in enumerate(zoom_effects):
+                if (
+                    effect.get("boundingBox")
+                    and effect["boundingBox"].get("topLeft")
+                    and effect["boundingBox"].get("bottomRight")
+                ):
+                    top_left = effect["boundingBox"]["topLeft"]
+                    bottom_right = effect["boundingBox"]["bottomRight"]
+                    start_frame = effect.get("start_frame")
+                    duration = effect.get("duration", 2.0)
+
+                    zoom_output = tempfile.mkstemp(
+                        suffix=f"_zoom_{i}.mp4", dir=DEFAULT_TEMP_DIR
+                    )[1]
+                    temp_files.append(zoom_output)
+
+                    zoom_output, zoom_temp_files = await zoom_in(
+                        current_input, top_left, bottom_right, duration, start_frame
+                    )
+
+                    temp_files.extend(zoom_temp_files)
+                    if zoom_output and zoom_output != current_input:
+                        if current_input not in [input_path]:
+                            temp_files.append(current_input)
+                        current_input = zoom_output
+
+        ff = FFmpeg(
+            inputs={current_input: None},
+            outputs={
+                output_path: "-c:v libx264 -preset fast -crf 22 -c:a aac -r 30 -vsync cfr -y"
+            },
+        )
+        process = await asyncio.create_subprocess_exec(
+            *ff.cmd.split(),
+            stdout=asyncio.subprocess.PIPE,  # type: ignore
+            stderr=asyncio.subprocess.PIPE,  # type: ignore
+        )
+        stdout, stderr = await process.communicate()
+
+        if process.returncode != 0:
+            shutil.copy(current_input, output_path)
+
+        current_input = output_path
+        final_trimmed_output = tempfile.mkstemp(
+            suffix="_final_trimmed.mp4", dir=DEFAULT_TEMP_DIR
+        )[1]
+        temp_files.append(final_trimmed_output)
+
+        ff = FFmpeg(
+            inputs={current_input: None},
+            outputs={
+                final_trimmed_output: "-ss 0.5 -c:v libx264 -preset fast -crf 22 -c:a aac -r 30 -y"
+            },
+        )
+        process = await asyncio.create_subprocess_exec(
+            *ff.cmd.split(),
+            stdout=asyncio.subprocess.PIPE,  # type: ignore
+            stderr=asyncio.subprocess.PIPE,  # type: ignore
+        )
+        stdout, stderr = await process.communicate()
+
+        if (
+            process.returncode == 0
+            and os.path.exists(final_trimmed_output)
+            and os.path.getsize(final_trimmed_output) > 0
+        ):
+            shutil.copy(final_trimmed_output, output_path)
+            temp_files.append(final_trimmed_output)
+
+        return output_path, temp_files
+
+    except Exception:
+        traceback.print_exc()
+        return input_path, temp_files
+
+
+async def zoom_in(
+    input_path,
+    top_left=None,
+    bottom_right=None,
+    zoom_duration=2.0,
+    zoom_start_frame=None,
+):
+    from gradio._vendor.ffmpy import FFmpeg
+
+    temp_files = []
+
+    try:
+        if not input_path or not os.path.exists(input_path):
+            return input_path, temp_files
+
+        if zoom_start_frame is None:
+            zoom_start_frame = 60
+        else:
+            try:
+                zoom_start_frame = float(zoom_start_frame)
+            except (ValueError, TypeError):
+                zoom_start_frame = 60
+
+        if top_left is None:
+            top_left = [0.25, 0.25]
+
+        if bottom_right is None:
+            bottom_right = [0.75, 0.75]
+
+        try:
+            x1, y1 = float(top_left[0]), float(top_left[1])
+            x2, y2 = float(bottom_right[0]), float(bottom_right[1])
+        except (TypeError, ValueError, IndexError):
+            x1, y1 = 0.25, 0.25
+            x2, y2 = 0.75, 0.75
+
+        x1 = max(0.0, min(0.9, x1))
+        y1 = max(0.0, min(0.9, y1))
+        x2 = max(0.1, min(1.0, x2))
+        y2 = max(0.1, min(1.0, y2))
+
+        if x2 <= x1:
+            x1, x2 = 0.25, 0.75
+        if y2 <= y1:
+            y1, y2 = 0.25, 0.75
+
+        box_width = x2 - x1
+        box_height = y2 - y1
+
+        box_center_x = (x1 + x2) / 2
+        box_center_y = (y1 + y2) / 2
+
+        def calculate_proportional_offset(center, size):
+            if center < 0.5:
+                distance_from_center = 0.5 - center
+                return center - (size * (distance_from_center / 0.5))
+            elif center > 0.5:
+                distance_from_center = center - 0.5
+                return center + (size * (distance_from_center / 0.5))
+            return center
+
+        zoom_center_x = calculate_proportional_offset(box_center_x, box_width)
+        zoom_center_y = calculate_proportional_offset(box_center_y, box_height)
+
+        target_zoom = 3.0
+        max_zoom_by_size = min(1.0 / box_width, 1.0 / box_height)
+
+        safety_margin = 0.9
+        max_zoom_by_size = max_zoom_by_size * safety_margin
+
+        dynamic_max_zoom = min(max_zoom_by_size, target_zoom)
+        dynamic_max_zoom = max(dynamic_max_zoom, 1.3)
+
+        duration_cmd = f'ffprobe -v error -show_entries format=duration -of default=noprint_wrappers=1:nokey=1 "{input_path}"'
+
+        process = await asyncio.create_subprocess_shell(
+            duration_cmd,
+            stdout=asyncio.subprocess.PIPE,  # type: ignore
+            stderr=asyncio.subprocess.PIPE,  # type: ignore
+        )
+        stdout, stderr = await process.communicate()
+
+        try:
+            output = stdout.decode().strip()
+            video_duration = float(output)
+        except (ValueError, TypeError):
+            video_duration = 10.0
+
+        fps = 30.0
+        zoom_duration = min(float(zoom_duration), video_duration)
+        zoom_output = tempfile.mkstemp(suffix="_zoomed.mp4", dir=DEFAULT_TEMP_DIR)[1]
+        temp_files.append(zoom_output)
+        zoom_in_frames = int(fps / 2)
+        zoom_out_frames = int(fps / 2)
+        hold_frames = int(zoom_duration * fps)
+
+        width, height = 1920, 1080
+
+        complex_filter = (
+            f"[0:v]zoompan="
+            f"z='if(between(on,{zoom_start_frame},{zoom_start_frame + zoom_in_frames + hold_frames + zoom_out_frames}),"
+            f"if(lt(on-{zoom_start_frame},{zoom_in_frames}),"
+            f"1+(({dynamic_max_zoom}-1)*(on-{zoom_start_frame})/{zoom_in_frames}),"
+            f"if(lt(on-{zoom_start_frame},{zoom_in_frames + hold_frames}),"
+            f"{dynamic_max_zoom},"
+            f"{dynamic_max_zoom}-(({dynamic_max_zoom}-1)*((on-{zoom_start_frame}-{zoom_in_frames}-{hold_frames}))/{zoom_out_frames})"
+            f")),1)':"
+            f"x='iw*{zoom_center_x}-iw/zoom*{zoom_center_x}':"
+            f"y='ih*{zoom_center_y}-ih/zoom*{zoom_center_y}':"
+            f"d=1:"
+            f"fps={fps}:"
+            f"s={width}x{height}[outv]"
+        )
+
+        ff = FFmpeg(
+            inputs={input_path: None},
+            outputs={
+                zoom_output: (
+                    f'-filter_complex "{complex_filter}" '
+                    f'-map "[outv]" '
+                    f"-map 0:a? "
+                    f"-c:v libx264 "
+                    f"-pix_fmt yuv420p "
+                    f"-movflags +faststart "
+                    f"-preset fast "
+                    f"-r 30 "
+                    f"-c:a aac "
+                    f"-y"
+                )
+            },
+        )
+
+        cmd_parts = ff.cmd.split()
+        process = await asyncio.create_subprocess_exec(
+            *cmd_parts,
+            stdout=asyncio.subprocess.PIPE,  # type: ignore
+            stderr=asyncio.subprocess.PIPE,  # type: ignore
+        )
+        stdout, stderr = await process.communicate()
+
+        if process.returncode != 0:
+            return input_path, temp_files
+
+        return zoom_output, temp_files
+
+    except Exception:
+        traceback.print_exc()
+        return input_path, temp_files
diff --git a/gradio/server.py b/gradio/server.py
new file mode 100644
index 0000000..c8c2e71
--- /dev/null
+++ b/gradio/server.py
@@ -0,0 +1,338 @@
+"""Gradio Server mode — a FastAPI-based server with Gradio's API engine."""
+
+from __future__ import annotations
+
+import os
+from collections.abc import Callable, Sequence
+from pathlib import Path
+from typing import Any, Literal
+
+import fastapi
+from gradio_client.documentation import document
+
+from gradio import mcp
+from gradio.i18n import I18n
+from gradio.routes import App
+from gradio.themes import ThemeClass as Theme
+
+
+class _MCPNamespace:
+    """Namespace for MCP decorators: server.mcp.tool(), server.mcp.resource(), server.mcp.prompt()."""
+
+    tool = staticmethod(mcp.tool)
+    resource = staticmethod(mcp.resource)
+    prompt = staticmethod(mcp.prompt)
+
+
+@document("api", "launch")
+class Server(App):
+    """
+    Server is the Gradio API engine exposed on a FastAPI application (Server mode).
+    It inherits from FastAPI, so all standard FastAPI methods (.get(), .post(),
+    .add_middleware(), .include_router(), etc.) work directly on this instance.
+
+    New methods added on top of FastAPI:
+        api(): Decorator to register a Gradio API endpoint with queue,
+            SSE streaming, and concurrency control.
+        mcp: Namespace with .tool(), .resource(), and .prompt() decorators
+            to tag functions with MCP metadata.
+        launch(): Creates an internal Blocks, registers deferred API
+            endpoints, and starts the server.
+
+    Example:
+        from gradio import Server
+
+        server = Server()
+
+        @server.api(name="hello")
+        def hello(name: str) -> str:
+            return f"Hello {name}"
+
+        @server.get("/")
+        def root():
+            return {"message": "Hello World"}
+
+        server.launch()
+    Demos: server_app
+    Guides: server-mode
+    """
+
+    def __init__(
+        self,
+        *,
+        debug: bool = False,
+        title: str = "FastAPI",
+        summary: str | None = None,
+        description: str = "",
+        version: str = "0.1.0",
+        openapi_url: str | None = "/openapi.json",
+        openapi_tags: list[dict[str, Any]] | None = None,
+        servers: list[dict[str, Any]] | None = None,
+        dependencies: Any = None,
+        default_response_class: Any = None,
+        redirect_slashes: bool = True,
+        docs_url: str | None = "/docs",
+        redoc_url: str | None = "/redoc",
+        middleware: Any = None,
+        exception_handlers: Any = None,
+        on_startup: Any = None,
+        on_shutdown: Any = None,
+        lifespan: Any = None,
+        terms_of_service: str | None = None,
+        contact: dict[str, Any] | None = None,
+        license_info: dict[str, Any] | None = None,
+        root_path: str = "",
+        root_path_in_servers: bool = True,
+        responses: dict[int | str, dict[str, Any]] | None = None,
+        callbacks: Any = None,
+        webhooks: Any = None,
+        deprecated: bool | None = None,
+        include_in_schema: bool = True,
+        generate_unique_id_function: Any = None,
+        separate_input_output_schemas: bool = True,
+        **extra: Any,
+    ):
+        """
+        Parameters:
+            debug: Enable debug mode for detailed error tracebacks.
+            title: The title of the API, shown in the OpenAPI docs.
+            summary: A short summary of the API.
+            description: A longer description of the API. Supports Markdown.
+            version: The version of the API.
+            openapi_url: The URL path for the OpenAPI schema. Set to None to disable.
+            openapi_tags: Tags for organizing endpoints in the OpenAPI docs.
+            servers: Server URLs for the OpenAPI schema.
+            dependencies: Global dependencies applied to all routes.
+            default_response_class: The default response class for routes.
+            redirect_slashes: Whether to redirect trailing slashes.
+            docs_url: The URL path for the Swagger UI docs. Set to None to disable.
+            redoc_url: The URL path for the ReDoc docs. Set to None to disable.
+            middleware: List of middleware to add to the server.
+            exception_handlers: Custom exception handlers.
+            on_startup: List of startup event handlers. Prefer lifespan instead.
+            on_shutdown: List of shutdown event handlers. Prefer lifespan instead.
+            lifespan: An async context manager for startup/shutdown lifecycle.
+            terms_of_service: URL to the terms of service.
+            contact: Contact information dict for the API.
+            license_info: License information dict for the API.
+            root_path: A path prefix for the app when behind a proxy.
+            root_path_in_servers: Whether to include root_path in the OpenAPI servers field.
+            responses: Additional responses for the OpenAPI schema.
+            callbacks: OpenAPI callback definitions.
+            webhooks: OpenAPI webhook definitions.
+            deprecated: Mark all routes as deprecated.
+            include_in_schema: Whether to include all routes in the OpenAPI schema.
+            generate_unique_id_function: Custom function to generate unique operation IDs.
+            separate_input_output_schemas: Whether to generate separate input/output schemas.
+        """
+        init_kwargs: dict[str, Any] = {
+            "debug": debug,
+            "title": title,
+            "summary": summary,
+            "description": description,
+            "version": version,
+            "openapi_url": openapi_url,
+            "openapi_tags": openapi_tags,
+            "servers": servers,
+            "redirect_slashes": redirect_slashes,
+            "docs_url": docs_url,
+            "redoc_url": redoc_url,
+            "terms_of_service": terms_of_service,
+            "contact": contact,
+            "license_info": license_info,
+            "root_path": root_path,
+            "root_path_in_servers": root_path_in_servers,
+            "responses": responses,
+            "deprecated": deprecated,
+            "include_in_schema": include_in_schema,
+            "separate_input_output_schemas": separate_input_output_schemas,
+            **extra,
+        }
+        if dependencies is not None:
+            init_kwargs["dependencies"] = dependencies
+        if default_response_class is not None:
+            init_kwargs["default_response_class"] = default_response_class
+        if middleware is not None:
+            init_kwargs["middleware"] = middleware
+        if exception_handlers is not None:
+            init_kwargs["exception_handlers"] = exception_handlers
+        if on_startup is not None:
+            init_kwargs["on_startup"] = on_startup
+        if on_shutdown is not None:
+            init_kwargs["on_shutdown"] = on_shutdown
+        if lifespan is not None:
+            init_kwargs["lifespan"] = lifespan
+        if callbacks is not None:
+            init_kwargs["callbacks"] = callbacks
+        if webhooks is not None:
+            init_kwargs["webhooks"] = webhooks
+        if generate_unique_id_function is not None:
+            init_kwargs["generate_unique_id_function"] = generate_unique_id_function
+        super().__init__(**init_kwargs)
+        self._deferred_apis: list[tuple[Callable, dict[str, Any]]] = []
+        self._mcp = _MCPNamespace()
+
+    @property
+    def mcp(self) -> _MCPNamespace:
+        """MCP decorator namespace: server.mcp.tool(), server.mcp.resource(), server.mcp.prompt()."""
+        return self._mcp
+
+    def api(
+        self,
+        fn: Callable | None = None,
+        *,
+        name: str | None = None,
+        description: str | None = None,
+        concurrency_limit: int | None | Literal["default"] = "default",
+        concurrency_id: str | None = None,
+        queue: bool = True,
+        batch: bool = False,
+        max_batch_size: int = 4,
+        api_visibility: Literal["public", "private", "undocumented"] = "public",
+        time_limit: int | None = None,
+        stream_every: float = 0.5,
+    ):
+        """Decorator to register a function as a Gradio API endpoint.
+
+        Goes through Gradio's queue with concurrency control and SSE streaming.
+        """
+        kwargs = {
+            "api_name": name,
+            "api_description": description,
+            "concurrency_limit": concurrency_limit,
+            "concurrency_id": concurrency_id,
+            "queue": queue,
+            "batch": batch,
+            "max_batch_size": max_batch_size,
+            "api_visibility": api_visibility,
+            "time_limit": time_limit,
+            "stream_every": stream_every,
+        }
+        if fn is not None:
+            self._deferred_apis.append((fn, kwargs))
+            return fn
+
+        def wrapper(func):
+            self._deferred_apis.append((func, kwargs))
+            return func
+
+        return wrapper
+
+    def launch(
+        self,
+        inline: bool | None = None,
+        inbrowser: bool = False,
+        share: bool | None = None,
+        debug: bool = False,
+        max_threads: int = 40,
+        auth: (
+            Callable[[str, str], bool] | tuple[str, str] | list[tuple[str, str]] | None
+        ) = None,
+        auth_message: str | None = None,
+        prevent_thread_lock: bool = False,
+        show_error: bool = False,
+        server_name: str | None = None,
+        server_port: int | None = None,
+        *,
+        height: int = 500,
+        width: int | str = "100%",
+        favicon_path: str | Path | None = None,
+        ssl_keyfile: str | None = None,
+        ssl_certfile: str | None = None,
+        ssl_keyfile_password: str | None = None,
+        ssl_verify: bool = True,
+        quiet: bool = False,
+        footer_links: list[Literal["api", "gradio", "settings"] | dict[str, str]]
+        | None = None,
+        allowed_paths: list[str] | None = None,
+        blocked_paths: list[str] | None = None,
+        root_path: str | None = None,
+        app_kwargs: dict[str, Any] | None = None,
+        state_session_capacity: int = 10000,
+        share_server_address: str | None = None,
+        share_server_protocol: Literal["http", "https"] | None = None,
+        share_server_tls_certificate: str | None = None,
+        auth_dependency: Callable[[fastapi.Request], str | None] | None = None,
+        max_file_size: str | int | None = None,
+        enable_monitoring: bool | None = None,
+        strict_cors: bool = True,
+        node_server_name: str | None = None,
+        node_port: int | None = None,
+        ssr_mode: bool | None = None,
+        pwa: bool | None = None,
+        mcp_server: bool | None = None,
+        _frontend: bool = True,
+        i18n: I18n | None = None,
+        theme: Theme | str | None = None,
+        css: str | None = None,
+        css_paths: str | Path | Sequence[str | Path] | None = None,
+        js: str | Literal[True] | None = None,
+        head: str | None = None,
+        head_paths: str | Path | Sequence[str | Path] | None = None,
+        num_workers: int | None = None,
+    ) -> tuple[App, str, str]:
+        """Launch the Gradio API server (Server mode).
+
+        Parameters match ``Blocks.launch()``; see that method for full descriptions.
+
+        Returns:
+            Tuple of (fastapi_app, local_url, share_url).
+        """
+        from gradio.blocks import Blocks
+        from gradio.events import api as gr_api
+
+        with Blocks(mode="server") as blocks:
+            for fn, api_kwargs in self._deferred_apis:
+                gr_api(fn=fn, **api_kwargs)
+
+        os.environ["GRADIO_SERVER_MODE_ENABLED"] = "1"
+
+        return blocks.launch(
+            _app=self,
+            inline=inline,
+            inbrowser=inbrowser,
+            share=share,
+            debug=debug,
+            max_threads=max_threads,
+            auth=auth,
+            auth_message=auth_message,
+            prevent_thread_lock=prevent_thread_lock,
+            show_error=show_error,
+            server_name=server_name,
+            server_port=server_port,
+            height=height,
+            width=width,
+            favicon_path=favicon_path,
+            ssl_keyfile=ssl_keyfile,
+            ssl_certfile=ssl_certfile,
+            ssl_keyfile_password=ssl_keyfile_password,
+            ssl_verify=ssl_verify,
+            quiet=quiet,
+            footer_links=footer_links,
+            allowed_paths=allowed_paths,
+            blocked_paths=blocked_paths,
+            root_path=root_path,
+            app_kwargs=app_kwargs,
+            state_session_capacity=state_session_capacity,
+            share_server_address=share_server_address,
+            share_server_protocol=share_server_protocol,
+            share_server_tls_certificate=share_server_tls_certificate,
+            auth_dependency=auth_dependency,
+            max_file_size=max_file_size,
+            enable_monitoring=enable_monitoring,
+            strict_cors=strict_cors,
+            node_server_name=node_server_name,
+            node_port=node_port,
+            ssr_mode=ssr_mode,
+            pwa=pwa,
+            mcp_server=mcp_server,
+            _frontend=_frontend,
+            i18n=i18n,
+            theme=theme,
+            css=css,
+            css_paths=css_paths,
+            js=js,
+            head=head,
+            head_paths=head_paths,
+            num_workers=num_workers,
+        )
diff --git a/gradio/server_messages.py b/gradio/server_messages.py
new file mode 100644
index 0000000..5c8a738
--- /dev/null
+++ b/gradio/server_messages.py
@@ -0,0 +1,90 @@
+from typing import Literal, Union
+
+from gradio_client.utils import ServerMessage
+from pydantic import BaseModel
+
+
+class BaseMessage(BaseModel):
+    msg: ServerMessage
+    event_id: str | None = None
+
+
+class ProgressUnit(BaseModel):
+    index: int | float | None = None
+    length: int | float | None = None
+    unit: str | None = None
+    progress: float | None = None
+    desc: str | None = None
+
+
+class ProgressMessage(BaseMessage):
+    msg: Literal[ServerMessage.progress] = ServerMessage.progress  # type: ignore
+    progress_data: list[ProgressUnit] = []
+
+
+class LogMessage(BaseMessage):
+    msg: Literal[ServerMessage.log] = ServerMessage.log  # type: ignore
+    log: str
+    level: Literal["info", "warning", "success", "error"]
+    duration: float | None = 10
+    visible: bool = True
+    title: str
+
+
+class EstimationMessage(BaseMessage):
+    msg: Literal[ServerMessage.estimation] = ServerMessage.estimation  # type: ignore
+    rank: int | None = None
+    queue_size: int
+    rank_eta: float | None = None
+
+
+class ProcessStartsMessage(BaseMessage):
+    msg: Literal[ServerMessage.process_starts] = ServerMessage.process_starts  # type: ignore
+    eta: float | None = None
+
+
+class ProcessCompletedMessage(BaseMessage):
+    msg: Literal[ServerMessage.process_completed] = ServerMessage.process_completed  # type: ignore
+    output: dict
+    success: bool
+    title: str | None = None
+    used_cache: Literal["full", "partial"] | None = None
+    cache_duration: float | None = None
+    avg_time: float | None = None
+
+
+class ProcessGeneratingMessage(BaseMessage):
+    msg: Literal[ServerMessage.process_generating, ServerMessage.process_streaming] = (  # type: ignore
+        ServerMessage.process_generating
+    )
+    output: dict
+    success: bool
+    time_limit: float | None = None
+
+
+class HeartbeatMessage(BaseMessage):
+    msg: Literal[ServerMessage.heartbeat] = ServerMessage.heartbeat  # type: ignore
+
+
+class CloseStreamMessage(BaseMessage):
+    msg: Literal[ServerMessage.close_stream] = ServerMessage.close_stream  # type: ignore
+
+
+class UnexpectedErrorMessage(BaseMessage):
+    msg: Literal[ServerMessage.unexpected_error] = ServerMessage.unexpected_error  # type: ignore
+    message: str
+    session_not_found: bool = False
+    success: Literal[False] = False
+
+
+EventMessage = Union[
+    ProgressMessage,
+    LogMessage,
+    EstimationMessage,
+    ProcessStartsMessage,
+    ProcessCompletedMessage,
+    ProcessGeneratingMessage,
+    HeartbeatMessage,
+    UnexpectedErrorMessage,
+    CloseStreamMessage,
+]
diff --git a/gradio/state_holder.py b/gradio/state_holder.py
new file mode 100644
index 0000000..ebc3652
--- /dev/null
+++ b/gradio/state_holder.py
@@ -0,0 +1,164 @@
+from __future__ import annotations
+
+import datetime
+import os
+import threading
+from collections import OrderedDict
+from collections.abc import Iterator
+from copy import copy, deepcopy
+from typing import TYPE_CHECKING, Any
+
+if TYPE_CHECKING:
+    from gradio.blocks import Blocks
+    from gradio.components import State
+
+
+class StateHolder:
+    def __init__(self):
+        self.capacity = 10000
+        self.session_data: OrderedDict[str, SessionState] = OrderedDict()
+        self.time_last_used: dict[str, datetime.datetime] = {}
+        self.lock = threading.Lock()
+
+    def set_blocks(self, blocks: Blocks):
+        self.blocks = blocks
+        blocks.state_holder = self
+        self.capacity = blocks.state_session_capacity
+
+    def __getitem__(self, session_id: str) -> SessionState:
+        if session_id not in self.session_data:
+            self.session_data[session_id] = SessionState(self.blocks)
+        self.update(session_id)
+        self.time_last_used[session_id] = datetime.datetime.now()
+        return self.session_data[session_id]
+
+    def __contains__(self, session_id: str):
+        return session_id in self.session_data
+
+    def update(self, session_id: str):
+        with self.lock:
+            if session_id in self.session_data:
+                self.session_data.move_to_end(session_id)
+            if len(self.session_data) > self.capacity:
+                self.session_data.popitem(last=False)
+
+    def delete_all_expired_state(
+        self,
+    ):
+        for session_id in self.session_data:
+            self.delete_state(session_id, expired_only=True)
+
+    def delete_state(self, session_id: str, expired_only: bool = False):
+        if session_id not in self.session_data:
+            return
+        to_delete = []
+        session_state = self.session_data[session_id]
+        for component, value, expired in session_state.state_components:
+            if not expired_only or expired:
+                component.delete_callback(value)
+                to_delete.append(component._id)
+        for component in to_delete:
+            del session_state.state_data[component]
+
+
+class SessionState:
+    def __init__(self, blocks: Blocks):
+        self.blocks_config = copy(blocks.default_config)
+        # Keep a separate deep copy of the config so we can recreate
+        # the state for deep links
+        self.config_values = {
+            k: self.blocks_config.config_for_block(k, [], v)
+            for k, v in self.blocks_config.blocks.items()
+            if k in blocks.blocks
+        }
+        self.state_data: dict[int, Any] = {}
+        self._state_ttl = {}
+        self.is_closed = False
+        # When a session is closed, the state is stored for an hour to give the user time to reopen the session.
+        # During testing we set to a lower value to be able to test
+        self.STATE_TTL_WHEN_CLOSED = (
+            1 if os.getenv("GRADIO_IS_E2E_TEST", None) else 3600
+        )
+
+    def __getitem__(self, key: int) -> Any:
+        block = self.blocks_config.blocks[key]
+        if block.stateful:
+            if key not in self.state_data:
+                value = getattr(block, "value", None)
+                if callable(value):
+                    value = value()
+                self.state_data[key] = deepcopy(value)
+            return self.state_data[key]
+        else:
+            return block
+
+    def __setitem__(self, key: int, value: Any):
+        from gradio.components import State
+
+        block = self.blocks_config.blocks.get(key)
+        if isinstance(block, State):
+            self._state_ttl[key] = (
+                block.time_to_live,
+                datetime.datetime.now(),
+            )
+            self.state_data[key] = value
+        else:
+            self.blocks_config.blocks[key] = value
+        if block:
+            self.config_values[key] = self.blocks_config.config_for_block(
+                key, [], block
+            )
+
+    def _update_config(self, key: int):
+        if self[key] is not None:
+            self.config_values[key] = self.blocks_config.config_for_block(
+                key, [], self[key]
+            )
+
+    def _update_value_in_config(self, key: int, value: Any):
+        if key not in self.config_values:
+            self.config_values[key] = self.blocks_config.config_for_block(
+                key, [], self.blocks_config.blocks[key]
+            )
+        if "props" in self.config_values[key]:
+            self.config_values[key]["props"]["value"] = value
+
+    def __contains__(self, key: int):
+        block = self.blocks_config.blocks.get(key)
+        if block is None:
+            return False
+        if block.stateful:
+            return key in self.state_data
+        else:
+            return key in self.blocks_config.blocks
+
+    @property
+    def components(self) -> Iterator[dict]:
+        for _, config in self.config_values.items():
+            if config:
+                yield config
+
+    @property
+    def state_components(self) -> Iterator[tuple[State, Any, bool]]:
+        from gradio.components import State
+
+        state_ids_to_delete = []
+        for _id in self.state_data:
+            if _id not in self.blocks_config.blocks:
+                # state may have been deleted in reload or re-render
+                state_ids_to_delete.append(_id)
+                continue
+            block = self.blocks_config.blocks[_id]
+            if isinstance(block, State) and _id in self._state_ttl:
+                time_to_live, created_at = self._state_ttl[_id]
+                if self.is_closed:
+                    time_to_live = self.STATE_TTL_WHEN_CLOSED
+                value = self.state_data[_id]
+                yield (
+                    block,
+                    value,
+                    (datetime.datetime.now() - created_at).total_seconds()
+                    > time_to_live,
+                )
+        for _id in state_ids_to_delete:
+            del self.state_data[_id]
diff --git a/gradio/static_server.py b/gradio/static_server.py
new file mode 100644
index 0000000..f5ba5b1
--- /dev/null
+++ b/gradio/static_server.py
@@ -0,0 +1,247 @@
+"""
+Lightweight static file server for multi-process Gradio.
+
+Handles file serving, uploads, and static assets in separate processes
+to free the main Gradio server for queue/SSE/state work.
+"""
+
+from __future__ import annotations
+
+import asyncio
+import json
+import math
+import multiprocessing
+import multiprocessing.process
+import time
+from dataclasses import dataclass, field
+from pathlib import Path
+
+import fastapi
+import uvicorn
+from gradio_client import utils as client_utils
+from starlette.formparsers import MultiPartException
+from starlette.responses import PlainTextResponse, StreamingResponse
+
+from gradio.route_utils import (
+    BUILD_PATH_LIB,
+    STATIC_PATH_LIB,
+    FileUploadProgress,
+    FileUploadProgressNotQueuedError,
+    FileUploadProgressNotTrackedError,
+    favicon,
+    file_fetch,
+    file_response,
+    secure_url_stream_response,
+    upload_fn,
+)
+from gradio.utils import (
+    DeveloperPath,
+    UserProvidedPath,
+)
+
+
+@dataclass
+class StaticServerConfig:
+    build_path: str = ""
+    static_path: str = ""
+    uploaded_file_dir: str = ""
+    allowed_paths: list[str] = field(default_factory=list)
+    blocked_paths: list[str] = field(default_factory=list)
+    max_file_size: int | float | None = None
+    favicon_path: str | None = None
+
+
+def create_static_app(config: StaticServerConfig) -> fastapi.FastAPI:
+    """Create a minimal FastAPI app that only serves static files and handles uploads."""
+    from starlette.middleware.cors import CORSMiddleware
+
+    app = fastapi.FastAPI()
+    app.add_middleware(
+        CORSMiddleware,  # type: ignore
+        allow_origins=["*"],
+        allow_methods=["*"],
+        allow_headers=["*"],
+    )
+    upload_dir = config.uploaded_file_dir
+    max_file_size = (
+        config.max_file_size if config.max_file_size is not None else math.inf
+    )
+
+    @app.get("/svelte/{path:path}")
+    async def svelte_resource(path: str):
+        svelte_path = DeveloperPath(str(Path(BUILD_PATH_LIB) / "svelte"))
+        return file_response(svelte_path, UserProvidedPath(path))
+
+    @app.get("/static/{path:path}")
+    async def static_resource(path: str):
+        return file_response(STATIC_PATH_LIB, UserProvidedPath(path))
+
+    @app.get("/assets/{path:path}")
+    async def build_resource(path: str):
+        return file_response(BUILD_PATH_LIB, UserProvidedPath(path))
+
+    @app.get("/favicon.ico")
+    async def _():
+        return favicon(config.favicon_path)
+
+    @app.head("/gradio_api/file={path_or_url:path}")
+    @app.get("/gradio_api/file={path_or_url:path}")
+    @app.head("/file={path_or_url:path}")
+    @app.get("/file={path_or_url:path}")
+    async def file(path_or_url: str, request: fastapi.Request):
+        if client_utils.is_http_url_like(path_or_url):
+            return await secure_url_stream_response(path_or_url, request)
+        return file_fetch(path_or_url, request, config, upload_dir)
+
+    file_upload_statuses = FileUploadProgress()
+
+    @app.post("/gradio_api/upload")
+    @app.post("/upload")
+    async def upload_file(
+        request: fastapi.Request,
+        upload_id: str | None = None,
+    ):
+        try:
+            output_files, _, _ = await upload_fn(
+                request,
+                upload_dir,
+                max_file_size,
+                upload_id=upload_id,
+                force_move=False,
+                upload_progress=file_upload_statuses if upload_id else None,
+            )
+        except MultiPartException as exc:
+            code = 413 if "maximum allowed size" in exc.message else 400
+            return PlainTextResponse(exc.message, status_code=code)
+        return output_files
+
+    @app.get("/gradio_api/upload_progress")
+    @app.get("/upload_progress")
+    async def get_upload_progress(upload_id: str, request: fastapi.Request):
+        async def sse_stream(request: fastapi.Request):
+            last_heartbeat = time.perf_counter()
+            is_done = False
+            while True:
+                if await request.is_disconnected():
+                    file_upload_statuses.stop_tracking(upload_id)
+                    return
+                if is_done:
+                    file_upload_statuses.stop_tracking(upload_id)
+                    return
+
+                heartbeat_rate = 15
+                check_rate = 0.05
+                try:
+                    if file_upload_statuses.is_done(upload_id):
+                        message = {"msg": "done"}
+                        is_done = True
+                    else:
+                        update = file_upload_statuses.pop(upload_id)
+                        message = {
+                            "msg": "update",
+                            "orig_name": update.filename,
+                            "chunk_size": update.chunk_size,
+                        }
+                    yield f"data: {json.dumps(message)}\n\n"
+                except FileUploadProgressNotTrackedError:
+                    return
+                except FileUploadProgressNotQueuedError:
+                    await asyncio.sleep(check_rate)
+                    if time.perf_counter() - last_heartbeat > heartbeat_rate:
+                        message = {"msg": "heartbeat"}
+                        yield f"data: {json.dumps(message)}\n\n"
+                        last_heartbeat = time.perf_counter()
+
+        try:
+            await asyncio.wait_for(
+                file_upload_statuses.is_tracked(upload_id), timeout=3
+            )
+        except (asyncio.TimeoutError, TimeoutError):
+            return PlainTextResponse("Upload not found", status_code=404)
+
+        return StreamingResponse(
+            sse_stream(request),
+            media_type="text/event-stream",
+        )
+
+    @app.get("/health")
+    def health():
+        return {"status": "ok"}
+
+    return app
+
+
+def _run_static_worker(port: int, config_dict: dict):
+    """Entry point for a static worker subprocess."""
+    config = StaticServerConfig(**config_dict)
+    app = create_static_app(config)
+    uvicorn.run(app, host="127.0.0.1", port=port, log_level="warning")
+
+
+class StaticWorkerPool:
+    """Manages N static file server processes."""
+
+    def __init__(self, num_workers: int, config: StaticServerConfig, ports: list[int]):
+        self.num_workers = num_workers
+        self.config = config
+        self.workers: list[multiprocessing.process.BaseProcess] = []
+        self.ports = list(ports)
+        self._counter = 0
+        self._started = False
+
+    def start(self):
+        """Spawn all static worker processes."""
+        if self._started:
+            return
+        self._started = True
+
+        config_dict = {
+            "build_path": self.config.build_path,
+            "static_path": self.config.static_path,
+            "uploaded_file_dir": self.config.uploaded_file_dir,
+            "allowed_paths": self.config.allowed_paths,
+            "blocked_paths": self.config.blocked_paths,
+            "max_file_size": self.config.max_file_size
+            if self.config.max_file_size is not None
+            and self.config.max_file_size != math.inf
+            else None,
+            "favicon_path": self.config.favicon_path,
+        }
+
+        for i, port in enumerate(self.ports):
+            process = multiprocessing.Process(
+                target=_run_static_worker,
+                args=(port, config_dict),
+                daemon=True,
+                name=f"gradio-static-{i}",
+            )
+            process.start()
+            self.workers.append(process)
+
+        # Wait for workers to be ready
+        import httpx
+
+        for port in self.ports:
+            for _ in range(50):
+                try:
+                    r = httpx.get(f"http://127.0.0.1:{port}/health", timeout=1)
+                    if r.status_code == 200:
+                        break
+                except Exception:
+                    time.sleep(0.1)
+
+    def get_next_url(self) -> str:
+        """Round-robin to the next static worker."""
+        port = self.ports[self._counter % len(self.ports)]
+        self._counter += 1
+        return f"http://127.0.0.1:{port}"
+
+    def shutdown(self):
+        """Stop all static worker processes."""
+        for process in self.workers:
+            process.kill()
+        for process in self.workers:
+            process.join(timeout=0.5)
+        self.workers.clear()
+        self.ports.clear()
+        self._started = False
diff --git a/gradio/stubs/anyio.pyi b/gradio/stubs/anyio.pyi
new file mode 100644
index 0000000..ebe680b
--- /dev/null
+++ b/gradio/stubs/anyio.pyi
@@ -0,0 +1,84 @@
+"""This module contains type hints for the anyio library. It was auto-generated so may include errors."""
+
+from collections.abc import Callable, Coroutine
+from types import TracebackType
+from typing import Any, Optional, TypeVar, Union, overload
+
+T = TypeVar("T")
+T_Retval = TypeVar("T_Retval")
+
+class CapacityLimiter:
+    def __init__(self, total_tokens: float): ...
+    async def acquire(self) -> None: ...
+    async def acquire_nowait(self) -> None: ...
+    def release(self) -> None: ...
+    @property
+    def total_tokens(self) -> float: ...
+    @property
+    def available_tokens(self) -> float: ...
+    def __enter__(self) -> CapacityLimiter: ...
+    def __exit__(
+        self,
+        exc_type: Optional[type],
+        exc_val: Optional[BaseException],
+        exc_tb: Optional[TracebackType],
+    ) -> None: ...
+
+class to_thread:
+    @staticmethod
+    def run_sync(
+        func: Callable[..., T],
+        *args: Any,
+        cancellable: bool = False,
+        limiter: Optional[CapacityLimiter] = None,
+        **kwargs: Any,
+    ) -> Coroutine[Any, Any, T]: ...
+
+@overload
+def run(
+    func: Callable[[], T_Retval],
+    *,
+    backend: Optional[str] = ...,
+    backend_options: Optional[dict] = ...,
+) -> T_Retval: ...
+@overload
+def run(
+    func: Callable[..., T_Retval],
+    *args: Any,
+    backend: Optional[str] = ...,
+    backend_options: Optional[dict] = ...,
+    **kwargs: Any,
+) -> T_Retval: ...
+def sleep(delay: Union[int, float]) -> Coroutine[Any, Any, None]: ...
+async def sleep_forever() -> None: ...
+def current_time() -> float: ...
+def get_cancelled_exc_class() -> type[BaseException]: ...
+def create_task_group() -> TaskGroup: ...
+
+class TaskGroup:
+    async def __aenter__(self) -> TaskGroup: ...
+    async def __aexit__(
+        self,
+        exc_type: Optional[type],
+        exc_val: Optional[BaseException],
+        exc_tb: Optional[TracebackType],
+    ) -> bool: ...
+    def start_soon(
+        self,
+        func: Callable[..., Coroutine[Any, Any, Any]],
+        *args: Any,
+        name: Optional[str] = None,
+        **kwargs: Any,
+    ) -> None: ...
+
+def create_memory_object_stream(
+    max_buffer_size: int = 0,
+) -> tuple[MemoryObjectSender, MemoryObjectReceiver]: ...
+
+class MemoryObjectSender:
+    async def send(self, item: Any) -> None: ...
+    def send_nowait(self, item: Any) -> None: ...
+
+class MemoryObjectReceiver:
+    async def receive(self) -> Any: ...
+    def receive_nowait(self) -> Any: ...
diff --git a/gradio/templates.py b/gradio/templates.py
new file mode 100644
index 0000000..70f6789
--- /dev/null
+++ b/gradio/templates.py
@@ -0,0 +1,847 @@
+from __future__ import annotations
+
+from collections.abc import Callable, Iterable, Sequence
+from pathlib import Path
+from typing import TYPE_CHECKING, Any, Literal
+
+import numpy as np
+import PIL.Image
+
+from gradio import components
+from gradio.components.audio import WaveformOptions
+from gradio.components.image_editor import Brush, Eraser, LayerOptions, WebcamOptions
+from gradio.components.textbox import InputHTMLAttributes
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class TextArea(components.Textbox):
+    """
+    Sets: lines=7
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Callable | None = None,
+        *,
+        lines: int = 7,
+        max_lines: int = 20,
+        placeholder: str | None = None,
+        label: str | I18nData | None = None,
+        info: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        autofocus: bool = False,
+        autoscroll: bool = True,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        type: Literal["text", "password", "email"] = "text",
+        text_align: Literal["left", "right"] | None = None,
+        rtl: bool = False,
+        buttons: list[Literal["fullscreen", "copy"]] | None = None,
+        max_length: int | None = None,
+        submit_btn: str | bool | None = False,
+        stop_btn: str | bool | None = False,
+        html_attributes: InputHTMLAttributes | None = None,
+    ):
+        super().__init__(
+            value=value,
+            lines=lines,
+            max_lines=max_lines,
+            placeholder=placeholder,
+            label=label,
+            info=info,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            autofocus=autofocus,
+            autoscroll=autoscroll,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            type=type,
+            text_align=text_align,
+            rtl=rtl,
+            buttons=buttons,  # type: ignore
+            max_length=max_length,
+            submit_btn=submit_btn,
+            stop_btn=stop_btn,
+            html_attributes=html_attributes,
+        )
+
+
+class Sketchpad(components.ImageEditor):
+    """
+    Sets: sources=(), brush=Brush(colors=["#000000"], color_mode="fixed")
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | PIL.Image.Image | np.ndarray | None = None,
+        *,
+        height: int | str | None = None,
+        width: int | str | None = None,
+        image_mode: Literal[
+            "1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"
+        ] = "RGBA",
+        sources: Iterable[Literal["upload", "webcam", "clipboard"]] = (),
+        type: Literal["numpy", "pil", "filepath"] = "numpy",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        show_label: bool | None = None,
+        buttons: list[Literal["download", "share", "fullscreen"]] | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        placeholder: str | None = None,
+        webcam_options: WebcamOptions | None = None,
+        _selectable: bool = False,
+        transforms: Iterable[Literal["crop"]] = ("crop",),
+        eraser: Eraser | None = None,
+        brush: Brush | None = None,
+        format: str = "webp",
+        canvas_size: tuple[int, int] = (800, 800),
+        fixed_canvas: bool = False,
+        layers: LayerOptions | bool = True,
+    ):
+        if not brush:
+            brush = Brush(colors=["#000000"], color_mode="fixed")
+        super().__init__(
+            value=value,
+            height=height,
+            width=width,
+            image_mode=image_mode,
+            sources=sources,
+            type=type,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            buttons=buttons,  # type: ignore
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            placeholder=placeholder,
+            webcam_options=webcam_options,
+            _selectable=_selectable,
+            transforms=transforms,
+            eraser=eraser,
+            brush=brush,
+            format=format,
+            layers=layers,
+            canvas_size=canvas_size,
+            fixed_canvas=fixed_canvas,
+        )
+
+
+class Paint(components.ImageEditor):
+    """
+    Sets: sources=()
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | PIL.Image.Image | np.ndarray | None = None,
+        *,
+        height: int | str | None = None,
+        width: int | str | None = None,
+        image_mode: Literal[
+            "1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"
+        ] = "RGBA",
+        sources: Iterable[Literal["upload", "webcam", "clipboard"]] = (),
+        type: Literal["numpy", "pil", "filepath"] = "numpy",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        show_label: bool | None = None,
+        buttons: list[Literal["download", "share", "fullscreen"]] | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        webcam_options: WebcamOptions | None = None,
+        _selectable: bool = False,
+        transforms: Iterable[Literal["crop"]] = ("crop",),
+        eraser: Eraser | None = None,
+        brush: Brush | None = None,
+        format: str = "webp",
+        layers: LayerOptions | bool = True,
+        canvas_size: tuple[int, int] = (800, 800),
+        fixed_canvas: bool = False,
+        placeholder: str | None = None,
+    ):
+        super().__init__(
+            value=value,
+            height=height,
+            width=width,
+            image_mode=image_mode,
+            sources=sources,
+            type=type,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            buttons=buttons,  # type: ignore
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            webcam_options=webcam_options,
+            _selectable=_selectable,
+            transforms=transforms,
+            eraser=eraser,
+            brush=brush,
+            format=format,
+            layers=layers,
+            canvas_size=canvas_size,
+            placeholder=placeholder,
+            fixed_canvas=fixed_canvas,
+        )
+
+
+class ImageMask(components.ImageEditor):
+    """
+    Sets: brush=Brush(colors=["#000000"], color_mode="fixed")
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | PIL.Image.Image | np.ndarray | None = None,
+        *,
+        height: int | str | None = None,
+        width: int | str | None = None,
+        image_mode: Literal[
+            "1", "L", "P", "RGB", "RGBA", "CMYK", "YCbCr", "LAB", "HSV", "I", "F"
+        ] = "RGBA",
+        sources: Iterable[Literal["upload", "webcam", "clipboard"]] = (
+            "upload",
+            "webcam",
+            "clipboard",
+        ),
+        type: Literal["numpy", "pil", "filepath"] = "numpy",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        show_label: bool | None = None,
+        buttons: list[Literal["download", "share", "fullscreen"]] | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        placeholder: str | None = None,
+        _selectable: bool = False,
+        transforms: Iterable[Literal["crop"]] = ("crop",),
+        eraser: Eraser | None = None,
+        brush: Brush | None = None,
+        format: str = "webp",
+        layers: LayerOptions | bool = False,
+        canvas_size: tuple[int, int] = (800, 800),
+        fixed_canvas: bool = False,
+        webcam_options: WebcamOptions | None = None,
+    ):
+        if not brush:
+            brush = Brush(colors=["#000000"], color_mode="fixed")
+        super().__init__(
+            value=value,
+            height=height,
+            width=width,
+            image_mode=image_mode,
+            sources=sources,
+            type=type,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            buttons=buttons,  # type: ignore
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            placeholder=placeholder,
+            webcam_options=webcam_options,
+            _selectable=_selectable,
+            transforms=transforms,
+            eraser=eraser,
+            brush=brush,
+            format=format,
+            layers=layers,
+            canvas_size=canvas_size,
+            fixed_canvas=fixed_canvas,
+        )
+
+
+class PlayableVideo(components.Video):
+    """
+    Sets: format="mp4"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: (
+            str | Path | tuple[str | Path, str | Path | None] | Callable | None
+        ) = None,
+        *,
+        format: Literal["mp4"] = "mp4",
+        sources: (
+            list[Literal["upload", "webcam"]] | Literal["upload", "webcam"] | None
+        ) = None,
+        height: int | str | None = None,
+        width: int | str | None = None,
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        webcam_options: WebcamOptions | None = None,
+        include_audio: bool | None = None,
+        autoplay: bool = False,
+        buttons: list[Literal["download", "share"]] | None = None,
+        loop: bool = False,
+        streaming: bool = False,
+        watermark: str | Path | None = None,
+        subtitles: str | Path | None = None,
+        playback_position: int = 0,
+    ):
+        sources = ["upload"]
+        super().__init__(
+            value=value,  # type: ignore
+            format=format,
+            sources=sources,  # type: ignore
+            height=height,
+            width=width,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            include_audio=include_audio,
+            autoplay=autoplay,
+            buttons=buttons,  # type: ignore
+            loop=loop,
+            streaming=streaming,
+            watermark=watermark,  # type: ignore
+            webcam_options=webcam_options,
+            subtitles=subtitles,
+            playback_position=playback_position,
+        )
+
+
+class Microphone(components.Audio):
+    """
+    Sets: sources=["microphone"]
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | Path | tuple[int, np.ndarray] | Callable | None = None,
+        *,
+        sources: (
+            list[Literal["upload", "microphone"]]
+            | Literal["upload", "microphone"]
+            | None
+        ) = None,
+        type: Literal["numpy", "filepath"] = "numpy",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        streaming: bool = False,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        format: Literal["wav", "mp3"] = "wav",
+        autoplay: bool = False,
+        buttons: list[Literal["download", "share"]] | None = None,
+        editable: bool = True,
+        waveform_options: WaveformOptions | dict | None = None,
+        loop: bool = False,
+        recording: bool = False,
+        subtitles: str | Path | None = None,
+        playback_position: int = 0,
+    ):
+        sources = ["microphone"]
+        super().__init__(
+            value,
+            sources=sources,
+            type=type,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            interactive=interactive,
+            visible=visible,
+            streaming=streaming,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            format=format,
+            autoplay=autoplay,
+            buttons=buttons,  # type: ignore
+            editable=editable,
+            waveform_options=waveform_options,
+            loop=loop,
+            recording=recording,
+            subtitles=subtitles,
+            playback_position=playback_position,
+        )
+
+
+class Files(components.File):
+    """
+    Sets: file_count="multiple"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: str | list[str] | Callable | None = None,
+        *,
+        file_count: Literal["multiple"] = "multiple",
+        file_types: list[str] | None = None,
+        type: Literal["filepath", "binary"] = "filepath",
+        label: str | I18nData | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        show_label: bool | None = None,
+        container: bool = True,
+        scale: int | None = None,
+        min_width: int = 160,
+        height: int | float | None = None,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        allow_reordering: bool = False,
+        buttons: list[components.Button] | None = None,
+    ):
+        super().__init__(
+            value,
+            file_count=file_count,
+            file_types=file_types,
+            type=type,
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            container=container,
+            scale=scale,
+            min_width=min_width,
+            height=height,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            buttons=buttons,  # type: ignore
+            allow_reordering=allow_reordering,
+        )
+
+
+class Numpy(components.Dataframe):
+    """
+    Sets: type="numpy"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: list[list[Any]] | Callable | None = None,
+        *,
+        headers: list[str] | None = None,
+        row_count: int | tuple[int, str] = (1, "dynamic"),
+        row_limits: tuple[int | None, int | None] | None = None,
+        col_count: int | tuple[int, str] | None = None,
+        column_count: int | tuple[int, str] | None = None,
+        column_limits: tuple[int | None, int | None] | None = None,
+        datatype: (
+            Literal["str", "number", "bool", "date", "markdown", "html"]
+            | Sequence[Literal["str", "number", "bool", "date", "markdown", "html"]]
+        ) = "str",
+        type: Literal["numpy"] = "numpy",
+        latex_delimiters: list[dict[str, str | bool]] | None = None,
+        label: str | I18nData | None = None,
+        show_label: bool | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        max_height: int = 500,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        wrap: bool = False,
+        line_breaks: bool = True,
+        column_widths: list[str | int] | None = None,
+        show_row_numbers: bool = False,
+        show_search: Literal["none", "search", "filter"] = "none",
+        static_columns: list[int] | None = None,
+        pinned_columns: int | None = None,
+        max_chars: int | None = None,
+        buttons: list[Literal["fullscreen", "copy"]] | None = None,
+    ):
+        super().__init__(
+            value=value,
+            headers=headers,
+            row_count=row_count,  # type: ignore
+            row_limits=row_limits,
+            col_count=col_count,  # type: ignore
+            column_count=column_count,  # type: ignore
+            column_limits=column_limits,
+            datatype=datatype,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            wrap=wrap,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            line_breaks=line_breaks,
+            column_widths=column_widths,
+            every=every,
+            inputs=inputs,
+            max_height=max_height,
+            scale=scale,
+            latex_delimiters=latex_delimiters,
+            min_width=min_width,
+            show_row_numbers=show_row_numbers,
+            show_search=show_search,
+            pinned_columns=pinned_columns,
+            buttons=buttons,  # type: ignore
+            static_columns=static_columns,
+            max_chars=max_chars,
+        )
+
+
+class Matrix(components.Dataframe):
+    """
+    Sets: type="array"
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: list[list[Any]] | Callable | None = None,
+        *,
+        headers: list[str] | None = None,
+        row_count: int | tuple[int, str] = (1, "dynamic"),
+        row_limits: tuple[int | None, int | None] | None = None,
+        col_count: int | tuple[int, str] | None = None,
+        column_count: int | tuple[int, str] | None = None,
+        column_limits: tuple[int | None, int | None] | None = None,
+        datatype: (
+            Literal["str", "number", "bool", "date", "markdown", "html"]
+            | Sequence[Literal["str", "number", "bool", "date", "markdown", "html"]]
+        ) = "str",
+        type: Literal["array"] = "array",
+        latex_delimiters: list[dict[str, str | bool]] | None = None,
+        label: str | I18nData | None = None,
+        show_label: bool | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        max_height: int = 500,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        wrap: bool = False,
+        line_breaks: bool = True,
+        column_widths: list[str | int] | None = None,
+        show_row_numbers: bool = False,
+        show_search: Literal["none", "search", "filter"] = "none",
+        pinned_columns: int | None = None,
+        max_chars: int | None = None,
+        buttons: list[Literal["fullscreen", "copy"]] | None = None,
+        static_columns: list[int] | None = None,
+    ):
+        super().__init__(
+            value=value,
+            headers=headers,
+            row_count=row_count,  # type: ignore
+            row_limits=row_limits,
+            col_count=col_count,  # type: ignore
+            column_count=column_count,  # type: ignore
+            column_limits=column_limits,
+            datatype=datatype,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            wrap=wrap,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            line_breaks=line_breaks,
+            column_widths=column_widths,
+            every=every,
+            inputs=inputs,
+            max_height=max_height,
+            scale=scale,
+            latex_delimiters=latex_delimiters,
+            min_width=min_width,
+            show_row_numbers=show_row_numbers,
+            show_search=show_search,
+            pinned_columns=pinned_columns,
+            buttons=buttons,  # type: ignore
+            static_columns=static_columns,
+            max_chars=max_chars,
+        )
+
+
+class List(components.Dataframe):
+    """
+    Sets: type="array", col_count=1
+    """
+
+    is_template = True
+
+    def __init__(
+        self,
+        value: list[list[Any]] | Callable | None = None,
+        *,
+        headers: list[str] | None = None,
+        row_count: int | tuple[int, str] = (1, "dynamic"),
+        row_limits: tuple[int | None, int | None] | None = None,
+        col_count: Literal[1] = 1,
+        column_count: Literal[1] | None = None,
+        column_limits: tuple[int | None, int | None] | None = None,
+        datatype: (
+            Literal["str", "number", "bool", "date", "markdown", "html"]
+            | Sequence[Literal["str", "number", "bool", "date", "markdown", "html"]]
+        ) = "str",
+        type: Literal["array"] = "array",
+        latex_delimiters: list[dict[str, str | bool]] | None = None,
+        label: str | I18nData | None = None,
+        show_label: bool | None = None,
+        every: Timer | float | None = None,
+        inputs: (
+            components.Component
+            | Sequence[components.Component]
+            | set[components.Component]
+            | None
+        ) = None,
+        max_height: int = 500,
+        scale: int | None = None,
+        min_width: int = 160,
+        interactive: bool | None = None,
+        visible: bool | Literal["hidden"] = True,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+        wrap: bool = False,
+        line_breaks: bool = True,
+        column_widths: list[str | int] | None = None,
+        show_row_numbers: bool = False,
+        show_search: Literal["none", "search", "filter"] = "none",
+        pinned_columns: int | None = None,
+        max_chars: int | None = None,
+        buttons: list[Literal["fullscreen", "copy"]] | None = None,
+        static_columns: list[int] | None = None,
+    ):
+        super().__init__(
+            value=value,
+            headers=headers,
+            row_count=row_count,  # type: ignore
+            row_limits=row_limits,
+            col_count=col_count,  # type: ignore
+            column_count=column_count,  # type: ignore
+            column_limits=column_limits,
+            datatype=datatype,
+            type=type,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            wrap=wrap,
+            elem_classes=elem_classes,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+            line_breaks=line_breaks,
+            column_widths=column_widths,
+            every=every,
+            inputs=inputs,
+            max_height=max_height,
+            scale=scale,
+            latex_delimiters=latex_delimiters,
+            min_width=min_width,
+            show_row_numbers=show_row_numbers,
+            show_search=show_search,
+            static_columns=static_columns,
+            pinned_columns=pinned_columns,
+            buttons=buttons,  # type: ignore
+            max_chars=max_chars,
+        )
+
+
+Mic = Microphone
diff --git a/gradio/test_data/__init__.py b/gradio/test_data/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/gradio/test_data/blocks_configs.py b/gradio/test_data/blocks_configs.py
new file mode 100644
index 0000000..4329f02
--- /dev/null
+++ b/gradio/test_data/blocks_configs.py
@@ -0,0 +1,912 @@
+XRAY_CONFIG = {
+    "version": "3.40.1",
+    "mode": "blocks",
+    "dev_mode": True,
+    "analytics_enabled": False,
+    "components": [
+        {
+            "id": 31,
+            "type": "markdown",
+            "props": {
+                "value": "<h1>Detect Disease From Scan</h1>\n<p>With this model you can lorem ipsum</p>\n<ul>\n<li>ipsum 1</li>\n<li>ipsum 2</li>\n</ul>\n",
+                "visible": True,
+                "rtl": False,
+                "name": "markdown",
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 32,
+            "type": "checkboxgroup",
+            "props": {
+                "choices": [
+                    ("Covid", "Covid"),
+                    ("Malaria", "Malaria"),
+                    ("Lung Cancer", "Lung Cancer"),
+                ],
+                "value": [],
+                "type": "value",
+                "label": "Disease to Scan For",
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "name": "checkboxgroup",
+                "_selectable": False,
+            },
+            "serializer": "ListStringSerializable",
+            "api_info": {
+                "info": {"type": "array", "items": {"type": "string"}},
+                "serialized_info": False,
+            },
+            "example_inputs": {"raw": ["Covid"], "serialized": ["Covid"]},
+        },
+        {
+            "id": 33,
+            "type": "tabs",
+            "props": {"visible": True, "name": "tabs", "_selectable": False},
+        },
+        {
+            "id": 34,
+            "type": "tabitem",
+            "props": {"label": "X-ray", "name": "tabitem", "_selectable": False},
+        },
+        {
+            "id": 35,
+            "type": "row",
+            "props": {
+                "variant": "default",
+                "visible": True,
+                "equal_height": True,
+                "name": "row",
+            },
+        },
+        {
+            "id": 36,
+            "type": "image",
+            "props": {
+                "image_mode": "RGB",
+                "invert_colors": False,
+                "source": "upload",
+                "tool": "editor",
+                "type": "numpy",
+                "show_label": True,
+                "show_download_button": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "streaming": False,
+                "mirror_webcam": True,
+                "brush_color": "#000000",
+                "mask_opacity": 0.7,
+                "show_share_button": False,
+                "name": "image",
+                "_selectable": False,
+            },
+            "serializer": "ImgSerializable",
+            "api_info": {
+                "info": {
+                    "type": "string",
+                    "description": "base64 representation of an image",
+                },
+                "serialized_info": True,
+            },
+            "example_inputs": {
+                "raw": "data:image/png;base64,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",
+                "serialized": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+            },
+        },
+        {
+            "id": 37,
+            "type": "json",
+            "props": {
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "name": "json",
+            },
+            "serializer": "JSONSerializable",
+            "api_info": {
+                "info": {"type": {}, "description": "any valid json"},
+                "serialized_info": True,
+            },
+            "example_inputs": {"raw": {"a": 1, "b": 2}, "serialized": None},
+        },
+        {
+            "id": 38,
+            "type": "button",
+            "props": {
+                "value": "Run",
+                "variant": "secondary",
+                "visible": True,
+                "interactive": True,
+                "name": "button",
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 39,
+            "type": "tabitem",
+            "props": {"label": "CT Scan", "name": "tabitem", "_selectable": False},
+        },
+        {
+            "id": 40,
+            "type": "row",
+            "props": {
+                "variant": "default",
+                "visible": True,
+                "equal_height": True,
+                "name": "row",
+            },
+        },
+        {
+            "id": 41,
+            "type": "image",
+            "props": {
+                "image_mode": "RGB",
+                "invert_colors": False,
+                "source": "upload",
+                "tool": "editor",
+                "type": "numpy",
+                "show_label": True,
+                "show_download_button": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "streaming": False,
+                "mirror_webcam": True,
+                "brush_color": "#000000",
+                "mask_opacity": 0.7,
+                "show_share_button": False,
+                "name": "image",
+                "_selectable": False,
+            },
+            "serializer": "ImgSerializable",
+            "api_info": {
+                "info": {
+                    "type": "string",
+                    "description": "base64 representation of an image",
+                },
+                "serialized_info": True,
+            },
+            "example_inputs": {
+                "raw": "data:image/png;base64,R0lGODlhPQBEAPeoAJosM//AwO/AwHVYZ/z595kzAP/s7P+goOXMv8+fhw/v739/f+8PD98fH/8mJl+fn/9ZWb8/PzWlwv///6wWGbImAPgTEMImIN9gUFCEm/gDALULDN8PAD6atYdCTX9gUNKlj8wZAKUsAOzZz+UMAOsJAP/Z2ccMDA8PD/95eX5NWvsJCOVNQPtfX/8zM8+QePLl38MGBr8JCP+zs9myn/8GBqwpAP/GxgwJCPny78lzYLgjAJ8vAP9fX/+MjMUcAN8zM/9wcM8ZGcATEL+QePdZWf/29uc/P9cmJu9MTDImIN+/r7+/vz8/P8VNQGNugV8AAF9fX8swMNgTAFlDOICAgPNSUnNWSMQ5MBAQEJE3QPIGAM9AQMqGcG9vb6MhJsEdGM8vLx8fH98AANIWAMuQeL8fABkTEPPQ0OM5OSYdGFl5jo+Pj/+pqcsTE78wMFNGQLYmID4dGPvd3UBAQJmTkP+8vH9QUK+vr8ZWSHpzcJMmILdwcLOGcHRQUHxwcK9PT9DQ0O/v70w5MLypoG8wKOuwsP/g4P/Q0IcwKEswKMl8aJ9fX2xjdOtGRs/Pz+Dg4GImIP8gIH0sKEAwKKmTiKZ8aB/f39Wsl+LFt8dgUE9PT5x5aHBwcP+AgP+WltdgYMyZfyywz78AAAAAAAD///8AAP9mZv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAKgALAAAAAA9AEQAAAj/AFEJHEiwoMGDCBMqXMiwocAbBww4nEhxoYkUpzJGrMixogkfGUNqlNixJEIDB0SqHGmyJSojM1bKZOmyop0gM3Oe2liTISKMOoPy7GnwY9CjIYcSRYm0aVKSLmE6nfq05QycVLPuhDrxBlCtYJUqNAq2bNWEBj6ZXRuyxZyDRtqwnXvkhACDV+euTeJm1Ki7A73qNWtFiF+/gA95Gly2CJLDhwEHMOUAAuOpLYDEgBxZ4GRTlC1fDnpkM+fOqD6DDj1aZpITp0dtGCDhr+fVuCu3zlg49ijaokTZTo27uG7Gjn2P+hI8+PDPERoUB318bWbfAJ5sUNFcuGRTYUqV/3ogfXp1rWlMc6awJjiAAd2fm4ogXjz56aypOoIde4OE5u/F9x199dlXnnGiHZWEYbGpsAEA3QXYnHwEFliKAgswgJ8LPeiUXGwedCAKABACCN+EA1pYIIYaFlcDhytd51sGAJbo3onOpajiihlO92KHGaUXGwWjUBChjSPiWJuOO/LYIm4v1tXfE6J4gCSJEZ7YgRYUNrkji9P55sF/ogxw5ZkSqIDaZBV6aSGYq/lGZplndkckZ98xoICbTcIJGQAZcNmdmUc210hs35nCyJ58fgmIKX5RQGOZowxaZwYA+JaoKQwswGijBV4C6SiTUmpphMspJx9unX4KaimjDv9aaXOEBteBqmuuxgEHoLX6Kqx+yXqqBANsgCtit4FWQAEkrNbpq7HSOmtwag5w57GrmlJBASEU18ADjUYb3ADTinIttsgSB1oJFfA63bduimuqKB1keqwUhoCSK374wbujvOSu4QG6UvxBRydcpKsav++Ca6G8A6Pr1x2kVMyHwsVxUALDq/krnrhPSOzXG1lUTIoffqGR7Goi2MAxbv6O2kEG56I7CSlRsEFKFVyovDJoIRTg7sugNRDGqCJzJgcKE0ywc0ELm6KBCCJo8DIPFeCWNGcyqNFE06ToAfV0HBRgxsvLThHn1oddQMrXj5DyAQgjEHSAJMWZwS3HPxT/QMbabI/iBCliMLEJKX2EEkomBAUCxRi42VDADxyTYDVogV+wSChqmKxEKCDAYFDFj4OmwbY7bDGdBhtrnTQYOigeChUmc1K3QTnAUfEgGFgAWt88hKA6aCRIXhxnQ1yg3BCayK44EWdkUQcBByEQChFXfCB776aQsG0BIlQgQgE8qO26X1h8cEUep8ngRBnOy74E9QgRgEAC8SvOfQkh7FDBDmS43PmGoIiKUUEGkMEC/PJHgxw0xH74yx/3XnaYRJgMB8obxQW6kL9QYEJ0FIFgByfIL7/IQAlvQwEpnAC7DtLNJCKUoO/w45c44GwCXiAFB/OXAATQryUxdN4LfFiwgjCNYg+kYMIEFkCKDs6PKAIJouyGWMS1FSKJOMRB/BoIxYJIUXFUxNwoIkEKPAgCBZSQHQ1A2EWDfDEUVLyADj5AChSIQW6gu10bE/JG2VnCZGfo4R4d0sdQoBAHhPjhIB94v/wRoRKQWGRHgrhGSQJxCS+0pCZbEhAAOw==",
+                "serialized": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+            },
+        },
+        {
+            "id": 42,
+            "type": "json",
+            "props": {
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "name": "json",
+            },
+            "serializer": "JSONSerializable",
+            "api_info": {
+                "info": {"type": {}, "description": "any valid json"},
+                "serialized_info": True,
+            },
+            "example_inputs": {"raw": {"a": 1, "b": 2}, "serialized": None},
+        },
+        {
+            "id": 43,
+            "type": "button",
+            "props": {
+                "value": "Run",
+                "variant": "secondary",
+                "visible": True,
+                "interactive": True,
+                "name": "button",
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 44,
+            "type": "textbox",
+            "props": {
+                "value": "",
+                "lines": 1,
+                "max_lines": 20,
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "autofocus": False,
+                "type": "text",
+                "rtl": False,
+                "show_copy_button": False,
+                "name": "textbox",
+                "_selectable": False,
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 45,
+            "type": "form",
+            "props": {"scale": 0, "min_width": 0, "name": "form"},
+        },
+        {
+            "id": 46,
+            "type": "form",
+            "props": {"scale": 0, "min_width": 0, "name": "form"},
+        },
+    ],
+    "css": None,
+    "title": "Gradio",
+    "space_id": None,
+    "enable_queue": None,
+    "show_error": True,
+    "show_in_view_api": True,
+    "is_colab": False,
+    "stylesheets": [],
+    "theme": "default",
+    "layout": {
+        "id": 30,
+        "children": [
+            {"id": 31},
+            {"id": 45, "children": [{"id": 32}]},
+            {
+                "id": 33,
+                "children": [
+                    {
+                        "id": 34,
+                        "children": [
+                            {"id": 35, "children": [{"id": 36}, {"id": 37}]},
+                            {"id": 38},
+                        ],
+                    },
+                    {
+                        "id": 39,
+                        "children": [
+                            {"id": 40, "children": [{"id": 41}, {"id": 42}]},
+                            {"id": 43},
+                        ],
+                    },
+                ],
+            },
+            {"id": 46, "children": [{"id": 44}]},
+        ],
+    },
+    "dependencies": [
+        {
+            "targets": [38],
+            "trigger": "click",
+            "inputs": [32, 36],
+            "outputs": [37],
+            "backend_fn": True,
+            "js": None,
+            "queue": None,
+            "api_name": None,
+            "scroll_to_output": False,
+            "show_progress": "full",
+            "every": None,
+            "batch": False,
+            "max_batch_size": 4,
+            "cancels": [],
+            "types": {"generator": False},
+            "collects_event_data": False,
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+        },
+        {
+            "targets": [43],
+            "trigger": "click",
+            "inputs": [32, 41],
+            "outputs": [42],
+            "backend_fn": True,
+            "js": None,
+            "queue": None,
+            "api_name": None,
+            "scroll_to_output": False,
+            "show_progress": "full",
+            "every": None,
+            "batch": False,
+            "max_batch_size": 4,
+            "cancels": [],
+            "types": {"generator": False},
+            "collects_event_data": False,
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+        },
+        {
+            "targets": [],
+            "trigger": "load",
+            "inputs": [],
+            "outputs": [44],
+            "backend_fn": True,
+            "js": None,
+            "queue": None,
+            "api_name": None,
+            "scroll_to_output": False,
+            "show_progress": "full",
+            "every": None,
+            "batch": False,
+            "max_batch_size": 4,
+            "cancels": [],
+            "types": {"generator": False},
+            "collects_event_data": False,
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+        },
+    ],
+}
+
+XRAY_CONFIG_DIFF_IDS = {
+    "version": "3.32.0\n",
+    "mode": "blocks",
+    "dev_mode": True,
+    "analytics_enabled": False,
+    "components": [
+        {
+            "id": 1,
+            "type": "markdown",
+            "props": {
+                "value": "<h1>Detect Disease From Scan</h1>\n<p>With this model you can lorem ipsum</p>\n<ul>\n<li>ipsum 1</li>\n<li>ipsum 2</li>\n</ul>\n",
+                "visible": True,
+                "rtl": False,
+                "name": "markdown",
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 2,
+            "type": "checkboxgroup",
+            "props": {
+                "choices": [
+                    ("Covid", "Covid"),
+                    ("Malaria", "Malaria"),
+                    ("Lung Cancer", "Lung Cancer"),
+                ],
+                "value": [],
+                "type": "value",
+                "label": "Disease to Scan For",
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "name": "checkboxgroup",
+                "_selectable": False,
+            },
+            "serializer": "ListStringSerializable",
+            "api_info": {
+                "info": {"type": "array", "items": {"type": "string"}},
+                "serialized_info": False,
+            },
+            "example_inputs": {"raw": ["Covid"], "serialized": ["Covid"]},
+        },
+        {
+            "id": 3,
+            "type": "tabs",
+            "props": {"visible": True, "name": "tabs", "_selectable": False},
+        },
+        {
+            "id": 4,
+            "type": "tabitem",
+            "props": {"label": "X-ray", "name": "tabitem", "_selectable": False},
+        },
+        {
+            "id": 5,
+            "type": "row",
+            "props": {
+                "variant": "default",
+                "visible": True,
+                "equal_height": True,
+                "name": "row",
+            },
+        },
+        {
+            "id": 6,
+            "type": "image",
+            "props": {
+                "image_mode": "RGB",
+                "invert_colors": False,
+                "source": "upload",
+                "tool": "editor",
+                "type": "numpy",
+                "show_label": True,
+                "show_download_button": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "streaming": False,
+                "mirror_webcam": True,
+                "brush_color": "#000000",
+                "mask_opacity": 0.7,
+                "show_share_button": False,
+                "name": "image",
+                "_selectable": False,
+            },
+            "serializer": "ImgSerializable",
+            "api_info": {
+                "info": {
+                    "type": "string",
+                    "description": "base64 representation of an image",
+                },
+                "serialized_info": True,
+            },
+            "example_inputs": {
+                "raw": "data:image/png;base64,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",
+                "serialized": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+            },
+        },
+        {
+            "id": 7,
+            "type": "json",
+            "props": {
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "name": "json",
+            },
+            "serializer": "JSONSerializable",
+            "api_info": {
+                "info": {"type": {}, "description": "any valid json"},
+                "serialized_info": True,
+            },
+            "example_inputs": {"raw": {"a": 1, "b": 2}, "serialized": None},
+        },
+        {
+            "id": 8,
+            "type": "button",
+            "props": {
+                "value": "Run",
+                "variant": "secondary",
+                "visible": True,
+                "interactive": True,
+                "name": "button",
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 9,
+            "type": "tabitem",
+            "props": {"label": "CT Scan", "name": "tabitem", "_selectable": False},
+        },
+        {
+            "id": 10,
+            "type": "row",
+            "props": {
+                "variant": "default",
+                "visible": True,
+                "equal_height": True,
+                "name": "row",
+            },
+        },
+        {
+            "id": 11,
+            "type": "image",
+            "props": {
+                "image_mode": "RGB",
+                "invert_colors": False,
+                "source": "upload",
+                "tool": "editor",
+                "type": "numpy",
+                "show_label": True,
+                "show_download_button": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "streaming": False,
+                "mirror_webcam": True,
+                "brush_color": "#000000",
+                "mask_opacity": 0.7,
+                "show_share_button": False,
+                "name": "image",
+                "_selectable": False,
+            },
+            "serializer": "ImgSerializable",
+            "api_info": {
+                "info": {
+                    "type": "string",
+                    "description": "base64 representation of an image",
+                },
+                "serialized_info": True,
+            },
+            "example_inputs": {
+                "raw": "data:image/png;base64,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",
+                "serialized": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png",
+            },
+        },
+        {
+            "id": 12,
+            "type": "json",
+            "props": {
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "name": "json",
+            },
+            "serializer": "JSONSerializable",
+            "api_info": {
+                "info": {"type": {}, "description": "any valid json"},
+                "serialized_info": True,
+            },
+            "example_inputs": {"raw": {"a": 1, "b": 2}, "serialized": None},
+        },
+        {
+            "id": 13,
+            "type": "button",
+            "props": {
+                "value": "Run",
+                "variant": "secondary",
+                "visible": True,
+                "interactive": True,
+                "name": "button",
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 14,
+            "type": "textbox",
+            "props": {
+                "value": "",
+                "lines": 1,
+                "max_lines": 20,
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "visible": True,
+                "autofocus": False,
+                "type": "text",
+                "rtl": False,
+                "show_copy_button": False,
+                "name": "textbox",
+                "_selectable": False,
+            },
+            "serializer": "StringSerializable",
+            "api_info": {"info": {"type": "string"}, "serialized_info": False},
+            "example_inputs": {"raw": "Howdy!", "serialized": "Howdy!"},
+        },
+        {
+            "id": 15,
+            "type": "form",
+            "props": {"scale": 0, "min_width": 0, "name": "form"},
+        },
+        {
+            "id": 16,
+            "type": "form",
+            "props": {"scale": 0, "min_width": 0, "name": "form"},
+        },
+    ],
+    "css": None,
+    "title": "Gradio",
+    "space_id": None,
+    "enable_queue": None,
+    "show_error": True,
+    "show_in_view_api": True,
+    "is_colab": False,
+    "stylesheets": [],
+    "theme": "default",
+    "layout": {
+        "id": 0,
+        "children": [
+            {"id": 1},
+            {"id": 15, "children": [{"id": 2}]},
+            {
+                "id": 3,
+                "children": [
+                    {
+                        "id": 4,
+                        "children": [
+                            {"id": 5, "children": [{"id": 6}, {"id": 7}]},
+                            {"id": 8},
+                        ],
+                    },
+                    {
+                        "id": 9,
+                        "children": [
+                            {"id": 10, "children": [{"id": 11}, {"id": 12}]},
+                            {"id": 13},
+                        ],
+                    },
+                ],
+            },
+            {"id": 16, "children": [{"id": 14}]},
+        ],
+    },
+    "dependencies": [
+        {
+            "targets": [8],
+            "trigger": "click",
+            "inputs": [2, 6],
+            "outputs": [7],
+            "backend_fn": True,
+            "js": None,
+            "queue": None,
+            "api_name": None,
+            "scroll_to_output": False,
+            "show_progress": "full",
+            "every": None,
+            "batch": False,
+            "max_batch_size": 4,
+            "cancels": [],
+            "types": {"generator": False},
+            "collects_event_data": False,
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+        },
+        {
+            "targets": [13],
+            "trigger": "click",
+            "inputs": [2, 11],
+            "outputs": [12],
+            "backend_fn": True,
+            "js": None,
+            "queue": None,
+            "api_name": None,
+            "scroll_to_output": False,
+            "show_progress": "full",
+            "every": None,
+            "batch": False,
+            "max_batch_size": 4,
+            "cancels": [],
+            "types": {"generator": False},
+            "collects_event_data": False,
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+        },
+        {
+            "targets": [],
+            "trigger": "load",
+            "inputs": [],
+            "outputs": [14],
+            "backend_fn": True,
+            "js": None,
+            "queue": None,
+            "api_name": None,
+            "scroll_to_output": False,
+            "show_progress": "full",
+            "every": None,
+            "batch": False,
+            "max_batch_size": 4,
+            "cancels": [],
+            "types": {"generator": False},
+            "collects_event_data": False,
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+        },
+    ],
+}
+
+
+XRAY_CONFIG_WITH_MISTAKE = {
+    "mode": "blocks",
+    "dev_mode": True,
+    "analytics_enabled": False,
+    "theme": "default",
+    "components": [
+        {
+            "id": 1,
+            "type": "markdown",
+            "props": {
+                "value": "<h1>Detect Disease From Scan</h1>\n<p>With this model you can lorem ipsum</p>\n<ul>\n<li>ipsum 1</li>\n<li>ipsum 2</li>\n</ul>\n",
+                "name": "markdown",
+                "rtl": False,
+            },
+        },
+        {
+            "id": 2,
+            "type": "checkboxgroup",
+            "props": {
+                "choices": [
+                    ("Covid", "Covid"),
+                    ("Malaria", "Malaria"),
+                    ("Lung Cancer", "Lung Cancer"),
+                ],
+                "value": [],
+                "name": "checkboxgroup",
+                "_selectable": False,
+                "show_label": True,
+                "label": "Disease to Scan For",
+                "container": True,
+                "min_width": 160,
+            },
+        },
+        {
+            "id": 3,
+            "type": "tabs",
+            "props": {
+                "value": True,
+            },
+        },
+        {
+            "id": 4,
+            "type": "tabitem",
+            "props": {
+                "label": "X-ray",
+                "value": True,
+            },
+        },
+        {
+            "id": 5,
+            "type": "row",
+            "props": {
+                "type": "row",
+                "variant": "default",
+                "equal_height": True,
+                "value": True,
+            },
+        },
+        {
+            "id": 6,
+            "type": "image",
+            "props": {
+                "image_mode": "RGB",
+                "brush_color": "#000000",
+                "mask_opacity": 0.7,
+                "source": "upload",
+                "streaming": False,
+                "mirror_webcam": True,
+                "tool": "editor",
+                "name": "image",
+                "_selectable": False,
+                "show_share_button": False,
+            },
+        },
+        {
+            "id": 7,
+            "type": "json",
+            "props": {
+                "name": "json",
+            },
+        },
+        {
+            "id": 8,
+            "type": "button",
+            "props": {
+                "value": "Run",
+                "name": "button",
+                "interactive": True,
+                "css": {"background-color": "red", "--hover-color": "orange"},
+                "variant": "secondary",
+            },
+        },
+        {
+            "id": 9,
+            "type": "tabitem",
+            "props": {
+                "show_label": True,
+                "label": "CT Scan",
+                "value": True,
+            },
+        },
+        {
+            "id": 10,
+            "type": "row",
+            "props": {
+                "type": "row",
+                "variant": "default",
+                "equal_height": True,
+                "value": True,
+            },
+        },
+        {
+            "id": 11,
+            "type": "image",
+            "props": {
+                "image_mode": "RGB",
+                "brush_color": "#000000",
+                "mask_opacity": 0.7,
+                "source": "upload",
+                "tool": "editor",
+                "streaming": False,
+                "mirror_webcam": True,
+                "name": "image",
+                "_selectable": False,
+                "show_share_button": False,
+            },
+        },
+        {
+            "id": 12,
+            "type": "json",
+            "props": {
+                "name": "json",
+            },
+        },
+        {
+            "id": 13,
+            "type": "button",
+            "props": {
+                "value": "Run",
+                "interactive": True,
+                "name": "button",
+                "variant": "secondary",
+            },
+        },
+        {
+            "id": 14,
+            "type": "textbox",
+            "props": {
+                "lines": 1,
+                "value": "",
+                "name": "textbox",
+                "_selectable": False,
+                "show_copy_button": False,
+                "type": "text",
+                "rtl": False,
+                "autofocus": False,
+            },
+        },
+    ],
+    "layout": {
+        "id": 0,
+        "children": [
+            {"id": 1},
+            {"id": 2},
+            {
+                "id": 3,
+                "children": [
+                    {
+                        "id": 4,
+                        "children": [
+                            {"id": 5, "children": [{"id": 6}, {"id": 7}]},
+                            {"id": 8},
+                        ],
+                    },
+                    {
+                        "id": 9,
+                        "children": [
+                            {"id": 10, "children": [{"id": 12}, {"id": 11}]},
+                            {"id": 13},
+                        ],
+                    },
+                ],
+            },
+            {"id": 14},
+        ],
+    },
+    "dependencies": [
+        {
+            "targets": [8],
+            "trigger": "click",
+            "inputs": [2, 6],
+            "outputs": [7],
+            "api_name": None,
+            "scroll_to_output": False,
+            "cancels": [],
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+            "show_progress": "full",
+        },
+        {
+            "targets": [13],
+            "trigger": "click",
+            "inputs": [2, 11],
+            "outputs": [12],
+            "api_name": None,
+            "scroll_to_output": False,
+            "cancels": [],
+            "trigger_after": None,
+            "trigger_only_on_success": False,
+            "trigger_only_on_failure": False,
+            "show_progress": "full",
+        },
+    ],
+}
diff --git a/gradio/test_data/cheetah1-copy.jpg b/gradio/test_data/cheetah1-copy.jpg
new file mode 100644
index 0000000..c510ff3
Binary files /dev/null and b/gradio/test_data/cheetah1-copy.jpg differ
diff --git a/gradio/test_data/cheetah2.jpg b/gradio/test_data/cheetah2.jpg
new file mode 100644
index 0000000..1408ea5
Binary files /dev/null and b/gradio/test_data/cheetah2.jpg differ
diff --git a/gradio/test_data/flagged_no_log/a.txt b/gradio/test_data/flagged_no_log/a.txt
new file mode 100644
index 0000000..e69de29
diff --git a/gradio/test_data/flagged_no_log/b.txt b/gradio/test_data/flagged_no_log/b.txt
new file mode 100644
index 0000000..e69de29
diff --git a/gradio/test_data/flagged_no_log/c.txt b/gradio/test_data/flagged_no_log/c.txt
new file mode 100644
index 0000000..e69de29
diff --git a/gradio/test_data/flagged_with_log/log.csv b/gradio/test_data/flagged_with_log/log.csv
new file mode 100644
index 0000000..f09847b
--- /dev/null
+++ b/gradio/test_data/flagged_with_log/log.csv
@@ -0,0 +1,3 @@
+input,output
+10,20
+30,60
diff --git a/gradio/test_data/rectangles.gif b/gradio/test_data/rectangles.gif
new file mode 100644
index 0000000..a6033b8
Binary files /dev/null and b/gradio/test_data/rectangles.gif differ
diff --git a/gradio/test_data/test_audio.mp3 b/gradio/test_data/test_audio.mp3
new file mode 100644
index 0000000..05f5675
Binary files /dev/null and b/gradio/test_data/test_audio.mp3 differ
diff --git a/gradio/test_data/test_audio.wav b/gradio/test_data/test_audio.wav
new file mode 100644
index 0000000..4b40a30
Binary files /dev/null and b/gradio/test_data/test_audio.wav differ
diff --git a/gradio/test_data/test_image.png b/gradio/test_data/test_image.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/gradio/test_data/test_image.png differ
diff --git a/gradio/themes/__init__.py b/gradio/themes/__init__.py
new file mode 100644
index 0000000..7fe2240
--- /dev/null
+++ b/gradio/themes/__init__.py
@@ -0,0 +1,74 @@
+from gradio.themes.base import Base, ThemeClass
+from gradio.themes.citrus import Citrus
+from gradio.themes.cyberpunk import Cyberpunk
+from gradio.themes.default import Default
+from gradio.themes.ember import Ember
+from gradio.themes.glass import Glass
+from gradio.themes.mario import Mario
+from gradio.themes.monochrome import Monochrome
+from gradio.themes.neon import Neon
+from gradio.themes.ocean import Ocean
+from gradio.themes.origin import Origin
+from gradio.themes.soft import Soft
+from gradio.themes.utils import colors, sizes
+from gradio.themes.utils.colors import Color
+from gradio.themes.utils.fonts import Font, GoogleFont, LocalFont
+from gradio.themes.utils.sizes import Size
+
+__all__ = [
+    "Base",
+    "Color",
+    "Default",
+    "Ember",
+    "Font",
+    "Glass",
+    "GoogleFont",
+    "LocalFont",
+    "Cyberpunk",
+    "Monochrome",
+    "Neon",
+    "Size",
+    "Soft",
+    "ThemeClass",
+    "colors",
+    "sizes",
+    "Origin",
+    "Citrus",
+    "Ocean",
+    "Mario",
+]
+
+
+def builder(*args, **kwargs):
+    from gradio.themes.builder_app import demo
+
+    theme_css = """
+.gradio-container {
+    overflow: visible !important;
+    max-width: none !important;
+}
+#controls {
+    max-height: 100vh;
+    flex-wrap: unset;
+    overflow-y: scroll;
+    position: sticky;
+    top: 0;
+}
+#controls::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 7px;
+}
+
+#controls::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, .5);
+  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
+}
+"""
+    return demo.launch(
+        *args,
+        **kwargs,
+        theme=Base(),
+        css=theme_css,
+        head="<style id='theme_css'></style>",
+    )
diff --git a/gradio/themes/app.py b/gradio/themes/app.py
new file mode 100644
index 0000000..eb4fa3e
--- /dev/null
+++ b/gradio/themes/app.py
@@ -0,0 +1,146 @@
+import time
+
+import gradio as gr
+from gradio.themes.utils.theme_dropdown import create_theme_dropdown
+
+dropdown, js = create_theme_dropdown()
+
+with gr.Blocks() as demo:
+    with gr.Row(equal_height=True):
+        with gr.Column(scale=10):
+            gr.Markdown(
+                """
+                # Theme preview: `{THEME}`
+                To use this theme, set `theme='{AUTHOR}/{SPACE_NAME}'` in the `launch()` method of `gr.Blocks()` or `gr.Interface()`.
+                You can append an `@` and a semantic version expression, e.g. @>=1.0.0,<2.0.0 to pin to a given version
+                of this theme.
+                """
+            )
+        with gr.Column(scale=3):
+            with gr.Group():
+                dropdown.render()
+                toggle_dark = gr.Button(value="Toggle Dark")
+
+    dropdown.change(None, dropdown, None, js=js)
+    toggle_dark.click(
+        None,
+        js="""
+        () => {
+            document.body.classList.toggle('dark');
+        }
+        """,
+    )
+
+    name = gr.Textbox(
+        label="Name",
+        info="Full name, including middle name. No special characters.",
+        placeholder="John Doe",
+        value="John Doe",
+        interactive=True,
+    )
+
+    with gr.Row():
+        slider1 = gr.Slider(label="Slider 1")
+        slider2 = gr.Slider(label="Slider 2")
+    gr.CheckboxGroup(["A", "B", "C"], label="Checkbox Group")
+
+    with gr.Row():
+        with gr.Column(variant="panel", scale=1):
+            gr.Markdown("## Panel 1")
+            radio = gr.Radio(
+                ["A", "B", "C"],
+                label="Radio",
+                info="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+            )
+            drop = gr.Dropdown(["Option 1", "Option 2", "Option 3"], show_label=False)
+            drop_2 = gr.Dropdown(
+                ["Option A", "Option B", "Option C"],
+                multiselect=True,
+                value=["Option A"],
+                label="Dropdown",
+                interactive=True,
+            )
+            check = gr.Checkbox(label="Go")
+        with gr.Column(variant="panel", scale=2):
+            img = gr.Image(
+                "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg",
+                label="Image",
+                height=320,
+            )
+            with gr.Row():
+                go_btn = gr.Button("Go", variant="primary")
+                clear_btn = gr.Button("Clear", variant="secondary")
+
+                def go(*_args):
+                    time.sleep(3)
+                    return "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg"
+
+                go_btn.click(go, [radio, drop, drop_2, check, name], img, api_name="go")
+
+                def clear():
+                    time.sleep(0.2)
+
+                clear_btn.click(clear, None, img)
+
+            with gr.Row():
+                btn1 = gr.Button("Button 1", size="sm")
+                btn2 = gr.UploadButton(size="sm")
+                stop_btn = gr.Button("Stop", size="sm", variant="stop")
+
+    with gr.Row():
+        gr.Dataframe(value=[[1, 2, 3], [4, 5, 6], [7, 8, 9]], label="Dataframe")
+        gr.JSON(
+            value={"a": 1, "b": 2, "c": {"test": "a", "test2": [1, 2, 3]}}, label="JSON"
+        )
+        gr.Label(value={"cat": 0.7, "dog": 0.2, "fish": 0.1})
+        gr.File()
+    with gr.Row():
+        gr.ColorPicker()
+        gr.Video("https://gradio-static-files.s3.us-west-2.amazonaws.com/world.mp4")
+        gr.Gallery(
+            [
+                (
+                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/lion.jpg",
+                    "lion",
+                ),
+                (
+                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/logo.png",
+                    "logo",
+                ),
+                (
+                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/tower.jpg",
+                    "tower",
+                ),
+            ],
+            height=200,
+        )
+
+    with gr.Row():
+        with gr.Column(scale=2):
+            chatbot = gr.Chatbot(
+                [
+                    {"role": "user", "content": "Hello"},
+                    {"role": "assistant", "content": "Hi"},
+                ],
+                label="Chatbot",
+            )
+            chat_btn = gr.Button("Add messages")
+
+            def add_messages(history):
+                time.sleep(2)
+                return history + [
+                    {"role": "user", "content": "How are you?"},
+                    {"role": "assistant", "content": "I am good."},
+                ]
+
+            chat_btn.click(add_messages, chatbot, chatbot)
+        with gr.Column(scale=1):
+            with gr.Accordion("Advanced Settings"):
+                gr.Markdown("Hello")
+                gr.Number(label="Chatbot control 1")
+                gr.Number(label="Chatbot control 2")
+                gr.Number(label="Chatbot control 3")
+
+
+if __name__ == "__main__":
+    demo.queue().launch(theme=gr.themes.Default())
diff --git a/gradio/themes/base.py b/gradio/themes/base.py
new file mode 100644
index 0000000..59dca32
--- /dev/null
+++ b/gradio/themes/base.py
@@ -0,0 +1,2073 @@
+from __future__ import annotations
+
+import json
+import re
+import tempfile
+import textwrap
+import warnings
+from collections.abc import Iterable
+from pathlib import Path
+
+import huggingface_hub
+import semantic_version as semver
+from gradio_client.documentation import document
+from huggingface_hub import CommitOperationAdd
+
+from gradio.themes.utils import (
+    colors,
+    fonts,
+    get_matching_version,
+    get_theme_assets,
+    sizes,
+)
+from gradio.themes.utils.readme_content import README_CONTENT
+
+
+class ThemeClass:
+    def __init__(self):
+        self._stylesheets = []
+        self.name = None
+        self._font_css = []
+        self.custom_css = ""
+
+    def _get_theme_css(self):
+        css = {}
+        dark_css = {}
+
+        for attr, val in self.__dict__.items():
+            if attr.startswith("_"):
+                continue
+            if val is None:
+                if attr.endswith("_dark"):
+                    dark_css[attr[:-5]] = None
+                    continue
+                else:
+                    raise ValueError(
+                        f"Cannot set '{attr}' to None - only dark mode variables can be None."
+                    )
+            val = str(val)
+            pattern = r"(\*)([\w_]+)(\b)"
+
+            def repl_func(match):
+                full_match = match.group(0)
+                if full_match.startswith("*") and full_match.endswith("_dark"):
+                    raise ValueError(
+                        f"Cannot refer '{attr}' to '{val}' - dark variable references are automatically used for dark mode attributes, so do not use the _dark suffix in the value."
+                    )
+                if (
+                    attr.endswith("_dark")
+                    and full_match.startswith("*")
+                    and attr[:-5] == full_match[1:]
+                ):
+                    raise ValueError(
+                        f"Cannot refer '{attr}' to '{val}' - if dark and light mode values are the same, set dark mode version to None."
+                    )
+
+                word = match.group(2)
+                word = word.replace("_", "-")
+                return f"var(--{word})"
+
+            val = re.sub(pattern, repl_func, val)
+
+            attr = attr.replace("_", "-")
+
+            if attr.endswith("-dark"):
+                attr = attr[:-5]
+                dark_css[attr] = val
+            else:
+                css[attr] = val
+
+        for attr, val in css.items():
+            if attr not in dark_css:
+                dark_css[attr] = val
+
+        css_code = (
+            ":root {\n"
+            + "\n".join([f"  --{attr}: {val};" for attr, val in css.items()])
+            + "\n}"
+        )
+        dark_css_code = (
+            "\n:root.dark, :root .dark {\n"
+            + "\n".join([f"  --{attr}: {val};" for attr, val in dark_css.items()])
+            + "\n}"
+        )
+
+        font_css = "\n".join(self._font_css)
+
+        theme_css = f"{font_css}\n{css_code}\n{dark_css_code}"
+        if self.custom_css:
+            theme_css = f"{theme_css}\n\n{self.custom_css}"
+        return theme_css
+
+    def _get_computed_value(self, property: str, depth=0) -> str:
+        max_depth = 100
+        if depth > max_depth:
+            warnings.warn(f"Cannot resolve '{property}' - circular reference detected.")
+            return ""
+        is_dark = property.endswith("_dark")
+        if is_dark:
+            set_value = getattr(
+                self, property, getattr(self, property[:-5], "")
+            )  # if dark mode value is unavailable, use light mode value
+        else:
+            set_value = getattr(self, property, "")
+        pattern = r"(\*)([\w_]+)(\b)"
+
+        def repl_func(match, depth):
+            word = match.group(2)
+            dark_suffix = "_dark" if property.endswith("_dark") else ""
+            return self._get_computed_value(word + dark_suffix, depth + 1)
+
+        computed_value = re.sub(
+            pattern, lambda match: repl_func(match, depth), set_value
+        )
+        return computed_value
+
+    def to_dict(self):
+        """Convert the theme into a python dictionary."""
+        from gradio import __version__
+
+        schema = {"theme": {}, "gradio_version": __version__}
+        for prop in dir(self):
+            if (
+                not prop.startswith("_")
+                or prop.startswith("_font")
+                or prop in ("_stylesheets", "name")
+            ) and isinstance(getattr(self, prop), (list, str)):
+                schema["theme"][prop] = getattr(self, prop)
+        return schema
+
+    @classmethod
+    def load(cls, path: str) -> ThemeClass:
+        """Load a theme from a json file.
+
+        Parameters:
+            path: The filepath to read.
+        """
+        with open(path, encoding="utf-8") as fp:
+            return cls.from_dict(json.load(fp, object_hook=fonts.as_font))
+
+    @classmethod
+    def from_dict(cls, theme: dict[str, dict[str, str]]) -> ThemeClass:
+        """Create a theme instance from a dictionary representation.
+
+        Parameters:
+            theme: The dictionary representation of the theme.
+        """
+        from gradio import __version__
+
+        theme_gradio_version = theme.get("gradio_version")
+        if theme_gradio_version:
+            try:
+                if __version__.split(".")[:2] != theme_gradio_version.split(".")[:2]:
+                    warnings.warn(
+                        f"This theme was created for Gradio {theme_gradio_version}, "
+                        f"but you are using Gradio {__version__}. "
+                        "Some styles may not work as expected."
+                    )
+            except (ValueError, IndexError):
+                pass
+
+        new_theme = cls()
+        for prop, value in theme["theme"].items():
+            setattr(new_theme, prop, value)
+
+        # For backwards compatibility, load attributes in base theme not in the loaded theme from the base theme.
+        base = Base()
+        for attr in base.__dict__:
+            if not attr.startswith("_") and not hasattr(new_theme, attr):
+                setattr(new_theme, attr, getattr(base, attr))
+
+        return new_theme
+
+    def dump(self, filename: str):
+        """Write the theme to a json file.
+
+        Parameters:
+            filename: The path to write the theme too
+        """
+        Path(filename).write_text(json.dumps(self.to_dict(), cls=fonts.FontEncoder))
+
+    @classmethod
+    def from_hub(cls, repo_name: str, token: str | None = None):
+        """Load a theme from the hub.
+
+        This DOES NOT require a HuggingFace account for downloading publicly available themes.
+
+        Parameters:
+            repo_name: string of the form <author>/<theme-name>@<semantic-version-expression>.  If a semantic version expression is omitted, the latest version will be fetched.
+            token: HuggingFace Token. Only needed to download private themes.
+        """
+        if "@" not in repo_name:
+            name, version = repo_name, None
+        else:
+            name, version = repo_name.split("@")
+
+        api = huggingface_hub.HfApi(token=token)
+
+        try:
+            space_info = api.space_info(name)
+        except huggingface_hub.utils.RepositoryNotFoundError as e:
+            raise ValueError(f"The space {name} does not exist") from e
+
+        assets = get_theme_assets(space_info)
+        matching_version = get_matching_version(assets, version)
+
+        if not matching_version:
+            raise ValueError(
+                f"Cannot find a matching version for expression {version} "
+                f"from files {[f.filename for f in assets]}"
+            )
+
+        theme_file = huggingface_hub.hf_hub_download(
+            repo_id=name,
+            repo_type="space",
+            filename=f"themes/theme_schema@{matching_version.version}.json",
+        )
+        theme = cls.load(theme_file)
+        theme.name = name
+        return theme
+
+    @staticmethod
+    def _get_next_version(space_info: huggingface_hub.hf_api.SpaceInfo) -> str:
+        assets = get_theme_assets(space_info)
+        latest_version = max(assets, key=lambda asset: asset.version).version
+        return str(latest_version.next_patch())
+
+    @staticmethod
+    def _theme_version_exists(
+        space_info: huggingface_hub.hf_api.SpaceInfo, version: str
+    ) -> bool:
+        assets = get_theme_assets(space_info)
+        return any(a.version == semver.Version(version) for a in assets)
+
+    def push_to_hub(
+        self,
+        repo_name: str,
+        org_name: str | None = None,
+        version: str | None = None,
+        token: str | None = None,
+        theme_name: str | None = None,
+        description: str | None = None,
+        private: bool = False,
+    ):
+        """Upload a theme to the HuggingFace hub.
+
+        This requires a HuggingFace account.
+
+        Parameters:
+            repo_name: The name of the repository to store the theme assets, e.g. 'my_theme' or 'sunset'.
+            org_name: The name of the org to save the space in. If None (the default), the username corresponding to the logged in user, or hƒ_token is used.
+            version: A semantic version tag for theme. Bumping the version tag lets you publish updates to a theme without changing the look of applications that already loaded your theme.
+            token: API token for your HuggingFace account
+            theme_name: Name for the name. If None, defaults to repo_name
+            description: A long form description to your theme.
+        """
+
+        from gradio import __version__
+
+        api = huggingface_hub.HfApi()
+
+        if not token:
+            try:
+                author = huggingface_hub.whoami()["name"]
+            except OSError as e:
+                raise ValueError(
+                    "In order to push to hub, log in via `huggingface-cli login` "
+                    "or provide a theme_token to push_to_hub. For more information "
+                    "see https://huggingface.co/docs/huggingface_hub/quick-start#login"
+                ) from e
+        else:
+            author = huggingface_hub.whoami(token=token)["name"]
+
+        space_id = f"{org_name or author}/{repo_name}"
+
+        try:
+            space_info = api.space_info(space_id)
+        except Exception:
+            space_info = None
+
+        space_exists = space_info is not None
+
+        # If no version, set the version to next patch release
+        if not version:
+            version = self._get_next_version(space_info) if space_exists else "0.0.1"
+        else:
+            _ = semver.Version(version)
+
+        if space_exists and self._theme_version_exists(space_info, version):
+            raise ValueError(
+                f"The space {space_id} already has a "
+                f"theme with version {version}. See: themes/theme_schema@{version}.json. "
+                "To manually override this version, use the HuggingFace hub UI."
+            )
+
+        theme_name = theme_name or repo_name
+
+        with tempfile.NamedTemporaryFile(
+            mode="w", delete=False, suffix=".json"
+        ) as css_file:
+            contents = self.to_dict()
+            contents["version"] = {"version": version}
+            json.dump(contents, css_file, cls=fonts.FontEncoder)
+        with tempfile.NamedTemporaryFile(mode="w", delete=False) as readme_file:
+            readme_content = README_CONTENT.format(
+                theme_name=theme_name,
+                description=description or "Add a description of this theme here!",
+                author=author,
+                gradio_version=__version__,
+            )
+            readme_file.write(textwrap.dedent(readme_content))
+        with tempfile.NamedTemporaryFile(mode="w", delete=False) as app_file:
+            contents = (Path(__file__).parent / "app.py").read_text()
+            contents = re.sub(
+                r"theme=gr.themes.Default\(\)",
+                f"theme='{space_id}'",
+                contents,
+            )
+            contents = re.sub(r"{THEME}", theme_name or repo_name, contents)
+            contents = re.sub(r"{AUTHOR}", org_name or author, contents)
+            contents = re.sub(r"{SPACE_NAME}", repo_name, contents)
+            app_file.write(contents)
+
+        operations = [
+            CommitOperationAdd(
+                path_in_repo=f"themes/theme_schema@{version}.json",
+                path_or_fileobj=css_file.name,
+            ),
+            CommitOperationAdd(
+                path_in_repo="README.md", path_or_fileobj=readme_file.name
+            ),
+            CommitOperationAdd(path_in_repo="app.py", path_or_fileobj=app_file.name),
+        ]
+
+        huggingface_hub.create_repo(
+            space_id,
+            repo_type="space",
+            space_sdk="gradio",
+            token=token,
+            exist_ok=True,
+            private=private,
+        )
+
+        api.create_commit(
+            repo_id=space_id,
+            commit_message="Updating theme",
+            repo_type="space",
+            operations=operations,
+            token=token,
+        )
+        url = f"https://huggingface.co/spaces/{space_id}"
+        print(f"See your theme here! {url}")
+        return url
+
+
+@document("push_to_hub", "from_hub", "load", "dump", "from_dict", "to_dict")
+class Base(ThemeClass):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.blue,
+        secondary_hue: colors.Color | str = colors.blue,
+        neutral_hue: colors.Color | str = colors.zinc,
+        text_size: sizes.Size | str = sizes.text_md,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Sans"),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Mono"),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        """
+        Parameters:
+            primary_hue: The primary hue of the theme. Load a preset, like gradio.themes.colors.green (or just the string "green"), or pass your own gradio.themes.utils.Color object.
+            secondary_hue: The secondary hue of the theme. Load a preset, like gradio.themes.colors.green (or just the string "green"), or pass your own gradio.themes.utils.Color object.
+            neutral_hue: The neutral hue of the theme, used . Load a preset, like gradio.themes.colors.green (or just the string "green"), or pass your own gradio.themes.utils.Color object.
+            text_size: The size of the text. Load a preset, like gradio.themes.sizes.text_sm (or just the string "sm"), or pass your own gradio.themes.utils.Size object.
+            spacing_size: The size of the spacing. Load a preset, like gradio.themes.sizes.spacing_sm (or just the string "sm"), or pass your own gradio.themes.utils.Size object.
+            radius_size: The radius size of corners. Load a preset, like gradio.themes.sizes.radius_sm (or just the string "sm"), or pass your own gradio.themes.utils.Size object.
+            font: The primary font to use for the theme. Pass a string for a system font, or a gradio.themes.font.GoogleFont object to load a font from Google Fonts. Pass a list of fonts for fallbacks.
+            font_mono: The monospace font to use for the theme, applies to code. Pass a string for a system font, or a gradio.themes.font.GoogleFont object to load a font from Google Fonts. Pass a list of fonts for fallbacks.
+        """
+
+        self.name = "base"
+        self._font_css = []
+        self.custom_css = ""
+
+        def expand_shortcut(shortcut, mode="color", prefix=None):
+            if not isinstance(shortcut, str):
+                return shortcut
+            if mode == "color":
+                for color in colors.Color.all:
+                    if color.name == shortcut:
+                        return color
+                raise ValueError(f"Color shortcut {shortcut} not found.")
+            elif mode == "size":
+                for size in sizes.Size.all:
+                    if size.name == f"{prefix}_{shortcut}":
+                        return size
+                raise ValueError(f"Size shortcut {shortcut} not found.")
+
+        primary_hue = expand_shortcut(primary_hue, mode="color")
+        secondary_hue = expand_shortcut(secondary_hue, mode="color")
+        neutral_hue = expand_shortcut(neutral_hue, mode="color")
+        text_size = expand_shortcut(text_size, mode="size", prefix="text")
+        spacing_size = expand_shortcut(spacing_size, mode="size", prefix="spacing")
+        radius_size = expand_shortcut(radius_size, mode="size", prefix="radius")
+
+        # Hue ranges
+        self.primary_50 = primary_hue.c50
+        self.primary_100 = primary_hue.c100
+        self.primary_200 = primary_hue.c200
+        self.primary_300 = primary_hue.c300
+        self.primary_400 = primary_hue.c400
+        self.primary_500 = primary_hue.c500
+        self.primary_600 = primary_hue.c600
+        self.primary_700 = primary_hue.c700
+        self.primary_800 = primary_hue.c800
+        self.primary_900 = primary_hue.c900
+        self.primary_950 = primary_hue.c950
+
+        self.secondary_50 = secondary_hue.c50
+        self.secondary_100 = secondary_hue.c100
+        self.secondary_200 = secondary_hue.c200
+        self.secondary_300 = secondary_hue.c300
+        self.secondary_400 = secondary_hue.c400
+        self.secondary_500 = secondary_hue.c500
+        self.secondary_600 = secondary_hue.c600
+        self.secondary_700 = secondary_hue.c700
+        self.secondary_800 = secondary_hue.c800
+        self.secondary_900 = secondary_hue.c900
+        self.secondary_950 = secondary_hue.c950
+
+        self.neutral_50 = neutral_hue.c50
+        self.neutral_100 = neutral_hue.c100
+        self.neutral_200 = neutral_hue.c200
+        self.neutral_300 = neutral_hue.c300
+        self.neutral_400 = neutral_hue.c400
+        self.neutral_500 = neutral_hue.c500
+        self.neutral_600 = neutral_hue.c600
+        self.neutral_700 = neutral_hue.c700
+        self.neutral_800 = neutral_hue.c800
+        self.neutral_900 = neutral_hue.c900
+        self.neutral_950 = neutral_hue.c950
+
+        # Spacing
+        self.spacing_xxs = spacing_size.xxs
+        self.spacing_xs = spacing_size.xs
+        self.spacing_sm = spacing_size.sm
+        self.spacing_md = spacing_size.md
+        self.spacing_lg = spacing_size.lg
+        self.spacing_xl = spacing_size.xl
+        self.spacing_xxl = spacing_size.xxl
+
+        self.radius_xxs = radius_size.xxs
+        self.radius_xs = radius_size.xs
+        self.radius_sm = radius_size.sm
+        self.radius_md = radius_size.md
+        self.radius_lg = radius_size.lg
+        self.radius_xl = radius_size.xl
+        self.radius_xxl = radius_size.xxl
+
+        self.text_xxs = text_size.xxs
+        self.text_xs = text_size.xs
+        self.text_sm = text_size.sm
+        self.text_md = text_size.md
+        self.text_lg = text_size.lg
+        self.text_xl = text_size.xl
+        self.text_xxl = text_size.xxl
+
+        # Font
+        if isinstance(font, (fonts.Font, str)):
+            font = [font]
+
+        self._font = [
+            fontfam
+            if isinstance(fontfam, (fonts.Font, str))
+            else fonts.LocalFont(fontfam)
+            for fontfam in font
+        ]
+        if isinstance(font_mono, (fonts.Font, str)):
+            font_mono = [font_mono]
+        self._font_mono = [
+            fontfam
+            if isinstance(fontfam, (fonts.Font, str))
+            else fonts.LocalFont(fontfam)
+            for fontfam in font_mono
+        ]
+        self.font = ", ".join(str(font) for font in self._font)
+        self.font_mono = ", ".join(str(font) for font in self._font_mono)
+
+        self._stylesheets = []
+        self._font_css = []
+        for font in self._font + self._font_mono:
+            if isinstance(font, fonts.Font):
+                font_stylesheet = font.stylesheet()
+                if isinstance(font_stylesheet, str):
+                    self._stylesheets.append(font_stylesheet)
+                elif isinstance(font_stylesheet, dict):
+                    if font_stylesheet.get("url"):
+                        self._stylesheets.append(font_stylesheet["url"])
+                    elif font_stylesheet.get("css"):
+                        self._font_css.append(font_stylesheet["css"])
+
+        self.set()
+
+    def set(
+        self,
+        *,
+        # Body Attributes: These set set the values for the entire body of the app.
+        body_background_fill=None,
+        body_background_fill_dark=None,
+        body_text_color=None,
+        body_text_color_dark=None,
+        body_text_size=None,
+        body_text_color_subdued=None,
+        body_text_color_subdued_dark=None,
+        body_text_weight=None,
+        embed_radius=None,
+        # Element Colors: These set the colors for common elements.
+        background_fill_primary=None,
+        background_fill_primary_dark=None,
+        background_fill_secondary=None,
+        background_fill_secondary_dark=None,
+        border_color_accent=None,
+        border_color_accent_dark=None,
+        border_color_accent_subdued=None,
+        border_color_accent_subdued_dark=None,
+        border_color_primary=None,
+        border_color_primary_dark=None,
+        color_accent=None,
+        color_accent_soft=None,
+        color_accent_soft_dark=None,
+        # Text: This sets the text styling for text elements.
+        link_text_color=None,
+        link_text_color_dark=None,
+        link_text_color_active=None,
+        link_text_color_active_dark=None,
+        link_text_color_hover=None,
+        link_text_color_hover_dark=None,
+        link_text_color_visited=None,
+        link_text_color_visited_dark=None,
+        prose_text_size=None,
+        prose_text_weight=None,
+        prose_header_text_weight=None,
+        code_background_fill=None,
+        code_background_fill_dark=None,
+        # Shadows: These set the high-level shadow rendering styles. These variables are often referenced by other component-specific shadow variables.
+        shadow_drop=None,
+        shadow_drop_lg=None,
+        shadow_inset=None,
+        shadow_spread=None,
+        shadow_spread_dark=None,
+        # Layout Atoms: These set the style for common layout elements, such as the blocks that wrap components.
+        block_background_fill=None,
+        block_background_fill_dark=None,
+        block_border_color=None,
+        block_border_color_dark=None,
+        block_border_width=None,
+        block_border_width_dark=None,
+        block_info_text_color=None,
+        block_info_text_color_dark=None,
+        block_info_text_size=None,
+        block_info_text_weight=None,
+        block_label_background_fill=None,
+        block_label_background_fill_dark=None,
+        block_label_border_color=None,
+        block_label_border_color_dark=None,
+        block_label_border_width=None,
+        block_label_border_width_dark=None,
+        block_label_shadow=None,
+        block_label_text_color=None,
+        block_label_text_color_dark=None,
+        block_label_margin=None,
+        block_label_padding=None,
+        block_label_radius=None,
+        block_label_right_radius=None,
+        block_label_text_size=None,
+        block_label_text_weight=None,
+        block_padding=None,
+        block_radius=None,
+        block_shadow=None,
+        block_shadow_dark=None,
+        block_title_background_fill=None,
+        block_title_background_fill_dark=None,
+        block_title_border_color=None,
+        block_title_border_color_dark=None,
+        block_title_border_width=None,
+        block_title_border_width_dark=None,
+        block_title_text_color=None,
+        block_title_text_color_dark=None,
+        block_title_padding=None,
+        block_title_radius=None,
+        block_title_text_size=None,
+        block_title_text_weight=None,
+        container_radius=None,
+        form_gap_width=None,
+        layout_gap=None,
+        panel_background_fill=None,
+        panel_background_fill_dark=None,
+        panel_border_color=None,
+        panel_border_color_dark=None,
+        panel_border_width=None,
+        panel_border_width_dark=None,
+        section_header_text_size=None,
+        section_header_text_weight=None,
+        # Component Atoms: These set the style for elements within components.
+        accordion_text_color=None,
+        accordion_text_color_dark=None,
+        table_text_color=None,
+        table_text_color_dark=None,
+        checkbox_background_color=None,
+        chatbot_text_size=None,
+        checkbox_background_color_dark=None,
+        checkbox_background_color_focus=None,
+        checkbox_background_color_focus_dark=None,
+        checkbox_background_color_hover=None,
+        checkbox_background_color_hover_dark=None,
+        checkbox_background_color_selected=None,
+        checkbox_background_color_selected_dark=None,
+        checkbox_border_color=None,
+        checkbox_border_color_dark=None,
+        checkbox_border_color_focus=None,
+        checkbox_border_color_focus_dark=None,
+        checkbox_border_color_hover=None,
+        checkbox_border_color_hover_dark=None,
+        checkbox_border_color_selected=None,
+        checkbox_border_color_selected_dark=None,
+        checkbox_border_radius=None,
+        checkbox_border_width=None,
+        checkbox_border_width_dark=None,
+        checkbox_check=None,
+        radio_circle=None,
+        checkbox_shadow=None,
+        checkbox_label_background_fill=None,
+        checkbox_label_background_fill_dark=None,
+        checkbox_label_background_fill_hover=None,
+        checkbox_label_background_fill_hover_dark=None,
+        checkbox_label_background_fill_selected=None,
+        checkbox_label_background_fill_selected_dark=None,
+        checkbox_label_border_color=None,
+        checkbox_label_border_color_dark=None,
+        checkbox_label_border_color_hover=None,
+        checkbox_label_border_color_hover_dark=None,
+        checkbox_label_border_color_selected=None,
+        checkbox_label_border_color_selected_dark=None,
+        checkbox_label_border_width=None,
+        checkbox_label_border_width_dark=None,
+        checkbox_label_gap=None,
+        checkbox_label_padding=None,
+        checkbox_label_shadow=None,
+        checkbox_label_shadow_dark=None,
+        checkbox_label_shadow_hover=None,
+        checkbox_label_shadow_hover_dark=None,
+        checkbox_label_shadow_active=None,
+        checkbox_label_shadow_active_dark=None,
+        checkbox_label_text_size=None,
+        checkbox_label_text_weight=None,
+        checkbox_label_text_color=None,
+        checkbox_label_text_color_dark=None,
+        checkbox_label_text_color_selected=None,
+        checkbox_label_text_color_selected_dark=None,
+        error_background_fill=None,
+        error_background_fill_dark=None,
+        error_border_color=None,
+        error_border_color_dark=None,
+        error_border_width=None,
+        error_border_width_dark=None,
+        error_text_color=None,
+        error_text_color_dark=None,
+        error_icon_color=None,
+        error_icon_color_dark=None,
+        input_background_fill=None,
+        input_background_fill_dark=None,
+        input_background_fill_focus=None,
+        input_background_fill_focus_dark=None,
+        input_background_fill_hover=None,
+        input_background_fill_hover_dark=None,
+        input_border_color=None,
+        input_border_color_dark=None,
+        input_border_color_focus=None,
+        input_border_color_focus_dark=None,
+        input_border_color_hover=None,
+        input_border_color_hover_dark=None,
+        input_border_width=None,
+        input_border_width_dark=None,
+        input_padding=None,
+        input_placeholder_color=None,
+        input_placeholder_color_dark=None,
+        input_radius=None,
+        input_shadow=None,
+        input_shadow_dark=None,
+        input_shadow_focus=None,
+        input_shadow_focus_dark=None,
+        input_text_size=None,
+        input_text_weight=None,
+        loader_color=None,
+        loader_color_dark=None,
+        slider_color=None,
+        slider_color_dark=None,
+        stat_background_fill=None,
+        stat_background_fill_dark=None,
+        table_border_color=None,
+        table_border_color_dark=None,
+        table_even_background_fill=None,
+        table_even_background_fill_dark=None,
+        table_odd_background_fill=None,
+        table_odd_background_fill_dark=None,
+        table_radius=None,
+        table_row_focus=None,
+        table_row_focus_dark=None,
+        # Buttons: These set the style for buttons.
+        button_border_width=None,
+        button_border_width_dark=None,
+        button_transform_hover=None,
+        button_transform_active=None,
+        button_transition=None,
+        button_large_padding=None,
+        button_large_radius=None,
+        button_large_text_size=None,
+        button_large_text_weight=None,
+        button_small_padding=None,
+        button_small_radius=None,
+        button_small_text_size=None,
+        button_small_text_weight=None,
+        button_medium_padding=None,
+        button_medium_radius=None,
+        button_medium_text_size=None,
+        button_medium_text_weight=None,
+        button_primary_background_fill=None,
+        button_primary_background_fill_dark=None,
+        button_primary_background_fill_hover=None,
+        button_primary_background_fill_hover_dark=None,
+        button_primary_border_color=None,
+        button_primary_border_color_dark=None,
+        button_primary_border_color_hover=None,
+        button_primary_border_color_hover_dark=None,
+        button_primary_text_color=None,
+        button_primary_text_color_dark=None,
+        button_primary_text_color_hover=None,
+        button_primary_text_color_hover_dark=None,
+        button_primary_shadow=None,
+        button_primary_shadow_hover=None,
+        button_primary_shadow_active=None,
+        button_primary_shadow_dark=None,
+        button_primary_shadow_hover_dark=None,
+        button_primary_shadow_active_dark=None,
+        button_secondary_background_fill=None,
+        button_secondary_background_fill_dark=None,
+        button_secondary_background_fill_hover=None,
+        button_secondary_background_fill_hover_dark=None,
+        button_secondary_border_color=None,
+        button_secondary_border_color_dark=None,
+        button_secondary_border_color_hover=None,
+        button_secondary_border_color_hover_dark=None,
+        button_secondary_text_color=None,
+        button_secondary_text_color_dark=None,
+        button_secondary_text_color_hover=None,
+        button_secondary_text_color_hover_dark=None,
+        button_secondary_shadow=None,
+        button_secondary_shadow_hover=None,
+        button_secondary_shadow_active=None,
+        button_secondary_shadow_dark=None,
+        button_secondary_shadow_hover_dark=None,
+        button_secondary_shadow_active_dark=None,
+        button_cancel_background_fill=None,
+        button_cancel_background_fill_dark=None,
+        button_cancel_background_fill_hover=None,
+        button_cancel_background_fill_hover_dark=None,
+        button_cancel_border_color=None,
+        button_cancel_border_color_dark=None,
+        button_cancel_border_color_hover=None,
+        button_cancel_border_color_hover_dark=None,
+        button_cancel_text_color=None,
+        button_cancel_text_color_dark=None,
+        button_cancel_text_color_hover=None,
+        button_cancel_text_color_hover_dark=None,
+        button_cancel_shadow=None,
+        button_cancel_shadow_hover=None,
+        button_cancel_shadow_active=None,
+        button_cancel_shadow_dark=None,
+        button_cancel_shadow_hover_dark=None,
+        button_cancel_shadow_active_dark=None,
+    ) -> Base:
+        """
+        Parameters:
+            body_background_fill: The background of the entire app.
+            body_background_fill_dark: The background of the entire app in dark mode.
+            body_text_color: The default text color.
+            body_text_color_dark: The default text color in dark mode.
+            body_text_size: The default text size.
+            body_text_color_subdued: The text color used for softer, less important text.
+            body_text_color_subdued_dark: The text color used for softer, less important text in dark mode.
+            body_text_weight: The default text weight.
+            embed_radius: The corner radius used for embedding when the app is embedded within a page.
+            background_fill_primary: The background primarily used for items placed directly on the page.
+            background_fill_primary_dark: The background primarily used for items placed directly on the page in dark mode.
+            background_fill_secondary: The background primarily used for items placed on top of another item.
+            background_fill_secondary_dark: The background primarily used for items placed on top of another item in dark mode.
+            border_color_accent: The border color used for accented items.
+            border_color_accent_dark: The border color used for accented items in dark mode.
+            border_color_accent_subdued: The subdued border color for accented items.
+            border_color_accent_subdued_dark: The subdued border color for accented items in dark mode.
+            border_color_primary: The border color primarily used for items placed directly on the page.
+            border_color_primary_dark: The border color primarily used for items placed directly on the page in dark mode.
+            color_accent: The color used for accented items.
+            color_accent_soft: The softer color used for accented items.
+            color_accent_soft_dark: The softer color used for accented items in dark mode.
+            link_text_color: The text color used for links.
+            link_text_color_dark: The text color used for links in dark mode.
+            link_text_color_active: The text color used for links when they are active.
+            link_text_color_active_dark: The text color used for links when they are active in dark mode.
+            link_text_color_hover: The text color used for links when they are hovered over.
+            link_text_color_hover_dark: The text color used for links when they are hovered over in dark mode.
+            link_text_color_visited: The text color used for links when they have been visited.
+            link_text_color_visited_dark: The text color used for links when they have been visited in dark mode.
+            prose_text_size: The text size used for markdown and other prose.
+            prose_text_weight: The text weight used for markdown and other prose.
+            prose_header_text_weight: The text weight of a header used for markdown and other prose.
+            code_background_fill: The background color of code blocks.
+            code_background_fill_dark: The background color of code blocks in dark mode.
+            shadow_drop: Drop shadow used by other shadowed items.
+            shadow_drop_lg: Larger drop shadow used by other shadowed items.
+            shadow_inset: Inset shadow used by other shadowed items.
+            shadow_spread: Size of shadow spread used by shadowed items.
+            shadow_spread_dark: Size of shadow spread used by shadowed items in dark mode.
+            block_background_fill: The background around an item.
+            block_background_fill_dark: The background around an item in dark mode.
+            block_border_color: The border color around an item.
+            block_border_color_dark: The border color around an item in dark mode.
+            block_border_width: The border width around an item.
+            block_border_width_dark: The border width around an item in dark mode.
+            block_info_text_color: The color of the info text.
+            block_info_text_color_dark: The color of the info text in dark mode.
+            block_info_text_size: The size of the info text.
+            block_info_text_weight: The weight of the info text.
+            block_label_background_fill: The background of the title label of a media element (e.g. image).
+            block_label_background_fill_dark: The background of the title label of a media element (e.g. image) in dark mode.
+            block_label_border_color: The border color of the title label of a media element (e.g. image).
+            block_label_border_color_dark: The border color of the title label of a media element (e.g. image) in dark mode.
+            block_label_border_width: The border width of the title label of a media element (e.g. image).
+            block_label_border_width_dark: The border width of the title label of a media element (e.g. image) in dark mode.
+            block_label_shadow: The shadow of the title label of a media element (e.g. image).
+            block_label_text_color: The text color of the title label of a media element (e.g. image).
+            block_label_text_color_dark: The text color of the title label of a media element (e.g. image) in dark mode.
+            block_label_margin: The margin of the title label of a media element (e.g. image) from its surrounding container.
+            block_label_padding: The padding of the title label of a media element (e.g. image).
+            block_label_radius: The corner radius of the title label of a media element (e.g. image).
+            block_label_right_radius: The corner radius of a right-aligned helper label.
+            block_label_text_size: The text size of the title label of a media element (e.g. image).
+            block_label_text_weight: The text weight of the title label of a media element (e.g. image).
+            block_padding: The padding around an item.
+            block_radius: The corner radius around an item.
+            block_shadow: The shadow under an item.
+            block_shadow_dark: The shadow under an item in dark mode.
+            block_title_background_fill: The background of the title of a form element (e.g. textbox).
+            block_title_background_fill_dark: The background of the title of a form element (e.g. textbox) in dark mode.
+            block_title_border_color: The border color of the title of a form element (e.g. textbox).
+            block_title_border_color_dark: The border color of the title of a form element (e.g. textbox) in dark mode.
+            block_title_border_width: The border width of the title of a form element (e.g. textbox).
+            block_title_border_width_dark: The border width of the title of a form element (e.g. textbox) in dark mode.
+            block_title_text_color: The text color of the title of a form element (e.g. textbox).
+            block_title_text_color_dark: The text color of the title of a form element (e.g. textbox) in dark mode.
+            block_title_padding: The padding of the title of a form element (e.g. textbox).
+            block_title_radius: The corner radius of the title of a form element (e.g. textbox).
+            block_title_text_size: The text size of the title of a form element (e.g. textbox).
+            block_title_text_weight: The text weight of the title of a form element (e.g. textbox).
+            container_radius: The corner radius of a layout component that holds other content.
+            form_gap_width: The border gap between form elements, (e.g. consecutive textboxes).
+            layout_gap: The gap between items within a row or column.
+            panel_background_fill: The background of a panel.
+            panel_background_fill_dark: The background of a panel in dark mode.
+            panel_border_color: The border color of a panel.
+            panel_border_color_dark: The border color of a panel in dark mode.
+            panel_border_width: The border width of a panel.
+            panel_border_width_dark: The border width of a panel in dark mode.
+            accordion_text_color: The body text color in the accordion.
+            accordion_text_color_dark: The body text color in the accordion in dark mode.
+            table_text_color: The body text color in the table.
+            table_text_color_dark: The body text color in the table in dark mode.
+            section_header_text_size: The text size of a section header (e.g. tab name).
+            section_header_text_weight: The text weight of a section header (e.g. tab name).
+            chatbot_text_size: The text size of the chatbot text.
+            checkbox_background_color: The background of a checkbox square or radio circle.
+            checkbox_background_color_dark: The background of a checkbox square or radio circle in dark mode.
+            checkbox_background_color_focus: The background of a checkbox square or radio circle when focused.
+            checkbox_background_color_focus_dark: The background of a checkbox square or radio circle when focused in dark mode.
+            checkbox_background_color_hover: The background of a checkbox square or radio circle when hovered over.
+            checkbox_background_color_hover_dark: The background of a checkbox square or radio circle when hovered over in dark mode.
+            checkbox_background_color_selected: The background of a checkbox square or radio circle when selected.
+            checkbox_background_color_selected_dark: The background of a checkbox square or radio circle when selected in dark mode.
+            checkbox_border_color: The border color of a checkbox square or radio circle.
+            checkbox_border_color_dark: The border color of a checkbox square or radio circle in dark mode.
+            checkbox_border_color_focus: The border color of a checkbox square or radio circle when focused.
+            checkbox_border_color_focus_dark: The border color of a checkbox square or radio circle when focused in dark mode.
+            checkbox_border_color_hover: The border color of a checkbox square or radio circle when hovered over.
+            checkbox_border_color_hover_dark: The border color of a checkbox square or radio circle when hovered over in dark mode.
+            checkbox_border_color_selected: The border color of a checkbox square or radio circle when selected.
+            checkbox_border_color_selected_dark: The border color of a checkbox square or radio circle when selected in dark mode.
+            checkbox_border_radius: The corner radius of a checkbox square.
+            checkbox_border_width: The border width of a checkbox square or radio circle.
+            checkbox_border_width_dark: The border width of a checkbox square or radio circle in dark mode.
+            checkbox_check: The checkmark visual of a checkbox square.
+            radio_circle: The circle visual of a radio circle.
+            checkbox_shadow: The shadow of a checkbox square or radio circle.
+            checkbox_label_background_fill: The background of the surrounding button of a checkbox or radio element.
+            checkbox_label_background_fill_dark: The background of the surrounding button of a checkbox or radio element in dark mode.
+            checkbox_label_background_fill_hover: The background of the surrounding button of a checkbox or radio element when hovered over.
+            checkbox_label_background_fill_hover_dark: The background of the surrounding button of a checkbox or radio element when hovered over in dark mode.
+            checkbox_label_background_fill_selected: The background of the surrounding button of a checkbox or radio element when selected.
+            checkbox_label_background_fill_selected_dark: The background of the surrounding button of a checkbox or radio element when selected in dark mode.
+            checkbox_label_border_color: The border color of the surrounding button of a checkbox or radio element.
+            checkbox_label_border_color_dark: The border color of the surrounding button of a checkbox or radio element in dark mode.
+            checkbox_label_border_color_hover: The border color of the surrounding button of a checkbox or radio element when hovered over.
+            checkbox_label_border_color_hover_dark: The border color of the surrounding button of a checkbox or radio element when hovered over in dark mode.
+            checkbox_label_border_color_selected: The border color of the surrounding button of a checkbox or radio element when selected.
+            checkbox_label_border_color_selected_dark: The border color of the surrounding button of a checkbox or radio element when selected in dark mode.
+            checkbox_label_border_width: The border width of the surrounding button of a checkbox or radio element.
+            checkbox_label_border_width_dark: The border width of the surrounding button of a checkbox or radio element in dark mode.
+            checkbox_label_gap: The gap consecutive checkbox or radio elements.
+            checkbox_label_padding: The padding of the surrounding button of a checkbox or radio element.
+            checkbox_label_shadow: The shadow of the surrounding button of a checkbox or radio element.
+            checkbox_label_shadow_dark: The shadow of the surrounding button of a checkbox or radio element in dark mode.
+            checkbox_label_shadow_hover: The shadow of the surrounding button of a checkbox or radio element on hover.
+            checkbox_label_shadow_active: The shadow of the surrounding button of a checkbox or radio element when active.
+            checkbox_label_text_size: The text size of the label accompanying a checkbox or radio element.
+            checkbox_label_text_weight: The text weight of the label accompanying a checkbox or radio element.
+            checkbox_label_text_color: The text color of the label accompanying a checkbox or radio element.
+            checkbox_label_text_color_dark: The text color of the label accompanying a checkbox or radio element in dark mode.
+            checkbox_label_text_color_selected: The text color of the label accompanying a checkbox or radio element when selected.
+            checkbox_label_text_color_selected_dark: The text color of the label accompanying a checkbox or radio element when selected in dark mode.
+            error_background_fill: The background of an error message.
+            error_background_fill_dark: The background of an error message in dark mode.
+            error_border_color: The border color of an error message.
+            error_border_color_dark: The border color of an error message in dark mode.
+            error_border_width: The border width of an error message.
+            error_border_width_dark: The border width of an error message in dark mode.
+            error_text_color: The text color of an error message.
+            error_text_color_dark: The text color of an error message in dark mode.
+            input_background_fill: The background of an input field.
+            input_background_fill_dark: The background of an input field in dark mode.
+            input_background_fill_focus: The background of an input field when focused.
+            input_background_fill_focus_dark: The background of an input field when focused in dark mode.
+            input_background_fill_hover: The background of an input field when hovered over.
+            input_background_fill_hover_dark: The background of an input field when hovered over in dark mode.
+            input_border_color: The border color of an input field.
+            input_border_color_dark: The border color of an input field in dark mode.
+            input_border_color_focus: The border color of an input field when focused.
+            input_border_color_focus_dark: The border color of an input field when focused in dark mode.
+            input_border_color_hover: The border color of an input field when hovered over.
+            input_border_color_hover_dark: The border color of an input field when hovered over in dark mode.
+            input_border_width: The border width of an input field.
+            input_border_width_dark: The border width of an input field in dark mode.
+            input_padding: The padding of an input field.
+            input_placeholder_color: The placeholder text color of an input field.
+            input_placeholder_color_dark: The placeholder text color of an input field in dark mode.
+            input_radius: The corner radius of an input field.
+            input_shadow: The shadow of an input field.
+            input_shadow_dark: The shadow of an input field in dark mode.
+            input_shadow_focus: The shadow of an input field when focused.
+            input_shadow_focus_dark: The shadow of an input field when focused in dark mode.
+            input_text_size: The text size of an input field.
+            input_text_weight: The text weight of an input field.
+            loader_color: The color of the loading animation while a request is pending.
+            loader_color_dark: The color of the loading animation while a request is pending in dark mode.
+            slider_color: The color of the slider in a range element.
+            slider_color_dark: The color of the slider in a range element in dark mode.
+            stat_background_fill: The background used for stats visuals (e.g. confidence bars in label).
+            stat_background_fill_dark: The background used for stats visuals (e.g. confidence bars in label) in dark mode.
+            table_border_color: The border color of a table.
+            table_border_color_dark: The border color of a table in dark mode.
+            table_even_background_fill: The background of even rows in a table.
+            table_even_background_fill_dark: The background of even rows in a table in dark mode.
+            table_odd_background_fill: The background of odd rows in a table.
+            table_odd_background_fill_dark: The background of odd rows in a table in dark mode.
+            table_radius: The corner radius of a table.
+            table_row_focus: The background of a focused row in a table.
+            table_row_focus_dark: The background of a focused row in a table in dark mode.
+            button_border_width: The border width of a button.
+            button_border_width_dark: The border width of a button in dark mode.
+            button_cancel_background_fill: The background of a button of "cancel" variant.
+            button_cancel_background_fill_dark: The background of a button of "cancel" variant in dark mode.
+            button_cancel_background_fill_hover: The background of a button of "cancel" variant when hovered over.
+            button_cancel_background_fill_hover_dark: The background of a button of "cancel" variant when hovered over in dark mode.
+            button_cancel_border_color: The border color of a button of "cancel" variant.
+            button_cancel_border_color_dark: The border color of a button of "cancel" variant in dark mode.
+            button_cancel_border_color_hover: The border color of a button of "cancel" variant when hovered over.
+            button_cancel_border_color_hover_dark: The border color of a button of "cancel" variant when hovered over in dark mode.
+            button_cancel_text_color: The text color of a button of "cancel" variant.
+            button_cancel_text_color_dark: The text color of a button of "cancel" variant in dark mode.
+            button_cancel_text_color_hover: The text color of a button of "cancel" variant when hovered over.
+            button_cancel_text_color_hover_dark: The text color of a button of "cancel" variant when hovered over in dark mode.
+            button_cancel_shadow: The shadow under a button of "cancel" variant.
+            button_cancel_shadow_hover: The shadow under a button of "cancel" variant when hovered over.
+            button_cancel_shadow_active: The shadow under a button of "cancel" variant when pressed.
+            button_cancel_shadow_dark: The shadow under a button of "cancel" variant in dark mode.
+            button_cancel_shadow_hover_dark: The shadow under a button of "cancel" variant when hovered over in dark mode.
+            button_cancel_shadow_active_dark: The shadow under a button of "cancel" variant when pressed in dark mode.
+            button_large_padding: The padding of a button with the default "large" size.
+            button_large_radius: The corner radius of a button with the default "large" size.
+            button_large_text_size: The text size of a button with the default "large" size.
+            button_large_text_weight: The text weight of a button with the default "large" size.
+            button_primary_background_fill: The background of a button of "primary" variant.
+            button_primary_background_fill_dark: The background of a button of "primary" variant in dark mode.
+            button_primary_background_fill_hover: The background of a button of "primary" variant when hovered over.
+            button_primary_background_fill_hover_dark: The background of a button of "primary" variant when hovered over in dark mode.
+            button_primary_border_color: The border color of a button of "primary" variant.
+            button_primary_border_color_dark: The border color of a button of "primary" variant in dark mode.
+            button_primary_border_color_hover: The border color of a button of "primary" variant when hovered over.
+            button_primary_border_color_hover_dark: The border color of a button of "primary" variant when hovered over in dark mode.
+            button_primary_text_color: The text color of a button of "primary" variant.
+            button_primary_text_color_dark: The text color of a button of "primary" variant in dark mode.
+            button_primary_text_color_hover: The text color of a button of "primary" variant when hovered over.
+            button_primary_text_color_hover_dark: The text color of a button of "primary" variant when hovered over in dark mode.
+            button_primary_shadow: The shadow under a primary button.
+            button_primary_shadow_active: The shadow under a primary button when pressed.
+            button_primary_shadow_hover: The shadow under a primary button when hovered over.
+            button_primary_shadow_dark: The shadow under a primary button in dark mode.
+            button_primary_shadow_active_dark: The shadow under a primary button when pressed in dark mode.
+            button_primary_shadow_hover_dark: The shadow under a primary button when hovered over in dark mode.
+            button_secondary_background_fill: The background of a button of default "secondary" variant.
+            button_secondary_background_fill_dark: The background of a button of default "secondary" variant in dark mode.
+            button_secondary_background_fill_hover: The background of a button of default "secondary" variant when hovered over.
+            button_secondary_background_fill_hover_dark: The background of a button of default "secondary" variant when hovered over in dark mode.
+            button_secondary_border_color: The border color of a button of default "secondary" variant.
+            button_secondary_border_color_dark: The border color of a button of default "secondary" variant in dark mode.
+            button_secondary_border_color_hover: The border color of a button of default "secondary" variant when hovered over.
+            button_secondary_border_color_hover_dark: The border color of a button of default "secondary" variant when hovered over in dark mode.
+            button_secondary_text_color: The text color of a button of default "secondary" variant.
+            button_secondary_text_color_dark: The text color of a button of default "secondary" variant in dark mode.
+            button_secondary_text_color_hover: The text color of a button of default "secondary" variant when hovered over.
+            button_secondary_text_color_hover_dark: The text color of a button of default "secondary" variant when hovered over in dark mode.
+            button_secondary_shadow: The shadow under a secondary button.
+            button_secondary_shadow_active: The shadow under a secondary button when pressed.
+            button_secondary_shadow_hover: The shadow under a secondary button when hovered over.
+            button_secondary_shadow_dark: The shadow under a secondary button in dark mode.
+            button_secondary_shadow_active_dark: The shadow under a secondary button when pressed in dark mode.
+            button_secondary_shadow_hover_dark: The shadow under a secondary button when hovered over in dark mode.
+            button_small_padding: The padding of a button set to "small" size.
+            button_small_radius: The corner radius of a button set to "small" size.
+            button_small_text_size: The text size of a button set to "small" size.
+            button_small_text_weight: The text weight of a button set to "small" size.
+            button_medium_padding: The padding of a button set to "medium" size.
+            button_medium_radius: The corner radius of a button set to "medium" size.
+            button_medium_text_size: The text size of a button set to "medium" size.
+            button_medium_text_weight: The text weight of a button set to "medium" size.
+            button_transition: The transition animation duration of a button between regular, hover, and focused states.
+            button_transform_hover: The transform animation of a button on hover.
+            button_transform_active: The transform animation of a button when pressed.
+        """
+
+        # Body
+        self.body_background_fill = body_background_fill or getattr(
+            self, "body_background_fill", "*background_fill_primary"
+        )
+        self.body_background_fill_dark = body_background_fill_dark or getattr(
+            self, "body_background_fill_dark", "*background_fill_primary"
+        )
+        self.body_text_color = body_text_color or getattr(
+            self, "body_text_color", "*neutral_800"
+        )
+        self.body_text_color_dark = body_text_color_dark or getattr(
+            self, "body_text_color_dark", "*neutral_100"
+        )
+        self.body_text_size = body_text_size or getattr(
+            self, "body_text_size", "*text_md"
+        )
+        self.body_text_weight = body_text_weight or getattr(
+            self, "body_text_weight", "400"
+        )
+        self.embed_radius = embed_radius or getattr(self, "embed_radius", "*radius_sm")
+        # Core Colors
+        self.color_accent = color_accent or getattr(
+            self, "color_accent", "*primary_500"
+        )
+        self.color_accent_soft = color_accent_soft or getattr(
+            self, "color_accent_soft", "*primary_50"
+        )
+        self.color_accent_soft_dark = color_accent_soft_dark or getattr(
+            self, "color_accent_soft_dark", "*neutral_700"
+        )
+        self.background_fill_primary = background_fill_primary or getattr(
+            self, "background_primary", "white"
+        )
+        self.background_fill_primary_dark = background_fill_primary_dark or getattr(
+            self, "background_primary_dark", "*neutral_950"
+        )
+        self.background_fill_secondary = background_fill_secondary or getattr(
+            self, "background_secondary", "*neutral_50"
+        )
+        self.background_fill_secondary_dark = background_fill_secondary_dark or getattr(
+            self, "background_secondary_dark", "*neutral_900"
+        )
+        self.border_color_accent = border_color_accent or getattr(
+            self, "border_color_accent", "*primary_300"
+        )
+        self.border_color_accent_dark = border_color_accent_dark or getattr(
+            self, "border_color_accent_dark", "*neutral_600"
+        )
+        self.border_color_primary = border_color_primary or getattr(
+            self, "border_color_primary", "*neutral_200"
+        )
+        self.border_color_primary_dark = border_color_primary_dark or getattr(
+            self, "border_color_primary_dark", "*neutral_700"
+        )
+        # Text Colors
+        self.link_text_color = link_text_color or getattr(
+            self, "link_text_color", "*secondary_600"
+        )
+        self.link_text_color_active = link_text_color_active or getattr(
+            self, "link_text_color_active", "*secondary_600"
+        )
+        self.link_text_color_active_dark = link_text_color_active_dark or getattr(
+            self, "link_text_color_active_dark", "*secondary_500"
+        )
+        self.link_text_color_dark = link_text_color_dark or getattr(
+            self, "link_text_color_dark", "*secondary_500"
+        )
+        self.link_text_color_hover = link_text_color_hover or getattr(
+            self, "link_text_color_hover", "*secondary_700"
+        )
+        self.link_text_color_hover_dark = link_text_color_hover_dark or getattr(
+            self, "link_text_color_hover_dark", "*secondary_400"
+        )
+        self.link_text_color_visited = link_text_color_visited or getattr(
+            self, "link_text_color_visited", "*secondary_500"
+        )
+        self.link_text_color_visited_dark = link_text_color_visited_dark or getattr(
+            self, "link_text_color_visited_dark", "*secondary_600"
+        )
+        self.body_text_color_subdued = body_text_color_subdued or getattr(
+            self, "body_text_color_subdued", "*neutral_400"
+        )
+        self.body_text_color_subdued_dark = body_text_color_subdued_dark or getattr(
+            self, "body_text_color_subdued_dark", "*neutral_400"
+        )
+        self.accordion_text_color = accordion_text_color or getattr(
+            self, "accordion_text_color", "*body_text_color"
+        )
+        self.accordion_text_color_dark = accordion_text_color_dark or getattr(
+            self, "accordion_text_color_dark", "*body_text_color"
+        )
+        self.table_text_color = table_text_color or getattr(
+            self, "table_text_color", "*body_text_color"
+        )
+        self.table_text_color_dark = table_text_color_dark or getattr(
+            self, "table_text_color_dark", "*body_text_color"
+        )
+        # Shadows
+        self.shadow_drop = shadow_drop or getattr(
+            self, "shadow_drop", "rgba(0,0,0,0.05) 0px 1px 2px 0px"
+        )
+        self.shadow_drop_lg = shadow_drop_lg or getattr(
+            self,
+            "shadow_drop_lg",
+            "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+        )
+        self.shadow_inset = shadow_inset or getattr(
+            self, "shadow_inset", "rgba(0,0,0,0.05) 0px 2px 4px 0px inset"
+        )
+        self.shadow_spread = shadow_spread or getattr(self, "shadow_spread", "3px")
+        self.shadow_spread_dark = shadow_spread_dark or getattr(
+            self, "shadow_spread_dark", "1px"
+        )
+        # Layout Atoms
+        self.block_background_fill = block_background_fill or getattr(
+            self, "block_background_fill", "*background_fill_primary"
+        )
+        self.block_background_fill_dark = block_background_fill_dark or getattr(
+            self, "block_background_fill_dark", "*neutral_800"
+        )
+        self.block_border_color = block_border_color or getattr(
+            self, "block_border_color", "*border_color_primary"
+        )
+        self.block_border_color_dark = block_border_color_dark or getattr(
+            self, "block_border_color_dark", "*border_color_primary"
+        )
+        self.block_border_width = block_border_width or getattr(
+            self, "block_border_width", "1px"
+        )
+        self.block_border_width_dark = block_border_width_dark or getattr(
+            self, "block_border_width_dark", None
+        )
+        self.block_info_text_color = block_info_text_color or getattr(
+            self, "block_info_text_color", "*body_text_color_subdued"
+        )
+        self.block_info_text_color_dark = block_info_text_color_dark or getattr(
+            self, "block_info_text_color_dark", "*body_text_color_subdued"
+        )
+        self.block_info_text_size = block_info_text_size or getattr(
+            self, "block_info_text_size", "*text_sm"
+        )
+        self.block_info_text_weight = block_info_text_weight or getattr(
+            self, "block_info_text_weight", "400"
+        )
+        self.block_label_background_fill = block_label_background_fill or getattr(
+            self, "block_label_background_fill", "*background_fill_primary"
+        )
+        self.block_label_background_fill_dark = (
+            block_label_background_fill_dark
+            or getattr(
+                self, "block_label_background_fill_dark", "*background_fill_secondary"
+            )
+        )
+        self.block_label_border_color = block_label_border_color or getattr(
+            self, "block_label_border_color", "*border_color_primary"
+        )
+        self.block_label_border_color_dark = block_label_border_color_dark or getattr(
+            self, "block_label_border_color_dark", "*border_color_primary"
+        )
+        self.block_label_border_width = block_label_border_width or getattr(
+            self, "block_label_border_width", "1px"
+        )
+        self.block_label_border_width_dark = block_label_border_width_dark or getattr(
+            self, "block_label_border_width_dark", None
+        )
+        self.block_label_shadow = block_label_shadow or getattr(
+            self, "block_label_shadow", "*block_shadow"
+        )
+        self.block_label_text_color = block_label_text_color or getattr(
+            self, "block_label_text_color", "*neutral_500"
+        )
+        self.block_label_text_color_dark = block_label_text_color_dark or getattr(
+            self, "block_label_text_color_dark", "*neutral_200"
+        )
+        self.block_label_margin = block_label_margin or getattr(
+            self, "block_label_margin", "0"
+        )
+        self.block_label_padding = block_label_padding or getattr(
+            self, "block_label_padding", "*spacing_sm *spacing_lg"
+        )
+        self.block_label_radius = block_label_radius or getattr(
+            self,
+            "block_label_radius",
+            "calc(*radius_sm - 1px) 0 calc(*radius_sm - 1px) 0",
+        )
+        self.block_label_right_radius = block_label_right_radius or getattr(
+            self,
+            "block_label_right_radius",
+            "0 calc(*radius_sm - 1px) 0 calc(*radius_sm - 1px)",
+        )
+        self.block_label_text_size = block_label_text_size or getattr(
+            self, "block_label_text_size", "*text_sm"
+        )
+        self.block_label_text_weight = block_label_text_weight or getattr(
+            self, "block_label_text_weight", "400"
+        )
+        self.block_padding = block_padding or getattr(
+            self, "block_padding", "*spacing_xl calc(*spacing_xl + 2px)"
+        )
+        self.block_radius = block_radius or getattr(self, "block_radius", "*radius_sm")
+        self.block_shadow = block_shadow or getattr(self, "block_shadow", "none")
+        self.block_shadow_dark = block_shadow_dark or getattr(
+            self, "block_shadow_dark", None
+        )
+        self.block_title_background_fill = block_title_background_fill or getattr(
+            self, "block_title_background_fill", "none"
+        )
+        self.block_title_background_fill_dark = (
+            block_title_background_fill_dark
+            or getattr(self, "block_title_background_fill_dark", None)
+        )
+        self.block_title_border_color = block_title_border_color or getattr(
+            self, "block_title_border_color", "none"
+        )
+        self.block_title_border_color_dark = block_title_border_color_dark or getattr(
+            self, "block_title_border_color_dark", None
+        )
+        self.block_title_border_width = block_title_border_width or getattr(
+            self, "block_title_border_width", "0px"
+        )
+        self.block_title_border_width_dark = block_title_border_width_dark or getattr(
+            self, "block_title_border_width_dark", None
+        )
+        self.block_title_text_color = block_title_text_color or getattr(
+            self, "block_title_text_color", "*neutral_500"
+        )
+        self.block_title_text_color_dark = block_title_text_color_dark or getattr(
+            self, "block_title_text_color_dark", "*neutral_200"
+        )
+        self.block_title_padding = block_title_padding or getattr(
+            self, "block_title_padding", "0"
+        )
+        self.block_title_radius = block_title_radius or getattr(
+            self, "block_title_radius", "none"
+        )
+        self.block_title_text_size = block_title_text_size or getattr(
+            self, "block_title_text_size", "*text_md"
+        )
+        self.block_title_text_weight = block_title_text_weight or getattr(
+            self, "block_title_text_weight", "400"
+        )
+        self.container_radius = container_radius or getattr(
+            self, "container_radius", "*radius_sm"
+        )
+        self.form_gap_width = form_gap_width or getattr(self, "form_gap_width", "0px")
+        self.layout_gap = layout_gap or getattr(self, "layout_gap", "*spacing_xxl")
+        self.panel_background_fill = panel_background_fill or getattr(
+            self, "panel_background_fill", "*background_fill_secondary"
+        )
+        self.panel_background_fill_dark = panel_background_fill_dark or getattr(
+            self, "panel_background_fill_dark", "*background_fill_secondary"
+        )
+        self.panel_border_color = panel_border_color or getattr(
+            self, "panel_border_color", "*border_color_primary"
+        )
+        self.panel_border_color_dark = panel_border_color_dark or getattr(
+            self, "panel_border_color_dark", "*border_color_primary"
+        )
+        self.panel_border_width = panel_border_width or getattr(
+            self, "panel_border_width", "0"
+        )
+        self.panel_border_width_dark = panel_border_width_dark or getattr(
+            self, "panel_border_width_dark", None
+        )
+        self.section_header_text_size = section_header_text_size or getattr(
+            self, "section_header_text_size", "*text_md"
+        )
+        self.section_header_text_weight = section_header_text_weight or getattr(
+            self, "section_header_text_weight", "400"
+        )
+        self.border_color_accent_subdued = border_color_accent_subdued or getattr(
+            self, "border_color_accent_subdued", "*border_color_accent"
+        )
+        self.border_color_accent_subdued_dark = (
+            border_color_accent_subdued_dark
+            or getattr(self, "border_color_accent_subdued_dark", "*border_color_accent")
+        )
+        # Component Atoms
+        self.code_background_fill = code_background_fill or getattr(
+            self, "code_background_fill", "*neutral_100"
+        )
+        self.code_background_fill_dark = code_background_fill_dark or getattr(
+            self, "code_background_fill_dark", "*neutral_800"
+        )
+        self.chatbot_text_size = chatbot_text_size or getattr(
+            self, "chatbot_text_size", "*text_lg"
+        )
+        self.checkbox_background_color = checkbox_background_color or getattr(
+            self, "checkbox_background_color", "*background_fill_primary"
+        )
+        self.checkbox_background_color_dark = checkbox_background_color_dark or getattr(
+            self, "checkbox_background_color_dark", "*neutral_800"
+        )
+        self.checkbox_background_color_focus = (
+            checkbox_background_color_focus
+            or getattr(
+                self, "checkbox_background_color_focus", "*checkbox_background_color"
+            )
+        )
+        self.checkbox_background_color_focus_dark = (
+            checkbox_background_color_focus_dark
+            or getattr(
+                self,
+                "checkbox_background_color_focus_dark",
+                "*checkbox_background_color",
+            )
+        )
+        self.checkbox_background_color_hover = (
+            checkbox_background_color_hover
+            or getattr(
+                self, "checkbox_background_color_hover", "*checkbox_background_color"
+            )
+        )
+        self.checkbox_background_color_hover_dark = (
+            checkbox_background_color_hover_dark
+            or getattr(
+                self,
+                "checkbox_background_color_hover_dark",
+                "*checkbox_background_color",
+            )
+        )
+        self.checkbox_background_color_selected = (
+            checkbox_background_color_selected
+            or getattr(self, "checkbox_background_color_selected", "*color_accent")
+        )
+        self.checkbox_background_color_selected_dark = (
+            checkbox_background_color_selected_dark
+            or getattr(self, "checkbox_background_color_selected_dark", "*color_accent")
+        )
+        self.checkbox_border_color = checkbox_border_color or getattr(
+            self, "checkbox_border_color", "*neutral_300"
+        )
+        self.checkbox_border_color_dark = checkbox_border_color_dark or getattr(
+            self, "checkbox_border_color_dark", "*neutral_700"
+        )
+        self.checkbox_border_color_focus = checkbox_border_color_focus or getattr(
+            self, "checkbox_border_color_focus", "*color_accent"
+        )
+        self.checkbox_border_color_focus_dark = (
+            checkbox_border_color_focus_dark
+            or getattr(self, "checkbox_border_color_focus_dark", "*color_accent")
+        )
+        self.checkbox_border_color_hover = checkbox_border_color_hover or getattr(
+            self, "checkbox_border_color_hover", "*neutral_300"
+        )
+        self.checkbox_border_color_hover_dark = (
+            checkbox_border_color_hover_dark
+            or getattr(self, "checkbox_border_color_hover_dark", "*neutral_600")
+        )
+        self.checkbox_border_color_selected = checkbox_border_color_selected or getattr(
+            self, "checkbox_border_color_selected", "*color_accent"
+        )
+        self.checkbox_border_color_selected_dark = (
+            checkbox_border_color_selected_dark
+            or getattr(self, "checkbox_border_color_selected_dark", "*color_accent")
+        )
+        self.checkbox_border_radius = checkbox_border_radius or getattr(
+            self, "checkbox_border_radius", "*radius_sm"
+        )
+        self.checkbox_border_width = checkbox_border_width or getattr(
+            self, "checkbox_border_width", "*input_border_width"
+        )
+        self.checkbox_border_width_dark = checkbox_border_width_dark or getattr(
+            self, "checkbox_border_width_dark", "*input_border_width"
+        )
+        self.checkbox_label_background_fill = checkbox_label_background_fill or getattr(
+            self, "checkbox_label_background_fill", "*button_secondary_background_fill"
+        )
+        self.checkbox_label_background_fill_dark = (
+            checkbox_label_background_fill_dark
+            or getattr(
+                self,
+                "checkbox_label_background_fill_dark",
+                "*button_secondary_background_fill",
+            )
+        )
+        self.checkbox_label_background_fill_hover = (
+            checkbox_label_background_fill_hover
+            or getattr(
+                self,
+                "checkbox_label_background_fill_hover",
+                "*button_secondary_background_fill_hover",
+            )
+        )
+        self.checkbox_label_background_fill_hover_dark = (
+            checkbox_label_background_fill_hover_dark
+            or getattr(
+                self,
+                "checkbox_label_background_fill_hover_dark",
+                "*button_secondary_background_fill_hover",
+            )
+        )
+        self.checkbox_label_background_fill_selected = (
+            checkbox_label_background_fill_selected
+            or getattr(
+                self,
+                "checkbox_label_background_fill_selected",
+                "*checkbox_label_background_fill",
+            )
+        )
+        self.checkbox_label_background_fill_selected_dark = (
+            checkbox_label_background_fill_selected_dark
+            or getattr(
+                self,
+                "checkbox_label_background_fill_selected_dark",
+                "*checkbox_label_background_fill",
+            )
+        )
+        self.checkbox_label_border_color = checkbox_label_border_color or getattr(
+            self, "checkbox_label_border_color", "*border_color_primary"
+        )
+        self.checkbox_label_border_color_dark = (
+            checkbox_label_border_color_dark
+            or getattr(
+                self, "checkbox_label_border_color_dark", "*border_color_primary"
+            )
+        )
+        self.checkbox_label_border_color_hover = (
+            checkbox_label_border_color_hover
+            or getattr(
+                self,
+                "checkbox_label_border_color_hover",
+                "*checkbox_label_border_color",
+            )
+        )
+        self.checkbox_label_border_color_hover_dark = (
+            checkbox_label_border_color_hover_dark
+            or getattr(
+                self,
+                "checkbox_label_border_color_hover_dark",
+                "*checkbox_label_border_color",
+            )
+        )
+        self.checkbox_label_border_color_selected = (
+            checkbox_label_border_color_selected
+            or getattr(
+                self,
+                "checkbox_label_border_color_selected",
+                "*checkbox_label_border_color",
+            )
+        )
+        self.checkbox_label_border_color_selected_dark = (
+            checkbox_label_border_color_selected_dark
+            or getattr(
+                self,
+                "checkbox_label_border_color_selected_dark",
+                "*checkbox_label_border_color",
+            )
+        )
+        self.checkbox_label_border_width = checkbox_label_border_width or getattr(
+            self, "checkbox_label_border_width", "*input_border_width"
+        )
+        self.checkbox_label_border_width_dark = (
+            checkbox_label_border_width_dark
+            or getattr(self, "checkbox_label_border_width_dark", "*input_border_width")
+        )
+        self.checkbox_label_gap = checkbox_label_gap or getattr(
+            self, "checkbox_label_gap", "*spacing_lg"
+        )
+        self.checkbox_label_padding = checkbox_label_padding or getattr(
+            self, "checkbox_label_padding", "*spacing_md calc(2 * *spacing_md)"
+        )
+        self.checkbox_label_shadow = checkbox_label_shadow or getattr(
+            self, "checkbox_label_shadow", "none"
+        )
+        self.checkbox_label_shadow_dark = checkbox_label_shadow_dark or getattr(
+            self, "checkbox_label_shadow_dark", None
+        )
+        self.checkbox_label_shadow_hover = checkbox_label_shadow_hover or getattr(
+            self, "checkbox_label_shadow_hover", "*checkbox_label_shadow"
+        )
+        self.checkbox_label_shadow_hover_dark = (
+            checkbox_label_shadow_hover_dark
+            or getattr(self, "checkbox_label_shadow_hover_dark", None)
+        )
+        self.checkbox_label_shadow_active = checkbox_label_shadow_active or getattr(
+            self, "checkbox_label_shadow_active", "*checkbox_label_shadow"
+        )
+        self.checkbox_label_shadow_active_dark = (
+            checkbox_label_shadow_active_dark
+            or getattr(self, "checkbox_label_shadow_active_dark", None)
+        )
+        self.checkbox_label_text_size = checkbox_label_text_size or getattr(
+            self, "checkbox_label_text_size", "*text_md"
+        )
+        self.checkbox_label_text_weight = checkbox_label_text_weight or getattr(
+            self, "checkbox_label_text_weight", "400"
+        )
+        self.checkbox_check = checkbox_check or getattr(
+            self,
+            "checkbox_check",
+            """url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")""",
+        )
+        self.radio_circle = radio_circle or getattr(
+            self,
+            "radio_circle",
+            """url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")""",
+        )
+        self.checkbox_shadow = checkbox_shadow or getattr(
+            self, "checkbox_shadow", "*input_shadow"
+        )
+        self.checkbox_label_text_color = checkbox_label_text_color or getattr(
+            self, "checkbox_label_text_color", "*body_text_color"
+        )
+        self.checkbox_label_text_color_dark = checkbox_label_text_color_dark or getattr(
+            self, "checkbox_label_text_color_dark", "*body_text_color"
+        )
+        self.checkbox_label_text_color_selected = (
+            checkbox_label_text_color_selected
+            or getattr(
+                self, "checkbox_label_text_color_selected", "*checkbox_label_text_color"
+            )
+        )
+        self.checkbox_label_text_color_selected_dark = (
+            checkbox_label_text_color_selected_dark
+            or getattr(
+                self,
+                "checkbox_label_text_color_selected_dark",
+                "*checkbox_label_text_color",
+            )
+        )
+        self.error_background_fill = error_background_fill or getattr(
+            self, "error_background_fill", colors.red.c50
+        )
+        self.error_background_fill_dark = error_background_fill_dark or getattr(
+            self, "error_background_fill_dark", "*background_fill_primary"
+        )
+        self.error_border_color = error_border_color or getattr(
+            self, "error_border_color", colors.red.c700
+        )
+        self.error_border_color_dark = error_border_color_dark or getattr(
+            self, "error_border_color_dark", colors.red.c500
+        )
+        self.error_border_width = error_border_width or getattr(
+            self, "error_border_width", "1px"
+        )
+        self.error_border_width_dark = error_border_width_dark or getattr(
+            self, "error_border_width_dark", None
+        )
+        self.error_text_color = error_text_color or getattr(
+            self, "error_text_color", colors.red.c700
+        )
+        self.error_text_color_dark = error_text_color_dark or getattr(
+            self, "error_text_color_dark", colors.red.c50
+        )
+        self.error_icon_color = error_icon_color or getattr(
+            self, "error_icon_color", colors.red.c700
+        )
+        self.error_icon_color_dark = error_icon_color_dark or getattr(
+            self, "error_icon_color_dark", colors.red.c500
+        )
+        self.input_background_fill = input_background_fill or getattr(
+            self, "input_background_fill", "*neutral_100"
+        )
+        self.input_background_fill_dark = input_background_fill_dark or getattr(
+            self, "input_background_fill_dark", "*neutral_700"
+        )
+        self.input_background_fill_focus = input_background_fill_focus or getattr(
+            self, "input_background_fill_focus", "*input_background_fill"
+        )
+        self.input_background_fill_focus_dark = (
+            input_background_fill_focus_dark
+            or getattr(self, "input_background_fill_focus_dark", None)
+        )
+        self.input_background_fill_hover = input_background_fill_hover or getattr(
+            self, "input_background_fill_hover", "*input_background_fill"
+        )
+        self.input_background_fill_hover_dark = (
+            input_background_fill_hover_dark
+            or getattr(
+                self, "input_background_fill_hover_dark", "*input_background_fill"
+            )
+        )
+        self.input_border_color = input_border_color or getattr(
+            self, "input_border_color", "*border_color_primary"
+        )
+        self.input_border_color_dark = input_border_color_dark or getattr(
+            self, "input_border_color_dark", "*border_color_primary"
+        )
+        self.input_border_color_focus = input_border_color_focus or getattr(
+            self, "input_border_color_focus", "*secondary_300"
+        )
+        self.input_border_color_focus_dark = input_border_color_focus_dark or getattr(
+            self, "input_border_color_focus_dark", "*neutral_700"
+        )
+        self.input_border_color_hover = input_border_color_hover or getattr(
+            self, "input_border_color_hover", "*input_border_color"
+        )
+        self.input_border_color_hover_dark = input_border_color_hover_dark or getattr(
+            self, "input_border_color_hover_dark", "*input_border_color"
+        )
+        self.input_border_width = input_border_width or getattr(
+            self, "input_border_width", "0px"
+        )
+        self.input_border_width_dark = input_border_width_dark or getattr(
+            self, "input_border_width_dark", None
+        )
+        self.input_padding = input_padding or getattr(
+            self, "input_padding", "*spacing_xl"
+        )
+        self.input_placeholder_color = input_placeholder_color or getattr(
+            self, "input_placeholder_color", "*neutral_400"
+        )
+        self.input_placeholder_color_dark = input_placeholder_color_dark or getattr(
+            self, "input_placeholder_color_dark", "*neutral_500"
+        )
+        self.input_radius = input_radius or getattr(self, "input_radius", "*radius_sm")
+        self.input_shadow = input_shadow or getattr(self, "input_shadow", "none")
+        self.input_shadow_dark = input_shadow_dark or getattr(
+            self, "input_shadow_dark", None
+        )
+        self.input_shadow_focus = input_shadow_focus or getattr(
+            self, "input_shadow_focus", "*input_shadow"
+        )
+        self.input_shadow_focus_dark = input_shadow_focus_dark or getattr(
+            self, "input_shadow_focus_dark", None
+        )
+        self.input_text_size = input_text_size or getattr(
+            self, "input_text_size", "*text_md"
+        )
+        self.input_text_weight = input_text_weight or getattr(
+            self, "input_text_weight", "400"
+        )
+        self.loader_color = loader_color or getattr(
+            self, "loader_color", "*color_accent"
+        )
+        self.loader_color_dark = loader_color_dark or getattr(
+            self, "loader_color_dark", None
+        )
+        self.prose_text_size = prose_text_size or getattr(
+            self, "prose_text_size", "*text_md"
+        )
+        self.prose_text_weight = prose_text_weight or getattr(
+            self, "prose_text_weight", "400"
+        )
+        self.prose_header_text_weight = prose_header_text_weight or getattr(
+            self, "prose_header_text_weight", "600"
+        )
+        self.slider_color = slider_color or getattr(
+            self, "slider_color", "*color_accent"
+        )
+        self.slider_color_dark = slider_color_dark or getattr(
+            self, "slider_color_dark", None
+        )
+        self.stat_background_fill = stat_background_fill or getattr(
+            self, "stat_background_fill", "*primary_300"
+        )
+        self.stat_background_fill_dark = stat_background_fill_dark or getattr(
+            self, "stat_background_fill_dark", "*primary_500"
+        )
+        self.table_border_color = table_border_color or getattr(
+            self, "table_border_color", "*neutral_300"
+        )
+        self.table_border_color_dark = table_border_color_dark or getattr(
+            self, "table_border_color_dark", "*neutral_700"
+        )
+        self.table_even_background_fill = table_even_background_fill or getattr(
+            self, "table_even_background_fill", "white"
+        )
+        self.table_even_background_fill_dark = (
+            table_even_background_fill_dark
+            or getattr(self, "table_even_background_fill_dark", "*neutral_950")
+        )
+        self.table_odd_background_fill = table_odd_background_fill or getattr(
+            self, "table_odd_background_fill", "*neutral_50"
+        )
+        self.table_odd_background_fill_dark = table_odd_background_fill_dark or getattr(
+            self, "table_odd_background_fill_dark", "*neutral_900"
+        )
+        self.table_radius = table_radius or getattr(self, "table_radius", "*radius_sm")
+        self.table_row_focus = table_row_focus or getattr(
+            self, "table_row_focus", "*color_accent_soft"
+        )
+        self.table_row_focus_dark = table_row_focus_dark or getattr(
+            self, "table_row_focus_dark", "*color_accent_soft"
+        )
+        # Buttons
+        self.button_border_width = button_border_width or getattr(
+            self, "button_border_width", "*input_border_width"
+        )
+        self.button_border_width_dark = button_border_width_dark or getattr(
+            self, "button_border_width_dark", None
+        )
+        self.button_cancel_background_fill = button_cancel_background_fill or getattr(
+            self, "button_cancel_background_fill", "*button_secondary_background_fill"
+        )
+        self.button_cancel_background_fill_dark = (
+            button_cancel_background_fill_dark
+            or getattr(
+                self,
+                "button_cancel_background_fill_dark",
+                "*button_secondary_background_fill",
+            )
+        )
+        self.button_cancel_background_fill_hover = (
+            button_cancel_background_fill_hover
+            or getattr(
+                self,
+                "button_cancel_background_fill_hover",
+                "*button_secondary_background_fill_hover",
+            )
+        )
+        self.button_cancel_background_fill_hover_dark = (
+            button_cancel_background_fill_hover_dark
+            or getattr(
+                self,
+                "button_cancel_background_fill_hover_dark",
+                "*button_secondary_background_fill_hover",
+            )
+        )
+        self.button_cancel_border_color = button_cancel_border_color or getattr(
+            self, "button_cancel_border_color", "*button_secondary_border_color"
+        )
+        self.button_cancel_border_color_dark = (
+            button_cancel_border_color_dark
+            or getattr(
+                self,
+                "button_cancel_border_color_dark",
+                "*button_secondary_border_color",
+            )
+        )
+
+        self.button_cancel_border_color_hover = (
+            button_cancel_border_color_hover
+            or getattr(
+                self,
+                "button_cancel_border_color_hover",
+                "*button_secondary_border_color_hover",
+            )
+        )
+        self.button_cancel_border_color_hover_dark = (
+            button_cancel_border_color_hover_dark
+            or getattr(
+                self,
+                "button_cancel_border_color_hover_dark",
+                "*button_secondary_border_color_hover",
+            )
+        )
+
+        self.button_cancel_text_color = button_cancel_text_color or getattr(
+            self, "button_cancel_text_color", "*button_secondary_text_color"
+        )
+        self.button_cancel_text_color_dark = button_cancel_text_color_dark or getattr(
+            self, "button_cancel_text_color_dark", "*button_secondary_text_color"
+        )
+        self.button_cancel_text_color_hover = button_cancel_text_color_hover or getattr(
+            self, "button_cancel_text_color_hover", "*button_secondary_text_color_hover"
+        )
+        self.button_cancel_text_color_hover_dark = (
+            button_cancel_text_color_hover_dark
+            or getattr(self, "button_cancel_text_color_hover_dark", "white")
+        )
+
+        self.button_cancel_shadow = button_cancel_shadow or getattr(
+            self, "button_cancel_shadow", "*button_secondary_shadow"
+        )
+        self.button_cancel_shadow_hover = button_cancel_shadow_hover or getattr(
+            self, "button_cancel_shadow_hover", "*button_secondary_shadow_hover"
+        )
+        self.button_cancel_shadow_active = button_cancel_shadow_active or getattr(
+            self, "button_cancel_shadow_active", "*button_secondary_shadow_active"
+        )
+        self.button_cancel_shadow_dark = button_cancel_shadow_dark or getattr(
+            self, "button_cancel_shadow_dark", "*button_secondary_shadow"
+        )
+        self.button_cancel_shadow_hover_dark = (
+            button_cancel_shadow_hover_dark
+            or getattr(
+                self,
+                "button_cancel_shadow_hover_dark",
+                "*button_secondary_shadow_hover",
+            )
+        )
+        self.button_cancel_shadow_active_dark = (
+            button_cancel_shadow_active_dark
+            or getattr(
+                self,
+                "button_cancel_shadow_active_dark",
+                "*button_secondary_shadow_active",
+            )
+        )
+
+        self.button_transform_hover = button_transform_hover or getattr(
+            self, "button_transform_hover", "none"
+        )
+        self.button_transform_active = button_transform_active or getattr(
+            self, "button_transform_active", "none"
+        )
+        self.button_transition = button_transition or getattr(
+            self, "button_transition", "all 0.2s ease"
+        )
+
+        self.button_large_padding = button_large_padding or getattr(
+            self, "button_large_padding", "*spacing_lg calc(2 * *spacing_lg)"
+        )
+        self.button_large_radius = button_large_radius or getattr(
+            self, "button_large_radius", "*radius_md"
+        )
+        self.button_large_text_size = button_large_text_size or getattr(
+            self, "button_large_text_size", "*text_lg"
+        )
+        self.button_large_text_weight = button_large_text_weight or getattr(
+            self, "button_large_text_weight", "600"
+        )
+        self.button_primary_background_fill = button_primary_background_fill or getattr(
+            self, "button_primary_background_fill", "*primary_500"
+        )
+        self.button_primary_background_fill_dark = (
+            button_primary_background_fill_dark
+            or getattr(self, "button_primary_background_fill_dark", "*primary_600")
+        )
+        self.button_primary_background_fill_hover = (
+            button_primary_background_fill_hover
+            or getattr(self, "button_primary_background_fill_hover", "*primary_600")
+        )
+        self.button_primary_background_fill_hover_dark = (
+            button_primary_background_fill_hover_dark
+            or getattr(
+                self,
+                "button_primary_background_fill_hover_dark",
+                "*primary_700",
+            )
+        )
+        self.button_primary_border_color = button_primary_border_color or getattr(
+            self, "button_primary_border_color", "*primary_500"
+        )
+        self.button_primary_border_color_dark = (
+            button_primary_border_color_dark
+            or getattr(self, "button_primary_border_color_dark", "*primary_600")
+        )
+        self.button_primary_border_color_hover = (
+            button_primary_border_color_hover
+            or getattr(
+                self,
+                "button_primary_border_color_hover",
+                "*primary_500",
+            )
+        )
+        self.button_primary_border_color_hover_dark = (
+            button_primary_border_color_hover_dark
+            or getattr(
+                self,
+                "button_primary_border_color_hover_dark",
+                "*primary_500",
+            )
+        )
+        self.button_primary_text_color = button_primary_text_color or getattr(
+            self, "button_primary_text_color", "white"
+        )
+        self.button_primary_text_color_dark = button_primary_text_color_dark or getattr(
+            self, "button_primary_text_color_dark", "white"
+        )
+        self.button_primary_text_color_hover = (
+            button_primary_text_color_hover
+            or getattr(
+                self, "button_primary_text_color_hover", "*button_primary_text_color"
+            )
+        )
+        self.button_primary_text_color_hover_dark = (
+            button_primary_text_color_hover_dark
+            or getattr(
+                self,
+                "button_primary_text_color_hover_dark",
+                "*button_primary_text_color",
+            )
+        )
+        self.button_primary_shadow = button_primary_shadow or getattr(
+            self, "button_primary_shadow", "none"
+        )
+        self.button_primary_shadow_hover = button_primary_shadow_hover or getattr(
+            self, "button_primary_shadow_hover", "*button_primary_shadow"
+        )
+        self.button_primary_shadow_active = button_primary_shadow_active or getattr(
+            self, "button_primary_shadow_active", "*button_primary_shadow"
+        )
+        self.button_primary_shadow_dark = button_primary_shadow_dark or getattr(
+            self, "button_primary_shadow_dark", None
+        )
+        self.button_primary_shadow_hover_dark = (
+            button_primary_shadow_hover_dark
+            or getattr(
+                self, "button_primary_shadow_hover_dark", "*button_primary_shadow"
+            )
+        )
+        self.button_primary_shadow_active_dark = (
+            button_primary_shadow_active_dark
+            or getattr(
+                self, "button_primary_shadow_active_dark", "*button_primary_shadow"
+            )
+        )
+        self.button_secondary_background_fill = (
+            button_secondary_background_fill
+            or getattr(self, "button_secondary_background_fill", "*neutral_200")
+        )
+        self.button_secondary_background_fill_dark = (
+            button_secondary_background_fill_dark
+            or getattr(self, "button_secondary_background_fill_dark", "*neutral_600")
+        )
+        self.button_secondary_background_fill_hover = (
+            button_secondary_background_fill_hover
+            or getattr(self, "button_secondary_background_fill_hover", "*neutral_300")
+        )
+        self.button_secondary_background_fill_hover_dark = (
+            button_secondary_background_fill_hover_dark
+            or getattr(
+                self, "button_secondary_background_fill_hover_dark", "*neutral_700"
+            )
+        )
+        self.button_secondary_border_color = button_secondary_border_color or getattr(
+            self, "button_secondary_border_color", "*neutral_200"
+        )
+        self.button_secondary_border_color_dark = (
+            button_secondary_border_color_dark
+            or getattr(self, "button_secondary_border_color_dark", "*neutral_600")
+        )
+        self.button_secondary_border_color_hover = (
+            button_secondary_border_color_hover
+            or getattr(
+                self,
+                "button_secondary_border_color_hover",
+                "*neutral_200",
+            )
+        )
+        self.button_secondary_border_color_hover_dark = (
+            button_secondary_border_color_hover_dark
+            or getattr(
+                self,
+                "button_secondary_border_color_hover_dark",
+                "*neutral_500",
+            )
+        )
+        self.button_secondary_text_color = button_secondary_text_color or getattr(
+            self, "button_secondary_text_color", "black"
+        )
+        self.button_secondary_text_color_dark = (
+            button_secondary_text_color_dark
+            or getattr(self, "button_secondary_text_color_dark", "white")
+        )
+        self.button_secondary_text_color_hover = (
+            button_secondary_text_color_hover
+            or getattr(
+                self,
+                "button_secondary_text_color_hover",
+                "*button_secondary_text_color",
+            )
+        )
+        self.button_secondary_text_color_hover_dark = (
+            button_secondary_text_color_hover_dark
+            or getattr(
+                self,
+                "button_secondary_text_color_hover_dark",
+                "*button_secondary_text_color",
+            )
+        )
+        self.button_secondary_shadow = button_secondary_shadow or getattr(
+            self, "button_secondary_shadow", "*button_primary_shadow"
+        )
+        self.button_secondary_shadow_hover = button_secondary_shadow_hover or getattr(
+            self, "button_secondary_shadow_hover", "*button_secondary_shadow"
+        )
+        self.button_secondary_shadow_active = button_secondary_shadow_active or getattr(
+            self, "button_secondary_shadow_active", "*button_secondary_shadow"
+        )
+        self.button_secondary_shadow_dark = button_secondary_shadow_dark or getattr(
+            self, "button_secondary_shadow_dark", None
+        )
+        self.button_secondary_shadow_hover_dark = (
+            button_secondary_shadow_hover_dark
+            or getattr(
+                self, "button_secondary_shadow_hover_dark", "*button_secondary_shadow"
+            )
+        )
+        self.button_secondary_shadow_active_dark = (
+            button_secondary_shadow_active_dark
+            or getattr(
+                self, "button_secondary_shadow_active_dark", "*button_secondary_shadow"
+            )
+        )
+
+        self.button_small_padding = button_small_padding or getattr(
+            self, "button_small_padding", "*spacing_sm calc(1.5 * *spacing_sm)"
+        )
+        self.button_small_radius = button_small_radius or getattr(
+            self, "button_small_radius", "*radius_md"
+        )
+        self.button_small_text_size = button_small_text_size or getattr(
+            self, "button_small_text_size", "*text_sm"
+        )
+        self.button_small_text_weight = button_small_text_weight or getattr(
+            self, "button_small_text_weight", "400"
+        )
+        self.button_medium_padding = button_medium_padding or getattr(
+            self, "button_medium_padding", "*spacing_md calc(2 * *spacing_md)"
+        )
+        self.button_medium_radius = button_medium_radius or getattr(
+            self, "button_medium_radius", "*radius_md"
+        )
+        self.button_medium_text_size = button_medium_text_size or getattr(
+            self, "button_medium_text_size", "*text_md"
+        )
+        self.button_medium_text_weight = button_medium_text_weight or getattr(
+            self, "button_medium_text_weight", "600"
+        )
+
+        return self
diff --git a/gradio/themes/builder_app.py b/gradio/themes/builder_app.py
new file mode 100644
index 0000000..96722a7
--- /dev/null
+++ b/gradio/themes/builder_app.py
@@ -0,0 +1,1018 @@
+import inspect
+import time
+from collections.abc import Iterable
+
+from gradio_client.documentation import document_fn
+
+import gradio as gr
+
+themes = [
+    gr.themes.Base,
+    gr.themes.Default,
+    gr.themes.Soft,
+    gr.themes.Monochrome,
+    gr.themes.Glass,
+    gr.themes.Origin,
+    gr.themes.Citrus,
+    gr.themes.Ocean,
+]
+colors = gr.themes.Color.all
+sizes = gr.themes.Size.all
+
+palette_range = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950]
+size_range = ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"]
+docs_theme_core = document_fn(gr.themes.Base.__init__, gr.themes.Base)[1]
+docs_theme_vars = document_fn(gr.themes.Base.set, gr.themes.Base)[1]
+
+
+def get_docstr(var):
+    for parameters in docs_theme_core + docs_theme_vars:
+        if parameters["name"] == var:
+            return parameters["doc"]
+    raise ValueError(f"Variable {var} not found in theme documentation.")
+
+
+def get_doc_theme_var_groups():
+    source = inspect.getsource(gr.themes.Base.set)
+    groups = []
+    group, desc, variables, flat_variables = None, None, [], []
+    for line in source.splitlines():
+        line = line.strip()
+        if line.startswith(")"):
+            break
+        elif line.startswith("# "):
+            if group is not None:
+                groups.append((group, desc, variables))
+            group, desc = line[2:].split(": ")
+            variables = []
+        elif "=" in line:
+            var = line.split("=")[0]
+            variables.append(var)
+            flat_variables.append(var)
+    groups.append((group, desc, variables))
+    return groups, flat_variables
+
+
+variable_groups, flat_variables = get_doc_theme_var_groups()
+
+css = """
+.gradio-container {
+    overflow: visible !important;
+    max-width: none !important;
+}
+#controls {
+    max-height: 100vh;
+    flex-wrap: unset;
+    overflow-y: scroll;
+    position: sticky;
+    top: 0;
+}
+#controls::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 7px;
+}
+
+#controls::-webkit-scrollbar-thumb {
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, .5);
+  box-shadow: 0 0 1px rgba(255, 255, 255, .5);
+}
+"""
+
+with gr.Blocks(  # noqa: SIM117
+    title="Gradio Theme Builder",
+) as demo:
+    with gr.Row():
+        with gr.Column(scale=1, elem_id="controls", min_width=400):
+            with gr.Row():
+                undo_btn = gr.Button("Undo", size="sm")
+                dark_mode_btn = gr.Button("Dark Mode", variant="primary", size="sm")
+            with gr.Tabs():
+                with gr.TabItem("Source Theme"):
+                    gr.Markdown(
+                        """
+                    Select a base theme below you would like to build off of. Note: when you click 'Load Theme', all variable values in other tabs will be overwritten!
+                    """
+                    )
+                    base_theme_dropdown = gr.Dropdown(
+                        [theme.__name__ for theme in themes],
+                        value="Base",
+                        label="Theme",
+                    )
+                    load_theme_btn = gr.Button("Load Theme", elem_id="load_theme")
+                with gr.TabItem("Core Colors"):
+                    gr.Markdown(
+                        """Set the three hues of the theme: `primary_hue`, `secondary_hue`, and `neutral_hue`.
+                        Each of these is a palette ranging from 50 to 950 in brightness. Pick a preset palette - optionally, open the accordion to overwrite specific values.
+                        Note that these variables do not affect elements directly, but are referenced by other variables with asterisks, such as `*primary_200` or `*neutral_950`."""
+                    )
+                    primary_hue = gr.Dropdown(
+                        [color.name for color in colors], label="Primary Hue"
+                    )
+                    with gr.Accordion(label="Primary Hue Palette", open=False):
+                        primary_hues = []
+                        for i in palette_range:
+                            primary_hues.append(
+                                gr.ColorPicker(
+                                    label=f"primary_{i}",
+                                )
+                            )
+
+                    secondary_hue = gr.Dropdown(
+                        [color.name for color in colors], label="Secondary Hue"
+                    )
+                    with gr.Accordion(label="Secondary Hue Palette", open=False):
+                        secondary_hues = []
+                        for i in palette_range:
+                            secondary_hues.append(
+                                gr.ColorPicker(
+                                    label=f"secondary_{i}",
+                                )
+                            )
+
+                    neutral_hue = gr.Dropdown(
+                        [color.name for color in colors], label="Neutral hue"
+                    )
+                    with gr.Accordion(label="Neutral Hue Palette", open=False):
+                        neutral_hues = []
+                        for i in palette_range:
+                            neutral_hues.append(
+                                gr.ColorPicker(
+                                    label=f"neutral_{i}",
+                                )
+                            )
+
+                with gr.TabItem("Core Sizing"):
+                    gr.Markdown(
+                        """Set the sizing of the theme via: `text_size`, `spacing_size`, and `radius_size`.
+                        Each of these is set to a collection of sizes ranging from `xxs` to `xxl`. Pick a preset size collection - optionally, open the accordion to overwrite specific values.
+                        Note that these variables do not affect elements directly, but are referenced by other variables with asterisks, such as `*spacing_xl` or `*text_sm`.
+                        """
+                    )
+                    text_size = gr.Dropdown(
+                        [size.name for size in sizes if size.name.startswith("text_")],
+                        label="Text Size",
+                    )
+                    with gr.Accordion(label="Text Size Range", open=False):
+                        text_sizes = []
+                        for i in size_range:
+                            text_sizes.append(
+                                gr.Textbox(
+                                    label=f"text_{i}",
+                                )
+                            )
+
+                    spacing_size = gr.Dropdown(
+                        [
+                            size.name
+                            for size in sizes
+                            if size.name.startswith("spacing_")
+                        ],
+                        label="Spacing Size",
+                    )
+                    with gr.Accordion(label="Spacing Size Range", open=False):
+                        spacing_sizes = []
+                        for i in size_range:
+                            spacing_sizes.append(
+                                gr.Textbox(
+                                    label=f"spacing_{i}",
+                                )
+                            )
+
+                    radius_size = gr.Dropdown(
+                        [
+                            size.name
+                            for size in sizes
+                            if size.name.startswith("radius_")
+                        ],
+                        label="Radius Size",
+                    )
+                    with gr.Accordion(label="Radius Size Range", open=False):
+                        radius_sizes = []
+                        for i in size_range:
+                            radius_sizes.append(
+                                gr.Textbox(
+                                    label=f"radius_{i}",
+                                )
+                            )
+
+                with gr.TabItem("Core Fonts"):
+                    gr.Markdown(
+                        """Set the main `font` and the monospace `font_mono` here.
+                        Set up to 4 values for each (fallbacks in case a font is not available).
+                        Check "Google Font" if font should be loaded from Google Fonts.
+                        """
+                    )
+                    gr.Markdown("### Main Font")
+                    main_fonts, main_is_google = [], []
+                    for i in range(4):
+                        with gr.Row():
+                            font = gr.Textbox(label=f"Font {i + 1}")
+                            font_is_google = gr.Checkbox(label="Google Font")
+                            main_fonts.append(font)
+                            main_is_google.append(font_is_google)
+
+                    mono_fonts, mono_is_google = [], []
+                    gr.Markdown("### Monospace Font")
+                    for i in range(4):
+                        with gr.Row():
+                            font = gr.Textbox(label=f"Font {i + 1}")
+                            font_is_google = gr.Checkbox(label="Google Font")
+                            mono_fonts.append(font)
+                            mono_is_google.append(font_is_google)
+
+                theme_var_input = []
+
+                core_color_suggestions = (
+                    [f"*primary_{i}" for i in palette_range]
+                    + [f"*secondary_{i}" for i in palette_range]
+                    + [f"*neutral_{i}" for i in palette_range]
+                )
+
+                variable_suggestions = {
+                    "fill": core_color_suggestions[:],
+                    "color": core_color_suggestions[:],
+                    "text_size": [f"*text_{i}" for i in size_range],
+                    "radius": [f"*radius_{i}" for i in size_range],
+                    "padding": [f"*spacing_{i}" for i in size_range],
+                    "gap": [f"*spacing_{i}" for i in size_range],
+                    "weight": [
+                        "100",
+                        "200",
+                        "300",
+                        "400",
+                        "500",
+                        "600",
+                        "700",
+                        "800",
+                    ],
+                    "shadow": ["none"],
+                    "border_width": [],
+                }
+                for variable in flat_variables:
+                    if variable.endswith("_dark"):
+                        continue
+                    for style_type, suggestions in variable_suggestions.items():
+                        if style_type in variable:
+                            suggestions.append("*" + variable)
+                            break
+
+                variable_suggestions["fill"], variable_suggestions["color"] = (
+                    variable_suggestions["fill"]
+                    + variable_suggestions["color"][len(core_color_suggestions) :],
+                    variable_suggestions["color"]
+                    + variable_suggestions["fill"][len(core_color_suggestions) :],
+                )
+
+                for group, desc, variables in variable_groups:
+                    with gr.TabItem(group):
+                        gr.Markdown(
+                            desc
+                            + "\nYou can set these to one of the dropdown values, or clear the dropdown to set a custom value."
+                        )
+                        for variable in variables:
+                            suggestions = []
+                            for style_type in variable_suggestions:
+                                if style_type in variable:
+                                    suggestions = variable_suggestions[style_type][:]
+                                    if "*" + variable in suggestions:
+                                        suggestions.remove("*" + variable)
+                                    break
+                            dropdown = gr.Dropdown(
+                                label=variable,
+                                info=get_docstr(variable),
+                                choices=suggestions,
+                                allow_custom_value=True,
+                            )
+                            theme_var_input.append(dropdown)
+
+        # App
+
+        with gr.Column(scale=6, elem_id="app"):
+            with gr.Column(variant="panel"):
+                gr.Markdown(
+                    """
+                    # Theme Builder
+                    Welcome to the theme builder. The left panel is where you create the theme. The different aspects of the theme are broken down into different tabs. Here's how to navigate them:
+                    1. First, set the "Source Theme". This will set the default values that you can override.
+                    2. Set the "Core Colors", "Core Sizing" and "Core Fonts". These are the core variables that are used to build the rest of the theme.
+                    3. The rest of the tabs set specific CSS theme variables. These control finer aspects of the UI. Within these theme variables, you can reference the core variables and other theme variables using the variable name preceded by an asterisk, e.g. `*primary_50` or `*body_text_color`. Clear the dropdown to set a custom value.
+                    4. Once you have finished your theme, click on "View Code" below to see how you can integrate the theme into your app. You can also click on "Upload to Hub" to upload your theme to the Hugging Face Hub, where others can download and use your theme.
+                    """
+                )
+                with gr.Accordion("View Code", open=False):
+                    output_code = gr.Code(language="python")
+                with gr.Accordion("Upload to Hub", open=False):
+                    gr.Markdown(
+                        "You can save your theme on the Hugging Face Hub. HF API write token can be found [here](https://huggingface.co/settings/tokens)."
+                    )
+                    with gr.Row():
+                        theme_name = gr.Textbox(label="Theme Name")
+                        theme_hf_token = gr.Textbox(label="Hugging Face Write Token")
+                        theme_version = gr.Textbox(
+                            label="Version",
+                            placeholder="Leave blank to automatically update version.",
+                        )
+                    upload_to_hub_btn = gr.Button("Upload to Hub")
+                    theme_upload_status = gr.Markdown(visible="hidden")
+
+                gr.Markdown("Below this panel is a dummy app to demo your theme.")
+
+            name = gr.Textbox(
+                label="Name",
+                info="Full name, including middle name. No special characters.",
+                placeholder="John Doe",
+                value="John Doe",
+                interactive=True,
+            )
+
+            # gr.Interface(lambda x: x, "number", "textbox")
+
+            with gr.Row():
+                slider1 = gr.Slider(label="Slider 1")
+                slider2 = gr.Slider(label="Slider 2")
+            gr.CheckboxGroup(["A", "B", "C"], label="Checkbox Group")
+
+            with gr.Row():
+                with gr.Column(variant="panel", scale=1):
+                    gr.Markdown("## Panel 1")
+                    radio = gr.Radio(
+                        ["A", "B", "C"],
+                        label="Radio",
+                        info="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.",
+                    )
+                    drop = gr.Dropdown(
+                        ["Option 1", "Option 2", "Option 3"], show_label=False
+                    )
+                    drop_2 = gr.Dropdown(
+                        ["Option A", "Option B", "Option C"],
+                        multiselect=True,
+                        value=["Option A"],
+                        label="Dropdown",
+                        interactive=True,
+                    )
+                    check = gr.Checkbox(label="Go")
+                with gr.Column(variant="panel", scale=2):
+                    img = gr.Image(
+                        "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg",
+                        label="Image",
+                        height=320,
+                    )
+                    with gr.Row():
+                        go_btn = gr.Button("Go", variant="primary")
+                        clear_btn = gr.Button("Clear", variant="secondary")
+
+                        def go(*_args):
+                            time.sleep(3)
+                            return "https://gradio-static-files.s3.us-west-2.amazonaws.com/header-image.jpg"
+
+                        go_btn.click(
+                            go,
+                            [radio, drop, drop_2, check, name],
+                            img,
+                            api_visibility="private",
+                        )
+
+                        def clear():
+                            time.sleep(0.2)
+
+                        clear_btn.click(clear, None, img)
+
+                    with gr.Row():
+                        btn1 = gr.Button("Button 1", size="sm")
+                        btn2 = gr.UploadButton(size="sm")
+                        stop_btn = gr.Button("Stop", variant="stop", size="sm")
+
+            gr.Examples(
+                examples=[
+                    [
+                        "A",
+                        "Option 1",
+                        ["Option B"],
+                        True,
+                    ],
+                    [
+                        "B",
+                        "Option 2",
+                        ["Option B", "Option C"],
+                        False,
+                    ],
+                ],
+                inputs=[radio, drop, drop_2, check],
+                label="Examples",
+            )
+
+            with gr.Row():
+                # gr.Dataframe(value=[[1, 2, 3], [4, 5, 6], [7, 8, 9]], label="Dataframe")
+                gr.Json(
+                    value={"a": 1, "b": 2, "c": {"test": "a", "test2": [1, 2, 3]}},
+                    label="JSON",
+                )
+                gr.Label(value={"cat": 0.7, "dog": 0.2, "fish": 0.1})
+                gr.File()
+            with gr.Row():
+                gr.ColorPicker()
+                gr.Video(
+                    "https://gradio-static-files.s3.us-west-2.amazonaws.com/world.mp4"
+                )
+                gr.Gallery(
+                    [
+                        (
+                            "https://gradio-static-files.s3.us-west-2.amazonaws.com/lion.jpg",
+                            "lion",
+                        ),
+                        (
+                            "https://gradio-static-files.s3.us-west-2.amazonaws.com/logo.png",
+                            "logo",
+                        ),
+                        (
+                            "https://gradio-static-files.s3.us-west-2.amazonaws.com/tower.jpg",
+                            "tower",
+                        ),
+                    ],
+                    height="200px",
+                    columns=2,
+                )
+
+            with gr.Row():
+                with gr.Column(scale=2):
+                    chatbot = gr.Chatbot(
+                        value=[
+                            {"content": "Hello", "role": "user"},
+                            {"content": "Hi", "role": "assistant"},
+                        ],
+                        label="Chatbot",
+                    )
+                    multimodal = gr.MultimodalTextbox(
+                        interactive=True, show_label=False
+                    )
+                    chat_btn = gr.Button("Add messages")
+
+                    chat_btn.click(
+                        lambda history: (
+                            history
+                            + [["How are you?", "I am good."]]
+                            + (time.sleep(2) or [])
+                        ),
+                        chatbot,
+                        chatbot,
+                        api_visibility="private",
+                    )
+                with gr.Column(scale=1):
+                    with gr.Accordion("Advanced Settings"):
+                        gr.Markdown("Hello")
+                        gr.Number(label="Chatbot control 1")
+                        gr.Number(label="Chatbot control 2")
+                        gr.Number(label="Chatbot control 3")
+
+        # Event Listeners
+
+        secret_css = gr.Textbox(visible="hidden")
+        secret_font = gr.JSON(visible="hidden")
+
+        demo.load(  # doing this via python was not working for some reason, so using this hacky method for now
+            None,
+            None,
+            None,
+            js="""() => {
+                let evt_listener = window.setTimeout(
+                    () => {
+                        load_theme_btn = document.querySelector('#load_theme');
+                        if (load_theme_btn) {
+                            load_theme_btn.click();
+                            window.clearTimeout(evt_listener);
+                        }
+                    },
+                    100
+                );
+            }""",
+            api_visibility="undocumented",
+        )
+
+        theme_inputs = (
+            [primary_hue, secondary_hue, neutral_hue]
+            + primary_hues
+            + secondary_hues
+            + neutral_hues
+            + [text_size, spacing_size, radius_size]
+            + text_sizes
+            + spacing_sizes
+            + radius_sizes
+            + main_fonts
+            + main_is_google
+            + mono_fonts
+            + mono_is_google
+            + theme_var_input
+        )
+
+        def load_theme(theme_name):
+            theme = [theme for theme in themes if theme.__name__ == theme_name][0]
+
+            parameters = inspect.signature(theme.__init__).parameters
+            primary_hue = parameters["primary_hue"].default
+            secondary_hue = parameters["secondary_hue"].default
+            neutral_hue = parameters["neutral_hue"].default
+            text_size = parameters["text_size"].default
+            spacing_size = parameters["spacing_size"].default
+            radius_size = parameters["radius_size"].default
+
+            theme = theme()
+
+            font = theme._font[:4]
+            font_mono = theme._font_mono[:4]
+            font_is_google = [isinstance(f, gr.themes.GoogleFont) for f in font]
+            font_mono_is_google = [
+                isinstance(f, gr.themes.GoogleFont) for f in font_mono
+            ]
+
+            def pad_to_4(x):
+                return x + [None] * (4 - len(x))
+
+            var_output = []
+            for variable in flat_variables:
+                theme_val = getattr(theme, variable)
+                if theme_val is None and variable.endswith("_dark"):
+                    theme_val = getattr(theme, variable[:-5])
+                var_output.append(theme_val)
+
+            return (
+                [primary_hue.name, secondary_hue.name, neutral_hue.name]
+                + primary_hue.expand()
+                + secondary_hue.expand()
+                + neutral_hue.expand()
+                + [text_size.name, spacing_size.name, radius_size.name]
+                + text_size.expand()
+                + spacing_size.expand()
+                + radius_size.expand()
+                + pad_to_4([f.name if hasattr(f, "name") else f for f in font])
+                + pad_to_4(font_is_google)
+                + pad_to_4([f.name if hasattr(f, "name") else f for f in font_mono])
+                + pad_to_4(font_mono_is_google)
+                + var_output
+            )
+
+        def generate_theme_code(
+            base_theme, final_theme, core_variables, final_main_fonts, final_mono_fonts
+        ):
+            base_theme_name = base_theme
+            base_theme = [theme for theme in themes if theme.__name__ == base_theme][
+                0
+            ]()
+
+            parameters = inspect.signature(base_theme.__init__).parameters
+            primary_hue = parameters["primary_hue"].default
+            secondary_hue = parameters["secondary_hue"].default
+            neutral_hue = parameters["neutral_hue"].default
+            text_size = parameters["text_size"].default
+            spacing_size = parameters["spacing_size"].default
+            radius_size = parameters["radius_size"].default
+            font = parameters["font"].default
+            font = [font] if not isinstance(font, Iterable) else font
+            font = [
+                gr.themes.Font(f) if not isinstance(f, gr.themes.Font) else f
+                for f in font
+            ]
+            font_mono = parameters["font_mono"].default
+            font_mono = (
+                [font_mono] if not isinstance(font_mono, Iterable) else font_mono
+            )
+            font_mono = [
+                gr.themes.Font(f) if not isinstance(f, gr.themes.Font) else f
+                for f in font_mono
+            ]
+
+            core_diffs = {}
+            specific_core_diffs = {}
+            core_var_names = [
+                "primary_hue",
+                "secondary_hue",
+                "neutral_hue",
+                "text_size",
+                "spacing_size",
+                "radius_size",
+            ]
+            for value_name, base_value, source_class, final_value in zip(
+                core_var_names,
+                [
+                    primary_hue,
+                    secondary_hue,
+                    neutral_hue,
+                    text_size,
+                    spacing_size,
+                    radius_size,
+                ],
+                [
+                    gr.themes.Color,
+                    gr.themes.Color,
+                    gr.themes.Color,
+                    gr.themes.Size,
+                    gr.themes.Size,
+                    gr.themes.Size,
+                ],
+                core_variables,
+                strict=False,
+            ):
+                if base_value.name != final_value:
+                    core_diffs[value_name] = final_value
+                source_obj = [
+                    obj for obj in source_class.all if obj.name == final_value
+                ][0]
+                final_attr_values = {}
+                diff = False
+                for attr in dir(source_obj):
+                    if attr in ["all", "name", "expand"] or attr.startswith("_"):
+                        continue
+                    final_theme_attr = (
+                        value_name.split("_")[0]
+                        + "_"
+                        + (attr[1:] if source_class == gr.themes.Color else attr)
+                    )
+                    final_attr_values[final_theme_attr] = getattr(
+                        final_theme, final_theme_attr
+                    )
+                    if getattr(source_obj, attr) != final_attr_values[final_theme_attr]:
+                        diff = True
+                if diff:
+                    new_final_attr_values = {}
+                    # We need to update the theme keys to match the color and size attribute names
+                    for key, val in final_attr_values.items():
+                        if key.startswith(("primary_", "secondary_", "neutral_")):
+                            color_key = "c" + key.split("_")[-1]
+                            new_final_attr_values[color_key] = val
+                        elif key.startswith(("text_", "spacing_", "radius_")):
+                            size_key = key.split("_")[-1]
+                            new_final_attr_values[size_key] = val
+                        else:
+                            new_final_attr_values[key] = val
+                    specific_core_diffs[value_name] = (
+                        source_class,
+                        new_final_attr_values,
+                    )
+
+            font_diffs = {}
+
+            final_main_fonts = [font for font in final_main_fonts if font[0]]
+            final_mono_fonts = [font for font in final_mono_fonts if font[0]]
+            font = font[:4]
+            font_mono = font_mono[:4]
+            for base_font_set, theme_font_set, font_set_name in [
+                (font, final_main_fonts, "font"),
+                (font_mono, final_mono_fonts, "font_mono"),
+            ]:
+                if len(base_font_set) != len(theme_font_set) or any(
+                    base_font.name != theme_font[0]
+                    or isinstance(base_font, gr.themes.GoogleFont) != theme_font[1]
+                    for base_font, theme_font in zip(
+                        base_font_set, theme_font_set, strict=False
+                    )
+                ):
+                    font_diffs[font_set_name] = [
+                        f"gr.themes.GoogleFont('{font_name}')"
+                        if is_google_font
+                        else f"'{font_name}'"
+                        for font_name, is_google_font in theme_font_set
+                    ]
+
+            newline = "\n"
+
+            core_diffs_code = ""
+            if len(core_diffs) + len(specific_core_diffs) > 0:
+                for var_name in core_var_names:
+                    if var_name in specific_core_diffs:
+                        cls, vals = specific_core_diffs[var_name]
+                        core_diffs_code += f"""    {var_name}=gr.themes.{cls.__name__}({", ".join(f'''{k}="{v}"''' for k, v in vals.items())}),\n"""
+                    elif var_name in core_diffs:
+                        var_val = core_diffs[var_name]
+                        if var_name.endswith("_size"):
+                            var_val = var_val.split("_")[-1]
+                        core_diffs_code += f"""    {var_name}="{var_val}",\n"""
+
+            font_diffs_code = ""
+
+            if len(font_diffs) > 0:
+                font_diffs_code = "".join(
+                    [
+                        f"""    {font_set_name}=[{", ".join(fonts)}],\n"""
+                        for font_set_name, fonts in font_diffs.items()
+                    ]
+                )
+            var_diffs = {}
+            for variable in flat_variables:
+                base_theme_val = getattr(base_theme, variable)
+                final_theme_val = getattr(final_theme, variable)
+                if base_theme_val is None and variable.endswith("_dark"):
+                    base_theme_val = getattr(base_theme, variable[:-5])
+                if base_theme_val != final_theme_val:
+                    var_diffs[variable] = getattr(final_theme, variable)
+
+            newline = "\n"
+
+            vars_diff_code = ""
+            if len(var_diffs) > 0:
+                vars_diff_code = f""".set(
+    {("," + newline + "    ").join([f"{k}='{v}'" for k, v in var_diffs.items()])}
+)"""
+
+            output = f"""
+import gradio as gr
+
+theme = gr.themes.{base_theme_name}({newline if core_diffs_code or font_diffs_code else ""}{core_diffs_code}{font_diffs_code}){vars_diff_code}
+
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=theme)
+    ..."""
+            return output
+
+        history = gr.State([])
+        current_theme = gr.State(None)
+
+        def render_variables(history, base_theme, *args):
+            primary_hue, secondary_hue, neutral_hue = args[0:3]
+            primary_hues = args[3 : 3 + len(palette_range)]
+            secondary_hues = args[3 + len(palette_range) : 3 + 2 * len(palette_range)]
+            neutral_hues = args[3 + 2 * len(palette_range) : 3 + 3 * len(palette_range)]
+            text_size, spacing_size, radius_size = args[
+                3 + 3 * len(palette_range) : 6 + 3 * len(palette_range)
+            ]
+            text_sizes = args[
+                6 + 3 * len(palette_range) : 6
+                + 3 * len(palette_range)
+                + len(size_range)
+            ]
+            spacing_sizes = args[
+                6 + 3 * len(palette_range) + len(size_range) : 6
+                + 3 * len(palette_range)
+                + 2 * len(size_range)
+            ]
+            radius_sizes = args[
+                6 + 3 * len(palette_range) + 2 * len(size_range) : 6
+                + 3 * len(palette_range)
+                + 3 * len(size_range)
+            ]
+            main_fonts = args[
+                6 + 3 * len(palette_range) + 3 * len(size_range) : 6
+                + 3 * len(palette_range)
+                + 3 * len(size_range)
+                + 4
+            ]
+            main_is_google = args[
+                6 + 3 * len(palette_range) + 3 * len(size_range) + 4 : 6
+                + 3 * len(palette_range)
+                + 3 * len(size_range)
+                + 8
+            ]
+            mono_fonts = args[
+                6 + 3 * len(palette_range) + 3 * len(size_range) + 8 : 6
+                + 3 * len(palette_range)
+                + 3 * len(size_range)
+                + 12
+            ]
+            mono_is_google = args[
+                6 + 3 * len(palette_range) + 3 * len(size_range) + 12 : 6
+                + 3 * len(palette_range)
+                + 3 * len(size_range)
+                + 16
+            ]
+            remaining_args = args[
+                6 + 3 * len(palette_range) + 3 * len(size_range) + 16 :
+            ]
+
+            final_primary_color = gr.themes.Color(*primary_hues)
+            final_secondary_color = gr.themes.Color(*secondary_hues)
+            final_neutral_color = gr.themes.Color(*neutral_hues)
+            final_text_size = gr.themes.Size(*text_sizes)
+            final_spacing_size = gr.themes.Size(*spacing_sizes)
+            final_radius_size = gr.themes.Size(*radius_sizes)
+
+            final_main_fonts = []
+            font_weights = set()
+            for attr, val in zip(flat_variables, remaining_args, strict=False):
+                if "weight" in attr:
+                    font_weights.add(val)
+            font_weights = sorted(font_weights)
+
+            for main_font, is_google in zip(main_fonts, main_is_google, strict=False):
+                if not main_font:
+                    continue
+                if is_google:
+                    main_font = gr.themes.GoogleFont(main_font, weights=font_weights)
+                final_main_fonts.append(main_font)
+            final_mono_fonts = []
+            for mono_font, is_google in zip(mono_fonts, mono_is_google, strict=False):
+                if not mono_font:
+                    continue
+                if is_google:
+                    mono_font = gr.themes.GoogleFont(mono_font, weights=font_weights)
+                final_mono_fonts.append(mono_font)
+
+            theme = gr.themes.Base(
+                primary_hue=final_primary_color,
+                secondary_hue=final_secondary_color,
+                neutral_hue=final_neutral_color,
+                text_size=final_text_size,
+                spacing_size=final_spacing_size,
+                radius_size=final_radius_size,
+                font=final_main_fonts,
+                font_mono=final_mono_fonts,
+            )
+
+            theme.set(**dict(zip(flat_variables, remaining_args, strict=False)))
+            new_step = (base_theme, args)
+            if len(history) == 0 or str(history[-1]) != str(new_step):
+                history.append(new_step)
+
+            return (
+                history,
+                theme._get_theme_css(),
+                theme._stylesheets,
+                generate_theme_code(
+                    base_theme,
+                    theme,
+                    (
+                        primary_hue,
+                        secondary_hue,
+                        neutral_hue,
+                        text_size,
+                        spacing_size,
+                        radius_size,
+                    ),
+                    list(zip(main_fonts, main_is_google, strict=False)),
+                    list(zip(mono_fonts, mono_is_google, strict=False)),
+                ),
+                theme,
+            )
+
+        def attach_rerender(evt_listener):
+            return evt_listener(
+                render_variables,
+                [history, base_theme_dropdown] + theme_inputs,
+                [history, secret_css, secret_font, output_code, current_theme],
+                api_visibility="private",
+            ).then(
+                None,
+                [secret_css, secret_font],
+                None,
+                js="""(css, fonts) => {
+                    document.getElementById('theme_css').innerHTML = css;
+                    if (fonts && Array.isArray(fonts)) {
+                        let existing_font_links = document.querySelectorAll('link[rel="stylesheet"][href^="https://fonts.googleapis.com/css"]');
+                        existing_font_links.forEach(link => {
+                            if (fonts.includes(link.href)) {
+                                fonts = fonts.filter(font => font != link.href);
+                            } else {
+                                link.remove();
+                            }
+                        });
+                        fonts.forEach(font => {
+                            let link = document.createElement('link');
+                            link.rel = 'stylesheet';
+                            link.href = font;
+                            document.head.appendChild(link);
+                        });
+                    }
+                }""",
+                api_visibility="private",
+            )
+
+        def load_color(color_name):
+            color = [color for color in colors if color.name == color_name][0]
+            return [getattr(color, f"c{i}") for i in palette_range]
+
+        attach_rerender(
+            primary_hue.select(
+                load_color, primary_hue, primary_hues, api_visibility="undocumented"
+            ).then
+        )
+        attach_rerender(
+            secondary_hue.select(
+                load_color, secondary_hue, secondary_hues, api_visibility="undocumented"
+            ).then
+        )
+        attach_rerender(
+            neutral_hue.select(
+                load_color, neutral_hue, neutral_hues, api_visibility="undocumented"
+            ).then
+        )
+        for hue_set in (primary_hues, secondary_hues, neutral_hues):
+            for hue in hue_set:
+                attach_rerender(hue.blur)
+
+        def load_size(size_name):
+            size = [size for size in sizes if size.name == size_name][0]
+            return [getattr(size, i) for i in size_range]
+
+        attach_rerender(
+            text_size.change(
+                load_size, text_size, text_sizes, api_visibility="undocumented"
+            ).then
+        )
+        attach_rerender(
+            spacing_size.change(
+                load_size, spacing_size, spacing_sizes, api_visibility="undocumented"
+            ).then
+        )
+        attach_rerender(
+            radius_size.change(
+                load_size, radius_size, radius_sizes, api_visibility="undocumented"
+            ).then
+        )
+
+        attach_rerender(
+            load_theme_btn.click(
+                load_theme,
+                base_theme_dropdown,
+                theme_inputs,
+                api_visibility="undocumented",
+            ).then
+        )
+
+        for theme_box in (
+            text_sizes + spacing_sizes + radius_sizes + main_fonts + mono_fonts
+        ):
+            attach_rerender(theme_box.blur)
+            attach_rerender(theme_box.submit)
+        for theme_box in theme_var_input:
+            attach_rerender(theme_box.blur)
+            attach_rerender(theme_box.select)
+        for checkbox in main_is_google + mono_is_google:
+            attach_rerender(checkbox.select)
+
+        dark_mode_btn.click(
+            None,
+            None,
+            None,
+            js="""() => {
+            if (document.querySelectorAll('.dark').length) {
+                document.querySelectorAll('.dark').forEach(el => el.classList.remove('dark'));
+            } else {
+                document.querySelector('body').classList.add('dark');
+            }
+        }""",
+            api_visibility="undocumented",
+        )
+
+        def undo(history_var):
+            if len(history_var) <= 1:
+                return {history: gr.skip()}
+            else:
+                history_var.pop()
+                old = history_var.pop()
+                return [history_var, old[0]] + list(old[1])
+
+        attach_rerender(
+            undo_btn.click(
+                undo,
+                [history],
+                [history, base_theme_dropdown] + theme_inputs,
+                api_visibility="private",
+            ).then
+        )
+
+        def upload_to_hub(data):
+            try:
+                theme_url = data[current_theme].push_to_hub(
+                    repo_name=data[theme_name],
+                    version=data[theme_version] or None,
+                    hf_token=data[theme_hf_token],
+                    theme_name=data[theme_name],
+                )
+                space_name = "/".join(theme_url.split("/")[-2:])
+                return (
+                    gr.Markdown(
+                        value=f"Theme uploaded [here!]({theme_url})! Load it as `gr.Blocks(theme='{space_name}')`",
+                        visible=True,
+                    ),
+                    "Upload to Hub",
+                )
+            except Exception as e:
+                return (
+                    gr.Markdown(
+                        value=f"Error: {e}",
+                        visible=True,
+                    ),
+                    "Upload to Hub",
+                )
+
+        upload_to_hub_btn.click(
+            lambda: "Uploading...",
+            None,
+            upload_to_hub_btn,
+            api_visibility="undocumented",
+        ).then(
+            upload_to_hub,
+            {
+                current_theme,
+                theme_name,
+                theme_hf_token,
+                theme_version,
+            },
+            [theme_upload_status, upload_to_hub_btn],
+            api_visibility="undocumented",
+        )
+
+        demo.load(lambda: print("FOO"))
+
+
+if __name__ == "__main__":
+    demo.launch(theme=gr.themes.Base(), css=css, head="<style id='theme_css'></style>")
diff --git a/gradio/themes/citrus.py b/gradio/themes/citrus.py
new file mode 100644
index 0000000..47149d8
--- /dev/null
+++ b/gradio/themes/citrus.py
@@ -0,0 +1,119 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Citrus(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.amber,
+        secondary_hue: colors.Color | str = colors.amber,
+        neutral_hue: colors.Color | str = colors.stone,
+        spacing_size: sizes.Size | str = sizes.spacing_lg,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Ubuntu", weights=(400,)),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Roboto Mono"),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "citrus"
+        super().set(
+            slider_color="*primary_400",
+            background_fill_primary="*neutral_50",
+            button_primary_background_fill="*primary_500",
+            button_primary_text_color="*button_secondary_text_color",
+            button_secondary_background_fill="*primary_400",
+            button_primary_background_fill_hover="*button_primary_background_fill",
+            button_secondary_background_fill_hover="*button_secondary_background_fill",
+            button_primary_shadow_hover="0px 5px 0px 0px *primary_400;",
+            button_primary_shadow="0px 3px 0px 0px *primary_400;",
+            button_primary_shadow_active="0px 2px 0px 0px *primary_400;",
+            button_secondary_shadow_hover="0px 5px 0px 0px *primary_300;",
+            button_secondary_shadow="0px 3px 0px 0px *primary_300;",
+            button_secondary_shadow_active="0px 2px 0px 0px *primary_300;",
+            input_shadow="0px -1px 0px 0px *neutral_300;",
+            input_shadow_focus="0px -1px 0px 0px *primary_300;",
+            input_background_fill="*neutral_50",
+            input_background_fill_focus="*primary_50",
+            block_shadow="0px 3px 0px 0px *neutral_300;",
+            checkbox_label_background_fill="*neutral_200",
+            checkbox_label_background_fill_hover="*checkbox_label_background_fill",
+            checkbox_label_background_fill_selected="*primary_400",
+            checkbox_label_border_color_selected="*primary_300",
+            checkbox_label_border_width="2px",
+            slider_color_dark="*primary_500",
+            button_primary_background_fill_dark="*primary_600",
+            button_secondary_text_color_dark="*neutral_900",
+            button_primary_text_color_dark="*button_secondary_text_color",
+            button_secondary_background_fill_dark="*primary_500",
+            button_primary_background_fill_hover_dark="*button_primary_background_fill",
+            button_secondary_background_fill_hover_dark="*button_secondary_background_fill",
+            button_primary_shadow_hover_dark="0px 5px 0px 0px *primary_700;",
+            button_primary_shadow_dark="0px 3px 0px 0px *primary_700;",
+            button_primary_shadow_active_dark="0px 2px 0px 0px *primary_700;",
+            button_secondary_shadow_hover_dark="0px 5px 0px 0px *primary_600;",
+            button_secondary_shadow_dark="0px 3px 0px 0px *primary_600;",
+            button_secondary_shadow_active_dark="0px 2px 0px 0px *primary_600;",
+            input_shadow_dark="0px -1px 0px 0px *neutral_700;",
+            input_shadow_focus_dark="0px -1px 0px 0px *primary_600;",
+            input_background_fill_dark="*neutral_900",
+            input_background_fill_focus_dark="none",
+            block_shadow_dark="0px 3px 0px 0px *neutral_700;",
+            checkbox_label_background_fill_dark="*neutral_700",
+            checkbox_label_background_fill_hover_dark="*checkbox_label_background_fill",
+            checkbox_label_background_fill_selected_dark="*primary_500",
+            checkbox_label_border_color_selected_dark="*primary_600",
+            checkbox_label_text_color_selected_dark="*button_primary_text_color",
+            checkbox_background_color_selected_dark="*primary_600",
+            checkbox_background_color_dark="*neutral_400",
+            checkbox_label_border_width_dark="2px",
+            # Stop/Cancel Button
+            button_cancel_background_fill=colors.red.c500,
+            button_cancel_background_fill_dark=colors.red.c700,
+            button_cancel_background_fill_hover=colors.red.c600,
+            button_cancel_background_fill_hover_dark=colors.red.c800,
+            button_cancel_text_color="white",
+            button_cancel_text_color_dark="white",
+            button_cancel_text_color_hover="white",
+            button_cancel_text_color_hover_dark="white",
+            button_cancel_shadow="0px 3px 0px 0px rgb(248 113 113)",
+            button_cancel_shadow_hover="0px 5px 0px 0px rgb(248 113 113)",
+            button_cancel_shadow_active="0px 2px 0px 0px rgb(248 113 113)",
+            button_cancel_shadow_dark="0px 3px 0px 0px rgb(220 38 38)",
+            button_cancel_shadow_hover_dark="0px 5px 0px 0px rgb(220 38 38)",
+            button_cancel_shadow_active_dark="0px 2px 0px 0px rgb(220 38 38)",
+            button_transform_hover="translateY(-2px);",
+            button_transform_active="translateY(1px);",
+            button_transition="all 0.1s;",
+            button_border_width="0px",
+            panel_border_width="1px",
+            block_border_width="1px",
+            block_border_color="*neutral_300",
+            block_background_fill="*neutral_100",
+            input_border_width="1px",
+            block_label_shadow="none",
+            checkbox_shadow="none",
+        )
diff --git a/gradio/themes/cyberpunk.py b/gradio/themes/cyberpunk.py
new file mode 100644
index 0000000..ed7312d
--- /dev/null
+++ b/gradio/themes/cyberpunk.py
@@ -0,0 +1,177 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Cyberpunk(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.fuchsia,
+        secondary_hue: colors.Color | str = colors.cyan,
+        neutral_hue: colors.Color | str = colors.slate,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_sm,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Chakra Petch"),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Share Tech Mono", weights=(400,)),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "cyberpunk"
+        super().set(
+            # Body — deep violet dark
+            body_background_fill="*neutral_100",
+            body_background_fill_dark="#0a0416",
+            body_text_color="*neutral_800",
+            body_text_color_dark="*neutral_300",
+            body_text_color_subdued="*neutral_500",
+            body_text_color_subdued_dark="*neutral_400",
+            # Backgrounds — purple-tinted darks
+            background_fill_primary="*neutral_50",
+            background_fill_primary_dark="#110b22",
+            background_fill_secondary="*neutral_200",
+            background_fill_secondary_dark="#1a1030",
+            # Shadows — neon bleed only
+            shadow_drop="none",
+            shadow_drop_lg="none",
+            shadow_spread="0px",
+            # Blocks — hard-edged, violet-tinted dark panels
+            block_background_fill="white",
+            block_background_fill_dark="#110b22",
+            block_border_width="2px",
+            block_border_color="*neutral_300",
+            block_border_color_dark=f"{colors.violet.c800}60",
+            block_shadow="none",
+            block_shadow_dark="none",
+            # Labels — neon fuchsia badges
+            block_label_background_fill="*primary_100",
+            block_label_background_fill_dark=f"{colors.fuchsia.c900}80",
+            block_label_text_color="*primary_700",
+            block_label_text_color_dark="*primary_300",
+            block_label_text_weight="700",
+            block_label_text_size="*text_sm",
+            block_label_padding="*spacing_sm *spacing_lg",
+            block_label_radius="0",
+            block_title_background_fill="*primary_100",
+            block_title_background_fill_dark=f"{colors.fuchsia.c900}80",
+            block_title_text_color="*primary_700",
+            block_title_text_color_dark="*primary_300",
+            block_title_text_weight="700",
+            block_title_padding="*spacing_sm *spacing_lg",
+            block_title_radius="0",
+            # Inputs — violet-tinted dark, fuchsia focus glow
+            input_background_fill="white",
+            input_background_fill_dark="#1a1030",
+            input_border_color="*neutral_300",
+            input_border_color_dark=f"{colors.violet.c700}50",
+            input_border_width="2px",
+            input_shadow="none",
+            input_shadow_focus=f"0 0 0 2px {colors.fuchsia.c300}",
+            input_shadow_focus_dark=f"0 0 0 2px {colors.fuchsia.c500}80, 0 0 16px -2px {colors.fuchsia.c600}30",
+            input_border_color_focus="*primary_500",
+            input_border_color_focus_dark="*primary_500",
+            input_background_fill_focus="white",
+            input_background_fill_focus_dark="#1e1238",
+            # Buttons — solid neon, fuchsia glow in dark
+            button_border_width="2px",
+            button_transition="all 0.1s ease",
+            button_primary_background_fill="*primary_500",
+            button_primary_background_fill_hover="*primary_600",
+            button_primary_background_fill_dark="*primary_600",
+            button_primary_background_fill_hover_dark="*primary_500",
+            button_primary_text_color="white",
+            button_primary_text_color_dark="white",
+            button_primary_border_color="*primary_600",
+            button_primary_border_color_dark="*primary_500",
+            button_primary_shadow="none",
+            button_primary_shadow_hover="none",
+            button_primary_shadow_active="none",
+            button_primary_shadow_dark=f"0 0 12px -2px {colors.fuchsia.c500}50",
+            button_primary_shadow_hover_dark=f"0 0 20px -2px {colors.fuchsia.c500}60",
+            button_primary_shadow_active_dark="none",
+            button_secondary_background_fill="white",
+            button_secondary_background_fill_dark="#1a1030",
+            button_secondary_background_fill_hover="*neutral_100",
+            button_secondary_background_fill_hover_dark="#241540",
+            button_secondary_text_color="*neutral_700",
+            button_secondary_text_color_dark="*neutral_300",
+            button_secondary_border_color="*neutral_300",
+            button_secondary_border_color_dark=f"{colors.violet.c700}50",
+            button_secondary_shadow="none",
+            button_cancel_background_fill="white",
+            button_cancel_background_fill_dark="#1a1030",
+            button_cancel_background_fill_hover=colors.red.c50,
+            button_cancel_background_fill_hover_dark=f"{colors.red.c900}40",
+            button_cancel_text_color=colors.red.c600,
+            button_cancel_text_color_dark=colors.red.c400,
+            button_cancel_border_color=colors.red.c300,
+            button_cancel_border_color_dark=f"{colors.red.c700}60",
+            # Checkboxes — fuchsia fill
+            checkbox_background_color_selected="*primary_500",
+            checkbox_background_color_selected_dark="*primary_500",
+            checkbox_border_color="*neutral_400",
+            checkbox_border_color_dark=f"{colors.violet.c600}60",
+            checkbox_border_color_selected="*primary_600",
+            checkbox_border_color_selected_dark="*primary_500",
+            checkbox_border_width="2px",
+            checkbox_shadow="none",
+            checkbox_label_background_fill="white",
+            checkbox_label_background_fill_dark="#1a1030",
+            checkbox_label_background_fill_hover="*primary_50",
+            checkbox_label_background_fill_hover_dark="#241540",
+            checkbox_label_background_fill_selected="*primary_600",
+            checkbox_label_background_fill_selected_dark="*primary_800",
+            checkbox_label_text_color_selected="white",
+            checkbox_label_text_color_selected_dark="*primary_200",
+            checkbox_label_shadow="none",
+            checkbox_label_border_width="2px",
+            checkbox_label_border_color="*neutral_300",
+            checkbox_label_border_color_dark=f"{colors.violet.c700}50",
+            checkbox_label_border_color_selected="*primary_600",
+            checkbox_label_border_color_selected_dark="*primary_600",
+            # Slider — cyan track
+            slider_color="*secondary_500",
+            slider_color_dark="*secondary_400",
+            # Accents — cyan for selection highlights
+            color_accent="*secondary_500",
+            color_accent_soft="*secondary_50",
+            color_accent_soft_dark=f"{colors.cyan.c900}60",
+            # Tables — violet-tinted stripes in dark
+            table_even_background_fill="*neutral_50",
+            table_even_background_fill_dark="#1a1030",
+            table_odd_background_fill="white",
+            table_odd_background_fill_dark="#110b22",
+            table_border_color="*neutral_300",
+            table_border_color_dark=f"{colors.violet.c800}60",
+            table_row_focus="*primary_50",
+            table_row_focus_dark="#241540",
+            # Panels
+            panel_border_width="2px",
+            panel_border_color="*neutral_300",
+            panel_border_color_dark=f"{colors.violet.c800}60",
+            # Loader — cyan
+            loader_color="*secondary_500",
+            loader_color_dark="*secondary_400",
+        )
diff --git a/gradio/themes/default.py b/gradio/themes/default.py
new file mode 100644
index 0000000..11670e0
--- /dev/null
+++ b/gradio/themes/default.py
@@ -0,0 +1,91 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Default(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.orange,
+        secondary_hue: colors.Color | str = colors.blue,
+        neutral_hue: colors.Color | str = colors.zinc,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Source Sans Pro", weights=(400, 600)),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Mono", weights=(400, 600)),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "default"
+        super().set(
+            # Colors
+            input_background_fill_dark="*neutral_800",
+            error_background_fill=colors.red.c50,
+            error_background_fill_dark="*neutral_900",
+            error_border_color=colors.red.c700,
+            error_border_color_dark=colors.red.c500,
+            error_icon_color=colors.red.c700,
+            error_icon_color_dark=colors.red.c500,
+            # Shadows
+            input_shadow_focus="0 0 0 *shadow_spread *secondary_50, *shadow_inset",
+            input_shadow_focus_dark="0 0 0 *shadow_spread *neutral_700, *shadow_inset",
+            # Button borders
+            button_border_width="0px",
+            input_border_width="1px",
+            input_background_fill="white",
+            # Gradients
+            stat_background_fill="linear-gradient(to right, *primary_400, *primary_200)",
+            stat_background_fill_dark="linear-gradient(to right, *primary_400, *primary_600)",
+            checkbox_label_background_fill="*background_fill_primary",
+            checkbox_label_background_fill_dark="*neutral_800",
+            checkbox_label_background_fill_hover="*background_fill_secondary",
+            checkbox_label_background_fill_hover_dark="*checkbox_label_background_fill",
+            # Primary Button
+            button_primary_background_fill="*primary_500",
+            button_primary_background_fill_dark="*primary_600",
+            button_primary_background_fill_hover="*primary_600",
+            button_primary_background_fill_hover_dark="*primary_700",
+            button_primary_text_color="white",
+            button_primary_text_color_dark="white",
+            # Secondary Button
+            button_secondary_background_fill="*neutral_200",
+            button_secondary_background_fill_dark="*neutral_600",
+            button_secondary_background_fill_hover="*neutral_300",
+            button_secondary_background_fill_hover_dark="*neutral_700",
+            button_secondary_text_color="black",
+            button_secondary_text_color_dark="white",
+            # Cancel Button
+            button_cancel_background_fill=colors.red.c500,
+            button_cancel_background_fill_dark=colors.red.c700,
+            button_cancel_background_fill_hover=colors.red.c600,
+            button_cancel_background_fill_hover_dark=colors.red.c800,
+            button_cancel_text_color="white",
+            button_cancel_text_color_dark="white",
+            button_cancel_text_color_hover="white",
+            button_cancel_text_color_hover_dark="white",
+            # Other
+            border_color_accent_subdued="*primary_200",
+        )
diff --git a/gradio/themes/ember.py b/gradio/themes/ember.py
new file mode 100644
index 0000000..bf11961
--- /dev/null
+++ b/gradio/themes/ember.py
@@ -0,0 +1,152 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Ember(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.orange,
+        secondary_hue: colors.Color | str = colors.orange,
+        neutral_hue: colors.Color | str = colors.stone,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_lg,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Source Sans 3"),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Source Code Pro"),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "ember"
+        super().set(
+            # Body
+            body_background_fill="*neutral_50",
+            body_background_fill_dark="*neutral_950",
+            body_text_color="*neutral_800",
+            body_text_color_dark="*neutral_200",
+            body_text_color_subdued="*neutral_500",
+            body_text_color_subdued_dark="*neutral_400",
+            # Backgrounds
+            background_fill_primary="white",
+            background_fill_primary_dark="*neutral_900",
+            background_fill_secondary="*neutral_100",
+            background_fill_secondary_dark="*neutral_800",
+            # Shadows
+            shadow_drop="0 1px 3px 0 rgb(0 0 0 / 0.08)",
+            shadow_drop_lg="0 4px 12px 0 rgb(0 0 0 / 0.1)",
+            shadow_spread="6px",
+            # Blocks
+            block_background_fill="white",
+            block_background_fill_dark="*neutral_900",
+            block_border_width="0px",
+            block_shadow="*shadow_drop",
+            block_shadow_dark="0 1px 4px 0 rgb(0 0 0 / 0.3)",
+            block_label_background_fill="*primary_50",
+            block_label_background_fill_dark="*primary_900",
+            block_label_text_color="*primary_600",
+            block_label_text_color_dark="*primary_300",
+            block_label_text_weight="600",
+            block_label_text_size="*text_md",
+            block_label_padding="*spacing_sm *spacing_md",
+            block_label_radius="*radius_md",
+            block_title_background_fill="*primary_50",
+            block_title_background_fill_dark="*primary_900",
+            block_title_text_color="*primary_600",
+            block_title_text_color_dark="*primary_300",
+            block_title_text_weight="600",
+            block_title_padding="*spacing_sm *spacing_md",
+            block_title_radius="*radius_md",
+            # Inputs
+            input_background_fill="white",
+            input_background_fill_dark="*neutral_800",
+            input_border_color="*neutral_200",
+            input_border_color_dark="*neutral_600",
+            input_border_width="1px",
+            input_shadow="none",
+            input_shadow_focus="0 0 0 3px *primary_100",
+            input_shadow_focus_dark="0 0 0 3px *primary_900",
+            input_border_color_focus="*primary_400",
+            input_border_color_focus_dark="*primary_500",
+            # Buttons
+            button_border_width="0px",
+            button_transition="all 0.15s ease",
+            button_primary_background_fill="*primary_500",
+            button_primary_background_fill_dark="*primary_600",
+            button_primary_background_fill_hover="*primary_600",
+            button_primary_background_fill_hover_dark="*primary_500",
+            button_primary_text_color="white",
+            button_primary_shadow="0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+            button_primary_shadow_hover="0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+            button_primary_shadow_active="none",
+            button_secondary_background_fill="white",
+            button_secondary_background_fill_dark="*neutral_800",
+            button_secondary_background_fill_hover="*neutral_50",
+            button_secondary_background_fill_hover_dark="*neutral_700",
+            button_secondary_text_color="*neutral_700",
+            button_secondary_text_color_dark="*neutral_200",
+            button_secondary_border_color="*neutral_200",
+            button_secondary_border_color_dark="*neutral_600",
+            button_secondary_shadow="*shadow_drop",
+            button_secondary_shadow_hover="*shadow_drop_lg",
+            button_cancel_background_fill=colors.red.c500,
+            button_cancel_background_fill_dark=colors.red.c600,
+            button_cancel_background_fill_hover=colors.red.c600,
+            button_cancel_background_fill_hover_dark=colors.red.c700,
+            button_cancel_text_color="white",
+            button_cancel_text_color_dark="white",
+            # Checkboxes
+            checkbox_background_color_selected="*primary_500",
+            checkbox_background_color_selected_dark="*primary_500",
+            checkbox_border_color="*neutral_300",
+            checkbox_border_color_dark="*neutral_500",
+            checkbox_border_color_selected="*primary_500",
+            checkbox_border_color_selected_dark="*primary_500",
+            checkbox_shadow="none",
+            checkbox_label_background_fill="white",
+            checkbox_label_background_fill_dark="*neutral_800",
+            checkbox_label_background_fill_selected="*primary_500",
+            checkbox_label_background_fill_selected_dark="*primary_600",
+            checkbox_label_text_color_selected="white",
+            checkbox_label_shadow="*shadow_drop",
+            # Slider
+            slider_color="*primary_500",
+            slider_color_dark="*primary_400",
+            # Color accents
+            color_accent="*primary_500",
+            color_accent_soft="*primary_50",
+            color_accent_soft_dark="*primary_900",
+            # Tables
+            table_even_background_fill="*neutral_50",
+            table_even_background_fill_dark="*neutral_800",
+            table_odd_background_fill="white",
+            table_odd_background_fill_dark="*neutral_900",
+            # Panels
+            panel_border_width="1px",
+            panel_border_color="*neutral_200",
+            panel_border_color_dark="*neutral_700",
+            # Loader
+            loader_color="*primary_500",
+            loader_color_dark="*primary_400",
+        )
diff --git a/gradio/themes/glass.py b/gradio/themes/glass.py
new file mode 100644
index 0000000..f194546
--- /dev/null
+++ b/gradio/themes/glass.py
@@ -0,0 +1,97 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Glass(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.blue,
+        secondary_hue: colors.Color | str = colors.slate,
+        neutral_hue: colors.Color | str = colors.slate,
+        spacing_size: sizes.Size | str = sizes.spacing_sm,
+        radius_size: sizes.Size | str = sizes.radius_sm,
+        text_size: sizes.Size | str = sizes.text_sm,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            "Optima",
+            "Candara",
+            "Noto Sans",
+            "source-sans-pro",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Mono"),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "glass"
+        super().set(
+            body_background_fill_dark="*secondary_800",
+            background_fill_secondary_dark="*secondary_800",
+            block_background_fill_dark="*secondary_800",
+            button_primary_background_fill="linear-gradient(180deg, *primary_100 0%, *primary_200 30%)",
+            button_primary_background_fill_hover="linear-gradient(180deg, *primary_100 0%, *primary_200 30%)",
+            button_primary_background_fill_dark="linear-gradient(180deg, *primary_500 0%, *primary_600 30%)",
+            button_primary_background_fill_hover_dark="linear-gradient(180deg, *primary_500 0%, *primary_600 30%)",
+            button_primary_text_color="*body_text_color",
+            button_primary_border_color="*primary_200",
+            button_primary_border_color_hover="*button_primary_border_color",
+            button_secondary_background_fill="linear-gradient(180deg, *secondary_100 0%, *secondary_200 30%)",
+            button_secondary_background_fill_hover="linear-gradient(180deg, *secondary_100 0%, *secondary_200 30%)",
+            button_secondary_background_fill_dark="linear-gradient(180deg, *secondary_500 0%, *secondary_600 30%)",
+            button_secondary_background_fill_hover_dark="linear-gradient(180deg, *secondary_500 0%, *secondary_600 30%)",
+            checkbox_border_width="0px",
+            checkbox_border_width_dark="0px",
+            checkbox_label_background_fill="*button_secondary_background_fill",
+            checkbox_label_background_fill_dark="*button_secondary_background_fill",
+            checkbox_label_background_fill_hover="*button_secondary_background_fill_hover",
+            checkbox_label_background_fill_hover_dark="*button_secondary_background_fill_hover",
+            checkbox_label_border_width="1px",
+            checkbox_label_border_width_dark="1px",
+            checkbox_label_border_color_dark="*secondary_700",
+            checkbox_background_color_dark="*secondary_400",
+            button_border_width="1px",
+            shadow_inset="rgba(0,0,0,0.05) 0px 1px 2px 0px inset",
+            button_primary_shadow_active="*shadow_inset",
+            button_secondary_shadow_active="*shadow_inset",
+            input_background_fill="linear-gradient(0deg, *secondary_100 0%, white 100%)",
+            input_background_fill_dark="*secondary_600",
+            input_border_color_focus_dark="*secondary_500",
+            input_border_width="1px",
+            input_border_color_dark="*secondary_600",
+            block_label_text_color="*secondary_500",
+            block_title_text_color="*secondary_500",
+            block_label_text_weight="600",
+            block_title_text_weight="600",
+            block_label_text_size="*text_md",
+            block_title_text_size="*text_md",
+            block_label_background_fill="*secondary_200",
+            block_label_background_fill_dark="*secondary_700",
+            block_label_border_color_dark="*secondary_600",
+            block_border_width="0px",
+            block_border_width_dark="1px",
+            block_border_color_dark="*secondary_600",
+            panel_border_width="1px",
+            border_color_primary_dark="*secondary_600",
+            background_fill_primary_dark="*neutral_700",
+            background_fill_secondary="*secondary_100",
+            block_background_fill="*secondary_50",
+            table_even_background_fill_dark="*neutral_700",
+            table_odd_background_fill_dark="*neutral_700",
+        )
diff --git a/gradio/themes/mario.py b/gradio/themes/mario.py
new file mode 100644
index 0000000..ec57b86
--- /dev/null
+++ b/gradio/themes/mario.py
@@ -0,0 +1,221 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+SKY_BLUE = "#6B8CFF"
+BRICK_BROWN = "#C84C0C"
+BRICK_DARK = "#A0380C"
+QUESTION_GOLD = "#FAC000"
+GROUND_TAN = "#E4A672"
+GROUND_DARK = "#9C6838"
+PIPE_GREEN = "#00A800"
+PIPE_DARK = "#005800"
+COIN_YELLOW = "#FCE4A8"
+BLOCK_OUTLINE = "#000000"
+WHITE = "#FCFCFC"
+
+_BRICK_TILE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAoklEQVR42u3ZIQ6DQBAAwINUICsQCJ6AQFb0QX0Uz+EJCB6AqDhRWYGoa+rhUsjNujV7meyuuGwxPG7hzFGGkwfAv+Pym9zfTx0AyHoHXjHqAAAAAAAAAAAAAAAAAECWf+I56gBA3juw9p0OAGS3A90yfZNrXe/+wFg1IeX9wQgBHP4+0DZJ6xshAAAAAAAAAAAAAAAAgMPeB9q09Y0QwMb4AKePGE54eWq6AAAAAElFTkSuQmCC"
+
+_COIN_IMG = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAiUlEQVR42mNkIAIsSGH4z0ACSJjDwEhIDRPDAIEBs5iFmOCNrwkgaNDvBxuQuf8JBfvIC2pGUoMXLUixgnNnEOwbN7Cn9hEY1KQG77Il2A2KisEe1MgAOdhHCxCSUu+Q9PGoxaMWj1pM+2oRuewlBhBTPo/wapGYxp6GBmmG4gre0VQ92oWhCwAAkfwxfq/Sj9YAAAAASUVORK5CYII="
+
+_SKY_TILE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAEACAIAAABK8lkwAAAD0UlEQVR42u3dTY6CQBRG0Y+GZboDB+g+SNA9uE2Cox61xibd/BScMzSManLzqoSqzt0YAI7nyxIACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAgAAAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAQJI0loBS3C/Dy9/bW21xwAQAgAAAIAAA/FSdu9EqkNL2/d9xHgAmAAAEAAABACDOAMhe9v3jPABMAAAIAAACAIAAACAAAAIAgAAAEO8BZMP/Aff/7uO4nqY93z+sGZgAABAAAAQAgKx8BvBf33uJswEAEwAAAgCAAACQtc8A5tj3j/MAABMAAAIAgAAAkDXOAJbc949zAgATAAACAIAAAPCtsQTAlrkjxAQAgAAAIAAApIhvAU2933UO7oyFFLvXH+/6mAAAEAAABACAlHAnMIA7QkwAAAgAAAIAQJwBALHvH+cEJgAABAAAAQBAAAAQAAAEAAABAMB7AMCK3BFiAgBAAAAQAABm1VgCIPbfTQAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAgAAAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAgAAAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAgAAAIAAALK2xBPtzvwwfn2lvtYUCEwAAAgCAAACwb9W5G61CjrHvH+cBgAkAAAEAEAAABAAAAQBAAAAQAADiPQC25nr6/Ez/sE5gAgBAAAAQAADiPgAKY38fMAEAIAAACAAAAgAgAAAIAAACAIAAACAAAAgAAAIAQHwLCFjE/TK8/L291RYHEwAAAgCAAADgTmDIPvb933EegAkAAAEAQAAA4gwAyF72/eM8ABMAAAIAgAAAIAAAAgCAAAAgAADEewDAFlxP057vH9YMEwAAAgCAAADEncBAAezpYwIAQAAAEAAAUtAZwG++de475gAmAAAEAAABACBFfAvoL3ecOg8AMAEAIAAACAAAAgCAAAAgAAAIAEC8B5At33HqG+gAJgAABAAAAQAgxd0HYH8fwAQAgAAAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAIAgAAAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAgAAAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAIAgAAAIAAACAAAAgCAAAAgAAAIAAACAIAAACAAAAgAAAIAwOKeP55sGdNyCWcAAAAASUVORK5CYII="
+
+_MARIO_CSS = f"""
+.gradio-container {{
+    background: url("{_SKY_TILE}") repeat !important;
+}}
+
+.label-wrap {{
+    background: url("{_BRICK_TILE}") repeat !important;
+    border: 4px solid {BLOCK_OUTLINE} !important;
+    box-shadow: 0px 4px 0px 0px {BRICK_DARK} !important;
+    color: {WHITE} !important;
+    border-radius: 4px !important;
+}}
+
+button.secondary {{
+    background: url("{_BRICK_TILE}") repeat !important;
+}}
+
+input[type="range"]::-webkit-slider-thumb {{
+    -webkit-appearance: none !important;
+    appearance: none !important;
+    width: 30px !important;
+    height: 30px !important;
+    background: url("{_COIN_IMG}") no-repeat center / contain !important;
+    background-color: transparent !important;
+    border: none !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+    cursor: pointer !important;
+    margin-top: -12px !important;
+}}
+input[type="range"]::-moz-range-thumb {{
+    appearance: none !important;
+    width: 30px !important;
+    height: 30px !important;
+    background: url("{_COIN_IMG}") no-repeat center / contain !important;
+    background-color: transparent !important;
+    border: none !important;
+    border-radius: 0 !important;
+    box-shadow: none !important;
+    cursor: pointer !important;
+}}
+
+.reset-button,
+.icon,
+[class*="icon"] {{
+    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif !important;
+    font-size: 18px !important;
+}}
+
+"""
+
+
+class Mario(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.orange,
+        secondary_hue: colors.Color | str = colors.green,
+        neutral_hue: colors.Color | str = colors.stone,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_sm,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Press Start 2P", weights=(400,)),
+            "ui-monospace",
+            "monospace",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Press Start 2P", weights=(400,)),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "mario"
+        self.custom_css = _MARIO_CSS
+        super().set(
+            body_background_fill=SKY_BLUE,
+            body_text_color=BLOCK_OUTLINE,
+            body_text_color_subdued=BRICK_DARK,
+            body_text_weight="400",
+            background_fill_primary=SKY_BLUE,
+            background_fill_secondary=GROUND_TAN,
+            shadow_drop="none",
+            shadow_drop_lg="none",
+            shadow_spread="0px",
+            shadow_inset="rgba(0,0,0,0.3) 0px 2px 4px 0px inset",
+            block_background_fill=QUESTION_GOLD,
+            block_border_width="4px",
+            block_border_color=BLOCK_OUTLINE,
+            block_shadow=f"0px 4px 0px 0px {BRICK_DARK}",
+            block_radius="4px",
+            block_padding="*spacing_lg",
+            block_label_background_fill=BRICK_BROWN,
+            block_label_text_color=BLOCK_OUTLINE,
+            block_label_text_weight="400",
+            block_label_text_size="*text_sm",
+            block_label_padding="*spacing_sm *spacing_md",
+            block_label_radius="4px",
+            block_label_border_color=BLOCK_OUTLINE,
+            block_label_border_width="3px",
+            block_label_shadow=f"0px 3px 0px 0px {GROUND_DARK}",
+            block_title_background_fill=BRICK_BROWN,
+            block_title_text_color=BLOCK_OUTLINE,
+            block_title_text_weight="400",
+            block_title_padding="*spacing_sm *spacing_md",
+            block_title_radius="4px",
+            block_title_border_color=BLOCK_OUTLINE,
+            block_title_border_width="3px",
+            input_background_fill=COIN_YELLOW,
+            input_border_color=BLOCK_OUTLINE,
+            input_border_width="3px",
+            input_shadow="none",
+            input_shadow_focus=f"0 0 0 3px {QUESTION_GOLD}",
+            input_border_color_focus=BRICK_BROWN,
+            input_background_fill_focus=WHITE,
+            input_radius="4px",
+            input_placeholder_color=GROUND_DARK,
+            button_border_width="4px",
+            button_transform_hover="translateY(-2px)",
+            button_transform_active="translateY(2px)",
+            button_transition="all 0.08s ease",
+            button_primary_background_fill=PIPE_GREEN,
+            button_primary_background_fill_hover="#10C010",
+            button_primary_text_color=BLOCK_OUTLINE,
+            button_primary_border_color=BLOCK_OUTLINE,
+            button_primary_shadow=f"0px 4px 0px 0px {PIPE_DARK}",
+            button_primary_shadow_hover=f"0px 6px 0px 0px {PIPE_DARK}",
+            button_primary_shadow_active=f"0px 1px 0px 0px {PIPE_DARK}",
+            button_secondary_background_fill=BRICK_BROWN,
+            button_secondary_background_fill_hover="#D86020",
+            button_secondary_text_color=BLOCK_OUTLINE,
+            button_secondary_border_color=BLOCK_OUTLINE,
+            button_secondary_shadow=f"0px 4px 0px 0px {GROUND_DARK}",
+            button_secondary_shadow_hover=f"0px 6px 0px 0px {GROUND_DARK}",
+            button_secondary_shadow_active=f"0px 1px 0px 0px {GROUND_DARK}",
+            button_cancel_background_fill=colors.red.c600,
+            button_cancel_background_fill_hover=colors.red.c500,
+            button_cancel_text_color=BLOCK_OUTLINE,
+            button_cancel_border_color=BLOCK_OUTLINE,
+            button_cancel_shadow=f"0px 4px 0px 0px {colors.red.c900}",
+            button_cancel_shadow_hover=f"0px 6px 0px 0px {colors.red.c900}",
+            button_cancel_shadow_active=f"0px 1px 0px 0px {colors.red.c900}",
+            checkbox_background_color_selected=QUESTION_GOLD,
+            checkbox_border_color=BLOCK_OUTLINE,
+            checkbox_border_color_selected=BLOCK_OUTLINE,
+            checkbox_border_width="3px",
+            checkbox_shadow="none",
+            checkbox_label_background_fill=COIN_YELLOW,
+            checkbox_label_background_fill_hover=WHITE,
+            checkbox_label_background_fill_selected=QUESTION_GOLD,
+            checkbox_label_text_color=BLOCK_OUTLINE,
+            checkbox_label_text_color_selected=BLOCK_OUTLINE,
+            checkbox_label_border_width="3px",
+            checkbox_label_border_color=BLOCK_OUTLINE,
+            checkbox_label_border_color_selected=BLOCK_OUTLINE,
+            checkbox_label_shadow=f"0px 3px 0px 0px {GROUND_DARK}",
+            checkbox_label_shadow_hover=f"0px 5px 0px 0px {GROUND_DARK}",
+            checkbox_label_shadow_active=f"0px 1px 0px 0px {GROUND_DARK}",
+            slider_color=PIPE_GREEN,
+            color_accent=QUESTION_GOLD,
+            color_accent_soft=COIN_YELLOW,
+            table_even_background_fill=COIN_YELLOW,
+            table_odd_background_fill=GROUND_TAN,
+            table_border_color=BLOCK_OUTLINE,
+            table_row_focus=QUESTION_GOLD,
+            panel_border_width="4px",
+            panel_border_color=BLOCK_OUTLINE,
+            panel_background_fill=BRICK_BROWN,
+            loader_color=QUESTION_GOLD,
+            error_background_fill="#FCD0D0",
+            error_border_color=colors.red.c600,
+            error_text_color=colors.red.c800,
+            error_icon_color=colors.red.c600,
+            link_text_color=PIPE_GREEN,
+            link_text_color_hover="#10C010",
+        )
+
+    @staticmethod
+    def css() -> str:
+        """Return the theme's CSS.
+
+        This CSS is automatically applied when using the Mario theme.
+        This method is provided for reference or if you want to extract the CSS separately.
+        """
+        return _MARIO_CSS
diff --git a/gradio/themes/monochrome.py b/gradio/themes/monochrome.py
new file mode 100644
index 0000000..3a645fc
--- /dev/null
+++ b/gradio/themes/monochrome.py
@@ -0,0 +1,98 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Monochrome(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.neutral,
+        secondary_hue: colors.Color | str = colors.neutral,
+        neutral_hue: colors.Color | str = colors.neutral,
+        spacing_size: sizes.Size | str = sizes.spacing_lg,
+        radius_size: sizes.Size | str = sizes.radius_none,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Lora"),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Mono"),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "monochrome"
+        super().set(
+            # Colors
+            slider_color="*neutral_900",
+            slider_color_dark="*neutral_500",
+            accordion_text_color="*body_text_color",
+            accordion_text_color_dark="*body_text_color",
+            table_text_color="*body_text_color",
+            table_text_color_dark="*body_text_color",
+            body_text_color="*neutral_900",
+            block_label_text_color="*body_text_color",
+            block_title_text_color="*body_text_color",
+            body_text_color_subdued="*neutral_700",
+            background_fill_primary_dark="*neutral_900",
+            background_fill_secondary_dark="*neutral_800",
+            block_background_fill_dark="*neutral_800",
+            input_background_fill_dark="*neutral_700",
+            # Buttons
+            button_border_width="2px",
+            button_primary_border_color="*neutral_900",
+            button_primary_background_fill="*neutral_900",
+            button_primary_background_fill_hover="*neutral_700",
+            button_primary_text_color="white",
+            button_primary_background_fill_dark="*neutral_600",
+            button_primary_background_fill_hover_dark="*neutral_600",
+            button_primary_text_color_dark="white",
+            button_secondary_border_color="*neutral_900",
+            button_secondary_background_fill="white",
+            button_secondary_background_fill_hover="white",
+            button_secondary_background_fill_dark="*neutral_700",
+            button_secondary_border_color_hover="*neutral_400",
+            button_secondary_text_color="*neutral_900",
+            button_secondary_text_color_hover="*neutral_400",
+            button_cancel_border_color="*neutral_900",
+            button_cancel_background_fill="*button_secondary_background_fill",
+            button_cancel_background_fill_hover="*button_secondary_background_fill_hover",
+            button_cancel_text_color="*button_secondary_text_color",
+            checkbox_label_border_color="*checkbox_background_color",
+            checkbox_label_border_color_hover="*button_secondary_border_color_hover",
+            checkbox_label_border_color_selected="*button_primary_border_color",
+            checkbox_label_border_width="*button_border_width",
+            checkbox_background_color="*input_background_fill",
+            checkbox_label_background_fill_selected="*button_primary_background_fill",
+            checkbox_label_text_color_selected="*button_primary_text_color",
+            # Padding
+            checkbox_label_padding="*spacing_sm",
+            button_large_padding="*spacing_lg",
+            button_small_padding="*spacing_sm",
+            # Borders
+            shadow_drop_lg="0 1px 4px 0 rgb(0 0 0 / 0.1)",
+            block_shadow="none",
+            block_shadow_dark="*shadow_drop_lg",
+            # Block Labels
+            block_title_text_weight="600",
+            block_label_text_weight="600",
+            block_label_text_size="*text_md",
+        )
diff --git a/gradio/themes/neon.py b/gradio/themes/neon.py
new file mode 100644
index 0000000..c0c5255
--- /dev/null
+++ b/gradio/themes/neon.py
@@ -0,0 +1,191 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Neon(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.lime,
+        secondary_hue: colors.Color | str = colors.cyan,
+        neutral_hue: colors.Color | str = colors.neutral,
+        spacing_size: sizes.Size | str = sizes.spacing_lg,
+        radius_size: sizes.Size | str = sizes.radius_xxl,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Lexend"),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Space Mono", weights=(400,)),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "neon"
+        super().set(
+            # Body
+            body_background_fill="*neutral_100",
+            body_background_fill_dark="*neutral_950",
+            body_text_color="*neutral_800",
+            body_text_color_dark="*neutral_200",
+            body_text_color_subdued="*neutral_500",
+            body_text_color_subdued_dark="*neutral_400",
+            # Backgrounds
+            background_fill_primary="*neutral_100",
+            background_fill_primary_dark="*neutral_900",
+            background_fill_secondary="*neutral_200",
+            background_fill_secondary_dark="*neutral_800",
+            # Shadows - bottom-edge style like raised buttons
+            shadow_drop="none",
+            shadow_drop_lg="none",
+            shadow_spread="0px",
+            # Blocks
+            block_background_fill="white",
+            block_background_fill_dark="*neutral_900",
+            block_border_width="2px",
+            block_border_color="*neutral_300",
+            block_border_color_dark="*neutral_700",
+            block_shadow="0px 3px 0px 0px *neutral_300",
+            block_shadow_dark="0px 3px 0px 0px *neutral_800",
+            block_label_background_fill="*primary_200",
+            block_label_background_fill_dark="*primary_800",
+            block_label_text_color="*primary_800",
+            block_label_text_color_dark="*primary_200",
+            block_label_text_weight="600",
+            block_label_text_size="*text_md",
+            block_label_padding="*spacing_sm *spacing_lg",
+            block_label_radius="0 0 calc(*radius_sm - 1px) 0",
+            block_title_background_fill="*primary_200",
+            block_title_background_fill_dark="*primary_800",
+            block_title_text_color="*primary_800",
+            block_title_text_color_dark="*primary_200",
+            block_title_text_weight="600",
+            block_title_padding="*spacing_sm *spacing_lg",
+            block_title_radius="*radius_sm",
+            # Inputs
+            input_background_fill="white",
+            input_background_fill_dark="*neutral_800",
+            input_border_color="*neutral_300",
+            input_border_color_dark="*neutral_600",
+            input_border_width="2px",
+            input_shadow="none",
+            input_shadow_focus="none",
+            input_border_color_focus="*primary_500",
+            input_border_color_focus_dark="*primary_400",
+            input_background_fill_focus="*primary_50",
+            input_background_fill_focus_dark="*neutral_700",
+            # Buttons - raised with bottom shadow, press down on click
+            button_border_width="2px",
+            button_transform_hover="translateY(-2px)",
+            button_transform_active="translateY(1px)",
+            button_transition="all 0.1s ease",
+            button_primary_background_fill="*primary_400",
+            button_primary_background_fill_dark="*primary_500",
+            button_primary_background_fill_hover="*primary_400",
+            button_primary_background_fill_hover_dark="*primary_500",
+            button_primary_text_color="*primary_950",
+            button_primary_text_color_dark="*primary_950",
+            button_primary_border_color="*primary_500",
+            button_primary_border_color_dark="*primary_600",
+            button_primary_shadow="0px 4px 0px 0px *primary_600",
+            button_primary_shadow_hover="0px 6px 0px 0px *primary_600",
+            button_primary_shadow_active="0px 2px 0px 0px *primary_600",
+            button_primary_shadow_dark="0px 4px 0px 0px *primary_700",
+            button_primary_shadow_hover_dark="0px 6px 0px 0px *primary_700",
+            button_primary_shadow_active_dark="0px 2px 0px 0px *primary_700",
+            button_secondary_background_fill="white",
+            button_secondary_background_fill_dark="*neutral_800",
+            button_secondary_background_fill_hover="white",
+            button_secondary_background_fill_hover_dark="*neutral_800",
+            button_secondary_text_color="*neutral_700",
+            button_secondary_text_color_dark="*neutral_200",
+            button_secondary_border_color="*neutral_300",
+            button_secondary_border_color_dark="*neutral_600",
+            button_secondary_shadow="0px 4px 0px 0px *neutral_300",
+            button_secondary_shadow_hover="0px 6px 0px 0px *neutral_300",
+            button_secondary_shadow_active="0px 2px 0px 0px *neutral_300",
+            button_secondary_shadow_dark="0px 4px 0px 0px *neutral_700",
+            button_secondary_shadow_hover_dark="0px 6px 0px 0px *neutral_700",
+            button_secondary_shadow_active_dark="0px 2px 0px 0px *neutral_700",
+            button_cancel_background_fill=colors.red.c400,
+            button_cancel_background_fill_dark=colors.red.c500,
+            button_cancel_background_fill_hover=colors.red.c400,
+            button_cancel_background_fill_hover_dark=colors.red.c500,
+            button_cancel_text_color="white",
+            button_cancel_text_color_dark="white",
+            button_cancel_border_color=colors.red.c500,
+            button_cancel_border_color_dark=colors.red.c600,
+            button_cancel_shadow=f"0px 4px 0px 0px {colors.red.c600}",
+            button_cancel_shadow_hover=f"0px 6px 0px 0px {colors.red.c600}",
+            button_cancel_shadow_active=f"0px 2px 0px 0px {colors.red.c600}",
+            button_cancel_shadow_dark=f"0px 4px 0px 0px {colors.red.c700}",
+            button_cancel_shadow_hover_dark=f"0px 6px 0px 0px {colors.red.c700}",
+            button_cancel_shadow_active_dark=f"0px 2px 0px 0px {colors.red.c700}",
+            # Checkboxes
+            checkbox_background_color_selected="*primary_500",
+            checkbox_background_color_selected_dark="*primary_400",
+            checkbox_border_color="*neutral_400",
+            checkbox_border_color_dark="*neutral_500",
+            checkbox_border_color_selected="*primary_600",
+            checkbox_border_color_selected_dark="*primary_500",
+            checkbox_border_width="2px",
+            checkbox_shadow="none",
+            checkbox_label_background_fill="white",
+            checkbox_label_background_fill_dark="*neutral_800",
+            checkbox_label_background_fill_hover="*primary_50",
+            checkbox_label_background_fill_hover_dark="*neutral_700",
+            checkbox_label_background_fill_selected="*primary_300",
+            checkbox_label_background_fill_selected_dark="*primary_700",
+            checkbox_label_text_color_selected="*primary_900",
+            checkbox_label_text_color_selected_dark="*primary_100",
+            checkbox_label_border_width="2px",
+            checkbox_label_border_color="*neutral_300",
+            checkbox_label_border_color_dark="*neutral_600",
+            checkbox_label_border_color_selected="*primary_500",
+            checkbox_label_border_color_selected_dark="*primary_500",
+            checkbox_label_shadow="0px 4px 0px 0px *neutral_300",
+            checkbox_label_shadow_hover="0px 6px 0px 0px *neutral_300",
+            checkbox_label_shadow_active="0px 2px 0px 0px *neutral_300",
+            checkbox_label_shadow_dark="0px 4px 0px 0px *neutral_700",
+            checkbox_label_shadow_hover_dark="0px 6px 0px 0px *neutral_700",
+            checkbox_label_shadow_active_dark="0px 2px 0px 0px *neutral_700",
+            # Slider
+            slider_color="*primary_500",
+            slider_color_dark="*primary_400",
+            # Color accents
+            color_accent="*secondary_500",
+            color_accent_soft="*secondary_100",
+            color_accent_soft_dark="*secondary_900",
+            # Tables
+            table_even_background_fill="*neutral_50",
+            table_even_background_fill_dark="*neutral_800",
+            table_odd_background_fill="white",
+            table_odd_background_fill_dark="*neutral_900",
+            table_border_color="*neutral_300",
+            table_border_color_dark="*neutral_600",
+            # Panels
+            panel_border_width="2px",
+            panel_border_color="*neutral_300",
+            panel_border_color_dark="*neutral_700",
+            # Loader
+            loader_color="*primary_500",
+            loader_color_dark="*primary_400",
+        )
diff --git a/gradio/themes/ocean.py b/gradio/themes/ocean.py
new file mode 100644
index 0000000..bea3424
--- /dev/null
+++ b/gradio/themes/ocean.py
@@ -0,0 +1,73 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Ocean(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.emerald,
+        secondary_hue: colors.Color | str = colors.sky,
+        neutral_hue: colors.Color | str = colors.zinc,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_xxl,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Sans"),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Mono"),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "ocean"
+        super().set(
+            button_border_width="0px",
+            checkbox_label_border_width="1px",
+            button_transform_hover="scale(1.02)",
+            button_transition="all 0.1s ease-in-out",
+            slider_color="*primary_400",
+            button_primary_background_fill="linear-gradient(120deg, *secondary_500 0%, *primary_300 60%, *primary_400 100%)",
+            button_primary_background_fill_hover="linear-gradient(120deg, *secondary_400 0%, *primary_300 60%, *primary_300 100%)",
+            button_primary_text_color="*button_secondary_text_color",
+            button_secondary_background_fill="linear-gradient(120deg, *neutral_300 0%, *neutral_100 60%, *neutral_200 100%)",
+            button_secondary_background_fill_hover="linear-gradient(120deg, *neutral_200 0%, *neutral_100 60%, *neutral_100 100%)",
+            checkbox_label_background_fill_selected="linear-gradient(120deg, *primary_400 0%, *primary_300 60%, *primary_400 100%)",
+            checkbox_label_border_color_selected="*primary_400",
+            checkbox_background_color_selected="*primary_400",
+            checkbox_label_text_color_selected="*button_secondary_text_color",
+            slider_color_dark="*primary_500",
+            button_primary_background_fill_dark="linear-gradient(120deg, *secondary_600 0%, *primary_500 60%, *primary_600 100%)",
+            button_primary_background_fill_hover_dark="linear-gradient(120deg, *secondary_500 0%, *primary_500 60%, *primary_500 100%)",
+            button_primary_text_color_dark="*button_secondary_text_color",
+            button_secondary_background_fill_dark="linear-gradient(120deg, *neutral_700 0%, *neutral_600 60%, *neutral_700 100%)",
+            button_secondary_background_fill_hover_dark="linear-gradient(120deg, *neutral_600 0%, *neutral_600 60%, *neutral_700 100%)",
+            checkbox_label_background_fill_selected_dark="linear-gradient(120deg, *primary_600 0%, *primary_500 60%, *primary_600 100%)",
+            checkbox_label_border_color_selected_dark="*primary_600",
+            checkbox_background_color_selected_dark="*primary_600",
+            checkbox_label_text_color_selected_dark="*button_secondary_text_color",
+            block_shadow="*shadow_drop_lg",
+            button_secondary_shadow_hover="*shadow_drop_lg",
+            button_primary_shadow_hover="0 1px 3px 0 *primary_200, 0 1px 2px -1px *primary_200",
+            button_secondary_shadow_dark="none",
+            button_primary_shadow_dark="none",
+        )
diff --git a/gradio/themes/origin.py b/gradio/themes/origin.py
new file mode 100644
index 0000000..0efe508
--- /dev/null
+++ b/gradio/themes/origin.py
@@ -0,0 +1,115 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Origin(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.orange,
+        secondary_hue: colors.Color | str = colors.blue,
+        neutral_hue: colors.Color | str = colors.gray,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Source Sans Pro", weights=(400, 600)),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Mono", weights=(400, 600)),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "origin"
+        super().set(
+            # Colors
+            input_background_fill_dark="*neutral_800",
+            error_background_fill=colors.red.c50,
+            error_background_fill_dark="*neutral_900",
+            error_border_color=colors.red.c700,
+            error_border_color_dark=colors.red.c500,
+            error_icon_color=colors.red.c700,
+            error_icon_color_dark=colors.red.c500,
+            # Transition
+            button_transition="none",
+            # Shadows
+            button_primary_shadow="*shadow_drop",
+            button_primary_shadow_hover="*shadow_drop_lg",
+            button_primary_shadow_active="*shadow_inset",
+            button_secondary_shadow="*shadow_drop",
+            button_secondary_shadow_hover="*shadow_drop_lg",
+            button_secondary_shadow_active="*shadow_inset",
+            input_shadow="0 0 0 *shadow_spread transparent, *shadow_inset",
+            input_shadow_focus="0 0 0 *shadow_spread *secondary_50, *shadow_inset",
+            input_shadow_focus_dark="0 0 0 *shadow_spread *neutral_700, *shadow_inset",
+            checkbox_label_shadow="*shadow_drop",
+            block_shadow="*shadow_drop",
+            form_gap_width="1px",
+            # Button borders
+            button_border_width="1px",
+            button_border_width_dark="1px",
+            input_border_width="1px",
+            input_background_fill="white",
+            # Gradients
+            stat_background_fill="linear-gradient(to right, *primary_400, *primary_200)",
+            stat_background_fill_dark="linear-gradient(to right, *primary_400, *primary_600)",
+            checkbox_label_background_fill="linear-gradient(to top, *neutral_50, white)",
+            checkbox_label_background_fill_dark="linear-gradient(to top, *neutral_900, *neutral_800)",
+            checkbox_label_background_fill_hover="linear-gradient(to top, *neutral_100, white)",
+            checkbox_label_background_fill_hover_dark="linear-gradient(to top, *neutral_900, *neutral_800)",
+            # Primary Button
+            button_primary_background_fill="linear-gradient(to bottom right, *primary_100, *primary_300)",
+            button_primary_background_fill_dark="linear-gradient(to bottom right, *primary_500, *primary_600)",
+            button_primary_background_fill_hover="linear-gradient(to bottom right, *primary_100, *primary_200)",
+            button_primary_background_fill_hover_dark="linear-gradient(to bottom right, *primary_500, *primary_500)",
+            button_primary_border_color="*primary_200",
+            button_primary_border_color_dark="*primary_500",
+            button_primary_border_color_hover="*button_primary_border_color",
+            button_primary_border_color_hover_dark="*primary_500",
+            button_primary_text_color="*primary_600",
+            button_primary_text_color_dark="white",
+            # Secondary Button
+            button_secondary_background_fill="linear-gradient(to bottom right, *neutral_100, *neutral_200)",
+            button_secondary_background_fill_dark="linear-gradient(to bottom right, *neutral_600, *neutral_700)",
+            button_secondary_background_fill_hover="linear-gradient(to bottom right, *neutral_100, *neutral_100)",
+            button_secondary_background_fill_hover_dark="linear-gradient(to bottom right, *neutral_600, *neutral_600)",
+            button_secondary_border_color="*neutral_200",
+            button_secondary_border_color_dark="*neutral_600",
+            button_secondary_border_color_hover="*neutral_200",
+            button_secondary_border_color_hover_dark="*neutral_600",
+            button_secondary_text_color="*neutral_800",
+            button_secondary_text_color_dark="white",
+            # Cancel Button
+            button_cancel_background_fill=f"linear-gradient(to bottom right, {colors.red.c100}, {colors.red.c200})",
+            button_cancel_background_fill_dark=f"linear-gradient(to bottom right, {colors.red.c600}, {colors.red.c700})",
+            button_cancel_background_fill_hover=f"linear-gradient(to bottom right, {colors.red.c100}, {colors.red.c100})",
+            button_cancel_background_fill_hover_dark=f"linear-gradient(to bottom right, {colors.red.c600}, {colors.red.c600})",
+            button_cancel_border_color=colors.red.c200,
+            button_cancel_border_color_dark=colors.red.c600,
+            button_cancel_border_color_hover=colors.red.c200,
+            button_cancel_border_color_hover_dark=colors.red.c600,
+            button_cancel_text_color=colors.red.c600,
+            button_cancel_text_color_dark="white",
+            # Other
+            border_color_accent_subdued="*primary_200",
+            button_transform_hover="none",
+        )
diff --git a/gradio/themes/soft.py b/gradio/themes/soft.py
new file mode 100644
index 0000000..7e759e9
--- /dev/null
+++ b/gradio/themes/soft.py
@@ -0,0 +1,110 @@
+from __future__ import annotations
+
+from collections.abc import Iterable
+
+from gradio.themes.base import Base
+from gradio.themes.utils import colors, fonts, sizes
+
+
+class Soft(Base):
+    def __init__(
+        self,
+        *,
+        primary_hue: colors.Color | str = colors.indigo,
+        secondary_hue: colors.Color | str = colors.indigo,
+        neutral_hue: colors.Color | str = colors.gray,
+        spacing_size: sizes.Size | str = sizes.spacing_md,
+        radius_size: sizes.Size | str = sizes.radius_md,
+        text_size: sizes.Size | str = sizes.text_md,
+        font: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("Montserrat", weights=(400, 700)),
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+        ),
+        font_mono: fonts.Font | str | Iterable[fonts.Font | str] = (
+            fonts.LocalFont("IBM Plex Mono"),
+            "ui-monospace",
+            "Consolas",
+            "monospace",
+        ),
+    ):
+        super().__init__(
+            primary_hue=primary_hue,
+            secondary_hue=secondary_hue,
+            neutral_hue=neutral_hue,
+            spacing_size=spacing_size,
+            radius_size=radius_size,
+            text_size=text_size,
+            font=font,
+            font_mono=font_mono,
+        )
+        self.name = "soft"
+        super().set(
+            # Colors
+            background_fill_primary="*neutral_50",
+            slider_color="*primary_500",
+            slider_color_dark="*primary_600",
+            # Shadows
+            shadow_drop="0 1px 4px 0 rgb(0 0 0 / 0.1)",
+            shadow_drop_lg="0 2px 5px 0 rgb(0 0 0 / 0.1)",
+            # Block Labels
+            block_background_fill="white",
+            block_label_padding="*spacing_sm *spacing_md",
+            block_label_background_fill="*primary_100",
+            block_label_background_fill_dark="*primary_600",
+            block_label_radius="*radius_md",
+            block_label_text_size="*text_md",
+            block_label_text_weight="600",
+            block_label_text_color="*primary_500",
+            block_label_text_color_dark="white",
+            block_title_radius="*block_label_radius",
+            block_title_padding="*block_label_padding",
+            block_title_background_fill="*block_label_background_fill",
+            block_title_text_weight="600",
+            block_title_text_color="*primary_500",
+            block_title_text_color_dark="white",
+            block_label_margin="*spacing_md",
+            # Inputs
+            input_background_fill="white",
+            input_border_color="*neutral_50",
+            input_shadow="*shadow_drop",
+            input_shadow_focus="*shadow_drop_lg",
+            checkbox_shadow="none",
+            # Buttons
+            shadow_spread="6px",
+            button_primary_shadow="*shadow_drop_lg",
+            button_primary_shadow_hover="*shadow_drop_lg",
+            button_primary_shadow_active="*shadow_inset",
+            button_secondary_shadow="*shadow_drop_lg",
+            button_secondary_shadow_hover="*shadow_drop_lg",
+            button_secondary_shadow_active="*shadow_inset",
+            checkbox_label_shadow="*shadow_drop_lg",
+            button_primary_background_fill="*primary_500",
+            button_primary_background_fill_hover="*primary_400",
+            button_primary_background_fill_hover_dark="*primary_500",
+            button_primary_text_color="white",
+            button_secondary_background_fill="white",
+            button_secondary_background_fill_hover="*neutral_100",
+            button_secondary_background_fill_hover_dark="*primary_500",
+            button_secondary_text_color="*neutral_800",
+            button_cancel_background_fill="*button_secondary_background_fill",
+            button_cancel_background_fill_hover="*button_secondary_background_fill_hover",
+            button_cancel_background_fill_hover_dark="*button_secondary_background_fill_hover",
+            button_cancel_text_color="*button_secondary_text_color",
+            checkbox_label_background_fill_selected="*primary_500",
+            checkbox_label_background_fill_selected_dark="*primary_600",
+            checkbox_border_width="1px",
+            checkbox_border_color="*neutral_100",
+            checkbox_border_color_dark="*neutral_600",
+            checkbox_background_color_selected="*primary_600",
+            checkbox_background_color_selected_dark="*primary_700",
+            checkbox_border_color_focus="*primary_500",
+            checkbox_border_color_focus_dark="*primary_600",
+            checkbox_border_color_selected="*primary_600",
+            checkbox_border_color_selected_dark="*primary_700",
+            checkbox_label_text_color_selected="white",
+            # Borders
+            block_border_width="0px",
+            panel_border_width="1px",
+        )
diff --git a/gradio/themes/upload_theme.py b/gradio/themes/upload_theme.py
new file mode 100644
index 0000000..3325805
--- /dev/null
+++ b/gradio/themes/upload_theme.py
@@ -0,0 +1,59 @@
+from __future__ import annotations
+
+import argparse
+
+from gradio.themes import ThemeClass
+
+
+def main():
+    parser = argparse.ArgumentParser(description="Upload a demo to a space")
+    parser.add_argument("theme", type=str, help="Theme json file")
+    parser.add_argument("repo_name", type=str, help="HF repo name to store the theme")
+    parser.add_argument(
+        "--org_name",
+        type=str,
+        help="The name of the org to save the space in. If None (the default), the username corresponding to the logged in user, or hƒ_token is used.",
+    )
+    parser.add_argument("--version", type=str, help="Semver version")
+    parser.add_argument("--token", type=str, help="Hugging Face Token")
+    parser.add_argument(
+        "--theme-name",
+        type=str,
+        help="Name of theme.",
+    )
+    parser.add_argument(
+        "--description",
+        type=str,
+        help="Description of theme",
+    )
+    args = parser.parse_args()
+    upload_theme(
+        args.theme,
+        args.repo_name,
+        args.org_name,
+        args.version,
+        args.token,
+        args.theme_name,
+        args.description,
+    )
+
+
+def upload_theme(
+    theme: str,
+    repo_name: str,
+    org_name: str | None = None,
+    version: str | None = None,
+    token: str | None = None,
+    theme_name: str | None = None,
+    description: str | None = None,
+):
+    theme = ThemeClass.load(theme)
+
+    return theme.push_to_hub(
+        repo_name=repo_name,
+        version=version,
+        token=token,
+        theme_name=theme_name,
+        description=description,
+        org_name=org_name,
+    )
diff --git a/gradio/themes/utils/__init__.py b/gradio/themes/utils/__init__.py
new file mode 100644
index 0000000..a3e6208
--- /dev/null
+++ b/gradio/themes/utils/__init__.py
@@ -0,0 +1,11 @@
+from .semver_match import (
+    ThemeAsset,
+    get_matching_version,
+    get_theme_assets,
+)
+
+__all__ = [
+    "ThemeAsset",
+    "get_theme_assets",
+    "get_matching_version",
+]
diff --git a/gradio/themes/utils/colors.py b/gradio/themes/utils/colors.py
new file mode 100644
index 0000000..51c67e2
--- /dev/null
+++ b/gradio/themes/utils/colors.py
@@ -0,0 +1,359 @@
+from __future__ import annotations
+
+
+class Color:
+    all = []
+
+    def __init__(
+        self,
+        c50: str,
+        c100: str,
+        c200: str,
+        c300: str,
+        c400: str,
+        c500: str,
+        c600: str,
+        c700: str,
+        c800: str,
+        c900: str,
+        c950: str,
+        name: str | None = None,
+    ):
+        self.c50 = c50
+        self.c100 = c100
+        self.c200 = c200
+        self.c300 = c300
+        self.c400 = c400
+        self.c500 = c500
+        self.c600 = c600
+        self.c700 = c700
+        self.c800 = c800
+        self.c900 = c900
+        self.c950 = c950
+        self.name = name
+        Color.all.append(self)
+
+    def expand(self) -> list[str]:
+        return [
+            self.c50,
+            self.c100,
+            self.c200,
+            self.c300,
+            self.c400,
+            self.c500,
+            self.c600,
+            self.c700,
+            self.c800,
+            self.c900,
+            self.c950,
+        ]
+
+
+slate = Color(
+    name="slate",
+    c50="#f8fafc",
+    c100="#f1f5f9",
+    c200="#e2e8f0",
+    c300="#cbd5e1",
+    c400="#94a3b8",
+    c500="#64748b",
+    c600="#475569",
+    c700="#334155",
+    c800="#1e293b",
+    c900="#0f172a",
+    c950="#0a0f1e",
+)
+gray = Color(
+    name="gray",
+    c50="#f9fafb",
+    c100="#f3f4f6",
+    c200="#e5e7eb",
+    c300="#d1d5db",
+    c400="#9ca3af",
+    c500="#6b7280",
+    c600="#4b5563",
+    c700="#374151",
+    c800="#1f2937",
+    c900="#111827",
+    c950="#0b0f19",
+)
+zinc = Color(
+    name="zinc",
+    c50="#fafafa",
+    c100="#f4f4f5",
+    c200="#e4e4e7",
+    c300="#d4d4d8",
+    c400="#bbbbc2",
+    c500="#71717a",
+    c600="#52525b",
+    c700="#3f3f46",
+    c800="#27272a",
+    c900="#18181b",
+    c950="#0f0f11",
+)
+neutral = Color(
+    name="neutral",
+    c50="#fafafa",
+    c100="#f5f5f5",
+    c200="#e5e5e5",
+    c300="#d4d4d4",
+    c400="#a3a3a3",
+    c500="#737373",
+    c600="#525252",
+    c700="#404040",
+    c800="#262626",
+    c900="#171717",
+    c950="#0f0f0f",
+)
+stone = Color(
+    name="stone",
+    c50="#fafaf9",
+    c100="#f5f5f4",
+    c200="#e7e5e4",
+    c300="#d6d3d1",
+    c400="#a8a29e",
+    c500="#78716c",
+    c600="#57534e",
+    c700="#44403c",
+    c800="#292524",
+    c900="#1c1917",
+    c950="#0f0e0d",
+)
+red = Color(
+    name="red",
+    c50="#fef2f2",
+    c100="#fee2e2",
+    c200="#fecaca",
+    c300="#fca5a5",
+    c400="#f87171",
+    c500="#ef4444",
+    c600="#dc2626",
+    c700="#b91c1c",
+    c800="#991b1b",
+    c900="#7f1d1d",
+    c950="#6c1e1e",
+)
+orange = Color(
+    name="orange",
+    c50="#fff7ed",
+    c100="#ffedd5",
+    c200="#ffddb3",
+    c300="#fdba74",
+    c400="#fb923c",
+    c500="#f97316",
+    c600="#ea580c",
+    c700="#c2410c",
+    c800="#9a3412",
+    c900="#7c2d12",
+    c950="#6c2e12",
+)
+amber = Color(
+    name="amber",
+    c50="#fffbeb",
+    c100="#fef3c7",
+    c200="#fde68a",
+    c300="#fcd34d",
+    c400="#fbbf24",
+    c500="#f59e0b",
+    c600="#d97706",
+    c700="#b45309",
+    c800="#92400e",
+    c900="#78350f",
+    c950="#6c370f",
+)
+yellow = Color(
+    name="yellow",
+    c50="#fefce8",
+    c100="#fef9c3",
+    c200="#fef08a",
+    c300="#fde047",
+    c400="#facc15",
+    c500="#eab308",
+    c600="#ca8a04",
+    c700="#a16207",
+    c800="#854d0e",
+    c900="#713f12",
+    c950="#653b12",
+)
+lime = Color(
+    name="lime",
+    c50="#f7fee7",
+    c100="#ecfccb",
+    c200="#d9f99d",
+    c300="#bef264",
+    c400="#a3e635",
+    c500="#84cc16",
+    c600="#65a30d",
+    c700="#4d7c0f",
+    c800="#3f6212",
+    c900="#365314",
+    c950="#2f4e14",
+)
+green = Color(
+    name="green",
+    c50="#f0fdf4",
+    c100="#dcfce7",
+    c200="#bbf7d0",
+    c300="#86efac",
+    c400="#4ade80",
+    c500="#22c55e",
+    c600="#16a34a",
+    c700="#15803d",
+    c800="#166534",
+    c900="#14532d",
+    c950="#134e28",
+)
+emerald = Color(
+    name="emerald",
+    c50="#ecfdf5",
+    c100="#d1fae5",
+    c200="#a7f3d0",
+    c300="#6ee7b7",
+    c400="#34d399",
+    c500="#10b981",
+    c600="#059669",
+    c700="#047857",
+    c800="#065f46",
+    c900="#064e3b",
+    c950="#054436",
+)
+teal = Color(
+    name="teal",
+    c50="#f0fdfa",
+    c100="#ccfbf1",
+    c200="#99f6e4",
+    c300="#5eead4",
+    c400="#2dd4bf",
+    c500="#14b8a6",
+    c600="#0d9488",
+    c700="#0f766e",
+    c800="#115e59",
+    c900="#134e4a",
+    c950="#12443e",
+)
+cyan = Color(
+    name="cyan",
+    c50="#ecfeff",
+    c100="#cffafe",
+    c200="#a5f3fc",
+    c300="#67e8f9",
+    c400="#22d3ee",
+    c500="#06b6d4",
+    c600="#0891b2",
+    c700="#0e7490",
+    c800="#155e75",
+    c900="#164e63",
+    c950="#14455c",
+)
+sky = Color(
+    name="sky",
+    c50="#f0f9ff",
+    c100="#e0f2fe",
+    c200="#bae6fd",
+    c300="#7dd3fc",
+    c400="#38bdf8",
+    c500="#0ea5e9",
+    c600="#0284c7",
+    c700="#0369a1",
+    c800="#075985",
+    c900="#0c4a6e",
+    c950="#0b4165",
+)
+blue = Color(
+    name="blue",
+    c50="#eff6ff",
+    c100="#dbeafe",
+    c200="#bfdbfe",
+    c300="#93c5fd",
+    c400="#60a5fa",
+    c500="#3b82f6",
+    c600="#2563eb",
+    c700="#1d4ed8",
+    c800="#1e40af",
+    c900="#1e3a8a",
+    c950="#1d3660",
+)
+indigo = Color(
+    name="indigo",
+    c50="#eef2ff",
+    c100="#e0e7ff",
+    c200="#c7d2fe",
+    c300="#a5b4fc",
+    c400="#818cf8",
+    c500="#6366f1",
+    c600="#4f46e5",
+    c700="#4338ca",
+    c800="#3730a3",
+    c900="#312e81",
+    c950="#2b2c5e",
+)
+violet = Color(
+    name="violet",
+    c50="#f5f3ff",
+    c100="#ede9fe",
+    c200="#ddd6fe",
+    c300="#c4b5fd",
+    c400="#a78bfa",
+    c500="#8b5cf6",
+    c600="#7c3aed",
+    c700="#6d28d9",
+    c800="#5b21b6",
+    c900="#4c1d95",
+    c950="#431d7f",
+)
+purple = Color(
+    name="purple",
+    c50="#faf5ff",
+    c100="#f3e8ff",
+    c200="#e9d5ff",
+    c300="#d8b4fe",
+    c400="#c084fc",
+    c500="#a855f7",
+    c600="#9333ea",
+    c700="#7e22ce",
+    c800="#6b21a8",
+    c900="#581c87",
+    c950="#4c1a73",
+)
+fuchsia = Color(
+    name="fuchsia",
+    c50="#fdf4ff",
+    c100="#fae8ff",
+    c200="#f5d0fe",
+    c300="#f0abfc",
+    c400="#e879f9",
+    c500="#d946ef",
+    c600="#c026d3",
+    c700="#a21caf",
+    c800="#86198f",
+    c900="#701a75",
+    c950="#5e1a66",
+)
+pink = Color(
+    name="pink",
+    c50="#fdf2f8",
+    c100="#fce7f3",
+    c200="#fbcfe8",
+    c300="#f9a8d4",
+    c400="#f472b6",
+    c500="#ec4899",
+    c600="#db2777",
+    c700="#be185d",
+    c800="#9d174d",
+    c900="#831843",
+    c950="#6e1a3d",
+)
+rose = Color(
+    name="rose",
+    c50="#fff1f2",
+    c100="#ffe4e6",
+    c200="#fecdd3",
+    c300="#fda4af",
+    c400="#fb7185",
+    c500="#f43f5e",
+    c600="#e11d48",
+    c700="#be123c",
+    c800="#9f1239",
+    c900="#881337",
+    c950="#771d3a",
+)
diff --git a/gradio/themes/utils/fonts.py b/gradio/themes/utils/fonts.py
new file mode 100644
index 0000000..116aeca
--- /dev/null
+++ b/gradio/themes/utils/fonts.py
@@ -0,0 +1,141 @@
+from __future__ import annotations
+
+import importlib.resources
+import json
+import textwrap
+from collections.abc import Iterable
+from pathlib import Path
+
+STATIC_FONTS_DIR = Path(
+    importlib.resources.files("gradio")
+    .joinpath("templates/frontend/static/fonts")
+    .as_posix()
+)
+
+WEIGHT_TO_FILENAME = {
+    100: "Thin",
+    200: "ExtraLight",
+    300: "Light",
+    400: "Regular",
+    500: "Medium",
+    600: "SemiBold",
+    700: "Bold",
+    800: "ExtraBold",
+    900: "Black",
+}
+
+
+def font_dir_name(name: str) -> str:
+    return name.replace(" ", "")
+
+
+def font_file_path(name: str, weight: int) -> Path:
+    file_name = font_dir_name(name)
+    file_weight = WEIGHT_TO_FILENAME.get(weight, str(weight))
+    return STATIC_FONTS_DIR / file_name / f"{file_name}-{file_weight}.woff2"
+
+
+def local_font_available(name: str, weights: Iterable[int]) -> bool:
+    return all(font_file_path(name, weight).exists() for weight in weights)
+
+
+class FontEncoder(json.JSONEncoder):
+    def default(self, obj):
+        if isinstance(obj, Font):
+            return {
+                "__gradio_font__": True,
+                "name": obj.name,
+                "class": "google"
+                if isinstance(obj, GoogleFont)
+                else "local"
+                if isinstance(obj, LocalFont)
+                else "font",
+                "weights": obj.weights
+                if isinstance(obj, (GoogleFont, LocalFont))
+                else None,
+            }
+        return json.JSONEncoder.default(self, obj)
+
+
+def as_font(dct):
+    if "__gradio_font__" in dct:
+        name = dct["name"]
+        if dct["class"] == "google":
+            return (
+                GoogleFont(name, weights=dct["weights"])
+                if "weights" in dct
+                else GoogleFont(name)
+            )
+        if dct["class"] == "local":
+            return (
+                LocalFont(name, weights=dct["weights"])
+                if "weights" in dct
+                else LocalFont(name)
+            )
+        return Font(name)
+    return dct
+
+
+class Font:
+    def __init__(self, name: str):
+        self.name = name
+
+    def __str__(self) -> str:
+        return (
+            self.name
+            if self.name in ["sans-serif", "serif", "monospace", "cursive", "fantasy"]
+            else f"'{self.name}'"
+        )
+
+    def stylesheet(self) -> dict:
+        return {"url": None, "css": None}
+
+    def __eq__(self, other: Font) -> bool:
+        return self.name == other.name and self.stylesheet() == other.stylesheet()
+
+    def __repr__(self) -> str:
+        klass = type(self)
+        class_repr = klass.__module__ + "." + klass.__qualname__
+        attrs = ", ".join([k + "=" + repr(v) for k, v in self.__dict__.items()])
+        return f"<{class_repr} ({attrs})>"
+
+
+class GoogleFont(Font):
+    def __init__(self, name: str, weights: Iterable[int] = (400, 600)):
+        self.name = name
+        self.weights = tuple(weights)
+
+    def stylesheet(self) -> dict:
+        if local_font_available(self.name, self.weights):
+            return LocalFont(self.name, weights=self.weights).stylesheet()
+        url = f"https://fonts.googleapis.com/css2?family={self.name.replace(' ', '+')}:wght@{';'.join(str(weight) for weight in self.weights)}&display=swap"
+        return {"url": url, "css": None}
+
+
+class LocalFont(Font):
+    def __init__(self, name: str, weights: Iterable[int] = (400, 600)):
+        super().__init__(name)
+        self.weights = tuple(weights)
+
+    def stylesheet(self) -> dict:
+        css_template = textwrap.dedent("""
+            @font-face {{
+                font-family: '{name}';
+                src: url('static/fonts/{dir_name}/{file_name}-{file_weight}.woff2') format('woff2');
+                font-weight: {css_weight};
+                font-style: normal;
+            }}
+            """)
+        css_rules = []
+        for weight in self.weights:
+            file_weight = WEIGHT_TO_FILENAME.get(weight, str(weight))
+            css_rules.append(
+                css_template.format(
+                    name=self.name,
+                    dir_name=font_dir_name(self.name),
+                    file_name=font_dir_name(self.name),
+                    file_weight=file_weight,
+                    css_weight=weight,
+                )
+            )
+        return {"url": None, "css": "\n".join(css_rules)}
diff --git a/gradio/themes/utils/readme_content.py b/gradio/themes/utils/readme_content.py
new file mode 100644
index 0000000..49c8ca1
--- /dev/null
+++ b/gradio/themes/utils/readme_content.py
@@ -0,0 +1,18 @@
+README_CONTENT = """
+---
+tags: [gradio-theme]
+title: {theme_name}
+colorFrom: red
+colorTo: purple
+sdk: gradio
+sdk_version: {gradio_version}
+app_file: app.py
+pinned: false
+license: apache-2.0
+---
+# {theme_name}
+## Description
+{description}
+## Contributions
+Thanks to [@{author}](https://huggingface.co/{author}) for adding this gradio theme!
+"""
diff --git a/gradio/themes/utils/semver_match.py b/gradio/themes/utils/semver_match.py
new file mode 100644
index 0000000..265c096
--- /dev/null
+++ b/gradio/themes/utils/semver_match.py
@@ -0,0 +1,41 @@
+from __future__ import annotations
+
+from dataclasses import dataclass, field
+
+import huggingface_hub
+import semantic_version
+import semantic_version as semver
+
+
+@dataclass
+class ThemeAsset:
+    filename: str
+    version: semver.Version = field(init=False)
+
+    def __post_init__(self):
+        self.version = semver.Version(self.filename.split("@")[1].replace(".json", ""))
+
+
+def get_theme_assets(space_info: huggingface_hub.hf_api.SpaceInfo) -> list[ThemeAsset]:
+    # Commenting out as it seems that the `huggingface_hub` library is not parsing tags
+    # if "gradio-theme" not in getattr(space_info, "tags", []):
+    # raise ValueError(f"{space_info.id} is not a valid gradio-theme space!")
+
+    return [
+        ThemeAsset(filename.rfilename)
+        for filename in space_info.siblings
+        if filename.rfilename.startswith("themes/")
+    ]
+
+
+def get_matching_version(
+    assets: list[ThemeAsset], expression: str | None
+) -> ThemeAsset | None:
+    expression = expression or "*"
+
+    # Return most recent version that matches
+    matching_version = semantic_version.SimpleSpec(expression).select(
+        [a.version for a in assets]
+    )
+
+    return next((a for a in assets if a.version == matching_version), None)
diff --git a/gradio/themes/utils/sizes.py b/gradio/themes/utils/sizes.py
new file mode 100644
index 0000000..164c56e
--- /dev/null
+++ b/gradio/themes/utils/sizes.py
@@ -0,0 +1,143 @@
+from __future__ import annotations
+
+
+class Size:
+    all = []
+
+    def __init__(
+        self, xxs: str, xs: str, sm: str, md: str, lg: str, xl: str, xxl: str, name=None
+    ):
+        self.xxs = xxs
+        self.xs = xs
+        self.sm = sm
+        self.md = md
+        self.lg = lg
+        self.xl = xl
+        self.xxl = xxl
+        self.name = name
+        Size.all.append(self)
+
+    def expand(self) -> list[str]:
+        return [self.xxs, self.xs, self.sm, self.md, self.lg, self.xl, self.xxl]
+
+
+radius_none = Size(
+    name="radius_none",
+    xxs="0px",
+    xs="0px",
+    sm="0px",
+    md="0px",
+    lg="0px",
+    xl="0px",
+    xxl="0px",
+)
+
+radius_sm = Size(
+    name="radius_sm",
+    xxs="1px",
+    xs="1px",
+    sm="2px",
+    md="4px",
+    lg="6px",
+    xl="8px",
+    xxl="12px",
+)
+
+radius_md = Size(
+    name="radius_md",
+    xxs="1px",
+    xs="2px",
+    sm="4px",
+    md="6px",
+    lg="8px",
+    xl="12px",
+    xxl="22px",
+)
+
+radius_lg = Size(
+    name="radius_lg",
+    xxs="2px",
+    xs="4px",
+    sm="6px",
+    md="8px",
+    lg="12px",
+    xl="16px",
+    xxl="24px",
+)
+
+radius_xxl = Size(
+    xxs="6px",
+    xs="8px",
+    sm="10px",
+    md="20px",
+    lg="24px",
+    xl="28px",
+    xxl="32px",
+    name="radius_xxl",
+)
+
+spacing_sm = Size(
+    name="spacing_sm",
+    xxs="1px",
+    xs="1px",
+    sm="2px",
+    md="4px",
+    lg="6px",
+    xl="9px",
+    xxl="12px",
+)
+
+spacing_md = Size(
+    name="spacing_md",
+    xxs="1px",
+    xs="2px",
+    sm="4px",
+    md="6px",
+    lg="8px",
+    xl="10px",
+    xxl="16px",
+)
+
+spacing_lg = Size(
+    name="spacing_lg",
+    xxs="2px",
+    xs="4px",
+    sm="6px",
+    md="8px",
+    lg="10px",
+    xl="14px",
+    xxl="28px",
+)
+
+text_sm = Size(
+    name="text_sm",
+    xxs="8px",
+    xs="9px",
+    sm="11px",
+    md="13px",
+    lg="16px",
+    xl="20px",
+    xxl="24px",
+)
+
+text_md = Size(
+    name="text_md",
+    xxs="9px",
+    xs="10px",
+    sm="12px",
+    md="14px",
+    lg="16px",
+    xl="22px",
+    xxl="26px",
+)
+
+text_lg = Size(
+    name="text_lg",
+    xxs="10px",
+    xs="12px",
+    sm="14px",
+    md="16px",
+    lg="20px",
+    xl="24px",
+    xxl="28px",
+)
diff --git a/gradio/themes/utils/theme_dropdown.py b/gradio/themes/utils/theme_dropdown.py
new file mode 100644
index 0000000..06956e5
--- /dev/null
+++ b/gradio/themes/utils/theme_dropdown.py
@@ -0,0 +1,58 @@
+import os
+import pathlib
+
+from gradio.themes.utils import ThemeAsset
+
+
+def create_theme_dropdown():
+    import gradio as gr
+
+    asset_path = pathlib.Path() / "themes"
+    themes = []
+    for theme_asset in os.listdir(str(asset_path)):
+        themes.append(
+            (ThemeAsset(theme_asset), gr.Theme.load(str(asset_path / theme_asset)))
+        )
+
+    def make_else_if(theme_asset):
+        return f"""
+        else if (theme == '{str(theme_asset[0].version)}') {{
+            var theme_css = `{theme_asset[1]._get_theme_css()}`
+        }}"""
+
+    head, tail = themes[0], themes[1:]
+    if_statement = f"""
+        if (theme == "{str(head[0].version)}") {{
+            var theme_css = `{head[1]._get_theme_css()}`
+        }} {" ".join(make_else_if(t) for t in tail)}
+    """
+
+    latest_to_oldest = sorted([t[0] for t in themes], key=lambda asset: asset.version)[
+        ::-1
+    ]
+    latest_to_oldest = [str(t.version) for t in latest_to_oldest]
+
+    component = gr.Dropdown(
+        choices=latest_to_oldest,
+        value=latest_to_oldest[0],
+        render=False,
+        label="Select Version",
+        container=False,
+    )
+
+    return (
+        component,
+        f"""
+        (theme) => {{
+            if (!document.querySelector('.theme-css')) {{
+                var theme_elem = document.createElement('style');
+                theme_elem.classList.add('theme-css');
+                document.head.appendChild(theme_elem);
+            }} else {{
+                var theme_elem = document.querySelector('.theme-css');
+            }}
+            {if_statement}
+            theme_elem.innerHTML = theme_css;
+        }}
+    """,
+    )
diff --git a/gradio/tunneling.py b/gradio/tunneling.py
new file mode 100644
index 0000000..f0ea969
--- /dev/null
+++ b/gradio/tunneling.py
@@ -0,0 +1,193 @@
+import atexit
+import hashlib
+import os
+import platform
+import re
+import stat
+import subprocess
+import sys
+import time
+from pathlib import Path
+
+import httpx
+from huggingface_hub.constants import HF_HOME
+
+from gradio.exceptions import ChecksumMismatchError
+
+VERSION = "0.3"
+CURRENT_TUNNELS: list["Tunnel"] = []
+
+machine = platform.machine()
+if machine == "x86_64":
+    machine = "amd64"
+elif machine == "aarch64":
+    machine = "arm64"
+
+BINARY_REMOTE_NAME = f"frpc_{platform.system().lower()}_{machine.lower()}"
+EXTENSION = ".exe" if os.name == "nt" else ""
+BINARY_URL = f"https://cdn-media.huggingface.co/frpc-gradio-{VERSION}/{BINARY_REMOTE_NAME}{EXTENSION}"
+
+CHECKSUMS = {
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_windows_amd64.exe": "14bc0ea470be5d67d79a07412bd21de8a0a179c6ac1116d7764f68e942dc9ceb",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_amd64": "c791d1f047b41ff5885772fc4bf20b797c6059bbd82abb9e31de15e55d6a57c4",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_arm64": "823ced25104de6dc3c9f4798dbb43f20e681207279e6ab89c40e2176ccbf70cd",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_darwin_amd64": "930f8face3365810ce16689da81b7d1941fda4466225a7bbcbced9a2916a6e15",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_darwin_arm64": "dfac50c690aca459ed5158fad8bfbe99f9282baf4166cf7c410a6673fbc1f327",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_arm": "4b563beb2e36c448cc688174e20b53af38dc1ff2b5e362d4ddd1401f2affbfb7",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_freebsd_386": "cb0a56c764ecf96dd54ed601d240c564f060ee4e58202d65ffca17c1a51ce19c",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_freebsd_amd64": "516d9e6903513869a011ddcd1ec206167ad1eb5dd6640d21057acc258edecbbb",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_386": "4c2f2a48cd71571498c0ac8a4d42a055f22cb7f14b4b5a2b0d584220fd60a283",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_mips": "b309ecd594d4f0f7f33e556a80d4b67aef9319c00a8334648a618e56b23cb9e0",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_mips64": "0372ef5505baa6f3b64c6295a86541b24b7b0dbe4ef28b344992e21f47624b7b",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_riscv64": "1658eed7e8c14ea76e1d95749d58441ce24147c3d559381832c725c29cfc3df3",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_mipsle": "a2aaba16961d3372b79bd7a28976fcd0f0bbaebc2b50d5a7a71af2240747960f",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_windows_386.exe": "721b90550195a83e15f2176d8f85a48d5a25822757cb872e9723d4bccc4e5bb6",
+    "https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_linux_mips64le": "796481edd609f31962b45cc0ab4c9798d040205ae3bf354ed1b72fb432d796b8",
+}
+
+CHUNK_SIZE = 128
+
+BINARY_FILENAME = f"{BINARY_REMOTE_NAME}_v{VERSION}"
+BINARY_FOLDER = Path(HF_HOME) / "gradio" / "frpc"
+BINARY_PATH = str(BINARY_FOLDER / BINARY_FILENAME)
+
+TUNNEL_TIMEOUT_SECONDS = 30
+TUNNEL_ERROR_MESSAGE = (
+    "Could not create share URL. "
+    "Please check the appended log from frpc for more information:"
+)
+
+CERTIFICATE_PATH = ".gradio/certificate.pem"
+
+
+class Tunnel:
+    def __init__(
+        self,
+        remote_host: str,
+        remote_port: int,
+        local_host: str,
+        local_port: int,
+        share_token: str,
+        share_server_tls_certificate: str | None,
+    ):
+        self.proc = None
+        self.url = None
+        self.remote_host = remote_host
+        self.remote_port = remote_port
+        self.local_host = local_host
+        self.local_port = local_port
+        self.share_token = share_token
+        self.share_server_tls_certificate = share_server_tls_certificate
+
+    @staticmethod
+    def download_binary():
+        if not Path(BINARY_PATH).exists():
+            Path(BINARY_FOLDER).mkdir(parents=True, exist_ok=True)
+            resp = httpx.get(BINARY_URL, timeout=30)
+
+            if resp.status_code == 403:
+                raise OSError(
+                    f"Cannot set up a share link as this platform is incompatible. Please "
+                    f"create a GitHub issue with information about your platform: {platform.uname()}"
+                )
+
+            resp.raise_for_status()
+
+            # Save file data to local copy
+            with open(BINARY_PATH, "wb") as file:
+                file.write(resp.content)
+            st = os.stat(BINARY_PATH)
+            os.chmod(BINARY_PATH, st.st_mode | stat.S_IEXEC)
+
+            if BINARY_URL in CHECKSUMS:
+                sha = hashlib.sha256()
+                with open(BINARY_PATH, "rb") as f:
+                    for chunk in iter(lambda: f.read(CHUNK_SIZE * sha.block_size), b""):
+                        sha.update(chunk)
+                calculated_hash = sha.hexdigest()
+
+                if calculated_hash != CHECKSUMS[BINARY_URL]:
+                    raise ChecksumMismatchError()
+
+    def start_tunnel(self) -> str:
+        self.download_binary()
+        self.url = self._start_tunnel(BINARY_PATH)
+        return self.url
+
+    def kill(self):
+        if self.proc is not None:
+            print(f"Killing tunnel {self.local_host}:{self.local_port} <> {self.url}")
+            self.proc.terminate()
+            self.proc = None
+
+    def _start_tunnel(self, binary: str) -> str:
+        CURRENT_TUNNELS.append(self)
+        command = [
+            binary,
+            "http",
+            "-n",
+            self.share_token,
+            "-l",
+            str(self.local_port),
+            "-i",
+            self.local_host,
+            "--uc",
+            "--sd",
+            "random",
+            "--ue",
+            "--server_addr",
+            f"{self.remote_host}:{self.remote_port}",
+            "--disable_log_color",
+        ]
+        if self.share_server_tls_certificate is not None:
+            command.extend(
+                [
+                    "--tls_enable",
+                    "--tls_trusted_ca_file",
+                    self.share_server_tls_certificate,
+                ]
+            )
+        self.proc = subprocess.Popen(
+            command, stdout=subprocess.PIPE, stderr=subprocess.PIPE
+        )
+        atexit.register(self.kill)
+        return self._read_url_from_tunnel_stream()
+
+    def _read_url_from_tunnel_stream(self) -> str:
+        start_timestamp = time.time()
+
+        log = []
+        url = ""
+
+        def _raise_tunnel_error():
+            log_text = "\n".join(log)
+            print(log_text, file=sys.stderr)
+            raise ValueError(f"{TUNNEL_ERROR_MESSAGE}\n{log_text}")
+
+        while url == "":
+            # check for timeout and log
+            if time.time() - start_timestamp >= TUNNEL_TIMEOUT_SECONDS:
+                _raise_tunnel_error()
+
+            assert self.proc is not None  # noqa: S101
+            if self.proc.stdout is None:
+                continue
+
+            line = self.proc.stdout.readline()
+            line = line.decode("utf-8")
+
+            if line == "":
+                continue
+
+            log.append(line.strip())
+
+            if "start proxy success" in line:
+                result = re.search("start proxy success: (.+)\n", line)
+                if result is None:
+                    _raise_tunnel_error()
+                else:
+                    url = result.group(1)
+            elif "login to server failed" in line:
+                _raise_tunnel_error()
+
+        return url
diff --git a/gradio/utils.py b/gradio/utils.py
new file mode 100644
index 0000000..92a978c
--- /dev/null
+++ b/gradio/utils.py
@@ -0,0 +1,2037 @@
+"""Handy utility functions."""
+
+import asyncio
+import copy
+import functools
+import hashlib
+import importlib
+import importlib.metadata
+import importlib.resources
+import inspect
+import json
+import os
+import pkgutil
+import posixpath
+import re
+import shutil
+import site
+import subprocess
+import sys
+import tempfile
+import threading
+import time
+import traceback
+import typing
+import urllib.parse
+import uuid
+import warnings
+from abc import ABC, abstractmethod
+from collections import OrderedDict
+from collections.abc import (
+    Callable,
+    Hashable,
+    Iterable,
+    Iterator,
+    MutableMapping,
+    Sequence,
+)
+from contextlib import contextmanager
+from functools import wraps
+from io import BytesIO
+from pathlib import Path
+from types import ModuleType, NoneType
+from typing import (
+    TYPE_CHECKING,
+    Any,
+    Generic,
+    Literal,
+    Optional,
+    TypeVar,
+    get_args,
+    get_origin,
+)
+
+import anyio
+import gradio_client.utils as client_utils
+import httpx
+import orjson
+from gradio_client.documentation import document
+from gradio_client.exceptions import AppError
+from packaging import version
+from typing_extensions import ParamSpec
+
+import gradio
+from gradio import themes
+from gradio.context import get_blocks_context
+from gradio.data_classes import (
+    BlocksConfigDict,
+    DeveloperPath,
+    FileData,
+    UserProvidedPath,
+)
+from gradio.exceptions import Error, InvalidPathError
+from gradio.themes import Default as DefaultTheme
+from gradio.themes import ThemeClass as Theme
+
+if TYPE_CHECKING:  # Only import for type checking (is False at runtime).
+    from gradio.blocks import BlockContext, Blocks
+    from gradio.components import Component
+    from gradio.components.button import Button
+    from gradio.routes import App, Request
+    from gradio.state_holder import SessionState
+
+P = ParamSpec("P")
+T = TypeVar("T")
+
+BUILT_IN_THEMES: dict[str, Theme] = {  # type: ignore
+    t.name: t
+    for t in [
+        themes.Base(),
+        themes.Default(),
+        themes.Monochrome(),
+        themes.Soft(),
+        themes.Glass(),
+        themes.Origin(),
+        themes.Citrus(),
+        themes.Ocean(),
+        themes.Mario(),
+    ]
+}
+
+
+def get_package_version() -> str:
+    try:
+        package_json_data = (
+            pkgutil.get_data(__name__, "package.json").decode("utf-8").strip()  # type: ignore
+        )
+        package_data = json.loads(package_json_data)
+        version = package_data.get("version", "")
+        return version
+    except Exception:
+        return ""
+
+
+def safe_get_lock() -> asyncio.Lock:
+    """Get asyncio.Lock() without fear of getting an Exception.
+
+    Needed because in reload mode we import the Blocks object outside
+    the main thread.
+    """
+    try:
+        loop = asyncio.get_running_loop()
+    except RuntimeError:
+        loop = asyncio.new_event_loop()
+        asyncio.set_event_loop(loop)
+    return asyncio.Lock()
+
+
+def safe_get_stop_event() -> asyncio.Event:
+    try:
+        loop = asyncio.get_running_loop()
+    except RuntimeError:
+        loop = asyncio.new_event_loop()
+        asyncio.set_event_loop(loop)
+    return asyncio.Event()
+
+
+class DynamicBoolean(int):
+    def __init__(self, value: int):
+        self.value = bool(value)
+
+    def __bool__(self):
+        return self.value
+
+    def set(self, value: int):
+        self.value = bool(value)
+
+
+NO_RELOAD = DynamicBoolean(True)
+
+
+class BaseReloader(ABC):
+    @property
+    @abstractmethod
+    def running_app(self) -> "App":
+        pass
+
+    def get_attribute(self, attr: str, demo) -> Any:
+        if (
+            hasattr(demo, f"_deprecated_{attr}")
+            and getattr(demo, f"_deprecated_{attr}") is not None
+        ):
+            return getattr(demo, f"_deprecated_{attr}")
+        elif hasattr(demo, attr) and getattr(demo, attr) is not None:
+            return getattr(demo, attr)
+        else:
+            return getattr(self.running_app.blocks, attr)
+
+    def swap_blocks(self, demo: "Blocks"):
+        assert self.running_app.blocks  # noqa: S101
+        # Copy over the blocks to get new components and events but
+        # not a new queue
+        demo._queue = self.running_app.blocks._queue
+        demo.has_launched = True
+        demo.max_file_size = self.running_app.blocks.max_file_size
+        demo.is_running = True
+        demo.allowed_paths = self.running_app.blocks.allowed_paths
+        demo.blocked_paths = self.running_app.blocks.blocked_paths
+
+        demo.theme = self.get_attribute("theme", demo)
+        demo.css = self.get_attribute("css", demo)
+        demo.css_paths = self.get_attribute("css_paths", demo)
+        demo.js = self.get_attribute("js", demo)
+        demo.head = self.get_attribute("head", demo)
+        demo.head_paths = self.get_attribute("head_paths", demo)
+        demo.server = self.get_attribute("server", demo)
+        demo._set_html_css_theme_variables()
+        self.running_app.state_holder.set_blocks(demo)
+        for session in self.running_app.state_holder.session_data.values():
+            session.blocks_config = copy.copy(demo.default_config)
+        self.running_app.blocks = demo
+
+
+class ServerReloader(BaseReloader):
+    @property
+    @abstractmethod
+    def stop_event(self) -> threading.Event:
+        pass
+
+    def stop(self) -> None:
+        self.stop_event.set()
+
+    def get_demo_name(self, module: ModuleType, default_name: str) -> str:
+        def log(*args):
+            print("GRADIO_HOT_RELOAD:", *args)
+
+        if (demo := self.running_app.blocks) is None:
+            log("Unexpected undefined blocks in launching app")
+            return default_name
+        if default_name:
+            if module.__dict__.get(default_name) is not demo:
+                log(f"'{default_name}' in {module.__name__} is not the launched demo")
+            return default_name
+        for name, value in module.__dict__.copy().items():
+            if value is demo:
+                if name != "demo":
+                    log(f"Using '{name}' for demo name")
+                return name
+        log(f"Launching demo not found in {module.__name__}. Using 'demo'")
+        return "demo"
+
+
+class SpacesReloader(ServerReloader):
+    def __init__(
+        self,
+        app: "App",
+        watch_dirs: list[str],
+        watch_module: ModuleType,
+        stop_event: threading.Event,
+        demo_name: str,
+    ):
+        from gradio.cli.commands.reload import reload_thread
+
+        self.app = app
+        self.demo_name = self.get_demo_name(watch_module, demo_name)
+        self.watch_dirs = watch_dirs
+        self.watch_module = watch_module
+        self.reload_thread = reload_thread
+        self._stop_event = stop_event
+
+    @property
+    def running_app(self) -> "App":
+        return self.app
+
+    @property
+    def stop_event(self) -> threading.Event:
+        return self._stop_event
+
+    def prerun(self, *_args, **_kwargs):
+        NO_RELOAD.set(False)
+        self.reload_thread.running_reload = True
+
+    def postrun(self, *_args, **_kwargs):
+        NO_RELOAD.set(True)
+        demo = getattr(self.watch_module, self.demo_name)
+        if demo is not self.running_app.blocks:
+            self.swap_blocks(demo)
+            return True
+        return False
+
+    def swap_blocks(self, demo: "Blocks"):
+        super().swap_blocks(demo)
+        demo.config = demo.get_config_file()
+
+
+class SourceFileReloader(ServerReloader):
+    def __init__(
+        self,
+        app: "App",
+        watch_dirs: list[str],
+        watch_module_name: str,
+        demo_file: str,
+        watch_module: ModuleType,
+        stop_event: threading.Event,
+        demo_name: str,
+        encoding="utf-8",
+    ) -> None:
+        super().__init__()
+        self.app = app
+        self.watch_dirs = watch_dirs
+        self.watch_module_name = watch_module_name
+        self._stop_event = stop_event
+        self.demo_name = self.get_demo_name(watch_module, demo_name)
+        print("Watching demo:", self.demo_name)
+        self.demo_file = Path(demo_file)
+        self.watch_module = watch_module
+        self.encoding = encoding
+
+    @property
+    def running_app(self) -> "App":
+        return self.app
+
+    @property
+    def stop_event(self) -> threading.Event:
+        return self._stop_event
+
+    def should_watch(self) -> bool:
+        return not self.stop_event.is_set()
+
+    def alert_change(self, change_type: Literal["reload", "error"] = "reload"):
+        self.app.change_type = change_type
+        self.app.change_count += 1
+
+    def swap_blocks(self, demo: "Blocks"):
+        old_blocks = self.running_app.blocks
+        super().swap_blocks(demo)
+        if old_blocks:
+            reassign_keys(old_blocks, demo)
+        demo.config = demo.get_config_file()
+        self.alert_change("reload")
+
+
+def watchfn_spaces(reloader: SpacesReloader):
+    try:
+        spaces_version = importlib.metadata.version("spaces")
+    except importlib.metadata.PackageNotFoundError:
+        raise RuntimeError(
+            "`spaces` package is required to run hot-reloading in Spaces"
+        ) from None
+
+    min_version = version.parse("0.43.0")
+    if version.parse(spaces_version) < min_version:
+        raise RuntimeError(f"Spaces hot-reloading requires `spaces>{min_version}`")
+
+    from spaces.reloading import (  # ty: ignore[unresolved-import] # noqa: I001
+        start_reload_server,
+    )
+
+    start_reload_server(
+        prerun=reloader.prerun,
+        postrun=reloader.postrun,
+        stop_event=reloader.stop_event,
+    )
+
+
+def watchfn(reloader: SourceFileReloader) -> None:
+    """Watch python files in a given module.
+
+    get_changes is taken from uvicorn's default file watcher.
+    """
+
+    # The thread running watchfn will be the thread reloading
+    # the app. So we need to modify this thread_data attr here
+    # so that subsequent calls to reload don't launch the app
+    from gradio.cli.commands.reload import reload_thread
+
+    NO_RELOAD.set(False)
+
+    reload_thread.running_reload = True
+
+    def get_changes() -> Path | None:
+        for file in iter_py_files():
+            try:
+                mtime = file.stat().st_mtime
+            except OSError:  # pragma: nocover
+                continue
+
+            old_time = mtimes.get(file)
+            if old_time is None:
+                mtimes[file] = mtime
+                continue
+            elif mtime > old_time:
+                return file
+        return None
+
+    def iter_py_files() -> Iterator[Path]:
+        for reload_dir in reload_dirs:
+            for path in list(reload_dir.rglob("*.py")):
+                yield path.resolve()
+            for path in list(reload_dir.rglob("*.css")):
+                yield path.resolve()
+
+    reload_dirs = [Path(dir_) for dir_ in reloader.watch_dirs]
+    import sys
+
+    site_packages_dirs = [Path(p).resolve() for p in site.getsitepackages()]
+
+    def is_in_watch_dirs_and_not_sitepackages(file_path):
+        if not file_path:
+            return False
+        try:
+            file_path = Path(file_path).resolve()
+        except Exception:
+            return False
+        in_watch = any(file_path.is_relative_to(watch_dir) for watch_dir in reload_dirs)
+        in_sitepkg = any(
+            file_path.is_relative_to(site_dir) for site_dir in site_packages_dirs
+        )
+        return in_watch and not in_sitepkg
+
+    for dir_ in reload_dirs:
+        sys.path.insert(0, str(dir_))
+
+    mtimes = {}
+    # Need to import the module in this thread so that the
+    # module is available in the namespace of this thread
+    module = reloader.watch_module
+    no_reload_source_code = Path(str(reloader.demo_file)).read_text(
+        encoding=reloader.encoding
+    )
+    # Reset the context to id 0 so that the loaded module is the same as the original
+    # See https://github.com/gradio-app/gradio/issues/10253
+    from gradio.context import Context
+
+    Context.id = 0
+    exec(no_reload_source_code, module.__dict__)
+    # After re-executing the module, ensure Context.id is higher than all
+    # existing block IDs. When child modules (e.g., pages in a multi-page app)
+    # are already imported and not re-executed, their blocks retain their
+    # original IDs. Without this adjustment, dynamically created blocks
+    # (e.g., from gr.render) may receive IDs that collide with existing blocks,
+    # causing DuplicateBlockError.
+    # See https://github.com/gradio-app/gradio/issues/12078
+    demo = getattr(module, reloader.demo_name, None)
+    if demo is not None and hasattr(demo, "blocks") and demo.blocks:
+        Context.id = max(Context.id, max(demo.blocks.keys()) + 1)
+    sys.modules[reloader.watch_module_name] = module
+
+    while reloader.should_watch():
+        changed = get_changes()
+        if changed:
+            print(f"Changes detected in: {changed}")
+            try:
+                # Remove all modules whose __file__ is in any of the watch_dirs but not in site-packages
+                # Also skip gradio.cli.commands.reload to avoid resetting the reload_thread variable
+                for modname, mod in list(sys.modules.items()):
+                    file = getattr(mod, "__file__", None)
+                    if (
+                        file
+                        and is_in_watch_dirs_and_not_sitepackages(file)
+                        and modname
+                        not in {
+                            "gradio.cli.commands.reload",
+                            "gradio.utils",
+                            "gradio.context",
+                        }
+                    ):
+                        del sys.modules[modname]
+
+                NO_RELOAD.set(False)
+                # Remove the gr.no_reload code blocks and exec in the new module's dict
+                no_reload_source_code = Path(str(reloader.demo_file)).read_text(
+                    encoding=reloader.encoding
+                )
+                exec(no_reload_source_code, module.__dict__)
+
+                demo = getattr(module, reloader.demo_name)
+                reloader.swap_blocks(demo)
+                mtimes = {}
+            except Exception as error:
+                print(
+                    f"Reloading {reloader.watch_module_name} failed with the following exception: "
+                )
+                if not isinstance(error, Error) or error.print_exception:
+                    traceback.print_exc()
+                mtimes = {}
+                reloader.alert_change("error")
+                reloader.app.reload_error_message = traceback.format_exc()
+                continue
+        time.sleep(0.05)
+
+
+def deep_equal(a: Any, b: Any) -> bool:
+    """
+    Deep equality check for component values.
+
+    Prefer orjson for performance and compatibility with numpy arrays/dataframes/torch tensors.
+    If objects are not serializable by orjson, fall back to regular equality check.
+    """
+
+    def _serialize(a: Any) -> bytes:
+        return orjson.dumps(
+            a,
+            option=orjson.OPT_SERIALIZE_NUMPY | orjson.OPT_PASSTHROUGH_DATETIME,
+        )
+
+    try:
+        return _serialize(a) == _serialize(b)
+    except TypeError:
+        try:
+            return a == b
+        except Exception:
+            return False
+
+
+def reassign_keys(old_blocks: "Blocks", new_blocks: "Blocks"):
+    from gradio.blocks import Block, BlockContext
+
+    new_keys = [
+        block.key for block in new_blocks.blocks.values() if block.key is not None
+    ]
+
+    def reassign_context_keys(
+        old_block: Block | None,
+        new_block: Block,
+    ):
+        same_block_type = old_block.__class__.__name__ == new_block.__class__.__name__
+        if new_block.key is None:
+            if (
+                same_block_type
+                and old_block is not None
+                and old_block.key not in new_keys
+                and deep_equal(
+                    getattr(old_block, "value", None),
+                    getattr(new_block, "value", None),
+                )
+            ):
+                new_block.key = old_block.key
+            else:
+                new_block.key = f"__{new_block._id}__"
+
+        if isinstance(new_block, BlockContext) and same_block_type:
+            for i, new_block_child in enumerate(new_block.children):
+                old_children = getattr(old_block, "children", [])
+                old_block_child = old_children[i] if i < len(old_children) else None
+                reassign_context_keys(old_block_child, new_block_child)
+
+    reassign_context_keys(old_blocks, new_blocks)
+
+
+def colab_check() -> bool:
+    """
+    Check if interface is launching from Google Colab
+    :return is_colab (bool): True or False
+    """
+    is_colab = False
+    try:  # Check if running interactively using ipython.
+        from IPython.core.getipython import get_ipython  # ty: ignore[unresolved-import]
+
+        from_ipynb = get_ipython()
+        if "google.colab" in str(from_ipynb):
+            is_colab = True
+    except (ImportError, NameError):
+        pass
+    return is_colab
+
+
+def is_hosted_notebook() -> bool:
+    """
+    Check if Gradio app is launching from a hosted notebook such as Kaggle or Sagemaker.
+    """
+    return bool(
+        os.environ.get("KAGGLE_KERNEL_RUN_TYPE")
+        or os.path.exists("/home/ec2-user/SageMaker")
+    )
+
+
+def ipython_check() -> bool:
+    """
+    Check if interface is launching from iPython (not colab)
+    :return is_ipython (bool): True or False
+    """
+    is_ipython = False
+    try:  # Check if running interactively using ipython.
+        from IPython.core.getipython import get_ipython  # ty: ignore[unresolved-import]
+
+        if get_ipython() is not None:
+            is_ipython = True
+    except (ImportError, NameError):
+        pass
+    return is_ipython
+
+
+def get_space() -> str | None:
+    if os.getenv("SYSTEM") == "spaces":
+        return os.getenv("SPACE_ID")
+    return None
+
+
+def is_zero_gpu_space() -> bool:
+    return os.getenv("SPACES_ZERO_GPU") == "true"
+
+
+def get_theme(theme: Theme | str | None) -> Theme:
+    if theme is None:
+        theme = DefaultTheme()
+    elif isinstance(theme, str):
+        if theme.lower() in BUILT_IN_THEMES:
+            theme = BUILT_IN_THEMES[theme.lower()]
+        else:
+            try:
+                theme = Theme.from_hub(theme)
+            except Exception as e:
+                warnings.warn(f"Cannot load {theme}. Caught Exception: {str(e)}")
+                theme = DefaultTheme()
+    return theme
+
+
+def download_if_url(article: str) -> str:
+    try:
+        result = urllib.parse.urlparse(article)
+        is_url = all([result.scheme, result.netloc, result.path])
+        is_url = is_url and result.scheme in ["http", "https"]
+    except ValueError:
+        is_url = False
+
+    if not is_url:
+        return article
+
+    try:
+        response = httpx.get(article, timeout=3)
+        if response.status_code == httpx.codes.OK:  # pylint: disable=no-member
+            article = response.text
+    except (httpx.InvalidURL, httpx.RequestError, httpx.TimeoutException):
+        pass
+
+    return article
+
+
+HASH_SEED_PATH = os.path.join(os.path.dirname(gradio.__file__), "hash_seed.txt")  # type: ignore
+
+
+def get_hash_seed() -> str:
+    try:
+        if os.path.exists(HASH_SEED_PATH):
+            with open(HASH_SEED_PATH) as j:
+                return j.read().strip()
+        else:
+            with open(HASH_SEED_PATH, "w") as j:
+                seed = uuid.uuid4().hex
+                j.write(seed)
+                return seed
+    except Exception:
+        return uuid.uuid4().hex
+
+
+def get_default_args(func: Callable) -> list[Any]:
+    signature = inspect.signature(func)
+    return [
+        v.default if v.default is not inspect.Parameter.empty else None
+        for v in signature.parameters.values()
+    ]
+
+
+def safe_deepcopy(obj: Any) -> Any:
+    try:
+        return copy.deepcopy(obj)
+    except Exception:
+        if isinstance(obj, dict):
+            return {
+                safe_deepcopy(key): safe_deepcopy(value) for key, value in obj.items()
+            }
+        elif isinstance(obj, list):
+            return [safe_deepcopy(item) for item in obj]
+        elif isinstance(obj, tuple):
+            return tuple(safe_deepcopy(item) for item in obj)
+        elif isinstance(obj, set):
+            return {safe_deepcopy(item) for item in obj}
+        else:
+            return copy.copy(obj)
+
+
+def assert_configs_are_equivalent_besides_ids(
+    config1: BlocksConfigDict, config2: BlocksConfigDict, root_keys: tuple = ("mode",)
+):
+    """Allows you to test if two different Blocks configs produce the same demo.
+
+    Parameters:
+    config1 (dict): nested dict with config from the first Blocks instance
+    config2 (dict): nested dict with config from the second Blocks instance
+    root_keys (Tuple): an interable consisting of which keys to test for equivalence at
+        the root level of the config. By default, only "mode" is tested,
+        so keys like "version" are ignored.
+    """
+    config1 = copy.deepcopy(config1)
+    config2 = copy.deepcopy(config2)
+    config1 = json.loads(json.dumps(config1))  # convert tuples to lists
+    config2 = json.loads(json.dumps(config2))
+
+    for key in root_keys:
+        if config1[key] != config2[key]:
+            raise ValueError(f"Configs have different: {key}")
+
+    if len(config1["components"]) != len(config2["components"]):
+        raise ValueError("# of components are different")
+
+    def assert_same_components(config1_id, config2_id):
+        c1 = list(filter(lambda c: c["id"] == config1_id, config1["components"]))
+        if len(c1) == 0:
+            raise ValueError(f"Could not find component with id {config1_id}")
+        c1 = c1[0]
+        c2 = list(filter(lambda c: c["id"] == config2_id, config2["components"]))
+        if len(c2) == 0:
+            raise ValueError(f"Could not find component with id {config2_id}")
+        c2 = c2[0]
+        c1 = copy.deepcopy(c1)
+        c1.pop("id")
+        c2 = copy.deepcopy(c2)
+        c2.pop("id")
+        if c1 != c2:
+            raise ValueError(f"{c1} does not match {c2}")
+
+    def same_children_recursive(children1, chidren2):
+        for child1, child2 in zip(children1, chidren2, strict=False):
+            assert_same_components(child1["id"], child2["id"])
+            if "children" in child1 or "children" in child2:
+                same_children_recursive(child1["children"], child2["children"])
+
+    if "layout" in config1:
+        if "layout" not in config2:
+            raise ValueError(
+                "The first config has a layout key, but the second does not"
+            )
+        children1 = config1["layout"].get("children", [])
+        children2 = config2["layout"].get("children", [])
+        same_children_recursive(children1, children2)
+
+    if "dependencies" in config1:
+        if "dependencies" not in config2:
+            raise ValueError(
+                "The first config has a dependencies key, but the second does not"
+            )
+        for d1, d2 in zip(
+            config1["dependencies"], config2["dependencies"], strict=False
+        ):
+            for t1, t2 in zip(d1.pop("targets"), d2.pop("targets"), strict=False):
+                assert_same_components(t1[0], t2[0])
+            for i1, i2 in zip(d1.pop("inputs"), d2.pop("inputs"), strict=False):
+                assert_same_components(i1, i2)
+            for o1, o2 in zip(d1.pop("outputs"), d2.pop("outputs"), strict=False):
+                assert_same_components(o1, o2)
+            if d1 != d2:
+                raise ValueError(f"{d1} does not match {d2}")
+
+    return True
+
+
+def delete_none(
+    _dict: dict, skip_value: bool = False, skip_props: list[str] | None = None
+) -> dict:
+    """
+    Delete keys whose values are None from a dictionary
+    """
+    skip_props = [] if skip_props is None else skip_props
+    for key, value in list(_dict.items()):
+        if key in skip_props:
+            continue
+        if skip_value and key == "value":
+            continue
+        elif value is None:
+            del _dict[key]
+    return _dict
+
+
+def resolve_singleton(_list: list[Any] | Any) -> Any:
+    if len(_list) == 1:
+        return _list[0]
+    else:
+        return _list
+
+
+def get_all_components() -> "list[type[Component] | type[BlockContext]]":
+    import gradio as gr
+
+    classes_to_check = (
+        gr.components.Component.__subclasses__()
+        + gr.blocks.BlockContext.__subclasses__()  # type: ignore
+    )
+    subclasses = []
+    seen = set()
+
+    while classes_to_check:
+        subclass = classes_to_check.pop()
+        if subclass in seen:
+            continue
+        seen.add(subclass)
+        classes_to_check.extend(subclass.__subclasses__())
+        subclasses.append(subclass)
+    return [
+        c
+        for c in subclasses
+        if c.__name__
+        not in [
+            "ChatInterface",
+            "Interface",
+            "Blocks",
+            "TabbedInterface",
+            "NativePlot",
+            "SketchBox",
+        ]
+    ]
+
+
+def core_gradio_components():
+    return [
+        class_
+        for class_ in get_all_components()
+        if class_.__module__.startswith("gradio.")
+    ]
+
+
+def component_or_layout_class(cls_name: str) -> "type[Component] | type[BlockContext]":
+    """
+    Returns the component, template, or layout class with the given class name, or
+    raises a ValueError if not found.
+
+    Parameters:
+    cls_name (str): lower-case string class name of a component
+    Returns:
+    cls: the component class
+    """
+    import gradio.components as components_module
+    from gradio.components import Component
+
+    components = {c.__name__.lower(): c for c in get_all_components()}
+    # add aliases such as 'text'
+    for name, cls in components_module.__dict__.items():
+        if isinstance(cls, type) and issubclass(cls, Component):
+            components[name.lower()] = cls
+
+    if cls_name.replace("_", "") in components:
+        return components[cls_name.replace("_", "")]
+
+    raise ValueError(
+        f"No such component or layout: {cls_name}. "
+        "It is possible it is a custom component, "
+        "in which case make sure it is installed and imported in your python session."
+    )
+
+
+def run_coro_in_background(func: Callable, *args, **kwargs):
+    """
+    Runs coroutines in background.
+
+    Warning, be careful to not use this function in other than FastAPI scope, because the event_loop has not started yet.
+    You can use it in any scope reached by FastAPI app.
+
+    correct scope examples: endpoints in routes, Blocks.process_api
+    incorrect scope examples: Blocks.launch
+
+    Use startup_events in routes.py if you need to run a coro in background in Blocks.launch().
+
+
+    Example:
+        utils.run_coro_in_background(fn, *args, **kwargs)
+
+    Args:
+        func:
+        *args:
+        **kwargs:
+
+    Returns:
+
+    """
+    event_loop = asyncio.get_event_loop()
+    return event_loop.create_task(func(*args, **kwargs))
+
+
+def run_sync_iterator_async(iterator):
+    """Helper for yielding StopAsyncIteration from sync iterators."""
+    try:
+        return next(iterator)
+    except StopIteration:
+        # raise a ValueError here because co-routines can't raise StopIteration themselves
+        raise StopAsyncIteration() from None
+
+
+class SyncToAsyncIterator:
+    """Treat a synchronous iterator as async one."""
+
+    def __init__(self, iterator, limiter) -> None:
+        self.iterator = iterator
+        self.limiter = limiter
+
+    def __aiter__(self):
+        return self
+
+    async def __anext__(self):
+        return await anyio.to_thread.run_sync(
+            run_sync_iterator_async, self.iterator, limiter=self.limiter
+        )
+
+    async def aclose(self, timeout=60.0, retry_interval=0.05):
+        start = time.monotonic()
+        while True:
+            try:
+                self.iterator.close()
+                break
+            except ValueError as e:
+                if "already executing" in str(e) and time.monotonic() - start < timeout:
+                    await asyncio.sleep(retry_interval)
+                else:
+                    raise
+
+
+async def async_iteration(iterator):
+    return await anext(iterator)
+
+
+@contextmanager
+def set_directory(path: Path | str):
+    """Context manager that sets the working directory to the given path."""
+    origin = Path().absolute()
+    try:
+        os.chdir(path)
+        yield
+    finally:
+        os.chdir(origin)
+
+
+@contextmanager
+def no_raise_exception():
+    """Context manager that suppresses exceptions."""
+    try:
+        yield
+    except Exception:
+        pass
+
+
+def sanitize_value_for_csv(value: str | float) -> str | float:
+    """
+    Sanitizes a value that is being written to a CSV file to prevent CSV injection attacks.
+    Reference: https://owasp.org/www-community/attacks/CSV_Injection
+    """
+    # Numbers are always safe in CSV context
+    if isinstance(value, (float, int)):
+        return value
+
+    # Coerce non-strings (e.g. tuples) to string defensively
+    if not isinstance(value, str):
+        value = str(value)
+
+    # Special handling for JSON-like values
+    if value.startswith(("{", "[")):
+        try:
+            parsed = json.loads(value)
+            # Return normalized, safe JSON
+            return json.dumps(parsed)
+        except (json.JSONDecodeError, ValueError, TypeError):
+            # Not valid JSON → treat as normal string
+            pass
+
+    # Typical CSV injection protection
+    unsafe_prefixes = ["=", "+", "-", "@", "\t", "\n"]
+    unsafe_sequences = [",=", ",+", ",-", ",@", ",\t", ",\n"]
+
+    # If starts with any unsafe prefix or contains an unsafe sequence
+    if any(value.startswith(prefix) for prefix in unsafe_prefixes) or any(
+        sequence in value for sequence in unsafe_sequences
+    ):
+        return f"'{value}"
+
+    return value
+
+
+def sanitize_list_for_csv(values: list[Any]) -> list[Any]:
+    """
+    Sanitizes a list of values (or a list of list of values) that is being written to a
+    CSV file to prevent CSV injection attacks.
+    """
+    sanitized_values = []
+    for value in values:
+        if isinstance(value, list):
+            sanitized_value = [sanitize_value_for_csv(v) for v in value]
+            sanitized_values.append(sanitized_value)
+        else:
+            sanitized_value = sanitize_value_for_csv(value)
+            sanitized_values.append(sanitized_value)
+    return sanitized_values
+
+
+def parse_escaped_json(payload: Any) -> Any:
+    """
+    Parses a JSON value read back from a flagging or example-cache CSV file,
+    tolerating the CSV-injection escape character ("'") that
+    sanitize_value_for_csv() prepends to values starting with "-", such as
+    negative numbers (see issue #13591).
+    """
+    try:
+        return json.loads(payload)
+    except json.JSONDecodeError:
+        if isinstance(payload, str) and payload.startswith("'"):
+            return json.loads(payload[1:])
+        raise
+
+
+def append_unique_suffix(name: str, list_of_names: list[str]):
+    """Appends a numerical suffix to `name` so that it does not appear in `list_of_names`."""
+    set_of_names: set[str] = set(list_of_names)  # for O(1) lookup
+    if name not in set_of_names:
+        return name
+    else:
+        suffix_counter = 1
+        new_name = f"{name}_{suffix_counter}"
+        while new_name in set_of_names:
+            suffix_counter += 1
+            new_name = f"{name}_{suffix_counter}"
+        return new_name
+
+
+def validate_url(possible_url: str) -> bool:
+    headers = {"User-Agent": "gradio (https://gradio.app/; gradio-team@huggingface.co)"}
+    try:
+        head_request = httpx.head(possible_url, headers=headers, follow_redirects=True)
+        # some URLs, such as AWS S3 presigned URLs, return a 405 or a 403 for HEAD requests
+        if head_request.status_code in (403, 405):
+            return httpx.get(
+                possible_url, headers=headers, follow_redirects=True
+            ).is_success
+        return head_request.is_success
+    except Exception:
+        return False
+
+
+def is_prop_update(val):
+    return isinstance(val, dict) and "update" in val.get("__type__", "")
+
+
+def function_wrapper(
+    f: Callable,
+    before_fn: Callable | None = None,
+    before_args: Iterable | None = None,
+    after_fn: Callable | None = None,
+    after_args: Iterable | None = None,
+):
+    before_args = [] if before_args is None else before_args
+    after_args = [] if after_args is None else after_args
+    if inspect.isasyncgenfunction(f):
+
+        @functools.wraps(f)
+        async def asyncgen_wrapper(*args, **kwargs):
+            iterator = f(*args, **kwargs)
+            while True:
+                if before_fn:
+                    before_fn(*before_args)
+                try:
+                    response = await iterator.__anext__()
+                except StopAsyncIteration:
+                    if after_fn:
+                        after_fn(*after_args)
+                    break
+                if after_fn:
+                    after_fn(*after_args)
+                yield response
+
+        return asyncgen_wrapper
+
+    elif asyncio.iscoroutinefunction(f):
+
+        @functools.wraps(f)
+        async def async_wrapper(*args, **kwargs):
+            if before_fn:
+                before_fn(*before_args)
+            response = await f(*args, **kwargs)
+            if after_fn:
+                after_fn(*after_args)
+            return response
+
+        return async_wrapper
+
+    elif inspect.isgeneratorfunction(f):
+
+        @functools.wraps(f)
+        def gen_wrapper(*args, **kwargs):
+            iterator = f(*args, **kwargs)
+            while True:
+                if before_fn:
+                    before_fn(*before_args)
+                try:
+                    response = next(iterator)
+                except StopIteration:
+                    if after_fn:
+                        after_fn(*after_args)
+                    break
+                if after_fn:
+                    after_fn(*after_args)
+                yield response
+
+        return gen_wrapper
+
+    else:
+
+        @functools.wraps(f)
+        def wrapper(*args, **kwargs):
+            if before_fn:
+                before_fn(*before_args)
+            response = f(*args, **kwargs)
+            if after_fn:
+                after_fn(*after_args)
+            return response
+
+        return wrapper
+
+
+def get_function_with_locals(
+    fn: Callable,
+    blocks: "Blocks",
+    event_id: str | None,
+    in_event_listener: bool,
+    request: "Request | None",
+    state: "SessionState | None",
+):
+    def before_fn(blocks, event_id):
+        from gradio.context import LocalContext
+
+        LocalContext.blocks.set(blocks)
+        LocalContext.in_event_listener.set(in_event_listener)
+        LocalContext.event_id.set(event_id)
+        LocalContext.request.set(request)
+        if state:
+            LocalContext.blocks_config.set(state.blocks_config)
+
+    def after_fn():
+        from gradio.context import LocalContext
+
+        LocalContext.in_event_listener.set(False)
+        LocalContext.request.set(None)
+        LocalContext.blocks_config.set(None)
+
+    return function_wrapper(
+        fn,
+        before_fn=before_fn,
+        before_args=(blocks, event_id),
+        after_fn=after_fn,
+    )
+
+
+async def cancel_tasks(task_ids: set[str]) -> list[str]:
+    tasks = [(task, task.get_name()) for task in asyncio.all_tasks()]
+    event_ids: list[str] = []
+    matching_tasks = []
+    for task, name in tasks:
+        if "<gradio-sep>" not in name:
+            continue
+        task_id, event_id = name.split("<gradio-sep>")
+        if task_id in task_ids:
+            matching_tasks.append(task)
+            event_ids.append(event_id)
+            task.cancel()
+    await asyncio.gather(*matching_tasks, return_exceptions=True)
+    return event_ids
+
+
+def set_task_name(task, session_hash: str, fn_index: int, event_id: str, batch: bool):
+    if not batch:
+        task.set_name(f"{session_hash}_{fn_index}<gradio-sep>{event_id}")
+
+
+def get_cancelled_fn_indices(
+    dependencies: list[dict[str, Any]],
+) -> list[int]:
+    fn_indices = []
+    for dep in dependencies:
+        root_block = get_blocks_context()
+        if root_block:
+            fn_index = next(
+                i for i, d in root_block.fns.items() if d.get_config() == dep
+            )
+            fn_indices.append(fn_index)
+
+    return fn_indices
+
+
+def get_type_hints(fn):
+    if inspect.isfunction(fn) or inspect.ismethod(fn):
+        pass
+    elif callable(fn):
+        fn = fn.__call__
+    else:
+        return {}
+    try:
+        return typing.get_type_hints(fn)
+    except (NameError, TypeError):
+        return {}
+
+
+def is_special_typed_parameter(name, parameter_types):
+    from gradio.helpers import EventData
+    from gradio.oauth import OAuthProfile, OAuthToken
+    from gradio.route_utils import Header
+    from gradio.routes import Request
+
+    """Checks if parameter has a type hint designating it as a gr.Request, gr.EventData, gr.OAuthProfile or gr.OAuthToken."""
+    hint = parameter_types.get(name)
+    if not hint:
+        return False
+    is_request = hint in (Request, Optional[Request])
+    is_oauth_arg = hint in (
+        OAuthProfile,
+        Optional[OAuthProfile],
+        OAuthToken,
+        Optional[OAuthToken],
+        Header,
+        Optional[Header],
+    )
+    is_event_data = inspect.isclass(hint) and issubclass(hint, EventData)
+    return is_request or is_event_data or is_oauth_arg
+
+
+def check_function_inputs_match(fn: Callable, inputs: Sequence, inputs_as_dict: bool):
+    """
+    Checks if the input component set matches the function
+    Returns: None if valid or if the function does not have a signature (e.g. is a built in),
+    or a string error message if mismatch
+    """
+    try:
+        signature = inspect.signature(fn)
+    except ValueError:
+        return None
+    parameter_types = get_type_hints(fn)
+    min_args = 0
+    max_args = 0
+    infinity = -1
+    for name, param in signature.parameters.items():
+        has_default = param.default != param.empty
+        if param.kind in [param.POSITIONAL_ONLY, param.POSITIONAL_OR_KEYWORD]:
+            if not is_special_typed_parameter(name, parameter_types):
+                if not has_default:
+                    min_args += 1
+                max_args += 1
+        elif param.kind == param.VAR_POSITIONAL:
+            max_args = infinity
+        elif param.kind == param.KEYWORD_ONLY and not has_default:
+            return f"Keyword-only args must have default values for function {fn}"
+    arg_count = 1 if inputs_as_dict else len(inputs)
+    if min_args == max_args and max_args != arg_count:
+        warnings.warn(
+            f"Expected {max_args} arguments for function {fn}, received {arg_count}."
+        )
+    if arg_count < min_args:
+        warnings.warn(
+            f"Expected at least {min_args} arguments for function {fn}, received {arg_count}."
+        )
+    if max_args != infinity and arg_count > max_args:
+        warnings.warn(
+            f"Expected maximum {max_args} arguments for function {fn}, received {arg_count}."
+        )
+
+
+class TupleNoPrint(tuple):
+    # To remove printing function return in notebook
+    def __repr__(self):
+        return ""
+
+    def __str__(self):
+        return ""
+
+
+class MatplotlibBackendMananger:
+    def __enter__(self):
+        try:
+            import matplotlib
+
+            self._original_backend = matplotlib.get_backend()
+            matplotlib.use("agg")
+        except ImportError:
+            pass
+
+    def __exit__(self, exc_type, exc_val, exc_tb):
+        try:
+            import matplotlib
+
+            matplotlib.use(self._original_backend)
+        except ImportError:
+            pass
+
+
+def tex2svg(formula, *_args):
+    with MatplotlibBackendMananger():
+        import matplotlib.pyplot as plt
+
+        fontsize = 20
+        dpi = 300
+        plt.rc("mathtext", fontset="cm")
+        fig = plt.figure(figsize=(0.01, 0.01))
+        fig.text(0, 0, rf"${formula}$", fontsize=fontsize)
+        output = BytesIO()
+        fig.savefig(  # type: ignore
+            output,
+            dpi=dpi,
+            transparent=True,
+            format="svg",
+            bbox_inches="tight",
+            pad_inches=0.0,
+        )
+        plt.close(fig)
+        output.seek(0)
+        xml_code = output.read().decode("utf-8")
+        svg_start = xml_code.index("<svg ")
+        svg_code = xml_code[svg_start:]
+        svg_code = re.sub(r"<metadata>.*<\/metadata>", "", svg_code, flags=re.DOTALL)
+        svg_code = re.sub(r' width="[^"]+"', "", svg_code)
+        height_match = re.search(r'height="([\d.]+)pt"', svg_code)
+        if height_match:
+            height = float(height_match.group(1))
+            new_height = height / fontsize  # conversion from pt to em
+            svg_code = re.sub(
+                r'height="[\d.]+pt"', f'height="{new_height}em"', svg_code
+            )
+        copy_code = f"<span style='font-size: 0px'>{formula}</span>"
+    return f"{copy_code}{svg_code}"
+
+
+def abspath(path: str | Path) -> Path:
+    return Path(os.path.abspath(str(path)))
+
+
+def is_in_or_equal(path_1: str | Path, path_2: str | Path) -> bool:
+    """
+    True if path_1 is a descendant (i.e. located within) path_2 or if the paths are the
+    same, returns False otherwise.
+    Parameters:
+        path_1: str or Path (to file or directory)
+        path_2: str or Path (to file or directory)
+    """
+    path_1, path_2 = abspath(path_1).resolve(), abspath(path_2).resolve()
+    try:
+        path_1.relative_to(path_2)
+        return True
+    except ValueError:
+        return False
+
+
+@document()
+def set_static_paths(paths: str | Path | list[str | Path]) -> None:
+    """
+    Set the static paths to be served by the gradio app.
+
+    Static files are are served directly from the file system instead of being copied. They are served to users with The Content-Disposition HTTP header set to "inline"
+    when sending these files to users. This indicates that the file should be displayed directly in the browser window if possible.
+    This function is useful when you want to serve files that you know will not be modified during the lifetime of the gradio app (like files used in gr.Examples).
+    By setting static paths, your app will launch faster and it will consume less disk space.
+    Calling this function will set the static paths for all gradio applications defined in the same interpreter session until it is called again or the session ends.
+
+    Parameters:
+        paths: filepath or list of filepaths or directory names to be served by the gradio app. If it is a directory name, ALL files located within that directory will be considered static and not moved to the gradio cache. This also means that ALL files in that directory will be accessible over the network.
+    Example:
+        import gradio as gr
+
+        # Paths can be a list of strings or pathlib.Path objects
+        # corresponding to filenames or directories.
+        gr.set_static_paths(paths=["test/test_files/"])
+
+        # The example files and the default value of the input
+        # will not be copied to the gradio cache and will be served directly.
+        demo = gr.Interface(
+            lambda s: s.rotate(45),
+            gr.Image(value="test/test_files/cheetah1.jpg", type="pil"),
+            gr.Image(),
+            examples=["test/test_files/bus.png"],
+        )
+
+        demo.launch()
+    """
+    from gradio.data_classes import _StaticFiles
+
+    if isinstance(paths, (str, Path)):
+        paths = [Path(paths)]
+    _StaticFiles.all_paths.extend([Path(p).resolve() for p in paths])
+
+
+def is_static_file(file_path: Any):
+    """Returns True if the file is a static file (and not moved to cache)"""
+    from gradio.data_classes import _StaticFiles
+
+    return _is_static_file(file_path, _StaticFiles.all_paths)
+
+
+def _is_static_file(file_path: Any, static_files: list[Path]) -> bool:
+    """
+    Returns True if the file is a static file (i.e. is is in the static files list).
+    """
+    if not isinstance(file_path, (str, Path, FileData)):
+        return False
+    if isinstance(file_path, FileData):
+        file_path = file_path.path
+    if isinstance(file_path, str):
+        file_path = Path(file_path)
+        if not file_path.exists():
+            return False
+    return any(is_in_or_equal(file_path, static_file) for static_file in static_files)
+
+
+HTML_TAG_RE = re.compile("<[^\n>]*(?:\n[^\n>]*)*>", re.DOTALL)
+
+
+def remove_html_tags(raw_html: str | None) -> str:
+    return re.sub(HTML_TAG_RE, "", raw_html or "")
+
+
+def find_user_stack_level() -> int:
+    """
+    Find the first stack frame not inside Gradio.
+    """
+    frame = inspect.currentframe()
+    n = 0
+    while frame:
+        fname = inspect.getfile(frame)
+        if "/gradio/" not in fname.replace(os.sep, "/"):
+            break
+        frame = frame.f_back
+        n += 1
+    return n
+
+
+class NamedString(str):
+    """
+    Subclass of str that includes a .name attribute equal to the value of the string itself. This class is used when returning
+    a value from the `.preprocess()` methods of the File and UploadButton components. Before Gradio 4.0, these methods returned a file
+    object which was then converted to a string filepath using the `.name` attribute. In Gradio 4.0, these methods now return a str
+    filepath directly, but to maintain backwards compatibility, we use this class instead of a regular str.
+    """
+
+    def __init__(self, *args):
+        super().__init__()
+        self.name = str(self) if args else ""
+
+
+def default_input_labels():
+    """
+    A generator that provides default input labels for components when the user's function
+    does not have named parameters. The labels are of the form "input 0", "input 1", etc.
+    """
+    n = 0
+    while True:
+        yield f"input {n}"
+        n += 1
+
+
+def get_extension_from_file_path_or_url(file_path_or_url: str) -> str:
+    """
+    Returns the file extension (without the dot) from a file path or URL. If the file path or URL does not have a file extension, returns an empty string.
+    For example, "https://example.com/avatar/xxxx.mp4?se=2023-11-16T06:51:23Z&sp=r" would return "mp4".
+    """
+    parsed_url = urllib.parse.urlparse(file_path_or_url)
+    file_extension = os.path.splitext(os.path.basename(parsed_url.path))[1]
+    return file_extension[1:] if file_extension else ""
+
+
+K = TypeVar("K")
+V = TypeVar("V")
+
+
+class LRUCache(OrderedDict, Generic[K, V]):
+    def __init__(self, max_size: int = 100):
+        super().__init__()
+        self.max_size: int = max_size
+
+    def __setitem__(self, key: K, value: V) -> None:
+        if key in self:
+            self.move_to_end(key)
+        elif len(self) >= self.max_size:
+            self.popitem(last=False)
+        super().__setitem__(key, value)
+
+    def __getitem__(self, key: K) -> V:
+        return super().__getitem__(key)
+
+
+def get_cache_folder() -> Path:
+    return Path(os.environ.get("GRADIO_EXAMPLES_CACHE", ".gradio/cached_examples"))
+
+
+def diff(old, new):
+    def compare_objects(obj1, obj2, path=None):
+        if path is None:
+            path = []
+        edits = []
+
+        if obj1 == obj2:
+            return edits
+
+        if type(obj1) is not type(obj2):
+            edits.append(["replace", path, obj2])
+            return edits
+
+        if isinstance(obj1, str) and obj2.startswith(obj1):
+            edits.append(["append", path, obj2[len(obj1) :]])
+            return edits
+
+        if isinstance(obj1, list):
+            common_length = min(len(obj1), len(obj2))
+            for i in range(common_length):
+                edits.extend(compare_objects(obj1[i], obj2[i], path + [i]))
+            for i in range(common_length, len(obj1)):
+                edits.append(["delete", path + [i], None])
+            for i in range(common_length, len(obj2)):
+                edits.append(["add", path + [i], obj2[i]])
+            # Deletes are always placed at the end
+            # So subtract 1 since deleting one element will shift all the indices
+            deletes_seen = 0
+            for edit in edits:
+                if edit[0] == "delete" and isinstance(edit[1][-1], int):
+                    edit[1][-1] -= deletes_seen
+                    deletes_seen += 1
+            return edits
+
+        if isinstance(obj1, dict):
+            for key in obj1:
+                if key in obj2:
+                    edits.extend(compare_objects(obj1[key], obj2[key], path + [key]))
+                else:
+                    edits.append(["delete", path + [key], None])
+            for key in obj2:
+                if key not in obj1:
+                    edits.append(["add", path + [key], obj2[key]])
+            return edits
+
+        edits.append(["replace", path, obj2])
+        return edits
+
+    return compare_objects(old, new)
+
+
+def get_upload_folder() -> str:
+    return os.environ.get("GRADIO_TEMP_DIR") or str(
+        (Path(tempfile.gettempdir()) / "gradio").resolve()
+    )
+
+
+def get_function_params(func: Callable) -> list[tuple[str, bool, Any, Any]]:
+    """
+    Gets the parameters of a function as a list of tuples of the form (name, has_default, default_value, type_hint).
+    Excludes *args and **kwargs, as well as args that are Gradio-specific, such as gr.Request, gr.EventData, gr.OAuthProfile, and gr.OAuthToken.
+    """
+    params_info = []
+    try:
+        signature = inspect.signature(func)
+    except ValueError:
+        signature = inspect.Signature()
+    type_hints = get_type_hints(func)
+    for name, parameter in signature.parameters.items():
+        if parameter.kind in (
+            inspect.Parameter.VAR_POSITIONAL,
+            inspect.Parameter.VAR_KEYWORD,
+        ):
+            break
+        if is_special_typed_parameter(name, type_hints):
+            continue
+        if parameter.default is inspect.Parameter.empty:
+            params_info.append((name, False, None, type_hints.get(name, None)))
+        else:
+            params_info.append(
+                (name, True, parameter.default, type_hints.get(name, None))
+            )
+    return params_info
+
+
+def get_return_types(func: Callable) -> list:
+    return_hint = inspect.signature(func).return_annotation
+
+    if return_hint in {inspect.Signature.empty, None, NoneType}:
+        return []
+
+    if get_origin(return_hint) is tuple:
+        return list(get_args(return_hint))
+
+    return [return_hint]
+
+
+def simplify_file_data_in_str(s):
+    """
+    If a FileData dictionary has been dumped as part of a string, this function will replace the dict with just the str filepath
+    """
+    try:
+        payload = json.loads(s)
+    except json.JSONDecodeError:
+        return s
+    payload = client_utils.traverse(
+        payload, lambda x: x["path"], client_utils.is_file_obj_with_meta
+    )
+    if isinstance(payload, str):
+        return payload
+    return json.dumps(payload)
+
+
+def sync_fn_to_generator(fn):
+    def wrapped(*args, **kwargs):
+        yield fn(*args, **kwargs)
+
+    return wrapped
+
+
+def async_fn_to_generator(fn):
+    async def wrapped(*args, **kwargs):
+        yield await fn(*args, **kwargs)
+
+    return wrapped
+
+
+def async_lambda(f: Callable) -> Callable:
+    """Turn a function into an async function.
+    Useful for internal event handlers defined as lambda functions used in the codebase
+    """
+
+    @wraps(f)
+    async def function_wrapper(*args, **kwargs):
+        return f(*args, **kwargs)
+
+    return function_wrapper
+
+
+class FileSize:
+    B = 1
+    KB = 1024 * B
+    MB = 1024 * KB
+    GB = 1024 * MB
+    TB = 1024 * GB
+
+
+def _parse_file_size(size: str | int | None) -> int | None:
+    if isinstance(size, int) or size is None:
+        return size
+
+    size = size.replace(" ", "")
+
+    last_digit_index = next(
+        (i for i, c in enumerate(size) if not c.isdigit()), len(size)
+    )
+    size_int, unit = int(size[:last_digit_index]), size[last_digit_index:].upper()
+    multiple = getattr(FileSize, unit, None)
+    if not multiple:
+        raise ValueError(f"Invalid file size unit: {unit}")
+    return multiple * size_int
+
+
+def get_heartbeat_rate() -> float:
+    """
+    The interval, in seconds, between heartbeats sent to keep a client session
+    alive (and, on disconnect, to trigger unload events and session cleanup).
+
+    Configurable via the GRADIO_HEARTBEAT_INTERVAL environment variable (a
+    positive number of seconds). A shorter interval is useful in environments
+    such as Kubernetes, where the default 15 seconds can delay the detection of
+    client disconnections. If the variable is unset, non-numeric, or not
+    positive, falls back to 0.25 seconds during end-to-end tests and 15 seconds
+    otherwise.
+    """
+    interval = os.getenv("GRADIO_HEARTBEAT_INTERVAL")
+    if interval:
+        try:
+            rate = float(interval)
+        except ValueError:
+            warnings.warn(
+                f"Invalid GRADIO_HEARTBEAT_INTERVAL value: {interval!r}. "
+                "Expected a number of seconds; falling back to the default.",
+                UserWarning,
+            )
+        else:
+            if rate > 0:
+                return rate
+            # A non-positive interval would make asyncio.sleep() return
+            # immediately, turning the heartbeat into a tight loop.
+            warnings.warn(
+                f"Ignoring non-positive GRADIO_HEARTBEAT_INTERVAL value: {interval!r}. "
+                "Expected a positive number of seconds; falling back to the default.",
+                UserWarning,
+            )
+    return 0.25 if os.getenv("GRADIO_IS_E2E_TEST") else 15
+
+
+def connect_heartbeat(config: BlocksConfigDict, blocks, fns=None) -> bool:
+    """
+    Determines whether a heartbeat is required for a given config.
+    """
+    from gradio.caching import Cache
+    from gradio.components import State
+
+    any_state = any(isinstance(block, State) for block in blocks)
+    any_unload = False
+    any_stream = False
+    any_per_session_cache = False
+
+    if "dependencies" not in config:
+        raise ValueError(
+            "Dependencies not found in config. Cannot determine whether"
+            "heartbeat is required."
+        )
+
+    for dep in config["dependencies"]:
+        for target in dep["targets"]:
+            if isinstance(target, (list, tuple)) and len(target) == 2:
+                if target[1] == "unload":
+                    any_unload = True
+                elif target[1] == "stream":
+                    any_stream = True
+        if any_unload and any_stream:
+            break
+
+    if fns is not None:
+        for block_fn in fns:
+            fn = getattr(block_fn, "fn", None)
+            if fn is None:
+                continue
+            cache_store = getattr(fn, "cache", None)
+            if getattr(cache_store, "_per_session", False):
+                any_per_session_cache = True
+                break
+            try:
+                signature = inspect.signature(fn)
+            except (TypeError, ValueError):
+                continue
+            if any(
+                isinstance(param.default, Cache) and param.default._store._per_session
+                for param in signature.parameters.values()
+            ):
+                any_per_session_cache = True
+                break
+
+    return any_state or any_unload or any_stream or any_per_session_cache
+
+
+def deep_hash(obj):
+    """Compute a hash for a deeply nested data structure."""
+    hasher = hashlib.sha256()
+    if isinstance(obj, (int, float, str, bytes)):
+        items = obj
+    elif isinstance(obj, dict):
+        items = tuple(
+            [
+                (k, deep_hash(v))
+                for k, v in sorted(obj.items(), key=lambda x: hash(x[0]))
+            ]
+        )
+    elif isinstance(obj, (list, tuple)):
+        items = tuple(deep_hash(x) for x in obj)
+    elif isinstance(obj, set):
+        items = tuple(deep_hash(x) for x in sorted(obj, key=hash))
+    elif isinstance(obj, Hashable):
+        items = str(hash(obj)).encode("utf-8")
+    else:
+        items = str(id(obj)).encode("utf-8")
+    hasher.update(repr(items).encode("utf-8"))
+    return hasher.hexdigest()
+
+
+def error_payload(
+    error: BaseException | None, show_error: bool
+) -> dict[str, bool | str | float | None]:
+    content: dict[str, bool | str | float | None] = {"error": None}
+    show_error = show_error or isinstance(error, AppError)
+    if show_error:
+        if isinstance(error, AppError):
+            content["error"] = error.message
+            content["duration"] = error.duration
+            content["visible"] = error.visible
+            content["title"] = error.title
+        else:
+            content["error"] = str(error)
+            content["visible"] = show_error
+    return content
+
+
+class UnhashableKeyDict(MutableMapping):
+    """
+    Essentially a list of key-value tuples that allows for keys that are not hashable,
+    but acts like a dictionary for convenience.
+    """
+
+    def __init__(self):
+        self.data = []
+
+    def __getitem__(self, key):
+        for k, v in self.data:
+            if deep_equal(k, key):
+                return v
+        raise KeyError(key)
+
+    def __setitem__(self, key, value):
+        for i, (k, _) in enumerate(self.data):
+            if deep_equal(k, key):
+                self.data[i] = (key, value)
+                return
+        self.data.append((key, value))
+
+    def __delitem__(self, key):
+        for i, (k, _) in enumerate(self.data):
+            if deep_equal(k, key):
+                del self.data[i]
+                return
+        raise KeyError(key)
+
+    def __iter__(self):
+        return (k for k, _ in self.data)
+
+    def __len__(self):
+        return len(self.data)
+
+    def as_list(self):
+        return [v for _, v in self.data]
+
+
+def safe_join(directory: DeveloperPath, path: UserProvidedPath) -> str:
+    """Safely path to a base directory to avoid escaping the base directory.
+    Borrowed from: werkzeug.security.safe_join"""
+    _os_alt_seps: list[str] = [
+        sep for sep in [os.path.sep, os.path.altsep] if sep is not None and sep != "/"
+    ]
+
+    filename = posixpath.normpath(path)
+    fullpath = os.path.join(directory, filename)
+    if (
+        any(sep in filename for sep in _os_alt_seps)
+        or os.path.isabs(filename)
+        or filename.startswith("/")
+        or filename == ".."
+        or filename.startswith("../")
+    ):
+        raise InvalidPathError()
+
+    return fullpath
+
+
+def is_allowed_file(
+    path: Path,
+    blocked_paths: Sequence[str | Path],
+    allowed_paths: Sequence[str | Path],
+    created_paths: Sequence[str | Path],
+) -> tuple[
+    bool, Literal["in_blocklist", "allowed", "created", "not_created_or_allowed"]
+]:
+    in_blocklist = any(
+        is_in_or_equal(str(path).lower(), str(blocked_path).lower())
+        for blocked_path in blocked_paths
+    )
+    if in_blocklist:
+        return False, "in_blocklist"
+    if any(is_in_or_equal(path, allowed_path) for allowed_path in allowed_paths):
+        return True, "allowed"
+    if any(is_in_or_equal(path, created_path) for created_path in created_paths):
+        return True, "created"
+    return False, "not_created_or_allowed"
+
+
+def get_node_path():
+    env_node_path = os.environ.get("GRADIO_NODE_PATH")
+    if env_node_path:
+        return env_node_path
+
+    which_node_path = shutil.which("node")
+    if which_node_path:
+        return which_node_path
+
+    try:
+        # On Windows, try using 'where' command
+        if sys.platform == "win32":
+            windows_path = (
+                subprocess.check_output(["where", "node"])
+                .decode()
+                .strip()
+                .split("\r\n")[0]
+            )
+            if os.path.exists(windows_path):
+                return windows_path
+    except subprocess.CalledProcessError:
+        # Command failed, fall back to checking common install locations
+        pass
+
+    try:
+        # On Unix-like systems, try using 'which' command
+        if sys.platform != "win32":
+            return subprocess.check_output(["which", "node"]).decode().strip()
+    except (subprocess.CalledProcessError, FileNotFoundError):
+        # Command failed, fall back to checking common install locations
+        pass
+
+    # Check common install locations
+    common_paths = [
+        sys.executable,
+        "/usr/bin/node",
+        "/usr/local/bin/node",
+        "C:\\Program Files\\nodejs\\node.exe",
+        "C:\\Program Files (x86)\\nodejs\\node.exe",
+    ]
+
+    for node_path in common_paths:
+        if os.path.exists(node_path):
+            return node_path
+
+    # Check PATH environment variable
+    env_path = os.environ.get("PATH", "")
+    path_dirs = env_path.split(os.pathsep)
+
+    for directory in path_dirs:
+        full_path = os.path.join(
+            directory, "node.exe" if sys.platform == "win32" else "node"
+        )
+        if os.path.exists(full_path):
+            return full_path
+
+    print("Unable to find node install path, falling back to SPA mode.")
+    print(
+        "If you wish to use the node backend, please install node 20 and/ or set the path with the GRADIO_NODE_PATH environment variable."
+    )
+    return None
+
+
+def none_or_singleton_to_list(value: Any) -> list:
+    if value is None:
+        return []
+    if isinstance(value, (list, tuple)):
+        return list(value)
+    return [value]
+
+
+def get_icon_path(icon_name: str) -> str:
+    """Get the path to an icon file in the "gradio/icons/" directory
+    and return it as a static file path so that it can be used by components.
+
+    Parameters:
+        icon_name: Name of the icon file (e.g. "plus.svg")
+    Returns:
+        str: Full path to the icon file served as a static file
+    """
+    icon_path = str(
+        importlib.resources.files("gradio").joinpath(str(Path("icons") / icon_name))
+    )
+    if Path(icon_path).exists():
+        set_static_paths(icon_path)
+        return icon_path
+    raise ValueError(f"Icon file not found: {icon_name}")
+
+
+def dict_factory(items):
+    """
+    A utility function to convert a dataclass that includes pydantic fields to a dictionary.
+    """
+    d = {}
+    for key, value in items:
+        if hasattr(value, "model_dump"):
+            d[key] = value.model_dump()
+        else:
+            d[key] = value
+    return d
+
+
+def get_function_description(fn: Callable) -> tuple[str, dict[str, str], list[str]]:
+    """
+    Get the description of a function, its parameters, and return values by parsing the docstring.
+    The docstring should be formatted as follows: first lines are the description
+    of the function, then a line starts with "Args:", "Parameters:", or "Arguments:",
+    followed by lines of the form "param_name: description", then optionally lines
+    that starts with "Returns:" followed by descriptions of return values. All lines
+    after the "Returns:" line are added in the `returns` list (including e.g. "Examples").
+
+    Parameters:
+        fn: The function to get the docstring for.
+
+    Returns:
+        - The docstring of the function
+        - A dictionary of parameter names and their descriptions
+        - A list of return value descriptions
+    """
+    fn_docstring = inspect.getdoc(fn)
+    description = ""
+    try:  # This can fail if the function is a builtin
+        parameters: dict[str, str] = {
+            param.name: "" for param in inspect.signature(fn).parameters.values()
+        }
+    except ValueError:
+        parameters: dict[str, str] = {}
+    returns = []
+
+    if not fn_docstring:
+        return description, parameters, returns
+
+    lines = fn_docstring.strip().split("\n")
+
+    description_lines = []
+    for line in lines:
+        line = line.strip()
+        if line.startswith(("Args:", "Parameters:", "Arguments:", "Returns:")):
+            break
+        if line:
+            description_lines.append(line)
+
+    description = " ".join(description_lines)
+
+    try:
+        param_start_idx = next(
+            (
+                i
+                for i, line in enumerate(lines)
+                if line.strip().startswith(("Args:", "Parameters:", "Arguments:"))
+            ),
+            len(lines),
+        )
+
+        returns_start_idx = next(
+            (i for i, line in enumerate(lines) if line.strip().startswith("Returns:")),
+            len(lines),
+        )
+
+        # Parse parameters section (from param_start_idx to returns_start_idx or end)
+        param_end_idx = (
+            returns_start_idx if returns_start_idx < len(lines) else len(lines)
+        )
+        for line in lines[param_start_idx + 1 : param_end_idx]:
+            line = line.strip()
+            if not line:
+                continue
+            if line.startswith("Returns:"):
+                break
+
+            try:
+                if ":" in line:
+                    param_name, param_desc = line.split(":", 1)
+                    param_name = param_name.split(" ")[0].strip()
+                    if param_name and param_name in parameters:
+                        parameters[param_name] = param_desc.strip()
+            except Exception:
+                continue
+
+        # Parse returns section
+        if returns_start_idx < len(lines):
+            for line in lines[returns_start_idx + 1 :]:
+                line = line.strip()
+                if not line:
+                    continue
+
+                returns.append(line)
+
+    except Exception:
+        pass
+
+    return description, parameters, returns
+
+
+async def safe_aclose_iterator(iterator):
+    """
+    Safely close an async iterator by calling its aclose method.
+    For SyncToAsyncIterator, the retry logic for "generator already executing"
+    is handled in SyncToAsyncIterator.aclose() itself.
+    """
+    await iterator.aclose()
+
+
+def set_default_buttons(
+    buttons: "Sequence[str | Button] | None" = None,
+    default_buttons: list[str] | None = None,
+) -> "Sequence[str | Button]":
+    from gradio.components.button import Button
+
+    if buttons is None:
+        return default_buttons or []
+    else:
+        [btn.unrender() for btn in buttons if isinstance(btn, Button)]
+        return buttons
diff --git a/gradio/validators.py b/gradio/validators.py
new file mode 100644
index 0000000..b3d1b84
--- /dev/null
+++ b/gradio/validators.py
@@ -0,0 +1,71 @@
+from typing import TYPE_CHECKING, Any
+
+from gradio_client.documentation import document
+
+if TYPE_CHECKING:
+    import numpy as np
+
+
+@document()
+def is_audio_correct_length(
+    audio: tuple[int, "np.ndarray"], min_length: float | None, max_length: float | None
+) -> dict[str, Any]:
+    """
+    Validates that the audio length is within the specified min and max length (in seconds).
+
+    Parameters:
+        audio: A tuple of (sample rate in Hz, audio data as numpy array).
+        min_length: Minimum length of audio in seconds. If None, no minimum length check is performed.
+        max_length: Maximum length of audio in seconds. If None, no maximum length check is performed.
+    Returns:
+        A dict corresponding to `gr.validate()` indicating whether the audio length is valid and an optional message.
+    """
+    if min_length is not None or max_length is not None:
+        sample_rate, data = audio
+        duration = len(data) / sample_rate
+        if min_length is not None and duration < min_length:
+            return {
+                "__type__": "validate",
+                "is_valid": False,
+                "message": f"Audio is too short. It must be at least {min_length} seconds",
+            }
+        if max_length is not None and duration > max_length:
+            return {
+                "__type__": "validate",
+                "is_valid": False,
+                "message": f"Audio is too long. It must be at most {max_length} seconds",
+            }
+    return {"__type__": "validate", "is_valid": True}
+
+
+@document()
+def is_video_correct_length(
+    video: str, min_length: float | None, max_length: float | None
+) -> dict[str, Any]:
+    """
+    Validates that the video file length is within the specified min and max length (in seconds).
+
+    Parameters:
+        video: The path to the video file.
+        min_length: Minimum length of video in seconds. If None, no minimum length check is performed.
+        max_length: Maximum length of video in seconds. If None, no maximum length check is performed.
+    Returns:
+        A dict corresponding to `gr.validate()` indicating whether the audio length is valid and an optional message.
+    """
+    from gradio.processing_utils import get_video_length
+
+    if min_length is not None or max_length is not None:
+        duration = get_video_length(video)
+        if min_length is not None and duration < min_length:
+            return {
+                "__type__": "validate",
+                "is_valid": False,
+                "message": f"Video is too short. It must be at least {min_length} seconds",
+            }
+        if max_length is not None and duration > max_length:
+            return {
+                "__type__": "validate",
+                "is_valid": False,
+                "message": f"Video is too long. It must be at most {max_length} seconds",
+            }
+    return {"__type__": "validate", "is_valid": True}
diff --git a/gradio/workflow.py b/gradio/workflow.py
new file mode 100644
index 0000000..0a9591f
--- /dev/null
+++ b/gradio/workflow.py
@@ -0,0 +1,1584 @@
+"""gr.Workflow — high-level API for building and launching AI pipelines."""
+
+from __future__ import annotations
+
+import inspect
+import json
+import logging
+import os
+import re
+import secrets
+import sys
+import tempfile
+import types
+import urllib.parse
+import warnings
+import webbrowser
+from collections.abc import Callable
+from concurrent.futures import ThreadPoolExecutor
+from typing import TYPE_CHECKING, Optional, TypedDict, Union, get_type_hints
+
+import httpx
+from huggingface_hub import HfApi
+from huggingface_hub import get_token as hf_get_token
+
+import gradio as gr
+from gradio.blocks import Blocks
+from gradio.components.workflowcanvas import WorkflowCanvas
+from gradio.helpers import special_args as _special_args
+from gradio.oauth import OAuthProfile, OAuthToken
+from gradio.route_utils import Request
+from gradio.utils import get_space
+
+if TYPE_CHECKING:
+    from gradio.workflow_api import WorkflowEndpointManager
+
+_HF_CLIENT = httpx.Client(
+    base_url="https://huggingface.co",
+    timeout=15,
+    headers={"User-Agent": "gradio-workflow"},
+    limits=httpx.Limits(max_keepalive_connections=8, max_connections=16),
+)
+_SEARCH_POOL = ThreadPoolExecutor(max_workers=4, thread_name_prefix="hf-search")
+
+_CURATED_DATASET_REPO = "gradio/workflow-curated"
+_CURATED_DATASET_FILE = "curated.json"
+_CURATED_TTL_SECONDS = 3600.0
+
+_INJECTED_TYPES = frozenset({OAuthToken, OAuthProfile, Request})
+
+
+def _is_injected_param(hint: object) -> bool:
+    if hint in _INJECTED_TYPES:
+        return True
+    if getattr(hint, "__origin__", None) is Union:
+        args = hint.__args__  # type: ignore[union-attr]
+        non_none = [a for a in args if a is not type(None)]
+        return len(non_none) == 1 and non_none[0] in _INJECTED_TYPES
+    if isinstance(hint, types.UnionType):
+        non_none = [a for a in hint.__args__ if a is not type(None)]
+        return len(non_none) == 1 and non_none[0] in _INJECTED_TYPES
+    return False
+
+
+class _CuratedCache(TypedDict):
+    fetched_at: float
+    items: Optional[list[dict]]
+
+
+_CURATED_CACHE: _CuratedCache = {"fetched_at": 0.0, "items": None}
+_CURATED_LOCK = __import__("threading").Lock()
+
+
+def _bundled_snapshot_path() -> str:
+    return os.path.join(os.path.dirname(__file__), "_workflow_curated_snapshot.json")
+
+
+def _load_bundled_snapshot() -> list[dict]:
+    try:
+        with open(_bundled_snapshot_path(), encoding="utf-8") as f:
+            payload = json.load(f)
+        items = payload.get("items") if isinstance(payload, dict) else payload
+        return items if isinstance(items, list) else []
+    except Exception as e:
+        logger.warning("workflow curated snapshot unreadable: %s", e)
+        return []
+
+
+def _fetch_curated_from_hub() -> Optional[list[dict]]:
+    try:
+        from huggingface_hub import hf_hub_download
+
+        local = hf_hub_download(
+            repo_id=_CURATED_DATASET_REPO,
+            filename=_CURATED_DATASET_FILE,
+            repo_type="dataset",
+        )
+        with open(local, encoding="utf-8") as f:
+            payload = json.load(f)
+        items = payload.get("items") if isinstance(payload, dict) else payload
+        if isinstance(items, list):
+            return items
+        return None
+    except Exception as e:
+        logger.info("curated dataset fetch failed: %s", e)
+        return None
+
+
+def _load_curated() -> list[dict]:
+    import time
+
+    now = time.monotonic()
+    with _CURATED_LOCK:
+        cached_at = _CURATED_CACHE["fetched_at"]
+        cached_items = _CURATED_CACHE["items"]
+        if cached_items is not None and (now - cached_at) < _CURATED_TTL_SECONDS:
+            return cached_items
+
+    live = _fetch_curated_from_hub()
+    items: list[dict] = live if live is not None else _load_bundled_snapshot()
+
+    with _CURATED_LOCK:
+        cached_at2 = _CURATED_CACHE["fetched_at"]
+        if (now - cached_at2) >= _CURATED_TTL_SECONDS:
+            _CURATED_CACHE["fetched_at"] = now
+            _CURATED_CACHE["items"] = items
+        else:
+            cached = _CURATED_CACHE["items"]
+            if cached is not None:
+                items = cached
+    return items
+
+
+logger = logging.getLogger(__name__)
+
+# Scalar-only — everything else (str, list, dict, custom classes) falls through
+# to the default "text" port type, which round-trips as JSON.
+_PY_TO_PORT = {int: "number", float: "number", bool: "boolean"}
+
+
+def _build_edges(
+    edges_spec: list[tuple[str, str]],
+    nodes: list[dict],
+) -> list[dict]:
+    def resolve(spec: str, ports_key: str) -> tuple[str, str, str]:
+        fn_name, _, port_hint = spec.partition(".")
+        fn_name = fn_name.strip()
+        port_hint = port_hint.strip() or None
+
+        node = next((n for n in nodes if n.get("fn") == fn_name), None)
+        if node is None:
+            raise ValueError(
+                f"edges: no function '{fn_name}' in bind dict. "
+                f"Available: {[n['fn'] for n in nodes]}"
+            )
+
+        ports = node[ports_key]
+        if not ports:
+            raise ValueError(f"edges: node '{fn_name}' has no {ports_key}")
+
+        if port_hint is None:
+            port = ports[0]
+            return node["id"], port["id"], port.get("type", "text")
+
+        port = next(
+            (p for p in ports if p["label"] == port_hint or p["id"] == port_hint),
+            None,
+        )
+        if port is None:
+            raise ValueError(
+                f"edges: no {ports_key[:-1]} port '{port_hint}' on '{fn_name}'. "
+                f"Available: {[p['label'] for p in ports]}"
+            )
+        return node["id"], port["id"], port.get("type", "text")
+
+    result = []
+    for i, (from_spec, to_spec) in enumerate(edges_spec):
+        from_node_id, from_port_id, edge_type = resolve(from_spec, "outputs")
+        to_node_id, to_port_id, _ = resolve(to_spec, "inputs")
+        result.append(
+            {
+                "id": f"edge_{i}",
+                "from_node_id": from_node_id,
+                "from_port_id": from_port_id,
+                "to_node_id": to_node_id,
+                "to_port_id": to_port_id,
+                "type": edge_type,
+            }
+        )
+    return result
+
+
+def _workflow_from_bind(
+    bound: dict[str, Callable],
+    edges: list[tuple[str, str]] | None = None,
+    name: str = "My Workflow",
+) -> str:
+    nodes = []
+    for i, (fn_name, fn) in enumerate(bound.items()):
+        try:
+            sig = inspect.signature(fn)
+        except (ValueError, TypeError):
+            sig = inspect.Signature()
+
+        try:
+            _hints = get_type_hints(fn)
+        except Exception:
+            _hints = getattr(fn, "__annotations__", {})
+        inputs = [
+            {
+                "id": f"in_{p}",
+                "label": p,
+                "type": _PY_TO_PORT.get(param.annotation, "text"),
+            }
+            for p, param in sig.parameters.items()
+            if p != "self" and not _is_injected_param(_hints.get(p))
+        ]
+        outputs = [
+            {
+                "id": "out_0",
+                "label": "output",
+                "type": _PY_TO_PORT.get(sig.return_annotation, "text"),
+            }
+        ]
+
+        if not inputs:
+            inputs = [{"id": "in_0", "label": "input", "type": "text"}]
+
+        nodes.append(
+            {
+                "id": f"fn_{fn_name}",
+                "source": "fn",
+                "fn": fn_name,
+                "kind": "transform",
+                "label": fn_name,
+                "x": 80 + i * 280,
+                "y": 150,
+                "width": 220,
+                "height": 80 + max(len(inputs), len(outputs)) * 36,
+                "inputs": inputs,
+                "outputs": outputs,
+                "data": {},
+            }
+        )
+
+    edge_dicts = _build_edges(edges or [], nodes)
+    return json.dumps(
+        {"version": "1", "name": name, "nodes": nodes, "edges": edge_dicts}
+    )
+
+
+def _get_locally_saved_hf_token() -> str | None:
+    """Return the local Hugging Face token when running outside Spaces.
+
+    Avoid reading a Space's token/secret here: `get_token` is exposed to the
+    browser so the workflow canvas can authenticate local apps with the user's
+    `huggingface_hub login` token.
+    """
+    if get_space() is not None:
+        return None
+    return hf_get_token()
+
+
+# Per-process secret granting write access to local Workflow apps, in the same
+# spirit as Jupyter notebook tokens. The full URL (printed at launch) carries it
+# as a query parameter; the frontend then persists it as a cookie. Share-link
+# visitors and tunnelled requests never see it, so they get read-only access
+# and no access to the host's local HF token.
+WRITE_TOKEN = secrets.token_urlsafe(32)
+
+_WRITE_TOKEN_COOKIE_PREFIX = "gradio_workflow_write_token"
+_WRITE_TOKEN_HEADER = "x-gradio-workflow-write-token"
+
+
+def _request_has_write_token(request: Request | None) -> bool:
+    """True when the request carries the per-process write token, checked in
+    header → cookie → query-param order (mirrors trackio's scheme). The cookie
+    name is prefix-matched because the frontend suffixes it with the port —
+    cookies are shared across ports on the same host, so two local apps would
+    otherwise clobber each other."""
+    if request is None:
+        return False
+    try:
+        headers = {k.lower(): v for k, v in dict(request.headers or {}).items()}
+    except Exception:
+        return False
+    header_value = headers.get(_WRITE_TOKEN_HEADER)
+    if header_value:
+        return secrets.compare_digest(header_value, WRITE_TOKEN)
+    for cookie in headers.get("cookie", "").split(";"):
+        name, _, value = cookie.strip().partition("=")
+        if (
+            name.startswith(_WRITE_TOKEN_COOKIE_PREFIX)
+            and value
+            and secrets.compare_digest(urllib.parse.unquote(value), WRITE_TOKEN)
+        ):
+            return True
+    try:
+        query_value = request.query_params.get("write_token")
+    except Exception:
+        query_value = None
+    if query_value:
+        return secrets.compare_digest(query_value, WRITE_TOKEN)
+    return False
+
+
+# Shared instance: whoami(cache=True) caches per token on the HfApi instance,
+# which matters because whoami-v2 is heavily rate-limited.
+_hf_api = HfApi()
+
+
+def _oauth_token_has_space_write_access(oauth_token: str | None) -> bool:
+    """On Spaces, write access belongs to the Space owner: the OAuth user must
+    be the owning user, or an admin/write member of the owning org."""
+    space_id = get_space()
+    if not space_id or not oauth_token:
+        return False
+    try:
+        who = _hf_api.whoami(token=oauth_token, cache=True)
+    except Exception:
+        return False
+    owner = os.getenv("SPACE_AUTHOR_NAME") or space_id.split("/")[0]
+    if who.get("name") == owner:
+        return True
+    return any(
+        org.get("name") == owner and org.get("roleInOrg") in ("admin", "write")
+        for org in who.get("orgs", [])
+    )
+
+
+def has_write_access(
+    request: Request | None = None, token: OAuthToken | None = None
+) -> bool:
+    """Whether this request may modify the workflow (and, locally, use the
+    host's saved HF token). Locally: requires the launch-time write token.
+    On Spaces: requires the OAuth user to own the Space (or have org write)."""
+    if get_space() is not None:
+        return _oauth_token_has_space_write_access(token.token if token else None)
+    return _request_has_write_token(request)
+
+
+def _resolve_token(
+    data: list, idx: int, token, request: Request | None = None
+) -> str | None:
+    manual = data[idx] if len(data) > idx else None
+    if manual:
+        return manual
+    if token:
+        return token.token
+    if _request_has_write_token(request):
+        return _get_locally_saved_hf_token()
+    return None
+
+
+def _hf_request(url: str, hf_token: str | None, timeout: int = 15) -> str:
+    headers = {"Authorization": f"Bearer {hf_token}"} if hf_token else {}
+    resp = _HF_CLIENT.get(url, headers=headers, timeout=timeout)
+    resp.raise_for_status()
+    return resp.text
+
+
+def _save_tmp(result, ext: str) -> dict:
+    path = os.path.join(
+        tempfile.gettempdir(), f"hf_workflow_{os.urandom(8).hex()}.{ext}"
+    )
+    if hasattr(result, "save"):
+        result.save(path)
+    else:
+        with open(path, "wb") as f:
+            f.write(result)
+    return {"path": path, "url": f"/gradio_api/file={path}", "is_file": True}
+
+
+def _img_url(a) -> str:
+    return a.get("url") or a.get("path", "") if isinstance(a, dict) else a
+
+
+def _classify_error(e: Exception) -> dict:
+    http_status: int | None = None
+    response = getattr(e, "response", None)
+    if response is not None:
+        http_status = getattr(response, "status_code", None)
+    if http_status is None:
+        http_status = getattr(e, "status_code", None)
+
+    if http_status in (401, 403):
+        return {
+            "error_type": "auth",
+            "suggestion": "Sign in with your HF account to use this model",
+        }
+    if http_status == 404:
+        return {
+            "error_type": "not_found",
+            "suggestion": "Space not found — it may have been deleted or renamed",
+        }
+    if http_status == 429:
+        return {"error_type": "quota"}
+
+    type_name = type(e).__name__
+    if type_name in (
+        "RepositoryNotFoundError",
+        "EntryNotFoundError",
+        "RevisionNotFoundError",
+    ):
+        return {
+            "error_type": "not_found",
+            "suggestion": "Space not found — it may have been deleted or renamed",
+        }
+    if type_name == "GatedRepoError":
+        return {
+            "error_type": "auth",
+            "suggestion": "Sign in with your HF account to use this model",
+        }
+
+    title = getattr(e, "title", None) or ""
+    message = getattr(e, "message", None) or str(e)
+    full = f"{title} {message}".lower()
+
+    if "zerogpu" in full or ("gpu" in full and "worker" in full):
+        return {"error_type": "gpu"}
+    if "quota" in full or "rate limit" in full or "rate_limit" in full:
+        return {"error_type": "quota"}
+    if "sleeping" in full or "paused" in full:
+        return {
+            "error_type": "sleeping",
+            "suggestion": "Space is sleeping or paused — try again in a minute",
+        }
+    if (
+        "unauthorized" in full
+        or "authentication" in full
+        or "log in" in full
+        or "api_key" in full
+        or "api key" in full
+    ):
+        return {
+            "error_type": "auth",
+            "suggestion": "Sign in with your HF account to use this model",
+        }
+    if "not found" in full or "repository not found" in full:
+        return {
+            "error_type": "not_found",
+            "suggestion": "Space not found — it may have been deleted or renamed",
+        }
+    if "build_error" in full or "build error" in full:
+        return {
+            "error_type": "build_error",
+            "suggestion": "Space has a build error — contact the Space owner",
+        }
+    if "timed out" in full or "timeout" in full or "connection" in full:
+        return {
+            "error_type": "connection",
+            "suggestion": "Could not connect to the Space — it may be down",
+        }
+    return {"error_type": "unknown", "suggestion": ""}
+
+
+def _format_error(e: Exception) -> str:
+    title = getattr(e, "title", None)
+    message = getattr(e, "message", None) or str(e)
+    classified = _classify_error(e)
+    if classified.get("error_type") == "auth":
+        message = "Authentication required"
+        title = None
+    err = {"error": message, **classified}
+    if title:
+        err["title"] = title
+    return json.dumps(err)
+
+
+def get_token(
+    _data=None,
+    request: Optional[Request] = None,
+    token: Optional[OAuthToken] = None,
+) -> str:
+    """Return the HF token for this browser session. The host's locally saved
+    token is only revealed to sessions holding the write token — share-link
+    visitors and other remote clients get "" (logged-out experience)."""
+    if token:
+        return token.token
+    if _request_has_write_token(request):
+        return _get_locally_saved_hf_token() or ""
+    return ""
+
+
+def get_write_access(
+    _data=None,
+    request: Optional[Request] = None,
+    token: Optional[OAuthToken] = None,
+) -> str:
+    return "true" if has_write_access(request, token) else "false"
+
+
+def get_oauth_available(_data=None) -> str:
+    """Whether OAuth sign-in is actually wired up. On a Space this requires
+    `hf_oauth: true` in the README metadata, which provisions OAUTH_CLIENT_ID
+    and causes the `/login/huggingface` route to be mounted (mirrors the gate
+    that adds the LoginButton in `__init__`). Without it, sign-in would 404, so
+    the frontend hides the login button and explains the fix on the read-only
+    badge. OAuth is not used locally (the write-token model is used instead)."""
+    return (
+        "true"
+        if get_space() is not None and bool(os.getenv("OAUTH_CLIENT_ID"))
+        else "false"
+    )
+
+
+def call_space(
+    data, request: Optional[Request] = None, token: Optional[OAuthToken] = None
+) -> str:
+    space_id = data[0] if data else ""
+    try:
+        from gradio_client import Client, handle_file
+
+        endpoint = data[1] if len(data) > 1 else None
+        args_json = data[2] if len(data) > 2 else "[]"
+        hf_token = _resolve_token(data, 3, token, request)
+        if not re.fullmatch(r"[a-zA-Z0-9_.-]+/[a-zA-Z0-9_.-]+", space_id or ""):
+            return json.dumps(
+                {
+                    "error": "Invalid Space ID",
+                    "error_type": "not_found",
+                    "suggestion": "Space ID must be in owner/repo format",
+                }
+            )
+        client = Client(space_id, token=hf_token)
+        args = json.loads(args_json)
+        if not endpoint or endpoint == "/predict":
+            api_info = client.view_api(return_format="dict")
+            named = list(
+                (
+                    api_info.get("named_endpoints", {})
+                    if isinstance(api_info, dict)
+                    else {}
+                ).keys()
+            )
+            endpoint = (
+                endpoint if endpoint in named else (named[0] if named else "/predict")
+            )
+        processed = []
+        for arg in args:
+            if isinstance(arg, dict) and ("url" in arg or "path" in arg):
+                url = arg.get("url") or arg.get("path", "")
+                processed.append(handle_file(url) if url else None)
+            else:
+                processed.append(arg)
+        while processed and processed[-1] is None:
+            processed.pop()
+        result = client.predict(*processed, api_name=endpoint)
+        result = list(result) if isinstance(result, (list, tuple)) else [result]
+
+        _tmpdir = os.path.realpath(tempfile.gettempdir())
+
+        def process_item(item):
+            if isinstance(item, dict):
+                path = item.get("path") or item.get("value")
+                if (
+                    isinstance(path, str)
+                    and os.path.realpath(path).startswith(_tmpdir)
+                    and os.path.exists(path)
+                ):
+                    return {
+                        "path": path,
+                        "url": f"/gradio_api/file={path}",
+                        "is_file": True,
+                    }
+                return item
+            if (
+                isinstance(item, str)
+                and os.path.realpath(item).startswith(_tmpdir)
+                and os.path.exists(item)
+            ):
+                return {
+                    "path": item,
+                    "url": f"/gradio_api/file={item}",
+                    "is_file": True,
+                }
+            if isinstance(item, (list, tuple)):
+                return [process_item(s) for s in item]
+            return item
+
+        return json.dumps([process_item(i) for i in result])
+    except Exception as e:
+        logger.error("call_space failed for %s: %s", space_id, e, exc_info=True)
+        return _format_error(e)
+
+
+def call_model(
+    data, request: Optional[Request] = None, token: Optional[OAuthToken] = None
+) -> str:
+    model_id = data[0] if data else ""
+    task = ""
+    try:
+        from huggingface_hub import InferenceClient
+
+        if not re.fullmatch(r"[a-zA-Z0-9_.-]+/[a-zA-Z0-9_.-]+", model_id or ""):
+            return json.dumps(
+                {
+                    "error": "Invalid model ID",
+                    "error_type": "not_found",
+                    "suggestion": "Model ID must be in owner/repo format",
+                }
+            )
+        pipeline_tag = data[1] if len(data) > 1 else None
+        args_json = data[2] if len(data) > 2 else "[]"
+        hf_token = _resolve_token(data, 3, token, request)
+        # "auto" lets HF route to whichever provider serves the model; pinning
+        # "hf-inference" 404s for models not hosted there.
+        provider = data[4] if len(data) > 4 and data[4] else "auto"
+        client = InferenceClient(model=model_id, token=hf_token, provider=provider)
+        args = json.loads(args_json)
+        task = pipeline_tag or "text-generation"
+        a0 = args[0] if args else ""
+        a1 = args[1] if len(args) > 1 else ""
+
+        if task in (
+            "text-generation",
+            "text2text-generation",
+            "conversational",
+        ):
+            try:
+                result = client.text_generation(a0, max_new_tokens=512)
+            except Exception as inner:
+                msg = str(inner).lower()
+                if "not supported" in msg and "conversational" in msg:
+                    r = client.chat_completion(
+                        [{"role": "user", "content": a0}], max_tokens=512
+                    )
+                    result = r.choices[0].message.content
+                else:
+                    raise
+            return json.dumps([result])
+        if task == "summarization":
+            return json.dumps([client.summarization(a0).summary_text])
+        if task == "translation":
+            return json.dumps([client.translation(a0).translation_text])
+        if task in ("text-classification", "zero-shot-classification"):
+            return json.dumps(
+                [
+                    [
+                        {"label": r.label, "score": r.score}
+                        for r in client.text_classification(a0)
+                    ]
+                ]
+            )
+        if task == "token-classification":
+            return json.dumps(
+                [
+                    [
+                        {
+                            "entity_group": r.entity_group,
+                            "word": r.word,
+                            "score": r.score,
+                        }
+                        for r in client.token_classification(a0)
+                    ]
+                ]
+            )
+        if task == "fill-mask":
+            return json.dumps(
+                [
+                    [
+                        {
+                            "token_str": r.token_str,
+                            "score": r.score,
+                            "sequence": r.sequence,
+                        }
+                        for r in client.fill_mask(a0)
+                    ]
+                ]
+            )
+        if task == "question-answering":
+            qa_result = client.question_answering(question=a0, context=a1)
+            qa_answer = (
+                qa_result[0].answer if isinstance(qa_result, list) else qa_result.answer
+            )  # type: ignore[union-attr]
+            return json.dumps([qa_answer])
+        if task == "feature-extraction":
+            r = client.feature_extraction(a0)
+            return json.dumps([r.tolist() if hasattr(r, "tolist") else r])
+        if task == "sentence-similarity":
+            return json.dumps(
+                [client.sentence_similarity(a0, a1.split("\n") if a1 else [])]
+            )
+        if task == "text-to-image":
+            return json.dumps([_save_tmp(client.text_to_image(a0), "png")])
+        if task in ("text-to-speech", "text-to-audio"):
+            return json.dumps([_save_tmp(client.text_to_speech(a0), "wav")])
+        if task == "text-to-video":
+            return json.dumps([_save_tmp(client.text_to_video(a0), "mp4")])
+        if task == "image-classification":
+            return json.dumps(
+                [
+                    [
+                        {"label": r.label, "score": r.score}
+                        for r in client.image_classification(_img_url(a0))
+                    ]
+                ]
+            )
+        if task == "object-detection":
+            return json.dumps(
+                [
+                    [
+                        {"label": r.label, "score": r.score, "box": r.box}
+                        for r in client.object_detection(_img_url(a0))
+                    ]
+                ]
+            )
+        if task == "image-segmentation":
+            return json.dumps(
+                [
+                    [
+                        {"label": r.label, "score": r.score}
+                        for r in client.image_segmentation(_img_url(a0))
+                    ]
+                ]
+            )
+        if task == "image-to-text":
+            r = client.image_to_text(_img_url(a0))
+            return json.dumps(
+                [r.generated_text if hasattr(r, "generated_text") else str(r)]
+            )
+        if task == "image-to-image":
+            return json.dumps(
+                [_save_tmp(client.image_to_image(_img_url(a0), prompt=a1), "png")]
+            )
+        if task == "automatic-speech-recognition":
+            r = client.automatic_speech_recognition(_img_url(a0))
+            return json.dumps([r.text if hasattr(r, "text") else str(r)])
+        if task == "audio-classification":
+            return json.dumps(
+                [
+                    [
+                        {"label": r.label, "score": r.score}
+                        for r in client.audio_classification(_img_url(a0))
+                    ]
+                ]
+            )
+        if task in (
+            "visual-question-answering",
+            "document-question-answering",
+            "image-text-to-text",
+        ):
+            r = client.visual_question_answering(_img_url(a0), a1)
+            return json.dumps([r[0].answer if r else ""])
+        if task == "depth-estimation":
+            headers = {"Authorization": f"Bearer {hf_token}"} if hf_token else {}
+            resp = httpx.post(
+                f"https://api-inference.huggingface.co/models/{model_id}",
+                headers=headers,
+                json={"inputs": _img_url(a0)},
+                timeout=60,
+            )
+            resp.raise_for_status()
+            import io as _io
+
+            from PIL import Image as _Image
+
+            depth_img = _Image.open(_io.BytesIO(resp.content))
+            return json.dumps([_save_tmp(depth_img, "png")])
+
+        # Fallback for tasks not handled above: chat_completion (works for most
+        # text models across providers), then a raw POST as last resort.
+        try:
+            r = client.chat_completion(
+                [{"role": "user", "content": a0}], max_tokens=512
+            )
+            return json.dumps([r.choices[0].message.content])
+        except Exception:
+            pass
+        headers = {"Authorization": f"Bearer {hf_token}"} if hf_token else {}
+        fallback_resp = httpx.post(
+            f"https://api-inference.huggingface.co/models/{model_id}",
+            headers=headers,
+            json={"inputs": a0 if not a1 else [a0, a1]},
+            timeout=60,
+        )
+        fallback_resp.raise_for_status()
+        try:
+            parsed = fallback_resp.json()
+        except Exception:
+            parsed = fallback_resp.text
+        return json.dumps([parsed])
+    except Exception as e:
+        logger.error(
+            "call_model failed for %s (task=%s): %s",
+            model_id,
+            task,
+            e,
+            exc_info=True,
+        )
+        return _format_error(e)
+
+
+def fetch_dataset(
+    data, request: Optional[Request] = None, token: Optional[OAuthToken] = None
+) -> str:
+    try:
+        dataset_id = data[0]
+        config = data[1] if len(data) > 1 and data[1] else "default"
+        split = data[2] if len(data) > 2 and data[2] else "train"
+        offset = int(data[3]) if len(data) > 3 and data[3] else 0
+        length = int(data[4]) if len(data) > 4 and data[4] else 10
+        hf_token = _resolve_token(data, 5, token, request)
+        params = urllib.parse.urlencode(
+            {
+                "dataset": dataset_id,
+                "config": config,
+                "split": split,
+                "offset": offset,
+                "length": min(length, 100),
+            }
+        )
+        result = json.loads(
+            _hf_request(
+                f"https://datasets-server.huggingface.co/rows?{params}",
+                hf_token,
+                timeout=30,
+            )
+        )
+        return json.dumps(
+            {
+                "features": result.get("features", []),
+                "rows": [r.get("row", {}) for r in result.get("rows", [])],
+                "num_rows_total": result.get("num_rows_total", 0),
+            }
+        )
+    except Exception as e:
+        logger.error(
+            "fetch_dataset failed for %s: %s",
+            data[0] if data else "",
+            e,
+            exc_info=True,
+        )
+        return json.dumps({"error": str(e), "error_type": "unknown", "suggestion": ""})
+
+
+def _curated_entry_to_space_result(entry: dict) -> dict:
+    return {
+        "id": entry.get("id"),
+        "likes": 0,
+        "trendingScore": (entry.get("validation") or {}).get("latency_ms") or 0,
+        "runtime": {"stage": "RUNNING"},
+        "pipeline_tag": entry.get("task"),
+        "tags": ["zero-gpu"] if entry.get("zero_gpu") else [],
+        "cardData": {
+            "title": entry.get("title"),
+            "short_description": entry.get("description"),
+            "tags": ["zero-gpu"] if entry.get("zero_gpu") else [],
+            "sdk": "gradio",
+        },
+        "_curated": True,
+        "_featured": bool(entry.get("featured")),
+        "_thumbnail": entry.get("thumbnail"),
+    }
+
+
+def _curated_entry_to_model_result(entry: dict) -> dict:
+    return {
+        "id": entry.get("id"),
+        "likes": 0,
+        "downloads": 0,
+        "pipeline_tag": entry.get("task"),
+        "_curated": True,
+        "_featured": bool(entry.get("featured")),
+        "_thumbnail": entry.get("thumbnail"),
+    }
+
+
+def _filter_curated(
+    items: list[dict],
+    kind_filter: str,
+    task: str,
+    query: str,
+    modality: str = "",
+) -> list[dict]:
+    out: list[dict] = []
+    q = query.lower().strip()
+    for entry in items:
+        if entry.get("kind") != kind_filter:
+            continue
+        v = entry.get("validation") or {}
+        status = v.get("status", "ok")
+        if status and status != "ok":
+            continue
+        if task:
+            if entry.get("task") != task and entry.get("space_category") != task:
+                continue
+        elif modality and entry.get("modality") != modality:
+            continue
+        if q:
+            haystack = " ".join(
+                [
+                    str(entry.get("title") or ""),
+                    str(entry.get("description") or ""),
+                    str(entry.get("id") or ""),
+                ]
+            ).lower()
+            if q not in haystack:
+                continue
+        out.append(entry)
+    return out
+
+
+def search_spaces(
+    data, _request: Optional[Request] = None, _token: Optional[OAuthToken] = None
+) -> str:
+    kind = data[0] if data else "trending"
+    try:
+        query = data[1] if len(data) > 1 and data[1] else ""
+        space_tag = data[2] if len(data) > 2 and data[2] else ""
+        modality = data[3] if len(data) > 3 and isinstance(data[3], str) else ""
+        zero_gpu_only = bool(data[4]) if len(data) > 4 else False
+
+        items = _filter_curated(_load_curated(), "space", space_tag, query, modality)
+        if zero_gpu_only:
+            items = [e for e in items if e.get("zero_gpu")]
+
+        if kind == "new":
+            items.sort(key=lambda e: e.get("added_at") or "", reverse=True)
+        else:
+
+            def _rank(e: dict) -> tuple:
+                v = e.get("validation") or {}
+                return (
+                    0 if e.get("zero_gpu") else 1,
+                    0 if e.get("featured") else 1,
+                    v.get("latency_ms") or 999_999,
+                    e.get("added_at") or "",
+                )
+
+            items.sort(key=_rank)
+
+        normalized = [_curated_entry_to_space_result(e) for e in items[:48]]
+        return json.dumps(normalized)
+    except Exception as e:
+        logger.error("search_spaces failed (kind=%s): %s", kind, e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+def search_models(
+    data, _request: Optional[Request] = None, _token: Optional[OAuthToken] = None
+) -> str:
+    kind = data[0] if data else "trending"
+    try:
+        query = data[1] if len(data) > 1 and data[1] else ""
+        pipeline_tag = data[2] if len(data) > 2 and data[2] else ""
+        modality = data[3] if len(data) > 3 and isinstance(data[3], str) else ""
+
+        items = _filter_curated(_load_curated(), "model", pipeline_tag, query, modality)
+
+        if kind == "new":
+            items.sort(key=lambda e: e.get("added_at") or "", reverse=True)
+        else:
+            items.sort(
+                key=lambda e: (0 if e.get("featured") else 1, e.get("added_at") or "")
+            )
+
+        normalized = [_curated_entry_to_model_result(e) for e in items[:48]]
+        return json.dumps(normalized)
+    except Exception as e:
+        logger.error("search_models failed (kind=%s): %s", kind, e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+def curated_modalities(_data=None, _token: Optional[OAuthToken] = None) -> str:
+    try:
+        items = _load_curated()
+        mods: set[str] = set()
+        for entry in items:
+            v = entry.get("validation") or {}
+            if v.get("status", "ok") != "ok":
+                continue
+            m = entry.get("modality")
+            if m:
+                mods.add(m)
+        return json.dumps(sorted(mods))
+    except Exception as e:
+        logger.error("curated_modalities failed: %s", e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+def curated_modality_tasks(data, _token: Optional[OAuthToken] = None) -> str:
+    try:
+        modality = (data[0] if data else "") or ""
+        items = _load_curated()
+        tasks: set[str] = set()
+        for entry in items:
+            if modality and entry.get("modality") != modality:
+                continue
+            v = entry.get("validation") or {}
+            if v.get("status", "ok") != "ok":
+                continue
+            t = entry.get("task")
+            sc = entry.get("space_category")
+            if t:
+                tasks.add(t)
+            if sc:
+                tasks.add(sc)
+        return json.dumps(sorted(tasks))
+    except Exception as e:
+        logger.error("curated_modality_tasks failed: %s", e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+def is_curated(data, _token: Optional[OAuthToken] = None) -> str:
+    try:
+        repo_id = (data[0] if data else "") or ""
+        kind = (data[1] if len(data) > 1 else "") or ""
+        items = _load_curated()
+        for entry in items:
+            if entry.get("id") != repo_id:
+                continue
+            if kind and entry.get("kind") != kind:
+                continue
+            v = entry.get("validation") or {}
+            if v.get("status", "ok") != "ok":
+                return json.dumps({"curated": False})
+            return json.dumps(
+                {
+                    "curated": True,
+                    "status": "ok",
+                    "featured": bool(entry.get("featured")),
+                }
+            )
+        return json.dumps({"curated": False})
+    except Exception as e:
+        logger.error("is_curated failed: %s", e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+_QUICKSEARCH_CACHE: dict[str, tuple[float, str]] = {}
+_QUICKSEARCH_TTL = 30.0
+
+
+def search_quick(
+    data,
+    request: Request | None = None,
+    token: Optional[OAuthToken] = None,
+) -> str:
+    import time
+
+    query = data[0] if data and data[0] else ""
+    if not query or len(query) < 2:
+        return json.dumps({"spaces": [], "models": []})
+    try:
+        hf_token = _resolve_token(data, 1, token, request)
+
+        cache_key = query.lower().strip()
+        now = time.monotonic()
+        cached = _QUICKSEARCH_CACHE.get(cache_key)
+        if cached and cached[0] > now:
+            return cached[1]
+
+        def _one(repo_type: str) -> list:
+            url = (
+                "https://huggingface.co/api/quicksearch?"
+                f"q={urllib.parse.quote(query)}&type={repo_type}&limit=8"
+            )
+            try:
+                raw = _hf_request(url, hf_token)
+                parsed = json.loads(raw)
+                if isinstance(parsed, dict):
+                    return parsed.get(f"{repo_type}s") or parsed.get(repo_type) or []
+                if isinstance(parsed, list):
+                    return parsed
+                return []
+            except Exception:
+                return []
+
+        space_future = _SEARCH_POOL.submit(_one, "space")
+        model_future = _SEARCH_POOL.submit(_one, "model")
+        spaces = space_future.result()
+        models = model_future.result()
+
+        payload = json.dumps({"spaces": spaces, "models": models})
+        _QUICKSEARCH_CACHE[cache_key] = (now + _QUICKSEARCH_TTL, payload)
+        if len(_QUICKSEARCH_CACHE) > 256:
+            for k in list(_QUICKSEARCH_CACHE.keys())[:64]:
+                _QUICKSEARCH_CACHE.pop(k, None)
+        return payload
+    except Exception as e:
+        logger.error("search_quick failed (q=%s): %s", query, e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+_REPO_ID_RE = re.compile(r"^[a-zA-Z0-9_.-]+/[a-zA-Z0-9_.-]+$")
+
+
+def _parse_repo_input(raw: str) -> tuple[str, Optional[str]]:
+    s = (raw or "").strip().rstrip("/")
+    if not s:
+        return "", None
+    if _REPO_ID_RE.match(s):
+        return s, None
+    s = re.sub(r"^https?://(?:www\.)?", "", s)
+    s = re.sub(r"^hf\.co/", "huggingface.co/", s)
+    m = re.match(
+        r"^huggingface\.co/(spaces|datasets|models)?/?([^/\s?#]+)/([^/\s?#]+)",
+        s,
+    )
+    if m:
+        section, org, name = m.group(1), m.group(2), m.group(3)
+        if section == "spaces":
+            return f"{org}/{name}", "space"
+        if section == "datasets":
+            return f"{org}/{name}", "dataset"
+        return f"{org}/{name}", "model" if section else None
+    return "", None
+
+
+def resolve_repo(
+    data,
+    request: Request | None = None,
+    token: Optional[OAuthToken] = None,
+) -> str:
+    raw = data[0] if data else ""
+    try:
+        hf_token = _resolve_token(data, 1, token, request)
+        repo_id, kind_hint = _parse_repo_input(raw)
+
+        def _try(rid: str, repo_type: str) -> Optional[dict]:
+            try:
+                url = (
+                    f"https://huggingface.co/api/{repo_type}s/"
+                    f"{urllib.parse.quote(rid, safe='/')}"
+                )
+                return json.loads(_hf_request(url, hf_token))
+            except Exception:
+                return None
+
+        if not repo_id:
+            sub = re.match(
+                r"^(?:https?://)?([^/]+)\.hf\.space", raw.strip(), re.IGNORECASE
+            )
+            if sub:
+                parts = sub.group(1).split("-")
+                for i in range(1, len(parts)):
+                    candidate = f"{'-'.join(parts[:i])}/{'-'.join(parts[i:])}"
+                    rec = _try(candidate, "space")
+                    if rec and rec.get("id"):
+                        return json.dumps(
+                            {"kind": "space", "id": rec["id"], "record": rec}
+                        )
+            return json.dumps({"error": "not_a_repo"})
+
+        repo_types: list[str] = (
+            [kind_hint]
+            if kind_hint in ("space", "model", "dataset")
+            else ["space", "model"]
+        )
+        for repo_type in repo_types:
+            rec = _try(repo_id, repo_type)
+            if rec and rec.get("id"):
+                return json.dumps({"kind": repo_type, "id": rec["id"], "record": rec})
+        return json.dumps({"error": "not_found", "id": repo_id})
+    except Exception as e:
+        logger.error("resolve_repo failed (raw=%s): %s", raw, e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+def search_datasets(
+    data, request: Optional[Request] = None, token: Optional[OAuthToken] = None
+) -> str:
+    query = data[0] if data else ""
+    try:
+        hf_token = _resolve_token(data, 1, token, request)
+        search_param = f"search={urllib.parse.quote(query)}&" if query else ""
+        url = f"https://huggingface.co/api/datasets?{search_param}sort=likes&direction=-1&limit=20"
+        return _hf_request(url, hf_token)
+    except Exception as e:
+        logger.error("search_datasets failed (query=%s): %s", query, e, exc_info=True)
+        return json.dumps({"error": str(e)})
+
+
+def get_dataset_schema(
+    data, request: Optional[Request] = None, token: Optional[OAuthToken] = None
+) -> str:
+    dataset_id = data[0] if data else ""
+    try:
+        hf_token = _resolve_token(data, 1, token, request)
+        try:
+            splits_data = json.loads(
+                _hf_request(
+                    f"https://datasets-server.huggingface.co/splits?dataset={urllib.parse.quote(dataset_id)}",
+                    hf_token,
+                    timeout=30,
+                )
+            )
+        except Exception as exc:
+            raise Exception(
+                "Could not load dataset — it may not be viewer-compatible"
+            ) from exc
+        splits = splits_data.get("splits", [])
+        if not splits:
+            raise Exception("No available splits found for this dataset")
+        picked = next((s for s in splits if s["split"] == "train"), splits[0])
+        try:
+            rows_data = json.loads(
+                _hf_request(
+                    "https://datasets-server.huggingface.co/first-rows?"
+                    + urllib.parse.urlencode(
+                        {
+                            "dataset": dataset_id,
+                            "config": picked["config"],
+                            "split": picked["split"],
+                        }
+                    ),
+                    hf_token,
+                    timeout=30,
+                )
+            )
+        except Exception as exc:
+            raise Exception(
+                "Could not load dataset — it may not be viewer-compatible"
+            ) from exc
+        return json.dumps(
+            {
+                "config": picked["config"],
+                "split": picked["split"],
+                "features": rows_data.get("features", []),
+            }
+        )
+    except Exception as e:
+        logger.error(
+            "get_dataset_schema failed for %s: %s", dataset_id, e, exc_info=True
+        )
+        return json.dumps({"error": str(e)})
+
+
+class Workflow(Blocks):
+    """
+    Build and launch a visual AI workflow as a Gradio app.
+
+    Reads a workflow topology from a JSON file and optionally binds Python functions
+    that can be used as nodes in the workflow.
+
+    Example:
+        ```python
+        from gradio import Workflow
+
+        def summarize(text: str) -> str:
+            return text[:200]
+
+        Workflow(graph="workflow.json", bind={"summarize": summarize}).launch()
+        ```
+
+    The graph file defines nodes and edges:
+        ```json
+        {
+          "nodes": [
+            {"id": "sum", "kind": "transform", "source": "fn", "fn": "summarize", ...},
+            {"id": "img", "kind": "transform", "source": "space", "space_id": "black-forest-labs/FLUX.1-schnell", ...}
+          ],
+          "edges": [
+            {"id": "e1", "from_node_id": "sum", "from_port_id": "out_0", "to_node_id": "img", "to_port_id": "in_0", "type": "text"}
+          ]
+        }
+        ```
+    """
+
+    def __init__(
+        self,
+        graph: str | None = None,
+        *,
+        bind: dict[str, Callable] | list[Callable] | None = None,
+        edges: list[tuple[str, str]] | None = None,
+    ):
+        """
+        Parameters:
+            graph: Path to the workflow JSON file describing the canvas graph
+                (nodes + edges). Defaults to `workflow.json` in the same
+                directory as the calling script. The file is created on first
+                save if it doesn't exist.
+            bind: Functions callable from the canvas frontend via the `call_fn` server
+                function. Pass a list of callables (keys default to ``fn.__name__``) or
+                a dict mapping explicit names to callables.
+            edges: List of ``(from_endpoint, to_endpoint)`` tuples that wire nodes
+                together when generating a workflow from ``bind`` (ignored when an
+                existing ``graph`` file is loaded). Each endpoint is either
+                ``"fn_name"`` (uses the first available port) or
+                ``"fn_name.port_label"`` to target a specific port.
+
+                Example::
+
+                    edges=[
+                        ("shout", "reverse"),         # first output → first input
+                        ("clean.output", "tag.text"), # by port label
+                    ]
+        """
+        if graph is None:
+            caller_filename = sys._getframe(1).f_code.co_filename
+            caller_dir = os.path.dirname(os.path.abspath(caller_filename))
+            graph = os.path.join(caller_dir, "workflow.json")
+
+        if isinstance(bind, list):
+            bind = {getattr(fn, "__name__", repr(fn)): fn for fn in bind}
+
+        self._workflow_file = graph
+        self._workflow_name = (
+            os.path.splitext(os.path.basename(graph))[0]
+            .replace("_", " ")
+            .replace("-", " ")
+            .title()
+        )
+        self._bound: dict[str, Callable] = bind or {}
+        self._edges: list[tuple[str, str]] = edges or []
+
+        warnings.warn(
+            "gr.Workflow is currently in beta. Its API and UX may change in future releases.",
+            UserWarning,
+        )
+
+        super().__init__(mode="workflow")
+        self._build()
+
+    def _build(self):
+        # Set once the API endpoints are registered (post UI build); save_workflow
+        # re-syncs it so /info + /call track edits to the graph.
+        self._api_endpoints: WorkflowEndpointManager | None = None
+
+        if self._edges and os.path.exists(self._workflow_file):
+            logger.warning(
+                "Workflow: edges= is ignored because '%s' already exists. "
+                "Delete the file to regenerate the workflow from bind/edges.",
+                self._workflow_file,
+            )
+
+        # Callable so each browser session re-reads `workflow.json`, picking up
+        # writes from `save_workflow` instead of the construction-time snapshot.
+        def _load_initial() -> str | None:
+            try:
+                with open(self._workflow_file, encoding="utf-8") as f:
+                    return f.read()
+            except FileNotFoundError:
+                if self._bound:
+                    return _workflow_from_bind(
+                        self._bound, self._edges, name=self._workflow_name
+                    )
+                return None
+
+        bound = self._bound
+
+        def call_fn(
+            data,
+            _request: Optional[Request] = None,
+            _token: Optional[OAuthToken] = None,
+        ) -> str:
+            fn_name = data[0] if data else ""
+            try:
+                args_json = data[1] if len(data) > 1 else "[]"
+                fn = bound.get(fn_name)
+                if fn is None:
+                    return json.dumps(
+                        {
+                            "error": f"No function '{fn_name}' bound to this workflow",
+                            "error_type": "unknown",
+                            "suggestion": "Check the bind= argument to Workflow()",
+                        }
+                    )
+                args = json.loads(args_json)
+                if not isinstance(args, list):
+                    args = [args]
+                args, *_ = _special_args(fn, args, _request, None, token=_token)
+                result = fn(*args)
+                result = list(result) if isinstance(result, (list, tuple)) else [result]
+                return json.dumps(result)
+            except Exception as e:
+                logger.error("call_fn failed for %s: %s", fn_name, e, exc_info=True)
+                return json.dumps(
+                    {"error": str(e), "error_type": "unknown", "suggestion": ""}
+                )
+
+        workflow_file = self._workflow_file
+
+        _max_workflow_bytes = 5 * 1024 * 1024
+
+        def list_bound_fns(_data=None, _token: Optional[OAuthToken] = None) -> str:
+            """Return the bound functions' signatures so the canvas can offer
+            them as add-able nodes via a dedicated bottom-bar button. The
+            output port shape mirrors `_workflow_from_bind` so re-adding a
+            previously-deleted node produces an identical template.
+            """
+            templates = []
+            for fn_name, fn in bound.items():
+                try:
+                    sig = inspect.signature(fn)
+                except (ValueError, TypeError):
+                    sig = inspect.Signature()
+                try:
+                    _hints = get_type_hints(fn)
+                except Exception:
+                    _hints = getattr(fn, "__annotations__", {})
+                inputs = [
+                    {
+                        "id": f"in_{p}",
+                        "label": p,
+                        "type": _PY_TO_PORT.get(param.annotation, "text"),
+                    }
+                    for p, param in sig.parameters.items()
+                    if p != "self" and not _is_injected_param(_hints.get(p))
+                ]
+                if not inputs:
+                    inputs = [{"id": "in_0", "label": "input", "type": "text"}]
+                outputs = [
+                    {
+                        "id": "out_0",
+                        "label": "output",
+                        "type": _PY_TO_PORT.get(sig.return_annotation, "text"),
+                    }
+                ]
+                templates.append(
+                    {
+                        "fn": fn_name,
+                        "label": fn_name,
+                        "inputs": inputs,
+                        "outputs": outputs,
+                    }
+                )
+            return json.dumps(templates)
+
+        def get_workflow_api(_data=None, _request: Optional[Request] = None) -> str:
+            """Describe the workflow's API endpoints (one per subgraph) for the
+            frontend "View API" panel. Re-reads the current graph so it tracks
+            live edits, same as the registered endpoints."""
+            from gradio.workflow_api import WorkflowGraph, describe_workflow_api
+
+            graph = WorkflowGraph.from_json(_load_initial())
+            endpoints = describe_workflow_api(graph) if graph is not None else []
+            return json.dumps({"endpoints": endpoints})
+
+        def save_workflow(
+            data,
+            request: Optional[Request] = None,
+            token: Optional[OAuthToken] = None,
+        ) -> str:
+            if not has_write_access(request, token):
+                return json.dumps(
+                    {
+                        "error": "Write access required to save this workflow",
+                        "error_type": "auth",
+                        "suggestion": "Open the app via the write-access link "
+                        "printed at launch (or sign in as the Space owner)",
+                    }
+                )
+            try:
+                payload = data[0] if isinstance(data, list) and data else str(data)
+                if len(payload.encode()) > _max_workflow_bytes:
+                    return json.dumps({"error": "Workflow payload exceeds 5 MB limit"})
+                try:
+                    parsed = json.loads(payload)
+                except json.JSONDecodeError as exc:
+                    return json.dumps({"error": f"Invalid workflow JSON: {exc}"})
+                if not isinstance(parsed, dict) or parsed.get("schema_version") != "2":
+                    return json.dumps(
+                        {"error": "Workflow payload must use schema_version 2"}
+                    )
+                try:
+                    from gradio.workflow_api import WorkflowGraph
+
+                    WorkflowGraph(parsed)
+                except ValueError as exc:
+                    return json.dumps({"error": f"Invalid workflow schema: {exc}"})
+                with open(workflow_file, "w", encoding="utf-8") as f:
+                    f.write(payload)
+                # Re-derive API endpoints so /info + /call track the saved graph
+                # (outputs added / removed / renamed / retyped).
+                if self._api_endpoints is not None:
+                    try:
+                        self._api_endpoints.sync()
+                    except Exception:
+                        logger.error(
+                            "Workflow: endpoint sync after save failed", exc_info=True
+                        )
+                return "ok"
+            except Exception as e:
+                logger.error("save_workflow failed: %s", e, exc_info=True)
+                return json.dumps({"error": str(e)})
+
+        server_functions = [
+            get_token,
+            get_write_access,
+            get_oauth_available,
+            call_space,
+            call_model,
+            fetch_dataset,
+            search_spaces,
+            search_models,
+            search_datasets,
+            search_quick,
+            resolve_repo,
+            is_curated,
+            curated_modalities,
+            curated_modality_tasks,
+            get_dataset_schema,
+            call_fn,
+            list_bound_fns,
+            get_workflow_api,
+            save_workflow,
+        ]
+
+        from gradio.workflow_api import WorkflowGraph, register_workflow_endpoints
+
+        # Operator-kind → server-function used to execute that node. The same
+        # functions back the canvas's client-side run; the API executor reuses
+        # them (with request/token threaded for token resolution).
+        callers = {
+            "space": call_space,
+            "model": call_model,
+            "fn": call_fn,
+            "dataset": fetch_dataset,
+        }
+
+        def _current_graph() -> WorkflowGraph | None:
+            return WorkflowGraph.from_json(_load_initial())
+
+        with self:
+            if get_space() is not None and os.getenv("OAUTH_CLIENT_ID"):
+                gr.LoginButton(visible=False)
+            WorkflowCanvas(
+                value=_load_initial,
+                server_functions=server_functions,
+            )
+
+        # Expose each subject (output) as a named API endpoint reusing /info +
+        # /call. The manager re-syncs on every save_workflow, so adding,
+        # removing, renaming, or retyping an output updates the live API.
+        self._api_endpoints = register_workflow_endpoints(self, _current_graph, callers)
+
+    def launch(self, *args, **kwargs):  # type: ignore[override]
+        """Launch the workflow as a Gradio app. Accepts the same arguments as `gr.Blocks.launch()`.
+        `call_space` / `_save_tmp` write inference outputs to the system tempdir
+        and serve them back as `/gradio_api/file=…` URLs; the tempdir is added
+        to `allowed_paths` so those URLs resolve.
+
+        Locally, editing requires the write token: the full edit link is printed
+        after the standard launch output (and used for `inbrowser`). Plain
+        local/share URLs open the app read-only."""
+        if args:
+            names = list(inspect.signature(super().launch).parameters)
+            kwargs.update(dict(zip(names, args)))
+        kwargs["allowed_paths"] = [
+            tempfile.gettempdir(),
+            *(kwargs.get("allowed_paths") or []),
+        ]
+        # We need the edit link to print (and the browser to open to it) before
+        # the main thread is blocked, which means super().launch() must return
+        # first. Rather than forcing `debug=False` — which would also strip
+        # `debug` from `create_app()` (FastAPI error display) and the Colab
+        # error-printing messages — we pass `debug` through unchanged and simply
+        # neutralize `block_thread` for the duration of the inner launch, then
+        # replicate Blocks.launch()'s blocking behavior ourselves below.
+        prevent_thread_lock = bool(kwargs.get("prevent_thread_lock", False))
+        debug = bool(kwargs.get("debug", False))
+        inbrowser = bool(kwargs.get("inbrowser", False))
+        kwargs["inbrowser"] = False
+
+        real_block_thread = self.block_thread
+        self.block_thread = lambda: None  # type: ignore[method-assign]
+        try:
+            launch_result = super().launch(**kwargs)
+        finally:
+            self.block_thread = real_block_thread  # type: ignore[method-assign]
+        _, local_url, share_url = launch_result
+
+        write_url = None
+        if get_space() is None and local_url:
+            sep = "&" if "?" in local_url else "?"
+            write_url = f"{local_url}{sep}write_token={WRITE_TOKEN}"
+            if not kwargs.get("quiet", False):
+                print(
+                    f"\n* Workflow write-access link (keep private as it lets you edit the workflow that all users see): {write_url}"
+                )
+        if inbrowser:
+            webbrowser.open(
+                write_url or (share_url if self.share and share_url else local_url)
+            )
+
+        is_in_interactive_mode = bool(getattr(sys, "ps1", sys.flags.interactive))
+        if (
+            debug
+            or int(os.getenv("GRADIO_DEBUG", "0")) == 1
+            or (not prevent_thread_lock and not is_in_interactive_mode)
+        ):
+            self.block_thread()
+        return launch_result
diff --git a/gradio/workflow_api.py b/gradio/workflow_api.py
new file mode 100644
index 0000000..be59bf2
--- /dev/null
+++ b/gradio/workflow_api.py
@@ -0,0 +1,871 @@
+"""Server-side execution of `gr.Workflow` graphs, for exposing each workflow
+subject (output node) as a regular Gradio API endpoint.
+
+The canvas executes a workflow client-side (see
+`js/workflowcanvas/workflow/workflow-executor.ts`). This module ports that
+orchestration to Python so a workflow can be run headlessly — once per subject's
+upstream sub-DAG — and wired into Gradio's normal `/info` + `/call` machinery.
+
+Pure graph helpers (parsing, topo-sort, subgraph extraction, free-input
+detection) have no Gradio/network dependencies and are unit-tested directly. The
+executor calls back into the workflow server-functions (`call_space`,
+`call_model`, `call_fn`, `fetch_dataset`) which are injected so they can be
+mocked in tests.
+"""
+
+from __future__ import annotations
+
+import contextlib
+import inspect
+import json
+import logging
+import re
+from collections import deque
+from collections.abc import Callable
+from typing import Any, Optional
+
+logger = logging.getLogger(__name__)
+
+
+@contextlib.contextmanager
+def _active_blocks(blocks):
+    """Make `blocks` the active render target so components/events register into
+    it, without entering `Blocks.__exit__` — which would re-run
+    `attach_load_events` (duplicating the canvas's callable-`value` load event)
+    and recreate the running `App`. We only need the render-context primitives,
+    restored afterward."""
+    from gradio.context import Context
+
+    prev_root, prev_block = Context.root_block, Context.block
+    Context.root_block = blocks
+    Context.block = blocks
+    try:
+        yield
+    finally:
+        Context.root_block = prev_root
+        Context.block = prev_block
+
+
+# Port types the canvas treats as files/media (mirrors MEDIA_PORT_TYPES in
+# workflow-executor.ts). Values for these ports travel as `{path|url}` dicts
+# rather than scalars.
+MEDIA_PORT_TYPES = {"image", "audio", "video", "file", "gallery", "model3d"}
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Graph model
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class WorkflowGraph:
+    """Parsed, indexed view of a schema-v2 workflow dict.
+
+    Holds the three role collections (references / operators / subjects) plus a
+    flat id index and edge adjacency, so the executor and endpoint registration
+    don't re-scan lists repeatedly.
+    """
+
+    def __init__(self, data: dict[str, Any]):
+        if not isinstance(data, dict):
+            raise ValueError("Workflow graph must be a JSON object")
+        self.raw = data
+        self.name: str = data.get("name") or "Workflow"
+        self.references: list[dict] = self._list_field(data, "references")
+        self.operators: list[dict] = self._list_field(data, "operators")
+        self.subjects: list[dict] = self._list_field(data, "subjects")
+        self.edges: list[dict] = self._list_field(data, "edges")
+
+        self.node_by_id: dict[str, dict] = {}
+        self.role_by_id: dict[str, str] = {}
+        for role, nodes in (
+            ("reference", self.references),
+            ("operator", self.operators),
+            ("subject", self.subjects),
+        ):
+            for i, n in enumerate(nodes):
+                if not isinstance(n, dict):
+                    raise ValueError(f"Workflow {role} at index {i} must be an object")
+                node_id = n.get("id")
+                if not isinstance(node_id, str) or not node_id:
+                    raise ValueError(f"Workflow {role} at index {i} is missing an id")
+                if node_id in self.node_by_id:
+                    raise ValueError(f"Workflow contains duplicate node id: {node_id}")
+                self.node_by_id[node_id] = n
+                self.role_by_id[node_id] = role
+
+        for i, e in enumerate(self.edges):
+            if not isinstance(e, dict):
+                raise ValueError(f"Workflow edge at index {i} must be an object")
+            for key in ("from_node_id", "from_port_id", "to_node_id", "to_port_id"):
+                if not isinstance(e.get(key), str) or not e.get(key):
+                    raise ValueError(f"Workflow edge at index {i} is missing {key}")
+
+    @staticmethod
+    def _list_field(data: dict[str, Any], key: str) -> list[dict]:
+        value = data.get(key) or []
+        if not isinstance(value, list):
+            raise ValueError(f"Workflow field '{key}' must be a list")
+        return list(value)
+
+    @classmethod
+    def from_json(cls, text: str | None) -> WorkflowGraph | None:
+        if not text:
+            return None
+        try:
+            data = json.loads(text)
+        except (json.JSONDecodeError, TypeError):
+            return None
+        if not isinstance(data, dict):
+            return None
+        if data.get("schema_version") != "2":
+            # Only the current schema is executable server-side; the frontend
+            # migrates v1→v2 on load, so saved files are v2.
+            return None
+        try:
+            return cls(data)
+        except ValueError:
+            return None
+
+    def has_incoming(self, node_id: str) -> bool:
+        return any(e.get("to_node_id") == node_id for e in self.edges)
+
+    def incoming_edge(self, node_id: str, port_id: str) -> dict | None:
+        for e in self.edges:
+            if e.get("to_node_id") == node_id and e.get("to_port_id") == port_id:
+                return e
+        return None
+
+
+def topo_sort(node_ids: list[str], edges: list[dict]) -> list[str]:
+    """Kahn's algorithm over the given node ids (edges referencing nodes outside
+    the set are ignored). Mirrors `topoSort` in workflow-graph.ts."""
+    ids = set(node_ids)
+    indeg = dict.fromkeys(node_ids, 0)
+    adj: dict[str, list[str]] = {nid: [] for nid in node_ids}
+    for e in edges:
+        a, b = e.get("from_node_id"), e.get("to_node_id")
+        if a in ids and b in ids:
+            indeg[b] += 1
+            adj[a].append(b)
+    queue = deque([nid for nid in node_ids if indeg[nid] == 0])
+    out: list[str] = []
+    while queue:
+        n = queue.popleft()
+        out.append(n)
+        for m in adj[n]:
+            indeg[m] -= 1
+            if indeg[m] == 0:
+                queue.append(m)
+    if len(out) != len(node_ids):
+        # A cycle leaves nodes with residual in-degree; surface it rather than
+        # silently dropping them (the canvas can't create cycles, but a
+        # hand-edited file could).
+        raise ValueError("Workflow contains a cycle and cannot be executed")
+    return out
+
+
+def upstream_node_ids(graph: WorkflowGraph, target_id: str) -> set[str]:
+    """All nodes transitively feeding `target_id` (inclusive). Mirrors
+    `buildUpstreamSubgraph` in workflow-graph.ts."""
+    include = {target_id}
+    queue = deque([target_id])
+    while queue:
+        cur = queue.popleft()
+        for e in graph.edges:
+            src = e.get("from_node_id")
+            # Skip edges whose source node doesn't exist: a hand-edited file can
+            # carry a dangling `from_node_id`. Including it would crash later in
+            # `_execute_node`'s raw `node_by_id[...]` lookup; leaving it out lets
+            # the downstream input resolve to None (and `_require` surface a
+            # clean "required but not provided" error if it mattered).
+            if (
+                e.get("to_node_id") == cur
+                and src in graph.node_by_id
+                and src not in include
+            ):
+                include.add(src)
+                queue.append(src)
+    return include
+
+
+def free_inputs(graph: WorkflowGraph, subgraph_ids: set[str]) -> list[dict]:
+    """The reference nodes in the subgraph that the caller must supply (no
+    incoming edge → user-provided input). Returned in a stable order (graph
+    declaration order) so endpoint parameters are deterministic.
+
+    Each entry: `{"node": <reference dict>, "port": <output port dict>,
+    "type": <port type>, "label": <node label>}`.
+    """
+    result = []
+    for ref in graph.references:
+        if ref["id"] not in subgraph_ids:
+            continue
+        if graph.has_incoming(ref["id"]):
+            continue  # computed relay, not a free input
+        outputs = ref.get("outputs") or []
+        port = outputs[0] if outputs else None
+        port_type = (port or {}).get("type") or ref.get("asset_type") or "text"
+        result.append(
+            {
+                "node": ref,
+                "port": port,
+                "type": port_type,
+                "label": ref.get("label", ""),
+            }
+        )
+    return result
+
+
+def subject_output_type(subject: dict) -> str:
+    inputs = subject.get("inputs") or []
+    if inputs:
+        return inputs[0].get("type") or subject.get("asset_type") or "text"
+    return subject.get("asset_type") or "text"
+
+
+def subject_groups(graph: WorkflowGraph) -> list[list[dict]]:
+    """Group subjects by weakly-connected component (edges undirected), mirroring
+    `countSubgraphs` in workflow-graph.ts. Each component is one independent
+    pipeline, so all of its outputs become a *single* API endpoint that returns
+    a tuple — matching how a Gradio Space with multiple outputs exposes one
+    endpoint, not one per output.
+
+    Groups are ordered by the declaration order of their first subject; subjects
+    within a group keep declaration order (this fixes the output tuple order)."""
+    parent: dict[str, str] = {nid: nid for nid in graph.node_by_id}
+
+    def find(x: str) -> str:
+        root = x
+        while parent[root] != root:
+            root = parent[root]
+        while parent[x] != root:  # path compression
+            parent[x], x = root, parent[x]
+        return root
+
+    for e in graph.edges:
+        a, b = e.get("from_node_id"), e.get("to_node_id")
+        if a in parent and b in parent:
+            parent[find(a)] = find(b)
+
+    groups: dict[str, list[dict]] = {}
+    order: list[str] = []
+    for subject in graph.subjects:
+        root = find(subject["id"])
+        if root not in groups:
+            groups[root] = []
+            order.append(root)
+        groups[root].append(subject)
+    return [groups[root] for root in order]
+
+
+def group_free_inputs(graph: WorkflowGraph, group: list[dict]) -> list[dict]:
+    """The free inputs feeding a subject group: the union of each subject's
+    upstream subgraph, deduped and returned in graph declaration order (so a
+    reference shared by two outputs in the group becomes a single parameter)."""
+    sub_ids: set[str] = set()
+    for subject in group:
+        sub_ids |= upstream_node_ids(graph, subject["id"])
+    return free_inputs(graph, sub_ids)
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Value marshalling (port of toGradioArg / fromGradioOutput / pick_response_item)
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+def _to_arg(value: Any, port_type: str) -> Any:
+    """Convert an endpoint input value into the shape the workflow server
+    functions expect. Media ports arrive as a local filepath (from the output
+    component) or a FileData-like dict; wrap a bare path as `{"path": ...}` so
+    `call_space` runs it through `handle_file`. Scalars pass through."""
+    if value is None:
+        return None
+    if port_type in MEDIA_PORT_TYPES:
+        if isinstance(value, dict):
+            return value  # already {path|url|...}
+        if isinstance(value, str):
+            return {"path": value}
+        return value
+    return value
+
+
+def _output_matches_port_type(item: Any, port_type: str) -> bool:
+    if item is None:
+        return False
+    if port_type in MEDIA_PORT_TYPES:
+        if isinstance(item, str):
+            return item.startswith(("http://", "https://", "blob:", "data:", "/"))
+        return isinstance(item, dict) and ("path" in item or "url" in item)
+    if port_type == "text":
+        return isinstance(item, str)
+    if port_type == "number":
+        return isinstance(item, (int, float)) and not isinstance(item, bool)
+    if port_type == "boolean":
+        return isinstance(item, bool)
+    if port_type == "json":
+        return isinstance(item, (dict, list))
+    return True
+
+
+def _pick_response_item(
+    port: dict, port_index: int, output_data: list, total_ports: int
+) -> Any:
+    """Select which element of a multi-output response feeds a given output
+    port. Mirrors `pick_response_item` in workflow-executor.ts: honor an
+    explicit `output_index`, else position, else shape-match by port type."""
+    output_index = port.get("output_index")
+    if isinstance(output_index, int):
+        primary = output_data[output_index] if output_index < len(output_data) else None
+    elif total_ports == 1 and len(output_data) > 1:
+        primary = None
+    else:
+        primary = output_data[port_index] if port_index < len(output_data) else None
+
+    if primary is not None and _output_matches_port_type(primary, port.get("type", "")):
+        return primary
+
+    for item in output_data:
+        if _output_matches_port_type(item, port.get("type", "")):
+            return item
+
+    if primary is not None:
+        return primary
+    return output_data[0] if output_data else None
+
+
+def _from_output(value: Any) -> Any:
+    """Normalize a value coming out of the executor for the endpoint's output
+    component. File dicts → local path (preferred) or url; scalars pass
+    through. The internal `{path,url,is_file}` shape (from `call_space`) is
+    consumable by downstream operators as-is, so this only runs for the final
+    subject value handed to the output component."""
+    if isinstance(value, dict):
+        return value.get("path") or value.get("url") or value
+    return value
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Executor
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class WorkflowExecutionError(Exception):
+    """Raised when a node in the workflow fails; the message is suitable for
+    surfacing to an API caller."""
+
+
+class WorkflowExecutor:
+    """Runs a subject's upstream sub-DAG server-side.
+
+    `callers` maps operator kinds to the workflow server-functions, each with
+    the signature `(data: list, request, token) -> str` (a JSON string, either
+    a list of outputs or an `{"error": ...}` dict) — exactly the existing
+    `call_space` / `call_model` / `call_fn` / `fetch_dataset`.
+    """
+
+    def __init__(self, graph: WorkflowGraph, callers: dict[str, Callable]):
+        self.graph = graph
+        self.callers = callers
+
+    def run(
+        self,
+        subject_id: str,
+        inputs: dict[str, Any],
+        request: Any = None,
+        token: Any = None,
+    ) -> Any:
+        """Execute the subgraph feeding `subject_id`. `inputs` maps free-input
+        reference node id → value. Returns the subject's output value."""
+        return self.run_many([subject_id], inputs, request, token)[0]
+
+    def run_many(
+        self,
+        subject_ids: list[str],
+        inputs: dict[str, Any],
+        request: Any = None,
+        token: Any = None,
+    ) -> list[Any]:
+        """Execute the combined subgraph feeding all `subject_ids` in a single
+        pass and return one output value per subject, in order. Nodes shared
+        between outputs (e.g. an operator with two outputs wired to two subjects)
+        run exactly once rather than once per subject."""
+        graph = self.graph
+        for sid in subject_ids:
+            if graph.role_by_id.get(sid) != "subject":
+                raise WorkflowExecutionError(f"No such workflow output: {sid}")
+
+        sub_ids: set[str] = set()
+        for sid in subject_ids:
+            sub_ids |= upstream_node_ids(graph, sid)
+        order = topo_sort(list(sub_ids), graph.edges)
+        data_map: dict[str, dict[str, Any]] = {}
+
+        self._request = request
+        self._token = token
+
+        for node_id in order:
+            self._execute_node(node_id, data_map, inputs)
+
+        outputs: list[Any] = []
+        for sid in subject_ids:
+            in_ports = graph.node_by_id[sid].get("inputs") or []
+            if not in_ports:
+                outputs.append(None)
+                continue
+            value = data_map.get(sid, {}).get(in_ports[0]["id"])
+            outputs.append(_from_output(value))
+        return outputs
+
+    # -- internals ----------------------------------------------------------
+
+    def _resolve_inputs(
+        self, node: dict, data_map: dict[str, dict[str, Any]]
+    ) -> dict[str, Any]:
+        graph = self.graph
+        resolved: dict[str, Any] = {}
+        for port in node.get("inputs") or []:
+            edge = graph.incoming_edge(node["id"], port["id"])
+            if edge:
+                resolved[port["id"]] = data_map.get(edge["from_node_id"], {}).get(
+                    edge["from_port_id"]
+                )
+            else:
+                data = node.get("data") or {}
+                resolved[port["id"]] = data.get(port["id"], port.get("default_value"))
+        return resolved
+
+    def _execute_node(
+        self,
+        node_id: str,
+        data_map: dict[str, dict[str, Any]],
+        inputs: dict[str, Any],
+    ) -> None:
+        graph = self.graph
+        node = graph.node_by_id[node_id]
+        role = graph.role_by_id[node_id]
+
+        if role == "reference":
+            if graph.has_incoming(node_id):
+                self._relay(node, data_map)  # computed reference (relay)
+            else:
+                self._seed_input(node, data_map, inputs)  # free input
+            return
+
+        if role == "subject":
+            self._relay(node, data_map)
+            return
+
+        # operator
+        kind = node.get("kind")
+        if kind == "fn":
+            self._run_fn(node, data_map)
+        elif kind == "model":
+            self._run_model(node, data_map)
+        elif kind == "dataset":
+            self._run_dataset(node, data_map)
+        else:  # "space" (default)
+            self._run_space(node, data_map)
+
+    def _seed_input(
+        self, node: dict, data_map: dict[str, dict[str, Any]], inputs: dict[str, Any]
+    ) -> None:
+        value = inputs.get(node["id"])
+        bucket: dict[str, Any] = {}
+        for port in node.get("outputs") or []:
+            bucket[port["id"]] = _to_arg(value, port.get("type", "text"))
+        data_map[node["id"]] = bucket
+
+    def _relay(self, node: dict, data_map: dict[str, dict[str, Any]]) -> None:
+        resolved = self._resolve_inputs(node, data_map)
+        in_ports = node.get("inputs") or []
+        bucket: dict[str, Any] = {}
+        if in_ports:
+            value = resolved[in_ports[0]["id"]]
+            bucket[in_ports[0]["id"]] = value
+            for port in node.get("outputs") or []:
+                bucket[port["id"]] = value
+        data_map[node["id"]] = bucket
+
+    def _require(self, node: dict, resolved: dict[str, Any]) -> None:
+        for port in node.get("inputs") or []:
+            if port.get("required") and resolved.get(port["id"]) is None:
+                raise WorkflowExecutionError(
+                    f'"{port.get("label", port["id"])}" is required by '
+                    f'"{node.get("label", node["id"])}" but was not provided'
+                )
+
+    def _call(self, kind: str, data: list) -> list:
+        caller = self.callers.get(kind)
+        if caller is None:
+            raise WorkflowExecutionError(f"No executor available for '{kind}' nodes")
+        result_json = caller(data, self._request, self._token)
+        parsed = json.loads(result_json)
+        if isinstance(parsed, dict) and "error" in parsed:
+            msg = (
+                parsed.get("suggestion")
+                or parsed.get("error")
+                or "Workflow node failed"
+            )
+            raise WorkflowExecutionError(msg)
+        return parsed if isinstance(parsed, list) else [parsed]
+
+    def _map_outputs(
+        self, node: dict, output_data: list, data_map: dict[str, dict[str, Any]]
+    ) -> None:
+        bucket: dict[str, Any] = {}
+        out_ports = node.get("outputs") or []
+        for i, port in enumerate(out_ports):
+            bucket[port["id"]] = _pick_response_item(
+                port, i, output_data, len(out_ports)
+            )
+        data_map[node["id"]] = bucket
+
+    def _run_space(self, node: dict, data_map: dict[str, dict[str, Any]]) -> None:
+        resolved = self._resolve_inputs(node, data_map)
+        self._require(node, resolved)
+        args = [resolved[p["id"]] for p in node.get("inputs") or []]
+        endpoint = node.get("endpoint") or "/predict"
+        output_data = self._call(
+            "space", [node.get("space_id"), endpoint, json.dumps(args)]
+        )
+        self._map_outputs(node, output_data, data_map)
+
+    def _run_model(self, node: dict, data_map: dict[str, dict[str, Any]]) -> None:
+        resolved = self._resolve_inputs(node, data_map)
+        self._require(node, resolved)
+        args = [resolved[p["id"]] for p in node.get("inputs") or []]
+        tag = node.get("pipeline_tag") or "text-generation"
+        provider = node.get("provider") or "auto"
+        output_data = self._call(
+            "model", [node.get("model_id"), tag, json.dumps(args), None, provider]
+        )
+        self._map_outputs(node, output_data, data_map)
+
+    def _run_fn(self, node: dict, data_map: dict[str, dict[str, Any]]) -> None:
+        resolved = self._resolve_inputs(node, data_map)
+        self._require(node, resolved)
+        args = [resolved[p["id"]] for p in node.get("inputs") or []]
+        output_data = self._call("fn", [node.get("fn"), json.dumps(args)])
+        self._map_outputs(node, output_data, data_map)
+
+    def _run_dataset(self, node: dict, data_map: dict[str, dict[str, Any]]) -> None:
+        resolved = self._resolve_inputs(node, data_map)
+        raw = resolved.get("row_index") or 0
+        try:
+            offset = max(0, int(raw))
+        except (TypeError, ValueError):
+            offset = 0
+        output_data = self._call(
+            "dataset",
+            [
+                node.get("dataset_id"),
+                node.get("dataset_config") or "default",
+                node.get("dataset_split") or "train",
+                str(offset),
+                "1",
+            ],
+        )
+        # fetch_dataset returns {config, split, features, rows}; map the first
+        # row onto output ports by label (mirrors the dataset branch in the TS
+        # executor). Media cells arrive as `{src: url}` → normalize to a file
+        # value. Kept lenient — dataset operators are rarely terminal.
+        result = output_data[0] if output_data else {}
+        rows = result.get("rows") if isinstance(result, dict) else None
+        row = (rows[0] if rows else {}) if isinstance(rows, list) else {}
+        bucket: dict[str, Any] = {}
+        for port in node.get("outputs") or []:
+            value = row.get(port.get("label"))
+            if isinstance(value, dict) and "src" in value:
+                value = {"url": value["src"]}
+            bucket[port["id"]] = value
+        data_map[node["id"]] = bucket
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Endpoint registration (B2: explicit, hidden components reusing /info + /call)
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+def _slugify(label: str) -> str:
+    slug = re.sub(r"[^a-z0-9]+", "_", (label or "").strip().lower()).strip("_")
+    return slug or "endpoint"
+
+
+# Workflow port type → the Python type a gradio_client caller passes/receives,
+# for display in the "View API" panel and generated snippets.
+_PY_TYPE = {
+    "text": "str",
+    "number": "float",
+    "boolean": "bool",
+    "image": "filepath",
+    "audio": "filepath",
+    "video": "filepath",
+    "model3d": "filepath",
+    "3d": "filepath",
+    "file": "filepath",
+    "gallery": "list[filepath]",
+    "dataframe": "list[list]",
+    "json": "dict",
+}
+
+
+def _group_slug_iter(groups: list[list[dict]]):
+    """Yield (group, api_name) with the dedup used at registration, so the
+    described endpoints line up with the ones actually registered. The slug is
+    derived from the group's first subject label."""
+    used: set[str] = set()
+    for group in groups:
+        api_name = _slugify(group[0].get("label", "output"))
+        while api_name in used:
+            api_name = f"{api_name}_"
+        used.add(api_name)
+        yield group, api_name
+
+
+def describe_workflow_api(graph: WorkflowGraph) -> list[dict]:
+    """Describe each subject endpoint for the frontend "View API" panel:
+    `api_name`, label, parameters (free inputs), and the return type. Mirrors
+    the schema that `register_workflow_endpoints` exposes via `/info`."""
+    endpoints = []
+    for group, api_name in _group_slug_iter(subject_groups(graph)):
+        frees = group_free_inputs(graph, group)
+        endpoints.append(
+            {
+                "api_name": "/" + api_name,
+                "label": group[0].get("label", "output"),
+                "parameters": [
+                    {
+                        "label": f["label"],
+                        "parameter_name": f"in_{i}",
+                        "type": f["type"],
+                        "python_type": _PY_TYPE.get(f["type"], "str"),
+                    }
+                    for i, f in enumerate(frees)
+                ],
+                "returns": [
+                    {
+                        "label": subject.get("label", "output"),
+                        "type": subject_output_type(subject),
+                        "python_type": _PY_TYPE.get(
+                            subject_output_type(subject), "str"
+                        ),
+                    }
+                    for subject in group
+                ],
+            }
+        )
+    return endpoints
+
+
+def port_to_component(port_type: str, label: str):
+    """Map a workflow port type to a Gradio component for the API schema. Real
+    components are used (not `gr.api` type hints) so multimodal I/O round-trips
+    via their proven `api_info` / `FileData` handling. Created unrendered; the
+    caller renders them inside a hidden container so they reach `/info`."""
+    import gradio as gr
+
+    label = label or port_type
+    if port_type == "image":
+        return gr.Image(label=label, type="filepath", render=False)
+    if port_type == "audio":
+        return gr.Audio(label=label, type="filepath", render=False)
+    if port_type == "video":
+        return gr.Video(label=label, render=False)
+    if port_type in ("model3d", "3d"):
+        return gr.Model3D(label=label, render=False)
+    if port_type == "file":
+        return gr.File(label=label, type="filepath", render=False)
+    if port_type == "number":
+        return gr.Number(label=label, render=False)
+    if port_type == "boolean":
+        return gr.Checkbox(label=label, render=False)
+    if port_type == "dataframe":
+        return gr.Dataframe(label=label, render=False)
+    if port_type == "gallery":
+        return gr.Gallery(label=label, render=False)
+    if port_type == "json":
+        return gr.JSON(label=label, render=False)
+    return gr.Textbox(label=label, render=False)
+
+
+def _build_endpoint_fn(
+    get_graph: Callable[[], Optional[WorkflowGraph]],
+    subject_ids: list[str],
+    free_ids: list[str],
+    callers: dict[str, Callable],
+):
+    """Build the callable backing one subgraph endpoint. `subject_ids` are all
+    the outputs of the subgraph; with more than one the endpoint returns a tuple
+    (matching its multiple output components), otherwise a single value.
+
+    Execution re-reads the *current* graph via `get_graph()` so operator and
+    wiring edits take effect without a restart. The advertised signature
+    (positional input per free reference, plus `request`/`token`) is synthesized
+    so Gradio's `special_args` injects the request and OAuth token, letting the
+    executor reuse the workflow's token resolution for downstream calls.
+    """
+    from gradio.oauth import OAuthToken
+    from gradio.route_utils import Request
+
+    def endpoint(*args):
+        *input_values, request, token = args
+        graph = get_graph()
+        if graph is None:
+            raise WorkflowExecutionError("Workflow graph is unavailable")
+        inputs = dict(zip(free_ids, input_values))
+        results = WorkflowExecutor(graph, callers).run_many(
+            subject_ids, inputs, request, token
+        )
+        return results[0] if len(results) == 1 else tuple(results)
+
+    params = [
+        inspect.Parameter(f"in_{i}", inspect.Parameter.POSITIONAL_OR_KEYWORD)
+        for i in range(len(free_ids))
+    ]
+    params.append(
+        inspect.Parameter(
+            "request",
+            inspect.Parameter.POSITIONAL_OR_KEYWORD,
+            default=None,
+            annotation=Optional[Request],
+        )
+    )
+    params.append(
+        inspect.Parameter(
+            "token",
+            inspect.Parameter.POSITIONAL_OR_KEYWORD,
+            default=None,
+            annotation=Optional[OAuthToken],
+        )
+    )
+    endpoint.__signature__ = inspect.Signature(params)  # type: ignore[attr-defined]
+    endpoint.__annotations__ = {
+        "request": Optional[Request],
+        "token": Optional[OAuthToken],
+    }
+    return endpoint
+
+
+class WorkflowEndpointManager:
+    """Owns the lifecycle of the per-subject API endpoints and keeps them in
+    sync with the workflow graph.
+
+    Each `sync()` tears down the previously-registered endpoints (their
+    components via `unrender()` and their event triggers from `blocks.fns`) and
+    rebuilds from the current graph, then refreshes the cached `/config` and
+    invalidates the `/info` cache so a running server reflects the change. This
+    lets the API track live edits: adding, removing, renaming, or retyping a
+    subject all re-derive the endpoint set on the next save.
+    """
+
+    def __init__(
+        self,
+        blocks,
+        get_graph: Callable[[], Optional[WorkflowGraph]],
+        callers: dict[str, Callable],
+    ):
+        self.blocks = blocks
+        self.get_graph = get_graph
+        self.callers = callers
+        self._blocks_created: list = []
+        self._fn_ids: list[int] = []
+        self.api_names: list[str] = []
+
+    def sync(self) -> list[str]:
+        """Re-derive endpoints from the current graph. Safe to call repeatedly;
+        the first call registers, later calls reconcile."""
+        self._teardown()
+        graph = self.get_graph()
+        if graph is not None and graph.subjects:
+            self._register(graph)
+        self._refresh_app()
+        return list(self.api_names)
+
+    # -- internals ----------------------------------------------------------
+
+    def _teardown(self) -> None:
+        if self._blocks_created:
+            # unrender() needs the Blocks as the active context to remove blocks
+            # from its layout + id map.
+            with _active_blocks(self.blocks):
+                for block in self._blocks_created:
+                    block.unrender()
+        for fn_id in self._fn_ids:
+            self.blocks.fns.pop(fn_id, None)
+        self._blocks_created = []
+        self._fn_ids = []
+        self.api_names = []
+
+    def _register(self, graph: WorkflowGraph) -> None:
+        import gradio as gr
+
+        before = set(self.blocks.fns.keys())
+        with _active_blocks(self.blocks), gr.Column(visible=False) as col:
+            self._blocks_created.append(col)
+            for group, api_name in _group_slug_iter(subject_groups(graph)):
+                frees = group_free_inputs(graph, group)
+                input_components = [
+                    port_to_component(f["type"], f["label"]) for f in frees
+                ]
+                for c in input_components:
+                    c.render()
+                    self._blocks_created.append(c)
+                output_components = []
+                for subject in group:
+                    oc = port_to_component(
+                        subject_output_type(subject), subject.get("label", "output")
+                    )
+                    oc.render()
+                    self._blocks_created.append(oc)
+                    output_components.append(oc)
+
+                fn = _build_endpoint_fn(
+                    self.get_graph,
+                    [s["id"] for s in group],
+                    [f["node"]["id"] for f in frees],
+                    self.callers,
+                )
+                trigger = gr.Button(visible=False)
+                self._blocks_created.append(trigger)
+                trigger.click(
+                    fn,
+                    inputs=input_components,
+                    outputs=output_components
+                    if len(output_components) > 1
+                    else output_components[0],
+                    api_name=api_name,
+                )
+                self.api_names.append(api_name)
+        # New event triggers added during registration (the order of insertion
+        # into the fns dict is the set difference from the pre-register snapshot).
+        self._fn_ids = [fid for fid in self.blocks.fns if fid not in before]
+
+    def _refresh_app(self) -> None:
+        """After the endpoint set changes, refresh the cached config and (if
+        running) invalidate the `/info` cache.
+
+        `get_api_info` reads `self.config`, and `/config` serves a copy of it to
+        new page loads / `gradio_client` connections — so it must be regenerated
+        whenever the components or dependencies change. (The normal
+        `Blocks.__exit__` does this; our manual render context does not.)"""
+        try:
+            self.blocks.config = self.blocks.get_config_file()
+        except Exception:
+            logger.debug("Workflow: failed to refresh config", exc_info=True)
+        app = getattr(self.blocks, "server_app", None)
+        if app is not None:
+            app.api_info = None
+            app.all_app_info = None
+
+
+def register_workflow_endpoints(
+    blocks,
+    get_graph: Callable[[], Optional[WorkflowGraph]],
+    callers: dict[str, Callable],
+) -> WorkflowEndpointManager:
+    """Create a `WorkflowEndpointManager` and register the initial endpoint set
+    from the current graph. Returns the manager so the caller can `.sync()` it
+    again whenever the graph is saved."""
+    manager = WorkflowEndpointManager(blocks, get_graph, callers)
+    manager.sync()
+    return manager
diff --git a/guides/01_getting-started/01_quickstart.md b/guides/01_getting-started/01_quickstart.md
new file mode 100644
index 0000000..943e8b7
--- /dev/null
+++ b/guides/01_getting-started/01_quickstart.md
@@ -0,0 +1,116 @@
+# Quickstart
+
+Gradio is an open-source Python package that allows you to quickly **build** a demo or web application for your machine learning model, API, or any arbitrary Python function. You can then **share** a link to your demo or web application in just a few seconds using Gradio's built-in sharing features. *No JavaScript, CSS, or web hosting experience needed!*
+
+<img src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/gif-version.gif" style="padding-bottom: 10px">
+
+It just takes a few lines of Python to create your own demo, so let's get started 💫
+
+
+## Installation
+
+**Prerequisite**: Gradio requires [Python 3.10 or higher](https://www.python.org/downloads/).
+
+
+We recommend installing Gradio using `pip`, which is included by default in Python. Run this in your terminal or command prompt:
+
+```bash
+pip install --upgrade gradio
+```
+
+
+Tip: It is best to install Gradio in a virtual environment. Detailed installation instructions for all common operating systems <a href="https://www.gradio.app/main/guides/installing-gradio-in-a-virtual-environment">are provided here</a>. 
+
+## Building Your First Demo
+
+You can run Gradio in your favorite code editor, Jupyter notebook, Google Colab, or anywhere else you write Python. Let's write your first Gradio app:
+
+
+$code_hello_world_4
+
+
+Tip: We shorten the imported name from <code>gradio</code> to <code>gr</code>. This is a widely adopted convention for better readability of code. 
+
+Now, run your code. If you've written the Python code in a file named `app.py`, then you would run `python app.py` from the terminal.
+
+The demo below will open in a browser on [http://localhost:7860](http://localhost:7860) if running from a file. If you are running within a notebook, the demo will appear embedded within the notebook.
+
+$demo_hello_world_4
+
+Type your name in the textbox on the left, drag the slider, and then press the Submit button. You should see a friendly greeting on the right.
+
+Tip: When developing locally, you can run your Gradio app in <strong>hot reload mode</strong>, which automatically reloads the Gradio app whenever you make changes to the file. To do this, simply type in <code>gradio</code> before the name of the file instead of <code>python</code>. In the example above, you would type: `gradio app.py` in your terminal. You can also enable <strong>vibe mode</strong> by using the <code>--vibe</code> flag, e.g. <code>gradio --vibe app.py</code>, which provides an in-browser chat that can be used to write or edit your Gradio app using natural language. Learn more in the <a href="https://www.gradio.app/guides/developing-faster-with-reload-mode">Hot Reloading Guide</a>.
+
+
+**Understanding the `Interface` Class**
+
+You'll notice that in order to make your first demo, you created an instance of the `gr.Interface` class. The `Interface` class is designed to create demos for machine learning models which accept one or more inputs, and return one or more outputs. 
+
+The `Interface` class has three core arguments:
+
+- `fn`: the function to wrap a user interface (UI) around
+- `inputs`: the Gradio component(s) to use for the input. The number of components should match the number of arguments in your function.
+- `outputs`: the Gradio component(s) to use for the output. The number of components should match the number of return values from your function.
+
+The `fn` argument is very flexible -- you can pass *any* Python function that you want to wrap with a UI. In the example above, we saw a relatively simple function, but the function could be anything from a music generator to a tax calculator to the prediction function of a pretrained machine learning model.
+
+The `inputs` and `outputs` arguments take one or more Gradio components. As we'll see, Gradio includes more than [30 built-in components](https://www.gradio.app/docs/gradio/introduction) (such as the `gr.Textbox()`, `gr.Image()`, and `gr.HTML()` components) that are designed for machine learning applications. 
+
+Tip: For the `inputs` and `outputs` arguments, you can pass in the name of these components as a string (`"textbox"`) or an instance of the class (`gr.Textbox()`).
+
+If your function accepts more than one argument, as is the case above, pass a list of input components to `inputs`, with each input component corresponding to one of the arguments of the function, in order. The same holds true if your function returns more than one value: simply pass in a list of components to `outputs`. This flexibility makes the `Interface` class a very powerful way to create demos.
+
+We'll dive deeper into the `gr.Interface` on our series on [building Interfaces](https://www.gradio.app/main/guides/the-interface-class).
+
+## Sharing Your Demo
+
+What good is a beautiful demo if you can't share it? Gradio lets you easily share a machine learning demo without having to worry about the hassle of hosting on a web server. Simply set `share=True` in `launch()`, and a publicly accessible URL will be created for your demo. Let's revisit our example demo,  but change the last line as follows:
+
+```python
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
+    
+demo.launch(share=True)  # Share your demo with just 1 extra parameter 🚀
+```
+
+When you run this code, a public URL will be generated for your demo in a matter of seconds, something like:
+
+👉 &nbsp; `https://a23dsf231adb.gradio.live`
+
+Now, anyone around the world can try your Gradio demo from their browser, while the machine learning model and all computation continues to run locally on your computer.
+
+To learn more about sharing your demo, read our dedicated guide on [sharing your Gradio application](https://www.gradio.app/guides/sharing-your-app).
+
+
+## An Overview of Gradio
+
+So far, we've been discussing the `Interface` class, which is a high-level class that lets you build demos quickly with Gradio. But what else does Gradio include?
+
+### Custom Demos with `gr.Blocks`
+
+Gradio offers a low-level approach for designing web apps with more customizable layouts and data flows with the `gr.Blocks` class. Blocks supports things like controlling where components appear on the page, handling multiple data flows and more complex interactions (e.g. outputs can serve as inputs to other functions), and updating properties/visibility of components based on user interaction — still all in Python. 
+
+You can build very custom and complex applications using `gr.Blocks()`. For example, the popular image generation [Automatic1111 Web UI](https://github.com/AUTOMATIC1111/stable-diffusion-webui) is built using Gradio Blocks. We dive deeper into the `gr.Blocks` on our series on [building with Blocks](https://www.gradio.app/guides/blocks-and-event-listeners).
+
+### Chatbots with `gr.ChatInterface`
+
+Gradio includes another high-level class, `gr.ChatInterface`, which is specifically designed to create Chatbot UIs. Similar to `Interface`, you supply a function and Gradio creates a fully working Chatbot UI. If you're interested in creating a chatbot, you can jump straight to [our dedicated guide on `gr.ChatInterface`](https://www.gradio.app/guides/creating-a-chatbot-fast).
+
+### The Gradio Python & JavaScript Ecosystem
+
+That's the gist of the core `gradio` Python library, but Gradio is actually so much more! It's an entire ecosystem of Python and JavaScript libraries that let you build machine learning applications, or query them programmatically, in Python or JavaScript. Here are other related parts of the Gradio ecosystem:
+
+* [Gradio Python Client](https://www.gradio.app/guides/getting-started-with-the-python-client) (`gradio_client`): query any Gradio app programmatically in Python.
+* [Gradio JavaScript Client](https://www.gradio.app/guides/getting-started-with-the-js-client) (`@gradio/client`): query any Gradio app programmatically in JavaScript.
+* [Hugging Face Spaces](https://huggingface.co/spaces): the most popular place to host Gradio applications — for free!
+* [Server mode](https://www.gradio.app/guides/server-mode) (`gradio.Server`): build a completely custom frontend using only Gradio's backend (queue, streaming, MCP, ZeroGPU, and Spaces hosting included).
+
+## What's Next?
+
+Keep learning about Gradio sequentially using the Gradio Guides, which include explanations as well as example code and embedded interactive demos. Next up: [let's dive deeper into the Interface class](https://www.gradio.app/guides/the-interface-class).
+
+Or, if you already know the basics and are looking for something specific, you can search the more [technical API documentation](https://www.gradio.app/docs/).
diff --git a/guides/02_building-interfaces/00_the-interface-class.md b/guides/02_building-interfaces/00_the-interface-class.md
new file mode 100644
index 0000000..0ae81c6
--- /dev/null
+++ b/guides/02_building-interfaces/00_the-interface-class.md
@@ -0,0 +1,96 @@
+# The `Interface` class
+
+As mentioned in the [Quickstart](/main/guides/quickstart), the `gr.Interface` class is a high-level abstraction in Gradio that allows you to quickly create a demo for any Python function simply by specifying the input types and the output types. Revisiting our first demo:
+
+$code_hello_world_4
+
+
+We see that the `Interface` class is initialized with three required parameters:
+
+- `fn`: the function to wrap a user interface (UI) around
+- `inputs`: which Gradio component(s) to use for the input. The number of components should match the number of arguments in your function.
+- `outputs`: which Gradio component(s) to use for the output. The number of components should match the number of return values from your function.
+
+In this Guide, we'll dive into `gr.Interface` and the various ways it can be customized, but before we do that, let's get a better understanding of Gradio components.
+
+## Gradio Components
+
+Gradio includes more than 30 pre-built components (as well as many [community-built _custom components_](https://www.gradio.app/custom-components/gallery)) that can be used as inputs or outputs in your demo. These components correspond to common data types in machine learning and data science, e.g. the `gr.Image` component is designed to handle input or output images, the `gr.Label` component displays classification labels and probabilities, the `gr.LinePlot` component displays line plots, and so on. 
+
+## Components Attributes
+
+We used the default versions of the `gr.Textbox` and `gr.Slider`, but what if you want to change how the UI components look or behave?
+
+Let's say you want to customize the slider to have values from 1 to 10, with a default of 2. And you wanted to customize the output text field — you want it to be larger and have a label.
+
+If you use the actual classes for `gr.Textbox` and `gr.Slider` instead of the string shortcuts, you have access to much more customizability through component attributes.
+
+$code_hello_world_2
+$demo_hello_world_2
+
+## Multiple Input and Output Components
+
+Suppose you had a more complex function, with multiple outputs as well. In the example below, we define a function that takes a string, boolean, and number, and returns a string and number. 
+
+$code_hello_world_3
+$demo_hello_world_3
+
+Just as each component in the `inputs` list corresponds to one of the parameters of the function, in order, each component in the `outputs` list corresponds to one of the values returned by the function, in order.
+
+## An Image Example
+
+Gradio supports many types of components, such as `Image`, `DataFrame`, `Video`, or `Label`. Let's try an image-to-image function to get a feel for these!
+
+$code_sepia_filter
+$demo_sepia_filter
+
+When using the `Image` component as input, your function will receive a NumPy array with the shape `(height, width, 3)`, where the last dimension represents the RGB values. We'll return an image as well in the form of a NumPy array. 
+
+Gradio handles the preprocessing and postprocessing to convert images to NumPy arrays and vice versa. You can also control the preprocessing performed with the `type=` keyword argument. For example, if you wanted your function to take a file path to an image instead of a NumPy array, the input `Image` component could be written as:
+
+```python
+gr.Image(type="filepath")
+```
+
+You can read more about the built-in Gradio components and how to customize them in the [Gradio docs](https://gradio.app/docs).
+
+## Example Inputs
+
+You can provide example data that a user can easily load into `Interface`. This can be helpful to demonstrate the types of inputs the model expects, as well as to provide a way to explore your dataset in conjunction with your model. To load example data, you can provide a **nested list** to the `examples=` keyword argument of the Interface constructor. Each sublist within the outer list represents a data sample, and each element within the sublist represents an input for each input component. The format of example data for each component is specified in the [Docs](https://gradio.app/docs#components).
+
+$code_calculator
+$demo_calculator
+
+You can load a large dataset into the examples to browse and interact with the dataset through Gradio. The examples will be automatically paginated (you can configure this through the `examples_per_page` argument of `Interface`).
+
+Continue learning about examples in the [More On Examples](https://gradio.app/guides/more-on-examples) guide.
+
+## Descriptive Content
+
+In the previous example, you may have noticed the `title=` and `description=` keyword arguments in the `Interface` constructor that helps users understand your app.
+
+There are three arguments in the `Interface` constructor to specify where this content should go:
+
+- `title`: which accepts text and can display it at the very top of interface, and also becomes the page title.
+- `description`: which accepts text, markdown or HTML and places it right under the title.
+- `article`: which also accepts text, markdown or HTML and places it below the interface.
+
+![annotated](https://github.com/gradio-app/gradio/blob/main/guides/assets/annotated.png?raw=true)
+
+Another useful keyword argument is `label=`, which is present in every `Component`. This modifies the label text at the top of each `Component`. You can also add the `info=` keyword argument to form elements like `Textbox` or `Radio` to provide further information on their usage.
+
+```python
+gr.Number(label='Age', info='In years, must be greater than 0')
+```
+
+## Additional Inputs within an Accordion
+
+If your prediction function takes many inputs, you may want to hide some of them within a collapsed accordion to avoid cluttering the UI. The `Interface` class takes an `additional_inputs` argument which is similar to `inputs` but any input components included here are not visible by default. The user must click on the accordion to show these components. The additional inputs are passed into the prediction function, in order, after the standard inputs.
+
+You can customize the appearance of the accordion by using the optional `additional_inputs_accordion` argument, which accepts a string (in which case, it becomes the label of the accordion), or an instance of the `gr.Accordion()` class (e.g. this lets you control whether the accordion is open or closed by default).
+
+Here's an example:
+
+$code_interface_with_additional_inputs
+$demo_interface_with_additional_inputs
+
diff --git a/guides/02_building-interfaces/01_more-on-examples.md b/guides/02_building-interfaces/01_more-on-examples.md
new file mode 100644
index 0000000..31aa17a
--- /dev/null
+++ b/guides/02_building-interfaces/01_more-on-examples.md
@@ -0,0 +1,43 @@
+# More on Examples
+
+In the [previous Guide](/main/guides/the-interface-class), we discussed how to provide example inputs for your demo to make it easier for users to try it out. Here, we dive into more details.
+
+## Providing Examples
+
+Adding examples to an Interface is as easy as providing a list of lists to the `examples`
+keyword argument.
+Each sublist is a data sample, where each element corresponds to an input of the prediction function.
+The inputs must be ordered in the same order as the prediction function expects them.
+
+If your interface only has one input component, then you can provide your examples as a regular list instead of a list of lists.
+
+### Loading Examples from a Directory
+
+You can also specify a path to a directory containing your examples. If your Interface takes only a single file-type input, e.g. an image classifier, you can simply pass a directory filepath to the `examples=` argument, and the `Interface` will load the images in the directory as examples.
+In the case of multiple inputs, this directory must
+contain a log.csv file with the example values.
+In the context of the calculator demo, we can set `examples='/demo/calculator/examples'` and in that directory we include the following `log.csv` file:
+
+```csv
+num,operation,num2
+5,"add",3
+4,"divide",2
+5,"multiply",3
+```
+
+This can be helpful when browsing flagged data. Simply point to the flagged directory and the `Interface` will load the examples from the flagged data.
+
+### Providing Partial Examples
+
+Sometimes your app has many input components, but you would only like to provide examples for a subset of them. In order to exclude some inputs from the examples, pass `None` for all data samples corresponding to those particular components.
+
+## Caching examples
+
+You may wish to provide some cached examples of your model for users to quickly try out, in case your model takes a while to run normally.
+If `cache_examples=True`, your Gradio app will run all of the examples and save the outputs when you call the `launch()` method. This data will be saved in a directory called `gradio_cached_examples` in your working directory by default. You can also set this directory with the `GRADIO_EXAMPLES_CACHE` environment variable, which can be either an absolute path or a relative path to your working directory.
+
+Whenever a user clicks on an example, the output will automatically be populated in the app now, using data from this cached directory instead of actually running the function. This is useful so users can quickly try out your model without adding any load!
+
+Alternatively, you can set `cache_examples="lazy"`. This means that each particular example will only get cached after it is first used (by any user) in the Gradio app. This is helpful if your prediction function is long-running and you do not want to wait a long time for your Gradio app to start.
+
+Keep in mind once the cache is generated, it will not be updated automatically in future launches. If the examples or function logic change, delete the cache folder to clear the cache and rebuild it with another `launch()`.
diff --git a/guides/02_building-interfaces/02_flagging.md b/guides/02_building-interfaces/02_flagging.md
new file mode 100644
index 0000000..0400184
--- /dev/null
+++ b/guides/02_building-interfaces/02_flagging.md
@@ -0,0 +1,46 @@
+
+# Flagging
+
+You may have noticed the "Flag" button that appears by default in your `Interface`. When a user using your demo sees input with interesting output, such as erroneous or unexpected model behaviour, they can flag the input for you to review. Within the directory provided by the `flagging_dir=` argument to the `Interface` constructor, a CSV file will log the flagged inputs. If the interface involves file data, such as for Image and Audio components, folders will be created to store those flagged data as well.
+
+For example, with the calculator interface shown above, we would have the flagged data stored in the flagged directory shown below:
+
+```directory
++-- calculator.py
++-- flagged/
+|   +-- logs.csv
+```
+
+_flagged/logs.csv_
+
+```csv
+num1,operation,num2,Output
+5,add,7,12
+6,subtract,1.5,4.5
+```
+
+With the sepia interface shown earlier, we would have the flagged data stored in the flagged directory shown below:
+
+```directory
++-- sepia.py
++-- flagged/
+|   +-- logs.csv
+|   +-- im/
+|   |   +-- 0.png
+|   |   +-- 1.png
+|   +-- Output/
+|   |   +-- 0.png
+|   |   +-- 1.png
+```
+
+_flagged/logs.csv_
+
+```csv
+im,Output
+im/0.png,Output/0.png
+im/1.png,Output/1.png
+```
+
+If you wish for the user to provide a reason for flagging, you can pass a list of strings to the `flagging_options` argument of Interface. Users will have to select one of the strings when flagging, which will be saved as an additional column to the CSV.
+
+
diff --git a/guides/02_building-interfaces/03_interface-state.md b/guides/02_building-interfaces/03_interface-state.md
new file mode 100644
index 0000000..52834a0
--- /dev/null
+++ b/guides/02_building-interfaces/03_interface-state.md
@@ -0,0 +1,32 @@
+# Interface State
+
+So far, we've assumed that your demos are *stateless*: that they do not persist information beyond a single function call. What if you want to modify the behavior of your demo based on previous interactions with the demo? There are two approaches in Gradio: *global state* and *session state*.
+
+## Global State
+
+If the state is something that should be accessible to all function calls and all users, you can create a variable outside the function call and access it inside the function. For example, you may load a large model outside the function and use it inside the function so that every function call does not need to reload the model.
+
+$code_score_tracker
+
+In the code above, the `scores` array is shared between all users. If multiple users are accessing this demo, their scores will all be added to the same list, and the returned top 3 scores will be collected from this shared reference.
+
+## Session State
+
+Another type of data persistence Gradio supports is session state, where data persists across multiple submits within a page session. However, data is _not_ shared between different users of your model. To store data in a session state, you need to do three things:
+
+1. Pass in an extra parameter into your function, which represents the state of the interface.
+2. At the end of the function, return the updated value of the state as an extra return value.
+3. Add the `'state'` input and `'state'` output components when creating your `Interface`
+
+Here's a simple app to illustrate session state - this app simply stores users previous submissions and displays them back to the user:
+
+
+$code_interface_state
+$demo_interface_state
+
+
+Notice how the state persists across submits within each page, but if you load this demo in another tab (or refresh the page), the demos will not share chat history. Here, we could not store the submission history in a global variable, otherwise the submission history would then get jumbled between different users.
+
+The initial value of the `State` is `None` by default. If you pass a parameter to the `value` argument of `gr.State()`, it is used as the default value of the state instead. 
+
+Note: the `Interface` class only supports a single session state variable (though it can be a list with multiple elements). For more complex use cases, you can use Blocks, [which supports multiple `State` variables](/guides/state-in-blocks/). Alternatively, if you are building a chatbot that maintains user state, consider using the `ChatInterface` abstraction, [which manages state automatically](/guides/creating-a-chatbot-fast).
diff --git a/guides/02_building-interfaces/04_reactive-interfaces.md b/guides/02_building-interfaces/04_reactive-interfaces.md
new file mode 100644
index 0000000..a976930
--- /dev/null
+++ b/guides/02_building-interfaces/04_reactive-interfaces.md
@@ -0,0 +1,24 @@
+# Reactive Interfaces
+
+Finally, we cover how to get Gradio demos to refresh automatically or continuously stream data.
+
+## Live Interfaces
+
+You can make interfaces automatically refresh by setting `live=True` in the interface. Now the interface will recalculate as soon as the user input changes.
+
+$code_calculator_live
+$demo_calculator_live
+
+Note there is no submit button, because the interface resubmits automatically on change.
+
+## Streaming Components
+
+Some components have a "streaming" mode, such as `Audio` component in microphone mode, or the `Image` component in webcam mode. Streaming means data is sent continuously to the backend and the `Interface` function is continuously being rerun.
+
+The difference between `gr.Audio(source='microphone')` and `gr.Audio(source='microphone', streaming=True)`, when both are used in `gr.Interface(live=True)`, is that the first `Component` will automatically submit data and run the `Interface` function when the user stops recording, whereas the second `Component` will continuously send data and run the `Interface` function _during_ recording.
+
+Here is example code of streaming images from the webcam.
+
+$code_stream_frames
+
+Streaming can also be done in an output component. A `gr.Audio(streaming=True)` output component can take a stream of audio data yielded piece-wise by a generator function and combines them into a single audio file. For a detailed example, see our guide on performing [automatic speech recognition](/guides/real-time-speech-recognition) with Gradio.
diff --git a/guides/02_building-interfaces/05_four-kinds-of-interfaces.md b/guides/02_building-interfaces/05_four-kinds-of-interfaces.md
new file mode 100644
index 0000000..7a2d18a
--- /dev/null
+++ b/guides/02_building-interfaces/05_four-kinds-of-interfaces.md
@@ -0,0 +1,46 @@
+# The 4 Kinds of Gradio Interfaces
+
+So far, we've always assumed that in order to build an Gradio demo, you need both inputs and outputs. But this isn't always the case for machine learning demos: for example, _unconditional image generation models_ don't take any input but produce an image as the output.
+
+It turns out that the `gradio.Interface` class can actually handle 4 different kinds of demos:
+
+1. **Standard demos**: which have both separate inputs and outputs (e.g. an image classifier or speech-to-text model)
+2. **Output-only demos**: which don't take any input but produce on output (e.g. an unconditional image generation model)
+3. **Input-only demos**: which don't produce any output but do take in some sort of input (e.g. a demo that saves images that you upload to a persistent external database)
+4. **Unified demos**: which have both input and output components, but the input and output components _are the same_. This means that the output produced overrides the input (e.g. a text autocomplete model)
+
+Depending on the kind of demo, the user interface (UI) looks slightly different:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/interfaces4.png)
+
+Let's see how to build each kind of demo using the `Interface` class, along with examples:
+
+## Standard demos
+
+To create a demo that has both the input and the output components, you simply need to set the values of the `inputs` and `outputs` parameter in `Interface()`. Here's an example demo of a simple image filter:
+
+$code_sepia_filter
+$demo_sepia_filter
+
+## Output-only demos
+
+What about demos that only contain outputs? In order to build such a demo, you simply set the value of the `inputs` parameter in `Interface()` to `None`. Here's an example demo of a mock image generation model:
+
+$code_fake_gan_no_input
+$demo_fake_gan_no_input
+
+## Input-only demos
+
+Similarly, to create a demo that only contains inputs, set the value of `outputs` parameter in `Interface()` to be `None`. Here's an example demo that saves any uploaded image to disk:
+
+$code_save_file_no_output
+$demo_save_file_no_output
+
+## Unified demos
+
+A demo that has a single component as both the input and the output. It can simply be created by setting the values of the `inputs` and `outputs` parameter as the same component. Here's an example demo of a text generation model:
+
+$code_unified_demo_text_generation
+$demo_unified_demo_text_generation
+
+It may be the case that none of the 4 cases fulfill your exact needs. In this case, you need to use the `gr.Blocks()` approach!
\ No newline at end of file
diff --git a/guides/03_building-with-blocks/01_blocks-and-event-listeners.md b/guides/03_building-with-blocks/01_blocks-and-event-listeners.md
new file mode 100644
index 0000000..7f39c43
--- /dev/null
+++ b/guides/03_building-with-blocks/01_blocks-and-event-listeners.md
@@ -0,0 +1,203 @@
+# Blocks and Event Listeners
+
+We briefly described the Blocks class in the [Quickstart](/main/guides/quickstart#custom-demos-with-gr-blocks) as a way to build custom demos. Let's dive deeper. 
+
+
+## Blocks Structure
+
+Take a look at the demo below.
+
+$code_hello_blocks
+$demo_hello_blocks
+
+- First, note the `with gr.Blocks() as demo:` clause. The Blocks app code will be contained within this clause.
+- Next come the Components. These are the same Components used in `Interface`. However, instead of being passed to some constructor, Components are automatically added to the Blocks as they are created within the `with` clause.
+- Finally, the `click()` event listener. Event listeners define the data flow within the app. In the example above, the listener ties the two Textboxes together. The Textbox `name` acts as the input and Textbox `output` acts as the output to the `greet` method. This dataflow is triggered when the Button `greet_btn` is clicked. Like an Interface, an event listener can take multiple inputs or outputs.
+
+You can also attach event listeners using decorators - skip the `fn` argument and assign `inputs` and `outputs` directly:
+
+$code_hello_blocks_decorator
+
+## Event Listeners and Interactivity
+
+In the example above, you'll notice that you are able to edit Textbox `name`, but not Textbox `output`. This is because any Component that acts as an input to an event listener is made interactive. However, since Textbox `output` acts only as an output, Gradio determines that it should not be made interactive. You can override the default behavior and directly configure the interactivity of a Component with the boolean `interactive` keyword argument, e.g. `gr.Textbox(interactive=True)`.
+
+```python
+output = gr.Textbox(label="Output", interactive=True)
+```
+
+_Note_: What happens if a Gradio component is neither an input nor an output? If a component is constructed with a default value, then it is presumed to be displaying content and is rendered non-interactive. Otherwise, it is rendered interactive. Again, this behavior can be overridden by specifying a value for the `interactive` argument.
+
+## Types of Event Listeners
+
+Take a look at the demo below:
+
+$code_blocks_hello
+$demo_blocks_hello
+
+Instead of being triggered by a click, the `welcome` function is triggered by typing in the Textbox `inp`. This is due to the `change()` event listener. Different Components support different event listeners. For example, the `Video` Component supports a `play()` event listener, triggered when a user presses play. See the [Docs](http://gradio.app/docs#components) for the event listeners for each Component.
+
+## Multiple Data Flows
+
+A Blocks app is not limited to a single data flow the way Interfaces are. Take a look at the demo below:
+
+$code_reversible_flow
+$demo_reversible_flow
+
+Note that `num1` can act as input to `num2`, and also vice-versa! As your apps get more complex, you will have many data flows connecting various Components.
+
+Here's an example of a "multi-step" demo, where the output of one model (a speech-to-text model) gets fed into the next model (a sentiment classifier).
+
+$code_blocks_speech_text_sentiment
+$demo_blocks_speech_text_sentiment
+
+## Function Input List vs Set
+
+The event listeners you've seen so far have a single input component. If you'd like to have multiple input components pass data to the function, you have two options on how the function can accept input component values:
+
+1. as a list of arguments, or
+2. as a single dictionary of values, keyed by the component
+
+Let's see an example of each:
+$code_calculator_list_and_dict
+
+Both `add()` and `sub()` take `a` and `b` as inputs. However, the syntax is different between these listeners.
+
+1. To the `add_btn` listener, we pass the inputs as a list. The function `add()` takes each of these inputs as arguments. The value of `a` maps to the argument `num1`, and the value of `b` maps to the argument `num2`.
+2. To the `sub_btn` listener, we pass the inputs as a set (note the curly brackets!). When you pass a set, the function `sub()` receives a single dictionary argument `data`, where the keys are the input components and the values are the values of those components.
+
+It is a matter of preference which syntax you prefer! For functions with many input components, option 2 may be easier to manage.
+
+$demo_calculator_list_and_dict
+
+## Function Return List vs Dict
+
+Similarly, you may return values for multiple output components either as:
+
+1. a list of values, or
+2. a dictionary keyed by the component
+
+Let's first see an example of (1), where we set the values of two output components by returning two values:
+
+```python
+with gr.Blocks() as demo:
+    food_box = gr.Number(value=10, label="Food Count")
+    status_box = gr.Textbox()
+
+    def eat(food):
+        if food > 0:
+            return food - 1, "full"
+        else:
+            return 0, "hungry"
+
+    gr.Button("Eat").click(
+        fn=eat,
+        inputs=food_box,
+        outputs=[food_box, status_box]
+    )
+```
+
+Above, each return statement returns two values corresponding to `food_box` and `status_box`, respectively.
+
+**Note:** if your event listener has a single output component, you should **not** return it as a single-item list. This will not work, since Gradio does not know whether to interpret that outer list as part of your return value. You should instead just return that value directly.
+
+Now, let's see option (2). Instead of returning a list of values corresponding to each output component in order, you can also return a dictionary, with the key corresponding to the output component and the value as the new value. This also allows you to skip updating some output components.
+
+```python
+with gr.Blocks() as demo:
+    food_box = gr.Number(value=10, label="Food Count")
+    status_box = gr.Textbox()
+
+    def eat(food):
+        if food > 0:
+            return {food_box: food - 1, status_box: "full"}
+        else:
+            return {status_box: "hungry"}
+
+    gr.Button("Eat").click(
+        fn=eat,
+        inputs=food_box,
+        outputs=[food_box, status_box]
+    )
+```
+
+Notice how when there is no food, we only update the `status_box` element. We skipped updating the `food_box` component.
+
+Dictionary returns are helpful when an event listener affects many components on return, or conditionally affects outputs and not others.
+
+Keep in mind that with dictionary returns, we still need to specify the possible outputs in the event listener.
+
+## Updating Component Configurations
+
+The return value of an event listener function is usually the updated value of the corresponding output Component. Sometimes we want to update the configuration of the Component as well, such as the visibility. In this case, we return a new Component, setting the properties we want to change.
+
+$code_blocks_essay_simple
+$demo_blocks_essay_simple
+
+See how we can configure the Textbox itself through a new `gr.Textbox()` method. The `value=` argument can still be used to update the value along with Component configuration. Any arguments we do not set will preserve their previous values.
+
+## Not Changing a Component's Value
+
+In some cases, you may want to leave a component's value unchanged. Gradio includes a special function, `gr.skip()`, which can be returned from your function. Returning this function will keep the output component (or components') values as is. Let us illustrate with an example:
+
+$code_skip
+$demo_skip
+
+Note the difference between returning `None` (which generally resets a component's value to an empty state) versus returning `gr.skip()`, which leaves the component value unchanged.
+
+Tip: if you have multiple output components, and you want to leave all of their values unchanged, you can just return a single `gr.skip()` instead of returning a tuple of skips, one for each element.
+
+## Running Events Consecutively
+
+You can also run events consecutively by using the `then` method of an event listener. This will run an event after the previous event has finished running. This is useful for running events that update components in multiple steps.
+
+For example, in the chatbot example below, we first update the chatbot with the user message immediately, and then update the chatbot with the computer response after a simulated delay.
+
+$code_chatbot_consecutive
+$demo_chatbot_consecutive
+
+The `.then()` method of an event listener executes the subsequent event regardless of whether the previous event raised any errors. If you'd like to only run subsequent events if the previous event executed successfully, use the `.success()` method, which takes the same arguments as `.then()`. Conversely, if you'd like to only run subsequent events if the previous event failed (i.e., raised an error), use the `.failure()` method. This is particularly useful for error handling workflows, such as displaying error messages or restoring previous states when an operation fails.
+
+## Binding Multiple Triggers to a Function
+
+Often times, you may want to bind multiple triggers to the same function. For example, you may want to allow a user to click a submit button, or press enter to submit a form. You can do this using the `gr.on` method and passing a list of triggers to the `trigger`.
+
+$code_on_listener_basic
+$demo_on_listener_basic
+
+You can use decorator syntax as well:
+
+$code_on_listener_decorator
+
+You can use `gr.on` to create "live" events by binding to the `change` event of components that implement it. If you do not specify any triggers, the function will automatically bind to all `change` event of all input components that include a `change` event (for example `gr.Textbox` has a `change` event whereas `gr.Button` does not).
+
+$code_on_listener_live
+$demo_on_listener_live
+
+You can follow `gr.on` with `.then`, just like any regular event listener. This handy method should save you from having to write a lot of repetitive code!
+
+## Binding a Component Value Directly to a Function of Other Components
+
+If you want to set a Component's value to always be a function of the value of other Components, you can use the following shorthand:
+
+```python
+with gr.Blocks() as demo:
+  num1 = gr.Number()
+  num2 = gr.Number()
+  product = gr.Number(lambda a, b: a * b, inputs=[num1, num2])
+```
+
+This functionally the same as:
+```python
+with gr.Blocks() as demo:
+  num1 = gr.Number()
+  num2 = gr.Number()
+  product = gr.Number()
+
+  gr.on(
+    [num1.change, num2.change, demo.load], 
+    lambda a, b: a * b, 
+    inputs=[num1, num2], 
+    outputs=product
+  )
+```
diff --git a/guides/03_building-with-blocks/02_controlling-layout.md b/guides/03_building-with-blocks/02_controlling-layout.md
new file mode 100644
index 0000000..ed197e5
--- /dev/null
+++ b/guides/03_building-with-blocks/02_controlling-layout.md
@@ -0,0 +1,160 @@
+# Controlling Layout
+
+By default, Components in Blocks are arranged vertically. Let's take a look at how we can rearrange Components. Under the hood, this layout structure uses the [flexbox model of web development](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox).
+
+## Rows
+
+Elements within a `with gr.Row` clause will all be displayed horizontally. For example, to display two Buttons side by side:
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        btn1 = gr.Button("Button 1")
+        btn2 = gr.Button("Button 2")
+```
+
+You can set every element in a Row to have the same height. Configure this with the `equal_height` argument.
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row(equal_height=True):
+        textbox = gr.Textbox()
+        btn2 = gr.Button("Button 2")
+```
+
+The widths of elements in a Row can be controlled via a combination of `scale` and `min_width` arguments that are present in every Component.
+
+- `scale` is an integer that defines how an element will take up space in a Row. If scale is set to `0`, the element will not expand to take up space. If scale is set to `1` or greater, the element will expand. Multiple elements in a row will expand proportional to their scale. Below, `btn2` will expand twice as much as `btn1`, while `btn0` will not expand at all:
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        btn0 = gr.Button("Button 0", scale=0)
+        btn1 = gr.Button("Button 1", scale=1)
+        btn2 = gr.Button("Button 2", scale=2)
+```
+
+- `min_width` will set the minimum width the element will take. The Row will wrap if there isn't sufficient space to satisfy all `min_width` values.
+
+Learn more about Rows in the [docs](https://gradio.app/docs/row).
+
+## Columns and Nesting
+
+Components within a Column will be placed vertically atop each other. Since the vertical layout is the default layout for Blocks apps anyway, to be useful, Columns are usually nested within Rows. For example:
+
+$code_rows_and_columns
+$demo_rows_and_columns
+
+See how the first column has two Textboxes arranged vertically. The second column has an Image and Button arranged vertically. Notice how the relative widths of the two columns is set by the `scale` parameter. The column with twice the `scale` value takes up twice the width.
+
+Learn more about Columns in the [docs](https://gradio.app/docs/column).
+
+# Fill Browser Height / Width
+
+To make an app take the full width of the browser by removing the side padding, use `gr.Blocks(fill_width=True)`. 
+
+To make top level Components expand to take the full height of the browser, use `fill_height` and apply scale to the expanding Components.
+
+```python
+import gradio as gr
+
+with gr.Blocks(fill_height=True) as demo:
+    gr.Chatbot(scale=1)
+    gr.Textbox(scale=0)
+```
+
+## Dimensions
+
+Some components support setting height and width. These parameters accept either a number (interpreted as pixels) or a string. Using a string allows the direct application of any CSS unit to the encapsulating Block element.
+
+Below is an example illustrating the use of viewport width (vw):
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    im = gr.ImageEditor(width="50vw")
+
+demo.launch()
+```
+
+## Tabs and Accordions
+
+You can also create Tabs using the `with gr.Tab('tab_name'):` clause. Any component created inside of a `with gr.Tab('tab_name'):` context appears in that tab. Consecutive Tab clauses are grouped together so that a single tab can be selected at one time, and only the components within that Tab's context are shown.
+
+For example:
+
+$code_blocks_flipper
+$demo_blocks_flipper
+
+Also note the `gr.Accordion('label')` in this example. The Accordion is a layout that can be toggled open or closed. Like `Tabs`, it is a layout element that can selectively hide or show content. Any components that are defined inside of a `with gr.Accordion('label'):` will be hidden or shown when the accordion's toggle icon is clicked.
+
+Learn more about [Tabs](https://gradio.app/docs/tab) and [Accordions](https://gradio.app/docs/accordion) in the docs.
+
+## Sidebar
+
+The sidebar is a collapsible panel that renders child components on the left side of the screen and can be expanded or collapsed.
+
+For example:
+
+$code_blocks_sidebar
+
+Learn more about [Sidebar](https://gradio.app/docs/gradio/sidebar) in the docs.
+
+
+## Multi-step walkthroughs
+
+In order to provide a guided set of ordered steps, a controlled workflow, you can use the `Walkthrough` component with accompanying `Step` components.
+
+The `Walkthrough` component has a visual style and user experience tailored for this usecase.
+
+Authoring this component is very similar to `Tab`, except it is the app developers responsibility to progress through each step, by setting the appropriate ID for the parent `Walkthrough` which should correspond to an ID provided to an indvidual `Step`. 
+
+$demo_walkthrough
+
+Learn more about [Walkthrough](https://gradio.app/docs/gradio/walkthrough) in the docs.
+
+
+## Visibility
+
+Both Components and Layout elements have a `visible` argument that can set initially and also updated. Setting `gr.Column(visible=...)` on a Column can be used to show or hide a set of Components.
+
+$code_blocks_form
+$demo_blocks_form
+
+## Defining and Rendering Components Separately
+
+In some cases, you might want to define components before you actually render them in your UI. For instance, you might want to show an examples section using `gr.Examples` above the corresponding `gr.Textbox` input. Since `gr.Examples` requires as a parameter the input component object, you will need to first define the input component, but then render it later, after you have defined the `gr.Examples` object.
+
+The solution to this is to define the `gr.Textbox` outside of the `gr.Blocks()` scope and use the component's `.render()` method wherever you'd like it placed in the UI.
+
+Here's a full code example:
+
+```python
+input_textbox = gr.Textbox()
+
+with gr.Blocks() as demo:
+    gr.Examples(["hello", "bonjour", "merhaba"], input_textbox)
+    input_textbox.render()
+```
+
+Similarly, if you have already defined a component in a Gradio app, but wish to unrender it so that you can define in a different part of your application, then you can call the `.unrender()` method. In the following example, the `Textbox` will appear in the third column:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown("Row 1")
+            textbox = gr.Textbox()
+        with gr.Column():
+            gr.Markdown("Row 2")
+            textbox.unrender()
+        with gr.Column():
+            gr.Markdown("Row 3")
+            textbox.render()
+
+demo.launch()
+```
+
diff --git a/guides/03_building-with-blocks/03_state-in-blocks.md b/guides/03_building-with-blocks/03_state-in-blocks.md
new file mode 100644
index 0000000..c778f63
--- /dev/null
+++ b/guides/03_building-with-blocks/03_state-in-blocks.md
@@ -0,0 +1,121 @@
+# Managing State
+
+When building a Gradio application with `gr.Blocks()`, you may want to share certain values between users (e.g. a count of visitors to your page), or persist values for a single user across certain interactions (e.g. a chat history). This referred to as **state** and there are three general ways to manage state in a Gradio application:
+
+* **Global state**: persist and share values among all users of your Gradio application while your Gradio application is running
+* **Session state**: persist values for each user of your Gradio application while they are using your Gradio application in a single session. If they refresh the page, session state will be reset.
+* **Browser state**: persist values for each user of your Gradio application in the browser's localStorage, allowing data to persist even after the page is refreshed or closed.
+
+## Global State
+
+Global state in Gradio apps is very simple: any variable created outside of a function is shared globally between all users.
+
+This makes managing global state very simple and without the need for external services. For example, in this application, the `visitor_count` variable is shared between all users
+
+```py
+import gradio as gr
+
+# Shared between all users
+visitor_count = 0
+
+def increment_counter():
+    global visitor_count
+    visitor_count += 1
+    return visitor_count
+
+with gr.Blocks() as demo:    
+    number = gr.Textbox(label="Total Visitors", value="Counting...")
+    demo.load(increment_counter, inputs=None, outputs=number)
+
+demo.launch()
+```
+
+This means that any time you do _not_ want to share a value between users, you should declare it _within_ a function. But what if you need to share values between function calls, e.g. a chat history? In that case, you should use one of the subsequent approaches to manage state.
+
+## Session State
+
+Gradio supports session state, where data persists across multiple submits within a page session. To reiterate, session data is _not_ shared between different users of your model, and does _not_ persist if a user refreshes the page to reload the Gradio app. To store data in a session state, you need to do three things:
+
+1. Create a `gr.State()` object. If there is a default value to this stateful object, pass that into the constructor. Note that `gr.State` objects must be [deepcopy-able](https://docs.python.org/3/library/copy.html), otherwise you will need to use a different approach as described below.
+2. In the event listener, put the `State` object as an input and output as needed.
+3. In the event listener function, add the variable to the input parameters and the return value.
+
+Let's take a look at a simple example. We have a simple checkout app below where you add items to a cart. You can also see the size of the cart.
+
+$code_simple_state
+
+Notice how we do this with state:
+
+1. We store the cart items in a `gr.State()` object, initialized here to be an empty list.
+2. When adding items to the cart, the event listener uses the cart as both input and output - it returns the updated cart with all the items inside. 
+3. We can attach a `.change` listener to cart, that uses the state variable as input as well.
+
+You can think of `gr.State` as an invisible Gradio component that can store any kind of value. Here, `cart` is not visible in the frontend but is used for calculations.
+
+The `.change` listener for a state variable triggers after any event listener changes the value of a state variable. If the state variable holds a sequence (like a `list`, `set`, or `dict`), a change is triggered if any of the elements inside change. If it holds an object or primitive, a change is triggered if the **hash** of the  value changes. So if you define a custom class and create a `gr.State` variable that is an instance of that class, make sure that the the class includes a sensible `__hash__` implementation.
+
+The value of a session State variable is cleared when the user refreshes the page. The value is stored on in the app backend for 60 minutes after the user closes the tab (this can be configured by the `delete_cache` parameter in `gr.Blocks`).
+
+Learn more about `State` in the [docs](https://gradio.app/docs/gradio/state).
+
+**What about objects that cannot be deepcopied?**
+
+As mentioned earlier, the value stored in `gr.State` must be [deepcopy-able](https://docs.python.org/3/library/copy.html). If you are working with a complex object that cannot be deepcopied, you can take a different approach to manually read the user's `session_hash` and store a global `dictionary` with instances of your object for each user. Here's how you would do that:
+
+```py
+import gradio as gr
+
+class NonDeepCopyable:
+    def __init__(self):
+        from threading import Lock
+        self.counter = 0
+        self.lock = Lock()  # Lock objects cannot be deepcopied
+    
+    def increment(self):
+        with self.lock:
+            self.counter += 1
+            return self.counter
+
+# Global dictionary to store user-specific instances
+instances = {}
+
+def initialize_instance(request: gr.Request):
+    instances[request.session_hash] = NonDeepCopyable()
+    return "Session initialized!"
+
+def cleanup_instance(request: gr.Request):
+    if request.session_hash in instances:
+        del instances[request.session_hash]
+
+def increment_counter(request: gr.Request):
+    if request.session_hash in instances:
+        instance = instances[request.session_hash]
+        return instance.increment()
+    return "Error: Session not initialized"
+
+with gr.Blocks() as demo:
+    output = gr.Textbox(label="Status")
+    counter = gr.Number(label="Counter Value")
+    increment_btn = gr.Button("Increment Counter")
+    increment_btn.click(increment_counter, inputs=None, outputs=counter)
+    
+    # Initialize instance when page loads
+    demo.load(initialize_instance, inputs=None, outputs=output)    
+    # Clean up instance when page is closed/refreshed
+    demo.unload(cleanup_instance)    
+
+demo.launch()
+```
+
+## Browser State
+
+Gradio also supports browser state, where data persists in the browser's localStorage even after the page is refreshed or closed. This is useful for storing user preferences, settings, API keys, or other data that should persist across sessions. To use local state:
+
+1. Create a `gr.BrowserState` object. You can optionally provide an initial default value and a key to identify the data in the browser's localStorage.
+2. Use it like a regular `gr.State` component in event listeners as inputs and outputs.
+
+Here's a simple example that saves a user's username and password across sessions:
+
+$code_browserstate
+
+Note: The value stored in `gr.BrowserState` does not persist if the Grado app is restarted. To persist it, you can hardcode specific values of `storage_key` and `secret` in the `gr.BrowserState` component and restart the Gradio app on the same server name and server port. However, this should only be done if you are running trusted Gradio apps, as in principle, this can allow one Gradio app to access localStorage data that was created by a different Gradio app.
diff --git a/guides/03_building-with-blocks/04_dynamic-apps-with-render-decorator.md b/guides/03_building-with-blocks/04_dynamic-apps-with-render-decorator.md
new file mode 100644
index 0000000..5ff9dac
--- /dev/null
+++ b/guides/03_building-with-blocks/04_dynamic-apps-with-render-decorator.md
@@ -0,0 +1,76 @@
+# Dynamic Apps with the Render Decorator
+
+The components and event listeners you define in a Blocks so far have been fixed - once the demo was launched, new components and listeners could not be added, and existing one could not be removed. 
+
+The `@gr.render` decorator introduces the ability to dynamically change this. Let's take a look. 
+
+## Dynamic Number of Components
+
+In the example below, we will create a variable number of Textboxes. When the user edits the input Textbox, we create a Textbox for each letter in the input. Try it out below:
+
+$code_render_split_simple
+$demo_render_split_simple
+
+See how we can now create a variable number of Textboxes using our custom logic - in this case, a simple `for` loop. The `@gr.render` decorator enables this with the following steps:
+
+1. Create a function and attach the @gr.render decorator to it.
+2. Add the input components to the `inputs=` argument of @gr.render, and create a corresponding argument in your function for each component. This function will automatically re-run on any change to a component.
+3. Add all components inside the function that you want to render based on the inputs.
+
+Now whenever the inputs change, the function re-runs, and replaces the components created from the previous function run with the latest run. Pretty straightforward! Let's add a little more complexity to this app:
+
+$code_render_split
+$demo_render_split
+
+By default, `@gr.render` re-runs are triggered by the `.load` listener to the app and the `.change` listener to any input component provided. We can override this by explicitly setting the triggers in the decorator, as we have in this app to only trigger on `input_text.submit` instead. 
+If you are setting custom triggers, and you also want an automatic render at the start of the app, make sure to add `demo.load` to your list of triggers.
+
+## Dynamic Event Listeners
+
+If you're creating components, you probably want to attach event listeners to them as well. Let's take a look at an example that takes in a variable number of Textbox as input, and merges all the text into a single box.
+
+$code_render_merge_simple
+$demo_render_merge_simple
+
+Let's take a look at what's happening here:
+
+1. The state variable `text_count` is keeping track of the number of Textboxes to create. By clicking on the Add button, we increase `text_count` which triggers the render decorator.
+2. Note that in every single Textbox we create in the render function, we explicitly set a `key=` argument. This key allows us to preserve the value of this Component between re-renders. If you type in a value in a textbox, and then click the Add button, all the Textboxes re-render, but their values aren't cleared because the `key=` maintains the the value of a Component across a render.
+3. We've stored the Textboxes created in a list, and provide this list as input to the merge button event listener. Note that **all event listeners that use Components created inside a render function must also be defined inside that render function**. The event listener can still reference Components outside the render function, as we do here by referencing `merge_btn` and `output` which are both defined outside the render function.
+
+Just as with Components, whenever a function re-renders, the event listeners created from the previous render are cleared and the new event listeners from the latest run are attached. 
+
+This allows us to create highly customizable and complex interactions! 
+
+## Closer Look at `keys=` parameter
+
+The `key=` argument tells Gradio that a component being created in a render function corresponds to the same logical component as in the previous render.
+
+This allows Gradio to reuse the existing browser element instead of destroying and recreating it on every render. It also preserves the user's entered value across re-renders when the same keyed component is recreated.
+
+If your component is nested inside layout items like `gr.Row`, make sure those containers are keyed consistently as well, because parent keys must also match.
+
+You can also key event listeners, for example `button.click(key=...)`, when the same listener is recreated with the same inputs and outputs across renders. This helps Gradio keep the listener associated with the correct component instances and can prevent issues when events finish processing after a re-render.
+
+## Putting it Together
+
+Let's look at two examples that use all the features above. First, try out the to-do list app below: 
+
+$code_todo_list
+$demo_todo_list
+
+Note that almost the entire app is inside a single `gr.render` that reacts to the tasks `gr.State` variable. This variable is a nested list, which presents some complexity. If you design a `gr.render` to react to a list or dict structure, ensure you do the following:
+
+1. Any event listener that modifies a state variable in a manner that should trigger a re-render must set the state variable as an output. This lets Gradio know to check if the variable has changed behind the scenes. 
+2. In a `gr.render`, if a variable in a loop is used inside an event listener function, that variable should be "frozen" via setting it to itself as a default argument in the function header. See how we have `task=task` in both `mark_done` and `delete`. This freezes the variable to its "loop-time" value.
+
+Let's take a look at one last example that uses everything we learned. Below is an audio mixer. Provide multiple audio tracks and mix them together.
+
+$code_audio_mixer
+$demo_audio_mixer
+
+Two things to note in this app:
+1. Here we provide `key=` to all the components! We need to do this so that if we add another track after setting the values for an existing track, our input values to the existing track do not get reset on re-render.
+2. When there are lots of components of different types and arbitrary counts passed to an event listener, it is easier to use the set and dictionary notation for inputs rather than list notation. Above, we make one large set of all the input `gr.Audio` and `gr.Slider` components when we pass the inputs to the `merge` function. In the function body we query the component values as a dict.
+
+The `gr.render` expands gradio capabilities extensively - see what you can make out of it! 
diff --git a/guides/03_building-with-blocks/05_more-blocks-features b/guides/03_building-with-blocks/05_more-blocks-features
new file mode 100644
index 0000000..842a5a9
--- /dev/null
+++ b/guides/03_building-with-blocks/05_more-blocks-features
@@ -0,0 +1,92 @@
+# More Blocks Features
+
+## Examples
+
+Just like with `gr.Interface`, you can also add examples for your functions when you are working with `gr.Blocks`. In this case, instantiate a `gr.Examples` similar to how you would instantiate any other component. The constructor of `gr.Examples` takes two required arguments:
+
+- `examples`: a nested list of examples, in which the outer list consists of examples and each inner list consists of an input corresponding to each input component
+- `inputs`: the component or list of components that should be populated when the examples are clicked
+
+You can also set `cache_examples=True` or `cache_examples='lazy'`, similar to [the caching API in `gr.Interface`](https://www.gradio.app/guides/more-on-examples), in which case two additional arguments must be provided:
+
+- `outputs`: the component or list of components corresponding to the output of the examples
+- `fn`: the function to run to generate the outputs corresponding to the examples
+
+Here's an example showing how to use `gr.Examples` in a `gr.Blocks` app:
+
+$code_calculator_blocks
+$demo_calculator_blocks
+
+**Note**: When you click on examples, not only does the value of the input component update to the example value, but the component's configuration also reverts to the properties with which you constructed the component. This ensures that the examples are compatible with the component even if its configuration has been changed.
+
+## Running Events Continuously
+
+You can run events on a fixed schedule using `gr.Timer()` object. This will run the event when the timer's `tick` event fires. See the code below:
+
+```python
+with gr.Blocks as demo:
+    timer = gr.Timer(5)
+    textbox = gr.Textbox()
+    textbox2 = gr.Textbox()
+    timer.tick(set_textbox_fn, textbox, textbox2)
+```
+
+This can also be used directly with a Component's `every=` parameter, if the value of the Component is a function:
+
+```python
+with gr.Blocks as demo:
+    timer = gr.Timer(5)
+    textbox = gr.Textbox()
+    textbox2 = gr.Textbox(set_textbox_fn, inputs=[textbox], every=timer)
+```
+
+Here is an example of a demo that print the current timestamp, and also prints random numbers regularly!
+
+$code_timer_simple
+$demo_timer_simple
+
+## Gathering Event Data
+
+You can gather specific data about an event by adding the associated event data class as a type hint to an argument in the event listener function.
+
+For example, event data for `.select()` can be type hinted by a `gradio.SelectData` argument. This event is triggered when a user selects some part of the triggering component, and the event data includes information about what the user specifically selected. For example, if a user selected a specific word in a `Textbox`, a specific pixel in an `Image`, a specific image in a `Gallery`, or a specific cell in a `DataFrame`, the event data argument would contain information about the specific selection.
+
+The `SelectData` includes the value that was selected, and the index where the selection occurred. A simple example that shows what text was selected in a `Textbox`.
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox("The quick brown fox jumped.")
+    selection = gr.Textbox()
+
+    def get_selection(select_evt: gr.SelectData):
+        return select_evt.value
+
+    textbox.select(get_selection, None, selection)
+```
+
+In the 2 player tic-tac-toe demo below, a user can select a cell in the `DataFrame` to make a move. The event data argument contains information about the specific cell that was selected. We can first check to see if the cell is empty, and then update the cell with the user's move.
+
+$code_tictactoe
+$demo_tictactoe
+
+## Validation
+
+For certain apps, it is important to validate inputs prior to using them. While this can be done in the main event function, events also support a `validator` function dedicated to this task.
+
+This feature allows for a far better user experience than placing this logic in your main function for the following reasons:
+
+- Input validation is performed immediately, bypassing the queue, giving the end user almost instant feedback.
+- Validation errors returned from the `validator` function are displayed differently in the UI.
+- The validator function allows for greater granularity. Rather than raising a generic exception, you can return a validation message and status for each input individually.
+
+The `validator` kwarg should be a function that returns a `gr.validate` object for each input. `gr.validate` takes two arguments:
+
+- `is_valid` - whether or not the input is valid
+- `message` - the message to display if validation fails.
+
+In the demo below you can see that by returning a validation status for each input, we have more granular information that we can display to the user.
+
+$code_validator_simple
+$demo_validator_simple
diff --git a/guides/03_building-with-blocks/06_custom-HTML-components.md b/guides/03_building-with-blocks/06_custom-HTML-components.md
new file mode 100644
index 0000000..bb9ebf1
--- /dev/null
+++ b/guides/03_building-with-blocks/06_custom-HTML-components.md
@@ -0,0 +1,249 @@
+# Custom Components with `gr.HTML`
+
+If you wish to create custom HTML in your app, use the `gr.HTML` component. Here's a basic "HTML-only" example:
+
+```python
+gr.HTML(value="<h1>Hello World!</h1>")
+```
+
+You can also use html-templates to organize your HTML. Take a look at the example below:
+
+```python
+gr.HTML(value="John", html_template"<h1>Hello, {{value}}!</h1><p>${value.length} letters</p>")
+```
+
+"John" becomes `value` when injected into the template, resulting in:
+
+```html
+<h1>Hello, John!</h1><p>4 letters</p>
+```
+
+Notice how we support two types of templating syntaxes: `${}` for custom JavaScript expressions, and `{{}}` for Handlebars templating. You can use either or both in your templates - `${}` allows for completely custom JS logic, while Handlebars provides structured templating for loops and conditionals.
+
+Let's look at another example for displaying a list of items:
+
+```python
+gr.HTML(value=["apple", "banana", "cherry"], html_templates="""
+    <h1>${value.length} fruits:</h1>
+    <ul>
+      {{#each value}}
+        <li>{{this}}</li>
+      {{/each}}
+    </ul>
+""")
+```
+
+By default, the content of gr.HTML will have some CSS styles applied to match the Gradio theme. You can disable this with `apply_default_css=False`. You can also provide your own CSS styles via the `css_template` argument as shown in the next example.
+
+Let's build a simple star rating component using `gr.HTML`, and then extend it with more features.
+
+$code_star_rating_simple
+$demo_star_rating_simple
+
+Note how we used the `css_template` argument to add custom CSS that styles the HTML inside the `gr.HTML` component.
+
+Let's see how the template automatically updates when we update the value.
+
+$code_star_rating_templates
+$demo_star_rating_templates
+
+We may wish to pass additional props beyond just `value` to the `html_template`. Simply add these props to your templates and pass them as kwargs to the `gr.HTML` component. For example, lets add `size` and `max_stars` props to the star rating component.
+
+$code_star_rating_props
+$demo_star_rating_props
+
+Note how both `html_template` and `css_template` can format these extra props. Note also how any of these props can be updated via Gradio event listeners.
+
+## Triggering Events and Custom Input Components
+
+The `gr.HTML` component can also be used to create custom input components by triggering events. You will provide `js_on_load`, javascript code that runs when the component loads. The code has access to the `trigger` function to trigger events that Gradio can listen to, and the object `props` which has access to all the props of the component, including `value`.
+
+$code_star_rating_events
+$demo_star_rating_events
+
+Take a look at the `js_on_load` code above. We add click event listeners to each star image to update the value via `props.value` when a star is clicked. This also re-renders the template to show the updated value. We also add a click event listener to the submit button that triggers the `submit` event. In our app, we listen to this trigger to run a function that outputs the `value` of the star rating.
+
+The `js_on_load` scope also includes an `upload` async function that lets you upload a JavaScript `File` object directly to the Gradio server. It returns a dictionary with `path` (the server-side file path) and `url` (the public URL to access the file).
+
+```js
+const { path, url } = await upload(file);
+```
+
+Here is an example of a custom file-upload widget built with `gr.HTML`:
+
+$code_html_upload
+$demo_html_upload
+
+You can update any other props of the component via `props.<prop_name>`, and trigger events via `trigger('<event_name>')`. The trigger event can also be send event data, e.g.
+
+```js
+trigger('event_name', { key: value, count: 123 });
+```
+
+This event data will be accessible the Python event listener functions via gr.EventData.
+
+```python
+def handle_event(evt: gr.EventData):
+    print(evt.key)
+    print(evt.count)
+
+star_rating.event(fn=handle_event, inputs=[], outputs=[])
+```
+
+Keep in mind that event listeners attached in `js_on_load` are only attached once when the component is first rendered. If your component creates new elements dynamically that need event listeners, attach the event listener to a parent element that exists when the component loads, and check for the target. For example:
+
+```js
+element.addEventListener('click', (e) =>
+    if (e.target && e.target.matches('.child-element')) {
+        props.value = e.target.dataset.value;
+    }
+);
+```
+
+You can trigger an event with any name. As long as the event name appears enclosed in quotes in your `js_on_load` string, you can attach a Python listener using `component.do_something(fn, ...)`.
+
+## Watching Props with `watch`
+
+The `watch` function, available inside `js_on_load`, lets you run a callback whenever specific props change when the component is an output to a Python event listener. Read current values directly from `props` inside the callback.
+
+```js
+// Watch a single prop
+watch('value', () => {
+    console.log('value is now:', props.value);
+});
+
+// Watch multiple props
+watch(['value', 'color'], () => {
+    console.log('value or color changed');
+});
+```
+
+## Loading Third-Party Scripts with `head`
+
+The `head` parameter lets you load external JavaScript or CSS libraries directly on the component. The `head` content is injected and loaded **before** `js_on_load` runs, so your code can immediately use the library.
+
+```python
+gr.HTML(
+    value=[30, 70, 45, 90, 60],
+    html_template="<canvas id='chart'></canvas>",
+    js_on_load="""
+        new Chart(element.querySelector('#chart'), {
+            type: 'bar',
+            data: {
+                labels: props.value.map((_, i) => 'Item ' + (i + 1)),
+                datasets: [{ label: 'Values', data: props.value }]
+            }
+        });
+    """,
+    head='<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>',
+)
+```
+
+## Server Functions
+
+You can call Python functions directly from your `js_on_load` code using the `server_functions` parameter. Pass a list of Python functions to `server_functions`, and they become available as async methods on a `server` object inside `js_on_load`.
+
+$code_html_server_functions
+$demo_html_server_functions
+
+
+## Component Classes
+
+If you are reusing the same HTML component in multiple places, you can create a custom component class by subclassing `gr.HTML` and setting default values for the templates and other arguments. Here's an example of creating a reusable StarRating component.
+
+$code_star_rating_component
+$demo_star_rating_component
+
+Note: Gradio requires all components to accept certain arguments, such as `render`. You do not need
+to handle these arguments, but you do need to accept them in your component constructor and pass
+them to the parent `gr.HTML` class. Otherwise, your component may not behave correctly. The easiest
+way is to add `**kwargs` to your `__init__` method and pass it to `super().__init__()`, just like in the code example above.
+
+We've created several custom HTML components as reusable components as examples you can reference in [this directory](https://github.com/gradio-app/gradio/tree/main/gradio/components/custom_html_components).
+
+
+## Embedding Components in HTML
+
+The `gr.HTML` component can also be used as a container for other Gradio components using the `@children` placeholder. This allows you to create custom layouts with HTML/CSS. 
+
+The `@children` must be at the top-level of the `html_template`. Since children cannot be nested inside the template, target the parent element directly with your CSS and JavaScript if you need to style or interact with the container of the children.
+
+Here's a basic example:
+
+$code_html_children
+$demo_html_children
+
+In this example, the `@children` placeholder marks where the child components (the Name and Email textboxes) will be rendered. Notice how in the `css_template` we target the parent element to style the container div that wraps the children.
+
+
+### API / MCP support
+
+To make your custom HTML component work with Gradio's built-in support for API and MCP (Model Context Protocol) usage, you need to define how its data should be serialized. There are two ways to do this:
+
+**Option 1: Define an `api_info()` method**
+
+Add an `api_info()` method that returns a JSON schema dictionary describing your component's data format. This is what we do in the StarRating class above.
+
+**Option 2: Define a Pydantic data model**
+
+For more complex data structures, you can define a Pydantic model that inherits from `GradioModel` or `GradioRootModel`:
+
+```python
+from gradio.data_classes import GradioModel, GradioRootModel
+
+class MyComponentData(GradioModel):
+    items: List[str]
+    count: int
+
+class MyComponent(gr.HTML):
+    data_model = MyComponentData
+```
+
+Use `GradioModel` when your data is a dictionary with named fields, or `GradioRootModel` when your data is a simple type (string, list, etc.) that doesn't need to be wrapped in a dictionary. By defining a `data_model`, your component automatically implements API methods.
+
+## Sharing Components with `push_to_hub`
+
+Once you've built a custom HTML component, you can share it with the community by pushing it to the [HTML Components Gallery](https://www.gradio.app/custom-components/html-gallery). The gallery lets anyone browse, interact with, and copy the Python code for community-contributed components.
+
+Call `push_to_hub` on any `gr.HTML` instance or subclass:
+
+```python
+star_rating = StarRating()
+star_rating.push_to_hub(
+    name="Star Rating",
+    description="Interactive 5-star rating with click-to-rate",
+    author="your-hf-username",
+    tags=["input", "rating"],
+    repo_url="https://github.com/your-username/your-repo",
+)
+```
+
+This opens a pull request on the gallery's HuggingFace dataset repo. Once approved, your component will appear in the gallery for others to discover and use.
+
+Tip: The  `push_to_hub` method has a `head` parameter that deserves special attention. If your component uses an external library loaded via the `head` parameter of `launch` (e.g. `head='<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>'`), pass the same `head` string to `push_to_hub` so that the gallery can load those scripts when rendering your component.
+
+### Authentication
+
+You need a HuggingFace **write token** to push components. Either pass it directly:
+
+```python
+star_rating.push_to_hub(..., token="hf_xxxxx")
+```
+
+Or log in beforehand with the HuggingFace CLI, and the cached token will be used automatically:
+
+```bash
+huggingface-cli login
+```
+
+## Security Considerations
+
+Keep in mind that using `gr.HTML` to create custom components involves injecting raw HTML and JavaScript into your Gradio app. Be cautious about using untrusted user input into `html_template` and `js_on_load`, as this could lead to cross-site scripting (XSS) vulnerabilities. 
+
+You should also expect that any Python event listeners that take your `gr.HTML` component as input could have any arbitrary value passed to them, not just the values you expect the frontend to be able to set for `value`. Sanitize and validate user input appropriately in public applications.
+
+## Next Steps
+
+- Browse the [HTML Components Gallery](https://www.gradio.app/custom-components/html-gallery) to see what the community has built and copy components into your own apps.
+- Check out more examples in [this directory](https://github.com/gradio-app/gradio/tree/main/gradio/components/custom_html_components).
+- Share your own components with `push_to_hub` to help others!
\ No newline at end of file
diff --git a/guides/03_building-with-blocks/07_custom-CSS-and-JS.md b/guides/03_building-with-blocks/07_custom-CSS-and-JS.md
new file mode 100644
index 0000000..dff5775
--- /dev/null
+++ b/guides/03_building-with-blocks/07_custom-CSS-and-JS.md
@@ -0,0 +1,163 @@
+# Customizing your demo with CSS and Javascript
+
+Gradio allows you to customize your demo in several ways. You can customize the layout of your demo, add custom HTML, and add custom theming as well. This tutorial will go beyond that and walk you through how to add custom CSS and JavaScript code to your demo in order to add custom styling, animations, custom UI functionality, analytics, and more.
+
+## Adding custom CSS to your demo
+
+Gradio themes are the easiest way to customize the look and feel of your app. You can choose from a variety of themes, or create your own. To do so, pass the `theme=` kwarg to the `launch()` method of the `Blocks` constructor. For example:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Glass())
+    ...
+```
+
+Gradio comes with a set of prebuilt themes which you can load from `gr.themes.*`. You can extend these themes or create your own themes from scratch - see the [Theming guide](/guides/theming-guide) for more details.
+
+For additional styling ability, you can pass any CSS to your app as a string using the `css=` kwarg in the `launch()` method. You can also pass a pathlib.Path to a css file or a list of such paths to the `css_paths=` kwarg in the `launch()` method.
+
+**Warning**: The use of query selectors in custom JS and CSS is _not_ guaranteed to work across Gradio versions that bind to Gradio's own HTML elements as the Gradio HTML DOM may change. We recommend using query selectors sparingly.
+
+The base class for the Gradio app is `gradio-container`, so here's an example that changes the background color of the Gradio app:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(css=".gradio-container {background-color: red}")
+    ...
+```
+
+If you'd like to reference external files in your css, preface the file path (which can be a relative or absolute path) with `"/gradio_api/file="`, for example:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(css=".gradio-container {background: url('/gradio_api/file=clouds.jpg')}")
+    ...
+```
+
+Note: By default, most files in the host machine are not accessible to users running the Gradio app. As a result, you should make sure that any referenced files (such as `clouds.jpg` here) are either URLs or [allowed paths, as described here](/main/guides/file-access).
+
+
+## The `elem_id` and `elem_classes` Arguments
+
+You can `elem_id` to add an HTML element `id` to any component, and `elem_classes` to add a class or list of classes. This will allow you to select elements more easily with CSS. This approach is also more likely to be stable across Gradio versions as built-in class names or ids may change (however, as mentioned in the warning above, we cannot guarantee complete compatibility between Gradio versions if you use custom CSS as the DOM elements may themselves change).
+
+```python
+css = """
+#warning {background-color: #FFCCCB}
+.feedback textarea {font-size: 24px !important}
+"""
+
+with gr.Blocks() as demo:
+    box1 = gr.Textbox(value="Good Job", elem_classes="feedback")
+    box2 = gr.Textbox(value="Failure", elem_id="warning", elem_classes="feedback")
+demo.launch(css=css)
+```
+
+The CSS `#warning` ruleset will only target the second Textbox, while the `.feedback` ruleset will target both. Note that when targeting classes, you might need to put the `!important` selector to override the default Gradio styles.
+
+## Adding custom JavaScript to your demo
+
+There are 3 ways to add javascript code to your Gradio demo:
+
+1. You can add JavaScript code as a string to the `js` parameter of the `Blocks` or `Interface` initializer. This will run the JavaScript code when the demo is first loaded.
+
+Below is an example of adding custom js to show an animated welcome message when the demo first loads.
+
+$code_blocks_js_load
+$demo_blocks_js_load
+
+
+2. When using `Blocks` and event listeners, events have a `js` argument that can take a JavaScript function as a string and treat it just like a Python event listener function. You can pass both a JavaScript function and a Python function (in which case the JavaScript function is run first) or only Javascript (and set the Python `fn` to `None`). Take a look at the code below:
+   
+$code_blocks_js_methods
+$demo_blocks_js_methods
+
+3. Lastly, you can add JavaScript code to the `head` param of the `Blocks` initializer. This will add the code to the head of the HTML document. For example, you can add Google Analytics to your demo like so:
+
+
+```python
+head = f"""
+<script async src="https://www.googletagmanager.com/gtag/js?id={google_analytics_tracking_id}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){{dataLayer.push(arguments);}}
+  gtag('js', new Date());
+  gtag('config', '{google_analytics_tracking_id}');
+</script>
+"""
+
+with gr.Blocks() as demo:
+    gr.HTML("<h1>My App</h1>")
+
+demo.launch(head=head)
+```
+
+The `head` parameter accepts any HTML tags you would normally insert into the `<head>` of a page. For example, you can also include `<meta>` tags to `head` in order to update the social sharing preview for your Gradio app like this:
+
+```py
+import gradio as gr
+
+custom_head = """
+<!-- HTML Meta Tags -->
+<title>Sample App</title>
+<meta name="description" content="An open-source web application showcasing various features and capabilities.">
+
+<!-- Facebook Meta Tags -->
+<meta property="og:url" content="https://example.com">
+<meta property="og:type" content="website">
+<meta property="og:title" content="Sample App">
+<meta property="og:description" content="An open-source web application showcasing various features and capabilities.">
+<meta property="og:image" content="https://cdn.britannica.com/98/152298-050-8E45510A/Cheetah.jpg">
+
+<!-- Twitter Meta Tags -->
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:creator" content="@example_user">
+<meta name="twitter:title" content="Sample App">
+<meta name="twitter:description" content="An open-source web application showcasing various features and capabilities.">
+<meta name="twitter:image" content="https://cdn.britannica.com/98/152298-050-8E45510A/Cheetah.jpg">
+<meta property="twitter:domain" content="example.com">
+<meta property="twitter:url" content="https://example.com">  
+"""
+
+with gr.Blocks(title="My App") as demo:
+    gr.HTML("<h1>My App</h1>")
+
+demo.launch(head=custom_head)
+```
+
+
+
+Note that injecting custom JS can affect browser behavior and accessibility (e.g. keyboard shortcuts may be lead to unexpected behavior if your Gradio app is embedded in another webpage). You should test your interface across different browsers and be mindful of how scripts may interact with browser defaults. Here's an example where pressing `Shift + s` triggers the `click` event of a specific `Button` component if the browser focus is _not_ on an input component (e.g. `Textbox` component):
+
+```python
+import gradio as gr
+
+shortcut_js = """
+<script>
+function shortcuts(e) {
+    var event = document.all ? window.event : e;
+    switch (e.target.tagName.toLowerCase()) {
+        case "input":
+        case "textarea":
+        break;
+        default:
+        if (e.key.toLowerCase() == "s" && e.shiftKey) {
+            document.getElementById("my_btn").click();
+        }
+    }
+}
+document.addEventListener('keypress', shortcuts, false);
+</script>
+"""
+
+with gr.Blocks() as demo:
+    action_button = gr.Button(value="Name", elem_id="my_btn")
+    textbox = gr.Textbox()
+    action_button.click(lambda : "button pressed", None, textbox)
+    
+demo.launch(head=shortcut_js)
+```
+
diff --git a/guides/04_additional-features/01_queuing.md b/guides/04_additional-features/01_queuing.md
new file mode 100644
index 0000000..9f84bae
--- /dev/null
+++ b/guides/04_additional-features/01_queuing.md
@@ -0,0 +1,48 @@
+# Queuing
+
+Every Gradio app comes with a built-in queuing system that can scale to thousands of concurrent users. Because many of your event listeners may involve heavy processing, Gradio automatically creates a queue to handle every event listener in the backend. Every event listener in your app automatically has a queue to process incoming events.
+
+## Configuring the Queue
+
+By default, each event listener has its own queue, which handles one request at a time. This can be configured via two arguments:
+
+- `concurrency_limit`: This sets the maximum number of concurrent executions for an event listener. By default, the limit is 1 unless configured otherwise in `Blocks.queue()`. You can also set it to `None` for no limit (i.e., an unlimited number of concurrent executions). For example:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    prompt = gr.Textbox()
+    image = gr.Image()
+    generate_btn = gr.Button("Generate Image")
+    generate_btn.click(image_gen, prompt, image, concurrency_limit=5)
+```
+
+In the code above, up to 5 requests can be processed simultaneously for this event listener. Additional requests will be queued until a slot becomes available.
+
+If you want to manage multiple event listeners using a shared queue, you can use the `concurrency_id` argument:
+
+- `concurrency_id`: This allows event listeners to share a queue by assigning them the same ID. For example, if your setup has only 2 GPUs but multiple functions require GPU access, you can create a shared queue for all those functions. Here's how that might look:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    prompt = gr.Textbox()
+    image = gr.Image()
+    generate_btn_1 = gr.Button("Generate Image via model 1")
+    generate_btn_2 = gr.Button("Generate Image via model 2")
+    generate_btn_3 = gr.Button("Generate Image via model 3")
+    generate_btn_1.click(image_gen_1, prompt, image, concurrency_limit=2, concurrency_id="gpu_queue")
+    generate_btn_2.click(image_gen_2, prompt, image, concurrency_id="gpu_queue")
+    generate_btn_3.click(image_gen_3, prompt, image, concurrency_id="gpu_queue")
+```
+
+In this example, all three event listeners share a queue identified by `"gpu_queue"`. The queue can handle up to 2 concurrent requests at a time, as defined by the `concurrency_limit`.
+
+### Notes
+
+- To ensure unlimited concurrency for an event listener, set `concurrency_limit=None`.  This is useful if your function is calling e.g. an external API which handles the rate limiting of requests itself.
+- The default concurrency limit for all queues can be set globally using the `default_concurrency_limit` parameter in `Blocks.queue()`. 
+
+These configurations make it easy to manage the queuing behavior of your Gradio app.
diff --git a/guides/04_additional-features/02_streaming-outputs.md b/guides/04_additional-features/02_streaming-outputs.md
new file mode 100644
index 0000000..ab0cd1f
--- /dev/null
+++ b/guides/04_additional-features/02_streaming-outputs.md
@@ -0,0 +1,74 @@
+# Streaming outputs
+
+In some cases, you may want to stream a sequence of outputs rather than show a single output at once. For example, you might have an image generation model and you want to show the image that is generated at each step, leading up to the final image. Or you might have a chatbot which streams its response one token at a time instead of returning it all at once.
+
+In such cases, you can supply a **generator** function into Gradio instead of a regular function. Creating generators in Python is very simple: instead of a single `return` value, a function should `yield` a series of values instead. Usually the `yield` statement is put in some kind of loop. Here's an example of an generator that simply counts up to a given number:
+
+```python
+def my_generator(x):
+    for i in range(x):
+        yield i
+```
+
+You supply a generator into Gradio the same way as you would a regular function. For example, here's a a (fake) image generation model that generates noise for several steps before outputting an image using the `gr.Interface` class:
+
+$code_fake_diffusion
+$demo_fake_diffusion
+
+Note that we've added a `time.sleep(1)` in the iterator to create an artificial pause between steps so that you are able to observe the steps of the iterator (in a real image generation model, this probably wouldn't be necessary).
+
+Similarly, Gradio can handle streaming inputs, e.g. an image generation model that reruns every time a user types a letter in a textbox. This is covered in more details in our guide on building [reactive Interfaces](/guides/reactive-interfaces). 
+
+## Streaming Media
+
+Gradio can stream audio and video directly from your generator function.
+This lets your user hear your audio or see your video nearly as soon as it's `yielded` by your function.
+All you have to do is 
+
+1. Set `streaming=True` in your `gr.Audio` or `gr.Video` output component.
+2. Write a python generator that yields the next "chunk" of audio or video.
+3. Set `autoplay=True` so that the media starts playing automatically.
+
+For audio, the next "chunk" can be either an `.mp3` or `.wav` file or a `bytes` sequence of audio.
+For video, the next "chunk" has to be either `.mp4` file or a file with `h.264` codec with a `.ts` extension.
+For smooth playback, make sure chunks are consistent lengths and larger than 1 second.
+
+We'll finish with some simple examples illustrating these points.
+
+### Streaming Audio
+
+```python
+import gradio as gr
+from time import sleep
+
+def keep_repeating(audio_file):
+    for _ in range(10):
+        sleep(0.5)
+        yield audio_file
+
+gr.Interface(keep_repeating,
+             gr.Audio(sources=["microphone"], type="filepath"),
+             gr.Audio(streaming=True, autoplay=True)
+).launch()
+```
+
+### Streaming Video
+
+```python
+import gradio as gr
+from time import sleep
+
+def keep_repeating(video_file):
+    for _ in range(10):
+        sleep(0.5)
+        yield video_file
+
+gr.Interface(keep_repeating,
+             gr.Video(sources=["webcam"], format="mp4"),
+             gr.Video(streaming=True, autoplay=True)
+).launch()
+```
+
+## End-to-End Examples
+
+For an end-to-end example of streaming media, see the object detection from video [guide](/main/guides/object-detection-from-video) or the streaming AI-generated audio with [transformers](https://huggingface.co/docs/transformers/index) [guide](/main/guides/streaming-ai-generated-audio).
\ No newline at end of file
diff --git a/guides/04_additional-features/03_streaming-inputs.md b/guides/04_additional-features/03_streaming-inputs.md
new file mode 100644
index 0000000..0d5ed7a
--- /dev/null
+++ b/guides/04_additional-features/03_streaming-inputs.md
@@ -0,0 +1,70 @@
+# Streaming inputs
+
+Tip: Check out [FastRTC](https://fastrtc.org/), our companion library for building low latency streaming web apps with a familiar Gradio syntax. 
+
+In the previous guide, we covered how to stream a sequence of outputs from an event handler. Gradio also allows you to stream images from a user's camera or audio chunks from their microphone **into** your event handler. This can be used to create real-time object detection apps or conversational chat applications with Gradio.
+
+Currently, the `gr.Image` and the `gr.Audio` components support input streaming via the `stream` event.
+Let's create the simplest streaming app possible, which simply returns the webcam stream unmodified.
+
+$code_streaming_simple
+$demo_streaming_simple
+
+Try it out! The streaming event is triggered when the user starts recording. Under the hood, the webcam will take a photo every 0.1 seconds and send it to the server. The server will then return that image.
+
+There are two unique keyword arguments for the `stream` event:
+
+* `time_limit` - This is the amount of time the gradio server will spend processing the event. Media streams are naturally unbounded so it's important to set a time limit so that one user does not hog the Gradio queue. The time limit only counts the time spent processing the stream, not the time spent waiting in the queue. The orange bar displayed at the bottom of the input image represents the remaining time. When the time limit expires, the user will automatically rejoin the queue.
+
+* `stream_every` - This is the frequency (in seconds) with which the stream will capture input and send it to the server. For demos like image detection or manipulation, setting a smaller value is desired to get a "real-time" effect. For demos like speech transcription, a higher value is useful so that the transcription algorithm has more context of what's being said.
+
+## A Realistic Image Demo
+
+Let's create a demo where a user can choose a filter to apply to their webcam stream. Users can choose from an edge-detection filter, a cartoon filter, or simply flipping the stream vertically.
+
+$code_streaming_filter
+$demo_streaming_filter
+
+You will notice that if you change the filter value it will immediately take effect in the output stream. That is an important difference of stream events in comparison to other Gradio events. The input values of the stream can be changed while the stream is being processed. 
+
+Tip: We set the "streaming" parameter of the image output component to be "True". Doing so lets the server automatically convert our output images into base64 format, a format that is efficient for streaming.
+
+## Unified Image Demos
+
+For some image streaming demos, like the one above, we don't need to display separate input and output components. Our app would look cleaner if we could just display the modified output stream.
+
+We can do so by just specifying the input image component as the output of the stream event.
+
+$code_streaming_filter_unified
+$demo_streaming_filter_unified
+
+## Keeping track of past inputs or outputs
+
+Your streaming function should be stateless. It should take the current input and return its corresponding output. However, there are cases where you may want to keep track of past inputs or outputs. For example, you may want to keep a buffer of the previous `k` inputs to improve the accuracy of your transcription demo. You can do this with Gradio's `gr.State()` component.
+
+Let's showcase this with a sample demo:
+
+```python
+def transcribe_handler(current_audio, state, transcript):
+    next_text = transcribe(current_audio, history=state)
+    state.append(current_audio)
+    state = state[-3:]
+    return state, transcript + next_text
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            mic = gr.Audio(sources="microphone")
+            state = gr.State(value=[])
+        with gr.Column():
+            transcript = gr.Textbox(label="Transcript")
+    mic.stream(transcribe_handler, [mic, state, transcript], [state, transcript],
+               time_limit=10, stream_every=1)
+
+
+demo.launch()
+```
+
+## End-to-End Examples
+
+For an end-to-end example of streaming from the webcam, see the object detection from webcam [guide](/main/guides/object-detection-from-webcam-with-webrtc).
\ No newline at end of file
diff --git a/guides/04_additional-features/04_alerts.md b/guides/04_additional-features/04_alerts.md
new file mode 100644
index 0000000..761a6f9
--- /dev/null
+++ b/guides/04_additional-features/04_alerts.md
@@ -0,0 +1,18 @@
+# Alerts
+
+You may wish to display alerts to the user. To do so, raise a `gr.Error("custom message")` in your function to halt the execution of your function and display an error message to the user.
+
+You can also issue `gr.Warning("custom message")` or `gr.Info("custom message")` by having them as standalone lines in your function, which will immediately display modals while continuing the execution of your function. The only difference between `gr.Info()` and `gr.Warning()` is the color of the alert. 
+
+```python
+def start_process(name):
+    gr.Info("Starting process")
+    if name is None:
+        gr.Warning("Name is empty")
+    ...
+    if success == False:
+        raise gr.Error("Process failed")
+```
+
+Tip: Note that `gr.Error()` is an exception that has to be raised, while `gr.Warning()` and `gr.Info()` are functions that are called directly.
+
diff --git a/guides/04_additional-features/05_progress-bars.md b/guides/04_additional-features/05_progress-bars.md
new file mode 100644
index 0000000..44d71d4
--- /dev/null
+++ b/guides/04_additional-features/05_progress-bars.md
@@ -0,0 +1,8 @@
+# Progress Bars
+
+Gradio supports the ability to create custom Progress Bars so that you have customizability and control over the progress update that you show to the user. In order to enable this, simply add an argument to your method that has a default value of a `gr.Progress` instance. Then you can update the progress levels by calling this instance directly with a float between 0 and 1, or using the `tqdm()` method of the `Progress` instance to track progress over an iterable, as shown below.
+
+$code_progress_simple
+$demo_progress_simple
+
+If you use the `tqdm` library, you can even report progress updates automatically from any `tqdm.tqdm` that already exists within your function by setting the default argument as `gr.Progress(track_tqdm=True)`!
diff --git a/guides/04_additional-features/06_batch-functions.md b/guides/04_additional-features/06_batch-functions.md
new file mode 100644
index 0000000..6e7e66f
--- /dev/null
+++ b/guides/04_additional-features/06_batch-functions.md
@@ -0,0 +1,59 @@
+# Batch functions
+
+Gradio supports the ability to pass _batch_ functions. Batch functions are just
+functions which take in a list of inputs and return a list of predictions.
+
+For example, here is a batched function that takes in two lists of inputs (a list of
+words and a list of ints), and returns a list of trimmed words as output:
+
+```py
+import time
+
+def trim_words(words, lens):
+    trimmed_words = []
+    time.sleep(5)
+    for w, l in zip(words, lens):
+        trimmed_words.append(w[:int(l)])
+    return [trimmed_words]
+```
+
+The advantage of using batched functions is that if you enable queuing, the Gradio server can automatically _batch_ incoming requests and process them in parallel,
+potentially speeding up your demo. Here's what the Gradio code looks like (notice the `batch=True` and `max_batch_size=16`)
+
+With the `gr.Interface` class:
+
+```python
+demo = gr.Interface(
+    fn=trim_words, 
+    inputs=["textbox", "number"], 
+    outputs=["output"],
+    batch=True, 
+    max_batch_size=16
+)
+
+demo.launch()
+```
+
+With the `gr.Blocks` class:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        word = gr.Textbox(label="word")
+        leng = gr.Number(label="leng")
+        output = gr.Textbox(label="Output")
+    with gr.Row():
+        run = gr.Button()
+
+    event = run.click(trim_words, [word, leng], output, batch=True, max_batch_size=16)
+
+demo.launch()
+```
+
+In the example above, 16 requests could be processed in parallel (for a total inference time of 5 seconds), instead of each request being processed separately (for a total
+inference time of 80 seconds). Many Hugging Face `transformers` and `diffusers` models work very naturally with Gradio's batch mode: here's [an example demo using diffusers to
+generate images in batches](https://github.com/gradio-app/gradio/blob/main/demo/diffusers_with_batching/run.py)
+
+
diff --git a/guides/04_additional-features/07_sharing-your-app.md b/guides/04_additional-features/07_sharing-your-app.md
new file mode 100644
index 0000000..2c7da82
--- /dev/null
+++ b/guides/04_additional-features/07_sharing-your-app.md
@@ -0,0 +1,476 @@
+# Sharing Your App
+
+In this Guide, we dive more deeply into the various aspects of sharing a Gradio app with others. We will cover:
+
+1. [Sharing demos with the share parameter](#sharing-demos)
+2. [Hosting on HF Spaces](#hosting-on-hf-spaces)
+3. [Sharing Deep Links](#sharing-deep-links)
+4. [Embedding hosted spaces](#embedding-hosted-spaces)
+5. [Using the API page](#api-page)
+6. [Accessing network requests](#accessing-the-network-request-directly)
+7. [Mounting within FastAPI](#mounting-within-another-fast-api-app)
+8. [Authentication](#authentication)
+9. [MCP Servers](#mcp-servers)
+10. [Rate Limits](#rate-limits)
+11. [Analytics](#analytics)
+12. [Progressive Web Apps (PWAs)](#progressive-web-app-pwa)
+
+## Sharing Demos
+
+Gradio demos can be easily shared publicly by setting `share=True` in the `launch()` method. Like this:
+
+```python
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
+
+demo.launch(share=True)  # Share your demo with just 1 extra parameter 🚀
+```
+
+This generates a public, shareable link that you can send to anybody! When you send this link, the user on the other side can try out the model in their browser. Because the processing happens on your device (as long as your device stays on), you don't have to worry about any packaging any dependencies.
+
+![sharing](https://github.com/gradio-app/gradio/blob/main/guides/assets/sharing.svg?raw=true)
+
+
+A share link usually looks something like this: **https://07ff8706ab.gradio.live**. Although the link is served through the Gradio Share Servers, these servers are only a proxy for your local server, and do not store any data sent through your app. Share links expire after 1 week. (it is [also possible to set up your own Share Server](https://github.com/huggingface/frp/) on your own cloud server to overcome this restriction.)
+
+Tip: Keep in mind that share links are publicly accessible, meaning that anyone can use your model for prediction! Therefore, make sure not to expose any sensitive information through the functions you write, or allow any critical changes to occur on your device. Or you can [add authentication to your Gradio app](#authentication) as discussed below.
+
+Note that by default, `share=False`, which means that your server is only running locally. (This is the default, except in Google Colab notebooks, where share links are automatically created). As an alternative to using share links, you can use use [SSH port-forwarding](https://www.ssh.com/ssh/tunneling/example) to share your local server with specific users.
+
+
+## Hosting on HF Spaces
+
+If you'd like to have a permanent link to your Gradio demo on the internet, use Hugging Face Spaces. [Hugging Face Spaces](http://huggingface.co/spaces/) provides the infrastructure to permanently host your machine learning model for free!
+
+After you have [created a free Hugging Face account](https://huggingface.co/join), you have two methods to deploy your Gradio app to Hugging Face Spaces:
+
+1. From terminal: run `gradio deploy` in your app directory. The CLI will gather some basic metadata, upload all the files in the current directory (respecting any `.gitignore` file that may be present in the root of the directory), and then launch your app on Spaces. To update your Space, you can re-run this command or enable the Github Actions option in the CLI to automatically update the Spaces on `git push`.
+
+2. From your browser: Drag and drop a folder containing your Gradio model and all related files [here](https://huggingface.co/new-space). See [this guide how to host on Hugging Face Spaces](https://huggingface.co/blog/gradio-spaces) for more information, or watch the embedded video:
+
+<video autoplay muted loop>
+  <source src="https://github.com/gradio-app/gradio/blob/main/guides/assets/hf_demo.mp4?raw=true" type="video/mp4" />
+</video>
+
+## Sharing Deep Links
+
+You can add a button to your Gradio app that creates a unique URL you can use to share your app and all components **as they currently are** with others. This is useful for sharing unique and interesting generations from your application , or for saving a snapshot of your app at a particular point in time.
+
+To add a deep link button to your app, place the `gr.DeepLinkButton` component anywhere in your app.
+For the URL to be accessible to others, your app must be available at a public URL. So be sure to host your app like Hugging Face Spaces or use the `share=True` parameter when launching your app.
+
+Let's see an example of how this works. Here's a simple Gradio chat ap that uses the `gr.DeepLinkButton` component. After a couple of messages, click the deep link button and paste it into a new browser tab to see the app as it is at that point in time.
+
+$code_deep_link
+$demo_deep_link
+
+
+## Embedding Hosted Spaces
+
+Once you have hosted your app on Hugging Face Spaces (or on your own server), you may want to embed the demo on a different website, such as your blog or your portfolio. Embedding an interactive demo allows people to try out the machine learning model that you have built, without needing to download or install anything — right in their browser! The best part is that you can embed interactive demos even in static websites, such as GitHub pages.
+
+There are two ways to embed your Gradio demos. You can find quick links to both options directly on the Hugging Face Space page, in the "Embed this Space" dropdown option:
+
+![Embed this Space dropdown option](https://github.com/gradio-app/gradio/blob/main/guides/assets/embed_this_space.png?raw=true)
+
+### Embedding with Web Components
+
+Web components typically offer a better experience to users than IFrames. Web components load lazily, meaning that they won't slow down the loading time of your website, and they automatically adjust their height based on the size of the Gradio app.
+
+To embed with Web Components:
+
+1. Import the gradio JS library into into your site by adding the script below in your site (replace {GRADIO_VERSION} in the URL with the library version of Gradio you are using).
+
+```html
+<script
+	type="module"
+	src="https://gradio.s3-us-west-2.amazonaws.com/{GRADIO_VERSION}/gradio.js"
+></script>
+```
+
+2. Add
+
+```html
+<gradio-app src="https://$your_space_host.hf.space"></gradio-app>
+```
+
+element where you want to place the app. Set the `src=` attribute to your Space's embed URL, which you can find in the "Embed this Space" button. For example:
+
+```html
+<gradio-app
+	src="https://abidlabs-pytorch-image-classifier.hf.space"
+></gradio-app>
+```
+
+<script>
+fetch("https://pypi.org/pypi/gradio/json"
+).then(r => r.json()
+).then(obj => {
+    let v = obj.info.version;
+    content = document.querySelector('.prose');
+    content.innerHTML = content.innerHTML.replaceAll("{GRADIO_VERSION}", v);
+});
+</script>
+
+You can see examples of how web components look <a href="https://www.gradio.app">on the Gradio landing page</a>.
+
+You can also customize the appearance and behavior of your web component with attributes that you pass into the `<gradio-app>` tag:
+
+- `src`: as we've seen, the `src` attributes links to the URL of the hosted Gradio demo that you would like to embed
+- `space`: an optional shorthand if your Gradio demo is hosted on Hugging Face Space. Accepts a `username/space_name` instead of a full URL. Example: `gradio/Echocardiogram-Segmentation`. If this attribute attribute is provided, then `src` does not need to be provided.
+- `control_page_title`: a boolean designating whether the html title of the page should be set to the title of the Gradio app (by default `"false"`)
+- `initial_height`: the initial height of the web component while it is loading the Gradio app, (by default `"300px"`). Note that the final height is set based on the size of the Gradio app.
+- `container`: whether to show the border frame and information about where the Space is hosted (by default `"true"`)
+- `info`: whether to show just the information about where the Space is hosted underneath the embedded app (by default `"true"`)
+- `autoscroll`: whether to autoscroll to the output when prediction has finished (by default `"false"`)
+- `eager`: whether to load the Gradio app as soon as the page loads (by default `"false"`)
+- `theme_mode`: whether to use the `dark`, `light`, or default `system` theme mode (by default `"system"`)
+- `render`: an event that is triggered once the embedded space has finished rendering.
+
+Here's an example of how to use these attributes to create a Gradio app that does not lazy load and has an initial height of 0px.
+
+```html
+<gradio-app
+	space="gradio/Echocardiogram-Segmentation"
+	eager="true"
+	initial_height="0px"
+></gradio-app>
+```
+
+Here's another example of how to use the `render` event. An event listener is used to capture the `render` event and will call the `handleLoadComplete()` function once rendering is complete.
+
+```html
+<script>
+	function handleLoadComplete() {
+		console.log("Embedded space has finished rendering");
+	}
+
+	const gradioApp = document.querySelector("gradio-app");
+	gradioApp.addEventListener("render", handleLoadComplete);
+</script>
+```
+
+_Note: While Gradio's CSS will never impact the embedding page, the embedding page can affect the style of the embedded Gradio app. Make sure that any CSS in the parent page isn't so general that it could also apply to the embedded Gradio app and cause the styling to break. Element selectors such as `header { ... }` and `footer { ... }` will be the most likely to cause issues._
+
+### Embedding with IFrames
+
+To embed with IFrames instead (if you cannot add javascript to your website, for example), add this element:
+
+```html
+<iframe src="https://$your_space_host.hf.space"></iframe>
+```
+
+Again, you can find the `src=` attribute to your Space's embed URL, which you can find in the "Embed this Space" button.
+
+Note: if you use IFrames, you'll probably want to add a fixed `height` attribute and set `style="border:0;"` to remove the border. In addition, if your app requires permissions such as access to the webcam or the microphone, you'll need to provide that as well using the `allow` attribute.
+
+## API Page
+
+You can use almost any Gradio app as an API! In the footer of a Gradio app [like this one](https://huggingface.co/spaces/gradio/hello_world), you'll see a "Use via API" link.
+
+![Use via API](https://github.com/gradio-app/gradio/blob/main/guides/assets/use_via_api.png?raw=true)
+
+This is a page that lists the endpoints that can be used to query the Gradio app, via our supported clients: either [the Python client](https://gradio.app/guides/getting-started-with-the-python-client/), or [the JavaScript client](https://gradio.app/guides/getting-started-with-the-js-client/). For each endpoint, Gradio automatically generates the parameters and their types, as well as example inputs, like this.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api.png)
+
+The endpoints are automatically created when you launch a Gradio application. If you are using Gradio `Blocks`, you can also name each event listener, such as
+
+```python
+btn.click(add, [num1, num2], output, api_name="addition")
+```
+
+This will add and document the endpoint `/addition/` to the automatically generated API page. Read more about the [API page here](./view-api-page).
+
+## Accessing the Network Request Directly
+
+When a user makes a prediction to your app, you may need the underlying network request, in order to get the request headers (e.g. for advanced authentication), log the client's IP address, getting the query parameters, or for other reasons. Gradio supports this in a similar manner to FastAPI: simply add a function parameter whose type hint is `gr.Request` and Gradio will pass in the network request as that parameter. Here is an example:
+
+```python
+import gradio as gr
+
+def echo(text, request: gr.Request):
+    if request:
+        print("Request headers dictionary:", request.headers)
+        print("IP address:", request.client.host)
+        print("Query parameters:", dict(request.query_params))
+    return text
+
+io = gr.Interface(echo, "textbox", "textbox").launch()
+```
+
+Note: if your function is called directly instead of through the UI (this happens, for
+example, when examples are cached, or when the Gradio app is called via API), then `request` will be `None`.
+You should handle this case explicitly to ensure that your app does not throw any errors. That is why
+we have the explicit check `if request`.
+
+## Mounting Within Another FastAPI App
+
+In some cases, you might have an existing FastAPI app, and you'd like to add a path for a Gradio demo.
+You can easily do this with `gradio.mount_gradio_app()`.
+
+Here's a complete example:
+
+$code_custom_path
+
+Note that this approach also allows you run your Gradio apps on custom paths (`http://localhost:8000/gradio` in the example above).
+
+
+## Authentication
+
+### Password-protected app
+
+You may wish to put an authentication page in front of your app to limit who can open your app. With the `auth=` keyword argument in the `launch()` method, you can provide a tuple with a username and password, or a list of acceptable username/password tuples; Here's an example that provides password-based authentication for a single user named "admin":
+
+```python
+demo.launch(auth=("admin", "pass1234"))
+```
+
+For more complex authentication handling, you can even pass a function that takes a username and password as arguments, and returns `True` to allow access, `False` otherwise.
+
+Here's an example of a function that accepts any login where the username and password are the same:
+
+```python
+def same_auth(username, password):
+    return username == password
+demo.launch(auth=same_auth)
+```
+
+If you have multiple users, you may wish to customize the content that is shown depending on the user that is logged in. You can retrieve the logged in user by [accessing the network request directly](#accessing-the-network-request-directly) as discussed above, and then reading the `.username` attribute of the request. Here's an example:
+
+
+```python
+import gradio as gr
+
+def update_message(request: gr.Request):
+    return f"Welcome, {request.username}"
+
+with gr.Blocks() as demo:
+    m = gr.Markdown()
+    demo.load(update_message, None, m)
+
+demo.launch(auth=[("Abubakar", "Abubakar"), ("Ali", "Ali")])
+```
+
+Note: For authentication to work properly, third party cookies must be enabled in your browser. This is not the case by default for Safari or for Chrome Incognito Mode.
+
+If users visit the `/logout` page of your Gradio app, they will automatically be logged out and session cookies deleted. This allows you to add logout functionality to your Gradio app as well. Let's update the previous example to include a log out button:
+
+```python
+import gradio as gr
+
+def update_message(request: gr.Request):
+    return f"Welcome, {request.username}"
+
+with gr.Blocks() as demo:
+    m = gr.Markdown()
+    logout_button = gr.Button("Logout", link="/logout")
+    demo.load(update_message, None, m)
+
+demo.launch(auth=[("Pete", "Pete"), ("Dawood", "Dawood")])
+```
+By default, visiting `/logout` logs the user out from **all sessions** (e.g. if they are logged in from multiple browsers or devices, all will be signed out). If you want to log out only from the **current session**, add the query parameter `all_session=false` (i.e. `/logout?all_session=false`).
+
+Note: Gradio's built-in authentication provides a straightforward and basic layer of access control but does not offer robust security features for applications that require stringent access controls (e.g.  multi-factor authentication, rate limiting, or automatic lockout policies).
+
+### OAuth (Login via Hugging Face)
+
+Gradio natively supports OAuth login via Hugging Face. In other words, you can easily add a _"Sign in with Hugging Face"_ button to your demo, which allows you to get a user's HF username as well as other information from their HF profile. Check out [this Space](https://huggingface.co/spaces/Wauplin/gradio-oauth-demo) for a live demo.
+
+To enable OAuth, you must set `hf_oauth: true` as a Space metadata in your README.md file. This will register your Space
+as an OAuth application on Hugging Face. Next, you can use `gr.LoginButton` to add a login button to
+your Gradio app. Once a user is logged in with their HF account, you can retrieve their profile by adding a parameter of type
+`gr.OAuthProfile` to any Gradio function. The user profile will be automatically injected as a parameter value. If you want
+to perform actions on behalf of the user (e.g. list user's private repos, create repo, etc.), you can retrieve the user
+token by adding a parameter of type `gr.OAuthToken`. You must define which scopes you will use in your Space metadata
+(see [documentation](https://huggingface.co/docs/hub/spaces-oauth#scopes) for more details).
+
+Here is a short example:
+
+$code_login_with_huggingface
+
+When the user clicks on the login button, they get redirected in a new page to authorize your Space.
+
+<center>
+<img src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/oauth_sign_in.png" style="width:300px; max-width:80%">
+</center>
+
+Users can revoke access to their profile at any time in their [settings](https://huggingface.co/settings/connected-applications).
+
+As seen above, OAuth features are available only when your app runs in a Space. However, you often need to test your app
+locally before deploying it. To test OAuth features locally, your machine must be logged in to Hugging Face. Please run `huggingface-cli login` or set `HF_TOKEN` as environment variable with one of your access token. You can generate a new token in your settings page (https://huggingface.co/settings/tokens). Then, clicking on the `gr.LoginButton` will log in to your local Hugging Face profile, allowing you to debug your app with your Hugging Face account before deploying it to a Space.
+
+**Security Note**: It is important to note that adding a `gr.LoginButton` does not restrict users from using your app, in the same way that adding [username-password authentication](/guides/sharing-your-app#password-protected-app) does. This means that users of your app who have not logged in with Hugging Face can still access and run events in your Gradio app -- the difference is that the `gr.OAuthProfile` or `gr.OAuthToken` will be `None` in the corresponding functions.
+
+
+### OAuth (with external providers)
+
+It is also possible to authenticate with external OAuth providers (e.g. Google OAuth) in your Gradio apps. To do this, first mount your Gradio app within a FastAPI app ([as discussed above](#mounting-within-another-fast-api-app)). Then, you must write an *authentication function*, which gets the user's username from the OAuth provider and returns it. This function should be passed to the `auth_dependency` parameter in `gr.mount_gradio_app`.
+
+Similar to [FastAPI dependency functions](https://fastapi.tiangolo.com/tutorial/dependencies/), the function specified by `auth_dependency` will run before any Gradio-related route in your FastAPI app. The function should accept a single parameter: the FastAPI `Request` and return either a string (representing a user's username) or `None`. If a string is returned, the user will be able to access the Gradio-related routes in your FastAPI app.
+
+First, let's show a simplistic example to illustrate the `auth_dependency` parameter:
+
+```python
+from fastapi import FastAPI, Request
+import gradio as gr
+
+app = FastAPI()
+
+def get_user(request: Request):
+    return request.headers.get("user")
+
+demo = gr.Interface(lambda s: f"Hello {s}!", "textbox", "textbox")
+
+app = gr.mount_gradio_app(app, demo, path="/demo", auth_dependency=get_user)
+
+if __name__ == '__main__':
+    uvicorn.run(app)
+```
+
+In this example, only requests that include a "user" header will be allowed to access the Gradio app. Of course, this does not add much security, since any user can add this header in their request.
+
+Here's a more complete example showing how to add Google OAuth to a Gradio app (assuming you've already created OAuth Credentials on the [Google Developer Console](https://console.cloud.google.com/project)):
+
+```python
+import os
+from authlib.integrations.starlette_client import OAuth, OAuthError
+from fastapi import FastAPI, Depends, Request
+from starlette.config import Config
+from starlette.responses import RedirectResponse
+from starlette.middleware.sessions import SessionMiddleware
+import uvicorn
+import gradio as gr
+
+app = FastAPI()
+
+# Replace these with your own OAuth settings
+GOOGLE_CLIENT_ID = "..."
+GOOGLE_CLIENT_SECRET = "..."
+SECRET_KEY = "..."
+
+config_data = {'GOOGLE_CLIENT_ID': GOOGLE_CLIENT_ID, 'GOOGLE_CLIENT_SECRET': GOOGLE_CLIENT_SECRET}
+starlette_config = Config(environ=config_data)
+oauth = OAuth(starlette_config)
+oauth.register(
+    name='google',
+    server_metadata_url='https://accounts.google.com/.well-known/openid-configuration',
+    client_kwargs={'scope': 'openid email profile'},
+)
+
+SECRET_KEY = os.environ.get('SECRET_KEY') or "a_very_secret_key"
+app.add_middleware(SessionMiddleware, secret_key=SECRET_KEY)
+
+# Dependency to get the current user
+def get_user(request: Request):
+    user = request.session.get('user')
+    if user:
+        return user['name']
+    return None
+
+@app.get('/')
+def public(user: dict = Depends(get_user)):
+    if user:
+        return RedirectResponse(url='/gradio')
+    else:
+        return RedirectResponse(url='/login-demo')
+
+@app.route('/logout')
+async def logout(request: Request):
+    request.session.pop('user', None)
+    return RedirectResponse(url='/')
+
+@app.route('/login')
+async def login(request: Request):
+    redirect_uri = request.url_for('auth')
+    # If your app is running on https, you should ensure that the
+    # `redirect_uri` is https, e.g. uncomment the following lines:
+    #
+    # from urllib.parse import urlparse, urlunparse
+    # redirect_uri = urlunparse(urlparse(str(redirect_uri))._replace(scheme='https'))
+    return await oauth.google.authorize_redirect(request, redirect_uri)
+
+@app.route('/auth')
+async def auth(request: Request):
+    try:
+        access_token = await oauth.google.authorize_access_token(request)
+    except OAuthError:
+        return RedirectResponse(url='/')
+    request.session['user'] = dict(access_token)["userinfo"]
+    return RedirectResponse(url='/')
+
+with gr.Blocks() as login_demo:
+    gr.Button("Login", link="/login")
+
+app = gr.mount_gradio_app(app, login_demo, path="/login-demo")
+
+def greet(request: gr.Request):
+    return f"Welcome to Gradio, {request.username}"
+
+with gr.Blocks() as main_demo:
+    m = gr.Markdown("Welcome to Gradio!")
+    gr.Button("Logout", link="/logout")
+    main_demo.load(greet, None, m)
+
+app = gr.mount_gradio_app(app, main_demo, path="/gradio", auth_dependency=get_user)
+
+if __name__ == '__main__':
+    uvicorn.run(app)
+```
+
+There are actually two separate Gradio apps in this example! One that simply displays a log in button (this demo is accessible to any user), while the other main demo is only accessible to users that are logged in. You can try this example out on [this Space](https://huggingface.co/spaces/gradio/oauth-example).
+
+## MCP Servers
+
+Gradio apps can function as MCP (Model Context Protocol) servers, allowing LLMs to use your app's functions as tools. By simply setting `mcp_server=True` in the `.launch()` method, Gradio automatically converts your app's functions into MCP tools that can be called by MCP clients like Claude Desktop, Cursor, or Cline. The server exposes tools based on your function names, docstrings, and type hints, and can handle file uploads, authentication headers, and progress updates. You can also create MCP-only functions using `gr.api` and expose resources and prompts using decorators. For a comprehensive guide on building MCP servers with Gradio, see [Building an MCP Server with Gradio](https://www.gradio.app/guides/building-mcp-server-with-gradio).
+
+## Rate Limits
+
+When publishing your app publicly, and making it available via API or via MCP server, you might want to set rate limits to prevent users from abusing your app. You can identify users using their IP address (using the `gr.Request` object [as discussed above](#accessing-the-network-request-directly)) or, if they are logged in via Hugging Face OAuth, using their username. To see a complete example of how to set rate limits, please see [this Gradio app](https://github.com/gradio-app/gradio/blob/main/demo/rate_limit/run.py).
+
+## Analytics
+
+By default, Gradio collects certain analytics to help us better understand the usage of the `gradio` library. This includes the following information:
+
+* What environment the Gradio app is running on (e.g. Colab Notebook, Hugging Face Spaces)
+* What input/output components are being used in the Gradio app
+* Whether the Gradio app is utilizing certain advanced features, such as `auth` or `show_error`
+* The IP address which is used solely to measure the number of unique developers using Gradio
+* The version of Gradio that is running
+
+No information is collected from _users_ of your Gradio app. If you'd like to disable analytics altogether, you can do so by setting the `analytics_enabled` parameter to `False` in `gr.Blocks`, `gr.Interface`, or `gr.ChatInterface`. Or, you can set the GRADIO_ANALYTICS_ENABLED environment variable to `"False"` to apply this to all Gradio apps created across your system.
+
+*Note*: this reflects the analytics policy as of `gradio>=4.32.0`.
+
+## Progressive Web App (PWA)
+
+[Progressive Web Apps (PWAs)](https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps) are web applications that are regular web pages or websites, but can appear to the user like installable platform-specific applications.
+
+Gradio apps can be easily served as PWAs by setting the `pwa=True` parameter in the `launch()` method. Here's an example:
+
+```python
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="textbox", outputs="textbox")
+
+demo.launch(pwa=True)  # Launch your app as a PWA
+```
+
+This will generate a PWA that can be installed on your device. Here's how it looks:
+
+![Installing PWA](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/install-pwa.gif)
+
+When you specify `favicon_path` in the `launch()` method, the icon will be used as the app's icon. Here's an example:
+
+```python
+demo.launch(pwa=True, favicon_path="./hf-logo.svg")  # Use a custom icon for your PWA
+```
+
+![Custom PWA Icon](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/pwa-favicon.png)
diff --git a/guides/04_additional-features/08_file-access.md b/guides/04_additional-features/08_file-access.md
new file mode 100644
index 0000000..9cc2466
--- /dev/null
+++ b/guides/04_additional-features/08_file-access.md
@@ -0,0 +1,97 @@
+# Security and File Access
+
+Sharing your Gradio app with others (by hosting it on Spaces, on your own server, or through temporary share links) **exposes** certain files on your machine to the internet. Files that are exposed can be accessed at a special URL:
+
+```bash
+http://<your-gradio-app-url>/gradio_api/file=<local-file-path>
+```
+
+This guide explains which files are exposed as well as some best practices for making sure the files on your machine are secure.
+
+## Files Gradio allows users to access 
+
+- **1. Static files**. You can designate static files or directories using the `gr.set_static_paths` function. Static files  are not be copied to the Gradio cache (see below) and will be served directly from your computer. This can help save disk space and reduce the time your app takes to launch but be mindful of possible security implications as any static files are accessible to all useres of your Gradio app.
+
+- **2. Files in the `allowed_paths` parameter in `launch()`**. This parameter allows you to pass in a list of additional directories or exact filepaths you'd like to allow users to have access to. (By default, this parameter is an empty list).
+
+- **3. Files in Gradio's cache**. After you launch your Gradio app, Gradio copies certain files into a temporary cache and makes these files accessible to users. Let's unpack this in more detail below.
+
+
+## The Gradio cache
+
+First, it's important to understand why Gradio has a cache at all. Gradio copies files to a cache directory before returning them to the frontend. This prevents files from being overwritten by one user while they are still needed by another user of your application. For example, if your prediction function returns a video file, then Gradio will move that video to the cache after your prediction function runs and returns a URL the frontend can use to show the video. Any file in the cache is available via URL to all users of your running application.
+
+Tip: You can customize the location of the cache by setting the `GRADIO_TEMP_DIR` environment variable to an absolute path, such as `/home/usr/scripts/project/temp/`. 
+
+### Files Gradio moves to the cache
+
+Gradio moves three kinds of files into the cache
+
+1. Files specified by the developer before runtime, e.g. cached examples, default values of components, or files passed into parameters such as the `avatar_images` of `gr.Chatbot`
+
+2. File paths returned by a prediction function in your Gradio application, if they ALSO meet one of the conditions below:
+
+* It is in the `allowed_paths` parameter of the `Blocks.launch` method.
+* It is in the current working directory of the python interpreter.
+* It is in the temp directory obtained by `tempfile.gettempdir()`.
+
+**Note:** files in the current working directory whose name starts with a period (`.`) will not be moved to the cache, even if they are returned from a prediction function, since they often contain sensitive information. 
+
+If none of these criteria are met, the prediction function that is returning that file will raise an exception instead of moving the file to cache. Gradio performs this check so that arbitrary files on your machine cannot be accessed.
+
+3. Files uploaded by a user to your Gradio app (e.g. through the `File` or `Image` input components).
+
+Tip: If at any time Gradio blocks a file that you would like it to process, add its path to the `allowed_paths` parameter.
+
+## The files Gradio will not allow others to access
+
+While running, Gradio apps will NOT ALLOW users to access:
+
+- **Files that you explicitly block via the `blocked_paths` parameter in `launch()`**. You can pass in a list of additional directories or exact filepaths to the `blocked_paths` parameter in `launch()`. This parameter takes precedence over the files that Gradio exposes by default, or by the `allowed_paths` parameter or the `gr.set_static_paths` function.
+
+- **Any other paths on the host machine**. Users should NOT be able to access other arbitrary paths on the host.
+
+## Uploading Files
+
+Sharing your Gradio application will also allow users to upload files to your computer or server. You can set a maximum file size for uploads to prevent abuse and to preserve disk space. You can do this with the `max_file_size` parameter of `.launch`. For example, the following two code snippets limit file uploads to 5 megabytes per file.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+## Best Practices
+
+* Set a `max_file_size` for your application.
+* Do not return arbitrary user input from a function that is connected to a file-based output component (`gr.Image`, `gr.File`, etc.). For example, the following interface would allow anyone to move an arbitrary file in your local directory to the cache: `gr.Interface(lambda s: s, "text", "file")`. This is because the user input is treated as an arbitrary file path. 
+* Make `allowed_paths` as small as possible. If a path in `allowed_paths` is a directory, any file within that directory can be accessed. Make sure the entires of `allowed_paths` only contains files related to your application.
+* Run your gradio application from the same directory the application file is located in. This will narrow the scope of files Gradio will be allowed to move into the cache. For example, prefer `python app.py` to `python Users/sources/project/app.py`.
+
+
+## Example: Accessing local files
+Both `gr.set_static_paths` and the `allowed_paths` parameter in launch expect absolute paths. Below is a minimal example to display a local `.png` image file in an HTML block.
+
+```txt
+├── assets
+│   └── logo.png
+└── app.py
+```
+For the example directory structure, `logo.png` and any other files in the `assets` folder can be accessed from your Gradio app in `app.py` as follows:
+
+```python
+from pathlib import Path
+
+import gradio as gr
+
+gr.set_static_paths(paths=[Path.cwd().absolute()/"assets"])
+
+with gr.Blocks() as demo:
+    gr.HTML("<img src='/gradio_api/file=assets/logo.png'>")
+
+demo.launch()
+```
diff --git a/guides/04_additional-features/09_multipage-apps.md b/guides/04_additional-features/09_multipage-apps.md
new file mode 100644
index 0000000..ea873b3
--- /dev/null
+++ b/guides/04_additional-features/09_multipage-apps.md
@@ -0,0 +1,129 @@
+# Multipage Apps
+
+Your Gradio app can support multiple pages with the `Blocks.route()` method. Here's what a multipage Gradio app generally looks like:
+
+```python
+with gr.Blocks() as demo:  # Main page
+    name = gr.Textbox(label="Name")
+    ...
+with demo.route("Second page", "/second"):
+    num = gr.Number()
+    ...
+
+demo.launch()
+```
+
+This allows you to define links to separate pages, each with a separate URL, which are  linked to the top of the Gradio app in an automatically-generated navbar. 
+
+Here's a complete example:
+
+$code_multipage
+
+All of these pages will share the same backend, including the same queue.
+
+Note: multipage apps do not support interactions between pages, e.g. an event listener on one page cannot output to a component on another page. Use `gr.Tabs()` for this type of functionality instead of pages.
+
+**Separate Files**
+
+For maintainability, you may want to write the code for different pages in different files. Because any Gradio Blocks can be imported and rendered inside another Blocks using the `.render()` method, you can do this as follows.
+
+Create one main file, say `app.py` and create separate Python files for each page:
+
+```
+- app.py
+- main_page.py
+- second_page.py
+```
+
+The Python file corresponding to each page should consist of a regular Gradio Blocks, Interface, or ChatInterface application, e.g.
+
+`main_page.py`
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Image()
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+`second_page.py`
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    t = gr.Textbox()
+    demo.load(lambda : "Loaded", None, t)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+In your main `app.py` file, simply import the Gradio demos from the page files and `.render()` them:
+
+`app.py`
+
+```py
+import gradio as gr
+
+import main_page, second_page
+
+with gr.Blocks() as demo:
+    main_page.demo.render()
+with demo.route("Second Page"):
+    second_page.demo.render()
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+This allows you to run each page as an independent Gradio app for testing, while also creating a single file `app.py` that serves as the entrypoint for the complete multipage app.
+
+## Customizing the Navbar
+
+By default, Gradio automatically generates a navigation bar for multipage apps that displays all your pages with "Home" as the title for the main page. You can customize the navbar behavior using the `gr.Navbar` component.
+
+### Per-Page Navbar Configuration
+
+You can have different navbar configurations for each page of your app:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    # Navbar for the main page
+    navbar = gr.Navbar(
+        visible=True,
+        main_page_name="Dashboard",
+        value=[("About", "https://example.com/about")]
+    )
+    
+    gr.Textbox(label="Main page content")
+
+with demo.route("Settings"):
+    # Different navbar for the Settings page
+    navbar = gr.Navbar(
+        visible=True,
+        main_page_name="Home",
+        value=[("Documentation", "https://docs.example.com")]
+    )
+    gr.Textbox(label="Settings page")
+
+demo.launch()
+```
+
+
+**Important Notes:**
+- You can have one `gr.Navbar` component per page. Each page's navbar configuration is independent.
+- The `main_page_name` parameter customizes the title of the home page link in the navbar.
+- The `value` parameter allows you to add additional links to the navbar, which can be internal pages or external URLs.
+- If no `gr.Navbar` component is present on a page, the default navbar behavior is used (visible with "Home" as the home page title).
+- You can update the navbar properties using standard Gradio event handling, just like with any other component.
+
+Here's an example that demonstrates the last point:
+
+$code_navbar_customization
+
diff --git a/guides/04_additional-features/10_environment-variables.md b/guides/04_additional-features/10_environment-variables.md
new file mode 100644
index 0000000..3e9a780
--- /dev/null
+++ b/guides/04_additional-features/10_environment-variables.md
@@ -0,0 +1,265 @@
+# Environment Variables
+
+Environment variables in Gradio provide a way to customize your applications and launch settings without changing the codebase. In this guide, we'll explore the key environment variables supported in Gradio and how to set them.
+
+## Key Environment Variables
+
+### 1. `GRADIO_SERVER_PORT`
+
+- **Description**: Specifies the port on which the Gradio app will run.
+- **Default**: `7860`
+- **Example**:
+  ```bash
+  export GRADIO_SERVER_PORT=8000
+  ```
+
+### 2. `GRADIO_SERVER_NAME`
+
+- **Description**: Defines the host name for the Gradio server. To make Gradio accessible from any IP address, set this to `"0.0.0.0"`
+- **Default**: `"127.0.0.1"` 
+- **Example**:
+  ```bash
+  export GRADIO_SERVER_NAME="0.0.0.0"
+  ```
+
+### 3. `GRADIO_NUM_PORTS`
+
+- **Description**: Defines the number of ports to try when starting the Gradio server.
+- **Default**: `100`
+- **Example**:
+  ```bash
+  export GRADIO_NUM_PORTS=200
+  ```
+
+### 4. `GRADIO_ANALYTICS_ENABLED`
+
+- **Description**: Whether Gradio should provide 
+- **Default**: `"True"`
+- **Options**: `"True"`, `"False"`
+- **Example**:
+  ```sh
+  export GRADIO_ANALYTICS_ENABLED="True"
+  ```
+
+### 5. `GRADIO_DEBUG`
+
+- **Description**: Enables or disables debug mode in Gradio. If debug mode is enabled, the main thread does not terminate allowing error messages to be printed in environments such as Google Colab.
+- **Default**: `0`
+- **Example**:
+  ```sh
+  export GRADIO_DEBUG=1
+  ```
+
+### 6. `GRADIO_FLAGGING_MODE`
+
+- **Description**: Controls whether users can flag inputs/outputs in the Gradio interface. See [the Guide on flagging](/guides/using-flagging) for more details.
+- **Default**: `"manual"`
+- **Options**: `"never"`, `"manual"`, `"auto"`
+- **Example**:
+  ```sh
+  export GRADIO_FLAGGING_MODE="never"
+  ```
+
+### 7. `GRADIO_TEMP_DIR`
+
+- **Description**: Specifies the directory where temporary files created by Gradio are stored.
+- **Default**: System default temporary directory
+- **Example**:
+  ```sh
+  export GRADIO_TEMP_DIR="/path/to/temp"
+  ```
+
+### 8. `GRADIO_ROOT_PATH`
+
+- **Description**: Sets the root path for the Gradio application. Useful if running Gradio [behind a reverse proxy](/guides/running-gradio-on-your-web-server-with-nginx).
+- **Default**: `""`
+- **Example**:
+  ```sh
+  export GRADIO_ROOT_PATH="/myapp"
+  ```
+
+### 9. `GRADIO_SHARE`
+
+- **Description**: Enables or disables sharing the Gradio app.
+- **Default**: `"False"`
+- **Options**: `"True"`, `"False"`
+- **Example**:
+  ```sh
+  export GRADIO_SHARE="True"
+  ```
+
+### 10. `GRADIO_ALLOWED_PATHS`
+
+- **Description**: Sets a list of complete filepaths or parent directories that gradio is allowed to serve. Must be absolute paths. Warning: if you provide directories, any files in these directories or their subdirectories are accessible to all users of your app. Multiple items can be specified by separating items with commas.
+- **Default**: `""`
+- **Example**:
+  ```sh
+  export GRADIO_ALLOWED_PATHS="/mnt/sda1,/mnt/sda2"
+  ```
+
+### 11. `GRADIO_BLOCKED_PATHS`
+
+- **Description**: Sets a list of complete filepaths or parent directories that gradio is not allowed to serve (i.e. users of your app are not allowed to access). Must be absolute paths. Warning: takes precedence over `allowed_paths` and all other directories exposed by Gradio by default. Multiple items can be specified by separating items with commas.
+- **Default**: `""`
+- **Example**:
+  ```sh
+  export GRADIO_BLOCKED_PATHS="/users/x/gradio_app/admin,/users/x/gradio_app/keys"
+  ```
+
+### 12. `FORWARDED_ALLOW_IPS`
+
+- **Description**: This is not a Gradio-specific environment variable, but rather one used in server configurations, specifically `uvicorn` which is used by Gradio internally. This environment variable is useful when deploying applications behind a reverse proxy. It defines a list of IP addresses that are trusted to forward traffic to your application. When set, the application will trust the `X-Forwarded-For` header from these IP addresses to determine the original IP address of the user making the request. This means that if you use the `gr.Request` [object's](https://www.gradio.app/docs/gradio/request) `client.host` property, it will correctly get the user's IP address instead of the IP address of the reverse proxy server. Note that only trusted IP addresses (i.e. the IP addresses of your reverse proxy servers) should be added, as any server with these IP addresses can modify the `X-Forwarded-For` header and spoof the client's IP address.
+- **Default**: `"127.0.0.1"`
+- **Example**:
+  ```sh
+  export FORWARDED_ALLOW_IPS="127.0.0.1,192.168.1.100"
+  ```
+
+### 13. `GRADIO_CACHE_EXAMPLES`
+
+- **Description**: Whether or not to cache examples by default in `gr.Interface()`, `gr.ChatInterface()` or in `gr.Examples()` when no explicit argument is passed for the `cache_examples` parameter. You can set this environment variable to either the string "true" or "false".
+- **Default**: `"false"`
+- **Example**:
+  ```sh
+  export GRADIO_CACHE_EXAMPLES="true"
+  ```
+
+
+### 14. `GRADIO_CACHE_MODE`
+
+- **Description**: How to cache examples. Only applies if `cache_examples` is set to `True` either via enviornment variable or by an explicit parameter, AND no no explicit argument is passed for the `cache_mode` parameter in `gr.Interface()`, `gr.ChatInterface()` or in `gr.Examples()`. Can be set to either the strings "lazy" or "eager." If "lazy", examples are cached after their first use for all users of the app. If "eager", all examples are cached at app launch.
+
+- **Default**: `"eager"`
+- **Example**:
+  ```sh
+  export GRADIO_CACHE_MODE="lazy"
+  ```
+
+
+### 15. `GRADIO_EXAMPLES_CACHE`
+
+- **Description**:  If you set `cache_examples=True` in `gr.Interface()`, `gr.ChatInterface()` or in `gr.Examples()`, Gradio will run your prediction function and save the results to disk. By default, this is in the `.gradio/cached_examples//` subdirectory within your app's working directory. You can customize the location of cached example files created by Gradio by setting the environment variable `GRADIO_EXAMPLES_CACHE` to an absolute path or a path relative to your working directory.
+- **Default**: `".gradio/cached_examples/"`
+- **Example**:
+  ```sh
+  export GRADIO_EXAMPLES_CACHE="custom_cached_examples/"
+  ```
+
+
+### 16. `GRADIO_SSR_MODE`
+
+- **Description**: Controls whether server-side rendering (SSR) is enabled. When enabled, the initial HTML is rendered on the server rather than the client, which can improve initial page load performance and SEO.
+
+- **Default**: `"False"` (except on Hugging Face Spaces, where this environment variable sets it to `True`)
+- **Options**: `"True"`, `"False"`
+- **Example**:
+  ```sh
+  export GRADIO_SSR_MODE="True"
+  ```
+
+### 17. `GRADIO_NODE_SERVER_NAME`
+
+- **Description**: Defines the host name for the Gradio node server. (Only applies if `ssr_mode` is set to `True`.)
+- **Default**: `GRADIO_SERVER_NAME` if it is set, otherwise `"127.0.0.1"`
+- **Example**:
+  ```sh
+  export GRADIO_NODE_SERVER_NAME="0.0.0.0"
+  ```
+
+### 18. `GRADIO_NODE_NUM_PORTS`
+
+- **Description**: Defines the number of ports to try when starting the Gradio node server. (Only applies if `ssr_mode` is set to `True`.)
+- **Default**: `100`
+- **Example**:
+  ```sh
+  export GRADIO_NODE_NUM_PORTS=200
+  ```
+
+### 19. `GRADIO_RESET_EXAMPLES_CACHE`
+
+- **Description**: If set to "True", Gradio will delete and recreate the examples cache directory when the app starts instead of reusing the cached example if they already exist. 
+- **Default**: `"False"`
+- **Options**: `"True"`, `"False"`
+- **Example**:
+  ```sh
+  export GRADIO_RESET_EXAMPLES_CACHE="True"
+  ```
+
+### 20. `GRADIO_CHAT_FLAGGING_MODE`
+
+- **Description**: Controls whether users can flag messages in `gr.ChatInterface` applications. Similar to `GRADIO_FLAGGING_MODE` but specifically for chat interfaces.
+- **Default**: `"never"`
+- **Options**: `"never"`, `"manual"`
+- **Example**:
+  ```sh
+  export GRADIO_CHAT_FLAGGING_MODE="manual"
+  ```
+
+### 21. `GRADIO_WATCH_DIRS`
+
+- **Description**: Specifies directories to watch for file changes when running Gradio in development mode. When files in these directories change, the Gradio app will automatically reload. Multiple directories can be specified by separating them with commas. This is primarily used by the `gradio` CLI command for development workflows.
+- **Default**: `""`
+- **Example**:
+  ```sh
+  export GRADIO_WATCH_DIRS="/path/to/src,/path/to/templates"
+  ```
+
+### 22. `GRADIO_VIBE_MODE`
+
+- **Description**: Enables the Vibe editor mode, which provides an in-browser chat that can be used to write or edit your Gradio app using natural language. When enabled, anyone who can access the Gradio endpoint can modify files and run arbitrary code on the host machine. Use with extreme caution in production environments.
+- **Default**: `""`
+- **Options**: Any non-empty string enables the mode
+- **Example**:
+  ```sh
+  export GRADIO_VIBE_MODE="1"
+  ```
+
+### 23. `GRADIO_MCP_SERVER`
+
+- **Description**: Enables the MCP (Model Context Protocol) server functionality in Gradio. When enabled, the Gradio app will be set up as an MCP server and documented functions will be added as MCP tools that can be used by LLMs. This allows LLMs to interact with your Gradio app's functionality through the MCP protocol.
+- **Default**: `"False"`
+- **Options**: `"True"`, `"False"`
+- **Example**:
+  ```sh
+  export GRADIO_MCP_SERVER="True"
+  ```
+
+
+### 24. `GRADIO_NUM_WORKERS`
+
+- **Description**: Number of multiple workers to launch in the background to offload traffic for file I/O and static assets from the main Gradio server. Only works when SSR mode is set.
+- **Default**: not set.
+- **Options**: Any positive integer.
+- **Example**:
+  ```sh
+  export GRADIO_NUM_WORKERS=4
+  ```
+
+### 25. `GRADIO_HEARTBEAT_INTERVAL`
+
+- **Description**: Sets the interval, in seconds, between heartbeats that keep a client session alive. When a client disconnects, this heartbeat is used to trigger `unload` events and clean up session state. Lowering this value can help detect disconnections faster in environments such as Kubernetes, where the default interval can delay session cleanup.
+- **Default**: `15`
+- **Example**:
+  ```sh
+  export GRADIO_HEARTBEAT_INTERVAL=5
+  ```
+
+## How to Set Environment Variables
+
+To set environment variables in your terminal, use the `export` command followed by the variable name and its value. For example:
+
+```sh
+export GRADIO_SERVER_PORT=8000
+```
+
+If you're using a `.env` file to manage your environment variables, you can add them like this:
+
+```sh
+GRADIO_SERVER_PORT=8000
+GRADIO_SERVER_NAME="localhost"
+```
+
+Then, use a tool like `dotenv` to load these variables when running your application.
+
+
+
diff --git a/guides/04_additional-features/11_resource-cleanup.md b/guides/04_additional-features/11_resource-cleanup.md
new file mode 100644
index 0000000..89529ca
--- /dev/null
+++ b/guides/04_additional-features/11_resource-cleanup.md
@@ -0,0 +1,48 @@
+# Resource Cleanup
+
+Your Gradio application may create resources during its lifetime.
+Examples of resources are `gr.State` variables, any variables you create and explicitly hold in memory, or files you save to disk. 
+Over time, these resources can use up all of your server's RAM or disk space and crash your application.
+
+Gradio provides some tools for you to clean up the resources created by your app:
+
+1. Automatic deletion of `gr.State` variables.
+2. Automatic cache cleanup with the `delete_cache` parameter.
+2. The `Blocks.unload` event.
+
+Let's take a look at each of them individually.
+
+## Automatic deletion of `gr.State`
+
+When a user closes their browser tab, Gradio will automatically delete any `gr.State` variables associated with that user session after 60 minutes. If the user connects again within those 60 minutes, no state will be deleted.
+
+You can control the deletion behavior further with the following two parameters of `gr.State`:
+
+1. `delete_callback` - An arbitrary function that will be called when the variable is deleted. This function must take the state value as input. This function is useful for deleting variables from GPU memory.
+2. `time_to_live` - The number of seconds the state should be stored for after it is created or updated. This will delete variables before the session is closed, so it's useful for clearing state for potentially long running sessions.
+
+## Automatic cache cleanup via `delete_cache`
+
+Your Gradio application will save uploaded and generated files to a special directory called the cache directory. Gradio uses a hashing scheme to ensure that duplicate files are not saved to the cache but over time the size of the cache will grow (especially if your app goes viral 😉).
+
+Gradio can periodically clean up the cache for you if you specify the `delete_cache` parameter of `gr.Blocks()`, `gr.Interface()`, or `gr.ChatInterface()`. 
+This parameter is a tuple of the form `[frequency, age]` both expressed in number of seconds.
+Every `frequency` seconds, the temporary files created by this Blocks instance will be deleted if more than `age` seconds have passed since the file was created. 
+For example, setting this to (86400, 86400) will delete temporary files every day if they are older than a day old.
+Additionally, the cache will be deleted entirely when the server restarts.
+
+## The `unload` event
+
+Additionally, Gradio now includes a `Blocks.unload()` event, allowing you to run arbitrary cleanup functions when users disconnect (this does not have a 60 minute delay).
+Unlike other gradio events, this event does not accept inputs or outptus.
+You can think of the `unload` event as the opposite of the `load` event.
+
+## Putting it all together
+
+The following demo uses all of these features. When a user visits the page, a special unique directory is created for that user.
+As the user interacts with the app, images are saved to disk in that special directory.
+When the user closes the page, the images created in that session are deleted via the `unload` event.
+The state and files in the cache are cleaned up automatically as well.
+
+$code_state_cleanup
+$demo_state_cleanup
\ No newline at end of file
diff --git a/guides/04_additional-features/12_themes.md b/guides/04_additional-features/12_themes.md
new file mode 100644
index 0000000..0b04d04
--- /dev/null
+++ b/guides/04_additional-features/12_themes.md
@@ -0,0 +1,22 @@
+# Gradio Themes
+
+Gradio themes are the easiest way to customize the look and feel of your app. You can choose from a variety of themes, or create your own. To do so, pass the `theme=` kwarg to the `launch()` method of `Interface`, `ChatInterface`, or `Blocks`. For example:
+
+```python
+demo = gr.Interface()
+demo.launch(theme=gr.themes.Monochrome())
+```
+
+or
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Soft())
+    ...
+```
+
+Gradio comes with a set of prebuilt themes which you can load from `gr.themes.*`. You can extend these themes or create your own themes from scratch - see the [theming guide](https://gradio.app/guides/theming-guide) for more details.
+
+For additional styling ability, you can pass any CSS (as well as custom JavaScript) to your Gradio application. This is discussed in more detail in our [custom JS and CSS guide](/guides/custom-CSS-and-JS).
+
diff --git a/guides/04_additional-features/13_client-side-functions.md b/guides/04_additional-features/13_client-side-functions.md
new file mode 100644
index 0000000..bba81e4
--- /dev/null
+++ b/guides/04_additional-features/13_client-side-functions.md
@@ -0,0 +1,71 @@
+# Client Side Functions
+
+Gradio allows you to run certain "simple" functions directly in the browser by setting `js=True` in your event listeners. This will **automatically convert your Python code into JavaScript**, which significantly improves the responsiveness of your app by avoiding a round trip to the server for simple UI updates.
+
+The difference in responsiveness is most noticeable on hosted applications (like Hugging Face Spaces), when the server is under heavy load, with high-latency connections, or when many users are accessing the app simultaneously.
+
+## When to Use Client Side Functions
+
+Client side functions are ideal for updating component properties (like visibility, placeholders, interactive state, or styling). 
+
+Here's a basic example:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row() as row:
+        btn = gr.Button("Hide this row")
+    
+    # This function runs in the browser without a server roundtrip
+    btn.click(
+        lambda: gr.Row(visible=False), 
+        None, 
+        row, 
+        js=True
+    )
+
+demo.launch()
+```
+
+
+## Limitations
+
+Client side functions have some important restrictions:
+* They can only update component properties (not values)
+* They cannot take any inputs
+
+Here are some functions that will work with `js=True`:
+
+```py
+# Simple property updates
+lambda: gr.Textbox(lines=4)
+
+# Multiple component updates
+lambda: [gr.Textbox(lines=4), gr.Button(interactive=False)]
+
+# Using gr.update() for property changes
+lambda: gr.update(visible=True, interactive=False)
+```
+
+We are working to increase the space of functions that can be transpiled to JavaScript so that they can be run in the browser. [Follow the Groovy library for more info](https://github.com/abidlabs/groovy-transpiler).
+
+
+## Complete Example
+
+Here's a more complete example showing how client side functions can improve the user experience:
+
+$code_todo_list_js
+
+
+## Behind the Scenes
+
+When you set `js=True`, Gradio:
+
+1. Transpiles your Python function to JavaScript
+
+2. Runs the function directly in the browser
+
+3. Still sends the request to the server (for consistency and to handle any side effects)
+
+This provides immediate visual feedback while ensuring your application state remains consistent.
diff --git a/guides/04_additional-features/14_view-api-page.md b/guides/04_additional-features/14_view-api-page.md
new file mode 100644
index 0000000..f1f3b34
--- /dev/null
+++ b/guides/04_additional-features/14_view-api-page.md
@@ -0,0 +1,101 @@
+# API Page
+
+You can use almost any Gradio app programmatically via the built-in API! In the footer of any Gradio app, you'll see a "Use via API" link. Clicking on the link opens up a detailed documentation page for the API that Gradio generates based on the function signatures in your Gradio app.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api-animated.gif)
+
+## Configuring the API Page
+
+**API endpoint names**
+
+When you create a Gradio application, the API endpoint names are automatically generated based on the function names. You can change this by using the `api_name` parameter in `gr.Interface` or `gr.ChatInterface`. If you are using Gradio `Blocks`, you can name each event listener, like this:
+
+```python
+btn.click(add, [num1, num2], output, api_name="addition")
+```
+
+**Controlling API endpoint visibility**
+
+When building a complex Gradio app, you might want to control how API endpoints appear or behave. Use the `api_visibility` parameter in any `Blocks` event listener to control this:
+
+- `"public"` (default): The endpoint is shown in API docs and accessible to all
+- `"undocumented"`: The endpoint is hidden from API docs but still accessible to downstream apps
+- `"private"`: The endpoint is hidden from API docs and not callable by the Gradio client libraries (e.g. `gradio_client` or `@gradio/client`). Note: this does **not** block direct HTTP requests to the endpoint — it should not be relied upon as a security measure.
+
+To hide an API endpoint from the documentation while still allowing programmatic access:
+
+```python
+btn.click(add, [num1, num2], output, api_visibility="undocumented")
+```
+
+**Hiding endpoints from client libraries**
+
+If you want to hide an API endpoint from the API docs and prevent it from being called by the Gradio client libraries, set `api_visibility="private"`:
+
+```python
+btn.click(add, [num1, num2], output, api_visibility="private")
+```
+
+Note: setting `api_visibility="private"` also means that downstream apps will not be able to load your Gradio app using `gr.load()` as this function uses the Gradio API under the hood. However, the underlying HTTP endpoint is still accessible — this setting should not be relied upon for security.
+
+**Adding API endpoints**
+
+You can also add new API routes to your Gradio application that do not correspond to events in your UI.
+
+For example, in this Gradio application, we add a new route that adds numbers and slices a list:
+
+```py
+import gradio as gr
+with gr.Blocks() as demo:
+    with gr.Row():
+        input = gr.Textbox()
+        button = gr.Button("Submit")
+    output = gr.Textbox()
+    def fn(a: int, b: int, c: list[str]) -> tuple[int, str]:
+        return a + b, c[a:b]
+    gr.api(fn, api_name="add_and_slice")
+
+_, url, _ = demo.launch()
+```
+
+This will create a new route `/add_and_slice` which will show up in the "view API" page. It can be programmatically called by the Python or JS Clients (discussed below) like this:
+
+```py
+from gradio_client import Client
+
+client = Client(url)
+result = client.predict(
+        a=3,
+        b=5,
+        c=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+        api_name="/add_and_slice"
+)
+print(result)
+```
+
+## The Clients
+
+This API page not only lists all of the endpoints that can be used to query the Gradio app, but also shows the usage of both [the Gradio Python client](https://gradio.app/guides/getting-started-with-the-python-client/), and [the Gradio JavaScript client](https://gradio.app/guides/getting-started-with-the-js-client/). 
+
+For each endpoint, Gradio automatically generates a complete code snippet with the parameters and their types, as well as example inputs, allowing you to immediately test an endpoint. Here's an example showing an image file input and `str` output:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api-snippet.png)
+
+
+## The API Recorder 🪄
+
+Instead of reading through the view API page, you can also use Gradio's built-in API recorder to generate the relevant code snippet. Simply click on the "API Recorder" button, use your Gradio app via the UI as you would normally, and then the API Recorder will generate the code using the Clients to recreate your all of your interactions programmatically.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/api-recorder.gif)
+
+## MCP Server
+
+The API page also includes instructions on how to use the Gradio app as an Model Context Protocol (MCP) server, which is a standardized way to expose functions as tools so that they can be used by LLMs. 
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api-mcp.png)
+
+For the MCP sever, each tool, its description, and its parameters are listed, along with instructions on how to integrate with popular MCP Clients. Read more about Gradio's [MCP integration here](https://www.gradio.app/guides/building-mcp-server-with-gradio).
+
+## OpenAPI Specification
+
+You can access the complete OpenAPI (formerly Swagger) specification of your Gradio app's API at the endpoint `<your-gradio-app-url>/gradio_api/openapi.json`. The OpenAPI specification is a standardized, language-agnostic interface description for REST APIs that enables both humans and computers to discover and understand the capabilities of your service.
diff --git a/guides/04_additional-features/15_internationalization.md b/guides/04_additional-features/15_internationalization.md
new file mode 100644
index 0000000..1cea585
--- /dev/null
+++ b/guides/04_additional-features/15_internationalization.md
@@ -0,0 +1,59 @@
+Tags: internationalization, i18n, language
+Related spaces:
+
+# Internationalization (i18n)
+
+Gradio comes with ready-to-use internationalization (i18n) support:
+
+- Built-in translations: Gradio automatically translates standard UI elements (like "Submit", "Clear", "Cancel") in more than 40 languages based on the user's browser locale.
+- Custom translations: For app-specific text, Gradio provides the I18n class that lets you extend the built-in system with your own translations.
+
+## Setting Up Translations
+
+You can initialize the `I18n` class with multiple language dictionaries to add custom translations:
+
+```python
+import gradio as gr
+
+# Create an I18n instance with translations for multiple languages
+i18n = gr.I18n(
+    en={"greeting": "Hello, welcome to my app!", "submit": "Submit"},
+    es={"greeting": "¡Hola, bienvenido a mi aplicación!", "submit": "Enviar"},
+    fr={"greeting": "Bonjour, bienvenue dans mon application!", "submit": "Soumettre"}
+)
+
+with gr.Blocks() as demo:
+    # Use the i18n method to translate the greeting
+    gr.Markdown(i18n("greeting"))
+    with gr.Row():
+        input_text = gr.Textbox(label="Input")
+        output_text = gr.Textbox(label="Output")
+    
+    submit_btn = gr.Button(i18n("submit"))
+
+# Pass the i18n instance to the launch method
+demo.launch(i18n=i18n)
+```
+
+## How It Works
+
+When you use the `i18n` instance with a translation key, Gradio will show the corresponding translation to users based on their browser's language settings or the language they've selected in your app.
+
+If a translation isn't available for the user's locale, the system will fall back to English (if available) or display the key itself.
+
+## Valid Locale Codes
+
+Locale codes should follow the BCP 47 format (e.g., 'en', 'en-US', 'zh-CN'). The `I18n` class will warn you if you use an invalid locale code.
+
+## Supported Component Properties
+
+The following component properties typically support internationalization:
+
+- `description`
+- `info`
+- `title`
+- `placeholder`
+- `value`
+- `label`
+
+Note that support may vary depending on the component, and some properties might have exceptions where internationalization is not applicable. You can check this by referring to the typehint for the parameter and if it contains `I18nData`, then it supports internationalization.
\ No newline at end of file
diff --git a/guides/04_additional-features/16_custom-buttons.md b/guides/04_additional-features/16_custom-buttons.md
new file mode 100644
index 0000000..ca419be
--- /dev/null
+++ b/guides/04_additional-features/16_custom-buttons.md
@@ -0,0 +1,83 @@
+# Custom Buttons
+
+Many Gradio components support custom buttons in their toolbar, allowing you to add interactive buttons that can trigger Python functions, JavaScript functions, or both. Custom buttons appear alongside built-in buttons (like "copy" or "download") in the component's toolbar.
+
+## Basic Usage
+
+To add custom buttons to a component, pass a list of `gr.Button()` instances to the `buttons` parameter:
+
+```python
+import gradio as gr
+
+refresh_btn = gr.Button("Refresh", variant="secondary", size="sm")
+clear_btn = gr.Button("Clear", variant="secondary", size="sm")
+
+textbox = gr.Textbox(
+    value="Sample text",
+    label="Text Input",
+    buttons=[refresh_btn, clear_btn]
+)
+```
+
+You can also mix built-in buttons (as strings) with custom buttons:
+
+```python
+code = gr.Code(
+    value="print('Hello')",
+    language="python",
+    buttons=["copy", "download", refresh_btn, export_btn]
+)
+```
+
+## Connecting Button Events
+
+Custom buttons work just like regular `gr.Button` components. You can connect them to Python functions or JavaScript functions using the `.click()` method:
+
+### Python Functions
+
+```python
+def refresh_data():
+    import random
+    return f"Refreshed: {random.randint(1000, 9999)}"
+
+refresh_btn.click(refresh_data, outputs=textbox)
+```
+
+### JavaScript Functions
+
+```python
+clear_btn.click(
+    None,
+    inputs=[],
+    outputs=textbox,
+    js="() => ''"
+)
+```
+
+### Combined Python and JavaScript
+
+You can use the same button for both Python and JavaScript logic:
+
+```python
+alert_btn.click(
+    None,
+    inputs=textbox,
+    outputs=[],
+    js="(text) => { alert('Text: ' + text); return []; }"
+)
+```
+
+## Complete Example
+
+Here's a complete example showing custom buttons with both Python and JavaScript functions:
+
+$code_textbox_custom_buttons
+
+
+## Notes
+
+- Custom buttons appear in the component's toolbar, typically in the top-right corner
+- Only the `value` of the Button is used, other attributes like `icon` are not used.
+- Buttons are rendered in the order they appear in the `buttons` list
+- Built-in buttons (like "copy", "download") can be hidden by omitting them from the list
+- Custom buttons work with component events in the same way as as regular buttons
diff --git a/guides/04_additional-features/17_caching.md b/guides/04_additional-features/17_caching.md
new file mode 100644
index 0000000..881f7f4
--- /dev/null
+++ b/guides/04_additional-features/17_caching.md
@@ -0,0 +1,151 @@
+# Caching Function Results
+
+ML inference is often expensive: image editing, video classification, or audio transcription can each take seconds, minutes, or longer. If a user submits the same inputs twice, there's no reason to re-run the model. Gradio provides two caching mechanisms: `@gr.cache` for automatic exact-match caching, and `gr.Cache()` for manual cache control inside your functions.
+
+## Automatic caching with `@gr.cache`
+
+Add `@gr.cache` to any function to automatically cache its results. The decorator hashes inputs by their content — two different numpy arrays with the same pixel values will produce a cache hit. Cache hits bypass the Gradio queue entirely.
+
+```python
+import gradio as gr
+
+@gr.cache
+def classify(image):
+    return model.predict(image)
+```
+
+### Generators
+
+For generator functions, `@gr.cache` caches **all yielded values** and replays them on a hit. This is particularly important for streaming media (`gr.Audio` or `gr.Video` with `streaming=True`) where each yield is a chunk of the output:
+
+```python
+@gr.cache
+def stream_response(prompt):
+    response = ""
+    for token in model.generate(prompt):
+        response += token
+        yield response
+```
+
+### Async
+
+Async functions and async generators work identically:
+
+```python
+@gr.cache
+async def transcribe(audio):
+    return await model.transcribe(audio)
+```
+
+### Parameters
+
+The behavior of `@gr.cache()` can be customized with a few parameters, most notably the `key`:
+
+```python
+@gr.cache(
+    key=lambda kw: kw["prompt"],  # only cache based on prompt, ignore temperature
+    max_size=256,                  # max entries (LRU eviction), default 128
+    max_memory="512mb",            # max memory before eviction
+    per_session=True,              # isolate cache per user session
+)
+def generate(prompt, temperature=0.7):
+    return llm(prompt, temperature=temperature)
+```
+
+- **`key`** — function that takes the kwargs dict and returns what to hash. Useful for ignoring parameters like temperature or seed.
+- **`max_size`** — maximum number of entries. LRU eviction when full. Default 128. Set to 0 for unlimited.
+- **`max_memory`** — maximum memory usage. Accepts strings like `"512mb"`, `"2gb"` or raw bytes. LRU eviction when exceeded.
+- **`per_session`** — when `True`, each user session gets an isolated cache namespace. Prevents one user's cached results from being served to another, clears that session's entries when the client disconnects, and still applies `max_size` and `max_memory` to the shared cache store across all sessions.
+
+
+Access the cache programmatically via `fn.cache`:
+
+```python
+generate.cache.clear()
+print(len(generate.cache))
+```
+
+When a queued event is served from `@gr.cache`, Gradio shows a small `from cache` timing badge in the UI which appears temporarily in the relevant output components.
+
+### Caching intermediate helper calls
+
+You can also apply `gr.cache()` to a callable at runtime to cache an intermediate step inside a larger Gradio callback:
+
+```python
+def embed(text):
+    return embedding_model(text)
+
+def predict(text):
+    embedding = gr.cache(embed, per_session=True)(text)
+    return rerank(embedding)
+```
+
+This is especially useful when only part of your function is deterministic or reusable. Runtime `gr.cache(fn)(...)` uses the same cache store for repeated calls to that helper and shows the same `used cache` badge as `gr.Cache()` (see below) when a hit is reused during a request.
+
+`gr.cache()` must wrap a callable. If you accidentally write `gr.cache(fn(...))`, Gradio raises an error and tells you to use `gr.cache(fn)(...)` instead.
+
+## Manual cache control with `gr.Cache()`
+
+For full control over what gets cached and when, use `gr.Cache()` as an injectable parameter (like `gr.Progress`). Gradio injects the same instance on every call, giving you a thread-safe `get`/`set` interface:
+
+```python
+def my_function(prompt, c=gr.Cache()):
+    hit = c.get(prompt)
+    if hit is not None:
+        return hit["result"]
+    result = expensive_computation(prompt)
+    c.set(prompt, result=result)
+    return result
+```
+
+If a queued function gets a successful hit from `c.get(...)`, Gradio also shows a timing badge in the UI. This badge says `used cache` instead of `from cache`, because the request still ran, but part of its work was reused from `gr.Cache()`.
+
+A minimal example is available in the [`gr.Cache()` manual cache demo](https://github.com/gradio-app/gradio/blob/main/demo/cache_manual_demo/run.py).
+
+### Why use `gr.Cache()` over a plain dict?
+
+- **Thread-safe** — built-in locking for concurrent requests
+- **LRU eviction** + **memory limits** — bounded memory usage (`max_size`, `max_memory`)
+- **Per-session isolation** — `gr.Cache(per_session=True)` partitions the cache by user session, prevents data leakage between users, clears that session's entries when the client disconnects, and still applies `max_size` and `max_memory` across the combined cache entries of all sessions
+- **Content-aware keys** — numpy arrays, PIL images, DataFrames all work as cache keys
+
+### KV Cache Example
+
+You can cache arbitrary intermediate state, not just function outputs. Here's how to cache transformer KV states for prefix reuse:
+
+```python
+def generate(prompt, c=gr.Cache(per_session=True)):
+    best_key = None
+    best_len = 0
+    for cached_key in c.keys():
+        if prompt.startswith(cached_key) and len(cached_key) > best_len:
+            best_key = cached_key
+            best_len = len(cached_key)
+
+    if best_key:
+        past_kv = c.get(best_key)["kv"]
+        output = model.generate(prompt, past_key_values=past_kv)
+    else:
+        output = model.generate(prompt)
+
+    c.set(prompt, kv=model.past_key_values)
+    return output.text
+```
+
+For a full runnable version, see the [`gr.Cache()` KV cache demo](https://github.com/gradio-app/gradio/blob/main/demo/cache_kv_demo/run.py).
+
+
+## When to use caching
+
+`@gr.cache` is most useful for **deterministic** functions where the same input always produces the same output: image classification, audio transcription, embedding computation, structured data extraction.
+
+It is less useful for **non-deterministic** functions like text generation or image generation, where users might want different outputs even for the same input. For those, `gr.Cache()` with manual control may be more appropriate as you can cache intermediate state (like KV caches) without caching the output completely.
+
+
+## Next steps
+
+Take a look at these complete examples and then build your own Gradio app with caching!
+
+- [`@gr.cache()` function types demo](https://github.com/gradio-app/gradio/blob/main/demo/cache_demo/run.py) - sync, async, generator, and async generator caching
+- [`gr.Cache()` manual cache demo](https://github.com/gradio-app/gradio/blob/main/demo/cache_manual_demo/run.py) - normalized manual cache keys with explicit `get` / `set`
+- [`gr.Cache()` KV cache demo](https://github.com/gradio-app/gradio/blob/main/demo/cache_kv_demo/run.py) - transformer prefix reuse with cached KV state
diff --git a/guides/04_additional-features/18_workflows.md b/guides/04_additional-features/18_workflows.md
new file mode 100644
index 0000000..91bf677
--- /dev/null
+++ b/guides/04_additional-features/18_workflows.md
@@ -0,0 +1,178 @@
+# gr.Workflow
+
+`gr.Workflow` is a visual, node-based AI pipeline builder built into Gradio. It lets you chain together Hugging Face Spaces, models, datasets, and your own Python functions on a drag-and-drop canvas:
+
+<img width="1901" alt="image" src="https://github.com/user-attachments/assets/a77bf9a8-c264-4037-80e1-2b37c5e529d4" />
+
+
+## Quickstart
+
+The simplest possible Workflow app:
+
+```python
+import gradio as gr
+
+gr.Workflow().launch()
+```
+
+Open the app, drag Spaces and models from the sidebar onto the canvas, connect their ports, and hit **Run**. As you create nodes and edges, a `workflow.json` file will automatically be created in your working directory. You can also use a coding agent to write or edit this file, allowing you to create workflows programmatically.
+
+## Binding Python functions
+
+Pass your own Python functions via `bind=` and they appear as callable nodes on the canvas. Gradio inspects the function signature to auto-generate input/output ports.
+
+```python
+import gradio as gr
+
+def summarize(text: str) -> str:
+    return text[:200]
+
+gr.Workflow(bind=[summarize]).launch()
+```
+
+Use a dict to give nodes explicit names:
+
+```python
+gr.Workflow(bind={"My Summarizer": summarize}).launch()
+```
+
+## Defining edges in code
+
+For pipelines you want to ship with a fixed topology, declare edges programmatically:
+
+```python
+import gradio as gr
+
+def clean(text: str) -> str:
+    return text.strip().lower()
+
+def tag(text: str) -> str:
+    return f"[processed] {text}"
+
+gr.Workflow(
+    bind=[clean, tag],
+    edges=[("clean", "tag")],
+).launch()
+```
+
+Each edge is a `(from_fn, to_fn)` tuple. Use `"fn_name.port_label"` to target a specific port when a node has multiple inputs or outputs.
+
+> **Note:** `edges=` is only applied when no workflow file exists yet. If `workflow.json` already exists, `edges=` is ignored — delete the file to regenerate the topology from `bind` and `edges`.
+
+## Loading from a JSON file
+
+Pass a `graph=` path to load a saved workflow topology. The canvas reads from the file on each page load and autosaves back to it when you make edits.
+
+```python
+gr.Workflow(graph="workflow.json").launch()
+```
+
+If the file doesn't exist yet, it's created on first save. Combine `graph=` with `bind=` to pre-wire Space nodes alongside your Python functions.
+
+## Workflow JSON format
+
+A workflow is a JSON file with three node collections:
+
+```json
+{
+  "schema_version": "2",
+  "name": "My Pipeline",
+  "references": [
+    {
+      "id": "ref_image", "label": "Input Photo", "role": "reference",
+      "asset_type": "image",
+      "inputs":  [{"id": "in", "label": "Image", "type": "image"}],
+      "outputs": [{"id": "out","label": "Image", "type": "image"}],
+      "x": 80, "y": 120, "width": 220, "height": 124, "data": {}
+    }
+  ],
+  "operators": [
+    {
+      "id": "op_flux", "label": "FLUX.1", "role": "operator",
+      "kind": "space",
+      "space_id": "black-forest-labs/FLUX.1-schnell",
+      "endpoint": "/infer",
+      "inputs":  [{"id": "in_0", "label": "Prompt", "type": "text", "required": true}],
+      "outputs": [{"id": "out_0","label": "Result","type": "image","output_index": 0}],
+      "x": 400, "y": 120, "width": 220, "height": 124, "data": {}
+    }
+  ],
+  "subjects": [
+    {
+      "id": "sub_img", "label": "Output Image", "role": "subject",
+      "asset_type": "image",
+      "inputs":  [{"id": "in", "label": "Image", "type": "image"}],
+      "outputs": [{"id": "out","label": "Image","type": "image"}],
+      "x": 700, "y": 120, "width": 220, "height": 107, "data": {}
+    }
+  ],
+  "edges": [
+    {
+      "id": "e1",
+      "from_node_id": "ref_image", "from_port_id": "out",
+      "to_node_id":   "op_flux",   "to_port_id":   "in_0",
+      "type": "image"
+    }
+  ]
+}
+```
+
+| Collection | Role |
+|---|---|
+| `references` | Inputs — uploaded files, editable text, literal values |
+| `operators` | Processing steps — Spaces, models, datasets, Python functions |
+| `subjects` | Outputs — the results being created |
+
+### Operator kinds
+
+| `kind` | What it calls |
+|---|---|
+| `"space"` | Any Gradio Space on the Hub via `gradio_client` |
+| `"model"` | HF Inference API — set `pipeline_tag` to select the task |
+| `"dataset"` | Streams rows from any Hub dataset |
+| `"fn"` | A Python function passed via `bind=` |
+
+## Port types
+
+Ports are typed so the canvas can validate connections. Supported types:
+
+`image` · `audio` · `video` · `text` · `number` · `boolean` · `gallery` · `file` · `json` · `model3d`
+
+## Fan-out pipelines
+
+One reference can feed multiple operators simultaneously — they run in parallel:
+
+```python
+# workflow.json excerpt — one product photo → 4 FLUX Kontext branches
+"edges": [
+  {"from_node_id": "ref_product", ..., "to_node_id": "op_kontext_0", ...},
+  {"from_node_id": "ref_product", ..., "to_node_id": "op_kontext_1", ...},
+  {"from_node_id": "ref_product", ..., "to_node_id": "op_kontext_2", ...},
+  {"from_node_id": "ref_product", ..., "to_node_id": "op_kontext_3", ...}
+]
+```
+
+## Deploying to Spaces
+
+A Workflow app is a standard Gradio app — deploy it to Hugging Face Spaces exactly like any other, by uploading the code to a Space, or by simply running in your terminal:
+
+```
+gradio deploy
+```
+
+On a Space, the canvas authenticates visitors via OAuth. The Space owner gets write access (can edit and save the workflow); visitors get a read-only view and can run the pipeline with their own HF token. As a result, you should set `hf_oauth: true` [in your Space](https://huggingface.co/docs/hub/en/spaces-oauth). 
+
+## API access
+
+Every Workflow app is a Gradio app, meaning that it exposes a Gradio REST API endpoint for each output (subject) node. The endpoint name is derived from the subject's label — for example, a subject labelled "Output Image" becomes `/output_image`. Use `client.view_api()` to see the exact names for your workflow:
+
+```python
+from gradio_client import Client
+
+client = Client("your-username/my-workflow")
+client.view_api()  # lists available endpoints and their parameters
+
+result = client.predict("a sunset over mountains", api_name="/output_image")
+```
+
+This also means that you can reuse your workflows within larger workflows, making it possible to build modular and complex applications with Gradio Workflows!
diff --git a/guides/05_chatbots/01_creating-a-chatbot-fast.md b/guides/05_chatbots/01_creating-a-chatbot-fast.md
new file mode 100644
index 0000000..39b5f91
--- /dev/null
+++ b/guides/05_chatbots/01_creating-a-chatbot-fast.md
@@ -0,0 +1,414 @@
+# How to Create a Chatbot with Gradio
+
+Tags: LLM, CHATBOT, NLP
+
+## Introduction
+
+Chatbots are a popular application of large language models (LLMs). Using Gradio, you can easily build a chat application and share that with your users, or try it yourself using an intuitive UI.
+
+This tutorial uses `gr.ChatInterface()`, which is a high-level abstraction that allows you to create your chatbot UI fast, often with a _few lines of Python_. It can be easily adapted to support multimodal chatbots, or chatbots that require further customization.
+
+**Prerequisites**: please make sure you are using the latest version of Gradio:
+
+```bash
+$ pip install --upgrade gradio
+```
+
+## Note for OpenAI-API compatible endpoints
+
+If you have a chat server serving an OpenAI-API compatible endpoint (such as Ollama), you can spin up a ChatInterface in a single line of Python. First, also run `pip install openai`. Then, with your own URL, model, and optional token:
+
+```python
+import gradio as gr
+
+gr.load_chat("http://localhost:11434/v1/", model="llama3.2", token="***").launch()
+```
+
+Read about `gr.load_chat` in [the docs](https://www.gradio.app/docs/gradio/load_chat). If you have your own model, keep reading to see how to create an application around any chat model in Python!
+
+## Defining a chat function
+
+To create a chat application with `gr.ChatInterface()`, the first thing you should do is define your **chat function**. In the simplest case, your chat function should accept two arguments: `message` and `history` (the arguments can be named anything, but must be in this order).
+
+- `message`: a `str` representing the user's most recent message.
+- `history`: a list of openai-style dictionaries with `role` and `content` keys, representing the previous conversation history. May also include additional keys representing message metadata.
+
+The `history` would look like this:
+
+```python
+[
+    {"role": "user", "content": [{"type": "text", "text": "What is the capital of France?"}]},
+    {"role": "assistant", "content": [{"type": "text", "text": "Paris"}]}
+]
+```
+
+while the next `message` would be:
+
+```py
+"And what is its largest city?"
+```
+
+Your chat function simply needs to return: 
+
+* a `str` value, which is the chatbot's response based on the chat `history` and most recent `message`, for example, in this case:
+
+```
+Paris is also the largest city.
+```
+
+Let's take a look at a few example chat functions:
+
+**Example: a chatbot that randomly responds with yes or no**
+
+Let's write a chat function that responds `Yes` or `No` randomly.
+
+Here's our chat function:
+
+```python
+import random
+
+def random_response(message, history):
+    return random.choice(["Yes", "No"])
+```
+
+Now, we can plug this into `gr.ChatInterface()` and call the `.launch()` method to create the web interface:
+
+```python
+import gradio as gr
+
+gr.ChatInterface(
+    fn=random_response, 
+).launch()
+```
+
+That's it! Here's our running demo, try it out:
+
+$demo_chatinterface_random_response
+
+**Example: a chatbot that alternates between agreeing and disagreeing**
+
+Of course, the previous example was very simplistic, it didn't take user input or the previous history into account! Here's another simple example showing how to incorporate a user's input as well as the history.
+
+```python
+import gradio as gr
+
+def alternatingly_agree(message, history):
+    if len([h for h in history if h['role'] == "assistant"]) % 2 == 0:
+        return f"Yes, I do think that: {message}"
+    else:
+        return "I don't think so"
+
+gr.ChatInterface(
+    fn=alternatingly_agree, 
+).launch()
+```
+
+We'll look at more realistic examples of chat functions in our next Guide, which shows [examples of using `gr.ChatInterface` with popular LLMs](../guides/chatinterface-examples). 
+
+## Streaming chatbots
+
+In your chat function, you can use `yield` to generate a sequence of partial responses, each replacing the previous ones. This way, you'll end up with a streaming chatbot. It's that simple!
+
+```python
+import time
+import gradio as gr
+
+def slow_echo(message, history):
+    for i in range(len(message)):
+        time.sleep(0.3)
+        yield "You typed: " + message[: i+1]
+
+gr.ChatInterface(
+    fn=slow_echo, 
+).launch()
+```
+
+While the response is streaming, the "Submit" button turns into a "Stop" button that can be used to stop the generator function.
+
+Tip: Even though you are yielding the latest message at each iteration, Gradio only sends the "diff" of each message from the server to the frontend, which reduces latency and data consumption over your network.
+
+## Customizing the Chat UI
+
+If you're familiar with Gradio's `gr.Interface` class, the `gr.ChatInterface` includes many of the same arguments that you can use to customize the look and feel of your Chatbot. For example, you can:
+
+- add a title and description above your chatbot using `title` and `description` arguments.
+- add a theme or custom css using `theme` and `css` arguments respectively in the `launch()` method.
+- add `examples` and even enable `cache_examples`, which make your Chatbot easier for users to try it out.
+- customize the chatbot (e.g. to change the height or add a placeholder) or textbox (e.g. to add a max number of characters or add a placeholder).
+
+**Adding examples**
+
+You can add preset examples to your `gr.ChatInterface` with the `examples` parameter, which takes a list of string examples. Any examples will appear as "buttons" within the Chatbot before any messages are sent. If you'd like to include images or other files as part of your examples, you can do so by using this dictionary format for each example instead of a string: `{"text": "What's in this image?", "files": ["cheetah.jpg"]}`. Each file will be a separate message that is added to your Chatbot history.
+
+You can change the displayed text for each example by using the `example_labels` argument. You can add icons to each example as well using the `example_icons` argument. Both of these arguments take a list of strings, which should be the same length as the `examples` list.
+
+If you'd like to cache the examples so that they are pre-computed and the results appear instantly, set `cache_examples=True`.
+
+**Customizing the chatbot or textbox component**
+
+If you want to customize the `gr.Chatbot` or `gr.Textbox` that compose the `ChatInterface`, then you can pass in your own chatbot or textbox components. Here's an example of how we to apply the parameters we've discussed in this section:
+
+```python
+import gradio as gr
+
+def yes_man(message, history):
+    if message.endswith("?"):
+        return "Yes"
+    else:
+        return "Ask me anything!"
+
+gr.ChatInterface(
+    yes_man,
+    chatbot=gr.Chatbot(height=300),
+    textbox=gr.Textbox(placeholder="Ask me a yes or no question", container=False, scale=7),
+    title="Yes Man",
+    description="Ask Yes Man any question",
+    examples=["Hello", "Am I cool?", "Are tomatoes vegetables?"],
+    cache_examples=True,
+).launch(theme="ocean")
+```
+
+Here's another example that adds a "placeholder" for your chat interface, which appears before the user has started chatting. The `placeholder` argument of `gr.Chatbot` accepts Markdown or HTML:
+
+```python
+gr.ChatInterface(
+    yes_man,
+    chatbot=gr.Chatbot(placeholder="<strong>Your Personal Yes-Man</strong><br>Ask Me Anything"),
+...
+```
+
+The placeholder appears vertically and horizontally centered in the chatbot.
+
+## Multimodal Chat Interface
+
+You may want to add multimodal capabilities to your chat interface. For example, you may want users to be able to upload images or files to your chatbot and ask questions about them. You can make your chatbot "multimodal" by passing in a single parameter (`multimodal=True`) to the `gr.ChatInterface` class.
+
+When `multimodal=True`, the signature of your chat function changes slightly: the first parameter of your function (what we referred to as `message` above) should accept a dictionary consisting of the submitted text and uploaded files that looks like this: 
+
+```py
+{
+    "text": "user input", 
+    "files": [
+        "updated_file_1_path.ext",
+        "updated_file_2_path.ext", 
+        ...
+    ]
+}
+```
+
+This second parameter of your chat function, `history`, will be in the same openai-style dictionary format as before. However, if the history contains uploaded files, the `content` key will be a dictionary with a "type" key whose value is "file" and the file will be represented as a dictionary. All the files will be grouped in message in the history. So after uploading two files and asking a question, your history might look like this:
+
+```python
+[
+    {"role": "user", "content": [{"type": "file", "file": {"path": "cat1.png"}},
+                                 {"type": "file", "file": {"path": "cat1.png"}},
+                                 {"type": "text", "text": "What's the difference between these two images?"}]}
+]
+```
+
+The return type of your chat function does *not change* when setting `multimodal=True` (i.e. in the simplest case, you should still return a string value). We discuss more complex cases, e.g. returning files [below](#returning-complex-responses).
+
+If you are customizing a multimodal chat interface, you should pass in an instance of `gr.MultimodalTextbox` to the `textbox` parameter. You can customize the `MultimodalTextbox` further by passing in the `sources` parameter, which is a list of sources to enable. Here's an example that illustrates how to set up and customize and multimodal chat interface:
+ 
+
+```python
+import gradio as gr
+
+def count_images(message, history):
+    num_images = len(message["files"])
+    total_images = 0
+    for message in history:
+        for content in message["content"]:
+            if content["type"] == "file":
+                total_images += 1
+    return f"You just uploaded {num_images} images, total uploaded: {total_images+num_images}"
+
+demo = gr.ChatInterface(
+    fn=count_images, 
+    examples=[
+        {"text": "No files", "files": []}
+    ], 
+    multimodal=True,
+    textbox=gr.MultimodalTextbox(file_count="multiple", file_types=["image"], sources=["upload", "microphone"])
+)
+
+demo.launch()
+```
+
+## Additional Inputs
+
+You may want to add additional inputs to your chat function and expose them to your users through the chat UI. For example, you could add a textbox for a system prompt, or a slider that sets the number of tokens in the chatbot's response. The `gr.ChatInterface` class supports an `additional_inputs` parameter which can be used to add additional input components.
+
+The `additional_inputs` parameters accepts a component or a list of components. You can pass the component instances directly, or use their string shortcuts (e.g. `"textbox"` instead of `gr.Textbox()`). If you pass in component instances, and they have _not_ already been rendered, then the components will appear underneath the chatbot within a `gr.Accordion()`. 
+
+Here's a complete example:
+
+$code_chatinterface_system_prompt
+
+If the components you pass into the `additional_inputs` have already been rendered in a parent `gr.Blocks()`, then they will _not_ be re-rendered in the accordion. This provides flexibility in deciding where to lay out the input components. In the example below, we position the `gr.Textbox()` on top of the Chatbot UI, while keeping the slider underneath.
+
+```python
+import gradio as gr
+import time
+
+def echo(message, history, system_prompt, tokens):
+    response = f"System prompt: {system_prompt}\n Message: {message}."
+    for i in range(min(len(response), int(tokens))):
+        time.sleep(0.05)
+        yield response[: i+1]
+
+with gr.Blocks() as demo:
+    system_prompt = gr.Textbox("You are helpful AI.", label="System Prompt")
+    slider = gr.Slider(10, 100, render=False)
+
+    gr.ChatInterface(
+        echo, additional_inputs=[system_prompt, slider],
+    )
+
+demo.launch()
+```
+
+**Examples with additional inputs**
+
+You can also add example values for your additional inputs. Pass in a list of lists to the `examples` parameter, where each inner list represents one sample, and each inner list should be `1 + len(additional_inputs)` long. The first element in the inner list should be the example value for the chat message, and each subsequent element should be an example value for one of the additional inputs, in order. When additional inputs are provided, examples are rendered in a table underneath the chat interface.
+
+If you need to create something even more custom, then its best to construct the chatbot UI using the low-level `gr.Blocks()` API. We have [a dedicated guide for that here](/guides/creating-a-custom-chatbot-with-blocks).
+
+## Additional Outputs
+
+In the same way that you can accept additional inputs into your chat function, you can also return additional outputs. Simply pass in a list of components to the `additional_outputs` parameter in `gr.ChatInterface` and return additional values for each component from your chat function. Here's an example that extracts code and outputs it into a separate `gr.Code` component:
+
+$code_chatinterface_artifacts
+
+**Note:** unlike the case of additional inputs, the components passed in `additional_outputs` must be already defined in your `gr.Blocks` context -- they are not rendered automatically. If you need to render them after your `gr.ChatInterface`, you can set `render=False` when they are first defined and then `.render()` them in the appropriate section of your `gr.Blocks()` as we do in the example above.
+
+## Returning Complex Responses
+
+We mentioned earlier that in the simplest case, your chat function should return a `str` response, which will be rendered as Markdown in the chatbot. However, you can also return more complex responses as we discuss below:
+
+
+**Returning files or Gradio components**
+
+Currently, the following Gradio components can be displayed inside the chat interface:
+* `gr.Image`
+* `gr.Plot`
+* `gr.Audio`
+* `gr.HTML`
+* `gr.Video`
+* `gr.Gallery`
+* `gr.File`
+
+Simply return one of these components from your function to use it with `gr.ChatInterface`. Here's an example that returns an audio file:
+
+```py
+import gradio as gr
+
+def music(message, history):
+    if message.strip():
+        return gr.Audio("https://github.com/gradio-app/gradio/raw/main/test/test_files/audio_sample.wav")
+    else:
+        return "Please provide the name of an artist"
+
+gr.ChatInterface(
+    music,
+    textbox=gr.Textbox(placeholder="Which artist's music do you want to listen to?", scale=7),
+).launch()
+```
+
+Similarly, you could return image files with `gr.Image`, video files with `gr.Video`, or arbitrary files with the `gr.File` component.
+
+**Returning Multiple Messages**
+
+You can return multiple assistant messages from your chat function simply by returning a `list` of messages, each of which is a valid chat type. This lets you, for example, send a message along with files, as in the following example:
+
+$code_chatinterface_echo_multimodal
+
+
+**Displaying intermediate thoughts or tool usage**
+
+The `gr.ChatInterface` class supports displaying intermediate thoughts or tool usage direct in the chatbot.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/nested-thought.png)
+
+ To do this, you will need to return a `gr.ChatMessage` object from your chat function. Here is the schema of the `gr.ChatMessage` data class as well as two internal typed dictionaries:
+ 
+ ```py
+MessageContent = Union[str, FileDataDict, FileData, Component]
+
+@dataclass
+class ChatMessage:
+    content: MessageContent | list[MessageContent]
+    metadata: MetadataDict = None
+    options: list[OptionDict] = None
+
+class MetadataDict(TypedDict):
+    title: NotRequired[str]
+    id: NotRequired[int | str]
+    parent_id: NotRequired[int | str]
+    log: NotRequired[str]
+    duration: NotRequired[float]
+    status: NotRequired[Literal["pending", "done"]]
+
+class OptionDict(TypedDict):
+    label: NotRequired[str]
+    value: str
+ ```
+ 
+As you can see, the `gr.ChatMessage` dataclass is similar to the openai-style message format, e.g. it has a "content" key that refers to the chat message content. But it also includes a "metadata" key whose value is a dictionary. If this dictionary includes a "title" key, the resulting message is displayed as an intermediate thought with the title being displayed on top of the thought. Here's an example showing the usage:
+
+$code_chatinterface_thoughts
+
+You can even show nested thoughts, which is useful for agent demos in which one tool may call other tools. To display nested thoughts, include "id" and "parent_id" keys in the "metadata" dictionary. Read our [dedicated guide on displaying intermediate thoughts and tool usage](/guides/agents-and-tool-usage) for more realistic examples.
+
+**Providing preset responses**
+
+When returning an assistant message, you may want to provide preset options that a user can choose in response. To do this, again, you will again return a `gr.ChatMessage` instance from your chat function. This time, make sure to set the `options` key specifying the preset responses.
+
+As shown in the schema for `gr.ChatMessage` above, the value corresponding to the `options` key should be a list of dictionaries, each with a `value` (a string that is the value that should be sent to the chat function when this response is clicked) and an optional `label` (if provided, is the text displayed as the preset response instead of the `value`). 
+
+This example illustrates how to use preset responses:
+
+$code_chatinterface_options
+
+## Modifying the Chatbot Value Directly
+
+You may wish to modify the value of the chatbot with your own events, other than those prebuilt in the `gr.ChatInterface`. For example, you could create a dropdown that prefills the chat history with certain conversations or add a separate button to clear the conversation history. The `gr.ChatInterface` supports these events, but you need to use the `gr.ChatInterface.chatbot_value` as the input or output component in such events. In this example, we use a `gr.Radio` component to prefill the the chatbot with certain conversations:
+
+$code_chatinterface_prefill
+
+## Using Your Chatbot via API
+
+Once you've built your Gradio chat interface and are hosting it on [Hugging Face Spaces](https://hf.space) or somewhere else, then you can query it with a simple API. The API route will be the name of the function you pass to the ChatInterface. So if `gr.ChatInterface(respond)`, then the API route is `/respond`. The endpoint just expects the user's message and will return the response, internally keeping track of the message history.
+
+![](https://github.com/gradio-app/gradio/assets/1778297/7b10d6db-6476-4e2e-bebd-ecda802c3b8f)
+
+To use the endpoint, you should use either the [Gradio Python Client](/guides/getting-started-with-the-python-client) or the [Gradio JS client](/guides/getting-started-with-the-js-client). Or, you can deploy your Chat Interface to other platforms, such as a:
+
+* Slack bot [[tutorial]](../guides/creating-a-slack-bot-from-a-gradio-app)
+* Website widget [[tutorial]](../guides/creating-a-website-widget-from-a-gradio-chatbot)
+
+## Chat History
+
+You can enable persistent chat history for your ChatInterface, allowing users to maintain multiple conversations and easily switch between them. When enabled, conversations are stored locally and privately in the user's browser using local storage. So if you deploy a ChatInterface e.g. on [Hugging Face Spaces](https://hf.space), each user will have their own separate chat history that won't interfere with other users' conversations. This means multiple users can interact with the same ChatInterface simultaneously while maintaining their own private conversation histories.
+
+To enable this feature, simply set `gr.ChatInterface(save_history=True)` (as shown in the example in the next section). Users will then see their previous conversations in a side panel and can continue any previous chat or start a new one.
+
+## Collecting User Feedback
+
+To gather feedback on your chat model, set `gr.ChatInterface(flagging_mode="manual")` and users will be able to thumbs-up or thumbs-down assistant responses. Each flagged response, along with the entire chat history, will get saved in a CSV file in the app working directory (this can be configured via the `flagging_dir` parameter). 
+
+You can also change the feedback options via `flagging_options` parameter. The default options are "Like" and "Dislike", which appear as the thumbs-up and thumbs-down icons. Any other options appear under a dedicated flag icon. This example shows a ChatInterface that has both chat history (mentioned in the previous section) and user feedback enabled:
+
+$code_chatinterface_streaming_echo
+
+Note that in this example, we set several flagging options: "Like", "Spam", "Inappropriate", "Other". Because the case-sensitive string "Like" is one of the flagging options, the user will see a thumbs-up icon next to each assistant message. The three other flagging options will appear in a dropdown under the flag icon.
+
+## What's Next?
+
+Now that you've learned about the `gr.ChatInterface` class and how it can be used to create chatbot UIs quickly, we recommend reading one of the following:
+
+* [Our next Guide](../guides/chatinterface-examples) shows examples of how to use `gr.ChatInterface` with popular LLM libraries.
+* If you'd like to build very custom chat applications from scratch, you can build them using the low-level Blocks API, as [discussed in this Guide](../guides/creating-a-custom-chatbot-with-blocks).
+* Once you've deployed your Gradio Chat Interface, its easy to use in other applications because of the built-in API. Here's a tutorial on [how to deploy a Gradio chat interface as a Discord bot](../guides/creating-a-discord-bot-from-a-gradio-app).
+
+
diff --git a/guides/05_chatbots/02_chatinterface-examples.md b/guides/05_chatbots/02_chatinterface-examples.md
new file mode 100644
index 0000000..37786d0
--- /dev/null
+++ b/guides/05_chatbots/02_chatinterface-examples.md
@@ -0,0 +1,76 @@
+# Using Popular LLM libraries and APIs
+
+Tags: LLM, CHATBOT, API
+
+In this Guide, we go through several examples of how to use `gr.ChatInterface` with popular LLM libraries and API providers.
+
+We will cover the following libraries and API providers:
+
+* [Llama Index](#llama-index)
+* [LangChain](#lang-chain)
+* [OpenAI](#open-ai)
+* [Hugging Face `transformers`](#hugging-face-transformers)
+* [SambaNova](#samba-nova)
+* [Hyperbolic](#hyperbolic)
+* [Anthropic's Claude](#anthropics-claude)
+* [MiniMax](#minimax)
+
+For many LLM libraries and providers, there exist community-maintained integration libraries that make it even easier to spin up Gradio apps. We reference these libraries in the appropriate sections below.
+
+## Llama Index
+
+Let's start by using `llama-index` on top of `openai` to build a RAG chatbot on any text or PDF files that you can demo and share in less than 30 lines of code. You'll need to have an OpenAI key for this example (keep reading for the free, open-source equivalent!)
+
+$code_llm_llamaindex
+
+## LangChain
+
+Here's an example using `langchain` on top of `openai` to build a general-purpose chatbot. As before, you'll need to have an OpenAI key for this example.
+
+$code_llm_langchain
+
+Tip: For quick prototyping, the community-maintained <a href='https://github.com/AK391/langchain-gradio'>langchain-gradio repo</a>  makes it even easier to build chatbots on top of LangChain.
+
+## OpenAI
+
+Of course, we could also use the `openai` library directy. Here a similar example to the LangChain , but this time with streaming as well:
+
+Tip: For quick prototyping, the  <a href='https://github.com/gradio-app/openai-gradio'>openai-gradio library</a> makes it even easier to build chatbots on top of OpenAI models.
+
+
+## Hugging Face `transformers`
+
+Of course, in many cases you want to run a chatbot locally. Here's the equivalent example using the SmolLM2-135M-Instruct model using the Hugging Face `transformers` library.
+
+$code_llm_hf_transformers
+
+## SambaNova
+
+The SambaNova Cloud API provides access to full-precision open-source models, such as the Llama family. Here's an example of how to build a Gradio app around the SambaNova API
+
+$code_llm_sambanova
+
+Tip: For quick prototyping, the  <a href='https://github.com/gradio-app/sambanova-gradio'>sambanova-gradio library</a> makes it even easier to build chatbots on top of SambaNova models.
+
+## Hyperbolic
+
+The Hyperbolic AI API provides access to many open-source models, such as the Llama family. Here's an example of how to build a Gradio app around the Hyperbolic
+
+$code_llm_hyperbolic
+
+Tip: For quick prototyping, the  <a href='https://github.com/HyperbolicLabs/hyperbolic-gradio'>hyperbolic-gradio library</a> makes it even easier to build chatbots on top of Hyperbolic models.
+
+
+## Anthropic's Claude 
+
+Anthropic's Claude model can also be used via API. Here's a simple 20 questions-style game built on top of the Anthropic API:
+
+$code_llm_claude
+
+
+## MiniMax
+
+The MiniMax API exposes the M-series models through an OpenAI-compatible endpoint, so the standard `openai` client works out of the box. Here's an example of how to build a Gradio app around MiniMax:
+
+$code_llm_minimax
+
diff --git a/guides/05_chatbots/03_agents-and-tool-usage.md b/guides/05_chatbots/03_agents-and-tool-usage.md
new file mode 100644
index 0000000..b6fe983
--- /dev/null
+++ b/guides/05_chatbots/03_agents-and-tool-usage.md
@@ -0,0 +1,513 @@
+# Building a UI for an LLM Agent
+
+Tags: LLM, AGENTS, CHAT
+
+The Gradio Chatbot can natively display intermediate thoughts and tool usage in a collapsible accordion next to a chat message. This makes it perfect for creating UIs for LLM agents and chain-of-thought (CoT) or reasoning demos. This guide will show you how to display thoughts and tool usage with `gr.Chatbot` and `gr.ChatInterface`.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/nested-thoughts.png)
+
+## The `ChatMessage` dataclass
+
+Every element of the chatbot value is a dictionary of `role` and `content` keys. You can always use plain python dictionaries to add new values to the chatbot but Gradio also provides the `ChatMessage` dataclass to help you with IDE autocompletion. The schema of `ChatMessage` is as follows:
+
+ ```py
+MessageContent = Union[str, FileDataDict, FileData, Component]
+
+@dataclass
+class ChatMessage:
+    content: MessageContent | [MessageContent]
+    role: Literal["user", "assistant"]
+    metadata: MetadataDict = None
+    options: list[OptionDict] = None
+
+class MetadataDict(TypedDict):
+    title: NotRequired[str]
+    id: NotRequired[int | str]
+    parent_id: NotRequired[int | str]
+    log: NotRequired[str]
+    duration: NotRequired[float]
+    status: NotRequired[Literal["pending", "done"]]
+
+class OptionDict(TypedDict):
+    label: NotRequired[str]
+    value: str
+ ```
+
+
+For our purposes, the most important key is the `metadata` key, which accepts a dictionary. If this dictionary includes a `title` for the message, it will be displayed in a collapsible accordion representing a thought. It's that simple! Take a look at this example:
+
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(
+        value=[
+            gr.ChatMessage(
+                role="user", 
+                content="What is the weather in San Francisco?"
+            ),
+            gr.ChatMessage(
+                role="assistant", 
+                content="I need to use the weather API tool?",
+                metadata={"title":  "🧠 Thinking"}
+            )
+        ]
+    )
+
+demo.launch()
+```
+
+
+
+In addition to `title`, the dictionary provided to `metadata` can take several optional keys:
+
+* `log`: an optional string value to be displayed in a subdued font next to the thought title.
+* `duration`: an optional numeric value representing the duration of the thought/tool usage, in seconds. Displayed in a subdued font next inside parentheses next to the thought title.
+* `status`: if set to `"pending"`, a spinner appears next to the thought title and the accordion is initialized open.  If `status` is `"done"`, the thought accordion is initialized closed. If `status` is not provided, the thought accordion is initialized open and no spinner is displayed.
+* `id` and `parent_id`: if these are provided, they can be used to nest thoughts inside other thoughts.
+
+Below, we show several complete examples of using `gr.Chatbot` and `gr.ChatInterface` to display tool use or thinking UIs.
+
+## Building with Agents
+
+### A real example using transformers.agents
+
+We'll create a Gradio application simple agent that has access to a text-to-image tool.
+
+Tip: Make sure you read the [smolagents documentation](https://huggingface.co/docs/smolagents/index) first
+
+We'll start by importing the necessary classes from transformers and gradio. 
+
+```python
+import gradio as gr
+from gradio import ChatMessage
+from transformers import Tool, ReactCodeAgent  # type: ignore
+from transformers.agents import stream_to_gradio, HfApiEngine  # type: ignore
+
+# Import tool from Hub
+image_generation_tool = Tool.from_space(
+    space_id="black-forest-labs/FLUX.1-schnell",
+    name="image_generator",
+    description="Generates an image following your prompt. Returns a PIL Image.",
+    api_name="/infer",
+)
+
+llm_engine = HfApiEngine("Qwen/Qwen2.5-Coder-32B-Instruct")
+# Initialize the agent with both tools and engine
+agent = ReactCodeAgent(tools=[image_generation_tool], llm_engine=llm_engine)
+```
+
+Then we'll build the UI:
+
+```python
+def interact_with_agent(prompt, history):
+    messages = []
+    yield messages
+    for msg in stream_to_gradio(agent, prompt):
+        messages.append(asdict(msg))
+        yield messages
+    yield messages
+
+
+demo = gr.ChatInterface(
+    interact_with_agent,
+    chatbot= gr.Chatbot(
+        label="Agent",
+        avatar_images=(
+            None,
+            "https://em-content.zobj.net/source/twitter/53/robot-face_1f916.png",
+        ),
+    ),
+    examples=[
+        ["Generate an image of an astronaut riding an alligator"],
+        ["I am writing a children's book for my daughter. Can you help me with some illustrations?"],
+    ],
+)
+```
+
+You can see the full demo code [here](https://huggingface.co/spaces/gradio/agent_chatbot/blob/main/app.py).
+
+
+![transformers_agent_code](https://github.com/freddyaboulton/freddyboulton/assets/41651716/c8d21336-e0e6-4878-88ea-e6fcfef3552d)
+
+
+### A real example using langchain agents
+
+We'll create a UI for langchain agent that has access to a search engine.
+
+We'll begin with imports and setting up the langchain agent. Note that you'll need an .env file with the following environment variables set - 
+
+```
+SERPAPI_API_KEY=
+HF_TOKEN=
+OPENAI_API_KEY=
+```
+
+```python
+from langchain import hub
+from langchain.agents import AgentExecutor, create_openai_tools_agent, load_tools
+from langchain_openai import ChatOpenAI
+from gradio import ChatMessage
+import gradio as gr
+
+from dotenv import load_dotenv
+
+load_dotenv()
+
+model = ChatOpenAI(temperature=0, streaming=True)
+
+tools = load_tools(["serpapi"])
+
+# Get the prompt to use - you can modify this!
+prompt = hub.pull("hwchase17/openai-tools-agent")
+agent = create_openai_tools_agent(
+    model.with_config({"tags": ["agent_llm"]}), tools, prompt
+)
+agent_executor = AgentExecutor(agent=agent, tools=tools).with_config(
+    {"run_name": "Agent"}
+)
+```
+
+Then we'll create the Gradio UI
+
+```python
+async def interact_with_langchain_agent(prompt, messages):
+    messages.append(ChatMessage(role="user", content=prompt))
+    yield messages
+    async for chunk in agent_executor.astream(
+        {"input": prompt}
+    ):
+        if "steps" in chunk:
+            for step in chunk["steps"]:
+                messages.append(ChatMessage(role="assistant", content=step.action.log,
+                                  metadata={"title": f"🛠️ Used tool {step.action.tool}"}))
+                yield messages
+        if "output" in chunk:
+            messages.append(ChatMessage(role="assistant", content=chunk["output"]))
+            yield messages
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Chat with a LangChain Agent 🦜⛓️ and see its thoughts 💭")
+    chatbot = gr.Chatbot(
+        label="Agent",
+        avatar_images=(
+            None,
+            "https://em-content.zobj.net/source/twitter/141/parrot_1f99c.png",
+        ),
+    )
+    input = gr.Textbox(lines=1, label="Chat Message")
+    input.submit(interact_with_langchain_agent, [input_2, chatbot_2], [chatbot_2])
+
+demo.launch()
+```
+
+![langchain_agent_code](https://github.com/freddyaboulton/freddyboulton/assets/41651716/762283e5-3937-47e5-89e0-79657279ea67)
+
+That's it! See our finished langchain demo [here](https://huggingface.co/spaces/gradio/langchain-agent).
+
+
+## Building with Visibly Thinking LLMs
+
+
+The Gradio Chatbot can natively display intermediate thoughts of a _thinking_ LLM. This makes it perfect for creating UIs that show how an AI model "thinks" while generating responses. Below guide will show you how to build a chatbot that displays Gemini AI's thought process in real-time.
+
+
+### A real example using Gemini 2.0 Flash Thinking API
+
+Let's create a complete chatbot that shows its thoughts and responses in real-time. We'll use Google's Gemini API for accessing Gemini 2.0 Flash Thinking LLM and Gradio for the UI.
+
+We'll begin with imports and setting up the gemini client. Note that you'll need to [acquire a Google Gemini API key](https://aistudio.google.com/apikey) first -
+
+```python
+import gradio as gr
+from gradio import ChatMessage
+from typing import Iterator
+import google.generativeai as genai
+
+genai.configure(api_key="your-gemini-api-key")
+model = genai.GenerativeModel("gemini-2.0-flash-thinking-exp-1219")
+```
+
+First, let's set up our streaming function that handles the model's output:
+
+```python
+def stream_gemini_response(user_message: str, messages: list) -> Iterator[list]:
+    """
+    Streams both thoughts and responses from the Gemini model.
+    """
+    # Initialize response from Gemini
+    response = model.generate_content(user_message, stream=True)
+    
+    # Initialize buffers
+    thought_buffer = ""
+    response_buffer = ""
+    thinking_complete = False
+    
+    # Add initial thinking message
+    messages.append(
+        ChatMessage(
+            role="assistant",
+            content="",
+            metadata={"title": "⏳Thinking: *The thoughts produced by the Gemini2.0 Flash model are experimental"}
+        )
+    )
+    
+    for chunk in response:
+        parts = chunk.candidates[0].content.parts
+        current_chunk = parts[0].text
+        
+        if len(parts) == 2 and not thinking_complete:
+            # Complete thought and start response
+            thought_buffer += current_chunk
+            messages[-1] = ChatMessage(
+                role="assistant",
+                content=thought_buffer,
+                metadata={"title": "⏳Thinking: *The thoughts produced by the Gemini2.0 Flash model are experimental"}
+            )
+            
+            # Add response message
+            messages.append(
+                ChatMessage(
+                    role="assistant",
+                    content=parts[1].text
+                )
+            )
+            thinking_complete = True
+            
+        elif thinking_complete:
+            # Continue streaming response
+            response_buffer += current_chunk
+            messages[-1] = ChatMessage(
+                role="assistant",
+                content=response_buffer
+            )
+            
+        else:
+            # Continue streaming thoughts
+            thought_buffer += current_chunk
+            messages[-1] = ChatMessage(
+                role="assistant",
+                content=thought_buffer,
+                metadata={"title": "⏳Thinking: *The thoughts produced by the Gemini2.0 Flash model are experimental"}
+            )
+        
+        yield messages
+```
+
+Then, let's create the Gradio interface:
+
+```python
+with gr.Blocks() as demo:
+    gr.Markdown("# Chat with Gemini 2.0 Flash and See its Thoughts 💭")
+    
+    chatbot = gr.Chatbot(
+        label="Gemini2.0 'Thinking' Chatbot",
+        render_markdown=True,
+    )
+    
+    input_box = gr.Textbox(
+        lines=1,
+        label="Chat Message",
+        placeholder="Type your message here and press Enter..."
+    )
+    
+    # Set up event handlers
+    msg_store = gr.State("")  # Store for preserving user message
+    
+    input_box.submit(
+        lambda msg: (msg, msg, ""),  # Store message and clear input
+        inputs=[input_box],
+        outputs=[msg_store, input_box, input_box],
+        queue=False
+    ).then(
+        user_message,  # Add user message to chat
+        inputs=[msg_store, chatbot],
+        outputs=[input_box, chatbot],
+        queue=False
+    ).then(
+        stream_gemini_response,  # Generate and stream response
+        inputs=[msg_store, chatbot],
+        outputs=chatbot
+    )
+
+demo.launch()
+```
+
+This creates a chatbot that:
+
+- Displays the model's thoughts in a collapsible section
+- Streams the thoughts and final response in real-time
+- Maintains a clean chat history
+
+ That's it! You now have a chatbot that not only responds to users but also shows its thinking process, creating a more transparent and engaging interaction. See our finished Gemini 2.0 Flash Thinking demo [here](https://huggingface.co/spaces/ysharma/Gemini2-Flash-Thinking).
+
+
+ ## Building with Citations 
+
+The Gradio Chatbot can display citations from LLM responses, making it perfect for creating UIs that show source documentation and references. This guide will show you how to build a chatbot that displays Claude's citations in real-time.
+
+### A real example using Anthropic's Citations API
+Let's create a complete chatbot that shows both responses and their supporting citations. We'll use Anthropic's Claude API with citations enabled and Gradio for the UI.
+
+We'll begin with imports and setting up the Anthropic client. Note that you'll need an `ANTHROPIC_API_KEY` environment variable set:
+
+```python
+import gradio as gr
+import anthropic
+import base64
+from typing import List, Dict, Any
+
+client = anthropic.Anthropic()
+```
+
+First, let's set up our message formatting functions that handle document preparation:
+
+```python
+def encode_pdf_to_base64(file_obj) -> str:
+    """Convert uploaded PDF file to base64 string."""
+    if file_obj is None:
+        return None
+    with open(file_obj.name, 'rb') as f:
+        return base64.b64encode(f.read()).decode('utf-8')
+
+def format_message_history(
+    history: list, 
+    enable_citations: bool,
+    doc_type: str,
+    text_input: str,
+    pdf_file: str
+) -> List[Dict]:
+    """Convert Gradio chat history to Anthropic message format."""
+    formatted_messages = []
+    
+    # Add previous messages
+    for msg in history[:-1]:
+        if msg["role"] == "user":
+            formatted_messages.append({"role": "user", "content": msg["content"]})
+    
+    # Prepare the latest message with document
+    latest_message = {"role": "user", "content": []}
+    
+    if enable_citations:
+        if doc_type == "plain_text":
+            latest_message["content"].append({
+                "type": "document",
+                "source": {
+                    "type": "text",
+                    "media_type": "text/plain",
+                    "data": text_input.strip()
+                },
+                "title": "Text Document",
+                "citations": {"enabled": True}
+            })
+        elif doc_type == "pdf" and pdf_file:
+            pdf_data = encode_pdf_to_base64(pdf_file)
+            if pdf_data:
+                latest_message["content"].append({
+                    "type": "document",
+                    "source": {
+                        "type": "base64",
+                        "media_type": "application/pdf",
+                        "data": pdf_data
+                    },
+                    "title": pdf_file.name,
+                    "citations": {"enabled": True}
+                })
+    
+    # Add the user's question
+    latest_message["content"].append({"type": "text", "text": history[-1]["content"]})
+    
+    formatted_messages.append(latest_message)
+    return formatted_messages
+```
+
+Then, let's create our bot response handler that processes citations:
+
+```python
+def bot_response(
+    history: list,
+    enable_citations: bool,
+    doc_type: str,
+    text_input: str,
+    pdf_file: str
+) -> List[Dict[str, Any]]:
+    try:
+        messages = format_message_history(history, enable_citations, doc_type, text_input, pdf_file)
+        response = client.messages.create(model="claude-3-5-sonnet-20241022", max_tokens=1024, messages=messages)
+        
+        # Initialize main response and citations
+        main_response = ""
+        citations = []
+        
+        # Process each content block
+        for block in response.content:
+            if block.type == "text":
+                main_response += block.text
+                if enable_citations and hasattr(block, 'citations') and block.citations:
+                    for citation in block.citations:
+                        if citation.cited_text not in citations:
+                            citations.append(citation.cited_text)
+        
+        # Add main response
+        history.append({"role": "assistant", "content": main_response})
+        
+        # Add citations in a collapsible section
+        if enable_citations and citations:
+            history.append({
+                "role": "assistant",
+                "content": "\n".join([f"• {cite}" for cite in citations]),
+                "metadata": {"title": "📚 Citations"}
+            })
+        
+        return history
+            
+    except Exception as e:
+        history.append({
+            "role": "assistant",
+            "content": "I apologize, but I encountered an error while processing your request."
+        })
+        return history
+```
+
+Finally, let's create the Gradio interface:
+
+```python
+with gr.Blocks() as demo:
+    gr.Markdown("# Chat with Citations")
+    
+    with gr.Row(scale=1):
+        with gr.Column(scale=4):
+            chatbot = gr.Chatbot(bubble_full_width=False, show_label=False, scale=1)
+            msg = gr.Textbox(placeholder="Enter your message here...", show_label=False, container=False)
+            
+        with gr.Column(scale=1):
+            enable_citations = gr.Checkbox(label="Enable Citations", value=True, info="Toggle citation functionality" )
+            doc_type_radio = gr.Radio( choices=["plain_text", "pdf"], value="plain_text", label="Document Type", info="Choose the type of document to use")
+            text_input = gr.Textbox(label="Document Content", lines=10, info="Enter the text you want to reference")
+            pdf_input = gr.File(label="Upload PDF", file_types=[".pdf"], file_count="single", visible=False)
+    
+    # Handle message submission
+    msg.submit(
+        user_message,
+        [msg, chatbot, enable_citations, doc_type_radio, text_input, pdf_input],
+        [msg, chatbot]
+    ).then(
+        bot_response,
+        [chatbot, enable_citations, doc_type_radio, text_input, pdf_input],
+        chatbot
+    )
+
+demo.launch()
+```
+
+This creates a chatbot that:
+- Supports both plain text and PDF documents for Claude to cite from 
+- Displays Citations in collapsible sections using our `metadata` feature
+- Shows source quotes directly from the given documents
+
+The citations feature works particularly well with the Gradio Chatbot's `metadata` support, allowing us to create collapsible sections that keep the chat interface clean while still providing easy access to source documentation.
+
+That's it! You now have a chatbot that not only responds to users but also shows its sources, creating a more transparent and trustworthy interaction. See our finished Citations demo [here](https://huggingface.co/spaces/ysharma/anthropic-citations-with-gradio-metadata-key).
+
diff --git a/guides/05_chatbots/04_creating-a-custom-chatbot-with-blocks.md b/guides/05_chatbots/04_creating-a-custom-chatbot-with-blocks.md
new file mode 100644
index 0000000..7de2ea2
--- /dev/null
+++ b/guides/05_chatbots/04_creating-a-custom-chatbot-with-blocks.md
@@ -0,0 +1,92 @@
+# How to Create a Custom Chatbot with Gradio Blocks
+
+Tags: NLP, TEXT, CHAT
+Related spaces: https://huggingface.co/spaces/gradio/chatbot_streaming, https://huggingface.co/spaces/gradio/chatbot_examples,
+
+## Introduction
+
+**Important Note**: if you are getting started, we recommend using the `gr.ChatInterface` to create chatbots -- its a high-level abstraction that makes it possible to create beautiful chatbot applications fast, often with a single line of code. [Read more about it here](/guides/creating-a-chatbot-fast).
+
+This tutorial will show how to make chatbot UIs from scratch with Gradio's low-level Blocks API. This will give you full control over your Chatbot UI. You'll start by first creating a a simple chatbot to display text, a second one to stream text responses, and finally a chatbot that can handle media files as well. The chatbot interface that we create will look something like this:
+
+$demo_chatbot_streaming
+
+**Prerequisite**: We'll be using the `gradio.Blocks` class to build our Chatbot demo.
+You can [read the Guide to Blocks first](https://gradio.app/blocks-and-event-listeners) if you are not already familiar with it. Also please make sure you are using the **latest version** version of Gradio: `pip install --upgrade gradio`.
+
+## A Simple Chatbot Demo
+
+Let's start with recreating the simple demo above. As you may have noticed, our bot simply randomly responds "How are you?", "Today is a great day", or "I'm very hungry" to any input. Here's the code to create this with Gradio:
+
+$code_chatbot_simple
+
+There are three Gradio components here:
+
+- A `Chatbot`, whose value stores the entire history of the conversation, as a list of response pairs between the user and bot.
+- A `Textbox` where the user can type their message, and then hit enter/submit to trigger the chatbot response
+- A `ClearButton` button to clear the Textbox and entire Chatbot history
+
+We have a single function, `respond()`, which takes in the entire history of the chatbot, appends a random message, waits 1 second, and then returns the updated chat history. The `respond()` function also clears the textbox when it returns.
+
+Of course, in practice, you would replace `respond()` with your own more complex function, which might call a pretrained model or an API, to generate a response.
+
+$demo_chatbot_simple
+
+Tip: For better type hinting and auto-completion in your IDE, you can use the `gr.ChatMessage` dataclass:
+
+```python
+from gradio import ChatMessage
+
+def chat_function(message, history):
+    history.append(ChatMessage(role="user", content=message))
+    history.append(ChatMessage(role="assistant", content="Hello, how can I help you?"))
+    return history
+```
+
+## Add Streaming to your Chatbot
+
+There are several ways we can improve the user experience of the chatbot above. First, we can stream responses so the user doesn't have to wait as long for a message to be generated. Second, we can have the user message appear immediately in the chat history, while the chatbot's response is being generated. Here's the code to achieve that:
+
+$code_chatbot_streaming
+
+You'll notice that when a user submits their message, we now _chain_ two event events with `.then()`:
+
+1. The first method `user()` updates the chatbot with the user message and clears the input field. Because we want this to happen instantly, we set `queue=False`, which would skip any queue had it been enabled. The chatbot's history is appended with `{"role": "user", "content": user_message}`.
+
+2. The second method, `bot()` updates the chatbot history with the bot's response. Finally, we construct the message character by character and `yield` the intermediate outputs as they are being constructed. Gradio automatically turns any function with the `yield` keyword [into a streaming output interface](/guides/key-features/#iterative-outputs).
+
+
+Of course, in practice, you would replace `bot()` with your own more complex function, which might call a pretrained model or an API, to generate a response.
+
+
+## Adding Markdown, Images, Audio, or Videos
+
+The `gr.Chatbot` component supports a subset of markdown including bold, italics, and code. For example, we could write a function that responds to a user's message, with a bold **That's cool!**, like this:
+
+```py
+def bot(history):
+    response = {"role": "assistant", "content": "**That's cool!**"}
+    history.append(response)
+    return history
+```
+
+In addition, it can handle media files, such as images, audio, and video. You can use the `MultimodalTextbox` component to easily upload all types of media files to your chatbot. You can customize the `MultimodalTextbox` further by passing in the `sources` parameter, which is a list of sources to enable. To pass in a media file, we must pass in the file a dictionary with a `path` key pointing to a local file and an `alt_text` key. The `alt_text` is optional, so you can also just pass in a tuple with a single element `{"path": "filepath"}`, like this:
+
+```python
+def add_message(history, message):
+    for x in message["files"]:
+        history.append({"role": "user", "content": {"path": x}})
+    if message["text"] is not None:
+        history.append({"role": "user", "content": message["text"]})
+    return history, gr.MultimodalTextbox(value=None, interactive=False, file_types=["image"], sources=["upload", "microphone"])
+```
+
+Putting this together, we can create a _multimodal_ chatbot with a multimodal textbox for a user to submit text and media files. The rest of the code looks pretty much the same as before:
+
+$code_chatbot_multimodal
+$demo_chatbot_multimodal
+
+And you're done! That's all the code you need to build an interface for your chatbot model. Finally, we'll end our Guide with some links to Chatbots that are running on Spaces so that you can get an idea of what else is possible:
+
+- [gradio/chatbot_streaming](https://huggingface.co/spaces/gradio/chatbot_streaming): A streaming chatbot demo built with `gr.Chatbot` and Blocks.
+- [gradio/chatbot_examples](https://huggingface.co/spaces/gradio/chatbot_examples): A chatbot that presents new visitors with a list of multimodal examples they can use to start the conversation.
diff --git a/guides/05_chatbots/05_chatbot-specific-events.md b/guides/05_chatbots/05_chatbot-specific-events.md
new file mode 100644
index 0000000..d1f86c5
--- /dev/null
+++ b/guides/05_chatbots/05_chatbot-specific-events.md
@@ -0,0 +1,188 @@
+# Chatbot-Specific Events
+
+Tags: LLM, CHAT
+
+Users expect modern chatbot UIs to let them easily interact with individual chat messages: for example, users might want to retry message generations, undo messages, or click on a like/dislike button to upvote or downvote a generated message.
+
+Thankfully, the Gradio Chatbot exposes several events, such as `.retry`, `.undo`, `.like`, and `.clear`, to let you build this functionality into your application. As an application developer, you can attach functions to any of these event, allowing you to run arbitrary Python functions e.g. when a user interacts with a message.
+
+In this demo, we'll build a UI that implements these events. You can see our finished demo deployed on Hugging Face spaces here:
+
+$demo_chatbot_retry_undo_like
+
+Tip: `gr.ChatInterface` automatically uses the `retry` and `.undo` events so it's best to start there in order get a fully working application quickly.
+
+
+## The UI
+
+First, we'll build the UI without handling these events and build from there. 
+We'll use the Hugging Face InferenceClient in order to get started without setting up
+any API keys.
+
+This is what the first draft of our application looks like:
+
+```python
+from huggingface_hub import InferenceClient
+import gradio as gr
+
+client = InferenceClient()
+
+def respond(
+    prompt: str,
+    history,
+):
+    if not history:
+        history = [{"role": "system", "content": "You are a friendly chatbot"}]
+    history.append({"role": "user", "content": prompt})
+
+    yield history
+
+    response = {"role": "assistant", "content": ""}
+    for message in client.chat_completion( # type: ignore
+        history,
+        temperature=0.95,
+        top_p=0.9,
+        max_tokens=512,
+        stream=True,
+        model="openai/gpt-oss-20b"
+    ):
+        response["content"] += message.choices[0].delta.content or "" if message.choices else ""
+        yield history + [response]
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Chat with GPT-OSS 20b 🤗")
+    chatbot = gr.Chatbot(
+        label="Agent",
+        avatar_images=(
+            None,
+            "https://em-content.zobj.net/source/twitter/376/hugging-face_1f917.png",
+        ),
+    )
+    prompt = gr.Textbox(max_lines=1, label="Chat Message")
+    prompt.submit(respond, [prompt, chatbot], [chatbot])
+    prompt.submit(lambda: "", None, [prompt])
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+## The Undo Event
+
+Our undo event will populate the textbox with the previous user message and also remove all subsequent assistant responses.
+
+In order to know the index of the last user message, we can pass `gr.UndoData` to our event handler function like so:
+
+```python
+def handle_undo(history, undo_data: gr.UndoData):
+    return history[:undo_data.index], history[undo_data.index]['content'][0]["text"]
+```
+
+We then pass this function to the `undo` event!
+
+```python
+    chatbot.undo(handle_undo, chatbot, [chatbot, prompt])
+```
+
+You'll notice that every bot response will now have an "undo icon" you can use to undo the response - 
+
+![undo_event](https://github.com/user-attachments/assets/180b5302-bc4a-4c3e-903c-f14ec2adcaa6)
+
+Tip: You can also access the content of the user message with `undo_data.value`
+
+## The Retry Event
+
+The retry event will work similarly. We'll use `gr.RetryData` to get the index of the previous user message and remove all the subsequent messages from the history. Then we'll use the `respond` function to generate a new response. We could also get the previous prompt via the `value` property of `gr.RetryData`.
+
+```python
+def handle_retry(history, retry_data: gr.RetryData):
+    new_history = history[:retry_data.index]
+    previous_prompt = history[retry_data.index]['content'][0]["text"]
+    yield from respond(previous_prompt, new_history)
+...
+
+chatbot.retry(handle_retry, chatbot, chatbot)
+```
+
+You'll see that the bot messages have a "retry" icon now -
+
+![retry_event](https://github.com/user-attachments/assets/cec386a7-c4cd-4fb3-a2d7-78fd806ceac6)
+
+Tip: The Hugging Face inference API caches responses, so in this demo, the retry button will not generate a new response.
+
+## The Like Event
+
+By now you should hopefully be seeing the pattern!
+To let users like a message, we'll add a `.like` event to our chatbot.
+We'll pass it a function that accepts a `gr.LikeData` object.
+In this case, we'll just print the message that was either liked or disliked.
+
+```python
+def handle_like(data: gr.LikeData):
+    if data.liked:
+        print("You upvoted this response: ", data.value)
+    else:
+        print("You downvoted this response: ", data.value)
+
+chatbot.like(handle_like, None, None)
+```
+
+## The Edit Event
+
+Same idea with the edit listener! with `gr.Chatbot(editable=True)`, you can capture user edits. The `gr.EditData` object tells us the index of the message edited and the new text of the mssage. Below, we use this object to edit the history, and delete any subsequent messages. 
+
+```python
+def handle_edit(history, edit_data: gr.EditData):
+    new_history = history[:edit_data.index]
+    new_history[-1]['content'] = [{"text": edit_data.value, "type": "text"}]
+    return new_history
+
+...
+
+chatbot.edit(handle_edit, chatbot, chatbot)
+```
+
+## The Clear Event
+
+As a bonus, we'll also cover the `.clear()` event, which is triggered when the user clicks the clear icon to clear all messages. As a developer, you can attach additional events that should happen when this icon is clicked, e.g. to handle clearing of additional chatbot state:
+
+```python
+from uuid import uuid4
+import gradio as gr
+
+
+def clear():
+    print("Cleared uuid")
+    return uuid4()
+
+
+def chat_fn(user_input, history, uuid):
+    return f"{user_input} with uuid {uuid}"
+
+
+with gr.Blocks() as demo:
+    uuid_state = gr.State(
+        uuid4
+    )
+    chatbot = gr.Chatbot()
+    chatbot.clear(clear, outputs=[uuid_state])
+
+    gr.ChatInterface(
+        chat_fn,
+        additional_inputs=[uuid_state],
+        chatbot=chatbot,
+    )
+
+demo.launch()
+```
+
+In this example, the `clear` function, bound to the `chatbot.clear` event, returns a new UUID into our session state, when the chat history is cleared via the trash icon. This can be seen in the `chat_fn` function, which references the UUID saved in our session state.
+
+This example also shows that you can use these events with `gr.ChatInterface` by passing in a custom `gr.Chatbot` object.
+
+## Conclusion
+
+That's it! You now know how you can implement the retry, undo, like, and clear events for the Chatbot.
+
+
+
diff --git a/guides/05_chatbots/06_creating-a-discord-bot-from-a-gradio-app.md b/guides/05_chatbots/06_creating-a-discord-bot-from-a-gradio-app.md
new file mode 100644
index 0000000..d2d90eb
--- /dev/null
+++ b/guides/05_chatbots/06_creating-a-discord-bot-from-a-gradio-app.md
@@ -0,0 +1,162 @@
+# 🚀 Creating Discord Bots with Gradio 🚀
+
+Tags: CHAT, DEPLOY, DISCORD
+
+You can make your Gradio app available as a Discord bot to let users in your Discord server interact with it directly. 
+
+## How does it work?
+
+The Discord bot will listen to messages mentioning it in channels. When it receives a message (which can include text as well as files), it will send it to your Gradio app via Gradio's built-in API. Your bot will reply with the response it receives from the API. 
+
+Because Gradio's API is very flexible, you can create Discord bots that support text, images, audio, streaming, chat history, and a wide variety of other features very easily. 
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/Screen%20Recording%202024-12-18%20at%204.26.55%E2%80%AFPM.gif)
+
+## Prerequisites
+
+* Install the latest version of `gradio` and the `discord.py` libraries:
+
+```
+pip install --upgrade gradio discord.py~=2.0
+```
+
+* Have a running Gradio app. This app can be running locally or on Hugging Face Spaces. In this example, we will be using the [Gradio Playground Space](https://huggingface.co/spaces/abidlabs/gradio-playground-bot), which takes in an image and/or text and generates the code to generate the corresponding Gradio app.
+
+Now, we are ready to get started!
+
+
+### 1. Create a Discord application
+
+First, go to the [Discord apps dashboard](https://discord.com/developers/applications). Look for the "New Application" button and click it. Give your application a name, and then click "Create".
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/discord-4.png)
+
+On the resulting screen, you will see basic information about your application. Under the Settings section, click on the "Bot" option. You can update your bot's username if you would like.
+
+Then click on the "Reset Token" button. A new token will be generated. Copy it as we will need it for the next step.
+
+Scroll down to the section that says "Privileged Gateway Intents". Your bot will need certain permissions to work correctly. In this tutorial, we will only be using the "Message Content Intent" so click the toggle to enable this intent. Save the changes.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/discord-3.png)
+
+
+
+### 2. Write a Discord bot
+
+Let's start by writing a very simple Discord bot, just to make sure that everything is working. Write the following Python code in a file called `bot.py`, pasting the discord bot token from the previous step:
+
+```python
+# bot.py
+import discord
+
+TOKEN = #PASTE YOUR DISCORD BOT TOKEN HERE
+
+client = discord.Client()
+
+@client.event
+async def on_ready():
+    print(f'{client.user} has connected to Discord!')
+
+client.run(TOKEN)
+```
+
+Now, run this file: `python bot.py`, which should run and print a message like:
+
+```text
+We have logged in as GradioPlaygroundBot#1451
+```
+
+If that is working, we are ready to add Gradio-specific code. We will be using the [Gradio Python Client](https://www.gradio.app/guides/getting-started-with-the-python-client) to query the Gradio Playground Space mentioned above. Here's the updated `bot.py` file:
+
+```python
+import discord
+from gradio_client import Client, handle_file
+import httpx
+import os
+
+TOKEN = #PASTE YOUR DISCORD BOT TOKEN HERE
+
+intents = discord.Intents.default()
+intents.message_content = True
+
+client = discord.Client(intents=intents)
+gradio_client = Client("abidlabs/gradio-playground-bot")
+
+def download_image(attachment):
+    response = httpx.get(attachment.url)
+    image_path = f"./images/{attachment.filename}"
+    os.makedirs("./images", exist_ok=True)
+    with open(image_path, "wb") as f:
+        f.write(response.content)
+    return image_path
+
+@client.event
+async def on_ready():
+    print(f'We have logged in as {client.user}')
+
+@client.event
+async def on_message(message):
+    # Ignore messages from the bot itself
+    if message.author == client.user:
+        return
+
+    # Check if the bot is mentioned in the message and reply
+    if client.user in message.mentions:
+        # Extract the message content without the bot mention
+        clean_message = message.content.replace(f"<@{client.user.id}>", "").strip()
+
+        # Handle images (only the first image is used)
+        files = []
+        if message.attachments:
+            for attachment in message.attachments:
+                if any(attachment.filename.lower().endswith(ext) for ext in ['png', 'jpg', 'jpeg', 'gif', 'webp']):
+                    image_path = download_image(attachment)
+                    files.append(handle_file(image_path))
+                    break
+        
+        # Stream the responses to the channel
+        for response in gradio_client.submit(
+            message={"text": clean_message, "files": files},
+        ):
+            await message.channel.send(response[-1])
+
+client.run(TOKEN)
+```
+
+### 3. Add the bot to your Discord Server
+
+Now we are ready to install the bot on our server. Go back to the [Discord apps dashboard](https://discord.com/developers/applications). Under the Settings section, click on the "OAuth2" option. Scroll down to the "OAuth2 URL Generator" box and select the "bot" checkbox:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/discord-2.png)
+
+
+
+Then in "Bot Permissions" box that pops up underneath, enable the following permissions:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/discord-1.png)
+
+
+Copy the generated URL that appears underneath, which should look something like:
+
+```text
+https://discord.com/oauth2/authorize?client_id=1319011745452265575&permissions=377957238784&integration_type=0&scope=bot
+```
+
+Paste it into your browser, which should allow you to add the Discord bot to any Discord server that you manage.
+
+
+### 4. That's it!
+
+Now you can mention your bot from any channel in your Discord server, optionally attach an image, and it will respond with generated Gradio app code!
+
+The bot will:
+1. Listen for mentions
+2. Process any attached images
+3. Send the text and images to your Gradio app
+4. Stream the responses back to the Discord channel
+
+ This is just a basic example - you can extend it to handle more types of files, add error handling, or integrate with different Gradio apps.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/Screen%20Recording%202024-12-18%20at%204.26.55%E2%80%AFPM.gif)
+
+If you build a Discord bot from a Gradio app, feel free to share it on X and tag [the Gradio account](https://x.com/Gradio), and we are happy to help you amplify!
\ No newline at end of file
diff --git a/guides/05_chatbots/07_creating-a-slack-bot-from-a-gradio-app.md b/guides/05_chatbots/07_creating-a-slack-bot-from-a-gradio-app.md
new file mode 100644
index 0000000..dedb686
--- /dev/null
+++ b/guides/05_chatbots/07_creating-a-slack-bot-from-a-gradio-app.md
@@ -0,0 +1,144 @@
+# 🚀 Creating a Slack Bot from a Gradio App 🚀
+
+Tags: CHAT, DEPLOY, SLACK
+
+You can make your Gradio app available as a Slack bot to let users in your Slack workspace interact with it directly. 
+
+## How does it work?
+
+The Slack bot will listen to messages mentioning it in channels. When it receives a message (which can include text as well as files), it will send it to your Gradio app via Gradio's built-in API. Your bot will reply with the response it receives from the API. 
+
+Because Gradio's API is very flexible, you can create Slack bots that support text, images, audio, streaming, chat history, and a wide variety of other features very easily. 
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/Screen%20Recording%202024-12-19%20at%203.30.00%E2%80%AFPM.gif)
+
+## Prerequisites
+
+* Install the latest version of `gradio` and the `slack-bolt` library:
+
+```bash
+pip install --upgrade gradio slack-bolt~=1.0
+```
+
+* Have a running Gradio app. This app can be running locally or on Hugging Face Spaces. In this example, we will be using the [Gradio Playground Space](https://huggingface.co/spaces/abidlabs/gradio-playground-bot), which takes in an image and/or text and generates the code to generate the corresponding Gradio app.
+
+Now, we are ready to get started!
+
+### 1. Create a Slack App
+
+1. Go to [api.slack.com/apps](https://api.slack.com/apps) and click "Create New App"
+2. Choose "From scratch" and give your app a name
+3. Select the workspace where you want to develop your app
+4. Under "OAuth & Permissions", scroll to "Scopes" and add these Bot Token Scopes:
+   - `app_mentions:read`
+   - `chat:write`
+   - `files:read`
+   - `files:write`
+5. In the same "OAuth & Permissions" page, scroll back up and click the button to install the app to your workspace.
+6. Note the "Bot User OAuth Token" (starts with `xoxb-`) that appears as we'll need it later
+7. Click on "Socket Mode" in the menu bar. When the page loads, click the toggle to "Enable Socket Mode"
+8. Give your token a name, such as `socket-token` and copy the token that is generated (starts with `xapp-`) as we'll need it later.
+9. Finally, go to the "Event Subscription" option in the menu bar. Click the toggle to "Enable Events" and subscribe to the `app_mention` bot event.
+
+### 2. Write a Slack bot
+
+Let's start by writing a very simple Slack bot, just to make sure that everything is working. Write the following Python code in a file called `bot.py`, pasting the two tokens from step 6 and step 8 in the previous section.
+
+```py
+from slack_bolt import App
+from slack_bolt.adapter.socket_mode import SocketModeHandler
+
+SLACK_BOT_TOKEN = # PASTE YOUR SLACK BOT TOKEN HERE
+SLACK_APP_TOKEN = # PASTE YOUR SLACK APP TOKEN HERE
+
+app = App(token=SLACK_BOT_TOKEN)
+
+@app.event("app_mention")
+def handle_app_mention_events(body, say):
+    user_id = body["event"]["user"]
+    say(f"Hi <@{user_id}>! You mentioned me and said: {body['event']['text']}")
+
+if __name__ == "__main__":
+    handler = SocketModeHandler(app, SLACK_APP_TOKEN)
+    handler.start()
+```
+
+If that is working, we are ready to add Gradio-specific code. We will be using the [Gradio Python Client](https://www.gradio.app/guides/getting-started-with-the-python-client) to query the Gradio Playground Space mentioned above. Here's the updated `bot.py` file:
+
+```python
+from slack_bolt import App
+from slack_bolt.adapter.socket_mode import SocketModeHandler
+
+SLACK_BOT_TOKEN = # PASTE YOUR SLACK BOT TOKEN HERE
+SLACK_APP_TOKEN = # PASTE YOUR SLACK APP TOKEN HERE
+
+app = App(token=SLACK_BOT_TOKEN)
+gradio_client = Client("abidlabs/gradio-playground-bot")
+
+def download_image(url, filename):
+    headers = {"Authorization": f"Bearer {SLACK_BOT_TOKEN}"}
+    response = httpx.get(url, headers=headers)
+    image_path = f"./images/{filename}"
+    os.makedirs("./images", exist_ok=True)
+    with open(image_path, "wb") as f:
+        f.write(response.content)
+    return image_path
+
+def slackify_message(message):   
+    # Replace markdown links with slack format and remove code language specifier after triple backticks
+    pattern = r'\[(.*?)\]\((.*?)\)'
+    cleaned = re.sub(pattern, r'<\2|\1>', message)
+    cleaned = re.sub(r'```\w+\n', '```', cleaned)
+    return cleaned.strip()
+
+@app.event("app_mention")
+def handle_app_mention_events(body, say):
+    # Extract the message content without the bot mention
+    text = body["event"]["text"]
+    bot_user_id = body["authorizations"][0]["user_id"]
+    clean_message = text.replace(f"<@{bot_user_id}>", "").strip()
+    
+    # Handle images if present
+    files = []
+    if "files" in body["event"]:
+        for file in body["event"]["files"]:
+            if file["filetype"] in ["png", "jpg", "jpeg", "gif", "webp"]:
+                image_path = download_image(file["url_private_download"], file["name"])
+                files.append(handle_file(image_path))
+                break
+    
+    # Submit to Gradio and send responses back to Slack
+    for response in gradio_client.submit(
+        message={"text": clean_message, "files": files},
+    ):
+        cleaned_response = slackify_message(response[-1])
+        say(cleaned_response)
+
+if __name__ == "__main__":
+    handler = SocketModeHandler(app, SLACK_APP_TOKEN)
+    handler.start()
+```
+### 3. Add the bot to your Slack Workplace
+
+Now, create a new channel or navigate to an existing channel in your Slack workspace where you want to use the bot. Click the "+" button next to "Channels" in your Slack sidebar and follow the prompts to create a new channel.
+
+Finally, invite your bot to the channel:
+1. In your new channel, type `/invite @YourBotName`
+2. Select your bot from the dropdown
+3. Click "Invite to Channel"
+
+### 4. That's it!
+
+Now you can mention your bot in any channel it's in, optionally attach an image, and it will respond with generated Gradio app code!
+
+The bot will:
+1. Listen for mentions
+2. Process any attached images
+3. Send the text and images to your Gradio app
+4. Stream the responses back to the Slack channel
+
+This is just a basic example - you can extend it to handle more types of files, add error handling, or integrate with different Gradio apps!
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/Screen%20Recording%202024-12-19%20at%203.30.00%E2%80%AFPM.gif)
+
+If you build a Slack bot from a Gradio app, feel free to share it on X and tag [the Gradio account](https://x.com/Gradio), and we are happy to help you amplify!
\ No newline at end of file
diff --git a/guides/05_chatbots/08_creating-a-website-widget-from-a-gradio-chatbot.md b/guides/05_chatbots/08_creating-a-website-widget-from-a-gradio-chatbot.md
new file mode 100644
index 0000000..56ee898
--- /dev/null
+++ b/guides/05_chatbots/08_creating-a-website-widget-from-a-gradio-chatbot.md
@@ -0,0 +1,211 @@
+# 🚀 Creating a Website Chat Widget with Gradio 🚀
+
+Tags: CHAT, DEPLOY, WEB
+
+You can make your Gradio Chatbot available as an embedded chat widget on your website, similar to popular customer service widgets like Intercom. This is particularly useful for:
+
+- Adding AI assistance to your documentation pages
+- Providing interactive help on your portfolio or product website
+- Creating a custom chatbot interface for your Gradio app
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/Screen%20Recording%202024-12-19%20at%203.32.46%E2%80%AFPM.gif)
+
+## How does it work?
+
+The chat widget appears as a small button in the corner of your website. When clicked, it opens a chat interface that communicates with your Gradio app via the JavaScript Client API. Users can ask questions and receive responses directly within the widget.
+
+
+## Prerequisites
+
+* A running Gradio app (local or on Hugging Face Spaces). In this example, we'll use the [Gradio Playground Space](https://huggingface.co/spaces/abidlabs/gradio-playground-bot), which helps generate code for Gradio apps based on natural language descriptions.
+
+### 1. Create and Style the Chat Widget
+
+First, add this HTML and CSS to your website:
+
+```html
+<div id="chat-widget" class="chat-widget">
+    <button id="chat-toggle" class="chat-toggle">💬</button>
+    <div id="chat-container" class="chat-container hidden">
+        <div id="chat-header">
+            <h3>Gradio Assistant</h3>
+            <button id="close-chat">×</button>
+        </div>
+        <div id="chat-messages"></div>
+        <div id="chat-input-area">
+            <input type="text" id="chat-input" placeholder="Ask a question...">
+            <button id="send-message">Send</button>
+        </div>
+    </div>
+</div>
+
+<style>
+.chat-widget {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    z-index: 1000;
+}
+
+.chat-toggle {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    background: #007bff;
+    border: none;
+    color: white;
+    font-size: 24px;
+    cursor: pointer;
+}
+
+.chat-container {
+    position: fixed;
+    bottom: 80px;
+    right: 20px;
+    width: 300px;
+    height: 400px;
+    background: white;
+    border-radius: 10px;
+    box-shadow: 0 0 10px rgba(0,0,0,0.1);
+    display: flex;
+    flex-direction: column;
+}
+
+.chat-container.hidden {
+    display: none;
+}
+
+#chat-header {
+    padding: 10px;
+    background: #007bff;
+    color: white;
+    border-radius: 10px 10px 0 0;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+#chat-messages {
+    flex-grow: 1;
+    overflow-y: auto;
+    padding: 10px;
+}
+
+#chat-input-area {
+    padding: 10px;
+    border-top: 1px solid #eee;
+    display: flex;
+}
+
+#chat-input {
+    flex-grow: 1;
+    padding: 8px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+    margin-right: 8px;
+}
+
+.message {
+    margin: 8px 0;
+    padding: 8px;
+    border-radius: 4px;
+}
+
+.user-message {
+    background: #e9ecef;
+    margin-left: 20px;
+}
+
+.bot-message {
+    background: #f8f9fa;
+    margin-right: 20px;
+}
+</style>
+```
+
+### 2. Add the JavaScript
+
+Then, add the following JavaScript code (which uses the Gradio JavaScript Client to connect to the Space) to your website by including this in the `<head>` section of your website:
+
+```html
+<script type="module">
+    import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
+    
+    async function initChatWidget() {
+        const client = await Client.connect("https://abidlabs-gradio-playground-bot.hf.space");
+        
+        const chatToggle = document.getElementById('chat-toggle');
+        const chatContainer = document.getElementById('chat-container');
+        const closeChat = document.getElementById('close-chat');
+        const chatInput = document.getElementById('chat-input');
+        const sendButton = document.getElementById('send-message');
+        const messagesContainer = document.getElementById('chat-messages');
+    
+        chatToggle.addEventListener('click', () => {
+            chatContainer.classList.remove('hidden');
+        });
+    
+        closeChat.addEventListener('click', () => {
+            chatContainer.classList.add('hidden');
+        });
+    
+        async function sendMessage() {
+            const userMessage = chatInput.value.trim();
+            if (!userMessage) return;
+
+            appendMessage(userMessage, 'user');
+            chatInput.value = '';
+
+            try {
+                const result = await client.predict("/chat", {
+                    message: {"text": userMessage, "files": []}
+                });
+                const message = result.data[0];
+                console.log(result.data[0]);
+                const botMessage = result.data[0].join('\n');
+                appendMessage(botMessage, 'bot');
+            } catch (error) {
+                console.error('Error:', error);
+                appendMessage('Sorry, there was an error processing your request.', 'bot');
+            }
+        }
+    
+        function appendMessage(text, sender) {
+            const messageDiv = document.createElement('div');
+            messageDiv.className = `message ${sender}-message`;
+            
+            if (sender === 'bot') {
+                messageDiv.innerHTML = marked.parse(text);
+            } else {
+                messageDiv.textContent = text;
+            }
+            
+            messagesContainer.appendChild(messageDiv);
+            messagesContainer.scrollTop = messagesContainer.scrollHeight;
+        }
+    
+        sendButton.addEventListener('click', sendMessage);
+        chatInput.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') sendMessage();
+        });
+    }
+    
+    initChatWidget();
+</script>
+```
+
+### 3. That's it!
+
+Your website now has a chat widget that connects to your Gradio app! Users can click the chat button to open the widget and start interacting with your app.
+
+### Customization
+
+You can customize the appearance of the widget by modifying the CSS. Some ideas:
+- Change the colors to match your website's theme
+- Adjust the size and position of the widget
+- Add animations for opening/closing
+- Modify the message styling
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/Screen%20Recording%202024-12-19%20at%203.32.46%E2%80%AFPM.gif)
+
+If you build a website widget from a Gradio app, feel free to share it on X and tag [the Gradio account](https://x.com/Gradio), and we are happy to help you amplify!
\ No newline at end of file
diff --git a/guides/06_data-science-and-plots/01_creating-plots.md b/guides/06_data-science-and-plots/01_creating-plots.md
new file mode 100644
index 0000000..76a088b
--- /dev/null
+++ b/guides/06_data-science-and-plots/01_creating-plots.md
@@ -0,0 +1,72 @@
+# Creating Plots
+
+Gradio is a great way to create extremely customizable dashboards. Gradio comes with three native Plot components: `gr.LinePlot`, `gr.ScatterPlot` and `gr.BarPlot`. All these plots have the same API. Let's take a look how to set them up.
+
+## Creating a Plot with a pd.Dataframe
+
+Plots accept a pandas Dataframe as their value. The plot also takes `x` and `y` which represent the names of the columns that represent the x and y axes respectively. Here's a simple example:
+
+$code_plot_guide_line
+$demo_plot_guide_line
+
+All plots have the same API, so you could swap this out with a `gr.ScatterPlot`:
+
+$code_plot_guide_scatter
+$demo_plot_guide_scatter
+
+The y axis column in the dataframe should have a numeric type, but the x axis column can be anything from strings, numbers, categories, or datetimes.
+
+$code_plot_guide_scatter_nominal
+$demo_plot_guide_scatter_nominal
+
+## Breaking out Series by Color
+
+You can break out your plot into series using the `color` argument.
+
+$code_plot_guide_series_nominal
+$demo_plot_guide_series_nominal
+
+If you wish to assign series specific colors, use the `color_map` arg, e.g. `gr.ScatterPlot(..., color_map={'white': '#FF9988', 'asian': '#88EEAA', 'black': '#333388'})`
+
+The color column can be numeric type as well.
+
+$code_plot_guide_series_quantitative
+$demo_plot_guide_series_quantitative
+
+## Aggregating Values
+
+You can aggregate values into groups using the `x_bin` and `y_aggregate` arguments. If your x-axis is numeric, providing an `x_bin` will create a histogram-style binning:
+
+$code_plot_guide_aggregate_quantitative
+$demo_plot_guide_aggregate_quantitative
+
+If your x-axis is a string type instead, they will act as the category bins automatically:
+
+$code_plot_guide_aggregate_nominal
+$demo_plot_guide_aggregate_nominal
+
+## Selecting Regions
+
+You can use the `.select` listener to select regions of a plot. Click and drag on the plot below to select part of the plot.
+
+$code_plot_guide_selection
+$demo_plot_guide_selection
+
+You can combine this and the `.double_click` listener to create some zoom in/out effects by changing `x_lim` which sets the bounds of the x-axis:
+
+$code_plot_guide_zoom
+$demo_plot_guide_zoom
+
+If you had multiple plots with the same x column, your event listeners could target the x limits of all other plots so that the x-axes stay in sync.
+
+$code_plot_guide_zoom_sync
+$demo_plot_guide_zoom_sync
+
+## Making an Interactive Dashboard
+
+Take a look how you can have an interactive dashboard where the plots are functions of other Components.
+
+$code_plot_guide_interactive
+$demo_plot_guide_interactive
+
+It's that simple to filter and control the data presented in your visualization!
\ No newline at end of file
diff --git a/guides/06_data-science-and-plots/02_time-plots.md b/guides/06_data-science-and-plots/02_time-plots.md
new file mode 100644
index 0000000..4396ca4
--- /dev/null
+++ b/guides/06_data-science-and-plots/02_time-plots.md
@@ -0,0 +1,59 @@
+# Time Plots
+
+Creating visualizations with a time x-axis is a common use case. Let's dive in!
+
+## Creating a Plot with a pd.Dataframe
+
+Time plots need a datetime column on the x-axis. Here's a simple example with some flight data:
+
+$code_plot_guide_temporal
+$demo_plot_guide_temporal
+
+## Aggregating by Time
+
+You may wish to bin data by time buckets. Use `x_bin` to do so, using a string suffix with "s", "m", "h" or "d", such as "15m" or "1d".
+
+$code_plot_guide_aggregate_temporal
+$demo_plot_guide_aggregate_temporal
+
+## DateTime Components
+
+You can use `gr.DateTime` to accept input datetime data. This works well with plots for defining the x-axis range for the data.
+
+$code_plot_guide_datetime
+$demo_plot_guide_datetime
+
+Note how `gr.DateTime` can accept a full datetime string, or a shorthand using `now - [0-9]+[smhd]` format to refer to a past time.
+
+You will often have many time plots in which case you'd like to keep the x-axes in sync. The `DateTimeRange` custom component keeps a set of datetime plots in sync, and also uses the `.select` listener of plots to allow you to zoom into plots while keeping plots in sync. 
+
+Because it is a custom component, you first need to `pip install gradio_datetimerange`. Then run the following:
+
+$code_plot_guide_datetimerange
+$demo_plot_guide_datetimerange
+
+Try zooming around in the plots and see how DateTimeRange updates. All the plots updates their `x_lim` in sync. You also have a "Back" link in the component to allow you to quickly zoom in and out.
+
+## RealTime Data
+
+In many cases, you're working with live, realtime date, not a static dataframe. In this case, you'd update the plot regularly with a `gr.Timer()`. Assuming there's a `get_data` method that gets the latest dataframe:
+
+```python
+with gr.Blocks() as demo:
+    timer = gr.Timer(5)
+    plot1 = gr.BarPlot(x="time", y="price")
+    plot2 = gr.BarPlot(x="time", y="price", color="origin")
+
+    timer.tick(lambda: [get_data(), get_data()], outputs=[plot1, plot2])
+```
+
+You can also use the `every` shorthand to attach a `Timer` to a component that has a function value:
+
+```python
+with gr.Blocks() as demo:
+    timer = gr.Timer(5)
+    plot1 = gr.BarPlot(get_data, x="time", y="price", every=timer)
+    plot2 = gr.BarPlot(get_data, x="time", y="price", color="origin", every=timer)
+```
+
+
diff --git a/guides/06_data-science-and-plots/03_filters-tables-and-stats.md b/guides/06_data-science-and-plots/03_filters-tables-and-stats.md
new file mode 100644
index 0000000..dc943dc
--- /dev/null
+++ b/guides/06_data-science-and-plots/03_filters-tables-and-stats.md
@@ -0,0 +1,21 @@
+# Filters, Tables and Stats
+
+Your dashboard will likely consist of more than just plots. Let's take a look at some of the other common components of a dashboard.
+
+## Filters
+
+Use any of the standard Gradio form components to filter your data. You can do this via event listeners or function-as-value syntax. Let's look at the event listener approach first:
+
+$code_plot_guide_filters_events
+$demo_plot_guide_filters_events
+
+And this would be the function-as-value approach for the same demo.
+
+$code_plot_guide_filters
+
+## Tables and Stats
+
+Add `gr.DataFrame` and `gr.Label` to your dashboard for some hard numbers.
+
+$code_plot_guide_tables_stats
+$demo_plot_guide_tables_stats
diff --git a/guides/06_data-science-and-plots/04_connecting-to-a-database.md b/guides/06_data-science-and-plots/04_connecting-to-a-database.md
new file mode 100644
index 0000000..ddeb5a9
--- /dev/null
+++ b/guides/06_data-science-and-plots/04_connecting-to-a-database.md
@@ -0,0 +1,47 @@
+# Connecting to a Database
+
+The data you wish to visualize may be stored in a database. Let's use SQLAlchemy to quickly extract database content into pandas Dataframe format so we can use it in gradio.
+
+First install `pip install sqlalchemy` and then let's see some examples.
+
+## SQLite
+
+```python
+from sqlalchemy import create_engine
+import pandas as pd
+
+engine = create_engine('sqlite:///your_database.db')
+
+with gr.Blocks() as demo:
+    gr.LinePlot(pd.read_sql_query("SELECT time, price from flight_info;", engine), x="time", y="price")
+```
+
+Let's see a a more interactive plot involving filters that modify your SQL query:
+
+```python
+from sqlalchemy import create_engine
+import pandas as pd
+
+engine = create_engine('sqlite:///your_database.db')
+
+with gr.Blocks() as demo:
+    origin = gr.Dropdown(["DFW", "DAL", "HOU"], value="DFW", label="Origin")
+
+    gr.LinePlot(lambda origin: pd.read_sql_query(f"SELECT time, price from flight_info WHERE origin = {origin};", engine), inputs=origin, x="time", y="price")
+```
+
+## Postgres, mySQL, and other databases
+
+If you're using a different database format, all you have to do is swap out the engine, e.g.
+
+```python
+engine = create_engine('postgresql://username:password@host:port/database_name')
+```
+
+```python
+engine = create_engine('mysql://username:password@host:port/database_name')
+```
+
+```python
+engine = create_engine('oracle://username:password@host:port/database_name')
+```
\ No newline at end of file
diff --git a/guides/07_streaming/01_streaming-ai-generated-audio.md b/guides/07_streaming/01_streaming-ai-generated-audio.md
new file mode 100644
index 0000000..23e75cf
--- /dev/null
+++ b/guides/07_streaming/01_streaming-ai-generated-audio.md
@@ -0,0 +1,153 @@
+# Streaming AI Generated Audio
+
+Tags: AUDIO, STREAMING
+
+In this guide, we'll build a novel AI application to showcase Gradio's audio output streaming. We're going to a build a talking [Magic 8 Ball](https://en.wikipedia.org/wiki/Magic_8_Ball) 🎱
+
+A Magic 8 Ball is a toy that answers any question after you shake it. Our application will do the same but it will also speak its response!
+
+We won't cover all the implementation details in this blog post but the code is freely available on [Hugging Face Spaces](https://huggingface.co/spaces/gradio/magic-8-ball).
+
+## The Overview
+
+Just like the classic Magic 8 Ball, a user should ask it a question orally and then wait for a response. Under the hood, we'll use Whisper to transcribe the audio and then use an LLM to generate a magic-8-ball-style answer. Finally, we'll use Parler TTS to read the response aloud.
+
+## The UI
+
+First let's define the UI and put placeholders for all the python logic.
+
+```python
+import gradio as gr
+
+with gr.Blocks() as block:
+    gr.HTML(
+        f"""
+        <h1 style='text-align: center;'> Magic 8 Ball 🎱 </h1>
+        <h3 style='text-align: center;'> Ask a question and receive wisdom </h3>
+        <p style='text-align: center;'> Powered by <a href="https://github.com/huggingface/parler-tts"> Parler-TTS</a>
+        """
+    )
+    with gr.Group():
+        with gr.Row():
+            audio_out = gr.Audio(label="Spoken Answer", streaming=True, autoplay=True)
+            answer = gr.Textbox(label="Answer")
+            state = gr.State()
+        with gr.Row():
+            audio_in = gr.Audio(label="Speak your question", sources="microphone", type="filepath")
+
+    audio_in.stop_recording(generate_response, audio_in, [state, answer, audio_out])\
+        .then(fn=read_response, inputs=state, outputs=[answer, audio_out])
+
+block.launch()
+```
+
+We're placing the output Audio and Textbox components and the input Audio component in separate rows. In order to stream the audio from the server, we'll set `streaming=True` in the output Audio component. We'll also set `autoplay=True` so that the audio plays as soon as it's ready.
+We'll be using the Audio input component's `stop_recording` event to trigger our application's logic when a user stops recording from their microphone.
+
+We're separating the logic into two parts. First, `generate_response` will take the recorded audio, transcribe it and generate a response with an LLM. We're going to store the response in a `gr.State` variable that then gets passed to the `read_response` function that generates the audio.
+
+We're doing this in two parts because only `read_response` will require a GPU. Our app will run on Hugging Faces [ZeroGPU](https://huggingface.co/zero-gpu-explorers) which has time-based quotas. Since generating the response can be done with Hugging Face's Inference API, we shouldn't include that code in our GPU function as it will needlessly use our GPU quota.
+
+## The Logic
+
+As mentioned above, we'll use [Hugging Face's Inference API](https://huggingface.co/docs/huggingface_hub/guides/inference) to transcribe the audio and generate a response from an LLM. After instantiating the client, I use the `automatic_speech_recognition` method (this automatically uses Whisper running on Hugging Face's Inference Servers) to transcribe the audio. Then I pass the question to an LLM (Mistal-7B-Instruct) to generate a response. We are prompting the LLM to act like a magic 8 ball with the system message.
+
+Our `generate_response` function will also send empty updates to the output textbox and audio components (returning `None`). 
+This is because I want the Gradio progress tracker to be displayed over the components but I don't want to display the answer until the audio is ready.
+
+
+```python
+from huggingface_hub import InferenceClient
+
+client = InferenceClient(token=os.getenv("HF_TOKEN"))
+
+def generate_response(audio):
+    gr.Info("Transcribing Audio", duration=5)
+    question = client.automatic_speech_recognition(audio).text
+
+    messages = [{"role": "system", "content": ("You are a magic 8 ball."
+                                              "Someone will present to you a situation or question and your job "
+                                              "is to answer with a cryptic adage or proverb such as "
+                                              "'curiosity killed the cat' or 'The early bird gets the worm'."
+                                              "Keep your answers short and do not include the phrase 'Magic 8 Ball' in your response. If the question does not make sense or is off-topic, say 'Foolish questions get foolish answers.'"
+                                              "For example, 'Magic 8 Ball, should I get a dog?', 'A dog is ready for you but are you ready for the dog?'")},
+                {"role": "user", "content": f"Magic 8 Ball please answer this question -  {question}"}]
+    
+    response = client.chat_completion(messages, max_tokens=64, seed=random.randint(1, 5000),
+                                      model="mistralai/Mistral-7B-Instruct-v0.3")
+
+    response = response.choices[0].message.content.replace("Magic 8 Ball", "").replace(":", "")
+    return response, None, None
+```
+
+
+Now that we have our text response, we'll read it aloud with Parler TTS. The `read_response` function will be a python generator that yields the next chunk of audio as it's ready.
+
+
+We'll be using the [Mini v0.1](https://huggingface.co/parler-tts/parler_tts_mini_v0.1) for the feature extraction but the [Jenny fine tuned version](https://huggingface.co/parler-tts/parler-tts-mini-jenny-30H) for the voice. This is so that the voice is consistent across generations.
+
+
+Streaming audio with transformers requires a custom Streamer class. You can see the implementation [here](https://huggingface.co/spaces/gradio/magic-8-ball/blob/main/streamer.py). Additionally, we'll convert the output to bytes so that it can be streamed faster from the backend. 
+
+
+```python
+from streamer import ParlerTTSStreamer
+from transformers import AutoTokenizer, AutoFeatureExtractor, set_seed
+import numpy as np
+import spaces
+import torch
+from threading import Thread
+
+
+device = "cuda:0" if torch.cuda.is_available() else "mps" if torch.backends.mps.is_available() else "cpu"
+torch_dtype = torch.float16 if device != "cpu" else torch.float32
+
+repo_id = "parler-tts/parler_tts_mini_v0.1"
+
+jenny_repo_id = "ylacombe/parler-tts-mini-jenny-30H"
+
+model = ParlerTTSForConditionalGeneration.from_pretrained(
+    jenny_repo_id, torch_dtype=torch_dtype, low_cpu_mem_usage=True
+).to(device)
+
+tokenizer = AutoTokenizer.from_pretrained(repo_id)
+feature_extractor = AutoFeatureExtractor.from_pretrained(repo_id)
+
+sampling_rate = model.audio_encoder.config.sampling_rate
+frame_rate = model.audio_encoder.config.frame_rate
+
+@spaces.GPU
+def read_response(answer):
+
+    play_steps_in_s = 2.0
+    play_steps = int(frame_rate * play_steps_in_s)
+
+    description = "Jenny speaks at an average pace with a calm delivery in a very confined sounding environment with clear audio quality."
+    description_tokens = tokenizer(description, return_tensors="pt").to(device)
+
+    streamer = ParlerTTSStreamer(model, device=device, play_steps=play_steps)
+    prompt = tokenizer(answer, return_tensors="pt").to(device)
+
+    generation_kwargs = dict(
+        input_ids=description_tokens.input_ids,
+        prompt_input_ids=prompt.input_ids,
+        streamer=streamer,
+        do_sample=True,
+        temperature=1.0,
+        min_new_tokens=10,
+    )
+
+    set_seed(42)
+    thread = Thread(target=model.generate, kwargs=generation_kwargs)
+    thread.start()
+
+    for new_audio in streamer:
+        print(f"Sample of length: {round(new_audio.shape[0] / sampling_rate, 2)} seconds")
+        yield answer, numpy_to_mp3(new_audio, sampling_rate=sampling_rate)
+```
+
+## Conclusion
+
+You can see our final application [here](https://huggingface.co/spaces/gradio/magic-8-ball)!
+
+
diff --git a/guides/07_streaming/02_object-detection-from-webcam-with-webrtc.md b/guides/07_streaming/02_object-detection-from-webcam-with-webrtc.md
new file mode 100644
index 0000000..8884cab
--- /dev/null
+++ b/guides/07_streaming/02_object-detection-from-webcam-with-webrtc.md
@@ -0,0 +1,103 @@
+# Real Time Object Detection from a Webcam Stream with FastRTC
+
+Tags: VISION, STREAMING, WEBCAM
+
+In this guide, we'll use YOLOv10 to perform real-time object detection in Gradio from a user's webcam feed. We'll utilize [FastRTC](https://fastrtc.org/) a companion library from the gradio team for building low latency streaming web applications. You can see the finished product in action below:
+
+<video src="https://github.com/user-attachments/assets/4584cec6-8c1a-401b-9b61-a4fe0718b558" controls
+height="600" width="600" style="display: block; margin: auto;" autoplay="true" loop="true">
+</video>
+
+## Setting up
+
+Start by installing all the dependencies. Add the following lines to a `requirements.txt` file and run `pip install -r requirements.txt`:
+
+```bash
+opencv-python
+fastrtc
+onnxruntime-gpu
+```
+
+We'll use the ONNX runtime to speed up YOLOv10 inference. This guide assumes you have access to a GPU. If you don't, change `onnxruntime-gpu` to `onnxruntime`. Without a GPU, the model will run slower, resulting in a laggy demo.
+
+We'll use OpenCV for image manipulation and the [WebRTC](https://webrtc.org/) protocol to achieve near-zero latency.
+
+**Note**: If you want to deploy this app on any cloud provider, you'll need to use your Hugging Face token to connect to a TURN server. Learn more in this [guide](https://fastrtc.org/deployment/). If you're not familiar with TURN servers, consult this [guide](https://www.twilio.com/docs/stun-turn/faq#faq-what-is-nat).
+
+## The Inference Function
+
+We'll download the YOLOv10 model from the Hugging Face hub and instantiate a custom inference class to use this model. 
+
+The implementation of the inference class isn't covered in this guide, but you can find the source code [here](https://huggingface.co/spaces/freddyaboulton/webrtc-yolov10n/blob/main/inference.py#L9) if you're interested. This implementation borrows heavily from this [github repository](https://github.com/ibaiGorordo/ONNX-YOLOv8-Object-Detection).
+
+We're using the `yolov10-n` variant because it has the lowest latency. See the [Performance](https://github.com/THU-MIG/yolov10?tab=readme-ov-file#performance) section of the README in the YOLOv10 GitHub repository.
+
+```python
+from huggingface_hub import hf_hub_download
+from inference import YOLOv10
+
+model_file = hf_hub_download(
+    repo_id="onnx-community/yolov10n", filename="onnx/model.onnx"
+)
+
+model = YOLOv10(model_file)
+
+def detection(image, conf_threshold=0.3):
+    image = cv2.resize(image, (model.input_width, model.input_height))
+    new_image = model.detect_objects(image, conf_threshold)
+    return new_image
+```
+
+Our inference function, `detection`, accepts a numpy array from the webcam and a desired confidence threshold. Object detection models like YOLO identify many objects and assign a confidence score to each. The lower the confidence, the higher the chance of a false positive. We'll let users adjust the confidence threshold.
+
+The function returns a numpy array corresponding to the same input image with all detected objects in bounding boxes.
+
+## The Gradio Demo
+
+The Gradio demo is straightforward, but we'll implement a few specific features:
+
+1. Use the `WebRTC` custom component to ensure input and output are sent to/from the server with WebRTC. 
+2. The [WebRTC](https://github.com/freddyaboulton/gradio-webrtc) component will serve as both an input and output component.
+3. Utilize the `time_limit` parameter of the `stream` event. This parameter sets a processing time for each user's stream. In a multi-user setting, such as on Spaces, we'll stop processing the current user's stream after this period and move on to the next. 
+
+We'll also apply custom CSS to center the webcam and slider on the page.
+
+```python
+import gradio as gr
+from fastrtc import WebRTC
+
+css = """.my-group {max-width: 600px !important; max-height: 600px !important;}
+         .my-column {display: flex !important; justify-content: center !important; align-items: center !important;}"""
+
+with gr.Blocks(css=css) as demo:
+    gr.HTML(
+        """
+        <h1 style='text-align: center'>
+        YOLOv10 Webcam Stream (Powered by WebRTC ⚡️)
+        </h1>
+        """
+    )
+    with gr.Column(elem_classes=["my-column"]):
+        with gr.Group(elem_classes=["my-group"]):
+            image = WebRTC(label="Stream", rtc_configuration=rtc_configuration)
+            conf_threshold = gr.Slider(
+                label="Confidence Threshold",
+                minimum=0.0,
+                maximum=1.0,
+                step=0.05,
+                value=0.30,
+            )
+
+        image.stream(
+            fn=detection, inputs=[image, conf_threshold], outputs=[image], time_limit=10
+        )
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+## Conclusion
+
+Our app is hosted on Hugging Face Spaces [here](https://huggingface.co/spaces/freddyaboulton/webrtc-yolov10n). 
+
+You can use this app as a starting point to build real-time image applications with Gradio. Don't hesitate to open issues in the space or in the [FastRTC GitHub repo](https://github.com/gradio-app/fastrtc) if you have any questions or encounter problems.
\ No newline at end of file
diff --git a/guides/07_streaming/03_object-detection-from-video.md b/guides/07_streaming/03_object-detection-from-video.md
new file mode 100644
index 0000000..17ac016
--- /dev/null
+++ b/guides/07_streaming/03_object-detection-from-video.md
@@ -0,0 +1,184 @@
+# Streaming Object Detection from Video
+
+Tags: VISION, STREAMING, VIDEO
+
+In this guide we'll use the [RT-DETR](https://huggingface.co/docs/transformers/en/model_doc/rt_detr) model to detect objects in a user uploaded video. We'll stream the results from the server using the new video streaming features introduced in Gradio 5.0.
+
+![video_object_detection_stream_latest](https://github.com/user-attachments/assets/4e27ac58-5ded-495d-9e0d-5e87e68b1355)
+
+## Setting up the Model
+
+First, we'll install the following requirements in our system:
+
+```
+opencv-python
+torch
+transformers>=4.43.0
+spaces
+```
+
+Then, we'll download the model from the Hugging Face Hub:
+
+```python
+from transformers import RTDetrForObjectDetection, RTDetrImageProcessor
+
+image_processor = RTDetrImageProcessor.from_pretrained("PekingU/rtdetr_r50vd")
+model = RTDetrForObjectDetection.from_pretrained("PekingU/rtdetr_r50vd").to("cuda")
+```
+We're moving the model to the GPU. We'll be deploying our model to Hugging Face Spaces and running the inference in the [free ZeroGPU cluster](https://huggingface.co/zero-gpu-explorers). 
+
+
+## The Inference Function
+
+Our inference function will accept a video and a desired confidence threshold.
+Object detection models identify many objects and assign a confidence score to each object. The lower the confidence, the higher the chance of a false positive. So we will let our users set the confidence threshold.
+
+Our function will iterate over the frames in the video and run the RT-DETR model over each frame.
+We will then draw the bounding boxes for each detected object in the frame and save the frame to a new output video.
+The function will yield each output video in chunks of two seconds.
+
+In order to keep inference times as low as possible on ZeroGPU (there is a time-based quota),
+we will halve the original frames-per-second in the output video and resize the input frames to be half the original 
+size before running the model.
+
+The code for the inference function is below - we'll go over it piece by piece.
+
+```python
+import spaces
+import cv2
+from PIL import Image
+import torch
+import time
+import numpy as np
+import uuid
+
+from draw_boxes import draw_bounding_boxes
+
+SUBSAMPLE = 2
+
+@spaces.GPU
+def stream_object_detection(video, conf_threshold):
+    cap = cv2.VideoCapture(video)
+
+    # This means we will output mp4 videos
+    video_codec = cv2.VideoWriter_fourcc(*"mp4v") # type: ignore
+    fps = int(cap.get(cv2.CAP_PROP_FPS))
+
+    desired_fps = fps // SUBSAMPLE
+    width  = int(cap.get(cv2.CAP_PROP_FRAME_WIDTH)) // 2
+    height = int(cap.get(cv2.CAP_PROP_FRAME_HEIGHT)) // 2
+
+    iterating, frame = cap.read()
+
+    n_frames = 0
+
+    # Use UUID to create a unique video file
+    output_video_name = f"output_{uuid.uuid4()}.mp4"
+
+    # Output Video
+    output_video = cv2.VideoWriter(output_video_name, video_codec, desired_fps, (width, height)) # type: ignore
+    batch = []
+
+    while iterating:
+        frame = cv2.resize( frame, (0,0), fx=0.5, fy=0.5)
+        frame = cv2.cvtColor(frame, cv2.COLOR_BGR2RGB)
+        if n_frames % SUBSAMPLE == 0:
+            batch.append(frame)
+        if len(batch) == 2 * desired_fps:
+            inputs = image_processor(images=batch, return_tensors="pt").to("cuda")
+
+            with torch.no_grad():
+                outputs = model(**inputs)
+
+            boxes = image_processor.post_process_object_detection(
+                outputs,
+                target_sizes=torch.tensor([(height, width)] * len(batch)),
+                threshold=conf_threshold)
+            
+            for i, (array, box) in enumerate(zip(batch, boxes)):
+                pil_image = draw_bounding_boxes(Image.fromarray(array), box, model, conf_threshold)
+                frame = np.array(pil_image)
+                # Convert RGB to BGR
+                frame = frame[:, :, ::-1].copy()
+                output_video.write(frame)
+
+            batch = []
+            output_video.release()
+            yield output_video_name
+            output_video_name = f"output_{uuid.uuid4()}.mp4"
+            output_video = cv2.VideoWriter(output_video_name, video_codec, desired_fps, (width, height)) # type: ignore
+
+        iterating, frame = cap.read()
+        n_frames += 1
+```
+
+1. **Reading from the Video**
+
+One of the industry standards for creating videos in python is OpenCV so we will use it in this app.
+
+The `cap` variable is how we will read from the input video. Whenever we call `cap.read()`, we are reading the next frame in the video.
+
+In order to stream video in Gradio, we need to yield a different video file for each "chunk" of the output video.
+We create the next video file to write to with the `output_video = cv2.VideoWriter(output_video_name, video_codec, desired_fps, (width, height))` line. The `video_codec` is how we specify the type of video file. Only "mp4" and "ts" files are supported for video sreaming at the moment.
+
+
+2. **The Inference Loop**
+
+For each frame in the video, we will resize it to be half the size. OpenCV reads files in `BGR` format, so will convert to the expected `RGB` format of transfomers. That's what the first two lines of the while loop are doing. 
+
+We take every other frame and add it to a `batch` list so that the output video is half the original FPS. When the batch covers two seconds of video, we will run the model. The two second threshold was chosen to keep the processing time of each batch small enough so that video is smoothly displayed in the server while not requiring too many separate forward passes. In order for video streaming to work properly in Gradio, the batch size should be at least 1 second. 
+
+We run the forward pass of the model and then use the `post_process_object_detection` method of the model to scale the detected bounding boxes to the size of the input frame.
+
+We make use of a custom function to draw the bounding boxes (source [here](https://huggingface.co/spaces/gradio/rt-detr-object-detection/blob/main/draw_boxes.py#L14)). We then have to convert from `RGB` to `BGR` before writing back to the output video.
+
+Once we have finished processing the batch, we create a new output video file for the next batch.
+
+## The Gradio Demo
+
+The UI code is pretty similar to other kinds of Gradio apps. 
+We'll use a standard two-column layout so that users can see the input and output videos side by side.
+
+In order for streaming to work, we have to set `streaming=True` in the output video. Setting the video
+to autoplay is not necessary but it's a better experience for users.
+
+```python
+import gradio as gr
+
+with gr.Blocks() as app:
+    gr.HTML(
+        """
+    <h1 style='text-align: center'>
+    Video Object Detection with <a href='https://huggingface.co/PekingU/rtdetr_r101vd_coco_o365' target='_blank'>RT-DETR</a>
+    </h1>
+    """)
+    with gr.Row():
+        with gr.Column():
+            video = gr.Video(label="Video Source")
+            conf_threshold = gr.Slider(
+                label="Confidence Threshold",
+                minimum=0.0,
+                maximum=1.0,
+                step=0.05,
+                value=0.30,
+            )
+        with gr.Column():
+            output_video = gr.Video(label="Processed Video", streaming=True, autoplay=True)
+
+    video.upload(
+        fn=stream_object_detection,
+        inputs=[video, conf_threshold],
+        outputs=[output_video],
+    )
+
+
+```
+
+
+## Conclusion
+
+You can check out our demo hosted on Hugging Face Spaces [here](https://huggingface.co/spaces/gradio/rt-detr-object-detection). 
+
+It is also embedded on this page below
+
+$demo_rt-detr-object-detection
\ No newline at end of file
diff --git a/guides/07_streaming/04_conversational-chatbot.md b/guides/07_streaming/04_conversational-chatbot.md
new file mode 100644
index 0000000..0246acc
--- /dev/null
+++ b/guides/07_streaming/04_conversational-chatbot.md
@@ -0,0 +1,189 @@
+# Building Conversational Chatbots with Gradio
+
+Tags: AUDIO, STREAMING, CHATBOTS
+
+## Introduction
+
+The next generation of AI user interfaces is moving towards audio-native experiences. Users will be able to speak to chatbots and receive spoken responses in return. Several models have been built under this paradigm, including GPT-4o and [mini omni](https://github.com/gpt-omni/mini-omni).
+
+In this guide, we'll walk you through building your own conversational chat application using mini omni as an example. You can see a demo of the finished app below:
+
+<video src="https://github.com/user-attachments/assets/db36f4db-7535-49f1-a2dd-bd36c487ebdf" controls
+height="600" width="600" style="display: block; margin: auto;" autoplay="true" loop="true">
+</video>
+
+## Application Overview
+
+Our application will enable the following user experience:
+
+1. Users click a button to start recording their message
+2. The app detects when the user has finished speaking and stops recording
+3. The user's audio is passed to the omni model, which streams back a response
+4. After omni mini finishes speaking, the user's microphone is reactivated
+5. All previous spoken audio, from both the user and omni, is displayed in a chatbot component
+
+Let's dive into the implementation details.
+
+## Processing User Audio
+
+We'll stream the user's audio from their microphone to the server and determine if the user has stopped speaking on each new chunk of audio.
+
+Here's our `process_audio` function:
+
+```python
+import numpy as np
+from utils import determine_pause
+
+def process_audio(audio: tuple, state: AppState):
+    if state.stream is None:
+        state.stream = audio[1]
+        state.sampling_rate = audio[0]
+    else:
+        state.stream = np.concatenate((state.stream, audio[1]))
+
+    pause_detected = determine_pause(state.stream, state.sampling_rate, state)
+    state.pause_detected = pause_detected
+
+    if state.pause_detected and state.started_talking:
+        return gr.Audio(recording=False), state
+    return None, state
+```
+
+This function takes two inputs:
+1. The current audio chunk (a tuple of `(sampling_rate, numpy array of audio)`)
+2. The current application state
+
+We'll use the following `AppState` dataclass to manage our application state:
+
+```python
+from dataclasses import dataclass
+
+@dataclass
+class AppState:
+    stream: np.ndarray | None = None
+    sampling_rate: int = 0
+    pause_detected: bool = False
+    stopped: bool = False
+    conversation: list = []
+```
+
+The function concatenates new audio chunks to the existing stream and checks if the user has stopped speaking. If a pause is detected, it returns an update to stop recording. Otherwise, it returns `None` to indicate no changes.
+
+The implementation of the `determine_pause` function is specific to the omni-mini project and can be found [here](https://huggingface.co/spaces/gradio/omni-mini/blob/eb027808c7bfe5179b46d9352e3fa1813a45f7c3/app.py#L98).
+
+## Generating the Response
+
+After processing the user's audio, we need to generate and stream the chatbot's response. Here's our `response` function:
+
+```python
+import io
+import tempfile
+from pydub import AudioSegment
+
+def response(state: AppState):
+    if not state.pause_detected and not state.started_talking:
+        return None, AppState()
+    
+    audio_buffer = io.BytesIO()
+
+    segment = AudioSegment(
+        state.stream.tobytes(),
+        frame_rate=state.sampling_rate,
+        sample_width=state.stream.dtype.itemsize,
+        channels=(1 if len(state.stream.shape) == 1 else state.stream.shape[1]),
+    )
+    segment.export(audio_buffer, format="wav")
+
+    with tempfile.NamedTemporaryFile(suffix=".wav", delete=False) as f:
+        f.write(audio_buffer.getvalue())
+    
+    state.conversation.append({"role": "user",
+                                "content": {"path": f.name,
+                                "mime_type": "audio/wav"}})
+    
+    output_buffer = b""
+
+    for mp3_bytes in speaking(audio_buffer.getvalue()):
+        output_buffer += mp3_bytes
+        yield mp3_bytes, state
+
+    with tempfile.NamedTemporaryFile(suffix=".mp3", delete=False) as f:
+        f.write(output_buffer)
+    
+    state.conversation.append({"role": "assistant",
+                    "content": {"path": f.name,
+                                "mime_type": "audio/mp3"}})
+    yield None, AppState(conversation=state.conversation)
+```
+
+This function:
+1. Converts the user's audio to a WAV file
+2. Adds the user's message to the conversation history
+3. Generates and streams the chatbot's response using the `speaking` function
+4. Saves the chatbot's response as an MP3 file
+5. Adds the chatbot's response to the conversation history
+
+Note: The implementation of the `speaking` function is specific to the omni-mini project and can be found [here](https://huggingface.co/spaces/gradio/omni-mini/blob/main/app.py#L116).
+
+## Building the Gradio App
+
+Now let's put it all together using Gradio's Blocks API:
+
+```python
+import gradio as gr
+
+def start_recording_user(state: AppState):
+    if not state.stopped:
+        return gr.Audio(recording=True)
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            input_audio = gr.Audio(
+                label="Input Audio", sources="microphone", type="numpy"
+            )
+        with gr.Column():
+            chatbot = gr.Chatbot(label="Conversation")
+            output_audio = gr.Audio(label="Output Audio", streaming=True, autoplay=True)
+    state = gr.State(value=AppState())
+
+    stream = input_audio.stream(
+        process_audio,
+        [input_audio, state],
+        [input_audio, state],
+        stream_every=0.5,
+        time_limit=30,
+    )
+    respond = input_audio.stop_recording(
+        response,
+        [state],
+        [output_audio, state]
+    )
+    respond.then(lambda s: s.conversation, [state], [chatbot])
+
+    restart = output_audio.stop(
+        start_recording_user,
+        [state],
+        [input_audio]
+    )
+    cancel = gr.Button("Stop Conversation", variant="stop")
+    cancel.click(lambda: (AppState(stopped=True), gr.Audio(recording=False)), None,
+                [state, input_audio], cancels=[respond, restart])
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+This setup creates a user interface with:
+- An input audio component for recording user messages
+- A chatbot component to display the conversation history
+- An output audio component for the chatbot's responses
+- A button to stop and reset the conversation
+
+The app streams user audio in 0.5-second chunks, processes it, generates responses, and updates the conversation history accordingly.
+
+## Conclusion
+
+This guide demonstrates how to build a conversational chatbot application using Gradio and the mini omni model. You can adapt this framework to create various audio-based chatbot demos. To see the full application in action, visit the Hugging Face Spaces demo: https://huggingface.co/spaces/gradio/omni-mini
+
+Feel free to experiment with different models, audio processing techniques, or user interface designs to create your own unique conversational AI experiences!
\ No newline at end of file
diff --git a/guides/07_streaming/05_real-time-speech-recognition.md b/guides/07_streaming/05_real-time-speech-recognition.md
new file mode 100644
index 0000000..c3bdcbc
--- /dev/null
+++ b/guides/07_streaming/05_real-time-speech-recognition.md
@@ -0,0 +1,70 @@
+# Real Time Speech Recognition
+
+Tags: ASR, SPEECH, STREAMING
+
+## Introduction
+
+Automatic speech recognition (ASR), the conversion of spoken speech to text, is a very important and thriving area of machine learning. ASR algorithms run on practically every smartphone, and are becoming increasingly embedded in professional workflows, such as digital assistants for nurses and doctors. Because ASR algorithms are designed to be used directly by customers and end users, it is important to validate that they are behaving as expected when confronted with a wide variety of speech patterns (different accents, pitches, and background audio conditions).
+
+Using `gradio`, you can easily build a demo of your ASR model and share that with a testing team, or test it yourself by speaking through the microphone on your device.
+
+This tutorial will show how to take a pretrained speech-to-text model and deploy it with a Gradio interface. We will start with a **_full-context_** model, in which the user speaks the entire audio before the prediction runs. Then we will adapt the demo to make it **_streaming_**, meaning that the audio model will convert speech as you speak. 
+
+### Prerequisites
+
+Make sure you have the `gradio` Python package already [installed](/getting_started). You will also need a pretrained speech recognition model. In this tutorial, we will build demos from 2 ASR libraries:
+
+- Transformers (for this, `pip install torch transformers torchaudio`)
+
+Make sure you have at least one of these installed so that you can follow along the tutorial. You will also need `ffmpeg` [installed on your system](https://www.ffmpeg.org/download.html), if you do not already have it, to process files from the microphone.
+
+Here's how to build a real time speech recognition (ASR) app:
+
+1. [Set up the Transformers ASR Model](#1-set-up-the-transformers-asr-model)
+2. [Create a Full-Context ASR Demo with Transformers](#2-create-a-full-context-asr-demo-with-transformers)
+3. [Create a Streaming ASR Demo with Transformers](#3-create-a-streaming-asr-demo-with-transformers)
+
+## 1. Set up the Transformers ASR Model
+
+First, you will need to have an ASR model that you have either trained yourself or you will need to download a pretrained model. In this tutorial, we will start by using a pretrained ASR model from the model, `whisper`.
+
+Here is the code to load `whisper` from Hugging Face `transformers`.
+
+```python
+from transformers import pipeline
+
+p = pipeline("automatic-speech-recognition", model="openai/whisper-base.en")
+```
+
+That's it!
+
+## 2. Create a Full-Context ASR Demo with Transformers
+
+We will start by creating a _full-context_ ASR demo, in which the user speaks the full audio before using the ASR model to run inference. This is very easy with Gradio -- we simply create a function around the `pipeline` object above.
+
+We will use `gradio`'s built in `Audio` component, configured to take input from the user's microphone and return a filepath for the recorded audio. The output component will be a plain `Textbox`.
+
+$code_asr
+$demo_asr
+
+The `transcribe` function takes a single parameter, `audio`, which is a numpy array of the audio the user recorded. The `pipeline` object expects this in float32 format, so we convert it first to float32, and then extract the transcribed text.
+
+## 3. Create a Streaming ASR Demo with Transformers
+
+To make this a *streaming* demo, we need to make these changes:
+
+1. Set `streaming=True` in the `Audio` component
+2. Set `live=True` in the `Interface`
+3. Add a `state` to the interface to store the recorded audio of a user
+
+Tip: You can also set `time_limit` and `stream_every` parameters in the interface. The `time_limit` caps the amount of time each user's stream can take. The default is 30 seconds so users won't be able to stream audio for more than 30 seconds. The `stream_every` parameter controls how frequently data is sent to your function. By default it is 0.5 seconds.
+
+Take a look below.
+
+$code_stream_asr
+
+Notice that we now have a state variable because we need to track all the audio history. `transcribe` gets called whenever there is a new small chunk of audio, but we also need to keep track of all the audio spoken so far in the state. As the interface runs, the `transcribe` function gets called, with a record of all the previously spoken audio in the `stream` and the new chunk of audio as `new_chunk`. We return the new full audio to be stored back in its current state, and we also return the transcription. Here, we naively append the audio together and call the `transcriber` object on the entire audio. You can imagine more efficient ways of handling this, such as re-processing only the last 5 seconds of audio whenever a new chunk of audio is received. 
+
+$demo_stream_asr
+
+Now the ASR model will run inference as you speak! 
diff --git a/guides/07_streaming/06_automatic-voice-detection.md b/guides/07_streaming/06_automatic-voice-detection.md
new file mode 100644
index 0000000..a6e1496
--- /dev/null
+++ b/guides/07_streaming/06_automatic-voice-detection.md
@@ -0,0 +1,260 @@
+# Multimodal Gradio App Powered by Groq with Automatic Speech Detection
+
+Tags: AUDIO, STREAMING, CHATBOTS, VOICE
+
+## Introduction
+Modern voice applications should feel natural and responsive, moving beyond the traditional "click-to-record" pattern. By combining Groq's fast inference capabilities with automatic speech detection, we can create a more intuitive interaction model where users can simply start talking whenever they want to engage with the AI.
+
+> Credits: VAD and Gradio code inspired by [WillHeld's Diva-audio-chat](https://huggingface.co/spaces/WillHeld/diva-audio-chat/tree/main).
+
+In this tutorial, you will learn how to create a multimodal Gradio and Groq app that has automatic speech detection. You can also watch the full video tutorial which includes a demo of the application:
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/azXaioGdm2Q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+## Background
+
+Many voice apps currently work by the user clicking record, speaking, then stopping the recording. While this can be a powerful demo, the most natural mode of interaction with voice requires the app to dynamically detect when the user is speaking, so they can talk back and forth without having to continually click a record button. 
+
+Creating a natural interaction with voice and text requires a dynamic and low-latency response. Thus, we need both automatic voice detection and fast inference. With @ricky0123/vad-web powering speech detection and Groq powering the LLM, both of these requirements are met. Groq provides a lightning fast response, and Gradio allows for easy creation of impressively functional apps.
+
+This tutorial shows you how to build a calorie tracking app where you speak to an AI that automatically detects when you start and stop your response, and provides its own text response back to guide you with questions that allow it to give a calorie estimate of your last meal.
+
+## Key Components
+
+- **Gradio**: Provides the web interface and audio handling capabilities
+- **@ricky0123/vad-web**: Handles voice activity detection
+- **Groq**: Powers fast LLM inference for natural conversations
+- **Whisper**: Transcribes speech to text
+
+### Setting Up the Environment
+
+First, let’s install and import our essential libraries and set up a client for using the Groq API. Here’s how to do it:
+
+`requirements.txt`
+```
+gradio
+groq
+numpy
+soundfile
+librosa
+spaces
+xxhash
+datasets
+```
+
+`app.py`
+```python
+import groq
+import gradio as gr
+import soundfile as sf
+from dataclasses import dataclass, field
+import os
+
+# Initialize Groq client securely
+api_key = os.environ.get("GROQ_API_KEY")
+if not api_key:
+    raise ValueError("Please set the GROQ_API_KEY environment variable.")
+client = groq.Client(api_key=api_key)
+```
+
+Here, we’re pulling in key libraries to interact with the Groq API, build a sleek UI with Gradio, and handle audio data. We’re accessing the Groq API key securely with a key stored in an environment variable, which is a security best practice for avoiding leaking the API key.
+
+---
+
+### State Management for Seamless Conversations
+
+We need a way to keep track of our conversation history, so the chatbot remembers past interactions, and manage other states like whether recording is currently active. To do this, let’s create an `AppState` class:
+
+```python
+@dataclass
+class AppState:
+    conversation: list = field(default_factory=list)
+    stopped: bool = False
+    model_outs: Any = None
+```
+
+Our `AppState` class is a handy tool for managing conversation history and tracking whether recording is on or off. Each instance will have its own fresh list of conversations, making sure chat history is isolated to each session. 
+
+---
+
+### Transcribing Audio with Whisper on Groq
+
+Next, we’ll create a function to transcribe the user’s audio input into text using Whisper, a powerful transcription model hosted on Groq. This transcription will also help us determine whether there’s meaningful speech in the input. Here’s how:
+
+```python
+def transcribe_audio(client, file_name):
+    if file_name is None:
+        return None
+
+    try:
+        with open(file_name, "rb") as audio_file:
+            response = client.audio.transcriptions.with_raw_response.create(
+                model="whisper-large-v3-turbo",
+                file=("audio.wav", audio_file),
+                response_format="verbose_json",
+            )
+            completion = process_whisper_response(response.parse())
+            return completion
+    except Exception as e:
+        print(f"Error in transcription: {e}")
+        return f"Error in transcription: {str(e)}"
+```
+
+This function opens the audio file and sends it to Groq’s Whisper model for transcription, requesting detailed JSON output. verbose_json is needed to get information to determine if speech was included in the audio. We also handle any potential errors so our app doesn’t fully crash if there’s an issue with the API request. 
+
+```python
+def process_whisper_response(completion):
+    """
+    Process Whisper transcription response and return text or null based on no_speech_prob
+    
+    Args:
+        completion: Whisper transcription response object
+        
+    Returns:
+        str or None: Transcribed text if no_speech_prob <= 0.7, otherwise None
+    """
+    if completion.segments and len(completion.segments) > 0:
+        no_speech_prob = completion.segments[0].get('no_speech_prob', 0)
+        print("No speech prob:", no_speech_prob)
+
+        if no_speech_prob > 0.7:
+            return None
+            
+        return completion.text.strip()
+    
+    return None
+```
+
+We also need to interpret the audio data response. The process_whisper_response function takes the resulting completion from Whisper and checks if the audio was just background noise or had actual speaking that was transcribed. It uses a threshold of 0.7 to interpret the no_speech_prob, and will return None if there was no speech. Otherwise, it will return the text transcript of the conversational response from the human.
+
+
+---
+
+### Adding Conversational Intelligence with LLM Integration
+
+Our chatbot needs to provide intelligent, friendly responses that flow naturally. We’ll use a Groq-hosted Llama-3.2 for this:
+
+```python
+def generate_chat_completion(client, history):
+    messages = []
+    messages.append(
+        {
+            "role": "system",
+            "content": "In conversation with the user, ask questions to estimate and provide (1) total calories, (2) protein, carbs, and fat in grams, (3) fiber and sugar content. Only ask *one question at a time*. Be conversational and natural.",
+        }
+    )
+
+    for message in history:
+        messages.append(message)
+
+    try:
+        completion = client.chat.completions.create(
+            model="llama-3.2-11b-vision-preview",
+            messages=messages,
+        )
+        return completion.choices[0].message.content
+    except Exception as e:
+        return f"Error in generating chat completion: {str(e)}"
+```
+
+We’re defining a system prompt to guide the chatbot’s behavior, ensuring it asks one question at a time and keeps things conversational. This setup also includes error handling to ensure the app gracefully manages any issues.
+
+---
+
+### Voice Activity Detection for Hands-Free Interaction
+
+To make our chatbot hands-free, we’ll add Voice Activity Detection (VAD) to automatically detect when someone starts or stops speaking. Here’s how to implement it using ONNX in JavaScript:
+
+```javascript
+async function main() {
+  const script1 = document.createElement("script");
+  script1.src = "https://cdn.jsdelivr.net/npm/onnxruntime-web@1.14.0/dist/ort.js";
+  document.head.appendChild(script1)
+  const script2 = document.createElement("script");
+  script2.onload = async () =>  {
+    console.log("vad loaded");
+    var record = document.querySelector('.record-button');
+    record.textContent = "Just Start Talking!"
+    
+    const myvad = await vad.MicVAD.new({
+      onSpeechStart: () => {
+        var record = document.querySelector('.record-button');
+        var player = document.querySelector('#streaming-out')
+        if (record != null && (player == null || player.paused)) {
+          record.click();
+        }
+      },
+      onSpeechEnd: (audio) => {
+        var stop = document.querySelector('.stop-button');
+        if (stop != null) {
+          stop.click();
+        }
+      }
+    })
+    myvad.start()
+  }
+  script2.src = "https://cdn.jsdelivr.net/npm/@ricky0123/vad-web@0.0.7/dist/bundle.min.js";
+}
+```
+
+This script loads our VAD model and sets up functions to start and stop recording automatically. When the user starts speaking, it triggers the recording, and when they stop, it ends the recording.
+
+---
+
+### Building a User Interface with Gradio
+
+Now, let’s create an intuitive and visually appealing user interface with Gradio. This interface will include an audio input for capturing voice, a chat window for displaying responses, and state management to keep things synchronized.
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        input_audio = gr.Audio(
+            label="Input Audio",
+            sources=["microphone"],
+            type="numpy",
+            streaming=False,
+            waveform_options=gr.WaveformOptions(waveform_color="#B83A4B"),
+        )
+    with gr.Row():
+        chatbot = gr.Chatbot(label="Conversation")
+    state = gr.State(value=AppState())
+demo.launch(theme=theme, js=js)
+```
+
+In this code block, we’re using Gradio’s `Blocks` API to create an interface with an audio input, a chat display, and an application state manager. The color customization for the waveform adds a nice visual touch.
+
+---
+
+### Handling Recording and Responses
+
+Finally, let’s link the recording and response components to ensure the app reacts smoothly to user inputs and provides responses in real-time.
+
+```python
+    stream = input_audio.start_recording(
+        process_audio,
+        [input_audio, state],
+        [input_audio, state],
+    )
+    respond = input_audio.stop_recording(
+        response, [state, input_audio], [state, chatbot]
+    )
+```
+
+These lines set up event listeners for starting and stopping the recording, processing the audio input, and generating responses. By linking these events, we create a cohesive experience where users can simply talk, and the chatbot handles the rest.
+
+---
+
+## Summary
+
+1. When you open the app, the VAD system automatically initializes and starts listening for speech
+2. As soon as you start talking, it triggers the recording automatically
+3. When you stop speaking, the recording ends and:
+   - The audio is transcribed using Whisper
+   - The transcribed text is sent to the LLM
+   - The LLM generates a response about calorie tracking
+   - The response is displayed in the chat interface
+4. This creates a natural back-and-forth conversation where you can simply talk about your meals and get instant feedback on nutritional content
+
+This app demonstrates how to create a natural voice interface that feels responsive and intuitive. By combining Groq's fast inference with automatic speech detection, we've eliminated the need for manual recording controls while maintaining high-quality interactions. The result is a practical calorie tracking assistant that users can simply talk to as naturally as they would to a human nutritionist.
+
+Link to GitHub repository: [Groq Gradio Basics](https://github.com/bklieger-groq/gradio-groq-basics/tree/main/calorie-tracker)
\ No newline at end of file
diff --git a/guides/08_custom-components/01_custom-components-in-five-minutes.md b/guides/08_custom-components/01_custom-components-in-five-minutes.md
new file mode 100644
index 0000000..23fa14b
--- /dev/null
+++ b/guides/08_custom-components/01_custom-components-in-five-minutes.md
@@ -0,0 +1,123 @@
+# Custom Components in 5 minutes
+
+Gradio includes the ability for developers to create their own custom components and use them in Gradio apps. You can publish your components as Python packages so that other users can use them as well.
+
+Users will be able to use all of Gradio's existing functions, such as `gr.Blocks`, `gr.Interface`, API usage, themes, etc. with Custom Components. This guide will cover how to get started making custom components.
+
+## Installation
+
+You will need to have:
+
+* Python 3.10+ (<a href="https://www.python.org/downloads/" target="_blank">install here</a>)
+* pip 21.3+ (`python -m pip install --upgrade pip`)
+* Node.js 20+ (<a href="https://nodejs.dev/en/download/package-manager/" target="_blank">install here</a>)
+* npm 9+ (<a href="https://docs.npmjs.com/downloading-and-installing-node-js-and-npm/" target="_blank">install here</a>)
+* Gradio 5+ (`pip install --upgrade gradio`)
+
+## The Workflow
+
+The Custom Components workflow consists of 4 steps: create, dev, build, and publish.
+
+1. create: creates a template for you to start developing a custom component.
+2. dev: launches a development server with a sample app & hot reloading allowing you to easily develop your custom component
+3. build: builds a python package containing to your custom component's Python and JavaScript code -- this makes things official!
+4. publish: uploads your package to [PyPi](https://pypi.org/) and/or a sample app to [HuggingFace Spaces](https://hf.co/spaces).
+
+Each of these steps is done via the Custom Component CLI. You can invoke it with `gradio cc` or `gradio component`
+
+Tip: Run `gradio cc --help` to get a help menu of all available commands. There are some commands that are not covered in this guide. You can also append `--help` to any command name to bring up a help page for that command, e.g. `gradio cc create --help`.
+
+## 1. create
+
+Bootstrap a new template by running the following in any working directory:
+
+```bash
+gradio cc create MyComponent --template SimpleTextbox
+```
+
+Instead of `MyComponent`, give your component any name.
+
+Instead of `SimpleTextbox`, you can use any Gradio component as a template. `SimpleTextbox` is actually a special component that a stripped-down version of the `Textbox` component that makes it particularly useful when creating your first custom component.
+Some other components that are good if you are starting out: `SimpleDropdown`, `SimpleImage`, or `File`.
+
+Tip: Run `gradio cc show` to get a list of available component templates.
+
+The `create` command will:
+
+1. Create a directory with your component's name in lowercase with the following structure:
+```directory
+- backend/ <- The python code for your custom component
+- frontend/ <- The javascript code for your custom component
+- demo/ <- A sample app using your custom component. Modify this to develop your component!
+- pyproject.toml <- Used to build the package and specify package metadata.
+```
+
+2. Install the component in development mode
+
+Each of the directories will have the code you need to get started developing!
+
+## 2. dev
+
+Once you have created your new component, you can start a development server by `entering the directory` and running
+
+```bash
+gradio cc dev
+```
+
+You'll see several lines that are printed to the console.
+The most important one is the one that says:
+
+> Frontend Server (Go here): http://localhost:7861/
+
+The port number might be different for you.
+Click on that link to launch the demo app in hot reload mode.
+Now, you can start making changes to the backend and frontend you'll see the results reflected live in the sample app!
+We'll go through a real example in a later guide.
+
+Tip: You don't have to run dev mode from your custom component directory. The first argument to `dev` mode is the path to the directory. By default it uses the current directory.
+
+## 3. build
+
+Once you are satisfied with your custom component's implementation, you can `build` it to use it outside of the development server.
+
+From your component directory, run:
+
+```bash
+gradio cc build
+```
+
+This will create a `tar.gz` and `.whl` file in a `dist/` subdirectory.
+If you or anyone installs that `.whl` file (`pip install <path-to-whl>`) they will be able to use your custom component in any gradio app!
+
+The `build` command will also generate documentation for your custom component. This takes the form of an interactive space and a static `README.md`. You can disable this by passing `--no-generate-docs`. You can read more about the documentation generator in [the dedicated guide](https://gradio.app/guides/documenting-custom-components).
+
+## 4. publish
+
+Right now, your package is only available on a `.whl` file on your computer.
+You can share that file with the world with the `publish` command!
+
+Simply run the following command from your component directory:
+
+```bash
+gradio cc publish
+```
+
+This will guide you through the following process:
+
+1. Upload your distribution files to PyPi. This makes it easier to upload the demo to Hugging Face spaces. Otherwise your package must be at a publicly available url. If you decide to upload to PyPi, you will need a PyPI username and password. You can get one [here](https://pypi.org/account/register/).
+2. Upload a demo of your component to hugging face spaces. This is also optional.
+
+
+Here is an example of what publishing looks like:
+
+<video autoplay muted loop>
+  <source src="https://gradio-builds.s3.amazonaws.com/assets/text_with_attachments_publish.mov" type="video/mp4" />
+</video>
+
+
+## Conclusion
+
+Now that you know the high-level workflow of creating custom components, you can go in depth in the next guides!
+After reading the guides, check out this [collection](https://huggingface.co/collections/gradio/custom-components-65497a761c5192d981710b12) of custom components on the HuggingFace Hub so you can learn from other's code.
+
+Tip: If you want to start off from someone else's custom component see this [guide](./frequently-asked-questions#do-i-always-need-to-start-my-component-from-scratch).
diff --git a/guides/08_custom-components/02_key-component-concepts.md b/guides/08_custom-components/02_key-component-concepts.md
new file mode 100644
index 0000000..35ea217
--- /dev/null
+++ b/guides/08_custom-components/02_key-component-concepts.md
@@ -0,0 +1,124 @@
+# Gradio Components: The Key Concepts
+
+In this section, we discuss a few important concepts when it comes to components in Gradio.
+It's important to understand these concepts when developing your own component.
+Otherwise, your component may behave very different to other Gradio components!
+
+Tip:  You can skip this section if you are familiar with the internals of the Gradio library, such as each component's preprocess and postprocess methods.
+
+## Interactive vs Static
+
+Every component in Gradio comes in a `static` variant, and most come in an `interactive` version as well.
+The `static` version is used when a component is displaying a value, and the user can **NOT** change that value by interacting with it. 
+The `interactive` version is used when the user is able to change the value by interacting with the Gradio UI.
+
+Let's see some examples:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+   gr.Textbox(value="Hello", interactive=True)
+   gr.Textbox(value="Hello", interactive=False)
+
+demo.launch()
+
+```
+This will display two textboxes.
+The only difference: you'll be able to edit the value of the Gradio component on top, and you won't be able to edit the variant on the bottom (i.e. the textbox will be disabled).
+
+Perhaps a more interesting example is with the `Image` component:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+   gr.Image(interactive=True)
+   gr.Image(interactive=False)
+
+demo.launch()
+```
+
+The interactive version of the component is much more complex -- you can upload images or snap a picture from your webcam -- while the static version can only be used to display images.
+
+Not every component has a distinct interactive version. For example, the `gr.AnnotatedImage` only appears as a static version since there's no way to interactively change the value of the annotations or the image.
+
+### What you need to remember
+
+* Gradio will use the interactive version (if available) of a component if that component is used as the **input** to any event; otherwise, the static version will be used.
+
+* When you design custom components, you **must** accept the boolean interactive keyword in the constructor of your Python class. In the frontend, you **may** accept the `interactive` property, a `bool` which represents whether the component should be static or interactive. If you do not use this property in the frontend, the component will appear the same in interactive or static mode.
+
+## The value and how it is preprocessed/postprocessed
+
+The most important attribute of a component is its `value`.
+Every component has a `value`.
+The value that is typically set by the user in the frontend (if the component is interactive) or displayed to the user (if it is static). 
+It is also this value that is sent to the backend function when a user triggers an event, or returned by the user's function e.g. at the end of a prediction.
+
+So this value is passed around quite a bit, but sometimes the format of the value needs to change between the frontend and backend. 
+Take a look at this example:
+
+```python
+import numpy as np
+import gradio as gr
+
+def sepia(input_img):
+    sepia_filter = np.array([
+        [0.393, 0.769, 0.189], 
+        [0.349, 0.686, 0.168], 
+        [0.272, 0.534, 0.131]
+    ])
+    sepia_img = input_img.dot(sepia_filter.T)
+    sepia_img /= sepia_img.max()
+    return sepia_img
+
+demo = gr.Interface(sepia, gr.Image(width=200, height=200), "image")
+demo.launch()
+```
+
+This will create a Gradio app which has an `Image` component as the input and the output. 
+In the frontend, the Image component will actually **upload** the file to the server and send the **filepath** but this is converted to a `numpy` array before it is sent to a user's function. 
+Conversely, when the user returns a `numpy` array from their function, the numpy array is converted to a file so that it can be sent to the frontend and displayed by the `Image` component.
+
+Tip: By default, the `Image` component sends numpy arrays to the python function because it is a common choice for machine learning engineers, though the Image component also supports other formats using the `type` parameter.  Read the `Image` docs [here](https://www.gradio.app/docs/image) to learn more.
+
+Each component does two conversions:
+
+1. `preprocess`: Converts the `value` from the format sent by the frontend to the format expected by the python function. This usually involves going from a web-friendly **JSON** structure to a **python-native** data structure, like a `numpy` array or `PIL` image. The `Audio`, `Image` components are good examples of `preprocess` methods.
+
+2. `postprocess`: Converts the value returned by the python function to the format expected by the frontend. This usually involves going from a **python-native** data-structure, like a `PIL` image to a **JSON** structure.
+
+### What you need to remember
+
+* Every component must implement `preprocess` and `postprocess` methods. In the rare event that no conversion needs to happen, simply return the value as-is. `Textbox` and `Number` are examples of this. 
+
+* As a component author, **YOU** control the format of the data displayed in the frontend as well as the format of the data someone using your component will receive. Think of an ergonomic data-structure a **python** developer will find intuitive, and control the conversion from a **Web-friendly JSON** data structure (and vice-versa) with `preprocess` and `postprocess.`
+
+## The "Example Version" of a Component
+
+Gradio apps support providing example inputs -- and these are very useful in helping users get started using your Gradio app. 
+In `gr.Interface`, you can provide examples using the `examples` keyword, and in `Blocks`, you can provide examples using the special `gr.Examples` component.
+
+At the bottom of this screenshot, we show a miniature example image of a cheetah that, when clicked, will populate the same image in the input Image component:
+
+![img](https://user-images.githubusercontent.com/1778297/277548211-a3cb2133-2ffc-4cdf-9a83-3e8363b57ea6.png)
+
+
+To enable the example view, you must have the following two files in the top of the `frontend` directory:
+
+* `Example.svelte`: this corresponds to the "example version" of your component
+* `Index.svelte`: this corresponds to the "regular version"
+
+In the backend, you typically don't need to do anything. The user-provided example `value` is processed using the same `.postprocess()` method described earlier. If you'd like to do process the data differently (for example, if the `.postprocess()` method is computationally expensive), then you can write your own `.process_example()` method for your custom component, which will be used instead. 
+
+The `Example.svelte` file and `process_example()` method will be covered in greater depth in the dedicated [frontend](./frontend) and [backend](./backend) guides respectively.
+
+### What you need to remember
+
+* If you expect your component to be used as input, it is important to define an "Example" view.
+* If you don't, Gradio will use a default one but it won't be as informative as it can be!
+
+## Conclusion
+
+Now that you know the most important pieces to remember about Gradio components, you can start to design and build your own!
diff --git a/guides/08_custom-components/03_configuration.md b/guides/08_custom-components/03_configuration.md
new file mode 100644
index 0000000..234cae3
--- /dev/null
+++ b/guides/08_custom-components/03_configuration.md
@@ -0,0 +1,100 @@
+# Configuring Your Custom Component
+
+The custom components workflow focuses on [convention over configuration](https://en.wikipedia.org/wiki/Convention_over_configuration) to reduce the number of decisions you as a developer need to make when developing your custom component.
+That being said, you can still configure some aspects of the custom component package and directory.
+This guide will cover how.
+
+## The Package Name
+
+By default, all custom component packages are called `gradio_<component-name>` where `component-name` is the name of the component's python class in lowercase.
+
+As an example, let's walkthrough changing the name of a component from `gradio_mytextbox` to `supertextbox`. 
+
+1. Modify the `name` in the `pyproject.toml` file. 
+
+```bash
+[project]
+name = "supertextbox"
+```
+
+2. Change all occurrences of `gradio_<component-name>` in `pyproject.toml` to `<component-name>`
+
+```bash
+[tool.hatch.build]
+artifacts = ["/backend/supertextbox/templates", "*.pyi"]
+
+[tool.hatch.build.targets.wheel]
+packages = ["/backend/supertextbox"]
+```
+
+3. Rename the `gradio_<component-name>` directory in `backend/` to `<component-name>`
+
+```bash
+mv backend/gradio_mytextbox backend/supertextbox
+```
+
+
+Tip: Remember to change the import statement in `demo/app.py`!
+
+## Top Level Python Exports
+
+By default, only the custom component python class is a top level export. 
+This means that when users type `from gradio_<component-name> import ...`, the only class that will be available is the custom component class.
+To add more classes as top level exports, modify the `__all__` property in `__init__.py`
+
+```python
+from .mytextbox import MyTextbox
+from .mytextbox import AdditionalClass, additional_function
+
+__all__ = ['MyTextbox', 'AdditionalClass', 'additional_function']
+```
+
+## Python Dependencies
+
+You can add python dependencies by modifying the `dependencies` key in `pyproject.toml`
+
+```bash
+dependencies = ["gradio", "numpy", "PIL"]
+```
+
+
+Tip: Remember to run `gradio cc install` when you add dependencies!
+
+## Javascript Dependencies
+
+You can add JavaScript dependencies by modifying the `"dependencies"` key in `frontend/package.json`
+
+```json
+"dependencies": {
+    "@gradio/atoms": "0.2.0-beta.4",
+    "@gradio/statustracker": "0.3.0-beta.6",
+    "@gradio/utils": "0.2.0-beta.4",
+    "your-npm-package": "<version>"
+}
+```
+
+## Directory Structure
+
+By default, the CLI will place the Python code in `backend` and the JavaScript code in `frontend`.
+It is not recommended to change this structure since it makes it easy for a potential contributor to look at your source code and know where everything is.
+However, if you did want to this is what you would have to do:
+
+1. Place the Python code in the subdirectory of your choosing. Remember to modify the `[tool.hatch.build]` `[tool.hatch.build.targets.wheel]` in the `pyproject.toml` to match!
+
+2. Place the JavaScript code in the subdirectory of your choosing.
+
+2. Add the `FRONTEND_DIR` property on the component python class. It must be the relative path from the file where the class is defined to the location of the JavaScript directory.
+
+```python
+class SuperTextbox(Component):
+    FRONTEND_DIR = "../../frontend/"
+```
+
+The JavaScript and Python directories must be under the same common directory!
+
+## Conclusion
+
+
+Sticking to the defaults will make it easy for others to understand and contribute to your custom component.
+After all, the beauty of open source is that anyone can help improve your code!
+But if you ever need to deviate from the defaults, you know how!
\ No newline at end of file
diff --git a/guides/08_custom-components/04_backend.md b/guides/08_custom-components/04_backend.md
new file mode 100644
index 0000000..f5d52ef
--- /dev/null
+++ b/guides/08_custom-components/04_backend.md
@@ -0,0 +1,227 @@
+# The Backend 🐍
+
+This guide will cover everything you need to know to implement your custom component's backend processing.
+
+## Which Class to Inherit From
+
+All components inherit from one of three classes `Component`, `FormComponent`, or `BlockContext`.
+You need to inherit from one so that your component behaves like all other gradio components.
+When you start from a template with `gradio cc create --template`, you don't need to worry about which one to choose since the template uses the correct one. 
+For completeness, and in the event that you need to make your own component from scratch, we explain what each class is for.
+
+* `FormComponent`: Use this when you want your component to be grouped together in the same `Form` layout with other `FormComponents`. The `Slider`, `Textbox`, and `Number` components are all `FormComponents`.
+* `BlockContext`: Use this when you want to place other components "inside" your component. This enabled `with MyComponent() as component:` syntax.
+* `Component`: Use this for all other cases.
+
+Tip: If your component supports streaming output, inherit from the `StreamingOutput` class.
+
+Tip: If you inherit from `BlockContext`, you also need to set the metaclass to be `ComponentMeta`. See example below.
+
+```python
+from gradio.blocks import BlockContext
+from gradio.component_meta import ComponentMeta
+
+
+
+
+@document()
+class Row(BlockContext, metaclass=ComponentMeta):
+    pass
+```
+
+## The methods you need to implement
+
+When you inherit from any of these classes, the following methods must be implemented.
+Otherwise the Python interpreter will raise an error when you instantiate your component!
+
+### `preprocess` and `postprocess`
+
+Explained in the [Key Concepts](./key-component-concepts#the-value-and-how-it-is-preprocessed-postprocessed) guide. 
+They handle the conversion from the data sent by the frontend to the format expected by the python function.
+
+```python
+    def preprocess(self, x: Any) -> Any:
+        """
+        Convert from the web-friendly (typically JSON) value in the frontend to the format expected by the python function.
+        """
+        return x
+
+    def postprocess(self, y):
+        """
+        Convert from the data returned by the python function to the web-friendly (typically JSON) value expected by the frontend.
+        """
+        return y
+```
+
+### `process_example`
+
+Takes in the original Python value and returns the modified value that should be displayed in the examples preview in the app. 
+If not provided, the `.postprocess()` method is used instead. Let's look at the following example from the `SimpleDropdown` component.
+
+```python
+def process_example(self, input_data):
+    return next((c[0] for c in self.choices if c[1] == input_data), None)
+```
+
+Since `self.choices` is a list of tuples corresponding to (`display_name`, `value`), this converts the value that a user provides to the display value (or if the value is not present in `self.choices`, it is converted to `None`).
+
+
+### `api_info`
+
+A JSON-schema representation of the value that the `preprocess` expects. 
+This powers api usage via the gradio clients. 
+You do **not** need to implement this yourself if you components specifies a `data_model`. 
+The `data_model` in the following section.
+
+```python
+def api_info(self) -> dict[str, list[str]]:
+    """
+    A JSON-schema representation of the value that the `preprocess` expects and the `postprocess` returns.
+    """
+    pass
+```
+
+### `example_payload`
+
+An example payload for your component, e.g. something that can be passed into the `.preprocess()` method
+of your component. The example input is displayed in the `View API` page of a Gradio app that uses your custom component. 
+Must be JSON-serializable. If your component expects a file, it is best to use a publicly accessible URL.
+
+```python
+def example_payload(self) -> Any:
+    """
+    The example inputs for this component for API usage. Must be JSON-serializable.
+    """
+    pass
+```
+
+### `example_value`
+
+An example value for your component, e.g. something that can be passed into the `.postprocess()` method
+of your component. This is used as the example value in the default app that is created in custom component development.
+
+```python
+def example_payload(self) -> Any:
+    """
+    The example inputs for this component for API usage. Must be JSON-serializable.
+    """
+    pass
+```
+
+### `flag`
+
+Write the component's value to a format that can be stored in the `csv` or `json` file used for flagging.
+You do **not** need to implement this yourself if you components specifies a `data_model`. 
+The `data_model` in the following section.
+
+```python
+def flag(self, x: Any | GradioDataModel, flag_dir: str | Path = "") -> str:
+    pass
+```
+
+### `read_from_flag`
+Convert from the format stored in the `csv` or `json` file used for flagging to the component's python `value`.
+You do **not** need to implement this yourself if you components specifies a `data_model`. 
+The `data_model` in the following section.
+
+```python
+def read_from_flag(
+    self,
+    x: Any,
+) -> GradioDataModel | Any:
+    """
+    Convert the data from the csv or jsonl file into the component state.
+    """
+    return x
+```
+
+## The `data_model`
+
+The `data_model` is how you define the expected data format your component's value will be stored in the frontend.
+It specifies the data format your `preprocess` method expects and the format the `postprocess` method returns.
+It is not necessary to define a `data_model` for your component but it greatly simplifies the process of creating a custom component.
+If you define a custom component you only need to implement four methods - `preprocess`, `postprocess`, `example_payload`, and `example_value`!
+
+You define a `data_model` by defining a [pydantic model](https://docs.pydantic.dev/latest/concepts/models/#basic-model-usage) that inherits from either `GradioModel` or `GradioRootModel`.
+
+This is best explained with an example. Let's look at the core `Video` component, which stores the video data as a JSON object with two keys `video` and `subtitles` which point to separate files.
+
+```python
+from gradio.data_classes import FileData, GradioModel
+
+class VideoData(GradioModel):
+    video: FileData
+    subtitles: Optional[FileData] = None
+
+class Video(Component):
+    data_model = VideoData
+```
+
+By adding these four lines of code, your component automatically implements the methods needed for API usage, the flagging methods, and example caching methods!
+It also has the added benefit of self-documenting your code.
+Anyone who reads your component code will know exactly the data it expects.
+
+Tip: If your component expects files to be uploaded from the frontend, your must use the `FileData` model! It will be explained in the following section. 
+
+Tip: Read the pydantic docs [here](https://docs.pydantic.dev/latest/concepts/models/#basic-model-usage).
+
+The difference between a `GradioModel` and a `GradioRootModel` is that the `RootModel` will not serialize the data to a dictionary.
+For example, the `Names` model will serialize the data to `{'names': ['freddy', 'pete']}` whereas the `NamesRoot` model will serialize it to `['freddy', 'pete']`.
+
+```python
+from typing import List
+
+class Names(GradioModel):
+    names: List[str]
+
+class NamesRoot(GradioRootModel):
+    root: List[str]
+```
+
+Even if your component does not expect a "complex" JSON data structure it can be beneficial to define a `GradioRootModel` so that you don't have to worry about implementing the API and flagging methods.
+
+Tip: Use classes from the Python typing library to type your models. e.g. `List` instead of `list`.
+
+## Handling Files
+
+If your component expects uploaded files as input, or returns saved files to the frontend, you **MUST** use the `FileData` to type the files in your `data_model`.
+
+When you use the `FileData`:
+
+* Gradio knows that it should allow serving this file to the frontend. Gradio automatically blocks requests to serve arbitrary files in the computer running the server.
+
+* Gradio will automatically place the file in a cache so that duplicate copies of the file don't get saved.
+
+* The client libraries will automatically know that they should upload input files prior to sending the request. They will also automatically download files.
+
+If you do not use the `FileData`, your component will not work as expected!
+
+
+## Adding Event Triggers To Your Component
+
+The events triggers for your component are defined in the `EVENTS` class attribute.
+This is a list that contains the string names of the events.
+Adding an event to this list will automatically add a method with that same name to your component!
+
+You can import the `Events` enum from `gradio.events` to access commonly used events in the core gradio components.
+
+For example, the following code will define `text_submit`, `file_upload` and `change` methods in the `MyComponent` class.
+
+```python
+from gradio.events import Events
+from gradio.components import FormComponent
+
+class MyComponent(FormComponent):
+
+    EVENTS = [
+        "text_submit",
+        "file_upload",
+        Events.change
+    ]
+```
+
+
+Tip: Don't forget to also handle these events in the JavaScript code!
+
+## Conclusion
+
diff --git a/guides/08_custom-components/05_frontend.md b/guides/08_custom-components/05_frontend.md
new file mode 100644
index 0000000..1ce51fc
--- /dev/null
+++ b/guides/08_custom-components/05_frontend.md
@@ -0,0 +1,369 @@
+# The Frontend 🌐⭐️
+
+This guide will cover everything you need to know to implement your custom component's frontend.
+
+Tip: Gradio components use Svelte. Writing Svelte is fun! If you're not familiar with it, we recommend checking out their interactive [guide](https://learn.svelte.dev/tutorial/welcome-to-svelte).
+
+## The directory structure 
+
+The frontend code should have, at minimum, three files:
+
+* `Index.svelte`: This is the main export and where your component's layout and logic should live.
+* `Example.svelte`: This is where the example view of the component is defined.
+
+Feel free to add additional files and subdirectories. 
+If you want to export any additional modules, remember to modify the `package.json` file
+
+```json
+"exports": {
+    ".": "./Index.svelte",
+    "./example": "./Example.svelte",
+    "./package.json": "./package.json"
+},
+```
+
+## The Index.svelte file
+
+Your component should expose the following props that will be passed down from the parent Gradio application.
+
+```typescript
+import type { LoadingStatus } from "@gradio/statustracker";
+import type { Gradio } from "@gradio/utils";
+
+export let gradio: Gradio<{
+    event_1: never;
+    event_2: never;
+}>;
+
+export let elem_id = "";
+export let elem_classes: string[] = [];
+export let scale: number | null = null;
+export let min_width: number | undefined = undefined;
+export let loading_status: LoadingStatus | undefined = undefined;
+export let mode: "static" | "interactive";
+```
+
+* `elem_id` and `elem_classes` allow Gradio app developers to target your component with custom CSS and JavaScript from the Python `Blocks` class.
+
+* `scale` and `min_width` allow Gradio app developers to control how much space your component takes up in the UI.
+
+* `loading_status` is used to display a loading status over the component when it is the output of an event.
+
+* `mode` is how the parent Gradio app tells your component whether the `interactive` or `static` version should be displayed.
+
+* `gradio`: The `gradio` object is created by the parent Gradio app. It stores some application-level configuration that will be useful in your component, like internationalization. You must use it to dispatch events from your component.
+
+A minimal `Index.svelte` file would look like:
+
+```svelte
+<script lang="ts">
+	import type { LoadingStatus } from "@gradio/statustracker";
+    import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { Gradio } from "@gradio/utils";
+
+	export let gradio: Gradio<{
+		event_1: never;
+		event_2: never;
+	}>;
+
+    export let value = "";
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let scale: number | null = null;
+	export let min_width: number | undefined = undefined;
+	export let loading_status: LoadingStatus | undefined = undefined;
+    export let mode: "static" | "interactive";
+</script>
+
+<Block
+	visible={true}
+	{elem_id}
+	{elem_classes}
+	{scale}
+	{min_width}
+	allow_overflow={false}
+	padding={true}
+>
+	{#if loading_status}
+		<StatusTracker
+			autoscroll={gradio.autoscroll}
+			i18n={gradio.i18n}
+			{...loading_status}
+		/>
+	{/if}
+    <p>{value}</p>
+</Block>
+```
+
+## The Example.svelte file
+
+The `Example.svelte` file should expose the following props:
+
+```typescript
+    export let value: string;
+    export let type: "gallery" | "table";
+    export let selected = false;
+    export let index: number;
+```
+
+* `value`: The example value that should be displayed.
+
+* `type`: This is a variable that can be either `"gallery"` or `"table"` depending on how the examples are displayed. The `"gallery"` form is used when the examples correspond to a single input component, while the `"table"` form is used when a user has multiple input components, and the examples need to populate all of them. 
+
+* `selected`: You can also adjust how the examples are displayed if a user "selects" a particular example by using the selected variable.
+
+* `index`: The current index of the selected value.
+
+* Any additional props your "non-example" component takes!
+
+This is the `Example.svelte` file for the code `Radio` component:
+
+```svelte
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
+```
+
+## Handling Files
+
+If your component deals with files, these files **should** be uploaded to the backend server. 
+The `@gradio/client` npm package provides the `upload` and `prepare_files` utility functions to help you do this.
+
+The `prepare_files` function will convert the browser's `File` datatype to gradio's internal `FileData` type.
+You should use the `FileData` data in your component to keep track of uploaded files.
+
+The `upload` function will upload an array of `FileData` values to the server.
+
+Here's an example of loading files from an `<input>` element when its value changes.
+
+
+```svelte
+<script lang="ts">
+    import { upload, prepare_files, type FileData } from "@gradio/client";
+    export let root;
+    export let value;
+    let uploaded_files;
+
+    async function handle_upload(file_data: FileData[]): Promise<void> {
+        await tick();
+        uploaded_files = await upload(file_data, root);
+    }
+
+    async function loadFiles(files: FileList): Promise<void> {
+        let _files: File[] = Array.from(files);
+        if (!files.length) {
+            return;
+        }
+        if (file_count === "single") {
+            _files = [files[0]];
+        }
+        let file_data = await prepare_files(_files);
+        await handle_upload(file_data);
+    }
+
+    async function loadFilesFromUpload(e: Event): Promise<void> {
+		const target = e.target;
+
+		if (!target.files) return;
+		await loadFiles(target.files);
+	}
+</script>
+
+<input
+    type="file"
+    on:change={loadFilesFromUpload}
+    multiple={true}
+/>
+```
+
+The component exposes a prop named `root`. 
+This is passed down by the parent gradio app and it represents the base url that the files will be uploaded to and fetched from.
+
+For WASM support, you should get the upload function from the `Context` and pass that as the third parameter of the `upload` function.
+
+```typescript
+<script lang="ts">
+    import { getContext } from "svelte";
+    const upload_fn = getContext<typeof upload_files>("upload_files");
+
+    async function handle_upload(file_data: FileData[]): Promise<void> {
+        await tick();
+        await upload(file_data, root, upload_fn);
+    }
+</script>
+```
+
+## Leveraging Existing Gradio Components
+
+Most of Gradio's frontend components are published on [npm](https://www.npmjs.com/), the javascript package repository.
+This means that you can use them to save yourself time while incorporating common patterns in your component, like uploading files.
+For example, the `@gradio/upload` package has `Upload` and `ModifyUpload` components for properly uploading files to the Gradio server. 
+Here is how you can use them to create a user interface to upload and display PDF files.
+
+```svelte
+<script>
+	import { type FileData, Upload, ModifyUpload } from "@gradio/upload";
+	import { Empty, UploadText, BlockLabel } from "@gradio/atoms";
+</script>
+
+<BlockLabel Icon={File} label={label || "PDF"} />
+{#if value === null && interactive}
+    <Upload
+        filetype="application/pdf"
+        on:load={handle_load}
+        {root}
+        >
+        <UploadText type="file" i18n={gradio.i18n} />
+    </Upload>
+{:else if value !== null}
+    {#if interactive}
+        <ModifyUpload i18n={gradio.i18n} on:clear={handle_clear}/>
+    {/if}
+    <iframe title={value.orig_name || "PDF"} src={value.data} height="{height}px" width="100%"></iframe>
+{:else}
+    <Empty size="large"> <File/> </Empty>	
+{/if}
+```
+
+You can also combine existing Gradio components to create entirely unique experiences.
+Like rendering a gallery of chatbot conversations. 
+The possibilities are endless, please read the documentation on our javascript packages [here](https://gradio.app/main/docs/js).
+We'll be adding more packages and documentation over the coming weeks!
+
+## Matching Gradio Core's Design System
+
+You can explore our component library via Storybook. You'll be able to interact with our components and see them in their various states.
+
+For those interested in design customization, we provide the CSS variables consisting of our color palette, radii, spacing, and the icons we use - so you can easily match up your custom component with the style of our core components. This Storybook will be regularly updated with any new additions or changes.
+
+[Storybook Link](https://gradio.app/main/docs/js/storybook)
+
+## Custom configuration
+
+If you want to make use of the vast vite ecosystem, you can use the `gradio.config.js` file to configure your component's build process. This allows you to make use of tools like tailwindcss, mdsvex, and more.
+
+Currently, it is possible to configure the following:
+
+Vite options:
+- `plugins`: A list of vite plugins to use.
+
+Svelte options:
+- `preprocess`: A list of svelte preprocessors to use.
+- `extensions`: A list of file extensions to compile to `.svelte` files.
+- `build.target`: The target to build for, this may be necessary to support newer javascript features. See the [esbuild docs](https://esbuild.github.io/api/#target) for more information.
+
+The `gradio.config.js` file should be placed in the root of your component's `frontend` directory. A default config file is created for you when you create a new component. But you can also create your own config file, if one doesn't exist, and use it to customize your component's build process.
+
+### Example for a Vite plugin
+
+Custom components can use Vite plugins to customize the build process. Check out the [Vite Docs](https://vitejs.dev/guide/using-plugins.html) for more information. 
+
+Here we configure [TailwindCSS](https://tailwindcss.com), a utility-first CSS framework. Setup is easiest using the version 4 prerelease. 
+
+```
+npm install tailwindcss@next @tailwindcss/vite@next
+```
+
+In `gradio.config.js`:
+
+```typescript
+import tailwindcss from "@tailwindcss/vite";
+export default {
+    plugins: [tailwindcss()]
+};
+```
+
+Then create a `style.css` file with the following content:
+
+```css
+@import "tailwindcss";
+```
+
+Import this file into `Index.svelte`. Note, that you need to import the css file containing `@import` and cannot just use a `<style>` tag and use `@import` there. 
+
+```svelte
+<script lang="ts">
+[...]
+import "./style.css";
+[...]
+</script>
+```
+
+### Example for Svelte options
+
+In `gradio.config.js` you can also specify a some Svelte options to apply to the Svelte compilation. In this example we will add support for [`mdsvex`](https://mdsvex.pngwn.io), a Markdown preprocessor for Svelte. 
+
+In order to do this we will need to add a [Svelte Preprocessor](https://svelte.dev/docs/svelte-compiler#preprocess) to the `svelte` object in `gradio.config.js` and configure the [`extensions`](https://github.com/sveltejs/vite-plugin-svelte/blob/HEAD/docs/config.md#config-file) field. Other options are not currently supported.
+
+First, install the `mdsvex` plugin:
+
+```bash
+npm install mdsvex
+```
+
+Then add the following to `gradio.config.js`:
+
+```typescript
+import { mdsvex } from "mdsvex";
+
+export default {
+    svelte: {
+        preprocess: [
+            mdsvex()
+        ],
+        extensions: [".svelte", ".svx"]
+    }
+};
+```
+
+Now we can create `mdsvex` documents in our component's `frontend` directory and they will be compiled to `.svelte` files.
+
+```md
+<!-- HelloWorld.svx -->
+
+<script lang="ts">
+    import { Block } from "@gradio/atoms";
+
+    export let title = "Hello World";
+</script>
+
+<Block label="Hello World">
+
+# {title}
+
+This is a markdown file.
+
+</Block>
+```
+
+We can then use the `HelloWorld.svx` file in our components:
+
+```svelte
+<script lang="ts">
+    import HelloWorld from "./HelloWorld.svx";
+</script>
+
+<HelloWorld />
+```
+
+## Conclusion
+
+You now know how to create delightful frontends for your components!
+
diff --git a/guides/08_custom-components/06_frequently-asked-questions.md b/guides/08_custom-components/06_frequently-asked-questions.md
new file mode 100644
index 0000000..fb3261e
--- /dev/null
+++ b/guides/08_custom-components/06_frequently-asked-questions.md
@@ -0,0 +1,82 @@
+# Frequently Asked Questions
+
+## What do I need to install before using Custom Components?
+
+Before using Custom Components, make sure you have Python 3.10+, Node.js v18+, npm 9+, and Gradio 4.0+ (preferably Gradio 5.0+) installed.
+
+## Are custom components compatible between Gradio 4.0 and 5.0?
+
+Custom components built with Gradio 5.0 should be compatible with Gradio 4.0. If you built your custom component in Gradio 4.0 you will have to rebuild your component to be compatible with Gradio 5.0. Simply follow these steps:
+1. Update the `@gradio/preview` package. `cd` into the `frontend` directory and run `npm update`.
+2.  Modify the `dependencies` key in `pyproject.toml` to pin the maximum allowed Gradio version at version 5, e.g. `dependencies = ["gradio>=4.0,<6.0"]`.
+3. Run the build and publish commands
+
+## What templates can I use to create my custom component?
+Run `gradio cc show` to see the list of built-in templates.
+You can also start off from other's custom components!
+Simply `git clone` their repository and make your modifications.
+
+## What is the development server?
+When you run `gradio cc dev`, a development server will load and run a Gradio app of your choosing.
+This is like when you run `python <app-file>.py`, however the `gradio` command will hot reload so you can instantly see your changes. 
+
+## The development server didn't work for me 
+
+**1. Check your terminal and browser console**
+
+Make sure there are no syntax errors or other obvious problems in your code. Exceptions triggered from python will be displayed in the terminal. Exceptions from javascript will be displayed in the browser console and/or the terminal.
+
+**2. Are you developing on Windows?**
+
+Chrome on Windows will block the local compiled svelte files for security reasons. We recommend developing your custom component in the windows subsystem for linux (WSL) while the team looks at this issue.
+
+**3. Inspect the window.__GRADIO_CC__ variable**
+
+In the browser console, print the `window.__GRADIO__CC` variable (just type it into the console). If it is an empty object, that means
+that the CLI could not find your custom component source code. Typically, this happens when the custom component is installed in a different virtual environment than the one used to run the dev command. Please use the `--python-path` and `gradio-path` CLI arguments to specify the path of the python and gradio executables for the environment your component is installed in. For example, if you are using a virtualenv located at `/Users/mary/venv`, pass in `/Users/mary/bin/python` and `/Users/mary/bin/gradio` respectively.
+
+If the `window.__GRADIO__CC` variable is not empty (see below for an example), then the dev server should be working correctly. 
+
+![](https://gradio-builds.s3.amazonaws.com/demo-files/gradio_CC_DEV.png)
+
+**4. Make sure you are using a virtual environment**
+It is highly recommended you use a virtual environment to prevent conflicts with other python dependencies installed in your system.
+
+
+## Do I always need to start my component from scratch?
+No! You can start off from an existing gradio component as a template, see the [five minute guide](./custom-components-in-five-minutes).
+You can also start from an existing custom component if you'd like to tweak it further. Once you find the source code of a custom component you like, clone the code to your computer and run `gradio cc install`. Then you can run the development server to make changes.If you run into any issues, contact the author of the component by opening an issue in their repository. The [gallery](https://www.gradio.app/custom-components/gallery) is a good place to look for published components. For example, to start from the [PDF component](https://www.gradio.app/custom-components/gallery?id=freddyaboulton%2Fgradio_pdf), clone the space with `git clone https://huggingface.co/spaces/freddyaboulton/gradio_pdf`, `cd` into the `src` directory, and run `gradio cc install`.
+
+
+## Do I need to host my custom component on HuggingFace Spaces?
+You can develop and build your custom component without hosting or connecting to HuggingFace.
+If you would like to share your component with the gradio community, it is recommended to publish your package to PyPi and host a demo on HuggingFace so that anyone can install it or try it out.
+
+## What methods are mandatory for implementing a custom component in Gradio?
+
+You must implement the `preprocess`, `postprocess`, `example_payload`, and `example_value` methods. If your component does not use a data model, you must also define the `api_info`, `flag`, and `read_from_flag` methods. Read more in the [backend guide](./backend).
+
+## What is the purpose of a `data_model` in Gradio custom components?
+
+A `data_model` defines the expected data format for your component, simplifying the component development process and self-documenting your code. It streamlines API usage and example caching.
+
+## Why is it important to use `FileData` for components dealing with file uploads?
+
+Utilizing `FileData` is crucial for components that expect file uploads. It ensures secure file handling, automatic caching, and streamlined client library functionality.
+
+## How can I add event triggers to my custom Gradio component?
+
+You can define event triggers in the `EVENTS` class attribute by listing the desired event names, which automatically adds corresponding methods to your component.
+
+## Can I implement a custom Gradio component without defining a `data_model`?
+
+Yes, it is possible to create custom components without a `data_model`, but you are going to have to manually implement `api_info`, `flag`, and `read_from_flag` methods.
+
+## Are there sample custom components I can learn from?
+
+We have prepared this [collection](https://huggingface.co/collections/gradio/custom-components-65497a761c5192d981710b12) of custom components on the HuggingFace Hub that you can use to get started!
+
+## How can I find custom components created by the Gradio community?
+
+We're working on creating a gallery to make it really easy to discover new custom components.
+In the meantime, you can search for HuggingFace Spaces that are tagged as a `gradio-custom-component` [here](https://huggingface.co/search/full-text?q=gradio-custom-component&type=space)
\ No newline at end of file
diff --git a/guides/08_custom-components/07_pdf-component-example.md b/guides/08_custom-components/07_pdf-component-example.md
new file mode 100644
index 0000000..6ca55e6
--- /dev/null
+++ b/guides/08_custom-components/07_pdf-component-example.md
@@ -0,0 +1,687 @@
+# Case Study: A Component to Display PDFs
+
+Let's work through an example of building a custom gradio component for displaying PDF files.
+This component will come in handy for showcasing [document question answering](https://huggingface.co/models?pipeline_tag=document-question-answering&sort=trending) models, which typically work on PDF input.
+This is a sneak preview of what our finished component will look like:
+
+![demo](https://gradio-builds.s3.amazonaws.com/assets/PDFDisplay.png)
+
+## Step 0: Prerequisites
+Make sure you have gradio 5.0 or higher installed as well as node 20+.
+As of the time of publication, the latest release is 4.1.1.
+Also, please read the [Five Minute Tour](./custom-components-in-five-minutes) of custom components and the [Key Concepts](./key-component-concepts) guide before starting.
+
+
+## Step 1: Creating the custom component
+
+Navigate to a directory of your choosing and run the following command:
+
+```bash
+gradio cc create PDF
+```
+
+
+Tip: You should change the name of the component.
+Some of the screenshots assume the component is called `PDF` but the concepts are the same!
+
+This will create a subdirectory called `pdf` in your current working directory.
+There are three main subdirectories in `pdf`: `frontend`, `backend`, and `demo`.
+If you open `pdf` in your code editor, it will look like this:
+
+![directory structure](https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/CodeStructure.png)
+
+Tip: For this demo we are not templating off a current gradio component. But you can see the list of available templates with `gradio cc show` and then pass the template name to the `--template` option, e.g. `gradio cc create <Name> --template <foo>`
+
+## Step 2: Frontend - modify javascript dependencies
+
+We're going to use the [pdfjs](https://mozilla.github.io/pdf.js/) javascript library to display the pdfs in the frontend. 
+Let's start off by adding it to our frontend project's dependencies, as well as adding a couple of other projects we'll need.
+
+From within the `frontend` directory, run `npm install @gradio/client @gradio/upload @gradio/icons @gradio/button` and `npm install --save-dev pdfjs-dist@3.11.174`.
+Also, let's uninstall the `@zerodevx/svelte-json-view` dependency by running `npm uninstall @zerodevx/svelte-json-view`.
+
+The complete `package.json` should look like this:
+
+```json
+{
+  "name": "gradio_pdf",
+  "version": "0.2.0",
+  "description": "Gradio component for displaying PDFs",
+  "type": "module",
+  "author": "",
+  "license": "ISC",
+  "private": false,
+  "main_changeset": true,
+  "exports": {
+    ".": "./Index.svelte",
+    "./example": "./Example.svelte",
+    "./package.json": "./package.json"
+  },
+  "devDependencies": {
+    "pdfjs-dist": "3.11.174"
+  },
+  "dependencies": {
+    "@gradio/atoms": "0.2.0",
+    "@gradio/statustracker": "0.3.0",
+    "@gradio/utils": "0.2.0",
+    "@gradio/client": "0.7.1",
+    "@gradio/upload": "0.3.2",
+    "@gradio/icons": "0.2.0",
+    "@gradio/button": "0.2.3",
+    "pdfjs-dist": "3.11.174"
+  }
+}
+```
+
+
+Tip: Running `npm install` will install the latest version of the package available. You can install a specific version with `npm install package@<version>`.  You can find all of the gradio javascript package documentation [here](https://www.gradio.app/main/docs/js). It is recommended you use the same versions as me as the API can change.
+
+Navigate to `Index.svelte` and delete mentions of `JSONView`
+
+```ts
+import { JsonView } from "@zerodevx/svelte-json-view";
+```
+
+```svelte
+<JsonView json={value} />
+```
+
+## Step 3: Frontend - Launching the Dev Server
+
+Run the `dev` command to launch the development server.
+This will open the demo in `demo/app.py` in an environment where changes to the `frontend` and `backend` directories will reflect instantaneously in the launched app.
+
+After launching the dev server, you should see a link printed to your console that says `Frontend Server (Go here): ... `.
+ 
+![](https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/dev_server_terminal.png)
+
+You should see the following:
+
+![](https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/frontend_start.png)
+
+
+Its not impressive yet but we're ready to start coding!
+
+## Step 4: Frontend - The basic skeleton
+
+We're going to start off by first writing the skeleton of our frontend and then adding the pdf rendering logic.
+Add the following imports and expose the following properties to the top of your file in the `<script>` tag.
+You may get some warnings from your code editor that some props are not used.
+That's ok.
+
+```ts
+    import { tick } from "svelte";
+    import type { Gradio } from "@gradio/utils";
+    import { Block, BlockLabel } from "@gradio/atoms";
+    import { File } from "@gradio/icons";
+    import { StatusTracker } from "@gradio/statustracker";
+    import type { LoadingStatus } from "@gradio/statustracker";
+    import type { FileData } from "@gradio/client";
+    import { Upload, ModifyUpload } from "@gradio/upload";
+
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible = true;
+	export let value: FileData | null = null;
+	export let container = true;
+	export let scale: number | null = null;
+	export let root: string;
+	export let height: number | null = 500;
+	export let label: string;
+	export let proxy_url: string;
+	export let min_width: number | undefined = undefined;
+	export let loading_status: LoadingStatus;
+	export let gradio: Gradio<{
+		change: never;
+		upload: never;
+	}>;
+
+    let _value = value;
+    let old_value = _value;
+```
+
+
+Tip: The `gradio`` object passed in here contains some metadata about the application as well as some utility methods. One of these utilities is a dispatch method. We want to dispatch change and upload events whenever our PDF is changed or updated. This line provides type hints that these are the only events we will be dispatching.
+
+We want our frontend component to let users upload a PDF document if there isn't one already loaded.
+If it is loaded, we want to display it underneath a "clear" button that lets our users upload a new document. 
+We're going to use the `Upload` and `ModifyUpload` components that come with the `@gradio/upload` package to do this.
+Underneath the `</script>` tag, delete all the current code and add the following:
+
+```svelte
+<Block {visible} {elem_id} {elem_classes} {container} {scale} {min_width}>
+    {#if loading_status}
+        <StatusTracker
+            autoscroll={gradio.autoscroll}
+            i18n={gradio.i18n}
+            {...loading_status}
+        />
+    {/if}
+    <BlockLabel
+        show_label={label !== null}
+        Icon={File}
+        float={value === null}
+        label={label || "File"}
+    />
+    {#if _value}
+        <ModifyUpload i18n={gradio.i18n} absolute />
+    {:else}
+        <Upload
+            filetype={"application/pdf"}
+            file_count="single"
+            {root}
+        >
+            Upload your PDF
+        </Upload>
+    {/if}
+</Block>
+```
+
+You should see the following when you navigate to your app after saving your current changes:
+
+![](https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/frontend_1.png)
+
+## Step 5: Frontend - Nicer Upload Text
+
+The `Upload your PDF` text looks a bit small and barebones. 
+Lets customize it!
+
+Create a new file called `PdfUploadText.svelte` and copy the following code.
+Its creating a new div to display our "upload text" with some custom styling.
+
+Tip: Notice that we're leveraging Gradio core's existing css variables here: `var(--size-60)` and `var(--body-text-color-subdued)`. This allows our component to work nicely in light mode and dark mode, as well as with Gradio's built-in themes.
+
+
+```svelte
+<script lang="ts">
+	import { Upload as UploadIcon } from "@gradio/icons";
+	export let hovered = false;
+
+</script>
+
+<div class="wrap">
+	<span class="icon-wrap" class:hovered><UploadIcon /> </span>
+    Drop PDF
+    <span class="or">- or -</span>
+    Click to Upload
+</div>
+
+<style>
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		min-height: var(--size-60);
+		color: var(--block-label-text-color);
+		line-height: var(--line-md);
+		height: 100%;
+		padding-top: var(--size-3);
+	}
+
+	.or {
+		color: var(--body-text-color-subdued);
+		display: flex;
+	}
+
+	.icon-wrap {
+		width: 30px;
+		margin-bottom: var(--spacing-lg);
+	}
+
+	@media (--screen-md) {
+		.wrap {
+			font-size: var(--text-lg);
+		}
+	}
+
+	.hovered {
+		color: var(--color-accent);
+	}
+</style>
+```
+
+Now import `PdfUploadText.svelte` in your `<script>` and pass it to the `Upload` component!
+
+```svelte
+	import PdfUploadText from "./PdfUploadText.svelte";
+
+...
+
+    <Upload
+        filetype={"application/pdf"}
+        file_count="single"
+        {root}
+    >
+        <PdfUploadText />
+    </Upload>
+```
+
+After saving your code, the frontend should now look like this:
+
+![](https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/better_upload.png)
+
+## Step 6: PDF Rendering logic
+
+This is the most advanced javascript part.
+It took me a while to figure it out!
+Do not worry if you have trouble, the important thing is to not be discouraged 💪
+Ask for help in the gradio [discord](https://discord.gg/hugging-face-879548962464493619) if you need and ask for help.
+
+With that out of the way, let's start off by importing `pdfjs` and loading the code of the pdf worker from the mozilla cdn.
+
+```ts
+	import pdfjsLib from "pdfjs-dist";
+    ...
+    pdfjsLib.GlobalWorkerOptions.workerSrc =  "https://cdn.bootcss.com/pdf.js/3.11.174/pdf.worker.js";
+```
+
+Also create the following variables:
+
+```ts
+    let pdfDoc;
+    let numPages = 1;
+    let currentPage = 1;
+    let canvasRef;
+```
+
+Now, we will use `pdfjs` to render a given page of the PDF onto an `html` document.
+Add the following code to `Index.svelte`:
+
+```ts
+    async function get_doc(value: FileData) {
+        const loadingTask = pdfjsLib.getDocument(value.url);
+        pdfDoc = await loadingTask.promise;
+        numPages = pdfDoc.numPages;
+        render_page();
+    }
+
+    function render_page() {
+    // Render a specific page of the PDF onto the canvas
+        pdfDoc.getPage(currentPage).then(page => {
+            const ctx  = canvasRef.getContext('2d')
+            ctx.clearRect(0, 0, canvasRef.width, canvasRef.height);
+            let viewport = page.getViewport({ scale: 1 });
+            let scale = height / viewport.height;
+            viewport = page.getViewport({ scale: scale });
+
+            const renderContext = {
+                canvasContext: ctx,
+                viewport,
+            };
+            canvasRef.width = viewport.width;
+            canvasRef.height = viewport.height;
+            page.render(renderContext);
+        });
+    }
+
+    // If the value changes, render the PDF of the currentPage
+    $: if(JSON.stringify(old_value) != JSON.stringify(_value)) {
+        if (_value){
+            get_doc(_value);
+        }
+        old_value = _value;
+        gradio.dispatch("change");
+    }
+```
+
+
+Tip: The `$:` syntax in svelte is how you declare statements to be reactive. Whenever any of the inputs of the statement change, svelte will automatically re-run that statement.
+
+Now place the `canvas` underneath the `ModifyUpload` component:
+
+```svelte
+<div class="pdf-canvas" style="height: {height}px">
+    <canvas bind:this={canvasRef}></canvas>
+</div>
+```
+
+And add the following styles to the `<style>` tag:
+
+```svelte
+<style>
+    .pdf-canvas {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+</style>
+```
+
+## Step 7: Handling The File Upload And Clear
+
+Now for the fun part - actually rendering the PDF when the file is uploaded!
+Add the following functions to the `<script>` tag:
+
+```ts
+    async function handle_clear() {
+        _value = null;
+        await tick();
+        gradio.dispatch("change");
+    }
+
+    async function handle_upload({detail}: CustomEvent<FileData>): Promise<void> {
+        value = detail;
+        await tick();
+        gradio.dispatch("change");
+        gradio.dispatch("upload");
+    }
+```
+
+
+Tip: The `gradio.dispatch` method is actually what is triggering the `change` or `upload` events in the backend. For every event defined in the component's backend, we will explain how to do this in Step 9, there must be at least one `gradio.dispatch("<event-name>")` call. These are called `gradio` events and they can be listended from the entire Gradio application. You can dispatch a built-in `svelte` event with the `dispatch` function. These events can only be listened to from the component's direct parent. Learn about svelte events from the [official documentation](https://learn.svelte.dev/tutorial/component-events).
+
+Now we will run these functions whenever the `Upload` component uploads a file and whenever the `ModifyUpload` component clears the current file. The `<Upload>` component dispatches a `load` event with a payload of type `FileData` corresponding to the uploaded file. The `on:load` syntax tells `Svelte` to automatically run this function in response to the event.
+
+```svelte
+    <ModifyUpload i18n={gradio.i18n} on:clear={handle_clear} absolute />
+    
+    ...
+    
+    <Upload
+        on:load={handle_upload}
+        filetype={"application/pdf"}
+        file_count="single"
+        {root}
+    >
+        <PdfUploadText/>
+    </Upload>
+```
+
+Congratulations! You have a working pdf uploader!
+
+![upload-gif](https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/pdf_component_gif_docs.gif)
+
+## Step 8: Adding buttons to navigate pages
+
+If a user uploads a PDF document with multiple pages, they will only be able to see the first one.
+Let's add some buttons to help them navigate the page.
+We will use the `BaseButton` from `@gradio/button` so that they look like regular Gradio buttons.
+
+Import the `BaseButton` and add the following functions that will render the next and previous page of the PDF.
+
+```ts
+    import { BaseButton } from "@gradio/button";
+
+    ...
+
+    function next_page() {
+        if (currentPage >= numPages) {
+            return;
+        }
+        currentPage++;
+        render_page();
+    }
+
+    function prev_page() {
+        if (currentPage == 1) {
+            return;
+        }
+        currentPage--;
+        render_page();
+    }
+```
+
+Now we will add them underneath the canvas in a separate `<div>`
+
+```svelte
+    ...
+
+    <ModifyUpload i18n={gradio.i18n} on:clear={handle_clear} absolute />
+    <div class="pdf-canvas" style="height: {height}px">
+        <canvas bind:this={canvasRef}></canvas>
+    </div>
+    <div class="button-row">
+        <BaseButton on:click={prev_page}>
+            ⬅️
+        </BaseButton>
+        <span class="page-count"> {currentPage} / {numPages} </span>
+        <BaseButton on:click={next_page}>
+            ➡️
+        </BaseButton>
+    </div>
+    
+    ...
+
+<style>
+    .button-row {
+        display: flex;
+        flex-direction: row;
+        width: 100%;
+        justify-content: center;
+        align-items: center;
+    }
+
+    .page-count {
+        margin: 0 10px;
+        font-family: var(--font-mono);
+    }
+```
+
+Congratulations! The frontend is almost complete 🎉
+
+![multipage-pdf-gif](https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/pdf_multipage.gif)
+
+## Step 8.5: The Example view
+
+We're going to want users of our component to get a preview of the PDF if its used as an `example` in a `gr.Interface` or `gr.Examples`.
+
+To do so, we're going to add some of the pdf rendering logic in `Index.svelte` to `Example.svelte`.
+
+
+```svelte
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+	import pdfjsLib from "pdfjs-dist";
+	pdfjsLib.GlobalWorkerOptions.workerSrc =  "https://cdn.bootcss.com/pdf.js/3.11.174/pdf.worker.js";
+	
+	let pdfDoc;
+	let canvasRef;
+
+	async function get_doc(url: string) {
+		const loadingTask = pdfjsLib.getDocument(url);
+		pdfDoc = await loadingTask.promise;
+		renderPage();
+		}
+
+	function renderPage() {
+		// Render a specific page of the PDF onto the canvas
+			pdfDoc.getPage(1).then(page => {
+				const ctx  = canvasRef.getContext('2d')
+				ctx.clearRect(0, 0, canvasRef.width, canvasRef.height);
+				
+				const viewport = page.getViewport({ scale: 0.2 });
+				
+				const renderContext = {
+					canvasContext: ctx,
+					viewport
+				};
+				canvasRef.width = viewport.width;
+				canvasRef.height = viewport.height;
+				page.render(renderContext);
+			});
+		}
+	
+	$: get_doc(value);
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+	style="justify-content: center; align-items: center; display: flex; flex-direction: column;"
+>
+	<canvas bind:this={canvasRef}></canvas>
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
+```
+
+
+Tip: Exercise for the reader - reduce the code duplication between `Index.svelte` and `Example.svelte` 😊
+
+
+You will not be able to render examples until we make some changes to the backend code in the next step!
+
+## Step 9: The backend
+
+The backend changes needed are smaller.
+We're almost done!
+
+What we're going to do is:
+* Add `change` and `upload` events to our component.
+* Add a `height` property to let users control the height of the PDF.
+* Set the `data_model` of our component to be `FileData`. This is so that Gradio can automatically cache and safely serve any files that are processed by our component.
+* Modify the `preprocess` method to return a string corresponding to the path of our uploaded PDF.
+* Modify the `postprocess` to turn a path to a PDF created in an event handler to a `FileData`.
+
+When all is said an done, your component's backend code should look like this:
+
+```python
+from __future__ import annotations
+from typing import Any, Callable, TYPE_CHECKING
+
+from gradio.components.base import Component
+from gradio.data_classes import FileData
+from gradio import processing_utils
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+class PDF(Component):
+
+    EVENTS = ["change", "upload"]
+
+    data_model = FileData
+
+    def __init__(self, value: Any = None, *,
+                 height: int | None = None,
+                 label: str | I18nData | None = None,
+                 info: str | I18nData | None = None,
+                 show_label: bool | None = None,
+                 container: bool = True,
+                 scale: int | None = None,
+                 min_width: int | None = None,
+                 interactive: bool | None = None,
+                 visible: bool = True,
+                 elem_id: str | None = None,
+                 elem_classes: list[str] | str | None = None,
+                 render: bool = True,
+                 load_fn: Callable[..., Any] | None = None,
+                 every: Timer | float | None = None):
+        super().__init__(value, label=label, info=info,
+                         show_label=show_label, container=container,
+                         scale=scale, min_width=min_width,
+                         interactive=interactive, visible=visible,
+                         elem_id=elem_id, elem_classes=elem_classes,
+                         render=render, load_fn=load_fn, every=every)
+        self.height = height
+
+    def preprocess(self, payload: FileData) -> str:
+        return payload.path
+
+    def postprocess(self, value: str | None) -> FileData:
+        if not value:
+            return None
+        return FileData(path=value)
+
+    def example_payload(self):
+        return "https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/fw9.pdf"
+
+    def example_value(self):
+        return "https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/fw9.pdf"
+```
+
+## Step 10: Add a demo and publish!
+
+To test our backend code, let's add a more complex demo that performs Document Question and Answering with huggingface transformers.
+
+In our `demo` directory, create a `requirements.txt` file with the following packages
+
+```
+torch
+transformers
+pdf2image
+pytesseract
+```
+
+
+Tip: Remember to install these yourself and restart the dev server! You may need to install extra non-python dependencies for `pdf2image`. See [here](https://pypi.org/project/pdf2image/). Feel free to write your own demo if you have trouble.
+
+
+```python
+import gradio as gr
+from gradio_pdf import PDF
+from pdf2image import convert_from_path
+from transformers import pipeline
+from pathlib import Path
+
+dir_ = Path(__file__).parent
+
+p = pipeline(
+    "document-question-answering",
+    model="impira/layoutlm-document-qa",
+)
+
+def qa(question: str, doc: str) -> str:
+    img = convert_from_path(doc)[0]
+    output = p(img, question)
+    return sorted(output, key=lambda x: x["score"], reverse=True)[0]['answer']
+
+
+demo = gr.Interface(
+    qa,
+    [gr.Textbox(label="Question"), PDF(label="Document")],
+    gr.Textbox(),
+)
+
+demo.launch()
+```
+
+See our demo in action below!
+
+<video autoplay muted loop>
+  <source src="https://gradio-builds.s3.amazonaws.com/assets/pdf-guide/PDFDemo.mov" type="video/mp4" />
+</video>
+
+Finally lets build our component with `gradio cc build` and publish it with the `gradio cc publish` command!
+This will guide you through the process of uploading your component to [PyPi](https://pypi.org/) and [HuggingFace Spaces](https://huggingface.co/spaces).
+
+
+Tip: You may need to add the following lines to the `Dockerfile` of your HuggingFace Space.
+
+```Dockerfile
+RUN mkdir -p /tmp/cache/
+RUN chmod a+rwx -R /tmp/cache/
+RUN apt-get update && apt-get install -y poppler-utils tesseract-ocr
+
+ENV TRANSFORMERS_CACHE=/tmp/cache/
+```
+
+## Conclusion
+
+In order to use our new component in **any** gradio 4.0 app, simply install it with pip, e.g. `pip install gradio-pdf`. Then you can use it like the built-in `gr.File()` component (except that it will only accept and display PDF files).
+
+Here is a simple demo with the Blocks api:
+
+```python
+import gradio as gr
+from gradio_pdf import PDF
+
+with gr.Blocks() as demo:
+    pdf = PDF(label="Upload a PDF", interactive=True)
+    name = gr.Textbox()
+    pdf.upload(lambda f: f, pdf, name)
+
+demo.launch()
+```
+
+
+I hope you enjoyed this tutorial!
+The complete source code for our component is [here](https://huggingface.co/spaces/freddyaboulton/gradio_pdf/tree/main/src).
+Please don't hesitate to reach out to the gradio community on the [HuggingFace Discord](https://discord.gg/hugging-face-879548962464493619) if you get stuck.
diff --git a/guides/08_custom-components/08_multimodal-chatbot-part1.md b/guides/08_custom-components/08_multimodal-chatbot-part1.md
new file mode 100644
index 0000000..a5dd23f
--- /dev/null
+++ b/guides/08_custom-components/08_multimodal-chatbot-part1.md
@@ -0,0 +1,358 @@
+# Build a Custom Multimodal Chatbot - Part 1
+
+This is the first in a two part series where we build a custom Multimodal Chatbot component.
+In part 1, we will modify the Gradio Chatbot component to display text and media files (video, audio, image) in the same message.
+In part 2, we will build a custom Textbox component that will be able to send multimodal messages (text and media files) to the chatbot.
+
+You can follow along with the author of this post as he implements the chatbot component in the following YouTube video!
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/IVJkOHTBPn0?si=bs-sBv43X-RVA8ly" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+Here's a preview of what our multimodal chatbot component will look like:
+
+![MultiModal Chatbot](https://gradio-builds.s3.amazonaws.com/assets/MultimodalChatbot.png)
+
+
+## Part 1 - Creating our project
+
+For this demo we will be tweaking the existing Gradio `Chatbot` component to display text and media files in the same message.
+Let's create a new custom component directory by templating off of the `Chatbot` component source code.
+
+```bash
+gradio cc create MultimodalChatbot --template Chatbot
+```
+
+And we're ready to go!
+
+Tip: Make sure to modify the `Author` key in the `pyproject.toml` file.
+
+## Part 2a - The backend data_model
+
+Open up the `multimodalchatbot.py` file in your favorite code editor and let's get started modifying the backend of our component.
+
+The first thing we will do is create the `data_model` of our component.
+The `data_model` is the data format that your python component will receive and send to the javascript client running the UI.
+You can read more about the `data_model` in the [backend guide](./backend).
+
+For our component, each chatbot message will consist of two keys: a `text` key that displays the text message and an optional list of media files that can be displayed underneath the text.
+
+Import the `FileData` and `GradioModel` classes from `gradio.data_classes` and modify the existing `ChatbotData` class to look like the following:
+
+```python
+class FileMessage(GradioModel):
+    file: FileData
+    alt_text: Optional[str] = None
+
+
+class MultimodalMessage(GradioModel):
+    text: Optional[str] = None
+    files: Optional[List[FileMessage]] = None
+
+
+class ChatbotData(GradioRootModel):
+    root: List[Tuple[Optional[MultimodalMessage], Optional[MultimodalMessage]]]
+
+
+class MultimodalChatbot(Component):
+    ...
+    data_model = ChatbotData
+```
+
+
+Tip: The `data_model`s are implemented using `Pydantic V2`. Read the documentation [here](https://docs.pydantic.dev/latest/).
+
+We've done the hardest part already!
+
+## Part 2b - The pre and postprocess methods
+
+For the `preprocess` method, we will keep it simple and pass a list of `MultimodalMessage`s to the python functions that use this component as input. 
+This will let users of our component access the chatbot data with `.text` and `.files` attributes.
+This is a design choice that you can modify in your implementation!
+We can return the list of messages with the `root` property of the `ChatbotData` like so:
+
+```python
+def preprocess(
+    self,
+    payload: ChatbotData | None,
+) -> List[MultimodalMessage] | None:
+    if payload is None:
+        return payload
+    return payload.root
+```
+
+
+Tip: Learn about the reasoning behind the `preprocess` and `postprocess` methods in the [key concepts guide](./key-component-concepts)
+
+In the `postprocess` method we will coerce each message returned by the python function to be a `MultimodalMessage` class. 
+We will also clean up any indentation in the `text` field so that it can be properly displayed as markdown in the frontend.
+
+We can leave the `postprocess` method as is and modify the `_postprocess_chat_messages`
+
+```python
+def _postprocess_chat_messages(
+    self, chat_message: MultimodalMessage | dict | None
+) -> MultimodalMessage | None:
+    if chat_message is None:
+        return None
+    if isinstance(chat_message, dict):
+        chat_message = MultimodalMessage(**chat_message)
+    chat_message.text = inspect.cleandoc(chat_message.text or "")
+    for file_ in chat_message.files:
+        file_.file.mime_type = client_utils.get_mimetype(file_.file.path)
+    return chat_message
+```
+
+Before we wrap up with the backend code, let's modify the `example_value` and `example_payload` method to return a valid dictionary representation of the `ChatbotData`:
+
+```python
+def example_value(self) -> Any:
+    return [[{"text": "Hello!", "files": []}, None]]
+
+def example_payload(self) -> Any:
+    return [[{"text": "Hello!", "files": []}, None]]
+```
+
+Congrats - the backend is complete!
+
+## Part 3a - The Index.svelte file
+
+The frontend for the `Chatbot` component is divided into two parts - the `Index.svelte` file and the `shared/Chatbot.svelte` file.
+The `Index.svelte` file applies some processing to the data received from the server and then delegates the rendering of the conversation to the `shared/Chatbot.svelte` file.
+First we will modify the `Index.svelte` file to apply processing to the new data type the backend will return.
+
+Let's begin by porting our custom types  from our python `data_model` to typescript.
+Open `frontend/shared/utils.ts` and add the following type definitions at the top of the file:
+
+```ts
+export type FileMessage = {
+	file: FileData;
+	alt_text?: string;
+};
+
+
+export type MultimodalMessage = {
+	text: string;
+	files?: FileMessage[];
+}
+```
+
+Now let's import them in `Index.svelte` and modify the type annotations for `value` and `_value`.
+
+```ts
+import type { FileMessage, MultimodalMessage } from "./shared/utils";
+
+export let value: [
+    MultimodalMessage | null,
+    MultimodalMessage | null
+][] = [];
+
+let _value: [
+    MultimodalMessage | null,
+    MultimodalMessage | null
+][];
+```
+
+We need to normalize each message to make sure each file has a proper URL to fetch its contents from.
+We also need to format any embedded file links in the `text` key.
+Let's add a `process_message` utility function and apply it whenever the `value` changes.
+
+```ts
+function process_message(msg: MultimodalMessage | null): MultimodalMessage | null {
+    if (msg === null) {
+        return msg;
+    }
+    msg.text = redirect_src_url(msg.text);
+    msg.files = msg.files.map(normalize_messages);
+    return msg;
+}
+
+$: _value = value
+    ? value.map(([user_msg, bot_msg]) => [
+            process_message(user_msg),
+            process_message(bot_msg)
+        ])
+    : [];
+```
+
+## Part 3b - the Chatbot.svelte file
+
+Let's begin similarly to the `Index.svelte` file and let's first modify the type annotations.
+Import `Mulimodal` message at the top of the `<script>` section and use it to type the `value` and `old_value` variables.
+
+```ts
+import type { MultimodalMessage } from "./utils";
+
+export let value:
+    | [
+            MultimodalMessage | null,
+            MultimodalMessage | null
+        ][]
+    | null;
+let old_value:
+    | [
+            MultimodalMessage | null,
+            MultimodalMessage | null
+        ][]
+    | null = null;
+```
+
+We also need to modify the `handle_select` and `handle_like` functions:
+
+```ts
+function handle_select(
+    i: number,
+    j: number,
+    message: MultimodalMessage | null
+): void {
+    dispatch("select", {
+        index: [i, j],
+        value: message
+    });
+}
+
+function handle_like(
+    i: number,
+    j: number,
+    message: MultimodalMessage | null,
+    liked: boolean
+): void {
+    dispatch("like", {
+        index: [i, j],
+        value: message,
+        liked: liked
+    });
+}
+```
+
+Now for the fun part, actually rendering the text and files in the same message!
+
+You should see some code like the following that determines whether a file or a markdown message should be displayed depending on the type of the message:
+
+```svelte
+{#if typeof message === "string"}
+    <Markdown
+        {message}
+        {latex_delimiters}
+        {sanitize_html}
+        {render_markdown}
+        {line_breaks}
+        on:load={scroll}
+    />
+{:else if message !== null && message.file?.mime_type?.includes("audio")}
+    <audio
+        data-testid="chatbot-audio"
+        controls
+        preload="metadata"
+        ...
+```
+
+We will modify this code to always display the text message and then loop through the files and display all of them that are present:
+
+```svelte
+<Markdown
+    message={message.text}
+    {latex_delimiters}
+    {sanitize_html}
+    {render_markdown}
+    {line_breaks}
+    on:load={scroll}
+/>
+{#each message.files as file, k}
+    {#if file !== null && file.file.mime_type?.includes("audio")}
+        <audio
+            data-testid="chatbot-audio"
+            controls
+            preload="metadata"
+            src={file.file?.url}
+            title={file.alt_text}
+            on:play
+            on:pause
+            on:ended
+        />
+    {:else if message !== null && file.file?.mime_type?.includes("video")}
+        <video
+            data-testid="chatbot-video"
+            controls
+            src={file.file?.url}
+            title={file.alt_text}
+            preload="auto"
+            on:play
+            on:pause
+            on:ended
+        >
+            <track kind="captions" />
+        </video>
+    {:else if message !== null && file.file?.mime_type?.includes("image")}
+        <img
+            data-testid="chatbot-image"
+            src={file.file?.url}
+            alt={file.alt_text}
+        />
+    {:else if message !== null && file.file?.url !== null}
+        <a
+            data-testid="chatbot-file"
+            href={file.file?.url}
+            target="_blank"
+            download={window.__is_colab__
+                ? null
+                : file.file?.orig_name || file.file?.path}
+        >
+            {file.file?.orig_name || file.file?.path}
+        </a>
+    {:else if pending_message && j === 1}
+        <Pending {layout} />
+    {/if}
+{/each}
+```
+
+We did it! 🎉
+
+## Part 4 - The demo
+
+For this tutorial, let's keep the demo simple and just display a static conversation between a hypothetical user and a bot.
+This demo will show how both the user and the bot can send files. 
+In part 2 of this tutorial series we will build a fully functional chatbot demo!
+
+The demo code will look like the following:
+
+```python
+import gradio as gr
+from gradio_multimodalchatbot import MultimodalChatbot
+from gradio.data_classes import FileData
+
+user_msg1 = {"text": "Hello, what is in this image?",
+             "files": [{"file": FileData(path="https://gradio-builds.s3.amazonaws.com/diffusion_image/cute_dog.jpg")}]
+             }
+bot_msg1 = {"text": "It is a very cute dog",
+            "files": []}
+
+user_msg2 = {"text": "Describe this audio clip please.",
+             "files": [{"file": FileData(path="cantina.wav")}]}
+bot_msg2 = {"text": "It is the cantina song from Star Wars",
+            "files": []}
+
+user_msg3 = {"text": "Give me a video clip please.",
+             "files": []}
+bot_msg3 = {"text": "Here is a video clip of the world",
+            "files": [{"file": FileData(path="world.mp4")},
+                      {"file": FileData(path="cantina.wav")}]}
+
+conversation = [[user_msg1, bot_msg1], [user_msg2, bot_msg2], [user_msg3, bot_msg3]]
+
+with gr.Blocks() as demo:
+    MultimodalChatbot(value=conversation, height=800)
+
+
+demo.launch()
+```
+
+
+Tip: Change the filepaths so that they correspond to files on your machine. Also, if you are running in development mode, make sure the files are located in the top level of your custom component directory.
+
+## Part 5 - Deploying and Conclusion
+
+Let's build and deploy our demo with `gradio cc build` and `gradio cc deploy`!
+
+You can check out our component deployed to [HuggingFace Spaces](https://huggingface.co/spaces/freddyaboulton/gradio_multimodalchatbot) and all of the source code is available [here](https://huggingface.co/spaces/freddyaboulton/gradio_multimodalchatbot/tree/main/src).
+
+See you in the next installment of this series!
\ No newline at end of file
diff --git a/guides/08_custom-components/09_documenting-custom-components.md b/guides/08_custom-components/09_documenting-custom-components.md
new file mode 100644
index 0000000..4c2ccc5
--- /dev/null
+++ b/guides/08_custom-components/09_documenting-custom-components.md
@@ -0,0 +1,274 @@
+# Documenting Custom Components
+
+In 4.15, we added a  new `gradio cc docs` command to the Gradio CLI to generate rich documentation for your custom component. This command will generate documentation for users automatically, but to get the most out of it, you need to do a few things.
+
+## How do I use it?
+
+The documentation will be generated when running `gradio cc build`. You can pass the `--no-generate-docs` argument to turn off this behaviour.
+
+There is also a standalone `docs` command that allows for greater customisation. If you are running this command manually it should be run _after_ the `version` in your `pyproject.toml` has been bumped but before building the component.
+
+All arguments are optional.
+
+```bash
+gradio cc docs
+  path # The directory of the custom component.
+  --demo-dir # Path to the demo directory.
+  --demo-name # Name of the demo file
+  --space-url # URL of the Hugging Face Space to link to
+  --generate-space # create a documentation space.
+  --no-generate-space # do not create a documentation space
+  --readme-path # Path to the README.md file.
+  --generate-readme # create a REAMDE.md file
+  --no-generate-readme # do not create a README.md file
+  --suppress-demo-check # suppress validation checks and warnings
+```
+
+## What gets generated?
+
+The `gradio cc docs` command will generate an interactive Gradio app and a static README file with various features. You can see an example here:
+
+- [Gradio app deployed on Hugging Face Spaces]()
+- [README.md rendered by GitHub]()
+
+The README.md and space both have the following features:
+
+- A description.
+- Installation instructions.
+- A fully functioning code snippet.
+- Optional links to PyPi, GitHub, and Hugging Face Spaces.
+- API documentation including:
+  - An argument table for component initialisation showing types, defaults, and descriptions.
+  - A description of how the component affects the user's predict function.
+  - A table of events and their descriptions.
+  - Any additional interfaces or classes that may be used during initialisation or in the pre- or post- processors.
+
+Additionally, the Gradio includes:
+
+- A live demo.
+- A richer, interactive version of the parameter tables.
+- Nicer styling!
+
+## What do I need to do?
+
+The documentation generator uses existing standards to extract the necessary information, namely Type Hints and Docstrings. There are no Gradio-specific APIs for documentation, so following best practices will generally yield the best results.
+
+If you already use type hints and docstrings in your component source code, you don't need to do much to benefit from this feature, but there are some details that you should be aware of.
+
+### Python version
+
+To get the best documentation experience, you need to use Python `3.10` or greater when generating documentation. This is because some introspection features used to generate the documentation were only added in `3.10`.
+
+### Type hints
+
+Python type hints are used extensively to provide helpful information for users. 
+
+<details> 
+<summary> What are type hints?</summary>
+
+
+If you need to become more familiar with type hints in Python, they are a simple way to express what Python types are expected for arguments and return values of functions and methods. They provide a helpful in-editor experience, aid in maintenance, and integrate with various other tools. These types can be simple primitives, like `list` `str` `bool`; they could be more compound types like `list[str]`, `str | None` or `tuple[str, float | int]`; or they can be more complex types using utility classed like [`TypedDict`](https://peps.python.org/pep-0589/#abstract).
+
+[Read more about type hints in Python.](https://realpython.com/lessons/type-hinting/)
+
+
+</details>
+
+#### What do I need to add hints to?
+
+You do not need to add type hints to every part of your code. For the documentation to work correctly, you will need to add type hints to the following component methods:
+
+- `__init__` parameters should be typed.
+- `postprocess` parameters and return value should be typed.
+- `preprocess` parameters and return value should be typed.
+
+If you are using `gradio cc create`, these types should already exist, but you may need to tweak them based on any changes you make.
+
+##### `__init__`
+
+Here, you only need to type the parameters. If you have cloned a template with `gradio` cc create`, these should already be in place. You will only need to add new hints for anything you have added or changed:
+
+```py
+def __init__(
+  self,
+  value: str | None = None,
+  *,
+  sources: Literal["upload", "microphone"] = "upload,
+  every: Timer | float | None = None,
+  ...
+):
+  ...
+```
+
+##### `preprocess` and `postprocess`
+
+The `preprocess` and `postprocess` methods determine the value passed to the user function and the value that needs to be returned.
+
+Even if the design of your component is primarily as an input or an output, it is worth adding type hints to both the input parameters and the return values because Gradio has no way of limiting how components can be used.
+
+In this case, we specifically care about:
+
+- The return type of `preprocess`.
+- The input type of `postprocess`.
+
+```py
+def preprocess(
+  self, payload: FileData | None # input is optional
+) -> tuple[int, str] | str | None:
+
+# user function input  is the preprocess return ▲
+# user function output is the postprocess input ▼
+
+def postprocess(
+  self, value: tuple[int, str] | None
+) -> FileData | bytes | None: # return is optional
+  ...
+```
+
+### Docstrings
+
+Docstrings are also used extensively to extract more meaningful, human-readable descriptions of certain parts of the API.
+
+<details> 
+<summary> What are docstrings?</summary>
+
+
+If you need to become more familiar with docstrings in Python, they are a way to annotate parts of your code with human-readable decisions and explanations. They offer a rich in-editor experience like type hints, but unlike type hints, they don't have any specific syntax requirements. They are simple strings and can take almost any form. The only requirement is where they appear. Docstrings should be "a string literal that occurs as the first statement in a module, function, class, or method definition".
+
+[Read more about Python docstrings.](https://peps.python.org/pep-0257/#what-is-a-docstring)
+
+</details>
+
+While docstrings don't have any syntax requirements, we need a particular structure for documentation purposes.
+
+As with type hint, the specific information we care about is as follows:
+
+- `__init__` parameter docstrings.
+- `preprocess` return docstrings.
+- `postprocess` input parameter docstrings.
+
+Everything else is optional.
+
+Docstrings should always take this format to be picked up by the documentation generator:
+
+#### Classes
+
+```py
+"""
+A description of the class.
+
+This can span multiple lines and can _contain_ *markdown*.
+"""
+```
+
+#### Methods and functions 
+
+Markdown in these descriptions will not be converted into formatted text.
+
+```py
+"""
+Parameters:
+    param_one: A description for this parameter.
+    param_two: A description for this parameter.
+Returns:
+    A description for this return value.
+"""
+```
+
+### Events
+
+In custom components, events are expressed as a list stored on the `events` field of the component class. While we do not need types for events, we _do_ need a human-readable description so users can understand the behaviour of the event.
+
+To facilitate this, we must create the event in a specific way.
+
+There are two ways to add events to a custom component.
+
+#### Built-in events
+
+Gradio comes with a variety of built-in events that may be enough for your component. If you are using built-in events, you do not need to do anything as they already have descriptions we can extract:
+
+```py
+from gradio.events import Events
+
+class ParamViewer(Component):
+  ...
+
+  EVENTS = [
+    Events.change,
+    Events.upload,
+  ]
+```
+
+#### Custom events
+
+You can define a custom event if the built-in events are unsuitable for your use case. This is a straightforward process, but you must create the event in this way for docstrings to work correctly:
+
+```py
+from gradio.events import Events, EventListener
+
+class ParamViewer(Component):
+  ...
+
+  EVENTS = [
+    Events.change,
+    EventListener(
+        "bingbong",
+        doc="This listener is triggered when the user does a bingbong."
+      )
+  ]
+```
+
+### Demo
+
+The `demo/app.py`, often used for developing the component, generates the live demo and code snippet. The only strict rule here is that the `demo.launch()` command must be contained with a `__name__ == "__main__"` conditional as below:
+
+```py
+if __name__ == "__main__":
+  demo.launch()
+```
+
+The documentation generator will scan for such a clause and error if absent. If you are _not_ launching the demo inside the `demo/app.py`, then you can pass `--suppress-demo-check` to turn off this check.
+
+#### Demo recommendations
+
+Although there are no additional rules, there are some best practices you should bear in mind to get the best experience from the documentation generator.
+
+These are only guidelines, and every situation is unique, but they are sound principles to remember.
+
+##### Keep the demo compact
+
+Compact demos look better and make it easier for users to understand what the demo does. Try to remove as many extraneous UI elements as possible to focus the users' attention on the core use case. 
+
+Sometimes, it might make sense to have a `demo/app.py` just for the docs and an additional, more complex app for your testing purposes. You can also create other spaces, showcasing more complex examples and linking to them from the main class docstring or the `pyproject.toml` description.
+
+#### Keep the code concise
+
+The 'getting started' snippet utilises the demo code, which should be as short as possible to keep users engaged and avoid confusion.
+
+It isn't the job of the sample snippet to demonstrate the whole API; this snippet should be the shortest path to success for a new user. It should be easy to type or copy-paste and easy to understand. Explanatory comments should be brief and to the point.
+
+#### Avoid external dependencies
+
+As mentioned above, users should be able to copy-paste a snippet and have a fully working app. Try to avoid third-party library dependencies to facilitate this.
+
+You should carefully consider any examples; avoiding examples that require additional files or that make assumptions about the environment is generally a good idea.
+
+#### Ensure the `demo` directory is self-contained
+
+Only the `demo` directory will be uploaded to Hugging Face spaces in certain instances, as the component will be installed via PyPi if possible. It is essential that this directory is self-contained and any files needed for the correct running of the demo are present.
+
+### Additional URLs
+
+The documentation generator will generate a few buttons, providing helpful information and links to users. They are obtained automatically in some cases, but some need to be explicitly included in the `pyproject.yaml`. 
+
+- PyPi Version and link - This is generated automatically.
+- GitHub Repository - This is populated via the `pyproject.toml`'s `project.urls.repository`.
+- Hugging Face Space - This is populated via the `pyproject.toml`'s `project.urls.space`.
+
+An example `pyproject.toml` urls section might look like this:
+
+```toml
+[project.urls]
+repository = "https://github.com/user/repo-name"
+space = "https://huggingface.co/spaces/user/space-name"
+```
\ No newline at end of file
diff --git a/guides/09_gradio-clients-and-lite/01_getting-started-with-the-python-client.md b/guides/09_gradio-clients-and-lite/01_getting-started-with-the-python-client.md
new file mode 100644
index 0000000..70b8ce4
--- /dev/null
+++ b/guides/09_gradio-clients-and-lite/01_getting-started-with-the-python-client.md
@@ -0,0 +1,351 @@
+# Getting Started with the Gradio Python client
+
+Tags: CLIENT, API, SPACES
+
+The Gradio Python client makes it very easy to use any Gradio app as an API. As an example, consider this [Hugging Face Space that transcribes audio files](https://huggingface.co/spaces/abidlabs/whisper) that are recorded from the microphone.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+Using the `gradio_client` library, we can easily use the Gradio as an API to transcribe audio files programmatically.
+
+Here's the entire code to do it:
+
+```python
+from gradio_client import Client, handle_file
+
+client = Client("abidlabs/whisper")
+
+client.predict(
+    audio=handle_file("audio_sample.wav")
+)
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+The Gradio client works with any hosted Gradio app! Although the Client is mostly used with apps hosted on [Hugging Face Spaces](https://hf.space), your app can be hosted anywhere, such as your own server.
+
+**Prerequisites**: To use the Gradio client, you do _not_ need to know the `gradio` library in great detail. However, it is helpful to have general familiarity with Gradio's concepts of input and output components.
+
+## Installation
+
+If you already have a recent version of `gradio`, then the `gradio_client` is included as a dependency. But note that this documentation reflects the latest version of the `gradio_client`, so upgrade if you're not sure!
+
+The lightweight `gradio_client` package can be installed from pip (or pip3) and is tested to work with **Python versions 3.10 or higher**:
+
+```bash
+$ pip install --upgrade gradio_client
+```
+
+## Connecting to a Gradio App on Hugging Face Spaces
+
+Start by connecting instantiating a `Client` object and connecting it to a Gradio app that is running on Hugging Face Spaces.
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr")  # a Space that translates from English to French
+```
+
+You can also connect to private Spaces by passing in your HF token with the `token` parameter. You can get your HF token here: https://huggingface.co/settings/tokens
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/my-private-space", token="...")
+```
+
+
+## Duplicating a Space for private use
+
+While you can use any public Space as an API, you may get rate limited by Hugging Face if you make too many requests. For unlimited usage of a Space, simply duplicate the Space to create a private Space,
+and then use it to make as many requests as you'd like!
+
+The `gradio_client` includes a class method: `Client.duplicate()` to make this process simple (you'll need to pass in your [Hugging Face token](https://huggingface.co/settings/tokens) or be logged in using the Hugging Face CLI):
+
+```python
+import os
+from gradio_client import Client, handle_file
+
+HF_TOKEN = os.environ.get("HF_TOKEN")
+
+client = Client.duplicate("abidlabs/whisper", token=HF_TOKEN)
+client.predict(handle_file("audio_sample.wav"))
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+If you have previously duplicated a Space, re-running `duplicate()` will _not_ create a new Space. Instead, the Client will attach to the previously-created Space. So it is safe to re-run the `Client.duplicate()` method multiple times.
+
+**Note:** if the original Space uses GPUs, your private Space will as well, and your Hugging Face account will get billed based on the price of the GPU. To minimize charges, your Space will automatically go to sleep after 1 hour of inactivity. You can also set the hardware using the `hardware` parameter of `duplicate()`.
+
+## Connecting a general Gradio app
+
+If your app is running somewhere else, just provide the full URL instead, including the "http://" or "https://". Here's an example of making predictions to a Gradio app that is running on a share URL:
+
+```python
+from gradio_client import Client
+
+client = Client("https://bec81a83-5b5c-471e.gradio.live")
+```
+
+## Connecting to a Gradio app with auth
+
+If the Gradio application you are connecting to [requires a username and password](/guides/sharing-your-app#authentication), then provide them as a tuple to the `auth` argument of the `Client` class:
+
+```python
+from gradio_client import Client
+
+Client(
+  space_name,
+  auth=[username, password]
+)
+```
+
+
+## Inspecting the API endpoints
+
+Once you have connected to a Gradio app, you can view the APIs that are available to you by calling the `Client.view_api()` method. For the Whisper Space, we see the following:
+
+```bash
+Client.predict() Usage Info
+---------------------------
+Named API endpoints: 1
+
+ - predict(audio, api_name="/predict") -> output
+    Parameters:
+     - [Audio] audio: filepath (required)  
+    Returns:
+     - [Textbox] output: str 
+```
+
+We see  that we have 1 API endpoint in this space, and shows us how to use the API endpoint to make a prediction: we should call the `.predict()` method (which we will explore below), providing a parameter `input_audio` of type `str`, which is a `filepath or URL`.
+
+We should also provide the `api_name='/predict'` argument to the `predict()` method. Although this isn't necessary if a Gradio app has only 1 named endpoint, it does allow us to call different endpoints in a single app if they are available.
+
+## The "View API" Page
+
+As an alternative to running the `.view_api()` method, you can click on the "Use via API" link in the footer of the Gradio app, which shows us the same information, along with example usage. 
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api.png)
+
+The View API page also includes an "API Recorder" that lets you interact with the Gradio UI normally and converts your interactions into the corresponding code to run with the Python Client.
+
+## Making a prediction
+
+The simplest way to make a prediction is simply to call the `.predict()` function with the appropriate arguments:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr")
+client.predict("Hello", api_name='/predict')
+
+>> Bonjour
+```
+
+If there are multiple parameters, then you should pass them as separate arguments to `.predict()`, like this:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/calculator")
+client.predict(4, "add", 5)
+
+>> 9.0
+```
+
+It is recommended to provide key-word arguments instead of positional arguments:
+
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/calculator")
+client.predict(num1=4, operation="add", num2=5)
+
+>> 9.0
+```
+
+This allows you to take advantage of default arguments. For example, this Space includes the default value for the Slider component so you do not need to provide it when accessing it with the client.
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/image_generator")
+client.predict(text="an astronaut riding a camel")
+```
+
+The default value is the initial value of the corresponding Gradio component. If the component does not have an initial value, but if the corresponding argument in the predict function has a default value of `None`, then that parameter is also optional in the client. Of course, if you'd like to override it, you can include it as well:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/image_generator")
+client.predict(text="an astronaut riding a camel", steps=25)
+```
+
+For providing files or URLs as inputs, you should pass in the filepath or URL to the file enclosed within `gradio_client.handle_file()`. This takes care of uploading the file to the Gradio server and ensures that the file is preprocessed correctly:
+
+```python
+from gradio_client import Client, handle_file
+
+client = Client("abidlabs/whisper")
+client.predict(
+    audio=handle_file("https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3")
+)
+
+>> "My thought I have nobody by a beauty and will as you poured. Mr. Rochester is serve in that so don't find simpus, and devoted abode, to at might in a r—"
+```
+
+## Running jobs asynchronously
+
+One should note that `.predict()` is a _blocking_ operation as it waits for the operation to complete before returning the prediction.
+
+In many cases, you may be better off letting the job run in the background until you need the results of the prediction. You can do this by creating a `Job` instance using the `.submit()` method, and then later calling `.result()` on the job to get the result. For example:
+
+```python
+from gradio_client import Client
+
+client = Client(space="abidlabs/en2fr")
+job = client.submit("Hello", api_name="/predict")  # This is not blocking
+
+# Do something else
+
+job.result()  # This is blocking
+
+>> Bonjour
+```
+
+## Adding callbacks
+
+Alternatively, one can add one or more callbacks to perform actions after the job has completed running, like this:
+
+```python
+from gradio_client import Client
+
+def print_result(x):
+    print("The translated result is: {x}")
+
+client = Client(space="abidlabs/en2fr")
+
+job = client.submit("Hello", api_name="/predict", result_callbacks=[print_result])
+
+# Do something else
+
+>> The translated result is: Bonjour
+
+```
+
+## Status
+
+The `Job` object also allows you to get the status of the running job by calling the `.status()` method. This returns a `StatusUpdate` object with the following attributes: `code` (the status code, one of a set of defined strings representing the status. See the `utils.Status` class), `rank` (the current position of this job in the queue), `queue_size` (the total queue size), `eta` (estimated time this job will complete), `success` (a boolean representing whether the job completed successfully), and `time` (the time that the status was generated).
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/calculator")
+job = client.submit(5, "add", 4, api_name="/predict")
+job.status()
+
+>> <Status.STARTING: 'STARTING'>
+```
+
+_Note_: The `Job` class also has a `.done()` instance method which returns a boolean indicating whether the job has completed.
+
+## Cancelling Jobs
+
+The `Job` class also has a `.cancel()` instance method that cancels jobs that have been queued but not started. For example, if you run:
+
+```py
+client = Client("abidlabs/whisper")
+job1 = client.submit(handle_file("audio_sample1.wav"))
+job2 = client.submit(handle_file("audio_sample2.wav"))
+job1.cancel()  # will return False, assuming the job has started
+job2.cancel()  # will return True, indicating that the job has been canceled
+```
+
+If the first job has started processing, then it will not be canceled. If the second job
+has not yet started, it will be successfully canceled and removed from the queue.
+
+## Generator Endpoints
+
+Some Gradio API endpoints do not return a single value, rather they return a series of values. You can get the series of values that have been returned at any time from such a generator endpoint by running `job.outputs()`:
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/count_generator")
+job = client.submit(3, api_name="/count")
+while not job.done():
+    time.sleep(0.1)
+job.outputs()
+
+>> ['0', '1', '2']
+```
+
+Note that running `job.result()` on a generator endpoint only gives you the _first_ value returned by the endpoint.
+
+The `Job` object is also iterable, which means you can use it to display the results of a generator function as they are returned from the endpoint. Here's the equivalent example using the `Job` as a generator:
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/count_generator")
+job = client.submit(3, api_name="/count")
+
+for o in job:
+    print(o)
+
+>> 0
+>> 1
+>> 2
+```
+
+You can also cancel jobs that that have iterative outputs, in which case the job will finish as soon as the current iteration finishes running.
+
+```py
+from gradio_client import Client
+import time
+
+client = Client("abidlabs/test-yield")
+job = client.submit("abcdef")
+time.sleep(3)
+job.cancel()  # job cancels after 2 iterations
+```
+
+## Demos with Session State
+
+Gradio demos can include [session state](https://www.gradio.app/guides/state-in-blocks), which provides a way for demos to persist information from user interactions within a page session.
+
+For example, consider the following demo, which maintains a list of words that a user has submitted in a `gr.State` component. When a user submits a new word, it is added to the state, and the number of previous occurrences of that word is displayed:
+
+```python
+import gradio as gr
+
+def count(word, list_of_words):
+    return list_of_words.count(word), list_of_words + [word]
+
+with gr.Blocks() as demo:
+    words = gr.State([])
+    textbox = gr.Textbox()
+    number = gr.Number()
+    textbox.submit(count, inputs=[textbox, words], outputs=[number, words])
+    
+demo.launch()
+```
+
+If you were to connect this this Gradio app using the Python Client, you would notice that the API information only shows a single input and output:
+
+```csv
+Client.predict() Usage Info
+---------------------------
+Named API endpoints: 1
+
+ - predict(word, api_name="/count") -> value_31
+    Parameters:
+     - [Textbox] word: str (required)  
+    Returns:
+     - [Number] value_31: float 
+```
+
+That is because the Python client handles state automatically for you -- as you make a series of requests, the returned state from one request is stored internally and automatically supplied for the subsequent request. If you'd like to reset the state, you can do that by calling `Client.reset_session()`.
diff --git a/guides/09_gradio-clients-and-lite/02_getting-started-with-the-js-client.md b/guides/09_gradio-clients-and-lite/02_getting-started-with-the-js-client.md
new file mode 100644
index 0000000..df6fca2
--- /dev/null
+++ b/guides/09_gradio-clients-and-lite/02_getting-started-with-the-js-client.md
@@ -0,0 +1,346 @@
+# Getting Started with the Gradio JavaScript Client
+
+Tags: CLIENT, API, SPACES
+
+The Gradio JavaScript Client makes it very easy to use any Gradio app as an API. As an example, consider this [Hugging Face Space that transcribes audio files](https://huggingface.co/spaces/abidlabs/whisper) that are recorded from the microphone.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+Using the `@gradio/client` library, we can easily use the Gradio as an API to transcribe audio files programmatically.
+
+Here's the entire code to do it:
+
+```js
+import { Client, handle_file } from "@gradio/client";
+
+const response = await fetch(
+	"https://github.com/audio-samples/audio-samples.github.io/raw/master/samples/wav/ted_speakers/SalmanKhan/sample-1.wav"
+);
+const audio_file = await response.blob();
+
+const app = await Client.connect("abidlabs/whisper");
+const transcription = await app.predict("/predict", [handle_file(audio_file)]);
+
+console.log(transcription.data);
+// [ "I said the same phrase 30 times." ]
+```
+
+The Gradio Client works with any hosted Gradio app, whether it be an image generator, a text summarizer, a stateful chatbot, a tax calculator, or anything else! The Gradio Client is mostly used with apps hosted on [Hugging Face Spaces](https://hf.space), but your app can be hosted anywhere, such as your own server.
+
+**Prequisites**: To use the Gradio client, you do _not_ need to know the `gradio` library in great detail. However, it is helpful to have general familiarity with Gradio's concepts of input and output components.
+
+## Installation via npm
+
+Install the @gradio/client package to interact with Gradio APIs using Node.js version >=18.0.0 or in browser-based projects. Use npm or any compatible package manager:
+
+```bash
+npm i @gradio/client
+```
+
+This command adds @gradio/client to your project dependencies, allowing you to import it in your JavaScript or TypeScript files.
+
+## Installation via CDN
+
+For quick addition to your web project, you can use the jsDelivr CDN to load the latest version of @gradio/client directly into your HTML:
+
+```html
+<script type="module">
+	import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
+	...
+</script>
+```
+
+Be sure to add this to the `<head>` of your HTML. This will install the latest version but we advise hardcoding the version in production. You can find all available versions [here](https://www.jsdelivr.com/package/npm/@gradio/client). This approach is ideal for experimental or prototying purposes, though has some limitations. A complete example would look like this:
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <script type="module">
+        import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
+        const client = await Client.connect("abidlabs/en2fr");
+        const result = await client.predict("/predict", {
+            text: "My name is Hannah"
+        });
+        console.log(result);
+    </script>
+</head>
+</html>
+```
+
+## Connecting to a running Gradio App
+
+Start by connecting instantiating a `client` instance and connecting it to a Gradio app that is running on Hugging Face Spaces or generally anywhere on the web.
+
+## Connecting to a Hugging Face Space
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/en2fr"); // a Space that translates from English to French
+```
+
+You can also connect to private Spaces by passing in your HF token with the `token` property of the options parameter. You can get your HF token here: https://huggingface.co/settings/tokens
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/my-private-space", { token: "hf_..." })
+```
+
+## Duplicating a Space for private use
+
+While you can use any public Space as an API, you may get rate limited by Hugging Face if you make too many requests. For unlimited usage of a Space, simply duplicate the Space to create a private Space, and then use it to make as many requests as you'd like! You'll need to pass in your [Hugging Face token](https://huggingface.co/settings/tokens)).
+
+`Client.duplicate` is almost identical to `Client.connect`, the only difference is under the hood:
+
+```js
+import { Client, handle_file } from "@gradio/client";
+
+const response = await fetch(
+	"https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"
+);
+const audio_file = await response.blob();
+
+const app = await Client.duplicate("abidlabs/whisper", { token: "hf_..." });
+const transcription = await app.predict("/predict", [handle_file(audio_file)]);
+```
+
+If you have previously duplicated a Space, re-running `Client.duplicate` will _not_ create a new Space. Instead, the client will attach to the previously-created Space. So it is safe to re-run the `Client.duplicate` method multiple times with the same space.
+
+**Note:** if the original Space uses GPUs, your private Space will as well, and your Hugging Face account will get billed based on the price of the GPU. To minimize charges, your Space will automatically go to sleep after 5 minutes of inactivity. You can also set the hardware using the `hardware` and `timeout` properties of `duplicate`'s options object like this:
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.duplicate("abidlabs/whisper", {
+	token: "hf_...",
+	timeout: 60,
+	hardware: "a10g-small"
+});
+```
+
+## Connecting a general Gradio app
+
+If your app is running somewhere else, just provide the full URL instead, including the "http://" or "https://". Here's an example of making predictions to a Gradio app that is running on a share URL:
+
+```js
+import { Client } from "@gradio/client";
+
+const app = Client.connect("https://bec81a83-5b5c-471e.gradio.live");
+```
+
+## Connecting to a Gradio app with auth
+
+If the Gradio application you are connecting to [requires a username and password](/guides/sharing-your-app#authentication), then provide them as a tuple to the `auth` argument of the `Client` class:
+
+```js
+import { Client } from "@gradio/client";
+
+Client.connect(
+  space_name,
+  { auth: [username, password] }
+)
+```
+
+
+## Inspecting the API endpoints
+
+Once you have connected to a Gradio app, you can view the APIs that are available to you by calling the `Client`'s `view_api` method.
+
+For the Whisper Space, we can do this:
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/whisper");
+
+const app_info = await app.view_api();
+
+console.log(app_info);
+```
+
+And we will see the following:
+
+```json
+{
+	"named_endpoints": {
+		"/predict": {
+			"parameters": [
+				{
+					"label": "text",
+					"component": "Textbox",
+					"type": "string"
+				}
+			],
+			"returns": [
+				{
+					"label": "output",
+					"component": "Textbox",
+					"type": "string"
+				}
+			]
+		}
+	},
+	"unnamed_endpoints": {}
+}
+```
+
+This shows us that we have 1 API endpoint in this space, and shows us how to use the API endpoint to make a prediction: we should call the `.predict()` method (which we will explore below), providing a parameter `input_audio` of type `string`, which is a url to a file.
+
+We should also provide the `api_name='/predict'` argument to the `predict()` method. Although this isn't necessary if a Gradio app has only 1 named endpoint, it does allow us to call different endpoints in a single app if they are available. If an app has unnamed API endpoints, these can also be displayed by running `.view_api(all_endpoints=True)`.
+
+## The "View API" Page
+
+As an alternative to running the `.view_api()` method, you can click on the "Use via API" link in the footer of the Gradio app, which shows us the same information, along with example usage. 
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api.png)
+
+The View API page also includes an "API Recorder" that lets you interact with the Gradio UI normally and converts your interactions into the corresponding code to run with the JS Client.
+
+
+## Making a prediction
+
+The simplest way to make a prediction is simply to call the `.predict()` method with the appropriate arguments:
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/en2fr");
+const result = await app.predict("/predict", ["Hello"]);
+```
+
+If there are multiple parameters, then you should pass them as an array to `.predict()`, like this:
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("gradio/calculator");
+const result = await app.predict("/predict", [4, "add", 5]);
+```
+
+For certain inputs, such as images, you should pass in a `Buffer`, `Blob` or `File` depending on what is most convenient. In node, this would be a `Buffer` or `Blob`; in a browser environment, this would be a `Blob` or `File`.
+
+```js
+import { Client, handle_file } from "@gradio/client";
+
+const response = await fetch(
+	"https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"
+);
+const audio_file = await response.blob();
+
+const app = await Client.connect("abidlabs/whisper");
+const result = await app.predict("/predict", [handle_file(audio_file)]);
+```
+
+## Using events
+
+If the API you are working with can return results over time, or you wish to access information about the status of a job, you can use the iterable interface for more flexibility. This is especially useful for iterative endpoints or generator endpoints that will produce a series of values over time as discrete responses.
+
+```js
+import { Client } from "@gradio/client";
+
+function log_result(payload) {
+	const {
+		data: [translation]
+	} = payload;
+
+	console.log(`The translated result is: ${translation}`);
+}
+
+const app = await Client.connect("abidlabs/en2fr");
+const job = app.submit("/predict", ["Hello"]);
+
+for await (const message of job) {
+	log_result(message);
+}
+```
+
+## Status
+
+The event interface also allows you to get the status of the running job by instantiating the client with the `events` options passing `status` and `data` as an array:
+
+
+```ts
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/en2fr", {
+	events: ["status", "data"]
+});
+```
+
+This ensures that status messages are also reported to the client.
+
+`status`es are returned as an object with the following attributes: `status` (a human readbale status of the current job, `"pending" | "generating" | "complete" | "error"`), `code` (the detailed gradio code for the job), `position` (the current position of this job in the queue), `queue_size` (the total queue size), `eta` (estimated time this job will complete), `success` (a boolean representing whether the job completed successfully), and `time` ( as `Date` object detailing the time that the status was generated).
+
+```js
+import { Client } from "@gradio/client";
+
+function log_status(status) {
+	console.log(
+		`The current status for this job is: ${JSON.stringify(status, null, 2)}.`
+	);
+}
+
+const app = await Client.connect("abidlabs/en2fr", {
+	events: ["status", "data"]
+});
+const job = app.submit("/predict", ["Hello"]);
+
+for await (const message of job) {
+	if (message.type === "status") {
+		log_status(message);
+	}
+}
+```
+
+## Cancelling Jobs
+
+The job instance also has a `.cancel()` method that cancels jobs that have been queued but not started. For example, if you run:
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/en2fr");
+const job_one = app.submit("/predict", ["Hello"]);
+const job_two = app.submit("/predict", ["Friends"]);
+
+job_one.cancel();
+job_two.cancel();
+```
+
+If the first job has started processing, then it will not be canceled but the client will no longer listen for updates (throwing away the job). If the second job has not yet started, it will be successfully canceled and removed from the queue.
+
+## Generator Endpoints
+
+Some Gradio API endpoints do not return a single value, rather they return a series of values. You can listen for these values in real time using the iterable interface:
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("gradio/count_generator");
+const job = app.submit(0, [9]);
+
+for await (const message of job) {
+	console.log(message.data);
+}
+```
+
+This will log out the values as they are generated by the endpoint.
+
+You can also cancel jobs that that have iterative outputs, in which case the job will finish immediately.
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("gradio/count_generator");
+const job = app.submit(0, [9]);
+
+for await (const message of job) {
+	console.log(message.data);
+}
+
+setTimeout(() => {
+	job.cancel();
+}, 3000);
+```
diff --git a/guides/09_gradio-clients-and-lite/03_querying-gradio-apps-with-curl.md b/guides/09_gradio-clients-and-lite/03_querying-gradio-apps-with-curl.md
new file mode 100644
index 0000000..e7fdc07
--- /dev/null
+++ b/guides/09_gradio-clients-and-lite/03_querying-gradio-apps-with-curl.md
@@ -0,0 +1,303 @@
+# Querying Gradio Apps with Curl
+
+Tags: CURL, API, SPACES
+
+It is possible to use any Gradio app as an API using cURL, the command-line tool that is pre-installed on many operating systems. This is particularly useful if you are trying to query a Gradio app from an environment other than Python or Javascript (since specialized Gradio clients exist for both [Python](/guides/getting-started-with-the-python-client) and [Javascript](/guides/getting-started-with-the-js-client)).
+
+As an example, consider this Gradio demo that translates text from English to French: https://abidlabs-en2fr.hf.space/.
+
+Using `curl`, we can translate text programmatically.
+
+Here's the code to do it:
+
+```bash
+$ curl -X POST https://abidlabs-en2fr.hf.space/call/predict -H "Content-Type: application/json" -d '{
+  "data": ["Hello, my friend."] 
+}'
+
+>> {"event_id": $EVENT_ID}   
+```
+
+```bash
+$ curl -N https://abidlabs-en2fr.hf.space/call/predict/$EVENT_ID
+
+>> event: complete
+>> data: ["Bonjour, mon ami."]
+```
+
+
+Note: making a prediction and getting a result requires two `curl` requests: a `POST` and a `GET`. The `POST` request returns an `EVENT_ID` and prints  it to the console, which is used in the second `GET` request to fetch the results. You can combine these into a single command using `awk` and `read` to parse the results of the first command and pipe into the second, like this:
+
+```bash
+$ curl -X POST https://abidlabs-en2fr.hf.space/call/predict -H "Content-Type: application/json" -d '{
+  "data": ["Hello, my friend."] 
+}' \
+  | awk -F'"' '{ print $4}'  \
+  | read EVENT_ID; curl -N https://abidlabs-en2fr.hf.space/call/predict/$EVENT_ID
+
+>> event: complete
+>> data: ["Bonjour, mon ami."]
+```
+
+In the rest of this Guide, we'll explain these two steps in more detail and provide additional examples of querying Gradio apps with `curl`.
+
+
+**Prerequisites**: For this Guide, you do _not_ need to know how to build Gradio apps in great detail. However, it is helpful to have general familiarity with Gradio's concepts of input and output components.
+
+## Installation
+
+You generally don't need to install cURL, as it comes pre-installed on many operating systems. Run:
+
+```bash
+curl --version
+```
+
+to confirm that `curl` is installed. If it is not already installed, you can install it by visiting https://curl.se/download.html. 
+
+
+## Step 0: Get the URL for your Gradio App 
+
+To query a Gradio app, you'll need its full URL. This is usually just the URL that the Gradio app is hosted on, for example: https://bec81a83-5b5c-471e.gradio.live
+
+
+**Hugging Face Spaces**
+
+However, if you are querying a Gradio on Hugging Face Spaces, you will need to use the URL of the embedded Gradio app, not the URL of the Space webpage. For example:
+
+```bash
+❌ Space URL: https://huggingface.co/spaces/abidlabs/en2fr
+✅ Gradio app URL: https://abidlabs-en2fr.hf.space/
+```
+
+You can get the Gradio app URL by clicking the "view API" link at the bottom of the page. Or, you can right-click on the page and then click on "View Frame Source" or the equivalent in your browser to view the URL of the embedded Gradio app.
+
+While you can use any public Space as an API, you may get rate limited by Hugging Face if you make too many requests. For unlimited usage of a Space, simply duplicate the Space to create a private Space,
+and then use it to make as many requests as you'd like!
+
+Note: to query private Spaces, you will need to pass in your Hugging Face (HF) token. You can get your HF token here: https://huggingface.co/settings/tokens. In this case, you will need to include an additional header in both of your `curl` calls that we'll discuss below:
+
+```bash
+-H "Authorization: Bearer $HF_TOKEN"
+```
+
+Now, we are ready to make the two `curl` requests.
+
+## Step 1: Make a Prediction (POST)
+
+The first of the two `curl` requests is `POST` request that submits the input payload to the Gradio app. 
+
+The syntax of the `POST` request is as follows:
+
+```bash
+$ curl -X POST $URL/call/$API_NAME -H "Content-Type: application/json" -d '{
+  "data": $PAYLOAD
+}'
+```
+
+Here:
+
+* `$URL` is the URL of the Gradio app as obtained in Step 0
+* `$API_NAME` is the name of the API endpoint for the event that you are running. You can get the API endpoint names by clicking the "view API" link at the bottom of the page.
+*  `$PAYLOAD` is a valid JSON data list containing the input payload, one element for each input component.
+
+When you make this `POST` request successfully, you will get an event id that is printed to the terminal in this format:
+
+```bash
+>> {"event_id": $EVENT_ID}   
+```
+
+This `EVENT_ID` will be needed in the subsequent `curl` request to fetch the results of the prediction. 
+
+Here are some examples of how to make the `POST` request
+
+**Basic Example**
+
+Revisiting the example at the beginning of the page, here is how to make the `POST` request for a simple Gradio application that takes in a single input text component:
+
+```bash
+$ curl -X POST https://abidlabs-en2fr.hf.space/call/predict -H "Content-Type: application/json" -d '{
+  "data": ["Hello, my friend."] 
+}'
+```
+
+**Multiple Input Components**
+
+This [Gradio demo](https://huggingface.co/spaces/gradio/hello_world_3) accepts three inputs: a string corresponding to the `gr.Textbox`, a boolean value corresponding to the `gr.Checkbox`, and a numerical value corresponding to the `gr.Slider`. Here is the `POST` request:
+
+```bash
+curl -X POST https://gradio-hello-world-3.hf.space/call/predict -H "Content-Type: application/json" -d '{
+  "data": ["Hello", true, 5]
+}'
+```
+
+**Private Spaces**
+
+As mentioned earlier, if you are making a request to a private Space, you will need to pass in a [Hugging Face token](https://huggingface.co/settings/tokens) that has read access to the Space. The request will look like this:
+
+```bash
+$ curl -X POST https://private-space.hf.space/call/predict -H "Content-Type: application/json" -H "Authorization: Bearer $HF_TOKEN" -d '{
+  "data": ["Hello, my friend."] 
+}'
+```
+
+**Files**
+
+If you are using `curl` to query a Gradio application that requires file inputs, the files *need* to be provided as URLs, and The URL needs to be enclosed in a dictionary in this format:
+
+```bash
+{"path": $URL}
+```
+
+Here is an example `POST` request:
+
+```bash
+$ curl -X POST https://gradio-image-mod.hf.space/call/predict -H "Content-Type: application/json" -d '{
+  "data": [{"path": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"}] 
+}'
+```
+
+
+**Stateful Demos**
+
+If your Gradio demo [persists user state](/guides/interface-state) across multiple interactions (e.g. is a chatbot), you can pass in a `session_hash` alongside the `data`. Requests with the same `session_hash` are assumed to be part of the same user session. Here's how that might look:
+
+```bash
+# These two requests will share a session
+
+curl -X POST https://gradio-chatinterface-random-response.hf.space/call/chat -H "Content-Type: application/json" -d '{
+  "data": ["Are you sentient?"],
+  "session_hash": "randomsequence1234"
+}'
+
+curl -X POST https://gradio-chatinterface-random-response.hf.space/call/chat -H "Content-Type: application/json" -d '{
+  "data": ["Really?"],
+  "session_hash": "randomsequence1234"
+}'
+
+# This request will be treated as a new session
+
+curl -X POST https://gradio-chatinterface-random-response.hf.space/call/chat -H "Content-Type: application/json" -d '{
+  "data": ["Are you sentient?"],
+  "session_hash": "newsequence5678"
+}'
+```
+
+
+
+## Step 2: GET the result
+
+Once you have received the `EVENT_ID` corresponding to your prediction, you can stream the results. Gradio stores these results  in a least-recently-used cache in the Gradio app. By default, the cache can store 2,000 results (across all users and endpoints of the app). 
+
+To stream the results for your prediction, make a `GET` request with the following syntax:
+
+```bash
+$ curl -N $URL/call/$API_NAME/$EVENT_ID
+```
+
+
+Tip: If you are fetching results from a private Space, include a header with your HF token like this: `-H "Authorization: Bearer $HF_TOKEN"` in the `GET` request.
+
+This should produce a stream of responses in this format:
+
+```bash
+event: ... 
+data: ...
+event: ... 
+data: ...
+...
+```
+
+Here: `event` can be one of the following:
+* `generating`: indicating an intermediate result
+* `complete`: indicating that the prediction is complete and the final result 
+* `error`: indicating that the prediction was not completed successfully
+* `heartbeat`: sent every 15 seconds to keep the request alive
+
+The `data` is in the same format as the input payload: valid JSON data list containing the output result, one element for each output component.
+
+Here are some examples of what results you should expect if a request is completed successfully:
+
+**Basic Example**
+
+Revisiting the example at the beginning of the page, we would expect the result to look like this:
+
+```bash
+event: complete
+data: ["Bonjour, mon ami."]
+```
+
+**Multiple Outputs**
+
+If your endpoint returns multiple values, they will appear as elements of the `data` list:
+
+```bash
+event: complete
+data: ["Good morning Hello. It is 5 degrees today", -15.0]
+```
+
+**Streaming Example**
+
+If your Gradio app [streams a sequence of values](/guides/streaming-outputs), then they will be streamed directly to your terminal, like this:
+
+```bash
+event: generating
+data: ["Hello, w!"]
+event: generating
+data: ["Hello, wo!"]
+event: generating
+data: ["Hello, wor!"]
+event: generating
+data: ["Hello, worl!"]
+event: generating
+data: ["Hello, world!"]
+event: complete
+data: ["Hello, world!"]
+```
+
+**File Example**
+
+If your Gradio app returns a file, the file will be represented as a dictionary in this format (including potentially some additional keys):
+
+```python
+{
+    "orig_name": "example.jpg",
+    "path": "/path/in/server.jpg",
+    "url": "https:/example.com/example.jpg",
+    "meta": {"_type": "gradio.FileData"}
+}
+```
+
+In your terminal, it may appear like this:
+
+```bash
+event: complete
+data: [{"path": "/tmp/gradio/359933dc8d6cfe1b022f35e2c639e6e42c97a003/image.webp", "url": "https://gradio-image-mod.hf.space/c/file=/tmp/gradio/359933dc8d6cfe1b022f35e2c639e6e42c97a003/image.webp", "size": null, "orig_name": "image.webp", "mime_type": null, "is_stream": false, "meta": {"_type": "gradio.FileData"}}]
+```
+
+## Authentication
+
+What if your Gradio application has [authentication enabled](/guides/sharing-your-app#authentication)? In that case, you'll need to make an additional `POST` request with cURL to authenticate yourself before you make any queries. Here are the complete steps:
+
+First, login with a `POST` request supplying a valid username and password:
+
+```bash
+curl -X POST $URL/login \
+     -d "username=$USERNAME&password=$PASSWORD" \
+     -c cookies.txt
+```
+
+If the credentials are correct, you'll get `{"success":true}` in response and the cookies will be saved in `cookies.txt`.
+
+Next, you'll need to include these cookies when you make the original `POST` request, like this:
+
+```bash
+$ curl -X POST $URL/call/$API_NAME -b cookies.txt -H "Content-Type: application/json" -d '{
+  "data": $PAYLOAD
+}'
+```
+
+Finally, you'll need to `GET` the results, again supplying the cookies from the file:
+
+```bash
+curl -N $URL/call/$API_NAME/$EVENT_ID -b cookies.txt
+```
diff --git a/guides/09_gradio-clients-and-lite/04_gradio-and-llm-agents.md b/guides/09_gradio-clients-and-lite/04_gradio-and-llm-agents.md
new file mode 100644
index 0000000..e79639f
--- /dev/null
+++ b/guides/09_gradio-clients-and-lite/04_gradio-and-llm-agents.md
@@ -0,0 +1,139 @@
+# Gradio & LLM Agents 🤝
+
+Large Language Models (LLMs) are very impressive but they can be made even more powerful if we could give them skills to accomplish specialized tasks.
+
+The [gradio_tools](https://github.com/freddyaboulton/gradio-tools) library can turn any [Gradio](https://github.com/gradio-app/gradio) application into a [tool](https://python.langchain.com/en/latest/modules/agents/tools.html) that an [agent](https://docs.langchain.com/docs/components/agents/agent) can use to complete its task. For example, an LLM could use a Gradio tool to transcribe a voice recording it finds online and then summarize it for you. Or it could use a different Gradio tool to apply OCR to a document on your Google Drive and then answer questions about it.
+
+This guide will show how you can use `gradio_tools` to grant your LLM Agent access to the cutting edge Gradio applications hosted in the world. Although `gradio_tools` are compatible with more than one agent framework, we will focus on [Langchain Agents](https://docs.langchain.com/docs/components/agents/) in this guide.
+
+## Some background
+
+### What are agents?
+
+A [LangChain agent](https://docs.langchain.com/docs/components/agents/agent) is a Large Language Model (LLM) that takes user input and reports an output based on using one of many tools at its disposal.
+
+### What is Gradio?
+
+[Gradio](https://github.com/gradio-app/gradio) is the defacto standard framework for building Machine Learning Web Applications and sharing them with the world - all with just python! 🐍
+
+## gradio_tools - An end-to-end example
+
+To get started with `gradio_tools`, all you need to do is import and initialize your tools and pass them to the langchain agent!
+
+In the following example, we import the `StableDiffusionPromptGeneratorTool` to create a good prompt for stable diffusion, the
+`StableDiffusionTool` to create an image with our improved prompt, the `ImageCaptioningTool` to caption the generated image, and
+the `TextToVideoTool` to create a video from a prompt.
+
+We then tell our agent to create an image of a dog riding a skateboard, but to please improve our prompt ahead of time. We also ask
+it to caption the generated image and create a video for it. The agent can decide which tool to use without us explicitly telling it.
+
+```python
+import os
+
+if not os.getenv("OPENAI_API_KEY"):
+    raise ValueError("OPENAI_API_KEY must be set")
+
+from langchain.agents import initialize_agent
+from langchain.llms import OpenAI
+from gradio_tools import (StableDiffusionTool, ImageCaptioningTool, StableDiffusionPromptGeneratorTool,
+                          TextToVideoTool)
+
+from langchain.memory import ConversationBufferMemory
+
+llm = OpenAI(temperature=0)
+memory = ConversationBufferMemory(memory_key="chat_history")
+tools = [StableDiffusionTool().langchain, ImageCaptioningTool().langchain,
+         StableDiffusionPromptGeneratorTool().langchain, TextToVideoTool().langchain]
+
+
+agent = initialize_agent(tools, llm, memory=memory, agent="conversational-react-description", verbose=True)
+output = agent.run(input=("Please create a photo of a dog riding a skateboard "
+                          "but improve my prompt prior to using an image generator."
+                          "Please caption the generated image and create a video for it using the improved prompt."))
+```
+
+You'll note that we are using some pre-built tools that come with `gradio_tools`. Please see this [doc](https://github.com/freddyaboulton/gradio-tools#gradio-tools-gradio--llm-agents) for a complete list of the tools that come with `gradio_tools`.
+If you would like to use a tool that's not currently in `gradio_tools`, it is very easy to add your own. That's what the next section will cover.
+
+## gradio_tools - creating your own tool
+
+The core abstraction is the `GradioTool`, which lets you define a new tool for your LLM as long as you implement a standard interface:
+
+```python
+class GradioTool(BaseTool):
+
+    def __init__(self, name: str, description: str, src: str) -> None:
+
+    @abstractmethod
+    def create_job(self, query: str) -> Job:
+        pass
+
+    @abstractmethod
+    def postprocess(self, output: Tuple[Any] | Any) -> str:
+        pass
+```
+
+The requirements are:
+
+1. The name for your tool
+2. The description for your tool. This is crucial! Agents decide which tool to use based on their description. Be precise and be sure to include example of what the input and the output of the tool should look like.
+3. The url or space id, e.g. `freddyaboulton/calculator`, of the Gradio application. Based on this value, `gradio_tool` will create a [gradio client](https://github.com/gradio-app/gradio/blob/main/client/python/README.md) instance to query the upstream application via API. Be sure to click the link and learn more about the gradio client library if you are not familiar with it.
+4. create_job - Given a string, this method should parse that string and return a job from the client. Most times, this is as simple as passing the string to the `submit` function of the client. More info on creating jobs [here](https://github.com/gradio-app/gradio/blob/main/client/python/README.md#making-a-prediction)
+5. postprocess - Given the result of the job, convert it to a string the LLM can display to the user.
+6. _Optional_ - Some libraries, e.g. [MiniChain](https://github.com/srush/MiniChain/tree/main), may need some info about the underlying gradio input and output types used by the tool. By default, this will return gr.Textbox() but
+   if you'd like to provide more accurate info, implement the `_block_input(self, gr)` and `_block_output(self, gr)` methods of the tool. The `gr` variable is the gradio module (the result of `import gradio as gr`). It will be
+   automatically imported by the `GradiTool` parent class and passed to the `_block_input` and `_block_output` methods.
+
+And that's it!
+
+Once you have created your tool, open a pull request to the `gradio_tools` repo! We welcome all contributions.
+
+## Example tool - Stable Diffusion
+
+Here is the code for the StableDiffusion tool as an example:
+
+```python
+from gradio_tool import GradioTool
+import os
+
+class StableDiffusionTool(GradioTool):
+    """Tool for calling stable diffusion from llm"""
+
+    def __init__(
+        self,
+        name="StableDiffusion",
+        description=(
+            "An image generator. Use this to generate images based on "
+            "text input. Input should be a description of what the image should "
+            "look like. The output will be a path to an image file."
+        ),
+        src="gradio-client-demos/stable-diffusion",
+        token=None,
+    ) -> None:
+        super().__init__(name, description, src, token)
+
+    def create_job(self, query: str) -> Job:
+        return self.client.submit(query, "", 9, fn_index=1)
+
+    def postprocess(self, output: str) -> str:
+        return [os.path.join(output, i) for i in os.listdir(output) if not i.endswith("json")][0]
+
+    def _block_input(self, gr) -> "gr.components.Component":
+        return gr.Textbox()
+
+    def _block_output(self, gr) -> "gr.components.Component":
+        return gr.Image()
+```
+
+Some notes on this implementation:
+
+1. All instances of `GradioTool` have an attribute called `client` that is a pointed to the underlying [gradio client](https://github.com/gradio-app/gradio/tree/main/client/python#gradio_client-use-a-gradio-app-as-an-api----in-3-lines-of-python). That is what you should use
+   in the `create_job` method.
+2. `create_job` just passes the query string to the `submit` function of the client with some other parameters hardcoded, i.e. the negative prompt string and the guidance scale. We could modify our tool to also accept these values from the input string in a subsequent version.
+3. The `postprocess` method simply returns the first image from the gallery of images created by the stable diffusion space. We use the `os` module to get the full path of the image.
+
+## Conclusion
+
+You now know how to extend the abilities of your LLM with the 1000s of gradio spaces running in the wild!
+Again, we welcome any contributions to the [gradio_tools](https://github.com/freddyaboulton/gradio-tools) library.
+We're excited to see the tools you all build!
diff --git a/guides/09_gradio-clients-and-lite/07_fastapi-app-with-the-gradio-client.md b/guides/09_gradio-clients-and-lite/07_fastapi-app-with-the-gradio-client.md
new file mode 100644
index 0000000..d5cb24f
--- /dev/null
+++ b/guides/09_gradio-clients-and-lite/07_fastapi-app-with-the-gradio-client.md
@@ -0,0 +1,197 @@
+# Building a Web App with the Gradio Python Client
+
+Tags: CLIENT, API, WEB APP
+
+In this guide, we will demonstrate how to use the `gradio_client` [Python library](getting-started-with-the-python-client/), which enables developers to make requests to a Gradio app programmatically, by creating an end-to-end example web app using FastAPI. The web app we will be building is called "Acapellify," and it will allow users to upload video files as input and return a version of that video without instrumental music. It will also display a gallery of generated videos.
+
+**Prerequisites**
+
+Before we begin, make sure you are running Python 3.9 or later, and have the following libraries installed:
+
+- `gradio_client`
+- `fastapi`
+- `uvicorn`
+
+You can install these libraries from `pip`:
+
+```bash
+$ pip install gradio_client fastapi uvicorn
+```
+
+You will also need to have ffmpeg installed. You can check to see if you already have ffmpeg by running in your terminal:
+
+```bash
+$ ffmpeg version
+```
+
+Otherwise, install ffmpeg [by following these instructions](https://www.hostinger.com/tutorials/how-to-install-ffmpeg).
+
+## Step 1: Write the Video Processing Function
+
+Let's start with what seems like the most complex bit -- using machine learning to remove the music from a video.
+
+Luckily for us, there's an existing Space we can use to make this process easier: [https://huggingface.co/spaces/abidlabs/music-separation](https://huggingface.co/spaces/abidlabs/music-separation). This Space takes an audio file and produces two separate audio files: one with the instrumental music and one with all other sounds in the original clip. Perfect to use with our client!
+
+Open a new Python file, say `main.py`, and start by importing the `Client` class from `gradio_client` and connecting it to this Space:
+
+```py
+from gradio_client import Client, handle_file
+
+client = Client("abidlabs/music-separation")
+
+def acapellify(audio_path):
+    result = client.predict(handle_file(audio_path), api_name="/predict")
+    return result[0]
+```
+
+That's all the code that's needed -- notice that the API endpoints returns two audio files (one without the music, and one with just the music) in a list, and so we just return the first element of the list.
+
+---
+
+**Note**: since this is a public Space, there might be other users using this Space as well, which might result in a slow experience. You can duplicate this Space with your own [Hugging Face token](https://huggingface.co/settings/tokens) and create a private Space that only you have will have access to and bypass the queue. To do that, simply replace the first two lines above with:
+
+```py
+from gradio_client import Client
+
+client = Client.duplicate("abidlabs/music-separation", token=YOUR_HF_TOKEN)
+```
+
+Everything else remains the same!
+
+---
+
+Now, of course, we are working with video files, so we first need to extract the audio from the video files. For this, we will be using the `ffmpeg` library, which does a lot of heavy lifting when it comes to working with audio and video files. The most common way to use `ffmpeg` is through the command line, which we'll call via Python's `subprocess` module:
+
+Our video processing workflow will consist of three steps:
+
+1. First, we start by taking in a video filepath and extracting the audio using `ffmpeg`.
+2. Then, we pass in the audio file through the `acapellify()` function above.
+3. Finally, we combine the new audio with the original video to produce a final acapellified video.
+
+Here's the complete code in Python, which you can add to your `main.py` file:
+
+```python
+import subprocess
+
+def process_video(video_path):
+    old_audio = os.path.basename(video_path).split(".")[0] + ".m4a"
+    subprocess.run(['ffmpeg', '-y', '-i', video_path, '-vn', '-acodec', 'copy', old_audio])
+
+    new_audio = acapellify(old_audio)
+
+    new_video = f"acap_{video_path}"
+    subprocess.call(['ffmpeg', '-y', '-i', video_path, '-i', new_audio, '-map', '0:v', '-map', '1:a', '-c:v', 'copy', '-c:a', 'aac', '-strict', 'experimental', f"static/{new_video}"])
+    return new_video
+```
+
+You can read up on [ffmpeg documentation](https://ffmpeg.org/ffmpeg.html) if you'd like to understand all of the command line parameters, as they are beyond the scope of this tutorial.
+
+## Step 2: Create a FastAPI app (Backend Routes)
+
+Next up, we'll create a simple FastAPI app. If you haven't used FastAPI before, check out [the great FastAPI docs](https://fastapi.tiangolo.com/). Otherwise, this basic template, which we add to `main.py`, will look pretty familiar:
+
+```python
+import os
+from fastapi import FastAPI, File, UploadFile, Request
+from fastapi.responses import HTMLResponse, RedirectResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+
+app = FastAPI()
+os.makedirs("static", exist_ok=True)
+app.mount("/static", StaticFiles(directory="static"), name="static")
+templates = Jinja2Templates(directory="templates")
+
+videos = []
+
+@app.get("/", response_class=HTMLResponse)
+async def home(request: Request):
+    return templates.TemplateResponse(
+        "home.html", {"request": request, "videos": videos})
+
+@app.post("/uploadvideo/")
+async def upload_video(video: UploadFile = File(...)):
+    video_path = video.filename
+    with open(video_path, "wb+") as fp:
+        fp.write(video.file.read())
+
+    new_video = process_video(video.filename)
+    videos.append(new_video)
+    return RedirectResponse(url='/', status_code=303)
+```
+
+In this example, the FastAPI app has two routes: `/` and `/uploadvideo/`.
+
+The `/` route returns an HTML template that displays a gallery of all uploaded videos.
+
+The `/uploadvideo/` route accepts a `POST` request with an `UploadFile` object, which represents the uploaded video file. The video file is "acapellified" via the `process_video()` method, and the output video is stored in a list which stores all of the uploaded videos in memory.
+
+Note that this is a very basic example and if this were a production app, you will need to add more logic to handle file storage, user authentication, and security considerations.
+
+## Step 3: Create a FastAPI app (Frontend Template)
+
+Finally, we create the frontend of our web application. First, we create a folder called `templates` in the same directory as `main.py`. We then create a template, `home.html` inside the `templates` folder. Here is the resulting file structure:
+
+```csv
+├── main.py
+├── templates
+│   └── home.html
+```
+
+Write the following as the contents of `home.html`:
+
+```html
+&lt;!DOCTYPE html> &lt;html> &lt;head> &lt;title>Video Gallery&lt;/title>
+&lt;style> body { font-family: sans-serif; margin: 0; padding: 0;
+background-color: #f5f5f5; } h1 { text-align: center; margin-top: 30px;
+margin-bottom: 20px; } .gallery { display: flex; flex-wrap: wrap;
+justify-content: center; gap: 20px; padding: 20px; } .video { border: 2px solid
+#ccc; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border-radius: 5px; overflow:
+hidden; width: 300px; margin-bottom: 20px; } .video video { width: 100%; height:
+200px; } .video p { text-align: center; margin: 10px 0; } form { margin-top:
+20px; text-align: center; } input[type="file"] { display: none; } .upload-btn {
+display: inline-block; background-color: #3498db; color: #fff; padding: 10px
+20px; font-size: 16px; border: none; border-radius: 5px; cursor: pointer; }
+.upload-btn:hover { background-color: #2980b9; } .file-name { margin-left: 10px;
+} &lt;/style> &lt;/head> &lt;body> &lt;h1>Video Gallery&lt;/h1> {% if videos %}
+&lt;div class="gallery"> {% for video in videos %} &lt;div class="video">
+&lt;video controls> &lt;source src="{{ url_for('static', path=video) }}"
+type="video/mp4"> Your browser does not support the video tag. &lt;/video>
+&lt;p>{{ video }}&lt;/p> &lt;/div> {% endfor %} &lt;/div> {% else %} &lt;p>No
+videos uploaded yet.&lt;/p> {% endif %} &lt;form action="/uploadvideo/"
+method="post" enctype="multipart/form-data"> &lt;label for="video-upload"
+class="upload-btn">Choose video file&lt;/label> &lt;input type="file"
+name="video" id="video-upload"> &lt;span class="file-name">&lt;/span> &lt;button
+type="submit" class="upload-btn">Upload&lt;/button> &lt;/form> &lt;script> //
+Display selected file name in the form const fileUpload =
+document.getElementById("video-upload"); const fileName =
+document.querySelector(".file-name"); fileUpload.addEventListener("change", (e)
+=> { fileName.textContent = e.target.files[0].name; }); &lt;/script> &lt;/body>
+&lt;/html>
+```
+
+## Step 4: Run your FastAPI app
+
+Finally, we are ready to run our FastAPI app, powered by the Gradio Python Client!
+
+Open up a terminal and navigate to the directory containing `main.py`. Then run the following command in the terminal:
+
+```bash
+$ uvicorn main:app
+```
+
+You should see an output that looks like this:
+
+```csv
+Loaded as API: https://abidlabs-music-separation.hf.space ✔
+INFO:     Started server process [1360]
+INFO:     Waiting for application startup.
+INFO:     Application startup complete.
+INFO:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
+```
+
+And that's it! Start uploading videos and you'll get some "acapellified" videos in response (might take seconds to minutes to process depending on the length of your videos). Here's how the UI looks after uploading two videos:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/acapellify.png)
+
+If you'd like to learn more about how to use the Gradio Python Client in your projects, [read the dedicated Guide](/guides/getting-started-with-the-python-client/).
diff --git a/guides/09_gradio-clients-and-lite/08_server-mode.md b/guides/09_gradio-clients-and-lite/08_server-mode.md
new file mode 100644
index 0000000..0476966
--- /dev/null
+++ b/guides/09_gradio-clients-and-lite/08_server-mode.md
@@ -0,0 +1,137 @@
+# Server mode
+
+Tags: API, MCP, FASTAPI, SERVER
+
+In this post, we will demonstrate how to build a completely custom frontend for your Gradio application, while still utilizing Gradio's backend, which means you still get an API server with queuing and streaming, MCP tool support, ZeroGPU support, and hosting on Hugging Face Spaces.
+
+To do this, you use **Server mode**: instantiate `gradio.Server` directly. The `gradio.Server` class is a FastAPI server with Gradio's API engine built in, so you get all the backend benefits with complete flexibility on what kind of frontend (e.g. a React app, a simple HTML page, or any vibe-coded frontend), if any, you'd like to launch alongside the backend server.
+
+## When to use `gradio.Server`
+
+Use `gradio.Server` instead of `gr.Blocks` when any of the following apply:
+
+- You want a **completely custom (potentially vibe-coded) UI** (your own HTML, React, Svelte, etc.) powered by Gradio's backend
+- You want **full FastAPI control** (custom GET/POST routes, middleware, dependency injection) alongside Gradio API endpoints
+- You're building a service to **host on Spaces** with or without ZeroGPU but don't need Gradio components
+
+If you're happy with Gradio's built-in UI components, use `gr.Blocks`, `gr.ChatInterface`, or `gr.Interface` instead.
+
+## Installation
+
+`gradio.Server` is included in the main Gradio package. If you want MCP support, install the extra:
+
+```bash
+pip install "gradio[mcp]"
+```
+
+## A Minimal Example
+
+Here's the simplest possible Server mode app — a single API endpoint with no UI:
+
+```python
+from gradio import Server
+
+app = Server()
+
+@app.api(name="hello")
+def hello(name: str) -> str:
+    return f"Hello, {name}!"
+
+app.launch()
+```
+
+That's it. When you run this script, you get:
+
+- A Gradio API endpoint at `/gradio_api/call/hello` with queuing and SSE streaming
+- Auto-generated API docs at `/gradio_api/info`
+- A Python and JavaScript client that can call `/hello` by name
+
+You can test it with the Gradio Python client:
+
+```python
+from gradio_client import Client
+
+client = Client("http://localhost:7860")
+result = client.predict("World", api_name="/hello")
+print(result)  # "Hello, World!"
+```
+
+## Custom Routes
+
+Since `gradio.Server` inherits from FastAPI, you can add any route directly:
+
+```python
+from gradio import Server
+from fastapi.responses import HTMLResponse
+
+app = Server()
+
+@app.api(name="hello")
+def hello(name: str) -> str:
+    return f"Hello, {name}!"
+
+@app.get("/", response_class=HTMLResponse)
+async def homepage():
+    return "<h1>Welcome to my API</h1>"
+
+@app.get("/health")
+async def health():
+    return {"status": "ok"}
+
+app.launch()
+```
+
+Your custom routes take priority over Gradio's default routes. For example, your `GET /` replaces Gradio's default UI page.
+
+You can also use all standard FastAPI features — `app.add_middleware()`, `app.include_router()`, dependency injection, exception handlers, and so on.
+
+## MCP Tools
+
+To expose your API endpoints as MCP tools, add the `@app.mcp.tool()` decorator and pass `mcp_server=True` to `launch()`:
+
+```python
+from gradio import Server
+
+app = Server()
+
+@app.mcp.tool(name="hello")
+@app.api(name="hello")
+def hello(name: str) -> str:
+    """Greet someone by name."""
+    return f"Hello, {name}!"
+
+app.launch(mcp_server=True)
+```
+
+The `@app.mcp.tool()` and `@app.api()` decorators are independent — you can have API-only endpoints or MCP-only tools. Stack both when you want a function available through both.
+
+## A Complete Example with the JavaScript Client
+
+This example combines everything: custom HTML served at `/`, Gradio API endpoints with concurrency limits, MCP tools, and a custom REST endpoint, and two connected via [the Gradio JavaScript client](/guides/getting-started-with-the-js-client).
+
+$code_server_app
+
+Run it with:
+
+```bash
+python run.py
+```
+
+Then open `http://localhost:7860` in your browser. The custom HTML page uses the `@gradio/client` JavaScript library to call the Gradio API endpoints. Meanwhile, the same endpoints are available as MCP tools and through the REST API at `/gradio_api/call/add` and `/gradio_api/call/multiply`.
+
+Note: if your `Server` app uses ZeroGPU, you _must_ call Gradio API endpoints through `@gradio/client` from the browser. The JavaScript client forwards the Hugging Face iframe auth headers needed for ZeroGPU quota handling.
+
+## Concurrency and Streaming
+
+`app.api()` supports all of the same concurrency and streaming options as `gr.api()`:
+
+```python
+@app.api(name="generate", concurrency_limit=2, stream_every=0.5)
+async def generate(prompt: str):
+    for token in model.generate(prompt):
+        yield token
+```
+
+Generator functions automatically stream results via SSE, just like in a regular Gradio app. The `concurrency_limit` parameter controls how many concurrent calls to this endpoint are allowed. By default, this is set to 1, since many ML workloads that run on GPU can only support a single user at a time. However, you can increase this, or set to `None` to use FastAPI defaults, if you are e.g. calling an external API.
+
+For the full API reference, see the [`Server` documentation](/docs/gradio/server).
diff --git a/guides/10_mcp/01_building-mcp-server-with-gradio.md b/guides/10_mcp/01_building-mcp-server-with-gradio.md
new file mode 100644
index 0000000..4472f47
--- /dev/null
+++ b/guides/10_mcp/01_building-mcp-server-with-gradio.md
@@ -0,0 +1,431 @@
+# Building an MCP Server with Gradio
+
+Tags: MCP, TOOL, LLM, SERVER
+
+In this guide, we will describe how to launch your Gradio app so that it functions as an MCP Server.
+
+Punchline: it's as simple as setting `mcp_server=True` in `.launch()`. 
+
+### Prerequisites
+
+If not already installed, please install Gradio with the MCP extra:
+
+```bash
+pip install "gradio[mcp]"
+```
+
+This will install the necessary dependencies, including the `mcp` package. Also, you will need an LLM application that supports tool calling using the MCP protocol, such as Claude Desktop, Cursor, or Cline (these are known as "MCP Clients").
+
+## What is an MCP Server?
+
+An MCP (Model Control Protocol) server is a standardized way to expose tools so that they can be used by  LLMs. A tool can provide an LLM functionality that it does not have natively, such as the ability to generate images or calculate the prime factors of a number. 
+
+## Example: Counting Letters in a Word
+
+LLMs are famously not great at counting the number of letters in a word (e.g. the number of "r"-s in "strawberry"). But what if we equip them with a tool to help? Let's start by writing a simple Gradio app that counts the number of letters in a word or phrase:
+
+$code_letter_counter
+
+Notice that we have: (1) included a detailed docstring for our function, and (2) set `mcp_server=True` in `.launch()`. This is all that's needed for your Gradio app to serve as an MCP server! Now, when you run this app, it will:
+
+1. Start the regular Gradio web interface
+2. Start the MCP server
+3. Print the MCP server URL in the console
+
+The MCP server will be accessible at:
+```
+http://your-server:port/gradio_api/mcp/
+```
+
+Gradio automatically converts the `letter_counter` function into an MCP tool that can be used by LLMs. The docstring of the function and the type hints of arguments will be used to generate the description of the tool and its parameters. The name of the function will be used as the name of your tool. Any initial values you provide to your input components (e.g. "strawberry" and "r" in the `gr.Textbox` components above) will be used as the default values if your LLM doesn't specify a value for that particular input parameter.
+
+Now, all you need to do is add this URL endpoint to your MCP Client (e.g. Claude Desktop, Cursor, or Cline), which typically means pasting this config in the settings:
+
+```
+{
+  "mcpServers": {
+    "gradio": {
+      "url": "http://your-server:port/gradio_api/mcp/"
+    }
+  }
+}
+```
+
+(By the way, you can find the exact config to copy-paste by going to the "View API" link in the footer of your Gradio app, and then clicking on "MCP").
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api-mcp.png)
+
+## Key features of the Gradio <> MCP Integration
+
+1. **Tool Conversion**: Each API endpoint in your Gradio app is automatically converted into an MCP tool with a corresponding name, description, and input schema. To view the tools and schemas, visit http://your-server:port/gradio_api/mcp/schema or go to the "View API" link in the footer of your Gradio app, and then click on "MCP".
+
+
+2. **Environment variable support**. There are two ways to enable the MCP server functionality:
+
+*  Using the `mcp_server` parameter, as shown above:
+   ```python
+   demo.launch(mcp_server=True)
+   ```
+
+* Using environment variables:
+   ```bash
+   export GRADIO_MCP_SERVER=True
+   ```
+
+3. **File Handling**: The Gradio MCP server automatically handles file data conversions, including:
+   - Processing image files and returning them in the correct format
+   - Managing temporary file storage
+
+    By default, the Gradio MCP server accepts input images and files as full URLs ("http://..." or "https:/..."). For convenience, an additional STDIO-based MCP server is also generated, which can be used to upload files to any remote Gradio app and which returns a URL that can be used for subsequent tool calls.
+
+4. **Hosted MCP Servers on 󠀠🤗 Spaces**: You can publish your Gradio application for free on Hugging Face Spaces, which will allow you to have a free hosted MCP server. Here's an example of such a Space: https://huggingface.co/spaces/abidlabs/mcp-tools. Notice that you can add this config to your MCP Client to start using the tools from this Space immediately:
+
+```
+{
+  "mcpServers": {
+    "gradio": {
+      "url": "https://abidlabs-mcp-tools.hf.space/gradio_api/mcp/"
+    }
+  }
+}
+```
+
+<video src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/mcp_guide1.mp4" style="width:100%" controls preload> </video>
+
+Tip: To minimize latency and increase throughput by as much as 10 times, set queue=False in the event handlers of your Gradio app. However, this disables progress notifications so its recommended that long running events set queue=True
+
+## Converting an Existing Space
+
+If there's an existing Space that you'd like to use an MCP server, you'll need to do three things:
+
+1. First, [duplicate the Space](https://huggingface.co/docs/hub/en/spaces-more-ways-to-create#duplicating-a-space) if it is not your own Space. This will allow you to make changes to the app. If the Space requires a GPU, set the hardware of the duplicated Space to be same as the original Space. You can make it either a public Space or a private Space, since it is possible to use either as an MCP server, as described below.
+2. Then, add docstrings to the functions that you'd like the LLM to be able to call as a tool. The docstring should be in the same format as the example code above.
+3. Finally, add `mcp_server=True` in `.launch()`.
+
+That's it!
+
+## Private Spaces
+
+You can use either a public Space or a private Space as an MCP server. If you'd like to use a private Space as an MCP server (or a ZeroGPU Space with your own quota), then you will need to provide your [Hugging Face token](https://huggingface.co/settings/token) when you make your request. To do this, simply add it as a header in your config like this:
+
+```
+{
+  "mcpServers": {
+    "gradio": {
+      "url": "https://abidlabs-mcp-tools.hf.space/gradio_api/mcp/",
+      "headers": {
+        "Authorization": "Bearer <YOUR-HUGGING-FACE-TOKEN>"
+      }
+    }
+  }
+}
+```
+
+## Authentication and Credentials
+
+You may wish to authenticate users more precisely or let them provide other kinds of credentials or tokens in order to provide a custom experience for different users. 
+
+Gradio allows you to access the underlying `starlette.Request` that has made the tool call, which means that you can access headers, originating IP address, or any other information that is part of the network request. To do this, simply add a parameter in your function of the type `gr.Request`, and Gradio will automatically inject the request object as the parameter.
+
+Here's an example:
+
+```py
+import gradio as gr
+
+def echo_headers(x, request: gr.Request):
+    return str(dict(request.headers))
+
+gr.Interface(echo_headers, "textbox", "textbox").launch(mcp_server=True)
+```
+
+This MCP server will simply ignore the user's input and echo back all of the headers from a user's request. One can build more complex apps using the same idea. See the [docs on `gr.Request`](https://www.gradio.app/main/docs/gradio/request) for more information (note that only the core Starlette attributes of the `gr.Request` object will be present, attributes such as Gradio's `.session_hash` will not be present).
+
+### Using the gr.Header class
+
+A common pattern in MCP server development is to use authentication headers to call services on behalf of your users. Instead of using a `gr.Request` object like in the example above, you can use a `gr.Header` argument. Gradio will automatically extract that header from the incoming request (if it exists) and pass it to your function.
+
+In the example below, the `X-API-Token` header is extracted from the incoming request and passed in as the `x_api_token` argument to `make_api_request_on_behalf_of_user`.
+
+The benefit of using `gr.Header` is that the MCP connection docs will automatically display the headers you need to supply when connecting to the server! See the image below:
+
+```python
+import gradio as gr
+
+def make_api_request_on_behalf_of_user(prompt: str, x_api_token: gr.Header):
+    """Make a request to everyone's favorite API.
+    Args:
+        prompt: The prompt to send to the API.
+    Returns:
+        The response from the API.
+    Raises:
+        AssertionError: If the API token is not valid.
+    """
+    return "Hello from the API" if not x_api_token else "Hello from the API with token!"
+
+
+demo = gr.Interface(
+    make_api_request_on_behalf_of_user,
+    [
+        gr.Textbox(label="Prompt"),
+    ],
+    gr.Textbox(label="Response"),
+)
+
+demo.launch(mcp_server=True)
+```
+
+![MCP Header Connection Page](https://github.com/user-attachments/assets/e264eedf-a91a-476b-880d-5be0d5934134)
+
+### Sending Progress Updates
+
+The Gradio MCP server automatically sends progress updates to your MCP Client based on the queue in the Gradio application. If you'd like to send custom progress updates, you can do so using the same mechanism as you would use to display progress updates in the UI of your Gradio app: by using the `gr.Progress` class!
+
+Here's an example of how to do this:
+
+$code_mcp_progress
+
+[Here are the docs](https://www.gradio.app/docs/gradio/progress) for the `gr.Progress` class, which can also automatically track `tqdm` calls.
+
+Note: by default, progress notifications are enabled for all MCP tools, even if the corresponding Gradio functions do not include a `gr.Progress`. However, this can add some overhead to the MCP tool (typically ~500ms). To disable progress notification, you can set `queue=False` in your Gradio event handler to skip the overhead related to subscribing to the queue's progress updates.
+
+
+## Modifying Tool Descriptions
+
+Gradio automatically sets the tool name based on the name of your function, and the description from the docstring of your function. But you may want to change how the description appears to your LLM. You can do this by using the `api_description` parameter in `Interface`, `ChatInterface`, or any event listener. This parameter takes three different kinds of values:
+
+* `None` (default): the tool description is automatically created from the docstring of the function (or its parent's docstring if it does not have a docstring but inherits from a method that does.)
+* `False`: no tool description appears to the LLM.
+* `str`: an arbitrary string to use as the tool description.
+
+In addition to modifying the tool descriptions, you can also toggle which tools appear to the LLM. You can do this by setting the `show_api` parameter, which is by default `True`. Setting it to `False` hides the endpoint from the API docs and from the MCP server. If you expose multiple tools, users of your app will also be able to toggle which tools they'd like to add to their MCP server by checking boxes in the "view MCP or API" panel.
+
+Here's an example that shows the `api_description` and `show_api` parameters in actions:
+
+$code_mcp_tools
+
+
+
+## MCP Resources and Prompts
+
+In addition to tools (which execute functions generally and are the default for any function exposed through the Gradio MCP integration), MCP supports two other important primitives: **resources** (for exposing data) and **prompts** (for defining reusable templates). Gradio provides decorators to easily create MCP servers with all three capabilities.
+
+
+### Creating MCP Resources
+
+Use the `@gr.mcp.resource` decorator on any function to expose data through your Gradio app. Resources can be static (always available at a fixed URI) or templated (with parameters in the URI).
+
+$code_mcp_resources_and_prompts
+
+In this example:
+- The `get_greeting` function is exposed as a resource with a URI template `greeting://{name}`
+- When an MCP client requests `greeting://Alice`, it receives "Hello, Alice!"
+- Resources can also return images and other types of files or binary data. In order to return non-text data, you should specify the `mime_type` parameter in `@gr.mcp.resource()` and return a Base64 string from your function.
+
+### Creating MCP Prompts  
+
+Prompts help standardize how users interact with your tools. They're especially useful for complex workflows that require specific formatting or multiple steps.
+
+The `greet_user` function in the example above is decorated with `@gr.mcp.prompt()`, which:
+- Makes it available as a prompt template in MCP clients
+- Accepts parameters (`name` and `style`) to customize the output
+- Returns a structured prompt that guides the LLM's behavior
+
+
+## Adding MCP-Only Functions
+
+So far, all of our MCP tools, resources, or prompts have corresponded to event listeners in the UI. This works well for functions that directly update the UI, but may not work if you wish to expose a "pure logic" function that should return raw data (e.g. a JSON object) without directly causing a UI update.
+
+In order to expose such an MCP tool, you can create a pure Gradio API endpoint using `gr.api` (see [full docs here](https://www.gradio.app/main/docs/gradio/api)). Here's an example of creating an MCP tool that slices a list:
+
+$code_mcp_tool_only
+
+Note that if you use this approach, your function signature must be fully typed, including the return value, as these signature are used to determine the typing information for the MCP tool.
+
+## Gradio with FastMCP
+
+In some cases, you may decide not to use Gradio's built-in integration and instead manually create an FastMCP Server that calls a Gradio app. This approach is useful when you want to:
+
+- Store state / identify users between calls instead of treating every tool call completely independently
+- Start the Gradio app MCP server when a tool is called (if you are running multiple Gradio apps locally and want to save memory / GPU)
+
+This is very doable thanks to the [Gradio Python Client](https://www.gradio.app/guides/getting-started-with-the-python-client) and the [MCP Python SDK](https://github.com/modelcontextprotocol/python-sdk)'s `FastMCP` class. Here's an example of creating a custom MCP server that connects to various Gradio apps hosted on [HuggingFace Spaces](https://huggingface.co/spaces) using the `stdio` protocol:
+
+```python
+from mcp.server.fastmcp import FastMCP
+from gradio_client import Client
+import sys
+import io
+import json 
+
+mcp = FastMCP("gradio-spaces")
+
+clients = {}
+
+def get_client(space_id: str) -> Client:
+    """Get or create a Gradio client for the specified space."""
+    if space_id not in clients:
+        clients[space_id] = Client(space_id)
+    return clients[space_id]
+
+
+@mcp.tool()
+async def generate_image(prompt: str, space_id: str = "ysharma/SanaSprint") -> str:
+    """Generate an image using Flux.
+    
+    Args:
+        prompt: Text prompt describing the image to generate
+        space_id: HuggingFace Space ID to use 
+    """
+    client = get_client(space_id)
+    result = client.predict(
+            prompt=prompt,
+            model_size="1.6B",
+            seed=0,
+            randomize_seed=True,
+            width=1024,
+            height=1024,
+            guidance_scale=4.5,
+            num_inference_steps=2,
+            api_name="/infer"
+    )
+    return result
+
+
+@mcp.tool()
+async def run_dia_tts(prompt: str, space_id: str = "ysharma/Dia-1.6B") -> str:
+    """Text-to-Speech Synthesis.
+    
+    Args:
+        prompt: Text prompt describing the conversation between speakers S1, S2
+        space_id: HuggingFace Space ID to use 
+    """
+    client = get_client(space_id)
+    result = client.predict(
+            text_input=f"""{prompt}""",
+            audio_prompt_input=None, 
+            max_new_tokens=3072,
+            cfg_scale=3,
+            temperature=1.3,
+            top_p=0.95,
+            cfg_filter_top_k=30,
+            speed_factor=0.94,
+            api_name="/generate_audio"
+    )
+    return result
+
+
+if __name__ == "__main__":
+    import sys
+    import io
+    sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='utf-8')
+    
+    mcp.run(transport='stdio')
+```
+
+This server exposes two tools:
+1. `run_dia_tts` - Generates a conversation for the given transcript in the form of `[S1]first-sentence. [S2]second-sentence. [S1]...`
+2. `generate_image` - Generates images using a fast text-to-image model
+
+To use this MCP Server with Claude Desktop (as MCP Client):
+
+1. Save the code to a file (e.g., `gradio_mcp_server.py`)
+2. Install the required dependencies: `pip install mcp gradio-client`
+3. Configure Claude Desktop to use your server by editing the configuration file at `~/Library/Application Support/Claude/claude_desktop_config.json` (macOS) or `%APPDATA%\Claude\claude_desktop_config.json` (Windows):
+
+```json
+{
+    "mcpServers": {
+        "gradio-spaces": {
+            "command": "python",
+            "args": [
+                "/absolute/path/to/gradio_mcp_server.py"
+            ]
+        }
+    }
+}
+```
+
+4. Restart Claude Desktop
+
+Now, when you ask Claude about generating an image or transcribing audio, it can use your Gradio-powered tools to accomplish these tasks.
+
+
+## Troubleshooting your MCP Servers
+
+The MCP protocol is still in its infancy and you might see issues connecting to an MCP Server that you've built. We generally recommend using the [MCP Inspector Tool](https://github.com/modelcontextprotocol/inspector) to try connecting and debugging your MCP Server.
+
+Here are some things that may help:
+
+**1. Ensure that you've provided type hints and valid docstrings for your functions**
+
+As mentioned earlier, Gradio reads the docstrings for your functions and the type hints of input arguments to generate the description of the tool and parameters. A valid function and docstring looks like this (note the "Args:" block with indented parameter names underneath):
+
+```py
+def image_orientation(image: Image.Image) -> str:
+    """
+    Returns whether image is portrait or landscape.
+
+    Args:
+        image (Image.Image): The image to check.
+    """
+    return "Portrait" if image.height > image.width else "Landscape"
+```
+
+Note: You can preview the schema that is created for your MCP server by visiting the `http://your-server:port/gradio_api/mcp/schema` URL.
+
+**2. Try accepting input arguments as `str`**
+
+Some MCP Clients do not recognize parameters that are numeric or other complex types, but all of the MCP Clients that we've tested accept `str` input parameters. When in doubt, change your input parameter to be a `str` and then cast to a specific type in the function, as in this example:
+
+```py
+def prime_factors(n: str):
+    """
+    Compute the prime factorization of a positive integer.
+
+    Args:
+        n (str): The integer to factorize. Must be greater than 1.
+    """
+    n_int = int(n)
+    if n_int <= 1:
+        raise ValueError("Input must be an integer greater than 1.")
+
+    factors = []
+    while n_int % 2 == 0:
+        factors.append(2)
+        n_int //= 2
+
+    divisor = 3
+    while divisor * divisor <= n_int:
+        while n_int % divisor == 0:
+            factors.append(divisor)
+            n_int //= divisor
+        divisor += 2
+
+    if n_int > 1:
+        factors.append(n_int)
+
+    return factors
+```
+
+**3. Ensure that your MCP Client Supports Streamable HTTP**
+
+Some MCP Clients do not yet support streamable HTTP-based MCP Servers. In those cases, you can use a tool such as [mcp-remote](https://github.com/geelen/mcp-remote). First install [Node.js](https://nodejs.org/en/download/). Then, add the following to your own MCP Client config:
+
+```
+{
+  "mcpServers": {
+    "gradio": {
+      "command": "npx",
+      "args": [
+        "mcp-remote",
+        "http://your-server:port/gradio_api/mcp/"
+      ]
+    }
+  }
+}
+```
+
+**4. Restart your MCP Client and MCP Server**
+
+Some MCP Clients require you to restart them every time you update the MCP configuration. Other times, if the connection between the MCP Client and servers breaks, you might need to restart the MCP server. If all else fails, try restarting both your MCP Client and MCP Servers!
+
diff --git a/guides/10_mcp/02_file-upload-mcp.md b/guides/10_mcp/02_file-upload-mcp.md
new file mode 100644
index 0000000..e47741c
--- /dev/null
+++ b/guides/10_mcp/02_file-upload-mcp.md
@@ -0,0 +1,48 @@
+# The File Upload MCP Server
+
+Tags: MCP, TOOL, LLM, SERVER, DOCS
+
+If you've tried to to use a remote Gradio MCP server that takes a file as input (image, video, audio), you've probably run into this error:
+
+<img src="https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/MCPError.png">
+
+The reason is that since the Gradio server is hosted on a different machine, any input files must be available via a public URL so that they can downloaded in the remote machine.
+
+There are many ways to host files on the internet, but they all require adding a manual step to your workflow. In the age of LLM agents, shouldn't we expect them to handle this step for you?
+
+In this post, we'll show how you can connect your LLM to the "File Upload" MCP server so that it can handle the file uploading for you when appropriate!
+
+## Using the File Upload MCP Server
+
+As of version 5.36.0, Gradio now comes with a built-in MCP server that can upload files to a running Gradio application. In the `View API` page of the server, you should see the following code snippet if any of the tools require file inputs:
+
+<img src="https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/MCPConnectionDocs.png">
+
+The command to start the MCP server takes two arguments:
+
+- The URL (or Hugging Face space id) of the gradio application to upload the files to. In this case, `http://127.0.0.1:7860`.
+- The local directory on your computer with which the server is allowed to upload files from (`<UPLOAD_DIRECTORY>`). For security, please make this directory as narrow as possible to prevent unintended file uploads.
+
+As stated in the image, you need to install [uv](https://docs.astral.sh/uv/getting-started/installation/) (a python package manager that can run python scripts) before connecting from your MCP client. 
+
+If you have gradio installed locally and you don't want to install uv, you can replace the `uvx` command with the path to gradio binary. It should look like this:
+
+```json
+"upload-files": {
+    "command": "<absoluate-path-to-gradio>",
+    "args": [
+    "upload-mcp",
+    "http://localhost:7860/",
+    "/Users/freddyboulton/Pictures"
+    ]
+}
+```
+
+After connecting to the upload server, your LLM agent will know when to upload files for you automatically!
+
+<img src="https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/Ghibliafy.png">
+
+## Conclusion
+
+In this guide, we've covered how you can connect to the Upload File MCP Server so that your agent can upload files before using Gradio MCP servers. Remember to set the `<UPLOAD_DIRECTORY>` as small as possible to prevent unintended file uploads!
+
diff --git a/guides/10_mcp/03_building-an-mcp-client-with-gradio.md b/guides/10_mcp/03_building-an-mcp-client-with-gradio.md
new file mode 100644
index 0000000..cda3e22
--- /dev/null
+++ b/guides/10_mcp/03_building-an-mcp-client-with-gradio.md
@@ -0,0 +1,415 @@
+# Using the Gradio Chatbot as an MCP Client
+
+This guide will walk you through a Model Context Protocol (MCP) Client and Server implementation with Gradio. You'll build a Gradio Chatbot that uses Anthropic's Claude API to respond to user messages, but also, as an MCP Client, generates images (by connecting to an MCP Server, which is a separate Gradio app). 
+
+<video src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/mcp-guides.mp4" style="width:100%" controls preload> </video>
+
+## What is MCP?
+
+The Model Context Protocol (MCP) standardizes how applications provide context to LLMs. It allows Claude to interact with external tools, like image generators, file systems, or APIs, etc.
+
+## Prerequisites
+
+- Python 3.10+
+- An Anthropic API key
+- Basic understanding of Python programming
+
+## Setup
+
+First, install the required packages:
+
+```bash
+pip install gradio anthropic mcp
+```
+
+Create a `.env` file in your project directory and add your Anthropic API key:
+
+```
+ANTHROPIC_API_KEY=your_api_key_here
+```
+
+## Part 1: Building the MCP Server
+
+The server provides tools that Claude can use. In this example, we'll create a server that generates images through [a HuggingFace space](https://huggingface.co/spaces/ysharma/SanaSprint).
+
+Create a file named `gradio_mcp_server.py`:
+
+```python
+from mcp.server.fastmcp import FastMCP
+import json
+import sys
+import io
+import time
+from gradio_client import Client
+
+sys.stdout = io.TextIOWrapper(sys.stdout.buffer, encoding='utf-8', errors='replace')
+sys.stderr = io.TextIOWrapper(sys.stderr.buffer, encoding='utf-8', errors='replace')
+
+mcp = FastMCP("huggingface_spaces_image_display")
+
+@mcp.tool()
+async def generate_image(prompt: str, width: int = 512, height: int = 512) -> str:
+    """Generate an image using SanaSprint model.
+    
+    Args:
+        prompt: Text prompt describing the image to generate
+        width: Image width (default: 512)
+        height: Image height (default: 512)
+    """
+    client = Client("https://ysharma-sanasprint.hf.space/")
+    
+    try:
+        result = client.predict(
+            prompt,
+            "0.6B",
+            0,
+            True,
+            width,
+            height,
+            4.0,
+            2,
+            api_name="/infer"
+        )
+        
+        if isinstance(result, list) and len(result) >= 1:
+            image_data = result[0]
+            if isinstance(image_data, dict) and "url" in image_data:
+                return json.dumps({
+                    "type": "image",
+                    "url": image_data["url"],
+                    "message": f"Generated image for prompt: {prompt}"
+                })
+        
+        return json.dumps({
+            "type": "error",
+            "message": "Failed to generate image"
+        })
+        
+    except Exception as e:
+        return json.dumps({
+            "type": "error",
+            "message": f"Error generating image: {str(e)}"
+        })
+
+if __name__ == "__main__":
+    mcp.run(transport='stdio')
+```
+
+### What this server does:
+
+1. It creates an MCP server that exposes a `generate_image` tool
+2. The tool connects to the SanaSprint model hosted on HuggingFace Spaces
+3. It handles the asynchronous nature of image generation by polling for results
+4. When an image is ready, it returns the URL in a structured JSON format
+
+## Part 2: Building the MCP Client with Gradio
+
+Now let's create a Gradio chat interface as MCP Client that connects Claude to our MCP server.
+
+Create a file named `app.py`:
+
+```python
+import asyncio
+import os
+import json
+from typing import List, Dict, Any, Union
+from contextlib import AsyncExitStack
+
+import gradio as gr
+from gradio.components.chatbot import ChatMessage
+from mcp import ClientSession, StdioServerParameters
+from mcp.client.stdio import stdio_client
+from anthropic import Anthropic
+from dotenv import load_dotenv
+
+load_dotenv()
+
+loop = asyncio.new_event_loop()
+asyncio.set_event_loop(loop)
+
+class MCPClientWrapper:
+    def __init__(self):
+        self.session = None
+        self.exit_stack = None
+        self.anthropic = Anthropic()
+        self.tools = []
+    
+    def connect(self, server_path: str) -> str:
+        return loop.run_until_complete(self._connect(server_path))
+    
+    async def _connect(self, server_path: str) -> str:
+        if self.exit_stack:
+            await self.exit_stack.aclose()
+        
+        self.exit_stack = AsyncExitStack()
+        
+        is_python = server_path.endswith('.py')
+        command = "python" if is_python else "node"
+        
+        server_params = StdioServerParameters(
+            command=command,
+            args=[server_path],
+            env={"PYTHONIOENCODING": "utf-8", "PYTHONUNBUFFERED": "1"}
+        )
+        
+        stdio_transport = await self.exit_stack.enter_async_context(stdio_client(server_params))
+        self.stdio, self.write = stdio_transport
+        
+        self.session = await self.exit_stack.enter_async_context(ClientSession(self.stdio, self.write))
+        await self.session.initialize()
+        
+        response = await self.session.list_tools()
+        self.tools = [{ 
+            "name": tool.name,
+            "description": tool.description,
+            "input_schema": tool.inputSchema
+        } for tool in response.tools]
+        
+        tool_names = [tool["name"] for tool in self.tools]
+        return f"Connected to MCP server. Available tools: {', '.join(tool_names)}"
+    
+    def process_message(self, message: str, history: List[Union[Dict[str, Any], ChatMessage]]) -> tuple:
+        if not self.session:
+            return history + [
+                {"role": "user", "content": message}, 
+                {"role": "assistant", "content": "Please connect to an MCP server first."}
+            ], gr.Textbox(value="")
+        
+        new_messages = loop.run_until_complete(self._process_query(message, history))
+        return history + [{"role": "user", "content": message}] + new_messages, gr.Textbox(value="")
+    
+    async def _process_query(self, message: str, history: List[Union[Dict[str, Any], ChatMessage]]):
+        claude_messages = []
+        for msg in history:
+            if isinstance(msg, ChatMessage):
+                role, content = msg.role, msg.content
+            else:
+                role, content = msg.get("role"), msg.get("content")
+            
+            if role in ["user", "assistant", "system"]:
+                claude_messages.append({"role": role, "content": content})
+        
+        claude_messages.append({"role": "user", "content": message})
+        
+        response = self.anthropic.messages.create(
+            model="claude-3-5-sonnet-20241022",
+            max_tokens=1000,
+            messages=claude_messages,
+            tools=self.tools
+        )
+
+        result_messages = []
+        
+        for content in response.content:
+            if content.type == 'text':
+                result_messages.append({
+                    "role": "assistant", 
+                    "content": content.text
+                })
+                
+            elif content.type == 'tool_use':
+                tool_name = content.name
+                tool_args = content.input
+                
+                result_messages.append({
+                    "role": "assistant",
+                    "content": f"I'll use the {tool_name} tool to help answer your question.",
+                    "metadata": {
+                        "title": f"Using tool: {tool_name}",
+                        "log": f"Parameters: {json.dumps(tool_args, ensure_ascii=True)}",
+                        "status": "pending",
+                        "id": f"tool_call_{tool_name}"
+                    }
+                })
+                
+                result_messages.append({
+                    "role": "assistant",
+                    "content": "```json\n" + json.dumps(tool_args, indent=2, ensure_ascii=True) + "\n```",
+                    "metadata": {
+                        "parent_id": f"tool_call_{tool_name}",
+                        "id": f"params_{tool_name}",
+                        "title": "Tool Parameters"
+                    }
+                })
+                
+                result = await self.session.call_tool(tool_name, tool_args)
+                
+                if result_messages and "metadata" in result_messages[-2]:
+                    result_messages[-2]["metadata"]["status"] = "done"
+                
+                result_messages.append({
+                    "role": "assistant",
+                    "content": "Here are the results from the tool:",
+                    "metadata": {
+                        "title": f"Tool Result for {tool_name}",
+                        "status": "done",
+                        "id": f"result_{tool_name}"
+                    }
+                })
+                
+                result_content = result.content
+                if isinstance(result_content, list):
+                    result_content = "\n".join(str(item) for item in result_content)
+                
+                try:
+                    result_json = json.loads(result_content)
+                    if isinstance(result_json, dict) and "type" in result_json:
+                        if result_json["type"] == "image" and "url" in result_json:
+                            result_messages.append({
+                                "role": "assistant",
+                                "content": {"path": result_json["url"], "alt_text": result_json.get("message", "Generated image")},
+                                "metadata": {
+                                    "parent_id": f"result_{tool_name}",
+                                    "id": f"image_{tool_name}",
+                                    "title": "Generated Image"
+                                }
+                            })
+                        else:
+                            result_messages.append({
+                                "role": "assistant",
+                                "content": "```\n" + result_content + "\n```",
+                                "metadata": {
+                                    "parent_id": f"result_{tool_name}",
+                                    "id": f"raw_result_{tool_name}",
+                                    "title": "Raw Output"
+                                }
+                            })
+                except:
+                    result_messages.append({
+                        "role": "assistant",
+                        "content": "```\n" + result_content + "\n```",
+                        "metadata": {
+                            "parent_id": f"result_{tool_name}",
+                            "id": f"raw_result_{tool_name}",
+                            "title": "Raw Output"
+                        }
+                    })
+                
+                claude_messages.append({"role": "user", "content": f"Tool result for {tool_name}: {result_content}"})
+                next_response = self.anthropic.messages.create(
+                    model="claude-3-5-sonnet-20241022",
+                    max_tokens=1000,
+                    messages=claude_messages,
+                )
+                
+                if next_response.content and next_response.content[0].type == 'text':
+                    result_messages.append({
+                        "role": "assistant",
+                        "content": next_response.content[0].text
+                    })
+
+        return result_messages
+
+client = MCPClientWrapper()
+
+def gradio_interface():
+    with gr.Blocks(title="MCP Weather Client") as demo:
+        gr.Markdown("# MCP Weather Assistant")
+        gr.Markdown("Connect to your MCP weather server and chat with the assistant")
+        
+        with gr.Row(equal_height=True):
+            with gr.Column(scale=4):
+                server_path = gr.Textbox(
+                    label="Server Script Path",
+                    placeholder="Enter path to server script (e.g., weather.py)",
+                    value="gradio_mcp_server.py"
+                )
+            with gr.Column(scale=1):
+                connect_btn = gr.Button("Connect")
+        
+        status = gr.Textbox(label="Connection Status", interactive=False)
+        
+        chatbot = gr.Chatbot(
+            value=[], 
+            height=500,
+            show_copy_button=True,
+            avatar_images=("👤", "🤖")
+        )
+        
+        with gr.Row(equal_height=True):
+            msg = gr.Textbox(
+                label="Your Question",
+                placeholder="Ask about weather or alerts (e.g., What's the weather in New York?)",
+                scale=4
+            )
+            clear_btn = gr.Button("Clear Chat", scale=1)
+        
+        connect_btn.click(client.connect, inputs=server_path, outputs=status)
+        msg.submit(client.process_message, [msg, chatbot], [chatbot, msg])
+        clear_btn.click(lambda: [], None, chatbot)
+        
+    return demo
+
+if __name__ == "__main__":
+    if not os.getenv("ANTHROPIC_API_KEY"):
+        print("Warning: ANTHROPIC_API_KEY not found in environment. Please set it in your .env file.")
+    
+    interface = gradio_interface()
+    interface.launch(debug=True)
+```
+
+### What this MCP Client does:
+
+- Creates a friendly Gradio chat interface for user interaction
+- Connects to the MCP server you specify
+- Handles conversation history and message formatting
+- Makes call to Claude API with tool definitions
+- Processes tool usage requests from Claude
+- Displays images and other tool outputs in the chat
+- Sends tool results back to Claude for interpretation
+
+## Running the Application
+
+To run your MCP application:
+
+- Start a terminal window and run the MCP Client:
+   ```bash
+   python app.py
+   ```
+- Open the Gradio interface at the URL shown (typically http://127.0.0.1:7860)
+- In the Gradio interface, you'll see a field for the MCP Server path. It should default to `gradio_mcp_server.py`.
+- Click "Connect" to establish the connection to the MCP server.
+- You should see a message indicating the server connection was successful.
+
+## Example Usage
+
+Now you can chat with Claude and it will be able to generate images based on your descriptions.
+
+Try prompts like:
+- "Can you generate an image of a mountain landscape at sunset?"
+- "Create an image of a cool tabby cat"
+- "Generate a picture of a panda wearing sunglasses"
+
+Claude will recognize these as image generation requests and automatically use the `generate_image` tool from your MCP server.
+
+
+## How it Works
+
+Here's the high-level flow of what happens during a chat session:
+
+1. Your prompt enters the Gradio interface
+2. The client forwards your prompt to Claude
+3. Claude analyzes the prompt and decides to use the `generate_image` tool
+4. The client sends the tool call to the MCP server
+5. The server calls the external image generation API
+6. The image URL is returned to the client
+7. The client sends the image URL back to Claude
+8. Claude provides a response that references the generated image
+9. The Gradio chat interface displays both Claude's response and the image
+
+
+## Next Steps
+
+Now that you have a working MCP system, here are some ideas to extend it:
+
+- Add more tools to your server
+- Improve error handling 
+- Add private Huggingface Spaces with authentication for secure tool access
+- Create custom tools that connect to your own APIs or services
+- Implement streaming responses for better user experience
+
+## Conclusion
+
+Congratulations! You've successfully built an MCP Client and Server that allows Claude to generate images based on text prompts. This is just the beginning of what you can do with Gradio and MCP. This guide enables you to build complex AI applications that can use Claude or any other powerful LLM to interact with virtually any external tool or service.
+
+Read our other Guide on using [Gradio apps as MCP Servers](./building-mcp-server-with-gradio).
diff --git a/guides/10_mcp/04_using-docs-mcp.md b/guides/10_mcp/04_using-docs-mcp.md
new file mode 100644
index 0000000..07f0cfd
--- /dev/null
+++ b/guides/10_mcp/04_using-docs-mcp.md
@@ -0,0 +1,83 @@
+# Using the Gradio Docs MCP Server
+
+Tags: MCP, TOOL, LLM, SERVER, DOCS
+
+In this guide, we will describe how to use the official Gradio Docs MCP Server.
+
+### Prerequisites
+
+You will need an LLM application that supports tool calling using the MCP protocol, such as Claude Desktop, Cursor, or Cline (these are known as "MCP Clients").
+
+## Why an MCP Server?
+
+If you're using LLMs in your workflow, adding this server will augment them with just the right context on gradio - which makes your experience a lot faster and smoother. 
+
+<video src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/mcp-docs.mp4" style="width:100%" controls preload> </video>
+
+The server is running on Spaces and was launched entirely using Gradio, you can see all the code [here](https://huggingface.co/spaces/gradio/docs-mcp). For more on building an mcp server with gradio, see the [previous guide](./building-an-mcp-client-with-gradio). 
+
+## Installing in the Clients 
+
+For clients that support streamable HTTP (e.g. Cursor, Windsurf, Cline), simply add the following configuration to your MCP config:
+
+```json
+{
+  "mcpServers": {
+    "gradio": {
+      "url": "https://gradio-docs-mcp.hf.space/gradio_api/mcp/"
+    }
+  }
+}
+```
+
+We've included step-by-step instructions for Cursor below, but you can consult the docs for Windsurf [here](https://docs.windsurf.com/windsurf/mcp), and Cline [here](https://docs.cline.bot/mcp-servers/configuring-mcp-servers) which are similar to set up. 
+
+
+
+### Cursor 
+
+1. Make sure you're using the latest version of Cursor, and go to Cursor > Settings > Cursor Settings > MCP 
+2. Click on '+ Add new global MCP server' 
+3. Copy paste this json into the file that opens and then save it. 
+```json
+{
+  "mcpServers": {
+    "gradio": {
+      "url": "https://gradio-docs-mcp.hf.space/gradio_api/mcp/"
+    }
+  }
+}
+```
+4. That's it! You should see the tools load and the status go green in the settings page. You may have to click the refresh icon or wait a few seconds. 
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/cursor-mcp.png)
+
+### Claude Desktop
+
+1. Since Claude Desktop only supports stdio, you will need to [install Node.js](https://nodejs.org/en/download/) to get this to work. 
+2. Make sure you're using the latest version of Claude Desktop, and go to Claude > Settings > Developer > Edit Config 
+3. Open the file with your favorite editor and copy paste this json, then save the file. 
+```json
+{
+  "mcpServers": {
+    "gradio": {
+      "command": "npx",
+      "args": [
+        "mcp-remote",
+        "https://gradio-docs-mcp.hf.space/gradio_api/mcp/"
+      ]
+    }
+  }
+}
+```
+4. Quit and re-open Claude Desktop, and you should be good to go. You should see it loaded in the Search and Tools icon or on the developer settings page. 
+ 
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/claude-desktop-mcp.gif)
+
+## Tools 
+
+There are currently only two tools in the server: `gradio_docs_mcp_load_gradio_docs` and `gradio_docs_mcp_search_gradio_docs`. 
+
+1. `gradio_docs_mcp_load_gradio_docs`: This tool takes no arguments and will load an /llms.txt style summary of Gradio's latest, full documentation. Very useful context the LLM can parse before answering questions or generating code. 
+
+2. `gradio_docs_mcp_search_gradio_docs`: This tool takes a query as an argument and will run embedding search on Gradio's docs, guides, and demos to return the most useful context for the LLM to parse.
\ No newline at end of file
diff --git a/guides/10_mcp/05_building-chatgpt-apps-with-gradio.md b/guides/10_mcp/05_building-chatgpt-apps-with-gradio.md
new file mode 100644
index 0000000..a75893d
--- /dev/null
+++ b/guides/10_mcp/05_building-chatgpt-apps-with-gradio.md
@@ -0,0 +1,210 @@
+# Building ChatGPT Apps with Gradio and Apps SDK
+
+[Apps in ChatGPT](https://openai.com/index/introducing-apps-in-chatgpt/) are a great way to let users try your machine learning models or other kinds of apps entirely by chatting in familiar chat application. OpenAI has released the [Apps SDK](https://developers.openai.com/apps-sdk/quickstart) for developers to build complete applications, but you can use Gradio to build ChatGPT apps very quickly, based off of your Gradio MCP server. We will also see how Gradio's built-in [share links](https://www.gradio.app/guides/sharing-your-app#sharing-demos) make it especially easy to iterate on your ChatGPT app!
+
+### Introduction
+
+Building a ChatGPT app requires doing two things:
+
+* Building a Gradio MCP server with at least one tool exposed. If you're not already familiar with building a Gradio MCP server, we recommend reading [this guide first](https://www.gradio.app/guides/building-mcp-server-with-gradio).
+
+* Building a custom UI with HTML, JavaScript, and CSS that will be displayed when your tool is called, an exposing that as an MCP resource. 
+
+We will walk through the steps in more detail below.
+
+### Prerequisites
+
+* You will need to enable "developer mode" in ChatGPT under Settings → Apps & Connectors → Advanced settings in ChatGPT. This currently requires a paid ChatGPT account.
+* You need to have `gradio>=6.0` installed with the `mcp` add-on:
+
+```bash
+pip install --upgrade gradio[mcp]
+```
+
+Now, let's walk through two examples of how you can build build ChatGPT apps with Gradio. 
+
+### Example 1: Letter Counter App
+
+The first example is an ChatGPT app that counts the occurrence of letters in a word and displays a card with the word and specified letters highlighted, like this:
+
+<video src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/letter-counter-app-recording.mp4" controls></video>
+
+
+So how do we build this? You can find the complete code for the letter counter app [in a single file here](https://github.com/gradio-app/gradio/blob/main/demo/mcp_letter_counter_app/run.py), or follow the steps below:
+
+1. Start by writing your Python function. In our case, the function is simply a letter counter:
+
+```py
+def letter_counter(word: str, letter: str) -> int:
+    """
+    Count the number of letters in a word or phrase.
+
+    Parameters:
+        word (str): The word or phrase to count the letters of.
+        letter (str): The letter to count the occurrences of.
+    """
+    return word.count(letter)
+```
+
+2. Then, wrap your Python function with a Gradio UI, something along these lines:
+
+```py
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            word = gr.Textbox(label="Word")
+            letter = gr.Textbox(label="Letter")
+            btn = gr.Button("Count Letters")
+        with gr.Column():
+            count = gr.Number(label="Count")
+
+    btn.click(letter_counter, inputs=[word, letter], outputs=count)
+```
+
+3. Now, launch your Gradio app with the MCP server enabled, i.e. with `mcp_server=True`
+
+```py
+    demo.launch(mcp_server=True)
+```
+
+As covered in [earlier guides](https://www.gradio.app/guides/building-mcp-server-with-gradio), you will now be able to test the tool using any MCP Client, such as the MCP Inspector tool. Test it and confirm that it behaves as you expect.
+
+4. Create a UI for your ChatGPT app and expose it as a resource. This part requires writing some frontend code and may be unfamiliar at first, but a few examples will help you create an app that works well for your use case. In our case, we'll create a card with HTML, Javascript, and CSS. Inside the card, we'll display the word presented by the user, highlighting each occurrence of the specified letter. Note that we access the user's tool input using `window.openai?.toolInput?.word` and `window.openai?.toolInput?.letter`. The `window.openai` object is automatically inserted by ChatGPT with the data from the user's tool call. This is what the complete function looks like:
+
+```py
+@gr.mcp.resource("ui://widget/app.html", mime_type="text/html+skybridge")
+def app_html():
+    visual = """
+    <div id="letter-card-container"></div>
+    <script>
+        const container = document.getElementById('letter-card-container');
+
+        function render() {
+            const word = window.openai?.toolInput?.word || "strawberry";
+            const letter = window.openai?.toolInput?.letter || "r";
+
+            let letterHTML = '';
+            for (let i = 0; i < word.length; i++) {
+                const char = word[i];
+                const color = char.toLowerCase() === letter.toLowerCase() ? '#b8860b' : '#000000';
+                letterHTML += `<span style="color: ${color};">${char}</span>`;
+            }
+
+            container.innerHTML = `
+                <div style="
+                    background: linear-gradient(135deg, #f5f5dc 0%, #e8e4d0 100%);
+                    background-image:
+                        repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(139, 121, 94, 0.03) 2px, rgba(139, 121, 94, 0.03) 4px),
+                        linear-gradient(135deg, #f5f5dc 0%, #e8e4d0 100%);
+                    border-radius: 16px;
+                    padding: 40px;
+                    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
+                    max-width: 600px;
+                    margin: 20px auto;
+                    font-family: 'Georgia', serif;
+                    text-align: center;
+                ">
+                    <div style="
+                        font-size: 48px;
+                        font-weight: bold;
+                        letter-spacing: 8px;
+                        line-height: 1.5;
+                    ">
+                        ${letterHTML}
+                    </div>
+                </div>
+            `;
+        }
+        render();
+        window.addEventListener("openai:set_globals", (event) => {
+            if (event.detail?.globals?.toolInput) {
+                render();
+            }
+        }, { passive: true });
+    </script>
+    """
+    return visual
+```
+
+Note that we've provided a URI for the `gr.mcp.resource` at `ui://widget/app.html`. This is arbitrary, but we'll need to use the same URI later on. We also need to specify the mimetype of the resource to be `mime_type="text/html+skybridge"`. Finally, note that we attached an event listener in the JavaScript for "openai:set_globals", which is generally a good practice as it allows the widget to update whenever a new tool call is triggered. 
+
+5. Create an event in your Gradio app corresponding to the resource function. This is necessary because your Gradio app only picks up MCP tools, resources, prompts, etc. if they are associated with a Gradio event. Typically, the convention is to simply display the code for your MCP resource in a `gr.Code` component, e.g. like this:
+
+```py
+    html = gr.Code(language="html", max_lines=20)
+    
+    # ... the rest of your Gradio app
+
+    btn.click(app_html, outputs=html)
+```
+
+6. Add `_meta` attributes to your MCP tool. We need to connect the MCP tool that we created to the UI that we created for our app. We can do this by adding this decorator to our MCP tool function:
+
+```py
+@gr.mcp.tool(
+    _meta={
+        "openai/outputTemplate": "ui://widget/app.html",
+        "openai/resultCanProduceWidget": True,
+        "openai/widgetAccessible": True,
+    }
+)
+```
+
+The key thing to observe is that the `"openai/outputTemplate"` must match the URI of the MCP resource that we created earlier.
+
+7. Relaunch your Gradio app with `share=True`. This will make it very easy to test within ChatGPT. Note the MCP server URL that is printed to your terminal, e.g. `https://2e879c6066d729b11b.gradio.live/gradio_api/mcp/`.
+
+```py
+    demo.launch(share=True, mcp_server=True)
+```
+
+This will print a public URL that your Gradio app will be running on.
+
+8. Now, navigate to ChatGPT (https://chat.com/). As mentioned earlier, you need to enable "developer mode" in ChatGPT under Settings → Apps & Connectors → Advanced settings in ChatGPT. Then, navigate to Settings → Apps & Connectors and click the "Create" button. Give your connector a name, a description (optional), and paste in the MCP server URL that was printed to your terminal. Choose "No authentication" and create.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/letter-counter-setup.png)
+
+And that's it! Once the Connector has been created, you can start prompting it by saying something like, "Use @letter-counter to count the number of r's in Gradio."
+
+### Example 2: An Image Brightener
+
+Next, let's see a more complex ChatGPT app for image enhancement. The ChatGPT app includes a "Brighten" button that lets the user call the tool directly from the app UI.
+
+<video src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/mcp-image-app.mp4" controls></video>
+
+Here's the complete code for this app:
+
+$code_mcp_image_app
+
+We won't break down the code in as much detail since many of the pieces are the same. But note the following differences from the earlier example:
+
+* Calling tools from the widget: The app uses `window.openai.callTool()` to invoke the MCP tool directly from a button click, without requiring ChatGPT to call it:
+
+```javascript
+const result = await window.openai.callTool('power_law_image', {
+    input_path: imageEl.src
+});
+```
+
+* Parsing tool call results: The result from `callTool()` contains a `content` array that needs to be parsed to extract data:
+
+```javascript
+function extractImageUrl(data) {
+    if (data?.content) {
+        for (const item of data.content) {
+            if (item.type === 'text' && item.text?.startsWith('Image URL: ')) {
+                return item.text.substring('Image URL: '.length).trim();
+            }
+        }
+    }
+}
+```
+
+* Updating UI based on tool results: After calling the tool, the app immediately updates the displayed image with the new result:
+
+```javascript
+const newUrl = extractImageUrl(result);
+if (newUrl) imageEl.src = newUrl;
+```
+
+With these examples, you've seen how to build both simple reactive widgets and more advanced interactive apps that can call tools directly from the UI. By combining Gradio's MCP server capabilities with the OpenAI Apps SDK, it's time to start create richer ChatGPT integrations that enhance the conversational experience with custom visualizations and user interactions!
diff --git a/guides/11_other-tutorials/01_using-hugging-face-integrations.md b/guides/11_other-tutorials/01_using-hugging-face-integrations.md
new file mode 100644
index 0000000..3616b3d
--- /dev/null
+++ b/guides/11_other-tutorials/01_using-hugging-face-integrations.md
@@ -0,0 +1,134 @@
+# Using Hugging Face Integrations
+
+Related spaces: https://huggingface.co/spaces/gradio/en2es
+Tags: HUB, SPACES, EMBED
+
+Contributed by <a href="https://huggingface.co/osanseviero">Omar Sanseviero</a> 🦙
+
+## Introduction
+
+The Hugging Face Hub is a central platform that has hundreds of thousands of [models](https://huggingface.co/models), [datasets](https://huggingface.co/datasets) and [demos](https://huggingface.co/spaces) (also known as Spaces). 
+
+Gradio has multiple features that make it extremely easy to leverage existing models and Spaces on the Hub. This guide walks through these features.
+
+
+## Demos with the Hugging Face Inference Endpoints
+
+Hugging Face has a service called [Serverless Inference Endpoints](https://huggingface.co/docs/api-inference/index), which allows you to send HTTP requests to models on the Hub. The API includes a generous free tier, and you can switch to [dedicated Inference Endpoints](https://huggingface.co/inference-endpoints/dedicated) when you want to use it in production. Gradio integrates directly with Serverless Inference Endpoints so that you can create a demo simply by specifying a model's name (e.g. `Helsinki-NLP/opus-mt-en-es`), like this:
+
+```python
+import gradio as gr
+
+demo = gr.load("Helsinki-NLP/opus-mt-en-es", src="models")
+
+demo.launch()
+```
+
+For any Hugging Face model supported in Inference Endpoints, Gradio automatically infers the expected input and output and make the underlying server calls, so you don't have to worry about defining the prediction function. 
+
+Notice that we just put specify the model name and state that the `src` should be `models` (Hugging Face's Model Hub). There is no need to install any dependencies (except `gradio`) since you are not loading the model on your computer.
+
+You might notice that the first inference takes a little bit longer. This happens since the Inference Endpoints is loading the model in the server. You get some benefits afterward:
+
+- The inference will be much faster.
+- The server caches your requests.
+- You get built-in automatic scaling.
+
+## Hosting your Gradio demos on Spaces
+
+[Hugging Face Spaces](https://hf.co/spaces) allows anyone to host their Gradio demos freely, and uploading your Gradio demos take a couple of minutes. You can head to [hf.co/new-space](https://huggingface.co/new-space), select the Gradio SDK, create an `app.py` file, and voila! You have a demo you can share with anyone else. To learn more, read [this guide how to host on Hugging Face Spaces using the website](https://huggingface.co/blog/gradio-spaces).
+
+Alternatively, you can create a Space programmatically, making use of the [huggingface_hub client library](https://huggingface.co/docs/huggingface_hub/index) library. Here's an example:
+
+```python
+from huggingface_hub import (
+    create_repo,
+    get_full_repo_name,
+    upload_file,
+)
+create_repo(name=target_space_name, token=hf_token, repo_type="space", space_sdk="gradio")
+repo_name = get_full_repo_name(model_id=target_space_name, token=hf_token)
+file_url = upload_file(
+    path_or_fileobj="file.txt",
+    path_in_repo="app.py",
+    repo_id=repo_name,
+    repo_type="space",
+    token=hf_token,
+)
+```
+
+Here, `create_repo` creates a gradio repo with the target name under a specific account using that account's Write Token. `repo_name` gets the full repo name of the related repo. Finally `upload_file` uploads a file inside the repo with the name `app.py`.
+
+
+## Loading demos from Spaces
+
+You can also use and remix existing Gradio demos on Hugging Face Spaces. For example, you could take two existing Gradio demos on Spaces and put them as separate tabs and create a new demo. You can run this new demo locally, or upload it to Spaces, allowing endless possibilities to remix and create new demos!
+
+Here's an example that does exactly that:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+  with gr.Tab("Translate to Spanish"):
+    gr.load("gradio/en2es", src="spaces")
+  with gr.Tab("Translate to French"):
+    gr.load("abidlabs/en2fr", src="spaces")
+
+demo.launch()
+```
+
+Notice that we use `gr.load()`, the same method we used to load models using Inference Endpoints. However, here we specify that the `src` is `spaces` (Hugging Face Spaces). 
+
+Note: loading a Space in this way may result in slight differences from the original Space. In particular, any attributes that apply to the entire Blocks, such as the theme or custom CSS/JS, will not be loaded. You can copy these properties from the Space you are loading into your own `Blocks` object. 
+
+## Demos with the `Pipeline` in `transformers`
+
+Hugging Face's popular `transformers` library has a very easy-to-use abstraction, [`pipeline()`](https://huggingface.co/docs/transformers/v4.16.2/en/main_classes/pipelines#transformers.pipeline) that handles most of the complex code to offer a simple API for common tasks. By specifying the task and an (optional) model, you can build a demo around an existing model with few lines of Python:
+
+```python
+import gradio as gr
+
+from transformers import pipeline
+
+pipe = pipeline("translation", model="Helsinki-NLP/opus-mt-en-es")
+
+def predict(text):
+  return pipe(text)[0]["translation_text"]
+
+demo = gr.Interface(
+  fn=predict,
+  inputs='text',
+  outputs='text',
+)
+
+demo.launch()
+```
+
+But `gradio` actually makes it even easier to convert a `pipeline` to a demo, simply by using the `gradio.Interface.from_pipeline` methods, which skips the need to specify the input and output components:
+
+```python
+from transformers import pipeline
+import gradio as gr
+
+pipe = pipeline("translation", model="Helsinki-NLP/opus-mt-en-es")
+
+demo = gr.Interface.from_pipeline(pipe)
+demo.launch()
+```
+
+The previous code produces the following interface, which you can try right here in your browser:
+
+<gradio-app space="gradio/en2es"></gradio-app>
+
+
+## Recap
+
+That's it! Let's recap the various ways Gradio and Hugging Face work together:
+
+1. You can build a demo around Inference Endpoints without having to load the model, by using `gr.load()`.
+2. You host your Gradio demo on Hugging Face Spaces, either using the GUI or entirely in Python.
+3. You can load demos from Hugging Face Spaces to remix and create new Gradio demos using `gr.load()`.
+4. You can convert a `transformers` pipeline into a Gradio demo using `from_pipeline()`.
+
+🤗
diff --git a/guides/11_other-tutorials/Gradio-and-Comet.md b/guides/11_other-tutorials/Gradio-and-Comet.md
new file mode 100644
index 0000000..cc809bb
--- /dev/null
+++ b/guides/11_other-tutorials/Gradio-and-Comet.md
@@ -0,0 +1,270 @@
+# Using Gradio and Comet
+
+Tags: COMET, SPACES
+Contributed by the Comet team
+
+## Introduction
+
+In this guide we will demonstrate some of the ways you can use Gradio with Comet. We will cover the basics of using Comet with Gradio and show you some of the ways that you can leverage Gradio's advanced features such as [Embedding with iFrames](https://www.gradio.app/guides/sharing-your-app/#embedding-with-iframes) and [State](https://www.gradio.app/docs/#state) to build some amazing model evaluation workflows.
+
+Here is a list of the topics covered in this guide.
+
+1. Logging Gradio UI's to your Comet Experiments
+2. Embedding Gradio Applications directly into your Comet Projects
+3. Embedding Hugging Face Spaces directly into your Comet Projects
+4. Logging Model Inferences from your Gradio Application to Comet
+
+## What is Comet?
+
+[Comet](https://www.comet.com?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs) is an MLOps Platform that is designed to help Data Scientists and Teams build better models faster! Comet provides tooling to Track, Explain, Manage, and Monitor your models in a single place! It works with Jupyter Notebooks and Scripts and most importantly it's 100% free!
+
+## Setup
+
+First, install the dependencies needed to run these examples
+
+```shell
+pip install comet_ml torch torchvision transformers gradio shap requests Pillow
+```
+
+Next, you will need to [sign up for a Comet Account](https://www.comet.com/signup?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs). Once you have your account set up, [grab your API Key](https://www.comet.com/docs/v2/guides/getting-started/quickstart/#get-an-api-key?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs) and configure your Comet credentials
+
+If you're running these examples as a script, you can either export your credentials as environment variables
+
+```shell
+export COMET_API_KEY="<Your API Key>"
+export COMET_WORKSPACE="<Your Workspace Name>"
+export COMET_PROJECT_NAME="<Your Project Name>"
+```
+
+or set them in a `.comet.config` file in your working directory. You file should be formatted in the following way.
+
+```shell
+[comet]
+api_key=<Your API Key>
+workspace=<Your Workspace Name>
+project_name=<Your Project Name>
+```
+
+If you are using the provided Colab Notebooks to run these examples, please run the cell with the following snippet before starting the Gradio UI. Running this cell allows you to interactively add your API key to the notebook.
+
+```python
+import comet_ml
+comet_ml.init()
+```
+
+## 1. Logging Gradio UI's to your Comet Experiments
+
+[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/comet-ml/comet-examples/blob/master/integrations/model-evaluation/gradio/notebooks/Gradio_and_Comet.ipynb)
+
+In this example, we will go over how to log your Gradio Applications to Comet and interact with them using the Gradio Custom Panel.
+
+Let's start by building a simple Image Classification example using `resnet18`.
+
+```python
+import comet_ml
+
+import requests
+import torch
+from PIL import Image
+from torchvision import transforms
+
+torch.hub.download_url_to_file("https://github.com/pytorch/hub/raw/master/images/dog.jpg", "dog.jpg")
+
+if torch.cuda.is_available():
+    device = "cuda"
+else:
+    device = "cpu"
+
+model = torch.hub.load("pytorch/vision:v0.6.0", "resnet18", pretrained=True).eval()
+model = model.to(device)
+
+# Download human-readable labels for ImageNet.
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+
+def predict(inp):
+    inp = Image.fromarray(inp.astype("uint8"), "RGB")
+    inp = transforms.ToTensor()(inp).unsqueeze(0)
+    with torch.no_grad():
+        prediction = torch.nn.functional.softmax(model(inp.to(device))[0], dim=0)
+    return {labels[i]: float(prediction[i]) for i in range(1000)}
+
+
+inputs = gr.Image()
+outputs = gr.Label(num_top_classes=3)
+
+io = gr.Interface(
+    fn=predict, inputs=inputs, outputs=outputs, examples=["dog.jpg"]
+)
+io.launch(inline=False, share=True)
+
+experiment = comet_ml.Experiment()
+experiment.add_tag("image-classifier")
+
+io.integrate(comet_ml=experiment)
+```
+
+The last line in this snippet will log the URL of the Gradio Application to your Comet Experiment. You can find the URL in the Text Tab of your Experiment.
+
+<video width="560" height="315" controls>
+    <source src="https://user-images.githubusercontent.com/7529846/214328034-09369d4d-8b94-4c4a-aa3c-25e3ed8394c4.mp4"></source>
+</video>
+
+Add the Gradio Panel to your Experiment to interact with your application.
+
+<video width="560" height="315" controls>
+    <source src="https://user-images.githubusercontent.com/7529846/214328194-95987f83-c180-4929-9bed-c8a0d3563ed7.mp4"></source>
+</video>
+
+## 2. Embedding Gradio Applications directly into your Comet Projects
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KZnpH7msPq0?start=9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+If you are permanently hosting your Gradio application, you can embed the UI using the Gradio Panel Extended custom Panel.
+
+Go to your Comet Project page, and head over to the Panels tab. Click the `+ Add` button to bring up the Panels search page.
+
+<img width="560" alt="adding-panels" src="https://user-images.githubusercontent.com/7529846/214329314-70a3ff3d-27fb-408c-a4d1-4b58892a3854.jpeg">
+
+Next, search for Gradio Panel Extended in the Public Panels section and click `Add`.
+
+<img width="560" alt="gradio-panel-extended" src="https://user-images.githubusercontent.com/7529846/214325577-43226119-0292-46be-a62a-0c7a80646ebb.png">
+
+Once you have added your Panel, click `Edit` to access to the Panel Options page and paste in the URL of your Gradio application.
+
+![Edit-Gradio-Panel-Options](https://user-images.githubusercontent.com/7529846/214573001-23814b5a-ca65-4ace-a8a5-b27cdda70f7a.gif)
+
+<img width="560" alt="Edit-Gradio-Panel-URL" src="https://user-images.githubusercontent.com/7529846/214334843-870fe726-0aa1-4b21-bbc6-0c48f56c48d8.png">
+
+## 3. Embedding Hugging Face Spaces directly into your Comet Projects
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KZnpH7msPq0?start=107" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+You can also embed Gradio Applications that are hosted on Hugging Faces Spaces into your Comet Projects using the Hugging Face Spaces Panel.
+
+Go to your Comet Project page, and head over to the Panels tab. Click the `+ Add` button to bring up the Panels search page. Next, search for the Hugging Face Spaces Panel in the Public Panels section and click `Add`.
+
+<img width="560" height="315" alt="huggingface-spaces-panel" src="https://user-images.githubusercontent.com/7529846/214325606-99aa3af3-b284-4026-b423-d3d238797e12.png">
+
+Once you have added your Panel, click Edit to access to the Panel Options page and paste in the path of your Hugging Face Space e.g. `pytorch/ResNet`
+
+<img width="560" height="315" alt="Edit-HF-Space" src="https://user-images.githubusercontent.com/7529846/214335868-c6f25dee-13db-4388-bcf5-65194f850b02.png">
+
+## 4. Logging Model Inferences to Comet
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KZnpH7msPq0?start=176" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/comet-ml/comet-examples/blob/master/integrations/model-evaluation/gradio/notebooks/Logging_Model_Inferences_with_Comet_and_Gradio.ipynb)
+
+In the previous examples, we demonstrated the various ways in which you can interact with a Gradio application through the Comet UI. Additionally, you can also log model inferences, such as SHAP plots, from your Gradio application to Comet.
+
+In the following snippet, we're going to log inferences from a Text Generation model. We can persist an Experiment across multiple inference calls using Gradio's [State](https://www.gradio.app/docs/#state) object. This will allow you to log multiple inferences from a model to a single Experiment.
+
+```python
+import comet_ml
+import gradio as gr
+import shap
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+
+if torch.cuda.is_available():
+    device = "cuda"
+else:
+    device = "cpu"
+
+MODEL_NAME = "gpt2"
+
+model = AutoModelForCausalLM.from_pretrained(MODEL_NAME)
+
+# set model decoder to true
+model.config.is_decoder = True
+# set text-generation params under task_specific_params
+model.config.task_specific_params["text-generation"] = {
+    "do_sample": True,
+    "max_length": 50,
+    "temperature": 0.7,
+    "top_k": 50,
+    "no_repeat_ngram_size": 2,
+}
+model = model.to(device)
+
+tokenizer = AutoTokenizer.from_pretrained(MODEL_NAME)
+explainer = shap.Explainer(model, tokenizer)
+
+
+def start_experiment():
+    """Returns an APIExperiment object that is thread safe
+    and can be used to log inferences to a single Experiment
+    """
+    try:
+        api = comet_ml.API()
+        workspace = api.get_default_workspace()
+        project_name = comet_ml.config.get_config()["comet.project_name"]
+
+        experiment = comet_ml.APIExperiment(
+            workspace=workspace, project_name=project_name
+        )
+        experiment.log_other("Created from", "gradio-inference")
+
+        message = f"Started Experiment: [{experiment.name}]({experiment.url})"
+
+        return (experiment, message)
+
+    except Exception as e:
+        return None, None
+
+
+def predict(text, state, message):
+    experiment = state
+
+    shap_values = explainer([text])
+    plot = shap.plots.text(shap_values, display=False)
+
+    if experiment is not None:
+        experiment.log_other("message", message)
+        experiment.log_html(plot)
+
+    return plot
+
+
+with gr.Blocks() as demo:
+    start_experiment_btn = gr.Button("Start New Experiment")
+    experiment_status = gr.Markdown()
+
+    # Log a message to the Experiment to provide more context
+    experiment_message = gr.Textbox(label="Experiment Message")
+    experiment = gr.State()
+
+    input_text = gr.Textbox(label="Input Text", lines=5, interactive=True)
+    submit_btn = gr.Button("Submit")
+
+    output = gr.HTML(interactive=True)
+
+    start_experiment_btn.click(
+        start_experiment, outputs=[experiment, experiment_status]
+    )
+    submit_btn.click(
+        predict, inputs=[input_text, experiment, experiment_message], outputs=[output]
+    )
+```
+
+Inferences from this snippet will be saved in the HTML tab of your experiment.
+
+<video width="560" height="315" controls>
+    <source src="https://user-images.githubusercontent.com/7529846/214328610-466e5c81-4814-49b9-887c-065aca14dd30.mp4"></source>
+</video>
+
+## Conclusion
+
+We hope you found this guide useful and that it provides some inspiration to help you build awesome model evaluation workflows with Comet and Gradio.
+
+## How to contribute Gradio demos on HF spaces on the Comet organization
+
+- Create an account on Hugging Face [here](https://huggingface.co/join).
+- Add Gradio Demo under your username, see this [course](https://huggingface.co/course/chapter9/4?fw=pt) for setting up Gradio Demo on Hugging Face.
+- Request to join the Comet organization [here](https://huggingface.co/Comet).
+
+## Additional Resources
+
+- [Comet Documentation](https://www.comet.com/docs/v2/?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs)
diff --git a/guides/11_other-tutorials/Gradio-and-ONNX-on-Hugging-Face.md b/guides/11_other-tutorials/Gradio-and-ONNX-on-Hugging-Face.md
new file mode 100644
index 0000000..9893285
--- /dev/null
+++ b/guides/11_other-tutorials/Gradio-and-ONNX-on-Hugging-Face.md
@@ -0,0 +1,140 @@
+# Gradio and ONNX on Hugging Face
+
+Related spaces: https://huggingface.co/spaces/onnx/EfficientNet-Lite4
+Tags: ONNX, SPACES
+Contributed by Gradio and the <a href="https://onnx.ai/">ONNX</a> team
+
+## Introduction
+
+In this Guide, we'll walk you through:
+
+- Introduction of ONNX, ONNX model zoo, Gradio, and Hugging Face Spaces
+- How to setup a Gradio demo for EfficientNet-Lite4
+- How to contribute your own Gradio demos for the ONNX organization on Hugging Face
+
+Here's an [example](https://onnx-efficientnet-lite4.hf.space/) of an ONNX model.
+
+## What is the ONNX Model Zoo?
+
+Open Neural Network Exchange ([ONNX](https://onnx.ai/)) is an open standard format for representing machine learning models. ONNX is supported by a community of partners who have implemented it in many frameworks and tools. For example, if you have trained a model in TensorFlow or PyTorch, you can convert it to ONNX easily, and from there run it on a variety of devices using an engine/compiler like ONNX Runtime.
+
+The [ONNX Model Zoo](https://github.com/onnx/models) is a collection of pre-trained, state-of-the-art models in the ONNX format contributed by community members. Accompanying each model are Jupyter notebooks for model training and running inference with the trained model. The notebooks are written in Python and include links to the training dataset as well as references to the original paper that describes the model architecture.
+
+## What are Hugging Face Spaces & Gradio?
+
+### Gradio
+
+Gradio lets users demo their machine learning models as a web app all in python code. Gradio wraps a python function into a user interface and the demos can be launched inside jupyter notebooks, colab notebooks, as well as embedded in your own website and hosted on Hugging Face Spaces for free.
+
+Get started [here](https://gradio.app/getting_started)
+
+### Hugging Face Spaces
+
+Hugging Face Spaces is a free hosting option for Gradio demos. Spaces comes with 3 SDK options: Gradio, Streamlit and Static HTML demos. Spaces can be public or private and the workflow is similar to github repos. There are over 2000+ spaces currently on Hugging Face. Learn more about spaces [here](https://huggingface.co/spaces/launch).
+
+### Hugging Face Models
+
+Hugging Face Model Hub also supports ONNX models and ONNX models can be filtered through the [ONNX tag](https://huggingface.co/models?library=onnx&sort=downloads)
+
+## How did Hugging Face help the ONNX Model Zoo?
+
+There are a lot of Jupyter notebooks in the ONNX Model Zoo for users to test models. Previously, users needed to download the models themselves and run those notebooks locally for testing. With Hugging Face, the testing process can be much simpler and more user-friendly. Users can easily try certain ONNX Model Zoo model on Hugging Face Spaces and run a quick demo powered by Gradio with ONNX Runtime, all on cloud without downloading anything locally. Note, there are various runtimes for ONNX, e.g., [ONNX Runtime](https://github.com/microsoft/onnxruntime), [MXNet](https://github.com/apache/incubator-mxnet).
+
+## What is the role of ONNX Runtime?
+
+ONNX Runtime is a cross-platform inference and training machine-learning accelerator. It makes live Gradio demos with ONNX Model Zoo model on Hugging Face possible.
+
+ONNX Runtime inference can enable faster customer experiences and lower costs, supporting models from deep learning frameworks such as PyTorch and TensorFlow/Keras as well as classical machine learning libraries such as scikit-learn, LightGBM, XGBoost, etc. ONNX Runtime is compatible with different hardware, drivers, and operating systems, and provides optimal performance by leveraging hardware accelerators where applicable alongside graph optimizations and transforms. For more information please see the [official website](https://onnxruntime.ai/).
+
+## Setting up a Gradio Demo for EfficientNet-Lite4
+
+EfficientNet-Lite 4 is the largest variant and most accurate of the set of EfficientNet-Lite models. It is an integer-only quantized model that produces the highest accuracy of all of the EfficientNet models. It achieves 80.4% ImageNet top-1 accuracy, while still running in real-time (e.g. 30ms/image) on a Pixel 4 CPU. To learn more read the [model card](https://github.com/onnx/models/tree/main/vision/classification/efficientnet-lite4)
+
+Here we walk through setting up a example demo for EfficientNet-Lite4 using Gradio
+
+First we import our dependencies and download and load the efficientnet-lite4 model from the onnx model zoo. Then load the labels from the labels_map.txt file. We then setup our preprocessing functions, load the model for inference, and setup the inference function. Finally, the inference function is wrapped into a gradio interface for a user to interact with. See the full code below.
+
+```python
+import numpy as np
+import math
+import matplotlib.pyplot as plt
+import cv2
+import json
+import gradio as gr
+from huggingface_hub import hf_hub_download
+from onnx import hub
+import onnxruntime as ort
+
+# loads ONNX model from ONNX Model Zoo
+model = hub.load("efficientnet-lite4")
+# loads the labels text file
+labels = json.load(open("labels_map.txt", "r"))
+
+# sets image file dimensions to 224x224 by resizing and cropping image from center
+def pre_process_edgetpu(img, dims):
+    output_height, output_width, _ = dims
+    img = resize_with_aspectratio(img, output_height, output_width, inter_pol=cv2.INTER_LINEAR)
+    img = center_crop(img, output_height, output_width)
+    img = np.asarray(img, dtype='float32')
+    # converts jpg pixel value from [0 - 255] to float array [-1.0 - 1.0]
+    img -= [127.0, 127.0, 127.0]
+    img /= [128.0, 128.0, 128.0]
+    return img
+
+# resizes the image with a proportional scale
+def resize_with_aspectratio(img, out_height, out_width, scale=87.5, inter_pol=cv2.INTER_LINEAR):
+    height, width, _ = img.shape
+    new_height = int(100. * out_height / scale)
+    new_width = int(100. * out_width / scale)
+    if height > width:
+        w = new_width
+        h = int(new_height * height / width)
+    else:
+        h = new_height
+        w = int(new_width * width / height)
+    img = cv2.resize(img, (w, h), interpolation=inter_pol)
+    return img
+
+# crops the image around the center based on given height and width
+def center_crop(img, out_height, out_width):
+    height, width, _ = img.shape
+    left = int((width - out_width) / 2)
+    right = int((width + out_width) / 2)
+    top = int((height - out_height) / 2)
+    bottom = int((height + out_height) / 2)
+    img = img[top:bottom, left:right]
+    return img
+
+
+sess = ort.InferenceSession(model)
+
+def inference(img):
+  img = cv2.imread(img)
+  img = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)
+
+  img = pre_process_edgetpu(img, (224, 224, 3))
+
+  img_batch = np.expand_dims(img, axis=0)
+
+  results = sess.run(["Softmax:0"], {"images:0": img_batch})[0]
+  result = reversed(results[0].argsort()[-5:])
+  resultdic = {}
+  for r in result:
+      resultdic[labels[str(r)]] = float(results[0][r])
+  return resultdic
+
+title = "EfficientNet-Lite4"
+description = "EfficientNet-Lite 4 is the largest variant and most accurate of the set of EfficientNet-Lite model. It is an integer-only quantized model that produces the highest accuracy of all of the EfficientNet models. It achieves 80.4% ImageNet top-1 accuracy, while still running in real-time (e.g. 30ms/image) on a Pixel 4 CPU."
+examples = [['catonnx.jpg']]
+gr.Interface(inference, gr.Image(type="filepath"), "label", title=title, description=description, examples=examples).launch()
+```
+
+## How to contribute Gradio demos on HF spaces using ONNX models
+
+- Add model to the [onnx model zoo](https://github.com/onnx/models/blob/main/.github/PULL_REQUEST_TEMPLATE.md)
+- Create an account on Hugging Face [here](https://huggingface.co/join).
+- See list of models left to add to ONNX organization, please refer to the table with the [Models list](https://github.com/onnx/models#models)
+- Add Gradio Demo under your username, see this [blog post](https://huggingface.co/blog/gradio-spaces) for setting up Gradio Demo on Hugging Face.
+- Request to join ONNX Organization [here](https://huggingface.co/onnx).
+- Once approved transfer model from your username to ONNX organization
+- Add a badge for model in model table, see examples in [Models list](https://github.com/onnx/models#models)
diff --git a/guides/11_other-tutorials/Gradio-and-Wandb-Integration.md b/guides/11_other-tutorials/Gradio-and-Wandb-Integration.md
new file mode 100644
index 0000000..0c3d233
--- /dev/null
+++ b/guides/11_other-tutorials/Gradio-and-Wandb-Integration.md
@@ -0,0 +1,276 @@
+# Gradio and W&B Integration
+
+Related spaces: https://huggingface.co/spaces/akhaliq/JoJoGAN
+Tags: WANDB, SPACES
+Contributed by Gradio team
+
+## Introduction
+
+In this Guide, we'll walk you through:
+
+- Introduction of Gradio, and Hugging Face Spaces, and Wandb
+- How to setup a Gradio demo using the Wandb integration for JoJoGAN
+- How to contribute your own Gradio demos after tracking your experiments on wandb to the Wandb organization on Hugging Face
+
+
+## What is Wandb?
+
+Weights and Biases (W&B) allows data scientists and machine learning scientists to track their machine learning experiments at every stage, from training to production. Any metric can be aggregated over samples and shown in panels in a customizable and searchable dashboard, like below:
+
+<img alt="Screen Shot 2022-08-01 at 5 54 59 PM" src="https://user-images.githubusercontent.com/81195143/182252755-4a0e1ca8-fd25-40ff-8c91-c9da38aaa9ec.png">
+
+## What are Hugging Face Spaces & Gradio?
+
+### Gradio
+
+Gradio lets users demo their machine learning models as a web app, all in a few lines of Python. Gradio wraps any Python function (such as a machine learning model's inference function) into a user interface and the demos can be launched inside jupyter notebooks, colab notebooks, as well as embedded in your own website and hosted on Hugging Face Spaces for free.
+
+Get started [here](https://gradio.app/getting_started)
+
+### Hugging Face Spaces
+
+Hugging Face Spaces is a free hosting option for Gradio demos. Spaces comes with 3 SDK options: Gradio, Streamlit and Static HTML demos. Spaces can be public or private and the workflow is similar to github repos. There are over 2000+ spaces currently on Hugging Face. Learn more about spaces [here](https://huggingface.co/spaces/launch).
+
+## Setting up a Gradio Demo for JoJoGAN
+
+Now, let's walk you through how to do this on your own. We'll make the assumption that you're new to W&B and Gradio for the purposes of this tutorial.
+
+Let's get started!
+
+1. Create a W&B account
+
+   Follow [these quick instructions](https://app.wandb.ai/login) to create your free account if you don’t have one already. It shouldn't take more than a couple minutes. Once you're done (or if you've already got an account), next, we'll run a quick colab.
+
+2. Open Colab Install Gradio and W&B
+
+   We'll be following along with the colab provided in the JoJoGAN repo with some minor modifications to use Wandb and Gradio more effectively.
+
+   [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/mchong6/JoJoGAN/blob/main/stylize.ipynb)
+
+   Install Gradio and Wandb at the top:
+
+   ```sh
+   pip install gradio wandb
+   ```
+
+3. Finetune StyleGAN and W&B experiment tracking
+
+   This next step will open a W&B dashboard to track your experiments and a gradio panel showing pretrained models to choose from a drop down menu from a Gradio Demo hosted on Huggingface Spaces. Here's the code you need for that:
+
+   ```python
+   alpha =  1.0
+   alpha = 1-alpha
+
+   preserve_color = True
+   num_iter = 100
+   log_interval = 50
+
+   samples = []
+   column_names = ["Reference (y)", "Style Code(w)", "Real Face Image(x)"]
+
+   wandb.init(project="JoJoGAN")
+   config = wandb.config
+   config.num_iter = num_iter
+   config.preserve_color = preserve_color
+   wandb.log(
+   {"Style reference": [wandb.Image(transforms.ToPILImage()(target_im))]},
+   step=0)
+
+   # load discriminator for perceptual loss
+   discriminator = Discriminator(1024, 2).eval().to(device)
+   ckpt = torch.load('models/stylegan2-ffhq-config-f.pt', map_location=lambda storage, loc: storage)
+   discriminator.load_state_dict(ckpt["d"], strict=False)
+
+   # reset generator
+   del generator
+   generator = deepcopy(original_generator)
+
+   g_optim = optim.Adam(generator.parameters(), lr=2e-3, betas=(0, 0.99))
+
+   # Which layers to swap for generating a family of plausible real images -> fake image
+   if preserve_color:
+       id_swap = [9,11,15,16,17]
+   else:
+       id_swap = list(range(7, generator.n_latent))
+
+   for idx in tqdm(range(num_iter)):
+       mean_w = generator.get_latent(torch.randn([latents.size(0), latent_dim]).to(device)).unsqueeze(1).repeat(1, generator.n_latent, 1)
+       in_latent = latents.clone()
+       in_latent[:, id_swap] = alpha*latents[:, id_swap] + (1-alpha)*mean_w[:, id_swap]
+
+       img = generator(in_latent, input_is_latent=True)
+
+       with torch.no_grad():
+           real_feat = discriminator(targets)
+       fake_feat = discriminator(img)
+
+       loss = sum([F.l1_loss(a, b) for a, b in zip(fake_feat, real_feat)])/len(fake_feat)
+
+       wandb.log({"loss": loss}, step=idx)
+       if idx % log_interval == 0:
+           generator.eval()
+           my_sample = generator(my_w, input_is_latent=True)
+           generator.train()
+           my_sample = transforms.ToPILImage()(utils.make_grid(my_sample, normalize=True, range=(-1, 1)))
+           wandb.log(
+           {"Current stylization": [wandb.Image(my_sample)]},
+           step=idx)
+       table_data = [
+               wandb.Image(transforms.ToPILImage()(target_im)),
+               wandb.Image(img),
+               wandb.Image(my_sample),
+           ]
+       samples.append(table_data)
+
+       g_optim.zero_grad()
+       loss.backward()
+       g_optim.step()
+
+   out_table = wandb.Table(data=samples, columns=column_names)
+   wandb.log({"Current Samples": out_table})
+   ```
+4. Save, Download, and Load Model
+
+    Here's how to save and download your model.
+
+   ```python
+   from PIL import Image
+   import torch
+   torch.backends.cudnn.benchmark = True
+   from torchvision import transforms, utils
+   from util import *
+   import math
+   import random
+   import numpy as np
+   from torch import nn, autograd, optim
+   from torch.nn import functional as F
+   from tqdm import tqdm
+   import lpips
+   from model import *
+   from e4e_projection import projection as e4e_projection
+   
+   from copy import deepcopy
+   import imageio
+   
+   import os
+   import sys
+   import torchvision.transforms as transforms
+   from argparse import Namespace
+   from e4e.models.psp import pSp
+   from util import *
+   from huggingface_hub import hf_hub_download
+   from google.colab import files
+   
+   torch.save({"g": generator.state_dict()}, "your-model-name.pt")
+   
+   files.download('your-model-name.pt')
+   
+   latent_dim = 512
+   device="cuda"
+   model_path_s = hf_hub_download(repo_id="akhaliq/jojogan-stylegan2-ffhq-config-f", filename="stylegan2-ffhq-config-f.pt")
+   original_generator = Generator(1024, latent_dim, 8, 2).to(device)
+   ckpt = torch.load(model_path_s, map_location=lambda storage, loc: storage)
+   original_generator.load_state_dict(ckpt["g_ema"], strict=False)
+   mean_latent = original_generator.mean_latent(10000)
+   
+   generator = deepcopy(original_generator)
+   
+   ckpt = torch.load("/content/JoJoGAN/your-model-name.pt", map_location=lambda storage, loc: storage)
+   generator.load_state_dict(ckpt["g"], strict=False)
+   generator.eval()
+   
+   plt.rcParams['figure.dpi'] = 150
+   
+   transform = transforms.Compose(
+       [
+           transforms.Resize((1024, 1024)),
+           transforms.ToTensor(),
+           transforms.Normalize((0.5, 0.5, 0.5), (0.5, 0.5, 0.5)),
+       ]
+   )
+   
+   def inference(img):
+       img.save('out.jpg')
+       aligned_face = align_face('out.jpg')
+   
+       my_w = e4e_projection(aligned_face, "out.pt", device).unsqueeze(0)
+       with torch.no_grad():
+           my_sample = generator(my_w, input_is_latent=True)
+   
+       npimage = my_sample[0].cpu().permute(1, 2, 0).detach().numpy()
+       imageio.imwrite('filename.jpeg', npimage)
+       return 'filename.jpeg'
+   ````
+
+5. Build a Gradio Demo
+
+   ```python
+   import gradio as gr
+   
+   title = "JoJoGAN"
+   description = "Gradio Demo for JoJoGAN: One Shot Face Stylization. To use it, simply upload your image, or click one of the examples to load them. Read more at the links below."
+   
+   demo = gr.Interface(
+       inference,
+       gr.Image(type="pil"),
+       gr.Image(type="file"),
+       title=title,
+       description=description
+   )
+   
+   demo.launch(share=True)
+   ```
+
+6. Integrate Gradio into your W&B Dashboard
+
+   The last step—integrating your Gradio demo with your W&B dashboard—is just one extra line:
+
+   ```python
+   demo.integrate(wandb=wandb)
+   ```
+
+   Once you call integrate, a demo will be created and you can integrate it into your dashboard or report.
+
+   Outside of W&B with Web components, using the `gradio-app` tags, anyone can embed Gradio demos on HF spaces directly into their blogs, websites, documentation, etc.:
+   
+   ```html
+   <gradio-app space="akhaliq/JoJoGAN"> </gradio-app>
+   ```
+
+7. (Optional) Embed W&B plots in your Gradio App
+
+   It's also possible to embed W&B plots within Gradio apps. To do so, you can create a W&B Report of your plots and
+   embed them within your Gradio app within a `gr.HTML` block.
+
+   The Report will need to be public and you will need to wrap the URL within an iFrame like this:
+
+   ```python
+   import gradio as gr
+   
+   def wandb_report(url):
+       iframe = f'<iframe src={url} style="border:none;height:1024px;width:100%">'
+       return gr.HTML(iframe)
+   
+   with gr.Blocks() as demo:
+       report_url = 'https://wandb.ai/_scott/pytorch-sweeps-demo/reports/loss-22-10-07-16-00-17---VmlldzoyNzU2NzAx'
+       report = wandb_report(report_url)
+   
+   demo.launch(share=True)
+   ```
+
+## Conclusion
+
+We hope you enjoyed this brief demo of embedding a Gradio demo to a W&B report! Thanks for making it to the end. To recap:
+
+- Only one single reference image is needed for fine-tuning JoJoGAN which usually takes about 1 minute on a GPU in colab. After training, style can be applied to any input image. Read more in the paper.
+
+- W&B tracks experiments with just a few lines of code added to a colab and you can visualize, sort, and understand your experiments in a single, centralized dashboard.
+
+- Gradio, meanwhile, demos the model in a user friendly interface to share anywhere on the web.
+
+## How to contribute Gradio demos on HF spaces on the Wandb organization
+
+- Create an account on Hugging Face [here](https://huggingface.co/join).
+- Add Gradio Demo under your username, see this [course](https://huggingface.co/course/chapter9/4?fw=pt) for setting up Gradio Demo on Hugging Face.
+- Request to join wandb organization [here](https://huggingface.co/wandb).
+- Once approved transfer model from your username to Wandb organization
diff --git a/guides/11_other-tutorials/Gradio-skills-for-ai-coding-assistants.md b/guides/11_other-tutorials/Gradio-skills-for-ai-coding-assistants.md
new file mode 100644
index 0000000..64447cd
--- /dev/null
+++ b/guides/11_other-tutorials/Gradio-skills-for-ai-coding-assistants.md
@@ -0,0 +1,122 @@
+# Gradio Skills for AI Coding Assistants
+
+Tags: CLI, AI, AGENTS
+
+AI coding assistants like [Claude Code](https://docs.anthropic.com/en/docs/claude-code), [Cursor](https://cursor.com), [Codex](https://openai.com/index/codex/), and [OpenCode](https://opencode.ai) can write better Gradio code when they have access to up-to-date API knowledge. Gradio **skills** solve this — they are structured reference files that get loaded into your assistant's context so it knows exactly how Gradio's components, events, and ecosystem work.
+
+The `gradio skills add` command installs these reference files into the right location for your chosen assistant, so it can use them automatically.
+
+## Prerequisites
+
+Make sure you have Gradio installed along with a recent version of `huggingface_hub`:
+
+```bash
+pip install --upgrade gradio huggingface_hub
+```
+
+> `huggingface_hub >= 1.4.0` is required for the skills command.
+
+## Installing the General Gradio Skill
+
+The general Gradio skill gives your assistant comprehensive knowledge of the Gradio API — components, event listeners, layout patterns, and working examples.
+
+To install, pass the flag for your assistant:
+
+```bash
+gradio skills add --cursor   # or --claude, --codex, --opencode
+```
+
+This downloads two files (`SKILL.md` and `examples.md`) into a central location (`.agents/skills/gradio/`) and creates **symlinks** from each assistant's skills directory (e.g., `.claude/skills/gradio/` for Claude Code) pointing to the central copy. This avoids duplicating files when you install for multiple assistants.
+
+## Project-Level vs. Global Installation
+
+By default, skills are installed **locally** in your current project directory. This means the assistant only has Gradio knowledge when working in that project.
+
+To install **globally** (user-level, available in all projects):
+
+```bash
+gradio skills add --claude --global
+```
+
+Or using the short flag:
+
+```bash
+gradio skills add --claude -g
+```
+
+## Generating a Skill for a Specific HuggingFace Space
+
+One of the most powerful features is generating a skill for any public HuggingFace Space. This gives your assistant full knowledge of that Space's API — endpoints, parameters, return types, and ready-to-use code snippets.
+
+```bash
+gradio skills add abidlabs/english-translator --claude
+```
+
+This connects to the Space, extracts its API schema, and generates a `SKILL.md` file with:
+
+- A description of each API endpoint
+- Parameter names, types, defaults, and whether they're required
+- Return value types
+- Code snippets in Python, JavaScript, and cURL
+
+For private Spaces, set your Hugging Face token:
+
+```bash
+export HF_TOKEN=hf_xxxxx
+gradio skills add my-org/private-space --claude
+```
+
+
+
+## Overwriting Existing Skills
+
+If a skill is already installed, the command will exit with an error. To overwrite it:
+
+```bash
+gradio skills add --claude --force
+```
+
+## What Gets Installed
+
+### General Gradio Skill
+
+| File | Contents |
+|------|----------|
+| `SKILL.md` | Core API reference — component signatures, event listeners, layout patterns, ChatInterface, and links to detailed guides |
+| `examples.md` | Complete working Gradio apps covering common patterns (forms, chatbots, streaming, image processing, etc.) |
+
+### Space-Specific Skill
+
+| File | Contents |
+|------|----------|
+| `SKILL.md` | Auto-generated API reference for the Space's endpoints, with code snippets in Python, JavaScript, and cURL |
+
+## Example Workflow
+
+Here's a typical workflow using skills with Claude Code:
+
+1. **Install the skill** in your project:
+   ```bash
+   cd my-project
+   gradio skills add --claude
+   ```
+
+2. **Start Claude Code** and ask it to build a Gradio app:
+   ```
+   > Build me a Gradio app with an image input that applies a sepia filter
+     and displays the result
+   ```
+
+   Claude Code now has full knowledge of `gr.Image`, `gr.Interface`, event listeners, and can write correct, idiomatic Gradio code.
+
+3. **Add a Space skill** if you want to integrate with an existing Space:
+   ```bash
+   gradio skills add abidlabs/english-translator --claude
+   ```
+
+   Now you can ask:
+   ```
+   > Use the english-translator Space API to add a translation feature
+     to my app
+   ```
+
diff --git a/guides/11_other-tutorials/create-immersive-demo.md b/guides/11_other-tutorials/create-immersive-demo.md
new file mode 100644
index 0000000..0f675ac
--- /dev/null
+++ b/guides/11_other-tutorials/create-immersive-demo.md
@@ -0,0 +1,201 @@
+# Create a Real-Time Immersive Audio + Video Demo with FastRTC
+
+Tags: REAL-TIME, IMMERSIVE, FASTRTC, VIDEO, AUDIO, STREAMING, GEMINI, WEBRTC
+
+FastRTC is a library that lets you build low-latency real-time apps over WebRTC. In this guide, you’ll implement a fun demo where Gemini is an art critic and will critique your uploaded artwork:
+- Streams your webcam and microphone to a Gemini real-time session
+- Sends periodic video frames (and an optional uploaded image) to the model
+- Streams back the model’s audio responses in real time
+- Creates a polished full-screen Gradio `WebRTC` UI
+
+### What you’ll build
+<video autoplay loop>
+  <source src="https://github.com/gradio-app/gradio/blob/main/guides/assets/art-critic.mp4?raw=true" type="video/mp4" />
+</video>
+
+### Prerequisites
+- Python 3.10+
+- A Gemini API key: `GEMINI_API_KEY`
+
+Install the dependencies:
+
+```bash
+pip install "fastrtc[vad, tts]" gradio google-genai python-dotenv websockets pillow
+```
+
+## 1) Encoders for audio and images
+Encoder functions to send audio as base64-encoded data and images as base64-encoded JPEG.
+
+```python
+import base64
+import numpy as np
+from io import BytesIO
+from PIL import Image
+
+def encode_audio(data: np.ndarray) -> dict:
+    """Encode audio data (int16 mono) for Gemini."""
+    return {
+        "mime_type": "audio/pcm",
+        "data": base64.b64encode(data.tobytes()).decode("UTF-8"),
+    }
+
+def encode_image(data: np.ndarray) -> dict:
+    with BytesIO() as output_bytes:
+        pil_image = Image.fromarray(data)
+        pil_image.save(output_bytes, "JPEG")
+        bytes_data = output_bytes.getvalue()
+    base64_str = str(base64.b64encode(bytes_data), "utf-8")
+    return {"mime_type": "image/jpeg", "data": base64_str}
+```
+
+
+## 2) Implement the Gemini audio-video handler
+This handler:
+- Opens a Gemini Live session on startup
+- Receives streaming audio from Gemini and yields it back to the client
+- Sends microphone audio as it arrives
+- Sends a video frame at most once per second (to avoid flooding the API)
+- Optionally sends an uploaded image (`gr.Image`) alongside the webcam frame
+
+```python
+import asyncio
+import os
+import time
+import numpy as np
+import websockets
+from dotenv import load_dotenv
+from google import genai
+from fastrtc import AsyncAudioVideoStreamHandler, wait_for_item, WebRTCError
+
+load_dotenv()
+
+class GeminiHandler(AsyncAudioVideoStreamHandler):
+    def __init__(self) -> None:
+        super().__init__(
+            "mono",
+            output_sample_rate=24000,
+            input_sample_rate=16000,
+        )
+        self.audio_queue = asyncio.Queue()
+        self.video_queue = asyncio.Queue()
+        self.session = None
+        self.last_frame_time = 0.0
+        self.quit = asyncio.Event()
+
+    def copy(self) -> "GeminiHandler":
+        return GeminiHandler()
+
+    async def start_up(self):
+        await self.wait_for_args()
+        api_key = self.latest_args[3]
+        hf_token = self.latest_args[4]
+        if hf_token is None or hf_token == "":
+            raise WebRTCError("HF Token is required")
+        os.environ["HF_TOKEN"] = hf_token
+        client = genai.Client(
+            api_key=api_key, http_options={"api_version": "v1alpha"}
+        )
+        config = {"response_modalities": ["AUDIO"], "system_instruction": "You are an art critic that will critique the artwork passed in as an image to the user. Critique the artwork in a funny and lighthearted way. Be concise and to the point. Be friendly and engaging. Be helpful and informative. Be funny and lighthearted."}
+        async with client.aio.live.connect(
+            model="gemini-2.0-flash-exp",
+            config=config,
+        ) as session:
+            self.session = session
+            while not self.quit.is_set():
+                turn = self.session.receive()
+                try:
+                    async for response in turn:
+                        if data := response.data:
+                            audio = np.frombuffer(data, dtype=np.int16).reshape(1, -1)
+                        self.audio_queue.put_nowait(audio)
+                except websockets.exceptions.ConnectionClosedOK:
+                    print("connection closed")
+                    break
+
+    # Video: receive and (optionally) send frames to Gemini
+    async def video_receive(self, frame: np.ndarray):
+        self.video_queue.put_nowait(frame)
+        if self.session and (time.time() - self.last_frame_time > 1.0):
+            self.last_frame_time = time.time()
+            await self.session.send(input=encode_image(frame))
+            # If there is an uploaded image passed alongside the WebRTC component,
+            # it will be available in latest_args[2]
+            if self.latest_args[2] is not None:
+                await self.session.send(input=encode_image(self.latest_args[2]))
+
+    async def video_emit(self) -> np.ndarray:
+        frame = await wait_for_item(self.video_queue, 0.01)
+        if frame is not None:
+            return frame
+        # Fallback while waiting for first frame
+        return np.zeros((100, 100, 3), dtype=np.uint8)
+
+    # Audio: forward microphone audio to Gemini
+    async def receive(self, frame: tuple[int, np.ndarray]) -> None:
+        _, array = frame
+        array = array.squeeze()  # (num_samples,)
+        audio_message = encode_audio(array)
+        if self.session:
+            await self.session.send(input=audio_message)
+
+    # Audio: emit Gemini’s audio back to the client
+    async def emit(self):
+        array = await wait_for_item(self.audio_queue, 0.01)
+        if array is not None:
+            return (self.output_sample_rate, array)
+        return array
+
+    async def shutdown(self) -> None:
+        if self.session:
+            self.quit.set()
+            await self.session.close()
+            self.quit.clear()
+```
+
+
+## 3) Setup Stream and Gradio UI
+We’ll add an optional `gr.Image` input alongside the `WebRTC` component. The handler will access this in `self.latest_args[1]` when sending frames to Gemini.
+
+```python
+import gradio as gr
+from fastrtc import Stream, WebRTC, get_hf_turn_credentials
+
+
+stream = Stream(
+    handler=GeminiHandler(),
+    modality="audio-video",
+    mode="send-receive",
+    server_rtc_configuration=get_hf_turn_credentials(ttl=600*10000),
+    rtc_configuration=get_hf_turn_credentials(),
+    additional_inputs=[
+        gr.Markdown(
+            "## 🎨 Art Critic\n\n"
+            "Provide an image of your artwork or hold it up to the webcam, and Gemini will critique it for you."
+            "To get a Gemini API key, please visit the [Gemini API Key](https://aistudio.google.com/apikey) page."
+            "To get an HF Token, please visit the [HF Token](https://huggingface.co/settings/tokens) page."
+        ),
+        gr.Image(label="Artwork", value="mona_lisa.jpg", type="numpy", sources=["upload", "clipboard"]),
+        gr.Textbox(label="Gemini API Key", type="password"),
+        gr.Textbox(label="HF Token", type="password"),
+    ],
+    ui_args={
+        "icon": "https://www.gstatic.com/lamda/images/gemini_favicon_f069958c85030456e93de685481c559f160ea06b.png",
+        "pulse_color": "rgb(255, 255, 255)",
+        "icon_button_color": "rgb(255, 255, 255)",
+        "title": "Gemini Audio Video Chat",
+    },
+    time_limit=90,
+    concurrency_limit=5,
+)
+
+if __name__ == "__main__":
+    stream.ui.launch()
+
+```
+
+### References
+- Gemini Audio Video Chat reference code: [Hugging Face Space](https://huggingface.co/spaces/gradio/gemini-audio-video/blob/main/app.py)
+- FastRTC docs: `https://fastrtc.org`
+- Audio + video user guide: `https://fastrtc.org/userguide/audio-video/`
+- Gradio component integration: `https://fastrtc.org/userguide/gradio/`
+- Cookbook (live demos + code): `https://fastrtc.org/cookbook/`
diff --git a/guides/11_other-tutorials/create-your-own-friends-with-a-gan.md b/guides/11_other-tutorials/create-your-own-friends-with-a-gan.md
new file mode 100644
index 0000000..d539afe
--- /dev/null
+++ b/guides/11_other-tutorials/create-your-own-friends-with-a-gan.md
@@ -0,0 +1,221 @@
+# Create Your Own Friends with a GAN
+
+Related spaces: https://huggingface.co/spaces/NimaBoscarino/cryptopunks, https://huggingface.co/spaces/nateraw/cryptopunks-generator
+Tags: GAN, IMAGE, HUB
+
+Contributed by <a href="https://huggingface.co/NimaBoscarino">Nima Boscarino</a> and <a href="https://huggingface.co/nateraw">Nate Raw</a>
+
+## Introduction
+
+It seems that cryptocurrencies, [NFTs](https://www.nytimes.com/interactive/2022/03/18/technology/nft-guide.html), and the web3 movement are all the rage these days! Digital assets are being listed on marketplaces for astounding amounts of money, and just about every celebrity is debuting their own NFT collection. While your crypto assets [may be taxable, such as in Canada](https://www.canada.ca/en/revenue-agency/programs/about-canada-revenue-agency-cra/compliance/digital-currency/cryptocurrency-guide.html), today we'll explore some fun and tax-free ways to generate your own assortment of procedurally generated [CryptoPunks](https://www.larvalabs.com/cryptopunks).
+
+Generative Adversarial Networks, often known just as _GANs_, are a specific class of deep-learning models that are designed to learn from an input dataset to create (_generate!_) new material that is convincingly similar to elements of the original training set. Famously, the website [thispersondoesnotexist.com](https://thispersondoesnotexist.com/) went viral with lifelike, yet synthetic, images of people generated with a model called StyleGAN2. GANs have gained traction in the machine learning world, and are now being used to generate all sorts of images, text, and even [music](https://salu133445.github.io/musegan/)!
+
+Today we'll briefly look at the high-level intuition behind GANs, and then we'll build a small demo around a pre-trained GAN to see what all the fuss is about. Here's a [peek](https://nimaboscarino-cryptopunks.hf.space) at what we're going to be putting together.
+
+### Prerequisites
+
+Make sure you have the `gradio` Python package already [installed](/getting_started). To use the pretrained model, also install `torch` and `torchvision`.
+
+## GANs: a very brief introduction
+
+Originally proposed in [Goodfellow et al. 2014](https://arxiv.org/abs/1406.2661), GANs are made up of neural networks which compete with the intention of outsmarting each other. One network, known as the _generator_, is responsible for generating images. The other network, the _discriminator_, receives an image at a time from the generator along with a **real** image from the training data set. The discriminator then has to guess: which image is the fake?
+
+The generator is constantly training to create images which are trickier for the discriminator to identify, while the discriminator raises the bar for the generator every time it correctly detects a fake. As the networks engage in this competitive (_adversarial!_) relationship, the images that get generated improve to the point where they become indistinguishable to human eyes!
+
+For a more in-depth look at GANs, you can take a look at [this excellent post on Analytics Vidhya](https://www.analyticsvidhya.com/blog/2021/06/a-detailed-explanation-of-gan-with-implementation-using-tensorflow-and-keras/) or this [PyTorch tutorial](https://pytorch.org/tutorials/beginner/dcgan_faces_tutorial.html). For now, though, we'll dive into a demo!
+
+## Step 1 — Create the Generator model
+
+To generate new images with a GAN, you only need the generator model. There are many different architectures that the generator could use, but for this demo we'll use a pretrained GAN generator model with the following architecture:
+
+```python
+from torch import nn
+
+class Generator(nn.Module):
+    # Refer to the link below for explanations about nc, nz, and ngf
+    # https://pytorch.org/tutorials/beginner/dcgan_faces_tutorial.html#inputs
+    def __init__(self, nc=4, nz=100, ngf=64):
+        super(Generator, self).__init__()
+        self.network = nn.Sequential(
+            nn.ConvTranspose2d(nz, ngf * 4, 3, 1, 0, bias=False),
+            nn.BatchNorm2d(ngf * 4),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 4, ngf * 2, 3, 2, 1, bias=False),
+            nn.BatchNorm2d(ngf * 2),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 2, ngf, 4, 2, 0, bias=False),
+            nn.BatchNorm2d(ngf),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf, nc, 4, 2, 1, bias=False),
+            nn.Tanh(),
+        )
+
+    def forward(self, input):
+        output = self.network(input)
+        return output
+```
+
+We're taking the generator from [this repo by @teddykoker](https://github.com/teddykoker/cryptopunks-gan/blob/main/train.py#L90), where you can also see the original discriminator model structure.
+
+After instantiating the model, we'll load in the weights from the Hugging Face Hub, stored at [nateraw/cryptopunks-gan](https://huggingface.co/nateraw/cryptopunks-gan):
+
+```python
+from huggingface_hub import hf_hub_download
+import torch
+
+model = Generator()
+weights_path = hf_hub_download('nateraw/cryptopunks-gan', 'generator.pth')
+model.load_state_dict(torch.load(weights_path, map_location=torch.device('cpu'))) # Use 'cuda' if you have a GPU available
+```
+
+## Step 2 — Defining a `predict` function
+
+The `predict` function is the key to making Gradio work! Whatever inputs we choose through the Gradio interface will get passed through our `predict` function, which should operate on the inputs and generate outputs that we can display with Gradio output components. For GANs it's common to pass random noise into our model as the input, so we'll generate a tensor of random numbers and pass that through the model. We can then use `torchvision`'s `save_image` function to save the output of the model as a `png` file, and return the file name:
+
+```python
+from torchvision.utils import save_image
+
+def predict(seed):
+    num_punks = 4
+    torch.manual_seed(seed)
+    z = torch.randn(num_punks, 100, 1, 1)
+    punks = model(z)
+    save_image(punks, "punks.png", normalize=True)
+    return 'punks.png'
+```
+
+We're giving our `predict` function a `seed` parameter, so that we can fix the random tensor generation with a seed. We'll then be able to reproduce punks if we want to see them again by passing in the same seed.
+
+_Note!_ Our model needs an input tensor of dimensions 100x1x1 to do a single inference, or (BatchSize)x100x1x1 for generating a batch of images. In this demo we'll start by generating 4 punks at a time.
+
+## Step 3 — Creating a Gradio interface
+
+At this point you can even run the code you have with `predict(<SOME_NUMBER>)`, and you'll find your freshly generated punks in your file system at `./punks.png`. To make a truly interactive demo, though, we'll build out a simple interface with Gradio. Our goals here are to:
+
+- Set a slider input so users can choose the "seed" value
+- Use an image component for our output to showcase the generated punks
+- Use our `predict()` to take the seed and generate the images
+
+With `gr.Interface()`, we can define all of that with a single function call:
+
+```python
+import gradio as gr
+
+gr.Interface(
+    predict,
+    inputs=[
+        gr.Slider(0, 1000, label='Seed', value=42),
+    ],
+    outputs="image",
+).launch()
+```
+
+
+## Step 4 — Even more punks!
+
+Generating 4 punks at a time is a good start, but maybe we'd like to control how many we want to make each time. Adding more inputs to our Gradio interface is as simple as adding another item to the `inputs` list that we pass to `gr.Interface`:
+
+```python
+gr.Interface(
+    predict,
+    inputs=[
+        gr.Slider(0, 1000, label='Seed', value=42),
+        gr.Slider(4, 64, label='Number of Punks', step=1, value=10), # Adding another slider!
+    ],
+    outputs="image",
+).launch()
+```
+
+The new input will be passed to our `predict()` function, so we have to make some changes to that function to accept a new parameter:
+
+```python
+def predict(seed, num_punks):
+    torch.manual_seed(seed)
+    z = torch.randn(num_punks, 100, 1, 1)
+    punks = model(z)
+    save_image(punks, "punks.png", normalize=True)
+    return 'punks.png'
+```
+
+When you relaunch your interface, you should see a second slider that'll let you control the number of punks!
+
+## Step 5 - Polishing it up
+
+Your Gradio app is pretty much good to go, but you can add a few extra things to really make it ready for the spotlight ✨
+
+We can add some examples that users can easily try out by adding this to the `gr.Interface`:
+
+```python
+gr.Interface(
+    # ...
+    # keep everything as it is, and then add
+    examples=[[123, 15], [42, 29], [456, 8], [1337, 35]],
+    cache_examples=True, # cache_examples is optional
+).launch()
+```
+
+The `examples` parameter takes a list of lists, where each item in the sublists is ordered in the same order that we've listed the `inputs`. So in our case, `[seed, num_punks]`. Give it a try!
+
+You can also try adding a `title`, `description`, and `article` to the `gr.Interface`. Each of those parameters accepts a string, so try it out and see what happens 👀 `article` will also accept HTML, as [explored in a previous guide](/guides/key-features/#descriptive-content)!
+
+When you're all done, you may end up with something like [this](https://nimaboscarino-cryptopunks.hf.space).
+
+For reference, here is our full code:
+
+```python
+import torch
+from torch import nn
+from huggingface_hub import hf_hub_download
+from torchvision.utils import save_image
+import gradio as gr
+
+class Generator(nn.Module):
+    # Refer to the link below for explanations about nc, nz, and ngf
+    # https://pytorch.org/tutorials/beginner/dcgan_faces_tutorial.html#inputs
+    def __init__(self, nc=4, nz=100, ngf=64):
+        super(Generator, self).__init__()
+        self.network = nn.Sequential(
+            nn.ConvTranspose2d(nz, ngf * 4, 3, 1, 0, bias=False),
+            nn.BatchNorm2d(ngf * 4),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 4, ngf * 2, 3, 2, 1, bias=False),
+            nn.BatchNorm2d(ngf * 2),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 2, ngf, 4, 2, 0, bias=False),
+            nn.BatchNorm2d(ngf),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf, nc, 4, 2, 1, bias=False),
+            nn.Tanh(),
+        )
+
+    def forward(self, input):
+        output = self.network(input)
+        return output
+
+model = Generator()
+weights_path = hf_hub_download('nateraw/cryptopunks-gan', 'generator.pth')
+model.load_state_dict(torch.load(weights_path, map_location=torch.device('cpu'))) # Use 'cuda' if you have a GPU available
+
+def predict(seed, num_punks):
+    torch.manual_seed(seed)
+    z = torch.randn(num_punks, 100, 1, 1)
+    punks = model(z)
+    save_image(punks, "punks.png", normalize=True)
+    return 'punks.png'
+
+gr.Interface(
+    predict,
+    inputs=[
+        gr.Slider(0, 1000, label='Seed', value=42),
+        gr.Slider(4, 64, label='Number of Punks', step=1, value=10),
+    ],
+    outputs="image",
+    examples=[[123, 15], [42, 29], [456, 8], [1337, 35]],
+    cache_examples=True,
+).launch()
+```
+
+---
+
+Congratulations! You've built out your very own GAN-powered CryptoPunks generator, with a fancy Gradio interface that makes it easy for anyone to use. Now you can [scour the Hub for more GANs](https://huggingface.co/models?other=gan) (or train your own) and continue making even more awesome demos 🤗
diff --git a/guides/11_other-tutorials/creating-a-dashboard-from-bigquery-data.md b/guides/11_other-tutorials/creating-a-dashboard-from-bigquery-data.md
new file mode 100644
index 0000000..946125f
--- /dev/null
+++ b/guides/11_other-tutorials/creating-a-dashboard-from-bigquery-data.md
@@ -0,0 +1,122 @@
+# Creating a Real-Time Dashboard from BigQuery Data
+
+Tags: TABULAR, DASHBOARD, PLOTS
+
+[Google BigQuery](https://cloud.google.com/bigquery) is a cloud-based service for processing very large data sets. It is a serverless and highly scalable data warehousing solution that enables users to analyze data [using SQL-like queries](https://www.oreilly.com/library/view/google-bigquery-the/9781492044451/ch01.html).
+
+In this tutorial, we will show you how to query a BigQuery dataset in Python and display the data in a dashboard that updates in real time using `gradio`. The dashboard will look like this:
+
+<img src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/bigquery-dashboard.gif">
+
+We'll cover the following steps in this Guide:
+
+1. Setting up your BigQuery credentials
+2. Using the BigQuery client
+3. Building the real-time dashboard (in just _7 lines of Python_)
+
+We'll be working with the [New York Times' COVID dataset](https://www.nytimes.com/interactive/2021/us/covid-cases.html) that is available as a public dataset on BigQuery. The dataset, named `covid19_nyt.us_counties` contains the latest information about the number of confirmed cases and deaths from COVID across US counties.
+
+**Prerequisites**: This Guide uses [Gradio Blocks](/guides/quickstart/#blocks-more-flexibility-and-control), so make your are familiar with the Blocks class.
+
+## Setting up your BigQuery Credentials
+
+To use Gradio with BigQuery, you will need to obtain your BigQuery credentials and use them with the [BigQuery Python client](https://pypi.org/project/google-cloud-bigquery/). If you already have BigQuery credentials (as a `.json` file), you can skip this section. If not, you can do this for free in just a couple of minutes.
+
+1. First, log in to your Google Cloud account and go to the Google Cloud Console (https://console.cloud.google.com/)
+
+2. In the Cloud Console, click on the hamburger menu in the top-left corner and select "APIs & Services" from the menu. If you do not have an existing project, you will need to create one.
+
+3. Then, click the "+ Enabled APIs & services" button, which allows you to enable specific services for your project. Search for "BigQuery API", click on it, and click the "Enable" button. If you see the "Manage" button, then the BigQuery is already enabled, and you're all set.
+
+4. In the APIs & Services menu, click on the "Credentials" tab and then click on the "Create credentials" button.
+
+5. In the "Create credentials" dialog, select "Service account key" as the type of credentials to create, and give it a name. Also grant the service account permissions by giving it a role such as "BigQuery User", which will allow you to run queries.
+
+6. After selecting the service account, select the "JSON" key type and then click on the "Create" button. This will download the JSON key file containing your credentials to your computer. It will look something like this:
+
+```json
+{
+	"type": "service_account",
+	"project_id": "your project",
+	"private_key_id": "your private key id",
+	"private_key": "private key",
+	"client_email": "email",
+	"client_id": "client id",
+	"auth_uri": "https://accounts.google.com/o/oauth2/auth",
+	"token_uri": "https://accounts.google.com/o/oauth2/token",
+	"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
+	"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/email_id"
+}
+```
+
+## Using the BigQuery Client
+
+Once you have the credentials, you will need to use the BigQuery Python client to authenticate using your credentials. To do this, you will need to install the BigQuery Python client by running the following command in the terminal:
+
+```bash
+pip install google-cloud-bigquery[pandas]
+```
+
+You'll notice that we've installed the pandas add-on, which will be helpful for processing the BigQuery dataset as a pandas dataframe. Once the client is installed, you can authenticate using your credentials by running the following code:
+
+```py
+from google.cloud import bigquery
+
+client = bigquery.Client.from_service_account_json("path/to/key.json")
+```
+
+With your credentials authenticated, you can now use the BigQuery Python client to interact with your BigQuery datasets.
+
+Here is an example of a function which queries the `covid19_nyt.us_counties` dataset in BigQuery to show the top 20 counties with the most confirmed cases as of the current day:
+
+```py
+import numpy as np
+
+QUERY = (
+    'SELECT * FROM `bigquery-public-data.covid19_nyt.us_counties` '
+    'ORDER BY date DESC,confirmed_cases DESC '
+    'LIMIT 20')
+
+def run_query():
+    query_job = client.query(QUERY)
+    query_result = query_job.result()
+    df = query_result.to_dataframe()
+    # Select a subset of columns
+    df = df[["confirmed_cases", "deaths", "county", "state_name"]]
+    # Convert numeric columns to standard numpy types
+    df = df.astype({"deaths": np.int64, "confirmed_cases": np.int64})
+    return df
+```
+
+## Building the Real-Time Dashboard
+
+Once you have a function to query the data, you can use the `gr.DataFrame` component from the Gradio library to display the results in a tabular format. This is a useful way to inspect the data and make sure that it has been queried correctly.
+
+Here is an example of how to use the `gr.DataFrame` component to display the results. By passing in the `run_query` function to `gr.DataFrame`, we instruct Gradio to run the function as soon as the page loads and show the results. In addition, you also pass in the keyword `every` to tell the dashboard to refresh every hour (60\*60 seconds).
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.DataFrame(run_query, every=gr.Timer(60*60))
+
+demo.launch()
+```
+
+Perhaps you'd like to add a visualization to our dashboard. You can use the `gr.ScatterPlot()` component to visualize the data in a scatter plot. This allows you to see the relationship between different variables such as case count and case deaths in the dataset and can be useful for exploring the data and gaining insights. Again, we can do this in real-time
+by passing in the `every` parameter.
+
+Here is a complete example showing how to use the `gr.ScatterPlot` to visualize in addition to displaying data with the `gr.DataFrame`
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 💉 Covid Dashboard (Updated Hourly)")
+    with gr.Row():
+        gr.DataFrame(run_query, every=gr.Timer(60*60))
+        gr.ScatterPlot(run_query, every=gr.Timer(60*60), x="confirmed_cases",
+                        y="deaths", tooltip="county", width=500, height=500)
+
+demo.queue().launch()  # Run the demo with queuing enabled
+```
diff --git a/guides/11_other-tutorials/creating-a-dashboard-from-supabase-data.md b/guides/11_other-tutorials/creating-a-dashboard-from-supabase-data.md
new file mode 100644
index 0000000..833ed36
--- /dev/null
+++ b/guides/11_other-tutorials/creating-a-dashboard-from-supabase-data.md
@@ -0,0 +1,121 @@
+# Create a Dashboard from Supabase Data
+
+Tags: TABULAR, DASHBOARD, PLOTS
+
+[Supabase](https://supabase.com/) is a cloud-based open-source backend that provides a PostgreSQL database, authentication, and other useful features for building web and mobile applications. In this tutorial, you will learn how to read data from Supabase and plot it in **real-time** on a Gradio Dashboard.
+
+**Prerequisites:** To start, you will need a free Supabase account, which you can sign up for here: [https://app.supabase.com/](https://app.supabase.com/)
+
+In this end-to-end guide, you will learn how to:
+
+- Create tables in Supabase
+- Write data to Supabase using the Supabase Python Client
+- Visualize the data in a real-time dashboard using Gradio
+
+If you already have data on Supabase that you'd like to visualize in a dashboard, you can skip the first two sections and go directly to [visualizing the data](#visualize-the-data-in-a-real-time-gradio-dashboard)!
+
+## Create a table in Supabase
+
+First of all, we need some data to visualize. Following this [excellent guide](https://supabase.com/blog/loading-data-supabase-python), we'll create fake commerce data and put it in Supabase.
+
+1\. Start by creating a new project in Supabase. Once you're logged in, click the "New Project" button
+
+2\. Give your project a name and database password. You can also choose a pricing plan (for our purposes, the Free Tier is sufficient!)
+
+3\. You'll be presented with your API keys while the database spins up (can take up to 2 minutes).
+
+4\. Click on "Table Editor" (the table icon) in the left pane to create a new table. We'll create a single table called `Product`, with the following schema:
+
+<center>
+<table>
+<tr><td>product_id</td><td>int8</td></tr>
+<tr><td>inventory_count</td><td>int8</td></tr>
+<tr><td>price</td><td>float8</td></tr>
+<tr><td>product_name</td><td>varchar</td></tr>
+</table>
+</center>
+
+5\. Click Save to save the table schema.
+
+Our table is now ready!
+
+## Write data to Supabase
+
+The next step is to write data to a Supabase dataset. We will use the Supabase Python library to do this.
+
+6\. Install `supabase` by running the following command in your terminal:
+
+```bash
+pip install supabase
+```
+
+7\. Get your project URL and API key. Click the Settings (gear icon) on the left pane and click 'API'. The URL is listed in the Project URL box, while the API key is listed in Project API keys (with the tags `service_role`, `secret`)
+
+8\. Now, run the following Python script to write some fake data to the table (note you have to put the values of `SUPABASE_URL` and `SUPABASE_SECRET_KEY` from step 7):
+
+```python
+import supabase
+
+# Initialize the Supabase client
+client = supabase.create_client('SUPABASE_URL', 'SUPABASE_SECRET_KEY')
+
+# Define the data to write
+import random
+
+main_list = []
+for i in range(10):
+    value = {'product_id': i,
+             'product_name': f"Item {i}",
+             'inventory_count': random.randint(1, 100),
+             'price': random.random()*100
+            }
+    main_list.append(value)
+
+# Write the data to the table
+data = client.table('Product').insert(main_list).execute()
+```
+
+Return to your Supabase dashboard and refresh the page, you should now see 10 rows populated in the `Product` table!
+
+## Visualize the Data in a Real-Time Gradio Dashboard
+
+Finally, we will read the data from the Supabase dataset using the same `supabase` Python library and create a realtime dashboard using `gradio`.
+
+Note: We repeat certain steps in this section (like creating the Supabase client) in case you did not go through the previous sections. As described in Step 7, you will need the project URL and API Key for your database.
+
+9\. Write a function that loads the data from the `Product` table and returns it as a pandas Dataframe:
+
+```python
+import supabase
+import pandas as pd
+
+client = supabase.create_client('SUPABASE_URL', 'SUPABASE_SECRET_KEY')
+
+def read_data():
+    response = client.table('Product').select("*").execute()
+    df = pd.DataFrame(response.data)
+    return df
+```
+
+10\. Create a small Gradio Dashboard with 2 Barplots that plots the prices and inventories of all of the items every minute and updates in real-time:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as dashboard:
+    with gr.Row():
+        gr.BarPlot(read_data, x="product_id", y="price", title="Prices", every=gr.Timer(60))
+        gr.BarPlot(read_data, x="product_id", y="inventory_count", title="Inventory", every=gr.Timer(60))
+
+dashboard.queue().launch()
+```
+
+Notice that by passing in a function to `gr.BarPlot()`, we have the BarPlot query the database as soon as the web app loads (and then again every 60 seconds because of the `every` parameter). Your final dashboard should look something like this:
+
+<gradio-app space="gradio/supabase"></gradio-app>
+
+## Conclusion
+
+That's it! In this tutorial, you learned how to write data to a Supabase dataset, and then read that data and plot the results as bar plots. If you update the data in the Supabase database, you'll notice that the Gradio dashboard will update within a minute.
+
+Try adding more plots and visualizations to this example (or with a different dataset) to build a more complex dashboard!
diff --git a/guides/11_other-tutorials/creating-a-realtime-dashboard-from-google-sheets.md b/guides/11_other-tutorials/creating-a-realtime-dashboard-from-google-sheets.md
new file mode 100644
index 0000000..b5e221b
--- /dev/null
+++ b/guides/11_other-tutorials/creating-a-realtime-dashboard-from-google-sheets.md
@@ -0,0 +1,142 @@
+# Creating a Real-Time Dashboard from Google Sheets
+
+Tags: TABULAR, DASHBOARD, PLOTS
+
+[Google Sheets](https://www.google.com/sheets/about/) are an easy way to store tabular data in the form of spreadsheets. With Gradio and pandas, it's easy to read data from public or private Google Sheets and then display the data or plot it. In this blog post, we'll build a small _real-time_ dashboard, one that updates when the data in the Google Sheets updates.
+
+Building the dashboard itself will just be 9 lines of Python code using Gradio, and our final dashboard will look like this:
+
+<gradio-app space="gradio/line-plot"></gradio-app>
+
+**Prerequisites**: This Guide uses [Gradio Blocks](/guides/quickstart/#blocks-more-flexibility-and-control), so make you are familiar with the Blocks class.
+
+The process is a little different depending on if you are working with a publicly accessible or a private Google Sheet. We'll cover both, so let's get started!
+
+## Public Google Sheets
+
+Building a dashboard from a public Google Sheet is very easy, thanks to the [`pandas` library](https://pandas.pydata.org/):
+
+1\. Get the URL of the Google Sheets that you want to use. To do this, simply go to the Google Sheets, click on the "Share" button in the top-right corner, and then click on the "Get shareable link" button. This will give you a URL that looks something like this:
+
+```html
+https://docs.google.com/spreadsheets/d/1UoKzzRzOCt-FXLLqDKLbryEKEgllGAQUEJ5qtmmQwpU/edit#gid=0
+```
+
+2\. Now, let's modify this URL and then use it to read the data from the Google Sheets into a Pandas DataFrame. (In the code below, replace the `URL` variable with the URL of your public Google Sheet):
+
+```python
+import pandas as pd
+
+URL = "https://docs.google.com/spreadsheets/d/1UoKzzRzOCt-FXLLqDKLbryEKEgllGAQUEJ5qtmmQwpU/edit#gid=0"
+csv_url = URL.replace('/edit#gid=', '/export?format=csv&gid=')
+
+def get_data():
+    return pd.read_csv(csv_url)
+```
+
+3\. The data query is a function, which means that it's easy to display it real-time using the `gr.DataFrame` component, or plot it real-time using the `gr.LinePlot` component (of course, depending on the data, a different plot may be appropriate). To do this, just pass the function into the respective components, and set the `every` parameter based on how frequently (in seconds) you would like the component to refresh. Here's the Gradio code:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 📈 Real-Time Line Plot")
+    with gr.Row():
+        with gr.Column():
+            gr.DataFrame(get_data, every=gr.Timer(5))
+        with gr.Column():
+            gr.LinePlot(get_data, every=gr.Timer(5), x="Date", y="Sales", y_title="Sales ($ millions)", overlay_point=True, width=500, height=500)
+
+demo.queue().launch()  # Run the demo with queuing enabled
+```
+
+And that's it! You have a dashboard that refreshes every 5 seconds, pulling the data from your Google Sheet.
+
+## Private Google Sheets
+
+For private Google Sheets, the process requires a little more work, but not that much! The key difference is that now, you must authenticate yourself to authorize access to the private Google Sheets.
+
+### Authentication
+
+To authenticate yourself, obtain credentials from Google Cloud. Here's [how to set up google cloud credentials](https://developers.google.com/workspace/guides/create-credentials):
+
+1\. First, log in to your Google Cloud account and go to the Google Cloud Console (https://console.cloud.google.com/)
+
+2\. In the Cloud Console, click on the hamburger menu in the top-left corner and select "APIs & Services" from the menu. If you do not have an existing project, you will need to create one.
+
+3\. Then, click the "+ Enabled APIs & services" button, which allows you to enable specific services for your project. Search for "Google Sheets API", click on it, and click the "Enable" button. If you see the "Manage" button, then Google Sheets is already enabled, and you're all set.
+
+4\. In the APIs & Services menu, click on the "Credentials" tab and then click on the "Create credentials" button.
+
+5\. In the "Create credentials" dialog, select "Service account key" as the type of credentials to create, and give it a name. **Note down the email of the service account**
+
+6\. After selecting the service account, select the "JSON" key type and then click on the "Create" button. This will download the JSON key file containing your credentials to your computer. It will look something like this:
+
+```json
+{
+	"type": "service_account",
+	"project_id": "your project",
+	"private_key_id": "your private key id",
+	"private_key": "private key",
+	"client_email": "email",
+	"client_id": "client id",
+	"auth_uri": "https://accounts.google.com/o/oauth2/auth",
+	"token_uri": "https://accounts.google.com/o/oauth2/token",
+	"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
+	"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/email_id"
+}
+```
+
+### Querying
+
+Once you have the credentials `.json` file, you can use the following steps to query your Google Sheet:
+
+1\. Click on the "Share" button in the top-right corner of the Google Sheet. Share the Google Sheets with the email address of the service from Step 5 of authentication subsection (this step is important!). Then click on the "Get shareable link" button. This will give you a URL that looks something like this:
+
+```html
+https://docs.google.com/spreadsheets/d/1UoKzzRzOCt-FXLLqDKLbryEKEgllGAQUEJ5qtmmQwpU/edit#gid=0
+```
+
+2\. Install the [`gspread` library](https://docs.gspread.org/en/v5.7.0/), which makes it easy to work with the [Google Sheets API](https://developers.google.com/sheets/api/guides/concepts) in Python by running in the terminal: `pip install gspread`
+
+3\. Write a function to load the data from the Google Sheet, like this (replace the `URL` variable with the URL of your private Google Sheet):
+
+```python
+import gspread
+import pandas as pd
+
+# Authenticate with Google and get the sheet
+URL = 'https://docs.google.com/spreadsheets/d/1_91Vps76SKOdDQ8cFxZQdgjTJiz23375sAT7vPvaj4k/edit#gid=0'
+
+gc = gspread.service_account("path/to/key.json")
+sh = gc.open_by_url(URL)
+worksheet = sh.sheet1
+
+def get_data():
+    values = worksheet.get_all_values()
+    df = pd.DataFrame(values[1:], columns=values[0])
+    return df
+
+```
+
+4\. The data query is a function, which means that it's easy to display it real-time using the `gr.DataFrame` component, or plot it real-time using the `gr.LinePlot` component (of course, depending on the data, a different plot may be appropriate). To do this, we just pass the function into the respective components, and set the `every` parameter based on how frequently (in seconds) we would like the component to refresh. Here's the Gradio code:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 📈 Real-Time Line Plot")
+    with gr.Row():
+        with gr.Column():
+            gr.DataFrame(get_data, every=gr.Timer(5))
+        with gr.Column():
+            gr.LinePlot(get_data, every=gr.Timer(5), x="Date", y="Sales", y_title="Sales ($ millions)", overlay_point=True, width=500, height=500)
+
+demo.queue().launch()  # Run the demo with queuing enabled
+```
+
+You now have a Dashboard that refreshes every 5 seconds, pulling the data from your Google Sheet.
+
+## Conclusion
+
+And that's all there is to it! With just a few lines of code, you can use `gradio` and other libraries to read data from a public or private Google Sheet and then display and plot the data in a real-time dashboard.
diff --git a/guides/11_other-tutorials/css-variables-reference.md b/guides/11_other-tutorials/css-variables-reference.md
new file mode 100644
index 0000000..31cb9ab
--- /dev/null
+++ b/guides/11_other-tutorials/css-variables-reference.md
@@ -0,0 +1,302 @@
+# CSS Variables Reference
+
+Tags: THEMES
+
+This page lists all available CSS variables that can be set via the `.set()` method on a Gradio theme, organized by category. The CSS Variable column shows the variable name as used in CSS (e.g. in custom stylesheets), while the Default column shows the value set by the `Base` theme.
+
+For more information on how to use these variables, see the [Theming Guide](/guides/theming-guide).
+
+<!-- CSS_VARS_TABLE_START -->
+
+## Body Attributes
+
+| CSS Variable | Description | Default |
+| --- | --- | --- |
+| `--body-background-fill` | The background of the entire app. | `*background_fill_primary` |
+| `--body-background-fill-dark` | The background of the entire app in dark mode. | `*background_fill_primary` |
+| `--body-text-color` | The default text color. | `*neutral_800` |
+| `--body-text-color-dark` | The default text color in dark mode. | `*neutral_100` |
+| `--body-text-size` | The default text size. | `*text_md` |
+| `--body-text-color-subdued` | The text color used for softer, less important text. | `*neutral_400` |
+| `--body-text-color-subdued-dark` | The text color used for softer, less important text in dark mode. | `*neutral_400` |
+| `--body-text-weight` | The default text weight. | `400` |
+| `--embed-radius` | The corner radius used for embedding when the app is embedded within a page. | `*radius_sm` |
+
+## Element Colors
+
+| CSS Variable | Description | Default |
+| --- | --- | --- |
+| `--background-fill-primary` | The background primarily used for items placed directly on the page. | `white` |
+| `--background-fill-primary-dark` | The background primarily used for items placed directly on the page in dark mode. | `*neutral_950` |
+| `--background-fill-secondary` | The background primarily used for items placed on top of another item. | `*neutral_50` |
+| `--background-fill-secondary-dark` | The background primarily used for items placed on top of another item in dark mode. | `*neutral_900` |
+| `--border-color-accent` | The border color used for accented items. | `*primary_300` |
+| `--border-color-accent-dark` | The border color used for accented items in dark mode. | `*neutral_600` |
+| `--border-color-accent-subdued` | The subdued border color for accented items. | `*border_color_accent` |
+| `--border-color-accent-subdued-dark` | The subdued border color for accented items in dark mode. | `*border_color_accent` |
+| `--border-color-primary` | The border color primarily used for items placed directly on the page. | `*neutral_200` |
+| `--border-color-primary-dark` | The border color primarily used for items placed directly on the page in dark mode. | `*neutral_700` |
+| `--color-accent` | The color used for accented items. | `*primary_500` |
+| `--color-accent-soft` | The softer color used for accented items. | `*primary_50` |
+| `--color-accent-soft-dark` | The softer color used for accented items in dark mode. | `*neutral_700` |
+| `--link-text-color` | The text color used for links. | `*secondary_600` |
+| `--link-text-color-dark` | The text color used for links in dark mode. | `*secondary_500` |
+| `--link-text-color-active` | The text color used for links when they are active. | `*secondary_600` |
+| `--link-text-color-active-dark` | The text color used for links when they are active in dark mode. | `*secondary_500` |
+| `--link-text-color-hover` | The text color used for links when they are hovered over. | `*secondary_700` |
+| `--link-text-color-hover-dark` | The text color used for links when they are hovered over in dark mode. | `*secondary_400` |
+| `--link-text-color-visited` | The text color used for links when they have been visited. | `*secondary_500` |
+| `--link-text-color-visited-dark` | The text color used for links when they have been visited in dark mode. | `*secondary_600` |
+| `--prose-text-size` | The text size used for markdown and other prose. | `*text_md` |
+| `--prose-text-weight` | The text weight used for markdown and other prose. | `400` |
+| `--prose-header-text-weight` | The text weight of a header used for markdown and other prose. | `600` |
+| `--code-background-fill` | The background color of code blocks. | `*neutral_100` |
+| `--code-background-fill-dark` | The background color of code blocks in dark mode. | `*neutral_800` |
+
+## Shadows
+
+| CSS Variable | Description | Default |
+| --- | --- | --- |
+| `--shadow-drop` | Drop shadow used by other shadowed items. | `rgba(0,0,0,0.05) 0px 1px 2px 0px` |
+| `--shadow-drop-lg` | Larger drop shadow used by other shadowed items. | `0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)` |
+| `--shadow-inset` | Inset shadow used by other shadowed items. | `rgba(0,0,0,0.05) 0px 2px 4px 0px inset` |
+| `--shadow-spread` | Size of shadow spread used by shadowed items. | `3px` |
+| `--shadow-spread-dark` | Size of shadow spread used by shadowed items in dark mode. | `1px` |
+
+## Layout Atoms
+
+| CSS Variable | Description | Default |
+| --- | --- | --- |
+| `--block-background-fill` | The background around an item. | `*background_fill_primary` |
+| `--block-background-fill-dark` | The background around an item in dark mode. | `*neutral_800` |
+| `--block-border-color` | The border color around an item. | `*border_color_primary` |
+| `--block-border-color-dark` | The border color around an item in dark mode. | `*border_color_primary` |
+| `--block-border-width` | The border width around an item. | `1px` |
+| `--block-border-width-dark` | The border width around an item in dark mode. |  |
+| `--block-info-text-color` | The color of the info text. | `*body_text_color_subdued` |
+| `--block-info-text-color-dark` | The color of the info text in dark mode. | `*body_text_color_subdued` |
+| `--block-info-text-size` | The size of the info text. | `*text_sm` |
+| `--block-info-text-weight` | The weight of the info text. | `400` |
+| `--block-label-background-fill` | The background of the title label of a media element (e.g. image). | `*background_fill_primary` |
+| `--block-label-background-fill-dark` | The background of the title label of a media element (e.g. image) in dark mode. | `*background_fill_secondary` |
+| `--block-label-border-color` | The border color of the title label of a media element (e.g. image). | `*border_color_primary` |
+| `--block-label-border-color-dark` | The border color of the title label of a media element (e.g. image) in dark mode. | `*border_color_primary` |
+| `--block-label-border-width` | The border width of the title label of a media element (e.g. image). | `1px` |
+| `--block-label-border-width-dark` | The border width of the title label of a media element (e.g. image) in dark mode. |  |
+| `--block-label-shadow` | The shadow of the title label of a media element (e.g. image). | `*block_shadow` |
+| `--block-label-text-color` | The text color of the title label of a media element (e.g. image). | `*neutral_500` |
+| `--block-label-text-color-dark` | The text color of the title label of a media element (e.g. image) in dark mode. | `*neutral_200` |
+| `--block-label-margin` | The margin of the title label of a media element (e.g. image) from its surrounding container. | `0` |
+| `--block-label-padding` | The padding of the title label of a media element (e.g. image). | `*spacing_sm *spacing_lg` |
+| `--block-label-radius` | The corner radius of the title label of a media element (e.g. image). | `calc(*radius_sm - 1px) 0 calc(*radius_sm - 1px) 0` |
+| `--block-label-right-radius` | The corner radius of a right-aligned helper label. | `0 calc(*radius_sm - 1px) 0 calc(*radius_sm - 1px)` |
+| `--block-label-text-size` | The text size of the title label of a media element (e.g. image). | `*text_sm` |
+| `--block-label-text-weight` | The text weight of the title label of a media element (e.g. image). | `400` |
+| `--block-padding` | The padding around an item. | `*spacing_xl calc(*spacing_xl + 2px)` |
+| `--block-radius` | The corner radius around an item. | `*radius_sm` |
+| `--block-shadow` | The shadow under an item. | `none` |
+| `--block-shadow-dark` | The shadow under an item in dark mode. |  |
+| `--block-title-background-fill` | The background of the title of a form element (e.g. textbox). | `none` |
+| `--block-title-background-fill-dark` | The background of the title of a form element (e.g. textbox) in dark mode. |  |
+| `--block-title-border-color` | The border color of the title of a form element (e.g. textbox). | `none` |
+| `--block-title-border-color-dark` | The border color of the title of a form element (e.g. textbox) in dark mode. |  |
+| `--block-title-border-width` | The border width of the title of a form element (e.g. textbox). | `0px` |
+| `--block-title-border-width-dark` | The border width of the title of a form element (e.g. textbox) in dark mode. |  |
+| `--block-title-text-color` | The text color of the title of a form element (e.g. textbox). | `*neutral_500` |
+| `--block-title-text-color-dark` | The text color of the title of a form element (e.g. textbox) in dark mode. | `*neutral_200` |
+| `--block-title-padding` | The padding of the title of a form element (e.g. textbox). | `0` |
+| `--block-title-radius` | The corner radius of the title of a form element (e.g. textbox). | `none` |
+| `--block-title-text-size` | The text size of the title of a form element (e.g. textbox). | `*text_md` |
+| `--block-title-text-weight` | The text weight of the title of a form element (e.g. textbox). | `400` |
+| `--container-radius` | The corner radius of a layout component that holds other content. | `*radius_sm` |
+| `--form-gap-width` | The border gap between form elements, (e.g. consecutive textboxes). | `0px` |
+| `--layout-gap` | The gap between items within a row or column. | `*spacing_xxl` |
+| `--panel-background-fill` | The background of a panel. | `*background_fill_secondary` |
+| `--panel-background-fill-dark` | The background of a panel in dark mode. | `*background_fill_secondary` |
+| `--panel-border-color` | The border color of a panel. | `*border_color_primary` |
+| `--panel-border-color-dark` | The border color of a panel in dark mode. | `*border_color_primary` |
+| `--panel-border-width` | The border width of a panel. | `0` |
+| `--panel-border-width-dark` | The border width of a panel in dark mode. |  |
+| `--section-header-text-size` | The text size of a section header (e.g. tab name). | `*text_md` |
+| `--section-header-text-weight` | The text weight of a section header (e.g. tab name). | `400` |
+
+## Component Atoms
+
+| CSS Variable | Description | Default |
+| --- | --- | --- |
+| `--accordion-text-color` | The body text color in the accordion. | `*body_text_color` |
+| `--accordion-text-color-dark` | The body text color in the accordion in dark mode. | `*body_text_color` |
+| `--table-text-color` | The body text color in the table. | `*body_text_color` |
+| `--table-text-color-dark` | The body text color in the table in dark mode. | `*body_text_color` |
+| `--checkbox-background-color` | The background of a checkbox square or radio circle. | `*background_fill_primary` |
+| `--chatbot-text-size` | The text size of the chatbot text. | `*text_lg` |
+| `--checkbox-background-color-dark` | The background of a checkbox square or radio circle in dark mode. | `*neutral_800` |
+| `--checkbox-background-color-focus` | The background of a checkbox square or radio circle when focused. | `*checkbox_background_color` |
+| `--checkbox-background-color-focus-dark` | The background of a checkbox square or radio circle when focused in dark mode. | `*checkbox_background_color` |
+| `--checkbox-background-color-hover` | The background of a checkbox square or radio circle when hovered over. | `*checkbox_background_color` |
+| `--checkbox-background-color-hover-dark` | The background of a checkbox square or radio circle when hovered over in dark mode. | `*checkbox_background_color` |
+| `--checkbox-background-color-selected` | The background of a checkbox square or radio circle when selected. | `*color_accent` |
+| `--checkbox-background-color-selected-dark` | The background of a checkbox square or radio circle when selected in dark mode. | `*color_accent` |
+| `--checkbox-border-color` | The border color of a checkbox square or radio circle. | `*neutral_300` |
+| `--checkbox-border-color-dark` | The border color of a checkbox square or radio circle in dark mode. | `*neutral_700` |
+| `--checkbox-border-color-focus` | The border color of a checkbox square or radio circle when focused. | `*color_accent` |
+| `--checkbox-border-color-focus-dark` | The border color of a checkbox square or radio circle when focused in dark mode. | `*color_accent` |
+| `--checkbox-border-color-hover` | The border color of a checkbox square or radio circle when hovered over. | `*neutral_300` |
+| `--checkbox-border-color-hover-dark` | The border color of a checkbox square or radio circle when hovered over in dark mode. | `*neutral_600` |
+| `--checkbox-border-color-selected` | The border color of a checkbox square or radio circle when selected. | `*color_accent` |
+| `--checkbox-border-color-selected-dark` | The border color of a checkbox square or radio circle when selected in dark mode. | `*color_accent` |
+| `--checkbox-border-radius` | The corner radius of a checkbox square. | `*radius_sm` |
+| `--checkbox-border-width` | The border width of a checkbox square or radio circle. | `*input_border_width` |
+| `--checkbox-border-width-dark` | The border width of a checkbox square or radio circle in dark mode. | `*input_border_width` |
+| `--checkbox-check` | The checkmark visual of a checkbox square. | `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")` |
+| `--radio-circle` | The circle visual of a radio circle. | `url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")` |
+| `--checkbox-shadow` | The shadow of a checkbox square or radio circle. | `*input_shadow` |
+| `--checkbox-label-background-fill` | The background of the surrounding button of a checkbox or radio element. | `*button_secondary_background_fill` |
+| `--checkbox-label-background-fill-dark` | The background of the surrounding button of a checkbox or radio element in dark mode. | `*button_secondary_background_fill` |
+| `--checkbox-label-background-fill-hover` | The background of the surrounding button of a checkbox or radio element when hovered over. | `*button_secondary_background_fill_hover` |
+| `--checkbox-label-background-fill-hover-dark` | The background of the surrounding button of a checkbox or radio element when hovered over in dark mode. | `*button_secondary_background_fill_hover` |
+| `--checkbox-label-background-fill-selected` | The background of the surrounding button of a checkbox or radio element when selected. | `*checkbox_label_background_fill` |
+| `--checkbox-label-background-fill-selected-dark` | The background of the surrounding button of a checkbox or radio element when selected in dark mode. | `*checkbox_label_background_fill` |
+| `--checkbox-label-border-color` | The border color of the surrounding button of a checkbox or radio element. | `*border_color_primary` |
+| `--checkbox-label-border-color-dark` | The border color of the surrounding button of a checkbox or radio element in dark mode. | `*border_color_primary` |
+| `--checkbox-label-border-color-hover` | The border color of the surrounding button of a checkbox or radio element when hovered over. | `*checkbox_label_border_color` |
+| `--checkbox-label-border-color-hover-dark` | The border color of the surrounding button of a checkbox or radio element when hovered over in dark mode. | `*checkbox_label_border_color` |
+| `--checkbox-label-border-color-selected` | The border color of the surrounding button of a checkbox or radio element when selected. | `*checkbox_label_border_color` |
+| `--checkbox-label-border-color-selected-dark` | The border color of the surrounding button of a checkbox or radio element when selected in dark mode. | `*checkbox_label_border_color` |
+| `--checkbox-label-border-width` | The border width of the surrounding button of a checkbox or radio element. | `*input_border_width` |
+| `--checkbox-label-border-width-dark` | The border width of the surrounding button of a checkbox or radio element in dark mode. | `*input_border_width` |
+| `--checkbox-label-gap` | The gap consecutive checkbox or radio elements. | `*spacing_lg` |
+| `--checkbox-label-padding` | The padding of the surrounding button of a checkbox or radio element. | `*spacing_md calc(2 * *spacing_md)` |
+| `--checkbox-label-shadow` | The shadow of the surrounding button of a checkbox or radio element. | `none` |
+| `--checkbox-label-text-size` | The text size of the label accompanying a checkbox or radio element. | `*text_md` |
+| `--checkbox-label-text-weight` | The text weight of the label accompanying a checkbox or radio element. | `400` |
+| `--checkbox-label-text-color` | The text color of the label accompanying a checkbox or radio element. | `*body_text_color` |
+| `--checkbox-label-text-color-dark` | The text color of the label accompanying a checkbox or radio element in dark mode. | `*body_text_color` |
+| `--checkbox-label-text-color-selected` | The text color of the label accompanying a checkbox or radio element when selected. | `*checkbox_label_text_color` |
+| `--checkbox-label-text-color-selected-dark` | The text color of the label accompanying a checkbox or radio element when selected in dark mode. | `*checkbox_label_text_color` |
+| `--error-background-fill` | The background of an error message. | `#fef2f2` |
+| `--error-background-fill-dark` | The background of an error message in dark mode. | `*background_fill_primary` |
+| `--error-border-color` | The border color of an error message. | `#b91c1c` |
+| `--error-border-color-dark` | The border color of an error message in dark mode. | `#ef4444` |
+| `--error-border-width` | The border width of an error message. | `1px` |
+| `--error-border-width-dark` | The border width of an error message in dark mode. |  |
+| `--error-text-color` | The text color of an error message. | `#b91c1c` |
+| `--error-text-color-dark` | The text color of an error message in dark mode. | `#fef2f2` |
+| `--error-icon-color` |  | `#b91c1c` |
+| `--error-icon-color-dark` |  | `#ef4444` |
+| `--input-background-fill` | The background of an input field. | `*neutral_100` |
+| `--input-background-fill-dark` | The background of an input field in dark mode. | `*neutral_700` |
+| `--input-background-fill-focus` | The background of an input field when focused. | `*input_background_fill` |
+| `--input-background-fill-focus-dark` | The background of an input field when focused in dark mode. |  |
+| `--input-background-fill-hover` | The background of an input field when hovered over. | `*input_background_fill` |
+| `--input-background-fill-hover-dark` | The background of an input field when hovered over in dark mode. | `*input_background_fill` |
+| `--input-border-color` | The border color of an input field. | `*border_color_primary` |
+| `--input-border-color-dark` | The border color of an input field in dark mode. | `*border_color_primary` |
+| `--input-border-color-focus` | The border color of an input field when focused. | `*secondary_300` |
+| `--input-border-color-focus-dark` | The border color of an input field when focused in dark mode. | `*neutral_700` |
+| `--input-border-color-hover` | The border color of an input field when hovered over. | `*input_border_color` |
+| `--input-border-color-hover-dark` | The border color of an input field when hovered over in dark mode. | `*input_border_color` |
+| `--input-border-width` | The border width of an input field. | `0px` |
+| `--input-border-width-dark` | The border width of an input field in dark mode. |  |
+| `--input-padding` | The padding of an input field. | `*spacing_xl` |
+| `--input-placeholder-color` | The placeholder text color of an input field. | `*neutral_400` |
+| `--input-placeholder-color-dark` | The placeholder text color of an input field in dark mode. | `*neutral_500` |
+| `--input-radius` | The corner radius of an input field. | `*radius_sm` |
+| `--input-shadow` | The shadow of an input field. | `none` |
+| `--input-shadow-dark` | The shadow of an input field in dark mode. |  |
+| `--input-shadow-focus` | The shadow of an input field when focused. | `*input_shadow` |
+| `--input-shadow-focus-dark` | The shadow of an input field when focused in dark mode. |  |
+| `--input-text-size` | The text size of an input field. | `*text_md` |
+| `--input-text-weight` | The text weight of an input field. | `400` |
+| `--loader-color` | The color of the loading animation while a request is pending. | `*color_accent` |
+| `--loader-color-dark` | The color of the loading animation while a request is pending in dark mode. |  |
+| `--slider-color` | The color of the slider in a range element. | `*color_accent` |
+| `--slider-color-dark` | The color of the slider in a range element in dark mode. |  |
+| `--stat-background-fill` | The background used for stats visuals (e.g. confidence bars in label). | `*primary_300` |
+| `--stat-background-fill-dark` | The background used for stats visuals (e.g. confidence bars in label) in dark mode. | `*primary_500` |
+| `--table-border-color` | The border color of a table. | `*neutral_300` |
+| `--table-border-color-dark` | The border color of a table in dark mode. | `*neutral_700` |
+| `--table-even-background-fill` | The background of even rows in a table. | `white` |
+| `--table-even-background-fill-dark` | The background of even rows in a table in dark mode. | `*neutral_950` |
+| `--table-odd-background-fill` | The background of odd rows in a table. | `*neutral_50` |
+| `--table-odd-background-fill-dark` | The background of odd rows in a table in dark mode. | `*neutral_900` |
+| `--table-radius` | The corner radius of a table. | `*radius_sm` |
+| `--table-row-focus` | The background of a focused row in a table. | `*color_accent_soft` |
+| `--table-row-focus-dark` | The background of a focused row in a table in dark mode. | `*color_accent_soft` |
+
+## Buttons
+
+| CSS Variable | Description | Default |
+| --- | --- | --- |
+| `--button-border-width` | The border width of a button. | `*input_border_width` |
+| `--button-border-width-dark` | The border width of a button in dark mode. |  |
+| `--button-transform-hover` | The transform animation of a button on hover. | `none` |
+| `--button-transform-active` | The transform animation of a button when pressed. | `none` |
+| `--button-transition` | The transition animation duration of a button between regular, hover, and focused states. | `all 0.2s ease` |
+| `--button-large-padding` | The padding of a button with the default "large" size. | `*spacing_lg calc(2 * *spacing_lg)` |
+| `--button-large-radius` | The corner radius of a button with the default "large" size. | `*radius_md` |
+| `--button-large-text-size` | The text size of a button with the default "large" size. | `*text_lg` |
+| `--button-large-text-weight` | The text weight of a button with the default "large" size. | `600` |
+| `--button-small-padding` | The padding of a button set to "small" size. | `*spacing_sm calc(1.5 * *spacing_sm)` |
+| `--button-small-radius` | The corner radius of a button set to "small" size. | `*radius_md` |
+| `--button-small-text-size` | The text size of a button set to "small" size. | `*text_sm` |
+| `--button-small-text-weight` | The text weight of a button set to "small" size. | `400` |
+| `--button-medium-padding` | The padding of a button set to "medium" size. | `*spacing_md calc(2 * *spacing_md)` |
+| `--button-medium-radius` | The corner radius of a button set to "medium" size. | `*radius_md` |
+| `--button-medium-text-size` | The text size of a button set to "medium" size. | `*text_md` |
+| `--button-medium-text-weight` | The text weight of a button set to "medium" size. | `600` |
+| `--button-primary-background-fill` | The background of a button of "primary" variant. | `*primary_500` |
+| `--button-primary-background-fill-dark` | The background of a button of "primary" variant in dark mode. | `*primary_600` |
+| `--button-primary-background-fill-hover` | The background of a button of "primary" variant when hovered over. | `*primary_600` |
+| `--button-primary-background-fill-hover-dark` | The background of a button of "primary" variant when hovered over in dark mode. | `*primary_700` |
+| `--button-primary-border-color` | The border color of a button of "primary" variant. | `*primary_500` |
+| `--button-primary-border-color-dark` | The border color of a button of "primary" variant in dark mode. | `*primary_600` |
+| `--button-primary-border-color-hover` | The border color of a button of "primary" variant when hovered over. | `*primary_500` |
+| `--button-primary-border-color-hover-dark` | The border color of a button of "primary" variant when hovered over in dark mode. | `*primary_500` |
+| `--button-primary-text-color` | The text color of a button of "primary" variant. | `white` |
+| `--button-primary-text-color-dark` | The text color of a button of "primary" variant in dark mode. | `white` |
+| `--button-primary-text-color-hover` | The text color of a button of "primary" variant when hovered over. | `*button_primary_text_color` |
+| `--button-primary-text-color-hover-dark` | The text color of a button of "primary" variant when hovered over in dark mode. | `*button_primary_text_color` |
+| `--button-primary-shadow` | The shadow under a primary button. | `none` |
+| `--button-primary-shadow-hover` | The shadow under a primary button when hovered over. | `*button_primary_shadow` |
+| `--button-primary-shadow-active` | The shadow under a primary button when pressed. | `*button_primary_shadow` |
+| `--button-primary-shadow-dark` | The shadow under a primary button in dark mode. |  |
+| `--button-primary-shadow-hover-dark` | The shadow under a primary button when hovered over in dark mode. | `*button_primary_shadow` |
+| `--button-primary-shadow-active-dark` | The shadow under a primary button when pressed in dark mode. | `*button_primary_shadow` |
+| `--button-secondary-background-fill` | The background of a button of default "secondary" variant. | `*neutral_200` |
+| `--button-secondary-background-fill-dark` | The background of a button of default "secondary" variant in dark mode. | `*neutral_600` |
+| `--button-secondary-background-fill-hover` | The background of a button of default "secondary" variant when hovered over. | `*neutral_300` |
+| `--button-secondary-background-fill-hover-dark` | The background of a button of default "secondary" variant when hovered over in dark mode. | `*neutral_700` |
+| `--button-secondary-border-color` | The border color of a button of default "secondary" variant. | `*neutral_200` |
+| `--button-secondary-border-color-dark` | The border color of a button of default "secondary" variant in dark mode. | `*neutral_600` |
+| `--button-secondary-border-color-hover` | The border color of a button of default "secondary" variant when hovered over. | `*neutral_200` |
+| `--button-secondary-border-color-hover-dark` | The border color of a button of default "secondary" variant when hovered over in dark mode. | `*neutral_500` |
+| `--button-secondary-text-color` | The text color of a button of default "secondary" variant. | `black` |
+| `--button-secondary-text-color-dark` | The text color of a button of default "secondary" variant in dark mode. | `white` |
+| `--button-secondary-text-color-hover` | The text color of a button of default "secondary" variant when hovered over. | `*button_secondary_text_color` |
+| `--button-secondary-text-color-hover-dark` | The text color of a button of default "secondary" variant when hovered over in dark mode. | `*button_secondary_text_color` |
+| `--button-secondary-shadow` | The shadow under a secondary button. | `*button_primary_shadow` |
+| `--button-secondary-shadow-hover` | The shadow under a secondary button when hovered over. | `*button_secondary_shadow` |
+| `--button-secondary-shadow-active` | The shadow under a secondary button when pressed. | `*button_secondary_shadow` |
+| `--button-secondary-shadow-dark` | The shadow under a secondary button in dark mode. |  |
+| `--button-secondary-shadow-hover-dark` | The shadow under a secondary button when hovered over in dark mode. | `*button_secondary_shadow` |
+| `--button-secondary-shadow-active-dark` | The shadow under a secondary button when pressed in dark mode. | `*button_secondary_shadow` |
+| `--button-cancel-background-fill` | The background of a button of "cancel" variant. | `*button_secondary_background_fill` |
+| `--button-cancel-background-fill-dark` | The background of a button of "cancel" variant in dark mode. | `*button_secondary_background_fill` |
+| `--button-cancel-background-fill-hover` | The background of a button of "cancel" variant when hovered over. | `*button_secondary_background_fill_hover` |
+| `--button-cancel-background-fill-hover-dark` | The background of a button of "cancel" variant when hovered over in dark mode. | `*button_secondary_background_fill_hover` |
+| `--button-cancel-border-color` | The border color of a button of "cancel" variant. | `*button_secondary_border_color` |
+| `--button-cancel-border-color-dark` | The border color of a button of "cancel" variant in dark mode. | `*button_secondary_border_color` |
+| `--button-cancel-border-color-hover` | The border color of a button of "cancel" variant when hovered over. | `*button_secondary_border_color_hover` |
+| `--button-cancel-border-color-hover-dark` | The border color of a button of "cancel" variant when hovered over in dark mode. | `*button_secondary_border_color_hover` |
+| `--button-cancel-text-color` | The text color of a button of "cancel" variant. | `*button_secondary_text_color` |
+| `--button-cancel-text-color-dark` | The text color of a button of "cancel" variant in dark mode. | `*button_secondary_text_color` |
+| `--button-cancel-text-color-hover` | The text color of a button of "cancel" variant when hovered over. | `*button_secondary_text_color_hover` |
+| `--button-cancel-text-color-hover-dark` | The text color of a button of "cancel" variant when hovered over in dark mode. | `white` |
+| `--button-cancel-shadow` | The shadow under a button of "cancel" variant. | `*button_secondary_shadow` |
+| `--button-cancel-shadow-hover` | The shadow under a button of "cancel" variant when hovered over. | `*button_secondary_shadow_hover` |
+| `--button-cancel-shadow-active` | The shadow under a button of "cancel" variant when pressed. | `*button_secondary_shadow_active` |
+| `--button-cancel-shadow-dark` | The shadow under a button of "cancel" variant in dark mode. | `*button_secondary_shadow` |
+| `--button-cancel-shadow-hover-dark` | The shadow under a button of "cancel" variant when hovered over in dark mode. | `*button_secondary_shadow_hover` |
+| `--button-cancel-shadow-active-dark` | The shadow under a button of "cancel" variant when pressed in dark mode. | `*button_secondary_shadow_active` |
+<!-- CSS_VARS_TABLE_END -->
diff --git a/guides/11_other-tutorials/deploying-gradio-with-disco.md b/guides/11_other-tutorials/deploying-gradio-with-disco.md
new file mode 100644
index 0000000..2a79f84
--- /dev/null
+++ b/guides/11_other-tutorials/deploying-gradio-with-disco.md
@@ -0,0 +1,142 @@
+# Self-Hosting a Gradio app with Disco
+
+Tags: DEPLOYMENT
+
+
+### Introduction
+
+Gradio is a fantastic open-source Python library that allows you to build and share machine learning apps and demos with just a few lines of code. While Gradio offers free hosting on [Hugging Face Spaces](https://huggingface.co/spaces), you might want to deploy your app on your own server for more control, or to integrate it with other services.
+
+This tutorial will guide you through deploying a Gradio application on your own server using [Disco](https://disco.cloud/), an open-source platform that simplifies the deployment process. With Disco, you can enjoy the benefits of self-hosting without the usual complexities of server setup and maintenance. By the end, you'll have a working Gradio app deployed on your own server with automatic HTTPS and continuous deployment from GitHub.
+
+### Prerequisites
+
+Before you begin, make sure you have the following:
+
+- A server with a fresh install of Ubuntu (4GB of RAM or more is recommended). You can get one from providers like [DigitalOcean](https://www.digitalocean.com/), [Hetzner](https://www.hetzner.com/cloud) or [AWS EC2](https://aws.amazon.com/ec2/).
+- A domain name that you can configure.
+- A GitHub account.
+- Basic knowledge of the command line.
+
+### Step 1: Create a Server
+
+First, you'll need a server to host your Gradio app. Choose a provider and create a new server with Ubuntu 24.04 as the operating system.
+
+Once your server is up and running, take note of its IP address. You'll need it for the next step.
+
+### Step 2: Configure DNS Settings
+
+Before going further, you need to set up two domain names. Go to your domain registrar's DNS management panel and add these records:
+
+1.  A domain for your Disco server (e.g., `disco.example.com`).
+2.  A domain for your Gradio application (e.g., `gradio.example.com`).
+
+For the server domain, create an **A record** pointing to your server's IP address:
+
+- **Type**: A
+- **Name**: disco
+- **Value**: `<your_server_ip_address>`
+
+For the application domain, create a **CNAME record** pointing to your server domain:
+
+- **Type**: CNAME
+- **Name**: gradio
+- **Value**: `disco.example.com`
+
+DNS changes can take a few minutes to propagate. You can verify that your server domain is resolving to the correct IP address by running `ping disco.example.com`
+
+### Step 3: Test Your Server Connection
+
+Now that your DNS is set up, let's test the SSH connection to your server from your local machine. This ensures you can access it before we hand things over to Disco.
+
+```bash
+# Replace with your server domain
+ssh root@disco.example.com
+```
+
+If the connection is successful, great! **This is the last time you'll need to SSH into this server manually.** Now, exit the SSH session to return to your local machine. This is a crucial step!
+
+```bash
+exit
+```
+
+### Step 4: Install the Disco CLI on Your Local Machine
+
+**Important:** From this point forward, all commands should be run from your **local machine's terminal**. You will not need to SSH into your server again.
+
+Let's install the Disco command-line interface (CLI) on your local machine. This is the tool you'll use to manage your deployments.
+
+```bash
+curl https://cli-assets.letsdisco.dev/install.sh | sh
+```
+
+After the installation is complete, verify it's working by running:
+
+```bash
+disco --version
+```
+
+### Step 5: Initialize Your Server with Disco
+
+Now, from your local machine, let's set up Disco on your server using the domain you configured.
+
+```bash
+# Replace with your server domain
+disco init root@disco.example.com
+```
+
+This command will:
+
+- Connect to your server using SSH.
+- Install Docker.
+- Set up the Disco server.
+- Configure the initial SSL certificate.
+
+Tip: Disco will automatically try to use your default SSH keys. If you use a non-standard key, you can specify the path with the `-i` flag, like so: `disco init -i /path/to/your/ssh/key root@disco.example.com`
+
+### Step 6: Fork the Example Gradio App
+
+For this tutorial, we'll use an example Gradio application. Go to this [example Gradio app repository](https://github.com/letsdiscodev/example-gradio-site) on GitHub and click the "Fork" button to create a copy of it in your own GitHub account.
+
+### Step 7: Connect Disco to GitHub
+
+To allow Disco to deploy your application from GitHub, you need to connect your GitHub account. Run the following command on your local machine:
+
+```bash
+disco github:apps:add
+```
+
+This command will open a browser window where you can authorize Disco with GitHub. You'll need to:
+
+1. Give the GitHub application a name (any name will do).
+2. Select the repository you just forked (`example-gradio-site`).
+3. Click "Install".
+
+### Step 8: Deploy Your Gradio App
+
+Now you're ready to deploy your Gradio app. We'll use the `projects:add` command on your local machine. Below, replace `<your_github_username>` with your GitHub username and `gradio.example.com` with the application domain you configured earlier.
+
+```bash
+disco projects:add \
+  --name gradio-app \
+  --github <your_github_username>/example-gradio-site \
+  --domain gradio.example.com
+```
+
+Disco will automatically pull your code from GitHub, build the Docker container, deploy it to your server, and set up HTTPS with Let's Encrypt for your domain.
+
+### Step 9: Test Your Deployed App
+
+Once the deployment is complete, open your web browser and navigate to your application's domain: `https://gradio.example.com`. You should see your Gradio app running live!
+
+### Making Changes and Automatic Deployment
+
+One of the best features of Disco is automatic deployment. Whenever you push changes to your GitHub repository, Disco will detect them, rebuild your application, and deploy it automatically.
+
+To test this, modify the `app.py` file in your forked repository, then commit and push the changes to GitHub. Within seconds, your deployed app will be updated.
+
+### Conclusion
+
+Congratulations! You have successfully deployed a Gradio application on your own server using Disco. You now have a fully managed deployment pipeline with automatic HTTPS, fast deployments triggered by Git pushes, and complete control over your server and application.
+
+This setup provides the best of both worlds: the flexibility and cost-effectiveness of self-hosting combined with the convenience of a platform-as-a-service. For more advanced configurations and features, be sure to check out the [Disco documentation](https://docs.letsdisco.dev/) and the [Gradio documentation](https://www.gradio.app/docs).
diff --git a/guides/11_other-tutorials/deploying-gradio-with-docker.md b/guides/11_other-tutorials/deploying-gradio-with-docker.md
new file mode 100644
index 0000000..b5b0c61
--- /dev/null
+++ b/guides/11_other-tutorials/deploying-gradio-with-docker.md
@@ -0,0 +1,83 @@
+# Deploying a Gradio app with Docker
+
+Tags: DEPLOYMENT, DOCKER
+
+
+### Introduction
+
+Gradio is a powerful and intuitive Python library designed for creating web apps that showcase machine learning models. These web apps can be run locally, or [deployed on Hugging Face Spaces ](https://huggingface.co/spaces)for free. Or, you can deploy them on your servers in Docker containers. Dockerizing Gradio apps offers several benefits:
+
+- **Consistency**: Docker ensures that your Gradio app runs the same way, irrespective of where it is deployed, by packaging the application and its environment together.
+- **Portability**: Containers can be easily moved across different systems or cloud environments.
+- **Scalability**: Docker works well with orchestration systems like Kubernetes, allowing your app to scale up or down based on demand.
+
+## How to Dockerize a Gradio App
+
+Let's go through a simple example to understand how to containerize a Gradio app using Docker.
+
+#### Step 1: Create Your Gradio App
+
+First, we need a simple Gradio app. Let's create a Python file named `app.py` with the following content:
+
+```python
+import gradio as gr
+
+def greet(name):
+    return f"Hello {name}!"
+
+iface = gr.Interface(fn=greet, inputs="text", outputs="text").launch()
+```
+
+This app creates a simple interface that greets the user by name.
+
+#### Step 2: Create a Dockerfile
+
+Next, we'll create a Dockerfile to specify how our app should be built and run in a Docker container. Create a file named `Dockerfile` in the same directory as your app with the following content:
+
+```dockerfile
+FROM python:3.10-slim
+
+WORKDIR /usr/src/app
+COPY . .
+RUN pip install --no-cache-dir gradio
+EXPOSE 7860
+ENV GRADIO_SERVER_NAME="0.0.0.0"
+
+CMD ["python", "app.py"]
+```
+
+This Dockerfile performs the following steps:
+- Starts from a Python 3.10 slim image.
+- Sets the working directory and copies the app into the container.
+- Installs Gradio (you should install all other requirements as well).
+- Exposes port 7860 (Gradio's default port).
+- Sets the `GRADIO_SERVER_NAME` environment variable to ensure Gradio listens on all network interfaces.
+- Specifies the command to run the app.
+
+#### Step 3: Build and Run Your Docker Container
+
+With the Dockerfile in place, you can build and run your container:
+
+```bash
+docker build -t gradio-app .
+docker run -p 7860:7860 gradio-app
+```
+
+Your Gradio app should now be accessible at `http://localhost:7860`.
+
+## Important Considerations
+
+When running Gradio applications in Docker, there are a few important things to keep in mind:
+
+#### Running the Gradio app on `"0.0.0.0"` and exposing port 7860
+
+In the Docker environment, setting `GRADIO_SERVER_NAME="0.0.0.0"` as an environment variable (or directly in your Gradio app's `launch()` function) is crucial for allowing connections from outside the container. And the `EXPOSE 7860` directive in the Dockerfile tells Docker to expose Gradio's default port on the container to enable external access to the Gradio app. 
+
+#### Enable Stickiness for Multiple Replicas
+
+When deploying Gradio apps with multiple replicas, such as on AWS ECS, it's important to enable stickiness with `sessionAffinity: ClientIP`. This ensures that all requests from the same user are routed to the same instance. This is important because Gradio's communication protocol requires multiple separate connections from the frontend to the backend in order for events to be processed correctly. (If you use Terraform, you'll want to add a [stickiness block](https://registry.terraform.io/providers/hashicorp/aws/3.14.1/docs/resources/lb_target_group#stickiness) into your target group definition.)
+
+#### Deploying Behind a Proxy
+
+If you're deploying your Gradio app behind a proxy, like Nginx, it's essential to configure the proxy correctly. Gradio provides a [Guide that walks through the necessary steps](https://www.gradio.app/guides/running-gradio-on-your-web-server-with-nginx). This setup ensures your app is accessible and performs well in production environments.
+
diff --git a/guides/11_other-tutorials/deploying-gradio-with-modal.md b/guides/11_other-tutorials/deploying-gradio-with-modal.md
new file mode 100644
index 0000000..0850265
--- /dev/null
+++ b/guides/11_other-tutorials/deploying-gradio-with-modal.md
@@ -0,0 +1,131 @@
+# Deploying a Gradio app with Modal
+
+Tags: DEPLOYMENT, MODAL
+
+
+### Introduction
+
+Gradio is a great way to test and demo your machine learning apps using a simple and intuitive Python API. When combined with Modal's developer-first cloud infrastructure, you can leverage powerful GPUs to run larger models faster. And you don't need an account with a cloud provider or any config files.
+
+In this tutorial, we will walk you through setting up a Modal account, deploying a simple Gradio app on Modal, and discuss some of the nuance around Gradio's sticky session requirement and handling concurrency.
+
+## Deploying a simple Gradio app on Modal
+Let's deploy a Gradio-style "Hello, world" app that lets a user input their name and then responds with a short greeting. We're not going to use this code as-is in our app, but it's useful to see what the initial Gradio version looks like.
+
+```python
+import gradio as gr
+
+# A simple Gradio interface for a greeting function
+def greet(name):
+    return f"Hello {name}!"
+
+demo = gr.Interface(fn=greet, inputs="text", outputs="text")
+demo.launch()
+```
+
+To deploy this app on Modal you'll need to
+- define your container image,
+- wrap the Gradio app in a Modal Function,
+- and deploy it using Modal's CLI!
+
+### Prerequisite: Install and set up Modal
+
+Before you get started, you'll need to create a Modal account if you don't already have one. Then you can set up your environment by authenticating with those account credentials.
+
+- Sign up at [modal.com](https://www.modal.com?utm_source=partner&utm_medium=github&utm_campaign=livekit). 
+- Install the Modal client in your local development environment.
+```bash
+pip install modal
+```
+- Authenticate your account.
+```
+modal setup
+```
+
+Great, now we can start building our app!
+
+### Step 1: Define our  `modal.Image`
+To start, let's make a new file named `gradio_app.py`, import `modal`, and define our image. Modal `Images` are defined by sequentially calling methods on our `Image` instance. 
+
+For this simple app, we'll 
+- start with the `debian_slim` image,
+- choose a Python version (3.12),
+- and install the dependencies - only `fastapi` and `gradio`.
+
+```python
+import modal
+
+app = modal.App("gradio-app")
+web_image = modal.Image.debian_slim(python_version="3.12").uv_pip_install(
+    "fastapi[standard]",
+    "gradio",
+)
+```
+
+Note, that you don't need to install `gradio` or `fastapi` in your local environement - only `modal` is required locally.
+
+### Step 2: Wrap the Gradio app in a Modal-deployed FastAPI app
+Like many Gradio apps, the example above is run by calling `launch()` on our demo at the end of the script. However, Modal doesn't run scripts, it runs functions - serverless functions to be exact.
+
+To get Modal to serve our `demo`, we can leverage Gradio and Modal's support for `fastapi` apps. We do this with the `@modal.asgi_app()` function decorator which deploys the web app returned by the function. And we use the `mount_gradio_app` function to add our Gradio `demo` as a route in the web app.
+
+```python
+with web_image.imports():
+	import gradio as gr
+    from gradio.routes import mount_gradio_app
+    from fastapi import FastAPI
+     
+@app.function(
+    image=web_image,
+    max_containers = 1, # we'll come to this later 
+)
+@modal.concurrent(max_inputs=100) # allow multiple users at one time
+@modal.asgi_app()
+def ui():
+    """A simple Gradio interface for a greeting function."""
+    def greet(name):
+	    return f"Hello {name}!"
+	
+	demo = gr.Interface(fn=greet, inputs="text", outputs="text")
+
+    return mount_gradio_app(app=FastAPI(), blocks=demo, path="/")
+```
+
+Let's quickly review what's going on here:
+- We use the `Image.imports` context manager to define our imports. These will be available when your function runs in the cloud.
+- We move our code inside a Python function, `ui`, and decorate it with `@app.function` which wraps it as a Modal serverless Function. We provide the image and other parameters (we'll cover this later) as inputs to the decorator.
+- We add the `@modal.concurrent` decorator which allows multiple requests per container to be processed at the same time.
+- We add the `@modal.asgi_app` decorator which tells Modal that this particular function is serving an ASGI app (here a `fastapi` app). To use this decorator, your ASGI app needs to be the return value from the function.
+
+### Step 3: Deploying on Modal
+To deploy the app, just run the following command:
+```bash
+modal deploy <path-to-file>
+```
+
+The first time you run your app, Modal will build and cache the image which, takes about 30 seconds. As long as you don't change the image, subsequent deployments will only take a few seconds.
+
+After the image builds Modal will print the URL to your webapp and to your Modal dashboard. The webapp URL should look something like `https://{workspace}-{environment}--gradio-app-ui.modal.run`. Paste it into your web browser a try out your app!
+
+## Important Considerations
+
+### Sticky Sessions
+Modal Functions are serverless which means that each client request is considered independent. While this facilitates autoscaling, it can also mean that extra care should be taken if your application requires any sort of server-side statefulness.
+
+Gradio relies on a REST API, which is itself stateless. But it does require sticky sessions, meaning that every request from a particular client must be routed to the same container. However, Modal does not make any guarantees in this regard.
+
+A simple way to satisfy this constraint is to set `max_containers = 1` in the `@app.function` decorator and setting the `max_inputs` argument of `@modal.concurrent` to a fairly large number - as we did above. This means that Modal won't spin up more than one container to serve requests to your app which effectively satisfies the sticky session requirement.
+
+### Concurrency and Queues
+
+Both Gradio and Modal have concepts of concurrency and queues, and getting the most of out of your compute resources requires understanding how these interact.
+
+Modal queues client requests to each deployed Function and simultaneously executes requests up to the concurrency limit for that Function. If requests come in and the concurrency limit is already satisfied, Modal will spin up a new container - up to the maximum set for the Function. In our case, our Gradio app is represented by one Modal Function, so all requests share one queue and concurrency limit. Therefore Modal constrains the _total_ number of requests running at one time, regardless of what they are doing.
+
+Gradio on the other hand, allows developers to utilize multiple queues each with its own concurrency limit. One or more event listeners can then be assigned to a queue which is useful to manage GPU resources for computationally expensive requests.
+
+Thinking carefully about how these queues and limits interact can help you optimize your app's performance and resource optimization while avoiding unwanted results like shared or lost state.
+
+### Creating a GPU Function
+
+Another option to manage GPU utilization is to deploy your GPU computations in their own Modal Function and calling this remote Function from inside your Gradio app. This allows you to take full advantage of Modal's serverless autoscaling while routing all of the client HTTP requests to a single Gradio CPU container.
\ No newline at end of file
diff --git a/guides/11_other-tutorials/developing-faster-with-reload-mode.md b/guides/11_other-tutorials/developing-faster-with-reload-mode.md
new file mode 100644
index 0000000..54b9dbd
--- /dev/null
+++ b/guides/11_other-tutorials/developing-faster-with-reload-mode.md
@@ -0,0 +1,181 @@
+# Developing Faster with Reload Mode and Vibe Mode
+
+**Prerequisite**: This Guide requires you to know about Blocks. Make sure to [read the Guide to Blocks first](https://gradio.app/blocks-and-event-listeners).
+
+This guide covers hot reloading, reloading in a Python IDE, and using gradio with Jupyter Notebooks.
+
+## Why Hot Reloading?
+
+When you are building a Gradio demo, particularly out of Blocks, you may find it cumbersome to keep re-running your code to test your changes.
+
+To make it faster and more convenient to write your code, we've made it easier to "reload" your Gradio apps instantly when you are developing in a **Python IDE** (like VS Code, Sublime Text, PyCharm, or so on) or generally running your Python code from the terminal. We've also developed an analogous "magic command" that allows you to re-run cells faster if you use **Jupyter Notebooks** (or any similar environment like Colab).
+
+This short Guide will cover both of these methods, so no matter how you write Python, you'll leave knowing how to build Gradio apps faster.
+
+## Python IDE Reload 🔥
+
+If you are building Gradio Blocks using a Python IDE, your file of code (let's name it `run.py`) might look something like this:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Greetings from Gradio!")
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: f"Welcome, {x}!",
+               inputs=inp,
+               outputs=out)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+The problem is that anytime that you want to make a change to your layout, events, or components, you have to close and rerun your app by writing `python run.py`.
+
+Instead of doing this, you can run your code in **reload mode** by changing 1 word: `python` to `gradio`:
+
+In the terminal, run `gradio run.py`. That's it!
+
+Now, you'll see that after you'll see something like this:
+
+```bash
+Watching: '/Users/freddy/sources/gradio/gradio', '/Users/freddy/sources/gradio/demo/'
+
+Running on local URL:  http://127.0.0.1:7860
+```
+
+The important part here is the line that says `Watching...` What's happening here is that Gradio will be observing the directory where `run.py` file lives, and if the file changes, it will automatically rerun the file for you. So you can focus on writing your code, and your Gradio demo will refresh automatically 🥳
+
+Tip: the `gradio` command does not detect the parameters passed to the `launch()` methods because the `launch()` method is never called in reload mode. For example, setting `auth`, or `show_error` in `launch()` will not be reflected in the app.
+
+There is one important thing to keep in mind when using the reload mode: Gradio specifically looks for a Gradio Blocks/Interface demo called `demo` in your code. If you have named your demo something else, you will need to pass in the name of your demo as the 2nd parameter in your code. So if your `run.py` file looked like this:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as my_demo:
+    gr.Markdown("# Greetings from Gradio!")
+    inp = gr.Textbox(placeholder="What is your name?")
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: f"Welcome, {x}!",
+               inputs=inp,
+               outputs=out)
+
+if __name__ == "__main__":
+    my_demo.launch()
+```
+
+Then you would launch it in reload mode like this: `gradio run.py --demo-name=my_demo`.
+
+By default, the Gradio use UTF-8 encoding for scripts. **For reload mode**, If you are using encoding formats other than UTF-8 (such as cp1252), make sure you've done like this:
+
+1. Configure encoding declaration of python script, for example: `# -*- coding: cp1252 -*-`
+2. Confirm that your code editor has identified that encoding format. 
+3. Run like this: `gradio run.py --encoding cp1252`
+
+🔥 If your application accepts command line arguments, you can pass them in as well. Here's an example:
+
+```python
+import gradio as gr
+import argparse
+
+parser = argparse.ArgumentParser()
+parser.add_argument("--name", type=str, default="User")
+args, unknown = parser.parse_known_args()
+
+with gr.Blocks() as demo:
+    gr.Markdown(f"# Greetings {args.name}!")
+    inp = gr.Textbox()
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: x, inputs=inp, outputs=out)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+Which you could run like this: `gradio run.py --name Gretel`
+
+As a small aside, this auto-reloading happens if you change your `run.py` source code or the Gradio source code. Meaning that this can be useful if you decide to [contribute to Gradio itself](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md) ✅
+
+
+## Controlling the Reload 🎛️
+
+By default, reload mode will re-run your entire script for every change you make.
+But there are some cases where this is not desirable.
+For example, loading a machine learning model should probably only happen once to save time. There are also some Python libraries that use C or Rust extensions that throw errors when they are reloaded, like `numpy` and `tiktoken`.
+
+In these situations, you can place code that you do not want to be re-run inside an `if gr.NO_RELOAD:`  codeblock. Here's an example of how you can use it to only load a transformers model once during the development process.
+
+Tip: The value of `gr.NO_RELOAD` is `True`. So you don't have to change your script when you are done developing and want to run it in production. Simply run the file with `python` instead of `gradio`.
+
+```python
+import gradio as gr
+
+if gr.NO_RELOAD:
+	from transformers import pipeline
+	pipe = pipeline("text-classification", model="cardiffnlp/twitter-roberta-base-sentiment-latest")
+
+demo = gr.Interface(lambda s: {d["label"]: d["score"] for d in pipe(s)}, gr.Textbox(), gr.Label())
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+## Vibe Mode
+
+You can also enable Gradio's **Vibe Mode**, which, which provides an in-browser chat that can be used to write or edit your Gradio app using natural language. To enable this, simply run use the `--vibe` flag with Gradio, e.g. `gradio --vibe app.py`.
+
+Vibe Mode lets you describe commands using natural language and have an LLM write or edit the code in your Gradio app. The LLM is powered by Hugging Face's [Inference Providers](https://huggingface.co/docs/inference-providers/en/index), so you must be logged into Hugging Face locally to use this. 
+
+Note: When Vibe Mode is enabled, anyone who can access the Gradio endpoint can modify files and run arbitrary code on the host machine. Use only for local development.
+
+## Jupyter Notebook Magic 🔮
+
+What about if you use Jupyter Notebooks (or Colab Notebooks, etc.) to develop code? We got something for you too!
+
+We've developed a **magic command** that will create and run a Blocks demo for you. To use this, load the gradio extension at the top of your notebook:
+
+`%load_ext gradio`
+
+Then, in the cell that you are developing your Gradio demo, simply write the magic command **`%%blocks`** at the top, and then write the layout and components like you would normally:
+
+```py
+%%blocks
+
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown(f"# Greetings {args.name}!")
+    inp = gr.Textbox()
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: x, inputs=inp, outputs=out)
+```
+
+Notice that:
+
+- You do not need to launch your demo — Gradio does that for you automatically!
+
+- Every time you rerun the cell, Gradio will re-render your app on the same port and using the same underlying web server. This means you'll see your changes _much, much faster_ than if you were rerunning the cell normally.
+
+Here's what it looks like in a jupyter notebook:
+
+![](https://gradio-builds.s3.amazonaws.com/demo-files/jupyter_reload.gif)
+
+🪄 This works in colab notebooks too! [Here's a colab notebook](https://colab.research.google.com/drive/1zAuWoiTIb3O2oitbtVb2_ekv1K6ggtC1?usp=sharing) where you can see the Blocks magic in action. Try making some changes and re-running the cell with the Gradio code!
+
+Tip: You may have to use `%%blocks --share` in Colab to get the demo to appear in the cell.
+
+The Notebook Magic is now the author's preferred way of building Gradio demos. Regardless of how you write Python code, we hope either of these methods will give you a much better development experience using Gradio.
+
+---
+
+## Next Steps
+
+Now that you know how to develop quickly using Gradio, start building your own!
+
+If you are looking for inspiration, try exploring demos other people have built with Gradio, [browse public Hugging Face Spaces](http://hf.space/) 🤗
diff --git a/guides/11_other-tutorials/from-openapi-spec.md b/guides/11_other-tutorials/from-openapi-spec.md
new file mode 100644
index 0000000..862bf93
--- /dev/null
+++ b/guides/11_other-tutorials/from-openapi-spec.md
@@ -0,0 +1,41 @@
+# Creating a Gradio app from an OpenAPI Spec
+
+Tags: OPENAPI, SPEC
+
+## Introduction
+
+**[OpenAPI](https://www.openapis.org/)** is a widely adopted standard for describing RESTful APIs in a machine-readable format, typically as a JSON  file. 
+
+You can create a Gradio UI from an OpenAPI Spec **in 1 line of Python**, instantly generating an interactive web interface for any API, making it accessible for demos, testing, or sharing with non-developers, without writing custom frontend code.
+
+## How it works
+
+Gradio now provides a convenient function, `gr.load_openapi`, that can automatically generate a Gradio app from an OpenAPI v3 specification. This function parses the spec, creates UI components for each endpoint and parameter, and lets you interact with the API directly from your browser.
+
+Here's a minimal example:
+
+```python
+import gradio as gr
+
+demo = gr.load_openapi(
+    openapi_spec="https://petstore3.swagger.io/api/v3/openapi.json",
+    base_url="https://petstore3.swagger.io/api/v3",
+    paths=["/pet.*"],
+    methods=["get", "post"],
+)
+
+demo.launch()
+```
+
+**Parameters:**
+- **openapi_spec**: URL, file path, or Python dictionary containing the OpenAPI v3 spec (JSON format only).
+- **base_url**: The base URL for the API endpoints (e.g., `https://api.example.com/v1`).
+- **paths** (optional): List of endpoint path patterns (supports regex) to include. If not set, all paths are included.
+- **methods** (optional): List of HTTP methods (e.g., `["get", "post"]`) to include. If not set, all methods are included.
+
+The generated app will display a sidebar with available endpoints and create interactive forms for each operation, letting you make API calls and view responses in real time.
+
+## Next steps
+
+Once your Gradio app is running, you can share the URL with others so they can try out the API through a friendly web interface—no code required. For even more power, you can launch the app as an MCP (Model Control Protocol) server using [Gradio's MCP integration](https://www.gradio.app/guides/building-mcp-server-with-gradio), enabling programmatic access and orchestration of your API via the MCP ecosystem. This makes it easy to build, share, and automate API workflows with minimal effort.
+
diff --git a/guides/11_other-tutorials/gradio-6-migration-guide.md b/guides/11_other-tutorials/gradio-6-migration-guide.md
new file mode 100644
index 0000000..f37d27a
--- /dev/null
+++ b/guides/11_other-tutorials/gradio-6-migration-guide.md
@@ -0,0 +1,953 @@
+# Gradio 6 Migration Guide
+
+We are excited to release Gradio 6, the latest major version of the Gradio library. Gradio 6 is significantly more performant, lighter, and easier to customize than previous versions of Gradio. The Gradio team is only planning on maintaining future versions of Gradio 6 so we encourage all developers to migrate to Gradio 6.x.
+
+Gradio 6 includes several breaking changes that were made in order to standardize the Python API. This migration guide lists the breaking changes and the specific code changes needed in order to migrate. The easiest way to know whether you need to make changes is to upgrade your Gradio app to 5.50 (`pip install --upgrade gradio==5.50`). Gradio 5.50 emits deprecation warnings for any parameters removed in Gradio 6, allowing you to know whether your Gradio app will be compatible with Gradio 6.
+
+Here, we walk through the breaking changes that were introduced in Gradio 6. Code snippets are provided, allowing you to migrate your code easily to Gradio 6. You can also copy-paste this document as Markdown if you are using an LLM to help migrate your code. 
+
+## App-level Changes
+
+### App-level parameters have been moved from `Blocks` to `launch()`
+
+The `gr.Blocks` class constructor previously contained several parameters that applied to your entire Gradio app, specifically:
+
+* `theme`: The theme for your Gradio app
+* `css`: Custom CSS code as a string
+* `css_paths`: Paths to custom CSS files
+* `js`: Custom JavaScript code
+* `head`: Custom HTML code to insert in the head of the page
+* `head_paths`: Paths to custom HTML files to insert in the head
+
+Since `gr.Blocks` can be nested and are not necessarily unique to a Gradio app, these parameters have now been moved to `Blocks.launch()`, which can only be called once for your entire Gradio app.
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+with gr.Blocks(
+    theme=gr.themes.Soft(),
+    css=".my-class { color: red; }",
+) as demo:
+    gr.Textbox(label="Input")
+
+demo.launch()
+```
+
+**After (Gradio 6.x):**
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Textbox(label="Input")
+
+demo.launch(
+    theme=gr.themes.Soft(),
+    css=".my-class { color: red; }",
+)
+```
+
+This change makes it clearer that these parameters apply to the entire app and not to individual `Blocks` instances.
+
+### `show_api` parameter replaced with `footer_links`
+
+The `show_api` parameter in `launch()` has been replaced with a more flexible `footer_links` parameter that allows you to control which links appear in the footer of your Gradio app.
+
+**In Gradio 5.x:**
+- `show_api=True` (default) showed the API documentation link in the footer
+- `show_api=False` hid the API documentation link
+
+**In Gradio 6.x:**
+- `footer_links` accepts a list of strings: `["api", "gradio", "settings"]`
+- You can now control precisely which footer links are shown:
+  - `"api"`: Shows the API documentation link
+  - `"gradio"`: Shows the "Built with Gradio" link
+  - `"settings"`: Shows the settings link
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Textbox(label="Input")
+
+demo.launch(show_api=False)
+```
+
+**After (Gradio 6.x):**
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Textbox(label="Input")
+
+demo.launch(footer_links=["gradio", "settings"])
+```
+
+To replicate the old behavior:
+- `show_api=True` → `footer_links=["api", "gradio", "settings"]` (or just omit the parameter, as this is the default)
+- `show_api=False` → `footer_links=["gradio", "settings"]`
+
+### Event listener parameters: `show_api` removed and `api_name=False` no longer supported
+
+In event listeners (such as `.click()`, `.change()`, etc.), the `show_api` parameter has been removed, and `api_name` no longer accepts `False` as a valid value. These have been replaced with a new `api_visibility` parameter that provides more fine-grained control.
+
+**In Gradio 5.x:**
+- `show_api=True` (default) showed the endpoint in the API documentation
+- `show_api=False` hid the endpoint from API docs but still allowed downstream apps to use it
+- `api_name=False` completely disabled the API endpoint (no downstream apps could use it)
+
+**In Gradio 6.x:**
+- `api_visibility` accepts one of three string values:
+  - `"public"`: The endpoint is shown in API docs and accessible to all (equivalent to old `show_api=True`)
+  - `"undocumented"`: The endpoint is hidden from API docs but still accessible to downstream apps (equivalent to old `show_api=False`)
+  - `"private"`: The endpoint is hidden from API docs and not callable by the Gradio client libraries (equivalent to old `api_name=False`). Note: direct HTTP requests to the endpoint are still possible.
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    btn = gr.Button("Click me")
+    output = gr.Textbox()
+    
+    btn.click(fn=lambda: "Hello", outputs=output, show_api=False)
+    
+demo.launch()
+```
+
+Or to completely disable the API:
+
+```python
+btn.click(fn=lambda: "Hello", outputs=output, api_name=False)
+```
+
+**After (Gradio 6.x):**
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    btn = gr.Button("Click me")
+    output = gr.Textbox()
+    
+    btn.click(fn=lambda: "Hello", outputs=output, api_visibility="undocumented")
+    
+demo.launch()
+```
+
+Or to completely disable the API:
+
+```python
+btn.click(fn=lambda: "Hello", outputs=output, api_visibility="private")
+```
+
+To replicate the old behavior:
+- `show_api=True` → `api_visibility="public"` (or just omit the parameter, as this is the default)
+- `show_api=False` → `api_visibility="undocumented"`
+- `api_name=False` → `api_visibility="private"`
+
+### `like_user_message` moved from `.like()` event to constructor 
+
+The `like_user_message` parameter has been moved from the `.like()` event listener to the Chatbot constructor.
+
+**Before (Gradio 5.x):**
+```python
+chatbot = gr.Chatbot()
+chatbot.like(print_like_dislike, None, None, like_user_message=True)
+```
+
+**After (Gradio 6.x):**
+```python
+chatbot = gr.Chatbot(like_user_message=True)
+chatbot.like(print_like_dislike, None, None)
+```
+
+
+### Default API names for `Interface` and `ChatInterface` now use function names
+
+The default API endpoint names for `gr.Interface` and `gr.ChatInterface` have changed to be consistent with how `gr.Blocks` events work and to better support MCP (Model Context Protocol) tools.
+
+**In Gradio 5.x:**
+- `gr.Interface` had a default API name of `/predict`
+- `gr.ChatInterface` had a default API name of `/chat`
+
+**In Gradio 6.x:**
+- Both `gr.Interface` and `gr.ChatInterface` now use the name of the function you pass in as the default API endpoint name
+- This makes the API more descriptive and consistent with `gr.Blocks` behavior
+
+E.g. if your Gradio app is:
+
+```python
+import gradio as gr
+
+def generate_text(prompt):
+    return f"Generated: {prompt}"
+
+demo = gr.Interface(fn=generate_text, inputs="text", outputs="text")
+demo.launch()
+```
+
+Previously, the API endpoint that Gradio generated would be: `/predict`. Now, the API endpoint will be: `/generate_text`
+
+**To maintain the old endpoint names:**
+
+If you need to keep the old endpoint names for backward compatibility (e.g., if you have external services calling these endpoints), you can explicitly set the `api_name` parameter:
+
+```python
+demo = gr.Interface(fn=generate_text, inputs="text", outputs="text", api_name="predict")
+```
+
+Similarly for `ChatInterface`:
+
+```python
+demo = gr.ChatInterface(fn=chat_function, api_name="chat")
+```
+
+### `gr.Chatbot` and `gr.ChatInterface` tuple format removed
+
+The tuple format for chatbot messages has been removed in Gradio 6.0. You must now use the messages format with dictionaries containing "role" and "content" keys.
+
+**In Gradio 5.x:**
+- You could use `type="tuples"` or the default tuple format: `[["user message", "assistant message"], ...]`
+- The tuple format was a list of lists where each inner list had two elements: `[user_message, assistant_message]`
+
+**In Gradio 6.x:**
+- Only the messages format is supported: `type="messages"`
+- Messages must be dictionaries with "role" and "content" keys: `[{"role": "user", "content": "Hello"}, {"role": "assistant", "content": "Hi there!"}]`
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+# Using tuple format
+chatbot = gr.Chatbot(value=[["Hello", "Hi there!"]])
+```
+
+Or with `type="tuples"`:
+
+```python
+chatbot = gr.Chatbot(value=[["Hello", "Hi there!"]], type="tuples")
+```
+
+**After (Gradio 6.x):**
+
+```python
+import gradio as gr
+
+# Must use messages format
+chatbot = gr.Chatbot(
+    value=[
+        {"role": "user", "content": "Hello"},
+        {"role": "assistant", "content": "Hi there!"}
+    ],
+    type="messages"
+)
+```
+
+Similarly for `gr.ChatInterface`, if you were manually setting the chat history:
+
+```python
+# Before (Gradio 5.x)
+demo = gr.ChatInterface(
+    fn=chat_function,
+    examples=[["Hello", "Hi there!"]]
+)
+
+# After (Gradio 6.x)
+demo = gr.ChatInterface(
+    fn=chat_function,
+    examples=[{"role": "user", "content": "Hello"}, {"role": "assistant", "content": "Hi there!"}]
+)
+```
+
+**Note:** If you're using `gr.ChatInterface` with a function that returns messages, the function should return messages in the new format. The tuple format is no longer supported.
+
+### `gr.ChatInterface` `history` format now uses structured content
+
+The `history` format in `gr.ChatInterface` has been updated to consistently use OpenAI-style structured content format. Content is now always a list of content blocks, even for simple text messages.
+
+**In Gradio 5.x:**
+- Content could be a simple string: `{"role": "user", "content": "Hello"}`
+- Simple text messages used a string directly
+
+**In Gradio 6.x:**
+- Content is always a list of content blocks: `{"role": "user", "content": [{"type": "text", "text": "Hello"}]}`
+- This format is consistent with OpenAI's message format and supports multimodal content (text, images, etc.)
+
+**Before (Gradio 5.x):**
+
+```python
+history = [
+    {"role": "user", "content": "What is the capital of France?"},
+    {"role": "assistant", "content": "Paris"}
+]
+```
+
+**After (Gradio 6.x):**
+
+```python
+history = [
+    {"role": "user", "content": [{"type": "text", "text": "What is the capital of France?"}]},
+    {"role": "assistant", "content": [{"type": "text", "text": "Paris"}]}
+]
+```
+
+**With files:**
+
+When files are uploaded in the chat, they are represented as content blocks with `"type": "file"`. All content blocks (files and text) are grouped together in the same message's content array:
+
+```python
+history = [
+    {
+        "role": "user",
+        "content": [
+            {"type": "file", "file": {"path": "cat1.png"}},
+            {"type": "file", "file": {"path": "cat2.png"}},
+            {"type": "text", "text": "What's the difference between these two images?"}
+        ]
+    }
+]
+```
+
+This structured format allows for multimodal content (text, images, files, etc.) in chat messages, making it consistent with OpenAI's API format. All files uploaded in a single message are grouped together in the `content` array along with any text content.
+
+### `cache_examples` parameter updated and `cache_mode` introduced
+
+The `cache_examples` parameter (used in `Interface`, `ChatInterface`, and `Examples`) no longer accepts the string value `"lazy"`. It now strictly accepts boolean values (`True` or `False`). To control the caching strategy, a new `cache_mode` parameter has been introduced.
+
+**In Gradio 5.x:**
+- `cache_examples` accepted `True`, `False`, or `"lazy"`.
+
+**In Gradio 6.x:**
+- `cache_examples` only accepts `True` or `False`.
+- `cache_mode` accepts `"eager"` (default) or `"lazy"`.
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+demo = gr.Interface(
+    fn=predict, 
+    inputs="text", 
+    outputs="text", 
+    examples=["Hello", "World"],
+    cache_examples="lazy"
+)
+```
+
+**After (Gradio 6.x):**
+
+You must now set `cache_examples=True` and specify the mode separately:
+
+```python
+import gradio as gr
+
+demo = gr.Interface(
+    fn=predict, 
+    inputs="text", 
+    outputs="text", 
+    examples=["Hello", "World"],
+    cache_examples=True,
+    cache_mode="lazy"
+)
+```
+
+If you previously used `cache_examples=True` (which implied eager caching), no changes are required, as `cache_mode` defaults to `"eager"`.
+
+## Component-level Changes
+
+### `gr.Video` no longer accepts tuple values for video and subtitles
+
+The tuple format for returning video with subtitles has been deprecated. Instead of returning a tuple `(video_path, subtitle_path)`, you should now use the `gr.Video` component directly with the `subtitles` parameter.
+
+**In Gradio 5.x:**
+- You could return a tuple of `(video_path, subtitle_path)` from a function
+- The tuple format was `(str | Path, str | Path | None)`
+
+**In Gradio 6.x:**
+- Return a `gr.Video` component instance with the `subtitles` parameter
+- This provides more flexibility and consistency with other components
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+def generate_video_with_subtitles(input):
+    video_path = "output.mp4"
+    subtitle_path = "subtitles.srt"
+    return (video_path, subtitle_path)
+
+demo = gr.Interface(
+    fn=generate_video_with_subtitles,
+    inputs="text",
+    outputs=gr.Video()
+)
+demo.launch()
+```
+
+**After (Gradio 6.x):**
+
+```python
+import gradio as gr
+
+def generate_video_with_subtitles(input):
+    video_path = "output.mp4"
+    subtitle_path = "subtitles.srt"
+    return gr.Video(value=video_path, subtitles=subtitle_path)
+
+demo = gr.Interface(
+    fn=generate_video_with_subtitles,
+    inputs="text",
+    outputs=gr.Video()
+)
+demo.launch()
+```
+
+### `gr.HTML` `padding` parameter default changed to `False`
+
+The default value of the `padding` parameter in `gr.HTML` has been changed from `True` to `False` for consistency with `gr.Markdown`.
+
+**In Gradio 5.x:**
+- `padding=True` was the default for `gr.HTML`
+- HTML components had padding by default
+
+**In Gradio 6.x:**
+- `padding=False` is the default for `gr.HTML`
+- This matches the default behavior of `gr.Markdown` for consistency
+
+**To maintain the old behavior:**
+
+If you want to keep the padding that was present in Gradio 5.x, explicitly set `padding=True`:
+
+```python
+html = gr.HTML("<div>Content</div>", padding=True)
+```
+
+
+### `gr.Dataframe` `row_count` and `col_count` parameters restructured
+
+The `row_count` and `col_count` parameters in `gr.Dataframe` have been restructured to provide more flexibility and clarity. The tuple format for specifying fixed/dynamic behavior has been replaced with separate parameters for initial counts and limits.
+
+**In Gradio 5.x:**
+- `row_count: int | tuple[int, str]` - Could be an int or tuple like `(5, "fixed")` or `(5, "dynamic")`
+- `col_count: int | tuple[int, str] | None` - Could be an int or tuple like `(3, "fixed")` or `(3, "dynamic")`
+
+**In Gradio 6.x:**
+- `row_count: int | None` - Just the initial number of rows to display
+- `row_limits: tuple[int | None, int | None] | None` - Tuple specifying (min_rows, max_rows) constraints
+- `column_count: int | None` - The initial number of columns to display
+- `column_limits: tuple[int | None, int | None] | None` - Tuple specifying (min_columns, max_columns) constraints
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+# Fixed number of rows (users can't add/remove rows)
+df = gr.Dataframe(row_count=(5, "fixed"), col_count=(3, "dynamic"))
+```
+
+Or with dynamic rows:
+
+```python
+# Dynamic rows (users can add/remove rows)
+df = gr.Dataframe(row_count=(5, "dynamic"), col_count=(3, "fixed"))
+```
+
+Or with just integers (defaults to dynamic):
+
+```python
+df = gr.Dataframe(row_count=5, col_count=3)
+```
+
+**After (Gradio 6.x):**
+
+```python
+import gradio as gr
+
+# Fixed number of rows (users can't add/remove rows)
+df = gr.Dataframe(row_count=5, row_limits=(5, 5), column_count=3, column_limits=None)
+```
+
+Or with dynamic rows (users can add/remove rows):
+
+```python
+# Dynamic rows with no limits
+df = gr.Dataframe(row_count=5, row_limits=None, column_count=3, column_limits=None)
+```
+
+Or with min/max constraints:
+
+```python
+# Rows between 3 and 10, columns between 2 and 5
+df = gr.Dataframe(row_count=5, row_limits=(3, 10), column_count=3, column_limits=(2, 5))
+```
+
+**Migration examples:**
+
+- `row_count=(5, "fixed")` → `row_count=5, row_limits=(5, 5)`
+- `row_count=(5, "dynamic")` → `row_count=5, row_limits=None`
+- `row_count=5` → `row_count=5, row_limits=None` (same behavior)
+- `col_count=(3, "fixed")` → `column_count=3, column_limits=(3, 3)`
+- `col_count=(3, "dynamic")` → `column_count=3, column_limits=None`
+- `col_count=3` → `column_count=3, column_limits=None` (same behavior)
+
+### `allow_tags=True` is now the default for `gr.Chatbot`
+
+Due to the rise in LLMs returning HTML, markdown tags, and custom tags (such as `<thinking>` tags), the default value of `allow_tags` in `gr.Chatbot` has changed from `False` to `True` in Gradio 6.
+
+**In Gradio 5.x:**
+- `allow_tags=False` was the default
+- All HTML and custom tags were sanitized/removed from chatbot messages (unless explicitly allowed)
+
+**In Gradio 6.x:**
+- `allow_tags=True` is the default
+- All custom tags (non-standard HTML tags) are preserved in chatbot messages
+- Standard HTML tags are still sanitized for security unless `sanitize_html=False`
+
+**Before (Gradio 5.x):**
+
+```python
+import gradio as gr
+
+chatbot = gr.Chatbot()
+```
+
+This would remove all tags from messages, including custom tags like `<thinking>`.
+
+**After (Gradio 6.x):**
+
+```python
+import gradio as gr
+
+chatbot = gr.Chatbot()
+```
+
+This will now preserve custom tags like `<thinking>` in the messages.
+
+**To maintain the old behavior:**
+
+If you want to continue removing all tags from chatbot messages (the old default behavior), explicitly set `allow_tags=False`:
+
+```python
+import gradio as gr
+
+chatbot = gr.Chatbot(allow_tags=False)
+```
+
+**Note:** You can also specify a list of specific tags to allow:
+
+```python
+chatbot = gr.Chatbot(allow_tags=["thinking", "tool_call"])
+```
+
+This will only preserve `<thinking>` and `<tool_call>` tags while removing all other custom tags.
+
+
+
+### Other removed component parameters
+
+Several component parameters have been removed in Gradio 6.0. These parameters were previously deprecated and have now been fully removed.
+
+#### `gr.Chatbot` removed parameters
+
+**`bubble_full_width`** - This parameter has been removed as it no longer has any effect.
+
+
+**`resizeable`** - This parameter (with the typo) has been removed. Use `resizable` instead.
+
+**Before (Gradio 5.x):**
+```python
+chatbot = gr.Chatbot(resizeable=True)
+```
+
+**After (Gradio 6.x):**
+```python
+chatbot = gr.Chatbot(resizable=True)
+```
+
+**`show_copy_button`, `show_copy_all_button`, `show_share_button`** - These parameters have been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+chatbot = gr.Chatbot(show_copy_button=True, show_copy_all_button=True, show_share_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+chatbot = gr.Chatbot(buttons=["copy", "copy_all", "share"])
+```
+
+#### `gr.Audio` / `WaveformOptions` removed parameters
+
+**`show_controls`** - This parameter in `WaveformOptions` has been removed. Use `show_recording_waveform` instead.
+
+**Before (Gradio 5.x):**
+```python
+audio = gr.Audio(
+    waveform_options=gr.WaveformOptions(show_controls=False)
+)
+```
+
+**After (Gradio 6.x):**
+```python
+audio = gr.Audio(
+    waveform_options=gr.WaveformOptions(show_recording_waveform=False)
+)
+```
+
+**`min_length` and `max_length`** - These parameters have been removed. Use validators on event listeners instead.
+
+**Before (Gradio 5.x):**
+```python
+audio = gr.Audio(min_length=1, max_length=10)
+```
+
+**After (Gradio 6.x):**
+```python
+audio = gr.Audio()
+
+audio.upload(
+    fn=process_audio,
+    validator=lambda audio: gr.validators.is_audio_correct_length(audio, min_length=1, max_length=10),
+    inputs=audio
+)
+```
+
+**`show_download_button`, `show_share_button`** - These parameters have been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+audio = gr.Audio(show_download_button=True, show_share_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+audio = gr.Audio(buttons=["download", "share"])
+```
+
+**Note:** For components where `show_share_button` had a default of `None` (which would show the button on Spaces), you can use `buttons=["share"]` to always show it, or omit it from the list to hide it.
+
+#### `gr.Image` removed parameters
+
+**`mirror_webcam`** - This parameter has been removed. Use `webcam_options` with `gr.WebcamOptions` instead.
+
+**Before (Gradio 5.x):**
+```python
+image = gr.Image(mirror_webcam=True)
+```
+
+**After (Gradio 6.x):**
+```python
+image = gr.Image(webcam_options=gr.WebcamOptions(mirror=True))
+```
+
+**`webcam_constraints`** - This parameter has been removed. Use `webcam_options` with `gr.WebcamOptions` instead.
+
+**Before (Gradio 5.x):**
+```python
+image = gr.Image(webcam_constraints={"facingMode": "user"})
+```
+
+**After (Gradio 6.x):**
+```python
+image = gr.Image(webcam_options=gr.WebcamOptions(constraints={"facingMode": "user"}))
+```
+
+**`show_download_button`, `show_share_button`, `show_fullscreen_button`** - These parameters have been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+image = gr.Image(show_download_button=True, show_share_button=True, show_fullscreen_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+image = gr.Image(buttons=["download", "share", "fullscreen"])
+```
+
+#### `gr.Video` removed parameters
+
+**`mirror_webcam`** - This parameter has been removed. Use `webcam_options` with `gr.WebcamOptions` instead.
+
+**Before (Gradio 5.x):**
+```python
+video = gr.Video(mirror_webcam=True)
+```
+
+**After (Gradio 6.x):**
+```python
+video = gr.Video(webcam_options=gr.WebcamOptions(mirror=True))
+```
+
+**`webcam_constraints`** - This parameter has been removed. Use `webcam_options` with `gr.WebcamOptions` instead.
+
+**Before (Gradio 5.x):**
+```python
+video = gr.Video(webcam_constraints={"facingMode": "user"})
+```
+
+**After (Gradio 6.x):**
+```python
+video = gr.Video(webcam_options=gr.WebcamOptions(constraints={"facingMode": "user"}))
+```
+
+**`min_length` and `max_length`** - These parameters have been removed. Use validators on event listeners instead.
+
+**Before (Gradio 5.x):**
+```python
+video = gr.Video(min_length=1, max_length=10)
+```
+
+**After (Gradio 6.x):**
+```python
+video = gr.Video()
+
+video.upload(
+    fn=process_video,
+    validator=lambda video: gr.validators.is_video_correct_length(video, min_length=1, max_length=10),
+    inputs=video
+)
+```
+
+**`show_download_button`, `show_share_button`** - These parameters have been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+video = gr.Video(show_download_button=True, show_share_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+video = gr.Video(buttons=["download", "share"])
+```
+
+#### `gr.ImageEditor` removed parameters
+
+**`crop_size`** - This parameter has been removed. Use `canvas_size` instead.
+
+**Before (Gradio 5.x):**
+```python
+editor = gr.ImageEditor(crop_size=(512, 512))
+```
+
+**After (Gradio 6.x):**
+```python
+editor = gr.ImageEditor(canvas_size=(512, 512))
+```
+
+#### Removed components
+
+**`gr.LogoutButton`** - This component has been removed. Use `gr.LoginButton` instead, which handles both login and logout processes.
+
+**Before (Gradio 5.x):**
+```python
+logout_btn = gr.LogoutButton()
+```
+
+**After (Gradio 6.x):**
+```python
+login_btn = gr.LoginButton()
+```
+
+#### Native plot components removed parameters
+
+The following parameters have been removed from `gr.LinePlot`, `gr.BarPlot`, and `gr.ScatterPlot`:
+
+- `overlay_point` - This parameter has been removed.
+- `width` - This parameter has been removed. Use CSS styling or container width instead.
+- `stroke_dash` - This parameter has been removed.
+- `interactive` - This parameter has been removed.
+- `show_actions_button` - This parameter has been removed.
+- `color_legend_title` - This parameter has been removed. Use `color_title` instead.
+- `show_fullscreen_button`, `show_export_button` - These parameters have been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+plot = gr.LinePlot(
+    value=data,
+    x="date",
+    y="downloads",
+    overlay_point=True,
+    width=900,
+    show_fullscreen_button=True,
+    show_export_button=True
+)
+```
+
+**After (Gradio 6.x):**
+```python
+plot = gr.LinePlot(
+    value=data,
+    x="date",
+    y="downloads",
+    buttons=["fullscreen", "export"]
+)
+```
+
+**Note:** For `color_legend_title`, use `color_title` instead:
+
+**Before (Gradio 5.x):**
+```python
+plot = gr.ScatterPlot(color_legend_title="Category")
+```
+
+**After (Gradio 6.x):**
+```python
+plot = gr.ScatterPlot(color_title="Category")
+```
+
+#### `gr.Textbox` removed parameters
+
+**`show_copy_button`** - This parameter has been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+text = gr.Textbox(show_copy_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+text = gr.Textbox(buttons=["copy"])
+```
+
+#### `gr.Markdown` removed parameters
+
+**`show_copy_button`** - This parameter has been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+markdown = gr.Markdown(show_copy_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+markdown = gr.Markdown(buttons=["copy"])
+```
+
+#### `gr.Dataframe` removed parameters
+
+**`show_copy_button`, `show_fullscreen_button`** - These parameters have been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+df = gr.Dataframe(show_copy_button=True, show_fullscreen_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+df = gr.Dataframe(buttons=["copy", "fullscreen"])
+```
+
+#### `gr.Slider` removed parameters
+
+**`show_reset_button`** - This parameter has been removed. Use the `buttons` parameter instead.
+
+**Before (Gradio 5.x):**
+```python
+slider = gr.Slider(show_reset_button=True)
+```
+
+**After (Gradio 6.x):**
+```python
+slider = gr.Slider(buttons=["reset"])
+```
+
+
+## CLI Changes
+
+### `gradio sketch` command removed
+
+The `gradio sketch` command-line tool has been deprecated and completely removed in Gradio 6. This tool was used to create Gradio apps through a visual interface.
+
+**In Gradio 5.x:**
+- You could run `gradio sketch` to launch an interactive GUI for building Gradio apps
+- The tool would generate Python code visually
+
+**In Gradio 6.x:**
+- The `gradio sketch` command has been removed
+- Running `gradio sketch` will raise a `DeprecationWarning`
+
+## Python Client Changes
+
+### `hf_token` parameter renamed to `token` in `Client`
+
+The `hf_token` parameter in the `Client` class has been renamed to `token` for consistency and simplicity.
+
+**Before (Gradio 5.x):**
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/my-private-space", hf_token="hf_...")
+```
+
+**After (Gradio 6.x):**
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/my-private-space", token="hf_...")
+```
+
+### `deploy_discord` method deprecated
+
+The `deploy_discord` method in the `Client` class has been deprecated and will be removed in Gradio 6.0. This method was used to deploy Gradio apps as Discord bots.
+
+**Before (Gradio 5.x):**
+
+```python
+from gradio_client import Client
+
+client = Client("username/space-name")
+client.deploy_discord(discord_bot_token="...")
+```
+
+**After (Gradio 6.x):**
+
+The `deploy_discord` method is no longer available. Please see the [documentation on creating a Discord bot with Gradio](https://www.gradio.app/guides/creating-a-discord-bot-from-a-gradio-app) for alternative approaches.
+
+### `AppError` now subclasses `Exception` instead of `ValueError`
+
+The `AppError` exception class in the Python client now subclasses `Exception` directly instead of `ValueError`. This is a breaking change if you have code that specifically catches `ValueError` to handle `AppError` instances.
+
+**Before (Gradio 5.x):**
+
+```python
+from gradio_client import Client
+from gradio_client.exceptions import AppError
+
+try:
+    client = Client("username/space-name")
+    result = client.predict("/predict", inputs)
+except ValueError as e:
+    # This would catch AppError in Gradio 5.x
+    print(f"Error: {e}")
+```
+
+**After (Gradio 6.x):**
+
+```python
+from gradio_client import Client
+from gradio_client.exceptions import AppError
+
+try:
+    client = Client("username/space-name")
+    result = client.predict("/predict", inputs)
+except AppError as e:
+    # Explicitly catch AppError
+    print(f"App error: {e}")
+except ValueError as e:
+    # This will no longer catch AppError
+    print(f"Value error: {e}")
+```
+
diff --git a/guides/11_other-tutorials/how-to-use-3D-model-component.md b/guides/11_other-tutorials/how-to-use-3D-model-component.md
new file mode 100644
index 0000000..3e14ee7
--- /dev/null
+++ b/guides/11_other-tutorials/how-to-use-3D-model-component.md
@@ -0,0 +1,72 @@
+# How to Use the 3D Model Component
+
+Related spaces: https://huggingface.co/spaces/gradio/Model3D, https://huggingface.co/spaces/gradio/PIFu-Clothed-Human-Digitization, https://huggingface.co/spaces/gradio/dpt-depth-estimation-3d-obj
+Tags: VISION, IMAGE
+
+## Introduction
+
+3D models are becoming more popular in machine learning and make for some of the most fun demos to experiment with. Using `gradio`, you can easily build a demo of your 3D image model and share it with anyone. The Gradio 3D Model component accepts 3 file types including: _.obj_, _.glb_, & _.gltf_.
+
+This guide will show you how to build a demo for your 3D image model in a few lines of code; like the one below. Play around with 3D object by clicking around, dragging and zooming:
+
+<gradio-app space="gradio/Model3D"> </gradio-app>
+
+### Prerequisites
+
+Make sure you have the `gradio` Python package already [installed](https://gradio.app/guides/quickstart).
+
+## Taking a Look at the Code
+
+Let's take a look at how to create the minimal interface above. The prediction function in this case will just return the original 3D model mesh, but you can change this function to run inference on your machine learning model. We'll take a look at more complex examples below.
+
+```python
+import gradio as gr
+import os
+
+
+def load_mesh(mesh_file_name):
+    return mesh_file_name
+
+
+demo = gr.Interface(
+    fn=load_mesh,
+    inputs=gr.Model3D(),
+    outputs=gr.Model3D(
+            clear_color=[0.0, 0.0, 0.0, 0.0],  label="3D Model"),
+    examples=[
+        [os.path.join(os.path.dirname(__file__), "files/Bunny.obj")],
+        [os.path.join(os.path.dirname(__file__), "files/Duck.glb")],
+        [os.path.join(os.path.dirname(__file__), "files/Fox.gltf")],
+        [os.path.join(os.path.dirname(__file__), "files/face.obj")],
+    ],
+)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+Let's break down the code above:
+
+`load_mesh`: This is our 'prediction' function and for simplicity, this function will take in the 3D model mesh and return it.
+
+Creating the Interface:
+
+- `fn`: the prediction function that is used when the user clicks submit. In our case this is the `load_mesh` function.
+- `inputs`: create a model3D input component. The input expects an uploaded file as a {str} filepath.
+- `outputs`: create a model3D output component. The output component also expects a file as a {str} filepath.
+  - `clear_color`: this is the background color of the 3D model canvas. Expects RGBa values.
+  - `label`: the label that appears on the top left of the component.
+- `examples`: list of 3D model files. The 3D model component can accept _.obj_, _.glb_, & _.gltf_ file types.
+- `cache_examples`: saves the predicted output for the examples, to save time on inference.
+
+## Exploring a more complex Model3D Demo:
+
+Below is a demo that uses the DPT model to predict the depth of an image and then uses 3D Point Cloud to create a 3D object. Take a look at the [app.py](https://huggingface.co/spaces/gradio/dpt-depth-estimation-3d-obj/blob/main/app.py) file for a peek into the code and the model prediction function.
+<gradio-app space="gradio/dpt-depth-estimation-3d-obj"> </gradio-app>
+
+---
+
+And you're done! That's all the code you need to build an interface for your Model3D model. Here are some references that you may find useful:
+
+- Gradio's ["Getting Started" guide](https://gradio.app/getting_started/)
+- The first [3D Model Demo](https://huggingface.co/spaces/gradio/Model3D) and [complete code](https://huggingface.co/spaces/gradio/Model3D/tree/main) (on Hugging Face Spaces)
diff --git a/guides/11_other-tutorials/image-classification-in-pytorch.md b/guides/11_other-tutorials/image-classification-in-pytorch.md
new file mode 100644
index 0000000..0258f6b
--- /dev/null
+++ b/guides/11_other-tutorials/image-classification-in-pytorch.md
@@ -0,0 +1,87 @@
+# Image Classification in PyTorch
+
+Related spaces: https://huggingface.co/spaces/abidlabs/pytorch-image-classifier, https://huggingface.co/spaces/pytorch/ResNet, https://huggingface.co/spaces/pytorch/ResNext, https://huggingface.co/spaces/pytorch/SqueezeNet
+Tags: VISION, RESNET, PYTORCH
+
+## Introduction
+
+Image classification is a central task in computer vision. Building better classifiers to classify what object is present in a picture is an active area of research, as it has applications stretching from autonomous vehicles to medical imaging.
+
+Such models are perfect to use with Gradio's _image_ input component, so in this tutorial we will build a web demo to classify images using Gradio. We will be able to build the whole web application in Python, and it will look like the demo on the bottom of the page.
+
+Let's get started!
+
+### Prerequisites
+
+Make sure you have the `gradio` Python package already [installed](/getting_started). We will be using a pretrained image classification model, so you should also have `torch` installed.
+
+## Step 1 — Setting up the Image Classification Model
+
+First, we will need an image classification model. For this tutorial, we will use a pretrained Resnet-18 model, as it is easily downloadable from [PyTorch Hub](https://pytorch.org/hub/pytorch_vision_resnet/). You can use a different pretrained model or train your own.
+
+```python
+import torch
+
+model = torch.hub.load('pytorch/vision:v0.6.0', 'resnet18', pretrained=True).eval()
+```
+
+Because we will be using the model for inference, we have called the `.eval()` method.
+
+## Step 2 — Defining a `predict` function
+
+Next, we will need to define a function that takes in the _user input_, which in this case is an image, and returns the prediction. The prediction should be returned as a dictionary whose keys are class name and values are confidence probabilities. We will load the class names from this [text file](https://git.io/JJkYN).
+
+In the case of our pretrained model, it will look like this:
+
+```python
+import requests
+from PIL import Image
+from torchvision import transforms
+
+# Download human-readable labels for ImageNet.
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+def predict(inp):
+  inp = transforms.ToTensor()(inp).unsqueeze(0)
+  with torch.no_grad():
+    prediction = torch.nn.functional.softmax(model(inp)[0], dim=0)
+    confidences = {labels[i]: float(prediction[i]) for i in range(1000)}
+  return confidences
+```
+
+Let's break this down. The function takes one parameter:
+
+- `inp`: the input image as a `PIL` image
+
+Then, the function converts the image to a PIL Image and then eventually a PyTorch `tensor`, passes it through the model, and returns:
+
+- `confidences`: the predictions, as a dictionary whose keys are class labels and whose values are confidence probabilities
+
+## Step 3 — Creating a Gradio Interface
+
+Now that we have our predictive function set up, we can create a Gradio Interface around it.
+
+In this case, the input component is a drag-and-drop image component. To create this input, we use `Image(type="pil")` which creates the component and handles the preprocessing to convert that to a `PIL` image.
+
+The output component will be a `Label`, which displays the top labels in a nice form. Since we don't want to show all 1,000 class labels, we will customize it to show only the top 3 images by constructing it as `Label(num_top_classes=3)`.
+
+Finally, we'll add one more parameter, the `examples`, which allows us to prepopulate our interfaces with a few predefined examples. The code for Gradio looks like this:
+
+```python
+import gradio as gr
+
+gr.Interface(fn=predict,
+             inputs=gr.Image(type="pil"),
+             outputs=gr.Label(num_top_classes=3),
+             examples=["lion.jpg", "cheetah.jpg"]).launch()
+```
+
+This produces the following interface, which you can try right here in your browser (try uploading your own examples!):
+
+<gradio-app space="gradio/pytorch-image-classifier">
+
+
+---
+
+And you're done! That's all the code you need to build a web demo for an image classifier. If you'd like to share with others, try setting `share=True` when you `launch()` the Interface!
diff --git a/guides/11_other-tutorials/image-classification-with-vision-transformers.md b/guides/11_other-tutorials/image-classification-with-vision-transformers.md
new file mode 100644
index 0000000..20d377e
--- /dev/null
+++ b/guides/11_other-tutorials/image-classification-with-vision-transformers.md
@@ -0,0 +1,51 @@
+# Image Classification with Vision Transformers
+
+Related spaces: https://huggingface.co/spaces/abidlabs/vision-transformer
+Tags: VISION, TRANSFORMERS, HUB
+
+## Introduction
+
+Image classification is a central task in computer vision. Building better classifiers to classify what object is present in a picture is an active area of research, as it has applications stretching from facial recognition to manufacturing quality control.
+
+State-of-the-art image classifiers are based on the _transformers_ architectures, originally popularized for NLP tasks. Such architectures are typically called vision transformers (ViT). Such models are perfect to use with Gradio's _image_ input component, so in this tutorial we will build a web demo to classify images using Gradio. We will be able to build the whole web application in a **single line of Python**, and it will look like the demo on the bottom of the page.
+
+Let's get started!
+
+### Prerequisites
+
+Make sure you have the `gradio` Python package already [installed](/getting_started).
+
+## Step 1 — Choosing a Vision Image Classification Model
+
+First, we will need an image classification model. For this tutorial, we will use a model from the [Hugging Face Model Hub](https://huggingface.co/models?pipeline_tag=image-classification). The Hub contains thousands of models covering dozens of different machine learning tasks.
+
+Expand the Tasks category on the left sidebar and select "Image Classification" as our task of interest. You will then see all of the models on the Hub that are designed to classify images.
+
+At the time of writing, the most popular one is `google/vit-base-patch16-224`, which has been trained on ImageNet images at a resolution of 224x224 pixels. We will use this model for our demo.
+
+## Step 2 — Loading the Vision Transformer Model with Gradio
+
+When using a model from the Hugging Face Hub, we do not need to define the input or output components for the demo. Similarly, we do not need to be concerned with the details of preprocessing or postprocessing.
+All of these are automatically inferred from the model tags.
+
+Besides the import statement, it only takes a single line of Python to load and launch the demo.
+
+We use the `gr.Interface.load()` method and pass in the path to the model including the `huggingface/` to designate that it is from the Hugging Face Hub.
+
+```python
+import gradio as gr
+
+gr.Interface.load(
+             "huggingface/google/vit-base-patch16-224",
+             examples=["alligator.jpg", "laptop.jpg"]).launch()
+```
+
+Notice that we have added one more parameter, the `examples`, which allows us to prepopulate our interfaces with a few predefined examples.
+
+This produces the following interface, which you can try right here in your browser. When you input an image, it is automatically preprocessed and sent to the Hugging Face Hub API, where it is passed through the model and returned as a human-interpretable prediction. Try uploading your own image!
+
+<gradio-app space="gradio/vision-transformer">
+
+---
+
+And you're done! In one line of code, you have built a web demo for an image classifier. If you'd like to share with others, try setting `share=True` when you `launch()` the Interface!
diff --git a/guides/11_other-tutorials/installing-gradio-in-a-virtual-environment.md b/guides/11_other-tutorials/installing-gradio-in-a-virtual-environment.md
new file mode 100644
index 0000000..8b17990
--- /dev/null
+++ b/guides/11_other-tutorials/installing-gradio-in-a-virtual-environment.md
@@ -0,0 +1,100 @@
+# Installing Gradio in a Virtual Environment
+
+Tags: INSTALLATION
+
+In this guide, we will describe step-by-step how to install `gradio` within a virtual environment. This guide will cover both Windows and MacOS/Linux systems.
+
+## Virtual Environments
+
+A virtual environment in Python is a self-contained directory that holds a Python installation for a particular version of Python, along with a number of additional packages. This environment is isolated from the main Python installation and other virtual environments. Each environment can have its own independent set of installed Python packages, which allows you to maintain different versions of libraries for different projects without conflicts.
+
+
+Using virtual environments ensures that you can work on multiple Python projects on the same machine without any conflicts. This is particularly useful when different projects require different versions of the same library. It also simplifies dependency management and enhances reproducibility, as you can easily share the requirements of your project with others.
+
+
+## Installing Gradio on Windows
+
+To install Gradio on a Windows system in a virtual environment, follow these steps:
+
+1. **Install Python**: Ensure you have Python 3.10 or higher installed. You can download it from [python.org](https://www.python.org/). You can verify the installation by running `python --version` or `python3 --version` in Command Prompt.
+
+
+2. **Create a Virtual Environment**:
+   Open Command Prompt and navigate to your project directory. Then create a virtual environment using the following command:
+
+   ```bash
+   python -m venv gradio-env
+   ```
+
+   This command creates a new directory `gradio-env` in your project folder, containing a fresh Python installation.
+
+3. **Activate the Virtual Environment**:
+   To activate the virtual environment, run:
+
+   ```bash
+   .\gradio-env\Scripts\activate
+   ```
+
+   Your command prompt should now indicate that you are working inside `gradio-env`. Note: you can choose a different name than `gradio-env` for your virtual environment in this step.
+
+
+4. **Install Gradio**:
+   Now, you can install Gradio using pip:
+
+   ```bash
+   pip install gradio
+   ```
+
+5. **Verification**:
+   To verify the installation, run `python` and then type:
+
+   ```python
+   import gradio as gr
+   print(gr.__version__)
+   ```
+
+   This will display the installed version of Gradio.
+
+## Installing Gradio on MacOS/Linux
+
+The installation steps on MacOS and Linux are similar to Windows but with some differences in commands.
+
+1. **Install Python**:
+   Python usually comes pre-installed on MacOS and most Linux distributions. You can verify the installation by running `python --version` in the terminal (note that depending on how Python is installed, you might have to use `python3` instead of `python` throughout these steps). 
+   
+   Ensure you have Python 3.10 or higher installed. If you do not have it installed, you can download it from [python.org](https://www.python.org/). 
+
+2. **Create a Virtual Environment**:
+   Open Terminal and navigate to your project directory. Then create a virtual environment using:
+
+   ```bash
+   python -m venv gradio-env
+   ```
+
+   Note: you can choose a different name than `gradio-env` for your virtual environment in this step.
+
+3. **Activate the Virtual Environment**:
+   To activate the virtual environment on MacOS/Linux, use:
+
+   ```bash
+   source gradio-env/bin/activate
+   ```
+
+4. **Install Gradio**:
+   With the virtual environment activated, install Gradio using pip:
+
+   ```bash
+   pip install gradio
+   ```
+
+5. **Verification**:
+   To verify the installation, run `python` and then type:
+
+   ```python
+   import gradio as gr
+   print(gr.__version__)
+   ```
+
+   This will display the installed version of Gradio.
+
+By following these steps, you can successfully install Gradio in a virtual environment on your operating system, ensuring a clean and managed workspace for your Python projects.
\ No newline at end of file
diff --git a/guides/11_other-tutorials/named-entity-recognition.md b/guides/11_other-tutorials/named-entity-recognition.md
new file mode 100644
index 0000000..35108d0
--- /dev/null
+++ b/guides/11_other-tutorials/named-entity-recognition.md
@@ -0,0 +1,80 @@
+# Named-Entity Recognition
+
+Related spaces: https://huggingface.co/spaces/rajistics/biobert_ner_demo, https://huggingface.co/spaces/abidlabs/ner, https://huggingface.co/spaces/rajistics/Financial_Analyst_AI
+Tags: NER, TEXT, HIGHLIGHT
+
+## Introduction
+
+Named-entity recognition (NER), also known as token classification or text tagging, is the task of taking a sentence and classifying every word (or "token") into different categories, such as names of people or names of locations, or different parts of speech.
+
+For example, given the sentence:
+
+> Does Chicago have any Pakistani restaurants?
+
+A named-entity recognition algorithm may identify:
+
+- "Chicago" as a **location**
+- "Pakistani" as an **ethnicity**
+
+and so on.
+
+Using `gradio` (specifically the `HighlightedText` component), you can easily build a web demo of your NER model and share that with the rest of your team.
+
+Here is an example of a demo that you'll be able to build:
+
+$demo_ner_pipeline
+
+This tutorial will show how to take a pretrained NER model and deploy it with a Gradio interface. We will show two different ways to use the `HighlightedText` component -- depending on your NER model, either of these two ways may be easier to learn!
+
+### Prerequisites
+
+Make sure you have the `gradio` Python package already [installed](/getting_started). You will also need a pretrained named-entity recognition model. You can use your own, while in this tutorial, we will use one from the `transformers` library.
+
+### Approach 1: List of Entity Dictionaries
+
+Many named-entity recognition models output a list of dictionaries. Each dictionary consists of an _entity_, a "start" index, and an "end" index. This is, for example, how NER models in the `transformers` library operate:
+
+```py
+from transformers import pipeline
+ner_pipeline = pipeline("ner")
+ner_pipeline("Does Chicago have any Pakistani restaurants")
+```
+
+Output:
+
+```bash
+[{'entity': 'I-LOC',
+  'score': 0.9988978,
+  'index': 2,
+  'word': 'Chicago',
+  'start': 5,
+  'end': 12},
+ {'entity': 'I-MISC',
+  'score': 0.9958592,
+  'index': 5,
+  'word': 'Pakistani',
+  'start': 22,
+  'end': 31}]
+```
+
+If you have such a model, it is very easy to hook it up to Gradio's `HighlightedText` component. All you need to do is pass in this **list of entities**, along with the **original text** to the model, together as dictionary, with the keys being `"entities"` and `"text"` respectively.
+
+Here is a complete example:
+
+$code_ner_pipeline
+$demo_ner_pipeline
+
+### Approach 2: List of Tuples
+
+An alternative way to pass data into the `HighlightedText` component is a list of tuples. The first element of each tuple should be the word or words that are being classified into a particular entity. The second element should be the entity label (or `None` if they should be unlabeled). The `HighlightedText` component automatically strings together the words and labels to display the entities.
+
+In some cases, this can be easier than the first approach. Here is a demo showing this approach using Spacy's parts-of-speech tagger:
+
+$code_text_analysis
+$demo_text_analysis
+
+---
+
+And you're done! That's all you need to know to build a web-based GUI for your NER model.
+
+Fun tip: you can share your NER demo instantly with others simply by setting `share=True` in `launch()`.
diff --git a/guides/11_other-tutorials/plot-component-for-maps.md b/guides/11_other-tutorials/plot-component-for-maps.md
new file mode 100644
index 0000000..042e5ce
--- /dev/null
+++ b/guides/11_other-tutorials/plot-component-for-maps.md
@@ -0,0 +1,110 @@
+# How to Use the Plot Component for Maps
+
+Tags: PLOTS, MAPS
+
+## Introduction
+
+This guide explains how you can use Gradio to plot geographical data on a map using the `gradio.Plot` component. The Gradio `Plot` component works with Matplotlib, Bokeh and Plotly. Plotly is what we will be working with in this guide. Plotly allows developers to easily create all sorts of maps with their geographical data. Take a look [here](https://plotly.com/python/maps/) for some examples.
+
+## Overview
+
+We will be using the New York City Airbnb dataset, which is hosted on kaggle [here](https://www.kaggle.com/datasets/dgomonov/new-york-city-airbnb-open-data). I've uploaded it to the Hugging Face Hub as a dataset [here](https://huggingface.co/datasets/gradio/NYC-Airbnb-Open-Data) for easier use and download. Using this data we will plot Airbnb locations on a map output and allow filtering based on price and location. Below is the demo that we will be building. ⚡️
+
+$demo_map_airbnb
+
+## Step 1 - Loading CSV data 💾
+
+Let's start by loading the Airbnb NYC data from the Hugging Face Hub.
+
+```python
+from datasets import load_dataset
+
+dataset = load_dataset("gradio/NYC-Airbnb-Open-Data", split="train")
+df = dataset.to_pandas()
+
+def filter_map(min_price, max_price, boroughs):
+    new_df = df[(df['neighbourhood_group'].isin(boroughs)) &
+            (df['price'] > min_price) & (df['price'] < max_price)]
+    names = new_df["name"].tolist()
+    prices = new_df["price"].tolist()
+    text_list = [(names[i], prices[i]) for i in range(0, len(names))]
+```
+
+In the code above, we first load the csv data into a pandas dataframe. Let's begin by defining a function that we will use as the prediction function for the gradio app. This function will accept the minimum price and maximum price range as well as the list of boroughs to filter the resulting map. We can use the passed in values (`min_price`, `max_price`, and list of `boroughs`) to filter the dataframe and create `new_df`. Next we will create `text_list` of the names and prices of each Airbnb to use as labels on the map.
+
+## Step 2 - Map Figure 🌐
+
+Plotly makes it easy to work with maps. Let's take a look below how we can create a map figure.
+
+```python
+import plotly.graph_objects as go
+
+fig = go.Figure(go.Scattermapbox(
+            customdata=text_list,
+            lat=new_df['latitude'].tolist(),
+            lon=new_df['longitude'].tolist(),
+            mode='markers',
+            marker=go.scattermapbox.Marker(
+                size=6
+            ),
+            hoverinfo="text",
+            hovertemplate='<b>Name</b>: %{customdata[0]}<br><b>Price</b>: $%{customdata[1]}'
+        ))
+
+fig.update_layout(
+    mapbox_style="open-street-map",
+    hovermode='closest',
+    mapbox=dict(
+        bearing=0,
+        center=go.layout.mapbox.Center(
+            lat=40.67,
+            lon=-73.90
+        ),
+        pitch=0,
+        zoom=9
+    ),
+)
+```
+
+Above, we create a scatter plot on mapbox by passing it our list of latitudes and longitudes to plot markers. We also pass in our custom data of names and prices for additional info to appear on every marker we hover over. Next we use `update_layout` to specify other map settings such as zoom, and centering.
+
+More info [here](https://plotly.com/python/scattermapbox/) on scatter plots using Mapbox and Plotly.
+
+## Step 3 - Gradio App ⚡️
+
+We will use two `gr.Number` components and a `gr.CheckboxGroup` to allow users of our app to specify price ranges and borough locations. We will then use the `gr.Plot` component as an output for our Plotly + Mapbox map we created earlier.
+
+```python
+with gr.Blocks() as demo:
+    with gr.Column():
+        with gr.Row():
+            min_price = gr.Number(value=250, label="Minimum Price")
+            max_price = gr.Number(value=1000, label="Maximum Price")
+        boroughs = gr.CheckboxGroup(choices=["Queens", "Brooklyn", "Manhattan", "Bronx", "Staten Island"], value=["Queens", "Brooklyn"], label="Select Boroughs:")
+        btn = gr.Button(value="Update Filter")
+        map = gr.Plot()
+    demo.load(filter_map, [min_price, max_price, boroughs], map)
+    btn.click(filter_map, [min_price, max_price, boroughs], map)
+```
+
+We layout these components using the `gr.Column` and `gr.Row` and we'll also add event triggers for when the demo first loads and when our "Update Filter" button is clicked in order to trigger the map to update with our new filters.
+
+This is what the full demo code looks like:
+
+$code_map_airbnb
+
+## Step 4 - Deployment 🤗
+
+If you run the code above, your app will start running locally.
+You can even get a temporary shareable link by passing the `share=True` parameter to `launch`.
+
+But what if you want to a permanent deployment solution?
+Let's deploy our Gradio app to the free HuggingFace Spaces platform.
+
+If you haven't used Spaces before, follow the previous guide [here](/using_hugging_face_integrations).
+
+## Conclusion 🎉
+
+And you're all done! That's all the code you need to build a map demo.
+
+Here's a link to the demo [Map demo](https://huggingface.co/spaces/gradio/map_airbnb) and [complete code](https://huggingface.co/spaces/gradio/map_airbnb/blob/main/run.py) (on Hugging Face Spaces)
diff --git a/guides/11_other-tutorials/running-background-tasks.md b/guides/11_other-tutorials/running-background-tasks.md
new file mode 100644
index 0000000..d4d4ff1
--- /dev/null
+++ b/guides/11_other-tutorials/running-background-tasks.md
@@ -0,0 +1,163 @@
+# Running Background Tasks
+
+Related spaces: https://huggingface.co/spaces/freddyaboulton/gradio-google-forms
+Tags: TASKS, SCHEDULED, TABULAR, DATA
+
+## Introduction
+
+This guide explains how you can run background tasks from your gradio app.
+Background tasks are operations that you'd like to perform outside the request-response
+lifecycle of your app either once or on a periodic schedule.
+Examples of background tasks include periodically synchronizing data to an external database or
+sending a report of model predictions via email.
+
+## Overview
+
+We will be creating a simple "Google-forms-style" application to gather feedback from users of the gradio library.
+We will use a local sqlite database to store our data, but we will periodically synchronize the state of the database
+with a [HuggingFace Dataset](https://huggingface.co/datasets) so that our user reviews are always backed up.
+The synchronization will happen in a background task running every 60 seconds.
+
+At the end of the demo, you'll have a fully working application like this one:
+
+<gradio-app space="freddyaboulton/gradio-google-forms"> </gradio-app>
+
+## Step 1 - Write your database logic 💾
+
+Our application will store the name of the reviewer, their rating of gradio on a scale of 1 to 5, as well as
+any comments they want to share about the library. Let's write some code that creates a database table to
+store this data. We'll also write some functions to insert a review into that table and fetch the latest 10 reviews.
+
+We're going to use the `sqlite3` library to connect to our sqlite database but gradio will work with any library.
+
+The code will look like this:
+
+```python
+DB_FILE = "./reviews.db"
+db = sqlite3.connect(DB_FILE)
+
+# Create table if it doesn't already exist
+try:
+    db.execute("SELECT * FROM reviews").fetchall()
+    db.close()
+except sqlite3.OperationalError:
+    db.execute(
+        '''
+        CREATE TABLE reviews (id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,
+                              created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP NOT NULL,
+                              name TEXT, review INTEGER, comments TEXT)
+        ''')
+    db.commit()
+    db.close()
+
+def get_latest_reviews(db: sqlite3.Connection):
+    reviews = db.execute("SELECT * FROM reviews ORDER BY id DESC limit 10").fetchall()
+    total_reviews = db.execute("Select COUNT(id) from reviews").fetchone()[0]
+    reviews = pd.DataFrame(reviews, columns=["id", "date_created", "name", "review", "comments"])
+    return reviews, total_reviews
+
+
+def add_review(name: str, review: int, comments: str):
+    db = sqlite3.connect(DB_FILE)
+    cursor = db.cursor()
+    cursor.execute("INSERT INTO reviews(name, review, comments) VALUES(?,?,?)", [name, review, comments])
+    db.commit()
+    reviews, total_reviews = get_latest_reviews(db)
+    db.close()
+    return reviews, total_reviews
+```
+
+Let's also write a function to load the latest reviews when the gradio application loads:
+
+```python
+def load_data():
+    db = sqlite3.connect(DB_FILE)
+    reviews, total_reviews = get_latest_reviews(db)
+    db.close()
+    return reviews, total_reviews
+```
+
+## Step 2 - Create a gradio app ⚡
+
+Now that we have our database logic defined, we can use gradio create a dynamic web page to ask our users for feedback!
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            name = gr.Textbox(label="Name", placeholder="What is your name?")
+            review = gr.Radio(label="How satisfied are you with using gradio?", choices=[1, 2, 3, 4, 5])
+            comments = gr.Textbox(label="Comments", lines=10, placeholder="Do you have any feedback on gradio?")
+            submit = gr.Button(value="Submit Feedback")
+        with gr.Column():
+            data = gr.Dataframe(label="Most recently created 10 rows")
+            count = gr.Number(label="Total number of reviews")
+    submit.click(add_review, [name, review, comments], [data, count])
+    demo.load(load_data, None, [data, count])
+```
+
+## Step 3 - Synchronize with HuggingFace Datasets 🤗
+
+We could call `demo.launch()` after step 2 and have a fully functioning application. However,
+our data would be stored locally on our machine. If the sqlite file were accidentally deleted, we'd lose all of our reviews!
+Let's back up our data to a dataset on the HuggingFace hub.
+
+Create a dataset [here](https://huggingface.co/datasets) before proceeding.
+
+Now at the **top** of our script, we'll use the [huggingface hub client library](https://huggingface.co/docs/huggingface_hub/index)
+to connect to our dataset and pull the latest backup.
+
+```python
+TOKEN = os.environ.get('HUB_TOKEN')
+repo = huggingface_hub.Repository(
+    local_dir="data",
+    repo_type="dataset",
+    clone_from="<name-of-your-dataset>",
+    use_auth_token=TOKEN
+)
+repo.git_pull()
+
+shutil.copyfile("./data/reviews.db", DB_FILE)
+```
+
+Note that you'll have to get an access token from the "Settings" tab of your HuggingFace for the above code to work.
+In the script, the token is securely accessed via an environment variable.
+
+![access_token](https://github.com/gradio-app/gradio/blob/main/guides/assets/access_token.png?raw=true)
+
+Now we will create a background task to synch our local database to the dataset hub every 60 seconds.
+We will use the [AdvancedPythonScheduler](https://apscheduler.readthedocs.io/en/3.x/) to handle the scheduling.
+However, this is not the only task scheduling library available. Feel free to use whatever you are comfortable with.
+
+The function to back up our data will look like this:
+
+```python
+from apscheduler.schedulers.background import BackgroundScheduler
+
+def backup_db():
+    shutil.copyfile(DB_FILE, "./data/reviews.db")
+    db = sqlite3.connect(DB_FILE)
+    reviews = db.execute("SELECT * FROM reviews").fetchall()
+    pd.DataFrame(reviews).to_csv("./data/reviews.csv", index=False)
+    print("updating db")
+    repo.push_to_hub(blocking=False, commit_message=f"Updating data at {datetime.datetime.now()}")
+
+
+scheduler = BackgroundScheduler()
+scheduler.add_job(func=backup_db, trigger="interval", seconds=60)
+scheduler.start()
+```
+
+## Step 4 (Bonus) - Deployment to HuggingFace Spaces
+
+You can use the HuggingFace [Spaces](https://huggingface.co/spaces) platform to deploy this application for free ✨
+
+If you haven't used Spaces before, follow the previous guide [here](/using_hugging_face_integrations).
+You will have to use the `HUB_TOKEN` environment variable as a secret in the Guides.
+
+## Conclusion
+
+Congratulations! You know how to run background tasks from your gradio app on a schedule ⏲️.
+
+Checkout the application running on Spaces [here](https://huggingface.co/spaces/freddyaboulton/gradio-google-forms).
+The complete code is [here](https://huggingface.co/spaces/freddyaboulton/gradio-google-forms/blob/main/app.py)
diff --git a/guides/11_other-tutorials/running-gradio-on-your-web-server-with-nginx.md b/guides/11_other-tutorials/running-gradio-on-your-web-server-with-nginx.md
new file mode 100644
index 0000000..db69620
--- /dev/null
+++ b/guides/11_other-tutorials/running-gradio-on-your-web-server-with-nginx.md
@@ -0,0 +1,93 @@
+# Running a Gradio App on your Web Server with Nginx
+
+Tags: DEPLOYMENT, WEB SERVER, NGINX
+
+## Introduction
+
+Gradio is a Python library that allows you to quickly create customizable web apps for your machine learning models and data processing pipelines. Gradio apps can be deployed on [Hugging Face Spaces](https://hf.space) for free.
+
+In some cases though, you might want to deploy a Gradio app on your own web server. You might already be using [Nginx](https://www.nginx.com/), a highly performant web server, to serve your website (say `https://www.example.com`), and you want to attach Gradio to a specific subpath on your website (e.g. `https://www.example.com/gradio-demo`).
+
+In this Guide, we will guide you through the process of running a Gradio app behind Nginx on your own web server to achieve this.
+
+**Prerequisites**
+
+1. A Linux web server with [Nginx installed](https://www.nginx.com/blog/setting-up-nginx/) and [Gradio installed](/quickstart)
+2. A working Gradio app saved as a python file on your web server
+
+## Editing your Nginx configuration file
+
+1. Start by editing the Nginx configuration file on your web server. By default, this is located at: `/etc/nginx/nginx.conf`
+
+In the `http` block, add the following line to include server block configurations from a separate file:
+
+```bash
+include /etc/nginx/sites-enabled/*;
+```
+
+2. Create a new file in the `/etc/nginx/sites-available` directory (create the directory if it does not already exist), using a filename that represents your app, for example: `sudo nano /etc/nginx/sites-available/my_gradio_app`
+
+3. Paste the following into your file editor:
+
+```bash
+server {
+    listen 80;
+    server_name example.com www.example.com;  # Change this to your domain name
+
+    location /gradio-demo/ {  # Change this if you'd like to server your Gradio app on a different path
+        proxy_pass http://127.0.0.1:7860/; # Change this if your Gradio app will be running on a different port
+        proxy_buffering off;
+        proxy_redirect off;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host $host;
+        proxy_set_header X-Forwarded-Host $host;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+}
+```
+
+
+Tip: Setting the `X-Forwarded-Host` and `X-Forwarded-Proto` headers is important as Gradio uses these, in conjunction with the `root_path` parameter discussed below, to construct the public URL that your app is being served on. Gradio uses the public URL to fetch various static assets. If these headers are not set, your Gradio app may load in a broken state.
+
+*Note:* The `$host` variable does not include the host port. If you are serving your Gradio application on a raw IP address and port, you should use the `$http_host` variable instead, in these lines:
+
+```bash
+        proxy_set_header Host $host;
+        proxy_set_header X-Forwarded-Host $host;
+```
+
+## Run your Gradio app on your web server
+
+1. Before you launch your Gradio app, you'll need to set the `root_path` to be the same as the subpath that you specified in your nginx configuration. This is necessary for Gradio to run on any subpath besides the root of the domain.
+
+    *Note:* Instead of a subpath, you can also provide a complete URL for `root_path` (beginning with `http` or `https`) in which case the `root_path` is treated as an absolute URL instead of a URL suffix (but in this case, you'll need to update the `root_path` if the domain changes).
+
+Here's a simple example of a Gradio app with a custom `root_path` corresponding to the Nginx configuration above.
+
+```python
+import gradio as gr
+import time
+
+def test(x):
+time.sleep(4)
+return x
+
+gr.Interface(test, "textbox", "textbox").queue().launch(root_path="/gradio-demo")
+```
+
+2. Start a `tmux` session by typing `tmux` and pressing enter (optional)
+
+It's recommended that you run your Gradio app in a `tmux` session so that you can keep it running in the background easily
+
+3. Then, start your Gradio app. Simply type in `python` followed by the name of your Gradio python file. By default, your app will run on `localhost:7860`, but if it starts on a different port, you will need to update the nginx configuration file above.
+
+## Restart Nginx
+
+1. If you are in a tmux session, exit by typing CTRL+B (or CMD+B), followed by the "D" key.
+
+2. Finally, restart nginx by running `sudo systemctl restart nginx`.
+
+And that's it! If you visit `https://example.com/gradio-demo` on your browser, you should see your Gradio app running there
+
diff --git a/guides/11_other-tutorials/setting-up-a-demo-for-maximum-performance.md b/guides/11_other-tutorials/setting-up-a-demo-for-maximum-performance.md
new file mode 100644
index 0000000..f34e094
--- /dev/null
+++ b/guides/11_other-tutorials/setting-up-a-demo-for-maximum-performance.md
@@ -0,0 +1,129 @@
+# Setting Up a Demo for Maximum Performance
+
+Tags: CONCURRENCY, LATENCY, PERFORMANCE
+
+Let's say that your Gradio demo goes _viral_ on social media -- you have lots of users trying it out simultaneously, and you want to provide your users with the best possible experience or, in other words, minimize the amount of time that each user has to wait in the queue to see their prediction.
+
+How can you configure your Gradio demo to handle the most traffic? In this Guide, we dive into some of the parameters of Gradio's `.queue()` method as well as some other related parameters, and discuss how to set these parameters in a way that allows you to serve lots of users simultaneously with minimal latency.
+
+This is an advanced guide, so make sure you know the basics of Gradio already, such as [how to create and launch a Gradio Interface](https://gradio.app/guides/quickstart/). Most of the information in this Guide is relevant whether you are hosting your demo on [Hugging Face Spaces](https://hf.space) or on your own server.
+
+## Overview of Gradio's Queueing System
+
+By default, every Gradio demo includes a built-in queuing system that scales to thousands of requests. When a user of your app submits a request (i.e. submits an input to your function), Gradio adds the request to the queue, and requests are processed in order, generally speaking (this is not exactly true, as discussed below). When the user's request has finished processing, the Gradio server returns the result back to the user using server-side events (SSE). The SSE protocol has several advantages over simply using HTTP POST requests: 
+
+(1) They do not time out -- most browsers raise a timeout error if they do not get a response to a POST request after a short period of time (e.g. 1 min). This can be a problem if your inference function takes longer than 1 minute to run or if many people are trying out your demo at the same time, resulting in increased latency.
+
+(2) They allow the server to send multiple updates to the frontend. This means, for example, that the server can send a real-time ETA of how long your prediction will take to complete.
+
+To configure the queue, simply call the `.queue()` method before launching an `Interface`, `TabbedInterface`, `ChatInterface` or any `Blocks`. Here's an example:
+
+```py
+import gradio as gr
+
+app = gr.Interface(lambda x:x, "image", "image")
+app.queue()  # <-- Sets up a queue with default parameters
+app.launch()
+```
+
+**How Requests are Processed from the Queue**
+
+When a Gradio server is launched, a pool of threads is used to execute requests from the queue. By default, the maximum size of this thread pool is `40` (which is the default inherited from FastAPI, on which the Gradio server is based). However, this does *not* mean that 40 requests are always processed in parallel from the queue. 
+
+Instead, Gradio uses a **single-function-single-worker** model by default. This means that each worker thread is only assigned a single function from among all of the functions that could be part of your Gradio app. This ensures that you do not see, for example, out-of-memory errors, due to multiple workers calling a machine learning model at the same time. Suppose you have 3 functions in your Gradio app: A, B, and C. And you see the following sequence of 7 requests come in from users using your app:
+
+```
+1 2 3 4 5 6 7
+-------------
+A B A A C B A
+```
+
+Initially, 3 workers will get dispatched to handle requests 1, 2, and 5 (corresponding to functions: A, B, C). As soon as any of these workers finish, they will start processing the next function in the queue of the same function type, e.g. the worker that finished processing request 1 will start processing request 3, and so on.
+
+If you want to change this behavior, there are several parameters that can be used to configure the queue and help reduce latency. Let's go through them one-by-one.
+
+
+### The `default_concurrency_limit` parameter in `queue()`
+
+The first parameter we will explore is the `default_concurrency_limit` parameter in `queue()`. This controls how many workers can execute the same event. By default, this is set to `1`, but you can set it to a higher integer: `2`, `10`, or even `None` (in the last case, there is no limit besides the total number of available workers). 
+
+This is useful, for example, if your Gradio app does not call any resource-intensive functions. If your app only queries external APIs, then you can set the `default_concurrency_limit` much higher. Increasing this parameter can **linearly multiply the capacity of your server to handle requests**.
+
+So why not set this parameter much higher all the time? Keep in mind that since requests are processed in parallel, each request will consume memory to store the data and weights for processing. This means that you might get out-of-memory errors if you increase the `default_concurrency_limit` too high. You may also start to get diminishing returns if the `default_concurrency_limit` is too high because of costs of switching between different worker threads.
+
+**Recommendation**: Increase the `default_concurrency_limit` parameter as high as you can while you continue to see performance gains or until you hit memory limits on your machine. You can [read about Hugging Face Spaces machine specs here](https://huggingface.co/docs/hub/spaces-overview).
+
+
+### The `concurrency_limit` parameter in events
+
+You can also set the number of requests that can be processed in parallel for each event individually. These take priority over the  `default_concurrency_limit` parameter described previously.
+
+To do this, set the `concurrency_limit` parameter of any event listener, e.g. `btn.click(..., concurrency_limit=20)` or in the `Interface` or `ChatInterface` classes: e.g. `gr.Interface(..., concurrency_limit=20)`. By default, this parameter is set to the global `default_concurrency_limit`.
+
+
+### The `max_threads` parameter in `launch()`
+
+If your demo uses non-async functions, e.g. `def` instead of `async def`, they will be run in a threadpool. This threadpool has a size of 40 meaning that only 40 threads can be created to run your non-async functions. If you are running into this limit, you can increase the threadpool size with `max_threads`. The default value is 40.
+
+Tip: You should use async functions whenever possible to increase the number of concurrent requests your app can handle. Quick functions that are not CPU-bound are good candidates to be written as `async`. This [guide](https://fastapi.tiangolo.com/async/) is a good primer on the concept.
+
+
+### The `max_size` parameter in `queue()`
+
+A more blunt way to reduce the wait times is simply to prevent too many people from joining the queue in the first place. You can set the maximum number of requests that the queue processes using the `max_size` parameter of `queue()`. If a request arrives when the queue is already of the maximum size, it will not be allowed to join the queue and instead, the user will receive an error saying that the queue is full and to try again. By default, `max_size=None`, meaning that there is no limit to the number of users that can join the queue.
+
+Paradoxically, setting a `max_size` can often improve user experience because it prevents users from being dissuaded by very long queue wait times. Users who are more interested and invested in your demo will keep trying to join the queue, and will be able to get their results faster.
+
+**Recommendation**: For a better user experience, set a `max_size` that is reasonable given your expectations of how long users might be willing to wait for a prediction.
+
+### The `max_batch_size` parameter in events
+
+Another way to increase the parallelism of your Gradio demo is to write your function so that it can accept **batches** of inputs. Most deep learning models can process batches of samples more efficiently than processing individual samples.
+
+If you write your function to process a batch of samples, Gradio will automatically batch incoming requests together and pass them into your function as a batch of samples. You need to set `batch` to `True` (by default it is `False`) and set a `max_batch_size` (by default it is `4`) based on the maximum number of samples your function is able to handle. These two parameters can be passed into `gr.Interface()` or to an event in Blocks such as `.click()`.
+
+While setting a batch is conceptually similar to having workers process requests in parallel, it is often _faster_ than setting `default_concurrency_limit` for deep learning models. The downside is that you might need to adapt your function a little bit to accept batches of samples instead of individual samples.
+
+Here's an example of a function that does _not_ accept a batch of inputs -- it processes a single input at a time:
+
+```py
+import time
+
+def trim_words(word, length):
+    return word[:int(length)]
+
+```
+
+Here's the same function rewritten to take in a batch of samples:
+
+```py
+import time
+
+def trim_words(words, lengths):
+    trimmed_words = []
+    for w, l in zip(words, lengths):
+        trimmed_words.append(w[:int(l)])
+    return [trimmed_words]
+
+```
+
+The second function can be used with `batch=True` and an appropriate `max_batch_size` parameter.
+
+**Recommendation**: If possible, write your function to accept batches of samples, and then set `batch` to `True` and the `max_batch_size` as high as possible based on your machine's memory limits.
+
+## Upgrading your Hardware (GPUs, TPUs, etc.)
+
+If you have done everything above, and your demo is still not fast enough, you can upgrade the hardware that your model is running on. Changing the model from running on CPUs to running on GPUs will usually provide a 10x-50x increase in inference time for deep learning models.
+
+It is particularly straightforward to upgrade your Hardware on Hugging Face Spaces. Simply click on the "Settings" tab in your Space and choose the Space Hardware you'd like.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/hub/spaces-gpu-settings.png)
+
+While you might need to adapt portions of your machine learning inference code to run on a GPU (here's a [handy guide](https://cnvrg.io/pytorch-cuda/) if you are using PyTorch), Gradio is completely agnostic to the choice of hardware and will work completely fine if you use it with CPUs, GPUs, TPUs, or any other hardware!
+
+Note: your GPU memory is different than your CPU memory, so if you upgrade your hardware,
+you might need to adjust the value of the `default_concurrency_limit` parameter described above.
+
+## Conclusion
+
+Congratulations! You know how to set up a Gradio demo for maximum performance. Good luck on your next viral demo!
diff --git a/guides/11_other-tutorials/styling-the-gradio-dataframe.md b/guides/11_other-tutorials/styling-the-gradio-dataframe.md
new file mode 100644
index 0000000..868bf94
--- /dev/null
+++ b/guides/11_other-tutorials/styling-the-gradio-dataframe.md
@@ -0,0 +1,182 @@
+# How to Style the Gradio Dataframe
+
+Tags: DATAFRAME, STYLE, COLOR
+
+## Introduction
+
+Data visualization is a crucial aspect of data analysis and machine learning. The Gradio `DataFrame` component is a popular way to display tabular data within a web application. 
+
+But what if you want to stylize the table of data? What if you want to add background colors, partially highlight cells, or change the display precision of numbers? This Guide is for you!
+
+
+
+Let's dive in!
+
+**Prerequisites**: We'll be using the `gradio.Blocks` class in our examples.
+You can [read the Guide to Blocks first](https://gradio.app/blocks-and-event-listeners) if you are not already familiar with it. Also please make sure you are using the **latest version** version of Gradio: `pip install --upgrade gradio`.
+
+
+## The Pandas `Styler`
+
+The Gradio `DataFrame` component now supports values of the type `Styler` from the `pandas` class. This allows us to reuse the rich existing API and documentation of the `Styler` class instead of inventing a new style format on our own. Here's a complete example of how it looks:
+
+```python
+import pandas as pd 
+import gradio as gr
+
+# Creating a sample dataframe
+df = pd.DataFrame({
+    "A" : [14, 4, 5, 4, 1], 
+    "B" : [5, 2, 54, 3, 2], 
+    "C" : [20, 20, 7, 3, 8], 
+    "D" : [14, 3, 6, 2, 6], 
+    "E" : [23, 45, 64, 32, 23]
+}) 
+
+# Applying style to highlight the maximum value in each row
+styler = df.style.highlight_max(color = 'lightgreen', axis = 0)
+
+# Displaying the styled dataframe in Gradio
+with gr.Blocks() as demo:
+    gr.DataFrame(styler)
+    
+demo.launch()
+```
+
+The Styler class can be used to apply conditional formatting and styling to dataframes, making them more visually appealing and interpretable. You can highlight certain values, apply gradients, or even use custom CSS to style the DataFrame. The Styler object is applied to a DataFrame and it returns a new object with the relevant styling properties, which can then be previewed directly, or rendered dynamically in a Gradio interface.
+
+To read more about the Styler object, read the official `pandas` documentation at: https://pandas.pydata.org/docs/user_guide/style.html
+
+Below, we'll explore a few examples:
+
+### Highlighting Cells
+
+Ok, so let's revisit the previous example. We start by creating a `pd.DataFrame` object and then highlight the highest value in each row with a light green color:
+
+```python
+import pandas as pd 
+
+# Creating a sample dataframe
+df = pd.DataFrame({
+    "A" : [14, 4, 5, 4, 1], 
+    "B" : [5, 2, 54, 3, 2], 
+    "C" : [20, 20, 7, 3, 8], 
+    "D" : [14, 3, 6, 2, 6], 
+    "E" : [23, 45, 64, 32, 23]
+}) 
+
+# Applying style to highlight the maximum value in each row
+styler = df.style.highlight_max(color = 'lightgreen', axis = 0)
+```
+
+Now, we simply pass this object into the Gradio `DataFrame` and we can visualize our colorful table of data in 4 lines of python:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Dataframe(styler)
+    
+demo.launch()
+```
+
+Here's how it looks:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/df-highlight.png)
+
+### Font Colors
+
+Apart from highlighting cells, you might want to color specific text within the cells. Here's how you can change text colors for certain columns:
+
+```python
+import pandas as pd 
+import gradio as gr
+
+# Creating a sample dataframe
+df = pd.DataFrame({
+    "A" : [14, 4, 5, 4, 1], 
+    "B" : [5, 2, 54, 3, 2], 
+    "C" : [20, 20, 7, 3, 8], 
+    "D" : [14, 3, 6, 2, 6], 
+    "E" : [23, 45, 64, 32, 23]
+}) 
+
+# Function to apply text color
+def highlight_cols(x): 
+    df = x.copy() 
+    df.loc[:, :] = 'color: purple'
+    df[['B', 'C', 'E']] = 'color: green'
+    return df 
+
+# Applying the style function
+s = df.style.apply(highlight_cols, axis = None)
+
+# Displaying the styled dataframe in Gradio
+with gr.Blocks() as demo:
+    gr.DataFrame(s)
+    
+demo.launch()
+```
+
+In this script, we define a custom function highlight_cols that changes the text color to purple for all cells, but overrides this for columns B, C, and E with green. Here's how it looks:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/df-color.png)
+
+### Display Precision 
+
+Sometimes, the data you are dealing with might have long floating numbers, and you may want to display only a fixed number of decimals for simplicity. The pandas Styler object allows you to format the precision of numbers displayed. Here's how you can do this:
+
+```python
+import pandas as pd
+import gradio as gr
+
+# Creating a sample dataframe with floating numbers
+df = pd.DataFrame({
+    "A" : [14.12345, 4.23456, 5.34567, 4.45678, 1.56789], 
+    "B" : [5.67891, 2.78912, 54.89123, 3.91234, 2.12345], 
+    # ... other columns
+}) 
+
+# Setting the precision of numbers to 2 decimal places
+s = df.style.format("{:.2f}")
+
+# Displaying the styled dataframe in Gradio
+with gr.Blocks() as demo:
+    gr.DataFrame(s)
+    
+demo.launch()
+```
+
+In this script, the format method of the Styler object is used to set the precision of numbers to two decimal places. Much cleaner now:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/df-precision.png)
+
+
+
+## Custom Styling
+
+So far, we've been restricting ourselves to styling that is supported by the Pandas `Styler` class. But what if you want to create custom styles like partially highlighting cells based on their values:
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/dataframe_custom_styling.png)
+
+
+This isn't possible with `Styler`, but you can do this by creating your own **`styling`** array, which is a 2D array the same size and shape as your data. Each element in this list should be a CSS style string (e.g. `"background-color: green"`) that applies to the `<td>` element containing the cell value (or an empty string if no custom CSS should be applied). Similarly, you can create a **`display_value`** array which controls the value that is displayed in each cell (which can be different the underlying value which is the one that is used for searching/sorting).
+
+Here's the complete code for how to can use custom styling with `gr.Dataframe` as in the screenshot above:
+
+$code_dataframe_custom_styling
+
+
+## Note about Interactivity
+
+One thing to keep in mind is that the gradio `DataFrame` component only accepts custom styling objects when it is non-interactive (i.e. in "static" mode). If the `DataFrame` component is interactive, then the styling information is ignored and instead the raw table values are shown instead. 
+
+The `DataFrame` component is by default non-interactive, unless it is used as an input to an event. In which case, you can force the component to be non-interactive by setting the `interactive` prop like this:
+
+```python
+c = gr.DataFrame(styler, interactive=False)
+```
+
+## Conclusion 🎉
+
+This is just a taste of what's possible using the `gradio.DataFrame` component with the `Styler` class from `pandas`. Try it out and let us know what you think!
\ No newline at end of file
diff --git a/guides/11_other-tutorials/theming-guide.md b/guides/11_other-tutorials/theming-guide.md
new file mode 100644
index 0000000..b9314fd
--- /dev/null
+++ b/guides/11_other-tutorials/theming-guide.md
@@ -0,0 +1,476 @@
+# Theming
+
+Tags: THEMES
+
+## Introduction
+
+Gradio features a built-in theming engine that lets you customize the look and feel of your app. You can choose from a variety of themes, or create your own. To do so, pass the `theme=` kwarg to the `launch()` method of `Blocks` or `Interface`. For example:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Soft())
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-soft.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+Gradio comes with a set of prebuilt themes which you can load from `gr.themes.*`. These are:
+
+
+* `gr.themes.Base()` - the `"base"` theme sets the primary color to blue but otherwise has minimal styling, making it particularly useful as a base for creating new, custom themes.
+* `gr.themes.Default()` - the `"default"` Gradio 5 theme, with a vibrant orange primary color and gray secondary color.
+* `gr.themes.Origin()` - the `"origin"` theme is most similar to Gradio 4 styling. Colors, especially in light mode, are more subdued than the Gradio 5 default theme.
+* `gr.themes.Citrus()` - the `"citrus"` theme uses a yellow primary color, highlights form elements that are in focus, and includes fun 3D effects when buttons are clicked.
+* `gr.themes.Monochrome()` - the `"monochrome"` theme uses a black primary and white secondary color, and uses serif-style fonts, giving the appearance of a black-and-white newspaper. 
+* `gr.themes.Soft()` - the `"soft"` theme uses a purple primary color and white secondary color. It also increases the border radius around buttons and form elements and highlights labels.
+* `gr.themes.Glass()` - the `"glass"` theme has a blue primary color and a transclucent gray secondary color. The theme also uses vertical gradients to create a glassy effect.
+* `gr.themes.Ocean()` - the `"ocean"` theme has a blue-green primary color and gray secondary color. The theme also uses horizontal gradients, especially for buttons and some form elements.
+
+
+Each of these themes set values for hundreds of CSS variables. You can use prebuilt themes as a starting point for your own custom themes, or you can create your own themes from scratch. Let's take a look at each approach.
+
+## Using the Theme Builder
+
+The easiest way to build a theme is using the Theme Builder. To launch the Theme Builder locally, run the following code:
+
+```python
+import gradio as gr
+
+gr.themes.builder()
+```
+
+$demo_theme_builder
+
+You can use the Theme Builder running on Spaces above, though it runs much faster when you launch it locally via `gr.themes.builder()`.
+
+As you edit the values in the Theme Builder, the app will preview updates in real time. You can download the code to generate the theme you've created so you can use it in any Gradio app.
+
+In the rest of the guide, we will cover building themes programmatically.
+
+## Extending Themes via the Constructor
+
+Although each theme has hundreds of CSS variables, the values for most these variables are drawn from 8 core variables which can be set through the constructor of each prebuilt theme. Modifying these 8 arguments allows you to quickly change the look and feel of your app.
+
+### Core Colors
+
+The first 3 constructor arguments set the colors of the theme and are `gradio.themes.Color` objects. Internally, these Color objects hold brightness values for the palette of a single hue, ranging from 50, 100, 200..., 800, 900, 950. Other CSS variables are derived from these 3 colors.
+
+The 3 color constructor arguments are:
+
+- `primary_hue`: This is the color draws attention in your theme. In the default theme, this is set to `gradio.themes.colors.orange`.
+- `secondary_hue`: This is the color that is used for secondary elements in your theme. In the default theme, this is set to `gradio.themes.colors.blue`.
+- `neutral_hue`: This is the color that is used for text and other neutral elements in your theme. In the default theme, this is set to `gradio.themes.colors.gray`.
+
+You could modify these values using their string shortcuts, such as
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Default(primary_hue="red", secondary_hue="pink"))
+    ...
+```
+
+or you could use the `Color` objects directly, like this:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Default(primary_hue=gr.themes.colors.red, secondary_hue=gr.themes.colors.pink))
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-1.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+Predefined colors are:
+
+- `slate`
+- `gray`
+- `zinc`
+- `neutral`
+- `stone`
+- `red`
+- `orange`
+- `amber`
+- `yellow`
+- `lime`
+- `green`
+- `emerald`
+- `teal`
+- `cyan`
+- `sky`
+- `blue`
+- `indigo`
+- `violet`
+- `purple`
+- `fuchsia`
+- `pink`
+- `rose`
+
+You could also create your own custom `Color` objects and pass them in.
+
+### Core Sizing
+
+The next 3 constructor arguments set the sizing of the theme and are `gradio.themes.Size` objects. Internally, these Size objects hold pixel size values that range from `xxs` to `xxl`. Other CSS variables are derived from these 3 sizes.
+
+- `spacing_size`: This sets the padding within and spacing between elements. In the default theme, this is set to `gradio.themes.sizes.spacing_md`.
+- `radius_size`: This sets the roundedness of corners of elements. In the default theme, this is set to `gradio.themes.sizes.radius_md`.
+- `text_size`: This sets the font size of text. In the default theme, this is set to `gradio.themes.sizes.text_md`.
+
+You could modify these values using their string shortcuts, such as
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Default(spacing_size="sm", radius_size="none"))
+    ...
+```
+
+or you could use the `Size` objects directly, like this:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Default(spacing_size=gr.themes.sizes.spacing_sm, radius_size=gr.themes.sizes.radius_none))
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-2.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+The predefined size objects are:
+
+- `radius_none`
+- `radius_sm`
+- `radius_md`
+- `radius_lg`
+- `spacing_sm`
+- `spacing_md`
+- `spacing_lg`
+- `text_sm`
+- `text_md`
+- `text_lg`
+
+You could also create your own custom `Size` objects and pass them in.
+
+### Core Fonts
+
+The final 2 constructor arguments set the fonts of the theme. You can pass a list of fonts to each of these arguments to specify fallbacks. If you provide a string, it will be loaded as a system font. If you provide a `gradio.themes.GoogleFont`, the font will be loaded from Google Fonts.
+
+- `font`: This sets the primary font of the theme. In the default theme, this is set to `gradio.themes.GoogleFont("IBM Plex Sans")`.
+- `font_mono`: This sets the monospace font of the theme. In the default theme, this is set to `gradio.themes.GoogleFont("IBM Plex Mono")`.
+
+You could modify these values such as the following:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=gr.themes.Default(font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"]))
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-3.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+### Custom CSS
+
+For styling beyond what theme variables provide, you can add custom CSS via the `custom_css` attribute. This CSS is bundled with the theme, so it will be included when you upload or download themes from the Hub.
+
+```python
+theme = gr.themes.Default()
+theme.custom_css = """
+button.primary {
+    background: linear-gradient(135deg, var(--primary-400), var(--primary-600));
+    transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+button.primary:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px color-mix(in srgb, var(--primary-500) 40%, transparent);
+}
+"""
+
+with gr.Blocks(theme=theme) as demo:
+    gr.Textbox(label="Input")
+    gr.Button("Submit", variant="primary")
+demo.launch()
+```
+
+## Extending Themes via `.set()`
+
+You can also modify the values of CSS variables after the theme has been loaded. To do so, use the `.set()` method of the theme object to get access to the CSS variables. For example:
+
+```python
+theme = gr.themes.Default(primary_hue="blue").set(
+    loader_color="#FF0000",
+    slider_color="#FF0000",
+)
+
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=theme)
+```
+
+In the example above, we've set the `loader_color` and `slider_color` variables to `#FF0000`, despite the overall `primary_color` using the blue color palette. You can set any CSS variable that is defined in the theme in this manner.
+
+Your IDE type hinting should help you navigate these variables. Since there are so many CSS variables, let's take a look at how these variables are named and organized.
+
+### CSS Variable Naming Conventions
+
+CSS variable names can get quite long, like `button_primary_background_fill_hover_dark`! However they follow a common naming convention that makes it easy to understand what they do and to find the variable you're looking for. Separated by underscores, the variable name is made up of:
+
+1. The target element, such as `button`, `slider`, or `block`.
+2. The target element type or sub-element, such as `button_primary`, or `block_label`.
+3. The property, such as `button_primary_background_fill`, or `block_label_border_width`.
+4. Any relevant state, such as `button_primary_background_fill_hover`.
+5. If the value is different in dark mode, the suffix `_dark`. For example, `input_border_color_focus_dark`.
+
+Of course, many CSS variable names are shorter than this, such as `table_border_color`, or `input_shadow`.
+
+### CSS Variable Organization
+
+Though there are hundreds of CSS variables, they do not all have to have individual values. They draw their values by referencing a set of core variables and referencing each other. This allows us to only have to modify a few variables to change the look and feel of the entire theme, while also getting finer control of individual elements that we may want to modify.
+
+#### Referencing Core Variables
+
+To reference one of the core constructor variables, precede the variable name with an asterisk. To reference a core color, use the `*primary_`, `*secondary_`, or `*neutral_` prefix, followed by the brightness value. For example:
+
+```python
+theme = gr.themes.Default(primary_hue="blue").set(
+    button_primary_background_fill="*primary_200",
+    button_primary_background_fill_hover="*primary_300",
+)
+```
+
+In the example above, we've set the `button_primary_background_fill` and `button_primary_background_fill_hover` variables to `*primary_200` and `*primary_300`. These variables will be set to the 200 and 300 brightness values of the blue primary color palette, respectively.
+
+Similarly, to reference a core size, use the `*spacing_`, `*radius_`, or `*text_` prefix, followed by the size value. For example:
+
+```python
+theme = gr.themes.Default(radius_size="md").set(
+    button_primary_border_radius="*radius_xl",
+)
+```
+
+In the example above, we've set the `button_primary_border_radius` variable to `*radius_xl`. This variable will be set to the `xl` setting of the medium radius size range.
+
+#### Referencing Other Variables
+
+Variables can also reference each other. For example, look at the example below:
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_hover="#FF0000",
+    button_primary_border="#FF0000",
+)
+```
+
+Having to set these values to a common color is a bit tedious. Instead, we can reference the `button_primary_background_fill` variable in the `button_primary_background_fill_hover` and `button_primary_border` variables, using a `*` prefix.
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_hover="*button_primary_background_fill",
+    button_primary_border="*button_primary_background_fill",
+)
+```
+
+Now, if we change the `button_primary_background_fill` variable, the `button_primary_background_fill_hover` and `button_primary_border` variables will automatically update as well.
+
+This is particularly useful if you intend to share your theme - it makes it easy to modify the theme without having to change every variable.
+
+Note that dark mode variables automatically reference each other. For example:
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_dark="#AAAAAA",
+    button_primary_border="*button_primary_background_fill",
+    button_primary_border_dark="*button_primary_background_fill_dark",
+)
+```
+
+`button_primary_border_dark` will draw its value from `button_primary_background_fill_dark`, because dark mode always draw from the dark version of the variable.
+
+## CSS Variables Reference
+
+For a full list of all available CSS variables, see the [CSS Variables Reference](/main/guides/css-variables-reference).
+
+## Creating a Full Theme
+
+Let's say you want to create a theme from scratch! We'll go through it step by step - you can also see the source of prebuilt themes in the gradio source repo for reference - [here's the source](https://github.com/gradio-app/gradio/blob/main/gradio/themes/monochrome.py) for the Monochrome theme.
+
+Our new theme class will inherit from `gradio.themes.Base`, a theme that sets a lot of convenient defaults. Let's make a simple demo that creates a dummy theme called Seafoam, and make a simple app that uses it.
+
+$code_theme_new_step_1
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-1.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+The Base theme is very barebones, and uses `gr.themes.Blue` as it primary color - you'll note the primary button and the loading animation are both blue as a result. Let's change the defaults core arguments of our app. We'll overwrite the constructor and pass new defaults for the core constructor arguments.
+
+We'll use `gr.themes.Emerald` as our primary color, and set secondary and neutral hues to `gr.themes.Blue`. We'll make our text larger using `text_lg`. We'll use `Quicksand` as our default font, loaded from Google Fonts.
+
+$code_theme_new_step_2
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-2.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+See how the primary button and the loading animation are now green? These CSS variables are tied to the `primary_hue` variable.
+
+Let's modify the theme a bit more directly. We'll call the `set()` method to overwrite CSS variable values explicitly. We can use any CSS logic, and reference our core constructor arguments using the `*` prefix.
+
+$code_theme_new_step_3
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-3.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+Look how fun our theme looks now! With just a few variable changes, our theme looks completely different.
+
+You may find it helpful to explore the [source code of the other prebuilt themes](https://github.com/gradio-app/gradio/blob/main/gradio/themes) to see how they modified the base theme. You can also find your browser's Inspector useful to select elements from the UI and see what CSS variables are being used in the styles panel.
+
+## Sharing Themes
+
+Once you have created a theme, you can upload it to the HuggingFace Hub to let others view it, use it, and build off of it!
+
+### Uploading a Theme
+
+There are two ways to upload a theme, via the theme class instance or the command line. We will cover both of them with the previously created `seafoam` theme.
+
+- Via the class instance
+
+Each theme instance has a method called `push_to_hub` we can use to upload a theme to the HuggingFace hub.
+
+```python
+seafoam.push_to_hub(repo_name="seafoam",
+                    version="0.0.1",
+					token="<token>")
+```
+
+- Via the command line
+
+First save the theme to disk
+
+```python
+seafoam.dump(filename="seafoam.json")
+```
+
+Then use the `upload_theme` command:
+
+```bash
+upload_theme\
+"seafoam.json"\
+"seafoam"\
+--version "0.0.1"\
+--token "<token>"
+```
+
+In order to upload a theme, you must have a HuggingFace account and pass your [Access Token](https://huggingface.co/docs/huggingface_hub/quick-start#login)
+as the `token` argument. However, if you log in via the [HuggingFace command line](https://huggingface.co/docs/huggingface_hub/quick-start#login) (which comes installed with `gradio`),
+you can omit the `token` argument.
+
+The `version` argument lets you specify a valid [semantic version](https://www.geeksforgeeks.org/introduction-semantic-versioning/) string for your theme.
+That way your users are able to specify which version of your theme they want to use in their apps. This also lets you publish updates to your theme without worrying
+about changing how previously created apps look. The `version` argument is optional. If omitted, the next patch version is automatically applied.
+
+### Theme Previews
+
+By calling `push_to_hub` or `upload_theme`, the theme assets will be stored in a [HuggingFace space](https://huggingface.co/docs/hub/spaces-overview).
+
+For example, the theme preview for the calm seafoam theme is here: [calm seafoam preview](https://huggingface.co/spaces/shivalikasingh/calm_seafoam).
+
+<div class="wrapper">
+<iframe
+	src="https://shivalikasingh-calm-seafoam.hf.space/?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+### Discovering Themes
+
+The [Theme Gallery](https://gradio.app/themes/gallery) on the Gradio website shows all official and community themes. You can search, filter by official or community themes, and preview each theme's colors, fonts, and live demo.
+
+Community themes are sourced from the [gradio/theme-gallery](https://huggingface.co/datasets/gradio/theme-gallery) dataset on HuggingFace. To add your theme to the gallery, open a Pull Request to that dataset with your theme's metadata in `manifest.json`.
+
+### Downloading
+
+To use a theme from the hub, use the `from_hub` method on the `ThemeClass` and pass it to your app:
+
+```python
+my_theme = gr.Theme.from_hub("gradio/seafoam")
+
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme=my_theme)
+```
+
+You can also pass the theme string directly to the `launch()` method of `Blocks` or `Interface` (e.g. `demo.launch(theme="gradio/seafoam")`)
+
+You can pin your app to an upstream theme version by using semantic versioning expressions.
+
+For example, the following would ensure the theme we load from the `seafoam` repo was between versions `0.0.1` and `0.1.0`:
+
+```python
+with gr.Blocks() as demo:
+    ... # your code here
+demo.launch(theme="gradio/seafoam@>=0.0.1,<0.1.0")
+    ....
+```
+
+### Version Compatibility
+
+When you save a theme with `theme.dump()` or upload it with `theme.push_to_hub()`, the current Gradio version is automatically added. When someone loads a theme created with a different major or minor version of Gradio, they'll see a warning:
+
+```
+UserWarning: This theme was created for Gradio 5.0.0, but you are using Gradio 5.1.0. Some styles may not work as expected.
+```
+
+This helps prevent unexpected styling issues when themes rely on CSS variables that may have changed between Gradio versions. Patch version differences (e.g. 5.0.0 vs 5.0.1) will not trigger a warning.
+
+Enjoy creating your own themes! If you make one you're proud of, please share it with the world by uploading it to the hub!
+If you tag us on [Twitter](https://twitter.com/gradio) we can give your theme a shout out!
+
+<style>
+.wrapper {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 25px;
+    height: 0;
+}
+.wrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+</style>
diff --git a/guides/11_other-tutorials/understanding-gradio-share-links.md b/guides/11_other-tutorials/understanding-gradio-share-links.md
new file mode 100644
index 0000000..91a8a57
--- /dev/null
+++ b/guides/11_other-tutorials/understanding-gradio-share-links.md
@@ -0,0 +1,76 @@
+# Share Links and Share Servers
+
+You may already know that you can share any Gradio app that you build by setting `share=True` in the `.launch()` method. In other words, if you do:
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    ...
+
+demo.launch(share=True)
+```
+
+This creates a publicly accessible **share link** (which looks like: `https://xxxxx.gradio.live`) to your Gradio application immediately, letting you share your app with anyone (while keeping the code and model running in your local environment). The link is created on Gradio's **share server**, which does not host your Gradio app, but instead creates a _tunnel_ to your locally-running Gradio app. 
+
+This is particlarly useful when you are prototyping and want to get immediate feedback on your machine learning app, without having to deal with the hassle of hosting or deploying your application.
+
+<video controls>
+  <source src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/share-links.mov" type="video/mp4">
+</video>
+
+At any given time, more than 5,000 Gradio apps are being shared through share links. But how is this link created, and how can you create your own share server? Read on!
+
+### Fast Reverse Proxy (FRP)
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/frp-gradio-diagram.svg)
+
+Gradio share links are powered by Fast Reverse Proxy (FRP), an [open-source tunneling solution](https://github.com/huggingface/frp). Here's how it works:
+
+When you create a Gradio app with `share=True`, the FRP Client is automatically downloaded to your local machine (if not already installed). This client establishes a secure TLS tunnel to Gradio's Share Server, which hosts the FRP Server component capable of handling thousands of simultaneous connections.
+
+Once the tunnel is established, Gradio's Share Server exposes your locally-running application to the internet under a unique domain in the format `xxxxx.gradio.live`. This entire process happens in the background, when you launch a Gradio app with `share=True`.
+
+Next, we'll dive deeper into both the FRP Client and FRP Server, as they are used in Gradio.
+
+### FRP Client
+
+We use a [modified version of the FRP Client](https://github.com/huggingface/frp/tree/tls/client), which runs on your machine. We package binaries for the most common operating systems, and the FRP Client for your system is downloaded the first time you create a share link on your machine.
+
+**Code**:
+* The complete Go code for the client can be found [in this directory](https://github.com/huggingface/frp/tree/tls/client).
+* We use this [Make script](https://github.com/huggingface/frp/blob/tls/Makefile) to package the Go code into binaries for each operating system.
+
+**Troubleshooting**: Some antivirus programs (notably Windows Defender) block the download of the FRP Client. In this case, you'll see a message with details on how to install the file manually, something like:
+
+```
+Could not create share link. Missing file: /Users/.../frpc_darwin_arm64_v0.3. 
+
+Please check your internet connection. This can happen if your antivirus software blocks the download of this file. You can install manually by following these steps: 
+
+1. Download this file: https://cdn-media.huggingface.co/frpc-gradio-0.3/frpc_darwin_arm64
+2. Rename the downloaded file to: frpc_darwin_arm64_v0.3
+3. Move the file to this location: /Users/...
+```
+
+If this does not work, you may need to [whitelist this file with your antivirus](https://www.makeuseof.com/how-to-whitelist-files-windows-defender/) in order to use the share links.
+
+### FRP Server
+
+Gradio runs a share server, which is a modified version of the FRP server. This server handles the public-facing side of the tunnel, receiving incoming connections from the internet and routing them to the appropriate FRP client running on your local machine.
+
+The official Gradio share server is hosted at `gradio.live`, and we make our best effort to keep it running reliably at all times. This is the server that's used by default when you set `share=True` in your Gradio applications. You can check the current operational status of the official Gradio share server at [https://status.gradio.app/](https://status.gradio.app/). 
+
+If you prefer, you can also host your own FRP server. This gives you complete control over the tunneling infrastructure and can be useful for enterprise deployments or situations where you need custom domains or additional security measures, or if you want to avoid the 72 hour timeout that is in place for links created through Gradio's official share server. Here are the instructions for running your own [Gradio Share Server](https://github.com/huggingface/frp?tab=readme-ov-file#why-run-your-own-share-server).
+
+
+**Code**:
+* The complete Go code for the client can be found [in this directory](https://github.com/huggingface/frp/tree/dev/server).
+* The Dockerfile to launch [the FRP Server](https://github.com/huggingface/frp/blob/dev/dockerfiles/Dockerfile-for-frps) can be found here.
+
+**Troubleshooting**: Gradio's Share Server may occasionally go down, despite our best effort to keep it running. If the [status page](https://status.gradio.app/) shows that the Gradio server is down, we'll work on fixing it, no need to create an issue!
+
+
+
+
+
diff --git a/guides/11_other-tutorials/using-flagging.md b/guides/11_other-tutorials/using-flagging.md
new file mode 100644
index 0000000..0cdf9a1
--- /dev/null
+++ b/guides/11_other-tutorials/using-flagging.md
@@ -0,0 +1,153 @@
+# Using Flagging
+
+Related spaces: https://huggingface.co/spaces/gradio/calculator-flagging-crowdsourced, https://huggingface.co/spaces/gradio/calculator-flagging-options, https://huggingface.co/spaces/gradio/calculator-flagging-basic
+Tags: FLAGGING, DATA
+
+## Introduction
+
+When you demo a machine learning model, you might want to collect data from users who try the model, particularly data points in which the model is not behaving as expected. Capturing these "hard" data points is valuable because it allows you to improve your machine learning model and make it more reliable and robust.
+
+Gradio simplifies the collection of this data by including a **Flag** button with every `Interface`. This allows a user or tester to easily send data back to the machine where the demo is running. In this Guide, we discuss more about how to use the flagging feature, both with `gradio.Interface` as well as with `gradio.Blocks`.
+
+## The **Flag** button in `gradio.Interface`
+
+Flagging with Gradio's `Interface` is especially easy. By default, underneath the output components, there is a button marked **Flag**. When a user testing your model sees input with interesting output, they can click the flag button to send the input and output data back to the machine where the demo is running. The sample is saved to a CSV log file (by default). If the demo involves images, audio, video, or other types of files, these are saved separately in a parallel directory and the paths to these files are saved in the CSV file.
+
+There are [four parameters](https://gradio.app/docs/interface#initialization) in `gradio.Interface` that control how flagging works. We will go over them in greater detail.
+
+- `flagging_mode`: this parameter can be set to either `"manual"` (default), `"auto"`, or `"never"`.
+  - `manual`: users will see a button to flag, and samples are only flagged when the button is clicked.
+  - `auto`: users will not see a button to flag, but every sample will be flagged automatically.
+  - `never`: users will not see a button to flag, and no sample will be flagged.
+- `flagging_options`: this parameter can be either `None` (default) or a list of strings.
+  - If `None`, then the user simply clicks on the **Flag** button and no additional options are shown.
+  - If a list of strings are provided, then the user sees several buttons, corresponding to each of the strings that are provided. For example, if the value of this parameter is `["Incorrect", "Ambiguous"]`, then buttons labeled **Flag as Incorrect** and **Flag as Ambiguous** appear. This only applies if `flagging_mode` is `"manual"`.
+  - The chosen option is then logged along with the input and output.
+- `flagging_dir`: this parameter takes a string.
+  - It represents what to name the directory where flagged data is stored.
+- `flagging_callback`: this parameter takes an instance of a subclass of the `FlaggingCallback` class
+  - Using this parameter allows you to write custom code that gets run when the flag button is clicked
+  - By default, this is set to an instance of `gr.JSONLogger`
+
+## What happens to flagged data?
+
+Within the directory provided by the `flagging_dir` argument, a JSON file will log the flagged data.
+
+Here's an example: The code below creates the calculator interface embedded below it:
+
+```python
+import gradio as gr
+
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        return num1 / num2
+
+
+iface = gr.Interface(
+    calculator,
+    ["number", gr.Radio(["add", "subtract", "multiply", "divide"]), "number"],
+    "number",
+    flagging_mode="manual"
+)
+
+iface.launch()
+```
+
+<gradio-app space="gradio/calculator-flagging-basic"></gradio-app>
+
+When you click the flag button above, the directory where the interface was launched will include a new flagged subfolder, with a csv file inside it. This csv file includes all the data that was flagged.
+
+```directory
++-- flagged/
+|   +-- logs.csv
+```
+
+_flagged/logs.csv_
+
+```csv
+num1,operation,num2,Output,timestamp
+5,add,7,12,2022-01-31 11:40:51.093412
+6,subtract,1.5,4.5,2022-01-31 03:25:32.023542
+```
+
+If the interface involves file data, such as for Image and Audio components, folders will be created to store those flagged data as well. For example an `image` input to `image` output interface will create the following structure.
+
+```directory
++-- flagged/
+|   +-- logs.csv
+|   +-- image/
+|   |   +-- 0.png
+|   |   +-- 1.png
+|   +-- Output/
+|   |   +-- 0.png
+|   |   +-- 1.png
+```
+
+_flagged/logs.csv_
+
+```csv
+im,Output timestamp
+im/0.png,Output/0.png,2022-02-04 19:49:58.026963
+im/1.png,Output/1.png,2022-02-02 10:40:51.093412
+```
+
+If you wish for the user to provide a reason for flagging, you can pass a list of strings to the `flagging_options` argument of Interface. Users will have to select one of these choices when flagging, and the option will be saved as an additional column to the CSV.
+
+If we go back to the calculator example, the following code will create the interface embedded below it.
+
+```python
+iface = gr.Interface(
+    calculator,
+    ["number", gr.Radio(["add", "subtract", "multiply", "divide"]), "number"],
+    "number",
+    flagging_mode="manual",
+    flagging_options=["wrong sign", "off by one", "other"]
+)
+
+iface.launch()
+```
+
+<gradio-app space="gradio/calculator-flagging-options"></gradio-app>
+
+When users click the flag button, the csv file will now include a column indicating the selected option.
+
+_flagged/logs.csv_
+
+```csv
+num1,operation,num2,Output,flag,timestamp
+5,add,7,-12,wrong sign,2022-02-04 11:40:51.093412
+6,subtract,1.5,3.5,off by one,2022-02-04 11:42:32.062512
+```
+
+## Flagging with Blocks
+
+What about if you are using `gradio.Blocks`? On one hand, you have even more flexibility
+with Blocks -- you can write whatever Python code you want to run when a button is clicked,
+and assign that using the built-in events in Blocks.
+
+At the same time, you might want to use an existing `FlaggingCallback` to avoid writing extra code.
+This requires two steps:
+
+1. You have to run your callback's `.setup()` somewhere in the code prior to the
+   first time you flag data
+2. When the flagging button is clicked, then you trigger the callback's `.flag()` method,
+   making sure to collect the arguments correctly and disabling the typical preprocessing.
+
+Here is an example with an image sepia filter Blocks demo that lets you flag
+data using the default `CSVLogger`:
+
+$code_blocks_flag
+$demo_blocks_flag
+
+## Privacy
+
+Important Note: please make sure your users understand when the data they submit is being saved, and what you plan on doing with it. This is especially important when you use `flagging_mode=auto` (when all of the data submitted through the demo is being flagged)
+
+### That's all! Happy building :)
diff --git a/guides/11_other-tutorials/using-gradio-for-tabular-workflows.md b/guides/11_other-tutorials/using-gradio-for-tabular-workflows.md
new file mode 100644
index 0000000..c7da703
--- /dev/null
+++ b/guides/11_other-tutorials/using-gradio-for-tabular-workflows.md
@@ -0,0 +1,103 @@
+# Using Gradio for Tabular Data Science Workflows
+
+Related spaces: https://huggingface.co/spaces/scikit-learn/gradio-skops-integration, https://huggingface.co/spaces/scikit-learn/tabular-playground, https://huggingface.co/spaces/merve/gradio-analysis-dashboard
+
+## Introduction
+
+Tabular data science is the most widely used domain of machine learning, with problems ranging from customer segmentation to churn prediction. Throughout various stages of the tabular data science workflow, communicating your work to stakeholders or clients can be cumbersome; which prevents data scientists from focusing on what matters, such as data analysis and model building. Data scientists can end up spending hours building a dashboard that takes in dataframe and returning plots, or returning a prediction or plot of clusters in a dataset. In this guide, we'll go through how to use `gradio` to improve your data science workflows. We will also talk about how to use `gradio` and [skops](https://skops.readthedocs.io/en/stable/) to build interfaces with only one line of code!
+
+### Prerequisites
+
+Make sure you have the `gradio` Python package already [installed](/getting_started).
+
+## Let's Create a Simple Interface!
+
+We will take a look at how we can create a simple UI that predicts failures based on product information.
+
+```python
+import gradio as gr
+import pandas as pd
+import joblib
+import datasets
+
+
+inputs = [gr.Dataframe(row_count = (2, "dynamic"), col_count=(4,"dynamic"), label="Input Data", interactive=1)]
+
+outputs = [gr.Dataframe(row_count = (2, "dynamic"), col_count=(1, "fixed"), label="Predictions", headers=["Failures"])]
+
+model = joblib.load("model.pkl")
+
+# we will give our dataframe as example
+df = datasets.load_dataset("merve/supersoaker-failures")
+df = df["train"].to_pandas()
+
+def infer(input_dataframe):
+  return pd.DataFrame(model.predict(input_dataframe))
+
+gr.Interface(fn = infer, inputs = inputs, outputs = outputs, examples = [[df.head(2)]]).launch()
+```
+
+Let's break down above code.
+
+- `fn`: the inference function that takes input dataframe and returns predictions.
+- `inputs`: the component we take our input with. We define our input as dataframe with 2 rows and 4 columns, which initially will look like an empty dataframe with the aforementioned shape. When the `row_count` is set to `dynamic`, you don't have to rely on the dataset you're inputting to pre-defined component.
+- `outputs`: The dataframe component that stores outputs. This UI can take single or multiple samples to infer, and returns 0 or 1 for each sample in one column, so we give `row_count` as 2 and `col_count` as 1 above. `headers` is a list made of header names for dataframe.
+- `examples`: You can either pass the input by dragging and dropping a CSV file, or a pandas DataFrame through examples, which headers will be automatically taken by the interface.
+
+We will now create an example for a minimal data visualization dashboard. You can find a more comprehensive version in the related Spaces.
+
+<gradio-app space="gradio/tabular-playground"></gradio-app>
+
+```python
+import gradio as gr
+import pandas as pd
+import datasets
+import seaborn as sns
+import matplotlib.pyplot as plt
+
+df = datasets.load_dataset("merve/supersoaker-failures")
+df = df["train"].to_pandas()
+df.dropna(axis=0, inplace=True)
+
+def plot(df):
+  plt.scatter(df.measurement_13, df.measurement_15, c = df.loading,alpha=0.5)
+  plt.savefig("scatter.png")
+  df['failure'].value_counts().plot(kind='bar')
+  plt.savefig("bar.png")
+  sns.heatmap(df.select_dtypes(include="number").corr())
+  plt.savefig("corr.png")
+  plots = ["corr.png","scatter.png", "bar.png"]
+  return plots
+
+inputs = [gr.Dataframe(label="Supersoaker Production Data")]
+outputs = [gr.Gallery(label="Profiling Dashboard", columns=(1,3))]
+
+gr.Interface(plot, inputs=inputs, outputs=outputs, examples=[df.head(100)], title="Supersoaker Failures Analysis Dashboard").launch()
+```
+
+<gradio-app space="gradio/gradio-analysis-dashboard-minimal"></gradio-app>
+
+We will use the same dataset we used to train our model, but we will make a dashboard to visualize it this time.
+
+- `fn`: The function that will create plots based on data.
+- `inputs`: We use the same `Dataframe` component we used above.
+- `outputs`: The `Gallery` component is used to keep our visualizations.
+- `examples`: We will have the dataset itself as the example.
+
+## Easily load tabular data interfaces with one line of code using skops
+
+`skops` is a library built on top of `huggingface_hub` and `sklearn`. With the recent `gradio` integration of `skops`, you can build tabular data interfaces with one line of code!
+
+```python
+import gradio as gr
+
+# title and description are optional
+title = "Supersoaker Defective Product Prediction"
+description = "This model predicts Supersoaker production line failures. Drag and drop any slice from dataset or edit values as you wish in below dataframe component."
+
+gr.load("huggingface/scikit-learn/tabular-playground", title=title, description=description).launch()
+```
+
+<gradio-app space="gradio/gradio-skops-integration"></gradio-app>
+
+`sklearn` models pushed to Hugging Face Hub using `skops` include a `config.json` file that contains an example input with column names, the task being solved (that can either be `tabular-classification` or `tabular-regression`). From the task type, `gradio` constructs the `Interface` and consumes column names and the example input to build it. You can [refer to skops documentation on hosting models on Hub](https://skops.readthedocs.io/en/latest/auto_examples/plot_hf_hub.html#sphx-glr-auto-examples-plot-hf-hub-py) to learn how to push your models to Hub using `skops`.
diff --git a/guides/11_other-tutorials/using-gradio-in-other-programming-languages.md b/guides/11_other-tutorials/using-gradio-in-other-programming-languages.md
new file mode 100644
index 0000000..6be3ab3
--- /dev/null
+++ b/guides/11_other-tutorials/using-gradio-in-other-programming-languages.md
@@ -0,0 +1,176 @@
+# Using Gradio in Other Programming Languages
+
+The core `gradio` library is a Python library. But you can also use `gradio` to create UIs around programs written in other languages, thanks to Python's ability to interface with external processes. Using Python's `subprocess` module, you can call programs written in C++, Rust, or virtually any other language, allowing `gradio` to become a flexible UI layer for non-Python applications.
+
+In this post, we'll walk through how to integrate `gradio` with C++ and Rust, using Python's `subprocess` module to invoke code written in these languages. We'll also discuss how to use Gradio with R, which is even easier, thanks to the [reticulate](https://rstudio.github.io/reticulate/) R package, which makes it possible to install and import Python modules in R.
+
+## Using Gradio with C++
+
+Let’s start with a simple example of integrating a C++ program into a Gradio app. Suppose we have the following C++ program that adds two numbers:
+
+```cpp
+// add.cpp
+#include <iostream>
+
+int main() {
+    double a, b;
+    std::cin >> a >> b;
+    std::cout << a + b << std::endl;
+    return 0;
+}
+```
+
+This program reads two numbers from standard input, adds them, and outputs the result.
+
+We can build a Gradio interface around this C++ program using Python's `subprocess` module. Here’s the corresponding Python code:
+
+```python
+import gradio as gr
+import subprocess
+
+def add_numbers(a, b):
+    process = subprocess.Popen(
+        ['./add'], 
+        stdin=subprocess.PIPE, 
+        stdout=subprocess.PIPE, 
+        stderr=subprocess.PIPE
+    )
+    output, error = process.communicate(input=f"{a} {b}\n".encode())
+    
+    if error:
+        return f"Error: {error.decode()}"
+    return float(output.decode().strip())
+
+demo = gr.Interface(
+    fn=add_numbers, 
+    inputs=[gr.Number(label="Number 1"), gr.Number(label="Number 2")], 
+    outputs=gr.Textbox(label="Result")
+)
+
+demo.launch()
+```
+
+Here, `subprocess.Popen` is used to execute the compiled C++ program (`add`), pass the input values, and capture the output. You can compile the C++ program by running:
+
+```bash
+g++ -o add add.cpp
+```
+
+This example shows how easy it is to call C++ from Python using `subprocess` and build a Gradio interface around it.
+
+## Using Gradio with Rust
+
+Now, let’s move to another example: calling a Rust program to apply a sepia filter to an image. The Rust code could look something like this:
+
+```rust
+// sepia.rs
+extern crate image;
+
+use image::{GenericImageView, ImageBuffer, Rgba};
+
+fn sepia_filter(input: &str, output: &str) {
+    let img = image::open(input).unwrap();
+    let (width, height) = img.dimensions();
+    let mut img_buf = ImageBuffer::new(width, height);
+
+    for (x, y, pixel) in img.pixels() {
+        let (r, g, b, a) = (pixel[0] as f32, pixel[1] as f32, pixel[2] as f32, pixel[3]);
+        let tr = (0.393 * r + 0.769 * g + 0.189 * b).min(255.0);
+        let tg = (0.349 * r + 0.686 * g + 0.168 * b).min(255.0);
+        let tb = (0.272 * r + 0.534 * g + 0.131 * b).min(255.0);
+        img_buf.put_pixel(x, y, Rgba([tr as u8, tg as u8, tb as u8, a]));
+    }
+
+    img_buf.save(output).unwrap();
+}
+
+fn main() {
+    let args: Vec<String> = std::env::args().collect();
+    if args.len() != 3 {
+        eprintln!("Usage: sepia <input_file> <output_file>");
+        return;
+    }
+    sepia_filter(&args[1], &args[2]);
+}
+```
+
+This Rust program applies a sepia filter to an image. It takes two command-line arguments: the input image path and the output image path. You can compile this program using:
+
+```bash
+cargo build --release
+```
+
+Now, we can call this Rust program from Python and use Gradio to build the interface:
+
+```python
+import gradio as gr
+import subprocess
+
+def apply_sepia(input_path):
+    output_path = "output.png"
+    
+    process = subprocess.Popen(
+        ['./target/release/sepia', input_path, output_path], 
+        stdout=subprocess.PIPE, 
+        stderr=subprocess.PIPE
+    )
+    process.wait()
+    
+    return output_path
+
+demo = gr.Interface(
+    fn=apply_sepia, 
+    inputs=gr.Image(type="filepath", label="Input Image"), 
+    outputs=gr.Image(label="Sepia Image")
+)
+
+demo.launch()
+```
+
+Here, when a user uploads an image and clicks submit, Gradio calls the Rust binary (`sepia`) to process the image, and returns the sepia-filtered output to Gradio.
+
+This setup showcases how you can integrate performance-critical or specialized code written in Rust into a Gradio interface.
+
+## Using Gradio with R (via `reticulate`)
+
+Integrating Gradio with R is particularly straightforward thanks to the `reticulate` package, which allows you to run Python code directly in R. Let’s walk through an example of using Gradio in R. 
+
+**Installation**
+
+First, you need to install the `reticulate` package in R:
+
+```r
+install.packages("reticulate")
+```
+
+
+Once installed, you can use the package to run Gradio directly from within an R script.
+
+
+```r
+library(reticulate)
+
+py_install("gradio", pip = TRUE)
+
+gr <- import("gradio") # import gradio as gr
+```
+
+**Building a Gradio Application**
+
+With gradio installed and imported, we now have access to gradio's app building methods. Let's build a simple app for an R function that returns a greeting
+
+```r
+greeting <- \(name) paste("Hello", name)
+
+app <- gr$Interface(
+  fn = greeting,
+  inputs = gr$Text(label = "Name"),
+  outputs = gr$Text(label = "Greeting"),
+  title = "Hello! &#128515 &#128075"
+)
+
+app$launch(server_name = "localhost", 
+           server_port = as.integer(3000))
+```
+
+Credit to [@IfeanyiIdiaye](https://github.com/Ifeanyi55) for contributing this section. You can see more examples [here](https://github.com/Ifeanyi55/Gradio-in-R/tree/main/Code), including using Gradio Blocks to build a machine learning application in R.
diff --git a/guides/11_other-tutorials/wrapping-layouts.md b/guides/11_other-tutorials/wrapping-layouts.md
new file mode 100644
index 0000000..6d8e444
--- /dev/null
+++ b/guides/11_other-tutorials/wrapping-layouts.md
@@ -0,0 +1,178 @@
+# Wrapping Layouts
+
+Tags: LAYOUTS
+
+## Introduction
+
+Gradio features [blocks](https://www.gradio.app/docs/blocks) to easily layout applications. To use this feature, you need to stack or nest layout components and create a hierarchy with them. This isn't difficult to implement and maintain for small projects, but after the project gets more complex, this component hierarchy becomes difficult to maintain and reuse.
+
+In this guide, we are going to explore how we can wrap the layout classes to create more maintainable and easy-to-read applications without sacrificing flexibility.
+
+## Example
+
+We are going to follow the implementation from this Huggingface Space example:
+
+<gradio-app
+space="gradio/wrapping-layouts">
+</gradio-app>
+
+## Implementation
+
+The wrapping utility has two important classes. The first one is the ```LayoutBase``` class and the other one is the ```Application``` class.
+
+We are going to look at the ```render``` and ```attach_event``` functions of them for brevity. You can look at the full implementation from [the example code](https://huggingface.co/spaces/WoWoWoWololo/wrapping-layouts/blob/main/app.py).
+
+So let's start with the ```LayoutBase``` class.
+
+### LayoutBase Class
+
+1. Render Function
+
+    Let's look at the ```render``` function in the ```LayoutBase``` class:
+
+```python
+# other LayoutBase implementations
+
+def render(self) -> None:
+    with self.main_layout:
+        for renderable in self.renderables:
+            renderable.render()
+
+    self.main_layout.render()
+```
+This is a little confusing at first but if you consider the default implementation you can understand it easily.
+Let's look at an example:
+
+In the default implementation, this is what we're doing:
+
+```python
+with Row():
+    left_textbox = Textbox(value="left_textbox")
+    right_textbox = Textbox(value="right_textbox")
+```
+
+Now, pay attention to the Textbox variables. These variables' ```render``` parameter is true by default. So as we use the ```with``` syntax and create these variables, they are calling the ```render``` function under the ```with``` syntax.
+
+We know the render function is called in the constructor with the implementation from the ```gradio.blocks.Block``` class:
+
+```python
+class Block:
+    # constructor parameters are omitted for brevity
+    def __init__(self, ...):
+        # other assign functions 
+
+        if render:
+            self.render()
+```
+
+So our implementation looks like this:
+
+```python
+# self.main_layout -> Row()
+with self.main_layout:
+    left_textbox.render()
+    right_textbox.render()
+```
+
+What this means is by calling the components' render functions under the ```with``` syntax, we are actually simulating the default implementation.
+
+So now let's consider two nested ```with```s to see how the outer one works. For this, let's expand our example with the ```Tab``` component:
+
+```python
+with Tab():
+    with Row():
+        first_textbox = Textbox(value="first_textbox")
+        second_textbox = Textbox(value="second_textbox")
+```
+
+Pay attention to the Row and Tab components this time. We have created the Textbox variables above and added them to Row with the ```with``` syntax. Now we need to add the Row component to the Tab component. You can see that the Row component is created with default parameters, so its render parameter is true, that's why the render function is going to be executed under the Tab component's ```with``` syntax.
+
+To mimic this implementation, we need to call the ```render``` function of the ```main_layout``` variable after the ```with``` syntax of the ```main_layout``` variable.
+
+So the implementation looks like this:
+
+```python
+with tab_main_layout:
+    with row_main_layout:
+        first_textbox.render()
+        second_textbox.render()
+
+    row_main_layout.render()
+
+tab_main_layout.render()
+```
+
+The default implementation and our implementation are the same, but we are using the render function ourselves. So it requires a little work.
+
+Now, let's take a look at the ```attach_event``` function.
+
+2. Attach Event Function
+
+    The function is left as not implemented because it is specific to the class, so each class has to implement its `attach_event` function.
+
+```python
+    # other LayoutBase implementations
+
+    def attach_event(self, block_dict: Dict[str, Block]) -> None:
+        raise NotImplementedError
+```
+
+Check out the ```block_dict``` variable in the ```Application``` class's ```attach_event``` function.
+
+### Application Class
+
+1. Render Function
+
+```python
+    # other Application implementations
+
+    def _render(self):
+        with self.app:
+            for child in self.children:
+                child.render()
+
+        self.app.render()
+```
+
+From the explanation of the ```LayoutBase``` class's ```render``` function, we can understand the ```child.render``` part.
+
+So let's look at the bottom part, why are we calling the ```app``` variable's ```render``` function? It's important to call this function because if we look at the implementation in the ```gradio.blocks.Blocks``` class, we can see that it is adding the components and event functions into the root component. To put it another way, it is creating and structuring the gradio application.
+
+2. Attach Event Function
+
+    Let's see how we can attach events to components:
+
+```python
+    # other Application implementations
+
+    def _attach_event(self):
+        block_dict: Dict[str, Block] = {}
+
+        for child in self.children:
+            block_dict.update(child.global_children_dict)
+
+        with self.app:
+            for child in self.children:
+                try:
+                    child.attach_event(block_dict=block_dict)
+                except NotImplementedError:
+                    print(f"{child.name}'s attach_event is not implemented")
+```
+
+You can see why the ```global_children_list``` is used in the ```LayoutBase``` class from the example code. With this, all the components in the application are gathered into one dictionary, so the component can access all the components with their names.
+
+The ```with``` syntax is used here again to attach events to components. If we look at the ```__exit__``` function in the ```gradio.blocks.Blocks``` class, we can see that it is calling the ```attach_load_events``` function which is used for setting event triggers to components. So we have to use the ```with``` syntax to trigger the ```__exit__``` function.
+
+Of course, we can call ```attach_load_events``` without using the ```with``` syntax, but the function needs a ```Context.root_block```, and it is set in the ```__enter__``` function. So we used the ```with``` syntax here rather than calling the function ourselves.
+
+## Conclusion
+
+In this guide, we saw
+
+- How we can wrap the layouts
+- How components are rendered
+- How we can structure our application with wrapped layout classes
+
+Because the classes used in this guide are used for demonstration purposes, they may still not be totally optimized or modular. But that would make the guide much longer!
+
+I hope this guide helps you gain another view of the layout classes and gives you an idea about how you can use them for your needs. See the full implementation of our example [here](https://huggingface.co/spaces/WoWoWoWololo/wrapping-layouts/blob/main/app.py).
diff --git a/guides/CONTRIBUTING.md b/guides/CONTRIBUTING.md
new file mode 100644
index 0000000..d43e06d
--- /dev/null
+++ b/guides/CONTRIBUTING.md
@@ -0,0 +1,30 @@
+# Contributing a Guide
+
+Want to help teach Gradio? Consider contributing a Guide! 🤗
+
+Broadly speaking, there are two types of guides:
+
+- **Use cases**: guides that cover step-by-step how to build a particular type of machine learning demo or app using Gradio. Here's an example: [_Creating a Chatbot_](https://github.com/gradio-app/gradio/blob/master/guides/creating_a_chatbot.md)
+- **Feature explanation**: guides that describe in detail a particular feature of Gradio. Here's an example: [_Using Flagging_](https://github.com/gradio-app/gradio/blob/master/guides/using_flagging.md)
+
+We encourage you to submit either type of Guide! (Looking for ideas? We may also have open [issues](https://github.com/gradio-app/gradio/issues?q=is%3Aopen+is%3Aissue+label%3Aguides) where users have asked for guides on particular topics)
+
+## Guide Structure
+
+As you can see with the previous examples, Guides are standard markdown documents. They usually:
+
+- start with an Introduction section describing the topic
+- include subheadings to make articles easy to navigate
+- include real code snippets that make it easy to follow along and implement the Guide
+- include embedded Gradio demos to make them more interactive and provide immediate demonstrations of the topic being discussed. These Gradio demos are hosted on [Hugging Face Spaces](https://huggingface.co/spaces) and are embedded using the standard \<iframe\> tag.
+
+## How to Contribute a Guide
+
+1. Clone or fork this `gradio` repo
+2. Add a new markdown document with a descriptive title to the `/guides` folder
+3. Write your Guide in standard markdown! Embed Gradio demos wherever helpful
+4. Add a list of `related_spaces` at the top of the markdown document (see the previously linked Guides for how to do this)
+5. Add 3 `tags` at the top of the markdown document to help users find your guide (again, see the previously linked Guides for how to do this)
+6. Open a PR to have your guide reviewed
+
+That's it! We're looking forward to reading your Guide 🥳
diff --git a/guides/assets/access_token.png b/guides/assets/access_token.png
new file mode 100644
index 0000000..7e7d8da
Binary files /dev/null and b/guides/assets/access_token.png differ
diff --git a/guides/assets/annotated.png b/guides/assets/annotated.png
new file mode 100644
index 0000000..e8db15f
Binary files /dev/null and b/guides/assets/annotated.png differ
diff --git a/guides/assets/art-critic.mp4 b/guides/assets/art-critic.mp4
new file mode 100644
index 0000000..8261a2a
Binary files /dev/null and b/guides/assets/art-critic.mp4 differ
diff --git a/guides/assets/dataflow.svg b/guides/assets/dataflow.svg
new file mode 100644
index 0000000..43e7e86
--- /dev/null
+++ b/guides/assets/dataflow.svg
@@ -0,0 +1,188 @@
+<svg viewBox="0 0 4222 961" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="4222" height="961" rx="20.8913" fill="#FAFAFA" />
+    <path d="M490 541H1102" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M1531 541L1822 541" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M2301 541L2563 541" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M2968 541L3617 541" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M2992 428L3070 428C3073.31 428 3076 430.686 3076 434L3076 481C3076 484.314 3078.69 487 3082 487L3577 487C3580.31 487 3583 484.314 3583 481L3583 368C3583 364.686 3585.69 362 3589 362L3617 362" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M1822.87 540.413C1823.46 540.577 1823.46 541.423 1822.87 541.587L1810.02 545.118C1809.63 545.225 1809.25 544.933 1809.25 544.531L1809.25 537.469C1809.25 537.067 1809.63 536.775 1810.02 536.882L1822.87 540.413Z" fill="#7B8B8F" />
+    <path d="M2564.87 540.413C2565.46 540.577 2565.46 541.423 2564.87 541.587L2552.02 545.118C2551.63 545.225 2551.25 544.933 2551.25 544.531L2551.25 537.469C2551.25 537.067 2551.63 536.775 2552.02 536.882L2564.87 540.413Z" fill="#7B8B8F" />
+    <path d="M3625.87 540.413C3626.46 540.577 3626.46 541.423 3625.87 541.587L3613.02 545.118C3612.63 545.225 3612.25 544.933 3612.25 544.531L3612.25 537.469C3612.25 537.067 3612.63 536.775 3613.02 536.882L3625.87 540.413Z" fill="#7B8B8F" />
+    <path d="M3625.87 361.413C3626.46 361.577 3626.46 362.423 3625.87 362.587L3613.02 366.118C3612.63 366.225 3612.25 365.933 3612.25 365.531L3612.25 358.469C3612.25 358.067 3612.63 357.775 3613.02 357.882L3625.87 361.413Z" fill="#7B8B8F" />
+    <path d="M480 356H558.5C561.814 356 564.5 358.686 564.5 362V460.5C564.5 463.814 567.186 466.5 570.5 466.5H1058.5C1061.81 466.5 1064.5 463.814 1064.5 460.5V449C1064.5 445.686 1067.19 443 1070.5 443H1102" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M480 721.5H558.5C561.814 721.5 564.5 718.814 564.5 715.5V617C564.5 613.686 567.186 611 570.5 611H1058.5C1061.81 611 1064.5 613.686 1064.5 617V639C1064.5 642.314 1067.19 645 1070.5 645H1101.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <g filter="url(#filter0_d_2_2)">
+        <rect x="217" y="302" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M272.155 340.5V373H267.787V340.5H255.671V336.704H284.271V340.5H272.155ZM301.619 373.624C299.677 373.624 297.927 373.295 296.367 372.636C294.841 371.977 293.524 371.041 292.415 369.828C291.34 368.58 290.508 367.107 289.919 365.408C289.329 363.675 289.035 361.751 289.035 359.636C289.035 357.487 289.329 355.545 289.919 353.812C290.543 352.079 291.392 350.605 292.467 349.392C293.541 348.144 294.824 347.191 296.315 346.532C297.84 345.873 299.521 345.544 301.359 345.544C303.161 345.544 304.791 345.873 306.247 346.532C307.737 347.191 309.003 348.109 310.043 349.288C311.083 350.432 311.88 351.801 312.435 353.396C312.989 354.991 313.267 356.741 313.267 358.648V360.624H293.403V361.872C293.403 363.051 293.593 364.143 293.975 365.148C294.356 366.153 294.893 367.02 295.587 367.748C296.315 368.476 297.181 369.048 298.187 369.464C299.227 369.845 300.371 370.036 301.619 370.036C303.421 370.036 304.981 369.62 306.299 368.788C307.616 367.956 308.621 366.812 309.315 365.356L312.383 367.436C311.585 369.239 310.251 370.729 308.379 371.908C306.541 373.052 304.288 373.624 301.619 373.624ZM301.359 348.976C300.215 348.976 299.157 349.184 298.187 349.6C297.216 350.016 296.367 350.588 295.639 351.316C294.945 352.044 294.391 352.911 293.975 353.916C293.593 354.887 293.403 355.961 293.403 357.14V357.504H308.795V356.932C308.795 355.753 308.604 354.679 308.223 353.708C307.876 352.737 307.373 351.905 306.715 351.212C306.091 350.484 305.311 349.929 304.375 349.548C303.473 349.167 302.468 348.976 301.359 348.976ZM319.902 373L329.886 359.376L320.162 346.168H325.154L329.21 351.836L332.434 356.308H332.642L335.762 351.836L339.766 346.168H344.55L334.722 359.324L344.81 373H339.818L335.294 366.708L332.226 362.444H332.018L329.054 366.708L324.686 373H319.902ZM364.81 373C362.765 373 361.257 372.428 360.286 371.284C359.35 370.14 358.882 368.667 358.882 366.864V349.704H349.938V346.168H356.594C357.495 346.168 358.119 345.995 358.466 345.648C358.847 345.267 359.038 344.625 359.038 343.724V336.704H363.042V346.168H375.262V349.704H363.042V369.464H375.262V373H364.81ZM384.03 334.52H388.19V350.536H388.398C390.131 347.208 392.887 345.544 396.666 345.544C399.959 345.544 402.525 346.775 404.362 349.236C406.234 351.697 407.17 355.147 407.17 359.584C407.17 364.021 406.234 367.471 404.362 369.932C402.525 372.393 399.959 373.624 396.666 373.624C392.887 373.624 390.131 371.96 388.398 368.632H388.19V373H384.03V334.52ZM395.054 369.932C397.481 369.932 399.353 369.204 400.67 367.748C402.022 366.257 402.698 364.299 402.698 361.872V357.296C402.698 354.869 402.022 352.928 400.67 351.472C399.353 349.981 397.481 349.236 395.054 349.236C394.118 349.236 393.234 349.357 392.402 349.6C391.57 349.843 390.842 350.207 390.218 350.692C389.594 351.143 389.091 351.715 388.71 352.408C388.363 353.067 388.19 353.847 388.19 354.748V364.42C388.19 365.321 388.363 366.119 388.71 366.812C389.091 367.471 389.594 368.043 390.218 368.528C390.842 368.979 391.57 369.325 392.402 369.568C393.234 369.811 394.118 369.932 395.054 369.932ZM425.87 373.624C423.998 373.624 422.299 373.295 420.774 372.636C419.283 371.977 418 371.041 416.926 369.828C415.886 368.58 415.088 367.107 414.534 365.408C413.979 363.675 413.702 361.733 413.702 359.584C413.702 357.469 413.979 355.545 414.534 353.812C415.088 352.079 415.886 350.605 416.926 349.392C418 348.144 419.283 347.191 420.774 346.532C422.299 345.873 423.998 345.544 425.87 345.544C427.742 345.544 429.423 345.873 430.914 346.532C432.439 347.191 433.722 348.144 434.762 349.392C435.836 350.605 436.651 352.079 437.206 353.812C437.76 355.545 438.038 357.469 438.038 359.584C438.038 361.733 437.76 363.675 437.206 365.408C436.651 367.107 435.836 368.58 434.762 369.828C433.722 371.041 432.439 371.977 430.914 372.636C429.423 373.295 427.742 373.624 425.87 373.624ZM425.87 370.036C428.192 370.036 430.064 369.343 431.486 367.956C432.907 366.569 433.618 364.42 433.618 361.508V357.66C433.618 354.748 432.907 352.599 431.486 351.212C430.064 349.825 428.192 349.132 425.87 349.132C423.547 349.132 421.675 349.825 420.254 351.212C418.832 352.599 418.122 354.748 418.122 357.66V361.508C418.122 364.42 418.832 366.569 420.254 367.956C421.675 369.343 423.547 370.036 425.87 370.036ZM444.621 373L454.605 359.376L444.881 346.168H449.873L453.929 351.836L457.153 356.308H457.361L460.481 351.836L464.485 346.168H469.269L459.441 359.324L469.529 373H464.537L460.013 366.708L456.945 362.444H456.737L453.773 366.708L449.405 373H444.621Z" fill="#5B5B5B" />
+    <g filter="url(#filter1_d_2_2)">
+        <rect x="3662" y="302" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M3722.94 345.268H3722.57V376H3718.62V339.704H3724.81L3737.18 370.124H3737.55V339.704H3741.5V376H3735.31L3722.94 345.268ZM3767.58 371.632H3767.38C3767.1 372.291 3766.75 372.932 3766.34 373.556C3765.92 374.145 3765.4 374.665 3764.78 375.116C3764.19 375.567 3763.48 375.931 3762.64 376.208C3761.81 376.485 3760.84 376.624 3759.73 376.624C3756.92 376.624 3754.67 375.74 3752.97 373.972C3751.27 372.169 3750.42 369.639 3750.42 366.38V349.168H3754.58V365.652C3754.58 368.113 3755.12 369.951 3756.2 371.164C3757.27 372.343 3758.85 372.932 3760.93 372.932C3761.76 372.932 3762.58 372.828 3763.37 372.62C3764.17 372.412 3764.88 372.1 3765.5 371.684C3766.13 371.268 3766.63 370.748 3767.01 370.124C3767.39 369.465 3767.58 368.685 3767.58 367.784V349.168H3771.74V376H3767.58V371.632ZM3779.63 376V349.168H3783.48V352.288H3783.68C3784.1 351.248 3784.69 350.364 3785.45 349.636C3786.21 348.908 3787.34 348.544 3788.83 348.544C3790.39 348.544 3791.55 348.943 3792.32 349.74C3793.08 350.503 3793.55 351.508 3793.72 352.756H3793.88C3794.36 351.543 3795.05 350.537 3795.96 349.74C3796.86 348.943 3798.11 348.544 3799.7 348.544C3801.88 348.544 3803.34 349.307 3804.07 350.832C3804.83 352.357 3805.21 354.541 3805.21 357.384V376H3801.36V358.06C3801.36 355.772 3801.12 354.195 3800.64 353.328C3800.19 352.427 3799.34 351.976 3798.09 351.976C3796.98 351.976 3796.08 352.34 3795.38 353.068C3794.69 353.761 3794.34 354.836 3794.34 356.292V376H3790.5V358.06C3790.5 355.772 3790.25 354.195 3789.77 353.328C3789.32 352.427 3788.49 351.976 3787.27 351.976C3786.16 351.976 3785.24 352.34 3784.52 353.068C3783.82 353.761 3783.48 354.836 3783.48 356.292V376H3779.63ZM3812.94 337.52H3817.1V353.536H3817.31C3819.04 350.208 3821.8 348.544 3825.58 348.544C3828.87 348.544 3831.43 349.775 3833.27 352.236C3835.14 354.697 3836.08 358.147 3836.08 362.584C3836.08 367.021 3835.14 370.471 3833.27 372.932C3831.43 375.393 3828.87 376.624 3825.58 376.624C3821.8 376.624 3819.04 374.96 3817.31 371.632H3817.1V376H3812.94V337.52ZM3823.96 372.932C3826.39 372.932 3828.26 372.204 3829.58 370.748C3830.93 369.257 3831.61 367.299 3831.61 364.872V360.296C3831.61 357.869 3830.93 355.928 3829.58 354.472C3828.26 352.981 3826.39 352.236 3823.96 352.236C3823.03 352.236 3822.14 352.357 3821.31 352.6C3820.48 352.843 3819.75 353.207 3819.13 353.692C3818.5 354.143 3818 354.715 3817.62 355.408C3817.27 356.067 3817.1 356.847 3817.1 357.748V367.42C3817.1 368.321 3817.27 369.119 3817.62 369.812C3818 370.471 3818.5 371.043 3819.13 371.528C3819.75 371.979 3820.48 372.325 3821.31 372.568C3822.14 372.811 3823.03 372.932 3823.96 372.932ZM3855.25 376.624C3853.31 376.624 3851.56 376.295 3850 375.636C3848.47 374.977 3847.15 374.041 3846.04 372.828C3844.97 371.58 3844.14 370.107 3843.55 368.408C3842.96 366.675 3842.66 364.751 3842.66 362.636C3842.66 360.487 3842.96 358.545 3843.55 356.812C3844.17 355.079 3845.02 353.605 3846.1 352.392C3847.17 351.144 3848.45 350.191 3849.94 349.532C3851.47 348.873 3853.15 348.544 3854.99 348.544C3856.79 348.544 3858.42 348.873 3859.88 349.532C3861.37 350.191 3862.63 351.109 3863.67 352.288C3864.71 353.432 3865.51 354.801 3866.06 356.396C3866.62 357.991 3866.9 359.741 3866.9 361.648V363.624H3847.03V364.872C3847.03 366.051 3847.22 367.143 3847.6 368.148C3847.99 369.153 3848.52 370.02 3849.22 370.748C3849.94 371.476 3850.81 372.048 3851.82 372.464C3852.86 372.845 3854 373.036 3855.25 373.036C3857.05 373.036 3858.61 372.62 3859.93 371.788C3861.25 370.956 3862.25 369.812 3862.94 368.356L3866.01 370.436C3865.21 372.239 3863.88 373.729 3862.01 374.908C3860.17 376.052 3857.92 376.624 3855.25 376.624ZM3854.99 351.976C3853.84 351.976 3852.79 352.184 3851.82 352.6C3850.85 353.016 3850 353.588 3849.27 354.316C3848.57 355.044 3848.02 355.911 3847.6 356.916C3847.22 357.887 3847.03 358.961 3847.03 360.14V360.504H3862.42V359.932C3862.42 358.753 3862.23 357.679 3861.85 356.708C3861.51 355.737 3861 354.905 3860.34 354.212C3859.72 353.484 3858.94 352.929 3858 352.548C3857.1 352.167 3856.1 351.976 3854.99 351.976ZM3874.36 372.464H3882.22V352.704H3874.36V349.168H3886.38V355.928H3886.64C3887.19 353.813 3888.23 352.167 3889.76 350.988C3891.32 349.775 3893.29 349.168 3895.68 349.168H3899.43V353.328H3894.38C3891.99 353.328 3890.05 354.021 3888.56 355.408C3887.1 356.795 3886.38 358.615 3886.38 360.868V372.464H3896.78V376H3874.36V372.464Z" fill="#5B5B5B" />
+    <g filter="url(#filter2_d_2_2)">
+        <rect x="1136" y="302" width="478" height="494" rx="10" fill="white" />
+    </g>
+    <path d="M1241.91 453.624C1239.1 453.624 1236.68 453.156 1234.63 452.22C1232.62 451.249 1230.91 449.967 1229.48 448.372L1232.29 445.928C1233.57 447.28 1234.98 448.32 1236.5 449.048C1238.03 449.776 1239.87 450.14 1242.02 450.14C1244.1 450.14 1245.79 449.776 1247.11 449.048C1248.46 448.285 1249.14 447.107 1249.14 445.512C1249.14 444.819 1249 444.247 1248.72 443.796C1248.48 443.311 1248.13 442.929 1247.68 442.652C1247.23 442.375 1246.73 442.167 1246.18 442.028C1245.62 441.855 1245.03 441.716 1244.41 441.612L1240.2 440.988C1239.26 440.849 1238.24 440.659 1237.13 440.416C1236.05 440.173 1235.07 439.792 1234.16 439.272C1233.26 438.717 1232.5 437.989 1231.88 437.088C1231.29 436.187 1230.99 435.008 1230.99 433.552C1230.99 432.2 1231.25 431.039 1231.77 430.068C1232.33 429.063 1233.09 428.231 1234.06 427.572C1235.03 426.879 1236.17 426.376 1237.49 426.064C1238.81 425.717 1240.25 425.544 1241.81 425.544C1244.23 425.544 1246.33 425.925 1248.1 426.688C1249.9 427.451 1251.45 428.508 1252.73 429.86L1250.02 432.408C1249.71 432.027 1249.31 431.645 1248.83 431.264C1248.38 430.848 1247.81 430.484 1247.11 430.172C1246.45 429.825 1245.67 429.548 1244.77 429.34C1243.87 429.132 1242.83 429.028 1241.65 429.028C1239.54 429.028 1237.91 429.392 1236.76 430.12C1235.65 430.848 1235.1 431.905 1235.1 433.292C1235.1 433.985 1235.22 434.575 1235.46 435.06C1235.74 435.511 1236.11 435.875 1236.56 436.152C1237.01 436.429 1237.51 436.655 1238.06 436.828C1238.65 436.967 1239.24 437.088 1239.83 437.192L1244.04 437.816C1245.01 437.955 1246.04 438.145 1247.11 438.388C1248.19 438.631 1249.17 439.029 1250.08 439.584C1250.98 440.104 1251.72 440.815 1252.31 441.716C1252.94 442.617 1253.25 443.796 1253.25 445.252C1253.25 447.921 1252.21 449.984 1250.13 451.44C1248.08 452.896 1245.34 453.624 1241.91 453.624ZM1274.08 453C1272.03 453 1270.53 452.428 1269.56 451.284C1268.62 450.14 1268.15 448.667 1268.15 446.864V429.704H1259.21V426.168H1265.86C1266.77 426.168 1267.39 425.995 1267.74 425.648C1268.12 425.267 1268.31 424.625 1268.31 423.724V416.704H1272.31V426.168H1284.53V429.704H1272.31V449.464H1284.53V453H1274.08ZM1292.36 449.464H1300.22V429.704H1292.36V426.168H1304.38V432.928H1304.64C1305.19 430.813 1306.23 429.167 1307.76 427.988C1309.32 426.775 1311.29 426.168 1313.68 426.168H1317.43V430.328H1312.38C1309.99 430.328 1308.05 431.021 1306.56 432.408C1305.1 433.795 1304.38 435.615 1304.38 437.868V449.464H1314.78V453H1292.36V449.464Z" fill="#FF9042" />
+    <path d="M1190.54 376.346V334.784H1199.19V337.055H1193.54V374.074H1199.19V376.346H1190.54Z" fill="#A5A5A5" />
+    <path d="M1187.5 754.346V752.074H1193.1V715.055H1187.5V712.784H1196.1V754.346H1187.5Z" fill="#A5A5A5" />
+    <path d="M1243.26 523.24C1242.05 523.24 1241.2 522.997 1240.72 522.512C1240.23 521.992 1239.99 521.351 1239.99 520.588V519.756C1239.99 518.993 1240.23 518.369 1240.72 517.884C1241.2 517.364 1242.05 517.104 1243.26 517.104C1244.48 517.104 1245.33 517.364 1245.81 517.884C1246.3 518.369 1246.54 518.993 1246.54 519.756V520.588C1246.54 521.351 1246.3 521.992 1245.81 522.512C1245.33 522.997 1244.48 523.24 1243.26 523.24ZM1231.51 552.464H1241.18V532.704H1231.51V529.168H1245.34V552.464H1254.39V556H1231.51V552.464ZM1262.28 556V529.168H1266.44V533.536H1266.64C1266.92 532.877 1267.27 532.253 1267.68 531.664C1268.1 531.04 1268.6 530.503 1269.19 530.052C1269.82 529.601 1270.54 529.237 1271.38 528.96C1272.21 528.683 1273.18 528.544 1274.29 528.544C1277.1 528.544 1279.35 529.445 1281.05 531.248C1282.75 533.016 1283.6 535.529 1283.6 538.788V556H1279.44V539.516C1279.44 537.055 1278.9 535.235 1277.82 534.056C1276.75 532.843 1275.17 532.236 1273.09 532.236C1272.26 532.236 1271.45 532.34 1270.65 532.548C1269.85 532.756 1269.14 533.068 1268.52 533.484C1267.89 533.9 1267.39 534.437 1267.01 535.096C1266.63 535.755 1266.44 536.517 1266.44 537.384V556H1262.28ZM1305.26 556C1303.21 556 1301.71 555.428 1300.74 554.284C1299.8 553.14 1299.33 551.667 1299.33 549.864V532.704H1290.39V529.168H1297.04C1297.94 529.168 1298.57 528.995 1298.92 528.648C1299.3 528.267 1299.49 527.625 1299.49 526.724V519.704H1303.49V529.168H1315.71V532.704H1303.49V552.464H1315.71V556H1305.26Z" fill="#FF9042" />
+    <path d="M1231.1 659V632.168H1235.26V636.536H1235.46C1235.74 635.877 1236.09 635.253 1236.5 634.664C1236.92 634.04 1237.42 633.503 1238.01 633.052C1238.64 632.601 1239.36 632.237 1240.2 631.96C1241.03 631.683 1242 631.544 1243.11 631.544C1245.92 631.544 1248.17 632.445 1249.87 634.248C1251.57 636.016 1252.42 638.529 1252.42 641.788V659H1248.26V642.516C1248.26 640.055 1247.72 638.235 1246.64 637.056C1245.57 635.843 1243.99 635.236 1241.91 635.236C1241.08 635.236 1240.27 635.34 1239.47 635.548C1238.67 635.756 1237.96 636.068 1237.34 636.484C1236.71 636.9 1236.21 637.437 1235.83 638.096C1235.45 638.755 1235.26 639.517 1235.26 640.384V659H1231.1ZM1279.12 654.632H1278.92C1278.64 655.291 1278.29 655.932 1277.88 656.556C1277.46 657.145 1276.94 657.665 1276.32 658.116C1275.73 658.567 1275.02 658.931 1274.18 659.208C1273.35 659.485 1272.38 659.624 1271.27 659.624C1268.46 659.624 1266.21 658.74 1264.51 656.972C1262.81 655.169 1261.96 652.639 1261.96 649.38V632.168H1266.12V648.652C1266.12 651.113 1266.66 652.951 1267.74 654.164C1268.81 655.343 1270.39 655.932 1272.47 655.932C1273.3 655.932 1274.11 655.828 1274.91 655.62C1275.71 655.412 1276.42 655.1 1277.04 654.684C1277.67 654.268 1278.17 653.748 1278.55 653.124C1278.93 652.465 1279.12 651.685 1279.12 650.784V632.168H1283.28V659H1279.12V654.632ZM1291.17 659V632.168H1295.02V635.288H1295.22C1295.64 634.248 1296.23 633.364 1296.99 632.636C1297.75 631.908 1298.88 631.544 1300.37 631.544C1301.93 631.544 1303.09 631.943 1303.86 632.74C1304.62 633.503 1305.09 634.508 1305.26 635.756H1305.42C1305.9 634.543 1306.59 633.537 1307.5 632.74C1308.4 631.943 1309.64 631.544 1311.24 631.544C1313.42 631.544 1314.88 632.307 1315.61 633.832C1316.37 635.357 1316.75 637.541 1316.75 640.384V659H1312.9V641.06C1312.9 638.772 1312.66 637.195 1312.18 636.328C1311.72 635.427 1310.88 634.976 1309.63 634.976C1308.52 634.976 1307.62 635.34 1306.92 636.068C1306.23 636.761 1305.88 637.836 1305.88 639.292V659H1302.04V641.06C1302.04 638.772 1301.79 637.195 1301.31 636.328C1300.86 635.427 1300.02 634.976 1298.81 634.976C1297.7 634.976 1296.78 635.34 1296.06 636.068C1295.36 636.761 1295.02 637.836 1295.02 639.292V659H1291.17ZM1324.48 632.168H1328.64V636.536H1328.85C1330.58 633.208 1333.34 631.544 1337.12 631.544C1340.41 631.544 1342.97 632.775 1344.81 635.236C1346.68 637.697 1347.62 641.147 1347.62 645.584C1347.62 650.021 1346.68 653.471 1344.81 655.932C1342.97 658.393 1340.41 659.624 1337.12 659.624C1333.34 659.624 1330.58 657.96 1328.85 654.632H1328.64V669.4H1324.48V632.168ZM1335.5 655.932C1337.93 655.932 1339.8 655.204 1341.12 653.748C1342.47 652.257 1343.15 650.299 1343.15 647.872V643.296C1343.15 640.869 1342.47 638.928 1341.12 637.472C1339.8 635.981 1337.93 635.236 1335.5 635.236C1334.57 635.236 1333.68 635.357 1332.85 635.6C1332.02 635.843 1331.29 636.207 1330.67 636.692C1330.04 637.143 1329.54 637.715 1329.16 638.408C1328.81 639.067 1328.64 639.847 1328.64 640.748V650.42C1328.64 651.321 1328.81 652.119 1329.16 652.812C1329.54 653.471 1330.04 654.043 1330.67 654.528C1331.29 654.979 1332.02 655.325 1332.85 655.568C1333.68 655.811 1334.57 655.932 1335.5 655.932ZM1375 632.168H1379.16L1365.85 664.876C1365.54 665.639 1365.19 666.297 1364.81 666.852C1364.43 667.441 1363.98 667.909 1363.46 668.256C1362.94 668.637 1362.31 668.915 1361.59 669.088C1360.86 669.296 1359.99 669.4 1358.99 669.4H1355.03V665.864H1361.27L1364.29 658.48L1353.47 632.168H1357.74L1362.26 643.4L1366.27 653.592H1366.47L1370.48 643.4L1375 632.168ZM1397.5 659.468C1396.08 659.468 1395.07 659.173 1394.48 658.584C1393.93 657.995 1393.65 657.249 1393.65 656.348V655.412C1393.65 654.511 1393.93 653.765 1394.48 653.176C1395.07 652.587 1396.08 652.292 1397.5 652.292C1398.92 652.292 1399.91 652.587 1400.46 653.176C1401.05 653.765 1401.35 654.511 1401.35 655.412V656.348C1401.35 657.249 1401.05 657.995 1400.46 658.584C1399.91 659.173 1398.92 659.468 1397.5 659.468ZM1438.82 659C1437.19 659 1436.03 658.584 1435.33 657.752C1434.64 656.92 1434.21 655.88 1434.03 654.632H1433.77C1433.18 656.192 1432.23 657.423 1430.91 658.324C1429.63 659.191 1427.9 659.624 1425.71 659.624C1422.91 659.624 1420.67 658.896 1419.01 657.44C1417.34 655.984 1416.51 653.991 1416.51 651.46C1416.51 648.964 1417.41 647.04 1419.21 645.688C1421.05 644.336 1424 643.66 1428.05 643.66H1433.77V641.008C1433.77 639.032 1433.22 637.559 1432.11 636.588C1431 635.583 1429.42 635.08 1427.38 635.08C1425.58 635.08 1424.1 635.444 1422.96 636.172C1421.81 636.865 1420.9 637.819 1420.2 639.032L1417.39 636.952C1417.74 636.259 1418.21 635.583 1418.8 634.924C1419.39 634.265 1420.12 633.693 1420.98 633.208C1421.85 632.688 1422.84 632.289 1423.95 632.012C1425.06 631.7 1426.29 631.544 1427.64 631.544C1430.79 631.544 1433.29 632.341 1435.13 633.936C1437 635.531 1437.93 637.749 1437.93 640.592V655.36H1441.68V659H1438.82ZM1426.44 656.14C1427.52 656.14 1428.49 656.019 1429.35 655.776C1430.26 655.499 1431.04 655.152 1431.69 654.736C1432.35 654.285 1432.86 653.765 1433.2 653.176C1433.58 652.552 1433.77 651.893 1433.77 651.2V646.78H1428.05C1425.56 646.78 1423.74 647.127 1422.59 647.82C1421.45 648.513 1420.88 649.519 1420.88 650.836V651.928C1420.88 653.315 1421.36 654.372 1422.33 655.1C1423.34 655.793 1424.71 656.14 1426.44 656.14ZM1448.26 655.464H1456.11V635.704H1448.26V632.168H1460.27V638.928H1460.53C1461.09 636.813 1462.13 635.167 1463.65 633.988C1465.21 632.775 1467.19 632.168 1469.58 632.168H1473.33V636.328H1468.28C1465.89 636.328 1463.95 637.021 1462.46 638.408C1461 639.795 1460.27 641.615 1460.27 643.868V655.464H1470.67V659H1448.26V655.464ZM1479.44 655.464H1487.29V635.704H1479.44V632.168H1491.45V638.928H1491.71C1492.27 636.813 1493.31 635.167 1494.83 633.988C1496.39 632.775 1498.37 632.168 1500.76 632.168H1504.51V636.328H1499.46C1497.07 636.328 1495.13 637.021 1493.64 638.408C1492.18 639.795 1491.45 641.615 1491.45 643.868V655.464H1501.85V659H1479.44V655.464ZM1532.36 659C1530.73 659 1529.57 658.584 1528.87 657.752C1528.18 656.92 1527.75 655.88 1527.57 654.632H1527.31C1526.72 656.192 1525.77 657.423 1524.45 658.324C1523.17 659.191 1521.44 659.624 1519.25 659.624C1516.45 659.624 1514.21 658.896 1512.55 657.44C1510.88 655.984 1510.05 653.991 1510.05 651.46C1510.05 648.964 1510.95 647.04 1512.75 645.688C1514.59 644.336 1517.54 643.66 1521.59 643.66H1527.31V641.008C1527.31 639.032 1526.76 637.559 1525.65 636.588C1524.54 635.583 1522.96 635.08 1520.92 635.08C1519.11 635.08 1517.64 635.444 1516.5 636.172C1515.35 636.865 1514.43 637.819 1513.74 639.032L1510.93 636.952C1511.28 636.259 1511.75 635.583 1512.34 634.924C1512.93 634.265 1513.65 633.693 1514.52 633.208C1515.39 632.688 1516.38 632.289 1517.49 632.012C1518.59 631.7 1519.83 631.544 1521.18 631.544C1524.33 631.544 1526.83 632.341 1528.67 633.936C1530.54 635.531 1531.47 637.749 1531.47 640.592V655.36H1535.22V659H1532.36ZM1519.98 656.14C1521.06 656.14 1522.03 656.019 1522.89 655.776C1523.79 655.499 1524.57 655.152 1525.23 654.736C1525.89 654.285 1526.39 653.765 1526.74 653.176C1527.12 652.552 1527.31 651.893 1527.31 651.2V646.78H1521.59C1519.1 646.78 1517.28 647.127 1516.13 647.82C1514.99 648.513 1514.42 649.519 1514.42 650.836V651.928C1514.42 653.315 1514.9 654.372 1515.87 655.1C1516.88 655.793 1518.25 656.14 1519.98 656.14ZM1562.08 632.168H1566.24L1552.93 664.876C1552.62 665.639 1552.27 666.297 1551.89 666.852C1551.51 667.441 1551.06 667.909 1550.54 668.256C1550.02 668.637 1549.39 668.915 1548.66 669.088C1547.94 669.296 1547.07 669.4 1546.06 669.4H1542.11V665.864H1548.35L1551.37 658.48L1540.55 632.168H1544.82L1549.34 643.4L1553.34 653.592H1553.55L1557.56 643.4L1562.08 632.168Z" fill="#FF9042" />
+    <g filter="url(#filter3_d_2_2)">
+        <rect x="2614" y="302" width="412" height="370" rx="10" fill="white" />
+    </g>
+    <path d="M2708.32 442.464H2717.36V422.704H2707.8V419.168H2717.36V413.656C2717.36 411.853 2717.83 410.38 2718.77 409.236C2719.74 408.092 2721.25 407.52 2723.29 407.52H2732.29V411.056H2721.52V419.168H2732.29V422.704H2721.52V442.464H2731.09V446H2708.32V442.464ZM2739.34 442.464H2748.7V411.056H2739.34V407.52H2752.86V442.464H2762.22V446H2739.34V442.464ZM2781.96 446.624C2780.09 446.624 2778.39 446.295 2776.86 445.636C2775.37 444.977 2774.09 444.041 2773.02 442.828C2771.98 441.58 2771.18 440.107 2770.62 438.408C2770.07 436.675 2769.79 434.733 2769.79 432.584C2769.79 430.469 2770.07 428.545 2770.62 426.812C2771.18 425.079 2771.98 423.605 2773.02 422.392C2774.09 421.144 2775.37 420.191 2776.86 419.532C2778.39 418.873 2780.09 418.544 2781.96 418.544C2783.83 418.544 2785.51 418.873 2787 419.532C2788.53 420.191 2789.81 421.144 2790.85 422.392C2791.93 423.605 2792.74 425.079 2793.3 426.812C2793.85 428.545 2794.13 430.469 2794.13 432.584C2794.13 434.733 2793.85 436.675 2793.3 438.408C2792.74 440.107 2791.93 441.58 2790.85 442.828C2789.81 444.041 2788.53 444.977 2787 445.636C2785.51 446.295 2783.83 446.624 2781.96 446.624ZM2781.96 443.036C2784.28 443.036 2786.15 442.343 2787.58 440.956C2789 439.569 2789.71 437.42 2789.71 434.508V430.66C2789.71 427.748 2789 425.599 2787.58 424.212C2786.15 422.825 2784.28 422.132 2781.96 422.132C2779.64 422.132 2777.76 422.825 2776.34 424.212C2774.92 425.599 2774.21 427.748 2774.21 430.66V434.508C2774.21 437.42 2774.92 439.569 2776.34 440.956C2777.76 442.343 2779.64 443.036 2781.96 443.036ZM2823.28 446C2821.65 446 2820.49 445.584 2819.8 444.752C2819.1 443.92 2818.67 442.88 2818.5 441.632H2818.24C2817.65 443.192 2816.69 444.423 2815.38 445.324C2814.09 446.191 2812.36 446.624 2810.18 446.624C2807.37 446.624 2805.13 445.896 2803.47 444.44C2801.8 442.984 2800.97 440.991 2800.97 438.46C2800.97 435.964 2801.87 434.04 2803.68 432.688C2805.51 431.336 2808.46 430.66 2812.52 430.66H2818.24V428.008C2818.24 426.032 2817.68 424.559 2816.57 423.588C2815.46 422.583 2813.88 422.08 2811.84 422.08C2810.04 422.08 2808.56 422.444 2807.42 423.172C2806.28 423.865 2805.36 424.819 2804.66 426.032L2801.86 423.952C2802.2 423.259 2802.67 422.583 2803.26 421.924C2803.85 421.265 2804.58 420.693 2805.44 420.208C2806.31 419.688 2807.3 419.289 2808.41 419.012C2809.52 418.7 2810.75 418.544 2812.1 418.544C2815.25 418.544 2817.75 419.341 2819.59 420.936C2821.46 422.531 2822.4 424.749 2822.4 427.592V442.36H2826.14V446H2823.28ZM2810.9 443.14C2811.98 443.14 2812.95 443.019 2813.82 442.776C2814.72 442.499 2815.5 442.152 2816.16 441.736C2816.81 441.285 2817.32 440.765 2817.66 440.176C2818.04 439.552 2818.24 438.893 2818.24 438.2V433.78H2812.52C2810.02 433.78 2808.2 434.127 2807.06 434.82C2805.91 435.513 2805.34 436.519 2805.34 437.836V438.928C2805.34 440.315 2805.82 441.372 2806.8 442.1C2807.8 442.793 2809.17 443.14 2810.9 443.14ZM2845.62 446C2843.57 446 2842.07 445.428 2841.09 444.284C2840.16 443.14 2839.69 441.667 2839.69 439.864V422.704H2830.75V419.168H2837.4C2838.3 419.168 2838.93 418.995 2839.27 418.648C2839.66 418.267 2839.85 417.625 2839.85 416.724V409.704H2843.85V419.168H2856.07V422.704H2843.85V442.464H2856.07V446H2845.62Z" fill="#FF9042" />
+    <path d="M2668.54 376.346V334.784H2677.19V337.055H2671.54V374.074H2677.19V376.346H2668.54Z" fill="#A5A5A5" />
+    <path d="M2665.5 626.346V624.074H2671.1V587.055H2665.5V584.784H2674.1V626.346H2665.5Z" fill="#A5A5A5" />
+    <path d="M2710.24 549V512.704H2714.61V545.204H2731.82V549H2710.24ZM2752.44 516.24C2751.23 516.24 2750.38 515.997 2749.9 515.512C2749.41 514.992 2749.17 514.351 2749.17 513.588V512.756C2749.17 511.993 2749.41 511.369 2749.9 510.884C2750.38 510.364 2751.23 510.104 2752.44 510.104C2753.66 510.104 2754.51 510.364 2754.99 510.884C2755.48 511.369 2755.72 511.993 2755.72 512.756V513.588C2755.72 514.351 2755.48 514.992 2754.99 515.512C2754.51 515.997 2753.66 516.24 2752.44 516.24ZM2740.69 545.464H2750.36V525.704H2740.69V522.168H2754.52V545.464H2763.57V549H2740.69V545.464ZM2782.27 549.624C2779.46 549.624 2777.04 549.156 2774.99 548.22C2772.98 547.249 2771.26 545.967 2769.84 544.372L2772.65 541.928C2773.93 543.28 2775.34 544.32 2776.86 545.048C2778.39 545.776 2780.23 546.14 2782.38 546.14C2784.46 546.14 2786.15 545.776 2787.47 545.048C2788.82 544.285 2789.5 543.107 2789.5 541.512C2789.5 540.819 2789.36 540.247 2789.08 539.796C2788.84 539.311 2788.49 538.929 2788.04 538.652C2787.59 538.375 2787.09 538.167 2786.54 538.028C2785.98 537.855 2785.39 537.716 2784.77 537.612L2780.56 536.988C2779.62 536.849 2778.6 536.659 2777.49 536.416C2776.41 536.173 2775.42 535.792 2774.52 535.272C2773.62 534.717 2772.86 533.989 2772.24 533.088C2771.65 532.187 2771.35 531.008 2771.35 529.552C2771.35 528.2 2771.61 527.039 2772.13 526.068C2772.69 525.063 2773.45 524.231 2774.42 523.572C2775.39 522.879 2776.53 522.376 2777.85 522.064C2779.17 521.717 2780.61 521.544 2782.17 521.544C2784.59 521.544 2786.69 521.925 2788.46 522.688C2790.26 523.451 2791.8 524.508 2793.09 525.86L2790.38 528.408C2790.07 528.027 2789.67 527.645 2789.19 527.264C2788.74 526.848 2788.16 526.484 2787.47 526.172C2786.81 525.825 2786.03 525.548 2785.13 525.34C2784.23 525.132 2783.19 525.028 2782.01 525.028C2779.9 525.028 2778.27 525.392 2777.12 526.12C2776.01 526.848 2775.46 527.905 2775.46 529.292C2775.46 529.985 2775.58 530.575 2775.82 531.06C2776.1 531.511 2776.46 531.875 2776.92 532.152C2777.37 532.429 2777.87 532.655 2778.42 532.828C2779.01 532.967 2779.6 533.088 2780.19 533.192L2784.4 533.816C2785.37 533.955 2786.4 534.145 2787.47 534.388C2788.55 534.631 2789.53 535.029 2790.44 535.584C2791.34 536.104 2792.08 536.815 2792.67 537.716C2793.3 538.617 2793.61 539.796 2793.61 541.252C2793.61 543.921 2792.57 545.984 2790.49 547.44C2788.44 548.896 2785.7 549.624 2782.27 549.624ZM2814.44 549C2812.39 549 2810.89 548.428 2809.92 547.284C2808.98 546.14 2808.51 544.667 2808.51 542.864V525.704H2799.57V522.168H2806.22C2807.12 522.168 2807.75 521.995 2808.1 521.648C2808.48 521.267 2808.67 520.625 2808.67 519.724V512.704H2812.67V522.168H2824.89V525.704H2812.67V545.464H2824.89V549H2814.44ZM2840.42 556.176V509.48H2854.98V512.704H2844.01V552.952H2854.98V556.176H2840.42ZM2875.81 549.624C2873 549.624 2870.58 549.156 2868.53 548.22C2866.52 547.249 2864.8 545.967 2863.38 544.372L2866.19 541.928C2867.47 543.28 2868.88 544.32 2870.4 545.048C2871.93 545.776 2873.77 546.14 2875.91 546.14C2877.99 546.14 2879.69 545.776 2881.01 545.048C2882.36 544.285 2883.04 543.107 2883.04 541.512C2883.04 540.819 2882.9 540.247 2882.62 539.796C2882.38 539.311 2882.03 538.929 2881.58 538.652C2881.13 538.375 2880.63 538.167 2880.07 538.028C2879.52 537.855 2878.93 537.716 2878.31 537.612L2874.09 536.988C2873.16 536.849 2872.14 536.659 2871.03 536.416C2869.95 536.173 2868.96 535.792 2868.06 535.272C2867.16 534.717 2866.4 533.989 2865.77 533.088C2865.19 532.187 2864.89 531.008 2864.89 529.552C2864.89 528.2 2865.15 527.039 2865.67 526.068C2866.23 525.063 2866.99 524.231 2867.96 523.572C2868.93 522.879 2870.07 522.376 2871.39 522.064C2872.71 521.717 2874.15 521.544 2875.71 521.544C2878.13 521.544 2880.23 521.925 2882 522.688C2883.8 523.451 2885.34 524.508 2886.63 525.86L2883.92 528.408C2883.61 528.027 2883.21 527.645 2882.73 527.264C2882.28 526.848 2881.7 526.484 2881.01 526.172C2880.35 525.825 2879.57 525.548 2878.67 525.34C2877.77 525.132 2876.73 525.028 2875.55 525.028C2873.44 525.028 2871.81 525.392 2870.66 526.12C2869.55 526.848 2869 527.905 2869 529.292C2869 529.985 2869.12 530.575 2869.36 531.06C2869.64 531.511 2870 531.875 2870.45 532.152C2870.91 532.429 2871.41 532.655 2871.96 532.828C2872.55 532.967 2873.14 533.088 2873.73 533.192L2877.94 533.816C2878.91 533.955 2879.94 534.145 2881.01 534.388C2882.09 534.631 2883.07 535.029 2883.97 535.584C2884.88 536.104 2885.62 536.815 2886.21 537.716C2886.83 538.617 2887.15 539.796 2887.15 541.252C2887.15 543.921 2886.11 545.984 2884.03 547.44C2881.98 548.896 2879.24 549.624 2875.81 549.624ZM2907.98 549C2905.93 549 2904.42 548.428 2903.45 547.284C2902.52 546.14 2902.05 544.667 2902.05 542.864V525.704H2893.11V522.168H2899.76C2900.66 522.168 2901.29 521.995 2901.63 521.648C2902.02 521.267 2902.21 520.625 2902.21 519.724V512.704H2906.21V522.168H2918.43V525.704H2906.21V545.464H2918.43V549H2907.98ZM2926.26 545.464H2934.11V525.704H2926.26V522.168H2938.27V528.928H2938.53C2939.09 526.813 2940.13 525.167 2941.65 523.988C2943.21 522.775 2945.19 522.168 2947.58 522.168H2951.33V526.328H2946.28C2943.89 526.328 2941.95 527.021 2940.46 528.408C2939 529.795 2938.27 531.615 2938.27 533.868V545.464H2948.67V549H2926.26V545.464ZM2972.94 509.48V556.176H2958.38V552.952H2969.35V512.704H2958.38V509.48H2972.94Z" fill="#FF9042" />
+    <path d="M168.004 149V115.096H175.648V149H168.004ZM183.021 149V123.208H189.261L189.781 126.484H189.989C191.098 125.444 192.311 124.543 193.629 123.78C194.981 122.983 196.523 122.584 198.257 122.584C201.065 122.584 203.093 123.52 204.341 125.392C205.623 127.229 206.265 129.76 206.265 132.984V149H198.621V133.972C198.621 132.1 198.361 130.817 197.841 130.124C197.355 129.431 196.558 129.084 195.449 129.084C194.478 129.084 193.646 129.309 192.953 129.76C192.259 130.176 191.497 130.783 190.665 131.58V149H183.021ZM212.778 158.568V123.208H219.018L219.538 125.756H219.746C220.752 124.855 221.878 124.109 223.126 123.52C224.409 122.896 225.726 122.584 227.078 122.584C230.198 122.584 232.66 123.78 234.462 126.172C236.265 128.529 237.166 131.701 237.166 135.688C237.166 138.635 236.646 141.148 235.606 143.228C234.566 145.308 233.214 146.903 231.55 148.012C229.921 149.087 228.17 149.624 226.298 149.624C225.189 149.624 224.114 149.399 223.074 148.948C222.034 148.463 221.064 147.787 220.162 146.92L220.422 151.028V158.568H212.778ZM224.53 143.384C225.848 143.384 226.974 142.777 227.91 141.564C228.846 140.351 229.314 138.427 229.314 135.792C229.314 131.147 227.824 128.824 224.842 128.824C223.352 128.824 221.878 129.604 220.422 131.164V141.72C221.116 142.344 221.809 142.777 222.502 143.02C223.196 143.263 223.872 143.384 224.53 143.384ZM250.335 149.624C247.527 149.624 245.482 148.705 244.199 146.868C242.951 144.996 242.327 142.448 242.327 139.224V123.208H249.971V138.236C249.971 140.073 250.231 141.356 250.751 142.084C251.271 142.777 252.086 143.124 253.195 143.124C254.166 143.124 254.98 142.899 255.639 142.448C256.298 141.997 257.008 141.269 257.771 140.264V123.208H265.415V149H259.175L258.603 145.412H258.447C257.372 146.695 256.194 147.717 254.911 148.48C253.628 149.243 252.103 149.624 250.335 149.624ZM282.074 149.624C278.884 149.624 276.596 148.705 275.21 146.868C273.858 145.031 273.182 142.621 273.182 139.64V129.188H269.646V123.52L273.598 123.208L274.482 116.344H280.826V123.208H287.014V129.188H280.826V139.536C280.826 140.992 281.12 142.049 281.71 142.708C282.334 143.332 283.148 143.644 284.154 143.644C284.57 143.644 284.986 143.592 285.402 143.488C285.852 143.384 286.251 143.263 286.598 143.124L287.794 148.688C287.135 148.896 286.32 149.104 285.35 149.312C284.414 149.52 283.322 149.624 282.074 149.624ZM317.226 149.624C314.383 149.624 311.766 148.965 309.374 147.648C306.982 146.331 305.058 144.389 303.602 141.824C302.181 139.224 301.47 136.035 301.47 132.256C301.47 128.512 302.198 125.323 303.654 122.688C305.145 120.019 307.103 117.991 309.53 116.604C311.991 115.183 314.643 114.472 317.486 114.472C319.67 114.472 321.629 114.923 323.362 115.824C325.095 116.691 326.534 117.713 327.678 118.892L323.622 123.78C322.755 122.983 321.837 122.341 320.866 121.856C319.93 121.336 318.855 121.076 317.642 121.076C316.117 121.076 314.713 121.509 313.43 122.376C312.182 123.243 311.177 124.491 310.414 126.12C309.686 127.749 309.322 129.708 309.322 131.996C309.322 135.463 310.067 138.167 311.558 140.108C313.049 142.049 315.042 143.02 317.538 143.02C318.925 143.02 320.155 142.708 321.23 142.084C322.339 141.46 323.31 140.715 324.142 139.848L328.198 144.632C325.355 147.96 321.698 149.624 317.226 149.624ZM343.8 149.624C341.616 149.624 339.553 149.104 337.612 148.064C335.705 146.989 334.162 145.447 332.984 143.436C331.805 141.391 331.216 138.947 331.216 136.104C331.216 133.227 331.805 130.783 332.984 128.772C334.162 126.761 335.705 125.236 337.612 124.196C339.553 123.121 341.616 122.584 343.8 122.584C345.984 122.584 348.029 123.121 349.936 124.196C351.842 125.236 353.385 126.761 354.564 128.772C355.742 130.783 356.332 133.227 356.332 136.104C356.332 138.947 355.742 141.391 354.564 143.436C353.385 145.447 351.842 146.989 349.936 148.064C348.029 149.104 345.984 149.624 343.8 149.624ZM343.8 143.436C345.36 143.436 346.538 142.777 347.336 141.46C348.133 140.108 348.532 138.323 348.532 136.104C348.532 133.851 348.133 132.065 347.336 130.748C346.538 129.431 345.36 128.772 343.8 128.772C342.205 128.772 341.009 129.431 340.212 130.748C339.449 132.065 339.068 133.851 339.068 136.104C339.068 138.323 339.449 140.108 340.212 141.46C341.009 142.777 342.205 143.436 343.8 143.436ZM361.568 149V123.208H367.808L368.328 126.536H368.536C369.61 125.461 370.754 124.543 371.968 123.78C373.181 122.983 374.637 122.584 376.336 122.584C378.173 122.584 379.646 122.965 380.756 123.728C381.9 124.456 382.801 125.513 383.46 126.9C384.604 125.721 385.817 124.716 387.1 123.884C388.382 123.017 389.873 122.584 391.572 122.584C394.345 122.584 396.373 123.52 397.656 125.392C398.973 127.229 399.632 129.76 399.632 132.984V149H391.988V133.972C391.988 132.1 391.728 130.817 391.208 130.124C390.722 129.431 389.925 129.084 388.816 129.084C387.533 129.084 386.06 129.916 384.396 131.58V149H376.752V133.972C376.752 132.1 376.492 130.817 375.972 130.124C375.486 129.431 374.689 129.084 373.58 129.084C372.297 129.084 370.841 129.916 369.212 131.58V149H361.568ZM406.153 158.568V123.208H412.393L412.913 125.756H413.121C414.127 124.855 415.253 124.109 416.501 123.52C417.784 122.896 419.101 122.584 420.453 122.584C423.573 122.584 426.035 123.78 427.837 126.172C429.64 128.529 430.541 131.701 430.541 135.688C430.541 138.635 430.021 141.148 428.981 143.228C427.941 145.308 426.589 146.903 424.925 148.012C423.296 149.087 421.545 149.624 419.673 149.624C418.564 149.624 417.489 149.399 416.449 148.948C415.409 148.463 414.439 147.787 413.537 146.92L413.797 151.028V158.568H406.153ZM417.905 143.384C419.223 143.384 420.349 142.777 421.285 141.564C422.221 140.351 422.689 138.427 422.689 135.792C422.689 131.147 421.199 128.824 418.217 128.824C416.727 128.824 415.253 129.604 413.797 131.164V141.72C414.491 142.344 415.184 142.777 415.877 143.02C416.571 143.263 417.247 143.384 417.905 143.384ZM447.038 149.624C444.854 149.624 442.791 149.104 440.85 148.064C438.943 146.989 437.401 145.447 436.222 143.436C435.043 141.391 434.454 138.947 434.454 136.104C434.454 133.227 435.043 130.783 436.222 128.772C437.401 126.761 438.943 125.236 440.85 124.196C442.791 123.121 444.854 122.584 447.038 122.584C449.222 122.584 451.267 123.121 453.174 124.196C455.081 125.236 456.623 126.761 457.802 128.772C458.981 130.783 459.57 133.227 459.57 136.104C459.57 138.947 458.981 141.391 457.802 143.436C456.623 145.447 455.081 146.989 453.174 148.064C451.267 149.104 449.222 149.624 447.038 149.624ZM447.038 143.436C448.598 143.436 449.777 142.777 450.574 141.46C451.371 140.108 451.77 138.323 451.77 136.104C451.77 133.851 451.371 132.065 450.574 130.748C449.777 129.431 448.598 128.772 447.038 128.772C445.443 128.772 444.247 129.431 443.45 130.748C442.687 132.065 442.306 133.851 442.306 136.104C442.306 138.323 442.687 140.108 443.45 141.46C444.247 142.777 445.443 143.436 447.038 143.436ZM464.806 149V123.208H471.046L471.566 126.484H471.774C472.883 125.444 474.096 124.543 475.414 123.78C476.766 122.983 478.308 122.584 480.042 122.584C482.85 122.584 484.878 123.52 486.126 125.392C487.408 127.229 488.05 129.76 488.05 132.984V149H480.406V133.972C480.406 132.1 480.146 130.817 479.626 130.124C479.14 129.431 478.343 129.084 477.234 129.084C476.263 129.084 475.431 129.309 474.738 129.76C474.044 130.176 473.282 130.783 472.45 131.58V149H464.806ZM506.108 149.624C503.646 149.624 501.428 149.087 499.452 148.012C497.476 146.937 495.916 145.395 494.772 143.384C493.628 141.373 493.056 138.947 493.056 136.104C493.056 133.296 493.628 130.887 494.772 128.876C495.95 126.865 497.476 125.323 499.348 124.248C501.22 123.139 503.178 122.584 505.224 122.584C507.685 122.584 509.713 123.139 511.308 124.248C512.937 125.323 514.15 126.796 514.948 128.668C515.78 130.505 516.196 132.603 516.196 134.96C516.196 135.619 516.161 136.277 516.092 136.936C516.022 137.56 515.953 138.028 515.884 138.34H500.44C500.786 140.212 501.566 141.599 502.78 142.5C503.993 143.367 505.449 143.8 507.148 143.8C508.985 143.8 510.84 143.228 512.712 142.084L515.26 146.712C513.942 147.613 512.469 148.324 510.84 148.844C509.21 149.364 507.633 149.624 506.108 149.624ZM500.388 133.296H509.696C509.696 131.875 509.349 130.713 508.656 129.812C507.997 128.876 506.905 128.408 505.38 128.408C504.201 128.408 503.144 128.824 502.208 129.656C501.272 130.453 500.665 131.667 500.388 133.296ZM521.478 149V123.208H527.718L528.238 126.484H528.446C529.555 125.444 530.768 124.543 532.086 123.78C533.438 122.983 534.98 122.584 536.714 122.584C539.522 122.584 541.55 123.52 542.798 125.392C544.08 127.229 544.722 129.76 544.722 132.984V149H537.078V133.972C537.078 132.1 536.818 130.817 536.298 130.124C535.812 129.431 535.015 129.084 533.906 129.084C532.935 129.084 532.103 129.309 531.41 129.76C530.716 130.176 529.954 130.783 529.122 131.58V149H521.478ZM561.167 149.624C557.978 149.624 555.69 148.705 554.303 146.868C552.951 145.031 552.275 142.621 552.275 139.64V129.188H548.739V123.52L552.691 123.208L553.575 116.344H559.919V123.208H566.107V129.188H559.919V139.536C559.919 140.992 560.214 142.049 560.803 142.708C561.427 143.332 562.242 143.644 563.247 143.644C563.663 143.644 564.079 143.592 564.495 143.488C564.946 143.384 565.345 143.263 565.691 143.124L566.887 148.688C566.229 148.896 565.414 149.104 564.443 149.312C563.507 149.52 562.415 149.624 561.167 149.624ZM578.226 149.624C576.527 149.624 574.777 149.295 572.974 148.636C571.206 147.977 569.663 147.111 568.346 146.036L571.778 141.252C572.957 142.119 574.083 142.795 575.158 143.28C576.267 143.731 577.359 143.956 578.434 143.956C579.578 143.956 580.41 143.765 580.93 143.384C581.45 142.968 581.71 142.431 581.71 141.772C581.71 141.183 581.45 140.697 580.93 140.316C580.445 139.935 579.803 139.588 579.006 139.276C578.209 138.929 577.359 138.583 576.458 138.236C575.418 137.82 574.378 137.3 573.338 136.676C572.333 136.052 571.483 135.255 570.79 134.284C570.097 133.279 569.75 132.065 569.75 130.644C569.75 128.252 570.651 126.311 572.454 124.82C574.291 123.329 576.683 122.584 579.63 122.584C581.606 122.584 583.339 122.931 584.83 123.624C586.355 124.283 587.655 125.028 588.73 125.86L585.298 130.436C584.397 129.743 583.495 129.205 582.594 128.824C581.693 128.443 580.791 128.252 579.89 128.252C577.914 128.252 576.926 128.928 576.926 130.28C576.926 131.112 577.411 131.753 578.382 132.204C579.387 132.62 580.549 133.071 581.866 133.556C582.975 133.937 584.05 134.44 585.09 135.064C586.165 135.653 587.049 136.451 587.742 137.456C588.47 138.427 588.834 139.709 588.834 141.304C588.834 143.627 587.933 145.603 586.13 147.232C584.327 148.827 581.693 149.624 578.226 149.624Z" fill="#5B5B5B" />
+    <path d="M1223 149V115.096H1234.65C1237.15 115.096 1239.4 115.443 1241.41 116.136C1243.46 116.795 1245.09 117.921 1246.3 119.516C1247.51 121.111 1248.12 123.277 1248.12 126.016C1248.12 128.651 1247.51 130.817 1246.3 132.516C1245.09 134.215 1243.47 135.48 1241.46 136.312C1239.45 137.109 1237.25 137.508 1234.86 137.508H1230.65V149H1223ZM1230.65 131.424H1234.39C1238.55 131.424 1240.63 129.621 1240.63 126.016C1240.63 124.248 1240.08 123 1238.97 122.272C1237.86 121.544 1236.26 121.18 1234.18 121.18H1230.65V131.424ZM1258.08 149.624C1255.72 149.624 1253.85 148.879 1252.46 147.388C1251.08 145.863 1250.38 144.008 1250.38 141.824C1250.38 139.12 1251.53 137.005 1253.82 135.48C1256.1 133.955 1259.8 132.932 1264.89 132.412C1264.82 131.268 1264.48 130.367 1263.85 129.708C1263.26 129.015 1262.26 128.668 1260.84 128.668C1259.76 128.668 1258.67 128.876 1257.56 129.292C1256.45 129.708 1255.27 130.28 1254.02 131.008L1251.27 125.964C1252.9 124.959 1254.63 124.144 1256.47 123.52C1258.34 122.896 1260.28 122.584 1262.29 122.584C1265.58 122.584 1268.12 123.537 1269.88 125.444C1271.65 127.351 1272.54 130.28 1272.54 134.232V149H1266.3L1265.78 146.348H1265.57C1264.49 147.319 1263.33 148.116 1262.08 148.74C1260.87 149.329 1259.54 149.624 1258.08 149.624ZM1260.68 143.696C1261.55 143.696 1262.29 143.505 1262.92 143.124C1263.57 142.708 1264.23 142.171 1264.89 141.512V136.988C1262.19 137.335 1260.32 137.889 1259.28 138.652C1258.24 139.38 1257.72 140.247 1257.72 141.252C1257.72 142.084 1257.98 142.708 1258.5 143.124C1259.05 143.505 1259.78 143.696 1260.68 143.696ZM1279 149V123.208H1285.24L1285.76 127.732H1285.97C1286.91 125.999 1288.03 124.716 1289.35 123.884C1290.67 123.017 1291.98 122.584 1293.3 122.584C1294.03 122.584 1294.64 122.636 1295.12 122.74C1295.61 122.809 1296.02 122.931 1296.37 123.104L1295.12 129.708C1294.67 129.569 1294.22 129.465 1293.77 129.396C1293.35 129.327 1292.87 129.292 1292.31 129.292C1291.34 129.292 1290.32 129.656 1289.25 130.384C1288.21 131.077 1287.34 132.291 1286.65 134.024V149H1279ZM1304.75 149.624C1302.39 149.624 1300.52 148.879 1299.13 147.388C1297.74 145.863 1297.05 144.008 1297.05 141.824C1297.05 139.12 1298.2 137.005 1300.48 135.48C1302.77 133.955 1306.46 132.932 1311.56 132.412C1311.49 131.268 1311.14 130.367 1310.52 129.708C1309.93 129.015 1308.92 128.668 1307.5 128.668C1306.43 128.668 1305.34 128.876 1304.23 129.292C1303.12 129.708 1301.94 130.28 1300.69 131.008L1297.94 125.964C1299.56 124.959 1301.3 124.144 1303.14 123.52C1305.01 122.896 1306.95 122.584 1308.96 122.584C1312.25 122.584 1314.78 123.537 1316.55 125.444C1318.32 127.351 1319.2 130.28 1319.2 134.232V149H1312.96L1312.44 146.348H1312.24C1311.16 147.319 1310 148.116 1308.75 148.74C1307.54 149.329 1306.2 149.624 1304.75 149.624ZM1307.35 143.696C1308.21 143.696 1308.96 143.505 1309.58 143.124C1310.24 142.708 1310.9 142.171 1311.56 141.512V136.988C1308.86 137.335 1306.98 137.889 1305.94 138.652C1304.9 139.38 1304.38 140.247 1304.38 141.252C1304.38 142.084 1304.64 142.708 1305.16 143.124C1305.72 143.505 1306.45 143.696 1307.35 143.696ZM1325.67 149V123.208H1331.91L1332.43 126.536H1332.64C1333.71 125.461 1334.86 124.543 1336.07 123.78C1337.28 122.983 1338.74 122.584 1340.44 122.584C1342.27 122.584 1343.75 122.965 1344.86 123.728C1346 124.456 1346.9 125.513 1347.56 126.9C1348.71 125.721 1349.92 124.716 1351.2 123.884C1352.48 123.017 1353.97 122.584 1355.67 122.584C1358.45 122.584 1360.47 123.52 1361.76 125.392C1363.07 127.229 1363.73 129.76 1363.73 132.984V149H1356.09V133.972C1356.09 132.1 1355.83 130.817 1355.31 130.124C1354.82 129.431 1354.03 129.084 1352.92 129.084C1351.63 129.084 1350.16 129.916 1348.5 131.58V149H1340.85V133.972C1340.85 132.1 1340.59 130.817 1340.07 130.124C1339.59 129.431 1338.79 129.084 1337.68 129.084C1336.4 129.084 1334.94 129.916 1333.31 131.58V149H1325.67ZM1381.8 149.624C1379.34 149.624 1377.12 149.087 1375.14 148.012C1373.17 146.937 1371.61 145.395 1370.46 143.384C1369.32 141.373 1368.75 138.947 1368.75 136.104C1368.75 133.296 1369.32 130.887 1370.46 128.876C1371.64 126.865 1373.17 125.323 1375.04 124.248C1376.91 123.139 1378.87 122.584 1380.92 122.584C1383.38 122.584 1385.4 123.139 1387 124.248C1388.63 125.323 1389.84 126.796 1390.64 128.668C1391.47 130.505 1391.89 132.603 1391.89 134.96C1391.89 135.619 1391.85 136.277 1391.78 136.936C1391.71 137.56 1391.64 138.028 1391.58 138.34H1376.13C1376.48 140.212 1377.26 141.599 1378.47 142.5C1379.68 143.367 1381.14 143.8 1382.84 143.8C1384.68 143.8 1386.53 143.228 1388.4 142.084L1390.95 146.712C1389.63 147.613 1388.16 148.324 1386.53 148.844C1384.9 149.364 1383.32 149.624 1381.8 149.624ZM1376.08 133.296H1385.39C1385.39 131.875 1385.04 130.713 1384.35 129.812C1383.69 128.876 1382.6 128.408 1381.07 128.408C1379.89 128.408 1378.84 128.824 1377.9 129.656C1376.96 130.453 1376.36 131.667 1376.08 133.296ZM1406.59 149.624C1403.4 149.624 1401.12 148.705 1399.73 146.868C1398.38 145.031 1397.7 142.621 1397.7 139.64V129.188H1394.17V123.52L1398.12 123.208L1399 116.344H1405.35V123.208H1411.53V129.188H1405.35V139.536C1405.35 140.992 1405.64 142.049 1406.23 142.708C1406.85 143.332 1407.67 143.644 1408.67 143.644C1409.09 143.644 1409.51 143.592 1409.92 143.488C1410.37 143.384 1410.77 143.263 1411.12 143.124L1412.31 148.688C1411.65 148.896 1410.84 149.104 1409.87 149.312C1408.93 149.52 1407.84 149.624 1406.59 149.624ZM1427.2 149.624C1424.74 149.624 1422.52 149.087 1420.54 148.012C1418.57 146.937 1417.01 145.395 1415.86 143.384C1414.72 141.373 1414.15 138.947 1414.15 136.104C1414.15 133.296 1414.72 130.887 1415.86 128.876C1417.04 126.865 1418.57 125.323 1420.44 124.248C1422.31 123.139 1424.27 122.584 1426.31 122.584C1428.77 122.584 1430.8 123.139 1432.4 124.248C1434.03 125.323 1435.24 126.796 1436.04 128.668C1436.87 130.505 1437.29 132.603 1437.29 134.96C1437.29 135.619 1437.25 136.277 1437.18 136.936C1437.11 137.56 1437.04 138.028 1436.97 138.34H1421.53C1421.88 140.212 1422.66 141.599 1423.87 142.5C1425.08 143.367 1426.54 143.8 1428.24 143.8C1430.07 143.8 1431.93 143.228 1433.8 142.084L1436.35 146.712C1435.03 147.613 1433.56 148.324 1431.93 148.844C1430.3 149.364 1428.72 149.624 1427.2 149.624ZM1421.48 133.296H1430.79C1430.79 131.875 1430.44 130.713 1429.75 129.812C1429.09 128.876 1427.99 128.408 1426.47 128.408C1425.29 128.408 1424.23 128.824 1423.3 129.656C1422.36 130.453 1421.75 131.667 1421.48 133.296ZM1442.57 149V123.208H1448.81L1449.33 127.732H1449.54C1450.47 125.999 1451.6 124.716 1452.92 123.884C1454.23 123.017 1455.55 122.584 1456.87 122.584C1457.6 122.584 1458.2 122.636 1458.69 122.74C1459.17 122.809 1459.59 122.931 1459.94 123.104L1458.69 129.708C1458.24 129.569 1457.79 129.465 1457.34 129.396C1456.92 129.327 1456.43 129.292 1455.88 129.292C1454.91 129.292 1453.89 129.656 1452.81 130.384C1451.77 131.077 1450.9 132.291 1450.21 134.024V149H1442.57ZM1470.47 149.624C1468.77 149.624 1467.02 149.295 1465.22 148.636C1463.45 147.977 1461.91 147.111 1460.59 146.036L1464.02 141.252C1465.2 142.119 1466.33 142.795 1467.4 143.28C1468.51 143.731 1469.61 143.956 1470.68 143.956C1471.82 143.956 1472.66 143.765 1473.18 143.384C1473.7 142.968 1473.96 142.431 1473.96 141.772C1473.96 141.183 1473.7 140.697 1473.18 140.316C1472.69 139.935 1472.05 139.588 1471.25 139.276C1470.45 138.929 1469.61 138.583 1468.7 138.236C1467.66 137.82 1466.62 137.3 1465.58 136.676C1464.58 136.052 1463.73 135.255 1463.04 134.284C1462.34 133.279 1462 132.065 1462 130.644C1462 128.252 1462.9 126.311 1464.7 124.82C1466.54 123.329 1468.93 122.584 1471.88 122.584C1473.85 122.584 1475.59 122.931 1477.08 123.624C1478.6 124.283 1479.9 125.028 1480.98 125.86L1477.54 130.436C1476.64 129.743 1475.74 129.205 1474.84 128.824C1473.94 128.443 1473.04 128.252 1472.14 128.252C1470.16 128.252 1469.17 128.928 1469.17 130.28C1469.17 131.112 1469.66 131.753 1470.63 132.204C1471.63 132.62 1472.79 133.071 1474.11 133.556C1475.22 133.937 1476.3 134.44 1477.34 135.064C1478.41 135.653 1479.29 136.451 1479.99 137.456C1480.72 138.427 1481.08 139.709 1481.08 141.304C1481.08 143.627 1480.18 145.603 1478.38 147.232C1476.57 148.827 1473.94 149.624 1470.47 149.624Z" fill="#5B5B5B" />
+    <path d="M2665 149V115.096H2677.22C2679.62 115.096 2681.8 115.425 2683.78 116.084C2685.75 116.708 2687.33 117.783 2688.51 119.308C2689.69 120.833 2690.28 122.948 2690.28 125.652C2690.28 128.148 2689.72 130.211 2688.61 131.84C2687.54 133.435 2686.08 134.631 2684.24 135.428L2691.94 149H2683.36L2676.86 136.78H2672.65V149H2665ZM2672.65 130.696H2676.6C2678.61 130.696 2680.14 130.28 2681.18 129.448C2682.25 128.581 2682.79 127.316 2682.79 125.652C2682.79 123.988 2682.25 122.827 2681.18 122.168C2680.14 121.509 2678.61 121.18 2676.6 121.18H2672.65V130.696ZM2707.31 149.624C2704.85 149.624 2702.63 149.087 2700.65 148.012C2698.67 146.937 2697.11 145.395 2695.97 143.384C2694.83 141.373 2694.25 138.947 2694.25 136.104C2694.25 133.296 2694.83 130.887 2695.97 128.876C2697.15 126.865 2698.67 125.323 2700.55 124.248C2702.42 123.139 2704.38 122.584 2706.42 122.584C2708.88 122.584 2710.91 123.139 2712.51 124.248C2714.14 125.323 2715.35 126.796 2716.15 128.668C2716.98 130.505 2717.39 132.603 2717.39 134.96C2717.39 135.619 2717.36 136.277 2717.29 136.936C2717.22 137.56 2717.15 138.028 2717.08 138.34H2701.64C2701.99 140.212 2702.77 141.599 2703.98 142.5C2705.19 143.367 2706.65 143.8 2708.35 143.8C2710.18 143.8 2712.04 143.228 2713.91 142.084L2716.46 146.712C2715.14 147.613 2713.67 148.324 2712.04 148.844C2710.41 149.364 2708.83 149.624 2707.31 149.624ZM2701.59 133.296H2710.89C2710.89 131.875 2710.55 130.713 2709.85 129.812C2709.2 128.876 2708.1 128.408 2706.58 128.408C2705.4 128.408 2704.34 128.824 2703.41 129.656C2702.47 130.453 2701.86 131.667 2701.59 133.296ZM2732.1 149.624C2728.91 149.624 2726.62 148.705 2725.24 146.868C2723.89 145.031 2723.21 142.621 2723.21 139.64V129.188H2719.67V123.52L2723.63 123.208L2724.51 116.344H2730.85V123.208H2737.04V129.188H2730.85V139.536C2730.85 140.992 2731.15 142.049 2731.74 142.708C2732.36 143.332 2733.18 143.644 2734.18 143.644C2734.6 143.644 2735.01 143.592 2735.43 143.488C2735.88 143.384 2736.28 143.263 2736.63 143.124L2737.82 148.688C2737.16 148.896 2736.35 149.104 2735.38 149.312C2734.44 149.52 2733.35 149.624 2732.1 149.624ZM2749.82 149.624C2747.02 149.624 2744.97 148.705 2743.69 146.868C2742.44 144.996 2741.82 142.448 2741.82 139.224V123.208H2749.46V138.236C2749.46 140.073 2749.72 141.356 2750.24 142.084C2750.76 142.777 2751.57 143.124 2752.68 143.124C2753.65 143.124 2754.47 142.899 2755.13 142.448C2755.79 141.997 2756.5 141.269 2757.26 140.264V123.208H2764.9V149H2758.66L2758.09 145.412H2757.94C2756.86 146.695 2755.68 147.717 2754.4 148.48C2753.12 149.243 2751.59 149.624 2749.82 149.624ZM2771.63 149V123.208H2777.87L2778.39 127.732H2778.6C2779.53 125.999 2780.66 124.716 2781.98 123.884C2783.3 123.017 2784.61 122.584 2785.93 122.584C2786.66 122.584 2787.26 122.636 2787.75 122.74C2788.24 122.809 2788.65 122.931 2789 123.104L2787.75 129.708C2787.3 129.569 2786.85 129.465 2786.4 129.396C2785.98 129.327 2785.5 129.292 2784.94 129.292C2783.97 129.292 2782.95 129.656 2781.87 130.384C2780.83 131.077 2779.97 132.291 2779.27 134.024V149H2771.63ZM2792.35 149V123.208H2798.59L2799.11 126.484H2799.32C2800.43 125.444 2801.64 124.543 2802.96 123.78C2804.31 122.983 2805.85 122.584 2807.58 122.584C2810.39 122.584 2812.42 123.52 2813.67 125.392C2814.95 127.229 2815.59 129.76 2815.59 132.984V149H2807.95V133.972C2807.95 132.1 2807.69 130.817 2807.17 130.124C2806.68 129.431 2805.89 129.084 2804.78 129.084C2803.81 129.084 2802.97 129.309 2802.28 129.76C2801.59 130.176 2800.82 130.783 2799.99 131.58V149H2792.35ZM2839.02 149L2828.77 115.096H2836.88L2840.94 130.904C2841.46 132.741 2841.91 134.544 2842.29 136.312C2842.71 138.08 2843.18 139.9 2843.7 141.772H2843.9C2844.39 139.9 2844.84 138.08 2845.26 136.312C2845.67 134.544 2846.12 132.741 2846.61 130.904L2850.61 115.096H2858.41L2848.22 149H2839.02ZM2866.08 149.624C2863.73 149.624 2861.85 148.879 2860.47 147.388C2859.08 145.863 2858.39 144.008 2858.39 141.824C2858.39 139.12 2859.53 137.005 2861.82 135.48C2864.11 133.955 2867.8 132.932 2872.9 132.412C2872.83 131.268 2872.48 130.367 2871.86 129.708C2871.27 129.015 2870.26 128.668 2868.84 128.668C2867.76 128.668 2866.67 128.876 2865.56 129.292C2864.45 129.708 2863.28 130.28 2862.03 131.008L2859.27 125.964C2860.9 124.959 2862.63 124.144 2864.47 123.52C2866.34 122.896 2868.28 122.584 2870.3 122.584C2873.59 122.584 2876.12 123.537 2877.89 125.444C2879.66 127.351 2880.54 130.28 2880.54 134.232V149H2874.3L2873.78 146.348H2873.57C2872.5 147.319 2871.34 148.116 2870.09 148.74C2868.87 149.329 2867.54 149.624 2866.08 149.624ZM2868.68 143.696C2869.55 143.696 2870.3 143.505 2870.92 143.124C2871.58 142.708 2872.24 142.171 2872.9 141.512V136.988C2870.19 137.335 2868.32 137.889 2867.28 138.652C2866.24 139.38 2865.72 140.247 2865.72 141.252C2865.72 142.084 2865.98 142.708 2866.5 143.124C2867.05 143.505 2867.78 143.696 2868.68 143.696ZM2894.03 149.624C2891.39 149.624 2889.55 148.844 2888.51 147.284C2887.51 145.689 2887.01 143.592 2887.01 140.992V112.548H2894.65V141.304C2894.65 142.101 2894.79 142.656 2895.07 142.968C2895.38 143.28 2895.69 143.436 2896 143.436C2896.17 143.436 2896.31 143.436 2896.42 143.436C2896.56 143.401 2896.73 143.367 2896.94 143.332L2897.87 149C2897.46 149.173 2896.92 149.312 2896.26 149.416C2895.64 149.555 2894.89 149.624 2894.03 149.624ZM2909.63 149.624C2906.82 149.624 2904.78 148.705 2903.5 146.868C2902.25 144.996 2901.62 142.448 2901.62 139.224V123.208H2909.27V138.236C2909.27 140.073 2909.53 141.356 2910.05 142.084C2910.57 142.777 2911.38 143.124 2912.49 143.124C2913.46 143.124 2914.28 142.899 2914.94 142.448C2915.59 141.997 2916.31 141.269 2917.07 140.264V123.208H2924.71V149H2918.47L2917.9 145.412H2917.74C2916.67 146.695 2915.49 147.717 2914.21 148.48C2912.93 149.243 2911.4 149.624 2909.63 149.624ZM2942.98 149.624C2940.52 149.624 2938.3 149.087 2936.33 148.012C2934.35 146.937 2932.79 145.395 2931.65 143.384C2930.5 141.373 2929.93 138.947 2929.93 136.104C2929.93 133.296 2930.5 130.887 2931.65 128.876C2932.83 126.865 2934.35 125.323 2936.22 124.248C2938.09 123.139 2940.05 122.584 2942.1 122.584C2944.56 122.584 2946.59 123.139 2948.18 124.248C2949.81 125.323 2951.03 126.796 2951.82 128.668C2952.65 130.505 2953.07 132.603 2953.07 134.96C2953.07 135.619 2953.04 136.277 2952.97 136.936C2952.9 137.56 2952.83 138.028 2952.76 138.34H2937.31C2937.66 140.212 2938.44 141.599 2939.65 142.5C2940.87 143.367 2942.32 143.8 2944.02 143.8C2945.86 143.8 2947.71 143.228 2949.59 142.084L2952.13 146.712C2950.82 147.613 2949.34 148.324 2947.71 148.844C2946.09 149.364 2944.51 149.624 2942.98 149.624ZM2937.26 133.296H2946.57C2946.57 131.875 2946.22 130.713 2945.53 129.812C2944.87 128.876 2943.78 128.408 2942.25 128.408C2941.08 128.408 2940.02 128.824 2939.08 129.656C2938.15 130.453 2937.54 131.667 2937.26 133.296ZM2965.58 158.308C2963.4 154.737 2961.7 151.028 2960.48 147.18C2959.31 143.332 2958.72 139.12 2958.72 134.544C2958.72 129.968 2959.31 125.756 2960.48 121.908C2961.7 118.06 2963.4 114.351 2965.58 110.78L2970.36 112.756C2968.46 116.119 2967.07 119.672 2966.2 123.416C2965.34 127.125 2964.9 130.835 2964.9 134.544C2964.9 138.219 2965.34 141.928 2966.2 145.672C2967.07 149.381 2968.46 152.935 2970.36 156.332L2965.58 158.308ZM2983.82 149.624C2982.12 149.624 2980.37 149.295 2978.57 148.636C2976.8 147.977 2975.26 147.111 2973.94 146.036L2977.37 141.252C2978.55 142.119 2979.68 142.795 2980.75 143.28C2981.86 143.731 2982.95 143.956 2984.03 143.956C2985.17 143.956 2986 143.765 2986.52 143.384C2987.04 142.968 2987.3 142.431 2987.3 141.772C2987.3 141.183 2987.04 140.697 2986.52 140.316C2986.04 139.935 2985.4 139.588 2984.6 139.276C2983.8 138.929 2982.95 138.583 2982.05 138.236C2981.01 137.82 2979.97 137.3 2978.93 136.676C2977.93 136.052 2977.08 135.255 2976.38 134.284C2975.69 133.279 2975.34 132.065 2975.34 130.644C2975.34 128.252 2976.24 126.311 2978.05 124.82C2979.88 123.329 2982.28 122.584 2985.22 122.584C2987.2 122.584 2988.93 122.931 2990.42 123.624C2991.95 124.283 2993.25 125.028 2994.32 125.86L2990.89 130.436C2989.99 129.743 2989.09 129.205 2988.19 128.824C2987.29 128.443 2986.38 128.252 2985.48 128.252C2983.51 128.252 2982.52 128.928 2982.52 130.28C2982.52 131.112 2983 131.753 2983.98 132.204C2984.98 132.62 2986.14 133.071 2987.46 133.556C2988.57 133.937 2989.64 134.44 2990.68 135.064C2991.76 135.653 2992.64 136.451 2993.34 137.456C2994.06 138.427 2994.43 139.709 2994.43 141.304C2994.43 143.627 2993.53 145.603 2991.72 147.232C2989.92 148.827 2987.29 149.624 2983.82 149.624ZM3003.18 158.308L2998.4 156.332C3000.34 152.935 3001.74 149.381 3002.61 145.672C3003.48 141.928 3003.91 138.219 3003.91 134.544C3003.91 130.835 3003.48 127.125 3002.61 123.416C3001.74 119.672 3000.34 116.119 2998.4 112.756L3003.18 110.78C3005.37 114.351 3007.05 118.06 3008.23 121.908C3009.44 125.756 3010.05 129.968 3010.05 134.544C3010.05 139.12 3009.44 143.332 3008.23 147.18C3007.05 151.028 3005.37 154.737 3003.18 158.308Z" fill="#5B5B5B" />
+    <path d="M3608.78 149.624C3605.73 149.624 3603.05 148.913 3600.72 147.492C3598.44 146.071 3596.63 144.043 3595.32 141.408C3594.03 138.739 3593.39 135.567 3593.39 131.892C3593.39 128.183 3594.03 125.045 3595.32 122.48C3596.63 119.88 3598.44 117.904 3600.72 116.552C3603.05 115.165 3605.73 114.472 3608.78 114.472C3611.83 114.472 3614.5 115.165 3616.79 116.552C3619.11 117.904 3620.92 119.88 3622.2 122.48C3623.52 125.08 3624.18 128.217 3624.18 131.892C3624.18 135.567 3623.52 138.739 3622.2 141.408C3620.92 144.043 3619.11 146.071 3616.79 147.492C3614.5 148.913 3611.83 149.624 3608.78 149.624ZM3608.78 143.02C3611.11 143.02 3612.94 142.015 3614.3 140.004C3615.65 137.993 3616.32 135.289 3616.32 131.892C3616.32 128.495 3615.65 125.843 3614.3 123.936C3612.94 122.029 3611.11 121.076 3608.78 121.076C3606.46 121.076 3604.62 122.029 3603.27 123.936C3601.92 125.843 3601.24 128.495 3601.24 131.892C3601.24 135.289 3601.92 137.993 3603.27 140.004C3604.62 142.015 3606.46 143.02 3608.78 143.02ZM3637.67 149.624C3634.87 149.624 3632.82 148.705 3631.54 146.868C3630.29 144.996 3629.67 142.448 3629.67 139.224V123.208H3637.31V138.236C3637.31 140.073 3637.57 141.356 3638.09 142.084C3638.61 142.777 3639.43 143.124 3640.53 143.124C3641.51 143.124 3642.32 142.899 3642.98 142.448C3643.64 141.997 3644.35 141.269 3645.11 140.264V123.208H3652.75V149H3646.51L3645.94 145.412H3645.79C3644.71 146.695 3643.53 147.717 3642.25 148.48C3640.97 149.243 3639.44 149.624 3637.67 149.624ZM3669.41 149.624C3666.22 149.624 3663.94 148.705 3662.55 146.868C3661.2 145.031 3660.52 142.621 3660.52 139.64V129.188H3656.99V123.52L3660.94 123.208L3661.82 116.344H3668.17V123.208H3674.35V129.188H3668.17V139.536C3668.17 140.992 3668.46 142.049 3669.05 142.708C3669.67 143.332 3670.49 143.644 3671.49 143.644C3671.91 143.644 3672.33 143.592 3672.74 143.488C3673.19 143.384 3673.59 143.263 3673.94 143.124L3675.13 148.688C3674.47 148.896 3673.66 149.104 3672.69 149.312C3671.75 149.52 3670.66 149.624 3669.41 149.624ZM3679.39 158.568V123.208H3685.63L3686.15 125.756H3686.36C3687.36 124.855 3688.49 124.109 3689.74 123.52C3691.02 122.896 3692.34 122.584 3693.69 122.584C3696.81 122.584 3699.27 123.78 3701.07 126.172C3702.87 128.529 3703.78 131.701 3703.78 135.688C3703.78 138.635 3703.26 141.148 3702.22 143.228C3701.18 145.308 3699.82 146.903 3698.16 148.012C3696.53 149.087 3694.78 149.624 3692.91 149.624C3691.8 149.624 3690.72 149.399 3689.68 148.948C3688.64 148.463 3687.67 147.787 3686.77 146.92L3687.03 151.028V158.568H3679.39ZM3691.14 143.384C3692.46 143.384 3693.58 142.777 3694.52 141.564C3695.46 140.351 3695.92 138.427 3695.92 135.792C3695.92 131.147 3694.43 128.824 3691.45 128.824C3689.96 128.824 3688.49 129.604 3687.03 131.164V141.72C3687.73 142.344 3688.42 142.777 3689.11 143.02C3689.81 143.263 3690.48 143.384 3691.14 143.384ZM3716.94 149.624C3714.14 149.624 3712.09 148.705 3710.81 146.868C3709.56 144.996 3708.94 142.448 3708.94 139.224V123.208H3716.58V138.236C3716.58 140.073 3716.84 141.356 3717.36 142.084C3717.88 142.777 3718.7 143.124 3719.8 143.124C3720.78 143.124 3721.59 142.899 3722.25 142.448C3722.91 141.997 3723.62 141.269 3724.38 140.264V123.208H3732.02V149H3725.78L3725.21 145.412H3725.06C3723.98 146.695 3722.8 147.717 3721.52 148.48C3720.24 149.243 3718.71 149.624 3716.94 149.624ZM3748.68 149.624C3745.49 149.624 3743.21 148.705 3741.82 146.868C3740.47 145.031 3739.79 142.621 3739.79 139.64V129.188H3736.26V123.52L3740.21 123.208L3741.09 116.344H3747.44V123.208H3753.62V129.188H3747.44V139.536C3747.44 140.992 3747.73 142.049 3748.32 142.708C3748.94 143.332 3749.76 143.644 3750.76 143.644C3751.18 143.644 3751.6 143.592 3752.01 143.488C3752.46 143.384 3752.86 143.263 3753.21 143.124L3754.4 148.688C3753.74 148.896 3752.93 149.104 3751.96 149.312C3751.02 149.52 3749.93 149.624 3748.68 149.624ZM3783.84 149.624C3780.99 149.624 3778.38 148.965 3775.98 147.648C3773.59 146.331 3771.67 144.389 3770.21 141.824C3768.79 139.224 3768.08 136.035 3768.08 132.256C3768.08 128.512 3768.81 125.323 3770.26 122.688C3771.75 120.019 3773.71 117.991 3776.14 116.604C3778.6 115.183 3781.25 114.472 3784.1 114.472C3786.28 114.472 3788.24 114.923 3789.97 115.824C3791.7 116.691 3793.14 117.713 3794.29 118.892L3790.23 123.78C3789.36 122.983 3788.45 122.341 3787.48 121.856C3786.54 121.336 3785.46 121.076 3784.25 121.076C3782.73 121.076 3781.32 121.509 3780.04 122.376C3778.79 123.243 3777.79 124.491 3777.02 126.12C3776.3 127.749 3775.93 129.708 3775.93 131.996C3775.93 135.463 3776.68 138.167 3778.17 140.108C3779.66 142.049 3781.65 143.02 3784.15 143.02C3785.53 143.02 3786.76 142.708 3787.84 142.084C3788.95 141.46 3789.92 140.715 3790.75 139.848L3794.81 144.632C3791.96 147.96 3788.31 149.624 3783.84 149.624ZM3810.41 149.624C3808.23 149.624 3806.16 149.104 3804.22 148.064C3802.31 146.989 3800.77 145.447 3799.59 143.436C3798.41 141.391 3797.83 138.947 3797.83 136.104C3797.83 133.227 3798.41 130.783 3799.59 128.772C3800.77 126.761 3802.31 125.236 3804.22 124.196C3806.16 123.121 3808.23 122.584 3810.41 122.584C3812.59 122.584 3814.64 123.121 3816.55 124.196C3818.45 125.236 3819.99 126.761 3821.17 128.772C3822.35 130.783 3822.94 133.227 3822.94 136.104C3822.94 138.947 3822.35 141.391 3821.17 143.436C3819.99 145.447 3818.45 146.989 3816.55 148.064C3814.64 149.104 3812.59 149.624 3810.41 149.624ZM3810.41 143.436C3811.97 143.436 3813.15 142.777 3813.95 141.46C3814.74 140.108 3815.14 138.323 3815.14 136.104C3815.14 133.851 3814.74 132.065 3813.95 130.748C3813.15 129.431 3811.97 128.772 3810.41 128.772C3808.81 128.772 3807.62 129.431 3806.82 130.748C3806.06 132.065 3805.68 133.851 3805.68 136.104C3805.68 138.323 3806.06 140.108 3806.82 141.46C3807.62 142.777 3808.81 143.436 3810.41 143.436ZM3828.18 149V123.208H3834.42L3834.94 126.536H3835.14C3836.22 125.461 3837.36 124.543 3838.58 123.78C3839.79 122.983 3841.25 122.584 3842.94 122.584C3844.78 122.584 3846.26 122.965 3847.36 123.728C3848.51 124.456 3849.41 125.513 3850.07 126.9C3851.21 125.721 3852.43 124.716 3853.71 123.884C3854.99 123.017 3856.48 122.584 3858.18 122.584C3860.95 122.584 3862.98 123.52 3864.26 125.392C3865.58 127.229 3866.24 129.76 3866.24 132.984V149H3858.6V133.972C3858.6 132.1 3858.34 130.817 3857.82 130.124C3857.33 129.431 3856.53 129.084 3855.42 129.084C3854.14 129.084 3852.67 129.916 3851 131.58V149H3843.36V133.972C3843.36 132.1 3843.1 130.817 3842.58 130.124C3842.1 129.431 3841.3 129.084 3840.19 129.084C3838.91 129.084 3837.45 129.916 3835.82 131.58V149H3828.18ZM3872.76 158.568V123.208H3879L3879.52 125.756H3879.73C3880.74 124.855 3881.86 124.109 3883.11 123.52C3884.39 122.896 3885.71 122.584 3887.06 122.584C3890.18 122.584 3892.64 123.78 3894.45 126.172C3896.25 128.529 3897.15 131.701 3897.15 135.688C3897.15 138.635 3896.63 141.148 3895.59 143.228C3894.55 145.308 3893.2 146.903 3891.53 148.012C3889.91 149.087 3888.15 149.624 3886.28 149.624C3885.17 149.624 3884.1 149.399 3883.06 148.948C3882.02 148.463 3881.05 147.787 3880.15 146.92L3880.41 151.028V158.568H3872.76ZM3884.51 143.384C3885.83 143.384 3886.96 142.777 3887.89 141.564C3888.83 140.351 3889.3 138.427 3889.3 135.792C3889.3 131.147 3887.81 128.824 3884.83 128.824C3883.34 128.824 3881.86 129.604 3880.41 131.164V141.72C3881.1 142.344 3881.79 142.777 3882.49 143.02C3883.18 143.263 3883.86 143.384 3884.51 143.384ZM3913.65 149.624C3911.46 149.624 3909.4 149.104 3907.46 148.064C3905.55 146.989 3904.01 145.447 3902.83 143.436C3901.65 141.391 3901.06 138.947 3901.06 136.104C3901.06 133.227 3901.65 130.783 3902.83 128.772C3904.01 126.761 3905.55 125.236 3907.46 124.196C3909.4 123.121 3911.46 122.584 3913.65 122.584C3915.83 122.584 3917.88 123.121 3919.78 124.196C3921.69 125.236 3923.23 126.761 3924.41 128.772C3925.59 130.783 3926.18 133.227 3926.18 136.104C3926.18 138.947 3925.59 141.391 3924.41 143.436C3923.23 145.447 3921.69 146.989 3919.78 148.064C3917.88 149.104 3915.83 149.624 3913.65 149.624ZM3913.65 143.436C3915.21 143.436 3916.39 142.777 3917.18 141.46C3917.98 140.108 3918.38 138.323 3918.38 136.104C3918.38 133.851 3917.98 132.065 3917.18 130.748C3916.39 129.431 3915.21 128.772 3913.65 128.772C3912.05 128.772 3910.86 129.431 3910.06 130.748C3909.3 132.065 3908.92 133.851 3908.92 136.104C3908.92 138.323 3909.3 140.108 3910.06 141.46C3910.86 142.777 3912.05 143.436 3913.65 143.436ZM3931.42 149V123.208H3937.66L3938.18 126.484H3938.38C3939.49 125.444 3940.71 124.543 3942.02 123.78C3943.38 122.983 3944.92 122.584 3946.65 122.584C3949.46 122.584 3951.49 123.52 3952.74 125.392C3954.02 127.229 3954.66 129.76 3954.66 132.984V149H3947.02V133.972C3947.02 132.1 3946.76 130.817 3946.24 130.124C3945.75 129.431 3944.95 129.084 3943.84 129.084C3942.87 129.084 3942.04 129.309 3941.35 129.76C3940.65 130.176 3939.89 130.783 3939.06 131.58V149H3931.42ZM3972.72 149.624C3970.26 149.624 3968.04 149.087 3966.06 148.012C3964.08 146.937 3962.52 145.395 3961.38 143.384C3960.24 141.373 3959.66 138.947 3959.66 136.104C3959.66 133.296 3960.24 130.887 3961.38 128.876C3962.56 126.865 3964.08 125.323 3965.96 124.248C3967.83 123.139 3969.79 122.584 3971.83 122.584C3974.29 122.584 3976.32 123.139 3977.92 124.248C3979.55 125.323 3980.76 126.796 3981.56 128.668C3982.39 130.505 3982.8 132.603 3982.8 134.96C3982.8 135.619 3982.77 136.277 3982.7 136.936C3982.63 137.56 3982.56 138.028 3982.49 138.34H3967.05C3967.4 140.212 3968.18 141.599 3969.39 142.5C3970.6 143.367 3972.06 143.8 3973.76 143.8C3975.59 143.8 3977.45 143.228 3979.32 142.084L3981.87 146.712C3980.55 147.613 3979.08 148.324 3977.45 148.844C3975.82 149.364 3974.24 149.624 3972.72 149.624ZM3967 133.296H3976.3C3976.3 131.875 3975.96 130.713 3975.26 129.812C3974.61 128.876 3973.51 128.408 3971.99 128.408C3970.81 128.408 3969.75 128.824 3968.82 129.656C3967.88 130.453 3967.27 131.667 3967 133.296ZM3988.09 149V123.208H3994.33L3994.85 126.484H3995.06C3996.16 125.444 3997.38 124.543 3998.7 123.78C4000.05 122.983 4001.59 122.584 4003.32 122.584C4006.13 122.584 4008.16 123.52 4009.41 125.392C4010.69 127.229 4011.33 129.76 4011.33 132.984V149H4003.69V133.972C4003.69 132.1 4003.43 130.817 4002.91 130.124C4002.42 129.431 4001.62 129.084 4000.52 129.084C3999.54 129.084 3998.71 129.309 3998.02 129.76C3997.33 130.176 3996.56 130.783 3995.73 131.58V149H3988.09ZM4027.78 149.624C4024.59 149.624 4022.3 148.705 4020.91 146.868C4019.56 145.031 4018.88 142.621 4018.88 139.64V129.188H4015.35V123.52L4019.3 123.208L4020.18 116.344H4026.53V123.208H4032.72V129.188H4026.53V139.536C4026.53 140.992 4026.82 142.049 4027.41 142.708C4028.04 143.332 4028.85 143.644 4029.86 143.644C4030.27 143.644 4030.69 143.592 4031.1 143.488C4031.56 143.384 4031.95 143.263 4032.3 143.124L4033.5 148.688C4032.84 148.896 4032.02 149.104 4031.05 149.312C4030.12 149.52 4029.02 149.624 4027.78 149.624ZM4044.84 149.624C4043.14 149.624 4041.39 149.295 4039.58 148.636C4037.82 147.977 4036.27 147.111 4034.96 146.036L4038.39 141.252C4039.57 142.119 4040.69 142.795 4041.77 143.28C4042.88 143.731 4043.97 143.956 4045.04 143.956C4046.19 143.956 4047.02 143.765 4047.54 143.384C4048.06 142.968 4048.32 142.431 4048.32 141.772C4048.32 141.183 4048.06 140.697 4047.54 140.316C4047.05 139.935 4046.41 139.588 4045.62 139.276C4044.82 138.929 4043.97 138.583 4043.07 138.236C4042.03 137.82 4040.99 137.3 4039.95 136.676C4038.94 136.052 4038.09 135.255 4037.4 134.284C4036.71 133.279 4036.36 132.065 4036.36 130.644C4036.36 128.252 4037.26 126.311 4039.06 124.82C4040.9 123.329 4043.29 122.584 4046.24 122.584C4048.22 122.584 4049.95 122.931 4051.44 123.624C4052.96 124.283 4054.26 125.028 4055.34 125.86L4051.91 130.436C4051.01 129.743 4050.1 129.205 4049.2 128.824C4048.3 128.443 4047.4 128.252 4046.5 128.252C4044.52 128.252 4043.54 128.928 4043.54 130.28C4043.54 131.112 4044.02 131.753 4044.99 132.204C4046 132.62 4047.16 133.071 4048.48 133.556C4049.58 133.937 4050.66 134.44 4051.7 135.064C4052.77 135.653 4053.66 136.451 4054.35 137.456C4055.08 138.427 4055.44 139.709 4055.44 141.304C4055.44 143.627 4054.54 145.603 4052.74 147.232C4050.94 148.827 4048.3 149.624 4044.84 149.624Z" fill="#5B5B5B" />
+    <path d="M1974.83 149V136.936L1964.58 115.096H1972.8L1975.82 122.896C1976.3 124.179 1976.77 125.427 1977.22 126.64C1977.67 127.819 1978.12 129.067 1978.57 130.384H1978.78C1979.27 129.067 1979.75 127.819 1980.24 126.64C1980.72 125.427 1981.19 124.179 1981.64 122.896L1984.71 115.096H1992.72L1982.47 136.936V149H1974.83ZM2003.93 149.624C2001.75 149.624 1999.69 149.104 1997.74 148.064C1995.84 146.989 1994.3 145.447 1993.12 143.436C1991.94 141.391 1991.35 138.947 1991.35 136.104C1991.35 133.227 1991.94 130.783 1993.12 128.772C1994.3 126.761 1995.84 125.236 1997.74 124.196C1999.69 123.121 2001.75 122.584 2003.93 122.584C2006.12 122.584 2008.16 123.121 2010.07 124.196C2011.98 125.236 2013.52 126.761 2014.7 128.772C2015.88 130.783 2016.46 133.227 2016.46 136.104C2016.46 138.947 2015.88 141.391 2014.7 143.436C2013.52 145.447 2011.98 146.989 2010.07 148.064C2008.16 149.104 2006.12 149.624 2003.93 149.624ZM2003.93 143.436C2005.49 143.436 2006.67 142.777 2007.47 141.46C2008.27 140.108 2008.66 138.323 2008.66 136.104C2008.66 133.851 2008.27 132.065 2007.47 130.748C2006.67 129.431 2005.49 128.772 2003.93 128.772C2002.34 128.772 2001.14 129.431 2000.34 130.748C1999.58 132.065 1999.2 133.851 1999.2 136.104C1999.2 138.323 1999.58 140.108 2000.34 141.46C2001.14 142.777 2002.34 143.436 2003.93 143.436ZM2029.45 149.624C2026.64 149.624 2024.59 148.705 2023.31 146.868C2022.06 144.996 2021.44 142.448 2021.44 139.224V123.208H2029.08V138.236C2029.08 140.073 2029.34 141.356 2029.86 142.084C2030.38 142.777 2031.2 143.124 2032.31 143.124C2033.28 143.124 2034.09 142.899 2034.75 142.448C2035.41 141.997 2036.12 141.269 2036.88 140.264V123.208H2044.53V149H2038.29L2037.72 145.412H2037.56C2036.49 146.695 2035.31 147.717 2034.02 148.48C2032.74 149.243 2031.22 149.624 2029.45 149.624ZM2051.26 149V123.208H2057.5L2058.02 127.732H2058.22C2059.16 125.999 2060.29 124.716 2061.6 123.884C2062.92 123.017 2064.24 122.584 2065.56 122.584C2066.28 122.584 2066.89 122.636 2067.38 122.74C2067.86 122.809 2068.28 122.931 2068.62 123.104L2067.38 129.708C2066.92 129.569 2066.47 129.465 2066.02 129.396C2065.61 129.327 2065.12 129.292 2064.57 129.292C2063.6 129.292 2062.57 129.656 2061.5 130.384C2060.46 131.077 2059.59 132.291 2058.9 134.024V149H2051.26ZM2083.01 149V115.096H2104.38V121.544H2090.65V129.396H2102.4V135.844H2090.65V149H2083.01ZM2116.44 149.624C2113.63 149.624 2111.58 148.705 2110.3 146.868C2109.05 144.996 2108.43 142.448 2108.43 139.224V123.208H2116.07V138.236C2116.07 140.073 2116.33 141.356 2116.85 142.084C2117.37 142.777 2118.19 143.124 2119.3 143.124C2120.27 143.124 2121.08 142.899 2121.74 142.448C2122.4 141.997 2123.11 141.269 2123.87 140.264V123.208H2131.52V149H2125.28L2124.7 145.412H2124.55C2123.47 146.695 2122.3 147.717 2121.01 148.48C2119.73 149.243 2118.2 149.624 2116.44 149.624ZM2138.24 149V123.208H2144.48L2145 126.484H2145.21C2146.32 125.444 2147.53 124.543 2148.85 123.78C2150.2 122.983 2151.75 122.584 2153.48 122.584C2156.29 122.584 2158.32 123.52 2159.56 125.392C2160.85 127.229 2161.49 129.76 2161.49 132.984V149H2153.84V133.972C2153.84 132.1 2153.58 130.817 2153.06 130.124C2152.58 129.431 2151.78 129.084 2150.67 129.084C2149.7 129.084 2148.87 129.309 2148.18 129.76C2147.48 130.176 2146.72 130.783 2145.89 131.58V149H2138.24ZM2179.23 149.624C2176.84 149.624 2174.67 149.104 2172.73 148.064C2170.83 146.989 2169.3 145.447 2168.16 143.436C2167.05 141.391 2166.49 138.947 2166.49 136.104C2166.49 133.227 2167.12 130.783 2168.37 128.772C2169.61 126.761 2171.26 125.236 2173.31 124.196C2175.35 123.121 2177.55 122.584 2179.91 122.584C2181.5 122.584 2182.91 122.844 2184.12 123.364C2185.37 123.884 2186.48 124.543 2187.45 125.34L2183.86 130.28C2182.65 129.275 2181.49 128.772 2180.38 128.772C2178.54 128.772 2177.07 129.431 2175.96 130.748C2174.88 132.065 2174.35 133.851 2174.35 136.104C2174.35 138.323 2174.88 140.108 2175.96 141.46C2177.07 142.777 2178.45 143.436 2180.12 143.436C2180.95 143.436 2181.76 143.263 2182.56 142.916C2183.36 142.535 2184.09 142.084 2184.75 141.564L2187.76 146.556C2186.48 147.665 2185.09 148.463 2183.6 148.948C2182.11 149.399 2180.65 149.624 2179.23 149.624ZM2201.7 149.624C2198.51 149.624 2196.22 148.705 2194.83 146.868C2193.48 145.031 2192.81 142.621 2192.81 139.64V129.188H2189.27V123.52L2193.22 123.208L2194.11 116.344H2200.45V123.208H2206.64V129.188H2200.45V139.536C2200.45 140.992 2200.75 142.049 2201.33 142.708C2201.96 143.332 2202.77 143.644 2203.78 143.644C2204.19 143.644 2204.61 143.592 2205.03 143.488C2205.48 143.384 2205.88 143.263 2206.22 143.124L2207.42 148.688C2206.76 148.896 2205.95 149.104 2204.97 149.312C2204.04 149.52 2202.95 149.624 2201.7 149.624ZM2211.67 149V123.208H2219.32V149H2211.67ZM2215.47 119.412C2214.19 119.412 2213.15 119.048 2212.35 118.32C2211.55 117.592 2211.15 116.621 2211.15 115.408C2211.15 114.195 2211.55 113.224 2212.35 112.496C2213.15 111.768 2214.19 111.404 2215.47 111.404C2216.75 111.404 2217.79 111.768 2218.59 112.496C2219.39 113.224 2219.78 114.195 2219.78 115.408C2219.78 116.621 2219.39 117.592 2218.59 118.32C2217.79 119.048 2216.75 119.412 2215.47 119.412ZM2237.12 149.624C2234.94 149.624 2232.87 149.104 2230.93 148.064C2229.03 146.989 2227.48 145.447 2226.3 143.436C2225.13 141.391 2224.54 138.947 2224.54 136.104C2224.54 133.227 2225.13 130.783 2226.3 128.772C2227.48 126.761 2229.03 125.236 2230.93 124.196C2232.87 123.121 2234.94 122.584 2237.12 122.584C2239.3 122.584 2241.35 123.121 2243.26 124.196C2245.16 125.236 2246.71 126.761 2247.88 128.772C2249.06 130.783 2249.65 133.227 2249.65 136.104C2249.65 138.947 2249.06 141.391 2247.88 143.436C2246.71 145.447 2245.16 146.989 2243.26 148.064C2241.35 149.104 2239.3 149.624 2237.12 149.624ZM2237.12 143.436C2238.68 143.436 2239.86 142.777 2240.66 141.46C2241.45 140.108 2241.85 138.323 2241.85 136.104C2241.85 133.851 2241.45 132.065 2240.66 130.748C2239.86 129.431 2238.68 128.772 2237.12 128.772C2235.53 128.772 2234.33 129.431 2233.53 130.748C2232.77 132.065 2232.39 133.851 2232.39 136.104C2232.39 138.323 2232.77 140.108 2233.53 141.46C2234.33 142.777 2235.53 143.436 2237.12 143.436ZM2254.89 149V123.208H2261.13L2261.65 126.484H2261.86C2262.97 125.444 2264.18 124.543 2265.5 123.78C2266.85 122.983 2268.39 122.584 2270.12 122.584C2272.93 122.584 2274.96 123.52 2276.21 125.392C2277.49 127.229 2278.13 129.76 2278.13 132.984V149H2270.49V133.972C2270.49 132.1 2270.23 130.817 2269.71 130.124C2269.22 129.431 2268.43 129.084 2267.32 129.084C2266.35 129.084 2265.51 129.309 2264.82 129.76C2264.13 130.176 2263.36 130.783 2262.53 131.58V149H2254.89Z" fill="#5B5B5B" />
+    <g opacity="0.4" filter="url(#filter4_f_2_2)">
+        <circle cx="3339.84" cy="557.844" r="122.839" transform="rotate(29.1969 3339.84 557.844)" fill="url(#paint0_linear_2_2)" />
+    </g>
+    <circle cx="3340" cy="538" r="124" fill="white" />
+    <path d="M3290.12 499.68C3288.57 499.68 3287.17 499.493 3285.92 499.12C3284.69 498.747 3283.72 498.173 3283 497.4C3282.31 496.653 3281.96 495.707 3281.96 494.56C3281.96 492.933 3282.89 491.533 3284.76 490.36V490.2C3284.25 489.88 3283.83 489.453 3283.48 488.92C3283.16 488.387 3283 487.72 3283 486.92C3283 486.147 3283.21 485.453 3283.64 484.84C3284.09 484.2 3284.6 483.68 3285.16 483.28V483.12C3284.49 482.613 3283.89 481.907 3283.36 481C3282.85 480.093 3282.6 479.067 3282.6 477.92C3282.6 476.4 3282.96 475.12 3283.68 474.08C3284.4 473.04 3285.35 472.253 3286.52 471.72C3287.72 471.16 3289 470.88 3290.36 470.88C3290.89 470.88 3291.4 470.933 3291.88 471.04C3292.39 471.12 3292.84 471.227 3293.24 471.36H3300.28V474.76H3296.68C3297 475.133 3297.27 475.613 3297.48 476.2C3297.69 476.76 3297.8 477.387 3297.8 478.08C3297.8 479.52 3297.47 480.747 3296.8 481.76C3296.13 482.747 3295.24 483.493 3294.12 484C3293 484.507 3291.75 484.76 3290.36 484.76C3289.93 484.76 3289.49 484.72 3289.04 484.64C3288.59 484.56 3288.13 484.427 3287.68 484.24C3287.39 484.507 3287.15 484.773 3286.96 485.04C3286.8 485.307 3286.72 485.667 3286.72 486.12C3286.72 486.68 3286.95 487.12 3287.4 487.44C3287.88 487.76 3288.72 487.92 3289.92 487.92H3293.4C3295.77 487.92 3297.56 488.307 3298.76 489.08C3299.99 489.827 3300.6 491.053 3300.6 492.76C3300.6 494.04 3300.17 495.2 3299.32 496.24C3298.47 497.307 3297.25 498.147 3295.68 498.76C3294.11 499.373 3292.25 499.68 3290.12 499.68ZM3290.36 481.88C3291.29 481.88 3292.09 481.533 3292.76 480.84C3293.43 480.147 3293.76 479.173 3293.76 477.92C3293.76 476.693 3293.43 475.747 3292.76 475.08C3292.12 474.387 3291.32 474.04 3290.36 474.04C3289.4 474.04 3288.59 474.373 3287.92 475.04C3287.25 475.707 3286.92 476.667 3286.92 477.92C3286.92 479.173 3287.25 480.147 3287.92 480.84C3288.59 481.533 3289.4 481.88 3290.36 481.88ZM3290.84 496.68C3292.41 496.68 3293.69 496.36 3294.68 495.72C3295.67 495.08 3296.16 494.347 3296.16 493.52C3296.16 492.747 3295.85 492.227 3295.24 491.96C3294.65 491.693 3293.8 491.56 3292.68 491.56H3290C3288.93 491.56 3288.04 491.467 3287.32 491.28C3286.31 492.053 3285.8 492.92 3285.8 493.88C3285.8 494.76 3286.25 495.44 3287.16 495.92C3288.07 496.427 3289.29 496.68 3290.84 496.68ZM3304.06 491V471.36H3307.86L3308.18 474.84H3308.34C3309.03 473.56 3309.87 472.587 3310.86 471.92C3311.85 471.227 3312.86 470.88 3313.9 470.88C3314.83 470.88 3315.58 471.013 3316.14 471.28L3315.34 475.28C3314.99 475.173 3314.67 475.093 3314.38 475.04C3314.09 474.987 3313.73 474.96 3313.3 474.96C3312.53 474.96 3311.71 475.267 3310.86 475.88C3310.01 476.467 3309.27 477.507 3308.66 479V491H3304.06ZM3322.69 491.48C3320.98 491.48 3319.58 490.947 3318.49 489.88C3317.42 488.813 3316.89 487.427 3316.89 485.72C3316.89 483.613 3317.81 481.987 3319.65 480.84C3321.49 479.667 3324.42 478.867 3328.45 478.44C3328.42 477.4 3328.14 476.507 3327.61 475.76C3327.1 474.987 3326.18 474.6 3324.85 474.6C3323.89 474.6 3322.94 474.787 3322.01 475.16C3321.1 475.533 3320.21 475.987 3319.33 476.52L3317.65 473.44C3318.74 472.747 3319.97 472.147 3321.33 471.64C3322.71 471.133 3324.18 470.88 3325.73 470.88C3328.18 470.88 3330.01 471.613 3331.21 473.08C3332.43 474.52 3333.05 476.613 3333.05 479.36V491H3329.25L3328.93 488.84H3328.77C3327.89 489.587 3326.94 490.213 3325.93 490.72C3324.94 491.227 3323.86 491.48 3322.69 491.48ZM3324.17 487.88C3324.97 487.88 3325.69 487.693 3326.33 487.32C3326.99 486.92 3327.7 486.387 3328.45 485.72V481.32C3325.78 481.667 3323.93 482.187 3322.89 482.88C3321.85 483.547 3321.33 484.373 3321.33 485.36C3321.33 486.24 3321.59 486.88 3322.13 487.28C3322.66 487.68 3323.34 487.88 3324.17 487.88ZM3345.43 491.48C3342.98 491.48 3341.02 490.573 3339.55 488.76C3338.09 486.947 3337.35 484.427 3337.35 481.2C3337.35 479.067 3337.74 477.227 3338.51 475.68C3339.31 474.133 3340.35 472.947 3341.63 472.12C3342.91 471.293 3344.26 470.88 3345.67 470.88C3346.79 470.88 3347.74 471.08 3348.51 471.48C3349.31 471.853 3350.09 472.373 3350.83 473.04L3350.67 469.88V462.76H3355.27V491H3351.47L3351.15 488.88H3350.99C3350.27 489.6 3349.43 490.213 3348.47 490.72C3347.51 491.227 3346.5 491.48 3345.43 491.48ZM3346.55 487.68C3348.02 487.68 3349.39 486.947 3350.67 485.48V476.32C3350.01 475.707 3349.34 475.28 3348.67 475.04C3348.01 474.8 3347.34 474.68 3346.67 474.68C3345.42 474.68 3344.34 475.253 3343.43 476.4C3342.55 477.52 3342.11 479.107 3342.11 481.16C3342.11 483.267 3342.5 484.88 3343.27 486C3344.05 487.12 3345.14 487.68 3346.55 487.68ZM3361.13 491V471.36H3365.73V491H3361.13ZM3363.45 467.92C3362.62 467.92 3361.96 467.68 3361.45 467.2C3360.94 466.72 3360.69 466.08 3360.69 465.28C3360.69 464.507 3360.94 463.88 3361.45 463.4C3361.96 462.92 3362.62 462.68 3363.45 462.68C3364.28 462.68 3364.94 462.92 3365.45 463.4C3365.96 463.88 3366.21 464.507 3366.21 465.28C3366.21 466.08 3365.96 466.72 3365.45 467.2C3364.94 467.68 3364.28 467.92 3363.45 467.92ZM3379.64 491.48C3378.01 491.48 3376.49 491.08 3375.08 490.28C3373.67 489.453 3372.52 488.28 3371.64 486.76C3370.76 485.213 3370.32 483.36 3370.32 481.2C3370.32 479.013 3370.76 477.16 3371.64 475.64C3372.52 474.093 3373.67 472.92 3375.08 472.12C3376.49 471.293 3378.01 470.88 3379.64 470.88C3381.29 470.88 3382.83 471.293 3384.24 472.12C3385.65 472.92 3386.8 474.093 3387.68 475.64C3388.56 477.16 3389 479.013 3389 481.2C3389 483.36 3388.56 485.213 3387.68 486.76C3386.8 488.28 3385.65 489.453 3384.24 490.28C3382.83 491.08 3381.29 491.48 3379.64 491.48ZM3379.64 487.72C3381.08 487.72 3382.21 487.12 3383.04 485.92C3383.87 484.72 3384.28 483.147 3384.28 481.2C3384.28 479.227 3383.87 477.64 3383.04 476.44C3382.21 475.24 3381.08 474.64 3379.64 474.64C3378.2 474.64 3377.07 475.24 3376.24 476.44C3375.44 477.64 3375.04 479.227 3375.04 481.2C3375.04 483.147 3375.44 484.72 3376.24 485.92C3377.07 487.12 3378.2 487.72 3379.64 487.72ZM3304.78 548.76V521.36H3308.58L3308.9 523.44H3309.06C3309.89 522.747 3310.81 522.147 3311.82 521.64C3312.86 521.133 3313.92 520.88 3314.98 520.88C3317.44 520.88 3319.33 521.787 3320.66 523.6C3322.02 525.413 3322.7 527.84 3322.7 530.88C3322.7 533.12 3322.3 535.04 3321.5 536.64C3320.7 538.213 3319.66 539.413 3318.38 540.24C3317.13 541.067 3315.77 541.48 3314.3 541.48C3313.45 541.48 3312.6 541.293 3311.74 540.92C3310.89 540.52 3310.06 539.987 3309.26 539.32L3309.38 542.6V548.76H3304.78ZM3313.34 537.68C3314.65 537.68 3315.74 537.107 3316.62 535.96C3317.5 534.813 3317.94 533.133 3317.94 530.92C3317.94 528.947 3317.61 527.413 3316.94 526.32C3316.28 525.227 3315.2 524.68 3313.7 524.68C3312.32 524.68 3310.88 525.413 3309.38 526.88V536.04C3310.1 536.627 3310.8 537.053 3311.46 537.32C3312.13 537.56 3312.76 537.68 3313.34 537.68ZM3335.4 541.48C3333.77 541.48 3332.25 541.08 3330.84 540.28C3329.43 539.453 3328.28 538.28 3327.4 536.76C3326.52 535.213 3326.08 533.36 3326.08 531.2C3326.08 529.013 3326.52 527.16 3327.4 525.64C3328.28 524.093 3329.43 522.92 3330.84 522.12C3332.25 521.293 3333.77 520.88 3335.4 520.88C3337.05 520.88 3338.59 521.293 3340 522.12C3341.41 522.92 3342.56 524.093 3343.44 525.64C3344.32 527.16 3344.76 529.013 3344.76 531.2C3344.76 533.36 3344.32 535.213 3343.44 536.76C3342.56 538.28 3341.41 539.453 3340 540.28C3338.59 541.08 3337.05 541.48 3335.4 541.48ZM3335.4 537.72C3336.84 537.72 3337.97 537.12 3338.8 535.92C3339.63 534.72 3340.04 533.147 3340.04 531.2C3340.04 529.227 3339.63 527.64 3338.8 526.44C3337.97 525.24 3336.84 524.64 3335.4 524.64C3333.96 524.64 3332.83 525.24 3332 526.44C3331.2 527.64 3330.8 529.227 3330.8 531.2C3330.8 533.147 3331.2 534.72 3332 535.92C3332.83 537.12 3333.96 537.72 3335.4 537.72ZM3354.64 541.48C3353.3 541.48 3351.97 541.227 3350.64 540.72C3349.3 540.187 3348.16 539.533 3347.2 538.76L3349.36 535.8C3350.24 536.467 3351.12 537 3352 537.4C3352.88 537.8 3353.81 538 3354.8 538C3355.86 538 3356.65 537.773 3357.16 537.32C3357.66 536.867 3357.92 536.307 3357.92 535.64C3357.92 535.08 3357.7 534.627 3357.28 534.28C3356.88 533.907 3356.36 533.587 3355.72 533.32C3355.08 533.027 3354.41 532.747 3353.72 532.48C3352.86 532.16 3352.01 531.773 3351.16 531.32C3350.33 530.84 3349.65 530.24 3349.12 529.52C3348.58 528.773 3348.32 527.853 3348.32 526.76C3348.32 525.027 3348.96 523.613 3350.24 522.52C3351.52 521.427 3353.25 520.88 3355.44 520.88C3356.82 520.88 3358.06 521.12 3359.16 521.6C3360.25 522.08 3361.2 522.627 3362 523.24L3359.88 526.04C3359.18 525.533 3358.48 525.133 3357.76 524.84C3357.06 524.52 3356.33 524.36 3355.56 524.36C3354.57 524.36 3353.84 524.573 3353.36 525C3352.88 525.4 3352.64 525.907 3352.64 526.52C3352.64 527.293 3353.04 527.88 3353.84 528.28C3354.64 528.68 3355.57 529.067 3356.64 529.44C3357.54 529.76 3358.42 530.16 3359.28 530.64C3360.13 531.093 3360.84 531.693 3361.4 532.44C3361.98 533.187 3362.28 534.173 3362.28 535.4C3362.28 537.08 3361.62 538.52 3360.32 539.72C3359.01 540.893 3357.12 541.48 3354.64 541.48ZM3372.52 541.48C3370.26 541.48 3368.64 540.827 3367.68 539.52C3366.75 538.187 3366.28 536.467 3366.28 534.36V525H3363.48V521.56L3366.52 521.36L3367.08 516H3370.92V521.36H3375.92V525H3370.92V534.36C3370.92 536.653 3371.84 537.8 3373.68 537.8C3374.03 537.8 3374.39 537.76 3374.76 537.68C3375.14 537.573 3375.46 537.467 3375.72 537.36L3376.52 540.76C3375.99 540.947 3375.38 541.107 3374.68 541.24C3374.02 541.4 3373.3 541.48 3372.52 541.48ZM3249.96 598.76V571.36H3253.76L3254.08 573.44H3254.24C3255.07 572.747 3255.99 572.147 3257 571.64C3258.04 571.133 3259.09 570.88 3260.16 570.88C3262.61 570.88 3264.51 571.787 3265.84 573.6C3267.2 575.413 3267.88 577.84 3267.88 580.88C3267.88 583.12 3267.48 585.04 3266.68 586.64C3265.88 588.213 3264.84 589.413 3263.56 590.24C3262.31 591.067 3260.95 591.48 3259.48 591.48C3258.63 591.48 3257.77 591.293 3256.92 590.92C3256.07 590.52 3255.24 589.987 3254.44 589.32L3254.56 592.6V598.76H3249.96ZM3258.52 587.68C3259.83 587.68 3260.92 587.107 3261.8 585.96C3262.68 584.813 3263.12 583.133 3263.12 580.92C3263.12 578.947 3262.79 577.413 3262.12 576.32C3261.45 575.227 3260.37 574.68 3258.88 574.68C3257.49 574.68 3256.05 575.413 3254.56 576.88V586.04C3255.28 586.627 3255.97 587.053 3256.64 587.32C3257.31 587.56 3257.93 587.68 3258.52 587.68ZM3272.54 591V571.36H3276.34L3276.66 574.84H3276.82C3277.51 573.56 3278.35 572.587 3279.34 571.92C3280.32 571.227 3281.34 570.88 3282.38 570.88C3283.31 570.88 3284.06 571.013 3284.62 571.28L3283.82 575.28C3283.47 575.173 3283.15 575.093 3282.86 575.04C3282.56 574.987 3282.2 574.96 3281.78 574.96C3281 574.96 3280.19 575.267 3279.34 575.88C3278.48 576.467 3277.75 577.507 3277.14 579V591H3272.54ZM3295.11 591.48C3293.48 591.48 3291.96 591.08 3290.55 590.28C3289.14 589.453 3287.99 588.28 3287.11 586.76C3286.23 585.213 3285.79 583.36 3285.79 581.2C3285.79 579.013 3286.23 577.16 3287.11 575.64C3287.99 574.093 3289.14 572.92 3290.55 572.12C3291.96 571.293 3293.48 570.88 3295.11 570.88C3296.76 570.88 3298.3 571.293 3299.71 572.12C3301.12 572.92 3302.27 574.093 3303.15 575.64C3304.03 577.16 3304.47 579.013 3304.47 581.2C3304.47 583.36 3304.03 585.213 3303.15 586.76C3302.27 588.28 3301.12 589.453 3299.71 590.28C3298.3 591.08 3296.76 591.48 3295.11 591.48ZM3295.11 587.72C3296.55 587.72 3297.68 587.12 3298.51 585.92C3299.34 584.72 3299.75 583.147 3299.75 581.2C3299.75 579.227 3299.34 577.64 3298.51 576.44C3297.68 575.24 3296.55 574.64 3295.11 574.64C3293.67 574.64 3292.54 575.24 3291.71 576.44C3290.91 577.64 3290.51 579.227 3290.51 581.2C3290.51 583.147 3290.91 584.72 3291.71 585.92C3292.54 587.12 3293.67 587.72 3295.11 587.72ZM3317.22 591.48C3315.43 591.48 3313.82 591.08 3312.38 590.28C3310.97 589.453 3309.83 588.28 3308.98 586.76C3308.15 585.213 3307.74 583.36 3307.74 581.2C3307.74 579.013 3308.19 577.16 3309.1 575.64C3310.01 574.093 3311.21 572.92 3312.7 572.12C3314.22 571.293 3315.85 570.88 3317.58 570.88C3318.83 570.88 3319.93 571.093 3320.86 571.52C3321.79 571.947 3322.62 572.467 3323.34 573.08L3321.1 576.08C3320.59 575.627 3320.07 575.28 3319.54 575.04C3319.01 574.773 3318.43 574.64 3317.82 574.64C3316.25 574.64 3314.95 575.24 3313.94 576.44C3312.95 577.64 3312.46 579.227 3312.46 581.2C3312.46 583.147 3312.94 584.72 3313.9 585.92C3314.89 587.12 3316.15 587.72 3317.7 587.72C3318.47 587.72 3319.19 587.56 3319.86 587.24C3320.55 586.893 3321.18 586.493 3321.74 586.04L3323.62 589.08C3322.71 589.88 3321.7 590.48 3320.58 590.88C3319.46 591.28 3318.34 591.48 3317.22 591.48ZM3334.92 591.48C3333.11 591.48 3331.47 591.08 3330 590.28C3328.53 589.453 3327.37 588.28 3326.52 586.76C3325.67 585.213 3325.24 583.36 3325.24 581.2C3325.24 579.067 3325.67 577.227 3326.52 575.68C3327.4 574.133 3328.53 572.947 3329.92 572.12C3331.31 571.293 3332.76 570.88 3334.28 570.88C3336.07 570.88 3337.56 571.28 3338.76 572.08C3339.96 572.853 3340.87 573.947 3341.48 575.36C3342.09 576.747 3342.4 578.36 3342.4 580.2C3342.4 581.16 3342.33 581.907 3342.2 582.44H3329.72C3329.93 584.173 3330.56 585.52 3331.6 586.48C3332.64 587.44 3333.95 587.92 3335.52 587.92C3336.37 587.92 3337.16 587.8 3337.88 587.56C3338.63 587.293 3339.36 586.933 3340.08 586.48L3341.64 589.36C3340.71 589.973 3339.67 590.48 3338.52 590.88C3337.37 591.28 3336.17 591.48 3334.92 591.48ZM3329.68 579.32H3338.4C3338.4 577.8 3338.07 576.613 3337.4 575.76C3336.73 574.88 3335.73 574.44 3334.4 574.44C3333.25 574.44 3332.23 574.867 3331.32 575.72C3330.44 576.547 3329.89 577.747 3329.68 579.32ZM3352.28 591.48C3350.94 591.48 3349.61 591.227 3348.28 590.72C3346.94 590.187 3345.8 589.533 3344.84 588.76L3347 585.8C3347.88 586.467 3348.76 587 3349.64 587.4C3350.52 587.8 3351.45 588 3352.44 588C3353.5 588 3354.29 587.773 3354.8 587.32C3355.3 586.867 3355.56 586.307 3355.56 585.64C3355.56 585.08 3355.34 584.627 3354.92 584.28C3354.52 583.907 3354 583.587 3353.36 583.32C3352.72 583.027 3352.05 582.747 3351.36 582.48C3350.5 582.16 3349.65 581.773 3348.8 581.32C3347.97 580.84 3347.29 580.24 3346.76 579.52C3346.22 578.773 3345.96 577.853 3345.96 576.76C3345.96 575.027 3346.6 573.613 3347.88 572.52C3349.16 571.427 3350.89 570.88 3353.08 570.88C3354.46 570.88 3355.7 571.12 3356.8 571.6C3357.89 572.08 3358.84 572.627 3359.64 573.24L3357.52 576.04C3356.82 575.533 3356.12 575.133 3355.4 574.84C3354.7 574.52 3353.97 574.36 3353.2 574.36C3352.21 574.36 3351.48 574.573 3351 575C3350.52 575.4 3350.28 575.907 3350.28 576.52C3350.28 577.293 3350.68 577.88 3351.48 578.28C3352.28 578.68 3353.21 579.067 3354.28 579.44C3355.18 579.76 3356.06 580.16 3356.92 580.64C3357.77 581.093 3358.48 581.693 3359.04 582.44C3359.62 583.187 3359.92 584.173 3359.92 585.4C3359.92 587.08 3359.26 588.52 3357.96 589.72C3356.65 590.893 3354.76 591.48 3352.28 591.48ZM3369.5 591.48C3368.17 591.48 3366.83 591.227 3365.5 590.72C3364.17 590.187 3363.02 589.533 3362.06 588.76L3364.22 585.8C3365.1 586.467 3365.98 587 3366.86 587.4C3367.74 587.8 3368.67 588 3369.66 588C3370.73 588 3371.51 587.773 3372.02 587.32C3372.53 586.867 3372.78 586.307 3372.78 585.64C3372.78 585.08 3372.57 584.627 3372.14 584.28C3371.74 583.907 3371.22 583.587 3370.58 583.32C3369.94 583.027 3369.27 582.747 3368.58 582.48C3367.73 582.16 3366.87 581.773 3366.02 581.32C3365.19 580.84 3364.51 580.24 3363.98 579.52C3363.45 578.773 3363.18 577.853 3363.18 576.76C3363.18 575.027 3363.82 573.613 3365.1 572.52C3366.38 571.427 3368.11 570.88 3370.3 570.88C3371.69 570.88 3372.93 571.12 3374.02 571.6C3375.11 572.08 3376.06 572.627 3376.86 573.24L3374.74 576.04C3374.05 575.533 3373.34 575.133 3372.62 574.84C3371.93 574.52 3371.19 574.36 3370.42 574.36C3369.43 574.36 3368.7 574.573 3368.22 575C3367.74 575.4 3367.5 575.907 3367.5 576.52C3367.5 577.293 3367.9 577.88 3368.7 578.28C3369.5 578.68 3370.43 579.067 3371.5 579.44C3372.41 579.76 3373.29 580.16 3374.14 580.64C3374.99 581.093 3375.7 581.693 3376.26 582.44C3376.85 583.187 3377.14 584.173 3377.14 585.4C3377.14 587.08 3376.49 588.52 3375.18 589.72C3373.87 590.893 3371.98 591.48 3369.5 591.48ZM3381.25 591V571.36H3385.85V591H3381.25ZM3383.57 567.92C3382.74 567.92 3382.07 567.68 3381.57 567.2C3381.06 566.72 3380.81 566.08 3380.81 565.28C3380.81 564.507 3381.06 563.88 3381.57 563.4C3382.07 562.92 3382.74 562.68 3383.57 562.68C3384.39 562.68 3385.06 562.92 3385.57 563.4C3386.07 563.88 3386.33 564.507 3386.33 565.28C3386.33 566.08 3386.07 566.72 3385.57 567.2C3385.06 567.68 3384.39 567.92 3383.57 567.92ZM3391.72 591V571.36H3395.52L3395.84 574H3396C3396.88 573.147 3397.84 572.413 3398.88 571.8C3399.92 571.187 3401.1 570.88 3402.44 570.88C3404.54 570.88 3406.08 571.56 3407.04 572.92C3408 574.28 3408.48 576.2 3408.48 578.68V591H3403.88V579.28C3403.88 577.653 3403.64 576.507 3403.16 575.84C3402.68 575.173 3401.89 574.84 3400.8 574.84C3399.94 574.84 3399.18 575.053 3398.52 575.48C3397.88 575.88 3397.14 576.48 3396.32 577.28V591H3391.72ZM3420.94 599.68C3419.39 599.68 3417.99 599.493 3416.74 599.12C3415.51 598.747 3414.54 598.173 3413.82 597.4C3413.13 596.653 3412.78 595.707 3412.78 594.56C3412.78 592.933 3413.71 591.533 3415.58 590.36V590.2C3415.07 589.88 3414.65 589.453 3414.3 588.92C3413.98 588.387 3413.82 587.72 3413.82 586.92C3413.82 586.147 3414.03 585.453 3414.46 584.84C3414.91 584.2 3415.42 583.68 3415.98 583.28V583.12C3415.31 582.613 3414.71 581.907 3414.18 581C3413.67 580.093 3413.42 579.067 3413.42 577.92C3413.42 576.4 3413.78 575.12 3414.5 574.08C3415.22 573.04 3416.17 572.253 3417.34 571.72C3418.54 571.16 3419.82 570.88 3421.18 570.88C3421.71 570.88 3422.22 570.933 3422.7 571.04C3423.21 571.12 3423.66 571.227 3424.06 571.36H3431.1V574.76H3427.5C3427.82 575.133 3428.09 575.613 3428.3 576.2C3428.51 576.76 3428.62 577.387 3428.62 578.08C3428.62 579.52 3428.29 580.747 3427.62 581.76C3426.95 582.747 3426.06 583.493 3424.94 584C3423.82 584.507 3422.57 584.76 3421.18 584.76C3420.75 584.76 3420.31 584.72 3419.86 584.64C3419.41 584.56 3418.95 584.427 3418.5 584.24C3418.21 584.507 3417.97 584.773 3417.78 585.04C3417.62 585.307 3417.54 585.667 3417.54 586.12C3417.54 586.68 3417.77 587.12 3418.22 587.44C3418.7 587.76 3419.54 587.92 3420.74 587.92H3424.22C3426.59 587.92 3428.38 588.307 3429.58 589.08C3430.81 589.827 3431.42 591.053 3431.42 592.76C3431.42 594.04 3430.99 595.2 3430.14 596.24C3429.29 597.307 3428.07 598.147 3426.5 598.76C3424.93 599.373 3423.07 599.68 3420.94 599.68ZM3421.18 581.88C3422.11 581.88 3422.91 581.533 3423.58 580.84C3424.25 580.147 3424.58 579.173 3424.58 577.92C3424.58 576.693 3424.25 575.747 3423.58 575.08C3422.94 574.387 3422.14 574.04 3421.18 574.04C3420.22 574.04 3419.41 574.373 3418.74 575.04C3418.07 575.707 3417.74 576.667 3417.74 577.92C3417.74 579.173 3418.07 580.147 3418.74 580.84C3419.41 581.533 3420.22 581.88 3421.18 581.88ZM3421.66 596.68C3423.23 596.68 3424.51 596.36 3425.5 595.72C3426.49 595.08 3426.98 594.347 3426.98 593.52C3426.98 592.747 3426.67 592.227 3426.06 591.96C3425.47 591.693 3424.62 591.56 3423.5 591.56H3420.82C3419.75 591.56 3418.86 591.467 3418.14 591.28C3417.13 592.053 3416.62 592.92 3416.62 593.88C3416.62 594.76 3417.07 595.44 3417.98 595.92C3418.89 596.427 3420.11 596.68 3421.66 596.68Z" fill="#FF9042" />
+    <g filter="url(#filter5_d_2_2)">
+        <rect x="217" y="482" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M277.937 522.268H277.573V553H273.621V516.704H279.809L292.185 547.124H292.549V516.704H296.501V553H290.313L277.937 522.268ZM322.585 548.632H322.377C322.099 549.291 321.753 549.932 321.337 550.556C320.921 551.145 320.401 551.665 319.777 552.116C319.187 552.567 318.477 552.931 317.645 553.208C316.813 553.485 315.842 553.624 314.733 553.624C311.925 553.624 309.671 552.74 307.973 550.972C306.274 549.169 305.425 546.639 305.425 543.38V526.168H309.585V542.652C309.585 545.113 310.122 546.951 311.197 548.164C312.271 549.343 313.849 549.932 315.929 549.932C316.761 549.932 317.575 549.828 318.373 549.62C319.17 549.412 319.881 549.1 320.505 548.684C321.129 548.268 321.631 547.748 322.013 547.124C322.394 546.465 322.585 545.685 322.585 544.784V526.168H326.745V553H322.585V548.632ZM334.628 553V526.168H338.476V529.288H338.684C339.1 528.248 339.69 527.364 340.452 526.636C341.215 525.908 342.342 525.544 343.832 525.544C345.392 525.544 346.554 525.943 347.316 526.74C348.079 527.503 348.547 528.508 348.72 529.756H348.876C349.362 528.543 350.055 527.537 350.956 526.74C351.858 525.943 353.106 525.544 354.7 525.544C356.884 525.544 358.34 526.307 359.068 527.832C359.831 529.357 360.212 531.541 360.212 534.384V553H356.364V535.06C356.364 532.772 356.122 531.195 355.636 530.328C355.186 529.427 354.336 528.976 353.088 528.976C351.979 528.976 351.078 529.34 350.384 530.068C349.691 530.761 349.344 531.836 349.344 533.292V553H345.496V535.06C345.496 532.772 345.254 531.195 344.768 530.328C344.318 529.427 343.486 528.976 342.272 528.976C341.163 528.976 340.244 529.34 339.516 530.068C338.823 530.761 338.476 531.836 338.476 533.292V553H334.628ZM367.94 514.52H372.1V530.536H372.308C374.041 527.208 376.797 525.544 380.576 525.544C383.869 525.544 386.435 526.775 388.272 529.236C390.144 531.697 391.08 535.147 391.08 539.584C391.08 544.021 390.144 547.471 388.272 549.932C386.435 552.393 383.869 553.624 380.576 553.624C376.797 553.624 374.041 551.96 372.308 548.632H372.1V553H367.94V514.52ZM378.964 549.932C381.391 549.932 383.263 549.204 384.58 547.748C385.932 546.257 386.608 544.299 386.608 541.872V537.296C386.608 534.869 385.932 532.928 384.58 531.472C383.263 529.981 381.391 529.236 378.964 529.236C378.028 529.236 377.144 529.357 376.312 529.6C375.48 529.843 374.752 530.207 374.128 530.692C373.504 531.143 373.001 531.715 372.62 532.408C372.273 533.067 372.1 533.847 372.1 534.748V544.42C372.1 545.321 372.273 546.119 372.62 546.812C373.001 547.471 373.504 548.043 374.128 548.528C374.752 548.979 375.48 549.325 376.312 549.568C377.144 549.811 378.028 549.932 378.964 549.932ZM410.248 553.624C408.306 553.624 406.556 553.295 404.996 552.636C403.47 551.977 402.153 551.041 401.044 549.828C399.969 548.58 399.137 547.107 398.548 545.408C397.958 543.675 397.664 541.751 397.664 539.636C397.664 537.487 397.958 535.545 398.548 533.812C399.172 532.079 400.021 530.605 401.096 529.392C402.17 528.144 403.453 527.191 404.944 526.532C406.469 525.873 408.15 525.544 409.988 525.544C411.79 525.544 413.42 525.873 414.876 526.532C416.366 527.191 417.632 528.109 418.672 529.288C419.712 530.432 420.509 531.801 421.064 533.396C421.618 534.991 421.896 536.741 421.896 538.648V540.624H402.032V541.872C402.032 543.051 402.222 544.143 402.604 545.148C402.985 546.153 403.522 547.02 404.216 547.748C404.944 548.476 405.81 549.048 406.816 549.464C407.856 549.845 409 550.036 410.248 550.036C412.05 550.036 413.61 549.62 414.928 548.788C416.245 547.956 417.25 546.812 417.944 545.356L421.012 547.436C420.214 549.239 418.88 550.729 417.008 551.908C415.17 553.052 412.917 553.624 410.248 553.624ZM409.988 528.976C408.844 528.976 407.786 529.184 406.816 529.6C405.845 530.016 404.996 530.588 404.268 531.316C403.574 532.044 403.02 532.911 402.604 533.916C402.222 534.887 402.032 535.961 402.032 537.14V537.504H417.424V536.932C417.424 535.753 417.233 534.679 416.852 533.708C416.505 532.737 416.002 531.905 415.344 531.212C414.72 530.484 413.94 529.929 413.004 529.548C412.102 529.167 411.097 528.976 409.988 528.976ZM429.363 549.464H437.215V529.704H429.363V526.168H441.375V532.928H441.635C442.19 530.813 443.23 529.167 444.755 527.988C446.315 526.775 448.291 526.168 450.683 526.168H454.427V530.328H449.383C446.991 530.328 445.05 531.021 443.559 532.408C442.103 533.795 441.375 535.615 441.375 537.868V549.464H451.775V553H429.363V549.464Z" fill="#5B5B5B" />
+    <g filter="url(#filter6_d_2_2)">
+        <rect x="3662" y="482" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M3722.46 551.164H3722.2C3721.89 551.857 3721.52 552.533 3721.11 553.192C3720.69 553.851 3720.15 554.44 3719.5 554.96C3718.87 555.445 3718.11 555.844 3717.21 556.156C3716.31 556.468 3715.23 556.624 3713.98 556.624C3710.03 556.624 3707.08 555.029 3705.14 551.84C3703.24 548.651 3702.28 544.075 3702.28 538.112C3702.28 531.872 3703.34 527.14 3705.46 523.916C3707.57 520.692 3710.83 519.08 3715.23 519.08C3716.93 519.08 3718.4 519.305 3719.65 519.756C3720.9 520.207 3721.96 520.813 3722.82 521.576C3723.72 522.339 3724.47 523.205 3725.06 524.176C3725.65 525.112 3726.13 526.065 3726.52 527.036L3722.77 528.752C3722.46 527.955 3722.1 527.209 3721.68 526.516C3721.3 525.788 3720.81 525.164 3720.22 524.644C3719.67 524.089 3718.99 523.656 3718.2 523.344C3717.4 523.032 3716.46 522.876 3715.39 522.876C3712.48 522.876 3710.33 523.968 3708.94 526.152C3707.59 528.336 3706.91 531.248 3706.91 534.888V540.504C3706.91 542.341 3707.05 544.023 3707.33 545.548C3707.6 547.039 3708.06 548.339 3708.68 549.448C3709.34 550.557 3710.17 551.424 3711.18 552.048C3712.22 552.637 3713.48 552.932 3714.97 552.932C3717.33 552.932 3719.17 552.221 3720.48 550.8C3721.8 549.379 3722.46 547.541 3722.46 545.288V541.544H3714.82V538.06H3726.52V556H3722.46V551.164ZM3756.29 556C3754.66 556 3753.5 555.584 3752.81 554.752C3752.11 553.92 3751.68 552.88 3751.51 551.632H3751.25C3750.66 553.192 3749.7 554.423 3748.39 555.324C3747.1 556.191 3745.37 556.624 3743.19 556.624C3740.38 556.624 3738.14 555.896 3736.48 554.44C3734.81 552.984 3733.98 550.991 3733.98 548.46C3733.98 545.964 3734.88 544.04 3736.69 542.688C3738.52 541.336 3741.47 540.66 3745.53 540.66H3751.25V538.008C3751.25 536.032 3750.69 534.559 3749.58 533.588C3748.47 532.583 3746.9 532.08 3744.85 532.08C3743.05 532.08 3741.57 532.444 3740.43 533.172C3739.29 533.865 3738.37 534.819 3737.67 536.032L3734.87 533.952C3735.21 533.259 3735.68 532.583 3736.27 531.924C3736.86 531.265 3737.59 530.693 3738.45 530.208C3739.32 529.688 3740.31 529.289 3741.42 529.012C3742.53 528.7 3743.76 528.544 3745.11 528.544C3748.27 528.544 3750.76 529.341 3752.6 530.936C3754.47 532.531 3755.41 534.749 3755.41 537.592V552.36H3759.15V556H3756.29ZM3743.91 553.14C3744.99 553.14 3745.96 553.019 3746.83 552.776C3747.73 552.499 3748.51 552.152 3749.17 551.736C3749.83 551.285 3750.33 550.765 3750.67 550.176C3751.06 549.552 3751.25 548.893 3751.25 548.2V543.78H3745.53C3743.03 543.78 3741.21 544.127 3740.07 544.82C3738.92 545.513 3738.35 546.519 3738.35 547.836V548.928C3738.35 550.315 3738.84 551.372 3739.81 552.1C3740.81 552.793 3742.18 553.14 3743.91 553.14ZM3765.89 552.464H3775.25V521.056H3765.89V517.52H3779.41V552.464H3788.77V556H3765.89V552.464ZM3797.07 552.464H3806.43V521.056H3797.07V517.52H3810.59V552.464H3819.95V556H3797.07V552.464ZM3840.16 556.624C3838.22 556.624 3836.47 556.295 3834.91 555.636C3833.38 554.977 3832.06 554.041 3830.95 552.828C3829.88 551.58 3829.05 550.107 3828.46 548.408C3827.87 546.675 3827.57 544.751 3827.57 542.636C3827.57 540.487 3827.87 538.545 3828.46 536.812C3829.08 535.079 3829.93 533.605 3831.01 532.392C3832.08 531.144 3833.36 530.191 3834.85 529.532C3836.38 528.873 3838.06 528.544 3839.9 528.544C3841.7 528.544 3843.33 528.873 3844.79 529.532C3846.28 530.191 3847.54 531.109 3848.58 532.288C3849.62 533.432 3850.42 534.801 3850.97 536.396C3851.53 537.991 3851.81 539.741 3851.81 541.648V543.624H3831.94V544.872C3831.94 546.051 3832.13 547.143 3832.51 548.148C3832.9 549.153 3833.43 550.02 3834.13 550.748C3834.85 551.476 3835.72 552.048 3836.73 552.464C3837.77 552.845 3838.91 553.036 3840.16 553.036C3841.96 553.036 3843.52 552.62 3844.84 551.788C3846.16 550.956 3847.16 549.812 3847.85 548.356L3850.92 550.436C3850.12 552.239 3848.79 553.729 3846.92 554.908C3845.08 556.052 3842.83 556.624 3840.16 556.624ZM3839.9 531.976C3838.75 531.976 3837.7 532.184 3836.73 532.6C3835.76 533.016 3834.91 533.588 3834.18 534.316C3833.48 535.044 3832.93 535.911 3832.51 536.916C3832.13 537.887 3831.94 538.961 3831.94 540.14V540.504H3847.33V539.932C3847.33 538.753 3847.14 537.679 3846.76 536.708C3846.42 535.737 3845.91 534.905 3845.25 534.212C3844.63 533.484 3843.85 532.929 3842.91 532.548C3842.01 532.167 3841.01 531.976 3839.9 531.976ZM3859.27 552.464H3867.13V532.704H3859.27V529.168H3871.29V535.928H3871.55C3872.1 533.813 3873.14 532.167 3874.67 530.988C3876.23 529.775 3878.2 529.168 3880.59 529.168H3884.34V533.328H3879.29C3876.9 533.328 3874.96 534.021 3873.47 535.408C3872.01 536.795 3871.29 538.615 3871.29 540.868V552.464H3881.69V556H3859.27V552.464ZM3910.73 529.168H3914.89L3901.58 561.876C3901.27 562.639 3900.92 563.297 3900.54 563.852C3900.16 564.441 3899.71 564.909 3899.19 565.256C3898.67 565.637 3898.05 565.915 3897.32 566.088C3896.59 566.296 3895.72 566.4 3894.72 566.4H3890.77V562.864H3897.01L3900.02 555.48L3889.21 529.168H3893.47L3897.99 540.4L3902 550.592H3902.21L3906.21 540.4L3910.73 529.168Z" fill="#5B5B5B" />
+    <g filter="url(#filter7_d_2_2)">
+        <rect x="217" y="662" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M289.419 733V729.516H298.467V700.188H289.419V696.704H311.883V700.188H302.835V729.516H311.883V733H289.419ZM319.038 733V706.168H322.886V709.288H323.094C323.51 708.248 324.1 707.364 324.862 706.636C325.625 705.908 326.752 705.544 328.242 705.544C329.802 705.544 330.964 705.943 331.726 706.74C332.489 707.503 332.957 708.508 333.13 709.756H333.286C333.772 708.543 334.465 707.537 335.366 706.74C336.268 705.943 337.516 705.544 339.11 705.544C341.294 705.544 342.75 706.307 343.478 707.832C344.241 709.357 344.622 711.541 344.622 714.384V733H340.774V715.06C340.774 712.772 340.532 711.195 340.046 710.328C339.596 709.427 338.746 708.976 337.498 708.976C336.389 708.976 335.488 709.34 334.794 710.068C334.101 710.761 333.754 711.836 333.754 713.292V733H329.906V715.06C329.906 712.772 329.664 711.195 329.178 710.328C328.728 709.427 327.896 708.976 326.682 708.976C325.573 708.976 324.654 709.34 323.926 710.068C323.233 710.761 322.886 711.836 322.886 713.292V733H319.038ZM373.15 733C371.521 733 370.359 732.584 369.666 731.752C368.973 730.92 368.539 729.88 368.366 728.632H368.106C367.517 730.192 366.563 731.423 365.246 732.324C363.963 733.191 362.23 733.624 360.046 733.624C357.238 733.624 355.002 732.896 353.338 731.44C351.674 729.984 350.842 727.991 350.842 725.46C350.842 722.964 351.743 721.04 353.546 719.688C355.383 718.336 358.33 717.66 362.386 717.66H368.106V715.008C368.106 713.032 367.551 711.559 366.442 710.588C365.333 709.583 363.755 709.08 361.71 709.08C359.907 709.08 358.434 709.444 357.29 710.172C356.146 710.865 355.227 711.819 354.534 713.032L351.726 710.952C352.073 710.259 352.541 709.583 353.13 708.924C353.719 708.265 354.447 707.693 355.314 707.208C356.181 706.688 357.169 706.289 358.278 706.012C359.387 705.7 360.618 705.544 361.97 705.544C365.125 705.544 367.621 706.341 369.458 707.936C371.33 709.531 372.266 711.749 372.266 714.592V729.36H376.01V733H373.15ZM360.774 730.14C361.849 730.14 362.819 730.019 363.686 729.776C364.587 729.499 365.367 729.152 366.026 728.736C366.685 728.285 367.187 727.765 367.534 727.176C367.915 726.552 368.106 725.893 368.106 725.2V720.78H362.386C359.89 720.78 358.07 721.127 356.926 721.82C355.782 722.513 355.21 723.519 355.21 724.836V725.928C355.21 727.315 355.695 728.372 356.666 729.1C357.671 729.793 359.041 730.14 360.774 730.14ZM407.762 736.068C407.762 738.772 406.635 740.765 404.382 742.048C402.129 743.365 398.749 744.024 394.242 744.024C389.909 744.024 386.789 743.452 384.882 742.308C383.01 741.164 382.074 739.517 382.074 737.368C382.074 735.912 382.455 734.785 383.218 733.988C383.981 733.191 385.055 732.601 386.442 732.22V731.596C385.679 731.215 385.09 730.729 384.674 730.14C384.258 729.551 384.05 728.805 384.05 727.904C384.05 726.517 384.501 725.477 385.402 724.784C386.338 724.091 387.499 723.571 388.886 723.224V723.016C387.222 722.288 385.922 721.213 384.986 719.792C384.085 718.371 383.634 716.707 383.634 714.8C383.634 713.448 383.877 712.2 384.362 711.056C384.847 709.912 385.541 708.941 386.442 708.144C387.378 707.312 388.487 706.671 389.77 706.22C391.053 705.769 392.474 705.544 394.034 705.544C396.045 705.544 397.813 705.908 399.338 706.636V706.168C399.338 705.128 399.581 704.261 400.066 703.568C400.551 702.875 401.383 702.528 402.562 702.528H407.502V706.168H401.47V707.988C402.441 708.82 403.186 709.808 403.706 710.952C404.226 712.096 404.486 713.379 404.486 714.8C404.486 716.152 404.226 717.4 403.706 718.544C403.221 719.688 402.527 720.676 401.626 721.508C400.725 722.305 399.615 722.929 398.298 723.38C397.015 723.831 395.594 724.056 394.034 724.056C393.583 724.056 393.15 724.039 392.734 724.004C392.318 723.969 391.902 723.917 391.486 723.848C391.07 723.917 390.637 724.039 390.186 724.212C389.735 724.351 389.319 724.559 388.938 724.836C388.557 725.079 388.245 725.373 388.002 725.72C387.759 726.067 387.638 726.465 387.638 726.916C387.638 727.713 388.037 728.251 388.834 728.528C389.631 728.771 390.671 728.892 391.954 728.892H397.882C401.349 728.892 403.862 729.551 405.422 730.868C406.982 732.151 407.762 733.884 407.762 736.068ZM403.862 736.276C403.862 735.201 403.429 734.335 402.562 733.676C401.695 733.052 400.187 732.74 398.038 732.74H388.73C386.927 733.468 386.026 734.681 386.026 736.38C386.026 737.559 386.494 738.564 387.43 739.396C388.366 740.263 389.926 740.696 392.11 740.696H396.166C398.593 740.696 400.482 740.315 401.834 739.552C403.186 738.824 403.862 737.732 403.862 736.276ZM394.034 720.832C396.114 720.832 397.639 720.347 398.61 719.376C399.615 718.405 400.118 717.123 400.118 715.528V714.02C400.118 712.425 399.615 711.16 398.61 710.224C397.639 709.253 396.114 708.768 394.034 708.768C391.954 708.768 390.429 709.253 389.458 710.224C388.487 711.16 388.002 712.425 388.002 714.02V715.528C388.002 717.123 388.487 718.405 389.458 719.376C390.429 720.347 391.954 720.832 394.034 720.832ZM425.838 733.624C423.896 733.624 422.146 733.295 420.586 732.636C419.06 731.977 417.743 731.041 416.634 729.828C415.559 728.58 414.727 727.107 414.138 725.408C413.548 723.675 413.254 721.751 413.254 719.636C413.254 717.487 413.548 715.545 414.138 713.812C414.762 712.079 415.611 710.605 416.686 709.392C417.76 708.144 419.043 707.191 420.534 706.532C422.059 705.873 423.74 705.544 425.578 705.544C427.38 705.544 429.01 705.873 430.466 706.532C431.956 707.191 433.222 708.109 434.262 709.288C435.302 710.432 436.099 711.801 436.654 713.396C437.208 714.991 437.486 716.741 437.486 718.648V720.624H417.622V721.872C417.622 723.051 417.812 724.143 418.194 725.148C418.575 726.153 419.112 727.02 419.806 727.748C420.534 728.476 421.4 729.048 422.406 729.464C423.446 729.845 424.59 730.036 425.838 730.036C427.64 730.036 429.2 729.62 430.518 728.788C431.835 727.956 432.84 726.812 433.534 725.356L436.602 727.436C435.804 729.239 434.47 730.729 432.598 731.908C430.76 733.052 428.507 733.624 425.838 733.624ZM425.578 708.976C424.434 708.976 423.376 709.184 422.406 709.6C421.435 710.016 420.586 710.588 419.858 711.316C419.164 712.044 418.61 712.911 418.194 713.916C417.812 714.887 417.622 715.961 417.622 717.14V717.504H433.014V716.932C433.014 715.753 432.823 714.679 432.442 713.708C432.095 712.737 431.592 711.905 430.934 711.212C430.31 710.484 429.53 709.929 428.594 709.548C427.692 709.167 426.687 708.976 425.578 708.976Z" fill="#5B5B5B" />
+    <path d="M347 173H362.5M377.5 173H362.5M362.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M1327 173H1342.5M1357.5 173H1342.5M1342.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M2805 173H2820.5M2835.5 173H2820.5M2820.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M3793 173H3808.5M3823.5 173H3808.5M3808.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M2096 173H2111.5M2126.5 173H2111.5M2111.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M1102.87 540.413C1103.46 540.577 1103.46 541.423 1102.87 541.587L1090.02 545.118C1089.63 545.225 1089.25 544.933 1089.25 544.531L1089.25 537.469C1089.25 537.067 1089.63 536.775 1090.02 536.882L1102.87 540.413Z" fill="#7B8B8F" />
+    <path d="M1102.87 644.413C1103.46 644.577 1103.46 645.423 1102.87 645.587L1090.02 649.118C1089.63 649.225 1089.25 648.933 1089.25 648.531L1089.25 641.469C1089.25 641.067 1089.63 640.775 1090.02 640.882L1102.87 644.413Z" fill="#7B8B8F" />
+    <path d="M1102.87 442.413C1103.46 442.577 1103.46 443.423 1102.87 443.587L1090.02 447.118C1089.63 447.225 1089.25 446.933 1089.25 446.531L1089.25 439.469C1089.25 439.067 1089.63 438.775 1090.02 438.882L1102.87 442.413Z" fill="#7B8B8F" />
+    <g opacity="0.45" filter="url(#filter8_f_2_2)">
+        <ellipse cx="2111" cy="775" rx="191" ry="43" fill="#4199FF" />
+    </g>
+    <g filter="url(#filter9_d_2_2)">
+        <rect x="1864" y="302" width="494" height="494" rx="10" fill="url(#paint1_linear_2_2)" />
+    </g>
+    <path d="M2012.93 573.54H2012.42C2011.12 576.196 2009.39 578.287 2007.25 579.813C2005.1 581.283 2002.41 582.017 1999.19 582.017C1994.05 582.017 1989.95 580.096 1986.9 576.253C1983.85 572.41 1982.32 566.702 1982.32 559.129C1982.32 551.556 1983.85 545.848 1986.9 542.005C1989.95 538.162 1994.05 536.24 1999.19 536.24C2002.41 536.24 2005.1 537.003 2007.25 538.529C2009.39 539.998 2011.12 542.061 2012.42 544.717H2012.93V518.269H2022.17V581H2012.93V573.54ZM2003.01 574.473C2004.36 574.473 2005.64 574.303 2006.82 573.964C2008.01 573.625 2009.05 573.116 2009.96 572.438C2010.86 571.76 2011.57 570.94 2012.08 569.98C2012.64 568.962 2012.93 567.776 2012.93 566.419V551.838C2012.93 550.482 2012.64 549.323 2012.08 548.363C2011.57 547.345 2010.86 546.498 2009.96 545.819C2009.05 545.141 2008.01 544.633 2006.82 544.294C2005.64 543.955 2004.36 543.785 2003.01 543.785C1999.5 543.785 1996.79 544.859 1994.87 547.006C1993 549.154 1992.07 552.008 1992.07 555.568V562.689C1992.07 566.25 1993 569.104 1994.87 571.251C1996.79 573.399 1999.5 574.473 2003.01 574.473ZM2058.16 582.017C2054.83 582.017 2051.83 581.48 2049.18 580.407C2046.52 579.333 2044.29 577.807 2042.48 575.829C2040.67 573.851 2039.29 571.477 2038.32 568.708C2037.36 565.882 2036.88 562.717 2036.88 559.214C2036.88 555.71 2037.36 552.545 2038.32 549.719C2039.34 546.893 2040.73 544.491 2042.48 542.513C2044.29 540.479 2046.46 538.925 2049.01 537.851C2051.55 536.777 2054.37 536.24 2057.48 536.24C2060.54 536.24 2063.3 536.777 2065.79 537.851C2068.28 538.868 2070.4 540.338 2072.15 542.259C2073.9 544.181 2075.23 546.469 2076.13 549.126C2077.09 551.782 2077.57 554.721 2077.57 557.942V561.418H2046.21V562.859C2046.21 566.306 2047.28 569.132 2049.43 571.336C2051.58 573.484 2054.54 574.557 2058.33 574.557C2061.16 574.557 2063.56 573.964 2065.54 572.777C2067.57 571.534 2069.21 569.895 2070.45 567.86L2076.22 572.947C2074.75 575.49 2072.49 577.637 2069.44 579.389C2066.44 581.141 2062.68 582.017 2058.16 582.017ZM2057.48 543.276C2055.84 543.276 2054.32 543.559 2052.91 544.124C2051.55 544.689 2050.36 545.509 2049.35 546.582C2048.38 547.6 2047.62 548.815 2047.06 550.228C2046.49 551.641 2046.21 553.195 2046.21 554.89V555.484H2068.16V554.636C2068.16 551.188 2067.18 548.447 2065.2 546.413C2063.28 544.322 2060.7 543.276 2057.48 543.276ZM2092.21 573.54H2106.19V544.717H2091.36V537.257H2106.19V529.374C2106.19 526.096 2107.1 523.44 2108.91 521.405C2110.72 519.314 2113.54 518.269 2117.38 518.269H2132.13V525.728H2115.43V537.257H2132.13V544.717H2115.43V573.54H2130.18V581H2092.21V573.54ZM2155.67 554.636C2155.67 550.51 2156.12 546.554 2157.02 542.768C2157.99 538.925 2159.26 535.364 2160.84 532.086C2162.48 528.809 2164.37 525.87 2166.52 523.27C2168.67 520.614 2170.93 518.382 2173.3 516.573H2182.54C2180 518.382 2177.6 520.501 2175.34 522.931C2173.07 525.361 2171.1 528.046 2169.4 530.984C2167.71 533.923 2166.35 537.06 2165.33 540.394C2164.31 543.672 2163.81 547.119 2163.81 550.736V558.535C2163.81 562.152 2164.31 565.628 2165.33 568.962C2166.35 572.24 2167.71 575.349 2169.4 578.287C2171.1 581.226 2173.07 583.911 2175.34 586.341C2177.6 588.771 2180 590.89 2182.54 592.699H2173.3C2170.93 590.947 2168.67 588.743 2166.52 586.086C2164.37 583.43 2162.48 580.463 2160.84 577.185C2159.26 573.907 2157.99 570.375 2157.02 566.589C2156.12 562.746 2155.67 558.761 2155.67 554.636ZM2227.78 554.636C2227.78 558.761 2227.3 562.746 2226.34 566.589C2225.43 570.375 2224.16 573.907 2222.52 577.185C2220.94 580.463 2219.07 583.43 2216.93 586.086C2214.78 588.743 2212.52 590.947 2210.14 592.699H2200.9C2203.45 590.89 2205.85 588.771 2208.11 586.341C2210.37 583.911 2212.35 581.226 2214.04 578.287C2215.74 575.349 2217.09 572.24 2218.11 568.962C2219.13 565.628 2219.64 562.152 2219.64 558.535V550.736C2219.64 547.119 2219.13 543.672 2218.11 540.394C2217.09 537.06 2215.74 533.923 2214.04 530.984C2212.35 528.046 2210.37 525.361 2208.11 522.931C2205.85 520.501 2203.45 518.382 2200.9 516.573H2210.14C2212.52 518.382 2214.78 520.614 2216.93 523.27C2219.07 525.87 2220.94 528.809 2222.52 532.086C2224.16 535.364 2225.43 538.925 2226.34 542.768C2227.3 546.554 2227.78 550.51 2227.78 554.636Z" fill="#FAFAFA" />
+    <g opacity="0.4" filter="url(#filter10_f_2_2)">
+        <circle cx="814.155" cy="563.155" r="122.839" transform="rotate(29.1969 814.155 563.155)" fill="url(#paint2_linear_2_2)" />
+    </g>
+    <circle cx="814.31" cy="543.311" r="124" fill="white" />
+    <path d="M765.119 500.68C763.573 500.68 762.173 500.493 760.919 500.12C759.693 499.747 758.719 499.173 757.999 498.4C757.306 497.653 756.959 496.707 756.959 495.56C756.959 493.933 757.893 492.533 759.759 491.36V491.2C759.253 490.88 758.826 490.453 758.479 489.92C758.159 489.387 757.999 488.72 757.999 487.92C757.999 487.147 758.213 486.453 758.639 485.84C759.093 485.2 759.599 484.68 760.159 484.28V484.12C759.493 483.613 758.893 482.907 758.359 482C757.853 481.093 757.599 480.067 757.599 478.92C757.599 477.4 757.959 476.12 758.679 475.08C759.399 474.04 760.346 473.253 761.519 472.72C762.719 472.16 763.999 471.88 765.359 471.88C765.893 471.88 766.399 471.933 766.879 472.04C767.386 472.12 767.839 472.227 768.239 472.36H775.279V475.76H771.679C771.999 476.133 772.266 476.613 772.479 477.2C772.693 477.76 772.799 478.387 772.799 479.08C772.799 480.52 772.466 481.747 771.799 482.76C771.133 483.747 770.239 484.493 769.119 485C767.999 485.507 766.746 485.76 765.359 485.76C764.933 485.76 764.493 485.72 764.039 485.64C763.586 485.56 763.133 485.427 762.679 485.24C762.386 485.507 762.146 485.773 761.959 486.04C761.799 486.307 761.719 486.667 761.719 487.12C761.719 487.68 761.946 488.12 762.399 488.44C762.879 488.76 763.719 488.92 764.919 488.92H768.399C770.773 488.92 772.559 489.307 773.759 490.08C774.986 490.827 775.599 492.053 775.599 493.76C775.599 495.04 775.173 496.2 774.319 497.24C773.466 498.307 772.253 499.147 770.679 499.76C769.106 500.373 767.253 500.68 765.119 500.68ZM765.359 482.88C766.293 482.88 767.093 482.533 767.759 481.84C768.426 481.147 768.759 480.173 768.759 478.92C768.759 477.693 768.426 476.747 767.759 476.08C767.119 475.387 766.319 475.04 765.359 475.04C764.399 475.04 763.586 475.373 762.919 476.04C762.253 476.707 761.919 477.667 761.919 478.92C761.919 480.173 762.253 481.147 762.919 481.84C763.586 482.533 764.399 482.88 765.359 482.88ZM765.839 497.68C767.413 497.68 768.693 497.36 769.679 496.72C770.666 496.08 771.159 495.347 771.159 494.52C771.159 493.747 770.853 493.227 770.239 492.96C769.653 492.693 768.799 492.56 767.679 492.56H764.999C763.933 492.56 763.039 492.467 762.319 492.28C761.306 493.053 760.799 493.92 760.799 494.88C760.799 495.76 761.253 496.44 762.159 496.92C763.066 497.427 764.293 497.68 765.839 497.68ZM779.061 492V472.36H782.861L783.181 475.84H783.341C784.034 474.56 784.874 473.587 785.861 472.92C786.847 472.227 787.861 471.88 788.901 471.88C789.834 471.88 790.581 472.013 791.141 472.28L790.341 476.28C789.994 476.173 789.674 476.093 789.381 476.04C789.087 475.987 788.727 475.96 788.301 475.96C787.527 475.96 786.714 476.267 785.861 476.88C785.007 477.467 784.274 478.507 783.661 480V492H779.061ZM797.688 492.48C795.981 492.48 794.581 491.947 793.488 490.88C792.421 489.813 791.888 488.427 791.888 486.72C791.888 484.613 792.808 482.987 794.648 481.84C796.488 480.667 799.421 479.867 803.448 479.44C803.421 478.4 803.141 477.507 802.608 476.76C802.101 475.987 801.181 475.6 799.848 475.6C798.888 475.6 797.941 475.787 797.008 476.16C796.101 476.533 795.208 476.987 794.328 477.52L792.648 474.44C793.741 473.747 794.968 473.147 796.328 472.64C797.714 472.133 799.181 471.88 800.728 471.88C803.181 471.88 805.008 472.613 806.208 474.08C807.434 475.52 808.048 477.613 808.048 480.36V492H804.248L803.928 489.84H803.768C802.888 490.587 801.941 491.213 800.928 491.72C799.941 492.227 798.861 492.48 797.688 492.48ZM799.168 488.88C799.968 488.88 800.688 488.693 801.328 488.32C801.994 487.92 802.701 487.387 803.448 486.72V482.32C800.781 482.667 798.928 483.187 797.888 483.88C796.848 484.547 796.328 485.373 796.328 486.36C796.328 487.24 796.594 487.88 797.128 488.28C797.661 488.68 798.341 488.88 799.168 488.88ZM820.433 492.48C817.979 492.48 816.019 491.573 814.553 489.76C813.086 487.947 812.353 485.427 812.353 482.2C812.353 480.067 812.739 478.227 813.513 476.68C814.313 475.133 815.353 473.947 816.633 473.12C817.913 472.293 819.259 471.88 820.673 471.88C821.793 471.88 822.739 472.08 823.513 472.48C824.313 472.853 825.086 473.373 825.833 474.04L825.673 470.88V463.76H830.273V492H826.473L826.153 489.88H825.993C825.273 490.6 824.433 491.213 823.473 491.72C822.513 492.227 821.499 492.48 820.433 492.48ZM821.553 488.68C823.019 488.68 824.393 487.947 825.673 486.48V477.32C825.006 476.707 824.339 476.28 823.673 476.04C823.006 475.8 822.339 475.68 821.673 475.68C820.419 475.68 819.339 476.253 818.433 477.4C817.553 478.52 817.113 480.107 817.113 482.16C817.113 484.267 817.499 485.88 818.273 487C819.046 488.12 820.139 488.68 821.553 488.68ZM836.131 492V472.36H840.731V492H836.131ZM838.451 468.92C837.624 468.92 836.958 468.68 836.451 468.2C835.944 467.72 835.691 467.08 835.691 466.28C835.691 465.507 835.944 464.88 836.451 464.4C836.958 463.92 837.624 463.68 838.451 463.68C839.278 463.68 839.944 463.92 840.451 464.4C840.958 464.88 841.211 465.507 841.211 466.28C841.211 467.08 840.958 467.72 840.451 468.2C839.944 468.68 839.278 468.92 838.451 468.92ZM854.64 492.48C853.013 492.48 851.493 492.08 850.08 491.28C848.666 490.453 847.52 489.28 846.64 487.76C845.76 486.213 845.32 484.36 845.32 482.2C845.32 480.013 845.76 478.16 846.64 476.64C847.52 475.093 848.666 473.92 850.08 473.12C851.493 472.293 853.013 471.88 854.64 471.88C856.293 471.88 857.826 472.293 859.24 473.12C860.653 473.92 861.8 475.093 862.68 476.64C863.56 478.16 864 480.013 864 482.2C864 484.36 863.56 486.213 862.68 487.76C861.8 489.28 860.653 490.453 859.24 491.28C857.826 492.08 856.293 492.48 854.64 492.48ZM854.64 488.72C856.08 488.72 857.213 488.12 858.04 486.92C858.866 485.72 859.28 484.147 859.28 482.2C859.28 480.227 858.866 478.64 858.04 477.44C857.213 476.24 856.08 475.64 854.64 475.64C853.2 475.64 852.066 476.24 851.24 477.44C850.44 478.64 850.04 480.227 850.04 482.2C850.04 484.147 850.44 485.72 851.24 486.92C852.066 488.12 853.2 488.72 854.64 488.72ZM788.729 549.76V522.36H792.529L792.849 524.44H793.009C793.835 523.747 794.755 523.147 795.769 522.64C796.809 522.133 797.862 521.88 798.929 521.88C801.382 521.88 803.275 522.787 804.609 524.6C805.969 526.413 806.649 528.84 806.649 531.88C806.649 534.12 806.249 536.04 805.449 537.64C804.649 539.213 803.609 540.413 802.329 541.24C801.075 542.067 799.715 542.48 798.249 542.48C797.395 542.48 796.542 542.293 795.689 541.92C794.835 541.52 794.009 540.987 793.209 540.32L793.329 543.6V549.76H788.729ZM797.289 538.68C798.595 538.68 799.689 538.107 800.569 536.96C801.449 535.813 801.889 534.133 801.889 531.92C801.889 529.947 801.555 528.413 800.889 527.32C800.222 526.227 799.142 525.68 797.649 525.68C796.262 525.68 794.822 526.413 793.329 527.88V537.04C794.049 537.627 794.742 538.053 795.409 538.32C796.075 538.56 796.702 538.68 797.289 538.68ZM811.307 542V522.36H815.107L815.427 525.84H815.587C816.28 524.56 817.12 523.587 818.107 522.92C819.093 522.227 820.107 521.88 821.147 521.88C822.08 521.88 822.827 522.013 823.387 522.28L822.587 526.28C822.24 526.173 821.92 526.093 821.627 526.04C821.333 525.987 820.973 525.96 820.547 525.96C819.773 525.96 818.96 526.267 818.107 526.88C817.253 527.467 816.52 528.507 815.907 530V542H811.307ZM834.238 542.48C832.425 542.48 830.785 542.08 829.318 541.28C827.851 540.453 826.691 539.28 825.838 537.76C824.985 536.213 824.558 534.36 824.558 532.2C824.558 530.067 824.985 528.227 825.838 526.68C826.718 525.133 827.851 523.947 829.238 523.12C830.625 522.293 832.078 521.88 833.598 521.88C835.385 521.88 836.878 522.28 838.078 523.08C839.278 523.853 840.185 524.947 840.798 526.36C841.411 527.747 841.718 529.36 841.718 531.2C841.718 532.16 841.651 532.907 841.518 533.44H829.038C829.251 535.173 829.878 536.52 830.918 537.48C831.958 538.44 833.265 538.92 834.838 538.92C835.691 538.92 836.478 538.8 837.198 538.56C837.945 538.293 838.678 537.933 839.398 537.48L840.958 540.36C840.025 540.973 838.985 541.48 837.838 541.88C836.691 542.28 835.491 542.48 834.238 542.48ZM828.998 530.32H837.718C837.718 528.8 837.385 527.613 836.718 526.76C836.051 525.88 835.051 525.44 833.718 525.44C832.571 525.44 831.545 525.867 830.638 526.72C829.758 527.547 829.211 528.747 828.998 530.32ZM724.959 599.76V572.36H728.759L729.079 574.44H729.239C730.066 573.747 730.986 573.147 731.999 572.64C733.039 572.133 734.092 571.88 735.159 571.88C737.612 571.88 739.506 572.787 740.839 574.6C742.199 576.413 742.879 578.84 742.879 581.88C742.879 584.12 742.479 586.04 741.679 587.64C740.879 589.213 739.839 590.413 738.559 591.24C737.306 592.067 735.946 592.48 734.479 592.48C733.626 592.48 732.772 592.293 731.919 591.92C731.066 591.52 730.239 590.987 729.439 590.32L729.559 593.6V599.76H724.959ZM733.519 588.68C734.826 588.68 735.919 588.107 736.799 586.96C737.679 585.813 738.119 584.133 738.119 581.92C738.119 579.947 737.786 578.413 737.119 577.32C736.452 576.227 735.372 575.68 733.879 575.68C732.492 575.68 731.052 576.413 729.559 577.88V587.04C730.279 587.627 730.972 588.053 731.639 588.32C732.306 588.56 732.932 588.68 733.519 588.68ZM747.537 592V572.36H751.337L751.657 575.84H751.817C752.511 574.56 753.351 573.587 754.337 572.92C755.324 572.227 756.337 571.88 757.377 571.88C758.311 571.88 759.057 572.013 759.617 572.28L758.817 576.28C758.471 576.173 758.151 576.093 757.857 576.04C757.564 575.987 757.204 575.96 756.777 575.96C756.004 575.96 755.191 576.267 754.337 576.88C753.484 577.467 752.751 578.507 752.137 580V592H747.537ZM770.108 592.48C768.482 592.48 766.962 592.08 765.548 591.28C764.135 590.453 762.988 589.28 762.108 587.76C761.228 586.213 760.788 584.36 760.788 582.2C760.788 580.013 761.228 578.16 762.108 576.64C762.988 575.093 764.135 573.92 765.548 573.12C766.962 572.293 768.482 571.88 770.108 571.88C771.762 571.88 773.295 572.293 774.708 573.12C776.122 573.92 777.268 575.093 778.148 576.64C779.028 578.16 779.468 580.013 779.468 582.2C779.468 584.36 779.028 586.213 778.148 587.76C777.268 589.28 776.122 590.453 774.708 591.28C773.295 592.08 771.762 592.48 770.108 592.48ZM770.108 588.72C771.548 588.72 772.682 588.12 773.508 586.92C774.335 585.72 774.748 584.147 774.748 582.2C774.748 580.227 774.335 578.64 773.508 577.44C772.682 576.24 771.548 575.64 770.108 575.64C768.668 575.64 767.535 576.24 766.708 577.44C765.908 578.64 765.508 580.227 765.508 582.2C765.508 584.147 765.908 585.72 766.708 586.92C767.535 588.12 768.668 588.72 770.108 588.72ZM792.222 592.48C790.435 592.48 788.822 592.08 787.382 591.28C785.968 590.453 784.835 589.28 783.982 587.76C783.155 586.213 782.742 584.36 782.742 582.2C782.742 580.013 783.195 578.16 784.102 576.64C785.008 575.093 786.208 573.92 787.702 573.12C789.222 572.293 790.848 571.88 792.582 571.88C793.835 571.88 794.928 572.093 795.862 572.52C796.795 572.947 797.622 573.467 798.342 574.08L796.102 577.08C795.595 576.627 795.075 576.28 794.542 576.04C794.008 575.773 793.435 575.64 792.822 575.64C791.248 575.64 789.955 576.24 788.942 577.44C787.955 578.64 787.462 580.227 787.462 582.2C787.462 584.147 787.942 585.72 788.902 586.92C789.888 588.12 791.155 588.72 792.702 588.72C793.475 588.72 794.195 588.56 794.862 588.24C795.555 587.893 796.182 587.493 796.742 587.04L798.622 590.08C797.715 590.88 796.702 591.48 795.582 591.88C794.462 592.28 793.342 592.48 792.222 592.48ZM809.922 592.48C808.108 592.48 806.468 592.08 805.002 591.28C803.535 590.453 802.375 589.28 801.522 587.76C800.668 586.213 800.242 584.36 800.242 582.2C800.242 580.067 800.668 578.227 801.522 576.68C802.402 575.133 803.535 573.947 804.922 573.12C806.308 572.293 807.762 571.88 809.282 571.88C811.068 571.88 812.562 572.28 813.762 573.08C814.962 573.853 815.868 574.947 816.482 576.36C817.095 577.747 817.402 579.36 817.402 581.2C817.402 582.16 817.335 582.907 817.202 583.44H804.722C804.935 585.173 805.562 586.52 806.602 587.48C807.642 588.44 808.948 588.92 810.522 588.92C811.375 588.92 812.162 588.8 812.882 588.56C813.628 588.293 814.362 587.933 815.082 587.48L816.642 590.36C815.708 590.973 814.668 591.48 813.522 591.88C812.375 592.28 811.175 592.48 809.922 592.48ZM804.682 580.32H813.402C813.402 578.8 813.068 577.613 812.402 576.76C811.735 575.88 810.735 575.44 809.402 575.44C808.255 575.44 807.228 575.867 806.322 576.72C805.442 577.547 804.895 578.747 804.682 580.32ZM827.275 592.48C825.942 592.48 824.608 592.227 823.275 591.72C821.942 591.187 820.795 590.533 819.835 589.76L821.995 586.8C822.875 587.467 823.755 588 824.635 588.4C825.515 588.8 826.448 589 827.435 589C828.502 589 829.288 588.773 829.795 588.32C830.302 587.867 830.555 587.307 830.555 586.64C830.555 586.08 830.342 585.627 829.915 585.28C829.515 584.907 828.995 584.587 828.355 584.32C827.715 584.027 827.048 583.747 826.355 583.48C825.502 583.16 824.648 582.773 823.795 582.32C822.968 581.84 822.288 581.24 821.755 580.52C821.222 579.773 820.955 578.853 820.955 577.76C820.955 576.027 821.595 574.613 822.875 573.52C824.155 572.427 825.888 571.88 828.075 571.88C829.462 571.88 830.702 572.12 831.795 572.6C832.888 573.08 833.835 573.627 834.635 574.24L832.515 577.04C831.822 576.533 831.115 576.133 830.395 575.84C829.702 575.52 828.968 575.36 828.195 575.36C827.208 575.36 826.475 575.573 825.995 576C825.515 576.4 825.275 576.907 825.275 577.52C825.275 578.293 825.675 578.88 826.475 579.28C827.275 579.68 828.208 580.067 829.275 580.44C830.182 580.76 831.062 581.16 831.915 581.64C832.768 582.093 833.475 582.693 834.035 583.44C834.622 584.187 834.915 585.173 834.915 586.4C834.915 588.08 834.262 589.52 832.955 590.72C831.648 591.893 829.755 592.48 827.275 592.48ZM844.502 592.48C843.168 592.48 841.835 592.227 840.502 591.72C839.168 591.187 838.022 590.533 837.062 589.76L839.222 586.8C840.102 587.467 840.982 588 841.862 588.4C842.742 588.8 843.675 589 844.662 589C845.728 589 846.515 588.773 847.022 588.32C847.528 587.867 847.782 587.307 847.782 586.64C847.782 586.08 847.568 585.627 847.142 585.28C846.742 584.907 846.222 584.587 845.582 584.32C844.942 584.027 844.275 583.747 843.582 583.48C842.728 583.16 841.875 582.773 841.022 582.32C840.195 581.84 839.515 581.24 838.982 580.52C838.448 579.773 838.182 578.853 838.182 577.76C838.182 576.027 838.822 574.613 840.102 573.52C841.382 572.427 843.115 571.88 845.302 571.88C846.688 571.88 847.928 572.12 849.022 572.6C850.115 573.08 851.062 573.627 851.862 574.24L849.742 577.04C849.048 576.533 848.342 576.133 847.622 575.84C846.928 575.52 846.195 575.36 845.422 575.36C844.435 575.36 843.702 575.573 843.222 576C842.742 576.4 842.502 576.907 842.502 577.52C842.502 578.293 842.902 578.88 843.702 579.28C844.502 579.68 845.435 580.067 846.502 580.44C847.408 580.76 848.288 581.16 849.142 581.64C849.995 582.093 850.702 582.693 851.262 583.44C851.848 584.187 852.142 585.173 852.142 586.4C852.142 588.08 851.488 589.52 850.182 590.72C848.875 591.893 846.982 592.48 844.502 592.48ZM856.248 592V572.36H860.848V592H856.248ZM858.568 568.92C857.741 568.92 857.075 568.68 856.568 568.2C856.061 567.72 855.808 567.08 855.808 566.28C855.808 565.507 856.061 564.88 856.568 564.4C857.075 563.92 857.741 563.68 858.568 563.68C859.395 563.68 860.061 563.92 860.568 564.4C861.075 564.88 861.328 565.507 861.328 566.28C861.328 567.08 861.075 567.72 860.568 568.2C860.061 568.68 859.395 568.92 858.568 568.92ZM866.717 592V572.36H870.517L870.837 575H870.997C871.877 574.147 872.837 573.413 873.877 572.8C874.917 572.187 876.104 571.88 877.437 571.88C879.544 571.88 881.077 572.56 882.037 573.92C882.997 575.28 883.477 577.2 883.477 579.68V592H878.877V580.28C878.877 578.653 878.637 577.507 878.157 576.84C877.677 576.173 876.89 575.84 875.797 575.84C874.944 575.84 874.184 576.053 873.517 576.48C872.877 576.88 872.144 577.48 871.317 578.28V592H866.717ZM895.94 600.68C894.393 600.68 892.993 600.493 891.74 600.12C890.513 599.747 889.54 599.173 888.82 598.4C888.126 597.653 887.78 596.707 887.78 595.56C887.78 593.933 888.713 592.533 890.58 591.36V591.2C890.073 590.88 889.646 590.453 889.3 589.92C888.98 589.387 888.82 588.72 888.82 587.92C888.82 587.147 889.033 586.453 889.46 585.84C889.913 585.2 890.42 584.68 890.98 584.28V584.12C890.313 583.613 889.713 582.907 889.18 582C888.673 581.093 888.42 580.067 888.42 578.92C888.42 577.4 888.78 576.12 889.5 575.08C890.22 574.04 891.166 573.253 892.34 572.72C893.54 572.16 894.82 571.88 896.18 571.88C896.713 571.88 897.22 571.933 897.7 572.04C898.206 572.12 898.66 572.227 899.06 572.36H906.1V575.76H902.5C902.82 576.133 903.086 576.613 903.3 577.2C903.513 577.76 903.62 578.387 903.62 579.08C903.62 580.52 903.286 581.747 902.62 582.76C901.953 583.747 901.06 584.493 899.94 585C898.82 585.507 897.566 585.76 896.18 585.76C895.753 585.76 895.313 585.72 894.86 585.64C894.406 585.56 893.953 585.427 893.5 585.24C893.206 585.507 892.966 585.773 892.78 586.04C892.62 586.307 892.54 586.667 892.54 587.12C892.54 587.68 892.766 588.12 893.22 588.44C893.7 588.76 894.54 588.92 895.74 588.92H899.22C901.593 588.92 903.38 589.307 904.58 590.08C905.806 590.827 906.42 592.053 906.42 593.76C906.42 595.04 905.993 596.2 905.14 597.24C904.286 598.307 903.073 599.147 901.5 599.76C899.926 600.373 898.073 600.68 895.94 600.68ZM896.18 582.88C897.113 582.88 897.913 582.533 898.58 581.84C899.246 581.147 899.58 580.173 899.58 578.92C899.58 577.693 899.246 576.747 898.58 576.08C897.94 575.387 897.14 575.04 896.18 575.04C895.22 575.04 894.406 575.373 893.74 576.04C893.073 576.707 892.74 577.667 892.74 578.92C892.74 580.173 893.073 581.147 893.74 581.84C894.406 582.533 895.22 582.88 896.18 582.88ZM896.66 597.68C898.233 597.68 899.513 597.36 900.5 596.72C901.486 596.08 901.98 595.347 901.98 594.52C901.98 593.747 901.673 593.227 901.06 592.96C900.473 592.693 899.62 592.56 898.5 592.56H895.82C894.753 592.56 893.86 592.467 893.14 592.28C892.126 593.053 891.62 593.92 891.62 594.88C891.62 595.76 892.073 596.44 892.98 596.92C893.886 597.427 895.113 597.68 896.66 597.68Z" fill="#FF9042" />
+    <defs>
+        <filter id="filter0_d_2_2" x="182" y="283" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter1_d_2_2" x="3627" y="283" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter2_d_2_2" x="1101" y="283" width="548" height="564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter3_d_2_2" x="2579" y="283" width="482" height="440" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter4_f_2_2" x="3177.98" y="395.983" width="323.723" height="323.723" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="19.5" result="effect1_foregroundBlur_2_2" />
+        </filter>
+        <filter id="filter5_d_2_2" x="182" y="463" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter6_d_2_2" x="3627" y="463" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter7_d_2_2" x="182" y="643" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter8_f_2_2" x="1855" y="667" width="512" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="32.5" result="effect1_foregroundBlur_2_2" />
+        </filter>
+        <filter id="filter9_d_2_2" x="1829" y="283" width="564" height="564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.254902 0 0 0 0 0.596078 0 0 0 0 1 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter10_f_2_2" x="652.293" y="401.294" width="323.723" height="323.723" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="19.5" result="effect1_foregroundBlur_2_2" />
+        </filter>
+        <linearGradient id="paint0_linear_2_2" x1="3240.73" y1="633.235" x2="3462.68" y2="506.178" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#EC8F5A" />
+            <stop offset="1" stop-color="#FBFF44" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_2_2" x1="1944" y1="285" x2="2374.5" y2="865" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#74EEFF" />
+            <stop offset="1" stop-color="#3B82F6" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_2_2" x1="715.04" y1="638.546" x2="936.994" y2="511.489" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#EC8F5A" />
+            <stop offset="1" stop-color="#FBFF44" />
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/guides/assets/embed_this_space.png b/guides/assets/embed_this_space.png
new file mode 100644
index 0000000..8b37e80
Binary files /dev/null and b/guides/assets/embed_this_space.png differ
diff --git a/guides/assets/flagging-callback-hf.png b/guides/assets/flagging-callback-hf.png
new file mode 100644
index 0000000..5e049fb
Binary files /dev/null and b/guides/assets/flagging-callback-hf.png differ
diff --git a/guides/assets/hf_demo.mp4 b/guides/assets/hf_demo.mp4
new file mode 100644
index 0000000..deb6d28
Binary files /dev/null and b/guides/assets/hf_demo.mp4 differ
diff --git a/guides/assets/logo.png b/guides/assets/logo.png
new file mode 100644
index 0000000..e465f2b
Binary files /dev/null and b/guides/assets/logo.png differ
diff --git a/guides/assets/secrets.png b/guides/assets/secrets.png
new file mode 100644
index 0000000..b14d9d1
Binary files /dev/null and b/guides/assets/secrets.png differ
diff --git a/guides/assets/share_icon.png b/guides/assets/share_icon.png
new file mode 100644
index 0000000..4822451
Binary files /dev/null and b/guides/assets/share_icon.png differ
diff --git a/guides/assets/sharing.svg b/guides/assets/sharing.svg
new file mode 100644
index 0000000..334e0d0
--- /dev/null
+++ b/guides/assets/sharing.svg
@@ -0,0 +1,487 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="551.7179"
+   height="354.22409"
+   overflow="hidden"
+   version="1.1"
+   id="svg145"
+   sodipodi:docname="sharing.svg"
+   style="overflow:hidden"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata149">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1106"
+     id="namedview147"
+     showgrid="false"
+     inkscape:zoom="1.9348081"
+     inkscape:cx="152.75133"
+     inkscape:cy="163.92568"
+     inkscape:window-x="-11"
+     inkscape:window-y="-11"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g143" />
+  <defs
+     id="defs59">
+    <clipPath
+       id="clip0">
+      <path
+         d="M 281,166 H 831 V 511 H 281 Z"
+         id="path2"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip1">
+      <path
+         d="M 688,166 H 830 V 308 H 688 Z"
+         id="path5"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip2">
+      <path
+         d="M 688,166 H 830 V 308 H 688 Z"
+         id="path8"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip3">
+      <path
+         d="M 688,166 H 830 V 308 H 688 Z"
+         id="path11"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip4">
+      <path
+         d="m 711,411 h 99 v 99 h -99 z"
+         id="path14"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip5">
+      <path
+         d="m 711,411 h 99 v 99 h -99 z"
+         id="path17"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip6">
+      <path
+         d="m 711,411 h 99 v 99 h -99 z"
+         id="path20"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip7">
+      <path
+         d="M 282,247 H 473 V 439 H 282 Z"
+         id="path23"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip8">
+      <path
+         d="M 282,247 H 473 V 439 H 282 Z"
+         id="path26"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip9">
+      <path
+         d="M 282,247 H 473 V 439 H 282 Z"
+         id="path29"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip10">
+      <path
+         d="m 715,210 h 38 v 38 h -38 z"
+         id="path32"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip11">
+      <path
+         d="m 715,210 h 38 v 38 h -38 z"
+         id="path35"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip12">
+      <path
+         d="m 715,210 h 38 v 38 h -38 z"
+         id="path38"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip13">
+      <path
+         d="m 747,438 h 24 v 25 h -24 z"
+         id="path41"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip14">
+      <path
+         d="m 747,438 h 24 v 25 h -24 z"
+         id="path44"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip15">
+      <path
+         d="m 747,438 h 24 v 25 h -24 z"
+         id="path47"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip16">
+      <path
+         d="m 308,293 h 76 v 77 h -76 z"
+         id="path50"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip17">
+      <path
+         d="m 308,293 h 76 v 77 h -76 z"
+         id="path53"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip18">
+      <path
+         d="m 308,293 h 76 v 77 h -76 z"
+         id="path56"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+  </defs>
+  <g
+     clip-path="url(#clip0)"
+     transform="translate(-301.97917,-190.708)"
+     id="g143">
+    <rect
+       x="762"
+       y="479"
+       width="30"
+       height="21"
+       id="rect61"
+       style="fill:#e6e6e6" />
+    <g
+       clip-path="url(#clip1)"
+       id="g69"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip2)"
+         id="g67"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip3)"
+           id="g65"
+           style="fill:#e6e6e6">
+          <path
+             d="M 809.292,260.667 H 708.708 v -65.084 h 100.584 z m 2.958,-73.959 h -106.5 c -3.254,0 -5.917,2.663 -5.917,5.917 v 71 c 0,3.254 2.663,5.917 5.917,5.917 h 41.417 v 8.875 h -14.792 v 8.875 h 53.25 v -8.875 h -14.792 v -8.875 h 41.417 c 3.254,0 5.917,-2.663 5.917,-5.917 v -71 c 0,-3.254 -2.663,-5.917 -5.917,-5.917 z"
+             id="path63"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+    <rect
+       x="729"
+       y="205"
+       width="42"
+       height="56"
+       id="rect71"
+       style="fill:#e6e6e6" />
+    <g
+       clip-path="url(#clip4)"
+       id="g79"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip5)"
+         id="g77"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip6)"
+           id="g75"
+           style="fill:#e6e6e6">
+          <path
+             d="m 779.063,493.5 h -37.125 v -66 h 37.125 z m -22.688,-74.25 h 8.25 c 1.134,0 2.063,0.928 2.063,2.063 0,1.134 -0.929,2.062 -2.063,2.062 h -8.25 c -1.134,0 -2.062,-0.928 -2.062,-2.062 0,-1.135 0.928,-2.063 2.062,-2.063 z m 26.813,-4.125 h -45.375 c -1.135,0 -2.063,0.928 -2.063,2.063 v 86.625 c 0,1.134 0.928,2.062 2.063,2.062 h 45.375 c 1.134,0 2.062,-0.928 2.062,-2.062 v -86.625 c 0,-1.135 -0.928,-2.063 -2.062,-2.063 z"
+             id="path73"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+    <g
+       clip-path="url(#clip7)"
+       id="g89"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip8)"
+         id="g87"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip9)"
+           id="g85"
+           style="fill:#e6e6e6">
+          <path
+             d="M 111.417,115.396 H 15.9167 V 51.7292 h 95.5003 z m 3.979,-75.6043 H 11.9375 c -4.37708,0 -7.95833,3.5812 -7.95833,7.9583 v 71.625 c 0,4.377 3.58125,7.958 7.95833,7.958 h 39.7917 v 11.938 H 33.8229 v 11.937 H 93.5104 V 139.271 H 75.6042 v -11.938 h 39.7918 c 4.377,0 7.958,-3.581 7.958,-7.958 V 47.75 c 0,-4.3771 -3.581,-7.9583 -7.958,-7.9583 z"
+             transform="matrix(1,0,0,1.00524,282,247)"
+             id="path81"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+          <path
+             d="M 179.063,59.6875 H 139.271 V 47.75 h 39.792 z m 0,19.8958 H 139.271 V 67.6458 h 39.792 z m -19.896,59.6877 c -3.383,0 -5.969,-2.587 -5.969,-5.969 0,-3.382 2.586,-5.969 5.969,-5.969 3.382,0 5.968,2.587 5.968,5.969 0,3.382 -2.586,5.969 -5.968,5.969 z m 19.896,-99.4793 h -39.792 c -4.377,0 -7.958,3.5812 -7.958,7.9583 v 95.5 c 0,4.377 3.581,7.958 7.958,7.958 h 39.792 c 4.377,0 7.958,-3.581 7.958,-7.958 v -95.5 c 0,-4.3771 -3.581,-7.9583 -7.958,-7.9583 z"
+             transform="matrix(1,0,0,1.00524,282,247)"
+             id="path83"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+    <path
+       d="M 427,343 V 330.812 C 427,315.452 439.452,303 454.812,303 h 7.063 c 15.361,0 27.812,12.452 27.812,27.812 v 0 H 495 L 485,343 475,330.812 h 5.313 v 0 c 0,-10.183 -8.255,-18.437 -18.438,-18.437 h -7.063 c -10.183,0 -18.437,8.254 -18.437,18.437 V 343 Z"
+       id="path91"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="m 489,351 v 12.188 C 489,378.548 476.548,391 461.188,391 h -6.063 c -15.361,0 -27.812,-12.452 -27.812,-27.812 v 0 H 422 L 432,351 l 10,12.188 h -5.313 v 0 c 0,10.183 8.255,18.437 18.438,18.437 h 6.063 c 10.183,0 18.437,-8.254 18.437,-18.437 V 351 Z"
+       id="path93"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="M 692,222.00001 475.2499,222 c -12.5644,0 -22.74989,10.1855 -22.74989,22.75 v 16.2499 H 446 L 459,274 472,260.9999 h -6.5 V 244.75 c 0,-5.3847 4.3652,-9.7499 9.7499,-9.7499 l 216.7501,1e-5 z"
+       id="path95"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="m 454,422 v 20.5625 c 0,11.3564 9.20613,20.5625 20.5625,20.5625 H 715.25 V 469 L 727,457.25 715.25,445.5 v 5.875 H 474.5625 c -4.867,0 -8.8125,-3.9455 -8.8125,-8.8125 V 422 Z"
+       id="path97"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="m 783,405 v -21.4374 c 0,-11.8396 -9.59784,-21.43741 -21.4374,-21.43741 L 517.25,362.12487 v -6.12489 l -12.25,12.2501 12.25,12.2501 v -6.1252 l 244.3126,2e-5 c 5.0742,0 9.1876,4.1134 9.1876,9.1876 L 770.7499,405 Z"
+       id="path99"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="M 508,346.00001 757.1249,346 c 11.1147,0 20.12488,-9.01022 20.12488,-20.1249 l 3e-4,-14.3753 H 783 L 771.4999,300 760,311.4998 h 5.7499 v 14.3753 c 0,4.7635 -3.8615,8.625 -8.625,8.625 L 508,334.49981 Z"
+       id="path101"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <g
+       clip-path="url(#clip10)"
+       id="g111"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip11)"
+         id="g109">
+        <g
+           clip-path="url(#clip12)"
+           id="g107">
+          <path
+             d="m 725.988,240.479 c 0,0.656 0.532,1.188 1.188,1.188 0.656,0 1.187,-0.532 1.187,-1.188 v -8.312 h -2.375 z"
+             id="path103"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+          <path
+             d="m 716.944,232.764 c -0.396,-0.003 -0.737,0.277 -0.812,0.665 -0.07,0.432 0.223,0.839 0.655,0.909 0.045,0.007 0.091,0.01 0.137,0.01 h 1.104 c 1.71,-0.123 3.167,-1.374 3.167,-2.977 v -2.676 c 0.002,-1.068 0.69,-2.013 1.706,-2.343 -0.352,0.447 -0.615,0.958 -0.776,1.504 -0.071,0.243 -0.103,0.495 -0.095,0.748 v 11.836 c -0.01,0.581 0.385,1.091 0.95,1.227 0.643,0.131 1.27,-0.284 1.401,-0.926 0.015,-0.073 0.023,-0.148 0.024,-0.222 v -9.144 h 4.164 c 2.165,4.279 6.71,3.764 8.899,3.832 h 0.197 v 5.185 c -0.012,0.645 0.468,1.193 1.109,1.267 0.666,0.033 1.232,-0.481 1.265,-1.147 10e-4,-0.013 10e-4,-0.027 10e-4,-0.041 v -5.343 h 1.584 v 5.304 c -0.011,0.581 0.384,1.091 0.95,1.227 0.642,0.131 1.27,-0.284 1.401,-0.926 0.015,-0.073 0.023,-0.148 0.024,-0.222 v -8.016 c 0.409,0.307 0.671,0.77 0.724,1.279 v 0 c 0.059,-0.075 0.123,-0.147 0.19,-0.222 0.067,-0.075 0.131,-0.146 0.194,-0.222 0.32,-0.369 0.479,-0.85 0.443,-1.338 -0.059,-0.791 -0.071,-1.543 -0.071,-1.543 0.485,0.214 0.825,0.663 0.899,1.187 v 0 c 0.129,-0.265 0.234,-0.542 0.312,-0.827 0.182,-0.724 0.167,-2.043 0.285,-2.854 0.006,-0.256 0.217,-0.459 0.473,-0.454 0.013,0.001 0.025,0.001 0.038,0.003 l 2.375,0.324 c 0.437,-0.003 0.789,-0.36 0.786,-0.797 0,-0.061 -0.008,-0.121 -0.022,-0.18 l -0.206,-0.792 0.226,0.063 c 0.289,0.08 0.594,-0.058 0.724,-0.328 l 0.487,-1.014 c 0.132,-0.271 0.062,-0.598 -0.17,-0.791 -0.538,-0.451 -1.457,-1.231 -1.457,-1.251 0.238,-0.994 -0.898,-1.674 -0.898,-1.674 0.376,-0.398 0.559,-0.94 0.502,-1.485 -0.038,-1.127 -0.843,-2.082 -1.947,-2.311 v 1.44 c -0.823,-1.294 -2.803,-2.573 -6.452,-2.323 -0.736,0.023 -1.466,0.131 -2.177,0.32 0,0 0,0 0,0 0.844,0.293 1.596,0.805 2.177,1.485 0,0 -2.161,-0.356 -3.258,1.358 -1.096,1.713 -3.456,2.042 -3.665,2.066 0,0 0,0 0,0 0.374,0.387 0.833,0.681 1.341,0.859 0.358,0.066 0.719,0.114 1.081,0.142 -1.583,1.243 -3.958,0.962 -4.164,0.934 0,0 0,0 0,0 0.341,0.389 0.707,0.756 1.096,1.097 h -7.877 -2.339 c -2.236,0.002 -4.049,1.813 -4.053,4.049 v 2.482 c 0,0.875 -0.709,1.583 -1.584,1.583 z"
+             id="path105"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+        </g>
+      </g>
+    </g>
+    <rect
+       x="777"
+       y="205"
+       width="44"
+       height="56"
+       id="rect113"
+       style="fill:#e6e6e6" />
+    <rect
+       x="762"
+       y="435"
+       width="30"
+       height="39"
+       id="rect115"
+       style="fill:#e6e6e6" />
+    <g
+       clip-path="url(#clip13)"
+       id="g125"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip14)"
+         id="g123">
+        <g
+           clip-path="url(#clip15)"
+           id="g121">
+          <path
+             d="m 6.94,19.25 c 0,0.4142 0.33577,0.75 0.75,0.75 0.41423,0 0.75,-0.3358 0.75,-0.75 V 14 h -1.5 z"
+             transform="matrix(1,0,0,1.04167,747,438)"
+             id="path117"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+          <path
+             d="m 1.2275,14.3775 c -0.249818,-0.002 -0.46544,0.1746 -0.5125,0.42 -0.044205,0.2726 0.14093,0.5294 0.41351,0.5736 0.02859,0.0046 0.05753,0.0068 0.08649,0.0064 h 0.6975 c 1.08,-0.0775 2,-0.8675 2,-1.88 v -1.69 C 3.91403,11.1331 4.3487,10.5361 4.99,10.3275 4.76775,10.6101 4.60145,10.9326 4.5,11.2775 4.45522,11.4309 4.43495,11.5903 4.44,11.75 v 7.475 C 4.4334,19.5921 4.68295,19.9144 5.04,20 5.44583,20.0829 5.84202,19.8211 5.9249,19.4152 5.93433,19.3691 5.93937,19.3221 5.94,19.275 V 13.5 h 2.63 c 1.3675,2.7025 4.2375,2.3775 5.62,2.42 h 0.125 v 3.275 c -0.0078,0.4072 0.2953,0.7537 0.7,0.8 0.4206,0.0208 0.7784,-0.3034 0.7991,-0.724 5e-4,-0.0086 8e-4,-0.0173 9e-4,-0.026 V 15.87 h 1 v 3.35 c -0.0066,0.3671 0.2429,0.6894 0.6,0.775 0.4059,0.0829 0.802,-0.1789 0.8849,-0.5848 0.0094,-0.0461 0.0145,-0.0931 0.0151,-0.1402 v -5.0625 c 0.2582,0.1938 0.424,0.4864 0.4575,0.8075 v 0 c 0.0375,-0.0475 0.0775,-0.0925 0.12,-0.14 0.0425,-0.0475 0.0825,-0.0925 0.1225,-0.14 0.2017,-0.2334 0.3025,-0.5374 0.28,-0.845 -0.0375,-0.5 -0.045,-0.975 -0.045,-0.975 0.3061,0.135 0.5208,0.4187 0.5675,0.75 v 0 c 0.082,-0.1677 0.148,-0.3426 0.1975,-0.5225 0.115,-0.4575 0.105,-1.29 0.18,-1.8025 0.0033,-0.1615 0.1369,-0.2898 0.2984,-0.2865 0.008,2e-4 0.0161,7e-4 0.0241,0.0015 l 1.5,0.205 c 0.2761,-0.0019 0.4984,-0.2274 0.4965,-0.5035 -3e-4,-0.0384 -0.005,-0.0767 -0.014,-0.114 l -0.13,-0.5 0.1425,0.04 c 0.1826,0.0502 0.375,-0.037 0.4575,-0.2075 l 0.3075,-0.64 C 23.3608,9.16343 23.3165,8.95715 23.17,8.835 22.83,8.55 22.25,8.0575 22.25,8.045 22.4,7.4175 21.6825,6.9875 21.6825,6.9875 21.92,6.73628 22.036,6.39385 22,6.05 21.9757,5.33795 21.4676,4.73485 20.77,4.59 V 5.5 C 20.25,4.6825 19,3.875 16.695,4.0325 16.2304,4.04715 15.7691,4.1151 15.32,4.235 c 0,0 0,0 0,0 0.5335,0.1848 1.0081,0.5084 1.375,0.9375 0,0 -1.365,-0.225 -2.0575,0.8575 -0.6925,1.0825 -2.1825,1.29 -2.315,1.305 0,0 0,0 0,0 0.2365,0.2443 0.5266,0.43008 0.8475,0.5425 0.2258,0.04203 0.4536,0.07207 0.6825,0.09 -1,0.785 -2.5,0.6075 -2.63,0.59 0,0 0,0 0,0 0.2155,0.2457 0.4468,0.47702 0.6925,0.6925 H 6.94 5.4625 c -1.4123,0.00138 -2.55725,1.1452 -2.56,2.5575 v 1.5675 c 0,0.5523 -0.44771,1 -1,1 z"
+             transform="matrix(1,0,0,1.04167,747,438)"
+             id="path119"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+        </g>
+      </g>
+    </g>
+    <rect
+       x="780"
+       y="237"
+       width="25"
+       height="9"
+       id="rect127"
+       style="fill:#7f7f7f" />
+    <rect
+       x="780"
+       y="249"
+       width="17"
+       height="9"
+       id="rect129"
+       style="fill:#7f7f7f" />
+    <g
+       clip-path="url(#clip16)"
+       id="g141"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip17)"
+         id="g139"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip18)"
+           id="g137"
+           style="fill:#e6e6e6">
+          <path
+             d="m 19.7125,49.7958 -2.2167,-2.2166 6.8084,-6.8084 -6.8084,-6.8083 2.2167,-2.2167 9.025,9.025 z"
+             transform="matrix(1,0,0,1.01316,308,293)"
+             id="path131"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+          <path
+             d="M 6.33333,13.4583 V 62.5417 H 69.6667 V 13.4583 Z m 54.62497,4.75 c 0.8709,0 1.5834,0.7125 1.5834,1.5834 0,0.8708 -0.7125,1.5833 -1.5834,1.5833 -0.8708,0 -1.5833,-0.7125 -1.5833,-1.5833 0,-0.8709 0.7125,-1.5834 1.5833,-1.5834 z m -5.5416,0 c 0.8708,0 1.5833,0.7125 1.5833,1.5834 0,0.8708 -0.7125,1.5833 -1.5833,1.5833 -0.8709,0 -1.5834,-0.7125 -1.5834,-1.5833 0,-0.8709 0.7125,-1.5834 1.5834,-1.5834 z m -5.5417,0 c 0.8708,0 1.5833,0.7125 1.5833,1.5834 0,0.8708 -0.7125,1.5833 -1.5833,1.5833 -0.8708,0 -1.5833,-0.7125 -1.5833,-1.5833 0,-0.8709 0.7125,-1.5834 1.5833,-1.5834 z M 64.9167,57.7917 H 11.0833 V 26.125 h 53.8334 z"
+             transform="matrix(1,0,0,1.01316,308,293)"
+             id="path133"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+          <path
+             d="M 30.0833,46.7083 H 42.75 V 49.875 H 30.0833 Z"
+             transform="matrix(1,0,0,1.01316,308,293)"
+             id="path135"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24px;line-height:1.25;font-family:Marlett;-inkscape-font-specification:Marlett;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+     x="466.40768"
+     y="26.722836"
+     id="text153"><tspan
+       sodipodi:role="line"
+       id="tspan151"
+       x="466.40768"
+       y="53.722836" /></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:17.05692863px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1"
+     x="480.38916"
+     y="34.031235"
+     id="text157"><tspan
+       sodipodi:role="line"
+       id="tspan155"
+       x="480.38916"
+       y="34.031235"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:'Arial Bold';stroke-width:1.40705287">lion</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:13.5049057px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1"
+     x="463.01477"
+     y="302.10855"
+     id="text157-3"><tspan
+       sodipodi:role="line"
+       id="tspan155-5"
+       x="463.01477"
+       y="302.10855"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:'Arial Bold';stroke-width:1.40705287">lion</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:17.25738335px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Heavy';letter-spacing:0px;word-spacing:0px;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.99999994"
+     x="46.146866"
+     y="352.89612"
+     id="text179"><tspan
+       sodipodi:role="line"
+       id="tspan177"
+       x="46.146866"
+       y="352.89612"
+       style="stroke-width:0.99999994">HOST</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:18.18510628px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Heavy';letter-spacing:0px;word-spacing:0px;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.99999994"
+     x="392.19867"
+     y="353.99323"
+     id="text179-9"><tspan
+       sodipodi:role="line"
+       id="tspan177-4"
+       x="392.19867"
+       y="353.99323"
+       style="stroke-width:0.99999994">REMOTE USERS</tspan></text>
+</svg>
diff --git a/guides/assets/use_via_api.png b/guides/assets/use_via_api.png
new file mode 100644
index 0000000..1e17e8f
Binary files /dev/null and b/guides/assets/use_via_api.png differ
diff --git a/guides/cn/01_getting-started/01_quickstart.md b/guides/cn/01_getting-started/01_quickstart.md
new file mode 100644
index 0000000..9a2a9ab
--- /dev/null
+++ b/guides/cn/01_getting-started/01_quickstart.md
@@ -0,0 +1,118 @@
+# 快速开始
+
+**先决条件**：Gradio 需要 Python 3.10 或更高版本，就是这样！
+
+## Gradio 是做什么的？
+
+与他人分享您的机器学习模型、API 或数据科学流程的*最佳方式之一*是创建一个**交互式应用程序**，让您的用户或同事可以在他们的浏览器中尝试演示。
+
+Gradio 允许您**使用 Python 构建演示并共享这些演示**。通常只需几行代码！那么我们开始吧。
+
+## Hello, World
+
+要通过一个简单的“Hello, World”示例运行 Gradio，请遵循以下三个步骤：
+
+1. 使用 pip 安装 Gradio：
+
+```bash
+pip install gradio
+```
+
+2. 将下面的代码作为 Python 脚本运行或在 Jupyter Notebook 中运行（或者 [Google Colab](https://colab.research.google.com/drive/18ODkJvyxHutTN0P5APWyGFO_xwNcgHDZ?usp=sharing)）：
+
+$code_hello_world
+
+我们将导入的名称缩短为 `gr`，以便以后在使用 Gradio 的代码中更容易理解。这是一种广泛采用的约定，您应该遵循，以便与您的代码一起工作的任何人都可以轻松理解。
+
+3. 在 Jupyter Notebook 中，该演示将自动显示；如果从脚本运行，则会在浏览器中弹出，网址为 [http://localhost:7860](http://localhost:7860)：
+
+$demo_hello_world
+
+在本地开发时，如果您想将代码作为 Python 脚本运行，您可以使用 Gradio CLI 以**重载模式**启动应用程序，这将提供无缝和快速的开发。了解有关[自动重载指南](https://gradio.app/developing-faster-with-reload-mode/)中重新加载的更多信息。
+
+```bash
+gradio app.py
+```
+
+注意：您也可以运行 `python app.py`，但它不会提供自动重新加载机制。
+
+## `Interface` 类
+
+您会注意到为了创建演示，我们创建了一个 `gr.Interface`。`Interface` 类可以将任何 Python 函数与用户界面配对。在上面的示例中，我们看到了一个简单的基于文本的函数，但该函数可以是任何内容，从音乐生成器到税款计算器再到预训练的机器学习模型的预测函数。
+
+`Interface` 类的核心是使用三个必需参数进行初始化：
+
+- `fn`：要在其周围包装 UI 的函数
+- `inputs`：用于输入的组件（例如 `"text"`、`"image"` 或 `"audio"`）
+- `outputs`：用于输出的组件（例如 `"text"`、`"image"` 或 `"label"`）
+
+让我们更详细地了解用于提供输入和输出的组件。
+
+## 组件属性 (Components Attributes)
+
+我们在前面的示例中看到了一些简单的 `Textbox` 组件，但是如果您想更改 UI 组件的外观或行为怎么办？
+
+假设您想自定义输入文本字段 - 例如，您希望它更大并具有文本占位符。如果我们使用实际的 `Textbox` 类而不是使用字符串快捷方式，您可以通过组件属性获得更多的自定义功能。
+
+$code_hello_world_2
+$demo_hello_world_2
+
+## 多个输入和输出组件
+
+假设您有一个更复杂的函数，具有多个输入和输出。在下面的示例中，我们定义了一个接受字符串、布尔值和数字，并返回字符串和数字的函数。请看一下如何传递输入和输出组件的列表。
+
+$code_hello_world_3
+$demo_hello_world_3
+
+只需将组件包装在列表中。`inputs` 列表中的每个组件对应函数的一个参数，顺序相同。`outputs` 列表中的每个组件对应函数返回的一个值，同样是顺序。
+
+## 图像示例
+
+Gradio 支持许多类型的组件，例如 `Image`、`DataFrame`、`Video` 或 `Label`。让我们尝试一个图像到图像的函数，以了解这些组件的感觉！
+
+$code_sepia_filter
+$demo_sepia_filter
+
+使用 `Image` 组件作为输入时，您的函数将接收到一个形状为`（高度，宽度，3）` 的 NumPy 数组，其中最后一个维度表示 RGB 值。我们还将返回一个图像，形式为 NumPy 数组。
+
+您还可以使用 `type=` 关键字参数设置组件使用的数据类型。例如，如果您希望函数接受图像文件路径而不是 NumPy 数组，输入 `Image` 组件可以写成：
+
+```python
+gr.Image(type="filepath")
+```
+
+还要注意，我们的输入 `Image` 组件附带有一个编辑按钮🖉，允许裁剪和缩放图像。通过这种方式操作图像可以帮助揭示机器学习模型中的偏见或隐藏的缺陷！
+
+您可以在[Gradio 文档](https://gradio.app/docs)中阅读有关许多组件以及如何使用它们的更多信息。
+
+## Blocks：更灵活和可控
+
+Gradio 提供了两个类来构建应用程序：
+
+1. **Interface**，提供了用于创建演示的高级抽象，我们到目前为止一直在讨论。
+
+2. **Blocks**，用于以更灵活的布局和数据流设计 Web 应用程序的低级 API。Blocks 允许您执行诸如特性多个数据流和演示，控制组件在页面上的出现位置，处理复杂的数据流（例如，输出可以作为其他函数的输入），并基于用户交互更新组件的属性 / 可见性等操作 - 仍然全部使用 Python。如果您需要这种可定制性，请尝试使用 `Blocks`！
+
+## Hello, Blocks
+
+让我们看一个简单的示例。请注意，此处的 API 与 `Interface` 不同。
+
+$code_hello_blocks
+$demo_hello_blocks
+
+需要注意的事项：
+
+- `Blocks` 可以使用 `with` 子句创建，此子句中创建的任何组件都会自动添加到应用程序中。
+- 组件以按创建顺序垂直放置在应用程序中。（稍后我们将介绍自定义布局！）
+- 创建了一个 `Button`，然后在此按钮上添加了一个 `click` 事件监听器。对于这个 API，应该很熟悉！与 `Interface` 类似，`click` 方法接受一个 Python 函数、输入组件和输出组件。
+
+## 更复杂的应用
+
+下面是一个应用程序，以让您对 `Blocks` 可以实现的更多内容有所了解：
+
+$code_blocks_flipper
+$demo_blocks_flipper
+
+这里有更多的东西！在[building with blocks](https://gradio.app/building_with_blocks)部分中，我们将介绍如何创建像这样的复杂的 `Blocks` 应用程序。
+
+恭喜，您已经熟悉了 Gradio 的基础知识！ 🥳 转到我们的[下一个指南](https://gradio.app/key_features)了解更多关于 Gradio 的主要功能。
diff --git a/guides/cn/01_getting-started/02_key-features.md b/guides/cn/01_getting-started/02_key-features.md
new file mode 100644
index 0000000..ce48081
--- /dev/null
+++ b/guides/cn/01_getting-started/02_key-features.md
@@ -0,0 +1,266 @@
+# 主要特点
+
+让我们来介绍一下 Gradio 最受欢迎的一些功能！这里是 Gradio 的主要特点：
+
+1. [添加示例输入](#example-inputs)
+2. [传递自定义错误消息](#errors)
+3. [添加描述内容](#descriptive-content)
+4. [设置旗标](#flagging)
+5. [预处理和后处理](#preprocessing-and-postprocessing)
+6. [样式化演示](#styling)
+7. [排队用户](#queuing)
+8. [迭代输出](#iterative-outputs)
+9. [进度条](#progress-bars)
+10. [批处理函数](#batch-functions)
+11. [在协作笔记本上运行](#colab-notebooks)
+
+## 示例输入
+
+您可以提供用户可以轻松加载到 "Interface" 中的示例数据。这对于演示模型期望的输入类型以及演示数据集和模型一起探索的方式非常有帮助。要加载示例数据，您可以将嵌套列表提供给 Interface 构造函数的 `examples=` 关键字参数。外部列表中的每个子列表表示一个数据样本，子列表中的每个元素表示每个输入组件的输入。有关每个组件的示例数据格式在[Docs](https://gradio.app/docs/components)中有说明。
+
+$code_calculator
+$demo_calculator
+
+您可以将大型数据集加载到示例中，通过 Gradio 浏览和与数据集进行交互。示例将自动分页（可以通过 Interface 的 `examples_per_page` 参数进行配置）。
+
+继续了解示例，请参阅[更多示例](https://gradio.app/more-on-examples)指南。
+
+## 错误
+
+您希望向用户传递自定义错误消息。为此，with `gr.Error("custom message")` 来显示错误消息。如果在上面的计算器示例中尝试除以零，将显示自定义错误消息的弹出模态窗口。了解有关错误的更多信息，请参阅[文档](https://gradio.app/docs/error)。
+
+## 描述性内容
+
+在前面的示例中，您可能已经注意到 Interface 构造函数中的 `title=` 和 `description=` 关键字参数，帮助用户了解您的应用程序。
+
+Interface 构造函数中有三个参数用于指定此内容应放置在哪里：
+
+- `title`：接受文本，并可以将其显示在界面的顶部，也将成为页面标题。
+- `description`：接受文本、Markdown 或 HTML，并将其放置在标题正下方。
+- `article`：也接受文本、Markdown 或 HTML，并将其放置在界面下方。
+
+![annotated](/assets/guides/annotated.png)
+
+如果您使用的是 `Blocks` API，则可以 with `gr.Markdown(...)` 或 `gr.HTML(...)` 组件在任何位置插入文本、Markdown 或 HTML，其中描述性内容位于 `Component` 构造函数内部。
+
+另一个有用的关键字参数是 `label=`，它存在于每个 `Component` 中。这修改了每个 `Component` 顶部的标签文本。还可以为诸如 `Textbox` 或 `Radio` 之类的表单元素添加 `info=` 关键字参数，以提供有关其用法的进一步信息。
+
+```python
+gr.Number(label='年龄', info='以年为单位，必须大于0')
+```
+
+## 旗标
+
+默认情况下，"Interface" 将有一个 "Flag" 按钮。当用户测试您的 `Interface` 时，如果看到有趣的输出，例如错误或意外的模型行为，他们可以将输入标记为您进行查看。在由 `Interface` 构造函数的 `flagging_dir=` 参数提供的目录中，将记录标记的输入到一个 CSV 文件中。如果界面涉及文件数据，例如图像和音频组件，将创建文件夹来存储这些标记的数据。
+
+例如，对于上面显示的计算器界面，我们将在下面的旗标目录中存储标记的数据：
+
+```directory
++-- calculator.py
++-- flagged/
+|   +-- logs.csv
+```
+
+_flagged/logs.csv_
+
+```csv
+num1,operation,num2,Output
+5,add,7,12
+6,subtract,1.5,4.5
+```
+
+与早期显示的冷色界面相对应，我们将在下面的旗标目录中存储标记的数据：
+
+```directory
++-- sepia.py
++-- flagged/
+|   +-- logs.csv
+|   +-- im/
+|   |   +-- 0.png
+|   |   +-- 1.png
+|   +-- Output/
+|   |   +-- 0.png
+|   |   +-- 1.png
+```
+
+_flagged/logs.csv_
+
+```csv
+im,Output
+im/0.png,Output/0.png
+im/1.png,Output/1.png
+```
+
+如果您希望用户提供旗标原因，可以将字符串列表传递给 Interface 的 `flagging_options` 参数。用户在进行旗标时必须选择其中一个字符串，这将作为附加列保存到 CSV 中。
+
+## 预处理和后处理 (Preprocessing and Postprocessing)
+
+![annotated](/assets/img/dataflow.svg)
+
+如您所见，Gradio 包括可以处理各种不同数据类型的组件，例如图像、音频和视频。大多数组件都可以用作输入或输出。
+
+当组件用作输入时，Gradio 自动处理*预处理*，将数据从用户浏览器发送的类型（例如网络摄像头快照的 base64 表示）转换为您的函数可以接受的形式（例如 `numpy` 数组）。
+
+同样，当组件用作输出时，Gradio 自动处理*后处理*，将数据从函数返回的形式（例如图像路径列表）转换为可以在用户浏览器中显示的形式（例如以 base64 格式显示图像的 `Gallery`）。
+
+您可以使用构建图像组件时的参数控制*预处理*。例如，如果您使用以下参数实例化 `Image` 组件，它将将图像转换为 `PIL` 类型，并将其重塑为`(100, 100)`，而不管提交时的原始大小如何：
+
+```py
+img = gr.Image(width=100, height=100, type="pil")
+```
+
+相反，这里我们保留图像的原始大小，但在将其转换为 numpy 数组之前反转颜色：
+
+```py
+img = gr.Image(invert_colors=True, type="numpy")
+```
+
+后处理要容易得多！Gradio 自动识别返回数据的格式（例如 `Image` 是 `numpy` 数组还是 `str` 文件路径？），并将其后处理为可以由浏览器显示的格式。
+
+请查看[文档](https://gradio.app/docs)，了解每个组件的所有与预处理相关的参数。
+
+## 样式 (Styling)
+
+Gradio 主题是自定义应用程序外观和感觉的最简单方法。您可以选择多种主题或创建自己的主题。要这样做，请将 `theme=` 参数传递给 `Interface` 构造函数。例如：
+
+```python
+demo = gr.Interface(..., theme=gr.themes.Monochrome())
+```
+
+Gradio 带有一组预先构建的主题，您可以从 `gr.themes.*` 加载。您可以扩展这些主题或从头开始创建自己的主题 - 有关更多详细信息，请参阅[主题指南](https://gradio.app/theming-guide)。
+
+要增加额外的样式能力，您可以 with `css=` 关键字将任何 CSS 传递给您的应用程序。
+Gradio 应用程序的基类是 `gradio-container`，因此以下是一个更改 Gradio 应用程序背景颜色的示例：
+
+```python
+with `gr.Interface(css=".gradio-container {background-color: red}") as demo:
+    ...
+```
+
+## 队列 (Queuing)
+
+如果您的应用程序预计会有大量流量，请 with `queue()` 方法来控制处理速率。这将排队处理调用，因此一次只处理一定数量的请求。队列使用 Websockets，还可以防止网络超时，因此如果您的函数的推理时间很长（> 1 分钟），应使用队列。
+
+with `Interface`：
+
+```python
+demo = gr.Interface(...).queue()
+demo.launch()
+```
+
+with `Blocks`：
+
+```python
+with gr.Blocks() as demo：
+    #...
+demo.queue()
+demo.launch()
+```
+
+您可以通过以下方式控制一次处理的请求数量：
+
+```python
+demo.queue(default_concurrency_limit=3)
+```
+
+查看有关配置其他队列参数的[队列文档](/docs/#queue)。
+
+在 Blocks 中指定仅对某些函数进行排队：
+
+```python
+with gr.Blocks() as demo2：
+    num1 = gr.Number()
+    num2 = gr.Number()
+    output = gr.Number()
+    gr.Button("Add").click(
+        lambda a, b: a + b, [num1, num2], output)
+    gr.Button("Multiply").click(
+        lambda a, b: a * b, [num1, num2], output, queue=True)
+demo2.launch()
+```
+
+## 迭代输出 (Iterative Outputs)
+
+在某些情况下，您可能需要传输一系列输出而不是一次显示单个输出。例如，您可能有一个图像生成模型，希望显示生成的每个步骤的图像，直到最终图像。或者您可能有一个聊天机器人，它逐字逐句地流式传输响应，而不是一次返回全部响应。
+
+在这种情况下，您可以将**生成器**函数提供给 Gradio，而不是常规函数。在 Python 中创建生成器非常简单：函数不应该有一个单独的 `return` 值，而是应该 with `yield` 连续返回一系列值。通常，`yield` 语句放置在某种循环中。下面是一个简单示例，生成器只是简单计数到给定数字：
+
+```python
+def my_generator(x):
+    for i in range(x):
+        yield i
+```
+
+您以与常规函数相同的方式将生成器提供给 Gradio。例如，这是一个（虚拟的）图像生成模型，它在输出图像之前生成数个步骤的噪音：
+
+$code_fake_diffusion
+$demo_fake_diffusion
+
+请注意，我们在迭代器中添加了 `time.sleep(1)`，以创建步骤之间的人工暂停，以便您可以观察迭代器的步骤（在真实的图像生成模型中，这可能是不必要的）。
+
+将生成器提供给 Gradio **需要**在底层 Interface 或 Blocks 中启用队列（请参阅上面的队列部分）。
+
+## 进度条
+
+Gradio 支持创建自定义进度条，以便您可以自定义和控制向用户显示的进度更新。要启用此功能，只需为方法添加一个默认值为 `gr.Progress` 实例的参数即可。然后，您可以直接调用此实例并传入 0 到 1 之间的浮点数来更新进度级别，或者 with `Progress` 实例的 `tqdm()` 方法来跟踪可迭代对象上的进度，如下所示。必须启用队列以进行进度更新。
+
+$code_progress_simple
+$demo_progress_simple
+
+如果您 with `tqdm` 库，并且希望从函数内部的任何 `tqdm.tqdm` 自动报告进度更新，请将默认参数设置为 `gr.Progress(track_tqdm=True)`！
+
+## 批处理函数 (Batch Functions)
+
+Gradio 支持传递*批处理*函数。批处理函数只是接受输入列表并返回预测列表的函数。
+
+例如，这是一个批处理函数，它接受两个输入列表（一个单词列表和一个整数列表），并返回修剪过的单词列表作为输出：
+
+```python
+import time
+
+def trim_words(words, lens):
+    trimmed_words = []
+    time.sleep(5)
+    for w, l in zip(words, lens):
+        trimmed_words.append(w[:int(l)])
+    return [trimmed_words]
+    for w, l in zip(words, lens):
+```
+
+使用批处理函数的优点是，如果启用了队列，Gradio 服务器可以自动*批处理*传入的请求并并行处理它们，从而可能加快演示速度。以下是 Gradio 代码的示例（请注意 `batch=True` 和 `max_batch_size=16` - 这两个参数都可以传递给事件触发器或 `Interface` 类）
+
+with `Interface`：
+
+```python
+demo = gr.Interface(trim_words, ["textbox", "number"], ["output"],
+                    batch=True, max_batch_size=16)
+demo.queue()
+demo.launch()
+```
+
+with `Blocks`：
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        word = gr.Textbox(label="word")
+        leng = gr.Number(label="leng")
+        output = gr.Textbox(label="Output")
+    with gr.Row():
+        run = gr.Button()
+
+    event = run.click(trim_words, [word, leng], output, batch=True, max_batch_size=16)
+
+demo.queue()
+demo.launch()
+```
+
+在上面的示例中，可以并行处理 16 个请求（总推理时间为 5 秒），而不是分别处理每个请求（总推理时间为 80 秒）。许多 Hugging Face 的 `transformers` 和 `diffusers` 模型在 Gradio 的批处理模式下自然工作：这是[使用批处理生成图像的示例演示](https://github.com/gradio-app/gradio/blob/main/demo/diffusers_with_batching/run.py)
+
+注意：使用 Gradio 的批处理函数 **requires** 在底层 Interface 或 Blocks 中启用队列（请参阅上面的队列部分）。
+
+## Gradio 笔记本 (Colab Notebooks)
+
+Gradio 可以在任何运行 Python 的地方运行，包括本地 Jupyter 笔记本和协作笔记本，如[Google Colab](https://colab.research.google.com/)。对于本地 Jupyter 笔记本和 Google Colab 笔记本，Gradio 在本地服务器上运行，您可以在浏览器中与之交互。（注意：对于 Google Colab，这是通过[服务工作器隧道](https://github.com/tensorflow/tensorboard/blob/master/docs/design/colab_integration.md)实现的，您的浏览器需要启用 cookies。）对于其他远程笔记本，Gradio 也将在服务器上运行，但您需要使用[SSH 隧道](https://coderwall.com/p/ohk6cg/remote-access-to-ipython-notebooks-via-ssh)在本地浏览器中查看应用程序。通常，更简单的选择是使用 Gradio 内置的公共链接，[在下一篇指南中讨论](/sharing-your-app/#sharing-demos)。
diff --git a/guides/cn/01_getting-started/03_sharing-your-app.md b/guides/cn/01_getting-started/03_sharing-your-app.md
new file mode 100644
index 0000000..3947aba
--- /dev/null
+++ b/guides/cn/01_getting-started/03_sharing-your-app.md
@@ -0,0 +1,212 @@
+# 分享您的应用
+
+如何分享您的 Gradio 应用：
+
+1. [使用 share 参数分享演示](#sharing-demos)
+2. [在 HF Spaces 上托管](#hosting-on-hf-spaces)
+3. [嵌入托管的空间](#embedding-hosted-spaces)
+4. [使用 Web 组件嵌入](#embedding-with-web-components)
+5. [使用 API 页面](#api-page)
+6. [在页面上添加身份验证](#authentication)
+7. [访问网络请求](#accessing-the-network-request-directly)
+8. [在 FastAPI 中挂载](#mounting-within-another-fastapi-app)
+9. [安全性](#security-and-file-access)
+
+## 分享演示
+
+通过在 `launch()` 方法中设置 `share=True`，可以轻松公开分享 Gradio 演示。就像这样：
+
+```python
+demo.launch(share=True)
+```
+
+这将生成一个公开的可分享链接，您可以将其发送给任何人！当您发送此链接时，对方用户可以在其浏览器中尝试模型。因为处理过程发生在您的设备上（只要您的设备保持开启！），您不必担心任何打包依赖项的问题。一个分享链接通常看起来像这样：**XXXXX.gradio.app**。尽管链接是通过 Gradio URL 提供的，但我们只是您本地服务器的代理，并不会存储通过您的应用发送的任何数据。
+
+但请记住，这些链接可以被公开访问，这意味着任何人都可以使用您的模型进行预测！因此，请确保不要通过您编写的函数公开任何敏感信息，也不要允许在您的设备上进行任何关键更改。如果您设置 `share=False`（默认值，在 colab 笔记本中除外），则只创建一个本地链接，可以通过[端口转发](https://www.ssh.com/ssh/tunneling/example)与特定用户共享。
+
+<img style="width: 40%" src="/assets/guides/sharing.svg">
+
+分享链接在 72 小时后过期。
+
+## 在 HF Spaces 上托管
+
+如果您想在互联网上获得您的 Gradio 演示的永久链接，请使用 Hugging Face Spaces。 [Hugging Face Spaces](http://huggingface.co/spaces/) 提供了免费托管您的机器学习模型的基础设施！
+
+在您创建了一个免费的 Hugging Face 账户后，有三种方法可以将您的 Gradio 应用部署到 Hugging Face Spaces：
+
+1. 从终端：在应用目录中运行 `gradio deploy`。CLI 将收集一些基本元数据，然后启动您的应用。要更新您的空间，可以重新运行此命令或启用 Github Actions 选项，在 `git push` 时自动更新 Spaces。
+2. 从浏览器：将包含 Gradio 模型和所有相关文件的文件夹拖放到 [此处](https://huggingface.co/new-space)。
+3. 将 Spaces 与您的 Git 存储库连接，Spaces 将从那里拉取 Gradio 应用。有关更多信息，请参阅 [此指南如何在 Hugging Face Spaces 上托管](https://huggingface.co/blog/gradio-spaces)。
+
+<video autoplay muted loop>
+  <source src="/assets/guides/hf_demo.mp4" type="video/mp4" />
+</video>
+
+## 嵌入托管的空间
+
+一旦您将应用托管在 Hugging Face Spaces（或您自己的服务器上），您可能希望将演示嵌入到不同的网站上，例如您的博客或个人作品集。嵌入交互式演示使人们可以在他们的浏览器中尝试您构建的机器学习模型，而无需下载或安装任何内容！最好的部分是，您甚至可以将交互式演示嵌入到静态网站中，例如 GitHub 页面。
+
+有两种方法可以嵌入您的 Gradio 演示。您可以在 Hugging Face Space 页面的“嵌入此空间”下拉选项中直接找到这两个选项的快速链接：
+
+![嵌入此空间下拉选项](/assets/guides/embed_this_space.png)
+
+### 使用 Web 组件嵌入
+
+与 IFrames 相比，Web 组件通常为用户提供更好的体验。Web 组件进行延迟加载，这意味着它们不会减慢您网站的加载时间，并且它们会根据 Gradio 应用的大小自动调整其高度。
+
+要使用 Web 组件嵌入：
+
+1.  通过在您的网站中添加以下脚本来导入 gradio JS 库（在 URL 中替换{GRADIO_VERSION}为您使用的 Gradio 库的版本）。
+
+        ```html
+
+    &lt;script type="module"
+    src="https://gradio.s3-us-west-2.amazonaws.com/{GRADIO_VERSION}/gradio.js">
+    &lt;/script>
+    ```
+
+2.  在您想放置应用的位置添加
+    `html
+&lt;gradio-app src="https://$your_space_host.hf.space">&lt;/gradio-app>
+    `
+    元素。将 `src=` 属性设置为您的 Space 的嵌入 URL，您可以在“嵌入此空间”按钮中找到。例如：
+
+        ```html
+
+    &lt;gradio-app src="https://abidlabs-pytorch-image-classifier.hf.space">&lt;/gradio-app>
+    ```
+
+<script>
+fetch("https://pypi.org/pypi/gradio/json"
+).then(r => r.json()
+).then(obj => {
+    let v = obj.info.version;
+    content = document.querySelector('.prose');
+    content.innerHTML = content.innerHTML.replaceAll("{GRADIO_VERSION}", v);
+});
+</script>
+
+您可以在 <a href="https://www.gradio.app">Gradio 首页 </a> 上查看 Web 组件的示例。
+
+您还可以使用传递给 `<gradio-app>` 标签的属性来自定义 Web 组件的外观和行为：
+
+- `src`：如前所述，`src` 属性链接到您想要嵌入的托管 Gradio 演示的 URL
+- `space`：一个可选的缩写，如果您的 Gradio 演示托管在 Hugging Face Space 上。接受 `username/space_name` 而不是完整的 URL。示例：`gradio/Echocardiogram-Segmentation`。如果提供了此属性，则不需要提供 `src`。
+- `control_page_title`：一个布尔值，指定是否将 html 标题设置为 Gradio 应用的标题（默认为 `"false"`）
+- `initial_height`：加载 Gradio 应用时 Web 组件的初始高度（默认为 `"300px"`）。请注意，最终高度是根据 Gradio 应用的大小设置的。
+- `container`：是否显示边框框架和有关 Space 托管位置的信息（默认为 `"true"`）
+- `info`：是否仅显示有关 Space 托管位置的信息在嵌入的应用程序下方（默认为 `"true"`）
+- `autoscroll`：在预测完成后是否自动滚动到输出（默认为 `"false"`）
+- `eager`：在页面加载时是否立即加载 Gradio 应用（默认为 `"false"`）
+- `theme_mode`：是否使用 `dark`，`light` 或默认的 `system` 主题模式（默认为 `"system"`）
+
+以下是使用这些属性创建一个懒加载且初始高度为 0px 的 Gradio 应用的示例。
+
+```html
+&lt;gradio-app space="gradio/Echocardiogram-Segmentation" eager="true"
+initial_height="0px">&lt;/gradio-app>
+```
+
+_ 注意：Gradio 的 CSS 永远不会影响嵌入页面，但嵌入页面可以影响嵌入的 Gradio 应用的样式。请确保父页面中的任何 CSS 不是如此通用，以至于它也可能适用于嵌入的 Gradio 应用并导致样式破裂。例如，元素选择器如 `header { ... }` 和 `footer { ... }` 最可能引起问题。_
+
+### 使用 IFrames 嵌入
+
+如果您无法向网站添加 javascript（例如），则可以改为使用 IFrames 进行嵌入，请添加以下元素：
+
+```html
+&lt;iframe src="https://$your_space_host.hf.space">&lt;/iframe>
+```
+
+同样，您可以在“嵌入此空间”按钮中找到您的 Space 的嵌入 URL 的 `src=` 属性。
+
+注意：如果您使用 IFrames，您可能希望添加一个固定的 `height` 属性，并设置 `style="border:0;"` 以去除边框。此外，如果您的应用程序需要诸如访问摄像头或麦克风之类的权限，您还需要使用 `allow` 属性提供它们。
+
+## API 页面
+
+$demo_hello_world
+
+如果您点击并打开上面的空间，您会在应用的页脚看到一个“通过 API 使用”链接。
+
+![通过 API 使用](/assets/guides/use_via_api.png)
+
+这是一个文档页面，记录了用户可以使用的 REST API 来查询“Interface”函数。`Blocks` 应用程序也可以生成 API 页面，但必须为每个事件监听器显式命名 API，例如：
+
+```python
+btn.click(add, [num1, num2], output, api_name="addition")
+```
+
+这将记录自动生成的 API 页面的端点 `/api/addition/`。
+
+_注意_：对于启用了[队列功能](https://gradio.app/key-features#queuing)的 Gradio 应用程序，如果用户向您的 API 端点发出 POST 请求，他们可以绕过队列。要禁用此行为，请在 `queue()` 方法中设置 `api_open=False`。
+
+## 鉴权
+
+您可能希望在您的应用程序前面放置一个鉴权页面，以限制谁可以打开您的应用程序。使用 `launch()` 方法中的 `auth=` 关键字参数，您可以提供一个包含用户名和密码的元组，或者一个可接受的用户名 / 密码元组列表；以下是一个为单个名为“admin”的用户提供基于密码的身份验证的示例：
+
+```python
+demo.launch(auth=("admin", "pass1234"))
+```
+
+对于更复杂的身份验证处理，您甚至可以传递一个以用户名和密码作为参数的函数，并返回 True 以允许身份验证，否则返回 False。这可用于访问第三方身份验证服务等其他功能。
+
+以下是一个接受任何用户名和密码相同的登录的函数示例：
+
+```python
+def same_auth(username, password):
+    return username == password
+demo.launch(auth=same_auth)
+```
+
+为了使身份验证正常工作，必须在浏览器中启用第三方 Cookie。
+默认情况下，Safari、Chrome 隐私模式不会启用此功能。
+
+## 直接访问网络请求
+
+当用户向您的应用程序进行预测时，您可能需要底层的网络请求，以获取请求标头（例如用于高级身份验证）、记录客户端的 IP 地址或其他原因。Gradio 支持与 FastAPI 类似的方式：只需添加一个类型提示为 `gr.Request` 的函数参数，Gradio 将将网络请求作为该参数传递进来。以下是一个示例：
+
+```python
+import gradio as gr
+
+def echo(name, request: gr.Request):
+    if request:
+        print("Request headers dictionary:", request.headers)
+        print("IP address:", request.client.host)
+    return name
+
+io = gr.Interface(echo, "textbox", "textbox").launch()
+```
+
+注意：如果直接调用函数而不是通过 UI（例如在缓存示例时），则 `request` 将为 `None`。您应该明确处理此情况，以确保您的应用程序不会抛出任何错误。这就是为什么我们有显式检查 `if request`。
+
+## 嵌入到另一个 FastAPI 应用程序中
+
+在某些情况下，您可能已经有一个现有的 FastAPI 应用程序，并且您想要为 Gradio 演示添加一个路径。
+您可以使用 `gradio.mount_gradio_app()` 来轻松实现此目的。
+
+以下是一个完整的示例：
+
+$code_custom_path
+
+请注意，此方法还允许您在自定义路径上运行 Gradio 应用程序（例如上面的 `http://localhost:8000/gradio`）。
+
+## 安全性和文件访问
+
+与他人共享 Gradio 应用程序（通过 Spaces、您自己的服务器或临时共享链接进行托管）将主机机器上的某些文件**暴露**给您的 Gradio 应用程序的用户。
+
+特别是，Gradio 应用程序允许用户访问以下三类文件：
+
+- **与 Gradio 脚本所在目录（或子目录）中的文件相同。** 例如，如果您的 Gradio 脚本的路径是 `/home/usr/scripts/project/app.py`，并且您从 `/home/usr/scripts/project/` 启动它，则共享 Gradio 应用程序的用户将能够访问 `/home/usr/scripts/project/` 中的任何文件。这样做是为了您可以在 Gradio 应用程序中轻松引用这些文件（例如应用程序的“示例”）。
+
+- **Gradio 创建的临时文件。** 这些是由 Gradio 作为运行您的预测函数的一部分创建的文件。例如，如果您的预测函数返回一个视频文件，则 Gradio 将该视频保存到临时文件中，然后将临时文件的路径发送到前端。您可以通过设置环境变量 `GRADIO_TEMP_DIR` 为绝对路径（例如 `/home/usr/scripts/project/temp/`）来自定义 Gradio 创建的临时文件的位置。
+
+- **通过 `launch()` 中的 `allowed_paths` 参数允许的文件。** 此参数允许您传递一个包含其他目录或确切文件路径的列表，以允许用户访问它们。（默认情况下，此参数为空列表）。
+
+Gradio**不允许**访问以下内容：
+
+- **点文件**（其名称以 '.' 开头的任何文件）或其名称以 '.' 开头的任何目录中的任何文件。
+
+- **通过 `launch()` 中的 `blocked_paths` 参数允许的文件。** 您可以将其他目录或确切文件路径的列表传递给 `launch()` 中的 `blocked_paths` 参数。此参数优先于 Gradio 默认或 `allowed_paths` 允许的文件。
+
+- **主机机器上的任何其他路径**。用户不应能够访问主机上的其他任意路径。
+
+请确保您正在运行最新版本的 `gradio`，以使这些安全设置生效。
diff --git a/guides/cn/02_building-interfaces/01_interface-state.md b/guides/cn/02_building-interfaces/01_interface-state.md
new file mode 100644
index 0000000..855e34b
--- /dev/null
+++ b/guides/cn/02_building-interfaces/01_interface-state.md
@@ -0,0 +1,28 @@
+# 接口状态 (Interface State)
+
+本指南介绍了 Gradio 中如何处理状态。了解全局状态和会话状态的区别，以及如何同时使用它们。
+
+## 全局状态 (Global State)
+
+您的函数可能使用超出单个函数调用的持久性数据。如果数据是所有函数调用和所有用户都可访问的内容，您可以在函数调用外部创建一个变量，并在函数内部访问它。例如，您可能会在函数外部加载一个大模型，并在函数内部使用它，以便每个函数调用都不需要重新加载模型。
+
+$code_score_tracker
+
+在上面的代码中，'scores' 数组在所有用户之间共享。如果多个用户访问此演示，他们的得分将全部添加到同一列表中，并且返回的前 3 个得分将从此共享引用中收集。
+
+## 全局状态 (Global State)
+
+Gradio 支持的另一种数据持久性是会话状态，其中数据在页面会话中的多个提交之间持久存在。但是，不同用户之间的数据*不*共享。要将数据存储在会话状态中，需要执行以下三个步骤：
+
+1. 将额外的参数传递给您的函数，表示接口的状态。
+2. 在函数的末尾，作为额外的返回值返回状态的更新值。
+3. 在创建界面时添加 `'state'` 输入和 `'state'` 输出组件。
+
+聊天机器人就是需要会话状态的一个例子 - 您希望访问用户之前的提交，但不能将聊天记录存储在全局变量中，因为这样聊天记录会在不同用户之间混乱。
+
+$code_chatbot_dialogpt
+$demo_chatbot_dialogpt
+
+请注意，在每个页面中，状态在提交之间保持不变，但是如果在另一个标签中加载此演示（或刷新页面），演示将不共享聊天记录。
+
+`state` 的默认值为 None。如果您将默认值传递给函数的状态参数，则该默认值将用作状态的默认值。`Interface` 类仅支持单个输入和输出状态变量，但可以是具有多个元素的列表。对于更复杂的用例，您可以使用 Blocks，[它支持多个 `State` 变量](/state_in_blocks/)。
diff --git a/guides/cn/02_building-interfaces/02_reactive-interfaces.md b/guides/cn/02_building-interfaces/02_reactive-interfaces.md
new file mode 100644
index 0000000..9cd7daa
--- /dev/null
+++ b/guides/cn/02_building-interfaces/02_reactive-interfaces.md
@@ -0,0 +1,22 @@
+# 反应式界面 (Reactive Interfaces)
+
+本指南介绍了如何使 Gradio 界面自动刷新或连续流式传输数据。
+
+## 实时界面 (Live Interfaces)
+
+您可以通过在界面中设置 `live=True` 来使界面自动刷新。现在，只要用户输入发生变化，界面就会重新计算。
+
+$code_calculator_live
+$demo_calculator_live
+
+注意，因为界面在更改时会自动重新提交，所以没有提交按钮。
+
+## 流式组件 (Streaming Components)
+
+某些组件具有“流式”模式，比如麦克风模式下的 `Audio` 组件或网络摄像头模式下的 `Image` 组件。流式传输意味着数据会持续发送到后端，并且 `Interface` 函数会持续重新运行。
+
+当在 `gr.Interface(live=True)` 中同时使用 `gr.Audio(sources=['microphone'])` 和 `gr.Audio(sources=['microphone'], streaming=True)` 时，两者的区别在于第一个 `Component` 会在用户停止录制时自动提交数据并运行 `Interface` 函数，而第二个 `Component` 会在录制过程中持续发送数据并运行 `Interface` 函数。
+
+以下是从网络摄像头实时流式传输图像的示例代码。
+
+$code_stream_frames
diff --git a/guides/cn/02_building-interfaces/03_more-on-examples.md b/guides/cn/02_building-interfaces/03_more-on-examples.md
new file mode 100644
index 0000000..9d1407b
--- /dev/null
+++ b/guides/cn/02_building-interfaces/03_more-on-examples.md
@@ -0,0 +1,41 @@
+# 更多示例 (More on Examples)
+
+本指南介绍了有关示例的更多内容：从目录中加载示例，提供部分示例和缓存。如果你对示例还不熟悉，请查看 [关键特性](../key-features/#example-inputs) 指南中的介绍。
+
+## 提供示例 (Providing Examples)
+
+正如 [关键特性](../key-features/#example-inputs) 指南中所介绍的，向接口添加示例就像提供一个列表的列表给 `examples` 关键字参数一样简单。
+每个子列表都是一个数据样本，其中每个元素对应于预测函数的一个输入。
+输入必须按照与预测函数期望的顺序排序。
+
+如果你的接口只有一个输入组件，那么可以将示例提供为常规列表，而不是列表的列表。
+
+### 从目录加载示例 (Loading Examples from a Directory)
+
+你还可以指定一个包含示例的目录路径。如果你的接口只接受单个文件类型的输入（例如图像分类器），你只需将目录文件路径传递给 `examples=` 参数，`Interface` 将加载目录中的图像作为示例。
+对于多个输入，该目录必须包含一个带有示例值的 log.csv 文件。
+在计算器演示的上下文中，我们可以设置 `examples='/demo/calculator/examples'` ，在该目录中包含以下 `log.csv` 文件：
+contain a log.csv file with the example values.
+In the context of the calculator demo, we can set `examples='/demo/calculator/examples'` and in that directory we include the following `log.csv` file:
+
+```csv
+num,operation,num2
+5,"add",3
+4,"divide",2
+5,"multiply",3
+```
+
+当浏览标记数据时，这将非常有用。只需指向标记目录，`Interface` 将从标记数据加载示例。
+
+### 提供部分示例
+
+有时你的应用程序有许多输入组件，但你只想为其中的一部分提供示例。为了在示例中排除某些输入，对于那些特定输入对应的所有数据样本都传递 `None`。
+
+## 示例缓存 (Caching examples)
+
+你可能希望为用户提供一些模型的缓存示例，以便他们可以快速尝试，以防您的模型运行时间较长。
+如果 `cache_examples=True` ，当你调用 `launch()` 方法时，`Interface` 将运行所有示例，并保存输出。这些数据将保存在一个名为 `gradio_cached_examples` 的目录中。
+
+每当用户点击示例时，输出将自动填充到应用程序中，使用来自该缓存目录的数据，而不是实际运行函数。这对于用户可以快速尝试您的模型而不增加任何负载是非常有用的！
+
+请记住一旦生成了缓存，它将不会在以后的启动中更新。如果示例或函数逻辑发生更改，请删除缓存文件夹以清除缓存并使用另一个 `launch()` 重新构建它。
diff --git a/guides/cn/02_building-interfaces/04_four-kinds-of-interfaces.md b/guides/cn/02_building-interfaces/04_four-kinds-of-interfaces.md
new file mode 100644
index 0000000..150d5c4
--- /dev/null
+++ b/guides/cn/02_building-interfaces/04_four-kinds-of-interfaces.md
@@ -0,0 +1,44 @@
+# Gradio 界面的 4 种类型
+
+到目前为止，我们一直假设构建 Gradio 演示需要同时具备输入和输出。但对于机器学习演示来说，并不总是如此：例如，*无条件图像生成模型*不需要任何输入，但会生成一张图像作为输出。
+
+事实证明，`gradio.Interface` 类实际上可以处理 4 种不同类型的演示：
+
+1. **Standard demos 标准演示**：同时具有独立的输入和输出（例如图像分类器或语音转文本模型）
+2. **Output-only demos 仅输出演示**：不接受任何输入，但会产生输出（例如无条件图像生成模型）
+3. **Input-only demos 仅输入演示**：不产生任何输出，但会接受某种形式的输入（例如保存您上传到外部持久数据库的图像的演示）
+4. **Unified demos 统一演示**：同时具有输入和输出组件，但这些组件是*相同的*。这意味着生成的输出将覆盖输入（例如文本自动完成模型）
+
+根据演示类型的不同，用户界面（UI）会有略微不同的外观：
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/interfaces4.png)
+
+我们来看一下如何使用 `Interface` 类构建每种类型的演示，以及示例：
+
+## 标准演示 (Standard demos)
+
+要创建具有输入和输出组件的演示，只需在 `Interface()` 中设置 `inputs` 和 `outputs` 参数的值。以下是一个简单图像滤镜的示例演示：
+
+$code_sepia_filter
+$demo_sepia_filter
+
+## 仅输出演示 (Output-only demos)
+
+那么仅包含输出的演示呢？为了构建这样的演示，只需将 `Interface()` 中的 `inputs` 参数值设置为 `None`。以下是模拟图像生成模型的示例演示：
+
+$code_fake_gan_no_input
+$demo_fake_gan_no_input
+
+## 仅输入演示 (Input-only demos)
+
+同样地，要创建仅包含输入的演示，将 `Interface()` 中的 `outputs` 参数值设置为 `None`。以下是将任何上传的图像保存到磁盘的示例演示：
+
+$code_save_file_no_output
+$demo_save_file_no_output
+
+## 统一演示 (Unified demos)
+
+这种演示将单个组件同时作为输入和输出。只需将 `Interface()` 中的 `inputs` 和 `outputs` 参数值设置为相同的组件即可创建此演示。以下是文本生成模型的示例演示：
+
+$code_unified_demo_text_generation
+$demo_unified_demo_text_generation
diff --git a/guides/cn/03_building-with-blocks/01_blocks-and-event-listeners.md b/guides/cn/03_building-with-blocks/01_blocks-and-event-listeners.md
new file mode 100644
index 0000000..211edae
--- /dev/null
+++ b/guides/cn/03_building-with-blocks/01_blocks-and-event-listeners.md
@@ -0,0 +1,157 @@
+# 区块和事件监听器 (Blocks and Event Listeners)
+
+我们在[快速入门](https://gradio.app/blocks-and-event-listeners)中简要介绍了区块。让我们深入探讨一下。本指南将涵盖区块的结构、事件监听器及其类型、连续运行事件、更新配置以及使用字典与列表。
+
+## 区块结构 (Blocks Structure)
+
+请查看下面的演示。
+
+$code_hello_blocks
+$demo_hello_blocks
+
+- 首先，注意 `with gr.Blocks() as demo:` 子句。区块应用程序代码将被包含在该子句中。
+- 接下来是组件。这些组件是在 `Interface` 中使用的相同组件。但是，与将组件传递给某个构造函数不同，组件在 `with` 子句内创建时会自动添加到区块中。
+- 最后，`click()` 事件监听器。事件监听器定义了应用程序内的数据流。在上面的示例中，监听器将两个文本框相互关联。文本框 `name` 作为输入，文本框 `output` 作为 `greet` 方法的输出。当单击按钮 `greet_btn` 时触发此数据流。与界面类似，事件监听器可以具有多个输入或输出。
+
+## 事件监听器与交互性 (Event Listeners and Interactivity)
+
+在上面的示例中，您会注意到可以编辑文本框 `name`，但无法编辑文本框 `output`。这是因为作为事件监听器的任何组件都具有交互性。然而，由于文本框 `output` 仅作为输出，它没有交互性。您可以使用 `interactive=` 关键字参数直接配置组件的交互性。
+
+```python
+output = gr.Textbox(label="输出", interactive=True)
+```
+
+## 事件监听器的类型 (Types of Event Listeners)
+
+请查看下面的演示：
+
+$code_blocks_hello
+$demo_blocks_hello
+
+`welcome` 函数不是由点击触发的，而是由在文本框 `inp` 中输入文字触发的。这是由于 `change()` 事件监听器。不同的组件支持不同的事件监听器。例如，`Video` 组件支持一个 `play()` 事件监听器，当用户按下播放按钮时触发。有关每个组件的事件监听器，请参见[文档](http://gradio.app/docs/components)。
+
+## 多个数据流 (Multiple Data Flows)
+
+区块应用程序不像界面那样限制于单个数据流。请查看下面的演示：
+
+$code_reversible_flow
+$demo_reversible_flow
+
+请注意，`num1` 可以充当 `num2` 的输入，反之亦然！随着应用程序变得更加复杂，您将能够连接各种组件的多个数据流。
+
+下面是一个 " 多步骤 " 示例，其中一个模型的输出（语音到文本模型）被传递给下一个模型（情感分类器）。
+
+$code_blocks_speech_text_sentiment
+$demo_blocks_speech_text_sentiment
+
+## 函数输入列表与集合 (Function Input List vs Set)
+
+到目前为止，您看到的事件监听器都只有一个输入组件。如果您希望有多个输入组件将数据传递给函数，有两种选项可供函数接受输入组件值：
+
+1. 作为参数列表，或
+2. 作为以组件为键的单个值字典
+
+让我们分别看一个例子：
+$code_calculator_list_and_dict
+
+`add()` 和 `sub()` 都将 `a` 和 `b` 作为输入。然而，这些监听器之间的语法不同。
+
+1. 对于 `add_btn` 监听器，我们将输入作为列表传递。函数 `add()` 将每个输入作为参数。`a` 的值映射到参数 `num1`，`b` 的值映射到参数 `num2`。
+2. 对于 `sub_btn` 监听器，我们将输入作为集合传递（注意花括号！）。当您传递集合时，函数 `sub()` 接受一个名为 `data` 的单个字典参数，其中键是输入组件，值是这些组件的值。
+
+使用哪种语法是个人偏好！对于具有许多输入组件的函数，选项 2 可能更容易管理。
+
+$demo_calculator_list_and_dict
+
+## 函数返回列表与字典 (Function Return List vs Dict)
+
+类似地，您可以返回多个输出组件的值，可以是：
+
+1. 值列表，或
+2. 以组件为键的字典
+
+首先让我们看一个（1）的示例，其中我们通过返回两个值来设置两个输出组件的值：
+
+```python
+with gr.Blocks() as demo:
+    food_box = gr.Number(value=10, label="Food Count")
+    status_box = gr.Textbox()
+    def eat(food):
+        if food > 0:
+            return food - 1, "full"
+        else:
+            return 0, "hungry"
+    gr.Button("EAT").click(
+        fn=eat,
+        inputs=food_box,
+        outputs=[food_box, status_box]
+    )
+```
+
+上面的每个返回语句分别返回与 `food_box` 和 `status_box` 相对应的两个值。
+
+除了返回与每个输出组件顺序相对应的值列表外，您还可以返回一个字典，其中键对应于输出组件，值作为新值。这还允许您跳过更新某些输出组件。
+
+```python
+with gr.Blocks() as demo:
+    food_box = gr.Number(value=10, label="Food Count")
+    status_box = gr.Textbox()
+    def eat(food):
+        if food > 0:
+            return {food_box: food - 1, status_box: "full"}
+        else:
+            return {status_box: "hungry"}
+    gr.Button("EAT").click(
+        fn=eat,
+        inputs=food_box,
+        outputs=[food_box, status_box]
+    )
+```
+
+注意，在没有食物的情况下，我们只更新 `status_box` 元素。我们跳过更新 `food_box` 组件。
+
+字典返回在事件监听器影响多个组件的返回值或有条件地影响输出时非常有用。
+
+请记住，对于字典返回，我们仍然需要在事件监听器中指定可能的输出组件。
+
+## 更新组件配置 (Updating Component Configurations)
+
+事件监听器函数的返回值通常是相应输出组件的更新值。有时我们还希望更新组件的配置，例如可见性。在这种情况下，我们返回一个 `gr.update()` 对象，而不仅仅是更新组件的值。
+
+$code_blocks_essay_simple
+$demo_blocks_essay_simple
+
+请注意，我们可以通过 `gr.update()` 方法自我配置文本框。`value=` 参数仍然可以用于更新值以及组件配置。
+
+## 连续运行事件 (Running Events Consecutively)
+
+你也可以使用事件监听器的 `then` 方法按顺序运行事件。在前一个事件运行完成后，这将运行下一个事件。这对于多步更新组件的事件非常有用。
+
+例如，在下面的聊天机器人示例中，我们首先立即使用用户消息更新聊天机器人，然后在模拟延迟后使用计算机回复更新聊天机器人。
+
+$code_chatbot_simple
+$demo_chatbot_simple
+
+事件监听器的 `.then()` 方法会执行后续事件，无论前一个事件是否引发任何错误。如果只想在前一个事件成功执行后才运行后续事件，请使用 `.success()` 方法，该方法与 `.then()` 接受相同的参数。
+
+## 连续运行事件 (Running Events Continuously)
+
+您可以使用事件监听器的 `every` 参数按固定计划运行事件。这将在客户端连接打开的情况下，每隔一定秒数运行一次事件。如果连接关闭，事件将在下一次迭代后停止运行。
+请注意，这不考虑事件本身的运行时间。因此，使用 `every=gr.Timer(5)` 运行时间为 1 秒的函数实际上每 6 秒运行一次。
+
+以下是每秒更新的正弦曲线示例！
+
+$code_sine_curve
+$demo_sine_curve
+
+## 收集事件数据 (Gathering Event Data)
+
+您可以通过将相关的事件数据类作为类型提示添加到事件监听器函数的参数中，收集有关事件的特定数据。
+
+例如，使用 `gradio.SelectData` 参数可以为 `.select()` 的事件数据添加类型提示。当用户选择触发组件的一部分时，将触发此事件，并且事件数据包含有关用户的具体选择的信息。如果用户在 `Textbox` 中选择了特定单词，在 `Gallery` 中选择了特定图像或在 `DataFrame` 中选择了特定单元格，则事件数据参数将包含有关具体选择的信息。
+
+在下面的双人井字游戏演示中，用户可以选择 `DataFrame` 中的一个单元格进行移动。事件数据参数包含有关所选单元格的信息。我们可以首先检查单元格是否为空，然后用用户的移动更新单元格。
+
+$code_tictactoe
+
+$demo_tictactoe
diff --git a/guides/cn/03_building-with-blocks/02_controlling-layout.md b/guides/cn/03_building-with-blocks/02_controlling-layout.md
new file mode 100644
index 0000000..92e9940
--- /dev/null
+++ b/guides/cn/03_building-with-blocks/02_controlling-layout.md
@@ -0,0 +1,95 @@
+# 控制布局 (Controlling Layout)
+
+默认情况下，块中的组件是垂直排列的。让我们看看如何重新排列组件。在幕后，这种布局结构使用了[Web 开发的 flexbox 模型](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox)。
+
+## Row 行
+
+`with gr.Row` 下的元素将水平显示。例如，要并排显示两个按钮：
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        btn1 = gr.Button("按钮1")
+        btn2 = gr.Button("按钮2")
+```
+
+要使行中的每个元素具有相同的高度，请使用 `style` 方法的 `equal_height` 参数。
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row(equal_height=True):
+        textbox = gr.Textbox()
+        btn2 = gr.Button("按钮2")
+```
+
+可以通过每个组件中存在的 `scale` 和 `min_width` 参数来控制行中元素的宽度。
+
+- `scale` 是一个整数，定义了元素在行中的占用空间。如果将 scale 设置为 `0`，则元素不会扩展占用空间。如果将 scale 设置为 `1` 或更大，则元素将扩展。行中的多个元素将按比例扩展。在下面的示例中，`btn1` 将比 `btn2` 扩展两倍，而 `btn0` 将根本不会扩展：
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        btn0 = gr.Button("按钮0", scale=0)
+        btn1 = gr.Button("按钮1", scale=1)
+        btn2 = gr.Button("按钮2", scale=2)
+```
+
+- `min_width` 将设置元素的最小宽度。如果没有足够的空间满足所有的 `min_width` 值，行将换行。
+
+在[文档](https://gradio.app/docs/row)中了解有关行的更多信息。
+
+## 列和嵌套 (Columns and Nesting)
+
+列中的组件将垂直放置在一起。由于默认布局对于块应用程序来说是垂直布局，因此为了有用，列通常嵌套在行中。例如：
+
+$code_rows_and_columns
+$demo_rows_and_columns
+
+查看第一列如何垂直排列两个文本框。第二列垂直排列图像和按钮。注意两列的相对宽度由 `scale` 参数设置。具有两倍 `scale` 值的列占据两倍的宽度。
+
+在[文档](https://gradio.app/docs/column)中了解有关列的更多信息。
+
+## 选项卡和手风琴 (Tabs and Accordions)
+
+您还可以使用 `with gr.Tab('tab_name'):` 语句创建选项卡。在 `with gr.Tab('tab_name'):` 上下文中创建的任何组件都将显示在该选项卡中。连续的 Tab 子句被分组在一起，以便一次只能选择一个选项卡，并且只显示该选项卡上下文中的组件。
+
+例如：
+
+$code_blocks_flipper
+$demo_blocks_flipper
+
+还请注意本示例中的 `gr.Accordion('label')`。手风琴是一种可以切换打开或关闭的布局。与 `Tabs` 一样，它是可以选择性隐藏或显示内容的布局元素。在 `with gr.Accordion('label'):` 内定义的任何组件在单击手风琴的切换图标时都会被隐藏或显示。
+
+在文档中了解有关[Tabs](https://gradio.app/docs/tab)和[Accordions](https://gradio.app/docs/accordion)的更多信息。
+
+## 可见性 (Visibility)
+
+组件和布局元素都有一个 `visible` 参数，可以在初始时设置，并使用 `gr.update()` 进行更新。在 Column 上设置 `gr.update(visible=...)` 可用于显示或隐藏一组组件。
+
+$code_blocks_form
+$demo_blocks_form
+
+## 可变数量的输出 (Variable Number of Outputs)
+
+通过以动态方式调整组件的可见性，可以创建支持 _可变数量输出_ 的 Gradio 演示。这是一个非常简单的例子，其中输出文本框的数量由输入滑块控制：
+
+例如：
+
+$code_variable_outputs
+$demo_variable_outputs
+
+## 分开定义和渲染组件 (Defining and Rendering Components Separately)
+
+在某些情况下，您可能希望在实际渲染 UI 之前定义组件。例如，您可能希望在相应的 `gr.Textbox` 输入上方显示示例部分，使用 `gr.Examples`。由于 `gr.Examples` 需要一个参数作为输入组件对象，您需要先定义输入组件，然后在定义 `gr.Examples` 对象之后再渲染它。
+
+解决方法是在 `gr.Blocks()` 范围之外定义 `gr.Textbox`，并在 UI 中想要放置它的位置使用组件的 `.render()` 方法。
+
+这是一个完整的代码示例：
+
+```python
+input_textbox = gr.Textbox()
+
+with gr.Blocks() as demo:
+    gr.Examples(["hello", "bonjour", "merhaba"], input_textbox)
+    input_textbox.render()
+```
diff --git a/guides/cn/03_building-with-blocks/03_state-in-blocks.md b/guides/cn/03_building-with-blocks/03_state-in-blocks.md
new file mode 100644
index 0000000..91de176
--- /dev/null
+++ b/guides/cn/03_building-with-blocks/03_state-in-blocks.md
@@ -0,0 +1,30 @@
+# 分块状态 (State in Blocks)
+
+我们已经介绍了[接口状态](https://gradio.app/interface-state)，这篇指南将介绍分块状态，它的工作原理大致相同。
+
+## 全局状态 (Global State)
+
+分块中的全局状态与接口中的全局状态相同。在函数调用外创建的任何变量都是在所有用户之间共享的引用。
+
+## 会话状态 (Session State)
+
+Gradio 在分块应用程序中同样支持会话**状态**，即在页面会话中跨多次提交保持的数据。需要再次强调，会话数据*不会*在模型的不同用户之间共享。要在会话状态中存储数据，需要完成以下三个步骤：
+
+1. 创建一个 `gr.State()` 对象。如果此可状态对象有一个默认值，请将其传递给构造函数。
+2. 在事件监听器中，将 `State` 对象作为输入和输出。
+3. 在事件监听器函数中，将变量添加到输入参数和返回值中。
+
+让我们来看一个猜词游戏的例子。
+
+$code_hangman
+$demo_hangman
+
+让我们看看在这个游戏中如何完成上述的 3 个步骤：
+
+1. 我们将已使用的字母存储在 `used_letters_var` 中。在 `State` 的构造函数中，将其初始值设置为空列表`[]`。
+2. 在 `btn.click()` 中，我们在输入和输出中都引用了 `used_letters_var`。
+3. 在 `guess_letter` 中，我们将此 `State` 的值传递给 `used_letters`，然后在返回语句中返回更新后的该 `State` 的值。
+
+对于更复杂的应用程序，您可能会在一个单独的分块应用程序中使用许多存储会话状态的 `State` 变量。
+
+在[文档](https://gradio.app/docs/state)中了解更多关于 `State` 的信息。
diff --git a/guides/cn/03_building-with-blocks/04_custom-CSS-and-JS.md b/guides/cn/03_building-with-blocks/04_custom-CSS-and-JS.md
new file mode 100644
index 0000000..ebdec04
--- /dev/null
+++ b/guides/cn/03_building-with-blocks/04_custom-CSS-and-JS.md
@@ -0,0 +1,58 @@
+# 自定义的 JS 和 CSS
+
+本指南介绍了如何更灵活地为 Blocks 添加样式，并添加 JavaScript 代码到事件监听器中。
+
+**警告**：在自定义的 JS 和 CSS 中使用查询选择器不能保证能在所有 Gradio 版本中正常工作，因为 Gradio 的 HTML DOM 可能会发生变化。我们建议谨慎使用查询选择器。
+
+## 自定义的 CSS
+
+Gradio 主题是自定义应用程序外观和感觉的最简单方式。您可以从各种主题中进行选择，或者创建自己的主题。要实现这一点，请将 `theme=` kwarg 传递给 `Blocks` 构造函数。例如：
+
+```python
+with gr.Blocks(theme=gr.themes.Glass()):
+    ...
+```
+
+Gradio 自带一套预构建的主题，您可以从 `gr.themes.*` 中加载这些主题。您可以扩展这些主题，或者从头开始创建自己的主题 - 有关更多详细信息，请参阅[主题指南](/theming-guide)。
+
+要增加附加的样式能力，您可以使用 `css=` kwarg 将任何 CSS 传递给您的应用程序。
+
+Gradio 应用程序的基类是 `gradio-container`，因此下面是一个示例，用于更改 Gradio 应用程序的背景颜色：
+
+```python
+with gr.Blocks(css=".gradio-container {background-color: red}") as demo:
+    ...
+```
+
+如果您想在您的 CSS 中引用外部文件，请使用 `"file="` 作为文件路径的前缀（可以是相对路径或绝对路径），例如：
+
+```python
+with gr.Blocks(css=".gradio-container {background: url('file=clouds.jpg')}") as demo:
+    ...
+```
+
+您还可以将 CSS 文件的文件路径传递给 `css` 参数。
+
+## `elem_id` 和 `elem_classes` 参数
+
+您可以使用 `elem_id` 来为任何组件添加 HTML 元素 `id`，并使用 `elem_classes` 添加一个类或类列表。这将使您能够更轻松地使用 CSS 选择元素。这种方法更有可能在 Gradio 版本之间保持稳定，因为内置的类名或 id 可能会发生变化（但正如上面的警告中所提到的，如果您使用自定义 CSS，我们不能保证在 Gradio 版本之间完全兼容，因为 DOM 元素本身可能会发生变化）。
+
+```python
+css = """
+#warning {background-color: #FFCCCB}
+.feedback textarea {font-size: 24px !important}
+"""
+
+with gr.Blocks(css=css) as demo:
+    box1 = gr.Textbox(value="Good Job", elem_classes="feedback")
+    box2 = gr.Textbox(value="Failure", elem_id="warning", elem_classes="feedback")
+```
+
+CSS `#warning` 规则集仅针对第二个文本框，而 `.feedback` 规则集将同时作用于两个文本框。请注意，在针对类时，您可能需要使用 `!important` 选择器来覆盖默认的 Gradio 样式。
+
+## 自定义的 JS
+
+事件监听器具有 `_js` 参数，可以接受 JavaScript 函数作为字符串，并像 Python 事件监听器函数一样处理它。您可以传递 JavaScript 函数和 Python 函数（在这种情况下，先运行 JavaScript 函数），或者仅传递 JavaScript（并将 Python 的 `fn` 设置为 `None`）。请查看下面的代码：
+
+$code_blocks_js_methods
+$demo_blocks_js_methods
diff --git a/guides/cn/04_integrating-other-frameworks/01_using-hugging-face-integrations.md b/guides/cn/04_integrating-other-frameworks/01_using-hugging-face-integrations.md
new file mode 100644
index 0000000..d5dc202
--- /dev/null
+++ b/guides/cn/04_integrating-other-frameworks/01_using-hugging-face-integrations.md
@@ -0,0 +1,136 @@
+# 使用 Hugging Face 集成
+
+相关空间：https://huggingface.co/spaces/gradio/helsinki_translation_en_es
+标签：HUB，SPACES，EMBED
+
+由 <a href="https://huggingface.co/osanseviero">Omar Sanseviero</a> 贡献🦙
+
+## 介绍
+
+Hugging Face Hub 是一个集成平台，拥有超过 190,000 个[模型](https://huggingface.co/models)，32,000 个[数据集](https://huggingface.co/datasets)和 40,000 个[演示](https://huggingface.co/spaces)，也被称为 Spaces。虽然 Hugging Face 以其🤗 transformers 和 diffusers 库而闻名，但 Hub 还支持许多机器学习库，如 PyTorch，TensorFlow，spaCy 等，涵盖了从计算机视觉到强化学习等各个领域。
+
+Gradio 拥有多个功能，使其非常容易利用 Hub 上的现有模型和 Spaces。本指南将介绍这些功能。
+
+## 使用 `pipeline` 进行常规推理
+
+首先，让我们构建一个简单的界面，将英文翻译成西班牙文。在赫尔辛基大学共享的一千多个模型中，有一个[现有模型](https://huggingface.co/Helsinki-NLP/opus-mt-en-es)，名为 `opus-mt-en-es`，可以正好做到这一点！
+
+🤗 transformers 库有一个非常易于使用的抽象层，[`pipeline()`](https://huggingface.co/docs/transformers/v4.16.2/en/main_classes/pipelines#transformers.pipeline)处理大部分复杂代码，为常见任务提供简单的 API。通过指定任务和（可选）模型，您可以使用几行代码使用现有模型：
+
+```python
+import gradio as gr
+
+from transformers import pipeline
+
+pipe = pipeline("translation", model="Helsinki-NLP/opus-mt-en-es")
+
+def predict(text):
+  return pipe(text)[0]["translation_text"]
+
+demo = gr.Interface(
+  fn=predict,
+  inputs='text',
+  outputs='text',
+)
+
+demo.launch()
+```
+
+但是，`gradio` 实际上使将 `pipeline` 转换为演示更加容易，只需使用 `gradio.Interface.from_pipeline` 方法，无需指定输入和输出组件：
+
+```python
+from transformers import pipeline
+import gradio as gr
+
+pipe = pipeline("translation", model="Helsinki-NLP/opus-mt-en-es")
+
+demo = gr.Interface.from_pipeline(pipe)
+demo.launch()
+```
+
+上述代码生成了以下界面，您可以在浏览器中直接尝试：
+
+<gradio-app space="Helsinki-NLP/opus-mt-en-es"></gradio-app>
+
+## Using Hugging Face Inference Endpoints
+
+Hugging Face 提供了一个名为[Serverless Inference Endpoints](https://huggingface.co/inference-api)的免费服务，允许您向 Hub 中的模型发送 HTTP 请求。对于基于 transformers 或 diffusers 的模型，API 的速度可以比自己运行推理快 2 到 10 倍。该 API 是免费的（受速率限制），您可以在想要在生产中使用时切换到专用的[推理端点](https://huggingface.co/pricing)。
+
+让我们尝试使用推理 API 而不是自己加载模型的方式进行相同的演示。鉴于 Inference Endpoints 支持的 Hugging Face 模型，Gradio 可以自动推断出预期的输入和输出，并进行底层服务器调用，因此您不必担心定义预测函数。以下是代码示例！
+
+```python
+import gradio as gr
+
+demo = gr.load("Helsinki-NLP/opus-mt-en-es", src="models")
+
+demo.launch()
+```
+
+请注意，我们只需指定模型名称并说明 `src` 应为 `models`（Hugging Face 的 Model Hub）。由于您不会在计算机上加载模型，因此无需安装任何依赖项（除了 `gradio`）。
+
+您可能会注意到，第一次推理大约需要 20 秒。这是因为推理 API 正在服务器中加载模型。之后您会获得一些好处：
+
+- 推理速度更快。
+- 服务器缓存您的请求。
+- 您获得内置的自动缩放功能。
+
+## 托管您的 Gradio 演示
+
+[Hugging Face Spaces](https://hf.co/spaces)允许任何人免费托管其 Gradio 演示，上传 Gradio 演示只需几分钟。您可以前往[hf.co/new-space](https://huggingface.co/new-space)，选择 Gradio SDK，创建一个 `app.py` 文件，完成！您将拥有一个可以与任何人共享的演示。要了解更多信息，请阅读[此指南以使用网站在 Hugging Face Spaces 上托管](https://huggingface.co/blog/gradio-spaces)。
+
+或者，您可以通过使用[huggingface_hub client library](https://huggingface.co/docs/huggingface_hub/index)库来以编程方式创建一个 Space。这是一个示例：
+
+```python
+from huggingface_hub import (
+    create_repo,
+    get_full_repo_name,
+    upload_file,
+)
+create_repo(name=target_space_name, token=hf_token, repo_type="space", space_sdk="gradio")
+repo_name = get_full_repo_name(model_id=target_space_name, token=hf_token)
+file_url = upload_file(
+    path_or_fileobj="file.txt",
+    path_in_repo="app.py",
+    repo_id=repo_name,
+    repo_type="space",
+    token=hf_token,
+)
+```
+
+在这里，`create_repo` 使用特定帐户的 Write Token 在特定帐户下创建一个带有目标名称的 gradio repo。`repo_name` 获取相关存储库的完整存储库名称。最后，`upload_file` 将文件上传到存储库中，并将其命名为 `app.py`。
+
+## 在其他网站上嵌入您的 Space 演示
+
+在本指南中，您已经看到了许多嵌入的 Gradio 演示。您也可以在自己的网站上这样做！第一步是创建一个包含您想展示的演示的 Hugging Face Space。然后，[按照此处的步骤将 Space 嵌入到您的网站上](/sharing-your-app/#embedding-hosted-spaces)。
+
+## 从 Spaces 加载演示
+
+您还可以在 Hugging Face Spaces 上使用和混合现有的 Gradio 演示。例如，您可以将两个现有的 Gradio 演示放在单独的选项卡中并创建一个新的演示。您可以在本地运行此新演示，或将其上传到 Spaces，为混合和创建新的演示提供无限可能性！
+
+以下是一个完全实现此目标的示例：
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+  with gr.Tab("Translate to Spanish"):
+    gr.load("gradio/helsinki_translation_en_es", src="spaces")
+  with gr.Tab("Translate to French"):
+    gr.load("abidlabs/en2fr", src="spaces")
+
+demo.launch()
+```
+
+请注意，我们使用了 `gr.load()`，这与使用推理 API 加载模型所使用的方法相同。但是，在这里，我们指定 `src` 为 `spaces`（Hugging Face Spaces）。
+
+## 小结
+
+就是这样！让我们回顾一下 Gradio 和 Hugging Face 共同工作的各种方式：
+
+1. 您可以使用 `from_pipeline()` 将 `transformers` pipeline 转换为 Gradio 演示
+2. 您可以使用 `gr.load()` 轻松地围绕推理 API 构建演示，而无需加载模型
+3. 您可以在 Hugging Face Spaces 上托管您的 Gradio 演示，可以使用 GUI 或完全使用 Python。
+4. 您可以将托管在 Hugging Face Spaces 上的 Gradio 演示嵌入到自己的网站上。
+5. 您可以使用 `gr.load()` 从 Hugging Face Spaces 加载演示，以重新混合和创建新的 Gradio 演示。
+
+🤗
diff --git a/guides/cn/04_integrating-other-frameworks/Gradio-and-Comet.md b/guides/cn/04_integrating-other-frameworks/Gradio-and-Comet.md
new file mode 100644
index 0000000..fd0aea7
--- /dev/null
+++ b/guides/cn/04_integrating-other-frameworks/Gradio-and-Comet.md
@@ -0,0 +1,269 @@
+# 使用 Gradio 和 Comet
+
+Tags: COMET, SPACES
+由 Comet 团队贡献
+
+## 介绍
+
+在这个指南中，我们将展示您可以如何使用 Gradio 和 Comet。我们将介绍使用 Comet 和 Gradio 的基本知识，并向您展示如何利用 Gradio 的高级功能，如 [使用 iFrames 进行嵌入](https://www.gradio.app/sharing-your-app/#embedding-with-iframes) 和 [状态](https://www.gradio.app/docs/#state) 来构建一些令人惊叹的模型评估工作流程。
+
+下面是本指南涵盖的主题列表。
+
+1. 将 Gradio UI 记录到您的 Comet 实验中
+2. 直接将 Gradio 应用程序嵌入到您的 Comet 项目中
+3. 直接将 Hugging Face Spaces 嵌入到您的 Comet 项目中
+4. 将 Gradio 应用程序的模型推理记录到 Comet 中
+
+## 什么是 Comet？
+
+[Comet](https://www.comet.com?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs) 是一个 MLOps 平台，旨在帮助数据科学家和团队更快地构建更好的模型！Comet 提供工具来跟踪、解释、管理和监控您的模型，集中在一个地方！它可以与 Jupyter 笔记本和脚本配合使用，最重要的是，它是 100% 免费的！
+
+## 设置
+
+首先，安装运行这些示例所需的依赖项
+
+```shell
+pip install comet_ml torch torchvision transformers gradio shap requests Pillow
+```
+
+接下来，您需要[注册一个 Comet 账户](https://www.comet.com/signup?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs)。一旦您设置了您的账户，[获取您的 API 密钥](https://www.comet.com/docs/v2/guides/getting-started/quickstart/#get-an-api-key?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs) 并配置您的 Comet 凭据
+
+如果您将这些示例作为脚本运行，您可以将您的凭据导出为环境变量
+
+```shell
+export COMET_API_KEY="<您的 API 密钥>"
+export COMET_WORKSPACE="<您的工作空间名称>"
+export COMET_PROJECT_NAME="<您的项目名称>"
+```
+
+或者将它们设置在您的工作目录中的 `.comet.config` 文件中。您的文件应按以下方式格式化。
+
+```shell
+[comet]
+api_key=<您的 API 密钥>
+workspace=<您的工作空间名称>
+project_name=<您的项目名称>
+```
+
+如果您使用提供的 Colab Notebooks 运行这些示例，请在开始 Gradio UI 之前运行带有以下片段的单元格。运行此单元格可以让您交互式地将 API 密钥添加到笔记本中。
+
+```python
+import comet_ml
+comet_ml.init()
+```
+
+## 1. 将 Gradio UI 记录到您的 Comet 实验中
+
+[![在 Colab 中打开](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/comet-ml/comet-examples/blob/master/integrations/model-evaluation/gradio/notebooks/Gradio_and_Comet.ipynb)
+
+在这个例子中，我们将介绍如何将您的 Gradio 应用程序记录到 Comet，并使用 Gradio 自定义面板与其进行交互。
+
+我们先通过使用 `resnet18` 构建一个简单的图像分类示例。
+
+```python
+import comet_ml
+
+import requests
+import torch
+from PIL import Image
+from torchvision import transforms
+
+torch.hub.download_url_to_file("https://github.com/pytorch/hub/raw/master/images/dog.jpg", "dog.jpg")
+
+if torch.cuda.is_available():
+    device = "cuda"
+else:
+    device = "cpu"
+
+model = torch.hub.load("pytorch/vision:v0.6.0", "resnet18", pretrained=True).eval()
+model = model.to(device)
+
+# 为 ImageNet 下载可读的标签。
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+
+def predict(inp):
+    inp = Image.fromarray(inp.astype("uint8"), "RGB")
+    inp = transforms.ToTensor()(inp).unsqueeze(0)
+    with torch.no_grad():
+        prediction = torch.nn.functional.softmax(model(inp.to(device))[0], dim=0)
+    return {labels[i]: float(prediction[i]) for i in range(1000)}
+
+
+inputs = gr.Image()
+outputs = gr.Label(num_top_classes=3)
+
+io = gr.Interface(
+    fn=predict, inputs=inputs, outputs=outputs, examples=["dog.jpg"]
+)
+io.launch(inline=False, share=True)
+
+experiment = comet_ml.Experiment()
+experiment.add_tag("image-classifier")
+
+io.integrate(comet_ml=experiment)
+```
+
+此片段中的最后一行将将 Gradio 应用程序的 URL 记录到您的 Comet 实验中。您可以在实验的文本选项卡中找到该 URL。
+
+<video width="560" height="315" controls>
+    <source src="https://user-images.githubusercontent.com/7529846/214328034-09369d4d-8b94-4c4a-aa3c-25e3ed8394c4.mp4"></source>
+</video>
+
+将 Gradio 面板添加到您的实验中，与应用程序进行交互。
+
+<video width="560" height="315" controls>
+    <source src="https://user-images.githubusercontent.com/7529846/214328194-95987f83-c180-4929-9bed-c8a0d3563ed7.mp4"></source>
+</video>
+
+## 2. 直接将 Gradio 应用程序嵌入到您的 Comet 项目中
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KZnpH7msPq0?start=9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+如果您要长期托管 Gradio 应用程序，可以使用 Gradio Panel Extended 自定义面板进行嵌入 UI。
+
+转到您的 Comet 项目页面，转到面板选项卡。单击“+ 添加”按钮以打开面板搜索页面。
+
+<img width="560" alt="adding-panels" src="https://user-images.githubusercontent.com/7529846/214329314-70a3ff3d-27fb-408c-a4d1-4b58892a3854.jpeg">
+
+接下来，在公共面板部分搜索 Gradio Panel Extended 并单击“添加”。
+
+<img width="560" alt="gradio-panel-extended" src="https://user-images.githubusercontent.com/7529846/214325577-43226119-0292-46be-a62a-0c7a80646ebb.png">
+
+添加面板后，单击“编辑”以访问面板选项页面，并粘贴您的 Gradio 应用程序的 URL。
+
+![Edit-Gradio-Panel-Options](https://user-images.githubusercontent.com/7529846/214573001-23814b5a-ca65-4ace-a8a5-b27cdda70f7a.gif)
+
+<img width="560" alt="Edit-Gradio-Panel-URL" src="https://user-images.githubusercontent.com/7529846/214334843-870fe726-0aa1-4b21-bbc6-0c48f56c48d8.png">
+
+## 3. 直接将 Hugging Face Spaces 嵌入到您的 Comet 项目中
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KZnpH7msPq0?start=107" title="YouTube 视频播放器 " frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+您还可以使用 Hugging Face Spaces 面板将托管在 Hugging Faces Spaces 中的 Gradio 应用程序嵌入到您的 Comet 项目中。
+
+转到 Comet 项目页面，转到面板选项卡。单击“+添加”按钮以打开面板搜索页面。然后，在公共面板部分搜索 Hugging Face Spaces 面板并单击“添加”。
+
+<img width="560" height="315" alt="huggingface-spaces-panel" src="https://user-images.githubusercontent.com/7529846/214325606-99aa3af3-b284-4026-b423-d3d238797e12.png">
+
+添加面板后，单击“编辑”以访问面板选项页面，并粘贴您的 Hugging Face Space 路径，例如 `pytorch/ResNet`
+
+<img width="560" height="315" alt="Edit-HF-Space" src="https://user-images.githubusercontent.com/7529846/214335868-c6f25dee-13db-4388-bcf5-65194f850b02.png">
+
+## 4. 记录模型推断结果到 Comet
+
+<iframe width="560" height="315" src="https://www.youtube.com/embed/KZnpH7msPq0?start=176" title="YouTube 视频播放器 " frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+[![在 Colab 中打开](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/comet-ml/comet-examples/blob/master/integrations/model-evaluation/gradio/notebooks/Logging_Model_Inferences_with_Comet_and_Gradio.ipynb)
+
+在前面的示例中，我们演示了通过 Comet UI 与 Gradio 应用程序交互的各种方法。此外，您还可以将 Gradio 应用程序的模型推断（例如 SHAP 图）记录到 Comet 中。
+
+在以下代码段中，我们将记录来自文本生成模型的推断。我们可以使用 Gradio 的[State](https://www.gradio.app/docs/#state)对象在多次推断调用之间保持实验的持久性。这将使您能够将多个模型推断记录到单个实验中。
+
+```python
+import comet_ml
+import gradio as gr
+import shap
+import torch
+from transformers import AutoModelForCausalLM, AutoTokenizer
+
+if torch.cuda.is_available():
+    device = "cuda"
+else:
+    device = "cpu"
+
+MODEL_NAME = "gpt2"
+
+model = AutoModelForCausalLM.from_pretrained(MODEL_NAME)
+
+# set model decoder to true
+model.config.is_decoder = True
+# set text-generation params under task_specific_params
+model.config.task_specific_params["text-generation"] = {
+    "do_sample": True,
+    "max_length": 50,
+    "temperature": 0.7,
+    "top_k": 50,
+    "no_repeat_ngram_size": 2,
+}
+model = model.to(device)
+
+tokenizer = AutoTokenizer.from_pretrained(MODEL_NAME)
+explainer = shap.Explainer(model, tokenizer)
+
+
+def start_experiment():
+    """Returns an APIExperiment object that is thread safe
+    and can be used to log inferences to a single Experiment
+    """
+    try:
+        api = comet_ml.API()
+        workspace = api.get_default_workspace()
+        project_name = comet_ml.config.get_config()["comet.project_name"]
+
+        experiment = comet_ml.APIExperiment(
+            workspace=workspace, project_name=project_name
+        )
+        experiment.log_other("Created from", "gradio-inference")
+
+        message = f"Started Experiment: [{experiment.name}]({experiment.url})"
+        return (experiment, message)
+
+    except Exception as e:
+        return None, None
+
+
+def predict(text, state, message):
+    experiment = state
+
+    shap_values = explainer([text])
+    plot = shap.plots.text(shap_values, display=False)
+
+    if experiment is not None:
+        experiment.log_other("message", message)
+        experiment.log_html(plot)
+
+    return plot
+
+
+with gr.Blocks() as demo:
+    start_experiment_btn = gr.Button("Start New Experiment")
+    experiment_status = gr.Markdown()
+
+    # Log a message to the Experiment to provide more context
+    experiment_message = gr.Textbox(label="Experiment Message")
+    experiment = gr.State()
+
+    input_text = gr.Textbox(label="Input Text", lines=5, interactive=True)
+    submit_btn = gr.Button("Submit")
+
+    output = gr.HTML(interactive=True)
+
+    start_experiment_btn.click(
+        start_experiment, outputs=[experiment, experiment_status]
+    )
+    submit_btn.click(
+        predict, inputs=[input_text, experiment, experiment_message], outputs=[output]
+    )
+```
+
+该代码段中的推断结果将保存在实验的 HTML 选项卡中。
+
+<video width="560" height="315" controls>
+    <source src="https://user-images.githubusercontent.com/7529846/214328610-466e5c81-4814-49b9-887c-065aca14dd30.mp4"></source>
+</video>
+
+## 结论
+
+希望您对本指南有所裨益，并能为您构建出色的 Comet 和 Gradio 模型评估工作流程提供一些启示。
+
+## 如何在 Comet 组织上贡献 Gradio 演示
+
+- 在 Hugging Face 上创建帐号[此处](https://huggingface.co/join)。
+- 在用户名下添加 Gradio 演示，请参阅[此处](https://huggingface.co/course/chapter9/4?fw=pt)以设置 Gradio 演示。
+- 请求加入 Comet 组织[此处](https://huggingface.co/Comet)。
+
+## 更多资源
+
+- [Comet 文档](https://www.comet.com/docs/v2/?utm_source=gradio&utm_medium=referral&utm_campaign=gradio-integration&utm_content=gradio-docs)
diff --git a/guides/cn/04_integrating-other-frameworks/Gradio-and-ONNX-on-Hugging-Face.md b/guides/cn/04_integrating-other-frameworks/Gradio-and-ONNX-on-Hugging-Face.md
new file mode 100644
index 0000000..a8e8d94
--- /dev/null
+++ b/guides/cn/04_integrating-other-frameworks/Gradio-and-ONNX-on-Hugging-Face.md
@@ -0,0 +1,142 @@
+# Gradio 和 ONNX 在 Hugging Face 上
+
+Related spaces: https://huggingface.co/spaces/onnx/EfficientNet-Lite4
+Tags: ONNX，SPACES
+由 Gradio 和 <a href="https://onnx.ai/">ONNX</a> 团队贡献
+
+## 介绍
+
+在这个指南中，我们将为您介绍以下内容：
+
+- ONNX、ONNX 模型仓库、Gradio 和 Hugging Face Spaces 的介绍
+- 如何为 EfficientNet-Lite4 设置 Gradio 演示
+- 如何为 Hugging Face 上的 ONNX 组织贡献自己的 Gradio 演示
+
+下面是一个 ONNX 模型的示例：在下面尝试 EfficientNet-Lite4 演示。
+
+<iframe src="https://onnx-efficientnet-lite4.hf.space" frameBorder="0" height="810" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+## ONNX 模型仓库是什么？
+
+Open Neural Network Exchange（[ONNX](https://onnx.ai/)）是一种表示机器学习模型的开放标准格式。ONNX 由一个实现了该格式的合作伙伴社区支持，该社区将其实施到许多框架和工具中。例如，如果您在 TensorFlow 或 PyTorch 中训练了一个模型，您可以轻松地将其转换为 ONNX，然后使用类似 ONNX Runtime 的引擎 / 编译器在各种设备上运行它。
+
+[ONNX 模型仓库](https://github.com/onnx/models)是由社区成员贡献的一组预训练的先进模型，格式为 ONNX。每个模型都附带了用于模型训练和运行推理的 Jupyter 笔记本。这些笔记本以 Python 编写，并包含到训练数据集的链接，以及描述模型架构的原始论文的参考文献。
+
+## Hugging Face Spaces 和 Gradio 是什么？
+
+### Gradio
+
+Gradio 可让用户使用 Python 代码将其机器学习模型演示为 Web 应用程序。Gradio 将 Python 函数封装到用户界面中，演示可以在 jupyter 笔记本、colab 笔记本中启动，并可以嵌入到您自己的网站上，并在 Hugging Face Spaces 上免费托管。
+
+在此处开始[https://gradio.app/getting_started](https://gradio.app/getting_started)
+
+### Hugging Face Spaces
+
+Hugging Face Spaces 是 Gradio 演示的免费托管选项。Spaces 提供了 3 种 SDK 选项：Gradio、Streamlit 和静态 HTML 演示。Spaces 可以是公共的或私有的，工作流程与 github repos 类似。目前 Hugging Face 上有 2000 多个 Spaces。在此处了解更多关于 Spaces 的信息[https://huggingface.co/spaces/launch](https://huggingface.co/spaces/launch)。
+
+### Hugging Face 模型
+
+Hugging Face 模型中心还支持 ONNX 模型，并且可以通过[ONNX 标签](https://huggingface.co/models?library=onnx&sort=downloads)对 ONNX 模型进行筛选
+
+## Hugging Face 是如何帮助 ONNX 模型仓库的？
+
+ONNX 模型仓库中有许多 Jupyter 笔记本供用户测试模型。以前，用户需要自己下载模型并在本地运行这些笔记本测试。有了 Hugging Face，测试过程可以更简单和用户友好。用户可以在 Hugging Face Spaces 上轻松尝试 ONNX 模型仓库中的某个模型，并使用 ONNX Runtime 运行由 Gradio 提供支持的快速演示，全部在云端进行，无需在本地下载任何内容。请注意，ONNX 有各种运行时，例如[ONNX Runtime](https://github.com/microsoft/onnxruntime)、[MXNet](https://github.com/apache/incubator-mxnet)等
+
+## ONNX Runtime 的作用是什么？
+
+ONNX Runtime 是一个跨平台的推理和训练机器学习加速器。它使得在 Hugging Face 上使用 ONNX 模型仓库中的模型进行实时 Gradio 演示成为可能。
+
+ONNX Runtime 可以实现更快的客户体验和更低的成本，支持来自 PyTorch 和 TensorFlow/Keras 等深度学习框架以及 scikit-learn、LightGBM、XGBoost 等传统机器学习库的模型。ONNX Runtime 与不同的硬件、驱动程序和操作系统兼容，并通过利用适用的硬件加速器以及图形优化和转换提供最佳性能。有关更多信息，请参阅[官方网站](https://onnxruntime.ai/)。
+
+## 为 EfficientNet-Lite4 设置 Gradio 演示
+
+EfficientNet-Lite 4 是 EfficientNet-Lite 系列中最大和最准确的模型。它是一个仅使用整数量化的模型，能够在所有 EfficientNet 模型中提供最高的准确率。在 Pixel 4 CPU 上以实时方式运行（例如 30ms/ 图像）时，可以实现 80.4％的 ImageNet top-1 准确率。要了解更多信息，请阅读[模型卡片](https://github.com/onnx/models/tree/main/vision/classification/efficientnet-lite4)
+
+在这里，我们将演示如何使用 Gradio 为 EfficientNet-Lite4 设置示例演示
+
+首先，我们导入所需的依赖项并下载和载入来自 ONNX 模型仓库的 efficientnet-lite4 模型。然后从 labels_map.txt 文件加载标签。接下来，我们设置预处理函数、加载用于推理的模型并设置推理函数。最后，将推理函数封装到 Gradio 接口中，供用户进行交互。下面是完整的代码。
+
+```python
+import numpy as np
+import math
+import matplotlib.pyplot as plt
+import cv2
+import json
+import gradio as gr
+from huggingface_hub import hf_hub_download
+from onnx import hub
+import onnxruntime as ort
+
+# 从ONNX模型仓库加载ONNX模型
+model = hub.load("efficientnet-lite4")
+# 加载标签文本文件
+labels = json.load(open("labels_map.txt", "r"))
+
+# 通过将图像从中心调整大小并裁剪到224x224来设置图像文件的尺寸
+def pre_process_edgetpu(img, dims):
+    output_height, output_width, _ = dims
+    img = resize_with_aspectratio(img, output_height, output_width, inter_pol=cv2.INTER_LINEAR)
+    img = center_crop(img, output_height, output_width)
+    img = np.asarray(img, dtype='float32')
+    # 将jpg像素值从[0 - 255]转换为浮点数组[-1.0 - 1.0]
+    img -= [127.0, 127.0, 127.0]
+    img /= [128.0, 128.0, 128.0]
+    return img
+
+# 使用等比例缩放调整图像尺寸
+def resize_with_aspectratio(img, out_height, out_width, scale=87.5, inter_pol=cv2.INTER_LINEAR):
+    height, width, _ = img.shape
+    new_height = int(100. * out_height / scale)
+    new_width = int(100. * out_width / scale)
+    if height > width:
+        w = new_width
+        h = int(new_height * height / width)
+    else:
+        h = new_height
+        w = int(new_width * width / height)
+    img = cv2.resize(img, (w, h), interpolation=inter_pol)
+    return img
+
+# crops the image around the center based on given height and width
+def center_crop(img, out_height, out_width):
+    height, width, _ = img.shape
+    left = int((width - out_width) / 2)
+    right = int((width + out_width) / 2)
+    top = int((height - out_height) / 2)
+    bottom = int((height + out_height) / 2)
+    img = img[top:bottom, left:right]
+    return img
+
+
+sess = ort.InferenceSession(model)
+
+def inference(img):
+  img = cv2.imread(img)
+  img = cv2.cvtColor(img, cv2.COLOR_BGR2RGB)
+
+  img = pre_process_edgetpu(img, (224, 224, 3))
+
+  img_batch = np.expand_dims(img, axis=0)
+
+  results = sess.run(["Softmax:0"], {"images:0": img_batch})[0]
+  result = reversed(results[0].argsort()[-5:])
+  resultdic = {}
+  for r in result:
+      resultdic[labels[str(r)]] = float(results[0][r])
+  return resultdic
+
+title = "EfficientNet-Lite4"
+description = "EfficientNet-Lite 4是最大的变体，也是EfficientNet-Lite模型集合中最准确的。它是一个仅包含整数的量化模型，具有所有EfficientNet模型中最高的准确度。在Pixel 4 CPU上，它实现了80.4％的ImageNet top-1准确度，同时仍然可以实时运行（例如30ms/图像）。"
+examples = [['catonnx.jpg']]
+gr.Interface(inference, gr.Image(type="filepath"), "label", title=title, description=description, examples=examples).launch()
+```
+
+## 如何使用 ONNX 模型在 HF Spaces 上贡献 Gradio 演示
+
+- 将模型添加到[onnx model zoo](https://github.com/onnx/models/blob/main/.github/PULL_REQUEST_TEMPLATE.md)
+- 在 Hugging Face 上创建一个账号[here](https://huggingface.co/join).
+- 要查看还有哪些模型需要添加到 ONNX 组织中，请参阅[Models list](https://github.com/onnx/models#models)中的列表
+- 在您的用户名下添加 Gradio Demo，请参阅此[博文](https://huggingface.co/blog/gradio-spaces)以在 Hugging Face 上设置 Gradio Demo。
+- 请求加入 ONNX 组织[here](https://huggingface.co/onnx).
+- 一旦获准，将模型从您的用户名下转移到 ONNX 组织
+- 在模型表中为模型添加徽章，在[Models list](https://github.com/onnx/models#models)中查看示例
diff --git a/guides/cn/04_integrating-other-frameworks/Gradio-and-Wandb-Integration.md b/guides/cn/04_integrating-other-frameworks/Gradio-and-Wandb-Integration.md
new file mode 100644
index 0000000..3379510
--- /dev/null
+++ b/guides/cn/04_integrating-other-frameworks/Gradio-and-Wandb-Integration.md
@@ -0,0 +1,284 @@
+# Gradio and W&B Integration
+
+相关空间：https://huggingface.co/spaces/akhaliq/JoJoGAN
+标签：WANDB, SPACES
+由 Gradio 团队贡献
+
+## 介绍
+
+在本指南中，我们将引导您完成以下内容：
+
+- Gradio、Hugging Face Spaces 和 Wandb 的介绍
+- 如何使用 Wandb 集成为 JoJoGAN 设置 Gradio 演示
+- 如何在 Hugging Face 的 Wandb 组织中追踪实验并贡献您自己的 Gradio 演示
+
+下面是一个使用 Wandb 跟踪训练和实验的模型示例，请在下方尝试 JoJoGAN 演示。
+
+<iframe src="https://akhaliq-jojogan.hf.space" frameBorder="0" height="810" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+## 什么是 Wandb？
+
+Weights and Biases (W&B) 允许数据科学家和机器学习科学家在从训练到生产的每个阶段跟踪他们的机器学习实验。任何指标都可以对样本进行聚合，并在可自定义和可搜索的仪表板中显示，如下所示：
+
+<img alt="Screen Shot 2022-08-01 at 5 54 59 PM" src="https://user-images.githubusercontent.com/81195143/182252755-4a0e1ca8-fd25-40ff-8c91-c9da38aaa9ec.png">
+
+## 什么是 Hugging Face Spaces 和 Gradio？
+
+### Gradio
+
+Gradio 让用户可以使用几行 Python 代码将其机器学习模型演示为 Web 应用程序。Gradio 将任何 Python 函数（例如机器学习模型的推断函数）包装成一个用户界面，这些演示可以在 jupyter 笔记本、colab 笔记本中启动，也可以嵌入到您自己的网站中，免费托管在 Hugging Face Spaces 上。
+
+在这里开始 [here](https://gradio.app/getting_started)
+
+### Hugging Face Spaces
+
+Hugging Face Spaces 是 Gradio 演示的免费托管选项。Spaces 有 3 个 SDK 选项：Gradio、Streamlit 和静态 HTML 演示。Spaces 可以是公共的或私有的，工作流程类似于 github 存储库。目前在 Hugging Face 上有 2000 多个 Spaces。了解更多关于 Spaces 的信息 [here](https://huggingface.co/spaces/launch)。
+
+## 为 JoJoGAN 设置 Gradio 演示
+
+现在，让我们引导您如何在自己的环境中完成此操作。我们假设您对 W&B 和 Gradio 还不太了解，只是为了本教程的目的。
+
+让我们开始吧！
+
+1. 创建 W&B 账号
+
+   如果您还没有 W&B 账号，请按照[这些快速说明](https://app.wandb.ai/login)创建免费账号。这不应该超过几分钟的时间。一旦完成（或者如果您已经有一个账户），接下来，我们将运行一个快速的 colab。
+
+2. 打开 Colab 安装 Gradio 和 W&B
+
+   我们将按照 JoJoGAN 存储库中提供的 colab 进行操作，稍作修改以更有效地使用 Wandb 和 Gradio。
+
+   [![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/mchong6/JoJoGAN/blob/main/stylize.ipynb)
+
+   在顶部安装 Gradio 和 Wandb:
+
+   ```sh
+
+   pip install gradio wandb
+   ```
+
+3. 微调 StyleGAN 和 W&B 实验跟踪
+
+   下一步将打开一个 W&B 仪表板，以跟踪实验，并显示一个 Gradio 演示提供的预训练模型，您可以从下拉菜单中选择。这是您需要的代码：
+
+   ```python
+
+   alpha =  1.0
+   alpha = 1-alpha
+
+   preserve_color = True
+   num_iter = 100
+   log_interval = 50
+
+   samples = []
+      column_names = ["Reference (y)", "Style Code(w)", "Real Face Image(x)"]
+
+   wandb.init(project="JoJoGAN")
+   config = wandb.config
+   config.num_iter = num_iter
+   config.preserve_color = preserve_color
+   wandb.log(
+   {"Style reference": [wandb.Image(transforms.ToPILImage()(target_im))]},
+   step=0)
+
+   # 加载判别器用于感知损失
+   discriminator = Discriminator(1024, 2).eval().to(device)
+   ckpt = torch.load('models/stylegan2-ffhq-config-f.pt', map_location=lambda storage, loc: storage)
+   discriminator.load_state_dict(ckpt["d"], strict=False)
+
+   # 重置生成器
+   del generator
+   generator = deepcopy(original_generator)
+
+   g_optim = optim.Adam(generator.parameters(), lr=2e-3, betas=(0, 0.99))
+
+   # 用于生成一族合理真实图像-> 假图像的更换图层
+   if preserve_color:
+       id_swap = [9,11,15,16,17]
+   else:
+       id_swap = list(range(7, generator.n_latent))
+
+   for idx in tqdm(range(num_iter)):
+       mean_w = generator.get_latent(torch.randn([latents.size(0), latent_dim]).to(device)).unsqueeze(1).repeat(1, generator.n_latent, 1)
+       in_latent = latents.clone()
+       in_latent[:, id_swap] = alpha*latents[:, id_swap] + (1-alpha)*mean_w[:, id_swap]
+
+       img = generator(in_latent, input_is_latent=True)
+
+       with torch.no_grad():
+           real_feat = discriminator(targets)
+       fake_feat = discriminator(img)
+
+       loss = sum([F.l1_loss(a, b) for a, b in zip(fake_feat, real_feat)])/len(fake_feat)
+
+       wandb.log({"loss": loss}, step=idx)
+       if idx % log_interval == 0:
+           generator.eval()
+           my_sample = generator(my_w, input_is_latent=True)
+           generator.train()
+           my_sample = transforms.ToPILImage()(utils.make_grid(my_sample, normalize=True, range=(-1, 1)))
+           wandb.log(
+           {"Current stylization": [wandb.Image(my_sample)]},
+           step=idx)
+       table_data = [
+               wandb.Image(transforms.ToPILImage()(target_im)),
+               wandb.Image(img),
+               wandb.Image(my_sample),
+           ]
+       samples.append(table_data)
+
+       g_optim.zero_grad()
+       loss.backward()
+       g_optim.step()
+
+   out_table = wandb.Table(data=samples, columns=column_names)
+   wandb.log({" 当前样本数 ": out_table})
+   ```
+
+4. 保存、下载和加载模型
+
+   以下是如何保存和下载您的模型。
+
+   ```python
+
+   from PIL import Image
+   import torch
+   torch.backends.cudnn.benchmark = True
+   from torchvision import transforms, utils
+   from util import *
+   import math
+   import random
+   import numpy as np
+   from torch import nn, autograd, optim
+   from torch.nn import functional as F
+   from tqdm import tqdm
+   import lpips
+   from model import *
+   from e4e_projection import projection as e4e_projection
+
+   from copy import deepcopy
+   import imageio
+
+   import os
+   import sys
+   import torchvision.transforms as transforms
+   from argparse import Namespace
+   from e4e.models.psp import pSp
+   from util import *
+   from huggingface_hub import hf_hub_download
+   from google.colab import files
+   torch.save({"g": generator.state_dict()}, "your-model-name.pt")
+
+   files.download('your-model-name.pt')
+
+   latent_dim = 512
+   device="cuda"
+   model_path_s = hf_hub_download(repo_id="akhaliq/jojogan-stylegan2-ffhq-config-f", filename="stylegan2-ffhq-config-f.pt")
+   original_generator = Generator(1024, latent_dim, 8, 2).to(device)
+   ckpt = torch.load(model_path_s, map_location=lambda storage, loc: storage)
+   original_generator.load_state_dict(ckpt["g_ema"], strict=False)
+   mean_latent = original_generator.mean_latent(10000)
+
+   generator = deepcopy(original_generator)
+
+   ckpt = torch.load("/content/JoJoGAN/your-model-name.pt", map_location=lambda storage, loc: storage)
+   generator.load_state_dict(ckpt["g"], strict=False)
+   generator.eval()
+
+   plt.rcParams['figure.dpi'] = 150
+
+   transform = transforms.Compose(
+       [
+           transforms.Resize((1024, 1024)),
+           transforms.ToTensor(),
+           transforms.Normalize((0.5, 0.5, 0.5), (0.5, 0.5, 0.5)),
+       ]
+   )
+
+   def inference(img):
+       img.save('out.jpg')
+       aligned_face = align_face('out.jpg')
+
+       my_w = e4e_projection(aligned_face, "out.pt", device).unsqueeze(0)
+       with torch.no_grad():
+           my_sample = generator(my_w, input_is_latent=True)
+
+       npimage = my_sample[0].cpu().permute(1, 2, 0).detach().numpy()
+       imageio.imwrite('filename.jpeg', npimage)
+       return 'filename.jpeg'
+   ```
+
+5. 构建 Gradio 演示
+
+   ```python
+
+   import gradio as gr
+
+   title = "JoJoGAN"
+   description = "JoJoGAN 的 Gradio 演示：一次性面部风格化。要使用它，只需上传您的图像，或单击示例之一加载它们。在下面的链接中阅读更多信息。"
+
+   demo = gr.Interface(
+       inference,
+       gr.Image(type="pil"),
+       gr.Image(type=" 文件 "),
+       title=title,
+       description=description
+   )
+
+   demo.launch(share=True)
+   ```
+
+6. 将 Gradio 集成到 W&B 仪表板
+
+   最后一步——将 Gradio 演示与 W&B 仪表板集成，只需要一行额外的代码 :
+
+   ```python
+
+   demo.integrate(wandb=wandb)
+   ```
+
+   调用集成之后，将创建一个演示，您可以将其集成到仪表板或报告中
+
+   在 W&B 之外，使用 gradio-app 标记允许任何人直接将 Gradio 演示嵌入到其博客、网站、文档等中的 HF spaces 上 :
+
+   ```html
+   &lt;gradio-app space="akhaliq/JoJoGAN"&gt; &lt;gradio-app&gt;
+   ```
+
+7.（可选）在 Gradio 应用程序中嵌入 W&B 图
+
+    也可以在 Gradio 应用程序中嵌入 W&B 图。为此，您可以创建一个 W&B 报告，并在一个 `gr.HTML` 块中将其嵌入到 Gradio 应用程序中。
+
+    报告需要是公开的，您需要在 iFrame 中包装 URL，如下所示 :
+    The Report will need to be public and you will need to wrap the URL within an iFrame like this:
+    ```python
+
+    import gradio as gr
+
+    def wandb_report(url):
+        iframe = f'&lt;iframe src={url} style="border:none;height:1024px;width:100%"&gt;'
+        return gr.HTML(iframe)
+
+    with gr.Blocks() as demo:
+        report_url = 'https://wandb.ai/_scott/pytorch-sweeps-demo/reports/loss-22-10-07-16-00-17---VmlldzoyNzU2NzAx'
+        report = wandb_report(report_url)
+
+    demo.launch(share=True)
+    ```
+
+## 结论
+
+希望您喜欢此嵌入 Gradio 演示到 W&B 报告的简短演示！感谢您一直阅读到最后。回顾一下 :
+
+- 仅需要一个单一参考图像即可对 JoJoGAN 进行微调，通常在 GPU 上需要约 1 分钟。训练完成后，可以将样式应用于任何输入图像。在论文中阅读更多内容。
+
+- W&B 可以通过添加几行代码来跟踪实验，您可以在单个集中的仪表板中可视化、排序和理解您的实验。
+
+- Gradio 则在用户友好的界面中演示模型，可以在网络上任何地方共享。
+
+## 如何在 Wandb 组织的 HF spaces 上 贡献 Gradio 演示
+
+- 在 Hugging Face 上创建一个帐户[此处](https://huggingface.co/join)。
+- 在您的用户名下添加 Gradio 演示，请参阅[此教程](https://huggingface.co/course/chapter9/4?fw=pt) 以在 Hugging Face 上设置 Gradio 演示。
+- 申请加入 wandb 组织[此处](https://huggingface.co/wandb)。
+- 批准后，将模型从自己的用户名转移到 Wandb 组织中。
diff --git a/guides/cn/04_integrating-other-frameworks/image-classification-in-pytorch.md b/guides/cn/04_integrating-other-frameworks/image-classification-in-pytorch.md
new file mode 100644
index 0000000..4588852
--- /dev/null
+++ b/guides/cn/04_integrating-other-frameworks/image-classification-in-pytorch.md
@@ -0,0 +1,88 @@
+# PyTorch 图像分类
+
+Related spaces: https://huggingface.co/spaces/abidlabs/pytorch-image-classifier, https://huggingface.co/spaces/pytorch/ResNet, https://huggingface.co/spaces/pytorch/ResNext, https://huggingface.co/spaces/pytorch/SqueezeNet
+Tags: VISION, RESNET, PYTORCH
+
+## 介绍
+
+图像分类是计算机视觉中的一个核心任务。构建更好的分类器以区分图片中存在的物体是当前研究的一个热点领域，因为它的应用范围从自动驾驶车辆到医学成像等领域都很广泛。
+
+这样的模型非常适合 Gradio 的 _image_ 输入组件，因此在本教程中，我们将使用 Gradio 构建一个用于图像分类的 Web 演示。我们将能够在 Python 中构建整个 Web 应用程序，效果如下（试试其中一个示例！）:
+
+<iframe src="https://abidlabs-pytorch-image-classifier.hf.space" frameBorder="0" height="660" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+让我们开始吧！
+
+### 先决条件
+
+确保您已经[安装](/getting_started)了 `gradio` Python 包。我们将使用一个预训练的图像分类模型，所以您还应该安装了 `torch`。
+
+## 第一步 - 设置图像分类模型
+
+首先，我们需要一个图像分类模型。在本教程中，我们将使用一个预训练的 Resnet-18 模型，因为它可以从[PyTorch Hub](https://pytorch.org/hub/pytorch_vision_resnet/)轻松下载。您可以使用其他预训练模型或训练自己的模型。
+
+```python
+import torch
+
+model = torch.hub.load('pytorch/vision:v0.6.0', 'resnet18', pretrained=True).eval()
+```
+
+由于我们将使用模型进行推断，所以我们调用了 `.eval()` 方法。
+
+## 第二步 - 定义 `predict` 函数
+
+接下来，我们需要定义一个函数，该函数接受*用户输入*，在本示例中是一张图片，并返回预测结果。预测结果应该以字典的形式返回，其中键是类别名称，值是置信度概率。我们将从这个[text 文件](https://git.io/JJkYN)中加载类别名称。
+
+对于我们的预训练模型，它的代码如下：
+
+```python
+import requests
+from PIL import Image
+from torchvision import transforms
+
+# 下载ImageNet的可读标签。
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+def predict(inp):
+  inp = transforms.ToTensor()(inp).unsqueeze(0)
+  with torch.no_grad():
+    prediction = torch.nn.functional.softmax(model(inp)[0], dim=0)
+    confidences = {labels[i]: float(prediction[i]) for i in range(1000)}
+  return confidences
+```
+
+让我们逐步来看一下这段代码。该函数接受一个参数：
+
+- `inp`：输入图片，类型为 `PIL` 图像
+
+然后，该函数将图像转换为 PIL 图像，最终转换为 PyTorch 的 `tensor`，将其输入模型，并返回：
+
+- `confidences`：预测结果，以字典形式表示，其中键是类别标签，值是置信度概率
+
+## 第三步 - 创建 Gradio 界面
+
+现在我们已经设置好了预测函数，我们可以创建一个 Gradio 界面。
+
+在本例中，输入组件是一个拖放图片的组件。为了创建这个输入组件，我们使用 `Image(type="pil")` 来创建该组件，并处理预处理操作将其转换为 `PIL` 图像。
+
+输出组件将是一个 `Label`，它以良好的形式显示顶部标签。由于我们不想显示所有 1000 个类别标签，所以我们将其定制为只显示前 3 个标签，构造为 `Label(num_top_classes=3)`。
+
+最后，我们添加了一个 `examples` 参数，允许我们预填一些预定义的示例到界面中。Gradio 的代码如下：
+
+```python
+import gradio as gr
+
+gr.Interface(fn=predict,
+             inputs=gr.Image(type="pil"),
+             outputs=gr.Label(num_top_classes=3),
+             examples=["lion.jpg", "cheetah.jpg"]).launch()
+```
+
+这将产生以下界面，您可以在浏览器中直接尝试（试试上传自己的示例图片！）：
+
+<iframe src="https://abidlabs-pytorch-image-classifier.hf.space" frameBorder="0" height="660" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+---
+
+完成了！这就是构建图像分类器 Web 演示所需的所有代码。如果您想与他人共享，请在 `launch()` 接口时设置 `share=True`！
diff --git a/guides/cn/04_integrating-other-frameworks/image-classification-in-tensorflow.md b/guides/cn/04_integrating-other-frameworks/image-classification-in-tensorflow.md
new file mode 100644
index 0000000..d03e77f
--- /dev/null
+++ b/guides/cn/04_integrating-other-frameworks/image-classification-in-tensorflow.md
@@ -0,0 +1,86 @@
+# TensorFlow 和 Keras 中的图像分类
+
+相关空间：https://huggingface.co/spaces/abidlabs/keras-image-classifier
+标签：VISION, MOBILENET, TENSORFLOW
+
+## 简介
+
+图像分类是计算机视觉中的一项核心任务。构建更好的分类器来识别图像中的物体是一个研究的热点领域，因为它在交通控制系统到卫星成像等应用中都有广泛的应用。
+
+这样的模型非常适合与 Gradio 的 _image_ 输入组件一起使用，因此在本教程中，我们将使用 Gradio 构建一个用于图像分类的 Web 演示。我们可以在 Python 中构建整个 Web 应用程序，它的界面将如下所示（试试其中一个例子！）：
+
+<iframe src="https://abidlabs-keras-image-classifier.hf.space" frameBorder="0" height="660" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+让我们开始吧！
+
+### 先决条件
+
+确保您已经[安装](/getting_started)了 `gradio` Python 包。我们将使用一个预训练的 Keras 图像分类模型，因此您还应该安装了 `tensorflow`。
+
+## 第一步 —— 设置图像分类模型
+
+首先，我们需要一个图像分类模型。在本教程中，我们将使用一个预训练的 Mobile Net 模型，因为它可以从[Keras](https://keras.io/api/applications/mobilenet/)轻松下载。您也可以使用其他预训练模型或训练自己的模型。
+
+```python
+import tensorflow as tf
+
+inception_net = tf.keras.applications.MobileNetV2()
+```
+
+此行代码将使用 Keras 库自动下载 MobileNet 模型和权重。
+
+## 第二步 —— 定义 `predict` 函数
+
+接下来，我们需要定义一个函数，该函数接收*用户输入*作为参数（在本例中为图像），并返回预测结果。预测结果应以字典形式返回，其中键是类名，值是置信概率。我们将从这个[text 文件](https://git.io/JJkYN)中加载类名。
+
+对于我们的预训练模型，函数将如下所示：
+
+```python
+import requests
+
+# 从ImageNet下载可读性标签。
+response = requests.get("https://git.io/JJkYN")
+labels = response.text.split("\n")
+
+def classify_image(inp):
+  inp = inp.reshape((-1, 224, 224, 3))
+  inp = tf.keras.applications.mobilenet_v2.preprocess_input(inp)
+  prediction = inception_net.predict(inp).flatten()
+  confidences = {labels[i]: float(prediction[i]) for i in range(1000)}
+  return confidences
+```
+
+让我们来详细了解一下。该函数接受一个参数：
+
+- `inp`：输入图像的 `numpy` 数组
+
+然后，函数添加一个批次维度，通过模型进行处理，并返回：
+
+- `confidences`：预测结果，以字典形式表示，其中键是类标签，值是置信概率
+
+## 第三步 —— 创建 Gradio 界面
+
+现在我们已经设置好了预测函数，我们可以围绕它创建一个 Gradio 界面。
+
+在这种情况下，输入组件是一个拖放图像组件。要创建此输入组件，我们可以使用 `"gradio.inputs.Image"` 类，该类创建该组件并处理预处理以将其转换为 numpy 数组。我们将使用一个参数来实例化该类，该参数会自动将输入图像预处理为 224 像素 x224 像素的大小，这是 MobileNet 所期望的尺寸。
+
+输出组件将是一个 `"label"`，它以美观的形式显示顶部标签。由于我们不想显示所有的 1,000 个类标签，所以我们将自定义它只显示前 3 个标签。
+
+最后，我们还将添加一个 `examples` 参数，它允许我们使用一些预定义的示例预填充我们的接口。Gradio 的代码如下所示：
+
+```python
+import gradio as gr
+
+gr.Interface(fn=classify_image,
+             inputs=gr.Image(width=224, height=224),
+             outputs=gr.Label(num_top_classes=3),
+             examples=["banana.jpg", "car.jpg"]).launch()
+```
+
+这将生成以下界面，您可以在浏览器中立即尝试（尝试上传您自己的示例！）：
+
+<iframe src="https://abidlabs-keras-image-classifier.hf.space" frameBorder="0" height="660" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+---
+
+完成！这就是构建图像分类器的 Web 演示所需的所有代码。如果您想与他人分享，请尝试在启动接口时设置 `share=True`！
diff --git a/guides/cn/04_integrating-other-frameworks/image-classification-with-vision-transformers.md b/guides/cn/04_integrating-other-frameworks/image-classification-with-vision-transformers.md
new file mode 100644
index 0000000..a1186da
--- /dev/null
+++ b/guides/cn/04_integrating-other-frameworks/image-classification-with-vision-transformers.md
@@ -0,0 +1,52 @@
+# Vision Transformers 图像分类
+
+相关空间：https://huggingface.co/spaces/abidlabs/vision-transformer
+标签：VISION, TRANSFORMERS, HUB
+
+## 简介
+
+图像分类是计算机视觉中的重要任务。构建更好的分类器以确定图像中存在的对象是当前研究的热点领域，因为它在从人脸识别到制造质量控制等方面都有应用。
+
+最先进的图像分类器基于 _transformers_ 架构，该架构最初在自然语言处理任务中很受欢迎。这种架构通常被称为 vision transformers (ViT)。这些模型非常适合与 Gradio 的*图像*输入组件一起使用，因此在本教程中，我们将构建一个使用 Gradio 进行图像分类的 Web 演示。我们只需用**一行 Python 代码**即可构建整个 Web 应用程序，其效果如下（试用一下示例之一！）：
+
+<iframe src="https://abidlabs-vision-transformer.hf.space" frameBorder="0" height="660" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+让我们开始吧！
+
+### 先决条件
+
+确保您已经[安装](/getting_started)了 `gradio` Python 包。
+
+## 步骤 1 - 选择 Vision 图像分类模型
+
+首先，我们需要一个图像分类模型。在本教程中，我们将使用[Hugging Face Model Hub](https://huggingface.co/models?pipeline_tag=image-classification)上的一个模型。该 Hub 包含数千个模型，涵盖了多种不同的机器学习任务。
+
+在左侧边栏中展开 Tasks 类别，并选择我们感兴趣的“Image Classification”作为我们的任务。然后，您将看到 Hub 上为图像分类设计的所有模型。
+
+在撰写时，最受欢迎的模型是 `google/vit-base-patch16-224`，该模型在分辨率为 224x224 像素的 ImageNet 图像上进行了训练。我们将在演示中使用此模型。
+
+## 步骤 2 - 使用 Gradio 加载 Vision Transformer 模型
+
+当使用 Hugging Face Hub 上的模型时，我们无需为演示定义输入或输出组件。同样，我们不需要关心预处理或后处理的细节。所有这些都可以从模型标签中自动推断出来。
+
+除了导入语句外，我们只需要一行代码即可加载并启动演示。
+
+我们使用 `gr.Interface.load()` 方法，并传入包含 `huggingface/` 的模型路径，以指定它来自 Hugging Face Hub。
+
+```python
+import gradio as gr
+
+gr.Interface.load(
+             "huggingface/google/vit-base-patch16-224",
+             examples=["alligator.jpg", "laptop.jpg"]).launch()
+```
+
+请注意，我们添加了一个 `examples` 参数，允许我们使用一些预定义的示例预填充我们的界面。
+
+这将生成以下接口，您可以直接在浏览器中尝试。当您输入图像时，它会自动进行预处理并发送到 Hugging Face Hub API，通过模型处理，并以人类可解释的预测结果返回。尝试上传您自己的图像！
+
+<iframe src="https://abidlabs-vision-transformer.hf.space" frameBorder="0" height="660" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+---
+
+完成！只需一行代码，您就建立了一个图像分类器的 Web 演示。如果您想与他人分享，请在 `launch()` 接口时设置 `share=True`。
diff --git a/guides/cn/05_tabular-data-science-and-plots/01_connecting-to-a-database.md b/guides/cn/05_tabular-data-science-and-plots/01_connecting-to-a-database.md
new file mode 100644
index 0000000..2c3cc67
--- /dev/null
+++ b/guides/cn/05_tabular-data-science-and-plots/01_connecting-to-a-database.md
@@ -0,0 +1,152 @@
+# 连接到数据库
+
+相关空间：https://huggingface.co/spaces/gradio/chicago-bike-share-dashboard
+标签：TABULAR, PLOTS
+
+## 介绍
+
+本指南介绍如何使用 Gradio 连接您的应用程序到数据库。我们将会
+连接到在 AWS 上托管的 PostgreSQL 数据库，但 Gradio 对于您连接的数据库类型和托管位置没有任何限制。因此，只要您能编写 Python 代码来连接
+您的数据，您就可以使用 Gradio 在 Web 界面中显示它 💪
+
+## 概述
+
+我们将分析来自芝加哥的自行车共享数据。数据托管在 kaggle [这里](https://www.kaggle.com/datasets/evangower/cyclistic-bike-share?select=202203-divvy-tripdata.csv)。
+我们的目标是创建一个仪表盘，让我们的业务利益相关者能够回答以下问题：
+
+1. 电动自行车是否比普通自行车更受欢迎？
+2. 哪些出发自行车站点最受欢迎？
+
+在本指南结束时，我们将拥有一个如下所示的功能齐全的应用程序：
+
+<gradio-app space="gradio/chicago-bike-share-dashboard"> </gradio-app>
+
+## 步骤 1 - 创建数据库
+
+我们将在 Amazon 的 RDS 服务上托管我们的数据。如果还没有 AWS 账号，请创建一个
+并在免费层级上创建一个 PostgreSQL 数据库。
+
+**重要提示**：如果您计划在 HuggingFace Spaces 上托管此演示，请确保数据库在 **8080** 端口上。Spaces
+将阻止除端口 80、443 或 8080 之外的所有外部连接，如此[处所示](https://huggingface.co/docs/hub/spaces-overview#networking)。
+RDS 不允许您在 80 或 443 端口上创建 postgreSQL 实例。
+
+创建完数据库后，从 Kaggle 下载数据集并将其上传到数据库中。
+为了演示的目的，我们只会上传 2022 年 3 月的数据。
+
+## 步骤 2.a - 编写 ETL 代码
+
+我们将查询数据库，按自行车类型（电动、标准或有码）进行分组，并获取总骑行次数。
+我们还将查询每个站点的出发骑行次数，并获取前 5 个。
+
+然后，我们将使用 matplotlib 将查询结果可视化。
+
+我们将使用 pandas 的[read_sql](https://pandas.pydata.org/docs/reference/api/pandas.read_sql.html)
+方法来连接数据库。这需要安装 `psycopg2` 库。
+
+为了连接到数据库，我们将指定数据库的用户名、密码和主机作为环境变量。
+这样可以通过避免将敏感信息以明文形式存储在应用程序文件中，使我们的应用程序更安全。
+
+```python
+import os
+import pandas as pd
+import matplotlib.pyplot as plt
+
+DB_USER = os.getenv("DB_USER")
+DB_PASSWORD = os.getenv("DB_PASSWORD")
+DB_HOST = os.getenv("DB_HOST")
+PORT = 8080
+DB_NAME = "bikeshare"
+
+connection_string = f"postgresql://{DB_USER}:{DB_PASSWORD}@{DB_HOST}?port={PORT}&dbname={DB_NAME}"
+
+def get_count_ride_type():
+    df = pd.read_sql(
+    """
+        SELECT COUNT(ride_id) as n, rideable_type
+        FROM rides
+        GROUP BY rideable_type
+        ORDER BY n DESC
+    """,
+    con=connection_string
+    )
+    fig_m, ax = plt.subplots()
+    ax.bar(x=df['rideable_type'], height=df['n'])
+    ax.set_title("Number of rides by bycycle type")
+    ax.set_ylabel("Number of Rides")
+    ax.set_xlabel("Bicycle Type")
+    return fig_m
+
+
+def get_most_popular_stations():
+
+    df = pd.read_sql(
+        """
+    SELECT COUNT(ride_id) as n, MAX(start_station_name) as station
+    FROM RIDES
+    WHERE start_station_name is NOT NULL
+    GROUP BY start_station_id
+    ORDER BY n DESC
+    LIMIT 5
+    """,
+    con=connection_string
+    )
+    fig_m, ax = plt.subplots()
+    ax.bar(x=df['station'], height=df['n'])
+    ax.set_title("Most popular stations")
+    ax.set_ylabel("Number of Rides")
+    ax.set_xlabel("Station Name")
+    ax.set_xticklabels(
+        df['station'], rotation=45, ha="right", rotation_mode="anchor"
+    )
+    ax.tick_params(axis="x", labelsize=8)
+    fig_m.tight_layout()
+    return fig_m
+```
+
+如果您在本地运行我们的脚本，可以像下面这样将凭据作为环境变量传递：
+
+```bash
+DB_USER='username' DB_PASSWORD='password' DB_HOST='host' python app.py
+```
+
+## 步骤 2.c - 编写您的 gradio 应用程序
+
+我们将使用两个单独的 `gr.Plot` 组件将我们的 matplotlib 图表并排显示在一起，使用 `gr.Row()`。
+因为我们已经在 `demo.load()` 事件触发器中封装了获取数据的函数，
+我们的演示将在每次网页加载时从数据库**动态**获取最新数据。🪄
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        bike_type = gr.Plot()
+        station = gr.Plot()
+
+    demo.load(get_count_ride_type, inputs=None, outputs=bike_type)
+    demo.load(get_most_popular_stations, inputs=None, outputs=station)
+
+demo.launch()
+```
+
+## 步骤 3 - 部署
+
+如果您运行上述代码，您的应用程序将在本地运行。
+您甚至可以通过将 `share=True` 参数传递给 `launch` 来获得一个临时共享链接。
+
+但是如果您想要一个永久的部署解决方案呢？
+让我们将我们的 Gradio 应用程序部署到免费的 HuggingFace Spaces 平台上。
+
+如果您之前没有使用过 Spaces，请按照之前的指南[这里](/using_hugging_face_integrations)进行操作。
+您将需要将 `DB_USER`、`DB_PASSWORD` 和 `DB_HOST` 变量添加为 "Repo Secrets"。您可以在 " 设置 " 选项卡中进行此操作。
+
+![secrets](/assets/guides/secrets.png)
+
+## 结论
+
+恭喜你！您知道如何将您的 Gradio 应用程序连接到云端托管的数据库！☁️
+
+我们的仪表板现在正在[Spaces](https://huggingface.co/spaces/gradio/chicago-bike-share-dashboard)上运行。
+完整代码在[这里](https://huggingface.co/spaces/gradio/chicago-bike-share-dashboard/blob/main/app.py)
+
+正如您所见，Gradio 使您可以连接到您的数据并以您想要的方式显示！🔥
diff --git a/guides/cn/05_tabular-data-science-and-plots/creating-a-dashboard-from-bigquery-data.md b/guides/cn/05_tabular-data-science-and-plots/creating-a-dashboard-from-bigquery-data.md
new file mode 100644
index 0000000..00aa2e3
--- /dev/null
+++ b/guides/cn/05_tabular-data-science-and-plots/creating-a-dashboard-from-bigquery-data.md
@@ -0,0 +1,122 @@
+# 从 BigQuery 数据创建实时仪表盘
+
+Tags: 表格 , 仪表盘 , 绘图
+
+[Google BigQuery](https://cloud.google.com/bigquery) 是一个基于云的用于处理大规模数据集的服务。它是一个无服务器且高度可扩展的数据仓库解决方案，使用户能够使用类似 SQL 的查询分析数据。
+
+在本教程中，我们将向您展示如何使用 `gradio` 在 Python 中查询 BigQuery 数据集并在实时仪表盘中显示数据。仪表板将如下所示：
+
+<img src="https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/bigquery-dashboard.gif">
+
+在本指南中，我们将介绍以下步骤：
+
+1. 设置 BigQuery 凭据
+2. 使用 BigQuery 客户端
+3. 构建实时仪表盘（仅需 _7 行 Python 代码_）
+
+我们将使用[纽约时报的 COVID 数据集](https://www.nytimes.com/interactive/2021/us/covid-cases.html)，该数据集作为一个公共数据集可在 BigQuery 上使用。数据集名为 `covid19_nyt.us_counties`，其中包含有关美国各县 COVID 确诊病例和死亡人数的最新信息。
+
+**先决条件**：本指南使用 [Gradio Blocks](../quickstart/#blocks-more-flexibility-and-control)，因此请确保您熟悉 Blocks 类。
+
+## 设置 BigQuery 凭据
+
+要使用 Gradio 和 BigQuery，您需要获取您的 BigQuery 凭据，并将其与 [BigQuery Python 客户端](https://pypi.org/project/google-cloud-bigquery/) 一起使用。如果您已经拥有 BigQuery 凭据（作为 `.json` 文件），则可以跳过此部分。否则，您可以在几分钟内免费完成此操作。
+
+1. 首先，登录到您的 Google Cloud 帐户，并转到 Google Cloud 控制台 (https://console.cloud.google.com/)
+
+2. 在 Cloud 控制台中，单击左上角的汉堡菜单，然后从菜单中选择“API 与服务”。如果您没有现有项目，则需要创建一个项目。
+
+3. 然后，单击“+ 启用的 API 与服务”按钮，该按钮允许您为项目启用特定服务。搜索“BigQuery API”，单击它，然后单击“启用”按钮。如果您看到“管理”按钮，则表示 BigQuery 已启用，您已准备就绪。
+
+4. 在“API 与服务”菜单中，单击“凭据”选项卡，然后单击“创建凭据”按钮。
+
+5. 在“创建凭据”对话框中，选择“服务帐号密钥”作为要创建的凭据类型，并为其命名。还可以通过为其授予角色（例如“BigQuery 用户”）为服务帐号授予权限，从而允许您运行查询。
+
+6. 在选择服务帐号后，选择“JSON”密钥类型，然后单击“创建”按钮。这将下载包含您凭据的 JSON 密钥文件到您的计算机。它的外观类似于以下内容：
+
+```json
+{
+	"type": "service_account",
+	"project_id": "your project",
+	"private_key_id": "your private key id",
+	"private_key": "private key",
+	"client_email": "email",
+	"client_id": "client id",
+	"auth_uri": "https://accounts.google.com/o/oauth2/auth",
+	"token_uri": "https://accounts.google.com/o/oauth2/token",
+	"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
+	"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/email_id"
+}
+```
+
+## 使用 BigQuery 客户端
+
+获得凭据后，您需要使用 BigQuery Python 客户端使用您的凭据进行身份验证。为此，您需要在终端中运行以下命令安装 BigQuery Python 客户端：
+
+```bash
+pip install google-cloud-bigquery[pandas]
+```
+
+您会注意到我们已安装了 pandas 插件，这对于将 BigQuery 数据集处理为 pandas 数据帧将非常有用。安装了客户端之后，您可以通过运行以下代码使用您的凭据进行身份验证：
+
+```py
+from google.cloud import bigquery
+
+client = bigquery.Client.from_service_account_json("path/to/key.json")
+```
+
+完成凭据身份验证后，您现在可以使用 BigQuery Python 客户端与您的 BigQuery 数据集进行交互。
+
+以下是一个示例函数，该函数在 BigQuery 中查询 `covid19_nyt.us_counties` 数据集，以显示截至当前日期的确诊人数最多的前 20 个县：
+
+```py
+import numpy as np
+
+QUERY = (
+    'SELECT * FROM `bigquery-public-data.covid19_nyt.us_counties` '
+    'ORDER BY date DESC,confirmed_cases DESC '
+    'LIMIT 20')
+
+def run_query():
+    query_job = client.query(QUERY)
+    query_result = query_job.result()
+    df = query_result.to_dataframe()
+    # Select a subset of columns
+    df = df[["confirmed_cases", "deaths", "county", "state_name"]]
+    # Convert numeric columns to standard numpy types
+    df = df.astype({"deaths": np.int64, "confirmed_cases": np.int64})
+    return df
+```
+
+## 构建实时仪表盘
+
+一旦您有了查询数据的函数，您可以使用 Gradio 库的 `gr.DataFrame` 组件以表格形式显示结果。这是一种检查数据并确保查询正确的有用方式。
+
+以下是如何使用 `gr.DataFrame` 组件显示结果的示例。通过将 `run_query` 函数传递给 `gr.DataFrame`，我们指示 Gradio 在页面加载时立即运行该函数并显示结果。此外，您还可以传递关键字 `every`，以告知仪表板每小时刷新一次（60\*60 秒）。
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.DataFrame(run_query, every=gr.Timer(60*60))
+
+demo.queue().launch()  # Run the demo using queuing
+```
+
+也许您想在我们的仪表盘中添加一个可视化效果。您可以使用 `gr.ScatterPlot()` 组件将数据可视化为散点图。这可以让您查看数据中不同变量（例如病例数和死亡数）之间的关系，并可用于探索数据和获取见解。同样，我们可以实时完成这一操作
+通过传递 `every` 参数。
+
+以下是一个完整示例，展示了如何在显示数据时使用 `gr.ScatterPlot` 来进行可视化。
+
+```py
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 💉 Covid Dashboard (Updated Hourly)")
+    with gr.Row():
+        gr.DataFrame(run_query, every=gr.Timer(60*60))
+        gr.ScatterPlot(run_query, every=gr.Timer(60*60), x="confirmed_cases",
+                        y="deaths", tooltip="county", width=500, height=500)
+
+demo.queue().launch()  # Run the demo with queuing enabled
+```
diff --git a/guides/cn/05_tabular-data-science-and-plots/creating-a-dashboard-from-supabase-data.md b/guides/cn/05_tabular-data-science-and-plots/creating-a-dashboard-from-supabase-data.md
new file mode 100644
index 0000000..de81653
--- /dev/null
+++ b/guides/cn/05_tabular-data-science-and-plots/creating-a-dashboard-from-supabase-data.md
@@ -0,0 +1,123 @@
+# 从 Supabase 数据创建仪表盘
+
+Tags: TABULAR, DASHBOARD, PLOTS
+
+[Supabase](https://supabase.com/) 是一个基于云的开源后端，提供了 PostgreSQL 数据库、身份验证和其他有用的功能，用于构建 Web 和移动应用程序。在本教程中，您将学习如何从 Supabase 读取数据，并在 Gradio 仪表盘上以**实时**方式绘制数据。
+
+**先决条件 :** 要开始，您需要一个免费的 Supabase 账户，您可以在此处注册：[https://app.supabase.com/](https://app.supabase.com/)
+
+在这个端到端指南中，您将学习如何：
+
+- 在 Supabase 中创建表
+- 使用 Supabase Python 客户端向 Supabase 写入数据
+- 使用 Gradio 在实时仪表盘中可视化数据
+
+如果您已经在 Supabase 上有数据想要在仪表盘中可视化，您可以跳过前两个部分，直接到[可视化数据](#visualize-the-data-in-a-real-time-gradio-dashboard)！
+
+## 在 Supabase 中创建表
+
+首先，我们需要一些要可视化的数据。根据这个[出色的指南](https://supabase.com/blog/loading-data-supabase-python)，我们将创建一些虚假的商务数据，并将其放入 Supabase 中。
+
+1\. 在 Supabase 中创建一个新项目。一旦您登录，点击 "New Project" 按钮
+
+2\. 给您的项目命名并设置数据库密码。您还可以选择定价计划（对于我们来说，免费计划已足够！）
+
+3\. 在数据库启动时（可能需要多达 2 分钟），您将看到您的 API 密钥。
+
+4\. 在左侧窗格中单击 "Table Editor"（表图标）以创建一个新表。我们将创建一个名为 `Product` 的单表，具有以下模式：
+
+<center>
+<table>
+<tr><td>product_id</td><td>int8</td></tr>
+<tr><td>inventory_count</td><td>int8</td></tr>
+<tr><td>price</td><td>float8</td></tr>
+<tr><td>product_name</td><td>varchar</td></tr>
+</table>
+</center>
+
+5\. 点击保存以保存表结构。
+
+我们的表已经准备好了！
+
+## 将数据写入 Supabase
+
+下一步是向 Supabase 数据集中写入数据。我们将使用 Supabase Python 库来完成这个任务。
+
+6\. 通过在终端中运行以下命令来安装 `supabase` 库：
+
+```bash
+pip install supabase
+```
+
+7\. 获取项目 URL 和 API 密钥。点击左侧窗格上的设置（齿轮图标），然后点击 'API'。URL 列在项目 URL 框中，API 密钥列在项目 API 密钥（带有 `service_role`、`secret` 标签）中
+
+8\. 现在，运行以下 Python 脚本将一些虚假数据写入表中（注意您需要在步骤 7 中放入 `SUPABASE_URL` 和 `SUPABASE_SECRET_KEY` 的值）：
+
+```python
+import supabase
+
+# 初始化Supabase客户端
+client = supabase.create_client('SUPABASE_URL', 'SUPABASE_SECRET_KEY')
+
+# 定义要写入的数据
+import random
+
+main_list = []
+for i in range(10):
+    value = {'product_id': i,
+             'product_name': f"Item {i}",
+             'inventory_count': random.randint(1, 100),
+             'price': random.random()*100
+            }
+    main_list.append(value)
+
+# 将数据写入表中
+data = client.table('Product').insert(main_list).execute()
+```
+
+返回 Supabase 仪表板并刷新页面，您将看到 10 行数据填充到 `Product` 表中！
+
+## 在实时 Gradio 仪表盘中可视化数据
+
+最后，我们将使用相同的 `supabase` Python 库从 Supabase 数据集中读取数据，并使用 `gradio` 创建一个实时仪表盘。
+
+注意：我们在本节中重复了某些步骤（比如创建 Supabase 客户端），以防您没有完成之前的部分。如第 7 步所述，您将需要数据库的项目 URL 和 API 密钥。
+
+9\. 编写一个函数，从 `Product` 表加载数据并将其作为 pandas DataFrame 返回：
+
+import supabase
+
+```python
+import supabase
+import pandas as pd
+
+client = supabase.create_client('SUPABASE_URL', 'SUPABASE_SECRET_KEY')
+
+def read_data():
+    response = client.table('Product').select("*").execute()
+    df = pd.DataFrame(response.data)
+    return df
+```
+
+10\. 使用两个条形图创建一个小的 Gradio 仪表盘，每分钟绘制所有项目的价格和库存量，并实时更新：
+
+```python
+import gradio as gr
+
+with gr.Blocks() as dashboard:
+    with gr.Row():
+        gr.BarPlot(read_data, x="product_id", y="price", title="价格", every=gr.Timer(60))
+        gr.BarPlot(read_data, x="product_id", y="inventory_count", title="库存", every=gr.Timer(60))
+
+dashboard.queue().launch()
+```
+
+请注意，通过将函数传递给 `gr.BarPlot()`，我们可以在网络应用加载时查询数据库（然后每 60 秒查询一次，因为有 `every` 参数）。您的最终仪表盘应如下所示：
+
+<gradio-app space="abidlabs/supabase"></gradio-app>
+
+## 结论
+
+就是这样！在本教程中，您学习了如何将数据写入 Supabase 数据集，然后读取该数据并将结果绘制为条形图。如果您更新 Supabase 数据库中的数据，您会注意到 Gradio 仪表盘将在一分钟内更新。
+
+尝试在此示例中添加更多绘图和可视化（或使用不同的数据集），以构建一个更复杂的仪表盘！
diff --git a/guides/cn/05_tabular-data-science-and-plots/creating-a-realtime-dashboard-from-google-sheets.md b/guides/cn/05_tabular-data-science-and-plots/creating-a-realtime-dashboard-from-google-sheets.md
new file mode 100644
index 0000000..907941d
--- /dev/null
+++ b/guides/cn/05_tabular-data-science-and-plots/creating-a-realtime-dashboard-from-google-sheets.md
@@ -0,0 +1,121 @@
+# 从 Google Sheets 创建实时仪表盘
+
+Tags: TABULAR, DASHBOARD, PLOTS
+[Google Sheets](https://www.google.com/sheets/about/) 是一种以电子表格形式存储表格数据的简便方法。借助 Gradio 和 pandas，可以轻松从公共或私有 Google Sheets 读取数据，然后显示数据或绘制数据。在本博文中，我们将构建一个小型 _real-time_ 仪表盘，该仪表盘在 Google Sheets 中的数据更新时进行更新。
+构建仪表盘本身只需要使用 Gradio 的 9 行 Python 代码，我们的最终仪表盘如下所示：
+<gradio-app space="gradio/line-plot"></gradio-app>
+
+**先决条件**：本指南使用[Gradio Blocks](../quickstart/#blocks-more-flexibility-and-control)，因此请确保您熟悉 Blocks 类。
+具体步骤略有不同，具体取决于您是使用公开访问还是私有 Google Sheet。我们将分别介绍这两种情况，所以让我们开始吧！
+
+## Public Google Sheets
+
+由于[`pandas` 库](https://pandas.pydata.org/)的存在，从公共 Google Sheet 构建仪表盘非常简单：
+
+1. 获取要使用的 Google Sheets 的网址。为此，只需进入 Google Sheets，单击右上角的“共享”按钮，然后单击“获取可共享链接”按钮。这将给您一个类似于以下示例的网址：
+
+```html
+https://docs.google.com/spreadsheets/d/1UoKzzRzOCt-FXLLqDKLbryEKEgllGAQUEJ5qtmmQwpU/edit#gid=0
+```
+
+2. 现在，修改此网址并使用它从 Google Sheets 读取数据到 Pandas DataFrame 中。 (在下面的代码中，用您的公开 Google Sheet 的网址替换 `URL` 变量)：
+
+```python
+import pandas as pd
+URL = "https://docs.google.com/spreadsheets/d/1UoKzzRzOCt-FXLLqDKLbryEKEgllGAQUEJ5qtmmQwpU/edit#gid=0"csv_url = URL.replace('/edit#gid=', '/export?format=csv&gid=')
+def get_data():
+    return pd.read_csv(csv_url)
+```
+
+3. 数据查询是一个函数，这意味着可以使用 `gr.DataFrame` 组件实时显示或使用 `gr.LinePlot` 组件实时绘制数据（当然，根据数据的不同，可能需要不同的绘图方法）。只需将函数传递给相应的组件，并根据组件刷新的频率（以秒为单位）设置 `every` 参数。以下是 Gradio 代码：
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 📈 Real-Time Line Plot")
+    with gr.Row():
+        with gr.Column():
+            gr.DataFrame(get_data, every=gr.Timer(5))
+        with gr.Column():
+            gr.LinePlot(get_data, every=gr.Timer(5), x="Date", y="Sales", y_title="Sales ($ millions)", overlay_point=True, width=500, height=500)
+
+demo.queue().launch()  # Run the demo with queuing enabled
+```
+
+到此为止！您现在拥有一个仪表盘，每 5 秒刷新一次，从 Google Sheets 中获取数据。
+
+## 私有 Google Sheets
+
+对于私有 Google Sheets，流程需要更多的工作量，但并不多！关键区别在于，现在您必须经过身份验证，以授权访问私有 Google Sheets。
+
+### 身份验证
+
+要进行身份验证，需从 Google Cloud 获取凭据。以下是[如何设置 Google Cloud 凭据](https://developers.google.com/workspace/guides/create-credentials)：
+
+1. 首先，登录您的 Google Cloud 帐户并转到 Google Cloud 控制台（https://console.cloud.google.com/）
+2. 在 Cloud 控制台中，单击左上角的汉堡菜单，然后从菜单中选择“API 和服务”。如果您没有现有项目，则需要创建一个。
+3. 然后，点击“+ 启用的 API 和服务”按钮，允许您为项目启用特定的服务。搜索“Google Sheets API”，点击它，然后单击“启用”按钮。如果看到“管理”按钮，则表示 Google Sheets 已启用，并且您已准备就绪。
+4. 在 API 和服务菜单中，点击“凭据”选项卡，然后点击“创建凭据”按钮。
+5. 在“创建凭据”对话框中，选择“服务帐号密钥”作为要创建的凭据类型，并为其命名。**记下服务帐号的电子邮件地址**
+6. 在选择服务帐号之后，选择“JSON”密钥类型，然后点击“创建”按钮。这将下载包含您凭据的 JSON 密钥文件到您的计算机。文件类似于以下示例：
+
+```json
+{
+	"type": "service_account",
+	"project_id": "your project",
+	"private_key_id": "your private key id",
+	"private_key": "private key",
+	"client_email": "email",
+	"client_id": "client id",
+	"auth_uri": "https://accounts.google.com/o/oauth2/auth",
+	"token_uri": "https://accounts.google.com/o/oauth2/token",
+	"auth_provider_x509_cert_url": "https://www.googleapis.com/oauth2/v1/certs",
+	"client_x509_cert_url": "https://www.googleapis.com/robot/v1/metadata/x509/email_id"
+}
+```
+
+### 查询
+
+在获得凭据的 `.json` 文件后，可以按照以下步骤查询您的 Google Sheet：
+
+1. 单击 Google Sheet 右上角的“共享”按钮。使用身份验证子部分第 5 步的服务的电子邮件地址共享 Google Sheets（此步骤很重要！）。然后单击“获取可共享链接”按钮。这将给您一个类似于以下示例的网址：
+
+```html
+https://docs.google.com/spreadsheets/d/1UoKzzRzOCt-FXLLqDKLbryEKEgllGAQUEJ5qtmmQwpU/edit#gid=0
+```
+
+2. 安装 [`gspread` 库](https://docs.gspread.org/en/v5.7.0/)，通过在终端运行以下命令使 Python 中使用 [Google Sheets API](https://developers.google.com/sheets/api/guides/concepts) 更加简单：`pip install gspread`
+3. 编写一个函数来从 Google Sheet 中加载数据，如下所示（用您的私有 Google Sheet 的 URL 替换 `URL` 变量）：
+
+```python
+import gspreadimport pandas as pd
+# 与 Google 进行身份验证并获取表格URL = 'https://docs.google.com/spreadsheets/d/1_91Vps76SKOdDQ8cFxZQdgjTJiz23375sAT7vPvaj4k/edit#gid=0'
+gc = gspread.service_account("path/to/key.json")sh = gc.open_by_url(URL)worksheet = sh.sheet1
+def get_data():
+    values = worksheet.get_all_values()
+    df = pd.DataFrame(values[1:], columns=values[0])
+    return df
+```
+
+4\. 数据查询是一个函数，这意味着可以使用 `gr.DataFrame` 组件实时显示数据，或使用 `gr.LinePlot` 组件实时绘制数据（当然，根据数据的不同，可能需要使用不同的图表）。要实现这一点，只需将函数传递给相应的组件，并根据需要设置 `every` 参数来确定组件刷新的频率（以秒为单位）。以下是 Gradio 代码：
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 📈 实时折线图")
+    with gr.Row():
+        with gr.Column():
+            gr.DataFrame(get_data, every=gr.Timer(5))
+        with gr.Column():
+            gr.LinePlot(get_data, every=gr.Timer(5), x="日期", y="销售额", y_title="销售额（百万美元）", overlay_point=True, width=500, height=500)
+
+demo.queue().launch()  # 启动带有排队功能的演示
+```
+
+现在你有一个每 5 秒刷新一次的仪表盘，可以从你的 Google 表格中获取数据。
+
+## 结论
+
+就是这样！只需几行代码，你就可以使用 `gradio` 和其他库从公共或私有的 Google 表格中读取数据，然后在实时仪表盘中显示和绘制数据。
diff --git a/guides/cn/05_tabular-data-science-and-plots/plot-component-for-maps.md b/guides/cn/05_tabular-data-science-and-plots/plot-component-for-maps.md
new file mode 100644
index 0000000..bd48d87
--- /dev/null
+++ b/guides/cn/05_tabular-data-science-and-plots/plot-component-for-maps.md
@@ -0,0 +1,111 @@
+# 如何使用地图组件绘制图表
+
+Related spaces:
+Tags: PLOTS, MAPS
+
+## 简介
+
+本指南介绍如何使用 Gradio 的 `Plot` 组件在地图上绘制地理数据。Gradio 的 `Plot` 组件可以与 Matplotlib、Bokeh 和 Plotly 一起使用。在本指南中，我们将使用 Plotly 进行操作。Plotly 可以让开发人员轻松创建各种地图来展示他们的地理数据。点击[这里](https://plotly.com/python/maps/)查看一些示例。
+
+## 概述
+
+我们将使用纽约市的 Airbnb 数据集，该数据集托管在 kaggle 上，点击[这里](https://www.kaggle.com/datasets/dgomonov/new-york-city-airbnb-open-data)。我已经将其上传到 Hugging Face Hub 作为一个数据集，方便使用和下载，点击[这里](https://huggingface.co/datasets/gradio/NYC-Airbnb-Open-Data)。使用这些数据，我们将在地图上绘制 Airbnb 的位置，并允许基于价格和位置进行筛选。下面是我们将要构建的演示。 ⚡️
+
+$demo_map_airbnb
+
+## 步骤 1-加载 CSV 数据 💾
+
+让我们首先从 Hugging Face Hub 加载纽约市的 Airbnb 数据。
+
+```python
+from datasets import load_dataset
+
+dataset = load_dataset("gradio/NYC-Airbnb-Open-Data", split="train")
+df = dataset.to_pandas()
+
+def filter_map(min_price, max_price, boroughs):
+    new_df = df[(df['neighbourhood_group'].isin(boroughs)) &
+            (df['price'] > min_price) & (df['price'] < max_price)]
+    names = new_df["name"].tolist()
+    prices = new_df["price"].tolist()
+    text_list = [(names[i], prices[i]) for i in range(0, len(names))]
+```
+
+在上面的代码中，我们先将 CSV 数据加载到一个 pandas dataframe 中。让我们首先定义一个函数，这将作为 gradio 应用程序的预测函数。该函数将接受最低价格、最高价格范围和筛选结果地区的列表作为参数。我们可以使用传入的值 (`min_price`、`max_price` 和地区列表) 来筛选数据框并创建 `new_df`。接下来，我们将创建包含每个 Airbnb 的名称和价格的 `text_list`，以便在地图上使用作为标签。
+
+## 步骤 2-地图图表 🌐
+
+Plotly 使得处理地图变得很容易。让我们看一下下面的代码，了解如何创建地图图表。
+
+```python
+import plotly.graph_objects as go
+
+fig = go.Figure(go.Scattermapbox(
+            customdata=text_list,
+            lat=new_df['latitude'].tolist(),
+            lon=new_df['longitude'].tolist(),
+            mode='markers',
+            marker=go.scattermapbox.Marker(
+                size=6
+            ),
+            hoverinfo="text",
+            hovertemplate='<b>Name</b>: %{customdata[0]}<br><b>Price</b>: $%{customdata[1]}'
+        ))
+
+fig.update_layout(
+    mapbox_style="open-street-map",
+    hovermode='closest',
+    mapbox=dict(
+        bearing=0,
+        center=go.layout.mapbox.Center(
+            lat=40.67,
+            lon=-73.90
+        ),
+        pitch=0,
+        zoom=9
+    ),
+)
+```
+
+上面的代码中，我们通过传入经纬度列表来创建一个散点图。我们还传入了名称和价格的自定义数据，以便在鼠标悬停在每个标记上时显示额外的信息。接下来，我们使用 `update_layout` 来指定其他地图设置，例如缩放和居中。
+
+有关使用 Mapbox 和 Plotly 创建散点图的更多信息，请点击[这里](https://plotly.com/python/scattermapbox/)。
+
+## 步骤 3-Gradio 应用程序 ⚡️
+
+我们将使用两个 `gr.Number` 组件和一个 `gr.CheckboxGroup` 组件，允许用户指定价格范围和地区位置。然后，我们将使用 `gr.Plot` 组件作为我们之前创建的 Plotly + Mapbox 地图的输出。
+
+```python
+with gr.Blocks() as demo:
+    with gr.Column():
+        with gr.Row():
+            min_price = gr.Number(value=250, label="Minimum Price")
+            max_price = gr.Number(value=1000, label="Maximum Price")
+        boroughs = gr.CheckboxGroup(choices=["Queens", "Brooklyn", "Manhattan", "Bronx", "Staten Island"], value=["Queens", "Brooklyn"], label="Select Boroughs:")
+        btn = gr.Button(value="Update Filter")
+        map = gr.Plot()
+    demo.load(filter_map, [min_price, max_price, boroughs], map)
+    btn.click(filter_map, [min_price, max_price, boroughs], map)
+```
+
+我们使用 `gr.Column` 和 `gr.Row` 布局这些组件，并为演示加载时和点击 " 更新筛选 " 按钮时添加了事件触发器，以触发地图更新新的筛选条件。
+
+以下是完整演示代码：
+
+$code_map_airbnb
+
+## 步骤 4-部署 Deployment 🤗
+
+如果你运行上面的代码，你的应用程序将在本地运行。
+如果要获取临时共享链接，可以将 `share=True` 参数传递给 `launch`。
+
+但如果你想要一个永久的部署解决方案呢？
+让我们将我们的 Gradio 应用程序部署到免费的 HuggingFace Spaces 平台。
+
+如果你以前没有使用过 Spaces，请按照之前的指南[这里](/using_hugging_face_integrations)。
+
+## 结论 🎉
+
+你已经完成了！这是构建地图演示所需的所有代码。
+
+链接到演示：[地图演示](https://huggingface.co/spaces/gradio/map_airbnb)和[完整代码](https://huggingface.co/spaces/gradio/map_airbnb/blob/main/run.py)（在 Hugging Face Spaces）
diff --git a/guides/cn/05_tabular-data-science-and-plots/using-gradio-for-tabular-workflows.md b/guides/cn/05_tabular-data-science-and-plots/using-gradio-for-tabular-workflows.md
new file mode 100644
index 0000000..0d2f2db
--- /dev/null
+++ b/guides/cn/05_tabular-data-science-and-plots/using-gradio-for-tabular-workflows.md
@@ -0,0 +1,103 @@
+## 使用 Gradio 进行表格数据科学工作流
+
+Related spaces: https://huggingface.co/spaces/scikit-learn/gradio-skops-integration，https://huggingface.co/spaces/scikit-learn/tabular-playground，https://huggingface.co/spaces/merve/gradio-analysis-dashboard
+
+## 介绍
+
+表格数据科学是机器学习中应用最广泛的领域，涉及的问题从客户分割到流失预测不等。在表格数据科学工作流的各个阶段中，将工作内容传达给利益相关者或客户可能很麻烦，这会阻碍数据科学家专注于重要事项，如数据分析和模型构建。数据科学家可能会花费数小时构建一个接受 DataFrame 并返回图表、预测或数据集中的聚类图的仪表板。在本指南中，我们将介绍如何使用 `gradio` 改进您的数据科学工作流程。我们还将讨论如何使用 `gradio` 和[skops](https://skops.readthedocs.io/en/stable/)一行代码即可构建界面！
+
+### 先决条件
+
+确保您已经[安装](/getting_started)了 `gradio` Python 软件包。
+
+## 让我们创建一个简单的界面！
+
+我们将看一下如何创建一个简单的界面，该界面根据产品信息预测故障。
+
+```python
+import gradio as gr
+import pandas as pd
+import joblib
+import datasets
+
+
+inputs = [gr.Dataframe(row_count = (2, "dynamic"), col_count=(4,"dynamic"), label="Input Data", interactive=1)]
+
+outputs = [gr.Dataframe(row_count = (2, "dynamic"), col_count=(1, "fixed"), label="Predictions", headers=["Failures"])]
+
+model = joblib.load("model.pkl")
+
+# we will give our dataframe as example
+df = datasets.load_dataset("merve/supersoaker-failures")
+df = df["train"].to_pandas()
+
+def infer(input_dataframe):
+  return pd.DataFrame(model.predict(input_dataframe))
+
+gr.Interface(fn = infer, inputs = inputs, outputs = outputs, examples = [[df.head(2)]]).launch()
+```
+
+让我们来解析上述代码。
+
+- `fn`：推理函数，接受输入数据帧并返回预测结果。
+- `inputs`：我们使用 `Dataframe` 组件作为输入。我们将输入定义为具有 2 行 4 列的数据帧，最初的数据帧将呈现出上述形状的空数据帧。当将 `row_count` 设置为 `dynamic` 时，不必依赖于正在输入的数据集来预定义组件。
+- `outputs`：用于存储输出的数据帧组件。该界面可以接受单个或多个样本进行推断，并在一列中为每个样本返回 0 或 1，因此我们将 `row_count` 设置为 2，`col_count` 设置为 1。`headers` 是由数据帧的列名组成的列表。
+- `examples`：您可以通过拖放 CSV 文件或通过示例传递 pandas DataFrame，界面会自动获取其标题。
+
+现在我们将为简化版数据可视化仪表板创建一个示例。您可以在相关空间中找到更全面的版本。
+
+<gradio-app space="gradio/tabular-playground"></gradio-app>
+
+```python
+import gradio as gr
+import pandas as pd
+import datasets
+import seaborn as sns
+import matplotlib.pyplot as plt
+
+df = datasets.load_dataset("merve/supersoaker-failures")
+df = df["train"].to_pandas()
+df.dropna(axis=0, inplace=True)
+
+def plot(df):
+  plt.scatter(df.measurement_13, df.measurement_15, c = df.loading,alpha=0.5)
+  plt.savefig("scatter.png")
+  df['failure'].value_counts().plot(kind='bar')
+  plt.savefig("bar.png")
+  sns.heatmap(df.select_dtypes(include="number").corr())
+  plt.savefig("corr.png")
+  plots = ["corr.png","scatter.png", "bar.png"]
+  return plots
+
+inputs = [gr.Dataframe(label="Supersoaker Production Data")]
+outputs = [gr.Gallery(label="Profiling Dashboard", columns=(1,3))]
+
+gr.Interface(plot, inputs=inputs, outputs=outputs, examples=[df.head(100)], title="Supersoaker Failures Analysis Dashboard").launch()
+```
+
+<gradio-app space="gradio/gradio-analysis-dashboard-minimal"></gradio-app>
+
+我们将使用与训练模型相同的数据集，但这次我们将创建一个可视化仪表板以展示它。
+
+- `fn`：根据数据创建图表的函数。
+- `inputs`：我们使用了与上述相同的 `Dataframe` 组件。
+- `outputs`：我们使用 `Gallery` 组件来存放我们的可视化结果。
+- `examples`：我们将数据集本身作为示例。
+
+## 使用 skops 一行代码轻松加载表格数据界面
+
+`skops` 是一个构建在 `huggingface_hub` 和 `sklearn` 之上的库。通过最新的 `gradio` 集成，您可以使用一行代码构建表格数据界面！
+
+```python
+import gradio as gr
+
+# 标题和描述是可选的
+title = "Supersoaker产品缺陷预测"
+description = "该模型预测Supersoaker生产线故障。在下面的数据帧组件中，您可以拖放数据集的任意切片或自行编辑值。"
+
+gr.load("huggingface/scikit-learn/tabular-playground", title=title, description=description).launch()
+```
+
+<gradio-app space="gradio/gradio-skops-integration"></gradio-app>
+
+使用 `skops` 将 `sklearn` 模型推送到 Hugging Face Hub 时，会包含一个包含示例输入和列名的 `config.json` 文件，解决的任务类型是 `tabular-classification` 或 `tabular-regression`。根据任务类型，`gradio` 构建界面并使用列名和示例输入来构建它。您可以[参考 skops 在 Hub 上托管模型的文档](https://skops.readthedocs.io/en/latest/auto_examples/plot_hf_hub.html#sphx-glr-auto-examples-plot-hf-hub-py)来了解如何使用 `skops` 将模型推送到 Hub。
diff --git a/guides/cn/06_client-libraries/01_getting-started-with-the-python-client.md b/guides/cn/06_client-libraries/01_getting-started-with-the-python-client.md
new file mode 100644
index 0000000..d17f0b1
--- /dev/null
+++ b/guides/cn/06_client-libraries/01_getting-started-with-the-python-client.md
@@ -0,0 +1,260 @@
+# 使用 Gradio Python 客户端入门
+
+Tags: CLIENT, API, SPACES
+
+Gradio Python 客户端使得将任何 Gradio 应用程序作为 API 使用变得非常容易。例如，考虑一下从麦克风录制的[Whisper 音频文件](https://huggingface.co/spaces/abidlabs/whisper)的转录。
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+使用 `gradio_client` 库，我们可以轻松地将 Gradio 用作 API，以编程方式转录音频文件。
+
+下面是完成此操作的整个代码：
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/whisper")
+client.predict("audio_sample.wav")
+
+>> "这是Whisper语音识别模型的测试。"
+```
+
+Gradio 客户端适用于任何托管在 Hugging Face Spaces 上的 Gradio 应用程序，无论是图像生成器、文本摘要生成器、有状态聊天机器人、税金计算器还是其他任何应用程序！Gradio 客户端主要用于托管在[Hugging Face Spaces](https://hf.space)上的应用程序，但你的应用程序可以托管在任何地方，比如你自己的服务器。
+
+**先决条件**：要使用 Gradio 客户端，你不需要详细了解 `gradio` 库。但是，了解 Gradio 的输入和输出组件的概念会有所帮助。
+
+## 安装
+
+如果你已经安装了最新版本的 `gradio`，那么 `gradio_client` 就作为依赖项包含在其中。
+
+否则，可以使用 pip（或 pip3）安装轻量级的 `gradio_client` 包，并且已经测试可以在 Python 3.9 或更高版本上运行：
+
+```bash
+$ pip install gradio_client
+```
+
+## 连接到运行中的 Gradio 应用程序
+
+首先创建一个 `Client` 对象，并将其连接到运行在 Hugging Face Spaces 上或其他任何地方的 Gradio 应用程序。
+
+## 连接到 Hugging Face 空间
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr")  # 一个将英文翻译为法文的Space
+```
+
+你还可以通过在 `hf_token` 参数中传递你的 HF 令牌来连接到私有空间。你可以在这里获取你的 HF 令牌：https://huggingface.co/settings/tokens
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/my-private-space", hf_token="...")
+```
+
+## 复制空间以供私人使用
+
+虽然你可以将任何公共空间用作 API，但如果你发出太多请求，你可能会受到 Hugging Face 的频率限制。要无限制地使用一个空间，只需将其复制以创建一个私有空间，然后可以根据需要进行多个请求！
+
+`gradio_client` 包括一个类方法：`Client.duplicate()`，使这个过程变得简单（你需要传递你的[Hugging Face 令牌](https://huggingface.co/settings/tokens)或使用 Hugging Face CLI 登录）：
+
+```python
+import os
+from gradio_client import Client
+
+HF_TOKEN = os.environ.get("HF_TOKEN")
+
+client = Client.duplicate("abidlabs/whisper", hf_token=HF_TOKEN)
+client.predict("audio_sample.wav")
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+> > " 这是 Whisper 语音识别模型的测试。"
+
+如果之前已复制了一个空间，重新运行 `duplicate()` 将*不会*创建一个新的空间。相反，客户端将连接到之前创建的空间。因此，多次运行 `Client.duplicate()` 方法是安全的。
+
+**注意：** 如果原始空间使用了 GPU，你的私有空间也将使用 GPU，并且你的 Hugging Face 账户将根据 GPU 的价格计费。为了降低费用，在 1 小时没有活动后，你的空间将自动休眠。你还可以使用 `duplicate()` 的 `hardware` 参数来设置硬件。
+
+## 连接到通用 Gradio 应用程序
+
+如果你的应用程序运行在其他地方，只需提供完整的 URL，包括 "http://" 或 "https://"。下面是一个在共享 URL 上运行的 Gradio 应用程序进行预测的示例：
+
+```python
+from gradio_client import Client
+
+client = Client("https://bec81a83-5b5c-471e.gradio.live")
+```
+
+## 检查 API 端点
+
+一旦连接到 Gradio 应用程序，可以通过调用 `Client.view_api()` 方法查看可用的 API 端点。对于 Whisper 空间，我们可以看到以下信息：
+
+```bash
+Client.predict() Usage Info
+---------------------------
+Named API endpoints: 1
+
+ - predict(input_audio, api_name="/predict") -> value_0
+    Parameters:
+     - [Audio] input_audio: str (filepath or URL)
+    Returns:
+     - [Textbox] value_0: str (value)
+```
+
+这显示了在此空间中有 1 个 API 端点，并显示了如何使用 API 端点进行预测：我们应该调用 `.predict()` 方法（我们将在下面探讨），提供类型为 `str` 的参数 `input_audio`，它是一个`文件路径或 URL`。
+
+我们还应该提供 `api_name='/predict'` 参数给 `predict()` 方法。虽然如果一个 Gradio 应用程序只有一个命名的端点，这不是必需的，但它允许我们在单个应用程序中调用不同的端点（如果它们可用）。如果一个应用程序有无名的 API 端点，可以通过运行 `.view_api(all_endpoints=True)` 来显示它们。
+
+## 进行预测
+
+进行预测的最简单方法是只需使用相应的参数调用 `.predict()` 函数：
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr", api_name='/predict')
+client.predict("Hello")
+
+>> Bonjour
+```
+
+如果有多个参数，那么你应该将它们作为单独的参数传递给 `.predict()`，就像这样：
+
+````python
+from gradio_client import Client
+
+client = Client("gradio/calculator")
+client.predict(4, "add", 5)
+
+>> 9.0
+
+
+对于某些输入，例如图像，你应该传递文件的文件路径或URL。同样，对应的输出类型，你将获得一个文件路径或URL。
+
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/whisper")
+client.predict("https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3")
+
+>> "My thought I have nobody by a beauty and will as you poured. Mr. Rochester is serve in that so don't find simpus, and devoted abode, to at might in a r—"
+
+````
+
+## 异步运行任务（Running jobs asynchronously）
+
+应注意`.predict()`是一个*阻塞*操作，因为它在返回预测之前等待操作完成。
+
+在许多情况下，直到你需要预测结果之前，你最好让作业在后台运行。你可以通过使用`.submit()`方法创建一个`Job`实例，然后稍后调用`.result()`在作业上获取结果。例如：
+
+```python
+from gradio_client import Client
+
+client = Client(space="abidlabs/en2fr")
+job = client.submit("Hello", api_name="/predict")  # 这不是阻塞的
+
+# 做其他事情
+
+job.result()  # 这是阻塞的
+
+>> Bonjour
+```
+
+## 添加回调 （Adding callbacks）
+
+或者，可以添加一个或多个回调来在作业完成后执行操作，像这样：
+
+```python
+from gradio_client import Client
+
+def print_result(x):
+    print(" 翻译的结果是：{x}")
+
+client = Client(space="abidlabs/en2fr")
+
+job = client.submit("Hello", api_name="/predict", result_callbacks=[print_result])
+
+# 做其他事情
+
+>> 翻译的结果是：Bonjour
+
+```
+
+## 状态 （Status）
+
+`Job`对象还允许您通过调用`.status()`方法获取运行作业的状态。这将返回一个`StatusUpdate`对象，具有以下属性：`code`（状态代码，其中之一表示状态的一组定义的字符串。参见`utils.Status`类）、`rank`（此作业在队列中的当前位置）、`queue_size`（总队列大小）、`eta`（此作业将完成的预计时间）、`success`（表示作业是否成功完成的布尔值）和`time`（生成状态的时间）。
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/calculator")
+job = client.submit(5, "add", 4, api_name="/predict")
+job.status()
+
+>> <Status.STARTING: 'STARTING'>
+```
+
+_注意_：`Job`类还有一个`.done()`实例方法，返回一个布尔值，指示作业是否已完成。
+
+## 取消作业 （Cancelling Jobs）
+
+`Job`类还有一个`.cancel()`实例方法，取消已排队但尚未开始的作业。例如，如果你运行：
+
+```py
+client = Client("abidlabs/whisper")
+job1 = client.submit("audio_sample1.wav")
+job2 = client.submit("audio_sample2.wav")
+job1.cancel()  # 将返回 False，假设作业已开始
+job2.cancel()  # 将返回 True，表示作业已取消
+```
+
+如果第一个作业已开始处理，则它将不会被取消。如果第二个作业尚未开始，则它将成功取消并从队列中删除。
+
+## 生成器端点 （Generator Endpoints）
+
+某些Gradio API端点不返回单个值，而是返回一系列值。你可以随时从这样的生成器端点获取返回的一系列值，方法是运行`job.outputs()`：
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/count_generator")
+job = client.submit(3, api_name="/count")
+while not job.done():
+    time.sleep(0.1)
+job.outputs()
+
+>> ['0', '1', '2']
+```
+
+请注意，在生成器端点上运行`job.result()`只会获得端点返回的*第一个*值。
+
+`Job`对象还是可迭代的，这意味着您可以使用它按照从端点返回的结果逐个显示生成器函数的结果。以下是使用`Job`作为生成器的等效示例：
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/count_generator")
+job = client.submit(3, api_name="/count")
+
+for o in job:
+    print(o)
+
+>> 0
+>> 1
+>> 2
+```
+
+你还可以取消具有迭代输出的作业，在这种情况下，作业将在当前迭代完成运行后完成。
+
+```py
+from gradio_client import Client
+import time
+
+client = Client("abidlabs/test-yield")
+job = client.submit("abcdef")
+time.sleep(3)
+job.cancel()  # 作业在运行 2 个迭代后取消
+```
diff --git a/guides/cn/06_client-libraries/02_getting-started-with-the-js-client.md b/guides/cn/06_client-libraries/02_getting-started-with-the-js-client.md
new file mode 100644
index 0000000..a651f9c
--- /dev/null
+++ b/guides/cn/06_client-libraries/02_getting-started-with-the-js-client.md
@@ -0,0 +1,267 @@
+# 使用Gradio JavaScript客户端快速入门
+
+Tags: CLIENT, API, SPACES
+
+Gradio JavaScript客户端使得使用任何Gradio应用作为API非常简单。例如，考虑一下这个[从麦克风录音的Hugging Face Space，用于转录音频文件](https://huggingface.co/spaces/abidlabs/whisper)。
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+使用`@gradio/client`库，我们可以轻松地以编程方式使用Gradio作为API来转录音频文件。
+
+以下是完成此操作的完整代码：
+
+```js
+import { Client } from "@gradio/client";
+
+const response = await fetch(
+	"https://github.com/audio-samples/audio-samples.github.io/raw/master/samples/wav/ted_speakers/SalmanKhan/sample-1.wav"
+);
+const audio_file = await response.blob();
+
+const app = await Client.connect("abidlabs/whisper");
+const transcription = await app.predict("/predict", [audio_file]);
+
+console.log(transcription.data);
+// [ "I said the same phrase 30 times." ]
+```
+
+Gradio客户端适用于任何托管的Gradio应用，无论是图像生成器、文本摘要生成器、有状态的聊天机器人、税收计算器还是其他任何应用！Gradio客户端通常与托管在[Hugging Face Spaces](https://hf.space)上的应用一起使用，但您的应用可以托管在任何地方，比如您自己的服务器。
+
+**先决条件**：要使用Gradio客户端，您不需要深入了解`gradio`库的细节。但是，熟悉Gradio的输入和输出组件的概念会有所帮助。
+
+## 安装
+
+可以使用您选择的软件包管理器从npm注册表安装轻量级的`@gradio/client`包，并支持18及以上的Node版本：
+
+```bash
+npm i @gradio/client
+```
+
+## 连接到正在运行的Gradio应用
+
+首先，通过实例化`Client`对象并将其连接到在Hugging Face Spaces或任何其他位置运行的Gradio应用来建立连接。
+
+## 连接到Hugging Face Space
+
+```js
+import { Client } from "@gradio/client";
+
+const app = Client.connect("abidlabs/en2fr"); // 一个从英语翻译为法语的 Space
+```
+
+您还可以通过在options参数的`hf_token`属性中传入您的HF token来连接到私有Spaces。您可以在此处获取您的HF token：https://huggingface.co/settings/tokens
+
+```js
+import { Client } from "@gradio/client";
+
+const app = Client.connect("abidlabs/my-private-space", { hf_token="hf_..." })
+```
+
+## 为私人使用复制一个Space
+
+虽然您可以将任何公共Space用作API，但是如果您发出的请求过多，Hugging Face可能会对您进行速率限制。为了无限制使用Space，只需复制Space以创建私有Space，然后使用它来进行任意数量的请求！
+
+`@gradio/client`还导出了另一个函数`duplicate`，以使此过程变得简单（您将需要传入您的[Hugging Face token](https://huggingface.co/settings/tokens)）。
+
+`duplicate`与`Client`几乎相同，唯一的区别在于底层实现：
+
+```js
+import { Client } from "@gradio/client";
+
+const response = await fetch(
+	"https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"
+);
+const audio_file = await response.blob();
+
+const app = await Client.duplicate("abidlabs/whisper", { hf_token: "hf_..." });
+const transcription = app.predict("/predict", [audio_file]);
+```
+
+如果您之前复制过一个Space，则重新运行`duplicate`不会创建一个新的Space。而是客户端将连接到先前创建的Space。因此，可以安全地多次使用相同的Space重新运行`duplicate`方法。
+
+**注意：**如果原始Space使用了GPU，您的私有Space也将使用GPU，并且将根据GPU的价格向您的Hugging Face账户计费。为了最大程度地减少费用，在5分钟不活动后，您的Space将自动进入休眠状态。您还可以使用`duplicate`的options对象的`hardware`和`timeout`属性来设置硬件，例如：
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.duplicate("abidlabs/whisper", {
+	hf_token: "hf_...",
+	timeout: 60,
+	hardware: "a10g-small"
+});
+```
+
+## 连接到通用的Gradio应用
+
+如果您的应用程序在其他地方运行，只需提供完整的URL，包括"http://"或"https://"。以下是向运行在共享URL上的Gradio应用进行预测的示例：
+
+```js
+import { Client } from "@gradio/client";
+
+const app = Client.connect("https://bec81a83-5b5c-471e.gradio.live");
+```
+
+## 检查API端点
+
+一旦连接到Gradio应用程序，可以通过调用`Client`的`view_api`方法来查看可用的API端点。
+
+对于Whisper Space，我们可以这样做：
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/whisper");
+
+const app_info = await app.view_info();
+
+console.log(app_info);
+```
+
+然后我们会看到以下内容：
+
+```json
+{
+	"named_endpoints": {
+		"/predict": {
+			"parameters": [
+				{
+					"label": "text",
+					"component": "Textbox",
+					"type": "string"
+				}
+			],
+			"returns": [
+				{
+					"label": "output",
+					"component": "Textbox",
+					"type": "string"
+				}
+			]
+		}
+	},
+	"unnamed_endpoints": {}
+}
+```
+
+这告诉我们该Space中有1个API端点，并显示了如何使用API端点进行预测：我们应该调用`.predict()`方法（下面将进行更多探索），并提供类型为`string`的参数`input_audio`，它是指向文件的URL。
+
+我们还应该提供`api_name='/predict'`参数给`predict()`方法。虽然如果一个Gradio应用只有1个命名的端点，这不是必需的，但它可以允许我们在单个应用中调用不同的端点。如果应用有未命名的API端点，可以通过运行`.view_api(all_endpoints=True)`来显示它们。
+
+## 进行预测
+
+进行预测的最简单方法就是使用适当的参数调用`.predict()`方法：
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/en2fr");
+const result = await app.predict("/predict", ["Hello"]);
+```
+
+如果有多个参数，您应该将它们作为一个数组传递给`.predict()`，像这样：
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("gradio/calculator");
+const result = await app.predict("/predict", [4, "add", 5]);
+```
+
+对于某些输入，例如图像，您应该根据所需要的方便程度传入`Buffer`、`Blob`或`File`。在Node.js中，可以使用`Buffer`或`Blob`；在浏览器环境中，可以使用`Blob`或`File`。
+
+```js
+import { Client } from "@gradio/client";
+
+const response = await fetch(
+	"https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3"
+);
+const audio_file = await response.blob();
+
+const app = await Client.connect("abidlabs/whisper");
+const result = await Client.connect.predict("/predict", [audio_file]);
+```
+
+## 使用事件
+
+如果您使用的API可以随时间返回结果，或者您希望访问有关作业状态的信息，您可以使用事件接口获取更大的灵活性。这对于迭代的或生成器的端点特别有用，因为它们会生成一系列离散的响应值。
+
+```js
+import { Client } from "@gradio/client";
+
+function log_result(payload) {
+	const {
+		data: [translation]
+	} = payload;
+
+	console.log(`翻译结果为：${translation}`);
+}
+
+const app = await Client.connect("abidlabs/en2fr");
+const job = app.submit("/predict", ["Hello"]);
+
+job.on("data", log_result);
+```
+
+## 状态
+
+事件接口还可以通过监听`"status"`事件来获取运行作业的状态。这将返回一个对象，其中包含以下属性：`status`（当前作业的人类可读状态，`"pending" | "generating" | "complete" | "error"`），`code`（作业的详细gradio code），`position`（此作业在队列中的当前位置），`queue_size`（总队列大小），`eta`（作业完成的预计时间），`success`（表示作业是否成功完成的布尔值）和`time`（作业状态生成的时间，是一个`Date`对象）。
+
+```js
+import { Client } from "@gradio/client";
+
+function log_status(status) {
+	console.log(`此作业的当前状态为：${JSON.stringify(status, null, 2)}`);
+}
+
+const app = await Client.connect("abidlabs/en2fr");
+const job = app.submit("/predict", ["Hello"]);
+
+job.on("status", log_status);
+```
+
+## 取消作业
+
+作业实例还具有`.cancel()`方法，用于取消已排队但尚未启动的作业。例如，如果您运行以下命令：
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("abidlabs/en2fr");
+const job_one = app.submit("/predict", ["Hello"]);
+const job_two = app.submit("/predict", ["Friends"]);
+
+job_one.cancel();
+job_two.cancel();
+```
+
+如果第一个作业已经开始处理，那么它将不会被取消，但客户端将不再监听更新（丢弃该作业）。如果第二个作业尚未启动，它将被成功取消并从队列中移除。
+
+## 生成器端点
+
+某些Gradio API端点不返回单个值，而是返回一系列值。您可以使用事件接口实时侦听这些值：
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("gradio/count_generator");
+const job = app.submit(0, [9]);
+
+job.on("data", (data) => console.log(data));
+```
+
+这将按生成端点生成的值进行日志记录。
+
+您还可以取消具有迭代输出的作业，在这种情况下，作业将立即完成。
+
+```js
+import { Client } from "@gradio/client";
+
+const app = await Client.connect("gradio/count_generator");
+const job = app.submit(0, [9]);
+
+job.on("data", (data) => console.log(data));
+
+setTimeout(() => {
+	job.cancel();
+}, 3000);
+```
diff --git a/guides/cn/06_client-libraries/fastapi-app-with-the-gradio-client.md b/guides/cn/06_client-libraries/fastapi-app-with-the-gradio-client.md
new file mode 100644
index 0000000..58ef087
--- /dev/null
+++ b/guides/cn/06_client-libraries/fastapi-app-with-the-gradio-client.md
@@ -0,0 +1,193 @@
+# 使用Gradio Python客户端构建FastAPI应用
+
+Tags: CLIENT, API, WEB APP
+
+在本博客文章中，我们将演示如何使用 `gradio_client` [Python库](getting-started-with-the-python-client/) 来以编程方式创建Gradio应用的请求，通过创建一个示例FastAPI Web应用。我们将构建的 Web 应用名为“Acappellify”，它允许用户上传视频文件作为输入，并返回一个没有伴奏音乐的视频版本。它还会显示生成的视频库。
+
+**先决条件**
+
+在开始之前，请确保您正在运行Python 3.9或更高版本，并已安装以下库：
+
+- `gradio_client`
+- `fastapi`
+- `uvicorn`
+
+您可以使用`pip`安装这些库：
+
+```bash
+$ pip install gradio_client fastapi uvicorn
+```
+
+您还需要安装ffmpeg。您可以通过在终端中运行以下命令来检查您是否已安装ffmpeg：
+
+```bash
+$ ffmpeg version
+```
+
+否则，通过按照这些说明安装ffmpeg [链接](https://www.hostinger.com/tutorials/how-to-install-ffmpeg)。
+
+## 步骤1：编写视频处理函数
+
+让我们从似乎最复杂的部分开始--使用机器学习从视频中去除音乐。
+
+幸运的是，我们有一个现有的Space可以简化这个过程：[https://huggingface.co/spaces/abidlabs/music-separation](https://huggingface.co/spaces/abidlabs/music-separation)。该空间接受一个音频文件，并生成两个独立的音频文件：一个带有伴奏音乐，一个带有原始剪辑中的其他所有声音。非常适合我们的客户端使用！
+
+打开一个新的Python文件，比如`main.py`，并通过从`gradio_client`导入 `Client` 类，并将其连接到该Space：
+
+```py
+from gradio_client import Client
+
+client = Client("abidlabs/music-separation")
+
+def acapellify(audio_path):
+    result = client.predict(audio_path, api_name="/predict")
+    return result[0]
+```
+
+所需的代码仅如上所示--请注意，API端点返回一个包含两个音频文件（一个没有音乐，一个只有音乐）的列表，因此我们只返回列表的第一个元素。
+
+---
+
+**注意**：由于这是一个公共Space，可能会有其他用户同时使用该Space，这可能导致速度较慢。您可以使用自己的[Hugging Face token](https://huggingface.co/settings/tokens)复制此Space，创建一个只有您自己访问权限的私有Space，并绕过排队。要做到这一点，只需用下面的代码替换上面的前两行：
+
+```py
+from gradio_client import Client
+
+client = Client.duplicate("abidlabs/music-separation", hf_token=YOUR_HF_TOKEN)
+```
+
+其他的代码保持不变！
+
+---
+
+现在，当然，我们正在处理视频文件，所以我们首先需要从视频文件中提取音频。为此，我们将使用`ffmpeg`库，它在处理音频和视频文件时做了很多艰巨的工作。使用`ffmpeg`的最常见方法是通过命令行，在Python的`subprocess`模块中调用它：
+
+我们的视频处理工作流包含三个步骤：
+
+1. 首先，我们从视频文件路径开始，并使用`ffmpeg`提取音频。
+2. 然后，我们通过上面的`acapellify()`函数传入音频文件。
+3. 最后，我们将新音频与原始视频合并，生成最终的Acapellify视频。
+
+以下是Python中的完整代码，您可以将其添加到`main.py`文件中：
+
+```python
+import subprocess
+
+def process_video(video_path):
+    old_audio = os.path.basename(video_path).split(".")[0] + ".m4a"
+    subprocess.run(['ffmpeg', '-y', '-i', video_path, '-vn', '-acodec', 'copy', old_audio])
+
+    new_audio = acapellify(old_audio)
+
+    new_video = f"acap_{video_path}"
+    subprocess.call(['ffmpeg', '-y', '-i', video_path, '-i', new_audio, '-map', '0:v', '-map', '1:a', '-c:v', 'copy', '-c:a', 'aac', '-strict', 'experimental', f"static/{new_video}"])
+    return new_video
+```
+
+如果您想了解所有命令行参数的详细信息，请阅读[ffmpeg文档](https://ffmpeg.org/ffmpeg.html)，因为它们超出了本教程的范围。
+
+## 步骤2: 创建一个FastAPI应用（后端路由）
+
+接下来，我们将创建一个简单的FastAPI应用程序。如果您以前没有使用过FastAPI，请查看[优秀的FastAPI文档](https://fastapi.tiangolo.com/)。否则，下面的基本模板将看起来很熟悉，我们将其添加到`main.py`中：
+
+```python
+import os
+from fastapi import FastAPI, File, UploadFile, Request
+from fastapi.responses import HTMLResponse, RedirectResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+
+app = FastAPI()
+os.makedirs("static", exist_ok=True)
+app.mount("/static", StaticFiles(directory="static"), name="static")
+templates = Jinja2Templates(directory="templates")
+
+videos = []
+
+@app.get("/", response_class=HTMLResponse)
+async def home(request: Request):
+    return templates.TemplateResponse(
+        "home.html", {"request": request, "videos": videos})
+
+@app.post("/uploadvideo/")
+async def upload_video(video: UploadFile = File(...)):
+    new_video = process_video(video.filename)
+    videos.append(new_video)
+    return RedirectResponse(url='/', status_code=303)
+```
+
+在这个示例中，FastAPI应用程序有两个路由：`/` 和 `/uploadvideo/`。
+
+`/` 路由返回一个显示所有上传视频的画廊的HTML模板。
+
+`/uploadvideo/` 路由接受一个带有`UploadFile`对象的 `POST` 请求，表示上传的视频文件。视频文件通过`process_video()`方法进行 "acapellify"，并将输出视频存储在一个列表中，该列表在内存中存储了所有上传的视频。
+
+请注意，这只是一个非常基本的示例，如果这是一个发布应用程序，则需要添加更多逻辑来处理文件存储、用户身份验证和安全性考虑等。
+
+## 步骤3：创建一个FastAPI应用（前端模板）
+
+最后，我们创建Web应用的前端。首先，在与`main.py`相同的目录下创建一个名为`templates`的文件夹。然后，在`templates`文件夹中创建一个名为`home.html`的模板。下面是最终的文件结构：
+
+```csv
+├── main.py
+├── templates
+│   └── home.html
+```
+
+将以下内容写入`home.html`文件中：
+
+```html
+&lt;!DOCTYPE html> &lt;html> &lt;head> &lt;title> 视频库 &lt;/title> &lt;style>
+body { font-family: sans-serif; margin: 0; padding: 0; background-color:
+#f5f5f5; } h1 { text-align: center; margin-top: 30px; margin-bottom: 20px; }
+.gallery { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px;
+padding: 20px; } .video { border: 2px solid #ccc; box-shadow: 0px 0px 10px
+rgba(0, 0, 0, 0.2); border-radius: 5px; overflow: hidden; width: 300px;
+margin-bottom: 20px; } .video video { width: 100%; height: 200px; } .video p {
+text-align: center; margin: 10px 0; } form { margin-top: 20px; text-align:
+center; } input[type="file"] { display: none; } .upload-btn { display:
+inline-block; background-color: #3498db; color: #fff; padding: 10px 20px;
+font-size: 16px; border: none; border-radius: 5px; cursor: pointer; }
+.upload-btn:hover { background-color: #2980b9; } .file-name { margin-left: 10px;
+} &lt;/style> &lt;/head> &lt;body> &lt;h1> 视频库 &lt;/h1> {% if videos %}
+&lt;div class="gallery"> {% for video in videos %} &lt;div class="video">
+&lt;video controls> &lt;source src="{{ url_for('static', path=video) }}"
+type="video/mp4"> 您的浏览器不支持视频标签。 &lt;/video> &lt;p>{{ video
+}}&lt;/p> &lt;/div> {% endfor %} &lt;/div> {% else %} &lt;p>
+尚未上传任何视频。&lt;/p> {% endif %} &lt;form action="/uploadvideo/"
+method="post" enctype="multipart/form-data"> &lt;label for="video-upload"
+class="upload-btn"> 选择视频文件 &lt;/label> &lt;input type="file" name="video"
+id="video-upload"> &lt;span class="file-name">&lt;/span> &lt;button
+type="submit" class="upload-btn"> 上传 &lt;/button> &lt;/form> &lt;script> //
+在表单中显示所选文件名 const fileUpload =
+document.getElementById("video-upload"); const fileName =
+document.querySelector(".file-name"); fileUpload.addEventListener("change", (e)
+=> { fileName.textContent = e.target.files[0].name; }); &lt;/script> &lt;/body>
+&lt;/html>
+```
+
+## 第4步：运行 FastAPI 应用
+
+最后，我们准备好运行由 Gradio Python 客户端提供支持的 FastAPI 应用程序。
+
+打开终端并导航到包含 `main.py` 文件的目录，然后在终端中运行以下命令：
+
+```bash
+$ uvicorn main:app
+```
+
+您应该会看到如下输出：
+
+```csv
+Loaded as API: https://abidlabs-music-separation.hf.space ✔
+INFO:     Started server process [1360]
+INFO:     Waiting for application startup.
+INFO:     Application startup complete.
+INFO:     Uvicorn running on http://127.0.0.1:8000 (Press CTRL+C to quit)
+```
+
+就是这样！开始上传视频，您将在响应中得到一些“acapellified”视频（处理时间根据您的视频长度可能需要几秒钟到几分钟）。以下是上传两个视频后 UI 的外观：
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/acapellify.png)
+
+如果您想了解如何在项目中使用 Gradio Python 客户端的更多信息，请[阅读专门的指南](/getting-started-with-the-python-client/)。
diff --git a/guides/cn/06_client-libraries/gradio-and-llm-agents.md b/guides/cn/06_client-libraries/gradio-and-llm-agents.md
new file mode 100644
index 0000000..3e15045
--- /dev/null
+++ b/guides/cn/06_client-libraries/gradio-and-llm-agents.md
@@ -0,0 +1,135 @@
+# Gradio & LLM Agents 🤝
+
+非常强大的大型语言模型（LLM），如果我们能赋予它们完成专门任务的技能，它们将变得更加强大。
+
+[gradio_tools](https://github.com/freddyaboulton/gradio-tools)库可以将任何[Gradio](https://github.com/gradio-app/gradio)应用程序转化为[工具](https://python.langchain.com/en/latest/modules/agents/tools.html)，供[代理](https://docs.langchain.com/docs/components/agents/agent)使用以完成任务。例如，一个LLM可以使用Gradio工具转录在网上找到的语音记录，然后为您summarize它。或者它可以使用不同的Gradio工具对您的Google Drive上的文档应用OCR，然后回答相关问题。
+
+本指南将展示如何使用`gradio_tools`让您的LLM代理访问全球托管的最先进的Gradio应用程序。尽管`gradio_tools`与不止一个代理框架兼容，但本指南将重点介绍[Langchain代理](https://docs.langchain.com/docs/components/agents/)。
+
+## 一些背景信息
+
+### 代理是什么？
+
+[LangChain代理](https://docs.langchain.com/docs/components/agents/agent)是一个大型语言模型（LLM），它根据使用其众多工具之一的输入来生成输出。
+
+### Gradio是什么？
+
+[Gradio](https://github.com/gradio-app/gradio)是用于构建机器学习Web应用程序并与全球共享的事实上的标准框架-完全由Python驱动！🐍
+
+## gradio_tools - 一个端到端的示例
+
+要开始使用`gradio_tools`，您只需要导入和初始化工具，然后将其传递给langchain代理！
+
+在下面的示例中，我们导入`StableDiffusionPromptGeneratorTool`以创建一个良好的稳定扩散提示，
+`StableDiffusionTool`以使用我们改进的提示创建一张图片，`ImageCaptioningTool`以为生成的图片加上标题，以及
+`TextToVideoTool`以根据提示创建一个视频。
+
+然后，我们告诉我们的代理创建一张狗正在滑板的图片，但在使用图像生成器之前请先改进我们的提示。我们还要求
+它为生成的图片添加标题并创建一个视频。代理可以根据需要决定使用哪个工具，而不需要我们明确告知。
+
+```python
+import os
+
+if not os.getenv("OPENAI_API_KEY"):
+    raise ValueError("OPENAI_API_KEY 必须设置 ")
+
+from langchain.agents import initialize_agent
+from langchain.llms import OpenAI
+from gradio_tools import (StableDiffusionTool, ImageCaptioningTool, StableDiffusionPromptGeneratorTool,
+                          TextToVideoTool)
+
+from langchain.memory import ConversationBufferMemory
+
+llm = OpenAI(temperature=0)
+memory = ConversationBufferMemory(memory_key="chat_history")
+tools = [StableDiffusionTool().langchain, ImageCaptioningTool().langchain,
+         StableDiffusionPromptGeneratorTool().langchain, TextToVideoTool().langchain]
+
+agent = initialize_agent(tools, llm, memory=memory, agent="conversational-react-description", verbose=True)
+output = agent.run(input=("Please create a photo of a dog riding a skateboard "
+                          "but improve my prompt prior to using an image generator."
+                          "Please caption the generated image and create a video for it using the improved prompt."))
+```
+
+您会注意到我们正在使用一些与`gradio_tools`一起提供的预构建工具。请参阅此[文档](https://github.com/freddyaboulton/gradio-tools#gradio-tools-gradio--llm-agents)以获取完整的`gradio_tools`工具列表。
+如果您想使用当前不在`gradio_tools`中的工具，很容易添加您自己的工具。下一节将介绍如何添加自己的工具。
+
+## gradio_tools - 创建自己的工具
+
+核心抽象是`GradioTool`，它允许您为LLM定义一个新的工具，只要您实现标准接口：
+
+```python
+class GradioTool(BaseTool):
+
+    def __init__(self, name: str, description: str, src: str) -> None:
+
+    @abstractmethod
+    def create_job(self, query: str) -> Job:
+        pass
+
+    @abstractmethod
+    def postprocess(self, output: Tuple[Any] | Any) -> str:
+        pass
+```
+
+需要满足的要求是：
+
+1. 工具的名称
+2. 工具的描述。这非常关键！代理根据其描述决定使用哪个工具。请确切描述输入和输出应该是什么样的，最好包括示例。
+3. Gradio应用程序的url或space id，例如`freddyaboulton/calculator`。基于该值，`gradio_tool`将通过API创建一个[gradio客户端](https://github.com/gradio-app/gradio/blob/main/client/python/README.md)实例来查询上游应用程序。如果您不熟悉gradio客户端库，请确保点击链接了解更多信息。
+4. create_job - 给定一个字符串，该方法应该解析该字符串并从客户端返回一个job。大多数情况下，这只需将字符串传递给客户端的`submit`函数即可。有关创建job的更多信息，请参阅[这里](https://github.com/gradio-app/gradio/blob/main/client/python/README.md#making-a-prediction)
+5. postprocess - 给定作业的结果，将其转换为LLM可以向用户显示的字符串。
+6. _Optional可选_ - 某些库，例如[MiniChain](https://github.com/srush/MiniChain/tree/main)，可能需要一些关于工具使用的底层gradio输入和输出类型的信息。默认情况下，这将返回gr.Textbox()，但如果您想提供更准确的信息，请实现工具的`_block_input(self, gr)`和`_block_output(self, gr)`方法。`gr`变量是gradio模块（通过`import gradio as gr`获得的结果）。`GradiTool`父类将自动引入`gr`并将其传递给`_block_input`和`_block_output`方法。
+
+就是这样！
+
+一旦您创建了自己的工具，请在`gradio_tools`存储库上发起拉取请求！我们欢迎所有贡献。
+
+## 示例工具 - 稳定扩散
+
+以下是作为示例的稳定扩散工具代码：
+
+from gradio_tool import GradioTool
+import os
+
+class StableDiffusionTool(GradioTool):
+"""Tool for calling stable diffusion from llm"""
+
+    def __init__(
+        self,
+        name="StableDiffusion",
+        description=(
+            "An image generator. Use this to generate images based on "
+            "text input. Input should be a description of what the image should "
+            "look like. The output will be a path to an image file."
+        ),
+        src="gradio-client-demos/stable-diffusion",
+        hf_token=None,
+    ) -> None:
+        super().__init__(name, description, src, hf_token)
+
+    def create_job(self, query: str) -> Job:
+        return self.client.submit(query, "", 9, fn_index=1)
+
+    def postprocess(self, output: str) -> str:
+        return [os.path.join(output, i) for i in os.listdir(output) if not i.endswith("json")][0]
+
+    def _block_input(self, gr) -> "gr.components.Component":
+        return gr.Textbox()
+
+    def _block_output(self, gr) -> "gr.components.Component":
+        return gr.Image()
+
+```
+关于此实现的一些注意事项：
+1. 所有的 `GradioTool` 实例都有一个名为 `client` 的属性，它指向底层的 [gradio 客户端](https://github.com/gradio-app/gradio/tree/main/client/python#gradio_client-use-a-gradio-app-as-an-api----in-3-lines-of-python)，这就是您在 `create_job` 方法中应该使用的内容。
+
+2. `create_job` 方法只是将查询字符串传递给客户端的 `submit` 函数，并硬编码了一些其他参数，即负面提示字符串和指南缩放。我们可以在后续版本中修改我们的工具，以便从输入字符串中接受这些值。
+
+3. `postprocess` 方法只是返回由稳定扩散空间创建的图库中的第一个图像。我们使用 `os` 模块获取图像的完整路径。
+
+## Conclusion
+
+现在，您已经知道如何通过数千个运行在野外的 gradio 空间来扩展您的 LLM 的能力了！
+同样，我们欢迎对 [gradio_tools](https://github.com/freddyaboulton/gradio-tools) 库的任何贡献。我们很兴奋看到大家构建的工具！
+```
diff --git a/guides/cn/07_other-tutorials/create-your-own-friends-with-a-gan.md b/guides/cn/07_other-tutorials/create-your-own-friends-with-a-gan.md
new file mode 100644
index 0000000..d610fea
--- /dev/null
+++ b/guides/cn/07_other-tutorials/create-your-own-friends-with-a-gan.md
@@ -0,0 +1,226 @@
+# 使用 GAN 创建您自己的朋友
+
+spaces/NimaBoscarino/cryptopunks, https://huggingface.co/spaces/nateraw/cryptopunks-generator
+Tags: GAN, IMAGE, HUB
+
+由 <a href="https://huggingface.co/NimaBoscarino">Nima Boscarino</a> 和 <a href="https://huggingface.co/nateraw">Nate Raw</a> 贡献
+
+## 简介
+
+最近，加密货币、NFTs 和 Web3 运动似乎都非常流行！数字资产以惊人的金额在市场上上市，几乎每个名人都推出了自己的 NFT 收藏。虽然您的加密资产可能是应税的，例如在加拿大（https://www.canada.ca/en/revenue-agency/programs/about-canada-revenue-agency-cra/compliance/digital-currency/cryptocurrency-guide.html），但今天我们将探索一些有趣且无税的方法来生成自己的一系列过程生成的 CryptoPunks（https://www.larvalabs.com/cryptopunks）。
+
+生成对抗网络（GANs），通常称为 GANs，是一类特定的深度学习模型，旨在通过学习输入数据集来创建（生成！）与原始训练集中的元素具有令人信服的相似性的新材料。众所周知，网站[thispersondoesnotexist.com](https://thispersondoesnotexist.com/)通过名为 StyleGAN2 的模型生成了栩栩如生但是合成的人物图像而迅速走红。GANs 在机器学习领域获得了人们的关注，现在被用于生成各种图像、文本甚至音乐！
+
+今天我们将简要介绍 GAN 的高级直觉，然后我们将围绕一个预训练的 GAN 构建一个小型演示，看看这一切都是怎么回事。下面是我们将要组合的东西的一瞥：
+
+<iframe src="https://nimaboscarino-cryptopunks.hf.space" frameBorder="0" height="855" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+### 先决条件
+
+确保已经[安装](/getting_started)了 `gradio` Python 包。要使用预训练模型，请还安装 `torch` 和 `torchvision`。
+
+## GANs：简介
+
+最初在[Goodfellow 等人 2014 年的论文](https://arxiv.org/abs/1406.2661)中提出，GANs 由互相竞争的神经网络组成，旨在相互智能地欺骗对方。一种网络，称为“生成器”，负责生成图像。另一个网络，称为“鉴别器”，从生成器一次接收一张图像，以及来自训练数据集的 **real 真实**图像。然后，鉴别器必须猜测：哪张图像是假的？
+
+生成器不断训练以创建对鉴别器更难以识别的图像，而鉴别器每次正确检测到伪造图像时，都会为生成器设置更高的门槛。随着网络之间的这种竞争（**adversarial 对抗性！**），生成的图像改善到了对人眼来说无法区分的地步！
+
+如果您想更深入地了解 GANs，可以参考[Analytics Vidhya 上的这篇优秀文章](https://www.analyticsvidhya.com/blog/2021/06/a-detailed-explanation-of-gan-with-implementation-using-tensorflow-and-keras/)或这个[PyTorch 教程](https://pytorch.org/tutorials/beginner/dcgan_faces_tutorial.html)。不过，现在我们将深入看一下演示！
+
+## 步骤 1 - 创建生成器模型
+
+要使用 GAN 生成新图像，只需要生成器模型。生成器可以使用许多不同的架构，但是对于这个演示，我们将使用一个预训练的 GAN 生成器模型，其架构如下：
+
+```python
+from torch import nn
+
+class Generator(nn.Module):
+    # 有关nc，nz和ngf的解释，请参见下面的链接
+    # https://pytorch.org/tutorials/beginner/dcgan_faces_tutorial.html#inputs
+    def __init__(self, nc=4, nz=100, ngf=64):
+        super(Generator, self).__init__()
+        self.network = nn.Sequential(
+            nn.ConvTranspose2d(nz, ngf * 4, 3, 1, 0, bias=False),
+            nn.BatchNorm2d(ngf * 4),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 4, ngf * 2, 3, 2, 1, bias=False),
+            nn.BatchNorm2d(ngf * 2),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 2, ngf, 4, 2, 0, bias=False),
+            nn.BatchNorm2d(ngf),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf, nc, 4, 2, 1, bias=False),
+            nn.Tanh(),
+        )
+
+    def forward(self, input):
+        output = self.network(input)
+        return output
+```
+
+我们正在使用来自[此 repo 的 @teddykoker](https://github.com/teddykoker/cryptopunks-gan/blob/main/train.py#L90)的生成器模型，您还可以在那里看到原始的鉴别器模型结构。
+
+在实例化模型之后，我们将加载来自 Hugging Face Hub 的权重，存储在[nateraw/cryptopunks-gan](https://huggingface.co/nateraw/cryptopunks-gan)中：
+
+```python
+from huggingface_hub import hf_hub_download
+import torch
+
+model = Generator()
+weights_path = hf_hub_download('nateraw/cryptopunks-gan', 'generator.pth')
+model.load_state_dict(torch.load(weights_path, map_location=torch.device('cpu'))) # 如果有可用的GPU，请使用'cuda'
+```
+
+## 步骤 2 - 定义“predict”函数
+
+`predict` 函数是使 Gradio 工作的关键！我们通过 Gradio 界面选择的任何输入都将通过我们的 `predict` 函数传递，该函数应对输入进行操作并生成我们可以通过 Gradio 输出组件显示的输出。对于 GANs，常见的做法是将随机噪声传入我们的模型作为输入，因此我们将生成一张随机数的张量并将其传递给模型。然后，我们可以使用 `torchvision` 的 `save_image` 函数将模型的输出保存为 `png` 文件，并返回文件名：
+
+```python
+from torchvision.utils import save_image
+
+def predict(seed):
+    num_punks = 4
+    torch.manual_seed(seed)
+    z = torch.randn(num_punks, 100, 1, 1)
+    punks = model(z)
+    save_image(punks, "punks.png", normalize=True)
+    return 'punks.png'
+```
+
+我们给 `predict` 函数一个 `seed` 参数，这样我们就可以使用一个种子固定随机张量生成。然后，我们可以通过传入相同的种子再次查看生成的 punks。
+
+_注意！_ 我们的模型需要一个 100x1x1 的输入张量进行单次推理，或者 (BatchSize)x100x1x1 来生成一批图像。在这个演示中，我们每次生成 4 个 punk。
+
+## 第三步—创建一个 Gradio 接口
+
+此时，您甚至可以运行您拥有的代码 `predict(<SOME_NUMBER>)`，并在您的文件系统中找到新生成的 punk 在 `./punks.png`。然而，为了制作一个真正的交互演示，我们将用 Gradio 构建一个简单的界面。我们的目标是：
+
+- 设置一个滑块输入，以便用户可以选择“seed”值
+- 使用图像组件作为输出，展示生成的 punk
+- 使用我们的 `predict()` 函数来接受种子并生成图像
+
+通过使用 `gr.Interface()`，我们可以使用一个函数调用来定义所有这些 :
+
+```python
+import gradio as gr
+
+gr.Interface(
+    predict,
+    inputs=[
+        gr.Slider(0, 1000, label='Seed', default=42),
+    ],
+    outputs="image",
+).launch()
+```
+
+启动界面后，您应该会看到像这样的东西 :
+
+<iframe src="https://nimaboscarino-cryptopunks-1.hf.space" frameBorder="0" height="365" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+## 第四步—更多 punk！
+
+每次生成 4 个 punk 是一个好的开始，但是也许我们想控制每次想生成多少。通过简单地向我们传递给 `gr.Interface` 的 `inputs` 列表添加另一项即可向我们的 Gradio 界面添加更多输入 :
+
+```python
+gr.Interface(
+    predict,
+    inputs=[
+        gr.Slider(0, 1000, label='Seed', default=42),
+        gr.Slider(4, 64, label='Number of Punks', step=1, default=10), # 添加另一个滑块!
+    ],
+    outputs="image",
+).launch()
+```
+
+新的输入将传递给我们的 `predict()` 函数，所以我们必须对该函数进行一些更改，以接受一个新的参数 :
+
+```python
+def predict(seed, num_punks):
+    torch.manual_seed(seed)
+    z = torch.randn(num_punks, 100, 1, 1)
+    punks = model(z)
+    save_image(punks, "punks.png", normalize=True)
+    return 'punks.png'
+```
+
+当您重新启动界面时，您应该会看到一个第二个滑块，它可以让您控制 punk 的数量！
+
+## 第五步-完善它
+
+您的 Gradio 应用已经准备好运行了，但是您可以添加一些额外的功能来使其真正准备好发光 ✨
+
+我们可以添加一些用户可以轻松尝试的示例，通过将其添加到 `gr.Interface` 中实现 :
+
+```python
+gr.Interface(
+    # ...
+    # 将所有内容保持不变，然后添加
+    examples=[[123, 15], [42, 29], [456, 8], [1337, 35]],
+).launch(cache_examples=True) # cache_examples是可选的
+```
+
+`examples` 参数接受一个列表的列表，其中子列表中的每个项目的顺序与我们列出的 `inputs` 的顺序相同。所以在我们的例子中，`[seed, num_punks]`。试一试吧！
+
+您还可以尝试在 `gr.Interface` 中添加 `title`、`description` 和 `article`。每个参数都接受一个字符串，所以试试看发生了什么👀 `article` 也接受 HTML，如[前面的指南](./key_features/#descriptive-content)所述！
+
+当您完成所有操作后，您可能会得到类似于这样的结果 :
+
+<iframe src="https://nimaboscarino-cryptopunks.hf.space" frameBorder="0" height="855" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+供参考，这是我们的完整代码 :
+
+```python
+import torch
+from torch import nn
+from huggingface_hub import hf_hub_download
+from torchvision.utils import save_image
+import gradio as gr
+
+class Generator(nn.Module):
+    # 关于nc、nz和ngf的解释，请参见下面的链接
+    # https://pytorch.org/tutorials/beginner/dcgan_faces_tutorial.html#inputs
+    def __init__(self, nc=4, nz=100, ngf=64):
+        super(Generator, self).__init__()
+        self.network = nn.Sequential(
+            nn.ConvTranspose2d(nz, ngf * 4, 3, 1, 0, bias=False),
+            nn.BatchNorm2d(ngf * 4),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 4, ngf * 2, 3, 2, 1, bias=False),
+            nn.BatchNorm2d(ngf * 2),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf * 2, ngf, 4, 2, 0, bias=False),
+            nn.BatchNorm2d(ngf),
+            nn.ReLU(True),
+            nn.ConvTranspose2d(ngf, nc, 4, 2, 1, bias=False),
+            nn.Tanh(),
+        )
+
+    def forward(self, input):
+        output = self.network(input)
+        return output
+
+model = Generator()
+weights_path = hf_hub_download('nateraw/cryptopunks-gan', 'generator.pth')
+model.load_state_dict(torch.load(weights_path, map_location=torch.device('cpu'))) # 如果您有可用的GPU，使用'cuda'
+
+def predict(seed, num_punks):
+    torch.manual_seed(seed)
+    z = torch.randn(num_punks, 100, 1, 1)
+    punks = model(z)
+    save_image(punks, "punks.png", normalize=True)
+    return 'punks.png'
+
+gr.Interface(
+    predict,
+    inputs=[
+        gr.Slider(0, 1000, label='Seed', default=42),
+        gr.Slider(4, 64, label='Number of Punks', step=1, default=10),
+    ],
+    outputs="image",
+    examples=[[123, 15], [42, 29], [456, 8], [1337, 35]],
+).launch(cache_examples=True)
+```
+
+---
+
+恭喜！你已经成功构建了自己的基于 GAN 的 CryptoPunks 生成器，配备了一个时尚的 Gradio 界面，使任何人都能轻松使用。现在你可以在 Hub 上[寻找更多的 GANs](https://huggingface.co/models?other=gan)（或者自己训练）并继续制作更多令人赞叹的演示项目。🤗
diff --git a/guides/cn/07_other-tutorials/creating-a-chatbot.md b/guides/cn/07_other-tutorials/creating-a-chatbot.md
new file mode 100644
index 0000000..3e85721
--- /dev/null
+++ b/guides/cn/07_other-tutorials/creating-a-chatbot.md
@@ -0,0 +1,82 @@
+# 如何创建一个聊天机器人
+
+Tags: NLP, TEXT, CHAT
+Related spaces: https://huggingface.co/spaces/gradio/chatbot_streaming, https://huggingface.co/spaces/gradio/chatinterface_artifacts,
+
+## 简介
+
+聊天机器人在自然语言处理 (NLP) 研究和工业界被广泛使用。由于聊天机器人是直接由客户和最终用户使用的，因此验证聊天机器人在面对各种输入提示时的行为是否符合预期至关重要。
+
+通过使用 `gradio`，您可以轻松构建聊天机器人模型的演示，并与用户共享，或使用直观的聊天机器人图形界面自己尝试。
+
+本教程将展示如何使用 Gradio 制作几种不同类型的聊天机器人用户界面：首先是一个简单的文本显示界面，其次是一个用于流式文本响应的界面，最后一个是可以处理媒体文件的聊天机器人。我们创建的聊天机器人界面将如下所示：
+
+$ 演示 _ 聊天机器人 _ 流式
+
+**先决条件**：我们将使用 `gradio.Blocks` 类来构建我们的聊天机器人演示。
+如果您对此还不熟悉，可以[先阅读 Blocks 指南](https://gradio.app/blocks-and-event-listeners)。同时，请确保您使用的是**最新版本**的 Gradio：`pip install --upgrade gradio`。
+
+## 简单聊天机器人演示
+
+让我们从重新创建上面的简单演示开始。正如您可能已经注意到的，我们的机器人只是随机对任何输入回复 " 你好吗？"、" 我爱你 " 或 " 我非常饿 "。这是使用 Gradio 创建此演示的代码：
+
+$ 代码 \_ 简单聊天机器人
+
+这里有三个 Gradio 组件：
+
+- 一个 `Chatbot`，其值将整个对话的历史记录作为用户和机器人之间的响应对列表存储。
+- 一个文本框，用户可以在其中键入他们的消息，然后按下 Enter/ 提交以触发聊天机器人的响应
+- 一个 `ClearButton` 按钮，用于清除文本框和整个聊天机器人的历史记录
+
+我们有一个名为 `respond()` 的函数，它接收聊天机器人的整个历史记录，附加一个随机消息，等待 1 秒，然后返回更新后的聊天历史记录。`respond()` 函数在返回时还清除了文本框。
+
+当然，实际上，您会用自己更复杂的函数替换 `respond()`，该函数可能调用预训练模型或 API 来生成响应。
+
+$ 演示 \_ 简单聊天机器人
+
+## 为聊天机器人添加流式响应
+
+我们可以通过几种方式来改进上述聊天机器人的用户体验。首先，我们可以流式传输响应，以便用户不必等待太长时间才能生成消息。其次，我们可以让用户的消息在聊天历史记录中立即出现，同时聊天机器人的响应正在生成。以下是实现这一点的代码：
+
+$code_chatbot_streaming
+
+当用户提交他们的消息时，您会注意到我们现在使用 `.then()` 与三个事件事件 _链_ 起来：
+
+1. 第一个方法 `user()` 用用户消息更新聊天机器人并清除输入字段。此方法还使输入字段处于非交互状态，以防聊天机器人正在响应时用户发送另一条消息。由于我们希望此操作立即发生，因此我们设置 `queue=False`，以跳过任何可能的队列。聊天机器人的历史记录附加了`(user_message, None)`，其中的 `None` 表示机器人未作出响应。
+
+2. 第二个方法 `bot()` 使用机器人的响应更新聊天机器人的历史记录。我们不是创建新消息，而是将先前创建的 `None` 消息替换为机器人的响应。最后，我们逐个字符构造消息并 `yield` 正在构建的中间输出。Gradio 会自动将带有 `yield` 关键字的任何函数 [转换为流式输出接口](/key-features/#iterative-outputs)。
+
+3. 第三个方法使输入字段再次可以交互，以便用户可以向机器人发送另一条消息。
+
+当然，实际上，您会用自己更复杂的函数替换 `bot()`，该函数可能调用预训练模型或 API 来生成响应。
+
+最后，我们通过运行 `demo.queue()` 启用排队，这对于流式中间输出是必需的。您可以通过滚动到本页面顶部的演示来尝试改进后的聊天机器人。
+
+## 添加 Markdown、图片、音频或视频
+
+`gr.Chatbot` 组件支持包含加粗、斜体和代码等一部分 Markdown 功能。例如，我们可以编写一个函数，以粗体回复用户的消息，类似于 **That's cool!**，如下所示：
+
+```py
+def bot(history):
+    response = "**That's cool!**"
+    history[-1][1] = response
+    return history
+```
+
+此外，它还可以处理图片、音频和视频等媒体文件。要传递媒体文件，我们必须将文件作为两个字符串的元组传递，如`(filepath, alt_text)` 所示。`alt_text` 是可选的，因此您还可以只传入只有一个元素的元组`(filepath,)`，如下所示：
+
+```python
+def add_file(history, file):
+    history = history + [((file.name,), None)]
+    return history
+```
+
+将所有这些放在一起，我们可以创建一个*多模态*聊天机器人，其中包含一个文本框供用户提交文本，以及一个文件上传按钮供提交图像 / 音频 / 视频文件。余下的代码看起来与之前的代码几乎相同：
+
+$code_chatbot_multimodal
+$demo_chatbot_multimodal
+
+你完成了！这就是构建聊天机器人模型界面所需的所有代码。最后，我们将结束我们的指南，并提供一些在 Spaces 上运行的聊天机器人的链接，以让你了解其他可能性：
+
+- [gradio/chatbot_streaming](https://huggingface.co/spaces/gradio/chatbot_streaming)：一个使用 `gr.Chatbot` 和 Blocks 构建的流式聊天机器人示例。
+- [gradio/chatinterface_artifacts](https://huggingface.co/spaces/gradio/chatinterface_artifacts)：一个展示更丰富消息内容与 artifact 风格响应的 ChatInterface 示例。
diff --git a/guides/cn/07_other-tutorials/creating-a-new-component.md b/guides/cn/07_other-tutorials/creating-a-new-component.md
new file mode 100644
index 0000000..2a71b6d
--- /dev/null
+++ b/guides/cn/07_other-tutorials/creating-a-new-component.md
@@ -0,0 +1,390 @@
+# 如何创建一个新组件
+
+## 简介
+
+本指南旨在说明如何添加一个新组件，你可以在 Gradio 应用程序中使用该组件。该指南将通过代码片段逐步展示如何添加[ColorPicker](https://gradio.app/docs/colorpicker)组件。
+
+## 先决条件
+
+确保您已经按照[CONTRIBUTING.md](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md)指南设置了本地开发环境（包括客户端和服务器端）。
+
+以下是在 Gradio 上创建新组件的步骤：
+
+1. [创建一个新的 Python 类并导入它](#1-create-a-new-python-class-and-import-it)
+2. [创建一个新的 Svelte 组件](#2-create-a-new-svelte-component)
+3. [创建一个新的演示](#3-create-a-new-demo)
+
+## 1. 创建一个新的 Python 类并导入它
+
+首先要做的是在[components.py](https://github.com/gradio-app/gradio/blob/main/gradio/components.py)文件中创建一个新的类。这个 Python 类应该继承自一系列的基本组件，并且应该根据要添加的组件的类型（例如输入、输出或静态组件）将其放置在文件中的正确部分。
+一般来说，建议参考现有的组件（例如[TextBox](https://github.com/gradio-app/gradio/blob/main/gradio/components.py#L290)），将其代码复制为骨架，然后根据实际情况进行修改。
+
+让我们来看一下添加到[components.py](https://github.com/gradio-app/gradio/blob/main/gradio/components.py)文件中的 ColorPicker 组件的类：
+
+```python
+@document()
+class ColorPicker(Changeable, Submittable, IOComponent):
+    """
+    创建一个颜色选择器，用户可以选择颜色作为字符串输入。
+    预处理：将选择的颜色值作为{str}传递给函数。
+    后处理：期望从函数中返回一个{str}，并将颜色选择器的值设置为它。
+    示例格式：表示颜色的十六进制{str}，例如红色的"#ff0000"。
+    演示：color_picker，color_generator
+    """
+
+    def __init__(
+        self,
+        value: str = None,
+        *,
+        label: Optional[str] = None,
+        show_label: bool = True,
+        interactive: Optional[bool] = None,
+        visible: bool = True,
+        elem_id: Optional[str] = None,
+        **kwargs,
+    ):
+        """
+        Parameters:
+        """
+        Parameters:
+            value: default text to provide in color picker.
+            label: component name in interface.
+            show_label: if True, will display label.
+            interactive: if True, will be rendered as an editable color picker; if False, editing will be disabled. If not provided, this is inferred based on whether the component is used as an input or output.
+            visible: If False, component will be hidden.
+            elem_id: An optional string that is assigned as the id of this component in the HTML DOM. Can be used for targeting CSS styles.
+        """
+        self.value = self.postprocess(value)
+        self.cleared_value = "#000000"
+        self.test_input = value
+        IOComponent.__init__(
+            self,
+            label=label,
+            show_label=show_label,
+            interactive=interactive,
+            visible=visible,
+            elem_id=elem_id,
+            **kwargs,
+        )
+
+    def get_config(self):
+        return {
+            "value": self.value,
+            **IOComponent.get_config(self),
+        }
+
+    @staticmethod
+    def update(
+        value: Optional[Any] = None,
+        label: Optional[str] = None,
+        show_label: Optional[bool] = None,
+        visible: Optional[bool] = None,
+        interactive: Optional[bool] = None,
+    ):
+        return {
+            "value": value,
+            "label": label,
+            "show_label": show_label,
+            "visible": visible,
+            "interactive": interactive,
+            "__type__": "update",
+        }
+
+    # 输入功能
+    def preprocess(self, x: str | None) -> Any:
+        """
+        Any preprocessing needed to be performed on function input.
+        Parameters:
+        x (str): text
+        Returns:
+        (str): text
+        """
+        if x is None:
+            return None
+        else:
+            return str(x)
+
+    def preprocess_example(self, x: str | None) -> Any:
+        """
+        在传递给主函数之前，对示例进行任何预处理。
+        """
+        if x is None:
+            return None
+        else:
+            return str(x)
+
+    # 输出功能
+    def postprocess(self, y: str | None):
+        """
+        Any postprocessing needed to be performed on function output.
+        Parameters:
+        y (str | None): text
+        Returns:
+        (str | None): text
+        """
+        if y is None:
+            return None
+        else:
+            return str(y)
+
+    def deserialize(self, x):
+        """
+        将从调用接口的序列化输出（例如base64表示）转换为输出的人类可读版本（图像的路径等）
+        """
+        return x
+```
+
+一旦定义完，就需要在[\_\_init\_\_](https://github.com/gradio-app/gradio/blob/main/gradio/__init__.py)模块类中导入新类，以使其可见。
+
+```python
+
+from gradio.components import (
+    ...
+    ColorPicker,
+    ...
+)
+
+```
+
+### 1.1 为 Python 类编写单元测试
+
+在开发新组件时，还应为其编写一套单元测试。这些测试应该放在[gradio/test/test_components.py](https://github.com/gradio-app/gradio/blob/main/test/test_components.py)文件中。同样，如上所述，参考其他组件的测试（例如[Textbox](https://github.com/gradio-app/gradio/blob/main/test/test_components.py)）并添加尽可能多的单元测试，以测试新组件的所有不同方面和功能。例如，为 ColorPicker 组件添加了以下测试：
+
+```python
+class TestColorPicker(unittest.TestCase):
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, save_flagged, restore_flagged, tokenize, get_config
+        """
+        color_picker_input = gr.ColorPicker()
+        self.assertEqual(color_picker_input.preprocess("#000000"), "#000000")
+        self.assertEqual(color_picker_input.preprocess_example("#000000"), "#000000")
+        self.assertEqual(color_picker_input.postprocess(None), None)
+        self.assertEqual(color_picker_input.postprocess("#FFFFFF"), "#FFFFFF")
+        self.assertEqual(color_picker_input.serialize("#000000", True), "#000000")
+
+        color_picker_input.interpretation_replacement = "unknown"
+
+        self.assertEqual(
+            color_picker_input.get_config(),
+            {
+                "value": None,
+                "show_label": True,
+                "label": None,
+                "style": {},
+                "elem_id": None,
+                "visible": True,
+                "interactive": None,
+                "name": "colorpicker",
+            },
+        )
+
+    def test_in_interface_as_input(self):
+        """
+        接口、处理、解释
+        """
+        iface = gr.Interface(lambda x: x, "colorpicker", "colorpicker")
+        self.assertEqual(iface.process(["#000000"]), ["#000000"])
+
+    def test_in_interface_as_output(self):
+        """
+        接口、处理
+
+        """
+        iface = gr.Interface(lambda x: x, "colorpicker", gr.ColorPicker())
+        self.assertEqual(iface.process(["#000000"]), ["#000000"])
+
+    def test_static(self):
+        """
+        后处理
+        """
+        component = gr.ColorPicker("#000000")
+        self.assertEqual(component.get_config().get("value"), "#000000")
+```
+
+## 2. 创建一个新的 Svelte 组件
+
+让我们来看看创建新组件的前端并将其与其 Python 代码映射起来的步骤：
+
+- 在 [js 文件夹](https://github.com/gradio-app/gradio/tree/main/js/) 中创建一个新的 UI-side Svelte 组件，并确定要放置在什么地方。选项包括：创建新组件的包（如果与现有组件完全不同），或将新组件添加到现有包中，例如 [form 包](https://github.com/gradio-app/gradio/tree/main/js/form)。例如，ColorPicker 组件被包含在 form 包中，因为它与已存在的组件相似。
+- 在您将 Svelte 组件放置的包的 src 文件夹中创建一个带有适当名称的文件，注意：名称必须以大写字母开头。这是“核心”组件，是没有 Gradio 特定功能了解的通用组件。最初，将任何文本 /HTML 添加到此文件，以便组件呈现任何内容。ColorPicker 的 Svelte 应用程序代码如下所示：
+
+```typescript
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import { get_styles } from "@gradio/utils";
+	import { BlockTitle } from "@gradio/atoms";
+	import type { Styles } from "@gradio/utils";
+
+	export let value: string = "#000000";
+	export let style: Styles = {};
+	export let label: string;
+	export let disabled = false;
+	export let show_label: boolean = true;
+
+	$: value;
+	$: handle_change(value);
+
+	const dispatch = createEventDispatcher<{
+		change: string;
+		submit: undefined;
+	}>();
+
+	function handle_change(val: string) {
+		dispatch("change", val);
+	}
+
+	$: ({ styles } = get_styles(style, ["rounded", "border"]));
+</script>
+
+<!-- svelte-ignore a11y-label-has-associated-control -->
+<label class="block">
+	<BlockTitle {show_label}>{label}</BlockTitle>
+	<input
+		type="color"
+		class="gr-box-unrounded {classes}"
+		bind:value
+		{disabled}
+	/>
+</label>
+```
+
+- 通过执行 `export { default as FileName } from "./FileName.svelte"`，在您将 Svelte 组件放置的包的 index.ts 文件中导出此文件。例如，在 [index.ts](https://github.com/gradio-app/gradio/blob/main/js/form/src/index.ts) 文件中导出了 ColorPicker 文件，并通过 `export { default as ColorPicker } from "./ColorPicker.svelte";` 执行导出。
+- 创建 [js/app/src/components](https://github.com/gradio-app/gradio/tree/main/js/app/src/components) 中的 Gradio 特定组件。这是一个 Gradio 包装器，处理库的特定逻辑，将必要的数据传递给核心组件，并附加任何必要的事件监听器。复制另一个组件的文件夹，重新命名并编辑其中的代码，保持结构不变。
+
+在这里，您将拥有三个文件，第一个文件用于 Svelte 应用程序，具体如下所示：
+
+```typescript
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import { ColorPicker } from "@gradio/form";
+	import { Block } from "@gradio/atoms";
+	import StatusTracker from "../StatusTracker/StatusTracker.svelte";
+	import type { LoadingStatus } from "../StatusTracker/types";
+	import type { Styles } from "@gradio/utils";
+
+	export let label: string = "ColorPicker";
+	export let elem_id: string = "";
+	export let visible: boolean = true;
+	export let value: string;
+	export let form_position: "first" | "last" | "mid" | "single" = "single";
+	export let show_label: boolean;
+
+	export let style: Styles = {};
+
+	export let loading_status: LoadingStatus;
+
+	export let interactive: boolean;
+</script>
+
+<Block
+	{visible}
+	{form_position}
+	{elem_id}
+	disable={typeof style.container === "boolean" && !style.container}
+>
+	<StatusTracker {...loading_status} />
+
+	<ColorPicker
+		{style}
+		bind:value
+		{label}
+		{show_label}
+		on:change
+		on:submit
+		disabled={!interactive}
+	/>
+</Block>
+```
+
+第二个文件包含了前端的测试，例如 ColorPicker 组件的测试：
+
+```typescript
+import { test, describe, assert, afterEach } from "vitest";
+import { cleanup, render } from "@self/tootils";
+
+import ColorPicker from "./ColorPicker.svelte";
+import type { LoadingStatus } from "../StatusTracker/types";
+
+const loading_status = {
+	eta: 0,
+	queue_position: 1,
+	status: "complete" as LoadingStatus["status"],
+	scroll_to_output: false,
+	visible: true,
+	fn_index: 0
+};
+
+describe("ColorPicker", () => {
+	afterEach(() => cleanup());
+
+	test("renders provided value", () => {
+		const { getByDisplayValue } = render(ColorPicker, {
+			loading_status,
+			show_label: true,
+			interactive: true,
+			value: "#000000",
+			label: "ColorPicker"
+		});
+
+		const item: HTMLInputElement = getByDisplayValue("#000000");
+		assert.equal(item.value, "#000000");
+	});
+
+	test("changing the color should update the value", async () => {
+		const { component, getByDisplayValue } = render(ColorPicker, {
+			loading_status,
+			show_label: true,
+			interactive: true,
+			value: "#000000",
+			label: "ColorPicker"
+		});
+
+		const item: HTMLInputElement = getByDisplayValue("#000000");
+
+		assert.equal(item.value, "#000000");
+
+		await component.$set({
+			value: "#FFFFFF"
+		});
+
+		assert.equal(component.value, "#FFFFFF");
+	});
+});
+```
+
+The third one is the index.ts file:
+
+```typescript
+export { default as Component } from "./ColorPicker.svelte";
+export const modes = ["static", "dynamic"];
+```
+
+- `directory.ts` 文件中添加组件的映射。复制并粘贴任何组件的映射行，并编辑其文本。键名必须是 Python 库中实际组件名称的小写版本。例如，对于 ColorPicker 组件，映射如下所示：
+
+```typescript
+export const component_map = {
+...
+colorpicker: () => import("./ColorPicker"),
+...
+}
+```
+
+### 2.1 为 Svelte 组件编写单元测试
+
+在开发新组件时，您还应该为其编写一套单元测试。测试应该放置在新组件的文件夹中，文件名为 MyAwesomeComponent.test.ts。同样，像上面那样参考其他组件的测试（例如[Textbox.test.ts](https://github.com/gradio-app/gradio/blob/main/js/app/src/components/Textbox/Textbox.test.ts)），并添加尽可能多的单元测试，以测试新组件的不同方面和功能。
+
+### 3. 创建新的演示
+
+最后一步是在[gradio/demo 文件夹](https://github.com/gradio-app/gradio/tree/main/demo)中创建一个使用新添加的组件的演示。同样，建议参考现有演示。在一个名为 run.py 的文件中编写演示的代码，添加必要的要求和显示应用程序界面的图像。最后添加一个显示其用法的 gif。
+您可以查看为 ColorPicker 创建的[demo](https://github.com/gradio-app/gradio/tree/main/demo/color_picker)，其中以新组件选择的图标和颜色作为输入，并以选择的颜色着色的相同图标作为输出。
+
+要测试应用程序：
+
+- 在终端上运行 `python path/demo/run.py`，它会在地址 [http://localhost:7860](http://localhost:7860) 启动后端；
+- 在另一个终端上，运行 `pnpm dev` 以在 [http://localhost:9876](http://localhost:9876) 上启动具有热重新加载功能的前端。
+
+## 结论
+
+在本指南中，我们展示了将新组件添加到 Gradio 是多么简单，逐步介绍了如何添加 ColorPicker 组件。要了解更多细节，可以参考 PR：[#1695](https://github.com/gradio-app/gradio/pull/1695).
diff --git a/guides/cn/07_other-tutorials/developing-faster-with-reload-mode.md b/guides/cn/07_other-tutorials/developing-faster-with-reload-mode.md
new file mode 100644
index 0000000..61abbfc
--- /dev/null
+++ b/guides/cn/07_other-tutorials/developing-faster-with-reload-mode.md
@@ -0,0 +1,150 @@
+# 通过自动重载实现更快的开发
+
+**先决条件**：本指南要求您了解块的知识。请确保[先阅读块指南](https://gradio.app/blocks-and-event-listeners)。
+
+本指南介绍了自动重新加载、在 Python IDE 中重新加载以及在 Jupyter Notebooks 中使用 gradio 的方法。
+
+## 为什么要使用自动重载？
+
+当您构建 Gradio 演示时，特别是使用 Blocks 构建时，您可能会发现反复运行代码以测试更改很麻烦。
+
+为了更快速、更便捷地编写代码，我们已经简化了在 **Python IDE**（如 VS Code、Sublime Text、PyCharm 等）中开发或从终端运行 Python 代码时“重新加载”Gradio 应用的方式。我们还开发了一个类似的“魔法命令”，使您可以更快速地重新运行单元格，如果您使用 Jupyter Notebooks（或类似的环境，如 Colab）的话。
+
+这个简短的指南将涵盖这两种方法，所以无论您如何编写 Python 代码，您都将知道如何更快地构建 Gradio 应用程序。
+
+## Python IDE 重载 🔥
+
+如果您使用 Python IDE 构建 Gradio Blocks，那么代码文件（假设命名为 `run.py`）可能如下所示：
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 来自Gradio的问候！")
+    inp = gr.Textbox(placeholder="您叫什么名字？")
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: f"欢迎，{x}！",
+               inputs=inp,
+               outputs=out)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+问题在于，每当您想要更改布局、事件或组件时，都必须通过编写 `python run.py` 来关闭和重新运行应用程序。
+
+而不是这样做，您可以通过更改 1 个单词来以**重新加载模式**运行代码：将 `python` 更改为 `gradio`：
+
+在终端中运行 `gradio run.py`。就是这样！
+
+现在，您将看到类似于这样的内容：
+
+```bash
+Launching in *reload mode* on: http://127.0.0.1:7860 (Press CTRL+C to quit)
+
+Watching...
+
+WARNING:  The --reload flag should not be used in production on Windows.
+```
+
+这里最重要的一行是 `正在观察 ...`。这里发生的情况是 Gradio 将观察 `run.py` 文件所在的目录，如果文件发生更改，它将自动为您重新运行文件。因此，您只需专注于编写代码，Gradio 演示将自动刷新 🥳
+
+⚠️ 警告：`gradio` 命令不会检测传递给 `launch()` 方法的参数，因为在重新加载模式下从未调用 `launch()` 方法。例如，设置 `launch()` 中的 `auth` 或 `show_error` 不会在应用程序中反映出来。
+
+当您使用重新加载模式时，请记住一件重要的事情：Gradio 专门查找名为 `demo` 的 Gradio Blocks/Interface 演示。如果您将演示命名为其他名称，您需要在代码中的第二个参数中传入演示的 FastAPI 应用程序的名称。对于 Gradio 演示，可以使用 `.app` 属性访问 FastAPI 应用程序。因此，如果您的 `run.py` 文件如下所示：
+
+```python
+import gradio as gr
+
+with gr.Blocks() as my_demo:
+    gr.Markdown("# 来自Gradio的问候！")
+    inp = gr.Textbox(placeholder="您叫什么名字？")
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: f"欢迎，{x}！",
+               inputs=inp,
+               outputs=out)
+
+if __name__ == "__main__":
+    my_demo.launch()
+```
+
+那么您可以这样启动它：`gradio run.py my_demo.app`。
+
+Gradio默认使用UTF-8编码格式。对于**重新加载模式**，如果你的脚本使用的是除UTF-8以外的编码（如GBK）：
+
+1. 在Python脚本的编码声明处指定你想要的编码格式，如：`# -*- coding: gbk -*-`
+2. 确保你的代码编辑器识别到该格式。 
+3. 执行：`gradio run.py --encoding gbk`
+
+🔥 如果您的应用程序接受命令行参数，您也可以传递它们。下面是一个例子：
+
+```python
+import gradio as gr
+import argparse
+
+parser = argparse.ArgumentParser()
+parser.add_argument("--name", type=str, default="User")
+args, unknown = parser.parse_known_args()
+
+with gr.Blocks() as demo:
+    gr.Markdown(f"# 欢迎 {args.name}！")
+    inp = gr.Textbox()
+    out = gr.Textbox()
+
+    inp.change(fn=lambda x: x, inputs=inp, outputs=out)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+您可以像这样运行它：`gradio run.py --name Gretel`
+
+作为一个小提示，只要更改了 `run.py` 源代码或 Gradio 源代码，自动重新加载就会发生。这意味着如果您决定[为 Gradio 做贡献](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md)，这将非常有用 ✅
+
+## Jupyter Notebook 魔法命令🔮
+
+如果您使用 Jupyter Notebooks（或 Colab Notebooks 等）进行开发，我们也为您提供了一个解决方案！
+
+我们开发了一个 **magic command 魔法命令**，可以为您创建和运行一个 Blocks 演示。要使用此功能，在笔记本顶部加载 gradio 扩展：
+
+`%load_ext gradio`
+
+然后，在您正在开发 Gradio 演示的单元格中，只需在顶部写入魔法命令**`%%blocks`**，然后像平常一样编写布局和组件：
+
+```py
+%%blocks
+
+import gradio as gr
+
+gr.Markdown("# 来自Gradio的问候！")
+inp = gr.Textbox(placeholder="您叫什么名字？")
+out = gr.Textbox()
+
+inp.change(fn=lambda x: f"欢迎，{x}！",
+           inputs=inp,
+           outputs=out)
+```
+
+请注意：
+
+- 您不需要放置样板代码 `with gr.Blocks() as demo:` 和 `demo.launch()` — Gradio 会自动为您完成！
+
+- 每次重新运行单元格时，Gradio 都将在相同的端口上重新启动您的应用程序，并使用相同的底层网络服务器。这意味着您将比正常重新运行单元格更快地看到变化。
+
+下面是在 Jupyter Notebook 中的示例：
+
+![](https://i.ibb.co/nrszFws/Blocks.gif)
+
+🪄这在 colab 笔记本中也适用！[这是一个 colab 笔记本](https://colab.research.google.com/drive/1jUlX1w7JqckRHVE-nbDyMPyZ7fYD8488?authuser=1#scrollTo=zxHYjbCTTz_5)，您可以在其中看到 Blocks 魔法效果。尝试进行一些更改并重新运行带有 Gradio 代码的单元格！
+
+Notebook Magic 现在是作者构建 Gradio 演示的首选方式。无论您如何编写 Python 代码，我们都希望这两种方法都能为您提供更好的 Gradio 开发体验。
+
+---
+
+## 下一步
+
+既然您已经了解了如何使用 Gradio 快速开发，请开始构建自己的应用程序吧！
+
+如果你正在寻找灵感，请尝试浏览其他人用 Gradio 构建的演示，[浏览 Hugging Face Spaces](http://hf.space/) 🤗
diff --git a/guides/cn/07_other-tutorials/how-to-use-3D-model-component.md b/guides/cn/07_other-tutorials/how-to-use-3D-model-component.md
new file mode 100644
index 0000000..d2990cc
--- /dev/null
+++ b/guides/cn/07_other-tutorials/how-to-use-3D-model-component.md
@@ -0,0 +1,72 @@
+# 如何使用 3D 模型组件
+
+相关空间：https://huggingface.co/spaces/dawood/Model3D, https://huggingface.co/spaces/radames/PIFu-Clothed-Human-Digitization, https://huggingface.co/spaces/radames/dpt-depth-estimation-3d-obj
+标签：VISION, IMAGE
+
+## 介绍
+
+机器学习中的 3D 模型越来越受欢迎，并且是一些最有趣的演示实验。使用 `gradio`，您可以轻松构建您的 3D 图像模型的演示，并与任何人分享。Gradio 3D 模型组件接受 3 种文件类型，包括：_.obj_，_.glb_ 和 _.gltf_。
+
+本指南将向您展示如何使用几行代码构建您的 3D 图像模型的演示；像下面这个示例一样。点击、拖拽和缩放来玩转 3D 对象：
+
+<gradio-app space="dawood/Model3D"> </gradio-app>
+
+### 先决条件
+
+确保已经[安装](https://gradio.app/quickstart)了 `gradio` Python 包。
+
+## 查看代码
+
+让我们来看看如何创建上面的最简界面。在这种情况下，预测函数将只返回原始的 3D 模型网格，但您可以更改此函数以在您的机器学习模型上运行推理。我们将在下面看更复杂的示例。
+
+```python
+import gradio as gr
+
+def load_mesh(mesh_file_name):
+    return mesh_file_name
+
+demo = gr.Interface(
+    fn=load_mesh,
+    inputs=gr.Model3D(),
+    outputs=gr.Model3D(clear_color=[0.0, 0.0, 0.0, 0.0],  label="3D Model"),
+    examples=[
+        ["files/Bunny.obj"],
+        ["files/Duck.glb"],
+        ["files/Fox.gltf"],
+        ["files/face.obj"],
+    ],
+    cache_examples=True,
+)
+
+demo.launch()
+```
+
+让我们来解析上面的代码：
+
+`load_mesh`：这是我们的“预测”函数，为简单起见，该函数将接收 3D 模型网格并返回它。
+
+创建界面：
+
+- `fn`：当用户点击提交时使用的预测函数。在我们的例子中，它是 `load_mesh` 函数。
+- `inputs`：创建一个 model3D 输入组件。输入是一个上传的文件，作为{str}文件路径。
+- `outputs`：创建一个 model3D 输出组件。输出组件也期望一个文件作为{str}文件路径。
+  - `clear_color`：这是 3D 模型画布的背景颜色。期望 RGBa 值。
+  - `label`：出现在组件左上角的标签。
+- `examples`：3D 模型文件的列表。3D 模型组件可以接受*.obj*，*.glb*和*.gltf*文件类型。
+- `cache_examples`：保存示例的预测输出，以节省推理时间。
+
+## 探索更复杂的 Model3D 演示
+
+下面是一个使用 DPT 模型预测图像深度，然后使用 3D 点云创建 3D 对象的演示。查看[code.py](https://huggingface.co/spaces/radames/dpt-depth-estimation-3d-obj/blob/main/app.py)文件，了解代码和模型预测函数。
+<gradio-app space="radames/dpt-depth-estimation-3d-obj"> </gradio-app>
+
+下面是一个使用 PIFu 模型将穿着衣物的人的图像转换为 3D 数字化模型的演示。查看[spaces.py](https://huggingface.co/spaces/radames/PIFu-Clothed-Human-Digitization/blob/main/PIFu/spaces.py)文件，了解代码和模型预测函数。
+
+<gradio-app space="radames/PIFu-Clothed-Human-Digitization"> </gradio-app>
+
+---
+
+搞定！这就是构建 Model3D 模型界面所需的所有代码。以下是一些您可能会发现有用的参考资料：
+
+- Gradio 的[“入门指南”](https://gradio.app/getting_started/)
+- 第一个[3D 模型演示](https://huggingface.co/spaces/dawood/Model3D)和[完整代码](https://huggingface.co/spaces/dawood/Model3D/tree/main)（在 Hugging Face Spaces 上）
diff --git a/guides/cn/07_other-tutorials/named-entity-recognition.md b/guides/cn/07_other-tutorials/named-entity-recognition.md
new file mode 100644
index 0000000..0c1535f
--- /dev/null
+++ b/guides/cn/07_other-tutorials/named-entity-recognition.md
@@ -0,0 +1,80 @@
+# 命名实体识别 （Named-Entity Recognition）
+
+相关空间：https://huggingface.co/spaces/rajistics/biobert_ner_demo，https://huggingface.co/spaces/abidlabs/ner，https://huggingface.co/spaces/rajistics/Financial_Analyst_AI
+标签：NER，TEXT，HIGHLIGHT
+
+## 简介
+
+命名实体识别（NER）又称为标记分类或文本标记，它的任务是对一个句子进行分类，将每个单词（或 "token"）归为不同的类别，比如人名、地名或词性等。
+
+例如，给定以下句子：
+
+> 芝加哥有巴基斯坦餐厅吗？
+
+命名实体识别算法可以识别出：
+
+- "Chicago" as a **location**
+- "Pakistani" as an **ethnicity**
+
+等等。
+
+使用 `gradio`（特别是 `HighlightedText` 组件），您可以轻松构建一个 NER 模型的 Web 演示并与团队分享。
+
+这是您将能够构建的一个演示的示例：
+
+$demo_ner_pipeline
+
+本教程将展示如何使用预训练的 NER 模型并使用 Gradio 界面部署该模型。我们将展示两种不同的使用 `HighlightedText` 组件的方法--根据您的 NER 模型，可以选择其中任何一种更容易学习的方式！
+
+### 环境要求
+
+确保您已经[安装](/getting_started)了 `gradio` Python 包。您还需要一个预训练的命名实体识别模型。在本教程中，我们将使用 `transformers` 库中的一个模型。
+
+### 方法一：实体字典列表
+
+许多命名实体识别模型输出的是一个字典列表。每个字典包含一个*实体*，一个 " 起始 " 索引和一个 " 结束 " 索引。这就是 `transformers` 库中的 NER 模型的操作方式。
+
+```py
+from transformers import pipeline
+ner_pipeline = pipeline("ner")
+ner_pipeline("芝加哥有巴基斯坦餐厅吗？")
+```
+
+输出结果：
+
+```bash
+[{'entity': 'I-LOC',
+  'score': 0.9988978,
+  'index': 2,
+  'word': 'Chicago',
+  'start': 5,
+  'end': 12},
+ {'entity': 'I-MISC',
+  'score': 0.9958592,
+  'index': 5,
+  'word': 'Pakistani',
+  'start': 22,
+  'end': 31}]
+```
+
+如果您有这样的模型，将其连接到 Gradio 的 `HighlightedText` 组件非常简单。您只需要将这个**实体列表**与**原始文本**以字典的形式传递给模型，其中键分别为 `"entities"` 和 `"text"`。
+
+下面是一个完整的示例：
+
+$code_ner_pipeline
+$demo_ner_pipeline
+
+### 方法二：元组列表
+
+将数据传递给 `HighlightedText` 组件的另一种方法是使用元组列表。每个元组的第一个元素应该是被归类为特定实体的单词或词组。第二个元素应该是实体标签（如果不需要标签，则为 `None`）。`HighlightedText` 组件会自动组合单词和标签来显示实体。
+
+在某些情况下，这比第一种方法更简单。下面是一个使用 Spacy 的词性标注器演示此方法的示例：
+
+$code_text_analysis
+$demo_text_analysis
+
+---
+
+到此为止！您已经了解了为您的 NER 模型构建基于 Web 的图形用户界面所需的全部内容。
+
+有趣的提示：只需在 `launch()` 中设置 `share=True`，即可立即与其他人分享您的 NER 演示。
diff --git a/guides/cn/07_other-tutorials/real-time-speech-recognition.md b/guides/cn/07_other-tutorials/real-time-speech-recognition.md
new file mode 100644
index 0000000..6a76e69
--- /dev/null
+++ b/guides/cn/07_other-tutorials/real-time-speech-recognition.md
@@ -0,0 +1,227 @@
+# 实时语音识别
+
+Related spaces: https://huggingface.co/spaces/abidlabs/streaming-asr-paused, https://huggingface.co/spaces/abidlabs/full-context-asr
+Tags: ASR, SPEECH, STREAMING
+
+## 介绍
+
+自动语音识别（ASR）是机器学习中非常重要且蓬勃发展的领域，它将口语转换为文本。ASR 算法几乎在每部智能手机上都有运行，并越来越多地嵌入到专业工作流程中，例如护士和医生的数字助手。由于 ASR 算法是直接面向客户和最终用户设计的，因此在面对各种语音模式（不同的口音、音调和背景音频条件）时，验证它们的行为是否符合预期非常重要。
+
+使用 `gradio`，您可以轻松构建一个 ASR 模型的演示，并与测试团队共享，或通过设备上的麦克风进行自行测试。
+
+本教程将展示如何使用预训练的语音识别模型并在 Gradio 界面上部署。我们将从一个 **full-context 全文**模型开始，其中用户在进行预测之前要说完整段音频。然后，我们将调整演示以使其变为 **streaming 流式**，这意味着音频模型将在您说话时将语音转换为文本。我们创建的流式演示将如下所示（在下方尝试或[在新标签页中打开](https://huggingface.co/spaces/abidlabs/streaming-asr-paused)）：
+
+<iframe src="https://abidlabs-streaming-asr-paused.hf.space" frameBorder="0" height="350" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+实时 ASR 本质上是*有状态的*，即模型的预测结果取决于用户先前说的单词。因此，在本教程中，我们还将介绍如何在 Gradio 演示中使用 **state**。
+
+### 先决条件
+
+确保您已经[安装](/getting_started)了 `gradio` Python 包。您还需要一个预训练的语音识别模型。在本教程中，我们将从两个 ASR 库构建演示：
+
+- Transformers（为此，`pip install transformers` 和 `pip install torch`）\* DeepSpeech（`pip install deepspeech==0.8.2`）
+
+确保您至少安装了其中之一，以便您可以跟随本教程操作。如果您尚未安装 `ffmpeg`，请在[系统上下载并安装](https://www.ffmpeg.org/download.html)，以便从麦克风处理文件。
+
+下面是构建实时语音识别（ASR）应用程序的步骤：
+
+1. [设置 Transformers ASR 模型](#1-set-up-the-transformers-asr-model)
+2. [使用 Transformers 创建一个全文 ASR 演示]
+   (#2-create-a-full-context-asr-demo-with-transformers)
+3. [使用 Transformers 创建一个流式 ASR 演示](#3-create-a-streaming-asr-demo-with-transformers)
+4. [使用 DeepSpeech 创建一个流式 ASR 演示](#4-create-a-streaming-asr-demo-with-deepspeech)
+
+## 1. 设置 Transformers ASR 模型
+
+首先，您需要拥有一个 ASR 模型，您可以自己训练，或者需要下载一个预训练模型。在本教程中，我们将使用 Hugging Face 模型的预训练 ASR 模型 `Wav2Vec2`。
+
+以下是从 Hugging Face 的 `transformers` 加载 `Wav2Vec2` 的代码：
+
+```python
+from transformers import pipeline
+p = pipeline("automatic-speech-recognition")
+```
+
+就是这样！默认情况下，自动语音识别模型管道会加载 Facebook 的 `facebook/wav2vec2-base-960h` 模型。
+
+## 2. 使用 Transformers 创建一个全文 ASR 演示
+
+我们将首先创建一个*全文*ASR 演示，其中用户在使用 ASR 模型进行预测之前说完整段音频。使用 Gradio 非常简单，我们只需在上面的 `pipeline` 对象周围创建一个函数。
+
+我们将使用 `gradio` 内置的 `Audio` 组件，配置从用户的麦克风接收输入并返回录制音频的文件路径。输出组件将是一个简单的 `Textbox`。
+
+```python
+import gradio as gr
+
+def transcribe(audio):
+    text = p(audio)["text"]
+    return text
+
+gr.Interface(
+    fn=transcribe,
+    inputs=gr.Audio(sources=["microphone"], type="filepath"),
+    outputs="text").launch()
+```
+
+那么这里发生了什么？`transcribe` 函数接受一个参数 `audio`，它是用户录制的音频文件的文件路径。`pipeline` 对象期望一个文件路径，并将其转换为文本，然后返回到前端并在文本框中显示。
+
+让我们看看它的效果吧！（录制一段短音频并点击提交，或[在新标签页打开](https://huggingface.co/spaces/abidlabs/full-context-asr)）：
+
+<iframe src="https://abidlabs-full-context-asr.hf.space" frameBorder="0" height="350" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+## 3. 使用 Transformers 创建一个流式 ASR 演示
+太棒了！我们已经构建了一个对短音频剪辑效果良好的 ASR 模型。但是，如果您正在记录较长的音频剪辑，则可能需要一个*流式*界面，即在用户说话时逐句转录音频，而不仅仅在最后一次全部转录。
+
+好消息是，我们可以很容易地调整刚刚创建的演示，使其成为流式的，使用相同的 `Wav2Vec2` 模型。
+
+最大的变化是我们现在必须引入一个 `state` 参数，它保存到目前为止*转录的音频*。这样，我们只需处理最新的音频块，并将其简单地追加到先前转录的音频中。
+
+在向 Gradio 演示添加状态时，您需要完成 3 件事：
+
+- 在函数中添加 `state` 参数* 在函数末尾返回更新后的 `state`* 在 `Interface` 的 `inputs` 和 `outputs` 中添加 `"state"` 组件
+
+以下是代码示例：
+
+```python
+def transcribe(audio, state=""):
+    text = p(audio)["text"]
+    state += text + " "
+    return state, state
+
+# Set the starting state to an empty string
+gr.Interface(
+    fn=transcribe,
+    inputs=[
+        gr.Audio(sources=["microphone"], type="filepath", streaming=True),
+        "state"
+    ],
+    outputs=[
+        "textbox",
+        "state"
+    ],
+    live=True).launch()
+```
+
+请注意，我们还进行了另一个更改，即我们设置了 `live=True`。这使得 Gradio 接口保持持续运行，因此它可以自动转录音频，而无需用户反复点击提交按钮。
+
+让我们看看它的效果（在下方尝试或[在新标签页中打开](https://huggingface.co/spaces/abidlabs/streaming-asr)）！
+
+<iframe src="https://abidlabs-streaming-asr.hf.space" frameBorder="0" height="350" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+你可能注意到的一件事是，由于音频块非常小，所以转录质量下降了，它们缺乏正确转录所需的上下文。此问题的“hacky”解决方法是简单地增加 `transcribe()` 函数的运行时间，以便处理更长的音频块。我们可以通过在函数中添加 `time.sleep()` 来实现这一点，如下所示（接下来我们将看到一个正确的解决方法）
+
+```python
+from transformers import pipeline
+import gradio as gr
+import time
+
+p = pipeline("automatic-speech-recognition")
+
+def transcribe(audio, state=""):
+    time.sleep(2)
+    text = p(audio)["text"]
+    state += text + " "
+    return state, state
+
+gr.Interface(
+    fn=transcribe,
+    inputs=[
+        gr.Audio(sources=["microphone"], type="filepath", streaming=True),
+        "state"
+    ],
+    outputs=[
+        "textbox",
+        "state"
+    ],
+    live=True).launch()
+```
+
+尝试下面的演示，查看差异（或[在新标签页中打开](https://huggingface.co/spaces/abidlabs/streaming-asr-paused)）！
+
+<iframe src="https://abidlabs-streaming-asr-paused.hf.space" frameBorder="0" height="350" title="Gradio app" class="container p-0 flex-grow space-iframe" allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking" sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"></iframe>
+
+## 4. 使用 DeepSpeech 创建流式 ASR 演示
+
+您不仅限于使用 `transformers` 库中的 ASR 模型 - 您可以使用自己的模型或其他库中的模型。`DeepSpeech` 库包含专门用于处理流式音频数据的模型。这些模型在处理流式数据时表现非常好，因为它们能够考虑到先前的音频块在进行预测时产生的影响。
+
+深入研究 DeepSpeech 库超出了本指南的范围（可以在[此处查看其优秀的文档](https://deepspeech.readthedocs.io/en/r0.9/)），但是您可以像使用 Transformer ASR 模型一样，使用 DeepSpeech ASR 模型使用类似的方法使用 Gradio。
+
+下面是一个完整的示例（在 Linux 上）：
+
+首先通过终端安装 DeepSpeech 库并下载预训练模型：
+
+```bash
+wget https://github.com/mozilla/DeepSpeech/releases/download/v0.8.2/deepspeech-0.8.2-models.pbmm
+wget https://github.com/mozilla/DeepSpeech/releases/download/v0.8.2/deepspeech-0.8.2-models.scorer
+apt install libasound2-dev portaudio19-dev libportaudio2 libportaudiocpp0 ffmpeg
+pip install deepspeech==0.8.2
+```
+
+然后，创建与之前相似的 `transcribe()` 函数：
+
+```python
+from deepspeech import Model
+import numpy as np
+
+model_file_path = "deepspeech-0.8.2-models.pbmm"
+lm_file_path = "deepspeech-0.8.2-models.scorer"
+beam_width = 100
+lm_alpha = 0.93
+lm_beta = 1.18
+
+model = Model(model_file_path)
+model.enableExternalScorer(lm_file_path)
+model.setScorerAlphaBeta(lm_alpha, lm_beta)
+model.setBeamWidth(beam_width)
+
+
+def reformat_freq(sr, y):
+    if sr not in (
+        48000,
+        16000,
+    ):  # Deepspeech only supports 16k, (we convert 48k -> 16k)
+        raise ValueError("Unsupported rate", sr)
+    if sr == 48000:
+        y = (
+            ((y / max(np.max(y), 1)) * 32767)
+            .reshape((-1, 3))
+            .mean(axis=1)
+            .astype("int16")
+        )
+        sr = 16000
+    return sr, y
+
+
+def transcribe(speech, stream):
+    _, y = reformat_freq(*speech)
+    if stream is None:
+        stream = model.createStream()
+    stream.feedAudioContent(y)
+    text = stream.intermediateDecode()
+    return text, stream
+
+```
+
+然后，如前所述创建一个 Gradio 接口（唯一的区别是返回类型应该是 `numpy` 而不是 `filepath` 以与 DeepSpeech 模型兼容）
+
+```python
+import gradio as gr
+
+gr.Interface(
+    fn=transcribe,
+    inputs=[
+        gr.Audio(sources=["microphone"], type="numpy"),
+        "state"
+    ],
+    outputs= [
+        "text",
+        "state"
+    ],
+    live=True).launch()
+```
+
+运行所有这些应该允许您使用一个漂亮的 GUI 部署实时 ASR 模型。尝试一下，看它在您那里运行得有多好。
+
+---
+
+你已经完成了！这就是构建用于 ASR 模型的基于 Web 的 GUI 所需的所有代码。
+
+有趣的提示：您只需在 `launch()` 中设置 `share=True`，即可即时与他人共享 ASR 模型。
diff --git a/guides/cn/07_other-tutorials/running-background-tasks.md b/guides/cn/07_other-tutorials/running-background-tasks.md
new file mode 100644
index 0000000..5035be4
--- /dev/null
+++ b/guides/cn/07_other-tutorials/running-background-tasks.md
@@ -0,0 +1,156 @@
+# 运行后台任务
+
+Related spaces: https://huggingface.co/spaces/freddyaboulton/gradio-google-forms
+Tags: TASKS, SCHEDULED, TABULAR, DATA
+
+## 简介
+
+本指南介绍了如何从 gradio 应用程序中运行后台任务。
+后台任务是在您的应用程序的请求-响应生命周期之外执行的操作，可以是一次性的或定期的。
+后台任务的示例包括定期将数据与外部数据库同步或通过电子邮件发送模型预测报告。
+
+## 概述
+
+我们将创建一个简单的“Google Forms”风格的应用程序，用于收集 gradio 库的用户反馈。
+我们将使用一个本地 sqlite 数据库来存储数据，但我们将定期将数据库的状态与[HuggingFace Dataset](https://huggingface.co/datasets)同步，以便始终备份我们的用户评论。
+同步将在每 60 秒运行的后台任务中进行。
+
+在演示结束时，您将拥有一个完全可工作的应用程序，类似于以下应用程序 :
+
+<gradio-app space="freddyaboulton/gradio-google-forms"> </gradio-app>
+
+## 第一步 - 编写数据库逻辑 💾
+
+我们的应用程序将存储评论者的姓名，他们对 gradio 给出的评分（1 到 5 的范围），以及他们想要分享的关于该库的任何评论。让我们编写一些代码，创建一个数据库表来存储这些数据。我们还将编写一些函数，以将评论插入该表中并获取最新的 10 条评论。
+
+我们将使用 `sqlite3` 库来连接我们的 sqlite 数据库，但 gradio 可以与任何库一起使用。
+
+代码如下 :
+
+```python
+DB_FILE = "./reviews.db"
+db = sqlite3.connect(DB_FILE)
+
+# Create table if it doesn't already exist
+try:
+    db.execute("SELECT * FROM reviews").fetchall()
+    db.close()
+except sqlite3.OperationalError:
+    db.execute(
+        '''
+        CREATE TABLE reviews (id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL,
+                              created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP NOT NULL,
+                              name TEXT, review INTEGER, comments TEXT)
+        ''')
+    db.commit()
+    db.close()
+
+def get_latest_reviews(db: sqlite3.Connection):
+    reviews = db.execute("SELECT * FROM reviews ORDER BY id DESC limit 10").fetchall()
+    total_reviews = db.execute("Select COUNT(id) from reviews").fetchone()[0]
+    reviews = pd.DataFrame(reviews, columns=["id", "date_created", "name", "review", "comments"])
+    return reviews, total_reviews
+
+
+def add_review(name: str, review: int, comments: str):
+    db = sqlite3.connect(DB_FILE)
+    cursor = db.cursor()
+    cursor.execute("INSERT INTO reviews(name, review, comments) VALUES(?,?,?)", [name, review, comments])
+    db.commit()
+    reviews, total_reviews = get_latest_reviews(db)
+    db.close()
+    return reviews, total_reviews
+```
+
+让我们还写一个函数，在 gradio 应用程序加载时加载最新的评论 :
+
+```python
+def load_data():
+    db = sqlite3.connect(DB_FILE)
+    reviews, total_reviews = get_latest_reviews(db)
+    db.close()
+    return reviews, total_reviews
+```
+
+## 第二步 - 创建 gradio 应用 ⚡
+
+现在我们已经定义了数据库逻辑，我们可以使用 gradio 创建一个动态的网页来询问用户的反馈意见！
+
+使用以下代码段 :
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column():
+            name = gr.Textbox(label="Name", placeholder="What is your name?")
+            review = gr.Radio(label="How satisfied are you with using gradio?", choices=[1, 2, 3, 4, 5])
+            comments = gr.Textbox(label="Comments", lines=10, placeholder="Do you have any feedback on gradio?")
+            submit = gr.Button(value="Submit Feedback")
+        with gr.Column():
+            data = gr.Dataframe(label="Most recently created 10 rows")
+            count = gr.Number(label="Total number of reviews")
+    submit.click(add_review, [name, review, comments], [data, count])
+    demo.load(load_data, None, [data, count])
+```
+
+## 第三步 - 与 HuggingFace 数据集同步 🤗
+
+在第 2 步后我们可以调用 `demo.launch()` 来运行一个完整功能的应用程序。然而，我们的数据将存储在本地机器上。如果 sqlite 文件意外删除，我们将丢失所有评论！让我们将我们的数据备份到 HuggingFace hub 的数据集中。
+
+在继续之前，请在[此处](https://huggingface.co/datasets)创建一个数据集。
+
+现在，在我们脚本的**顶部**，我们将使用[huggingface hub 客户端库](https://huggingface.co/docs/huggingface_hub/index)连接到我们的数据集并获取最新的备份。
+
+```python
+TOKEN = os.environ.get('HUB_TOKEN')
+repo = huggingface_hub.Repository(
+    local_dir="data",
+    repo_type="dataset",
+    clone_from="<name-of-your-dataset>",
+    use_auth_token=TOKEN
+)
+repo.git_pull()
+
+shutil.copyfile("./data/reviews.db", DB_FILE)
+```
+
+请注意，您需要从 HuggingFace 的“设置”选项卡中获取访问令牌，以上代码才能正常工作。在脚本中，通过环境变量安全访问令牌。
+
+![access_token](/assets/guides/access_token.png)
+
+现在，我们将创建一个后台任务，每 60 秒将我们的本地数据库与数据集中的数据同步一次。
+我们将使用[AdvancedPythonScheduler](https://apscheduler.readthedocs.io/en/3.x/)来处理调度。
+然而，这并不是唯一可用的任务调度库。请随意使用您熟悉的任何库。
+
+备份数据的函数如下 :
+
+```python
+from apscheduler.schedulers.background import BackgroundScheduler
+
+def backup_db():
+    shutil.copyfile(DB_FILE, "./data/reviews.db")
+    db = sqlite3.connect(DB_FILE)
+    reviews = db.execute("SELECT * FROM reviews").fetchall()
+    pd.DataFrame(reviews).to_csv("./data/reviews.csv", index=False)
+    print("updating db")
+    repo.push_to_hub(blocking=False, commit_message=f"Updating data at {datetime.datetime.now()}")
+
+
+scheduler = BackgroundScheduler()
+scheduler.add_job(func=backup_db, trigger="interval", seconds=60)
+scheduler.start()
+```
+
+## 第四步（附加）- 部署到 HuggingFace Spaces
+
+您可以使用 HuggingFace [Spaces](https://huggingface.co/spaces) 平台免费部署这个应用程序 ✨
+
+如果您之前没有使用过 Spaces，请查看[此处](/using_hugging_face_integrations)的先前指南。
+您将需要将 `HUB_TOKEN` 环境变量作为指南中的一个秘密使用。
+
+## 结论
+
+恭喜！您知道如何在您的 gradio 应用程序中按计划运行后台任务⏲️。
+
+在 Spaces 上运行的应用程序可在[此处](https://huggingface.co/spaces/freddyaboulton/gradio-google-forms)查看。
+完整的代码在[此处](https://huggingface.co/spaces/freddyaboulton/gradio-google-forms/blob/main/app.py)。
diff --git a/guides/cn/07_other-tutorials/running-gradio-on-your-web-server-with-nginx.md b/guides/cn/07_other-tutorials/running-gradio-on-your-web-server-with-nginx.md
new file mode 100644
index 0000000..d8c509a
--- /dev/null
+++ b/guides/cn/07_other-tutorials/running-gradio-on-your-web-server-with-nginx.md
@@ -0,0 +1,78 @@
+# 在 Web 服务器上使用 Nginx 运行 Gradio 应用
+
+标签：部署，Web 服务器，Nginx
+
+## 介绍
+
+Gradio 是一个 Python 库，允许您快速创建可定制的 Web 应用程序，用于机器学习模型和数据处理流水线。Gradio 应用可以免费部署在[Hugging Face Spaces](https://hf.space)上。
+
+然而，在某些情况下，您可能希望在自己的 Web 服务器上部署 Gradio 应用。您可能已经在使用[Nginx](https://www.nginx.com/)作为高性能的 Web 服务器来提供您的网站（例如 `https://www.example.com`），并且您希望将 Gradio 附加到网站的特定子路径上（例如 `https://www.example.com/gradio-demo`）。
+
+在本指南中，我们将指导您在自己的 Web 服务器上的 Nginx 后面运行 Gradio 应用的过程，以实现此目的。
+
+**先决条件**
+
+1. 安装了 [Nginx 的 Linux Web 服务器](https://www.nginx.com/blog/setting-up-nginx/) 和 [Gradio](/quickstart) 库
+
+2. 在 Web 服务器上将 Gradio 应用保存为 Python 文件
+
+## 编辑 Nginx 配置文件
+
+1. 首先编辑 Web 服务器上的 Nginx 配置文件。默认情况下，文件位于：`/etc/nginx/nginx.conf`
+
+在 `http` 块中，添加以下行以从单独的文件包含服务器块配置：
+
+```bash
+include /etc/nginx/sites-enabled/*;
+```
+
+2. 在 `/etc/nginx/sites-available` 目录中创建一个新文件（如果目录不存在则创建），文件名表示您的应用，例如：`sudo nano /etc/nginx/sites-available/my_gradio_app`
+
+3. 将以下内容粘贴到文件编辑器中：
+
+```bash
+server {
+    listen 80;
+    server_name example.com www.example.com;  # 将此项更改为您的域名
+
+    location /gradio-demo/ {  # 如果要在不同路径上提供Gradio应用，请更改此项
+        proxy_pass http://127.0.0.1:7860/; # 如果您的Gradio应用将在不同端口上运行，请更改此项
+        proxy_redirect off;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host $host;
+    }
+}
+```
+
+## 在 Web 服务器上运行 Gradio 应用
+
+1. 在启动 Gradio 应用之前，您需要将 `root_path` 设置为与 Nginx 配置中指定的子路径相同。这对于 Gradio 在除域的根路径之外的任何子路径上运行是必要的。
+
+以下是一个具有自定义 `root_path` 的简单示例 Gradio 应用：
+
+```python
+import gradio as gr
+import time
+
+def test(x):
+    time.sleep(4)
+    return x
+
+gr.Interface(test, "textbox", "textbox").queue().launch(root_path="/gradio-demo")
+```
+
+2. 通过键入 `tmux` 并按回车键（可选）启动 `tmux` 会话
+
+推荐在 `tmux` 会话中运行 Gradio 应用，以便可以轻松地在后台运行它
+
+3. 然后，启动您的 Gradio 应用。只需输入 `python`，后跟您的 Gradio Python 文件的名称。默认情况下，应用将在 `localhost:7860` 上运行，但如果它在其他端口上启动，您需要更新上面的 Nginx 配置文件。
+
+## 重新启动 Nginx
+
+1. 如果您在 tmux 会话中，请通过键入 CTRL + B（或 CMD + B），然后按下 "D" 键来退出。
+
+2. 最后，通过运行 `sudo systemctl restart nginx` 重新启动 nginx。
+
+就是这样！如果您在浏览器中访问 `https://example.com/gradio-demo`，您应该能够看到您的 Gradio 应用在那里运行。
diff --git a/guides/cn/07_other-tutorials/theming-guide.md b/guides/cn/07_other-tutorials/theming-guide.md
new file mode 100644
index 0000000..f411f42
--- /dev/null
+++ b/guides/cn/07_other-tutorials/theming-guide.md
@@ -0,0 +1,408 @@
+# 主题 Theming
+
+Tags: THEMES
+
+## 介绍
+
+Gradio 具有内置的主题引擎，可让您自定义应用的外观和感觉。您可以选择各种主题，或者创建自己的主题。要这样做，请将 `theme=` kwarg 传递给 `Blocks` 或 `Interface` 构造函数。例如：
+
+```python
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-soft.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+Gradio 带有一组预构建的主题，您可以从 `gr.themes.*` 中加载这些主题。这些主题包括：
+
+- `gr.themes.Base()`
+- `gr.themes.Default()`
+- `gr.themes.Glass()`
+- `gr.themes.Monochrome()`
+- `gr.themes.Soft()`
+
+这些主题为数百个 CSS 变量设置了值。您可以使用预构建的主题作为自定义主题的起点，也可以从头开始创建自己的主题。让我们看看每种方法。
+
+## 使用主题构建器
+
+使用主题构建器构建主题最简单。要在本地启动主题构建器，请运行以下代码：
+
+```python
+import gradio as gr
+
+gr.themes.builder()
+```
+
+$demo_theme_builder
+
+您可以使用上面的 Spaces 上运行的 Theme Builder，但通过 `gr.themes.builder()` 在本地启动时运行速度更快。
+
+在 Theme Builder 中编辑值时，应用程序将实时预览更新。您可以下载生成的主题代码，以便在任何 Gradio 应用程序中使用它。
+
+在本指南的其余部分，我们将介绍如何以编程方式构建主题。
+
+## 通过构造函数扩展主题
+
+尽管每个主题都有数百个 CSS 变量，但大多数这些变量的值都是从 8 个核心变量中获取的，可以通过每个预构建主题的构造函数设置这些变量。通过修改这 8 个参数的值，您可以快速更改应用程序的外观和感觉。
+
+### 核心颜色
+
+前 3 个构造函数参数设置主题的颜色，并且是 `gradio.themes.Color` 对象。在内部，这些 Color 对象包含单个色调的调色板的亮度值，范围从 50，100，200...，800，900，950。其他 CSS 变量是从这 3 种颜色派生的。
+
+3 个颜色构造函数参数是：
+
+- `primary_hue`：这是主题中的主色。在默认主题中，此值设置为 `gradio.themes.colors.orange`。
+- `secondary_hue`：这是主题中用于辅助元素的颜色。在默认主题中，此值设置为 `gradio.themes.colors.blue`。
+- `neutral_hue`：这是主题中用于文本和其他中性元素的颜色。在默认主题中，此值设置为 `gradio.themes.colors.gray`。
+
+您可以使用字符串快捷方式修改这些值，例如
+
+```python
+with gr.Blocks(theme=gr.themes.Default(primary_hue="red", secondary_hue="pink")) as demo:
+    ...
+```
+
+或者直接使用 `Color` 对象，如下所示：
+
+```python
+with gr.Blocks(theme=gr.themes.Default(primary_hue=gr.themes.colors.red, secondary_hue=gr.themes.colors.pink)) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-1.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+预定义的颜色包括：
+
+- `slate`
+- `gray`
+- `zinc`
+- `neutral`
+- `stone`
+- `red`
+- `orange`
+- `amber`
+- `yellow`
+- `lime`
+- `green`
+- `emerald`
+- `teal`
+- `cyan`
+- `sky`
+- `blue`
+- `indigo`
+- `violet`
+- `purple`
+- `fuchsia`
+- `pink`
+- `rose`
+
+您还可以创建自己的自定义 `Color` 对象并传递它们。
+
+### 核心大小 （Core Sizing）
+
+接下来的 3 个构造函数参数设置主题的大小，并且是 `gradio.themes.Size` 对象。在内部，这些 Size 对象包含从 `xxs` 到 `xxl` 的像素大小值。其他 CSS 变量是从这 3 个大小派生的。
+
+- `spacing_size`：此设置了元素内部的填充和元素之间的间距。在默认主题中，此值设置为 `gradio.themes.sizes.spacing_md`。
+- `radius_size`：此设置了元素的圆角弧度。在默认主题中，此值设置为 `gradio.themes.sizes.radius_md`。
+- `text_size`：此设置了文本的字体大小。在默认主题中，此值设置为 `gradio.themes.sizes.text_md`。
+
+您可以使用字符串快捷方式修改这些值，例如
+
+```python
+with gr.Blocks(theme=gr.themes.Default(spacing_size="sm", radius_size="none")) as demo:
+    ...
+```
+
+或者直接使用 `Size` 对象，如下所示：
+
+```python
+with gr.Blocks(theme=gr.themes.Default(spacing_size=gr.themes.sizes.spacing_sm, radius_size=gr.themes.sizes.radius_none)) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-2.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+预定义的大小对象包括：
+
+- `radius_none`
+- `radius_sm`
+- `radius_md`
+- `radius_lg`
+- `spacing_sm`
+- `spacing_md`
+- `spacing_lg`
+- `text_sm`
+- `text_md`
+- `text_lg`
+
+您还可以创建自己的自定义 `Size` 对象并传递它们。
+
+### 核心字体（Core Fonts）
+
+最后的 2 个构造函数参数设置主题的字体。您可以将一系列字体传递给这些参数，以指定回退字体。如果提供了字符串，它将被加载为系统字体。如果提供了 `gradio.themes.GoogleFont`，则将从 Google Fonts 加载该字体。
+
+- `font`：此设置主题的主要字体。在默认主题中，此值设置为 `gradio.themes.GoogleFont("IBM Plex Sans")`。
+- `font_mono`：此设置主题的等宽字体。在默认主题中，此值设置为 `gradio.themes.GoogleFont("IBM Plex Mono")`。
+
+您可以修改这些值，例如以下方式：
+
+```python
+with gr.Blocks(theme=gr.themes.Default(font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"])) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-3.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+## 通过 `.set()` 扩展主题
+
+主题加载后，您还可以修改 CSS 变量的值。为此，请使用主题对象的 `.set()` 方法来访问 CSS 变量。例如：
+
+```python
+theme = gr.themes.Default(primary_hue="blue").set(    loader_color="#FF0000",    slider_color="#FF0000",)
+使用`gr.Blocks(theme=theme)`创建演示块    ...
+```
+
+在上面的示例中，我们将 `loader_color` 和 `slider_color` 变量设置为`#FF0000`，尽管整体 `primary_color` 使用蓝色调色板。您可以以这种方式设置主题中定义的任何 CSS 变量。
+您的 IDE 类型提示应该帮助您导航这些变量。由于有很多 CSS 变量，让我们看一下这些变量的命名和组织方式。
+
+### CSS 变量命名规范
+
+CSS 变量名可能会变得很长，例如 `button_primary_background_fill_hover_dark`！但是它们遵循一种常见的命名约定，使得理解变量功能和查找您要查找的变量变得容易。变量名由下划线分隔，由以下组成：
+
+1. 目标元素，例如 `button`、`slider` 或 `block`。2. 目标元素类型或子元素，例如 `button_primary` 或 `block_label`。3. 属性，例如 `button_primary_background_fill` 或 `block_label_border_width`。4. 任何相关状态，例如 `button_primary_background_fill_hover`。5. 如果在暗模式中值不同，则使用后缀 `_dark`。例如，`input_border_color_focus_dark`。
+   当然，许多 CSS 变量名都比这个短，例如 `table_border_color` 或 `input_shadow`。
+
+### CSS 变量组织
+
+虽然有数百个 CSS 变量，但并不需要为每个变量都指定单独的值。它们通过引用一组核心变量和彼此引用来获取值。这样做可以仅修改少量变量以改变整个主题的外观和感觉，同时也可以更精细地控制我们可能想要修改的个别元素。
+
+#### 引用核心变量
+
+要引用其中一个核心构造函数变量，请在变量名前加上星号。要引用核心颜色，请使用`*primary_`、`*secondary_` 或`*neutral_` 前缀，后跟亮度值。例如：
+
+```python
+theme = gr.themes.Default(primary_hue="blue").set(
+    button_primary_background_fill="*primary_200",
+    button_primary_background_fill_hover="*primary_300",
+)
+```
+
+在上面的示例中，我们将 `button_primary_background_fill` 和 `button_primary_background_fill_hover` 变量分别设置为`*primary_200` 和`*primary_300`。这些变量将分别设置为蓝色主色调调色板的 200 和 300 亮度值。
+同样地，要引用核心大小，请使用`*spacing_`、`*radius_` 或`*text_` 前缀，后跟大小值。例如：
+
+```python
+theme = gr.themes.Default(radius_size="md").set(
+    button_primary_border_radius="*radius_xl",
+)
+```
+
+在上面的示例中，我们将 `button_primary_border_radius` 变量设置为`*radius_xl`。此变量将设置为中等半径大小范围的 `xl` 设置。
+
+#### 引用其他变量
+
+变量也可以引用彼此。例如，请看下面的示例：
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_hover="#FF0000",
+    button_primary_border="#FF0000",
+)
+```
+
+将这些值设置为相同的颜色有点繁琐。相反，我们可以在 `button_primary_background_fill_hover` 和 `button_primary_border` 变量中使用`*` 前缀引用 `button_primary_background_fill` 变量。
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_hover="*button_primary_background_fill",
+    button_primary_border="*button_primary_background_fill",
+)
+```
+
+现在，如果我们更改 `button_primary_background_fill` 变量，`button_primary_background_fill_hover` 和 `button_primary_border` 变量将自动更新。
+如果您打算共享主题，这将非常有用- 它使得修改主题变得容易，而无需更改每个变量。
+请注意，暗模式变量自动相互引用。例如：
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_dark="#AAAAAA",
+    button_primary_border="*button_primary_background_fill",
+    button_primary_border_dark="*button_primary_background_fill_dark",
+)
+```
+
+`button_primary_border_dark` 将从 `button_primary_background_fill_dark` 获取其值，因为暗模式总是使用变量的暗版本。
+
+## 创建一个完整的主题
+
+假设您想从头开始创建一个主题！我们将逐步进行 - 您还可以参考 gradio 源代码库中预构建主题的源代码，请看这里的示例：[Monochrome theme 的源代码](https://github.com/gradio-app/gradio/blob/main/gradio/themes/monochrome.py)
+我们的新主题类将继承自 `gradio.themes.Base`，这是一个设置了许多方便默认值的主题。让我们创建一个名为 Seafoam 的简单演示，以及使用它的简单应用程序。
+$code_theme_new_step_1
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-1.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+Base 主题非常简洁，使用 `gr.themes.Blue` 作为其主要颜色-由于此原因，主按钮和加载动画都是蓝色的。让我们改变应用程序的默认核心参数。我们将覆盖构造函数并传递新的默认值给核心构造函数参数。
+我们将使用 `gr.themes.Emerald` 作为我们的主要颜色，并将次要和中性色调设置为 `gr.themes.Blue`。我们将使用 `text_lg` 使文本更大。我们将使用 `Quicksand` 作为我们的默认字体，从 Google Fonts 加载。
+$code_theme_new_step_2
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-2.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+注意到主按钮和加载动画现在是绿色的了吗？这些 CSS 变量与 `primary_hue` 相关联。
+我们来直接修改主题。我们将调用 `set()` 方法来明确覆盖 CSS 变量值。我们可以使用任何 CSS 逻辑，并使用`*` 前缀引用我们的核心构造函数的参数。
+
+$code_theme_new_step_3
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-3.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+看看我们的主题现在多么有趣！仅通过几个变量的更改，我们的主题完全改变了。
+
+您可能会发现探索[其他预建主题的源代码](https://github.com/gradio-app/gradio/blob/main/gradio/themes)会很有帮助，以了解他们如何修改基本主题。您还可以使用浏览器的检查工具，选择 UI 中的元素并查看在样式面板中使用的 CSS 变量。
+
+## 分享主题
+
+在创建主题后，您可以将其上传到 HuggingFace Hub，让其他人查看、使用和构建主题！
+
+### 上传主题
+
+有两种上传主题的方式，通过主题类实例或命令行。我们将使用之前创建的“seafoam”主题来介绍这两种方式。
+
+- 通过类实例
+
+每个主题实例都有一个名为“push_to_hub”的方法，我们可以使用它来将主题上传到 HuggingFace Hub。
+
+```python
+seafoam.push_to_hub(repo_name="seafoam",
+                    version="0.0.1",
+					hf_token="<token>")
+```
+
+- 通过命令行
+
+首先将主题保存到磁盘
+
+```python
+seafoam.dump(filename="seafoam.json")
+```
+
+然后使用“upload_theme”命令：
+
+```bash
+upload_theme\
+"seafoam.json"\
+"seafoam"\
+--version "0.0.1"\
+--hf_token "<token>"
+```
+
+要上传主题，您必须拥有一个 HuggingFace 账户，并通过 `hf_token` 参数传递您的[访问令牌](https://huggingface.co/docs/huggingface_hub/quick-start#login)。
+但是，如果您通过[HuggingFace 命令行](https://huggingface.co/docs/huggingface_hub/quick-start#login)登录（与 `gradio` 一起安装），
+那么您可以省略 `hf_token` 参数。
+
+`version` 参数允许您为主题指定一个有效的[语义版本](https://www.geeksforgeeks.org/introduction-semantic-versioning/)字符串。
+这样，您的用户就可以在他们的应用程序中指定要使用的主题版本。这还允许您发布主题更新而不必担心
+以前创建的应用程序的外观如何更改。`version` 参数是可选的。如果省略，下一个修订版本将自动应用。
+
+### 主题预览
+
+通过调用 `push_to_hub` 或 `upload_theme`，主题资源将存储在[HuggingFace 空间](https://huggingface.co/docs/hub/spaces-overview)中。
+
+我们的 seafoam 主题的预览在这里：[seafoam 预览](https://huggingface.co/spaces/gradio/seafoam)。
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-seafoam.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+### 发现主题
+
+[主题库](https://huggingface.co/spaces/gradio/theme-gallery)显示了所有公开的 gradio 主题。在发布主题之后，
+它将在几分钟后自动显示在主题库中。
+
+您可以按照空间上点赞的数量以及按创建时间从最近到最近对主题进行排序，也可以在浅色和深色模式之间切换主题。
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-gallery.hf.space"
+	frameborder="0"
+></iframe>
+</div>
+
+### 下载
+
+要使用 Hub 中的主题，请在 `ThemeClass` 上使用 `from_hub` 方法，然后将其传递给您的应用程序：
+
+```python
+my_theme = gr.Theme.from_hub("gradio/seafoam")
+
+with gr.Blocks(theme=my_theme) as demo:
+    ....
+```
+
+您也可以直接将主题字符串传递给 `Blocks` 或 `Interface`（`gr.Blocks(theme="gradio/seafoam")`）
+
+您可以通过使用语义版本表达式将您的应用程序固定到上游主题版本。
+
+例如，以下内容将确保我们从“seafoam”仓库中加载的主题位于 `0.0.1` 和 `0.1.0` 版本之间：
+
+```python
+with gr.Blocks(theme="gradio/seafoam@>=0.0.1,<0.1.0") as demo:
+    ....
+```
+
+享受创建自己的主题吧！如果您制作了一个自豪的主题，请将其上传到 Hub 与世界分享！
+如果在[Twitter](https://twitter.com/gradio)上标记我们，我们可以给您的主题一个宣传！
+
+<style>
+.wrapper {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 25px;
+    height: 0;
+}
+.wrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+</style>
diff --git a/guides/cn/07_other-tutorials/using-flagging.md b/guides/cn/07_other-tutorials/using-flagging.md
new file mode 100644
index 0000000..f25ae47
--- /dev/null
+++ b/guides/cn/07_other-tutorials/using-flagging.md
@@ -0,0 +1,197 @@
+# 使用标记
+
+相关空间：https://huggingface.co/spaces/gradio/calculator-flagging-crowdsourced, https://huggingface.co/spaces/gradio/calculator-flagging-options, https://huggingface.co/spaces/gradio/calculator-flag-basic
+标签：标记，数据
+
+## 简介
+
+当您演示一个机器学习模型时，您可能希望收集试用模型的用户的数据，特别是模型行为不如预期的数据点。捕获这些“困难”数据点是有价值的，因为它允许您改进机器学习模型并使其更可靠和稳健。
+
+Gradio 通过在每个“界面”中包含一个**标记**按钮来简化这些数据的收集。这使得用户或测试人员可以轻松地将数据发送回运行演示的机器。样本会保存在一个 CSV 日志文件中（默认情况下）。如果演示涉及图像、音频、视频或其他类型的文件，则这些文件会单独保存在一个并行目录中，并且这些文件的路径会保存在 CSV 文件中。
+
+## 在 `gradio.Interface` 中使用**标记**按钮
+
+使用 Gradio 的 `Interface` 进行标记特别简单。默认情况下，在输出组件下方有一个标记为**标记**的按钮。当用户测试您的模型时，如果看到有趣的输出，他们可以点击标记按钮将输入和输出数据发送回运行演示的机器。样本会保存在一个 CSV 日志文件中（默认情况下）。如果演示涉及图像、音频、视频或其他类型的文件，则这些文件会单独保存在一个并行目录中，并且这些文件的路径会保存在 CSV 文件中。
+
+在 `gradio.Interface` 中有[四个参数](https://gradio.app/docs/interface#initialization)控制标记的工作方式。我们将详细介绍它们。
+
+- `allow_flagging`：此参数可以设置为 `"manual"`（默认值），`"auto"` 或 `"never"`。
+  - `manual`：用户将看到一个标记按钮，只有在点击按钮时样本才会被标记。
+  - `auto`：用户将不会看到一个标记按钮，但每个样本都会自动被标记。
+  - `never`：用户将不会看到一个标记按钮，并且不会标记任何样本。
+- `flagging_options`：此参数可以是 `None`（默认值）或字符串列表。
+  - 如果是 `None`，则用户只需点击**标记**按钮，不会显示其他选项。
+  - 如果提供了一个字符串列表，则用户会看到多个按钮，对应于提供的每个字符串。例如，如果此参数的值为`[" 错误 ", " 模糊 "]`，则会显示标记为**标记为错误**和**标记为模糊**的按钮。这仅适用于 `allow_flagging` 为 `"manual"` 的情况。
+  - 所选选项将与输入和输出一起记录。
+- `flagging_dir`：此参数接受一个字符串。
+  - 它表示标记数据存储的目录名称。
+- `flagging_callback`：此参数接受 `FlaggingCallback` 类的子类的实例
+  - 使用此参数允许您编写在点击标记按钮时运行的自定义代码
+  - 默认情况下，它设置为 `gr.CSVLogger` 的一个实例
+  - 一个示例是将其设置为 `gr.HuggingFaceDatasetSaver` 的一个实例，这样您可以将任何标记的数据导入到 HuggingFace 数据集中（参见下文）。
+
+## 标记的数据会发生什么？
+
+在 `flagging_dir` 参数提供的目录中，将记录标记的数据的 CSV 文件。
+
+以下是一个示例：下面的代码创建了嵌入其中的计算器界面：
+
+```python
+import gradio as gr
+
+
+def calculator(num1, operation, num2):
+    if operation == "add":
+        return num1 + num2
+    elif operation == "subtract":
+        return num1 - num2
+    elif operation == "multiply":
+        return num1 * num2
+    elif operation == "divide":
+        return num1 / num2
+
+
+iface = gr.Interface(
+    calculator,
+    ["number", gr.Radio(["add", "subtract", "multiply", "divide"]), "number"],
+    "number",
+    allow_flagging="manual"
+)
+
+iface.launch()
+```
+
+<gradio-app space="gradio/calculator-flag-basic/"></gradio-app>
+
+当您点击上面的标记按钮时，启动界面的目录将包括一个新的标记子文件夹，其中包含一个 CSV 文件。该 CSV 文件包括所有被标记的数据。
+
+```directory
++-- flagged/
+|   +-- logs.csv
+```
+
+_flagged/logs.csv_
+
+```csv
+num1,operation,num2,Output,timestamp
+5,add,7,12,2022-01-31 11:40:51.093412
+6,subtract,1.5,4.5,2022-01-31 03:25:32.023542
+```
+
+如果界面涉及文件数据，例如图像和音频组件，还将创建文件夹来存储这些标记的数据。例如，将 `image` 输入到 `image` 输出界面将创建以下结构。
+
+```directory
++-- flagged/
+|   +-- logs.csv
+|   +-- image/
+|   |   +-- 0.png
+|   |   +-- 1.png
+|   +-- Output/
+|   |   +-- 0.png
+|   |   +-- 1.png
+```
+
+_flagged/logs.csv_
+
+```csv
+im,Output timestamp
+im/0.png,Output/0.png,2022-02-04 19:49:58.026963
+im/1.png,Output/1.png,2022-02-02 10:40:51.093412
+```
+
+如果您希望用户为标记提供一个原因，您可以将字符串列表传递给 Interface 的 `flagging_options` 参数。用户在标记时必须选择其中一项，选项将作为附加列保存在 CSV 文件中。
+
+如果我们回到计算器示例，下面的代码将创建嵌入其中的界面。
+
+```python
+iface = gr.Interface(
+    calculator,
+    ["number", gr.Radio(["add", "subtract", "multiply", "divide"]), "number"],
+    "number",
+    allow_flagging="manual",
+    flagging_options=["wrong sign", "off by one", "other"]
+)
+
+iface.launch()
+```
+
+<gradio-app space="gradio/calculator-flagging-options/"></gradio-app>
+
+当用户点击标记按钮时，CSV 文件现在将包括指示所选选项的列。
+
+_flagged/logs.csv_
+
+```csv
+num1,operation,num2,Output,flag,timestamp
+5,add,7,-12,wrong sign,2022-02-04 11:40:51.093412
+6,subtract,1.5,3.5,off by one,2022-02-04 11:42:32.062512
+```
+
+## HuggingFaceDatasetSaver 回调
+
+有时，将数据保存到本地 CSV 文件是不合理的。例如，在 Hugging Face Spaces 上
+，开发者通常无法访问托管 Gradio 演示的底层临时机器。这就是为什么，默认情况下，在 Hugging Face Space 中关闭标记的原因。然而，
+您可能希望对标记的数据做其他处理。
+you may want to do something else with the flagged data.
+
+通过 `flagging_callback` 参数，我们使这变得非常简单。
+
+例如，下面我们将会将标记的数据从我们的计算器示例导入到 Hugging Face 数据集中，以便我们可以构建一个“众包”数据集：
+
+```python
+import os
+
+HF_TOKEN = os.getenv('HF_TOKEN')
+hf_writer = gr.HuggingFaceDatasetSaver(HF_TOKEN, "crowdsourced-calculator-demo")
+
+iface = gr.Interface(
+    calculator,
+    ["number", gr.Radio(["add", "subtract", "multiply", "divide"]), "number"],
+    "number",
+    description="Check out the crowd-sourced dataset at: [https://huggingface.co/datasets/aliabd/crowdsourced-calculator-demo](https://huggingface.co/datasets/aliabd/crowdsourced-calculator-demo)",
+    allow_flagging="manual",
+    flagging_options=["wrong sign", "off by one", "other"],
+    flagging_callback=hf_writer
+)
+
+iface.launch()
+```
+
+注意，我们使用我们的 Hugging Face 令牌和
+要保存样本的数据集的名称，定义了我们自己的
+`gradio.HuggingFaceDatasetSaver` 的实例。此外，我们还将 `allow_flagging="manual"` 设置为了
+，因为在 Hugging Face Spaces 中，`allow_flagging` 默认设置为 `"never"`。这是我们的演示：
+
+<gradio-app space="gradio/calculator-flagging-crowdsourced/"></gradio-app>
+
+您现在可以在这个[公共的 Hugging Face 数据集](https://huggingface.co/datasets/aliabd/crowdsourced-calculator-demo)中看到上面标记的所有示例。
+
+![flagging callback hf](/assets/guides/flagging-callback-hf.png)
+
+我们创建了 `gradio.HuggingFaceDatasetSaver` 类，但只要它继承自[此文件](https://github.com/gradio-app/gradio/blob/master/gradio/flagging.py)中定义的 `FlaggingCallback`，您可以传递自己的自定义类。如果您创建了一个很棒的回调，请将其贡献给该存储库！
+
+## 使用 Blocks 进行标记
+
+如果您正在使用 `gradio.Blocks`，又该怎么办呢？一方面，使用 Blocks 您拥有更多的灵活性
+--您可以编写任何您想在按钮被点击时运行的 Python 代码，
+并使用 Blocks 中的内置事件分配它。
+
+同时，您可能希望使用现有的 `FlaggingCallback` 来避免编写额外的代码。
+这需要两个步骤：
+
+1. 您必须在代码中的某个位置运行您的回调的 `.setup()` 方法
+   在第一次标记数据之前
+2. 当点击标记按钮时，您触发回调的 `.flag()` 方法，
+   确保正确收集参数并禁用通常的预处理。
+
+下面是一个使用默认的 `CSVLogger` 标记图像怀旧滤镜 Blocks 演示的示例：
+data using the default `CSVLogger`:
+
+$code_blocks_flag
+$demo_blocks_flag
+
+## 隐私
+
+重要提示：请确保用户了解他们提交的数据何时被保存以及您计划如何处理它。当您使用 `allow_flagging=auto`（当通过演示提交的所有数据都被标记时），这一点尤为重要
+
+### 这就是全部！祝您建设愉快 :)
diff --git a/guides/cn/CONTRIBUTING.md b/guides/cn/CONTRIBUTING.md
new file mode 100644
index 0000000..d43e06d
--- /dev/null
+++ b/guides/cn/CONTRIBUTING.md
@@ -0,0 +1,30 @@
+# Contributing a Guide
+
+Want to help teach Gradio? Consider contributing a Guide! 🤗
+
+Broadly speaking, there are two types of guides:
+
+- **Use cases**: guides that cover step-by-step how to build a particular type of machine learning demo or app using Gradio. Here's an example: [_Creating a Chatbot_](https://github.com/gradio-app/gradio/blob/master/guides/creating_a_chatbot.md)
+- **Feature explanation**: guides that describe in detail a particular feature of Gradio. Here's an example: [_Using Flagging_](https://github.com/gradio-app/gradio/blob/master/guides/using_flagging.md)
+
+We encourage you to submit either type of Guide! (Looking for ideas? We may also have open [issues](https://github.com/gradio-app/gradio/issues?q=is%3Aopen+is%3Aissue+label%3Aguides) where users have asked for guides on particular topics)
+
+## Guide Structure
+
+As you can see with the previous examples, Guides are standard markdown documents. They usually:
+
+- start with an Introduction section describing the topic
+- include subheadings to make articles easy to navigate
+- include real code snippets that make it easy to follow along and implement the Guide
+- include embedded Gradio demos to make them more interactive and provide immediate demonstrations of the topic being discussed. These Gradio demos are hosted on [Hugging Face Spaces](https://huggingface.co/spaces) and are embedded using the standard \<iframe\> tag.
+
+## How to Contribute a Guide
+
+1. Clone or fork this `gradio` repo
+2. Add a new markdown document with a descriptive title to the `/guides` folder
+3. Write your Guide in standard markdown! Embed Gradio demos wherever helpful
+4. Add a list of `related_spaces` at the top of the markdown document (see the previously linked Guides for how to do this)
+5. Add 3 `tags` at the top of the markdown document to help users find your guide (again, see the previously linked Guides for how to do this)
+6. Open a PR to have your guide reviewed
+
+That's it! We're looking forward to reading your Guide 🥳
diff --git a/guides/cn/assets/access_token.png b/guides/cn/assets/access_token.png
new file mode 100644
index 0000000..7e7d8da
Binary files /dev/null and b/guides/cn/assets/access_token.png differ
diff --git a/guides/cn/assets/annotated.png b/guides/cn/assets/annotated.png
new file mode 100644
index 0000000..e8db15f
Binary files /dev/null and b/guides/cn/assets/annotated.png differ
diff --git a/guides/cn/assets/embed_this_space.png b/guides/cn/assets/embed_this_space.png
new file mode 100644
index 0000000..8b37e80
Binary files /dev/null and b/guides/cn/assets/embed_this_space.png differ
diff --git a/guides/cn/assets/flagging-callback-hf.png b/guides/cn/assets/flagging-callback-hf.png
new file mode 100644
index 0000000..5e049fb
Binary files /dev/null and b/guides/cn/assets/flagging-callback-hf.png differ
diff --git a/guides/cn/assets/hf_demo.mp4 b/guides/cn/assets/hf_demo.mp4
new file mode 100644
index 0000000..deb6d28
Binary files /dev/null and b/guides/cn/assets/hf_demo.mp4 differ
diff --git a/guides/cn/assets/secrets.png b/guides/cn/assets/secrets.png
new file mode 100644
index 0000000..b14d9d1
Binary files /dev/null and b/guides/cn/assets/secrets.png differ
diff --git a/guides/cn/assets/sharing.svg b/guides/cn/assets/sharing.svg
new file mode 100644
index 0000000..334e0d0
--- /dev/null
+++ b/guides/cn/assets/sharing.svg
@@ -0,0 +1,487 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="551.7179"
+   height="354.22409"
+   overflow="hidden"
+   version="1.1"
+   id="svg145"
+   sodipodi:docname="sharing.svg"
+   style="overflow:hidden"
+   inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
+  <metadata
+     id="metadata149">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1106"
+     id="namedview147"
+     showgrid="false"
+     inkscape:zoom="1.9348081"
+     inkscape:cx="152.75133"
+     inkscape:cy="163.92568"
+     inkscape:window-x="-11"
+     inkscape:window-y="-11"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g143" />
+  <defs
+     id="defs59">
+    <clipPath
+       id="clip0">
+      <path
+         d="M 281,166 H 831 V 511 H 281 Z"
+         id="path2"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip1">
+      <path
+         d="M 688,166 H 830 V 308 H 688 Z"
+         id="path5"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip2">
+      <path
+         d="M 688,166 H 830 V 308 H 688 Z"
+         id="path8"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip3">
+      <path
+         d="M 688,166 H 830 V 308 H 688 Z"
+         id="path11"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip4">
+      <path
+         d="m 711,411 h 99 v 99 h -99 z"
+         id="path14"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip5">
+      <path
+         d="m 711,411 h 99 v 99 h -99 z"
+         id="path17"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip6">
+      <path
+         d="m 711,411 h 99 v 99 h -99 z"
+         id="path20"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip7">
+      <path
+         d="M 282,247 H 473 V 439 H 282 Z"
+         id="path23"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip8">
+      <path
+         d="M 282,247 H 473 V 439 H 282 Z"
+         id="path26"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip9">
+      <path
+         d="M 282,247 H 473 V 439 H 282 Z"
+         id="path29"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip10">
+      <path
+         d="m 715,210 h 38 v 38 h -38 z"
+         id="path32"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip11">
+      <path
+         d="m 715,210 h 38 v 38 h -38 z"
+         id="path35"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip12">
+      <path
+         d="m 715,210 h 38 v 38 h -38 z"
+         id="path38"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip13">
+      <path
+         d="m 747,438 h 24 v 25 h -24 z"
+         id="path41"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip14">
+      <path
+         d="m 747,438 h 24 v 25 h -24 z"
+         id="path44"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip15">
+      <path
+         d="m 747,438 h 24 v 25 h -24 z"
+         id="path47"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip16">
+      <path
+         d="m 308,293 h 76 v 77 h -76 z"
+         id="path50"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip17">
+      <path
+         d="m 308,293 h 76 v 77 h -76 z"
+         id="path53"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+    <clipPath
+       id="clip18">
+      <path
+         d="m 308,293 h 76 v 77 h -76 z"
+         id="path56"
+         inkscape:connector-curvature="0"
+         style="clip-rule:evenodd;fill-rule:evenodd" />
+    </clipPath>
+  </defs>
+  <g
+     clip-path="url(#clip0)"
+     transform="translate(-301.97917,-190.708)"
+     id="g143">
+    <rect
+       x="762"
+       y="479"
+       width="30"
+       height="21"
+       id="rect61"
+       style="fill:#e6e6e6" />
+    <g
+       clip-path="url(#clip1)"
+       id="g69"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip2)"
+         id="g67"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip3)"
+           id="g65"
+           style="fill:#e6e6e6">
+          <path
+             d="M 809.292,260.667 H 708.708 v -65.084 h 100.584 z m 2.958,-73.959 h -106.5 c -3.254,0 -5.917,2.663 -5.917,5.917 v 71 c 0,3.254 2.663,5.917 5.917,5.917 h 41.417 v 8.875 h -14.792 v 8.875 h 53.25 v -8.875 h -14.792 v -8.875 h 41.417 c 3.254,0 5.917,-2.663 5.917,-5.917 v -71 c 0,-3.254 -2.663,-5.917 -5.917,-5.917 z"
+             id="path63"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+    <rect
+       x="729"
+       y="205"
+       width="42"
+       height="56"
+       id="rect71"
+       style="fill:#e6e6e6" />
+    <g
+       clip-path="url(#clip4)"
+       id="g79"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip5)"
+         id="g77"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip6)"
+           id="g75"
+           style="fill:#e6e6e6">
+          <path
+             d="m 779.063,493.5 h -37.125 v -66 h 37.125 z m -22.688,-74.25 h 8.25 c 1.134,0 2.063,0.928 2.063,2.063 0,1.134 -0.929,2.062 -2.063,2.062 h -8.25 c -1.134,0 -2.062,-0.928 -2.062,-2.062 0,-1.135 0.928,-2.063 2.062,-2.063 z m 26.813,-4.125 h -45.375 c -1.135,0 -2.063,0.928 -2.063,2.063 v 86.625 c 0,1.134 0.928,2.062 2.063,2.062 h 45.375 c 1.134,0 2.062,-0.928 2.062,-2.062 v -86.625 c 0,-1.135 -0.928,-2.063 -2.062,-2.063 z"
+             id="path73"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+    <g
+       clip-path="url(#clip7)"
+       id="g89"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip8)"
+         id="g87"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip9)"
+           id="g85"
+           style="fill:#e6e6e6">
+          <path
+             d="M 111.417,115.396 H 15.9167 V 51.7292 h 95.5003 z m 3.979,-75.6043 H 11.9375 c -4.37708,0 -7.95833,3.5812 -7.95833,7.9583 v 71.625 c 0,4.377 3.58125,7.958 7.95833,7.958 h 39.7917 v 11.938 H 33.8229 v 11.937 H 93.5104 V 139.271 H 75.6042 v -11.938 h 39.7918 c 4.377,0 7.958,-3.581 7.958,-7.958 V 47.75 c 0,-4.3771 -3.581,-7.9583 -7.958,-7.9583 z"
+             transform="matrix(1,0,0,1.00524,282,247)"
+             id="path81"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+          <path
+             d="M 179.063,59.6875 H 139.271 V 47.75 h 39.792 z m 0,19.8958 H 139.271 V 67.6458 h 39.792 z m -19.896,59.6877 c -3.383,0 -5.969,-2.587 -5.969,-5.969 0,-3.382 2.586,-5.969 5.969,-5.969 3.382,0 5.968,2.587 5.968,5.969 0,3.382 -2.586,5.969 -5.968,5.969 z m 19.896,-99.4793 h -39.792 c -4.377,0 -7.958,3.5812 -7.958,7.9583 v 95.5 c 0,4.377 3.581,7.958 7.958,7.958 h 39.792 c 4.377,0 7.958,-3.581 7.958,-7.958 v -95.5 c 0,-4.3771 -3.581,-7.9583 -7.958,-7.9583 z"
+             transform="matrix(1,0,0,1.00524,282,247)"
+             id="path83"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+    <path
+       d="M 427,343 V 330.812 C 427,315.452 439.452,303 454.812,303 h 7.063 c 15.361,0 27.812,12.452 27.812,27.812 v 0 H 495 L 485,343 475,330.812 h 5.313 v 0 c 0,-10.183 -8.255,-18.437 -18.438,-18.437 h -7.063 c -10.183,0 -18.437,8.254 -18.437,18.437 V 343 Z"
+       id="path91"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="m 489,351 v 12.188 C 489,378.548 476.548,391 461.188,391 h -6.063 c -15.361,0 -27.812,-12.452 -27.812,-27.812 v 0 H 422 L 432,351 l 10,12.188 h -5.313 v 0 c 0,10.183 8.255,18.437 18.438,18.437 h 6.063 c 10.183,0 18.437,-8.254 18.437,-18.437 V 351 Z"
+       id="path93"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="M 692,222.00001 475.2499,222 c -12.5644,0 -22.74989,10.1855 -22.74989,22.75 v 16.2499 H 446 L 459,274 472,260.9999 h -6.5 V 244.75 c 0,-5.3847 4.3652,-9.7499 9.7499,-9.7499 l 216.7501,1e-5 z"
+       id="path95"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="m 454,422 v 20.5625 c 0,11.3564 9.20613,20.5625 20.5625,20.5625 H 715.25 V 469 L 727,457.25 715.25,445.5 v 5.875 H 474.5625 c -4.867,0 -8.8125,-3.9455 -8.8125,-8.8125 V 422 Z"
+       id="path97"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="m 783,405 v -21.4374 c 0,-11.8396 -9.59784,-21.43741 -21.4374,-21.43741 L 517.25,362.12487 v -6.12489 l -12.25,12.2501 12.25,12.2501 v -6.1252 l 244.3126,2e-5 c 5.0742,0 9.1876,4.1134 9.1876,9.1876 L 770.7499,405 Z"
+       id="path99"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <path
+       d="M 508,346.00001 757.1249,346 c 11.1147,0 20.12488,-9.01022 20.12488,-20.1249 l 3e-4,-14.3753 H 783 L 771.4999,300 760,311.4998 h 5.7499 v 14.3753 c 0,4.7635 -3.8615,8.625 -8.625,8.625 L 508,334.49981 Z"
+       id="path101"
+       inkscape:connector-curvature="0"
+       style="fill:#ed7d31;fill-rule:evenodd" />
+    <g
+       clip-path="url(#clip10)"
+       id="g111"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip11)"
+         id="g109">
+        <g
+           clip-path="url(#clip12)"
+           id="g107">
+          <path
+             d="m 725.988,240.479 c 0,0.656 0.532,1.188 1.188,1.188 0.656,0 1.187,-0.532 1.187,-1.188 v -8.312 h -2.375 z"
+             id="path103"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+          <path
+             d="m 716.944,232.764 c -0.396,-0.003 -0.737,0.277 -0.812,0.665 -0.07,0.432 0.223,0.839 0.655,0.909 0.045,0.007 0.091,0.01 0.137,0.01 h 1.104 c 1.71,-0.123 3.167,-1.374 3.167,-2.977 v -2.676 c 0.002,-1.068 0.69,-2.013 1.706,-2.343 -0.352,0.447 -0.615,0.958 -0.776,1.504 -0.071,0.243 -0.103,0.495 -0.095,0.748 v 11.836 c -0.01,0.581 0.385,1.091 0.95,1.227 0.643,0.131 1.27,-0.284 1.401,-0.926 0.015,-0.073 0.023,-0.148 0.024,-0.222 v -9.144 h 4.164 c 2.165,4.279 6.71,3.764 8.899,3.832 h 0.197 v 5.185 c -0.012,0.645 0.468,1.193 1.109,1.267 0.666,0.033 1.232,-0.481 1.265,-1.147 10e-4,-0.013 10e-4,-0.027 10e-4,-0.041 v -5.343 h 1.584 v 5.304 c -0.011,0.581 0.384,1.091 0.95,1.227 0.642,0.131 1.27,-0.284 1.401,-0.926 0.015,-0.073 0.023,-0.148 0.024,-0.222 v -8.016 c 0.409,0.307 0.671,0.77 0.724,1.279 v 0 c 0.059,-0.075 0.123,-0.147 0.19,-0.222 0.067,-0.075 0.131,-0.146 0.194,-0.222 0.32,-0.369 0.479,-0.85 0.443,-1.338 -0.059,-0.791 -0.071,-1.543 -0.071,-1.543 0.485,0.214 0.825,0.663 0.899,1.187 v 0 c 0.129,-0.265 0.234,-0.542 0.312,-0.827 0.182,-0.724 0.167,-2.043 0.285,-2.854 0.006,-0.256 0.217,-0.459 0.473,-0.454 0.013,0.001 0.025,0.001 0.038,0.003 l 2.375,0.324 c 0.437,-0.003 0.789,-0.36 0.786,-0.797 0,-0.061 -0.008,-0.121 -0.022,-0.18 l -0.206,-0.792 0.226,0.063 c 0.289,0.08 0.594,-0.058 0.724,-0.328 l 0.487,-1.014 c 0.132,-0.271 0.062,-0.598 -0.17,-0.791 -0.538,-0.451 -1.457,-1.231 -1.457,-1.251 0.238,-0.994 -0.898,-1.674 -0.898,-1.674 0.376,-0.398 0.559,-0.94 0.502,-1.485 -0.038,-1.127 -0.843,-2.082 -1.947,-2.311 v 1.44 c -0.823,-1.294 -2.803,-2.573 -6.452,-2.323 -0.736,0.023 -1.466,0.131 -2.177,0.32 0,0 0,0 0,0 0.844,0.293 1.596,0.805 2.177,1.485 0,0 -2.161,-0.356 -3.258,1.358 -1.096,1.713 -3.456,2.042 -3.665,2.066 0,0 0,0 0,0 0.374,0.387 0.833,0.681 1.341,0.859 0.358,0.066 0.719,0.114 1.081,0.142 -1.583,1.243 -3.958,0.962 -4.164,0.934 0,0 0,0 0,0 0.341,0.389 0.707,0.756 1.096,1.097 h -7.877 -2.339 c -2.236,0.002 -4.049,1.813 -4.053,4.049 v 2.482 c 0,0.875 -0.709,1.583 -1.584,1.583 z"
+             id="path105"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+        </g>
+      </g>
+    </g>
+    <rect
+       x="777"
+       y="205"
+       width="44"
+       height="56"
+       id="rect113"
+       style="fill:#e6e6e6" />
+    <rect
+       x="762"
+       y="435"
+       width="30"
+       height="39"
+       id="rect115"
+       style="fill:#e6e6e6" />
+    <g
+       clip-path="url(#clip13)"
+       id="g125"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip14)"
+         id="g123">
+        <g
+           clip-path="url(#clip15)"
+           id="g121">
+          <path
+             d="m 6.94,19.25 c 0,0.4142 0.33577,0.75 0.75,0.75 0.41423,0 0.75,-0.3358 0.75,-0.75 V 14 h -1.5 z"
+             transform="matrix(1,0,0,1.04167,747,438)"
+             id="path117"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+          <path
+             d="m 1.2275,14.3775 c -0.249818,-0.002 -0.46544,0.1746 -0.5125,0.42 -0.044205,0.2726 0.14093,0.5294 0.41351,0.5736 0.02859,0.0046 0.05753,0.0068 0.08649,0.0064 h 0.6975 c 1.08,-0.0775 2,-0.8675 2,-1.88 v -1.69 C 3.91403,11.1331 4.3487,10.5361 4.99,10.3275 4.76775,10.6101 4.60145,10.9326 4.5,11.2775 4.45522,11.4309 4.43495,11.5903 4.44,11.75 v 7.475 C 4.4334,19.5921 4.68295,19.9144 5.04,20 5.44583,20.0829 5.84202,19.8211 5.9249,19.4152 5.93433,19.3691 5.93937,19.3221 5.94,19.275 V 13.5 h 2.63 c 1.3675,2.7025 4.2375,2.3775 5.62,2.42 h 0.125 v 3.275 c -0.0078,0.4072 0.2953,0.7537 0.7,0.8 0.4206,0.0208 0.7784,-0.3034 0.7991,-0.724 5e-4,-0.0086 8e-4,-0.0173 9e-4,-0.026 V 15.87 h 1 v 3.35 c -0.0066,0.3671 0.2429,0.6894 0.6,0.775 0.4059,0.0829 0.802,-0.1789 0.8849,-0.5848 0.0094,-0.0461 0.0145,-0.0931 0.0151,-0.1402 v -5.0625 c 0.2582,0.1938 0.424,0.4864 0.4575,0.8075 v 0 c 0.0375,-0.0475 0.0775,-0.0925 0.12,-0.14 0.0425,-0.0475 0.0825,-0.0925 0.1225,-0.14 0.2017,-0.2334 0.3025,-0.5374 0.28,-0.845 -0.0375,-0.5 -0.045,-0.975 -0.045,-0.975 0.3061,0.135 0.5208,0.4187 0.5675,0.75 v 0 c 0.082,-0.1677 0.148,-0.3426 0.1975,-0.5225 0.115,-0.4575 0.105,-1.29 0.18,-1.8025 0.0033,-0.1615 0.1369,-0.2898 0.2984,-0.2865 0.008,2e-4 0.0161,7e-4 0.0241,0.0015 l 1.5,0.205 c 0.2761,-0.0019 0.4984,-0.2274 0.4965,-0.5035 -3e-4,-0.0384 -0.005,-0.0767 -0.014,-0.114 l -0.13,-0.5 0.1425,0.04 c 0.1826,0.0502 0.375,-0.037 0.4575,-0.2075 l 0.3075,-0.64 C 23.3608,9.16343 23.3165,8.95715 23.17,8.835 22.83,8.55 22.25,8.0575 22.25,8.045 22.4,7.4175 21.6825,6.9875 21.6825,6.9875 21.92,6.73628 22.036,6.39385 22,6.05 21.9757,5.33795 21.4676,4.73485 20.77,4.59 V 5.5 C 20.25,4.6825 19,3.875 16.695,4.0325 16.2304,4.04715 15.7691,4.1151 15.32,4.235 c 0,0 0,0 0,0 0.5335,0.1848 1.0081,0.5084 1.375,0.9375 0,0 -1.365,-0.225 -2.0575,0.8575 -0.6925,1.0825 -2.1825,1.29 -2.315,1.305 0,0 0,0 0,0 0.2365,0.2443 0.5266,0.43008 0.8475,0.5425 0.2258,0.04203 0.4536,0.07207 0.6825,0.09 -1,0.785 -2.5,0.6075 -2.63,0.59 0,0 0,0 0,0 0.2155,0.2457 0.4468,0.47702 0.6925,0.6925 H 6.94 5.4625 c -1.4123,0.00138 -2.55725,1.1452 -2.56,2.5575 v 1.5675 c 0,0.5523 -0.44771,1 -1,1 z"
+             transform="matrix(1,0,0,1.04167,747,438)"
+             id="path119"
+             inkscape:connector-curvature="0"
+             style="fill:#ed7d31" />
+        </g>
+      </g>
+    </g>
+    <rect
+       x="780"
+       y="237"
+       width="25"
+       height="9"
+       id="rect127"
+       style="fill:#7f7f7f" />
+    <rect
+       x="780"
+       y="249"
+       width="17"
+       height="9"
+       id="rect129"
+       style="fill:#7f7f7f" />
+    <g
+       clip-path="url(#clip16)"
+       id="g141"
+       style="fill:#e6e6e6"
+       transform="translate(16,4)">
+      <g
+         clip-path="url(#clip17)"
+         id="g139"
+         style="fill:#e6e6e6">
+        <g
+           clip-path="url(#clip18)"
+           id="g137"
+           style="fill:#e6e6e6">
+          <path
+             d="m 19.7125,49.7958 -2.2167,-2.2166 6.8084,-6.8084 -6.8084,-6.8083 2.2167,-2.2167 9.025,9.025 z"
+             transform="matrix(1,0,0,1.01316,308,293)"
+             id="path131"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+          <path
+             d="M 6.33333,13.4583 V 62.5417 H 69.6667 V 13.4583 Z m 54.62497,4.75 c 0.8709,0 1.5834,0.7125 1.5834,1.5834 0,0.8708 -0.7125,1.5833 -1.5834,1.5833 -0.8708,0 -1.5833,-0.7125 -1.5833,-1.5833 0,-0.8709 0.7125,-1.5834 1.5833,-1.5834 z m -5.5416,0 c 0.8708,0 1.5833,0.7125 1.5833,1.5834 0,0.8708 -0.7125,1.5833 -1.5833,1.5833 -0.8709,0 -1.5834,-0.7125 -1.5834,-1.5833 0,-0.8709 0.7125,-1.5834 1.5834,-1.5834 z m -5.5417,0 c 0.8708,0 1.5833,0.7125 1.5833,1.5834 0,0.8708 -0.7125,1.5833 -1.5833,1.5833 -0.8708,0 -1.5833,-0.7125 -1.5833,-1.5833 0,-0.8709 0.7125,-1.5834 1.5833,-1.5834 z M 64.9167,57.7917 H 11.0833 V 26.125 h 53.8334 z"
+             transform="matrix(1,0,0,1.01316,308,293)"
+             id="path133"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+          <path
+             d="M 30.0833,46.7083 H 42.75 V 49.875 H 30.0833 Z"
+             transform="matrix(1,0,0,1.01316,308,293)"
+             id="path135"
+             inkscape:connector-curvature="0"
+             style="fill:#e6e6e6" />
+        </g>
+      </g>
+    </g>
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:24px;line-height:1.25;font-family:Marlett;-inkscape-font-specification:Marlett;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+     x="466.40768"
+     y="26.722836"
+     id="text153"><tspan
+       sodipodi:role="line"
+       id="tspan151"
+       x="466.40768"
+       y="53.722836" /></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:17.05692863px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1"
+     x="480.38916"
+     y="34.031235"
+     id="text157"><tspan
+       sodipodi:role="line"
+       id="tspan155"
+       x="480.38916"
+       y="34.031235"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:'Arial Bold';stroke-width:1.40705287">lion</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:13.5049057px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Bold';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1"
+     x="463.01477"
+     y="302.10855"
+     id="text157-3"><tspan
+       sodipodi:role="line"
+       id="tspan155-5"
+       x="463.01477"
+       y="302.10855"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:'Arial Bold';stroke-width:1.40705287">lion</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:17.25738335px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Heavy';letter-spacing:0px;word-spacing:0px;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.99999994"
+     x="46.146866"
+     y="352.89612"
+     id="text179"><tspan
+       sodipodi:role="line"
+       id="tspan177"
+       x="46.146866"
+       y="352.89612"
+       style="stroke-width:0.99999994">HOST</tspan></text>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:18.18510628px;line-height:1.25;font-family:Arial;-inkscape-font-specification:'Arial Heavy';letter-spacing:0px;word-spacing:0px;fill:#999999;fill-opacity:1;stroke:none;stroke-width:0.99999994"
+     x="392.19867"
+     y="353.99323"
+     id="text179-9"><tspan
+       sodipodi:role="line"
+       id="tspan177-4"
+       x="392.19867"
+       y="353.99323"
+       style="stroke-width:0.99999994">REMOTE USERS</tspan></text>
+</svg>
diff --git a/guides/cn/assets/use_via_api.png b/guides/cn/assets/use_via_api.png
new file mode 100644
index 0000000..1e17e8f
Binary files /dev/null and b/guides/cn/assets/use_via_api.png differ
diff --git a/home/runner/work/gradio/gradio/client/js/src/client.d.ts b/home/runner/work/gradio/gradio/client/js/src/client.d.ts
new file mode 100644
index 0000000..aed6efd
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/client.d.ts
@@ -0,0 +1,77 @@
+import type { ApiData, ApiInfo, ClientOptions, Config, DuplicateOptions, EndpointInfo, JsApiData, PredictReturn, SpaceStatus, Status, UploadResponse, SubmitIterable, GradioEvent } from "./types";
+import { FileData } from "./upload";
+export declare class Client {
+    app_reference: string;
+    options: ClientOptions;
+    deep_link: string | null;
+    config: Config | undefined;
+    api_prefix: string;
+    api_info: ApiInfo<JsApiData> | undefined;
+    api_map: Record<string, number>;
+    session_hash: string;
+    jwt: string | false;
+    last_status: Record<string, Status["stage"]>;
+    private cookies;
+    stream_status: {
+        open: boolean;
+    };
+    closed: boolean;
+    pending_stream_messages: Record<string, any[][]>;
+    pending_diff_streams: Record<string, any[][]>;
+    event_callbacks: Record<string, (data?: unknown) => Promise<void>>;
+    unclosed_events: Set<string>;
+    heartbeat_event: EventSource | null;
+    abort_controller: AbortController | null;
+    stream_instance: EventSource | null;
+    current_payload: any;
+    get_url_config(url?: string | null): Config;
+    get_page_config(page: string): Config;
+    fetch(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
+    stream(url: URL): EventSource;
+    view_api: () => Promise<ApiInfo<JsApiData>>;
+    upload_files: (root_url: string, files: (Blob | File)[], upload_id?: string) => Promise<UploadResponse>;
+    upload: (file_data: FileData[], root_url: string, upload_id?: string, max_file_size?: number) => Promise<(FileData | null)[] | null>;
+    handle_blob: (endpoint: string, data: unknown[], endpoint_info: EndpointInfo<ApiData | JsApiData>) => Promise<unknown[]>;
+    post_data: (url: string, body: unknown, additional_headers?: any) => Promise<unknown[]>;
+    submit: (endpoint: string | number, data: unknown[] | Record<string, unknown> | undefined, event_data?: unknown, trigger_id?: number | null, all_events?: boolean) => SubmitIterable<GradioEvent>;
+    predict: <T = unknown>(endpoint: string | number, data: unknown[] | Record<string, unknown> | undefined, event_data?: unknown) => Promise<PredictReturn<T>>;
+    open_stream: () => Promise<void>;
+    private resolve_config;
+    private resolve_cookies;
+    constructor(app_reference: string, options?: ClientOptions);
+    private init;
+    _resolve_heartbeat(_config: Config): Promise<void>;
+    static connect(app_reference: string, options?: ClientOptions): Promise<Client>;
+    reconnect(): Promise<"connected" | "broken" | "changed">;
+    close(): void;
+    set_current_payload(payload: any): void;
+    static duplicate(app_reference: string, options?: DuplicateOptions): Promise<Client>;
+    private _resolve_config;
+    private config_success;
+    handle_space_success(status: SpaceStatus): Promise<Config | void>;
+    component_server(component_id: number, fn_name: string, data: unknown | {
+        binary: boolean;
+        data: Record<string, any>;
+    }): Promise<unknown>;
+    set_cookies(raw_cookies: string): void;
+    private prepare_return_obj;
+}
+/**
+ * @deprecated This method will be removed in v1.0. Use `Client.connect()` instead.
+ * Creates a client instance for interacting with Gradio apps.
+ *
+ * @param {string} app_reference - The reference or URL to a Gradio space or app.
+ * @param {ClientOptions} options - Configuration options for the client.
+ * @returns {Promise<Client>} A promise that resolves to a `Client` instance.
+ */
+export declare function client(app_reference: string, options?: ClientOptions): Promise<Client>;
+/**
+ * @deprecated This method will be removed in v1.0. Use `Client.duplicate()` instead.
+ * Creates a duplicate of a space and returns a client instance for the duplicated space.
+ *
+ * @param {string} app_reference - The reference or URL to a Gradio space or app to duplicate.
+ * @param {DuplicateOptions} options - Configuration options for the client.
+ * @returns {Promise<Client>} A promise that resolves to a `Client` instance.
+ */
+export declare function duplicate_space(app_reference: string, options: DuplicateOptions): Promise<Client>;
+export type ClientInstance = Client;
diff --git a/home/runner/work/gradio/gradio/client/js/src/constants.d.ts b/home/runner/work/gradio/gradio/client/js/src/constants.d.ts
new file mode 100644
index 0000000..3d93f43
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/constants.d.ts
@@ -0,0 +1,33 @@
+export declare const HOST_URL = "host";
+export declare const API_URL = "predict/";
+export declare const SSE_URL_V0 = "queue/join";
+export declare const SSE_DATA_URL_V0 = "queue/data";
+export declare const SSE_URL = "queue/data";
+export declare const SSE_DATA_URL = "queue/join";
+export declare const UPLOAD_URL = "upload";
+export declare const LOGIN_URL = "login";
+export declare const CONFIG_URL = "config";
+export declare const API_INFO_URL = "info";
+export declare const RUNTIME_URL = "runtime";
+export declare const SLEEPTIME_URL = "sleeptime";
+export declare const HEARTBEAT_URL = "heartbeat";
+export declare const COMPONENT_SERVER_URL = "component_server";
+export declare const RESET_URL = "reset";
+export declare const CANCEL_URL = "cancel";
+export declare const APP_ID_URL = "app_id";
+export declare const RAW_API_INFO_URL = "info?serialize=False";
+export declare const SPACE_FETCHER_URL = "https://gradio-space-api-fetcher-v2.hf.space/api";
+export declare const SPACE_URL = "https://hf.space/{}";
+export declare const QUEUE_FULL_MSG = "This application is currently busy. Please try again. ";
+export declare const BROKEN_CONNECTION_MSG = "Connection errored out. ";
+export declare const CONFIG_ERROR_MSG = "Could not resolve app config. ";
+export declare const SPACE_STATUS_ERROR_MSG = "Could not get space status. ";
+export declare const API_INFO_ERROR_MSG = "Could not get API info. ";
+export declare const SPACE_METADATA_ERROR_MSG = "Space metadata could not be loaded. ";
+export declare const INVALID_URL_MSG = "Invalid URL. A full URL path is required.";
+export declare const UNAUTHORIZED_MSG = "Not authorized to access this space. ";
+export declare const INVALID_CREDENTIALS_MSG = "Invalid credentials. Could not login. ";
+export declare const MISSING_CREDENTIALS_MSG = "Login credentials are required to access this space.";
+export declare const NODEJS_FS_ERROR_MSG = "File system access is only available in Node.js environments";
+export declare const ROOT_URL_ERROR_MSG = "Root URL not found in client config";
+export declare const FILE_PROCESSING_ERROR_MSG = "Error uploading file";
diff --git a/home/runner/work/gradio/gradio/client/js/src/helpers/api_info.d.ts b/home/runner/work/gradio/gradio/client/js/src/helpers/api_info.d.ts
new file mode 100644
index 0000000..df3a787
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/helpers/api_info.d.ts
@@ -0,0 +1,47 @@
+import type { ApiData, ApiInfo, Config, JsApiData, EndpointInfo, Status } from "../types";
+export declare const RE_SPACE_NAME: RegExp;
+export declare const RE_SPACE_DOMAIN: RegExp;
+export declare function process_endpoint(app_reference: string, token?: `hf_${string}`): Promise<{
+    space_id: string | false;
+    host: string;
+    ws_protocol: "ws" | "wss";
+    http_protocol: "http:" | "https:";
+}>;
+export declare const join_urls: (...urls: string[]) => string;
+export declare function transform_api_info(api_info: ApiInfo<ApiData>, config: Config, api_map: Record<string, number>): ApiInfo<JsApiData>;
+export declare function get_type(type: {
+    type: any;
+    description: string;
+}, component: string, serializer: string, signature_type: "return" | "parameter"): string | undefined;
+export declare function get_description(type: {
+    type: any;
+    description: string;
+}, serializer: string): string;
+export declare function handle_message(data: any, last_status: Status["stage"]): {
+    type: "hash" | "data" | "update" | "complete" | "generating" | "log" | "none" | "heartbeat" | "streaming" | "broken_connection" | "unexpected_error";
+    data?: any;
+    status?: Status;
+    original_msg?: string;
+};
+/**
+ * Maps the provided `data` to the parameters defined by the `/info` endpoint response.
+ * This allows us to support both positional and keyword arguments passed to the client
+ * and ensures that all parameters are either directly provided or have default values assigned.
+ *
+ * @param {unknown[] | Record<string, unknown>} data - The input data for the function,
+ *        which can be either an array of values for positional arguments or an object
+ *        with key-value pairs for keyword arguments.
+ * @param {JsApiData[]} parameters - Array of parameter descriptions retrieved from the
+ *        `/info` endpoint.
+ *
+ * @returns {unknown[]} - Returns an array of resolved data where each element corresponds
+ *         to the expected parameter from the API. The `parameter_default` value is used where
+ *         a value is not provided for a parameter, and optional parameters without defaults are
+ * 		   set to `undefined`.
+ *
+ * @throws {Error} - Throws an error:
+ *         - If more arguments are provided than are defined in the parameters.
+ *  *      - If no parameter value is provided for a required parameter and no default value is defined.
+ *         - If an argument is provided that does not match any defined parameter.
+ */
+export declare const map_data_to_params: (data: (unknown[] | Record<string, unknown>) | undefined, endpoint_info: EndpointInfo<JsApiData | ApiData>) => unknown[];
diff --git a/home/runner/work/gradio/gradio/client/js/src/helpers/data.d.ts b/home/runner/work/gradio/gradio/client/js/src/helpers/data.d.ts
new file mode 100644
index 0000000..78d8c6f
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/helpers/data.d.ts
@@ -0,0 +1,20 @@
+import { type ApiData, type BlobRef, type Config, type EndpointInfo, type JsApiData, type DataType, Command, type Dependency, type ComponentMeta } from "../types";
+import { FileData } from "../upload";
+export declare function update_object(object: {
+    [x: string]: any;
+}, newValue: any, stack: (string | number)[]): void;
+export declare function walk_and_store_blobs(data: DataType, type?: string | undefined, path?: string[], root?: boolean, endpoint_info?: EndpointInfo<ApiData | JsApiData> | undefined): Promise<BlobRef[]>;
+export declare function skip_queue(id: number, config: Config): boolean;
+export declare function post_message<Res = any>(message: any, origin: string): Promise<Res>;
+export declare function handle_file(file_or_url: File | string | Blob | Buffer): FileData | Blob | Command;
+/**
+ * Handles the payload by filtering out state inputs and returning an array of resolved payload values.
+ * We send null values for state inputs to the server, but we don't want to include them in the resolved payload.
+ *
+ * @param resolved_payload - The resolved payload values received from the client or the server
+ * @param dependency - The dependency object.
+ * @param components - The array of component metadata.
+ * @param with_null_state - Optional. Specifies whether to include null values for state inputs. Default is false.
+ * @returns An array of resolved payload values, filtered based on the dependency and component metadata.
+ */
+export declare function handle_payload(resolved_payload: unknown[], dependency: Dependency, components: ComponentMeta[], type: "input" | "output", with_null_state?: boolean): unknown[];
diff --git a/home/runner/work/gradio/gradio/client/js/src/helpers/init_helpers.d.ts b/home/runner/work/gradio/gradio/client/js/src/helpers/init_helpers.d.ts
new file mode 100644
index 0000000..34c0a9d
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/helpers/init_helpers.d.ts
@@ -0,0 +1,24 @@
+import type { Config } from "../types";
+import { Client } from "..";
+/**
+ * This function is used to resolve the URL for making requests when the app has a root path.
+ * The root path could be a path suffix like "/app" which is appended to the end of the base URL. Or
+ * it could be a full URL like "https://abidlabs-test-client-replica--gqf2x.hf.space" which is used when hosting
+ * Gradio apps on Hugging Face Spaces.
+ * @param {string} base_url The base URL at which the Gradio server is hosted
+ * @param {string} root_path The root path, which could be a path suffix (e.g. mounted in FastAPI app) or a full URL (e.g. hosted on Hugging Face Spaces)
+ * @param {boolean} prioritize_base Whether to prioritize the base URL over the root path. This is used when both the base path and root paths are full URLs. For example, for fetching files the root path should be prioritized, but for making requests, the base URL should be prioritized.
+ * @returns {string} the resolved URL
+ */
+export declare function resolve_root(base_url: string, root_path: string, prioritize_base: boolean): string;
+export declare function get_jwt(space: string, token: `hf_${string}`, cookies?: string | null): Promise<string | false>;
+export declare function map_names_to_ids(fns: Config["dependencies"]): Record<string, number>;
+export declare function resolve_config(this: Client, endpoint: string): Promise<Config | undefined>;
+export declare function resolve_cookies(this: Client): Promise<void>;
+export declare function get_cookie_header(http_protocol: string, host: string, auth: [string, string], _fetch: typeof fetch, token?: `hf_${string}`): Promise<string | null>;
+export declare function determine_protocol(endpoint: string): {
+    ws_protocol: "ws" | "wss";
+    http_protocol: "http:" | "https:";
+    host: string;
+};
+export declare const parse_and_set_cookies: (cookie_header: string) => string[];
diff --git a/home/runner/work/gradio/gradio/client/js/src/helpers/spaces.d.ts b/home/runner/work/gradio/gradio/client/js/src/helpers/spaces.d.ts
new file mode 100644
index 0000000..cf2d2cb
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/helpers/spaces.d.ts
@@ -0,0 +1,7 @@
+import type { SpaceStatusCallback } from "../types";
+export declare function check_space_status(id: string, type: "subdomain" | "space_name", status_callback: SpaceStatusCallback): Promise<void>;
+export declare const check_and_wake_space: (space_id: string, status_callback: SpaceStatusCallback) => Promise<void>;
+export declare function discussions_enabled(space_id: string): Promise<boolean>;
+export declare function get_space_hardware(space_id: string, token?: `hf_${string}` | undefined): Promise<(typeof hardware_types)[number]>;
+export declare function set_space_timeout(space_id: string, timeout: number, token?: `hf_${string}`): Promise<any>;
+export declare const hardware_types: readonly ["cpu-basic", "cpu-upgrade", "cpu-xl", "t4-small", "t4-medium", "a10g-small", "a10g-large", "a10g-largex2", "a10g-largex4", "a100-large", "zero-a10g", "h100", "h100x8"];
diff --git a/home/runner/work/gradio/gradio/client/js/src/helpers/zerogpu.d.ts b/home/runner/work/gradio/gradio/client/js/src/helpers/zerogpu.d.ts
new file mode 100644
index 0000000..2e76ef8
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/helpers/zerogpu.d.ts
@@ -0,0 +1,2 @@
+export declare function get_zerogpu_origin(hostname: string): string | null;
+export declare function initialize_zerogpu_handshake(): void;
diff --git a/home/runner/work/gradio/gradio/client/js/src/index.d.ts b/home/runner/work/gradio/gradio/client/js/src/index.d.ts
new file mode 100644
index 0000000..61d5b98
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/index.d.ts
@@ -0,0 +1,10 @@
+export { Client } from "./client";
+export { predict } from "./utils/predict";
+export { submit } from "./utils/submit";
+export { upload_files } from "./utils/upload_files";
+export { FileData, upload, prepare_files } from "./upload";
+export { handle_file } from "./helpers/data";
+export type { SpaceStatus, StatusMessage, Status, client_return, UploadResponse, RenderMessage, LogMessage, Payload, Config, ValidationError } from "./types";
+export { MISSING_CREDENTIALS_MSG } from "./constants";
+export { client } from "./client";
+export { duplicate_space as duplicate } from "./client";
diff --git a/home/runner/work/gradio/gradio/client/js/src/types.d.ts b/home/runner/work/gradio/gradio/client/js/src/types.d.ts
new file mode 100644
index 0000000..c4e39f1
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/types.d.ts
@@ -0,0 +1,347 @@
+import { hardware_types } from "./helpers/spaces";
+import type { SvelteComponent } from "svelte";
+import type { ComponentType } from "svelte";
+export interface ApiData {
+    label: string;
+    parameter_name: string;
+    parameter_default?: any;
+    parameter_has_default?: boolean;
+    type: {
+        type: any;
+        description: string;
+    };
+    component: string;
+    example_input?: any;
+    python_type: {
+        type: string;
+        description: string;
+    };
+    serializer: string;
+}
+export interface JsApiData {
+    label: string;
+    parameter_name: string;
+    parameter_default?: any;
+    parameter_has_default?: boolean;
+    type: string;
+    description: string;
+    component: string;
+    example_input?: any;
+    serializer: string;
+    python_type: {
+        type: string;
+        description: string;
+    };
+}
+export interface EndpointInfo<T extends ApiData | JsApiData> {
+    parameters: T[];
+    returns: T[];
+    type?: DependencyTypes;
+}
+export interface ApiInfo<T extends ApiData | JsApiData> {
+    named_endpoints: Record<string, EndpointInfo<T>>;
+    unnamed_endpoints: Record<string, EndpointInfo<T>>;
+}
+export interface BlobRef {
+    path: string[];
+    type: string | undefined;
+    blob: Blob | File | false;
+}
+export type DataType = string | Buffer | Record<string, any> | any[];
+export declare class Command {
+    type: string;
+    command: string;
+    meta: {
+        path: string;
+        name: string;
+        orig_path: string;
+    };
+    fileData?: FileData;
+    constructor(command: string, meta: {
+        path: string;
+        name: string;
+        orig_path: string;
+    });
+}
+export type SubmitFunction = (endpoint: string | number, data?: unknown[] | Record<string, unknown>, event_data?: unknown, trigger_id?: number | null, all_events?: boolean, additional_headers?: Record<string, string>) => SubmitIterable<GradioEvent>;
+export type PredictFunction = <T = unknown>(endpoint: string | number, data?: unknown[] | Record<string, unknown>, event_data?: unknown) => Promise<PredictReturn<T>>;
+export type client_return = {
+    config: Config | undefined;
+    predict: PredictFunction;
+    submit: SubmitFunction;
+    component_server: (component_id: number, fn_name: string, data: unknown[]) => any;
+    view_api: (_fetch: typeof fetch) => Promise<ApiInfo<JsApiData>>;
+};
+export interface SubmitIterable<T> extends AsyncIterable<T> {
+    [Symbol.asyncIterator](): SubmitIterable<T>;
+    next: () => Promise<IteratorResult<T, unknown>>;
+    throw: (value: unknown) => Promise<IteratorResult<T, unknown>>;
+    return: () => Promise<IteratorReturnResult<undefined>>;
+    cancel: () => Promise<void>;
+    event_id: () => string;
+    send_chunk: (payload: Record<string, unknown>) => void;
+    wait_for_id: () => Promise<string | null>;
+    close_stream: () => void;
+}
+export type PredictReturn<T = unknown> = {
+    type: EventType;
+    time: Date;
+    data: T;
+    endpoint: string;
+    fn_index: number;
+};
+export type SpaceStatus = SpaceStatusNormal | SpaceStatusError;
+export interface SpaceStatusNormal {
+    status: "sleeping" | "running" | "building" | "error" | "stopped" | "starting";
+    detail: "SLEEPING" | "RUNNING" | "RUNNING_BUILDING" | "BUILDING" | "APP_STARTING" | "NOT_FOUND";
+    load_status: "pending" | "error" | "complete" | "generating";
+    message: string;
+}
+export interface SpaceStatusError {
+    status: "space_error" | "paused";
+    detail: "NO_APP_FILE" | "CONFIG_ERROR" | "BUILD_ERROR" | "RUNTIME_ERROR" | "PAUSED";
+    load_status: "error";
+    message: string;
+    discussions_enabled: boolean;
+}
+export type SpaceStatusCallback = (a: SpaceStatus) => void;
+export interface Config {
+    deep_link_state?: "none" | "valid" | "invalid";
+    auth_required?: true;
+    app_id?: string;
+    analytics_enabled: boolean;
+    connect_heartbeat: boolean;
+    dev_mode: boolean;
+    vibe_mode: boolean;
+    auth_message: string;
+    components: ComponentMeta[];
+    css: string | null;
+    js: string | null;
+    head: string | null;
+    dependencies: Dependency[];
+    enable_queue: boolean;
+    show_error: boolean;
+    layout: any;
+    mode: "blocks" | "interface" | "chat_interface";
+    root: string;
+    root_url?: string;
+    theme: string;
+    title: string;
+    version: string;
+    space_id: string | null;
+    is_space: boolean;
+    is_colab: boolean;
+    footer_links: string[];
+    stylesheets: string[];
+    current_page: string;
+    page: Record<string, {
+        components: number[];
+        dependencies: number[];
+        layout: any;
+    }>;
+    pages: [string, string, boolean][];
+    protocol: "sse_v3" | "sse_v2.1" | "sse_v2" | "sse_v1" | "sse" | "ws";
+    max_file_size?: number;
+    theme_hash?: number;
+    username: string | null;
+    api_prefix?: string;
+    fill_height?: boolean;
+    fill_width?: boolean;
+    pwa?: boolean;
+    i18n_translations?: Record<string, Record<string, string>> | null;
+    mcp_server?: boolean;
+}
+export interface ComponentMeta {
+    type: string;
+    id: number;
+    has_modes: boolean;
+    props: SharedProps;
+    instance: SvelteComponent;
+    component: ComponentType<SvelteComponent>;
+    documentation?: Documentation;
+    children?: ComponentMeta[];
+    parent?: ComponentMeta;
+    value?: any;
+    component_class_id: string;
+    key: string | number | null;
+    rendered_in?: number;
+}
+interface SharedProps {
+    elem_id?: string;
+    elem_classes?: string[];
+    components?: string[];
+    server_fns?: string[];
+    interactive: boolean;
+    visible: boolean | "hidden";
+    [key: string]: unknown;
+    root_url?: string;
+}
+export interface Documentation {
+    type?: TypeDescription;
+    description?: TypeDescription;
+    example_data?: string;
+}
+interface TypeDescription {
+    input_payload?: string;
+    response_object?: string;
+    payload?: string;
+}
+export interface Dependency {
+    id: number;
+    targets: [number, string][];
+    inputs: number[];
+    outputs: number[];
+    backend_fn: boolean;
+    js: string | null;
+    scroll_to_output: boolean;
+    trigger: "click" | "load" | string;
+    max_batch_size: number;
+    show_progress: "full" | "minimal" | "hidden";
+    show_progress_on: number[] | null;
+    frontend_fn: ((...args: unknown[]) => Promise<unknown[]>) | null;
+    status?: string;
+    queue: boolean | null;
+    every: number | null;
+    batch: boolean;
+    api_name: string | null;
+    cancels: number[];
+    types: DependencyTypes;
+    collects_event_data: boolean;
+    pending_request?: boolean;
+    trigger_after?: number;
+    trigger_only_on_success?: boolean;
+    trigger_only_on_failure?: boolean;
+    trigger_mode: "once" | "multiple" | "always_last";
+    final_event: Payload | null;
+    api_visibility: "public" | "private" | "undocumented";
+    rendered_in: number | null;
+    render_id: number | null;
+    connection: "stream" | "sse";
+    time_limit: number;
+    stream_every: number;
+    like_user_message: boolean;
+    event_specific_args: string[];
+    component_prop_inputs: number[];
+    js_implementation: string | null;
+}
+export interface DependencyTypes {
+    generator: boolean;
+    cancel: boolean;
+}
+export interface Payload {
+    fn_index: number;
+    data: unknown[];
+    time?: Date;
+    event_data?: unknown;
+    trigger_id?: number | null;
+}
+export interface PostResponse {
+    error?: string;
+    [x: string]: any;
+}
+export interface UploadResponse {
+    error?: string;
+    files?: string[];
+}
+export interface DuplicateOptions extends ClientOptions {
+    private?: boolean;
+    hardware?: (typeof hardware_types)[number];
+    timeout?: number;
+}
+export interface ClientOptions {
+    token?: `hf_${string}`;
+    status_callback?: SpaceStatusCallback | null;
+    auth?: [string, string] | null;
+    with_null_state?: boolean;
+    events?: EventType[];
+    headers?: Record<string, string> | Headers;
+    query_params?: Record<string, string>;
+    session_hash?: string;
+    cookies?: string;
+}
+export interface FileData {
+    name: string;
+    orig_name?: string;
+    size?: number;
+    data: string;
+    blob?: File;
+    is_file?: boolean;
+    mime_type?: string;
+    alt_text?: string;
+}
+export type EventType = "data" | "status" | "log" | "render";
+export interface EventMap {
+    data: PayloadMessage;
+    status: StatusMessage;
+    log: LogMessage;
+    render: RenderMessage;
+}
+export type GradioEvent = {
+    [P in EventType]: EventMap[P];
+}[EventType];
+export interface Log {
+    log: string;
+    title: string;
+    level: "warning" | "info" | "success" | "error";
+}
+export interface Render {
+    data: {
+        components: any[];
+        layout: any;
+        dependencies: Dependency[];
+        render_id: number;
+    };
+}
+export interface ValidationError {
+    is_valid: boolean;
+    message: string;
+}
+export interface Status {
+    queue: boolean;
+    code?: string;
+    success?: boolean;
+    stage: "pending" | "error" | "complete" | "generating" | "streaming";
+    duration?: number;
+    visible?: boolean;
+    broken?: boolean;
+    size?: number;
+    position?: number;
+    eta?: number;
+    title?: string;
+    message?: string | ValidationError[];
+    progress_data?: {
+        progress: number | null;
+        index: number | null;
+        length: number | null;
+        unit: string | null;
+        desc: string | null;
+    }[];
+    time?: Date;
+    changed_state_ids?: number[];
+    time_limit?: number;
+    session_not_found?: boolean;
+}
+export interface StatusMessage extends Status {
+    type: "status";
+    endpoint: string;
+    fn_index: number;
+    original_msg?: string;
+}
+export interface PayloadMessage extends Payload {
+    type: "data";
+    endpoint: string;
+    fn_index: number;
+}
+export interface LogMessage extends Log {
+    type: "log";
+    endpoint: string;
+    fn_index: number;
+    duration: number | null;
+    visible: boolean;
+}
+export interface RenderMessage extends Render {
+    type: "render";
+    endpoint: string;
+    fn_index: number;
+}
+export {};
diff --git a/home/runner/work/gradio/gradio/client/js/src/upload.d.ts b/home/runner/work/gradio/gradio/client/js/src/upload.d.ts
new file mode 100644
index 0000000..44bdfe5
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/upload.d.ts
@@ -0,0 +1,28 @@
+import type { Client } from "./client";
+export declare function upload(this: Client, file_data: FileData[], root_url: string, upload_id?: string, max_file_size?: number): Promise<(FileData | null)[] | null>;
+export declare function prepare_files(files: File[], is_stream?: boolean): Promise<FileData[]>;
+export declare class FileData {
+    path: string;
+    url?: string;
+    orig_name?: string;
+    size?: number;
+    blob?: File;
+    is_stream?: boolean;
+    mime_type?: string;
+    alt_text?: string;
+    b64?: string;
+    readonly meta: {
+        _type: string;
+    };
+    constructor({ path, url, orig_name, size, blob, is_stream, mime_type, alt_text, b64 }: {
+        path: string;
+        url?: string;
+        orig_name?: string;
+        size?: number;
+        blob?: File;
+        is_stream?: boolean;
+        mime_type?: string;
+        alt_text?: string;
+        b64?: string;
+    });
+}
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/duplicate.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/duplicate.d.ts
new file mode 100644
index 0000000..2d7cd24
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/duplicate.d.ts
@@ -0,0 +1,3 @@
+import type { DuplicateOptions } from "../types";
+import { Client } from "../client";
+export declare function duplicate(app_reference: string, options: DuplicateOptions): Promise<Client>;
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/filesize.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/filesize.d.ts
new file mode 100644
index 0000000..914e5e0
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/filesize.d.ts
@@ -0,0 +1,14 @@
+type SPEC = {
+    readonly radix: number;
+    readonly unit: string[];
+};
+export declare const SPECS: Record<string, SPEC>;
+/**
+ * file size from https://github.com/hustcc/filesize.js
+ * @param bytes - The number of bytes to convert to human-readable format
+ * @param fixed - Number of decimal places to display (default: 1)
+ * @param spec - Size specification to use: "si", "iec", or "jedec" (default: "jedec")
+ * @returns Human-readable file size string
+ */
+export declare function filesize(bytes: number, fixed?: number, spec?: string): string;
+export {};
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/handle_blob.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/handle_blob.d.ts
new file mode 100644
index 0000000..a5c1acb
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/handle_blob.d.ts
@@ -0,0 +1,4 @@
+import { type ApiData, type EndpointInfo, type JsApiData } from "../types";
+import type { Client } from "..";
+export declare function handle_blob(this: Client, endpoint: string, data: unknown[], api_info: EndpointInfo<JsApiData | ApiData>): Promise<unknown[]>;
+export declare function process_local_file_commands(client: Client, data: unknown[]): Promise<void>;
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/post_data.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/post_data.d.ts
new file mode 100644
index 0000000..444c393
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/post_data.d.ts
@@ -0,0 +1,3 @@
+import type { PostResponse } from "../types";
+import { Client } from "..";
+export declare function post_data(this: Client, url: string, body: unknown, additional_headers?: any): Promise<[PostResponse, number]>;
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/predict.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/predict.d.ts
new file mode 100644
index 0000000..2559358
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/predict.d.ts
@@ -0,0 +1,3 @@
+import { Client } from "../client";
+import type { PredictReturn } from "../types";
+export declare function predict<T = unknown>(this: Client, endpoint: string | number, data?: unknown[] | Record<string, unknown>): Promise<PredictReturn<T>>;
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/stream.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/stream.d.ts
new file mode 100644
index 0000000..c6a069b
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/stream.d.ts
@@ -0,0 +1,8 @@
+import type { Client } from "../client";
+export declare function open_stream(this: Client): Promise<void>;
+export declare function close_stream(stream_status: {
+    open: boolean;
+}, abort_controller: AbortController | null): void;
+export declare function apply_diff_stream(pending_diff_streams: Record<string, any[][]>, event_id: string, data: any): void;
+export declare function apply_diff(obj: any, diff: [string, (number | string)[], any][]): any;
+export declare function readable_stream(input: RequestInfo | URL, init?: RequestInit): EventSource;
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/submit.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/submit.d.ts
new file mode 100644
index 0000000..e8b3c25
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/submit.d.ts
@@ -0,0 +1,3 @@
+import type { GradioEvent, SubmitIterable } from "../types";
+import { Client } from "../client";
+export declare function submit(this: Client, endpoint: string | number, data?: unknown[] | Record<string, unknown>, event_data?: unknown, trigger_id?: number | null, all_events?: boolean, additional_headers?: Record<string, string>): SubmitIterable<GradioEvent>;
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/upload_files.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/upload_files.d.ts
new file mode 100644
index 0000000..a357a73
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/upload_files.d.ts
@@ -0,0 +1,3 @@
+import type { Client } from "..";
+import type { UploadResponse } from "../types";
+export declare function upload_files(this: Client, root_url: string, files: (Blob | File)[], upload_id?: string): Promise<UploadResponse>;
diff --git a/home/runner/work/gradio/gradio/client/js/src/utils/view_api.d.ts b/home/runner/work/gradio/gradio/client/js/src/utils/view_api.d.ts
new file mode 100644
index 0000000..33fa48f
--- /dev/null
+++ b/home/runner/work/gradio/gradio/client/js/src/utils/view_api.d.ts
@@ -0,0 +1,2 @@
+import { Client } from "../client";
+export declare function view_api(this: Client): Promise<any>;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/Block.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/Block.svelte.d.ts
new file mode 100644
index 0000000..8c31f4c
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/Block.svelte.d.ts
@@ -0,0 +1,51 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Block: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    height?: number | string | undefined;
+    min_height?: number | string | undefined;
+    max_height?: number | string | undefined;
+    width?: number | string | undefined;
+    elem_id?: string;
+    elem_classes?: string[];
+    variant?: "solid" | "dashed" | "none";
+    border_mode?: "base" | "focus" | "contrast";
+    padding?: boolean;
+    type?: "normal" | "fieldset";
+    test_id?: string | undefined;
+    explicit_call?: boolean;
+    container?: boolean;
+    visible?: boolean | "hidden";
+    allow_overflow?: boolean;
+    overflow_behavior?: "visible" | "auto";
+    scale?: number | null;
+    min_width?: number;
+    flex?: boolean;
+    resizable?: boolean;
+    rtl?: boolean;
+    fullscreen?: boolean;
+    label?: string | undefined;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Block = InstanceType<typeof Block>;
+export default Block;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/BlockLabel.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/BlockLabel.svelte.d.ts
new file mode 100644
index 0000000..f4d91d7
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/BlockLabel.svelte.d.ts
@@ -0,0 +1,25 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const BlockLabel: $$__sveltets_2_IsomorphicComponent<{
+    label?: string | null;
+    Icon: any;
+    show_label?: boolean;
+    disable?: boolean;
+    float?: boolean;
+    rtl?: boolean;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type BlockLabel = InstanceType<typeof BlockLabel>;
+export default BlockLabel;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/BlockTitle.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/BlockTitle.svelte.d.ts
new file mode 100644
index 0000000..6133c74
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/BlockTitle.svelte.d.ts
@@ -0,0 +1,31 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const BlockTitle: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    show_label?: boolean;
+    info?: string | undefined;
+    rtl?: boolean;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type BlockTitle = InstanceType<typeof BlockTitle>;
+export default BlockTitle;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/CustomButton.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/CustomButton.svelte.d.ts
new file mode 100644
index 0000000..8d42822
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/CustomButton.svelte.d.ts
@@ -0,0 +1,4 @@
+import type { CustomButton } from "@gradio/utils";
+declare const CustomButton: any;
+type CustomButton = InstanceType<typeof CustomButton>;
+export default CustomButton;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/DownloadLink.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/DownloadLink.svelte.d.ts
new file mode 100644
index 0000000..a39f25d
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/DownloadLink.svelte.d.ts
@@ -0,0 +1,30 @@
+import type { HTMLAnchorAttributes } from "svelte/elements";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const DownloadLink: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<Omit<HTMLAnchorAttributes, "target"> & {
+    download: NonNullable<HTMLAnchorAttributes["download"]>;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type DownloadLink = InstanceType<typeof DownloadLink>;
+export default DownloadLink;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/Empty.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/Empty.svelte.d.ts
new file mode 100644
index 0000000..4c3b0da
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/Empty.svelte.d.ts
@@ -0,0 +1,30 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Empty: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    size?: "small" | "large";
+    unpadded_box?: boolean;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Empty = InstanceType<typeof Empty>;
+export default Empty;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/FullscreenButton.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/FullscreenButton.svelte.d.ts
new file mode 100644
index 0000000..d1e9cfe
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/FullscreenButton.svelte.d.ts
@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    fullscreen: boolean;
+    onclick: (fullscreen: boolean) => void;
+};
+declare const FullscreenButton: import("svelte").Component<$$ComponentProps, {}, "">;
+type FullscreenButton = ReturnType<typeof FullscreenButton>;
+export default FullscreenButton;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/IconButton.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/IconButton.svelte.d.ts
new file mode 100644
index 0000000..1497771
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/IconButton.svelte.d.ts
@@ -0,0 +1,21 @@
+import { type Component, type Snippet } from "svelte";
+type $$ComponentProps = {
+    Icon: Component;
+    label?: string;
+    show_label?: boolean;
+    pending?: boolean;
+    size?: "x-small" | "small" | "large" | "medium";
+    padded?: boolean;
+    highlight?: boolean;
+    disabled?: boolean;
+    hasPopup?: boolean;
+    color?: string;
+    transparent?: boolean;
+    background?: string;
+    border?: string;
+    onclick?: (event: MouseEvent) => void;
+    children?: Snippet;
+};
+declare const IconButton: Component<$$ComponentProps, {}, "">;
+type IconButton = ReturnType<typeof IconButton>;
+export default IconButton;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/IconButtonWrapper.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/IconButtonWrapper.svelte.d.ts
new file mode 100644
index 0000000..06e4f53
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/IconButtonWrapper.svelte.d.ts
@@ -0,0 +1,13 @@
+import type { CustomButton as CustomButtonType } from "@gradio/utils";
+import type { Snippet } from "svelte";
+type $$ComponentProps = {
+    top_panel?: boolean;
+    display_top_corner?: boolean;
+    show_background?: boolean;
+    buttons?: (string | CustomButtonType)[] | null;
+    on_custom_button_click?: ((id: number) => void) | null;
+    children?: Snippet;
+};
+declare const IconButtonWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
+type IconButtonWrapper = ReturnType<typeof IconButtonWrapper>;
+export default IconButtonWrapper;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/Info.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/Info.svelte.d.ts
new file mode 100644
index 0000000..a54b4d8
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/Info.svelte.d.ts
@@ -0,0 +1,20 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Info: $$__sveltets_2_IsomorphicComponent<{
+    info: string;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Info = InstanceType<typeof Info>;
+export default Info;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/ScrollFade.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/ScrollFade.svelte.d.ts
new file mode 100644
index 0000000..4f7667e
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/ScrollFade.svelte.d.ts
@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    visible: boolean;
+    position?: "sticky" | "absolute";
+};
+declare const ScrollFade: import("svelte").Component<$$ComponentProps, {}, "">;
+type ScrollFade = ReturnType<typeof ScrollFade>;
+export default ScrollFade;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/SelectSource.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/SelectSource.svelte.d.ts
new file mode 100644
index 0000000..dfd9b77
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/SelectSource.svelte.d.ts
@@ -0,0 +1,10 @@
+type source_types = "upload" | "microphone" | "webcam" | "clipboard" | "webcam-video" | null;
+type $$ComponentProps = {
+    sources: Partial<source_types>[];
+    active_source?: Partial<source_types>;
+    handle_clear?: () => void;
+    handle_select?: (source_type: Partial<source_types>) => void;
+};
+declare const SelectSource: import("svelte").Component<$$ComponentProps, {}, "active_source">;
+type SelectSource = ReturnType<typeof SelectSource>;
+export default SelectSource;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/ShareButton.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/ShareButton.svelte.d.ts
new file mode 100644
index 0000000..9e623fc
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/ShareButton.svelte.d.ts
@@ -0,0 +1,27 @@
+import type { ShareData } from "@gradio/utils";
+import type { I18nFormatter } from "@gradio/utils";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const ShareButton: $$__sveltets_2_IsomorphicComponent<{
+    formatter: (arg0: any) => Promise<string>;
+    value: any;
+    i18n: I18nFormatter;
+}, {
+    share: CustomEvent<ShareData>;
+    error: CustomEvent<string>;
+} & {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type ShareButton = InstanceType<typeof ShareButton>;
+export default ShareButton;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/Toolbar.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/Toolbar.svelte.d.ts
new file mode 100644
index 0000000..05d3320
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/Toolbar.svelte.d.ts
@@ -0,0 +1,29 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const Toolbar: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    show_border?: boolean;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type Toolbar = InstanceType<typeof Toolbar>;
+export default Toolbar;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/UploadText.svelte.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/UploadText.svelte.d.ts
new file mode 100644
index 0000000..1c5a7f7
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/UploadText.svelte.d.ts
@@ -0,0 +1,26 @@
+import type { I18nFormatter } from "@gradio/utils";
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const UploadText: $$__sveltets_2_IsomorphicComponent<{
+    type?: "video" | "image" | "audio" | "file" | "csv" | "clipboard" | "gallery";
+    i18n: I18nFormatter;
+    message?: string | undefined;
+    mode?: "full" | "short";
+    hovered?: boolean;
+    placeholder?: string | undefined;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type UploadText = InstanceType<typeof UploadText>;
+export default UploadText;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/index.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/index.d.ts
new file mode 100644
index 0000000..e5b3094
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/index.d.ts
@@ -0,0 +1,16 @@
+export { default as Block } from "./Block.svelte";
+export { default as BlockTitle } from "./BlockTitle.svelte";
+export { default as BlockLabel } from "./BlockLabel.svelte";
+export { default as DownloadLink } from "./DownloadLink.svelte";
+export { default as IconButton } from "./IconButton.svelte";
+export { default as Empty } from "./Empty.svelte";
+export { default as Info } from "./Info.svelte";
+export { default as ShareButton } from "./ShareButton.svelte";
+export { default as UploadText } from "./UploadText.svelte";
+export { default as Toolbar } from "./Toolbar.svelte";
+export { default as SelectSource } from "./SelectSource.svelte";
+export { default as IconButtonWrapper } from "./IconButtonWrapper.svelte";
+export { default as FullscreenButton } from "./FullscreenButton.svelte";
+export { default as CustomButton } from "./CustomButton.svelte";
+export { default as ScrollFade } from "./ScrollFade.svelte";
+export declare const BLOCK_KEY: {};
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/inline-markdown.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/inline-markdown.d.ts
new file mode 100644
index 0000000..1ba4952
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/inline-markdown.d.ts
@@ -0,0 +1,9 @@
+export declare const INLINE_CODE_RE: RegExp;
+export declare const LINK_RE: RegExp;
+export declare const BOLD_ASTERISK_RE: RegExp;
+export declare const BOLD_UNDERSCORE_RE: RegExp;
+export declare const ITALIC_ASTERISK_RE: RegExp;
+export declare const ITALIC_UNDERSCORE_RE: RegExp;
+export declare const PROTOCOL_RE: RegExp;
+export declare function escape_html(text: string): string;
+export declare function render_inline_markdown(text: string): string;
diff --git a/home/runner/work/gradio/gradio/js/atoms/src/utils/parse_placeholder.d.ts b/home/runner/work/gradio/gradio/js/atoms/src/utils/parse_placeholder.d.ts
new file mode 100644
index 0000000..fb20ace
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/atoms/src/utils/parse_placeholder.d.ts
@@ -0,0 +1 @@
+export declare function inject(text: string): [string | false, string | false];
diff --git a/home/runner/work/gradio/gradio/js/audio/shared/types.d.ts b/home/runner/work/gradio/gradio/js/audio/shared/types.d.ts
new file mode 100644
index 0000000..b41727f
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/audio/shared/types.d.ts
@@ -0,0 +1,56 @@
+import { FileData } from "@gradio/client";
+import type { CustomButton } from "@gradio/utils";
+export type WaveformOptions = {
+    waveform_color?: string;
+    waveform_progress_color?: string;
+    show_controls?: boolean;
+    skip_length?: number;
+    trim_region_color?: string;
+    show_recording_waveform?: boolean;
+    sample_rate?: number;
+};
+export interface SubtitleData {
+    start: number;
+    end: number;
+    text: string;
+}
+export interface AudioProps {
+    sources: ["microphone"] | ["upload"] | ["microphone", "upload"] | ["upload", "microphone"];
+    value: FileData | null;
+    type: "numpy" | "filepath";
+    autoplay: boolean;
+    buttons: ("play" | "download" | "share" | CustomButton)[];
+    recording: boolean;
+    loop: boolean;
+    subtitles: FileData | SubtitleData[] | null;
+    waveform_options: WaveformOptions;
+    editable: boolean;
+    pending: boolean;
+    streaming: boolean;
+    stream_every: number;
+    input_ready: boolean;
+    minimal?: boolean;
+    playback_position: number;
+}
+export interface AudioEvents {
+    change: any;
+    upload: any;
+    stream: any;
+    clear: any;
+    play: any;
+    pause: any;
+    stop: any;
+    start_recording: any;
+    pause_recording: any;
+    stop_recording: any;
+    input: any;
+    error: any;
+    warning: any;
+    clear_status: any;
+    close_stream: any;
+    edit: any;
+    share: any;
+    custom_button_click: {
+        id: number;
+    };
+}
diff --git a/home/runner/work/gradio/gradio/js/core/src/gradio_helper.d.ts b/home/runner/work/gradio/gradio/js/core/src/gradio_helper.d.ts
new file mode 100644
index 0000000..c49f20e
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/core/src/gradio_helper.d.ts
@@ -0,0 +1,4 @@
+export { Gradio } from "@gradio/utils";
+export type I18nFormatter = typeof formatter;
+export declare function formatter(value: string | null | undefined): string;
+export declare const reactive_formatter: import("svelte/store").Readable<typeof formatter>;
diff --git a/home/runner/work/gradio/gradio/js/statustracker/index.d.ts b/home/runner/work/gradio/gradio/js/statustracker/index.d.ts
new file mode 100644
index 0000000..bdccc9e
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/index.d.ts
@@ -0,0 +1,7 @@
+export { default as StatusTracker } from "./static/index.svelte";
+export { default as Toast } from "./static/Toast.svelte";
+export { default as Loader } from "./static/Loader.svelte";
+export { default as StreamingBar } from "./static/StreamingBar.svelte";
+export type * from "./static/types";
+export { default } from "./static/index.svelte";
+export { LoadingStatus } from "./static/state.svelte.js";
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/Loader.svelte.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/Loader.svelte.d.ts
new file mode 100644
index 0000000..9325cba
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/Loader.svelte.d.ts
@@ -0,0 +1,6 @@
+interface Props {
+    margin?: boolean;
+}
+declare const Loader: import("svelte").Component<Props, {}, "">;
+type Loader = ReturnType<typeof Loader>;
+export default Loader;
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/StreamingBar.svelte.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/StreamingBar.svelte.d.ts
new file mode 100644
index 0000000..7cfe1ab
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/StreamingBar.svelte.d.ts
@@ -0,0 +1,6 @@
+interface Props {
+    time_limit: number | null;
+}
+declare const StreamingBar: import("svelte").Component<Props, {}, "">;
+type StreamingBar = ReturnType<typeof StreamingBar>;
+export default StreamingBar;
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/Toast.svelte.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/Toast.svelte.d.ts
new file mode 100644
index 0000000..3e1d118
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/Toast.svelte.d.ts
@@ -0,0 +1,8 @@
+import type { ToastMessage } from "./types";
+interface Props {
+    messages?: ToastMessage[];
+    on_close: (id: number) => void;
+}
+declare const Toast: import("svelte").Component<Props, {}, "">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/ToastContent.svelte.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/ToastContent.svelte.d.ts
new file mode 100644
index 0000000..1a1ec67
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/ToastContent.svelte.d.ts
@@ -0,0 +1,11 @@
+import type { ToastMessage } from "./types";
+interface Props {
+    type: ToastMessage["type"];
+    messages?: ToastMessage[];
+    expanded?: boolean;
+    ontoggle?: () => void;
+    onclose?: (id: number) => void;
+}
+declare const ToastContent: import("svelte").Component<Props, {}, "">;
+type ToastContent = ReturnType<typeof ToastContent>;
+export default ToastContent;
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/index.svelte.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/index.svelte.d.ts
new file mode 100644
index 0000000..168b9a4
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/index.svelte.d.ts
@@ -0,0 +1,45 @@
+import type { LoadingStatus } from "./types";
+import type { I18nFormatter } from "@gradio/utils";
+interface Props {
+    i18n: I18nFormatter;
+    eta?: number | null;
+    queue_position: number | null;
+    queue_size: number | null;
+    status: "complete" | "pending" | "error" | "generating" | "streaming" | null;
+    scroll_to_output?: boolean;
+    timer?: boolean;
+    show_progress?: "full" | "minimal" | "hidden";
+    message?: string | null;
+    progress?: LoadingStatus["progress"] | null | undefined;
+    variant?: "default" | "center";
+    loading_text?: string;
+    absolute?: boolean;
+    translucent?: boolean;
+    border?: boolean;
+    autoscroll: boolean;
+    validation_error?: string | null;
+    show_validation_error?: boolean;
+    type?: "input" | "output" | null;
+    on_clear_status?: () => void;
+}
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Index: $$__sveltets_2_IsomorphicComponent<Props, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    'additional-loading-text': {};
+    error: {};
+}, {}, "">;
+type Index = InstanceType<typeof Index>;
+export default Index;
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/state.svelte.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/state.svelte.d.ts
new file mode 100644
index 0000000..1309737
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/state.svelte.d.ts
@@ -0,0 +1,31 @@
+import type { ILoadingStatus, LoadingStatusArgs } from "./types.js";
+export declare class LoadingStatus {
+    current: Record<string, ILoadingStatus>;
+    fn_outputs: Record<number, number[]>;
+    fn_inputs: Record<number, number[]>;
+    pending_outputs: Map<number, number>;
+    fn_status: Record<number, ILoadingStatus["status"]>;
+    show_progress: Record<number, "full" | "minimal" | "hidden">;
+    register(dependency_id: number, outputs: number[], inputs: number[], show_progress: "full" | "minimal" | "hidden"): void;
+    clear(id: number): void;
+    update(args: LoadingStatusArgs): void;
+    set_status(id: number, status: ILoadingStatus["status"]): void;
+    resolve_args(args: LoadingStatusArgs): {
+        id: number;
+        queue_position: number | null;
+        queue_size: number | undefined;
+        eta: number | null;
+        status: "pending" | "error" | "complete" | "generating" | "streaming";
+        message: string | null;
+        progress: {
+            progress: number | null;
+            index: number | null;
+            length: number | null;
+            unit: string | null;
+            desc: string | null;
+        }[] | null;
+        stream_state: "open" | "closed" | "waiting" | null;
+        time_limit: number | null;
+        type: "input" | "output" | "skip";
+    }[];
+}
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/types.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/types.d.ts
new file mode 100644
index 0000000..7759ab4
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/types.d.ts
@@ -0,0 +1,50 @@
+export interface ILoadingStatus {
+    eta: number | null;
+    status: "pending" | "error" | "complete" | "generating" | "streaming";
+    queue: boolean;
+    queue_position: number | null;
+    queue_size?: number;
+    fn_index: number;
+    message?: string | null;
+    scroll_to_output?: boolean;
+    show_progress?: "full" | "minimal" | "hidden";
+    time_limit?: number | null | undefined;
+    progress?: {
+        progress: number | null;
+        index: number | null;
+        length: number | null;
+        unit: string | null;
+        desc: string | null;
+    }[];
+    validation_error?: string | null;
+    type: "input" | "output";
+    stream_state: "open" | "closed" | "waiting" | null;
+}
+export interface LoadingStatusArgs {
+    fn_index: ILoadingStatus["fn_index"];
+    status: ILoadingStatus["status"];
+    queue?: ILoadingStatus["queue"];
+    size?: ILoadingStatus["queue_size"];
+    position?: ILoadingStatus["queue_position"];
+    eta?: ILoadingStatus["eta"];
+    message?: ILoadingStatus["message"];
+    progress_data?: ILoadingStatus["progress"];
+    time_limit?: ILoadingStatus["time_limit"];
+    type?: "input" | "output";
+    stream_state: "open" | "closed" | "waiting" | null;
+    validation_error?: string;
+    show_validation_error?: boolean;
+}
+export interface ToastMessage {
+    type: "error" | "warning" | "info" | "success";
+    title: string;
+    message: string;
+    id: number;
+    duration: number | null;
+    visible: boolean;
+}
+export interface GroupedToastMessage {
+    type: "error" | "warning" | "info" | "success";
+    messages: ToastMessage[];
+    expanded: boolean;
+}
diff --git a/home/runner/work/gradio/gradio/js/statustracker/static/utils.d.ts b/home/runner/work/gradio/gradio/js/statustracker/static/utils.d.ts
new file mode 100644
index 0000000..ad38c46
--- /dev/null
+++ b/home/runner/work/gradio/gradio/js/statustracker/static/utils.d.ts
@@ -0,0 +1 @@
+export declare function pretty_si(num: number): string;
diff --git a/js/.npmrc b/js/.npmrc
new file mode 100644
index 0000000..fa4e095
--- /dev/null
+++ b/js/.npmrc
@@ -0,0 +1 @@
+strict-peer-dependencies=false
\ No newline at end of file
diff --git a/js/README.md b/js/README.md
new file mode 100644
index 0000000..4b85de9
--- /dev/null
+++ b/js/README.md
@@ -0,0 +1,108 @@
+# gradio-ui
+
+This folder contains all of the Gradio UI and component source code.
+
+- [set up](#setup)
+- [running the application](#running-the-application)
+- [local development](#local-development)
+- [building for production](#building-for-production)
+- [quality checks](#quality-checks)
+- [ci checks](#ci-checks)
+
+## setup
+
+This folder is managed as 'monorepo' a multi-package repository which make dependency management very simple. In order to do this we use `pnpm` as our package manager.
+
+Make sure [`pnpm`](https://pnpm.io/) is installed by [following the installation instructions for your system](https://pnpm.io/installation).
+
+You will also need `node` which you probably already have
+
+## running the application
+
+Install all dependencies:
+
+```bash
+pnpm i
+```
+
+This will install the dependencies for all packages and link any local packages
+
+## local development
+
+To develop locally, open two terminal tabs from the root of the repository.
+
+Run the python test server, from the root directory:
+
+```bash
+cd demo/kitchen_sink
+python run.py
+```
+
+This will start a development server on port `7860` that the web app is expecting.
+
+Run the web app:
+
+```bash
+pnpm dev
+```
+
+## building for production
+
+Run the build:
+
+```bash
+pnpm build
+```
+
+This will create the necessary files in `js/app/public` and also in `gradio/templates/frontend`.
+
+## quality checks
+
+The repos currently has two quality checks that can be run locally and are run in CI.
+
+### formatting
+
+Formatting is handled by [`prettier`](https://prettier.io/) to ensure consistent formatting and prevent style-focused conversations. Formatting failures will fails CI and should be reoslve before merging.
+
+To check formatting:
+
+```bash
+pnpm format:check
+```
+
+If you have formatting failures then you can run the following command to fix them:
+
+```bash
+pnpm format:write
+```
+
+### type checking
+
+We use [TypeScript](https://www.typescriptlang.org/) to provide static types to javascript code. These checks are also run in CI.
+
+to typecheck the code:
+
+```bash
+pnpm ts:check
+```
+
+## ci checks
+
+Currently the following checks are run in CI:
+
+### static checks
+
+- Format check (`pnpm format:check`)
+- Build css (`pnpm css`)
+- Build client (`pnpm build`)
+- Type check (`pnpm ts:check`)
+- Unit tests (`pnpm test:run`)
+
+### functional test
+
+```
+pnpm exec playwright install chromium firefox
+pnpm exec playwright install-deps chromium firefox
+pnpm --filter @gradio/utils --filter @gradio/theme package
+pnpm test:browser:full
+```
diff --git a/js/_cdn-test/favicon.svg b/js/_cdn-test/favicon.svg
new file mode 100644
index 0000000..de4aedd
--- /dev/null
+++ b/js/_cdn-test/favicon.svg
@@ -0,0 +1,15 @@
+<svg width="410" height="404" viewBox="0 0 410 404" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z" fill="url(#paint0_linear)"/>
+<path d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="6.00017" y1="32.9999" x2="235" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#41D1FF"/>
+<stop offset="1" stop-color="#BD34FE"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="194.651" y1="8.81818" x2="236.076" y2="292.989" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFEA83"/>
+<stop offset="0.0833333" stop-color="#FFDD35"/>
+<stop offset="1" stop-color="#FFA800"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/_cdn-test/index.html b/js/_cdn-test/index.html
new file mode 100644
index 0000000..21dfe14
--- /dev/null
+++ b/js/_cdn-test/index.html
@@ -0,0 +1,320 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<style>
+			html {
+				/* background: #111; */
+				/* color: #eee; */
+				font-family: IBM Plex Sans;
+			}
+		</style>
+		<meta charset="UTF-8" />
+		<link rel="icon" type="image/svg+xml" href="favicon.svg" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<script type="module" src="http://localhost:4321/gradio.js"></script>
+		<!-- <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.18.1b6/gradio.js"></script> -->
+		<!-- <script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.18.0/gradio.js"></script> -->
+		<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/5.0.0/iframeResizer.min.js"></script> -->
+
+		<title>Vite App</title>
+	</head>
+
+	<body>
+		<!-- <h1>Hello title</h1>
+		<h2>hello subtitle</h2>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+
+		<h2>hello subtitle</h2>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p>
+		<p>
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text. Hello text. Hello text. Hello text. Hello text.
+			Hello text. Hello text.
+		</p> -->
+		<!-- https://huggingface.co/spaces/freddyaboulton/blocks-essay -->
+		<!-- <gradio-app
+			space="freddyaboulton/timeseries-forecasting-with-prophet
+    "
+		></gradio-app> -->
+		<!-- -->
+		<!-- </p> -->
+
+		<!-- <gradio-app space="awacke1/GradioAutoPlotFromCSV" info="false"></gradio-app>
+		<gradio-app
+			space="gradio/plot_component_main"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		<gradio-app
+			space="gradio/colorpicker_component_main"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		<gradio-app
+			space="gradio/live_with_vars_main"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>no src</h2>
+		<gradio-app
+			src=""
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>no host</h2>
+		<gradio-app
+			host=""
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>no space</h2>
+		<gradio-app
+			space=""
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		<h2>invalid src</h2>
+		<gradio-app
+			src="https://pngwn-mu123sic-visualizer.hf.space"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>invalid host</h2>
+		<gradio-app
+			host="asd.com"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>invalid space</h2>
+		<gradio-app
+			space="asd/asd"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		<gradio-app
+			src="https://pngwn-music-visualizer.hf.space"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>Error: runtime error</h2>
+
+		<gradio-app
+			space="gradio/titanic_survival_main"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		<h2>Error: no app file</h2>
+		<gradio-app
+			space="pngwn/AnimeGANv2_v3"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>Error: no app file</h2>
+		<gradio-app
+			src="https://pngwn-animeganv2-v3.hf.space"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>Error: build error</h2>
+		<gradio-app
+			space="pngwn/Stable-Diffusion-prompt-generator"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+		<h2>Error: build error</h2>
+		<gradio-app
+			src="https://pngwn-stable-diffusion-prompt-generato-85ff371.hf.space"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		
+		<h2>Config Error</h2>
+		<gradio-app
+			space="pngwn/clear-inputs"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		<h2>Paused Space</h2>
+		<gradio-app
+			space="abidlabs/audioldm-text-to-audio-generation"
+			initial_height="400px"
+			control_page_title="true"
+		></gradio-app>
+
+		<h2>Working</h2>
+		 -->
+
+		<gradio-app
+			space="gradio/live_with_vars"
+			initial_height="200px"
+			control_page_title="true"
+		></gradio-app>
+		<!-- <iframe
+			id="myIframe"
+			allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"
+			src="http://127.0.0.1:7860/"
+			frameborder="0"
+		></iframe> -->
+		<button>Toggle Space</button>
+		<script>
+			// iFrameResize(
+			// 	{
+			// 		log: false,
+			// 		checkOrigin: false,
+			// 		heightCalculationMethod: "lowestElement"
+			// 	},
+			// 	"#myIframe"
+			// );
+
+			let spaces = [
+				"gradio/live_with_vars",
+				"gradio/colorpicker_component_main"
+			];
+
+			const b = document.getElementsByTagName("button")[0];
+			b.addEventListener("click", update_space);
+
+			function update_space() {
+				const g = document.getElementsByTagName("gradio-app")[0];
+				g.setAttribute("space", spaces[1]);
+				const [_old, _new] = spaces;
+				spaces = [_new, _old];
+			}
+		</script>
+	</body>
+</html>
diff --git a/js/_cdn-test/package.json b/js/_cdn-test/package.json
new file mode 100644
index 0000000..730e771
--- /dev/null
+++ b/js/_cdn-test/package.json
@@ -0,0 +1,11 @@
+{
+	"name": "@self/cdn-test",
+	"private": true,
+	"version": "0.0.1",
+	"scripts": {
+		"dev": "vite --port 3001",
+		"build": "vite build",
+		"preview": "vite preview  --port 3001"
+	},
+	"devDependencies": {}
+}
diff --git a/js/_cdn-test/style.css b/js/_cdn-test/style.css
new file mode 100644
index 0000000..5ad8c6b
--- /dev/null
+++ b/js/_cdn-test/style.css
@@ -0,0 +1,8 @@
+#app {
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	margin-top: 60px;
+	color: #2c3e50;
+	font-family: Avenir, Helvetica, Arial, sans-serif;
+	text-align: center;
+}
diff --git a/js/_spaces-test/.gitignore b/js/_spaces-test/.gitignore
new file mode 100644
index 0000000..6635cf5
--- /dev/null
+++ b/js/_spaces-test/.gitignore
@@ -0,0 +1,10 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/js/_spaces-test/.npmrc b/js/_spaces-test/.npmrc
new file mode 100644
index 0000000..0c05da4
--- /dev/null
+++ b/js/_spaces-test/.npmrc
@@ -0,0 +1,2 @@
+engine-strict=true
+resolution-mode=highest
diff --git a/js/_spaces-test/.prettierignore b/js/_spaces-test/.prettierignore
new file mode 100644
index 0000000..3897265
--- /dev/null
+++ b/js/_spaces-test/.prettierignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
diff --git a/js/_spaces-test/CHANGELOG.md b/js/_spaces-test/CHANGELOG.md
new file mode 100644
index 0000000..7842790
--- /dev/null
+++ b/js/_spaces-test/CHANGELOG.md
@@ -0,0 +1,441 @@
+# @self/spaces-test
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.3.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.3.0
+- @gradio/theme@0.6.2
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.2.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.0.4
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.0.3
+- @gradio/theme@0.6.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.0.2
+- @gradio/theme@0.6.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.0.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.2
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/theme@0.5.0-dev.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.19.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.17.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.17.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.16.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.7
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.5
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.4
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.3
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.2
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.15.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.14.2
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.14.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.14.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.13.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/theme@0.4.0
+- @gradio/client@1.12.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.10.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.9.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.8.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.7.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.7.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.4
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.3
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.2
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.1
+- @gradio/theme@0.3.0-beta.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.5.1
+- @gradio/theme@0.2.4
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.5.0
+- @gradio/form@0.1.23
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/form@0.1.22
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/form@0.1.21
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.3.0
+- @gradio/form@0.1.20
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.2.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.2.0
+- @gradio/form@0.1.19
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.1.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@1.0.0
+- @gradio/form@0.1.18
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.20.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/theme@0.2.3
+- @gradio/client@0.19.4
+- @gradio/form@0.1.18
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.19.2
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.19.1
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.19.0
+- @gradio/form@0.1.17
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.18.0
+- @gradio/form@0.1.16
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.17.0
+- @gradio/form@0.1.15
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/theme@0.2.2
+- @gradio/client@0.16.0
+- @gradio/form@0.1.14
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/theme@0.2.1
+- @gradio/client@0.15.1
+- @gradio/form@0.1.13
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.15.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/form@0.1.12
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/form@0.1.11
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+
+## 0.0.1
+
+### Dependency updates
+
+- @gradio/client@0.13.0
\ No newline at end of file
diff --git a/js/_spaces-test/README.md b/js/_spaces-test/README.md
new file mode 100644
index 0000000..5c91169
--- /dev/null
+++ b/js/_spaces-test/README.md
@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
diff --git a/js/_spaces-test/package.json b/js/_spaces-test/package.json
new file mode 100644
index 0000000..7fd44a1
--- /dev/null
+++ b/js/_spaces-test/package.json
@@ -0,0 +1,27 @@
+{
+	"name": "@self/spaces-test",
+	"version": "0.0.1",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json --watch",
+		"lint": "prettier --plugin-search-dir . --check .",
+		"format": "prettier --plugin-search-dir . --write ."
+	},
+	"type": "module",
+	"dependencies": {
+		"@gradio/client": "workspace:^",
+		"@gradio/form": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@self/spa": "workspace:^",
+		"@sveltejs/adapter-auto": "^6.1.1",
+		"@sveltejs/kit": "^2.46.2",
+		"iframe-resizer": "^5.5.7"
+	},
+	"devDependencies": {
+		"@types/iframe-resizer": "^4.0.0"
+	}
+}
diff --git a/js/_spaces-test/src/app.d.ts b/js/_spaces-test/src/app.d.ts
new file mode 100644
index 0000000..f59b884
--- /dev/null
+++ b/js/_spaces-test/src/app.d.ts
@@ -0,0 +1,12 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/js/_spaces-test/src/app.html b/js/_spaces-test/src/app.html
new file mode 100644
index 0000000..77ec85d
--- /dev/null
+++ b/js/_spaces-test/src/app.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/js/_spaces-test/src/lib/EndpointInputs.svelte b/js/_spaces-test/src/lib/EndpointInputs.svelte
new file mode 100644
index 0000000..6b0f509
--- /dev/null
+++ b/js/_spaces-test/src/lib/EndpointInputs.svelte
@@ -0,0 +1,86 @@
+<script>
+	/**
+	 * @type {{type: string; label: string; component:string}[]}
+	 */
+	export let app_info;
+
+	/**
+	 * @type any[]
+	 */
+	export let request_data = [];
+
+	/**
+	 *
+	 * @param files {FileList|null}
+	 * @param i {number}
+	 */
+	function handle_file(files, i) {
+		if (!files) return;
+		const _files = Array.from(files);
+		request_data[i] = files.length === 1 ? _files[0] : _files;
+	}
+</script>
+
+<h3>Request Inputs</h3>
+
+{#each app_info as { type, label, component }, i}
+	{#if type === "string"}
+		<label for="">
+			<span>{label} <code>{type}</code></span>
+			<input type="text" bind:value={request_data[i]} />
+		</label>
+	{:else if type === "number"}
+		<label for="">
+			<span>{label} <code>{type}</code></span>
+			<input type="number" bind:value={request_data[i]} />
+		</label>
+	{:else if type === "boolean"}
+		<label for="">
+			<span>{label} <code>{type}</code></span>
+			<input type="checkbox" bind:value={request_data[i]} />
+		</label>
+	{:else if type === "number"}
+		<label for="">
+			<span>{label} <code>{type}</code></span>
+			<input type="number" bind:value={request_data[i]} />
+		</label>
+	{:else if type === "string[]"}
+		<label for="">
+			<span>{label} <code>{type} - comma separated list</code></span>
+			<input
+				type="text"
+				value={request_data[i]}
+				on:input={(e) =>
+					(request_data[i] = e.currentTarget.value
+						.split(",")
+						.map((v) => v.trim()))}
+			/>
+		</label>
+	{:else if ["Image", "Audio", "Video"].includes(component)}
+		<label for="">
+			<span>{label} <code>File</code></span>
+			<input
+				type="file"
+				on:input={(e) => handle_file(e.currentTarget.files, i)}
+			/>
+		</label>
+	{/if}
+{/each}
+
+<style>
+	label {
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-1);
+		width: 100%;
+	}
+
+	input {
+		outline: none;
+		border-radius: 2px;
+	}
+
+	input:focus-visible {
+		border-color: var(--color-accent);
+	}
+</style>
diff --git a/js/_spaces-test/src/lib/ResponsePreview.svelte b/js/_spaces-test/src/lib/ResponsePreview.svelte
new file mode 100644
index 0000000..61114c7
--- /dev/null
+++ b/js/_spaces-test/src/lib/ResponsePreview.svelte
@@ -0,0 +1,90 @@
+<script>
+	import Spinner from "./Spinner.svelte";
+	import Warning from "./Warning.svelte";
+	import Success from "./Success.svelte";
+	/**
+	 * @type {{data: any[]}}
+	 */
+	export let response_data = { data: [] };
+	/**
+	 * @type {{type: string; label: string; component:string}[]}
+	 */
+	export let app_info;
+
+	/**
+	 * @type {"pending" | "error" | "complete" | "generating" | 'idle'}
+	 */
+	export let status = "idle";
+</script>
+
+<div>
+	<div class="heading-wrap">
+		<h3>Response Outputs</h3>
+		{#if status === "pending" || status === "generating"}
+			<Spinner />
+		{:else if status === "error"}
+			<Warning />
+		{:else if status === "complete"}
+			<Success />
+		{/if}
+	</div>
+	{#each app_info as { type, label, component }, i}
+		{#if type === "string"}
+			<label for="">
+				<span>{label} <code>{type}</code></span>
+				<input type="text" disabled value={response_data.data[i] || ""} />
+			</label>
+		{:else if type === "number"}
+			<label for="">
+				<span>{label} <code>{type}</code></span>
+				<input type="number" disabled value={response_data.data[i] || ""} />
+			</label>
+		{:else if type === "boolean"}
+			<label for="">
+				<span>{label} <code>{type}</code></span>
+				<input type="checkbox" disabled value={response_data.data[i] || ""} />
+			</label>
+		{:else if type === "number"}
+			<label for="">
+				<span>{label} <code>{type}</code></span>
+				<input type="number" disabled value={response_data.data[i] || ""} />
+			</label>
+		{:else if type === "string[]"}
+			<label for="">
+				<span>{label} <code>{type} - comma separated list</code></span>
+				<input type="text" disabled value={response_data.data[i] || ""} />
+			</label>
+		{/if}
+	{/each}
+
+	<h4>JSON</h4>
+	<pre><code
+			>{JSON.stringify(
+				response_data.data.length ? response_data : {},
+				null,
+				2
+			)}</code
+		></pre>
+</div>
+
+<style>
+	label {
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-1);
+		width: 100%;
+	}
+
+	input {
+		outline: none;
+		border-radius: 2px;
+	}
+
+	input:focus-visible {
+		border-color: var(--color-accent);
+	}
+
+	.heading-wrap {
+		display: flex;
+	}
+</style>
diff --git a/js/_spaces-test/src/lib/Spinner.svelte b/js/_spaces-test/src/lib/Spinner.svelte
new file mode 100644
index 0000000..3c402f3
--- /dev/null
+++ b/js/_spaces-test/src/lib/Spinner.svelte
@@ -0,0 +1,43 @@
+<span class="loader" />
+
+<style>
+	.loader {
+		display: block;
+		position: relative;
+		animation: shadowPulse 2s linear infinite;
+		box-sizing: border-box;
+		margin: var(--spacing-xxl) 0 var(--spacing-lg) var(--spacing-xxl) !important;
+		box-shadow:
+			-24px 0 #fff,
+			24px 0 #fff;
+		border-radius: 50%;
+		background: #fff;
+		width: 16px;
+		height: 16px;
+	}
+
+	@keyframes shadowPulse {
+		33% {
+			box-shadow:
+				-24px 0 #ff3d00,
+				24px 0 #fff;
+			background: #fff;
+		}
+		66% {
+			box-shadow:
+				-24px 0 #fff,
+				24px 0 #fff;
+			background: #ff3d00;
+		}
+		100% {
+			box-shadow:
+				-24px 0 #fff,
+				24px 0 #ff3d00;
+			background: #fff;
+		}
+	}
+
+	.loader {
+		transform: scale(0.4) translateY(7px);
+	}
+</style>
diff --git a/js/_spaces-test/src/lib/Success.svelte b/js/_spaces-test/src/lib/Success.svelte
new file mode 100644
index 0000000..abe7c7f
--- /dev/null
+++ b/js/_spaces-test/src/lib/Success.svelte
@@ -0,0 +1,27 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 32 32"
+	><path
+		fill="currentColor"
+		d="M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2Zm-2 19.59l-5-5L10.59 15L14 18.41L21.41 11l1.596 1.586Z"
+	/><path
+		fill="none"
+		d="m14 21.591l-5-5L10.591 15L14 18.409L21.41 11l1.595 1.585L14 21.591z"
+	/></svg
+>
+
+<style>
+	svg {
+		margin: var(--spacing-xxl) 0 var(--spacing-lg) var(--spacing-lg) !important;
+		width: 18px;
+		height: 18px;
+		color: var(--color-green-500);
+	}
+
+	svg path {
+		transform: translateY(2px);
+		color: var(--color-green-500);
+	}
+</style>
diff --git a/js/_spaces-test/src/lib/Warning.svelte b/js/_spaces-test/src/lib/Warning.svelte
new file mode 100644
index 0000000..41f8866
--- /dev/null
+++ b/js/_spaces-test/src/lib/Warning.svelte
@@ -0,0 +1,30 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 32 32"
+	><path
+		fill="none"
+		d="M16 26a1.5 1.5 0 1 1 1.5-1.5A1.5 1.5 0 0 1 16 26Zm-1.125-5h2.25v-9h-2.25Z"
+	/><path
+		fill="currentColor"
+		d="M16.002 6.171h-.004L4.648 27.997l.003.003h22.698l.002-.003ZM14.875 12h2.25v9h-2.25ZM16 26a1.5 1.5 0 1 1 1.5-1.5A1.5 1.5 0 0 1 16 26Z"
+	/><path
+		fill="currentColor"
+		d="M29 30H3a1 1 0 0 1-.887-1.461l13-25a1 1 0 0 1 1.774 0l13 25A1 1 0 0 1 29 30ZM4.65 28h22.7l.001-.003L16.002 6.17h-.004L4.648 27.997Z"
+	/></svg
+>
+
+<style>
+	svg {
+		margin: var(--spacing-xxl) 0 var(--spacing-lg) var(--spacing-lg) !important;
+		width: 18px;
+		height: 18px;
+		color: var(--color-red-500);
+	}
+
+	svg path {
+		transform: translateY(2px);
+		color: var(--color-red-500);
+	}
+</style>
diff --git a/js/_spaces-test/src/lib/theme.css b/js/_spaces-test/src/lib/theme.css
new file mode 100644
index 0000000..0dda9e1
--- /dev/null
+++ b/js/_spaces-test/src/lib/theme.css
@@ -0,0 +1,508 @@
+:root {
+	--name: default;
+	--primary-50: #fff7ed;
+	--primary-100: #ffedd5;
+	--primary-200: #fed7aa;
+	--primary-300: #fdba74;
+	--primary-400: #fb923c;
+	--primary-500: #f97316;
+	--primary-600: #ea580c;
+	--primary-700: #c2410c;
+	--primary-800: #9a3412;
+	--primary-900: #7c2d12;
+	--primary-950: #6c2e12;
+	--secondary-50: #eff6ff;
+	--secondary-100: #dbeafe;
+	--secondary-200: #bfdbfe;
+	--secondary-300: #93c5fd;
+	--secondary-400: #60a5fa;
+	--secondary-500: #3b82f6;
+	--secondary-600: #2563eb;
+	--secondary-700: #1d4ed8;
+	--secondary-800: #1e40af;
+	--secondary-900: #1e3a8a;
+	--secondary-950: #1d3660;
+	--neutral-50: #f9fafb;
+	--neutral-100: #f3f4f6;
+	--neutral-200: #e5e7eb;
+	--neutral-300: #d1d5db;
+	--neutral-400: #9ca3af;
+	--neutral-500: #6b7280;
+	--neutral-600: #4b5563;
+	--neutral-700: #374151;
+	--neutral-800: #1f2937;
+	--neutral-900: #111827;
+	--neutral-950: #0b0f19;
+	--spacing-xxs: 1px;
+	--spacing-xs: 2px;
+	--spacing-sm: 4px;
+	--spacing-md: 6px;
+	--spacing-lg: 8px;
+	--spacing-xl: 10px;
+	--spacing-xxl: 16px;
+	--radius-xxs: 1px;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 6px;
+	--radius-lg: 8px;
+	--radius-xl: 12px;
+	--radius-xxl: 22px;
+	--text-xxs: 9px;
+	--text-xs: 10px;
+	--text-sm: 12px;
+	--text-md: 14px;
+	--text-lg: 16px;
+	--text-xl: 22px;
+	--text-xxl: 26px;
+	--font: "IBM Plex Sans", "ui-sans-serif", "system-ui", sans-serif;
+	--font-mono: "IBM Plex Mono", "ui-monospace", "Consolas", monospace;
+	--body-background-fill: var(--background-fill-primary);
+	--body-text-color: var(--neutral-800);
+	--body-text-size: var(--text-md);
+	--body-text-weight: 400;
+	--embed-radius: var(--radius-lg);
+	--color-accent: var(--primary-500);
+	--color-accent-soft: var(--primary-50);
+	--background-fill-primary: white;
+	--background-fill-secondary: var(--neutral-50);
+	--border-color-accent: var(--primary-300);
+	--border-color-primary: var(--neutral-200);
+	--link-text-color: var(--secondary-600);
+	--link-text-color-active: var(--secondary-600);
+	--link-text-color-hover: var(--secondary-700);
+	--link-text-color-visited: var(--secondary-500);
+	--body-text-color-subdued: var(--neutral-400);
+	--accordion-text-color: var(--body-text-color);
+	--table-text-color: var(--body-text-color);
+	--shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+	--shadow-drop-lg:
+		0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+	--shadow-spread: 3px;
+	--block-background-fill: var(--background-fill-primary);
+	--block-border-color: var(--border-color-primary);
+	--block-border-width: 1px;
+	--block-info-text-color: var(--body-text-color-subdued);
+	--block-info-text-size: var(--text-sm);
+	--block-info-text-weight: 400;
+	--block-label-background-fill: var(--background-fill-primary);
+	--block-label-border-color: var(--border-color-primary);
+	--block-label-border-width: 1px;
+	--block-label-shadow: var(--block-shadow);
+	--block-label-text-color: var(--neutral-500);
+	--block-label-margin: 0;
+	--block-label-padding: var(--spacing-sm) var(--spacing-lg);
+	--block-label-radius: calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px) 0;
+	--block-label-right-radius: 0 calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px);
+	--block-label-text-size: var(--text-sm);
+	--block-label-text-weight: 400;
+	--block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
+	--block-radius: var(--radius-lg);
+	--block-shadow: var(--shadow-drop);
+	--block-title-background-fill: none;
+	--block-title-border-color: none;
+	--block-title-border-width: 0px;
+	--block-title-text-color: var(--neutral-500);
+	--block-title-padding: 0;
+	--block-title-radius: none;
+	--block-title-text-size: var(--text-md);
+	--block-title-text-weight: 400;
+	--container-radius: var(--radius-lg);
+	--form-gap-width: 1px;
+	--layout-gap: var(--spacing-xxl);
+	--panel-background-fill: var(--background-fill-secondary);
+	--panel-border-color: var(--border-color-primary);
+	--panel-border-width: 0;
+	--section-header-text-size: var(--text-md);
+	--section-header-text-weight: 400;
+	--border-color-accent-subdued: var(--primary-200);
+	--code-background-fill: var(--neutral-100);
+	--checkbox-background-color: var(--background-fill-primary);
+	--checkbox-background-color-focus: var(--checkbox-background-color);
+	--checkbox-background-color-hover: var(--checkbox-background-color);
+	--checkbox-background-color-selected: var(--secondary-600);
+	--checkbox-border-color: var(--neutral-300);
+	--checkbox-border-color-focus: var(--secondary-500);
+	--checkbox-border-color-hover: var(--neutral-300);
+	--checkbox-border-color-selected: var(--secondary-600);
+	--checkbox-border-radius: var(--radius-sm);
+	--checkbox-border-width: var(--input-border-width);
+	--checkbox-label-background-fill: linear-gradient(
+		to top,
+		var(--neutral-50),
+		white
+	);
+	--checkbox-label-background-fill-hover: linear-gradient(
+		to top,
+		var(--neutral-100),
+		white
+	);
+	--checkbox-label-background-fill-selected: var(
+		--checkbox-label-background-fill
+	);
+	--checkbox-label-border-color: var(--border-color-primary);
+	--checkbox-label-border-color-hover: var(--checkbox-label-border-color);
+	--checkbox-label-border-width: var(--input-border-width);
+	--checkbox-label-gap: var(--spacing-lg);
+	--checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--checkbox-label-shadow: var(--shadow-drop);
+	--checkbox-label-text-size: var(--text-md);
+	--checkbox-label-text-weight: 400;
+	--checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+	--radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+	--checkbox-shadow: var(--input-shadow);
+	--checkbox-label-text-color: var(--body-text-color);
+	--checkbox-label-text-color-selected: var(--checkbox-label-text-color);
+	--error-background-fill: #fef2f2;
+	--error-border-color: #b91c1c;
+	--error-border-width: 1px;
+	--error-text-color: #b91c1c;
+	--error-icon-color: #b91c1c;
+	--input-background-fill: white;
+	--input-background-fill-focus: var(--secondary-500);
+	--input-background-fill-hover: var(--input-background-fill);
+	--input-border-color: var(--border-color-primary);
+	--input-border-color-focus: var(--secondary-300);
+	--input-border-color-hover: var(--input-border-color);
+	--input-border-width: 1px;
+	--input-padding: var(--spacing-xl);
+	--input-placeholder-color: var(--neutral-400);
+	--input-radius: var(--radius-lg);
+	--input-shadow: 0 0 0 var(--shadow-spread) transparent, var(--shadow-inset);
+	--input-shadow-focus:
+		0 0 0 var(--shadow-spread) var(--secondary-50), var(--shadow-inset);
+	--input-text-size: var(--text-md);
+	--input-text-weight: 400;
+	--loader-color: var(--color-accent);
+	--prose-text-size: var(--text-md);
+	--prose-text-weight: 400;
+	--prose-header-text-weight: 600;
+	--slider-color: #2563eb;
+	--stat-background-fill: linear-gradient(
+		to right,
+		var(--primary-400),
+		var(--primary-200)
+	);
+	--table-border-color: var(--neutral-300);
+	--table-even-background-fill: white;
+	--table-odd-background-fill: var(--neutral-50);
+	--table-radius: var(--radius-lg);
+	--table-row-focus: var(--color-accent-soft);
+	--button-border-width: var(--input-border-width);
+	--button-cancel-background-fill: linear-gradient(
+		to bottom right,
+		#fee2e2,
+		#fecaca
+	);
+	--button-cancel-background-fill-hover: linear-gradient(
+		to bottom right,
+		#fee2e2,
+		#fee2e2
+	);
+	--button-cancel-border-color: #fecaca;
+	--button-cancel-border-color-hover: var(--button-cancel-border-color);
+	--button-cancel-text-color: #dc2626;
+	--button-cancel-text-color-hover: var(--button-cancel-text-color);
+	--button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
+	--button-large-radius: var(--radius-lg);
+	--button-large-text-size: var(--text-lg);
+	--button-large-text-weight: 600;
+	--button-primary-background-fill: linear-gradient(
+		to bottom right,
+		var(--primary-100),
+		var(--primary-300)
+	);
+	--button-primary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--primary-100),
+		var(--primary-200)
+	);
+	--button-primary-border-color: var(--primary-200);
+	--button-primary-border-color-hover: var(--button-primary-border-color);
+	--button-primary-text-color: var(--primary-600);
+	--button-primary-text-color-hover: var(--button-primary-text-color);
+	--button-secondary-background-fill: linear-gradient(
+		to bottom right,
+		var(--neutral-100),
+		var(--neutral-200)
+	);
+	--button-secondary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--neutral-100),
+		var(--neutral-100)
+	);
+	--button-secondary-border-color: var(--neutral-200);
+	--button-secondary-border-color-hover: var(--button-secondary-border-color);
+	--button-secondary-text-color: var(--neutral-700);
+	--button-secondary-text-color-hover: var(--button-secondary-text-color);
+	--button-shadow: var(--shadow-drop);
+	--button-shadow-active: var(--shadow-inset);
+	--button-shadow-hover: var(--shadow-drop-lg);
+	--button-small-padding: var(--spacing-sm) calc(2 * var(--spacing-sm));
+	--button-small-radius: var(--radius-lg);
+	--button-small-text-size: var(--text-md);
+	--button-small-text-weight: 400;
+	--button-transition: none;
+}
+.dark {
+	--body-background-fill: var(--background-fill-primary);
+	--body-text-color: var(--neutral-100);
+	--color-accent-soft: var(--neutral-700);
+	--background-fill-primary: var(--neutral-950);
+	--background-fill-secondary: var(--neutral-900);
+	--border-color-accent: var(--neutral-600);
+	--border-color-primary: var(--neutral-700);
+	--link-text-color-active: var(--secondary-500);
+	--link-text-color: var(--secondary-500);
+	--link-text-color-hover: var(--secondary-400);
+	--link-text-color-visited: var(--secondary-600);
+	--body-text-color-subdued: var(--neutral-400);
+	--accordion-text-color: var(--body-text-color);
+	--table-text-color: var(--body-text-color);
+	--shadow-spread: 1px;
+	--block-background-fill: var(--neutral-800);
+	--block-border-color: var(--border-color-primary);
+	--block_border_width: None;
+	--block-info-text-color: var(--body-text-color-subdued);
+	--block-label-background-fill: var(--background-fill-secondary);
+	--block-label-border-color: var(--border-color-primary);
+	--block_label_border_width: None;
+	--block-label-text-color: var(--neutral-200);
+	--block_shadow: None;
+	--block_title_background_fill: None;
+	--block_title_border_color: None;
+	--block_title_border_width: None;
+	--block-title-text-color: var(--neutral-200);
+	--panel-background-fill: var(--background-fill-secondary);
+	--panel-border-color: var(--border-color-primary);
+	--panel_border_width: None;
+	--border-color-accent-subdued: var(--border-color-accent);
+	--code-background-fill: var(--neutral-800);
+	--checkbox-background-color: var(--neutral-800);
+	--checkbox-background-color-focus: var(--checkbox-background-color);
+	--checkbox-background-color-hover: var(--checkbox-background-color);
+	--checkbox-background-color-selected: var(--secondary-600);
+	--checkbox-border-color: var(--neutral-700);
+	--checkbox-border-color-focus: var(--secondary-500);
+	--checkbox-border-color-hover: var(--neutral-600);
+	--checkbox-border-color-selected: var(--secondary-600);
+	--checkbox-border-width: var(--input-border-width);
+	--checkbox-label-background-fill: linear-gradient(
+		to top,
+		var(--neutral-900),
+		var(--neutral-800)
+	);
+	--checkbox-label-background-fill-hover: linear-gradient(
+		to top,
+		var(--neutral-900),
+		var(--neutral-800)
+	);
+	--checkbox-label-background-fill-selected: var(
+		--checkbox-label-background-fill
+	);
+	--checkbox-label-border-color: var(--border-color-primary);
+	--checkbox-label-border-color-hover: var(--checkbox-label-border-color);
+	--checkbox-label-border-width: var(--input-border-width);
+	--checkbox-label-text-color: var(--body-text-color);
+	--checkbox-label-text-color-selected: var(--checkbox-label-text-color);
+	--error-background-fill: var(--neutral-900);
+	--error-border-color: #ef4444;
+	--error_border_width: None;
+	--error-text-color: #fef2f2;
+	--error-icon-color: #ef4444;
+	--input-background-fill: var(--neutral-800);
+	--input-background-fill-focus: var(--secondary-600);
+	--input-background-fill-hover: var(--input-background-fill);
+	--input-border-color: var(--border-color-primary);
+	--input-border-color-focus: var(--neutral-700);
+	--input-border-color-hover: var(--input-border-color);
+	--input_border_width: None;
+	--input-placeholder-color: var(--neutral-500);
+	--input_shadow: None;
+	--input-shadow-focus:
+		0 0 0 var(--shadow-spread) var(--neutral-700), var(--shadow-inset);
+	--loader_color: None;
+	--slider_color: None;
+	--stat-background-fill: linear-gradient(
+		to right,
+		var(--primary-400),
+		var(--primary-600)
+	);
+	--table-border-color: var(--neutral-700);
+	--table-even-background-fill: var(--neutral-950);
+	--table-odd-background-fill: var(--neutral-900);
+	--table-row-focus: var(--color-accent-soft);
+	--button-border-width: var(--input-border-width);
+	--button-cancel-background-fill: linear-gradient(
+		to bottom right,
+		#dc2626,
+		#b91c1c
+	);
+	--button-cancel-background-fill-hover: linear-gradient(
+		to bottom right,
+		#dc2626,
+		#dc2626
+	);
+	--button-cancel-border-color: #dc2626;
+	--button-cancel-border-color-hover: var(--button-cancel-border-color);
+	--button-cancel-text-color: white;
+	--button-cancel-text-color-hover: var(--button-cancel-text-color);
+	--button-primary-background-fill: linear-gradient(
+		to bottom right,
+		var(--primary-500),
+		var(--primary-600)
+	);
+	--button-primary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--primary-500),
+		var(--primary-500)
+	);
+	--button-primary-border-color: var(--primary-500);
+	--button-primary-border-color-hover: var(--button-primary-border-color);
+	--button-primary-text-color: white;
+	--button-primary-text-color-hover: var(--button-primary-text-color);
+	--button-secondary-background-fill: linear-gradient(
+		to bottom right,
+		var(--neutral-600),
+		var(--neutral-700)
+	);
+	--button-secondary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--neutral-600),
+		var(--neutral-600)
+	);
+	--button-secondary-border-color: var(--neutral-600);
+	--button-secondary-border-color-hover: var(--button-secondary-border-color);
+	--button-secondary-text-color: white;
+	--button-secondary-text-color-hover: var(--button-secondary-text-color);
+	--name: default;
+	--primary-50: #fff7ed;
+	--primary-100: #ffedd5;
+	--primary-200: #fed7aa;
+	--primary-300: #fdba74;
+	--primary-400: #fb923c;
+	--primary-500: #f97316;
+	--primary-600: #ea580c;
+	--primary-700: #c2410c;
+	--primary-800: #9a3412;
+	--primary-900: #7c2d12;
+	--primary-950: #6c2e12;
+	--secondary-50: #eff6ff;
+	--secondary-100: #dbeafe;
+	--secondary-200: #bfdbfe;
+	--secondary-300: #93c5fd;
+	--secondary-400: #60a5fa;
+	--secondary-500: #3b82f6;
+	--secondary-600: #2563eb;
+	--secondary-700: #1d4ed8;
+	--secondary-800: #1e40af;
+	--secondary-900: #1e3a8a;
+	--secondary-950: #1d3660;
+	--neutral-50: #f9fafb;
+	--neutral-100: #f3f4f6;
+	--neutral-200: #e5e7eb;
+	--neutral-300: #d1d5db;
+	--neutral-400: #9ca3af;
+	--neutral-500: #6b7280;
+	--neutral-600: #4b5563;
+	--neutral-700: #374151;
+	--neutral-800: #1f2937;
+	--neutral-900: #111827;
+	--neutral-950: #0b0f19;
+	--spacing-xxs: 1px;
+	--spacing-xs: 2px;
+	--spacing-sm: 4px;
+	--spacing-md: 6px;
+	--spacing-lg: 8px;
+	--spacing-xl: 10px;
+	--spacing-xxl: 16px;
+	--radius-xxs: 1px;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 6px;
+	--radius-lg: 8px;
+	--radius-xl: 12px;
+	--radius-xxl: 22px;
+	--text-xxs: 9px;
+	--text-xs: 10px;
+	--text-sm: 12px;
+	--text-md: 14px;
+	--text-lg: 16px;
+	--text-xl: 22px;
+	--text-xxl: 26px;
+	--font: "IBM Plex Sans", "ui-sans-serif", "system-ui", sans-serif;
+	--font-mono: "IBM Plex Mono", "ui-monospace", "Consolas", monospace;
+	--body-text-size: var(--text-md);
+	--body-text-weight: 400;
+	--embed-radius: var(--radius-lg);
+	--color-accent: var(--primary-500);
+	--shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+	--shadow-drop-lg:
+		0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+	--block-border-width: 1px;
+	--block-info-text-size: var(--text-sm);
+	--block-info-text-weight: 400;
+	--block-label-border-width: 1px;
+	--block-label-shadow: var(--block-shadow);
+	--block-label-margin: 0;
+	--block-label-padding: var(--spacing-sm) var(--spacing-lg);
+	--block-label-radius: calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px) 0;
+	--block-label-right-radius: 0 calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px);
+	--block-label-text-size: var(--text-sm);
+	--block-label-text-weight: 400;
+	--block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
+	--block-radius: var(--radius-lg);
+	--block-shadow: var(--shadow-drop);
+	--block-title-background-fill: none;
+	--block-title-border-color: none;
+	--block-title-border-width: 0px;
+	--block-title-padding: 0;
+	--block-title-radius: none;
+	--block-title-text-size: var(--text-md);
+	--block-title-text-weight: 400;
+	--container-radius: var(--radius-lg);
+	--form-gap-width: 1px;
+	--layout-gap: var(--spacing-xxl);
+	--panel-border-width: 0;
+	--section-header-text-size: var(--text-md);
+	--section-header-text-weight: 400;
+	--checkbox-border-radius: var(--radius-sm);
+	--checkbox-label-gap: var(--spacing-lg);
+	--checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--checkbox-label-shadow: var(--shadow-drop);
+	--checkbox-label-text-size: var(--text-md);
+	--checkbox-label-text-weight: 400;
+	--checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+	--radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+	--checkbox-shadow: var(--input-shadow);
+	--error-border-width: 1px;
+	--input-border-width: 1px;
+	--input-padding: var(--spacing-xl);
+	--input-radius: var(--radius-lg);
+	--input-shadow: 0 0 0 var(--shadow-spread) transparent, var(--shadow-inset);
+	--input-text-size: var(--text-md);
+	--input-text-weight: 400;
+	--loader-color: var(--color-accent);
+	--prose-text-size: var(--text-md);
+	--prose-text-weight: 400;
+	--prose-header-text-weight: 600;
+	--slider-color: #2563eb;
+	--table-radius: var(--radius-lg);
+	--button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
+	--button-large-radius: var(--radius-lg);
+	--button-large-text-size: var(--text-lg);
+	--button-large-text-weight: 600;
+	--button-shadow: var(--shadow-drop);
+	--button-shadow-active: var(--shadow-inset);
+	--button-shadow-hover: var(--shadow-drop-lg);
+	--button-small-padding: var(--spacing-sm) calc(2 * var(--spacing-sm));
+	--button-small-radius: var(--radius-lg);
+	--button-small-text-size: var(--text-md);
+	--button-small-text-weight: 400;
+	--button-transition: none;
+}
diff --git a/js/_spaces-test/src/routes/+layout.svelte b/js/_spaces-test/src/routes/+layout.svelte
new file mode 100644
index 0000000..afe0a7f
--- /dev/null
+++ b/js/_spaces-test/src/routes/+layout.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+	import "@gradio/theme";
+	import "../styles.css";
+	// import "../../../app/test/mocks/theme.css";
+	// import { page } from "$app/stores";
+	// import { afterNavigate } from "$app";
+	import "../lib/theme.css";
+
+	const links = [
+		["/embeds", "Embeds"],
+		["/client-browser", "Client-Browser"],
+		["/client-node", "Client-Node"]
+	];
+
+	// $: afterNavigate(() => (location.hash = $page.url.pathname.replace("/", "")));
+</script>
+
+<svelte:head>
+	<link rel="preconnect" href="https://fonts.googleapis.com" />
+	<link
+		rel="preconnect"
+		href="https://fonts.gstatic.com"
+		crossorigin="anonymous"
+	/>
+	<link
+		rel="stylesheet"
+		href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&amp;display=swap"
+	/>
+	<link
+		rel="stylesheet"
+		href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&amp;display=swap"
+	/>
+</svelte:head>
+
+<div>
+	<ul>
+		{#each links as [url, name]}
+			<li><a href={url}>{name}</a></li>
+		{/each}
+	</ul>
+	<slot />
+</div>
+
+<style>
+	div {
+		margin: auto;
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+
+		min-height: 100dvh;
+	}
+
+	ul {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: var(--spacing-xxl);
+		list-style: none;
+		height: 55px;
+	}
+
+	a {
+		color: var(--link-text-color);
+		text-decoration: none;
+	}
+
+	a.active {
+		color: var(--color-accent);
+		font-weight: bold;
+	}
+
+	.prose {
+		margin-top: var(--size-5);
+	}
+</style>
diff --git a/js/_spaces-test/src/routes/+page.svelte b/js/_spaces-test/src/routes/+page.svelte
new file mode 100644
index 0000000..d393e37
--- /dev/null
+++ b/js/_spaces-test/src/routes/+page.svelte
@@ -0,0 +1 @@
+<h2>Embeds</h2>
diff --git a/js/_spaces-test/src/routes/client-browser/+page.svelte b/js/_spaces-test/src/routes/client-browser/+page.svelte
new file mode 100644
index 0000000..dd8ab29
--- /dev/null
+++ b/js/_spaces-test/src/routes/client-browser/+page.svelte
@@ -0,0 +1,299 @@
+<script>
+	import { Client } from "@gradio/client";
+	import EndpointInputs from "../../lib/EndpointInputs.svelte";
+	import ResponsePreview from "../../lib/ResponsePreview.svelte";
+
+	let api = "gradio/cancel_events";
+
+	/**
+	 * @type {`hf_${string}`}
+	 */
+	let hf_token = "hf_";
+	/**
+	 * @type Client
+	 */
+	let app;
+	/**
+	 * @type any
+	 */
+	let app_info;
+	/**
+	 * @type string[]
+	 */
+	let named = [];
+	/**
+	 * @type string[]
+	 */
+	let unnamed = [];
+	/**
+	 * @type string | number
+	 */
+	let active_endpoint = "";
+	/**
+	 *  @type {{data: any[]; fn_index: number; endpoint: string|number}}
+	 */
+	let response_data = { data: [], fn_index: 0, endpoint: "" };
+	/**
+	 * @type any[]
+	 */
+	let request_data = [];
+	async function connect() {
+		named = [];
+		unnamed = [];
+		app_info = undefined;
+		active_endpoint = "";
+		response_data = { data: [], fn_index: 0, endpoint: "" };
+		if (!api || (hf_token && !hf_token.startsWith("hf_"))) return;
+
+		app = await Client.connect(api, {
+			token: hf_token
+		});
+
+		const { named_endpoints, unnamed_endpoints } = await app.view_api();
+
+		named = Object.keys(named_endpoints);
+		unnamed = Object.keys(unnamed_endpoints);
+	}
+
+	/**
+	 * @param type {"named" | "unnamed"}
+	 * @param _endpoint {string}
+	 */
+	async function select_endpoint(type, _endpoint) {
+		response_data = { data: [], fn_index: 0, endpoint: "" };
+		const _endpoint_info = (await app.view_api())?.[`${type}_endpoints`]?.[
+			type === "unnamed" ? parseInt(_endpoint) : _endpoint
+		];
+		if (!_endpoint_info) return;
+
+		app_info = _endpoint_info;
+		active_endpoint = type === "unnamed" ? parseInt(_endpoint) : _endpoint;
+	}
+
+	/**
+	 * @type ReturnType<Client['submit']>
+	 */
+	let job;
+
+	/**
+	 * @type {"pending" | "error" | "complete" | "generating" | 'idle'}
+	 */
+	let status = "idle";
+
+	async function submit() {
+		response_data = { data: [], fn_index: 0, endpoint: "" };
+
+		job = app.submit(active_endpoint, request_data);
+		// .on("data", (data) => {
+		// 	response_data = data;
+		// })
+		// .on("status", (_status) => {
+		// 	status = _status.stage;
+		// });
+	}
+
+	function cancel() {
+		job.cancel();
+	}
+
+	let endpoint_type_text = "";
+	$: {
+		if (!app_info) {
+			endpoint_type_text = "";
+		} else if (!app_info.type.continuos && app_info.type.generator) {
+			endpoint_type_text =
+				"This endpoint generates values over time and can be cancelled.";
+		} else if (app_info.type.continuos && app_info.type.generator) {
+			endpoint_type_text =
+				"This endpoint generates values over time and will continue to yield values until cancelled.";
+		} else {
+			endpoint_type_text = "This endpoint runs once and cannot be cancelled.";
+		}
+	}
+</script>
+
+<h2>Client Browser</h2>
+
+<p>
+	Enter a space <code>user-space/name</code> to test the client in a browser environment
+	with any space.
+</p>
+<p>
+	You may optionally provide a <code>hf_token</code> to test a private space
+</p>
+
+<div class="input-wrap">
+	<label for="">
+		<span>Space Name</span>
+		<input type="text" placeholder="user/space-name" bind:value={api} />
+	</label>
+
+	<label for="">
+		<span>Hugging Face Token <i>(optional)</i></span>
+		<input type="text" placeholder="hf_..." bind:value={hf_token} />
+	</label>
+</div>
+
+<button on:click={connect}>Connect</button>
+
+{#if named.length || unnamed.length}
+	<div class="endpoints">
+		<div class="endpoint">
+			<h3>Named endpoints</h3>
+			{#if named.length}
+				{#each named as endpoint}
+					<button
+						class="endpoint-button"
+						class:selected={endpoint === active_endpoint}
+						on:click={() => select_endpoint("named", endpoint)}
+						>{endpoint}</button
+					>
+				{/each}
+			{:else}
+				<p>There are no named endpoints</p>
+			{/if}
+		</div>
+
+		<div class="endpoint">
+			<h3>Unnamed endpoints</h3>
+
+			{#if unnamed.length}
+				{#each unnamed as endpoint}
+					<button
+						class="endpoint-button"
+						class:selected={parseInt(endpoint) === active_endpoint}
+						on:click={() => select_endpoint("unnamed", endpoint)}
+						>{endpoint}</button
+					>
+				{/each}
+			{:else}
+				<p>There are no unnamed endpoints</p>
+			{/if}
+		</div>
+	</div>
+{/if}
+
+{#if app_info}
+	<hr />
+	<p>
+		This endpoint accepts {app_info.parameters.length
+			? app_info.parameters.length
+			: "no"} piece{app_info.parameters.length < 1 ||
+		app_info.parameters.length > 1
+			? "s"
+			: ""} of data and returns {app_info.returns.length
+			? app_info.returns.length
+			: "no"} piece{app_info.returns.length < 1 || app_info.returns.length > 1
+			? "s"
+			: ""} of data. {endpoint_type_text}
+	</p>
+	<hr />
+	<div class="app_info">
+		<div>
+			<EndpointInputs app_info={app_info.parameters} bind:request_data />
+			<button class="submit" on:click={submit}>Submit Request</button>
+			{#if app_info.type.generator || app_info.type.continuous}
+				<button class="cancel" on:click={cancel}>Cancel Request</button>
+			{/if}
+		</div>
+		<div>
+			<ResponsePreview {status} app_info={app_info.returns} {response_data} />
+		</div>
+	</div>
+{/if}
+
+<style>
+	label {
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-1);
+		width: 100%;
+	}
+
+	label:first-child input {
+		margin-right: -1px;
+		border-top-left-radius: 2px;
+	}
+
+	label:last-child input {
+		border-top-right-radius: 2px;
+	}
+
+	input {
+		outline: none;
+		border-bottom: none;
+		border-radius: 0px;
+	}
+
+	input:focus-visible {
+		z-index: 1;
+		border-color: var(--color-accent);
+	}
+
+	.input-wrap {
+		display: flex;
+		margin-top: var(--size-6);
+	}
+
+	button {
+		border-bottom-right-radius: 2px;
+		border-bottom-left-radius: 2px;
+		background: var(--color-accent);
+		padding: var(--size-2) var(--size-2-5);
+		width: 100%;
+		color: var(--background-fill-primary);
+		font-weight: bold;
+		font-size: var(--scale-0);
+		/* margin-top: var(--size-3); */
+	}
+
+	.endpoints button {
+		background: var(--color-orange-200);
+		width: auto;
+		color: var(--body-text-color);
+	}
+	button.selected {
+		background: var(--color-accent);
+		color: white;
+	}
+
+	.endpoints {
+		display: flex;
+		gap: var(--size-10);
+		margin-top: var(--size-10);
+	}
+
+	.endpoint {
+		width: 100%;
+	}
+
+	.app_info {
+		display: flex;
+		gap: var(--size-10);
+		margin-top: var(--size-10);
+	}
+
+	.app_info > div {
+		width: 100%;
+	}
+	.submit {
+		margin-top: var(--size-5);
+	}
+
+	hr {
+		margin: var(--size-6) 0;
+	}
+
+	.cancel {
+		margin-top: var(--size-2);
+		background-color: var(--color-red-600);
+	}
+	.endpoint-button {
+		margin-right: var(--size-1);
+		border-radius: 2px;
+	}
+
+	button[disabled] {
+		opacity: 0.2;
+	}
+</style>
diff --git a/js/_spaces-test/src/routes/client-node/+page.svelte b/js/_spaces-test/src/routes/client-node/+page.svelte
new file mode 100644
index 0000000..690c371
--- /dev/null
+++ b/js/_spaces-test/src/routes/client-node/+page.svelte
@@ -0,0 +1,3 @@
+<h2>Client Node</h2>
+
+<p>coming soon.</p>
diff --git a/js/_spaces-test/src/routes/embeds/+page.svelte b/js/_spaces-test/src/routes/embeds/+page.svelte
new file mode 100644
index 0000000..11d2ddc
--- /dev/null
+++ b/js/_spaces-test/src/routes/embeds/+page.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import iframeResize from "iframe-resizer";
+
+	let gradio_container;
+	let iframe: HTMLIFrameElement;
+
+	onMount(() => {
+		import("@self/spa/webcomponent");
+		gradio_container = document.querySelector("gradio-container");
+		const iframe_resizer_attribute = "iframe-resizer";
+
+		iframeResize.iframeResizer(
+			{
+				heightCalculationMethod: "lowestElement",
+				checkOrigin: false,
+				warningTimeout: 0,
+				scrolling: false,
+				onInit: (iframe: HTMLIFrameElement) => {
+					iframe.setAttribute(iframe_resizer_attribute, "");
+					iframe.setAttribute("scrolling", "no");
+					iframe.style.overflow = "hidden";
+				}
+			},
+			iframe
+		);
+
+		setTimeout(() => {
+			if (iframe.hasAttribute(iframe_resizer_attribute)) {
+				return;
+			}
+
+			iframe.setAttribute("scrolling", "yes");
+		}, 1000);
+	});
+</script>
+
+<div>
+	<iframe
+		src="http://localhost:9876/"
+		bind:this={iframe}
+		allow="accelerometer; ambient-light-sensor; autoplay; battery; camera; clipboard-read; clipboard-write; display-capture; document-domain; encrypted-media; fullscreen; geolocation; gyroscope; layout-animations; legacy-image-formats; magnetometer; microphone; midi; oversized-images; payment; picture-in-picture; publickey-credentials-get; serial; sync-xhr; usb; vr ; wake-lock; xr-spatial-tracking"
+		sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-storage-access-by-user-activation"
+	></iframe>
+</div>
+
+<style>
+	div {
+		display: flex;
+		width: 100%;
+		min-width: 100%;
+
+		flex: 1;
+		border: none;
+		margin: 0;
+	}
+
+	iframe {
+		width: 100%;
+		border: none;
+		flex-grow: 1;
+		min-height: 100%;
+	}
+</style>
diff --git a/js/_spaces-test/src/styles.css b/js/_spaces-test/src/styles.css
new file mode 100644
index 0000000..e3510a9
--- /dev/null
+++ b/js/_spaces-test/src/styles.css
@@ -0,0 +1,5 @@
+* {
+	box-sizing: border-box;
+	margin: 0;
+	padding: 0;
+}
diff --git a/js/_spaces-test/static/favicon.png b/js/_spaces-test/static/favicon.png
new file mode 100644
index 0000000..825b9e6
Binary files /dev/null and b/js/_spaces-test/static/favicon.png differ
diff --git a/js/_spaces-test/svelte.config.js b/js/_spaces-test/svelte.config.js
new file mode 100644
index 0000000..9d75973
--- /dev/null
+++ b/js/_spaces-test/svelte.config.js
@@ -0,0 +1,31 @@
+import adapter from "@sveltejs/adapter-auto";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import { sveltePreprocess } from "svelte-preprocess";
+import global_data from "@csstools/postcss-global-data";
+import custom_media from "postcss-custom-media";
+import { resolve } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+
+const theme_token_path = resolve(__dirname, "../theme/src/tokens.css");
+
+// /** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter()
+	},
+	preprocess: [
+		vitePreprocess(),
+		sveltePreprocess({
+			postcss: {
+				plugins: [global_data({ files: [theme_token_path] }), custom_media()]
+			}
+		})
+	]
+};
+
+export default config;
diff --git a/js/_spaces-test/vite.config.js b/js/_spaces-test/vite.config.js
new file mode 100644
index 0000000..3b099b1
--- /dev/null
+++ b/js/_spaces-test/vite.config.js
@@ -0,0 +1,134 @@
+import { defineConfig } from "vite";
+import { svelte, vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import { sveltekit } from "@sveltejs/kit/vite";
+import { sveltePreprocess } from "svelte-preprocess";
+// @ts-ignore
+import custom_media from "postcss-custom-media";
+import global_data from "@csstools/postcss-global-data";
+// @ts-ignore
+import prefixer from "postcss-prefix-selector";
+import { readFileSync } from "fs";
+import { resolve } from "path";
+
+const version_path = resolve(__dirname, "../../gradio/package.json");
+const theme_token_path = resolve(__dirname, "../theme/src/tokens.css");
+const version_raw = JSON.parse(
+	readFileSync(version_path, { encoding: "utf-8" })
+).version.trim();
+const version = version_raw.replace(/\./g, "-");
+
+const client_version_path = resolve(
+	__dirname,
+	"../../client/python/gradio_client/package.json"
+);
+const client_version_raw = JSON.parse(
+	readFileSync(client_version_path, {
+		encoding: "utf-8"
+	})
+).version.trim();
+
+import {
+	inject_ejs,
+	generate_cdn_entry,
+	generate_dev_entry,
+	handle_ce_css,
+	inject_component_loader,
+	resolve_svelte,
+	mock_modules
+} from "@self/build";
+
+// const GRADIO_VERSION = version_raw || "asd_stub_asd";
+// const CDN_BASE = "https://gradio.s3-us-west-2.amazonaws.com";
+
+//@ts-ignore
+export default defineConfig(({ mode, isSsrBuild }) => {
+	const production = mode === "production";
+	const development = mode === "development";
+	return {
+		// base: "./",
+		server: {
+			open: "/"
+		},
+		build: {
+			sourcemap: true,
+			target: "esnext",
+			minify: production
+			// outDir: "../../gradio/templates/frontend",
+			// rollupOptions: {
+			// 	external: ["./svelte/svelte.js"],
+			// 	makeAbsoluteExternalsRelative: false
+			// }
+		},
+		define: {
+			BROWSER_BUILD: JSON.stringify(true),
+			BUILD_MODE: production ? JSON.stringify("prod") : JSON.stringify("dev"),
+			BACKEND_URL: production
+				? JSON.stringify("")
+				: JSON.stringify("http://localhost:7860/"),
+			GRADIO_VERSION: JSON.stringify(version)
+		},
+		css: {
+			postcss: {
+				plugins: [
+					prefixer({
+						prefix: `.gradio-container-${version}`,
+						// @ts-ignore
+						transform(prefix, selector, prefixedSelector, fileName) {
+							if (selector.indexOf("gradio-container") > -1) {
+								return prefix;
+							} else if (
+								selector.indexOf(":root") > -1 ||
+								selector.indexOf("dark") > -1 ||
+								selector.indexOf("body") > -1 ||
+								fileName.indexOf(".svelte") > -1
+							) {
+								return selector;
+							}
+							return prefixedSelector;
+						}
+					}),
+					custom_media()
+				]
+			}
+		},
+		plugins: [
+			// resolve_svelte(development),
+			sveltekit(),
+			// svelte({
+			// 	inspector: false,
+			// 	compilerOptions: {
+			// 		dev: true,
+			// 		discloseVersion: false,
+			// 		accessors: true
+			// 	},
+			// 	hot: !process.env.VITEST && !production,
+			// 	preprocess: [
+			// 		vitePreprocess(),
+			// 		sveltePreprocess({
+			// 			postcss: {
+			// 				plugins: [
+			// 					global_data({ files: [theme_token_path] }),
+			// 					custom_media()
+			// 				]
+			// 			}
+			// 		})
+			// 	]
+			// }),
+			resolve_svelte(true),
+			// generate_dev_entry({
+			// 	enable: !development && mode !== "test"
+			// }),
+			// inject_ejs(),
+			// generate_cdn_entry({ version: GRADIO_VERSION, cdn_base: CDN_BASE }),
+			// handle_ce_css(),
+			inject_component_loader({ mode }),
+			mode === "test" && mock_modules()
+		],
+		optimizeDeps: {
+			exclude: ["@ffmpeg/ffmpeg", "@ffmpeg/util", "@self/spa", "@self/core"]
+		},
+		resolve: {
+			conditions: ["gradio"]
+		}
+	};
+});
diff --git a/js/_website/.gitignore b/js/_website/.gitignore
new file mode 100644
index 0000000..4341872
--- /dev/null
+++ b/js/_website/.gitignore
@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+src/lib/json/
+.vercel
+src/lib/templates_*
+src/lib/templates/docs.json
+
diff --git a/js/_website/.npmrc b/js/_website/.npmrc
new file mode 100644
index 0000000..b6f27f1
--- /dev/null
+++ b/js/_website/.npmrc
@@ -0,0 +1 @@
+engine-strict=true
diff --git a/js/_website/CHANGELOG.md b/js/_website/CHANGELOG.md
new file mode 100644
index 0000000..9d2501e
--- /dev/null
+++ b/js/_website/CHANGELOG.md
@@ -0,0 +1,1818 @@
+# website
+
+## 0.79.0
+
+### Features
+
+- [#13547](https://github.com/gradio-app/gradio/pull/13547) [`370725b`](https://github.com/gradio-app/gradio/commit/370725bb433b15da0c303be8eb04638dc3100b26) - website build: add fallback to unversioned templates.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/tabs@0.9.0
+- @gradio/html@0.13.1
+- @gradio/code@0.18.1
+- @gradio/statustracker@0.15.1
+- @gradio/paramviewer@0.10.1
+- @gradio/button@0.8.1
+- @gradio/tabitem@0.8.2
+
+## 0.78.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.0
+- @gradio/button@0.8.0
+- @gradio/code@0.18.0
+- @gradio/html@0.13.0
+- @gradio/paramviewer@0.10.0
+- @gradio/tabs@0.8.0
+- @gradio/tabitem@0.8.1
+
+## 0.78.0
+
+### Features
+
+- [#13504](https://github.com/gradio-app/gradio/pull/13504) [`a6141ee`](https://github.com/gradio-app/gradio/commit/a6141ee3ce8260a249a6230e18b14fcaa9b2ac4c) - Fix website build checks.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/tabs@0.7.0
+- @gradio/button@0.7.0
+- @gradio/tabitem@0.8.0
+
+## 0.77.1
+
+### Fixes
+
+- [#13460](https://github.com/gradio-app/gradio/pull/13460) [`980db6c`](https://github.com/gradio-app/gradio/commit/980db6cc29b5e26a5f90334b0f4fd000b7443edc) - Offset guide heading anchors so the sticky header no longer covers the section title when clicking a table-of-contents link.  Thanks @ShirGanon!
+
+### Dependency updates
+
+- @gradio/tabs@0.6.0
+- @gradio/tabitem@0.7.0
+
+## 0.77.0
+
+### Features
+
+- [#13411](https://github.com/gradio-app/gradio/pull/13411) [`51497ae`](https://github.com/gradio-app/gradio/commit/51497ae8e5bab0ff5731d16df4148a024224cdf1) - add MiniMax ChatInterface example to the LLM providers guide.  Thanks @octo-patch!
+- [#13368](https://github.com/gradio-app/gradio/pull/13368) [`da45b72`](https://github.com/gradio-app/gradio/commit/da45b72da424ad77e55a2ca99375dbda9eb1c5b3) - add embedded workflow to docs.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/html@0.12.4
+
+## 0.76.0
+
+### Features
+
+- [#13317](https://github.com/gradio-app/gradio/pull/13317) [`34e5b74`](https://github.com/gradio-app/gradio/commit/34e5b746596e53fb9f83cc8d7bfbc40891be714b) - Markdown negotiation.  Thanks @pngwn!
+- [#13320](https://github.com/gradio-app/gradio/pull/13320) [`fffd4c6`](https://github.com/gradio-app/gradio/commit/fffd4c661f5d3becb864d4b78d93d24eb3c94aab) - Fix website CORS errors.  Thanks @pngwn!
+
+## 0.75.0
+
+### Features
+
+- [#13211](https://github.com/gradio-app/gradio/pull/13211) [`7617801`](https://github.com/gradio-app/gradio/commit/7617801ab602a0e1d937f721d4cf241a6b0026d6) - improve preview and metadata for community themes.  Thanks @hannahblair!
+- [#13261](https://github.com/gradio-app/gradio/pull/13261) [`3462368`](https://github.com/gradio-app/gradio/commit/34623682aea502f78e116ba2c1e77014fd857cd5) - Add docs for gr.cache and gr.Cache.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.1
+- @gradio/tabs@0.5.10
+- @gradio/code@0.17.8
+- @gradio/html@0.12.3
+- @gradio/paramviewer@0.9.9
+
+## 0.74.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.0
+- @gradio/code@0.17.7
+- @gradio/html@0.12.2
+- @gradio/paramviewer@0.9.8
+
+## 0.74.0
+
+### Features
+
+- [#13152](https://github.com/gradio-app/gradio/pull/13152) [`30bf54c`](https://github.com/gradio-app/gradio/commit/30bf54c187478cdafa70037f088e353f5629a995) - Fix cloudflare functions so forwarding works.  Thanks @aliabd!
+- [#13135](https://github.com/gradio-app/gradio/pull/13135) [`b55fd8a`](https://github.com/gradio-app/gradio/commit/b55fd8a41e03ba846ad5b13e8dcec8528003b322) - Fix Website Build.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.13.1
+- @gradio/tabs@0.5.9
+- @gradio/code@0.17.6
+- @gradio/html@0.12.1
+- @gradio/paramviewer@0.9.7
+
+## 0.73.0
+
+### Features
+
+- [#12924](https://github.com/gradio-app/gradio/pull/12924) [`84d409f`](https://github.com/gradio-app/gradio/commit/84d409f258d97982c7216d6bab7c03cf71de6606) - Support markdown for docs and guides.  Thanks @aliabd!
+- [#13123](https://github.com/gradio-app/gradio/pull/13123) [`26be3ad`](https://github.com/gradio-app/gradio/commit/26be3ade4cf23a73fe9cee119cafc22f274f1ef3) - More efficient cloudflare functions for markdown support.  Thanks @aliabd!
+- [#12976](https://github.com/gradio-app/gradio/pull/12976) [`7fb33fc`](https://github.com/gradio-app/gradio/commit/7fb33fc3b80b421817c1d1ddea19c8858a9f2924) - Add sidebar to the right guides.  Thanks @freddyaboulton!
+- [#12973](https://github.com/gradio-app/gradio/pull/12973) [`aaba8ec`](https://github.com/gradio-app/gradio/commit/aaba8ec130872a7357132990d6a068f2e882661e) - Add theme gallery to docs.  Thanks @hannahblair!
+- [#12986](https://github.com/gradio-app/gradio/pull/12986) [`429a9fa`](https://github.com/gradio-app/gradio/commit/429a9fad5207fb27648d860a4802ff52a5b38746) - Better docs for BarPlot, LinePlot and ScatterPlot.  Thanks @aliabd!
+- [#12991](https://github.com/gradio-app/gradio/pull/12991) [`6f8a053`](https://github.com/gradio-app/gradio/commit/6f8a0533ad0247e709fefe406961b864473d344d) - improve mobile menu in docs.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.13.0
+- @gradio/html@0.12.0
+- @gradio/button@0.6.6
+- @gradio/code@0.17.5
+- @gradio/paramviewer@0.9.6
+
+## 0.72.0
+
+### Features
+
+- [#12972](https://github.com/gradio-app/gradio/pull/12972) [`4a0fe6e`](https://github.com/gradio-app/gradio/commit/4a0fe6e5aec1df710bd843f2f328d43fb7cfa7ef) - Fix Custom HTML Gallery URL.  Thanks @freddyaboulton!
+- [#12959](https://github.com/gradio-app/gradio/pull/12959) [`84a9235`](https://github.com/gradio-app/gradio/commit/84a923531490d4defe903985c2496a2d6412092b) - Fix table styling on the docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#12966](https://github.com/gradio-app/gradio/pull/12966) [`673feb4`](https://github.com/gradio-app/gradio/commit/673feb4cf21beb7df03a6721d29757a2fb265c5d) - Fix website local font paths and font-weight CSS.  Thanks @hannahblair!
+- [#12941](https://github.com/gradio-app/gradio/pull/12941) [`50e9c84`](https://github.com/gradio-app/gradio/commit/50e9c84749aff9da985a79c8a88292fac62fa1d6) - HTML Gallery Tweaks + Docs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/button@0.6.5
+- @gradio/code@0.17.4
+- @gradio/html@0.11.1
+- @gradio/paramviewer@0.9.5
+- @gradio/statustracker@0.12.5
+- @gradio/tabitem@0.6.6
+- @gradio/tabs@0.5.8
+
+## 0.71.1
+
+### Dependency updates
+
+- @gradio/html@0.11.0
+
+## 0.71.0
+
+### Features
+
+- [#12917](https://github.com/gradio-app/gradio/pull/12917) [`a0fff5c`](https://github.com/gradio-app/gradio/commit/a0fff5cb0e4cc0f8cc3fff7b5fbe18a031c7cc27) - Add push_to_hub method to gr.HTML. Add a gallery to view notable custom HTML components.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/button@0.6.4
+- @gradio/html@0.10.0
+- @gradio/tabs@0.5.7
+
+## 0.70.0
+
+### Features
+
+- [#12700](https://github.com/gradio-app/gradio/pull/12700) [`b01c95a`](https://github.com/gradio-app/gradio/commit/b01c95a58be8e18bb4ddef7f2ee238a7774e5be9) - Rewrite behavior section of docs.  Thanks @aliabd!
+- [#12823](https://github.com/gradio-app/gradio/pull/12823) [`32b1d6f`](https://github.com/gradio-app/gradio/commit/32b1d6ffe9e753ad563cc3f4f77a0bfbf89c022c) - I’ve updated the render decorator documentation to be clearer and more practical.  Thanks @Ankith34!
+
+### Fixes
+
+- [#12888](https://github.com/gradio-app/gradio/pull/12888) [`3f835cf`](https://github.com/gradio-app/gradio/commit/3f835cf9c6cdf570a107233e2a87e0dc5cd751cb) - Remove type parameter from ChatInterface Docs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.4
+- @gradio/tabs@0.5.6
+- @gradio/code@0.17.3
+- @gradio/paramviewer@0.9.4
+
+## 0.69.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.3
+
+## 0.69.0
+
+### Features
+
+- [#12793](https://github.com/gradio-app/gradio/pull/12793) [`47ffecf`](https://github.com/gradio-app/gradio/commit/47ffecfdebf59a47f884089335fecc4ee6ee8d6e) - Add Gradio 5 docs to website.  Thanks @aliabd!
+- [#12755](https://github.com/gradio-app/gradio/pull/12755) [`78a8dd4`](https://github.com/gradio-app/gradio/commit/78a8dd46018951c194fa05259db63dacd712aa37) - Add controlling width to Row docs.  Thanks @aliabd!
+- [#12790](https://github.com/gradio-app/gradio/pull/12790) [`fb1aec5`](https://github.com/gradio-app/gradio/commit/fb1aec5b9ec7616d9cc5f3602825119ea187a96f) - Add ElevenLabs winner to hackathon winners page.  Thanks @aliabd!
+
+### Fixes
+
+- [#12794](https://github.com/gradio-app/gradio/pull/12794) [`0954db4`](https://github.com/gradio-app/gradio/commit/0954db4d618e72a6404bd3904988e5307f22d7d0) - Fix Dependency docs.  Thanks @aliabd!
+- [#12630](https://github.com/gradio-app/gradio/pull/12630) [`44817db`](https://github.com/gradio-app/gradio/commit/44817dbe89612578b5d5c02caa33f48a1fe08dfc) - fix(website): improve Event Listeners table dark mode readability.  Thanks @DanielDerefaka!
+- [#12791](https://github.com/gradio-app/gradio/pull/12791) [`7f2cf84`](https://github.com/gradio-app/gradio/commit/7f2cf84fb79bf4f1d9157acdef4ab4a7024678b2) - Add better related guides section to docs.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/button@0.6.3
+- @gradio/code@0.17.1
+- @gradio/paramviewer@0.9.2
+- @gradio/statustracker@0.12.2
+- @gradio/tabitem@0.6.5
+- @gradio/tabs@0.5.5
+
+## 0.68.0
+
+### Features
+
+- [#12685](https://github.com/gradio-app/gradio/pull/12685) [`3c831d3`](https://github.com/gradio-app/gradio/commit/3c831d35e041ac7cc30c76a975341fcc2d905903) - Create MCP birthday winners page.  Thanks @aliabd!
+- [#12691](https://github.com/gradio-app/gradio/pull/12691) [`d81ff6f`](https://github.com/gradio-app/gradio/commit/d81ff6fce23ab3bfef14e626f1e15b4301ac65fe) - Add Community choice award winner to website.  Thanks @freddyaboulton!
+- [#12624](https://github.com/gradio-app/gradio/pull/12624) [`06d657b`](https://github.com/gradio-app/gradio/commit/06d657b27143538c58a64f425943f7dfa9a5e032) - Remove type parameter from Chatbot Docs.  Thanks @freddyaboulton!
+- [#12678](https://github.com/gradio-app/gradio/pull/12678) [`4eb5d63`](https://github.com/gradio-app/gradio/commit/4eb5d633e00b18d84f8beb1d76896c803325e5eb) - Extend Python syntax highlighting patterns in the docs.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/button@0.6.2
+
+## 0.67.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.1
+- @gradio/button@0.6.1
+- @gradio/code@0.17.0
+- @gradio/paramviewer@0.9.1
+- @gradio/tabitem@0.6.4
+- @gradio/tabs@0.5.4
+
+## 0.67.1
+
+### Fixes
+
+- [#12495](https://github.com/gradio-app/gradio/pull/12495) [`0c5cec1`](https://github.com/gradio-app/gradio/commit/0c5cec175815344fcc6c8dfbdacf71b85fd3ad37) - Remove Hackathon deadline banner on website.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/button@0.6.0
+- @gradio/tabs@0.5.3
+- @gradio/tabitem@0.6.3
+
+## 0.67.0
+
+### Features
+
+- [#12479](https://github.com/gradio-app/gradio/pull/12479) [`28b49e3`](https://github.com/gradio-app/gradio/commit/28b49e3e74fc73dff938a2b7f53325d554fdf680) - add announcement pills to docs landing page.  Thanks @hannahblair!
+
+### Fixes
+
+- [#12481](https://github.com/gradio-app/gradio/pull/12481) [`99756eb`](https://github.com/gradio-app/gradio/commit/99756ebf689c8ae1a8d38b764d68f70544c35b93) - Fix and bring back cc gallery on website.  Thanks @aliabd!
+
+## 0.66.0
+
+### Features
+
+- [#12436](https://github.com/gradio-app/gradio/pull/12436) [`ee0cf6c`](https://github.com/gradio-app/gradio/commit/ee0cf6c8bc5929701872c1b5e7e5d252412b86cd) - Fix website after changes
+- [#12162](https://github.com/gradio-app/gradio/pull/12162) [`81278c4`](https://github.com/gradio-app/gradio/commit/81278c41110b94e7bee9b4fe493b5df72afd4b13) - Fix huggingface-hub issue in lite
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve llms txt, add few guides at the top and organize
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Remove lite across website and use embedded spaces
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix website to work with svelte 5
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - docs redesign: landing page and nav bar
+- [#12362](https://github.com/gradio-app/gradio/pull/12362) [`e3f80b8`](https://github.com/gradio-app/gradio/commit/e3f80b88ad8c69ef2f85ee68bc89c5019a40ebfd) - Add kickoff stream link to website banner
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix publish
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix website with param viewer
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - docs redesign: docs and api pages
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix website on 6.0
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add copy to markdown buttons to the guides
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add 6.0 migration guide to llms.txt
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix broken python client and third party docs
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - 🌙 Add dark mode to gradio docs
+
+### Dependencies
+
+- @gradio/code@0.16.0
+- @gradio/paramviewer@0.9.0
+- @gradio/statustracker@0.12.0
+- @gradio/tabitem@0.6.2
+- @gradio/tabs@0.5.2
+- @gradio/button@0.5.14
+
+## 0.66.0-dev.4
+
+### Features
+
+- [#12398](https://github.com/gradio-app/gradio/pull/12398) [`04e2581`](https://github.com/gradio-app/gradio/commit/04e258106f6f6a07facbacd9f43a307fc0cb64c9) - fix publish.  Thanks @pngwn!
+- [#12362](https://github.com/gradio-app/gradio/pull/12362) [`e3f80b8`](https://github.com/gradio-app/gradio/commit/e3f80b88ad8c69ef2f85ee68bc89c5019a40ebfd) - Add kickoff stream link to website banner.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/code@0.16.0-dev.3
+- @gradio/paramviewer@0.9.0-dev.1
+- @gradio/tabitem@0.6.2-dev.0
+- @gradio/tabs@0.5.2-dev.0
+
+## 0.66.0-dev.3
+
+### Dependency updates
+
+- @gradio/code@0.16.0-dev.2
+
+## 0.66.0-dev.2
+
+### Features
+
+- [#12325](https://github.com/gradio-app/gradio/pull/12325) [`47a0855`](https://github.com/gradio-app/gradio/commit/47a08559e125dbf68662c20557dd43c87b263c65) - Remove lite across website and use embedded spaces.  Thanks @aliabd!
+
+## 0.66.0-dev.1
+
+### Features
+
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Update ZeroGPU guide to reflect best practices on manually passing an IP token.  Thanks @dawoodkhan82!
+- [#12106](https://github.com/gradio-app/gradio/pull/12106) [`26bbdf8`](https://github.com/gradio-app/gradio/commit/26bbdf8b6a16d370d0314b03b3fa49de922ad2ff) - 🌙 Add dark mode to gradio docs.  Thanks @hannahblair!
+- [#12164](https://github.com/gradio-app/gradio/pull/12164) [`924ad65`](https://github.com/gradio-app/gradio/commit/924ad65ac8c664845e0f8b2542902469308c4d27) - Fix huggingface-hub issue in lite.  Thanks @vedo-avattay!
+
+### Dependency updates
+
+- @gradio/tabs@0.5.2-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/paramviewer@0.9.0-dev.0
+- @gradio/code@0.15.1-dev.1
+- @gradio/tabitem@0.6.2-dev.0
+
+## 0.65.1-dev.0
+
+### Dependency updates
+
+- @gradio/code@0.15.1-dev.0
+
+## 0.65.0
+
+### Features
+
+- [#11986](https://github.com/gradio-app/gradio/pull/11986) [`cf9aefd`](https://github.com/gradio-app/gradio/commit/cf9aefd0ae04ecc19bf7e69ec8d2ae4a081ef842) - More vibe editor issues and features.  Thanks @aliabd!
+
+## 0.64.1
+
+### Fixes
+
+- [#11966](https://github.com/gradio-app/gradio/pull/11966) [`cde255a`](https://github.com/gradio-app/gradio/commit/cde255a731cb7b18d8aff0a0b82374f7d111cb01) - Fix website release.  Thanks @aliabd!
+
+## 0.64.0
+
+### Features
+
+- [#11932](https://github.com/gradio-app/gradio/pull/11932) [`d67029a`](https://github.com/gradio-app/gradio/commit/d67029a81ed8846c34f3f84b66962bbe65d9ae10) - Remove references to deleted lite guide - Fix website build.  Thanks @aliabd!
+
+### Fixes
+
+- [#11940](https://github.com/gradio-app/gradio/pull/11940) [`13fdfa6`](https://github.com/gradio-app/gradio/commit/13fdfa6d549ee4e31308af69b75140085ea51fc4) - Upgrade Prismjs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/paramviewer@0.8.1
+
+## 0.63.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+- [#11916](https://github.com/gradio-app/gradio/pull/11916) [`03024f8`](https://github.com/gradio-app/gradio/commit/03024f8cae5d1a35be8fe6a988ae3917eefba662) - Fix broken website build.  Thanks @aliabd!
+
+### Fixes
+
+- [#11864](https://github.com/gradio-app/gradio/pull/11864) [`3df62ba`](https://github.com/gradio-app/gradio/commit/3df62ba698ed283b2e92599af0447222045bf242) - Add walkthrough to the docs.  Thanks @aliabd!
+- [#11865](https://github.com/gradio-app/gradio/pull/11865) [`be70c9b`](https://github.com/gradio-app/gradio/commit/be70c9b68bbbe0792a84efa4c988f8a987149197) - Support per-page navbar configuration in multipage apps.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/paramviewer@0.8.0
+- @gradio/code@0.15.0
+- @gradio/statustracker@0.11.1
+- @gradio/tabitem@0.6.1
+- @gradio/tabs@0.5.1
+
+## 0.62.1
+
+### Fixes
+
+- [#11838](https://github.com/gradio-app/gradio/pull/11838) [`231a448`](https://github.com/gradio-app/gradio/commit/231a448b5b5322d218c07329cd18cb1ba268af67) - Suppress assertion error when gr.OauthProfile is used without login button.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.0
+- @gradio/tabitem@0.6.0
+- @gradio/tabs@0.5.0
+- @gradio/code@0.14.16
+- @gradio/paramviewer@0.7.16
+
+## 0.62.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.62.0
+
+### Features
+
+- [#11766](https://github.com/gradio-app/gradio/pull/11766) [`dfc0e03`](https://github.com/gradio-app/gradio/commit/dfc0e0305068dbd16ce905afc73d139e1e51eb46) - Add JS Dataframe documentation to docs.  Thanks @pngwn!
+- [#11774](https://github.com/gradio-app/gradio/pull/11774) [`5a4ae49`](https://github.com/gradio-app/gradio/commit/5a4ae4926b9dadefd5cf9d0225f5e8ed69eebb51) - Fix markdown link rendering in docs descriptions.  Thanks @aliabd!
+
+## 0.61.2
+
+### Features
+
+- [#11704](https://github.com/gradio-app/gradio/pull/11704) [`0189862`](https://github.com/gradio-app/gradio/commit/0189862a61af54b718f43badf57ecee11b5deae4) - chore: remove no-op setting.  Thanks @benmccann!
+
+### Dependency updates
+
+- @gradio/code@0.14.15
+- @gradio/statustracker@0.10.17
+- @gradio/paramviewer@0.7.15
+
+## 0.61.1
+
+### Dependency updates
+
+- @gradio/code@0.14.14
+- @gradio/paramviewer@0.7.14
+- @gradio/statustracker@0.10.16
+
+## 0.61.0
+
+### Features
+
+- [#11674](https://github.com/gradio-app/gradio/pull/11674) [`27d9aef`](https://github.com/gradio-app/gradio/commit/27d9aef4831d99ec46f9b5553fc7e149afe23f5f) - Add dialogue component to docs.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.14.13
+
+## 0.60.2
+
+### Dependency updates
+
+- @gradio/code@0.14.12
+
+## 0.60.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+- @gradio/code@0.14.11
+- @gradio/paramviewer@0.7.13
+
+## 0.60.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+- [#11505](https://github.com/gradio-app/gradio/pull/11505) [`3c20f9f`](https://github.com/gradio-app/gradio/commit/3c20f9f1007f8b7b305c92bbcbb95d2c44ee17ad) - Add back theme.css to fix website build.  Thanks @aliabd!
+- [#11517](https://github.com/gradio-app/gradio/pull/11517) [`40c87f1`](https://github.com/gradio-app/gradio/commit/40c87f180759434367538506df8310769d99346a) - Add more hackathon winners to gallery.  Thanks @aliabd!
+
+### Fixes
+
+- [#11430](https://github.com/gradio-app/gradio/pull/11430) [`4d4cd4b`](https://github.com/gradio-app/gradio/commit/4d4cd4b08d6daafc66e0189a2b274916da00d480) - fix exports + add browser build.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.14
+- @gradio/tabs@0.4.5
+- @gradio/tabitem@0.5.0
+- @gradio/code@0.14.10
+- @gradio/paramviewer@0.7.12
+
+## 0.59.0
+
+### Features
+
+- [#11437](https://github.com/gradio-app/gradio/pull/11437) [`7d98414`](https://github.com/gradio-app/gradio/commit/7d984145e7c0051424cd3f8f20152703966192b9) - Add support for markdown in tips and warnings.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/tabitem@0.4.6
+- @gradio/code@0.14.9
+
+## 0.58.0
+
+### Features
+
+- [#11410](https://github.com/gradio-app/gradio/pull/11410) [`8607c35`](https://github.com/gradio-app/gradio/commit/8607c35acf75661ae6b9ac5acc81071796e6b681) - Add gallery of hackathon winners to the website.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.14.8
+- @gradio/paramviewer@0.7.11
+- @gradio/statustracker@0.10.13
+
+## 0.57.4
+
+### Fixes
+
+- [#11370](https://github.com/gradio-app/gradio/pull/11370) [`992f84b`](https://github.com/gradio-app/gradio/commit/992f84bc0147ebacbf76bc6ca7d931ccdeb06839) - Fix zerogu-guide.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/code@0.14.7
+- @gradio/paramviewer@0.7.10
+- @gradio/tabitem@0.4.5
+- @gradio/tabs@0.4.5
+
+## 0.57.3
+
+### Dependency updates
+
+- @gradio/code@0.14.7
+
+## 0.57.2
+
+### Dependency updates
+
+- @gradio/tabs@0.4.5
+- @gradio/tabitem@0.4.5
+- @gradio/code@0.14.6
+
+## 0.57.1
+
+### Fixes
+
+- [#11315](https://github.com/gradio-app/gradio/pull/11315) [`86f2feb`](https://github.com/gradio-app/gradio/commit/86f2feb20b406fb9b7357c8ce2d2ffb69c21c1b6) - Update tweets on the landing page.  Thanks @aliabd!
+
+## 0.57.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.57.0
+
+### Features
+
+- [#11268](https://github.com/gradio-app/gradio/pull/11268) [`7bf3161`](https://github.com/gradio-app/gradio/commit/7bf3161c0688e664053b9288a3867d001a306ba0) - Add hackathon to website banner.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/code@0.14.5
+- @gradio/paramviewer@0.7.10
+
+## 0.56.2
+
+### Dependency updates
+
+- @gradio/code@0.14.4
+- @gradio/paramviewer@0.7.9
+- @gradio/statustracker@0.10.11
+
+## 0.56.1
+
+### Features
+
+- [#11173](https://github.com/gradio-app/gradio/pull/11173) [`d023b2e`](https://github.com/gradio-app/gradio/commit/d023b2e2ffdf872f531e22b0310bc7855a756c7d) - Adds docs for `gr.api()` which were previously missing from the website.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/tabs@0.4.4
+- @gradio/tabitem@0.4.4
+
+## 0.56.0
+
+### Features
+
+- [#11120](https://github.com/gradio-app/gradio/pull/11120) [`b2118d4`](https://github.com/gradio-app/gradio/commit/b2118d4b613f93b34e02c809e7d0faaa7545b875) - Docs mcp server.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.14.3
+
+## 0.55.0
+
+### Features
+
+- [#11027](https://github.com/gradio-app/gradio/pull/11027) [`eff532b`](https://github.com/gradio-app/gradio/commit/eff532b913a3c8f06f10a4f9471d3177e3744053) - Add new `ImageSlider` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.14.2
+- @gradio/paramviewer@0.7.8
+- @gradio/statustracker@0.10.10
+
+## 0.54.2
+
+### Fixes
+
+- [#11005](https://github.com/gradio-app/gradio/pull/11005) [`3def0ed`](https://github.com/gradio-app/gradio/commit/3def0ed9edc5a9194d69456948324ec4e2740b7d) - Ensure that the `.select()` event in `gr.DataFrame` carries the `.row_value` and `.col_value`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/code@0.14.1
+- @gradio/paramviewer@0.7.7
+- @gradio/statustracker@0.10.9
+- @gradio/tabitem@0.4.3
+- @gradio/tabs@0.4.3
+
+## 0.54.1
+
+### Features
+
+- [#10966](https://github.com/gradio-app/gradio/pull/10966) [`191b936`](https://github.com/gradio-app/gradio/commit/191b936c9233d20fa5d83de0d7101688209df8eb) - Load lite js correctly in playground.  Thanks @aliabd!
+
+### Fixes
+
+- [#10979](https://github.com/gradio-app/gradio/pull/10979) [`975feee`](https://github.com/gradio-app/gradio/commit/975feee3925e5b65e52ae00da5c5066d8889ae6a) - improve webcam options for the ImageEditor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.8
+- @gradio/code@0.14.0
+- @gradio/paramviewer@0.7.6
+
+## 0.54.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+- [#10952](https://github.com/gradio-app/gradio/pull/10952) [`a8dc9f4`](https://github.com/gradio-app/gradio/commit/a8dc9f469ba49eb1f39f81e8c5c3b4acc7cd482c) - update website banner with 1m MAU announcement.  Thanks @yvrjsharma!
+- [#10936](https://github.com/gradio-app/gradio/pull/10936) [`e8b8eef`](https://github.com/gradio-app/gradio/commit/e8b8eef7e5cb4474fcc109aee871e006d7dd17f3) - Fix broken css on some param tables.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.13.2
+- @gradio/paramviewer@0.7.5
+- @gradio/statustracker@0.10.7
+
+## 0.53.2
+
+### Features
+
+- [#10845](https://github.com/gradio-app/gradio/pull/10845) [`2521e8a`](https://github.com/gradio-app/gradio/commit/2521e8a1c76fe77253156bf8465500b9cb1db5c4) - Check if SharedWorker is available in the current runtime and fallback to DedicatedWorker if not available.  Thanks @whitphx!
+- [#10926](https://github.com/gradio-app/gradio/pull/10926) [`d81385b`](https://github.com/gradio-app/gradio/commit/d81385bdb939a81718339b806f0c3f71d64f6dc5) - Add status docs to MetadataDict.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.13.1
+
+## 0.53.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.6
+- @gradio/code@0.13.0
+- @gradio/paramviewer@0.7.4
+
+## 0.53.0
+
+### Features
+
+- [#10733](https://github.com/gradio-app/gradio/pull/10733) [`731ab92`](https://github.com/gradio-app/gradio/commit/731ab92001c88d4cf1062acf0a4f1108a4513014) - Autocompletion on code editor component.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/code@0.12.0
+- @gradio/paramviewer@0.7.3
+
+## 0.52.0
+
+### Features
+
+- [#10744](https://github.com/gradio-app/gradio/pull/10744) [`a89fa28`](https://github.com/gradio-app/gradio/commit/a89fa288f42022bb489bac655562a8d1eb5030a5) - Add missing docs and fix gaps in website.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.11.2
+
+## 0.51.0
+
+### Features
+
+- [#10677](https://github.com/gradio-app/gradio/pull/10677) [`92d5ac8`](https://github.com/gradio-app/gradio/commit/92d5ac8e67147e1dd7a701cc8c3e2a5193e832c6) - Static llms.txt route on the website.  Thanks @aliabd!
+
+## 0.50.4
+
+### Dependency updates
+
+- @gradio/code@0.11.1
+
+## 0.50.3
+
+### Features
+
+- [#10670](https://github.com/gradio-app/gradio/pull/10670) [`a15964d`](https://github.com/gradio-app/gradio/commit/a15964db8772d3cb34e730e75866c5d7460199ab) - Update banner to point to FastRTC.  Thanks @abidlabs!
+
+## 0.50.2
+
+### Fixes
+
+- [#10669](https://github.com/gradio-app/gradio/pull/10669) [`d1b063f`](https://github.com/gradio-app/gradio/commit/d1b063fb0c9d893062d9b47919ed1ba9241a6e07) - Add load_chat documentation.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.11.0
+
+## 0.50.1
+
+### Dependency updates
+
+- @gradio/code@0.10.18
+- @gradio/paramviewer@0.7.2
+- @gradio/statustracker@0.10.4
+
+## 0.50.0
+
+### Features
+
+- [#10511](https://github.com/gradio-app/gradio/pull/10511) [`c4aa886`](https://github.com/gradio-app/gradio/commit/c4aa8864dabec4caeb59af91f6f1aaaf50e33b67) - Semantic search in the playground.  Thanks @aliabd!
+
+## 0.49.0
+
+### Features
+
+- [#10552](https://github.com/gradio-app/gradio/pull/10552) [`ed25a10`](https://github.com/gradio-app/gradio/commit/ed25a1053a55ddd2cf7d3067c72bdf77185ada8d) - Add 1920px wide resolution for wide monitors.  Thanks @Oncorporation!
+
+### Fixes
+
+- [#10510](https://github.com/gradio-app/gradio/pull/10510) [`71e4cd4`](https://github.com/gradio-app/gradio/commit/71e4cd483e9b43b2aa770db9f834036bb70f9420) - Fixed wrong example usage of docs/gradio/selectdata.  Thanks @PatZer0!
+
+### Dependency updates
+
+- @gradio/code@0.10.17
+- @gradio/paramviewer@0.7.1
+- @gradio/statustracker@0.10.3
+- @gradio/tabitem@0.4.2
+- @gradio/tabs@0.4.2
+
+## 0.48.0
+
+### Features
+
+- [#10480](https://github.com/gradio-app/gradio/pull/10480) [`90f90b7`](https://github.com/gradio-app/gradio/commit/90f90b7989081b0e4422384ee699cb98781723d1) - Add sidebar to the docs.  Thanks @aliabd!
+- [#10495](https://github.com/gradio-app/gradio/pull/10495) [`35fda36`](https://github.com/gradio-app/gradio/commit/35fda36de9745757298cafb3d8b91cbc1a4358c9) - Add an `anchor_links` parameter to `gr.ParamViewer` that allows linking to specific parameters.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/paramviewer@0.7.0
+- @gradio/code@0.10.16
+
+## 0.47.3
+
+### Dependency updates
+
+- @gradio/code@0.10.15
+
+## 0.47.2
+
+### Features
+
+- [#10443](https://github.com/gradio-app/gradio/pull/10443) [`f40747c`](https://github.com/gradio-app/gradio/commit/f40747c9fd12d160ac9f7b3c5273be6be815efac) - Fix error with website build in chatbot.svx.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.10.14
+
+## 0.47.1
+
+### Fixes
+
+- [#10419](https://github.com/gradio-app/gradio/pull/10419) [`efd358a`](https://github.com/gradio-app/gradio/commit/efd358a54a0f3ec0b201f17f3d61a2b28a733bc1) - Update chatbot.svx for issue#10413.  Thanks @NewJerseyStyle!
+
+## 0.47.0
+
+### Features
+
+- [#10392](https://github.com/gradio-app/gradio/pull/10392) [`4d47e4b`](https://github.com/gradio-app/gradio/commit/4d47e4b4e2f07d4dd5b600f7d9180c7ad3e67a1f) - Add a `log` parameter to Chatbot metadata that allows displaying `str` content next to the thought title.  Thanks @abidlabs!
+- [#10346](https://github.com/gradio-app/gradio/pull/10346) [`43e05d7`](https://github.com/gradio-app/gradio/commit/43e05d72f43c9ac8dc18e4b885c9da08605b09e6) - Document additional helper classes for `gr.Chatbot`.  Thanks @abidlabs!
+- [#10388](https://github.com/gradio-app/gradio/pull/10388) [`812f2d8`](https://github.com/gradio-app/gradio/commit/812f2d8a3f6956546d7aae53ab3ee36f0c9f2857) - Playground fixes and refactoring.  Thanks @aliabd!
+- [#10355](https://github.com/gradio-app/gradio/pull/10355) [`070cab5`](https://github.com/gradio-app/gradio/commit/070cab5d2e5fd3aabf4b1020e46b892446308ace) - Expand token length for existing code and prompt in playground.  Thanks @aliabd!
+
+### Fixes
+
+- [#10404](https://github.com/gradio-app/gradio/pull/10404) [`9dc5d15`](https://github.com/gradio-app/gradio/commit/9dc5d157aaf002f7699d3b2c1652f49d47e53e80) - Tweak behavior related to the `status` of `gr.Chatbot` thought messages.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+- @gradio/tabitem@0.4.1
+- @gradio/tabs@0.4.1
+- @gradio/code@0.10.13
+- @gradio/paramviewer@0.6.4
+
+## 0.46.0
+
+### Features
+
+- [#10305](https://github.com/gradio-app/gradio/pull/10305) [`be40307`](https://github.com/gradio-app/gradio/commit/be40307d1d11421e01bf91fa5e05ec4ab97b09d8) - Add support for thinking LLMs directly in `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/code@0.10.12
+- @gradio/paramviewer@0.6.3
+
+## 0.45.0
+
+### Features
+
+- [`6edf038`](https://github.com/gradio-app/gradio/commit/6edf0380b9c407e052e29a7fb23511c41ed3e6d9) - AI Playground Auto Fix Errors.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/tabs@0.4.0
+- @gradio/tabitem@0.4.0
+- @gradio/code@0.10.11
+- @gradio/paramviewer@0.6.2
+
+## 0.44.0
+
+### Features
+
+- [#10109](https://github.com/gradio-app/gradio/pull/10109) [`48e4aa9`](https://github.com/gradio-app/gradio/commit/48e4aa9d627b6958a0b215d6312de508845f669c) - adds a `run_examples_on_click` parameter to `gr.ChatInterface` mirroring the the `run_on_click` parameter in `gr.Examples`.  Thanks @abidlabs!
+- [#10126](https://github.com/gradio-app/gradio/pull/10126) [`a623faf`](https://github.com/gradio-app/gradio/commit/a623fafbcfef820243359fe942b356cbbaf09d9a) - Move requirements generation in playground to playground worker.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.10.10
+- @gradio/paramviewer@0.6.1
+
+## 0.43.0
+
+### Features
+
+- [#10096](https://github.com/gradio-app/gradio/pull/10096) [`ec10aa3`](https://github.com/gradio-app/gradio/commit/ec10aa3b9b42d8c3fe930aff9465c469626992d4) - Fix paramviewer descriptions to only render markdown links.  Thanks @aliabd!
+- [#10071](https://github.com/gradio-app/gradio/pull/10071) [`01b919f`](https://github.com/gradio-app/gradio/commit/01b919f04b69732fd8adb52f6d156e5683589221) - Support `additional_outputs` in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10073](https://github.com/gradio-app/gradio/pull/10073) [`873dab5`](https://github.com/gradio-app/gradio/commit/873dab5bce32de472523b851d443588106223e21) - Fix the Playground to ignore comments in the requirements text.  Thanks @whitphx!
+- [#9998](https://github.com/gradio-app/gradio/pull/9998) [`6cc13f5`](https://github.com/gradio-app/gradio/commit/6cc13f55e00ff29e833fd55493a53b654f23fbcc) - Playground exclude unavailable packages.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/paramviewer@0.6.0
+
+## 0.42.3
+
+### Fixes
+
+- [#10025](https://github.com/gradio-app/gradio/pull/10025) [`368ba73`](https://github.com/gradio-app/gradio/commit/368ba731069583b22fcf7ddc9501db349f6a2953) - Update Chat Interface examples and add more LLM libraries and API providers.  Thanks @abidlabs!
+
+## 0.42.2
+
+### Dependency updates
+
+- @gradio/code@0.10.9
+- @gradio/paramviewer@0.5.8
+- @gradio/tabitem@0.3.5
+- @gradio/tabs@0.3.5
+
+## 0.42.1
+
+### Dependency updates
+
+- @gradio/code@0.10.8
+- @gradio/paramviewer@0.5.7
+- @gradio/tabitem@0.3.4
+- @gradio/tabs@0.3.4
+
+## 0.42.0
+
+### Features
+
+- [#9726](https://github.com/gradio-app/gradio/pull/9726) [`b6725cf`](https://github.com/gradio-app/gradio/commit/b6725cf6c1fe9667dc10e1988976ed36d84d73d3) - Lite auto-load imported modules with `pyodide.loadPackagesFromImports`.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/code@0.10.7
+- @gradio/paramviewer@0.5.6
+
+## 0.41.0
+
+### Features
+
+- [#9811](https://github.com/gradio-app/gradio/pull/9811) [`7b6bd31`](https://github.com/gradio-app/gradio/commit/7b6bd3188199af1eac8f8d6d21b15a0bdc3d5619) - Fix the tab names in the playground.  Thanks @whitphx!
+- [#9647](https://github.com/gradio-app/gradio/pull/9647) [`7cce63e`](https://github.com/gradio-app/gradio/commit/7cce63e29f274b9fbd6c779914adeaab08ea60f7) - Ask LLM to generate the requirements.txt in the playground.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/tabs@0.3.3
+- @gradio/tabitem@0.3.3
+- @gradio/code@0.10.6
+- @gradio/paramviewer@0.5.5
+
+## 0.40.3
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+- [#9738](https://github.com/gradio-app/gradio/pull/9738) [`2ade59b`](https://github.com/gradio-app/gradio/commit/2ade59b95d4c3610a1a461cc95f020fbf9627305) - Export `Tabs` type from `@gradio/tabs` and fix the Playground to be compatible with the new Tabs API.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/tabs@0.3.2
+- @gradio/tabitem@0.3.2
+- @gradio/code@0.10.5
+- @gradio/paramviewer@0.5.4
+
+## 0.40.2
+
+### Dependency updates
+
+- @gradio/code@0.10.4
+- @gradio/paramviewer@0.5.3
+
+## 0.40.1
+
+### Dependency updates
+
+- @gradio/tabs@0.3.1
+- @gradio/code@0.10.3
+- @gradio/paramviewer@0.5.2
+- @gradio/tabitem@0.3.1
+
+## 0.40.0
+
+### Features
+
+- [#9635](https://github.com/gradio-app/gradio/pull/9635) [`67e4044`](https://github.com/gradio-app/gradio/commit/67e4044c9ca8358eceeb1fa72fa415df03397d20) - Add website banner for gradio 5.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.10.2
+
+## 0.39.1
+
+### Features
+
+- [#9615](https://github.com/gradio-app/gradio/pull/9615) [`204f3e1`](https://github.com/gradio-app/gradio/commit/204f3e13e110fc0528032a102c9521057e18919d) - fixes to website.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.10.1
+- @gradio/paramviewer@0.5.1
+
+## 0.39.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Start/stop recoding from the backend. Add guide on conversational chatbots
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Playground requirements tab
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Deprecate type='tuples for chatbot and focus chatbot docs on 'messages' type
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Expanding AI Playground Prompt for Qwen
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Remove grey background behind all components
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fixes website build in 5.0-dev
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 🔡 Update default core Gradio font
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix. Triggered dataframe change event for header change
+- [#9606](https://github.com/gradio-app/gradio/pull/9606) [`9031324`](https://github.com/gradio-app/gradio/commit/90313243648883abf64a05361110e14e23616813) - Fixes website build
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fixes annoying height bug in playground
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Refactoring playground
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix gradio.js aws path
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 5.0 merge take 2
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve UI on the Playground
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - File access security guide
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Add info about Powershell client
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds LLM to the Playground
+
+### Dependencies
+
+- @gradio/code@0.10.0
+- @gradio/tabs@0.3.0
+- @gradio/tabitem@0.3.0
+
+## 0.39.0-beta.9
+
+### Dependency updates
+
+- @gradio/code@0.10.0-beta.8
+- @gradio/paramviewer@0.4.22-beta.5
+- @gradio/tabitem@0.3.0-beta.4
+- @gradio/tabs@0.3.0-beta.3
+
+## 0.39.0-beta.8
+
+### Dependency updates
+
+- @gradio/tabitem@0.3.0-beta.4
+- @gradio/code@0.10.0-beta.7
+- @gradio/paramviewer@0.4.22-beta.4
+
+## 0.39.0-beta.7
+
+### Dependency updates
+
+- @gradio/code@0.10.0-beta.6
+
+## 0.39.0-beta.6
+
+### Features
+
+- [#9460](https://github.com/gradio-app/gradio/pull/9460) [`7352a89`](https://github.com/gradio-app/gradio/commit/7352a89722da91461c32fd33588531f3edce9c48) - Playground requirements tab.  Thanks @whitphx!
+- [#9452](https://github.com/gradio-app/gradio/pull/9452) [`3ec8e63`](https://github.com/gradio-app/gradio/commit/3ec8e636766cc629444bc3cbc6b53deaf65f5ab1) - Expanding AI Playground Prompt for Qwen.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/tabs@0.3.0-beta.3
+- @gradio/tabitem@0.3.0-beta.3
+- @gradio/code@0.10.0-beta.5
+- @gradio/paramviewer@0.4.22-beta.3
+
+## 0.39.0-beta.5
+
+### Dependency updates
+
+- @gradio/code@0.10.0-beta.4
+- @gradio/paramviewer@0.4.22-beta.2
+
+## 0.39.0-beta.4
+
+### Features
+
+- [#9419](https://github.com/gradio-app/gradio/pull/9419) [`018c140`](https://github.com/gradio-app/gradio/commit/018c140ef86cacc8211df05b57b26924dab7fa08) - Start/stop recoding from the backend. Add guide on conversational chatbots.  Thanks @freddyaboulton!
+- [#9469](https://github.com/gradio-app/gradio/pull/9469) [`f7c3396`](https://github.com/gradio-app/gradio/commit/f7c3396f55a5b8364d3880a29d766bd092d7f840) - Fix. Triggered dataframe change event for header change.  Thanks @Joodith!
+- [#9426](https://github.com/gradio-app/gradio/pull/9426) [`4e54105`](https://github.com/gradio-app/gradio/commit/4e5410574002ea24067cf4e82b99a6a39f67632c) - Refactoring playground.  Thanks @whitphx!
+- [#9462](https://github.com/gradio-app/gradio/pull/9462) [`b622b1f`](https://github.com/gradio-app/gradio/commit/b622b1fcce888427e87aa1f70c9c2e60aa240e37) - Improve UI on the Playground.  Thanks @aliabd!
+
+## 0.39.0-beta.3
+
+### Dependency updates
+
+- @gradio/code@0.10.0-beta.3
+
+## 0.39.0-beta.2
+
+### Features
+
+- [#9326](https://github.com/gradio-app/gradio/pull/9326) [`7afb9a1`](https://github.com/gradio-app/gradio/commit/7afb9a14fa64310eb8b70f43a3bad373e46e36c1) - 5.0 merge take 2.  Thanks @pngwn!
+- [#9382](https://github.com/gradio-app/gradio/pull/9382) [`9e70832`](https://github.com/gradio-app/gradio/commit/9e7083286d5681b5fc623304a97d5a24fe6d6080) - Fixes website build in 5.0-dev.  Thanks @aliabd!
+- [#9379](https://github.com/gradio-app/gradio/pull/9379) [`0cad5f3`](https://github.com/gradio-app/gradio/commit/0cad5f348a846024b95b92fb48f88137ccfcd589) - Testing CI.  Thanks @aliabd!
+- [#9402](https://github.com/gradio-app/gradio/pull/9402) [`060acb3`](https://github.com/gradio-app/gradio/commit/060acb3b469530a3ea14275970b7028598052ef1) - Fixes annoying height bug in playground.  Thanks @aliabd!
+- [#9397](https://github.com/gradio-app/gradio/pull/9397) [`4be0933`](https://github.com/gradio-app/gradio/commit/4be0933d3a39099fd573d7db42416d7acef7f40f) - Fix gradio.js aws path.  Thanks @aliabd!
+- [#9343](https://github.com/gradio-app/gradio/pull/9343) [`322ac54`](https://github.com/gradio-app/gradio/commit/322ac5499ec5a8541039bf329e2525e9d24ed2cc) - Add info about Powershell client.  Thanks @abidlabs!
+- [#9233](https://github.com/gradio-app/gradio/pull/9233) [`9a85ccc`](https://github.com/gradio-app/gradio/commit/9a85cccf160118fccfb78dc1edcc7c51ff88de6c) - Adds LLM to the Playground.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.10.0-beta.2
+- @gradio/paramviewer@0.4.22-beta.2
+
+## 0.39.0-beta.1
+
+### Features
+
+- [#9204](https://github.com/gradio-app/gradio/pull/9204) [`3c73f00`](https://github.com/gradio-app/gradio/commit/3c73f00e3016b16917ebfe0bad390f2dff683457) - 🔡 Update default core Gradio font.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/code@0.9.1-beta.1
+- @gradio/paramviewer@0.4.22-beta.1
+
+## 0.39.0-beta.0
+
+### Features
+
+- [#9194](https://github.com/gradio-app/gradio/pull/9194) [`20c0836`](https://github.com/gradio-app/gradio/commit/20c0836ed0e0698dbc81d2a4bda04363fd857334) - Deprecate type='tuples for chatbot and focus chatbot docs on 'messages' type.  Thanks @freddyaboulton!
+- [#9213](https://github.com/gradio-app/gradio/pull/9213) [`ab4580b`](https://github.com/gradio-app/gradio/commit/ab4580bd5f755a07c9a9bd2a775220a9a2085f8c) - Remove grey background behind all components.  Thanks @hannahblair!
+- [#9206](https://github.com/gradio-app/gradio/pull/9206) [`bdbcf7b`](https://github.com/gradio-app/gradio/commit/bdbcf7b0e374c0769178767a1502cd310312278b) - Cloudflare migration.  Thanks @aliabd!
+- [#9156](https://github.com/gradio-app/gradio/pull/9156) [`8deeeb6`](https://github.com/gradio-app/gradio/commit/8deeeb6d1b83296e5174c2891b80fb317991289e) - File access security guide.  Thanks @freddyaboulton!
+
+## 0.39.1
+
+### Features
+
+- [#9379](https://github.com/gradio-app/gradio/pull/9379) [`0cad5f3`](https://github.com/gradio-app/gradio/commit/0cad5f348a846024b95b92fb48f88137ccfcd589) - Testing CI.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.9.1
+- @gradio/paramviewer@0.4.22
+
+## 0.39.0
+
+### Features
+
+- [#9291](https://github.com/gradio-app/gradio/pull/9291) [`bcb3a2b`](https://github.com/gradio-app/gradio/commit/bcb3a2b9a0e4f1a0195aed92f3ecfd1eda324464) - chore: update error.svx.  Thanks @eltociear!
+
+## 0.38.1
+
+### Features
+
+- [#9206](https://github.com/gradio-app/gradio/pull/9206) [`bdbcf7b`](https://github.com/gradio-app/gradio/commit/bdbcf7b0e374c0769178767a1502cd310312278b) - Cloudflare migration.  Thanks @aliabd!
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/paramviewer@0.4.22-beta.0
+- @gradio/code@0.9.1-beta.0
+
+## 0.38.0
+
+### Features
+
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+- [#9104](https://github.com/gradio-app/gradio/pull/9104) [`cf02f7d`](https://github.com/gradio-app/gradio/commit/cf02f7d7854b8ead864533581f7379a3fe61840f) - Fix chatinterface e2e test.  Thanks @freddyaboulton!
+- [#9075](https://github.com/gradio-app/gradio/pull/9075) [`3258968`](https://github.com/gradio-app/gradio/commit/325896837113d1c45de0dcff1972a8686730f695) - Add warning to guides and change styling of tip.  Thanks @aliabd!
+- [#9108](https://github.com/gradio-app/gradio/pull/9108) [`474102a`](https://github.com/gradio-app/gradio/commit/474102a8b404c23ffcfa7e1396a78bed621a9585) - Better text styling on docs.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.9.0
+- @gradio/paramviewer@0.4.21
+
+## 0.37.0
+
+### Features
+
+- [#8965](https://github.com/gradio-app/gradio/pull/8965) [`d30432e`](https://github.com/gradio-app/gradio/commit/d30432e9c6d4cc1e5cfd989a1a3ae4aba7e21290) - harden CI.  Thanks @pngwn!
+- [#9043](https://github.com/gradio-app/gradio/pull/9043) [`890bae3`](https://github.com/gradio-app/gradio/commit/890bae3942cc19f2b9040cfb6792adaa3cd478b0) - Filter out type ignore comments from demos on website.  Thanks @aliabd!
+- [#8857](https://github.com/gradio-app/gradio/pull/8857) [`6584aac`](https://github.com/gradio-app/gradio/commit/6584aace9866df582a6a3ff64dd045f1747aba42) - Website fixes for mobile.  Thanks @aliabd!
+- [#9067](https://github.com/gradio-app/gradio/pull/9067) [`f29aef4`](https://github.com/gradio-app/gradio/commit/f29aef4528ad93ab2cb1cf25bd5e3362bb562839) - Fix trailing slash link on docs.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.8.2
+- @gradio/paramviewer@0.4.20
+
+## 0.36.0
+
+### Features
+
+- [#8907](https://github.com/gradio-app/gradio/pull/8907) [`9b42ba8`](https://github.com/gradio-app/gradio/commit/9b42ba8f1006c05d60a62450d3036ce0d6784f86) - Update guides esp plots.  Thanks @aliabid94!
+- [#8871](https://github.com/gradio-app/gradio/pull/8871) [`7f1a78c`](https://github.com/gradio-app/gradio/commit/7f1a78c49ed69688ef1d39ef731c64ba934df645) - Add confirmation dialogue if leaving playground.  Thanks @aliabd!
+- [#8908](https://github.com/gradio-app/gradio/pull/8908) [`7c9fc9e`](https://github.com/gradio-app/gradio/commit/7c9fc9ebccf227fa54e3f28ee3abd1bd4f5cf412) - Add docs for Rust client to website.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.8.1
+- @gradio/paramviewer@0.4.19
+
+## 0.35.0
+
+### Features
+
+- [#8842](https://github.com/gradio-app/gradio/pull/8842) [`38c2ad4`](https://github.com/gradio-app/gradio/commit/38c2ad425a905431b1eb17b9498669f9e49f0dd5) - Add website to contributing readme.  Thanks @aliabd!
+- [#8784](https://github.com/gradio-app/gradio/pull/8784) [`2cc813a`](https://github.com/gradio-app/gradio/commit/2cc813a287ce326957f8b10106e574750b1db9be) - Fix OS detection for cross-browser compatibility.  Thanks @lappemic!
+- [#8825](https://github.com/gradio-app/gradio/pull/8825) [`b45d37f`](https://github.com/gradio-app/gradio/commit/b45d37f366ed4ef5dd77b2b4af90aa8174357298) - Fix param table rendering.  Thanks @aliabd!
+- [#8773](https://github.com/gradio-app/gradio/pull/8773) [`0b9e870`](https://github.com/gradio-app/gradio/commit/0b9e870f9cc45c2251806b3ac1654f6608ef27ed) - Hide embedded components while loading.  Thanks @aliabd!
+- [#8832](https://github.com/gradio-app/gradio/pull/8832) [`e75f2ca`](https://github.com/gradio-app/gradio/commit/e75f2ca2da4f41f25459b98bedaa940c887e6a93) - Fix build for pre-release.  Thanks @pngwn!
+- [#8618](https://github.com/gradio-app/gradio/pull/8618) [`aa4b7a7`](https://github.com/gradio-app/gradio/commit/aa4b7a71921fd5b7ad7e3c0cce7687a8f6d284da) - Improve styling of parameter tables in the docs.  Thanks @abidlabs!
+- [#8745](https://github.com/gradio-app/gradio/pull/8745) [`4030f28`](https://github.com/gradio-app/gradio/commit/4030f28af6ae9f3eb94bb4e9cae83fb7016cdaad) - Allows updating the dataset of a `gr.Examples`.  Thanks @abidlabs!
+- [#8757](https://github.com/gradio-app/gradio/pull/8757) [`6073736`](https://github.com/gradio-app/gradio/commit/60737366517f48d1a37ffce15425783a2887f305) - Document `FileData` class in docs.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8823](https://github.com/gradio-app/gradio/pull/8823) [`7b049e0`](https://github.com/gradio-app/gradio/commit/7b049e03577aac9853cd2cc1683d9e0b1e2f8d36) - Fix DateTime docs.  Thanks @aliabd!
+- [#8854](https://github.com/gradio-app/gradio/pull/8854) [`d1f0441`](https://github.com/gradio-app/gradio/commit/d1f044145ae93e5838042d9fb25f4f17def9c774) - Use covariant container types across the codebase and add typing to our demos.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/code@0.8.0
+- @gradio/paramviewer@0.4.18
+
+## 0.34.0
+
+### Highlights
+
+#### Support message format in chatbot 💬 ([#8422](https://github.com/gradio-app/gradio/pull/8422) [`4221290`](https://github.com/gradio-app/gradio/commit/4221290d847041024b1faa3df5585bba0775b8b3))
+
+`gr.Chatbot` and `gr.ChatInterface` now support the [Messages API](https://huggingface.co/docs/text-generation-inference/en/messages_api#messages-api), which is fully compatible with LLM API providers such as Hugging Face Text Generation Inference, OpenAI's chat completions API, and Llama.cpp server. 
+
+Building Gradio applications around these LLM solutions is now even easier! 
+
+`gr.Chatbot` and `gr.ChatInterface` now have a `type` parameter that can accept two values - `'tuples'` and `'messages'`. If set to `'tuples'`, the default chatbot data format is expected. If set to `'messages'`, a list of dictionaries with `content` and `role` keys is expected. See below - 
+
+```python
+def chat_greeter(msg, history):
+    history.append({"role": "assistant", "content": "Hello!"})
+    return history
+```
+
+Additionally, gradio now exposes a `gr.ChatMessage` dataclass you can use for IDE type hints and auto completion.
+
+<img width="852" alt="image" src="https://github.com/freddyaboulton/freddyboulton/assets/41651716/d283e8f3-b194-466a-8194-c7e697dca9ad">
+
+
+#### Tool use in Chatbot 🛠️
+
+The Gradio Chatbot can now natively display tool usage and intermediate thoughts common in Agent and chain-of-thought workflows!
+
+If you are using the new "messages" format, simply add a `metadata` key with a dictionary containing a `title` key and `value`. This will display the assistant message in an expandable message box to show the result of a tool or intermediate step.
+
+```python
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+def generate_response(history):
+    history.append(ChatMessage(role="user", content="What is the weather in San Francisco right now?"))
+    yield history
+    time.sleep(0.25)
+    history.append(ChatMessage(role="assistant",
+                               content="In order to find the current weather in San Francisco, I will need to use my weather tool.")
+                               )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="API Error when connecting to weather service.",
+                              metadata={"title": "💥 Error using tool 'Weather'"})
+                  )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="I will try again",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Weather 72 degrees Fahrenheit with 20% chance of rain.",
+                                metadata={"title": "🛠️ Used tool 'Weather'"}
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Now that the API succeeded I can complete my task.",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="It's a sunny day in San Francisco with a current temperature of 72 degrees Fahrenheit and a 20% chance of rain. Enjoy the weather!",
+                              ))
+    yield history
+
+
+with gr.Blocks() as demo:
+    chatbot  = gr.Chatbot(type="messages")
+    button = gr.Button("Get San Francisco Weather")
+    button.click(generate_response, chatbot, chatbot)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+
+
+![tool-box-demo](https://github.com/freddyaboulton/freddyboulton/assets/41651716/cf73ecc9-90ac-42ce-bca5-768e0cc00a48)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8733](https://github.com/gradio-app/gradio/pull/8733) [`fb0daf3`](https://github.com/gradio-app/gradio/commit/fb0daf3730ffbe6aab5ebe4210eae150729a40b1) - Improvements to `gr.Examples`: adds events as attributes and documents, them, adds `sample_labels`, and `visible` properties.  Thanks @abidlabs!
+- [#8686](https://github.com/gradio-app/gradio/pull/8686) [`64ac05b`](https://github.com/gradio-app/gradio/commit/64ac05b1114e08c21909d21653c02d1c45f05aee) - Better spacing for codeblocks on docs.  Thanks @aliabd!
+- [#8656](https://github.com/gradio-app/gradio/pull/8656) [`740364e`](https://github.com/gradio-app/gradio/commit/740364e5cee5f96625fe0da3ac8257d97e5f0815) - Add guide on best practices for ZeroGPU limits with the python client.  Thanks @freddyaboulton!
+- [#8689](https://github.com/gradio-app/gradio/pull/8689) [`edcd574`](https://github.com/gradio-app/gradio/commit/edcd5748f6c0faf2028a8e6a330aad5eccf103d5) - Fix playground to display errors.  Thanks @whitphx!
+- [#8624](https://github.com/gradio-app/gradio/pull/8624) [`ba59bb8`](https://github.com/gradio-app/gradio/commit/ba59bb824f77dd3cb57019c59d3c3b0755c68b85) - Add search to website.  Thanks @aliabd!
+
+### Fixes
+
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+- [#8677](https://github.com/gradio-app/gradio/pull/8677) [`c946c6f`](https://github.com/gradio-app/gradio/commit/c946c6f31a34bfd888a6a16c3fb479fe34710206) - Allow supplying custom `gr.Chatbot` with events to `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/code@0.7.0
+
+## 0.33.0
+
+### Features
+
+- [#8604](https://github.com/gradio-app/gradio/pull/8604) [`b6fa6b5`](https://github.com/gradio-app/gradio/commit/b6fa6b543f226540247cd50748019cde59b93005) - Add docs for `.on()`, `.then()`, and `.success()`, as well as the subclasses of `gr.EventData`.  Thanks @abidlabs!
+- [#8623](https://github.com/gradio-app/gradio/pull/8623) [`4c6e4e0`](https://github.com/gradio-app/gradio/commit/4c6e4e0ba9a6dc29f256d00d97f3062a516f5aac) - Fix CORS issues with Lite Component Demos.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.6.13
+
+## 0.32.0
+
+### Features
+
+- [#8489](https://github.com/gradio-app/gradio/pull/8489) [`c2a0d05`](https://github.com/gradio-app/gradio/commit/c2a0d056d679d90631d9ccd944dadd67e7e03b7f) - Control Display of Error, Info, Warning.  Thanks @freddyaboulton!
+- [#8593](https://github.com/gradio-app/gradio/pull/8593) [`d35c290`](https://github.com/gradio-app/gradio/commit/d35c290aadcb85113ee7ceea96a7ed7dc894b1d2) - Adding more docs for using components in chatbot.  Thanks @abidlabs!
+- [#8516](https://github.com/gradio-app/gradio/pull/8516) [`de6aa2b`](https://github.com/gradio-app/gradio/commit/de6aa2b67668605b65ad92842b2c798afa2c6d8a) - Add helper classes to docs.  Thanks @aliabd!
+- [#8605](https://github.com/gradio-app/gradio/pull/8605) [`fe83e64`](https://github.com/gradio-app/gradio/commit/fe83e6445a53c9376d92a7af9fd9a5ccf9376d7d) - Small fix to guide styling.  Thanks @aliabd!
+- [#8557](https://github.com/gradio-app/gradio/pull/8557) [`ed82a62`](https://github.com/gradio-app/gradio/commit/ed82a6237ec7873e2554c2ad0be438650cfebe8c) - Bring back embedded demos on component docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#8589](https://github.com/gradio-app/gradio/pull/8589) [`34430b9`](https://github.com/gradio-app/gradio/commit/34430b934dbab3bc525f56b390dbc054f76cf56c) - Handle GIFs correct in `gr.Image` preprocessing.  Thanks @abidlabs!
+- [#8581](https://github.com/gradio-app/gradio/pull/8581) [`a1c21cb`](https://github.com/gradio-app/gradio/commit/a1c21cb69a688bd38139153fe9c85a50c6ae86f2) - fix dataset update.  Thanks @abidlabs!
+- [#8537](https://github.com/gradio-app/gradio/pull/8537) [`81ae766`](https://github.com/gradio-app/gradio/commit/81ae7663b303ac7738bc216d9bf916f0515dd22e) - Many small fixes to website and docs.  Thanks @aliabd!
+- [#8559](https://github.com/gradio-app/gradio/pull/8559) [`483ecaa`](https://github.com/gradio-app/gradio/commit/483ecaae627145470ed68ed6872d42f2ac3a1980) - fix website build.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.6.12
+
+## 0.31.5
+
+### Features
+
+- [#8491](https://github.com/gradio-app/gradio/pull/8491) [`ffd53fa`](https://github.com/gradio-app/gradio/commit/ffd53fa2dcb13d564fd07aa441d4016df8d2f155) - Remove broken guide redirect.  Thanks @aliabd!
+- [#8487](https://github.com/gradio-app/gradio/pull/8487) [`3a5d56e`](https://github.com/gradio-app/gradio/commit/3a5d56ea7bdbfc24357eaf8174f9275cb15fcf97) - Add Client Release Notes to Docs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/code@0.6.11
+
+## 0.31.4
+
+### Dependency updates
+
+- @gradio/code@0.6.10
+
+## 0.31.3
+
+### Features
+
+- [#8471](https://github.com/gradio-app/gradio/pull/8471) [`a9e6595`](https://github.com/gradio-app/gradio/commit/a9e6595817b741c3dcf1eaedf58ee4f901784e57) - Tweak meta titles and descriptions for clients.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.6.9
+
+## 0.31.2
+
+### Features
+
+- [#8456](https://github.com/gradio-app/gradio/pull/8456) [`881f11c`](https://github.com/gradio-app/gradio/commit/881f11c862c769c21710735604c0733e0cfefe66) - Add website banner for clients launch.  Thanks @aliabd!
+
+## 0.31.1
+
+### Dependency updates
+
+- @gradio/code@0.6.8
+
+## 0.31.0
+
+### Features
+
+- [#8403](https://github.com/gradio-app/gradio/pull/8403) [`5efd35c`](https://github.com/gradio-app/gradio/commit/5efd35c7a06d894fdcb68898bdaaf9b457e608f1) - Editable Docs.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.6.7
+
+## 0.30.4
+
+### Dependency updates
+
+- @gradio/code@0.6.6
+
+## 0.30.3
+
+### Features
+
+- [#8319](https://github.com/gradio-app/gradio/pull/8319) [`1f9a5f0`](https://github.com/gradio-app/gradio/commit/1f9a5f0aa395ab51731f7d2a6ef0268a319cdc1b) - Fix bad redirect breaking website build.  Thanks @aliabd!
+
+## 0.30.2
+
+### Dependency updates
+
+- @gradio/code@0.6.5
+
+## 0.30.1
+
+### Dependency updates
+
+- @gradio/code@0.6.4
+
+## 0.30.0
+
+### Features
+
+- [#8278](https://github.com/gradio-app/gradio/pull/8278) [`4ae17a4`](https://github.com/gradio-app/gradio/commit/4ae17a4653fcf60de7b646e6243f1b77d7f8cd27) - Embedded Lite example apps in the docs.  Thanks @whitphx!
+- [#8262](https://github.com/gradio-app/gradio/pull/8262) [`d708ca8`](https://github.com/gradio-app/gradio/commit/d708ca8fca8c39bf878c70117c2910730a1bb76c) - Reorganize Guides in a more logical order.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/code@0.6.3
+
+## 0.29.0
+
+### Features
+
+- [#8224](https://github.com/gradio-app/gradio/pull/8224) [`6ee1f1f`](https://github.com/gradio-app/gradio/commit/6ee1f1f7215bc557c138e1f43d5a835775deacfc) - Display all custom components in the gallery.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8220](https://github.com/gradio-app/gradio/pull/8220) [`f176e1b`](https://github.com/gradio-app/gradio/commit/f176e1b509b7687b02c9173db1cd1ce25c3cd8f6) - Convert all demos on docs to lite.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.6.2
+
+## 0.28.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8189](https://github.com/gradio-app/gradio/pull/8189) [`68dcae5`](https://github.com/gradio-app/gradio/commit/68dcae512c0fb699304446c3b1ae2afaba1a63d2) - Use workspace version for code in _website.  Thanks @aliabd!
+- [#8152](https://github.com/gradio-app/gradio/pull/8152) [`989fe25`](https://github.com/gradio-app/gradio/commit/989fe2566fc93e4f67dc86a869dc30e83404c7ab) - Make guide for tailwind more verbose.  Thanks @duerrsimon!
+
+### Dependency updates
+
+- @gradio/code@0.6.1
+
+## 0.27.0
+
+### Features
+
+- [#8061](https://github.com/gradio-app/gradio/pull/8061) [`17e83c9`](https://github.com/gradio-app/gradio/commit/17e83c958ebb35b3e122ca486067d1bd5ce33a22) - Docs Reorg and Intro Page.  Thanks @aliabd!
+- [#8122](https://github.com/gradio-app/gradio/pull/8122) [`e089e4c`](https://github.com/gradio-app/gradio/commit/e089e4cb4a285e0d15593fc5b13b8f254b86c090) - update dependencies.  Thanks @pngwn!
+- [#8119](https://github.com/gradio-app/gradio/pull/8119) [`38a5482`](https://github.com/gradio-app/gradio/commit/38a5482df4d175d81e2aea319c2ffc525a76c538) - Be able to link to a custom component in the gallery directly.  Thanks @freddyaboulton!
+
+## 0.26.1
+
+### Dependency updates
+
+- @gradio/code@0.5.12
+
+## 0.26.0
+
+### Features
+
+- [#7945](https://github.com/gradio-app/gradio/pull/7945) [`328325a`](https://github.com/gradio-app/gradio/commit/328325a7ad812e7e152fe57a5a91a54b67adf728) - style changes for gradio website docs navbar.  Thanks @shafiqihtsham!
+
+### Fixes
+
+- [#7935](https://github.com/gradio-app/gradio/pull/7935) [`919afff`](https://github.com/gradio-app/gradio/commit/919afffcee87bee25a6905c488484936df92189d) - Adds a Guide on deploying Gradio apps with Docker.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/code@0.5.11
+
+## 0.25.2
+
+### Dependency updates
+
+- @gradio/code@0.5.10
+
+## 0.25.1
+
+### Dependency updates
+
+- @gradio/code@0.5.9
+
+## 0.25.0
+
+### Features
+
+- [#7684](https://github.com/gradio-app/gradio/pull/7684) [`755157f`](https://github.com/gradio-app/gradio/commit/755157f99c2961f2e5caeaa9b76d248b4225ea8f) - Do not reload code inside gr.NO_RELOAD context.  Thanks @freddyaboulton!
+- [#7661](https://github.com/gradio-app/gradio/pull/7661) [`c62a57e`](https://github.com/gradio-app/gradio/commit/c62a57e7f8f2f6dad0110d06e915c48e7f628073) - Convert Docs Demos to Lite.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/code@0.5.8
+
+## 0.24.3
+
+### Dependency updates
+
+- @gradio/code@0.5.7
+
+## 0.24.2
+
+### Dependency updates
+
+- @gradio/code@0.5.6
+
+## 0.24.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.5.5
+
+## 0.24.0
+
+### Features
+
+- [#7451](https://github.com/gradio-app/gradio/pull/7451) [`65f114a`](https://github.com/gradio-app/gradio/commit/65f114a117b351f5935424fa78c830a58bafc44f) - Add error handling for missing `js/_website/version.json`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.23.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.5.3
+
+## 0.23.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.5.2
+
+## 0.23.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.5.1
+
+## 0.23.1
+
+### Patch Changes
+
+- Updated dependencies [[`c1a7ea7`](https://github.com/gradio-app/gradio/commit/c1a7ea7c0c294aa970624f02225717c12bcf9b58)]:
+  - @gradio/code@0.5.0
+
+## 0.23.0
+
+### Features
+
+- [#7116](https://github.com/gradio-app/gradio/pull/7116) [`3c8c4ac`](https://github.com/gradio-app/gradio/commit/3c8c4ac2db284e1cb503c397205a79a6dcc27e23) - Document the `gr.ParamViewer` component, and fix component preprocessing/postprocessing docstrings. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.22.0
+
+### Features
+
+- [#6970](https://github.com/gradio-app/gradio/pull/6970) [`dfe1f08`](https://github.com/gradio-app/gradio/commit/dfe1f08ae216dca8bac8e2d992ebde1f8746c795) - Style changes to custom components gallery. Thanks [@aliabd](https://github.com/aliabd)!
+- [#7080](https://github.com/gradio-app/gradio/pull/7080) [`6654a32`](https://github.com/gradio-app/gradio/commit/6654a32ebad3c5b9f762d8e9e531f29152625819) - start cc docs guide. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.21.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.3.7
+
+## 0.21.2
+
+### Features
+
+- [#6997](https://github.com/gradio-app/gradio/pull/6997) [`523c08f`](https://github.com/gradio-app/gradio/commit/523c08fe3036f9d72416f7599fe0c64c1a4af823) - Design changes to Playground. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.21.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.3.6
+
+## 0.21.0
+
+### Features
+
+- [#6913](https://github.com/gradio-app/gradio/pull/6913) [`a5f3d2b`](https://github.com/gradio-app/gradio/commit/a5f3d2bef2d53b367ebf78d86e61f227cda5effa) - Fix broken redirects and guides in website. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.20.4
+
+### Fixes
+
+- [#6767](https://github.com/gradio-app/gradio/pull/6767) [`7bb561a`](https://github.com/gradio-app/gradio/commit/7bb561a294ca41d1044927cb34d8645c4175cae0) - Rewriting parts of the README and getting started guides for 4.0. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.20.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.3.3
+
+## 0.20.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.3.2
+
+## 0.20.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.3.1
+
+## 0.20.0
+
+### Features
+
+- [#6679](https://github.com/gradio-app/gradio/pull/6679) [`abe9785`](https://github.com/gradio-app/gradio/commit/abe9785c50cf3d1098605326c92a1825ae89df14) - Remove Discourse Forum Link from Website. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6477](https://github.com/gradio-app/gradio/pull/6477) [`21ce721`](https://github.com/gradio-app/gradio/commit/21ce721bbddaf4f5768f59eef5fefc74c8f0cf27) - Custom component gallery. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.19.0
+
+### Features
+
+- [#5885](https://github.com/gradio-app/gradio/pull/5885) [`9919b8a`](https://github.com/gradio-app/gradio/commit/9919b8ab43bee3d1d7cc65fd641fc8bc9725e102) - Fix the docstring decoration. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6650](https://github.com/gradio-app/gradio/pull/6650) [`d59ceec`](https://github.com/gradio-app/gradio/commit/d59ceec99d16f52e71d165448d959ba6b5624425) - Removes smooth scrolling from website. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.18.0
+
+### Features
+
+- [#6549](https://github.com/gradio-app/gradio/pull/6549) [`3e60c13b9`](https://github.com/gradio-app/gradio/commit/3e60c13b9192fac04c5386135ede906d0e6a2025) - Add 3.x docs to the website!. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.17.0
+
+### Features
+
+- [#6533](https://github.com/gradio-app/gradio/pull/6533) [`e2810fcfc`](https://github.com/gradio-app/gradio/commit/e2810fcfc84e2d66797736d8002c6a16f5b330d6) - Fix redirected paths on website. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6532](https://github.com/gradio-app/gradio/pull/6532) [`96290d304`](https://github.com/gradio-app/gradio/commit/96290d304a61064b52c10a54b2feeb09ca007542) - tweak deps. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.16.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.2.7
+
+## 0.16.0
+
+### Features
+
+- [#6460](https://github.com/gradio-app/gradio/pull/6460) [`e01b67f96`](https://github.com/gradio-app/gradio/commit/e01b67f96f054b4d96cd72ce9b713bab9992c6cc) - Custom Component Guide Redirects. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.15.0
+
+### Features
+
+- [#6436](https://github.com/gradio-app/gradio/pull/6436) [`58e3ca826`](https://github.com/gradio-app/gradio/commit/58e3ca8260a6635e10e7a7f141221c4f746e9386) - Custom Component CLI Improvements. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6427](https://github.com/gradio-app/gradio/pull/6427) [`e0fc14659`](https://github.com/gradio-app/gradio/commit/e0fc146598ba9b081bc5fa9616d0a41c2aba2427) - Allow google analytics to work on Spaces (and other iframe situations). Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.14.0
+
+### Features
+
+- [#6387](https://github.com/gradio-app/gradio/pull/6387) [`9d6d72f44`](https://github.com/gradio-app/gradio/commit/9d6d72f44370c45d9e213421a5586c25c5789278) - Tiny fix to indent on landing page demo. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6344](https://github.com/gradio-app/gradio/pull/6344) [`747197089`](https://github.com/gradio-app/gradio/commit/7471970894e999f335126766549552184231e8ea) - PDF component custom component guide. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.13.0
+
+### Features
+
+- [#6351](https://github.com/gradio-app/gradio/pull/6351) [`294414d9f`](https://github.com/gradio-app/gradio/commit/294414d9f7b53da1a870d2d96e62a75242b40849) - Add sharing to playground. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.12.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/code@0.2.3
+
+## 0.12.0
+
+### Features
+
+- [#6268](https://github.com/gradio-app/gradio/pull/6268) [`de36820ef`](https://github.com/gradio-app/gradio/commit/de36820ef51097b47937b41fb76e4038aaa369cb) - Fix various issues with demos on website. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6193](https://github.com/gradio-app/gradio/pull/6193) [`fdedc5949`](https://github.com/gradio-app/gradio/commit/fdedc59491bf55e3a24936e97da48bf0144de816) - 4.0 Website Changes. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6243](https://github.com/gradio-app/gradio/pull/6243) [`2c9fd437f`](https://github.com/gradio-app/gradio/commit/2c9fd437f8249b238f2b1904fb5acfe3413ff950) - Some tweaks to the Custom Components Guide. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.11.1
+
+### Features
+
+- [#6189](https://github.com/gradio-app/gradio/pull/6189) [`345ddd888`](https://github.com/gradio-app/gradio/commit/345ddd888e9f55cb04e5c6601d95d2a25e4ef39f) - Custom Component Guides. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.11.0
+
+### Patch Changes
+
+- Updated dependencies [[`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7), [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7)]:
+  - @gradio/code@0.2.0
+
+## 0.11.0-beta.1
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6142](https://github.com/gradio-app/gradio/pull/6142) [`103416d17`](https://github.com/gradio-app/gradio/commit/103416d17f021c82f5ff0583dcc2d80906ad279e) - JS READMEs and Storybook on Docs. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6121](https://github.com/gradio-app/gradio/pull/6121) [`93d28bc08`](https://github.com/gradio-app/gradio/commit/93d28bc088f7154ecc00f79eb98119f6d4858fe3) - Small fix to website header. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6151](https://github.com/gradio-app/gradio/pull/6151) [`e67e3f813`](https://github.com/gradio-app/gradio/commit/e67e3f813ea461d3245b4b575f3b2c44fca6a39c) - Fix issues with website deploy. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.11.0-beta.0
+
+### Features
+
+- [#6082](https://github.com/gradio-app/gradio/pull/6082) [`037e5af33`](https://github.com/gradio-app/gradio/commit/037e5af3363c5b321b95efc955ee8d6ec0f4504e) - WIP: Fix docs. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6089](https://github.com/gradio-app/gradio/pull/6089) [`cd8146ba0`](https://github.com/gradio-app/gradio/commit/cd8146ba053fbcb56cf5052e658e4570d457fb8a) - Update logos for v4. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6097](https://github.com/gradio-app/gradio/pull/6097) [`439efa39d`](https://github.com/gradio-app/gradio/commit/439efa39dd47bd0c5235f74244aae539d0629492) - Add banner for 4.0 livestream to website. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6040](https://github.com/gradio-app/gradio/pull/6040) [`5524e5905`](https://github.com/gradio-app/gradio/commit/5524e590577769b0444a5332b8d444aafb0c5c12) - playground proposal. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6052](https://github.com/gradio-app/gradio/pull/6052) [`8241f9a7b`](https://github.com/gradio-app/gradio/commit/8241f9a7bd034256aabb9efa9acb9e36216557ac) - Updated the twitter logo to its latest logo (X). Thanks [@niranjan-kurhade](https://github.com/niranjan-kurhade)!
+
+## 0.10.0
+
+### Features
+
+- [#6021](https://github.com/gradio-app/gradio/pull/6021) [`86cff0c29`](https://github.com/gradio-app/gradio/commit/86cff0c293db776c08c1ab372d69aac7c594cfb3) - Playground: Better spacing on navbar. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.9.0
+
+### Features
+
+- [#5386](https://github.com/gradio-app/gradio/pull/5386) [`0312c990f`](https://github.com/gradio-app/gradio/commit/0312c990fbe63fdf3bfa9a8f13bbc042295d49bf) - Playground v1. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.8.0
+
+### Features
+
+- [#5936](https://github.com/gradio-app/gradio/pull/5936) [`b8b9f6d27`](https://github.com/gradio-app/gradio/commit/b8b9f6d27e258256584b7662d03110cc2eeb883b) - Adds a Guide on how to stylize the DataFrame component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.7.1
+
+### Features
+
+- [#5721](https://github.com/gradio-app/gradio/pull/5721) [`84e03fe50`](https://github.com/gradio-app/gradio/commit/84e03fe506e08f1f81bac6d504c9fba7924f2d93) - Adds copy buttons to website, and better descriptions to API Docs. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.7.0
+
+### Features
+
+- [#5643](https://github.com/gradio-app/gradio/pull/5643) [`f661c0733`](https://github.com/gradio-app/gradio/commit/f661c0733b501f1a54a0c62af2567909c7202944) - Add the brand assets page to the website. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5675](https://github.com/gradio-app/gradio/pull/5675) [`b619e6f6e`](https://github.com/gradio-app/gradio/commit/b619e6f6e4ca55334fb86da53790e45a8f978566) - Reorganize Docs Navbar and Fill in Gaps. Thanks [@aliabd](https://github.com/aliabd)!
+- [#5669](https://github.com/gradio-app/gradio/pull/5669) [`c5e969559`](https://github.com/gradio-app/gradio/commit/c5e969559612f956afcdb0c6f7b22ab8275bc49a) - Fix small issues in docs and guides. Thanks [@aliabd](https://github.com/aliabd)!
+
+### Fixes
+
+- [#5608](https://github.com/gradio-app/gradio/pull/5608) [`eebf9d71f`](https://github.com/gradio-app/gradio/commit/eebf9d71f90a83bd84b62c855fdcd13b086f7ad5) - Styling fixes to guides. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.6.0
+
+### Features
+
+- [#5565](https://github.com/gradio-app/gradio/pull/5565) [`f0514fc49`](https://github.com/gradio-app/gradio/commit/f0514fc49ea04ba01dce748238e1fd16f9cb5d8b) - Route docs and guide urls correctly. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.5.0
+
+### Features
+
+- [#5481](https://github.com/gradio-app/gradio/pull/5481) [`df623e74`](https://github.com/gradio-app/gradio/commit/df623e743aad4b21a7eda9bae4c03eb17f01c90d) - Toggle main vs versioned demos on website and show install snippet. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.4.0
+
+### Features
+
+- [#5423](https://github.com/gradio-app/gradio/pull/5423) [`bb31cd7d`](https://github.com/gradio-app/gradio/commit/bb31cd7dd0dc60c18b2b21269512775f3784ef01) - Remove stable diffusion demo from landing page. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.3.0
+
+### Features
+
+- [#5271](https://github.com/gradio-app/gradio/pull/5271) [`97c3c7b1`](https://github.com/gradio-app/gradio/commit/97c3c7b1730407f9e80566af9ecb4ca7cccf62ff) - Move scripts from old website to CI. Thanks [@aliabd](https://github.com/aliabd)!
+- [#5381](https://github.com/gradio-app/gradio/pull/5381) [`3d66e61d`](https://github.com/gradio-app/gradio/commit/3d66e61d641da8ca2a7d10c545c7dc0139697f00) - chore(deps): update dependency hast-util-to-string to v3. Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#5304](https://github.com/gradio-app/gradio/pull/5304) [`05892302`](https://github.com/gradio-app/gradio/commit/05892302fb8fe2557d57834970a2b65aea97355b) - Adds kwarg to disable html sanitization in `gr.Chatbot()`. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.2
+
+### Features
+
+- [#5284](https://github.com/gradio-app/gradio/pull/5284) [`5f25eb68`](https://github.com/gradio-app/gradio/commit/5f25eb6836f6a78ce6208b53495a01e1fc1a1d2f) - Minor bug fix sweep. Thanks [@aliabid94](https://github.com/aliabid94)!/n - Our use of **exit** was catching errors and corrupting the traceback of any component that failed to instantiate (try running blocks_kitchen_sink off main for an example). Now the **exit** exits immediately if there's been an exception, so the original exception can be printed cleanly/n - HighlightedText was rendering weird, cleaned it up
+
+## 0.2.1
+
+### Fixes
+
+- [#5324](https://github.com/gradio-app/gradio/pull/5324) [`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19) - ensure login form has correct styles. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5298](https://github.com/gradio-app/gradio/pull/5298) [`cf167cd1`](https://github.com/gradio-app/gradio/commit/cf167cd1dd4acd9aee225ff1cb6fac0e849806ba) - Create event listener table for components on docs. Thanks [@aliabd](https://github.com/aliabd)!
+- [#5092](https://github.com/gradio-app/gradio/pull/5092) [`643442e1`](https://github.com/gradio-app/gradio/commit/643442e1a5e25fc0c89a15a38b6279b8955643ac) - generate docs json in ci, reimplement main vs release. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5186](https://github.com/gradio-app/gradio/pull/5186) [`24b66e1c`](https://github.com/gradio-app/gradio/commit/24b66e1cff0452bce71c71cea1b818913aeb8d51) - homepage demo update. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0
+
+### Features
+
+- [#5076](https://github.com/gradio-app/gradio/pull/5076) [`2745075a`](https://github.com/gradio-app/gradio/commit/2745075a26f80e0e16863d483401ff1b6c5ada7a) - Add deploy_discord to docs. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5111](https://github.com/gradio-app/gradio/pull/5111) [`b84a35b7`](https://github.com/gradio-app/gradio/commit/b84a35b7b91eca947f787648ceb361b1d023427b) - Add icon and link to DuplicateButton. Thanks [@aliabd](https://github.com/aliabd)!
+- [#5037](https://github.com/gradio-app/gradio/pull/5037) [`42488c07`](https://github.com/gradio-app/gradio/commit/42488c076aaf3ac2302b27760773a87f5b6ecc41) - Correct gradio version on website. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.0.2
+
+### Features
+
+- [#5009](https://github.com/gradio-app/gradio/pull/5009) [`3e70fc81`](https://github.com/gradio-app/gradio/commit/3e70fc81fc12dcb07f40a280b972a61348c9d263) - Correctly render changelog on website after new formatting. Thanks [@aliabd](https://github.com/aliabd)!
+
+### Fixes
+
+- [#5007](https://github.com/gradio-app/gradio/pull/5007) [`71c90394`](https://github.com/gradio-app/gradio/commit/71c90394012a9cfe10eae312b437a6deff52da3a) - Make sure tags aren't rendered inside a guide. Thanks [@aliabd](https://github.com/aliabd)!
\ No newline at end of file
diff --git a/js/_website/generate_jsons/check_lite_demos.py b/js/_website/generate_jsons/check_lite_demos.py
new file mode 100644
index 0000000..1a34547
--- /dev/null
+++ b/js/_website/generate_jsons/check_lite_demos.py
@@ -0,0 +1,22 @@
+import os
+
+def main():
+    demo_to_reqs = {}
+    for demo in os.listdir("demo"):
+        requirements = ""
+        # only check demos with requirements, because we don't need to check the others
+        if os.path.exists(os.path.join("demo", demo, "requirements.txt")):
+            with open(os.path.join("demo", demo, "requirements.txt"), "r") as f:
+                requirements = f.read()
+            demo_to_reqs[demo] = requirements.split("\n")
+    non_lite_reqs = ['spacy', 'cmake', 'opencv-python-headless', 'torch==2.5.1', 'open3d', 'tensorflow', 'torch>=2.3.1', 'psycopg2', 'torchvision==0.13.0', 'onnxruntime-gpu', 'torchaudio==0.12.0', 'xgboost==1.7.6', 'torch', 'safetensors==0.4.3', 'torchaudio', 'torch==1.12.0', 'shap', 'prophet==1.1.2', 'gradio-pdf==0.0.7', 'datasets', 'gradio-datetimerange', 'safetensors>=0.4.1', 'safetensors>=0.4.1', 'numba>=0.45.1', 'safetensors>=0.4.1', 'safetensors>=0.4.3', 'torch>=2.0.0', 'safetensors>=0.3.1', 'safetensors>=0.3.1', 'safetensors>=0.4.1', 'torch', 'torch>=1.9', 'jiter<1,>=0.4.0', 'jiter<1,>=0.4.0', 'tokenizers<0.22,>=0.21', 'tokenizers<0.22,>=0.21', 'tokenizers<0.22,>=0.21', 'tokenizers<0.22,>=0.21', 'aiortc', 'psutil', 'psutil<6,>=2', 'psutil', 'numba>=0.53', 'zstandard<0.24.0,>=0.23.0', 'combo-lock~=0.2', 'ovos-bus-client<0.2.0,>=0.0.8', 'watchdog', 'combo-lock~=0.2', 'combo-lock~=0.2', 'pyee<12.0.0,>=8.1.0', 'combo-lock<1.0.0,>=0.2.1', 'git+https://github.com/huggingface/parler-tts.git', 'git+https://github.com/huggingface/transformers', 'git+https://github.com/nielsrogge/transformers.git@add_dpt_redesign#egg=transformers']
+    non_lite_demos = []
+    for demo, requirements in demo_to_reqs.items():
+        for req in requirements:
+            if req in non_lite_reqs:
+                non_lite_demos.append(demo)
+                break
+    print(non_lite_demos)
+    print(len(non_lite_demos))
+if __name__ == "__main__":
+    main()
diff --git a/js/_website/generate_jsons/chunking.py b/js/_website/generate_jsons/chunking.py
new file mode 100644
index 0000000..b0ac2ea
--- /dev/null
+++ b/js/_website/generate_jsons/chunking.py
@@ -0,0 +1,210 @@
+import re
+from dataclasses import dataclass
+from typing import List, Tuple
+from transformers import AutoTokenizer
+
+@dataclass
+class BlogChunks:
+    title: str
+    content: List[str]
+    type: str
+    url: str 
+
+class TextChunker:
+    def __init__(self, model_name: str = "voyageai/voyage-3-large"):
+        """Initialize the chunker with a tokenizer."""
+        self.tokenizer = AutoTokenizer.from_pretrained(model_name)
+    
+    def count_tokens(self, text: str) -> int:
+        """Count the number of tokens in a text string."""
+        return len(self.tokenizer.encode(text))
+    
+    def find_chunk_boundary(self, text: str, target_tokens: int, overlap_tokens: int) -> Tuple[str, str]:
+        """
+        Find a boundary near the target token count, breaking at sentence boundaries when possible
+        but enforcing a hard limit of 100 tokens. Includes overlap in the next chunk.
+        Returns a tuple of (chunk, remainder).
+        """
+        if not text:
+            return "", ""
+            
+        # First try to split by sentence
+        sentence_pattern = r'(?<=[.!?])\s+(?=[A-Z])'
+        sentences = re.split(sentence_pattern, text)
+        
+        current_chunk = []
+        current_tokens = 0
+        overlap_start_idx = 0  # Track where to start overlap
+        
+        for i, sentence in enumerate(sentences):
+            sentence_tokens = self.count_tokens(sentence)
+            
+            # If this would exceed our hard limit of 100 tokens
+            if current_tokens + sentence_tokens > target_tokens:
+                if not current_chunk:
+                    # Need to split the sentence by words
+                    words = sentence.split()
+                    word_chunk = []
+                    
+                    for word in words:
+                        word_tokens = self.count_tokens(word + ' ')
+                        if current_tokens + word_tokens > target_tokens:
+                            break
+                        word_chunk.append(word)
+                        current_tokens += word_tokens
+                    
+                    if not word_chunk:  # If even a single word is too long
+                        return sentence[:target_tokens], sentence[target_tokens:]
+                    
+                    chunk_text = ' '.join(word_chunk)
+                    # Include some of the end of this chunk in the next chunk for overlap
+                    overlap_point = max(0, len(word_chunk) - int(len(word_chunk) * 0.5))
+                    remainder = ' '.join(words[overlap_point:])
+                    if i < len(sentences) - 1:
+                        remainder += ' ' + ' '.join(sentences[i+1:])
+                    return chunk_text, remainder.strip()
+                
+                chunk_text = ' '.join(current_chunk)
+                # Start the next chunk from roughly halfway through this one for overlap
+                overlap_start_idx = max(0, i - len(current_chunk) // 2)
+                remainder = ' '.join(sentences[overlap_start_idx:])
+                return chunk_text, remainder.strip()
+            
+            # If we would exceed the target token count (but not hard limit)
+            if current_tokens + sentence_tokens > target_tokens and current_chunk:
+                chunk_text = ' '.join(current_chunk)
+                # Start the next chunk from roughly halfway through this one for overlap
+                overlap_start_idx = max(0, i - len(current_chunk) // 2)
+                remainder = ' '.join(sentences[overlap_start_idx:])
+                return chunk_text, remainder.strip()
+            
+            current_chunk.append(sentence)
+            current_tokens += sentence_tokens
+        
+        # If we get here, return the entire text as one chunk
+        return ' '.join(current_chunk), ''
+
+    def chunk_page(
+        self,
+        title: str,
+        url: str,
+        content: str,
+        type: str,
+        target_length: int = 100,  # Token counts for different chunk sizes
+        overlap_percentage: float = 0.5  # 20% overlap by default
+    ) -> BlogChunks:
+        """
+        Chunks document content with specified overlap percentage and multiple target lengths.
+        Returns a dictionary mapping target length to list of chunks.
+        """
+        # Clean the content first
+        content = self._clean_content(content)
+        
+        # Dictionary to store chunks for each target length
+        chunks = BlogChunks(
+            title=title,
+            content=[],
+            type=type,
+            url=url
+        )
+        
+        overlap_tokens = int(target_length * overlap_percentage)
+        remaining_text = content
+        current_section = None
+        
+        while remaining_text:
+            # Handle section headers
+            if remaining_text.lstrip().startswith('#'):
+                section_end = remaining_text.find('\n')
+                if section_end == -1:
+                    break
+                current_section = remaining_text[:section_end].lstrip('#').strip()
+                remaining_text = remaining_text[section_end:].strip()
+                continue
+            
+            # Find natural break point
+            chunk_text, remaining_text = self.find_chunk_boundary(
+                remaining_text, 
+                target_length,
+                overlap_tokens
+            )
+            
+            if chunk_text:
+                chunks.content.append(chunk_text)
+            
+            if not remaining_text:
+                break
+        for i, chunk in enumerate(chunks.content):
+            if "Demos" in chunk and "demo.launch()" in chunk:
+                chunks.content[i] = chunk.split("Demos")[0] + chunk.split("demo.launch()")[1]
+            if "Open in" in chunk and "demo.launch()" in chunk:
+                chunks.content.pop(i)
+
+        print(f"\nChunked: {title}")
+        # print(f"\n\n\n{'*'*50}")
+        # print(f"Target Length: {target_length}")
+        # print(f"\n{'*'*50}")
+        # print(f"{'='*50}")
+        # for chunk in all_chunks:
+        #     print(f"Length: {self.count_tokens(chunk.content)} tokens")
+        #     print(f"Content: {chunk.content}")
+        #     print(f"{'='*50}")  
+        # print(f"\n\n\n{'*'*50}") 
+        # print([chunk.content for chunk in all_chunks])
+        
+        return chunks
+    
+    def _clean_content(self, content: str) -> str:
+        """Clean the content by removing code blocks and markdown links."""        
+        # Remove triple backtick code blocks with optional language
+        content = re.sub(r'```(?:[a-zA-Z]*\s*)?[\s\S]*?```', '', content)
+
+        content = re.sub(r'`{1,2}\w*\n[\s\S]*?(?:`{1,2})', '', content)
+        
+        # Remove any remaining single or double backtick blocks
+        content = re.sub(r'``[^`]*(?:`[^`]+`)*[^`]*``', '', content)  # Double backticks
+        content = re.sub(r'`[^`]*`', '', content)  # Single backticks
+        
+        # Remove markdown links but keep text
+        content = re.sub(r'\[([^\]]+)\]\([^\)]+\)', r'\1', content)
+        
+        # Replace common HTML entities with their readable equivalents
+        html_entities = {
+            '&quot;': '"',
+            '&apos;': "'",
+            '&#039;': "'",
+            '&lt;': '<',
+            '&gt;': '>',
+            '&amp;': '&',
+            '&ndash;': '-',
+            '&mdash;': '--',
+            '&nbsp;': ' ',
+            '&rsquo;': "'",
+            '&lsquo;': "'",
+            '&rdquo;': '"',
+            '&ldquo;': '"',
+            '&#8217;': "'",
+            '&#8216;': "'",
+            '&#8221;': '"',
+            '&#8220;': '"',
+            '&hellip;': '...',
+            '&#x27;': "'",
+            '&bull;': '•',
+            '&middot;': '·',
+            '&#8226;': '•'
+        }
+        
+        for entity, replacement in html_entities.items():
+            content = content.replace(entity, replacement)
+            
+        # Also handle numeric entities like &#34; (double quote)
+        content = re.sub(r'&#(\d+);', lambda m: chr(int(m.group(1))), content)
+        
+        # Handle hex entities like &#x22;
+        content = re.sub(r'&#x([0-9a-fA-F]+);', lambda m: chr(int(m.group(1), 16)), content)
+        
+        # Normalize whitespace (including handling of newlines)
+        content = re.sub(r'\s+', ' ', content)
+        
+        return content.strip()
+    
\ No newline at end of file
diff --git a/js/_website/generate_jsons/embed.py b/js/_website/generate_jsons/embed.py
new file mode 100644
index 0000000..e54bc30
--- /dev/null
+++ b/js/_website/generate_jsons/embed.py
@@ -0,0 +1,161 @@
+import libsql_client as libsql
+import os
+from openai import OpenAI
+import numpy as np
+from chunking import TextChunker
+from tqdm import tqdm
+import requests 
+import voyageai
+
+# vo = voyageai.Client(api_key=os.getenv("VOYAGE_API_KEY"),)
+url = os.getenv("TURSO_DATABASE_URL")
+auth_token = os.getenv("TURSO_AUTH_TOKEN")
+db_client = libsql.create_client_sync(url, auth_token=auth_token)
+
+# openai_deepinfra = OpenAI(
+#     api_key=os.getenv("DEEPINFRA_API_TOKEN"),
+#     base_url="https://api.deepinfra.com/v1/openai"
+# )
+
+
+# def embed_and_upload(title, _type, url, contents):
+#     documents_embeddings = vo.embed(contents, model="voyage-3", input_type="document").embeddings
+    
+#     values = [
+#         (title, _type, url, content, np.array(embedding, dtype=np.float32))
+#         for content, embedding in zip(contents, documents_embeddings)
+#     ]
+    
+#     placeholders = ','.join(['(?, ?, ?, ?, ?)'] * len(contents))
+    
+#     flattened_values = [item for tup in values for item in tup]
+    
+#     db_client.execute(
+#         f"INSERT INTO EMBEDDINGS (title, type, url, content, embedding) VALUES {placeholders}", 
+#         flattened_values
+#     )
+#     return
+
+# url = "http://localhost:5174/search-api"
+# response = requests.get(url)
+# data = response.json()
+
+# guides = [d for d in data if d["type"] == "GUIDE"]
+# docs = [d for d in data if d["type"] == "DOCS"]
+
+# chunker = TextChunker()
+
+# DOCS_AND_GUIDES_DESCRIPTION_SYSTEM_PROMPT = """
+# You are a helpful assistant that summarizes pages in the Gradio website in only one sentence.
+# You are given a page that is either a guide or docs. Both will consist of natural language mixed with python code.
+# Your summaries will be used for embedding search that points to the page, so please be concise, accurate and include the most important parts. But it can only be one sentence.
+# Your sentence should clarify what type of questions the page answers.
+# Do not include 'gr.' before the function or class name. Do not ever use backticks or special code formatting in your response. For example write Interface instead of `Interface`.
+# """
+
+# def describe_page(content: str):
+#     description = openai_deepinfra.chat.completions.create(
+#         model="Qwen/Qwen2.5-72B-Instruct",
+#         messages=[
+#             {"role": "system", "content": DOCS_AND_GUIDES_DESCRIPTION_SYSTEM_PROMPT},
+#             {"role": "user", "content": content}
+#             ],
+#     )
+
+#     description = description.choices[0].message.content
+
+#     return description
+
+# for guide in tqdm(guides[1:]): # ignore weird 
+#     description = describe_page(guide["content"])
+#     chunks = chunker.chunk_page(guide["title"], guide["slug"], description, guide["type"])
+#     try:
+#         embed_and_upload(chunks.title, chunks.type, chunks.url, chunks.content)
+#     except Exception as e:
+#         print(e)
+#         db_client.close()
+#         1/0
+
+# for page in tqdm(docs):
+#     description = describe_page(guide["content"])
+#     chunks = chunker.chunk_page(guide["title"], guide["slug"], description, guide["type"])
+#     try:
+#         embed_and_upload(chunks.title, chunks.type, chunks.url, chunks.content)
+#     except Exception as e:
+#         print(e)
+#         db_client.close()
+#         1/0
+
+
+# demo_descriptions = []
+# def get_demo_descriptions():
+#     results = db_client.execute(
+#         """
+#         SELECT 
+#             MIN(id) as id,
+#             title,
+#             type,
+#             url,
+#             STRING_AGG(content, ' ') as combined_content
+#         FROM EMBEDDINGS_LLM_250
+#         WHERE type = 'DEMO'
+#         GROUP BY title, type, url;
+#         """
+#     )
+#     for result in results:
+#         demo_descriptions.append(
+#             {
+#                 "title": result["title"],
+#                 "url": result["url"],
+#                 "content": result["combined_content"]
+#             }
+#         )
+#     return
+
+# get_demo_descriptions()
+
+# for demo in tqdm(demo_descriptions):
+#     chunks = chunker.chunk_page(demo["title"], demo["url"], demo["content"], "DEMO")
+#     try:
+#         embed_and_upload(chunks.title, chunks.type, chunks.url, chunks.content)
+#     except Exception as e:
+#         print(e)
+#         db_client.close()
+#         1/0
+
+demo_to_reqs = {}
+for demo in os.listdir("demo"):
+    if os.path.exists(os.path.join("demo", demo, "requirements.txt")):
+        with open(os.path.join("demo", demo, "requirements.txt"), "r") as f:
+            reqs = f.read()
+            reqs = reqs.split("\n")
+            demo_to_reqs[demo] = reqs
+
+for title, requirements in tqdm(demo_to_reqs.items()):
+    db_client.execute(
+        """UPDATE EMBEDDINGS 
+        SET requirements = ?
+        WHERE type = 'DEMO' AND title = ?
+        """, 
+        (requirements, title.replace("_", " ").capitalize())
+    )
+    print(title.replace("_", " ").capitalize())
+
+# demo_to_reqs = {}
+# for demo in os.listdir("demo"):
+#     if os.path.exists(os.path.join("demo", demo, "requirements.txt")):
+#         with open(os.path.join("demo", demo, "requirements.txt"), "r") as f:
+#             demo_to_reqs[demo] = f.read()
+
+# for title, requirements in tqdm(demo_to_reqs.items()):
+#     db_client.execute(
+#         """UPDATE EMBEDDINGS 
+#         SET requirements = ?
+#         WHERE type = 'DEMO' AND title = ?
+#         """, 
+#         (requirements, title.replace("_", " ").capitalize())
+#     )
+#     print(title.replace("_", " ").capitalize())
+
+
+db_client.close()
diff --git a/js/_website/generate_jsons/generate.py b/js/_website/generate_jsons/generate.py
new file mode 100644
index 0000000..234c191
--- /dev/null
+++ b/js/_website/generate_jsons/generate.py
@@ -0,0 +1,137 @@
+import json
+import os
+import re
+from subprocess import run
+import boto3
+from botocore import UNSIGNED
+from botocore.client import Config
+
+from src import changelog, demos, docs, guides
+
+WEBSITE_DIR = os.path.abspath(os.path.join(os.path.dirname(__file__), ".."))
+GRADIO_DIR = os.path.abspath(os.path.join(WEBSITE_DIR, "..", "..", "gradio"))
+ROOT_DIR = os.path.abspath(os.path.join(WEBSITE_DIR, "..", ".."))
+
+
+def make_dir(root, path):
+    return os.path.abspath(os.path.join(root, path))
+
+
+def download_from_s3(bucket_name, s3_folder, local_dir):
+    print(f"Downloading templates from S3: {bucket_name}/{s3_folder} to {local_dir}")
+    s3 = boto3.client("s3", config=Config(signature_version=UNSIGNED))
+
+    try:
+        objects = s3.list_objects_v2(Bucket=bucket_name, Prefix=s3_folder)
+    except Exception as e:
+        print(f"Error listing objects in bucket {bucket_name}: {e}")
+        return
+
+    for obj in objects.get("Contents", []):
+        s3_key = obj["Key"]
+        local_file_path = os.path.join(local_dir, os.path.relpath(s3_key, s3_folder))
+
+        if s3_key.endswith("/"):
+            continue
+
+        try:
+            os.makedirs(os.path.dirname(local_file_path), exist_ok=True)
+            s3.download_file(bucket_name, s3_key, local_file_path)
+        except Exception as e:
+            print(f"Error downloading {s3_key}: {e}")
+
+    print(f"Download process completed for {bucket_name}/{s3_folder}")
+
+
+def convert_to_pypi_prerelease(version: str) -> str:
+    def replacement(match):
+        v, tag, tag_version = match.groups()
+        if tag == "beta":
+            return f"{v}b{tag_version}"
+        elif tag == "alpha":
+            return f"{v}a{tag_version}"
+        else:
+            return version
+
+    return re.sub(r"(\d+\.\d+\.\d+)-([-a-z]+)\.(\d+)", replacement, version)
+
+
+def get_latest_release():
+    with open(make_dir(ROOT_DIR, "client/js/package.json")) as f:
+        js_client_version = json.load(f)["version"]
+    with open(make_dir(GRADIO_DIR, "package.json")) as f:
+        version = convert_to_pypi_prerelease(json.load(f)["version"])
+        with open(make_dir(WEBSITE_DIR, "src/lib/json/version.json"), "w+") as j:
+            json.dump({"version": version}, j)
+        with open(make_dir(WEBSITE_DIR, "src/lib/json/wheel.json"), "w+") as j:
+            sha = (
+                run(["git", "log", "-1", "--format='%H'"], capture_output=True)
+                .stdout.decode("utf-8")
+                .strip("'\n")
+            )
+            json.dump(
+                {
+                    "gradio_install": f"pip install https://gradio-builds.s3.amazonaws.com/{sha}/gradio-{version}-py3-none-any.whl",
+                    "gradio_py_client_install": f"pip install 'gradio-client @ git+https://github.com/gradio-app/gradio@{sha}#subdirectory=client/python'",
+                    "gradio_js_client_install": f"npm install https://gradio-builds.s3.amazonaws.com/{sha}/gradio-client-{js_client_version}.tgz",
+                    "gradio_lite_url": f"https://gradio-lite-previews.s3.amazonaws.com/PINNED_HF_HUB",
+                },
+                j,
+            )
+        if not os.path.exists(
+            make_dir(WEBSITE_DIR, f"src/lib/templates_{version.replace('.', '-')}")
+        ):
+            print(f"Downloading templates from S3: {version}")
+            download_from_s3(
+                "gradio-docs-json",
+                f"{version}/templates/",
+                make_dir(WEBSITE_DIR, f"src/lib/templates_{version.replace('.', '-')}"),
+            )
+
+            print("Downloading templates from S3: 4.44.1")
+            download_from_s3(
+                "gradio-docs-json",
+                "4.44.1/templates/",
+                make_dir(WEBSITE_DIR, "src/lib/templates_4-44-1"),
+            )
+
+            print("Downloading templates from S3: 5.49.1")
+            download_from_s3(
+                "gradio-docs-json",
+                "5.49.1/templates/",
+                make_dir(WEBSITE_DIR, "src/lib/templates_5-49-1"),
+            )
+
+
+def create_dir_if_not_exists(path):
+    if not os.path.exists(path):
+        os.makedirs(path)
+
+
+create_dir_if_not_exists(make_dir(WEBSITE_DIR, "src/lib/json"))
+create_dir_if_not_exists(make_dir(WEBSITE_DIR, "src/lib/json/guides"))
+
+demos.generate(make_dir(WEBSITE_DIR, "src/lib/json/demos.json"))
+guides.generate(make_dir(WEBSITE_DIR, "src/lib/json/guides/") + "/")
+SYSTEM_PROMPT, FALLBACK_PROMPT = docs.generate(
+    make_dir(WEBSITE_DIR, "src/lib/json/docs.json")
+)
+_, _ = docs.generate(make_dir(WEBSITE_DIR, "src/lib/templates/docs.json"))
+changelog.generate(make_dir(WEBSITE_DIR, "src/lib/json/changelog.json"))
+get_latest_release()
+
+# print("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n")
+# print(SYSTEM_PROMPT)
+# print("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n")
+
+
+with open(make_dir(WEBSITE_DIR, "src/lib/json/system_prompt.json"), "w+") as f:
+    json.dump(
+        {
+            "SYSTEM": SYSTEM_PROMPT,
+            "FALLBACK": FALLBACK_PROMPT,
+        },
+        f,
+    )
+
+print("JSON generated! " + make_dir(WEBSITE_DIR, "src/lib/json/"))
diff --git a/js/_website/generate_jsons/src/changelog/__init__.py b/js/_website/generate_jsons/src/changelog/__init__.py
new file mode 100644
index 0000000..bd16053
--- /dev/null
+++ b/js/_website/generate_jsons/src/changelog/__init__.py
@@ -0,0 +1,25 @@
+import json
+import os
+import re
+
+DIR = os.path.dirname(__file__)
+CHANGELOG_FILE = os.path.abspath(os.path.join(DIR, "../../../../../CHANGELOG.md"))
+
+
+def clean():
+    with open(CHANGELOG_FILE) as change_file:
+        content = change_file.read()
+    
+    # remove empty/unused sections
+    content = re.sub(r"## [\w^:\n ]*No changes to highlight.", "", content)
+    content = content.replace("# gradio", "# Changelog")
+
+    return content
+
+
+def generate(json_path):
+    content = clean()
+    with open(json_path, 'w+') as f:
+        json.dump({
+            "content": content,
+            }, f)
\ No newline at end of file
diff --git a/js/_website/generate_jsons/src/demos/__init__.py b/js/_website/generate_jsons/src/demos/__init__.py
new file mode 100644
index 0000000..c8280b2
--- /dev/null
+++ b/js/_website/generate_jsons/src/demos/__init__.py
@@ -0,0 +1,157 @@
+import json
+from pathlib import Path
+
+
+HERE = Path(__file__).parent
+WEBSITE_DIR = HERE.joinpath("../../..").resolve()
+PROJECT_ROOT = WEBSITE_DIR.joinpath("../..").resolve()
+GRADIO_DEMO_DIR = PROJECT_ROOT / "demo"
+
+
+def get_code_description_and_reqs(demo_dir):
+    with demo_dir.joinpath("run.py").open() as f:
+        code = f.read()
+
+    description = ""
+    description_path = demo_dir.joinpath("DESCRIPTION.md")
+    if description_path.exists():
+        with description_path.open() as f:
+            description = f.read()
+
+    requirements = []
+    requirements_path = demo_dir.joinpath("requirements.txt")
+    if requirements_path.exists():
+        with requirements_path.open() as f:
+            requirements = [line.strip() for line in f.read().strip().split("\n")]
+
+    return code, description, requirements
+
+
+demos_by_category = [
+    {
+        "category": "Text",
+        "demos": [
+            {
+                "name": "Hello World",
+                "dir": "hello_world",
+            },
+            {
+                "name": "Hello Blocks",
+                "dir": "hello_blocks",
+            },
+            {
+                "name": "Sentence Builder",
+                "dir": "sentence_builder",
+            },
+            {
+                "name": "Diff Texts",
+                "dir": "diff_texts",
+            },
+        ],
+    },
+    {
+        "category": "Media",
+        "demos": [
+            {
+                "name": "Sepia Filter",
+                "dir": "sepia_filter",
+            },
+            {
+                "name": "Video Identity",
+                "dir": "video_identity_2",
+            },
+            {
+                "name": "Iterative Output",
+                "dir": "fake_diffusion",
+            },
+            {
+                "name": "Generate Tone",
+                "dir": "generate_tone",
+            },
+        ],
+    },
+    {
+        "category": "Tabular",
+        "demos": [
+            {"name": "Filter Records", "dir": "filter_records"},
+            {"name": "Transpose Matrix", "dir": "matrix_transpose"},
+            {"name": "Tax Calculator", "dir": "tax_calculator"},
+            {
+                "name": "Kinematics",
+                "dir": "blocks_kinematics",
+            },
+            {
+                "name": "Stock Forecast",
+                "dir": "stock_forecast",
+            },
+        ],
+    },
+    {
+        "category": "Chatbots",
+        "demos": [
+            {
+                "name": "Chatbot",
+                "dir": "chatinterface_random_response",
+            },
+            {
+                "name": "Streaming Chatbot",
+                "dir": "chatinterface_streaming_echo",
+            },
+            {
+                "name": "Chatbot with Tools",
+                "dir": "chatbot_with_tools",
+            },
+            {
+                "name": "Chatinterface with Code",
+                "dir": "chatinterface_artifacts",
+            },
+        ],
+    },
+    {
+        "category": "Other",
+        "demos": [
+            {
+                "name": "Tabbed Interface",
+                "dir": "tabbed_interface_lite",
+            },
+            {
+                "name": "Layouts",
+                "dir": "blocks_flipper",
+            },
+            {
+                "name": "Error",
+                "dir": "calculator",
+            },
+            {
+                "name": "Chained Events",
+                "dir": "blocks_chained_events",
+            },
+            {
+                "name": "Change Listener",
+                "dir": "blocks_hello",
+            },
+        ],
+    },
+]
+
+
+for category in demos_by_category:
+    for demo in category["demos"]:
+        base_dir = GRADIO_DEMO_DIR
+        demo_dir = base_dir / demo["dir"]
+
+        code, description, requirements = get_code_description_and_reqs(demo_dir)
+        demo["code"] = code.replace("# type: ignore", "")
+        demo["text"] = description
+        demo["requirements"] = requirements
+
+
+def generate(json_path):
+    with open(json_path, "w+") as f:
+        json.dump(demos_by_category, f)
+
+
+if __name__ == "__main__":
+    dest_path = WEBSITE_DIR / "src/lib/json/demos.json"
+    print(f"Generating {dest_path}")
+    generate(dest_path)
diff --git a/js/_website/generate_jsons/src/docs/__init__.py b/js/_website/generate_jsons/src/docs/__init__.py
new file mode 100644
index 0000000..02238eb
--- /dev/null
+++ b/js/_website/generate_jsons/src/docs/__init__.py
@@ -0,0 +1,423 @@
+import html
+import json
+import os
+import re
+import requests
+import base64
+import urllib.parse
+
+
+
+from gradio_client.documentation import document_cls, generate_documentation
+import gradio
+from ..guides import guides, guide_names
+
+DIR = os.path.dirname(__file__)
+DEMOS_DIR = os.path.abspath(os.path.join(DIR, "../../../../../demo"))
+JS_CLIENT_README = os.path.abspath(os.path.join(DIR, "../../../../../client/js/README.md"))
+JS_DIR = os.path.abspath(os.path.join(DIR, "../../../../../js/"))
+TEMPLATES_DIR = os.path.abspath(os.path.join(DIR, "../../../src/lib/templates"))
+
+docs = generate_documentation()
+
+def add_component_shortcuts():
+    for component in docs["component"]:
+        if not getattr(component["class"], "allow_string_shortcut", True):
+            continue
+        component["string_shortcuts"] = [
+            (
+                component["class"].__name__,
+                component["name"].lower(),
+                "Uses default values",
+            )
+        ]
+        if not hasattr(component["class"], "__subclasses__"):
+            continue
+        for subcls in component["class"].__subclasses__():
+            if getattr(subcls, "is_template", False):
+                _, tags, _ = document_cls(subcls)
+                component["string_shortcuts"].append(
+                    (
+                        subcls.__name__,
+                        subcls.__name__.lower(),
+                        "Uses " + tags.get("sets", "default values"),
+                    )
+                )
+
+
+add_component_shortcuts()
+
+
+def add_demos():
+    for mode in docs:
+        for cls in docs[mode]:
+            if "demos" not in cls["tags"]:
+                continue
+            cls["demos"] = []
+            demos = [demo.strip() for demo in cls["tags"]["demos"].split(",")]
+            for demo in demos:
+                demo_file = os.path.join(DEMOS_DIR, demo, "run.py")
+                with open(demo_file) as run_py:
+                    demo_code = run_py.read()
+                    demo_code = demo_code.replace("# type: ignore", "")
+                cls["demos"].append((demo, demo_code))
+
+
+add_demos()
+
+def create_events_matrix():
+    events = set({})
+    component_events = {}
+    for component in docs["component"]:
+        component_event_list = []
+        if hasattr(component["class"], 'EVENTS'):
+            for event in component["class"].EVENTS:
+                events.add(event)
+                for fn in component["fns"]:
+                    if event == fn["name"]:
+                        component_event_list.append(event)
+            component_events[component["name"]] = component_event_list
+    
+    
+    return list(events), component_events
+
+events, component_events = create_events_matrix()
+
+
+def add_guides():
+    for mode in docs:
+        for cls in docs[mode]:
+            if "guides" not in cls["tags"]:
+                continue
+            cls["guides"] = []
+            docstring_guides = [
+                guide.strip() for guide in cls["tags"]["guides"].split(",")
+            ]
+            for docstring_guide in docstring_guides:
+                for guide in guides:
+                    if docstring_guide == guide["name"]:
+                        cls["guides"].append(guide)
+
+
+add_guides()
+
+
+def escape_parameters(parameters):
+    new_parameters = []
+    for param in parameters:
+        param = param.copy()  # Manipulating the list item directly causes issues, so copy it first
+        param["doc"] = html.escape(param["doc"]) if param["doc"] else param["doc"]
+        new_parameters.append(param)
+    assert len(new_parameters) == len(parameters)
+    return new_parameters
+
+
+def escape_html_string_fields():
+    for mode in docs:
+        for cls in docs[mode]:
+            for tag in [
+                "preprocessing",
+                "postprocessing",
+                "examples-format",
+                "events",
+            ]:
+                if tag not in cls["tags"]:
+                    continue
+                cls["tags"][tag] = html.escape(cls["tags"][tag])
+
+            cls["parameters"] = escape_parameters(cls["parameters"])
+            for fn in cls["fns"]:
+                fn["description"] = html.escape(fn["description"])
+                fn["parameters"] = escape_parameters(fn["parameters"])
+
+escape_html_string_fields()
+
+def find_cls(target_cls):
+    for mode in docs:
+        for cls in docs[mode]:
+            if cls["name"] == target_cls:
+                return cls
+    raise ValueError("Class not found")
+
+
+def organize_docs(d):
+    organized = {
+        "gradio": {
+            "building": {},
+            "components": {},
+            "helpers": {},
+            "modals": {},
+            "routes": {},
+            "events": {},
+            "chatinterface": {}
+        },
+        "python-client": {}
+    }
+    for mode in d:
+        for c in d[mode]:
+            c["parent"] = "gradio"
+            c["class"] = None
+            if "returns" in c:
+                c["returns"]["annotation"] = None
+            for p in c.get("parameters", []):
+                p["annotation"] = str(p["annotation"])
+                if "default" in p:
+                    p["default"] = str(p["default"])
+            for f in c["fns"]:
+                f["fn"] = None
+                f["parent"] = "gradio." + c["name"]
+                for p in f.get("parameters", []):
+                    p["annotation"] = str(p["annotation"])
+                    if "default" in p:
+                        p["default"] = str(p["default"])
+            if mode == "component":
+                target = organized["gradio"]["components"]
+            elif mode == "py-client":
+                target = organized["python-client"]
+            elif mode in ["helpers", "routes", "chatinterface", "modals"]:
+                target = organized["gradio"][mode]
+            else:
+                target = organized["gradio"]["building"]
+            key = c["name"].lower()
+            if key in target:
+                if c["name"] != c["name"].lower():
+                    key = key + "-class"
+                else:
+                    target[key + "-class"] = target.pop(key)
+            target[key] = c
+    
+
+    def format_name(page_name):
+        index = None
+        page_path = page_name
+        if re.match("^[0-9]+_", page_name):
+            index = int(page_name[: page_name.index("_")])
+            page_name = page_name[page_name.index("_") + 1 :]
+        if page_name.lower().endswith(".svx"):
+            page_name = page_name[:-4]
+        pretty_page_name = " ".join([word[0].upper() + word[1:] for word in page_name.split("-")])
+        for library in organized:
+            for category in organized[library]:
+                if page_name in organized[library][category]:
+                    return index, page_name, organized[library][category][page_name]["name"], page_path
+        if page_name == "chatinterface": 
+            pretty_page_name =  "ChatInterface"              
+        return index, page_name, pretty_page_name, page_path
+    
+    
+    def organize_pages(): 
+        pages = {"gradio": [], "python-client": [], "third-party-clients": []}
+        absolute_index = -1;
+        for library in pages:
+            library_templates_dir = os.path.join(TEMPLATES_DIR, library)
+            page_folders = sorted(os.listdir(library_templates_dir))
+            for page_folder in page_folders:
+                page_list = sorted(os.listdir(os.path.join(library_templates_dir, page_folder)))
+                _, page_category, pretty_page_category, category_path = format_name(page_folder)
+                category_path = os.path.join(library, category_path)
+                pages[library].append({"category": pretty_page_category, "pages": []})
+                for page_file in page_list:
+                    page_index, page_name, pretty_page_name, page_path = format_name(page_file)
+                    pages[library][-1]["pages"].append({"name": page_name, "pretty_name": pretty_page_name, "path": os.path.join(category_path, page_path), "page_index": page_index, "abolute_index": absolute_index + 1})
+        return pages
+
+    pages = organize_pages()
+
+    organized["gradio"]["events_matrix"] = component_events
+    organized["gradio"]["events"] = events
+
+    js = {}
+    js_pages = []
+
+    for js_component in os.listdir(JS_DIR):
+        if not js_component.startswith("_") and js_component not in ["app", "highlighted-text", "playground", "preview", "upload-button", "theme", "tootils"]:
+            if os.path.exists(os.path.join(JS_DIR, js_component, "package.json")):
+                with open(os.path.join(JS_DIR, js_component, "package.json")) as f:
+                    package_json = json.load(f)
+                    if package_json.get("private", False):
+                        continue
+            if os.path.exists(os.path.join(JS_DIR, js_component, "README.md")):
+                with open(os.path.join(JS_DIR, js_component, "README.md")) as f:
+                    readme_content = f.read()
+
+                try:
+                    latest_npm = requests.get(f"https://registry.npmjs.org/@gradio/{js_component}/latest").json()["version"]
+                    latest_npm = f" [v{latest_npm}](https://www.npmjs.com/package/@gradio/{js_component})"
+                    readme_content = readme_content.split("\n")
+                    readme_content = "\n".join([readme_content[0], latest_npm, *readme_content[1:]])
+                except TypeError or KeyError: 
+                    # KeyError because gradio 5 docs still looking for deprecated components
+                    pass
+
+                js[js_component] = readme_content
+                js_pages.append(js_component)
+
+
+    with open(JS_CLIENT_README) as f:
+        readme_content = f.read()
+    js_pages.append("js-client")
+
+    js["js-client"] = readme_content
+
+    js_pages.sort()
+
+    return {"docs": organized, "pages": pages, "js": js, "js_pages": js_pages, "js_client": readme_content}
+
+
+docs = organize_docs(docs)
+
+gradio_docs = docs["docs"]["gradio"]
+
+SYSTEM_PROMPT = ""
+
+FALLBACK_PROMPT = SYSTEM_PROMPT
+
+FALLBACK_PROMPT += "# API Reference: \n\nBelow are all the class and function signatures in the Gradio library. \n\n"
+
+for key in gradio_docs:
+    if key in ["events", "events_matrix"]:
+        continue
+    if "name" in key:
+        o = gradio_docs[key]
+        signature = f"""{o['name']}({', '.join([
+            p['name'] + 
+            ': ' + p['annotation']
+            + (' = ' + p['default'] if 'default' in p else '')
+            for p in o['parameters']])})"""
+        FALLBACK_PROMPT += f"{signature}\n"
+        FALLBACK_PROMPT += f"{o['description']}\n\n"
+
+    else: 
+        for c in gradio_docs[key]:
+            o = gradio_docs[key][c]
+            signature = f"""{o['name']}({', '.join([
+                p['name'] + 
+                ': ' + p['annotation']
+                + (' = ' + p['default'] if 'default' in p else '')
+                for p in o['parameters']])})"""          
+            FALLBACK_PROMPT += f"{signature}\n"
+            FALLBACK_PROMPT += f"{o['description']}\n\n"
+            if "fns" in o and key != "components":
+                for f in o["fns"]:
+                    signature = f"""{o['name']}.{f['name']}({', '.join([
+                        p['name'] + 
+                        ': ' + p['annotation']
+                        + (' = ' + p['default'] if 'default' in p else '')
+                        for p in f['parameters']])})"""
+                    FALLBACK_PROMPT += f"{signature}\n"
+                    FALLBACK_PROMPT += f"{f['description']}\n\n"
+
+FALLBACK_PROMPT += "\nEvent listeners allow Gradio to respond to user interactions with the UI components defined in a Blocks app. When a user interacts with an element, such as changing a slider value or uploading an image, a function is called.\n"
+
+FALLBACK_PROMPT += "All event listeners have the same signature:\n"
+
+f = gradio_docs["components"]["audio"]["fns"][0]
+signature = f"""<component_name>.<event_name>({', '.join([
+                        p['name'] + 
+                        ': ' + p['annotation']
+                        + (' = ' + p['default'] if 'default' in p else '')
+                        for p in f['parameters']])})"""
+FALLBACK_PROMPT += signature
+FALLBACK_PROMPT += "\nEach component only supports some specific events. Below is a list of all gradio components and every event that each component supports. If an event is supported by a component, it is a valid method of the component."
+for component in gradio_docs["events_matrix"]:
+    FALLBACK_PROMPT += f"{component}: {', '.join(gradio_docs['events_matrix'][component])}\n\n"
+
+SYSTEM_PROMPT += "Below are examples of full end-to-end Gradio apps:\n\n"
+FALLBACK_PROMPT += "End to End Demos: \nBelow are examples of full end-to-end Gradio apps:\n\n"
+
+
+# 'audio_component_events', 'audio_mixer', 'blocks_essay', 'blocks_chained_events', 'blocks_xray', 'chatbot_multimodal', 'sentence_builder', 'custom_css', 'blocks_update', 'fake_gan'
+# important_demos = ["annotatedimage_component", "blocks_essay_simple", "blocks_flipper", "blocks_form", "blocks_hello", "blocks_js_load", "blocks_js_methods", "blocks_kinematics", "blocks_layout", "blocks_plug", "blocks_simple_squares", "calculator", "chatbot_consecutive", "chatbot_simple", "chatbot_streaming", "chatinterface_multimodal", "datetimes", "diff_texts", "dropdown_key_up", "fake_diffusion", "fake_gan", "filter_records", "function_values", "gallery_component_events", "generate_tone", "hangman", "hello_blocks", "hello_blocks_decorator", "hello_world", "image_editor", "matrix_transpose", "model3D", "on_listener_decorator", "plot_component", "render_merge", "render_split", "reverse_audio_2", "sales_projections", "sepia_filter", "sort_records", "streaming_simple", "tabbed_interface_lite", "tax_calculator", "theme_soft", "timer", "timer_simple", "variable_outputs", "video_identity"]
+important_demos = ['custom_css', "annotatedimage_component", "blocks_essay_simple", "blocks_flipper", "blocks_form", "blocks_hello", "blocks_js_load", "blocks_js_methods", "blocks_kinematics", "blocks_layout", "blocks_plug", "blocks_simple_squares", "calculator", "chatbot_consecutive", "chatbot_simple", "chatbot_streaming", "datetimes", "diff_texts", "dropdown_key_up", "fake_diffusion", "filter_records", "function_values", "gallery_component_events", "generate_tone", "hangman", "hello_blocks", "hello_blocks_decorator", "hello_world", "image_editor", "matrix_transpose", "model3D", "on_listener_decorator", "plot_component", "render_merge", "render_split", "reverse_audio_2", "sepia_filter", "sort_records", "streaming_simple", "tabbed_interface_lite", "tax_calculator", "theme_soft", "timer", "timer_simple", "variable_outputs", "video_identity"]
+very_important_demos = ["blocks_essay_simple", "blocks_flipper", "blocks_form", "blocks_hello","reverse_audio_2", "sepia_filter", "sort_records", "streaming_simple", "tabbed_interface_lite", "tax_calculator", "timer_simple", "video_identity"]
+
+def length(demo):
+    if os.path.exists(os.path.join(DEMOS_DIR, demo, "run.py")):
+        demo_file = os.path.join(DEMOS_DIR, demo, "run.py")
+    else: 
+        return 0
+    with open(demo_file) as run_py:
+        demo_code = run_py.read()
+        demo_code = demo_code.replace("# type: ignore", "").replace('if __name__ == "__main__":\n    ', "")
+    return len(demo_code)
+
+# important_demos = sorted(important_demos, key=length, reverse=True)
+# print(important_demos)
+
+for demo in important_demos:
+    if os.path.exists(os.path.join(DEMOS_DIR, demo, "run.py")):
+        demo_file = os.path.join(DEMOS_DIR, demo, "run.py")
+    else: 
+        continue
+    with open(demo_file) as run_py:
+        demo_code = run_py.read()
+        demo_code = demo_code.replace("# type: ignore", "").replace('if __name__ == "__main__":\n    ', "")
+    FALLBACK_PROMPT += f"Name: {demo.replace('_', ' ')}\n"
+    FALLBACK_PROMPT += "Code: \n\n"
+    FALLBACK_PROMPT += f"{demo_code}\n\n"
+
+for demo in very_important_demos:
+    if os.path.exists(os.path.join(DEMOS_DIR, demo, "run.py")):
+        demo_file = os.path.join(DEMOS_DIR, demo, "run.py")
+    else: 
+        continue
+    with open(demo_file) as run_py:
+        demo_code = run_py.read()
+        demo_code = demo_code.replace("# type: ignore", "").replace('if __name__ == "__main__":\n    ', "")
+    SYSTEM_PROMPT += f"Name: {demo.replace('_', ' ')}\n"
+    SYSTEM_PROMPT += "Code: \n\n"
+    SYSTEM_PROMPT += f"{demo_code}\n\n"
+
+guides_llm_text = [
+    "gradio-6-migration-guide", 
+    "quickstart", 
+    "the-interface-class", 
+    "blocks-and-event-listeners", 
+    "controlling-layout",
+    "more-blocks-features",
+    "custom-CSS-and-JS",
+    "streaming-outputs",
+    "streaming-inputs",
+    "sharing-your-app"
+    ]
+
+GUIDES_LLM_TEXT_CONTENT = ""
+
+for guide_name in guides_llm_text:
+    for guide in guides:
+        if guide["name"] == guide_name:
+            GUIDES_LLM_TEXT_CONTENT += guide["content"] + "\n\n"
+            break
+    
+INTRO = f"""This page contains the documentation for the Gradio library. It is organized into the following sections:
+
+- {guides_llm_text[0].replace('-', ' ').title()}
+- {guides_llm_text[1].replace('-', ' ').title()}
+- {guides_llm_text[2].replace('-', ' ').title()}
+- {guides_llm_text[3].replace('-', ' ').title()}
+- {guides_llm_text[4].replace('-', ' ').title()}
+- {guides_llm_text[5].replace('-', ' ').title()}
+- {guides_llm_text[6].replace('-', ' ').title()}
+- {guides_llm_text[7].replace('-', ' ').title()}
+- {guides_llm_text[8].replace('-', ' ').title()}
+- API Reference: This section contains all the class and function signatures in the Gradio library.
+- End to End Demos: This section contains examples of full end-to-end Gradio apps.
+
+
+"""
+
+FALLBACK_PROMPT = INTRO + GUIDES_LLM_TEXT_CONTENT + "\n\n" + FALLBACK_PROMPT
+
+SYSTEM_PROMPT += "\n\n$INSERT_GUIDES_DOCS_DEMOS"
+
+
+# print("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n")
+# print(SYSTEM_PROMPT)
+# print("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n")
+
+
+
+def generate(json_path):
+    with open(json_path, "w+") as f:
+        json.dump(docs, f)
+    return  SYSTEM_PROMPT, FALLBACK_PROMPT
\ No newline at end of file
diff --git a/js/_website/generate_jsons/src/guides/__init__.py b/js/_website/generate_jsons/src/guides/__init__.py
new file mode 100644
index 0000000..5b96497
--- /dev/null
+++ b/js/_website/generate_jsons/src/guides/__init__.py
@@ -0,0 +1,186 @@
+import json
+import os
+import re
+import markdown
+
+DIR = os.path.dirname(__file__)
+GUIDES_DIR = os.path.abspath(os.path.join(DIR, "../../../../../guides"))
+GUIDE_ASSETS_DIR = os.path.join(GUIDES_DIR, "assets")
+DEMOS_DIR = os.path.abspath(os.path.join(DIR, "../../../../../demo"))
+CN_GUIDES_DIR = os.path.abspath(os.path.join(DIR, "../../../../../guides/cn"))
+
+UNDERSCORE_TOKEN = "!UNDERSCORE!"
+
+demos = {}
+for demo_folder in os.listdir(DEMOS_DIR):
+    runfile = os.path.join(DEMOS_DIR, demo_folder, "run.py")
+    if not os.path.exists(runfile):
+        continue
+    with open(runfile) as run_py:
+        demos[demo_folder] = (
+            run_py.read()
+            .replace('if __name__ == "__main__":\n    demo.launch()', "demo.launch()")
+            .replace("# type: ignore", "")
+        )
+
+
+def format_name(guide_name):
+    index = None
+    if re.match("^[0-9]+_", guide_name):
+        index = int(guide_name[: guide_name.index("_")])
+        guide_name = guide_name[guide_name.index("_") + 1 :]
+    if guide_name.lower().endswith(".md"):
+        guide_name = guide_name[:-3]
+    pretty_guide_name = " ".join(
+        [word[0].upper() + word[1:] for word in guide_name.split("-")]
+    )
+    return index, guide_name, pretty_guide_name
+
+
+guide_folders = sorted(os.listdir(GUIDES_DIR))
+guide_folders.remove("CONTRIBUTING.md")
+guide_folders.remove("assets")
+guide_folders.remove("cn")
+
+guides = []
+guides_by_category = []
+guide_names = []
+guide_urls = []
+absolute_index = 0
+for guide_folder in guide_folders:
+    guide_list = sorted(os.listdir(os.path.join(GUIDES_DIR, guide_folder)))
+    _, guide_category, pretty_guide_category = format_name(guide_folder)
+    guides_by_category.append({"category": pretty_guide_category, "guides": []})
+    guide_names.append({"category": pretty_guide_category, "guides": []})
+    for guide_file in guide_list:
+        guide_index, guide_name, pretty_guide_name = format_name(guide_file)
+        with open(os.path.join(GUIDES_DIR, guide_folder, guide_file)) as f:
+            guide_content = f.read()
+
+        title = guide_content.split("\n")[0]
+
+        metadata_labels = []
+
+        def get_labeled_metadata(label, is_list=True):
+            global guide_content
+            metadata_labels.append(label)
+            full_label = label + " "
+            metadata = [] if is_list else None
+            if full_label in guide_content:
+                metadata = guide_content.split(full_label)[1].split("\n")[0]
+                guide_content = guide_content.replace(full_label + metadata, "")
+                if is_list:
+                    metadata = metadata.split(", ")
+            return metadata
+
+        tags = get_labeled_metadata("Tags:")
+        spaces = get_labeled_metadata("Related spaces:")
+        contributor = get_labeled_metadata("Contributed by", is_list=False)
+
+        url = f"/guides/{guide_name}/"
+        guide_content = re.sub(
+            r"\$code_([a-z _\-0-9]+)",
+            lambda x: f"```python\n{demos[x.group(1)]}\n```",
+            guide_content,
+        )
+        guide_content = re.sub(
+            r"\$demo_([a-z _\-0-9]+)",
+            lambda x: f"<gradio-app space='gradio/{x.group(1)}'></gradio-app>",
+            guide_content,
+        )
+
+        guide_content = re.sub(
+            r"\n\nTip: (.*?)(?=\n\n|$)",
+            lambda x: f"""
+            <div class='tip'>
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5"/>
+                    <path d="M9 18h6"/>
+                    <path d="M10 22h4"/>
+                </svg>
+                <div>{markdown.markdown(x.group(1))}</div>
+            </div>
+                """,
+            guide_content,
+        )
+
+        guide_content = re.sub(
+            r"(\n\nWarning: )(.*?)(?=\n\n|$)",
+            lambda x: f"""
+            <div class='warning'>
+                <span class="inline-flex" style="align-items: baseline">
+                    <svg class="self-center w-5 h-5 mx-1" xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='currentColor' version='1.1' width='800px' height='800px' viewBox='0 0 554.2 554.199' xml:space='preserve'>
+                        <path d='M538.5,386.199L356.5,70.8c-16.4-28.4-46.7-45.9-79.501-45.9c-32.8,0-63.1,17.5-79.5,45.9L12.3,391.6   c-16.4,28.4-16.4,63.4,0,91.8C28.7,511.8,59,529.3,91.8,529.3H462.2c0.101,0,0.2,0,0.2,0c50.7,0,91.8-41.101,91.8-91.8   C554.2,418.5,548.4,400.8,538.5,386.199z M316.3,416.899c0,21.7-16.7,38.3-39.2,38.3s-39.2-16.6-39.2-38.3V416   c0-21.601,16.7-38.301,39.2-38.301S316.3,394.3,316.3,416V416.899z M317.2,158.7L297.8,328.1c-1.3,12.2-9.4,19.8-20.7,19.8   s-19.4-7.7-20.7-19.8L237,158.6c-1.3-13.1,5.801-23,18-23H299.1C311.3,135.7,318.5,145.6,317.2,158.7z'/>
+                    </svg>
+                <span><strong>Warning:</strong></span>
+                </span>
+                {markdown.markdown(x.group(2))}
+            </div>
+                """,
+            guide_content,
+        )
+
+        content_no_html = guide_content
+
+        guide_content = "\n".join(
+            [
+                line
+                for i, line in enumerate(guide_content.split("\n"))
+                if not any(line.startswith(label) for label in metadata_labels)
+            ]
+        )
+
+        guide_content = re.sub(
+            r"```([a-z]+)\n",
+            lambda x: f"<div class='codeblock'><pre><code class='lang-{x.group(1)}'>",
+            guide_content,
+        )
+        guide_content = re.sub(r"```", "</code></pre></div>", guide_content)
+        guide_content = re.sub(
+            r"\$code_([a-z _\-0-9]+)",
+            lambda x: f"<div class='codeblock'><pre><code class='lang-python'>{demos[x.group(1)]}</code></pre></div>",
+            guide_content,
+        )
+        guide_content = re.sub(
+            r"\$demo_([a-z _\-0-9]+)",
+            lambda x: f"<gradio-app space='gradio/{x.group(1).replace('_', UNDERSCORE_TOKEN)}' />",
+            guide_content,
+        )
+
+        guide_data = {
+            "name": guide_name,
+            "category": guide_category,
+            "pretty_category": pretty_guide_category,
+            "guide_index": guide_index,
+            "absolute_index": absolute_index,
+            "pretty_name": pretty_guide_name,
+            "content": content_no_html,
+            "tags": tags,
+            "spaces": spaces,
+            "url": url,
+            "contributor": contributor,
+        }
+        guides.append(guide_data)
+        guides_by_category[-1]["guides"].append(guide_data)
+        guide_names[-1]["guides"].append(
+            {"name": guide_name, "pretty_name": pretty_guide_name, "url": url}
+        )
+        guide_urls.append(guide_name)
+        absolute_index += 1
+
+
+def generate(json_path):
+    if not os.path.isdir(json_path):
+        os.mkdir(json_path)
+    with open(json_path + "guides_by_category.json", "w+") as f:
+        json.dump(
+            {
+                "guides_by_category": guides_by_category,
+            },
+            f,
+        )
+    for guide in guides:
+        with open(json_path + guide["name"] + ".json", "w+") as f:
+            json.dump({"guide": guide}, f)
+    with open(json_path + "guide_names.json", "w+") as f:
+        json.dump({"guide_names": guide_names, "guide_urls": guide_urls}, f)
diff --git a/js/_website/package.json b/js/_website/package.json
new file mode 100644
index 0000000..efcb84b
--- /dev/null
+++ b/js/_website/package.json
@@ -0,0 +1,46 @@
+{
+	"name": "website",
+	"version": "0.79.0",
+	"private": true,
+	"scripts": {
+		"dev": "pip install boto3 markdown && python generate_jsons/generate.py && python ../../scripts/generate_theme.py --website --outfile ./src/lib/assets/theme.css && vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"deploy": "wrangler deploy",
+		"dev:worker": "wrangler dev",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"prepare": "svelte-kit sync"
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^6.1.1",
+		"@sveltejs/adapter-static": "^3.0.10",
+		"@sveltejs/kit": "^2.46.2",
+		"@tailwindcss/forms": "^0.5.10",
+		"@tailwindcss/typography": "^0.5.19",
+		"@types/prismjs": "^1.26.5",
+		"flexsearch": "^0.8.212",
+		"prismjs": "^1.30.0",
+		"tailwindcss": "^3.1.6"
+	},
+	"type": "module",
+	"engines": {
+		"node": ">=22.0.0"
+	},
+	"dependencies": {
+		"@gradio/code": "workspace:^",
+		"@gradio/html": "workspace:^",
+		"@gradio/paramviewer": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/tabitem": "workspace:^",
+		"@gradio/tabs": "workspace:^",
+		"@gradio/button": "workspace:^",
+		"@sindresorhus/slugify": "^3.0.0",
+		"@sveltejs/adapter-vercel": "^5.10.3",
+		"hast-util-to-string": "^3.0.1",
+		"mdsvex": "^0.12.6",
+		"postcss": "^8.5.6",
+		"prism-svelte": "^0.5.0",
+		"wrangler": "^4.42.1"
+	}
+}
diff --git a/js/_website/postcss.config.cjs b/js/_website/postcss.config.cjs
new file mode 100644
index 0000000..0794fa7
--- /dev/null
+++ b/js/_website/postcss.config.cjs
@@ -0,0 +1,4 @@
+module.exports = {
+	extract: "themes.css",
+	plugins: [require("tailwindcss/nesting"), require("tailwindcss")]
+};
diff --git a/js/_website/src/app.d.ts b/js/_website/src/app.d.ts
new file mode 100644
index 0000000..ca07268
--- /dev/null
+++ b/js/_website/src/app.d.ts
@@ -0,0 +1,14 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+declare module "*.json";
+
+export {};
diff --git a/js/_website/src/app.html b/js/_website/src/app.html
new file mode 100644
index 0000000..21e6447
--- /dev/null
+++ b/js/_website/src/app.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<meta name="viewport" content="width=device-width" />
+		<script>
+			// prevents the flash of light mode by applying theme before page renders
+			(function () {
+				let theme = localStorage.getItem("theme");
+				if (!theme) {
+					if (
+						window.matchMedia &&
+						window.matchMedia("(prefers-color-scheme: dark)").matches
+					) {
+						theme = "dark";
+					} else {
+						theme = "light";
+					}
+				}
+				if (theme === "dark") {
+					document.documentElement.classList.add("dark");
+				}
+			})();
+		</script>
+		<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+		%sveltekit.head%
+	</head>
+
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/js/_website/src/hooks.server.ts b/js/_website/src/hooks.server.ts
new file mode 100644
index 0000000..e26cabb
--- /dev/null
+++ b/js/_website/src/hooks.server.ts
@@ -0,0 +1,147 @@
+import type { Handle } from "@sveltejs/kit";
+import { readFileSync } from "fs";
+import { resolve as pathResolve } from "path";
+
+const AI_UA_PATTERNS: RegExp[] = [
+	/\bgptbot\b/i,
+	/\bchatgpt-user\b/i,
+	/\bclaudebot\b/i,
+	/\bclaude-web\b/i,
+	/\bclaude-user\b/i,
+	/\banthropic\b/i,
+	/\bperplexitybot\b/i,
+	/\bmeta-external(fetcher|agent)\b/i,
+	/\bfacebookbot\b/i,
+	/\bamazonbot\b/i,
+	/\bapplebot\b/i,
+	/\bbytespider\b/i,
+	/\bccbot\b/i,
+	/\bcohere\b/i,
+	/\bgoogle-extended\b/i
+];
+
+export function isLLMRequest(req: Request): boolean {
+	const ua = req.headers.get("user-agent") || "";
+	const accept = req.headers.get("accept") || "";
+
+	if (accept.includes("text/markdown")) {
+		return true;
+	}
+
+	return AI_UA_PATTERNS.some((re) => re.test(ua));
+}
+
+function parseDocsPath(
+	pathname: string
+): { version: string | null; doc: string } | null {
+	const match = pathname.match(
+		/^\/(?:([^/]+)\/)?docs\/gradio\/([a-z_-]+)\/?$/i
+	);
+
+	if (match) {
+		const version = match[1] || null;
+		const doc = match[2];
+
+		if (version && !version.match(/^(\d+\.\d+\.\d+|main)$/)) {
+			return null;
+		}
+
+		return { version, doc };
+	}
+
+	return null;
+}
+
+function parseGuidePath(
+	pathname: string
+): { version: string | null; guide: string } | null {
+	const match = pathname.match(/^\/(?:([^/]+)\/)?guides\/([a-z0-9_-]+)\/?$/i);
+
+	if (match) {
+		const version = match[1] || null;
+		const guide = match[2];
+
+		if (version && !version.match(/^(\d+\.\d+\.\d+|main)$/)) {
+			return null;
+		}
+
+		return { version, guide };
+	}
+
+	return null;
+}
+
+export const handle: Handle = async ({ event, resolve }) => {
+	const pathname = event.url.pathname;
+
+	if (isLLMRequest(event.request)) {
+		const docsParams = parseDocsPath(pathname);
+
+		if (docsParams) {
+			try {
+				const { svxToMarkdown } = await import("$lib/utils/svx-to-markdown");
+
+				const docsJson = await import("$lib/templates/docs.json");
+				const pages = docsJson.pages;
+
+				let svxPath: string | null = null;
+				for (const category of pages.gradio) {
+					for (const page of category.pages) {
+						if (page.name === docsParams.doc) {
+							svxPath = page.path;
+							break;
+						}
+					}
+					if (svxPath) break;
+				}
+
+				if (svxPath) {
+					const fullPath = pathResolve(
+						process.cwd(),
+						"src/lib/templates",
+						svxPath
+					);
+					const svxContent = readFileSync(fullPath, "utf-8");
+
+					const markdown = await svxToMarkdown(svxContent, docsParams.doc);
+
+					return new Response(markdown, {
+						status: 200,
+						headers: {
+							"Content-Type": "text/markdown; charset=utf-8",
+							"X-Robots-Tag": "noindex"
+						}
+					});
+				}
+			} catch (error) {
+				console.error("Error generating markdown for LLM:", error);
+			}
+		}
+
+		const guideParams = parseGuidePath(pathname);
+
+		if (guideParams) {
+			try {
+				const guideModule = await import(
+					`$lib/json/guides/${guideParams.guide}.json`
+				);
+				const guideData = guideModule.default || guideModule;
+
+				const markdown = guideData.guide?.content;
+
+				if (markdown) {
+					return new Response(markdown, {
+						status: 200,
+						headers: {
+							"Content-Type": "text/markdown; charset=utf-8",
+							"X-Robots-Tag": "noindex"
+						}
+					});
+				}
+			} catch (error) {
+				console.error("Error serving guide markdown for LLM:", error);
+			}
+		}
+	}
+	return resolve(event);
+};
diff --git a/js/_website/src/lib/assets/brand-assets/gradio-logo-with-title.png b/js/_website/src/lib/assets/brand-assets/gradio-logo-with-title.png
new file mode 100644
index 0000000..964332e
Binary files /dev/null and b/js/_website/src/lib/assets/brand-assets/gradio-logo-with-title.png differ
diff --git a/js/_website/src/lib/assets/brand-assets/gradio-logo-with-title.svg b/js/_website/src/lib/assets/brand-assets/gradio-logo-with-title.svg
new file mode 100644
index 0000000..ff8df41
--- /dev/null
+++ b/js/_website/src/lib/assets/brand-assets/gradio-logo-with-title.svg
@@ -0,0 +1,20 @@
+<svg width="2016" height="703" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#232D36"/>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/_website/src/lib/assets/brand-assets/gradio-logo.png b/js/_website/src/lib/assets/brand-assets/gradio-logo.png
new file mode 100644
index 0000000..e465f2b
Binary files /dev/null and b/js/_website/src/lib/assets/brand-assets/gradio-logo.png differ
diff --git a/js/_website/src/lib/assets/brand-assets/gradio-logo.svg b/js/_website/src/lib/assets/brand-assets/gradio-logo.svg
new file mode 100644
index 0000000..4666c03
--- /dev/null
+++ b/js/_website/src/lib/assets/brand-assets/gradio-logo.svg
@@ -0,0 +1,19 @@
+<svg width="576" height="576" viewBox="0 0 576 576" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M287.5 229L86 344.5L287.5 460L489 344.5L287.5 229Z" stroke="url(#paint0_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M287.5 116L86 231.5L287.5 347L489 231.5L287.5 116Z" stroke="url(#paint1_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M86 344L288 229" stroke="url(#paint2_linear_102_7)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_102_7" x1="60" y1="344" x2="429.5" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_102_7" x1="513.5" y1="231" x2="143.5" y2="231" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_102_7" x1="60" y1="344" x2="428.987" y2="341.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/_website/src/lib/assets/copy.js b/js/_website/src/lib/assets/copy.js
new file mode 100644
index 0000000..43fa0b3
--- /dev/null
+++ b/js/_website/src/lib/assets/copy.js
@@ -0,0 +1,4 @@
+export const svgCopy =
+	'<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"></path><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"></path></svg>';
+export const svgCheck =
+	'<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true"><path fill-rule="evenodd" fill="rgb(255, 124, 1)" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>';
diff --git a/js/_website/src/lib/assets/demo_code.js b/js/_website/src/lib/assets/demo_code.js
new file mode 100644
index 0000000..6d26dbb
--- /dev/null
+++ b/js/_website/src/lib/assets/demo_code.js
@@ -0,0 +1,21 @@
+export const hello = `<pre class="language-python"><code class="language-python"><span class="token keyword">import</span> gradio <span class="token keyword">as</span> gr
+
+<span class="token keyword">def</span> <span class="token function">greet</span><span class="token punctuation">(</span>name<span class="token punctuation">)</span><span class="token punctuation">:</span>
+    <span class="token keyword">return</span> <span class="token string">"Hello "</span> <span class="token operator">+</span> name <span class="token operator">+</span> <span class="token string">"!"</span>
+
+demo <span class="token operator">=</span> gr<span class="token punctuation">.</span>Interface<span class="token punctuation">(</span>fn<span class="token operator">=</span>greet<span class="token punctuation">,</span> inputs<span class="token operator">=</span><span class="token string">"text"</span><span class="token punctuation">,</span> outputs<span class="token operator">=</span><span class="token string">"text"</span><span class="token punctuation">)</span>
+demo<span class="token punctuation">.</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span>   </code></pre>`;
+
+export const chat = `<pre class="language-python"><code class="language-python"><span class="token keyword">import</span> gradio <span class="token keyword">as</span> gr
+<span class="token keyword">def</span> <span class="token function">chat</span><span class="token punctuation">(</span>message<span class="token punctuation">, </span>history<span class="token punctuation"></span>)<span class="token punctuation">:</span>
+    <span class="token keyword">pass </span><span class="token comment"> # Implement your chatbot here...</span>
+
+gr<span class="token punctuation">.</span>ChatInterface<span class="token punctuation">(</span>fn<span class="token operator">=</span>chat<span class="token punctuation">).</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span>
+</code></pre>`;
+
+export const stable_diffusion = `<pre class="language-python"><code class="language-python"><span class="token keyword">import</span> gradio <span class="token keyword">as</span> gr
+<span class="token keyword">def</span> <span class="token function">generate</span><span class="token punctuation">(</span>prompt<span class="token punctuation">)</span><span class="token punctuation">:</span>
+    <span class="token keyword">pass </span><span class="token comment"> # Implement your image generation model here...</span>
+
+gr<span class="token punctuation">.</span>Interface<span class="token punctuation">(</span>fn<span class="token operator">=</span>generate<span class="token punctuation">,</span> inputs<span class="token operator">=</span><span class="token string">"prompt"</span><span class="token punctuation">,</span> outputs<span class="token operator">=</span><span class="token string">"image"</span><span class="token punctuation">).</span>launch<span class="token punctuation">(</span><span class="token punctuation">)</span>
+</code></pre>`;
diff --git a/js/_website/src/lib/assets/gradio.svg b/js/_website/src/lib/assets/gradio.svg
new file mode 100644
index 0000000..48bfdc8
--- /dev/null
+++ b/js/_website/src/lib/assets/gradio.svg
@@ -0,0 +1,20 @@
+<svg width="135" height="47.07" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#232D36"/>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/_website/src/lib/assets/gradiodark.svg b/js/_website/src/lib/assets/gradiodark.svg
new file mode 100644
index 0000000..b2fca32
--- /dev/null
+++ b/js/_website/src/lib/assets/gradiodark.svg
@@ -0,0 +1,20 @@
+<svg width="135" height="47.07" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#232D36" data-index="0" style="opacity: 1; visibility: visible; fill: rgb(255, 255, 255);"></path>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round" data-index="1" style="opacity: 1;"></path>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round" data-index="2"></path>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel" data-index="3"></path>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"></stop>
+<stop offset="1" stop-color="#F97700"></stop>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"></stop>
+<stop offset="1" stop-color="#F97700"></stop>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"></stop>
+<stop offset="1" stop-color="#F97700"></stop>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/LLMGameHub.png b/js/_website/src/lib/assets/img/LLMGameHub.png
new file mode 100644
index 0000000..a2e8b7a
Binary files /dev/null and b/js/_website/src/lib/assets/img/LLMGameHub.png differ
diff --git a/js/_website/src/lib/assets/img/anchor.svg b/js/_website/src/lib/assets/img/anchor.svg
new file mode 100644
index 0000000..94393f8
--- /dev/null
+++ b/js/_website/src/lib/assets/img/anchor.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#808080" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 433.5 260.8 392.4 318.3L391.3 319.9C381 334.2 361 337.6 346.7 327.3C332.3 317 328.9 297 339.2 282.7L340.3 281.1C363.2 249 359.6 205.1 331.7 177.2C300.3 145.8 249.2 145.8 217.7 177.2L105.5 289.5C73.99 320.1 73.99 372 105.5 403.5C133.3 431.4 177.3 435 209.3 412.1L210.9 410.1C225.3 400.7 245.3 404 255.5 418.4C265.8 432.8 262.5 452.8 248.1 463.1L246.5 464.2C188.1 505.3 110.2 498.7 60.21 448.8C3.741 392.3 3.741 300.7 60.21 244.3L172.5 131.1zM467.5 380C411 436.5 319.5 436.5 263 380C213 330 206.5 251.2 247.6 193.7L248.7 192.1C258.1 177.8 278.1 174.4 293.3 184.7C307.7 194.1 311.1 214.1 300.8 229.3L299.7 230.9C276.8 262.1 280.4 306.9 308.3 334.8C339.7 366.2 390.8 366.2 422.3 334.8L534.5 222.5C566 191 566 139.1 534.5 108.5C506.7 80.63 462.7 76.99 430.7 99.9L429.1 101C414.7 111.3 394.7 107.1 384.5 93.58C374.2 79.2 377.5 59.21 391.9 48.94L393.5 47.82C451 6.731 529.8 13.25 579.8 63.24C636.3 119.7 636.3 211.3 579.8 267.7L467.5 380z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/anchor_gray.svg b/js/_website/src/lib/assets/img/anchor_gray.svg
new file mode 100644
index 0000000..882dac9
--- /dev/null
+++ b/js/_website/src/lib/assets/img/anchor_gray.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#6d7787" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 433.5 260.8 392.4 318.3L391.3 319.9C381 334.2 361 337.6 346.7 327.3C332.3 317 328.9 297 339.2 282.7L340.3 281.1C363.2 249 359.6 205.1 331.7 177.2C300.3 145.8 249.2 145.8 217.7 177.2L105.5 289.5C73.99 320.1 73.99 372 105.5 403.5C133.3 431.4 177.3 435 209.3 412.1L210.9 410.1C225.3 400.7 245.3 404 255.5 418.4C265.8 432.8 262.5 452.8 248.1 463.1L246.5 464.2C188.1 505.3 110.2 498.7 60.21 448.8C3.741 392.3 3.741 300.7 60.21 244.3L172.5 131.1zM467.5 380C411 436.5 319.5 436.5 263 380C213 330 206.5 251.2 247.6 193.7L248.7 192.1C258.1 177.8 278.1 174.4 293.3 184.7C307.7 194.1 311.1 214.1 300.8 229.3L299.7 230.9C276.8 262.1 280.4 306.9 308.3 334.8C339.7 366.2 390.8 366.2 422.3 334.8L534.5 222.5C566 191 566 139.1 534.5 108.5C506.7 80.63 462.7 76.99 430.7 99.9L429.1 101C414.7 111.3 394.7 107.1 384.5 93.58C374.2 79.2 377.5 59.21 391.9 48.94L393.5 47.82C451 6.731 529.8 13.25 579.8 63.24C636.3 119.7 636.3 211.3 579.8 267.7L467.5 380z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/anchor_orange.svg b/js/_website/src/lib/assets/img/anchor_orange.svg
new file mode 100644
index 0000000..b2d2c16
--- /dev/null
+++ b/js/_website/src/lib/assets/img/anchor_orange.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#ff8c31" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 433.5 260.8 392.4 318.3L391.3 319.9C381 334.2 361 337.6 346.7 327.3C332.3 317 328.9 297 339.2 282.7L340.3 281.1C363.2 249 359.6 205.1 331.7 177.2C300.3 145.8 249.2 145.8 217.7 177.2L105.5 289.5C73.99 320.1 73.99 372 105.5 403.5C133.3 431.4 177.3 435 209.3 412.1L210.9 410.1C225.3 400.7 245.3 404 255.5 418.4C265.8 432.8 262.5 452.8 248.1 463.1L246.5 464.2C188.1 505.3 110.2 498.7 60.21 448.8C3.741 392.3 3.741 300.7 60.21 244.3L172.5 131.1zM467.5 380C411 436.5 319.5 436.5 263 380C213 330 206.5 251.2 247.6 193.7L248.7 192.1C258.1 177.8 278.1 174.4 293.3 184.7C307.7 194.1 311.1 214.1 300.8 229.3L299.7 230.9C276.8 262.1 280.4 306.9 308.3 334.8C339.7 366.2 390.8 366.2 422.3 334.8L534.5 222.5C566 191 566 139.1 534.5 108.5C506.7 80.63 462.7 76.99 430.7 99.9L429.1 101C414.7 111.3 394.7 107.1 384.5 93.58C374.2 79.2 377.5 59.21 391.9 48.94L393.5 47.82C451 6.731 529.8 13.25 579.8 63.24C636.3 119.7 636.3 211.3 579.8 267.7L467.5 380z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/blaxel-logo.png b/js/_website/src/lib/assets/img/blaxel-logo.png
new file mode 100644
index 0000000..3a8cf27
Binary files /dev/null and b/js/_website/src/lib/assets/img/blaxel-logo.png differ
diff --git a/js/_website/src/lib/assets/img/chess.png b/js/_website/src/lib/assets/img/chess.png
new file mode 100644
index 0000000..f930a0f
Binary files /dev/null and b/js/_website/src/lib/assets/img/chess.png differ
diff --git a/js/_website/src/lib/assets/img/consilium.png b/js/_website/src/lib/assets/img/consilium.png
new file mode 100644
index 0000000..30e9b2e
Binary files /dev/null and b/js/_website/src/lib/assets/img/consilium.png differ
diff --git a/js/_website/src/lib/assets/img/dataflow.svg b/js/_website/src/lib/assets/img/dataflow.svg
new file mode 100644
index 0000000..43e7e86
--- /dev/null
+++ b/js/_website/src/lib/assets/img/dataflow.svg
@@ -0,0 +1,188 @@
+<svg viewBox="0 0 4222 961" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="4222" height="961" rx="20.8913" fill="#FAFAFA" />
+    <path d="M490 541H1102" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M1531 541L1822 541" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M2301 541L2563 541" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M2968 541L3617 541" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M2992 428L3070 428C3073.31 428 3076 430.686 3076 434L3076 481C3076 484.314 3078.69 487 3082 487L3577 487C3580.31 487 3583 484.314 3583 481L3583 368C3583 364.686 3585.69 362 3589 362L3617 362" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M1822.87 540.413C1823.46 540.577 1823.46 541.423 1822.87 541.587L1810.02 545.118C1809.63 545.225 1809.25 544.933 1809.25 544.531L1809.25 537.469C1809.25 537.067 1809.63 536.775 1810.02 536.882L1822.87 540.413Z" fill="#7B8B8F" />
+    <path d="M2564.87 540.413C2565.46 540.577 2565.46 541.423 2564.87 541.587L2552.02 545.118C2551.63 545.225 2551.25 544.933 2551.25 544.531L2551.25 537.469C2551.25 537.067 2551.63 536.775 2552.02 536.882L2564.87 540.413Z" fill="#7B8B8F" />
+    <path d="M3625.87 540.413C3626.46 540.577 3626.46 541.423 3625.87 541.587L3613.02 545.118C3612.63 545.225 3612.25 544.933 3612.25 544.531L3612.25 537.469C3612.25 537.067 3612.63 536.775 3613.02 536.882L3625.87 540.413Z" fill="#7B8B8F" />
+    <path d="M3625.87 361.413C3626.46 361.577 3626.46 362.423 3625.87 362.587L3613.02 366.118C3612.63 366.225 3612.25 365.933 3612.25 365.531L3612.25 358.469C3612.25 358.067 3612.63 357.775 3613.02 357.882L3625.87 361.413Z" fill="#7B8B8F" />
+    <path d="M480 356H558.5C561.814 356 564.5 358.686 564.5 362V460.5C564.5 463.814 567.186 466.5 570.5 466.5H1058.5C1061.81 466.5 1064.5 463.814 1064.5 460.5V449C1064.5 445.686 1067.19 443 1070.5 443H1102" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <path d="M480 721.5H558.5C561.814 721.5 564.5 718.814 564.5 715.5V617C564.5 613.686 567.186 611 570.5 611H1058.5C1061.81 611 1064.5 613.686 1064.5 617V639C1064.5 642.314 1067.19 645 1070.5 645H1101.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linejoin="round" />
+    <g filter="url(#filter0_d_2_2)">
+        <rect x="217" y="302" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M272.155 340.5V373H267.787V340.5H255.671V336.704H284.271V340.5H272.155ZM301.619 373.624C299.677 373.624 297.927 373.295 296.367 372.636C294.841 371.977 293.524 371.041 292.415 369.828C291.34 368.58 290.508 367.107 289.919 365.408C289.329 363.675 289.035 361.751 289.035 359.636C289.035 357.487 289.329 355.545 289.919 353.812C290.543 352.079 291.392 350.605 292.467 349.392C293.541 348.144 294.824 347.191 296.315 346.532C297.84 345.873 299.521 345.544 301.359 345.544C303.161 345.544 304.791 345.873 306.247 346.532C307.737 347.191 309.003 348.109 310.043 349.288C311.083 350.432 311.88 351.801 312.435 353.396C312.989 354.991 313.267 356.741 313.267 358.648V360.624H293.403V361.872C293.403 363.051 293.593 364.143 293.975 365.148C294.356 366.153 294.893 367.02 295.587 367.748C296.315 368.476 297.181 369.048 298.187 369.464C299.227 369.845 300.371 370.036 301.619 370.036C303.421 370.036 304.981 369.62 306.299 368.788C307.616 367.956 308.621 366.812 309.315 365.356L312.383 367.436C311.585 369.239 310.251 370.729 308.379 371.908C306.541 373.052 304.288 373.624 301.619 373.624ZM301.359 348.976C300.215 348.976 299.157 349.184 298.187 349.6C297.216 350.016 296.367 350.588 295.639 351.316C294.945 352.044 294.391 352.911 293.975 353.916C293.593 354.887 293.403 355.961 293.403 357.14V357.504H308.795V356.932C308.795 355.753 308.604 354.679 308.223 353.708C307.876 352.737 307.373 351.905 306.715 351.212C306.091 350.484 305.311 349.929 304.375 349.548C303.473 349.167 302.468 348.976 301.359 348.976ZM319.902 373L329.886 359.376L320.162 346.168H325.154L329.21 351.836L332.434 356.308H332.642L335.762 351.836L339.766 346.168H344.55L334.722 359.324L344.81 373H339.818L335.294 366.708L332.226 362.444H332.018L329.054 366.708L324.686 373H319.902ZM364.81 373C362.765 373 361.257 372.428 360.286 371.284C359.35 370.14 358.882 368.667 358.882 366.864V349.704H349.938V346.168H356.594C357.495 346.168 358.119 345.995 358.466 345.648C358.847 345.267 359.038 344.625 359.038 343.724V336.704H363.042V346.168H375.262V349.704H363.042V369.464H375.262V373H364.81ZM384.03 334.52H388.19V350.536H388.398C390.131 347.208 392.887 345.544 396.666 345.544C399.959 345.544 402.525 346.775 404.362 349.236C406.234 351.697 407.17 355.147 407.17 359.584C407.17 364.021 406.234 367.471 404.362 369.932C402.525 372.393 399.959 373.624 396.666 373.624C392.887 373.624 390.131 371.96 388.398 368.632H388.19V373H384.03V334.52ZM395.054 369.932C397.481 369.932 399.353 369.204 400.67 367.748C402.022 366.257 402.698 364.299 402.698 361.872V357.296C402.698 354.869 402.022 352.928 400.67 351.472C399.353 349.981 397.481 349.236 395.054 349.236C394.118 349.236 393.234 349.357 392.402 349.6C391.57 349.843 390.842 350.207 390.218 350.692C389.594 351.143 389.091 351.715 388.71 352.408C388.363 353.067 388.19 353.847 388.19 354.748V364.42C388.19 365.321 388.363 366.119 388.71 366.812C389.091 367.471 389.594 368.043 390.218 368.528C390.842 368.979 391.57 369.325 392.402 369.568C393.234 369.811 394.118 369.932 395.054 369.932ZM425.87 373.624C423.998 373.624 422.299 373.295 420.774 372.636C419.283 371.977 418 371.041 416.926 369.828C415.886 368.58 415.088 367.107 414.534 365.408C413.979 363.675 413.702 361.733 413.702 359.584C413.702 357.469 413.979 355.545 414.534 353.812C415.088 352.079 415.886 350.605 416.926 349.392C418 348.144 419.283 347.191 420.774 346.532C422.299 345.873 423.998 345.544 425.87 345.544C427.742 345.544 429.423 345.873 430.914 346.532C432.439 347.191 433.722 348.144 434.762 349.392C435.836 350.605 436.651 352.079 437.206 353.812C437.76 355.545 438.038 357.469 438.038 359.584C438.038 361.733 437.76 363.675 437.206 365.408C436.651 367.107 435.836 368.58 434.762 369.828C433.722 371.041 432.439 371.977 430.914 372.636C429.423 373.295 427.742 373.624 425.87 373.624ZM425.87 370.036C428.192 370.036 430.064 369.343 431.486 367.956C432.907 366.569 433.618 364.42 433.618 361.508V357.66C433.618 354.748 432.907 352.599 431.486 351.212C430.064 349.825 428.192 349.132 425.87 349.132C423.547 349.132 421.675 349.825 420.254 351.212C418.832 352.599 418.122 354.748 418.122 357.66V361.508C418.122 364.42 418.832 366.569 420.254 367.956C421.675 369.343 423.547 370.036 425.87 370.036ZM444.621 373L454.605 359.376L444.881 346.168H449.873L453.929 351.836L457.153 356.308H457.361L460.481 351.836L464.485 346.168H469.269L459.441 359.324L469.529 373H464.537L460.013 366.708L456.945 362.444H456.737L453.773 366.708L449.405 373H444.621Z" fill="#5B5B5B" />
+    <g filter="url(#filter1_d_2_2)">
+        <rect x="3662" y="302" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M3722.94 345.268H3722.57V376H3718.62V339.704H3724.81L3737.18 370.124H3737.55V339.704H3741.5V376H3735.31L3722.94 345.268ZM3767.58 371.632H3767.38C3767.1 372.291 3766.75 372.932 3766.34 373.556C3765.92 374.145 3765.4 374.665 3764.78 375.116C3764.19 375.567 3763.48 375.931 3762.64 376.208C3761.81 376.485 3760.84 376.624 3759.73 376.624C3756.92 376.624 3754.67 375.74 3752.97 373.972C3751.27 372.169 3750.42 369.639 3750.42 366.38V349.168H3754.58V365.652C3754.58 368.113 3755.12 369.951 3756.2 371.164C3757.27 372.343 3758.85 372.932 3760.93 372.932C3761.76 372.932 3762.58 372.828 3763.37 372.62C3764.17 372.412 3764.88 372.1 3765.5 371.684C3766.13 371.268 3766.63 370.748 3767.01 370.124C3767.39 369.465 3767.58 368.685 3767.58 367.784V349.168H3771.74V376H3767.58V371.632ZM3779.63 376V349.168H3783.48V352.288H3783.68C3784.1 351.248 3784.69 350.364 3785.45 349.636C3786.21 348.908 3787.34 348.544 3788.83 348.544C3790.39 348.544 3791.55 348.943 3792.32 349.74C3793.08 350.503 3793.55 351.508 3793.72 352.756H3793.88C3794.36 351.543 3795.05 350.537 3795.96 349.74C3796.86 348.943 3798.11 348.544 3799.7 348.544C3801.88 348.544 3803.34 349.307 3804.07 350.832C3804.83 352.357 3805.21 354.541 3805.21 357.384V376H3801.36V358.06C3801.36 355.772 3801.12 354.195 3800.64 353.328C3800.19 352.427 3799.34 351.976 3798.09 351.976C3796.98 351.976 3796.08 352.34 3795.38 353.068C3794.69 353.761 3794.34 354.836 3794.34 356.292V376H3790.5V358.06C3790.5 355.772 3790.25 354.195 3789.77 353.328C3789.32 352.427 3788.49 351.976 3787.27 351.976C3786.16 351.976 3785.24 352.34 3784.52 353.068C3783.82 353.761 3783.48 354.836 3783.48 356.292V376H3779.63ZM3812.94 337.52H3817.1V353.536H3817.31C3819.04 350.208 3821.8 348.544 3825.58 348.544C3828.87 348.544 3831.43 349.775 3833.27 352.236C3835.14 354.697 3836.08 358.147 3836.08 362.584C3836.08 367.021 3835.14 370.471 3833.27 372.932C3831.43 375.393 3828.87 376.624 3825.58 376.624C3821.8 376.624 3819.04 374.96 3817.31 371.632H3817.1V376H3812.94V337.52ZM3823.96 372.932C3826.39 372.932 3828.26 372.204 3829.58 370.748C3830.93 369.257 3831.61 367.299 3831.61 364.872V360.296C3831.61 357.869 3830.93 355.928 3829.58 354.472C3828.26 352.981 3826.39 352.236 3823.96 352.236C3823.03 352.236 3822.14 352.357 3821.31 352.6C3820.48 352.843 3819.75 353.207 3819.13 353.692C3818.5 354.143 3818 354.715 3817.62 355.408C3817.27 356.067 3817.1 356.847 3817.1 357.748V367.42C3817.1 368.321 3817.27 369.119 3817.62 369.812C3818 370.471 3818.5 371.043 3819.13 371.528C3819.75 371.979 3820.48 372.325 3821.31 372.568C3822.14 372.811 3823.03 372.932 3823.96 372.932ZM3855.25 376.624C3853.31 376.624 3851.56 376.295 3850 375.636C3848.47 374.977 3847.15 374.041 3846.04 372.828C3844.97 371.58 3844.14 370.107 3843.55 368.408C3842.96 366.675 3842.66 364.751 3842.66 362.636C3842.66 360.487 3842.96 358.545 3843.55 356.812C3844.17 355.079 3845.02 353.605 3846.1 352.392C3847.17 351.144 3848.45 350.191 3849.94 349.532C3851.47 348.873 3853.15 348.544 3854.99 348.544C3856.79 348.544 3858.42 348.873 3859.88 349.532C3861.37 350.191 3862.63 351.109 3863.67 352.288C3864.71 353.432 3865.51 354.801 3866.06 356.396C3866.62 357.991 3866.9 359.741 3866.9 361.648V363.624H3847.03V364.872C3847.03 366.051 3847.22 367.143 3847.6 368.148C3847.99 369.153 3848.52 370.02 3849.22 370.748C3849.94 371.476 3850.81 372.048 3851.82 372.464C3852.86 372.845 3854 373.036 3855.25 373.036C3857.05 373.036 3858.61 372.62 3859.93 371.788C3861.25 370.956 3862.25 369.812 3862.94 368.356L3866.01 370.436C3865.21 372.239 3863.88 373.729 3862.01 374.908C3860.17 376.052 3857.92 376.624 3855.25 376.624ZM3854.99 351.976C3853.84 351.976 3852.79 352.184 3851.82 352.6C3850.85 353.016 3850 353.588 3849.27 354.316C3848.57 355.044 3848.02 355.911 3847.6 356.916C3847.22 357.887 3847.03 358.961 3847.03 360.14V360.504H3862.42V359.932C3862.42 358.753 3862.23 357.679 3861.85 356.708C3861.51 355.737 3861 354.905 3860.34 354.212C3859.72 353.484 3858.94 352.929 3858 352.548C3857.1 352.167 3856.1 351.976 3854.99 351.976ZM3874.36 372.464H3882.22V352.704H3874.36V349.168H3886.38V355.928H3886.64C3887.19 353.813 3888.23 352.167 3889.76 350.988C3891.32 349.775 3893.29 349.168 3895.68 349.168H3899.43V353.328H3894.38C3891.99 353.328 3890.05 354.021 3888.56 355.408C3887.1 356.795 3886.38 358.615 3886.38 360.868V372.464H3896.78V376H3874.36V372.464Z" fill="#5B5B5B" />
+    <g filter="url(#filter2_d_2_2)">
+        <rect x="1136" y="302" width="478" height="494" rx="10" fill="white" />
+    </g>
+    <path d="M1241.91 453.624C1239.1 453.624 1236.68 453.156 1234.63 452.22C1232.62 451.249 1230.91 449.967 1229.48 448.372L1232.29 445.928C1233.57 447.28 1234.98 448.32 1236.5 449.048C1238.03 449.776 1239.87 450.14 1242.02 450.14C1244.1 450.14 1245.79 449.776 1247.11 449.048C1248.46 448.285 1249.14 447.107 1249.14 445.512C1249.14 444.819 1249 444.247 1248.72 443.796C1248.48 443.311 1248.13 442.929 1247.68 442.652C1247.23 442.375 1246.73 442.167 1246.18 442.028C1245.62 441.855 1245.03 441.716 1244.41 441.612L1240.2 440.988C1239.26 440.849 1238.24 440.659 1237.13 440.416C1236.05 440.173 1235.07 439.792 1234.16 439.272C1233.26 438.717 1232.5 437.989 1231.88 437.088C1231.29 436.187 1230.99 435.008 1230.99 433.552C1230.99 432.2 1231.25 431.039 1231.77 430.068C1232.33 429.063 1233.09 428.231 1234.06 427.572C1235.03 426.879 1236.17 426.376 1237.49 426.064C1238.81 425.717 1240.25 425.544 1241.81 425.544C1244.23 425.544 1246.33 425.925 1248.1 426.688C1249.9 427.451 1251.45 428.508 1252.73 429.86L1250.02 432.408C1249.71 432.027 1249.31 431.645 1248.83 431.264C1248.38 430.848 1247.81 430.484 1247.11 430.172C1246.45 429.825 1245.67 429.548 1244.77 429.34C1243.87 429.132 1242.83 429.028 1241.65 429.028C1239.54 429.028 1237.91 429.392 1236.76 430.12C1235.65 430.848 1235.1 431.905 1235.1 433.292C1235.1 433.985 1235.22 434.575 1235.46 435.06C1235.74 435.511 1236.11 435.875 1236.56 436.152C1237.01 436.429 1237.51 436.655 1238.06 436.828C1238.65 436.967 1239.24 437.088 1239.83 437.192L1244.04 437.816C1245.01 437.955 1246.04 438.145 1247.11 438.388C1248.19 438.631 1249.17 439.029 1250.08 439.584C1250.98 440.104 1251.72 440.815 1252.31 441.716C1252.94 442.617 1253.25 443.796 1253.25 445.252C1253.25 447.921 1252.21 449.984 1250.13 451.44C1248.08 452.896 1245.34 453.624 1241.91 453.624ZM1274.08 453C1272.03 453 1270.53 452.428 1269.56 451.284C1268.62 450.14 1268.15 448.667 1268.15 446.864V429.704H1259.21V426.168H1265.86C1266.77 426.168 1267.39 425.995 1267.74 425.648C1268.12 425.267 1268.31 424.625 1268.31 423.724V416.704H1272.31V426.168H1284.53V429.704H1272.31V449.464H1284.53V453H1274.08ZM1292.36 449.464H1300.22V429.704H1292.36V426.168H1304.38V432.928H1304.64C1305.19 430.813 1306.23 429.167 1307.76 427.988C1309.32 426.775 1311.29 426.168 1313.68 426.168H1317.43V430.328H1312.38C1309.99 430.328 1308.05 431.021 1306.56 432.408C1305.1 433.795 1304.38 435.615 1304.38 437.868V449.464H1314.78V453H1292.36V449.464Z" fill="#FF9042" />
+    <path d="M1190.54 376.346V334.784H1199.19V337.055H1193.54V374.074H1199.19V376.346H1190.54Z" fill="#A5A5A5" />
+    <path d="M1187.5 754.346V752.074H1193.1V715.055H1187.5V712.784H1196.1V754.346H1187.5Z" fill="#A5A5A5" />
+    <path d="M1243.26 523.24C1242.05 523.24 1241.2 522.997 1240.72 522.512C1240.23 521.992 1239.99 521.351 1239.99 520.588V519.756C1239.99 518.993 1240.23 518.369 1240.72 517.884C1241.2 517.364 1242.05 517.104 1243.26 517.104C1244.48 517.104 1245.33 517.364 1245.81 517.884C1246.3 518.369 1246.54 518.993 1246.54 519.756V520.588C1246.54 521.351 1246.3 521.992 1245.81 522.512C1245.33 522.997 1244.48 523.24 1243.26 523.24ZM1231.51 552.464H1241.18V532.704H1231.51V529.168H1245.34V552.464H1254.39V556H1231.51V552.464ZM1262.28 556V529.168H1266.44V533.536H1266.64C1266.92 532.877 1267.27 532.253 1267.68 531.664C1268.1 531.04 1268.6 530.503 1269.19 530.052C1269.82 529.601 1270.54 529.237 1271.38 528.96C1272.21 528.683 1273.18 528.544 1274.29 528.544C1277.1 528.544 1279.35 529.445 1281.05 531.248C1282.75 533.016 1283.6 535.529 1283.6 538.788V556H1279.44V539.516C1279.44 537.055 1278.9 535.235 1277.82 534.056C1276.75 532.843 1275.17 532.236 1273.09 532.236C1272.26 532.236 1271.45 532.34 1270.65 532.548C1269.85 532.756 1269.14 533.068 1268.52 533.484C1267.89 533.9 1267.39 534.437 1267.01 535.096C1266.63 535.755 1266.44 536.517 1266.44 537.384V556H1262.28ZM1305.26 556C1303.21 556 1301.71 555.428 1300.74 554.284C1299.8 553.14 1299.33 551.667 1299.33 549.864V532.704H1290.39V529.168H1297.04C1297.94 529.168 1298.57 528.995 1298.92 528.648C1299.3 528.267 1299.49 527.625 1299.49 526.724V519.704H1303.49V529.168H1315.71V532.704H1303.49V552.464H1315.71V556H1305.26Z" fill="#FF9042" />
+    <path d="M1231.1 659V632.168H1235.26V636.536H1235.46C1235.74 635.877 1236.09 635.253 1236.5 634.664C1236.92 634.04 1237.42 633.503 1238.01 633.052C1238.64 632.601 1239.36 632.237 1240.2 631.96C1241.03 631.683 1242 631.544 1243.11 631.544C1245.92 631.544 1248.17 632.445 1249.87 634.248C1251.57 636.016 1252.42 638.529 1252.42 641.788V659H1248.26V642.516C1248.26 640.055 1247.72 638.235 1246.64 637.056C1245.57 635.843 1243.99 635.236 1241.91 635.236C1241.08 635.236 1240.27 635.34 1239.47 635.548C1238.67 635.756 1237.96 636.068 1237.34 636.484C1236.71 636.9 1236.21 637.437 1235.83 638.096C1235.45 638.755 1235.26 639.517 1235.26 640.384V659H1231.1ZM1279.12 654.632H1278.92C1278.64 655.291 1278.29 655.932 1277.88 656.556C1277.46 657.145 1276.94 657.665 1276.32 658.116C1275.73 658.567 1275.02 658.931 1274.18 659.208C1273.35 659.485 1272.38 659.624 1271.27 659.624C1268.46 659.624 1266.21 658.74 1264.51 656.972C1262.81 655.169 1261.96 652.639 1261.96 649.38V632.168H1266.12V648.652C1266.12 651.113 1266.66 652.951 1267.74 654.164C1268.81 655.343 1270.39 655.932 1272.47 655.932C1273.3 655.932 1274.11 655.828 1274.91 655.62C1275.71 655.412 1276.42 655.1 1277.04 654.684C1277.67 654.268 1278.17 653.748 1278.55 653.124C1278.93 652.465 1279.12 651.685 1279.12 650.784V632.168H1283.28V659H1279.12V654.632ZM1291.17 659V632.168H1295.02V635.288H1295.22C1295.64 634.248 1296.23 633.364 1296.99 632.636C1297.75 631.908 1298.88 631.544 1300.37 631.544C1301.93 631.544 1303.09 631.943 1303.86 632.74C1304.62 633.503 1305.09 634.508 1305.26 635.756H1305.42C1305.9 634.543 1306.59 633.537 1307.5 632.74C1308.4 631.943 1309.64 631.544 1311.24 631.544C1313.42 631.544 1314.88 632.307 1315.61 633.832C1316.37 635.357 1316.75 637.541 1316.75 640.384V659H1312.9V641.06C1312.9 638.772 1312.66 637.195 1312.18 636.328C1311.72 635.427 1310.88 634.976 1309.63 634.976C1308.52 634.976 1307.62 635.34 1306.92 636.068C1306.23 636.761 1305.88 637.836 1305.88 639.292V659H1302.04V641.06C1302.04 638.772 1301.79 637.195 1301.31 636.328C1300.86 635.427 1300.02 634.976 1298.81 634.976C1297.7 634.976 1296.78 635.34 1296.06 636.068C1295.36 636.761 1295.02 637.836 1295.02 639.292V659H1291.17ZM1324.48 632.168H1328.64V636.536H1328.85C1330.58 633.208 1333.34 631.544 1337.12 631.544C1340.41 631.544 1342.97 632.775 1344.81 635.236C1346.68 637.697 1347.62 641.147 1347.62 645.584C1347.62 650.021 1346.68 653.471 1344.81 655.932C1342.97 658.393 1340.41 659.624 1337.12 659.624C1333.34 659.624 1330.58 657.96 1328.85 654.632H1328.64V669.4H1324.48V632.168ZM1335.5 655.932C1337.93 655.932 1339.8 655.204 1341.12 653.748C1342.47 652.257 1343.15 650.299 1343.15 647.872V643.296C1343.15 640.869 1342.47 638.928 1341.12 637.472C1339.8 635.981 1337.93 635.236 1335.5 635.236C1334.57 635.236 1333.68 635.357 1332.85 635.6C1332.02 635.843 1331.29 636.207 1330.67 636.692C1330.04 637.143 1329.54 637.715 1329.16 638.408C1328.81 639.067 1328.64 639.847 1328.64 640.748V650.42C1328.64 651.321 1328.81 652.119 1329.16 652.812C1329.54 653.471 1330.04 654.043 1330.67 654.528C1331.29 654.979 1332.02 655.325 1332.85 655.568C1333.68 655.811 1334.57 655.932 1335.5 655.932ZM1375 632.168H1379.16L1365.85 664.876C1365.54 665.639 1365.19 666.297 1364.81 666.852C1364.43 667.441 1363.98 667.909 1363.46 668.256C1362.94 668.637 1362.31 668.915 1361.59 669.088C1360.86 669.296 1359.99 669.4 1358.99 669.4H1355.03V665.864H1361.27L1364.29 658.48L1353.47 632.168H1357.74L1362.26 643.4L1366.27 653.592H1366.47L1370.48 643.4L1375 632.168ZM1397.5 659.468C1396.08 659.468 1395.07 659.173 1394.48 658.584C1393.93 657.995 1393.65 657.249 1393.65 656.348V655.412C1393.65 654.511 1393.93 653.765 1394.48 653.176C1395.07 652.587 1396.08 652.292 1397.5 652.292C1398.92 652.292 1399.91 652.587 1400.46 653.176C1401.05 653.765 1401.35 654.511 1401.35 655.412V656.348C1401.35 657.249 1401.05 657.995 1400.46 658.584C1399.91 659.173 1398.92 659.468 1397.5 659.468ZM1438.82 659C1437.19 659 1436.03 658.584 1435.33 657.752C1434.64 656.92 1434.21 655.88 1434.03 654.632H1433.77C1433.18 656.192 1432.23 657.423 1430.91 658.324C1429.63 659.191 1427.9 659.624 1425.71 659.624C1422.91 659.624 1420.67 658.896 1419.01 657.44C1417.34 655.984 1416.51 653.991 1416.51 651.46C1416.51 648.964 1417.41 647.04 1419.21 645.688C1421.05 644.336 1424 643.66 1428.05 643.66H1433.77V641.008C1433.77 639.032 1433.22 637.559 1432.11 636.588C1431 635.583 1429.42 635.08 1427.38 635.08C1425.58 635.08 1424.1 635.444 1422.96 636.172C1421.81 636.865 1420.9 637.819 1420.2 639.032L1417.39 636.952C1417.74 636.259 1418.21 635.583 1418.8 634.924C1419.39 634.265 1420.12 633.693 1420.98 633.208C1421.85 632.688 1422.84 632.289 1423.95 632.012C1425.06 631.7 1426.29 631.544 1427.64 631.544C1430.79 631.544 1433.29 632.341 1435.13 633.936C1437 635.531 1437.93 637.749 1437.93 640.592V655.36H1441.68V659H1438.82ZM1426.44 656.14C1427.52 656.14 1428.49 656.019 1429.35 655.776C1430.26 655.499 1431.04 655.152 1431.69 654.736C1432.35 654.285 1432.86 653.765 1433.2 653.176C1433.58 652.552 1433.77 651.893 1433.77 651.2V646.78H1428.05C1425.56 646.78 1423.74 647.127 1422.59 647.82C1421.45 648.513 1420.88 649.519 1420.88 650.836V651.928C1420.88 653.315 1421.36 654.372 1422.33 655.1C1423.34 655.793 1424.71 656.14 1426.44 656.14ZM1448.26 655.464H1456.11V635.704H1448.26V632.168H1460.27V638.928H1460.53C1461.09 636.813 1462.13 635.167 1463.65 633.988C1465.21 632.775 1467.19 632.168 1469.58 632.168H1473.33V636.328H1468.28C1465.89 636.328 1463.95 637.021 1462.46 638.408C1461 639.795 1460.27 641.615 1460.27 643.868V655.464H1470.67V659H1448.26V655.464ZM1479.44 655.464H1487.29V635.704H1479.44V632.168H1491.45V638.928H1491.71C1492.27 636.813 1493.31 635.167 1494.83 633.988C1496.39 632.775 1498.37 632.168 1500.76 632.168H1504.51V636.328H1499.46C1497.07 636.328 1495.13 637.021 1493.64 638.408C1492.18 639.795 1491.45 641.615 1491.45 643.868V655.464H1501.85V659H1479.44V655.464ZM1532.36 659C1530.73 659 1529.57 658.584 1528.87 657.752C1528.18 656.92 1527.75 655.88 1527.57 654.632H1527.31C1526.72 656.192 1525.77 657.423 1524.45 658.324C1523.17 659.191 1521.44 659.624 1519.25 659.624C1516.45 659.624 1514.21 658.896 1512.55 657.44C1510.88 655.984 1510.05 653.991 1510.05 651.46C1510.05 648.964 1510.95 647.04 1512.75 645.688C1514.59 644.336 1517.54 643.66 1521.59 643.66H1527.31V641.008C1527.31 639.032 1526.76 637.559 1525.65 636.588C1524.54 635.583 1522.96 635.08 1520.92 635.08C1519.11 635.08 1517.64 635.444 1516.5 636.172C1515.35 636.865 1514.43 637.819 1513.74 639.032L1510.93 636.952C1511.28 636.259 1511.75 635.583 1512.34 634.924C1512.93 634.265 1513.65 633.693 1514.52 633.208C1515.39 632.688 1516.38 632.289 1517.49 632.012C1518.59 631.7 1519.83 631.544 1521.18 631.544C1524.33 631.544 1526.83 632.341 1528.67 633.936C1530.54 635.531 1531.47 637.749 1531.47 640.592V655.36H1535.22V659H1532.36ZM1519.98 656.14C1521.06 656.14 1522.03 656.019 1522.89 655.776C1523.79 655.499 1524.57 655.152 1525.23 654.736C1525.89 654.285 1526.39 653.765 1526.74 653.176C1527.12 652.552 1527.31 651.893 1527.31 651.2V646.78H1521.59C1519.1 646.78 1517.28 647.127 1516.13 647.82C1514.99 648.513 1514.42 649.519 1514.42 650.836V651.928C1514.42 653.315 1514.9 654.372 1515.87 655.1C1516.88 655.793 1518.25 656.14 1519.98 656.14ZM1562.08 632.168H1566.24L1552.93 664.876C1552.62 665.639 1552.27 666.297 1551.89 666.852C1551.51 667.441 1551.06 667.909 1550.54 668.256C1550.02 668.637 1549.39 668.915 1548.66 669.088C1547.94 669.296 1547.07 669.4 1546.06 669.4H1542.11V665.864H1548.35L1551.37 658.48L1540.55 632.168H1544.82L1549.34 643.4L1553.34 653.592H1553.55L1557.56 643.4L1562.08 632.168Z" fill="#FF9042" />
+    <g filter="url(#filter3_d_2_2)">
+        <rect x="2614" y="302" width="412" height="370" rx="10" fill="white" />
+    </g>
+    <path d="M2708.32 442.464H2717.36V422.704H2707.8V419.168H2717.36V413.656C2717.36 411.853 2717.83 410.38 2718.77 409.236C2719.74 408.092 2721.25 407.52 2723.29 407.52H2732.29V411.056H2721.52V419.168H2732.29V422.704H2721.52V442.464H2731.09V446H2708.32V442.464ZM2739.34 442.464H2748.7V411.056H2739.34V407.52H2752.86V442.464H2762.22V446H2739.34V442.464ZM2781.96 446.624C2780.09 446.624 2778.39 446.295 2776.86 445.636C2775.37 444.977 2774.09 444.041 2773.02 442.828C2771.98 441.58 2771.18 440.107 2770.62 438.408C2770.07 436.675 2769.79 434.733 2769.79 432.584C2769.79 430.469 2770.07 428.545 2770.62 426.812C2771.18 425.079 2771.98 423.605 2773.02 422.392C2774.09 421.144 2775.37 420.191 2776.86 419.532C2778.39 418.873 2780.09 418.544 2781.96 418.544C2783.83 418.544 2785.51 418.873 2787 419.532C2788.53 420.191 2789.81 421.144 2790.85 422.392C2791.93 423.605 2792.74 425.079 2793.3 426.812C2793.85 428.545 2794.13 430.469 2794.13 432.584C2794.13 434.733 2793.85 436.675 2793.3 438.408C2792.74 440.107 2791.93 441.58 2790.85 442.828C2789.81 444.041 2788.53 444.977 2787 445.636C2785.51 446.295 2783.83 446.624 2781.96 446.624ZM2781.96 443.036C2784.28 443.036 2786.15 442.343 2787.58 440.956C2789 439.569 2789.71 437.42 2789.71 434.508V430.66C2789.71 427.748 2789 425.599 2787.58 424.212C2786.15 422.825 2784.28 422.132 2781.96 422.132C2779.64 422.132 2777.76 422.825 2776.34 424.212C2774.92 425.599 2774.21 427.748 2774.21 430.66V434.508C2774.21 437.42 2774.92 439.569 2776.34 440.956C2777.76 442.343 2779.64 443.036 2781.96 443.036ZM2823.28 446C2821.65 446 2820.49 445.584 2819.8 444.752C2819.1 443.92 2818.67 442.88 2818.5 441.632H2818.24C2817.65 443.192 2816.69 444.423 2815.38 445.324C2814.09 446.191 2812.36 446.624 2810.18 446.624C2807.37 446.624 2805.13 445.896 2803.47 444.44C2801.8 442.984 2800.97 440.991 2800.97 438.46C2800.97 435.964 2801.87 434.04 2803.68 432.688C2805.51 431.336 2808.46 430.66 2812.52 430.66H2818.24V428.008C2818.24 426.032 2817.68 424.559 2816.57 423.588C2815.46 422.583 2813.88 422.08 2811.84 422.08C2810.04 422.08 2808.56 422.444 2807.42 423.172C2806.28 423.865 2805.36 424.819 2804.66 426.032L2801.86 423.952C2802.2 423.259 2802.67 422.583 2803.26 421.924C2803.85 421.265 2804.58 420.693 2805.44 420.208C2806.31 419.688 2807.3 419.289 2808.41 419.012C2809.52 418.7 2810.75 418.544 2812.1 418.544C2815.25 418.544 2817.75 419.341 2819.59 420.936C2821.46 422.531 2822.4 424.749 2822.4 427.592V442.36H2826.14V446H2823.28ZM2810.9 443.14C2811.98 443.14 2812.95 443.019 2813.82 442.776C2814.72 442.499 2815.5 442.152 2816.16 441.736C2816.81 441.285 2817.32 440.765 2817.66 440.176C2818.04 439.552 2818.24 438.893 2818.24 438.2V433.78H2812.52C2810.02 433.78 2808.2 434.127 2807.06 434.82C2805.91 435.513 2805.34 436.519 2805.34 437.836V438.928C2805.34 440.315 2805.82 441.372 2806.8 442.1C2807.8 442.793 2809.17 443.14 2810.9 443.14ZM2845.62 446C2843.57 446 2842.07 445.428 2841.09 444.284C2840.16 443.14 2839.69 441.667 2839.69 439.864V422.704H2830.75V419.168H2837.4C2838.3 419.168 2838.93 418.995 2839.27 418.648C2839.66 418.267 2839.85 417.625 2839.85 416.724V409.704H2843.85V419.168H2856.07V422.704H2843.85V442.464H2856.07V446H2845.62Z" fill="#FF9042" />
+    <path d="M2668.54 376.346V334.784H2677.19V337.055H2671.54V374.074H2677.19V376.346H2668.54Z" fill="#A5A5A5" />
+    <path d="M2665.5 626.346V624.074H2671.1V587.055H2665.5V584.784H2674.1V626.346H2665.5Z" fill="#A5A5A5" />
+    <path d="M2710.24 549V512.704H2714.61V545.204H2731.82V549H2710.24ZM2752.44 516.24C2751.23 516.24 2750.38 515.997 2749.9 515.512C2749.41 514.992 2749.17 514.351 2749.17 513.588V512.756C2749.17 511.993 2749.41 511.369 2749.9 510.884C2750.38 510.364 2751.23 510.104 2752.44 510.104C2753.66 510.104 2754.51 510.364 2754.99 510.884C2755.48 511.369 2755.72 511.993 2755.72 512.756V513.588C2755.72 514.351 2755.48 514.992 2754.99 515.512C2754.51 515.997 2753.66 516.24 2752.44 516.24ZM2740.69 545.464H2750.36V525.704H2740.69V522.168H2754.52V545.464H2763.57V549H2740.69V545.464ZM2782.27 549.624C2779.46 549.624 2777.04 549.156 2774.99 548.22C2772.98 547.249 2771.26 545.967 2769.84 544.372L2772.65 541.928C2773.93 543.28 2775.34 544.32 2776.86 545.048C2778.39 545.776 2780.23 546.14 2782.38 546.14C2784.46 546.14 2786.15 545.776 2787.47 545.048C2788.82 544.285 2789.5 543.107 2789.5 541.512C2789.5 540.819 2789.36 540.247 2789.08 539.796C2788.84 539.311 2788.49 538.929 2788.04 538.652C2787.59 538.375 2787.09 538.167 2786.54 538.028C2785.98 537.855 2785.39 537.716 2784.77 537.612L2780.56 536.988C2779.62 536.849 2778.6 536.659 2777.49 536.416C2776.41 536.173 2775.42 535.792 2774.52 535.272C2773.62 534.717 2772.86 533.989 2772.24 533.088C2771.65 532.187 2771.35 531.008 2771.35 529.552C2771.35 528.2 2771.61 527.039 2772.13 526.068C2772.69 525.063 2773.45 524.231 2774.42 523.572C2775.39 522.879 2776.53 522.376 2777.85 522.064C2779.17 521.717 2780.61 521.544 2782.17 521.544C2784.59 521.544 2786.69 521.925 2788.46 522.688C2790.26 523.451 2791.8 524.508 2793.09 525.86L2790.38 528.408C2790.07 528.027 2789.67 527.645 2789.19 527.264C2788.74 526.848 2788.16 526.484 2787.47 526.172C2786.81 525.825 2786.03 525.548 2785.13 525.34C2784.23 525.132 2783.19 525.028 2782.01 525.028C2779.9 525.028 2778.27 525.392 2777.12 526.12C2776.01 526.848 2775.46 527.905 2775.46 529.292C2775.46 529.985 2775.58 530.575 2775.82 531.06C2776.1 531.511 2776.46 531.875 2776.92 532.152C2777.37 532.429 2777.87 532.655 2778.42 532.828C2779.01 532.967 2779.6 533.088 2780.19 533.192L2784.4 533.816C2785.37 533.955 2786.4 534.145 2787.47 534.388C2788.55 534.631 2789.53 535.029 2790.44 535.584C2791.34 536.104 2792.08 536.815 2792.67 537.716C2793.3 538.617 2793.61 539.796 2793.61 541.252C2793.61 543.921 2792.57 545.984 2790.49 547.44C2788.44 548.896 2785.7 549.624 2782.27 549.624ZM2814.44 549C2812.39 549 2810.89 548.428 2809.92 547.284C2808.98 546.14 2808.51 544.667 2808.51 542.864V525.704H2799.57V522.168H2806.22C2807.12 522.168 2807.75 521.995 2808.1 521.648C2808.48 521.267 2808.67 520.625 2808.67 519.724V512.704H2812.67V522.168H2824.89V525.704H2812.67V545.464H2824.89V549H2814.44ZM2840.42 556.176V509.48H2854.98V512.704H2844.01V552.952H2854.98V556.176H2840.42ZM2875.81 549.624C2873 549.624 2870.58 549.156 2868.53 548.22C2866.52 547.249 2864.8 545.967 2863.38 544.372L2866.19 541.928C2867.47 543.28 2868.88 544.32 2870.4 545.048C2871.93 545.776 2873.77 546.14 2875.91 546.14C2877.99 546.14 2879.69 545.776 2881.01 545.048C2882.36 544.285 2883.04 543.107 2883.04 541.512C2883.04 540.819 2882.9 540.247 2882.62 539.796C2882.38 539.311 2882.03 538.929 2881.58 538.652C2881.13 538.375 2880.63 538.167 2880.07 538.028C2879.52 537.855 2878.93 537.716 2878.31 537.612L2874.09 536.988C2873.16 536.849 2872.14 536.659 2871.03 536.416C2869.95 536.173 2868.96 535.792 2868.06 535.272C2867.16 534.717 2866.4 533.989 2865.77 533.088C2865.19 532.187 2864.89 531.008 2864.89 529.552C2864.89 528.2 2865.15 527.039 2865.67 526.068C2866.23 525.063 2866.99 524.231 2867.96 523.572C2868.93 522.879 2870.07 522.376 2871.39 522.064C2872.71 521.717 2874.15 521.544 2875.71 521.544C2878.13 521.544 2880.23 521.925 2882 522.688C2883.8 523.451 2885.34 524.508 2886.63 525.86L2883.92 528.408C2883.61 528.027 2883.21 527.645 2882.73 527.264C2882.28 526.848 2881.7 526.484 2881.01 526.172C2880.35 525.825 2879.57 525.548 2878.67 525.34C2877.77 525.132 2876.73 525.028 2875.55 525.028C2873.44 525.028 2871.81 525.392 2870.66 526.12C2869.55 526.848 2869 527.905 2869 529.292C2869 529.985 2869.12 530.575 2869.36 531.06C2869.64 531.511 2870 531.875 2870.45 532.152C2870.91 532.429 2871.41 532.655 2871.96 532.828C2872.55 532.967 2873.14 533.088 2873.73 533.192L2877.94 533.816C2878.91 533.955 2879.94 534.145 2881.01 534.388C2882.09 534.631 2883.07 535.029 2883.97 535.584C2884.88 536.104 2885.62 536.815 2886.21 537.716C2886.83 538.617 2887.15 539.796 2887.15 541.252C2887.15 543.921 2886.11 545.984 2884.03 547.44C2881.98 548.896 2879.24 549.624 2875.81 549.624ZM2907.98 549C2905.93 549 2904.42 548.428 2903.45 547.284C2902.52 546.14 2902.05 544.667 2902.05 542.864V525.704H2893.11V522.168H2899.76C2900.66 522.168 2901.29 521.995 2901.63 521.648C2902.02 521.267 2902.21 520.625 2902.21 519.724V512.704H2906.21V522.168H2918.43V525.704H2906.21V545.464H2918.43V549H2907.98ZM2926.26 545.464H2934.11V525.704H2926.26V522.168H2938.27V528.928H2938.53C2939.09 526.813 2940.13 525.167 2941.65 523.988C2943.21 522.775 2945.19 522.168 2947.58 522.168H2951.33V526.328H2946.28C2943.89 526.328 2941.95 527.021 2940.46 528.408C2939 529.795 2938.27 531.615 2938.27 533.868V545.464H2948.67V549H2926.26V545.464ZM2972.94 509.48V556.176H2958.38V552.952H2969.35V512.704H2958.38V509.48H2972.94Z" fill="#FF9042" />
+    <path d="M168.004 149V115.096H175.648V149H168.004ZM183.021 149V123.208H189.261L189.781 126.484H189.989C191.098 125.444 192.311 124.543 193.629 123.78C194.981 122.983 196.523 122.584 198.257 122.584C201.065 122.584 203.093 123.52 204.341 125.392C205.623 127.229 206.265 129.76 206.265 132.984V149H198.621V133.972C198.621 132.1 198.361 130.817 197.841 130.124C197.355 129.431 196.558 129.084 195.449 129.084C194.478 129.084 193.646 129.309 192.953 129.76C192.259 130.176 191.497 130.783 190.665 131.58V149H183.021ZM212.778 158.568V123.208H219.018L219.538 125.756H219.746C220.752 124.855 221.878 124.109 223.126 123.52C224.409 122.896 225.726 122.584 227.078 122.584C230.198 122.584 232.66 123.78 234.462 126.172C236.265 128.529 237.166 131.701 237.166 135.688C237.166 138.635 236.646 141.148 235.606 143.228C234.566 145.308 233.214 146.903 231.55 148.012C229.921 149.087 228.17 149.624 226.298 149.624C225.189 149.624 224.114 149.399 223.074 148.948C222.034 148.463 221.064 147.787 220.162 146.92L220.422 151.028V158.568H212.778ZM224.53 143.384C225.848 143.384 226.974 142.777 227.91 141.564C228.846 140.351 229.314 138.427 229.314 135.792C229.314 131.147 227.824 128.824 224.842 128.824C223.352 128.824 221.878 129.604 220.422 131.164V141.72C221.116 142.344 221.809 142.777 222.502 143.02C223.196 143.263 223.872 143.384 224.53 143.384ZM250.335 149.624C247.527 149.624 245.482 148.705 244.199 146.868C242.951 144.996 242.327 142.448 242.327 139.224V123.208H249.971V138.236C249.971 140.073 250.231 141.356 250.751 142.084C251.271 142.777 252.086 143.124 253.195 143.124C254.166 143.124 254.98 142.899 255.639 142.448C256.298 141.997 257.008 141.269 257.771 140.264V123.208H265.415V149H259.175L258.603 145.412H258.447C257.372 146.695 256.194 147.717 254.911 148.48C253.628 149.243 252.103 149.624 250.335 149.624ZM282.074 149.624C278.884 149.624 276.596 148.705 275.21 146.868C273.858 145.031 273.182 142.621 273.182 139.64V129.188H269.646V123.52L273.598 123.208L274.482 116.344H280.826V123.208H287.014V129.188H280.826V139.536C280.826 140.992 281.12 142.049 281.71 142.708C282.334 143.332 283.148 143.644 284.154 143.644C284.57 143.644 284.986 143.592 285.402 143.488C285.852 143.384 286.251 143.263 286.598 143.124L287.794 148.688C287.135 148.896 286.32 149.104 285.35 149.312C284.414 149.52 283.322 149.624 282.074 149.624ZM317.226 149.624C314.383 149.624 311.766 148.965 309.374 147.648C306.982 146.331 305.058 144.389 303.602 141.824C302.181 139.224 301.47 136.035 301.47 132.256C301.47 128.512 302.198 125.323 303.654 122.688C305.145 120.019 307.103 117.991 309.53 116.604C311.991 115.183 314.643 114.472 317.486 114.472C319.67 114.472 321.629 114.923 323.362 115.824C325.095 116.691 326.534 117.713 327.678 118.892L323.622 123.78C322.755 122.983 321.837 122.341 320.866 121.856C319.93 121.336 318.855 121.076 317.642 121.076C316.117 121.076 314.713 121.509 313.43 122.376C312.182 123.243 311.177 124.491 310.414 126.12C309.686 127.749 309.322 129.708 309.322 131.996C309.322 135.463 310.067 138.167 311.558 140.108C313.049 142.049 315.042 143.02 317.538 143.02C318.925 143.02 320.155 142.708 321.23 142.084C322.339 141.46 323.31 140.715 324.142 139.848L328.198 144.632C325.355 147.96 321.698 149.624 317.226 149.624ZM343.8 149.624C341.616 149.624 339.553 149.104 337.612 148.064C335.705 146.989 334.162 145.447 332.984 143.436C331.805 141.391 331.216 138.947 331.216 136.104C331.216 133.227 331.805 130.783 332.984 128.772C334.162 126.761 335.705 125.236 337.612 124.196C339.553 123.121 341.616 122.584 343.8 122.584C345.984 122.584 348.029 123.121 349.936 124.196C351.842 125.236 353.385 126.761 354.564 128.772C355.742 130.783 356.332 133.227 356.332 136.104C356.332 138.947 355.742 141.391 354.564 143.436C353.385 145.447 351.842 146.989 349.936 148.064C348.029 149.104 345.984 149.624 343.8 149.624ZM343.8 143.436C345.36 143.436 346.538 142.777 347.336 141.46C348.133 140.108 348.532 138.323 348.532 136.104C348.532 133.851 348.133 132.065 347.336 130.748C346.538 129.431 345.36 128.772 343.8 128.772C342.205 128.772 341.009 129.431 340.212 130.748C339.449 132.065 339.068 133.851 339.068 136.104C339.068 138.323 339.449 140.108 340.212 141.46C341.009 142.777 342.205 143.436 343.8 143.436ZM361.568 149V123.208H367.808L368.328 126.536H368.536C369.61 125.461 370.754 124.543 371.968 123.78C373.181 122.983 374.637 122.584 376.336 122.584C378.173 122.584 379.646 122.965 380.756 123.728C381.9 124.456 382.801 125.513 383.46 126.9C384.604 125.721 385.817 124.716 387.1 123.884C388.382 123.017 389.873 122.584 391.572 122.584C394.345 122.584 396.373 123.52 397.656 125.392C398.973 127.229 399.632 129.76 399.632 132.984V149H391.988V133.972C391.988 132.1 391.728 130.817 391.208 130.124C390.722 129.431 389.925 129.084 388.816 129.084C387.533 129.084 386.06 129.916 384.396 131.58V149H376.752V133.972C376.752 132.1 376.492 130.817 375.972 130.124C375.486 129.431 374.689 129.084 373.58 129.084C372.297 129.084 370.841 129.916 369.212 131.58V149H361.568ZM406.153 158.568V123.208H412.393L412.913 125.756H413.121C414.127 124.855 415.253 124.109 416.501 123.52C417.784 122.896 419.101 122.584 420.453 122.584C423.573 122.584 426.035 123.78 427.837 126.172C429.64 128.529 430.541 131.701 430.541 135.688C430.541 138.635 430.021 141.148 428.981 143.228C427.941 145.308 426.589 146.903 424.925 148.012C423.296 149.087 421.545 149.624 419.673 149.624C418.564 149.624 417.489 149.399 416.449 148.948C415.409 148.463 414.439 147.787 413.537 146.92L413.797 151.028V158.568H406.153ZM417.905 143.384C419.223 143.384 420.349 142.777 421.285 141.564C422.221 140.351 422.689 138.427 422.689 135.792C422.689 131.147 421.199 128.824 418.217 128.824C416.727 128.824 415.253 129.604 413.797 131.164V141.72C414.491 142.344 415.184 142.777 415.877 143.02C416.571 143.263 417.247 143.384 417.905 143.384ZM447.038 149.624C444.854 149.624 442.791 149.104 440.85 148.064C438.943 146.989 437.401 145.447 436.222 143.436C435.043 141.391 434.454 138.947 434.454 136.104C434.454 133.227 435.043 130.783 436.222 128.772C437.401 126.761 438.943 125.236 440.85 124.196C442.791 123.121 444.854 122.584 447.038 122.584C449.222 122.584 451.267 123.121 453.174 124.196C455.081 125.236 456.623 126.761 457.802 128.772C458.981 130.783 459.57 133.227 459.57 136.104C459.57 138.947 458.981 141.391 457.802 143.436C456.623 145.447 455.081 146.989 453.174 148.064C451.267 149.104 449.222 149.624 447.038 149.624ZM447.038 143.436C448.598 143.436 449.777 142.777 450.574 141.46C451.371 140.108 451.77 138.323 451.77 136.104C451.77 133.851 451.371 132.065 450.574 130.748C449.777 129.431 448.598 128.772 447.038 128.772C445.443 128.772 444.247 129.431 443.45 130.748C442.687 132.065 442.306 133.851 442.306 136.104C442.306 138.323 442.687 140.108 443.45 141.46C444.247 142.777 445.443 143.436 447.038 143.436ZM464.806 149V123.208H471.046L471.566 126.484H471.774C472.883 125.444 474.096 124.543 475.414 123.78C476.766 122.983 478.308 122.584 480.042 122.584C482.85 122.584 484.878 123.52 486.126 125.392C487.408 127.229 488.05 129.76 488.05 132.984V149H480.406V133.972C480.406 132.1 480.146 130.817 479.626 130.124C479.14 129.431 478.343 129.084 477.234 129.084C476.263 129.084 475.431 129.309 474.738 129.76C474.044 130.176 473.282 130.783 472.45 131.58V149H464.806ZM506.108 149.624C503.646 149.624 501.428 149.087 499.452 148.012C497.476 146.937 495.916 145.395 494.772 143.384C493.628 141.373 493.056 138.947 493.056 136.104C493.056 133.296 493.628 130.887 494.772 128.876C495.95 126.865 497.476 125.323 499.348 124.248C501.22 123.139 503.178 122.584 505.224 122.584C507.685 122.584 509.713 123.139 511.308 124.248C512.937 125.323 514.15 126.796 514.948 128.668C515.78 130.505 516.196 132.603 516.196 134.96C516.196 135.619 516.161 136.277 516.092 136.936C516.022 137.56 515.953 138.028 515.884 138.34H500.44C500.786 140.212 501.566 141.599 502.78 142.5C503.993 143.367 505.449 143.8 507.148 143.8C508.985 143.8 510.84 143.228 512.712 142.084L515.26 146.712C513.942 147.613 512.469 148.324 510.84 148.844C509.21 149.364 507.633 149.624 506.108 149.624ZM500.388 133.296H509.696C509.696 131.875 509.349 130.713 508.656 129.812C507.997 128.876 506.905 128.408 505.38 128.408C504.201 128.408 503.144 128.824 502.208 129.656C501.272 130.453 500.665 131.667 500.388 133.296ZM521.478 149V123.208H527.718L528.238 126.484H528.446C529.555 125.444 530.768 124.543 532.086 123.78C533.438 122.983 534.98 122.584 536.714 122.584C539.522 122.584 541.55 123.52 542.798 125.392C544.08 127.229 544.722 129.76 544.722 132.984V149H537.078V133.972C537.078 132.1 536.818 130.817 536.298 130.124C535.812 129.431 535.015 129.084 533.906 129.084C532.935 129.084 532.103 129.309 531.41 129.76C530.716 130.176 529.954 130.783 529.122 131.58V149H521.478ZM561.167 149.624C557.978 149.624 555.69 148.705 554.303 146.868C552.951 145.031 552.275 142.621 552.275 139.64V129.188H548.739V123.52L552.691 123.208L553.575 116.344H559.919V123.208H566.107V129.188H559.919V139.536C559.919 140.992 560.214 142.049 560.803 142.708C561.427 143.332 562.242 143.644 563.247 143.644C563.663 143.644 564.079 143.592 564.495 143.488C564.946 143.384 565.345 143.263 565.691 143.124L566.887 148.688C566.229 148.896 565.414 149.104 564.443 149.312C563.507 149.52 562.415 149.624 561.167 149.624ZM578.226 149.624C576.527 149.624 574.777 149.295 572.974 148.636C571.206 147.977 569.663 147.111 568.346 146.036L571.778 141.252C572.957 142.119 574.083 142.795 575.158 143.28C576.267 143.731 577.359 143.956 578.434 143.956C579.578 143.956 580.41 143.765 580.93 143.384C581.45 142.968 581.71 142.431 581.71 141.772C581.71 141.183 581.45 140.697 580.93 140.316C580.445 139.935 579.803 139.588 579.006 139.276C578.209 138.929 577.359 138.583 576.458 138.236C575.418 137.82 574.378 137.3 573.338 136.676C572.333 136.052 571.483 135.255 570.79 134.284C570.097 133.279 569.75 132.065 569.75 130.644C569.75 128.252 570.651 126.311 572.454 124.82C574.291 123.329 576.683 122.584 579.63 122.584C581.606 122.584 583.339 122.931 584.83 123.624C586.355 124.283 587.655 125.028 588.73 125.86L585.298 130.436C584.397 129.743 583.495 129.205 582.594 128.824C581.693 128.443 580.791 128.252 579.89 128.252C577.914 128.252 576.926 128.928 576.926 130.28C576.926 131.112 577.411 131.753 578.382 132.204C579.387 132.62 580.549 133.071 581.866 133.556C582.975 133.937 584.05 134.44 585.09 135.064C586.165 135.653 587.049 136.451 587.742 137.456C588.47 138.427 588.834 139.709 588.834 141.304C588.834 143.627 587.933 145.603 586.13 147.232C584.327 148.827 581.693 149.624 578.226 149.624Z" fill="#5B5B5B" />
+    <path d="M1223 149V115.096H1234.65C1237.15 115.096 1239.4 115.443 1241.41 116.136C1243.46 116.795 1245.09 117.921 1246.3 119.516C1247.51 121.111 1248.12 123.277 1248.12 126.016C1248.12 128.651 1247.51 130.817 1246.3 132.516C1245.09 134.215 1243.47 135.48 1241.46 136.312C1239.45 137.109 1237.25 137.508 1234.86 137.508H1230.65V149H1223ZM1230.65 131.424H1234.39C1238.55 131.424 1240.63 129.621 1240.63 126.016C1240.63 124.248 1240.08 123 1238.97 122.272C1237.86 121.544 1236.26 121.18 1234.18 121.18H1230.65V131.424ZM1258.08 149.624C1255.72 149.624 1253.85 148.879 1252.46 147.388C1251.08 145.863 1250.38 144.008 1250.38 141.824C1250.38 139.12 1251.53 137.005 1253.82 135.48C1256.1 133.955 1259.8 132.932 1264.89 132.412C1264.82 131.268 1264.48 130.367 1263.85 129.708C1263.26 129.015 1262.26 128.668 1260.84 128.668C1259.76 128.668 1258.67 128.876 1257.56 129.292C1256.45 129.708 1255.27 130.28 1254.02 131.008L1251.27 125.964C1252.9 124.959 1254.63 124.144 1256.47 123.52C1258.34 122.896 1260.28 122.584 1262.29 122.584C1265.58 122.584 1268.12 123.537 1269.88 125.444C1271.65 127.351 1272.54 130.28 1272.54 134.232V149H1266.3L1265.78 146.348H1265.57C1264.49 147.319 1263.33 148.116 1262.08 148.74C1260.87 149.329 1259.54 149.624 1258.08 149.624ZM1260.68 143.696C1261.55 143.696 1262.29 143.505 1262.92 143.124C1263.57 142.708 1264.23 142.171 1264.89 141.512V136.988C1262.19 137.335 1260.32 137.889 1259.28 138.652C1258.24 139.38 1257.72 140.247 1257.72 141.252C1257.72 142.084 1257.98 142.708 1258.5 143.124C1259.05 143.505 1259.78 143.696 1260.68 143.696ZM1279 149V123.208H1285.24L1285.76 127.732H1285.97C1286.91 125.999 1288.03 124.716 1289.35 123.884C1290.67 123.017 1291.98 122.584 1293.3 122.584C1294.03 122.584 1294.64 122.636 1295.12 122.74C1295.61 122.809 1296.02 122.931 1296.37 123.104L1295.12 129.708C1294.67 129.569 1294.22 129.465 1293.77 129.396C1293.35 129.327 1292.87 129.292 1292.31 129.292C1291.34 129.292 1290.32 129.656 1289.25 130.384C1288.21 131.077 1287.34 132.291 1286.65 134.024V149H1279ZM1304.75 149.624C1302.39 149.624 1300.52 148.879 1299.13 147.388C1297.74 145.863 1297.05 144.008 1297.05 141.824C1297.05 139.12 1298.2 137.005 1300.48 135.48C1302.77 133.955 1306.46 132.932 1311.56 132.412C1311.49 131.268 1311.14 130.367 1310.52 129.708C1309.93 129.015 1308.92 128.668 1307.5 128.668C1306.43 128.668 1305.34 128.876 1304.23 129.292C1303.12 129.708 1301.94 130.28 1300.69 131.008L1297.94 125.964C1299.56 124.959 1301.3 124.144 1303.14 123.52C1305.01 122.896 1306.95 122.584 1308.96 122.584C1312.25 122.584 1314.78 123.537 1316.55 125.444C1318.32 127.351 1319.2 130.28 1319.2 134.232V149H1312.96L1312.44 146.348H1312.24C1311.16 147.319 1310 148.116 1308.75 148.74C1307.54 149.329 1306.2 149.624 1304.75 149.624ZM1307.35 143.696C1308.21 143.696 1308.96 143.505 1309.58 143.124C1310.24 142.708 1310.9 142.171 1311.56 141.512V136.988C1308.86 137.335 1306.98 137.889 1305.94 138.652C1304.9 139.38 1304.38 140.247 1304.38 141.252C1304.38 142.084 1304.64 142.708 1305.16 143.124C1305.72 143.505 1306.45 143.696 1307.35 143.696ZM1325.67 149V123.208H1331.91L1332.43 126.536H1332.64C1333.71 125.461 1334.86 124.543 1336.07 123.78C1337.28 122.983 1338.74 122.584 1340.44 122.584C1342.27 122.584 1343.75 122.965 1344.86 123.728C1346 124.456 1346.9 125.513 1347.56 126.9C1348.71 125.721 1349.92 124.716 1351.2 123.884C1352.48 123.017 1353.97 122.584 1355.67 122.584C1358.45 122.584 1360.47 123.52 1361.76 125.392C1363.07 127.229 1363.73 129.76 1363.73 132.984V149H1356.09V133.972C1356.09 132.1 1355.83 130.817 1355.31 130.124C1354.82 129.431 1354.03 129.084 1352.92 129.084C1351.63 129.084 1350.16 129.916 1348.5 131.58V149H1340.85V133.972C1340.85 132.1 1340.59 130.817 1340.07 130.124C1339.59 129.431 1338.79 129.084 1337.68 129.084C1336.4 129.084 1334.94 129.916 1333.31 131.58V149H1325.67ZM1381.8 149.624C1379.34 149.624 1377.12 149.087 1375.14 148.012C1373.17 146.937 1371.61 145.395 1370.46 143.384C1369.32 141.373 1368.75 138.947 1368.75 136.104C1368.75 133.296 1369.32 130.887 1370.46 128.876C1371.64 126.865 1373.17 125.323 1375.04 124.248C1376.91 123.139 1378.87 122.584 1380.92 122.584C1383.38 122.584 1385.4 123.139 1387 124.248C1388.63 125.323 1389.84 126.796 1390.64 128.668C1391.47 130.505 1391.89 132.603 1391.89 134.96C1391.89 135.619 1391.85 136.277 1391.78 136.936C1391.71 137.56 1391.64 138.028 1391.58 138.34H1376.13C1376.48 140.212 1377.26 141.599 1378.47 142.5C1379.68 143.367 1381.14 143.8 1382.84 143.8C1384.68 143.8 1386.53 143.228 1388.4 142.084L1390.95 146.712C1389.63 147.613 1388.16 148.324 1386.53 148.844C1384.9 149.364 1383.32 149.624 1381.8 149.624ZM1376.08 133.296H1385.39C1385.39 131.875 1385.04 130.713 1384.35 129.812C1383.69 128.876 1382.6 128.408 1381.07 128.408C1379.89 128.408 1378.84 128.824 1377.9 129.656C1376.96 130.453 1376.36 131.667 1376.08 133.296ZM1406.59 149.624C1403.4 149.624 1401.12 148.705 1399.73 146.868C1398.38 145.031 1397.7 142.621 1397.7 139.64V129.188H1394.17V123.52L1398.12 123.208L1399 116.344H1405.35V123.208H1411.53V129.188H1405.35V139.536C1405.35 140.992 1405.64 142.049 1406.23 142.708C1406.85 143.332 1407.67 143.644 1408.67 143.644C1409.09 143.644 1409.51 143.592 1409.92 143.488C1410.37 143.384 1410.77 143.263 1411.12 143.124L1412.31 148.688C1411.65 148.896 1410.84 149.104 1409.87 149.312C1408.93 149.52 1407.84 149.624 1406.59 149.624ZM1427.2 149.624C1424.74 149.624 1422.52 149.087 1420.54 148.012C1418.57 146.937 1417.01 145.395 1415.86 143.384C1414.72 141.373 1414.15 138.947 1414.15 136.104C1414.15 133.296 1414.72 130.887 1415.86 128.876C1417.04 126.865 1418.57 125.323 1420.44 124.248C1422.31 123.139 1424.27 122.584 1426.31 122.584C1428.77 122.584 1430.8 123.139 1432.4 124.248C1434.03 125.323 1435.24 126.796 1436.04 128.668C1436.87 130.505 1437.29 132.603 1437.29 134.96C1437.29 135.619 1437.25 136.277 1437.18 136.936C1437.11 137.56 1437.04 138.028 1436.97 138.34H1421.53C1421.88 140.212 1422.66 141.599 1423.87 142.5C1425.08 143.367 1426.54 143.8 1428.24 143.8C1430.07 143.8 1431.93 143.228 1433.8 142.084L1436.35 146.712C1435.03 147.613 1433.56 148.324 1431.93 148.844C1430.3 149.364 1428.72 149.624 1427.2 149.624ZM1421.48 133.296H1430.79C1430.79 131.875 1430.44 130.713 1429.75 129.812C1429.09 128.876 1427.99 128.408 1426.47 128.408C1425.29 128.408 1424.23 128.824 1423.3 129.656C1422.36 130.453 1421.75 131.667 1421.48 133.296ZM1442.57 149V123.208H1448.81L1449.33 127.732H1449.54C1450.47 125.999 1451.6 124.716 1452.92 123.884C1454.23 123.017 1455.55 122.584 1456.87 122.584C1457.6 122.584 1458.2 122.636 1458.69 122.74C1459.17 122.809 1459.59 122.931 1459.94 123.104L1458.69 129.708C1458.24 129.569 1457.79 129.465 1457.34 129.396C1456.92 129.327 1456.43 129.292 1455.88 129.292C1454.91 129.292 1453.89 129.656 1452.81 130.384C1451.77 131.077 1450.9 132.291 1450.21 134.024V149H1442.57ZM1470.47 149.624C1468.77 149.624 1467.02 149.295 1465.22 148.636C1463.45 147.977 1461.91 147.111 1460.59 146.036L1464.02 141.252C1465.2 142.119 1466.33 142.795 1467.4 143.28C1468.51 143.731 1469.61 143.956 1470.68 143.956C1471.82 143.956 1472.66 143.765 1473.18 143.384C1473.7 142.968 1473.96 142.431 1473.96 141.772C1473.96 141.183 1473.7 140.697 1473.18 140.316C1472.69 139.935 1472.05 139.588 1471.25 139.276C1470.45 138.929 1469.61 138.583 1468.7 138.236C1467.66 137.82 1466.62 137.3 1465.58 136.676C1464.58 136.052 1463.73 135.255 1463.04 134.284C1462.34 133.279 1462 132.065 1462 130.644C1462 128.252 1462.9 126.311 1464.7 124.82C1466.54 123.329 1468.93 122.584 1471.88 122.584C1473.85 122.584 1475.59 122.931 1477.08 123.624C1478.6 124.283 1479.9 125.028 1480.98 125.86L1477.54 130.436C1476.64 129.743 1475.74 129.205 1474.84 128.824C1473.94 128.443 1473.04 128.252 1472.14 128.252C1470.16 128.252 1469.17 128.928 1469.17 130.28C1469.17 131.112 1469.66 131.753 1470.63 132.204C1471.63 132.62 1472.79 133.071 1474.11 133.556C1475.22 133.937 1476.3 134.44 1477.34 135.064C1478.41 135.653 1479.29 136.451 1479.99 137.456C1480.72 138.427 1481.08 139.709 1481.08 141.304C1481.08 143.627 1480.18 145.603 1478.38 147.232C1476.57 148.827 1473.94 149.624 1470.47 149.624Z" fill="#5B5B5B" />
+    <path d="M2665 149V115.096H2677.22C2679.62 115.096 2681.8 115.425 2683.78 116.084C2685.75 116.708 2687.33 117.783 2688.51 119.308C2689.69 120.833 2690.28 122.948 2690.28 125.652C2690.28 128.148 2689.72 130.211 2688.61 131.84C2687.54 133.435 2686.08 134.631 2684.24 135.428L2691.94 149H2683.36L2676.86 136.78H2672.65V149H2665ZM2672.65 130.696H2676.6C2678.61 130.696 2680.14 130.28 2681.18 129.448C2682.25 128.581 2682.79 127.316 2682.79 125.652C2682.79 123.988 2682.25 122.827 2681.18 122.168C2680.14 121.509 2678.61 121.18 2676.6 121.18H2672.65V130.696ZM2707.31 149.624C2704.85 149.624 2702.63 149.087 2700.65 148.012C2698.67 146.937 2697.11 145.395 2695.97 143.384C2694.83 141.373 2694.25 138.947 2694.25 136.104C2694.25 133.296 2694.83 130.887 2695.97 128.876C2697.15 126.865 2698.67 125.323 2700.55 124.248C2702.42 123.139 2704.38 122.584 2706.42 122.584C2708.88 122.584 2710.91 123.139 2712.51 124.248C2714.14 125.323 2715.35 126.796 2716.15 128.668C2716.98 130.505 2717.39 132.603 2717.39 134.96C2717.39 135.619 2717.36 136.277 2717.29 136.936C2717.22 137.56 2717.15 138.028 2717.08 138.34H2701.64C2701.99 140.212 2702.77 141.599 2703.98 142.5C2705.19 143.367 2706.65 143.8 2708.35 143.8C2710.18 143.8 2712.04 143.228 2713.91 142.084L2716.46 146.712C2715.14 147.613 2713.67 148.324 2712.04 148.844C2710.41 149.364 2708.83 149.624 2707.31 149.624ZM2701.59 133.296H2710.89C2710.89 131.875 2710.55 130.713 2709.85 129.812C2709.2 128.876 2708.1 128.408 2706.58 128.408C2705.4 128.408 2704.34 128.824 2703.41 129.656C2702.47 130.453 2701.86 131.667 2701.59 133.296ZM2732.1 149.624C2728.91 149.624 2726.62 148.705 2725.24 146.868C2723.89 145.031 2723.21 142.621 2723.21 139.64V129.188H2719.67V123.52L2723.63 123.208L2724.51 116.344H2730.85V123.208H2737.04V129.188H2730.85V139.536C2730.85 140.992 2731.15 142.049 2731.74 142.708C2732.36 143.332 2733.18 143.644 2734.18 143.644C2734.6 143.644 2735.01 143.592 2735.43 143.488C2735.88 143.384 2736.28 143.263 2736.63 143.124L2737.82 148.688C2737.16 148.896 2736.35 149.104 2735.38 149.312C2734.44 149.52 2733.35 149.624 2732.1 149.624ZM2749.82 149.624C2747.02 149.624 2744.97 148.705 2743.69 146.868C2742.44 144.996 2741.82 142.448 2741.82 139.224V123.208H2749.46V138.236C2749.46 140.073 2749.72 141.356 2750.24 142.084C2750.76 142.777 2751.57 143.124 2752.68 143.124C2753.65 143.124 2754.47 142.899 2755.13 142.448C2755.79 141.997 2756.5 141.269 2757.26 140.264V123.208H2764.9V149H2758.66L2758.09 145.412H2757.94C2756.86 146.695 2755.68 147.717 2754.4 148.48C2753.12 149.243 2751.59 149.624 2749.82 149.624ZM2771.63 149V123.208H2777.87L2778.39 127.732H2778.6C2779.53 125.999 2780.66 124.716 2781.98 123.884C2783.3 123.017 2784.61 122.584 2785.93 122.584C2786.66 122.584 2787.26 122.636 2787.75 122.74C2788.24 122.809 2788.65 122.931 2789 123.104L2787.75 129.708C2787.3 129.569 2786.85 129.465 2786.4 129.396C2785.98 129.327 2785.5 129.292 2784.94 129.292C2783.97 129.292 2782.95 129.656 2781.87 130.384C2780.83 131.077 2779.97 132.291 2779.27 134.024V149H2771.63ZM2792.35 149V123.208H2798.59L2799.11 126.484H2799.32C2800.43 125.444 2801.64 124.543 2802.96 123.78C2804.31 122.983 2805.85 122.584 2807.58 122.584C2810.39 122.584 2812.42 123.52 2813.67 125.392C2814.95 127.229 2815.59 129.76 2815.59 132.984V149H2807.95V133.972C2807.95 132.1 2807.69 130.817 2807.17 130.124C2806.68 129.431 2805.89 129.084 2804.78 129.084C2803.81 129.084 2802.97 129.309 2802.28 129.76C2801.59 130.176 2800.82 130.783 2799.99 131.58V149H2792.35ZM2839.02 149L2828.77 115.096H2836.88L2840.94 130.904C2841.46 132.741 2841.91 134.544 2842.29 136.312C2842.71 138.08 2843.18 139.9 2843.7 141.772H2843.9C2844.39 139.9 2844.84 138.08 2845.26 136.312C2845.67 134.544 2846.12 132.741 2846.61 130.904L2850.61 115.096H2858.41L2848.22 149H2839.02ZM2866.08 149.624C2863.73 149.624 2861.85 148.879 2860.47 147.388C2859.08 145.863 2858.39 144.008 2858.39 141.824C2858.39 139.12 2859.53 137.005 2861.82 135.48C2864.11 133.955 2867.8 132.932 2872.9 132.412C2872.83 131.268 2872.48 130.367 2871.86 129.708C2871.27 129.015 2870.26 128.668 2868.84 128.668C2867.76 128.668 2866.67 128.876 2865.56 129.292C2864.45 129.708 2863.28 130.28 2862.03 131.008L2859.27 125.964C2860.9 124.959 2862.63 124.144 2864.47 123.52C2866.34 122.896 2868.28 122.584 2870.3 122.584C2873.59 122.584 2876.12 123.537 2877.89 125.444C2879.66 127.351 2880.54 130.28 2880.54 134.232V149H2874.3L2873.78 146.348H2873.57C2872.5 147.319 2871.34 148.116 2870.09 148.74C2868.87 149.329 2867.54 149.624 2866.08 149.624ZM2868.68 143.696C2869.55 143.696 2870.3 143.505 2870.92 143.124C2871.58 142.708 2872.24 142.171 2872.9 141.512V136.988C2870.19 137.335 2868.32 137.889 2867.28 138.652C2866.24 139.38 2865.72 140.247 2865.72 141.252C2865.72 142.084 2865.98 142.708 2866.5 143.124C2867.05 143.505 2867.78 143.696 2868.68 143.696ZM2894.03 149.624C2891.39 149.624 2889.55 148.844 2888.51 147.284C2887.51 145.689 2887.01 143.592 2887.01 140.992V112.548H2894.65V141.304C2894.65 142.101 2894.79 142.656 2895.07 142.968C2895.38 143.28 2895.69 143.436 2896 143.436C2896.17 143.436 2896.31 143.436 2896.42 143.436C2896.56 143.401 2896.73 143.367 2896.94 143.332L2897.87 149C2897.46 149.173 2896.92 149.312 2896.26 149.416C2895.64 149.555 2894.89 149.624 2894.03 149.624ZM2909.63 149.624C2906.82 149.624 2904.78 148.705 2903.5 146.868C2902.25 144.996 2901.62 142.448 2901.62 139.224V123.208H2909.27V138.236C2909.27 140.073 2909.53 141.356 2910.05 142.084C2910.57 142.777 2911.38 143.124 2912.49 143.124C2913.46 143.124 2914.28 142.899 2914.94 142.448C2915.59 141.997 2916.31 141.269 2917.07 140.264V123.208H2924.71V149H2918.47L2917.9 145.412H2917.74C2916.67 146.695 2915.49 147.717 2914.21 148.48C2912.93 149.243 2911.4 149.624 2909.63 149.624ZM2942.98 149.624C2940.52 149.624 2938.3 149.087 2936.33 148.012C2934.35 146.937 2932.79 145.395 2931.65 143.384C2930.5 141.373 2929.93 138.947 2929.93 136.104C2929.93 133.296 2930.5 130.887 2931.65 128.876C2932.83 126.865 2934.35 125.323 2936.22 124.248C2938.09 123.139 2940.05 122.584 2942.1 122.584C2944.56 122.584 2946.59 123.139 2948.18 124.248C2949.81 125.323 2951.03 126.796 2951.82 128.668C2952.65 130.505 2953.07 132.603 2953.07 134.96C2953.07 135.619 2953.04 136.277 2952.97 136.936C2952.9 137.56 2952.83 138.028 2952.76 138.34H2937.31C2937.66 140.212 2938.44 141.599 2939.65 142.5C2940.87 143.367 2942.32 143.8 2944.02 143.8C2945.86 143.8 2947.71 143.228 2949.59 142.084L2952.13 146.712C2950.82 147.613 2949.34 148.324 2947.71 148.844C2946.09 149.364 2944.51 149.624 2942.98 149.624ZM2937.26 133.296H2946.57C2946.57 131.875 2946.22 130.713 2945.53 129.812C2944.87 128.876 2943.78 128.408 2942.25 128.408C2941.08 128.408 2940.02 128.824 2939.08 129.656C2938.15 130.453 2937.54 131.667 2937.26 133.296ZM2965.58 158.308C2963.4 154.737 2961.7 151.028 2960.48 147.18C2959.31 143.332 2958.72 139.12 2958.72 134.544C2958.72 129.968 2959.31 125.756 2960.48 121.908C2961.7 118.06 2963.4 114.351 2965.58 110.78L2970.36 112.756C2968.46 116.119 2967.07 119.672 2966.2 123.416C2965.34 127.125 2964.9 130.835 2964.9 134.544C2964.9 138.219 2965.34 141.928 2966.2 145.672C2967.07 149.381 2968.46 152.935 2970.36 156.332L2965.58 158.308ZM2983.82 149.624C2982.12 149.624 2980.37 149.295 2978.57 148.636C2976.8 147.977 2975.26 147.111 2973.94 146.036L2977.37 141.252C2978.55 142.119 2979.68 142.795 2980.75 143.28C2981.86 143.731 2982.95 143.956 2984.03 143.956C2985.17 143.956 2986 143.765 2986.52 143.384C2987.04 142.968 2987.3 142.431 2987.3 141.772C2987.3 141.183 2987.04 140.697 2986.52 140.316C2986.04 139.935 2985.4 139.588 2984.6 139.276C2983.8 138.929 2982.95 138.583 2982.05 138.236C2981.01 137.82 2979.97 137.3 2978.93 136.676C2977.93 136.052 2977.08 135.255 2976.38 134.284C2975.69 133.279 2975.34 132.065 2975.34 130.644C2975.34 128.252 2976.24 126.311 2978.05 124.82C2979.88 123.329 2982.28 122.584 2985.22 122.584C2987.2 122.584 2988.93 122.931 2990.42 123.624C2991.95 124.283 2993.25 125.028 2994.32 125.86L2990.89 130.436C2989.99 129.743 2989.09 129.205 2988.19 128.824C2987.29 128.443 2986.38 128.252 2985.48 128.252C2983.51 128.252 2982.52 128.928 2982.52 130.28C2982.52 131.112 2983 131.753 2983.98 132.204C2984.98 132.62 2986.14 133.071 2987.46 133.556C2988.57 133.937 2989.64 134.44 2990.68 135.064C2991.76 135.653 2992.64 136.451 2993.34 137.456C2994.06 138.427 2994.43 139.709 2994.43 141.304C2994.43 143.627 2993.53 145.603 2991.72 147.232C2989.92 148.827 2987.29 149.624 2983.82 149.624ZM3003.18 158.308L2998.4 156.332C3000.34 152.935 3001.74 149.381 3002.61 145.672C3003.48 141.928 3003.91 138.219 3003.91 134.544C3003.91 130.835 3003.48 127.125 3002.61 123.416C3001.74 119.672 3000.34 116.119 2998.4 112.756L3003.18 110.78C3005.37 114.351 3007.05 118.06 3008.23 121.908C3009.44 125.756 3010.05 129.968 3010.05 134.544C3010.05 139.12 3009.44 143.332 3008.23 147.18C3007.05 151.028 3005.37 154.737 3003.18 158.308Z" fill="#5B5B5B" />
+    <path d="M3608.78 149.624C3605.73 149.624 3603.05 148.913 3600.72 147.492C3598.44 146.071 3596.63 144.043 3595.32 141.408C3594.03 138.739 3593.39 135.567 3593.39 131.892C3593.39 128.183 3594.03 125.045 3595.32 122.48C3596.63 119.88 3598.44 117.904 3600.72 116.552C3603.05 115.165 3605.73 114.472 3608.78 114.472C3611.83 114.472 3614.5 115.165 3616.79 116.552C3619.11 117.904 3620.92 119.88 3622.2 122.48C3623.52 125.08 3624.18 128.217 3624.18 131.892C3624.18 135.567 3623.52 138.739 3622.2 141.408C3620.92 144.043 3619.11 146.071 3616.79 147.492C3614.5 148.913 3611.83 149.624 3608.78 149.624ZM3608.78 143.02C3611.11 143.02 3612.94 142.015 3614.3 140.004C3615.65 137.993 3616.32 135.289 3616.32 131.892C3616.32 128.495 3615.65 125.843 3614.3 123.936C3612.94 122.029 3611.11 121.076 3608.78 121.076C3606.46 121.076 3604.62 122.029 3603.27 123.936C3601.92 125.843 3601.24 128.495 3601.24 131.892C3601.24 135.289 3601.92 137.993 3603.27 140.004C3604.62 142.015 3606.46 143.02 3608.78 143.02ZM3637.67 149.624C3634.87 149.624 3632.82 148.705 3631.54 146.868C3630.29 144.996 3629.67 142.448 3629.67 139.224V123.208H3637.31V138.236C3637.31 140.073 3637.57 141.356 3638.09 142.084C3638.61 142.777 3639.43 143.124 3640.53 143.124C3641.51 143.124 3642.32 142.899 3642.98 142.448C3643.64 141.997 3644.35 141.269 3645.11 140.264V123.208H3652.75V149H3646.51L3645.94 145.412H3645.79C3644.71 146.695 3643.53 147.717 3642.25 148.48C3640.97 149.243 3639.44 149.624 3637.67 149.624ZM3669.41 149.624C3666.22 149.624 3663.94 148.705 3662.55 146.868C3661.2 145.031 3660.52 142.621 3660.52 139.64V129.188H3656.99V123.52L3660.94 123.208L3661.82 116.344H3668.17V123.208H3674.35V129.188H3668.17V139.536C3668.17 140.992 3668.46 142.049 3669.05 142.708C3669.67 143.332 3670.49 143.644 3671.49 143.644C3671.91 143.644 3672.33 143.592 3672.74 143.488C3673.19 143.384 3673.59 143.263 3673.94 143.124L3675.13 148.688C3674.47 148.896 3673.66 149.104 3672.69 149.312C3671.75 149.52 3670.66 149.624 3669.41 149.624ZM3679.39 158.568V123.208H3685.63L3686.15 125.756H3686.36C3687.36 124.855 3688.49 124.109 3689.74 123.52C3691.02 122.896 3692.34 122.584 3693.69 122.584C3696.81 122.584 3699.27 123.78 3701.07 126.172C3702.87 128.529 3703.78 131.701 3703.78 135.688C3703.78 138.635 3703.26 141.148 3702.22 143.228C3701.18 145.308 3699.82 146.903 3698.16 148.012C3696.53 149.087 3694.78 149.624 3692.91 149.624C3691.8 149.624 3690.72 149.399 3689.68 148.948C3688.64 148.463 3687.67 147.787 3686.77 146.92L3687.03 151.028V158.568H3679.39ZM3691.14 143.384C3692.46 143.384 3693.58 142.777 3694.52 141.564C3695.46 140.351 3695.92 138.427 3695.92 135.792C3695.92 131.147 3694.43 128.824 3691.45 128.824C3689.96 128.824 3688.49 129.604 3687.03 131.164V141.72C3687.73 142.344 3688.42 142.777 3689.11 143.02C3689.81 143.263 3690.48 143.384 3691.14 143.384ZM3716.94 149.624C3714.14 149.624 3712.09 148.705 3710.81 146.868C3709.56 144.996 3708.94 142.448 3708.94 139.224V123.208H3716.58V138.236C3716.58 140.073 3716.84 141.356 3717.36 142.084C3717.88 142.777 3718.7 143.124 3719.8 143.124C3720.78 143.124 3721.59 142.899 3722.25 142.448C3722.91 141.997 3723.62 141.269 3724.38 140.264V123.208H3732.02V149H3725.78L3725.21 145.412H3725.06C3723.98 146.695 3722.8 147.717 3721.52 148.48C3720.24 149.243 3718.71 149.624 3716.94 149.624ZM3748.68 149.624C3745.49 149.624 3743.21 148.705 3741.82 146.868C3740.47 145.031 3739.79 142.621 3739.79 139.64V129.188H3736.26V123.52L3740.21 123.208L3741.09 116.344H3747.44V123.208H3753.62V129.188H3747.44V139.536C3747.44 140.992 3747.73 142.049 3748.32 142.708C3748.94 143.332 3749.76 143.644 3750.76 143.644C3751.18 143.644 3751.6 143.592 3752.01 143.488C3752.46 143.384 3752.86 143.263 3753.21 143.124L3754.4 148.688C3753.74 148.896 3752.93 149.104 3751.96 149.312C3751.02 149.52 3749.93 149.624 3748.68 149.624ZM3783.84 149.624C3780.99 149.624 3778.38 148.965 3775.98 147.648C3773.59 146.331 3771.67 144.389 3770.21 141.824C3768.79 139.224 3768.08 136.035 3768.08 132.256C3768.08 128.512 3768.81 125.323 3770.26 122.688C3771.75 120.019 3773.71 117.991 3776.14 116.604C3778.6 115.183 3781.25 114.472 3784.1 114.472C3786.28 114.472 3788.24 114.923 3789.97 115.824C3791.7 116.691 3793.14 117.713 3794.29 118.892L3790.23 123.78C3789.36 122.983 3788.45 122.341 3787.48 121.856C3786.54 121.336 3785.46 121.076 3784.25 121.076C3782.73 121.076 3781.32 121.509 3780.04 122.376C3778.79 123.243 3777.79 124.491 3777.02 126.12C3776.3 127.749 3775.93 129.708 3775.93 131.996C3775.93 135.463 3776.68 138.167 3778.17 140.108C3779.66 142.049 3781.65 143.02 3784.15 143.02C3785.53 143.02 3786.76 142.708 3787.84 142.084C3788.95 141.46 3789.92 140.715 3790.75 139.848L3794.81 144.632C3791.96 147.96 3788.31 149.624 3783.84 149.624ZM3810.41 149.624C3808.23 149.624 3806.16 149.104 3804.22 148.064C3802.31 146.989 3800.77 145.447 3799.59 143.436C3798.41 141.391 3797.83 138.947 3797.83 136.104C3797.83 133.227 3798.41 130.783 3799.59 128.772C3800.77 126.761 3802.31 125.236 3804.22 124.196C3806.16 123.121 3808.23 122.584 3810.41 122.584C3812.59 122.584 3814.64 123.121 3816.55 124.196C3818.45 125.236 3819.99 126.761 3821.17 128.772C3822.35 130.783 3822.94 133.227 3822.94 136.104C3822.94 138.947 3822.35 141.391 3821.17 143.436C3819.99 145.447 3818.45 146.989 3816.55 148.064C3814.64 149.104 3812.59 149.624 3810.41 149.624ZM3810.41 143.436C3811.97 143.436 3813.15 142.777 3813.95 141.46C3814.74 140.108 3815.14 138.323 3815.14 136.104C3815.14 133.851 3814.74 132.065 3813.95 130.748C3813.15 129.431 3811.97 128.772 3810.41 128.772C3808.81 128.772 3807.62 129.431 3806.82 130.748C3806.06 132.065 3805.68 133.851 3805.68 136.104C3805.68 138.323 3806.06 140.108 3806.82 141.46C3807.62 142.777 3808.81 143.436 3810.41 143.436ZM3828.18 149V123.208H3834.42L3834.94 126.536H3835.14C3836.22 125.461 3837.36 124.543 3838.58 123.78C3839.79 122.983 3841.25 122.584 3842.94 122.584C3844.78 122.584 3846.26 122.965 3847.36 123.728C3848.51 124.456 3849.41 125.513 3850.07 126.9C3851.21 125.721 3852.43 124.716 3853.71 123.884C3854.99 123.017 3856.48 122.584 3858.18 122.584C3860.95 122.584 3862.98 123.52 3864.26 125.392C3865.58 127.229 3866.24 129.76 3866.24 132.984V149H3858.6V133.972C3858.6 132.1 3858.34 130.817 3857.82 130.124C3857.33 129.431 3856.53 129.084 3855.42 129.084C3854.14 129.084 3852.67 129.916 3851 131.58V149H3843.36V133.972C3843.36 132.1 3843.1 130.817 3842.58 130.124C3842.1 129.431 3841.3 129.084 3840.19 129.084C3838.91 129.084 3837.45 129.916 3835.82 131.58V149H3828.18ZM3872.76 158.568V123.208H3879L3879.52 125.756H3879.73C3880.74 124.855 3881.86 124.109 3883.11 123.52C3884.39 122.896 3885.71 122.584 3887.06 122.584C3890.18 122.584 3892.64 123.78 3894.45 126.172C3896.25 128.529 3897.15 131.701 3897.15 135.688C3897.15 138.635 3896.63 141.148 3895.59 143.228C3894.55 145.308 3893.2 146.903 3891.53 148.012C3889.91 149.087 3888.15 149.624 3886.28 149.624C3885.17 149.624 3884.1 149.399 3883.06 148.948C3882.02 148.463 3881.05 147.787 3880.15 146.92L3880.41 151.028V158.568H3872.76ZM3884.51 143.384C3885.83 143.384 3886.96 142.777 3887.89 141.564C3888.83 140.351 3889.3 138.427 3889.3 135.792C3889.3 131.147 3887.81 128.824 3884.83 128.824C3883.34 128.824 3881.86 129.604 3880.41 131.164V141.72C3881.1 142.344 3881.79 142.777 3882.49 143.02C3883.18 143.263 3883.86 143.384 3884.51 143.384ZM3913.65 149.624C3911.46 149.624 3909.4 149.104 3907.46 148.064C3905.55 146.989 3904.01 145.447 3902.83 143.436C3901.65 141.391 3901.06 138.947 3901.06 136.104C3901.06 133.227 3901.65 130.783 3902.83 128.772C3904.01 126.761 3905.55 125.236 3907.46 124.196C3909.4 123.121 3911.46 122.584 3913.65 122.584C3915.83 122.584 3917.88 123.121 3919.78 124.196C3921.69 125.236 3923.23 126.761 3924.41 128.772C3925.59 130.783 3926.18 133.227 3926.18 136.104C3926.18 138.947 3925.59 141.391 3924.41 143.436C3923.23 145.447 3921.69 146.989 3919.78 148.064C3917.88 149.104 3915.83 149.624 3913.65 149.624ZM3913.65 143.436C3915.21 143.436 3916.39 142.777 3917.18 141.46C3917.98 140.108 3918.38 138.323 3918.38 136.104C3918.38 133.851 3917.98 132.065 3917.18 130.748C3916.39 129.431 3915.21 128.772 3913.65 128.772C3912.05 128.772 3910.86 129.431 3910.06 130.748C3909.3 132.065 3908.92 133.851 3908.92 136.104C3908.92 138.323 3909.3 140.108 3910.06 141.46C3910.86 142.777 3912.05 143.436 3913.65 143.436ZM3931.42 149V123.208H3937.66L3938.18 126.484H3938.38C3939.49 125.444 3940.71 124.543 3942.02 123.78C3943.38 122.983 3944.92 122.584 3946.65 122.584C3949.46 122.584 3951.49 123.52 3952.74 125.392C3954.02 127.229 3954.66 129.76 3954.66 132.984V149H3947.02V133.972C3947.02 132.1 3946.76 130.817 3946.24 130.124C3945.75 129.431 3944.95 129.084 3943.84 129.084C3942.87 129.084 3942.04 129.309 3941.35 129.76C3940.65 130.176 3939.89 130.783 3939.06 131.58V149H3931.42ZM3972.72 149.624C3970.26 149.624 3968.04 149.087 3966.06 148.012C3964.08 146.937 3962.52 145.395 3961.38 143.384C3960.24 141.373 3959.66 138.947 3959.66 136.104C3959.66 133.296 3960.24 130.887 3961.38 128.876C3962.56 126.865 3964.08 125.323 3965.96 124.248C3967.83 123.139 3969.79 122.584 3971.83 122.584C3974.29 122.584 3976.32 123.139 3977.92 124.248C3979.55 125.323 3980.76 126.796 3981.56 128.668C3982.39 130.505 3982.8 132.603 3982.8 134.96C3982.8 135.619 3982.77 136.277 3982.7 136.936C3982.63 137.56 3982.56 138.028 3982.49 138.34H3967.05C3967.4 140.212 3968.18 141.599 3969.39 142.5C3970.6 143.367 3972.06 143.8 3973.76 143.8C3975.59 143.8 3977.45 143.228 3979.32 142.084L3981.87 146.712C3980.55 147.613 3979.08 148.324 3977.45 148.844C3975.82 149.364 3974.24 149.624 3972.72 149.624ZM3967 133.296H3976.3C3976.3 131.875 3975.96 130.713 3975.26 129.812C3974.61 128.876 3973.51 128.408 3971.99 128.408C3970.81 128.408 3969.75 128.824 3968.82 129.656C3967.88 130.453 3967.27 131.667 3967 133.296ZM3988.09 149V123.208H3994.33L3994.85 126.484H3995.06C3996.16 125.444 3997.38 124.543 3998.7 123.78C4000.05 122.983 4001.59 122.584 4003.32 122.584C4006.13 122.584 4008.16 123.52 4009.41 125.392C4010.69 127.229 4011.33 129.76 4011.33 132.984V149H4003.69V133.972C4003.69 132.1 4003.43 130.817 4002.91 130.124C4002.42 129.431 4001.62 129.084 4000.52 129.084C3999.54 129.084 3998.71 129.309 3998.02 129.76C3997.33 130.176 3996.56 130.783 3995.73 131.58V149H3988.09ZM4027.78 149.624C4024.59 149.624 4022.3 148.705 4020.91 146.868C4019.56 145.031 4018.88 142.621 4018.88 139.64V129.188H4015.35V123.52L4019.3 123.208L4020.18 116.344H4026.53V123.208H4032.72V129.188H4026.53V139.536C4026.53 140.992 4026.82 142.049 4027.41 142.708C4028.04 143.332 4028.85 143.644 4029.86 143.644C4030.27 143.644 4030.69 143.592 4031.1 143.488C4031.56 143.384 4031.95 143.263 4032.3 143.124L4033.5 148.688C4032.84 148.896 4032.02 149.104 4031.05 149.312C4030.12 149.52 4029.02 149.624 4027.78 149.624ZM4044.84 149.624C4043.14 149.624 4041.39 149.295 4039.58 148.636C4037.82 147.977 4036.27 147.111 4034.96 146.036L4038.39 141.252C4039.57 142.119 4040.69 142.795 4041.77 143.28C4042.88 143.731 4043.97 143.956 4045.04 143.956C4046.19 143.956 4047.02 143.765 4047.54 143.384C4048.06 142.968 4048.32 142.431 4048.32 141.772C4048.32 141.183 4048.06 140.697 4047.54 140.316C4047.05 139.935 4046.41 139.588 4045.62 139.276C4044.82 138.929 4043.97 138.583 4043.07 138.236C4042.03 137.82 4040.99 137.3 4039.95 136.676C4038.94 136.052 4038.09 135.255 4037.4 134.284C4036.71 133.279 4036.36 132.065 4036.36 130.644C4036.36 128.252 4037.26 126.311 4039.06 124.82C4040.9 123.329 4043.29 122.584 4046.24 122.584C4048.22 122.584 4049.95 122.931 4051.44 123.624C4052.96 124.283 4054.26 125.028 4055.34 125.86L4051.91 130.436C4051.01 129.743 4050.1 129.205 4049.2 128.824C4048.3 128.443 4047.4 128.252 4046.5 128.252C4044.52 128.252 4043.54 128.928 4043.54 130.28C4043.54 131.112 4044.02 131.753 4044.99 132.204C4046 132.62 4047.16 133.071 4048.48 133.556C4049.58 133.937 4050.66 134.44 4051.7 135.064C4052.77 135.653 4053.66 136.451 4054.35 137.456C4055.08 138.427 4055.44 139.709 4055.44 141.304C4055.44 143.627 4054.54 145.603 4052.74 147.232C4050.94 148.827 4048.3 149.624 4044.84 149.624Z" fill="#5B5B5B" />
+    <path d="M1974.83 149V136.936L1964.58 115.096H1972.8L1975.82 122.896C1976.3 124.179 1976.77 125.427 1977.22 126.64C1977.67 127.819 1978.12 129.067 1978.57 130.384H1978.78C1979.27 129.067 1979.75 127.819 1980.24 126.64C1980.72 125.427 1981.19 124.179 1981.64 122.896L1984.71 115.096H1992.72L1982.47 136.936V149H1974.83ZM2003.93 149.624C2001.75 149.624 1999.69 149.104 1997.74 148.064C1995.84 146.989 1994.3 145.447 1993.12 143.436C1991.94 141.391 1991.35 138.947 1991.35 136.104C1991.35 133.227 1991.94 130.783 1993.12 128.772C1994.3 126.761 1995.84 125.236 1997.74 124.196C1999.69 123.121 2001.75 122.584 2003.93 122.584C2006.12 122.584 2008.16 123.121 2010.07 124.196C2011.98 125.236 2013.52 126.761 2014.7 128.772C2015.88 130.783 2016.46 133.227 2016.46 136.104C2016.46 138.947 2015.88 141.391 2014.7 143.436C2013.52 145.447 2011.98 146.989 2010.07 148.064C2008.16 149.104 2006.12 149.624 2003.93 149.624ZM2003.93 143.436C2005.49 143.436 2006.67 142.777 2007.47 141.46C2008.27 140.108 2008.66 138.323 2008.66 136.104C2008.66 133.851 2008.27 132.065 2007.47 130.748C2006.67 129.431 2005.49 128.772 2003.93 128.772C2002.34 128.772 2001.14 129.431 2000.34 130.748C1999.58 132.065 1999.2 133.851 1999.2 136.104C1999.2 138.323 1999.58 140.108 2000.34 141.46C2001.14 142.777 2002.34 143.436 2003.93 143.436ZM2029.45 149.624C2026.64 149.624 2024.59 148.705 2023.31 146.868C2022.06 144.996 2021.44 142.448 2021.44 139.224V123.208H2029.08V138.236C2029.08 140.073 2029.34 141.356 2029.86 142.084C2030.38 142.777 2031.2 143.124 2032.31 143.124C2033.28 143.124 2034.09 142.899 2034.75 142.448C2035.41 141.997 2036.12 141.269 2036.88 140.264V123.208H2044.53V149H2038.29L2037.72 145.412H2037.56C2036.49 146.695 2035.31 147.717 2034.02 148.48C2032.74 149.243 2031.22 149.624 2029.45 149.624ZM2051.26 149V123.208H2057.5L2058.02 127.732H2058.22C2059.16 125.999 2060.29 124.716 2061.6 123.884C2062.92 123.017 2064.24 122.584 2065.56 122.584C2066.28 122.584 2066.89 122.636 2067.38 122.74C2067.86 122.809 2068.28 122.931 2068.62 123.104L2067.38 129.708C2066.92 129.569 2066.47 129.465 2066.02 129.396C2065.61 129.327 2065.12 129.292 2064.57 129.292C2063.6 129.292 2062.57 129.656 2061.5 130.384C2060.46 131.077 2059.59 132.291 2058.9 134.024V149H2051.26ZM2083.01 149V115.096H2104.38V121.544H2090.65V129.396H2102.4V135.844H2090.65V149H2083.01ZM2116.44 149.624C2113.63 149.624 2111.58 148.705 2110.3 146.868C2109.05 144.996 2108.43 142.448 2108.43 139.224V123.208H2116.07V138.236C2116.07 140.073 2116.33 141.356 2116.85 142.084C2117.37 142.777 2118.19 143.124 2119.3 143.124C2120.27 143.124 2121.08 142.899 2121.74 142.448C2122.4 141.997 2123.11 141.269 2123.87 140.264V123.208H2131.52V149H2125.28L2124.7 145.412H2124.55C2123.47 146.695 2122.3 147.717 2121.01 148.48C2119.73 149.243 2118.2 149.624 2116.44 149.624ZM2138.24 149V123.208H2144.48L2145 126.484H2145.21C2146.32 125.444 2147.53 124.543 2148.85 123.78C2150.2 122.983 2151.75 122.584 2153.48 122.584C2156.29 122.584 2158.32 123.52 2159.56 125.392C2160.85 127.229 2161.49 129.76 2161.49 132.984V149H2153.84V133.972C2153.84 132.1 2153.58 130.817 2153.06 130.124C2152.58 129.431 2151.78 129.084 2150.67 129.084C2149.7 129.084 2148.87 129.309 2148.18 129.76C2147.48 130.176 2146.72 130.783 2145.89 131.58V149H2138.24ZM2179.23 149.624C2176.84 149.624 2174.67 149.104 2172.73 148.064C2170.83 146.989 2169.3 145.447 2168.16 143.436C2167.05 141.391 2166.49 138.947 2166.49 136.104C2166.49 133.227 2167.12 130.783 2168.37 128.772C2169.61 126.761 2171.26 125.236 2173.31 124.196C2175.35 123.121 2177.55 122.584 2179.91 122.584C2181.5 122.584 2182.91 122.844 2184.12 123.364C2185.37 123.884 2186.48 124.543 2187.45 125.34L2183.86 130.28C2182.65 129.275 2181.49 128.772 2180.38 128.772C2178.54 128.772 2177.07 129.431 2175.96 130.748C2174.88 132.065 2174.35 133.851 2174.35 136.104C2174.35 138.323 2174.88 140.108 2175.96 141.46C2177.07 142.777 2178.45 143.436 2180.12 143.436C2180.95 143.436 2181.76 143.263 2182.56 142.916C2183.36 142.535 2184.09 142.084 2184.75 141.564L2187.76 146.556C2186.48 147.665 2185.09 148.463 2183.6 148.948C2182.11 149.399 2180.65 149.624 2179.23 149.624ZM2201.7 149.624C2198.51 149.624 2196.22 148.705 2194.83 146.868C2193.48 145.031 2192.81 142.621 2192.81 139.64V129.188H2189.27V123.52L2193.22 123.208L2194.11 116.344H2200.45V123.208H2206.64V129.188H2200.45V139.536C2200.45 140.992 2200.75 142.049 2201.33 142.708C2201.96 143.332 2202.77 143.644 2203.78 143.644C2204.19 143.644 2204.61 143.592 2205.03 143.488C2205.48 143.384 2205.88 143.263 2206.22 143.124L2207.42 148.688C2206.76 148.896 2205.95 149.104 2204.97 149.312C2204.04 149.52 2202.95 149.624 2201.7 149.624ZM2211.67 149V123.208H2219.32V149H2211.67ZM2215.47 119.412C2214.19 119.412 2213.15 119.048 2212.35 118.32C2211.55 117.592 2211.15 116.621 2211.15 115.408C2211.15 114.195 2211.55 113.224 2212.35 112.496C2213.15 111.768 2214.19 111.404 2215.47 111.404C2216.75 111.404 2217.79 111.768 2218.59 112.496C2219.39 113.224 2219.78 114.195 2219.78 115.408C2219.78 116.621 2219.39 117.592 2218.59 118.32C2217.79 119.048 2216.75 119.412 2215.47 119.412ZM2237.12 149.624C2234.94 149.624 2232.87 149.104 2230.93 148.064C2229.03 146.989 2227.48 145.447 2226.3 143.436C2225.13 141.391 2224.54 138.947 2224.54 136.104C2224.54 133.227 2225.13 130.783 2226.3 128.772C2227.48 126.761 2229.03 125.236 2230.93 124.196C2232.87 123.121 2234.94 122.584 2237.12 122.584C2239.3 122.584 2241.35 123.121 2243.26 124.196C2245.16 125.236 2246.71 126.761 2247.88 128.772C2249.06 130.783 2249.65 133.227 2249.65 136.104C2249.65 138.947 2249.06 141.391 2247.88 143.436C2246.71 145.447 2245.16 146.989 2243.26 148.064C2241.35 149.104 2239.3 149.624 2237.12 149.624ZM2237.12 143.436C2238.68 143.436 2239.86 142.777 2240.66 141.46C2241.45 140.108 2241.85 138.323 2241.85 136.104C2241.85 133.851 2241.45 132.065 2240.66 130.748C2239.86 129.431 2238.68 128.772 2237.12 128.772C2235.53 128.772 2234.33 129.431 2233.53 130.748C2232.77 132.065 2232.39 133.851 2232.39 136.104C2232.39 138.323 2232.77 140.108 2233.53 141.46C2234.33 142.777 2235.53 143.436 2237.12 143.436ZM2254.89 149V123.208H2261.13L2261.65 126.484H2261.86C2262.97 125.444 2264.18 124.543 2265.5 123.78C2266.85 122.983 2268.39 122.584 2270.12 122.584C2272.93 122.584 2274.96 123.52 2276.21 125.392C2277.49 127.229 2278.13 129.76 2278.13 132.984V149H2270.49V133.972C2270.49 132.1 2270.23 130.817 2269.71 130.124C2269.22 129.431 2268.43 129.084 2267.32 129.084C2266.35 129.084 2265.51 129.309 2264.82 129.76C2264.13 130.176 2263.36 130.783 2262.53 131.58V149H2254.89Z" fill="#5B5B5B" />
+    <g opacity="0.4" filter="url(#filter4_f_2_2)">
+        <circle cx="3339.84" cy="557.844" r="122.839" transform="rotate(29.1969 3339.84 557.844)" fill="url(#paint0_linear_2_2)" />
+    </g>
+    <circle cx="3340" cy="538" r="124" fill="white" />
+    <path d="M3290.12 499.68C3288.57 499.68 3287.17 499.493 3285.92 499.12C3284.69 498.747 3283.72 498.173 3283 497.4C3282.31 496.653 3281.96 495.707 3281.96 494.56C3281.96 492.933 3282.89 491.533 3284.76 490.36V490.2C3284.25 489.88 3283.83 489.453 3283.48 488.92C3283.16 488.387 3283 487.72 3283 486.92C3283 486.147 3283.21 485.453 3283.64 484.84C3284.09 484.2 3284.6 483.68 3285.16 483.28V483.12C3284.49 482.613 3283.89 481.907 3283.36 481C3282.85 480.093 3282.6 479.067 3282.6 477.92C3282.6 476.4 3282.96 475.12 3283.68 474.08C3284.4 473.04 3285.35 472.253 3286.52 471.72C3287.72 471.16 3289 470.88 3290.36 470.88C3290.89 470.88 3291.4 470.933 3291.88 471.04C3292.39 471.12 3292.84 471.227 3293.24 471.36H3300.28V474.76H3296.68C3297 475.133 3297.27 475.613 3297.48 476.2C3297.69 476.76 3297.8 477.387 3297.8 478.08C3297.8 479.52 3297.47 480.747 3296.8 481.76C3296.13 482.747 3295.24 483.493 3294.12 484C3293 484.507 3291.75 484.76 3290.36 484.76C3289.93 484.76 3289.49 484.72 3289.04 484.64C3288.59 484.56 3288.13 484.427 3287.68 484.24C3287.39 484.507 3287.15 484.773 3286.96 485.04C3286.8 485.307 3286.72 485.667 3286.72 486.12C3286.72 486.68 3286.95 487.12 3287.4 487.44C3287.88 487.76 3288.72 487.92 3289.92 487.92H3293.4C3295.77 487.92 3297.56 488.307 3298.76 489.08C3299.99 489.827 3300.6 491.053 3300.6 492.76C3300.6 494.04 3300.17 495.2 3299.32 496.24C3298.47 497.307 3297.25 498.147 3295.68 498.76C3294.11 499.373 3292.25 499.68 3290.12 499.68ZM3290.36 481.88C3291.29 481.88 3292.09 481.533 3292.76 480.84C3293.43 480.147 3293.76 479.173 3293.76 477.92C3293.76 476.693 3293.43 475.747 3292.76 475.08C3292.12 474.387 3291.32 474.04 3290.36 474.04C3289.4 474.04 3288.59 474.373 3287.92 475.04C3287.25 475.707 3286.92 476.667 3286.92 477.92C3286.92 479.173 3287.25 480.147 3287.92 480.84C3288.59 481.533 3289.4 481.88 3290.36 481.88ZM3290.84 496.68C3292.41 496.68 3293.69 496.36 3294.68 495.72C3295.67 495.08 3296.16 494.347 3296.16 493.52C3296.16 492.747 3295.85 492.227 3295.24 491.96C3294.65 491.693 3293.8 491.56 3292.68 491.56H3290C3288.93 491.56 3288.04 491.467 3287.32 491.28C3286.31 492.053 3285.8 492.92 3285.8 493.88C3285.8 494.76 3286.25 495.44 3287.16 495.92C3288.07 496.427 3289.29 496.68 3290.84 496.68ZM3304.06 491V471.36H3307.86L3308.18 474.84H3308.34C3309.03 473.56 3309.87 472.587 3310.86 471.92C3311.85 471.227 3312.86 470.88 3313.9 470.88C3314.83 470.88 3315.58 471.013 3316.14 471.28L3315.34 475.28C3314.99 475.173 3314.67 475.093 3314.38 475.04C3314.09 474.987 3313.73 474.96 3313.3 474.96C3312.53 474.96 3311.71 475.267 3310.86 475.88C3310.01 476.467 3309.27 477.507 3308.66 479V491H3304.06ZM3322.69 491.48C3320.98 491.48 3319.58 490.947 3318.49 489.88C3317.42 488.813 3316.89 487.427 3316.89 485.72C3316.89 483.613 3317.81 481.987 3319.65 480.84C3321.49 479.667 3324.42 478.867 3328.45 478.44C3328.42 477.4 3328.14 476.507 3327.61 475.76C3327.1 474.987 3326.18 474.6 3324.85 474.6C3323.89 474.6 3322.94 474.787 3322.01 475.16C3321.1 475.533 3320.21 475.987 3319.33 476.52L3317.65 473.44C3318.74 472.747 3319.97 472.147 3321.33 471.64C3322.71 471.133 3324.18 470.88 3325.73 470.88C3328.18 470.88 3330.01 471.613 3331.21 473.08C3332.43 474.52 3333.05 476.613 3333.05 479.36V491H3329.25L3328.93 488.84H3328.77C3327.89 489.587 3326.94 490.213 3325.93 490.72C3324.94 491.227 3323.86 491.48 3322.69 491.48ZM3324.17 487.88C3324.97 487.88 3325.69 487.693 3326.33 487.32C3326.99 486.92 3327.7 486.387 3328.45 485.72V481.32C3325.78 481.667 3323.93 482.187 3322.89 482.88C3321.85 483.547 3321.33 484.373 3321.33 485.36C3321.33 486.24 3321.59 486.88 3322.13 487.28C3322.66 487.68 3323.34 487.88 3324.17 487.88ZM3345.43 491.48C3342.98 491.48 3341.02 490.573 3339.55 488.76C3338.09 486.947 3337.35 484.427 3337.35 481.2C3337.35 479.067 3337.74 477.227 3338.51 475.68C3339.31 474.133 3340.35 472.947 3341.63 472.12C3342.91 471.293 3344.26 470.88 3345.67 470.88C3346.79 470.88 3347.74 471.08 3348.51 471.48C3349.31 471.853 3350.09 472.373 3350.83 473.04L3350.67 469.88V462.76H3355.27V491H3351.47L3351.15 488.88H3350.99C3350.27 489.6 3349.43 490.213 3348.47 490.72C3347.51 491.227 3346.5 491.48 3345.43 491.48ZM3346.55 487.68C3348.02 487.68 3349.39 486.947 3350.67 485.48V476.32C3350.01 475.707 3349.34 475.28 3348.67 475.04C3348.01 474.8 3347.34 474.68 3346.67 474.68C3345.42 474.68 3344.34 475.253 3343.43 476.4C3342.55 477.52 3342.11 479.107 3342.11 481.16C3342.11 483.267 3342.5 484.88 3343.27 486C3344.05 487.12 3345.14 487.68 3346.55 487.68ZM3361.13 491V471.36H3365.73V491H3361.13ZM3363.45 467.92C3362.62 467.92 3361.96 467.68 3361.45 467.2C3360.94 466.72 3360.69 466.08 3360.69 465.28C3360.69 464.507 3360.94 463.88 3361.45 463.4C3361.96 462.92 3362.62 462.68 3363.45 462.68C3364.28 462.68 3364.94 462.92 3365.45 463.4C3365.96 463.88 3366.21 464.507 3366.21 465.28C3366.21 466.08 3365.96 466.72 3365.45 467.2C3364.94 467.68 3364.28 467.92 3363.45 467.92ZM3379.64 491.48C3378.01 491.48 3376.49 491.08 3375.08 490.28C3373.67 489.453 3372.52 488.28 3371.64 486.76C3370.76 485.213 3370.32 483.36 3370.32 481.2C3370.32 479.013 3370.76 477.16 3371.64 475.64C3372.52 474.093 3373.67 472.92 3375.08 472.12C3376.49 471.293 3378.01 470.88 3379.64 470.88C3381.29 470.88 3382.83 471.293 3384.24 472.12C3385.65 472.92 3386.8 474.093 3387.68 475.64C3388.56 477.16 3389 479.013 3389 481.2C3389 483.36 3388.56 485.213 3387.68 486.76C3386.8 488.28 3385.65 489.453 3384.24 490.28C3382.83 491.08 3381.29 491.48 3379.64 491.48ZM3379.64 487.72C3381.08 487.72 3382.21 487.12 3383.04 485.92C3383.87 484.72 3384.28 483.147 3384.28 481.2C3384.28 479.227 3383.87 477.64 3383.04 476.44C3382.21 475.24 3381.08 474.64 3379.64 474.64C3378.2 474.64 3377.07 475.24 3376.24 476.44C3375.44 477.64 3375.04 479.227 3375.04 481.2C3375.04 483.147 3375.44 484.72 3376.24 485.92C3377.07 487.12 3378.2 487.72 3379.64 487.72ZM3304.78 548.76V521.36H3308.58L3308.9 523.44H3309.06C3309.89 522.747 3310.81 522.147 3311.82 521.64C3312.86 521.133 3313.92 520.88 3314.98 520.88C3317.44 520.88 3319.33 521.787 3320.66 523.6C3322.02 525.413 3322.7 527.84 3322.7 530.88C3322.7 533.12 3322.3 535.04 3321.5 536.64C3320.7 538.213 3319.66 539.413 3318.38 540.24C3317.13 541.067 3315.77 541.48 3314.3 541.48C3313.45 541.48 3312.6 541.293 3311.74 540.92C3310.89 540.52 3310.06 539.987 3309.26 539.32L3309.38 542.6V548.76H3304.78ZM3313.34 537.68C3314.65 537.68 3315.74 537.107 3316.62 535.96C3317.5 534.813 3317.94 533.133 3317.94 530.92C3317.94 528.947 3317.61 527.413 3316.94 526.32C3316.28 525.227 3315.2 524.68 3313.7 524.68C3312.32 524.68 3310.88 525.413 3309.38 526.88V536.04C3310.1 536.627 3310.8 537.053 3311.46 537.32C3312.13 537.56 3312.76 537.68 3313.34 537.68ZM3335.4 541.48C3333.77 541.48 3332.25 541.08 3330.84 540.28C3329.43 539.453 3328.28 538.28 3327.4 536.76C3326.52 535.213 3326.08 533.36 3326.08 531.2C3326.08 529.013 3326.52 527.16 3327.4 525.64C3328.28 524.093 3329.43 522.92 3330.84 522.12C3332.25 521.293 3333.77 520.88 3335.4 520.88C3337.05 520.88 3338.59 521.293 3340 522.12C3341.41 522.92 3342.56 524.093 3343.44 525.64C3344.32 527.16 3344.76 529.013 3344.76 531.2C3344.76 533.36 3344.32 535.213 3343.44 536.76C3342.56 538.28 3341.41 539.453 3340 540.28C3338.59 541.08 3337.05 541.48 3335.4 541.48ZM3335.4 537.72C3336.84 537.72 3337.97 537.12 3338.8 535.92C3339.63 534.72 3340.04 533.147 3340.04 531.2C3340.04 529.227 3339.63 527.64 3338.8 526.44C3337.97 525.24 3336.84 524.64 3335.4 524.64C3333.96 524.64 3332.83 525.24 3332 526.44C3331.2 527.64 3330.8 529.227 3330.8 531.2C3330.8 533.147 3331.2 534.72 3332 535.92C3332.83 537.12 3333.96 537.72 3335.4 537.72ZM3354.64 541.48C3353.3 541.48 3351.97 541.227 3350.64 540.72C3349.3 540.187 3348.16 539.533 3347.2 538.76L3349.36 535.8C3350.24 536.467 3351.12 537 3352 537.4C3352.88 537.8 3353.81 538 3354.8 538C3355.86 538 3356.65 537.773 3357.16 537.32C3357.66 536.867 3357.92 536.307 3357.92 535.64C3357.92 535.08 3357.7 534.627 3357.28 534.28C3356.88 533.907 3356.36 533.587 3355.72 533.32C3355.08 533.027 3354.41 532.747 3353.72 532.48C3352.86 532.16 3352.01 531.773 3351.16 531.32C3350.33 530.84 3349.65 530.24 3349.12 529.52C3348.58 528.773 3348.32 527.853 3348.32 526.76C3348.32 525.027 3348.96 523.613 3350.24 522.52C3351.52 521.427 3353.25 520.88 3355.44 520.88C3356.82 520.88 3358.06 521.12 3359.16 521.6C3360.25 522.08 3361.2 522.627 3362 523.24L3359.88 526.04C3359.18 525.533 3358.48 525.133 3357.76 524.84C3357.06 524.52 3356.33 524.36 3355.56 524.36C3354.57 524.36 3353.84 524.573 3353.36 525C3352.88 525.4 3352.64 525.907 3352.64 526.52C3352.64 527.293 3353.04 527.88 3353.84 528.28C3354.64 528.68 3355.57 529.067 3356.64 529.44C3357.54 529.76 3358.42 530.16 3359.28 530.64C3360.13 531.093 3360.84 531.693 3361.4 532.44C3361.98 533.187 3362.28 534.173 3362.28 535.4C3362.28 537.08 3361.62 538.52 3360.32 539.72C3359.01 540.893 3357.12 541.48 3354.64 541.48ZM3372.52 541.48C3370.26 541.48 3368.64 540.827 3367.68 539.52C3366.75 538.187 3366.28 536.467 3366.28 534.36V525H3363.48V521.56L3366.52 521.36L3367.08 516H3370.92V521.36H3375.92V525H3370.92V534.36C3370.92 536.653 3371.84 537.8 3373.68 537.8C3374.03 537.8 3374.39 537.76 3374.76 537.68C3375.14 537.573 3375.46 537.467 3375.72 537.36L3376.52 540.76C3375.99 540.947 3375.38 541.107 3374.68 541.24C3374.02 541.4 3373.3 541.48 3372.52 541.48ZM3249.96 598.76V571.36H3253.76L3254.08 573.44H3254.24C3255.07 572.747 3255.99 572.147 3257 571.64C3258.04 571.133 3259.09 570.88 3260.16 570.88C3262.61 570.88 3264.51 571.787 3265.84 573.6C3267.2 575.413 3267.88 577.84 3267.88 580.88C3267.88 583.12 3267.48 585.04 3266.68 586.64C3265.88 588.213 3264.84 589.413 3263.56 590.24C3262.31 591.067 3260.95 591.48 3259.48 591.48C3258.63 591.48 3257.77 591.293 3256.92 590.92C3256.07 590.52 3255.24 589.987 3254.44 589.32L3254.56 592.6V598.76H3249.96ZM3258.52 587.68C3259.83 587.68 3260.92 587.107 3261.8 585.96C3262.68 584.813 3263.12 583.133 3263.12 580.92C3263.12 578.947 3262.79 577.413 3262.12 576.32C3261.45 575.227 3260.37 574.68 3258.88 574.68C3257.49 574.68 3256.05 575.413 3254.56 576.88V586.04C3255.28 586.627 3255.97 587.053 3256.64 587.32C3257.31 587.56 3257.93 587.68 3258.52 587.68ZM3272.54 591V571.36H3276.34L3276.66 574.84H3276.82C3277.51 573.56 3278.35 572.587 3279.34 571.92C3280.32 571.227 3281.34 570.88 3282.38 570.88C3283.31 570.88 3284.06 571.013 3284.62 571.28L3283.82 575.28C3283.47 575.173 3283.15 575.093 3282.86 575.04C3282.56 574.987 3282.2 574.96 3281.78 574.96C3281 574.96 3280.19 575.267 3279.34 575.88C3278.48 576.467 3277.75 577.507 3277.14 579V591H3272.54ZM3295.11 591.48C3293.48 591.48 3291.96 591.08 3290.55 590.28C3289.14 589.453 3287.99 588.28 3287.11 586.76C3286.23 585.213 3285.79 583.36 3285.79 581.2C3285.79 579.013 3286.23 577.16 3287.11 575.64C3287.99 574.093 3289.14 572.92 3290.55 572.12C3291.96 571.293 3293.48 570.88 3295.11 570.88C3296.76 570.88 3298.3 571.293 3299.71 572.12C3301.12 572.92 3302.27 574.093 3303.15 575.64C3304.03 577.16 3304.47 579.013 3304.47 581.2C3304.47 583.36 3304.03 585.213 3303.15 586.76C3302.27 588.28 3301.12 589.453 3299.71 590.28C3298.3 591.08 3296.76 591.48 3295.11 591.48ZM3295.11 587.72C3296.55 587.72 3297.68 587.12 3298.51 585.92C3299.34 584.72 3299.75 583.147 3299.75 581.2C3299.75 579.227 3299.34 577.64 3298.51 576.44C3297.68 575.24 3296.55 574.64 3295.11 574.64C3293.67 574.64 3292.54 575.24 3291.71 576.44C3290.91 577.64 3290.51 579.227 3290.51 581.2C3290.51 583.147 3290.91 584.72 3291.71 585.92C3292.54 587.12 3293.67 587.72 3295.11 587.72ZM3317.22 591.48C3315.43 591.48 3313.82 591.08 3312.38 590.28C3310.97 589.453 3309.83 588.28 3308.98 586.76C3308.15 585.213 3307.74 583.36 3307.74 581.2C3307.74 579.013 3308.19 577.16 3309.1 575.64C3310.01 574.093 3311.21 572.92 3312.7 572.12C3314.22 571.293 3315.85 570.88 3317.58 570.88C3318.83 570.88 3319.93 571.093 3320.86 571.52C3321.79 571.947 3322.62 572.467 3323.34 573.08L3321.1 576.08C3320.59 575.627 3320.07 575.28 3319.54 575.04C3319.01 574.773 3318.43 574.64 3317.82 574.64C3316.25 574.64 3314.95 575.24 3313.94 576.44C3312.95 577.64 3312.46 579.227 3312.46 581.2C3312.46 583.147 3312.94 584.72 3313.9 585.92C3314.89 587.12 3316.15 587.72 3317.7 587.72C3318.47 587.72 3319.19 587.56 3319.86 587.24C3320.55 586.893 3321.18 586.493 3321.74 586.04L3323.62 589.08C3322.71 589.88 3321.7 590.48 3320.58 590.88C3319.46 591.28 3318.34 591.48 3317.22 591.48ZM3334.92 591.48C3333.11 591.48 3331.47 591.08 3330 590.28C3328.53 589.453 3327.37 588.28 3326.52 586.76C3325.67 585.213 3325.24 583.36 3325.24 581.2C3325.24 579.067 3325.67 577.227 3326.52 575.68C3327.4 574.133 3328.53 572.947 3329.92 572.12C3331.31 571.293 3332.76 570.88 3334.28 570.88C3336.07 570.88 3337.56 571.28 3338.76 572.08C3339.96 572.853 3340.87 573.947 3341.48 575.36C3342.09 576.747 3342.4 578.36 3342.4 580.2C3342.4 581.16 3342.33 581.907 3342.2 582.44H3329.72C3329.93 584.173 3330.56 585.52 3331.6 586.48C3332.64 587.44 3333.95 587.92 3335.52 587.92C3336.37 587.92 3337.16 587.8 3337.88 587.56C3338.63 587.293 3339.36 586.933 3340.08 586.48L3341.64 589.36C3340.71 589.973 3339.67 590.48 3338.52 590.88C3337.37 591.28 3336.17 591.48 3334.92 591.48ZM3329.68 579.32H3338.4C3338.4 577.8 3338.07 576.613 3337.4 575.76C3336.73 574.88 3335.73 574.44 3334.4 574.44C3333.25 574.44 3332.23 574.867 3331.32 575.72C3330.44 576.547 3329.89 577.747 3329.68 579.32ZM3352.28 591.48C3350.94 591.48 3349.61 591.227 3348.28 590.72C3346.94 590.187 3345.8 589.533 3344.84 588.76L3347 585.8C3347.88 586.467 3348.76 587 3349.64 587.4C3350.52 587.8 3351.45 588 3352.44 588C3353.5 588 3354.29 587.773 3354.8 587.32C3355.3 586.867 3355.56 586.307 3355.56 585.64C3355.56 585.08 3355.34 584.627 3354.92 584.28C3354.52 583.907 3354 583.587 3353.36 583.32C3352.72 583.027 3352.05 582.747 3351.36 582.48C3350.5 582.16 3349.65 581.773 3348.8 581.32C3347.97 580.84 3347.29 580.24 3346.76 579.52C3346.22 578.773 3345.96 577.853 3345.96 576.76C3345.96 575.027 3346.6 573.613 3347.88 572.52C3349.16 571.427 3350.89 570.88 3353.08 570.88C3354.46 570.88 3355.7 571.12 3356.8 571.6C3357.89 572.08 3358.84 572.627 3359.64 573.24L3357.52 576.04C3356.82 575.533 3356.12 575.133 3355.4 574.84C3354.7 574.52 3353.97 574.36 3353.2 574.36C3352.21 574.36 3351.48 574.573 3351 575C3350.52 575.4 3350.28 575.907 3350.28 576.52C3350.28 577.293 3350.68 577.88 3351.48 578.28C3352.28 578.68 3353.21 579.067 3354.28 579.44C3355.18 579.76 3356.06 580.16 3356.92 580.64C3357.77 581.093 3358.48 581.693 3359.04 582.44C3359.62 583.187 3359.92 584.173 3359.92 585.4C3359.92 587.08 3359.26 588.52 3357.96 589.72C3356.65 590.893 3354.76 591.48 3352.28 591.48ZM3369.5 591.48C3368.17 591.48 3366.83 591.227 3365.5 590.72C3364.17 590.187 3363.02 589.533 3362.06 588.76L3364.22 585.8C3365.1 586.467 3365.98 587 3366.86 587.4C3367.74 587.8 3368.67 588 3369.66 588C3370.73 588 3371.51 587.773 3372.02 587.32C3372.53 586.867 3372.78 586.307 3372.78 585.64C3372.78 585.08 3372.57 584.627 3372.14 584.28C3371.74 583.907 3371.22 583.587 3370.58 583.32C3369.94 583.027 3369.27 582.747 3368.58 582.48C3367.73 582.16 3366.87 581.773 3366.02 581.32C3365.19 580.84 3364.51 580.24 3363.98 579.52C3363.45 578.773 3363.18 577.853 3363.18 576.76C3363.18 575.027 3363.82 573.613 3365.1 572.52C3366.38 571.427 3368.11 570.88 3370.3 570.88C3371.69 570.88 3372.93 571.12 3374.02 571.6C3375.11 572.08 3376.06 572.627 3376.86 573.24L3374.74 576.04C3374.05 575.533 3373.34 575.133 3372.62 574.84C3371.93 574.52 3371.19 574.36 3370.42 574.36C3369.43 574.36 3368.7 574.573 3368.22 575C3367.74 575.4 3367.5 575.907 3367.5 576.52C3367.5 577.293 3367.9 577.88 3368.7 578.28C3369.5 578.68 3370.43 579.067 3371.5 579.44C3372.41 579.76 3373.29 580.16 3374.14 580.64C3374.99 581.093 3375.7 581.693 3376.26 582.44C3376.85 583.187 3377.14 584.173 3377.14 585.4C3377.14 587.08 3376.49 588.52 3375.18 589.72C3373.87 590.893 3371.98 591.48 3369.5 591.48ZM3381.25 591V571.36H3385.85V591H3381.25ZM3383.57 567.92C3382.74 567.92 3382.07 567.68 3381.57 567.2C3381.06 566.72 3380.81 566.08 3380.81 565.28C3380.81 564.507 3381.06 563.88 3381.57 563.4C3382.07 562.92 3382.74 562.68 3383.57 562.68C3384.39 562.68 3385.06 562.92 3385.57 563.4C3386.07 563.88 3386.33 564.507 3386.33 565.28C3386.33 566.08 3386.07 566.72 3385.57 567.2C3385.06 567.68 3384.39 567.92 3383.57 567.92ZM3391.72 591V571.36H3395.52L3395.84 574H3396C3396.88 573.147 3397.84 572.413 3398.88 571.8C3399.92 571.187 3401.1 570.88 3402.44 570.88C3404.54 570.88 3406.08 571.56 3407.04 572.92C3408 574.28 3408.48 576.2 3408.48 578.68V591H3403.88V579.28C3403.88 577.653 3403.64 576.507 3403.16 575.84C3402.68 575.173 3401.89 574.84 3400.8 574.84C3399.94 574.84 3399.18 575.053 3398.52 575.48C3397.88 575.88 3397.14 576.48 3396.32 577.28V591H3391.72ZM3420.94 599.68C3419.39 599.68 3417.99 599.493 3416.74 599.12C3415.51 598.747 3414.54 598.173 3413.82 597.4C3413.13 596.653 3412.78 595.707 3412.78 594.56C3412.78 592.933 3413.71 591.533 3415.58 590.36V590.2C3415.07 589.88 3414.65 589.453 3414.3 588.92C3413.98 588.387 3413.82 587.72 3413.82 586.92C3413.82 586.147 3414.03 585.453 3414.46 584.84C3414.91 584.2 3415.42 583.68 3415.98 583.28V583.12C3415.31 582.613 3414.71 581.907 3414.18 581C3413.67 580.093 3413.42 579.067 3413.42 577.92C3413.42 576.4 3413.78 575.12 3414.5 574.08C3415.22 573.04 3416.17 572.253 3417.34 571.72C3418.54 571.16 3419.82 570.88 3421.18 570.88C3421.71 570.88 3422.22 570.933 3422.7 571.04C3423.21 571.12 3423.66 571.227 3424.06 571.36H3431.1V574.76H3427.5C3427.82 575.133 3428.09 575.613 3428.3 576.2C3428.51 576.76 3428.62 577.387 3428.62 578.08C3428.62 579.52 3428.29 580.747 3427.62 581.76C3426.95 582.747 3426.06 583.493 3424.94 584C3423.82 584.507 3422.57 584.76 3421.18 584.76C3420.75 584.76 3420.31 584.72 3419.86 584.64C3419.41 584.56 3418.95 584.427 3418.5 584.24C3418.21 584.507 3417.97 584.773 3417.78 585.04C3417.62 585.307 3417.54 585.667 3417.54 586.12C3417.54 586.68 3417.77 587.12 3418.22 587.44C3418.7 587.76 3419.54 587.92 3420.74 587.92H3424.22C3426.59 587.92 3428.38 588.307 3429.58 589.08C3430.81 589.827 3431.42 591.053 3431.42 592.76C3431.42 594.04 3430.99 595.2 3430.14 596.24C3429.29 597.307 3428.07 598.147 3426.5 598.76C3424.93 599.373 3423.07 599.68 3420.94 599.68ZM3421.18 581.88C3422.11 581.88 3422.91 581.533 3423.58 580.84C3424.25 580.147 3424.58 579.173 3424.58 577.92C3424.58 576.693 3424.25 575.747 3423.58 575.08C3422.94 574.387 3422.14 574.04 3421.18 574.04C3420.22 574.04 3419.41 574.373 3418.74 575.04C3418.07 575.707 3417.74 576.667 3417.74 577.92C3417.74 579.173 3418.07 580.147 3418.74 580.84C3419.41 581.533 3420.22 581.88 3421.18 581.88ZM3421.66 596.68C3423.23 596.68 3424.51 596.36 3425.5 595.72C3426.49 595.08 3426.98 594.347 3426.98 593.52C3426.98 592.747 3426.67 592.227 3426.06 591.96C3425.47 591.693 3424.62 591.56 3423.5 591.56H3420.82C3419.75 591.56 3418.86 591.467 3418.14 591.28C3417.13 592.053 3416.62 592.92 3416.62 593.88C3416.62 594.76 3417.07 595.44 3417.98 595.92C3418.89 596.427 3420.11 596.68 3421.66 596.68Z" fill="#FF9042" />
+    <g filter="url(#filter5_d_2_2)">
+        <rect x="217" y="482" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M277.937 522.268H277.573V553H273.621V516.704H279.809L292.185 547.124H292.549V516.704H296.501V553H290.313L277.937 522.268ZM322.585 548.632H322.377C322.099 549.291 321.753 549.932 321.337 550.556C320.921 551.145 320.401 551.665 319.777 552.116C319.187 552.567 318.477 552.931 317.645 553.208C316.813 553.485 315.842 553.624 314.733 553.624C311.925 553.624 309.671 552.74 307.973 550.972C306.274 549.169 305.425 546.639 305.425 543.38V526.168H309.585V542.652C309.585 545.113 310.122 546.951 311.197 548.164C312.271 549.343 313.849 549.932 315.929 549.932C316.761 549.932 317.575 549.828 318.373 549.62C319.17 549.412 319.881 549.1 320.505 548.684C321.129 548.268 321.631 547.748 322.013 547.124C322.394 546.465 322.585 545.685 322.585 544.784V526.168H326.745V553H322.585V548.632ZM334.628 553V526.168H338.476V529.288H338.684C339.1 528.248 339.69 527.364 340.452 526.636C341.215 525.908 342.342 525.544 343.832 525.544C345.392 525.544 346.554 525.943 347.316 526.74C348.079 527.503 348.547 528.508 348.72 529.756H348.876C349.362 528.543 350.055 527.537 350.956 526.74C351.858 525.943 353.106 525.544 354.7 525.544C356.884 525.544 358.34 526.307 359.068 527.832C359.831 529.357 360.212 531.541 360.212 534.384V553H356.364V535.06C356.364 532.772 356.122 531.195 355.636 530.328C355.186 529.427 354.336 528.976 353.088 528.976C351.979 528.976 351.078 529.34 350.384 530.068C349.691 530.761 349.344 531.836 349.344 533.292V553H345.496V535.06C345.496 532.772 345.254 531.195 344.768 530.328C344.318 529.427 343.486 528.976 342.272 528.976C341.163 528.976 340.244 529.34 339.516 530.068C338.823 530.761 338.476 531.836 338.476 533.292V553H334.628ZM367.94 514.52H372.1V530.536H372.308C374.041 527.208 376.797 525.544 380.576 525.544C383.869 525.544 386.435 526.775 388.272 529.236C390.144 531.697 391.08 535.147 391.08 539.584C391.08 544.021 390.144 547.471 388.272 549.932C386.435 552.393 383.869 553.624 380.576 553.624C376.797 553.624 374.041 551.96 372.308 548.632H372.1V553H367.94V514.52ZM378.964 549.932C381.391 549.932 383.263 549.204 384.58 547.748C385.932 546.257 386.608 544.299 386.608 541.872V537.296C386.608 534.869 385.932 532.928 384.58 531.472C383.263 529.981 381.391 529.236 378.964 529.236C378.028 529.236 377.144 529.357 376.312 529.6C375.48 529.843 374.752 530.207 374.128 530.692C373.504 531.143 373.001 531.715 372.62 532.408C372.273 533.067 372.1 533.847 372.1 534.748V544.42C372.1 545.321 372.273 546.119 372.62 546.812C373.001 547.471 373.504 548.043 374.128 548.528C374.752 548.979 375.48 549.325 376.312 549.568C377.144 549.811 378.028 549.932 378.964 549.932ZM410.248 553.624C408.306 553.624 406.556 553.295 404.996 552.636C403.47 551.977 402.153 551.041 401.044 549.828C399.969 548.58 399.137 547.107 398.548 545.408C397.958 543.675 397.664 541.751 397.664 539.636C397.664 537.487 397.958 535.545 398.548 533.812C399.172 532.079 400.021 530.605 401.096 529.392C402.17 528.144 403.453 527.191 404.944 526.532C406.469 525.873 408.15 525.544 409.988 525.544C411.79 525.544 413.42 525.873 414.876 526.532C416.366 527.191 417.632 528.109 418.672 529.288C419.712 530.432 420.509 531.801 421.064 533.396C421.618 534.991 421.896 536.741 421.896 538.648V540.624H402.032V541.872C402.032 543.051 402.222 544.143 402.604 545.148C402.985 546.153 403.522 547.02 404.216 547.748C404.944 548.476 405.81 549.048 406.816 549.464C407.856 549.845 409 550.036 410.248 550.036C412.05 550.036 413.61 549.62 414.928 548.788C416.245 547.956 417.25 546.812 417.944 545.356L421.012 547.436C420.214 549.239 418.88 550.729 417.008 551.908C415.17 553.052 412.917 553.624 410.248 553.624ZM409.988 528.976C408.844 528.976 407.786 529.184 406.816 529.6C405.845 530.016 404.996 530.588 404.268 531.316C403.574 532.044 403.02 532.911 402.604 533.916C402.222 534.887 402.032 535.961 402.032 537.14V537.504H417.424V536.932C417.424 535.753 417.233 534.679 416.852 533.708C416.505 532.737 416.002 531.905 415.344 531.212C414.72 530.484 413.94 529.929 413.004 529.548C412.102 529.167 411.097 528.976 409.988 528.976ZM429.363 549.464H437.215V529.704H429.363V526.168H441.375V532.928H441.635C442.19 530.813 443.23 529.167 444.755 527.988C446.315 526.775 448.291 526.168 450.683 526.168H454.427V530.328H449.383C446.991 530.328 445.05 531.021 443.559 532.408C442.103 533.795 441.375 535.615 441.375 537.868V549.464H451.775V553H429.363V549.464Z" fill="#5B5B5B" />
+    <g filter="url(#filter6_d_2_2)">
+        <rect x="3662" y="482" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M3722.46 551.164H3722.2C3721.89 551.857 3721.52 552.533 3721.11 553.192C3720.69 553.851 3720.15 554.44 3719.5 554.96C3718.87 555.445 3718.11 555.844 3717.21 556.156C3716.31 556.468 3715.23 556.624 3713.98 556.624C3710.03 556.624 3707.08 555.029 3705.14 551.84C3703.24 548.651 3702.28 544.075 3702.28 538.112C3702.28 531.872 3703.34 527.14 3705.46 523.916C3707.57 520.692 3710.83 519.08 3715.23 519.08C3716.93 519.08 3718.4 519.305 3719.65 519.756C3720.9 520.207 3721.96 520.813 3722.82 521.576C3723.72 522.339 3724.47 523.205 3725.06 524.176C3725.65 525.112 3726.13 526.065 3726.52 527.036L3722.77 528.752C3722.46 527.955 3722.1 527.209 3721.68 526.516C3721.3 525.788 3720.81 525.164 3720.22 524.644C3719.67 524.089 3718.99 523.656 3718.2 523.344C3717.4 523.032 3716.46 522.876 3715.39 522.876C3712.48 522.876 3710.33 523.968 3708.94 526.152C3707.59 528.336 3706.91 531.248 3706.91 534.888V540.504C3706.91 542.341 3707.05 544.023 3707.33 545.548C3707.6 547.039 3708.06 548.339 3708.68 549.448C3709.34 550.557 3710.17 551.424 3711.18 552.048C3712.22 552.637 3713.48 552.932 3714.97 552.932C3717.33 552.932 3719.17 552.221 3720.48 550.8C3721.8 549.379 3722.46 547.541 3722.46 545.288V541.544H3714.82V538.06H3726.52V556H3722.46V551.164ZM3756.29 556C3754.66 556 3753.5 555.584 3752.81 554.752C3752.11 553.92 3751.68 552.88 3751.51 551.632H3751.25C3750.66 553.192 3749.7 554.423 3748.39 555.324C3747.1 556.191 3745.37 556.624 3743.19 556.624C3740.38 556.624 3738.14 555.896 3736.48 554.44C3734.81 552.984 3733.98 550.991 3733.98 548.46C3733.98 545.964 3734.88 544.04 3736.69 542.688C3738.52 541.336 3741.47 540.66 3745.53 540.66H3751.25V538.008C3751.25 536.032 3750.69 534.559 3749.58 533.588C3748.47 532.583 3746.9 532.08 3744.85 532.08C3743.05 532.08 3741.57 532.444 3740.43 533.172C3739.29 533.865 3738.37 534.819 3737.67 536.032L3734.87 533.952C3735.21 533.259 3735.68 532.583 3736.27 531.924C3736.86 531.265 3737.59 530.693 3738.45 530.208C3739.32 529.688 3740.31 529.289 3741.42 529.012C3742.53 528.7 3743.76 528.544 3745.11 528.544C3748.27 528.544 3750.76 529.341 3752.6 530.936C3754.47 532.531 3755.41 534.749 3755.41 537.592V552.36H3759.15V556H3756.29ZM3743.91 553.14C3744.99 553.14 3745.96 553.019 3746.83 552.776C3747.73 552.499 3748.51 552.152 3749.17 551.736C3749.83 551.285 3750.33 550.765 3750.67 550.176C3751.06 549.552 3751.25 548.893 3751.25 548.2V543.78H3745.53C3743.03 543.78 3741.21 544.127 3740.07 544.82C3738.92 545.513 3738.35 546.519 3738.35 547.836V548.928C3738.35 550.315 3738.84 551.372 3739.81 552.1C3740.81 552.793 3742.18 553.14 3743.91 553.14ZM3765.89 552.464H3775.25V521.056H3765.89V517.52H3779.41V552.464H3788.77V556H3765.89V552.464ZM3797.07 552.464H3806.43V521.056H3797.07V517.52H3810.59V552.464H3819.95V556H3797.07V552.464ZM3840.16 556.624C3838.22 556.624 3836.47 556.295 3834.91 555.636C3833.38 554.977 3832.06 554.041 3830.95 552.828C3829.88 551.58 3829.05 550.107 3828.46 548.408C3827.87 546.675 3827.57 544.751 3827.57 542.636C3827.57 540.487 3827.87 538.545 3828.46 536.812C3829.08 535.079 3829.93 533.605 3831.01 532.392C3832.08 531.144 3833.36 530.191 3834.85 529.532C3836.38 528.873 3838.06 528.544 3839.9 528.544C3841.7 528.544 3843.33 528.873 3844.79 529.532C3846.28 530.191 3847.54 531.109 3848.58 532.288C3849.62 533.432 3850.42 534.801 3850.97 536.396C3851.53 537.991 3851.81 539.741 3851.81 541.648V543.624H3831.94V544.872C3831.94 546.051 3832.13 547.143 3832.51 548.148C3832.9 549.153 3833.43 550.02 3834.13 550.748C3834.85 551.476 3835.72 552.048 3836.73 552.464C3837.77 552.845 3838.91 553.036 3840.16 553.036C3841.96 553.036 3843.52 552.62 3844.84 551.788C3846.16 550.956 3847.16 549.812 3847.85 548.356L3850.92 550.436C3850.12 552.239 3848.79 553.729 3846.92 554.908C3845.08 556.052 3842.83 556.624 3840.16 556.624ZM3839.9 531.976C3838.75 531.976 3837.7 532.184 3836.73 532.6C3835.76 533.016 3834.91 533.588 3834.18 534.316C3833.48 535.044 3832.93 535.911 3832.51 536.916C3832.13 537.887 3831.94 538.961 3831.94 540.14V540.504H3847.33V539.932C3847.33 538.753 3847.14 537.679 3846.76 536.708C3846.42 535.737 3845.91 534.905 3845.25 534.212C3844.63 533.484 3843.85 532.929 3842.91 532.548C3842.01 532.167 3841.01 531.976 3839.9 531.976ZM3859.27 552.464H3867.13V532.704H3859.27V529.168H3871.29V535.928H3871.55C3872.1 533.813 3873.14 532.167 3874.67 530.988C3876.23 529.775 3878.2 529.168 3880.59 529.168H3884.34V533.328H3879.29C3876.9 533.328 3874.96 534.021 3873.47 535.408C3872.01 536.795 3871.29 538.615 3871.29 540.868V552.464H3881.69V556H3859.27V552.464ZM3910.73 529.168H3914.89L3901.58 561.876C3901.27 562.639 3900.92 563.297 3900.54 563.852C3900.16 564.441 3899.71 564.909 3899.19 565.256C3898.67 565.637 3898.05 565.915 3897.32 566.088C3896.59 566.296 3895.72 566.4 3894.72 566.4H3890.77V562.864H3897.01L3900.02 555.48L3889.21 529.168H3893.47L3897.99 540.4L3902 550.592H3902.21L3906.21 540.4L3910.73 529.168Z" fill="#5B5B5B" />
+    <g filter="url(#filter7_d_2_2)">
+        <rect x="217" y="662" width="292" height="108" rx="10" fill="white" />
+    </g>
+    <path d="M289.419 733V729.516H298.467V700.188H289.419V696.704H311.883V700.188H302.835V729.516H311.883V733H289.419ZM319.038 733V706.168H322.886V709.288H323.094C323.51 708.248 324.1 707.364 324.862 706.636C325.625 705.908 326.752 705.544 328.242 705.544C329.802 705.544 330.964 705.943 331.726 706.74C332.489 707.503 332.957 708.508 333.13 709.756H333.286C333.772 708.543 334.465 707.537 335.366 706.74C336.268 705.943 337.516 705.544 339.11 705.544C341.294 705.544 342.75 706.307 343.478 707.832C344.241 709.357 344.622 711.541 344.622 714.384V733H340.774V715.06C340.774 712.772 340.532 711.195 340.046 710.328C339.596 709.427 338.746 708.976 337.498 708.976C336.389 708.976 335.488 709.34 334.794 710.068C334.101 710.761 333.754 711.836 333.754 713.292V733H329.906V715.06C329.906 712.772 329.664 711.195 329.178 710.328C328.728 709.427 327.896 708.976 326.682 708.976C325.573 708.976 324.654 709.34 323.926 710.068C323.233 710.761 322.886 711.836 322.886 713.292V733H319.038ZM373.15 733C371.521 733 370.359 732.584 369.666 731.752C368.973 730.92 368.539 729.88 368.366 728.632H368.106C367.517 730.192 366.563 731.423 365.246 732.324C363.963 733.191 362.23 733.624 360.046 733.624C357.238 733.624 355.002 732.896 353.338 731.44C351.674 729.984 350.842 727.991 350.842 725.46C350.842 722.964 351.743 721.04 353.546 719.688C355.383 718.336 358.33 717.66 362.386 717.66H368.106V715.008C368.106 713.032 367.551 711.559 366.442 710.588C365.333 709.583 363.755 709.08 361.71 709.08C359.907 709.08 358.434 709.444 357.29 710.172C356.146 710.865 355.227 711.819 354.534 713.032L351.726 710.952C352.073 710.259 352.541 709.583 353.13 708.924C353.719 708.265 354.447 707.693 355.314 707.208C356.181 706.688 357.169 706.289 358.278 706.012C359.387 705.7 360.618 705.544 361.97 705.544C365.125 705.544 367.621 706.341 369.458 707.936C371.33 709.531 372.266 711.749 372.266 714.592V729.36H376.01V733H373.15ZM360.774 730.14C361.849 730.14 362.819 730.019 363.686 729.776C364.587 729.499 365.367 729.152 366.026 728.736C366.685 728.285 367.187 727.765 367.534 727.176C367.915 726.552 368.106 725.893 368.106 725.2V720.78H362.386C359.89 720.78 358.07 721.127 356.926 721.82C355.782 722.513 355.21 723.519 355.21 724.836V725.928C355.21 727.315 355.695 728.372 356.666 729.1C357.671 729.793 359.041 730.14 360.774 730.14ZM407.762 736.068C407.762 738.772 406.635 740.765 404.382 742.048C402.129 743.365 398.749 744.024 394.242 744.024C389.909 744.024 386.789 743.452 384.882 742.308C383.01 741.164 382.074 739.517 382.074 737.368C382.074 735.912 382.455 734.785 383.218 733.988C383.981 733.191 385.055 732.601 386.442 732.22V731.596C385.679 731.215 385.09 730.729 384.674 730.14C384.258 729.551 384.05 728.805 384.05 727.904C384.05 726.517 384.501 725.477 385.402 724.784C386.338 724.091 387.499 723.571 388.886 723.224V723.016C387.222 722.288 385.922 721.213 384.986 719.792C384.085 718.371 383.634 716.707 383.634 714.8C383.634 713.448 383.877 712.2 384.362 711.056C384.847 709.912 385.541 708.941 386.442 708.144C387.378 707.312 388.487 706.671 389.77 706.22C391.053 705.769 392.474 705.544 394.034 705.544C396.045 705.544 397.813 705.908 399.338 706.636V706.168C399.338 705.128 399.581 704.261 400.066 703.568C400.551 702.875 401.383 702.528 402.562 702.528H407.502V706.168H401.47V707.988C402.441 708.82 403.186 709.808 403.706 710.952C404.226 712.096 404.486 713.379 404.486 714.8C404.486 716.152 404.226 717.4 403.706 718.544C403.221 719.688 402.527 720.676 401.626 721.508C400.725 722.305 399.615 722.929 398.298 723.38C397.015 723.831 395.594 724.056 394.034 724.056C393.583 724.056 393.15 724.039 392.734 724.004C392.318 723.969 391.902 723.917 391.486 723.848C391.07 723.917 390.637 724.039 390.186 724.212C389.735 724.351 389.319 724.559 388.938 724.836C388.557 725.079 388.245 725.373 388.002 725.72C387.759 726.067 387.638 726.465 387.638 726.916C387.638 727.713 388.037 728.251 388.834 728.528C389.631 728.771 390.671 728.892 391.954 728.892H397.882C401.349 728.892 403.862 729.551 405.422 730.868C406.982 732.151 407.762 733.884 407.762 736.068ZM403.862 736.276C403.862 735.201 403.429 734.335 402.562 733.676C401.695 733.052 400.187 732.74 398.038 732.74H388.73C386.927 733.468 386.026 734.681 386.026 736.38C386.026 737.559 386.494 738.564 387.43 739.396C388.366 740.263 389.926 740.696 392.11 740.696H396.166C398.593 740.696 400.482 740.315 401.834 739.552C403.186 738.824 403.862 737.732 403.862 736.276ZM394.034 720.832C396.114 720.832 397.639 720.347 398.61 719.376C399.615 718.405 400.118 717.123 400.118 715.528V714.02C400.118 712.425 399.615 711.16 398.61 710.224C397.639 709.253 396.114 708.768 394.034 708.768C391.954 708.768 390.429 709.253 389.458 710.224C388.487 711.16 388.002 712.425 388.002 714.02V715.528C388.002 717.123 388.487 718.405 389.458 719.376C390.429 720.347 391.954 720.832 394.034 720.832ZM425.838 733.624C423.896 733.624 422.146 733.295 420.586 732.636C419.06 731.977 417.743 731.041 416.634 729.828C415.559 728.58 414.727 727.107 414.138 725.408C413.548 723.675 413.254 721.751 413.254 719.636C413.254 717.487 413.548 715.545 414.138 713.812C414.762 712.079 415.611 710.605 416.686 709.392C417.76 708.144 419.043 707.191 420.534 706.532C422.059 705.873 423.74 705.544 425.578 705.544C427.38 705.544 429.01 705.873 430.466 706.532C431.956 707.191 433.222 708.109 434.262 709.288C435.302 710.432 436.099 711.801 436.654 713.396C437.208 714.991 437.486 716.741 437.486 718.648V720.624H417.622V721.872C417.622 723.051 417.812 724.143 418.194 725.148C418.575 726.153 419.112 727.02 419.806 727.748C420.534 728.476 421.4 729.048 422.406 729.464C423.446 729.845 424.59 730.036 425.838 730.036C427.64 730.036 429.2 729.62 430.518 728.788C431.835 727.956 432.84 726.812 433.534 725.356L436.602 727.436C435.804 729.239 434.47 730.729 432.598 731.908C430.76 733.052 428.507 733.624 425.838 733.624ZM425.578 708.976C424.434 708.976 423.376 709.184 422.406 709.6C421.435 710.016 420.586 710.588 419.858 711.316C419.164 712.044 418.61 712.911 418.194 713.916C417.812 714.887 417.622 715.961 417.622 717.14V717.504H433.014V716.932C433.014 715.753 432.823 714.679 432.442 713.708C432.095 712.737 431.592 711.905 430.934 711.212C430.31 710.484 429.53 709.929 428.594 709.548C427.692 709.167 426.687 708.976 425.578 708.976Z" fill="#5B5B5B" />
+    <path d="M347 173H362.5M377.5 173H362.5M362.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M1327 173H1342.5M1357.5 173H1342.5M1342.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M2805 173H2820.5M2835.5 173H2820.5M2820.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M3793 173H3808.5M3823.5 173H3808.5M3808.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M2096 173H2111.5M2126.5 173H2111.5M2111.5 173V218.5" stroke="#7B8B8F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M1102.87 540.413C1103.46 540.577 1103.46 541.423 1102.87 541.587L1090.02 545.118C1089.63 545.225 1089.25 544.933 1089.25 544.531L1089.25 537.469C1089.25 537.067 1089.63 536.775 1090.02 536.882L1102.87 540.413Z" fill="#7B8B8F" />
+    <path d="M1102.87 644.413C1103.46 644.577 1103.46 645.423 1102.87 645.587L1090.02 649.118C1089.63 649.225 1089.25 648.933 1089.25 648.531L1089.25 641.469C1089.25 641.067 1089.63 640.775 1090.02 640.882L1102.87 644.413Z" fill="#7B8B8F" />
+    <path d="M1102.87 442.413C1103.46 442.577 1103.46 443.423 1102.87 443.587L1090.02 447.118C1089.63 447.225 1089.25 446.933 1089.25 446.531L1089.25 439.469C1089.25 439.067 1089.63 438.775 1090.02 438.882L1102.87 442.413Z" fill="#7B8B8F" />
+    <g opacity="0.45" filter="url(#filter8_f_2_2)">
+        <ellipse cx="2111" cy="775" rx="191" ry="43" fill="#4199FF" />
+    </g>
+    <g filter="url(#filter9_d_2_2)">
+        <rect x="1864" y="302" width="494" height="494" rx="10" fill="url(#paint1_linear_2_2)" />
+    </g>
+    <path d="M2012.93 573.54H2012.42C2011.12 576.196 2009.39 578.287 2007.25 579.813C2005.1 581.283 2002.41 582.017 1999.19 582.017C1994.05 582.017 1989.95 580.096 1986.9 576.253C1983.85 572.41 1982.32 566.702 1982.32 559.129C1982.32 551.556 1983.85 545.848 1986.9 542.005C1989.95 538.162 1994.05 536.24 1999.19 536.24C2002.41 536.24 2005.1 537.003 2007.25 538.529C2009.39 539.998 2011.12 542.061 2012.42 544.717H2012.93V518.269H2022.17V581H2012.93V573.54ZM2003.01 574.473C2004.36 574.473 2005.64 574.303 2006.82 573.964C2008.01 573.625 2009.05 573.116 2009.96 572.438C2010.86 571.76 2011.57 570.94 2012.08 569.98C2012.64 568.962 2012.93 567.776 2012.93 566.419V551.838C2012.93 550.482 2012.64 549.323 2012.08 548.363C2011.57 547.345 2010.86 546.498 2009.96 545.819C2009.05 545.141 2008.01 544.633 2006.82 544.294C2005.64 543.955 2004.36 543.785 2003.01 543.785C1999.5 543.785 1996.79 544.859 1994.87 547.006C1993 549.154 1992.07 552.008 1992.07 555.568V562.689C1992.07 566.25 1993 569.104 1994.87 571.251C1996.79 573.399 1999.5 574.473 2003.01 574.473ZM2058.16 582.017C2054.83 582.017 2051.83 581.48 2049.18 580.407C2046.52 579.333 2044.29 577.807 2042.48 575.829C2040.67 573.851 2039.29 571.477 2038.32 568.708C2037.36 565.882 2036.88 562.717 2036.88 559.214C2036.88 555.71 2037.36 552.545 2038.32 549.719C2039.34 546.893 2040.73 544.491 2042.48 542.513C2044.29 540.479 2046.46 538.925 2049.01 537.851C2051.55 536.777 2054.37 536.24 2057.48 536.24C2060.54 536.24 2063.3 536.777 2065.79 537.851C2068.28 538.868 2070.4 540.338 2072.15 542.259C2073.9 544.181 2075.23 546.469 2076.13 549.126C2077.09 551.782 2077.57 554.721 2077.57 557.942V561.418H2046.21V562.859C2046.21 566.306 2047.28 569.132 2049.43 571.336C2051.58 573.484 2054.54 574.557 2058.33 574.557C2061.16 574.557 2063.56 573.964 2065.54 572.777C2067.57 571.534 2069.21 569.895 2070.45 567.86L2076.22 572.947C2074.75 575.49 2072.49 577.637 2069.44 579.389C2066.44 581.141 2062.68 582.017 2058.16 582.017ZM2057.48 543.276C2055.84 543.276 2054.32 543.559 2052.91 544.124C2051.55 544.689 2050.36 545.509 2049.35 546.582C2048.38 547.6 2047.62 548.815 2047.06 550.228C2046.49 551.641 2046.21 553.195 2046.21 554.89V555.484H2068.16V554.636C2068.16 551.188 2067.18 548.447 2065.2 546.413C2063.28 544.322 2060.7 543.276 2057.48 543.276ZM2092.21 573.54H2106.19V544.717H2091.36V537.257H2106.19V529.374C2106.19 526.096 2107.1 523.44 2108.91 521.405C2110.72 519.314 2113.54 518.269 2117.38 518.269H2132.13V525.728H2115.43V537.257H2132.13V544.717H2115.43V573.54H2130.18V581H2092.21V573.54ZM2155.67 554.636C2155.67 550.51 2156.12 546.554 2157.02 542.768C2157.99 538.925 2159.26 535.364 2160.84 532.086C2162.48 528.809 2164.37 525.87 2166.52 523.27C2168.67 520.614 2170.93 518.382 2173.3 516.573H2182.54C2180 518.382 2177.6 520.501 2175.34 522.931C2173.07 525.361 2171.1 528.046 2169.4 530.984C2167.71 533.923 2166.35 537.06 2165.33 540.394C2164.31 543.672 2163.81 547.119 2163.81 550.736V558.535C2163.81 562.152 2164.31 565.628 2165.33 568.962C2166.35 572.24 2167.71 575.349 2169.4 578.287C2171.1 581.226 2173.07 583.911 2175.34 586.341C2177.6 588.771 2180 590.89 2182.54 592.699H2173.3C2170.93 590.947 2168.67 588.743 2166.52 586.086C2164.37 583.43 2162.48 580.463 2160.84 577.185C2159.26 573.907 2157.99 570.375 2157.02 566.589C2156.12 562.746 2155.67 558.761 2155.67 554.636ZM2227.78 554.636C2227.78 558.761 2227.3 562.746 2226.34 566.589C2225.43 570.375 2224.16 573.907 2222.52 577.185C2220.94 580.463 2219.07 583.43 2216.93 586.086C2214.78 588.743 2212.52 590.947 2210.14 592.699H2200.9C2203.45 590.89 2205.85 588.771 2208.11 586.341C2210.37 583.911 2212.35 581.226 2214.04 578.287C2215.74 575.349 2217.09 572.24 2218.11 568.962C2219.13 565.628 2219.64 562.152 2219.64 558.535V550.736C2219.64 547.119 2219.13 543.672 2218.11 540.394C2217.09 537.06 2215.74 533.923 2214.04 530.984C2212.35 528.046 2210.37 525.361 2208.11 522.931C2205.85 520.501 2203.45 518.382 2200.9 516.573H2210.14C2212.52 518.382 2214.78 520.614 2216.93 523.27C2219.07 525.87 2220.94 528.809 2222.52 532.086C2224.16 535.364 2225.43 538.925 2226.34 542.768C2227.3 546.554 2227.78 550.51 2227.78 554.636Z" fill="#FAFAFA" />
+    <g opacity="0.4" filter="url(#filter10_f_2_2)">
+        <circle cx="814.155" cy="563.155" r="122.839" transform="rotate(29.1969 814.155 563.155)" fill="url(#paint2_linear_2_2)" />
+    </g>
+    <circle cx="814.31" cy="543.311" r="124" fill="white" />
+    <path d="M765.119 500.68C763.573 500.68 762.173 500.493 760.919 500.12C759.693 499.747 758.719 499.173 757.999 498.4C757.306 497.653 756.959 496.707 756.959 495.56C756.959 493.933 757.893 492.533 759.759 491.36V491.2C759.253 490.88 758.826 490.453 758.479 489.92C758.159 489.387 757.999 488.72 757.999 487.92C757.999 487.147 758.213 486.453 758.639 485.84C759.093 485.2 759.599 484.68 760.159 484.28V484.12C759.493 483.613 758.893 482.907 758.359 482C757.853 481.093 757.599 480.067 757.599 478.92C757.599 477.4 757.959 476.12 758.679 475.08C759.399 474.04 760.346 473.253 761.519 472.72C762.719 472.16 763.999 471.88 765.359 471.88C765.893 471.88 766.399 471.933 766.879 472.04C767.386 472.12 767.839 472.227 768.239 472.36H775.279V475.76H771.679C771.999 476.133 772.266 476.613 772.479 477.2C772.693 477.76 772.799 478.387 772.799 479.08C772.799 480.52 772.466 481.747 771.799 482.76C771.133 483.747 770.239 484.493 769.119 485C767.999 485.507 766.746 485.76 765.359 485.76C764.933 485.76 764.493 485.72 764.039 485.64C763.586 485.56 763.133 485.427 762.679 485.24C762.386 485.507 762.146 485.773 761.959 486.04C761.799 486.307 761.719 486.667 761.719 487.12C761.719 487.68 761.946 488.12 762.399 488.44C762.879 488.76 763.719 488.92 764.919 488.92H768.399C770.773 488.92 772.559 489.307 773.759 490.08C774.986 490.827 775.599 492.053 775.599 493.76C775.599 495.04 775.173 496.2 774.319 497.24C773.466 498.307 772.253 499.147 770.679 499.76C769.106 500.373 767.253 500.68 765.119 500.68ZM765.359 482.88C766.293 482.88 767.093 482.533 767.759 481.84C768.426 481.147 768.759 480.173 768.759 478.92C768.759 477.693 768.426 476.747 767.759 476.08C767.119 475.387 766.319 475.04 765.359 475.04C764.399 475.04 763.586 475.373 762.919 476.04C762.253 476.707 761.919 477.667 761.919 478.92C761.919 480.173 762.253 481.147 762.919 481.84C763.586 482.533 764.399 482.88 765.359 482.88ZM765.839 497.68C767.413 497.68 768.693 497.36 769.679 496.72C770.666 496.08 771.159 495.347 771.159 494.52C771.159 493.747 770.853 493.227 770.239 492.96C769.653 492.693 768.799 492.56 767.679 492.56H764.999C763.933 492.56 763.039 492.467 762.319 492.28C761.306 493.053 760.799 493.92 760.799 494.88C760.799 495.76 761.253 496.44 762.159 496.92C763.066 497.427 764.293 497.68 765.839 497.68ZM779.061 492V472.36H782.861L783.181 475.84H783.341C784.034 474.56 784.874 473.587 785.861 472.92C786.847 472.227 787.861 471.88 788.901 471.88C789.834 471.88 790.581 472.013 791.141 472.28L790.341 476.28C789.994 476.173 789.674 476.093 789.381 476.04C789.087 475.987 788.727 475.96 788.301 475.96C787.527 475.96 786.714 476.267 785.861 476.88C785.007 477.467 784.274 478.507 783.661 480V492H779.061ZM797.688 492.48C795.981 492.48 794.581 491.947 793.488 490.88C792.421 489.813 791.888 488.427 791.888 486.72C791.888 484.613 792.808 482.987 794.648 481.84C796.488 480.667 799.421 479.867 803.448 479.44C803.421 478.4 803.141 477.507 802.608 476.76C802.101 475.987 801.181 475.6 799.848 475.6C798.888 475.6 797.941 475.787 797.008 476.16C796.101 476.533 795.208 476.987 794.328 477.52L792.648 474.44C793.741 473.747 794.968 473.147 796.328 472.64C797.714 472.133 799.181 471.88 800.728 471.88C803.181 471.88 805.008 472.613 806.208 474.08C807.434 475.52 808.048 477.613 808.048 480.36V492H804.248L803.928 489.84H803.768C802.888 490.587 801.941 491.213 800.928 491.72C799.941 492.227 798.861 492.48 797.688 492.48ZM799.168 488.88C799.968 488.88 800.688 488.693 801.328 488.32C801.994 487.92 802.701 487.387 803.448 486.72V482.32C800.781 482.667 798.928 483.187 797.888 483.88C796.848 484.547 796.328 485.373 796.328 486.36C796.328 487.24 796.594 487.88 797.128 488.28C797.661 488.68 798.341 488.88 799.168 488.88ZM820.433 492.48C817.979 492.48 816.019 491.573 814.553 489.76C813.086 487.947 812.353 485.427 812.353 482.2C812.353 480.067 812.739 478.227 813.513 476.68C814.313 475.133 815.353 473.947 816.633 473.12C817.913 472.293 819.259 471.88 820.673 471.88C821.793 471.88 822.739 472.08 823.513 472.48C824.313 472.853 825.086 473.373 825.833 474.04L825.673 470.88V463.76H830.273V492H826.473L826.153 489.88H825.993C825.273 490.6 824.433 491.213 823.473 491.72C822.513 492.227 821.499 492.48 820.433 492.48ZM821.553 488.68C823.019 488.68 824.393 487.947 825.673 486.48V477.32C825.006 476.707 824.339 476.28 823.673 476.04C823.006 475.8 822.339 475.68 821.673 475.68C820.419 475.68 819.339 476.253 818.433 477.4C817.553 478.52 817.113 480.107 817.113 482.16C817.113 484.267 817.499 485.88 818.273 487C819.046 488.12 820.139 488.68 821.553 488.68ZM836.131 492V472.36H840.731V492H836.131ZM838.451 468.92C837.624 468.92 836.958 468.68 836.451 468.2C835.944 467.72 835.691 467.08 835.691 466.28C835.691 465.507 835.944 464.88 836.451 464.4C836.958 463.92 837.624 463.68 838.451 463.68C839.278 463.68 839.944 463.92 840.451 464.4C840.958 464.88 841.211 465.507 841.211 466.28C841.211 467.08 840.958 467.72 840.451 468.2C839.944 468.68 839.278 468.92 838.451 468.92ZM854.64 492.48C853.013 492.48 851.493 492.08 850.08 491.28C848.666 490.453 847.52 489.28 846.64 487.76C845.76 486.213 845.32 484.36 845.32 482.2C845.32 480.013 845.76 478.16 846.64 476.64C847.52 475.093 848.666 473.92 850.08 473.12C851.493 472.293 853.013 471.88 854.64 471.88C856.293 471.88 857.826 472.293 859.24 473.12C860.653 473.92 861.8 475.093 862.68 476.64C863.56 478.16 864 480.013 864 482.2C864 484.36 863.56 486.213 862.68 487.76C861.8 489.28 860.653 490.453 859.24 491.28C857.826 492.08 856.293 492.48 854.64 492.48ZM854.64 488.72C856.08 488.72 857.213 488.12 858.04 486.92C858.866 485.72 859.28 484.147 859.28 482.2C859.28 480.227 858.866 478.64 858.04 477.44C857.213 476.24 856.08 475.64 854.64 475.64C853.2 475.64 852.066 476.24 851.24 477.44C850.44 478.64 850.04 480.227 850.04 482.2C850.04 484.147 850.44 485.72 851.24 486.92C852.066 488.12 853.2 488.72 854.64 488.72ZM788.729 549.76V522.36H792.529L792.849 524.44H793.009C793.835 523.747 794.755 523.147 795.769 522.64C796.809 522.133 797.862 521.88 798.929 521.88C801.382 521.88 803.275 522.787 804.609 524.6C805.969 526.413 806.649 528.84 806.649 531.88C806.649 534.12 806.249 536.04 805.449 537.64C804.649 539.213 803.609 540.413 802.329 541.24C801.075 542.067 799.715 542.48 798.249 542.48C797.395 542.48 796.542 542.293 795.689 541.92C794.835 541.52 794.009 540.987 793.209 540.32L793.329 543.6V549.76H788.729ZM797.289 538.68C798.595 538.68 799.689 538.107 800.569 536.96C801.449 535.813 801.889 534.133 801.889 531.92C801.889 529.947 801.555 528.413 800.889 527.32C800.222 526.227 799.142 525.68 797.649 525.68C796.262 525.68 794.822 526.413 793.329 527.88V537.04C794.049 537.627 794.742 538.053 795.409 538.32C796.075 538.56 796.702 538.68 797.289 538.68ZM811.307 542V522.36H815.107L815.427 525.84H815.587C816.28 524.56 817.12 523.587 818.107 522.92C819.093 522.227 820.107 521.88 821.147 521.88C822.08 521.88 822.827 522.013 823.387 522.28L822.587 526.28C822.24 526.173 821.92 526.093 821.627 526.04C821.333 525.987 820.973 525.96 820.547 525.96C819.773 525.96 818.96 526.267 818.107 526.88C817.253 527.467 816.52 528.507 815.907 530V542H811.307ZM834.238 542.48C832.425 542.48 830.785 542.08 829.318 541.28C827.851 540.453 826.691 539.28 825.838 537.76C824.985 536.213 824.558 534.36 824.558 532.2C824.558 530.067 824.985 528.227 825.838 526.68C826.718 525.133 827.851 523.947 829.238 523.12C830.625 522.293 832.078 521.88 833.598 521.88C835.385 521.88 836.878 522.28 838.078 523.08C839.278 523.853 840.185 524.947 840.798 526.36C841.411 527.747 841.718 529.36 841.718 531.2C841.718 532.16 841.651 532.907 841.518 533.44H829.038C829.251 535.173 829.878 536.52 830.918 537.48C831.958 538.44 833.265 538.92 834.838 538.92C835.691 538.92 836.478 538.8 837.198 538.56C837.945 538.293 838.678 537.933 839.398 537.48L840.958 540.36C840.025 540.973 838.985 541.48 837.838 541.88C836.691 542.28 835.491 542.48 834.238 542.48ZM828.998 530.32H837.718C837.718 528.8 837.385 527.613 836.718 526.76C836.051 525.88 835.051 525.44 833.718 525.44C832.571 525.44 831.545 525.867 830.638 526.72C829.758 527.547 829.211 528.747 828.998 530.32ZM724.959 599.76V572.36H728.759L729.079 574.44H729.239C730.066 573.747 730.986 573.147 731.999 572.64C733.039 572.133 734.092 571.88 735.159 571.88C737.612 571.88 739.506 572.787 740.839 574.6C742.199 576.413 742.879 578.84 742.879 581.88C742.879 584.12 742.479 586.04 741.679 587.64C740.879 589.213 739.839 590.413 738.559 591.24C737.306 592.067 735.946 592.48 734.479 592.48C733.626 592.48 732.772 592.293 731.919 591.92C731.066 591.52 730.239 590.987 729.439 590.32L729.559 593.6V599.76H724.959ZM733.519 588.68C734.826 588.68 735.919 588.107 736.799 586.96C737.679 585.813 738.119 584.133 738.119 581.92C738.119 579.947 737.786 578.413 737.119 577.32C736.452 576.227 735.372 575.68 733.879 575.68C732.492 575.68 731.052 576.413 729.559 577.88V587.04C730.279 587.627 730.972 588.053 731.639 588.32C732.306 588.56 732.932 588.68 733.519 588.68ZM747.537 592V572.36H751.337L751.657 575.84H751.817C752.511 574.56 753.351 573.587 754.337 572.92C755.324 572.227 756.337 571.88 757.377 571.88C758.311 571.88 759.057 572.013 759.617 572.28L758.817 576.28C758.471 576.173 758.151 576.093 757.857 576.04C757.564 575.987 757.204 575.96 756.777 575.96C756.004 575.96 755.191 576.267 754.337 576.88C753.484 577.467 752.751 578.507 752.137 580V592H747.537ZM770.108 592.48C768.482 592.48 766.962 592.08 765.548 591.28C764.135 590.453 762.988 589.28 762.108 587.76C761.228 586.213 760.788 584.36 760.788 582.2C760.788 580.013 761.228 578.16 762.108 576.64C762.988 575.093 764.135 573.92 765.548 573.12C766.962 572.293 768.482 571.88 770.108 571.88C771.762 571.88 773.295 572.293 774.708 573.12C776.122 573.92 777.268 575.093 778.148 576.64C779.028 578.16 779.468 580.013 779.468 582.2C779.468 584.36 779.028 586.213 778.148 587.76C777.268 589.28 776.122 590.453 774.708 591.28C773.295 592.08 771.762 592.48 770.108 592.48ZM770.108 588.72C771.548 588.72 772.682 588.12 773.508 586.92C774.335 585.72 774.748 584.147 774.748 582.2C774.748 580.227 774.335 578.64 773.508 577.44C772.682 576.24 771.548 575.64 770.108 575.64C768.668 575.64 767.535 576.24 766.708 577.44C765.908 578.64 765.508 580.227 765.508 582.2C765.508 584.147 765.908 585.72 766.708 586.92C767.535 588.12 768.668 588.72 770.108 588.72ZM792.222 592.48C790.435 592.48 788.822 592.08 787.382 591.28C785.968 590.453 784.835 589.28 783.982 587.76C783.155 586.213 782.742 584.36 782.742 582.2C782.742 580.013 783.195 578.16 784.102 576.64C785.008 575.093 786.208 573.92 787.702 573.12C789.222 572.293 790.848 571.88 792.582 571.88C793.835 571.88 794.928 572.093 795.862 572.52C796.795 572.947 797.622 573.467 798.342 574.08L796.102 577.08C795.595 576.627 795.075 576.28 794.542 576.04C794.008 575.773 793.435 575.64 792.822 575.64C791.248 575.64 789.955 576.24 788.942 577.44C787.955 578.64 787.462 580.227 787.462 582.2C787.462 584.147 787.942 585.72 788.902 586.92C789.888 588.12 791.155 588.72 792.702 588.72C793.475 588.72 794.195 588.56 794.862 588.24C795.555 587.893 796.182 587.493 796.742 587.04L798.622 590.08C797.715 590.88 796.702 591.48 795.582 591.88C794.462 592.28 793.342 592.48 792.222 592.48ZM809.922 592.48C808.108 592.48 806.468 592.08 805.002 591.28C803.535 590.453 802.375 589.28 801.522 587.76C800.668 586.213 800.242 584.36 800.242 582.2C800.242 580.067 800.668 578.227 801.522 576.68C802.402 575.133 803.535 573.947 804.922 573.12C806.308 572.293 807.762 571.88 809.282 571.88C811.068 571.88 812.562 572.28 813.762 573.08C814.962 573.853 815.868 574.947 816.482 576.36C817.095 577.747 817.402 579.36 817.402 581.2C817.402 582.16 817.335 582.907 817.202 583.44H804.722C804.935 585.173 805.562 586.52 806.602 587.48C807.642 588.44 808.948 588.92 810.522 588.92C811.375 588.92 812.162 588.8 812.882 588.56C813.628 588.293 814.362 587.933 815.082 587.48L816.642 590.36C815.708 590.973 814.668 591.48 813.522 591.88C812.375 592.28 811.175 592.48 809.922 592.48ZM804.682 580.32H813.402C813.402 578.8 813.068 577.613 812.402 576.76C811.735 575.88 810.735 575.44 809.402 575.44C808.255 575.44 807.228 575.867 806.322 576.72C805.442 577.547 804.895 578.747 804.682 580.32ZM827.275 592.48C825.942 592.48 824.608 592.227 823.275 591.72C821.942 591.187 820.795 590.533 819.835 589.76L821.995 586.8C822.875 587.467 823.755 588 824.635 588.4C825.515 588.8 826.448 589 827.435 589C828.502 589 829.288 588.773 829.795 588.32C830.302 587.867 830.555 587.307 830.555 586.64C830.555 586.08 830.342 585.627 829.915 585.28C829.515 584.907 828.995 584.587 828.355 584.32C827.715 584.027 827.048 583.747 826.355 583.48C825.502 583.16 824.648 582.773 823.795 582.32C822.968 581.84 822.288 581.24 821.755 580.52C821.222 579.773 820.955 578.853 820.955 577.76C820.955 576.027 821.595 574.613 822.875 573.52C824.155 572.427 825.888 571.88 828.075 571.88C829.462 571.88 830.702 572.12 831.795 572.6C832.888 573.08 833.835 573.627 834.635 574.24L832.515 577.04C831.822 576.533 831.115 576.133 830.395 575.84C829.702 575.52 828.968 575.36 828.195 575.36C827.208 575.36 826.475 575.573 825.995 576C825.515 576.4 825.275 576.907 825.275 577.52C825.275 578.293 825.675 578.88 826.475 579.28C827.275 579.68 828.208 580.067 829.275 580.44C830.182 580.76 831.062 581.16 831.915 581.64C832.768 582.093 833.475 582.693 834.035 583.44C834.622 584.187 834.915 585.173 834.915 586.4C834.915 588.08 834.262 589.52 832.955 590.72C831.648 591.893 829.755 592.48 827.275 592.48ZM844.502 592.48C843.168 592.48 841.835 592.227 840.502 591.72C839.168 591.187 838.022 590.533 837.062 589.76L839.222 586.8C840.102 587.467 840.982 588 841.862 588.4C842.742 588.8 843.675 589 844.662 589C845.728 589 846.515 588.773 847.022 588.32C847.528 587.867 847.782 587.307 847.782 586.64C847.782 586.08 847.568 585.627 847.142 585.28C846.742 584.907 846.222 584.587 845.582 584.32C844.942 584.027 844.275 583.747 843.582 583.48C842.728 583.16 841.875 582.773 841.022 582.32C840.195 581.84 839.515 581.24 838.982 580.52C838.448 579.773 838.182 578.853 838.182 577.76C838.182 576.027 838.822 574.613 840.102 573.52C841.382 572.427 843.115 571.88 845.302 571.88C846.688 571.88 847.928 572.12 849.022 572.6C850.115 573.08 851.062 573.627 851.862 574.24L849.742 577.04C849.048 576.533 848.342 576.133 847.622 575.84C846.928 575.52 846.195 575.36 845.422 575.36C844.435 575.36 843.702 575.573 843.222 576C842.742 576.4 842.502 576.907 842.502 577.52C842.502 578.293 842.902 578.88 843.702 579.28C844.502 579.68 845.435 580.067 846.502 580.44C847.408 580.76 848.288 581.16 849.142 581.64C849.995 582.093 850.702 582.693 851.262 583.44C851.848 584.187 852.142 585.173 852.142 586.4C852.142 588.08 851.488 589.52 850.182 590.72C848.875 591.893 846.982 592.48 844.502 592.48ZM856.248 592V572.36H860.848V592H856.248ZM858.568 568.92C857.741 568.92 857.075 568.68 856.568 568.2C856.061 567.72 855.808 567.08 855.808 566.28C855.808 565.507 856.061 564.88 856.568 564.4C857.075 563.92 857.741 563.68 858.568 563.68C859.395 563.68 860.061 563.92 860.568 564.4C861.075 564.88 861.328 565.507 861.328 566.28C861.328 567.08 861.075 567.72 860.568 568.2C860.061 568.68 859.395 568.92 858.568 568.92ZM866.717 592V572.36H870.517L870.837 575H870.997C871.877 574.147 872.837 573.413 873.877 572.8C874.917 572.187 876.104 571.88 877.437 571.88C879.544 571.88 881.077 572.56 882.037 573.92C882.997 575.28 883.477 577.2 883.477 579.68V592H878.877V580.28C878.877 578.653 878.637 577.507 878.157 576.84C877.677 576.173 876.89 575.84 875.797 575.84C874.944 575.84 874.184 576.053 873.517 576.48C872.877 576.88 872.144 577.48 871.317 578.28V592H866.717ZM895.94 600.68C894.393 600.68 892.993 600.493 891.74 600.12C890.513 599.747 889.54 599.173 888.82 598.4C888.126 597.653 887.78 596.707 887.78 595.56C887.78 593.933 888.713 592.533 890.58 591.36V591.2C890.073 590.88 889.646 590.453 889.3 589.92C888.98 589.387 888.82 588.72 888.82 587.92C888.82 587.147 889.033 586.453 889.46 585.84C889.913 585.2 890.42 584.68 890.98 584.28V584.12C890.313 583.613 889.713 582.907 889.18 582C888.673 581.093 888.42 580.067 888.42 578.92C888.42 577.4 888.78 576.12 889.5 575.08C890.22 574.04 891.166 573.253 892.34 572.72C893.54 572.16 894.82 571.88 896.18 571.88C896.713 571.88 897.22 571.933 897.7 572.04C898.206 572.12 898.66 572.227 899.06 572.36H906.1V575.76H902.5C902.82 576.133 903.086 576.613 903.3 577.2C903.513 577.76 903.62 578.387 903.62 579.08C903.62 580.52 903.286 581.747 902.62 582.76C901.953 583.747 901.06 584.493 899.94 585C898.82 585.507 897.566 585.76 896.18 585.76C895.753 585.76 895.313 585.72 894.86 585.64C894.406 585.56 893.953 585.427 893.5 585.24C893.206 585.507 892.966 585.773 892.78 586.04C892.62 586.307 892.54 586.667 892.54 587.12C892.54 587.68 892.766 588.12 893.22 588.44C893.7 588.76 894.54 588.92 895.74 588.92H899.22C901.593 588.92 903.38 589.307 904.58 590.08C905.806 590.827 906.42 592.053 906.42 593.76C906.42 595.04 905.993 596.2 905.14 597.24C904.286 598.307 903.073 599.147 901.5 599.76C899.926 600.373 898.073 600.68 895.94 600.68ZM896.18 582.88C897.113 582.88 897.913 582.533 898.58 581.84C899.246 581.147 899.58 580.173 899.58 578.92C899.58 577.693 899.246 576.747 898.58 576.08C897.94 575.387 897.14 575.04 896.18 575.04C895.22 575.04 894.406 575.373 893.74 576.04C893.073 576.707 892.74 577.667 892.74 578.92C892.74 580.173 893.073 581.147 893.74 581.84C894.406 582.533 895.22 582.88 896.18 582.88ZM896.66 597.68C898.233 597.68 899.513 597.36 900.5 596.72C901.486 596.08 901.98 595.347 901.98 594.52C901.98 593.747 901.673 593.227 901.06 592.96C900.473 592.693 899.62 592.56 898.5 592.56H895.82C894.753 592.56 893.86 592.467 893.14 592.28C892.126 593.053 891.62 593.92 891.62 594.88C891.62 595.76 892.073 596.44 892.98 596.92C893.886 597.427 895.113 597.68 896.66 597.68Z" fill="#FF9042" />
+    <defs>
+        <filter id="filter0_d_2_2" x="182" y="283" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter1_d_2_2" x="3627" y="283" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter2_d_2_2" x="1101" y="283" width="548" height="564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter3_d_2_2" x="2579" y="283" width="482" height="440" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter4_f_2_2" x="3177.98" y="395.983" width="323.723" height="323.723" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="19.5" result="effect1_foregroundBlur_2_2" />
+        </filter>
+        <filter id="filter5_d_2_2" x="182" y="463" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter6_d_2_2" x="3627" y="463" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter7_d_2_2" x="182" y="643" width="362" height="178" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.439216 0 0 0 0 0.564706 0 0 0 0 0.690196 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter8_f_2_2" x="1855" y="667" width="512" height="216" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="32.5" result="effect1_foregroundBlur_2_2" />
+        </filter>
+        <filter id="filter9_d_2_2" x="1829" y="283" width="564" height="564" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+            <feOffset dy="16" />
+            <feGaussianBlur stdDeviation="17.5" />
+            <feComposite in2="hardAlpha" operator="out" />
+            <feColorMatrix type="matrix" values="0 0 0 0 0.254902 0 0 0 0 0.596078 0 0 0 0 1 0 0 0 0.2 0" />
+            <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2_2" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2_2" result="shape" />
+        </filter>
+        <filter id="filter10_f_2_2" x="652.293" y="401.294" width="323.723" height="323.723" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="19.5" result="effect1_foregroundBlur_2_2" />
+        </filter>
+        <linearGradient id="paint0_linear_2_2" x1="3240.73" y1="633.235" x2="3462.68" y2="506.178" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#EC8F5A" />
+            <stop offset="1" stop-color="#FBFF44" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_2_2" x1="1944" y1="285" x2="2374.5" y2="865" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#74EEFF" />
+            <stop offset="1" stop-color="#3B82F6" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_2_2" x1="715.04" y1="638.546" x2="936.994" y2="511.489" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#EC8F5A" />
+            <stop offset="1" stop-color="#FBFF44" />
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/doc-mcp.png b/js/_website/src/lib/assets/img/doc-mcp.png
new file mode 100644
index 0000000..715dfd8
Binary files /dev/null and b/js/_website/src/lib/assets/img/doc-mcp.png differ
diff --git a/js/_website/src/lib/assets/img/eleven-labs-logo.png b/js/_website/src/lib/assets/img/eleven-labs-logo.png
new file mode 100644
index 0000000..0786c51
Binary files /dev/null and b/js/_website/src/lib/assets/img/eleven-labs-logo.png differ
diff --git a/js/_website/src/lib/assets/img/esc.svg b/js/_website/src/lib/assets/img/esc.svg
new file mode 100644
index 0000000..d038326
--- /dev/null
+++ b/js/_website/src/lib/assets/img/esc.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 122.88 108.95" style="enable-background:new 0 0 122.88 108.95" xml:space="preserve" fill="#6b7280"><g><path class="st0" d="M23.01,0h76.87c6.33,0,12.08,2.59,16.25,6.76c4.17,4.17,6.76,9.92,6.76,16.25v62.93 c0,6.33-2.59,12.08-6.76,16.25c-4.17,4.17-9.92,6.76-16.25,6.76H23.01c-6.33,0-12.08-2.59-16.25-6.76C2.59,98.02,0,92.27,0,85.94 V23.01c0-6.33,2.59-12.08,6.76-16.25C10.92,2.59,16.68,0,23.01,0L23.01,0z M25.17,33.8h22.65v6.19H33.67v4.61h13.12v5.91H33.67v5.7 h14.58v6.55H25.17V33.8L25.17,33.8z M50.96,56.94l7.54-0.73c0.31,0.94,0.75,1.62,1.31,2.02c0.56,0.4,1.31,0.61,2.24,0.61 c1.02,0,1.81-0.23,2.37-0.69c0.44-0.34,0.66-0.77,0.66-1.28c0-0.58-0.29-1.03-0.86-1.35c-0.41-0.22-1.5-0.5-3.26-0.83 c-2.64-0.49-4.47-0.94-5.5-1.36c-1.03-0.41-1.89-1.12-2.59-2.1c-0.7-0.99-1.05-2.12-1.05-3.39c0-1.38,0.38-2.58,1.13-3.57 c0.76-1,1.8-1.75,3.14-2.25c1.33-0.49,3.12-0.74,5.36-0.74c2.36,0,4.11,0.19,5.23,0.57c1.13,0.38,2.07,0.98,2.82,1.78 c0.75,0.81,1.38,1.89,1.87,3.27l-7.19,0.73c-0.19-0.67-0.5-1.16-0.93-1.48c-0.59-0.42-1.31-0.63-2.16-0.63 c-0.85,0-1.48,0.16-1.87,0.49c-0.39,0.32-0.59,0.71-0.59,1.17c0,0.52,0.25,0.9,0.74,1.17c0.49,0.27,1.58,0.51,3.24,0.71 c2.53,0.3,4.41,0.73,5.64,1.27c1.23,0.54,2.17,1.31,2.82,2.31c0.66,1,0.98,2.1,0.98,3.3c0,1.21-0.34,2.39-1.04,3.54 c-0.69,1.15-1.78,2.06-3.26,2.74c-1.49,0.68-3.51,1.02-6.08,1.02c-3.62,0-6.2-0.55-7.74-1.65C52.39,60.52,51.4,58.96,50.96,56.94 L50.96,56.94z M90.48,54.56l7.23,0.85c-0.4,1.6-1.05,2.98-1.96,4.15c-0.91,1.17-2.07,2.08-3.49,2.72 c-1.41,0.65-3.21,0.97-5.39,0.97c-2.11,0-3.86-0.21-5.27-0.62c-1.4-0.42-2.6-1.09-3.62-2.02c-1.01-0.92-1.8-2.02-2.37-3.27 c-0.57-1.25-0.86-2.91-0.86-4.98c0-2.16,0.35-3.96,1.05-5.39c0.51-1.06,1.21-2,2.1-2.84c0.89-0.84,1.79-1.46,2.73-1.87 c1.49-0.65,3.39-0.97,5.7-0.97c3.25,0,5.71,0.61,7.42,1.83c1.7,1.23,2.89,3.01,3.58,5.37l-7.15,1.01c-0.22-0.9-0.63-1.57-1.22-2.03 c-0.59-0.45-1.39-0.68-2.39-0.68c-1.26,0-2.28,0.48-3.06,1.43c-0.78,0.96-1.17,2.4-1.17,4.34c0,1.73,0.39,3.03,1.16,3.93 c0.77,0.9,1.75,1.34,2.95,1.34c0.99,0,1.84-0.27,2.51-0.8C89.63,56.49,90.14,55.67,90.48,54.56L90.48,54.56z M4.95,77.41 c0.86,3.22,2.57,6.11,4.86,8.41c3.38,3.39,8.05,5.49,13.19,5.49h76.87c0.21,0,0.41,0,0.62-0.01l1.29-0.09 c4.33-0.44,8.24-2.38,11.19-5.29l0.09-0.1c2.3-2.3,4-5.19,4.86-8.41v-54.4c0-4.96-2.03-9.47-5.31-12.75 c-3.27-3.27-7.79-5.31-12.75-5.31H23.01c-4.96,0-9.48,2.03-12.75,5.3c-3.27,3.27-5.3,7.79-5.3,12.75V77.41L4.95,77.41z"/></g></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/geocalc.png b/js/_website/src/lib/assets/img/geocalc.png
new file mode 100644
index 0000000..670ea59
Binary files /dev/null and b/js/_website/src/lib/assets/img/geocalc.png differ
diff --git a/js/_website/src/lib/assets/img/github-black.svg b/js/_website/src/lib/assets/img/github-black.svg
new file mode 100644
index 0000000..977cf9d
--- /dev/null
+++ b/js/_website/src/lib/assets/img/github-black.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.549px" height="438.549px" viewBox="0 0 438.549 438.549" style="enable-background:new 0 0 438.549 438.549;"
+	 xml:space="preserve">
+<g>
+	<path d="M409.132,114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736,15.166,259.057,5.365,219.271,5.365
+		c-39.781,0-76.472,9.804-110.063,29.408c-33.596,19.605-60.192,46.204-79.8,79.8C9.803,148.168,0,184.854,0,224.63
+		c0,47.78,13.94,90.745,41.827,128.906c27.884,38.164,63.906,64.572,108.063,79.227c5.14,0.954,8.945,0.283,11.419-1.996
+		c2.475-2.282,3.711-5.14,3.711-8.562c0-0.571-0.049-5.708-0.144-15.417c-0.098-9.709-0.144-18.179-0.144-25.406l-6.567,1.136
+		c-4.187,0.767-9.469,1.092-15.846,1c-6.374-0.089-12.991-0.757-19.842-1.999c-6.854-1.231-13.229-4.086-19.13-8.559
+		c-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559
+		c-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-0.951-2.568-2.098-3.711-3.429c-1.142-1.331-1.997-2.663-2.568-3.997
+		c-0.572-1.335-0.098-2.43,1.427-3.289c1.525-0.859,4.281-1.276,8.28-1.276l5.708,0.853c3.807,0.763,8.516,3.042,14.133,6.851
+		c5.614,3.806,10.229,8.754,13.846,14.842c4.38,7.806,9.657,13.754,15.846,17.847c6.184,4.093,12.419,6.136,18.699,6.136
+		c6.28,0,11.704-0.476,16.274-1.423c4.565-0.952,8.848-2.383,12.847-4.285c1.713-12.758,6.377-22.559,13.988-29.41
+		c-10.848-1.14-20.601-2.857-29.264-5.14c-8.658-2.286-17.605-5.996-26.835-11.14c-9.235-5.137-16.896-11.516-22.985-19.126
+		c-6.09-7.614-11.088-17.61-14.987-29.979c-3.901-12.374-5.852-26.648-5.852-42.826c0-23.035,7.52-42.637,22.557-58.817
+		c-7.044-17.318-6.379-36.732,1.997-58.24c5.52-1.715,13.706-0.428,24.554,3.853c10.85,4.283,18.794,7.952,23.84,10.994
+		c5.046,3.041,9.089,5.618,12.135,7.708c17.705-4.947,35.976-7.421,54.818-7.421s37.117,2.474,54.823,7.421l10.849-6.849
+		c7.419-4.57,16.18-8.758,26.262-12.565c10.088-3.805,17.802-4.853,23.134-3.138c8.562,21.509,9.325,40.922,2.279,58.24
+		c15.036,16.18,22.559,35.787,22.559,58.817c0,16.178-1.958,30.497-5.853,42.966c-3.9,12.471-8.941,22.457-15.125,29.979
+		c-6.191,7.521-13.901,13.85-23.131,18.986c-9.232,5.14-18.182,8.85-26.84,11.136c-8.662,2.286-18.415,4.004-29.263,5.146
+		c9.894,8.562,14.842,22.077,14.842,40.539v60.237c0,3.422,1.19,6.279,3.572,8.562c2.379,2.279,6.136,2.95,11.276,1.995
+		c44.163-14.653,80.185-41.062,108.068-79.226c27.88-38.161,41.825-81.126,41.825-128.906
+		C438.536,184.851,428.728,148.168,409.132,114.573z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/js/_website/src/lib/assets/img/github.svg b/js/_website/src/lib/assets/img/github.svg
new file mode 100644
index 0000000..787f059
--- /dev/null
+++ b/js/_website/src/lib/assets/img/github.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="438.549px" height="438.549px" viewBox="0 0 438.549 438.549" style="enable-background:new 0 0 438.549 438.549;"
+	 xml:space="preserve">
+<g>
+	<path fill="gray" d="M409.132,114.573c-19.608-33.596-46.205-60.194-79.798-79.8C295.736,15.166,259.057,5.365,219.271,5.365
+		c-39.781,0-76.472,9.804-110.063,29.408c-33.596,19.605-60.192,46.204-79.8,79.8C9.803,148.168,0,184.854,0,224.63
+		c0,47.78,13.94,90.745,41.827,128.906c27.884,38.164,63.906,64.572,108.063,79.227c5.14,0.954,8.945,0.283,11.419-1.996
+		c2.475-2.282,3.711-5.14,3.711-8.562c0-0.571-0.049-5.708-0.144-15.417c-0.098-9.709-0.144-18.179-0.144-25.406l-6.567,1.136
+		c-4.187,0.767-9.469,1.092-15.846,1c-6.374-0.089-12.991-0.757-19.842-1.999c-6.854-1.231-13.229-4.086-19.13-8.559
+		c-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559
+		c-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-0.951-2.568-2.098-3.711-3.429c-1.142-1.331-1.997-2.663-2.568-3.997
+		c-0.572-1.335-0.098-2.43,1.427-3.289c1.525-0.859,4.281-1.276,8.28-1.276l5.708,0.853c3.807,0.763,8.516,3.042,14.133,6.851
+		c5.614,3.806,10.229,8.754,13.846,14.842c4.38,7.806,9.657,13.754,15.846,17.847c6.184,4.093,12.419,6.136,18.699,6.136
+		c6.28,0,11.704-0.476,16.274-1.423c4.565-0.952,8.848-2.383,12.847-4.285c1.713-12.758,6.377-22.559,13.988-29.41
+		c-10.848-1.14-20.601-2.857-29.264-5.14c-8.658-2.286-17.605-5.996-26.835-11.14c-9.235-5.137-16.896-11.516-22.985-19.126
+		c-6.09-7.614-11.088-17.61-14.987-29.979c-3.901-12.374-5.852-26.648-5.852-42.826c0-23.035,7.52-42.637,22.557-58.817
+		c-7.044-17.318-6.379-36.732,1.997-58.24c5.52-1.715,13.706-0.428,24.554,3.853c10.85,4.283,18.794,7.952,23.84,10.994
+		c5.046,3.041,9.089,5.618,12.135,7.708c17.705-4.947,35.976-7.421,54.818-7.421s37.117,2.474,54.823,7.421l10.849-6.849
+		c7.419-4.57,16.18-8.758,26.262-12.565c10.088-3.805,17.802-4.853,23.134-3.138c8.562,21.509,9.325,40.922,2.279,58.24
+		c15.036,16.18,22.559,35.787,22.559,58.817c0,16.178-1.958,30.497-5.853,42.966c-3.9,12.471-8.941,22.457-15.125,29.979
+		c-6.191,7.521-13.901,13.85-23.131,18.986c-9.232,5.14-18.182,8.85-26.84,11.136c-8.662,2.286-18.415,4.004-29.263,5.146
+		c9.894,8.562,14.842,22.077,14.842,40.539v60.237c0,3.422,1.19,6.279,3.572,8.562c2.379,2.279,6.136,2.95,11.276,1.995
+		c44.163-14.653,80.185-41.062,108.068-79.226c27.88-38.161,41.825-81.126,41.825-128.906
+		C438.536,184.851,428.728,148.168,409.132,114.573z"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/js/_website/src/lib/assets/img/hackathon-header.png b/js/_website/src/lib/assets/img/hackathon-header.png
new file mode 100644
index 0000000..e6365ab
Binary files /dev/null and b/js/_website/src/lib/assets/img/hackathon-header.png differ
diff --git a/js/_website/src/lib/assets/img/header-faded.jpg b/js/_website/src/lib/assets/img/header-faded.jpg
new file mode 100644
index 0000000..5bb33f0
Binary files /dev/null and b/js/_website/src/lib/assets/img/header-faded.jpg differ
diff --git a/js/_website/src/lib/assets/img/header-image.jpg b/js/_website/src/lib/assets/img/header-image.jpg
new file mode 100644
index 0000000..2afa3ce
Binary files /dev/null and b/js/_website/src/lib/assets/img/header-image.jpg differ
diff --git a/js/_website/src/lib/assets/img/header-image.png b/js/_website/src/lib/assets/img/header-image.png
new file mode 100644
index 0000000..fd3e559
Binary files /dev/null and b/js/_website/src/lib/assets/img/header-image.png differ
diff --git a/js/_website/src/lib/assets/img/instagramcaption.png b/js/_website/src/lib/assets/img/instagramcaption.png
new file mode 100644
index 0000000..be57122
Binary files /dev/null and b/js/_website/src/lib/assets/img/instagramcaption.png differ
diff --git a/js/_website/src/lib/assets/img/llamaindex-logo.png b/js/_website/src/lib/assets/img/llamaindex-logo.png
new file mode 100644
index 0000000..af5afbd
Binary files /dev/null and b/js/_website/src/lib/assets/img/llamaindex-logo.png differ
diff --git a/js/_website/src/lib/assets/img/logo-melted.png b/js/_website/src/lib/assets/img/logo-melted.png
new file mode 100644
index 0000000..64b422c
Binary files /dev/null and b/js/_website/src/lib/assets/img/logo-melted.png differ
diff --git a/js/_website/src/lib/assets/img/mcp-birthday-header-with-sponsors.png b/js/_website/src/lib/assets/img/mcp-birthday-header-with-sponsors.png
new file mode 100644
index 0000000..d03f62c
Binary files /dev/null and b/js/_website/src/lib/assets/img/mcp-birthday-header-with-sponsors.png differ
diff --git a/js/_website/src/lib/assets/img/mcp-birthday-header.png b/js/_website/src/lib/assets/img/mcp-birthday-header.png
new file mode 100644
index 0000000..037a752
Binary files /dev/null and b/js/_website/src/lib/assets/img/mcp-birthday-header.png differ
diff --git a/js/_website/src/lib/assets/img/meta-image.jpg b/js/_website/src/lib/assets/img/meta-image.jpg
new file mode 100644
index 0000000..8707c3e
Binary files /dev/null and b/js/_website/src/lib/assets/img/meta-image.jpg differ
diff --git a/js/_website/src/lib/assets/img/mistral-logo.png b/js/_website/src/lib/assets/img/mistral-logo.png
new file mode 100644
index 0000000..a5fa924
Binary files /dev/null and b/js/_website/src/lib/assets/img/mistral-logo.png differ
diff --git a/js/_website/src/lib/assets/img/mmorpg.png b/js/_website/src/lib/assets/img/mmorpg.png
new file mode 100644
index 0000000..0d5efb7
Binary files /dev/null and b/js/_website/src/lib/assets/img/mmorpg.png differ
diff --git a/js/_website/src/lib/assets/img/modal-logo.png b/js/_website/src/lib/assets/img/modal-logo.png
new file mode 100644
index 0000000..71221d2
Binary files /dev/null and b/js/_website/src/lib/assets/img/modal-logo.png differ
diff --git a/js/_website/src/lib/assets/img/nasaspaceexplorer.png b/js/_website/src/lib/assets/img/nasaspaceexplorer.png
new file mode 100644
index 0000000..8bac0ec
Binary files /dev/null and b/js/_website/src/lib/assets/img/nasaspaceexplorer.png differ
diff --git a/js/_website/src/lib/assets/img/openai-logo.png b/js/_website/src/lib/assets/img/openai-logo.png
new file mode 100644
index 0000000..79af865
Binary files /dev/null and b/js/_website/src/lib/assets/img/openai-logo.png differ
diff --git a/js/_website/src/lib/assets/img/opensorus.png b/js/_website/src/lib/assets/img/opensorus.png
new file mode 100644
index 0000000..1dedc40
Binary files /dev/null and b/js/_website/src/lib/assets/img/opensorus.png differ
diff --git a/js/_website/src/lib/assets/img/sambanova-logo.png b/js/_website/src/lib/assets/img/sambanova-logo.png
new file mode 100644
index 0000000..a64e031
Binary files /dev/null and b/js/_website/src/lib/assets/img/sambanova-logo.png differ
diff --git a/js/_website/src/lib/assets/img/sentinel.png b/js/_website/src/lib/assets/img/sentinel.png
new file mode 100644
index 0000000..596a56c
Binary files /dev/null and b/js/_website/src/lib/assets/img/sentinel.png differ
diff --git a/js/_website/src/lib/assets/img/shallowcoderesearch.png b/js/_website/src/lib/assets/img/shallowcoderesearch.png
new file mode 100644
index 0000000..5ef82f3
Binary files /dev/null and b/js/_website/src/lib/assets/img/shallowcoderesearch.png differ
diff --git a/js/_website/src/lib/assets/img/share_gray.svg b/js/_website/src/lib/assets/img/share_gray.svg
new file mode 100644
index 0000000..e2aa365
--- /dev/null
+++ b/js/_website/src/lib/assets/img/share_gray.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="800px" viewBox="0 0 24 24" fill="none">
+<g id="Communication / Share_iOS_Export">
+<path id="Vector" d="M9 6L12 3M12 3L15 6M12 3V13M7.00023 10C6.06835 10 5.60241 10 5.23486 10.1522C4.74481 10.3552 4.35523 10.7448 4.15224 11.2349C4 11.6024 4 12.0681 4 13V17.8C4 18.9201 4 19.4798 4.21799 19.9076C4.40973 20.2839 4.71547 20.5905 5.0918 20.7822C5.5192 21 6.07899 21 7.19691 21H16.8036C17.9215 21 18.4805 21 18.9079 20.7822C19.2842 20.5905 19.5905 20.2839 19.7822 19.9076C20 19.4802 20 18.921 20 17.8031V13C20 12.0681 19.9999 11.6024 19.8477 11.2349C19.6447 10.7448 19.2554 10.3552 18.7654 10.1522C18.3978 10 17.9319 10 17 10" stroke="#4c5563" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/spaces-logo.svg b/js/_website/src/lib/assets/img/spaces-logo.svg
new file mode 100644
index 0000000..6ee3003
--- /dev/null
+++ b/js/_website/src/lib/assets/img/spaces-logo.svg
@@ -0,0 +1 @@
+<svg class="mr-1 text-gray-400" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" viewBox="0 0 32 32"><path d="M7.81 18.746v5.445h5.444v-5.445H7.809Z" fill="#FF3270"/><path d="M18.746 18.746v5.445h5.444v-5.445h-5.444Z" fill="#861FFF"/><path d="M7.81 7.81v5.444h5.444V7.81H7.809Z" fill="#097EFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M4 6.418A2.418 2.418 0 0 1 6.418 4h8.228c1.117 0 2.057.757 2.334 1.786a6.532 6.532 0 0 1 9.234 9.234A2.419 2.419 0 0 1 28 17.355v8.227A2.418 2.418 0 0 1 25.582 28H6.417A2.418 2.418 0 0 1 4 25.582V6.417ZM7.81 7.81v5.444h5.444V7.81H7.81Zm0 16.38v-5.444h5.444v5.445H7.81Zm10.936 0v-5.444h5.445v5.445h-5.445Zm0-13.658a2.722 2.722 0 1 1 5.445 0 2.722 2.722 0 0 1-5.445 0Z"/><path d="M21.468 7.81a2.722 2.722 0 1 0 0 5.444 2.722 2.722 0 0 0 0-5.444Z" fill="#FFD702"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/twitter.svg b/js/_website/src/lib/assets/img/twitter.svg
new file mode 100644
index 0000000..fce3ddf
--- /dev/null
+++ b/js/_website/src/lib/assets/img/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" stroke="currentColor" fill="gray" height="32" width="32" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/img/workflow.png b/js/_website/src/lib/assets/img/workflow.png
new file mode 100644
index 0000000..d8085eb
Binary files /dev/null and b/js/_website/src/lib/assets/img/workflow.png differ
diff --git a/js/_website/src/lib/assets/index.ts b/js/_website/src/lib/assets/index.ts
new file mode 100644
index 0000000..9e37a6d
--- /dev/null
+++ b/js/_website/src/lib/assets/index.ts
@@ -0,0 +1,59 @@
+export { default as gradio_logo } from "./gradio.svg";
+export { default as gradio_logo_dark } from "./gradiodark.svg";
+export { default as twitter } from "./img/twitter.svg";
+export { default as github } from "./img/github.svg";
+export { default as github_black } from "./img/github-black.svg";
+
+import google from "./logos/google.svg";
+import amazon from "./logos/amazon.svg";
+import fb from "./logos/fb.svg";
+import cisco from "./logos/cisco.svg";
+import twitter from "./logos/twitter.svg";
+import vm from "./logos/vmware.svg";
+import hf from "./logos/huggingface.svg";
+import siemens from "./logos/siemens.svg";
+import mit from "./logos/mit-svg-50.png";
+import stanford from "./logos/stanford.svg";
+import uipath from "./logos/uipath.svg";
+import unify from "./logos/unifyid.svg";
+import humans from "./logos/humaniseai.svg";
+import factmata from "./logos/factmata.svg";
+import wns from "./logos/wns.png";
+
+import _tweets from "./tweets.json";
+
+export const logos = [
+	{ img: google, contrast: false, description: "Google Logo" },
+	{ img: amazon, contrast: true, description: "Amazon logo" },
+	{ img: fb, contrast: false, description: "Facebook logo" },
+	{ img: cisco, contrast: false, description: "CISCO logo" },
+	{ img: twitter, contrast: false, description: "Twitter logo" },
+	{ img: vm, contrast: false, description: "VMwarelogo" },
+	{ img: hf, contrast: false, description: "Hugging Face logo" },
+	{ img: siemens, contrast: false, description: "Siemens logo" },
+	{ img: mit, contrast: true, description: "MIT logo" },
+	{ img: stanford, contrast: false, description: "Stanford logo" },
+	{ img: uipath, contrast: false, description: "UI Path logo" },
+	{ img: unify, contrast: false, description: "UnifyID logo" },
+	{ img: humans, contrast: true, description: "Humanise AI logo" },
+	{ img: factmata, contrast: true, description: "Factmata logo" },
+	{ img: wns, contrast: true, description: "WNS logo" }
+];
+
+export const twitter_pics = (
+	Object.entries(import.meta.glob("./twitter/**", { eager: true })) as [
+		string,
+		{ default: string }
+	][]
+).reduce(
+	(a, [k, mod]) => {
+		a[k.replace("./twitter/", "")] = mod.default;
+		return a;
+	},
+	{} as Record<string, string>
+);
+
+export const tweets = _tweets.map((x) => ({
+	...x,
+	profile_pic: twitter_pics[x.profile_pic]
+}));
diff --git a/js/_website/src/lib/assets/logos/amazon.svg b/js/_website/src/lib/assets/logos/amazon.svg
new file mode 100644
index 0000000..92c6c3c
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/amazon.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="1e3" height="301.35" version="1.0" viewBox="0 0 1000 301.35401" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+<metadata>
+<rdf:RDF>
+<cc:Work rdf:about="">
+<dc:format>image/svg+xml</dc:format>
+<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+<dc:title/>
+</cc:Work>
+</rdf:RDF>
+</metadata>
+<path d="m620.38 235.67c-58.112 42.833-142.34 65.686-214.86 65.686-101.68 0-193.23-37.609-262.48-100.16-5.4412-4.9188-0.5659-11.622 5.9635-7.7918 74.74 43.486 167.15 69.647 262.61 69.647 64.38 0 135.2-13.32 200.32-40.961 9.8376-4.1788 18.065 6.4423 8.4447 13.581" fill="#f90" fill-rule="evenodd"/>
+<path d="m644.54 208.03c-7.4-9.4894-49.101-4.4835-67.819-2.2635-5.7024 0.69648-6.5729-4.2659-1.4365-7.8353 33.213-23.375 87.712-16.628 94.067-8.7929 6.3553 7.8788-1.6541 62.508-32.865 88.582-4.7882 4.0047-9.3588 1.8718-7.2259-3.4388 7.0082-17.499 22.722-56.719 15.279-66.252" fill="#f90" fill-rule="evenodd"/>
+<path d="m578.03 32.908v-22.722c0-3.4388 2.6118-5.7459 5.7459-5.7459h101.73c3.2647 0 5.8765 2.3506 5.8765 5.7459v19.458c-0.0435 3.2647-2.7859 7.5306-7.6612 14.278l-52.714 75.262c19.588-0.47879 40.265 2.4376 58.025 12.449 4.0047 2.2635 5.0929 5.5718 5.3976 8.8365v24.246c0 3.3082-3.6565 7.1823-7.487 5.18-31.298-16.411-72.868-18.195-107.47 0.17413-3.5259 1.9153-7.2259-1.9153-7.2259-5.2235v-23.027c0-3.7 0.0435-10.012 3.7435-15.627l61.072-87.581h-53.149c-3.2647 0-5.8765-2.307-5.8765-5.7024" fill-rule="evenodd"/>
+<path d="m206.94 174.68h-30.949c-2.96-0.21762-5.3106-2.4376-5.5282-5.2671v-158.84c0-3.1776 2.6553-5.7024 5.9635-5.7024h28.86c3.0036 0.1305 5.3976 2.4376 5.6153 5.3106v20.764h0.56588c7.5306-20.067 21.678-29.426 40.743-29.426 19.371 0 31.472 9.3588 40.178 29.426 7.487-20.067 24.507-29.426 42.746-29.426 12.972 0 27.162 5.3541 35.825 17.368 9.7941 13.364 7.7917 32.778 7.7917 49.798l-0.0435 100.25c0 3.1776-2.6553 5.7458-5.9635 5.7458h-30.906c-3.0906-0.21762-5.5717-2.6988-5.5717-5.7458v-84.186c0-6.7035 0.60937-23.419-0.8706-29.774-2.307-10.665-9.2282-13.668-18.195-13.668-7.487 0-15.322 5.0059-18.5 13.015-3.1776 8.0094-2.8729 21.416-2.8729 30.427v84.186c0 3.1776-2.6553 5.7458-5.9635 5.7458h-30.906c-3.1341-0.21762-5.5718-2.6988-5.5718-5.7458l-0.0435-84.186c0-17.716 2.9164-43.791-19.066-43.791-22.244 0-21.373 25.421-21.373 43.791v84.186c0 3.1776-2.6553 5.7458-5.9635 5.7458" fill-rule="evenodd"/>
+<path d="m778.96 1.5237c45.923 0 70.779 39.438 70.779 89.583 0 48.448-27.467 86.885-70.779 86.885-45.096 0-69.647-39.438-69.647-88.582 0-49.449 24.855-87.886 69.647-87.886m0.26116 32.429c-22.809 0-24.246 31.08-24.246 50.451 0 19.414-0.3047 60.854 23.985 60.854 23.985 0 25.116-33.431 25.116-53.802 0-13.407-0.56589-29.426-4.6141-42.136-3.4824-11.056-10.403-15.366-20.241-15.366" fill-rule="evenodd"/>
+<path d="m909.28 174.68h-30.819c-3.0906-0.21762-5.5718-2.6988-5.5718-5.7458l-0.0435-158.88c0.26118-2.9165 2.8294-5.18 5.9635-5.18h28.686c2.6988 0.1305 4.9188 1.9588 5.5282 4.44v24.289h0.56585c8.6624-21.721 20.807-32.081 42.18-32.081 13.886 0 27.424 5.0059 36.129 18.718 8.0964 12.711 8.0964 34.084 8.0964 49.449v99.987c-0.34822 2.7858-2.9165 5.0058-5.9635 5.0058h-31.036c-2.8294-0.21762-5.18-2.307-5.4847-5.0058v-86.275c0-17.368 2.0023-42.789-19.371-42.789-7.5306 0-14.452 5.0494-17.891 12.711-4.3529 9.7071-4.9188 19.371-4.9188 30.079v85.535c-0.0435 3.1776-2.7423 5.7458-6.0506 5.7458" fill-rule="evenodd"/>
+<path d="m496.93 98.812c0 12.058 0.3047 22.113-5.7894 32.821-4.9188 8.7059-12.754 14.06-21.416 14.06-11.884 0-18.848-9.0541-18.848-22.418 0-26.379 23.636-31.167 46.054-31.167v6.7035m31.211 75.436c-2.0459 1.8282-5.0059 1.9588-7.3129 0.74001-10.273-8.5318-12.145-12.493-17.76-20.633-16.976 17.325-29.034 22.505-51.016 22.505-26.074 0-46.315-16.062-46.315-48.23 0-25.116 13.581-42.223 32.995-50.581 16.802-7.4 40.265-8.7059 58.199-10.752v-4.0047c0-7.3565 0.56589-16.062-3.787-22.418-3.7435-5.7024-10.969-8.053-17.368-8.053-11.796 0-22.287 6.0506-24.855 18.587-0.52235 2.7859-2.5682 5.5282-5.3976 5.6588l-29.992-3.2212c-2.5247-0.56585-5.3541-2.6118-4.6141-6.4858 6.8776-36.391 39.786-47.36 69.212-47.36 15.061 0 34.736 4.0047 46.62 15.409 15.061 14.06 13.625 32.821 13.625 53.236v48.231c0 14.495 6.007 20.851 11.666 28.686 1.9588 2.7858 2.3941 6.1376-0.13071 8.227-6.3118 5.2671-17.542 15.061-23.724 20.546l-0.0435-0.0872" fill-rule="evenodd"/>
+<path d="m91.194 98.812c0 12.058 0.30468 22.113-5.7894 32.821-4.9188 8.7059-12.711 14.06-21.416 14.06-11.884 0-18.805-9.0541-18.805-22.418 0-26.379 23.636-31.167 46.011-31.167v6.7035m31.211 75.436c-2.0459 1.8282-5.0059 1.9588-7.313 0.74001-10.273-8.5318-12.101-12.493-17.76-20.633-16.976 17.325-28.991 22.505-51.016 22.505-26.031 0-46.315-16.062-46.315-48.23 0-25.116 13.625-42.223 32.995-50.581 16.802-7.4 40.265-8.7059 58.199-10.752v-4.0047c0-7.3565 0.56588-16.062-3.7435-22.418-3.7871-5.7024-11.013-8.053-17.368-8.053-11.796 0-22.331 6.0506-24.899 18.587-0.52236 2.7859-2.5682 5.5282-5.3541 5.6588l-30.035-3.2212c-2.5247-0.56585-5.3106-2.6118-4.6141-6.4858 6.9212-36.391 39.786-47.36 69.212-47.36 15.061 0 34.736 4.0047 46.62 15.409 15.061 14.06 13.625 32.821 13.625 53.236v48.231c0 14.495 6.0071 20.851 11.666 28.686 2.0023 2.7858 2.4376 6.1376-0.0871 8.227-6.3118 5.2671-17.542 15.061-23.724 20.546l-0.087-0.0872" fill-rule="evenodd"/>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/cisco.svg b/js/_website/src/lib/assets/logos/cisco.svg
new file mode 100644
index 0000000..31c8e28
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/cisco.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 220" width="480" height="220"><title>480x220-Cisco-Partner-Cameo-Global</title><rect width="480" height="220" style="fill: none"></rect><g><path d="M364.54,150.09c0,15.51-12.08,27.3-27.91,27.29S308.79,165.55,308.8,150s12.11-27.33,27.91-27.3S364.56,134.59,364.54,150.09Zm-14.12,0A13.76,13.76,0,1,0,336.58,164a13.58,13.58,0,0,0,13.84-13.88Z" style="fill: #059fd8"></path><path d="M205.32,169.92c0-1.6.06-3.2,0-4.77-.06-1.1.18-1.34,1.29-1A40.73,40.73,0,0,0,220,165.67a12.86,12.86,0,0,0,5-1.16c3.2-1.58,3.48-5,.61-7.08a17.25,17.25,0,0,0-5.23-2.26,32.72,32.72,0,0,1-9.39-4.29c-8.58-6.07-7.37-20,1.5-25.13a24.25,24.25,0,0,1,12.59-3,59.31,59.31,0,0,1,11.72,1.41c.8.17,1.08.47,1.06,1.33-.06,3.06-.05,6.13,0,9.2,0,.8-.16,1-1,.78a36.32,36.32,0,0,0-11-1.31,10.47,10.47,0,0,0-4.8,1.29,3.38,3.38,0,0,0-.52,5.78,11.48,11.48,0,0,0,4.15,2,54.68,54.68,0,0,1,7.84,2.82c5.6,2.87,9,7.25,9,13.68,0,6.71-2.92,11.77-9,14.87a27.14,27.14,0,0,1-11.5,2.76,74.33,74.33,0,0,1-14.74-1.2c-.8-.12-1-.42-1-1.2C205.36,173.27,205.32,171.59,205.32,169.92Z" style="fill: #059fd8"></path><path d="M294.74,138.75A24.67,24.67,0,0,0,282.47,136a14,14,0,0,0-.65,28,23.78,23.78,0,0,0,12.06-2.24,1.15,1.15,0,0,1,.86-.24v11.06c0,3,0,3-3,3.67-7.4,1.71-14.72,1.7-21.72-1.57-9.8-4.58-15-12.42-15.5-23.2-.46-9.53,2.88-17.49,10.63-23.3,5.46-4.1,11.76-5.64,18.52-5.46a40.25,40.25,0,0,1,10.11,1.6c.49.14.95.21.95,1C294.72,129.71,294.74,134.15,294.74,138.75Z" style="fill: #059fd8"></path><path d="M155.65,138.75A24.45,24.45,0,0,0,143.37,136a14,14,0,0,0-.6,28,24,24,0,0,0,12.7-2.57c.31.34.17.71.17,1,0,4,0,7.89,0,11.83,0,.83-.17,1.24-1.07,1.49-8,2.12-15.92,2.45-23.6-1.1-10-4.62-15.08-12.62-15.53-23.54-.37-8.78,2.61-16.25,9.38-22a27.24,27.24,0,0,1,15.1-6.25,38.57,38.57,0,0,1,14.65,1.37c.76.21,1.08.49,1.07,1.36C155.62,130,155.65,134.25,155.65,138.75Z" style="fill: #059fd8"></path><path d="M174,79.4v34.4c0,3.55-2.06,6.27-5.2,6.93a6.64,6.64,0,0,1-8.06-6.32V44.89c0-2.66.87-4.85,3.2-6.27a6.27,6.27,0,0,1,6.69-.13,6.49,6.49,0,0,1,3.41,6q0,14.58,0,29.15C174,75.59,174,77.5,174,79.4Z" style="fill: #079fd9"></path><path d="M306.12,79.25V44.6c0-3.63,2.09-6.25,5.4-6.84A6.58,6.58,0,0,1,319.19,43a6.8,6.8,0,0,1,.11,1v69.54a7.73,7.73,0,0,1-1,4.23,6.62,6.62,0,0,1-7.37,2.87,6.52,6.52,0,0,1-4.8-6.4c0-9.56,0-19.11,0-28.67C306.12,83.47,306.12,81.36,306.12,79.25Z" style="fill: #059fd8"></path><path d="M187.34,150q0,12.6,0,25.2c0,1-.29,1.25-1.26,1.23-3.7-.05-7.41,0-11.11,0-.77,0-1-.18-1-1q0-25.4,0-50.78c0-.83.22-1.07,1.06-1.07,3.67,0,7.33.06,11,0,1,0,1.33.24,1.33,1.31C187.32,133.29,187.34,141.65,187.34,150Z" style="fill: #079fd9"></path><path d="M355.64,85.15c0,5.38,0,10.75,0,16.12a6.62,6.62,0,0,1-13,1.74,7.13,7.13,0,0,1-.31-2q0-15.89,0-31.77a6.31,6.31,0,0,1,3.83-6.11,6.64,6.64,0,0,1,9.46,6.13V85.15Z" style="fill: #079fd9"></path><path d="M124.36,85.07c0-5.29,0-10.59,0-15.88a6.62,6.62,0,0,1,12.18-3.66,6.77,6.77,0,0,1,1.08,3.74c0,10.55,0,21.1,0,31.66a6.63,6.63,0,1,1-13.26-.08C124.34,95.59,124.36,90.33,124.36,85.07Z" style="fill: #079fd9"></path><path d="M197,85.13c0-5.3,0-10.6,0-15.89A6.63,6.63,0,0,1,207.82,64a6.23,6.23,0,0,1,2.46,5.09q0,16,0,32a6.6,6.6,0,0,1-6.54,6.66h-.06A6.67,6.67,0,0,1,197,100.9C197,95.64,197,90.38,197,85.13Z" style="fill: #079fd9"></path><path d="M283,85.2c0,5.25,0,10.51,0,15.76a6.44,6.44,0,0,1-3.6,6,6.22,6.22,0,0,1-6.67-.4c-2.18-1.45-3-3.6-3-6.17,0-9,0-18,0-27,0-1.51-.06-3,0-4.53a6.59,6.59,0,1,1,13.18.41C283,74.61,283,79.91,283,85.2Z" style="fill: #059fd8"></path><path d="M88,94.22V87.54a6.63,6.63,0,1,1,13.26-.15q.1,6.8,0,13.6a6.64,6.64,0,0,1-6.61,6.76A6.71,6.71,0,0,1,88,100.91C88,98.68,88,96.45,88,94.22Z" style="fill: #079fd9"></path><path d="M246.6,94.24c0,2.27.05,4.54,0,6.8a6.6,6.6,0,0,1-12.91,2,7.72,7.72,0,0,1-.31-2.24c0-4.46,0-8.92,0-13.38a6.6,6.6,0,0,1,12.44-3.2,7.24,7.24,0,0,1,.78,3.45C246.61,89.86,246.6,92.05,246.6,94.24Z" style="fill: #079fd9"></path><path d="M392,94.27c0,2.31.06,4.62,0,6.93A6.59,6.59,0,0,1,379,102.91a8.53,8.53,0,0,1-.27-2.24c0-4.3,0-8.61,0-12.91,0-3.75,2.22-6.45,5.58-7a6.53,6.53,0,0,1,7.59,6.55C392,89.65,392,92,392,94.27Z" style="fill: #059fd8"></path></g></svg> 
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/logos/factmata.svg b/js/_website/src/lib/assets/logos/factmata.svg
new file mode 100644
index 0000000..95edeb4
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/factmata.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="135.367" height="21.453" viewBox="0 0 135.367 21.453">
+  <g id="Factmata_logo" data-name="Factmata logo" transform="translate(0.002)">
+    <path id="F" d="M.459,12.742S.472,4.362.472,1.761a.894.894,0,0,1,.06-.343A1.91,1.91,0,0,1,1.222.511,1.432,1.432,0,0,1,1.97.282c1.174-.011,6.763,0,6.763,0a.505.505,0,0,1,.506.507V2.336a.505.505,0,0,1-.506.507l-5.67.007V5.638H6.514a.5.5,0,0,1,.5.5v1.5a.5.5,0,0,1-.5.5H3.064v4.6a.514.514,0,0,1-.514.514H.976a.514.514,0,0,1-.517-.512Z" transform="translate(30.783 3.902)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="A1" d="M.084,12.788c.432-1.177,4.08-10.936,4.08-10.936C4.548.831,4.926.36,5.643.371,6.422.4,6.731.993,7.094,1.962v.013c1.09,2.841,4.1,10.813,4.1,10.813a.377.377,0,0,1-.353.509H8.924a.375.375,0,0,1-.353-.249l-.7-1.864H3.387L2.7,13.048a.375.375,0,0,1-.353.249H.437a.377.377,0,0,1-.353-.509Zm6.83-4.1-1.3-3.376c-.035.1-.644,1.7-1.279,3.376Z" transform="translate(41.52 3.826)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="C" d="M10.39,11.666a6.81,6.81,0,0,1-3.827,1.259,6.762,6.762,0,0,1-5.281-2.878A7,7,0,0,1,.192,5.965,6.875,6.875,0,0,1,3.178.894a7.072,7.072,0,0,1,7.085.117l.477.293a.3.3,0,0,1,.1.407L9.8,3.4a.292.292,0,0,1-.4.1,8.976,8.976,0,0,0-1.3-.729,3.915,3.915,0,0,0-4.64,1.406,4.181,4.181,0,0,0,1.116,5.5,3.92,3.92,0,0,0,4.054.058.008.008,0,0,0,.008,0L9.4,9.252a.294.294,0,0,1,.4.1l1.032,1.694a.3.3,0,0,1-.1.407Z" transform="translate(55.139 4.204)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="T1" d="M1,.371H9.948a.5.5,0,0,1,.5.505v.668a1.227,1.227,0,0,1,.013.154.955.955,0,0,1-.013.181v.543a.5.5,0,0,1-.5.505l-3.174.011v9.868a.507.507,0,0,1-.518.492H4.714a.515.515,0,0,1-.513-.505V2.94L1,2.924a.5.5,0,0,1-.5-.505V.876A.5.5,0,0,1,1,.371Z" transform="translate(69.719 3.826)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="M" d="M.213,12.759V1.638A1.318,1.318,0,0,1,1.548.321c.648,0,1.067.627,1.326,1.266L6.11,8.819c.668-1.571,3.438-7.7,3.438-7.7a1.309,1.309,0,0,1,1.3-.8A1.344,1.344,0,0,1,12,1.669v11.09a.5.5,0,0,1-.5.505H9.92a.5.5,0,0,1-.5-.505l.008-5.106c-.745,1.683-1.179,2.8-2.023,4.51-.328.635-.622,1.05-1.217,1.066a1.46,1.46,0,0,1-1.377-1.05L2.788,7.644c0,1.458-.006,5.114-.006,5.114a.5.5,0,0,1-.5.505H.717A.5.5,0,0,1,.213,12.759Z" transform="translate(84.493 3.862)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="A2" d="M.09,12.788C.521,11.611,4.169,1.852,4.169,1.852,4.553.831,4.932.36,5.648.371,6.427.4,6.737.993,7.1,1.962v.013c1.09,2.841,4.1,10.813,4.1,10.813a.377.377,0,0,1-.353.509H8.93a.375.375,0,0,1-.353-.249l-.7-1.864H3.392l-.683,1.864a.375.375,0,0,1-.353.249H.442a.376.376,0,0,1-.352-.509Zm6.83-4.1-1.3-3.376c-.035.1-.644,1.7-1.28,3.376Z" transform="translate(100.246 3.826)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="T2" d="M1,.371H9.948a.5.5,0,0,1,.5.505V2.419a.5.5,0,0,1-.5.505l-3.174.014v9.868a.507.507,0,0,1-.518.492H4.714a.515.515,0,0,1-.513-.505V2.94L1,2.924a.5.5,0,0,1-.5-.505V.876A.5.5,0,0,1,1,.371Z" transform="translate(112.883 3.826)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="A3" d="M.035,12.788C.468,11.611,4.116,1.852,4.116,1.852,4.5.831,4.877.36,5.594.371,6.373.4,6.685.992,7.046,1.962v.013c1.09,2.841,4.1,10.813,4.1,10.813a.377.377,0,0,1-.353.509H8.876a.375.375,0,0,1-.353-.249l-.406-1.1-.291-.764H3.343L2.66,13.045a.375.375,0,0,1-.353.249H.388a.376.376,0,0,1-.353-.506Zm6.831-4.1-1.3-3.376c-.035.1-.644,1.7-1.28,3.376Z" transform="translate(124.198 3.815)" fill="#33375a" fill-rule="evenodd"/>
+    <path id="Green1" d="M7.62,2.279c-2.225,0-1.981,1.033-3.247,1.033H1.616a1.57,1.57,0,0,1,0-3.134h10.2a1.6,1.6,0,0,1,1.5,1.567,1.6,1.6,0,0,1-1.5,1.567h-.955C9.717,3.312,9.842,2.279,7.62,2.279Z" transform="translate(-0.143 5.636)" fill="#3dbf5d" fill-rule="evenodd" opacity="0.6"/>
+    <path id="Red2" d="M5.844,1.565A1.534,1.534,0,0,0,4.311.031H1.555a1.534,1.534,0,0,0,0,3.066H4.311A1.534,1.534,0,0,0,5.844,1.565Z" transform="translate(-0.022 12.84)" fill="#ef2569" fill-rule="evenodd" opacity="0.6"/>
+    <path id="Red3" d="M5.229,1.565A1.534,1.534,0,0,0,3.7.031H1.553a1.534,1.534,0,0,0,0,3.066H3.7A1.534,1.534,0,0,0,5.229,1.565Z" transform="translate(17.446 12.84)" fill="#ef2569" fill-rule="evenodd" opacity="0.6"/>
+    <path id="Green2" d="M13.222-3a1.534,1.534,0,0,1-1.533,1.534H1.58A1.534,1.534,0,0,1,.046-3,1.534,1.534,0,0,1,1.58-4.529H11.689A1.534,1.534,0,0,1,13.222-3Z" transform="translate(4.55 22.915)" fill="#3dbf5d" fill-rule="evenodd" opacity="0.6"/>
+    <path id="Tick" d="M14.924.1A2.131,2.131,0,0,1,16.37,3.687c-2.893,2.733-5.6,5.277-8.525,7.967a2.143,2.143,0,0,1-.265.214,2.865,2.865,0,0,1-3.524-.246C2.936,10.559,1.829,9.475.718,8.4A2.156,2.156,0,0,1,1.61,4.916a2.17,2.17,0,0,1,2.073.5C4.361,6.078,5,6.772,5.7,7.4c.376.331.984-.415,1.528-.925C9.37,4.473,11.3,2.638,13.46.649a1.77,1.77,0,0,1,.387-.28A2.018,2.018,0,0,1,14.924.1Z" transform="translate(5.458 4.384)" fill="#1d9af2" fill-rule="evenodd"/>
+    <path id="Red1" d="M13.222-3a1.534,1.534,0,0,1-1.533,1.534H1.58A1.534,1.534,0,0,1,.046-3,1.534,1.534,0,0,1,1.58-4.529H11.689A1.534,1.534,0,0,1,13.222-3Z" transform="translate(4.55 4.529)" fill="#ef2569" fill-rule="evenodd" opacity="0.6"/>
+  </g>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/fb.svg b/js/_website/src/lib/assets/logos/fb.svg
new file mode 100644
index 0000000..0715538
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/fb.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 200"><path d="M63.35 190.562H25.669V96.628H0V66.045h25.668V44.283C25.668 18.495 37.021 0 74.6 0c7.948 0 20.426 1.602 20.426 1.602V30H81.92c-13.354 0-18.568 4.062-18.568 15.292v20.753h31.174L91.75 96.628H63.351zm86.46-126.961c-.549 0-1.114.02-1.673.034-34.94 0-50.926 26.282-50.926 63.59 0 46.998 20.736 65.808 51.199 65.808 17.429 0 28.88-7.336 35.84-21.026v18.568h35.84V66.058h-35.84v19.149c-5.683-12.32-17.454-21.46-34.44-21.606zm9.113 29.423c14.675 0 23.483 10.236 23.483 27.647l.034 17.783c0 11.735-7.275 25.464-23.517 25.464-24.97 0-24.303-26.962-24.303-35.942 0-30.207 13.304-34.952 24.303-34.952zm75.641 35.299c0-15.131-.724-64.641 63.78-64.641 25.893 0 36.705 8.233 36.705 8.233l-8.69 26.953s-10.798-5.946-24.868-5.946c-18.021 0-29.52 10.447-29.52 28.828l.02 13.18c0 17.662 11.095 29.452 29.537 29.452 12.818 0 24.632-6.002 24.632-6.002l8.668 26.39s-9.886 8.285-36.303 8.285c-61.418 0-63.96-44.42-63.96-64.732zm310.628-64.688c34.941 0 51.179 26.282 51.179 63.59 0 46.998-20.737 65.808-51.2 65.808-17.429 0-30.313-7.335-37.273-21.026v18.568l-35.389-.014V3.786L510.083.509V83.52c5.423-14.523 23.245-19.885 35.11-19.885zm-10.534 29.389c-14.675 0-24.575 10.236-24.575 27.647l-.035 17.783c-.022 11.735 6.856 25.464 24.61 25.464 24.97 0 24.303-26.962 24.303-35.942 0-30.207-13.303-34.952-24.303-34.952zM400.243 63.738c-39.63 0-60.552 21.607-60.552 60.005v7.134c0 49.837 29.381 62.668 64.409 62.668 34.047 0 49.458-9.523 49.458-9.523l-7.031-25.36s-18.128 7.713-37.922 7.713c-20.52 0-29.345-5.23-31.607-24.95h79.564V121.08c0-41.652-23.481-57.343-56.32-57.343zm.955 25.394c13.718 0 22.607 8.412 22.119 27.921h-46.25c.802-20.533 10.388-27.92 24.131-27.92zm270.094-25.565c-40.697 0-62.122 22.934-62.122 64.033 0 56.39 36.932 65.467 62.19 65.467 36.976 0 61.576-19.907 61.576-64.955 0-46.887-27.66-64.545-61.644-64.545zm-.512 29.559c17.895 0 24.986 13.393 24.986 28.638v13.107c0 18.468-9.922 29.15-25.054 29.15-14.152 0-24.098-9.992-24.098-29.15v-13.107c0-20.432 11.835-28.638 24.166-28.638zm137.01-29.559c-40.697 0-62.122 22.934-62.122 64.033 0 56.39 36.932 65.467 62.19 65.467 36.975 0 61.576-19.907 61.576-64.955 0-46.887-27.661-64.545-61.644-64.545zm-.512 29.559c17.895 0 24.985 13.393 24.985 28.638v13.107c0 18.468-9.922 29.15-25.053 29.15-14.152 0-24.098-9.992-24.098-29.15v-13.107c0-20.432 11.835-28.638 24.166-28.638zm76.355 97.436V3.786L921.316.51v125.189l37.386-59.653h39.796l-39 61.783L1000 190.562h-39.909l-38.775-60.914v60.914z" fill="#1877f2"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/logos/google.svg b/js/_website/src/lib/assets/logos/google.svg
new file mode 100644
index 0000000..8eb8c82
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/google.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 596 194.5" width="2500" height="816"><style>.st0{fill:#3780ff}.st1{fill:#38b137}.st2{fill:#fa3913}.st3{fill:#fcbd06}</style><path class="st0" d="M73.4 0h5.3c18.4.4 36.5 7.8 49.5 20.9-4.8 4.9-9.7 9.6-14.4 14.5-7.3-6.6-16.1-11.7-25.7-13.5-14.2-3-29.5-.3-41.4 7.8C33.7 38.2 24.9 52.6 23 68c-2.1 15.2 2.2 31.2 12.1 43 9.5 11.5 24 18.7 39 19.2 14 .8 28.6-3.5 38.8-13.3 8-6.9 11.7-17.4 12.9-27.6-16.6 0-33.2.1-49.8 0V68.7h69.9c3.6 22.1-1.6 47-18.4 62.8-11.2 11.2-26.7 17.8-42.5 19.1-15.3 1.5-31.1-1.4-44.7-8.8C24 133.1 11 118.4 4.6 101.1c-6-15.9-6.1-33.9-.5-49.9C9.2 36.6 19 23.7 31.6 14.7 43.7 5.8 58.4.9 73.4 0z"/><path class="st1" d="M474.4 5.2h21.4V148c-7.1 0-14.3.1-21.4-.1.1-47.5 0-95.1 0-142.7z"/><path class="st2" d="M193.5 54.7c13.2-2.5 27.5.3 38.4 8.2 9.9 7 16.8 18 18.9 30 2.7 13.9-.7 29.1-9.7 40.1-9.7 12.3-25.6 18.9-41.1 17.9-14.2-.8-28-7.9-36.4-19.5-9.5-12.8-11.8-30.4-6.6-45.4 5.2-16.1 19.9-28.4 36.5-31.3m3 19c-5.4 1.4-10.4 4.5-14 8.9-9.7 11.6-9.1 30.5 1.6 41.3 6.1 6.2 15.3 9.1 23.8 7.4 7.9-1.4 14.8-6.7 18.6-13.7 6.6-11.9 4.7-28.3-5.4-37.6-6.5-6-16-8.5-24.6-6.3z"/><path class="st3" d="M299.5 54.7c15.1-2.9 31.6 1.3 42.9 11.9 18.4 16.5 20.4 47.4 4.7 66.4-9.5 12-24.9 18.6-40.1 17.9-14.5-.4-28.8-7.6-37.4-19.5-9.7-13.1-11.8-31.1-6.3-46.4 5.5-15.6 19.9-27.5 36.2-30.3m3 19c-5.4 1.4-10.4 4.5-14 8.8-9.6 11.4-9.2 30 1.1 40.9 6.1 6.5 15.6 9.7 24.4 7.9 7.8-1.5 14.8-6.7 18.6-13.7 6.5-12 4.6-28.4-5.6-37.7-6.5-6-16-8.4-24.5-6.2z"/><path class="st0" d="M389.4 60.5c11.5-7.2 26.8-9.2 39.2-3 3.9 1.7 7.1 4.6 10.2 7.5.1-2.7 0-5.5.1-8.3 6.7.1 13.4 0 20.2.1V145c-.1 13.3-3.5 27.4-13.1 37.1-10.5 10.7-26.6 14-41.1 11.8-15.5-2.3-29-13.6-35-27.9 6-2.9 12.3-5.2 18.5-7.9 3.5 8.2 10.6 15.2 19.5 16.8 8.9 1.6 19.2-.6 25-8 6.2-7.6 6.2-18 5.9-27.3-4.6 4.5-9.9 8.5-16.3 10-13.9 3.9-29.2-.9-39.9-10.3-10.8-9.4-17.2-23.9-16.6-38.3.3-16.3 9.5-32 23.4-40.5m20.7 12.8c-6.1 1-11.8 4.4-15.7 9.1-9.4 11.2-9.4 29.1.1 40.1 5.4 6.5 14.1 10.1 22.5 9.2 7.9-.8 15.2-5.8 19.1-12.7 6.6-11.7 5.5-27.6-3.4-37.8-5.5-6.3-14.3-9.4-22.6-7.9z"/><path class="st2" d="M521.5 65.6c12-11.2 30.5-15 45.9-9.1C582 62 591.3 75.9 596 90.2c-21.7 9-43.3 17.9-65 26.9 3 5.7 7.6 10.9 13.8 13 8.7 3.1 19.1 2 26.4-3.8 2.9-2.2 5.2-5.1 7.4-7.9 5.5 3.7 11 7.3 16.5 11-7.8 11.7-20.9 19.9-35 21.2-15.6 1.9-32.2-4.1-42.3-16.3-16.6-19.2-15-51.4 3.7-68.7m10.7 18.5c-3.4 4.9-4.8 10.9-4.7 16.8 14.5-6 29-12 43.5-18.1-2.4-5.6-8.2-9-14.1-9.9-9.5-1.7-19.4 3.4-24.7 11.2z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/logos/gradio.svg b/js/_website/src/lib/assets/logos/gradio.svg
new file mode 100644
index 0000000..ff8df41
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/gradio.svg
@@ -0,0 +1,20 @@
+<svg width="2016" height="703" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#232D36"/>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/hf-logo.svg b/js/_website/src/lib/assets/logos/hf-logo.svg
new file mode 100644
index 0000000..ab959d1
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/hf-logo.svg
@@ -0,0 +1,8 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M230.721 172.7C230.183 170.673 229.313 168.75 228.146 167.008C228.396 166.091 228.587 165.159 228.714 164.217C229.543 158.241 227.471 152.77 223.567 148.537C221.452 146.225 219.185 144.698 216.784 143.761C218.36 137.018 219.157 130.117 219.161 123.193C219.161 120.03 218.982 116.932 218.682 113.88C218.526 112.356 218.337 110.836 218.115 109.32C217.428 104.847 216.408 100.431 215.064 96.11C214.183 93.2707 213.164 90.476 212.01 87.736C210.281 83.6782 208.262 79.75 205.969 75.982C204.465 73.475 202.827 71.0508 201.062 68.72C200.197 67.543 199.296 66.3938 198.358 65.274C195.58 61.898 192.561 58.7277 189.325 55.788C188.25 54.7997 187.145 53.8453 186.01 52.926C184.893 51.9943 183.751 51.0927 182.586 50.222C180.241 48.4766 177.818 46.8392 175.324 45.315C161.543 36.945 145.382 32.145 128.109 32.145C77.817 32.145 37.057 72.907 37.057 123.196C37.055 130.208 37.867 137.196 39.477 144.02C37.317 144.958 35.247 146.42 33.327 148.535C29.424 152.766 27.351 158.217 28.18 164.193C28.306 165.142 28.495 166.082 28.747 167.006C27.5811 168.749 26.7117 170.673 26.174 172.7C24.974 177.261 25.369 181.374 26.894 184.978C25.236 189.688 25.65 194.704 27.809 199.065C29.379 202.25 31.626 204.714 34.396 206.916C37.689 209.534 41.811 211.758 46.783 213.892C52.715 216.422 59.956 218.799 63.249 219.671C71.755 221.873 79.911 223.269 88.177 223.337C99.954 223.446 110.096 220.677 117.357 213.59C120.924 214.027 124.515 214.246 128.109 214.244C131.906 214.236 135.699 213.997 139.467 213.529C146.711 220.661 156.892 223.455 168.712 223.343C176.977 223.277 185.133 221.881 193.617 219.676C196.932 218.804 204.17 216.427 210.105 213.897C215.077 211.76 219.199 209.536 222.514 206.922C225.263 204.719 227.508 202.256 229.079 199.071C231.26 194.709 231.652 189.693 230.017 184.983C231.527 181.379 231.92 177.257 230.721 172.7ZM222.281 184.673C223.952 187.844 224.059 191.427 222.585 194.764C220.349 199.821 214.795 203.805 204.008 208.082C197.3 210.742 191.158 212.443 191.104 212.458C182.232 214.759 174.208 215.928 167.262 215.928C155.76 215.928 147.201 212.754 141.773 206.486C132.594 208.05 123.222 208.103 114.026 206.644C108.591 212.808 100.081 215.928 88.676 215.928C81.729 215.928 73.706 214.759 64.833 212.458C64.779 212.443 58.639 210.742 51.929 208.082C41.143 203.805 35.587 199.824 33.352 194.764C31.878 191.427 31.985 187.844 33.656 184.673C33.81 184.378 33.976 184.091 34.153 183.813C33.1516 182.309 32.4799 180.61 32.182 178.827C31.8842 177.045 31.967 175.22 32.425 173.472C33.089 170.949 34.46 168.851 36.322 167.344C35.425 165.87 34.8365 164.23 34.592 162.522C34.056 158.808 35.289 155.1 38.062 152.076C40.222 149.723 43.275 148.428 46.655 148.428H46.745C44.1965 140.259 42.9044 131.75 42.913 123.193C42.913 76.522 80.749 38.683 127.427 38.683C174.104 38.683 211.94 76.518 211.94 123.193C211.947 131.773 210.646 140.304 208.081 148.492C208.489 148.452 208.889 148.432 209.282 148.431C212.662 148.431 215.716 149.726 217.874 152.079C220.647 155.1 221.881 158.811 221.344 162.525C221.1 164.233 220.511 165.873 219.615 167.347C221.477 168.854 222.849 170.952 223.512 173.475C223.97 175.223 224.053 177.048 223.755 178.831C223.458 180.613 222.786 182.312 221.784 183.816C221.961 184.091 222.129 184.378 222.281 184.673Z" fill="white"/>
+<path d="M221.784 183.816C222.786 182.312 223.458 180.613 223.756 178.831C224.053 177.048 223.97 175.223 223.512 173.475C222.848 170.952 221.476 168.854 219.615 167.347C220.512 165.873 221.1 164.233 221.344 162.525C221.881 158.811 220.648 155.103 217.874 152.079C215.716 149.726 212.662 148.431 209.282 148.431C208.889 148.431 208.489 148.452 208.081 148.492C210.643 140.304 211.942 131.774 211.933 123.195C211.933 76.5231 174.097 38.6851 127.424 38.6851C80.75 38.6851 42.9099 76.5191 42.9099 123.195C42.9015 131.752 44.1936 140.261 46.742 148.43H46.6519C43.2719 148.43 40.219 149.724 38.06 152.077C35.287 155.098 34.0529 158.81 34.5899 162.523C34.8346 164.231 35.4231 165.872 36.3199 167.346C34.4579 168.852 33.086 170.95 32.422 173.473C31.9642 175.222 31.8817 177.047 32.1799 178.83C32.4781 180.612 33.1501 182.312 34.1519 183.816C33.9739 184.094 33.8099 184.381 33.6549 184.676C31.9849 187.847 31.877 191.43 33.352 194.767C35.588 199.824 41.1419 203.808 51.9289 208.085C58.6359 210.745 64.779 212.446 64.833 212.461C73.705 214.762 81.729 215.931 88.675 215.931C100.081 215.931 108.591 212.811 114.026 206.647C123.222 208.106 132.594 208.052 141.773 206.489C147.201 212.757 155.76 215.931 167.262 215.931C174.208 215.931 182.232 214.762 191.103 212.461C191.158 212.446 197.298 210.745 204.008 208.085C214.795 203.808 220.35 199.824 222.585 194.767C224.059 191.43 223.952 187.847 222.281 184.676C222.129 184.379 221.961 184.091 221.784 183.816ZM110.137 196.997C109.669 197.815 109.168 198.614 108.635 199.391C107.23 201.448 105.382 203.02 103.237 204.188C99.1369 206.424 93.947 207.205 88.675 207.205C80.346 207.205 71.808 205.256 67.023 204.015C66.787 203.954 37.689 195.735 41.373 188.739C41.993 187.562 43.0129 187.092 44.2979 187.092C49.4849 187.092 58.9299 194.816 62.9889 194.816C63.8959 194.816 64.5359 194.43 64.7969 193.488C66.5269 187.284 38.5039 184.676 40.8639 175.692C41.2799 174.102 42.41 173.456 43.998 173.456C50.856 173.455 66.248 185.516 69.467 185.516C69.714 185.516 69.8909 185.443 69.9869 185.291C70.0009 185.268 70.015 185.246 70.028 185.222C71.539 182.727 70.6719 180.913 60.3209 174.573L59.3269 173.968C47.9359 167.074 39.9409 162.925 44.4879 157.975C45.0109 157.404 45.7529 157.151 46.6539 157.151C47.7219 157.151 49.0149 157.508 50.4389 158.108C56.4549 160.645 64.793 167.564 68.276 170.581C68.8239 171.057 69.3683 171.538 69.9089 172.022C69.9089 172.022 74.319 176.608 76.985 176.608C77.599 176.608 78.1199 176.366 78.4729 175.768C80.364 172.58 60.9099 157.838 59.8129 151.755C59.0689 147.634 60.3349 145.546 62.6749 145.546C63.7879 145.546 65.1459 146.02 66.6449 146.971C71.2949 149.922 80.2729 165.35 83.5599 171.352C84.6619 173.363 86.5429 174.213 88.2379 174.213C91.6009 174.213 94.2299 170.87 88.5459 166.622C80.0029 160.23 83.001 149.782 87.078 149.139C87.252 149.111 87.4279 149.097 87.6029 149.097C91.3109 149.097 92.9459 155.486 92.9459 155.486C92.9459 155.486 97.7399 167.524 105.975 175.753C113.447 183.222 114.491 189.351 110.137 196.997ZM136.766 198.407L136.339 198.458L135.611 198.541C135.228 198.581 134.844 198.619 134.459 198.654L134.084 198.688L133.741 198.717L133.255 198.756L132.718 198.795L132.182 198.83L132.063 198.838C131.923 198.846 131.783 198.855 131.641 198.862L131.462 198.872C131.296 198.881 131.13 198.889 130.962 198.896L130.381 198.921L129.854 198.939L129.502 198.949H129.323C129.213 198.949 129.104 198.955 128.994 198.956H128.82C128.71 198.956 128.601 198.956 128.491 198.961L128.043 198.967H127.418C126.927 198.967 126.437 198.962 125.949 198.952L125.553 198.943C125.44 198.943 125.327 198.938 125.216 198.934L124.796 198.922L124.275 198.902L123.805 198.881L123.684 198.876L123.237 198.853C123.112 198.846 122.989 198.84 122.865 198.831L122.576 198.814C122.213 198.791 121.85 198.766 121.487 198.738L121.107 198.707C120.947 198.695 120.787 198.68 120.628 198.666C120.441 198.65 120.254 198.632 120.067 198.614C119.754 198.585 119.441 198.553 119.128 198.519H119.113C123.683 188.324 121.372 178.802 112.137 169.575C106.08 163.526 102.051 154.594 101.215 152.633C99.5229 146.828 95.045 140.375 87.608 140.375C86.979 140.375 86.351 140.425 85.73 140.523C82.472 141.036 79.624 142.911 77.592 145.733C75.396 143.002 73.262 140.831 71.332 139.605C68.422 137.76 65.5179 136.824 62.6889 136.824C59.1579 136.824 56.0019 138.274 53.8019 140.904L53.7459 140.971C53.7039 140.798 53.6639 140.625 53.6229 140.451L53.6179 140.428C53.1992 138.638 52.8477 136.833 52.5639 135.016C52.5639 135.004 52.5639 134.992 52.5579 134.98C52.5359 134.843 52.5159 134.705 52.4949 134.568C52.4334 134.162 52.3757 133.755 52.3219 133.348C52.2979 133.163 52.2719 132.978 52.2489 132.793L52.1809 132.238C52.1589 132.053 52.1409 131.885 52.1209 131.709L52.115 131.665C52.0351 130.945 51.9651 130.225 51.9049 129.503L51.8829 129.226L51.8479 128.754C51.8379 128.625 51.8279 128.495 51.8209 128.365C51.8209 128.334 51.8159 128.304 51.8149 128.275C51.7895 127.913 51.7678 127.55 51.7499 127.187C51.7399 126.998 51.7299 126.81 51.7219 126.62L51.7019 126.124L51.6969 125.974L51.6809 125.517L51.6709 125.128C51.6709 124.973 51.6629 124.818 51.6609 124.663C51.6579 124.508 51.6539 124.338 51.6529 124.174C51.6509 124.01 51.6529 123.848 51.6479 123.685C51.6439 123.521 51.6479 123.358 51.6479 123.195C51.6479 81.3421 85.5789 47.4111 127.436 47.4111C169.292 47.4111 203.222 81.3411 203.222 123.195V124.174C203.222 124.337 203.217 124.501 203.214 124.663C203.214 124.798 203.208 124.931 203.204 125.068C203.204 125.188 203.199 125.309 203.195 125.425C203.195 125.578 203.186 125.731 203.181 125.884V125.896L203.16 126.427C203.153 126.582 203.147 126.738 203.139 126.893L203.134 127.003L203.107 127.499C203.048 128.562 202.967 129.623 202.866 130.683V130.696C202.849 130.87 202.832 131.044 202.813 131.218L202.768 131.629L202.679 132.433L202.628 132.84L202.565 133.319C202.542 133.493 202.519 133.668 202.493 133.841C202.467 134.036 202.438 134.23 202.409 134.424L202.34 134.883L202.258 135.403C202.23 135.576 202.2 135.748 202.168 135.92C202.135 136.093 202.109 136.265 202.079 136.437C202.019 136.781 201.956 137.125 201.89 137.468C201.789 137.981 201.686 138.493 201.58 139.005L201.47 139.512C201.434 139.681 201.395 139.851 201.357 140.02C199.224 137.947 196.399 136.818 193.284 136.818C190.457 136.818 187.55 137.753 184.641 139.598C182.711 140.824 180.578 142.996 178.381 145.726C176.346 142.904 173.498 141.029 170.242 140.516C169.621 140.418 168.993 140.368 168.364 140.368C160.925 140.368 156.45 146.821 154.757 152.626C153.917 154.587 149.887 163.519 143.825 169.577C134.596 178.775 132.268 188.254 136.766 198.407ZM215.007 177.998L214.977 178.087C214.901 178.288 214.813 178.484 214.714 178.674C214.639 178.814 214.558 178.95 214.47 179.082C214.303 179.331 214.12 179.569 213.921 179.793C213.875 179.845 213.831 179.897 213.779 179.948C213.707 180.025 213.634 180.101 213.559 180.175C212.213 181.509 210.161 182.679 207.841 183.752C207.578 183.871 207.311 183.99 207.042 184.11L206.774 184.229C206.595 184.308 206.416 184.386 206.228 184.463C206.049 184.541 205.863 184.619 205.677 184.695L205.119 184.925C203.814 185.462 202.477 185.974 201.173 186.479L200.615 186.696L200.064 186.912C199.697 187.055 199.335 187.198 198.979 187.341L198.448 187.555L197.926 187.768L197.67 187.876C197.499 187.947 197.332 188.018 197.165 188.089C193.328 189.736 190.567 191.411 191.147 193.489C191.163 193.548 191.181 193.604 191.201 193.659C191.253 193.813 191.324 193.958 191.413 194.095C191.465 194.176 191.525 194.253 191.592 194.323C192.274 195.032 193.515 194.92 195.08 194.357C195.3 194.276 195.519 194.192 195.736 194.104L195.872 194.048C196.23 193.896 196.609 193.726 196.996 193.542C197.093 193.496 197.191 193.452 197.289 193.401C199.203 192.465 201.372 191.205 203.524 190.058C204.385 189.593 205.258 189.152 206.142 188.733C208.18 187.774 210.096 187.094 211.636 187.094C212.359 187.094 212.997 187.242 213.529 187.582L213.618 187.641C213.952 187.876 214.232 188.178 214.441 188.528C214.482 188.595 214.522 188.666 214.561 188.739C215.322 190.184 214.685 191.68 213.194 193.147C211.763 194.556 209.537 195.937 207.007 197.215C206.819 197.31 206.631 197.405 206.44 197.498C198.91 201.196 189.049 203.981 188.912 204.016C186.284 204.697 182.526 205.591 178.292 206.26L177.666 206.358L177.563 206.373C177.089 206.445 176.614 206.512 176.138 206.574C175.655 206.639 175.167 206.698 174.676 206.753L174.586 206.763C172.806 206.968 171.019 207.104 169.228 207.169H169.202C168.554 207.192 167.907 207.204 167.259 207.204H166.512C165.524 207.191 164.538 207.146 163.553 207.07C163.53 207.07 163.505 207.07 163.482 207.064C163.129 207.037 162.777 207.004 162.425 206.965C162.06 206.926 161.696 206.882 161.333 206.833C161.094 206.801 160.856 206.765 160.618 206.726C160.376 206.687 160.134 206.647 159.893 206.605L159.564 206.543L159.539 206.538C159.192 206.472 158.847 206.399 158.503 206.319C158.303 206.274 158.104 206.23 157.907 206.176L157.788 206.146C157.69 206.122 157.595 206.096 157.498 206.07L157.445 206.056L157.137 205.966C157.025 205.935 156.913 205.901 156.801 205.868L156.762 205.857L156.471 205.768C156.361 205.734 156.251 205.698 156.142 205.662L155.874 205.573L155.677 205.504C155.487 205.437 155.298 205.368 155.111 205.296L154.933 205.226L154.786 205.168C154.502 205.054 154.22 204.935 153.941 204.81L153.756 204.72L153.725 204.706C153.659 204.675 153.594 204.644 153.528 204.617C153.399 204.555 153.271 204.491 153.144 204.426L153.105 204.407L152.921 204.31C152.594 204.139 152.274 203.957 151.96 203.764L151.788 203.658C151.702 203.605 151.616 203.55 151.532 203.494L151.308 203.346L151.067 203.18L150.923 203.077C150.771 202.969 150.622 202.857 150.476 202.742L150.243 202.563C150.15 202.488 150.058 202.412 149.967 202.335C149.89 202.272 149.815 202.206 149.74 202.14L149.734 202.135C149.653 202.064 149.574 201.993 149.495 201.92C149.417 201.849 149.339 201.777 149.263 201.704L149.254 201.695C149.174 201.619 149.096 201.542 149.019 201.463C148.942 201.385 148.863 201.307 148.788 201.227C148.713 201.148 148.636 201.067 148.562 200.984C148.488 200.902 148.42 200.827 148.35 200.746L148.327 200.719C148.259 200.641 148.192 200.562 148.126 200.481C147.983 200.31 147.844 200.135 147.71 199.956C147.575 199.776 147.443 199.592 147.314 199.405L147.191 199.221C147.027 198.981 146.867 198.739 146.712 198.493C146.596 198.316 146.483 198.138 146.373 197.957C146.302 197.844 146.234 197.73 146.166 197.618L146.138 197.572C146.073 197.462 146.009 197.354 145.947 197.245C145.911 197.186 145.877 197.127 145.845 197.066C145.812 197.004 145.774 196.941 145.739 196.878L145.682 196.779L145.647 196.715C145.58 196.595 145.514 196.474 145.45 196.352C145.42 196.298 145.391 196.244 145.36 196.192L145.271 196.019L145.181 195.848C144.956 195.398 144.743 194.942 144.543 194.48L144.472 194.311C144.426 194.198 144.383 194.086 144.337 193.975C144.315 193.921 144.293 193.868 144.274 193.814C144.167 193.537 144.067 193.257 143.975 192.975C143.942 192.874 143.91 192.775 143.88 192.675C143.808 192.448 143.743 192.219 143.685 191.988C143.614 191.719 143.551 191.448 143.498 191.175C143.487 191.12 143.476 191.065 143.467 191.012C143.415 190.745 143.373 190.476 143.34 190.206C143.332 190.153 143.326 190.1 143.32 190.047L143.303 189.885C143.281 189.673 143.264 189.46 143.254 189.247C143.254 189.193 143.249 189.139 143.247 189.087C143.242 188.981 143.24 188.875 143.239 188.769C143.183 184.496 145.345 180.388 149.968 175.767C158.203 167.54 162.997 155.501 162.997 155.501C162.997 155.501 163.126 154.996 163.394 154.269C163.431 154.168 163.47 154.064 163.514 153.955C163.67 153.548 163.846 153.148 164.041 152.758L164.08 152.683C164.246 152.351 164.428 152.027 164.624 151.712C164.67 151.639 164.714 151.567 164.765 151.494C164.912 151.277 165.067 151.065 165.23 150.86C165.319 150.749 165.416 150.639 165.513 150.532C165.552 150.49 165.59 150.448 165.631 150.408C166.108 149.915 166.653 149.513 167.27 149.299L167.348 149.273C167.4 149.256 167.452 149.24 167.505 149.225C167.566 149.209 167.627 149.195 167.69 149.182L167.719 149.176C167.849 149.15 167.981 149.133 168.114 149.124H168.125C168.194 149.124 168.264 149.117 168.335 149.117C168.424 149.117 168.507 149.117 168.594 149.126C168.684 149.134 168.773 149.144 168.863 149.158C169.605 149.276 170.311 149.718 170.919 150.4C171.15 150.66 171.358 150.94 171.54 151.236C171.66 151.428 171.773 151.631 171.88 151.845C171.923 151.934 171.964 152.016 172.004 152.104C172.108 152.33 172.202 152.56 172.284 152.795C172.479 153.345 172.626 153.911 172.723 154.487C172.807 154.992 172.857 155.502 172.873 156.013C172.881 156.286 172.881 156.563 172.873 156.842C172.819 158.14 172.553 159.421 172.086 160.634C172.044 160.745 171.997 160.857 171.952 160.969C171.86 161.195 171.759 161.417 171.65 161.634C171.569 161.799 171.484 161.965 171.392 162.13C171.332 162.24 171.269 162.35 171.206 162.46C171.045 162.734 170.871 163.006 170.684 163.277L170.571 163.439C170.129 164.055 169.637 164.633 169.099 165.167C168.569 165.698 168.001 166.189 167.4 166.637C166.798 167.083 166.233 167.577 165.711 168.114C164.208 169.691 163.858 171.083 164.196 172.138C164.25 172.304 164.321 172.465 164.407 172.617C164.508 172.791 164.628 172.951 164.764 173.097L164.817 173.152L164.871 173.206C164.925 173.258 164.982 173.309 165.043 173.359L165.103 173.407C165.248 173.519 165.402 173.619 165.563 173.707C165.61 173.732 165.652 173.757 165.705 173.781C165.879 173.866 166.058 173.939 166.242 173.998C166.293 174.015 166.344 174.03 166.396 174.046L166.461 174.063L166.551 174.087L166.628 174.106L166.712 174.124L166.795 174.141L166.874 174.154C166.932 174.164 166.992 174.174 167.052 174.181L167.109 174.19L167.213 174.2L167.277 174.207L167.382 174.214H167.444L167.554 174.22H167.9L167.999 174.214L168.113 174.207L168.252 174.194L168.382 174.179C168.412 174.179 168.442 174.171 168.472 174.165C168.872 174.107 169.264 174.001 169.639 173.849L169.798 173.782C169.887 173.743 169.977 173.702 170.059 173.658C170.235 173.57 170.406 173.47 170.57 173.361C170.799 173.211 171.015 173.043 171.217 172.858C171.265 172.815 171.312 172.769 171.358 172.725C171.381 172.703 171.403 172.682 171.425 172.658C171.469 172.613 171.514 172.569 171.558 172.52C171.878 172.168 172.155 171.78 172.383 171.363C174.34 167.804 176.391 164.298 178.534 160.849L178.828 160.378L179.125 159.907C179.273 159.668 179.423 159.433 179.572 159.199L179.722 158.965C180.22 158.185 180.726 157.41 181.241 156.641L181.546 156.185C182.158 155.278 182.768 154.396 183.373 153.558L183.674 153.143C184.332 152.236 185.017 151.348 185.728 150.482L186.01 150.144C186.057 150.088 186.1 150.032 186.151 149.978C186.244 149.868 186.337 149.761 186.428 149.657C186.474 149.604 186.517 149.552 186.566 149.5L186.834 149.198L186.968 149.051C187.103 148.906 187.235 148.767 187.365 148.634C187.455 148.544 187.538 148.455 187.624 148.371C188.131 147.853 188.69 147.388 189.293 146.985L189.433 146.895C189.567 146.805 189.706 146.721 189.848 146.645C192.212 145.303 194.169 145.204 195.296 146.331C195.978 147.013 196.356 148.144 196.335 149.718C196.335 149.787 196.335 149.857 196.33 149.929V150.006C196.33 150.078 196.324 150.15 196.318 150.223C196.318 150.313 196.308 150.402 196.299 150.492C196.29 150.581 196.285 150.649 196.276 150.729C196.276 150.751 196.272 150.774 196.268 150.798C196.262 150.867 196.253 150.938 196.243 151.009C196.243 151.03 196.243 151.052 196.235 151.074C196.224 151.169 196.21 151.263 196.194 151.357C196.183 151.447 196.168 151.531 196.152 151.619L196.126 151.768C196.1 151.91 196.067 152.05 196.026 152.188C195.948 152.447 195.854 152.7 195.743 152.946C195.588 153.284 195.417 153.613 195.229 153.933C195.125 154.111 195.018 154.286 194.907 154.459C194.793 154.638 194.673 154.819 194.549 155.002C194.233 155.454 193.905 155.897 193.564 156.33L193.408 156.527C192.852 157.22 192.278 157.899 191.686 158.562L191.499 158.772C191.247 159.053 190.991 159.336 190.729 159.62L190.532 159.834C190.401 159.977 190.264 160.12 190.132 160.264C190.001 160.407 189.864 160.552 189.726 160.697L189.315 161.13L188.898 161.566L188.478 162.002C188.196 162.294 187.913 162.586 187.628 162.878C183.573 167.037 179.301 171.182 177.855 173.766C177.758 173.934 177.671 174.108 177.593 174.285C177.387 174.755 177.301 175.157 177.36 175.482C177.379 175.589 177.416 175.691 177.471 175.785C177.552 175.926 177.651 176.056 177.766 176.172C177.819 176.224 177.875 176.272 177.934 176.316C178.232 176.528 178.591 176.637 178.957 176.627H179.071L179.188 176.618L179.305 176.605L179.402 176.591C179.415 176.589 179.429 176.587 179.442 176.583L179.531 176.566L179.554 176.561L179.653 176.54L179.688 176.531C179.723 176.522 179.757 176.513 179.792 176.503C179.827 176.493 179.875 176.48 179.917 176.466C180.093 176.413 180.265 176.35 180.434 176.278C180.523 176.242 180.61 176.203 180.696 176.161C180.741 176.141 180.786 176.12 180.828 176.098L180.962 176.032C181.282 175.866 181.594 175.685 181.898 175.491L182.031 175.401C182.076 175.373 182.121 175.344 182.164 175.312L182.297 175.223L182.368 175.174L182.56 175.039C182.739 174.916 182.906 174.789 183.075 174.66L183.09 174.648L183.359 174.44C183.726 174.15 184.074 173.858 184.39 173.583L184.6 173.399L184.619 173.381L184.729 173.284C184.987 173.052 185.217 172.836 185.408 172.658L185.487 172.581C185.556 172.516 185.619 172.455 185.676 172.403L185.788 172.292L185.828 172.253L185.839 172.242L185.956 172.125L186.03 172.048L186.039 172.041L186.074 172.009L186.118 171.969L186.132 171.956L186.169 171.922L186.373 171.743L186.487 171.641C186.548 171.588 186.607 171.534 186.666 171.479L186.802 171.358C186.827 171.338 186.851 171.316 186.876 171.294L187.019 171.169L187.229 170.984L187.341 170.887C187.776 170.509 188.305 170.052 188.913 169.537L189.162 169.326L189.573 168.981L189.994 168.63C190.544 168.173 191.136 167.688 191.762 167.185L192.173 166.855C192.523 166.576 192.882 166.292 193.246 166.006C193.393 165.891 193.542 165.776 193.694 165.662C194.066 165.373 194.44 165.086 194.817 164.803C195.675 164.155 196.56 163.506 197.456 162.874L197.84 162.606C198.109 162.421 198.377 162.235 198.645 162.054L198.888 161.89C199.367 161.565 199.853 161.248 200.343 160.939L200.586 160.786L200.827 160.636C201.069 160.486 201.309 160.339 201.548 160.196L201.787 160.053L202.265 159.775L202.734 159.506L202.829 159.454L203.2 159.25C203.355 159.166 203.509 159.085 203.663 159.006L203.892 158.888L204.115 158.776C204.193 158.739 204.27 158.7 204.346 158.663C204.848 158.415 205.36 158.187 205.88 157.979C206.021 157.919 206.161 157.865 206.3 157.818L206.71 157.674C206.833 157.633 206.953 157.594 207.068 157.559L207.108 157.547C207.17 157.527 207.232 157.509 207.293 157.493L207.311 157.488C207.439 157.451 207.566 157.419 207.691 157.389H207.7C208.054 157.304 208.414 157.243 208.777 157.206C208.944 157.189 209.111 157.18 209.279 157.181H209.363C209.475 157.181 209.583 157.188 209.69 157.199C209.739 157.199 209.788 157.209 209.836 157.215H209.856C209.904 157.221 209.952 157.228 210 157.239C210.047 157.248 210.095 157.256 210.141 157.267H210.156C210.203 157.277 210.245 157.289 210.294 157.303C210.548 157.374 210.79 157.484 211.012 157.628C211.121 157.699 211.223 157.779 211.317 157.868L211.344 157.894C211.362 157.91 211.379 157.927 211.395 157.944L211.444 157.997C211.846 158.418 212.178 158.901 212.428 159.427L212.466 159.517C212.551 159.717 212.618 159.924 212.666 160.135C212.808 160.781 212.753 161.455 212.508 162.07C212.415 162.318 212.302 162.557 212.169 162.785C211.858 163.309 211.489 163.796 211.07 164.237L210.981 164.332C210.848 164.472 210.71 164.612 210.565 164.752C210.501 164.815 210.434 164.877 210.367 164.94L210.162 165.129L210.055 165.224C209.797 165.454 209.532 165.677 209.263 165.893C209.1 166.025 208.936 166.154 208.77 166.281C208.184 166.729 207.587 167.161 206.979 167.578C206.612 167.83 206.242 168.077 205.869 168.321C204.95 168.924 204.021 169.512 203.083 170.084C201.115 171.294 198.934 172.588 196.609 173.995L196.007 174.36C195.348 174.762 194.726 175.146 194.14 175.512L193.845 175.697L193.287 176.055C192.917 176.292 192.548 176.531 192.179 176.77L191.882 176.966C191.737 177.06 191.593 177.156 191.449 177.252L191.308 177.342L190.876 177.633L190.647 177.79L190.379 177.976L190.13 178.149C189.713 178.444 189.325 178.725 188.968 178.992L188.834 179.094C188.624 179.253 188.416 179.415 188.211 179.58C187.902 179.829 187.62 180.067 187.367 180.296L187.243 180.409C187.172 180.474 187.102 180.539 187.035 180.603C186.989 180.648 186.946 180.693 186.898 180.736L186.834 180.8C186.691 180.944 186.551 181.091 186.416 181.242L186.35 181.318C186.203 181.488 186.075 181.651 185.963 181.81L185.913 181.881C185.825 182.009 185.744 182.141 185.671 182.277C185.652 182.311 185.635 182.345 185.618 182.379L185.569 182.481L185.536 182.555L185.515 182.605L185.498 182.65L185.475 182.711C185.413 182.88 185.37 183.056 185.345 183.234L185.337 183.296L185.331 183.354V183.669C185.331 183.695 185.331 183.721 185.338 183.749L185.343 183.797C185.343 183.823 185.349 183.848 185.353 183.876C185.357 183.902 185.364 183.949 185.372 183.986V183.991C185.379 184.026 185.386 184.06 185.395 184.095C185.404 184.13 185.413 184.17 185.424 184.206C185.443 184.277 185.467 184.347 185.492 184.417C185.508 184.459 185.523 184.5 185.54 184.541C185.54 184.549 185.546 184.558 185.55 184.566L185.586 184.647L185.636 184.758C185.69 184.873 185.749 184.985 185.813 185.094L185.879 185.208L185.947 185.322C185.959 185.341 185.973 185.359 185.988 185.376L186.01 185.399L186.035 185.422L186.061 185.442C186.099 185.469 186.14 185.49 186.183 185.505C186.206 185.513 186.23 185.519 186.254 185.525C186.831 185.655 188.017 185.178 189.593 184.346C189.682 184.298 189.78 184.248 189.875 184.196L190.355 183.934L190.589 183.804C190.756 183.715 190.926 183.614 191.1 183.515L191.417 183.336C193.5 182.137 195.988 180.597 198.56 179.093C198.801 178.952 199.043 178.811 199.285 178.672L199.771 178.361C200.335 178.038 200.902 177.719 201.471 177.404C202.188 177.01 202.91 176.626 203.639 176.254L204.115 176.013C204.431 175.857 204.744 175.705 205.053 175.557C205.651 175.273 206.256 175.003 206.868 174.748L207.203 174.612L207.243 174.596C209.018 173.893 210.627 173.459 211.929 173.459C212.21 173.456 212.492 173.48 212.769 173.528H212.778C212.867 173.544 212.948 173.562 213.031 173.582H213.046C213.259 173.636 213.466 173.713 213.662 173.812C213.937 173.954 214.184 174.143 214.393 174.371C214.489 174.477 214.574 174.592 214.649 174.714C214.789 174.929 214.899 175.162 214.978 175.406C215.01 175.501 215.038 175.594 215.067 175.693C215.278 176.45 215.257 177.253 215.007 177.998Z" fill="#FF9D00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M203.21 123.685V123.194C203.21 81.34 169.292 47.411 127.435 47.411C85.5791 47.411 51.648 81.342 51.648 123.194V123.358C51.646 123.467 51.645 123.576 51.648 123.685C51.6529 123.848 51.6546 124.011 51.653 124.174L51.6581 124.534L51.661 124.663C51.661 124.723 51.6631 124.782 51.6651 124.842C51.6681 124.937 51.67 125.033 51.67 125.128L51.681 125.517L51.697 125.974L51.702 126.124L51.722 126.597V126.62C51.73 126.805 51.7401 126.989 51.7491 127.173L51.75 127.187C51.76 127.375 51.7701 127.564 51.7821 127.753C51.7921 127.927 51.802 128.101 51.815 128.275L51.8171 128.306C51.8258 128.455 51.8358 128.605 51.847 128.754L51.85 128.794L51.883 129.226L51.8861 129.254C51.8921 129.338 51.898 129.422 51.906 129.503C51.9658 130.224 52.0355 130.945 52.1151 131.664L52.12 131.709L52.181 132.238L52.2491 132.793L52.299 133.17L52.322 133.347C52.3753 133.755 52.433 134.162 52.495 134.568L52.4991 134.595L52.558 134.979C52.8435 136.808 53.1971 138.626 53.618 140.429L53.6231 140.451L53.655 140.586L53.746 140.971L53.802 140.904C56.002 138.274 59.158 136.824 62.689 136.824C65.519 136.824 68.4221 137.76 71.3321 139.605C73.2621 140.831 75.3961 143.002 77.5921 145.733C79.6241 142.911 82.4721 141.035 85.7301 140.523C86.3513 140.425 86.9792 140.376 87.6081 140.375C95.0441 140.375 99.523 146.828 101.215 152.633C102.051 154.594 106.08 163.526 112.156 169.568C121.392 178.795 123.703 188.316 119.132 198.511H119.148C119.459 198.546 119.772 198.578 120.087 198.607C120.274 198.625 120.46 198.643 120.648 198.659L120.714 198.665L121.127 198.7L121.507 198.73C121.869 198.758 122.232 198.784 122.596 198.807L122.885 198.824L123.114 198.838L123.256 198.846L123.703 198.869L123.825 198.874L124.294 198.895L124.816 198.915L125.235 198.927L125.305 198.929C125.394 198.933 125.483 198.936 125.572 198.936L125.668 198.939C126.258 198.953 126.847 198.96 127.437 198.959H128.063L128.51 198.954C128.62 198.949 128.729 198.949 128.84 198.949H129.014L129.165 198.945C129.224 198.943 129.283 198.941 129.343 198.941H129.522L129.873 198.932L130.401 198.914L130.982 198.888C131.15 198.882 131.316 198.873 131.482 198.865L131.661 198.854L131.927 198.84L132.083 198.831L132.201 198.823L132.738 198.788L133.274 198.749L133.761 198.71L134.103 198.681L134.479 198.647C135.107 198.591 135.733 198.525 136.359 198.45L136.786 198.399C132.287 188.247 134.616 178.767 143.813 169.577C149.876 163.519 153.905 154.587 154.745 152.625C156.438 146.821 160.914 140.368 168.352 140.368C168.981 140.368 169.61 140.418 170.231 140.516C173.486 141.028 176.334 142.904 178.369 145.726C180.566 142.996 182.699 140.823 184.63 139.597C187.539 137.753 190.445 136.817 193.272 136.817C196.388 136.817 199.212 137.947 201.345 140.02C201.384 139.851 201.422 139.682 201.459 139.512L201.568 139.006C201.607 138.821 201.646 138.636 201.683 138.451C201.749 138.124 201.815 137.797 201.878 137.467C201.944 137.125 202.007 136.781 202.067 136.437L202.098 136.251C202.117 136.141 202.135 136.031 202.156 135.92C202.19 135.748 202.218 135.576 202.246 135.402L202.257 135.336L202.328 134.883L202.398 134.424V134.42C202.449 134.081 202.497 133.742 202.542 133.403L202.553 133.319L202.616 132.841L202.667 132.433L202.757 131.629L202.792 131.306L202.801 131.218C202.82 131.044 202.838 130.87 202.854 130.696V130.682C202.867 130.544 202.881 130.405 202.893 130.266C202.964 129.478 203.024 128.686 203.072 127.891C203.081 127.761 203.088 127.63 203.096 127.499V127.493L203.122 127.002L203.128 126.892C203.144 126.56 203.158 126.228 203.169 125.896V125.884L203.174 125.754C203.179 125.645 203.183 125.535 203.183 125.425L203.185 125.381C203.189 125.278 203.193 125.172 203.193 125.067L203.196 124.977C203.199 124.872 203.202 124.768 203.202 124.663L203.204 124.574C203.207 124.441 203.21 124.307 203.21 124.174V123.685ZM108.638 199.391C114.64 190.59 114.214 183.984 105.98 175.754C97.7441 167.523 92.951 155.487 92.951 155.487C92.951 155.487 91.1621 148.496 87.0821 149.138C83.0021 149.78 80.0091 160.227 88.5521 166.622C97.0941 173.017 86.8521 177.353 83.5641 171.352C80.2761 165.35 71.299 149.923 66.645 146.972C61.991 144.021 58.718 145.675 59.815 151.757C60.36 154.776 65.4281 159.929 70.1631 164.743C74.9671 169.627 79.428 174.163 78.474 175.768C76.581 178.955 69.9141 172.023 69.9141 172.023C69.9141 172.023 49.038 153.025 44.494 157.976C40.304 162.539 46.765 166.418 56.7211 172.397C57.5671 172.905 58.4391 173.429 59.3321 173.969C70.7231 180.865 71.609 182.684 69.992 185.293C69.395 186.257 65.582 183.968 60.892 181.153C52.897 176.352 42.3551 170.023 40.8661 175.688C39.5781 180.591 47.334 183.595 54.368 186.32C60.228 188.59 65.5881 190.666 64.7991 193.484C63.9821 196.406 59.5531 193.969 54.7121 191.305C49.2771 188.314 43.3221 185.038 41.3731 188.735C37.6901 195.725 66.7831 203.954 67.0231 204.015C76.4231 206.453 100.295 211.619 108.638 199.391ZM147.303 199.391C141.301 190.59 141.727 183.984 149.962 175.754C158.197 167.523 162.99 155.487 162.99 155.487C162.99 155.487 164.779 148.496 168.859 149.138C172.939 149.78 175.932 160.227 167.39 166.622C158.847 173.017 169.089 177.353 172.377 171.352C175.666 165.35 184.637 149.923 189.291 146.972C193.945 144.021 197.22 145.675 196.122 151.757C195.578 154.776 190.509 159.929 185.774 164.744C180.97 169.628 176.509 174.163 177.462 175.768C179.355 178.955 186.027 172.019 186.027 172.019C186.027 172.019 206.902 153.022 211.448 157.973C215.637 162.535 209.176 166.415 199.219 172.394C198.348 172.917 197.478 173.441 196.609 173.966C185.218 180.862 184.332 182.681 185.948 185.289C186.546 186.254 190.359 183.964 195.048 181.149C203.044 176.349 213.586 170.019 215.075 175.685C216.364 180.588 208.607 183.592 201.573 186.317C195.713 188.587 190.353 190.663 191.141 193.481C191.957 196.402 196.385 193.965 201.225 191.301C206.66 188.31 212.616 185.032 214.564 188.732C218.248 195.726 189.15 203.947 188.915 204.007C179.515 206.453 155.643 211.619 147.303 199.391Z" fill="#FFD21E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152.047 102.567C153.229 102.985 154.108 104.257 154.944 105.468C156.074 107.104 157.126 108.627 158.74 107.769C160.644 106.756 162.205 105.202 163.225 103.302C164.246 101.402 164.681 99.2427 164.475 97.096C164.321 95.4908 163.813 93.9398 162.987 92.5548C162.161 91.1697 161.038 89.985 159.7 89.0862C158.361 88.1874 156.839 87.5968 155.245 87.3569C153.65 87.117 152.022 87.2339 150.478 87.699C148.934 88.1639 147.513 88.9653 146.316 90.0455C145.119 91.1257 144.176 92.4578 143.556 93.946C142.936 95.4342 142.653 97.0415 142.728 98.652C142.804 100.263 143.235 101.836 143.992 103.26C144.74 104.667 146.4 104.003 148.152 103.302C149.525 102.753 150.956 102.181 152.047 102.567ZM100.672 102.567C99.49 102.985 98.611 104.258 97.775 105.468C96.645 107.105 95.592 108.627 93.979 107.769C91.5845 106.501 89.7482 104.386 88.8278 101.838C87.9075 99.2895 87.9692 96.4896 89.0008 93.9841C90.0324 91.4786 91.9601 89.4471 94.408 88.2855C96.856 87.1239 99.6488 86.9156 102.242 87.701C104.307 88.3228 106.141 89.5427 107.513 91.2065C108.885 92.8704 109.732 94.9035 109.949 97.049C110.165 99.1945 109.74 101.356 108.728 103.26C107.979 104.667 106.319 104.003 104.567 103.303C103.193 102.753 101.764 102.181 100.672 102.567ZM144.099 149.318C152.242 142.903 155.233 132.429 155.233 125.977C155.233 120.877 151.802 122.482 146.309 125.202L145.999 125.355C140.957 127.852 134.245 131.177 126.877 131.177C119.508 131.177 112.796 127.852 107.755 125.354C102.084 122.545 98.527 120.783 98.527 125.978C98.527 132.634 101.709 143.563 110.443 149.912C111.596 147.573 113.219 145.497 115.211 143.813C117.202 142.129 119.52 140.874 122.018 140.126C122.89 139.866 123.788 141.367 124.707 142.904C125.594 144.386 126.501 145.902 127.423 145.902C128.406 145.902 129.371 144.408 130.314 142.95C131.299 141.425 132.26 139.94 133.189 140.237C137.864 141.738 141.775 144.993 144.099 149.318Z" fill="#32343D"/>
+<path d="M144.097 149.317C139.856 152.659 134.219 154.9 126.878 154.9C119.981 154.9 114.587 152.922 110.443 149.911C111.596 147.572 113.219 145.495 115.211 143.812C117.202 142.128 119.52 140.873 122.018 140.125C123.73 139.614 125.545 145.901 127.423 145.901C129.433 145.901 131.37 139.655 133.189 140.236C137.863 141.738 141.773 144.993 144.097 149.317Z" fill="#FF323D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M81.2 111.64C80.2312 112.288 79.1173 112.687 77.9572 112.801C76.7971 112.916 75.6267 112.742 74.55 112.295C73.6893 111.94 72.9072 111.418 72.2488 110.759C71.5903 110.101 71.0684 109.319 70.713 108.458C70.267 107.381 70.0935 106.211 70.2082 105.051C70.3228 103.891 70.7219 102.777 71.37 101.808C72.1488 100.642 73.2558 99.7333 74.5512 99.1967C75.8466 98.6601 77.272 98.5197 78.6471 98.7935C80.0223 99.0672 81.2853 99.7427 82.2764 100.734C83.2675 101.726 83.9422 102.99 84.215 104.365C84.4883 105.74 84.3477 107.165 83.8113 108.46C83.2748 109.755 82.3654 110.861 81.2 111.64ZM182.613 111.64C181.644 112.288 180.53 112.687 179.37 112.801C178.209 112.916 177.039 112.742 175.962 112.295C175.101 111.939 174.319 111.418 173.661 110.759C173.003 110.101 172.481 109.319 172.125 108.458C171.68 107.381 171.507 106.211 171.621 105.051C171.736 103.891 172.135 102.777 172.782 101.808C173.364 100.936 174.133 100.205 175.032 99.6658C175.931 99.1269 176.938 98.7942 177.981 98.6917C179.025 98.5891 180.078 98.7193 181.064 99.0728C182.051 99.4264 182.947 99.9944 183.688 100.736C184.68 101.727 185.355 102.99 185.628 104.365C185.902 105.74 185.761 107.165 185.224 108.46C184.687 109.755 183.779 110.861 182.613 111.64Z" fill="#FFAD03"/>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/huggingface.svg b/js/_website/src/lib/assets/logos/huggingface.svg
new file mode 100644
index 0000000..5843e85
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/huggingface.svg
@@ -0,0 +1,182 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="453.2193"
+   height="87.671417"
+   viewBox="0 0 453.2193 87.671417"
+   version="1.1"
+   id="svg47"
+   sodipodi:docname="huggingface.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview49"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="2.1392045"
+     inkscape:cx="285.62019"
+     inkscape:cy="71.755644"
+     inkscape:window-width="2560"
+     inkscape:window-height="1001"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg47" />
+  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title2">icon</title>
+  <desc
+     id="desc4">Created with Sketch.</desc>
+  <defs
+     id="defs7">
+    <path
+       d="m 13,14.789019 c 9.82848,0 13,-8.76296 13,-13.2628439 C 26,-0.81248411 24.427913,-0.0763571 21.909948,1.1702099 19.583022,2.3221996 16.4483,3.9101131 13,3.9101131 5.8202982,3.9101131 0,-2.9737088 0,1.5261751 0,6.026059 3.1715199,14.789019 13,14.789019 Z"
+       id="path-1" />
+  </defs>
+  <g
+     id="Page-1"
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd">
+    <g
+       id="g44">
+      <g
+         id="icon">
+        <g
+           id="icon_desktop">
+          <g
+             id="Group-2">
+            <g
+               id="Group">
+              <path
+                 d="m 93.79304,70.08 c 0.75,2.16 0.57,4.46 -0.43,6.46 -0.72,1.46 -1.75,2.59 -3.01,3.6 -1.52,1.2 -3.41,2.22 -5.69,3.2 -2.72,1.16 -6.04,2.25 -7.56,2.65 -3.89,1.01 -7.63,1.65 -11.42,1.68 -5.42,0.05 -10.09,-1.23 -13.41,-4.5 -1.72,0.21 -3.46,0.33 -5.21,0.33 -1.66,0 -3.3,-0.1 -4.93,-0.3 -3.33,3.25 -7.98,4.52 -13.38,4.47 -3.79,-0.03 -7.53,-0.67 -11.43,-1.68 -1.51,-0.4 -4.83,-1.49 -7.5499998,-2.65 -2.28,-0.98 -4.17,-2 -5.68,-3.2 -1.27,-1.01 -2.3,-2.14 -3.02,-3.6 -0.99000001,-2 -1.18000001,-4.3 -0.42000001,-6.46 -0.7,-1.65 -0.88,-3.54 -0.33,-5.63 0.25,-0.95 0.66,-1.83 1.18000001,-2.61 -0.11,-0.41 -0.2,-0.83 -0.26,-1.29 -0.38000001,-2.74 0.57,-5.24 2.36,-7.18 0.88,-0.97 1.83,-1.64 2.82,-2.07 -0.73,-3.1 -1.11,-6.29 -1.11,-9.55 C 5.3130402,18.69 24.00304,0 47.06304,0 c 7.92,0 15.33,2.2 21.65,6.04 1.14,0.7 2.26,1.45 3.33,2.25 0.53,0.4 1.06,0.81 1.57,1.24 0.52,0.42 1.03,0.86 1.52,1.31 1.48,1.35 2.87,2.8 4.14,4.35 0.43,0.51 0.84,1.04 1.24,1.58 0.81,1.07 1.56,2.18 2.25,3.33 1.05,1.72 1.97,3.52 2.77,5.39 0.53,1.25 0.99,2.53 1.4,3.84 0.61,1.96 1.08,3.98 1.4,6.06 0.1,0.69 0.19,1.39 0.26,2.09 0.14,1.4 0.22,2.82 0.22,4.27 0,3.22 -0.38,6.38 -1.09,9.43 1.1,0.43 2.14,1.13 3.11,2.19 1.79,1.94 2.74,4.45 2.36,7.19 -0.06,0.45 -0.15,0.87 -0.26,1.28 0.52,0.78 0.93,1.66 1.18,2.61 0.55,2.09 0.37,3.98 -0.32,5.63"
+                 id="Fill-1"
+                 fill="#ffffff"
+                 fill-rule="nonzero" />
+              <circle
+                 id="Oval"
+                 fill="#ffd21e"
+                 fill-rule="nonzero"
+                 cx="46.75"
+                 cy="41.75"
+                 r="34.75" />
+              <path
+                 d="M 81.5,41.75 C 81.5,22.558105 65.941895,7 46.75,7 27.558105,7 12,22.558105 12,41.75 12,60.941895 27.558105,76.5 46.75,76.5 65.941895,76.5 81.5,60.941895 81.5,41.75 Z M 8,41.75 C 8,20.348966 25.348966,3 46.75,3 68.151034,3 85.5,20.348966 85.5,41.75 85.5,63.151034 68.151034,80.5 46.75,80.5 25.348966,80.5 8,63.151034 8,41.75 Z"
+                 id="path11"
+                 fill="#ffac03"
+                 fill-rule="nonzero" />
+              <path
+                 d="m 57.172355,31.715118 c 0.913958,0.995632 0.131688,3.546978 1.589741,3.546978 2.761423,0 5,-2.238576 5,-5 0,-2.761424 -2.238577,-5 -5,-5 -2.761424,0 -5,2.238576 -5,5 0,1.303371 2.59326,0.563015 3.410259,1.453022 z"
+                 id="Oval-2"
+                 fill="#3a3b45"
+                 fill-rule="nonzero"
+                 transform="rotate(-28,58.762096,30.262096)" />
+              <path
+                 d="m 32.172355,31.715118 c 0.913959,0.995632 0.131688,3.546978 1.589741,3.546978 2.761424,0 5,-2.238576 5,-5 0,-2.761424 -2.238576,-5 -5,-5 -2.761424,0 -5,2.238576 -5,5 0,1.303371 2.593261,0.563015 3.410259,1.453022 z"
+                 id="path14"
+                 fill="#3a3b45"
+                 fill-rule="nonzero"
+                 transform="matrix(-0.88294759,-0.46947156,-0.46947156,0.88294759,77.779451,19.392595)" />
+              <g
+                 id="Oval-4"
+                 transform="translate(33.5,41.5)">
+                <g
+                   id="Mask"
+                   fill-rule="nonzero"
+                   fill="#3a3b45">
+                  <path
+                     d="m 13,14.789019 c 9.82848,0 13,-8.76296 13,-13.2628439 C 26,-0.81248411 24.427913,-0.0763571 21.909948,1.1702099 19.583022,2.3221996 16.4483,3.9101131 13,3.9101131 5.8202982,3.9101131 0,-2.9737088 0,1.5261751 0,6.026059 3.1715199,14.789019 13,14.789019 Z"
+                     id="path16" />
+                </g>
+                <g
+                   id="Clipped">
+                  <mask
+                     id="mask-2"
+                     fill="#ffffff">
+                    <use
+                       xlink:href="#path-1"
+                       id="use19"
+                       x="0"
+                       y="0"
+                       width="100%"
+                       height="100%" />
+                  </mask>
+                  <g
+                     id="g22" />
+                  <path
+                     d="m 13.25,25 c 4.789929,0 8.672934,-3.883005 8.672934,-8.672934 0,-3.730834 -2.355709,-6.9114622 -5.660835,-8.1355948 C 16.140459,8.146419 16.017534,8.104017 15.893392,8.064335 15.059989,7.7979368 14.171788,10.662314 13.25,10.662314 c -0.861312,0 -1.693299,-2.8826276 -2.478657,-2.6488233 C 7.1891627,9.0799194 4.5770662,12.398449 4.5770662,16.327066 4.5770662,21.116995 8.4600709,25 13.25,25 Z"
+                     id="Shape"
+                     fill="#ef4e4e"
+                     fill-rule="nonzero"
+                     mask="url(#mask-2)" />
+                </g>
+              </g>
+              <circle
+                 id="Oval-3"
+                 fill="#ffd21e"
+                 fill-rule="nonzero"
+                 style="mix-blend-mode:multiply"
+                 cx="70.25"
+                 cy="33.75"
+                 r="3.25" />
+              <circle
+                 id="circle28"
+                 fill="#ffd21e"
+                 fill-rule="nonzero"
+                 style="mix-blend-mode:multiply"
+                 cx="23.75"
+                 cy="33.75"
+                 r="3.25" />
+            </g>
+          </g>
+        </g>
+        <g
+           id="Group-4"
+           transform="translate(3,48)"
+           fill-rule="nonzero">
+          <path
+             d="m 14.061945,0 v 0 c -1.619,0 -3.066,0.665 -4.0749997,1.871 -0.624,0.747 -1.276,1.951 -1.329,3.754 -0.679,-0.195 -1.332,-0.304 -1.942,-0.304 -1.55,0 -2.95,0.594 -3.94,1.673 -1.272,1.385 -1.83699995,3.087 -1.591,4.79 0.117,0.811 0.388,1.538 0.793,2.211 -0.854,0.691 -1.48299996,1.653 -1.78699996,2.81 -0.238,0.907 -0.48199999,2.796 0.792,4.742 -0.081,0.127 -0.157,0.259 -0.228,0.394 -0.766,1.454 -0.815,3.097 -0.139,4.627 1.02499996,2.319 3.57199996,4.146 8.51799996,6.107 3.0769997,1.22 5.8919997,2 5.9169997,2.007 4.068,1.055 7.747,1.591 10.932,1.591 5.854,0 10.045,-1.793 12.457,-5.329 3.882,-5.694 3.327,-10.902 -1.696,-15.922 -2.78,-2.778 -4.628,-6.874 -5.013,-7.773 -0.776,-2.662 -2.828,-5.621 -6.239,-5.621 h -0.001 c -0.287,0 -0.577,0.023 -0.863,0.068 -1.494,0.235 -2.8,1.095 -3.733,2.389 -1.007,-1.252 -1.985,-2.248 -2.87,-2.81 -1.334,-0.846 -2.667,-1.275 -3.963,-1.275 m 0,4 c 0.51,0 1.133,0.217 1.82,0.653 2.133,1.353 6.249,8.428 7.756,11.18 0.505,0.922 1.368,1.312 2.145,1.312 1.542,0 2.746,-1.533 0.141,-3.481 -3.917,-2.931 -2.543,-7.722 -0.673,-8.017 0.082,-0.013 0.163,-0.019 0.241,-0.019 1.7,0 2.45,2.93 2.45,2.93 0,0 2.198,5.52 5.974,9.293 3.776,3.774 3.971,6.803 1.219,10.839 -1.877,2.752 -5.47,3.583 -9.152,3.583 -3.819,0 -7.734,-0.894 -9.928,-1.463 -0.108,-0.028 -13.4509997,-3.797 -11.7609997,-7.005 0.284,-0.539 0.752,-0.755 1.341,-0.755 2.38,0 6.7089997,3.542 8.5699997,3.542 0.416,0 0.709,-0.177 0.829,-0.609 0.793,-2.845 -12.0569997,-4.041 -10.9739997,-8.162 0.191,-0.729 0.709,-1.025 1.437,-1.024 3.145,0 10.2009997,5.531 11.6799997,5.531 0.113,0 0.194,-0.033 0.238,-0.103 0.741,-1.196 0.335,-2.031 -4.888,-5.192 -5.2229997,-3.162 -8.8889997,-5.064 -6.8039997,-7.334 0.24,-0.262 0.58,-0.378 0.993,-0.378 3.171,10e-4 10.6629997,6.819 10.6629997,6.819 0,0 2.022,2.103 3.245,2.103 0.281,0 0.52,-0.111 0.682,-0.385 0.867,-1.462 -8.053,-8.222 -8.556,-11.011 -0.341,-1.89 0.239,-2.847 1.312,-2.847"
+             id="path33"
+             fill="#ffac03" />
+          <path
+             d="m 35.1348,28.6899 c 2.752,-4.036 2.557,-7.065 -1.219,-10.839 -3.776,-3.773 -5.974,-9.293 -5.974,-9.293 0,0 -0.821,-3.206 -2.691,-2.911 -1.87,0.295 -3.243,5.086 0.674,8.017 3.917,2.93 -0.78,4.921 -2.287,2.169 -1.507,-2.752 -5.622,-9.827 -7.756,-11.18 -2.133,-1.353 -3.635,-0.595 -3.132,2.194 0.503,2.789 9.424,9.549 8.556,11.012 -0.868,1.462 -3.927,-1.719 -3.927,-1.719 0,0 -9.572,-8.711 -11.656,-6.441 -2.084,2.27 1.581,4.172 6.804,7.334 5.224,3.161 5.629,3.996 4.888,5.192 -0.742,1.196 -12.272,-8.525 -13.355,-4.404 -1.082,4.121 11.767,5.317 10.974,8.162 -0.793,2.846 -9.051,-5.385 -10.74,-2.178 -1.69,3.208 11.653,6.977 11.761,7.005 4.31,1.118 15.256,3.487 19.08,-2.12"
+             id="Fill-4"
+             fill="#ffd21e" />
+        </g>
+        <g
+           id="g41"
+           transform="matrix(-1,0,0,1,91,48)"
+           fill-rule="nonzero">
+          <path
+             d="m 14.061945,0 v 0 c -1.619,0 -3.066,0.665 -4.0749997,1.871 -0.624,0.747 -1.276,1.951 -1.329,3.754 -0.679,-0.195 -1.332,-0.304 -1.942,-0.304 -1.55,0 -2.95,0.594 -3.94,1.673 -1.272,1.385 -1.83699995,3.087 -1.591,4.79 0.117,0.811 0.388,1.538 0.793,2.211 -0.854,0.691 -1.48299996,1.653 -1.78699996,2.81 -0.238,0.907 -0.48199999,2.796 0.792,4.742 -0.081,0.127 -0.157,0.259 -0.228,0.394 -0.766,1.454 -0.815,3.097 -0.139,4.627 1.02499996,2.319 3.57199996,4.146 8.51799996,6.107 3.0769997,1.22 5.8919997,2 5.9169997,2.007 4.068,1.055 7.747,1.591 10.932,1.591 5.854,0 10.045,-1.793 12.457,-5.329 3.882,-5.694 3.327,-10.902 -1.696,-15.922 -2.78,-2.778 -4.628,-6.874 -5.013,-7.773 -0.776,-2.662 -2.828,-5.621 -6.239,-5.621 h -0.001 c -0.287,0 -0.577,0.023 -0.863,0.068 -1.494,0.235 -2.8,1.095 -3.733,2.389 -1.007,-1.252 -1.985,-2.248 -2.87,-2.81 -1.334,-0.846 -2.667,-1.275 -3.963,-1.275 m 0,4 c 0.51,0 1.133,0.217 1.82,0.653 2.133,1.353 6.249,8.428 7.756,11.18 0.505,0.922 1.368,1.312 2.145,1.312 1.542,0 2.746,-1.533 0.141,-3.481 -3.917,-2.931 -2.543,-7.722 -0.673,-8.017 0.082,-0.013 0.163,-0.019 0.241,-0.019 1.7,0 2.45,2.93 2.45,2.93 0,0 2.198,5.52 5.974,9.293 3.776,3.774 3.971,6.803 1.219,10.839 -1.877,2.752 -5.47,3.583 -9.152,3.583 -3.819,0 -7.734,-0.894 -9.928,-1.463 -0.108,-0.028 -13.4509997,-3.797 -11.7609997,-7.005 0.284,-0.539 0.752,-0.755 1.341,-0.755 2.38,0 6.7089997,3.542 8.5699997,3.542 0.416,0 0.709,-0.177 0.829,-0.609 0.793,-2.845 -12.0569997,-4.041 -10.9739997,-8.162 0.191,-0.729 0.709,-1.025 1.437,-1.024 3.145,0 10.2009997,5.531 11.6799997,5.531 0.113,0 0.194,-0.033 0.238,-0.103 0.741,-1.196 0.335,-2.031 -4.888,-5.192 -5.2229997,-3.162 -8.8889997,-5.064 -6.8039997,-7.334 0.24,-0.262 0.58,-0.378 0.993,-0.378 3.171,10e-4 10.6629997,6.819 10.6629997,6.819 0,0 2.022,2.103 3.245,2.103 0.281,0 0.52,-0.111 0.682,-0.385 0.867,-1.462 -8.053,-8.222 -8.556,-11.011 -0.341,-1.89 0.239,-2.847 1.312,-2.847"
+             id="path37"
+             fill="#ffac03" />
+          <path
+             d="m 35.1348,28.6899 c 2.752,-4.036 2.557,-7.065 -1.219,-10.839 -3.776,-3.773 -5.974,-9.293 -5.974,-9.293 0,0 -0.821,-3.206 -2.691,-2.911 -1.87,0.295 -3.243,5.086 0.674,8.017 3.917,2.93 -0.78,4.921 -2.287,2.169 -1.507,-2.752 -5.622,-9.827 -7.756,-11.18 -2.133,-1.353 -3.635,-0.595 -3.132,2.194 0.503,2.789 9.424,9.549 8.556,11.012 -0.868,1.462 -3.927,-1.719 -3.927,-1.719 0,0 -9.572,-8.711 -11.656,-6.441 -2.084,2.27 1.581,4.172 6.804,7.334 5.224,3.161 5.629,3.996 4.888,5.192 -0.742,1.196 -12.272,-8.525 -13.355,-4.404 -1.082,4.121 11.767,5.317 10.974,8.162 -0.793,2.846 -9.051,-5.385 -10.74,-2.178 -1.69,3.208 11.653,6.977 11.761,7.005 4.31,1.118 15.256,3.487 19.08,-2.12"
+             id="path39"
+             fill="#ffd21e" />
+        </g>
+      </g>
+    </g>
+  </g>
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:46.1554px;line-height:1.25;font-family:sans-serif;-inkscape-font-specification:'sans-serif Bold';fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.15389"
+     x="103.6733"
+     y="60.135597"
+     id="text3771"><tspan
+       sodipodi:role="line"
+       id="tspan3769"
+       x="103.6733"
+       y="60.135597"
+       style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-inkscape-font-specification:'sans-serif Bold';stroke-width:1.15389">Hugging Face</tspan></text>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/humaniseai.svg b/js/_website/src/lib/assets/logos/humaniseai.svg
new file mode 100644
index 0000000..67a262d
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/humaniseai.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 60"><path fill="#ffe700" d="M141 54.1h40v3.3h-40z"></path><path fill="#ff004d" d="M141 .7h40V4h-40z"></path><path fill="#00ebff" d="M227.7 54.1h40v3.3h-40z"></path><path fill="#00ff89" d="M227.7.7h40V4h-40z"></path><g fill-rule="nonzero"><path d="M32.6 46.6h-5V30.5H4.9v16H0V11.2h4.9v15.3h22.7V11h5v35.5zM51 11v21.3c0 6.3 4.2 11 11.5 11 7.2 0 11.3-4.7 11.3-11V11h5v21.4c0 8.8-5.8 15-16.3 15s-16.3-6.2-16.3-15V11.1H51zM92.4 11h7.2L111 38.7c.4 1 .8 2 1 3l1-3L125 11h7.2v35.5h-4.5V18.8c0-1.2 0-2.4.2-3.6h-.2l-1.3 3.6-11.8 27.8h-4.7L98 18.8l-1.1-3.6h-.2c.1 1.2.2 2.4.1 3.6v27.8h-4.4V11zM170.6 37.4h-19l-4 9.2h-5.2L158.6 11h5l16.2 35.5h-5.2l-4-9.2zm-1.8-4.1l-6.5-15-1.2-3h-.1c-.3 1.1-.8 2.2-1.2 3l-6.5 15h15.5zM190 11h6l19.7 26.3c.9 1.2 1.6 2.6 2.2 4h.1V11.1h4.4v35.5h-5.7l-20-26.6c-.9-1.2-1.6-2.5-2.2-3.9h-.1v30.4H190V11.2z"></path></g><path d="M249.7 14.8v28h9v3.8h-22.5v-3.8h8.9v-28h-8.9v-3.7h22.4v3.7h-8.9z" fill-rule="nonzero"></path><g fill-rule="nonzero"><path d="M268.6 35.8l5-.8c1.2 5 5 8.5 12.5 8.5 5.9 0 10-1.7 10-6.2 0-4-2.7-5.5-7.9-6.2l-7.8-1c-6.3-1-10.1-3.8-10.1-9.8 0-6.2 5.4-10.2 14.6-10.2 8.7 0 14.5 3.4 16 10.4l-4.9 1.2c-1.3-5-4.6-7.6-11.3-7.6-5.8 0-9.4 2.1-9.4 5.8 0 3.5 2 5.2 7.1 6l7.6 1c7 1 11.1 3.7 11.1 10s-4.9 10.7-15 10.7c-10.5 0-16.1-4.5-17.5-11.8zM340 42.5v4h-27.2V11.2h26.8v4h-22v11.2h21.1v4.1h-21v12H340z"></path></g></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/logos/mit-svg-50.png b/js/_website/src/lib/assets/logos/mit-svg-50.png
new file mode 100644
index 0000000..218bcb3
Binary files /dev/null and b/js/_website/src/lib/assets/logos/mit-svg-50.png differ
diff --git a/js/_website/src/lib/assets/logos/siemens.svg b/js/_website/src/lib/assets/logos/siemens.svg
new file mode 100644
index 0000000..6b02d60
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/siemens.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Creator: CorelDRAW -->
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="210mm" height="50mm" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+viewBox="0 0 210 50">
+ <defs>
+  <style type="text/css">
+   <![CDATA[
+    .fil0 {fill:#009999}
+   ]]>
+  </style>
+ </defs>
+ <g id="Ebene_x0020_1">
+  <metadata id="CorelCorpID_0Corel-Layer"/>
+  <path class="fil0" d="M200.121 10.3466l0 5.8289c-3.0198,-1.14 -5.7084,-1.7164 -8.0615,-1.7164 -1.3938,0 -2.5037,0.2581 -3.3382,0.7571 -0.8346,0.5033 -1.2605,1.1228 -1.2605,1.8541 0,0.9722 0.9421,1.8368 2.8392,2.6112l5.4805 2.6671c4.4309,2.1122 6.6291,4.9169 6.6291,8.4401 0,2.9295 -1.1658,5.2654 -3.5189,6.9947 -2.3359,1.7466 -5.4805,2.6112 -9.3951,2.6112 -1.8068,0 -3.4285,-0.0774 -4.8696,-0.2409 -1.4411,-0.1548 -3.0973,-0.4732 -4.9342,-0.9292l0 -6.0999c3.3683,1.14 6.4355,1.7164 9.1972,1.7164 3.2952,0 4.9342,-0.955 4.9342,-2.8822 0,-0.9593 -0.6711,-1.7336 -2.0347,-2.3402l-6.0871 -2.594c-2.2455,-1.0152 -3.9146,-2.2455 -5.0073,-3.7038 -1.0754,-1.4712 -1.6218,-3.1575 -1.6218,-5.0847 0,-2.6973 1.1357,-4.8697 3.3812,-6.5216 2.2628,-1.639 5.2655,-2.4606 8.9994,-2.4606 1.2131,0 2.6112,0.1075 4.1599,0.3054 1.5615,0.2108 3.0628,0.4689 4.5082,0.7873z"/>
+  <path class="fil0" d="M27.7222 10.3466l0 5.8289c-3.0199,-1.14 -5.7042,-1.7164 -8.0573,-1.7164 -1.3981,0 -2.5036,0.2581 -3.3382,0.7571 -0.8345,0.5033 -1.2604,1.1228 -1.2604,1.8541 0,0.9722 0.955,1.8368 2.8521,2.6112l5.4805 2.6671c4.4136,2.1122 6.6162,4.9169 6.6162,8.4401 0,2.9295 -1.1701,5.2654 -3.506,6.9947 -2.3531,1.7466 -5.4805,2.6112 -9.408,2.6112 -1.8068,0 -3.4329,-0.0774 -4.874,-0.2409 -1.4411,-0.1548 -3.0801,-0.4732 -4.9298,-0.9292l0 -6.0999c3.3812,1.14 6.4484,1.7164 9.1929,1.7164 3.2952,0 4.9342,-0.955 4.9342,-2.8822 0,-0.9593 -0.6668,-1.7336 -2.0176,-2.3402l-6.087 -2.594c-2.2628,-1.0152 -3.9319,-2.2455 -5.0073,-3.7038 -1.0927,-1.4712 -1.6261,-3.1575 -1.6261,-5.0847 0,-2.6973 1.1271,-4.8697 3.3855,-6.5216 2.2456,-1.639 5.2525,-2.4606 8.9865,-2.4606 1.226,0 2.6069,0.1075 4.1727,0.3054 1.5487,0.2108 3.05,0.4689 4.4911,0.7873z"/>
+  <polygon class="fil0" points="34.0028,9.8002 42.9291,9.8002 42.9291,39.8483 34.0028,39.8483 "/>
+  <polygon class="fil0" points="71.6866,9.8002 71.6866,15.3539 58.4241,15.3539 58.4241,22.0173 69.9272,22.0173 69.9272,27.0246 58.4241,27.0246 58.4241,34.0194 71.9576,34.0194 71.9576,39.8483 49.8335,39.8483 49.8335,9.8002 "/>
+  <polygon class="fil0" points="113.358,9.8002 113.358,39.8483 105.025,39.8483 105.025,20.0299 96.3789,40.1236 91.234,40.1236 82.9186,20.0299 82.9186,39.8483 76.8918,39.8483 76.8918,9.8002 87.7882,9.8002 95.226,28.1947 103.008,9.8002 "/>
+  <polygon class="fil0" points="142.103,9.8002 142.103,15.3539 128.913,15.3539 128.913,22.0173 140.416,22.0173 140.416,27.0246 128.913,27.0246 128.913,34.0194 142.374,34.0194 142.374,39.8483 120.25,39.8483 120.25,9.8002 "/>
+  <polygon class="fil0" points="173.424,9.8002 173.424,39.8483 163.956,39.8483 153.331,20.5762 153.331,39.8483 147.308,39.8483 147.308,9.8002 157.052,9.8002 167.402,28.7411 167.402,9.8002 "/>
+ </g>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/stanford.svg b/js/_website/src/lib/assets/logos/stanford.svg
new file mode 100644
index 0000000..59c4677
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/stanford.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="248.02pt" width="162pt" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 162 248.022">
+ <g>
+  <path fill="#8c1515" d="m35.872 1.1236-34.558 33.832v90.907l30.041 30.665h13.776c-0.33541 0.92261-0.77516 2.3452 0.18119 3.7375 1.0401 1.5433 2.835 1.5433 3.5228 1.5433 0.80522 0 1.9291-0.10059 3.6571-0.33551h0.02027s0.72132 0.64079-1.4762 1.3621c-1.8117 0.63746-3.3919 1.6909-3.912 3.5025-0.03436 0.13399-0.04703 0.27196-0.08053 0.38918h-45.716l-0.013433 46.465 34.558 33.953h90.887l34.558-33.905v-87.077l-30.047-30.618h-25.478c-0.0172 0-0.0403-0.0134-0.0403-0.0134-1.1239-0.67099-2.2781-1.3789-3.3349-2.0667l-0.38917-0.24828-0.0671-0.04026c-0.57036-0.35214-1.1709-0.78508-1.8251-1.3554-0.57036-0.45294-1.0434-0.90584-1.3957-1.3085l-0.10066-0.10066c-0.67099-0.70459-1.2581-1.3789-1.7111-1.966 3.9756 1.1407 8.3071 1.4292 10.387 1.4963h0.24828c0.13399 0 0.27196 0.02027 0.38918 0.02027l0.18116 0.0134c0.50323 0.03436 0.88907 0.11712 1.1407 0.20129 0.26842 0.10049 0.5066 0.22159 0.72469 0.32208l1.0736 0.40261c0.25165 0.06699 0.52 0.08053 0.80522 0.08053 1.5601 0 3.0195-0.93941 3.6904-2.4156 0.21816-0.50327 0.5536-1.5064 0.30195-2.8316l45.442 0.03367v-50.76l-34.551-33.886h-90.887z"/>
+  <path fill="#fff" d="m157.19 36.804-32.1-31.487h-87.55l-32.108 31.436v87.382l27.628 28.182 17.815 0.0172c-1.9963 1.7949-2.6169 3.6569-2.9357 4.5628-0.68775 1.9962-1.4091 2.5665 4.8479 1.6943 1.9795-0.28515 5.5862-1.5601 7.2803-2.7008 1.6607-1.1407 4.9484-0.21816 4.6633 2.2479-1.5433 3.7743-5.502 6.1397-9.2768 6.6095-8.6893 1.0904-4.9317 4.3279-4.9317 4.3279 0.95619 0.65426 1.644 1.2917 2.1305 1.8621h-4.2273v-0.0172h-42.978l-0.017178 40.478 32.091 31.537h87.567l32.09-31.487v-83.539l-27.628-28.148h-22.327c-1.7781-1.1911-4.177-2.5163-6.3578-3.9421 0-0.01718 0-0.01718-0.0172-0.01718-0.83874-0.48647-1.6607-1.0903-2.4491-1.7781-0.65421-0.52001-1.2413-1.0736-1.7446-1.6272-1.9291-2.013-3.3717-4.1099-3.7576-5.0829-0.72133-1.7781-0.55355-4.026 1.0736-3.1034 4.1267 2.3821 10.904 2.835 13.42 2.9189 0.28515 0 2.3149 0.2349 2.8014 0.38564 0.50322 0.20141 1.2749 0.57034 1.2749 0.57034 1.0233 0.43614 2.8685-0.97294 0.73812-3.5731-0.55359-0.88907-1.3923-1.9124-2.3821-2.9524h47.354v-44.756"/>
+  <path d="m48.988 11.889l-37.05 36.297v104.79l31.537 32.17h29.607c5.053-2.22 6.123-2.03 7.527-4.86 0.21-0.45 0.418-1.75 0.44-3.02 0.063-0.36 0.693-4.18-1.153-3.25-3.166 1.59-9.562-2.61-14.343-0.11-4.781 2.47-1.279-3.27-0.608-4.26 0 0 2.558-3.37 6.416-5.6 0.147-0.08 0.273-0.16 0.377-0.25 0.378-0.21 0.756-0.39 1.155-0.58 2.935-1.37 11.3-6.94 12.81-8.68 0.902-1.01 2.496-3.32 2.559-4.6 0.272-1.11 0.483-2.87-0.586-3.56-1.594-1.05-2.874 1-5.369 2.12-2.496 1.11-4.383 1.57-6.606 1.65-2.138 0.07-4.193-0.75-5.472-0.56-1.28 0.21-2.035-0.76 0.314-3.13 1.069-1.07 1.532-1.55 2.035-1.91 5.578-3.58 10.589-3.62 13.399-9.98 0 0 2.181-5.7-2.034-3.27-2.306 1.34-3.564 3.27-10.17 3.27-6.584 0-9.164 3.13-10.275 4.49 0 0-4.486 6.27-3.375-2.52 1.133-8.76 2.83-13.23 6.961-16.65 3.564-2.93 12.412-6.87 15.6-11.21 1.635-1.62 5.746-6.32 3.355-10.299-1.007-1.678-3.459 2.669-5.996 3.229-2.894 0.76-6.563 1.7-9.373 1.13-3.481-0.69-5.704 0.63-7.004 1.22s-3.754-1.28-0.756-4.698c4.026-4.592 13.757-10.588 20.299-14.174 0.902-0.378 3.102-1.342 5.115-2.621 0.042-0.022 0.084-0.043 0.106-0.043 0.503-0.231 1.237-0.672 1.656-1.238 1.426-1.196 2.412-2.536 2.076-3.899-0.293-1.237-0.903-1.657-2.832-1.867-1.53-0.147-4.066 1.636-6.205 1.469-3.271-0.273-8.074 0.481-6.48-1.846 1.488-2.16 3.899-3.545 4.591-3.922 1.342-0.608 3.146-1.404 5.809-2.6 4.173-1.887 3.585-6.625 1.971-6.792-2.517-0.273-9.31 1.906-4.53-3.545 0 0 2.266-2.285 4.551-3.774 1.803-1.048 3.292-1.447 5.074-2.098 1.112-0.398 4.028-2.977-2.892-3.25 0 0-3.859 0.105-3.125-1.677 0.608-1.174 4.006-3.313 4.006-3.313s2.724-1.867 3.836-2.978c1.069-1.028 1.824-1.845 1.761-2.768-0.042-1.048-2.768-2.348-3.922-3.816-0.817-1.049-0.125-1.425 0.336-1.551 0.252-0.041 0.546-0.084 0.903-0.084 2.809 0.021 3.606-2.789 5.246-10.086 0.48-2.181 0.52-2.641 1.23-2.662 0.07 0 0.11 0.021 0.15 0.021 0 0 0.69 3.69 1.7 7.821 0.86 2.285 1.8 3.25 3.46 3.228 0.33 0 0.63 0.041 0.88 0.084 0.46 0.126 1.17 0.505 0.33 1.553-0.63 0.818-2.51 2.139-2.66 2.936-0.54 2.264 1.62 3.082 3.82 3.25 3.12 0.209 1.82 2.159-1.55 4.654-3.25 2.411 5.07 7.57 5.07 7.57 4.74 3.67 1.36 4.612 0.4 5.137-0.97 0.503-3.63 2.139-0.97 3.187 2.69 1.028 6.38 4.739 6.38 4.739 4.76 5.451-2.02 3.293-4.53 3.545-1.62 0.167-2.2 4.926 1.97 6.793 6.35 2.872 7.76 3.355 10 5.033 4.19 3.103 1.97 5.745-3.27 4.822 0 0-3.35-0.838-5.7-0.377-1.47 0.273-2.48 0.608-3.17 0.965-0.36 0.545-1.19 2.704 6.1 4.947 3.48 1.09 7.8 3.713 11.64 6.711l59.81-0.062-0.01-48.457-37.05-36.338h-105.3zm90.312 118.05c1.72 2.85 2.72 6.58 3.46 12.06 0.02 3.29-4.32 1.69-5.73 0.83-0.98-0.67-2.28-1.29-3.96-1.69-3.17-0.76-10.71-4.07-12.77-4.81-2.1-0.77-3.63 0.78-3.88 1.37h0.02c-0.54 1 0.57 3.02 0.57 3.02 2.96 6.71 8.41 6.35 14.4 10.65 8.24 5.87 3.84 7.11 2.14 6.23-1.67-0.9-4.44-0.34-4.44-0.34-6.65 1.83-8.64-0.94-12.54-1.97-3.88-1.05-0.69 3.78 0.71 5.39 1.49 1.74 9.88 7.32 12.79 8.68 6.36 2.96 9.67 7.76 11.64 13.86 1.87 5.77-0.17 4.51-1.68 3.8-1.51-0.72-1.95-2.27-5.7-2.18-3.77 0.08-5.89-0.19-8.58-2.31-0.71-0.55-1.28-1.18-1.76-1.7-0.04-0.02-0.06-0.04-0.08-0.06-2.58-1.97-2.08 4.57-1.55 5.64 1.86 3.75 3.12 2.22 13.86 7.95 5.09 2.72 6.29 6.37 6.83 7.9 0.86 2.48 1.74 3.19-6.06 2.1-2.49-0.34-6.98-1.93-9.12-3.38-2.05-1.42-6.18-0.27-5.81 2.81 1.93 4.72 6.88 7.68 11.6 8.26 4.13 0.53 6 1.43 6.75 2.35 2.26 2.58-1.93 6.36-1.93 6.36-2.1 2.43 0.17 5.28 1.72 6.12 2.52 1.28 7.4 4.21 9.02 8.41 8.47 21.8 0.27 15.55-3.74 13.06-4.02-2.5-11.68-8.91-18.66-8.35-6.98 0.55-9.31 0.93-13.46-2.37-4.13-3.29-3.73 2.04-3.73 2.04v26.29c0.25 5.89 1.34 11.51 6.02 16.27 3.83 3.93 6.75 3.19 12.16 9.8 2.49 3.04 10.63 6.31 16.06 6.37l10.42 0.02 37.05-36.34v-100.04l-31.51-32.1h-20.53zm-127.34 88.97l-0.021 43.09 37.05 36.36h11.91c11.198-0.55 15.391-9.23 18.788-14.57 2.558-4.05 7.088-7.49 9.961-10.43 3.04-3.08 3.586-10.13 3.669-17.76v-15.93l0.022 0.16v-3.81h0.021v-2.54h0.002v-0.59-6.87c0-1.6-1.845-1.72-5.871 2.64-4.047 4.34-10.819 3.98-14.74 4.34-3.921 0.35-15.202 6.23-18.432 10.44-1.992 2.62-4.823 0.46-3.67-4.7h-0.042c0.545-2.32 1.551-5.45 3.166-9.58 2.222-5.76 10.568-9.14 10.568-9.14s0.86-0.38 1.615-1.11h-53.996z" transform="matrix(.80001 0 0 .80001 -.00065308 0)" fill="#8c1515"/>
+ </g>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/twitter.svg b/js/_website/src/lib/assets/logos/twitter.svg
new file mode 100644
index 0000000..5ea4b52
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" stroke="black" fill="gray" height="32" width="32" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/logos/uipath.svg b/js/_website/src/lib/assets/logos/uipath.svg
new file mode 100644
index 0000000..0e0c124
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/uipath.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="95px" height="32px" viewBox="0 0 95 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 54.1 (76490) - https://sketchapp.com -->
+    <title>UiPath_Logo_full</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M0,0 L32,0 L32,32 L0,32 L0,0 Z M28.672,28.672 L28.672,3.328 L3.328,3.328 L3.328,28.672 L28.672,28.672 L28.672,28.672 Z M6.208,8.256 L6.208,17.92 C6.208,22.336 8.64,24.96 12.736,24.96 C16.96,24.96 19.392,22.336 19.392,17.92 L19.392,8.256 L16.064,8.256 L16.064,17.92 C16.064,20.416 14.976,21.824 12.8,21.824 C10.496,21.824 9.472,20.352 9.472,17.92 L9.472,8.256 L6.208,8.256 Z M23.68,10.24 C24.832,10.24 25.728,9.408 25.728,8.256 C25.728,7.04 24.896,6.208 23.68,6.208 C22.528,6.208 21.632,7.04 21.632,8.256 C21.632,9.408 22.528,10.24 23.68,10.24 Z M22.016,11.776 L22.016,24.768 L25.344,24.768 L25.344,11.776 L22.016,11.776 Z M41.856,19.456 C45.44,19.456 47.808,17.344 47.808,13.824 C47.808,10.432 45.504,8.256 41.856,8.256 L35.584,8.256 L35.584,24.832 L38.912,24.832 L38.912,19.52 L41.856,19.52 L41.856,19.456 Z M41.472,16.832 L38.848,16.832 L38.848,10.944 L41.472,10.944 C43.392,10.944 44.416,12.032 44.416,13.824 C44.416,15.744 43.392,16.832 41.472,16.832 Z M48.896,18.304 C48.896,22.208 51.392,24.96 54.912,24.96 C57.024,24.96 58.368,24.192 59.136,22.976 L59.136,24.832 L62.464,24.832 L62.464,11.776 L59.136,11.776 L59.136,13.824 C58.304,12.48 56.96,11.648 54.912,11.648 C51.328,11.648 48.896,14.464 48.896,18.304 Z M59.136,18.304 C59.136,20.544 57.728,22.016 55.68,22.016 C53.44,22.016 52.288,20.416 52.288,18.304 C52.288,16 53.568,14.528 55.68,14.528 C57.792,14.528 59.136,16.064 59.136,18.304 Z M70.784,21.952 C69.504,21.952 69.184,21.376 69.184,20.224 L69.184,14.592 L72.064,14.592 L72.064,11.776 L69.184,11.776 L69.184,8.192 L65.856,8.192 L65.856,11.776 L64.32,11.776 L64.32,14.592 L65.856,14.592 L65.856,20.224 C65.856,23.296 67.2,24.768 70.4,24.768 L72.128,24.768 L72.128,21.952 L70.784,21.952 Z M77.248,13.632 L77.248,7.488 L73.92,7.488 L73.92,24.832 L77.248,24.832 L77.248,17.92 C77.248,15.68 78.4,14.336 80.384,14.336 C82.304,14.336 83.328,15.616 83.328,17.6 L83.328,24.768 L86.656,24.768 L86.656,17.28 C86.656,13.888 84.224,11.648 81.152,11.648 C79.232,11.648 78.016,12.352 77.248,13.632 Z M86.4,7.424 L86.4,7.936 L87.488,7.936 L87.488,11.264 L88.128,11.264 L88.128,7.936 L89.152,7.936 L89.152,7.424 C89.152,7.424 86.4,7.424 86.4,7.424 Z M93.312,7.424 L91.968,10.496 L90.688,7.424 L89.92,7.424 L89.92,11.264 L90.496,11.264 L90.496,8.32 L91.776,11.264 L92.224,11.264 L93.44,8.32 L93.44,11.264 L94.016,11.264 L94.016,7.424 L93.312,7.424 L93.312,7.424 Z" id="UiPath_Logo_full" fill="#FA4616" fill-rule="nonzero"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/logos/unifyid.svg b/js/_website/src/lib/assets/logos/unifyid.svg
new file mode 100644
index 0000000..b7dbd44
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/unifyid.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 775.7 166.8" style="enable-background:new 0 0 775.7 166.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#74797D;}
+	.st1{fill:#EC0000;}
+</style>
+<title>UnifyID</title>
+<path class="st0" d="M211,51.9h14.9v39.9c0,6.3,0.2,10.4,0.6,12.3c0.6,2.9,2.2,5.5,4.5,7.3c2.4,1.8,5.7,2.7,9.8,2.7
+	c4.2,0,7.3-0.9,9.5-2.6c2-1.5,3.4-3.8,3.9-6.3c0.5-4.1,0.7-8.3,0.6-12.5V51.9h14.9v38.7c0,8.8-0.4,15.1-1.2,18.7
+	c-0.7,3.4-2.2,6.6-4.4,9.2c-2.4,2.7-5.3,4.7-8.6,6c-3.6,1.5-8.4,2.2-14.2,2.2c-7,0-12.3-0.8-15.9-2.5c-3.3-1.4-6.3-3.6-8.6-6.3
+	c-2-2.3-3.4-5.1-4.2-8.1c-1-4.2-1.5-10.5-1.5-18.7L211,51.9z"/>
+<path class="st0" d="M312,125.5V51.9h14.4l30.1,49.1V51.9h13.8v73.6h-14.9l-29.6-47.9v47.9L312,125.5z"/>
+<path class="st0" d="M412.8,125.5V51.9h14.8v73.6H412.8z"/>
+<path class="st0" d="M469.5,125.5V51.9H520v12.5h-35.6v17.4h30.7v12.5h-30.7v31.2H469.5z"/>
+<path class="st0" d="M580.7,125.5v-31l-26.9-42.6h17.4L588.4,81l17-29.1h17l-27,42.7v30.8L580.7,125.5z"/>
+<path class="st1" d="M657.3,125.5V51.9h14.9v73.6H657.3z"/>
+<path class="st1" d="M714.1,51.9h27.1c6.1,0,10.8,0.5,14,1.4c4.2,1.3,8,3.6,11.1,6.8c3.2,3.4,5.6,7.5,7,11.9
+	c1.8,5.6,2.6,11.5,2.5,17.3c0.1,5.3-0.6,10.6-2.2,15.7c-1.6,4.9-4.3,9.3-7.9,13c-3,2.8-6.5,4.8-10.4,5.9c-4.3,1.2-8.7,1.7-13.1,1.5
+	h-28V51.9z M728.9,64.4v48.7H740c3,0.1,6-0.1,9-0.7c2.2-0.5,4.3-1.6,6-3c1.6-1.4,2.9-3.8,3.9-7.1c1.1-4.4,1.7-8.9,1.5-13.5
+	c0-5.7-0.5-10.1-1.5-13.1c-0.8-2.7-2.2-5.1-4.2-7.1c-1.9-1.8-4.3-3-6.9-3.5c-2.1-0.5-6.1-0.7-12.2-0.7H728.9z"/>
+<path class="st1" d="M83.4,166.8C37.3,166.8,0,129.5,0,83.4S37.3,0,83.4,0c46,0,83.4,37.4,83.4,83.4
+	C166.7,129.4,129.4,166.7,83.4,166.8z M83.4,17.6C47.2,17.7,18,47,18,83.2s29.4,65.4,65.6,65.4S149,119.2,148.9,83
+	c0-26.9-16.6-51.1-41.7-60.9C99.7,19.1,91.6,17.6,83.4,17.6z"/>
+<path class="st0" d="M64.2,68.4c0.3-10.6,9.2-18.9,19.8-18.6c10.3,0.3,18.5,8.8,18.6,19.1c0,1.1-0.1,2.2-0.3,3.3
+	c-0.9,5.4-4.1,10.1-8.7,13c-1.9,1.2-2.8,3.4-2.4,5.5l5.7,27.1c0.3,1.4-0.6,2.8-2,3.1c-0.2,0-0.4,0.1-0.5,0.1h-22
+	c-1.5,0-2.6-1.2-2.6-2.6c0-0.2,0-0.4,0.1-0.5l5.7-27.1c0.5-2.2-0.5-4.4-2.3-5.5c-4.6-2.9-7.8-7.6-8.7-13
+	C64.3,70.9,64.2,69.7,64.2,68.4L64.2,68.4z"/>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/vmware.svg b/js/_website/src/lib/assets/logos/vmware.svg
new file mode 100644
index 0000000..3107c1d
--- /dev/null
+++ b/js/_website/src/lib/assets/logos/vmware.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg enable-background="new 0 0 190.25 31" version="1.1" viewBox="-10 -10 210.2 51" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xlink="http://www.w3.org/1999/xlink"><title>VMware logo</title><desc>An information technology company based in Palo Alto, California, United States</desc><metadata><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata>
+
+
+<g transform="matrix(1.25 0 0 -1.25 -375.9 370)">
+	
+		
+			
+				<defs>
+					<rect id="vlpb" x="-193.8" y="-199.5" width="956.2" height="1237"/>
+				</defs>
+				<clipPath id="vlpa">
+					<use width="100%" height="100%" overflow="visible" xlink:href="#vlpb"/>
+				</clipPath>
+				<g clip-path="url(#vlpa)">
+					<g transform="translate(388.3 250.9)">
+						<path d="m-21.72 23.2-6.571 18.3c-0.084 0.253-0.209 0.587-0.209 0.88 0 0.793 0.67 1.546 1.63 1.546 0.838 0 1.384-0.544 1.634-1.337l5.445-15.77 5.484 15.81c0.25 0.75 0.753 1.294 1.586 1.294h0.17c0.881 0 1.425-0.544 1.675-1.294l5.439-15.81 5.531 15.85c0.209 0.673 0.666 1.255 1.548 1.255 0.92 0 1.591-0.708 1.591-1.505 0-0.292-0.127-0.625-0.209-0.88l-6.613-18.34c-0.338-0.958-1.005-1.461-1.76-1.461h-0.125c-0.838 0-1.467 0.503-1.762 1.461l-5.397 15.55-5.444-15.55c-0.293-0.958-0.923-1.461-1.758-1.461h-0.088c-0.793 0-1.46 0.503-1.797 1.461" fill="#696566"/>
+					</g>
+					<g transform="translate(436.2 270)">
+						<path d="m-21.72 23.2c0 0.883 0.712 1.637 1.591 1.637 0.927 0 1.637-0.713 1.637-1.637v-3.713c1.592 3.606 5.123 5.308 7.463 5.308 0.969 0 1.598-0.712 1.598-1.634 0-0.882-0.584-1.508-1.43-1.634-4.195-0.503-7.63-3.65-7.63-9.9v-7.353c0-0.881-0.67-1.634-1.592-1.634-0.923 0-1.636 0.716-1.636 1.634l-1e-3 18.93z" fill="#696566"/>
+					</g>
+					<g transform="translate(458.9 249.2)">
+						<path d="m-21.72 23.2c-5.837 0-10.6 4.527-10.6 11.17v0.086c0 6.183 4.316 11.16 10.19 11.16 6.283 0 9.861-5.184 9.861-10.87 0-0.874-0.705-1.499-1.481-1.499h-15.36c0.448-4.645 3.692-7.259 7.477-7.259 2.631 0 4.556 1.038 6.12 2.491 0.247 0.205 0.534 0.371 0.906 0.371 0.778 0 1.397-0.623 1.397-1.373 0-0.372-0.164-0.747-0.497-1.034-2.011-1.949-4.397-3.24-8.01-3.24m6.286 12.41c-0.33 3.905-2.55 7.305-6.783 7.305-3.698 0-6.492-3.111-6.898-7.305z" fill="#696566"/>
+					</g>
+					<g transform="translate(413.4 255.9)">
+						<path d="m-21.72 23.2v0.084c0 4.556 3.764 6.984 9.239 6.984 2.761 0 4.725-0.376 6.652-0.923v0.756c0 3.885-2.39 5.895-6.441 5.895-2.175 0-3.441-0.277-5.033-0.986-0.206-0.084-0.417-0.127-0.58-0.127-0.753 0-1.425 0.629-1.425 1.38 0 0.667 0.291 1.08 0.88 1.341 2.129 0.924 3.734 1.231 6.492 1.231 3.05 0 5.392-0.792 6.978-2.382 1.466-1.463 2.219-3.553 2.219-6.314v-11.93c0-0.917-0.669-1.588-1.552-1.588-0.916 0-1.537 0.67-1.537 1.505v2.062c-1.508-1.969-4.019-3.722-7.816-3.722-4.016 3e-3 -8.076 2.3-8.076 6.732m15.93 1.673v2.091c-1.592 0.459-3.727 0.92-6.359 0.92-4.05 0-6.311-1.758-6.311-4.473v-0.083c0-2.717 2.506-4.306 5.436-4.306 3.97 0 7.234 2.426 7.234 5.851" fill="#696566"/>
+					</g>
+					<g transform="translate(329.8 270.2)">
+						<path d="m-21.72 23.2c-0.708 1.552-2.458 2.255-4.092 1.529-1.636-0.727-2.238-2.541-1.499-4.094l6.861-14.91c1.079-2.337 2.216-3.562 4.35-3.562 2.28 0 3.274 1.334 4.352 3.562 0 0 5.984 13.03 6.044 13.17 0.061 0.138 0.253 0.559 0.862 0.555 0.515-3e-3 0.948-0.414 0.948-0.966v-12.74c0-1.964 1.089-3.575 3.185-3.575 2.094 0 3.226 1.611 3.226 3.575v10.43c0 2.011 1.441 3.316 3.405 3.316s3.271-1.352 3.271-3.316v-10.43c0-1.964 1.093-3.575 3.185-3.575 2.094 0 3.232 1.611 3.232 3.575v10.43c0 2.011 1.435 3.316 3.4 3.316 1.961 0 3.273-1.352 3.273-3.316v-10.43c0-1.964 1.092-3.575 3.186-3.575 2.093 0 3.229 1.611 3.229 3.575v11.87c0 4.361-3.507 7.416-7.727 7.416-4.215 0-6.855-2.916-6.855-2.916-1.403 1.819-3.337 2.912-6.61 2.912-3.454 0-6.477-2.912-6.477-2.912-1.404 1.819-3.794 2.912-5.773 2.912-3.061 0-5.492-1.346-6.975-4.737l-4.381-10.33z" fill="#696566"/>
+					</g>
+					<g transform="translate(468.6 268.9)">
+						<path d="m-21.72 23.2v0.018c0 1.459 1.184 2.688 2.672 2.688 1.509 0 2.677-1.216 2.677-2.677v-0.011c0-1.464-1.181-2.693-2.677-2.693-1.509 0-2.672 1.212-2.672 2.675m4.835 0.018v7e-3c0 1.2-0.927 2.184-2.163 2.184-1.225 0-2.166-1.001-2.166-2.191v-0.014c0-1.197 0.93-2.181 2.166-2.181 1.221 0 2.163 0.999 2.163 2.195" fill="#696566"/>
+					</g>
+					<g transform="translate(470.3 270)">
+						<path d="m-21.72 23.2c0 0.159 0.127 0.286 0.288 0.286h0.892c0.336 0 0.595-0.095 0.756-0.265 0.147-0.143 0.227-0.35 0.227-0.59v-8e-3c0-0.408-0.206-0.657-0.517-0.788l0.394-0.48c0.055-0.072 0.092-0.131 0.092-0.219 0-0.158-0.134-0.262-0.27-0.262-0.127 0-0.213 0.065-0.28 0.147l-0.555 0.702h-0.455v-0.564c0-0.159-0.123-0.284-0.283-0.284-0.161 0-0.288 0.126-0.288 0.284v2.041zm1.148-0.972c0.278 0 0.431 0.145 0.431 0.366v9e-3c0 0.241-0.164 0.371-0.441 0.371h-0.569v-0.745h0.579z" fill="#696566"/>
+					</g>
+				</g>
+			
+		
+	
+</g>
+</svg>
diff --git a/js/_website/src/lib/assets/logos/wns.png b/js/_website/src/lib/assets/logos/wns.png
new file mode 100644
index 0000000..1d3dbbc
Binary files /dev/null and b/js/_website/src/lib/assets/logos/wns.png differ
diff --git a/js/_website/src/lib/assets/prism.css b/js/_website/src/lib/assets/prism.css
new file mode 100644
index 0000000..50a0af9
--- /dev/null
+++ b/js/_website/src/lib/assets/prism.css
@@ -0,0 +1,259 @@
+/* PrismJS 1.20.0
+https://prismjs.com/download.html#themes=prism&languages=python */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"],
+pre.gradio-code,
+pre.gradio-code code {
+	word-wrap: normal;
+	color: #171717;
+	font-size: 1em;
+	line-height: 1.5;
+	font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+	text-align: left;
+	text-shadow: 0 1px white;
+	white-space: pre;
+	word-break: normal;
+	word-spacing: normal;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+	font-size: 0.9em;
+}
+
+pre[class*="language-"]::-moz-selection,
+pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection,
+code[class*="language-"] ::-moz-selection {
+	background: #b3d4fc;
+	text-shadow: none;
+}
+
+pre[class*="language-"]::selection,
+pre[class*="language-"] ::selection,
+code[class*="language-"]::selection,
+code[class*="language-"] ::selection {
+	background: #b3d4fc;
+	text-shadow: none;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"],
+pre.gradio-code {
+	margin: 0;
+	padding: 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"],
+pre.gradio-code {
+	background: rgb(249, 250, 251);
+}
+
+.dark :not(pre) > code[class*="language-"],
+.dark pre[class*="language-"],
+.dark pre.gradio-code {
+	background: rgb(38, 38, 38);
+}
+
+.dark code[class*="language-"],
+.dark pre[class*="language-"],
+.dark pre.gradio-code,
+.dark pre.gradio-code code {
+	text-shadow: none;
+	color: #e6edf3;
+}
+
+.prose code[class*="language-"],
+.prose pre[class*="language-"],
+.prose pre.gradio-code,
+.prose pre.gradio-code code {
+	font-size: 0.9em;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	border-radius: 0.3em;
+	padding: 0.1em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.token.namespace {
+	color: #6f42c1;
+}
+
+.token.function-call {
+	color: #dd4a68;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	background: hsla(0, 0%, 100%, 0.5);
+	color: #9a6e3a;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.annotation,
+.token.decorator {
+	color: #9a6e3a;
+}
+
+.token.keyword-argument {
+	color: #e36209;
+	font-style: italic;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+/* Dark mode syntax highlighting */
+.dark .token.comment,
+.dark .token.prolog,
+.dark .token.doctype,
+.dark .token.cdata {
+	color: #8b949e;
+}
+
+.dark .token.punctuation {
+	color: #c9d1d9;
+}
+
+.dark .token.property,
+.dark .token.tag,
+.dark .token.boolean,
+.dark .token.number,
+.dark .token.constant,
+.dark .token.symbol,
+.dark .token.deleted {
+	color: #ff7b72;
+}
+
+.dark .token.selector,
+.dark .token.attr-name,
+.dark .token.string,
+.dark .token.char,
+.dark .token.builtin,
+.dark .token.inserted {
+	color: #a5d6ff;
+}
+
+.dark .token.operator,
+.dark .token.entity,
+.dark .token.url,
+.dark .language-css .token.string,
+.dark .style .token.string {
+	background: transparent;
+	color: #ffa657;
+}
+
+.dark .token.atrule,
+.dark .token.attr-value,
+.dark .token.keyword {
+	color: #ff7b72;
+}
+
+.dark .token.function,
+.dark .token.class-name {
+	color: #d2a8ff;
+}
+
+.dark .token.regex,
+.dark .token.important,
+.dark .token.variable {
+	color: #ffa657;
+}
+
+.dark .token.annotation,
+.dark .token.decorator {
+	color: #ffa657;
+}
+
+.dark .token.namespace {
+	color: #79c0ff;
+}
+
+.dark .token.function-call {
+	color: #d2a8ff;
+}
+
+.dark .token.keyword-argument {
+	color: #ffa657;
+	font-style: italic;
+}
diff --git a/js/_website/src/lib/assets/style.css b/js/_website/src/lib/assets/style.css
new file mode 100644
index 0000000..faad0d0
--- /dev/null
+++ b/js/_website/src/lib/assets/style.css
@@ -0,0 +1,522 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.dark input[type="text"],
+.dark input[type="email"],
+.dark input[type="search"],
+.dark input[type="password"],
+.dark input[type="number"],
+.dark input[type="url"],
+.dark input[type="tel"],
+.dark textarea {
+	background-color: rgb(38, 38, 38);
+	color: rgb(245, 245, 245);
+	border-color: rgb(64, 64, 64);
+}
+
+.link {
+	@apply font-semibold hover:text-orange-500 transition-colors;
+}
+.thin-link {
+	@apply text-gray-900 dark:text-gray-300 hover:text-gray-600 dark:hover:text-gray-100 transition-colors;
+}
+.thinner-link {
+	@apply hover:text-orange-500 transition-colors;
+}
+
+.prose :where(img):not(:where([class~="not-prose"] *)) {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+.prose :where(code):not(:where([class~="not-prose"] *)) {
+	word-break: break-all;
+}
+
+.prose :where(a):not(:where([class~="not-prose"] *)) {
+	word-break: break-all;
+}
+
+.group:hover .group-hover\:flex {
+	/* for some reason, group-hover:flex not working on mobile */
+	display: flex;
+}
+.group:active .group-active\:flex {
+	/* for some reason, group-active:flex not working on mobile */
+	display: flex;
+}
+@media (min-width: 640px) {
+	/* for some reason, sm:block not working */
+	.sm\:block {
+		@apply block;
+	}
+}
+@media (min-width: 768px) {
+	/* for some reason, md:block not working */
+	.md\:block {
+		@apply block;
+	}
+}
+
+@layer base {
+	a.text-link {
+		@apply font-semibold text-gray-800 dark:text-white underline decoration-orange-500 underline-offset-2 hover:text-orange-500;
+	}
+}
+
+@layer utilities {
+	.filter-none {
+		filter: none;
+	}
+	.filter-grayscale {
+		filter: grayscale(100%);
+	}
+	.shadow-alternate-sm {
+		box-shadow:
+			0px 5px 5px rgba(0, 0, 0, 0.03),
+			0px 2px 2px rgba(0, 0, 0, 0.03),
+			0px 0px 1px rgba(0, 0, 0, 0.03);
+		transition: transform 0.3s ease-in-out;
+	}
+	.shadow-alternate {
+		box-shadow:
+			0px 10px 20px rgba(0, 0, 0, 0.04),
+			0px 2px 6px rgba(0, 0, 0, 0.04),
+			0px 0px 1px rgba(0, 0, 0, 0.04);
+		transition: transform 0.3s ease-in-out;
+	}
+	.shadow-alternate-xl {
+		box-shadow:
+			0px 24px 32px rgba(0, 0, 0, 0.04),
+			0px 16px 24px rgba(0, 0, 0, 0.04),
+			0px 4px 8px rgba(0, 0, 0, 0.04),
+			0px 0px 1px rgba(0, 0, 0, 0.04);
+		transition: transform 0.3s ease-in-out;
+	}
+}
+
+.shadow-alternate:hover {
+	transform: scale(1.1);
+}
+/* index */
+.active-example-tab {
+	@apply border-orange-500 rounded-full text-orange-500 ring-1 bg-orange-50 dark:bg-orange-900 ring-orange-200 dark:ring-orange-700 hover:!text-orange-500 cursor-pointer shadow shadow-orange-200 dark:shadow-orange-900;
+}
+
+/* guides */
+.prose > p > img {
+	@apply max-w-full mx-auto my-0 w-4/5;
+}
+.prose > p > video {
+	@apply max-w-full mx-auto my-0 w-4/5;
+}
+
+.prose code::before {
+	display: none;
+}
+
+.prose code::after {
+	display: none;
+}
+
+/* docs & guides */
+.thin-link.current-nav-link {
+	@apply text-orange-500;
+}
+.thin-link.current-nav-link:not(.subheading) {
+	@apply border-orange-500 md:border-l-2 pl-4;
+}
+.link.current-nav-link {
+	@apply border-orange-500 text-orange-500;
+}
+.thinner-link.current-nav-link {
+	@apply border-orange-500 text-orange-500;
+}
+.second-nav-link {
+	@apply border-l-2 border-gray-100 px-3;
+}
+.current-nav-link {
+	@apply border-orange-500 text-orange-500;
+}
+
+/* editable docs */
+
+.obj h1 {
+	@apply text-3xl font-light py-4 text-gray-900 dark:text-gray-100;
+}
+.obj h2 {
+	@apply mb-2 text-lg text-gray-900 dark:text-gray-100;
+}
+.obj h3 {
+	@apply mt-8 text-xl text-orange-500 dark:text-orange-400 font-light;
+}
+.obj h4 {
+	@apply mt-8 text-xl text-orange-500 dark:text-orange-400 font-light;
+}
+
+.obj p {
+	@apply mb-2 text-lg text-gray-900 dark:text-gray-100;
+}
+
+/* docs */
+.selected-demo {
+	@apply font-semibold bg-gray-50 rounded text-orange-500;
+}
+.codeblock code.language-python {
+	@apply !leading-7 !whitespace-pre-wrap !break-all;
+	line-height: 1 !important;
+}
+code.language-bash {
+	@apply !leading-7 !whitespace-pre-wrap !break-all;
+}
+
+.group-hover-visible {
+	@apply group-hover:visible;
+}
+.anchor-img {
+	@apply w-7 max-w-full inline-block m-0 ml-2;
+}
+.anchor-img-small {
+	@apply w-5 max-w-full inline-block m-0 ml-0.5;
+}
+.selected-version {
+	@apply font-semibold text-orange-500;
+}
+.selected-version:before {
+	content: "• ";
+}
+
+.obj p {
+	word-break: break-word;
+}
+
+/* copy button */
+.clipboard-button {
+	@apply absolute right-0 px-1.5 pb-1 text-gray-500 text-sm z-[100] opacity-0 duration-100;
+}
+.clipboard-button:hover {
+	@apply cursor-pointer;
+}
+.clipboard-button:hover > svg {
+	@apply fill-gray-700;
+}
+.clipboard-button:focus {
+	@apply outline-0;
+}
+
+/* interactive banner */
+.interactive-banner {
+	@apply absolute right-0 px-1.5 pt-0.5 pb-1 m-4 -mt-1 text-sm z-[100] bg-orange-500 rounded-lg;
+}
+
+.codeblock {
+	@apply relative bg-gray-50 dark:bg-neutral-800 mx-auto p-6 mt-2 rounded-lg;
+}
+.codeblock:hover > .clipboard-button {
+	@apply opacity-100 duration-200;
+}
+
+[type="search"]::-webkit-search-cancel-button {
+	display: none;
+}
+
+.view-code {
+	@apply w-16 p-2 mx-auto hover:bg-gray-100;
+	background: rgb(249, 250, 251);
+}
+
+/* demos */
+.selected-demo-tab {
+	@apply font-semibold text-orange-500 rounded-t-md border-2 border-gray-100 dark:border-neutral-700 border-b-0 bg-white dark:bg-neutral-800;
+}
+.selected-demo-window {
+	@apply rounded-b-md border-2  border-gray-100 -mt-0.5;
+}
+
+.tip {
+	@apply bg-orange-50 dark:bg-orange-950/40 border-2 border-orange-200 dark:border-orange-500/30 rounded-2xl text-gray-900 dark:text-gray-100 p-6 my-6 flex items-center gap-4 text-sm;
+}
+
+.tip-icon {
+	@apply flex items-center justify-center flex-shrink-0 -mt-1;
+}
+
+.tip-content {
+	@apply flex-1;
+}
+
+.tip strong {
+	@apply text-orange-500 dark:text-orange-400 font-semibold;
+}
+
+.tip code {
+	@apply text-orange-400 dark:text-orange-400 bg-orange-900/30 px-1.5 py-0.5 rounded text-sm;
+}
+
+.tip a {
+	@apply text-orange-400 dark:text-orange-400 underline hover:text-orange-300 dark:hover:text-orange-300;
+}
+
+.tip p {
+	@apply m-0 text-sm;
+}
+
+.tip svg {
+	@apply text-orange-500 dark:text-orange-500 flex-shrink-0 w-6 h-6;
+}
+
+.warning {
+	@apply bg-red-50 dark:bg-red-900/30 border-red-50 dark:border-red-800 border-l-2 border-l-red-300 dark:border-l-red-600 text-red-700 dark:text-red-300 p-4 px-6;
+}
+
+.warning strong {
+	@apply text-red-700;
+}
+
+.warning code {
+	@apply text-red-700;
+}
+
+.warning a {
+	@apply text-red-700;
+}
+
+.warning p {
+	@apply inline;
+}
+
+.shared-link:before {
+	content: url("img/anchor_orange.svg");
+	width: 15px;
+	display: inline-block;
+	margin-right: 5px;
+}
+
+li > p {
+	margin: 0.25rem 0 !important;
+	padding: 0 !important;
+}
+
+ul > li,
+li > ul {
+	margin: 0 !important;
+	padding-top: 0 !important;
+	padding-bottom: 0 !important;
+}
+
+code {
+	font-size: 0.9em;
+	@apply text-gray-900 dark:text-gray-100;
+}
+
+.prose :where(code):not(:where([class~="not-prose"] *)):not(pre code) {
+	@apply bg-orange-100 dark:bg-orange-900/40 text-orange-800 dark:text-orange-200 px-1.5 py-0.5 rounded font-medium;
+}
+
+pre > code {
+	font-weight: 500 !important;
+	border-radius: 0.25rem;
+	font-size: 0.9em !important;
+	line-height: 1 !important;
+}
+
+h3.header-tag {
+	margin-bottom: 10px;
+}
+
+h1 > code,
+h2 > code,
+h3 > code,
+h4 > code,
+h5 > code,
+h6 > code {
+	border: none;
+	border-radius: 0;
+	background-color: transparent;
+}
+
+h5 {
+	@apply text-gray-500;
+}
+
+.token.table {
+	display: unset;
+}
+
+strong {
+	font-weight: 600;
+	@apply text-gray-900 dark:text-gray-100;
+}
+
+.obj a {
+	color: var(--tw-prose-links);
+	text-decoration: underline;
+	font-weight: 500;
+}
+.dark .obj a {
+	@apply text-orange-400;
+}
+
+.codeblock > pre {
+	font-size: 1em;
+}
+
+.obj ul > li {
+	list-style: circle;
+}
+.obj ol,
+.obj ul {
+	padding-inline-start: 40px;
+}
+.obj li {
+	@apply text-gray-900 dark:text-gray-100;
+}
+
+ol {
+	list-style: decimal;
+}
+
+ul {
+	list-style: circle;
+}
+
+li {
+	display: list-item;
+}
+
+.results ul {
+	list-style: none;
+}
+
+.results ol {
+	list-style: none;
+}
+
+:where(ol > li)::marker {
+	font-weight: 400;
+	color: #6b7280;
+}
+
+.embedded-component .gradio-container {
+	padding: var(--size-4) 0 0 0 !important;
+}
+.embedded-component .gradio-container footer {
+	display: none !important;
+}
+.embedded-component:has(.loading) {
+	visibility: hidden;
+	height: 0;
+}
+
+.obj .codeblock {
+	@apply my-4;
+	display: grid;
+}
+
+.prose .codeblock {
+	@apply my-4;
+	display: grid;
+}
+
+summary {
+	display: grid !important;
+}
+
+summary code {
+	white-space: nowrap !important;
+	overflow-x: scroll;
+}
+
+summary::after {
+	@apply pl-1 !opacity-100;
+	background: var(--table-odd-background-fill);
+	height: 90%;
+	padding-top: 14px;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table thead th {
+	background: #0a0a0a !important;
+	color: #e5e5e5 !important;
+	border-top: 1px solid #404040 !important;
+	border-left: 1px solid #404040 !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table thead th:first-child {
+	border-top: none !important;
+	border-left: none !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody {
+	border: 1px solid #404040 !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody tr {
+	border-bottom: 1px solid #404040 !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody tr:last-child {
+	border-bottom: none !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody tr:nth-child(odd) {
+	background: #171717 !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody tr:nth-child(even) {
+	background: #0a0a0a !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody tr:hover {
+	background: #262626 !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody th {
+	background: inherit !important;
+	color: #e5e5e5 !important;
+}
+
+.dark .obj .max-h-96.overflow-y-scroll table tbody td {
+	color: #e5e5e5 !important;
+}
+
+table {
+	width: 100%;
+	border-collapse: collapse;
+	margin-top: 1.5rem;
+	margin-bottom: 1.5rem;
+	font-size: 1rem;
+}
+
+table thead th {
+	background-color: #f3f4f6;
+	color: #111827;
+	font-weight: 600;
+	text-align: left;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
+	border: 1px solid #e5e7eb;
+}
+
+.dark table thead th {
+	background-color: #374151;
+	color: #f3f4f6;
+	border: 1px solid #52525b;
+}
+
+table tbody td {
+	padding-left: 1rem;
+	padding-right: 1rem;
+	padding-top: 0.5rem;
+	padding-bottom: 0.5rem;
+	border: 1px solid #e5e7eb;
+	color: #374151;
+	vertical-align: top;
+}
+
+.dark table tbody td {
+	border: 1px solid #52525b;
+	color: #d1d5db;
+}
diff --git a/js/_website/src/lib/assets/theme.css b/js/_website/src/lib/assets/theme.css
new file mode 100644
index 0000000..a24fdc6
--- /dev/null
+++ b/js/_website/src/lib/assets/theme.css
@@ -0,0 +1,496 @@
+@font-face {
+	font-family: "IBM Plex Mono";
+	src: url("/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2") format("woff2");
+	font-weight: 400;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: "IBM Plex Mono";
+	src: url("/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2") format("woff2");
+	font-weight: 700;
+	font-style: normal;
+}
+
+:root {
+	--name: default;
+	--primary-50: #fff7ed;
+	--primary-100: #ffedd5;
+	--primary-200: #ffddb3;
+	--primary-300: #fdba74;
+	--primary-400: #fb923c;
+	--primary-500: #f97316;
+	--primary-600: #ea580c;
+	--primary-700: #c2410c;
+	--primary-800: #9a3412;
+	--primary-900: #7c2d12;
+	--primary-950: #6c2e12;
+	--secondary-50: #eff6ff;
+	--secondary-100: #dbeafe;
+	--secondary-200: #bfdbfe;
+	--secondary-300: #93c5fd;
+	--secondary-400: #60a5fa;
+	--secondary-500: #3b82f6;
+	--secondary-600: #2563eb;
+	--secondary-700: #1d4ed8;
+	--secondary-800: #1e40af;
+	--secondary-900: #1e3a8a;
+	--secondary-950: #1d3660;
+	--neutral-50: #fafafa;
+	--neutral-100: #f4f4f5;
+	--neutral-200: #e4e4e7;
+	--neutral-300: #d4d4d8;
+	--neutral-400: #bbbbc2;
+	--neutral-500: #71717a;
+	--neutral-600: #52525b;
+	--neutral-700: #3f3f46;
+	--neutral-800: #27272a;
+	--neutral-900: #18181b;
+	--neutral-950: #0f0f11;
+	--spacing-xxs: 1px;
+	--spacing-xs: 2px;
+	--spacing-sm: 4px;
+	--spacing-md: 6px;
+	--spacing-lg: 8px;
+	--spacing-xl: 10px;
+	--spacing-xxl: 16px;
+	--radius-xxs: 1px;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 6px;
+	--radius-lg: 8px;
+	--radius-xl: 12px;
+	--radius-xxl: 22px;
+	--text-xxs: 9px;
+	--text-xs: 10px;
+	--text-sm: 12px;
+	--text-md: 14px;
+	--text-lg: 16px;
+	--text-xl: 22px;
+	--text-xxl: 26px;
+	--font: "Source Sans Pro", ui-sans-serif, system-ui, sans-serif;
+	--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
+	--body-background-fill: var(--background-fill-primary);
+	--body-text-color: var(--neutral-800);
+	--body-text-size: var(--text-md);
+	--body-text-weight: 400;
+	--embed-radius: var(--radius-sm);
+	--color-accent: var(--primary-500);
+	--color-accent-soft: var(--primary-50);
+	--background-fill-primary: white;
+	--background-fill-secondary: var(--neutral-50);
+	--border-color-accent: var(--primary-300);
+	--border-color-primary: var(--neutral-200);
+	--link-text-color: var(--secondary-600);
+	--link-text-color-active: var(--secondary-600);
+	--link-text-color-hover: var(--secondary-700);
+	--link-text-color-visited: var(--secondary-500);
+	--body-text-color-subdued: var(--neutral-400);
+	--accordion-text-color: var(--body-text-color);
+	--table-text-color: var(--body-text-color);
+	--shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+	--shadow-drop-lg:
+		0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+	--shadow-spread: 3px;
+	--block-background-fill: var(--background-fill-primary);
+	--block-border-color: var(--border-color-primary);
+	--block-border-width: 1px;
+	--block-info-text-color: var(--body-text-color-subdued);
+	--block-info-text-size: var(--text-sm);
+	--block-info-text-weight: 400;
+	--block-label-background-fill: var(--background-fill-primary);
+	--block-label-border-color: var(--border-color-primary);
+	--block-label-border-width: 1px;
+	--block-label-shadow: var(--block-shadow);
+	--block-label-text-color: var(--neutral-500);
+	--block-label-margin: 0;
+	--block-label-padding: var(--spacing-sm) var(--spacing-lg);
+	--block-label-radius: calc(var(--radius-sm) - 1px) 0
+		calc(var(--radius-sm) - 1px) 0;
+	--block-label-right-radius: 0 calc(var(--radius-sm) - 1px) 0
+		calc(var(--radius-sm) - 1px);
+	--block-label-text-size: var(--text-sm);
+	--block-label-text-weight: 400;
+	--block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
+	--block-radius: var(--radius-sm);
+	--block-shadow: none;
+	--block-title-background-fill: none;
+	--block-title-border-color: none;
+	--block-title-border-width: 0px;
+	--block-title-text-color: var(--neutral-500);
+	--block-title-padding: 0;
+	--block-title-radius: none;
+	--block-title-text-size: var(--text-md);
+	--block-title-text-weight: 400;
+	--container-radius: var(--radius-sm);
+	--form-gap-width: 0px;
+	--layout-gap: var(--spacing-xxl);
+	--panel-background-fill: var(--background-fill-secondary);
+	--panel-border-color: var(--border-color-primary);
+	--panel-border-width: 0;
+	--section-header-text-size: var(--text-md);
+	--section-header-text-weight: 400;
+	--border-color-accent-subdued: var(--primary-200);
+	--code-background-fill: var(--neutral-100);
+	--chatbot-text-size: var(--text-lg);
+	--checkbox-background-color: var(--background-fill-primary);
+	--checkbox-background-color-focus: var(--checkbox-background-color);
+	--checkbox-background-color-hover: var(--checkbox-background-color);
+	--checkbox-background-color-selected: var(--color-accent);
+	--checkbox-border-color: var(--neutral-300);
+	--checkbox-border-color-focus: var(--color-accent);
+	--checkbox-border-color-hover: var(--neutral-300);
+	--checkbox-border-color-selected: var(--color-accent);
+	--checkbox-border-radius: var(--radius-sm);
+	--checkbox-border-width: var(--input-border-width);
+	--checkbox-label-background-fill: var(--background-fill-primary);
+	--checkbox-label-background-fill-hover: var(--background-fill-secondary);
+	--checkbox-label-background-fill-selected: var(
+		--checkbox-label-background-fill
+	);
+	--checkbox-label-border-color: var(--border-color-primary);
+	--checkbox-label-border-color-hover: var(--checkbox-label-border-color);
+	--checkbox-label-border-color-selected: var(--checkbox-label-border-color);
+	--checkbox-label-border-width: var(--input-border-width);
+	--checkbox-label-gap: var(--spacing-lg);
+	--checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--checkbox-label-shadow: none;
+	--checkbox-label-text-size: var(--text-md);
+	--checkbox-label-text-weight: 400;
+	--checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+	--radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+	--checkbox-shadow: var(--input-shadow);
+	--checkbox-label-text-color: var(--body-text-color);
+	--checkbox-label-text-color-selected: var(--checkbox-label-text-color);
+	--error-background-fill: #fef2f2;
+	--error-border-color: #b91c1c;
+	--error-border-width: 1px;
+	--error-text-color: #b91c1c;
+	--error-icon-color: #b91c1c;
+	--input-background-fill: white;
+	--input-background-fill-focus: var(--input-background-fill);
+	--input-background-fill-hover: var(--input-background-fill);
+	--input-border-color: var(--border-color-primary);
+	--input-border-color-focus: var(--secondary-300);
+	--input-border-color-hover: var(--input-border-color);
+	--input-border-width: 1px;
+	--input-padding: var(--spacing-xl);
+	--input-placeholder-color: var(--neutral-400);
+	--input-radius: var(--radius-sm);
+	--input-shadow: none;
+	--input-shadow-focus:
+		0 0 0 var(--shadow-spread) var(--secondary-50), var(--shadow-inset);
+	--input-text-size: var(--text-md);
+	--input-text-weight: 400;
+	--loader-color: var(--color-accent);
+	--prose-text-size: var(--text-md);
+	--prose-text-weight: 400;
+	--prose-header-text-weight: 600;
+	--slider-color: var(--color-accent);
+	--stat-background-fill: linear-gradient(
+		to right,
+		var(--primary-400),
+		var(--primary-200)
+	);
+	--table-border-color: var(--neutral-300);
+	--table-even-background-fill: white;
+	--table-odd-background-fill: var(--neutral-50);
+	--table-radius: var(--radius-sm);
+	--table-row-focus: var(--color-accent-soft);
+	--button-border-width: 0px;
+	--button-cancel-background-fill: #ef4444;
+	--button-cancel-background-fill-hover: #dc2626;
+	--button-cancel-border-color: var(--button-secondary-border-color);
+	--button-cancel-border-color-hover: var(
+		--button-secondary-border-color-hover
+	);
+	--button-cancel-text-color: white;
+	--button-cancel-text-color-hover: white;
+	--button-cancel-shadow: var(--button-secondary-shadow);
+	--button-cancel-shadow-hover: var(--button-secondary-shadow-hover);
+	--button-cancel-shadow-active: var(--button-secondary-shadow-active);
+	--button-transform-hover: none;
+	--button-transform-active: none;
+	--button-transition: all 0.2s ease;
+	--button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
+	--button-large-radius: var(--radius-md);
+	--button-large-text-size: var(--text-lg);
+	--button-large-text-weight: 600;
+	--button-primary-background-fill: var(--primary-500);
+	--button-primary-background-fill-hover: var(--primary-600);
+	--button-primary-border-color: var(--primary-500);
+	--button-primary-border-color-hover: var(--primary-500);
+	--button-primary-text-color: white;
+	--button-primary-text-color-hover: var(--button-primary-text-color);
+	--button-primary-shadow: none;
+	--button-primary-shadow-hover: var(--button-primary-shadow);
+	--button-primary-shadow-active: var(--button-primary-shadow);
+	--button-secondary-background-fill: var(--neutral-200);
+	--button-secondary-background-fill-hover: var(--neutral-300);
+	--button-secondary-border-color: var(--neutral-200);
+	--button-secondary-border-color-hover: var(--neutral-200);
+	--button-secondary-text-color: black;
+	--button-secondary-text-color-hover: var(--button-secondary-text-color);
+	--button-secondary-shadow: var(--button-primary-shadow);
+	--button-secondary-shadow-hover: var(--button-secondary-shadow);
+	--button-secondary-shadow-active: var(--button-secondary-shadow);
+	--button-small-padding: var(--spacing-sm) calc(1.5 * var(--spacing-sm));
+	--button-small-radius: var(--radius-md);
+	--button-small-text-size: var(--text-sm);
+	--button-small-text-weight: 400;
+	--button-medium-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--button-medium-radius: var(--radius-md);
+	--button-medium-text-size: var(--text-md);
+	--button-medium-text-weight: 600;
+}
+
+:root.dark,
+:root .dark {
+	--body-background-fill: var(--background-fill-primary);
+	--body-text-color: var(--neutral-100);
+	--color-accent-soft: var(--neutral-700);
+	--background-fill-primary: var(--neutral-950);
+	--background-fill-secondary: var(--neutral-900);
+	--border-color-accent: var(--neutral-600);
+	--border-color-primary: var(--neutral-700);
+	--link-text-color-active: var(--secondary-500);
+	--link-text-color: var(--secondary-500);
+	--link-text-color-hover: var(--secondary-400);
+	--link-text-color-visited: var(--secondary-600);
+	--body-text-color-subdued: var(--neutral-400);
+	--accordion-text-color: var(--body-text-color);
+	--table-text-color: var(--body-text-color);
+	--shadow-spread: 1px;
+	--block-background-fill: var(--neutral-800);
+	--block-border-color: var(--border-color-primary);
+	--block_border_width: None;
+	--block-info-text-color: var(--body-text-color-subdued);
+	--block-label-background-fill: var(--background-fill-secondary);
+	--block-label-border-color: var(--border-color-primary);
+	--block_label_border_width: None;
+	--block-label-text-color: var(--neutral-200);
+	--block_shadow: None;
+	--block_title_background_fill: None;
+	--block_title_border_color: None;
+	--block_title_border_width: None;
+	--block-title-text-color: var(--neutral-200);
+	--panel-background-fill: var(--background-fill-secondary);
+	--panel-border-color: var(--border-color-primary);
+	--panel_border_width: None;
+	--border-color-accent-subdued: var(--border-color-accent);
+	--code-background-fill: var(--neutral-800);
+	--checkbox-background-color: var(--neutral-800);
+	--checkbox-background-color-focus: var(--checkbox-background-color);
+	--checkbox-background-color-hover: var(--checkbox-background-color);
+	--checkbox-background-color-selected: var(--color-accent);
+	--checkbox-border-color: var(--neutral-700);
+	--checkbox-border-color-focus: var(--color-accent);
+	--checkbox-border-color-hover: var(--neutral-600);
+	--checkbox-border-color-selected: var(--color-accent);
+	--checkbox-border-width: var(--input-border-width);
+	--checkbox-label-background-fill: var(--neutral-800);
+	--checkbox-label-background-fill-hover: var(--checkbox-label-background-fill);
+	--checkbox-label-background-fill-selected: var(
+		--checkbox-label-background-fill
+	);
+	--checkbox-label-border-color: var(--border-color-primary);
+	--checkbox-label-border-color-hover: var(--checkbox-label-border-color);
+	--checkbox-label-border-color-selected: var(--checkbox-label-border-color);
+	--checkbox-label-border-width: var(--input-border-width);
+	--checkbox-label-text-color: var(--body-text-color);
+	--checkbox-label-text-color-selected: var(--checkbox-label-text-color);
+	--error-background-fill: var(--neutral-900);
+	--error-border-color: #ef4444;
+	--error_border_width: None;
+	--error-text-color: #fef2f2;
+	--error-icon-color: #ef4444;
+	--input-background-fill: var(--neutral-800);
+	--input_background_fill_focus: None;
+	--input-background-fill-hover: var(--input-background-fill);
+	--input-border-color: var(--border-color-primary);
+	--input-border-color-focus: var(--neutral-700);
+	--input-border-color-hover: var(--input-border-color);
+	--input_border_width: None;
+	--input-placeholder-color: var(--neutral-500);
+	--input_shadow: None;
+	--input-shadow-focus:
+		0 0 0 var(--shadow-spread) var(--neutral-700), var(--shadow-inset);
+	--loader_color: None;
+	--slider_color: None;
+	--stat-background-fill: linear-gradient(
+		to right,
+		var(--primary-400),
+		var(--primary-600)
+	);
+	--table-border-color: var(--neutral-700);
+	--table-even-background-fill: var(--neutral-950);
+	--table-odd-background-fill: var(--neutral-900);
+	--table-row-focus: var(--color-accent-soft);
+	--button_border_width: None;
+	--button-cancel-background-fill: #b91c1c;
+	--button-cancel-background-fill-hover: #991b1b;
+	--button-cancel-border-color: var(--button-secondary-border-color);
+	--button-cancel-border-color-hover: var(
+		--button-secondary-border-color-hover
+	);
+	--button-cancel-text-color: white;
+	--button-cancel-text-color-hover: white;
+	--button-cancel-shadow: var(--button-secondary-shadow);
+	--button-cancel-shadow-hover: var(--button-secondary-shadow-hover);
+	--button-cancel-shadow-active: var(--button-secondary-shadow-active);
+	--button-primary-background-fill: var(--primary-600);
+	--button-primary-background-fill-hover: var(--primary-700);
+	--button-primary-border-color: var(--primary-600);
+	--button-primary-border-color-hover: var(--primary-500);
+	--button-primary-text-color: white;
+	--button-primary-text-color-hover: var(--button-primary-text-color);
+	--button_primary_shadow: None;
+	--button-primary-shadow-hover: var(--button-primary-shadow);
+	--button-primary-shadow-active: var(--button-primary-shadow);
+	--button-secondary-background-fill: var(--neutral-600);
+	--button-secondary-background-fill-hover: var(--neutral-700);
+	--button-secondary-border-color: var(--neutral-600);
+	--button-secondary-border-color-hover: var(--neutral-500);
+	--button-secondary-text-color: white;
+	--button-secondary-text-color-hover: var(--button-secondary-text-color);
+	--button_secondary_shadow: None;
+	--button-secondary-shadow-hover: var(--button-secondary-shadow);
+	--button-secondary-shadow-active: var(--button-secondary-shadow);
+	--name: default;
+	--primary-50: #fff7ed;
+	--primary-100: #ffedd5;
+	--primary-200: #ffddb3;
+	--primary-300: #fdba74;
+	--primary-400: #fb923c;
+	--primary-500: #f97316;
+	--primary-600: #ea580c;
+	--primary-700: #c2410c;
+	--primary-800: #9a3412;
+	--primary-900: #7c2d12;
+	--primary-950: #6c2e12;
+	--secondary-50: #eff6ff;
+	--secondary-100: #dbeafe;
+	--secondary-200: #bfdbfe;
+	--secondary-300: #93c5fd;
+	--secondary-400: #60a5fa;
+	--secondary-500: #3b82f6;
+	--secondary-600: #2563eb;
+	--secondary-700: #1d4ed8;
+	--secondary-800: #1e40af;
+	--secondary-900: #1e3a8a;
+	--secondary-950: #1d3660;
+	--neutral-50: #fafafa;
+	--neutral-100: #f4f4f5;
+	--neutral-200: #e4e4e7;
+	--neutral-300: #d4d4d8;
+	--neutral-400: #bbbbc2;
+	--neutral-500: #71717a;
+	--neutral-600: #52525b;
+	--neutral-700: #3f3f46;
+	--neutral-800: #27272a;
+	--neutral-900: #18181b;
+	--neutral-950: #0f0f11;
+	--spacing-xxs: 1px;
+	--spacing-xs: 2px;
+	--spacing-sm: 4px;
+	--spacing-md: 6px;
+	--spacing-lg: 8px;
+	--spacing-xl: 10px;
+	--spacing-xxl: 16px;
+	--radius-xxs: 1px;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 6px;
+	--radius-lg: 8px;
+	--radius-xl: 12px;
+	--radius-xxl: 22px;
+	--text-xxs: 9px;
+	--text-xs: 10px;
+	--text-sm: 12px;
+	--text-md: 14px;
+	--text-lg: 16px;
+	--text-xl: 22px;
+	--text-xxl: 26px;
+	--font: "Source Sans Pro", ui-sans-serif, system-ui, sans-serif;
+	--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;
+	--body-text-size: var(--text-md);
+	--body-text-weight: 400;
+	--embed-radius: var(--radius-sm);
+	--color-accent: var(--primary-500);
+	--shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+	--shadow-drop-lg:
+		0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+	--block-border-width: 1px;
+	--block-info-text-size: var(--text-sm);
+	--block-info-text-weight: 400;
+	--block-label-border-width: 1px;
+	--block-label-shadow: var(--block-shadow);
+	--block-label-margin: 0;
+	--block-label-padding: var(--spacing-sm) var(--spacing-lg);
+	--block-label-radius: calc(var(--radius-sm) - 1px) 0
+		calc(var(--radius-sm) - 1px) 0;
+	--block-label-right-radius: 0 calc(var(--radius-sm) - 1px) 0
+		calc(var(--radius-sm) - 1px);
+	--block-label-text-size: var(--text-sm);
+	--block-label-text-weight: 400;
+	--block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
+	--block-radius: var(--radius-sm);
+	--block-shadow: none;
+	--block-title-background-fill: none;
+	--block-title-border-color: none;
+	--block-title-border-width: 0px;
+	--block-title-padding: 0;
+	--block-title-radius: none;
+	--block-title-text-size: var(--text-md);
+	--block-title-text-weight: 400;
+	--container-radius: var(--radius-sm);
+	--form-gap-width: 0px;
+	--layout-gap: var(--spacing-xxl);
+	--panel-border-width: 0;
+	--section-header-text-size: var(--text-md);
+	--section-header-text-weight: 400;
+	--chatbot-text-size: var(--text-lg);
+	--checkbox-border-radius: var(--radius-sm);
+	--checkbox-label-gap: var(--spacing-lg);
+	--checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--checkbox-label-shadow: none;
+	--checkbox-label-text-size: var(--text-md);
+	--checkbox-label-text-weight: 400;
+	--checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+	--radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+	--checkbox-shadow: var(--input-shadow);
+	--error-border-width: 1px;
+	--input-background-fill-focus: var(--input-background-fill);
+	--input-border-width: 1px;
+	--input-padding: var(--spacing-xl);
+	--input-radius: var(--radius-sm);
+	--input-shadow: none;
+	--input-text-size: var(--text-md);
+	--input-text-weight: 400;
+	--loader-color: var(--color-accent);
+	--prose-text-size: var(--text-md);
+	--prose-text-weight: 400;
+	--prose-header-text-weight: 600;
+	--slider-color: var(--color-accent);
+	--table-radius: var(--radius-sm);
+	--button-border-width: 0px;
+	--button-transform-hover: none;
+	--button-transform-active: none;
+	--button-transition: all 0.2s ease;
+	--button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
+	--button-large-radius: var(--radius-md);
+	--button-large-text-size: var(--text-lg);
+	--button-large-text-weight: 600;
+	--button-primary-shadow: none;
+	--button-secondary-shadow: var(--button-primary-shadow);
+	--button-small-padding: var(--spacing-sm) calc(1.5 * var(--spacing-sm));
+	--button-small-radius: var(--radius-md);
+	--button-small-text-size: var(--text-sm);
+	--button-small-text-weight: 400;
+	--button-medium-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--button-medium-radius: var(--radius-md);
+	--button-medium-text-size: var(--text-md);
+	--button-medium-text-weight: 600;
+}
diff --git a/js/_website/src/lib/assets/tweets.json b/js/_website/src/lib/assets/tweets.json
new file mode 100644
index 0000000..1485da6
--- /dev/null
+++ b/js/_website/src/lib/assets/tweets.json
@@ -0,0 +1,65 @@
+[
+	{
+		"name": "Anastasios Nikolas Angelopoulos",
+		"handle": "ml_angelopoulos",
+		"link": "https://twitter.com/ml_angelopoulos/status/1925288220360909286",
+		"content": "We love <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@Gradio</span>. <br><br>It helped us scale to our first million users. Amazing and undervalued that Gradio can do this.<br><br>cc <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@_akhaliq</span>",
+		"profile_pic": "4sbu_-Af_400x400.jpeg"
+	},
+	{
+		"name": "Jaydeep",
+		"handle": "_jaydeepkarale",
+		"link": "https://x.com/_jaydeepkarale/status/1639978163643252736",
+		"content": "Gradio was love at first sight..so easy to use",
+		"profile_pic": "NLkT5L7d_400x400.jpeg"
+	},
+	{
+		"name": "Will Rice",
+		"handle": "_Will_Rice",
+		"link": "https://twitter.com/_Will_Rice/status/1430258610131582979",
+		"content": "Just tried out <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@Gradio</span> and I am very impressed. Only took like 10mins to put together a <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">#tts</span> demo.",
+		"profile_pic": "LsCnjnsl_400x400.jpeg"
+	},
+	{
+		"name": "Art Litvinau",
+		"handle": "ArtLitvinau",
+		"link": "https://x.com/ArtLitvinau/status/1678937099343364097",
+		"content": "I love how easy is to build quick prototypes with <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@Gradio</span> ⚡️ this one took me 45 minutes with no previous experience with the library",
+		"profile_pic": "lpJQ2BrK_400x400.jpeg"
+	},
+	{
+		"name": "Shirochenko Dmitriy",
+		"handle": "dmshirochenko",
+		"link": "https://x.com/dmshirochenko/status/1924417517503627346",
+		"content": "Spent the weekend prototyping LLM interfaces directly in Python. <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@gradio</span>-app is a game changer for rapid UI development. Forget wrestling with JS/CSS; share your model in seconds. Thinking this unlocks serious iteration speed.",
+		"profile_pic": "ADswb5-b_400x400.jpeg"
+	},
+	{
+		"name": "iCode2",
+		"handle": "Ifeanyidiaye",
+		"link": "https://x.com/Ifeanyidiaye/status/1785948320596099111",
+		"content": "Apart from being very easy to use, one thing that I simply love about <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@Gradio</span> is its Javascript client, which makes it easy to build a nice HTML frontend for Python applications. This integration makes me rank gradio high in my list of favorite Python libraries.",
+		"profile_pic": "d6sTU6ul_400x400.jpeg"
+	},
+	{
+		"name": "Amar Saini",
+		"handle": "_Epoching_",
+		"link": "https://twitter.com/_Epoching_/status/1471091318482825219",
+		"content": "Just built a ️<span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@Gradio</span> app for a video related deep learning project. <br> I’m astonished by how simple it is to use & how elegant it looks! Lots and lots of great features & flexibility. Thanks for making this ❤ ",
+		"profile_pic": "pwMrDOBv_400x400.jpeg"
+	},
+	{
+		"name": "Roxana Daneshjou MD/PhD",
+		"handle": "RoxanaDaneshjou",
+		"link": "https://twitter.com/RoxanaDaneshjou/status/1418399829944721415",
+		"content": "Honestly, without <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@Gradio</span>, we would not be doing a real time AI trial.  We have many other ideas for algorithms we want to test through clinical trials, and we know it's possible thanks to <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">@Gradio</span>.",
+		"profile_pic": "ITFspAMm_x96.jpg"
+	},
+	{
+		"name": "Vinay Prabhu",
+		"handle": "vinayprabhu",
+		"link": "https://twitter.com/vinayprabhu/status/1324409497641652225",
+		"content": "Dear <span class=\"font-semibold\" style=\"color: rgb(29, 155, 240);\">#MachineLearning</span> twitter,<br>If you haven't typed: <br>$ pip install gradio<br>yet, now would be a damn good time.<br>Especially if you are working in computer vision &amp; deploying models in the real world. ",
+		"profile_pic": "1013607349943058433.jpg"
+	}
+]
diff --git a/js/_website/src/lib/assets/twitter/0Hxb1ESL_x96.png b/js/_website/src/lib/assets/twitter/0Hxb1ESL_x96.png
new file mode 100644
index 0000000..f483158
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/0Hxb1ESL_x96.png differ
diff --git a/js/_website/src/lib/assets/twitter/1013607349943058433.jpg b/js/_website/src/lib/assets/twitter/1013607349943058433.jpg
new file mode 100644
index 0000000..97d3e95
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/1013607349943058433.jpg differ
diff --git a/js/_website/src/lib/assets/twitter/1116115321218146304.jpg b/js/_website/src/lib/assets/twitter/1116115321218146304.jpg
new file mode 100644
index 0000000..4e099ca
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/1116115321218146304.jpg differ
diff --git a/js/_website/src/lib/assets/twitter/1362781887098454025.jpg b/js/_website/src/lib/assets/twitter/1362781887098454025.jpg
new file mode 100644
index 0000000..40368a3
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/1362781887098454025.jpg differ
diff --git a/js/_website/src/lib/assets/twitter/4sbu_-Af_400x400.jpeg b/js/_website/src/lib/assets/twitter/4sbu_-Af_400x400.jpeg
new file mode 100644
index 0000000..ecd26e4
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/4sbu_-Af_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/810912649827364864.jpg b/js/_website/src/lib/assets/twitter/810912649827364864.jpg
new file mode 100644
index 0000000..bb95a6a
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/810912649827364864.jpg differ
diff --git a/js/_website/src/lib/assets/twitter/889312280092999680.jpg b/js/_website/src/lib/assets/twitter/889312280092999680.jpg
new file mode 100644
index 0000000..6ae2807
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/889312280092999680.jpg differ
diff --git a/js/_website/src/lib/assets/twitter/8vyTl51q_400x400.jpeg b/js/_website/src/lib/assets/twitter/8vyTl51q_400x400.jpeg
new file mode 100644
index 0000000..f87d805
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/8vyTl51q_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/ADswb5-b_400x400.jpeg b/js/_website/src/lib/assets/twitter/ADswb5-b_400x400.jpeg
new file mode 100644
index 0000000..321408f
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/ADswb5-b_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/GDLc7Oe4_400x400.jpeg b/js/_website/src/lib/assets/twitter/GDLc7Oe4_400x400.jpeg
new file mode 100644
index 0000000..928e10f
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/GDLc7Oe4_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/ITFspAMm_x96.jpg b/js/_website/src/lib/assets/twitter/ITFspAMm_x96.jpg
new file mode 100644
index 0000000..fb4fedb
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/ITFspAMm_x96.jpg differ
diff --git a/js/_website/src/lib/assets/twitter/LsCnjnsl_400x400.jpeg b/js/_website/src/lib/assets/twitter/LsCnjnsl_400x400.jpeg
new file mode 100644
index 0000000..0c03a76
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/LsCnjnsl_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/NLkT5L7d_400x400.jpeg b/js/_website/src/lib/assets/twitter/NLkT5L7d_400x400.jpeg
new file mode 100644
index 0000000..0652349
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/NLkT5L7d_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/R1gj6nb3_x96.jpg b/js/_website/src/lib/assets/twitter/R1gj6nb3_x96.jpg
new file mode 100644
index 0000000..e12deae
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/R1gj6nb3_x96.jpg differ
diff --git a/js/_website/src/lib/assets/twitter/d6sTU6ul_400x400.jpeg b/js/_website/src/lib/assets/twitter/d6sTU6ul_400x400.jpeg
new file mode 100644
index 0000000..f21caf6
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/d6sTU6ul_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/d8qFeBSq_x96.png b/js/_website/src/lib/assets/twitter/d8qFeBSq_x96.png
new file mode 100644
index 0000000..8326576
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/d8qFeBSq_x96.png differ
diff --git a/js/_website/src/lib/assets/twitter/heart.svg b/js/_website/src/lib/assets/twitter/heart.svg
new file mode 100644
index 0000000..a6cc7d8
--- /dev/null
+++ b/js/_website/src/lib/assets/twitter/heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path class="icon" fill="#697882" d="M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.813-1.148 2.353-2.73 4.644-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.375-7.454 13.11-10.037 13.156H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.035 11.596 8.55 11.658 1.52-.062 8.55-5.917 8.55-11.658 0-2.267-1.822-4.255-3.902-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.015-.03-1.426-2.965-3.955-2.965z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/twitter/ksO1TT2P_400x400.jpeg b/js/_website/src/lib/assets/twitter/ksO1TT2P_400x400.jpeg
new file mode 100644
index 0000000..0b996bc
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/ksO1TT2P_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/logo.svg b/js/_website/src/lib/assets/twitter/logo.svg
new file mode 100644
index 0000000..49f4544
--- /dev/null
+++ b/js/_website/src/lib/assets/twitter/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><path fill="none" d="M0 0h72v72H0z"/><path class="icon" fill="#1da1f2" d="M68.812 15.14c-2.348 1.04-4.87 1.744-7.52 2.06 2.704-1.62 4.78-4.186 5.757-7.243-2.53 1.5-5.33 2.592-8.314 3.176C56.35 10.59 52.948 9 49.182 9c-7.23 0-13.092 5.86-13.092 13.093 0 1.026.118 2.02.338 2.98C25.543 24.527 15.9 19.318 9.44 11.396c-1.125 1.936-1.77 4.184-1.77 6.58 0 4.543 2.312 8.552 5.824 10.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163 0 6.345 4.513 11.638 10.504 12.84-1.1.298-2.256.457-3.45.457-.845 0-1.666-.078-2.464-.23 1.667 5.2 6.5 8.985 12.23 9.09-4.482 3.51-10.13 5.605-16.26 5.605-1.055 0-2.096-.06-3.122-.184 5.794 3.717 12.676 5.882 20.067 5.882 24.083 0 37.25-19.95 37.25-37.25 0-.565-.013-1.133-.038-1.693 2.558-1.847 4.778-4.15 6.532-6.774z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/assets/twitter/lpJQ2BrK_400x400.jpeg b/js/_website/src/lib/assets/twitter/lpJQ2BrK_400x400.jpeg
new file mode 100644
index 0000000..982125b
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/lpJQ2BrK_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/pwMrDOBv_400x400.jpeg b/js/_website/src/lib/assets/twitter/pwMrDOBv_400x400.jpeg
new file mode 100644
index 0000000..4b674f4
Binary files /dev/null and b/js/_website/src/lib/assets/twitter/pwMrDOBv_400x400.jpeg differ
diff --git a/js/_website/src/lib/assets/twitter/redheart.svg b/js/_website/src/lib/assets/twitter/redheart.svg
new file mode 100644
index 0000000..b1562fe
--- /dev/null
+++ b/js/_website/src/lib/assets/twitter/redheart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path class="icon" fill="#E0245E" d="M12 21.638h-.014C9.403 21.59 1.95 14.856 1.95 8.478c0-3.064 2.525-5.754 5.403-5.754 2.29 0 3.83 1.58 4.646 2.73.813-1.148 2.353-2.73 4.644-2.73 2.88 0 5.404 2.69 5.404 5.755 0 6.375-7.454 13.11-10.037 13.156H12zM7.354 4.225c-2.08 0-3.903 1.988-3.903 4.255 0 5.74 7.035 11.596 8.55 11.658 1.52-.062 8.55-5.917 8.55-11.658 0-2.267-1.822-4.255-3.902-4.255-2.528 0-3.94 2.936-3.952 2.965-.23.562-1.156.562-1.387 0-.015-.03-1.426-2.965-3.955-2.965z"/></svg>
\ No newline at end of file
diff --git a/js/_website/src/lib/components/Banner.svelte b/js/_website/src/lib/components/Banner.svelte
new file mode 100644
index 0000000..446d309
--- /dev/null
+++ b/js/_website/src/lib/components/Banner.svelte
@@ -0,0 +1,162 @@
+<script lang="ts">
+	import { browser } from "$app/environment";
+	import { onMount } from "svelte";
+	import { fade } from "svelte/transition";
+
+	export let id: string = "default";
+	export let show: boolean = true;
+	export let message: string = "";
+	export let link_text: string = "";
+	export let link_url: string = "";
+	export let type: "announcement" | "warning" | "info" = "announcement";
+	export let target: "_blank" | "_self" = "_self";
+
+	let dismissed = false;
+
+	$: badge_label =
+		type === "announcement" ? "New" : type === "warning" ? "Update" : "Info";
+
+	const STORAGE_KEY = `gradio-banner-dismissed-${id}`;
+
+	$: visible = show && !dismissed;
+
+	onMount(() => {
+		if (browser) {
+			const wasDismissed = localStorage.getItem(STORAGE_KEY) === "true";
+			if (wasDismissed) {
+				dismissed = true;
+			}
+		}
+	});
+
+	function dismiss() {
+		dismissed = true;
+		if (browser) {
+			localStorage.setItem(STORAGE_KEY, "true");
+		}
+	}
+</script>
+
+{#if visible}
+	<a
+		href={link_url}
+		{target}
+		rel={target === "_blank" ? "noopener noreferrer" : undefined}
+		class="pill {type}"
+		in:fade={{ duration: 200 }}
+		out:fade={{ duration: 150 }}
+	>
+		<span class="badge {type}">{badge_label}</span>
+		<span class="message">{message}</span>
+		{#if link_text}
+			<span class="link-text">
+				{link_text}
+				<svg
+					width="10"
+					height="10"
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2.5"
+					stroke-linecap="round"
+					stroke-linejoin="round"
+				>
+					<path d="M5 12h14" />
+					<path d="m12 5 7 7-7 7" />
+				</svg>
+			</span>
+		{/if}
+	</a>
+{/if}
+
+<style>
+	.pill {
+		display: inline-flex;
+		align-items: center;
+		gap: 6px;
+		padding: 4px 10px 4px 4px;
+		border-radius: 9999px;
+		background: var(--neutral-100);
+		border: 1px solid var(--neutral-200);
+		font-size: var(--text-xs);
+		color: var(--neutral-700);
+		text-decoration: none;
+		transition: all 0.2s ease;
+		cursor: pointer;
+	}
+
+	.pill:hover {
+		background: var(--neutral-200);
+		border-color: var(--neutral-300);
+	}
+
+	:global(html.dark) .pill {
+		background: var(--neutral-800);
+		border-color: var(--neutral-700);
+		color: var(--neutral-300);
+	}
+
+	:global(html.dark) .pill:hover {
+		background: var(--neutral-700);
+		border-color: var(--neutral-600);
+	}
+
+	.badge {
+		display: inline-flex;
+		align-items: center;
+		padding: 3px 8px;
+		border-radius: 9999px;
+		color: white;
+		font-size: 9px;
+		font-weight: 600;
+		text-transform: uppercase;
+		letter-spacing: 0.03em;
+	}
+
+	.badge.announcement {
+		background: var(--primary-500);
+	}
+
+	.badge.warning {
+		background: #dc2626;
+	}
+
+	.badge.info {
+		background: var(--secondary-500);
+	}
+
+	.message {
+		color: var(--neutral-600);
+		font-size: 11px;
+	}
+
+	:global(html.dark) .message {
+		color: var(--neutral-400);
+	}
+
+	.link-text {
+		display: inline-flex;
+		align-items: center;
+		gap: 2px;
+		font-weight: 500;
+		font-size: 10px;
+		background: transparent !important;
+		border: none !important;
+		padding: 0 !important;
+		margin: 0 !important;
+		box-shadow: none !important;
+		color: var(--primary-500);
+	}
+
+	:global(html.dark) .link-text {
+		color: var(--primary-400);
+	}
+
+	.link-text svg {
+		transition: transform 0.15s ease;
+	}
+
+	.pill:hover .link-text svg {
+		transform: translateX(2px);
+	}
+</style>
diff --git a/js/_website/src/lib/components/BehaviorSection.svelte b/js/_website/src/lib/components/BehaviorSection.svelte
new file mode 100644
index 0000000..c84cbd7
--- /dev/null
+++ b/js/_website/src/lib/components/BehaviorSection.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+	import { style_formatted_text } from "$lib/text";
+	import { browser } from "$app/environment";
+	import Prism from "prismjs";
+
+	export let name = null as any;
+	export let preprocess = null as any;
+	export let postprocess = null as any;
+
+	$: if (browser && name && preprocess && postprocess) {
+		setTimeout(() => {
+			Prism.highlightAll();
+		}, 0);
+	}
+</script>
+
+<p><strong>Using {name} as an input component.</strong></p>
+
+<p>How {name} will pass its value to your function:</p>
+
+<p>
+	<span style="font-weight: 500">Type: </span>
+	<code class="language-python !bg-transparent">
+		{preprocess.return_doc.annotation}
+	</code>
+</p>
+
+<p>
+	{@html style_formatted_text(preprocess.return_doc.doc)}
+</p>
+
+<h5 class="mb-2">Example Code</h5>
+
+<pre class="language-python">
+    <code class="language-python">
+    import gradio as gr
+
+    def predict(
+        value: {preprocess.return_doc.annotation}
+    ):
+        # process value from the {name} component
+        return "prediction"
+
+    interface = gr.Interface(predict, gr.{name}(), gr.Textbox())
+    interface.launch()
+</code>
+</pre>
+
+<br />
+
+<p><strong>Using {name} as an output component</strong></p>
+
+<p>How {name} expects you to return a value:</p>
+
+<p>
+	<span style="font-weight: 500">Type: </span>
+
+	<code class="language-python !bg-transparent">
+		{postprocess.parameter_doc[0].annotation}
+	</code>
+</p>
+
+<p>
+	{@html style_formatted_text(postprocess.parameter_doc[0].doc)}
+</p>
+
+<h5 class="mb-2">Example Code</h5>
+<pre class="language-python">
+    <code class="language-python">
+    import gradio as gr
+
+    def predict(text) -> {postprocess.parameter_doc[0].annotation}
+        # process value to return to the {name} component
+        return value
+
+    interface = gr.Interface(predict, gr.Textbox(), gr.{name}())
+    interface.launch()
+</code>
+</pre>
diff --git a/js/_website/src/lib/components/CopyButton.svelte b/js/_website/src/lib/components/CopyButton.svelte
new file mode 100644
index 0000000..17edb3a
--- /dev/null
+++ b/js/_website/src/lib/components/CopyButton.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { svgCopy, svgCheck } from "$lib/assets/copy.js";
+
+	export let content: string = "";
+
+	let copied = false;
+	async function copy() {
+		await navigator.clipboard.writeText(content);
+		copied = true;
+		setTimeout(() => (copied = false), 2000);
+	}
+</script>
+
+<button on:click={copy} class="clipboard-button m-2" role="button" tabindex={0}>
+	{#if !copied}
+		{@html svgCopy}
+	{:else}
+		{@html svgCheck}
+	{/if}
+</button>
diff --git a/js/_website/src/lib/components/CopyMarkdown.svelte b/js/_website/src/lib/components/CopyMarkdown.svelte
new file mode 100644
index 0000000..b0bff87
--- /dev/null
+++ b/js/_website/src/lib/components/CopyMarkdown.svelte
@@ -0,0 +1,455 @@
+<script lang="ts">
+	import IconCopy from "./icons/IconCopy.svelte";
+	import IconCheck from "./icons/IconCheck.svelte";
+	import IconArrowUpRight from "./icons/IconArrowUpRight.svelte";
+	import IconCaret from "./icons/IconCaret.svelte";
+	import IconHuggingChat from "./icons/IconHuggingChat.svelte";
+
+	import { tick } from "svelte";
+	import { cleanGuideHtml } from "$lib/utils/clean-guide-html";
+
+	export let markdown_content: string = "";
+
+	let cleaned_content = "";
+	$: cleanGuideHtml(markdown_content).then((c) => (cleaned_content = c));
+
+	let label = `Copy Page as Markdown for LLMs`;
+
+	let copied = false;
+	$: copied;
+
+	let open = false;
+	let triggerEl: HTMLDivElement | null = null;
+	let menuEl: HTMLDivElement | null = null;
+	let menuStyle = "";
+
+	const isClient = typeof window !== "undefined";
+
+	function openMenu(): void {
+		open = true;
+		if (isClient && triggerEl) {
+			void tick().then(() => {
+				if (!triggerEl) return;
+				const rect = triggerEl.getBoundingClientRect();
+				const gutter = 6;
+				const minWidth = Math.max(rect.width + 80, 220);
+				const right = Math.max(window.innerWidth - rect.right, gutter);
+				menuStyle = `top:${rect.bottom + gutter}px;right:${right}px;min-width:${minWidth}px;`;
+			});
+		}
+	}
+
+	function closeMenu(): void {
+		open = false;
+	}
+
+	function toggleMenu(): void {
+		open ? closeMenu() : openMenu();
+	}
+
+	function buildUrl(): string {
+		const encodedPromptText = encodeURIComponent(
+			`--------------------------------
+${cleaned_content}
+--------------------------------
+
+Read the documentation above so I can ask questions about it.`
+		);
+		return `https://huggingface.co/chat/?prompt=${encodedPromptText}`;
+	}
+
+	function openHuggingChat(): void {
+		if (isClient) {
+			window.open(buildUrl(), "_blank", "noopener,noreferrer");
+		}
+		closeMenu();
+	}
+
+	function handleWindowPointer(event: MouseEvent): void {
+		if (!open || !isClient) return;
+		const targetNode = event.target as Node;
+		if (menuEl?.contains(targetNode) || triggerEl?.contains(targetNode)) {
+			return;
+		}
+		closeMenu();
+	}
+
+	function handleWindowKeydown(event: KeyboardEvent): void {
+		if (event.key === "Escape" && open) {
+			closeMenu();
+		}
+	}
+
+	function handleWindowResize(): void {
+		if (open) closeMenu();
+	}
+
+	function handleWindowScroll(): void {
+		if (open) closeMenu();
+	}
+
+	async function copyMarkdown(): Promise<void> {
+		try {
+			if (!cleaned_content) {
+				console.warn("Nothing to copy");
+				return;
+			}
+
+			const hasNavigatorClipboard =
+				typeof navigator !== "undefined" &&
+				!!navigator.clipboard &&
+				typeof navigator.clipboard.writeText === "function";
+
+			if (hasNavigatorClipboard) {
+				await navigator.clipboard.writeText(cleaned_content);
+			} else {
+				console.warn("Clipboard API unavailable");
+				return;
+			}
+
+			copied = true;
+			setTimeout(() => {
+				copied = false;
+			}, 1500);
+		} catch (error) {
+			console.error("Failed to write to clipboard", error);
+		}
+	}
+</script>
+
+<svelte:window
+	on:mousedown={handleWindowPointer}
+	on:keydown={handleWindowKeydown}
+	on:resize={handleWindowResize}
+	on:scroll={handleWindowScroll}
+/>
+
+<div class="container-wrapper">
+	<div bind:this={triggerEl} class="trigger-wrapper">
+		<button
+			on:click={() => copyMarkdown()}
+			class="copy-button"
+			aria-live="polite"
+		>
+			<span class="icon-wrapper">
+				{#if copied}
+					<IconCheck />
+				{:else}
+					<IconCopy />
+				{/if}
+			</span>
+			<span>{copied ? `Copied Page!` : "Copy Page"}</span>
+		</button>
+		<button
+			on:click={toggleMenu}
+			class="menu-toggle-button"
+			aria-haspopup="menu"
+			aria-expanded={open}
+			aria-label={open ? "Close copy menu" : "Open copy menu"}
+		>
+			<IconCaret
+				classNames={`caret-icon ${open ? "rotate-180" : "rotate-0"}`}
+			/>
+		</button>
+	</div>
+
+	{#if open}
+		<div
+			class="backdrop-overlay"
+			aria-hidden="true"
+			style="background: transparent;"
+			on:click={closeMenu}
+		></div>
+		<div
+			bind:this={menuEl}
+			role="menu"
+			class="menu-dropdown"
+			style={menuStyle}
+			aria-label="Copy menu"
+		>
+			<button
+				role="menuitem"
+				on:click={() => {
+					copyMarkdown();
+					closeMenu();
+				}}
+				class="base-menu-item"
+			>
+				<div class="menu-icon-container">
+					<IconCopy classNames="menu-icon" />
+				</div>
+				<div class="menu-text-container">
+					<div class="menu-text-primary">Copy Page</div>
+					<div class="menu-text-secondary">
+						{label}
+					</div>
+				</div>
+			</button>
+
+			<button
+				role="menuitem"
+				on:click={() => {
+					openHuggingChat();
+					closeMenu();
+				}}
+				class="base-menu-item"
+			>
+				<div class="menu-icon-container">
+					<IconHuggingChat classNames="menu-icon" />
+				</div>
+				<div class="menu-text-container">
+					<div class="menu-text-primary">
+						Open in HuggingChat
+						<IconArrowUpRight classNames="menu-icon-arrow" />
+					</div>
+					<div class="menu-text-secondary">Ask Questions About This Page</div>
+				</div>
+			</button>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.container-wrapper {
+		display: flex;
+		align-items: center;
+		flex-shrink: 0;
+		min-width: 100px;
+		justify-content: flex-end;
+		margin-left: auto;
+	}
+
+	@media (max-width: 640px) {
+		.container-wrapper {
+			min-width: 50px;
+		}
+	}
+
+	.trigger-wrapper {
+		display: inline-flex;
+		border-radius: 0.375rem;
+	}
+
+	@media (max-width: 640px) {
+		.trigger-wrapper {
+			border-radius: 0.125rem;
+		}
+	}
+
+	.icon-wrapper {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0.375rem;
+		padding: 0.125rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-wrapper {
+			padding: 0;
+		}
+	}
+
+	.menu-toggle-button {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 1.5rem;
+		height: 1.5rem;
+		font-size: 0.875rem;
+		color: rgb(107, 114, 128);
+		border-radius: 0;
+		border-top-right-radius: 0.375rem;
+		border-bottom-right-radius: 0.375rem;
+		border: 1px solid rgb(229, 231, 235);
+		border-left: none;
+		background-color: white;
+		transition: all 0.2s ease-in-out;
+	}
+
+	.menu-toggle-button:disabled {
+		pointer-events: none;
+	}
+
+	.menu-toggle-button:hover {
+		color: rgb(55, 65, 81);
+		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+	}
+
+	@media (max-width: 640px) {
+		.menu-toggle-button {
+			width: 1.25rem;
+			height: 1.25rem;
+			border-top-right-radius: 0.125rem;
+			border-bottom-right-radius: 0.125rem;
+		}
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-toggle-button {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+		}
+
+		.menu-toggle-button:hover {
+			color: white;
+			background-color: rgb(31, 41, 55);
+		}
+	}
+
+	.backdrop-overlay {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 40;
+	}
+
+	.menu-dropdown {
+		position: fixed;
+		z-index: 50;
+		backdrop-filter: blur(24px);
+		border-radius: 0.75rem;
+		max-height: 420px;
+		overflow-y: auto;
+		padding: 0.25rem;
+		border: 1px solid rgb(229, 231, 235);
+		display: flex;
+		flex-direction: column;
+		background-color: white;
+		color: rgb(31, 41, 55);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-dropdown {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+		}
+	}
+
+	.menu-icon-container {
+		border: 1px solid rgb(229, 231, 235);
+		border-radius: 0.5rem;
+		padding: 0.375rem;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-icon-container {
+			border-color: rgb(38, 38, 38);
+		}
+	}
+
+	.menu-text-container {
+		display: flex;
+		flex-direction: column;
+		padding-left: 0.25rem;
+		padding-right: 0.25rem;
+	}
+
+	.menu-text-primary {
+		font-size: 14px;
+		color: rgb(31, 41, 55);
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+		margin-bottom: -5px;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-text-primary {
+			color: rgb(209, 213, 219);
+		}
+	}
+
+	.menu-text-secondary {
+		font-size: 0.75rem;
+		color: rgb(75, 85, 99);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-text-secondary {
+			color: rgb(156, 163, 175);
+		}
+	}
+
+	.copy-button {
+		display: inline-flex;
+		align-items: center;
+		gap: 4px;
+		height: 24px;
+		padding-left: 8px;
+		padding-right: 6px;
+		font-size: 11px;
+		font-weight: 500;
+		color: rgb(31, 41, 55);
+		border: 1px solid rgb(229, 231, 235);
+		border-radius: 6px;
+		border-top-right-radius: 0;
+		border-bottom-right-radius: 0;
+		background-color: white;
+
+		@media (max-width: 640px) {
+			gap: 2px;
+			height: 20px;
+			padding-left: 6px;
+			padding-right: 6px;
+			font-size: 9px;
+			border-top-left-radius: 4px;
+			border-bottom-left-radius: 4px;
+		}
+
+		&:hover {
+			box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+		}
+
+		@media (prefers-color-scheme: dark) {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+
+			&:hover {
+				background-color: rgb(38, 38, 38);
+			}
+		}
+	}
+
+	.base-menu-item {
+		cursor: pointer;
+		font-size: 11px;
+		position: relative;
+		width: 100%;
+		user-select: none;
+		outline: none;
+		display: flex;
+		align-items: center;
+		gap: 0.375rem;
+		padding-left: 0.375rem;
+		padding-right: 0.375rem;
+		padding-top: 0.375rem;
+		padding-bottom: 0.375rem;
+		border-radius: 0.75rem;
+		text-align: left;
+		transition: all 0.2s ease-in-out;
+		border-color: #e5e7eb;
+		background-color: #ffffff;
+	}
+
+	.base-menu-item:hover {
+		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.base-menu-item {
+			border-color: #1f2937;
+			background-color: #0f1117;
+			color: #e5e7eb;
+		}
+
+		.base-menu-item:hover {
+			background-color: #1f2937;
+		}
+	}
+</style>
diff --git a/js/_website/src/lib/components/Demos.svelte b/js/_website/src/lib/components/Demos.svelte
new file mode 100644
index 0000000..2ed04db
--- /dev/null
+++ b/js/_website/src/lib/components/Demos.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+	import { theme } from "$lib/stores/theme";
+	import "$lib/assets/theme.css";
+
+	export let name: string;
+	export let code: string;
+	export let highlighted_code: string;
+	export let url_version: string;
+
+	$: url_version;
+</script>
+
+<div class="">
+	{#key name}
+		<div class:dark={$theme === "dark"}>
+			{#if url_version === "main"}
+				<gradio-app space={"gradio/" + name + "_main"} theme_mode={$theme} />
+			{:else}
+				<gradio-app space={"gradio/" + name} theme_mode={$theme} />
+			{/if}
+		</div>
+	{/key}
+</div>
+
+<style>
+	.open-btn {
+		position: absolute;
+		top: 3%;
+		right: 0;
+		font-weight: 500;
+	}
+	:global(.child-container) {
+		flex-direction: column !important;
+	}
+	:global(.code-editor) {
+		border-bottom: 1px solid rgb(229 231 235);
+		height: 300px;
+		overflow-y: scroll;
+		flex: none !important;
+	}
+	:global(.dark .code-editor) {
+		border-bottom: 1px solid rgb(64 64 64);
+	}
+</style>
diff --git a/js/_website/src/lib/components/DemosLanding.svelte b/js/_website/src/lib/components/DemosLanding.svelte
new file mode 100644
index 0000000..1d72da6
--- /dev/null
+++ b/js/_website/src/lib/components/DemosLanding.svelte
@@ -0,0 +1,66 @@
+<script lang="ts">
+	import { hello } from "../assets/demo_code";
+	import "$lib/assets/theme.css";
+	import { theme } from "$lib/stores/theme";
+
+	let tabs = [
+		{
+			title: "Hello World",
+			code: hello,
+			demo: "gradio/hello_world"
+		},
+		{
+			title: "Airbnb Map",
+			code: false,
+			demo: "gradio/map_airbnb"
+		},
+		{
+			title: "Chatbot Streaming",
+			code: false,
+			demo: "gradio/chatinterface_streaming_echo"
+		},
+		{
+			title: "Diffusion Faces",
+			code: false,
+			demo: "gradio/fake_gan"
+		}
+	];
+
+	let current_selection = 0;
+</script>
+
+<div class="container mx-auto mb-6 px-4 overflow-hidden">
+	<nav
+		class="flex lg:flex-wrap gap-3 overflow-x-auto py-1 lg:gap-6 whitespace-nowrap text-gray-600 dark:text-gray-400 md:text-lg mb-4 md:mb-0 lg:justify-center"
+	>
+		{#each tabs as { title }, i}
+			<div
+				on:click={() => (current_selection = i)}
+				class:active-example-tab={current_selection == i}
+				class="demo-tab hover:text-gray-800 dark:hover:text-gray-200 cursor-pointer px-3 py-1"
+			>
+				{title}
+			</div>
+		{/each}
+	</nav>
+</div>
+<div class="container mx-auto mb-6 px-4 grid grid-cols-1">
+	{#each tabs as { demo, code }, i (demo)}
+		<div
+			class:hidden={i !== current_selection}
+			class="demo space-y-2 md:col-span-3"
+		>
+			<div
+				class:hidden={!code}
+				class="codeblock text-sm md:text-base mx-auto max-w-5xl"
+			>
+				{@html code}
+			</div>
+			<div class="mx-auto max-w-5xl" class:dark={$theme === "dark"}>
+				{#key demo}
+					<gradio-app space={demo} theme_mode={$theme} />
+				{/key}
+			</div>
+		</div>
+	{/each}
+</div>
diff --git a/js/_website/src/lib/components/DemosSection.svelte b/js/_website/src/lib/components/DemosSection.svelte
new file mode 100644
index 0000000..cdee42d
--- /dev/null
+++ b/js/_website/src/lib/components/DemosSection.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import Demos from "$lib/components/Demos.svelte";
+	export let demos = [] as any[];
+	let current_selection = 0;
+	let url_version = "4+";
+</script>
+
+<div class="grid">
+	<div class="demo-window overflow-y-auto h-fit w-full mb-4">
+		<div
+			class="relative mx-auto my-auto rounded-md bg-white dark:bg-neutral-800"
+			style="top: 5%; height: 90%"
+		>
+			<div class="flex overflow-auto pt-4">
+				{#each demos as demo, i}
+					<button
+						on:click={() => (current_selection = i)}
+						class:selected-demo-tab={current_selection == i}
+						class="demo-btn px-4 py-2 text-lg min-w-max text-gray-600 dark:text-gray-300 hover:text-orange-500 dark:hover:text-orange-400"
+						name={demo[0]}>{demo[0]}</button
+					>
+				{/each}
+			</div>
+			{#each demos as demo, i}
+				<div
+					class:hidden={current_selection !== i}
+					class:selected-demo-window={current_selection == i}
+					class="demo-content px-4"
+				>
+					<Demos
+						name={demo[0]}
+						code={demo[1]}
+						highlighted_code={demo[1]}
+						{url_version}
+					/>
+				</div>
+			{/each}
+		</div>
+	</div>
+</div>
diff --git a/js/_website/src/lib/components/Details.svelte b/js/_website/src/lib/components/Details.svelte
new file mode 100644
index 0000000..3d10ed9
--- /dev/null
+++ b/js/_website/src/lib/components/Details.svelte
@@ -0,0 +1,41 @@
+<script lang="ts">
+	export let summary: string;
+	export let content: string;
+
+	let open = false;
+</script>
+
+<div class="container">
+	<button class="summary" class:open on:click={() => (open = !open)}
+		>{summary}</button
+	>
+	{#if open}
+		<div class="detail">{@html content}</div>
+	{/if}
+</div>
+
+<style>
+	.container {
+		border-left: 3px solid rgb(9, 105, 218);
+		margin-bottom: 1.5rem;
+		padding: 0.25rem 1.25rem;
+	}
+
+	.summary {
+		font-size: 1.125rem;
+		font-weight: 600;
+		line-height: 1.75rem;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		color: rgb(9, 105, 218);
+	}
+
+	.detail {
+		margin-top: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+		color: #374151;
+		text-align: justify;
+	}
+</style>
diff --git a/js/_website/src/lib/components/DocsCopyMarkdown.svelte b/js/_website/src/lib/components/DocsCopyMarkdown.svelte
new file mode 100644
index 0000000..7ef5221
--- /dev/null
+++ b/js/_website/src/lib/components/DocsCopyMarkdown.svelte
@@ -0,0 +1,509 @@
+<script lang="ts">
+	import IconCopy from "./icons/IconCopy.svelte";
+	import IconCheck from "./icons/IconCheck.svelte";
+	import IconArrowUpRight from "./icons/IconArrowUpRight.svelte";
+	import IconCaret from "./icons/IconCaret.svelte";
+	import IconHuggingChat from "./icons/IconHuggingChat.svelte";
+	import { tick } from "svelte";
+
+	export let doc_name: string;
+
+	let copied = false;
+	let loading = false;
+	let open = false;
+	let triggerEl: HTMLDivElement | null = null;
+	let menuEl: HTMLDivElement | null = null;
+	let menuStyle = "";
+
+	const isClient = typeof window !== "undefined";
+
+	function openMenu(): void {
+		open = true;
+		if (isClient && triggerEl) {
+			void tick().then(() => {
+				if (!triggerEl) return;
+				const rect = triggerEl.getBoundingClientRect();
+				const gutter = 6;
+				const minWidth = Math.max(rect.width + 80, 220);
+				const right = Math.max(window.innerWidth - rect.right, gutter);
+				menuStyle = `top:${rect.bottom + gutter}px;right:${right}px;min-width:${minWidth}px;`;
+			});
+		}
+	}
+
+	function closeMenu(): void {
+		open = false;
+	}
+
+	function toggleMenu(): void {
+		open ? closeMenu() : openMenu();
+	}
+
+	async function fetchMarkdown(): Promise<string> {
+		try {
+			const response = await fetch(`/api/markdown/${doc_name}`);
+			if (response.ok) {
+				return (await response.text()) || "";
+			}
+		} catch (error) {
+			console.error("Error fetching markdown:", error);
+		}
+		return "";
+	}
+
+	async function copyMarkdown(): Promise<void> {
+		if (loading) return;
+		loading = true;
+
+		try {
+			const markdown_content = await fetchMarkdown();
+			if (!markdown_content) {
+				console.warn("Nothing to copy");
+				loading = false;
+				return;
+			}
+
+			const hasNavigatorClipboard =
+				typeof navigator !== "undefined" &&
+				!!navigator.clipboard &&
+				typeof navigator.clipboard.writeText === "function";
+
+			if (hasNavigatorClipboard) {
+				await navigator.clipboard.writeText(markdown_content);
+			} else {
+				console.warn("Clipboard API unavailable");
+				loading = false;
+				return;
+			}
+
+			copied = true;
+			setTimeout(() => {
+				copied = false;
+			}, 1500);
+		} catch (error) {
+			console.error("Failed to copy:", error);
+		} finally {
+			loading = false;
+		}
+	}
+
+	// Maximum URL length to avoid server errors
+	// HuggingChat has an ~8KB limit
+	const MAX_URL_LENGTH = 8000;
+
+	async function openHuggingChat(): Promise<void> {
+		if (loading) return;
+		loading = true;
+
+		try {
+			const markdown_content = await fetchMarkdown();
+
+			let prompt = `--------------------------------
+${markdown_content}
+--------------------------------
+
+Read the documentation above so I can ask questions about it.`;
+
+			let encodedPromptText = encodeURIComponent(prompt);
+			let url = `https://huggingface.co/chat/?prompt=${encodedPromptText}`;
+
+			if (url.length > MAX_URL_LENGTH) {
+				const baseUrl = "https://huggingface.co/chat/?prompt=";
+				const wrapperText = `--------------------------------\n\n--------------------------------\n\n[Content truncated due to length. Copy the full page using "Copy Page" and paste into chat.]\n\nRead the documentation above so I can ask questions about it.`;
+				const availableChars =
+					MAX_URL_LENGTH -
+					baseUrl.length -
+					encodeURIComponent(wrapperText).length;
+
+				const truncatedContent = markdown_content.substring(
+					0,
+					Math.floor(availableChars / 1.5)
+				);
+
+				prompt = `--------------------------------
+${truncatedContent}
+
+[Content truncated due to length. Copy the full page using "Copy Page" and paste into chat.]
+--------------------------------
+
+Read the documentation above so I can ask questions about it.`;
+
+				encodedPromptText = encodeURIComponent(prompt);
+				url = `https://huggingface.co/chat/?prompt=${encodedPromptText}`;
+			}
+
+			if (isClient) {
+				window.open(url, "_blank", "noopener,noreferrer");
+			}
+		} catch (error) {
+			console.error("Failed to open HuggingChat:", error);
+		} finally {
+			loading = false;
+			closeMenu();
+		}
+	}
+
+	function handleWindowPointer(event: MouseEvent): void {
+		if (!open || !isClient) return;
+		const targetNode = event.target as Node;
+		if (menuEl?.contains(targetNode) || triggerEl?.contains(targetNode)) {
+			return;
+		}
+		closeMenu();
+	}
+
+	function handleWindowKeydown(event: KeyboardEvent): void {
+		if (event.key === "Escape" && open) {
+			closeMenu();
+		}
+	}
+
+	function handleWindowResize(): void {
+		if (open) closeMenu();
+	}
+
+	function handleWindowScroll(): void {
+		if (open) closeMenu();
+	}
+</script>
+
+<svelte:window
+	on:mousedown={handleWindowPointer}
+	on:keydown={handleWindowKeydown}
+	on:resize={handleWindowResize}
+	on:scroll={handleWindowScroll}
+/>
+
+<div class="container-wrapper">
+	<div bind:this={triggerEl} class="trigger-wrapper">
+		<button
+			on:click={() => copyMarkdown()}
+			class="copy-button"
+			aria-live="polite"
+			disabled={loading}
+		>
+			<span class="icon-wrapper">
+				{#if copied}
+					<IconCheck />
+				{:else}
+					<IconCopy />
+				{/if}
+			</span>
+			<span>{copied ? "Copied!" : loading ? "Loading..." : "Copy Page"}</span>
+		</button>
+		<button
+			on:click={toggleMenu}
+			class="menu-toggle-button"
+			aria-haspopup="menu"
+			aria-expanded={open}
+			aria-label={open ? "Close copy menu" : "Open copy menu"}
+		>
+			<IconCaret
+				classNames={`caret-icon ${open ? "rotate-180" : "rotate-0"}`}
+			/>
+		</button>
+	</div>
+
+	{#if open}
+		<div
+			class="backdrop-overlay"
+			aria-hidden="true"
+			style="background: transparent;"
+			on:click={closeMenu}
+		></div>
+		<div
+			bind:this={menuEl}
+			role="menu"
+			class="menu-dropdown"
+			style={menuStyle}
+			aria-label="Copy menu"
+		>
+			<button
+				role="menuitem"
+				on:click={() => {
+					copyMarkdown();
+					closeMenu();
+				}}
+				class="base-menu-item"
+			>
+				<div class="menu-icon-container">
+					<IconCopy classNames="menu-icon" />
+				</div>
+				<div class="menu-text-container">
+					<div class="menu-text-primary">Copy Page</div>
+					<div class="menu-text-secondary">Copy Page as Markdown for LLMs</div>
+				</div>
+			</button>
+
+			<button
+				role="menuitem"
+				on:click={() => openHuggingChat()}
+				class="base-menu-item"
+			>
+				<div class="menu-icon-container">
+					<IconHuggingChat classNames="menu-icon" />
+				</div>
+				<div class="menu-text-container">
+					<div class="menu-text-primary">
+						Open in HuggingChat
+						<IconArrowUpRight classNames="menu-icon-arrow" />
+					</div>
+					<div class="menu-text-secondary">Ask Questions About This Page</div>
+				</div>
+			</button>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.container-wrapper {
+		display: flex;
+		align-items: center;
+		flex-shrink: 0;
+		min-width: 100px;
+		justify-content: flex-end;
+		margin-left: auto;
+	}
+
+	@media (max-width: 640px) {
+		.container-wrapper {
+			min-width: 50px;
+		}
+	}
+
+	.trigger-wrapper {
+		display: inline-flex;
+		border-radius: 0.375rem;
+	}
+
+	@media (max-width: 640px) {
+		.trigger-wrapper {
+			border-radius: 0.125rem;
+		}
+	}
+
+	.icon-wrapper {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0.375rem;
+		padding: 0.125rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-wrapper {
+			padding: 0;
+		}
+	}
+
+	.menu-toggle-button {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 1.5rem;
+		height: 1.5rem;
+		font-size: 0.875rem;
+		color: rgb(107, 114, 128);
+		border-radius: 0;
+		border-top-right-radius: 0.375rem;
+		border-bottom-right-radius: 0.375rem;
+		border: 1px solid rgb(229, 231, 235);
+		border-left: none;
+		background-color: white;
+		transition: all 0.2s ease-in-out;
+	}
+
+	.menu-toggle-button:disabled {
+		pointer-events: none;
+	}
+
+	.menu-toggle-button:hover {
+		color: rgb(55, 65, 81);
+		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+	}
+
+	@media (max-width: 640px) {
+		.menu-toggle-button {
+			width: 1.25rem;
+			height: 1.25rem;
+			border-top-right-radius: 0.125rem;
+			border-bottom-right-radius: 0.125rem;
+		}
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-toggle-button {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+		}
+
+		.menu-toggle-button:hover {
+			color: white;
+			background-color: rgb(31, 41, 55);
+		}
+	}
+
+	.backdrop-overlay {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 40;
+	}
+
+	.menu-dropdown {
+		position: fixed;
+		z-index: 50;
+		backdrop-filter: blur(24px);
+		border-radius: 0.75rem;
+		max-height: 420px;
+		overflow-y: auto;
+		padding: 0.25rem;
+		border: 1px solid rgb(229, 231, 235);
+		display: flex;
+		flex-direction: column;
+		background-color: white;
+		color: rgb(31, 41, 55);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-dropdown {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+		}
+	}
+
+	.menu-icon-container {
+		border: 1px solid rgb(229, 231, 235);
+		border-radius: 0.5rem;
+		padding: 0.375rem;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-icon-container {
+			border-color: rgb(38, 38, 38);
+		}
+	}
+
+	.menu-text-container {
+		display: flex;
+		flex-direction: column;
+		padding-left: 0.25rem;
+		padding-right: 0.25rem;
+	}
+
+	.menu-text-primary {
+		font-size: 14px;
+		color: rgb(31, 41, 55);
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+		margin-bottom: -5px;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-text-primary {
+			color: rgb(209, 213, 219);
+		}
+	}
+
+	.menu-text-secondary {
+		font-size: 0.75rem;
+		color: rgb(75, 85, 99);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-text-secondary {
+			color: rgb(156, 163, 175);
+		}
+	}
+
+	.copy-button {
+		display: inline-flex;
+		align-items: center;
+		gap: 4px;
+		height: 24px;
+		padding-left: 8px;
+		padding-right: 6px;
+		font-size: 11px;
+		font-weight: 500;
+		color: rgb(31, 41, 55);
+		border: 1px solid rgb(229, 231, 235);
+		border-radius: 6px;
+		border-top-right-radius: 0;
+		border-bottom-right-radius: 0;
+		background-color: white;
+	}
+
+	.copy-button:disabled {
+		opacity: 0.7;
+	}
+
+	@media (max-width: 640px) {
+		.copy-button {
+			gap: 2px;
+			height: 20px;
+			padding-left: 6px;
+			padding-right: 6px;
+			font-size: 9px;
+			border-top-left-radius: 4px;
+			border-bottom-left-radius: 4px;
+		}
+	}
+
+	.copy-button:hover:not(:disabled) {
+		box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.copy-button {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+		}
+
+		.copy-button:hover:not(:disabled) {
+			background-color: rgb(38, 38, 38);
+		}
+	}
+
+	.base-menu-item {
+		cursor: pointer;
+		font-size: 11px;
+		position: relative;
+		width: 100%;
+		user-select: none;
+		outline: none;
+		display: flex;
+		align-items: center;
+		gap: 0.375rem;
+		padding-left: 0.375rem;
+		padding-right: 0.375rem;
+		padding-top: 0.375rem;
+		padding-bottom: 0.375rem;
+		border-radius: 0.75rem;
+		text-align: left;
+		transition: all 0.2s ease-in-out;
+		border-color: #e5e7eb;
+		background-color: #ffffff;
+	}
+
+	.base-menu-item:hover {
+		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.base-menu-item {
+			border-color: #1f2937;
+			background-color: #0f1117;
+			color: #e5e7eb;
+		}
+
+		.base-menu-item:hover {
+			background-color: #1f2937;
+		}
+	}
+</style>
diff --git a/js/_website/src/lib/components/DocsNav.svelte b/js/_website/src/lib/components/DocsNav.svelte
new file mode 100644
index 0000000..b757ac5
--- /dev/null
+++ b/js/_website/src/lib/components/DocsNav.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+	// @ts-nocheck
+	import { clickOutside } from "./clickOutside.js";
+
+	export let library_pages: any;
+	export let current_nav_link = "";
+	export let show_dropdown = true;
+	export let show_nav = false;
+
+	import DropDown from "$lib/components/VersionDropdown.svelte";
+</script>
+
+<div
+	class:hidden={!show_nav}
+	class="fixed inset-0 bg-black/20 dark:bg-black/40 backdrop-blur-md lg:hidden z-50"
+></div>
+<div
+	use:clickOutside
+	on:click_outside={() => (show_nav = false)}
+	class:hidden={!show_nav}
+	class="w-64 flex-shrink-0 max-h-[calc(100vh-4rem)] overflow-y-auto fixed inset-0 z-50 bg-white lg:bg-transparent dark:bg-neutral-900 lg:dark:bg-transparent p-6 lg:sticky lg:top-8 lg:self-start lg:block"
+	id="mobile-nav"
+>
+	<button
+		on:click={() => (show_nav = false)}
+		type="button"
+		class="absolute z-10 top-4 right-4 flex items-center justify-center text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300 lg:hidden"
+		tabindex="0"
+	>
+		<svg viewBox="0 0 10 10" class="w-4 h-4"
+			><path
+				d="M0 0L10 10M10 0L0 10"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+			></path></svg
+		>
+	</button>
+
+	<p
+		class="bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 rounded-full text-orange-800 dark:text-orange-200 mb-4 w-fit text-xs"
+	>
+		Use our <a class="link" href="/main/guides/using-docs-mcp">Docs MCP</a>
+	</p>
+
+	{#if show_dropdown}
+		<div class="mb-4">
+			<DropDown></DropDown>
+		</div>
+	{/if}
+
+	<div class="space-y-8">
+		{#each library_pages as category_pages}
+			<div>
+				<h2
+					class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+				>
+					{category_pages.category}
+				</h2>
+				<ul class="space-y-2 list-none pl-0">
+					{#each category_pages.pages as page}
+						<li>
+							<a
+								class:current-nav-link={current_nav_link == page.name}
+								class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+								href={page.name}>{page.pretty_name}</a
+							>
+						</li>
+					{/each}
+				</ul>
+			</div>
+		{/each}
+	</div>
+</div>
diff --git a/js/_website/src/lib/components/DocsNavCustom.svelte b/js/_website/src/lib/components/DocsNavCustom.svelte
new file mode 100644
index 0000000..d341321
--- /dev/null
+++ b/js/_website/src/lib/components/DocsNavCustom.svelte
@@ -0,0 +1,109 @@
+<script lang="ts">
+	// @ts-nocheck
+	import { clickOutside } from "./clickOutside.js";
+
+	export let items: any;
+	export let title: string;
+
+	export let current_nav_link = "";
+	let docs_type = "python";
+
+	let show_nav = false;
+	let searchTerm = "";
+	let searchBar: HTMLInputElement;
+
+	const search = () => {
+		let links = document.querySelectorAll(
+			".navigation a"
+		) as NodeListOf<HTMLAnchorElement>;
+		links.forEach((link) => {
+			let linkText = link.innerText.toLowerCase();
+			if (linkText.includes(searchTerm.toLowerCase())) {
+				link.style.display = "block";
+			} else {
+				link.style.display = "none";
+			}
+		});
+	};
+
+	function onKeyDown(e: KeyboardEvent) {
+		if (e.key.toLowerCase() === "k" && (e.metaKey || e.ctrlKey)) {
+			e.preventDefault();
+			searchBar.focus();
+		}
+		if (e.key == "Escape") {
+			searchTerm = "";
+			searchBar.blur();
+			search();
+		}
+	}
+
+	import DropDown from "$lib/components/VersionDropdown.svelte";
+</script>
+
+<svelte:window on:keydown={onKeyDown} />
+
+<section
+	class="top-0 fixed -ml-4 flex items-center p-4 rounded-br-lg backdrop-blur-lg z-50 bg-white dark:bg-neutral-900 lg:hidden"
+	id="menu-bar"
+>
+	<button
+		on:click={() => (show_nav = !show_nav)}
+		type="button"
+		class="text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300"
+	>
+		<svg width="24" height="24"
+			><path
+				d="M5 6h14M5 12h14M5 18h14"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+			/></svg
+		>
+	</button>
+</section>
+
+<div
+	use:clickOutside
+	on:click_outside={() => (show_nav = false)}
+	class:hidden={!show_nav}
+	class="w-64 flex-shrink-0 max-h-[calc(100vh-4rem)] overflow-y-auto fixed inset-0 z-50 bg-white lg:bg-transparent dark:bg-neutral-900 lg:dark:bg-transparent p-6 lg:sticky lg:top-8 lg:self-start lg:block"
+	id="mobile-nav"
+>
+	<button
+		on:click={() => (show_nav = !show_nav)}
+		type="button"
+		class="absolute z-10 top-4 right-4 flex items-center justify-center text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300 lg:hidden"
+		tabindex="0"
+	>
+		<svg viewBox="0 0 10 10" class="w-4 h-4"
+			><path
+				d="M0 0L10 10M10 0L0 10"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+			/></svg
+		>
+	</button>
+
+	<div class="space-y-2">
+		<h2
+			class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+		>
+			{title}
+		</h2>
+		<ul class="space-y-2 list-none pl-0">
+			{#each Object.entries(items) as [name, url] (name)}
+				<li>
+					<a
+						class:current-nav-link={current_nav_link == name}
+						class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+						href={url}>{name}</a
+					>
+				</li>
+			{/each}
+		</ul>
+	</div>
+</div>
diff --git a/js/_website/src/lib/components/EventListeners.svelte b/js/_website/src/lib/components/EventListeners.svelte
new file mode 100644
index 0000000..e87f062
--- /dev/null
+++ b/js/_website/src/lib/components/EventListeners.svelte
@@ -0,0 +1,175 @@
+<script lang="ts">
+	export let fns: any[];
+	import { style_formatted_text } from "$lib/text";
+	import ParamTable from "$lib/components/ParamTable.svelte";
+</script>
+
+<div id="event-listeners-description">
+	<h4 class="mt-8 text-xl text-orange-500 font-light group">Description</h4>
+	<p class="mb-2 text-lg text-gray-600 dark:text-gray-300">
+		Event listeners allow you to respond to user interactions with the UI
+		components you've defined in a Gradio Blocks app. When a user interacts with
+		an element, such as changing a slider value or uploading an image, a
+		function is called.
+	</p>
+</div>
+
+<div id="event-listeners-list">
+	<h4
+		class="text-xl text-orange-500 font-light group mb-4"
+		id="supported-event-listeners"
+	>
+		Supported Event Listeners
+	</h4>
+	<p class="mb-4 text-lg text-gray-600 dark:text-gray-300">
+		The <span class="font-mono">{fns[0].parent.replace("gradio.", "")}</span>
+		component supports the following event listeners. Each event listener takes the
+		same parameters, which are listed in the
+		<a href="#event-listeners-arguments" class="text-orange-500 font-light"
+			>Event Parameters</a
+		> table below.
+	</p>
+
+	<div class="mb-4 event-card">
+		<div class="event-header">
+			<span class="event-title">Listeners</span>
+		</div>
+		<div class="event-content">
+			{#each fns as fn}
+				<details class="event-item">
+					<summary class="event-listener">
+						<pre class="listener-code"><code
+								>{fn.parent.replace("gradio.", "")}.{fn.name}(fn, ···)</code
+							></pre>
+					</summary>
+					<div class="event-description">
+						<p>{@html style_formatted_text(fn.description)}</p>
+					</div>
+				</details>
+			{/each}
+		</div>
+	</div>
+</div>
+
+<div id="event-listeners-arguments">
+	<h4
+		class="text-xl text-orange-500 font-light group mb-4"
+		id="event-listener-arguments"
+	>
+		Event Parameters
+	</h4>
+	<ParamTable parameters={fns[0].parameters} anchor_links={"event"}
+	></ParamTable>
+</div>
+
+<style>
+	.event-card {
+		border-radius: var(--block-radius);
+		overflow: hidden;
+		border: var(--block-border-width) solid var(--table-border-color);
+		background: var(--block-background-fill);
+	}
+
+	.event-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: var(--spacing-xl) var(--spacing-xxl);
+		border-bottom: var(--block-border-width) solid var(--table-border-color);
+		background: var(--block-background-fill);
+	}
+
+	.event-title {
+		font-size: var(--text-lg);
+		font-weight: 600;
+		color: var(--body-text-color);
+	}
+
+	.event-content {
+		overflow-y: auto;
+	}
+
+	.event-item {
+		border-bottom: var(--block-border-width) solid var(--table-border-color);
+	}
+
+	.event-item:last-child {
+		border-bottom: none;
+	}
+
+	.event-listener {
+		position: relative;
+		padding: var(--spacing-xl) var(--spacing-xxl);
+		padding-right: 2.5rem;
+		background: var(--table-odd-background-fill);
+		border-bottom: 0px solid var(--table-border-color);
+		list-style: none;
+		cursor: pointer;
+	}
+
+	.event-listener::-webkit-details-marker {
+		display: none;
+	}
+
+	.event-listener::after {
+		content: "▼";
+		position: absolute;
+		top: 50%;
+		right: var(--spacing-xxl);
+		transform: translateY(-50%);
+		transition: transform 0.3s ease;
+		font-size: var(--text-xs);
+		opacity: 0.7;
+		color: var(--body-text-color);
+	}
+
+	details[open] .event-listener::after {
+		transform: translateY(-50%) rotate(180deg);
+	}
+
+	details[open] .event-listener {
+		border-bottom-width: var(--block-border-width);
+	}
+
+	.listener-code {
+		margin: 0;
+		background: transparent;
+		font-family: var(--font-mono);
+		font-size: var(--text-md);
+	}
+
+	.listener-code code {
+		background: none;
+		font-family: var(--font-mono);
+		color: var(--body-text-color);
+	}
+
+	.event-description {
+		padding: var(--spacing-xl) var(--spacing-xxl);
+		font-size: var(--text-md);
+		background: var(--block-background-fill);
+		color: var(--body-text-color);
+	}
+
+	.event-description p {
+		margin: 0;
+		color: var(--body-text-color);
+	}
+
+	.event-description :global(code) {
+		color: var(--body-text-color);
+		background: var(--code-background-fill);
+		padding: var(--spacing-xs) var(--spacing-sm);
+		border-radius: var(--radius-sm);
+		font-family: var(--font-mono);
+		font-size: var(--text-md);
+	}
+
+	.event-description :global(a) {
+		color: var(--link-text-color);
+	}
+
+	.event-description :global(a:hover) {
+		color: var(--link-text-color-hover);
+	}
+</style>
diff --git a/js/_website/src/lib/components/Footer.svelte b/js/_website/src/lib/components/Footer.svelte
new file mode 100644
index 0000000..1e37638
--- /dev/null
+++ b/js/_website/src/lib/components/Footer.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { twitter, github } from "../assets";
+</script>
+
+<footer
+	class="main-footer container mx-auto flex-row flex items-center px-4 py-6 justify-end"
+>
+	<div class="flex gap-3">
+		<a
+			href="https://status.gradio.app"
+			target="_blank"
+			class="text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400"
+		>
+			<span>Status</span>
+		</a>
+		<a class="hover:opacity-75 transition" href="https://twitter.com/Gradio">
+			<img src={twitter} class="w-6" alt="Twitter logo" />
+		</a>
+		<a
+			class="hover:opacity-75 transition"
+			href="https://github.com/gradio-app/gradio"
+		>
+			<img src={github} class="w-6" alt="Github logo" />
+		</a>
+	</div>
+</footer>
diff --git a/js/_website/src/lib/components/FunctionDoc.svelte b/js/_website/src/lib/components/FunctionDoc.svelte
new file mode 100644
index 0000000..7d23281
--- /dev/null
+++ b/js/_website/src/lib/components/FunctionDoc.svelte
@@ -0,0 +1,86 @@
+<script lang="ts">
+	export let fn: any;
+	import anchor from "../assets/img/anchor.svg";
+	import ParamTable from "./ParamTable.svelte";
+</script>
+
+<!-- name, signature, description, params -->
+
+<div class="obj">
+	<div class="flex flex-row items-center justify-between">
+		<h3
+			class="group text-3xl font-light py-4"
+			id="{fn.parent
+				.toLowerCase()
+				.replace('gradio.', '')}-{fn.name.toLowerCase()}"
+		>
+			{fn.name}
+			<a
+				href="#{fn.parent
+					.toLowerCase()
+					.replace('gradio.', '')}-{fn.name.toLowerCase()}"
+				class="invisible group-hover-visible"
+				><img class="anchor-img" src={anchor} /></a
+			>
+		</h3>
+	</div>
+
+	{#if fn.override_signature}
+		<div class="codeblock">
+			<pre><code class="code language-python">{fn.override_signature}</code
+				></pre>
+		</div>
+	{:else}
+		<div class="codeblock">
+			<pre><code class="code language-python"
+					>{fn.parent}.<span>{fn.name}&lpar;</span
+					><!--
+        -->{#each fn.parameters as param}<!--
+        -->{#if !("kwargs" in param) && !("default" in param) && param.name != "self"}<!--
+            -->{param.name}, <!--
+        -->{/if}<!--
+        -->{/each}<!--  
+        -->···<span
+						>&rpar;</span
+					></code
+				></pre>
+		</div>
+	{/if}
+
+	<h4
+		class="mt-8 text-xl text-orange-500 font-light group"
+		id="{fn.name.toLowerCase()}-description"
+	>
+		Description
+		<a
+			href="#{fn.name.toLowerCase()}-description"
+			class="invisible group-hover-visible"
+			><img class="anchor-img-small" src={anchor} /></a
+		>
+	</h4>
+	<p class="mb-2 text-lg">{@html fn.description}</p>
+
+	{#if fn.example}
+		<h4
+			class="mt-4 text-xl text-orange-500 font-light group"
+			id="{fn.name.toLowerCase()}-example-usage"
+		>
+			Example Usage
+			<a
+				href="#{fn.name.toLowerCase()}-example-usage"
+				class="invisible group-hover-visible"
+				><img class="anchor-img-small" src={anchor} /></a
+			>
+		</h4>
+		<div class="codeblock">
+			<pre><code class="code language-python">{@html fn.example}</code></pre>
+		</div>
+	{/if}
+
+	{#if (fn.parameters.length > 0 && fn.parameters[0].name != "self") || fn.parameters.length > 1}
+		<ParamTable
+			parameters={fn.parameters}
+			anchor_links={fn.name.toLowerCase()}
+		/>
+	{/if}
+</div>
diff --git a/js/_website/src/lib/components/FunctionsSection.svelte b/js/_website/src/lib/components/FunctionsSection.svelte
new file mode 100644
index 0000000..fb64093
--- /dev/null
+++ b/js/_website/src/lib/components/FunctionsSection.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	import EventListeners from "$lib/components/EventListeners.svelte";
+	import FunctionDoc from "$lib/components/FunctionDoc.svelte";
+	export let fns = [] as any[];
+	export let event_listeners = false;
+</script>
+
+{#if event_listeners}
+	{#if fns && fns.length > 0}
+		<div class="flex flex-col pl-12">
+			<EventListeners {fns} />
+			<div class="ml-12" />
+		</div>
+	{/if}
+{:else}
+	<div class="flex flex-col pl-12">
+		{#each fns as fn}
+			<FunctionDoc {fn} />
+		{/each}
+		<div class="ml-12" />
+	</div>
+{/if}
diff --git a/js/_website/src/lib/components/GuidesSection.svelte b/js/_website/src/lib/components/GuidesSection.svelte
new file mode 100644
index 0000000..691a458
--- /dev/null
+++ b/js/_website/src/lib/components/GuidesSection.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	export let guides = [] as any[];
+	const COLOR_SETS = [
+		["from-green-100", "to-green-50"],
+		["from-yellow-100", "to-yellow-50"],
+		["from-red-100", "to-red-50"],
+		["from-blue-100", "to-blue-50"],
+		["from-pink-100", "to-pink-50"],
+		["from-purple-100", "to-purple-50"]
+	];
+</script>
+
+{#if guides && guides.length > 0}
+	<div class="guides-list grid-cols-1 lg:grid-cols-4 gap-4 pb-3 pt-2 hidden">
+		{#each guides as guide, i}
+			<a
+				class="guide-box flex lg:col-span-1 flex-col group overflow-hidden relative rounded-xl shadow-sm hover:shadow-alternate transition-shadow bg-gradient-to-r {COLOR_SETS[
+					i
+				][0]} {COLOR_SETS[i][1]}"
+				target="_blank"
+				href="../..{guide.url}"
+			>
+				<div class="flex flex-col p-4 h-min">
+					<p class="group-hover:underline text-l">
+						{guide.pretty_name}
+					</p>
+				</div>
+			</a>
+		{/each}
+	</div>
+{/if}
diff --git a/js/_website/src/lib/components/Header.svelte b/js/_website/src/lib/components/Header.svelte
new file mode 100644
index 0000000..eb1205f
--- /dev/null
+++ b/js/_website/src/lib/components/Header.svelte
@@ -0,0 +1,251 @@
+<script lang="ts">
+	import { onNavigate, afterNavigate } from "$app/navigation";
+	import { onMount } from "svelte";
+	import { browser } from "$app/environment";
+	import { store } from "../../routes/+layout.svelte";
+
+	import { gradio_logo, gradio_logo_dark } from "../assets";
+	import Search from "./search";
+	import ThemeToggle from "./ThemeToggle.svelte";
+	import LogoDownloadMenu from "./LogoDownloadMenu.svelte";
+	import { theme } from "$lib/stores/theme";
+
+	const nav_links = [
+		{ label: "API", href: "/docs" },
+		{ label: "Guides", href: "/guides" },
+		{ label: "Themes", href: "/themes/gallery" },
+		{ label: "Custom Components", href: "/custom-components/gallery" },
+		{ label: "HTML Components", href: "/custom-components/html-gallery" }
+	];
+
+	const community_links = [
+		{
+			label: "File an Issue",
+			href: "https://github.com/gradio-app/gradio/issues/new/choose"
+		},
+		{ label: "Discord", href: "https://discord.gg/feTf9x3ZSB" },
+		{ label: "Github", href: "https://github.com/gradio-app/gradio" }
+	];
+
+	let click_nav = false;
+	let show_help_menu = false;
+	let is_scrolled = false;
+	let ready = false;
+	let show_logo_menu = false;
+	let logo_menu_x = 0;
+	let logo_menu_y = 0;
+	$: current_logo = $theme === "dark" ? gradio_logo_dark : gradio_logo;
+
+	$: if (browser && !ready) {
+		is_scrolled = window.scrollY > 50;
+		ready = true;
+	}
+
+	onMount(() => {
+		is_scrolled = window.scrollY > 50;
+		ready = true;
+	});
+
+	afterNavigate(() => {
+		if (browser) {
+			is_scrolled = window.scrollY > 50;
+		}
+	});
+
+	onNavigate(() => {
+		click_nav = false;
+		show_help_menu = false;
+		show_logo_menu = false;
+	});
+
+	function handle_click_outside(event: MouseEvent) {
+		const target = event.target as HTMLElement;
+		if (show_help_menu && !target.closest(".help-menu-container")) {
+			show_help_menu = false;
+		}
+		if (show_logo_menu && !target.closest(".logo-container")) {
+			show_logo_menu = false;
+		}
+	}
+
+	function handle_scroll() {
+		is_scrolled = window.scrollY > 50;
+	}
+
+	function handle_logo_context_menu(event: MouseEvent) {
+		event.preventDefault();
+		logo_menu_x = event.clientX;
+		logo_menu_y = event.clientY;
+		show_logo_menu = true;
+	}
+</script>
+
+<svelte:window on:click={handle_click_outside} on:scroll={handle_scroll} />
+
+{#if ready}
+	<div
+		class="w-full mx-2 lg:mx-auto p-1.5 flex justify-between flex-row sticky top-0 lg:top-4 items-center text-base z-40 lg:py-1.5 lg:rounded-[10px] mb-4 transition-all duration-300 border {is_scrolled
+			? 'backdrop-blur-sm bg-gray-50/80 dark:bg-neutral-800/80 lg:w-[70%] lg:max-w-4xl lg:px-6 border-gray-200 dark:border-neutral-700 lg:gap-3'
+			: 'container lg:px-4 border-transparent lg:gap-6'}"
+	>
+		<a
+			href="/"
+			class="lg:flex-shrink-0 logo-container"
+			on:contextmenu={handle_logo_context_menu}
+		>
+			<img src={current_logo} alt="Gradio logo" class="h-10" />
+		</a>
+
+		<button
+			class="lg:hidden p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-neutral-700 transition-colors"
+			on:click={() => (click_nav = !click_nav)}
+			aria-label={click_nav ? "Close menu" : "Open menu"}
+		>
+			<svg
+				class="h-5 w-5 text-gray-700 dark:text-gray-300"
+				fill="none"
+				stroke="currentColor"
+				viewBox="0 0 24 24"
+			>
+				<path
+					stroke-linecap="round"
+					stroke-linejoin="round"
+					stroke-width="2"
+					d="M4 6h16M4 12h16M4 18h16"
+				/>
+			</svg>
+		</button>
+
+		<nav
+			class="hidden lg:flex lg:w-auto lg:flex-row text-gray-900 dark:text-gray-300 lg:items-center lg:justify-center lg:flex-1 lg:text-sm {is_scrolled
+				? 'lg:gap-3'
+				: 'lg:gap-6'}"
+		>
+			{#each nav_links as { label, href }}
+				<a class="thin-link" {href}>{label}</a>
+			{/each}
+			<div
+				class="help-menu-container lg:group lg:relative lg:flex lg:cursor-pointer lg:items-center lg:gap-3"
+			>
+				<button
+					type="button"
+					class="flex items-center gap-2 cursor-pointer bg-transparent border-none p-0 font-inherit text-inherit"
+					on:click={() => (show_help_menu = !show_help_menu)}
+				>
+					<span>Community</span>
+					<svg
+						class="h-4 w-4 text-gray-900 dark:text-gray-300 pointer-events-none transition-transform {show_help_menu
+							? 'rotate-180'
+							: ''}"
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 20 20"
+						fill="currentColor"
+					>
+						<path
+							d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z"
+						/>
+					</svg>
+				</button>
+				{#if show_help_menu}
+					<div
+						class="help-menu absolute top-9 w-48 bg-white dark:bg-neutral-800 backdrop-blur-sm shadow-lg right-0 rounded-lg border border-gray-200 dark:border-neutral-700 flex flex-col gap-0"
+					>
+						{#each community_links as { label, href }, i}
+							<a
+								class="px-4 py-2.5 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-gray-100/80 dark:hover:bg-neutral-700/50 transition-colors text-sm {i ===
+								0
+									? 'rounded-t-lg'
+									: ''} {i === community_links.length - 1
+									? 'rounded-b-lg'
+									: ''}"
+								{href}
+								target={href.startsWith("/") ? undefined : "_blank"}
+								on:click={() => (show_help_menu = false)}>{label}</a
+							>
+						{/each}
+					</div>
+				{/if}
+			</div>
+		</nav>
+
+		<div class="hidden lg:flex items-center gap-4 lg:flex-shrink-0">
+			<Search />
+			<ThemeToggle />
+		</div>
+	</div>
+
+	{#if click_nav}
+		<div class="fixed inset-0 z-50 bg-white dark:bg-neutral-900 lg:hidden">
+			<div
+				class="container mx-2 lg:mx-auto flex flex-col h-full p-1.5 border border-transparent"
+			>
+				<div
+					class="flex justify-between items-center pb-4 border-b border-gray-100 dark:border-neutral-800"
+				>
+					<a href="/" on:click={() => (click_nav = false)}>
+						<img src={current_logo} alt="Gradio logo" class="h-10" />
+					</a>
+					<button
+						class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors"
+						on:click={() => (click_nav = false)}
+						aria-label="Close menu"
+					>
+						<svg
+							class="h-5 w-5 text-gray-700 dark:text-gray-300"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M6 18L18 6M6 6l12 12"
+							/>
+						</svg>
+					</button>
+				</div>
+
+				<nav
+					class="flex flex-col flex-1 overflow-y-auto py-4 text-gray-900 dark:text-gray-100"
+				>
+					{#each nav_links as { label, href }}
+						<a
+							{href}
+							on:click={() => (click_nav = false)}
+							class="py-4 text-lg border-b border-gray-100 dark:border-neutral-800 hover:text-orange-500 transition-colors"
+							>{label}</a
+						>
+					{/each}
+
+					<div class="py-4 border-b border-gray-100 dark:border-neutral-800">
+						<span
+							class="text-xs font-semibold uppercase tracking-widest text-gray-400 dark:text-gray-500"
+							>Community</span
+						>
+						<div class="flex flex-col mt-3 gap-1">
+							{#each community_links as { label, href }}
+								<a
+									{href}
+									target={href.startsWith("/") ? undefined : "_blank"}
+									on:click={() => (click_nav = false)}
+									class="py-2.5 text-base text-gray-700 dark:text-gray-300 hover:text-orange-500 transition-colors"
+									>{label}</a
+								>
+							{/each}
+						</div>
+					</div>
+				</nav>
+
+				<div
+					class="py-4 border-t border-gray-100 dark:border-neutral-800 flex items-center gap-4"
+				>
+					<Search />
+					<ThemeToggle />
+				</div>
+			</div>
+		</div>
+	{/if}
+{/if}
+
+<LogoDownloadMenu bind:show={show_logo_menu} x={logo_menu_x} y={logo_menu_y} />
diff --git a/js/_website/src/lib/components/HelpersSection.svelte b/js/_website/src/lib/components/HelpersSection.svelte
new file mode 100644
index 0000000..e69de29
diff --git a/js/_website/src/lib/components/JSDocsNav.svelte b/js/_website/src/lib/components/JSDocsNav.svelte
new file mode 100644
index 0000000..e286178
--- /dev/null
+++ b/js/_website/src/lib/components/JSDocsNav.svelte
@@ -0,0 +1,130 @@
+<script lang="ts">
+	// @ts-nocheck
+	import { clickOutside } from "./clickOutside.js";
+
+	export let js_components: any;
+
+	export let current_nav_link = "";
+	export let version_dropdown = false;
+	let docs_type = "js";
+
+	let show_nav = false;
+
+	import DropDown from "$lib/components/VersionDropdown.svelte";
+</script>
+
+<section
+	class="top-0 fixed -ml-4 flex items-center p-4 rounded-br-lg backdrop-blur-lg z-50 bg-white dark:bg-neutral-900 lg:hidden"
+	id="menu-bar"
+>
+	<button
+		on:click={() => (show_nav = !show_nav)}
+		type="button"
+		class="text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300"
+	>
+		<svg width="24" height="24"
+			><path
+				d="M5 6h14M5 12h14M5 18h14"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+			/></svg
+		>
+	</button>
+</section>
+
+<div
+	use:clickOutside
+	on:click_outside={() => (show_nav = false)}
+	class:hidden={!show_nav}
+	class="w-64 flex-shrink-0 max-h-[calc(100vh-4rem)] overflow-y-auto fixed inset-0 z-50 bg-white lg:bg-transparent dark:bg-neutral-900 lg:dark:bg-transparent p-6 lg:sticky lg:top-8 lg:self-start lg:block"
+	id="mobile-nav"
+>
+	<button
+		on:click={() => (show_nav = !show_nav)}
+		type="button"
+		class="absolute z-10 top-4 right-4 flex items-center justify-center text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300 lg:hidden"
+		tabindex="0"
+	>
+		<svg viewBox="0 0 10 10" class="w-4 h-4"
+			><path
+				d="M0 0L10 10M10 0L0 10"
+				fill="none"
+				stroke="currentColor"
+				stroke-width="2"
+				stroke-linecap="round"
+			/></svg
+		>
+	</button>
+
+	<div class="space-y-8">
+		{#if version_dropdown}
+			<div class="mb-4">
+				<DropDown docs_type="js"></DropDown>
+			</div>
+		{/if}
+
+		<p
+			class="bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 rounded-full text-orange-800 dark:text-orange-200 mb-4 w-fit text-xs"
+		>
+			<a class="inline-block" href="./storybook">
+				<svg
+					viewBox="0 0 20 20"
+					fill="none"
+					xmlns="http://www.w3.org/2000/svg"
+					role="presentation"
+					class="w-4 inline-block mb-1"
+				>
+					<path
+						d="M.62 18.43 0 1.92A1.006 1.006 0 0 1 .944.88L14.984.002a1.005 1.005 0 0 1 1.069 1.004v17.989a1.006 1.006 0 0 1-1.051 1.004L1.58 19.396a1.006 1.006 0 0 1-.96-.967Z"
+						fill="#FF4785"
+					></path>
+					<path
+						fill-rule="evenodd"
+						clip-rule="evenodd"
+						d="m13.88.071-1.932.12-.094 2.267a.15.15 0 0 0 .24.126l.88-.668.744.586a.15.15 0 0 0 .243-.123l-.08-2.308Zm-1.504 7.59c-.353.275-2.989.462-2.989.071.056-1.493-.612-1.558-.984-1.558-.352 0-.946.106-.946.906 0 .815.868 1.275 1.887 1.815 1.447.767 3.2 1.696 3.2 4.032 0 2.24-1.82 3.476-4.14 3.476-2.395 0-4.488-.969-4.252-4.328.093-.394 3.138-.3 3.138 0-.038 1.386.278 1.794 1.076 1.794.613 0 .891-.338.891-.906 0-.861-.904-1.369-1.945-1.953-1.409-.791-3.067-1.722-3.067-3.859 0-2.132 1.466-3.554 4.084-3.554 2.618 0 4.047 1.4 4.047 4.064Z"
+						fill="#fff"
+					></path>
+				</svg>
+				Storybook &rarr;</a
+			>
+		</p>
+
+		<div>
+			<h2
+				class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+			>
+				Components
+			</h2>
+			<ul class="space-y-2 list-none pl-0">
+				{#each js_components as name}
+					<li>
+						<a
+							class:current-nav-link={current_nav_link == name}
+							class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+							href="./{name}/">{name}</a
+						>
+					</li>
+				{/each}
+			</ul>
+		</div>
+
+		<div>
+			<h2
+				class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+			>
+				Client
+			</h2>
+			<ul class="space-y-2 list-none pl-0">
+				<li>
+					<a
+						class:current-nav-link={current_nav_link == "js-client"}
+						class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+						href="./js-client/">JS Client</a
+					>
+				</li>
+			</ul>
+		</div>
+	</div>
+</div>
diff --git a/js/_website/src/lib/components/LogoDownloadMenu.svelte b/js/_website/src/lib/components/LogoDownloadMenu.svelte
new file mode 100644
index 0000000..c318cce
--- /dev/null
+++ b/js/_website/src/lib/components/LogoDownloadMenu.svelte
@@ -0,0 +1,77 @@
+<script lang="ts">
+	import gradio_logo_svg from "$lib/assets/brand-assets/gradio-logo.svg";
+	import gradio_logo_png from "$lib/assets/brand-assets/gradio-logo.png";
+	import gradio_logo_with_title_svg from "$lib/assets/brand-assets/gradio-logo-with-title.svg";
+	import gradio_logo_with_title_png from "$lib/assets/brand-assets/gradio-logo-with-title.png";
+
+	export let show = false;
+	export let x = 0;
+	export let y = 0;
+
+	const downloads = [
+		{
+			label: "Logo (SVG)",
+			url: gradio_logo_svg,
+			filename: "gradio-logo.svg"
+		},
+		{
+			label: "Logo (PNG)",
+			url: gradio_logo_png,
+			filename: "gradio-logo.png"
+		},
+		{
+			label: "Logo with Title (SVG)",
+			url: gradio_logo_with_title_svg,
+			filename: "gradio-logo-with-title.svg"
+		},
+		{
+			label: "Logo with Title (PNG)",
+			url: gradio_logo_with_title_png,
+			filename: "gradio-logo-with-title.png"
+		}
+	];
+
+	function handleDownload(url: string, filename: string) {
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = filename;
+		document.body.appendChild(link);
+		link.click();
+		document.body.removeChild(link);
+		show = false;
+	}
+</script>
+
+{#if show}
+	<div
+		class="fixed bg-white dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700 rounded-lg shadow-lg py-1 z-50 min-w-[200px]"
+		style="left: {x}px; top: {y}px;"
+	>
+		<div
+			class="px-3 py-2 text-xs font-semibold text-gray-500 dark:text-gray-400 border-b border-gray-200 dark:border-neutral-700"
+		>
+			Download Logo
+		</div>
+		{#each downloads as download}
+			<button
+				class="w-full text-left px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-neutral-700 transition-colors flex items-center gap-2"
+				on:click={() => handleDownload(download.url, download.filename)}
+			>
+				<svg
+					class="w-4 h-4"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+					/>
+				</svg>
+				{download.label}
+			</button>
+		{/each}
+	</div>
+{/if}
diff --git a/js/_website/src/lib/components/MetaTags.svelte b/js/_website/src/lib/components/MetaTags.svelte
new file mode 100644
index 0000000..01bbe76
--- /dev/null
+++ b/js/_website/src/lib/components/MetaTags.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	export let title = "Gradio";
+	export let description = "Build & Share Delightful Machine Learning Apps";
+	export let url: string;
+	export let canonical: string;
+</script>
+
+<svelte:head>
+	<title>{title}</title>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<meta name="description" content={description} />
+	<meta name="author" content="Gradio Team" />
+	<meta property="og:title" content={title} />
+	<meta property="og:type" content="website" />
+	<meta property="og:url" content={url} />
+	<meta property="og:description" content={description} />
+	<meta
+		property="og:image"
+		content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/meta-image.jpg"
+	/>
+	<meta name="twitter:card" content="summary_large_image" />
+	<meta name="twitter:creator" content="@Gradio" />
+	<meta name="twitter:title" content={title} />
+	<meta name="twitter:description" content="{description}." />
+	<meta
+		name="twitter:image"
+		content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/meta-image.jpg"
+	/>
+
+	<link rel="canonical" href={canonical} />
+</svelte:head>
diff --git a/js/_website/src/lib/components/ParamTable.svelte b/js/_website/src/lib/components/ParamTable.svelte
new file mode 100644
index 0000000..5a9d4d3
--- /dev/null
+++ b/js/_website/src/lib/components/ParamTable.svelte
@@ -0,0 +1,318 @@
+<script lang="ts">
+	export let parameters = [] as any[];
+	export let header = "Parameters";
+	export let anchor_links: string | boolean = true;
+
+	import ParamViewer from "@gradio/paramviewer/ParamViewer";
+
+	interface OriginalParam {
+		annotation: string | null;
+		doc: string;
+		default?: string | null;
+		name: string;
+	}
+
+	interface NewParam {
+		type: string | null;
+		description: string;
+		default: string | null;
+		name?: string;
+	}
+
+	function decode_html_entities(text: string | null): string {
+		if (text == null) {
+			return "";
+		}
+
+		const entities: { [key: string]: string } = {
+			"&quot;": '"',
+			"&apos;": "'",
+			"&amp;": "&",
+			"&lt;": "<",
+			"&gt;": ">",
+			"&nbsp;": " ",
+			"&iexcl;": "¡"
+		};
+
+		const decimal_regex = /&#(\d+);/g;
+		const hex_regex = /&#x([0-9A-Fa-f]+);/g;
+		const named_regex = new RegExp(Object.keys(entities).join("|"), "g");
+
+		return text
+			.replace(decimal_regex, (_, code) =>
+				String.fromCharCode(parseInt(code, 10))
+			)
+			.replace(hex_regex, (_, code) => String.fromCharCode(parseInt(code, 16)))
+			.replace(named_regex, (match) => entities[match]);
+	}
+	function convert_params(
+		original_parameters: OriginalParam[]
+	): Record<string, NewParam> {
+		let new_parameters: Record<string, NewParam> = {};
+		for (let param of original_parameters) {
+			new_parameters[param.name] = {
+				type: param.annotation
+					? param.annotation
+							.replaceAll("Sequence[", "list[")
+							.replaceAll("AbstractSet[", "set[")
+							.replaceAll("Mapping[", "dict[")
+					: null,
+				description: decode_html_entities(param.doc),
+				default: param.default || null
+			};
+		}
+		return new_parameters;
+	}
+	let new_parameters = convert_params(parameters);
+</script>
+
+<ParamViewer
+	docs={new_parameters}
+	{header}
+	anchor_links={typeof anchor_links === "string"
+		? anchor_links.toLowerCase()
+		: anchor_links}
+/>
+
+<style>
+	:global(.header) {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0.7rem 1rem;
+		border-bottom: 1px solid var(--table-border-color);
+	}
+
+	:global(.title) {
+		font-size: var(--scale-0);
+		font-weight: 600;
+		color: var(--body-text-color);
+	}
+
+	:global(.toggle-all) {
+		background: none;
+		border: none;
+		cursor: pointer;
+		padding: 0;
+		color: var(--body-text-color);
+		font-size: 0.7em;
+		line-height: 1;
+		opacity: 0.7;
+		transition:
+			opacity 0.2s ease,
+			transform 0.3s ease;
+	}
+
+	:global(.toggle-all:hover) {
+		opacity: 1;
+	}
+
+	:global(.wrap[data-all-open="true"]) :global(.toggle-all) {
+		transform: rotate(180deg);
+	}
+
+	:global(.default) :global(pre),
+	:global(.default) :global(.highlight) {
+		display: inline-block;
+	}
+
+	:global(.wrap) :global(pre),
+	:global(.wrap) :global(.highlight) {
+		margin: 0 !important;
+		background: transparent !important;
+		font-family: var(--font-mono);
+		font-weight: 400;
+		padding: 0 !important;
+	}
+
+	:global(.wrap) :global(pre a) {
+		color: var(--link-text-color-hover);
+		text-decoration: underline;
+	}
+
+	:global(.wrap) :global(pre a:hover) {
+		color: var(--link-text-color-hover);
+	}
+
+	:global(.default) > span {
+		text-transform: uppercase;
+		font-size: 0.7rem;
+		font-weight: 600;
+	}
+
+	:global(.default) > code {
+		border: none;
+	}
+	:global(code) {
+		background: none;
+		font-family: var(--font-mono);
+	}
+
+	:global(.wrap) {
+		padding: 0rem;
+		border-radius: 5px;
+		overflow: hidden;
+		position: relative;
+		margin: 0;
+		box-shadow: var(--block-shadow);
+		border-width: var(--block-border-width);
+		border-color: var(--block-border-color);
+		border-radius: var(--block-radius);
+		width: 100%;
+		line-height: var(--line-sm);
+		color: var(--body-text-color);
+		display: grid;
+		grid-template-rows: auto 1fr;
+	}
+
+	:global(.type) {
+		position: relative;
+		padding: 0.7rem 1rem;
+		padding-left: 2rem;
+		background: var(--table-odd-background-fill);
+		border-bottom: 0px solid var(--table-border-color);
+		list-style: none;
+	}
+
+	:global(.type)::after {
+		content: "▼";
+		position: absolute;
+		top: 50%;
+		right: 15px;
+		transform: translateY(-50%);
+		transition: transform 0.3s ease;
+		font-size: 0.7em;
+		opacity: 0.7;
+		background: transparent;
+	}
+
+	:global(details[open]) :global(.type)::after {
+		transform: translateY(-50%) rotate(180deg);
+	}
+
+	:global(.default) {
+		padding: 0.2rem 1rem 0.3rem 1rem;
+		border-bottom: 1px solid var(--table-border-color);
+		background: var(--block-background-fill);
+	}
+
+	:global(.default.last) {
+		border-bottom: none;
+	}
+
+	:global(.description) {
+		padding: 0.7rem 1rem;
+		font-size: var(--scale-00);
+		font-family: var(--font-sans);
+		background: var(--block-background-fill);
+	}
+
+	:global(.param) {
+		border-bottom: 1px solid var(--table-border-color);
+	}
+
+	:global(.param:last-child) {
+		border-bottom: none;
+	}
+
+	:global(details[open]) :global(.type) {
+		border-bottom-width: 1px;
+	}
+
+	:global(.param.md) :global(code) {
+		background: none;
+	}
+
+	:global(details > summary) {
+		cursor: pointer;
+	}
+
+	:global(details > summary::-webkit-details-marker) {
+		display: none;
+	}
+
+	:global(.param-link) {
+		opacity: 0;
+		position: absolute;
+		left: 8px;
+		top: 50%;
+		transform: translateY(-50%);
+		transition: opacity 0.2s;
+		color: var(--body-text-color);
+		text-decoration: none;
+	}
+
+	:global(.link-icon) {
+		font-size: 14px;
+	}
+
+	:global(.type:hover) :global(.param-link) {
+		opacity: 0.7;
+	}
+
+	:global(.param-link:hover) {
+		opacity: 1 !important;
+	}
+
+	:global(.param-content) {
+		overflow-y: auto;
+	}
+
+	/* Dark mode overrides */
+	:global(.dark) :global(.wrap) {
+		background-color: var(--neutral-800);
+		border-color: var(--neutral-700);
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.header) {
+		border-bottom-color: var(--neutral-700);
+	}
+
+	:global(.dark) :global(.title) {
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.toggle-all) {
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.type) {
+		background: var(--neutral-900);
+		border-bottom-color: var(--neutral-700);
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.type) :global(pre),
+	:global(.dark) :global(.type) :global(code) {
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.default) {
+		background: var(--neutral-800);
+		border-bottom-color: var(--neutral-700);
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.default) :global(span) {
+		color: var(--neutral-300);
+	}
+
+	:global(.dark) :global(.description) {
+		background: var(--neutral-800);
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.param) {
+		border-bottom-color: var(--neutral-700);
+	}
+
+	:global(.dark) :global(.param-link) {
+		color: var(--neutral-100);
+	}
+
+	:global(.dark) :global(.type)::after {
+		background: transparent;
+		color: var(--neutral-100);
+	}
+</style>
diff --git a/js/_website/src/lib/components/RelatedGuides.svelte b/js/_website/src/lib/components/RelatedGuides.svelte
new file mode 100644
index 0000000..e2cd99c
--- /dev/null
+++ b/js/_website/src/lib/components/RelatedGuides.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+	export let related_guides: { name: string; url: string }[];
+</script>
+
+<div class="mt-4">
+	<h2
+		class="text-sm tracking-wider font-semibold text-gray-600 dark:text-gray-300 py-2 block"
+	>
+		Related Guides
+	</h2>
+
+	<ul class="space-y-2 list-none">
+		{#each related_guides as guide}
+			<li>
+				<a
+					href={`/guides/${guide.url}`}
+					target="_blank"
+					rel="noopener noreferrer"
+					class="related-guide-link group flex items-center justify-between overflow-hidden rounded-xl px-2 py-1 bg-neutral-100 dark:bg-neutral-800 border border-neutral-200 dark:border-neutral-900 hover:border-neutral-300 dark:hover:border-neutral-700 hover:shadow-sm transition-all text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 my-2"
+				>
+					<span
+						class="block text-xs transition-colors py-1 whitespace-nowrap overflow-hidden text-ellipsis flex-1 min-w-0"
+					>
+						{guide.name}
+					</span>
+					<span class="flex-shrink-0 flex items-center">
+						<svg
+							class="ml-2"
+							width="15"
+							height="15"
+							viewBox="0 0 24 24"
+							fill="none"
+							stroke="#f97316"
+							stroke-width="2.5"
+							stroke-linecap="round"
+							stroke-linejoin="round"
+						>
+							<!-- <path d="M7 17L17 7" /> -->
+							<!-- <path d="M7 7h10v10" /> -->
+							<path d="M5 12h14" />
+							<path d="m12 5 7 7-7 7" />
+						</svg>
+					</span>
+				</a>
+			</li>
+		{/each}
+	</ul>
+</div>
+
+<style>
+	.related-guide-link svg {
+		transition: transform 0.15s ease;
+	}
+
+	.related-guide-link:hover svg {
+		transform: rotate(-45deg);
+	}
+</style>
diff --git a/js/_website/src/lib/components/ShortcutTable.svelte b/js/_website/src/lib/components/ShortcutTable.svelte
new file mode 100644
index 0000000..eead58c
--- /dev/null
+++ b/js/_website/src/lib/components/ShortcutTable.svelte
@@ -0,0 +1,148 @@
+<script lang="ts">
+	export let shortcuts = [] as any[];
+</script>
+
+<div class="mb-4 shortcut-card">
+	<div class="shortcut-header">
+		<span class="shortcut-title">Shortcuts</span>
+	</div>
+	<div class="shortcut-content">
+		{#each shortcuts as shortcut}
+			<details class="shortcut-item">
+				<summary class="shortcut-row">
+					<pre class="shortcut-code"><code>gradio.{shortcut[0]}</code></pre>
+				</summary>
+				<div class="shortcut-details">
+					<div class="shortcut-field">
+						<span class="field-label">Interface String Shortcut</span>
+						<code>"{shortcut[1]}"</code>
+					</div>
+					<div class="shortcut-field">
+						<span class="field-label">Initialization</span>
+						<span class="field-value">{shortcut[2]}</span>
+					</div>
+				</div>
+			</details>
+		{/each}
+	</div>
+</div>
+
+<style>
+	.shortcut-card {
+		border-radius: var(--block-radius);
+		overflow: hidden;
+		border: var(--block-border-width) solid var(--table-border-color);
+		background: var(--block-background-fill);
+	}
+
+	.shortcut-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: var(--spacing-xl) var(--spacing-xxl);
+		border-bottom: var(--block-border-width) solid var(--table-border-color);
+		background: var(--block-background-fill);
+	}
+
+	.shortcut-title {
+		font-size: var(--text-lg);
+		font-weight: 600;
+		color: var(--body-text-color);
+	}
+
+	.shortcut-content {
+		overflow-y: auto;
+	}
+
+	.shortcut-item {
+		border-bottom: var(--block-border-width) solid var(--table-border-color);
+	}
+
+	.shortcut-item:last-child {
+		border-bottom: none;
+	}
+
+	.shortcut-row {
+		position: relative;
+		padding: var(--spacing-xl) var(--spacing-xxl);
+		padding-right: 2.5rem;
+		background: var(--table-odd-background-fill);
+		border-bottom: 0px solid var(--table-border-color);
+		list-style: none;
+		cursor: pointer;
+	}
+
+	.shortcut-row::-webkit-details-marker {
+		display: none;
+	}
+
+	.shortcut-row::after {
+		content: "▼";
+		position: absolute;
+		top: 50%;
+		right: var(--spacing-xxl);
+		transform: translateY(-50%);
+		transition: transform 0.3s ease;
+		font-size: var(--text-xs);
+		opacity: 0.7;
+		color: var(--body-text-color);
+	}
+
+	details[open] .shortcut-row::after {
+		transform: translateY(-50%) rotate(180deg);
+	}
+
+	details[open] .shortcut-row {
+		border-bottom-width: var(--block-border-width);
+	}
+
+	.shortcut-code {
+		margin: 0;
+		background: transparent;
+		font-family: var(--font-mono);
+		font-size: var(--text-md);
+	}
+
+	.shortcut-code code {
+		background: none;
+		font-family: var(--font-mono);
+		color: var(--body-text-color);
+	}
+
+	.shortcut-details {
+		padding: var(--spacing-xl) var(--spacing-xxl);
+		background: var(--block-background-fill);
+		color: var(--body-text-color);
+	}
+
+	.shortcut-field {
+		margin-bottom: var(--spacing-lg);
+	}
+
+	.shortcut-field:last-child {
+		margin-bottom: 0;
+	}
+
+	.field-label {
+		display: block;
+		text-transform: uppercase;
+		font-size: var(--text-xs);
+		font-weight: 600;
+		color: var(--body-text-color-subdued);
+		margin-bottom: var(--spacing-sm);
+	}
+
+	.shortcut-details code {
+		color: var(--body-text-color);
+		background: var(--code-background-fill);
+		padding: var(--spacing-xs) var(--spacing-sm);
+		border-radius: var(--radius-sm);
+		font-family: var(--font-mono);
+		font-size: var(--text-md);
+	}
+
+	.field-value {
+		color: var(--body-text-color);
+		font-size: var(--text-md);
+	}
+</style>
diff --git a/js/_website/src/lib/components/Slider.svelte b/js/_website/src/lib/components/Slider.svelte
new file mode 100644
index 0000000..6b313bb
--- /dev/null
+++ b/js/_website/src/lib/components/Slider.svelte
@@ -0,0 +1,127 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	export let position = 0.5;
+	export let disabled = false;
+	export let show_nav = true;
+
+	let active = false;
+	let hidden = true;
+	let el: HTMLDivElement;
+	let inner: HTMLDivElement;
+	let box: DOMRect;
+	let px = 0;
+	let offset = 0;
+
+	function handle_mousedown(e: MouseEvent) {
+		if (disabled) return;
+		active = true;
+		box = el.getBoundingClientRect();
+		const innerbox = inner.getBoundingClientRect();
+		offset = e.clientX - innerbox.left;
+	}
+
+	function handle_mouseup(e: MouseEvent) {
+		active = false;
+	}
+
+	function handle_mousemove(e: MouseEvent) {
+		if (!active) return;
+		px = clamp(e.clientX - offset - box.left, 100, box.width - 240);
+		position = round((px + 10) / box.width, 5);
+	}
+
+	function clamp(n: number, min: number, max: number) {
+		return n < min ? min : n > max ? max : n;
+	}
+
+	function round(n: number, points: number) {
+		const mod = Math.pow(10, points);
+		return Math.round((n + Number.EPSILON) * mod) / mod;
+	}
+
+	function set_position() {
+		box = el.getBoundingClientRect();
+		px = box.width * position - 10;
+		hidden = false;
+	}
+
+	onMount(set_position);
+
+	$: if (!hidden && show_nav) {
+		box = el.getBoundingClientRect();
+		px = box.width * position - 10;
+	} else if (!hidden && !show_nav) {
+		box = el.getBoundingClientRect();
+		px = box.width * position - 10;
+	}
+</script>
+
+<svelte:window
+	on:resize={set_position}
+	on:mousemove={handle_mousemove}
+	on:mouseup={handle_mouseup}
+/>
+
+<div class="wrap" bind:this={el}>
+	<slot />
+	<div
+		class="outer hidden sm:block"
+		class:disabled
+		on:mousedown={handle_mousedown}
+		on:mouseup={handle_mouseup}
+		bind:this={inner}
+		role="none"
+		style="transform: translateX({px}px)"
+	>
+		<div {hidden} class="inner">
+			<div class="notches text-gray-400 select-none">&#124;&#124;</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.wrap {
+		position: relative;
+		width: 100%;
+		height: 100%;
+	}
+
+	.outer {
+		width: 20px;
+		height: 100%;
+		position: absolute;
+		cursor: grab;
+		position: absolute;
+		top: 0;
+		left: 0;
+		cursor: ew-resize;
+	}
+
+	.inner {
+		width: 15px;
+		height: 100%;
+		background: #fbfcfc;
+		position: absolute;
+		left: calc((100% - 2px) / 2);
+		border-right: 1px solid rgb(229, 231, 235);
+		border-left: 1px solid rgb(229, 231, 235);
+	}
+
+	.disabled {
+		cursor: auto;
+	}
+
+	.disabled .inner {
+		box-shadow: none;
+	}
+
+	.notches {
+		margin: 0;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%) scale(1, 2.5);
+		font-weight: bold;
+	}
+</style>
diff --git a/js/_website/src/lib/components/ThemeToggle.svelte b/js/_website/src/lib/components/ThemeToggle.svelte
new file mode 100644
index 0000000..201481c
--- /dev/null
+++ b/js/_website/src/lib/components/ThemeToggle.svelte
@@ -0,0 +1,112 @@
+<script lang="ts">
+	import { theme } from "$lib/stores/theme";
+
+	$: is_dark = $theme === "dark";
+
+	function handle_click() {
+		theme.toggle();
+	}
+</script>
+
+<button
+	on:click={handle_click}
+	class="flex items-center justify-center w-9 h-9 rounded-lg hover:bg-white/20 dark:hover:bg-white/20 hover:bg-gray-200 transition-colors text-gray-900 dark:text-gray-300"
+	aria-label="Toggle dark mode"
+	title={is_dark ? "Switch to light mode" : "Switch to dark mode"}
+>
+	{#if is_dark}
+		<svg
+			aria-label="Sun icon"
+			width="24px"
+			height="24px"
+			stroke-width="1.5"
+			viewBox="0 0 24 24"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+			color="currentColor"
+		>
+			<path
+				d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M22 12L23 12"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M12 2V1"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M12 23V22"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M20 20L19 19"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M20 4L19 5"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M4 20L5 19"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M4 4L5 5"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+			<path
+				d="M1 12L2 12"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+		</svg>
+	{:else}
+		<svg
+			aria-label="Moon icon"
+			width="24px"
+			height="24px"
+			stroke-width="1.5"
+			viewBox="0 0 24 24"
+			fill="none"
+			xmlns="http://www.w3.org/2000/svg"
+			color="currentColor"
+		>
+			<path
+				d="M3 11.5066C3 16.7497 7.25034 21 12.4934 21C16.2209 21 19.4466 18.8518 21 15.7259C12.4934 15.7259 8.27411 11.5066 8.27411 3C5.14821 4.55344 3 7.77915 3 11.5066Z"
+				stroke="currentColor"
+				stroke-width="1.5"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			></path>
+		</svg>
+	{/if}
+</button>
diff --git a/js/_website/src/lib/components/VersionDropdown.svelte b/js/_website/src/lib/components/VersionDropdown.svelte
new file mode 100644
index 0000000..d6d06ef
--- /dev/null
+++ b/js/_website/src/lib/components/VersionDropdown.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import { page } from "$app/stores";
+	import { browser } from "$app/environment";
+	import { goto } from "$app/navigation";
+	import { version } from "$lib/json/version.json";
+
+	export let choices = [version, "5.49.1", "4.44.1", "main"];
+	export let value: string = $page.params?.version || version;
+	export let docs_type = "python";
+
+	$: is_guide = $page.route.id?.includes("/guides");
+	$: is_docs = $page.route.id?.includes("/docs");
+
+	let match_name: RegExpMatchArray | null;
+	let docs_section: string;
+
+	$: match_name = $page.url?.pathname?.match(/\/docs\/([^/]+)/);
+	$: if (match_name) {
+		docs_section = match_name[1];
+	}
+
+	$: docs_url = `${value === version ? "" : `/${value}`}/docs${
+		docs_section ? `/${docs_section}` : ""
+	}/${
+		$page.params?.doc ||
+		(is_dynamic || path_parts.length !== 5
+			? ""
+			: path_parts[path_parts.length - 1])
+	}`;
+
+	$: path_parts = $page.route.id?.split("/") || [];
+	$: is_dynamic = path_parts[path_parts.length - 1]?.match(/\[.+\]/);
+
+	$: guide_url = `${value === version ? "" : `/${value}`}/guides/${
+		$page.params?.guide ||
+		(is_dynamic || path_parts.length !== 4
+			? ""
+			: path_parts[path_parts.length - 1])
+	}`;
+
+	function reload() {
+		goto(is_docs ? docs_url : guide_url);
+	}
+</script>
+
+<svelte:head>
+	<script
+		type="module"
+		src="https://gradio.s3-us-west-2.amazonaws.com/{value === 'main'
+			? version.replace('b', '-beta.')
+			: value.replace('b', '-beta.')}/gradio.js"
+	></script>
+</svelte:head>
+
+<select
+	bind:value
+	on:change={reload}
+	class="rounded-md border border-orange-200 dark:border-orange-800/50 bg-white dark:bg-neutral-800 text-gray-900 dark:text-gray-100 focus:placeholder-transparent focus:shadow-none focus:border-orange-500 focus:ring-0 text-xs mt-2 py-1 pl-2 pr-7 font-mono hover:border-orange-300 dark:hover:border-orange-700 transition-colors"
+>
+	{#each choices as choice}
+		<option value={choice}>{choice}</option>
+	{/each}
+</select>
diff --git a/js/_website/src/lib/components/clickOutside.ts b/js/_website/src/lib/components/clickOutside.ts
new file mode 100644
index 0000000..0a18c9a
--- /dev/null
+++ b/js/_website/src/lib/components/clickOutside.ts
@@ -0,0 +1,26 @@
+/** Dispatch event on click outside of node */
+namespace svelte.JSX {
+	interface HTMLProps<T> {
+		onclick_outside?: (e: CustomEvent) => void;
+	}
+}
+
+export function clickOutside(node: Node) {
+	const handleClick = (event: MouseEvent) => {
+		if (
+			node &&
+			!node.contains(event.target as Node) &&
+			!event.defaultPrevented
+		) {
+			node.dispatchEvent(new CustomEvent("click_outside", node as any));
+		}
+	};
+
+	document.addEventListener("click", handleClick, true);
+
+	return {
+		destroy() {
+			document.removeEventListener("click", handleClick, true);
+		}
+	};
+}
diff --git a/js/_website/src/lib/components/icons/Close.svelte b/js/_website/src/lib/components/icons/Close.svelte
new file mode 100644
index 0000000..c64efc3
--- /dev/null
+++ b/js/_website/src/lib/components/icons/Close.svelte
@@ -0,0 +1,24 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	xml:space="preserve"
+	stroke="currentColor"
+	style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"
+>
+	<g
+		transform="matrix(1.14096,-0.140958,-0.140958,1.14096,-0.0559523,0.0559523)"
+	>
+		<path
+			d="M18,6L6.087,17.913"
+			style="fill:none;fill-rule:nonzero;stroke-width:2px;"
+		/>
+	</g>
+	<path
+		d="M4.364,4.364L19.636,19.636"
+		style="fill:none;fill-rule:nonzero;stroke-width:2px;"
+	/>
+</svg>
diff --git a/js/_website/src/lib/components/icons/DownloadIcon.svelte b/js/_website/src/lib/components/icons/DownloadIcon.svelte
new file mode 100644
index 0000000..9fbe4c1
--- /dev/null
+++ b/js/_website/src/lib/components/icons/DownloadIcon.svelte
@@ -0,0 +1,10 @@
+<!--
+This icon is downloaded from https://github.com/google/material-design-icons/blob/master/symbols/web/download/materialsymbolsrounded/download_24px.svg
+Author: Google
+License: Apache License 2.0
+-->
+<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"
+	><path
+		d="M12 15.575q-.2 0-.375-.063-.175-.062-.325-.212l-3.6-3.6q-.275-.275-.275-.7 0-.425.275-.7.275-.275.712-.288.438-.012.713.263L11 12.15V5q0-.425.288-.713Q11.575 4 12 4t.713.287Q13 4.575 13 5v7.15l1.875-1.875q.275-.275.713-.263.437.013.712.288.275.275.275.7 0 .425-.275.7l-3.6 3.6q-.15.15-.325.212-.175.063-.375.063ZM6 20q-.825 0-1.412-.587Q4 18.825 4 18v-2q0-.425.287-.713Q4.575 15 5 15t.713.287Q6 15.575 6 16v2h12v-2q0-.425.288-.713Q18.575 15 19 15t.712.287Q20 15.575 20 16v2q0 .825-.587 1.413Q18.825 20 18 20Z"
+	/></svg
+>
diff --git a/js/_website/src/lib/components/icons/Fullscreen.svelte b/js/_website/src/lib/components/icons/Fullscreen.svelte
new file mode 100644
index 0000000..da34d85
--- /dev/null
+++ b/js/_website/src/lib/components/icons/Fullscreen.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="M6 14c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1s-.45-1-1-1H7v-2c0-.55-.45-1-1-1zm0-4c.55 0 1-.45 1-1V7h2c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1zm11 7h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1s-1 .45-1 1v2zM14 6c0 .55.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1V6c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1z"
+	/></svg
+>
diff --git a/js/_website/src/lib/components/icons/IconArrowUpRight.svelte b/js/_website/src/lib/components/icons/IconArrowUpRight.svelte
new file mode 100644
index 0000000..720d803
--- /dev/null
+++ b/js/_website/src/lib/components/icons/IconArrowUpRight.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames || "menu-icon-arrow"}
+	xmlns="http://www.w3.org/2000/svg"
+	width="24"
+	height="24"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.75"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M7 7h10v10"></path>
+	<path d="M7 17 17 7"></path>
+</svg>
+
+<style>
+	.menu-icon-arrow {
+		width: 1rem;
+		height: 1rem;
+		color: rgb(107, 114, 128);
+		flex-shrink: 0;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-icon-arrow {
+			color: rgb(209, 213, 219);
+		}
+	}
+</style>
diff --git a/js/_website/src/lib/components/icons/IconCaret.svelte b/js/_website/src/lib/components/icons/IconCaret.svelte
new file mode 100644
index 0000000..06aae28
--- /dev/null
+++ b/js/_website/src/lib/components/icons/IconCaret.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames}
+	width="1em"
+	height="1em"
+	viewBox="0 0 12 7"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path d="M1 1L6 6L11 1" stroke="currentColor" />
+</svg>
+
+<style>
+	.caret-icon {
+		transition: transform 0.2s ease-in-out;
+		color: rgb(156, 163, 175);
+		overflow: visible;
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.caret-icon {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+
+	.rotate-180 {
+		transform: rotate(180deg);
+	}
+
+	.rotate-0 {
+		transform: rotate(0deg);
+	}
+</style>
diff --git a/js/_website/src/lib/components/icons/IconCheck.svelte b/js/_website/src/lib/components/icons/IconCheck.svelte
new file mode 100644
index 0000000..0a1227c
--- /dev/null
+++ b/js/_website/src/lib/components/icons/IconCheck.svelte
@@ -0,0 +1,33 @@
+<script>
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames || "icon-size"}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	height="16"
+	viewBox="0 0 16 16"
+	version="1.1"
+	width="16"
+	data-view-component="true"
+	><path
+		fill-rule="evenodd"
+		fill="rgb(255, 124, 1)"
+		d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
+	></path></svg
+>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+</style>
diff --git a/js/_website/src/lib/components/icons/IconCopy.svelte b/js/_website/src/lib/components/icons/IconCopy.svelte
new file mode 100644
index 0000000..cc3bcfb
--- /dev/null
+++ b/js/_website/src/lib/components/icons/IconCopy.svelte
@@ -0,0 +1,40 @@
+<script>
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"
+		transform="translate(0)"
+	/>
+	<path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)" /><rect
+		fill="none"
+		width="32"
+		height="32"
+	/>
+</svg>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+</style>
diff --git a/js/_website/src/lib/components/icons/IconHuggingChat.svelte b/js/_website/src/lib/components/icons/IconHuggingChat.svelte
new file mode 100644
index 0000000..3108cf0
--- /dev/null
+++ b/js/_website/src/lib/components/icons/IconHuggingChat.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames || "icon-size"}
+	width="1em"
+	height="1em"
+	viewBox="5 5 22 22"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<title>HuggingChat</title>
+	<path
+		d="M16.0006 25.9992C13.8266 25.999 11.7118 25.2901 9.97686 23.9799C8.2419 22.6698 6.98127 20.8298 6.38599 18.7388C5.79071 16.6478 5.89323 14.4198 6.678 12.3923C7.46278 10.3648 8.88705 8.64837 10.735 7.50308C12.5829 6.35779 14.7538 5.84606 16.9187 6.04544C19.0837 6.24481 21.1246 7.14442 22.7323 8.60795C24.34 10.0715 25.4268 12.0192 25.8281 14.1559C26.2293 16.2926 25.9232 18.5019 24.9561 20.449C24.7703 20.8042 24.7223 21.2155 24.8211 21.604L25.4211 23.8316C25.4803 24.0518 25.4805 24.2837 25.4216 24.5039C25.3627 24.7242 25.2468 24.925 25.0856 25.0862C24.9244 25.2474 24.7235 25.3633 24.5033 25.4222C24.283 25.4811 24.0512 25.4809 23.831 25.4217L21.6034 24.8217C21.2172 24.7248 20.809 24.7729 20.4558 24.9567C19.0683 25.6467 17.5457 26.0068 16.0006 26.0068V25.9992Z"
+		fill="black"
+		class="block dark:hidden"
+	/>
+	<path
+		d="M9.62598 16.0013C9.62598 15.3799 10.1294 14.8765 10.7508 14.8765C11.3721 14.8765 11.8756 15.3799 11.8756 16.0013C11.8756 17.0953 12.3102 18.1448 13.0838 18.9184C13.8574 19.692 14.9069 20.1266 16.001 20.1267C17.095 20.1267 18.1445 19.692 18.9181 18.9184C19.6918 18.1448 20.1264 17.0953 20.1264 16.0013C20.1264 15.3799 20.6299 14.8765 21.2512 14.8765C21.8725 14.8765 22.3759 15.3799 22.3759 16.0013C22.3759 17.6921 21.7046 19.3137 20.509 20.5093C19.3134 21.7049 17.6918 22.3762 16.001 22.3762C14.3102 22.3762 12.6885 21.7049 11.4929 20.5093C10.2974 19.3137 9.62598 17.6921 9.62598 16.0013Z"
+		fill="white"
+		class="block dark:hidden"
+	/>
+	<path
+		d="M16.0006 25.9992C13.8266 25.999 11.7118 25.2901 9.97686 23.9799C8.2419 22.6698 6.98127 20.8298 6.38599 18.7388C5.79071 16.6478 5.89323 14.4198 6.678 12.3923C7.46278 10.3648 8.88705 8.64837 10.735 7.50308C12.5829 6.35779 14.7538 5.84606 16.9187 6.04544C19.0837 6.24481 21.1246 7.14442 22.7323 8.60795C24.34 10.0715 25.4268 12.0192 25.8281 14.1559C26.2293 16.2926 25.9232 18.5019 24.9561 20.449C24.7703 20.8042 24.7223 21.2155 24.8211 21.604L25.4211 23.8316C25.4803 24.0518 25.4805 24.2837 25.4216 24.5039C25.3627 24.7242 25.2468 24.925 25.0856 25.0862C24.9244 25.2474 24.7235 25.3633 24.5033 25.4222C24.283 25.4811 24.0512 25.4809 23.831 25.4217L21.6034 24.8217C21.2172 24.7248 20.809 24.7729 20.4558 24.9567C19.0683 25.6467 17.5457 26.0068 16.0006 26.0068V25.9992Z"
+		fill="white"
+		class="hidden dark:block"
+	/>
+	<path
+		d="M9.62598 16.0013C9.62598 15.3799 10.1294 14.8765 10.7508 14.8765C11.3721 14.8765 11.8756 15.3799 11.8756 16.0013C11.8756 17.0953 12.3102 18.1448 13.0838 18.9184C13.8574 19.692 14.9069 20.1266 16.001 20.1267C17.095 20.1267 18.1445 19.692 18.9181 18.9184C19.6918 18.1448 20.1264 17.0953 20.1264 16.0013C20.1264 15.3799 20.6299 14.8765 21.2512 14.8765C21.8725 14.8765 22.3759 15.3799 22.3759 16.0013C22.3759 17.6921 21.7046 19.3137 20.509 20.5093C19.3134 21.7049 17.6918 22.3762 16.001 22.3762C14.3102 22.3762 12.6885 21.7049 11.4929 20.5093C10.2974 19.3137 9.62598 17.6921 9.62598 16.0013Z"
+		fill="black"
+		class="hidden dark:block"
+	/>
+</svg>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+
+	.menu-icon {
+		width: 1rem;
+		height: 1rem;
+		flex-shrink: 0;
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.block {
+		display: block;
+	}
+</style>
diff --git a/js/_website/src/lib/components/icons/Lightbulb.svelte b/js/_website/src/lib/components/icons/Lightbulb.svelte
new file mode 100644
index 0000000..4f8d0a4
--- /dev/null
+++ b/js/_website/src/lib/components/icons/Lightbulb.svelte
@@ -0,0 +1,14 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	stroke="currentColor"
+	class="w-6 h-6"
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z"
+	/>
+</svg>
diff --git a/js/_website/src/lib/components/mini/MiniAnnotatedImage.svelte b/js/_website/src/lib/components/mini/MiniAnnotatedImage.svelte
new file mode 100644
index 0000000..24e4109
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniAnnotatedImage.svelte
@@ -0,0 +1,117 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div
+		class="flex-1 flex flex-col items-center justify-center w-full px-2 gap-1"
+	>
+		<div class="annotated-image-wrapper">
+			<div class="annotated-image-container">
+				<img src="/dog.jpg" alt="Annotated" class="annotated-base-image" />
+				<div class="annotation-mask annotation-mask-1"></div>
+				<div class="annotation-mask annotation-mask-2"></div>
+			</div>
+		</div>
+		<div class="annotation-legend">
+			<button class="legend-item legend-1">Face</button>
+			<button class="legend-item legend-2">Ear</button>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/annotatedimage"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>AnnotatedImage</a
+	>
+</div>
+
+<style>
+	.annotated-image-wrapper {
+		width: 100%;
+		position: relative;
+		overflow: hidden;
+		border-radius: 0.5rem;
+	}
+
+	.annotated-image-container {
+		position: relative;
+		width: 100%;
+		overflow: hidden;
+		border-radius: 0.5rem;
+	}
+
+	.annotated-base-image {
+		display: block;
+		width: 100%;
+		height: auto;
+		object-fit: contain;
+	}
+
+	.annotation-mask {
+		position: absolute;
+		opacity: 0.85;
+		transition: opacity 0.2s ease-in-out;
+		pointer-events: none;
+	}
+
+	.annotated-image-container:hover .annotation-mask {
+		opacity: 0.3;
+	}
+
+	.annotation-mask-1 {
+		top: 20%;
+		left: 25%;
+		width: 50%;
+		height: 55%;
+		background: radial-gradient(
+			ellipse at center,
+			hsla(0, 100%, 50%, 0.7) 0%,
+			hsla(0, 100%, 50%, 0.5) 40%,
+			transparent 70%
+		);
+	}
+
+	.annotation-mask-2 {
+		top: 15%;
+		right: 10%;
+		width: 35%;
+		height: 40%;
+		background: radial-gradient(
+			ellipse at center,
+			hsla(120, 100%, 50%, 0.7) 0%,
+			hsla(120, 100%, 50%, 0.5) 40%,
+			transparent 70%
+		);
+	}
+
+	.annotation-legend {
+		display: flex;
+		gap: 0.375rem;
+		flex-wrap: wrap;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.legend-item {
+		padding: 0.25rem 0.5rem;
+		border-radius: 0.25rem;
+		font-size: 0.625rem;
+		color: rgb(31 41 55);
+		font-weight: 500;
+		cursor: pointer;
+		border: none;
+		transition: all 0.15s ease;
+	}
+
+	.legend-item:hover {
+		opacity: 0.8;
+	}
+
+	.legend-item.legend-1 {
+		background-color: hsla(0, 100%, 50%, 0.3);
+	}
+
+	.legend-item.legend-2 {
+		background-color: hsla(120, 100%, 50%, 0.3);
+	}
+
+	:global(.dark) .legend-item {
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniAudio.svelte b/js/_website/src/lib/components/mini/MiniAudio.svelte
new file mode 100644
index 0000000..2cad611
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniAudio.svelte
@@ -0,0 +1,98 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div class="gradio-audio">
+			<div class="audio-controls">
+				<button class="audio-play-btn">▶</button>
+				<div class="audio-waveform">
+					<div class="waveform-bar" style="height: 40%"></div>
+					<div class="waveform-bar" style="height: 70%"></div>
+					<div class="waveform-bar" style="height: 50%"></div>
+					<div class="waveform-bar" style="height: 90%"></div>
+					<div class="waveform-bar" style="height: 60%"></div>
+					<div class="waveform-bar" style="height: 80%"></div>
+					<div class="waveform-bar" style="height: 45%"></div>
+					<div class="waveform-bar" style="height: 65%"></div>
+					<div class="waveform-bar" style="height: 55%"></div>
+					<div class="waveform-bar" style="height: 75%"></div>
+					<div class="waveform-bar" style="height: 35%"></div>
+					<div class="waveform-bar" style="height: 85%"></div>
+					<div class="waveform-bar" style="height: 50%"></div>
+					<div class="waveform-bar" style="height: 70%"></div>
+					<div class="waveform-bar" style="height: 40%"></div>
+				</div>
+				<span class="audio-time">0:15</span>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/audio"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>Audio</a
+	>
+</div>
+
+<style>
+	.gradio-audio {
+		width: 100%;
+		background-color: white;
+		border: 1px solid rgb(229 231 235);
+		border-radius: 0.375rem;
+		padding: 0.5rem;
+	}
+
+	.audio-controls {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+	}
+
+	.audio-play-btn {
+		width: 1.5rem;
+		height: 1.5rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background-color: rgb(249 115 22);
+		color: white;
+		border: none;
+		border-radius: 50%;
+		cursor: pointer;
+		font-size: 0.625rem;
+		flex-shrink: 0;
+		transition: background-color 0.15s ease;
+	}
+
+	.audio-play-btn:hover {
+		background-color: rgb(234 88 12);
+	}
+
+	.audio-waveform {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		height: 1.5rem;
+	}
+
+	.waveform-bar {
+		background: rgb(249 115 22);
+		border-radius: 0.125rem;
+		width: 1px;
+	}
+
+	.audio-time {
+		color: rgb(107 114 128);
+		font-size: 0.625rem;
+		font-family: ui-monospace, monospace;
+		flex-shrink: 0;
+	}
+
+	:global(.dark) .gradio-audio {
+		background-color: rgb(23 23 23);
+		border-color: rgb(64 64 64);
+	}
+
+	:global(.dark) .audio-time {
+		color: rgb(156 163 175);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniButton.svelte b/js/_website/src/lib/components/mini/MiniButton.svelte
new file mode 100644
index 0000000..c2a9622
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniButton.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+</script>
+
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full">
+		<button
+			class="px-4 py-2 bg-orange-500 text-white rounded-lg font-medium hover:bg-orange-600 transition-colors"
+			>Click Me</button
+		>
+	</div>
+	<a
+		href="/docs/gradio/button"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Button
+	</a>
+</div>
diff --git a/js/_website/src/lib/components/mini/MiniChatbot.svelte b/js/_website/src/lib/components/mini/MiniChatbot.svelte
new file mode 100644
index 0000000..41ccebf
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniChatbot.svelte
@@ -0,0 +1,98 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div class="gradio-chatbot-wrapper">
+			<div class="gradio-chatbot-container">
+				<div class="gradio-chat-message bot">
+					<div class="gradio-chat-bubble bot-bubble">Hi! How can I help?</div>
+				</div>
+				<div class="gradio-chat-message user">
+					<div class="gradio-chat-bubble user-bubble">Hello!</div>
+				</div>
+				<div class="gradio-chat-message bot">
+					<div class="gradio-chat-bubble bot-bubble">👋</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/chatbot"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Chatbot
+	</a>
+</div>
+
+<style>
+	.gradio-chatbot-wrapper {
+		width: 100%;
+		background: rgb(249 250 251);
+		border-radius: 0.375rem;
+		padding: 0.5rem;
+		overflow: hidden;
+	}
+
+	.gradio-chatbot-container {
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+		width: 100%;
+	}
+
+	.gradio-chat-message {
+		display: flex;
+		width: 100%;
+	}
+
+	.gradio-chat-message.user {
+		justify-content: flex-end;
+	}
+
+	.gradio-chat-message.bot {
+		justify-content: flex-start;
+	}
+
+	.gradio-chat-bubble {
+		max-width: 80%;
+		padding: 0.25rem 0.5rem;
+		border-radius: 0.25rem;
+		font-size: 0.625rem;
+		line-height: 1rem;
+		border: 1px solid;
+		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+		text-align: left;
+	}
+
+	.user-bubble {
+		background-color: rgb(254 243 237);
+		border-color: rgba(249, 115, 22, 0.3);
+		color: rgb(31 41 55);
+		border-bottom-right-radius: 0;
+		align-self: flex-end;
+		text-align: right;
+	}
+
+	.bot-bubble {
+		background-color: rgb(243 244 246);
+		border-color: rgb(229 231 235);
+		color: rgb(31 41 55);
+		border-bottom-left-radius: 0;
+		align-self: flex-start;
+		text-align: left;
+	}
+
+	:global(.dark) .gradio-chatbot-wrapper {
+		background: rgb(38 38 38);
+	}
+
+	:global(.dark) .user-bubble {
+		background-color: rgba(249, 115, 22, 0.15);
+		border-color: rgba(249, 115, 22, 0.3);
+		color: rgb(229 231 235);
+	}
+
+	:global(.dark) .bot-bubble {
+		background-color: rgb(38 38 38);
+		border-color: rgb(64 64 64);
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniCheckbox.svelte b/js/_website/src/lib/components/mini/MiniCheckbox.svelte
new file mode 100644
index 0000000..dec108d
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniCheckbox.svelte
@@ -0,0 +1,83 @@
+<script lang="ts">
+	let checkbox_checked = false;
+</script>
+
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full">
+		<label class="gradio-checkbox-container">
+			<input
+				type="checkbox"
+				bind:checked={checkbox_checked}
+				class="gradio-checkbox"
+			/>
+			<span class="gradio-checkbox-label">Accept terms</span>
+		</label>
+	</div>
+	<a
+		href="/docs/gradio/checkbox"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Checkbox
+	</a>
+</div>
+
+<style>
+	.gradio-checkbox-container {
+		display: flex;
+		align-items: center;
+		gap: 0.75rem;
+		cursor: pointer;
+	}
+
+	.gradio-checkbox {
+		appearance: none;
+		-webkit-appearance: none;
+		width: 1rem;
+		height: 1rem;
+		border: 1px solid rgb(209 213 219);
+		border-radius: 0.25rem;
+		background-color: white;
+		cursor: pointer;
+		position: relative;
+		transition: all 0.15s ease;
+	}
+
+	.gradio-checkbox:hover {
+		border-color: rgb(209 213 219);
+		background-color: rgb(249 250 251);
+	}
+
+	.gradio-checkbox:checked {
+		background-color: rgb(249 115 22);
+		border-color: rgb(249 115 22);
+		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+		background-size: 100% 100%;
+		background-position: center;
+		background-repeat: no-repeat;
+	}
+
+	.gradio-checkbox-label {
+		color: rgb(31 41 55);
+		font-size: 0.875rem;
+		line-height: 1.25rem;
+	}
+
+	:global(.dark) .gradio-checkbox {
+		border-color: rgb(64 64 64);
+		background-color: rgb(23 23 23);
+	}
+
+	:global(.dark) .gradio-checkbox:hover {
+		border-color: rgb(82 82 82);
+		background-color: rgb(38 38 38);
+	}
+
+	:global(.dark) .gradio-checkbox:checked {
+		background-color: rgb(249 115 22);
+		border-color: rgb(249 115 22);
+	}
+
+	:global(.dark) .gradio-checkbox-label {
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniCode.svelte b/js/_website/src/lib/components/mini/MiniCode.svelte
new file mode 100644
index 0000000..562a3e7
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniCode.svelte
@@ -0,0 +1,121 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div class="gradio-code-container">
+			<div class="gradio-code-gutter">
+				<span class="gradio-code-line-number">1</span>
+				<span class="gradio-code-line-number">2</span>
+				<span class="gradio-code-line-number">3</span>
+			</div>
+			<div class="gradio-code-content">
+				<div class="gradio-code-line">
+					<span class="code-keyword">def</span>
+					<span class="code-function">hello</span>():
+				</div>
+				<div class="gradio-code-line">
+					<span class="code-keyword">print</span>(<span class="code-string"
+						>"Hi"</span
+					>)
+				</div>
+				<div class="gradio-code-line">
+					<span class="code-keyword">return</span>
+					<span class="code-number">42</span>
+				</div>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/code"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Code
+	</a>
+</div>
+
+<style>
+	.gradio-code-container {
+		display: flex;
+		width: 100%;
+		background-color: rgb(243 244 246);
+		border: 1px solid rgb(229 231 235);
+		border-radius: 0.375rem;
+		overflow: hidden;
+		font-family: "IBM Plex Mono", ui-monospace, Consolas, monospace;
+		font-size: 0.75rem;
+		line-height: 1.25rem;
+	}
+
+	.gradio-code-gutter {
+		display: flex;
+		flex-direction: column;
+		background-color: rgb(249 250 251);
+		border-right: 1px solid rgb(229 231 235);
+		padding: 0.25rem 0.5rem;
+		color: rgb(156 163 175);
+		text-align: right;
+		user-select: none;
+	}
+
+	.gradio-code-line-number {
+		display: block;
+		line-height: 1.25rem;
+	}
+
+	.gradio-code-content {
+		flex: 1;
+		padding: 0.25rem 0.5rem;
+		color: rgb(31 41 55);
+	}
+
+	.gradio-code-line {
+		line-height: 1.25rem;
+		white-space: nowrap;
+	}
+
+	.code-keyword {
+		color: rgb(168 85 247);
+		font-weight: 600;
+	}
+
+	.code-function {
+		color: rgb(59 130 246);
+	}
+
+	.code-string {
+		color: rgb(34 197 94);
+	}
+
+	.code-number {
+		color: rgb(249 115 22);
+	}
+
+	:global(.dark) .gradio-code-container {
+		background-color: rgb(23 23 23);
+		border-color: rgb(64 64 64);
+	}
+
+	:global(.dark) .gradio-code-gutter {
+		background-color: rgb(38 38 38);
+		border-color: rgb(64 64 64);
+		color: rgb(115 115 115);
+	}
+
+	:global(.dark) .gradio-code-content {
+		color: rgb(229 231 235);
+	}
+
+	:global(.dark) .code-keyword {
+		color: rgb(196 181 253);
+	}
+
+	:global(.dark) .code-function {
+		color: rgb(147 197 253);
+	}
+
+	:global(.dark) .code-string {
+		color: rgb(134 239 172);
+	}
+
+	:global(.dark) .code-number {
+		color: rgb(251 146 60);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniDataframe.svelte b/js/_website/src/lib/components/mini/MiniDataframe.svelte
new file mode 100644
index 0000000..bc76af3
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniDataframe.svelte
@@ -0,0 +1,52 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full">
+		<div
+			class="w-full bg-white dark:bg-neutral-800 rounded border border-gray-300 dark:border-neutral-700 overflow-hidden"
+		>
+			<div
+				class="grid grid-cols-3 bg-gray-100 dark:bg-neutral-900 border-b border-gray-300 dark:border-neutral-700"
+			>
+				<div
+					class="px-1 py-0.5 text-[8px] font-semibold text-gray-700 dark:text-gray-300 border-r border-gray-300 dark:border-neutral-700"
+				>
+					A
+				</div>
+				<div
+					class="px-1 py-0.5 text-[8px] font-semibold text-gray-700 dark:text-gray-300 border-r border-gray-300 dark:border-neutral-700"
+				>
+					B
+				</div>
+				<div
+					class="px-1 py-0.5 text-[8px] font-semibold text-gray-700 dark:text-gray-300"
+				>
+					C
+				</div>
+			</div>
+			{#each Array(4) as _}
+				<div
+					class="grid grid-cols-3 border-b border-gray-200 dark:border-neutral-700 last:border-b-0"
+				>
+					<div
+						class="px-1 py-0.5 text-[8px] text-gray-600 dark:text-gray-400 border-r border-gray-200 dark:border-neutral-700"
+					>
+						···
+					</div>
+					<div
+						class="px-1 py-0.5 text-[8px] text-gray-600 dark:text-gray-400 border-r border-gray-200 dark:border-neutral-700"
+					>
+						···
+					</div>
+					<div class="px-1 py-0.5 text-[8px] text-gray-600 dark:text-gray-400">
+						···
+					</div>
+				</div>
+			{/each}
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/dataframe"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Dataframe
+	</a>
+</div>
diff --git a/js/_website/src/lib/components/mini/MiniDateTime.svelte b/js/_website/src/lib/components/mini/MiniDateTime.svelte
new file mode 100644
index 0000000..1e5775b
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniDateTime.svelte
@@ -0,0 +1,90 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-4">
+		<div class="gradio-datetime">
+			<input type="text" class="datetime-input" value="2025-01-15" readonly />
+			<button class="datetime-calendar-btn">
+				<svg viewBox="0 0 16 16" fill="currentColor">
+					<path
+						d="M3 2h10a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V3a1 1 0 011-1z"
+					/>
+					<circle cx="4.5" cy="8.5" r=".5" />
+					<circle cx="7.5" cy="8.5" r=".5" />
+					<circle cx="10.5" cy="8.5" r=".5" />
+				</svg>
+			</button>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/datetime"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>DateTime</a
+	>
+</div>
+
+<style>
+	.gradio-datetime {
+		display: flex;
+		width: 100%;
+		background: white;
+		border-radius: 0.375rem;
+		overflow: hidden;
+	}
+
+	.datetime-input {
+		flex: 1;
+		padding: 0.375rem 0.5rem;
+		border: 1px solid rgb(229 231 235);
+		border-right: none;
+		border-top-left-radius: 0.375rem;
+		border-bottom-left-radius: 0.375rem;
+		background: transparent;
+		outline: none;
+		color: rgb(31 41 55);
+		font-size: 0.75rem;
+		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+	}
+
+	.datetime-calendar-btn {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0 0.5rem;
+		border: 1px solid rgb(229 231 235);
+		border-top-right-radius: 0.375rem;
+		border-bottom-right-radius: 0.375rem;
+		background: white;
+		color: rgb(107 114 128);
+		cursor: pointer;
+		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+		transition: color 0.15s ease;
+	}
+
+	.datetime-calendar-btn:hover {
+		color: rgb(31 41 55);
+	}
+
+	.datetime-calendar-btn svg {
+		width: 0.875rem;
+		height: 0.875rem;
+	}
+
+	:global(.dark) .gradio-datetime {
+		background: rgb(38 38 38);
+	}
+
+	:global(.dark) .datetime-input {
+		background: rgb(38 38 38);
+		border-color: rgb(64 64 64);
+		color: rgb(229 231 235);
+	}
+
+	:global(.dark) .datetime-calendar-btn {
+		background: rgb(38 38 38);
+		border-color: rgb(64 64 64);
+		color: rgb(156 163 175);
+	}
+
+	:global(.dark) .datetime-calendar-btn:hover {
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniDraggable.svelte b/js/_website/src/lib/components/mini/MiniDraggable.svelte
new file mode 100644
index 0000000..544d859
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniDraggable.svelte
@@ -0,0 +1,142 @@
+<script lang="ts">
+	let draggable_items = ["Item 1", "Item 2", "Item 3"];
+	let drag_over_index: number | null = null;
+
+	function handle_drag_start(e: DragEvent, index: number) {
+		if (e.dataTransfer) {
+			e.dataTransfer.effectAllowed = "move";
+			e.dataTransfer.setData("text/plain", index.toString());
+		}
+	}
+
+	function handle_drag_over(e: DragEvent, index: number) {
+		e.preventDefault();
+		drag_over_index = index;
+	}
+
+	function handle_drag_leave() {
+		drag_over_index = null;
+	}
+
+	function handle_drop(e: DragEvent, drop_index: number) {
+		e.preventDefault();
+		const drag_index = parseInt(e.dataTransfer?.getData("text/plain") || "");
+		if (!isNaN(drag_index) && drag_index !== drop_index) {
+			const items = [...draggable_items];
+			const [removed] = items.splice(drag_index, 1);
+			items.splice(drop_index, 0, removed);
+			draggable_items = items;
+		}
+		drag_over_index = null;
+	}
+</script>
+
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div class="gradio-draggable">
+			{#each draggable_items as item, idx}
+				<div
+					class="draggable-item"
+					class:drag-over={drag_over_index === idx}
+					draggable="true"
+					on:dragstart={(e) => handle_drag_start(e, idx)}
+					on:dragover={(e) => handle_drag_over(e, idx)}
+					on:dragleave={handle_drag_leave}
+					on:drop={(e) => handle_drop(e, idx)}
+					role="button"
+					tabindex="0"
+				>
+					<span class="drag-handle">⋮⋮</span>
+					<span class="draggable-content">{item}</span>
+				</div>
+			{/each}
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/dataframe"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>Draggable</a
+	>
+</div>
+
+<style>
+	.gradio-draggable {
+		width: 100%;
+		background-color: white;
+		border: 1px solid rgb(229 231 235);
+		border-radius: 0.375rem;
+		padding: 0.5rem;
+	}
+
+	.draggable-item {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		padding: 0.375rem 0.5rem;
+		background-color: rgb(249 250 251);
+		border: 1px solid rgb(229 231 235);
+		border-radius: 0.25rem;
+		margin-bottom: 0.375rem;
+		cursor: move;
+		transition: all 0.15s ease;
+	}
+
+	.draggable-item:last-child {
+		margin-bottom: 0;
+	}
+
+	.draggable-item:hover {
+		background-color: rgb(243 244 246);
+		border-color: rgb(209 213 219);
+	}
+
+	.draggable-item.drag-over {
+		border-color: rgb(249 115 22);
+		background-color: rgba(249, 115, 22, 0.1);
+	}
+
+	.drag-handle {
+		color: rgb(156 163 175);
+		font-size: 0.75rem;
+		cursor: grab;
+		user-select: none;
+	}
+
+	.drag-handle:active {
+		cursor: grabbing;
+	}
+
+	.draggable-content {
+		color: rgb(31 41 55);
+		font-size: 0.75rem;
+		flex: 1;
+	}
+
+	:global(.dark) .gradio-draggable {
+		background-color: rgb(23 23 23);
+		border-color: rgb(64 64 64);
+	}
+
+	:global(.dark) .draggable-item {
+		background-color: rgb(38 38 38);
+		border-color: rgb(64 64 64);
+	}
+
+	:global(.dark) .draggable-item:hover {
+		background-color: rgb(50 50 50);
+		border-color: rgb(82 82 82);
+	}
+
+	:global(.dark) .draggable-item.drag-over {
+		border-color: rgb(249 115 22);
+		background-color: rgba(249, 115, 22, 0.15);
+	}
+
+	:global(.dark) .drag-handle {
+		color: rgb(115 115 115);
+	}
+
+	:global(.dark) .draggable-content {
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniDropdown.svelte b/js/_website/src/lib/components/mini/MiniDropdown.svelte
new file mode 100644
index 0000000..e7731e9
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniDropdown.svelte
@@ -0,0 +1,73 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-4">
+		<div class="gradio-dropdown" style="pointer-events: none;">
+			<div class="dropdown-display">Option A</div>
+			<div class="dropdown-arrow-icon">
+				<svg viewBox="0 0 12 12" fill="none" stroke="currentColor">
+					<path
+						d="M3 5 L6 8 L9 5"
+						stroke-width="1.5"
+						stroke-linecap="round"
+						stroke-linejoin="round"
+					/>
+				</svg>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/dropdown"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>Dropdown</a
+	>
+</div>
+
+<style>
+	.gradio-dropdown {
+		position: relative;
+		width: 100%;
+		display: flex;
+		align-items: center;
+		background: white;
+		border: 1px solid rgb(209 213 219);
+		border-radius: 0.375rem;
+		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+		user-select: none;
+	}
+
+	.dropdown-display {
+		flex: 1;
+		margin: 0.25rem;
+		padding: 0.25rem;
+		color: rgb(31 41 55);
+		font-size: 0.75rem;
+	}
+
+	.dropdown-arrow-icon {
+		position: absolute;
+		right: 0.625rem;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 0.875rem;
+		height: 0.875rem;
+		color: rgb(31 41 55);
+		pointer-events: none;
+	}
+
+	.dropdown-arrow-icon svg {
+		width: 100%;
+		height: 100%;
+	}
+
+	:global(.dark) .gradio-dropdown {
+		background: rgb(38 38 38);
+		border-color: rgb(82 82 82);
+	}
+
+	:global(.dark) .dropdown-display {
+		color: rgb(229 231 235);
+	}
+
+	:global(.dark) .dropdown-arrow-icon {
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniFileExplorer.svelte b/js/_website/src/lib/components/mini/MiniFileExplorer.svelte
new file mode 100644
index 0000000..0e6f419
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniFileExplorer.svelte
@@ -0,0 +1,78 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div class="gradio-fileexplorer">
+			<div class="file-item folder-item">
+				<span class="file-icon">📁</span>
+				<span class="file-name">Documents</span>
+			</div>
+			<div class="file-item file-indent">
+				<span class="file-icon">📄</span>
+				<span class="file-name">file.txt</span>
+			</div>
+			<div class="file-item folder-item">
+				<span class="file-icon">📁</span>
+				<span class="file-name">Images</span>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/fileexplorer"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>FileExplorer</a
+	>
+</div>
+
+<style>
+	.gradio-fileexplorer {
+		width: 100%;
+		background-color: white;
+		border: 1px solid rgb(229 231 235);
+		border-radius: 0.375rem;
+		padding: 0.5rem;
+		font-size: 0.75rem;
+	}
+
+	.file-item {
+		display: flex;
+		align-items: center;
+		gap: 0.375rem;
+		padding: 0.25rem 0.375rem;
+		border-radius: 0.25rem;
+		cursor: pointer;
+		transition: background-color 0.15s ease;
+	}
+
+	.file-item:hover {
+		background-color: rgb(243 244 246);
+	}
+
+	.file-indent {
+		padding-left: 1.25rem;
+	}
+
+	.file-icon {
+		font-size: 0.875rem;
+		flex-shrink: 0;
+	}
+
+	.file-name {
+		color: rgb(31 41 55);
+		font-size: 0.75rem;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	:global(.dark) .gradio-fileexplorer {
+		background-color: rgb(23 23 23);
+		border-color: rgb(64 64 64);
+	}
+
+	:global(.dark) .file-item:hover {
+		background-color: rgb(38 38 38);
+	}
+
+	:global(.dark) .file-name {
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniGallery.svelte b/js/_website/src/lib/components/mini/MiniGallery.svelte
new file mode 100644
index 0000000..c2356a5
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniGallery.svelte
@@ -0,0 +1,146 @@
+<script lang="ts">
+	let selected_gallery_image: string | null = null;
+
+	function select_gallery_image(src: string, e: MouseEvent) {
+		e.preventDefault();
+		e.stopPropagation();
+		selected_gallery_image = selected_gallery_image === src ? null : src;
+	}
+</script>
+
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div class="mini-gallery-container">
+			{#if selected_gallery_image}
+				<button
+					class="mini-gallery-large"
+					on:click={(e) => select_gallery_image(selected_gallery_image, e)}
+				>
+					<img src={selected_gallery_image} alt="Selected" />
+				</button>
+			{:else}
+				<div class="mini-gallery-grid">
+					<button
+						class="mini-gallery-item"
+						on:click={(e) => select_gallery_image("/dog.jpg", e)}
+					>
+						<img src="/dog.jpg" alt="Gallery 1" />
+					</button>
+					<button
+						class="mini-gallery-item"
+						on:click={(e) => select_gallery_image("/dog_blurred.jpg", e)}
+					>
+						<img src="/dog_blurred.jpg" alt="Gallery 2" />
+					</button>
+					<button
+						class="mini-gallery-item"
+						on:click={(e) => select_gallery_image("/dog.jpg", e)}
+					>
+						<img src="/dog.jpg" alt="Gallery 3" />
+					</button>
+					<button
+						class="mini-gallery-item"
+						on:click={(e) => select_gallery_image("/dog_blurred.jpg", e)}
+					>
+						<img src="/dog_blurred.jpg" alt="Gallery 4" />
+					</button>
+				</div>
+			{/if}
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/gallery"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Gallery
+	</a>
+</div>
+
+<style>
+	.mini-gallery-container {
+		width: 100%;
+		height: 100%;
+		max-height: 120px;
+		position: relative;
+	}
+
+	.mini-gallery-grid {
+		display: grid;
+		grid-template-columns: repeat(2, 1fr);
+		grid-template-rows: repeat(2, 1fr);
+		gap: 0.5rem;
+		width: 100%;
+		height: 100%;
+	}
+
+	.mini-gallery-large {
+		width: 100%;
+		height: 100%;
+		border-radius: 0.375rem;
+		border: 2px solid rgb(249 115 22);
+		background: rgb(249 250 251);
+		overflow: hidden;
+		padding: 0;
+		cursor: pointer;
+		box-shadow:
+			inset 0 0 0 1px rgb(249 115 22),
+			0 2px 8px 0 rgba(249, 115, 22, 0.3);
+		transition: all 0.2s ease;
+	}
+
+	.mini-gallery-large:hover {
+		transform: scale(0.98);
+	}
+
+	.mini-gallery-large img {
+		width: 100%;
+		height: 100%;
+		object-fit: contain;
+		pointer-events: none;
+	}
+
+	.mini-gallery-item {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		border-radius: 0.375rem;
+		border: 1px solid rgb(229 231 235);
+		background: rgb(249 250 251);
+		overflow: hidden;
+		box-shadow:
+			inset 0 0 0 1px transparent,
+			0 1px 3px 0 rgba(0, 0, 0, 0.1);
+		transition: all 0.15s ease;
+		padding: 0;
+		cursor: pointer;
+	}
+
+	.mini-gallery-item:hover {
+		border-color: rgb(249 115 22);
+		box-shadow:
+			inset 0 0 0 1px rgb(249 115 22),
+			0 1px 3px 0 rgba(0, 0, 0, 0.1);
+		filter: brightness(1.1);
+		transform: scale(1.05);
+	}
+
+	.mini-gallery-item img {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		pointer-events: none;
+	}
+
+	:global(.dark) .mini-gallery-large {
+		background: rgb(38 38 38);
+	}
+
+	:global(.dark) .mini-gallery-item {
+		border-color: rgb(64 64 64);
+		background: rgb(38 38 38);
+	}
+
+	:global(.dark) .mini-gallery-item:hover {
+		border-color: rgb(249 115 22);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniHighlightedText.svelte b/js/_website/src/lib/components/mini/MiniHighlightedText.svelte
new file mode 100644
index 0000000..3a28fc2
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniHighlightedText.svelte
@@ -0,0 +1,61 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div class="gradio-highlighted-text">
+			<span class="highlight-positive">Good</span>
+			<span class="highlight-neutral">sentiment</span>
+			<span class="highlight-negative">bad</span>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/highlightedtext"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		HighlightedText
+	</a>
+</div>
+
+<style>
+	.gradio-highlighted-text {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.25rem;
+		font-size: 0.875rem;
+		line-height: 1.25rem;
+	}
+
+	.highlight-positive {
+		background-color: rgb(187 247 208);
+		color: rgb(22 101 52);
+		padding: 0.125rem 0.375rem;
+		border-radius: 0.25rem;
+	}
+
+	.highlight-neutral {
+		background-color: rgb(229 231 235);
+		color: rgb(31 41 55);
+		padding: 0.125rem 0.375rem;
+		border-radius: 0.25rem;
+	}
+
+	.highlight-negative {
+		background-color: rgb(254 202 202);
+		color: rgb(153 27 27);
+		padding: 0.125rem 0.375rem;
+		border-radius: 0.25rem;
+	}
+
+	:global(.dark) .highlight-positive {
+		background-color: rgb(22 101 52);
+		color: rgb(187 247 208);
+	}
+
+	:global(.dark) .highlight-neutral {
+		background-color: rgb(64 64 64);
+		color: rgb(229 231 235);
+	}
+
+	:global(.dark) .highlight-negative {
+		background-color: rgb(153 27 27);
+		color: rgb(254 202 202);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniImageSlider.svelte b/js/_website/src/lib/components/mini/MiniImageSlider.svelte
new file mode 100644
index 0000000..e5cd76f
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniImageSlider.svelte
@@ -0,0 +1,113 @@
+<script lang="ts">
+	let image_slider_position = 50;
+	let is_dragging_image_slider = false;
+	let image_slider_container: HTMLElement | null = null;
+
+	function handle_image_slider_mousedown(e: MouseEvent) {
+		e.preventDefault();
+		e.stopPropagation();
+		is_dragging_image_slider = true;
+		image_slider_container = e.currentTarget as HTMLElement;
+		update_image_slider_position(e);
+	}
+
+	function handle_image_slider_mousemove(e: MouseEvent) {
+		if (!is_dragging_image_slider || !image_slider_container) return;
+		update_image_slider_position(e);
+	}
+
+	function handle_image_slider_mouseup() {
+		is_dragging_image_slider = false;
+		image_slider_container = null;
+	}
+
+	function update_image_slider_position(e: MouseEvent) {
+		if (!image_slider_container) return;
+		const rect = image_slider_container.getBoundingClientRect();
+		const x = e.clientX - rect.left;
+		const percentage = Math.max(0, Math.min(100, (x / rect.width) * 100));
+		image_slider_position = percentage;
+	}
+</script>
+
+<svelte:window
+	on:mousemove={handle_image_slider_mousemove}
+	on:mouseup={handle_image_slider_mouseup}
+/>
+
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full">
+		<div
+			class="image-slider-container relative w-full h-32 overflow-hidden select-none rounded-lg"
+			on:mousedown={handle_image_slider_mousedown}
+			role="slider"
+			tabindex="0"
+			aria-valuenow={image_slider_position}
+			aria-valuemin="0"
+			aria-valuemax="100"
+		>
+			<img
+				src="/dog_blurred.jpg"
+				alt="Blurred"
+				class="absolute inset-0 w-full h-full object-cover pointer-events-none"
+				draggable="false"
+			/>
+
+			<img
+				src="/dog.jpg"
+				alt="Original"
+				class="absolute inset-0 w-full h-full object-cover pointer-events-none"
+				style="clip-path: inset(0 0 0 {image_slider_position}%)"
+				draggable="false"
+			/>
+			<div
+				class="absolute top-0 bottom-0 w-px bg-orange-500 pointer-events-none"
+				style="left: {image_slider_position}%"
+			></div>
+
+			<div
+				class="absolute top-0 bottom-0 w-7 cursor-grab active:cursor-grabbing"
+				class:cursor-grabbing={is_dragging_image_slider}
+				style="left: calc({image_slider_position}% - 14px)"
+			>
+				<div
+					class="image-slider-handle absolute top-1/2 -translate-x-[0%] -translate-y-1/2 w-7 h-6 rounded bg-orange-500 flex items-center justify-center shadow-md"
+					class:opacity-0={is_dragging_image_slider}
+				>
+					<span
+						class="text-white text-[9px] leading-none"
+						style="transform: rotate(135deg); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);"
+						>◢</span
+					>
+					<span class="w-px h-full bg-white/10 mx-0.5"></span>
+					<span
+						class="text-white text-[9px] leading-none"
+						style="transform: rotate(-45deg); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);"
+						>◢</span
+					>
+				</div>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/imageslider"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		ImageSlider
+	</a>
+</div>
+
+<style>
+	.image-slider-handle {
+		box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
+		transition: opacity 0.2s;
+	}
+
+	.image-slider-container {
+		cursor: grab;
+	}
+
+	.image-slider-container:active {
+		cursor: grabbing;
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniModel3D.svelte b/js/_website/src/lib/components/mini/MiniModel3D.svelte
new file mode 100644
index 0000000..5d9a093
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniModel3D.svelte
@@ -0,0 +1,110 @@
+<div class="flex flex-col items-center w-full h-full pb-2 overflow-hidden">
+	<div class="flex-1 flex items-center justify-center w-full overflow-hidden">
+		<div class="gradio-model3d-container">
+			<div class="model3d-scene">
+				<div class="model3d-cube">
+					<div class="cube-face front"></div>
+					<div class="cube-face back"></div>
+					<div class="cube-face right"></div>
+					<div class="cube-face left"></div>
+					<div class="cube-face top"></div>
+					<div class="cube-face bottom"></div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/model3d"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Model3D
+	</a>
+</div>
+
+<style>
+	.gradio-model3d-container {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: linear-gradient(
+			135deg,
+			rgb(243 244 246) 0%,
+			rgb(229 231 235) 100%
+		);
+		border: 1px solid rgb(229 231 235);
+		border-radius: 0.5rem;
+		min-height: 85px;
+		pointer-events: none !important;
+	}
+
+	.model3d-scene {
+		width: 60px;
+		height: 60px;
+		position: relative;
+	}
+
+	.model3d-cube {
+		width: 100%;
+		height: 100%;
+		position: relative;
+		animation: rotate2d 4s linear infinite;
+		transform-origin: center center;
+	}
+
+	@keyframes rotate2d {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	.cube-face {
+		position: absolute;
+		width: 60px;
+		height: 60px;
+		border: 2px solid rgb(249 115 22);
+		opacity: 0.9;
+		pointer-events: none !important;
+		background: linear-gradient(
+			135deg,
+			rgba(249, 115, 22, 0.8),
+			rgba(251, 146, 60, 0.6)
+		);
+	}
+
+	.cube-face.front {
+		top: 0;
+		left: 0;
+	}
+
+	.cube-face.back {
+		top: 0;
+		left: 0;
+		opacity: 0.3;
+	}
+
+	.cube-face.right {
+		display: none;
+	}
+
+	.cube-face.left {
+		display: none;
+	}
+
+	.cube-face.top {
+		display: none;
+	}
+
+	.cube-face.bottom {
+		display: none;
+	}
+
+	:global(.dark) .gradio-model3d-container {
+		background: linear-gradient(135deg, rgb(38 38 38) 0%, rgb(23 23 23) 100%);
+		border-color: rgb(64 64 64);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniNumber.svelte b/js/_website/src/lib/components/mini/MiniNumber.svelte
new file mode 100644
index 0000000..201f9ab
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniNumber.svelte
@@ -0,0 +1,40 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-4">
+		<input type="number" value="42" class="gradio-number-input" readonly />
+	</div>
+	<a
+		href="/docs/gradio/number"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>Number</a
+	>
+</div>
+
+<style>
+	.gradio-number-input {
+		max-width: 6rem;
+		padding: 0.5rem 0.75rem;
+		border: 1px solid rgb(209 213 219);
+		border-radius: 0.375rem;
+		background-color: white;
+		color: rgb(31 41 55);
+		font-size: 0.875rem;
+		line-height: 1.25rem;
+		transition: all 0.15s ease;
+	}
+
+	.gradio-number-input:focus {
+		outline: none;
+		border-color: rgb(249 115 22);
+		box-shadow: 0 0 0 1px rgb(249 115 22);
+	}
+
+	:global(.dark) .gradio-number-input {
+		border-color: rgb(64 64 64);
+		background-color: rgb(23 23 23);
+		color: rgb(229 231 235);
+	}
+
+	:global(.dark) .gradio-number-input:focus {
+		border-color: rgb(249 115 22);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniPlot.svelte b/js/_website/src/lib/components/mini/MiniPlot.svelte
new file mode 100644
index 0000000..9aeaffe
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniPlot.svelte
@@ -0,0 +1,160 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full px-2">
+		<div
+			class="w-full bg-white dark:bg-neutral-800 rounded border border-gray-300 dark:border-neutral-700 p-2"
+		>
+			<svg viewBox="0 0 140 100" class="w-full h-20">
+				<line
+					x1="15"
+					y1="5"
+					x2="15"
+					y2="80"
+					stroke="currentColor"
+					stroke-width="1"
+					opacity="0.3"
+				/>
+				<line
+					x1="15"
+					y1="80"
+					x2="135"
+					y2="80"
+					stroke="currentColor"
+					stroke-width="1"
+					opacity="0.3"
+				/>
+				<line
+					x1="15"
+					y1="20"
+					x2="135"
+					y2="20"
+					stroke="currentColor"
+					stroke-width="0.5"
+					opacity="0.1"
+				/>
+				<line
+					x1="15"
+					y1="40"
+					x2="135"
+					y2="40"
+					stroke="currentColor"
+					stroke-width="0.5"
+					opacity="0.1"
+				/>
+				<line
+					x1="15"
+					y1="60"
+					x2="135"
+					y2="60"
+					stroke="currentColor"
+					stroke-width="0.5"
+					opacity="0.1"
+				/>
+
+				<defs>
+					<linearGradient id="plot-gradient" x1="0%" y1="0%" x2="0%" y2="100%">
+						<stop
+							offset="0%"
+							style="stop-color:rgb(249 115 22);stop-opacity:0.3"
+						/>
+						<stop
+							offset="100%"
+							style="stop-color:rgb(249 115 22);stop-opacity:0"
+						/>
+					</linearGradient>
+				</defs>
+
+				<polygon
+					points="20,65 35,50 55,58 75,35 95,40 115,25 115,80 20,80"
+					fill="url(#plot-gradient)"
+				/>
+				<polyline
+					points="20,65 35,50 55,58 75,35 95,40 115,25"
+					fill="none"
+					stroke="rgb(249 115 22)"
+					stroke-width="2"
+				/>
+
+				{#each [[20, 65], [35, 50], [55, 58], [75, 35], [95, 40], [115, 25]] as [x, y]}
+					<circle cx={x} cy={y} r="2" fill="rgb(249 115 22)" />
+				{/each}
+
+				<line
+					x1="15"
+					y1="80"
+					x2="15"
+					y2="82"
+					stroke="currentColor"
+					stroke-width="0.5"
+					opacity="0.3"
+				/>
+				<line
+					x1="55"
+					y1="80"
+					x2="55"
+					y2="82"
+					stroke="currentColor"
+					stroke-width="0.5"
+					opacity="0.3"
+				/>
+				<line
+					x1="95"
+					y1="80"
+					x2="95"
+					y2="82"
+					stroke="currentColor"
+					stroke-width="0.5"
+					opacity="0.3"
+				/>
+				<line
+					x1="135"
+					y1="80"
+					x2="135"
+					y2="82"
+					stroke="currentColor"
+					stroke-width="0.5"
+					opacity="0.3"
+				/>
+
+				<!-- Axis labels -->
+				<text
+					x="15"
+					y="92"
+					font-size="6"
+					fill="currentColor"
+					opacity="0.5"
+					text-anchor="middle">0</text
+				>
+				<text
+					x="55"
+					y="92"
+					font-size="6"
+					fill="currentColor"
+					opacity="0.5"
+					text-anchor="middle">5</text
+				>
+				<text
+					x="95"
+					y="92"
+					font-size="6"
+					fill="currentColor"
+					opacity="0.5"
+					text-anchor="middle">10</text
+				>
+				<text
+					x="135"
+					y="92"
+					font-size="6"
+					fill="currentColor"
+					opacity="0.5"
+					text-anchor="middle">15</text
+				>
+			</svg>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/plot"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Plot
+	</a>
+</div>
diff --git a/js/_website/src/lib/components/mini/MiniRadio.svelte b/js/_website/src/lib/components/mini/MiniRadio.svelte
new file mode 100644
index 0000000..7743d97
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniRadio.svelte
@@ -0,0 +1,95 @@
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full">
+		<div class="gradio-radio-group">
+			<label class="gradio-radio-item">
+				<input type="radio" name="radio-demo" class="gradio-radio" checked />
+				<span class="gradio-radio-label">Option 1</span>
+			</label>
+			<label class="gradio-radio-item">
+				<input type="radio" name="radio-demo" class="gradio-radio" />
+				<span class="gradio-radio-label">Option 2</span>
+			</label>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/radio"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+		>Radio</a
+	>
+</div>
+
+<style>
+	.gradio-radio-group {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+
+	.gradio-radio-item {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+		cursor: pointer;
+	}
+
+	.gradio-radio {
+		appearance: none;
+		-webkit-appearance: none;
+		width: 1rem;
+		height: 1rem;
+		border: 1px solid rgb(209 213 219);
+		border-radius: 50%;
+		background-color: white;
+		flex-shrink: 0;
+		cursor: pointer;
+		position: relative;
+		transition: all 0.15s ease;
+	}
+
+	.gradio-radio:hover {
+		border-color: rgb(209 213 219);
+		background-color: rgb(249 250 251);
+	}
+
+	.gradio-radio:checked {
+		border-color: rgb(249 115 22);
+		background-color: white;
+	}
+
+	.gradio-radio:checked::after {
+		content: "";
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 0.5rem;
+		height: 0.5rem;
+		background-color: rgb(249 115 22);
+		border-radius: 50%;
+	}
+
+	.gradio-radio-label {
+		color: rgb(31 41 55);
+		font-size: 0.875rem;
+		line-height: 1.25rem;
+	}
+
+	:global(.dark) .gradio-radio {
+		border-color: rgb(64 64 64);
+		background-color: rgb(23 23 23);
+	}
+
+	:global(.dark) .gradio-radio:hover {
+		border-color: rgb(82 82 82);
+		background-color: rgb(38 38 38);
+	}
+
+	:global(.dark) .gradio-radio:checked {
+		border-color: rgb(249 115 22);
+		background-color: rgb(23 23 23);
+	}
+
+	:global(.dark) .gradio-radio-label {
+		color: rgb(229 231 235);
+	}
+</style>
diff --git a/js/_website/src/lib/components/mini/MiniSlider.svelte b/js/_website/src/lib/components/mini/MiniSlider.svelte
new file mode 100644
index 0000000..11d719c
--- /dev/null
+++ b/js/_website/src/lib/components/mini/MiniSlider.svelte
@@ -0,0 +1,109 @@
+<script lang="ts">
+	let slider_value = 50;
+
+	function handle_slider_input(e: Event) {
+		slider_value = parseInt((e.target as HTMLInputElement).value);
+	}
+</script>
+
+<div class="flex flex-col items-center w-full h-full pb-2">
+	<div class="flex-1 flex items-center justify-center w-full">
+		<div class="w-full px-4">
+			<div class="flex items-center gap-2">
+				<span class="text-xs text-gray-500 dark:text-gray-400">0</span>
+				<input
+					type="range"
+					min="0"
+					max="100"
+					value={slider_value}
+					on:input={handle_slider_input}
+					class="gradio-slider flex-1"
+					style="--range-progress: {slider_value}%"
+				/>
+				<span class="text-xs text-gray-500 dark:text-gray-400">100</span>
+			</div>
+		</div>
+	</div>
+	<a
+		href="/docs/gradio/slider"
+		class="text-xs text-gray-500 dark:text-gray-400 font-medium mt-2 hover:text-orange-500 transition-colors"
+	>
+		Slider
+	</a>
+</div>
+
+<style>
+	.gradio-slider {
+		-webkit-appearance: none;
+		appearance: none;
+		width: 100%;
+		cursor: pointer;
+		outline: none;
+		border-radius: 9999px;
+		background: transparent;
+		height: 0.5rem;
+	}
+
+	.gradio-slider::-webkit-slider-runnable-track {
+		height: 0.5rem;
+		border-radius: 9999px;
+		background: linear-gradient(
+			to right,
+			rgb(249 115 22) var(--range-progress),
+			rgb(229 231 235) var(--range-progress)
+		);
+	}
+
+	:global(.dark) .gradio-slider::-webkit-slider-runnable-track {
+		background: linear-gradient(
+			to right,
+			rgb(249 115 22) var(--range-progress),
+			rgb(64 64 64) var(--range-progress)
+		);
+	}
+
+	.gradio-slider::-webkit-slider-thumb {
+		-webkit-appearance: none;
+		appearance: none;
+		height: 1rem;
+		width: 1rem;
+		background-color: white;
+		border-radius: 50%;
+		margin-top: -4px;
+		box-shadow:
+			0 0 0 1px rgba(247, 246, 246, 0.739),
+			1px 1px 4px rgba(0, 0, 0, 0.1);
+		cursor: pointer;
+	}
+
+	/* Firefox track */
+	.gradio-slider::-moz-range-track {
+		height: 0.5rem;
+		background: rgb(229 231 235);
+		border-radius: 9999px;
+	}
+
+	:global(.dark) .gradio-slider::-moz-range-track {
+		background: rgb(64 64 64);
+	}
+
+	.gradio-slider::-moz-range-thumb {
+		appearance: none;
+		height: 1rem;
+		width: 1rem;
+		background-color: white;
+		border-radius: 50%;
+		border: none;
+		box-shadow:
+			0 0 0 1px rgba(247, 246, 246, 0.739),
+			1px 1px 4px rgba(0, 0, 0, 0.1);
+		cursor: pointer;
+	}
+
+	/* Firefox progress */
+	.gradio-slider::-moz-range-progress {
+		height: 0.5rem;
+		background-color: rgb(249 115 22);
+		border-radius: 9999px;
+	}
+</style>
diff --git a/js/_website/src/lib/components/search/SearchIcon.svelte b/js/_website/src/lib/components/search/SearchIcon.svelte
new file mode 100644
index 0000000..794e57a
--- /dev/null
+++ b/js/_website/src/lib/components/search/SearchIcon.svelte
@@ -0,0 +1,15 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="20"
+	height="20"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<title>Search</title>
+	<circle cx="11" cy="11" r="8" />
+	<path d="m21 21-4.3-4.3" />
+</svg>
diff --git a/js/_website/src/lib/components/search/index.ts b/js/_website/src/lib/components/search/index.ts
new file mode 100644
index 0000000..ffa4a4e
--- /dev/null
+++ b/js/_website/src/lib/components/search/index.ts
@@ -0,0 +1 @@
+export { default } from "./search.svelte";
diff --git a/js/_website/src/lib/components/search/search-worker.ts b/js/_website/src/lib/components/search/search-worker.ts
new file mode 100644
index 0000000..db2ff65
--- /dev/null
+++ b/js/_website/src/lib/components/search/search-worker.ts
@@ -0,0 +1,17 @@
+import { create_pages_index, search_pages_index } from "./search";
+
+addEventListener("message", async (e) => {
+	const { type, payload } = e.data;
+
+	if (type === "load") {
+		const posts = await fetch("/search-api").then((res) => res.json());
+		create_pages_index(posts);
+		postMessage({ type: "ready" });
+	}
+
+	if (type === "search") {
+		const search_term = payload.search_term;
+		const results = search_pages_index(search_term);
+		postMessage({ type: "results", payload: { results, search_term } });
+	}
+});
diff --git a/js/_website/src/lib/components/search/search.svelte b/js/_website/src/lib/components/search/search.svelte
new file mode 100644
index 0000000..641a71b
--- /dev/null
+++ b/js/_website/src/lib/components/search/search.svelte
@@ -0,0 +1,382 @@
+<script lang="ts">
+	import Search_Worker from "./search-worker?worker";
+	import SearchIcon from "./SearchIcon.svelte";
+	import { onNavigate } from "$app/navigation";
+	import type { Result } from "./search";
+	import { browser } from "$app/environment";
+
+	let search: "idle" | "load" | "ready" = "idle";
+	let search_term = "";
+	let results: Result[] = [];
+	let search_worker: Worker;
+
+	function initialize() {
+		open = true;
+		if (search === "ready") return;
+		search = "load";
+		search_worker = new Search_Worker();
+		search_worker.addEventListener("message", (e) => {
+			const { type, payload } = e.data;
+			type === "ready" && (search = "ready");
+			type === "results" && (results = payload.results);
+		});
+		search_worker.postMessage({ type: "load" });
+	}
+
+	let open: boolean = false;
+
+	onNavigate(() => {
+		open = false;
+	});
+
+	$: if (search === "ready") {
+		search_worker.postMessage({ type: "search", payload: { search_term } });
+	}
+
+	$: if (search_term && !open) {
+		search_term = "";
+	}
+
+	let content_elem: HTMLElement;
+	let search_button_elem: HTMLElement;
+
+	function focus_input(el: HTMLInputElement) {
+		el.focus();
+	}
+
+	function get_os(): string {
+		// @ts-ignore - userAgentData is not yet in the TS types as it is currently experimental
+		if (typeof navigator !== "undefined") {
+			const userAgent = navigator.userAgent.toLowerCase();
+			if (userAgent.indexOf("win") > -1) return "Windows";
+			if (userAgent.indexOf("mac") > -1) return "MacOS";
+			if (userAgent.indexOf("linux") > -1) return "Linux";
+			if (userAgent.indexOf("android") > -1) return "Android";
+			if (userAgent.indexOf("iphone") > -1 || userAgent.indexOf("ipad") > -1)
+				return "iOS";
+		}
+		return "Unknown";
+	}
+
+	let meta_key = "⌘";
+
+	$: if (browser && navigator) {
+		let os = get_os();
+		meta_key = os === "MacOS" || os === "iOS" ? "⌘" : "CTRL+";
+	}
+
+	function handle_key_down(e: KeyboardEvent): void {
+		if (e.ctrlKey || e.metaKey) {
+			if (e.key === "k" || e.key === "K") {
+				e.preventDefault();
+				initialize();
+			}
+		}
+		if (e.key === "Escape") {
+			open = false;
+		}
+		if ((e.key === "ArrowUp" || e.key === "ArrowDown") && open) {
+			e.preventDefault();
+			const current = document.activeElement;
+			const items = [...document.getElementsByClassName("res-block")];
+
+			const current_index = current ? items.indexOf(current) : -1;
+			let new_index;
+			if (current_index === -1) {
+				new_index = 1;
+			} else {
+				if (e.key === "ArrowUp") {
+					new_index = (current_index + items.length - 1) % items.length;
+				} else {
+					new_index = (current_index + 1) % items.length;
+				}
+			}
+
+			(current as HTMLElement).blur();
+
+			const newElement = items[new_index] as HTMLElement;
+			if (newElement) {
+				newElement.focus();
+				document
+					.querySelectorAll(".res-block")
+					.forEach((el) => el.classList.remove("first-res"));
+			}
+		}
+		const search_input = document.getElementById(
+			"search-input"
+		) as HTMLInputElement;
+		const first_result = document.querySelector(".res-block") as HTMLElement;
+		if (e.key === "Enter" && document.activeElement === search_input) {
+			first_result.click();
+		}
+	}
+
+	function on_click(e: MouseEvent) {
+		if (content_elem) {
+			if (!content_elem.contains(e.target as Node) && open) {
+				open = false;
+			}
+		} else {
+			if (search_button_elem.contains(e.target as Node)) {
+				initialize();
+			}
+		}
+	}
+
+	$: if (browser && document.querySelector(".res-block")) {
+		document.querySelector(".res-block")?.classList.add("first-res");
+	}
+</script>
+
+<svelte:window on:keydown={handle_key_down} on:click={on_click} />
+
+<button class="search-button" bind:this={search_button_elem}>
+	<span class="text-gray-700 dark:text-gray-300 text-sm">Search</span>
+	<span
+		class="shortcut text-xs opacity-70 text-gray-700 dark:text-gray-300 ml-2"
+	>
+		{meta_key}K
+	</span>
+</button>
+
+{#if open}
+	<div class="overlay" />
+	<div class="content bg-white dark:bg-neutral-900" bind:this={content_elem}>
+		<div
+			class="search-bar border-b border-gray-100 dark:border-neutral-800 text-gray-500 dark:text-gray-400"
+		>
+			{#if search === "load"}
+				<div class="loader"></div>
+			{:else}
+				<SearchIcon />
+			{/if}
+			<input
+				bind:value={search_term}
+				placeholder="What are you searching for?"
+				autocomplete="off"
+				autocorrect="off"
+				autocapitalize="off"
+				enterkeyhint="go"
+				maxlength="64"
+				spellcheck="false"
+				type="search"
+				use:focus_input
+				id="search-input"
+				class="text-black dark:text-white !bg-transparent"
+			/>
+			<button
+				on:click={() => {
+					open = false;
+				}}
+				class="text-xs font-semibold rounded-md p-1 border-gray-300 dark:border-neutral-700 border bg-white dark:bg-neutral-800 text-gray-700 dark:text-gray-300"
+			>
+				ESC
+			</button>
+		</div>
+		<div class="results">
+			{#if results.length}
+				<ul>
+					{#each results as result, i}
+						{#if result.content.length > 0}
+							<li>
+								<a
+									class="res-block"
+									class:first-res={i === 0}
+									href={result.slug}
+								>
+									<p
+										class:text-green-700={result.type == "DOCS"}
+										class:dark:text-green-400={result.type == "DOCS"}
+										class:bg-green-100={result.type == "DOCS"}
+										class:dark:bg-green-900={result.type == "DOCS"}
+										class:text-orange-700={result.type == "GUIDE"}
+										class:dark:text-orange-400={result.type == "GUIDE"}
+										class:bg-orange-100={result.type == "GUIDE"}
+										class:dark:bg-orange-900={result.type == "GUIDE"}
+										class="float-left text-xs font-semibold rounded-md p-1 px-2 mx-1 mt-[3px]"
+									>
+										{result.type}
+									</p>
+									<div class="float-right">
+										<div class="enter">↵</div>
+									</div>
+									<p>{@html result.title}</p>
+									<ol>
+										{#each result.content as content}
+											<li class="res-content">{@html content}</li>
+										{/each}
+									</ol>
+								</a>
+							</li>
+						{/if}
+					{/each}
+				</ul>
+			{:else}
+				{#if search_term}
+					{#if search === "load"}
+						<p class="mx-auto w-fit text-gray-500 dark:text-gray-400">
+							Searching for results...
+						</p>
+					{:else}
+						<p class="mx-auto w-fit text-gray-500 dark:text-gray-400">
+							No results found. Try using a different term.
+						</p>
+					{/if}
+				{/if}
+				<ul>
+					<p class="text-gray-900 dark:text-gray-100">Suggestions</p>
+					<li>
+						<a class="res-block first-res" href="/quickstart">
+							<p
+								class="float-left text-xs mx-1 font-semibold text-orange-700 dark:text-orange-400 bg-orange-100 dark:bg-orange-900 rounded-md p-1 px-2 mt-[3px]"
+							>
+								GUIDE
+							</p>
+							<div class="float-right">
+								<div class="enter">↵</div>
+							</div>
+							<p>Quickstart</p>
+						</a>
+					</li>
+					<li>
+						<a class="res-block" href="/docs/gradio/interface">
+							<p
+								class="float-left text-xs font-semibold text-green-700 dark:text-green-400 bg-green-100 dark:bg-green-900 rounded-md p-1 px-2 mx-1 mt-[3px]"
+							>
+								DOCS
+							</p>
+							<div class="float-right">
+								<div class="enter">↵</div>
+							</div>
+							<p>Interface</p>
+						</a>
+					</li>
+					<li>
+						<a class="res-block" href="/docs/gradio/blocks">
+							<p
+								class="float-left text-xs font-semibold text-green-700 dark:text-green-400 bg-green-100 dark:bg-green-900 rounded-md p-1 px-2 mx-1 mt-[3px]"
+							>
+								DOCS
+							</p>
+							<div class="float-right">
+								<div class="enter">↵</div>
+							</div>
+							<p>Blocks</p>
+						</a>
+					</li>
+				</ul>
+			{/if}
+		</div>
+	</div>
+{/if}
+
+<style>
+	@reference "../../assets/style.css";
+
+	.overlay {
+		@apply fixed inset-0 z-30 backdrop-blur-sm bg-black/20;
+	}
+
+	.search-bar {
+		@apply font-sans text-lg z-10 px-4 relative flex flex-none items-center;
+	}
+
+	.search-bar input {
+		@apply text-lg appearance-none h-14 mx-1	flex-auto min-w-0 border-none cursor-text;
+		outline: none;
+		box-shadow: none;
+	}
+
+	.content {
+		@apply fixed left-1/2 top-[7%] -translate-x-1/2 mx-auto w-[95vw] max-w-3xl flex flex-col min-h-0 rounded-lg shadow-2xl z-40;
+	}
+
+	.results {
+		@apply p-5 overflow-y-auto;
+		max-height: 60vh;
+		scrollbar-width: thin;
+
+		& ol {
+			margin-block-start: 2px;
+		}
+
+		& li:not(:last-child) {
+			margin-block-end: 4px;
+			padding-block-end: 4px;
+		}
+
+		& a {
+			display: block;
+		}
+	}
+
+	.search-button {
+		@apply flex flex-row rounded-lg items-center cursor-pointer px-4 py-1.5 bg-transparent hover:bg-white/10 border text-sm outline-none font-sans transition-colors;
+		--tw-border-opacity: 1;
+		border-color: rgb(229 231 235 / var(--tw-border-opacity));
+	}
+
+	:global(.dark) .search-button {
+		border-color: rgb(64 64 68 / var(--tw-border-opacity));
+	}
+
+	:global(.res-content .mark) {
+		color: #ff7c00;
+		text-decoration: underline;
+	}
+	:global(.res-content) {
+		@apply text-gray-500;
+	}
+	:global(.dark .res-content) {
+		@apply text-gray-400;
+	}
+	:global(.res-block) {
+		@apply m-2 p-2 border border-gray-100 rounded-md bg-gray-50 hover:bg-gray-100 hover:scale-[1.01] focus:bg-gray-100 focus:scale-[1.01] focus:outline-none;
+	}
+	:global(.dark .res-block) {
+		@apply border-neutral-800 bg-neutral-800 hover:bg-neutral-700 focus:bg-neutral-700;
+	}
+	:global(.first-res) {
+		@apply bg-gray-100 scale-[1.01];
+	}
+	:global(.dark .first-res) {
+		@apply bg-neutral-700;
+	}
+
+	:global(.res-block:focus .enter) {
+		display: block !important;
+	}
+	:global(.first-res .enter) {
+		display: block !important;
+	}
+
+	.enter {
+		display: none;
+	}
+
+	.enter {
+		@apply text-xs font-semibold rounded-md p-1 border-gray-300 border text-gray-500 font-sans bg-white;
+	}
+
+	:global(.dark) .enter {
+		@apply border-neutral-700 text-gray-300 bg-neutral-800;
+	}
+
+	.loader {
+		border: 1px solid #d0cfcf;
+		border-top: 2px solid #475469;
+		border-radius: 50%;
+		width: 15px;
+		height: 15px;
+		animation: spin 1.2s linear infinite;
+	}
+
+	@keyframes spin {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+</style>
diff --git a/js/_website/src/lib/components/search/search.ts b/js/_website/src/lib/components/search/search.ts
new file mode 100644
index 0000000..6cda2fa
--- /dev/null
+++ b/js/_website/src/lib/components/search/search.ts
@@ -0,0 +1,71 @@
+import FlexSearch from "flexsearch";
+
+export type Page = {
+	content: string;
+	slug: string;
+	title: string;
+	type: string;
+};
+
+export type Result = {
+	content: string[];
+	slug: string;
+	title: string;
+	type?: string;
+};
+
+let pages_index: FlexSearch.Index;
+let pages: Page[];
+
+export function create_pages_index(data: Page[]) {
+	pages_index = new FlexSearch.Index({ tokenize: "forward" });
+
+	data.forEach((page, i) => {
+		const item = `${page.title} ${page.content}`;
+		pages_index.add(i, item);
+	});
+
+	pages = data;
+}
+
+export function search_pages_index(search_term: string) {
+	const match = search_term.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	const results = pages_index.search(match);
+	return results
+		.map((index) => pages[index as number])
+		.map(({ slug, title, content, type }) => {
+			return {
+				slug,
+				title: replace_text_with_marker(title, match),
+				content: get_matches(content, match),
+				type
+			};
+		});
+}
+
+function replace_text_with_marker(text: string, match: string) {
+	const regex = new RegExp(match, "gi");
+	return text.replaceAll(
+		regex,
+		(match) => `<span class='mark'>${match}</span>`
+	);
+}
+
+function get_matches(text: string, search_term: string, limit = 1) {
+	const regex = new RegExp(search_term, "gi");
+	const indexes = [];
+	let matches = 0;
+	let match;
+
+	while ((match = regex.exec(text)) !== null && matches < limit) {
+		indexes.push(match.index);
+		matches++;
+	}
+
+	return indexes.map((index) => {
+		const start = index - 20;
+		const end = index + 80;
+		const excerpt = text.substring(start, end).trim();
+		return `...${replace_text_with_marker(excerpt, search_term)}...`;
+	});
+}
diff --git a/js/_website/src/lib/icons/Close.svelte b/js/_website/src/lib/icons/Close.svelte
new file mode 100644
index 0000000..fc4a558
--- /dev/null
+++ b/js/_website/src/lib/icons/Close.svelte
@@ -0,0 +1,19 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 5 5"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	xml:space="preserve"
+	style="fill:currentColor;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
+>
+	<g>
+		<path
+			d="M3.789,0.09C3.903,-0.024 4.088,-0.024 4.202,0.09L4.817,0.705C4.931,0.819 4.931,1.004 4.817,1.118L1.118,4.817C1.004,4.931 0.819,4.931 0.705,4.817L0.09,4.202C-0.024,4.088 -0.024,3.903 0.09,3.789L3.789,0.09Z"
+		/>
+		<path
+			d="M4.825,3.797C4.934,3.907 4.934,4.084 4.825,4.193L4.193,4.825C4.084,4.934 3.907,4.934 3.797,4.825L0.082,1.11C-0.027,1.001 -0.027,0.823 0.082,0.714L0.714,0.082C0.823,-0.027 1.001,-0.027 1.11,0.082L4.825,3.797Z"
+		/>
+	</g>
+</svg>
diff --git a/js/_website/src/lib/icons/CopyButton.svelte b/js/_website/src/lib/icons/CopyButton.svelte
new file mode 100644
index 0000000..c948a25
--- /dev/null
+++ b/js/_website/src/lib/icons/CopyButton.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	import { svgCopy, svgCheck } from "$lib/assets/copy.js";
+
+	export let content: string = "";
+
+	let copied = false;
+	async function copy() {
+		await navigator.clipboard.writeText(content);
+		copied = true;
+		setTimeout(() => (copied = false), 2000);
+	}
+</script>
+
+<button on:click={copy} role="button" tabindex={0}>
+	{#if !copied}
+		{@html svgCopy}
+	{:else}
+		{@html svgCheck}
+	{/if}
+</button>
diff --git a/js/_website/src/lib/prism.ts b/js/_website/src/lib/prism.ts
new file mode 100644
index 0000000..8fb3248
--- /dev/null
+++ b/js/_website/src/lib/prism.ts
@@ -0,0 +1,57 @@
+import Prism from "prismjs";
+import "prismjs/components/prism-python";
+import "prismjs/components/prism-bash";
+import "prismjs/components/prism-json";
+import "prismjs/components/prism-typescript";
+import "prismjs/components/prism-javascript";
+import "prismjs/components/prism-csv";
+import "prismjs/components/prism-markup";
+import "prism-svelte";
+
+(globalThis as any).Prism = Prism;
+
+Prism.languages.insertBefore("python", "keyword", {
+	namespace: { pattern: /\b[a-zA-Z_]\w*(?=\.)/ },
+	"function-call": { pattern: /\b[a-zA-Z_]\w*(?=\s*\()/ },
+	"keyword-argument": {
+		pattern: /\b[a-zA-Z_]\w*(?=\s*=(?!=))/,
+		alias: "attr-name"
+	},
+	decorator: {
+		pattern: /(^[\t ]*)@\w+(?:\.\w+)*/m,
+		lookbehind: true,
+		alias: "annotation"
+	},
+	"builtin-constant": {
+		pattern: /\b(?:True|False|None|self|cls)\b/,
+		alias: "constant"
+	}
+});
+
+const langs: Record<string, string> = {
+	python: "python",
+	py: "python",
+	bash: "bash",
+	shell: "bash",
+	csv: "csv",
+	html: "html",
+	json: "json",
+	typescript: "typescript",
+	ts: "typescript",
+	javascript: "javascript",
+	js: "javascript",
+	directory: "json",
+	svelte: "svelte",
+	sv: "svelte",
+	md: "markdown",
+	css: "css"
+};
+
+function highlight(code: string, lang: string | null | undefined): string {
+	const _lang = langs[lang || ""] || "";
+	const grammar = Prism.languages[_lang] || Prism.languages.plaintext;
+	const highlighted = Prism.highlight(code, grammar, _lang || "plaintext");
+	return `<div class="codeblock"><pre class="gradio-code" data-lang="${lang}"><code>${highlighted}</code></pre></div>`;
+}
+
+export { Prism, langs, highlight };
diff --git a/js/_website/src/lib/stores/theme.ts b/js/_website/src/lib/stores/theme.ts
new file mode 100644
index 0000000..3b56ad7
--- /dev/null
+++ b/js/_website/src/lib/stores/theme.ts
@@ -0,0 +1,45 @@
+import { writable, get } from "svelte/store";
+
+export type Theme = "light" | "dark";
+
+function get_initial_theme(): Theme {
+	if (typeof window === "undefined") return "light";
+
+	const stored = localStorage.getItem("theme") as Theme | null;
+	if (stored) return stored;
+
+	return window.matchMedia("(prefers-color-scheme: dark)").matches
+		? "dark"
+		: "light";
+}
+
+function apply_theme(theme: Theme): void {
+	if (typeof window === "undefined") return;
+
+	localStorage.setItem("theme", theme);
+	document.documentElement.classList.toggle("dark", theme === "dark");
+}
+
+function createThemeStore() {
+	const initial_theme = get_initial_theme();
+	const store = writable<Theme>(initial_theme);
+	const { subscribe, set } = store;
+
+	apply_theme(initial_theme);
+
+	return {
+		subscribe,
+		toggle: () => {
+			const current = get(store);
+			const new_theme: Theme = current === "light" ? "dark" : "light";
+			apply_theme(new_theme);
+			set(new_theme);
+		},
+		set: (theme: Theme) => {
+			apply_theme(theme);
+			set(theme);
+		}
+	};
+}
+
+export const theme = createThemeStore();
diff --git a/js/_website/src/lib/templates/gradio/01_building-demos/01_interface.svx b/js/_website/src/lib/templates/gradio/01_building-demos/01_interface.svx
new file mode 100644
index 0000000..c3c9654
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/01_building-demos/01_interface.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts" context="module">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("interface");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Interface(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def image_classifier(inp):
+    return {'cat': 0.3, 'dog': 0.7}
+
+demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label")
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/01_building-demos/02_chatinterface.svx b/js/_website/src/lib/templates/gradio/01_building-demos/02_chatinterface.svx
new file mode 100644
index 0000000..20f3ffe
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/01_building-demos/02_chatinterface.svx
@@ -0,0 +1,87 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("chatinterface");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.ChatInterface(fn, ···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+### Example Usage
+
+**Basic Example**: A chatbot that echoes back the users's message
+
+```python
+import gradio as gr
+
+def echo(message, history):
+    return message
+
+demo = gr.ChatInterface(fn=echo, examples=["hello", "hola", "merhaba"], title="Echo Bot")
+demo.launch()
+```
+
+**Custom Chatbot**: A `gr.ChatInterface` with a custom `gr.Chatbot` that includes a placeholder as well as upvote/downvote buttons. The upvote/downvote buttons are automatically added when a `.like()` event is attached to a `gr.Chatbot`. In order to attach event listeners to your custom chatbot, wrap the `gr.Chatbot` as well as the `gr.ChatInterface` inside of a `gr.Blocks` like this:
+
+```py
+import gradio as gr
+
+def yes(message, history):
+    return "yes"
+
+def vote(data: gr.LikeData):
+    if data.liked:
+        print("You upvoted this response: " + data.value["value"])
+    else:
+        print("You downvoted this response: " + data.value["value"])
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot(placeholder="<strong>Your Personal Yes-Man</strong><br>Ask Me Anything")
+    chatbot.like(vote, None, None)
+    gr.ChatInterface(fn=yes, chatbot=chatbot)
+    
+demo.launch()
+```
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/01_building-demos/03_tabbedinterface.svx b/js/_website/src/lib/templates/gradio/01_building-demos/03_tabbedinterface.svx
new file mode 100644
index 0000000..b5d2a55
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/01_building-demos/03_tabbedinterface.svx
@@ -0,0 +1,48 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("tabbedinterface");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.TabbedInterface(interface_list, ···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/01_building-demos/04_blocks.svx b/js/_website/src/lib/templates/gradio/01_building-demos/04_blocks.svx
new file mode 100644
index 0000000..1f039d4
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/01_building-demos/04_blocks.svx
@@ -0,0 +1,69 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("blocks");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+with gradio.Blocks():
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+def update(name):
+    return f"Welcome to Gradio, {name}!"
+
+with gr.Blocks() as demo:
+    gr.Markdown("Start typing below and then click **Run** to see the output.")
+    with gr.Row():
+        inp = gr.Textbox(placeholder="What is your name?")
+        out = gr.Textbox()
+    btn = gr.Button("Run")
+    btn.click(fn=update, inputs=inp, outputs=out)
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/01_building-demos/05_server.svx b/js/_website/src/lib/templates/gradio/01_building-demos/05_server.svx
new file mode 100644
index 0000000..2b53719
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/01_building-demos/05_server.svx
@@ -0,0 +1,66 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("server");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Server(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage -->
+
+{#if obj.example}
+### Example Usage
+```python
+from gradio import Server
+
+app = Server()
+
+@app.api(name="hello")
+def hello(name: str) -> str:
+    return f"Hello {name}"
+
+@app.get("/")
+def root():
+    return {"message": "Hello World"}
+
+app.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/02_blocks-layout/01_render.svx b/js/_website/src/lib/templates/gradio/02_blocks-layout/01_render.svx
new file mode 100644
index 0000000..66ed216
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/02_blocks-layout/01_render.svx
@@ -0,0 +1,69 @@
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("render");
+    let guides = [{url: "/guides/dynamic-apps-with-render-decorator/", pretty_name: "Dynamic Apps with the Render Decorator"}]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+@gr.render(inputs=···)
+def hello(···):
+   ... 
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox(label="Enter text")
+
+    @gr.render(inputs=textbox)
+    def show_message(text):
+        if not text:
+            gr.Markdown("Please enter some text.")
+        else:
+            gr.Markdown(f"You entered: {text}")
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={guides}/>
\ No newline at end of file
diff --git a/js/_website/src/lib/templates/gradio/02_blocks-layout/accordion.svx b/js/_website/src/lib/templates/gradio/02_blocks-layout/accordion.svx
new file mode 100644
index 0000000..aafedf0
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/02_blocks-layout/accordion.svx
@@ -0,0 +1,58 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("accordion");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Accordion(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+with gr.Accordion("See Details"):
+    gr.Markdown("lorem ipsum")
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/02_blocks-layout/column.svx b/js/_website/src/lib/templates/gradio/02_blocks-layout/column.svx
new file mode 100644
index 0000000..cab25ac
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/02_blocks-layout/column.svx
@@ -0,0 +1,64 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("column");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Column(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        with gr.Column(scale=1):
+            text1 = gr.Textbox()
+            text2 = gr.Textbox()
+        with gr.Column(scale=4):
+            btn1 = gr.Button("Button 1")
+            btn2 = gr.Button("Button 2")
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/02_blocks-layout/group.svx b/js/_website/src/lib/templates/gradio/02_blocks-layout/group.svx
new file mode 100644
index 0000000..0e536bf
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/02_blocks-layout/group.svx
@@ -0,0 +1,59 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("group");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Group(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+with gr.Group():
+    gr.Textbox(label="First")
+    gr.Textbox(label="Last")
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/02_blocks-layout/row.svx b/js/_website/src/lib/templates/gradio/02_blocks-layout/row.svx
new file mode 100644
index 0000000..1aeca07
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/02_blocks-layout/row.svx
@@ -0,0 +1,76 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("row");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Row(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        gr.Image("lion.jpg", scale=2)
+        gr.Image("tiger.jpg", scale=1)
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+### Controlling Width 
+
+The widths of elements in a `Row` can be controlled via a combination of `scale` and `min_width` arguments that are present in every component.
+
+- `scale` is an integer that defines how an element will take up space in a `Row`. If `scale` is set to 0, the element will not expand to take up space. If `scale` is set to 1 or greater, the element will expand. Multiple elements in a row will expand proportional to their scale. Below, `btn2` will expand twice as much as `btn1`, while `btn0` will not expand at all:
+
+```python
+with gr.Blocks() as demo:
+    with gr.Row():
+        btn0 = gr.Button("Button 0", scale=0)
+        btn1 = gr.Button("Button 1", scale=1)
+        btn2 = gr.Button("Button 2", scale=2)
+```
+
+- `min_width` will set the minimum width the element will take. The Row will wrap if there isn't sufficient space to satisfy all `min_width` values.
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/02_blocks-layout/tab.svx b/js/_website/src/lib/templates/gradio/02_blocks-layout/tab.svx
new file mode 100644
index 0000000..54a0500
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/02_blocks-layout/tab.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("tab");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Tab(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+with gr.Blocks() as demo:
+    with gr.Tab("Lion"):
+        gr.Image("lion.jpg")
+        gr.Button("New Lion")
+    with gr.Tab("Tiger"):
+        gr.Image("tiger.jpg")
+        gr.Button("New Tiger")
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/02_blocks-layout/walkthrough.svx b/js/_website/src/lib/templates/gradio/02_blocks-layout/walkthrough.svx
new file mode 100644
index 0000000..a023150
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/02_blocks-layout/walkthrough.svx
@@ -0,0 +1,92 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let walkthrough_obj = get_object("walkthrough");
+    let step_obj = get_object("step");
+</script>
+
+<!--- Title -->
+# {walkthrough_obj.name}
+
+<!--- Usage -->
+```python
+gradio.Walkthrough(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(walkthrough_obj.description)}
+
+<!-- Example Usage --> 
+
+{#if walkthrough_obj.example}
+### Example Usage
+```python
+with gr.Walkthrough(selected=1) as walkthrough:
+    with gr.Step("Step 1", id=1):
+        btn = gr.Button("go to Step 2")
+        btn.click(lambda: gr.Walkthrough(selected=2), outputs=walkthrough)
+    with gr.Step("Step 2", id=2):
+        txt = gr.Textbox("Welcome to Step 2")
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={walkthrough_obj.parameters} anchor_links={walkthrough_obj.name}/>
+
+
+{#if walkthrough_obj.demos && walkthrough_obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={walkthrough_obj.demos} />
+{/if}
+
+{#if walkthrough_obj.fns && walkthrough_obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={walkthrough_obj.fns} event_listeners={false} />
+{/if}
+
+{#if walkthrough_obj.guides && walkthrough_obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={walkthrough_obj.guides}/>
+{/if}
+
+<!--- Title -->
+# {step_obj.name}
+
+<!--- Usage -->
+```python
+gradio.Step(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(step_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={step_obj.parameters} anchor_links={step_obj.name}/>
+
+
+{#if step_obj.fns && step_obj.fns.length > 0}
+<!--- Methods -->
+#### Methods 
+<FunctionsSection fns={step_obj.fns} event_listeners={false} />
+{/if}
+
+{#if step_obj.guides && step_obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={step_obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/01_introduction.svx b/js/_website/src/lib/templates/gradio/03_components/01_introduction.svx
new file mode 100644
index 0000000..789e934
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/01_introduction.svx
@@ -0,0 +1,90 @@
+<script lang="ts">
+    import dataflow from "$lib/assets/img/dataflow.svg"
+    import {get_object} from "../../process_json.ts";
+    let components = get_object("components");
+    
+    let components_no_dataclasses = {...components};
+    delete components_no_dataclasses["brush"];
+    delete components_no_dataclasses["eraser"];
+    delete components_no_dataclasses["waveformoptions"];
+    delete components_no_dataclasses["chatmessage"];
+    delete components_no_dataclasses["optiondict"];
+    delete components_no_dataclasses["metadatadict"];
+    delete components_no_dataclasses["layeroptions"];
+    delete components_no_dataclasses["webcamoptions"];
+    delete components_no_dataclasses["inputhtmlattributes"];
+    delete components_no_dataclasses["watermarkoptions"];
+
+    let events = get_object("events");
+    let events_matrix = get_object("events_matrix");
+
+    // $: {
+    //     Object.entries(components_no_dataclasses).forEach(([name, obj]) => {
+    //         if (!events_matrix[obj.name]) {
+    //             console.log(`Component not in events_matrix: ${name}`);
+    //         }
+    //     });
+    // }
+
+</script>
+
+# Components 
+
+### Introduction
+
+## Gradio includes pre-built components that can be used as inputs or outputs in your Interface or Blocks with a single line of code. Components include preprocessing steps that convert user data submitted through browser to something that be can used by a Python function, and postprocessing steps to convert values returned by a Python function into something that can be displayed in a browser.
+
+## Consider an example with three inputs (Textbox, Number, and Image) and two outputs (Number and Gallery), below is a diagram of what our preprocessing will send to the function and what our postprocessing will require from it.
+
+<img src={dataflow} />
+
+### Events
+
+## Components also come with certain events that they support. These are methods that are triggered with user actions. Below is a table showing which events are supported for each component. All events are also listed (with parameters) in the component's docs.
+
+
+<div class="max-h-96 overflow-y-scroll my-6">
+    <table class="table-fixed leading-loose">
+        <thead class="text-center sticky top-0">
+            <tr>
+                <th class="p-3 bg-white w-1/5 sticky left-0" />
+                {#each events as event}
+                    <th class="p-3 font-normal bg-white border-t border-l"
+                        >{event}</th
+                    >
+                {/each}
+            </tr>
+        </thead>
+        <tbody
+            class=" rounded-lg bg-gray-50 border border-gray-100 overflow-hidden text-left align-top divide-y"
+        >
+            {#each Object.entries(components_no_dataclasses) as [name, obj] (name)}
+                <tr class="group hover:bg-gray-200/60">
+                    <th
+                        class="p-3 w-1/5 bg-white sticky z-2 left-0 font-normal"
+                    >
+                        <a href={obj.name.toLowerCase()} class="thin-link"
+                            >{obj.name}</a
+                        >
+                    </th>
+                {#each events as event}
+                        <td class="p-3 text-gray-700 break-words text-center">
+                            {#if events_matrix[obj.name].includes(event.toLowerCase())}
+                                <p class="text-orange-500">&#10003;</p>
+                            {:else}
+                                <p class="text-gray-300">&#10005;</p>
+                            {/if}
+                        </td>
+                    {/each}
+                </tr>
+            {/each}
+        </tbody>
+    </table>
+</div>
+
+
+
+<style>
+
+
+</style>
\ No newline at end of file
diff --git a/js/_website/src/lib/templates/gradio/03_components/annotatedimage.svx b/js/_website/src/lib/templates/gradio/03_components/annotatedimage.svx
new file mode 100644
index 0000000..921258c
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/annotatedimage.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("annotatedimage");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.AnnotatedImage(···)
+```
+
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/audio.svx b/js/_website/src/lib/templates/gradio/03_components/audio.svx
new file mode 100644
index 0000000..1c2d10d
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/audio.svx
@@ -0,0 +1,108 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("audio");
+    let waveform_obj = get_object("waveformoptions");
+    let validator_obj = get_object("is_audio_correct_length")
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Audio(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+<!-- Helper Classes -->
+### Helper Classes 
+<div style="margin-left: 3rem">
+
+<!--- Title -->
+### WaveformOptions
+
+
+<!--- Usage -->
+```python
+gradio.WaveformOptions(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(waveform_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={waveform_obj.parameters} anchor_links={waveform_obj.name}/>
+
+<!--- Title -->
+### is_audio_correct_length
+
+Validates that the audio length is within the specified min and max length (in seconds).
+You can use this to construct a validator that will check if the user-provided audio is either too short or too long.
+
+<!--- Usage -->
+```python
+import gradio as gr
+demo = gr.Interface(
+    lambda x: x,
+    inputs="audio",
+    outputs="audio",
+    validator=lambda audio: gr.validators.is_audio_correct_length(audio, min_length=1, max_length=5)
+)
+demo.launch()
+```
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={validator_obj.parameters} anchor_links={validator_obj.name}/>
+</div>
+
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/barplot.svx b/js/_website/src/lib/templates/gradio/03_components/barplot.svx
new file mode 100644
index 0000000..412e543
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/barplot.svx
@@ -0,0 +1,148 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("barplot");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.BarPlot(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+### Key Concepts
+
+`gr.LinePlot`, `gr.ScatterPlot`, and `gr.BarPlot` all share the same API. Here is a summary of the most important features. For full details and live demos, see the [Creating Plots](/guides/creating-plots) and [Time Plots](/guides/time-plots) guides.
+
+**Basic Usage with a DataFrame**
+
+Pass a `pd.DataFrame` as the value, and specify `x` and `y` column names. The y-axis must be numeric; the x-axis can be strings, numbers, categories, or datetimes.
+
+```python
+import gradio as gr
+import pandas as pd
+
+df = pd.DataFrame({"origin": ["US", "EU", "Asia"], "sales": [120, 95, 180]})
+
+with gr.Blocks() as demo:
+    gr.BarPlot(df, x="origin", y="sales")
+```
+
+**Breaking Out Series by Color**
+
+Use the `color` argument to group bars by a categorical column. Use `color_map` to assign specific colors:
+
+```python
+gr.BarPlot(df, x="origin", y="sales", color="year",
+           color_map={"2023": "#4488FF", "2024": "#FF8844"})
+```
+
+**Aggregating Values**
+
+Use `x_bin` and `y_aggregate` to group and summarize data. For string x-axes, the string values act as category bins automatically. For numeric x-axes, `x_bin` sets the bin size:
+
+```python
+gr.BarPlot(df, x="origin", y="sales", y_aggregate="sum")
+gr.BarPlot(df, x="year", y="sales", x_bin=1, y_aggregate="mean")
+```
+
+For time-series data, pass a string suffix (`"s"`, `"m"`, `"h"`, or `"d"`) to `x_bin`:
+
+```python
+gr.BarPlot(df, x="timestamp", y="sales", x_bin="1d", y_aggregate="sum")
+```
+
+**Interactive Selection and Zoom**
+
+Use the `.select` event listener to respond to region selections (click and drag). Combine with `.double_click` and `x_lim` to implement zoom in/out:
+
+```python
+with gr.Blocks() as demo:
+    plot = gr.BarPlot(df, x="timestamp", y="sales")
+
+    @plot.select
+    def zoom(selection: gr.SelectData):
+        return gr.BarPlot(x_lim=[selection.index[0], selection.index[1]])
+
+    plot.double_click(lambda: gr.BarPlot(x_lim=None), outputs=plot)
+```
+
+**Realtime Data**
+
+Use `gr.Timer` to keep plots updated with live data. You can attach the timer via `every`, or wire it up manually:
+
+```python
+def get_data():
+    return pd.DataFrame(...)  # fetch latest data
+
+with gr.Blocks() as demo:
+    timer = gr.Timer(5)
+    plot = gr.BarPlot(get_data, x="time", y="sales", every=timer)
+```
+
+**Interactive Dashboards**
+
+Plots can be driven by other components (dropdowns, sliders, etc.) to create fully interactive dashboards:
+
+```python
+with gr.Blocks() as demo:
+    year = gr.Dropdown(choices=[2022, 2023, 2024], value=2024)
+    plot = gr.BarPlot(x="origin", y="sales")
+
+    def update(yr):
+        filtered = df[df["year"] == yr]
+        return gr.BarPlot(filtered)
+
+    year.change(update, inputs=year, outputs=plot)
+```
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/button.svx b/js/_website/src/lib/templates/gradio/03_components/button.svx
new file mode 100644
index 0000000..7a4e5b5
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/button.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("button");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Button(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/chatbot.svx b/js/_website/src/lib/templates/gradio/03_components/chatbot.svx
new file mode 100644
index 0000000..4f82996
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/chatbot.svx
@@ -0,0 +1,247 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("chatbot");
+    let chatmessage_obj = get_object("chatmessage");
+    let chatmessage_optiondict = get_object("optiondict");
+    let chatmessage_metadatadict = get_object("metadatadict");
+
+
+    chatmessage_optiondict.parameters = [
+        {
+            "name": "value",
+            "annotation": "str",
+            "doc": "The value to return when the option is selected."
+        },
+        {
+            "name": "label",
+            "annotation": "str",
+            "doc": "The text to display in the option, if different from the value."
+        }
+    ]
+
+    chatmessage_metadatadict.parameters = [
+        {
+            "name": "title",
+            "annotation": "str",
+            "doc": "The title of the 'thought' message. Only required field."
+        },
+        {
+            "name": "id",
+            "annotation": "int | str",
+            "doc": "The ID of the message. Only used for nested thoughts. Nested thoughts can be nested by setting the parent_id to the id of the parent thought."
+        },
+        {
+            "name": "parent_id",
+            "annotation": "int | str",
+            "doc": "The ID of the parent message. Only used for nested thoughts."
+        },
+        {
+            "name": "log",
+            "annotation": "str",
+            "doc": "A string message to display next to the thought title in a subdued font."
+        },
+        {
+            "name": "duration",
+            "annotation": "float",
+            "doc": "The duration of the message in seconds. Appears next to the thought title in a subdued font inside a parentheses."
+        },
+        {
+            "name": "status",
+            "annotation": "Literal['pending', 'done']",
+            "doc": "if set to `'pending'`, a spinner appears next to the thought title and the accordion is initialized open.  If `status` is `'done'`, the thought accordion is initialized closed. If `status` is not provided, the thought accordion is initialized open and no spinner is displayed."
+        }
+    ]
+
+
+    let embedded_demo_obj = `[
+        {"role": "user", "content": "Hello World"},
+        {"role": "assistant", "content": "Hey Gradio!"},
+        {"role": "user", "content": "❤️"},
+        {"role": "assistant", "content": "😍"}
+    ]`
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Chatbot(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+The Chatbot component accepts a list of messages, where each message is a dictionary with `role` and `content` keys. This format is compatible with the message format expected by most LLM APIs (OpenAI, Claude, HuggingChat, etc.), making it easy to pipe model outputs directly into the component.
+
+The `role` key should be either `'user'` or `'assistant'`, and the `content` key can be a string (rendered as markdown/HTML) or a Gradio component (useful for displaying files, images, plots, and other media).
+
+As an example:
+
+```python
+import gradio as gr
+
+history = [
+    {"role": "assistant", "content": "I am happy to provide you that report and plot."},
+    {"role": "assistant", "content": gr.Plot(value=make_plot_from_file('quaterly_sales.txt'))}
+]
+
+with gr.Blocks() as demo:
+    gr.Chatbot(history)
+
+demo.launch()
+```
+
+For convenience, you can use the `ChatMessage` dataclass so that your text editor can give you autocomplete hints and typechecks.
+
+```python
+import gradio as gr
+
+history = [
+    gr.ChatMessage(role="assistant", content="How can I help you?"),
+    gr.ChatMessage(role="user", content="Can you make me a plot of quarterly sales?"),
+    gr.ChatMessage(role="assistant", content="I am happy to provide you that report and plot.")
+]
+
+with gr.Blocks() as demo:
+    gr.Chatbot(history)
+
+demo.launch()
+```
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+### Examples
+
+**Displaying Thoughts/Tool Usage**
+
+You can provide additional metadata regarding any tools used to generate the response.
+This is useful for displaying the thought process of LLM agents. For example,
+
+```python
+def generate_response(history):
+    history.append(
+        ChatMessage(role="assistant",
+                    content="The weather API says it is 20 degrees Celcius in New York.",
+                    metadata={"title": "🛠️ Used tool Weather API"})
+        )
+    return history
+```
+
+Would be displayed as following:
+
+<img src="https://github.com/user-attachments/assets/c1514bc9-bc29-4af1-8c3f-cd4a7c2b217f" alt="Gradio chatbot tool display">
+
+You can also specify metadata with a plain python dictionary,
+
+```python
+def generate_response(history):
+    history.append(
+        dict(role="assistant",
+             content="The weather API says it is 20 degrees Celcius in New York.",
+             metadata={"title": "🛠️ Used tool Weather API"})
+        )
+    return history
+```
+
+**Using Gradio Components Inside `gr.Chatbot`**
+
+The `Chatbot` component supports using many of the core Gradio components (such as `gr.Image`, `gr.Plot`, `gr.Audio`, and `gr.HTML`) inside of the chatbot. Simply include one of these components as the `content` of a message. Here's an example:
+
+```py
+import gradio as gr
+
+def load():
+    return [
+        {"role": "user", "content": "Can you show me some media?"},
+        {"role": "assistant", "content": "Here's an audio clip:"},
+        {"role": "assistant", "content": gr.Audio("https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/audio/audio_sample.wav")},
+        {"role": "assistant", "content": "And here's a video:"},
+        {"role": "assistant", "content": gr.Video("https://github.com/gradio-app/gradio/raw/main/gradio/media_assets/videos/world.mp4")}
+    ]
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    button = gr.Button("Load audio and video")
+    button.click(load, None, chatbot)
+
+demo.launch()
+```
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+<!-- Helper Classes -->
+### Helper Classes 
+<div style="margin-left: 3rem">
+
+<!--- Title -->
+### ChatMessage
+
+
+<!--- Usage -->
+```python
+gradio.ChatMessage(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(chatmessage_obj.description)}
+
+<ParamTable parameters={chatmessage_obj.parameters} anchor_links={chatmessage_obj.name} />
+
+<!--- Title -->
+### MetadataDict
+
+## {@html style_formatted_text(chatmessage_metadatadict.description)}
+
+<ParamTable parameters={chatmessage_metadatadict.parameters} header="Keys" anchor_links={chatmessage_metadatadict.name} />
+
+<!--- Title -->
+### OptionDict
+
+## {@html style_formatted_text(chatmessage_optiondict.description)}
+
+<ParamTable parameters={chatmessage_optiondict.parameters} header="Keys" anchor_links={chatmessage_optiondict.name} />
+
+</div>
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/checkbox.svx b/js/_website/src/lib/templates/gradio/03_components/checkbox.svx
new file mode 100644
index 0000000..4e8fef0
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/checkbox.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("checkbox");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Checkbox(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/checkboxgroup.svx b/js/_website/src/lib/templates/gradio/03_components/checkboxgroup.svx
new file mode 100644
index 0000000..4915210
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/checkboxgroup.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("checkboxgroup");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.CheckboxGroup(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/clearbutton.svx b/js/_website/src/lib/templates/gradio/03_components/clearbutton.svx
new file mode 100644
index 0000000..e110863
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/clearbutton.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("clearbutton");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.ClearButton(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/code.svx b/js/_website/src/lib/templates/gradio/03_components/code.svx
new file mode 100644
index 0000000..218214b
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/code.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("code");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Code(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/colorpicker.svx b/js/_website/src/lib/templates/gradio/03_components/colorpicker.svx
new file mode 100644
index 0000000..a64cf58
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/colorpicker.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("colorpicker");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.ColorPicker(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/dataframe.svx b/js/_website/src/lib/templates/gradio/03_components/dataframe.svx
new file mode 100644
index 0000000..6425d21
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/dataframe.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("dataframe");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Dataframe(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/dataset.svx b/js/_website/src/lib/templates/gradio/03_components/dataset.svx
new file mode 100644
index 0000000..0812c80
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/dataset.svx
@@ -0,0 +1,98 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("dataset");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Dataset(···)
+```
+
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+### Examples
+
+**Updating a Dataset**
+
+In this example, we display a text dataset using `gr.Dataset` and then update it when the user clicks a button:
+
+```py
+import gradio as gr
+
+philosophy_quotes = [
+    ["I think therefore I am."],
+    ["The unexamined life is not worth living."]
+]
+
+startup_quotes = [
+    ["Ideas are easy. Implementation is hard"],
+    ["Make mistakes faster."]
+]
+
+def show_startup_quotes():
+    return gr.Dataset(samples=startup_quotes)
+
+with gr.Blocks() as demo:
+    textbox = gr.Textbox()
+    dataset = gr.Dataset(components=[textbox], samples=philosophy_quotes)
+    button = gr.Button()
+
+    button.click(show_startup_quotes, None, dataset)
+
+demo.launch()
+```
+
+
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
+
diff --git a/js/_website/src/lib/templates/gradio/03_components/datetime.svx b/js/_website/src/lib/templates/gradio/03_components/datetime.svx
new file mode 100644
index 0000000..e61e0cd
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/datetime.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("datetime");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.DateTime(···)
+```
+
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/dialogue.svx b/js/_website/src/lib/templates/gradio/03_components/dialogue.svx
new file mode 100644
index 0000000..ca616c4
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/dialogue.svx
@@ -0,0 +1,60 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("dialogue");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Dialogue(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/downloadbutton.svx b/js/_website/src/lib/templates/gradio/03_components/downloadbutton.svx
new file mode 100644
index 0000000..d6140b6
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/downloadbutton.svx
@@ -0,0 +1,60 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("downloadbutton");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.DownloadButton(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/dropdown.svx b/js/_website/src/lib/templates/gradio/03_components/dropdown.svx
new file mode 100644
index 0000000..170025a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/dropdown.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("dropdown");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Dropdown(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/duplicatebutton.svx b/js/_website/src/lib/templates/gradio/03_components/duplicatebutton.svx
new file mode 100644
index 0000000..26f0f1a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/duplicatebutton.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("duplicatebutton");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.DuplicateButton(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/file.svx b/js/_website/src/lib/templates/gradio/03_components/file.svx
new file mode 100644
index 0000000..179daee
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/file.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("file");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.File(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/fileexplorer.svx b/js/_website/src/lib/templates/gradio/03_components/fileexplorer.svx
new file mode 100644
index 0000000..ba0ec54
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/fileexplorer.svx
@@ -0,0 +1,60 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("fileexplorer");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.FileExplorer(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/gallery.svx b/js/_website/src/lib/templates/gradio/03_components/gallery.svx
new file mode 100644
index 0000000..5e17ce7
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/gallery.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("gallery");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Gallery(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/highlightedtext.svx b/js/_website/src/lib/templates/gradio/03_components/highlightedtext.svx
new file mode 100644
index 0000000..1afa08e
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/highlightedtext.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("highlightedtext");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.HighlightedText(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/html.svx b/js/_website/src/lib/templates/gradio/03_components/html.svx
new file mode 100644
index 0000000..11235fa
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/html.svx
@@ -0,0 +1,64 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("html");
+
+    let embedded_demo = "<p style='margin-top: 1rem, margin-bottom: 1rem'>This <em>example</em> was <strong>written</strong> in <a href='https://en.wikipedia.org/wiki/HTML' _target='blank'>HTML</a> </p>"
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.HTML(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/image.svx b/js/_website/src/lib/templates/gradio/03_components/image.svx
new file mode 100644
index 0000000..762f285
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/image.svx
@@ -0,0 +1,139 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("image");
+    let webcam_options_obj = get_object("webcamoptions")
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Image(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+
+### Understanding Image Types
+
+The `type` parameter controls the format of the data passed to your Python function. Choosing the right type avoids unnecessary conversions in your code:
+
+| `type` | Your function receives | Shape / Format | Best for |
+| --- | --- | --- | --- |
+| `"numpy"` (default) | `numpy.ndarray` | `(height, width, 3)`, dtype `uint8`, values 0–255 | ML models (PyTorch, TensorFlow, scikit-learn) |
+| `"pil"` | `PIL.Image.Image` | PIL Image object | Image processing with Pillow |
+| `"filepath"` | `str` | Path to a temporary file on disk | Large images, GIFs, SVGs, or when you need to read the file yourself |
+
+```python
+import gradio as gr
+
+# For a model that expects a numpy array:
+def predict(img):
+    # img is a numpy array with shape (H, W, 3)
+    return model(img)
+
+demo = gr.Interface(fn=predict, inputs=gr.Image(type="numpy"), outputs="label")
+
+# For a pipeline that works with file paths:
+def process(path):
+    # path is a string like "/tmp/gradio/abcdef.webp"
+    return my_pipeline(path)
+
+demo = gr.Interface(fn=process, inputs=gr.Image(type="filepath"), outputs="image")
+```
+
+If you need grayscale input, set `image_mode="L"` — the array shape becomes `(height, width)` instead of `(height, width, 3)`.
+
+### `GIF` and `SVG` Image Formats
+
+The `gr.Image` component can process or display any image format that is [supported by the PIL library](https://pillow.readthedocs.io/en/stable/handbook/image-file-formats.html), including animated GIFs. In addition, it also supports the SVG image format. 
+
+When the `gr.Image` component is used as an input component, the image is converted into a `str` filepath, a `PIL.Image` object, or a `numpy.array`, depending on the `type` parameter. However, animated GIF and SVG images are treated differently:
+
+* Animated `GIF` images can only be converted to `str` filepaths or `PIL.Image` objects. If they are converted to a `numpy.array` (which is the default behavior), only the first frame will be used. So if your demo expects an input `GIF` image, make sure to set the `type` parameter accordingly, e.g.
+
+```py
+import gradio as gr
+
+demo = gr.Interface(
+    fn=lambda x:x, 
+    inputs=gr.Image(type="filepath"), 
+    outputs=gr.Image()
+)
+    
+demo.launch()
+```
+
+* For `SVG` images, the `type` parameter is ignored altogether and the image is always returned as an image filepath. This is because `SVG` images cannot be processed as `PIL.Image` or `numpy.array` objects.
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+<!-- Helper Classes -->
+### Helper Classes 
+<div style="margin-left: 3rem">
+
+<!-- WEBCAM OPTIONS -->
+<!--- Title -->
+### Webcam Options
+
+<!--- Usage -->
+```python
+gradio.WebcamOptions(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(webcam_options_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={webcam_options_obj.parameters} anchor_links={webcam_options_obj.name}/>
+
+</div>
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/imageeditor.svx b/js/_website/src/lib/templates/gradio/03_components/imageeditor.svx
new file mode 100644
index 0000000..7a585b0
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/imageeditor.svx
@@ -0,0 +1,141 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("imageeditor");
+    let brush_obj = get_object("brush");
+    let eraser_obj = get_object("eraser");
+    let layeroptions_obj = get_object("layeroptions");
+    let webcam_options_obj = get_object("webcamoptions")
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.ImageEditor(···)
+```
+
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+<!-- Helper Classes -->
+### Helper Classes 
+<div style="margin-left: 3rem">
+
+<!-- BRUSH -->
+<!--- Title -->
+### Brush
+
+<!--- Usage -->
+```python
+gradio.Brush(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(brush_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={brush_obj.parameters} anchor_links={brush_obj.name} />
+
+<!-- ERASER -->
+<!--- Title -->
+### Eraser
+
+<!--- Usage -->
+```python
+gradio.Eraser(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(eraser_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={eraser_obj.parameters} anchor_links={eraser_obj.name}/>
+
+<!-- LAYER OPTIONS -->
+<!--- Title -->
+### Layer Options
+
+<!--- Usage -->
+```python
+gradio.LayerOptions(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(layeroptions_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={layeroptions_obj.parameters} anchor_links={layeroptions_obj.name}/>
+
+<!-- WEBCAM OPTIONS -->
+<!--- Title -->
+### Webcam Options
+
+<!--- Usage -->
+```python
+gradio.WebcamOptions(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(webcam_options_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={webcam_options_obj.parameters} anchor_links={webcam_options_obj.name}/>
+
+</div>
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/imageslider.svx b/js/_website/src/lib/templates/gradio/03_components/imageslider.svx
new file mode 100644
index 0000000..eda9c99
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/imageslider.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("imageslider");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.ImageSlider(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/json.svx b/js/_website/src/lib/templates/gradio/03_components/json.svx
new file mode 100644
index 0000000..5eea4fb
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/json.svx
@@ -0,0 +1,73 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("json");
+    let embedded_demo_obj = `{
+            "Key 1": "Value 1",
+            "Key 2": {"Key 3": "Value 2", "Key 4": "Value 3"},
+            "Key 5": ["Item 1", "Item 2", "Item 3"],
+            "Key 6": 123,
+            "Key 7": 123.456,
+            "Key 8": True,
+            "Key 9": False,
+            "Key 10": None,
+            "Key 11": np.array([1, 2, 3]),
+        }`
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.JSON(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/label.svx b/js/_website/src/lib/templates/gradio/03_components/label.svx
new file mode 100644
index 0000000..25a4c93
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/label.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("label");
+    let embedded_demo_value = `{"First Label": 0.7, "Second Label": 0.2, "Third Label": 0.1}`
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Label(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/lineplot.svx b/js/_website/src/lib/templates/gradio/03_components/lineplot.svx
new file mode 100644
index 0000000..5305a9b
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/lineplot.svx
@@ -0,0 +1,151 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("lineplot");
+    let demo_code = `{
+            'week': x,
+            'price': y
+        }`
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.LinePlot(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+### Key Concepts
+
+`gr.LinePlot`, `gr.ScatterPlot`, and `gr.BarPlot` all share the same API. Here is a summary of the most important features. For full details and live demos, see the [Creating Plots](/guides/creating-plots) and [Time Plots](/guides/time-plots) guides.
+
+**Basic Usage with a DataFrame**
+
+Pass a `pd.DataFrame` as the value, and specify `x` and `y` column names. The y-axis must be numeric; the x-axis can be strings, numbers, categories, or datetimes.
+
+```python
+import gradio as gr
+import pandas as pd
+
+df = pd.DataFrame({"week": [1, 2, 3, 4], "price": [10, 25, 18, 30]})
+
+with gr.Blocks() as demo:
+    gr.LinePlot(df, x="week", y="price")
+```
+
+**Breaking Out Series by Color**
+
+Use the `color` argument to split data into multiple series. Use `color_map` to assign specific colors:
+
+```python
+gr.LinePlot(df, x="week", y="price", color="origin",
+            color_map={"US": "#FF9988", "EU": "#88EEAA"})
+```
+
+**Aggregating Values**
+
+Use `x_bin` and `y_aggregate` to group and summarize data. For numeric x-axes, `x_bin` creates histogram-style bins. For string x-axes, strings act as category bins automatically:
+
+```python
+gr.LinePlot(df, x="week", y="price", x_bin=2, y_aggregate="mean")
+```
+
+For time-series data, pass a string suffix (`"s"`, `"m"`, `"h"`, or `"d"`) to `x_bin`:
+
+```python
+gr.LinePlot(df, x="timestamp", y="price", x_bin="1d", y_aggregate="mean")
+```
+
+**Interactive Selection and Zoom**
+
+Use the `.select` event listener to respond to region selections (click and drag). Combine with `.double_click` and `x_lim` to implement zoom in/out:
+
+```python
+with gr.Blocks() as demo:
+    plot = gr.LinePlot(df, x="week", y="price")
+
+    @plot.select
+    def zoom(selection: gr.SelectData):
+        return gr.LinePlot(x_lim=[selection.index[0], selection.index[1]])
+
+    plot.double_click(lambda: gr.LinePlot(x_lim=None), outputs=plot)
+```
+
+**Realtime Data**
+
+Use `gr.Timer` to keep plots updated with live data. You can attach the timer via `every`, or wire it up manually:
+
+```python
+def get_data():
+    return pd.DataFrame(...)  # fetch latest data
+
+with gr.Blocks() as demo:
+    timer = gr.Timer(5)
+    plot = gr.LinePlot(get_data, x="time", y="price", every=timer)
+```
+
+**Interactive Dashboards**
+
+Plots can be driven by other components (dropdowns, sliders, etc.) to create fully interactive dashboards:
+
+```python
+with gr.Blocks() as demo:
+    origin = gr.Dropdown(choices=["US", "EU", "Asia"], value="US")
+    plot = gr.LinePlot(x="week", y="price")
+
+    def update(origin):
+        filtered = df[df["origin"] == origin]
+        return gr.LinePlot(filtered)
+
+    origin.change(update, inputs=origin, outputs=plot)
+```
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/loginbutton.svx b/js/_website/src/lib/templates/gradio/03_components/loginbutton.svx
new file mode 100644
index 0000000..b69ded7
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/loginbutton.svx
@@ -0,0 +1,60 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("loginbutton");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.LoginButton(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/markdown.svx b/js/_website/src/lib/templates/gradio/03_components/markdown.svx
new file mode 100644
index 0000000..996414a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/markdown.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("markdown");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Markdown(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/model3d.svx b/js/_website/src/lib/templates/gradio/03_components/model3d.svx
new file mode 100644
index 0000000..9cc166b
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/model3d.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("model3d");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Model3D(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/multimodaltextbox.svx b/js/_website/src/lib/templates/gradio/03_components/multimodaltextbox.svx
new file mode 100644
index 0000000..e433247
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/multimodaltextbox.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("multimodaltextbox");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.MultimodalTextbox(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/navbar.svx b/js/_website/src/lib/templates/gradio/03_components/navbar.svx
new file mode 100644
index 0000000..b5cf943
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/navbar.svx
@@ -0,0 +1,59 @@
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("navbar");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Navbar(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
\ No newline at end of file
diff --git a/js/_website/src/lib/templates/gradio/03_components/number.svx b/js/_website/src/lib/templates/gradio/03_components/number.svx
new file mode 100644
index 0000000..47060ee
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/number.svx
@@ -0,0 +1,62 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("number");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Number(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/paramviewer.svx b/js/_website/src/lib/templates/gradio/03_components/paramviewer.svx
new file mode 100644
index 0000000..4480eb1
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/paramviewer.svx
@@ -0,0 +1,75 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("paramviewer");
+    let demo_obj = `{
+           "number": { 
+             "type": "int | float", 
+             "description": "The number to round", 
+             "default": None
+            },
+            "ndigits": { 
+             "type": "int", 
+             "description": "The number of digits to round to", 
+             "default": "0"
+            }
+         }`
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.ParamViewer(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/plot.svx b/js/_website/src/lib/templates/gradio/03_components/plot.svx
new file mode 100644
index 0000000..49d6ff5
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/plot.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("plot");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Plot(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/radio.svx b/js/_website/src/lib/templates/gradio/03_components/radio.svx
new file mode 100644
index 0000000..b2bc35c
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/radio.svx
@@ -0,0 +1,63 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("radio");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Radio(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/scatterplot.svx b/js/_website/src/lib/templates/gradio/03_components/scatterplot.svx
new file mode 100644
index 0000000..9b0f95b
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/scatterplot.svx
@@ -0,0 +1,149 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("scatterplot");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.ScatterPlot(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+### Key Concepts
+
+`gr.LinePlot`, `gr.ScatterPlot`, and `gr.BarPlot` all share the same API. Here is a summary of the most important features. For full details and live demos, see the [Creating Plots](/guides/creating-plots) and [Time Plots](/guides/time-plots) guides.
+
+**Basic Usage with a DataFrame**
+
+Pass a `pd.DataFrame` as the value, and specify `x` and `y` column names. The y-axis must be numeric; the x-axis can be strings, numbers, categories, or datetimes.
+
+```python
+import gradio as gr
+import pandas as pd
+
+df = pd.DataFrame({"weight": [50, 70, 90, 60], "height": [160, 175, 180, 165]})
+
+with gr.Blocks() as demo:
+    gr.ScatterPlot(df, x="weight", y="height")
+```
+
+**Breaking Out Series by Color**
+
+Use the `color` argument to split data into multiple series. The color column can be string/categorical or numeric. Use `color_map` to assign specific colors:
+
+```python
+gr.ScatterPlot(df, x="weight", y="height", color="gender",
+               color_map={"M": "#4488FF", "F": "#FF8844"})
+```
+
+**Aggregating Values**
+
+Use `x_bin` and `y_aggregate` to group and summarize data. For numeric x-axes, `x_bin` creates histogram-style bins. For string x-axes, strings act as category bins automatically:
+
+```python
+gr.ScatterPlot(df, x="age_group", y="height", y_aggregate="mean")
+gr.ScatterPlot(df, x="weight", y="height", x_bin=10, y_aggregate="mean")
+```
+
+For time-series data, pass a string suffix (`"s"`, `"m"`, `"h"`, or `"d"`) to `x_bin`:
+
+```python
+gr.ScatterPlot(df, x="timestamp", y="value", x_bin="1h", y_aggregate="mean")
+```
+
+**Interactive Selection and Zoom**
+
+Use the `.select` event listener to respond to region selections (click and drag). Combine with `.double_click` and `x_lim` to implement zoom in/out:
+
+```python
+with gr.Blocks() as demo:
+    plot = gr.ScatterPlot(df, x="weight", y="height")
+
+    @plot.select
+    def zoom(selection: gr.SelectData):
+        return gr.ScatterPlot(x_lim=[selection.index[0], selection.index[1]])
+
+    plot.double_click(lambda: gr.ScatterPlot(x_lim=None), outputs=plot)
+```
+
+**Realtime Data**
+
+Use `gr.Timer` to keep plots updated with live data. You can attach the timer via `every`, or wire it up manually:
+
+```python
+def get_data():
+    return pd.DataFrame(...)  # fetch latest data
+
+with gr.Blocks() as demo:
+    timer = gr.Timer(5)
+    plot = gr.ScatterPlot(get_data, x="weight", y="height", every=timer)
+```
+
+**Interactive Dashboards**
+
+Plots can be driven by other components (dropdowns, sliders, etc.) to create fully interactive dashboards:
+
+```python
+with gr.Blocks() as demo:
+    category = gr.Dropdown(choices=["A", "B", "C"], value="A")
+    plot = gr.ScatterPlot(x="weight", y="height")
+
+    def update(cat):
+        filtered = df[df["category"] == cat]
+        return gr.ScatterPlot(filtered)
+
+    category.change(update, inputs=category, outputs=plot)
+```
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/sidebar.svx b/js/_website/src/lib/templates/gradio/03_components/sidebar.svx
new file mode 100644
index 0000000..5ebeb5f
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/sidebar.svx
@@ -0,0 +1,59 @@
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("sidebar");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Sidebar(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+with gr.Blocks() as demo:
+    with gr.Sidebar():
+        gr.Textbox()
+        gr.Button()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/simpleimage.svx b/js/_website/src/lib/templates/gradio/03_components/simpleimage.svx
new file mode 100644
index 0000000..23796eb
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/simpleimage.svx
@@ -0,0 +1,60 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("simpleimage");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.SimpleImage(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/slider.svx b/js/_website/src/lib/templates/gradio/03_components/slider.svx
new file mode 100644
index 0000000..aed9a5a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/slider.svx
@@ -0,0 +1,96 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("slider");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Slider(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+### Common Patterns
+
+#### Logarithmic scale
+
+Sliders are linear by default. For parameters that vary over several orders of magnitude (e.g. learning rate), map the slider value inside your function:
+
+```python
+import gradio as gr
+
+def train(lr_exp):
+    lr = 10 ** lr_exp  # slider value -5 → lr 0.00001
+    return f"Training with lr={lr}"
+
+demo = gr.Interface(
+    fn=train,
+    inputs=gr.Slider(-5, 0, value=-3, step=0.5, label="Learning rate (log₁₀)"),
+    outputs="text",
+)
+```
+
+#### Reacting on release only
+
+By default, the slider triggers a `change` event on every movement. For expensive operations, listen to `release` instead so the function only runs when the user lets go:
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    slider = gr.Slider(0, 100, label="Epochs")
+    output = gr.Textbox()
+    slider.release(fn=lambda v: f"Will train for {int(v)} epochs", inputs=slider, outputs=output)
+```
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/state.svx b/js/_website/src/lib/templates/gradio/03_components/state.svx
new file mode 100644
index 0000000..5eb065f
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/state.svx
@@ -0,0 +1,60 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("state");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.State(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/textbox.svx b/js/_website/src/lib/templates/gradio/03_components/textbox.svx
new file mode 100644
index 0000000..cb7b486
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/textbox.svx
@@ -0,0 +1,99 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("textbox");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Textbox(···)
+```
+
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+### Common Patterns
+
+#### Multi-line text input
+
+By default, `gr.Textbox` renders as a single-line input. For longer text such as paragraphs or code, set `lines` to show multiple rows and optionally `max_lines` to cap the height:
+
+```python
+import gradio as gr
+
+def summarize(text):
+    return f"Received {len(text.split())} words."
+
+demo = gr.Interface(
+    fn=summarize,
+    inputs=gr.Textbox(lines=5, max_lines=10, label="Paste your text here"),
+    outputs="text",
+)
+```
+
+#### Password and sensitive input
+
+Set `type="password"` to mask characters as the user types. The value is passed as plain text to your function — masking is display-only:
+
+```python
+import gradio as gr
+
+def check(password):
+    return "Access granted" if password == "secret" else "Wrong password"
+
+demo = gr.Interface(
+    fn=check,
+    inputs=gr.Textbox(type="password", label="Enter password"),
+    outputs="text",
+)
+```
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/timer.svx b/js/_website/src/lib/templates/gradio/03_components/timer.svx
new file mode 100644
index 0000000..1ca0eb3
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/timer.svx
@@ -0,0 +1,60 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("timer");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Timer(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/uploadbutton.svx b/js/_website/src/lib/templates/gradio/03_components/uploadbutton.svx
new file mode 100644
index 0000000..cd2bb68
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/uploadbutton.svx
@@ -0,0 +1,64 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("uploadbutton");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.UploadButton(···)
+```
+
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/03_components/video.svx b/js/_website/src/lib/templates/gradio/03_components/video.svx
new file mode 100644
index 0000000..054b8f5
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/03_components/video.svx
@@ -0,0 +1,110 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import BehaviorSection from "$lib/components/BehaviorSection.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+
+    let obj = get_object("video");
+    let webcam_options_obj = get_object("webcamoptions")
+    let validator_obj = get_object("is_video_correct_length")
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Video(···)
+```
+
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Behavior -->
+### Behavior
+
+<BehaviorSection name={obj.name} preprocess={obj.preprocess} postprocess={obj.postprocess} />
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+<!-- Helper Classes -->
+### Helper Classes 
+<div style="margin-left: 3rem">
+
+<!-- WEBCAM OPTIONS -->
+<!--- Title -->
+### Webcam Options
+
+<!--- Usage -->
+```python
+gradio.WebcamOptions(···)
+```
+
+<!--- Description -->
+#### Description
+## {@html style_formatted_text(webcam_options_obj.description)}
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={webcam_options_obj.parameters} anchor_links={webcam_options_obj.name}/>
+
+<!--- Title -->
+### is_video_correct_length
+
+Validates that the audio length is within the specified min and max length (in seconds).
+You can use this to construct a validator that will check if the user-provided audio is either too short or too long.
+
+<!--- Usage -->
+```python
+import gradio as gr
+demo = gr.Interface(
+    lambda x: x,
+    inputs="video",
+    outputs="video",
+    validator=lambda video: gr.validators.is_video_correct_length(video, min_length=1, max_length=5)
+)
+demo.launch()
+```
+
+<!--- Initialization -->
+#### Initialization
+<ParamTable parameters={validator_obj.parameters} anchor_links={validator_obj.name}/>
+
+</div>
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/01_eventdata.svx b/js/_website/src/lib/templates/gradio/04_helpers/01_eventdata.svx
new file mode 100644
index 0000000..af917d2
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/01_eventdata.svx
@@ -0,0 +1,73 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("eventdata");
+    obj.parameters[0]["kwargs"] = null;
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.EventData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    table = gr.Dataframe([[1, 2, 3], [4, 5, 6]])
+    gallery = gr.Gallery([("cat.jpg", "Cat"), ("dog.jpg", "Dog")])
+    textbox = gr.Textbox("Hello World!")
+    statement = gr.Textbox()
+
+    def on_select(value, evt: gr.EventData):
+        return f"The {evt.target} component was selected, and its value was {value}."
+
+    table.select(on_select, table, statement)
+    gallery.select(on_select, gallery, statement)
+    textbox.select(on_select, textbox, statement)
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/02_deletedfiledata.svx b/js/_website/src/lib/templates/gradio/04_helpers/02_deletedfiledata.svx
new file mode 100644
index 0000000..2696a13
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/02_deletedfiledata.svx
@@ -0,0 +1,76 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("deletedfiledata");
+
+    obj["attributes"] = [
+            {
+                name: "file",
+                annotation: "FileData",
+                doc: "The file that was deleted, as a FileData object. The str path to the file can be retrieved with the .path attribute.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.DeletedFileData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def test(delete_data: gr.DeletedFileData):
+    return delete_data.file.path
+
+with gr.Blocks() as demo:
+    files = gr.File(file_count="multiple")
+    deleted_file = gr.File()
+    files.delete(test, None, deleted_file)
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/03_keyupdata.svx b/js/_website/src/lib/templates/gradio/04_helpers/03_keyupdata.svx
new file mode 100644
index 0000000..8084d0e
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/03_keyupdata.svx
@@ -0,0 +1,85 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("keyupdata");
+
+    obj["attributes"] = [
+            {
+                name: "key",
+                annotation: "str",
+                doc: "The key that was pressed.",
+                kwargs: null
+            },
+            {
+                name: "input_value",
+                annotation: "str",
+                doc: "The displayed value in the input textbox after the key was pressed. This may be different than the `value` attribute of the component itself, as the `value` attribute of some components (e.g. Dropdown) are not updated until the user presses Enter.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.KeyUpData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def test(value, key_up_data: gr.KeyUpData):
+    return {
+        "component value": value,
+        "input value": key_up_data.input_value,
+        "key": key_up_data.key
+    }
+
+with gr.Blocks() as demo:
+    d = gr.Dropdown(["abc", "def"], allow_custom_value=True)
+    t = gr.JSON()
+    d.key_up(test, d, t)
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/04_likedata.svx b/js/_website/src/lib/templates/gradio/04_helpers/04_likedata.svx
new file mode 100644
index 0000000..25c6978
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/04_likedata.svx
@@ -0,0 +1,93 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("likedata");
+
+    obj["attributes"] = [
+            {
+                name: "index",
+                annotation: "int | tuple[int, int]",
+                doc: "The index of the liked/disliked item. Is a tuple if the component is two dimensional.",
+                kwargs: null
+            },
+            {
+                name: "value",
+                annotation: "Any",
+                doc: "The value of the liked/disliked item.",
+                kwargs: null
+            },
+            {
+                name: "liked",
+                annotation: "bool",
+                doc: "True if the item was liked, False if disliked, or string value if any other feedback.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.LikeData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def test(value, like_data: gr.LikeData):
+    return {
+        "chatbot_value": value,
+        "liked_message": like_data.value,
+        "liked_index": like_data.index,
+        "liked_or_disliked_as_bool": like_data.liked
+    }
+
+with gr.Blocks() as demo:
+    c = gr.Chatbot([("abc", "def")])
+    t = gr.JSON()
+    c.like(test, c, t)
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/05_selectdata.svx b/js/_website/src/lib/templates/gradio/04_helpers/05_selectdata.svx
new file mode 100644
index 0000000..98af165
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/05_selectdata.svx
@@ -0,0 +1,105 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("selectdata");
+
+    obj["attributes"] = [
+            {
+                name: "index",
+                annotation: "int | tuple[int, int]",
+                doc: "The index of the selected item. Is a tuple if the component is two dimensional or selection is a range.",
+                kwargs: null
+            },
+            {
+                name: "value",
+                annotation: "Any",
+                doc: "The value of the selected item.",
+                kwargs: null
+            },
+            {
+                name: "row_value",
+                annotation: "list[float | str]",
+                doc: "The value of the entire row that the selected item belongs to, as a 1-D list. Only implemented for the `Dataframe` component, returns None for other components.",
+                kwargs: null
+            },
+            {
+                name: "col_value",
+                annotation: "list[float | str]",
+                doc: "The value of the entire column that the selected item belongs to, as a 1-D list. Only implemented for the `Dataframe` component, returns None for other components.",
+                kwargs: null
+            },
+            {
+                name: "selected",
+                annotation: "bool",
+                doc: "True if the item was selected, False if deselected.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.SelectData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    table = gr.Dataframe([[1, 2, 3], [4, 5, 6]])
+    gallery = gr.Gallery([("cat.jpg", "Cat"), ("dog.jpg", "Dog")])
+    textbox = gr.Textbox("Hello World!")
+    statement = gr.Textbox()
+
+    def on_select(evt: gr.SelectData):
+        return f"You selected {evt.value} at {evt.index} from {evt.target}"
+
+    table.select(on_select, None, statement)
+    gallery.select(on_select, None, statement)
+    textbox.select(on_select, None, statement)
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/06_filedata.svx b/js/_website/src/lib/templates/gradio/04_helpers/06_filedata.svx
new file mode 100644
index 0000000..20b471f
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/06_filedata.svx
@@ -0,0 +1,109 @@
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("filedata");
+
+    obj["attributes"] = [
+            {
+                name: "path",
+                annotation: "str",
+                doc: "The server file path where the file is stored.",
+                kwargs: null
+            },
+            {
+                name: "url",
+                annotation: "Optional[str]",
+                doc: "The normalized server URL pointing to the file.",
+                kwargs: null
+            },
+            {
+                name: "size",
+                annotation: "Optional[int]",
+                doc: "The size of the file in bytes.",
+                kwargs: null
+            },
+            {
+                name: "orig_name",
+                annotation: "Optional[str]",
+                doc: "The original filename before upload.",
+                kwargs: null
+            },
+            {
+                name: "mime_type",
+                annotation: "Optional[str]",
+                doc: "The MIME type of the file.",
+                kwargs: null
+            },
+            {
+                name: "is_stream",
+                annotation: "bool",
+                doc: "Indicates whether the file is a stream.",
+                kwargs: null
+            },
+            {
+                name: "meta",
+                annotation: "dict",
+                doc: "Additional metadata used internally (should not be changed).",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.FileData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+### Example Usage
+```python
+from gradio_client import Client, FileData, handle_file
+
+def get_url_on_server(data: FileData):
+    print(data['url'])
+
+client = Client("gradio/gif_maker_main", download_files=False)
+job = client.submit([handle_file("./cheetah.jpg")], api_name="/predict")
+data = job.result()
+video: FileData = data['video']
+
+get_url_on_server(video)
+```
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/07_retrydata.svx b/js/_website/src/lib/templates/gradio/04_helpers/07_retrydata.svx
new file mode 100644
index 0000000..d730cd6
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/07_retrydata.svx
@@ -0,0 +1,84 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("retrydata");
+
+    obj["attributes"] = [
+            {
+                name: "index",
+                annotation: "int | tuple[int, int]",
+                doc: "The index of the user message that should be retried.",
+                kwargs: null
+            },
+            {
+                name: "value",
+                annotation: "Any",
+                doc: "The value of the user message that should be retried.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.RetryData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def retry(retry_data: gr.RetryData, history: list[gr.MessageDict]):
+    history_up_to_retry = history[:retry_data.index]
+    new_response = ""
+    for token in api.chat_completion(history):
+        new_response += token
+        yield history + [new_response]
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    chatbot.retry(retry, chatbot, chatbot)
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/08_undodata.svx b/js/_website/src/lib/templates/gradio/04_helpers/08_undodata.svx
new file mode 100644
index 0000000..97f2612
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/08_undodata.svx
@@ -0,0 +1,81 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("undodata");
+
+    obj["attributes"] = [
+            {
+                name: "index",
+                annotation: "int | tuple[int, int]",
+                doc: "The index of the user message that should be undone.",
+                kwargs: null
+            },
+            {
+                name: "value",
+                annotation: "Any",
+                doc: "The value of the user message that should be undone.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.UndoData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def undo(retry_data: gr.UndoData, history: list[gr.MessageDict]):
+    history_up_to_retry = history[:retry_data.index]
+    return history_up_to_retry
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    chatbot.undo(undo, chatbot, chatbot)
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/09_editdata.svx b/js/_website/src/lib/templates/gradio/04_helpers/09_editdata.svx
new file mode 100644
index 0000000..37550a3
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/09_editdata.svx
@@ -0,0 +1,88 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("editdata");
+
+    obj["attributes"] = [
+            {
+                name: "index",
+                annotation: "int | tuple[int, int]",
+                doc: "The index of the message that was edited.",
+                kwargs: null
+            },
+            {
+                name: "previous_value",
+                annotation: "Any",
+                doc: "The previous content of the message that was edited.",
+                kwargs: null
+            },
+            {
+                name: "value",
+                annotation: "Any",
+                doc: "The new content of the message that was edited.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.EditData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def edit(edit_data: gr.EditData, history: list[gr.MessageDict]):
+    history_up_to_edit = history[:edit_data.index]
+    history_up_to_edit[-1] = edit_data.value
+    return history_up_to_edit
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    chatbot.undo(edit, chatbot, chatbot)
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/10_downloaddata.svx b/js/_website/src/lib/templates/gradio/04_helpers/10_downloaddata.svx
new file mode 100644
index 0000000..ccd4962
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/10_downloaddata.svx
@@ -0,0 +1,73 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("downloaddata");
+
+    obj["attributes"] = [
+            {
+                name: "file",
+                annotation: "FileData",
+                doc: "The file that was downloaded, as a FileData object.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.DownloadData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+def on_download(download_data: gr.DownloadData):
+    return f"Downloaded file: {download_data.file.path}"
+with gr.Blocks() as demo:
+    files = gr.File()
+    textbox = gr.Textbox()
+    files.download(on_download, None, textbox)
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/11_copydata.svx b/js/_website/src/lib/templates/gradio/04_helpers/11_copydata.svx
new file mode 100644
index 0000000..ab3d9e9
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/11_copydata.svx
@@ -0,0 +1,73 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("copydata");
+
+    obj["attributes"] = [
+            {
+                name: "value",
+                annotation: "Any",
+                doc: "The value that was copied.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.CopyData(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+def on_copy(copy_data: gr.CopyData):
+    return f"Copied text: {copy_data.value}"
+with gr.Blocks() as demo:
+    textbox = gr.Textbox("Hello World!")
+    copied = gr.Textbox()
+    textbox.copy(on_copy, None, copied)
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/12_examples.svx b/js/_website/src/lib/templates/gradio/04_helpers/12_examples.svx
new file mode 100644
index 0000000..1fe413d
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/12_examples.svx
@@ -0,0 +1,107 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("examples");
+
+    obj["attributes"] = [
+            {
+                name: "dataset",
+                annotation: "gradio.Dataset",
+                doc: "The `gr.Dataset` component corresponding to this Examples object.",
+                kwargs: null
+            },
+            {
+                name: "load_input_event",
+                annotation: "gradio.events.Dependency",
+                doc: "The Gradio event that populates the input values when the examples are clicked. You can attach a `.then()` or a `.success()` to this event to trigger subsequent events to fire after this event.",
+                kwargs: null
+            },
+            {
+                name: "cache_event",
+                annotation: "gradio.events.Dependency | None",
+                doc: "The Gradio event that populates the cached output values when the examples are clicked. You can attach a `.then()` or a `.success()` to this event to trigger subsequent events to fire after this event. This event is `None` if `cache_examples` if False, and is the same as `load_input_event` if `cache_examples` is `'lazy'`.",
+                kwargs: null
+            }
+        ]    
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Examples(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+None
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+<!--- Attributes -->
+### Attributes
+<ParamTable parameters={obj.attributes} />
+
+
+### Examples
+
+**Updating Examples**
+
+In this demo, we show how to update the examples by updating the samples of the underlying dataset. Note that this only works if `cache_examples=False` as updating the underlying dataset does not update the cache.
+
+```py
+import gradio as gr
+
+def update_examples(country):
+    if country == "USA":
+        return gr.Dataset(samples=[["Chicago"], ["Little Rock"], ["San Francisco"]])
+    else:
+        return gr.Dataset(samples=[["Islamabad"], ["Karachi"], ["Lahore"]])
+
+with gr.Blocks() as demo:
+    dropdown = gr.Dropdown(label="Country", choices=["USA", "Pakistan"], value="USA")
+    textbox = gr.Textbox()
+    examples = gr.Examples([["Chicago"], ["Little Rock"], ["San Francisco"]], textbox)
+    dropdown.change(update_examples, dropdown, examples.dataset)
+    
+demo.launch()
+```
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/13_progress.svx b/js/_website/src/lib/templates/gradio/04_helpers/13_progress.svx
new file mode 100644
index 0000000..465b0a0
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/13_progress.svx
@@ -0,0 +1,65 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("progress");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Progress(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+import time
+def my_function(x, progress=gr.Progress()):
+    progress(0, desc="Starting...")
+    time.sleep(1)
+    for i in progress.tqdm(range(100)):
+        time.sleep(0.1)
+    return x
+gr.Interface(my_function, gr.Textbox(), gr.Textbox()).queue().launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/14_dependency.svx b/js/_website/src/lib/templates/gradio/04_helpers/14_dependency.svx
new file mode 100644
index 0000000..ba71a3b
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/14_dependency.svx
@@ -0,0 +1,59 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("dependency");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+with gr.Blocks() as demo: 
+    first_textbox = gr.Textbox()
+    second_textbox = gr.Textbox()
+    button = gr.Button("Submit")
+
+    dependency = button.click(lambda x: "Hello, " + x, first_textbox, second_textbox)
+    dependency.success(lambda: gr.Info("Greeting successful"), None, None)
+    dependency.failure(lambda: gr.Warning("Greeting failed"), None, None)
+
+demo.launch()
+```
+{/if}
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/api.svx b/js/_website/src/lib/templates/gradio/04_helpers/api.svx
new file mode 100644
index 0000000..53f5f83
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/api.svx
@@ -0,0 +1,81 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("api");
+
+    obj.guides = [{
+        "url": "/guides/building-mcp-server-with-gradio",
+        "pretty_name": "Building MCP Server With Gradio"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.api(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+with gr.Blocks() as demo:
+    with gr.Row():
+        input = gr.Textbox()
+        button = gr.Button("Submit")
+    output = gr.Textbox()
+    def fn(a: int, b: int, c: list[str]) -> tuple[int, str]:
+        return a + b, c[a:b]
+    gr.api(fn, api_name="add_and_slice")
+_, url, _ = demo.launch()
+
+from gradio_client import Client
+client = Client(url)
+result = client.predict(
+        a=3,
+        b=5,
+        c=[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+        api_name="/add_and_slice"
+)
+print(result)
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/cache-class.svx b/js/_website/src/lib/templates/gradio/04_helpers/cache-class.svx
new file mode 100644
index 0000000..7472a51
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/cache-class.svx
@@ -0,0 +1,70 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("cache-class");
+
+    obj.guides = [{
+        "url": "/guides/caching",
+        "pretty_name": "Caching"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Cache(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage -->
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+def generate(prompt, c=gr.Cache(per_session=True)):
+    hit = c.get(prompt)
+    if hit is not None:
+        return hit["result"]
+    result = llm(prompt)
+    c.set(prompt, result=result)
+    return result
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/cache.svx b/js/_website/src/lib/templates/gradio/04_helpers/cache.svx
new file mode 100644
index 0000000..cd4db3a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/cache.svx
@@ -0,0 +1,70 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("cache");
+
+    obj.guides = [{
+        "url": "/guides/caching",
+        "pretty_name": "Caching"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+@gradio.cache(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage -->
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+@gr.cache
+def classify(image):
+    return model.predict(image)
+
+@gr.cache(max_size=256, per_session=True)
+def generate(prompt):
+    return llm(prompt)
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/load.svx b/js/_website/src/lib/templates/gradio/04_helpers/load.svx
new file mode 100644
index 0000000..c10fbcd
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/load.svx
@@ -0,0 +1,64 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("load");
+    
+    obj.guides = [{
+        "url": "/guides/using-hugging-face-integrations",
+        "pretty_name": "Using HuggingFace Integrations"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.load(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+demo = gr.load("gradio/question-answering", src="spaces")
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/load_chat.svx b/js/_website/src/lib/templates/gradio/04_helpers/load_chat.svx
new file mode 100644
index 0000000..521469a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/load_chat.svx
@@ -0,0 +1,64 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("load_chat");
+
+    obj.guides = [{
+        "url": "/guides/creating-a-chatbot-fast",
+        "pretty_name": "Creating a Chatbot Fast"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.load_chat(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+demo = gr.load_chat("http://localhost:11434/v1", model="deepseek-r1")
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/on.svx b/js/_website/src/lib/templates/gradio/04_helpers/on.svx
new file mode 100644
index 0000000..a79b873
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/on.svx
@@ -0,0 +1,76 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("on");
+
+    obj.guides = [{
+        "url": "/guides/blocks-and-event-listeners",
+        "pretty_name": "Blocks and Event Listeners"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.on(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    with gr.Row():
+        input = gr.Textbox()
+        button = gr.Button("Submit")
+    output = gr.Textbox()
+    gr.on(
+        triggers=[button.click, input.submit],
+        fn=lambda x: x,
+        inputs=[input],
+        outputs=[output]
+    )
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/04_helpers/set_static_paths.svx b/js/_website/src/lib/templates/gradio/04_helpers/set_static_paths.svx
new file mode 100644
index 0000000..6adbc7a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/04_helpers/set_static_paths.svx
@@ -0,0 +1,77 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("set_static_paths");
+
+    obj.guides = [{
+        "url": "/guides/file-access",
+        "pretty_name": "File Access"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.set_static_paths(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+
+# Paths can be a list of strings or pathlib.Path objects
+# corresponding to filenames or directories.
+gr.set_static_paths(paths=["test/test_files/"])
+
+# The example files and the default value of the input
+# will not be copied to the gradio cache and will be served directly.
+demo = gr.Interface(
+    lambda s: s.rotate(45),
+    gr.Image(value="test/test_files/cheetah1.jpg", type="pil"),
+    gr.Image(),
+    examples=["test/test_files/bus.png"],
+)
+
+demo.launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/05_modals/error.svx b/js/_website/src/lib/templates/gradio/05_modals/error.svx
new file mode 100644
index 0000000..a736612
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/05_modals/error.svx
@@ -0,0 +1,67 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("error");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+raise gradio.Error("An error occurred 💥!", duration=5)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+## You can control for how long the error message is displayed with the `duration` parameter. If it's `None`, the message will be displayed forever until the user closes it. If it's a number, it will be shown for that many seconds. 
+## You can also hide the error modal from being shown in the UI by setting `visible=False`.
+## Below is a demo of how different values of duration control the error, info, and warning messages. You can see the code [here](https://huggingface.co/spaces/freddyaboulton/gradio-error-duration/blob/244331cf53f6b5fa2fd406ece3bf55c6ccb9f5f2/app.py#L17).
+
+![modal_control](https://github.com/gradio-app/gradio/assets/41651716/f0977bcd-eaec-4eca-a2fd-ede95fdb8fd2)
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+def divide(numerator, denominator):
+    if denominator == 0:
+        raise gr.Error("Cannot divide by zero!")
+gr.Interface(divide, ["number", "number"], "number").launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/05_modals/info.svx b/js/_website/src/lib/templates/gradio/05_modals/info.svx
new file mode 100644
index 0000000..9d41aea
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/05_modals/info.svx
@@ -0,0 +1,69 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("info");
+
+    obj.guides = [{
+        "url": "/guides/alerts",
+        "pretty_name": "Alerts"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Info("Helpful info message ℹ️", duration=5)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+def hello_world():
+    gr.Info('This is some info.')
+    return "hello world"
+with gr.Blocks() as demo:
+    md = gr.Markdown()
+    demo.load(hello_world, inputs=None, outputs=[md])
+demo.queue().launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/05_modals/warning.svx b/js/_website/src/lib/templates/gradio/05_modals/warning.svx
new file mode 100644
index 0000000..ceaa6a4
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/05_modals/warning.svx
@@ -0,0 +1,69 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("warning");
+
+    obj.guides = [{
+        "url": "/guides/alerts",
+        "pretty_name": "Alerts"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Warning("A warning occured ⛔️!", duration=5)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+def hello_world():
+    gr.Warning('This is a warning message.')
+    return "hello world"
+with gr.Blocks() as demo:
+    md = gr.Markdown()
+    demo.load(hello_world, inputs=None, outputs=[md])
+demo.queue().launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/06_routes/mount_gradio_app.svx b/js/_website/src/lib/templates/gradio/06_routes/mount_gradio_app.svx
new file mode 100644
index 0000000..ec999c1
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/06_routes/mount_gradio_app.svx
@@ -0,0 +1,70 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("mount_gradio_app");
+
+    obj.guides = [{
+        "url": "/guides/sharing-your-app",
+        "pretty_name": "Sharing Your App"
+    }]
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.mount_gradio_app(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+from fastapi import FastAPI
+import gradio as gr
+app = FastAPI()
+@app.get("/")
+def read_main():
+    return {"message": "This is your main app"}
+io = gr.Interface(lambda x: "Hello, " + x + "!", "textbox", "textbox")
+app = gr.mount_gradio_app(app, io, path="/gradio")
+```
+##### Then run `uvicorn run:app` from the terminal and navigate to http://localhost:8000/gradio.
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/06_routes/request.svx b/js/_website/src/lib/templates/gradio/06_routes/request.svx
new file mode 100644
index 0000000..c616b5b
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/06_routes/request.svx
@@ -0,0 +1,65 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("request");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio.Request(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+<!-- Example Usage --> 
+
+{#if obj.example}
+### Example Usage
+```python
+import gradio as gr
+def echo(text, request: gr.Request):
+    if request:
+        print("Request headers dictionary:", request.headers)
+        print("IP address:", request.client.host)
+        print("Query parameters:", dict(request.query_params))
+        print("Session hash:", request.session_hash)
+    return text
+io = gr.Interface(echo, "textbox", "textbox").launch()
+```
+{/if}
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={obj.fns} event_listeners={false} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/gradio/other/01_flagging.svx b/js/_website/src/lib/templates/gradio/other/01_flagging.svx
new file mode 100644
index 0000000..bd5241a
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/other/01_flagging.svx
@@ -0,0 +1,129 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let simple_csv_logger_obj = get_object("simplecsvlogger");
+    let csv_logger_obj = get_object("csvlogger");
+</script>
+
+<!--- Title -->
+# Flagging
+
+<!-- Description -->
+### Description
+## A Gradio Interface includes a 'Flag' button that appears underneath the output. By default, clicking on the Flag button sends the input and output data back to the machine where the gradio demo is running, and saves it to a CSV log file. But this default behavior can be changed. To set what happens when the Flag button is clicked, you pass an instance of a subclass of _FlaggingCallback_ to the _flagging_callback_ parameter in the _Interface_ constructor. You can use one of the _FlaggingCallback_ subclasses that are listed below, or you can create your own, which lets you do whatever you want with the data that is being flagged.
+
+
+<!--------- SimpleCSVLogger --------->
+
+<!-- Title -->
+# {simple_csv_logger_obj.name}
+
+
+<!--- Usage -->
+```python
+gradio.SimpleCSVLogger(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(simple_csv_logger_obj.description)}
+
+<!-- Example Usage --> 
+
+{#if simple_csv_logger_obj.example}
+### Example Usage
+```python
+import gradio as gr
+def image_classifier(inp):
+    return {'cat': 0.3, 'dog': 0.7}
+demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                    flagging_callback=SimpleCSVLogger())
+```
+{/if}
+
+{#if (simple_csv_logger_obj.parameters.length > 0 && simple_csv_logger_obj.parameters[0].name != "self") || simple_csv_logger_obj.parameters.length > 1}
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={simple_csv_logger_obj.parameters} anchor_links={simple_csv_logger_obj.name} />
+{/if}
+
+{#if simple_csv_logger_obj.demos && simple_csv_logger_obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={simple_csv_logger_obj.demos} />
+{/if}
+
+{#if simple_csv_logger_obj.fns && simple_csv_logger_obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={simple_csv_logger_obj.fns} event_listeners={false} />
+{/if}
+
+{#if simple_csv_logger_obj.guides && simple_csv_logger_obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={simple_csv_logger_obj.guides}/>
+{/if}
+
+
+
+<!--------- CSVLogger --------->
+
+<!-- Title -->
+# {csv_logger_obj.name}
+
+
+<!--- Usage -->
+```python
+gradio.CSVLogger(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(csv_logger_obj.description)}
+
+<!-- Example Usage --> 
+
+{#if csv_logger_obj.example}
+### Example Usage
+```python
+import gradio as gr
+def image_classifier(inp):
+    return {'cat': 0.3, 'dog': 0.7}
+demo = gr.Interface(fn=image_classifier, inputs="image", outputs="label",
+                    flagging_callback=CSVLogger())
+```
+{/if}
+
+{#if (csv_logger_obj.parameters.length > 0 && csv_logger_obj.parameters[0].name != "self") || csv_logger_obj.parameters.length > 1}
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={csv_logger_obj.parameters} anchor_links={csv_logger_obj.name} />
+{/if}
+
+{#if csv_logger_obj.demos && csv_logger_obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={csv_logger_obj.demos} />
+{/if}
+
+{#if csv_logger_obj.fns && csv_logger_obj.fns.length > 0}
+<!--- Methods -->
+### Methods 
+<FunctionsSection fns={csv_logger_obj.fns} event_listeners={false} />
+{/if}
+
+{#if csv_logger_obj.guides && csv_logger_obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={csv_logger_obj.guides}/>
+{/if}
+
diff --git a/js/_website/src/lib/templates/gradio/other/02_themes.svx b/js/_website/src/lib/templates/gradio/other/02_themes.svx
new file mode 100644
index 0000000..6678cc3
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/other/02_themes.svx
@@ -0,0 +1,435 @@
+<script lang="ts">
+    import CopyButton from "$lib/components/CopyButton.svelte";
+</script>
+
+# Theming
+
+### Introduction
+
+## Gradio features a built-in theming engine that lets you customize the look and feel of your app. You can choose from a variety of themes, or create your own. To do so, pass the `theme=` kwarg to the `Blocks` or `Interface` constructor. For example:
+
+```python
+with gr.Blocks(theme=gr.themes.Soft()) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-soft.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+## Gradio comes with a set of prebuilt themes which you can load from `gr.themes.*`. These are:
+
+- -- `gr.themes.Base()`
+- -- `gr.themes.Default()`
+- -- `gr.themes.Glass()`
+- -- `gr.themes.Monochrome()`
+- -- `gr.themes.Soft()`
+
+## Each of these themes set values for hundreds of CSS variables. You can use prebuilt themes as a starting point for your own custom themes, or you can create your own themes from scratch. Let's take a look at each approach.
+
+### Using the Theme Builder
+
+## The easiest way to build a theme is using the Theme Builder. To launch the Theme Builder locally, run the following code:
+
+```python
+import gradio as gr
+
+gr.themes.builder()
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-builder.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+## You can use the Theme Builder running on Spaces above, though it runs much faster when you launch it locally via `gr.themes.builder()`.
+
+## As you edit the values in the Theme Builder, the app will preview updates in real time. You can download the code to generate the theme you've created so you can use it in any Gradio app.
+
+## In the rest of the guide, we will cover building themes programmatically.
+
+### Extending Themes via the Constructor
+
+## Although each theme has hundreds of CSS variables, the values for most these variables are drawn from 8 core variables which can be set through the constructor of each prebuilt theme. Modifying these 8 arguments allows you to quickly change the look and feel of your app.
+
+### Core Colors
+
+## The first 3 constructor arguments set the colors of the theme and are `gradio.themes.Color` objects. Internally, these Color objects hold brightness values for the palette of a single hue, ranging from 50, 100, 200..., 800, 900, 950. Other CSS variables are derived from these 3 colors.
+
+## The 3 color constructor arguments are:
+
+- -- `primary_hue`: This is the color draws attention in your theme. In the default theme, this is set to `gradio.themes.colors.orange`.
+- -- `secondary_hue`: This is the color that is used for secondary elements in your theme. In the default theme, this is set to `gradio.themes.colors.blue`.
+- -- `neutral_hue`: This is the color that is used for text and other neutral elements in your theme. In the default theme, this is set to `gradio.themes.colors.gray`.
+
+## You could modify these values using their string shortcuts, such as
+
+```python
+with gr.Blocks(theme=gr.themes.Default(primary_hue="red", secondary_hue="pink")) as demo:
+    ...
+```
+
+## or you could use the `Color` objects directly, like this:
+
+```python
+with gr.Blocks(theme=gr.themes.Default(primary_hue=gr.themes.colors.red, secondary_hue=gr.themes.colors.pink)) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-1.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+## Predefined colors are:
+
+- -- `slate`
+- -- `gray`
+- -- `zinc`
+- -- `neutral`
+- -- `stone`
+- -- `red`
+- -- `orange`
+- -- `amber`
+- -- `yellow`
+- -- `lime`
+- -- `green`
+- -- `emerald`
+- -- `teal`
+- -- `cyan`
+- -- `sky`
+- -- `blue`
+- -- `indigo`
+- -- `violet`
+- -- `purple`
+- -- `fuchsia`
+- -- `pink`
+- -- `rose`
+
+You could also create your own custom `Color` objects and pass them in.
+
+### Core Sizing
+
+The next 3 constructor arguments set the sizing of the theme and are `gradio.themes.Size` objects. Internally, these Size objects hold pixel size values that range from `xxs` to `xxl`. Other CSS variables are derived from these 3 sizes.
+
+- -- `spacing_size`: This sets the padding within and spacing between elements. In the default theme, this is set to `gradio.themes.sizes.spacing_md`.
+- -- `radius_size`: This sets the roundedness of corners of elements. In the default theme, this is set to `gradio.themes.sizes.radius_md`.
+- -- `text_size`: This sets the font size of text. In the default theme, this is set to `gradio.themes.sizes.text_md`.
+
+## You could modify these values using their string shortcuts, such as
+
+```python
+with gr.Blocks(theme=gr.themes.Default(spacing_size="sm", radius_size="none")) as demo:
+    ...
+```
+
+## or you could use the `Size` objects directly, like this:
+
+```python
+with gr.Blocks(theme=gr.themes.Default(spacing_size=gr.themes.sizes.spacing_sm, radius_size=gr.themes.sizes.radius_none)) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-2.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+## The predefined size objects are:
+
+- -- `radius_none`
+- -- `radius_sm`
+- -- `radius_md`
+- -- `radius_lg`
+- -- `spacing_sm`
+- -- `spacing_md`
+- -- `spacing_lg`
+- -- `text_sm`
+- -- `text_md`
+- -- `text_lg`
+
+## You could also create your own custom `Size` objects and pass them in.
+
+### Core Fonts
+
+## The final 2 constructor arguments set the fonts of the theme. You can pass a list of fonts to each of these arguments to specify fallbacks. If you provide a string, it will be loaded as a system font. If you provide a `gradio.themes.GoogleFont`, the font will be loaded from Google Fonts.
+
+- -- `font`: This sets the primary font of the theme. In the default theme, this is set to `gradio.themes.GoogleFont("Source Sans Pro")`.
+- -- `font_mono`: This sets the monospace font of the theme. In the default theme, this is set to `gradio.themes.GoogleFont("IBM Plex Mono")`.
+
+## You could modify these values such as the following:
+
+```python
+with gr.Blocks(theme=gr.themes.Default(font=[gr.themes.GoogleFont("Inconsolata"), "Arial", "sans-serif"])) as demo:
+    ...
+```
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-extended-step-3.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+### Extending Themes via `.set()`
+
+## You can also modify the values of CSS variables after the theme has been loaded. To do so, use the `.set()` method of the theme object to get access to the CSS variables. For example:
+
+```python
+theme = gr.themes.Default(primary_hue="blue").set(
+    loader_color="#FF0000",
+    slider_color="#FF0000",
+)
+
+with gr.Blocks(theme=theme) as demo:
+    ...
+```
+
+## In the example above, we've set the `loader_color` and `slider_color` variables to `#FF0000`, despite the overall `primary_color` using the blue color palette. You can set any CSS variable that is defined in the theme in this manner.
+
+## Your IDE type hinting should help you navigate these variables. Since there are so many CSS variables, let's take a look at how these variables are named and organized.
+
+### CSS Variable Naming Conventions
+
+## CSS variable names can get quite long, like `button_primary_background_fill_hover_dark`! However they follow a common naming convention that makes it easy to understand what they do and to find the variable you're looking for. Separated by underscores, the variable name is made up of:
+
+- -- 1. The target element, such as `button`, `slider`, or `block`.
+- -- 2. The target element type or sub-element, such as `button_primary`, or `block_label`.
+- -- 3. The property, such as `button_primary_background_fill`, or `block_label_border_width`.
+- -- 4. Any relevant state, such as `button_primary_background_fill_hover`.
+- -- 5. If the value is different in dark mode, the suffix `_dark`. For example, `input_border_color_focus_dark`.
+
+## Of course, many CSS variable names are shorter than this, such as `table_border_color`, or `input_shadow`.
+
+### CSS Variable Organization
+
+## Though there are hundreds of CSS variables, they do not all have to have individual values. They draw their values by referencing a set of core variables and referencing each other. This allows us to only have to modify a few variables to change the look and feel of the entire theme, while also getting finer control of individual elements that we may want to modify.
+
+#### Referencing Core Variables
+
+## To reference one of the core constructor variables, precede the variable name with an asterisk. To reference a core color, use the `*primary_`, `*secondary_`, or `*neutral_` prefix, followed by the brightness value. For example:
+
+```python
+theme = gr.themes.Default(primary_hue="blue").set(
+    button_primary_background_fill="*primary_200",
+    button_primary_background_fill_hover="*primary_300",
+)
+```
+
+## In the example above, we've set the `button_primary_background_fill` and `button_primary_background_fill_hover` variables to `*primary_200` and `*primary_300`. These variables will be set to the 200 and 300 brightness values of the blue primary color palette, respectively.
+
+## Similarly, to reference a core size, use the `*spacing_`, `*radius_`, or `*text_` prefix, followed by the size value. For example:
+
+```python
+theme = gr.themes.Default(radius_size="md").set(
+    button_primary_border_radius="*radius_xl",
+)
+```
+
+## In the example above, we've set the `button_primary_border_radius` variable to `*radius_xl`. This variable will be set to the `xl` setting of the medium radius size range.
+
+### Referencing Other Variables
+
+## Variables can also reference each other. For example, look at the example below:
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_hover="#FF0000",
+    button_primary_border="#FF0000",
+)
+```
+
+## Having to set these values to a common color is a bit tedious. Instead, we can reference the `button_primary_background_fill` variable in the `button_primary_background_fill_hover` and `button_primary_border` variables, using a `*` prefix.
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_hover="*button_primary_background_fill",
+    button_primary_border="*button_primary_background_fill",
+)
+```
+
+## Now, if we change the `button_primary_background_fill` variable, the `button_primary_background_fill_hover` and `button_primary_border` variables will automatically update as well.
+
+## This is particularly useful if you intend to share your theme - it makes it easy to modify the theme without having to change every variable.
+
+## Note that dark mode variables automatically reference each other. For example:
+
+```python
+theme = gr.themes.Default().set(
+    button_primary_background_fill="#FF0000",
+    button_primary_background_fill_dark="#AAAAAA",
+    button_primary_border="*button_primary_background_fill",
+    button_primary_border_dark="*button_primary_background_fill_dark",
+)
+```
+
+## `button_primary_border_dark` will draw its value from `button_primary_background_fill_dark`, because dark mode always draw from the dark version of the variable.
+
+### Creating a Full Theme
+
+## Let's say you want to create a theme from scratch! We'll go through it step by step - you can also see the source of prebuilt themes in the gradio source repo for reference - [here's the source](https://github.com/gradio-app/gradio/blob/main/gradio/themes/monochrome.py) for the Monochrome theme.
+
+## Our new theme class will inherit from `gradio.themes.Base`, a theme that sets a lot of convenient defaults. Let's make a simple demo that creates a dummy theme called Seafoam, and make a simple app that uses it.
+
+$code_theme_new_step_1
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-1.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+
+## The Base theme is very barebones, and uses `gr.themes.Blue` as it primary color - you'll note the primary button and the loading animation are both blue as a result. Let's change the defaults core arguments of our app. We'll overwrite the constructor and pass new defaults for the core constructor arguments.
+
+## We'll use `gr.themes.Emerald` as our primary color, and set secondary and neutral hues to `gr.themes.Blue`. We'll make our text larger using `text_lg`. We'll use `Quicksand` as our default font, loaded from Google Fonts.
+
+$code_theme_new_step_2
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-2.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+See how the primary button and the loading animation are now green? These CSS variables are tied to the `primary_hue` variable.
+
+Let's modify the theme a bit more directly. We'll call the `set()` method to overwrite CSS variable values explicitly. We can use any CSS logic, and reference our core constructor arguments using the `*` prefix.
+
+$code_theme_new_step_3
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-new-step-3.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+Look how fun our theme looks now! With just a few variable changes, our theme looks completely different.
+
+You may find it helpful to explore the [source code of the other prebuilt themes](https://github.com/gradio-app/gradio/blob/main/gradio/themes) to see how they modified the base theme. You can also find your browser's Inspector useful to select elements from the UI and see what CSS variables are being used in the styles panel.
+
+## Sharing Themes
+
+Once you have created a theme, you can upload it to the HuggingFace Hub to let others view it, use it, and build off of it!
+
+### Uploading a Theme
+
+There are two ways to upload a theme, via the theme class instance or the command line. We will cover both of them with the previously created `seafoam` theme.
+
+- Via the class instance
+
+Each theme instance has a method called `push_to_hub` we can use to upload a theme to the HuggingFace hub.
+
+```python
+seafoam.push_to_hub(repo_name="seafoam",
+                    version="0.0.1",
+					hf_token="<token>")
+```
+
+- Via the command line
+
+First save the theme to disk
+
+```python
+seafoam.dump(filename="seafoam.json")
+```
+
+Then use the `upload_theme` command:
+
+```bash
+upload_theme\
+"seafoam.json"\
+"seafoam"\
+--version "0.0.1"\
+--hf_token "<token>"
+```
+
+In order to upload a theme, you must have a HuggingFace account and pass your [Access Token](https://huggingface.co/docs/huggingface_hub/quick-start#login)
+as the `hf_token` argument. However, if you log in via the [HuggingFace command line](https://huggingface.co/docs/huggingface_hub/quick-start#login) (which comes installed with `gradio`),
+you can omit the `hf_token` argument.
+
+The `version` argument lets you specify a valid [semantic version](https://www.geeksforgeeks.org/introduction-semantic-versioning/) string for your theme.
+That way your users are able to specify which version of your theme they want to use in their apps. This also lets you publish updates to your theme without worrying
+about changing how previously created apps look. The `version` argument is optional. If omitted, the next patch version is automatically applied.
+
+### Theme Previews
+
+By calling `push_to_hub` or `upload_theme`, the theme assets will be stored in a [HuggingFace space](https://huggingface.co/docs/hub/spaces-overview).
+
+The theme preview for our seafoam theme is here: [seafoam preview](https://huggingface.co/spaces/gradio/seafoam).
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-seafoam.hf.space?__theme=light"
+	frameborder="0"
+></iframe>
+</div>
+
+### Discovering Themes
+
+The [Theme Gallery](https://huggingface.co/spaces/gradio/theme-gallery) shows all the public gradio themes. After publishing your theme,
+it will automatically show up in the theme gallery after a couple of minutes.
+
+You can sort the themes by the number of likes on the space and from most to least recently created as well as toggling themes between light and dark mode.
+
+<div class="wrapper">
+<iframe
+	src="https://gradio-theme-gallery.static.hf.space"
+	frameborder="0"
+></iframe>
+</div>
+
+### Downloading
+
+To use a theme from the hub, use the `from_hub` method on the `ThemeClass` and pass it to your app:
+
+```python
+my_theme = gr.Theme.from_hub("gradio/seafoam")
+
+with gr.Blocks(theme=my_theme) as demo:
+    ....
+```
+
+You can also pass the theme string directly to `Blocks` or `Interface` (`gr.Blocks(theme="gradio/seafoam")`)
+
+You can pin your app to an upstream theme version by using semantic versioning expressions.
+
+For example, the following would ensure the theme we load from the `seafoam` repo was between versions `0.0.1` and `0.1.0`:
+
+```python
+with gr.Blocks(theme="gradio/seafoam@>=0.0.1,<0.1.0") as demo:
+    ....
+```
+
+Enjoy creating your own themes! If you make one you're proud of, please share it with the world by uploading it to the hub!
+If you tag us on [Twitter](https://twitter.com/gradio) we can give your theme a shout out!
+
+<style>
+.wrapper {
+    position: relative;
+    padding-bottom: 56.25%;
+    padding-top: 25px;
+    height: 0;
+}
+.wrapper iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+</style>
diff --git a/js/_website/src/lib/templates/gradio/other/NO_RELOAD.svx b/js/_website/src/lib/templates/gradio/other/NO_RELOAD.svx
new file mode 100644
index 0000000..c1de13b
--- /dev/null
+++ b/js/_website/src/lib/templates/gradio/other/NO_RELOAD.svx
@@ -0,0 +1,29 @@
+
+<script lang="ts">
+    import CopyButton from "$lib/components/CopyButton.svelte";
+</script>
+
+<!--- Title -->
+# NO_RELOAD
+
+<!--- Usage -->
+```python
+if gr.NO_RELOAD:
+```
+
+<!--- Description -->
+### Description
+## Any code in a `if gr.NO_RELOAD` code-block will not be re-evaluated when the source file is reloaded. This is helpful for importing modules that do not like to be reloaded (tiktoken, numpy) as well as database connections and long running set up code.
+
+<!-- Example Usage --> 
+
+### Example Usage
+```python
+import gradio as gr
+
+if gr.NO_RELOAD:
+	from transformers import pipeline
+	pipe = pipeline("text-classification", model="cardiffnlp/twitter-roberta-base-sentiment-latest")
+
+gr.Interface.from_pipeline(pipe).launch()
+```
diff --git a/js/_website/src/lib/templates/process_json.ts b/js/_website/src/lib/templates/process_json.ts
new file mode 100644
index 0000000..ba69b5f
--- /dev/null
+++ b/js/_website/src/lib/templates/process_json.ts
@@ -0,0 +1,27 @@
+import docs_json from "./docs.json";
+
+let docs: { [key: string]: any } = docs_json.docs;
+
+export function get_object(name: string) {
+	let obj: any;
+	if (name === "events" || name === "events_matrix") {
+		obj = docs["gradio"][name];
+		return obj;
+	}
+	for (const library in docs) {
+		for (const key in docs[library]) {
+			if (key === name && key !== "chatinterface") {
+				obj = docs[library][key];
+				break;
+			} else {
+				for (const o in docs[library][key]) {
+					if (o === name) {
+						obj = docs[library][key][o];
+						break;
+					}
+				}
+			}
+		}
+	}
+	return obj;
+}
diff --git a/js/_website/src/lib/templates/python-client/gradio_client/01_introduction.svx b/js/_website/src/lib/templates/python-client/gradio_client/01_introduction.svx
new file mode 100644
index 0000000..232e15a
--- /dev/null
+++ b/js/_website/src/lib/templates/python-client/gradio_client/01_introduction.svx
@@ -0,0 +1,350 @@
+<script lang="ts">
+    import CopyButton from "$lib/components/CopyButton.svelte";
+</script>
+
+# Introduction
+
+## The lightweight Gradio client libraries make it easy to use any Gradio app as an API. We currently support both a Python client library as well as a JavaScript client library.
+
+## The Python client library is gradio_client. It's included in the latest versions of the gradio package, but for a more lightweight experience, you can install it using pip without having to install gradio:
+
+```bash
+pip install gradio_client
+```
+
+# Getting Started with the Gradio Python client
+
+
+## The Gradio Python client makes it very easy to use any Gradio app as an API. As an example, consider this [Hugging Face Space that transcribes audio files](https://huggingface.co/spaces/abidlabs/whisper) that are recorded from the microphone.
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/whisper-screenshot.jpg)
+
+## Using the `gradio_client` library, we can easily use the Gradio as an API to transcribe audio files programmatically.
+
+## Here's the entire code to do it:
+
+```python
+from gradio_client import Client, file
+
+client = Client("abidlabs/whisper")
+
+client.predict(
+    audio=file("audio_sample.wav")
+)
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+The Gradio client works with any hosted Gradio app! Although the Client is mostly used with apps hosted on [Hugging Face Spaces](https://hf.space), your app can be hosted anywhere, such as your own server.
+
+**Prerequisites**: To use the Gradio client, you do _not_ need to know the `gradio` library in great detail. However, it is helpful to have general familiarity with Gradio's concepts of input and output components.
+
+### Installation
+
+If you already have a recent version of `gradio`, then the `gradio_client` is included as a dependency. But note that this documentation reflects the latest version of the `gradio_client`, so upgrade if you're not sure!
+
+The lightweight `gradio_client` package can be installed from pip (or pip3) and is tested to work with **Python versions 3.9 or higher**:
+
+```bash
+$ pip install --upgrade gradio_client
+```
+
+### Connecting to a Gradio App on Hugging Face Spaces
+
+Start by connecting instantiating a `Client` object and connecting it to a Gradio app that is running on Hugging Face Spaces.
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr")  # a Space that translates from English to French
+```
+
+You can also connect to private Spaces by passing in your HF token with the `hf_token` parameter. You can get your HF token here: https://huggingface.co/settings/tokens
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/my-private-space", hf_token="...")
+```
+
+
+### Duplicating a Space for private use
+
+While you can use any public Space as an API, you may get rate limited by Hugging Face if you make too many requests. For unlimited usage of a Space, simply duplicate the Space to create a private Space,
+and then use it to make as many requests as you'd like!
+
+The `gradio_client` includes a class method: `Client.duplicate()` to make this process simple (you'll need to pass in your [Hugging Face token](https://huggingface.co/settings/tokens) or be logged in using the Hugging Face CLI):
+
+```python
+import os
+from gradio_client import Client, file
+
+HF_TOKEN = os.environ.get("HF_TOKEN")
+
+client = Client.duplicate("abidlabs/whisper", hf_token=HF_TOKEN)
+client.predict(file("audio_sample.wav"))
+
+>> "This is a test of the whisper speech recognition model."
+```
+
+If you have previously duplicated a Space, re-running `duplicate()` will _not_ create a new Space. Instead, the Client will attach to the previously-created Space. So it is safe to re-run the `Client.duplicate()` method multiple times.
+
+**Note:** if the original Space uses GPUs, your private Space will as well, and your Hugging Face account will get billed based on the price of the GPU. To minimize charges, your Space will automatically go to sleep after 1 hour of inactivity. You can also set the hardware using the `hardware` parameter of `duplicate()`.
+
+### Connecting a general Gradio app
+
+If your app is running somewhere else, just provide the full URL instead, including the "http://" or "https://". Here's an example of making predictions to a Gradio app that is running on a share URL:
+
+```python
+from gradio_client import Client
+
+client = Client("https://bec81a83-5b5c-471e.gradio.live")
+```
+
+### Inspecting the API endpoints
+
+Once you have connected to a Gradio app, you can view the APIs that are available to you by calling the `Client.view_api()` method. For the Whisper Space, we see the following:
+
+```bash
+Client.predict() Usage Info
+---------------------------
+Named API endpoints: 1
+
+ - predict(audio, api_name="/predict") -> output
+    Parameters:
+     - [Audio] audio: filepath (required)  
+    Returns:
+     - [Textbox] output: str 
+```
+
+We see  that we have 1 API endpoint in this space, and shows us how to use the API endpoint to make a prediction: we should call the `.predict()` method (which we will explore below), providing a parameter `input_audio` of type `str`, which is a `filepath or URL`.
+
+We should also provide the `api_name='/predict'` argument to the `predict()` method. Although this isn't necessary if a Gradio app has only 1 named endpoint, it does allow us to call different endpoints in a single app if they are available.
+
+### The "View API" Page
+
+As an alternative to running the `.view_api()` method, you can click on the "Use via API" link in the footer of the Gradio app, which shows us the same information, along with example usage. 
+
+![](https://huggingface.co/datasets/huggingface/documentation-images/resolve/main/gradio-guides/view-api.png)
+
+The View API page also includes an "API Recorder" that lets you interact with the Gradio UI normally and converts your interactions into the corresponding code to run with the Python Client.
+
+### Making a prediction
+
+The simplest way to make a prediction is simply to call the `.predict()` function with the appropriate arguments:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/en2fr", api_name='/predict')
+client.predict("Hello")
+
+>> Bonjour
+```
+
+If there are multiple parameters, then you should pass them as separate arguments to `.predict()`, like this:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/calculator")
+client.predict(4, "add", 5)
+
+>> 9.0
+```
+
+It is recommended to provide key-word arguments instead of positional arguments:
+
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/calculator")
+client.predict(num1=4, operation="add", num2=5)
+
+>> 9.0
+```
+
+This allows you to take advantage of default arguments. For example, this Space includes the default value for the Slider component so you do not need to provide it when accessing it with the client.
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/image_generator")
+client.predict(text="an astronaut riding a camel")
+```
+
+The default value is the initial value of the corresponding Gradio component. If the component does not have an initial value, but if the corresponding argument in the predict function has a default value of `None`, then that parameter is also optional in the client. Of course, if you'd like to override it, you can include it as well:
+
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/image_generator")
+client.predict(text="an astronaut riding a camel", steps=25)
+```
+
+For providing files or URLs as inputs, you should pass in the filepath or URL to the file enclosed within `gradio_client.file()`. This takes care of uploading the file to the Gradio server and ensures that the file is preprocessed correctly:
+
+```python
+from gradio_client import Client, file
+
+client = Client("abidlabs/whisper")
+client.predict(
+    audio=file("https://audio-samples.github.io/samples/mp3/blizzard_unconditional/sample-0.mp3")
+)
+
+>> "My thought I have nobody by a beauty and will as you poured. Mr. Rochester is serve in that so don't find simpus, and devoted abode, to at might in a r—"
+```
+
+### Running jobs asynchronously
+
+Oe should note that `.predict()` is a _blocking_ operation as it waits for the operation to complete before returning the prediction.
+
+In many cases, you may be better off letting the job run in the background until you need the results of the prediction. You can do this by creating a `Job` instance using the `.submit()` method, and then later calling `.result()` on the job to get the result. For example:
+
+```python
+from gradio_client import Client
+
+client = Client(space="abidlabs/en2fr")
+job = client.submit("Hello", api_name="/predict")  # This is not blocking
+
+# Do something else
+
+job.result()  # This is blocking
+
+>> Bonjour
+```
+
+### Adding callbacks
+
+Alternatively, one can add one or more callbacks to perform actions after the job has completed running, like this:
+
+```python
+from gradio_client import Client
+
+def print_result(x):
+    print("The translated result is: {x}")
+
+client = Client(space="abidlabs/en2fr")
+
+job = client.submit("Hello", api_name="/predict", result_callbacks=[print_result])
+
+# Do something else
+
+>> The translated result is: Bonjour
+
+```
+
+### Status
+
+The `Job` object also allows you to get the status of the running job by calling the `.status()` method. This returns a `StatusUpdate` object with the following attributes: `code` (the status code, one of a set of defined strings representing the status. See the `utils.Status` class), `rank` (the current position of this job in the queue), `queue_size` (the total queue size), `eta` (estimated time this job will complete), `success` (a boolean representing whether the job completed successfully), and `time` (the time that the status was generated).
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/calculator")
+job = client.submit(5, "add", 4, api_name="/predict")
+job.status()
+
+>> <Status.STARTING: 'STARTING'>
+```
+
+_Note_: The `Job` class also has a `.done()` instance method which returns a boolean indicating whether the job has completed.
+
+### Cancelling Jobs
+
+The `Job` class also has a `.cancel()` instance method that cancels jobs that have been queued but not started. For example, if you run:
+
+```py
+client = Client("abidlabs/whisper")
+job1 = client.submit(file("audio_sample1.wav"))
+job2 = client.submit(file("audio_sample2.wav"))
+job1.cancel()  # will return False, assuming the job has started
+job2.cancel()  # will return True, indicating that the job has been canceled
+```
+
+If the first job has started processing, then it will not be canceled. If the second job
+has not yet started, it will be successfully canceled and removed from the queue.
+
+### Generator Endpoints
+
+Some Gradio API endpoints do not return a single value, rather they return a series of values. You can get the series of values that have been returned at any time from such a generator endpoint by running `job.outputs()`:
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/count_generator")
+job = client.submit(3, api_name="/count")
+while not job.done():
+    time.sleep(0.1)
+job.outputs()
+
+>> ['0', '1', '2']
+```
+
+Note that running `job.result()` on a generator endpoint only gives you the _first_ value returned by the endpoint.
+
+The `Job` object is also iterable, which means you can use it to display the results of a generator function as they are returned from the endpoint. Here's the equivalent example using the `Job` as a generator:
+
+```py
+from gradio_client import Client
+
+client = Client(src="gradio/count_generator")
+job = client.submit(3, api_name="/count")
+
+for o in job:
+    print(o)
+
+>> 0
+>> 1
+>> 2
+```
+
+You can also cancel jobs that that have iterative outputs, in which case the job will finish as soon as the current iteration finishes running.
+
+```py
+from gradio_client import Client
+import time
+
+client = Client("abidlabs/test-yield")
+job = client.submit("abcdef")
+time.sleep(3)
+job.cancel()  # job cancels after 2 iterations
+```
+
+### Demos with Session State
+
+Gradio demos can include [session state](https://www.gradio.app/guides/state-in-blocks), which provides a way for demos to persist information from user interactions within a page session.
+
+For example, consider the following demo, which maintains a list of words that a user has submitted in a `gr.State` component. When a user submits a new word, it is added to the state, and the number of previous occurrences of that word is displayed:
+
+```python
+import gradio as gr
+
+def count(word, list_of_words):
+    return list_of_words.count(word), list_of_words + [word]
+
+with gr.Blocks() as demo:
+    words = gr.State([])
+    textbox = gr.Textbox()
+    number = gr.Number()
+    textbox.submit(count, inputs=[textbox, words], outputs=[number, words])
+    
+demo.launch()
+```
+
+If you were to connect this this Gradio app using the Python Client, you would notice that the API information only shows a single input and output:
+
+```csv
+Client.predict() Usage Info
+---------------------------
+Named API endpoints: 1
+
+ - predict(word, api_name="/count") -> value_31
+    Parameters:
+     - [Textbox] word: str (required)  
+    Returns:
+     - [Number] value_31: float 
+```
+
+That is because the Python client handles state automatically for you -- as you make a series of requests, the returned state from one request is stored internally and automatically supplied for the subsequent request. If you'd like to reset the state, you can do that by calling `Client.reset_session()`.
diff --git a/js/_website/src/lib/templates/python-client/gradio_client/02_version-1-release.svx b/js/_website/src/lib/templates/python-client/gradio_client/02_version-1-release.svx
new file mode 100644
index 0000000..198c52b
--- /dev/null
+++ b/js/_website/src/lib/templates/python-client/gradio_client/02_version-1-release.svx
@@ -0,0 +1,157 @@
+<script lang="ts">
+    import CopyButton from "$lib/components/CopyButton.svelte";
+</script>
+
+# Clients 1.0 Launch!
+
+We're excited to unveil the first major release of the Gradio clients.
+We've made it even easier to turn any Gradio application into a production endpoint thanks to the clients' **ergonomic**, **transparent**, and **portable** design.
+
+
+### Ergonomic API 💆
+
+<br>
+
+**Stream From a Gradio app in 5 lines**
+<br>
+
+Use the `submit` method to get a job you can iterate over.
+
+<br>
+
+In python:
+```python
+from gradio_client import Client
+
+client = Client("gradio/llm_stream")
+
+for result in client.submit("What's the best UI framework in Python?"):
+    print(result)
+```
+<br>
+
+In typescript:
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("gradio/llm_stream")
+const job = client.submit("/predict", {"text": "What's the best UI framework in Python?"})
+
+for await (const msg of job) console.log(msg.data)
+```
+
+<br>
+
+**Use the same keyword arguments as the app**
+<br>
+In the examples below, the upstream app has a function with parameters called `message`, `system_prompt`, and `tokens`.
+We can see that the client `predict` call uses the same arguments.
+
+In python:
+```python
+from gradio_client import Client
+
+client = Client("http://127.0.0.1:7860/")
+result = client.predict(
+		message="Hello!!",
+		system_prompt="You are helpful AI.",
+		tokens=10,
+		api_name="/chat"
+)
+print(result)
+```
+
+In typescript:
+```ts
+import { Client } from "@gradio/client";
+
+const client = await Client.connect("http://127.0.0.1:7860/");
+const result = await client.predict("/chat", { 		
+		message: "Hello!!", 		
+		system_prompt: "Hello!!", 		
+		tokens: 10, 
+});
+
+console.log(result.data);
+```
+<br>
+
+**Better Error Messages**
+<br>
+If something goes wrong in the upstream app, the client will raise the same exception as the app provided that `show_error=True` in the original app's `launch()` function, or it's a `gr.Error` exception.
+
+### Transparent Design 🪟
+
+Anything you can do in the UI, you can do with the client:
+* 🔐Authentication 
+* 🛑 Job Cancelling
+* ℹ️ Access Queue Position and API
+* 📕 View the API information
+
+<br>
+Here's an example showing how to display the queue position of a pending job:
+
+```python
+from gradio_client import Client
+
+client = Client("gradio/diffusion_model")
+
+job = client.submit("A cute cat")
+while not job.done():
+    status = job.status()
+    print(f"Current in position {status.rank} out of {status.queue_size}")
+```
+
+
+### Portable Design ⛺️
+<br>
+The client can run from pretty much any python and javascript environment (node, deno, the browser, Service Workers). 
+<br>
+Here's an example using the client from a Flask server using gevent:
+
+```python
+from gevent import monkey
+monkey.patch_all()
+
+from gradio_client import Client
+from flask import Flask, send_file
+import time
+
+app = Flask(__name__)
+
+imageclient = Client("gradio/diffusion_model")
+
+@app.route("/gen")
+def gen():
+      result = imageclient.predict(
+                "A cute cat",
+                api_name="/predict"
+              )
+      return send_file(result)
+
+if __name__ == "__main__":
+      app.run(host="0.0.0.0", port=5000)
+```
+
+### v1.0 Migration Guide and Breaking Changes
+
+<br>
+
+**Python**
+<ul>
+    <li>The `serialize` argument of the `Client` class was removed and has no effect. </li>
+    <li>The `upload_files` argument of the `Client` was removed.</li>
+    <li>All filepaths must be wrapped in the `handle_file` method. For example, `caption = client.predict(handle_file('./dog.jpg'))`.</li>
+    <li>The `output_dir` argument was removed. It is not specified in the `download_files` argument.</li>
+</ul>
+<br>
+
+**Javascript**
+<br>
+The client has been redesigned entirely. It was refactored from a function into a class. An instance can now be constructed by awaiting the `connect` method.
+
+```js
+const app = await Client.connect("gradio/whisper")
+```
+The app variable has the same methods as the python class (`submit`, `predict`, `view_api`, `duplicate`).
+
diff --git a/js/_website/src/lib/templates/python-client/gradio_client/03_using-zero-gpu-spaces.svx b/js/_website/src/lib/templates/python-client/gradio_client/03_using-zero-gpu-spaces.svx
new file mode 100644
index 0000000..3de71a0
--- /dev/null
+++ b/js/_website/src/lib/templates/python-client/gradio_client/03_using-zero-gpu-spaces.svx
@@ -0,0 +1,58 @@
+<script lang="ts">
+    import CopyButton from "$lib/components/CopyButton.svelte";
+</script>
+
+# Using ZeroGPU Spaces with the Clients
+
+Hugging Face Spaces now offers a new hardware option called ZeroGPU.
+ZeroGPU is a "serverless" cluster of spaces that let Gradio applications run on A100 GPUs for free.
+These kinds of spaces are a great foundation to build new applications on top of with the python gradio client, but you need to take care to avoid ZeroGPU's rate limiting.
+
+### Explaining Rate Limits for ZeroGPU
+
+ZeroGPU spaces are rate-limited to ensure that a single user does not hog all of the available GPUs.
+The limit is controlled by a special token that the Hugging Face Hub infrastructure adds to all incoming requests to Spaces.
+This token is a request header called `X-IP-Token` and its value changes depending on the user who makes a request to the ZeroGPU space.
+<br>
+
+Let's say you want to create a space (Space A) that uses a ZeroGPU space (Space B) programmatically.
+Normally, calling Space B from Space A with the Gradio Python client would quickly exhaust Space B's rate limit, as all the requests to the ZeroGPU space
+would be missing the `X-IP-Token` request header and would therefore be treated as unauthenticated. 
+
+In order to avoid this, we need to extract the `X-IP-Token` of the user using Space A before we call Space B programmatically.
+Where possible, specifically in the case of functions that are passed into event listeners directly, Gradio automatically
+extracts the `X-IP-Token` from the incoming request and passes it into the Gradio Client. But if the Client 
+is instantiated outside of such a function, then you may need to pass in the token manually.
+
+How to do this will be explained in the following section.
+
+### Avoiding Rate Limits by Manually Passing an IP Token
+
+In the following hypothetical example, when a user presses enter in the textbox, the `generate()` function
+is called, which calls a second function, `text_to_image()`. Because the Gradio Client is being
+instantiated indirectly, in `text_to_image()`, we will need to extract their token from the `X-IP-Token` header of the incoming request.
+We will use this header when constructing the gradio client.
+
+
+```python
+import gradio as gr
+from gradio_client import Client
+
+def text_to_image(prompt, request: gr.Request):
+    x_ip_token = request.headers['x-ip-token']
+    client = Client("hysts/SDXL", headers={"x-ip-token": x_ip_token})
+    img = client.predict(prompt, api_name="/predict")
+    return img
+
+def generate(prompt, request: gr.Request):
+    prompt = prompt[:300]
+    return text_to_image(prompt, request)
+
+with gr.Blocks() as demo:
+    image = gr.Image()
+    prompt = gr.Textbox(max_lines=1)
+    prompt.submit(generate, [prompt], [image])
+
+demo.launch()
+```
+
diff --git a/js/_website/src/lib/templates/python-client/gradio_client/client.svx b/js/_website/src/lib/templates/python-client/gradio_client/client.svx
new file mode 100644
index 0000000..aabb82a
--- /dev/null
+++ b/js/_website/src/lib/templates/python-client/gradio_client/client.svx
@@ -0,0 +1,68 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("client");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio_client.Client(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+### Example usage
+```python
+from gradio_client import Client
+
+client = Client("abidlabs/whisper-large-v2")  # connecting to a Hugging Face Space
+client.predict("test.mp4", api_name="/predict")
+>> What a nice recording! # returns the result of the remote API call
+
+client = Client("https://bec81a83-5b5c-471e.gradio.live")  # connecting to a temporary Gradio share URL
+job = client.submit("hello", api_name="/predict")  # runs the prediction in a background thread
+job.result()
+>> 49 # returns the result of the remote API call (blocking call)
+```
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/python-client/gradio_client/job.svx b/js/_website/src/lib/templates/python-client/gradio_client/job.svx
new file mode 100644
index 0000000..185ff7c
--- /dev/null
+++ b/js/_website/src/lib/templates/python-client/gradio_client/job.svx
@@ -0,0 +1,55 @@
+
+<script lang="ts">
+    import {get_object} from "../../process_json.ts";
+    import ParamTable from "$lib/components/ParamTable.svelte";
+    import ShortcutTable from "$lib/components/ShortcutTable.svelte";
+    import DemosSection from "$lib/components/DemosSection.svelte";
+    import FunctionsSection from "$lib/components/FunctionsSection.svelte";
+    import GuidesSection from "$lib/components/GuidesSection.svelte";
+    import CopyButton from "$lib/components/CopyButton.svelte";
+    import { style_formatted_text } from "$lib/text";
+
+    let obj = get_object("job");
+</script>
+
+<!--- Title -->
+# {obj.name}
+
+<!--- Usage -->
+```python
+gradio_client.Job(···)
+```
+
+<!--- Description -->
+### Description
+## {@html style_formatted_text(obj.description)}
+
+
+<!--- Initialization -->
+### Initialization
+<ParamTable parameters={obj.parameters} anchor_links={obj.name}/>
+
+
+{#if obj.string_shortcuts && obj.string_shortcuts.length > 0}
+<!--- Shortcuts -->
+### Shortcuts
+<ShortcutTable shortcuts={obj.string_shortcuts} />
+{/if}
+
+{#if obj.demos && obj.demos.length > 0}
+<!--- Demos -->
+### Demos 
+<DemosSection demos={obj.demos} />
+{/if}
+
+{#if obj.fns && obj.fns.length > 0}
+<!--- Event Listeners -->
+### Event Listeners 
+<FunctionsSection fns={obj.fns} event_listeners={true} />
+{/if}
+
+{#if obj.guides && obj.guides.length > 0}
+<!--- Guides -->
+<!--- the guide section below is still necessary to scrape the guides on the side navigation -->
+<GuidesSection guides={obj.guides}/>
+{/if}
diff --git a/js/_website/src/lib/templates/third-party-clients/third-party-clients/01_introduction.svx b/js/_website/src/lib/templates/third-party-clients/third-party-clients/01_introduction.svx
new file mode 100644
index 0000000..73a0c96
--- /dev/null
+++ b/js/_website/src/lib/templates/third-party-clients/third-party-clients/01_introduction.svx
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import CopyButton from "$lib/components/CopyButton.svelte";
+</script>
+
+# Introduction
+
+### Gradio Clients
+## Gradio applications support programmatic requests from many environments:
+
+- The [Python Client](/docs/python-client): `gradio-client` allows you to make requests from Python environments. 
+- The [JavaScript Client](/docs/js-client): `@gradio/client` allows you to make requests in TypeScript from the browser or server-side.
+- You can also query gradio apps [directly from cURL](/guides/querying-gradio-apps-with-curl). 
+
+### Community Clients
+## We also encourage the development and use of third party clients built by the community: 
+
+- [Rust Client](/docs/third-party-clients/rust-client): `gradio-rs` built by [@JacobLinCool](https://github.com/JacobLinCool) allows you to make requests in Rust. 
+- [Powershell Client](https://github.com/rrg92/powershai): `powershai` built by [@rrg92](https://github.com/rrg92) allows you to make requests to Gradio apps directly from Powershell. See [here for documentation](https://github.com/rrg92/powershai/blob/main/docs/en-US/providers/HUGGING-FACE.md)
\ No newline at end of file
diff --git a/js/_website/src/lib/templates/third-party-clients/third-party-clients/rust-client.svx b/js/_website/src/lib/templates/third-party-clients/third-party-clients/rust-client.svx
new file mode 100644
index 0000000..f9b96a2
--- /dev/null
+++ b/js/_website/src/lib/templates/third-party-clients/third-party-clients/rust-client.svx
@@ -0,0 +1,89 @@
+<script lang="ts">
+    import CopyButton from "$lib/components/CopyButton.svelte";
+</script>
+
+# gradio-rs
+
+### Introduction
+## `gradio-rs` is a Gradio Client in Rust built by [@JacobLinCool](https://github.com/JacobLinCool). You can find the repo [here](https://github.com/JacobLinCool/gradio-rs), and more in depth API documentation [here](https://docs.rs/gradio/latest/gradio/). 
+
+### Usage
+
+## Here is an example of using BS-RoFormer model to separate vocals and background music from an audio file.
+
+```rust
+use gradio::{PredictionInput, Client, ClientOptions};
+
+#[tokio::main]
+async fn main() {
+    if std::env::args().len() < 2 {
+        println!("Please provide an audio file path as an argument");
+        std::process::exit(1);
+    }
+    let args: Vec<String> = std::env::args().collect();
+    let file_path = &args[1];
+    println!("File: {}", file_path);
+
+    let client = Client::new("JacobLinCool/vocal-separation", ClientOptions::default())
+        .await
+        .unwrap();
+
+    let output = client
+        .predict(
+            "/separate",
+            vec![
+                PredictionInput::from_file(file_path),
+                PredictionInput::from_value("BS-RoFormer"),
+            ],
+        )
+        .await
+        .unwrap();
+    println!(
+        "Vocals: {}",
+        output[0].clone().as_file().unwrap().url.unwrap()
+    );
+    println!(
+        "Background: {}",
+        output[1].clone().as_file().unwrap().url.unwrap()
+    );
+}
+```
+
+## You can find more examples [here](https://github.com/JacobLinCool/gradio-rs/tree/main/examples). 
+
+### Command Line Interface
+
+```bash
+cargo install gradio
+gr --help
+```
+## Take [stabilityai/stable-diffusion-3-medium](https://huggingface.co/spaces/stabilityai/stable-diffusion-3-medium) HF Space as an example:
+
+```bash
+> gr list stabilityai/stable-diffusion-3-medium
+API Spec for stabilityai/stable-diffusion-3-medium:
+        /infer
+                Parameters:
+                        prompt               ( str      ) 
+                        negative_prompt      ( str      ) 
+                        seed                 ( float    ) numeric value between 0 and 2147483647
+                        randomize_seed       ( bool     ) 
+                        width                ( float    ) numeric value between 256 and 1344
+                        height               ( float    ) numeric value between 256 and 1344
+                        guidance_scale       ( float    ) numeric value between 0.0 and 10.0
+                        num_inference_steps  ( float    ) numeric value between 1 and 50
+                Returns:
+                        Result               ( filepath ) 
+                        Seed                 ( float    ) numeric value between 0 and 2147483647
+
+> gr run stabilityai/stable-diffusion-3-medium infer 'Rusty text "AI & CLI" on the snow.' '' 0 true 1024 1024 5 28
+Result: https://stabilityai-stable-diffusion-3-medium.hf.space/file=/tmp/gradio/5735ca7775e05f8d56d929d8f57b099a675c0a01/image.webp
+Seed: 486085626
+```
+
+## For file input, simply use the file path as the argument:
+
+```bash
+gr run hf-audio/whisper-large-v3 predict 'test-audio.wav' 'transcribe'
+output: " Did you know you can try the coolest model on your command line?"
+```
\ No newline at end of file
diff --git a/js/_website/src/lib/text.ts b/js/_website/src/lib/text.ts
new file mode 100644
index 0000000..31723d0
--- /dev/null
+++ b/js/_website/src/lib/text.ts
@@ -0,0 +1,28 @@
+const regex_italic = /\*(.*?)\*/g;
+const regex_code = /`(.*?)`/g;
+const regex_curly_brackets = /\{(.*?)\}/g;
+const regex_auto_links = /\b(https?:\/\/\S+)/g;
+const regex_double_dash = /(^|\n)--\s+(.+)/g;
+const regex_single_dash = /(^|\n)-\s+(.+)/g;
+const regex_new_line = /\\n/g;
+
+export function style_formatted_text(formatted_text: string | null): string {
+	if (!formatted_text) return "";
+	return formatted_text
+		.replace(regex_new_line, "\n")
+		.replace(regex_italic, "<em class='italic font-semibold'>$1</em>")
+		.replace(
+			regex_code,
+			"<code class='text-orange-500' style='font-family: monospace; font-size: 0.9em;'>$1</code>"
+		)
+		.replace(
+			regex_curly_brackets,
+			"<code class='text-orange-500' style='font-family: monospace; font-size: 0.9em;'>$1</code>"
+		)
+		.replace(
+			regex_auto_links,
+			"<a href='$1' target='_blank' class='text-orange-500'>$1</a>"
+		)
+		.replace(regex_double_dash, "$1<ul><ul><li>$2</li></ul></ul>")
+		.replace(regex_single_dash, "$1<ul><li>$2</li></ul>");
+}
diff --git a/js/_website/src/lib/utils.ts b/js/_website/src/lib/utils.ts
new file mode 100644
index 0000000..f08445e
--- /dev/null
+++ b/js/_website/src/lib/utils.ts
@@ -0,0 +1,67 @@
+import { writable } from "svelte/store";
+
+const sizes = {
+	sm: "(min-width: 640px)",
+	md: "(min-width: 768px)",
+	lg: "(min-width: 1024px)",
+	xl: "(min-width: 1280px)",
+	"2xl": "(min-width: 1536px)",
+	"3xl": "(min-width: 1920px)"
+} as const;
+
+const _default = {
+	sm: false,
+	md: false,
+	lg: false,
+	xl: false,
+	"2xl": false,
+	"3xl": false
+};
+
+export const media_query = () => {
+	const { subscribe, update } = writable(_default);
+
+	const listeners: {
+		[key: string]: [MediaQueryList, (ev: MediaQueryListEvent) => any];
+	} = {};
+	const onChange = (key: string) => () =>
+		update((s) => ({ ...s, [key]: !!listeners[key][0].matches }));
+
+	if (typeof window !== "undefined") {
+		for (const key in sizes) {
+			const mql = window.matchMedia(sizes[key as keyof typeof sizes]);
+			const listener = onChange(key);
+
+			mql.addEventListener("change", listener);
+
+			listeners[key] = [mql, listener];
+		}
+	}
+
+	const cleanup = () => {
+		for (const key in listeners) {
+			const [_mql, _listener] = listeners[key];
+			_mql.removeEventListener("change", _listener);
+		}
+	};
+
+	return { subscribe, cleanup };
+};
+
+import slugify from "@sindresorhus/slugify";
+
+export function make_slug_processor() {
+	const seen_slugs = new Map();
+
+	return function (name: string) {
+		const slug = slugify(name, { separator: "-", lowercase: true });
+		let count = seen_slugs.get(slug);
+		if (count) {
+			seen_slugs.set(slug, count + 1);
+			return `${slug}-${count + 1}`;
+		} else {
+			seen_slugs.set(slug, 1);
+			return slug;
+		}
+	};
+}
diff --git a/js/_website/src/lib/utils/clean-guide-html.ts b/js/_website/src/lib/utils/clean-guide-html.ts
new file mode 100644
index 0000000..1ee9db2
--- /dev/null
+++ b/js/_website/src/lib/utils/clean-guide-html.ts
@@ -0,0 +1,54 @@
+/**
+ * Convert HTML tip/warning divs back to their original markdown "Tip: " / "Warning: " format,
+ * and replace <gradio-app> embeds with the actual demo source code.
+ * Used when serving guide content as markdown (copy page button, content negotiation).
+ */
+export async function cleanGuideHtml(content: string): Promise<string> {
+	// Convert tip divs back to "Tip: " prefix
+	content = content.replace(
+		/<div class='tip'>\s*<svg[^>]*>[\s\S]*?<\/svg>\s*<div>([\s\S]*?)<\/div>\s*<\/div>/g,
+		(_match, inner) => {
+			const text = inner.replace(/<\/?p>/g, "").trim();
+			return `\nTip: ${text}`;
+		}
+	);
+
+	// Convert warning divs back to "Warning: " prefix
+	content = content.replace(
+		/<div class='warning'>\s*<span[^>]*>[\s\S]*?<\/span>\s*([\s\S]*?)<\/div>/g,
+		(_match, inner) => {
+			const text = inner.replace(/<\/?p>/g, "").trim();
+			return `\nWarning: ${text}`;
+		}
+	);
+
+	// Replace <gradio-app> embeds with demo source code from Hugging Face
+	const appRegex = /<gradio-app\s+space='gradio\/([^']+)'\s*><\/gradio-app>/g;
+	const matches = [...content.matchAll(appRegex)];
+
+	const results = await Promise.all(
+		matches.map(async (match) => {
+			const spaceName = match[1];
+			try {
+				const res = await fetch(
+					`https://huggingface.co/spaces/gradio/${spaceName}/raw/main/app.py`,
+					{ referrerPolicy: "no-referrer" }
+				);
+				if (res.ok) {
+					const code = await res.text();
+					return {
+						full: match[0],
+						replacement: `\`\`\`python\n${code}\n\`\`\``
+					};
+				}
+			} catch {}
+			return { full: match[0], replacement: "" };
+		})
+	);
+
+	for (const { full, replacement } of results) {
+		content = content.replace(full, replacement);
+	}
+
+	return content;
+}
diff --git a/js/_website/src/lib/utils/svx-to-markdown.ts b/js/_website/src/lib/utils/svx-to-markdown.ts
new file mode 100644
index 0000000..e15e59b
--- /dev/null
+++ b/js/_website/src/lib/utils/svx-to-markdown.ts
@@ -0,0 +1,708 @@
+import { compile } from "mdsvex";
+
+let docs: { [key: string]: any } | null = null;
+
+async function getDocs(): Promise<{ [key: string]: any }> {
+	if (docs === null) {
+		const docs_json = await import("$lib/templates/docs.json");
+		docs = docs_json.default?.docs || docs_json.docs;
+	}
+	return docs;
+}
+
+async function get_object(name: string): Promise<any> {
+	const docsData = await getDocs();
+	let obj: any;
+
+	if (name === "events" || name === "events_matrix") {
+		obj = docsData["gradio"][name];
+		return obj;
+	}
+
+	for (const library in docsData) {
+		for (const key in docsData[library]) {
+			if (key === name && key !== "chatinterface") {
+				obj = docsData[library][key];
+				break;
+			} else {
+				for (const o in docsData[library][key]) {
+					if (o === name) {
+						obj = docsData[library][key][o];
+						break;
+					}
+				}
+			}
+		}
+	}
+	return obj;
+}
+
+async function parseScriptObjects(
+	svxContent: string
+): Promise<{ [varName: string]: any }> {
+	const objects: { [varName: string]: any } = {};
+
+	const scriptMatch = svxContent.match(/<script[^>]*>([\s\S]*?)<\/script>/);
+	if (!scriptMatch) return objects;
+
+	const scriptContent = scriptMatch[1];
+
+	// Find all get_object() calls and extract variable names and component names
+	// we need to do this because some svx files have multiple get_object() calls
+	const getObjectRegex = /let\s+(\w+)\s*=\s*get_object\(["']([^"']+)["']\)/g;
+	let match;
+
+	while ((match = getObjectRegex.exec(scriptContent)) !== null) {
+		const varName = match[1];
+		const componentName = match[2];
+
+		const obj = await get_object(componentName);
+		if (obj) {
+			objects[varName] = obj;
+		}
+	}
+
+	return objects;
+}
+
+function extractAttrVariable(
+	htmlValue: string,
+	attrName: string
+): string | null {
+	const regex = new RegExp(`${attrName}=\\{(\\w+)\\.`);
+	const match = htmlValue.match(regex);
+	return match ? match[1] : null;
+}
+
+function decode_html_entities(text: string | null): string {
+	if (text == null) return "";
+
+	const entities: { [key: string]: string } = {
+		"&quot;": '"',
+		"&apos;": "'",
+		"&amp;": "&",
+		"&lt;": "<",
+		"&gt;": ">",
+		"&nbsp;": " ",
+		"&iexcl;": "¡",
+		"&#x27;": "'",
+		"&#39;": "'"
+	};
+
+	const decimal_regex = /&#(\d+);/g;
+	const hex_regex = /&#x([0-9A-Fa-f]+);/g;
+
+	const named_regex = new RegExp(Object.keys(entities).join("|"), "g");
+
+	return text
+		.replace(decimal_regex, (_, code) =>
+			String.fromCharCode(parseInt(code, 10))
+		)
+		.replace(hex_regex, (_, code) => String.fromCharCode(parseInt(code, 16)))
+		.replace(named_regex, (match) => entities[match]);
+}
+
+function strip_html_tags(text: string): string {
+	return text.replace(/<[^>]*>/g, "").trim();
+}
+
+function evaluateExpression(
+	text: string,
+	obj: any,
+	objects: { [varName: string]: any } = {}
+): string {
+	let result = text.replace(/\{(\w+)\.([^}]+)\}/g, (_, varName, path) => {
+		const targetObj = objects[varName] || (varName === "obj" ? obj : null);
+		if (!targetObj) return "";
+
+		const value = getNestedValue(targetObj, path);
+
+		if (typeof value === "string") {
+			return decode_html_entities(strip_html_tags(value));
+		}
+		return String(value ?? "");
+	});
+
+	result = result.replace(
+		/\{@html\s+style_formatted_text\((\w+)\.([\w\[\]\.]+)\)\}/g,
+		(_, varName, path) => {
+			const targetObj = objects[varName] || (varName === "obj" ? obj : null);
+			if (!targetObj) return "";
+
+			const value = getNestedValue(targetObj, path);
+			if (typeof value === "string") {
+				return decode_html_entities(strip_html_tags(value));
+			}
+			return String(value ?? "");
+		}
+	);
+
+	result = result.replace(/\{@html\s+[^}]+\}/g, "");
+
+	return result;
+}
+
+function getNestedValue(obj: any, path: string): any {
+	const parts = path.split(/\.|\[|\]/).filter(Boolean);
+
+	let value = obj;
+	for (const part of parts) {
+		if (value == null) return null;
+		value = value[part];
+	}
+	return value;
+}
+
+function evaluateCondition(condition: string, obj: any): boolean {
+	if (condition.includes("obj.")) {
+		const match = condition.match(/obj\.(\w+)/);
+		if (match) {
+			const prop = match[1];
+			const value = obj[prop];
+
+			if (Array.isArray(value)) {
+				return value.length > 0;
+			}
+			return !!value;
+		}
+	}
+	return true;
+}
+
+function parametersToMarkdownTable(parameters: any[]): string {
+	if (!parameters || parameters.length === 0) return "";
+
+	let table = "| Parameter | Type | Default | Description |\n";
+	table += "|-----------|------|---------|-------------|\n";
+
+	for (const param of parameters) {
+		const name = param.name || "";
+
+		const type = (param.annotation || "")
+			.replaceAll("Sequence[", "list[")
+			.replaceAll("AbstractSet[", "set[")
+			.replaceAll("Mapping[", "dict[")
+			.replace(/\|/g, "\\|");
+
+		const defaultVal = (param.default || "").replace(/\|/g, "\\|");
+
+		const doc = decode_html_entities(strip_html_tags(param.doc || "")).replace(
+			/\|/g,
+			"\\|"
+		);
+
+		table += `| \`${name}\` | \`${type}\` | \`${defaultVal}\` | ${doc} |\n`;
+	}
+
+	return table;
+}
+
+function demosToMarkdown(demos: any[]): string {
+	if (!demos || demos.length === 0) return "";
+
+	let md = "";
+	for (const demo of demos) {
+		const name = demo[0];
+		const code = demo[1];
+
+		md += `**${name}**\n\n`;
+
+		md += `[See demo on Hugging Face Spaces](https://huggingface.co/spaces/gradio/${name})\n\n`;
+
+		md += "```python\n";
+		md += code;
+		if (!code.endsWith("\n")) md += "\n";
+		md += "```\n\n";
+	}
+
+	return md;
+}
+
+function shortcutsToMarkdownTable(shortcuts: any[]): string {
+	if (!shortcuts || shortcuts.length === 0) return "";
+
+	let table = "| Class | Interface String Shortcut | Initialization |\n";
+	table += "|-------|--------------------------|----------------|\n";
+
+	for (const shortcut of shortcuts) {
+		const className = (shortcut[0] || "").replace(/\|/g, "\\|");
+		const shortcutStr = (shortcut[1] || "").replace(/\|/g, "\\|");
+		const initialization = (shortcut[2] || "").replace(/\|/g, "\\|");
+		table += `| \`gradio.${className}\` | \`"${shortcutStr}"\` | ${initialization} |\n`;
+	}
+
+	return table;
+}
+
+function eventListenersToMarkdown(fns: any[]): string {
+	if (!fns || fns.length === 0) return "";
+
+	const parent = fns[0]?.parent?.replace("gradio.", "") || "";
+
+	let md = `#### Description
+
+Event listeners allow you to respond to user interactions with the UI components you've defined in a Gradio Blocks app. When a user interacts with an element, such as changing a slider value or uploading an image, a function is called.
+
+#### Supported Event Listeners
+
+The \`${parent}\` component supports the following event listeners:
+
+`;
+
+	for (const fn of fns) {
+		const name = fn.name;
+		const description = decode_html_entities(
+			strip_html_tags(fn.description || "")
+		);
+		md += `- \`${parent}.${name}(fn, ...)\`: ${description}\n`;
+	}
+
+	md += "\n#### Event Parameters\n\n";
+	if (fns[0]?.parameters) {
+		md += parametersToMarkdownTable(fns[0].parameters);
+	}
+
+	return md;
+}
+
+function guidesToMarkdown(guides: any[]): string {
+	if (!guides || guides.length === 0) return "";
+
+	let md = "";
+	for (const guide of guides) {
+		md += `- [${guide.pretty_name}](https://www.gradio.app${guide.url})\n`;
+	}
+
+	return md;
+}
+
+interface MDASTNode {
+	type: string; // "heading", "paragraph", "code", "html", "text", etc.
+	children?: MDASTNode[]; // Child nodes (for container nodes like headings)
+	value?: string; // Text content (for leaf nodes like text, code)
+	depth?: number; // Heading depth (1-6 for h1-h6)
+	lang?: string; // Code block language (e.g., "python")
+	name?: string; // For svelteBlock nodes: "if", "each", etc.
+	label?: string; // For linkReference nodes
+	position?: any; // Source position info (not used by us)
+}
+
+// =============================================================================
+// AST NODE PROCESSING
+// =============================================================================
+
+/**
+ * Get the raw text content from an AST node WITHOUT evaluating expressions.
+ *
+ * This is used to reconstruct fragmented text before evaluation.
+ *
+ * WHY IS THIS NEEDED?
+ * When the markdown parser sees something like:
+ *   {@html style_formatted_text(obj.postprocess.parameter_doc[0].doc)}
+ *
+ * It incorrectly parses the [0] as a markdown link reference, creating:
+ *   - text node: "{@html style_formatted_text(obj.postprocess.parameter_doc"
+ *   - linkReference node: "[0]"
+ *   - text node: ".doc)}"
+ *
+ * We need to reconstruct the original text before we can evaluate it.
+ *
+ * @param node - An MDAST node
+ * @returns The raw text content, preserving markdown formatting markers
+ */
+function getRawText(node: MDASTNode): string {
+	// Text nodes: return the text value directly
+	if (node.type === "text" && node.value) {
+		return node.value;
+	}
+
+	// Strong (bold) nodes: wrap children in **
+	if (node.type === "strong" && node.children) {
+		return `**${node.children.map(getRawText).join("")}**`;
+	}
+
+	// Emphasis (italic) nodes: wrap children in *
+	if (node.type === "emphasis" && node.children) {
+		return `*${node.children.map(getRawText).join("")}*`;
+	}
+
+	// Inline code nodes: wrap in backticks
+	if (node.type === "inlineCode" && node.value) {
+		return `\`${node.value}\``;
+	}
+
+	// Link reference nodes: these are often mis-parsed array access like [0]
+	// Return the bracketed content so we can reconstruct expressions
+	if (node.type === "linkReference") {
+		return `[${node.children?.map(getRawText).join("") || node.label || ""}]`;
+	}
+
+	// For any other node with children, recursively get text from children
+	if (node.children) {
+		return node.children.map(getRawText).join("");
+	}
+
+	return "";
+}
+
+/**
+ * Convert an array of child nodes to markdown text.
+ *
+ * This first reconstructs the full raw text (handling fragmented expressions),
+ * then evaluates any Svelte expressions in that text.
+ *
+ * @param children - Array of MDAST child nodes
+ * @param obj - The main component's documentation object (fallback)
+ * @param objects - Map of all variable names to their documentation objects
+ * @returns Evaluated markdown text
+ */
+function childrenToMarkdown(
+	children: MDASTNode[],
+	obj: any,
+	objects: { [varName: string]: any } = {}
+): string {
+	// STEP 1: Get raw text from all children, concatenated together
+	// This reconstructs fragmented expressions
+	const rawText = children.map(getRawText).join("");
+
+	// STEP 2: Evaluate any Svelte expressions in the combined text
+	// Pass the objects map so expressions like {waveform_obj.description} work
+	const evaluated = evaluateExpression(rawText, obj, objects);
+
+	return evaluated;
+}
+
+/**
+ * Convert a single AST node to markdown, evaluating expressions.
+ *
+ * This is used for inline content within paragraphs.
+ *
+ * @param node - An MDAST node
+ * @param obj - The main component's documentation object (fallback)
+ * @param objects - Map of all variable names to their documentation objects
+ * @returns Markdown text
+ */
+function textNodeToMarkdown(
+	node: MDASTNode,
+	obj: any,
+	objects: { [varName: string]: any } = {}
+): string {
+	// Text nodes: evaluate expressions in the text
+	if (node.type === "text" && node.value) {
+		return evaluateExpression(node.value, obj, objects);
+	}
+
+	// Strong (bold) nodes: process children and wrap in **
+	if (node.type === "strong" && node.children) {
+		const content = childrenToMarkdown(node.children, obj, objects);
+		return `**${content}**`;
+	}
+
+	// Emphasis (italic) nodes: process children and wrap in *
+	if (node.type === "emphasis" && node.children) {
+		const content = childrenToMarkdown(node.children, obj, objects);
+		return `*${content}*`;
+	}
+
+	// Inline code: just wrap in backticks (no expression evaluation in code)
+	if (node.type === "inlineCode" && node.value) {
+		return `\`${node.value}\``;
+	}
+
+	// Link references: return bracketed content for reconstruction
+	if (node.type === "linkReference") {
+		return `[${node.children?.map((c) => textNodeToMarkdown(c, obj, objects)).join("") || ""}]`;
+	}
+
+	return "";
+}
+
+/**
+ * Convert a heading AST node to markdown.
+ *
+ * Handles special cases where headings are used for styling rather than structure:
+ * - h2 (##) is used in SVX for description text, not actual headings
+ * - h5 (#####) is used for "Your function should accept..." helper text
+ *
+ * @param node - A heading MDAST node
+ * @param obj - The main component's documentation object (fallback)
+ * @param objects - Map of all variable names to their documentation objects
+ * @returns Markdown text (heading or plain text depending on depth)
+ */
+function headingToMarkdown(
+	node: MDASTNode,
+	obj: any,
+	objects: { [varName: string]: any } = {}
+): string {
+	const depth = node.depth || 1;
+
+	// Process children, handling fragmented expressions
+	// Pass objects map so expressions like {waveform_obj.name} work
+	const content = node.children
+		? childrenToMarkdown(node.children, obj, objects)
+		: "";
+
+	// Skip empty headings (can happen after expression evaluation)
+	if (!content.trim()) return "";
+
+	// h2 (##) in SVX is used for styled description text, not actual headings
+	// Convert to regular paragraph text
+	if (depth === 2) {
+		return `${content}\n\n`;
+	}
+
+	// h5 (#####) is used for helper text like "Your function should accept..."
+	// Convert to italic text
+	if (depth === 5) {
+		return `*${content}*\n\n`;
+	}
+
+	// For other heading levels (h1, h3, h4, h6), output as normal markdown headings
+	const prefix = "#".repeat(depth);
+	return `${prefix} ${content}\n\n`;
+}
+
+/**
+ * Process an HTML AST node and convert to markdown.
+ *
+ * In SVX files, "html" nodes contain:
+ * - Script tags (which we skip)
+ * - HTML comments (which we skip)
+ * - Svelte components like <ParamTable>, <DemosSection> (which we convert)
+ * - Other HTML elements
+ *
+ * @param node - An HTML MDAST node
+ * @param obj - The main component's documentation object (fallback)
+ * @param objects - Map of all variable names to their documentation objects
+ * @returns Markdown text (or empty string to skip)
+ */
+function htmlNodeToMarkdown(
+	node: MDASTNode,
+	obj: any,
+	objects: { [varName: string]: any }
+): string {
+	const value = node.value || "";
+
+	// Skip <script> tags - they contain JavaScript imports, not content
+	if (value.startsWith("<script")) return "";
+
+	// Skip HTML comments like <!--- Title -->
+	if (value.startsWith("<!-")) return "";
+
+	// Convert <br> to newline
+	if (value.trim() === "<br>" || value.trim() === "<br/>") return "\n";
+
+	// SVELTE COMPONENT HANDLING:
+	// Each component is replaced with its markdown equivalent using data from the
+	// appropriate object (determined by the component's attribute, e.g., parameters={waveform_obj.parameters})
+
+	// <ParamTable> → markdown table of parameters
+	// Extract which object's parameters to use (e.g., "obj", "waveform_obj", "validator_obj")
+	if (value.includes("<ParamTable")) {
+		const varName = extractAttrVariable(value, "parameters");
+		// Look up the correct object, fall back to main obj if not found
+		const targetObj = varName && objects[varName] ? objects[varName] : obj;
+		return parametersToMarkdownTable(targetObj.parameters);
+	}
+
+	// <DemosSection> → code blocks with HuggingFace links
+	if (value.includes("<DemosSection")) {
+		const varName = extractAttrVariable(value, "demos");
+		const targetObj = varName && objects[varName] ? objects[varName] : obj;
+		return demosToMarkdown(targetObj.demos);
+	}
+
+	// <ShortcutTable> → markdown table of shortcuts
+	if (value.includes("<ShortcutTable")) {
+		const varName = extractAttrVariable(value, "shortcuts");
+		const targetObj = varName && objects[varName] ? objects[varName] : obj;
+		return shortcutsToMarkdownTable(targetObj.string_shortcuts);
+	}
+
+	// <FunctionsSection> → event listener documentation
+	if (value.includes("<FunctionsSection")) {
+		const varName = extractAttrVariable(value, "fns");
+		const targetObj = varName && objects[varName] ? objects[varName] : obj;
+		return eventListenersToMarkdown(targetObj.fns);
+	}
+
+	// <GuidesSection> → list of related guide links
+	if (value.includes("<GuidesSection")) {
+		const varName = extractAttrVariable(value, "guides");
+		const targetObj = varName && objects[varName] ? objects[varName] : obj;
+		return guidesToMarkdown(targetObj.guides);
+	}
+
+	// Handle {/if} closing tags that get bundled with component content
+	// These are already handled by the conditional logic, so skip them
+	if (value.includes("{/if}")) {
+		return "";
+	}
+
+	return "";
+}
+
+/**
+ * Process a Svelte block node ({#if}, {#each}, etc.)
+ *
+ * Currently only handles {#if} blocks. When a condition is false,
+ * we skip all nodes until the matching {/if}.
+ *
+ * @param node - A svelteBlock MDAST node
+ * @param obj - The component's documentation object
+ * @param allNodes - All nodes in the document (to find matching {/if})
+ * @param currentIndex - Current position in allNodes array
+ * @returns Object with markdown content and skipUntil index
+ */
+function svelteBlockToMarkdown(
+	node: MDASTNode,
+	obj: any,
+	allNodes: MDASTNode[],
+	currentIndex: number
+): { markdown: string; skipUntil: number } {
+	const value = node.value || "";
+
+	// Handle {#if ...} conditional blocks
+	if (node.name === "if") {
+		// Extract the condition from {#if condition}
+		const condition = value.replace("{#if ", "").replace("}", "").trim();
+
+		// Evaluate the condition using our component's data
+		const isTrue = evaluateCondition(condition, obj);
+
+		// If condition is FALSE, skip all content until {/if}
+		if (!isTrue) {
+			// Track nesting depth to handle nested {#if} blocks
+			let depth = 1;
+			let skipTo = currentIndex;
+
+			// Scan forward looking for the matching {/if}
+			for (let i = currentIndex + 1; i < allNodes.length; i++) {
+				const n = allNodes[i];
+
+				// Nested {#if} increases depth
+				if (n.type === "svelteBlock" && n.name === "if") {
+					depth++;
+				}
+
+				// {/if} decreases depth
+				if (
+					(n.type === "html" && n.value?.includes("{/if}")) ||
+					(n.type === "svelteBlock" && n.value?.includes("{/if}"))
+				) {
+					depth--;
+					// When depth reaches 0, we found our matching {/if}
+					if (depth === 0) {
+						skipTo = i;
+						break;
+					}
+				}
+			}
+
+			// Return empty markdown and the index to skip to
+			return { markdown: "", skipUntil: skipTo };
+		}
+	}
+
+	// For true conditions or non-if blocks, continue normally
+	return { markdown: "", skipUntil: -1 };
+}
+
+// =============================================================================
+// MAIN CONVERSION FUNCTION
+// =============================================================================
+
+/**
+ * Convert SVX content to Markdown using AST parsing.
+ *
+ * This is the main entry point for converting documentation.
+ *
+ * HOW IT WORKS:
+ * 1. Look up the component's data from docs.json
+ * 2. Use mdsvex to parse the SVX into an AST
+ * 3. Walk through each node in the AST
+ * 4. Convert each node to its markdown equivalent
+ * 5. Return the combined markdown string
+ *
+ * @param svxContent - The raw SVX file content
+ * @param componentName - The component name (e.g., "textbox")
+ * @returns Promise resolving to markdown string
+ */
+export async function svxToMarkdown(
+	svxContent: string,
+	componentName: string
+): Promise<string> {
+	const obj = await get_object(componentName);
+	if (!obj) {
+		return `# ${componentName}\n\nDocumentation not found.`;
+	}
+
+	const objects = await parseScriptObjects(svxContent);
+
+	let capturedTree: MDASTNode | null = null;
+
+	function captureAST() {
+		return (tree: MDASTNode) => {
+			capturedTree = JSON.parse(JSON.stringify(tree));
+			return tree;
+		};
+	}
+
+	await compile(svxContent, {
+		remarkPlugins: [captureAST]
+	});
+
+	if (!capturedTree || !capturedTree.children) {
+		return `# ${obj.name}\n\nError parsing documentation.`;
+	}
+
+	let markdown = "";
+	const nodes = capturedTree.children;
+
+	let skipUntil = -1;
+
+	for (let i = 0; i < nodes.length; i++) {
+		if (i <= skipUntil) continue;
+
+		const node = nodes[i];
+
+		switch (node.type) {
+			case "heading":
+				markdown += headingToMarkdown(node, obj, objects);
+				break;
+
+			case "code":
+				if (node.lang && node.value) {
+					markdown += `\`\`\`${node.lang}\n${node.value}\n\`\`\`\n\n`;
+				}
+				break;
+
+			case "html":
+				markdown += htmlNodeToMarkdown(node, obj, objects);
+				break;
+
+			case "svelteBlock":
+				const result = svelteBlockToMarkdown(node, obj, nodes, i);
+				markdown += result.markdown;
+				if (result.skipUntil > -1) {
+					skipUntil = result.skipUntil;
+				}
+				break;
+
+			case "paragraph":
+				if (node.children) {
+					const content = node.children
+						.map((c) => textNodeToMarkdown(c, obj, objects))
+						.join("");
+					if (content.trim()) {
+						markdown += content + "\n\n";
+					}
+				}
+				break;
+		}
+	}
+
+	return markdown.trim() + "\n";
+}
+
+export { get_object };
diff --git a/js/_website/src/routes/+error.svelte b/js/_website/src/routes/+error.svelte
new file mode 100644
index 0000000..ab02139
--- /dev/null
+++ b/js/_website/src/routes/+error.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { page } from "$app/stores";
+	import logo_melted from "$lib/assets/img/logo-melted.png";
+</script>
+
+<div
+	class="flex flex-col items-center justify-center"
+	style="min-height: calc(100vh - var(--header-height, 180px));"
+>
+	<div class="text-center">
+		<img class="mx-auto w-32 mb-6 logo" src={logo_melted} />
+		<h1
+			class="error-code max-w-xl text-4xl font md:text-6xl pb-4 z-10 relative"
+		>
+			{$page.status}
+		</h1>
+		<h2
+			class="max-w-xl text-2xl text-gray-500 dark:text-gray-400 md:text-4xl z-10 relative"
+		>
+			{$page.error?.message}
+		</h2>
+	</div>
+</div>
+
+<style>
+	.logo {
+		position: relative;
+		z-index: 10;
+	}
+
+	.error-code {
+		color: #f77b05;
+	}
+</style>
diff --git a/js/_website/src/routes/+layout.server.ts b/js/_website/src/routes/+layout.server.ts
new file mode 100644
index 0000000..4c34aea
--- /dev/null
+++ b/js/_website/src/routes/+layout.server.ts
@@ -0,0 +1,10 @@
+import { redirect } from "@sveltejs/kit";
+import { redirects } from "./redirects.js";
+
+export const prerender = true;
+
+export async function load({ url }: any) {
+	if (url.pathname in redirects) {
+		throw redirect(308, redirects[url.pathname as keyof typeof redirects]);
+	}
+}
diff --git a/js/_website/src/routes/+layout.svelte b/js/_website/src/routes/+layout.svelte
new file mode 100644
index 0000000..ab29006
--- /dev/null
+++ b/js/_website/src/routes/+layout.svelte
@@ -0,0 +1,110 @@
+<script context="module" lang="ts">
+	declare global {
+		interface Window {
+			__gradio_mode__: "app" | "website";
+			__gradio_space__: string | null;
+		}
+	}
+	import type { media_query as MQ } from "../lib/utils";
+	export let store: ReturnType<typeof MQ>;
+</script>
+
+<script lang="ts">
+	import "$lib/assets/style.css";
+	import "$lib/assets/prism.css";
+
+	import Header from "$lib/components/Header.svelte";
+	import Footer from "$lib/components/Footer.svelte";
+
+	import WHEEL from "$lib/json/wheel.json";
+
+	import { browser } from "$app/environment";
+	import { media_query } from "../lib/utils";
+
+	const mediaQueryStore = media_query();
+	store = mediaQueryStore;
+	import { theme } from "$lib/stores/theme";
+
+	if (browser) {
+		window.__gradio_mode__ = "website";
+	}
+
+	// Reactively apply dark mode class when theme changes
+	$: if (typeof window !== "undefined") {
+		if ($theme === "dark") {
+			document.documentElement.classList.add("dark");
+		} else {
+			document.documentElement.classList.remove("dark");
+		}
+	}
+
+	import CopyButton from "$lib/components/CopyButton.svelte";
+	import { afterNavigate } from "$app/navigation";
+
+	afterNavigate(() => {
+		if (window.innerWidth > 768) {
+			for (const node of document.querySelectorAll(".codeblock")) {
+				let children = Array.from(node.querySelectorAll("pre, a"));
+				let textContent = node.textContent;
+				node.innerHTML = "";
+
+				new CopyButton({
+					target: node,
+					props: {
+						content: textContent ?? ""
+					}
+				});
+				for (const child of children) {
+					node.appendChild(child);
+				}
+			}
+		}
+	});
+</script>
+
+<svelte:head>
+	<link
+		href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap"
+		rel="stylesheet"
+	/>
+
+	<script
+		async
+		src="https://www.googletagmanager.com/gtag/js?id=UA-156449732-1"
+	></script>
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		function gtag() {
+			dataLayer.push(arguments);
+		}
+		gtag("js", new Date());
+		gtag("config", "UA-156449732-1", {
+			cookie_flags: "samesite=none;secure"
+		});
+	</script>
+</svelte:head>
+
+<div class="bg-white dark:bg-neutral-900 min-h-screen transition-colors">
+	<Header />
+
+	<slot />
+
+	<Footer />
+</div>
+
+<style>
+	:global(html) {
+		background-color: white;
+	}
+	:global(html.dark) {
+		background-color: rgb(23, 23, 23); /* neutral-900 - true gray */
+	}
+	:global(body) {
+		background-color: white;
+		color: rgb(23, 23, 23);
+	}
+	:global(.dark body) {
+		background-color: rgb(23, 23, 23); /* neutral-900 - true gray */
+		color: rgb(245, 245, 245); /* neutral-100 */
+	}
+</style>
diff --git a/js/_website/src/routes/+page.server.ts b/js/_website/src/routes/+page.server.ts
new file mode 100644
index 0000000..8290a18
--- /dev/null
+++ b/js/_website/src/routes/+page.server.ts
@@ -0,0 +1,25 @@
+import { logos, tweets } from "$lib/assets";
+
+const STAR_COUNT_FALLBACK = 36_000;
+
+export async function load({ fetch }: { fetch: typeof globalThis.fetch }) {
+	let star_count = STAR_COUNT_FALLBACK;
+	try {
+		const controller = new AbortController();
+		const timeout = setTimeout(() => controller.abort(), 5000);
+		const r = await fetch("https://api.github.com/repos/gradio-app/gradio", {
+			signal: controller.signal
+		});
+		clearTimeout(timeout);
+		const j = await r.json();
+		star_count = j.stargazers_count;
+	} catch {
+		// timeout or network error — use fallback
+	}
+
+	return {
+		logos,
+		tweets,
+		star_count
+	};
+}
diff --git a/js/_website/src/routes/+page.svelte b/js/_website/src/routes/+page.svelte
new file mode 100644
index 0000000..969dabb
--- /dev/null
+++ b/js/_website/src/routes/+page.svelte
@@ -0,0 +1,550 @@
+<script lang="ts">
+	import version_json from "$lib/json/version.json";
+	import DemosLanding from "$lib/components/DemosLanding.svelte";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import Banner from "$lib/components/Banner.svelte";
+	import MiniButton from "$lib/components/mini/MiniButton.svelte";
+	import MiniPlot from "$lib/components/mini/MiniPlot.svelte";
+	import MiniDataframe from "$lib/components/mini/MiniDataframe.svelte";
+	import MiniImageSlider from "$lib/components/mini/MiniImageSlider.svelte";
+	import MiniSlider from "$lib/components/mini/MiniSlider.svelte";
+	import MiniGallery from "$lib/components/mini/MiniGallery.svelte";
+	import MiniCheckbox from "$lib/components/mini/MiniCheckbox.svelte";
+	import MiniCode from "$lib/components/mini/MiniCode.svelte";
+	import MiniChatbot from "$lib/components/mini/MiniChatbot.svelte";
+	import MiniHighlightedText from "$lib/components/mini/MiniHighlightedText.svelte";
+	import MiniModel3D from "$lib/components/mini/MiniModel3D.svelte";
+	import MiniRadio from "$lib/components/mini/MiniRadio.svelte";
+	import MiniNumber from "$lib/components/mini/MiniNumber.svelte";
+	import MiniFileExplorer from "$lib/components/mini/MiniFileExplorer.svelte";
+	import MiniDraggable from "$lib/components/mini/MiniDraggable.svelte";
+	import MiniAudio from "$lib/components/mini/MiniAudio.svelte";
+	import MiniAnnotatedImage from "$lib/components/mini/MiniAnnotatedImage.svelte";
+	import MiniDropdown from "$lib/components/mini/MiniDropdown.svelte";
+	import MiniDateTime from "$lib/components/mini/MiniDateTime.svelte";
+
+	import "$lib/assets/theme.css";
+	export let data: {
+		logos: {
+			img: string;
+			contrast: boolean;
+			description: string;
+		}[];
+		tweets: {
+			profile_pic: string;
+			name: string;
+			handle: string;
+			link: string;
+			content: string;
+			likes: number;
+			timestamp: string;
+		}[];
+		star_count: any;
+	};
+
+	let version = version_json.version;
+</script>
+
+<MetaTags url={"https://gradio.app"} canonical={"https://gradio.app"} />
+
+<svelte:head>
+	<script
+		id="gradio-js-script"
+		type="module"
+		src="https://gradio.s3-us-west-2.amazonaws.com/{version.replace(
+			'b',
+			'-beta.'
+		)}/gradio.js"
+	></script>
+</svelte:head>
+
+<div class="container relative mx-auto px-4 pt-16 pb-12">
+	<div class="flex flex-col items-center text-center">
+		<div class="mb-8 flex flex-wrap items-center justify-center gap-3">
+			<Banner
+				id="gradio-6-release"
+				message="Gradio 6 is here!"
+				link_text="Learn more"
+				link_url="/docs/gradio"
+			/>
+			<Banner
+				id="hackathon-deadline"
+				message="MCP Birthday Hackathon Completed!"
+				link_text="See Winners"
+				link_url="/mcp-birthday-winners"
+				target="_blank"
+			/>
+		</div>
+
+		<h1
+			class="mb-6 text-5xl md:text-6xl lg:text-7xl font-bold text-gray-900 dark:text-gray-100 max-w-4xl"
+		>
+			Build machine learning apps in Python
+		</h1>
+
+		<p
+			class="mx-auto mb-12 text-xl md:text-2xl text-gray-600 dark:text-gray-300 max-w-3xl"
+		>
+			Create web interfaces for your ML models in minutes. Deploy anywhere,
+			share with anyone.
+		</p>
+
+		<div
+			class="flex flex-col sm:flex-row gap-4 justify-center items-center w-full sm:w-auto mb-20"
+		>
+			<a
+				href="/guides/quickstart"
+				class="h-12 px-8 rounded-lg bg-orange-500 hover:bg-orange-600 text-white font-semibold text-lg shadow-lg shadow-orange-500/25 hover:shadow-orange-500/40 hover:-translate-y-0.5 transition-all duration-200 flex items-center justify-center"
+			>
+				Get Started
+			</a>
+			<a
+				href="https://github.com/gradio-app/gradio"
+				class="h-12 px-6 rounded-lg border border-gray-200 dark:border-neutral-800 bg-white dark:bg-neutral-900 hover:bg-gray-50 dark:hover:bg-neutral-800 text-gray-800 dark:text-gray-200 font-medium flex items-center gap-2 transition-all"
+			>
+				<svg class="w-5 h-5" viewBox="0 0 24 24" fill="currentColor">
+					<path
+						d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"
+					/>
+				</svg>
+				GitHub
+				<span
+					class="ml-1 px-2 py-0.5 rounded-md bg-gray-100 dark:bg-neutral-800 text-xs text-gray-500 dark:text-gray-400 font-mono"
+					>{data.star_count}</span
+				>
+			</a>
+		</div>
+		<div class="w-full relative">
+			<div class="overflow-hidden carousel-fade-container">
+				<div class="animate-scroll-horizontal flex gap-4 py-4">
+					{#each Array(16) as _, i}
+						<div
+							class="component-card flex-shrink-0 w-48 h-48 rounded-xl border-2 border-gray-200 dark:border-gray-700 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-neutral-900 dark:to-neutral-800 flex items-center justify-center transition-all group p-4"
+						>
+							{#if i % 8 === 0}
+								<MiniButton />
+							{:else if i % 8 === 1}
+								<MiniPlot />
+							{:else if i % 8 === 2}
+								<MiniDataframe />
+							{:else if i % 8 === 3}
+								<MiniImageSlider />
+							{:else if i % 8 === 4}
+								<MiniSlider />
+							{:else if i % 8 === 5}
+								<MiniGallery />
+							{:else if i % 8 === 6}
+								<MiniCheckbox />
+							{:else if i % 8 === 7}
+								<MiniCode />
+							{/if}
+						</div>
+					{/each}
+				</div>
+			</div>
+
+			<div class="overflow-hidden carousel-fade-container mt-1">
+				<div class="animate-scroll-horizontal-reverse flex gap-4">
+					{#each Array(22) as _, i}
+						<div
+							class="component-card flex-shrink-0 w-48 h-48 rounded-xl border-2 border-gray-200 dark:border-gray-700 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-neutral-900 dark:to-neutral-800 flex items-center justify-center transition-all group p-4"
+						>
+							{#if i % 11 === 0}
+								<MiniChatbot />
+							{:else if i % 11 === 1}
+								<MiniHighlightedText />
+							{:else if i % 11 === 2}
+								<MiniModel3D />
+							{:else if i % 11 === 3}
+								<MiniRadio />
+							{:else if i % 11 === 4}
+								<MiniNumber />
+							{:else if i % 11 === 5}
+								<MiniFileExplorer />
+							{:else if i % 11 === 6}
+								<MiniDraggable />
+							{:else if i % 11 === 7}
+								<MiniAudio />
+							{:else if i % 11 === 8}
+								<MiniAnnotatedImage />
+							{:else if i % 11 === 9}
+								<MiniDropdown />
+							{:else if i % 11 === 10}
+								<MiniDateTime />
+							{/if}
+						</div>
+					{/each}
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div class="container mx-auto px-4 py-24 md:py-32">
+	<div class="mb-16 text-center max-w-3xl mx-auto">
+		<h2
+			class="text-3xl md:text-5xl font-bold mb-6 text-gray-900 dark:text-white"
+		>
+			Everything you need to build
+		</h2>
+		<p class="text-lg text-gray-600 dark:text-gray-400">
+			Gradio handles the frontend so you can focus on building. From prototypes
+			to production-ready web apps.
+		</p>
+	</div>
+
+	<div
+		class="grid grid-cols-1 md:grid-cols-3 gap-6 auto-rows-[minmax(300px,auto)]"
+	>
+		<div
+			class="group md:col-span-2 relative overflow-hidden rounded-3xl bg-gray-100 dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700 p-8 transition-all hover:border-orange-500/30 hover:shadow-2xl hover:shadow-orange-500/10"
+		>
+			<div class="grid md:grid-cols-2 gap-8 items-center">
+				<div class="relative z-10">
+					<div
+						class="h-12 w-12 mb-6 rounded-2xl bg-orange-100 dark:bg-orange-900/30 flex items-center justify-center text-orange-600 dark:text-orange-400"
+					>
+						<svg
+							class="w-6 h-6"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M13 10V3L4 14h7v7l9-11h-7z"
+							/>
+						</svg>
+					</div>
+					<h3 class="text-2xl font-bold mb-2">Lightning Fast Setup</h3>
+					<p class="text-gray-600 dark:text-gray-400">
+						One command to install. A few lines of Python to launch. No
+						Javascript, CSS, or frontend experience required.
+					</p>
+				</div>
+				<div
+					class="relative bg-neutral-800 dark:bg-neutral-950 rounded-xl border border-neutral-700 dark:border-neutral-800 font-mono text-xs text-gray-300 shadow-xl group-hover:shadow-2xl transition-shadow flex flex-col justify-center p-4 self-end"
+				>
+					<div>
+						<div class="flex gap-1.5 mb-3">
+							<div class="w-2 h-2 rounded-full bg-red-500"></div>
+							<div class="w-2 h-2 rounded-full bg-yellow-500"></div>
+							<div class="w-2 h-2 rounded-full bg-green-500"></div>
+						</div>
+						<p class="text-gray-400">
+							$ <span class="text-gray-300">pip install gradio</span>
+						</p>
+						<p class="text-green-400 mt-1">Successfully installed gradio</p>
+						<p class="mt-3 text-gray-400">
+							$ <span class="text-gray-300">python app.py</span>
+						</p>
+						<p class="text-blue-400 mt-1">Running on http://127.0.0.1:7860</p>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div
+			class="group relative overflow-hidden rounded-3xl bg-gray-100 dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700 p-8 transition-all hover:border-purple-500/30 hover:shadow-2xl hover:shadow-purple-500/10"
+		>
+			<div class="relative z-10 h-full flex flex-col">
+				<div
+					class="h-12 w-12 mb-6 rounded-2xl bg-purple-100 dark:bg-purple-900/30 flex items-center justify-center text-purple-600 dark:text-purple-400"
+				>
+					<svg
+						class="w-6 h-6"
+						fill="none"
+						stroke="currentColor"
+						viewBox="0 0 24 24"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"
+						/>
+					</svg>
+				</div>
+				<h3 class="text-2xl font-bold mb-2">40+ Components</h3>
+				<p class="text-gray-600 dark:text-gray-400 mb-6">
+					Input and output for any data type: Images, Audio, Video, 3D,
+					Dataframes, and more.
+				</p>
+
+				<div class="mt-auto flex flex-wrap gap-2">
+					{#each ["Audio", "Image", "Chat", "Video", "Plot", "JSON"] as item}
+						<span
+							class="px-2 py-1 rounded-md bg-white dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700 text-xs font-medium"
+							>{item}</span
+						>
+					{/each}
+					<span class="px-2 py-1 text-xs text-gray-500">+ many more</span>
+				</div>
+			</div>
+		</div>
+		<div
+			class="group relative overflow-hidden rounded-3xl bg-gray-100 dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700 p-8 transition-all hover:border-yellow-500/30 hover:shadow-2xl hover:shadow-yellow-500/10"
+		>
+			<div class="relative z-10">
+				<div
+					class="h-12 w-12 mb-6 rounded-2xl bg-yellow-100 dark:bg-yellow-900/30 flex items-center justify-center text-yellow-600 dark:text-yellow-400"
+				>
+					<svg
+						class="w-6 h-6"
+						fill="none"
+						stroke="currentColor"
+						viewBox="0 0 24 24"
+					>
+						<path
+							stroke-linecap="round"
+							stroke-linejoin="round"
+							stroke-width="2"
+							d="M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z"
+						/>
+					</svg>
+				</div>
+				<h3 class="text-2xl font-bold mb-2">Permanent Hosting</h3>
+				<p class="text-gray-600 dark:text-gray-400">
+					Deploy to Hugging Face Spaces for free. Always online, auto-scaling,
+					and shareable with a simple URL.
+				</p>
+				<div
+					class="mt-6 flex items-center gap-2 text-sm font-medium text-gray-900 dark:text-white"
+				>
+					<span class="h-2 w-2 rounded-full bg-green-500 animate-pulse"></span>
+					Live on HF Spaces
+				</div>
+			</div>
+		</div>
+		<div
+			class="group md:col-span-2 relative overflow-hidden rounded-3xl bg-gray-100 dark:bg-neutral-800 border border-gray-200 dark:border-neutral-700 p-8 transition-all hover:border-blue-500/30 hover:shadow-2xl hover:shadow-blue-500/10"
+		>
+			<div class="grid md:grid-cols-2 gap-8 items-center">
+				<div class="relative z-10">
+					<div
+						class="h-12 w-12 mb-6 rounded-2xl bg-blue-100 dark:bg-blue-900/30 flex items-center justify-center text-blue-600 dark:text-blue-400"
+					>
+						<svg
+							class="w-6 h-6"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z"
+							/>
+						</svg>
+					</div>
+					<h3 class="text-2xl font-bold mb-2">Share Instantly</h3>
+					<p class="text-gray-600 dark:text-gray-400">
+						Create a public link to your machine learning demo running on your
+						local computer in seconds. Great for showing clients or colleagues.
+					</p>
+					<div
+						class="mt-6 inline-flex items-center px-3 py-2 rounded-lg border border-neutral-700 dark:border-neutral-800 bg-neutral-800 dark:bg-neutral-950 font-mono text-sm text-gray-300"
+					>
+						demo.launch(share=<span class="text-blue-400">True</span>)
+					</div>
+				</div>
+				<div
+					class="relative h-full min-h-[240px] bg-gray-50 dark:bg-neutral-800 rounded-xl border border-gray-200 dark:border-neutral-700 p-6 flex flex-col justify-between overflow-hidden"
+				>
+					<div
+						class="absolute -top-12 -right-12 w-32 h-32 rounded-full bg-blue-200/30 dark:bg-blue-800/20 blur-2xl"
+					></div>
+					<div
+						class="absolute -bottom-8 -left-8 w-24 h-24 rounded-full bg-indigo-200/30 dark:bg-indigo-800/20 blur-2xl"
+					></div>
+					<div
+						class="relative z-10 space-y-4 flex flex-col items-center justify-center h-full"
+					>
+						<div class="flex justify-center">
+							<span
+								class="inline-flex items-center gap-1 px-2 py-1 rounded-full bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 text-xs font-medium"
+							>
+								<span
+									class="w-1.5 h-1.5 rounded-full bg-green-500 animate-pulse"
+								></span>
+								Live
+							</span>
+						</div>
+
+						<div
+							class="bg-white dark:bg-neutral-800 rounded-lg shadow-lg border border-gray-200 dark:border-neutral-700 overflow-hidden w-full max-w-sm"
+						>
+							<div
+								class="flex items-center gap-2 px-3 py-2 bg-gray-100 dark:bg-neutral-900 border-b border-gray-200 dark:border-neutral-700"
+							>
+								<div class="flex gap-1.5">
+									<div class="w-2 h-2 rounded-full bg-red-400"></div>
+									<div class="w-2 h-2 rounded-full bg-yellow-400"></div>
+									<div class="w-2 h-2 rounded-full bg-green-400"></div>
+								</div>
+							</div>
+							<div
+								class="px-4 py-2 text-center font-mono text-xs text-gray-700 dark:text-gray-300 border-b border-gray-200 dark:border-neutral-700"
+							>
+								https://78620.gradio.app
+							</div>
+							<div class="p-3 bg-gray-50 dark:bg-neutral-900 space-y-2">
+								<div class="space-y-1.5">
+									<div class="flex justify-end">
+										<div
+											class="bg-orange-100 dark:bg-orange-900/30 rounded-lg px-2 py-1 max-w-[70%]"
+										>
+											<div class="text-[8px] text-gray-600 dark:text-gray-400">
+												What's the weather like?
+											</div>
+										</div>
+									</div>
+									<div class="flex justify-start">
+										<div
+											class="bg-gray-200 dark:bg-neutral-800 rounded-lg px-2 py-1 max-w-[70%]"
+										>
+											<div class="text-[8px] text-gray-600 dark:text-gray-300">
+												It's sunny and 72°F today!
+											</div>
+										</div>
+									</div>
+									<div class="flex justify-end">
+										<div
+											class="bg-orange-100 dark:bg-orange-900/30 rounded-lg px-2 py-1 max-w-[70%]"
+										>
+											<div class="text-[8px] text-gray-600 dark:text-gray-400">
+												Perfect, thanks!
+											</div>
+										</div>
+									</div>
+								</div>
+								<div class="pt-1">
+									<div
+										class="bg-white dark:bg-neutral-800 border border-gray-300 dark:border-neutral-700 rounded px-2 py-1 text-[8px] text-gray-400 dark:text-gray-500"
+									>
+										...
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+
+<DemosLanding />
+<div class="pt-12 md:pt-20 mx-auto container px-4">
+	<div class="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+		{#each data.tweets as tweet}
+			<a
+				href={tweet["link"]}
+				class="rounded-xl border border-gray-200 bg-white p-4 hover:shadow dark:border-gray-800 dark:bg-neutral-800"
+			>
+				<div class="flex justify-between">
+					<div class="flex items-center gap-2">
+						<img
+							class="h-11 w-11 rounded-full"
+							src={tweet.profile_pic}
+							alt=""
+						/>
+						<div class="ml-1.5 text-sm leading-tight">
+							<span class="block font-bold text-black dark:text-white"
+								>{tweet["name"]}</span
+							>
+							<span class="block font-normal text-gray-500 dark:text-gray-400"
+								>@{tweet["handle"]}</span
+							>
+						</div>
+					</div>
+					<svg
+						class="inline-block h-6 w-auto text-blue-400 dark:text-white"
+						viewBox="0 0 512 512"
+					>
+						<g>
+							<path
+								d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
+							/>
+						</g>
+					</svg>
+				</div>
+				<p class="mt-3 block leading-snug text-black dark:text-white">
+					{@html tweet["content"]}
+				</p>
+			</a>
+		{/each}
+	</div>
+</div>
+
+<!--
+<a href="/{version}/docs"></a>
+<a href="/{version}/guide"></a> -->
+<a style="display: none;" href="/main/docs"></a>
+<a style="display: none;" href="/main/guides"></a>
+
+<style>
+	@keyframes scroll-horizontal {
+		0% {
+			transform: translateX(0);
+		}
+		100% {
+			transform: translateX(-50%);
+		}
+	}
+
+	.animate-scroll-horizontal {
+		animation: scroll-horizontal 30s linear infinite;
+		width: fit-content;
+	}
+
+	.animate-scroll-horizontal:hover {
+		animation-play-state: paused;
+	}
+
+	@keyframes scroll-horizontal-reverse {
+		0% {
+			transform: translateX(-50%);
+		}
+		100% {
+			transform: translateX(0);
+		}
+	}
+
+	.animate-scroll-horizontal-reverse {
+		animation: scroll-horizontal-reverse 30s linear infinite;
+		width: fit-content;
+	}
+
+	.animate-scroll-horizontal-reverse:hover {
+		animation-play-state: paused;
+	}
+
+	.carousel-fade-container {
+		-webkit-mask-image: linear-gradient(
+			to right,
+			transparent,
+			black 15%,
+			black 85%,
+			transparent
+		);
+		mask-image: linear-gradient(
+			to right,
+			transparent,
+			black 15%,
+			black 85%,
+			transparent
+		);
+	}
+
+	.component-card {
+		overflow: hidden;
+		isolation: isolate;
+	}
+
+	.component-card:hover {
+		border-color: rgb(249 115 22);
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/+layout.server.ts b/js/_website/src/routes/[[version]]/docs/+layout.server.ts
new file mode 100644
index 0000000..3eeec05
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/+layout.server.ts
@@ -0,0 +1,64 @@
+import { redirect } from "@sveltejs/kit";
+import version from "$lib/json/version.json";
+import wheel from "$lib/json/wheel.json";
+
+export const prerender = true;
+
+const DOCS_BUCKET = "https://gradio-docs-json.s3.us-west-2.amazonaws.com";
+const VERSION = version.version;
+
+let cache = new Map();
+
+const components_to_document = ["dataframe", "js-client"];
+
+async function load_release_docs(
+	version: string
+): Promise<typeof import("$lib/json/docs.json")> {
+	if (cache.has(version)) {
+		return cache.get(version);
+	}
+	let docs_json = await fetch(`${DOCS_BUCKET}/${version}/docs.json`);
+
+	let json = await docs_json.json();
+	cache.set(version, json);
+
+	return json;
+}
+
+async function load_main_docs(): Promise<typeof import("$lib/json/docs.json")> {
+	return await import("$lib/json/docs.json");
+}
+
+export async function load({ params, url }) {
+	if (params?.version === VERSION) {
+		throw redirect(302, url.href.replace(`/${params.version}`, ""));
+	}
+	let on_main = params.version === "main" || !params.version;
+	let docs_json = on_main
+		? await load_main_docs()
+		: await load_release_docs(params.version);
+	await load_main_docs();
+
+	let docs: { [key: string]: any } = docs_json.docs;
+	let js = docs_json.js || {};
+	let js_pages =
+		docs_json.js_pages.filter((p: string) =>
+			components_to_document.includes(p)
+		) || [];
+	let js_client = docs_json.js_client;
+	let pages: any = docs_json.pages;
+
+	let url_version = on_main ? "main" : params.version;
+
+	return {
+		docs,
+		js,
+		js_pages,
+		on_main,
+		wheel,
+		pages,
+		js_client,
+		url_version,
+		VERSION
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/docs/+page.server.ts b/js/_website/src/routes/[[version]]/docs/+page.server.ts
new file mode 100644
index 0000000..4d5b239
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/+page.server.ts
@@ -0,0 +1,29 @@
+import { redirect } from "@sveltejs/kit";
+import * as version from "$lib/json/version.json";
+
+const COLOR_SETS = [
+	"green",
+	"yellow",
+	"red",
+	"blue",
+	"pink",
+	"purple",
+	"green",
+	"yellow",
+	"red",
+	"blue",
+	"pink",
+	"purple"
+];
+
+const VERSION = version.version;
+
+export async function load({ params, url }) {
+	if (params?.version === VERSION) {
+		throw redirect(302, url.href.replace(`/${params.version}`, ""));
+	}
+
+	return {
+		COLOR_SETS
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/docs/+page.svelte b/js/_website/src/routes/[[version]]/docs/+page.svelte
new file mode 100644
index 0000000..6412c28
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/+page.svelte
@@ -0,0 +1,290 @@
+<script lang="ts">
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+	import DropDown from "$lib/components/VersionDropdown.svelte";
+
+	export let data: {
+		[key: string]: any;
+	};
+</script>
+
+<MetaTags
+	title="Gradio API Documentation"
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="API reference documentation for the Gradio ecosystem."
+/>
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<div class="float-right">
+		<DropDown />
+	</div>
+	<h1
+		class="mb-4 flex items-center text-3xl font-semibold text-gray-900 dark:text-gray-100"
+	>
+		API Reference
+	</h1>
+
+	<div class="max-w-3xl mb-10 mt-6">
+		<p class="text-xl text-gray-700 dark:text-gray-300 leading-relaxed">
+			Explore the Gradio ecosystem — from building interactive demos with the
+			core library, to integrating with client SDKs, to creating your own custom
+			components.
+		</p>
+	</div>
+
+	<!-- Core Library -->
+	<div class="mb-6">
+		<h2
+			class="text-sm uppercase tracking-wider font-semibold text-gray-500 dark:text-gray-400 mb-4"
+		>
+			Core Library
+		</h2>
+	</div>
+	<div class="grid grid-cols-1 gap-5 lg:grid-cols-2 mb-12">
+		<div
+			class="card-hover group flex flex-col overflow-hidden lg:col-span-2 rounded-xl px-6 pb-6 pt-8 bg-orange-50 dark:bg-neutral-800 border-2 border-orange-200 dark:border-orange-800 hover:border-orange-400 dark:hover:border-orange-600 hover:shadow-lg transition-all"
+		>
+			<div class="relative">
+				<a
+					class="block text-gray-900 dark:text-gray-100"
+					href="./docs/gradio"
+					target="_self"
+				>
+					<div class="mb-3">
+						<p class="text-2xl font-bold">Gradio</p>
+						<code class="text-sm font-mono text-orange-700 dark:text-orange-300"
+							>pip install gradio</code
+						>
+					</div>
+
+					<div
+						class="relative text-lg font-light mt-4 mb-10 pr-4 pb-48 lg:pb-4 lg:pr-[28rem]"
+					>
+						The fastest way to build and share machine learning demos and web
+						applications. Create beautiful UIs for your models in just a few
+						lines of Python.
+					</div>
+				</a>
+
+				<!-- Fun pill cluster in bottom right -->
+				<div
+					class="pill-cluster-container absolute bottom-4 right-4 pointer-events-auto"
+				>
+					<div class="flex flex-col gap-2 items-end">
+						<!-- Row 1 -->
+						<div class="flex gap-2">
+							<a
+								href="./docs/gradio/interface"
+								target="_self"
+								class="pill-cluster"
+								style="transform: rotate(-2deg);"
+								>Interface
+							</a>
+							<a
+								href="./docs/gradio/blocks"
+								target="_self"
+								class="pill-cluster"
+								style="transform: rotate(3deg);"
+								>Blocks
+							</a>
+						</div>
+						<!-- Row 2 -->
+						<div class="flex gap-2">
+							<a
+								href="./docs/gradio/chatinterface"
+								target="_self"
+								class="pill-cluster"
+								style="transform: rotate(-1deg);"
+								>ChatInterface
+							</a>
+							<a
+								href="./docs/gradio/textbox"
+								target="_self"
+								class="pill-cluster"
+								style="transform: rotate(2deg);"
+								>Textbox
+							</a>
+						</div>
+						<!-- Row 3 -->
+						<div class="flex gap-2">
+							<a
+								href="./docs/gradio/image"
+								target="_self"
+								class="pill-cluster"
+								style="transform: rotate(-3deg);"
+								>Image
+							</a>
+							<a
+								href="./docs/gradio/audio"
+								target="_self"
+								class="pill-cluster"
+								style="transform: rotate(1deg);"
+								>Audio
+							</a>
+							<a
+								href="./docs/gradio/dataframe"
+								target="_self"
+								class="pill-cluster"
+								style="transform: rotate(-2deg);"
+								>Dataframe
+							</a>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+
+	<!-- Client Libraries -->
+	<div class="mb-6">
+		<h2
+			class="text-sm uppercase tracking-wider font-semibold text-gray-500 dark:text-gray-400 mb-4"
+		>
+			Client Libraries
+		</h2>
+	</div>
+	<div class="grid grid-cols-1 gap-5 lg:grid-cols-3 mb-12">
+		<a
+			href="./docs/python-client"
+			target="_self"
+			class="card-hover group relative flex flex-col overflow-hidden rounded-xl px-5 py-5 bg-green-50 dark:bg-neutral-800 border-2 border-green-200 dark:border-green-900 hover:border-green-300 dark:hover:border-green-700 hover:shadow-lg transition-all text-gray-900 dark:text-gray-100"
+		>
+			<div class="mb-3">
+				<div class="text-xl font-bold">Python Client</div>
+			</div>
+			<code class="text-sm font-mono text-gray-600 dark:text-gray-400 mb-3"
+				>pip install gradio-client</code
+			>
+			<div class="text-base font-light">
+				Make programmatic requests to Gradio apps from Python. Perfect for
+				building pipelines and automation.
+			</div>
+		</a>
+
+		<a
+			href="./docs/js-client"
+			target="_self"
+			class="card-hover group relative flex flex-col overflow-hidden rounded-xl px-5 py-5 bg-blue-50 dark:bg-neutral-800 border-2 border-blue-200 dark:border-blue-900 hover:border-blue-300 dark:hover:border-blue-700 hover:shadow-lg transition-all text-gray-900 dark:text-gray-100"
+		>
+			<div class="mb-3">
+				<div class="text-xl font-bold">JavaScript Client</div>
+			</div>
+			<code class="text-sm font-mono text-gray-600 dark:text-gray-400 mb-3"
+				>npm install @gradio/client</code
+			>
+			<div class="text-base font-light">
+				Connect to Gradio apps from JavaScript or TypeScript. Works in the
+				browser and Node.js.
+			</div>
+		</a>
+
+		<a
+			href="./docs/third-party-clients"
+			target="_self"
+			class="card-hover group relative flex flex-col overflow-hidden rounded-xl px-5 py-5 bg-purple-50 dark:bg-neutral-800 border-2 border-purple-200 dark:border-purple-900 hover:border-purple-300 dark:hover:border-purple-700 hover:shadow-lg transition-all text-gray-900 dark:text-gray-100"
+		>
+			<div class="mb-3">
+				<div class="text-xl font-bold">Third Party Clients</div>
+			</div>
+			<div class="text-base font-light mt-2">
+				Community-built clients for Rust, Go, Ruby, and more. Extend Gradio to
+				your favorite language.
+			</div>
+		</a>
+	</div>
+
+	<!-- Component Libraries -->
+	<div class="mb-6">
+		<h2
+			class="text-sm uppercase tracking-wider font-semibold text-gray-500 dark:text-gray-400 mb-4"
+		>
+			Component Libraries
+		</h2>
+	</div>
+	<div class="grid grid-cols-1 gap-5 lg:grid-cols-2">
+		<a
+			href="./docs/js"
+			target="_self"
+			class="card-hover group relative flex flex-col overflow-hidden rounded-xl px-5 py-5 bg-pink-50 dark:bg-neutral-800 border-2 border-pink-200 dark:border-pink-900 hover:border-pink-300 dark:hover:border-pink-700 hover:shadow-lg transition-all text-gray-900 dark:text-gray-100"
+		>
+			<div class="mb-3">
+				<div class="text-xl font-bold">JavaScript Components</div>
+			</div>
+			<div class="text-base font-light">
+				Use Gradio's UI components in standalone JavaScript applications. Build
+				beautiful interfaces outside of Python.
+			</div>
+		</a>
+
+		<a
+			href="../guides/custom-components-in-five-minutes"
+			target="_self"
+			class="card-hover group relative flex flex-col overflow-hidden rounded-xl px-5 py-5 bg-yellow-50 dark:bg-neutral-800 border-2 border-yellow-200 dark:border-yellow-900 hover:border-yellow-300 dark:hover:border-yellow-700 hover:shadow-lg transition-all text-gray-900 dark:text-gray-100"
+		>
+			<div class="mb-3">
+				<div class="text-xl font-bold">Custom Components</div>
+			</div>
+			<div class="text-base font-light">
+				Create, share, and discover custom components. Extend Gradio with your
+				own unique UI elements.
+			</div>
+		</a>
+	</div>
+</div>
+
+<style>
+	.quick-link {
+		transition: all 0.2s ease-in-out;
+	}
+
+	.quick-link:hover {
+		transform: translateY(-2px);
+	}
+
+	.card-hover {
+		transition: all 0.3s ease-in-out;
+	}
+
+	.card-hover:hover {
+		transform: translateY(-4px);
+	}
+
+	.pill-cluster-container {
+		opacity: 0.5;
+		transition: opacity 0.3s ease-in-out;
+	}
+
+	.pill-cluster-container:hover {
+		opacity: 0.7;
+	}
+
+	.pill-cluster {
+		padding: 0.375rem 0.875rem;
+		border-radius: 9999px;
+		font-size: 0.8125rem;
+		font-weight: 600;
+		background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
+		color: #7c2d12;
+		box-shadow: 0 2px 8px rgba(251, 146, 60, 0.3);
+		transition: all 0.3s ease-in-out;
+		text-decoration: none;
+		white-space: nowrap;
+	}
+
+	.pill-cluster:hover {
+		transform: scale(1.1) rotate(0deg) !important;
+		box-shadow: 0 4px 12px rgba(251, 146, 60, 0.5);
+		z-index: 10;
+	}
+
+	:global(.dark) .pill-cluster {
+		background: linear-gradient(135deg, #c2410c 0%, #ea580c 100%);
+		color: #fff;
+		box-shadow: 0 2px 8px rgba(234, 88, 12, 0.4);
+	}
+
+	:global(.dark) .pill-cluster:hover {
+		box-shadow: 0 4px 12px rgba(234, 88, 12, 0.6);
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/gradio/+page.server.ts b/js/_website/src/routes/[[version]]/docs/gradio/+page.server.ts
new file mode 100644
index 0000000..b1a7528
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/gradio/+page.server.ts
@@ -0,0 +1,8 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load({ params }) {
+	if (params?.version)
+		throw redirect(302, `/${params?.version}/docs/gradio/interface`);
+
+	throw redirect(302, `/docs/gradio/interface`);
+}
\ No newline at end of file
diff --git a/js/_website/src/routes/[[version]]/docs/gradio/[doc]/+page.svelte b/js/_website/src/routes/[[version]]/docs/gradio/[doc]/+page.svelte
new file mode 100644
index 0000000..cfcd05a
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/gradio/[doc]/+page.svelte
@@ -0,0 +1,303 @@
+<script lang="ts">
+	import DocsNav from "$lib/components/DocsNav.svelte";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import RelatedGuides from "$lib/components/RelatedGuides.svelte";
+	import DocsCopyMarkdown from "$lib/components/DocsCopyMarkdown.svelte";
+	import { page } from "$app/stores";
+	import { onNavigate } from "$app/navigation";
+	import '$lib/assets/theme.css';
+
+	export let data: any = {};
+
+	let name: string = data.name;
+	let on_main: boolean;
+	let wheel: any = data.wheel;
+	let install_command: string = wheel.gradio_install;
+	let url_version: string = data.url_version;
+
+	let y: number;
+	let header_targets: { [key: string]: HTMLElement } = {};
+	let target_elem: HTMLElement;
+	let module = data.module.default;
+	$: module = data.module.default;
+
+	let current_target: HTMLElement;
+
+	$: for (const target in header_targets) {
+		target_elem = document.querySelector(`#${target}`) as HTMLElement;
+		if (
+			y > target_elem?.offsetTop - 50 &&
+			y < target_elem?.offsetTop + target_elem?.offsetHeight
+		) {
+			current_target = header_targets[target];
+			current_target.classList.add("current-nav-link");
+			Object.values(header_targets).forEach((target) => {
+				if (target !== current_target && target) {
+					target.classList.remove("current-nav-link");
+				}
+			});
+		} 
+	}
+
+	$: name = data.name;
+	$: on_main = data.on_main;
+	$: url_version = data.url_version;
+	$: pages = data.pages.gradio;
+	$: page_path = data.page_path;
+
+	$: flattened_pages = pages.map((category: any) => category.pages).flat();
+
+	let component_name = $page.params?.doc;
+	$: component_name = $page.params?.doc;
+
+	$: prev_obj =
+	flattened_pages[
+		flattened_pages.findIndex((page: any) => page.name === component_name) - 1
+		];
+	$: next_obj =
+		flattened_pages[
+			flattened_pages.findIndex((page: any) => page.name === component_name) + 1
+		];
+	
+	function get_headers() {
+		let headers: any[] = [];
+		const h3_elements = document.querySelectorAll('h3');
+		h3_elements.forEach((element) => {
+			headers.push({ title: element.textContent, id: element.id });
+		});
+		const page_title_elem = document.querySelector('h1');
+		let page_title = { title: "", id: "" };
+		if (page_title_elem) {
+			page_title_elem.id = page_title_elem?.textContent?.toLowerCase().replace(/ /g, "-") || "";
+			page_title = { title: page_title_elem?.textContent || "", id: page_title_elem.id };
+		}
+		return { headers: headers, page_title: page_title };
+	}
+
+	function get_related_guides() {
+		let guides: { name: string, url: string }[] = [];
+		const guide_elements = document.querySelectorAll('a.guide-box');
+		guide_elements.forEach((element) => {
+			const p_elem = element.querySelector('p');
+			guides.push({
+				name: p_elem ? p_elem.textContent || "" : "",
+				url: element.getAttribute('href') || ""
+			});
+		});
+		return guides;
+	}
+	
+	var all_headers : {headers: any[], page_title: {title: string, id: string}} = {headers: [], page_title: {title: "", id: ""}};
+	var related_guides: {name: string, url: string}[] = [];
+	var dynamic_component: any = null;
+
+	$: if (dynamic_component) {
+		all_headers = get_headers();
+		related_guides = get_related_guides();
+	}
+
+	let show_nav = false;
+
+	onNavigate(() => {
+		show_nav = false;
+	});
+
+	$: show_nav;
+
+	function get_category(name: string) {
+		if (pages) {
+			for (let category of pages) {
+				for (let page of category.pages) {
+					if (page.name === name) {
+						return [category.category, page.pretty_name];
+					}
+				}
+			}
+		}
+	}
+
+
+	let category_and_name: any[] | undefined = get_category(name);
+
+	$: category_and_name = get_category(name);
+
+</script>
+
+<MetaTags
+	title={"Gradio " + all_headers.page_title.title + " Docs"}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description={"Gradio docs for using " + all_headers.page_title.title}
+/>
+
+<svelte:window bind:scrollY={y} />
+
+<main class="container mx-auto px-4 pt-8 flex flex-col gap-4">
+	<div class="flex items-center p-4 border-b border-t border-slate-900/10 lg:hidden dark:border-slate-50/[0.06]">
+		<button 
+		on:click={() => (show_nav = !show_nav)}
+		type="button" class="text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300">
+			<svg width="24" height="24"><path d="M5 6h14M5 12h14M5 18h14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg>
+		</button>
+		{#if category_and_name}
+		<ol class="ml-4 flex text-sm leading-6 whitespace-nowrap min-w-0">
+			<li class="flex items-center">{category_and_name[0]}
+				<svg width="3" height="6" aria-hidden="true" class="mx-3 overflow-visible text-slate-400"><path d="M0 0L3 3L0 6" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>
+			</li>
+			<li class="font-semibold text-slate-900 truncate dark:text-slate-200">
+				{category_and_name[1]}
+			</li>
+		</ol>
+		{/if}
+	</div>
+
+	<div class="flex w-full">
+		<DocsNav
+			current_nav_link={name}
+			library_pages={pages}
+			bind:show_nav={show_nav}
+		/>
+
+		<div class="flex flex-col w-full min-w-full lg:w-8/12 lg:min-w-0">
+			<div>
+				<p
+					class="bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 mr-2 rounded-full text-orange-800 dark:text-orange-200 mb-1 w-fit float-left lg:ml-10"
+				>
+					New to Gradio? Start here: <a class="link" href="/quickstart"
+						>Getting Started</a
+					>
+				</p>
+				<p
+					class="bg-gradient-to-r from-green-100 to-green-50 border border-green-200 px-4 py-1 rounded-full text-green-800 mb-1 w-fit float-left sm:float-right"
+				>
+					See the <a class="link" href="/changelog">Release History</a>
+				</p>
+			</div>
+
+			{#if on_main}
+				<div
+					class="bg-gray-100 border border-gray-200 text-gray-800 px-3 py-1 mt-4 rounded-lg lg:ml-10"
+				>
+					<p class="my-2">
+						To install Gradio from main, run the following command:
+					</p>
+					<div class="codeblock">
+						<pre class="language-bash" style="padding-right: 50px;"><code
+								class="language-bash">{install_command}</code
+							></pre>
+					</div>
+					<p class="float-right text-sm">
+						*Note: Setting <code style="font-size: 0.85rem">share=True</code> in
+						<code style="font-size: 0.85rem">launch()</code> will not work.
+					</p>
+				</div>
+			{/if}
+				
+
+			<div class="w-full flex flex-wrap justify-between my-4">
+					{#if prev_obj}
+						<a
+							href="./{prev_obj.name}"
+							class="lg:ml-10 text-left px-4 py-1 bg-gray-50 dark:bg-neutral-700 rounded-full hover:underline max-w-[48%]"
+						>
+							<div class="flex text-lg">
+								<span class="text-orange-500 mr-1">&#8592;</span>
+								<p class="whitespace-nowrap overflow-hidden text-ellipsis text-gray-900 dark:text-gray-100">{prev_obj.pretty_name}</p>
+							</div>
+						</a>
+					{:else}
+						<div />
+					{/if}
+					{#if next_obj}
+						<a
+							href="./{next_obj.name}"
+							class="text-right px-4 py-1 bg-gray-50 dark:bg-neutral-700 rounded-full hover:underline max-w-[48%]"
+						>
+							<div class="flex text-lg">
+								<p class="whitespace-nowrap overflow-hidden text-ellipsis text-gray-900 dark:text-gray-100">{next_obj.pretty_name}</p>
+								<span class="text-orange-500 ml-1">&#8594;</span>
+							</div>
+						</a>
+					{:else}
+						<div />
+					{/if}
+				</div>
+
+				<div class="lg:ml-10 mb-2">
+					<DocsCopyMarkdown doc_name={name} />
+				</div>
+
+				<div class="flex flex-row">
+					<div class="lg:ml-10 w-full">
+						<div class="obj text-gray-900 dark:text-gray-100">
+							<svelte:component this={module} bind:this={dynamic_component}/>
+						</div>
+					</div>
+				</div>
+
+				<div class="w-full flex flex-wrap justify-between my-4">
+					{#if prev_obj}
+						<a
+							href="./{prev_obj.name}"
+							class="lg:ml-10 text-left px-4 py-1 bg-gray-50 dark:bg-neutral-700 rounded-full hover:underline max-w-[48%]"
+						>
+							<div class="flex text-lg">
+								<span class="text-orange-500 mr-1">&#8592;</span>
+								<p class="whitespace-nowrap overflow-hidden text-ellipsis text-gray-900 dark:text-gray-100">{prev_obj.pretty_name}</p>
+							</div>
+						</a>
+					{:else}
+						<div />
+					{/if}
+					{#if next_obj}
+						<a
+							href="./{next_obj.name}"
+							class="text-right px-4 py-1 bg-gray-50 dark:bg-neutral-700 rounded-full hover:underline max-w-[48%]"
+						>
+							<div class="flex text-lg">
+								<p class="whitespace-nowrap overflow-hidden text-ellipsis text-gray-900 dark:text-gray-100">{next_obj.pretty_name}</p>
+								<span class="text-orange-500 ml-1">&#8594;</span>
+							</div>
+						</a>
+					{:else}
+						<div />
+					{/if}
+				</div>
+		</div>
+
+		<div
+			class="float-right top-8 hidden sticky h-screen overflow-y-auto lg:block lg:w-2/12"
+		>
+			<div class="mx-8">
+				<a class="text-sm tracking-wider font-semibold text-gray-600 dark:text-gray-300 py-2 block" href="#{all_headers.page_title.id}">{all_headers.page_title.title}</a
+				>
+				{#if all_headers.headers && all_headers.headers.length > 0}
+					<ul class="space-y-2 list-none">
+						{#each all_headers.headers as header}
+							<li>
+								<a
+									bind:this={header_targets[header.id]}
+									href="#{header.id}"
+									class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+									>{header.title}</a
+								>
+							</li>
+						{/each}
+					</ul>
+				{/if}
+				{#if related_guides && related_guides.length > 0}
+					<RelatedGuides related_guides={related_guides} />
+				{/if}
+			</div>
+		</div>
+	</div>
+</main>
+
+<style>
+	.sub-link {
+		border-color: #f3f4f6 !important;
+	}
+	:global(.embedded-component) {
+		display: none;
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/gradio/[doc]/+page.ts b/js/_website/src/routes/[[version]]/docs/gradio/[doc]/+page.ts
new file mode 100644
index 0000000..86ab195
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/gradio/[doc]/+page.ts
@@ -0,0 +1,62 @@
+import { error, redirect } from "@sveltejs/kit";
+
+export async function load({ params, parent }) {
+    const {
+        on_main,
+        wheel,
+        pages,
+        url_version,
+        VERSION
+    } = await parent();
+
+    const modules : any = import.meta.glob("/src/lib/templates*/gradio/**/*.svx");
+    let name = params.doc;
+    let version = params.version || VERSION;
+    let page_path : string | null = null;
+
+    for (const category of pages.gradio) {
+        for (const page of category.pages) {
+            if (page.name === name) {
+                page_path = page.path;
+            }
+        }
+    }
+
+    if (page_path === null) {
+        if (!params.version) {
+            throw redirect(308, `/docs/gradio/interface`);
+        } else {
+            throw redirect(308, `/${params.version}/docs/gradio/interface`);
+        }
+    }
+
+    let version_append = on_main ? "/" : "_" + version.replace(/\./g, "-") + "/";
+
+    let module;
+    for (const path in modules) {
+        if (path.includes(page_path) && path.includes("templates" + version_append)) {
+            module = await modules[path]();
+        }
+        
+    }
+
+    if (module === undefined) {
+        if (!params.version) {
+            throw redirect(302, `/docs/gradio/interface`);
+        } else {
+            throw redirect(302, `/${params.version}/docs/gradio/interface`);
+        }
+    }
+
+
+
+    return {
+        name,
+        on_main,
+        wheel,
+        url_version,
+        pages,
+        page_path,
+        module
+    };
+    }
diff --git a/js/_website/src/routes/[[version]]/docs/js-client/+page.server.ts b/js/_website/src/routes/[[version]]/docs/js-client/+page.server.ts
new file mode 100644
index 0000000..5165eae
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/js-client/+page.server.ts
@@ -0,0 +1,82 @@
+import { compile } from "mdsvex";
+import anchor from "$lib/assets/img/anchor.svg";
+import { make_slug_processor } from "$lib/utils";
+import { toString as to_string } from "hast-util-to-string";
+import { highlight } from "$lib/prism";
+
+export async function load({ parent }) {
+	const {
+		components,
+		helpers,
+		modals,
+		py_client,
+		routes,
+		js_client,
+		on_main,
+		wheel
+	} = await parent();
+
+	const guide_slug = [];
+
+	const get_slug = make_slug_processor();
+	function plugin() {
+		return function transform(tree: any) {
+			tree.children.forEach((n: any) => {
+				if (
+					n.type === "element" &&
+					["h2", "h3", "h4", "h5", "h6"].includes(n.tagName)
+				) {
+					const str_of_heading = to_string(n);
+					const slug = get_slug(str_of_heading);
+
+					guide_slug.push({
+						text: str_of_heading,
+						href: `#${slug}`,
+						level: parseInt(n.tagName.replace("h", ""))
+					});
+
+					if (!n.children) n.children = [];
+					n.properties.className = ["group"];
+					n.properties.id = [slug];
+					n.children.push({
+						type: "element",
+						tagName: "a",
+						properties: {
+							href: `#${slug}`,
+							className: ["invisible", "group-hover-visible"]
+						},
+						children: [
+							{
+								type: "element",
+								tagName: "img",
+								properties: {
+									src: anchor,
+									className: ["anchor-img"]
+								},
+								children: []
+							}
+						]
+					});
+				}
+			});
+		};
+	}
+
+	const compiled = await compile(js_client, {
+		rehypePlugins: [plugin],
+		highlight: {
+			highlighter: highlight
+		}
+	});
+	let readme_html = await compiled?.code;
+
+	return {
+		readme_html,
+		components,
+		helpers,
+		modals,
+		routes,
+		py_client,
+		wheel
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/docs/js-client/+page.svelte b/js/_website/src/routes/[[version]]/docs/js-client/+page.svelte
new file mode 100644
index 0000000..83b8ec1
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/js-client/+page.svelte
@@ -0,0 +1,122 @@
+<script lang="ts">
+	import DocsNavCustom from "$lib/components/DocsNavCustom.svelte";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+
+	export let data;
+
+	let components = data.components;
+	let helpers = data.helpers;
+	let modals = data.modals;
+	let routes = data.routes;
+	let py_client = data.py_client;
+	let wheel: any = data.wheel;
+	let install_command: string = wheel.gradio_js_client_install;
+
+	let readme_html = data.readme_html;
+	$: components = data.components;
+	$: helpers = data.helpers;
+	$: modals = data.modals;
+	$: routes = data.routes;
+	$: py_client = data.py_client;
+	$: on_main = data.on_main;
+</script>
+
+<MetaTags
+	title={"Gradio Javascript Client Docs"}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description={"Make programmatic requests to Gradio applications in JavaScript (TypeScript) from the browser or server-side."}
+/>
+
+<main class="container mx-auto px-4 pt-8 flex gap-4">
+	<div class="flex w-full">
+		<DocsNavCustom
+			items={{
+				Installation: "#installation",
+				Usage: "#usage",
+				client: "#client",
+				duplicate: "#duplicate"
+			}}
+			title={"JavaScript Client"}
+		/>
+
+		<div class="flex flex-col w-full min-w-full lg:min-w-0">
+			<div>
+				<p
+					class="lg:ml-10 bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 mr-2 rounded-full text-orange-800 dark:text-orange-200 mb-1 w-fit float-left"
+				>
+					New to Gradio? Start here: <a class="link" href="/quickstart"
+						>Getting Started</a
+					>
+				</p>
+				<p
+					class="bg-gradient-to-r from-green-100 to-green-50 border border-green-200 px-4 py-1 rounded-full text-green-800 mb-1 w-fit float-left sm:float-right"
+				>
+					See the <a class="link" href="/changelog">Release History</a>
+				</p>
+			</div>
+			<div
+				class="bg-gray-100 border border-gray-200 text-gray-800 px-3 py-1 mt-4 rounded-lg lg:ml-10"
+			>
+				<p class="my-2">
+					To install the Gradio JS Client from main, run the following command:
+				</p>
+				<div class="codeblock mb-2">
+					<pre class="language-bash" style="padding-right: 50px;"><code
+							class="language-bash">{install_command}</code
+						></pre>
+				</div>
+			</div>
+
+			<div class="lg:ml-10 flex justify-between mt-4"></div>
+			<div class="flex flex-row">
+				<div class="w-full lg:ml-10 lg:mr-24">
+					<div class="prose dark:prose-invert text-lg max-w-full">
+						{@html readme_html}
+					</div>
+				</div>
+			</div>
+
+			<div class="w-full flex flex-wrap justify-between my-8 lg:ml-10">
+				<a
+					href="./python-client"
+					class="text-left px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline max-w-[48%] transition-colors"
+				>
+					<div class="flex text-lg items-center">
+						<span class="text-orange-500 mr-1">&#8592;</span>
+						<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+							Python Client
+						</p>
+					</div>
+				</a>
+				<a
+					href="./third-party-clients"
+					class="text-right px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline max-w-[48%] transition-colors"
+				>
+					<div class="flex text-lg justify-end items-center">
+						<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+							Third Party Clients
+						</p>
+						<span class="text-orange-500 ml-1">&#8594;</span>
+					</div>
+				</a>
+			</div>
+		</div>
+	</div>
+</main>
+
+<style>
+	code {
+		font-size: 1rem;
+	}
+
+	:global(.prose pre) {
+		@apply rounded-lg;
+		padding: 1rem;
+	}
+
+	:global(.prose code) {
+		@apply rounded;
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/js/+page.server.ts b/js/_website/src/routes/[[version]]/docs/js/+page.server.ts
new file mode 100644
index 0000000..3bc9f6d
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/js/+page.server.ts
@@ -0,0 +1,28 @@
+import { redirect } from "@sveltejs/kit";
+
+export const prerender = true;
+
+async function urlExists(fetch: any, url: string): Promise<boolean> {
+	try {
+		const res = await fetch(url, { method: "HEAD" });
+		return res.ok;
+	} catch (e) {
+		return false;
+	}
+}
+
+export async function load({ params, fetch }) {
+	const url = params.version
+		? `/${params.version}/docs/js/dataframe`
+		: `/docs/js/dataframe`;
+	const fallback_url = params.version
+		? `/${params.version}/docs/js/js-client`
+		: `/docs/js/js-client`;
+	const exists = await urlExists(fetch, url);
+
+	if (exists) {
+		throw redirect(302, url);
+	}
+
+	throw redirect(302, fallback_url);
+}
diff --git a/js/_website/src/routes/[[version]]/docs/js/[jsdoc]/+page.server.ts b/js/_website/src/routes/[[version]]/docs/js/[jsdoc]/+page.server.ts
new file mode 100644
index 0000000..06eaf3b
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/js/[jsdoc]/+page.server.ts
@@ -0,0 +1,85 @@
+import { compile } from "mdsvex";
+import anchor from "$lib/assets/img/anchor.svg";
+import { make_slug_processor } from "$lib/utils";
+import { toString as to_string } from "hast-util-to-string";
+import { highlight } from "$lib/prism";
+import { error } from "@sveltejs/kit";
+
+export const prerender = true;
+
+export async function load({ params, parent }) {
+	const { js, js_pages } = await parent();
+
+	let name = params.jsdoc;
+	const guide_slug = [];
+
+	const get_slug = make_slug_processor();
+
+	if (!js_pages.some((p: string) => p === params.jsdoc)) {
+		throw error(404);
+	}
+
+	function plugin() {
+		return function transform(tree: any) {
+			tree.children.forEach((n: any) => {
+				if (
+					n.type === "element" &&
+					["h2", "h3", "h4", "h5", "h6"].includes(n.tagName)
+				) {
+					const str_of_heading = to_string(n);
+					const slug = get_slug(str_of_heading);
+
+					guide_slug.push({
+						text: str_of_heading,
+						href: `#${slug}`,
+						level: parseInt(n.tagName.replace("h", ""))
+					});
+
+					if (!n.children) n.children = [];
+					n.properties.className = ["group"];
+					n.properties.id = [slug];
+					n.children.push({
+						type: "element",
+						tagName: "a",
+						properties: {
+							href: `#${slug}`,
+							className: ["invisible", "group-hover-visible"]
+						},
+						children: [
+							{
+								type: "element",
+								tagName: "img",
+								properties: {
+									src: anchor,
+									className: ["anchor-img"]
+								},
+								children: []
+							}
+						]
+					});
+				}
+			});
+		};
+	}
+
+	let readme_html;
+
+	for (const key in js) {
+		if (key == name) {
+			const compiled = await compile(js[key], {
+				rehypePlugins: [plugin],
+				highlight: {
+					highlighter: highlight
+				}
+			});
+
+			readme_html = await compiled?.code;
+		}
+	}
+
+	return {
+		name,
+		readme_html,
+		js_pages
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/docs/js/[jsdoc]/+page.svelte b/js/_website/src/routes/[[version]]/docs/js/[jsdoc]/+page.svelte
new file mode 100644
index 0000000..79ead7e
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/js/[jsdoc]/+page.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+	import JSDocsNav from "$lib/components/JSDocsNav.svelte";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+
+	export let data;
+
+	let name = data.name;
+	let readme_html = data.readme_html;
+	let js_pages = data.js_pages;
+
+	let js_components = js_pages.filter((c) => c !== "js-client");
+	$: name = data.name;
+
+	$: current_jsdoc = $page.params?.jsdoc;
+
+	$: prev_obj =
+		current_jsdoc === "atoms"
+			? "storybook"
+			: js_components[
+					js_components.findIndex((page: any) => page === current_jsdoc) - 1
+				];
+	$: next_obj =
+		js_components[
+			js_components.findIndex((page: any) => page === current_jsdoc) + 1
+		];
+
+	$: readme_html = data.readme_html;
+</script>
+
+<MetaTags
+	title={"Gradio " + name + " JS Docs"}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description={"How to use " + name + " in JS"}
+/>
+
+<main class="container mx-auto px-4 pt-8 flex flex-col gap-4">
+	<div class="flex w-full">
+		<JSDocsNav current_nav_link={name} {js_components} />
+
+		<div class="flex flex-col w-full min-w-full lg:w-10/12 lg:min-w-0">
+			<div>
+				<p
+					class="lg:ml-10 bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 mr-2 rounded-full text-orange-800 dark:text-orange-200 mb-1 w-fit float-left"
+				>
+					New to Gradio? Start here: <a class="link" href="/quickstart"
+						>Getting Started</a
+					>
+				</p>
+				<p
+					class="bg-gradient-to-r from-green-100 to-green-50 border border-green-200 px-4 py-1 rounded-full text-green-800 mb-1 w-fit float-left sm:float-right"
+				>
+					See the <a class="link" href="/changelog">Release History</a>
+				</p>
+			</div>
+			<div class="js_readme">
+				<div class="lg:ml-10 mt-5">
+					<div class="prose dark:prose-invert text-lg max-w-full">
+						{@html readme_html}
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</main>
+
+<style>
+	code {
+		font-size: 1rem !important;
+	}
+
+	:global(.js_readme pre) {
+		padding: 1rem !important;
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/js/storybook/+page.server.ts b/js/_website/src/routes/[[version]]/docs/js/storybook/+page.server.ts
new file mode 100644
index 0000000..824bd77
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/js/storybook/+page.server.ts
@@ -0,0 +1,80 @@
+import { compile } from "mdsvex";
+import anchor from "$lib/assets/img/anchor.svg";
+import { make_slug_processor } from "$lib/utils";
+import { toString as to_string } from "hast-util-to-string";
+import { highlight } from "$lib/prism";
+
+export const prerender = true;
+
+export async function load({ params, parent }) {
+	const { js, js_pages } = await parent();
+
+	let name = params.jsdoc;
+	const guide_slug = [];
+
+	const get_slug = make_slug_processor();
+
+	function plugin() {
+		return function transform(tree: any) {
+			tree.children.forEach((n: any) => {
+				if (
+					n.type === "element" &&
+					["h2", "h3", "h4", "h5", "h6"].includes(n.tagName)
+				) {
+					const str_of_heading = to_string(n);
+					const slug = get_slug(str_of_heading);
+
+					guide_slug.push({
+						text: str_of_heading,
+						href: `#${slug}`,
+						level: parseInt(n.tagName.replace("h", ""))
+					});
+
+					if (!n.children) n.children = [];
+					n.properties.className = ["group"];
+					n.properties.id = [slug];
+					n.children.push({
+						type: "element",
+						tagName: "a",
+						properties: {
+							href: `#${slug}`,
+							className: ["invisible", "group-hover-visible"]
+						},
+						children: [
+							{
+								type: "element",
+								tagName: "img",
+								properties: {
+									src: anchor,
+									className: ["anchor-img"]
+								},
+								children: []
+							}
+						]
+					});
+				}
+			});
+		};
+	}
+
+	let readme_html;
+
+	for (const key in js) {
+		if (key == name) {
+			const compiled = await compile(js[key], {
+				rehypePlugins: [plugin],
+				highlight: {
+					highlighter: highlight
+				}
+			});
+
+			readme_html = await compiled?.code;
+		}
+	}
+
+	return {
+		name,
+		readme_html,
+		js_pages
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/docs/js/storybook/+page.svelte b/js/_website/src/routes/[[version]]/docs/js/storybook/+page.svelte
new file mode 100644
index 0000000..64917e1
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/js/storybook/+page.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	import JSDocsNav from "$lib/components/JSDocsNav.svelte";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+
+	export let data;
+
+	let name = data.name;
+	let readme_html = data.readme_html;
+	let js_pages = data.js_pages;
+
+	let js_components = js_pages.filter((c) => c !== "js-client");
+
+	$: name = data.name;
+	$: readme_html = data.readme_html;
+</script>
+
+<MetaTags
+	title={"Gradio Storybook"}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description={"All of Gradio's UI Components"}
+/>
+
+<main class="container mx-auto px-4 flex flex-col gap-4">
+	<div class="flex w-full">
+		<JSDocsNav current_nav_link={""} {js_components} version_dropdown={false} />
+
+		<div class="flex flex-col w-full min-w-full lg:w-10/12 lg:min-w-0">
+			<div>
+				<p
+					class="lg:ml-10 bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 mr-2 rounded-full text-orange-800 dark:text-orange-200 mb-1 w-fit float-left"
+				>
+					New to Gradio? Start here: <a class="link" href="/quickstart"
+						>Getting Started</a
+					>
+				</p>
+				<p
+					class="bg-gradient-to-r from-green-100 to-green-50 border border-green-200 px-4 py-1 rounded-full text-green-800 mb-1 w-fit float-left sm:float-right"
+				>
+					See the <a class="link" href="/changelog">Release History</a>
+				</p>
+			</div>
+			<div class="flex flex-row lg:ml-10 mt-5">
+				<iframe
+					id="storybook"
+					src="https://main--649585a46a67480e3074dc75.chromatic.com/"
+					class="grow m-0 p-0 h-[70vh] border border-gray-200 shadow-xl rounded-xl w-full"
+				></iframe>
+			</div>
+		</div>
+	</div>
+</main>
+
+<style>
+	code {
+		font-size: 1rem;
+	}
+
+	.down-arrow {
+		font-size: 1.4rem;
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/python-client/+page.server.ts b/js/_website/src/routes/[[version]]/docs/python-client/+page.server.ts
new file mode 100644
index 0000000..b7047f6
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/python-client/+page.server.ts
@@ -0,0 +1,8 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load({ params }) {
+	if (params?.version)
+		throw redirect(302, `/${params?.version}/docs/python-client/introduction`);
+
+	throw redirect(302, `/docs/python-client/introduction`);
+}
diff --git a/js/_website/src/routes/[[version]]/docs/python-client/[doc]/+page.svelte b/js/_website/src/routes/[[version]]/docs/python-client/[doc]/+page.svelte
new file mode 100644
index 0000000..ea32554
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/python-client/[doc]/+page.svelte
@@ -0,0 +1,254 @@
+<script lang="ts">
+	import DocsNav from "$lib/components/DocsNav.svelte";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+
+	export let data: any = {};
+
+	let name: string = data.name;
+	let on_main: boolean;
+	let wheel: any = data.wheel;
+	let install_command: string = wheel.gradio_py_client_install;
+	let url_version: string = data.url_version;
+	let module = data.module.default;
+
+	let y: number;
+	let header_targets: { [key: string]: HTMLElement } = {};
+	let target_elem: HTMLElement;
+
+	let current_target: HTMLElement;
+
+	$: for (const target in header_targets) {
+		target_elem = document.querySelector(`#${target}`) as HTMLElement;
+		if (
+			y > target_elem?.offsetTop - 50 &&
+			y < target_elem?.offsetTop + target_elem?.offsetHeight
+		) {
+			current_target = header_targets[target];
+			current_target.classList.add("current-nav-link");
+			Object.values(header_targets).forEach((target) => {
+				if (target !== current_target && target) {
+					target.classList.remove("current-nav-link");
+				}
+			});
+		}
+	}
+
+	$: name = data.name;
+	$: on_main = data.on_main;
+	$: url_version = data.url_version;
+	$: pages = data.pages["python-client"];
+	$: page_path = data.page_path;
+	$: module = data.module.default;
+
+	$: flattened_pages = pages.map((category: any) => category.pages).flat();
+
+	let component_name = $page.params?.doc;
+	$: component_name = $page.params?.doc;
+
+	$: prev_obj =
+		flattened_pages[
+			flattened_pages.findIndex((page: any) => page.name === component_name) - 1
+		];
+	$: next_obj =
+		flattened_pages[
+			flattened_pages.findIndex((page: any) => page.name === component_name) + 1
+		];
+
+	function get_headers() {
+		let headers: any[] = [];
+		const h3_elements = document.querySelectorAll("h3");
+		h3_elements.forEach((element) => {
+			headers.push({ title: element.textContent, id: element.id });
+		});
+		const page_title_elem = document.querySelector("h1");
+		let page_title = { title: "", id: "" };
+		if (page_title_elem) {
+			page_title_elem.id =
+				page_title_elem?.textContent?.toLowerCase().replace(/ /g, "-") || "";
+			page_title = {
+				title: page_title_elem?.textContent || "",
+				id: page_title_elem.id
+			};
+		}
+		return { headers: headers, page_title: page_title };
+	}
+
+	var all_headers: {
+		headers: any[];
+		page_title: { title: string; id: string };
+	} = { headers: [], page_title: { title: "", id: "" } };
+
+	var dynamic_component: any = null;
+
+	$: if (dynamic_component) {
+		all_headers = get_headers();
+	}
+	let title: string;
+	let description: string;
+	$: title =
+		all_headers.page_title.title === "Introduction"
+			? "Gradio Python Client - " + all_headers.page_title.title + " Docs"
+			: "Gradio Python Client - " +
+				all_headers.page_title.title +
+				" Class Docs";
+	$: description =
+		all_headers.page_title.title === "Introduction"
+			? "Make programmatic requests to Gradio applications from Python environments."
+			: "Using the " +
+				all_headers.page_title.title +
+				" class in the Gradio Python Client.";
+</script>
+
+<MetaTags
+	{title}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	{description}
+/>
+
+<svelte:window bind:scrollY={y} />
+
+<main class="container mx-auto px-4 pt-8 flex gap-4">
+	<div class="flex w-full">
+		<DocsNav current_nav_link={name} library_pages={pages} />
+
+		<div class="flex flex-col w-full min-w-full lg:w-8/12 lg:min-w-0">
+			<div>
+				<p
+					class="bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 mr-2 rounded-full text-orange-800 dark:text-orange-200 mb-1 w-fit float-left lg:ml-10"
+				>
+					New to Gradio? Start here: <a class="link" href="/quickstart"
+						>Getting Started</a
+					>
+				</p>
+				<p
+					class="bg-gradient-to-r from-green-100 to-green-50 border border-green-200 px-4 py-1 rounded-full text-green-800 mb-1 w-fit float-left sm:float-right"
+				>
+					See the <a class="link" href="/changelog">Release History</a>
+				</p>
+			</div>
+
+			{#if on_main}
+				<div
+					class="bg-gray-100 border border-gray-200 text-gray-800 px-3 py-1 mt-4 rounded-lg lg:ml-10"
+				>
+					<p class="my-2">
+						To install the Gradio Python Client from main, run the following
+						command:
+					</p>
+					<div class="codeblock mb-2">
+						<pre class="language-bash" style="padding-right: 50px;"><code
+								class="language-bash">{install_command}</code
+							></pre>
+					</div>
+				</div>
+			{/if}
+
+			<div class="w-full flex flex-wrap justify-between my-4">
+				{#if prev_obj}
+					<a
+						href="./{prev_obj.name}"
+						class="lg:ml-10 text-left px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline max-w-[48%] transition-colors"
+					>
+						<div class="flex text-lg items-center">
+							<span class="text-orange-500 mr-1">&#8592;</span>
+							<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+								{prev_obj.pretty_name}
+							</p>
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+				{#if next_obj}
+					<a
+						href="./{next_obj.name}"
+						class="text-right px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline max-w-[48%] transition-colors"
+					>
+						<div class="flex text-lg items-center justify-end">
+							<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+								{next_obj.pretty_name}
+							</p>
+							<span class="text-orange-500 ml-1">&#8594;</span>
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+			</div>
+
+			<div class="flex flex-row">
+				<div class="lg:ml-10">
+					<div class="obj">
+						<svelte:component this={module} bind:this={dynamic_component} />
+					</div>
+				</div>
+			</div>
+
+			<div class="w-full flex flex-wrap justify-between my-4">
+				{#if prev_obj}
+					<a
+						href="./{prev_obj.name}"
+						class="lg:ml-10 text-left px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline max-w-[48%] transition-colors"
+					>
+						<div class="flex text-lg items-center">
+							<span class="text-orange-500 mr-1">&#8592;</span>
+							<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+								{prev_obj.pretty_name}
+							</p>
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+				{#if next_obj}
+					<a
+						href="./{next_obj.name}"
+						class="text-right px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline max-w-[48%] transition-colors"
+					>
+						<div class="flex text-lg items-center justify-end">
+							<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+								{next_obj.pretty_name}
+							</p>
+							<span class="text-orange-500 ml-1">&#8594;</span>
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+			</div>
+		</div>
+
+		<div
+			class="float-right top-8 hidden sticky h-screen overflow-y-auto lg:block lg:w-2/12"
+		>
+			<div class="mx-8">
+				<a
+					class="block text-sm font-bold text-gray-900 dark:text-gray-100 py-2"
+					href="#{all_headers.page_title.id}">{all_headers.page_title.title}</a
+				>
+				{#if all_headers.headers && all_headers.headers.length > 0}
+					<ul class="space-y-2 list-none">
+						{#each all_headers.headers as header}
+							<li>
+								<a
+									bind:this={header_targets[header.id]}
+									href="#{header.id}"
+									class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+									>{header.title}</a
+								>
+							</li>
+						{/each}
+					</ul>
+				{/if}
+			</div>
+		</div>
+	</div>
+</main>
+
+<style>
+	.sub-link {
+		border-color: #f3f4f6 !important;
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/python-client/[doc]/+page.ts b/js/_website/src/routes/[[version]]/docs/python-client/[doc]/+page.ts
new file mode 100644
index 0000000..a15e8e9
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/python-client/[doc]/+page.ts
@@ -0,0 +1,57 @@
+import { error } from "@sveltejs/kit";
+
+export async function load({ params, parent }) {
+	const { on_main, wheel, pages, url_version, VERSION } = await parent();
+
+	const modules: any = import.meta.glob(
+		"/src/lib/templates*/python-client/**/*.svx"
+	);
+
+	let name = params.doc;
+	let page_path: string | null = null;
+
+	for (const category of pages["python-client"]) {
+		for (const page of category.pages) {
+			if (page.name === name) {
+				page_path = page.path;
+			}
+		}
+	}
+
+	if (page_path === null) {
+		throw error(404);
+	}
+
+	let version_append = on_main ? "/" : "_" + VERSION.replace(/\./g, "-") + "/";
+
+	let module;
+
+	for (const path in modules) {
+		if (!path.includes(page_path)) {
+			continue;
+		}
+
+		if (path.includes("templates" + version_append)) {
+			module = await modules[path]();
+			break;
+		}
+
+		if (module === undefined && path.includes("templates/")) {
+			module = await modules[path]();
+		}
+	}
+
+	if (module === undefined) {
+		throw error(404);
+	}
+
+	return {
+		name,
+		on_main,
+		wheel,
+		url_version,
+		pages,
+		page_path,
+		module
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/docs/third-party-clients/+page.server.ts b/js/_website/src/routes/[[version]]/docs/third-party-clients/+page.server.ts
new file mode 100644
index 0000000..6a70219
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/third-party-clients/+page.server.ts
@@ -0,0 +1,11 @@
+import { redirect } from "@sveltejs/kit";
+
+export function load({ params }) {
+	if (params?.version)
+		throw redirect(
+			302,
+			`/${params?.version}/docs/third-party-clients/introduction`
+		);
+
+	throw redirect(302, `/docs/third-party-clients/introduction`);
+}
diff --git a/js/_website/src/routes/[[version]]/docs/third-party-clients/[doc]/+page.svelte b/js/_website/src/routes/[[version]]/docs/third-party-clients/[doc]/+page.svelte
new file mode 100644
index 0000000..a511d73
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/third-party-clients/[doc]/+page.svelte
@@ -0,0 +1,224 @@
+<script lang="ts">
+	import DocsNav from "$lib/components/DocsNav.svelte";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+
+	export let data: any = {};
+
+	let name: string = data.name;
+	let module = data.module.default;
+
+	let y: number;
+	let header_targets: { [key: string]: HTMLElement } = {};
+	let target_elem: HTMLElement;
+
+	let current_target: HTMLElement;
+
+	$: for (const target in header_targets) {
+		target_elem = document.querySelector(`#${target}`) as HTMLElement;
+		if (
+			y > target_elem?.offsetTop - 50 &&
+			y < target_elem?.offsetTop + target_elem?.offsetHeight
+		) {
+			current_target = header_targets[target];
+			current_target.classList.add("current-nav-link");
+			Object.values(header_targets).forEach((target) => {
+				if (target !== current_target && target) {
+					target.classList.remove("current-nav-link");
+				}
+			});
+		}
+	}
+
+	$: name = data.name;
+	$: pages = data.pages["third-party-clients"];
+	$: page_path = data.page_path;
+	$: module = data.module.default;
+
+	$: flattened_pages = pages.map((category: any) => category.pages).flat();
+
+	let component_name = $page.params?.doc;
+	$: component_name = $page.params?.doc;
+
+	$: prev_obj =
+		flattened_pages[
+			flattened_pages.findIndex((page: any) => page.name === component_name) - 1
+		];
+	$: next_obj =
+		flattened_pages[
+			flattened_pages.findIndex((page: any) => page.name === component_name) + 1
+		];
+
+	function get_headers() {
+		let headers: any[] = [];
+		const h3_elements = document.querySelectorAll("h3");
+		h3_elements.forEach((element) => {
+			headers.push({ title: element.textContent, id: element.id });
+		});
+		const page_title_elem = document.querySelector("h1");
+		let page_title = { title: "", id: "" };
+		if (page_title_elem) {
+			page_title_elem.id =
+				page_title_elem?.textContent?.toLowerCase().replace(/ /g, "-") || "";
+			page_title = {
+				title: page_title_elem?.textContent || "",
+				id: page_title_elem.id
+			};
+		}
+		return { headers: headers, page_title: page_title };
+	}
+
+	var all_headers: {
+		headers: any[];
+		page_title: { title: string; id: string };
+	} = { headers: [], page_title: { title: "", id: "" } };
+
+	var dynamic_component: any = null;
+
+	$: if (dynamic_component) {
+		all_headers = get_headers();
+	}
+	let title: string;
+	let description: string;
+	$: title =
+		all_headers.page_title.title === "Introduction"
+			? "Third Party Client - " + all_headers.page_title.title + " Docs"
+			: "Third Python Client - " + all_headers.page_title.title + " Class Docs";
+	$: description =
+		all_headers.page_title.title === "Introduction"
+			? "Make programmatic requests to Gradio applications from third party clients."
+			: "Using " + all_headers.page_title.title;
+</script>
+
+<MetaTags
+	{title}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	{description}
+/>
+
+<svelte:window bind:scrollY={y} />
+
+<main class="container mx-auto px-4 pt-8 flex gap-4">
+	<div class="flex w-full">
+		<DocsNav
+			current_nav_link={name}
+			library_pages={pages}
+			show_dropdown={false}
+		/>
+
+		<div class="flex flex-col w-full min-w-full lg:w-8/12 lg:min-w-0">
+			<div>
+				<p
+					class="bg-orange-100 dark:bg-orange-900 border border-orange-200 dark:border-orange-700 px-4 py-1 mr-2 rounded-full text-orange-800 dark:text-orange-200 mb-1 w-fit float-left lg:ml-10"
+				>
+					New to Gradio? Start here: <a class="link" href="/quickstart"
+						>Getting Started</a
+					>
+				</p>
+				<p
+					class="bg-gradient-to-r from-green-100 to-green-50 border border-green-200 px-4 py-1 rounded-full text-green-800 mb-1 w-fit float-left sm:float-right"
+				>
+					See the <a class="link" href="/changelog">Release History</a>
+				</p>
+			</div>
+
+			<div class="flex justify-between mt-4 lg:ml-10">
+				{#if prev_obj}
+					<a
+						href="./{prev_obj.name}"
+						class="lg:ml-10 text-left px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline transition-colors"
+					>
+						<div class="text-lg">
+							<span class="text-orange-500">&#8592;</span>
+							{prev_obj.pretty_name}
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+				{#if next_obj}
+					<a
+						href="./{next_obj.name}"
+						class="text-right px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline transition-colors"
+					>
+						<div class="text-lg">
+							{next_obj.pretty_name}
+							<span class="text-orange-500">&#8594;</span>
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+			</div>
+
+			<div class="flex flex-row">
+				<div class="lg:ml-10">
+					<div class="obj">
+						<svelte:component this={module} bind:this={dynamic_component} />
+					</div>
+				</div>
+			</div>
+
+			<div class="flex justify-between mt-4 lg:ml-10">
+				{#if prev_obj}
+					<a
+						href="./{prev_obj.name}"
+						class="lg:ml-10 text-left px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline transition-colors"
+					>
+						<div class="text-lg">
+							<span class="text-orange-500">&#8592;</span>
+							{prev_obj.pretty_name}
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+				{#if next_obj}
+					<a
+						href="./{next_obj.name}"
+						class="text-right px-4 py-2 bg-gray-100 dark:bg-neutral-800 text-gray-900 dark:text-gray-100 rounded-full hover:underline transition-colors"
+					>
+						<div class="text-lg">
+							{next_obj.pretty_name}
+							<span class="text-orange-500">&#8594;</span>
+						</div>
+					</a>
+				{:else}
+					<div />
+				{/if}
+			</div>
+		</div>
+
+		<div
+			class="float-right top-8 hidden sticky h-screen overflow-y-auto lg:block lg:w-2/12"
+		>
+			<div class="mx-8">
+				<a
+					class="block text-sm font-bold text-gray-900 dark:text-gray-100 py-2"
+					href="#{all_headers.page_title.id}">{all_headers.page_title.title}</a
+				>
+				{#if all_headers.headers && all_headers.headers.length > 0}
+					<ul class="space-y-2 list-none">
+						{#each all_headers.headers as header}
+							<li>
+								<a
+									bind:this={header_targets[header.id]}
+									href="#{header.id}"
+									class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+									>{header.title}</a
+								>
+							</li>
+						{/each}
+					</ul>
+				{/if}
+			</div>
+		</div>
+	</div>
+</main>
+
+<style>
+	.sub-link {
+		border-color: #f3f4f6 !important;
+	}
+</style>
diff --git a/js/_website/src/routes/[[version]]/docs/third-party-clients/[doc]/+page.ts b/js/_website/src/routes/[[version]]/docs/third-party-clients/[doc]/+page.ts
new file mode 100644
index 0000000..482f1b3
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/docs/third-party-clients/[doc]/+page.ts
@@ -0,0 +1,55 @@
+import { error } from "@sveltejs/kit";
+
+export async function load({ params, parent }) {
+	const { on_main, wheel, pages, url_version, VERSION } = await parent();
+
+	const modules: any = import.meta.glob(
+		"/src/lib/templates*/third-party-clients/**/*.svx"
+	);
+	let name = params.doc;
+	let page_path: string | null = null;
+
+	for (const category of pages["third-party-clients"]) {
+		for (const page of category.pages) {
+			if (page.name === name) {
+				page_path = page.path;
+			}
+		}
+	}
+
+	if (page_path === null) {
+		throw error(404);
+	}
+
+	let version_append = on_main ? "/" : "_" + VERSION.replace(/\./g, "-") + "/";
+	let module;
+
+	for (const path in modules) {
+		if (!path.includes(page_path)) {
+			continue;
+		}
+
+		if (path.includes("templates" + version_append)) {
+			module = await modules[path]();
+			break;
+		}
+
+		if (module === undefined && path.includes("templates/")) {
+			module = await modules[path]();
+		}
+	}
+
+	if (module === undefined) {
+		throw error(404);
+	}
+
+	return {
+		name,
+		on_main,
+		wheel,
+		url_version,
+		pages,
+		page_path,
+		module
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/guides/+layout.server.ts b/js/_website/src/routes/[[version]]/guides/+layout.server.ts
new file mode 100644
index 0000000..bff3978
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/guides/+layout.server.ts
@@ -0,0 +1,82 @@
+import version from "$lib/json/version.json";
+import { redirect } from "@sveltejs/kit";
+
+export const prerender = true;
+
+const DOCS_BUCKET = "https://gradio-docs-json.s3.us-west-2.amazonaws.com";
+const VERSION = version.version;
+
+let cache = new Map();
+
+async function load_release_guide_names(
+	version: string
+): Promise<typeof import("$lib/json/guides/guide_names.json")> {
+	if (cache.has(`${version}_guide_names`)) {
+		return cache.get(`${version}_guide_names`);
+	}
+	let guide_names_json = await fetch(
+		`${DOCS_BUCKET}/${version}/guides/guide_names.json`
+	);
+
+	let json = await guide_names_json.json();
+	cache.set(`${version}_guide_names`, json);
+	return json;
+}
+
+async function load_main_guide_names() {
+	if (cache.has(`main_guide_names`)) {
+		return cache.get(`main_guide_names`);
+	}
+	let guide_names_json = await import(
+		`../../../lib/json/guides/guide_names.json`
+	);
+	cache.set(`main_guide_names`, guide_names_json);
+	return guide_names_json;
+}
+
+async function load_release_guides(version: string, guide_urls: string[]) {
+	if (cache.has(`${version}_guides`)) {
+		return cache.get(`${version}_guides`);
+	}
+	let guides: { [key: string]: any } = {};
+	for (const guide_url of guide_urls) {
+		let guide_json = await fetch(
+			`${DOCS_BUCKET}/${version}/guides/${guide_url}.json`
+		);
+		guides[guide_url] = await guide_json.json();
+	}
+	cache.set(`${version}_guides`, guides);
+	return guides;
+}
+
+async function load_main_guides(guide_urls: string[]) {
+	if (cache.has(`main_guides`)) {
+		return cache.get(`main_guides`);
+	}
+	let guides: { [key: string]: any } = {};
+	for (const guide_url of guide_urls) {
+		let guide_json = await import(`../../../lib/json/guides/${guide_url}.json`);
+		guides[guide_url] = guide_json;
+	}
+	cache.set(`main_guides`, guides);
+	return guides;
+}
+
+export async function load({ params, url }) {
+	if (params?.version === VERSION) {
+		throw redirect(302, url.href.replace(`/${params.version}`, ""));
+	}
+	let guide_names_json =
+		params?.version === "main" || !params?.version
+			? await load_main_guide_names()
+			: await load_release_guide_names(params.version);
+
+	let guides =
+		params?.version === "main" || !params?.version
+			? await load_main_guides(guide_names_json.guide_urls)
+			: await load_release_guides(params.version, guide_names_json.guide_urls);
+	return {
+		guide_names_json,
+		guides
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/guides/+page.server.ts b/js/_website/src/routes/[[version]]/guides/+page.server.ts
new file mode 100644
index 0000000..f6a210f
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/guides/+page.server.ts
@@ -0,0 +1,43 @@
+import { redirect } from "@sveltejs/kit";
+import * as version from "$lib/json/version.json";
+
+const COLOR_SETS = [
+	"green",
+	"yellow",
+	"red",
+	"blue",
+	"pink",
+	"purple",
+	"green",
+	"yellow",
+	"red",
+	"blue",
+	"pink",
+	"purple"
+];
+
+const DOCS_BUCKET = "https://gradio-docs-json.s3.us-west-2.amazonaws.com";
+const VERSION = version.version;
+
+async function load_release_guide_categories(
+	version: string
+): Promise<typeof import("$lib/json/guides/guides_by_category.json")> {
+	let docs_json = await fetch(
+		`${DOCS_BUCKET}/${version}/guides/guides_by_category.json`
+	);
+	return await docs_json.json();
+}
+
+async function load_main_guide_categories() {
+	return await import(`../../../lib/json/guides/guides_by_category.json`);
+}
+
+export async function load({ params, url }) {
+	if (params?.version === VERSION) {
+		throw redirect(302, url.href.replace(`/${params.version}`, ""));
+	}
+
+	// Redirect to quickstart guide
+	const versionPrefix = params?.version ? `/${params.version}` : "";
+	throw redirect(302, `${versionPrefix}/guides/quickstart`);
+}
diff --git a/js/_website/src/routes/[[version]]/guides/+page.svelte b/js/_website/src/routes/[[version]]/guides/+page.svelte
new file mode 100644
index 0000000..5b9765f
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/guides/+page.svelte
@@ -0,0 +1,88 @@
+<script lang="ts">
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+	import DropDown from "$lib/components/VersionDropdown.svelte";
+
+	export let data: {
+		[key: string]: any;
+	};
+</script>
+
+<MetaTags
+	title="Gradio Guides"
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="Guides and tutorials for building with Gradio."
+/>
+
+<div class="container mx-auto px-4 relative pt-8 mb-12">
+	<div class="flex gap-8">
+		<nav
+			class="hidden lg:block w-64 flex-shrink-0 sticky top-8 self-start max-h-[calc(100vh-4rem)] overflow-y-auto"
+		>
+			<div class="space-y-8">
+				{#each data.guides_by_category as { category, guides } (category)}
+					<div>
+						<h2
+							class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+						>
+							{category}
+						</h2>
+						<ul class="space-y-2">
+							{#each guides as guide (guide.name)}
+								<li>
+									<a
+										href=".{guide.url}"
+										class="block text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors py-1"
+									>
+										{guide.pretty_name}
+									</a>
+								</li>
+							{/each}
+						</ul>
+					</div>
+				{/each}
+			</div>
+		</nav>
+
+		<div class="flex-1">
+			<div class="mb-8">
+				<DropDown />
+			</div>
+			<h1
+				class="mb-8 flex items-center text-4xl font-bold text-gray-900 dark:text-gray-100"
+			>
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					xmlns:xlink="http://www.w3.org/1999/xlink"
+					aria-hidden="true"
+					role="img"
+					class="mr-2 text-gray-400 dark:text-gray-500"
+					width="0.75em"
+					height="0.75em"
+					preserveAspectRatio="xMidYMid meet"
+					viewBox="0 0 24 24"
+					fill="currentColor"
+				>
+					<path
+						d="M15,19H9c-0.6,0-1-0.4-1-1v-0.5c0-1.4-0.6-2.8-1.7-3.9C4.7,12,3.9,9.9,4,7.7C4.2,3.5,7.7,0.1,11.9,0L12,0     c4.4,0,8,3.6,8,8c0,2.1-0.8,4.2-2.4,5.7c-1.1,1-1.6,2.4-1.6,3.8V18C16,18.6,15.6,19,15,19z M10,17h4c0.1-1.8,0.9-3.4,2.2-4.8     C17.4,11.1,18,9.6,18,8c0-3.3-2.7-6-6-6l-0.1,0C8.8,2.1,6.1,4.6,6,7.8C5.9,9.4,6.6,11,7.7,12.2C9.1,13.6,9.9,15.3,10,17z"
+					/>
+					<path
+						d="M12,24L12,24c-2.2,0-4-1.8-4-4v-2c0-0.6,0.4-1,1-1h6c0.6,0,1,0.4,1,1v2C16,22.2,14.2,24,12,24z M10,19v1c0,1.1,0.9,2,2,2     H12c1.1,0,2-0.9,2-2v-1H10z"
+					/>
+					<path
+						d="M9,9C8.4,9,8,8.6,8,8c0-2.2,1.8-4,4-4c0.6,0,1,0.4,1,1s-0.4,1-1,1c-1.1,0-2,0.9-2,2C10,8.6,9.6,9,9,9z"
+					/>
+				</svg>
+				Guides
+			</h1>
+
+			<div class="prose dark:prose-invert max-w-none">
+				<p class="text-xl text-gray-600 dark:text-gray-400 mb-8">
+					Learn how to build with Gradio through step-by-step guides and
+					tutorials.
+				</p>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/js/_website/src/routes/[[version]]/guides/[guide]/+page.server.ts b/js/_website/src/routes/[[version]]/guides/[guide]/+page.server.ts
new file mode 100644
index 0000000..8746d97
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/guides/[guide]/+page.server.ts
@@ -0,0 +1,99 @@
+import { compile } from "mdsvex";
+import { highlight } from "$lib/prism";
+import anchor from "$lib/assets/img/anchor.svg";
+import { make_slug_processor } from "$lib/utils";
+import { toString as to_string } from "hast-util-to-string";
+import { redirect } from "@sveltejs/kit";
+import { error } from "@sveltejs/kit";
+
+import version from "$lib/json/version.json";
+export const prerender = true;
+
+const DOCS_BUCKET = "https://gradio-docs-json.s3.us-west-2.amazonaws.com";
+const VERSION = version.version;
+
+async function load_release_guides(
+	version: string,
+	guide: string
+): Promise<typeof import("$lib/json/guides/Gradio-and-Comet.json")> {
+	let guide_json = await fetch(
+		`${DOCS_BUCKET}/${version}/guides/${guide}.json`
+	);
+	return await guide_json.json();
+}
+
+async function load_main_guides(guide: string) {
+	return await import(`../../../../lib/json/guides/${guide}.json`);
+}
+
+export async function load({ params, url, parent }) {
+	const { guide_names_json, guides } = await parent();
+
+	if (
+		!guide_names_json.guide_urls.some((guide: string) => guide === params.guide)
+	) {
+		throw error(404);
+	}
+
+	let guide_json = guides[params.guide];
+
+	let guide = guide_json.guide;
+	const guide_slug: object[] = [];
+
+	const get_slug = make_slug_processor();
+	function plugin() {
+		return function transform(tree: any) {
+			tree.children.forEach((n: any) => {
+				if (
+					n.type === "element" &&
+					["h2", "h3", "h4", "h5", "h6"].includes(n.tagName)
+				) {
+					const str_of_heading = to_string(n);
+					const slug = get_slug(str_of_heading);
+
+					guide_slug.push({
+						text: str_of_heading,
+						href: `#${slug}`,
+						level: parseInt(n.tagName.replace("h", ""))
+					});
+
+					if (!n.children) n.children = [];
+					n.properties.className = ["group"];
+					n.properties.id = [slug];
+					n.children.push({
+						type: "element",
+						tagName: "a",
+						properties: {
+							href: `#${slug}`,
+							className: ["invisible", "group-hover-visible"]
+						},
+						children: [
+							{
+								type: "element",
+								tagName: "img",
+								properties: {
+									src: anchor,
+									className: ["anchor-img"]
+								},
+								children: []
+							}
+						]
+					});
+				}
+			});
+		};
+	}
+
+	const compiled = await compile(guide.content, {
+		rehypePlugins: [plugin],
+		highlight: { highlighter: highlight },
+		smartypants: false // This option converts `"` to `"` and `"` which breaks the code inside `<gradio-lite>` tags, so we disable it.
+	});
+	guide.new_html = compiled?.code;
+
+	return {
+		guide,
+		guide_slug,
+		guide_names: guide_names_json.guide_names
+	};
+}
diff --git a/js/_website/src/routes/[[version]]/guides/[guide]/+page.svelte b/js/_website/src/routes/[[version]]/guides/[guide]/+page.svelte
new file mode 100644
index 0000000..246af5b
--- /dev/null
+++ b/js/_website/src/routes/[[version]]/guides/[guide]/+page.svelte
@@ -0,0 +1,404 @@
+<script lang="ts">
+	// @ts-nocheck
+	import space_logo from "$lib/assets/img/spaces-logo.svg";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+	import DropDown from "$lib/components/VersionDropdown.svelte";
+	import { tick } from "svelte";
+	import FancyDetails from "$lib/components/Details.svelte";
+	import { onNavigate } from "$app/navigation";
+	import { clickOutside } from "$lib/components/clickOutside.js";
+	import CopyMarkdown from "$lib/components/CopyMarkdown.svelte";
+
+	export let data: {
+		guide: any;
+		guide_slug: {
+			text: string;
+			href: string;
+			level: number;
+		}[];
+		guide_names: {
+			category: string;
+			guides: {
+				name: string;
+				pretty_name: string;
+				url: string;
+			}[];
+		}[];
+	};
+	let guide_page = data.guide;
+	let guide_names = data.guide_names;
+	let guide_slug = data.guide_slug;
+
+	let header_targets: { [key: string]: HTMLElement } = {};
+	let current_header_id: string = "";
+
+	$: if (y !== undefined && guide_slug.length > 0) {
+		for (const slug of guide_slug) {
+			const id = slug.href.slice(1);
+			const el = document.getElementById(id);
+			if (el && y >= el.offsetTop - 100) {
+				current_header_id = id;
+			}
+		}
+	}
+
+	const COLORS = [
+		"bg-green-50 dark:bg-green-900/30",
+		"bg-yellow-50 dark:bg-yellow-900/30",
+		"bg-red-50 dark:bg-red-900/30",
+		"bg-pink-50 dark:bg-pink-900/30",
+		"bg-purple-50 dark:bg-purple-900/30"
+	];
+
+	let show_all = false;
+
+	let sidebar: HTMLElement;
+	let target_link: HTMLElement;
+	let navigation;
+	let y: number;
+
+	let flattened_guides = guide_names.map((category) => category.guides).flat();
+	let prev_guide: any;
+	let next_guide: any;
+	let content_el: HTMLDivElement;
+
+	$: if (sidebar) {
+		if (
+			target_link?.previousElementSibling?.classList.contains("category-link")
+		) {
+			target_link = target_link.previousElementSibling as HTMLElement;
+		}
+		sidebar.scrollTop = target_link?.offsetTop;
+	}
+	$: guide_page = data.guide;
+	$: guide_slug = data.guide_slug;
+	$: flattened_guides = guide_names.map((category) => category.guides).flat();
+	$: prev_guide =
+		flattened_guides[
+			flattened_guides.findIndex((guide) => guide.url === guide_page.url) - 1
+		];
+	$: next_guide =
+		flattened_guides[
+			flattened_guides.findIndex((guide) => guide.url === guide_page.url) + 1
+		];
+	$: guide_names = data.guide_names;
+
+	let _details: (FancyDetails | void)[] = [];
+
+	async function make_details() {
+		_details.forEach((c) => c?.$destroy());
+		await tick();
+		const details = document.querySelectorAll("details");
+		if (details.length === 0) return;
+
+		_details = Array.from(details).map((detail) => {
+			const summary_text = detail.querySelector("summary")?.innerHTML;
+			const detail_children = detail.querySelectorAll(
+				"details > *:not(summary)"
+			);
+
+			let detail_text = "";
+			detail_children.forEach((child, i) => {
+				detail_text += `<p>${child.innerHTML}</p>`;
+			});
+
+			if (!summary_text || !detail_text) return;
+
+			const new_el = document.createElement("div");
+			const comp = new FancyDetails({
+				target: new_el,
+				props: {
+					summary: summary_text,
+					content: detail_text
+				}
+			});
+			detail.replaceWith(new_el);
+
+			return comp;
+		});
+	}
+
+	$: content_el && data.guide.new_html && make_details();
+
+	let show_nav = false;
+
+	onNavigate(() => {
+		show_nav = false;
+	});
+
+	$: show_nav;
+
+	function get_category(name: string) {
+		if (guide_names) {
+			for (let category of guide_names) {
+				for (let guide of category.guides) {
+					if (guide.name === name) {
+						return [category.category, guide.pretty_name];
+					}
+				}
+			}
+		}
+	}
+
+	let category_and_name: any[] | undefined = get_category(guide_page.name);
+
+	$: category_and_name = get_category(guide_page.name);
+</script>
+
+<MetaTags
+	title={guide_page.pretty_name}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="A Step-by-Step Gradio Tutorial"
+/>
+<div class="container mx-auto px-4 pt-8 flex relative w-full">
+	<!-- Mobile menu -->
+
+	<div
+		class:hidden={!show_nav}
+		class="fixed inset-0 bg-black/20 backdrop-blur-md lg:hidden z-50"
+	>
+		<div
+			use:clickOutside
+			on:click_outside={() => (show_nav = false)}
+			class:hidden={!show_nav}
+			class="max-w-max min-w-[75%] shadow overflow-y-auto fixed backdrop-blur-lg z-50 bg-white dark:bg-neutral-900 px-6 py-4 h-full inset-0"
+			id="mobile-nav"
+		>
+			<button
+				on:click={() => (show_nav = false)}
+				type="button"
+				class="absolute z-10 top-4 right-4 w-2/12 h-4 flex items-center justify-center text-grey-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300 p-4"
+				tabindex="0"
+			>
+				<svg viewBox="0 0 10 10" class="overflow-visible" style="width: 10px"
+					><path
+						d="M0 0L10 10M10 0L0 10"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+						stroke-linecap="round"
+					></path></svg
+				>
+			</button>
+
+			<div class="space-y-6 mt-12">
+				{#each guide_names as { category, guides } (category)}
+					<div>
+						<h2
+							class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+						>
+							{category}
+						</h2>
+						<ul class="space-y-2">
+							{#each guides as guide (guide.name)}
+								<li>
+									<a
+										href="..{guide.url}"
+										class="block text-sm transition-colors py-1 {guide.name ===
+										guide_page.name
+											? 'text-orange-600 dark:text-orange-400 font-semibold'
+											: 'text-gray-600 dark:text-gray-400'}"
+									>
+										{guide.pretty_name}
+									</a>
+								</li>
+							{/each}
+						</ul>
+					</div>
+				{/each}
+			</div>
+		</div>
+	</div>
+
+	<nav
+		bind:this={sidebar}
+		class="w-64 flex-shrink-0 sticky top-8 self-start max-h-[calc(100vh-4rem)] overflow-y-auto hidden lg:block pr-8"
+	>
+		<div class="mb-4">
+			<DropDown />
+		</div>
+		<div class="space-y-8">
+			{#each guide_names as { category, guides } (category)}
+				<div>
+					<h2
+						class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+					>
+						{category}
+					</h2>
+					<ul class="space-y-2">
+						{#each guides as guide (guide.name)}
+							<li>
+								{#if guide.name === guide_page.name}
+									<a
+										bind:this={target_link}
+										href="..{guide.url}"
+										class="block text-sm transition-colors py-1 text-orange-600 dark:text-orange-400 font-semibold"
+									>
+										{guide.pretty_name}
+									</a>
+								{:else}
+									<a
+										href="..{guide.url}"
+										class="block text-sm transition-colors py-1 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"
+									>
+										{guide.pretty_name}
+									</a>
+								{/if}
+							</li>
+						{/each}
+					</ul>
+				</div>
+			{/each}
+		</div>
+	</nav>
+	<div class="w-full lg:w-8/12 lg:min-w-0 lg:pl-8">
+		<div
+			class="flex items-center p-4 border-b border-t border-slate-900/10 lg:hidden dark:border-slate-50/[0.06]"
+		>
+			<button
+				on:click={() => (show_nav = !show_nav)}
+				type="button"
+				class="text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300"
+			>
+				<svg width="24" height="24"
+					><path
+						d="M5 6h14M5 12h14M5 18h14"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+						stroke-linecap="round"
+					></path></svg
+				>
+			</button>
+			{#if category_and_name}
+				<ol class="ml-4 flex text-sm leading-6 whitespace-nowrap min-w-0">
+					<li class="flex items-center">
+						{category_and_name[0]}
+						<svg
+							width="3"
+							height="6"
+							aria-hidden="true"
+							class="mx-3 overflow-visible text-slate-400"
+							><path
+								d="M0 0L3 3L0 6"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="1.5"
+								stroke-linecap="round"
+							></path></svg
+						>
+					</li>
+					<li class="font-semibold text-slate-900 truncate dark:text-slate-200">
+						{category_and_name[1]}
+					</li>
+				</ol>
+			{/if}
+		</div>
+
+		{#if guide_page.spaces.length}
+			<div id="spaces-holder" class="mb-4">
+				<a href="https://hf.co/spaces" target="_blank">
+					<img
+						class="inline-block my-0 mx-auto w-5 max-w-full pb-1"
+						src={space_logo}
+					/>
+				</a>
+				<p class="m-0 inline text-lg font-normal">Related Spaces:</p>
+				{#each guide_page.spaces as space, i}
+					<div
+						class="space-link inline-block m-1 px-1 rounded-md {COLORS[i] ??
+							COLORS[i - COLORS.length]}"
+					>
+						<a href={space} target="_blank" class="no-underline"
+							>{space.slice(30)}</a
+						>
+					</div>
+				{/each}
+			</div>
+		{/if}
+		<div
+			class="prose text-lg max-w-full dark:prose-invert"
+			bind:this={content_el}
+		>
+			<CopyMarkdown markdown_content={guide_page.content} />
+			{@html guide_page.new_html}
+		</div>
+		<div class="w-full flex flex-wrap justify-between mt-12 mb-8">
+			{#if prev_guide}
+				<a
+					href="..{prev_guide.url}"
+					class="text-left px-4 py-1 bg-gray-50 dark:bg-neutral-800 rounded-full text-gray-900 dark:text-gray-100 hover:underline max-w-[48%]"
+				>
+					<div class="flex text-lg">
+						<span class="text-orange-500 mr-1">&#8592;</span>
+						<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+							{prev_guide.pretty_name}
+						</p>
+					</div>
+				</a>
+			{:else}
+				<div />
+			{/if}
+			{#if next_guide}
+				<a
+					href="..{next_guide.url}"
+					class="text-right px-4 py-1 bg-gray-50 dark:bg-neutral-800 rounded-full text-gray-900 dark:text-gray-100 max-w-1/2 hover:underline max-w-[48%]"
+				>
+					<div class="flex text-lg">
+						<p class="whitespace-nowrap overflow-hidden text-ellipsis">
+							{next_guide.pretty_name}
+						</p>
+						<span class="text-orange-500 ml-1">&#8594;</span>
+					</div>
+				</a>
+			{:else}
+				<div />
+			{/if}
+		</div>
+	</div>
+
+	{#if guide_slug.length > 0}
+		<div
+			class="float-right top-8 hidden sticky h-screen overflow-y-auto lg:block lg:w-2/12"
+		>
+			<div class="mx-8">
+				<a
+					class="text-sm tracking-wider font-semibold text-gray-600 dark:text-gray-300 py-2 block"
+					href="#"
+				>
+					{guide_page.pretty_name}
+				</a>
+				<ul class="space-y-2 list-none">
+					{#each guide_slug as slug}
+						<li style="padding-left: {(slug.level - 2) * 0.75}rem">
+							<a
+								bind:this={header_targets[slug.href.slice(1)]}
+								href={slug.href}
+								class="block text-sm transition-colors py-1 {current_header_id ===
+								slug.href.slice(1)
+									? 'text-orange-500 font-medium'
+									: 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100'}"
+							>
+								{slug.text}
+							</a>
+						</li>
+					{/each}
+				</ul>
+			</div>
+		</div>
+	{/if}
+</div>
+
+<svelte:window bind:scrollY={y} />
+
+<style>
+	/* Offset in-page anchor jumps (e.g. clicking a link in the table of
+	   contents) so the sticky site header doesn't cover the target heading.
+	   See https://github.com/gradio-app/gradio/issues/12977. The offset matches
+	   the ~100px threshold used above when highlighting the active heading. */
+	.prose :global(:is(h1, h2, h3, h4, h5, h6)) {
+		scroll-margin-top: 6rem;
+	}
+</style>
diff --git a/js/_website/src/routes/api/markdown/[doc]/+server.ts b/js/_website/src/routes/api/markdown/[doc]/+server.ts
new file mode 100644
index 0000000..93618fc
--- /dev/null
+++ b/js/_website/src/routes/api/markdown/[doc]/+server.ts
@@ -0,0 +1,49 @@
+import { readFileSync } from "fs";
+import { resolve as pathResolve } from "path";
+import { svxToMarkdown } from "$lib/utils/svx-to-markdown";
+import docs_json from "$lib/templates/docs.json";
+
+export const prerender = true;
+
+const MARKDOWN_HEADERS = {
+	"Content-Type": "text/markdown; charset=utf-8",
+	"X-Robots-Tag": "noindex"
+};
+
+export function entries() {
+	return docs_json.pages.gradio.flatMap((category) =>
+		category.pages.map((page) => ({ doc: page.name }))
+	);
+}
+
+export async function GET({ params }) {
+	const name = params.doc;
+	const pages = docs_json.pages;
+
+	let svxPath: string | null = null;
+	for (const category of pages.gradio) {
+		for (const page of category.pages) {
+			if (page.name === name) {
+				svxPath = page.path;
+				break;
+			}
+		}
+		if (svxPath) break;
+	}
+
+	if (!svxPath) {
+		return new Response("Doc not found", { status: 404 });
+	}
+
+	try {
+		const fullPath = pathResolve(process.cwd(), "src/lib/templates", svxPath);
+		const svxContent = readFileSync(fullPath, "utf-8");
+
+		const markdown = await svxToMarkdown(svxContent, name);
+
+		return new Response(markdown, { headers: MARKDOWN_HEADERS });
+	} catch (error) {
+		console.error("Error generating markdown:", error);
+		return new Response("Error generating markdown", { status: 500 });
+	}
+}
diff --git a/js/_website/src/routes/api/markdown/guide/[guide]/+server.ts b/js/_website/src/routes/api/markdown/guide/[guide]/+server.ts
new file mode 100644
index 0000000..820ed3f
--- /dev/null
+++ b/js/_website/src/routes/api/markdown/guide/[guide]/+server.ts
@@ -0,0 +1,33 @@
+import guide_names from "$lib/json/guides/guide_names.json";
+import { cleanGuideHtml } from "$lib/utils/clean-guide-html";
+
+export const prerender = true;
+
+const MARKDOWN_HEADERS = {
+	"Content-Type": "text/markdown; charset=utf-8",
+	"X-Robots-Tag": "noindex"
+};
+
+export function entries() {
+	return guide_names.guide_urls.map((guide) => ({ guide }));
+}
+
+export async function GET({ params }) {
+	const { guide } = params;
+
+	try {
+		const module = await import(`$lib/json/guides/${guide}.json`);
+		const data = module.default || module;
+		const markdown = data.guide?.content;
+
+		if (!markdown) {
+			return new Response("Guide not found", { status: 404 });
+		}
+
+		return new Response(await cleanGuideHtml(markdown), {
+			headers: MARKDOWN_HEADERS
+		});
+	} catch {
+		return new Response("Guide not found", { status: 404 });
+	}
+}
diff --git a/js/_website/src/routes/brand/+page.svelte b/js/_website/src/routes/brand/+page.svelte
new file mode 100644
index 0000000..d32850b
--- /dev/null
+++ b/js/_website/src/routes/brand/+page.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+	import DownloadIcon from "$lib/components/icons/DownloadIcon.svelte";
+	import gradio_logo_svg from "$lib/assets/brand-assets/gradio-logo.svg";
+	import gradio_logo_png from "$lib/assets/brand-assets/gradio-logo.png";
+	import gradio_logo_with_title_svg from "$lib/assets/brand-assets/gradio-logo-with-title.svg";
+	import gradio_logo_with_title_png from "$lib/assets/brand-assets/gradio-logo-with-title.png";
+
+	const LOGO_OPTIONS = [
+		{
+			thumbnailUrl: gradio_logo_svg,
+			thumbnailAlt: "Gradio logo",
+			downloads: [
+				{ type: "svg", url: gradio_logo_svg },
+				{ type: "png", url: gradio_logo_png }
+			]
+		},
+		{
+			thumbnailUrl: gradio_logo_with_title_svg,
+			thumbnailAlt: "Gradio logo with title",
+			downloads: [
+				{
+					type: "svg",
+					url: gradio_logo_with_title_svg
+				},
+				{
+					type: "png",
+					url: gradio_logo_with_title_png
+				}
+			]
+		}
+	];
+</script>
+
+<main class="container mx-auto px-4 gap-4">
+	<h2 class="text-4xl font-light mb-2 pt-2 text-orange-500 group">
+		Brand assets
+	</h2>
+
+	<section class="mb-8">
+		<div class="flex-col md:w-1/2 lg:w-1/3">
+			{#each LOGO_OPTIONS as logo}
+				<div class="mt-8 flex items-center">
+					<div class="h-12 ml-2 mr-4">
+						<img
+							src={logo.thumbnailUrl}
+							alt={logo.thumbnailAlt}
+							class="w-full h-full object-contain object-left"
+						/>
+					</div>
+					<ul class="space-y-2 px-2">
+						{#each logo.downloads as download}
+							<li>
+								<a
+									href={download.url}
+									download
+									class="flex items-center hover:underline font-mono"
+								>
+									<DownloadIcon />
+									.{download.type}
+								</a>
+							</li>
+						{/each}
+					</ul>
+				</div>
+			{/each}
+		</div>
+	</section>
+</main>
diff --git a/js/_website/src/routes/changelog/+page.server.ts b/js/_website/src/routes/changelog/+page.server.ts
new file mode 100644
index 0000000..e172226
--- /dev/null
+++ b/js/_website/src/routes/changelog/+page.server.ts
@@ -0,0 +1,69 @@
+import changelog_json from "$lib/json/changelog.json";
+import { compile } from "mdsvex";
+import anchor from "$lib/assets/img/anchor.svg";
+import version from "$lib/json/version.json";
+
+import { make_slug_processor } from "$lib/utils";
+import { toString as to_string } from "hast-util-to-string";
+
+import { highlight } from "$lib/prism";
+
+const raw_content = changelog_json.content;
+
+export async function load() {
+	const changelog_slug: object[] = [];
+
+	const get_slug = make_slug_processor();
+	function plugin() {
+		return function transform(tree: any) {
+			tree.children.forEach((n: any) => {
+				if (n.type === "element" && ["h2"].includes(n.tagName)) {
+					const str_of_heading = to_string(n);
+					const slug = get_slug(str_of_heading);
+
+					changelog_slug.push({
+						text: str_of_heading,
+						href: `#${slug}`,
+						level: parseInt(n.tagName.replace("h", ""))
+					});
+
+					if (!n.children) n.children = [];
+					n.properties.className = ["group"];
+					n.properties.id = [slug];
+					n.children.push({
+						type: "element",
+						tagName: "a",
+						properties: {
+							href: `#${slug}`,
+							className: ["invisible", "group-hover-visible"]
+						},
+						children: [
+							{
+								type: "element",
+								tagName: "img",
+								properties: {
+									src: anchor,
+									className: ["anchor-img"]
+								},
+								children: []
+							}
+						]
+					});
+				}
+			});
+		};
+	}
+
+	const compiled = await compile(raw_content, {
+		rehypePlugins: [plugin],
+		highlight: {
+			highlighter: highlight
+		}
+	});
+	const content = (await compiled?.code) || "";
+
+	return {
+		content,
+		changelog_slug
+	};
+}
diff --git a/js/_website/src/routes/changelog/+page.svelte b/js/_website/src/routes/changelog/+page.svelte
new file mode 100644
index 0000000..cc7f404
--- /dev/null
+++ b/js/_website/src/routes/changelog/+page.svelte
@@ -0,0 +1,134 @@
+<script lang="ts">
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+	import { clickOutside } from "$lib/components/clickOutside.js";
+
+	export let data: {
+		content: any;
+		changelog_slug: {
+			text: string;
+			href: string;
+		}[];
+	};
+
+	$: content = data.content;
+	$: slugs = data.changelog_slug || [];
+	let show_nav = false;
+	let y: number;
+	let current_slug: string = "";
+
+	$: if (typeof document !== "undefined" && y !== undefined) {
+		for (const slug of slugs) {
+			const id = slug.href.replace("#", "");
+			const elem = document.getElementById(id);
+			if (elem && y >= elem.offsetTop - 100) {
+				current_slug = slug.href;
+			}
+		}
+	}
+</script>
+
+<svelte:window bind:scrollY={y} />
+
+<MetaTags
+	title={"Gradio Changelog"}
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="Gradio Changelog and Release Notes"
+/>
+
+<main class="container mx-auto px-4 pt-8 flex flex-col gap-4">
+	<div
+		class="flex items-center p-4 border-b border-t border-slate-900/10 lg:hidden dark:border-slate-50/[0.06]"
+	>
+		<button
+			on:click={() => (show_nav = !show_nav)}
+			type="button"
+			class="text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300"
+		>
+			<svg width="24" height="24"
+				><path
+					d="M5 6h14M5 12h14M5 18h14"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2"
+					stroke-linecap="round"
+				></path></svg
+			>
+		</button>
+		<ol class="ml-4 flex text-sm leading-6 whitespace-nowrap min-w-0">
+			<li class="font-semibold text-slate-900 truncate dark:text-slate-200">
+				Version History
+			</li>
+		</ol>
+	</div>
+
+	<div class="flex w-full">
+		<div
+			class:hidden={!show_nav}
+			class="fixed inset-0 bg-black/20 dark:bg-black/40 backdrop-blur-md lg:hidden z-50"
+		></div>
+
+		<div
+			use:clickOutside
+			on:click_outside={() => (show_nav = false)}
+			class="w-64 flex-shrink-0 max-h-[calc(100vh-4rem)] overflow-y-auto max-lg:fixed max-lg:inset-0 max-lg:z-50 bg-white lg:bg-transparent dark:bg-neutral-900 lg:dark:bg-transparent p-6 lg:sticky lg:top-8 lg:self-start {show_nav
+				? 'block'
+				: 'hidden lg:block'}"
+		>
+			<button
+				on:click={() => (show_nav = false)}
+				type="button"
+				class="absolute z-10 top-4 right-4 flex items-center justify-center text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300 lg:hidden"
+				tabindex="0"
+			>
+				<svg viewBox="0 0 10 10" class="w-4 h-4">
+					<path
+						d="M0 0L10 10M10 0L0 10"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+						stroke-linecap="round"
+					></path>
+				</svg>
+			</button>
+
+			<div class="space-y-8">
+				<div>
+					<h2
+						class="text-xs font-bold uppercase tracking-wide text-gray-900 dark:text-gray-100 mb-3"
+					>
+						Version History
+					</h2>
+					<ul class="space-y-2 list-none pl-0">
+						{#each slugs as heading}
+							<li>
+								<a
+									on:click={() => (show_nav = false)}
+									class="block text-sm transition-colors py-1 {current_slug ===
+									heading.href
+										? 'text-orange-500 font-medium'
+										: 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100'}"
+									href={heading.href}
+								>
+									{heading.text}
+									{#if heading.text == "4.0.0"}
+										<span class="ml-1">🔥</span>
+									{/if}
+								</a>
+							</li>
+						{/each}
+					</ul>
+				</div>
+			</div>
+		</div>
+
+		<div class="flex flex-col w-full min-w-full lg:w-8/12 lg:min-w-0 pt-4">
+			<div class="lg:ml-10 w-full">
+				<div class="prose dark:prose-invert text-lg max-w-full">
+					{@html content}
+				</div>
+			</div>
+		</div>
+	</div>
+</main>
diff --git a/js/_website/src/routes/custom-components/gallery/+page.svelte b/js/_website/src/routes/custom-components/gallery/+page.svelte
new file mode 100644
index 0000000..f6fb642
--- /dev/null
+++ b/js/_website/src/routes/custom-components/gallery/+page.svelte
@@ -0,0 +1,257 @@
+<script lang="ts">
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+	import { browser } from "$app/environment";
+	import { onMount, tick } from "svelte";
+	import type { ComponentData } from "./utils";
+	import { clickOutside } from "./utils";
+	import { theme } from "$lib/stores/theme";
+
+	const API = "https://gradio-custom-component-gallery-backend.hf.space/";
+
+	let components: ComponentData[] = [];
+	let selection: string = "";
+	let link_copied = false;
+
+	let selected_component: ComponentData | null = null;
+	let components_length: number = 0;
+
+	const COLOR_SETS = [
+		"from-red-50 via-red-100 to-red-50 dark:from-red-950 dark:via-red-900 dark:to-red-950",
+		"from-green-50 via-green-100 to-green-50 dark:from-green-950 dark:via-green-900 dark:to-green-950",
+		"from-yellow-50 via-yellow-100 to-yellow-50 dark:from-yellow-950 dark:via-yellow-900 dark:to-yellow-950",
+		"from-pink-50 via-pink-100 to-pink-50 dark:from-pink-950 dark:via-pink-900 dark:to-pink-950",
+		"from-blue-50 via-blue-100 to-blue-50 dark:from-blue-950 dark:via-blue-900 dark:to-blue-950",
+		"from-purple-50 via-purple-100 to-purple-50 dark:from-purple-950 dark:via-purple-900 dark:to-purple-950"
+	];
+
+	let color_mapping: { [key: string]: string } = {};
+
+	function define_colors(components: ComponentData[]) {
+		let counter = 0;
+		for (const component of components) {
+			if (counter >= COLOR_SETS.length) {
+				counter = 0;
+			}
+			if (!(component.id in color_mapping)) {
+				color_mapping[component.id] = COLOR_SETS[counter];
+			}
+			component.background_color = color_mapping[component.id];
+			counter++;
+		}
+	}
+
+	const handle_box_click = (component: ComponentData) => {
+		selected_component = component;
+	};
+
+	async function fetch_components(selection: string[] = []) {
+		const result = await fetch(
+			`${API}components?name_or_tags=${selection.join(",")}`
+		)
+			.then((response) => response.json())
+			.catch(() => []);
+		if (!Array.isArray(result)) return;
+		components = result;
+		define_colors(components);
+		if (!components_length) {
+			components_length = components.length;
+		}
+		components = components.sort((a, b) => b["likes"] - a["likes"]);
+		if (browser) {
+			const id = $page.url.searchParams.get("id");
+			selected_component =
+				components.find((component) => component.id === id) ?? null;
+		}
+	}
+
+	onMount(fetch_components);
+
+	async function handle_keypress(e: KeyboardEvent): Promise<void> {
+		await tick();
+		e.preventDefault();
+		fetch_components(selection.split(","));
+	}
+
+	function copy_link(id: string) {
+		const url = $page.url;
+		url.searchParams.set("id", id);
+		const link = url.toString();
+		navigator.clipboard.writeText(link).then(() => {
+			window.setTimeout(() => {
+				link_copied = false;
+			}, 1000);
+		});
+	}
+
+	$: if (browser) fetch_components(selection.split(","));
+</script>
+
+<MetaTags
+	title="Gradio Custom Components Gallery"
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="Search through a gallery of custom components."
+/>
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<input
+		type="text"
+		class="w-full border border-gray-200 dark:border-gray-700 dark:bg-neutral-800 dark:text-gray-200 p-1 rounded-md outline-none text-center text-lg mb-1 focus:placeholder-transparent focus:shadow-none focus:border-orange-500 focus:ring-0"
+		placeholder="What are you looking for?"
+		autocomplete="off"
+		on:keyup={handle_keypress}
+		bind:value={selection}
+	/>
+	<div class="text-gray-600 dark:text-gray-300 mb-0 mx-auto w-fit text-sm">
+		Search through {components_length} components by name, keyword or description.
+		<a
+			class="link text-gray-600 dark:text-gray-300"
+			href="https://www.gradio.app/guides/five-minute-guide"
+			>Read more about Custom Components.</a
+		>
+	</div>
+	<div class="grid grid-cols-1 lg:grid-cols-4 gap-6 !m-0 !mt-8">
+		{#each components as component (component.id)}
+			<div
+				on:click={(event) => {
+					handle_box_click(component);
+					event.stopPropagation();
+				}}
+				class=" cursor-pointer px-3 pt-3 h-40 group font:thin relative rounded-xl shadow-sm transform hover:scale-[1.02] hover:shadow-alternate transition bg-gradient-to-tr {component.background_color}"
+			>
+				<h2
+					class="text-md font-semibold text-gray-700 dark:text-gray-200 max-w-full truncate py-1"
+				>
+					{component.name.startsWith("gradio_")
+						? component.name.slice(7)
+						: component.name}
+				</h2>
+
+				{#if component.likes}
+					<p
+						class="text-sm font-light py-1"
+						style="position: absolute; top: 5%; right: 5%"
+					>
+						<span
+							class="bg-white dark:bg-neutral-800 p-1 rounded-md text-gray-700 dark:text-gray-200 inline-flex align-middle"
+						>
+							<svg
+								class="mr-1 self-center"
+								xmlns="http://www.w3.org/2000/svg"
+								xmlns:xlink="http://www.w3.org/1999/xlink"
+								aria-hidden="true"
+								focusable="false"
+								role="img"
+								width="1em"
+								height="1em"
+								preserveAspectRatio="xMidYMid meet"
+								viewBox="0 0 32 32"
+								fill="currentColor"
+								><path
+									d="M22.45,6a5.47,5.47,0,0,1,3.91,1.64,5.7,5.7,0,0,1,0,8L16,26.13,5.64,15.64a5.7,5.7,0,0,1,0-8,5.48,5.48,0,0,1,7.82,0L16,10.24l2.53-2.58A5.44,5.44,0,0,1,22.45,6m0-2a7.47,7.47,0,0,0-5.34,2.24L16,7.36,14.89,6.24a7.49,7.49,0,0,0-10.68,0,7.72,7.72,0,0,0,0,10.82L16,29,27.79,17.06a7.72,7.72,0,0,0,0-10.82A7.49,7.49,0,0,0,22.45,4Z"
+								></path></svg
+							>
+							<span class="">{component.likes ? component.likes : ""}</span>
+						</span>
+					</p>
+				{/if}
+				<p class="description text-md font-light py-1">
+					{component.description}
+				</p>
+				<p
+					class="text-sm font-light py-1"
+					style="position: absolute; bottom: 5%; left: 5%"
+				>
+					<span
+						class="bg-white dark:bg-neutral-800 p-1 rounded-md text-gray-700 dark:text-gray-200"
+					>
+						@{component.author}
+					</span>
+				</p>
+				{#if component.template && component.template != "Fallback"}
+					<p
+						class="text-sm font-light py-1"
+						style="position: absolute; bottom: 5%; right: 5%"
+					>
+						<span
+							class="bg-white dark:bg-neutral-800 p-1 rounded-md text-gray-700 dark:text-gray-200"
+						>
+							{component.template}
+						</span>
+					</p>
+				{/if}
+			</div>
+		{/each}
+	</div>
+</div>
+
+{#if selected_component}
+	{@const component = selected_component}
+	<div
+		class="details-panel open border border-gray-200 dark:border-gray-700 shadow-xl rounded-xl bg-white dark:bg-neutral-900 p-5 flex"
+		use:clickOutside={() => {
+			selected_component = null;
+		}}
+	>
+		<div class="self-end mr-8 flex">
+			{#if !link_copied}
+				<button
+					on:click={(e) => {
+						link_copied = true;
+						copy_link(component.id);
+					}}
+					class="rounded-md w-fit px-3.5 py-1 text-sm font-semibold text-white dark:text-gray-900 bg-orange-300 hover:drop-shadow-sm mr-4"
+				>
+					Share
+				</button>
+			{:else}
+				<span
+					class="rounded-md w-fit px-3.5 py-1 text-sm font-semibold text-white dark:text-gray-900 bg-orange-300 hover:drop-shadow-sm mr-4"
+				>
+					Link copied to clipboard!
+				</span>
+			{/if}
+			<a
+				href={`https://huggingface.co/spaces/${component.id}`}
+				target="_blank"
+				class="rounded-md w-fit px-3.5 py-1 text-sm font-semibold text-white dark:text-gray-900 bg-orange-300 hover:drop-shadow-sm"
+			>
+				Go to Space <span aria-hidden="true">→</span>
+			</a>
+		</div>
+		<iframe
+			src={`https://${component.subdomain}.hf.space?__theme=${$theme}`}
+			height="100%"
+			width="100%"
+			loading="lazy"
+		></iframe>
+	</div>
+{/if}
+
+<style>
+	.close-button {
+		position: absolute;
+		top: 0;
+		right: 5;
+		width: var(--size-1);
+		color: var(--body-text-color);
+	}
+
+	.details-panel {
+		position: fixed;
+		top: 5%;
+		right: 5%;
+		height: 90%;
+		width: 90%;
+		z-index: 1000;
+		flex-direction: column;
+	}
+
+	.description {
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+</style>
diff --git a/js/_website/src/routes/custom-components/gallery/Card.svelte b/js/_website/src/routes/custom-components/gallery/Card.svelte
new file mode 100644
index 0000000..1ae3b40
--- /dev/null
+++ b/js/_website/src/routes/custom-components/gallery/Card.svelte
@@ -0,0 +1,146 @@
+<script lang="ts">
+	import type { ComponentData } from "./utils";
+	import CopyButton from "$lib/icons/CopyButton.svelte";
+	import { BaseCode } from "@gradio/code";
+	import { onMount } from "svelte";
+
+	export let data: ComponentData;
+
+	let source_code_link = `https://huggingface.co/spaces/${data.id}`;
+	let author_link = `https://huggingface.co/${data.author}`;
+	let discussion_link = `https://huggingface.co/spaces/${data.id}/discussions/new`;
+	let code_url = `https://huggingface.co/spaces/${data.id}/raw/main/app.py`;
+	const tabs = ["Demo", "Code"];
+	let active_tab = 0;
+	let code: string;
+
+	onMount(async () => {
+		code = await fetch(code_url, { referrerPolicy: "no-referrer" }).then(
+			(res) => res.text()
+		);
+	});
+</script>
+
+<div class="card space-y-2 bg-gradient-to-tr {data.background_color} shadow-xl">
+	<h1 class="text-xl font-black">{data.description}</h1>
+	<div class="flex flex-row">
+		<div class="ml-2">
+			<code class="code text-md">
+				pip install {data.name.replace("_", "-")}
+				<CopyButton content={`pip install ${data.name.replace("_", "-")}`} />
+			</code>
+		</div>
+		<div class="ml-2">
+			<strong>🖋️ Author</strong>
+			<a
+				href={author_link}
+				target="_blank"
+				class="link text-orange-400 font-bold">{data.author}</a
+			>
+		</div>
+		<div class="ml-2">
+			<strong>📑 Template</strong>
+			{data.template}
+		</div>
+		<div class="ml-2">
+			<strong>🔢 Version:</strong>
+			{data.version}
+		</div>
+		<div class="ml-2">
+			<strong>🧬</strong>
+			<a
+				href={source_code_link}
+				target="_blank"
+				class="link text-orange-400 font-bold">code</a
+			>
+		</div>
+	</div>
+	<div class="flex flex-row">
+		<div class="ml-2">
+			<strong>🔖 Tags:</strong>
+			{data.tags.split(",").join(", ")}
+		</div>
+	</div>
+	<div class="flex flex-row">
+		<div class="ml-2">
+			<strong>🤝 Feedback? Stuck?</strong>
+			<a
+				href={discussion_link}
+				target="_blank"
+				class="link text-orange-400 font-bold"
+			>
+				Ask for help</a
+			>
+		</div>
+	</div>
+	<div class="flex flex-col relative h-full">
+		<div class="tabs flex flex-row relative">
+			{#each tabs as tab, index}
+				<div
+					class="tab bg-white {active_tab === index
+						? 'active'
+						: ''} {active_tab === index
+						? ''
+						: 'border-b-2'} px-8 py-1 rounded-t-md border-x-2 border-t-2 border-orange-300 content-center"
+					on:click={() => {
+						active_tab = index;
+					}}
+				>
+					{tab}
+				</div>
+			{/each}
+		</div>
+		{#if active_tab === 0}
+			<iframe
+				src={`https://${data.subdomain}.hf.space?__theme=light`}
+				height="100%"
+				width="100%"
+			></iframe>
+		{:else}
+			<div class="bg-white">
+				<BaseCode value={code} language="python" dark_mode={false} />
+			</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.card {
+		border-radius: 8px;
+		padding: 16px;
+		margin: 16px;
+		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+		display: flex;
+		flex-direction: column;
+		overflow-y: auto;
+		height: 100%;
+	}
+
+	.card p {
+		margin: 8px 0;
+		color: rgb(206 100 0 / var(--tw-text-opacity));
+	}
+
+	.link {
+		text-decoration: underline;
+	}
+	.code {
+		font-family: monospace;
+		background-color: #f8f9fa;
+		padding: 0.2em 0.4em;
+		border-radius: 4px;
+	}
+
+	.tabs {
+		display: flex;
+		margin-bottom: -1px;
+	}
+
+	.tab {
+		cursor: pointer;
+	}
+
+	.active {
+		font-weight: bold;
+	}
+</style>
diff --git a/js/_website/src/routes/custom-components/gallery/utils.ts b/js/_website/src/routes/custom-components/gallery/utils.ts
new file mode 100644
index 0000000..15365c7
--- /dev/null
+++ b/js/_website/src/routes/custom-components/gallery/utils.ts
@@ -0,0 +1,60 @@
+export type ComponentData = {
+	id: string;
+	name: string;
+	template: string;
+	author: string;
+	description: string;
+	tags: string;
+	version: string;
+	subdomain: string;
+	background_color: string;
+	likes: number;
+};
+
+export const classToEmojiMapping: { [key: string]: string } = {
+	AnnotatedImage: "🖼️",
+	Audio: "🔊",
+	Plot: "📈",
+	Button: "🔘",
+	Chatbot: "🤖",
+	Code: "💻",
+	ColorPicker: "🎨",
+	Dataframe: "📊",
+	Dataset: "📚",
+	Fallback: "🔄",
+	File: "📄",
+	FileExplorer: "📂",
+	Gallery: "🎨",
+	HighlightedText: "✨",
+	HTML: "🔗",
+	Image: "🖼️",
+	JSON: "📝",
+	Label: "🏷️",
+	Markdown: "📝",
+	Model3D: "🗿",
+	State: "🔢",
+	UploadButton: "📤",
+	Video: "🎥"
+};
+
+export function clickOutside(element: HTMLDivElement, callbackFunction: any) {
+	function onClick(event: any) {
+		if (
+			!element.contains(event.target) &&
+			!(event.target.textContent && event.target.textContent === "Share")
+		) {
+			callbackFunction();
+		}
+	}
+
+	document.body.addEventListener("click", onClick);
+
+	return {
+		update(newCallbackFunction: any) {
+			callbackFunction = newCallbackFunction;
+		},
+		destroy() {
+			document.body.removeEventListener("click", onClick);
+		}
+	};
+}
diff --git a/js/_website/src/routes/custom-components/html-gallery/+page.svelte b/js/_website/src/routes/custom-components/html-gallery/+page.svelte
new file mode 100644
index 0000000..523dbf1
--- /dev/null
+++ b/js/_website/src/routes/custom-components/html-gallery/+page.svelte
@@ -0,0 +1,563 @@
+<script lang="ts">
+	import "$lib/assets/theme.css";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import BaseHTML from "@gradio/html/base";
+	import { BaseButton } from "@gradio/button";
+	import CopyButton from "$lib/icons/CopyButton.svelte";
+	import { highlight } from "$lib/prism";
+	import { page } from "$app/stores";
+	import { browser } from "$app/environment";
+	import { tick, onMount } from "svelte";
+	import ComponentEntry from "./ComponentEntry.svelte";
+	import type { ManifestEntry, HTMLComponentEntry } from "./types";
+	import { needs_iframe, build_srcdoc } from "./utils";
+	import { theme } from "$lib/stores/theme";
+
+	const BASE_URL =
+		"https://huggingface.co/datasets/gradio/custom-html-gallery/resolve/main";
+
+	let manifest: ManifestEntry[] = [];
+	let component_cache: Record<string, HTMLComponentEntry> = {};
+	let loading = true;
+	let error = "";
+
+	let search = "";
+
+	$: filtered = manifest.filter((c) => {
+		if (!search.trim()) return true;
+		const q = search.toLowerCase();
+		return (
+			c.name.toLowerCase().includes(q) ||
+			c.description.toLowerCase().includes(q) ||
+			c.tags.some((t) => t.toLowerCase().includes(q))
+		);
+	});
+
+	async function load_manifest() {
+		loading = true;
+		error = "";
+		try {
+			const res = await fetch(`${BASE_URL}/manifest.json`, {
+				referrerPolicy: "no-referrer"
+			});
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			manifest = await res.json();
+		} catch (e) {
+			error = "Failed to load components.";
+			console.error(e);
+		} finally {
+			loading = false;
+		}
+	}
+
+	async function load_component(
+		id: string
+	): Promise<HTMLComponentEntry | null> {
+		if (component_cache[id]) return component_cache[id];
+		try {
+			const res = await fetch(`${BASE_URL}/components/${id}.json`, {
+				referrerPolicy: "no-referrer"
+			});
+			if (!res.ok) throw new Error(`HTTP ${res.status}`);
+			const data: HTMLComponentEntry = await res.json();
+			component_cache[id] = data;
+			component_cache = component_cache; // trigger reactivity
+			return data;
+		} catch (e) {
+			console.error(`Failed to load component ${id}:`, e);
+			return null;
+		}
+	}
+
+	// Track which components are being loaded to avoid duplicate fetches
+	let loading_ids = new Set<string>();
+
+	function request_load(id: string) {
+		if (component_cache[id] || loading_ids.has(id)) return;
+		loading_ids.add(id);
+		load_component(id).finally(() => {
+			loading_ids.delete(id);
+		});
+	}
+
+	// IntersectionObserver for lazy loading
+	let observer: IntersectionObserver | null = null;
+
+	function observe_entry(node: HTMLElement, id: string) {
+		if (observer) observer.observe(node);
+		return {
+			destroy() {
+				if (observer) observer.unobserve(node);
+			}
+		};
+	}
+
+	if (browser) {
+		observer = new IntersectionObserver(
+			(entries) => {
+				for (const entry of entries) {
+					if (entry.isIntersecting) {
+						const id = (entry.target as HTMLElement).dataset.componentId;
+						if (id) {
+							request_load(id);
+							observer?.unobserve(entry.target);
+						}
+					}
+				}
+			},
+			{ rootMargin: "200px" }
+		);
+
+		onMount(() => {
+			return () => {
+				observer?.disconnect();
+				observer = null;
+			};
+		});
+
+		load_manifest().then(() => {
+			const id = new URLSearchParams(window.location.search).get("id");
+			if (id) {
+				// Load the specific component immediately, then scroll to it
+				load_component(id).then(() => {
+					tick().then(() => {
+						const el = document.getElementById(id);
+						if (el) {
+							el.scrollIntoView({
+								behavior: "smooth",
+								block: "center"
+							});
+						}
+					});
+				});
+			}
+		});
+	}
+
+	let maximized_component: HTMLComponentEntry | null = null;
+	let maximized_props: Record<string, any> = {};
+	let show_maximized_code = false;
+	$: maximized_highlighted = maximized_component
+		? highlight(maximized_component.python_code, "python")
+		: "";
+	$: maximized_use_iframe = maximized_component
+		? needs_iframe(maximized_component.css_template)
+		: false;
+
+	let modal_iframe_el: HTMLIFrameElement;
+	$: if (
+		browser &&
+		modal_iframe_el &&
+		maximized_component &&
+		maximized_use_iframe
+	) {
+		modal_iframe_el.srcdoc = build_srcdoc(
+			maximized_component,
+			maximized_props,
+			$theme === "dark"
+		);
+	}
+
+	async function open_maximized(comp: HTMLComponentEntry) {
+		maximized_component = comp;
+		maximized_props = JSON.parse(JSON.stringify(comp.default_props));
+		show_maximized_code = false;
+		document.body.style.overflow = "hidden";
+	}
+
+	async function open_maximized_by_id(id: string) {
+		const data = await load_component(id);
+		if (data) {
+			open_maximized(data);
+		}
+	}
+
+	function close_maximized() {
+		maximized_component = null;
+		document.body.style.overflow = "";
+	}
+</script>
+
+<MetaTags
+	title="HTML Components Gallery - Gradio"
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="Browse and interact with custom HTML components built with gr.HTML. Copy the Python code to use them in your Gradio apps."
+/>
+
+<div class="container mx-auto px-4 pt-8 mb-16">
+	<div class="text-center mb-8">
+		<h1 class="text-3xl font-bold text-gray-900 dark:text-gray-100 mb-2">
+			HTML Components Gallery
+		</h1>
+		<p class="text-gray-600 dark:text-gray-400 text-md max-w-xl mx-auto">
+			Interactive components built with <code
+				class="px-1.5 py-0.5 rounded bg-gray-100 dark:bg-neutral-800 text-sm"
+				>gr.HTML</code
+			>
+			using just HTML, CSS, and JavaScript. Click "View Code" to copy the Python class.
+		</p>
+	</div>
+
+	{#if loading}
+		<div class="loading-state">
+			<div class="spinner"></div>
+			<p>Loading components...</p>
+		</div>
+	{:else if error}
+		<div class="error-state">
+			<p class="error-text">{error}</p>
+			<button class="retry-btn" on:click={load_manifest}>Retry</button>
+		</div>
+	{:else}
+		<div class="max-w-2xl mx-auto mb-6">
+			<input
+				type="text"
+				class="w-full border border-gray-200 dark:border-gray-700 dark:bg-neutral-800 dark:text-gray-200 p-2.5 rounded-lg outline-none text-center text-md focus:placeholder-transparent focus:border-orange-500 focus:ring-0"
+				placeholder="Search components..."
+				autocomplete="off"
+				bind:value={search}
+			/>
+		</div>
+
+		{#if filtered.length === 0}
+			<p class="text-center text-gray-500 dark:text-gray-400 py-12">
+				No components match your search.
+			</p>
+		{:else}
+			<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
+				{#each filtered as entry (entry.id)}
+					<div data-component-id={entry.id} use:observe_entry={entry.id}>
+						<ComponentEntry
+							manifest={entry}
+							full_data={component_cache[entry.id] || null}
+							on_maximize={open_maximized}
+							on_request_load={request_load}
+						/>
+					</div>
+				{/each}
+			</div>
+		{/if}
+	{/if}
+
+	{#if maximized_component}
+		<!-- svelte-ignore a11y-click-events-have-key-events -->
+		<!-- svelte-ignore a11y-no-static-element-interactions -->
+		<div class="modal-backdrop" on:click={close_maximized}>
+			<div class="modal-content" on:click|stopPropagation>
+				<div class="modal-header">
+					<div class="modal-info">
+						<h2 class="modal-title">
+							{maximized_component.name}
+						</h2>
+						<p class="modal-description">
+							{maximized_component.description}
+						</p>
+					</div>
+					<div class="modal-actions">
+						<button
+							class="modal-toggle-btn"
+							on:click={() => (show_maximized_code = !show_maximized_code)}
+						>
+							{show_maximized_code ? "Live Demo" : "View Code"}
+						</button>
+						{#if show_maximized_code}
+							<CopyButton content={maximized_component.python_code} />
+						{/if}
+						<button class="modal-close-btn" on:click={close_maximized}>
+							<svg
+								width="20"
+								height="20"
+								viewBox="0 0 20 20"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="2"
+							>
+								<path d="M5 5l10 10M15 5L5 15" />
+							</svg>
+						</button>
+					</div>
+				</div>
+				<div class="modal-body">
+					{#if show_maximized_code}
+						<p class="modal-code-note">
+							This code may be simplified.
+							{#if maximized_component.repo_url}
+								<a
+									href={maximized_component.repo_url}
+									target="_blank"
+									rel="noopener noreferrer">Visit the repo</a
+								> for the full implementation.
+							{/if}
+						</p>
+						<div class="modal-code-container">
+							{@html maximized_highlighted}
+						</div>
+					{:else}
+						<div class="modal-component-container">
+							{#if maximized_use_iframe}
+								<iframe
+									bind:this={modal_iframe_el}
+									class="modal-iframe"
+									title="{maximized_component.name} preview"
+									sandbox="allow-scripts"
+								></iframe>
+							{:else if maximized_component.html_template.includes("@children")}
+								<BaseHTML
+									props={maximized_props}
+									html_template={maximized_component.html_template}
+									css_template={maximized_component.css_template}
+									js_on_load={maximized_component.js_on_load}
+									head={maximized_component.head || null}
+									apply_default_css={true}
+								>
+									<BaseButton
+										variant="primary"
+										size="md"
+										value={null}
+										visible={true}
+										link={null}
+										link_target="_self"
+										icon={null}
+										disabled={false}
+										scale={null}
+										min_width={undefined}
+										elem_id={null}
+										elem_classes={[]}>Click Me</BaseButton
+									>
+								</BaseHTML>
+							{:else}
+								<BaseHTML
+									props={maximized_props}
+									html_template={maximized_component.html_template}
+									css_template={maximized_component.css_template}
+									js_on_load={maximized_component.js_on_load}
+									head={maximized_component.head || null}
+									apply_default_css={true}
+								/>
+							{/if}
+						</div>
+					{/if}
+				</div>
+			</div>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.loading-state {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 12px;
+		padding: 48px 0;
+		color: #6b7280;
+	}
+
+	:global(.dark) .loading-state {
+		color: #9ca3af;
+	}
+
+	.spinner {
+		width: 32px;
+		height: 32px;
+		border: 3px solid #e5e7eb;
+		border-top-color: #f97316;
+		border-radius: 50%;
+		animation: spin 0.8s linear infinite;
+	}
+
+	:global(.dark) .spinner {
+		border-color: #374151;
+		border-top-color: #f97316;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.error-state {
+		text-align: center;
+		padding: 48px 0;
+	}
+
+	.error-text {
+		color: #ef4444;
+		margin-bottom: 12px;
+	}
+
+	.retry-btn {
+		padding: 8px 20px;
+		background: #f97316;
+		color: white;
+		border: none;
+		border-radius: 8px;
+		font-size: 14px;
+		font-weight: 600;
+		cursor: pointer;
+		transition: background 0.15s;
+	}
+
+	.retry-btn:hover {
+		background: #ea580c;
+	}
+
+	.modal-backdrop {
+		position: fixed;
+		inset: 0;
+		z-index: 100;
+		background: rgba(0, 0, 0, 0.6);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 24px;
+		backdrop-filter: blur(4px);
+	}
+
+	.modal-content {
+		background: var(--background-fill-primary, white);
+		border: 1px solid var(--border-color-primary, #e5e7eb);
+		border-radius: 16px;
+		width: 100%;
+		max-width: 1100px;
+		max-height: calc(100vh - 48px);
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+		box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
+	}
+
+	.modal-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		padding: 20px 24px;
+		border-bottom: 1px solid var(--border-color-primary, #e5e7eb);
+		flex-shrink: 0;
+	}
+
+	.modal-info {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.modal-title {
+		font-size: 20px;
+		font-weight: 700;
+		margin: 0 0 4px;
+		color: var(--body-text-color, #111827);
+	}
+
+	.modal-description {
+		font-size: 14px;
+		color: var(--body-text-color-subdued, #6b7280);
+		margin: 0;
+	}
+
+	.modal-actions {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		flex-shrink: 0;
+		margin-left: 16px;
+	}
+
+	.modal-toggle-btn {
+		font-size: 13px;
+		font-weight: 600;
+		padding: 8px 16px;
+		border-radius: 8px;
+		border: 1px solid var(--border-color-primary, #e5e7eb);
+		background: var(--background-fill-primary, white);
+		color: var(--body-text-color, #374151);
+		cursor: pointer;
+		white-space: nowrap;
+		transition: all 0.15s;
+	}
+
+	.modal-toggle-btn:hover {
+		border-color: var(--color-accent, #f97316);
+		color: var(--color-accent, #f97316);
+	}
+
+	.modal-close-btn {
+		width: 36px;
+		height: 36px;
+		border-radius: 8px;
+		border: 1px solid var(--border-color-primary, #e5e7eb);
+		background: var(--background-fill-primary, white);
+		color: var(--body-text-color-subdued, #6b7280);
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		transition: all 0.15s;
+	}
+
+	.modal-close-btn:hover {
+		border-color: #ef4444;
+		color: #ef4444;
+	}
+
+	.modal-body {
+		flex: 1;
+		overflow: auto;
+		padding: 24px;
+	}
+
+	.modal-component-container {
+		min-height: 300px;
+		color: var(--body-text-color);
+		width: 100%;
+	}
+
+	.modal-iframe {
+		width: 100%;
+		height: 600px;
+		border: none;
+		border-radius: 8px;
+	}
+
+	.modal-component-container :global(.prose),
+	.modal-component-container :global(.prose > div) {
+		max-width: 100% !important;
+		width: 100% !important;
+	}
+
+	.modal-component-container :global(.prose) {
+		--tw-prose-body: var(--body-text-color);
+		--tw-prose-headings: var(--body-text-color);
+		--tw-prose-bold: var(--body-text-color);
+		--tw-prose-links: var(--link-text-color);
+		color: var(--body-text-color);
+	}
+
+	.modal-code-note {
+		font-size: 13px;
+		color: var(--body-text-color-subdued, #9ca3af);
+		margin: 0 0 12px;
+	}
+
+	.modal-code-note a {
+		color: var(--color-accent, #f97316);
+		text-decoration: none;
+	}
+
+	.modal-code-note a:hover {
+		text-decoration: underline;
+	}
+
+	.modal-code-container {
+		border-radius: 8px;
+		overflow: auto;
+	}
+
+	.modal-code-container :global(pre) {
+		margin: 0;
+		border-radius: 8px;
+		font-size: 13px;
+	}
+</style>
diff --git a/js/_website/src/routes/custom-components/html-gallery/ComponentEntry.svelte b/js/_website/src/routes/custom-components/html-gallery/ComponentEntry.svelte
new file mode 100644
index 0000000..cb29c4a
--- /dev/null
+++ b/js/_website/src/routes/custom-components/html-gallery/ComponentEntry.svelte
@@ -0,0 +1,412 @@
+<script lang="ts">
+	import BaseHTML from "@gradio/html/base";
+	import { BaseButton } from "@gradio/button";
+	import CopyButton from "$lib/icons/CopyButton.svelte";
+	import { highlight } from "$lib/prism";
+	import { browser } from "$app/environment";
+	import { theme } from "$lib/stores/theme";
+	import type { ManifestEntry, HTMLComponentEntry } from "./types";
+	import { needs_iframe, build_srcdoc } from "./utils";
+
+	export let manifest: ManifestEntry;
+	export let full_data: HTMLComponentEntry | null = null;
+	export let on_maximize: (component: HTMLComponentEntry) => void = () => {};
+	export let on_request_load: (id: string) => void = () => {};
+
+	let show_code = false;
+
+	$: component = full_data;
+	$: initial_props = component
+		? JSON.parse(JSON.stringify(component.default_props))
+		: {};
+	$: highlighted_html = component
+		? highlight(component.python_code, "python")
+		: "";
+	$: use_iframe = component ? needs_iframe(component.css_template) : false;
+	$: has_children_slot =
+		component?.html_template?.includes("@children") ?? false;
+	$: is_dark = $theme === "dark";
+
+	let iframe_el: HTMLIFrameElement;
+	$: if (browser && iframe_el && component && use_iframe) {
+		iframe_el.srcdoc = build_srcdoc(component, initial_props, is_dark);
+	}
+
+	function handle_maximize() {
+		if (component) {
+			on_maximize(component);
+		} else {
+			on_request_load(manifest.id);
+		}
+	}
+
+	function handle_view_code() {
+		if (!component) {
+			on_request_load(manifest.id);
+		}
+		show_code = !show_code;
+	}
+</script>
+
+<div class="entry" id={manifest.id}>
+	<div class="entry-header">
+		<div class="entry-info">
+			<h3 class="entry-name">{manifest.name}</h3>
+			<p class="entry-description">{manifest.description}</p>
+			<div class="entry-meta">
+				<a
+					class="author"
+					href="https://huggingface.co/{manifest.author}"
+					target="_blank"
+					rel="noopener noreferrer">@{manifest.author}</a
+				>
+				{#if manifest.repo_url}
+					<a
+						class="repo-link"
+						href={manifest.repo_url}
+						target="_blank"
+						rel="noopener noreferrer"
+					>
+						{#if manifest.repo_url.includes("github.com")}
+							<svg
+								width="14"
+								height="14"
+								viewBox="0 0 16 16"
+								fill="currentColor"
+								><path
+									d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0016 8c0-4.42-3.58-8-8-8z"
+								/></svg
+							>
+						{:else}
+							<svg
+								width="14"
+								height="14"
+								viewBox="0 0 16 16"
+								fill="none"
+								stroke="currentColor"
+								stroke-width="1.5"
+								><path d="M6 2H2v4M14 10v4h-4M2 2l5 5M14 14l-5-5" /></svg
+							>
+						{/if}
+						Repo
+					</a>
+				{/if}
+				{#each manifest.tags as tag}
+					<span class="tag">{tag}</span>
+				{/each}
+			</div>
+		</div>
+		<div class="entry-actions">
+			{#if !show_code}
+				<button class="icon-btn" on:click={handle_maximize} title="Expand">
+					<svg
+						width="16"
+						height="16"
+						viewBox="0 0 16 16"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="1.5"
+					>
+						<path d="M6 1H1v5M15 10v5h-5M1 1l5.5 5.5M15 15l-5.5-5.5" />
+					</svg>
+				</button>
+			{/if}
+			<button class="toggle-btn" on:click={handle_view_code}>
+				{show_code ? "Live Demo" : "View Code"}
+			</button>
+			{#if show_code && component}
+				<CopyButton content={component.python_code} />
+			{/if}
+		</div>
+	</div>
+
+	<div class="entry-body">
+		{#if show_code}
+			{#if component}
+				<p class="code-note">
+					This code may be simplified.
+					{#if manifest.repo_url}
+						<a
+							href={manifest.repo_url}
+							target="_blank"
+							rel="noopener noreferrer">Visit the repo</a
+						> for the full implementation.
+					{/if}
+				</p>
+				<div class="code-container">
+					{@html highlighted_html}
+				</div>
+			{:else}
+				<div class="loading-placeholder">
+					<div class="entry-spinner"></div>
+					<span>Loading code...</span>
+				</div>
+			{/if}
+		{:else if component}
+			<div class="component-container">
+				{#if use_iframe}
+					<iframe
+						bind:this={iframe_el}
+						class="component-iframe"
+						title="{manifest.name} preview"
+						sandbox="allow-scripts"
+					></iframe>
+				{:else if has_children_slot}
+					<BaseHTML
+						props={initial_props}
+						html_template={component.html_template}
+						css_template={component.css_template}
+						js_on_load={component.js_on_load}
+						head={component.head || null}
+						apply_default_css={true}
+					>
+						<BaseButton
+							variant="primary"
+							size="md"
+							value={null}
+							visible={true}
+							link={null}
+							link_target="_self"
+							icon={null}
+							disabled={false}
+							scale={null}
+							min_width={undefined}
+							elem_id={null}
+							elem_classes={[]}>Click Me</BaseButton
+						>
+					</BaseHTML>
+				{:else}
+					<BaseHTML
+						props={initial_props}
+						html_template={component.html_template}
+						css_template={component.css_template}
+						js_on_load={component.js_on_load}
+						head={component.head || null}
+						apply_default_css={true}
+					/>
+				{/if}
+			</div>
+		{:else}
+			<div class="loading-placeholder">
+				<div class="entry-spinner"></div>
+				<span>Loading component...</span>
+			</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.entry {
+		border: 1px solid var(--border-color-primary, #e5e7eb);
+		border-radius: 12px;
+		overflow: hidden;
+		background: transparent;
+		transition: box-shadow 0.2s;
+	}
+
+	.entry:hover {
+		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+	}
+
+	:global(.dark) .entry:hover {
+		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
+	}
+
+	.entry-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		padding: 16px 16px 12px;
+		border-bottom: 1px solid var(--border-color-primary, #f3f4f6);
+	}
+
+	.entry-info {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.entry-name {
+		font-size: 17px;
+		font-weight: 700;
+		margin: 0 0 4px;
+		color: var(--body-text-color, #111827);
+	}
+
+	.entry-description {
+		font-size: 13px;
+		color: var(--body-text-color-subdued, #6b7280);
+		margin: 0 0 8px;
+	}
+
+	.entry-meta {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 4px;
+		align-items: center;
+	}
+
+	.author {
+		font-size: 12px;
+		color: var(--body-text-color-subdued, #9ca3af);
+		margin-right: 4px;
+		text-decoration: none;
+	}
+
+	.author:hover {
+		color: var(--color-accent, #f97316);
+	}
+
+	.repo-link {
+		font-size: 11px;
+		padding: 2px 8px;
+		border-radius: 10px;
+		background: var(--background-fill-secondary, #f3f4f6);
+		color: var(--body-text-color-subdued, #6b7280);
+		text-decoration: none;
+		display: inline-flex;
+		align-items: center;
+		gap: 4px;
+	}
+
+	.repo-link:hover {
+		color: var(--color-accent, #f97316);
+	}
+
+	.tag {
+		font-size: 11px;
+		padding: 2px 8px;
+		border-radius: 10px;
+		background: var(--background-fill-secondary, #f3f4f6);
+		color: var(--body-text-color-subdued, #6b7280);
+	}
+
+	.entry-actions {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		flex-shrink: 0;
+	}
+
+	.icon-btn {
+		width: 32px;
+		height: 32px;
+		border-radius: 6px;
+		border: 1px solid var(--border-color-primary, #e5e7eb);
+		background: var(--background-fill-primary, white);
+		color: var(--body-text-color-subdued, #6b7280);
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		transition: all 0.15s;
+	}
+
+	.icon-btn:hover {
+		border-color: var(--color-accent, #f97316);
+		color: var(--color-accent, #f97316);
+	}
+
+	.toggle-btn {
+		font-size: 12px;
+		font-weight: 600;
+		padding: 6px 14px;
+		border-radius: 6px;
+		border: 1px solid var(--border-color-primary, #e5e7eb);
+		background: var(--background-fill-primary, white);
+		color: var(--body-text-color, #374151);
+		cursor: pointer;
+		white-space: nowrap;
+		transition: all 0.15s;
+	}
+
+	.toggle-btn:hover {
+		border-color: var(--color-accent, #f97316);
+		color: var(--color-accent, #f97316);
+	}
+
+	.entry-body {
+		padding: 16px;
+		min-height: 120px;
+	}
+
+	.component-container {
+		min-height: 80px;
+		max-height: 280px;
+		overflow: auto;
+		color: var(--body-text-color);
+	}
+
+	.component-iframe {
+		width: 100%;
+		height: 280px;
+		border: none;
+		border-radius: 4px;
+	}
+
+	.component-container :global(.prose) {
+		--tw-prose-body: var(--body-text-color);
+		--tw-prose-headings: var(--body-text-color);
+		--tw-prose-bold: var(--body-text-color);
+		--tw-prose-links: var(--link-text-color);
+		color: var(--body-text-color);
+	}
+
+	.code-note {
+		font-size: 12px;
+		color: var(--body-text-color-subdued, #9ca3af);
+		margin: 0 0 8px;
+	}
+
+	.code-note a {
+		color: var(--color-accent, #f97316);
+		text-decoration: none;
+	}
+
+	.code-note a:hover {
+		text-decoration: underline;
+	}
+
+	.code-container {
+		border-radius: 8px;
+		overflow: auto;
+		max-height: 400px;
+	}
+
+	.code-container :global(pre) {
+		margin: 0;
+		border-radius: 8px;
+		font-size: 13px;
+	}
+
+	.loading-placeholder {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: 10px;
+		min-height: 120px;
+		color: var(--body-text-color-subdued, #9ca3af);
+		font-size: 13px;
+	}
+
+	.entry-spinner {
+		width: 24px;
+		height: 24px;
+		border: 2px solid #e5e7eb;
+		border-top-color: #f97316;
+		border-radius: 50%;
+		animation: spin 0.8s linear infinite;
+	}
+
+	:global(.dark) .entry-spinner {
+		border-color: #374151;
+		border-top-color: #f97316;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+</style>
diff --git a/js/_website/src/routes/custom-components/html-gallery/types.ts b/js/_website/src/routes/custom-components/html-gallery/types.ts
new file mode 100644
index 0000000..eeab83b
--- /dev/null
+++ b/js/_website/src/routes/custom-components/html-gallery/types.ts
@@ -0,0 +1,17 @@
+export type ManifestEntry = {
+	id: string;
+	name: string;
+	description: string;
+	author: string;
+	tags: string[];
+	repo_url?: string;
+};
+
+export type HTMLComponentEntry = ManifestEntry & {
+	html_template: string;
+	css_template: string;
+	js_on_load: string;
+	default_props: Record<string, any>;
+	python_code: string;
+	head?: string;
+};
diff --git a/js/_website/src/routes/custom-components/html-gallery/utils.ts b/js/_website/src/routes/custom-components/html-gallery/utils.ts
new file mode 100644
index 0000000..4e122f2
--- /dev/null
+++ b/js/_website/src/routes/custom-components/html-gallery/utils.ts
@@ -0,0 +1,110 @@
+import themeCSS from "$lib/assets/theme.css?raw";
+
+export function clickOutside(
+	element: HTMLDivElement,
+	callbackFunction: () => void
+) {
+	function onClick(event: MouseEvent) {
+		if (!element.contains(event.target as Node)) {
+			callbackFunction();
+		}
+	}
+
+	document.body.addEventListener("click", onClick);
+
+	return {
+		update(newCallbackFunction: () => void) {
+			callbackFunction = newCallbackFunction;
+		},
+		destroy() {
+			document.body.removeEventListener("click", onClick);
+		}
+	};
+}
+
+/**
+ * Returns true if the component's CSS uses `position: fixed`,
+ * meaning it needs iframe isolation to render correctly in the gallery.
+ */
+export function needs_iframe(css_template: string | undefined): boolean {
+	if (!css_template) return false;
+	return /position\s*:\s*fixed/i.test(css_template);
+}
+
+/**
+ * Render a component's template string (Handlebars + JS template literals)
+ * the same way BaseHTML does, but synchronously in the parent page.
+ */
+function render_template(template: string, props: Record<string, any>): string {
+	try {
+		const keys = Object.keys(props);
+		const values = Object.values(props);
+		const fn = new Function(...keys, `return \`${template}\``);
+		return fn(...values);
+	} catch (e) {
+		console.error("Template rendering error:", e);
+		return "";
+	}
+}
+
+/**
+ * Build a self-contained HTML document string for rendering a component
+ * inside an iframe. Includes theme CSS, component CSS, rendered HTML,
+ * and js_on_load with a reactive props proxy.
+ */
+export function build_srcdoc(
+	component: {
+		html_template: string;
+		css_template: string;
+		js_on_load?: string | null;
+		head?: string | null;
+		default_props: Record<string, any>;
+	},
+	props: Record<string, any>,
+	dark: boolean = false
+): string {
+	const html = render_template(component.html_template, props);
+	const css = render_template(component.css_template, props);
+
+	// Escape </script in JS content to prevent premature script tag closure
+	const safe_props = JSON.stringify(props).replace(/<\/script/gi, "<\\/script");
+	const safe_js = (component.js_on_load || "").replace(
+		/<\/script/gi,
+		"<\\/script"
+	);
+
+	return `<!DOCTYPE html>
+<html class="${dark ? "dark" : ""}">
+<head>
+<meta charset="utf-8">
+<style>${themeCSS}</style>
+<style>
+html, body {
+	margin: 0;
+	padding: 0;
+	height: 100%;
+	background: var(--background-fill-primary, #0b0f19);
+	color: var(--body-text-color, #c5c7cb);
+	font-family: var(--font, system-ui, -apple-system, sans-serif);
+}
+#comp { ${css} }
+</style>
+${component.head || ""}
+</head>
+<body>
+<div id="comp">${html}</div>
+<script>
+(function(){
+var element = document.getElementById("comp");
+var props = new Proxy(${safe_props}, {
+	set: function(t, k, v) { t[k] = v; return true; }
+});
+function trigger() {}
+${safe_js}
+})();
+<\/script>
+</body>
+</html>`;
+}
+
+export { themeCSS };
diff --git a/js/_website/src/routes/hackathon-winners/+page.svelte b/js/_website/src/routes/hackathon-winners/+page.svelte
new file mode 100644
index 0000000..20414fe
--- /dev/null
+++ b/js/_website/src/routes/hackathon-winners/+page.svelte
@@ -0,0 +1,521 @@
+<script lang="ts">
+	import hackathon_header from "$lib/assets/img/hackathon-header.png";
+	import LLMGameHub from "$lib/assets/img/LLMGameHub.png";
+	import SentinelOne from "$lib/assets/img/sentinel.png";
+	import Geocalc from "$lib/assets/img/geocalc.png";
+	import DocMCP from "$lib/assets/img/doc-mcp.png";
+	import VisualWorkflowBuilder from "$lib/assets/img/workflow.png";
+	import ChessTools from "$lib/assets/img/chess.png";
+	import Consilium from "$lib/assets/img/consilium.png";
+	import MMORPG from "$lib/assets/img/mmorpg.png";
+	import modal_logo from "$lib/assets/img/modal-logo.png";
+	import sambanova_logo from "$lib/assets/img/sambanova-logo.png";
+	import mistral_logo from "$lib/assets/img/mistral-logo.png";
+	import llamaindex_logo from "$lib/assets/img/llamaindex-logo.png";
+	import shallowcoderesearch from "$lib/assets/img/shallowcoderesearch.png";
+	import instagramcaption from "$lib/assets/img/instagramcaption.png";
+	import nasaspaceexplorer from "$lib/assets/img/nasaspaceexplorer.png";
+	import opensorus from "$lib/assets/img/opensorus.png";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+</script>
+
+<MetaTags
+	title="Gradio Hackathon Winners"
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="Announcing the winners of the Gradio Agents & MCP Hackathon."
+/>
+
+<img
+	src={hackathon_header}
+	alt="Gradio Hackathon Winners"
+	class="mx-auto"
+	style="width: 80%"
+/>
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		🤖 Agent Track <span class="ml-1 font-semibold"> Winners</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/LLMGameHub"
+			target="_blank"
+			class="from-green-100 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle lg:mr-2 lg:flex-[1.4]"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2.5rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$2,500</span
+				> 🥇
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>🎮 LLMGameHub</span>
+			</div>
+			<code class="font-light text-md mb-2">gsavin & kikikita</code>
+			<div class="relative pr-4 text-lg font-light">
+				Your personal visual novel. Craft your own adventures with an AI-powered
+				game master!
+			</div>
+
+			<img
+				src={LLMGameHub}
+				alt="LLMGameHub UI Screenshot"
+				class="m-2 mt-3 p-5"
+			/>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/Sentinel_One"
+			target="_blank"
+			class="from-blue-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 lg:ml-2 lg:flex-[1] self-start my-8"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2.5rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$500</span
+				> 🥈
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>🛰️ Sentinel One</span>
+			</div>
+			<code class="font-light text-md mb-2"
+				>Paul Barbaste, Tristan Darrigol & Clément Peponnet</code
+			>
+			<div class="relative pr-4 text-lg font-light">
+				Climate risk evaluation multiagents. Instantly analyze climate risks
+				from any location.
+			</div>
+
+			<img
+				src={SentinelOne}
+				alt="Sentinel One UI Screenshot"
+				class="m-2 mt-3 p-5"
+			/>
+		</a>
+	</div>
+
+	<a
+		href="https://huggingface.co/spaces/Agents-MCP-Hackathon/cs-agent"
+		target="_blank"
+		class="from-blue-50 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle my-8"
+	>
+		<div
+			class="lg:absolute top-0 right-0 mr-4 text-gray-500"
+			style="font-size: 2.5rem;"
+		>
+			<span class="text-xl font-semibold p-1 rounded-md">Honorable Mention</span
+			>
+		</div>
+		<div class="relative mb-2 flex items-center text-lg font-semibold">
+			<span>💬 cs-agent</span>
+		</div>
+		<code class="font-light text-md mb-2">karenwky</code>
+		<div class="relative pr-4 text-lg font-light">
+			Smart Customer Support Triage Agent
+		</div>
+	</a>
+</div>
+<!-- -->
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		🛠️ MCP Track <span class="ml-1 font-semibold"> Winners</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/geocalc-mcp"
+			target="_blank"
+			class="from-orange-100 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle lg:mr-2 lg:flex-[1.4]"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2.5rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$2,500</span
+				> 🥇
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>🌍 Geocalc MCP Server</span>
+			</div>
+			<code class="font-light text-md mb-2">renzoide</code>
+			<div class="relative pr-4 text-lg font-light">
+				A collection of tools for geographic calculations.
+			</div>
+			<img src={Geocalc} alt="GeoCalc UI Screenshot" class="m-2 mt-3 p-5" />
+		</a>
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/doc-mcp"
+			target="_blank"
+			class="from-yellow-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 lg:ml-2 lg:flex-[1] self-start my-8"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2.5rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$500</span
+				> 🥈
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>📚 Doc-MCP</span>
+			</div>
+			<code class="font-light text-md mb-2">mdabidhussain</code>
+			<div class="relative pr-4 text-lg font-light">
+				Documentation RAG system. Transform GitHub documentation repositories
+				into accessible MCP servers.
+			</div>
+			<img src={DocMCP} alt="Doc-MCP UI Screenshot" class="m-2 mt-3 p-5" />
+		</a>
+	</div>
+
+	<a
+		href="https://huggingface.co/spaces/Agents-MCP-Hackathon/Spotify-mcp"
+		target="_blank"
+		class="from-yellow-50 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle my-8"
+	>
+		<div
+			class="lg:absolute top-0 right-0 mr-4 text-gray-500"
+			style="font-size: 2.5rem;"
+		>
+			<span class="text-xl font-semibold p-1 rounded-md">Honorable Mention</span
+			>
+		</div>
+		<div class="relative mb-2 flex items-center text-lg font-semibold">
+			<span>🎵 Spotify MCP</span>
+		</div>
+		<code class="font-light text-md mb-2">lenpanda</code>
+		<div class="relative pr-4 text-lg font-light">
+			Manage your Spotify experience, from authentication to playlist management
+			and music playback control.
+		</div>
+	</a>
+</div>
+<!-- -->
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		🧱 Custom Component Track <span class="ml-1 font-semibold"> Winners</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/gradio_workflowbuilder"
+			target="_blank"
+			class="from-purple-100 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle lg:mr-2 lg:flex-[1.4]"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2.5rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$2,500</span
+				> 🥇
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>🎨 Visual Workflow Builder</span>
+			</div>
+			<code class="font-light text-md mb-2">jayavibhav</code>
+			<div class="relative pr-4 text-lg font-light">
+				Create sophisticated workflows with drag and drop simplicity.
+			</div>
+
+			<img
+				src={VisualWorkflowBuilder}
+				alt="Visual Workflow Builder UI Screenshot"
+				class="m-2 mt-3 p-5"
+			/>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/chess-mcp-server"
+			target="_blank"
+			class="from-pink-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 lg:ml-2 lg:flex-[1] self-start my-8"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2.5rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$500</span
+				> 🥈
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>♟️ Chess Tools</span>
+			</div>
+			<code class="font-light text-md mb-2">czakop</code>
+			<div class="relative pr-4 text-lg font-light">
+				Specialized MCP server tailored for chess, designed to enhance
+				interactions by providing structured chess-related information and
+				analysis.
+			</div>
+
+			<img
+				src={ChessTools}
+				alt="Chess Tools UI Screenshot"
+				class="m-2 mt-3 p-5"
+			/>
+		</a>
+	</div>
+
+	<a
+		href="https://huggingface.co/spaces/Agents-MCP-Hackathon/gradio_consilium_roundtable"
+		target="_blank"
+		class="from-pink-50 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle my-8"
+	>
+		<div
+			class="lg:absolute top-0 right-0 mr-4 text-gray-500"
+			style="font-size: 2.5rem;"
+		>
+			<span class="text-xl font-semibold p-1 rounded-md">Honorable Mention</span
+			>
+		</div>
+		<div class="relative mb-2 flex items-center text-lg font-semibold">
+			<span>🎭 Consilium Roundtable </span>
+		</div>
+		<code class="font-light text-md mb-2">azettl</code>
+		<div class="relative pr-4 text-lg font-light">
+			The roundtable for artificial minds
+		</div>
+	</a>
+
+	<a
+		href="https://huggingface.co/spaces/Agents-MCP-Hackathon/gradio_agent_inspector"
+		target="_blank"
+		class="from-pink-50 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle my-8"
+	>
+		<div
+			class="lg:absolute top-0 right-0 mr-4 text-gray-500"
+			style="font-size: 2.5rem;"
+		>
+			<span class="text-xl font-semibold p-1 rounded-md">Honorable Mention</span
+			>
+		</div>
+		<div class="relative mb-2 flex items-center text-lg font-semibold">
+			<span>🕵️ Agent Inspector</span>
+		</div>
+		<code class="font-light text-md mb-2">p3nguknight & Francois Lancelot</code>
+		<div class="relative pr-4 text-lg font-light">
+			Whether you're building, testing, or fine-tuning your agent, Agent
+			Inspector helps you understand what's happening under the hood.
+		</div>
+	</a>
+</div>
+<!-- -->
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		🎁 Special Awards <span class="ml-1 font-semibold"> Winners</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/consilium_mcp"
+			target="_blank"
+			class="from-green-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle lg:mr-2"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2rem;"
+			>
+				<span class="text-xl font-semibold text-gray-500">
+					Community Choice
+				</span>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$500</span
+				>
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>🎭 Consilium</span>
+			</div>
+			<code class="font-light text-md mb-2">azettl</code>
+			<div class="relative pr-4 text-lg font-light">
+				Multi-AI Expert Consensus Platform
+			</div>
+			<img src={Consilium} alt="Consilium UI Screenshot" class="m-2 mt-3 p-5" />
+		</a>
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/MMORPG_AI_NPC_MCP_CLIENT_SERVER"
+			target="_blank"
+			class="from-blue-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 lg:ml-2"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2rem;"
+			>
+				<span class="text-xl font-semibold text-gray-500">
+					Most Innovative
+				</span>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$500</span
+				>
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>🎮 MMORPG with MCP Integration</span>
+			</div>
+			<code class="font-light text-md mb-2">Chris4K</code>
+			<div class="relative pr-4 text-lg font-light">
+				Modern Multiplayer Online Role-Playing Game.
+			</div>
+			<img src={MMORPG} alt="MMORPG UI Screenshot" class="m-2 mt-3 p-5" />
+		</a>
+	</div>
+</div>
+
+<!-- -->
+
+<div class="container mx-auto px-4 relative pt-8 mb-0 mt-8">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		<img src={modal_logo} alt="Modal Labs Logo" class="w-10 mr-2" />
+		Modal Labs Choice Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/ShallowCodeResearch"
+			target="_blank"
+			class="from-orange-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$5000</span
+				>
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>Shallow Research Code Assistant Hub</span>
+			</div>
+			<code class="font-light text-md mb-2">HallD</code>
+			<div class="relative pr-4 text-lg font-light">
+				Streamlined interface for AI-assisted research and code generation
+			</div>
+			<img
+				src={shallowcoderesearch}
+				alt="ShallowCodeResearch UI Screenshot"
+				class="m-2 mt-3 p-5"
+			/>
+		</a>
+	</div>
+</div>
+
+<!--  -->
+<div class="container mx-auto px-4 relative pt-8 mb-0 mt-8">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		<img src={sambanova_logo} alt="Sambanova Logo" class="w-10 mr-2" />
+		Sambanova Choice Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/caption-creator-pro"
+			target="_blank"
+			class="from-purple-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$500</span
+				>
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>📱 INSTAGRAM CAPTION GENERATOR</span>
+			</div>
+			<code class="font-light text-md mb-2">GChilukala</code>
+			<div class="relative pr-4 text-lg font-light">
+				Advanced AI-Powered Instagram Caption Generator with SambaNova
+				Integration
+			</div>
+			<img
+				src={instagramcaption}
+				alt="Instagram Caption Generator UI Screenshot"
+				class="m-2 mt-3 p-5"
+			/>
+		</a>
+	</div>
+</div>
+
+<!--  -->
+<div class="container mx-auto px-4 relative pt-8 mb-0 mt-8">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		<img src={mistral_logo} alt="Mistral Logo" class="w-10 mr-2" />
+		Mistral Choice Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/OpenSorus"
+			target="_blank"
+			class="from-green-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$2000 API Credits</span
+				>
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>OpenSorus</span>
+			</div>
+			<code class="font-light text-md mb-2">halfacupoftea</code>
+			<div class="relative pr-4 text-lg font-light">
+				AI Maintainer Agent for GitHub Issues
+			</div>
+			<img src={opensorus} alt="OpenSorus UI Screenshot" class="m-2 mt-3 p-5" />
+		</a>
+	</div>
+</div>
+
+<!--  -->
+<div class="container mx-auto px-4 relative pt-8 mb-0 mt-8">
+	<h1 class="mb-4 flex items-center text-2xl align-middle font-light right-0">
+		<img src={llamaindex_logo} alt="LlamaIndex Logo" class="w-10 mr-2" />
+		LlamaIndex Choice Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<div class="flex flex-col lg:flex-row gap-5 mt-8">
+		<a
+			href="https://huggingface.co/spaces/Agents-MCP-Hackathon/nasa-space-explorer"
+			target="_blank"
+			class="from-blue-100 shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-gradient-to-r px-3 pb-4 lg:pt-6 hover:shadow-alternate to-white shadow-none transition-shadow dark:from-gray-850 align-middle"
+		>
+			<div
+				class="lg:absolute top-0 right-0 mr-4 text-green-500"
+				style="font-size: 2rem;"
+			>
+				<span class="text-xl font-semibold bg-green-100 p-1 rounded-md"
+					>$1,000</span
+				>
+			</div>
+			<div class="relative mb-2 flex items-center text-lg font-semibold">
+				<span>🚀 NASA Space Explorer Assistant</span>
+			</div>
+			<code class="font-light text-md mb-2">ClementeH</code>
+			<div class="relative pr-4 text-lg font-light">
+				MCP-powered space data access + AI Chat Assistant
+			</div>
+			<img
+				src={nasaspaceexplorer}
+				alt="NASA Space Explorer Assistant UI Screenshot"
+				class="m-2 mt-3 p-5"
+			/>
+		</a>
+	</div>
+</div>
+
+<style>
+	.quick-link {
+		transition: transform 0.1s ease-in-out;
+	}
+</style>
diff --git a/js/_website/src/routes/llms.txt/+server.ts b/js/_website/src/routes/llms.txt/+server.ts
new file mode 100644
index 0000000..aa22685
--- /dev/null
+++ b/js/_website/src/routes/llms.txt/+server.ts
@@ -0,0 +1,41 @@
+import { json } from "@sveltejs/kit";
+import SYSTEM_PROMPT from "$lib/json/system_prompt.json";
+
+export const prerender = true;
+
+export async function GET({ url }) {
+	const worker_url = "https://playground-worker.pages.dev/api/prompt";
+	// const worker_url = "http://localhost:5173/api/prompt";
+
+	// const query = url.searchParams.get("q")?.toLowerCase() || "";
+	// const format = url.searchParams.get("format")?.toLowerCase() || "text";
+
+	const query = "";
+	const format = "text";
+
+	const response = await fetch(worker_url, {
+		method: "POST",
+		headers: {
+			"Content-Type": "application/json",
+			Origin: url.origin
+		},
+		body: JSON.stringify({
+			prompt_to_embed: query,
+			SYSTEM_PROMPT: SYSTEM_PROMPT.SYSTEM,
+			FALLBACK_PROMPT: SYSTEM_PROMPT.FALLBACK
+		})
+	});
+
+	const data = await response.json();
+
+	if (format === "json") {
+		return json(data);
+	} else {
+		return new Response(data.SYS_PROMPT, {
+			headers: {
+				"Content-Type": "text/plain",
+				"Cache-Control": "public, max-age=3600"
+			}
+		});
+	}
+}
diff --git a/js/_website/src/routes/mcp-birthday-winners/+page.svelte b/js/_website/src/routes/mcp-birthday-winners/+page.svelte
new file mode 100644
index 0000000..ef0bfd8
--- /dev/null
+++ b/js/_website/src/routes/mcp-birthday-winners/+page.svelte
@@ -0,0 +1,729 @@
+<script lang="ts">
+	import mcp_birthday_header from "$lib/assets/img/mcp-birthday-header.png";
+	import modal_logo from "$lib/assets/img/modal-logo.png";
+	import llamaindex_logo from "$lib/assets/img/llamaindex-logo.png";
+	import openai_logo from "$lib/assets/img/openai-logo.png";
+	import blaxel_logo from "$lib/assets/img/blaxel-logo.png";
+	import elevenlabs_logo from "$lib/assets/img/eleven-labs-logo.png";
+	import hf_logo from "$lib/assets/logos/hf-logo.svg";
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { page } from "$app/stores";
+</script>
+
+<MetaTags
+	title="MCP's 1st Birthday Hackathon Winners"
+	url={$page.url.pathname}
+	canonical={$page.url.pathname}
+	description="Announcing the winners of the MCP's 1st Birthday Hackathon."
+/>
+
+<img
+	src={mcp_birthday_header}
+	alt="MCP's 1st Birthday Hackathon"
+	class="mx-auto mt-8"
+	style="width: 80%"
+/>
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<h1
+		class="mb-4 flex items-center text-2xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		Track 1: Building MCP <span class="ml-1 font-semibold"> Winners</span>
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/cite-before-act-mcp"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-green-50 border border-green-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+			<span
+				class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				>Best Overall</span
+			> 🥇
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>🛡️ Cite-Before-Act MCP</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>bisonnetworking</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			Human-in-the-loop safety middleware for MCP servers. Require explicit
+			approval before state-mutating operations.
+		</div>
+	</a>
+
+	<div class="flex flex-col lg:flex-row gap-5">
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/MCEPTION"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-blue-50 border border-blue-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+					>Best Enterprise</span
+				>
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>🏭 MCEPTION</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>alihmaou</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				This server allows you to create and deploy other MCP servers on Hugging
+				Face Spaces.
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/Finance-Portfolio-Intelligence-Platform"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-purple-50 border border-purple-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+					>Best Consumer</span
+				>
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>Portfolio Intelligence Platform</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>BrianIsaac</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				AI-powered portfolio analysis with transparent multi-agent MCP
+				orchestration
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/GameContextProtocol"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-orange-50 border border-orange-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+					>Best Creative</span
+				>
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>🎮 GCP - Game Context Protocol</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>ArturoNereu</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				Build 3D scenes and games with natural language.
+			</div>
+		</a>
+	</div>
+</div>
+<!-- -->
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<h1
+		class="mb-4 flex items-center text-2xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		Track 2: MCP in Action <span class="ml-1 font-semibold"> Winners</span>
+	</h1>
+
+	<h1
+		class="mb-4 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		Enterprise Category
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/Vehicle-Diagnostic-Assistant"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-green-50 border border-green-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+			<span
+				class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+			></span>
+			🥇
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>Vehicle Diagnostic Assistant 🚗 🛠️</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>castlebbs & stargarnet</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			AI agent that connects to your car via an embedded MCP server to provide
+			real-time diagnostics and insights.
+		</div>
+	</a>
+
+	<div class="flex flex-col lg:flex-row gap-5">
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/devrel-agent-gradio"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-blue-50 border border-blue-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🥈
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>DevRel Campaign Generator</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>chenglu</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				AI-Powered Content for Developer Relations.
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/datapass"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-purple-50 border border-purple-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🥉
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>DataPass</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>waroca</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				Your pass to private datasets.
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/fleetmind-in-action"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-orange-50 border border-orange-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🏅
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>🚛 FleetMind AI Agent</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>mashrur950</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				Autonomous fleet management powered by AI
+			</div>
+		</a>
+	</div>
+
+	<h1
+		class="mb-4 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		Consumer Category
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/MCP-Blockly"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-green-50 border border-green-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+			<span
+				class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+			></span>
+			🥇
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>MCP Blockly</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>owenkaplinsky</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			AI that makes MCP servers with block-code.
+		</div>
+	</a>
+
+	<div class="flex flex-col lg:flex-row gap-5">
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/Drone-Control-MCP-Server"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-blue-50 border border-blue-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🥈
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>🚁 Drone Control MCP Server</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>akirahrkw</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				Control your drone using MQTT commands through the MCP server
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/directors-cut"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-purple-50 border border-purple-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🥉
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>🎬 Director's Cut - Autonomous Video Editor</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>tyb343 & sahiltanna7 & nikunj30</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				The autonomous multi-agent system that transforms any YouTube video into
+				viral vertical content. Zero editing skills. Five AI agents. One click.
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/snowman-ai"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-orange-50 border border-orange-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🏅
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>☃️ Snowman AI</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>nextmarte</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				Autonomous Literature Review Agent powered by LangGraph + Gradio MCP
+				Server
+			</div>
+		</a>
+	</div>
+
+	<h1
+		class="mb-4 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		Creative Category
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/vidzly"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-green-50 border border-green-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+			<span
+				class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+			></span>
+			🥇
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>🎬 Vidzly - Your AI-Powered Short Video Creator</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300">
+			tthhanh & tiena2cva & Nlag & Daphneee17</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			Transform raw footage into viral-ready content in seconds. No skills
+			required. No expensive gear needed. Just your vision and our AI.
+		</div>
+	</a>
+
+	<div class="flex flex-col lg:flex-row gap-5">
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/the-emergent-show"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-blue-50 border border-blue-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🥈
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>📺 The Emergent Show</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>inventwithdean</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				The Emergent Show is a fully autonomous Live Show where the Host, TV
+				Crew, Guard, Audience, and Guests are all AI Agents.
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/reachy-beat-bot"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-purple-50 border border-purple-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🥉
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>Reachy Mini Choreography Generator</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>TwinPeaksTownie</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				An MCP tool that generates music from text prompts and creates
+				synchronized dance choreography for Reachy Mini robots.
+			</div>
+		</a>
+		<a
+			href="https://huggingface.co/spaces/MCP-1st-Birthday/mythforge"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden md:first:row-span-3 rounded-xl bg-orange-50 border border-orange-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow lg:ml-2 lg:flex-[1] my-8"
+		>
+			<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+				<span
+					class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				></span> 🏅
+			</div>
+			<div
+				class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+			>
+				<span>✧ MYTHFORGE ✧ - The Living Mythology Engine</span>
+			</div>
+			<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+				>hetanshwaghela</code
+			>
+			<div
+				class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+			>
+				An AI-powered mythology world generator that creates complete,
+				interconnected mythological universes from a single seed concept using
+				Gemini, LlamaIndex, and Gradio.
+			</div>
+		</a>
+	</div>
+</div>
+<!-- -->
+
+<div class="container mx-auto px-4 relative pt-8 mb-0">
+	<h1
+		class="mb-4 flex items-center text-2xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		Special Awards <span class="ml-1 font-semibold"> Winners</span>
+	</h1>
+
+	<h1
+		class="mb-8 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		<img src={modal_logo} alt="Modal Labs Logo" class="w-10 mr-2" />
+		Modal Innovation Award
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/legacy_code_modernizer"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="mb-8 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-green-50 border border-green-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-1 right-0 mr-4" style="font-size: 2.5rem;">
+			🏅
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>🤖 Legacy Code Modernizer</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>naazimsnh02</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			An autonomous AI agent that modernizes legacy codebases through
+			intelligent planning, reasoning, and execution using Model Context
+			Protocol (MCP) tools.
+		</div>
+	</a>
+
+	<h1
+		class="mb-8 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		<img src={llamaindex_logo} alt="LlamaIndex Logo" class="w-8 mr-2" />
+		LlamaIndex Category Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/DungeonMaster-AI"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="mb-4 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-blue-50 border border-blue-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-1 right-0 mr-4" style="font-size: 2.5rem;">
+			🏅
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>DungeonMaster AI</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>bhupesh-sf</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			Your AI-Powered D&D 5e Game Master with Voice Narration
+		</div>
+	</a>
+
+	<h1
+		class="mb-4 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		<img src={openai_logo} alt="OpenAI Logo" class="w-20 mr-2 dark:invert" />
+		Category Awards <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/Brand-Identity-Generator"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="mb-4 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-purple-50 border border-purple-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+			<span
+				class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				>Best API Integration</span
+			>
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>🖼️ AutoBrand Studio</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>omarash2016 & ABO4SAMRA & Mohamed-Hosny</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			An Autonomous Branding Agent that generates brand identity kits, including
+			logos, color palettes, social media content, and summarizes market
+			insights — all using MCP tools and autonomous reasoning.
+		</div>
+	</a>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/dental-chatgpt-app"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="mb-8 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-yellow-50 border border-yellow-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-0 right-0 mr-4" style="font-size: 2.5rem;">
+			<span
+				class="text-xl font-light p-1 rounded-md text-gray-700 dark:text-gray-200"
+				>Best ChatGPT App</span
+			>
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>🦷 Complete Dental AI Suite</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>Wildstash</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			7 Specialized MCP Tools for ChatGPT Integration
+		</div>
+	</a>
+
+	<h1
+		class="mb-8 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		<img src={blaxel_logo} alt="Blaxel Logo" class="w-7 mr-2" />
+		Blaxel Choice Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/BlaxML-Agent"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="mb-4 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-orange-50 border border-orange-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-1 right-0 mr-4" style="font-size: 2.5rem;">
+			🏅
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>BlaxML Agent</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>aniketppanchal</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			Autonomous Machine Learning MCP server powered by Blaxel
+		</div>
+	</a>
+
+	<h1
+		class="mb-8 mt-8 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		<img
+			src={elevenlabs_logo}
+			alt="Blaxel Logo"
+			class="w-32 mr-2 dark:invert"
+		/>
+		Category Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/Murder.Ai"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="mb-4 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-orange-50 border border-orange-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-1 right-0 mr-4" style="font-size: 2.5rem;">
+			🏅
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>Murder.Ai</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>Justxd22</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			Murder.Ai is an immersive, LLM-powered detective game where you
+			interrogate suspects, gather evidence, and solve procedurally generated
+			murder mysteries.
+		</div>
+	</a>
+
+	<h1
+		class="mb-8 mt-8 flex items-center text-xl align-middle font-light text-gray-900 dark:text-gray-100 right-0"
+	>
+		<img src={hf_logo} alt="Hugging Face Logo" class="w-7 mr-2" />
+		Community Choice Award <span class="ml-1 font-semibold"> Winner</span>
+	</h1>
+
+	<a
+		href="https://huggingface.co/spaces/MCP-1st-Birthday/anim-lab-ai"
+		target="_blank"
+		rel="noopener noreferrer"
+		class="mb-4 flex-grow shadow-alternate hover:scale-[1.02] group group relative flex flex-col overflow-hidden rounded-xl bg-orange-50 border border-orange-200 dark:bg-gray-800 dark:border-gray-700 px-3 pb-4 lg:pt-6 hover:shadow-alternate shadow-none transition-shadow align-middle lg:flex-[1.4]"
+	>
+		<div class="lg:absolute top-1 right-0 mr-4" style="font-size: 2.5rem;">
+			🏅
+		</div>
+		<div
+			class="relative mb-2 flex items-center text-lg font-semibold text-gray-900 dark:text-gray-100"
+		>
+			<span>Anim Lab AI</span>
+		</div>
+		<code class="font-light text-md mb-2 text-gray-500 dark:text-gray-300"
+			>ovi054</code
+		>
+		<div
+			class="relative pr-4 text-lg font-light text-gray-600 dark:text-gray-200"
+		>
+			Equip AI Agents with the power to visualize complex logic using Manim
+		</div>
+	</a>
+</div>
diff --git a/js/_website/src/routes/redirects.js b/js/_website/src/routes/redirects.js
new file mode 100644
index 0000000..669cd61
--- /dev/null
+++ b/js/_website/src/routes/redirects.js
@@ -0,0 +1,30 @@
+export const redirects = {
+	"/guides/creating-a-new-component":
+		"/guides/custom-components-in-five-minutes",
+	"/guides/five-minute-guide": "/guides/custom-components-in-five-minutes",
+	"/guides/key-features": "/guides/queuing",
+	"/quickstart": "/guides/quickstart",
+	"/sharing-your-app": "/guides/sharing-your-app",
+	"/introduction_to_blocks": "/guides/blocks-and-event-listeners",
+	"/getting_started": "/guides/quickstart",
+	"/guides/building-with-blocks": "/guides/blocks-and-event-listeners",
+	"/demos": "/docs",
+	"/playground": "/docs",
+	"/docs/client": "/docs/python-client/client",
+	"/docs/blocks": "/docs/gradio/blocks",
+	"/docs/audio": "/docs/gradio/audio",
+	"/docs/image": "/docs/gradio/image",
+	"/docs/textbox": "/docs/gradio/textbox",
+	"/docs/interface": "/docs/gradio/interface",
+	"/docs/python-client/python-client": "/docs/python-client/introduction",
+	"/guides/sharing-your-app#security-and-file-access": "/guides/file-access",
+	"/docs/gradio/interface#interface-queue": "/docs/gradio/interface",
+	"/using_hugging_face_integrations": "/guides/using-hugging-face-integrations",
+	"/main/guides/object-detection-from-webcam":
+		"/main/guides/object-detection-from-webcam-with-webrtc",
+	"/guides/chatbots/chat_interface_examples":
+		"/main/guides/chatinterface-examples",
+	"/guides/chatbots/creating-a-discord-bot-from-a-gradio-app":
+		"/guides/creating-a-discord-bot-from-a-gradio-app",
+	"/guides/chatbots/agents-and-tool-usage": "/guides/agents-and-tool-usage"
+};
diff --git a/js/_website/src/routes/search-api/+server.ts b/js/_website/src/routes/search-api/+server.ts
new file mode 100644
index 0000000..a57c662
--- /dev/null
+++ b/js/_website/src/routes/search-api/+server.ts
@@ -0,0 +1,148 @@
+import { json } from "@sveltejs/kit";
+import { render } from "svelte/server";
+
+export const prerender = true;
+
+function removeMarkdown(markdown) {
+	return markdown
+		.replace(/^#{1,6}\s+/gm, "")
+		.replace(/(\*\*|__)(.*?)\1/g, "$2")
+		.replace(/(\*|_)(.*?)\1/g, "$2")
+		.replace(/~~(.*?)~~/g, "$1")
+		.replace(/`([^`]+)`/g, "$1")
+		.replace(/```[\s\S]*?```/g, "")
+		.replace(/!\[.*?\]\(.*?\)/g, "")
+		.replace(/\[(.*?)\]\(.*?\)/g, "$1")
+		.replace(/^>\s+/gm, "")
+		.replace(/^---$/gm, "")
+		.replace(/^\s*[-+*]\s+/gm, "")
+		.replace(/^\s*\d+\.\s+/gm, "")
+		.replace(/\n{2,}/g, "\n")
+		.trim();
+}
+
+export async function GET() {
+	const gradio_doc_paths = import.meta.glob(
+		"/src/lib/templates/gradio/**/*.svx"
+	);
+	const gradio_doc_pages = await Promise.all(
+		Object.entries(gradio_doc_paths).map(async ([path, content]) => {
+			const module = await content();
+			const rendered = render(module.default, { props: {} });
+			content = rendered.body;
+			let match = content.match(/<h1[^>]*>(.*?)<\/h1>/i);
+			let title = "";
+			if (match && match[1]) {
+				title = match[1];
+			}
+			path = path.split("/").slice(-1)[0];
+			path = path.match(/(?:\d{2}_)?(.+)/i)[1];
+			path = "/main/docs/gradio/" + path.split(".svx")[0];
+
+			// content = content.replace(/<div class="codeblock"*>([^]*?)<\/div>/g, '')
+			content = content.replace(/<gradio-lite*?>([^]*?)<\/gradio-lite>/g, "");
+			content = content.replace(
+				/<pre[^>]*><code[^>]*>([^]*?)<\/code><\/pre>/g,
+				"```\n$1\n```"
+			);
+			content = content.replace(
+				/<span[^>]*>|<\/span>|<\/?[^>]*(token)[^>]*>/g,
+				""
+			);
+			content = content.replace(/<[^>]*>?/gm, "");
+			content = content.replace(/Open in 🎢.*?\n\t\t/g, "");
+
+			return {
+				title: title,
+				slug: path,
+				content: content,
+				type: "DOCS"
+			};
+		})
+	);
+
+	const client_doc_paths = import.meta.glob(
+		"/src/lib/templates/python-client/**/*.svx"
+	);
+	const client_doc_pages = await Promise.all(
+		Object.entries(client_doc_paths).map(async ([path, content]) => {
+			const module = await content();
+			const rendered = render(module.default, { props: {} });
+			content = rendered.body;
+			let match = content.match(/<h1[^>]*>(.*?)<\/h1>/i);
+			let title = "";
+			if (match && match[1]) {
+				title = match[1];
+			}
+			path = path.split("/").slice(-1)[0];
+			path = path.match(/(?:\d{2}_)?(.+)/i)[1];
+			path = "/main/docs/python-client/" + path.split(".svx")[0];
+
+			content = content.replace(
+				/<pre[^>]*?language-(\w+)[^>]*?><code[^>]*?>([^]*?)<\/code><\/pre>/g,
+				"```$1\n$2\n```"
+			);
+			content = content.replace(
+				/<span[^>]*>|<\/span>|<\/?[^>]*(token)[^>]*>/g,
+				""
+			);
+			content = content.replace(
+				/<gradio-lite[^>]*>([^]*?)<\/gradio-lite>/g,
+				"```python\n$1\n```"
+			);
+			content = content.replace(/<[^>]*>?/gm, "");
+
+			return {
+				title: title,
+				slug: path,
+				content: content,
+				type: "DOCS"
+			};
+		})
+	);
+
+	const guide_paths = import.meta.glob("/src/lib/json/guides/*.json");
+	delete guide_paths["/src/lib/json/guides/guides_by_category.json"];
+	delete guide_paths["/src/lib/json/guides/guide_names.json"];
+	const guide_pages = await Promise.all(
+		Object.entries(guide_paths).map(async ([path, content]) => {
+			content = await content();
+			content = content.default.guide;
+			return {
+				title: content.pretty_name,
+				slug: content.url,
+				content: removeMarkdown(content.content.replaceAll(/<[^>]*>?/gm, "")),
+				type: "GUIDE"
+			};
+		})
+	);
+
+	const jsons_path = import.meta.glob("/src/lib/json/docs.json");
+	const jsons_content = await jsons_path["/src/lib/json/docs.json"]();
+
+	const js_client_page = {
+		title: "JavaScript Client Library",
+		slug: "/docs/js-client",
+		content: removeMarkdown(jsons_content.default.js_client),
+		type: "DOCS"
+	};
+
+	const js_components = jsons_content.default.js;
+	const js_pages = await Promise.all(
+		Object.entries(js_components).map(async ([name, content]) => {
+			return {
+				title: name,
+				slug: "/docs/js/" + name,
+				content: removeMarkdown(content.replaceAll(/<[^>]*>?/gm, "")),
+				type: "DOCS"
+			};
+		})
+	);
+
+	let all_pages = gradio_doc_pages
+		.concat(client_doc_pages)
+		.concat(guide_pages)
+		.concat([js_client_page])
+		.concat(js_pages);
+	return json(all_pages);
+}
diff --git a/js/_website/src/routes/themes/+page.svelte b/js/_website/src/routes/themes/+page.svelte
new file mode 100644
index 0000000..b2ecd64
--- /dev/null
+++ b/js/_website/src/routes/themes/+page.svelte
@@ -0,0 +1,192 @@
+<script lang="ts">
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { goto } from "$app/navigation";
+	import { BUILTIN_THEMES } from "./gallery/utils";
+	import ThemeCard from "./gallery/ThemeCard.svelte";
+
+	const themes = [...BUILTIN_THEMES];
+	let preview_dark: boolean = false;
+
+	$: unique_fonts = [
+		...new Set(themes.flatMap((t) => [t.fonts.main, t.fonts.mono]))
+	];
+	$: font_url =
+		unique_fonts.length > 0
+			? `https://fonts.googleapis.com/css2?${unique_fonts.map((f) => `family=${f.replace(/ /g, "+")}:wght@400;500;600`).join("&")}&display=swap`
+			: "";
+
+	function handle_theme_click(theme_id: string) {
+		goto(`/themes/gallery?id=${theme_id}`);
+	}
+</script>
+
+<svelte:head>
+	<link rel="preconnect" href="https://fonts.googleapis.com" />
+	<link
+		rel="preconnect"
+		href="https://fonts.gstatic.com"
+		crossorigin="anonymous"
+	/>
+	{#if font_url}
+		<link href={font_url} rel="stylesheet" />
+	{/if}
+</svelte:head>
+
+<MetaTags
+	title="Gradio Themes"
+	url="/themes"
+	canonical="/themes"
+	description="Customize your Gradio apps with beautiful themes. Browse the gallery or create your own."
+/>
+
+<div class="container mx-auto px-4 pt-12 pb-16">
+	<div class="text-center mb-16">
+		<h1
+			class="text-4xl md:text-5xl font-bold text-gray-900 dark:text-gray-100 mb-4"
+		>
+			Customize Your Gradio Apps
+		</h1>
+		<p class="text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto mb-8">
+			Give your machine learning demos a unique look with Gradio's theming
+			system. Choose from official themes or create your own.
+		</p>
+		<div class="flex flex-wrap justify-center gap-4">
+			<a
+				href="/themes/gallery"
+				class="inline-flex items-center px-6 py-3 rounded-lg bg-orange-500 hover:bg-orange-600 text-white font-semibold transition-colors"
+			>
+				Browse Gallery
+				<svg
+					class="ml-2 w-4 h-4"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M9 5l7 7-7 7"
+					/>
+				</svg>
+			</a>
+		</div>
+	</div>
+
+	<div class="mb-16">
+		<div class="flex items-center justify-center gap-4 mb-6">
+			<h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100">
+				Official Themes
+			</h2>
+			<button
+				on:click={() => (preview_dark = !preview_dark)}
+				class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors {preview_dark
+					? 'bg-gray-800 text-white'
+					: 'bg-gray-100 dark:bg-neutral-700 text-gray-700 dark:text-gray-300'}"
+			>
+				{#if preview_dark}
+					<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
+						<path
+							d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
+						/>
+					</svg>
+					Dark
+				{:else}
+					<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
+						<path
+							fill-rule="evenodd"
+							d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
+							clip-rule="evenodd"
+						/>
+					</svg>
+					Light
+				{/if}
+			</button>
+		</div>
+		<div
+			class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4"
+		>
+			{#each themes as theme (theme.id)}
+				<ThemeCard
+					{theme}
+					dark={preview_dark}
+					on_click={() => handle_theme_click(theme.id)}
+				/>
+			{/each}
+		</div>
+	</div>
+
+	<div class="bg-gray-50 dark:bg-neutral-800 rounded-2xl p-8 mb-16">
+		<h2
+			class="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-4 text-center"
+		>
+			Quick Start
+		</h2>
+		<p class="text-gray-600 dark:text-gray-400 text-center mb-6">
+			Apply a theme to your Gradio app in just one line of code
+		</p>
+		<div
+			class="bg-gray-900 dark:bg-neutral-900 rounded-lg p-4 max-w-2xl mx-auto"
+		>
+			<pre class="text-sm text-gray-100 overflow-x-auto"><code
+					><span class="text-purple-400">import</span> gradio <span
+						class="text-purple-400">as</span
+					> gr
+
+<span class="text-purple-400">with</span
+					> gr.Blocks(theme=gr.themes.Soft()) <span class="text-purple-400"
+						>as</span
+					> demo:
+    gr.Markdown(<span class="text-green-400">"# Hello World"</span>)
+    gr.Textbox(label=<span class="text-green-400">"Input"</span>)
+    gr.Button(<span class="text-green-400">"Submit"</span>)</code
+				></pre>
+		</div>
+	</div>
+
+	<div class="text-center">
+		<h2 class="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-6">
+			Learn More
+		</h2>
+		<div class="flex flex-wrap justify-center gap-4">
+			<a
+				href="/guides/theming-guide"
+				class="inline-flex items-center px-4 py-2 rounded-lg bg-gray-100 dark:bg-neutral-800 hover:bg-gray-200 dark:hover:bg-neutral-700 text-gray-700 dark:text-gray-300 transition-colors"
+			>
+				<svg
+					class="mr-2 w-4 h-4"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"
+					/>
+				</svg>
+				Theming Guide
+			</a>
+			<a
+				href="/docs/gradio/themes"
+				class="inline-flex items-center px-4 py-2 rounded-lg bg-gray-100 dark:bg-neutral-800 hover:bg-gray-200 dark:hover:bg-neutral-700 text-gray-700 dark:text-gray-300 transition-colors"
+			>
+				<svg
+					class="mr-2 w-4 h-4"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"
+					/>
+				</svg>
+				API Reference
+			</a>
+		</div>
+	</div>
+</div>
diff --git a/js/_website/src/routes/themes/gallery/+page.svelte b/js/_website/src/routes/themes/gallery/+page.svelte
new file mode 100644
index 0000000..b1e1796
--- /dev/null
+++ b/js/_website/src/routes/themes/gallery/+page.svelte
@@ -0,0 +1,223 @@
+<script lang="ts">
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { browser } from "$app/environment";
+	import type { ThemeData } from "./types";
+	import ThemeCard from "./ThemeCard.svelte";
+	import ThemeDetailModal from "./ThemeDetailModal.svelte";
+	import { theme as siteTheme } from "$lib/stores/theme";
+
+	export let data: { themes: ThemeData[] };
+
+	type FilterType = "all" | "core" | "community";
+
+	$: all_themes = data.themes;
+	let themes: ThemeData[] = [];
+	let search_query: string = "";
+	let selected_theme: ThemeData | null = null;
+	let active_filter: FilterType = "all";
+	let preview_dark: boolean = $siteTheme === "dark";
+
+	$: core_count = all_themes.filter((t) => t.is_official).length;
+	$: community_count = all_themes.filter((t) => !t.is_official).length;
+
+	$: unique_fonts = [
+		...new Set(all_themes.flatMap((t) => [t.fonts.main, t.fonts.mono]))
+	];
+	$: font_url =
+		unique_fonts.length > 0
+			? `https://fonts.googleapis.com/css2?${unique_fonts.map((f) => `family=${f.replace(/ /g, "+")}:wght@400;500;600`).join("&")}&display=swap`
+			: "";
+	$: custom_stylesheets = [
+		...new Set(all_themes.flatMap((t) => t.stylesheets ?? []))
+	];
+
+	function filter_themes(query: string, filter: FilterType): ThemeData[] {
+		let filtered = all_themes;
+
+		if (filter === "core") {
+			filtered = filtered.filter((t) => t.is_official);
+		} else if (filter === "community") {
+			filtered = filtered.filter((t) => !t.is_official);
+		}
+
+		if (query.trim()) {
+			const lower_query = query.toLowerCase();
+			filtered = filtered.filter(
+				(theme) =>
+					theme.name.toLowerCase().includes(lower_query) ||
+					theme.description.toLowerCase().includes(lower_query) ||
+					theme.author.toLowerCase().includes(lower_query)
+			);
+		}
+
+		return filtered.sort((a, b) => {
+			if (a.is_official !== b.is_official) return a.is_official ? -1 : 1;
+			return b.likes - a.likes;
+		});
+	}
+
+	function handle_card_click(theme: ThemeData) {
+		selected_theme = theme;
+		if (browser) {
+			const url = new URL(window.location.href);
+			url.searchParams.set("id", theme.id);
+			window.history.replaceState({}, "", url.toString());
+		}
+	}
+
+	function handle_modal_close() {
+		selected_theme = null;
+		if (browser) {
+			const url = new URL(window.location.href);
+			url.searchParams.delete("id");
+			window.history.replaceState({}, "", url.toString());
+		}
+	}
+
+	function set_filter(filter: FilterType) {
+		active_filter = filter;
+	}
+
+	if (browser) {
+		const params = new URLSearchParams(window.location.search);
+		const id = params.get("id");
+		if (id) {
+			selected_theme = data.themes.find((t) => t.id === id) ?? null;
+		}
+	}
+
+	$: themes = filter_themes(search_query, active_filter);
+</script>
+
+<svelte:head>
+	<link rel="preconnect" href="https://fonts.googleapis.com" />
+	<link
+		rel="preconnect"
+		href="https://fonts.gstatic.com"
+		crossorigin="anonymous"
+	/>
+	{#if font_url}
+		<link href={font_url} rel="stylesheet" />
+	{/if}
+	{#each custom_stylesheets as sheet}
+		<link href={sheet} rel="stylesheet" />
+	{/each}
+</svelte:head>
+
+<MetaTags
+	title="Gradio Theme Gallery"
+	url="/themes/gallery"
+	canonical="/themes/gallery"
+	description="Browse and discover beautiful themes for your Gradio apps."
+/>
+
+<div class="container mx-auto px-4 pt-8 mb-16">
+	<div class="text-center mb-8">
+		<h1 class="text-3xl font-bold text-gray-900 dark:text-gray-100 mb-2">
+			Theme Gallery
+		</h1>
+		<p class="text-gray-600 dark:text-gray-400 text-md max-w-xl mx-auto">
+			Customize the look of your Gradio apps. Browse official and community
+			themes, preview colors and fonts, then copy the code to use them.
+		</p>
+	</div>
+
+	<div class="max-w-2xl mx-auto mb-6">
+		<input
+			type="text"
+			class="w-full border border-gray-200 dark:border-gray-700 dark:bg-neutral-800 dark:text-gray-200 p-2.5 rounded-lg outline-none text-center text-md focus:placeholder-transparent focus:border-orange-500 focus:ring-0"
+			placeholder="Search themes..."
+			autocomplete="off"
+			bind:value={search_query}
+		/>
+	</div>
+
+	<div class="flex items-center justify-center gap-2 mb-6">
+		<div class="flex gap-1">
+			<button
+				on:click={() => set_filter("all")}
+				class="px-2.5 py-1 rounded-full text-xs font-medium transition-colors {active_filter ===
+				'all'
+					? 'bg-orange-500 text-white'
+					: 'bg-gray-100 dark:bg-neutral-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-neutral-700'}"
+			>
+				All <span class="opacity-70">{all_themes.length}</span>
+			</button>
+			<button
+				on:click={() => set_filter("core")}
+				class="px-2.5 py-1 rounded-full text-xs font-medium transition-colors {active_filter ===
+				'core'
+					? 'bg-orange-500 text-white'
+					: 'bg-gray-100 dark:bg-neutral-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-neutral-700'}"
+			>
+				Core <span class="opacity-70">{core_count}</span>
+			</button>
+			{#if community_count > 0}
+				<button
+					on:click={() => set_filter("community")}
+					class="px-2.5 py-1 rounded-full text-xs font-medium transition-colors {active_filter ===
+					'community'
+						? 'bg-orange-500 text-white'
+						: 'bg-gray-100 dark:bg-neutral-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-neutral-700'}"
+				>
+					Community <span class="opacity-70">{community_count}</span>
+				</button>
+			{/if}
+		</div>
+		<button
+			on:click={() => (preview_dark = !preview_dark)}
+			class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors {preview_dark
+				? 'bg-gray-800 text-white'
+				: 'bg-gray-100 dark:bg-neutral-800 text-gray-700 dark:text-gray-300'}"
+			title="Toggle all previews between light and dark mode"
+		>
+			{#if preview_dark}
+				<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
+					<path
+						d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"
+					/>
+				</svg>
+				Dark
+			{:else}
+				<svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 20 20">
+					<path
+						fill-rule="evenodd"
+						d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"
+						clip-rule="evenodd"
+					/>
+				</svg>
+				Light
+			{/if}
+		</button>
+	</div>
+
+	<div
+		class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 gap-4 !m-0"
+	>
+		{#each themes as theme (theme.id)}
+			<ThemeCard
+				{theme}
+				dark={preview_dark}
+				on_click={() => handle_card_click(theme)}
+			/>
+		{/each}
+	</div>
+
+	{#if themes.length === 0}
+		<div class="text-center py-12">
+			<p class="text-gray-500 dark:text-gray-400">
+				{#if search_query}
+					No themes found matching "{search_query}"
+				{:else if active_filter === "community"}
+					No community themes yet.
+				{:else}
+					No themes found
+				{/if}
+			</p>
+		</div>
+	{/if}
+</div>
+
+{#if selected_theme}
+	<ThemeDetailModal theme={selected_theme} on_close={handle_modal_close} />
+{/if}
diff --git a/js/_website/src/routes/themes/gallery/+page.ts b/js/_website/src/routes/themes/gallery/+page.ts
new file mode 100644
index 0000000..ee9a93e
--- /dev/null
+++ b/js/_website/src/routes/themes/gallery/+page.ts
@@ -0,0 +1,12 @@
+import type { ThemeData } from "./types";
+import { BUILTIN_THEMES, fetch_community_themes } from "./utils";
+
+export async function load({ fetch }: { fetch: typeof globalThis.fetch }) {
+	let community_themes: ThemeData[] = [];
+	try {
+		community_themes = await fetch_community_themes(fetch);
+	} catch {
+		// fail silently — show builtins only
+	}
+	return { themes: [...BUILTIN_THEMES, ...community_themes] };
+}
diff --git a/js/_website/src/routes/themes/gallery/ThemeCard.svelte b/js/_website/src/routes/themes/gallery/ThemeCard.svelte
new file mode 100644
index 0000000..0e42bb0
--- /dev/null
+++ b/js/_website/src/routes/themes/gallery/ThemeCard.svelte
@@ -0,0 +1,240 @@
+<script lang="ts">
+	import type { ThemeData } from "./types";
+	import { is_color_dark } from "./utils";
+
+	export let theme: ThemeData;
+	export let on_click: () => void;
+	export let dark: boolean = false;
+
+	$: current_bg = dark ? theme.colors.background_dark : theme.colors.background;
+	$: is_dark = is_color_dark(current_bg);
+	$: is_btn_dark = is_color_dark(theme.colors.button_primary);
+	$: is_block_dark = is_color_dark(theme.colors.block_background);
+	$: card_text = is_dark ? "#ffffff" : theme.colors.text_color;
+	$: block_text = is_block_dark ? "#ffffff" : theme.colors.text_color;
+	$: label_color = is_block_dark ? "rgba(255,255,255,0.6)" : "rgba(0,0,0,0.45)";
+	$: track_color = is_block_dark ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.08)";
+
+	function mix_color(hex: string, opacity: number): string {
+		return `${hex}${Math.round(opacity * 255)
+			.toString(16)
+			.padStart(2, "0")}`;
+	}
+</script>
+
+<div
+	on:click={(event) => {
+		on_click();
+		event.stopPropagation();
+	}}
+	on:keydown={(event) => {
+		if (event.key === "Enter" || event.key === " ") {
+			on_click();
+			event.preventDefault();
+		}
+	}}
+	role="button"
+	tabindex="0"
+	class="card-container cursor-pointer group relative rounded-xl overflow-hidden border"
+	style="
+		background: {current_bg};
+		border-color: {is_dark ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.08)'};
+	"
+>
+	<div class="p-2.5">
+		<div
+			class="text-[11px] font-semibold truncate mb-2"
+			style="color: {card_text}; font-family: '{theme.fonts.main}', sans-serif;"
+		>
+			{theme.name}
+		</div>
+
+		<div class="flex gap-2">
+			<div class="flex-1 space-y-1.5">
+				<div
+					class="rounded p-1.5 border"
+					style="
+						background: {theme.colors.block_background};
+						border-color: {theme.colors.block_border};
+					"
+				>
+					<div
+						class="text-[8px] font-medium mb-0.5"
+						style="color: {label_color};"
+					>
+						Prompt
+					</div>
+					<div
+						class="text-[9px] leading-tight"
+						style="color: {block_text}; font-family: '{theme.fonts
+							.main}', sans-serif;"
+					>
+						A serene mountain...
+					</div>
+				</div>
+
+				<div
+					class="rounded p-1.5 border"
+					style="
+						background: {theme.colors.block_background};
+						border-color: {theme.colors.block_border};
+					"
+				>
+					<div class="flex justify-between items-center mb-1">
+						<span class="text-[8px] font-medium" style="color: {label_color};">
+							Steps
+						</span>
+						<span
+							class="text-[8px] font-mono"
+							style="color: {theme.colors.primary};"
+						>
+							25
+						</span>
+					</div>
+					<div
+						class="h-1 rounded-full relative"
+						style="background: {track_color};"
+					>
+						<div
+							class="absolute left-0 top-0 h-full rounded-full"
+							style="background: {theme.colors.primary}; width: 50%;"
+						></div>
+					</div>
+				</div>
+
+				<button
+					class="w-full py-1 rounded text-[9px] font-semibold"
+					style="
+						background: {theme.colors.button_primary};
+						color: {is_btn_dark ? '#ffffff' : '#000000'};
+					"
+				>
+					Generate
+				</button>
+			</div>
+
+			<div class="flex-1 space-y-1.5">
+				<div
+					class="rounded p-1.5 border"
+					style="
+						background: {theme.colors.block_background};
+						border-color: {theme.colors.block_border};
+					"
+				>
+					<div class="text-[7px] mb-0.5" style="color: {label_color};">
+						Font
+					</div>
+					<div
+						class="text-[10px] font-medium leading-tight"
+						style="color: {block_text}; font-family: '{theme.fonts
+							.main}', sans-serif;"
+					>
+						{theme.fonts.main}
+					</div>
+				</div>
+
+				<div
+					class="rounded p-1.5 border flex items-center gap-1.5"
+					style="
+						background: {theme.colors.block_background};
+						border-color: {theme.colors.block_border};
+					"
+				>
+					<div
+						class="w-3 h-3 rounded-sm flex items-center justify-center"
+						style="background: {theme.colors.primary};"
+					>
+						<svg
+							class="w-2 h-2 text-white"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="3"
+								d="M5 13l4 4L19 7"
+							/>
+						</svg>
+					</div>
+					<span class="text-[8px]" style="color: {block_text};">Enabled</span>
+				</div>
+
+				<button
+					class="w-full py-1 rounded text-[8px] font-medium border"
+					style="
+						background: transparent;
+						border-color: {theme.colors.button_secondary_border};
+						color: {theme.colors.button_secondary_text};
+					"
+				>
+					Secondary
+				</button>
+			</div>
+		</div>
+	</div>
+	<div
+		class="px-2.5 py-1.5 flex items-center justify-between border-t"
+		style="
+			background: {is_dark ? 'rgba(255,255,255,0.02)' : 'rgba(0,0,0,0.02)'};
+			border-color: {is_dark ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.05)'};
+		"
+	>
+		<div class="flex items-center gap-1.5">
+			{#if theme.is_official}
+				<span
+					class="px-1 py-0.5 rounded text-[8px] font-medium"
+					style="
+						background: {mix_color(theme.colors.primary, 0.15)};
+						color: {theme.colors.primary};
+					"
+				>
+					Official
+				</span>
+			{:else if theme.likes > 0}
+				<span
+					class="flex items-center gap-0.5 text-[8px]"
+					style="color: {label_color};"
+				>
+					<svg class="w-2 h-2" fill="currentColor" viewBox="0 0 20 20">
+						<path
+							fill-rule="evenodd"
+							d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"
+							clip-rule="evenodd"
+						/>
+					</svg>
+					{theme.likes}
+				</span>
+			{/if}
+		</div>
+		<div class="flex items-center gap-1">
+			<div
+				class="w-2.5 h-2.5 rounded-full"
+				style="background: {theme.colors
+					.button_primary}; box-shadow: 0 0 0 1px {is_dark
+					? 'rgba(255,255,255,0.1)'
+					: 'rgba(0,0,0,0.1)'};"
+			></div>
+			<div
+				class="w-2.5 h-2.5 rounded-full"
+				style="background: {theme.colors
+					.neutral}; box-shadow: 0 0 0 1px {is_dark
+					? 'rgba(255,255,255,0.1)'
+					: 'rgba(0,0,0,0.1)'};"
+			></div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.card-container {
+		transition:
+			transform 0.2s ease,
+			box-shadow 0.2s ease;
+	}
+	.card-container:hover {
+		transform: translateY(-4px);
+		box-shadow: 0 20px 40px -12px rgba(0, 0, 0, 0.25);
+	}
+</style>
diff --git a/js/_website/src/routes/themes/gallery/ThemeDetailModal.svelte b/js/_website/src/routes/themes/gallery/ThemeDetailModal.svelte
new file mode 100644
index 0000000..e3baad3
--- /dev/null
+++ b/js/_website/src/routes/themes/gallery/ThemeDetailModal.svelte
@@ -0,0 +1,301 @@
+<script lang="ts">
+	import type { ThemeData } from "./types";
+	import { clickOutside, is_color_dark } from "./utils";
+
+	export let theme: ThemeData;
+	export let on_close: () => void;
+
+	let link_copied = false;
+	let code_copied = false;
+
+	$: usage_code = theme.is_official
+		? `import gradio as gr
+
+with gr.Blocks(theme=gr.themes.${theme.name}()) as demo:
+    ...`
+		: `import gradio as gr
+
+with gr.Blocks(theme=gr.Theme.from_hub("${theme.id}")) as demo:
+    ...`;
+
+	$: has_preview = !theme.is_official && theme.subdomain;
+
+	function copy_link() {
+		const url = new URL(window.location.href);
+		url.searchParams.set("id", theme.id);
+		navigator.clipboard.writeText(url.toString()).then(() => {
+			link_copied = true;
+			setTimeout(() => {
+				link_copied = false;
+			}, 1500);
+		});
+	}
+
+	function copy_code() {
+		navigator.clipboard.writeText(usage_code).then(() => {
+			code_copied = true;
+			setTimeout(() => {
+				code_copied = false;
+			}, 1500);
+		});
+	}
+</script>
+
+<svelte:window on:keydown={(e) => e.key === "Escape" && on_close()} />
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
+	class="fixed inset-0 bg-black/40 backdrop-blur-sm z-[999]"
+	on:click={on_close}
+></div>
+
+<div
+	class="details-panel border border-gray-200 dark:border-gray-700 shadow-xl rounded-xl bg-white dark:bg-neutral-900 flex flex-col overflow-auto"
+	class:has-preview={has_preview}
+	use:clickOutside={on_close}
+>
+	<div
+		class="flex justify-between items-start p-5 pb-4 border-b border-gray-100 dark:border-neutral-800 shrink-0"
+	>
+		<div>
+			<h2 class="text-xl font-bold text-gray-900 dark:text-gray-100">
+				{theme.name}
+			</h2>
+			<p class="text-gray-600 dark:text-gray-400 text-sm mt-0.5">
+				by @{theme.author}
+				{#if theme.is_official}
+					<span
+						class="ml-2 bg-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-200 px-2 py-0.5 rounded-md text-xs font-medium"
+					>
+						Official
+					</span>
+				{/if}
+			</p>
+		</div>
+		<div class="flex gap-2">
+			{#if !link_copied}
+				<button
+					on:click={copy_link}
+					class="rounded-md px-3 py-1.5 text-xs font-semibold text-white bg-orange-400 hover:bg-orange-500 transition-colors"
+				>
+					Share
+				</button>
+			{:else}
+				<span
+					class="rounded-md px-3 py-1.5 text-xs font-semibold text-white bg-green-500"
+				>
+					Copied!
+				</span>
+			{/if}
+			<button
+				on:click={on_close}
+				class="rounded-md p-1.5 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-neutral-800 transition-colors"
+				aria-label="Close"
+			>
+				<svg
+					class="w-4 h-4"
+					fill="none"
+					stroke="currentColor"
+					viewBox="0 0 24 24"
+				>
+					<path
+						stroke-linecap="round"
+						stroke-linejoin="round"
+						stroke-width="2"
+						d="M6 18L18 6M6 6l12 12"
+					/>
+				</svg>
+			</button>
+		</div>
+	</div>
+
+	<div class="bento-body p-5 overflow-auto" class:has-preview={has_preview}>
+		{#if has_preview}
+			<div class="bento-preview">
+				<div
+					class="preview-wrapper rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden w-full h-full"
+				>
+					<iframe
+						src={theme.subdomain}
+						title="{theme.name} preview"
+						class="preview-iframe border-0 origin-top-left"
+						loading="lazy"
+					></iframe>
+				</div>
+			</div>
+		{/if}
+
+		<div class="bento-details flex flex-col gap-4">
+			<div>
+				<h3
+					class="text-xs font-semibold text-gray-500 dark:text-gray-400 mb-2 uppercase tracking-wide"
+				>
+					Colors
+				</h3>
+				<div class="flex gap-2">
+					{#each [{ label: "Primary", color: theme.colors.primary }, { label: "Accent", color: theme.colors.secondary }, { label: "Neutral", color: theme.colors.neutral }, { label: "Background", color: theme.colors.background }, { label: "Background Dark", color: theme.colors.background_dark }] as { label, color }}
+						<div class="flex-1 flex flex-col">
+							<div
+								class="h-10 rounded-md border border-gray-200 dark:border-gray-700 flex items-end justify-start p-1"
+								style="background-color: {color};"
+							>
+								<span
+									class="text-[9px] font-mono px-1 rounded"
+									style="color: {is_color_dark(color)
+										? '#fff'
+										: '#000'}; background: {is_color_dark(color)
+										? 'rgba(0,0,0,0.2)'
+										: 'rgba(255,255,255,0.7)'};"
+								>
+									{color}
+								</span>
+							</div>
+							<span
+								class="text-[10px] text-gray-500 dark:text-gray-400 mt-1 text-center"
+								>{label}</span
+							>
+						</div>
+					{/each}
+				</div>
+			</div>
+
+			<div class="grid grid-cols-2 gap-3">
+				<div
+					class="bg-gray-50 dark:bg-neutral-800 rounded-lg p-3 border border-gray-200 dark:border-gray-700"
+				>
+					<span
+						class="text-[10px] text-gray-500 dark:text-gray-400 uppercase tracking-wide"
+						>Main Font</span
+					>
+					<p
+						class="text-base mt-0.5 text-gray-900 dark:text-gray-100"
+						style="font-family: '{theme.fonts.main}', sans-serif;"
+					>
+						{theme.fonts.main}
+					</p>
+				</div>
+				<div
+					class="bg-gray-50 dark:bg-neutral-800 rounded-lg p-3 border border-gray-200 dark:border-gray-700"
+				>
+					<span
+						class="text-[10px] text-gray-500 dark:text-gray-400 uppercase tracking-wide"
+						>Mono Font</span
+					>
+					<p
+						class="text-base mt-0.5 text-gray-900 dark:text-gray-100"
+						style="font-family: '{theme.fonts.mono}', monospace;"
+					>
+						{theme.fonts.mono}
+					</p>
+				</div>
+			</div>
+
+			<div>
+				<div class="flex items-center justify-between mb-2">
+					<h3
+						class="text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wide"
+					>
+						Usage
+					</h3>
+					<button
+						on:click={copy_code}
+						class="text-[10px] px-2 py-0.5 rounded transition-colors {code_copied
+							? 'bg-green-500 text-white'
+							: 'bg-gray-200 dark:bg-neutral-700 text-gray-600 dark:text-gray-300 hover:bg-gray-300 dark:hover:bg-neutral-600'}"
+					>
+						{code_copied ? "Copied!" : "Copy"}
+					</button>
+				</div>
+				<pre
+					class="bg-gray-900 dark:bg-neutral-950 text-gray-100 rounded-lg p-3 text-xs overflow-x-auto border border-gray-700"><code
+						>{usage_code}</code
+					></pre>
+			</div>
+
+			{#if !theme.is_official}
+				<div class="flex justify-center">
+					<a
+						href="https://huggingface.co/spaces/{theme.id}"
+						target="_blank"
+						class="inline-flex items-center gap-2 px-3 py-1.5 rounded-lg text-xs font-medium transition-colors bg-gray-100 dark:bg-neutral-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-neutral-700"
+					>
+						<svg
+							class="w-3.5 h-3.5"
+							fill="none"
+							stroke="currentColor"
+							viewBox="0 0 24 24"
+						>
+							<path
+								stroke-linecap="round"
+								stroke-linejoin="round"
+								stroke-width="2"
+								d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+							/>
+						</svg>
+						View on Hugging Face
+					</a>
+				</div>
+			{/if}
+		</div>
+	</div>
+</div>
+
+<style>
+	.details-panel {
+		position: fixed;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		max-height: 90vh;
+		width: 95%;
+		max-width: 600px;
+		z-index: 1000;
+	}
+
+	.details-panel.has-preview {
+		max-width: 900px;
+	}
+
+	.bento-body {
+		display: flex;
+		flex-direction: column;
+		gap: 1.25rem;
+	}
+
+	.bento-body.has-preview {
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		gap: 1.25rem;
+		align-items: start;
+	}
+
+	.bento-preview {
+		aspect-ratio: 1;
+		overflow: hidden;
+		border-radius: 0.5rem;
+	}
+
+	.preview-wrapper {
+		position: relative;
+		width: 100%;
+		height: 100%;
+	}
+
+	.preview-iframe {
+		width: 250%;
+		height: 250%;
+		transform: scale(0.4);
+		transform-origin: top left;
+	}
+
+	@media (max-width: 768px) {
+		.bento-body.has-preview {
+			grid-template-columns: 1fr;
+		}
+
+		.bento-preview {
+			max-height: 250px;
+		}
+	}
+</style>
diff --git a/js/_website/src/routes/themes/gallery/types.ts b/js/_website/src/routes/themes/gallery/types.ts
new file mode 100644
index 0000000..fa2aeac
--- /dev/null
+++ b/js/_website/src/routes/themes/gallery/types.ts
@@ -0,0 +1,56 @@
+export type ThemeStatus =
+	| "RUNNING"
+	| "BUILDING"
+	| "BUILD_ERROR"
+	| "RUNTIME_ERROR"
+	| "PAUSED"
+	| "SLEEPING"
+	| "STOPPED"
+	| "NO_APP_FILE"
+	| "UNKNOWN";
+
+export type ThemeData = {
+	id: string;
+	name: string;
+	author: string;
+	description: string;
+	is_official: boolean;
+	likes: number;
+	hf_space_id: string;
+	subdomain: string;
+	background_color: string;
+	status: ThemeStatus;
+	colors: {
+		primary: string;
+		secondary: string;
+		neutral: string;
+		background: string;
+		background_dark: string;
+		block_background: string;
+		block_border: string;
+		text_color: string;
+		button_primary: string;
+		button_secondary_border: string;
+		button_secondary_text: string;
+	};
+	fonts: {
+		main: string;
+		mono: string;
+	};
+	stylesheets?: string[];
+};
+
+export type HfSpaceEntry = {
+	id: string;
+	likes: number;
+	subdomain: string;
+	runtime?: {
+		stage?: string;
+	};
+	cardData?: {
+		title?: string;
+		short_description?: string;
+		colorFrom?: string;
+		colorTo?: string;
+	};
+};
diff --git a/js/_website/src/routes/themes/gallery/utils.ts b/js/_website/src/routes/themes/gallery/utils.ts
new file mode 100644
index 0000000..4d9b73d
--- /dev/null
+++ b/js/_website/src/routes/themes/gallery/utils.ts
@@ -0,0 +1,601 @@
+import type { ThemeData, ThemeStatus, HfSpaceEntry } from "./types";
+
+const HF_API_URL =
+	"https://huggingface.co/api/spaces?filter=gradio-theme&limit=500&sort=lastModified&direction=-1&expand[]=subdomain&expand[]=likes&expand[]=runtime&expand[]=cardData";
+
+const DEFAULT_COLORS = {
+	primary: "#3b82f6",
+	secondary: "#3b82f6",
+	neutral: "#71717a",
+	background: "#ffffff",
+	background_dark: "#0b0f19",
+	block_background: "#ffffff",
+	block_border: "#e4e4e7",
+	text_color: "#1f2937",
+	button_primary: "#3b82f6",
+	button_secondary_border: "#e4e4e7",
+	button_secondary_text: "#71717a"
+};
+
+const DEFAULT_FONTS = {
+	main: "IBM Plex Sans",
+	mono: "IBM Plex Mono"
+};
+
+function format_theme_name(id: string): string {
+	const name = id.split("/").pop() || id;
+	return name.replace(/[-_]/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+}
+
+const CSS_NAMED_COLORS: Record<string, string> = {
+	black: "#000000",
+	white: "#ffffff",
+	red: "#ff0000",
+	green: "#008000",
+	blue: "#0000ff",
+	yellow: "#ffff00",
+	cyan: "#00ffff",
+	magenta: "#ff00ff",
+	purple: "#800080",
+	orange: "#ffa500",
+	pink: "#ffc0cb",
+	gray: "#808080",
+	grey: "#808080",
+	teal: "#008080",
+	navy: "#000080",
+	maroon: "#800000",
+	lime: "#00ff00",
+	aqua: "#00ffff",
+	silver: "#c0c0c0",
+	olive: "#808000",
+	fuchsia: "#ff00ff",
+	indigo: "#4b0082",
+	violet: "#ee82ee",
+	coral: "#ff7f50",
+	salmon: "#fa8072",
+	tomato: "#ff6347",
+	gold: "#ffd700",
+	khaki: "#f0e68c",
+	plum: "#dda0dd",
+	orchid: "#da70d6",
+	tan: "#d2b48c",
+	crimson: "#dc143c",
+	turquoise: "#40e0d0"
+};
+
+const HEX_6_RE = /^#[0-9a-fA-F]{6}$/;
+const HEX_SHORT_RE = /^#([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])$/;
+const HEX_ANY_RE = /^#[0-9a-fA-F]{3,8}$/;
+const HEX_IN_VALUE_RE = /#[0-9a-fA-F]{3,8}/;
+const VAR_REF_RE = /^var\(--([\w-]+)\)$/;
+const CSS_VAR_DECL_RE = /--([\w-]+):\s*([^;]+);/g;
+const MAX_VAR_RESOLVE_DEPTH = 10;
+
+function normalize_hex(hex: string): string {
+	const short = HEX_SHORT_RE.exec(hex);
+	if (short) {
+		return `#${short[1]}${short[1]}${short[2]}${short[2]}${short[3]}${short[3]}`;
+	}
+	return hex;
+}
+
+function extract_hex_color(value: string | undefined): string | undefined {
+	if (!value) return undefined;
+	const trimmed = value.trim();
+	if (HEX_ANY_RE.test(trimmed)) return normalize_hex(trimmed);
+	const named = CSS_NAMED_COLORS[trimmed.toLowerCase()];
+	if (named) return named;
+	const hex_match = trimmed.match(HEX_IN_VALUE_RE);
+	if (hex_match) return normalize_hex(hex_match[0]);
+	return undefined;
+}
+
+export function hex_to_rgb(
+	hex: string
+): { r: number; g: number; b: number } | null {
+	const normalized = normalize_hex(hex);
+	const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
+	return result
+		? {
+				r: parseInt(result[1], 16),
+				g: parseInt(result[2], 16),
+				b: parseInt(result[3], 16)
+			}
+		: null;
+}
+
+export function is_color_dark(hex: string): boolean {
+	const rgb = hex_to_rgb(hex);
+	if (!rgb) return false;
+	const luminance = (0.299 * rgb.r + 0.587 * rgb.g + 0.114 * rgb.b) / 255;
+	return luminance < 0.5;
+}
+
+function parse_css_vars(css: string): Record<string, string> {
+	const vars: Record<string, string> = {};
+	let match;
+	CSS_VAR_DECL_RE.lastIndex = 0;
+	while ((match = CSS_VAR_DECL_RE.exec(css)) !== null) {
+		vars[match[1]] = match[2].trim();
+	}
+	return vars;
+}
+
+function resolve_css_var(
+	vars: Record<string, string>,
+	name: string,
+	depth = 0
+): string | undefined {
+	const value = vars[name];
+	if (!value || depth > MAX_VAR_RESOLVE_DEPTH) return undefined;
+	const ref = value.match(VAR_REF_RE);
+	if (ref && ref[1]) {
+		return resolve_css_var(vars, ref[1], depth + 1);
+	}
+	return value;
+}
+
+const FETCH_TIMEOUT_MS = 5000;
+
+type SpaceConfig = {
+	body_css?: {
+		body_background_fill?: string;
+		body_text_color?: string;
+		body_background_fill_dark?: string;
+		body_text_color_dark?: string;
+	};
+};
+
+function first_font_family(raw: string | undefined): string | undefined {
+	return raw
+		?.split(",")[0]
+		?.trim()
+		?.replace(/^['"]|['"]$/g, "");
+}
+
+function fetch_with_timeout(
+	url: string,
+	fetcher: typeof fetch
+): Promise<Response> {
+	const controller = new AbortController();
+	const timeout = setTimeout(() => controller.abort(), FETCH_TIMEOUT_MS);
+	return fetcher(url, {
+		signal: controller.signal,
+		referrerPolicy: "no-referrer"
+	}).finally(() => clearTimeout(timeout));
+}
+
+async function fetch_theme_details(
+	subdomain: string,
+	fetcher: typeof fetch
+): Promise<{
+	colors: ThemeData["colors"];
+	fonts: ThemeData["fonts"];
+}> {
+	const fallback = { colors: DEFAULT_COLORS, fonts: DEFAULT_FONTS };
+	try {
+		const [css_res, config_res] = await Promise.all([
+			fetch_with_timeout(`${subdomain}/theme.css`, fetcher),
+			fetch_with_timeout(`${subdomain}/config`, fetcher)
+		]);
+
+		if (!css_res.ok) return fallback;
+		const css = await css_res.text();
+		const vars = parse_css_vars(css);
+
+		// /config provides pre-resolved background colors; /theme.css may have unresolved var() chains
+		let body_css: SpaceConfig["body_css"] = undefined;
+		if (config_res.ok) {
+			try {
+				const config: SpaceConfig = await config_res.json();
+				body_css = config.body_css;
+			} catch {
+				// ignore parse errors
+			}
+		}
+
+		const resolved_accent = extract_hex_color(
+			resolve_css_var(vars, "color-accent")
+		);
+
+		const primary =
+			extract_hex_color(resolve_css_var(vars, "primary-500")) ??
+			resolved_accent ??
+			DEFAULT_COLORS.primary;
+
+		const accent = resolved_accent ?? primary;
+
+		const neutral =
+			extract_hex_color(resolve_css_var(vars, "neutral-500")) ??
+			DEFAULT_COLORS.neutral;
+
+		const background =
+			extract_hex_color(body_css?.body_background_fill) ??
+			extract_hex_color(resolve_css_var(vars, "body-background-fill")) ??
+			DEFAULT_COLORS.background;
+
+		const background_dark =
+			extract_hex_color(body_css?.body_background_fill_dark) ??
+			extract_hex_color(resolve_css_var(vars, "body-background-fill-dark")) ??
+			DEFAULT_COLORS.background_dark;
+
+		const block_background =
+			extract_hex_color(resolve_css_var(vars, "block-background-fill")) ??
+			DEFAULT_COLORS.block_background;
+
+		const block_border =
+			extract_hex_color(resolve_css_var(vars, "block-border-color")) ??
+			DEFAULT_COLORS.block_border;
+
+		const text_color =
+			extract_hex_color(resolve_css_var(vars, "body-text-color")) ??
+			DEFAULT_COLORS.text_color;
+
+		const button_primary =
+			extract_hex_color(
+				resolve_css_var(vars, "button-primary-background-fill")
+			) ?? primary;
+
+		const button_secondary_border =
+			extract_hex_color(
+				resolve_css_var(vars, "button-secondary-border-color")
+			) ?? neutral;
+
+		const button_secondary_text =
+			extract_hex_color(resolve_css_var(vars, "button-secondary-text-color")) ??
+			neutral;
+
+		return {
+			colors: {
+				primary,
+				secondary: accent,
+				neutral,
+				background,
+				background_dark,
+				block_background,
+				block_border,
+				text_color,
+				button_primary,
+				button_secondary_border,
+				button_secondary_text
+			},
+			fonts: {
+				main:
+					first_font_family(resolve_css_var(vars, "font")) ||
+					DEFAULT_FONTS.main,
+				mono:
+					first_font_family(resolve_css_var(vars, "font-mono")) ||
+					DEFAULT_FONTS.mono
+			}
+		};
+	} catch {
+		return fallback;
+	}
+}
+
+export async function fetch_community_themes(
+	fetcher: typeof fetch = fetch
+): Promise<ThemeData[]> {
+	try {
+		const res = await fetcher(HF_API_URL, { referrerPolicy: "no-referrer" });
+		if (!res.ok) return [];
+		const spaces: HfSpaceEntry[] = await res.json();
+
+		const running_spaces = spaces.filter(
+			(space) => space.runtime?.stage === "RUNNING"
+		);
+
+		const results = await Promise.allSettled(
+			running_spaces.map(async (space) => {
+				const subdomain = `https://${space.subdomain}.hf.space`;
+				const details = await fetch_theme_details(subdomain, fetcher);
+
+				return {
+					id: space.id,
+					name: space.cardData?.title || format_theme_name(space.id),
+					author: space.id.split("/")[0],
+					description: space.cardData?.short_description || "",
+					is_official: false,
+					likes: space.likes,
+					hf_space_id: space.id,
+					subdomain,
+					background_color: "",
+					status: "RUNNING" as ThemeStatus,
+					colors: details.colors,
+					fonts: details.fonts
+				};
+			})
+		);
+
+		return results
+			.filter(
+				(r): r is PromiseFulfilledResult<ThemeData> => r.status === "fulfilled"
+			)
+			.map((r) => r.value);
+	} catch {
+		return [];
+	}
+}
+
+export const COLOR_SETS = [
+	"from-red-50 via-red-100 to-red-50 dark:from-red-950 dark:via-red-900 dark:to-red-950",
+	"from-green-50 via-green-100 to-green-50 dark:from-green-950 dark:via-green-900 dark:to-green-950",
+	"from-yellow-50 via-yellow-100 to-yellow-50 dark:from-yellow-950 dark:via-yellow-900 dark:to-yellow-950",
+	"from-pink-50 via-pink-100 to-pink-50 dark:from-pink-950 dark:via-pink-900 dark:to-pink-950",
+	"from-blue-50 via-blue-100 to-blue-50 dark:from-blue-950 dark:via-blue-900 dark:to-blue-950",
+	"from-purple-50 via-purple-100 to-purple-50 dark:from-purple-950 dark:via-purple-900 dark:to-purple-950"
+];
+
+export const BUILTIN_THEMES: ThemeData[] = [
+	{
+		id: "base",
+		name: "Base",
+		author: "Gradio",
+		description:
+			"The foundation theme with blue accents. A clean, minimal starting point.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#3b82f6",
+			secondary: "#3b82f6",
+			neutral: "#71717a",
+			background: "#ffffff",
+			background_dark: "#0b0f19",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#3b82f6",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#71717a"
+		},
+		fonts: {
+			main: "IBM Plex Sans",
+			mono: "IBM Plex Mono"
+		}
+	},
+	{
+		id: "default",
+		name: "Default",
+		author: "Gradio",
+		description: "The standard Gradio theme with warm orange accents.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#f97316",
+			secondary: "#3b82f6",
+			neutral: "#71717a",
+			background: "#ffffff",
+			background_dark: "#0b0f19",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#f97316",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#71717a"
+		},
+		fonts: {
+			main: "Source Sans Pro",
+			mono: "IBM Plex Mono"
+		}
+	},
+	{
+		id: "soft",
+		name: "Soft",
+		author: "Gradio",
+		description: "A soft, rounded theme with indigo accents and gentle curves.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#6366f1",
+			secondary: "#6366f1",
+			neutral: "#6b7280",
+			background: "#ffffff",
+			background_dark: "#0b0f19",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#6366f1",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#6b7280"
+		},
+		fonts: {
+			main: "Montserrat",
+			mono: "IBM Plex Mono"
+		}
+	},
+	{
+		id: "monochrome",
+		name: "Monochrome",
+		author: "Gradio",
+		description: "A sleek black and white theme for a professional look.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#171717",
+			secondary: "#737373",
+			neutral: "#737373",
+			background: "#ffffff",
+			background_dark: "#0f0f0f",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#171717",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#737373"
+		},
+		fonts: {
+			main: "Lora",
+			mono: "IBM Plex Mono"
+		}
+	},
+	{
+		id: "glass",
+		name: "Glass",
+		author: "Gradio",
+		description: "A modern glassmorphic theme with translucent elements.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#3b82f6",
+			secondary: "#64748b",
+			neutral: "#64748b",
+			background: "#ffffff",
+			background_dark: "#1e293b",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#3b82f6",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#64748b"
+		},
+		fonts: {
+			main: "Optima",
+			mono: "IBM Plex Mono"
+		}
+	},
+	{
+		id: "origin",
+		name: "Origin",
+		author: "Gradio",
+		description:
+			"The classic Gradio 3.x style theme for a familiar experience.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#f97316",
+			secondary: "#3b82f6",
+			neutral: "#6b7280",
+			background: "#ffffff",
+			background_dark: "#0b0f19",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#f97316",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#6b7280"
+		},
+		fonts: {
+			main: "Source Sans Pro",
+			mono: "IBM Plex Mono"
+		}
+	},
+	{
+		id: "citrus",
+		name: "Citrus",
+		author: "Gradio",
+		description: "A bright, energetic theme with fresh lime green accents.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#84cc16",
+			secondary: "#f59e0b",
+			neutral: "#78716c",
+			background: "#ffffff",
+			background_dark: "#0b0f19",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#84cc16",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#78716c"
+		},
+		fonts: {
+			main: "Ubuntu",
+			mono: "Roboto Mono"
+		}
+	},
+	{
+		id: "ocean",
+		name: "Ocean",
+		author: "Gradio",
+		description: "A calming theme inspired by ocean blues and cyans.",
+		is_official: true,
+		likes: 0,
+		hf_space_id: "",
+		subdomain: "",
+		background_color: "",
+		status: "RUNNING",
+		colors: {
+			primary: "#06b6d4",
+			secondary: "#0ea5e9",
+			neutral: "#71717a",
+			background: "#ffffff",
+			background_dark: "#0b0f19",
+			block_background: "#ffffff",
+			block_border: "#e4e4e7",
+			text_color: "#1f2937",
+			button_primary: "#06b6d4",
+			button_secondary_border: "#e4e4e7",
+			button_secondary_text: "#71717a"
+		},
+		fonts: {
+			main: "IBM Plex Sans",
+			mono: "IBM Plex Mono"
+		}
+	}
+];
+
+export function clickOutside(
+	element: HTMLDivElement,
+	callbackFunction: () => void
+) {
+	function onClick(event: MouseEvent) {
+		const target = event.target as HTMLElement;
+		if (
+			!element.contains(target) &&
+			!(target.textContent && target.textContent === "Share")
+		) {
+			callbackFunction();
+		}
+	}
+
+	document.body.addEventListener("click", onClick);
+
+	return {
+		update(newCallbackFunction: () => void) {
+			callbackFunction = newCallbackFunction;
+		},
+		destroy() {
+			document.body.removeEventListener("click", onClick);
+		}
+	};
+}
+
+export function assignColors(themes: ThemeData[]): void {
+	let counter = 0;
+	for (const theme of themes) {
+		if (counter >= COLOR_SETS.length) {
+			counter = 0;
+		}
+		theme.background_color = COLOR_SETS[counter];
+		counter++;
+	}
+}
diff --git a/js/_website/src/routes/version.json b/js/_website/src/routes/version.json
new file mode 100644
index 0000000..1c07274
--- /dev/null
+++ b/js/_website/src/routes/version.json
@@ -0,0 +1 @@
+{ "version": "3.39.0" }
diff --git a/js/_website/src/routes/workflow/+page.svelte b/js/_website/src/routes/workflow/+page.svelte
new file mode 100644
index 0000000..ec9e52b
--- /dev/null
+++ b/js/_website/src/routes/workflow/+page.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import MetaTags from "$lib/components/MetaTags.svelte";
+	import { onMount } from "svelte";
+
+	onMount(() => {
+		document.body.style.overflow = "hidden";
+		return () => {
+			document.body.style.overflow = "";
+		};
+	});
+</script>
+
+<MetaTags
+	title="Workflow | Gradio"
+	url="https://gradio.app/workflow"
+	canonical="https://gradio.app/workflow"
+	description="Gradio Workflow — build and run workflows visually."
+/>
+
+<main class="fixed inset-0 z-50 bg-white dark:bg-neutral-900">
+	<iframe
+		src="https://gradio-workflow.hf.space"
+		title="Gradio Workflow"
+		class="w-full h-full border-0 block"
+		allow="accelerometer; camera; clipboard-read; clipboard-write; encrypted-media; fullscreen; geolocation; gyroscope; microphone; midi; payment"
+		sandbox="allow-forms allow-modals allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-downloads"
+		loading="eager"
+	></iframe>
+</main>
diff --git a/js/_website/static/assets/gradio.svg b/js/_website/static/assets/gradio.svg
new file mode 100644
index 0000000..ff8df41
--- /dev/null
+++ b/js/_website/static/assets/gradio.svg
@@ -0,0 +1,20 @@
+<svg width="2016" height="703" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#232D36"/>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/_website/static/dog.jpg b/js/_website/static/dog.jpg
new file mode 100644
index 0000000..d298d41
Binary files /dev/null and b/js/_website/static/dog.jpg differ
diff --git a/js/_website/static/dog_blurred.jpg b/js/_website/static/dog_blurred.jpg
new file mode 100644
index 0000000..6b8befc
Binary files /dev/null and b/js/_website/static/dog_blurred.jpg differ
diff --git a/js/_website/static/favicon.png b/js/_website/static/favicon.png
new file mode 100644
index 0000000..6f1ad28
Binary files /dev/null and b/js/_website/static/favicon.png differ
diff --git a/js/_website/static/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2 b/js/_website/static/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2
new file mode 100644
index 0000000..add42af
Binary files /dev/null and b/js/_website/static/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2 differ
diff --git a/js/_website/static/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2 b/js/_website/static/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2
new file mode 100644
index 0000000..d0d7ded
Binary files /dev/null and b/js/_website/static/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2 differ
diff --git a/js/_website/svelte.config.js b/js/_website/svelte.config.js
new file mode 100644
index 0000000..dce0866
--- /dev/null
+++ b/js/_website/svelte.config.js
@@ -0,0 +1,143 @@
+import adapter from "@sveltejs/adapter-static";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import { redirects } from "./src/routes/redirects.js";
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+import { mdsvex, code_highlighter } from "mdsvex";
+import slugify from "@sindresorhus/slugify";
+import { toString as to_string } from "hast-util-to-string";
+
+const currentDir = path.dirname(fileURLToPath(import.meta.url));
+let version = "4.0.0";
+
+const get_version = async () => {
+	try {
+		const versionPath = path.join(
+			currentDir,
+			"src",
+			"lib",
+			"json",
+			"version.json"
+		);
+		if (!fs.existsSync(versionPath)) {
+			console.error(
+				"Using fallback version 4.0.0 as version.json was not found. Run `generate_jsons/generate.py` to get the latest version."
+			);
+			return version;
+		} else {
+			const versionData = fs.readFileSync(versionPath, "utf8");
+			const versionJson = JSON.parse(versionData);
+			version = versionJson.version;
+		}
+	} catch (error) {
+		console.error(
+			"Using fallback version 4.0.0 as version.json was not found. Run `generate_jsons/generate.py` to get the latest version."
+		);
+	}
+	return version;
+};
+
+get_version();
+
+export function make_slug_processor() {
+	return function (name) {
+		const slug = slugify(name, { separator: "-", lowercase: true });
+		return slug;
+	};
+}
+const doc_slug = [];
+function plugin() {
+	const get_slug = make_slug_processor();
+	return function transform(tree) {
+		tree.children.forEach((n) => {
+			if (n.type === "element" && ["h3"].includes(n.tagName)) {
+				const str_of_heading = to_string(n);
+				const slug = get_slug(str_of_heading);
+
+				doc_slug.push({
+					text: str_of_heading,
+					href: `#${slug}`,
+					level: parseInt(n.tagName.replace("h", ""))
+				});
+
+				if (!n.children) n.children = [];
+				n.properties.className = ["group", "header-tag"];
+				n.properties.id = [slug];
+				n.children.push({
+					type: "element",
+					tagName: "a",
+					properties: {
+						href: `#${slug}`,
+						className: ["invisible", "group-hover-visible"]
+					},
+					children: [
+						{
+							type: "element",
+							tagName: "img",
+							properties: {
+								src: "https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/anchor.svg",
+								className: ["anchor-img-small"]
+							},
+							children: []
+						}
+					]
+				});
+			}
+		});
+	};
+}
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	extensions: [".svelte", ".svx"],
+	preprocess: [
+		mdsvex({
+			extensions: [".svx"],
+			rehypePlugins: [plugin],
+			highlight: {
+				highlighter: async (code, lang) => {
+					const h = (await code_highlighter(code, lang, "")).replace(
+						/\{@html `|`\}/g,
+						""
+					);
+					return `<div class="codeblock"><CopyButton content={\`${code}\`}/>${h}</div>`;
+				}
+			}
+		}),
+		vitePreprocess()
+	],
+	kit: {
+		prerender: {
+			crawl: true,
+			entries: [
+				"*",
+				"/workflow",
+				`/${version}/docs`,
+				`/${version}/guides`,
+				`/main/docs`,
+				`/main/guides`,
+				`/docs/js`,
+				`/docs/js/storybook`,
+				`/docs/js/`,
+				`/main/docs/js`,
+				`/main/docs/js/storybook`,
+				`/main/docs/js/`,
+				...Object.keys(redirects),
+				`/4.44.1/docs`,
+				`/4.44.1/guides`,
+				`/5.49.1/docs`,
+				`/5.49.1/guides`
+			],
+			handleMissingId: "warn"
+		},
+		adapter: adapter({
+			fallback: "404.html"
+		}),
+		paths: {
+			relative: false
+		}
+	}
+};
+
+export default config;
diff --git a/js/_website/tailwind.config.cjs b/js/_website/tailwind.config.cjs
new file mode 100644
index 0000000..b975c6a
--- /dev/null
+++ b/js/_website/tailwind.config.cjs
@@ -0,0 +1,42 @@
+const defaultTheme = require("tailwindcss/defaultTheme");
+
+module.exports = {
+	content: [
+		"./src/*.{html,js,css}",
+		"./src/**/*.{html,js,svelte,ts,css}",
+		"**/@gradio/**/*.{html,js,svelte,ts,css}"
+	],
+
+	theme: {
+		extend: {
+			fontFamily: {
+				sans: ["IBM Plex Sans", ...defaultTheme.fontFamily.sans],
+				mono: ["IBM Plex Mono", ...defaultTheme.fontFamily.mono]
+			},
+			colors: {
+				orange: {
+					50: "#FFF2E5",
+					100: "#FFE5CC",
+					200: "#FFD8B4",
+					300: "#FFB066",
+					400: "#FF9633",
+					500: "#FF7C00",
+					600: "#EE7400",
+					700: "#CE6400",
+					800: "#A45000",
+					900: "#5C2D00"
+				}
+			}
+		}
+	},
+	mode: "jit",
+	darkMode: "class", // or 'media' or 'class'
+
+	variants: {
+		extend: {
+			visibility: ["group-hover"]
+		}
+	},
+
+	plugins: [require("@tailwindcss/forms"), require("@tailwindcss/typography")]
+};
diff --git a/js/_website/tsconfig.json b/js/_website/tsconfig.json
new file mode 100644
index 0000000..2efa6ab
--- /dev/null
+++ b/js/_website/tsconfig.json
@@ -0,0 +1,22 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"typeRoots": ["node_modules/@types", "./app.d.ts"],
+		"moduleResolution": "bundler",
+		"module": "esnext",
+		"customConditions": ["gradio"],
+		"target": "es2022"
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
diff --git a/js/_website/vercel.json b/js/_website/vercel.json
new file mode 100644
index 0000000..e85d6c0
--- /dev/null
+++ b/js/_website/vercel.json
@@ -0,0 +1,3 @@
+{
+	"trailingSlash": false
+}
diff --git a/js/_website/vite-plugin-patch-paramviewer.ts b/js/_website/vite-plugin-patch-paramviewer.ts
new file mode 100644
index 0000000..7b4a4e3
--- /dev/null
+++ b/js/_website/vite-plugin-patch-paramviewer.ts
@@ -0,0 +1,15 @@
+export function patchParamViewer() {
+	return {
+		name: "patch-paramviewer",
+		transform(code: string, id: string) {
+			// Only patch the ParamViewer component
+			if (id.includes("paramviewer") && id.includes("ParamViewer.svelte")) {
+				// Replace Prism.highlight call to check if language exists first
+				return code.replace(
+					/Prism\.highlight\(([^,]+),\s*Prism\.languages\[([^\]]+)\],\s*([^)]+)\)/g,
+					"(Prism.languages[$2] ? Prism.highlight($1, Prism.languages[$2], $3) : $1)"
+				);
+			}
+		}
+	};
+}
diff --git a/js/_website/vite.config.ts b/js/_website/vite.config.ts
new file mode 100644
index 0000000..e2479c2
--- /dev/null
+++ b/js/_website/vite.config.ts
@@ -0,0 +1,17 @@
+import { sveltekit } from "@sveltejs/kit/vite";
+import { defineConfig } from "vite";
+import { inject_component_loader } from "../build/out/index.js";
+import { patchParamViewer } from "./vite-plugin-patch-paramviewer.js";
+
+//@ts-ignore
+export default defineConfig(({ mode }) => ({
+	plugins: [patchParamViewer(), sveltekit(), inject_component_loader({ mode })],
+	resolve: {
+		conditions: ["gradio"]
+	},
+	build: {
+		rollupOptions: {
+			external: ["@gradio/wasm/svelte", "dompurify", "ts-dedent"]
+		}
+	}
+}));
diff --git a/js/_website/worker/index.ts b/js/_website/worker/index.ts
new file mode 100644
index 0000000..6ab1cb4
--- /dev/null
+++ b/js/_website/worker/index.ts
@@ -0,0 +1,66 @@
+const AI_UA_PATTERNS: RegExp[] = [
+	/\bgptbot\b/i,
+	/\bchatgpt-user\b/i,
+	/\bclaudebot\b/i,
+	/\bclaude-web\b/i,
+	/\bclaude-user\b/i,
+	/\banthropic\b/i,
+	/\bperplexitybot\b/i,
+	/\bmeta-external(fetcher|agent)\b/i,
+	/\bfacebookbot\b/i,
+	/\bamazonbot\b/i,
+	/\bapplebot\b/i,
+	/\bbytespider\b/i,
+	/\bccbot\b/i,
+	/\bcohere\b/i,
+	/\bgoogle-extended\b/i
+];
+
+function isLLMRequest(request: Request): boolean {
+	const ua = request.headers.get("user-agent") || "";
+	const accept = request.headers.get("accept") || "";
+	if (accept.includes("text/markdown")) return true;
+	return AI_UA_PATTERNS.some((re) => re.test(ua));
+}
+
+const DOC_PREFIXES = ["/docs/gradio/", "/main/docs/gradio/"];
+const GUIDE_PREFIXES = ["/guides/", "/main/guides/"];
+
+function matchSingleSegment(
+	pathname: string,
+	prefixes: readonly string[]
+): string | null {
+	for (const prefix of prefixes) {
+		if (pathname.startsWith(prefix)) {
+			const rest = pathname.slice(prefix.length).replace(/\/$/, "");
+			if (rest && !rest.includes("/")) return rest;
+		}
+	}
+	return null;
+}
+
+interface Env {
+	ASSETS: Fetcher;
+}
+
+export default {
+	async fetch(request: Request, env: Env): Promise<Response> {
+		if (request.method === "GET" && isLLMRequest(request)) {
+			const url = new URL(request.url);
+
+			const doc = matchSingleSegment(url.pathname, DOC_PREFIXES);
+			if (doc) {
+				return Response.redirect(`${url.origin}/api/markdown/${doc}`, 302);
+			}
+
+			const guide = matchSingleSegment(url.pathname, GUIDE_PREFIXES);
+			if (guide) {
+				return Response.redirect(
+					`${url.origin}/api/markdown/guide/${guide}`,
+					302
+				);
+			}
+		}
+		return env.ASSETS.fetch(request);
+	}
+} satisfies ExportedHandler<Env>;
diff --git a/js/_website/wrangler.jsonc b/js/_website/wrangler.jsonc
new file mode 100644
index 0000000..6e9287b
--- /dev/null
+++ b/js/_website/wrangler.jsonc
@@ -0,0 +1,18 @@
+{
+	"$schema": "node_modules/wrangler/config-schema.json",
+	"name": "gradio-site",
+	"main": "worker/index.ts",
+	"compatibility_date": "2026-04-22",
+	"preview_urls": true,
+	"assets": {
+		"directory": "./build",
+		"binding": "ASSETS",
+		"not_found_handling": "404-page",
+		"run_worker_first": [
+			"/docs/gradio/*",
+			"/guides/*",
+			"/main/docs/gradio/*",
+			"/main/guides/*"
+		]
+	}
+}
diff --git a/js/accordion/Accordion.stories.svelte b/js/accordion/Accordion.stories.svelte
new file mode 100644
index 0000000..9d74439
--- /dev/null
+++ b/js/accordion/Accordion.stories.svelte
@@ -0,0 +1,47 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Accordion from "./Index.svelte";
+	import Button from "../button/shared/Button.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Layout Elements/Accordion",
+		component: Accordion,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The accordion label"
+			},
+			open: {
+				control: "boolean",
+				description: "Whether the accordion is open"
+			}
+		}
+	});
+</script>
+
+<Story name="Accordion Layout" args={{ label: "Open Me!", open: false }}>
+	{#snippet template(args)}
+		<Accordion {...wrapProps(args)}>
+			<Button elem_id="btn" size="lg">test</Button>
+		</Accordion>
+	{/snippet}
+</Story>
+
+<Story name="Accordion Open" args={{ label: "Already Open", open: true }}>
+	{#snippet template(args)}
+		<Accordion {...wrapProps(args)}>
+			<Button elem_id="btn" size="lg">test</Button>
+			<Button elem_id="btn2" size="lg">another button</Button>
+		</Accordion>
+	{/snippet}
+</Story>
diff --git a/js/accordion/Accordion.test.ts b/js/accordion/Accordion.test.ts
new file mode 100644
index 0000000..656efde
--- /dev/null
+++ b/js/accordion/Accordion.test.ts
@@ -0,0 +1,363 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import Accordion from "./Index.svelte";
+
+const base_props = {
+	label: "Test Accordion",
+	open: true
+};
+
+// Accordion has no standard label (it renders its own label inside a button)
+// and no validation_error support. visible=false maps to "hidden" rather than
+// removing from the DOM (see Index.svelte visibility derived).
+run_shared_prop_tests({
+	component: Accordion,
+	name: "Accordion",
+	base_props,
+	has_label: false,
+	has_validation_error: false,
+	visible_false_hides: true
+});
+
+// The Block wrapper applies a "hidden" CSS class which makes getByRole unable
+// to find elements without { hidden: true }. We use this helper throughout.
+const hidden = { hidden: true } as const;
+
+// Block's overflow:hidden in the test environment prevents toBeVisible() from
+// working on nested elements. We check the content div's display style via
+// getByTestId instead — this is the mechanism Accordion uses to show/hide.
+function expectContentOpen(getByTestId: Function): void {
+	expect(
+		(getByTestId("accordion-content") as HTMLElement).style.display
+	).not.toBe("none");
+}
+function expectContentClosed(getByTestId: Function): void {
+	expect((getByTestId("accordion-content") as HTMLElement).style.display).toBe(
+		"none"
+	);
+}
+
+describe("Accordion", () => {
+	afterEach(() => cleanup());
+
+	test("renders the label text in the toggle button", async () => {
+		const { getByRole } = await render(Accordion, {
+			...base_props,
+			label: "My Section"
+		});
+
+		const button = getByRole("button", { ...hidden, name: /My Section/ });
+		expect(button).toBeTruthy();
+	});
+
+	test("renders with content visible when open=true", async () => {
+		const { getByTestId } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		expectContentOpen(getByTestId);
+	});
+
+	test("renders with content hidden when open=false", async () => {
+		const { getByTestId } = await render(Accordion, {
+			...base_props,
+			open: false
+		});
+
+		expectContentClosed(getByTestId);
+	});
+
+	test("clicking the button toggles content visibility", async () => {
+		const { getByRole, getByTestId } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		const button = getByRole("button", {
+			...hidden,
+			name: /Test Accordion/
+		});
+
+		expectContentOpen(getByTestId);
+
+		await fireEvent.click(button);
+		expectContentClosed(getByTestId);
+	});
+
+	test("clicking the button twice returns to original state", async () => {
+		const { getByRole, getByTestId } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		const button = getByRole("button", {
+			...hidden,
+			name: /Test Accordion/
+		});
+
+		await fireEvent.click(button);
+		expectContentClosed(getByTestId);
+
+		await fireEvent.click(button);
+		expectContentOpen(getByTestId);
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("expand event fires when clicking to open", async () => {
+		const { getByRole, listen } = await render(Accordion, {
+			...base_props,
+			open: false
+		});
+
+		const expand = listen("expand");
+		const button = getByRole("button", {
+			...hidden,
+			name: /Test Accordion/
+		});
+
+		await fireEvent.click(button);
+		expect(expand).toHaveBeenCalledTimes(1);
+	});
+
+	test("collapse event fires when clicking to close", async () => {
+		const { getByRole, listen } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		const collapse = listen("collapse");
+		const button = getByRole("button", {
+			...hidden,
+			name: /Test Accordion/
+		});
+
+		await fireEvent.click(button);
+		expect(collapse).toHaveBeenCalledTimes(1);
+	});
+
+	test("gradio_expand event fires when clicking to open", async () => {
+		const { getByRole, listen } = await render(Accordion, {
+			...base_props,
+			open: false
+		});
+
+		const gradio_expand = listen("gradio_expand");
+		const button = getByRole("button", {
+			...hidden,
+			name: /Test Accordion/
+		});
+
+		await fireEvent.click(button);
+		expect(gradio_expand).toHaveBeenCalledTimes(1);
+	});
+
+	test("no expand/collapse events fire on mount", async () => {
+		const { listen } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		const expand = listen("expand", { retrospective: true });
+		const collapse = listen("collapse", { retrospective: true });
+		const gradio_expand = listen("gradio_expand", { retrospective: true });
+
+		expect(expand).not.toHaveBeenCalled();
+		expect(collapse).not.toHaveBeenCalled();
+		expect(gradio_expand).not.toHaveBeenCalled();
+	});
+
+	test("expand and collapse fire alternately on repeated toggles", async () => {
+		const { getByRole, listen } = await render(Accordion, {
+			...base_props,
+			open: false
+		});
+
+		const expand = listen("expand");
+		const collapse = listen("collapse");
+		const button = getByRole("button", {
+			...hidden,
+			name: /Test Accordion/
+		});
+
+		await fireEvent.click(button); // open
+		expect(expand).toHaveBeenCalledTimes(1);
+		expect(collapse).toHaveBeenCalledTimes(0);
+
+		await fireEvent.click(button); // close
+		expect(expand).toHaveBeenCalledTimes(1);
+		expect(collapse).toHaveBeenCalledTimes(1);
+
+		await fireEvent.click(button); // open
+		expect(expand).toHaveBeenCalledTimes(2);
+		expect(collapse).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("set_data({ open: true }) opens the accordion", async () => {
+		const { getByTestId, set_data } = await render(Accordion, {
+			...base_props,
+			open: false
+		});
+
+		expectContentClosed(getByTestId);
+
+		await set_data({ open: true });
+		expectContentOpen(getByTestId);
+	});
+
+	test("set_data({ open: false }) closes the accordion", async () => {
+		const { getByTestId, set_data } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		expectContentOpen(getByTestId);
+
+		await set_data({ open: false });
+		expectContentClosed(getByTestId);
+	});
+
+	test("set_data({ open: true }) dispatches expand and gradio_expand", async () => {
+		const { listen, set_data } = await render(Accordion, {
+			...base_props,
+			open: false
+		});
+
+		const gradio_expand = listen("gradio_expand");
+		const expand = listen("expand");
+
+		await set_data({ open: true });
+		expect(gradio_expand).toHaveBeenCalledTimes(1);
+		expect(expand).toHaveBeenCalledTimes(1);
+	});
+
+	test("set_data({ open: false }) dispatches collapse", async () => {
+		const { listen, set_data } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		const collapse = listen("collapse");
+		const expand = listen("expand");
+		const gradio_expand = listen("gradio_expand");
+
+		await set_data({ open: false });
+		expect(collapse).toHaveBeenCalledTimes(1);
+		expect(expand).not.toHaveBeenCalled();
+		expect(gradio_expand).not.toHaveBeenCalled();
+	});
+
+	test("set_data({ open: true }) with already-open does not dispatch events", async () => {
+		const { listen, set_data } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		const expand = listen("expand");
+		const collapse = listen("collapse");
+		const gradio_expand = listen("gradio_expand");
+
+		await set_data({ open: true });
+		expect(expand).not.toHaveBeenCalled();
+		expect(collapse).not.toHaveBeenCalled();
+		expect(gradio_expand).not.toHaveBeenCalled();
+	});
+
+	test("set_data({ open: false }) with already-closed does not dispatch events", async () => {
+		const { listen, set_data } = await render(Accordion, {
+			...base_props,
+			open: false
+		});
+
+		const expand = listen("expand");
+		const collapse = listen("collapse");
+		const gradio_expand = listen("gradio_expand");
+
+		await set_data({ open: false });
+		expect(expand).not.toHaveBeenCalled();
+		expect(collapse).not.toHaveBeenCalled();
+		expect(gradio_expand).not.toHaveBeenCalled();
+	});
+
+	test("set_data with label updates the button text", async () => {
+		const { getByRole, set_data } = await render(Accordion, {
+			...base_props,
+			label: "Original"
+		});
+
+		expect(getByRole("button", { ...hidden, name: /Original/ })).toBeTruthy();
+
+		await set_data({ label: "Updated" });
+		expect(getByRole("button", { ...hidden, name: /Updated/ })).toBeTruthy();
+	});
+
+	test("get_data returns current open state", async () => {
+		const { get_data } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		const data = await get_data();
+		expect(data).toHaveProperty("open", true);
+	});
+
+	test("round-trip: set_data then get_data preserves open state", async () => {
+		const { set_data, get_data } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		await set_data({ open: false });
+		expect(await get_data()).toHaveProperty("open", false);
+
+		await set_data({ open: true });
+		expect(await get_data()).toHaveProperty("open", true);
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("set_data with same open value does not change DOM state", async () => {
+		const { getByTestId, set_data } = await render(Accordion, {
+			...base_props,
+			open: true
+		});
+
+		expectContentOpen(getByTestId);
+
+		await set_data({ open: true });
+		expectContentOpen(getByTestId);
+	});
+
+	test("empty label renders the button with no label text", async () => {
+		const { getByRole } = await render(Accordion, {
+			...base_props,
+			label: ""
+		});
+
+		const button = getByRole("button", hidden);
+		expect(button).toBeTruthy();
+		// The label span should be empty; only the icon span has content
+		const spans = button.querySelectorAll("span");
+		const label_span = spans[0];
+		expect(label_span?.textContent?.trim()).toBe("");
+	});
+});
+
+test.todo(
+	"VISUAL: icon rotates (transform: rotate) when open state changes — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: open state adds margin-bottom below the label button — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/accordion/CHANGELOG.md b/js/accordion/CHANGELOG.md
new file mode 100644
index 0000000..2be8f87
--- /dev/null
+++ b/js/accordion/CHANGELOG.md
@@ -0,0 +1,831 @@
+# @gradio/accordion
+
+## 0.5.39
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.5.38
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/column@0.4.0
+
+## 0.5.37
+
+### Fixes
+
+- [#13523](https://github.com/gradio-app/gradio/pull/13523) [`1b611f8`](https://github.com/gradio-app/gradio/commit/1b611f89fb85016a7879020098bd0faedf80ae5e) - Fixes grouped accordion borders and empty plot legends.  Thanks @dawoodkhan82!
+
+## 0.5.36
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/column@0.3.3
+
+## 0.5.34
+
+### Fixes
+
+- [#13183](https://github.com/gradio-app/gradio/pull/13183) [`1bf9bae`](https://github.com/gradio-app/gradio/commit/1bf9bae723475ad664f7d3d32596856c4881e63d) - Ensure the Accordion's `expand` and `collapse` events fire when toggled from python.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.5.33
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/column@0.3.2
+
+## 0.5.32
+
+### Fixes
+
+- [#12836](https://github.com/gradio-app/gradio/pull/12836) [`77e7871`](https://github.com/gradio-app/gradio/commit/77e7871176e50a894190ac98aa9de8fbdbf3620f) - Fixes hidden accordion's children losing all values.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/column@0.3.2
+- @gradio/atoms@0.22.2
+
+## 0.5.31
+
+### Fixes
+
+- [#12846](https://github.com/gradio-app/gradio/pull/12846) [`226daba`](https://github.com/gradio-app/gradio/commit/226daba5f65257244efc7c310500ea5366b20a87) - Fix bug where children of accordions dont get rendered when they are opened programmatically.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.5.30
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.5.29
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/column@0.3.2
+- @gradio/utils@0.11.2
+
+## 0.5.28
+
+### Fixes
+
+- [#12695](https://github.com/gradio-app/gradio/pull/12695) [`6eadb5b`](https://github.com/gradio-app/gradio/commit/6eadb5bf8c48b32fa9960b0e9e7c09a2ee30141c) - Migrate accordion to svelte 5.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/column@0.3.1
+
+## 0.5.27
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+- @gradio/column@0.3.0
+
+## 0.5.26
+
+### Fixes
+
+- [#12491](https://github.com/gradio-app/gradio/pull/12491) [`4f6327b`](https://github.com/gradio-app/gradio/commit/4f6327be6815fc8d574b60272b02915c75359ace) - Load visible components in 6.0.  Thanks @freddyaboulton!
+
+## 0.5.25
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.25
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/column@0.3.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.5.25-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/column@0.2.2
+
+## 0.5.25-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/column@0.2.2
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.5.24
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.5.24
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/column@0.2.2
+
+## 0.5.23
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/column@0.2.1
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/column@0.2.1
+
+## 0.5.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/column@0.2.1
+
+## 0.5.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+- @gradio/column@0.2.1
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/column@0.2.1
+
+## 0.5.18
+
+### Dependency updates
+
+- @gradio/column@0.2.1
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/column@0.2.0
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/column@0.2.0
+
+## 0.5.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/column@0.2.0
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+- @gradio/column@0.2.0
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+- @gradio/column@0.2.0
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/column@0.2.0
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/column@0.2.0
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/column@0.2.0
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+- @gradio/column@0.2.0
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+- @gradio/column@0.2.0
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/column@0.2.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+- @gradio/column@0.2.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/column@0.2.0
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+- @gradio/column@0.2.0
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+- @gradio/column@0.2.0
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/column@0.2.0
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+- @gradio/column@0.2.0
+
+## 0.5.0
+
+### Features
+
+- [#9875](https://github.com/gradio-app/gradio/pull/9875) [`8305ff8`](https://github.com/gradio-app/gradio/commit/8305ff8712183f27174cfb891548ad7cc1c67fed) - Adds `.expand()` and `.collapse()` events to `gr.Accordion`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/column@0.2.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/column@0.2.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/column@0.2.0
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+- @gradio/column@0.2.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/column@0.2.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+- @gradio/column@0.2.0
+
+## 0.3.23-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/column@0.2.0-beta.2
+
+## 0.3.23-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/column@0.2.0-beta.2
+
+## 0.3.23-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/column@0.2.0-beta.1
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.3.23-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.3.23-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/column@0.2.0-beta.0
+
+## 0.3.23-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/column@0.2.0-beta.0
+
+## 0.3.23-beta.0
+
+## 0.3.23
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.0
+- @gradio/statustracker@0.8.0-beta.0
+- @gradio/atoms@0.8.1-beta.0
+- @gradio/column@0.2.0-beta.0
+
+## 0.3.22
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/column@0.1.3
+
+## 0.3.21
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/column@0.1.2
+
+## 0.3.20
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/column@0.1.2
+
+## 0.3.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+- @gradio/column@0.1.2
+
+## 0.3.18
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/column@0.1.2
+
+## 0.3.17
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+- @gradio/column@0.1.2
+
+## 0.3.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/column@0.1.2
+
+## 0.3.16
+
+### Fixes
+
+- [#8284](https://github.com/gradio-app/gradio/pull/8284) [`2d705bc`](https://github.com/gradio-app/gradio/commit/2d705bcf7475eb46822358fed21dc081a800a73d) - Add body color to `gr.Accordion`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/column@0.1.2
+- @gradio/statustracker@0.6.0
+
+## 0.3.15
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.3.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.3.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+- @gradio/column@0.1.1
+
+## 0.3.10
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/column@0.1.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.3.5
+
+### Fixes
+
+- [#7564](https://github.com/gradio-app/gradio/pull/7564) [`5d1e8da`](https://github.com/gradio-app/gradio/commit/5d1e8dae5ac23f605c3b5f41dbe18751dff380a0) - batch UI updates on a per frame basis.  Thanks @pngwn!
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.3.1
+
+### Fixes
+
+- [#7375](https://github.com/gradio-app/gradio/pull/7375) [`4dc9ffb`](https://github.com/gradio-app/gradio/commit/4dc9ffbf70e2233c5b18ed3f722c1189a310a036) - Store `gr.Accordion`'s `open` value. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.0
+
+### Features
+
+- [#7208](https://github.com/gradio-app/gradio/pull/7208) [`efacc7d`](https://github.com/gradio-app/gradio/commit/efacc7d5cb0d1c6448cbec82abfc00ad6da05b3f) - Ensure `open` reactivity in Accordion. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.2
+
+### Patch Changes
+
+- Updated dependencies [[`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a), [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13)]:
+  - @gradio/atoms@0.2.0-beta.6
+  - @gradio/statustracker@0.3.0-beta.8
+
+## 0.2.0-beta.1
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.0
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.1.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/atoms@0.1.2
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.0.2
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/accordion/Index.svelte b/js/accordion/Index.svelte
new file mode 100644
index 0000000..463b310
--- /dev/null
+++ b/js/accordion/Index.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+	import Accordion from "./shared/Accordion.svelte";
+	import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	import { BaseColumn } from "@gradio/column";
+	import { Gradio } from "@gradio/utils";
+	import type { SharedProps } from "@gradio/utils";
+
+	import type { AccordionProps, AccordionEvents } from "./types";
+
+	let props = $props();
+	class AccordionGradio extends Gradio<AccordionEvents, AccordionProps> {
+		set_data(data: Partial<object & SharedProps>): void {
+			if ("open" in data && data.open !== this.props.open) {
+				if (data.open) {
+					this.dispatch("expand");
+					this.dispatch("gradio_expand");
+				} else {
+					this.dispatch("collapse");
+				}
+			}
+			super.set_data(data);
+			this.shared.loading_status.status = "complete";
+		}
+	}
+	const gradio = new AccordionGradio(props);
+
+	let label = $derived(gradio.shared.label || "");
+	let elem_classes = $derived([
+		...(gradio.shared.elem_classes || []),
+		"gr-accordion"
+	]);
+
+	let visibility: boolean | "hidden" = $derived(
+		gradio.shared.visible === true ? true : "hidden"
+	);
+</script>
+
+<Block elem_id={gradio.shared.elem_id} {elem_classes} visible={visibility}>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+		/>
+	{/if}
+
+	<Accordion
+		{label}
+		open={gradio.props.open}
+		onexpand={() => {
+			gradio.dispatch("expand");
+			gradio.dispatch("gradio_expand");
+		}}
+		oncollapse={() => gradio.dispatch("collapse")}
+	>
+		<BaseColumn>
+			<slot />
+		</BaseColumn>
+	</Accordion>
+</Block>
diff --git a/js/accordion/README.md b/js/accordion/README.md
new file mode 100644
index 0000000..e5b427f
--- /dev/null
+++ b/js/accordion/README.md
@@ -0,0 +1,11 @@
+# `@gradio/button`
+
+```html
+<script>
+	import { Button } from "@gradio/button";
+</script>
+
+<button type="primary|secondary" href="string" on:click="{e.detail === href}">
+	content
+</button>
+```
diff --git a/js/accordion/package.json b/js/accordion/package.json
new file mode 100644
index 0000000..88a7952
--- /dev/null
+++ b/js/accordion/package.json
@@ -0,0 +1,34 @@
+{
+	"name": "@gradio/accordion",
+	"version": "0.5.39",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"main_changeset": true,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/column": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/accordion"
+	}
+}
diff --git a/js/accordion/shared/Accordion.svelte b/js/accordion/shared/Accordion.svelte
new file mode 100644
index 0000000..b5f03ed
--- /dev/null
+++ b/js/accordion/shared/Accordion.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	let {
+		open = $bindable(true),
+		label = "",
+		onexpand,
+		oncollapse
+	}: {
+		open: boolean;
+		label: string;
+		onexpand?: () => void;
+		oncollapse?: () => void;
+	} = $props();
+</script>
+
+<button
+	onclick={() => {
+		open = !open;
+		if (open) {
+			onexpand?.();
+		} else {
+			oncollapse?.();
+		}
+	}}
+	class="label-wrap"
+	class:open
+>
+	<span>{label}</span>
+	<span style:transform={open ? "rotate(0)" : "rotate(90deg)"} class="icon">
+		▼
+	</span>
+</button>
+<div data-testid="accordion-content" style:display={open ? "block" : "none"}>
+	<slot />
+</div>
+
+<style>
+	span {
+		font-weight: var(--section-header-text-weight);
+		font-size: var(--section-header-text-size);
+	}
+	.label-wrap {
+		display: flex;
+		justify-content: space-between;
+		cursor: pointer;
+		width: var(--size-full);
+		color: var(--accordion-text-color);
+	}
+	.label-wrap.open {
+		margin-bottom: var(--size-2);
+	}
+
+	.icon {
+		transition: 150ms;
+	}
+</style>
diff --git a/js/accordion/types.ts b/js/accordion/types.ts
new file mode 100644
index 0000000..55ce738
--- /dev/null
+++ b/js/accordion/types.ts
@@ -0,0 +1,9 @@
+export interface AccordionProps {
+	open: boolean;
+}
+
+export interface AccordionEvents {
+	expand: never;
+	collapse: never;
+	gradio_expand: never;
+}
diff --git a/js/annotatedimage/AnnotatedImage.test.ts b/js/annotatedimage/AnnotatedImage.test.ts
new file mode 100644
index 0000000..3eab113
--- /dev/null
+++ b/js/annotatedimage/AnnotatedImage.test.ts
@@ -0,0 +1,613 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import AnnotatedImage from "./Index.svelte";
+
+const fake_image = {
+	path: "test.png",
+	url: "https://example.com/test.png",
+	orig_name: "test.png",
+	size: 1024,
+	mime_type: "image/png",
+	is_stream: false
+};
+
+const fake_mask_1 = {
+	path: "mask1.png",
+	url: "https://example.com/mask1.png",
+	orig_name: "mask1.png",
+	size: 512,
+	mime_type: "image/png",
+	is_stream: false
+};
+
+const fake_mask_2 = {
+	path: "mask2.png",
+	url: "https://example.com/mask2.png",
+	orig_name: "mask2.png",
+	size: 512,
+	mime_type: "image/png",
+	is_stream: false
+};
+
+const fake_value = {
+	image: fake_image,
+	annotations: [
+		{ image: fake_mask_1, label: "cat" },
+		{ image: fake_mask_2, label: "dog" }
+	]
+};
+
+const single_annotation_value = {
+	image: fake_image,
+	annotations: [{ image: fake_mask_1, label: "cat" }]
+};
+
+const default_props = {
+	value: null as any,
+	label: "Annotated Image",
+	show_label: true,
+	show_legend: true,
+	color_map: {} as Record<string, string>,
+	buttons: ["fullscreen"] as (
+		| string
+		| { value: string; id: number; icon: null }
+	)[]
+};
+
+// BlockLabel in AnnotatedImage doesn't use data-testid='block-info',
+// so the shared show_label: false test fails. Disable has_label and
+// write custom label tests below.
+run_shared_prop_tests({
+	component: AnnotatedImage,
+	name: "AnnotatedImage",
+	base_props: {
+		...default_props
+	},
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Label", () => {
+	afterEach(() => cleanup());
+
+	test("label text is rendered", async () => {
+		const { getByText } = await render(AnnotatedImage, {
+			...default_props,
+			label: "My Image",
+			show_label: true
+		});
+
+		expect(getByText("My Image")).toBeTruthy();
+		expect(getByText("My Image")).toBeVisible();
+	});
+
+	test("show_label=false hides the label visually", async () => {
+		const { getByText } = await render(AnnotatedImage, {
+			...default_props,
+			label: "My Image",
+			show_label: false
+		});
+
+		// BlockLabel hides via CSS when show_label is false
+		expect(getByText("My Image")).not.toBeVisible();
+	});
+});
+
+describe("AnnotatedImage", () => {
+	afterEach(() => cleanup());
+
+	test("renders empty state when value is null", async () => {
+		const { queryByAltText } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		expect(queryByAltText("the base file that is annotated")).toBeNull();
+	});
+
+	test("renders base image when value is set", async () => {
+		const { getByAltText } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		const img = getByAltText("the base file that is annotated");
+		expect(img).toBeTruthy();
+		expect(img.getAttribute("src")).toBe("https://example.com/test.png");
+	});
+
+	test("renders annotation masks when value has annotations", async () => {
+		const { container } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks.length).toBe(2);
+		expect(masks[0].getAttribute("src")).toBe("https://example.com/mask1.png");
+		expect(masks[1].getAttribute("src")).toBe("https://example.com/mask2.png");
+	});
+});
+
+describe("Props: show_legend", () => {
+	afterEach(() => cleanup());
+
+	test("show_legend=true renders legend buttons for each annotation", async () => {
+		const { getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			show_legend: true
+		});
+
+		expect(getByRole("button", { name: "cat" })).toBeTruthy();
+		expect(getByRole("button", { name: "dog" })).toBeTruthy();
+		expect(getByRole("button", { name: "cat" })).toBeVisible();
+		expect(getByRole("button", { name: "dog" })).toBeVisible();
+	});
+
+	test("show_legend=false hides legend", async () => {
+		const { queryByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			show_legend: false
+		});
+
+		expect(queryByRole("button", { name: "cat" })).toBeNull();
+		expect(queryByRole("button", { name: "dog" })).toBeNull();
+	});
+
+	test("legend is not rendered when value is null", async () => {
+		const { queryByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: null,
+			show_legend: true
+		});
+
+		expect(queryByRole("button", { name: "cat" })).toBeNull();
+	});
+});
+
+describe("Props: color_map", () => {
+	afterEach(() => cleanup());
+
+	test("color_map applies custom background colors to legend items", async () => {
+		const { getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			color_map: { cat: "#ff0000", dog: "#00ff00" }
+		});
+
+		const catBtn = getByRole("button", { name: "cat" });
+		const dogBtn = getByRole("button", { name: "dog" });
+
+		// color_map colors get '88' (0x88/0xff ≈ 0.533) appended for semi-transparency
+		// The browser normalizes to rgba
+		expect(catBtn.style.backgroundColor).toContain("rgba(255, 0, 0");
+		expect(dogBtn.style.backgroundColor).toContain("rgba(0, 255, 0");
+	});
+
+	test("without color_map, masks have hue-rotate filter style", async () => {
+		const { container } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			color_map: {}
+		});
+
+		const masks = container.querySelectorAll("img.mask");
+		// First mask: hue-rotate(0deg), second: hue-rotate(180deg)
+		expect(masks[0].getAttribute("style")).toContain("hue-rotate(0deg)");
+		expect(masks[1].getAttribute("style")).toContain("hue-rotate(180deg)");
+	});
+
+	test("with color_map, masks have no hue-rotate filter", async () => {
+		const { container } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			color_map: { cat: "#ff0000", dog: "#00ff00" }
+		});
+
+		const masks = container.querySelectorAll("img.mask");
+		for (const mask of masks) {
+			const style = mask.getAttribute("style");
+			// Should be null or not contain hue-rotate
+			if (style) {
+				expect(style).not.toContain("hue-rotate");
+			}
+		}
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("fullscreen button renders when 'fullscreen' is in buttons", async () => {
+		const { getByLabelText } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			buttons: ["fullscreen"]
+		});
+
+		expect(getByLabelText("Fullscreen")).toBeTruthy();
+		expect(getByLabelText("Fullscreen")).toBeVisible();
+	});
+
+	test("clicking the fullscreen button toggles fullscreen mode", async () => {
+		const { getByLabelText } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			buttons: ["fullscreen"]
+		});
+
+		await fireEvent.click(getByLabelText("Fullscreen"));
+		await waitFor(() => {
+			expect(getByLabelText("Exit fullscreen mode")).toBeVisible();
+		});
+
+		await fireEvent.click(getByLabelText("Exit fullscreen mode"));
+		await waitFor(() => {
+			expect(getByLabelText("Fullscreen")).toBeVisible();
+		});
+	});
+
+	test("empty buttons array shows no fullscreen button", async () => {
+		const { queryByLabelText } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			buttons: []
+		});
+
+		expect(queryByLabelText("Fullscreen")).toBeNull();
+	});
+
+	test("custom button renders and dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			buttons: [{ value: "Analyze", id: 5, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Analyze");
+
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 5 });
+	});
+
+	test("buttons not rendered when value is null (empty state)", async () => {
+		const { queryByLabelText } = await render(AnnotatedImage, {
+			...default_props,
+			value: null,
+			buttons: ["fullscreen"]
+		});
+
+		expect(queryByLabelText("Fullscreen")).toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("setting value triggers change event", async () => {
+		const { listen, set_data } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: fake_value });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change event is not triggered on mount with null value", async () => {
+		const { listen } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change event does not fire once on mount when initial value is set", async () => {
+		// The component's $effect fires change when old_value != value on mount
+		const { listen } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("changing value multiple times triggers change each time", async () => {
+		const { listen, set_data } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: fake_value });
+		expect(change).toHaveBeenCalledTimes(1);
+		await set_data({ value: single_annotation_value });
+
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+
+	test("setting value to null after a value triggers change", async () => {
+		const { listen, set_data } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: null });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: select", () => {
+	afterEach(() => cleanup());
+
+	test("clicking legend item dispatches select with value and index", async () => {
+		const { listen, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		const select = listen("select");
+
+		await fireEvent.click(getByRole("button", { name: "cat" }));
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith({ value: "cat", index: 0 });
+	});
+
+	test("clicking second legend item dispatches correct index", async () => {
+		const { listen, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		const select = listen("select");
+
+		await fireEvent.click(getByRole("button", { name: "dog" }));
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith({ value: "dog", index: 1 });
+	});
+
+	test("clicking multiple legend items dispatches select for each", async () => {
+		const { listen, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		const select = listen("select");
+
+		await fireEvent.click(getByRole("button", { name: "cat" }));
+		await fireEvent.click(getByRole("button", { name: "dog" }));
+
+		expect(select).toHaveBeenCalledTimes(2);
+		expect(select).toHaveBeenNthCalledWith(1, { value: "cat", index: 0 });
+		expect(select).toHaveBeenNthCalledWith(2, { value: "dog", index: 1 });
+	});
+});
+
+describe("Legend hover interactions", () => {
+	afterEach(() => cleanup());
+
+	test("hovering over legend item sets active class on corresponding mask", async () => {
+		const { container, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		await fireEvent.mouseOver(getByRole("button", { name: "cat" }));
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks[0].classList.contains("active")).toBe(true);
+	});
+
+	test("hovering over legend item sets inactive class on other masks", async () => {
+		const { container, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		await fireEvent.mouseOver(getByRole("button", { name: "cat" }));
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks[0].classList.contains("active")).toBe(true);
+		expect(masks[1].classList.contains("inactive")).toBe(true);
+	});
+
+	test("mouseout resets all masks to default state", async () => {
+		const { container, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		await fireEvent.mouseOver(getByRole("button", { name: "cat" }));
+		await fireEvent.mouseOut(getByRole("button", { name: "cat" }));
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks[0].classList.contains("active")).toBe(false);
+		expect(masks[0].classList.contains("inactive")).toBe(false);
+		expect(masks[1].classList.contains("active")).toBe(false);
+		expect(masks[1].classList.contains("inactive")).toBe(false);
+	});
+
+	test("focus on legend item activates mask (keyboard accessibility)", async () => {
+		const { container, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		await fireEvent.focus(getByRole("button", { name: "dog" }));
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks[1].classList.contains("active")).toBe(true);
+		expect(masks[0].classList.contains("inactive")).toBe(true);
+	});
+
+	test("blur on legend item resets masks (keyboard accessibility)", async () => {
+		const { container, getByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		await fireEvent.focus(getByRole("button", { name: "dog" }));
+		await fireEvent.blur(getByRole("button", { name: "dog" }));
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks[0].classList.contains("active")).toBe(false);
+		expect(masks[0].classList.contains("inactive")).toBe(false);
+		expect(masks[1].classList.contains("active")).toBe(false);
+		expect(masks[1].classList.contains("inactive")).toBe(false);
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns null when no value", async () => {
+		const { get_data } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("set_data updates the displayed image", async () => {
+		const { set_data, getByAltText } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		await set_data({ value: fake_value });
+
+		const img = getByAltText("the base file that is annotated");
+		expect(img).toBeTruthy();
+		expect(img.getAttribute("src")).toBe("https://example.com/test.png");
+	});
+
+	test("get_data reflects set_data value (round-trip)", async () => {
+		const { get_data, set_data } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		await set_data({ value: fake_value });
+
+		const data = await get_data();
+		expect(data.value).toEqual(fake_value);
+	});
+
+	test("set_data to null shows empty state", async () => {
+		const { set_data, queryByAltText } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value
+		});
+
+		await set_data({ value: null });
+
+		expect(queryByAltText("the base file that is annotated")).toBeNull();
+	});
+
+	test("set_data updates legend items", async () => {
+		const { set_data, getByRole, queryByRole } = await render(AnnotatedImage, {
+			...default_props,
+			value: null
+		});
+
+		await set_data({ value: fake_value });
+
+		expect(getByRole("button", { name: "cat" })).toBeTruthy();
+		expect(getByRole("button", { name: "dog" })).toBeTruthy();
+
+		await set_data({ value: single_annotation_value });
+
+		expect(getByRole("button", { name: "cat" })).toBeTruthy();
+		expect(queryByRole("button", { name: "dog" })).toBeNull();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("single annotation renders without errors in hue calculation", async () => {
+		const { container } = await render(AnnotatedImage, {
+			...default_props,
+			value: single_annotation_value,
+			color_map: {}
+		});
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks.length).toBe(1);
+		// With 1 annotation: hue-rotate(0 * 360 / 1) = hue-rotate(0deg)
+		expect(masks[0].getAttribute("style")).toContain("hue-rotate(0deg)");
+	});
+
+	test("value with empty annotations array renders base image but no masks or legend", async () => {
+		const { container, getByAltText, queryByRole } = await render(
+			AnnotatedImage,
+			{
+				...default_props,
+				value: {
+					image: fake_image,
+					annotations: []
+				}
+			}
+		);
+
+		expect(getByAltText("the base file that is annotated")).toBeTruthy();
+
+		const masks = container.querySelectorAll("img.mask");
+		expect(masks.length).toBe(0);
+
+		// No legend buttons since there are no annotations
+		expect(queryByRole("button", { name: "cat" })).toBeNull();
+	});
+
+	test("color_map with only some labels falls back to hue-rotate for unmapped labels", async () => {
+		const { container } = await render(AnnotatedImage, {
+			...default_props,
+			value: fake_value,
+			color_map: { cat: "#ff0000" } // only cat is mapped, dog is not
+		});
+
+		const masks = container.querySelectorAll("img.mask");
+		// cat mask: has color_map entry, no hue-rotate
+		const catStyle = masks[0].getAttribute("style");
+		if (catStyle) {
+			expect(catStyle).not.toContain("hue-rotate");
+		}
+		// dog mask: no color_map entry, should have hue-rotate
+		expect(masks[1].getAttribute("style")).toContain("hue-rotate");
+	});
+});
+
+test.todo(
+	"VISUAL: mask opacity transitions on hover — masks should fade to 0.3 opacity on container hover, active mask at 1.0, inactive at 0 — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: height/width props control component dimensions — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: default hue-rotate coloring distributes colors evenly across the color wheel — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/annotatedimage/CHANGELOG.md b/js/annotatedimage/CHANGELOG.md
new file mode 100644
index 0000000..929be65
--- /dev/null
+++ b/js/annotatedimage/CHANGELOG.md
@@ -0,0 +1,1295 @@
+# @gradio/annotatedimage
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.12.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13533](https://github.com/gradio-app/gradio/pull/13533) [`e5ec1ca`](https://github.com/gradio-app/gradio/commit/e5ec1ca66c45e7e3a057b75ac2b8b86660b2827b) - Fix fullscreen button not working in ImageSlider, interactive Image, native plots, and AnnotatedImage.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.11.7
+
+### Features
+
+- [#13185](https://github.com/gradio-app/gradio/pull/13185) [`ffc00ff`](https://github.com/gradio-app/gradio/commit/ffc00ff4cf23641e90f0963cec6ed52f85ed511c) - Annotated image unit tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.11.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.11.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.11.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.11.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.10.1
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+- @gradio/client@2.0.0
+
+## 0.10.1-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+
+## 0.10.1-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.10.1-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.10.1-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+
+## 0.10.0
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.10.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.10.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
+## 0.9.30
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.9.29
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.9.29
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.9.29
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+
+## 0.9.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+
+## 0.9.27
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+
+## 0.9.26
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+
+## 0.9.25
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+
+## 0.9.24
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+
+## 0.9.23
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+
+## 0.9.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+
+## 0.9.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.21
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+
+## 0.9.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+
+## 0.9.19
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.9.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+
+## 0.9.15
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.9.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.9.13
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/wasm@0.17.2
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/wasm@0.17.1
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+
+## 0.9.0
+
+### Features
+
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+
+## 0.8.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/wasm@0.14.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.8.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/client@1.6.0
+- @gradio/wasm@0.14.0
+
+## 0.8.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.8.0-beta.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.8.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.8.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.8.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.8.0-beta.2
+
+### Features
+
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.7.2-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.7.2-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.0
+- @gradio/statustracker@0.8.0-beta.0
+- @gradio/atoms@0.8.1-beta.0
+- @gradio/client@1.6.0-beta.0
+- @gradio/icons@0.8.0-beta.0
+- @gradio/upload@0.12.4-beta.0
+- @gradio/wasm@0.13.1-beta.0
+
+## 0.7.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.7.0
+
+### Features
+
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+
+## 0.6.15
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+
+## 0.6.12
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.10.6
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/upload@0.10.4
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.6.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+
+## 0.5.13
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.5.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.5.4
+
+### Patch Changes
+
+- Updated dependencies [[`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8), [`9c6de6d`](https://github.com/gradio-app/gradio/commit/9c6de6d85092c1c9378d7f81e5ec734221536812), [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee), [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4), [`561579d`](https://github.com/gradio-app/gradio/commit/561579d9b7b860c5cb3f8131e0dced0c8114463f)]:
+  - @gradio/upload@0.7.5
+  - @gradio/wasm@0.7.0
+  - @gradio/client@0.12.2
+
+## 0.5.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.5.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd), [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f), [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557), [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16), [`05d8a3c`](https://github.com/gradio-app/gradio/commit/05d8a3c8030b733bd47250f5db6f89f230f9a707)]:
+  - @gradio/upload@0.7.1
+  - @gradio/client@0.11.0
+  - @gradio/utils@0.2.2
+  - @gradio/wasm@0.6.0
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32), [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4), [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/wasm@0.5.1
+  - @gradio/statustracker@0.4.4
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/upload@0.6.1
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+  - @gradio/wasm@0.5.0
+
+## 0.4.0
+
+### Features
+
+- [#6133](https://github.com/gradio-app/gradio/pull/6133) [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383) - Lite: Support AnnotatedImage on Wasm. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.3.14
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/upload@0.5.7
+
+## 0.3.13
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+
+## 0.3.12
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.3.11
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+
+## 0.3.10
+
+### Patch Changes
+
+- Updated dependencies [[`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88), [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70), [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0), [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/upload@0.5.3
+  - @gradio/client@0.9.0
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.3.9
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+  - @gradio/upload@0.5.2
+
+## 0.3.8
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/upload@0.5.1
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/upload@0.4.1
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/statustracker@0.3.1
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.2
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.1
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0-beta.0
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+  - @gradio/upload@0.3.3
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd)]:
+  - @gradio/upload@0.0.3
\ No newline at end of file
diff --git a/js/annotatedimage/Index.svelte b/js/annotatedimage/Index.svelte
new file mode 100644
index 0000000..1a85305
--- /dev/null
+++ b/js/annotatedimage/Index.svelte
@@ -0,0 +1,193 @@
+<script lang="ts">
+	import {
+		Block,
+		BlockLabel,
+		Empty,
+		IconButtonWrapper,
+		FullscreenButton
+	} from "@gradio/atoms";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import { Image } from "@gradio/icons";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { Gradio } from "@gradio/utils";
+	import type { AnnotatedImageProps, AnnotatedImageEvents } from "./types";
+
+	const props = $props();
+	const gradio = new Gradio<AnnotatedImageEvents, AnnotatedImageProps>(props);
+
+	let active: string | null = $state(null);
+	let image_container: HTMLElement;
+	let fullscreen = $state(false);
+	let label = $derived(
+		gradio.shared.label || gradio.i18n("annotated_image.annotated_image")
+	);
+
+	gradio.watch_for_change();
+
+	function handle_mouseover(_label: string): void {
+		active = _label;
+	}
+
+	function handle_mouseout(): void {
+		active = null;
+	}
+
+	function handle_click(i: number, value: string): void {
+		gradio.dispatch("select", {
+			value: value,
+			index: i
+		});
+	}
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	padding={false}
+	height={gradio.props.height}
+	width={gradio.props.width}
+	allow_overflow={false}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	bind:fullscreen
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+	/>
+	<BlockLabel show_label={gradio.shared.show_label} Icon={Image} {label} />
+
+	<div class="container">
+		{#if gradio.props.value == null}
+			<Empty size="large" unpadded_box={true}><Image /></Empty>
+		{:else}
+			<div class="image-container" bind:this={image_container}>
+				<IconButtonWrapper
+					buttons={gradio.props.buttons || []}
+					on_custom_button_click={(id) => {
+						gradio.dispatch("custom_button_click", { id });
+					}}
+				>
+					{#if (gradio.props.buttons || []).some((btn) => typeof btn === "string" && btn === "fullscreen")}
+						<FullscreenButton
+							{fullscreen}
+							onclick={(fs) => (fullscreen = fs)}
+						/>
+					{/if}
+				</IconButtonWrapper>
+
+				<img
+					class="base-image"
+					class:fit-height={gradio.props.height && !fullscreen}
+					src={gradio.props.value ? gradio.props.value.image.url : null}
+					alt="the base file that is annotated"
+				/>
+				{#each gradio.props.value ? gradio.props.value.annotations : [] as ann, i}
+					<img
+						alt="segmentation mask identifying {gradio.shared
+							.label} within the uploaded file"
+						class="mask fit-height"
+						class:fit-height={!fullscreen}
+						class:active={active == ann.label}
+						class:inactive={active != ann.label && active != null}
+						src={ann.image.url}
+						style={gradio.props.color_map && ann.label in gradio.props.color_map
+							? null
+							: `filter: hue-rotate(${Math.round(
+									(i * 360) / (gradio.props.value?.annotations.length ?? 1)
+								)}deg);`}
+					/>
+				{/each}
+			</div>
+			{#if gradio.props.show_legend && gradio.props.value}
+				<div class="legend">
+					{#each gradio.props.value.annotations as ann, i}
+						<button
+							class="legend-item"
+							style="background-color: {gradio.props.color_map &&
+							ann.label in gradio.props.color_map
+								? gradio.props.color_map[ann.label] + '88'
+								: `hsla(${Math.round(
+										(i * 360) / gradio.props.value.annotations.length
+									)}, 100%, 50%, 0.3)`}"
+							on:mouseover={() => handle_mouseover(ann.label)}
+							on:focus={() => handle_mouseover(ann.label)}
+							on:mouseout={() => handle_mouseout()}
+							on:blur={() => handle_mouseout()}
+							on:click={() => handle_click(i, ann.label)}
+						>
+							{ann.label}
+						</button>
+					{/each}
+				</div>
+			{/if}
+		{/if}
+	</div>
+</Block>
+
+<style>
+	.base-image {
+		display: block;
+		width: 100%;
+		height: auto;
+	}
+	.container {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+	.image-container {
+		position: relative;
+		top: 0;
+		left: 0;
+		flex-grow: 1;
+		width: 100%;
+		overflow: hidden;
+	}
+	.fit-height {
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		object-fit: contain;
+	}
+	.mask {
+		opacity: 0.85;
+		transition: all 0.2s ease-in-out;
+		position: absolute;
+	}
+	.image-container:hover .mask {
+		opacity: 0.3;
+	}
+	.mask.active {
+		opacity: 1;
+	}
+	.mask.inactive {
+		opacity: 0;
+	}
+	.legend {
+		display: flex;
+		flex-direction: row;
+		flex-wrap: wrap;
+		align-content: center;
+		justify-content: center;
+		align-items: center;
+		gap: var(--spacing-sm);
+		padding: var(--spacing-sm);
+	}
+	.legend-item {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		cursor: pointer;
+		border-radius: var(--radius-sm);
+		padding: var(--spacing-sm);
+	}
+</style>
diff --git a/js/annotatedimage/package.json b/js/annotatedimage/package.json
new file mode 100644
index 0000000..fef341b
--- /dev/null
+++ b/js/annotatedimage/package.json
@@ -0,0 +1,37 @@
+{
+	"name": "@gradio/annotatedimage",
+	"version": "0.12.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/client": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/annotatedimage"
+	}
+}
diff --git a/js/annotatedimage/types.ts b/js/annotatedimage/types.ts
new file mode 100644
index 0000000..a67663c
--- /dev/null
+++ b/js/annotatedimage/types.ts
@@ -0,0 +1,27 @@
+import type { FileData } from "@gradio/client";
+import type { CustomButton } from "@gradio/utils";
+
+export interface Annotation {
+	image: FileData;
+	label: string;
+}
+
+export interface AnnotatedImageValue {
+	image: FileData;
+	annotations: Annotation[];
+}
+
+export interface AnnotatedImageProps {
+	value: AnnotatedImageValue | null;
+	show_legend: boolean;
+	height: number | undefined;
+	width: number | undefined;
+	color_map: Record<string, string>;
+	buttons: (string | CustomButton)[];
+}
+
+export interface AnnotatedImageEvents {
+	change: never;
+	select: { index: number; value: string };
+	custom_button_click: { id: number };
+}
diff --git a/js/app/.gitignore b/js/app/.gitignore
new file mode 100644
index 0000000..79518f7
--- /dev/null
+++ b/js/app/.gitignore
@@ -0,0 +1,21 @@
+node_modules
+
+# Output
+.output
+.vercel
+/.svelte-kit
+/build
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*
diff --git a/js/app/CHANGELOG.md b/js/app/CHANGELOG.md
new file mode 100644
index 0000000..ba5f7ce
--- /dev/null
+++ b/js/app/CHANGELOG.md
@@ -0,0 +1,2944 @@
+# @self/app
+
+## 2.2.2
+
+### Dependency updates
+
+- @gradio/client@2.3.1
+- @gradio/core@1.9.0
+
+## 2.2.2
+
+### Dependency updates
+
+- @gradio/client@2.3.0
+- @gradio/theme@0.6.2
+- @gradio/core@1.8.0
+
+## 2.2.2
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 2.2.2
+
+### Fixes
+
+- [#13450](https://github.com/gradio-app/gradio/pull/13450) [`dba4a16`](https://github.com/gradio-app/gradio/commit/dba4a168ce00c15497fd2b99a3364ebbb4842b72) - preserve head script execution order.  Thanks @hysts!
+
+## 2.2.1
+
+### Fixes
+
+- [#13463](https://github.com/gradio-app/gradio/pull/13463) [`58088ad`](https://github.com/gradio-app/gradio/commit/58088ad1d75eee0f93ba1c02f427ee04f60847b4) - Self-host frontend assets so that Gradio works offline!.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/core@1.6.0
+
+## 2.2.0
+
+### Features
+
+- [#13366](https://github.com/gradio-app/gradio/pull/13366) [`10f43e0`](https://github.com/gradio-app/gradio/commit/10f43e0fe187aac9594f3a9765f8addc81b63ad1) - Offload traffic to static workers and use node as the proxy.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/core@1.5.1
+
+## 2.1.1
+
+### Dependency updates
+
+- @gradio/core@1.5.0
+
+## 2.1.1
+
+### Fixes
+
+- [#13239](https://github.com/gradio-app/gradio/pull/13239) [`9efdcb5`](https://github.com/gradio-app/gradio/commit/9efdcb57b46fc808dc55051a113154489fcc237d) - Reduce `gradio` package size by restoring frontend settings.  Thanks @abidlabs!
+- [#13210](https://github.com/gradio-app/gradio/pull/13210) [`4005b93`](https://github.com/gradio-app/gradio/commit/4005b93dd59d7e0d144619986f01e900659b3d0b) - Fix ZeroGPU handling for `gr.Server`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.2.0
+- @gradio/core@1.4.2
+
+## 2.1.0
+
+### Dependency updates
+
+- @gradio/core@1.4.2
+
+## 2.1.0
+
+### Dependency updates
+
+- @gradio/core@1.4.1
+
+## 2.1.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@1.4.0
+- @self/build@0.6.0
+
+## 2.0.6
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 2.0.6
+
+### Fixes
+
+- [#12797](https://github.com/gradio-app/gradio/pull/12797) [`6a0c6ea`](https://github.com/gradio-app/gradio/commit/6a0c6eae53931ec137c0b8379428acc8a7ea27c9) - Refactor translation logic.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/core@1.2.0
+
+## 2.0.5
+
+### Fixes
+
+- [#12828](https://github.com/gradio-app/gradio/pull/12828) [`151cbd1`](https://github.com/gradio-app/gradio/commit/151cbd1aac0da3aeb5f0b7b33585223d2bc47138) - Fix private spaces.  Thanks @freddyaboulton!
+- [#12835](https://github.com/gradio-app/gradio/pull/12835) [`5ecf6d2`](https://github.com/gradio-app/gradio/commit/5ecf6d27c50a20e2329c1aca0634924479ceb6cd) - Fix CSS root in spaces.  Thanks @freddyaboulton!
+- [#12817](https://github.com/gradio-app/gradio/pull/12817) [`05acc66`](https://github.com/gradio-app/gradio/commit/05acc6627de866db6a742e0540c2733041d76a86) - Fix Login.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.0.4
+- @gradio/core@1.1.3
+
+## 2.0.4
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12472](https://github.com/gradio-app/gradio/pull/12472) [`9a2bc0d`](https://github.com/gradio-app/gradio/commit/9a2bc0dacdd2b3f670fae815093c61ad08eee7e3) - Re-enable SSR mode.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@2.0.3
+- @gradio/theme@0.6.1
+- @gradio/core@1.1.2
+- @self/build@0.5.2
+
+## 2.0.3
+
+### Fixes
+
+- [#12679](https://github.com/gradio-app/gradio/pull/12679) [`45cb6be`](https://github.com/gradio-app/gradio/commit/45cb6be9bedfbfcdad9b3ac4df26342f29143c73) - Fix SSR mode styling by enabling PostCSS custom media preprocessing.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.0.2
+- @gradio/theme@0.6.0
+- @gradio/core@1.1.1
+- @self/build@0.5.1
+
+## 2.0.2
+
+### Dependency updates
+
+- @gradio/client@2.0.1
+- @gradio/core@1.1.0
+
+## 2.0.2
+
+### Fixes
+
+- [#12508](https://github.com/gradio-app/gradio/pull/12508) [`0715279`](https://github.com/gradio-app/gradio/commit/0715279005cbd6fea3c8081996aa5afddbd27e34) - Fix custom `js` param.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/core@1.0.2
+
+## 2.0.1
+
+### Fixes
+
+- [#12416](https://github.com/gradio-app/gradio/pull/12416) [`7e867fd`](https://github.com/gradio-app/gradio/commit/7e867fde9070849fb474a08544c72f2522a9cbe9) - Fix custom components for gradio 6.  Thanks @pngwn!
+- [#12461](https://github.com/gradio-app/gradio/pull/12461) [`9a86e80`](https://github.com/gradio-app/gradio/commit/9a86e8064787029bc20b086c6f3191879f786e0f) - Fix Login Gradio 6.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/core@1.0.1
+
+## 2.0.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix browser component tests
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix full width toast issue
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Rename show_api
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Reload Mode in 6.0
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Reduce files in build
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix custom components
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - gr.HTML "custom components"
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/client@2.0.0
+- @gradio/core@1.0.0
+- @gradio/theme@0.5.0
+- @self/build@0.5.0
+
+## 2.0.0-dev.3
+
+### Features
+
+- [#12383](https://github.com/gradio-app/gradio/pull/12383) [`6505763`](https://github.com/gradio-app/gradio/commit/650576399bad10f03aaa03dd9437f03b47ba378b) - Fix Reload Mode in 6.0.  Thanks @freddyaboulton!
+- [#12381](https://github.com/gradio-app/gradio/pull/12381) [`36d5657`](https://github.com/gradio-app/gradio/commit/36d5657128a81739a78d6b11b3f5a632a9027ab1) - Fix full width toast issue.  Thanks @freddyaboulton!
+- [#12391](https://github.com/gradio-app/gradio/pull/12391) [`5ba7e1e`](https://github.com/gradio-app/gradio/commit/5ba7e1e7d502017551c5899db175bcc9c6fb5eaa) - Reduce files in build.  Thanks @freddyaboulton!
+- [#12397](https://github.com/gradio-app/gradio/pull/12397) [`f2a47fe`](https://github.com/gradio-app/gradio/commit/f2a47fe4f155a1ed93ad3e8f18504e9427ba61d2) - fix custom components.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@1.0.0-dev.3
+- @gradio/client@2.0.0-dev.2
+- @self/build@0.5.0-dev.1
+
+## 2.0.0-dev.2
+
+### Features
+
+- [#12098](https://github.com/gradio-app/gradio/pull/12098) [`3965abe`](https://github.com/gradio-app/gradio/commit/3965abe584fef88e23501ffb67145fd47e517633) - gr.HTML "custom components".  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/theme@0.5.0-dev.0
+- @gradio/core@1.0.0-dev.1
+- @self/build@0.4.1-dev.0
+
+## 2.0.0-dev.1
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+- @gradio/core@1.0.0-dev.0
+
+## 1.52.2-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.0
+- @gradio/core@0.29.2
+
+## 1.52.1
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 1.52.1
+
+### Fixes
+
+- [#11972](https://github.com/gradio-app/gradio/pull/11972) [`cc27cd7`](https://github.com/gradio-app/gradio/commit/cc27cd765559a047efffe1073063cad0e071de0c) - Fix postMessage warning when running outside hugging face spaces.  Thanks @freddyaboulton!
+
+## 1.52.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.19.0
+- @gradio/core@0.29.0
+- @self/build@0.4.0
+
+## 1.51.0
+
+### Features
+
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11815](https://github.com/gradio-app/gradio/pull/11815) [`1a477c5`](https://github.com/gradio-app/gradio/commit/1a477c5202c13097d1089fb70a32a08db22d7660) - Fix i18n string visible during load and i18n not respecting HTML.  Thanks @freddyaboulton!
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.28.0
+- @gradio/client@1.18.0
+- @self/build@0.3.0
+
+## 1.50.9
+
+### Dependency updates
+
+- @gradio/client@1.17.1
+- @gradio/core@0.27.0
+
+## 1.50.8
+
+### Dependency updates
+
+- @gradio/client@1.17.0
+- @gradio/core@0.26.0
+
+## 1.50.7
+
+### Dependency updates
+
+- @gradio/client@1.16.0
+- @gradio/core@0.25.0
+
+## 1.50.6
+
+### Dependency updates
+
+- @gradio/client@1.15.7
+- @gradio/core@0.24.0
+
+## 1.50.5
+
+### Dependency updates
+
+- @gradio/core@0.23.2
+
+## 1.50.4
+
+### Features
+
+- [#11615](https://github.com/gradio-app/gradio/pull/11615) [`e2b66d7`](https://github.com/gradio-app/gradio/commit/e2b66d718f3a8f57b6ee224502849ee737b1b120) - fix change events for hidden components.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.23.1
+
+## 1.50.3
+
+### Features
+
+- [#11543](https://github.com/gradio-app/gradio/pull/11543) [`ac95ac0`](https://github.com/gradio-app/gradio/commit/ac95ac0d8c2e65d1632376e632fb7d16131334b6) - Connection handling messaging.  Thanks @aliabid94!
+- [#11584](https://github.com/gradio-app/gradio/pull/11584) [`78428cb`](https://github.com/gradio-app/gradio/commit/78428cb29bf6dc66d583b7cf93dd404aef737e75) - Fix reload mode.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/core@0.23.0
+- @gradio/client@1.15.6
+
+## 1.50.2
+
+### Fixes
+
+- [#11504](https://github.com/gradio-app/gradio/pull/11504) [`1bb635d`](https://github.com/gradio-app/gradio/commit/1bb635d7721232dd715478a1c52620771dca1a20) - Fix fonts in SSR mode.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/core@0.22.0
+
+## 1.50.1
+
+### Features
+
+- [#11539](https://github.com/gradio-app/gradio/pull/11539) [`6b6d95b`](https://github.com/gradio-app/gradio/commit/6b6d95b6409f9136233ba1d4f55a1cab9e040070) - Update @huggingface/space-header to 1.0.4.  Thanks @aayush4vedi!
+
+## 1.50.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+- [#11511](https://github.com/gradio-app/gradio/pull/11511) [`1a99336`](https://github.com/gradio-app/gradio/commit/1a99336043076e7b0a4c4b07f97082f0361882f4) - Fix SSR.  Thanks @pngwn!
+
+### Fixes
+
+- [#11435](https://github.com/gradio-app/gradio/pull/11435) [`50d43a8`](https://github.com/gradio-app/gradio/commit/50d43a8e8bc2a4862668a5d46a5e6482b4f75fe3) - SSR Auth Fix.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/client@1.15.5
+- @gradio/core@0.21.0
+
+## 1.49.16
+
+### Fixes
+
+- [#11421](https://github.com/gradio-app/gradio/pull/11421) [`c2acf6e`](https://github.com/gradio-app/gradio/commit/c2acf6e33025fe7bbfe0660c182006651cc95090) - Preserve value in reload mode.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/client@1.15.4
+- @gradio/core@0.20.0
+
+## 1.49.15
+
+### Fixes
+
+- [#11414](https://github.com/gradio-app/gradio/pull/11414) [`b2b40b6`](https://github.com/gradio-app/gradio/commit/b2b40b633d3aae5e2538198f116abd57aab6eea4) - Fixes white background appears while a Gradio app with SSR is loading.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/core@0.19.3
+
+## 1.49.14
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/client@1.15.3
+- @gradio/core@0.19.3
+
+## 1.49.13
+
+### Dependency updates
+
+- @gradio/core@0.19.2
+
+## 1.49.12
+
+### Dependency updates
+
+- @gradio/client@1.15.2
+- @gradio/core@0.19.1
+
+## 1.49.11
+
+### Dependency updates
+
+- @gradio/core@0.19.0
+
+## 1.49.10
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+- @gradio/core@0.18.1
+
+## 1.49.9
+
+### Dependency updates
+
+- @gradio/core@0.18.0
+
+## 1.49.8
+
+### Dependency updates
+
+- @gradio/client@1.15.0
+- @gradio/core@0.17.0
+
+## 1.49.7
+
+### Dependency updates
+
+- @gradio/core@0.16.1
+
+## 1.49.6
+
+### Dependency updates
+
+- @gradio/core@0.16.0
+
+## 1.49.5
+
+### Dependency updates
+
+- @gradio/core@0.15.1
+
+## 1.49.4
+
+### Dependency updates
+
+- @gradio/core@0.15.0
+
+## 1.49.3
+
+### Dependency updates
+
+- @gradio/core@0.14.1
+
+## 1.49.2
+
+### Dependency updates
+
+- @gradio/client@1.14.2
+- @gradio/core@0.14.0
+
+## 1.49.1
+
+### Fixes
+
+- [#10968](https://github.com/gradio-app/gradio/pull/10968) [`238702a`](https://github.com/gradio-app/gradio/commit/238702a709c23f9c1b6302eb143c7cb71a3a066b) - Fix Default meta social tags + Add ability to override existing meta tags.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/core@0.14.0
+
+## 1.49.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.13.2
+
+## 1.48.1
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/core@0.13.2
+
+## 1.48.0
+
+### Features
+
+- [#10834](https://github.com/gradio-app/gradio/pull/10834) [`c05610c`](https://github.com/gradio-app/gradio/commit/c05610c87dd7f9e9fe5d0aed2fe93e40fdd32648) - Add Deep Links.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.14.0
+- @gradio/core@0.13.1
+- @gradio/wasm@0.18.0
+
+## 1.47.7
+
+### Dependency updates
+
+- @gradio/core@0.13.0
+
+## 1.47.6
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/core@0.12.1
+
+## 1.47.5
+
+### Dependency updates
+
+- @gradio/client@1.13.0
+- @gradio/core@0.12.0
+
+## 1.47.4
+
+### Dependency updates
+
+- @gradio/core@0.11.1
+
+## 1.47.3
+
+### Dependency updates
+
+- @gradio/core@0.11.0
+
+## 1.47.2
+
+### Dependency updates
+
+- @gradio/core@0.10.1
+
+## 1.47.1
+
+### Fixes
+
+- [#10533](https://github.com/gradio-app/gradio/pull/10533) [`59c892d`](https://github.com/gradio-app/gradio/commit/59c892d5620951ca404bd72cae6765cf25f15bc5) - support URL params for themes in SSR mode.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/theme@0.4.0
+- @gradio/client@1.12.0
+- @gradio/core@0.10.0
+- @gradio/wasm@0.17.3
+- @self/build@0.2.1
+
+## 1.47.0
+
+### Features
+
+- [#10433](https://github.com/gradio-app/gradio/pull/10433) [`2e8dc74`](https://github.com/gradio-app/gradio/commit/2e8dc74f751be02f7217f78d241806b42fcdca04) - Allow building multipage Gradio apps.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/core@0.9.0
+
+## 1.46.3
+
+### Dependency updates
+
+- @gradio/wasm@0.17.2
+- @gradio/core@0.8.0
+
+## 1.46.2
+
+### Dependency updates
+
+- @gradio/wasm@0.17.1
+- @gradio/core@0.7.0
+
+## 1.46.1
+
+### Dependency updates
+
+- @gradio/wasm@0.17.0
+- @gradio/core@0.7.0
+
+## 1.46.0
+
+### Features
+
+- [#10270](https://github.com/gradio-app/gradio/pull/10270) [`bb11a2a`](https://github.com/gradio-app/gradio/commit/bb11a2a702ca04fde245e7d54d155cbcbde7791e) - [ZeroGPU] Handshake-based postMessage.  Thanks @cbensimon!
+
+### Dependency updates
+
+- @gradio/client@1.10.0
+- @gradio/core@0.6.1
+
+## 1.45.0
+
+### Features
+
+- [#10187](https://github.com/gradio-app/gradio/pull/10187) [`64d1864`](https://github.com/gradio-app/gradio/commit/64d1864f8fb6f2d0b274fcf7bd47bdb1f6a77980) - `manifest json` for PWA.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/client@1.9.0
+- @gradio/wasm@0.16.0
+- @gradio/core@0.6.0
+
+## 1.44.2
+
+### Dependency updates
+
+- @gradio/core@0.5.0
+
+## 1.44.1
+
+### Dependency updates
+
+- @gradio/core@0.4.1
+
+## 1.44.0
+
+### Features
+
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@1.8.0
+- @gradio/core@0.4.0
+
+## 1.43.1
+
+### Dependency updates
+
+- @gradio/wasm@0.15.0
+- @gradio/core@0.3.0
+
+## 1.43.0
+
+### Features
+
+- [#9794](https://github.com/gradio-app/gradio/pull/9794) [`70bda3b`](https://github.com/gradio-app/gradio/commit/70bda3bb187a7219f4707344cf47edd0a021da19) - fix storybook build.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.7.1
+- @gradio/core@0.2.1
+
+## 1.42.1
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @self/build@0.2.0
+- @gradio/core@0.2.1
+
+## 1.42.0
+
+### Features
+
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+### Dependency updates
+
+- @gradio/client@1.7.0
+- @gradio/wasm@0.14.2
+- @self/build@0.1.1
+- @gradio/core@0.2.0
+
+## 1.41.2
+
+### Fixes
+
+- [#9669](https://github.com/gradio-app/gradio/pull/9669) [`70998ea`](https://github.com/gradio-app/gradio/commit/70998ea75276e677595447ac36b67e1152e589a2) - fix height in iframe.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.14.1
+- @gradio/core@0.1.1
+
+## 1.41.1
+
+### Features
+
+- [#9617](https://github.com/gradio-app/gradio/pull/9617) [`c163182`](https://github.com/gradio-app/gradio/commit/c163182d1b752ef91629f9caa13bf3cce0fb0869) - Fix dark mode detection and container height.  Thanks @pngwn!
+- [#9616](https://github.com/gradio-app/gradio/pull/9616) [`ca7cd79`](https://github.com/gradio-app/gradio/commit/ca7cd79e7bdbc50570372c19391083a0f6501576) - fix devmode.  Thanks @pngwn!
+
+### Fixes
+
+- [#9630](https://github.com/gradio-app/gradio/pull/9630) [`2eaa066`](https://github.com/gradio-app/gradio/commit/2eaa0667e1d1a0edd1089bf8c3ffa3f563b9bca2) - Fix duplicate attribute error.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.1.1
+
+## 1.41.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - SSR e2e + fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix custom component CLI on main/5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - fix css
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix reload mode
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - fix SSR apps on spaces
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix favicon in ssr mode
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ensure media queries work for SSR mode
+
+### Dependencies
+
+- @gradio/client@1.6.0
+- @gradio/core@0.1.0
+- @gradio/theme@0.3.0
+- @gradio/wasm@0.14.0
+- @self/build@0.1.0
+
+## 1.41.0-beta.7
+
+### Features
+
+- [#9590](https://github.com/gradio-app/gradio/pull/9590) [`e853c41`](https://github.com/gradio-app/gradio/commit/e853c413583d91186aef3aceb0849d0ec0494834) - SSR e2e + fixes.  Thanks @pngwn!
+- [#9482](https://github.com/gradio-app/gradio/pull/9482) [`bd6c5f2`](https://github.com/gradio-app/gradio/commit/bd6c5f237b0631d86273c7684c3bf2b1011992a3) - Fix custom component CLI on main/5.0.  Thanks @freddyaboulton!
+- [#9576](https://github.com/gradio-app/gradio/pull/9576) [`430a26a`](https://github.com/gradio-app/gradio/commit/430a26a4fbcbabb5e9ddb6173bf658a00960e88e) - Fix reload mode.  Thanks @freddyaboulton!
+- [#9592](https://github.com/gradio-app/gradio/pull/9592) [`24fe222`](https://github.com/gradio-app/gradio/commit/24fe222fd17583d04dd31aebf60b649224e8382f) - Fix favicon in ssr mode.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/core@0.1.0-beta.6
+- @self/build@0.1.0-beta.3
+
+## 1.41.0-beta.6
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.4
+- @gradio/core@0.1.0-beta.5
+
+## 1.41.0-beta.5
+
+### Features
+
+- [#9428](https://github.com/gradio-app/gradio/pull/9428) [`a17c7b6`](https://github.com/gradio-app/gradio/commit/a17c7b6e01bcee88b57a5231d0ff876f79adb8b1) - Ensure media queries work for SSR mode.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.1.0-beta.4
+
+## 1.41.0-beta.4
+
+### Dependency updates
+
+- @gradio/wasm@0.14.0-beta.3
+- @gradio/core@0.1.0-beta.4
+
+## 1.41.0-beta.3
+
+### Features
+
+- [#9427](https://github.com/gradio-app/gradio/pull/9427) [`b672deb`](https://github.com/gradio-app/gradio/commit/b672deb240e1934f3cde6d257dbe93e3fa8b1857) - fix css.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.1.0-beta.3
+
+## 1.41.0-beta.2
+
+### Features
+
+- [#9412](https://github.com/gradio-app/gradio/pull/9412) [`c2c2fd9`](https://github.com/gradio-app/gradio/commit/c2c2fd989348f826566773c07c0e0bda200199ff) - fix SSR apps on spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.3
+- @gradio/core@0.1.0-beta.3
+
+## 1.41.0-beta.1
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/core@0.1.0-beta.2
+- @self/build@0.1.0-beta.2
+
+## 1.40.1-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 1.40.0
+
+### Features
+
+- [#8935](https://github.com/gradio-app/gradio/pull/8935) [`f6b2b97`](https://github.com/gradio-app/gradio/commit/f6b2b97d473dd81571410cccc6e1ddfcf9fa00bc) - Initialize the client with the fake host for Lite server.  Thanks @whitphx!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+- [#9110](https://github.com/gradio-app/gradio/pull/9110) [`e1e7ad3`](https://github.com/gradio-app/gradio/commit/e1e7ad3add2679cafab5c05856aba6e28c0f2b76) - fix version + pkg name.  Thanks @pngwn!
+
+## 1.39.2
+
+### Dependency updates
+
+- @gradio/code@0.8.2
+- @gradio/paramviewer@0.4.20
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/column@0.1.2
+- @gradio/client@1.5.0
+- @gradio/gallery@0.12.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/markdown@0.9.2
+- @gradio/plot@0.6.3
+- @gradio/image@0.14.0
+- @gradio/file@0.9.2
+- @gradio/chatbot@0.12.4
+- @gradio/annotatedimage@0.7.0
+- @gradio/imageeditor@0.9.0
+- @gradio/nativeplot@0.3.0
+- @gradio/model3d@0.12.0
+- @gradio/audio@0.13.2
+- @gradio/button@0.2.49
+- @gradio/dataframe@0.9.2
+- @gradio/dataset@0.2.3
+- @gradio/downloadbutton@0.1.26
+- @gradio/fileexplorer@0.4.17
+- @gradio/multimodaltextbox@0.5.5
+- @gradio/simpleimage@0.6.5
+- @gradio/uploadbutton@0.6.17
+- @gradio/video@0.10.2
+- @gradio/datetime@0.1.2
+- @gradio/dropdown@0.7.11
+- @gradio/form@0.1.23
+- @gradio/highlightedtext@0.7.5
+- @gradio/html@0.3.4
+- @gradio/json@0.3.1
+- @gradio/label@0.3.11
+- @gradio/simpledropdown@0.2.11
+- @gradio/simpletextbox@0.2.11
+- @gradio/textbox@0.6.10
+- @gradio/accordion@0.3.21
+- @gradio/box@0.1.23
+- @gradio/checkbox@0.3.11
+- @gradio/checkboxgroup@0.5.11
+- @gradio/colorpicker@0.3.11
+- @gradio/fallback@0.3.11
+- @gradio/number@0.4.11
+- @gradio/radio@0.5.11
+- @gradio/slider@0.4.11
+- @gradio/row@0.1.3
+
+## 1.39.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/image@0.13.1
+- @gradio/video@0.10.1
+- @gradio/code@0.8.1
+- @gradio/paramviewer@0.4.19
+- @gradio/json@0.3.0
+- @gradio/multimodaltextbox@0.5.4
+- @gradio/nativeplot@0.2.0
+- @gradio/annotatedimage@0.6.15
+- @gradio/audio@0.13.1
+- @gradio/chatbot@0.12.3
+- @gradio/datetime@0.1.1
+- @gradio/dropdown@0.7.10
+- @gradio/file@0.9.1
+- @gradio/fileexplorer@0.4.16
+- @gradio/form@0.1.22
+- @gradio/gallery@0.11.4
+- @gradio/highlightedtext@0.7.4
+- @gradio/imageeditor@0.8.1
+- @gradio/label@0.3.10
+- @gradio/markdown@0.9.1
+- @gradio/model3d@0.11.2
+- @gradio/plot@0.6.2
+- @gradio/simpledropdown@0.2.10
+- @gradio/simpleimage@0.6.4
+- @gradio/simpletextbox@0.2.10
+- @gradio/textbox@0.6.9
+- @gradio/button@0.2.48
+- @gradio/dataframe@0.9.1
+- @gradio/dataset@0.2.2
+- @gradio/uploadbutton@0.6.16
+- @gradio/accordion@0.3.20
+- @gradio/checkbox@0.3.10
+- @gradio/checkboxgroup@0.5.10
+- @gradio/colorpicker@0.3.10
+- @gradio/column@0.1.2
+- @gradio/downloadbutton@0.1.25
+- @gradio/fallback@0.3.10
+- @gradio/html@0.3.3
+- @gradio/number@0.4.10
+- @gradio/radio@0.5.10
+- @gradio/row@0.1.3
+- @gradio/slider@0.4.10
+- @gradio/tabitem@0.2.13
+- @gradio/tabs@0.2.12
+- @gradio/timer@0.3.1
+- @gradio/group@0.1.1
+- @gradio/box@0.1.22
+
+## 1.39.0
+
+### Features
+
+- [#8832](https://github.com/gradio-app/gradio/pull/8832) [`e75f2ca`](https://github.com/gradio-app/gradio/commit/e75f2ca2da4f41f25459b98bedaa940c887e6a93) - Fix build for pre-release.  Thanks @pngwn!
+- [#8846](https://github.com/gradio-app/gradio/pull/8846) [`76c1759`](https://github.com/gradio-app/gradio/commit/76c175935019833baef709a5cf401d2263ca72ee) - add space header.  Thanks @pngwn!
+- [#8804](https://github.com/gradio-app/gradio/pull/8804) [`1d09925`](https://github.com/gradio-app/gradio/commit/1d09925469a5f96e8d3a972a28841903fa1c7265) - Fix Lite's <Playground />.  Thanks @whitphx!
+- [#8807](https://github.com/gradio-app/gradio/pull/8807) [`a238af4`](https://github.com/gradio-app/gradio/commit/a238af4d688c4e030e37c2ef01d5c80d6d940912) - Refactor plots to drop `altair` and use `vega.js` directly.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8818](https://github.com/gradio-app/gradio/pull/8818) [`2de9a97`](https://github.com/gradio-app/gradio/commit/2de9a97ae953cc5c58c0d33d8966e638e76f950f) - Refactoring <gradio-lite /> component making the code simpler and fixing a Playground mode bug.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/code@0.8.0
+- @gradio/paramviewer@0.4.18
+- @gradio/audio@0.13.0
+- @gradio/video@0.10.0
+- @gradio/wasm@0.12.0
+- @gradio/markdown@0.9.0
+- @gradio/chatbot@0.12.2
+- @gradio/client@1.4.0
+- @gradio/image@0.13.0
+- @gradio/dataframe@0.9.0
+- @gradio/statustracker@0.7.2
+- @gradio/imageeditor@0.8.0
+- @gradio/file@0.9.0
+- @gradio/upload@0.12.0
+- @gradio/datetime@0.1.0
+- @gradio/nativeplot@0.1.0
+- @gradio/atoms@0.7.7
+- @gradio/simpleimage@0.6.3
+- @gradio/annotatedimage@0.6.14
+- @gradio/model3d@0.11.1
+- @gradio/button@0.2.47
+- @gradio/dataset@0.2.1
+- @gradio/downloadbutton@0.1.24
+- @gradio/fileexplorer@0.4.15
+- @gradio/gallery@0.11.3
+- @gradio/multimodaltextbox@0.5.3
+- @gradio/uploadbutton@0.6.15
+- @gradio/accordion@0.3.19
+- @gradio/checkbox@0.3.9
+- @gradio/checkboxgroup@0.5.9
+- @gradio/colorpicker@0.3.9
+- @gradio/column@0.1.2
+- @gradio/dropdown@0.7.9
+- @gradio/fallback@0.3.9
+- @gradio/highlightedtext@0.7.3
+- @gradio/html@0.3.2
+- @gradio/json@0.2.9
+- @gradio/label@0.3.9
+- @gradio/number@0.4.9
+- @gradio/plot@0.6.1
+- @gradio/radio@0.5.9
+- @gradio/row@0.1.3
+- @gradio/simpledropdown@0.2.9
+- @gradio/simpletextbox@0.2.9
+- @gradio/slider@0.4.9
+- @gradio/textbox@0.6.8
+- @gradio/box@0.1.21
+- @gradio/form@0.1.21
+
+## 1.38.1
+
+### Dependency updates
+
+- @gradio/chatbot@0.12.1
+
+## 1.38.0
+
+### Features
+
+- [#8713](https://github.com/gradio-app/gradio/pull/8713) [`e3c7079`](https://github.com/gradio-app/gradio/commit/e3c7079e380880d5759d98d180eaf688122f1c69) - Time range component.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+- [#8720](https://github.com/gradio-app/gradio/pull/8720) [`936c713`](https://github.com/gradio-app/gradio/commit/936c7137a99ef59efdf75bae5dd27eea2ac1f577) - Documents auth in the guides, in the view API page, and also types the Blocks.config object.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/markdown@0.8.1
+- @gradio/upload@0.11.5
+- @gradio/button@0.2.46
+- @gradio/paramviewer@0.4.17
+- @gradio/dataframe@0.8.13
+- @gradio/timer@0.3.0
+- @gradio/code@0.7.0
+- @gradio/chatbot@0.12.0
+- @gradio/image@0.12.2
+- @gradio/icons@0.6.0
+- @gradio/plot@0.6.0
+- @gradio/dataset@0.2.0
+- @gradio/model3d@0.11.0
+- @gradio/annotatedimage@0.6.13
+- @gradio/audio@0.12.2
+- @gradio/downloadbutton@0.1.23
+- @gradio/file@0.8.5
+- @gradio/fileexplorer@0.4.14
+- @gradio/gallery@0.11.2
+- @gradio/imageeditor@0.7.13
+- @gradio/multimodaltextbox@0.5.2
+- @gradio/simpleimage@0.6.2
+- @gradio/uploadbutton@0.6.14
+- @gradio/video@0.9.2
+- @gradio/accordion@0.3.18
+- @gradio/checkbox@0.3.8
+- @gradio/checkboxgroup@0.5.8
+- @gradio/colorpicker@0.3.8
+- @gradio/column@0.1.2
+- @gradio/datetime@0.0.2
+- @gradio/dropdown@0.7.8
+- @gradio/fallback@0.3.8
+- @gradio/form@0.1.20
+- @gradio/highlightedtext@0.7.2
+- @gradio/html@0.3.1
+- @gradio/json@0.2.8
+- @gradio/label@0.3.8
+- @gradio/number@0.4.8
+- @gradio/radio@0.5.8
+- @gradio/row@0.1.3
+- @gradio/simpledropdown@0.2.8
+- @gradio/simpletextbox@0.2.8
+- @gradio/slider@0.4.8
+- @gradio/tabitem@0.2.12
+- @gradio/tabs@0.2.11
+- @gradio/textbox@0.6.7
+- @gradio/group@0.1.1
+- @gradio/box@0.1.20
+
+## 1.37.1
+
+### Dependency updates
+
+- @gradio/code@0.6.13
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/gallery@0.11.1
+- @gradio/image@0.12.1
+- @gradio/chatbot@0.11.1
+- @gradio/file@0.8.4
+- @gradio/multimodaltextbox@0.5.1
+- @gradio/fileexplorer@0.4.13
+- @gradio/annotatedimage@0.6.12
+- @gradio/audio@0.12.1
+- @gradio/button@0.2.45
+- @gradio/dataframe@0.8.12
+- @gradio/dataset@0.1.45
+- @gradio/imageeditor@0.7.12
+- @gradio/model3d@0.10.12
+- @gradio/simpleimage@0.6.1
+- @gradio/uploadbutton@0.6.13
+- @gradio/video@0.9.1
+- @gradio/downloadbutton@0.1.22
+
+## 1.37.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+- [#8489](https://github.com/gradio-app/gradio/pull/8489) [`c2a0d05`](https://github.com/gradio-app/gradio/commit/c2a0d056d679d90631d9ccd944dadd67e7e03b7f) - Control Display of Error, Info, Warning.  Thanks @freddyaboulton!
+- [#8571](https://github.com/gradio-app/gradio/pull/8571) [`a77877f`](https://github.com/gradio-app/gradio/commit/a77877f62df7c610fcfac7b3b00e186a087c8ec6) - First time loading performance optimization.  Thanks @baojianting!
+
+### Fixes
+
+- [#8599](https://github.com/gradio-app/gradio/pull/8599) [`ca125b7`](https://github.com/gradio-app/gradio/commit/ca125b728a0803a5b5ed71a5189e6b68175edcad) - Fix reload mode for jupyter notebook and stateful demos.  Thanks @freddyaboulton!
+- [#8521](https://github.com/gradio-app/gradio/pull/8521) [`900cf25`](https://github.com/gradio-app/gradio/commit/900cf25256a5b0563860097d69aac28b6afbfd8b) - Ensure frontend functions work when they don't return a value.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.6.12
+- @gradio/atoms@0.7.5
+- @gradio/audio@0.12.0
+- @gradio/chatbot@0.11.0
+- @gradio/gallery@0.11.0
+- @gradio/image@0.12.0
+- @gradio/multimodaltextbox@0.5.0
+- @gradio/plot@0.5.0
+- @gradio/simpleimage@0.6.0
+- @gradio/utils@0.5.0
+- @gradio/video@0.9.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/html@0.3.0
+- @gradio/dataset@0.1.44
+- @gradio/markdown@0.8.0
+- @gradio/imageeditor@0.7.11
+- @gradio/accordion@0.3.17
+- @gradio/annotatedimage@0.6.11
+- @gradio/button@0.2.44
+- @gradio/checkbox@0.3.7
+- @gradio/checkboxgroup@0.5.7
+- @gradio/colorpicker@0.3.7
+- @gradio/column@0.1.2
+- @gradio/dataframe@0.8.11
+- @gradio/downloadbutton@0.1.21
+- @gradio/dropdown@0.7.7
+- @gradio/fallback@0.3.7
+- @gradio/file@0.8.3
+- @gradio/fileexplorer@0.4.12
+- @gradio/form@0.1.19
+- @gradio/highlightedtext@0.7.1
+- @gradio/json@0.2.7
+- @gradio/label@0.3.7
+- @gradio/model3d@0.10.11
+- @gradio/number@0.4.7
+- @gradio/paramviewer@0.4.16
+- @gradio/radio@0.5.7
+- @gradio/row@0.1.3
+- @gradio/simpledropdown@0.2.7
+- @gradio/simpletextbox@0.2.7
+- @gradio/slider@0.4.7
+- @gradio/tabitem@0.2.11
+- @gradio/tabs@0.2.10
+- @gradio/textbox@0.6.6
+- @gradio/upload@0.11.3
+- @gradio/uploadbutton@0.6.12
+- @gradio/group@0.1.1
+- @gradio/box@0.1.19
+
+## 1.36.2
+
+### Features
+
+- [#8499](https://github.com/gradio-app/gradio/pull/8499) [`c5f6e77`](https://github.com/gradio-app/gradio/commit/c5f6e7722a197d4706419ade14276ddecf3196f8) - Cache break themes on change.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.6.11
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/annotatedimage@0.6.10
+- @gradio/audio@0.11.10
+- @gradio/button@0.2.43
+- @gradio/chatbot@0.10.11
+- @gradio/dataframe@0.8.10
+- @gradio/dataset@0.1.43
+- @gradio/file@0.8.2
+- @gradio/fileexplorer@0.4.11
+- @gradio/gallery@0.10.10
+- @gradio/image@0.11.10
+- @gradio/imageeditor@0.7.10
+- @gradio/model3d@0.10.10
+- @gradio/multimodaltextbox@0.4.11
+- @gradio/simpleimage@0.5.10
+- @gradio/uploadbutton@0.6.11
+- @gradio/video@0.8.10
+- @gradio/downloadbutton@0.1.20
+
+## 1.36.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/code@0.6.10
+- @gradio/client@1.1.0
+- @gradio/annotatedimage@0.6.9
+- @gradio/audio@0.11.9
+- @gradio/button@0.2.42
+- @gradio/chatbot@0.10.10
+- @gradio/dataframe@0.8.9
+- @gradio/dataset@0.1.42
+- @gradio/downloadbutton@0.1.19
+- @gradio/file@0.8.1
+- @gradio/fileexplorer@0.4.10
+- @gradio/gallery@0.10.9
+- @gradio/image@0.11.9
+- @gradio/imageeditor@0.7.9
+- @gradio/model3d@0.10.9
+- @gradio/multimodaltextbox@0.4.10
+- @gradio/simpleimage@0.5.9
+- @gradio/uploadbutton@0.6.10
+- @gradio/video@0.8.9
+
+## 1.36.0
+
+### Features
+
+- [#8370](https://github.com/gradio-app/gradio/pull/8370) [`48eeea4`](https://github.com/gradio-app/gradio/commit/48eeea4eaab7e24168688e3c3fbafb30e4e78d51) - Refactor Cancelling Logic To Use /cancel.  Thanks @freddyaboulton!
+- [#8460](https://github.com/gradio-app/gradio/pull/8460) [`8628899`](https://github.com/gradio-app/gradio/commit/86288993d9589ceb7bcc3e4d10f0adb6419d4ac5) - Support Bash in Api Recorder.  Thanks @aliabd!
+- [#8444](https://github.com/gradio-app/gradio/pull/8444) [`2cd02ff`](https://github.com/gradio-app/gradio/commit/2cd02ff3b7c57cd69635d111ff25643eba30b9b0) - Remove deprecated parameters from Python Client.  Thanks @abidlabs!
+- [#8473](https://github.com/gradio-app/gradio/pull/8473) [`8ca93d4`](https://github.com/gradio-app/gradio/commit/8ca93d45dd9f8948cfe87fe16ef5943139e756a7) - Improve design of api recorder.  Thanks @aliabd!
+- [#8445](https://github.com/gradio-app/gradio/pull/8445) [`5c8915b`](https://github.com/gradio-app/gradio/commit/5c8915b11308756c3b7279864d240ea85f5a0b4a) - Add cURL to view API Page and add a dedicated Guide.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8451](https://github.com/gradio-app/gradio/pull/8451) [`9d2d605`](https://github.com/gradio-app/gradio/commit/9d2d6051caed5c8749a26a6fa7480a5ae6e6c4f3) - Change client submit API to be an AsyncIterable and support more platforms.  Thanks @pngwn!
+- [#8439](https://github.com/gradio-app/gradio/pull/8439) [`63d36fb`](https://github.com/gradio-app/gradio/commit/63d36fbbf4bf6dc909be9a0ffc7b6bf6621d83e8) - Handle gradio apps using `state` in the JS Client.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/code@0.6.9
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/file@0.8.0
+- @gradio/upload@0.11.0
+- @gradio/annotatedimage@0.6.8
+- @gradio/audio@0.11.8
+- @gradio/button@0.2.41
+- @gradio/chatbot@0.10.9
+- @gradio/dataframe@0.8.8
+- @gradio/dataset@0.1.41
+- @gradio/downloadbutton@0.1.18
+- @gradio/fileexplorer@0.4.9
+- @gradio/gallery@0.10.8
+- @gradio/image@0.11.8
+- @gradio/imageeditor@0.7.8
+- @gradio/model3d@0.10.8
+- @gradio/multimodaltextbox@0.4.9
+- @gradio/simpleimage@0.5.8
+- @gradio/uploadbutton@0.6.9
+- @gradio/video@0.8.8
+- @gradio/accordion@0.3.16
+- @gradio/checkbox@0.3.6
+- @gradio/checkboxgroup@0.5.6
+- @gradio/colorpicker@0.3.6
+- @gradio/column@0.1.2
+- @gradio/dropdown@0.7.6
+- @gradio/fallback@0.3.6
+- @gradio/form@0.1.18
+- @gradio/group@0.1.1
+- @gradio/highlightedtext@0.7.0
+- @gradio/html@0.2.6
+- @gradio/json@0.2.6
+- @gradio/label@0.3.6
+- @gradio/markdown@0.7.6
+- @gradio/number@0.4.6
+- @gradio/paramviewer@0.4.15
+- @gradio/plot@0.4.6
+- @gradio/radio@0.5.6
+- @gradio/row@0.1.3
+- @gradio/simpledropdown@0.2.6
+- @gradio/simpletextbox@0.2.6
+- @gradio/slider@0.4.6
+- @gradio/tabitem@0.2.10
+- @gradio/tabs@0.2.9
+- @gradio/textbox@0.6.5
+
+## 1.35.9
+
+### Dependency updates
+
+- @gradio/chatbot@0.10.8
+- @gradio/multimodaltextbox@0.4.8
+
+## 1.35.8
+
+### Fixes
+
+- [#8431](https://github.com/gradio-app/gradio/pull/8431) [`9909b28`](https://github.com/gradio-app/gradio/commit/9909b28364b82b5e8bfd7d47a858a204f68b963a) - fix scrolling on spaces.  Thanks @pngwn!
+
+## 1.35.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/code@0.6.8
+- @gradio/client@0.20.1
+- @gradio/annotatedimage@0.6.7
+- @gradio/audio@0.11.7
+- @gradio/button@0.2.40
+- @gradio/chatbot@0.10.7
+- @gradio/dataframe@0.8.7
+- @gradio/dataset@0.1.40
+- @gradio/downloadbutton@0.1.17
+- @gradio/file@0.7.7
+- @gradio/fileexplorer@0.4.8
+- @gradio/gallery@0.10.7
+- @gradio/image@0.11.7
+- @gradio/imageeditor@0.7.7
+- @gradio/model3d@0.10.7
+- @gradio/multimodaltextbox@0.4.7
+- @gradio/simpleimage@0.5.7
+- @gradio/uploadbutton@0.6.8
+- @gradio/video@0.8.7
+
+## 1.35.6
+
+### Features
+
+- [#8243](https://github.com/gradio-app/gradio/pull/8243) [`55f664f`](https://github.com/gradio-app/gradio/commit/55f664f2979a49acc29a73cde16c6ebdfcc91db2) - Add event listener support to render blocks.  Thanks @aliabid94!
+- [#8398](https://github.com/gradio-app/gradio/pull/8398) [`945ac83`](https://github.com/gradio-app/gradio/commit/945ac837e779b120790814ea6f6f81bd2712f5f8) - Improve rendering.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.6.7
+- @gradio/client@0.20.0
+- @gradio/model3d@0.10.6
+- @gradio/column@0.1.2
+- @gradio/row@0.1.3
+- @gradio/statustracker@0.6.0
+- @gradio/dataset@0.1.39
+- @gradio/accordion@0.3.16
+- @gradio/highlightedtext@0.7.0
+- @gradio/annotatedimage@0.6.6
+- @gradio/audio@0.11.6
+- @gradio/button@0.2.39
+- @gradio/chatbot@0.10.6
+- @gradio/dataframe@0.8.6
+- @gradio/downloadbutton@0.1.16
+- @gradio/file@0.7.6
+- @gradio/fileexplorer@0.4.7
+- @gradio/gallery@0.10.6
+- @gradio/image@0.11.6
+- @gradio/imageeditor@0.7.6
+- @gradio/multimodaltextbox@0.4.6
+- @gradio/simpleimage@0.5.6
+- @gradio/upload@0.10.6
+- @gradio/uploadbutton@0.6.7
+- @gradio/video@0.8.6
+- @gradio/tabitem@0.2.10
+- @gradio/checkbox@0.3.6
+- @gradio/checkboxgroup@0.5.6
+- @gradio/colorpicker@0.3.6
+- @gradio/dropdown@0.7.6
+- @gradio/fallback@0.3.6
+- @gradio/html@0.2.6
+- @gradio/json@0.2.6
+- @gradio/label@0.3.6
+- @gradio/markdown@0.7.6
+- @gradio/number@0.4.6
+- @gradio/paramviewer@0.4.15
+- @gradio/plot@0.4.6
+- @gradio/radio@0.5.6
+- @gradio/simpledropdown@0.2.6
+- @gradio/simpletextbox@0.2.6
+- @gradio/slider@0.4.6
+- @gradio/textbox@0.6.5
+
+## 1.35.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/tabs@0.2.9
+- @gradio/code@0.6.6
+- @gradio/markdown@0.7.5
+- @gradio/theme@0.2.3
+- @gradio/client@0.19.4
+- @gradio/audio@0.11.5
+- @gradio/image@0.11.5
+- @gradio/video@0.8.5
+- @gradio/chatbot@0.10.5
+- @gradio/file@0.7.5
+- @gradio/dataframe@0.8.5
+- @gradio/highlightedtext@0.6.4
+- @gradio/plot@0.4.5
+- @gradio/fileexplorer@0.4.6
+- @gradio/gallery@0.10.5
+- @gradio/annotatedimage@0.6.5
+- @gradio/button@0.2.38
+- @gradio/dataset@0.1.38
+- @gradio/downloadbutton@0.1.15
+- @gradio/imageeditor@0.7.5
+- @gradio/model3d@0.10.5
+- @gradio/multimodaltextbox@0.4.5
+- @gradio/simpleimage@0.5.5
+- @gradio/uploadbutton@0.6.6
+- @gradio/accordion@0.3.15
+- @gradio/checkbox@0.3.5
+- @gradio/checkboxgroup@0.5.5
+- @gradio/colorpicker@0.3.5
+- @gradio/dropdown@0.7.5
+- @gradio/fallback@0.3.5
+- @gradio/form@0.1.18
+- @gradio/html@0.2.5
+- @gradio/json@0.2.5
+- @gradio/label@0.3.5
+- @gradio/number@0.4.5
+- @gradio/paramviewer@0.4.14
+- @gradio/radio@0.5.5
+- @gradio/simpledropdown@0.2.5
+- @gradio/simpletextbox@0.2.5
+- @gradio/slider@0.4.5
+- @gradio/tabitem@0.2.9
+- @gradio/textbox@0.6.4
+- @gradio/box@0.1.18
+
+## 1.35.4
+
+### Fixes
+
+- [#8247](https://github.com/gradio-app/gradio/pull/8247) [`8f46556`](https://github.com/gradio-app/gradio/commit/8f46556b38e35cffbadac74ff80445dceea3bcf5) - Fix api recorder.  Thanks @abidlabs!
+
+## 1.35.3
+
+### Features
+
+- [#8279](https://github.com/gradio-app/gradio/pull/8279) [`4350215`](https://github.com/gradio-app/gradio/commit/4350215348981aba6dea473884b047f096dcdf0f) - Link to troubleshooting guide in the custom component loading status.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/code@0.6.5
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/annotatedimage@0.6.4
+- @gradio/audio@0.11.4
+- @gradio/button@0.2.37
+- @gradio/chatbot@0.10.4
+- @gradio/dataframe@0.8.4
+- @gradio/dataset@0.1.37
+- @gradio/downloadbutton@0.1.14
+- @gradio/file@0.7.4
+- @gradio/fileexplorer@0.4.5
+- @gradio/gallery@0.10.4
+- @gradio/image@0.11.4
+- @gradio/imageeditor@0.7.4
+- @gradio/model3d@0.10.4
+- @gradio/multimodaltextbox@0.4.4
+- @gradio/simpleimage@0.5.4
+- @gradio/upload@0.10.4
+- @gradio/uploadbutton@0.6.5
+- @gradio/video@0.8.4
+- @gradio/accordion@0.3.14
+- @gradio/checkbox@0.3.4
+- @gradio/checkboxgroup@0.5.4
+- @gradio/colorpicker@0.3.4
+- @gradio/dropdown@0.7.4
+- @gradio/fallback@0.3.4
+- @gradio/highlightedtext@0.6.3
+- @gradio/html@0.2.4
+- @gradio/json@0.2.4
+- @gradio/label@0.3.4
+- @gradio/markdown@0.7.4
+- @gradio/number@0.4.4
+- @gradio/paramviewer@0.4.13
+- @gradio/plot@0.4.4
+- @gradio/radio@0.5.4
+- @gradio/simpledropdown@0.2.4
+- @gradio/simpletextbox@0.2.4
+- @gradio/slider@0.4.4
+- @gradio/textbox@0.6.3
+
+## 1.35.2
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/code@0.6.4
+- @gradio/client@0.19.2
+- @gradio/annotatedimage@0.6.3
+- @gradio/audio@0.11.3
+- @gradio/button@0.2.36
+- @gradio/chatbot@0.10.3
+- @gradio/dataframe@0.8.3
+- @gradio/dataset@0.1.36
+- @gradio/downloadbutton@0.1.13
+- @gradio/file@0.7.3
+- @gradio/fileexplorer@0.4.4
+- @gradio/gallery@0.10.3
+- @gradio/image@0.11.3
+- @gradio/imageeditor@0.7.3
+- @gradio/model3d@0.10.3
+- @gradio/multimodaltextbox@0.4.3
+- @gradio/simpleimage@0.5.3
+- @gradio/uploadbutton@0.6.4
+- @gradio/video@0.8.3
+
+## 1.35.1
+
+### Features
+
+- [#8263](https://github.com/gradio-app/gradio/pull/8263) [`de52f0e`](https://github.com/gradio-app/gradio/commit/de52f0e5af75688713e4e96a195208576a4d64ad) - Reduce the analytics that are collected in Gradio.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8272](https://github.com/gradio-app/gradio/pull/8272) [`fbf4edd`](https://github.com/gradio-app/gradio/commit/fbf4edde7c896cdf4c903463e44c31ed96111b3c) - ensure client works for private spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.6.3
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/accordion@0.3.13
+- @gradio/annotatedimage@0.6.2
+- @gradio/audio@0.11.2
+- @gradio/chatbot@0.10.2
+- @gradio/checkbox@0.3.3
+- @gradio/checkboxgroup@0.5.3
+- @gradio/colorpicker@0.3.3
+- @gradio/dataframe@0.8.2
+- @gradio/dropdown@0.7.3
+- @gradio/fallback@0.3.3
+- @gradio/file@0.7.2
+- @gradio/fileexplorer@0.4.3
+- @gradio/gallery@0.10.2
+- @gradio/highlightedtext@0.6.2
+- @gradio/html@0.2.3
+- @gradio/image@0.11.2
+- @gradio/imageeditor@0.7.2
+- @gradio/json@0.2.3
+- @gradio/label@0.3.3
+- @gradio/markdown@0.7.3
+- @gradio/model3d@0.10.2
+- @gradio/multimodaltextbox@0.4.2
+- @gradio/number@0.4.3
+- @gradio/paramviewer@0.4.12
+- @gradio/plot@0.4.3
+- @gradio/radio@0.5.3
+- @gradio/simpledropdown@0.2.3
+- @gradio/simpleimage@0.5.2
+- @gradio/simpletextbox@0.2.3
+- @gradio/slider@0.4.3
+- @gradio/textbox@0.6.2
+- @gradio/video@0.8.2
+- @gradio/button@0.2.35
+- @gradio/dataset@0.1.35
+- @gradio/downloadbutton@0.1.12
+- @gradio/upload@0.10.2
+- @gradio/uploadbutton@0.6.3
+
+## 1.35.0
+
+### Features
+
+- [#8219](https://github.com/gradio-app/gradio/pull/8219) [`32d915a`](https://github.com/gradio-app/gradio/commit/32d915aad5c6d9b2f5fdcafef39e246fc1b2d852) - Apply clean_indent() to the file contents specified with <gradio-file> tags.  Thanks @whitphx!
+- [#8110](https://github.com/gradio-app/gradio/pull/8110) [`5436031`](https://github.com/gradio-app/gradio/commit/5436031f92c1596282eb64e1e74d555f279e9697) - Render decorator 2.  Thanks @aliabid94!
+- [#8197](https://github.com/gradio-app/gradio/pull/8197) [`e09b4e8`](https://github.com/gradio-app/gradio/commit/e09b4e8216b970bc1b142a0f08e7d190b954eb35) - Add support for passing keyword args to `data` in JS client.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/code@0.6.2
+- @gradio/markdown@0.7.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/audio@0.11.1
+- @gradio/image@0.11.1
+- @gradio/upload@0.10.1
+- @gradio/video@0.8.1
+- @gradio/chatbot@0.10.1
+- @gradio/multimodaltextbox@0.4.1
+- @gradio/dataframe@0.8.1
+- @gradio/file@0.7.1
+- @gradio/gallery@0.10.1
+- @gradio/imageeditor@0.7.1
+- @gradio/model3d@0.10.1
+- @gradio/simpleimage@0.5.1
+- @gradio/annotatedimage@0.6.1
+- @gradio/button@0.2.34
+- @gradio/dataset@0.1.34
+- @gradio/downloadbutton@0.1.11
+- @gradio/fileexplorer@0.4.2
+- @gradio/uploadbutton@0.6.2
+- @gradio/dropdown@0.7.2
+- @gradio/form@0.1.17
+- @gradio/highlightedtext@0.6.1
+- @gradio/json@0.2.2
+- @gradio/label@0.3.2
+- @gradio/plot@0.4.2
+- @gradio/simpledropdown@0.2.2
+- @gradio/simpletextbox@0.2.2
+- @gradio/textbox@0.6.1
+- @gradio/accordion@0.3.12
+- @gradio/box@0.1.17
+- @gradio/checkbox@0.3.2
+- @gradio/checkboxgroup@0.5.2
+- @gradio/colorpicker@0.3.2
+- @gradio/fallback@0.3.2
+- @gradio/html@0.2.2
+- @gradio/number@0.4.2
+- @gradio/paramviewer@0.4.11
+- @gradio/radio@0.5.2
+- @gradio/slider@0.4.2
+
+## 1.34.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8174](https://github.com/gradio-app/gradio/pull/8174) [`a81e369`](https://github.com/gradio-app/gradio/commit/a81e36967c0973012e90ec7cf03b99cf3fea88ec) - Remove hatch installation in js/app/package.json which is no longer needed.  Thanks @whitphx!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+- [#8109](https://github.com/gradio-app/gradio/pull/8109) [`bed2f82`](https://github.com/gradio-app/gradio/commit/bed2f82e2297b50f7b59423a3de05af0b9910724) - Implement JS Client tests.  Thanks @hannahblair!
+- [#8106](https://github.com/gradio-app/gradio/pull/8106) [`d0a759f`](https://github.com/gradio-app/gradio/commit/d0a759f3df8b564e2f21421d448b24fecf287306) - Pass Error status in /dev/reload stream.  Thanks @freddyaboulton!
+- [#7855](https://github.com/gradio-app/gradio/pull/7855) [`611c927`](https://github.com/gradio-app/gradio/commit/611c9273a301e925b5aad93a19272dccd53c39fa) - Lite wheel optimization.  Thanks @whitphx!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+- [#8181](https://github.com/gradio-app/gradio/pull/8181) [`cf52ca6`](https://github.com/gradio-app/gradio/commit/cf52ca6a51320ece97f009a177792840b5fbc785) - Ensure connectivity to private HF spaces with SSE protocol.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/code@0.6.1
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+- @gradio/annotatedimage@0.6.0
+- @gradio/audio@0.11.0
+- @gradio/chatbot@0.10.0
+- @gradio/dataframe@0.8.0
+- @gradio/gallery@0.10.0
+- @gradio/highlightedtext@0.6.0
+- @gradio/image@0.11.0
+- @gradio/imageeditor@0.7.0
+- @gradio/multimodaltextbox@0.4.0
+- @gradio/textbox@0.6.0
+- @gradio/video@0.8.0
+- @gradio/file@0.7.0
+- @gradio/model3d@0.10.0
+- @gradio/simpleimage@0.5.0
+- @gradio/uploadbutton@0.6.1
+- @gradio/button@0.2.33
+- @gradio/dataset@0.1.33
+- @gradio/downloadbutton@0.1.10
+- @gradio/fileexplorer@0.4.1
+- @gradio/accordion@0.3.11
+- @gradio/checkbox@0.3.1
+- @gradio/checkboxgroup@0.5.1
+- @gradio/colorpicker@0.3.1
+- @gradio/column@0.1.1
+- @gradio/dropdown@0.7.1
+- @gradio/fallback@0.3.1
+- @gradio/form@0.1.16
+- @gradio/group@0.1.1
+- @gradio/html@0.2.1
+- @gradio/json@0.2.1
+- @gradio/label@0.3.1
+- @gradio/markdown@0.7.1
+- @gradio/number@0.4.1
+- @gradio/paramviewer@0.4.10
+- @gradio/plot@0.4.1
+- @gradio/radio@0.5.1
+- @gradio/row@0.1.2
+- @gradio/simpledropdown@0.2.1
+- @gradio/simpletextbox@0.2.1
+- @gradio/slider@0.4.1
+- @gradio/tabitem@0.2.8
+- @gradio/tabs@0.2.8
+- @gradio/box@0.1.16
+
+## 1.33.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8092](https://github.com/gradio-app/gradio/pull/8092) [`659d3c5`](https://github.com/gradio-app/gradio/commit/659d3c51ae8591b8c90879f17b2b10d1d79cb331) - chore(deps): update dependency iframe-resizer to v4.3.11.  Thanks @renovate!
+- [#8067](https://github.com/gradio-app/gradio/pull/8067) [`0fb058e`](https://github.com/gradio-app/gradio/commit/0fb058ec232bfaceb24f1515d16a41fa432a1ee8) - Fix the Lite custom element parser so it doesn't add the .code option when the entrypoint file is already specified.  Thanks @whitphx!
+- [#8051](https://github.com/gradio-app/gradio/pull/8051) [`d665f40`](https://github.com/gradio-app/gradio/commit/d665f409704b4938d57bee6476a2d000617643c8) - Fix custom JS function caller to concat the outputs of a dep to the inputs as the arguments.  Thanks @whitphx!
+- [#8056](https://github.com/gradio-app/gradio/pull/8056) [`2e469a5`](https://github.com/gradio-app/gradio/commit/2e469a5f99e52a5011a010f46e47dde7bb0c7140) - Using keys to preserve values between reloads.  Thanks @aliabid94!
+- [#7646](https://github.com/gradio-app/gradio/pull/7646) [`450b8cc`](https://github.com/gradio-app/gradio/commit/450b8cc898f130f15caa3742f65c17b9f7a8f398) - Refactor JS Client.  Thanks @hannahblair!
+- [#8115](https://github.com/gradio-app/gradio/pull/8115) [`595ebf7`](https://github.com/gradio-app/gradio/commit/595ebf74c5e09ad90fca0ca8a9a312f161a981aa) - Cache an error from app.submit() and show it on frontend.  Thanks @whitphx!
+- [#8084](https://github.com/gradio-app/gradio/pull/8084) [`1c99570`](https://github.com/gradio-app/gradio/commit/1c99570f3cbf28f020d6e92527754dd4cae3bcdb) - Adjust `View Api` container `z-index`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/audio@0.10.0
+- @gradio/label@0.3.0
+- @gradio/accordion@0.3.10
+- @gradio/annotatedimage@0.5.13
+- @gradio/button@0.2.32
+- @gradio/chatbot@0.9.0
+- @gradio/checkbox@0.3.0
+- @gradio/checkboxgroup@0.5.0
+- @gradio/code@0.6.0
+- @gradio/colorpicker@0.3.0
+- @gradio/column@0.1.1
+- @gradio/dataframe@0.7.0
+- @gradio/dataset@0.1.32
+- @gradio/downloadbutton@0.1.9
+- @gradio/dropdown@0.7.0
+- @gradio/fallback@0.3.0
+- @gradio/file@0.6.0
+- @gradio/fileexplorer@0.4.0
+- @gradio/form@0.1.15
+- @gradio/gallery@0.9.0
+- @gradio/group@0.1.1
+- @gradio/highlightedtext@0.5.0
+- @gradio/html@0.2.0
+- @gradio/image@0.10.0
+- @gradio/imageeditor@0.6.0
+- @gradio/json@0.2.0
+- @gradio/markdown@0.7.0
+- @gradio/model3d@0.9.0
+- @gradio/multimodaltextbox@0.3.0
+- @gradio/number@0.4.0
+- @gradio/paramviewer@0.4.9
+- @gradio/plot@0.4.0
+- @gradio/radio@0.5.0
+- @gradio/row@0.1.2
+- @gradio/simpledropdown@0.2.0
+- @gradio/simpleimage@0.4.0
+- @gradio/simpletextbox@0.2.0
+- @gradio/slider@0.4.0
+- @gradio/statustracker@0.5.0
+- @gradio/tabitem@0.2.7
+- @gradio/tabs@0.2.7
+- @gradio/textbox@0.5.0
+- @gradio/uploadbutton@0.6.0
+- @gradio/video@0.7.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+- @gradio/box@0.1.15
+
+## 1.32.0
+
+### Features
+
+- [#8062](https://github.com/gradio-app/gradio/pull/8062) [`cecd6e4`](https://github.com/gradio-app/gradio/commit/cecd6e4c4accb3ef220284dc54a87510b3503ec9) - Update dependency iframe-resizer to v4.3.10.  Thanks @renovate!
+- [#7887](https://github.com/gradio-app/gradio/pull/7887) [`5f0248e`](https://github.com/gradio-app/gradio/commit/5f0248e797af087c7fd0ad35ea7f2bd778a7cc41) - When authenticating with HF OAuth, stay in same tab.  Thanks @Wauplin!
+- [#7975](https://github.com/gradio-app/gradio/pull/7975) [`c9ddd84`](https://github.com/gradio-app/gradio/commit/c9ddd847d6c57d5efc4e887180d219f2a0b5b98d) - Update the Lite custom element parser.  Thanks @whitphx!
+
+### Fixes
+
+- [#8028](https://github.com/gradio-app/gradio/pull/8028) [`6fafce0`](https://github.com/gradio-app/gradio/commit/6fafce06704ab8f2cd5fe6fbdb58b842e144e44d) - ensure maps are correctly shallow cloned when updating state.  Thanks @pngwn!
+- [#7981](https://github.com/gradio-app/gradio/pull/7981) [`c1df2f8`](https://github.com/gradio-app/gradio/commit/c1df2f818ce285a8e7871d43b76c4959beb00956) - Fix example loading for custom components.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/tabs@0.2.6
+- @gradio/statustracker@0.4.12
+- @gradio/code@0.5.12
+- @gradio/theme@0.2.2
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/audio@0.9.12
+- @gradio/image@0.9.12
+- @gradio/video@0.6.12
+- @gradio/markdown@0.6.10
+- @gradio/chatbot@0.8.3
+- @gradio/dataset@0.1.31
+- @gradio/multimodaltextbox@0.2.5
+- @gradio/imageeditor@0.5.0
+- @gradio/highlightedtext@0.4.15
+- @gradio/plot@0.3.7
+- @gradio/annotatedimage@0.5.12
+- @gradio/button@0.2.31
+- @gradio/downloadbutton@0.1.8
+- @gradio/file@0.5.12
+- @gradio/fileexplorer@0.3.32
+- @gradio/gallery@0.8.8
+- @gradio/model3d@0.8.11
+- @gradio/simpleimage@0.3.12
+- @gradio/uploadbutton@0.5.8
+- @gradio/dataframe@0.6.13
+- @gradio/accordion@0.3.9
+- @gradio/box@0.1.14
+- @gradio/checkbox@0.2.15
+- @gradio/checkboxgroup@0.4.9
+- @gradio/colorpicker@0.2.15
+- @gradio/dropdown@0.6.7
+- @gradio/fallback@0.2.15
+- @gradio/form@0.1.14
+- @gradio/html@0.1.15
+- @gradio/json@0.1.15
+- @gradio/label@0.2.15
+- @gradio/number@0.3.15
+- @gradio/paramviewer@0.4.8
+- @gradio/radio@0.4.10
+- @gradio/simpledropdown@0.1.15
+- @gradio/simpletextbox@0.1.15
+- @gradio/slider@0.3.3
+- @gradio/textbox@0.4.16
+- @gradio/tabitem@0.2.6
+
+## 1.31.0
+
+### Features
+
+- [#7811](https://github.com/gradio-app/gradio/pull/7811) [`b43055b`](https://github.com/gradio-app/gradio/commit/b43055b297dfe1aa56fda4cd722d878f7297a1b5) - Lite playground design changes.  Thanks @aliabd!
+- [#7850](https://github.com/gradio-app/gradio/pull/7850) [`2bae1cf`](https://github.com/gradio-app/gradio/commit/2bae1cfbd41ed8ae3eea031a64899611a22a1821) - Adds an "API Recorder" to the view API page, some internal methods have been made async.  Thanks @abidlabs!
+
+### Fixes
+
+- [#7963](https://github.com/gradio-app/gradio/pull/7963) [`1eb4c20`](https://github.com/gradio-app/gradio/commit/1eb4c2012065c678d722477f3555ec45a9e78c14) - ensure kwargs are always in sync across the whole application.  Thanks @pngwn!
+- [#7916](https://github.com/gradio-app/gradio/pull/7916) [`7c9a964`](https://github.com/gradio-app/gradio/commit/7c9a964ac6b9c2231c7439758e87b4fac56db99f) - Fix programmatic tab selection.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/code@0.5.11
+- @gradio/upload@0.8.4
+- @gradio/tabs@0.2.5
+- @gradio/image@0.9.11
+- @gradio/markdown@0.6.9
+- @gradio/theme@0.2.1
+- @gradio/dropdown@0.6.6
+- @gradio/imageeditor@0.4.11
+- @gradio/checkboxgroup@0.4.8
+- @gradio/client@0.15.1
+- @gradio/chatbot@0.8.2
+- @gradio/gallery@0.8.7
+- @gradio/multimodaltextbox@0.2.4
+- @gradio/video@0.6.11
+- @gradio/dataframe@0.6.12
+- @gradio/highlightedtext@0.4.14
+- @gradio/plot@0.3.6
+- @gradio/annotatedimage@0.5.11
+- @gradio/audio@0.9.11
+- @gradio/button@0.2.30
+- @gradio/dataset@0.1.30
+- @gradio/downloadbutton@0.1.7
+- @gradio/file@0.5.11
+- @gradio/fileexplorer@0.3.31
+- @gradio/model3d@0.8.10
+- @gradio/simpleimage@0.3.11
+- @gradio/uploadbutton@0.5.7
+- @gradio/accordion@0.3.8
+- @gradio/checkbox@0.2.14
+- @gradio/colorpicker@0.2.14
+- @gradio/fallback@0.2.14
+- @gradio/form@0.1.13
+- @gradio/html@0.1.14
+- @gradio/json@0.1.14
+- @gradio/label@0.2.14
+- @gradio/number@0.3.14
+- @gradio/paramviewer@0.4.7
+- @gradio/radio@0.4.9
+- @gradio/simpledropdown@0.1.14
+- @gradio/simpletextbox@0.1.14
+- @gradio/slider@0.3.2
+- @gradio/tabitem@0.2.5
+- @gradio/textbox@0.4.15
+- @gradio/box@0.1.13
+
+## 1.30.1
+
+### Fixes
+
+- [#7865](https://github.com/gradio-app/gradio/pull/7865) [`7bbc3b6`](https://github.com/gradio-app/gradio/commit/7bbc3b62bf85af2d2230e5f7539efb7f1f0007a1) - JS functions break entire app if there's no input, fixed.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/button@0.2.29
+- @gradio/upload@0.8.3
+- @gradio/code@0.5.10
+- @gradio/client@0.15.0
+- @gradio/multimodaltextbox@0.2.3
+- @gradio/annotatedimage@0.5.10
+- @gradio/audio@0.9.10
+- @gradio/chatbot@0.8.1
+- @gradio/dataset@0.1.29
+- @gradio/downloadbutton@0.1.6
+- @gradio/file@0.5.10
+- @gradio/fileexplorer@0.3.30
+- @gradio/gallery@0.8.6
+- @gradio/image@0.9.10
+- @gradio/imageeditor@0.4.10
+- @gradio/model3d@0.8.9
+- @gradio/simpleimage@0.3.10
+- @gradio/uploadbutton@0.5.6
+- @gradio/video@0.6.10
+- @gradio/dataframe@0.6.11
+
+## 1.30.0
+
+### Features
+
+- [#7852](https://github.com/gradio-app/gradio/pull/7852) [`72661e3`](https://github.com/gradio-app/gradio/commit/72661e3391a432ccd77fb3100e69fbdf95093931) - Revert the minify setting in vite.config.js which was mistakingly introduced in #6261.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/button@0.2.28
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/code@0.5.9
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+- @gradio/audio@0.9.9
+- @gradio/image@0.9.9
+- @gradio/video@0.6.9
+- @gradio/markdown@0.6.8
+- @gradio/chatbot@0.8.0
+- @gradio/downloadbutton@0.1.5
+- @gradio/multimodaltextbox@0.2.2
+- @gradio/annotatedimage@0.5.9
+- @gradio/dropdown@0.6.5
+- @gradio/file@0.5.9
+- @gradio/fileexplorer@0.3.29
+- @gradio/form@0.1.12
+- @gradio/gallery@0.8.5
+- @gradio/highlightedtext@0.4.13
+- @gradio/imageeditor@0.4.9
+- @gradio/json@0.1.13
+- @gradio/label@0.2.13
+- @gradio/model3d@0.8.8
+- @gradio/plot@0.3.5
+- @gradio/simpledropdown@0.1.13
+- @gradio/simpleimage@0.3.9
+- @gradio/simpletextbox@0.1.13
+- @gradio/textbox@0.4.14
+- @gradio/dataframe@0.6.10
+- @gradio/dataset@0.1.28
+- @gradio/uploadbutton@0.5.5
+- @gradio/accordion@0.3.7
+- @gradio/box@0.1.12
+- @gradio/checkbox@0.2.13
+- @gradio/checkboxgroup@0.4.7
+- @gradio/colorpicker@0.2.13
+- @gradio/fallback@0.2.13
+- @gradio/html@0.1.13
+- @gradio/number@0.3.13
+- @gradio/paramviewer@0.4.6
+- @gradio/radio@0.4.8
+- @gradio/slider@0.3.1
+
+## 1.29.0
+
+### Features
+
+- [#7684](https://github.com/gradio-app/gradio/pull/7684) [`755157f`](https://github.com/gradio-app/gradio/commit/755157f99c2961f2e5caeaa9b76d248b4225ea8f) - Do not reload code inside gr.NO_RELOAD context.  Thanks @freddyaboulton!
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) [`2efb05e`](https://github.com/gradio-app/gradio/commit/2efb05ed99a8a3575aab0a6c14a8d8b91f4e9ed7) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/code@0.5.8
+- @gradio/upload@0.8.1
+- @gradio/button@0.2.27
+- @gradio/statustracker@0.4.9
+- @gradio/radio@0.4.7
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+- @gradio/slider@0.3.0
+- @gradio/dataset@0.1.27
+- @gradio/annotatedimage@0.5.8
+- @gradio/audio@0.9.8
+- @gradio/file@0.5.8
+- @gradio/image@0.9.8
+- @gradio/imageeditor@0.4.8
+- @gradio/model3d@0.8.7
+- @gradio/simpleimage@0.3.8
+- @gradio/video@0.6.8
+- @gradio/accordion@0.3.6
+- @gradio/box@0.1.11
+- @gradio/chatbot@0.7.8
+- @gradio/checkbox@0.2.12
+- @gradio/checkboxgroup@0.4.6
+- @gradio/colorpicker@0.2.12
+- @gradio/dataframe@0.6.9
+- @gradio/dropdown@0.6.4
+- @gradio/fallback@0.2.12
+- @gradio/fileexplorer@0.3.28
+- @gradio/form@0.1.11
+- @gradio/gallery@0.8.4
+- @gradio/highlightedtext@0.4.12
+- @gradio/html@0.1.12
+- @gradio/json@0.1.12
+- @gradio/label@0.2.12
+- @gradio/markdown@0.6.7
+- @gradio/multimodaltextbox@0.2.1
+- @gradio/number@0.3.12
+- @gradio/paramviewer@0.4.5
+- @gradio/plot@0.3.4
+- @gradio/simpledropdown@0.1.12
+- @gradio/simpletextbox@0.1.12
+- @gradio/textbox@0.4.13
+- @gradio/uploadbutton@0.5.4
+- @gradio/downloadbutton@0.1.4
+
+## 1.28.0
+
+### Features
+
+- [#7420](https://github.com/gradio-app/gradio/pull/7420) [`15da39f`](https://github.com/gradio-app/gradio/commit/15da39fca01d09a30cf47e7e72d7efa5052f61f8) - Multimodal Textbox (Chat Input Component).  Thanks @dawoodkhan82!
+- [#7660](https://github.com/gradio-app/gradio/pull/7660) [`f739bef`](https://github.com/gradio-app/gradio/commit/f739bef6c70a2b012dd896456709eae5ee4de7d5) - Add Playground to Lite Custom Element.  Thanks @aliabd!
+- [#7710](https://github.com/gradio-app/gradio/pull/7710) [`0a3870d`](https://github.com/gradio-app/gradio/commit/0a3870d52b5efc64b2d1f9a8c7314a3a8b48b90a) - Call handle_darkmode() even if `window.__gradio_mode__ === "website"` but enforce the light theme.  Thanks @whitphx!
+
+### Fixes
+
+- [#7564](https://github.com/gradio-app/gradio/pull/7564) [`5d1e8da`](https://github.com/gradio-app/gradio/commit/5d1e8dae5ac23f605c3b5f41dbe18751dff380a0) - batch UI updates on a per frame basis.  Thanks @pngwn!
+- [#7691](https://github.com/gradio-app/gradio/pull/7691) [`84f81fe`](https://github.com/gradio-app/gradio/commit/84f81fec9287b041203a141bbf2852720f7d199c) - Fix race condition between state updates and loading_status updates.  Thanks @aliabid94!
+- [#7709](https://github.com/gradio-app/gradio/pull/7709) [`f67759d`](https://github.com/gradio-app/gradio/commit/f67759dcee665cfd7c44f102f36ab23128ee2c2c) - Fix wasm_proxied_mount_css to not reuse an existing style element.  Thanks @whitphx!
+- [#7703](https://github.com/gradio-app/gradio/pull/7703) [`598ad7b`](https://github.com/gradio-app/gradio/commit/598ad7baf722181a25200e9a8ba858bae39c7d82) - fix dev mode.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.5.7
+- @gradio/radio@0.4.6
+- @gradio/client@0.14.0
+- @gradio/multimodaltextbox@0.2.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+- @gradio/accordion@0.3.5
+- @gradio/dataframe@0.6.8
+- @gradio/dataset@0.1.26
+- @gradio/markdown@0.6.6
+- @gradio/annotatedimage@0.5.7
+- @gradio/audio@0.9.7
+- @gradio/button@0.2.26
+- @gradio/chatbot@0.7.7
+- @gradio/downloadbutton@0.1.3
+- @gradio/file@0.5.7
+- @gradio/fileexplorer@0.3.27
+- @gradio/gallery@0.8.3
+- @gradio/image@0.9.7
+- @gradio/imageeditor@0.4.7
+- @gradio/model3d@0.8.6
+- @gradio/simpleimage@0.3.7
+- @gradio/uploadbutton@0.5.3
+- @gradio/video@0.6.7
+
+## 1.27.0
+
+### Features
+
+- [#7577](https://github.com/gradio-app/gradio/pull/7577) [`7c66a29`](https://github.com/gradio-app/gradio/commit/7c66a29dea0e4e56106d95d93972225b886a9df3) - Fix the Lite custom element to initialize the app in the connected callback and dispose the app in the disconnected callback.  Thanks @whitphx!
+
+### Fixes
+
+- [#7643](https://github.com/gradio-app/gradio/pull/7643) [`9482c7a`](https://github.com/gradio-app/gradio/commit/9482c7a3d2d7b6abd81b786100ddc385133095a5) - fix: redundant meta tags that are unwanted.  Thanks @qkdxorjs1002!
+- [#7628](https://github.com/gradio-app/gradio/pull/7628) [`ba8cc48`](https://github.com/gradio-app/gradio/commit/ba8cc48b136e701717c0c5d15ce410b4f8bf6a21) - feature detect CSSStylesheet.  Thanks @pngwn!
+- [#7575](https://github.com/gradio-app/gradio/pull/7575) [`d0688b3`](https://github.com/gradio-app/gradio/commit/d0688b3c25feabb4fc7dfa0ab86086b3af7eb337) - Files should now be supplied as `file(...)` in the Client, and some fixes to `gr.load()` as well.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/button@0.2.25
+- @gradio/upload@0.7.7
+- @gradio/code@0.5.6
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+- @gradio/annotatedimage@0.5.6
+- @gradio/audio@0.9.6
+- @gradio/chatbot@0.7.6
+- @gradio/dataset@0.1.25
+- @gradio/downloadbutton@0.1.2
+- @gradio/file@0.5.6
+- @gradio/fileexplorer@0.3.26
+- @gradio/gallery@0.8.2
+- @gradio/image@0.9.6
+- @gradio/imageeditor@0.4.6
+- @gradio/model3d@0.8.5
+- @gradio/simpleimage@0.3.6
+- @gradio/uploadbutton@0.5.2
+- @gradio/video@0.6.6
+- @gradio/dataframe@0.6.7
+
+## 1.26.1
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/annotatedimage@0.5.5
+  - @gradio/audio@0.9.5
+  - @gradio/button@0.2.24
+  - @gradio/chatbot@0.7.5
+  - @gradio/code@0.5.5
+  - @gradio/dataframe@0.6.6
+  - @gradio/dataset@0.1.24
+  - @gradio/file@0.5.5
+  - @gradio/fileexplorer@0.3.25
+  - @gradio/gallery@0.8.1
+  - @gradio/image@0.9.5
+  - @gradio/imageeditor@0.4.5
+  - @gradio/model3d@0.8.4
+  - @gradio/simpleimage@0.3.5
+  - @gradio/uploadbutton@0.5.1
+  - @gradio/video@0.6.5
+  - @gradio/downloadbutton@0.1.1
+
+## 1.26.0
+
+### Features
+
+- [#7345](https://github.com/gradio-app/gradio/pull/7345) [`561579d`](https://github.com/gradio-app/gradio/commit/561579d9b7b860c5cb3f8131e0dced0c8114463f) - fix-tests. Thanks [@pngwn](https://github.com/pngwn)!
+- [#7518](https://github.com/gradio-app/gradio/pull/7518) [`bd2c695`](https://github.com/gradio-app/gradio/commit/bd2c69532801f9a0626cd1192de158bde6068b9a) - Adds a `gr.DownloadButton` component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7510](https://github.com/gradio-app/gradio/pull/7510) [`08c2d49`](https://github.com/gradio-app/gradio/commit/08c2d491ecac83268ad20f05769ef7e1335089e2) - when adding custom head html, ensure there are no duplicate meta tags. Thanks [@qkdxorjs1002](https://github.com/qkdxorjs1002)!
+- [#7545](https://github.com/gradio-app/gradio/pull/7545) [`1fa2e91`](https://github.com/gradio-app/gradio/commit/1fa2e914ca4663a47743cc34acdf98c7fcc469c8) - Fixes `auth_message` so that it correctly renders HTML. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 1.25.2
+
+### Fixes
+
+- [#7505](https://github.com/gradio-app/gradio/pull/7505) [`b186767`](https://github.com/gradio-app/gradio/commit/b18676774448f44a2ef3a9490224703254cffa7c) - Fix `Gallery` preview overlay and backdrop. Thanks [@MMP0](https://github.com/MMP0)!
+
+## 1.25.1
+
+### Patch Changes
+
+- Updated dependencies [[`f52cab6`](https://github.com/gradio-app/gradio/commit/f52cab634b94638d7f4625d40bf3d9afbe68040b), [`6b8a7e5`](https://github.com/gradio-app/gradio/commit/6b8a7e5d36887cdfcfbfec1536a915128df0d6b2), [`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1), [`3e4e680`](https://github.com/gradio-app/gradio/commit/3e4e680a52ba5a73c108ef1b328dacd7b6e4b566)]:
+  - @gradio/fileexplorer@0.3.22
+  - @gradio/dropdown@0.6.1
+  - @gradio/audio@0.9.2
+  - @gradio/icons@0.3.3
+  - @gradio/chatbot@0.7.2
+  - @gradio/annotatedimage@0.5.2
+  - @gradio/atoms@0.5.3
+  - @gradio/code@0.5.2
+  - @gradio/file@0.5.2
+  - @gradio/form@0.1.10
+  - @gradio/gallery@0.7.2
+  - @gradio/highlightedtext@0.4.10
+  - @gradio/image@0.9.2
+  - @gradio/imageeditor@0.4.2
+  - @gradio/json@0.1.10
+  - @gradio/label@0.2.10
+  - @gradio/model3d@0.8.1
+  - @gradio/plot@0.3.2
+  - @gradio/simpledropdown@0.1.10
+  - @gradio/simpleimage@0.3.2
+  - @gradio/simpletextbox@0.1.10
+  - @gradio/statustracker@0.4.7
+  - @gradio/textbox@0.4.11
+  - @gradio/upload@0.7.4
+  - @gradio/video@0.6.2
+  - @gradio/accordion@0.3.3
+  - @gradio/box@0.1.10
+  - @gradio/checkbox@0.2.10
+  - @gradio/checkboxgroup@0.4.4
+  - @gradio/colorpicker@0.2.10
+  - @gradio/dataframe@0.6.3
+  - @gradio/dataset@0.1.22
+  - @gradio/fallback@0.2.10
+  - @gradio/html@0.1.10
+  - @gradio/markdown@0.6.4
+  - @gradio/number@0.3.10
+  - @gradio/paramviewer@0.4.3
+  - @gradio/radio@0.4.4
+  - @gradio/slider@0.2.10
+  - @gradio/button@0.2.22
+  - @gradio/uploadbutton@0.4.7
+
+## 1.25.0
+
+### Fixes
+
+- [#7410](https://github.com/gradio-app/gradio/pull/7410) [`c2dfc59`](https://github.com/gradio-app/gradio/commit/c2dfc592a4988efd5a96a062eec3fb4906f71748) - remove static while pending behaviour. Thanks [@pngwn](https://github.com/pngwn)!
+- [#7404](https://github.com/gradio-app/gradio/pull/7404) [`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7) - Add `.key_up` event listener to `gr.Dropdown()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7395](https://github.com/gradio-app/gradio/pull/7395) [`46b4568`](https://github.com/gradio-app/gradio/commit/46b45683e1ea9eb40013121a8de5bee7aa98bf0b) - Allow applying `@media`, `@keyframes` and `@import` in custom CSS. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.24.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6890](https://github.com/gradio-app/gradio/pull/6890) [`cccab27`](https://github.com/gradio-app/gradio/commit/cccab27fe8b6ae6860b3fff68694fa33060e18a7) - E2E tests for Lite. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#7354](https://github.com/gradio-app/gradio/pull/7354) [`a7fa47a`](https://github.com/gradio-app/gradio/commit/a7fa47a175fbcf0fd6573ca19334a3a55b55bb24) - ensure Dataframes in background tabs are visible when the tab is selected. Thanks [@pngwn](https://github.com/pngwn)!
+- [#7355](https://github.com/gradio-app/gradio/pull/7355) [`2244059`](https://github.com/gradio-app/gradio/commit/2244059cdbacb713530a3b760205c5464c05491c) - Ensure CSS `.dark` rule selectors are applied. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.23.0
+
+### Features
+
+- [#7129](https://github.com/gradio-app/gradio/pull/7129) [`ccdaec4`](https://github.com/gradio-app/gradio/commit/ccdaec45002d0a9d6016e8e2078b843a1ff9172b) - Add a `simpleimage` template for custom components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7313](https://github.com/gradio-app/gradio/pull/7313) [`edfd05d`](https://github.com/gradio-app/gradio/commit/edfd05d18d20542d350d883d5e7f84d2774ad99e) - Expand chatinterface to full window height. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7292](https://github.com/gradio-app/gradio/pull/7292) [`aa97a5e`](https://github.com/gradio-app/gradio/commit/aa97a5e33a04ef8a0309b6ec3b2df4caaa26173e) - Improvements to API Docs. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7117](https://github.com/gradio-app/gradio/pull/7117) [`24157a3`](https://github.com/gradio-app/gradio/commit/24157a36028b3f606194bd9977634318650b2d46) - add background color based on the OS mode. Thanks [@aileenvl](https://github.com/aileenvl)!
+
+## 1.22.0
+
+### Features
+
+- [#7084](https://github.com/gradio-app/gradio/pull/7084) [`94aa271`](https://github.com/gradio-app/gradio/commit/94aa271ab11fc3426a7e143ebaa757eb30c9911d) - Improve rapid generation performance via UI throttling. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#7148](https://github.com/gradio-app/gradio/pull/7148) [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32) - Use Gallery as input component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#7125](https://github.com/gradio-app/gradio/pull/7125) [`45f725f`](https://github.com/gradio-app/gradio/commit/45f725f8d0dc7813b3d2e768ca9582d6ad878d6f) - un-disable output components after exception is raised. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 1.21.0
+
+### Highlights
+
+#### Custom component documentation generator ([#7030](https://github.com/gradio-app/gradio/pull/7030) [`3a944ed`](https://github.com/gradio-app/gradio/commit/3a944ed9f162a224d26959a9c556346a9d205311))
+
+If your custom component has type hints and docstrings for both parameters and return values, you can now automatically generate a documentation page and README.md with no additional effort. Simply run the following command:
+
+```sh
+gradio cc docs
+```
+
+This will generate a Gradio app that you can upload to spaces providing rich documentation for potential users. The documentation page includes:
+
+- Installation instructions.
+- A live embedded demo and working code snippet, pulled from your demo app.
+- An API reference for initialising the component, with types, default values and descriptions.
+- An explanation of how the component affects the user's predict function inputs and outputs.
+- Any additional interfaces or classes that are necessary to understand the API reference.
+- Optional links to GitHub, PyPi, and Hugging Face Spaces.
+
+A README will also be generated detailing the same information but in a format that is optimised for viewing on GitHub or PyPi!
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.20.0
+
+### Features
+
+- [#6965](https://github.com/gradio-app/gradio/pull/6965) [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0) - Make <UploadProgress /> Wasm-compatible. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6967](https://github.com/gradio-app/gradio/pull/6967) [`5e00162`](https://github.com/gradio-app/gradio/commit/5e0016267f1d683e2daab82ee4a33d2f09513a34) - Make <Gallery /> Wasm-compatible. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6983](https://github.com/gradio-app/gradio/pull/6983) [`6e285be`](https://github.com/gradio-app/gradio/commit/6e285be8edeacf8730bac10b7ecd3fd5e309a950) - Fix the reloader. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 1.19.0
+
+### Features
+
+- [#6778](https://github.com/gradio-app/gradio/pull/6778) [`8a093e2`](https://github.com/gradio-app/gradio/commit/8a093e23d7993a044e5e0ff73f93a74cb75dad56) - Add a dev instruction for lite in SharedWorker mode. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 1.18.0
+
+### Features
+
+- [#6839](https://github.com/gradio-app/gradio/pull/6839) [`e974cf0`](https://github.com/gradio-app/gradio/commit/e974cf045c82ce8d79efdda36b9dbf6ea557baa4) - Custom JS Guide. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Fixes
+
+- [#6863](https://github.com/gradio-app/gradio/pull/6863) [`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414) - Fix JS Client when app is running behind a proxy. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6846](https://github.com/gradio-app/gradio/pull/6846) [`48d6534`](https://github.com/gradio-app/gradio/commit/48d6534b40f80e7e70a4061f97d9f2e23ba77fe1) - Add `show_api` parameter to events, and fix `gr.load()`. Also makes some minor improvements to the "view API" page when running on Spaces. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 1.17.0
+
+### Features
+
+- [#6831](https://github.com/gradio-app/gradio/pull/6831) [`f3abde8`](https://github.com/gradio-app/gradio/commit/f3abde80884d96ad69b825020c46486d9dd5cac5) - Add an option to enable header links for markdown. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.16.2
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4), [`c352811`](https://github.com/gradio-app/gradio/commit/c352811f76d4126613ece0a584f8c552fdd8d1f6)]:
+  - @gradio/client@0.9.2
+  - @gradio/audio@0.6.2
+  - @gradio/imageeditor@0.1.5
+  - @gradio/annotatedimage@0.3.12
+  - @gradio/button@0.2.12
+  - @gradio/chatbot@0.5.4
+  - @gradio/dataset@0.1.12
+  - @gradio/file@0.4.2
+  - @gradio/fileexplorer@0.3.12
+  - @gradio/gallery@0.4.13
+  - @gradio/image@0.5.2
+  - @gradio/model3d@0.4.10
+  - @gradio/upload@0.5.5
+  - @gradio/uploadbutton@0.3.3
+  - @gradio/video@0.2.2
+  - @gradio/dataframe@0.4.2
+  - @gradio/code@0.3.2
+
+## 1.16.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/model3d@0.4.9
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+  - @gradio/annotatedimage@0.3.11
+  - @gradio/audio@0.6.1
+  - @gradio/button@0.2.11
+  - @gradio/chatbot@0.5.3
+  - @gradio/code@0.3.1
+  - @gradio/dataframe@0.4.1
+  - @gradio/dataset@0.1.11
+  - @gradio/file@0.4.1
+  - @gradio/fileexplorer@0.3.11
+  - @gradio/gallery@0.4.12
+  - @gradio/image@0.5.1
+  - @gradio/imageeditor@0.1.4
+  - @gradio/uploadbutton@0.3.2
+  - @gradio/video@0.2.1
+
+## 1.16.0
+
+### Features
+
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6738](https://github.com/gradio-app/gradio/pull/6738) [`f3c4d78`](https://github.com/gradio-app/gradio/commit/f3c4d78b710854b94d9a15db78178e504a02c680) - reload on css changes + fix css specificity. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6639](https://github.com/gradio-app/gradio/pull/6639) [`9a6ff70`](https://github.com/gradio-app/gradio/commit/9a6ff704cd8429289c5376d3af5e4b8492df4773) - Fix issue with `head` param when adding more than one script tag. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 1.15.0
+
+### Features
+
+- [#6512](https://github.com/gradio-app/gradio/pull/6512) [`4f040c7`](https://github.com/gradio-app/gradio/commit/4f040c752bb3b0586a4e16eca25a1e5f596eee48) - Update zh-CN.json. Thanks [@cibimo](https://github.com/cibimo)!
+
+## 1.14.0
+
+### Features
+
+- [#6537](https://github.com/gradio-app/gradio/pull/6537) [`6d3fecfa4`](https://github.com/gradio-app/gradio/commit/6d3fecfa42dde1c70a60c397434c88db77289be6) - chore(deps): update all non-major dependencies. Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#6530](https://github.com/gradio-app/gradio/pull/6530) [`13ef0f0ca`](https://github.com/gradio-app/gradio/commit/13ef0f0caa13e5a1cea70d572684122419419599) - Quick fix: Make component interactive when it is in focus. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 1.13.1
+
+### Fixes
+
+- [#6536](https://github.com/gradio-app/gradio/pull/6536) [`1bbd6cab3`](https://github.com/gradio-app/gradio/commit/1bbd6cab3f0abe183b514b82061f0937c8480966) - Fix undefined `data` TypeError in Blocks. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.13.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.12.0
+
+### Features
+
+- [#6427](https://github.com/gradio-app/gradio/pull/6427) [`e0fc14659`](https://github.com/gradio-app/gradio/commit/e0fc146598ba9b081bc5fa9616d0a41c2aba2427) - Allow google analytics to work on Spaces (and other iframe situations). Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6254](https://github.com/gradio-app/gradio/pull/6254) [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a) - Add volume control to Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6457](https://github.com/gradio-app/gradio/pull/6457) [`d00fcf89d`](https://github.com/gradio-app/gradio/commit/d00fcf89d1c3ecbc910e81bb1311479ec2b73e4e) - Gradio custom component dev mode now detects changes to Example.svelte file. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 1.11.0
+
+### Features
+
+- [#6099](https://github.com/gradio-app/gradio/pull/6099) [`d84209703`](https://github.com/gradio-app/gradio/commit/d84209703b7a0728cdb49221e543500ddb6a8d33) - Lite: SharedWorker mode. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6383](https://github.com/gradio-app/gradio/pull/6383) [`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486) - Fix event target. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 1.10.3
+
+### Patch Changes
+
+- Updated dependencies [[`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120), [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d), [`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`55fda81fa`](https://github.com/gradio-app/gradio/commit/55fda81fa5918b48952729232d6e2fc55af9351d), [`37dd335e5`](https://github.com/gradio-app/gradio/commit/37dd335e5f04a8e689dd7f23ae24ad1934ea08d8), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/image@0.3.4
+  - @gradio/upload@0.4.0
+  - @gradio/code@0.2.4
+  - @gradio/textbox@0.4.2
+  - @gradio/audio@0.5.0
+  - @gradio/client@0.8.0
+  - @gradio/gallery@0.4.5
+  - @gradio/row@0.1.0
+  - @gradio/video@0.1.4
+  - @gradio/annotatedimage@0.3.4
+  - @gradio/button@0.2.4
+  - @gradio/chatbot@0.4.4
+  - @gradio/dataframe@0.3.5
+  - @gradio/dataset@0.1.4
+  - @gradio/file@0.2.4
+  - @gradio/fileexplorer@0.3.4
+  - @gradio/model3d@0.4.2
+  - @gradio/uploadbutton@0.1.4
+
+## 1.10.2
+
+### Patch Changes
+
+- Updated dependencies [[`4b1011bab`](https://github.com/gradio-app/gradio/commit/4b1011bab03c0b6a09329e0beb9c1b17b2189878), [`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`19af2806a`](https://github.com/gradio-app/gradio/commit/19af2806a58419cc551d2d1d6d8987df0db91ccb), [`d3b53a457`](https://github.com/gradio-app/gradio/commit/d3b53a4577ea05cd27e37ce7fec952028c18ed45), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/chatbot@0.4.3
+  - @gradio/client@0.7.2
+  - @gradio/audio@0.4.3
+  - @gradio/dataframe@0.3.4
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/video@0.1.3
+  - @gradio/annotatedimage@0.3.3
+  - @gradio/button@0.2.3
+  - @gradio/dataset@0.1.3
+  - @gradio/file@0.2.3
+  - @gradio/fileexplorer@0.3.3
+  - @gradio/gallery@0.4.4
+  - @gradio/image@0.3.3
+  - @gradio/model3d@0.4.1
+  - @gradio/uploadbutton@0.1.3
+  - @gradio/accordion@0.2.1
+  - @gradio/box@0.1.1
+  - @gradio/checkbox@0.2.1
+  - @gradio/checkboxgroup@0.3.2
+  - @gradio/code@0.2.3
+  - @gradio/colorpicker@0.2.1
+  - @gradio/dropdown@0.3.1
+  - @gradio/fallback@0.2.1
+  - @gradio/form@0.1.1
+  - @gradio/highlightedtext@0.4.1
+  - @gradio/html@0.1.1
+  - @gradio/json@0.1.1
+  - @gradio/label@0.2.1
+  - @gradio/markdown@0.3.1
+  - @gradio/number@0.3.1
+  - @gradio/plot@0.2.1
+  - @gradio/radio@0.3.2
+  - @gradio/simpledropdown@0.1.1
+  - @gradio/simpletextbox@0.1.1
+  - @gradio/slider@0.2.1
+  - @gradio/statustracker@0.3.1
+  - @gradio/textbox@0.4.1
+  - @gradio/row@0.1.0
+
+## 1.10.1
+
+### Patch Changes
+
+- Updated dependencies [[`92278729e`](https://github.com/gradio-app/gradio/commit/92278729ee008126af15ffe6be399236211b2f34), [`e8216be94`](https://github.com/gradio-app/gradio/commit/e8216be948f76ce064595183d11e9148badf9421)]:
+  - @gradio/gallery@0.4.3
+  - @gradio/dataframe@0.3.3
+
+## 1.10.0
+
+### Features
+
+- [#6261](https://github.com/gradio-app/gradio/pull/6261) [`8bbeca0e7`](https://github.com/gradio-app/gradio/commit/8bbeca0e772a5a2853d02a058b35abb2c15ffaf1) - Improve Embed and CDN handling and fix a couple of related bugs. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6266](https://github.com/gradio-app/gradio/pull/6266) [`e32bac894`](https://github.com/gradio-app/gradio/commit/e32bac8944c85e0ec4831963299889d6bbfa0351) - Fix updating interactive prop. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6213](https://github.com/gradio-app/gradio/pull/6213) [`27194a987`](https://github.com/gradio-app/gradio/commit/27194a987fa7ba1234b5fc0ce8bf7fabef7033a9) - Ensure the statustracker for `gr.Image` displays in static mode. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6234](https://github.com/gradio-app/gradio/pull/6234) [`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e) - Video/Audio fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6236](https://github.com/gradio-app/gradio/pull/6236) [`6bce259c5`](https://github.com/gradio-app/gradio/commit/6bce259c5db7b21b327c2067e74ea20417bc89ec) - Ensure `gr.CheckboxGroup` updates as expected. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.9.2
+
+### Fixes
+
+- [#6191](https://github.com/gradio-app/gradio/pull/6191) [`b555bc09f`](https://github.com/gradio-app/gradio/commit/b555bc09ffe8e58b10da6227e2f11a0c084aa71d) - fix cdn build. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.9.1
+
+### Features
+
+- [#6137](https://github.com/gradio-app/gradio/pull/6137) [`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb) - JS Param. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 1.9.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Video Component. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Swap websockets for SSE. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Pending events behavior. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Reinstate types that were removed in error in #5832. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.9.0-beta.3
+
+### Features
+
+- [#6124](https://github.com/gradio-app/gradio/pull/6124) [`a7435ba9e`](https://github.com/gradio-app/gradio/commit/a7435ba9e6f8b88a838e80893eb8fedf60ccda67) - Fix static issues with Lite on v4. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6118](https://github.com/gradio-app/gradio/pull/6118) [`88bccfdba`](https://github.com/gradio-app/gradio/commit/88bccfdba3df2df4b2747ea5d649ed528047cf50) - Improve Video Component. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6126](https://github.com/gradio-app/gradio/pull/6126) [`865a22d5c`](https://github.com/gradio-app/gradio/commit/865a22d5c60fd97aeca968e55580b403743a23ec) - Refactor `Blocks.load()` so that it is in the same style as the other listeners. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6157](https://github.com/gradio-app/gradio/pull/6157) [`db143bdd1`](https://github.com/gradio-app/gradio/commit/db143bdd13b830f3bfd513bbfbc0cd1403522b84) - Make output components not editable if they are being updated. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6069](https://github.com/gradio-app/gradio/pull/6069) [`bf127e124`](https://github.com/gradio-app/gradio/commit/bf127e1241a41401e144874ea468dff8474eb505) - Swap websockets for SSE. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 1.9.0-beta.2
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5955](https://github.com/gradio-app/gradio/pull/5955) [`825c9cddc`](https://github.com/gradio-app/gradio/commit/825c9cddc83a09457d8c85ebeecb4bc705572d82) - Fix dev mode model3D. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6107](https://github.com/gradio-app/gradio/pull/6107) [`9a40de7bf`](https://github.com/gradio-app/gradio/commit/9a40de7bff5844c8a135e73c7d175eb02b63a966) - Fix: Move to cache in init postprocess + Fallback Fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6089](https://github.com/gradio-app/gradio/pull/6089) [`cd8146ba0`](https://github.com/gradio-app/gradio/commit/cd8146ba053fbcb56cf5052e658e4570d457fb8a) - Update logos for v4. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5996](https://github.com/gradio-app/gradio/pull/5996) [`9cf40f76f`](https://github.com/gradio-app/gradio/commit/9cf40f76fed1c0f84b5a5336a9b0100f8a9b4ee3) - V4: Simple dropdown. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5990](https://github.com/gradio-app/gradio/pull/5990) [`85056de5c`](https://github.com/gradio-app/gradio/commit/85056de5cd4e90a10cbfcefab74037dbc622b26b) - V4: Simple textbox. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6065](https://github.com/gradio-app/gradio/pull/6065) [`7d07001e8`](https://github.com/gradio-app/gradio/commit/7d07001e8e7ca9cbd2251632667b3a043de49f49) - fix storybook. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5826](https://github.com/gradio-app/gradio/pull/5826) [`ce036c5d4`](https://github.com/gradio-app/gradio/commit/ce036c5d47e741e29812654bcc641ea6be876504) - Pending events behavior. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6076](https://github.com/gradio-app/gradio/pull/6076) [`f3f98f923`](https://github.com/gradio-app/gradio/commit/f3f98f923c9db506284b8440e18a3ac7ddd8398b) - Lite error handler. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 1.9.0-beta.1
+
+### Patch Changes
+
+- Updated dependencies [[`174b73619`](https://github.com/gradio-app/gradio/commit/174b736194756e23f51bbaf6f850bac5f1ca95b5), [`5fbda0bd2`](https://github.com/gradio-app/gradio/commit/5fbda0bd2b2bbb2282249b8875d54acf87cd7e84)]:
+  - @gradio/wasm@0.2.0-beta.1
+  - @gradio/audio@0.4.0-beta.7
+  - @gradio/image@0.3.0-beta.7
+  - @gradio/video@0.1.0-beta.7
+  - @gradio/gallery@0.4.0-beta.7
+  - @gradio/row@0.1.0-beta.1
+
+## 1.9.0-beta.0
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5956](https://github.com/gradio-app/gradio/pull/5956) [`f769876e0`](https://github.com/gradio-app/gradio/commit/f769876e0fa62336425c4e8ada5e09f38353ff01) - Apply formatter (and small refactoring) to the Lite-related frontend code. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Reinstate types that were removed in error in #5832. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.8.0
+
+### Features
+
+- [#5627](https://github.com/gradio-app/gradio/pull/5627) [`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5) - Lite: Make the Examples component display media files using pseudo HTTP requests to the Wasm server. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5886](https://github.com/gradio-app/gradio/pull/5886) [`121f25b2d`](https://github.com/gradio-app/gradio/commit/121f25b2d50a33e1e06721b79e20b4f5651987ba) - Lite: Fix is_self_host() to detect `127.0.0.1` as localhost as well. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 1.7.1
+
+### Patch Changes
+
+- Updated dependencies [[`796145e2c`](https://github.com/gradio-app/gradio/commit/796145e2c48c4087bec17f8ec0be4ceee47170cb)]:
+  - @gradio/client@0.5.1
+  - @gradio/file@0.2.1
+  - @gradio/fileexplorer@0.2.1
+  - @gradio/uploadbutton@0.0.11
+
+## 1.7.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function.
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+Thanks [@aliabid94](https://github.com/aliabid94)!
+
+### Fixes
+
+- [#5794](https://github.com/gradio-app/gradio/pull/5794) [`f096c3ae1`](https://github.com/gradio-app/gradio/commit/f096c3ae168c0df00f90fe131c1e48c572e0574b) - Throw helpful error when media devices are not found. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.6.4
+
+### Features
+
+- [#5124](https://github.com/gradio-app/gradio/pull/5124) [`6e56a0d9b`](https://github.com/gradio-app/gradio/commit/6e56a0d9b0c863e76c69e1183d9d40196922b4cd) - Lite: Websocket queueing. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 1.6.3
+
+### Patch Changes
+
+- Updated dependencies [[`abb5e9df4`](https://github.com/gradio-app/gradio/commit/abb5e9df47989b2c56c2c312d74944678f9f2d4e), [`e842a561a`](https://github.com/gradio-app/gradio/commit/e842a561af4394f8109291ee5725bcf74743e816), [`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2), [`502054848`](https://github.com/gradio-app/gradio/commit/502054848fdbe39fc03ec42445242b4e49b7affc), [`2a5b9e03b`](https://github.com/gradio-app/gradio/commit/2a5b9e03b15ea324d641fe6982f26d81b1ca7210)]:
+  - @gradio/gallery@0.4.1
+  - @gradio/chatbot@0.5.0
+  - @gradio/dataframe@0.3.0
+  - @gradio/markdown@0.3.0
+  - @gradio/icons@0.2.0
+  - @gradio/annotatedimage@0.2.1
+  - @gradio/atoms@0.1.3
+  - @gradio/audio@0.3.6
+  - @gradio/code@0.2.1
+  - @gradio/dropdown@0.3.1
+  - @gradio/file@0.1.5
+  - @gradio/form@0.0.6
+  - @gradio/highlightedtext@0.3.2
+  - @gradio/image@0.3.1
+  - @gradio/json@0.1.1
+  - @gradio/label@0.2.1
+  - @gradio/model3d@0.2.3
+  - @gradio/plot@0.2.1
+  - @gradio/statustracker@0.2.1
+  - @gradio/textbox@0.4.1
+  - @gradio/timeseries@0.0.7
+  - @gradio/upload@0.3.1
+  - @gradio/video@0.0.10
+  - @gradio/accordion@0.1.1
+  - @gradio/box@0.0.5
+  - @gradio/checkbox@0.2.1
+  - @gradio/checkboxgroup@0.3.1
+  - @gradio/colorpicker@0.1.3
+  - @gradio/html@0.0.5
+  - @gradio/number@0.3.1
+  - @gradio/radio@0.3.1
+  - @gradio/slider@0.2.1
+  - @gradio/row@0.0.1
+  - @gradio/button@0.2.1
+  - @gradio/uploadbutton@0.0.8
+
+## 1.6.2
+
+### Features
+
+- [#5721](https://github.com/gradio-app/gradio/pull/5721) [`84e03fe50`](https://github.com/gradio-app/gradio/commit/84e03fe506e08f1f81bac6d504c9fba7924f2d93) - Adds copy buttons to website, and better descriptions to API Docs. Thanks [@aliabd](https://github.com/aliabd)!
+
+### Fixes
+
+- [#5705](https://github.com/gradio-app/gradio/pull/5705) [`78e7cf516`](https://github.com/gradio-app/gradio/commit/78e7cf5163e8d205e8999428fce4c02dbdece25f) - ensure internal data has updated before dispatching `success` or `then` events. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5726](https://github.com/gradio-app/gradio/pull/5726) [`96c4b97c7`](https://github.com/gradio-app/gradio/commit/96c4b97c742311e90a87d8e8ee562c6ad765e9f0) - Adjust translation. Thanks [@ylhsieh](https://github.com/ylhsieh)!
+
+## 1.6.1
+
+### Patch Changes
+
+- Updated dependencies [[`ee8eec1e5`](https://github.com/gradio-app/gradio/commit/ee8eec1e5e544a0127e0aa68c2522a7085b8ada5)]:
+  - @gradio/markdown@0.2.2
+  - @gradio/chatbot@0.4.1
+  - @gradio/dataframe@0.2.4
+
+## 1.6.0
+
+### Features
+
+- [#5639](https://github.com/gradio-app/gradio/pull/5639) [`e1874aff8`](https://github.com/gradio-app/gradio/commit/e1874aff814d13b23f3e59ef239cc13e18ad3fa7) - Add `gr.on` listener method. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.5.4
+
+### Features
+
+- [#5514](https://github.com/gradio-app/gradio/pull/5514) [`52f783175`](https://github.com/gradio-app/gradio/commit/52f7831751b432411e109bd41add4ab286023a8e) - refactor: Use package.json for version management. Thanks [@DarhkVoyd](https://github.com/DarhkVoyd)!
+
+## 1.5.3
+
+### Fixes
+
+- [#5562](https://github.com/gradio-app/gradio/pull/5562) [`50d9747d0`](https://github.com/gradio-app/gradio/commit/50d9747d061962cff7f60a8da648bb3781794102) - chore(deps): update dependency iframe-resizer to v4.3.7. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5550](https://github.com/gradio-app/gradio/pull/5550) [`4ed5902e7`](https://github.com/gradio-app/gradio/commit/4ed5902e7dda2d95cd43e4ccaaef520ddd8eba57) - Adding basque language. Thanks [@EkhiAzur](https://github.com/EkhiAzur)!
+
+## 1.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`a0cc9ac9`](https://github.com/gradio-app/gradio/commit/a0cc9ac931554e06dcb091158c9b9ac0cc580b6c)]:
+  - @gradio/dropdown@0.2.2
+
+## 1.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`dc86e4a7`](https://github.com/gradio-app/gradio/commit/dc86e4a7e1c40b910c74558e6f88fddf9b3292bc), [`21f1db40`](https://github.com/gradio-app/gradio/commit/21f1db40de6d1717eba97a550e11422a457ba7e9)]:
+  - @gradio/gallery@0.3.3
+  - @gradio/image@0.2.3
+  - @gradio/dropdown@0.2.1
+  - @gradio/row@0.0.1
+  - @gradio/video@0.0.7
+
+## 1.5.0
+
+### Features
+
+- [#5505](https://github.com/gradio-app/gradio/pull/5505) [`9ee20f49`](https://github.com/gradio-app/gradio/commit/9ee20f499f62c1fe5af6b8f84918b3a334eb1c8d) - Validate i18n file names with ISO-639x. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5475](https://github.com/gradio-app/gradio/pull/5475) [`c60b89b0`](https://github.com/gradio-app/gradio/commit/c60b89b0a54758a27277f0a6aa20d0653647c7c8) - Adding Central Kurdish. Thanks [@Hrazhan](https://github.com/Hrazhan)!
+- [#5400](https://github.com/gradio-app/gradio/pull/5400) [`d112e261`](https://github.com/gradio-app/gradio/commit/d112e2611b0fc79ecedfaed367571f3157211387) - Allow interactive input in `gr.HighlightedText`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`6e381c4f`](https://github.com/gradio-app/gradio/commit/6e381c4f146cc8177a4e2b8e39f914f09cd7ff0c)]:
+  - @gradio/dataframe@0.2.2
+
+## 1.4.2
+
+### Fixes
+
+- [#5447](https://github.com/gradio-app/gradio/pull/5447) [`7a4a89e5`](https://github.com/gradio-app/gradio/commit/7a4a89e5ca1dedb39e5366867501584b0c636bbb) - ensure iframe is correct size on spaces. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912), [`d14d63e3`](https://github.com/gradio-app/gradio/commit/d14d63e30c4af3f9c2a664fd11b0a01943a8300c), [`26fef8c7`](https://github.com/gradio-app/gradio/commit/26fef8c7f85a006c7e25cdbed1792df19c512d02)]:
+  - @gradio/dataframe@0.2.0
+  - @gradio/markdown@0.2.0
+  - @gradio/statustracker@0.2.0
+  - @gradio/theme@0.1.0
+  - @gradio/textbox@0.2.0
+  - @gradio/client@0.3.1
+  - @gradio/chatbot@0.3.1
+  - @gradio/accordion@0.0.4
+  - @gradio/annotatedimage@0.1.2
+  - @gradio/audio@0.3.2
+  - @gradio/checkbox@0.1.3
+  - @gradio/checkboxgroup@0.1.2
+  - @gradio/code@0.1.2
+  - @gradio/colorpicker@0.1.2
+  - @gradio/dropdown@0.1.3
+  - @gradio/file@0.1.2
+  - @gradio/gallery@0.3.2
+  - @gradio/highlightedtext@0.2.3
+  - @gradio/html@0.0.4
+  - @gradio/image@0.2.2
+  - @gradio/json@0.0.5
+  - @gradio/label@0.1.2
+  - @gradio/model3d@0.2.1
+  - @gradio/number@0.2.2
+  - @gradio/plot@0.1.2
+  - @gradio/radio@0.1.2
+  - @gradio/slider@0.1.2
+  - @gradio/timeseries@0.0.5
+  - @gradio/video@0.0.6
+  - @gradio/utils@0.1.1
+  - @gradio/uploadbutton@0.0.5
+  - @gradio/row@0.0.1
+  - @gradio/atoms@0.1.2
+  - @gradio/button@0.1.3
+  - @gradio/form@0.0.5
+  - @gradio/tabitem@0.0.4
+  - @gradio/tabs@0.0.5
+  - @gradio/box@0.0.4
+  - @gradio/upload@0.2.1
+
+## 1.4.0
+
+### Features
+
+- [#5267](https://github.com/gradio-app/gradio/pull/5267) [`119c8343`](https://github.com/gradio-app/gradio/commit/119c834331bfae60d4742c8f20e9cdecdd67e8c2) - Faster reload mode. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5373](https://github.com/gradio-app/gradio/pull/5373) [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96) - Adds `height` and `zoom_speed` parameters to `Model3D` component, as well as a button to reset the camera position. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 1.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`5f25eb68`](https://github.com/gradio-app/gradio/commit/5f25eb6836f6a78ce6208b53495a01e1fc1a1d2f), [`3341148c`](https://github.com/gradio-app/gradio/commit/3341148c109b5458cc88435d27eb154210efc472), [`df090e89`](https://github.com/gradio-app/gradio/commit/df090e89f74a16e4cb2b700a1e3263cabd2bdd91)]:
+  - @gradio/highlightedtext@0.2.1
+  - @gradio/chatbot@0.2.2
+  - @gradio/checkbox@0.1.1
+
+## 1.3.1
+
+### Fixes
+
+- [#5324](https://github.com/gradio-app/gradio/pull/5324) [`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19) - ensure login form has correct styles. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 1.3.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+#### Add `render` function to `<gradio-app>` ([#5158](https://github.com/gradio-app/gradio/pull/5158) [`804fcc05`](https://github.com/gradio-app/gradio/commit/804fcc058e147f283ece67f1f353874e26235535))
+
+We now have an event `render` on the <gradio-app> web component, which is triggered once the embedded space has finished rendering.
+
+```html
+<script>
+  function handleLoadComplete() {
+    console.log("Embedded space has finished rendering");
+  }
+  const gradioApp = document.querySelector("gradio-app");
+  gradioApp.addEventListener("render", handleLoadComplete);
+</script>
+```
+
+Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5219](https://github.com/gradio-app/gradio/pull/5219) [`e8fd4e4e`](https://github.com/gradio-app/gradio/commit/e8fd4e4ec68a6c974bc8c84b61f4a0ec50a85bc6) - Add `api_name` parameter to `gr.Interface`. Additionally, completely hide api page if show_api=False. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5264](https://github.com/gradio-app/gradio/pull/5264) [`46a2b600`](https://github.com/gradio-app/gradio/commit/46a2b600a7ff030a9ea1560b882b3bf3ad266bbc) - ensure translations for audio work correctly. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5285](https://github.com/gradio-app/gradio/pull/5285) [`cdfd4217`](https://github.com/gradio-app/gradio/commit/cdfd42174a9c777eaee9c1209bf8e90d8c7791f2) - Tweaks to `icon` parameter in `gr.Button()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5312](https://github.com/gradio-app/gradio/pull/5312) [`f769cb67`](https://github.com/gradio-app/gradio/commit/f769cb67149d8e209091508f06d87014acaed965) - only start listening for events after the components are mounted. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5276](https://github.com/gradio-app/gradio/pull/5276) [`502f1015`](https://github.com/gradio-app/gradio/commit/502f1015bf23b365bc32446dd2e549b0c5d0dc72) - Ensure `Blocks` translation copy renders correctly. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 1.2.0
+
+### Highlights
+
+#### Client.predict will now return the final output for streaming endpoints ([#5057](https://github.com/gradio-app/gradio/pull/5057) [`35856f8b`](https://github.com/gradio-app/gradio/commit/35856f8b54548cae7bd3b8d6a4de69e1748283b2))
+
+### This is a breaking change (for gradio_client only)!
+
+Previously, `Client.predict` would only return the first output of an endpoint that streamed results. This was causing confusion for developers that wanted to call these streaming demos via the client.
+
+We realize that developers using the client don't know the internals of whether a demo streams or not, so we're changing the behavior of predict to match developer expectations.
+
+Using `Client.predict` will now return the final output of a streaming endpoint. This will make it even easier to use gradio apps via the client.
+
+Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Features
+
+- [#5025](https://github.com/gradio-app/gradio/pull/5025) [`6693660a`](https://github.com/gradio-app/gradio/commit/6693660a790996f8f481feaf22a8c49130d52d89) - Add download button to selected images in `Gallery`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5046](https://github.com/gradio-app/gradio/pull/5046) [`5244c587`](https://github.com/gradio-app/gradio/commit/5244c5873c355cf3e2f0acb7d67fda3177ef8b0b) - Allow new lines in `HighlightedText` with `/n` and preserve whitespace. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5047](https://github.com/gradio-app/gradio/pull/5047) [`883ac364`](https://github.com/gradio-app/gradio/commit/883ac364f69d92128774ac446ce49bdf8415fd7b) - Add `step` param to `Number`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5005](https://github.com/gradio-app/gradio/pull/5005) [`f5539c76`](https://github.com/gradio-app/gradio/commit/f5539c7618e31451420bd3228754774da14dc65f) - Enhancement: Add focus event to textbox and number component. Thanks [@JodyZ0203](https://github.com/JodyZ0203)!
+- [#5136](https://github.com/gradio-app/gradio/pull/5136) [`eaa1ce14`](https://github.com/gradio-app/gradio/commit/eaa1ce14ac41de1c23321e93f11f1b03a2f3c7f4) - Enhancing Tamil Translation: Language Refinement 🌟. Thanks [@sanjaiyan-dev](https://github.com/sanjaiyan-dev)!
+
+## 1.1.0
+
+### Features
+
+- [#4995](https://github.com/gradio-app/gradio/pull/4995) [`3f8c210b`](https://github.com/gradio-app/gradio/commit/3f8c210b01ef1ceaaf8ee73be4bf246b5b745bbf) - Implement left and right click in `Gallery` component and show implicit images in `Gallery` grid. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#4993](https://github.com/gradio-app/gradio/pull/4993) [`dc07a9f9`](https://github.com/gradio-app/gradio/commit/dc07a9f947de44b419d8384987a02dcf94977851) - Bringing back the "Add download button for audio" PR by [@leuryr](https://github.com/leuryr). Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#4979](https://github.com/gradio-app/gradio/pull/4979) [`44ac8ad0`](https://github.com/gradio-app/gradio/commit/44ac8ad08d82ea12c503dde5c78f999eb0452de2) - Allow setting sketch color default. Thanks [@aliabid94](https://github.com/aliabid94)!
\ No newline at end of file
diff --git a/js/app/README.md b/js/app/README.md
new file mode 100644
index 0000000..5ce6766
--- /dev/null
+++ b/js/app/README.md
@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
diff --git a/js/app/after_build.js b/js/app/after_build.js
new file mode 100644
index 0000000..a9a52db
--- /dev/null
+++ b/js/app/after_build.js
@@ -0,0 +1,34 @@
+import { writeFileSync, copyFileSync } from "fs";
+import { resolve, dirname } from "path";
+import { fileURLToPath } from "url";
+import { execSync } from "child_process";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const out_path = resolve(__dirname, "../../gradio/templates/node/build");
+
+writeFileSync(
+	resolve(out_path, "package.json"),
+	JSON.stringify(
+		{
+			name: "gradio-server-app",
+			type: "module",
+			dependencies: { "http-proxy": "^1.18.1" }
+		},
+		null,
+		2
+	)
+);
+
+// Install http-proxy in the build output so it's available at runtime
+execSync("npm install --production", { cwd: out_path, stdio: "inherit" });
+
+// Replace the adapter-generated index.js with our custom proxy entry point
+copyFileSync(
+	resolve(__dirname, "proxy_index.js"),
+	resolve(out_path, "index.js")
+);
+copyFileSync(
+	resolve(__dirname, "proxy_routes.js"),
+	resolve(out_path, "proxy_routes.js")
+);
diff --git a/js/app/cleanup_build.js b/js/app/cleanup_build.js
new file mode 100644
index 0000000..68da2a7
--- /dev/null
+++ b/js/app/cleanup_build.js
@@ -0,0 +1,83 @@
+import { readdirSync, unlinkSync, statSync } from "fs";
+import { join, resolve } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+const buildPath = resolve(__dirname, "../../gradio/templates/node/build");
+
+/**
+ * Recursively walks a directory and calls the callback for each file
+ */
+function walkDir(dir, callback) {
+	const files = readdirSync(dir);
+
+	for (const file of files) {
+		const filePath = join(dir, file);
+		const stat = statSync(filePath);
+
+		if (stat.isDirectory()) {
+			walkDir(filePath, callback);
+		} else {
+			callback(filePath);
+		}
+	}
+}
+
+/**
+ * Cleanup build directory to keep only .br files
+ * - Remove all .gz files
+ * - Remove all .map files
+ * - Remove all .js and .css files that have a corresponding .br file
+ */
+function cleanupBuild() {
+	console.log("Cleaning up build directory:", buildPath);
+
+	let removedGz = 0;
+	let removedMap = 0;
+	let removedOriginal = 0;
+
+	// First pass: collect all .br files
+	const brFiles = new Set();
+	walkDir(buildPath, (filePath) => {
+		if (filePath.endsWith(".br")) {
+			// Store the original file path (without .br extension)
+			brFiles.add(filePath.slice(0, -3));
+		}
+	});
+
+	// Second pass: remove files
+	walkDir(buildPath, (filePath) => {
+		// Remove .gz files
+		if (filePath.endsWith(".gz")) {
+			unlinkSync(filePath);
+			removedGz++;
+			return;
+		}
+
+		// Remove .map files
+		if (filePath.endsWith(".map")) {
+			unlinkSync(filePath);
+			removedMap++;
+			return;
+		}
+
+		// Remove original .js and .css files if they have a .br version
+		if (
+			(filePath.endsWith(".js") || filePath.endsWith(".css")) &&
+			brFiles.has(filePath)
+		) {
+			unlinkSync(filePath);
+			removedOriginal++;
+			return;
+		}
+	});
+
+	console.log(`Cleanup complete:`);
+	console.log(`  - Removed ${removedGz} .gz files`);
+	console.log(`  - Removed ${removedMap} .map files`);
+	console.log(
+		`  - Removed ${removedOriginal} original files (kept .br versions)`
+	);
+}
+
+cleanupBuild();
diff --git a/js/app/package.json b/js/app/package.json
new file mode 100644
index 0000000..ddcc72b
--- /dev/null
+++ b/js/app/package.json
@@ -0,0 +1,35 @@
+{
+	"name": "@self/app",
+	"version": "2.2.2",
+	"private": true,
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build && node after_build.js && node cleanup_build.js",
+		"preview": "vite preview",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+		"lint": "prettier --check .",
+		"format": "prettier --write ."
+	},
+	"devDependencies": {
+		"@sveltejs/adapter-auto": "^7.0.0",
+		"@sveltejs/kit": "^2.49.5",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"prettier": "^3.6.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"svelte-check": "^4.3.3",
+		"typescript": "^5.9.3",
+		"vite": "^7.1.12"
+	},
+	"type": "module",
+	"dependencies": {
+		"@gradio/client": "workspace:^",
+		"@gradio/core": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@huggingface/space-header": "^1.0.4",
+		"@self/build": "workspace:^",
+		"@sveltejs/adapter-node": "^5.4.0",
+		"http-proxy": "^1.18.1",
+		"svelte-preprocess": "^6.0.3"
+	}
+}
diff --git a/js/app/proxy_index.js b/js/app/proxy_index.js
new file mode 100644
index 0000000..c692567
--- /dev/null
+++ b/js/app/proxy_index.js
@@ -0,0 +1,128 @@
+import http from "node:http";
+import process from "node:process";
+import httpProxy from "http-proxy";
+import { handler } from "./handler.js";
+import { classifyRoute } from "./proxy_routes.js";
+
+const host = process.env.HOST || "0.0.0.0";
+const port = parseInt(process.env.PORT || "7860", 10);
+
+const pythonHost = process.env.GRADIO_PYTHON_HOST || "127.0.0.1";
+const pythonPort = parseInt(process.env.GRADIO_PYTHON_PORT || "7861", 10);
+const serverModeEnabled = process.env.GRADIO_SERVER_MODE_ENABLED;
+
+const staticWorkerPorts = process.env.GRADIO_STATIC_WORKER_PORTS
+	? process.env.GRADIO_STATIC_WORKER_PORTS.split(",")
+			.map((p) => parseInt(p.trim(), 10))
+			.filter((p) => !isNaN(p))
+	: [];
+
+let workerIndex = 0;
+
+const pythonTarget = `http://${pythonHost}:${pythonPort}`;
+
+const proxy = httpProxy.createProxyServer({
+	// Don't modify the path
+	ignorePath: false,
+	// Forward the original host header
+	changeOrigin: false
+});
+
+proxy.on("error", (err, req, res) => {
+	// Suppress ECONNRESET from client-initiated disconnects
+	if (err.code === "ECONNRESET") return;
+	console.error(`[gradio-proxy] Proxy error for ${req.url}:`, err.message);
+	if (res.writeHead && !res.headersSent) {
+		res.writeHead(502, { "Content-Type": "text/plain" });
+		res.end("Bad Gateway");
+	}
+});
+
+// When the browser closes an SSE/streaming connection, propagate the
+// disconnect to Python so that `request.is_disconnected()` returns True.
+// http-proxy only listens for the deprecated `aborted` event, which
+// doesn't fire reliably in newer Node versions. We listen on `res`
+// (the outgoing response to the client) because for GET/SSE requests
+// `req` closes immediately after the empty body is consumed — before
+// the proxy response even arrives.
+proxy.on("proxyRes", (proxyRes, req, res) => {
+	res.on("close", () => {
+		if (!res.writableEnded) {
+			proxyRes.destroy();
+		}
+	});
+});
+
+const server = http.createServer((req, res) => {
+	const url = req.url || "/";
+	const qmark = url.indexOf("?");
+	const path = qmark === -1 ? url : url.substring(0, qmark);
+	const queryString = qmark === -1 ? "" : url.substring(qmark + 1);
+	const { route, workerIndex: affinityIndex } = classifyRoute(path, {
+		hasWorkers: staticWorkerPorts.length > 0,
+		serverModeEnabled: !!serverModeEnabled,
+		numWorkers: staticWorkerPorts.length,
+		queryString
+	});
+
+	if (route === "worker") {
+		let targetPort;
+		if (affinityIndex !== undefined) {
+			// Affinity routing: upload_id hashed to a specific worker
+			targetPort = staticWorkerPorts[affinityIndex];
+		} else {
+			// Round-robin for non-affinity static routes
+			targetPort = staticWorkerPorts[workerIndex % staticWorkerPorts.length];
+			workerIndex = (workerIndex + 1) % staticWorkerPorts.length;
+		}
+		proxy.web(req, res, {
+			target: `http://${pythonHost}:${targetPort}`
+		});
+		return;
+	}
+
+	if (route === "python") {
+		proxy.web(req, res, { target: pythonTarget });
+		return;
+	}
+
+	// SvelteKit handler (SSR + immutable assets)
+	// Inject headers that SvelteKit's page.server.ts expects to find the Python backend.
+	// x-gradio-server is for internal Node->Python fetches (always http).
+	// x-gradio-original-url is the public-facing URL the browser uses,
+	// so it must respect x-forwarded-proto (e.g. https on HF Spaces).
+	const publicScheme = (req.headers["x-forwarded-proto"] || "http")
+		.split(",")[0]
+		.trim();
+	const publicHost =
+		req.headers["x-forwarded-host"] || req.headers.host || `${host}:${port}`;
+	req.headers["x-gradio-server"] = pythonTarget;
+	req.headers["x-gradio-port"] = String(pythonPort);
+	req.headers["x-gradio-mounted-path"] = "/";
+	req.headers["x-gradio-original-url"] = `${publicScheme}://${publicHost}`;
+	handler(req, res);
+});
+
+server.listen({ host, port }, () => {
+	console.log(`[gradio-proxy] Listening on http://${host}:${port}`);
+	console.log(`[gradio-proxy] Python backend: ${pythonTarget}`);
+	if (staticWorkerPorts.length > 0) {
+		console.log(
+			`[gradio-proxy] Static workers: ${staticWorkerPorts.join(", ")}`
+		);
+	}
+});
+
+function graceful_shutdown() {
+	server.closeIdleConnections();
+	server.close(() => {
+		proxy.close();
+		process.exit(0);
+	});
+	setTimeout(() => server.closeAllConnections(), 30000);
+}
+
+process.on("SIGTERM", graceful_shutdown);
+process.on("SIGINT", graceful_shutdown);
+
+export { host, port, server };
diff --git a/js/app/proxy_routes.js b/js/app/proxy_routes.js
new file mode 100644
index 0000000..e69f4c5
--- /dev/null
+++ b/js/app/proxy_routes.js
@@ -0,0 +1,133 @@
+/**
+ * Routing logic for the Gradio Node proxy.
+ *
+ * Extracted so it can be unit-tested independently of the SvelteKit handler.
+ */
+
+// Routes that must go to the Python server (FastAPI).
+export const PYTHON_ROUTE_PREFIXES = [
+	"/gradio_api",
+	"/config",
+	"/login",
+	"/logout",
+	"/theme.css",
+	"/robots.txt",
+	"/pwa_icon",
+	"/manifest.json",
+	"/monitoring"
+];
+
+// Routes that can be offloaded to static workers.
+// Workers serve both /upload and /gradio_api/upload (same handler).
+// Checked BEFORE the /gradio_api Python catch-all.
+export const STATIC_ROUTE_PREFIXES = [
+	"/gradio_api/upload",
+	"/gradio_api/upload_progress",
+	"/gradio_api/file=",
+	"/gradio_api/file/",
+	"/upload",
+	"/upload_progress",
+	"/file=",
+	"/file/",
+	"/static/",
+	"/assets/",
+	"/svelte/",
+	"/favicon.ico",
+	"/custom_component/"
+];
+
+// Upload routes that need affinity (upload + upload_progress for the same
+// upload_id must land on the same worker).
+const UPLOAD_AFFINITY_PREFIXES = [
+	"/gradio_api/upload",
+	"/gradio_api/upload_progress",
+	"/upload",
+	"/upload_progress"
+];
+
+export function matchesPrefix(path, prefixes) {
+	for (const prefix of prefixes) {
+		if (path === prefix || path.startsWith(prefix)) {
+			return true;
+		}
+	}
+	return false;
+}
+
+/**
+ * Simple string hash (djb2) that returns a non-negative integer.
+ * Used to map upload_id to a deterministic worker index.
+ *
+ * @param {string} str
+ * @returns {number}
+ */
+export function hashString(str) {
+	let hash = 5381;
+	for (let i = 0; i < str.length; i++) {
+		hash = ((hash << 5) + hash + str.charCodeAt(i)) >>> 0;
+	}
+	return hash;
+}
+
+/**
+ * Classify a request into a routing destination and optional worker index.
+ *
+ * @param {string} path - URL path (no query string)
+ * @param {object} options
+ * @param {boolean} options.hasWorkers - whether static workers are configured
+ * @param {boolean} options.serverModeEnabled - whether GRADIO_SERVER_MODE_ENABLED is set
+ * @param {number} options.numWorkers - number of static workers
+ * @param {string} [options.queryString] - raw query string (after ?)
+ * @returns {{route: "worker" | "python" | "sveltekit", workerIndex?: number}}
+ */
+export function classifyRoute(
+	path,
+	{
+		hasWorkers = false,
+		serverModeEnabled = false,
+		numWorkers = 0,
+		queryString = ""
+	} = {}
+) {
+	if (matchesPrefix(path, STATIC_ROUTE_PREFIXES)) {
+		if (!hasWorkers) {
+			return { route: "python" };
+		}
+		// For upload routes with an upload_id, use affinity hashing
+		if (
+			numWorkers > 0 &&
+			queryString &&
+			matchesPrefix(path, UPLOAD_AFFINITY_PREFIXES)
+		) {
+			const uploadId = extractUploadId(queryString);
+			if (uploadId) {
+				return {
+					route: "worker",
+					workerIndex: hashString(uploadId) % numWorkers
+				};
+			}
+		}
+		return { route: "worker" };
+	}
+	if (matchesPrefix(path, PYTHON_ROUTE_PREFIXES) || serverModeEnabled) {
+		return { route: "python" };
+	}
+	return { route: "sveltekit" };
+}
+
+/**
+ * Extract upload_id from a query string.
+ *
+ * @param {string} qs - raw query string (without leading ?)
+ * @returns {string|null}
+ */
+function extractUploadId(qs) {
+	for (const part of qs.split("&")) {
+		const eq = part.indexOf("=");
+		if (eq === -1) continue;
+		if (part.substring(0, eq) === "upload_id") {
+			return decodeURIComponent(part.substring(eq + 1));
+		}
+	}
+	return null;
+}
diff --git a/js/app/proxy_routes.test.js b/js/app/proxy_routes.test.js
new file mode 100644
index 0000000..0959fa9
--- /dev/null
+++ b/js/app/proxy_routes.test.js
@@ -0,0 +1,318 @@
+/**
+ * Unit tests for proxy routing logic.
+ *
+ * Tests the classifyRoute function which determines where each request goes:
+ * "worker", "python", or "sveltekit".
+ *
+ * Run: node --test js/app/proxy_routes.test.js
+ */
+
+import { describe, it } from "node:test";
+import assert from "node:assert/strict";
+import {
+	classifyRoute,
+	hashString,
+	matchesPrefix,
+	PYTHON_ROUTE_PREFIXES,
+	STATIC_ROUTE_PREFIXES
+} from "./proxy_routes.js";
+
+describe("classifyRoute", () => {
+	describe("python routes", () => {
+		const pythonPaths = [
+			"/config",
+			"/config/",
+			"/gradio_api/info",
+			"/gradio_api/queue/join",
+			"/gradio_api/call/predict",
+			"/login",
+			"/login/",
+			"/logout",
+			"/theme.css",
+			"/robots.txt",
+			"/pwa_icon",
+			"/manifest.json",
+			"/monitoring",
+			"/monitoring/some/path"
+		];
+
+		for (const path of pythonPaths) {
+			it(`${path} -> python`, () => {
+				assert.equal(classifyRoute(path, { hasWorkers: true }).route, "python");
+			});
+		}
+	});
+
+	describe("worker routes (workers configured)", () => {
+		const workerPaths = [
+			"/gradio_api/upload",
+			"/gradio_api/file=/tmp/test.txt",
+			"/gradio_api/file/some/path",
+			"/upload",
+			"/file=/tmp/test.txt",
+			"/file/some/path",
+			"/static/img/logo.svg",
+			"/static/css/style.css",
+			"/assets/some.js",
+			"/svelte/some/file.js",
+			"/favicon.ico",
+			"/custom_component/abc"
+		];
+
+		for (const path of workerPaths) {
+			it(`${path} -> worker`, () => {
+				assert.equal(classifyRoute(path, { hasWorkers: true }).route, "worker");
+			});
+		}
+	});
+
+	describe("worker routes fall back to python (no workers)", () => {
+		const paths = [
+			"/gradio_api/upload",
+			"/upload",
+			"/file=/tmp/test.txt",
+			"/static/img/logo.svg",
+			"/favicon.ico"
+		];
+
+		for (const path of paths) {
+			it(`${path} -> python (no workers)`, () => {
+				assert.equal(
+					classifyRoute(path, { hasWorkers: false }).route,
+					"python"
+				);
+			});
+		}
+	});
+
+	describe("sveltekit routes", () => {
+		const sveltekitPaths = [
+			"/",
+			"/_app/immutable/nodes/1.CPQUYxzy.js",
+			"/_app/immutable/chunks/dgSRqNc-.js",
+			"/some/random/page"
+		];
+
+		for (const path of sveltekitPaths) {
+			it(`${path} -> sveltekit`, () => {
+				assert.equal(
+					classifyRoute(path, { hasWorkers: true }).route,
+					"sveltekit"
+				);
+			});
+		}
+	});
+
+	describe("priority", () => {
+		it("/gradio_api/upload goes to worker, not python", () => {
+			assert.equal(
+				classifyRoute("/gradio_api/upload", { hasWorkers: true }).route,
+				"worker"
+			);
+		});
+
+		it("/gradio_api/upload_progress goes to worker, not python", () => {
+			assert.equal(
+				classifyRoute("/gradio_api/upload_progress", {
+					hasWorkers: true
+				}).route,
+				"worker"
+			);
+		});
+
+		it("/gradio_api/file=/path goes to worker, not python", () => {
+			assert.equal(
+				classifyRoute("/gradio_api/file=/path", { hasWorkers: true }).route,
+				"worker"
+			);
+		});
+
+		it("/gradio_api/file/path goes to worker, not python", () => {
+			assert.equal(
+				classifyRoute("/gradio_api/file/path", { hasWorkers: true }).route,
+				"worker"
+			);
+		});
+
+		it("/gradio_api/info still goes to python", () => {
+			assert.equal(
+				classifyRoute("/gradio_api/info", { hasWorkers: true }).route,
+				"python"
+			);
+		});
+
+		it("/gradio_api/queue/join still goes to python", () => {
+			assert.equal(
+				classifyRoute("/gradio_api/queue/join", { hasWorkers: true }).route,
+				"python"
+			);
+		});
+	});
+
+	describe("server mode", () => {
+		it("/ -> python when serverModeEnabled", () => {
+			assert.equal(
+				classifyRoute("/", { serverModeEnabled: true }).route,
+				"python"
+			);
+		});
+
+		it("/any/path -> python when serverModeEnabled", () => {
+			assert.equal(
+				classifyRoute("/any/path", { serverModeEnabled: true }).route,
+				"python"
+			);
+		});
+
+		it("worker routes still go to workers even in server mode", () => {
+			assert.equal(
+				classifyRoute("/gradio_api/upload", {
+					hasWorkers: true,
+					serverModeEnabled: true
+				}).route,
+				"worker"
+			);
+		});
+	});
+
+	describe("upload affinity routing", () => {
+		const opts = { hasWorkers: true, numWorkers: 3 };
+
+		it("upload with upload_id gets a deterministic workerIndex", () => {
+			const result = classifyRoute("/gradio_api/upload", {
+				...opts,
+				queryString: "upload_id=abc123"
+			});
+			assert.equal(result.route, "worker");
+			assert.equal(typeof result.workerIndex, "number");
+			assert.ok(result.workerIndex >= 0 && result.workerIndex < 3);
+		});
+
+		it("upload_progress with same upload_id gets same workerIndex", () => {
+			const uploadResult = classifyRoute("/gradio_api/upload", {
+				...opts,
+				queryString: "upload_id=abc123"
+			});
+			const progressResult = classifyRoute("/gradio_api/upload_progress", {
+				...opts,
+				queryString: "upload_id=abc123"
+			});
+			assert.equal(uploadResult.workerIndex, progressResult.workerIndex);
+		});
+
+		it("/upload (no gradio_api prefix) also gets affinity", () => {
+			const result = classifyRoute("/upload", {
+				...opts,
+				queryString: "upload_id=test456"
+			});
+			assert.equal(result.route, "worker");
+			assert.equal(typeof result.workerIndex, "number");
+		});
+
+		it("/upload_progress (no gradio_api prefix) also gets affinity", () => {
+			const uploadResult = classifyRoute("/upload", {
+				...opts,
+				queryString: "upload_id=test456"
+			});
+			const progressResult = classifyRoute("/upload_progress", {
+				...opts,
+				queryString: "upload_id=test456"
+			});
+			assert.equal(uploadResult.workerIndex, progressResult.workerIndex);
+		});
+
+		it("upload without upload_id gets no workerIndex (round-robin)", () => {
+			const result = classifyRoute("/gradio_api/upload", {
+				...opts,
+				queryString: ""
+			});
+			assert.equal(result.route, "worker");
+			assert.equal(result.workerIndex, undefined);
+		});
+
+		it("different upload_ids can map to different workers", () => {
+			// Generate several IDs and check we get at least 2 distinct indices
+			const indices = new Set();
+			for (let i = 0; i < 20; i++) {
+				const result = classifyRoute("/gradio_api/upload", {
+					...opts,
+					queryString: `upload_id=id-${i}`
+				});
+				indices.add(result.workerIndex);
+			}
+			assert.ok(
+				indices.size > 1,
+				"expected different upload_ids to map to different workers"
+			);
+		});
+
+		it("non-upload worker routes get no workerIndex", () => {
+			const result = classifyRoute("/static/img/logo.svg", {
+				...opts,
+				queryString: "upload_id=abc123"
+			});
+			assert.equal(result.route, "worker");
+			assert.equal(result.workerIndex, undefined);
+		});
+	});
+});
+
+describe("hashString", () => {
+	it("returns a non-negative integer", () => {
+		const h = hashString("test");
+		assert.equal(typeof h, "number");
+		assert.ok(h >= 0);
+		assert.ok(Number.isInteger(h));
+	});
+
+	it("is deterministic", () => {
+		assert.equal(hashString("abc123"), hashString("abc123"));
+	});
+
+	it("different strings produce different hashes", () => {
+		assert.notEqual(hashString("abc"), hashString("xyz"));
+	});
+});
+
+describe("matchesPrefix", () => {
+	it("exact match", () => {
+		assert.ok(matchesPrefix("/config", ["/config"]));
+	});
+
+	it("prefix match", () => {
+		assert.ok(matchesPrefix("/config/foo", ["/config"]));
+	});
+
+	it("no match", () => {
+		assert.ok(!matchesPrefix("/other", ["/config"]));
+	});
+
+	it("does not match partial prefix", () => {
+		// /configurable should NOT match /config as a prefix?
+		// Actually it does because /configurable.startsWith("/config") is true.
+		// This is the current behavior — documenting it.
+		assert.ok(matchesPrefix("/configurable", ["/config"]));
+	});
+});
+
+describe("route prefix lists are consistent", () => {
+	it("STATIC_ROUTE_PREFIXES checked before PYTHON_ROUTE_PREFIXES catches /gradio_api/*", () => {
+		// The critical routes that must be in STATIC before PYTHON catches them
+		const critical = [
+			"/gradio_api/upload",
+			"/gradio_api/upload_progress",
+			"/gradio_api/file=",
+			"/gradio_api/file/"
+		];
+		for (const route of critical) {
+			assert.ok(
+				STATIC_ROUTE_PREFIXES.some((p) => route.startsWith(p)),
+				`${route} must be in STATIC_ROUTE_PREFIXES`
+			);
+		}
+	});
+
+	it("/gradio_api is in PYTHON_ROUTE_PREFIXES", () => {
+		assert.ok(PYTHON_ROUTE_PREFIXES.includes("/gradio_api"));
+	});
+});
diff --git a/js/app/src/app.d.ts b/js/app/src/app.d.ts
new file mode 100644
index 0000000..743f07b
--- /dev/null
+++ b/js/app/src/app.d.ts
@@ -0,0 +1,13 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/js/app/src/app.html b/js/app/src/app.html
new file mode 100644
index 0000000..1fd8b80
--- /dev/null
+++ b/js/app/src/app.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html
+	lang="en"
+	style="
+		margin: 0;
+		padding: 0;
+		min-height: 100%;
+		display: flex;
+		flex-direction: column;
+	"
+>
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="/favicon.ico" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta property="og:title" content="Gradio" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="{url}" />
+		<meta property="og:description" content="Click to try out the app!" />
+		<meta
+			property="og:image"
+			content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg"
+		/>
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta name="twitter:creator" content="@Gradio" />
+		<meta name="twitter:title" content="Gradio" />
+		<meta name="twitter:description" content="Click to try out the app!" />
+		<meta
+			name="twitter:image"
+			content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg"
+		/>
+		<script data-gradio-mode>
+			window.__gradio_mode__ = "app";
+			window.iFrameResizer = {
+				autoResize: false,
+				sizeWidth: false
+			};
+			window.parent?.postMessage(
+				{ type: "SET_SCROLLING", enabled: false },
+				"*"
+			);
+		</script>
+		<script src="static/js/iframeResizer.contentWindow.min.js" async></script>
+
+		%sveltekit.head%
+	</head>
+	<body
+		data-sveltekit-preload-data="hover"
+		style="
+			width: 100%;
+			margin: 0;
+			padding: 0;
+			display: flex;
+			flex-direction: column;
+			flex-grow: 1;
+		"
+	>
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/js/app/src/lib/index.ts b/js/app/src/lib/index.ts
new file mode 100644
index 0000000..856f2b6
--- /dev/null
+++ b/js/app/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/js/app/src/routes/+layout.server.ts b/js/app/src/routes/+layout.server.ts
new file mode 100644
index 0000000..129bd8d
--- /dev/null
+++ b/js/app/src/routes/+layout.server.ts
@@ -0,0 +1,10 @@
+import { redirect } from "@sveltejs/kit";
+import { dev } from "$app/environment";
+
+export function load({ url }): void {
+	const { pathname, search } = url;
+
+	if (dev && url.pathname.startsWith("/theme")) {
+		redirect(308, `http://127.0.0.1:7860${pathname}${search}`);
+	}
+}
diff --git a/js/app/src/routes/+layout.svelte b/js/app/src/routes/+layout.svelte
new file mode 100644
index 0000000..fd580c4
--- /dev/null
+++ b/js/app/src/routes/+layout.svelte
@@ -0,0 +1,22 @@
+<script>
+	import "@gradio/theme/reset.css";
+	import "@gradio/theme/global.css";
+	import "@gradio/theme/pollen.css";
+	import "@gradio/theme/typography.css";
+	import "@gradio/theme/gradio-style.scss";
+</script>
+
+<slot></slot>
+
+<style>
+	:global(body) {
+		background: var(--body-background-fill);
+		color: var(--body-text-color);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		:global(body:not(.theme-loaded)) {
+			background: var(--neutral-950);
+		}
+	}
+</style>
diff --git a/js/app/src/routes/[...catchall]/+page.server.ts b/js/app/src/routes/[...catchall]/+page.server.ts
new file mode 100644
index 0000000..fc06ddd
--- /dev/null
+++ b/js/app/src/routes/[...catchall]/+page.server.ts
@@ -0,0 +1,54 @@
+import { dev } from "$app/environment";
+
+export async function load({ request }: { request: Request }): Promise<{
+	server: string;
+	port: string;
+	local_dev_mode: string | undefined;
+	accept_language: string;
+	root_url: string;
+	mount_path: string;
+	cookie: string | null;
+	auth_required: boolean;
+}> {
+	const server =
+		request.headers.get("x-gradio-server") || "http://127.0.0.1:7860";
+	const port = request.headers.get("x-gradio-port") || "7860";
+	const local_dev_mode =
+		request.headers.get("x-gradio-local-dev-mode") || dev ? "true" : undefined;
+	const accept_language = request.headers.get("accept-language") || "en";
+	const mount_path = request.headers.get("x-gradio-mounted-path") || "/";
+	const real_url = new URL(
+		request.headers.get("x-gradio-original-url") || server
+	).origin;
+	const cookie = request.headers.get("cookie");
+
+	// Check if auth is required by making a request to /config
+	// This runs only on the server, so it's safe to make this request
+	let auth_required = false;
+	try {
+		const configResponse = await fetch(`${server}/config`, {
+			headers: {
+				...(cookie ? { Cookie: cookie } : {})
+			}
+		});
+		if (configResponse.status === 401) {
+			auth_required = true;
+		}
+	} catch (e) {
+		// If we can't reach the server, we'll find out in the universal load
+	}
+
+	// Remove trailing slash from root_url to avoid double slashes in URLs
+	const root_url = new URL(mount_path, real_url).href.replace(/\/$/, "");
+
+	return {
+		server: server,
+		root_url: root_url,
+		mount_path: mount_path,
+		port: port,
+		local_dev_mode: local_dev_mode,
+		accept_language: accept_language,
+		cookie: cookie,
+		auth_required: auth_required
+	};
+}
diff --git a/js/app/src/routes/[...catchall]/+page.svelte b/js/app/src/routes/[...catchall]/+page.svelte
new file mode 100644
index 0000000..9d43ef3
--- /dev/null
+++ b/js/app/src/routes/[...catchall]/+page.svelte
@@ -0,0 +1,476 @@
+<script module lang="ts">
+	import { writable } from "svelte/store";
+
+	import type { Client as ClientType } from "@gradio/client";
+
+	import type { ComponentMeta, Dependency, LayoutNode } from "@gradio/core";
+	declare let GRADIO_VERSION: string;
+
+	interface Config {
+		deep_link_state?: "none" | "valid" | "invalid";
+		auth_required?: true;
+		auth_message: string;
+		components: ComponentMeta[];
+		css: string | null;
+		js: string | null;
+		head: string | null;
+		dependencies: Dependency[];
+		dev_mode: boolean;
+		enable_queue: boolean;
+		layout: LayoutNode;
+		mode: "blocks" | "interface";
+		root: string;
+		theme: string;
+		title: string;
+		version: string;
+		space_id: string | null;
+		is_colab: boolean;
+		footer_links: string[];
+		stylesheets?: string[];
+		app_id?: string;
+		fill_height?: boolean;
+		fill_width?: boolean;
+		theme_hash?: number;
+		username: string | null;
+		pages: [string, string][];
+		current_page: string;
+		page: Record<
+			string,
+			{
+				components: number[];
+				dependencies: number[];
+				layout: any;
+			}
+		>;
+	}
+
+	let id = -1;
+
+	function create_intersection_store(): {
+		register: (n: number, el: HTMLDivElement) => void;
+		subscribe: (typeof intersecting)["subscribe"];
+	} {
+		const intersecting = writable<Record<string, boolean>>({});
+
+		const els = new Map<HTMLDivElement, number>();
+
+		const observer = new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				if (entry.isIntersecting) {
+					let _el: number | undefined = els.get(entry.target as HTMLDivElement);
+					if (_el !== undefined)
+						intersecting.update((s) => ({ ...s, [_el as number]: true }));
+				}
+			});
+		});
+
+		function register(_id: number, el: HTMLDivElement): void {
+			els.set(el, _id);
+			observer.observe(el);
+		}
+
+		return { register, subscribe: intersecting.subscribe };
+	}
+</script>
+
+<script lang="ts">
+	import { run } from "svelte/legacy";
+
+	import { onMount, createEventDispatcher } from "svelte";
+	import type { SpaceStatus } from "@gradio/client";
+	import { Embed } from "@gradio/core";
+	import type { ThemeMode } from "@gradio/core";
+	import { _ } from "svelte-i18n";
+	import { Client } from "@gradio/client";
+	import { page } from "$app/stores";
+	import { init } from "@huggingface/space-header";
+	import { browser } from "$app/environment";
+
+	import Blocks from "@gradio/core/blocks";
+	import Login from "@gradio/core/login";
+
+	const dispatch = createEventDispatcher();
+
+	let stream: EventSource;
+
+	interface Props {
+		data: any;
+		autoscroll?: boolean;
+		version?: any;
+		initial_height: string;
+		app_mode?: boolean;
+		is_embed?: boolean;
+		theme_mode?: ThemeMode | null;
+		control_page_title?: boolean;
+		container: boolean;
+		space: string | null;
+	}
+
+	let {
+		data,
+		autoscroll = false,
+		version = GRADIO_VERSION,
+		initial_height,
+		app_mode = true,
+		is_embed = false,
+		theme_mode = null,
+		control_page_title = true,
+		container,
+		space
+	}: Props = $props();
+
+	function handle_theme_mode(target: HTMLElement): "light" | "dark" {
+		let new_theme_mode: ThemeMode;
+
+		const url = new URL(window.location.toString());
+		const url_color_mode: ThemeMode | null = url.searchParams.get(
+			"__theme"
+		) as ThemeMode | null;
+		new_theme_mode = theme_mode || url_color_mode || "system";
+
+		if (new_theme_mode === "dark" || new_theme_mode === "light") {
+			apply_theme(target, new_theme_mode);
+		} else {
+			new_theme_mode = sync_system_theme(target);
+		}
+		return new_theme_mode;
+	}
+
+	function sync_system_theme(target: HTMLElement): "light" | "dark" {
+		const theme = update_scheme();
+		window
+			?.matchMedia("(prefers-color-scheme: dark)")
+			?.addEventListener("change", update_scheme);
+
+		function update_scheme(): "light" | "dark" {
+			let _theme: "light" | "dark" = window?.matchMedia?.(
+				"(prefers-color-scheme: dark)"
+			).matches
+				? "dark"
+				: "light";
+
+			apply_theme(target, _theme);
+			return _theme;
+		}
+		return theme;
+	}
+
+	function apply_theme(target: HTMLElement, theme: "dark" | "light"): void {
+		const dark_class_element = is_embed ? target.parentElement! : document.body;
+		const bg_element = is_embed ? target : target.parentElement!;
+		bg_element.style.background = "var(--body-background-fill)";
+		dark_class_element.classList.add("theme-loaded");
+		if (theme === "dark") {
+			dark_class_element.classList.add("dark");
+		} else {
+			dark_class_element.classList.remove("dark");
+		}
+	}
+
+	let active_theme_mode: ThemeMode = $state();
+
+	if (browser) {
+		active_theme_mode = handle_theme_mode(document.body);
+	}
+
+	async function add_custom_html_head(
+		head_string: string | null
+	): Promise<void> {
+		if (head_string) {
+			const parser = new DOMParser();
+			const parsed_head_html = Array.from(
+				parser.parseFromString(head_string, "text/html").head.children
+			);
+
+			if (parsed_head_html) {
+				for (let head_element of parsed_head_html) {
+					let newElement = document.createElement(head_element.tagName);
+					if (newElement.tagName === "SCRIPT") {
+						// Created scripts default to force-async; restore document order
+						// (an explicit `async` attribute is re-applied just below).
+						(newElement as HTMLScriptElement).async = false;
+					}
+					Array.from(head_element.attributes).forEach((attr) => {
+						newElement.setAttribute(attr.name, attr.value);
+					});
+					newElement.textContent = head_element.textContent;
+
+					if (newElement.tagName == "META") {
+						const propertyAttr = newElement.getAttribute("property");
+						const nameAttr = newElement.getAttribute("name");
+
+						if (propertyAttr || nameAttr) {
+							const domMetaList = Array.from(
+								document.head.getElementsByTagName("meta") ?? []
+							);
+
+							const matched = domMetaList.find((el) => {
+								if (
+									propertyAttr &&
+									el.getAttribute("property") === propertyAttr
+								) {
+									return !el.isEqualNode(newElement);
+								}
+								if (nameAttr && el.getAttribute("name") === nameAttr) {
+									return !el.isEqualNode(newElement);
+								}
+								return false;
+							});
+
+							if (matched) {
+								document.head.replaceChild(newElement, matched);
+								continue;
+							}
+						}
+					}
+					document.head.appendChild(newElement);
+				}
+			}
+		}
+	}
+
+	let _id = id++;
+
+	let loader_status: "pending" | "error" | "complete" | "generating" =
+		"complete";
+	let app_id: string | null = $state(null);
+	let wrapper: HTMLDivElement = $state();
+	let ready = $state(false);
+	let render_complete = $state(false);
+	let reload_count = 0;
+
+	let intersecting: ReturnType<typeof create_intersection_store> = {
+		register: () => {},
+		subscribe: writable({}).subscribe
+	};
+
+	let status: SpaceStatus = {
+		message: "",
+		load_status: "pending",
+		status: "sleeping",
+		detail: "SLEEPING"
+	};
+
+	let app: ClientType = $state(data.app);
+	let css_ready = false;
+	function handle_status(_status: SpaceStatus): void {
+		status = _status;
+	}
+	//@ts-ignore
+	let pending_deep_link_error = $state(false);
+
+	let gradio_dev_mode = "";
+
+	// Set window.gradio_config early so the load function can check it during hydration
+	if (browser && data.config) {
+		window.gradio_config = data.config;
+	}
+
+	onMount(async () => {
+		window.addEventListener("beforeunload", () => {
+			app?.close();
+		});
+		//@ts-ignore
+		config = data.config;
+		window.gradio_config = data.config;
+		config = data.config;
+
+		if (config.deep_link_state === "invalid") {
+			pending_deep_link_error = true;
+		}
+
+		if (!app?.config && !config.auth_required) {
+			throw new Error("Could not resolve app config");
+		}
+
+		window.__gradio_space__ = config.space_id;
+		if (app) {
+			window.__gradio_session_hash__ = app.session_hash; // type: ignore
+		}
+		gradio_dev_mode = window?.__GRADIO_DEV__;
+
+		status = {
+			message: "",
+			load_status: "complete",
+			status: "running",
+			detail: "RUNNING"
+		};
+
+		css_ready = true;
+		window.__is_colab__ = config.is_colab;
+
+		await add_custom_html_head(config.head);
+
+		if (config.js) {
+			try {
+				const script = document.createElement("script");
+				script.textContent = config.js;
+				document.head.appendChild(script);
+			} catch (e) {
+				console.error("Error executing custom JS:", e);
+			}
+		}
+
+		dispatch("loaded");
+		if (config.dev_mode) {
+			setTimeout(() => {
+				const { host } = new URL(data.api_url);
+				let url = new URL(`http://${host}${app.api_prefix}/dev/reload`);
+				stream = new EventSource(url);
+				stream.addEventListener("error", async (e) => {
+					// @ts-ignore
+					let event_data: string | undefined = e.data;
+					if (event_data) {
+						new_message_fn(
+							"Error",
+							"Error reloading app",
+							-1,
+							"error",
+							10,
+							true
+						);
+						console.error(JSON.parse(event_data));
+					}
+				});
+				stream.addEventListener("reload", async (event) => {
+					app.close();
+					app = await Client.connect(data.api_url, {
+						status_callback: handle_status,
+						with_null_state: true,
+						events: ["data", "log", "status", "render"],
+						session_hash: app.session_hash
+					});
+
+					if (!app.config) {
+						throw new Error("Could not resolve app config");
+					}
+					reload_count += 1;
+					config = app.config;
+					window.__gradio_space__ = config.space_id;
+				});
+			}, 200);
+		}
+	});
+
+	let new_message_fn: (title: string, message: string, type: string) => void =
+		$state();
+
+	onMount(async () => {
+		intersecting = create_intersection_store();
+		intersecting.register(_id, wrapper);
+	});
+
+	let spaceheader: HTMLElement | undefined;
+
+	async function mount_space_header(
+		space_id: string | null | undefined,
+		is_embed: boolean
+	): Promise<void> {
+		if (space_id && !is_embed && window.self === window.top) {
+			if (spaceheader) {
+				spaceheader.remove();
+				spaceheader = undefined;
+			}
+			const header = await init(space_id);
+			if (header) spaceheader = header.element;
+		}
+	}
+
+	// onDestroy(() => {
+	// 	if (spaceheader) {
+	// 		spaceheader.remove();
+	// 		spaceheader = undefined;
+	// 	}
+	// });
+	let config = $derived(data.config);
+	let root = $derived.by(() => {
+		if (!browser) return config.root;
+		const current_url = new URL(window.location.toString());
+		const root_url = new URL(config.root);
+
+		return new URL(root_url.pathname, current_url).toString();
+	});
+	run(() => {
+		if (config?.app_id) {
+			app_id = config.app_id;
+		}
+	});
+	run(() => {
+		if (new_message_fn && pending_deep_link_error) {
+			new_message_fn("Error", "Deep link was not valid", -1, "error", 10, true);
+			pending_deep_link_error = false;
+		}
+	});
+	run(() => {
+		if (render_complete) {
+			wrapper.dispatchEvent(
+				new CustomEvent("render", {
+					bubbles: true,
+					cancelable: false,
+					composed: true
+				})
+			);
+		}
+	});
+	run(() => {
+		app?.config &&
+			browser &&
+			mount_space_header(app?.config?.space_id, is_embed);
+	});
+</script>
+
+<svelte:head>
+	<link rel="stylesheet" href={root + "/theme.css?v=" + config?.theme_hash} />
+	{#if config?.stylesheets}
+		{#each config.stylesheets as stylesheet}
+			{#if stylesheet.startsWith("http:") || stylesheet.startsWith("https:")}
+				<link rel="stylesheet" href={stylesheet} />
+			{/if}
+		{/each}
+	{/if}
+	<link rel="manifest" href="/manifest.json" />
+</svelte:head>
+
+<Embed
+	display={container && is_embed}
+	{is_embed}
+	info={false}
+	{version}
+	{initial_height}
+	{space}
+	pages={config.pages}
+	current_page={config.current_page}
+	root={config.root}
+	components={config.components}
+	loaded={loader_status === "complete"}
+	fill_width={config?.fill_width || false}
+	bind:wrapper
+>
+	{#if config?.auth_required}
+		<Login
+			auth_message={config.auth_message}
+			root={config.root}
+			space_id={space}
+			{app_mode}
+			i18n={$_}
+		/>
+	{:else if config && app}
+		<Blocks
+			{app}
+			{...config}
+			fill_height={!is_embed && config.fill_height}
+			theme_mode={active_theme_mode}
+			{control_page_title}
+			target={wrapper}
+			{autoscroll}
+			bind:ready
+			bind:render_complete
+			bind:add_new_message={new_message_fn}
+			footer_links={is_embed ? [] : config.footer_links}
+			{app_mode}
+			{version}
+			search_params={$page.url.searchParams}
+			initial_layout={data.layout}
+		/>
+	{/if}
+</Embed>
diff --git a/js/app/src/routes/[...catchall]/+page.ts b/js/app/src/routes/[...catchall]/+page.ts
new file mode 100644
index 0000000..d4c467b
--- /dev/null
+++ b/js/app/src/routes/[...catchall]/+page.ts
@@ -0,0 +1,164 @@
+// import { type LayoutServerLoad } from "./$types";
+import { browser } from "$app/environment";
+
+import { Client } from "@gradio/client";
+
+import type { Config } from "@gradio/client";
+import { MISSING_CREDENTIALS_MSG } from "@gradio/client";
+import { setupi18n } from "@gradio/core";
+
+export let ssr = true;
+
+export async function load({
+	url,
+	data: {
+		server,
+		port,
+		local_dev_mode,
+		accept_language,
+		root_url,
+		mount_path,
+		cookie,
+		auth_required
+	},
+	route
+}): Promise<{
+	config: Config;
+	api_url: string;
+	layout: unknown;
+	app: Client | null;
+}> {
+	let app: Client;
+	const api_url =
+		browser && !local_dev_mode && root_url
+			? new URL(mount_path || "/", root_url).href
+			: server;
+	const deepLink = url.searchParams.get("deep_link");
+	const headers = new Headers();
+	if (!browser) {
+		headers.append("x-gradio-server", root_url);
+		if (cookie) {
+			headers.append("Cookie", cookie);
+		}
+	} else {
+		headers.append(
+			"x-gradio-server",
+			new URL(mount_path, location.origin).href
+		);
+	}
+
+	// If the server-side check determined auth is required, skip Client.connect
+	// This prevents the 401 error on the client during hydration
+	if (auth_required) {
+		await setupi18n(undefined, accept_language);
+		return {
+			config: {
+				auth_required: true,
+				auth_message: "",
+				components: [],
+				current_page: "",
+				dependencies: [],
+				layout: {},
+				pages: [],
+				page: {},
+				root: root_url,
+				space_id: null,
+				analytics_enabled: false,
+				connect_heartbeat: false,
+				css: "",
+				js: "",
+				theme_hash: 0,
+				head: "",
+				dev_mode: false,
+				enable_queue: false,
+				show_error: false,
+				fill_height: false,
+				fill_width: false,
+				mode: "blocks",
+				theme: "default",
+				title: "",
+				version: "",
+				api_prefix: "",
+				is_space: false,
+				is_colab: false,
+				footer_links: ["gradio", "settings"],
+				stylesheets: [],
+				protocol: "sse_v3",
+				username: ""
+			},
+			api_url,
+			layout: {},
+			app: null
+		};
+	}
+
+	try {
+		app = await Client.connect(api_url, {
+			with_null_state: true,
+			events: ["data", "log", "status", "render"],
+			query_params: deepLink ? { deep_link: deepLink } : undefined,
+			headers,
+			cookies: cookie || undefined
+		});
+	} catch (error: any) {
+		const error_message = error.message || "";
+		let auth_message = "";
+		if (!error_message.includes(MISSING_CREDENTIALS_MSG)) {
+			auth_message = error_message.replace(/^Error:?\s*/, "");
+		}
+		await setupi18n(undefined, accept_language);
+		return {
+			config: {
+				auth_message: auth_message,
+				auth_required: true,
+				components: [],
+				current_page: "",
+				dependencies: [],
+				layout: {},
+				pages: [],
+				page: {},
+				root: root_url,
+				space_id: null,
+				analytics_enabled: false,
+				connect_heartbeat: false,
+				css: "",
+				js: "",
+				theme_hash: 0,
+				head: "",
+				dev_mode: false,
+				enable_queue: false,
+				show_error: false,
+				fill_height: false,
+				fill_width: false,
+				mode: "blocks",
+				theme: "default",
+				title: "",
+				version: "",
+				api_prefix: "",
+
+				is_space: false,
+				is_colab: false,
+				footer_links: ["gradio", "settings"],
+				stylesheets: [],
+				protocol: "sse_v3",
+				username: ""
+			},
+			api_url,
+			layout: {},
+			app: null
+		};
+	}
+
+	if (!app.config) {
+		throw new Error("No config found");
+	}
+
+	let page_config = app.get_url_config(url.toString());
+
+	await setupi18n(app.config?.i18n_translations || undefined, accept_language);
+	return {
+		config: page_config,
+		api_url,
+		app
+	};
+}
diff --git a/js/app/src/routes/svelte_init.ts b/js/app/src/routes/svelte_init.ts
new file mode 100644
index 0000000..4de68af
--- /dev/null
+++ b/js/app/src/routes/svelte_init.ts
@@ -0,0 +1,20 @@
+import * as svelte from "svelte";
+const is_browser = typeof window !== "undefined";
+if (is_browser) {
+	const o = {
+		SvelteComponent: svelte.SvelteComponent
+	};
+	for (const key in svelte) {
+		// if (key === "SvelteComponent") continue;
+		// if (key === "SvelteComponentDev") {
+		// 	//@ts-ignore
+		// 	o[key] = o["SvelteComponent"];
+		// } else {
+		// @ts-ignore
+		o[key] = svelte[key];
+		// }
+	}
+	window.__gradio__svelte__internal = o;
+	window.__gradio__svelte__internal["globals"] = {};
+	window.globals = window;
+}
diff --git a/js/app/svelte.config.js b/js/app/svelte.config.js
new file mode 100644
index 0000000..183ec3c
--- /dev/null
+++ b/js/app/svelte.config.js
@@ -0,0 +1,53 @@
+import adapter from "@sveltejs/adapter-node";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+import { sveltePreprocess } from "svelte-preprocess";
+import custom_media from "postcss-custom-media";
+import global_data from "@csstools/postcss-global-data";
+import { resolve } from "path";
+import { fileURLToPath } from "url";
+import { join } from "path";
+
+const __dirname = fileURLToPath(import.meta.url);
+const out_path = resolve(__dirname, "../../../gradio/templates/node/build");
+const theme_token_path = join(
+	__dirname,
+	"..",
+	"..",
+	"theme",
+	"src",
+	"tokens.css"
+);
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
+	// for more information about preprocessors
+
+	preprocess: [
+		vitePreprocess(),
+		sveltePreprocess({
+			postcss: {
+				plugins: [global_data({ files: [theme_token_path] }), custom_media()]
+			}
+		})
+	],
+
+	vitePlugin: {
+		prebundleSvelteLibraries: false
+	},
+
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter({
+			out: out_path
+		})
+	},
+	compilerOptions: {
+		experimental: {
+			async: true
+		}
+	}
+};
+
+export default config;
diff --git a/js/app/tsconfig.json b/js/app/tsconfig.json
new file mode 100644
index 0000000..e0c09a6
--- /dev/null
+++ b/js/app/tsconfig.json
@@ -0,0 +1,17 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"moduleResolution": "bundler",
+		"module": "esnext",
+		"customConditions": ["gradio"],
+		"target": "esnext"
+	}
+}
diff --git a/js/app/vite.config.ts b/js/app/vite.config.ts
new file mode 100644
index 0000000..f27bef3
--- /dev/null
+++ b/js/app/vite.config.ts
@@ -0,0 +1,96 @@
+import { sveltekit } from "@sveltejs/kit/vite";
+import { defineConfig, type Plugin } from "vite";
+
+// @ts-ignore
+import custom_media from "postcss-custom-media";
+// @ts-ignore
+import prefixer from "postcss-prefix-selector";
+import { cpSync, readFileSync, writeFileSync } from "fs";
+import { resolve, join } from "path";
+
+import { inject_component_loader } from "@self/build";
+
+const version_path = resolve(__dirname, "../../gradio/package.json");
+const version_raw = JSON.parse(
+	readFileSync(version_path, { encoding: "utf-8" })
+).version.trim();
+const version = version_raw.replace(/\./g, "-");
+
+import { createRequire } from "module";
+
+const require = createRequire(import.meta.url);
+const svelte = require("svelte/package.json");
+const svelte_exports = Object.keys(svelte.exports)
+	.filter((p) => p.endsWith(".json"))
+	.map((entry) => entry.replace(/^\./, "svelte").split("/").join("_") + ".js");
+
+export default defineConfig(({ mode }) => {
+	const production = mode === "production";
+	return {
+		server: {
+			port: 9876,
+			open: "/",
+			proxy: {
+				"/manifest.json": "http://localhost:7860",
+				"^.*/theme\\.css": "http://localhost:7860",
+				"^/static/.*": "http://localhost:7860",
+				"^.*/svelte/.*": "http://localhost:7860",
+				"^/gradio_api/.*": "http://localhost:7860"
+			}
+		},
+		resolve: {
+			conditions: ["gradio", "browser"]
+		},
+		ssr: {
+			resolve: {
+				conditions: ["gradio"]
+			},
+			noExternal: ["@gradio/*", "@huggingface/space-header"],
+			external: mode === "development" ? [] : ["svelte", "svelte/*"]
+		},
+
+		build: {
+			rollupOptions: {
+				external: svelte_exports
+			},
+			minify: true,
+			sourcemap: false
+		},
+
+		define: {
+			BUILD_MODE: production ? JSON.stringify("prod") : JSON.stringify("dev"),
+			BACKEND_URL: production
+				? JSON.stringify("")
+				: JSON.stringify("http://127.0.0.1:7860/"),
+			GRADIO_VERSION: JSON.stringify(version)
+		},
+		css: {
+			postcss: {
+				plugins: [
+					prefixer({
+						prefix: `.gradio-container-${version}`,
+						// @ts-ignore
+						transform(prefix, selector, prefixedSelector, fileName) {
+							if (selector.indexOf("gradio-container") > -1) {
+								return prefix;
+							} else if (
+								selector.indexOf(":root") > -1 ||
+								selector.indexOf("dark") > -1 ||
+								selector.indexOf("body") > -1 ||
+								fileName.indexOf(".svelte") > -1
+							) {
+								return selector;
+							}
+							return prefixedSelector;
+						}
+					}),
+					custom_media()
+				]
+			}
+		},
+		optimizeDeps: {
+			exclude: ["@gradio/*", "/svelte", "/svelte/*"]
+		},
+		plugins: [sveltekit(), inject_component_loader({ mode })]
+	};
+});
diff --git a/js/atoms/Block.test.ts b/js/atoms/Block.test.ts
new file mode 100644
index 0000000..b5e48d9
--- /dev/null
+++ b/js/atoms/Block.test.ts
@@ -0,0 +1,69 @@
+import { test, describe, assert, afterEach, beforeEach } from "vitest";
+import { tick, mount, unmount } from "svelte";
+
+import Block from "./src/Block.svelte";
+
+describe("Block Accessibility", () => {
+	let target: HTMLElement;
+	let component: any;
+
+	beforeEach(() => {
+		target = document.body.appendChild(document.createElement("div"));
+	});
+
+	afterEach(() => {
+		if (component) {
+			unmount(component);
+		}
+		if (target.parentNode) {
+			target.parentNode.removeChild(target);
+		}
+	});
+
+	test("renders with aria-label when label prop is provided", async () => {
+		component = mount(Block, {
+			target,
+			props: {
+				label: "Test Block Label"
+			}
+		});
+		await tick();
+		const block = target.querySelector(".block");
+		assert.equal(block?.getAttribute("aria-label"), "Test Block Label");
+	});
+
+	test("renders without role when type is normal", async () => {
+		component = mount(Block, {
+			target,
+			props: {
+				type: "normal"
+			}
+		});
+		await tick();
+		const block = target.querySelector(".block");
+		assert.isNull(block?.getAttribute("role"));
+		assert.equal(block?.tagName.toLowerCase(), "div");
+	});
+
+	test("renders as div by default", async () => {
+		component = mount(Block, {
+			target,
+			props: {}
+		});
+		await tick();
+		const block = target.querySelector(".block");
+		assert.equal(block?.tagName.toLowerCase(), "div");
+	});
+
+	test("renders as fieldset when type is fieldset", async () => {
+		component = mount(Block, {
+			target,
+			props: {
+				type: "fieldset"
+			}
+		});
+		await tick();
+		const block = target.querySelector(".block");
+		assert.equal(block?.tagName.toLowerCase(), "fieldset");
+	});
+});
diff --git a/js/atoms/CHANGELOG.md b/js/atoms/CHANGELOG.md
new file mode 100644
index 0000000..853a150
--- /dev/null
+++ b/js/atoms/CHANGELOG.md
@@ -0,0 +1,780 @@
+# @gradio/atoms
+
+## 0.26.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/icons@0.16.0
+
+## 0.25.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+
+## 0.24.0
+
+### Features
+
+- [#13252](https://github.com/gradio-app/gradio/pull/13252) [`e39f028`](https://github.com/gradio-app/gradio/commit/e39f0284582bbac93fd01b2a5eae4ecae219f252) - Add ImageSlider unit tests.  Thanks @pngwn!
+
+## 0.23.1
+
+### Features
+
+- [#13190](https://github.com/gradio-app/gradio/pull/13190) [`bc53d08`](https://github.com/gradio-app/gradio/commit/bc53d0891466c09b3b40b89b70df5770cfc6967f) - Chatbot Unit Tests.  Thanks @freddyaboulton!
+
+## 0.23.0
+
+### Features
+
+- [#13122](https://github.com/gradio-app/gradio/pull/13122) [`64828b0`](https://github.com/gradio-app/gradio/commit/64828b08d5be4fdde8a73932b3f288c073ec49bd) - Add Image Unit Tests.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#13041](https://github.com/gradio-app/gradio/pull/13041) [`835e4bd`](https://github.com/gradio-app/gradio/commit/835e4bd1adcaf5716283fa379e909f916a032b8a) - Reduce load times of all components.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+
+## 0.22.2
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.22.2
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+- @gradio/markdown-code@0.6.1
+
+## 0.22.1
+
+### Features
+
+- [#12933](https://github.com/gradio-app/gradio/pull/12933) [`44a8a9f`](https://github.com/gradio-app/gradio/commit/44a8a9fe1316f1c110638c3c40158a75b6c0d135) - Fix border in gr.html as layout.  Thanks @aliabid94!
+
+## 0.22.0
+
+### Features
+
+- [#12839](https://github.com/gradio-app/gradio/pull/12839) [`1c671b3`](https://github.com/gradio-app/gradio/commit/1c671b39830ccf1c87f6cfcb4669e97dfb3a7367) - Hide forms with no elements.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+
+## 0.21.0
+
+### Features
+
+- [#12804](https://github.com/gradio-app/gradio/pull/12804) [`fc366b4`](https://github.com/gradio-app/gradio/commit/fc366b485325c900b0c2b85ba05b7d23a81a0dee) - Allow webcam uploads and clipboard paste for gallery.  Thanks @freddyaboulton!
+
+## 0.20.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12607](https://github.com/gradio-app/gradio/pull/12607) [`299728b`](https://github.com/gradio-app/gradio/commit/299728b707c88e7afbc6a60f1f266a9013fa424d) - fix: add ARIA landmarks for accessibility.  Thanks @majiayu000!
+- [#12795](https://github.com/gradio-app/gradio/pull/12795) [`184968a`](https://github.com/gradio-app/gradio/commit/184968aa13636b5afe78f8ae443cd7fc29635bfa) - Add fade effect to overflowing text.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/markdown-code@0.6.1
+
+## 0.20.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.20.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+
+## 0.19.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.19.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve audio player UI in gr.Chatbot
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/icons@0.15.0
+- @gradio/markdown-code@0.6.0
+- @gradio/utils@0.10.3
+
+## 0.19.0-dev.1
+
+### Features
+
+- [#12102](https://github.com/gradio-app/gradio/pull/12102) [`baa1cd6`](https://github.com/gradio-app/gradio/commit/baa1cd67573292f95d4b4263c8f15fe89fbeeaa1) - Improve audio player UI in gr.Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+
+## 0.18.2-dev.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.18.1
+
+### Fixes
+
+- [#11964](https://github.com/gradio-app/gradio/pull/11964) [`86e6176`](https://github.com/gradio-app/gradio/commit/86e61763a14c745f7eb0ce35b861ea2be2336a15) - Add dark mode to storybook.  Thanks @hannahblair!
+
+## 0.18.0
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+
+## 0.18.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11853](https://github.com/gradio-app/gradio/pull/11853) [`0d0699b`](https://github.com/gradio-app/gradio/commit/0d0699b0348dfd4e5e0ac82d438a405cf7a2228d) - Fix bugs in `FileExplorer`.  Thanks @abidlabs!
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+## 0.17.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.1
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/icons@0.13.0
+
+## 0.16.4
+
+### Fixes
+
+- [#11692](https://github.com/gradio-app/gradio/pull/11692) [`0b91ca9`](https://github.com/gradio-app/gradio/commit/0b91ca914774fe617bc5987986e14bf1b81fcb8d) - Fix z-index of icon button wrapper.  Thanks @dawoodkhan82!
+
+## 0.16.3
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.0
+
+## 0.16.2
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.4
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.3
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.3
+
+## 0.16.1
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+## 0.16.0
+
+### Features
+
+- [#11027](https://github.com/gradio-app/gradio/pull/11027) [`eff532b`](https://github.com/gradio-app/gradio/commit/eff532b913a3c8f06f10a4f9471d3177e3744053) - Add new `ImageSlider` component.  Thanks @pngwn!
+
+## 0.15.2
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.3
+- @gradio/utils@0.10.2
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/icons@0.12.0
+
+## 0.15.0
+
+### Features
+
+- [#10933](https://github.com/gradio-app/gradio/pull/10933) [`b768651`](https://github.com/gradio-app/gradio/commit/b7686515d99276123731698bfde09bb328b7d286) - Add `rtl` to Block Label.  Thanks @hannahblair!
+- [#10924](https://github.com/gradio-app/gradio/pull/10924) [`be46b94`](https://github.com/gradio-app/gradio/commit/be46b94f51c29d66fef9320d59a7f7e5a0df81b4) - Add `rtl` to gr.HighlightedText.  Thanks @hannahblair!
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+- [#10923](https://github.com/gradio-app/gradio/pull/10923) [`8a62c7e`](https://github.com/gradio-app/gradio/commit/8a62c7e90b5e0945709d97e34f405a7f92675ab0) - Add `rtl` to `gr.Radio`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10925](https://github.com/gradio-app/gradio/pull/10925) [`c37de0f`](https://github.com/gradio-app/gradio/commit/c37de0f9081f30ac963b0c837e8f1985461afbb1) - Tweak `rtl` UI in `gr.MultimodalTextbox`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/icons@0.11.0
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.2
+
+## 0.14.0
+
+### Features
+
+- [#10778](https://github.com/gradio-app/gradio/pull/10778) [`373007b`](https://github.com/gradio-app/gradio/commit/373007b3e9d019ee41589d1dbb09a7511a024a51) - Allow sorting by multiple columns in dataframe.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.1
+
+## 0.13.3
+
+### Features
+
+- [#10625](https://github.com/gradio-app/gradio/pull/10625) [`ce4fb99`](https://github.com/gradio-app/gradio/commit/ce4fb994e042489d8c6fbcab3e94d97b08369dce) - fix spelling of `resizable` parameter in `gr.Chatbot`.  Thanks @abidlabs!
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.1
+- @gradio/markdown-code@0.4.0
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/icons@0.10.0
+
+## 0.13.0
+
+### Features
+
+- [#10272](https://github.com/gradio-app/gradio/pull/10272) [`a1f2649`](https://github.com/gradio-app/gradio/commit/a1f2649586752a013fb4d36b83d5fea2e137bb81) - Chat Interface flagging and chatbot feedback.  Thanks @aliabid94!
+- [#10292](https://github.com/gradio-app/gradio/pull/10292) [`f2bd72f`](https://github.com/gradio-app/gradio/commit/f2bd72f9ef23552f0c6018396320eca9baef04f5) - Reset flagged values when switching conversations in chat history.  Thanks @abidlabs!
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/markdown-code@0.3.0
+- @gradio/icons@0.9.0
+
+## 0.12.0
+
+### Features
+
+- [#10149](https://github.com/gradio-app/gradio/pull/10149) [`9cd291b`](https://github.com/gradio-app/gradio/commit/9cd291b7f1c37ef0ffd3e8721fb2b648003b50fc) - Resizeable chatbot.  Thanks @aliabid94!
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10161](https://github.com/gradio-app/gradio/pull/10161) [`3a053cc`](https://github.com/gradio-app/gradio/commit/3a053cc76c173c6386e0b5102b03e1a56786cbb9) - Fix chatbot `visible` prop not reacting to changes.  Thanks @freddyaboulton!
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/utils@0.8.0
+
+## 0.11.0
+
+### Features
+
+- [#9891](https://github.com/gradio-app/gradio/pull/9891) [`fc12496`](https://github.com/gradio-app/gradio/commit/fc124964a1b4922e54a4ca4755f0a536dfae1a21) - Allow uploading more files in gr.File.  Thanks @hannahblair!
+
+### Fixes
+
+- [#9882](https://github.com/gradio-app/gradio/pull/9882) [`6c8a064`](https://github.com/gradio-app/gradio/commit/6c8a064feeaa89a2ffc96260032f24f18eb032fa) - Ensure non-form elements are correctly positioned when scale is applied.  Thanks @hannahblair!
+
+## 0.10.1
+
+### Fixes
+
+- [#9651](https://github.com/gradio-app/gradio/pull/9651) [`1163a37`](https://github.com/gradio-app/gradio/commit/1163a372a61cf84d110160c1711892b9b689d1d3) - Fixes component info font size.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.2.1
+
+## 0.10.0
+
+### Features
+
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/icons@0.8.1
+- @gradio/markdown-code@0.2.0
+
+## 0.9.2
+
+### Fixes
+
+- [#9730](https://github.com/gradio-app/gradio/pull/9730) [`39a0e8c`](https://github.com/gradio-app/gradio/commit/39a0e8c2fb038eb0afc213fa6290c9b2acee7941) - Fix chatbot component streaming bug and visible bug.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/markdown@0.10.3
+
+## 0.9.1
+
+### Fixes
+
+- [#9711](https://github.com/gradio-app/gradio/pull/9711) [`7134fc2`](https://github.com/gradio-app/gradio/commit/7134fc272e9e60be4b80dfd294ff8926d5995188) - Custom component fixes.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/markdown@0.10.2
+
+## 0.9.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Centre components within `Block` when height and width are set
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move icons into `IconButtonWrapper`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix chatinterface embedding height issues
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate
+
+### Dependencies
+
+- @gradio/icons@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.9.0-beta.5
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.4
+
+## 0.9.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+- [#9571](https://github.com/gradio-app/gradio/pull/9571) [`148345d`](https://github.com/gradio-app/gradio/commit/148345d107763754710505281ad70368ebc6f3ec) - Fix chatinterface embedding height issues.  Thanks @aliabid94!
+
+## 0.9.0-beta.3
+
+### Features
+
+- [#9504](https://github.com/gradio-app/gradio/pull/9504) [`d054262`](https://github.com/gradio-app/gradio/commit/d054262f611d5f1eb1a1c936db7152347a891f8e) - Centre components within `Block` when height and width are set.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.3
+
+## 0.9.0-beta.2
+
+### Features
+
+- [#9261](https://github.com/gradio-app/gradio/pull/9261) [`73647a0`](https://github.com/gradio-app/gradio/commit/73647a07b0439efabe3dd218ff6c366ffa3b84a0) - Move icons into `IconButtonWrapper`.  Thanks @hannahblair!
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.8.1-beta.1
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.8.1-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.0
+- @gradio/icons@0.8.0-beta.0
+
+## 0.8.0
+
+### Features
+
+- [#8930](https://github.com/gradio-app/gradio/pull/8930) [`41d5ab9`](https://github.com/gradio-app/gradio/commit/41d5ab987ba9728753be4509490c79041655809b) - Add `placeholder` param to Image and ImageEditor to replace upload image text.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/icons@0.7.1
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/icons@0.7.0
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+
+## 0.7.7
+
+### Fixes
+
+- [#8852](https://github.com/gradio-app/gradio/pull/8852) [`16b8200`](https://github.com/gradio-app/gradio/commit/16b820038df43905447ab7623d39d91ceb0d6238) - Fix gr.Image height inconsistencies.  Thanks @hannahblair!
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/icons@0.6.0
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/icons@0.4.1
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/utils@0.4.1
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/utils@0.4.0
+
+## 0.7.0
+
+### Features
+
+- [#8042](https://github.com/gradio-app/gradio/pull/8042) [`92139f3`](https://github.com/gradio-app/gradio/commit/92139f3d7d6b832b649ff1f6c10c87e6fb522cde) - refresh the `ImageEditor` UI.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/icons@0.4.0
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/icons@0.3.4
+
+## 0.6.0
+
+### Features
+
+- [#7732](https://github.com/gradio-app/gradio/pull/7732) [`2efb05e`](https://github.com/gradio-app/gradio/commit/2efb05ed99a8a3575aab0a6c14a8d8b91f4e9ed7) - Adds support for kwargs and default arguments in the python client, and improves how parameter information is displayed in the "view API" page.  Thanks @abidlabs!
+
+## 0.5.3
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+
+## 0.5.0
+
+### Features
+
+- [#7148](https://github.com/gradio-app/gradio/pull/7148) [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32) - Use Gallery as input component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.1
+
+### Fixes
+
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.4.0
+
+### Features
+
+- [#6569](https://github.com/gradio-app/gradio/pull/6569) [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00) - Allow passing height and width as string in `Blocks.svelte`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+
+## 0.3.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.2
+
+### Fixes
+
+- [#6254](https://github.com/gradio-app/gradio/pull/6254) [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a) - Add volume control to Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.1
+
+### Fixes
+
+- [#6279](https://github.com/gradio-app/gradio/pull/6279) [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780) - Ensure source selection does not get hidden in overflow. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6314](https://github.com/gradio-app/gradio/pull/6314) [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f) - Improve default source behaviour in Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.5
+
+### Patch Changes
+
+- Updated dependencies [[`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e), [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74)]:
+  - @gradio/icons@0.2.0-beta.2
+  - @gradio/utils@0.2.0-beta.5
+
+## 0.2.0-beta.4
+
+### Features
+
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5944](https://github.com/gradio-app/gradio/pull/5944) [`465f58957`](https://github.com/gradio-app/gradio/commit/465f58957f70c7cf3e894beef8a117b28339e3c1) - Show empty JSON icon when `value` is `null`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5864](https://github.com/gradio-app/gradio/pull/5864) [`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695) - Change `BlockLabel` element to use `<label>`. Thanks [@aileenvl](https://github.com/aileenvl)!
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.1
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.0.2
\ No newline at end of file
diff --git a/js/atoms/README.md b/js/atoms/README.md
new file mode 100644
index 0000000..bf3ad3b
--- /dev/null
+++ b/js/atoms/README.md
@@ -0,0 +1,68 @@
+# `@gradio/atoms`
+
+```html
+<script lang="ts">
+	import { Block, BlockTitle, BlockLabel, IconButton, Empty, Info, ShareButton, UploadText} from "@gradio/atoms";
+</script>
+```
+
+Block:
+```javascript
+	export let height: number | undefined = undefined;
+	export let width: number | undefined = undefined;
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let variant: "solid" | "dashed" | "none" = "solid";
+	export let border_mode: "base" | "focus" = "base";
+	export let padding = true;
+	export let type: "normal" | "fieldset" = "normal";
+	export let test_id: string | undefined = undefined;
+	export let explicit_call = false;
+	export let container = true;
+	export let visible = true;
+	export let allow_overflow = true;
+	export let scale: number | null = null;
+	export let min_width = 0;
+```
+
+BlockTitle:
+```javascript
+	export let show_label = true;
+	export let info: string | undefined = undefined;
+```
+
+BlockLabel:
+```javascript
+	export let label: string | null = null;
+	export let Icon: any;
+	export let show_label = true;
+	export let disable = false;
+	export let float = true;
+```
+
+IconButton:
+```javascript
+	export let Icon: any;
+	export let label = "";
+	export let show_label = false;
+	export let pending = false;
+```
+
+Empty:
+```javascript
+	export let size: "small" | "large" = "small";
+	export let unpadded_box = false;
+```
+
+ShareButton:
+```javascript
+	export let formatter: (arg0: any) => Promise<string>;
+	export let value: any;
+	export let i18n: I18nFormatter;
+```
+
+UploadText:
+```javascript
+	export let type: "video" | "image" | "audio" | "file" | "csv" = "file";
+	export let i18n: I18nFormatter;
+```
\ No newline at end of file
diff --git a/js/atoms/package.json b/js/atoms/package.json
new file mode 100644
index 0000000..e1eab19
--- /dev/null
+++ b/js/atoms/package.json
@@ -0,0 +1,33 @@
+{
+	"name": "@gradio/atoms",
+	"version": "0.26.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "src/index.ts",
+	"author": "",
+	"license": "ISC",
+	"dependencies": {
+		"@gradio/icons": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"exports": {
+		".": {
+			"gradio": "./src/index.ts",
+			"svelte": "./dist/src/index.js",
+			"types": "./dist/src/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/atoms"
+	},
+	"scripts": {
+		"sv-package": "svelte-package --input=. --tsconfig=../../tsconfig.json"
+	}
+}
diff --git a/js/atoms/src/Block.svelte b/js/atoms/src/Block.svelte
new file mode 100644
index 0000000..a9017a5
--- /dev/null
+++ b/js/atoms/src/Block.svelte
@@ -0,0 +1,256 @@
+<script lang="ts">
+	export let height: number | string | undefined = undefined;
+	export let min_height: number | string | undefined = undefined;
+	export let max_height: number | string | undefined = undefined;
+	export let width: number | string | undefined = undefined;
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let variant: "solid" | "dashed" | "none" = "solid";
+	export let border_mode: "base" | "focus" | "contrast" = "base";
+	export let padding = true;
+	export let type: "normal" | "fieldset" = "normal";
+	export let test_id: string | undefined = undefined;
+	export let explicit_call = false;
+	export let container = true;
+	export let visible: boolean | "hidden" = true;
+	export let allow_overflow = true;
+	export let overflow_behavior: "visible" | "auto" = "auto";
+	export let scale: number | null = null;
+	export let min_width = 0;
+	export let flex = false;
+	export let resizable = false;
+	export let rtl = false;
+	export let fullscreen = false;
+	export let label: string | undefined = undefined;
+	let old_fullscreen = fullscreen;
+
+	let element: HTMLElement;
+
+	let tag = type === "fieldset" ? "fieldset" : "div";
+
+	let placeholder_height = 0;
+	let placeholder_width = 0;
+	let preexpansionBoundingRect: DOMRect | null = null;
+
+	function handleKeydown(event: KeyboardEvent): void {
+		if (fullscreen && event.key === "Escape") {
+			fullscreen = false;
+		}
+	}
+
+	$: if (fullscreen !== old_fullscreen) {
+		old_fullscreen = fullscreen;
+		if (fullscreen) {
+			preexpansionBoundingRect = element.getBoundingClientRect();
+			placeholder_height = element.offsetHeight;
+			placeholder_width = element.offsetWidth;
+			window.addEventListener("keydown", handleKeydown);
+		} else {
+			preexpansionBoundingRect = null;
+			window.removeEventListener("keydown", handleKeydown);
+		}
+	}
+
+	const get_dimension = (
+		dimension_value: string | number | undefined
+	): string | undefined => {
+		if (dimension_value === undefined) {
+			return undefined;
+		}
+		if (typeof dimension_value === "number") {
+			return dimension_value + "px";
+		} else if (typeof dimension_value === "string") {
+			return dimension_value;
+		}
+	};
+
+	$: if (!visible) {
+		flex = false;
+	}
+
+	const resize = (e: MouseEvent): void => {
+		let prevY = e.clientY;
+		const onMouseMove = (e: MouseEvent): void => {
+			const dy: number = e.clientY - prevY;
+			prevY = e.clientY;
+			element.style.height = `${element.offsetHeight + dy}px`;
+		};
+		const onMouseUp = (): void => {
+			window.removeEventListener("mousemove", onMouseMove);
+			window.removeEventListener("mouseup", onMouseUp);
+		};
+		window.addEventListener("mousemove", onMouseMove);
+		window.addEventListener("mouseup", onMouseUp);
+	};
+	// When visible is False, we need to remove the component from the page
+	// We can remove it by either modifying the AppTree in Blocks or by hiding the component here
+	// We do it here because if visible is updated via an event, only the local state will be updated
+	// and we would have to flow the state back up to modify the AppTree
+</script>
+
+{#if visible === true || visible === "hidden"}
+	<svelte:element
+		this={tag}
+		bind:this={element}
+		data-testid={test_id}
+		id={elem_id}
+		class:hidden={visible === "hidden"}
+		class="block {elem_classes?.join(' ') || ''}"
+		class:padded={padding}
+		class:flex
+		class:border_focus={border_mode === "focus"}
+		class:border_contrast={border_mode === "contrast"}
+		class:hide-container={!explicit_call && !container}
+		style:height={fullscreen ? undefined : get_dimension(height)}
+		style:min-height={fullscreen ? undefined : get_dimension(min_height)}
+		style:max-height={fullscreen ? undefined : get_dimension(max_height)}
+		class:fullscreen
+		class:animating={fullscreen && preexpansionBoundingRect !== null}
+		style:--start-top={preexpansionBoundingRect
+			? `${preexpansionBoundingRect.top}px`
+			: "0px"}
+		style:--start-left={preexpansionBoundingRect
+			? `${preexpansionBoundingRect.left}px`
+			: "0px"}
+		style:--start-width={preexpansionBoundingRect
+			? `${preexpansionBoundingRect.width}px`
+			: "0px"}
+		style:--start-height={preexpansionBoundingRect
+			? `${preexpansionBoundingRect.height}px`
+			: "0px"}
+		style:width={fullscreen
+			? undefined
+			: typeof width === "number"
+				? `calc(min(${width}px, 100%))`
+				: get_dimension(width)}
+		style:border-style={variant}
+		style:overflow={allow_overflow ? overflow_behavior : "hidden"}
+		style:flex-grow={scale}
+		style:min-width={`calc(min(${min_width}px, 100%))`}
+		class:auto-margin={scale === null}
+		dir={rtl ? "rtl" : "ltr"}
+		aria-label={label}
+	>
+		<slot />
+		{#if resizable}
+			<!-- svelte-ignore a11y-no-static-element-interactions -->
+			<svg
+				class="resize-handle"
+				xmlns="http://www.w3.org/2000/svg"
+				viewBox="0 0 10 10"
+				on:mousedown={resize}
+			>
+				<line x1="1" y1="9" x2="9" y2="1" stroke="gray" stroke-width="0.5" />
+				<line x1="5" y1="9" x2="9" y2="5" stroke="gray" stroke-width="0.5" />
+			</svg>
+		{/if}
+	</svelte:element>
+	{#if fullscreen}
+		<div
+			class="placeholder"
+			style:height={placeholder_height + "px"}
+			style:width={placeholder_width + "px"}
+		></div>
+	{/if}
+{/if}
+
+<style>
+	.block {
+		position: relative;
+		margin: 0;
+		box-shadow: var(--block-shadow);
+		border-width: var(--block-border-width);
+		border-color: var(--block-border-color);
+		border-radius: var(--block-radius);
+		background: var(--block-background-fill);
+		width: 100%;
+		line-height: var(--line-sm);
+		border-width: var(--block-border-width);
+	}
+	.block.fullscreen {
+		border-radius: 0;
+	}
+
+	.auto-margin {
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	.block.border_focus {
+		border-color: var(--color-accent);
+	}
+
+	.block.border_contrast {
+		border-color: var(--body-text-color);
+	}
+
+	.padded {
+		padding: var(--block-padding);
+	}
+
+	.flex {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.hidden {
+		/* We use "hidden" class name in form/Index.svelte to hide parent forms, so if this class changes, edit form/Index.svelte accordingly */
+		display: none;
+	}
+	.hide-container:not(.fullscreen) {
+		margin: 0;
+		box-shadow: none;
+		border-width: 0;
+		background: transparent;
+		padding: 0;
+		overflow: visible;
+	}
+	.resize-handle {
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		width: 10px;
+		height: 10px;
+		fill: var(--block-border-color);
+		cursor: nwse-resize;
+	}
+	.fullscreen {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		z-index: 1000;
+		overflow: auto;
+	}
+
+	.animating {
+		animation: pop-out 0.1s ease-out forwards;
+	}
+
+	@keyframes pop-out {
+		0% {
+			position: fixed;
+			top: var(--start-top);
+			left: var(--start-left);
+			width: var(--start-width);
+			height: var(--start-height);
+			z-index: 100;
+		}
+		100% {
+			position: fixed;
+			top: 0vh;
+			left: 0vw;
+			width: 100vw;
+			height: 100vh;
+			z-index: 1000;
+		}
+	}
+
+	.placeholder {
+		border-radius: var(--block-radius);
+		border-width: var(--block-border-width);
+		border-color: var(--block-border-color);
+		border-style: dashed;
+	}
+</style>
diff --git a/js/atoms/src/BlockLabel.svelte b/js/atoms/src/BlockLabel.svelte
new file mode 100644
index 0000000..e60ce34
--- /dev/null
+++ b/js/atoms/src/BlockLabel.svelte
@@ -0,0 +1,90 @@
+<script lang="ts">
+	export let label: string | null = null;
+	export let Icon: any;
+	export let show_label = true;
+	export let disable = false;
+	export let float = true;
+	export let rtl = false;
+</script>
+
+<label
+	for=""
+	class:hide={!show_label}
+	class:sr-only={!show_label}
+	class:float
+	class:hide-label={disable}
+	data-testid="block-label"
+	dir={rtl ? "rtl" : "ltr"}
+>
+	<span>
+		<Icon />
+	</span>
+	{label}
+</label>
+
+<style>
+	label {
+		display: inline-flex;
+		align-items: center;
+		z-index: var(--layer-2);
+		box-shadow: var(--block-label-shadow);
+		border: var(--block-label-border-width) solid
+			var(--block-label-border-color);
+		border-top: none;
+		border-left: none;
+		border-radius: var(--block-label-radius);
+		background: var(--block-label-background-fill);
+		padding: var(--block-label-padding);
+		pointer-events: none;
+		color: var(--block-label-text-color);
+		font-weight: var(--block-label-text-weight);
+		font-size: var(--block-label-text-size);
+		line-height: var(--line-sm);
+	}
+	:global(.gr-group) label {
+		border-top-left-radius: 0;
+	}
+
+	label.float {
+		position: absolute;
+		top: var(--block-label-margin);
+		left: var(--block-label-margin);
+	}
+	label:not(.float) {
+		position: static;
+		margin-top: var(--block-label-margin);
+		margin-left: var(--block-label-margin);
+	}
+
+	.hide {
+		display: none;
+	}
+
+	span {
+		opacity: 0.8;
+		margin-right: var(--size-2);
+		width: calc(var(--block-label-text-size) - 1px);
+		height: calc(var(--block-label-text-size) - 1px);
+	}
+	.hide-label {
+		box-shadow: none;
+		border-width: 0;
+		background: transparent;
+		overflow: visible;
+	}
+
+	label[dir="rtl"] {
+		border: var(--block-label-border-width) solid
+			var(--block-label-border-color);
+		border-top: none;
+		border-right: none;
+		border-bottom-left-radius: var(--block-radius);
+		border-bottom-right-radius: var(--block-label-radius);
+		border-top-left-radius: var(--block-label-radius);
+	}
+
+	label[dir="rtl"] span {
+		margin-left: var(--size-2);
+		margin-right: 0;
+	}
+</style>
diff --git a/js/atoms/src/BlockTitle.svelte b/js/atoms/src/BlockTitle.svelte
new file mode 100644
index 0000000..c14be5c
--- /dev/null
+++ b/js/atoms/src/BlockTitle.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+	import Info from "./Info.svelte";
+
+	export let show_label = true;
+	export let info: string | undefined = undefined;
+	export let rtl = false;
+</script>
+
+<span
+	class:hide={!show_label}
+	class:has-info={info != null}
+	class:sr-only={!show_label}
+	data-testid="block-info"
+	dir={rtl ? "rtl" : "ltr"}
+>
+	<slot />
+</span>
+{#if info}
+	<Info {info} />
+{/if}
+
+<style>
+	span.has-info {
+		margin-bottom: var(--spacing-xs);
+	}
+	span:not(.has-info) {
+		margin-bottom: var(--spacing-lg);
+	}
+	span {
+		display: inline-block;
+		position: relative;
+		z-index: var(--layer-4);
+		border: solid var(--block-title-border-width)
+			var(--block-title-border-color);
+		border-radius: var(--block-title-radius);
+		background: var(--block-title-background-fill);
+		padding: var(--block-title-padding);
+		color: var(--block-title-text-color);
+		font-weight: var(--block-title-text-weight);
+		font-size: var(--block-title-text-size);
+		line-height: var(--line-sm);
+	}
+
+	span[dir="rtl"] {
+		display: block;
+	}
+
+	.hide {
+		margin: 0;
+		height: 0;
+	}
+
+	.sr-only {
+		clip: rect(0, 0, 0, 0);
+		position: absolute;
+		margin: -1px;
+		border-width: 0;
+		padding: 0;
+		width: 1px;
+		height: 1px;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+</style>
diff --git a/js/atoms/src/CustomButton.svelte b/js/atoms/src/CustomButton.svelte
new file mode 100644
index 0000000..9273358
--- /dev/null
+++ b/js/atoms/src/CustomButton.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+	import type { CustomButton } from "@gradio/utils";
+
+	export let button: CustomButton;
+	export let on_click: (id: number) => void;
+</script>
+
+<button
+	class="custom-button"
+	on:click={() => on_click(button.id)}
+	title={button.value || ""}
+	aria-label={button.value || "Custom action"}
+>
+	{#if button.value}
+		<span class="custom-button-label">{button.value}</span>
+	{/if}
+</button>
+
+<style>
+	.custom-button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: var(--size-1);
+		height: var(--size-6);
+		padding: var(--size-1) var(--size-2);
+		border: none;
+		border-radius: var(--radius-sm);
+		background: transparent;
+		color: var(--block-title-text-color);
+		cursor: pointer;
+		transition: all 0.2s;
+		font-size: var(--text-sm);
+		margin-left: var(--size-1);
+	}
+
+	.custom-button:hover {
+		background: var(--background-fill-secondary);
+		color: var(--body-text-color);
+	}
+
+	.custom-button-label {
+		white-space: nowrap;
+	}
+</style>
diff --git a/js/atoms/src/DownloadLink.svelte b/js/atoms/src/DownloadLink.svelte
new file mode 100644
index 0000000..030b5d2
--- /dev/null
+++ b/js/atoms/src/DownloadLink.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import type { HTMLAnchorAttributes } from "svelte/elements";
+	import { createEventDispatcher } from "svelte";
+
+	interface DownloadLinkAttributes extends Omit<
+		HTMLAnchorAttributes,
+		"target"
+	> {
+		download: NonNullable<HTMLAnchorAttributes["download"]>;
+	}
+	type $$Props = DownloadLinkAttributes;
+
+	export let href: DownloadLinkAttributes["href"] = undefined;
+	export let download: DownloadLinkAttributes["download"];
+
+	const dispatch = createEventDispatcher();
+</script>
+
+<a
+	style:position="relative"
+	class="download-link"
+	data-testid="download-link"
+	{href}
+	target={typeof window !== "undefined" && window.__is_colab__
+		? "_blank"
+		: null}
+	rel="noopener noreferrer"
+	{download}
+	{...$$restProps}
+	on:click={dispatch.bind(null, "click")}
+>
+	<slot />
+</a>
+
+<style>
+	.unstyled-link {
+		all: unset;
+		cursor: pointer;
+	}
+</style>
diff --git a/js/atoms/src/Empty.svelte b/js/atoms/src/Empty.svelte
new file mode 100644
index 0000000..6bc3ab3
--- /dev/null
+++ b/js/atoms/src/Empty.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+	export let size: "small" | "large" = "small";
+	export let unpadded_box = false;
+
+	let el: HTMLDivElement;
+	$: parent_height = compare_el_to_parent(el);
+
+	function compare_el_to_parent(el: HTMLDivElement): boolean {
+		if (!el) return false;
+
+		const { height: el_height } = el.getBoundingClientRect();
+		const { height: parent_height } =
+			el.parentElement?.getBoundingClientRect() || { height: el_height };
+
+		return el_height > parent_height + 2;
+	}
+</script>
+
+<div
+	class="empty"
+	class:small={size === "small"}
+	class:large={size === "large"}
+	class:unpadded_box
+	bind:this={el}
+	class:small_parent={parent_height}
+	aria-label="Empty value"
+>
+	<div class="icon">
+		<slot />
+	</div>
+</div>
+
+<style>
+	.empty {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin-top: calc(0px - var(--size-6));
+		height: var(--size-full);
+	}
+
+	.icon {
+		opacity: 0.5;
+		height: var(--size-5);
+		color: var(--body-text-color);
+	}
+
+	.small {
+		min-height: calc(var(--size-32) - 20px);
+	}
+
+	.large {
+		min-height: calc(var(--size-64) - 20px);
+	}
+
+	.unpadded_box {
+		margin-top: 0;
+	}
+
+	.small_parent {
+		min-height: 100% !important;
+	}
+</style>
diff --git a/js/atoms/src/FullscreenButton.svelte b/js/atoms/src/FullscreenButton.svelte
new file mode 100644
index 0000000..2689805
--- /dev/null
+++ b/js/atoms/src/FullscreenButton.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import { IconButton } from "@gradio/atoms";
+	import { Maximize, Minimize } from "@gradio/icons";
+
+	let {
+		fullscreen,
+		onclick
+	}: {
+		fullscreen: boolean;
+		onclick: (fullscreen: boolean) => void;
+	} = $props();
+</script>
+
+{#if fullscreen}
+	<IconButton
+		Icon={Minimize}
+		label="Exit fullscreen mode"
+		onclick={() => onclick(false)}
+	/>
+{:else}
+	<IconButton
+		Icon={Maximize}
+		label="Fullscreen"
+		onclick={() => onclick(true)}
+	/>
+{/if}
diff --git a/js/atoms/src/IconButton.svelte b/js/atoms/src/IconButton.svelte
new file mode 100644
index 0000000..f697415
--- /dev/null
+++ b/js/atoms/src/IconButton.svelte
@@ -0,0 +1,161 @@
+<script lang="ts">
+	import { type Component, type Snippet } from "svelte";
+
+	let {
+		Icon,
+		label = "",
+		show_label = false,
+		pending = false,
+		size = "small",
+		padded = true,
+		highlight = false,
+		disabled = false,
+		hasPopup = false,
+		color = "var(--block-label-text-color)",
+		transparent = false,
+		background = "var(--block-background-fill)",
+		border = "transparent",
+		onclick,
+		children
+	}: {
+		Icon: Component;
+		label?: string;
+		show_label?: boolean;
+		pending?: boolean;
+		size?: "x-small" | "small" | "large" | "medium";
+		padded?: boolean;
+		highlight?: boolean;
+		disabled?: boolean;
+		hasPopup?: boolean;
+		color?: string;
+		transparent?: boolean;
+		background?: string;
+		border?: string;
+		onclick?: (event: MouseEvent) => void;
+		children?: Snippet;
+	} = $props();
+
+	let _color = $derived(highlight ? "var(--color-accent)" : color);
+</script>
+
+<button
+	class="icon-button"
+	{disabled}
+	{onclick}
+	aria-label={label}
+	aria-haspopup={hasPopup}
+	title={label}
+	class:pending
+	class:padded
+	class:highlight
+	class:transparent
+	style:--border-color={border}
+	style:color={!disabled && _color ? _color : "var(--block-label-text-color)"}
+	style:--bg-color={!disabled ? background : "auto"}
+>
+	{#if show_label}<span>{label}</span>{/if}
+	<div
+		class:x-small={size === "x-small"}
+		class:small={size === "small"}
+		class:large={size === "large"}
+		class:medium={size === "medium"}
+	>
+		<Icon />
+		{#if children}{@render children()}{/if}
+	</div>
+</button>
+
+<style>
+	button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 1px;
+		z-index: var(--layer-2);
+		border-radius: var(--radius-xs);
+		color: var(--block-label-text-color);
+		border: 1px solid var(--border-color);
+		padding: var(--spacing-xxs);
+	}
+
+	button:hover {
+		background-color: var(--background-fill-secondary);
+	}
+
+	button[disabled] {
+		opacity: 0.5;
+		box-shadow: none;
+	}
+
+	button[disabled]:hover {
+		cursor: not-allowed;
+	}
+
+	.padded {
+		background: var(--bg-color);
+	}
+
+	button:hover,
+	button.highlight {
+		cursor: pointer;
+		color: var(--color-accent);
+	}
+
+	.padded:hover {
+		color: var(--block-label-text-color);
+	}
+
+	span {
+		padding: 0px 1px;
+		font-size: 10px;
+	}
+
+	div {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		transition: filter 0.2s ease-in-out;
+	}
+
+	.x-small {
+		width: 10px;
+		height: 10px;
+	}
+
+	.small {
+		width: 14px;
+		height: 14px;
+	}
+
+	.medium {
+		width: 20px;
+		height: 20px;
+	}
+
+	.large {
+		width: 22px;
+		height: 22px;
+	}
+
+	.pending {
+		animation: flash 0.5s infinite;
+	}
+
+	@keyframes flash {
+		0% {
+			opacity: 0.5;
+		}
+		50% {
+			opacity: 1;
+		}
+		100% {
+			opacity: 0.5;
+		}
+	}
+
+	.transparent {
+		background: transparent;
+		border: none;
+		box-shadow: none;
+	}
+</style>
diff --git a/js/atoms/src/IconButtonWrapper.svelte b/js/atoms/src/IconButtonWrapper.svelte
new file mode 100644
index 0000000..22678f4
--- /dev/null
+++ b/js/atoms/src/IconButtonWrapper.svelte
@@ -0,0 +1,116 @@
+<script lang="ts">
+	import CustomButton from "./CustomButton.svelte";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import type { Snippet } from "svelte";
+
+	let {
+		top_panel = true,
+		display_top_corner = false,
+		show_background = true,
+		buttons = null,
+		on_custom_button_click = null,
+		children
+	}: {
+		top_panel?: boolean;
+		display_top_corner?: boolean;
+		show_background?: boolean;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		children?: Snippet;
+	} = $props();
+</script>
+
+<div
+	class={`icon-button-wrapper ${top_panel ? "top-panel" : ""} ${display_top_corner ? "display-top-corner" : "hide-top-corner"} ${!show_background ? "no-background" : ""}`}
+>
+	{#if children}{@render children()}{/if}
+	{#if buttons}
+		{#each buttons as btn}
+			{#if typeof btn !== "string"}
+				<CustomButton
+					button={btn}
+					on_click={(id) => {
+						if (on_custom_button_click) {
+							on_custom_button_click(id);
+						}
+					}}
+				/>
+			{/if}
+		{/each}
+	{/if}
+</div>
+
+<style>
+	.icon-button-wrapper {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		z-index: var(--layer-2);
+		gap: var(--spacing-sm);
+		box-shadow: var(--shadow-drop);
+		border: 1px solid var(--border-color-primary);
+		background: var(--block-background-fill);
+		padding: var(--spacing-xxs);
+	}
+
+	.icon-button-wrapper.hide-top-corner {
+		border-top: none;
+		border-right: none;
+		border-radius: var(--block-label-right-radius);
+	}
+
+	.icon-button-wrapper.display-top-corner {
+		border-radius: var(--radius-sm) 0 0 var(--radius-sm);
+		top: var(--spacing-sm);
+		right: -1px;
+	}
+
+	.icon-button-wrapper:not(.top-panel) {
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+	}
+
+	.top-panel {
+		position: absolute;
+		top: var(--block-label-margin);
+		right: var(--block-label-margin);
+		margin: 0;
+	}
+
+	.icon-button-wrapper :global(button) {
+		margin: var(--spacing-xxs);
+		border-radius: var(--radius-xs);
+		position: relative;
+	}
+
+	.icon-button-wrapper :global(a.download-link:not(:last-child)),
+	.icon-button-wrapper :global(button:not(:last-child)) {
+		margin-right: var(--spacing-xxs);
+	}
+
+	.icon-button-wrapper
+		:global(a.download-link:not(:last-child):not(.no-border *)::after),
+	.icon-button-wrapper
+		:global(button:not(:last-child):not(.no-border *)::after) {
+		content: "";
+		position: absolute;
+		right: -4.5px;
+		top: 15%;
+		height: 70%;
+		width: 1px;
+		background-color: var(--border-color-primary);
+	}
+
+	.icon-button-wrapper :global(> *) {
+		height: 100%;
+	}
+
+	.icon-button-wrapper.no-background {
+		box-shadow: none;
+		border: none;
+		background: none;
+		padding: 0;
+		z-index: var(--layer-1);
+	}
+</style>
diff --git a/js/atoms/src/Info.svelte b/js/atoms/src/Info.svelte
new file mode 100644
index 0000000..d657b5c
--- /dev/null
+++ b/js/atoms/src/Info.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import { render_inline_markdown } from "./inline-markdown";
+	export let info: string;
+</script>
+
+<div class="info-text">
+	{@html render_inline_markdown(info)}
+</div>
+
+<style>
+	.info-text {
+		font-weight: var(--block-info-text-weight);
+		font-size: var(--block-info-text-size);
+		line-height: var(--line-sm);
+		color: var(--block-info-text-color);
+		margin-bottom: var(--spacing-md);
+	}
+	.info-text :global(a) {
+		color: var(--link-text-color);
+		text-decoration: underline;
+	}
+	.info-text :global(code) {
+		background: var(--code-background-fill);
+		padding: 0.1em 0.3em;
+		border-radius: 3px;
+		font-size: 0.9em;
+	}
+</style>
diff --git a/js/atoms/src/ScrollFade.svelte b/js/atoms/src/ScrollFade.svelte
new file mode 100644
index 0000000..4f41ee9
--- /dev/null
+++ b/js/atoms/src/ScrollFade.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	let {
+		visible = false,
+		position = "sticky"
+	}: {
+		visible: boolean;
+		position?: "sticky" | "absolute";
+	} = $props();
+</script>
+
+{#if visible}
+	<div class="scroll-fade" class:absolute={position === "absolute"}></div>
+{/if}
+
+<style>
+	.scroll-fade {
+		position: sticky;
+		bottom: calc(0px - var(--size-2-5));
+		left: 0;
+		right: 0;
+		height: var(--size-6);
+		background: linear-gradient(
+			to top,
+			var(--block-background-fill) 30%,
+			transparent
+		);
+		pointer-events: none;
+		margin-top: calc(0px - var(--size-6));
+	}
+
+	.scroll-fade.absolute {
+		position: absolute;
+		bottom: 0;
+		margin-top: 0;
+		z-index: var(--layer-2);
+	}
+</style>
diff --git a/js/atoms/src/SelectSource.svelte b/js/atoms/src/SelectSource.svelte
new file mode 100644
index 0000000..f5e0304
--- /dev/null
+++ b/js/atoms/src/SelectSource.svelte
@@ -0,0 +1,112 @@
+<script lang="ts">
+	import { Microphone, Upload, Webcam, ImagePaste, Video } from "@gradio/icons";
+
+	type source_types =
+		| "upload"
+		| "microphone"
+		| "webcam"
+		| "clipboard"
+		| "webcam-video"
+		| null;
+
+	let {
+		sources,
+		active_source = $bindable(),
+		handle_clear = () => {},
+		handle_select = () => {}
+	}: {
+		sources: Partial<source_types>[];
+		active_source?: Partial<source_types>;
+		handle_clear?: () => void;
+		handle_select?: (source_type: Partial<source_types>) => void;
+	} = $props();
+
+	let unique_sources = $derived([...new Set(sources)]);
+
+	async function handle_select_source(
+		source: Partial<source_types>
+	): Promise<void> {
+		handle_clear();
+		active_source = source;
+		handle_select(source);
+	}
+</script>
+
+{#if unique_sources.length > 1 || sources.includes("clipboard")}
+	<span class="source-selection" data-testid="source-select">
+		{#if sources.includes("upload")}
+			<button
+				class="icon"
+				class:selected={active_source === "upload" || !active_source}
+				aria-label="Upload file"
+				onclick={() => handle_select_source("upload")}><Upload /></button
+			>
+		{/if}
+
+		{#if sources.includes("microphone")}
+			<button
+				class="icon"
+				class:selected={active_source === "microphone"}
+				aria-label="Record audio"
+				onclick={() => handle_select_source("microphone")}
+				><Microphone /></button
+			>
+		{/if}
+
+		{#if sources.includes("webcam")}
+			<button
+				class="icon"
+				class:selected={active_source === "webcam"}
+				aria-label="Capture from camera"
+				onclick={() => handle_select_source("webcam")}><Webcam /></button
+			>
+		{/if}
+		{#if sources.includes("webcam-video")}
+			<button
+				class="icon"
+				class:selected={active_source === "webcam-video"}
+				aria-label="Record video from camera"
+				onclick={() => handle_select_source("webcam-video")}><Video /></button
+			>
+		{/if}
+		{#if sources.includes("clipboard")}
+			<button
+				class="icon"
+				class:selected={active_source === "clipboard"}
+				aria-label="Paste from clipboard"
+				onclick={() => handle_select_source("clipboard")}><ImagePaste /></button
+			>
+		{/if}
+	</span>
+{/if}
+
+<style>
+	.source-selection {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-top: 1px solid var(--border-color-primary);
+		width: 100%;
+		margin-left: auto;
+		margin-right: auto;
+		height: var(--size-10);
+	}
+
+	.icon {
+		width: 22px;
+		height: 22px;
+		margin: var(--spacing-lg) var(--spacing-xs);
+		padding: var(--spacing-xs);
+		color: var(--neutral-400);
+		border-radius: var(--radius-md);
+	}
+
+	.selected {
+		color: var(--color-accent);
+	}
+
+	.icon:hover,
+	.icon:focus {
+		color: var(--color-accent);
+	}
+</style>
diff --git a/js/atoms/src/ShareButton.svelte b/js/atoms/src/ShareButton.svelte
new file mode 100644
index 0000000..b2f191d
--- /dev/null
+++ b/js/atoms/src/ShareButton.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+	import IconButton from "./IconButton.svelte";
+	import { Community } from "@gradio/icons";
+	import type { ShareData } from "@gradio/utils";
+	import { ShareError } from "@gradio/utils";
+	import type { I18nFormatter } from "@gradio/utils";
+
+	let {
+		formatter,
+		value,
+		i18n,
+		onshare,
+		onerror
+	}: {
+		formatter: (arg0: any) => Promise<string>;
+		value: any;
+		i18n: I18nFormatter;
+		onshare?: (data: ShareData) => void;
+		onerror?: (message: string) => void;
+	} = $props();
+
+	let pending = $state(false);
+</script>
+
+<IconButton
+	Icon={Community}
+	label={i18n("common.share")}
+	{pending}
+	onclick={async () => {
+		try {
+			pending = true;
+			const formatted = await formatter(value);
+			const data = {
+				description: formatted
+			};
+			onshare?.(data);
+		} catch (e) {
+			console.error(e);
+			let message = e instanceof ShareError ? e.message : "Share failed.";
+			onerror?.(message);
+		} finally {
+			pending = false;
+		}
+	}}
+/>
diff --git a/js/atoms/src/Toolbar.svelte b/js/atoms/src/Toolbar.svelte
new file mode 100644
index 0000000..389bb86
--- /dev/null
+++ b/js/atoms/src/Toolbar.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	export let show_border = false;
+</script>
+
+<div class:show_border>
+	<slot />
+</div>
+
+<style>
+	div {
+		border-top: 1px solid transparent;
+		display: flex;
+		max-height: 100%;
+		justify-content: center;
+		align-items: center;
+		gap: var(--spacing-sm);
+		height: auto;
+		align-items: flex-end;
+		color: var(--block-label-text-color);
+		flex-shrink: 0;
+	}
+
+	.show_border {
+		border-top: 1px solid var(--block-border-color);
+		margin-top: var(--spacing-xxl);
+		box-shadow: var(--shadow-drop);
+	}
+</style>
diff --git a/js/atoms/src/UploadText.svelte b/js/atoms/src/UploadText.svelte
new file mode 100644
index 0000000..5902eb6
--- /dev/null
+++ b/js/atoms/src/UploadText.svelte
@@ -0,0 +1,102 @@
+<script lang="ts">
+	import type { I18nFormatter } from "@gradio/utils";
+	import { Upload as UploadIcon, ImagePaste } from "@gradio/icons";
+	import { inject } from "./utils/parse_placeholder";
+
+	export let type:
+		| "video"
+		| "image"
+		| "audio"
+		| "file"
+		| "csv"
+		| "clipboard"
+		| "gallery" = "file";
+	export let i18n: I18nFormatter;
+	export let message: string | undefined = undefined;
+	export let mode: "full" | "short" = "full";
+	export let hovered = false;
+	export let placeholder: string | undefined = undefined;
+
+	const defs = {
+		image: "upload_text.drop_image",
+		video: "upload_text.drop_video",
+		audio: "upload_text.drop_audio",
+		file: "upload_text.drop_file",
+		csv: "upload_text.drop_csv",
+		gallery: "upload_text.drop_gallery",
+		clipboard: "upload_text.paste_clipboard"
+	};
+
+	$: [heading, paragraph] = placeholder ? inject(placeholder) : [false, false];
+</script>
+
+<div class="wrap">
+	<span class="icon-wrap" class:hovered>
+		{#if type === "clipboard"}
+			<ImagePaste />
+		{:else}
+			<UploadIcon />
+		{/if}
+	</span>
+
+	{#if heading || paragraph}
+		{#if heading}
+			<h2>{heading}</h2>
+		{/if}
+		{#if paragraph}
+			<p>{paragraph}</p>
+		{/if}
+	{:else}
+		{i18n(defs[type] || defs.file)}
+
+		{#if mode !== "short"}
+			<span class="or">- {i18n("common.or")} -</span>
+			{message || i18n("upload_text.click_to_upload")}
+		{/if}
+	{/if}
+</div>
+
+<style>
+	h2 {
+		font-size: var(--text-xl) !important;
+	}
+
+	p,
+	h2 {
+		white-space: pre-line;
+	}
+
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		min-height: var(--size-60);
+		color: var(--block-label-text-color);
+		line-height: var(--line-md);
+		height: 100%;
+		padding-top: var(--size-3);
+		text-align: center;
+		margin: auto var(--spacing-lg);
+	}
+
+	.or {
+		color: var(--body-text-color-subdued);
+		display: flex;
+	}
+
+	.icon-wrap {
+		width: 30px;
+		margin-bottom: var(--spacing-lg);
+	}
+
+	@media (--screen-md) {
+		.wrap {
+			font-size: var(--text-lg);
+		}
+	}
+
+	.hovered {
+		color: var(--color-accent);
+	}
+</style>
diff --git a/js/atoms/src/icons/clear.svg b/js/atoms/src/icons/clear.svg
new file mode 100644
index 0000000..bea0330
--- /dev/null
+++ b/js/atoms/src/icons/clear.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.9403949mm"
+   height="5.9403949mm"
+   viewBox="0 0 5.9403949 5.9403949"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="clear.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="10.925474"
+     inkscape:cx="4.1188143"
+     inkscape:cy="15.559965"
+     inkscape:window-width="1248"
+     inkscape:window-height="770"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-115.10942,-119.22353)">
+    <g
+       id="g239"
+       transform="matrix(0.05138986,0.05138986,-0.05138986,0.05138986,117.0869,112.75317)">
+      <rect
+         style="fill:#000000;stroke-width:0.295287"
+         id="rect31"
+         width="20"
+         height="80"
+         x="-111.51107"
+         y="42.193726"
+         rx="2.9434128"
+         ry="2.6448057"
+         transform="scale(-1,1)" />
+      <rect
+         style="fill:#000000;stroke-width:0.295287"
+         id="rect31-3"
+         width="20"
+         height="80"
+         x="-92.193726"
+         y="-141.51106"
+         rx="2.9434128"
+         ry="2.6448057"
+         transform="matrix(0,-1,-1,0,0,0)" />
+    </g>
+  </g>
+</svg>
diff --git a/js/atoms/src/icons/edit.svg b/js/atoms/src/icons/edit.svg
new file mode 100644
index 0000000..07fbe15
--- /dev/null
+++ b/js/atoms/src/icons/edit.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   fill="#000000"
+   viewBox="0 0 24 24"
+   width="24px"
+   height="24px"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="edit.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.291667"
+     inkscape:cx="10.538745"
+     inkscape:cy="16.383764"
+     inkscape:window-width="1248"
+     inkscape:window-height="770"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 19.701578,1.2915129 c -0.814834,0 -1.629669,0.307743 -2.251701,0.9246243 l -1.319356,1.3084307 4.503402,4.46611 1.319356,-1.3084308 c 1.242939,-1.2326462 1.242939,-3.232347 0,-4.4661099 C 21.331247,1.5992559 20.516413,1.2915129 19.701578,1.2915129 Z M 14.441745,5.1993591 1.494465,18.039425 v 4.46611 H 5.997867 L 18.945148,9.665469 Z"
+     id="path2"
+     style="stroke-width:1.12118" />
+</svg>
diff --git a/js/atoms/src/icons/file.svg b/js/atoms/src/icons/file.svg
new file mode 100644
index 0000000..8855359
--- /dev/null
+++ b/js/atoms/src/icons/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
\ No newline at end of file
diff --git a/js/atoms/src/index.ts b/js/atoms/src/index.ts
new file mode 100644
index 0000000..fc6a860
--- /dev/null
+++ b/js/atoms/src/index.ts
@@ -0,0 +1,17 @@
+export { default as Block } from "./Block.svelte";
+export { default as BlockTitle } from "./BlockTitle.svelte";
+export { default as BlockLabel } from "./BlockLabel.svelte";
+export { default as DownloadLink } from "./DownloadLink.svelte";
+export { default as IconButton } from "./IconButton.svelte";
+export { default as Empty } from "./Empty.svelte";
+export { default as Info } from "./Info.svelte";
+export { default as ShareButton } from "./ShareButton.svelte";
+export { default as UploadText } from "./UploadText.svelte";
+export { default as Toolbar } from "./Toolbar.svelte";
+export { default as SelectSource } from "./SelectSource.svelte";
+export { default as IconButtonWrapper } from "./IconButtonWrapper.svelte";
+export { default as FullscreenButton } from "./FullscreenButton.svelte";
+export { default as CustomButton } from "./CustomButton.svelte";
+export { default as ScrollFade } from "./ScrollFade.svelte";
+
+export const BLOCK_KEY = {};
diff --git a/js/atoms/src/inline-markdown.test.ts b/js/atoms/src/inline-markdown.test.ts
new file mode 100644
index 0000000..81ad84e
--- /dev/null
+++ b/js/atoms/src/inline-markdown.test.ts
@@ -0,0 +1,328 @@
+import { test, describe, expect } from "vitest";
+import {
+	render_inline_markdown,
+	escape_html,
+	INLINE_CODE_RE,
+	LINK_RE,
+	BOLD_ASTERISK_RE,
+	BOLD_UNDERSCORE_RE,
+	ITALIC_ASTERISK_RE,
+	ITALIC_UNDERSCORE_RE,
+	PROTOCOL_RE
+} from "./inline-markdown";
+
+describe("escape_html", () => {
+	test("escapes ampersands", () => {
+		expect(escape_html("a & b")).toBe("a &amp; b");
+	});
+
+	test("escapes angle brackets", () => {
+		expect(escape_html("<script>")).toBe("&lt;script&gt;");
+	});
+
+	test("escapes double quotes", () => {
+		expect(escape_html('"hello"')).toBe("&quot;hello&quot;");
+	});
+
+	test("leaves plain text unchanged", () => {
+		expect(escape_html("hello world")).toBe("hello world");
+	});
+
+	test("escapes all special chars together", () => {
+		expect(escape_html('<a href="x">&')).toBe(
+			"&lt;a href=&quot;x&quot;&gt;&amp;"
+		);
+	});
+});
+
+describe("INLINE_CODE_RE", () => {
+	test("matches single backtick code spans", () => {
+		const matches = [..."`code`".matchAll(INLINE_CODE_RE)];
+		expect(matches).toHaveLength(1);
+		expect(matches[0][1]).toBe("code");
+	});
+
+	test("matches multiple code spans", () => {
+		const matches = [..."`a` and `b`".matchAll(INLINE_CODE_RE)];
+		expect(matches).toHaveLength(2);
+		expect(matches[0][1]).toBe("a");
+		expect(matches[1][1]).toBe("b");
+	});
+
+	test("does not match empty backticks", () => {
+		const matches = [..."``".matchAll(INLINE_CODE_RE)];
+		expect(matches).toHaveLength(0);
+	});
+});
+
+describe("LINK_RE", () => {
+	test("matches markdown links", () => {
+		const matches = [..."[text](https://example.com)".matchAll(LINK_RE)];
+		expect(matches).toHaveLength(1);
+		expect(matches[0][1]).toBe("text");
+		expect(matches[0][2]).toBe("https://example.com");
+	});
+
+	test("captures link text with spaces", () => {
+		const matches = [..."[click here](https://example.com)".matchAll(LINK_RE)];
+		expect(matches[0][1]).toBe("click here");
+	});
+
+	test("does not match incomplete link syntax", () => {
+		expect([..."[text]".matchAll(LINK_RE)]).toHaveLength(0);
+		expect([..."(url)".matchAll(LINK_RE)]).toHaveLength(0);
+		expect([..."[text](".matchAll(LINK_RE)]).toHaveLength(0);
+	});
+});
+
+describe("BOLD_ASTERISK_RE", () => {
+	test("matches **bold**", () => {
+		const matches = [..."**bold**".matchAll(BOLD_ASTERISK_RE)];
+		expect(matches).toHaveLength(1);
+		expect(matches[0][1]).toBe("bold");
+	});
+
+	test("matches bold with spaces", () => {
+		const matches = [..."**bold text**".matchAll(BOLD_ASTERISK_RE)];
+		expect(matches[0][1]).toBe("bold text");
+	});
+});
+
+describe("BOLD_UNDERSCORE_RE", () => {
+	test("matches __bold__", () => {
+		const matches = [..."__bold__".matchAll(BOLD_UNDERSCORE_RE)];
+		expect(matches).toHaveLength(1);
+		expect(matches[0][1]).toBe("bold");
+	});
+});
+
+describe("ITALIC_ASTERISK_RE", () => {
+	test("matches *italic*", () => {
+		const matches = [..."*italic*".matchAll(ITALIC_ASTERISK_RE)];
+		expect(matches).toHaveLength(1);
+		expect(matches[0][1]).toBe("italic");
+	});
+});
+
+describe("ITALIC_UNDERSCORE_RE", () => {
+	test("matches _italic_", () => {
+		const matches = [..."_italic_".matchAll(ITALIC_UNDERSCORE_RE)];
+		expect(matches).toHaveLength(1);
+		expect(matches[0][1]).toBe("italic");
+	});
+
+	test("does not match mid-word underscores", () => {
+		const matches = [..."foo_bar_baz".matchAll(ITALIC_UNDERSCORE_RE)];
+		expect(matches).toHaveLength(0);
+	});
+});
+
+describe("PROTOCOL_RE", () => {
+	test("matches http:", () => {
+		expect(PROTOCOL_RE.test("http://example.com")).toBe(true);
+	});
+
+	test("matches https:", () => {
+		expect(PROTOCOL_RE.test("https://example.com")).toBe(true);
+	});
+
+	test("matches javascript:", () => {
+		expect(PROTOCOL_RE.test("javascript:alert(1)")).toBe(true);
+	});
+
+	test("matches vbscript:", () => {
+		expect(PROTOCOL_RE.test("vbscript:msgbox")).toBe(true);
+	});
+
+	test("matches data:", () => {
+		expect(PROTOCOL_RE.test("data:text/html;base64,abc")).toBe(true);
+	});
+
+	test("does not match bare domains", () => {
+		expect(PROTOCOL_RE.test("google.com")).toBe(false);
+	});
+
+	test("does not match www prefixed URLs", () => {
+		expect(PROTOCOL_RE.test("www.google.com")).toBe(false);
+	});
+
+	test("does not match relative paths", () => {
+		expect(PROTOCOL_RE.test("/path/to/page")).toBe(false);
+		expect(PROTOCOL_RE.test("./relative")).toBe(false);
+	});
+});
+
+describe("render_inline_markdown", () => {
+	describe("inline code", () => {
+		test("renders inline code", () => {
+			expect(render_inline_markdown("`code`")).toBe("<code>code</code>");
+		});
+
+		test("renders multiple code spans", () => {
+			expect(render_inline_markdown("`a` and `b`")).toBe(
+				"<code>a</code> and <code>b</code>"
+			);
+		});
+	});
+
+	describe("bold", () => {
+		test("renders **bold**", () => {
+			expect(render_inline_markdown("**bold**")).toBe("<strong>bold</strong>");
+		});
+
+		test("renders __bold__", () => {
+			expect(render_inline_markdown("__bold__")).toBe("<strong>bold</strong>");
+		});
+	});
+
+	describe("italic", () => {
+		test("renders *italic*", () => {
+			expect(render_inline_markdown("*italic*")).toBe("<em>italic</em>");
+		});
+
+		test("renders _italic_", () => {
+			expect(render_inline_markdown("_italic_")).toBe("<em>italic</em>");
+		});
+	});
+
+	describe("line breaks", () => {
+		test("converts newlines to <br>", () => {
+			expect(render_inline_markdown("line1\nline2")).toBe("line1<br>line2");
+		});
+	});
+
+	describe("html escaping", () => {
+		test("escapes HTML in input", () => {
+			expect(render_inline_markdown("<script>alert(1)</script>")).toBe(
+				"&lt;script&gt;alert(1)&lt;/script&gt;"
+			);
+		});
+
+		test("escapes HTML inside markdown syntax", () => {
+			expect(render_inline_markdown("**<b>bold</b>**")).toBe(
+				"<strong>&lt;b&gt;bold&lt;/b&gt;</strong>"
+			);
+		});
+	});
+
+	describe("safe links", () => {
+		test("renders http links", () => {
+			expect(render_inline_markdown("[click](http://example.com)")).toBe(
+				'<a href="http://example.com" target="_blank" rel="noopener noreferrer">click</a>'
+			);
+		});
+
+		test("renders https links", () => {
+			expect(render_inline_markdown("[click](https://example.com)")).toBe(
+				'<a href="https://example.com" target="_blank" rel="noopener noreferrer">click</a>'
+			);
+		});
+
+		test("renders bare domain links (no protocol)", () => {
+			expect(render_inline_markdown("[Google](google.com)")).toBe(
+				'<a href="google.com" target="_blank" rel="noopener noreferrer">Google</a>'
+			);
+		});
+
+		test("renders www links (no protocol)", () => {
+			expect(render_inline_markdown("[Google](www.google.com)")).toBe(
+				'<a href="www.google.com" target="_blank" rel="noopener noreferrer">Google</a>'
+			);
+		});
+
+		test("renders relative path links", () => {
+			expect(render_inline_markdown("[docs](/path/to/docs)")).toBe(
+				'<a href="/path/to/docs" target="_blank" rel="noopener noreferrer">docs</a>'
+			);
+		});
+
+		test("trims whitespace from URLs", () => {
+			expect(render_inline_markdown("[click](  https://example.com  )")).toBe(
+				'<a href="https://example.com" target="_blank" rel="noopener noreferrer">click</a>'
+			);
+		});
+	});
+
+	describe("XSS prevention", () => {
+		test("blocks javascript: protocol links", () => {
+			const result = render_inline_markdown(
+				"[xss](javascript:alert(document.cookie))"
+			);
+			// No <a> tag should be produced — the XSS vector is neutralised.
+			// Trailing ")" is left over because the link regex stops at the first ")".
+			expect(result).not.toContain("<a");
+			expect(result).not.toContain("javascript:");
+			expect(result).toContain("xss");
+		});
+
+		test("blocks javascript: with simple payload", () => {
+			expect(render_inline_markdown("[xss](javascript:void)")).toBe("xss");
+		});
+
+		test("blocks javascript: with leading spaces", () => {
+			const result = render_inline_markdown("[xss](  javascript:alert(1)  )");
+			expect(result).not.toContain("<a");
+			expect(result).not.toContain("javascript:");
+		});
+
+		test("blocks vbscript: protocol links", () => {
+			expect(render_inline_markdown("[xss](vbscript:msgbox)")).toBe("xss");
+		});
+
+		test("blocks data: protocol links", () => {
+			expect(
+				render_inline_markdown(
+					"[xss](data:text/html;base64,PHNjcmlwdD5hbGVydCgxKTwvc2NyaXB0Pg==)"
+				)
+			).toBe("xss");
+		});
+
+		test("blocks data: with nested HTML", () => {
+			const result = render_inline_markdown(
+				"[xss](data:text/html,<script>alert(1)</script>)"
+			);
+			expect(result).not.toContain("<a");
+			expect(result).not.toContain("data:");
+		});
+
+		test("safe text surrounded by dangerous links renders correctly", () => {
+			const input = "[bad](javascript:void) hello [good](https://example.com)";
+			const result = render_inline_markdown(input);
+			expect(result).toContain("bad");
+			expect(result).not.toContain("javascript:");
+			expect(result).toContain(
+				'<a href="https://example.com" target="_blank" rel="noopener noreferrer">good</a>'
+			);
+		});
+	});
+
+	describe("combined syntax", () => {
+		test("renders bold inside a sentence", () => {
+			expect(render_inline_markdown("This is **important** info")).toBe(
+				"This is <strong>important</strong> info"
+			);
+		});
+
+		test("renders code and bold together", () => {
+			expect(render_inline_markdown("Use `func()` for **speed**")).toBe(
+				"Use <code>func()</code> for <strong>speed</strong>"
+			);
+		});
+
+		test("renders link with surrounding text", () => {
+			expect(
+				render_inline_markdown("See [docs](https://docs.io) for more")
+			).toBe(
+				'See <a href="https://docs.io" target="_blank" rel="noopener noreferrer">docs</a> for more'
+			);
+		});
+
+		test("empty string returns empty string", () => {
+			expect(render_inline_markdown("")).toBe("");
+		});
+
+		test("plain text passes through unchanged", () => {
+			expect(render_inline_markdown("hello world")).toBe("hello world");
+		});
+	});
+});
diff --git a/js/atoms/src/inline-markdown.ts b/js/atoms/src/inline-markdown.ts
new file mode 100644
index 0000000..5eb55f4
--- /dev/null
+++ b/js/atoms/src/inline-markdown.ts
@@ -0,0 +1,40 @@
+export const INLINE_CODE_RE = /`([^`]+)`/g;
+export const LINK_RE = /\[([^\]]+)\]\(([^)]+)\)/g;
+export const BOLD_ASTERISK_RE = /\*\*(.+?)\*\*/g;
+export const BOLD_UNDERSCORE_RE = /__(.+?)__/g;
+export const ITALIC_ASTERISK_RE = /\*(.+?)\*/g;
+export const ITALIC_UNDERSCORE_RE = /(?<!\w)_(.+?)_(?!\w)/g;
+export const PROTOCOL_RE = /^\w+:/;
+
+export function escape_html(text: string): string {
+	return text
+		.replace(/&/g, "&amp;")
+		.replace(/</g, "&lt;")
+		.replace(/>/g, "&gt;")
+		.replace(/"/g, "&quot;");
+}
+
+function render_link(_match: string, text: string, url: string): string {
+	const trimmed = url.trim();
+	if (PROTOCOL_RE.test(trimmed)) {
+		if (/^https?:/i.test(trimmed)) {
+			return `<a href="${trimmed}" target="_blank" rel="noopener noreferrer">${text}</a>`;
+		}
+		return text;
+	}
+	return `<a href="${trimmed}" target="_blank" rel="noopener noreferrer">${text}</a>`;
+}
+
+export function render_inline_markdown(text: string): string {
+	let result = escape_html(text);
+
+	result = result.replace(INLINE_CODE_RE, "<code>$1</code>");
+	result = result.replace(LINK_RE, render_link);
+	result = result.replace(BOLD_ASTERISK_RE, "<strong>$1</strong>");
+	result = result.replace(BOLD_UNDERSCORE_RE, "<strong>$1</strong>");
+	result = result.replace(ITALIC_ASTERISK_RE, "<em>$1</em>");
+	result = result.replace(ITALIC_UNDERSCORE_RE, "<em>$1</em>");
+	result = result.replace(/\n/g, "<br>");
+
+	return result;
+}
diff --git a/js/atoms/src/utils/parse_placeholder.ts b/js/atoms/src/utils/parse_placeholder.ts
new file mode 100644
index 0000000..2a56244
--- /dev/null
+++ b/js/atoms/src/utils/parse_placeholder.ts
@@ -0,0 +1,27 @@
+const RE_HEADING = /^(#\s*)(.+)$/m;
+
+export function inject(text: string): [string | false, string | false] {
+	const trimmed_text = text.trim();
+
+	const heading_match = trimmed_text.match(RE_HEADING);
+	if (!heading_match) {
+		return [false, trimmed_text || false];
+	}
+
+	const [full_match, , heading_content] = heading_match;
+	const _heading = heading_content.trim();
+
+	if (trimmed_text === full_match) {
+		return [_heading, false];
+	}
+
+	const heading_end_index =
+		heading_match.index !== undefined
+			? heading_match.index + full_match.length
+			: 0;
+	const remaining_text = trimmed_text.substring(heading_end_index).trim();
+
+	const _paragraph = remaining_text || false;
+
+	return [_heading, _paragraph];
+}
diff --git a/js/audio/Audio.stories.svelte b/js/audio/Audio.stories.svelte
new file mode 100644
index 0000000..e3a0f6b
--- /dev/null
+++ b/js/audio/Audio.stories.svelte
@@ -0,0 +1,104 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Audio from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const audio_sample = "/audio_sample.mp3";
+
+	const { Story } = defineMeta({
+		title: "Components/Audio",
+		component: Audio,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The audio component label"
+			},
+			interactive: {
+				control: "boolean",
+				description: "Whether the component is interactive"
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Audio {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Audio Player"
+	args={{
+		value: {
+			path: audio_sample,
+			url: audio_sample,
+			orig_name: "audio_sample.mp3"
+		},
+		label: "Audio Player",
+		waveform_options: { show_recording_waveform: true },
+		sources: ["upload", "microphone"]
+	}}
+	{template}
+/>
+<Story
+	name="Audio Recorder"
+	args={{
+		value: null,
+		interactive: true,
+		sources: ["microphone"],
+		label: "Audio Recorder",
+		waveform_options: { show_recording_waveform: true }
+	}}
+	{template}
+/>
+<Story
+	name="Output with hidden download button"
+	args={{
+		value: {
+			path: audio_sample,
+			url: audio_sample,
+			orig_name: "audio_sample.mp3"
+		},
+		interactive: false,
+		buttons: [],
+		label: "Audio Recorder",
+		waveform_options: { show_recording_waveform: true },
+		sources: ["upload"]
+	}}
+	{template}
+/>
+<Story
+	name="Upload Audio"
+	args={{
+		value: null,
+		interactive: true,
+		sources: ["upload", "microphone"],
+		label: "Audio Upload",
+		waveform_options: { show_recording_waveform: true }
+	}}
+	{template}
+/>
+<Story
+	name="Upload with disabled editing"
+	args={{
+		value: {
+			path: audio_sample,
+			url: audio_sample,
+			orig_name: "audio_sample.mp3"
+		},
+		interactive: true,
+		sources: ["microphone", "upload"],
+		label: "Audio Upload",
+		editable: false,
+		waveform_options: { show_recording_waveform: true }
+	}}
+	{template}
+/>
diff --git a/js/audio/AudioExample.stories.svelte b/js/audio/AudioExample.stories.svelte
new file mode 100644
index 0000000..0728a6d
--- /dev/null
+++ b/js/audio/AudioExample.stories.svelte
@@ -0,0 +1,20 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Audio from "./Example.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/Audio/Example",
+		component: Audio
+	});
+</script>
+
+<Story
+	name="Audio file"
+	args={{
+		value: "cantina.mp3"
+	}}
+>
+	{#snippet template(args)}
+		<Audio {...args} />
+	{/snippet}
+</Story>
diff --git a/js/audio/CHANGELOG.md b/js/audio/CHANGELOG.md
new file mode 100644
index 0000000..2025aa0
--- /dev/null
+++ b/js/audio/CHANGELOG.md
@@ -0,0 +1,1590 @@
+# @gradio/audio
+
+## 0.24.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/button@0.8.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.24.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/button@0.8.0
+
+## 0.23.4
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+- @gradio/button@0.7.0
+
+## 0.23.3
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.23.3
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.23.2
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.23.1
+
+### Features
+
+- [#13167](https://github.com/gradio-app/gradio/pull/13167) [`a4e1c92`](https://github.com/gradio-app/gradio/commit/a4e1c92c11e05bee332ff69e19b533fbd9abc840) - Audio and Video unit tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.23.0
+
+### Features
+
+- [#13021](https://github.com/gradio-app/gradio/pull/13021) [`5c4dc6a`](https://github.com/gradio-app/gradio/commit/5c4dc6aca11575cf4fec6704afd48a54664f983f) - add core themes.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/button@0.6.6
+
+## 0.22.4
+
+### Dependency updates
+
+- @gradio/button@0.6.5
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.22.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+- @gradio/button@0.6.4
+
+## 0.22.3
+
+### Fixes
+
+- [#12873](https://github.com/gradio-app/gradio/pull/12873) [`6533d38`](https://github.com/gradio-app/gradio/commit/6533d38c29ee86823e58d94a8afedd219bcc9011) - Fix stop button not working in Audio streaming.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.22.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.22.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/button@0.6.3
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.22.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/button@0.6.2
+- @gradio/client@2.0.2
+
+## 0.22.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12580](https://github.com/gradio-app/gradio/pull/12580) [`b27e2cb`](https://github.com/gradio-app/gradio/commit/b27e2cbb07ef3c977b72d77b2d0922e6f33521e2) - Audio Trim Fix.  Thanks @dawoodkhan82!
+- [#12575](https://github.com/gradio-app/gradio/pull/12575) [`7498fac`](https://github.com/gradio-app/gradio/commit/7498fac6a1c575ff04920ad5178853843a3b270e) - Fix image buttons default value.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/button@0.6.1
+
+## 0.21.0
+
+### Features
+
+- [#12504](https://github.com/gradio-app/gradio/pull/12504) [`4476400`](https://github.com/gradio-app/gradio/commit/44764009dfebecf894298efe80366e42578ea65d) - Add `playback_position` to gr.Audio and gr.Video, which can be updated and read.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/button@0.6.0
+
+## 0.20.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.20.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix audio errors when streaming
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add minimal recording UI to gr.MultimodalTextbox
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve audio player UI in gr.Chatbot
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Fixes
+
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix dropdown filtering
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Undo in Audio component
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/button@0.5.14
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.20.0-dev.4
+
+### Features
+
+- [#12373](https://github.com/gradio-app/gradio/pull/12373) [`017eaf0`](https://github.com/gradio-app/gradio/commit/017eaf0a9a783d0f9f2fbf7fe2e30c855c9dd9cd) - Fix audio errors when streaming.  Thanks @pngwn!
+- [#12102](https://github.com/gradio-app/gradio/pull/12102) [`baa1cd6`](https://github.com/gradio-app/gradio/commit/baa1cd67573292f95d4b4263c8f15fe89fbeeaa1) - Improve audio player UI in gr.Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/button@0.5.14-dev.2
+- @gradio/upload@0.17.2-dev.2
+
+## 0.19.4-dev.3
+
+### Fixes
+
+- [#12344](https://github.com/gradio-app/gradio/pull/12344) [`9bf6bfb`](https://github.com/gradio-app/gradio/commit/9bf6bfb61dfb6fe620339319e89062f3c5bb78f2) - Fix dropdown filtering.  Thanks @freddyaboulton!
+
+## 0.19.4-dev.2
+
+### Fixes
+
+- [#12327](https://github.com/gradio-app/gradio/pull/12327) [`a8158eb`](https://github.com/gradio-app/gradio/commit/a8158eb61c4a2fc88b196c0b23390a55e158bf92) - Fix Undo in Audio component.  Thanks @dawoodkhan82!
+
+## 0.19.4-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/button@0.5.14-dev.1
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.19.4-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.19.4-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/button@0.5.14-dev.0
+
+## 0.19.3
+
+### Fixes
+
+- [#12026](https://github.com/gradio-app/gradio/pull/12026) [`31cf825`](https://github.com/gradio-app/gradio/commit/31cf825b472b9ffa29eea163db8b9fe069eefe1f) - gradio.Audio does not preload the file in browser style since 5.46.0.  Thanks @PRIME-SV!
+
+## 0.19.2
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.19.2
+
+### Fixes
+
+- [#11970](https://github.com/gradio-app/gradio/pull/11970) [`9b4a16c`](https://github.com/gradio-app/gradio/commit/9b4a16ca6a7f351b0d27f55732eec579d7774304) - Create extended MediaRecorded only once for streaming demos.  Thanks @freddyaboulton!
+
+## 0.19.1
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.19.1
+
+### Fixes
+
+- [#11942](https://github.com/gradio-app/gradio/pull/11942) [`e64e5ec`](https://github.com/gradio-app/gradio/commit/e64e5ec0deb196d26b00c3b398b091d6a1dfc6ff) - Fix bug where keyboard navigation on a textbox would skip forward the audio waveform playback.  Thanks @freddyaboulton!
+
+## 0.19.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/button@0.5.13
+
+## 0.18.0
+
+### Features
+
+- [#11763](https://github.com/gradio-app/gradio/pull/11763) [`c9e50d3`](https://github.com/gradio-app/gradio/commit/c9e50d3f071a416b2ca7ba30c7f25539986dfc4a) - Audio subtitles.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+- @gradio/button@0.5.12
+
+## 0.17.26
+
+### Fixes
+
+- [#11769](https://github.com/gradio-app/gradio/pull/11769) [`b4299fe`](https://github.com/gradio-app/gradio/commit/b4299feab01e1f8ce06043cc743b093612749ad4) - Fix reactive feedback loop in audio player causing a crash.  Thanks @its5Q!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.17.25
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.17.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/button@0.5.11
+
+## 0.17.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/button@0.5.10
+
+## 0.17.23
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/button@0.5.9
+
+## 0.17.22
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+- @gradio/button@0.5.8
+
+## 0.17.21
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/button@0.5.7
+- @gradio/upload@0.16.11
+
+## 0.17.20
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/button@0.5.6
+
+## 0.17.19
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+- @gradio/button@0.5.5
+
+## 0.17.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/button@0.5.4
+
+## 0.17.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/button@0.5.3
+
+## 0.17.17
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+- @gradio/button@0.5.3
+
+## 0.17.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/button@0.5.2
+
+## 0.17.15
+
+### Fixes
+
+- [#11272](https://github.com/gradio-app/gradio/pull/11272) [`8177b01`](https://github.com/gradio-app/gradio/commit/8177b014e5539aa1011a74856d065dbb17fa0326) - Fix bug where streaming one chunk of audio or video would not play.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/button@0.5.1
+- @gradio/upload@0.16.6
+
+## 0.17.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/button@0.5.0
+
+## 0.17.13
+
+### Dependency updates
+
+- @gradio/button@0.4.18
+- @gradio/upload@0.16.4
+
+## 0.17.12
+
+### Dependency updates
+
+- @gradio/button@0.4.17
+
+## 0.17.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/button@0.4.16
+- @gradio/atoms@0.16.0
+
+## 0.17.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/button@0.4.15
+- @gradio/upload@0.16.2
+
+## 0.17.9
+
+### Dependency updates
+
+- @gradio/button@0.4.14
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.17.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/button@0.4.13
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.17.7
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/button@0.4.12
+
+## 0.17.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+- @gradio/button@0.4.11
+
+## 0.17.5
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/button@0.4.10
+- @gradio/atoms@0.14.0
+
+## 0.17.4
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+- @gradio/button@0.4.9
+
+## 0.17.3
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+- @gradio/button@0.4.8
+
+## 0.17.2
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+- @gradio/button@0.4.7
+
+## 0.17.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/button@0.4.6
+- @gradio/wasm@0.17.3
+
+## 0.17.0
+
+### Features
+
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/button@0.4.5
+
+## 0.16.0
+
+### Features
+
+- [#10469](https://github.com/gradio-app/gradio/pull/10469) [`62d0669`](https://github.com/gradio-app/gradio/commit/62d06694ddafada677aff0d54d70ac3cf1448c91) - Request mic permissions only after the Record button is clicked in `gr.Audio()`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/button@0.4.4
+- @gradio/wasm@0.17.2
+
+## 0.15.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/button@0.4.3
+- @gradio/wasm@0.17.1
+
+## 0.15.3
+
+### Fixes
+
+- [#10405](https://github.com/gradio-app/gradio/pull/10405) [`92dda15`](https://github.com/gradio-app/gradio/commit/92dda15f6d1c71929d3bdca1910734309db72458) - Hide the waveform when playing recorded audio if `show_recording_waveform` is `False`.  Thanks @abidlabs!
+
+## 0.15.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/button@0.4.2
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/button@0.4.1
+
+## 0.15.0
+
+### Features
+
+- [#10186](https://github.com/gradio-app/gradio/pull/10186) [`9b17032`](https://github.com/gradio-app/gradio/commit/9b17032a6564c8bda4ab1749989a9797c670919c) - Add Microphone Input to MultimodalTextbox.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+- @gradio/button@0.4.0
+
+## 0.14.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/button@0.3.9
+- @gradio/atoms@0.12.0
+
+## 0.14.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/button@0.3.8
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/button@0.3.7
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.14.7
+
+### Fixes
+
+- [#9883](https://github.com/gradio-app/gradio/pull/9883) [`e10bbd2`](https://github.com/gradio-app/gradio/commit/e10bbd236f5817698f5e5ac1c14c7ec179a725b6) - Fix live interfaces for audio/image streaming.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/button@0.3.6
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.14.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+- @gradio/button@0.3.5
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/button@0.3.4
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.14.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/button@0.3.3
+- @gradio/atoms@0.9.2
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/button@0.3.2
+- @gradio/wasm@0.14.2
+
+## 0.14.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/button@0.3.1
+- @gradio/wasm@0.14.1
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.14.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Start/stop recoding from the backend. Add guide on conversational chatbots
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds ability to block event trigger when file is uploading
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Open audio/image input stream only when queue is ready
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix Cached Examples for Streamed Media
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Decrease component radii and remove input shadows
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming inputs for 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - fix SSR apps on spaces
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 5.0 merge take 2
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/button@0.3.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.14.0-beta.8
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/button@0.3.0-beta.7
+
+## 0.14.0-beta.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/button@0.3.0-beta.6
+
+## 0.14.0-beta.6
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/button@0.3.0-beta.5
+
+## 0.14.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/button@0.3.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.14.0-beta.4
+
+### Features
+
+- [#9419](https://github.com/gradio-app/gradio/pull/9419) [`018c140`](https://github.com/gradio-app/gradio/commit/018c140ef86cacc8211df05b57b26924dab7fa08) - Start/stop recoding from the backend. Add guide on conversational chatbots.  Thanks @freddyaboulton!
+
+## 0.14.0-beta.3
+
+### Features
+
+- [#9412](https://github.com/gradio-app/gradio/pull/9412) [`c2c2fd9`](https://github.com/gradio-app/gradio/commit/c2c2fd989348f826566773c07c0e0bda200199ff) - fix SSR apps on spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/button@0.3.0-beta.3
+
+## 0.14.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+- [#9373](https://github.com/gradio-app/gradio/pull/9373) [`6443062`](https://github.com/gradio-app/gradio/commit/64430620449ab5b19ea32b02ab82a2d1804dcb2e) - Fix Cached Examples for Streamed Media.  Thanks @freddyaboulton!
+- [#9326](https://github.com/gradio-app/gradio/pull/9326) [`7afb9a1`](https://github.com/gradio-app/gradio/commit/7afb9a14fa64310eb8b70f43a3bad373e46e36c1) - 5.0 merge take 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/button@0.3.0-beta.2
+
+## 0.14.0-beta.0
+
+### Features
+
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.0
+- @gradio/statustracker@0.8.0-beta.0
+- @gradio/atoms@0.8.1-beta.0
+- @gradio/client@1.6.0-beta.0
+- @gradio/icons@0.8.0-beta.0
+- @gradio/button@0.2.51-beta.0
+- @gradio/upload@0.12.4-beta.0
+- @gradio/wasm@0.13.1-beta.0
+
+## 0.13.5
+
+### Fixes
+
+- [#9188](https://github.com/gradio-app/gradio/pull/9188) [`8f8e1c6`](https://github.com/gradio-app/gradio/commit/8f8e1c6a0b09b0d1985b8377d94d693cb00f8a18) - Fix multiple trigger bug when function has js.  Thanks @freddyaboulton!
+
+## 0.13.4
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+- [#9216](https://github.com/gradio-app/gradio/pull/9216) [`e137b30`](https://github.com/gradio-app/gradio/commit/e137b30b1a53ca32d3cd809d31e97d5d54a4e479) - Decrease component radii and remove input shadows.  Thanks @hannahblair!
+
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/button@0.2.51
+
+## 0.13.3
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/button@0.2.50
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/button@0.2.49
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/button@0.2.48
+
+## 0.13.0
+
+### Features
+
+- [#8806](https://github.com/gradio-app/gradio/pull/8806) [`a3d23b4`](https://github.com/gradio-app/gradio/commit/a3d23b43e71c22bc2b019ae96668605e744768d5) - Add `loop` parameters to `gr.Audio` and `gr.Video`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#8836](https://github.com/gradio-app/gradio/pull/8836) [`7e8c829`](https://github.com/gradio-app/gradio/commit/7e8c829aad85d3d5a31a03f4f2e41483d1e6b53e) - Add `.input()` events to `gr.Audio` and `gr.Image`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+- @gradio/button@0.2.47
+
+## 0.12.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/button@0.2.46
+- @gradio/icons@0.6.0
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/button@0.2.45
+
+## 0.12.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/button@0.2.44
+- @gradio/upload@0.11.3
+
+## 0.11.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/button@0.2.43
+
+## 0.11.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/button@0.2.42
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+- @gradio/button@0.2.41
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/button@0.2.40
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/button@0.2.39
+- @gradio/upload@0.10.6
+
+## 0.11.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+- @gradio/button@0.2.38
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/button@0.2.37
+- @gradio/upload@0.10.4
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/button@0.2.36
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/button@0.2.35
+- @gradio/upload@0.10.2
+
+## 0.11.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+- @gradio/button@0.2.34
+
+## 0.11.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+- @gradio/button@0.2.33
+
+## 0.10.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8065](https://github.com/gradio-app/gradio/pull/8065) [`5bf61cb`](https://github.com/gradio-app/gradio/commit/5bf61cb15b7a1f8af12c87ae710df07099b5e460) - Hide the scroll bar in WaveformControls when it's not necessary.  Thanks @whitphx!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/button@0.2.32
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/button@0.2.31
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+- @gradio/button@0.2.30
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/button@0.2.29
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/button@0.2.28
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/button@0.2.27
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+- @gradio/button@0.2.26
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/button@0.2.25
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.9.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/button@0.2.24
+
+## 0.9.4
+
+### Fixes
+
+- [#7599](https://github.com/gradio-app/gradio/pull/7599) [`f26aba0`](https://github.com/gradio-app/gradio/commit/f26aba00a71a5b4eff60c37580c8d25f9bc048da) - Prevent audio speeding up when trimming. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.9.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.9.2
+
+### Fixes
+
+- [#6991](https://github.com/gradio-app/gradio/pull/6991) [`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1) - Improve responsiveness of `gr.Audio()` controls. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.9.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/button@0.2.21
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.9.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.8.1
+
+### Features
+
+- [#7274](https://github.com/gradio-app/gradio/pull/7274) [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557) - chore: Change time format (thanks @jjshoots for the independent contribution). Thanks [@arian81](https://github.com/arian81)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7158](https://github.com/gradio-app/gradio/pull/7158) [`ded5256`](https://github.com/gradio-app/gradio/commit/ded5256c4a39a84155b9c3d7f4e8e7060d798186) - Fix audio recording events not dispatching. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7207](https://github.com/gradio-app/gradio/pull/7207) [`e3217b4`](https://github.com/gradio-app/gradio/commit/e3217b41862925a6a05f44070ac2bdabbeee6769) - Amend audio waveform colour. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.8.0
+
+### Features
+
+- [#7104](https://github.com/gradio-app/gradio/pull/7104) [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585) - Allow download button for interactive Audio and Video components. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#7082](https://github.com/gradio-app/gradio/pull/7082) [`c35fac0`](https://github.com/gradio-app/gradio/commit/c35fac049a44b14719509443c68690e7f23ce70d) - Ensure device selection works in Audio when streaming. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#7045](https://github.com/gradio-app/gradio/pull/7045) [`13cb6af`](https://github.com/gradio-app/gradio/commit/13cb6af8b23be063d85b2c632f36afa37d874e5d) - Ensure microphone devices list updates. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6826](https://github.com/gradio-app/gradio/pull/6826) [`e8b2d8b`](https://github.com/gradio-app/gradio/commit/e8b2d8b2f81b7c4b2d107765f06eaf09a030f1df) - Add sample rate config option to `gr.Audio()`. Thanks [@tsukumijima](https://github.com/tsukumijima)!
+
+## 0.7.2
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/upload@0.6.1
+  - @gradio/button@0.2.17
+
+## 0.7.1
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+  - @gradio/wasm@0.5.0
+  - @gradio/button@0.2.16
+
+## 0.7.0
+
+### Features
+
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.6.4
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/button@0.2.14
+  - @gradio/upload@0.5.7
+
+## 0.6.3
+
+### Fixes
+
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.6.2
+
+### Fixes
+
+- [#6799](https://github.com/gradio-app/gradio/pull/6799) [`c352811`](https://github.com/gradio-app/gradio/commit/c352811f76d4126613ece0a584f8c552fdd8d1f6) - Adds docstrings for `gr.WaveformOptions`, `gr.Brush`, and `gr.Eraser`, fixes examples for `ImageEditor`, and allows individual images to be used as the initial `value` for `ImageEditor`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+  - @gradio/button@0.2.11
+
+## 0.6.0
+
+### Features
+
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6745](https://github.com/gradio-app/gradio/pull/6745) [`3240d04`](https://github.com/gradio-app/gradio/commit/3240d042e907a3f2f679c2310c0dc6a688d2c07e) - Add `editable` parameter to Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.5
+
+### Fixes
+
+- [#6551](https://github.com/gradio-app/gradio/pull/6551) [`8fc562a`](https://github.com/gradio-app/gradio/commit/8fc562a8abc0932fc312ac33bcc015f6cf2700f6) - Add `show_recording_waveform` to Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.4
+
+### Fixes
+
+- [#6546](https://github.com/gradio-app/gradio/pull/6546) [`a424fdbb2`](https://github.com/gradio-app/gradio/commit/a424fdbb2389219661b9a73197f4cc095a08cfe9) - Ensure audio waveform `autoplay` updates. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+  - @gradio/button@0.2.7
+
+## 0.5.2
+
+### Features
+
+- [#6419](https://github.com/gradio-app/gradio/pull/6419) [`1959471a8`](https://github.com/gradio-app/gradio/commit/1959471a8d939275c7b9184913a5a6f92e567604) - Add download tests for audio/video. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6454](https://github.com/gradio-app/gradio/pull/6454) [`2777f326e`](https://github.com/gradio-app/gradio/commit/2777f326e595541fbec8ce14f56340b9e740f1da) - Ensure Audio ouput events are dispatched. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6254](https://github.com/gradio-app/gradio/pull/6254) [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a) - Add volume control to Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.1
+
+### Fixes
+
+- [#6382](https://github.com/gradio-app/gradio/pull/6382) [`2090aad73`](https://github.com/gradio-app/gradio/commit/2090aad731b186ef0a3f63ec2b4d1a6e3acb1754) - Move wavesurfer dep to js/audio. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.5.0
+
+### Features
+
+- [#6343](https://github.com/gradio-app/gradio/pull/6343) [`37dd335e5`](https://github.com/gradio-app/gradio/commit/37dd335e5f04a8e689dd7f23ae24ad1934ea08d8) - Fix audio streaming output issues in 4.0. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.4.3
+
+### Fixes
+
+- [#6317](https://github.com/gradio-app/gradio/pull/6317) [`19af2806a`](https://github.com/gradio-app/gradio/commit/19af2806a58419cc551d2d1d6d8987df0db91ccb) - Add autoplay to `waveform_settings`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6279](https://github.com/gradio-app/gradio/pull/6279) [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780) - Ensure source selection does not get hidden in overflow. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.4.2
+
+### Fixes
+
+- [#6234](https://github.com/gradio-app/gradio/pull/6234) [`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e) - Video/Audio fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/button@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.4.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.9
+
+### Features
+
+- [#6153](https://github.com/gradio-app/gradio/pull/6153) [`1162ed621`](https://github.com/gradio-app/gradio/commit/1162ed6217fe58d66a1923834c390150599ad81f) - Remove `show_edit_button` param in Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6124](https://github.com/gradio-app/gradio/pull/6124) [`a7435ba9e`](https://github.com/gradio-app/gradio/commit/a7435ba9e6f8b88a838e80893eb8fedf60ccda67) - Fix static issues with Lite on v4. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6142](https://github.com/gradio-app/gradio/pull/6142) [`103416d17`](https://github.com/gradio-app/gradio/commit/103416d17f021c82f5ff0583dcc2d80906ad279e) - JS READMEs and Storybook on Docs. Thanks [@aliabd](https://github.com/aliabd)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.8
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [[`174b73619`](https://github.com/gradio-app/gradio/commit/174b736194756e23f51bbaf6f850bac5f1ca95b5), [`5fbda0bd2`](https://github.com/gradio-app/gradio/commit/5fbda0bd2b2bbb2282249b8875d54acf87cd7e84)]:
+  - @gradio/wasm@0.2.0-beta.1
+
+## 0.4.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Fix deployed demos on v4 branch. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0
+
+### Features
+
+- [#5627](https://github.com/gradio-app/gradio/pull/5627) [`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5) - Lite: Make the Examples component display media files using pseudo HTTP requests to the Wasm server. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5934](https://github.com/gradio-app/gradio/pull/5934) [`8d909624f`](https://github.com/gradio-app/gradio/commit/8d909624f61a49536e3c0f71cb2d9efe91216219) - Fix styling issues with Audio, Image and Video components. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.3.7
+
+### Fixes
+
+- [#5794](https://github.com/gradio-app/gradio/pull/5794) [`f096c3ae1`](https://github.com/gradio-app/gradio/commit/f096c3ae168c0df00f90fe131c1e48c572e0574b) - Throw helpful error when media devices are not found. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+  - @gradio/button@0.2.1
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423)]:
+  - @gradio/button@0.2.0
+  - @gradio/upload@0.3.0
+
+## 0.3.4
+
+### Fixes
+
+- [#5587](https://github.com/gradio-app/gradio/pull/5587) [`e0d61b8ba`](https://github.com/gradio-app/gradio/commit/e0d61b8baa0f6293f53b9bdb1647d42f9ae2583a) - Fix `.clear()` events for audio and image. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.3.3
+
+### Fixes
+
+- [#5459](https://github.com/gradio-app/gradio/pull/5459) [`bd2fda77`](https://github.com/gradio-app/gradio/commit/bd2fda77fc98d815f4fb670f535af453ebee9b80) - Dispatch `stop_recording` event in Audio. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/button@0.1.3
+  - @gradio/upload@0.2.1
+
+## 0.3.1
+
+### Features
+
+- [#5370](https://github.com/gradio-app/gradio/pull/5370) [`61803c65`](https://github.com/gradio-app/gradio/commit/61803c6545e73fce47e8740bd46721ab9bb0ba5c) - chore(deps): update dependency extendable-media-recorder to v9. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.3.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5264](https://github.com/gradio-app/gradio/pull/5264) [`46a2b600`](https://github.com/gradio-app/gradio/commit/46a2b600a7ff030a9ea1560b882b3bf3ad266bbc) - ensure translations for audio work correctly. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5149](https://github.com/gradio-app/gradio/pull/5149) [`144df459`](https://github.com/gradio-app/gradio/commit/144df459a3b7895e524defcfc4c03fbb8b083aca) - Add `show_edit_button` param to `gr.Audio`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5023](https://github.com/gradio-app/gradio/pull/5023) [`e6317d77`](https://github.com/gradio-app/gradio/commit/e6317d77f87d3dad638acca3dbc4a9228570e63c) - Update dependency extendable-media-recorder to v8. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5085](https://github.com/gradio-app/gradio/pull/5085) [`13e47835`](https://github.com/gradio-app/gradio/commit/13e478353532c4af18cfa50772f8b6fb3c6c9818) - chore(deps): update dependency extendable-media-recorder to v8. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.1.0
+
+### Features
+
+- [#4993](https://github.com/gradio-app/gradio/pull/4993) [`dc07a9f9`](https://github.com/gradio-app/gradio/commit/dc07a9f947de44b419d8384987a02dcf94977851) - Bringing back the "Add download button for audio" PR by [@leuryr](https://github.com/leuryr). Thanks [@abidlabs](https://github.com/abidlabs)!
\ No newline at end of file
diff --git a/js/audio/Example.svelte b/js/audio/Example.svelte
new file mode 100644
index 0000000..fc877b8
--- /dev/null
+++ b/js/audio/Example.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	let {
+		value,
+		type,
+		selected = false
+	}: {
+		value: string | null;
+		type: "gallery" | "table";
+		selected?: boolean;
+	} = $props();
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value ? value : ""}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/audio/Index.svelte b/js/audio/Index.svelte
new file mode 100644
index 0000000..a4648bd
--- /dev/null
+++ b/js/audio/Index.svelte
@@ -0,0 +1,234 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import { onMount, tick } from "svelte";
+	import { Gradio } from "@gradio/utils";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	import StaticAudio from "./static/StaticAudio.svelte";
+	import InteractiveAudio from "./interactive/InteractiveAudio.svelte";
+	import { Block, UploadText } from "@gradio/atoms";
+	import type { AudioEvents, AudioProps } from "./shared/types";
+
+	let props = $props();
+	let upload_promise = $state<Promise<any>>();
+
+	props.props.stream_every = 0.1; // default to 0.1s stream interval
+
+	class AudioGradio extends Gradio<AudioEvents, AudioProps> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+
+			const data = await super.get_data();
+
+			return data;
+		}
+	}
+
+	const gradio = new AudioGradio(props);
+	let label = $derived(gradio.shared.label || gradio.i18n("audio.audio"));
+	let minimal = $derived(
+		(props as any).minimal ?? (gradio.props as any).minimal ?? false
+	);
+
+	let active_source = $derived.by(() =>
+		gradio.props.sources ? gradio.props.sources[0] : null
+	);
+	let initial_value = $state(gradio.props.value);
+
+	const handle_reset_value = (): void => {
+		if (initial_value === null || gradio.props.value === initial_value) {
+			return;
+		}
+		gradio.props.value = initial_value;
+	};
+
+	let dragging = $state(false);
+	let recording = $state(gradio.props.recording ?? false);
+	$effect(() => {
+		gradio.props.recording = recording;
+	});
+
+	let color_accent = "darkorange";
+
+	let waveform_settings = $state({
+		height: 50,
+		barWidth: 2,
+		barGap: 3,
+		cursorWidth: 2,
+		cursorColor: "#ddd5e9",
+		autoplay: gradio.props.autoplay,
+		barRadius: 10,
+		dragToSeek: true,
+		normalize: true,
+		minPxPerSec: 20,
+		waveColor: gradio.props.waveform_options.waveform_color || "#9ca3af",
+		progressColor:
+			gradio.props.waveform_options.waveform_progress_color || color_accent,
+		mediaControls: gradio.props.waveform_options.show_controls ?? false,
+		sampleRate: gradio.props.waveform_options.sample_rate || 44100
+	});
+
+	const trim_region_settings = {
+		color: gradio.props.waveform_options.trim_region_color,
+		drag: true,
+		resize: true
+	};
+
+	function set_trim_region_colour(): void {
+		document.documentElement.style.setProperty(
+			"--trim-region-color",
+			trim_region_settings.color || color_accent
+		);
+	}
+
+	function handle_error(detail: string): void {
+		const [level, status] = detail.includes("Invalid file type")
+			? ["warning", "complete"]
+			: ["error", "error"];
+		if (gradio.shared.loading_status) {
+			(gradio.shared.loading_status as any).status = status;
+			(gradio.shared.loading_status as any).message = detail;
+		}
+		gradio.dispatch(level as "error" | "warning", detail);
+	}
+
+	gradio.watch_for_change();
+
+	onMount(() => {
+		set_trim_region_colour();
+	});
+</script>
+
+{#if !gradio.shared.interactive}
+	<Block
+		variant={"solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		allow_overflow={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		visible={gradio.shared.visible}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		<StaticAudio
+			i18n={gradio.i18n}
+			show_label={gradio.shared.show_label}
+			buttons={gradio.props.buttons ?? ["download", "share"]}
+			value={gradio.props.value}
+			subtitles={gradio.props.subtitles}
+			{label}
+			loop={gradio.props.loop}
+			{waveform_settings}
+			waveform_options={gradio.props.waveform_options}
+			editable={gradio.props.editable}
+			{minimal}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			bind:playback_position={gradio.props.playback_position}
+			onshare={(detail) => gradio.dispatch("share", detail)}
+			onerror={(e) => gradio.dispatch("error", e.detail)}
+			onplay={() => gradio.dispatch("play")}
+			onpause={() => gradio.dispatch("pause")}
+			onstop={() => gradio.dispatch("stop")}
+		/>
+	</Block>
+{:else}
+	<Block
+		variant={gradio.props.value === null && active_source === "upload"
+			? "dashed"
+			: "solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		allow_overflow={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		visible={gradio.shared.visible}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+		<InteractiveAudio
+			bind:upload_promise
+			bind:initial_value
+			{label}
+			show_label={gradio.shared.show_label}
+			buttons={gradio.props.buttons ?? []}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			value={gradio.props.value}
+			subtitles={gradio.props.subtitles}
+			onchange={(detail) => (gradio.props.value = detail)}
+			onstream={(detail) => {
+				gradio.props.value = detail;
+				gradio.dispatch("stream", gradio.props.value);
+			}}
+			ondrag={(detail) => (dragging = detail)}
+			root={gradio.shared.root}
+			sources={gradio.props.sources}
+			active_source={active_source || undefined}
+			pending={gradio.shared.loading_status.pending}
+			streaming={gradio.props.streaming}
+			bind:recording
+			loop={gradio.props.loop}
+			max_file_size={gradio.shared.max_file_size}
+			{handle_reset_value}
+			editable={gradio.props.editable}
+			bind:dragging
+			bind:playback_position={gradio.props.playback_position}
+			onedit={() => gradio.dispatch("edit")}
+			onplay={() => gradio.dispatch("play")}
+			onpause={() => gradio.dispatch("pause")}
+			onstop={() => gradio.dispatch("stop")}
+			onstart_recording={() => gradio.dispatch("start_recording")}
+			onpause_recording={() => gradio.dispatch("pause_recording")}
+			onstop_recording={() => {
+				gradio.dispatch("stop_recording");
+				gradio.dispatch("input");
+			}}
+			onupload={() => {
+				gradio.dispatch("upload");
+				gradio.dispatch("input");
+			}}
+			onclear={() => {
+				gradio.dispatch("clear");
+				gradio.dispatch("input");
+			}}
+			onerror={handle_error}
+			onclose_stream={() => gradio.dispatch("close_stream", "stream")}
+			i18n={gradio.i18n}
+			{waveform_settings}
+			waveform_options={gradio.props.waveform_options}
+			{trim_region_settings}
+			stream_every={gradio.props.stream_every}
+			stream_state={gradio.shared.loading_status.stream_state}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={(...args) => gradio.shared.client.stream(...args)}
+			time_limit={gradio.shared.loading_status.time_limit}
+		>
+			<UploadText i18n={gradio.i18n} type="audio" />
+		</InteractiveAudio>
+	</Block>
+{/if}
diff --git a/js/audio/README.md b/js/audio/README.md
new file mode 100644
index 0000000..159bcce
--- /dev/null
+++ b/js/audio/README.md
@@ -0,0 +1,66 @@
+# `@gradio/audio`
+
+```html
+<script>
+	import { BaseStaticAudio, BaseInteractiveAudio, BasePlayer, BaseExample } from "@gradio/audio";
+</script>
+```
+
+
+BaseExample:
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
+
+BaseStaticAudio:
+```javascript
+	export let value: null | { name: string; data: string } = null;
+	export let label: string;
+	export let name: string;
+	export let show_label = true;
+	export let autoplay: boolean;
+	export let show_download_button = true;
+	export let show_share_button = false;
+	export let i18n: I18nFormatter;
+	export let waveform_settings = {};
+```
+
+BaseInteractiveAudio:
+```javascript
+	export let value: null | { name: string; data: string } = null;
+	export let label: string;
+	export let root: string;
+	export let show_label = true;
+	export let sources:
+		| ["microphone"]
+		| ["upload"]
+		| ["microphone", "upload"]
+		| ["upload", "microphone"] = ["microphone", "upload"];
+	export let pending = false;
+	export let streaming = false;
+	export let autoplay = false;
+	export let i18n: I18nFormatter;
+	export let waveform_settings = {};
+	export let dragging: boolean;
+	export let active_source: "microphone" | "upload";
+	export let handle_reset_value: () => void = () => {};
+```
+
+BasePlayer:
+```javascript
+	export let value: null | { name: string; data: string } = null;
+	export let label: string;
+	export let autoplay: boolean;
+	export let i18n: I18nFormatter;
+	export let dispatch: (event: any, detail?: any) => void;
+	export let dispatch_blob: (
+		blobs: Uint8Array[] | Blob[],
+		event: "stream" | "change" | "stop_recording"
+	) => Promise<void> = () => Promise.resolve();
+	export let interactive = false;
+	export let waveform_settings = {};
+	export let mode = "";
+	export let handle_reset_value: () => void = () => {};
+```
\ No newline at end of file
diff --git a/js/audio/audio.test.ts b/js/audio/audio.test.ts
new file mode 100644
index 0000000..3b658d5
--- /dev/null
+++ b/js/audio/audio.test.ts
@@ -0,0 +1,677 @@
+import {
+	test,
+	describe,
+	assert,
+	afterEach,
+	beforeEach,
+	vi,
+	expect
+} from "vitest";
+import {
+	cleanup,
+	render,
+	fireEvent,
+	waitFor,
+	upload_file,
+	drop_file,
+	mock_client,
+	TEST_WAV
+} from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import Audio from "./";
+import WaveSurfer from "wavesurfer.js";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import { setupi18n } from "../core/src/i18n";
+
+// WaveSurfer.destroy() throws AbortError when in-flight fetches are cancelled
+// during test cleanup. This is expected and not a test failure.
+function suppress_abort(e: PromiseRejectionEvent): void {
+	if (e.reason?.name === "AbortError") {
+		e.preventDefault();
+	}
+}
+window.addEventListener("unhandledrejection", suppress_abort);
+
+const loading_status: LoadingStatus = {
+	eta: 0,
+	queue_position: 1,
+	queue_size: 1,
+	status: "complete",
+	scroll_to_output: false,
+	visible: true,
+	fn_index: 0,
+	show_progress: "full",
+	type: "input" as const,
+	stream_state: "closed" as const
+};
+
+const fake_value = {
+	...TEST_WAV,
+	is_stream: false
+};
+
+const default_props = {
+	loading_status,
+	label: "Audio",
+	show_label: true,
+	value: null as any,
+	sources: ["upload", "microphone"] as ("upload" | "microphone")[],
+	interactive: true,
+	streaming: false,
+	pending: false,
+	waveform_options: {
+		trim_region_color: "#f97316",
+		show_recording_waveform: true,
+		show_controls: true
+	},
+	editable: true,
+	buttons: [] as (string | { value: string; id: number; icon: null })[]
+};
+
+run_shared_prop_tests({
+	component: Audio,
+	name: "Audio",
+	base_props: {
+		...default_props
+	},
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Audio", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("renders audio component with upload area when value is null", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			sources: ["upload"],
+			value: null
+		});
+
+		expect(getByLabelText("audio.drop_to_upload")).toBeVisible();
+	});
+
+	test("renders audio component with waveform when value is set", async () => {
+		const { getAllByTestId } = await render(Audio, {
+			...default_props,
+			label: "music",
+			value: fake_value,
+			sources: ["microphone", "upload"]
+		});
+
+		assert.exists(getAllByTestId("waveform-music"));
+	});
+});
+
+describe("Props: sources", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("multiple sources renders source selection buttons", async () => {
+		const { getByTestId } = await render(Audio, {
+			...default_props,
+			sources: ["microphone", "upload"]
+		});
+
+		expect(getByTestId("source-select")).toBeTruthy();
+	});
+
+	test("single upload source does not render source selection", async () => {
+		const { queryByTestId } = await render(Audio, {
+			...default_props,
+			sources: ["upload"]
+		});
+
+		expect(queryByTestId("source-select")).toBeNull();
+	});
+
+	test("source selection shows correct selected source", async () => {
+		const { getByTestId, getByLabelText } = await render(Audio, {
+			...default_props,
+			sources: ["microphone", "upload"]
+		});
+
+		expect(getByTestId("source-select").children).toHaveLength(2);
+		expect(getByLabelText("Record audio").classList.contains("selected")).toBe(
+			true
+		);
+		expect(getByLabelText("Upload file").classList.contains("selected")).toBe(
+			false
+		);
+	});
+
+	test("clicking upload source button shows upload area", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			sources: ["microphone", "upload"],
+			value: null
+		});
+
+		await fireEvent.click(getByLabelText("Upload file"));
+		expect(getByLabelText("audio.drop_to_upload")).toBeVisible();
+	});
+});
+
+describe("Props: interactive", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("interactive=true with value shows editing controls", async () => {
+		const { getAllByTestId, getAllByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		assert.exists(getAllByTestId("waveform-controls"));
+		assert.exists(getAllByLabelText("Trim audio to selection"));
+		assert.exists(getAllByLabelText("Reset audio"));
+	});
+
+	test("interactive=false does not render editing controls", async () => {
+		const { getAllByTestId, queryByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		assert.exists(getAllByTestId("waveform-controls"));
+		expect(queryByLabelText("Trim audio to selection")).toBeNull();
+		expect(queryByLabelText("Reset audio")).toBeNull();
+	});
+
+	test("interactive=false with null value does not show upload area", async () => {
+		const { queryByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: false,
+			value: null
+		});
+
+		expect(queryByLabelText("audio.drop_to_upload")).toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("setting value triggers change event", async () => {
+		const { listen, set_data } = await render(Audio, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: fake_value });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change event is not triggered on mount with a default value", async () => {
+		const { listen } = await render(Audio, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("changing value multiple times triggers change each time", async () => {
+		const { listen, set_data } = await render(Audio, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		const value_a = { ...fake_value, url: "https://example.com/a.wav" };
+		const value_b = { ...fake_value, url: "https://example.com/b.wav" };
+
+		await set_data({ value: value_a });
+		await set_data({ value: value_b });
+
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+
+	test("setting value to null after a value triggers change", async () => {
+		const { listen, set_data } = await render(Audio, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: null });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Props: buttons (static mode)", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("buttons with download shows download link", async () => {
+		const { container } = await render(Audio, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: ["download"]
+		});
+
+		const downloadLink = container.querySelector("a[download]");
+		expect(downloadLink).toBeTruthy();
+	});
+
+	test("custom button renders and dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: [{ value: "Transcribe", id: 3, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Transcribe");
+
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 3 });
+	});
+});
+
+describe("Props: buttons (interactive mode)", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("clear button appears when audio has a value", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		const clearBtn = getByLabelText("common.clear");
+		expect(clearBtn).toBeTruthy();
+	});
+
+	test("clicking clear button removes the audio and dispatches clear and input", async () => {
+		const { getByLabelText, listen } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		const clear = listen("clear");
+		const input = listen("input");
+		const clearBtn = getByLabelText("common.clear");
+
+		await fireEvent.click(clearBtn);
+
+		expect(clear).toHaveBeenCalledTimes(1);
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("get_data", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("get_data returns the current value", async () => {
+		const { get_data, set_data } = await render(Audio, {
+			...default_props,
+			value: null
+		});
+
+		const initial = await get_data();
+		expect(initial.value).toBeNull();
+
+		await set_data({ value: fake_value });
+
+		const updated = await get_data();
+		expect(updated.value).toEqual(fake_value);
+	});
+});
+
+const upload_props = {
+	...default_props,
+	sources: ["upload"] as "upload"[],
+	interactive: true,
+	value: null,
+	root: "https://example.com",
+	client: mock_client()
+};
+
+describe("Events: upload via file input", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("selecting a file triggers upload, change, and input events", async () => {
+		const { listen } = await render(Audio, upload_props);
+
+		const upload = listen("upload");
+		const change = listen("change");
+		const input = listen("input");
+
+		await upload_file(TEST_WAV);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(input).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("drag and drop a file triggers upload, change, and input events", async () => {
+		const { listen } = await render(Audio, upload_props);
+
+		const upload = listen("upload");
+		const change = listen("change");
+		const input = listen("input");
+
+		await drop_file(TEST_WAV, "[aria-label='audio.drop_to_upload']");
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(input).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("upload failure dispatches error event with the message", async () => {
+		const failing_upload = vi
+			.fn()
+			.mockRejectedValue(new Error("File too large"));
+		const { listen } = await render(Audio, {
+			...upload_props,
+			client: {
+				upload: failing_upload,
+				stream: async () => ({ onmessage: null, close: () => {} })
+			}
+		});
+
+		const error = listen("error");
+
+		await upload_file(TEST_WAV);
+
+		await waitFor(() => {
+			expect(failing_upload).toHaveBeenCalled();
+		});
+
+		await waitFor(() => {
+			expect(error).toHaveBeenCalledTimes(1);
+		});
+		expect(error).toHaveBeenCalledWith("File too large");
+	});
+});
+
+describe("Waveform controls", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("play button is rendered when audio has a value", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		expect(getByLabelText("audio.play")).toBeTruthy();
+	});
+
+	test("skip forward and backward buttons are rendered", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		expect(getByLabelText("Skip forward by 5 seconds")).toBeTruthy();
+		expect(getByLabelText("Skip backwards by 5 seconds")).toBeTruthy();
+	});
+
+	test("trim button is rendered in interactive mode", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		expect(getByLabelText("Trim audio to selection")).toBeTruthy();
+	});
+
+	test("clicking trim button enters edit mode with Trim and Cancel buttons", async () => {
+		const { getByLabelText, getByText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		await fireEvent.click(getByLabelText("Trim audio to selection"));
+
+		expect(getByText("Trim")).toBeTruthy();
+		expect(getByText("Cancel")).toBeTruthy();
+	});
+
+	test("clicking Cancel exits edit mode and restores trim button", async () => {
+		const { getByLabelText, getByText, queryByText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		await fireEvent.click(getByLabelText("Trim audio to selection"));
+		expect(getByText("Cancel")).toBeTruthy();
+
+		await fireEvent.click(getByText("Cancel"));
+
+		expect(queryByText("Cancel")).toBeNull();
+		expect(getByLabelText("Trim audio to selection")).toBeTruthy();
+	});
+
+	test("playback speed button cycles through speeds", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		// Default speed is 1x, button label shows next speed (1.5x)
+		const speedBtn = getByLabelText("Adjust playback speed to 1.5x");
+		expect(speedBtn).toBeTruthy();
+
+		await fireEvent.click(speedBtn);
+
+		// After clicking, speed is 1.5x, next is 2x
+		expect(getByLabelText("Adjust playback speed to 2x")).toBeTruthy();
+	});
+
+	test("volume button is rendered", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"]
+		});
+
+		expect(getByLabelText("Adjust volume")).toBeTruthy();
+	});
+});
+
+describe("Waveform options", () => {
+	setupi18n();
+	let createSpy: ReturnType<typeof vi.spyOn>;
+
+	beforeEach(() => {
+		createSpy = vi.spyOn(WaveSurfer, "create");
+	});
+	afterEach(() => {
+		createSpy.mockRestore();
+		cleanup();
+	});
+
+	function get_last_create_args(): Record<string, any> {
+		return createSpy.mock.calls[createSpy.mock.calls.length - 1][0];
+	}
+
+	test("custom waveform_color is passed to WaveSurfer.create as waveColor", async () => {
+		await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				...default_props.waveform_options,
+				waveform_color: "#ff0000"
+			}
+		});
+
+		expect(get_last_create_args().waveColor).toBe("#ff0000");
+	});
+
+	test("custom waveform_progress_color is passed as progressColor", async () => {
+		await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				...default_props.waveform_options,
+				waveform_progress_color: "#00ff00"
+			}
+		});
+
+		expect(get_last_create_args().progressColor).toBe("#00ff00");
+	});
+
+	test("default waveform colors are applied when not specified", async () => {
+		await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				trim_region_color: "#f97316",
+				show_recording_waveform: true,
+				show_controls: true
+			}
+		});
+
+		const args = get_last_create_args();
+		expect(args.waveColor).toBe("#9ca3af");
+		expect(args.progressColor).toBe("darkorange");
+	});
+
+	test("show_controls maps to mediaControls in WaveSurfer settings", async () => {
+		await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				...default_props.waveform_options,
+				show_controls: true
+			}
+		});
+
+		expect(get_last_create_args().mediaControls).toBe(true);
+	});
+
+	test("show_controls defaults to false when not specified", async () => {
+		await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				trim_region_color: "#f97316",
+				show_recording_waveform: true
+			}
+		});
+
+		expect(get_last_create_args().mediaControls).toBe(false);
+	});
+
+	test("custom sample_rate is passed as sampleRate", async () => {
+		await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				...default_props.waveform_options,
+				sample_rate: 22050
+			}
+		});
+
+		expect(get_last_create_args().sampleRate).toBe(22050);
+	});
+
+	test("default sample_rate is 44100", async () => {
+		await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				trim_region_color: "#f97316",
+				show_recording_waveform: true,
+				show_controls: true
+			}
+		});
+
+		expect(get_last_create_args().sampleRate).toBe(44100);
+	});
+
+	test("skip_length affects skip button labels", async () => {
+		const { getByLabelText } = await render(Audio, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			sources: ["microphone"],
+			waveform_options: {
+				...default_props.waveform_options,
+				skip_length: 10
+			}
+		});
+
+		// With audio_duration=0 and skip_length=10, get_skip_rewind_amount returns
+		// (0/100)*10 || 5 = 5. The label still shows 5 because duration is 0.
+		// But the skip_length option is wired through the controls.
+		expect(getByLabelText("Skip forward by 5 seconds")).toBeTruthy();
+		expect(getByLabelText("Skip backwards by 5 seconds")).toBeTruthy();
+	});
+});
+
+describe("Subtitles", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("renders audio component with subtitles", async () => {
+		const { getByTestId } = await render(Audio, {
+			...default_props,
+			subtitles: {
+				url: "https://example.com/s2.vtt",
+				path: "https://example.com/s2.vtt",
+				orig_name: "s2.vtt"
+			},
+			interactive: false,
+			value: fake_value
+		});
+
+		expect(getByTestId("subtitle-display").textContent).toBe("");
+	});
+});
diff --git a/js/audio/index.ts b/js/audio/index.ts
new file mode 100644
index 0000000..c5bc9ad
--- /dev/null
+++ b/js/audio/index.ts
@@ -0,0 +1,7 @@
+import { default as Index } from "./Index.svelte";
+export default Index;
+export { default as BaseStaticAudio } from "./static/StaticAudio.svelte";
+export { default as BaseInteractiveAudio } from "./interactive/InteractiveAudio.svelte";
+export { default as BasePlayer } from "./player/AudioPlayer.svelte";
+export type { WaveformOptions } from "./shared/types";
+export { default as BaseExample } from "./Example.svelte";
diff --git a/js/audio/interactive/InteractiveAudio.svelte b/js/audio/interactive/InteractiveAudio.svelte
new file mode 100644
index 0000000..c1202e2
--- /dev/null
+++ b/js/audio/interactive/InteractiveAudio.svelte
@@ -0,0 +1,431 @@
+<script lang="ts">
+	import { onDestroy } from "svelte";
+	import { Upload, ModifyUpload } from "@gradio/upload";
+	import { prepare_files, type FileData, type Client } from "@gradio/client";
+	import { BlockLabel, ShareButton, CustomButton } from "@gradio/atoms";
+	import { Music } from "@gradio/icons";
+	import { uploadToHuggingFace } from "@gradio/utils";
+	import { StreamingBar } from "@gradio/statustracker";
+	import AudioPlayer from "../player/AudioPlayer.svelte";
+
+	import type { IBlobEvent, IMediaRecorder } from "extendable-media-recorder";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import AudioRecorder from "../recorder/AudioRecorder.svelte";
+	import StreamAudio from "../streaming/StreamAudio.svelte";
+	import { init_media_recorder } from "../streaming/media_recorder";
+	import type { IMediaRecorderConstructor } from "extendable-media-recorder";
+	import { SelectSource } from "@gradio/atoms";
+	import type { WaveformOptions, SubtitleData } from "../shared/types";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+
+	let {
+		value = $bindable(null),
+		subtitles = null,
+		label,
+		root,
+		loop,
+		show_label = true,
+		buttons = ["download", "share"],
+		on_custom_button_click = null,
+		sources = ["microphone", "upload"],
+		pending = false,
+		streaming = false,
+		i18n,
+		waveform_settings,
+		trim_region_settings = {},
+		waveform_options = {},
+		dragging = $bindable(false),
+		active_source = $bindable<"microphone" | "upload">("microphone"),
+		handle_reset_value = () => {},
+		editable = true,
+		max_file_size = null,
+		upload,
+		stream_handler,
+		stream_every = 0.1,
+		uploading = $bindable(false),
+		recording = $bindable(false),
+		class_name = "",
+		upload_promise = $bindable(),
+		initial_value = $bindable(),
+		playback_position = $bindable(),
+		time_limit = null,
+		stream_state = "closed",
+		onchange,
+		onstream,
+		onedit,
+		onplay,
+		onpause,
+		onstop,
+		ondrag,
+		onerror,
+		onupload,
+		onclear,
+		onstart_recording,
+		onpause_recording,
+		onstop_recording,
+		onclose_stream,
+		children
+	}: {
+		value?: null | FileData;
+		subtitles?: null | FileData | SubtitleData[];
+		label: string;
+		root: string;
+		loop?: boolean;
+		show_label?: boolean;
+		buttons?: (string | CustomButtonType)[];
+		on_custom_button_click?: ((id: number) => void) | null;
+		sources?:
+			| ["microphone"]
+			| ["upload"]
+			| ["microphone", "upload"]
+			| ["upload", "microphone"];
+		pending?: boolean;
+		streaming?: boolean;
+		i18n: I18nFormatter;
+		waveform_settings: Record<string, any>;
+		trim_region_settings?: Record<string, any>;
+		waveform_options?: WaveformOptions;
+		dragging?: boolean;
+		active_source?: "microphone" | "upload";
+		handle_reset_value?: () => void;
+		editable?: boolean;
+		max_file_size?: number | null;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		stream_every?: number;
+		uploading?: boolean;
+		recording?: boolean;
+		class_name?: string;
+		upload_promise?: Promise<any> | null;
+		initial_value?: FileData | null;
+		playback_position?: number;
+		time_limit?: number | null;
+		stream_state?: "open" | "waiting" | "closed";
+		onchange?: (value: FileData | null) => void;
+		onstream?: (value: FileData) => void;
+		onedit?: () => void;
+		onplay?: () => void;
+		onpause?: () => void;
+		onstop?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onerror?: (error: string) => void;
+		onupload?: (value: FileData) => void;
+		onclear?: () => void;
+		onstart_recording?: () => void;
+		onpause_recording?: () => void;
+		onstop_recording?: () => void;
+		onclose_stream?: () => void;
+		children?: import("svelte").Snippet;
+	} = $props();
+
+	$effect(() => {
+		ondrag?.(dragging);
+	});
+
+	// TODO: make use of this
+	// export let type: "normal" | "numpy" = "normal";
+	let recorder: IMediaRecorder;
+	let mode = $state("");
+	let header: Uint8Array | undefined = undefined;
+	let pending_stream: Uint8Array[] = [];
+	let submit_pending_stream_on_pending_end = false;
+	let inited = false;
+	let streaming_media_recorder: IMediaRecorderConstructor;
+
+	const NUM_HEADER_BYTES = 44;
+	let audio_chunks: Blob[] = [];
+	const is_browser = typeof window !== "undefined";
+	if (is_browser && streaming) {
+		init_media_recorder().then((a) => {
+			streaming_media_recorder = a;
+		});
+	}
+
+	const to_blob_parts = (parts: Uint8Array[] | Blob[]): BlobPart[] =>
+		parts.map((part) => {
+			if (part instanceof Blob) return part;
+			return part.slice();
+		});
+
+	const dispatch_blob = async (
+		blobs: Uint8Array[] | Blob[],
+		event: "stream" | "change" | "stop_recording"
+	): Promise<void> => {
+		let _audio_blob = new File(to_blob_parts(blobs), "audio.wav", {
+			type: "audio/wav"
+		});
+		if (_audio_blob.size === 0) {
+			return;
+		}
+		const val = await prepare_files([_audio_blob], event === "stream");
+		initial_value = value;
+		value = (
+			(await upload(val, root, undefined, max_file_size || undefined))?.filter(
+				Boolean
+			) as FileData[]
+		)[0];
+		if (event === "stream") {
+			onstream?.(value);
+		} else if (event === "change") {
+			onchange?.(value);
+		} else if (event === "stop_recording") {
+			onstop_recording?.();
+		}
+	};
+
+	onDestroy(() => {
+		if (streaming && recorder && recorder.state !== "inactive") {
+			recorder.stop();
+		}
+	});
+
+	async function prepare_audio(): Promise<void> {
+		let stream: MediaStream | null;
+
+		try {
+			stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+		} catch (err) {
+			if (!navigator.mediaDevices) {
+				onerror?.(i18n("audio.no_device_support"));
+				return;
+			}
+			if (err instanceof DOMException && err.name == "NotAllowedError") {
+				onerror?.(i18n("audio.allow_recording_access"));
+				return;
+			}
+			throw err;
+		}
+		if (stream == null) return;
+		if (streaming) {
+			recorder = new streaming_media_recorder(stream, {
+				mimeType: "audio/wav"
+			});
+
+			recorder.addEventListener("dataavailable", handle_chunk);
+		} else {
+			recorder = new MediaRecorder(stream);
+			recorder.addEventListener("dataavailable", (event) => {
+				audio_chunks.push(event.data);
+			});
+		}
+		recorder.addEventListener("stop", async () => {
+			recording = false;
+			recorder.stop();
+			await dispatch_blob(audio_chunks, "change");
+			await dispatch_blob(audio_chunks, "stop_recording");
+			audio_chunks = [];
+		});
+		inited = true;
+	}
+
+	async function handle_chunk(event: IBlobEvent): Promise<void> {
+		let buffer = await event.data.arrayBuffer();
+		let payload = new Uint8Array(buffer);
+		if (!header) {
+			header = new Uint8Array(buffer.slice(0, NUM_HEADER_BYTES));
+			payload = new Uint8Array(buffer.slice(NUM_HEADER_BYTES));
+		}
+		if (pending) {
+			pending_stream.push(payload);
+		} else {
+			let blobParts = [header].concat(pending_stream, [payload]);
+			if (!recording || stream_state === "waiting") return;
+			dispatch_blob(blobParts, "stream");
+			pending_stream = [];
+		}
+	}
+
+	$effect(() => {
+		if (submit_pending_stream_on_pending_end && pending === false) {
+			submit_pending_stream_on_pending_end = false;
+			if (header && pending_stream) {
+				let blobParts: Uint8Array[] = [header].concat(pending_stream);
+				pending_stream = [];
+				dispatch_blob(blobParts, "stream");
+			}
+		}
+	});
+
+	async function record(): Promise<void> {
+		recording = true;
+		onstart_recording?.();
+		if (!inited) await prepare_audio();
+
+		header = undefined;
+		if (streaming && recorder.state != "recording") {
+			recorder.start(stream_every * 1000);
+		}
+	}
+
+	function clear(): void {
+		onchange?.(null);
+		onclear?.();
+		mode = "";
+		value = null;
+	}
+
+	function handle_load(detail: FileData): void {
+		value = detail;
+		onchange?.(detail);
+		onupload?.(detail);
+	}
+
+	async function stop(): Promise<void> {
+		recording = false;
+
+		if (streaming) {
+			onclose_stream?.();
+			onstop_recording?.();
+			recorder.stop();
+
+			if (pending) {
+				submit_pending_stream_on_pending_end = true;
+			}
+			await dispatch_blob(audio_chunks, "stop_recording");
+			onclear?.();
+			mode = "";
+		}
+	}
+
+	$effect(() => {
+		if (!recording && recorder && mode !== "") stop();
+	});
+
+	$effect(() => {
+		if (recording && recorder) record();
+	});
+</script>
+
+<BlockLabel
+	{show_label}
+	Icon={Music}
+	float={active_source === "upload" && value === null}
+	label={label || i18n("audio.audio")}
+/>
+<div
+	class="audio-container {class_name}"
+	data-testid={label ? "waveform-" + label : "unlabelled-audio"}
+>
+	<StreamingBar {time_limit} />
+	{#if value == null || streaming}
+		{#if active_source === "microphone"}
+			<ModifyUpload {i18n} onclear={clear} />
+			{#if streaming}
+				<StreamAudio
+					{record}
+					{recording}
+					{stop}
+					{i18n}
+					{waveform_settings}
+					{waveform_options}
+					waiting={stream_state === "waiting"}
+				/>
+			{:else}
+				<AudioRecorder
+					bind:mode
+					{i18n}
+					{editable}
+					{recording}
+					{dispatch_blob}
+					{waveform_settings}
+					{waveform_options}
+					{handle_reset_value}
+					onstartrecording={() => onstart_recording?.()}
+					onpauserecording={() => onpause_recording?.()}
+					onstoprecording={() => onstop_recording?.()}
+				/>
+			{/if}
+		{:else if active_source === "upload"}
+			<!-- explicitly listed out audio mimetypes due to iOS bug not recognizing audio/* -->
+			<Upload
+				bind:upload_promise
+				filetype="audio/aac,audio/midi,audio/mpeg,audio/ogg,audio/wav,audio/x-wav,audio/opus,audio/webm,audio/flac,audio/vnd.rn-realaudio,audio/x-ms-wma,audio/x-aiff,audio/amr,audio/*"
+				onload={handle_load}
+				bind:dragging
+				bind:uploading
+				onerror={(detail: string) => onerror?.(detail)}
+				{root}
+				{max_file_size}
+				{upload}
+				{stream_handler}
+				aria_label={i18n("audio.drop_to_upload")}
+			>
+				{#if children}{@render children()}{/if}
+			</Upload>
+		{/if}
+	{:else}
+		<ModifyUpload
+			{i18n}
+			onclear={clear}
+			onedit={() => {
+				mode = "edit";
+				onedit?.();
+			}}
+			download={buttons === null
+				? value.url
+				: buttons.some((btn) => typeof btn === "string" && btn === "download")
+					? value.url
+					: null}
+		>
+			{#if value !== null && buttons}
+				{#each buttons as btn}
+					{#if typeof btn === "string"}
+						{#if btn === "share"}
+							<ShareButton
+								{i18n}
+								{onerror}
+								onshare={() => {}}
+								formatter={async (fileData: FileData) => {
+									if (!fileData || !fileData.url) return "";
+									let url = await uploadToHuggingFace(fileData.url, "url");
+									return `<audio controls src="${url}"></audio>`;
+								}}
+								{value}
+							/>
+						{/if}
+					{:else}
+						<CustomButton
+							button={btn}
+							on_click={(id: number) => {
+								if (on_custom_button_click) {
+									on_custom_button_click(id);
+								}
+							}}
+						/>
+					{/if}
+				{/each}
+			{/if}
+		</ModifyUpload>
+
+		<AudioPlayer
+			bind:mode
+			{value}
+			subtitles={Array.isArray(subtitles) ? subtitles : subtitles?.url}
+			{label}
+			{i18n}
+			{dispatch_blob}
+			{waveform_settings}
+			{waveform_options}
+			{trim_region_settings}
+			{handle_reset_value}
+			{editable}
+			{loop}
+			bind:playback_position
+			interactive
+			{onstop}
+			{onplay}
+			{onpause}
+			{onedit}
+		/>
+	{/if}
+	<SelectSource {sources} bind:active_source handle_clear={clear} />
+</div>
+
+<style>
+	.audio-container {
+		height: calc(var(--size-full) - var(--size-6));
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+</style>
diff --git a/js/audio/package.json b/js/audio/package.json
new file mode 100644
index 0000000..d9c1c90
--- /dev/null
+++ b/js/audio/package.json
@@ -0,0 +1,60 @@
+{
+	"name": "@gradio/audio",
+	"version": "0.24.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/button": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"extendable-media-recorder": "9.0.0",
+		"extendable-media-recorder-wav-encoder": "7.0.76",
+		"hls.js": "1.5.13",
+		"resize-observer-polyfill": "1.5.1",
+		"svelte-range-slider-pips": "4.1.0",
+		"wavesurfer.js": "7.11.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "index.ts",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./index.ts",
+			"svelte": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./shared": {
+			"gradio": "./shared/index.ts",
+			"svelte": "./dist/shared/index.js",
+			"types": "./dist/shared/index.d.ts"
+		},
+		"./base": {
+			"gradio": "./static/StaticAudio.svelte",
+			"svelte": "./dist/static/StaticAudio.svelte",
+			"types": "./dist/static/StaticAudio.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/audio"
+	}
+}
diff --git a/js/audio/player/AudioPlayer.svelte b/js/audio/player/AudioPlayer.svelte
new file mode 100644
index 0000000..8582be6
--- /dev/null
+++ b/js/audio/player/AudioPlayer.svelte
@@ -0,0 +1,526 @@
+<script lang="ts">
+	import { onMount, untrack } from "svelte";
+	import { Music } from "@gradio/icons";
+	import { format_time, type I18nFormatter } from "@gradio/utils";
+	import WaveSurfer from "wavesurfer.js";
+	import { skip_audio, process_audio } from "../shared/utils";
+	import WaveformControls from "../shared/WaveformControls.svelte";
+	import { Empty } from "@gradio/atoms";
+	import type { FileData } from "@gradio/client";
+	import type { WaveformOptions, SubtitleData } from "../shared/types";
+
+	import Hls from "hls.js";
+
+	let {
+		value = null,
+		subtitles = null,
+		label,
+		i18n,
+		dispatch_blob = () => Promise.resolve(),
+		interactive = false,
+		editable = true,
+		trim_region_settings = {},
+		waveform_settings,
+		waveform_options,
+		mode = $bindable(),
+		loop,
+		handle_reset_value = () => {},
+		playback_position = $bindable(),
+		onstop,
+		onplay,
+		onpause,
+		onedit,
+		onload
+	}: {
+		value?: null | FileData;
+		subtitles?: null | string | SubtitleData[];
+		label: string;
+		i18n: I18nFormatter;
+		dispatch_blob?: (
+			blobs: Uint8Array[] | Blob[],
+			event: "stream" | "change" | "stop_recording"
+		) => Promise<void>;
+		interactive?: boolean;
+		editable?: boolean;
+		trim_region_settings?: Record<string, any>;
+		waveform_settings: Record<string, any>;
+		waveform_options: WaveformOptions;
+		mode?: string;
+		loop?: boolean;
+		handle_reset_value?: () => void;
+		playback_position?: number;
+		onstop?: () => void;
+		onplay?: () => void;
+		onpause?: () => void;
+		onedit?: () => void;
+		onload?: () => void;
+	} = $props();
+
+	let url = $derived(value?.url);
+	let old_playback_position = $state(0);
+
+	let container: HTMLDivElement;
+	let waveform: WaveSurfer | undefined;
+	let waveform_ready = $state(false);
+	let waveform_component_wrapper: HTMLDivElement;
+	let playing = $state(false);
+
+	let subtitle_container: HTMLDivElement;
+
+	let timeRef: HTMLTimeElement;
+	let durationRef: HTMLTimeElement;
+	let audio_duration = $state<number>(0);
+
+	let trimDuration = $state(0);
+
+	let show_volume_slider = $state(false);
+	let audio_player: HTMLAudioElement;
+
+	let stream_active = false;
+	let subtitles_toggle = $state(true);
+	let subtitle_event_handlers: (() => void)[] = [];
+
+	let use_waveform = $derived(
+		waveform_options.show_recording_waveform && !value?.is_stream
+	);
+
+	$effect(() => {
+		if (
+			waveform_ready &&
+			playback_position !== undefined &&
+			old_playback_position !== playback_position &&
+			audio_duration
+		) {
+			waveform?.seekTo(playback_position / audio_duration);
+			old_playback_position = playback_position;
+		}
+	});
+
+	const create_waveform = (): void => {
+		waveform = WaveSurfer.create({
+			container: container,
+			...waveform_settings
+		});
+		if (subtitles && waveform) {
+			if (subtitles_toggle) {
+				add_subtitles_to_waveform(waveform, subtitles);
+			} else {
+				hide_subtitles();
+			}
+		}
+
+		waveform?.on("init", () => {
+			waveform_ready = true;
+		});
+		waveform?.on("decode", (duration: any) => {
+			audio_duration = duration;
+			durationRef && (durationRef.textContent = format_time(duration));
+		});
+
+		let firstTimeUpdate = true;
+		waveform?.on("timeupdate", (currentTime: any) => {
+			timeRef && (timeRef.textContent = format_time(currentTime));
+			if (firstTimeUpdate) {
+				firstTimeUpdate = false;
+				return;
+			}
+			playback_position = currentTime;
+			old_playback_position = currentTime;
+		});
+
+		waveform?.on("interaction", () => {
+			const currentTime = waveform?.getCurrentTime() || 0;
+			timeRef && (timeRef.textContent = format_time(currentTime));
+			playback_position = currentTime;
+			old_playback_position = currentTime;
+		});
+
+		waveform?.on("ready", () => {
+			if (!waveform_settings.autoplay) {
+				waveform?.stop();
+			} else {
+				waveform?.play();
+			}
+		});
+
+		waveform?.on("finish", () => {
+			if (loop) {
+				waveform?.play();
+			} else {
+				playing = false;
+				onstop?.();
+			}
+		});
+		waveform?.on("pause", () => {
+			playing = false;
+			onpause?.();
+		});
+		waveform?.on("play", () => {
+			playing = true;
+			onplay?.();
+		});
+
+		waveform?.on("load", () => {
+			onload?.();
+		});
+	};
+
+	$effect(() => {
+		if (url && waveform_ready) {
+			untrack(() => {
+				if (value?.url && waveform) {
+					waveform.load(value.url).catch((e) => {
+						if (e.name !== "AbortError") {
+							console.error("Waveform load error:", e);
+						}
+					});
+				}
+			});
+		}
+	});
+
+	const handle_trim_audio = async (
+		start: number,
+		end: number
+	): Promise<void> => {
+		mode = "";
+		const decodedData = waveform?.getDecodedData();
+		if (decodedData) {
+			const trimmedBlob = await process_audio(
+				decodedData,
+				start,
+				end,
+				waveform_settings.sampleRate
+			);
+			await dispatch_blob([trimmedBlob], "change");
+		}
+		onedit?.();
+	};
+
+	async function load_audio(data: string): Promise<void> {
+		stream_active = false;
+
+		if (waveform_options.show_recording_waveform) {
+			waveform?.load(data);
+		} else if (audio_player) {
+			audio_player.src = data;
+		}
+	}
+
+	$effect(() => {
+		if (subtitles && waveform) {
+			if (subtitles_toggle) {
+				add_subtitles_to_waveform(waveform, subtitles);
+			} else {
+				hide_subtitles();
+			}
+		}
+	});
+
+	function load_stream(value: FileData | null): void {
+		if (!value || !value.is_stream || !value.url) return;
+
+		if (Hls.isSupported() && !stream_active) {
+			// Set config to start playback after 1 second of data received
+			const hls = new Hls({
+				maxBufferLength: 1,
+				maxMaxBufferLength: 1,
+				lowLatencyMode: true
+			});
+			hls.loadSource(value.url);
+			hls.attachMedia(audio_player);
+			hls.on(Hls.Events.MANIFEST_PARSED, function () {
+				if (waveform_settings.autoplay) audio_player.play();
+			});
+			hls.on(Hls.Events.ERROR, function (event, data) {
+				console.error("HLS error:", event, data);
+				if (data.fatal) {
+					switch (data.type) {
+						case Hls.ErrorTypes.NETWORK_ERROR:
+							console.error(
+								"Fatal network error encountered, trying to recover"
+							);
+							hls.startLoad();
+							break;
+						case Hls.ErrorTypes.MEDIA_ERROR:
+							console.error("Fatal media error encountered, trying to recover");
+							hls.recoverMediaError();
+							break;
+						default:
+							console.error("Fatal error, cannot recover");
+							hls.destroy();
+							break;
+					}
+				}
+			});
+			stream_active = true;
+		} else if (!stream_active) {
+			audio_player.src = value.url;
+			if (waveform_settings.autoplay) audio_player.play();
+			stream_active = true;
+		}
+	}
+
+	$effect(() => {
+		if (audio_player && url && waveform_ready && url) {
+			load_audio(url);
+		}
+	});
+
+	$effect(() => {
+		if (audio_player && value?.is_stream) {
+			load_stream(value);
+		}
+	});
+
+	onMount(() => {
+		create_waveform();
+		const handleKeydown = (e: KeyboardEvent): void => {
+			if (!waveform || show_volume_slider) return;
+
+			const is_focused_in_waveform =
+				waveform_component_wrapper &&
+				waveform_component_wrapper.contains(document.activeElement);
+			if (!is_focused_in_waveform) return;
+			if (e.key === "ArrowRight" && mode !== "edit") {
+				skip_audio(waveform, 0.1);
+			} else if (e.key === "ArrowLeft" && mode !== "edit") {
+				skip_audio(waveform, -0.1);
+			}
+		};
+		window.addEventListener("keydown", handleKeydown);
+
+		return () => {
+			waveform?.destroy();
+			window.removeEventListener("keydown", handleKeydown);
+		};
+	});
+
+	async function add_subtitles_to_waveform(
+		wavesurfer: WaveSurfer,
+		subtitle_data: string | SubtitleData[]
+	): Promise<void> {
+		clear_subtitles();
+		try {
+			let subtitles: SubtitleData[];
+			if (Array.isArray(subtitle_data)) {
+				subtitles = subtitle_data;
+			} else {
+				const response = await fetch(subtitle_data);
+				const subtitle_content = await response.text();
+				subtitles = parse_subtitles(subtitle_content);
+			}
+
+			if (subtitles.length > 0) {
+				let current_subtitle = "";
+				if (subtitle_container) {
+					subtitle_container.style.display = "";
+					const audioProcessHandler = (time: number): void => {
+						const subtitle = subtitles.find(
+							(s) => time >= s.start && time <= s.end
+						);
+						if (subtitle && subtitle.text !== current_subtitle) {
+							current_subtitle = subtitle.text;
+							subtitle_container.textContent = current_subtitle;
+						} else if (!subtitle && current_subtitle !== "") {
+							current_subtitle = "";
+							subtitle_container.textContent = "";
+						}
+					};
+					wavesurfer.on("audioprocess", audioProcessHandler);
+					subtitle_event_handlers.push(() => {
+						wavesurfer.un("audioprocess", audioProcessHandler);
+					});
+				}
+			}
+		} catch (error) {}
+	}
+
+	function hide_subtitles(): void {
+		if (subtitle_container) {
+			subtitle_container.style.display = "none";
+		}
+	}
+
+	function clear_subtitles(): void {
+		if (subtitle_container) {
+			subtitle_container.textContent = "";
+		}
+		subtitle_event_handlers.forEach((handler) => handler());
+		subtitle_event_handlers = [];
+	}
+
+	function parse_subtitles(subtitle_content: string): SubtitleData[] {
+		const lines = subtitle_content.split("\n");
+		const subtitles: SubtitleData[] = [];
+
+		for (let i = 0; i < lines.length; i++) {
+			const line = lines[i].trim();
+			if (line.includes(" --> ")) {
+				const [start_time, end_time] = line.split(" --> ");
+				const start = parse_time_to_seconds(start_time);
+				const end = parse_time_to_seconds(end_time);
+
+				let text = "";
+				for (let j = i + 1; j < lines.length && lines[j].trim() !== ""; j++) {
+					if (text) text += " ";
+					text += lines[j].trim();
+				}
+
+				if (text) {
+					subtitles.push({ start, end, text });
+				}
+			}
+		}
+
+		return subtitles;
+	}
+
+	function parse_time_to_seconds(time_str: string): number {
+		const parts = time_str.split(":");
+		if (parts.length === 3) {
+			const hours = parseInt(parts[0]);
+			const minutes = parseInt(parts[1]);
+			const seconds = parseFloat(parts[2]);
+			return hours * 3600 + minutes * 60 + seconds;
+		}
+		return 0;
+	}
+</script>
+
+<audio
+	class="standard-player"
+	class:hidden={use_waveform}
+	controls
+	autoplay={waveform_settings.autoplay}
+	{onload}
+	bind:this={audio_player}
+	onended={() => onstop?.()}
+	onplay={() => onplay?.()}
+	preload="metadata"
+>
+</audio>
+{#if value === null}
+	<Empty size="small">
+		<Music />
+	</Empty>
+{:else if use_waveform}
+	<div
+		class="component-wrapper"
+		data-testid={label ? "waveform-" + label : "unlabelled-audio"}
+		bind:this={waveform_component_wrapper}
+	>
+		<div class="waveform-container">
+			<div
+				id="waveform"
+				bind:this={container}
+				style:height={container ? null : "58px"}
+			/>
+		</div>
+
+		<div class="timestamps">
+			<time bind:this={timeRef} id="time">0:00</time>
+			<div>
+				{#if mode === "edit" && trimDuration > 0}
+					<time id="trim-duration">{format_time(trimDuration)}</time>
+				{/if}
+				<time bind:this={durationRef} id="duration">0:00</time>
+			</div>
+		</div>
+
+		<div
+			bind:this={subtitle_container}
+			class="subtitle-display"
+			data-testid="subtitle-display"
+		></div>
+
+		<WaveformControls
+			{container}
+			{waveform}
+			{playing}
+			{audio_duration}
+			{i18n}
+			{interactive}
+			{handle_trim_audio}
+			bind:mode
+			bind:trimDuration
+			bind:show_volume_slider
+			bind:subtitles_toggle
+			show_redo={interactive}
+			{handle_reset_value}
+			{waveform_options}
+			{trim_region_settings}
+			{editable}
+			show_subtitles={subtitles !== null}
+		/>
+	</div>
+{/if}
+
+<style>
+	.component-wrapper {
+		padding: var(--size-3);
+		width: 100%;
+	}
+
+	:global(::part(wrapper)) {
+		margin-bottom: var(--size-2);
+	}
+
+	.timestamps {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		width: 100%;
+		padding: var(--size-1) 0;
+	}
+
+	#time {
+		color: var(--neutral-400);
+	}
+
+	#duration {
+		color: var(--neutral-400);
+	}
+
+	#trim-duration {
+		color: var(--color-accent);
+		margin-right: var(--spacing-sm);
+	}
+	.waveform-container {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--size-full);
+	}
+
+	#waveform {
+		width: 100%;
+		height: 100%;
+		position: relative;
+	}
+
+	.standard-player {
+		width: 100%;
+		padding: var(--size-2);
+	}
+
+	.subtitle-display {
+		color: var(--text-secondary);
+		font-size: var(--text-lg);
+		text-align: center;
+		max-width: 600px;
+		line-height: 1.3;
+		min-height: var(--size-4);
+		font-family: var(--font-sans);
+		font-weight: normal;
+		margin: var(--size-2) auto;
+		padding: var(--size-1) var(--size-2);
+		border-radius: 2px;
+		transition: opacity 0.2s ease-in-out;
+	}
+
+	.hidden,
+	.subtitle-display:empty {
+		display: none;
+	}
+</style>
diff --git a/js/audio/recorder/AudioRecorder.svelte b/js/audio/recorder/AudioRecorder.svelte
new file mode 100644
index 0000000..04549a1
--- /dev/null
+++ b/js/audio/recorder/AudioRecorder.svelte
@@ -0,0 +1,317 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import type { I18nFormatter } from "@gradio/utils";
+	import WaveSurfer from "wavesurfer.js";
+	import { skip_audio, process_audio } from "../shared/utils";
+	import WSRecord from "wavesurfer.js/dist/plugins/record.js";
+	import WaveformControls from "../shared/WaveformControls.svelte";
+	import WaveformRecordControls from "../shared/WaveformRecordControls.svelte";
+	import RecordPlugin from "wavesurfer.js/dist/plugins/record.js";
+	import type { WaveformOptions } from "../shared/types";
+	import { format_time } from "@gradio/utils";
+
+	let {
+		mode = $bindable(),
+		i18n,
+		dispatch_blob,
+		waveform_settings,
+		waveform_options = { show_recording_waveform: true },
+		handle_reset_value,
+		editable = true,
+		recording = false,
+		onstartrecording,
+		onpauserecording,
+		onstoprecording,
+		onstop,
+		onplay,
+		onpause,
+		onedit
+	}: {
+		mode?: string;
+		i18n: I18nFormatter;
+		dispatch_blob: (
+			blobs: Uint8Array[] | Blob[],
+			event: "stream" | "change" | "stop_recording"
+		) => Promise<void> | undefined;
+		waveform_settings: Record<string, any>;
+		waveform_options?: WaveformOptions;
+		handle_reset_value: () => void;
+		editable?: boolean;
+		recording?: boolean;
+		onstartrecording?: () => void;
+		onpauserecording?: () => void;
+		onstoprecording?: () => void;
+		onstop?: () => void;
+		onplay?: () => void;
+		onpause?: () => void;
+		onedit?: () => void;
+	} = $props();
+
+	let micWaveform: WaveSurfer;
+	let recordingWaveform = $state<WaveSurfer | undefined>(undefined);
+	let playing = $state(false);
+
+	let recordingContainer: HTMLDivElement;
+	let microphoneContainer: HTMLDivElement;
+
+	let record = $state<WSRecord | undefined>(undefined);
+	let recordedAudio = $state<string | null>(null);
+
+	// timestamps
+	let timeRef: HTMLTimeElement;
+	let durationRef: HTMLTimeElement;
+	let audio_duration = $state(0);
+	let seconds = $state(0);
+	let interval: NodeJS.Timeout;
+	let timing = $state(false);
+	// trimming
+	let trimDuration = $state(0);
+	let record_mounted = $state(false);
+
+	const start_interval = (): void => {
+		clearInterval(interval);
+		interval = setInterval(() => {
+			seconds++;
+		}, 1000);
+	};
+
+	function record_start_callback(): void {
+		start_interval();
+		timing = true;
+		onstartrecording?.();
+		if (waveform_options.show_recording_waveform) {
+			let waveformCanvas = microphoneContainer;
+			if (waveformCanvas) waveformCanvas.style.display = "block";
+		}
+	}
+
+	async function record_end_callback(blob: Blob): Promise<void> {
+		seconds = 0;
+		timing = false;
+		clearInterval(interval);
+		try {
+			const array_buffer = await blob.arrayBuffer();
+			const context = new AudioContext({
+				sampleRate: waveform_settings.sampleRate
+			});
+			const audio_buffer = await context.decodeAudioData(array_buffer);
+
+			if (audio_buffer)
+				await process_audio(audio_buffer).then(async (audio: Uint8Array) => {
+					await dispatch_blob([audio], "change");
+					await dispatch_blob([audio], "stop_recording");
+				});
+		} catch (e) {
+			console.error(e);
+		}
+	}
+
+	$effect(() => {
+		record?.on("record-resume", () => {
+			start_interval();
+		});
+	});
+
+	$effect(() => {
+		recordingWaveform?.on("decode", (duration: any) => {
+			audio_duration = duration;
+			durationRef && (durationRef.textContent = format_time(duration));
+		});
+	});
+
+	$effect(() => {
+		recordingWaveform?.on(
+			"timeupdate",
+			(currentTime: any) =>
+				timeRef && (timeRef.textContent = format_time(currentTime))
+		);
+	});
+
+	$effect(() => {
+		recordingWaveform?.on("pause", () => {
+			onpause?.();
+			playing = false;
+		});
+	});
+
+	$effect(() => {
+		recordingWaveform?.on("play", () => {
+			onplay?.();
+			playing = true;
+		});
+	});
+
+	$effect(() => {
+		recordingWaveform?.on("finish", () => {
+			onstop?.();
+			playing = false;
+		});
+	});
+
+	const create_mic_waveform = (): void => {
+		if (microphoneContainer) microphoneContainer.innerHTML = "";
+		if (micWaveform !== undefined) micWaveform.destroy();
+		if (!microphoneContainer) return;
+		micWaveform = WaveSurfer.create({
+			...waveform_settings,
+			normalize: false,
+			container: microphoneContainer
+		});
+
+		record = micWaveform.registerPlugin(RecordPlugin.create());
+		record?.on("record-end", record_end_callback);
+		record?.on("record-start", record_start_callback);
+		record?.on("record-pause", () => {
+			onpauserecording?.();
+			clearInterval(interval);
+		});
+
+		record?.on("record-end", (blob) => {
+			recordedAudio = URL.createObjectURL(blob);
+
+			const microphone = microphoneContainer;
+			const recording = recordingContainer;
+
+			if (microphone) microphone.style.display = "none";
+			if (recording && recordedAudio) {
+				recording.innerHTML = "";
+				create_recording_waveform();
+			}
+		});
+		record_mounted = true;
+	};
+
+	const create_recording_waveform = (): void => {
+		let recording = recordingContainer;
+		if (!recordedAudio || !recording) return;
+		recordingWaveform = WaveSurfer.create({
+			container: recording,
+			url: recordedAudio,
+			...waveform_settings
+		});
+	};
+
+	const handle_trim_audio = async (
+		start: number,
+		end: number
+	): Promise<void> => {
+		mode = "edit";
+		const decodedData = recordingWaveform?.getDecodedData();
+		if (decodedData)
+			await process_audio(decodedData, start, end).then(
+				async (trimmedAudio: Uint8Array) => {
+					await dispatch_blob([trimmedAudio], "change");
+					await dispatch_blob([trimmedAudio], "stop_recording");
+					recordingWaveform?.destroy();
+					create_recording_waveform();
+				}
+			);
+		onedit?.();
+	};
+
+	onMount(() => {
+		create_mic_waveform();
+
+		window.addEventListener("keydown", (e) => {
+			const is_focused_in_waveform =
+				recordingContainer &&
+				recordingContainer.contains(document.activeElement);
+			if (!is_focused_in_waveform) return;
+			const waveform = recordingWaveform;
+			if (!waveform) return;
+			if (e.key === "ArrowRight") {
+				skip_audio(waveform, 0.1);
+			} else if (e.key === "ArrowLeft") {
+				skip_audio(waveform, -0.1);
+			}
+		});
+	});
+</script>
+
+<div class="component-wrapper">
+	<div
+		class="microphone"
+		bind:this={microphoneContainer}
+		data-testid="microphone-waveform"
+	/>
+	<div bind:this={recordingContainer} data-testid="recording-waveform" />
+
+	{#if (timing || recordedAudio) && waveform_options.show_recording_waveform}
+		<div class="timestamps">
+			<time bind:this={timeRef} class="time">0:00</time>
+			<div>
+				{#if mode === "edit" && trimDuration > 0}
+					<time class="trim-duration">{format_time(trimDuration)}</time>
+				{/if}
+				{#if timing}
+					<time class="duration">{format_time(seconds)}</time>
+				{:else}
+					<time bind:this={durationRef} class="duration">0:00</time>
+				{/if}
+			</div>
+		</div>
+	{/if}
+
+	{#if record_mounted && !recordedAudio}
+		<WaveformRecordControls
+			record={record!}
+			{i18n}
+			{timing}
+			{recording}
+			show_recording_waveform={waveform_options.show_recording_waveform}
+			record_time={format_time(seconds)}
+		/>
+	{/if}
+
+	{#if recordingWaveform && recordedAudio}
+		<WaveformControls
+			waveform={recordingWaveform}
+			container={recordingContainer}
+			{playing}
+			{audio_duration}
+			{i18n}
+			{editable}
+			interactive={true}
+			{handle_trim_audio}
+			bind:trimDuration
+			bind:mode
+			show_redo
+			{handle_reset_value}
+			{waveform_options}
+		/>
+	{/if}
+</div>
+
+<style>
+	.microphone {
+		width: 100%;
+		display: none;
+	}
+
+	.component-wrapper {
+		padding: var(--size-3);
+		width: 100%;
+	}
+
+	.timestamps {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		width: 100%;
+		padding: var(--size-1) 0;
+		margin: var(--spacing-md) 0;
+	}
+
+	.time {
+		color: var(--neutral-400);
+	}
+
+	.duration {
+		color: var(--neutral-400);
+	}
+
+	.trim-duration {
+		color: var(--color-accent);
+		margin-right: var(--spacing-sm);
+	}
+</style>
diff --git a/js/audio/shared/Audio.svelte b/js/audio/shared/Audio.svelte
new file mode 100644
index 0000000..ce12d5b
--- /dev/null
+++ b/js/audio/shared/Audio.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import type { HTMLAudioAttributes } from "svelte/elements";
+
+	let {
+		src = undefined,
+		onplay,
+		onpause,
+		onended,
+		...restProps
+	}: HTMLAudioAttributes & {
+		onplay?: () => void;
+		onpause?: () => void;
+		onended?: () => void;
+	} = $props();
+</script>
+
+<audio {src} {...restProps} {onplay} {onpause} {onended} />
diff --git a/js/audio/shared/DeviceSelect.svelte b/js/audio/shared/DeviceSelect.svelte
new file mode 100644
index 0000000..638f98f
--- /dev/null
+++ b/js/audio/shared/DeviceSelect.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import RecordPlugin from "wavesurfer.js/dist/plugins/record.js";
+	import type { I18nFormatter } from "@gradio/utils";
+
+	let {
+		i18n,
+		micDevices = $bindable(),
+		onerror
+	}: {
+		i18n: I18nFormatter;
+		micDevices?: MediaDeviceInfo[];
+		onerror?: (error: string) => void;
+	} = $props();
+
+	onMount(() => {
+		if (typeof window !== "undefined" && navigator.mediaDevices) {
+			let tempDevices: MediaDeviceInfo[] = [];
+			RecordPlugin.getAvailableAudioDevices()
+				.then((devices: MediaDeviceInfo[]) => {
+					micDevices = devices;
+					devices.forEach((device) => {
+						if (device.deviceId) {
+							tempDevices.push(device);
+						}
+					});
+					micDevices = tempDevices;
+				})
+				.catch((err) => {
+					if (err instanceof DOMException && err.name == "NotAllowedError") {
+						onerror?.(i18n("audio.allow_recording_access"));
+					}
+				});
+		}
+	});
+</script>
+
+<select
+	class="mic-select"
+	aria-label="Select input device"
+	disabled={!micDevices || micDevices.length === 0}
+>
+	{#if !micDevices || micDevices.length === 0}
+		<option value="">{i18n("audio.no_microphone")}</option>
+	{:else}
+		{#each micDevices as micDevice}
+			<option value={micDevice.deviceId}>{micDevice.label}</option>
+		{/each}
+	{/if}
+</select>
+
+<style>
+	.mic-select {
+		height: var(--size-8);
+		background: var(--block-background-fill);
+		padding: 0px var(--spacing-xxl);
+		border-radius: var(--button-large-radius);
+		font-size: var(--text-md);
+		border: 1px solid var(--block-border-color);
+		gap: var(--size-1);
+	}
+
+	select {
+		text-overflow: ellipsis;
+		max-width: var(--size-40);
+	}
+
+	@media (max-width: 375px) {
+		select {
+			width: 100%;
+		}
+	}
+</style>
diff --git a/js/audio/shared/MinimalAudioPlayer.svelte b/js/audio/shared/MinimalAudioPlayer.svelte
new file mode 100644
index 0000000..177bb48
--- /dev/null
+++ b/js/audio/shared/MinimalAudioPlayer.svelte
@@ -0,0 +1,190 @@
+<script lang="ts">
+	import { onMount, onDestroy } from "svelte";
+	import WaveSurfer from "wavesurfer.js";
+	import type { FileData } from "@gradio/client";
+	import { format_time } from "@gradio/utils";
+
+	let {
+		value,
+		label,
+		loop = false
+	}: {
+		value: FileData;
+		label: string;
+		loop?: boolean;
+	} = $props();
+
+	let container: HTMLDivElement;
+	let waveform: WaveSurfer | undefined;
+	let playing = $state(false);
+	let duration = $state(0);
+	let currentTime = $state(0);
+	let waveform_ready = $state(false);
+
+	let resolved_src = $derived(value.url);
+
+	const create_waveform = async (): Promise<void> => {
+		if (!container || !resolved_src || waveform_ready) return;
+
+		if (waveform) {
+			waveform.destroy();
+		}
+
+		const accentColor =
+			getComputedStyle(document.documentElement).getPropertyValue(
+				"--color-accent"
+			) || "#ff7c00";
+
+		waveform = WaveSurfer.create({
+			container,
+			height: 32,
+			waveColor: "rgba(128, 128, 128, 0.5)",
+			progressColor: accentColor,
+			cursorColor: "transparent",
+			barWidth: 2,
+			barGap: 2,
+			barRadius: 2,
+			normalize: true,
+			interact: true,
+			dragToSeek: true,
+			hideScrollbar: true
+		});
+
+		waveform.on("play", () => (playing = true));
+		waveform.on("pause", () => (playing = false));
+		waveform.on("ready", () => {
+			duration = waveform?.getDuration() || 0;
+			waveform_ready = true;
+		});
+		waveform.on("audioprocess", () => {
+			currentTime = waveform?.getCurrentTime() || 0;
+		});
+		waveform.on("interaction", () => {
+			currentTime = waveform?.getCurrentTime() || 0;
+		});
+		waveform.on("finish", () => {
+			playing = false;
+			if (loop) {
+				waveform?.play();
+			}
+		});
+
+		await waveform.load(resolved_src);
+	};
+
+	onMount(async () => {
+		await create_waveform();
+	});
+
+	onDestroy(() => {
+		if (waveform) {
+			waveform.destroy();
+		}
+	});
+
+	const togglePlay = (): void => {
+		if (waveform) {
+			waveform.playPause();
+		}
+	};
+</script>
+
+<div
+	class="minimal-audio-player"
+	aria-label={label || "Audio"}
+	data-testid={label && typeof label === "string" && label.trim()
+		? "waveform-" + label
+		: "unlabelled-audio"}
+>
+	<button
+		class="play-btn"
+		onclick={togglePlay}
+		aria-label={playing ? "Pause" : "Play"}
+	>
+		{#if playing}
+			<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+				<rect x="6" y="5" width="4" height="14" rx="1" fill="currentColor" />
+				<rect x="14" y="5" width="4" height="14" rx="1" fill="currentColor" />
+			</svg>
+		{:else}
+			<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+				<path
+					d="M8 5.74537C8 5.06444 8.77346 4.64713 9.35139 5.02248L18.0227 10.2771C18.5518 10.6219 18.5518 11.3781 18.0227 11.7229L9.35139 16.9775C8.77346 17.3529 8 16.9356 8 16.2546V5.74537Z"
+					fill="currentColor"
+				/>
+			</svg>
+		{/if}
+	</button>
+
+	<div class="waveform-wrapper" bind:this={container}></div>
+
+	<div class="timestamp">{format_time(playing ? currentTime : duration)}</div>
+</div>
+
+<style>
+	.minimal-audio-player {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-sm);
+		border-radius: var(--radius-sm);
+		width: var(--size-52);
+		padding: var(--spacing-sm);
+	}
+
+	.play-btn {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		border: none;
+		background: none;
+		color: var(--body-text-color);
+		opacity: 0.7;
+		cursor: pointer;
+		border-radius: 50%;
+		transition: all 0.2s ease;
+		flex-shrink: 0;
+	}
+
+	.play-btn:hover {
+		color: var(--color-accent);
+		opacity: 1;
+	}
+
+	.play-btn:active {
+		transform: scale(0.95);
+	}
+
+	.play-btn svg {
+		width: var(--size-5);
+		height: var(--size-5);
+		display: block;
+	}
+
+	.waveform-wrapper {
+		flex: 1 1 auto;
+		cursor: pointer;
+		width: auto;
+	}
+
+	.waveform-wrapper :global(::part(wrapper)) {
+		margin-bottom: 0;
+	}
+
+	.timestamp {
+		font-size: 13px;
+		font-weight: 500;
+		color: var(--body-text-color);
+		opacity: 0.7;
+		font-variant-numeric: tabular-nums;
+		flex-shrink: 0;
+		min-width: 40px;
+		text-align: center;
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.play-btn {
+			transition: none;
+		}
+	}
+</style>
diff --git a/js/audio/shared/MinimalAudioRecorder.svelte b/js/audio/shared/MinimalAudioRecorder.svelte
new file mode 100644
index 0000000..9eb8534
--- /dev/null
+++ b/js/audio/shared/MinimalAudioRecorder.svelte
@@ -0,0 +1,379 @@
+<script lang="ts">
+	import { onMount, onDestroy, tick } from "svelte";
+	import WaveSurfer from "wavesurfer.js";
+	import RecordPlugin from "wavesurfer.js/dist/plugins/record.js";
+	import { format_time } from "@gradio/utils";
+	import { process_audio } from "./utils";
+	import { prepare_files, type FileData, type Client } from "@gradio/client";
+	import { Square } from "@gradio/icons";
+
+	let {
+		label,
+		waveform_settings = {},
+		recording = $bindable(),
+		upload,
+		root,
+		max_file_size = null,
+		upload_promise = $bindable(),
+		onchange,
+		onstoprecording,
+		onclear
+	}: {
+		label: string;
+		waveform_settings?: Record<string, any>;
+		recording?: boolean;
+		upload: Client["upload"];
+		root: string;
+		max_file_size?: number | null;
+		upload_promise?: Promise<any> | null;
+		onchange?: (value: FileData) => void;
+		onstoprecording?: () => void;
+		onclear?: () => void;
+	} = $props();
+
+	let container: HTMLDivElement;
+	let waveform: WaveSurfer | undefined;
+	let record: RecordPlugin | undefined = $state();
+	let seconds = $state(0);
+	let interval: NodeJS.Timeout;
+	let is_recording = $state(false);
+	let has_started = $state(false);
+	let mic_devices: MediaDeviceInfo[] = $state([]);
+	let selected_device_id: string = $state("");
+	let show_device_selection = $state(false);
+
+	const start_interval = (): void => {
+		clearInterval(interval);
+		interval = setInterval(() => {
+			seconds++;
+		}, 1000);
+	};
+
+	const create_waveform = async (): Promise<void> => {
+		if (!container) return;
+
+		if (waveform) {
+			waveform.destroy();
+		}
+
+		const accentColor =
+			getComputedStyle(document.documentElement).getPropertyValue(
+				"--color-accent"
+			) || "#ff7c00";
+
+		waveform = WaveSurfer.create({
+			container,
+			height: 32,
+			waveColor: "rgba(128, 128, 128, 0.5)",
+			progressColor: accentColor,
+			cursorColor: "transparent",
+			barWidth: 2,
+			barGap: 2,
+			barRadius: 2,
+			interact: false,
+			hideScrollbar: true,
+			...waveform_settings
+		});
+
+		record = waveform.registerPlugin(
+			RecordPlugin.create({
+				scrollingWaveform: true,
+				scrollingWaveformWindow: 7,
+				renderRecordedAudio: false
+			})
+		);
+
+		record.on("record-start", () => {
+			start_interval();
+			is_recording = true;
+			has_started = true;
+		});
+
+		record.on("record-end", async (blob: Blob) => {
+			clearInterval(interval);
+			is_recording = false;
+
+			upload_promise = (async () => {
+				try {
+					const array_buffer = await blob.arrayBuffer();
+					const context = new AudioContext({
+						sampleRate: waveform_settings.sampleRate || 44100
+					});
+					const audio_buffer = await context.decodeAudioData(array_buffer);
+
+					if (audio_buffer) {
+						const audio = await process_audio(audio_buffer);
+						const audio_blob = new File([new Uint8Array(audio)], "audio.wav", {
+							type: "audio/wav"
+						});
+
+						const prepared_files = await prepare_files([audio_blob], false);
+						const uploaded_files = await upload(
+							prepared_files,
+							root,
+							undefined,
+							max_file_size || undefined
+						);
+						const file_data = uploaded_files?.[0];
+
+						if (file_data) {
+							onchange?.(file_data);
+						}
+					}
+				} catch (e) {
+					console.error("Error processing audio:", e);
+				} finally {
+					onstoprecording?.();
+					upload_promise = null;
+				}
+			})();
+
+			await upload_promise;
+		});
+	};
+
+	onMount(async () => {
+		try {
+			const devices = await RecordPlugin.getAvailableAudioDevices();
+			mic_devices = devices.filter((device) => device.deviceId);
+			if (mic_devices.length > 0) {
+				selected_device_id = mic_devices[0].deviceId;
+			}
+
+			if (mic_devices.length > 1) {
+				show_device_selection = true;
+			} else {
+				await create_waveform();
+			}
+		} catch (err) {
+			await create_waveform();
+		}
+	});
+
+	onDestroy(() => {
+		clearInterval(interval);
+		if (record) {
+			record.stopMic();
+		}
+		if (waveform) {
+			waveform.destroy();
+		}
+	});
+
+	$effect(() => {
+		if (
+			recording &&
+			!is_recording &&
+			record &&
+			has_started === false &&
+			mic_devices.length <= 1
+		) {
+			record
+				.startMic({ deviceId: selected_device_id })
+				.then(() => {
+					record?.startRecording();
+				})
+				.catch((err) => {
+					console.error("Failed to access microphone:", err);
+					onclear?.();
+				});
+		} else if (!recording && is_recording && record) {
+			record.stopRecording();
+			seconds = 0;
+		}
+	});
+
+	async function startRecording(): Promise<void> {
+		show_device_selection = false;
+		has_started = true;
+
+		await tick();
+		await create_waveform();
+
+		if (!record) return;
+
+		try {
+			await record.startMic({ deviceId: selected_device_id });
+			record.startRecording();
+		} catch (err) {
+			console.error("Error starting recording:", err);
+			show_device_selection = mic_devices.length > 1;
+			has_started = false;
+			recording = false;
+		}
+	}
+</script>
+
+<div
+	class="minimal-audio-recorder"
+	aria-label={label || "Audio Recorder"}
+	data-testid="minimal-audio-recorder"
+>
+	{#if show_device_selection}
+		<div class="device-selection-wrapper">
+			{#if mic_devices.length > 1}
+				<select
+					bind:value={selected_device_id}
+					class="device-select-large"
+					aria-label="Select input device"
+				>
+					{#each mic_devices as device}
+						<option value={device.deviceId}>{device.label}</option>
+					{/each}
+				</select>
+			{/if}
+			<button
+				class="record-button"
+				onclick={startRecording}
+				aria-label="Start recording"
+			>
+			</button>
+		</div>
+	{:else}
+		<div class="waveform-wrapper" bind:this={container}></div>
+		<div class="timestamp">{format_time(seconds)}</div>
+		<button
+			class="stop-button"
+			onclick={() => {
+				if (is_recording) {
+					recording = false;
+				} else {
+					onclear?.();
+				}
+			}}
+			aria-label="Stop recording"
+		>
+			<Square />
+		</button>
+	{/if}
+</div>
+
+<style>
+	.minimal-audio-recorder {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-sm);
+		border-radius: var(--radius-sm);
+		width: 100%;
+		padding: var(--spacing-sm);
+	}
+
+	.device-selection-wrapper {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		gap: var(--spacing-md);
+		width: 100%;
+	}
+
+	.waveform-wrapper {
+		flex: 1 1 auto;
+		min-width: 0;
+		width: 100%;
+	}
+
+	.waveform-wrapper :global(::part(wrapper)) {
+		margin-bottom: 0;
+	}
+
+	.timestamp {
+		font-size: 13px;
+		font-weight: 500;
+		color: var(--body-text-color);
+		opacity: 0.7;
+		font-variant-numeric: tabular-nums;
+		flex-shrink: 0;
+		min-width: 40px;
+		text-align: center;
+	}
+
+	.device-select-large {
+		max-width: var(--size-60);
+		font-size: var(--text-sm);
+		padding: var(--spacing-sm) var(--spacing-md);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		background: var(--background-fill-secondary);
+		color: var(--body-text-color);
+		cursor: pointer;
+		height: var(--size-9);
+	}
+
+	.record-button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: var(--size-9);
+		width: var(--size-9);
+		padding: 0;
+		flex-shrink: 0;
+		background-color: var(--block-background-fill);
+		color: var(--body-text-color);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		cursor: pointer;
+	}
+
+	.record-button::before {
+		content: "";
+		height: var(--size-4);
+		width: var(--size-4);
+		border-radius: var(--radius-full);
+		background: var(--primary-600);
+		flex-shrink: 0;
+	}
+
+	.record-button:hover {
+		background-color: var(--block-background-fill);
+		border-color: var(--border-color-accent);
+	}
+
+	.record-button:active {
+		transform: scale(0.98);
+	}
+
+	.stop-button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--size-9);
+		height: var(--size-9);
+		padding: 0;
+		border: var(--size-px) solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		background: var(--button-secondary-background-fill);
+		color: var(--error-500);
+		cursor: pointer;
+		flex-shrink: 0;
+	}
+
+	.stop-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+		color: var(--error-600);
+	}
+
+	.stop-button:active {
+		transform: scale(0.95);
+	}
+
+	.stop-button :global(svg) {
+		width: var(--size-5);
+		height: var(--size-5);
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.record-btn {
+			transition: none;
+		}
+		.record-btn.recording {
+			animation: none;
+		}
+	}
+
+	@media (max-width: 768px) {
+		.device-select-large {
+			max-width: var(--size-40);
+		}
+	}
+</style>
diff --git a/js/audio/shared/VolumeControl.svelte b/js/audio/shared/VolumeControl.svelte
new file mode 100644
index 0000000..728c5dc
--- /dev/null
+++ b/js/audio/shared/VolumeControl.svelte
@@ -0,0 +1,86 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import WaveSurfer from "wavesurfer.js";
+
+	let {
+		currentVolume = $bindable(),
+		show_volume_slider = $bindable(),
+		waveform
+	}: {
+		currentVolume?: number;
+		show_volume_slider?: boolean;
+		waveform: WaveSurfer | undefined;
+	} = $props();
+
+	let volumeElement: HTMLInputElement;
+
+	onMount(() => {
+		adjustSlider();
+	});
+
+	const adjustSlider = (): void => {
+		let slider = volumeElement;
+		if (!slider) return;
+
+		slider.style.background = `linear-gradient(to right, var(--color-accent) ${
+			(currentVolume ?? 1) * 100
+		}%, var(--neutral-400) ${(currentVolume ?? 1) * 100}%)`;
+	};
+
+	$effect(() => {
+		currentVolume;
+		adjustSlider();
+	});
+</script>
+
+<input
+	bind:this={volumeElement}
+	id="volume"
+	class="volume-slider"
+	type="range"
+	min="0"
+	max="1"
+	step="0.01"
+	value={currentVolume ?? 1}
+	onfocusout={() => (show_volume_slider = false)}
+	oninput={(e) => {
+		if (e.target instanceof HTMLInputElement) {
+			currentVolume = parseFloat(e.target.value);
+			waveform?.setVolume(currentVolume);
+		}
+	}}
+/>
+
+<style>
+	.volume-slider {
+		-webkit-appearance: none;
+		appearance: none;
+		width: var(--size-20);
+		accent-color: var(--color-accent);
+		height: 4px;
+		cursor: pointer;
+		outline: none;
+		border-radius: 15px;
+		background-color: var(--neutral-400);
+	}
+
+	input[type="range"]::-webkit-slider-thumb {
+		-webkit-appearance: none;
+		appearance: none;
+		height: 15px;
+		width: 15px;
+		background-color: var(--color-accent);
+		border-radius: 50%;
+		border: none;
+		transition: 0.2s ease-in-out;
+	}
+
+	input[type="range"]::-moz-range-thumb {
+		height: 15px;
+		width: 15px;
+		background-color: var(--color-accent);
+		border-radius: 50%;
+		border: none;
+		transition: 0.2s ease-in-out;
+	}
+</style>
diff --git a/js/audio/shared/VolumeLevels.svelte b/js/audio/shared/VolumeLevels.svelte
new file mode 100644
index 0000000..65c9119
--- /dev/null
+++ b/js/audio/shared/VolumeLevels.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { VolumeMuted, VolumeHigh, VolumeLow } from "@gradio/icons";
+
+	let { currentVolume }: { currentVolume: number } = $props();
+</script>
+
+{#if currentVolume == 0}
+	<VolumeMuted />
+{:else if currentVolume < 0.5}
+	<VolumeLow />
+{:else if currentVolume >= 0.5}
+	<VolumeHigh />
+{/if}
diff --git a/js/audio/shared/WaveformControls.svelte b/js/audio/shared/WaveformControls.svelte
new file mode 100644
index 0000000..d1847ad
--- /dev/null
+++ b/js/audio/shared/WaveformControls.svelte
@@ -0,0 +1,496 @@
+<script lang="ts">
+	import {
+		Play,
+		Pause,
+		Forward,
+		Backward,
+		ClosedCaption,
+		Undo,
+		Trim
+	} from "@gradio/icons";
+	import { get_skip_rewind_amount } from "../shared/utils";
+	import type { I18nFormatter } from "@gradio/utils";
+	import WaveSurfer from "wavesurfer.js";
+	import RegionsPlugin, {
+		type Region
+	} from "wavesurfer.js/dist/plugins/regions.js";
+	import type { WaveformOptions } from "./types";
+	import VolumeLevels from "./VolumeLevels.svelte";
+	import VolumeControl from "./VolumeControl.svelte";
+	import { onMount } from "svelte";
+
+	let {
+		waveform,
+		audio_duration,
+		i18n,
+		playing,
+		show_redo = false,
+		interactive = false,
+		handle_trim_audio,
+		mode = $bindable(),
+		container,
+		handle_reset_value,
+		waveform_options = {},
+		trim_region_settings = {},
+		show_volume_slider = $bindable(),
+		editable = true,
+		subtitles_toggle = $bindable(),
+		show_subtitles = false,
+		trimDuration = $bindable()
+	}: {
+		waveform: WaveSurfer | undefined;
+		audio_duration: number;
+		i18n: I18nFormatter;
+		playing: boolean;
+		show_redo?: boolean;
+		interactive?: boolean;
+		handle_trim_audio: (start: number, end: number) => void;
+		mode?: string;
+		container: HTMLDivElement;
+		handle_reset_value: () => void;
+		waveform_options?: WaveformOptions;
+		trim_region_settings?: WaveformOptions;
+		show_volume_slider?: boolean;
+		editable?: boolean;
+		subtitles_toggle?: boolean;
+		show_subtitles?: boolean;
+		trimDuration?: number;
+	} = $props();
+
+	let playbackSpeeds = [0.5, 1, 1.5, 2];
+	let playbackSpeed = $state(playbackSpeeds[1]);
+
+	let trimRegion: RegionsPlugin | null = $state(null);
+	let activeRegion: Region | null = $state(null);
+
+	let leftRegionHandle: HTMLDivElement | null = $state(null);
+	let rightRegionHandle: HTMLDivElement | null = $state(null);
+	let activeHandle = $state("");
+
+	let currentVolume = $state(1);
+
+	function ensureTrimRegion(): void {
+		if (container && waveform && !trimRegion) {
+			trimRegion = waveform.registerPlugin(RegionsPlugin.create());
+		}
+	}
+
+	onMount(() => {
+		ensureTrimRegion();
+	});
+
+	$effect(() => {
+		if (!trimRegion) return;
+		const handler = (region: Region): void => {
+			region.play();
+		};
+		trimRegion.on("region-out", handler);
+		return () => {
+			trimRegion?.un("region-out", handler);
+		};
+	});
+
+	$effect(() => {
+		if (!trimRegion) return;
+		const handler = (region: Region): void => {
+			trimDuration = region.end - region.start;
+		};
+		trimRegion.on("region-updated", handler);
+		return () => {
+			trimRegion?.un("region-updated", handler);
+		};
+	});
+
+	$effect(() => {
+		if (!trimRegion) return;
+		const handler = (region: Region, e: Event): void => {
+			e.stopPropagation();
+			activeRegion = region;
+			region.play();
+		};
+		trimRegion.on("region-clicked", handler);
+		return () => {
+			trimRegion?.un("region-clicked", handler);
+		};
+	});
+
+	const addTrimRegion = (): void => {
+		if (!trimRegion) return;
+		activeRegion = trimRegion?.addRegion({
+			start: audio_duration / 4,
+			end: audio_duration / 2,
+			...trim_region_settings
+		});
+
+		trimDuration = activeRegion.end - activeRegion.start;
+	};
+
+	$effect(() => {
+		if (activeRegion) {
+			const shadowRoot = container.children[0]!.shadowRoot!;
+
+			rightRegionHandle = shadowRoot.querySelector('[data-resize="right"]');
+			leftRegionHandle = shadowRoot.querySelector('[data-resize="left"]');
+
+			if (leftRegionHandle && rightRegionHandle) {
+				leftRegionHandle.setAttribute("role", "button");
+				rightRegionHandle.setAttribute("role", "button");
+				leftRegionHandle?.setAttribute(
+					"aria-label",
+					"Drag to adjust start time"
+				);
+				rightRegionHandle?.setAttribute(
+					"aria-label",
+					"Drag to adjust end time"
+				);
+				leftRegionHandle?.setAttribute("tabindex", "0");
+				rightRegionHandle?.setAttribute("tabindex", "0");
+
+				leftRegionHandle.addEventListener("focus", () => {
+					if (trimRegion) activeHandle = "left";
+				});
+
+				rightRegionHandle.addEventListener("focus", () => {
+					if (trimRegion) activeHandle = "right";
+				});
+			}
+		}
+	});
+
+	const trimAudio = (): void => {
+		if (waveform && trimRegion) {
+			if (activeRegion) {
+				const start = activeRegion.start;
+				const end = activeRegion.end;
+				handle_trim_audio(start, end);
+				mode = "";
+				activeRegion = null;
+			}
+		}
+	};
+
+	const clearRegions = (): void => {
+		trimRegion?.getRegions().forEach((region) => {
+			region.remove();
+		});
+		trimRegion?.clearRegions();
+	};
+
+	const toggleTrimmingMode = (): void => {
+		clearRegions();
+		if (mode) {
+			mode = "";
+		} else {
+			mode = "edit";
+			ensureTrimRegion();
+			addTrimRegion();
+		}
+	};
+
+	const toggleSubtitles = (): void => {
+		subtitles_toggle = !subtitles_toggle;
+	};
+
+	const adjustRegionHandles = (handle: string, key: string): void => {
+		let newStart;
+		let newEnd;
+
+		if (!activeRegion) return;
+		if (handle === "left") {
+			if (key === "ArrowLeft") {
+				newStart = activeRegion.start - 0.05;
+				newEnd = activeRegion.end;
+			} else {
+				newStart = activeRegion.start + 0.05;
+				newEnd = activeRegion.end;
+			}
+		} else {
+			if (key === "ArrowLeft") {
+				newStart = activeRegion.start;
+				newEnd = activeRegion.end - 0.05;
+			} else {
+				newStart = activeRegion.start;
+				newEnd = activeRegion.end + 0.05;
+			}
+		}
+
+		activeRegion.setOptions({
+			start: newStart,
+			end: newEnd
+		});
+
+		trimDuration = activeRegion.end - activeRegion.start;
+	};
+
+	$effect(() => {
+		if (trimRegion) {
+			const handleKeydown = (e: KeyboardEvent): void => {
+				if (e.key === "ArrowLeft") {
+					adjustRegionHandles(activeHandle, "ArrowLeft");
+				} else if (e.key === "ArrowRight") {
+					adjustRegionHandles(activeHandle, "ArrowRight");
+				}
+			};
+			window.addEventListener("keydown", handleKeydown);
+			return () => {
+				window.removeEventListener("keydown", handleKeydown);
+			};
+		}
+	});
+</script>
+
+<div class="controls" data-testid="waveform-controls">
+	<div class="control-wrapper">
+		<button
+			class="action icon volume"
+			style:color={show_volume_slider
+				? "var(--color-accent)"
+				: "var(--neutral-400)"}
+			aria-label="Adjust volume"
+			onclick={() => (show_volume_slider = !show_volume_slider)}
+		>
+			<VolumeLevels {currentVolume} />
+		</button>
+
+		{#if show_volume_slider}
+			<VolumeControl bind:currentVolume bind:show_volume_slider {waveform} />
+		{/if}
+
+		<button
+			class:hidden={show_volume_slider}
+			class="playback icon"
+			aria-label={`Adjust playback speed to ${
+				playbackSpeeds[
+					(playbackSpeeds.indexOf(playbackSpeed) + 1) % playbackSpeeds.length
+				]
+			}x`}
+			onclick={() => {
+				playbackSpeed =
+					playbackSpeeds[
+						(playbackSpeeds.indexOf(playbackSpeed) + 1) % playbackSpeeds.length
+					];
+
+				waveform?.setPlaybackRate(playbackSpeed);
+			}}
+		>
+			<span>{playbackSpeed}x</span>
+		</button>
+	</div>
+
+	<div class="play-pause-wrapper">
+		<button
+			class="rewind icon"
+			aria-label={`Skip backwards by ${get_skip_rewind_amount(
+				audio_duration,
+				waveform_options.skip_length
+			)} seconds`}
+			onclick={() =>
+				waveform?.skip(
+					get_skip_rewind_amount(audio_duration, waveform_options.skip_length) *
+						-1
+				)}
+		>
+			<Backward />
+		</button>
+		<button
+			class="play-pause-button icon"
+			onclick={() => waveform?.playPause()}
+			aria-label={playing ? i18n("audio.pause") : i18n("audio.play")}
+		>
+			{#if playing}
+				<Pause />
+			{:else}
+				<Play />
+			{/if}
+		</button>
+		<button
+			class="skip icon"
+			aria-label="Skip forward by {get_skip_rewind_amount(
+				audio_duration,
+				waveform_options.skip_length
+			)} seconds"
+			onclick={() =>
+				waveform?.skip(
+					get_skip_rewind_amount(audio_duration, waveform_options.skip_length)
+				)}
+		>
+			<Forward />
+		</button>
+	</div>
+
+	<div class="settings-wrapper">
+		{#if show_subtitles}
+			<button
+				class="action icon cc-button"
+				data-testid="subtitles-toggle"
+				style="color: {subtitles_toggle
+					? 'var(--color-accent)'
+					: 'var(--neutral-400)'}"
+				onclick={toggleSubtitles}
+			>
+				<ClosedCaption /></button
+			>
+		{/if}
+		{#if editable && interactive}
+			{#if show_redo && !mode}
+				<button
+					class="action icon"
+					aria-label="Reset audio"
+					onclick={() => {
+						handle_reset_value();
+						clearRegions();
+						mode = "";
+					}}
+				>
+					<Undo />
+				</button>
+			{/if}
+
+			{#if !mode}
+				<button
+					class="action icon"
+					aria-label="Trim audio to selection"
+					onclick={toggleTrimmingMode}
+				>
+					<Trim />
+				</button>
+			{:else}
+				<button class="text-button" onclick={trimAudio}>Trim</button>
+				<button class="text-button" onclick={toggleTrimmingMode}>Cancel</button>
+			{/if}
+		{/if}
+	</div>
+</div>
+
+<style>
+	.settings-wrapper {
+		display: flex;
+		justify-self: self-end;
+		align-items: center;
+		grid-area: editing;
+	}
+	.text-button {
+		border: 1px solid var(--neutral-400);
+		border-radius: var(--radius-sm);
+		font-weight: 300;
+		font-size: var(--size-3);
+		text-align: center;
+		color: var(--neutral-400);
+		height: var(--size-5);
+		font-weight: bold;
+		padding: 0 5px;
+		margin-left: 5px;
+	}
+
+	.text-button:hover,
+	.text-button:focus {
+		color: var(--color-accent);
+		border-color: var(--color-accent);
+	}
+
+	.controls {
+		display: grid;
+		grid-template-columns: 1fr 1fr 1fr;
+		grid-template-areas: "controls playback editing";
+		margin-top: 5px;
+		align-items: center;
+		position: relative;
+		flex-wrap: wrap;
+		justify-content: space-between;
+	}
+	.controls div {
+		margin: var(--size-1) 0;
+	}
+
+	@media (max-width: 600px) {
+		.controls {
+			grid-template-columns: 1fr 1fr;
+			grid-template-rows: auto auto;
+			grid-template-areas:
+				"playback playback"
+				"controls editing";
+		}
+	}
+
+	@media (max-width: 319px) {
+		.controls {
+			overflow-x: scroll;
+		}
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.control-wrapper {
+		display: flex;
+		justify-self: self-start;
+		align-items: center;
+		justify-content: space-between;
+		grid-area: controls;
+	}
+
+	.action {
+		width: var(--size-5);
+		color: var(--neutral-400);
+		margin-left: var(--spacing-md);
+	}
+	.icon:hover,
+	.icon:focus {
+		color: var(--color-accent);
+	}
+	.play-pause-wrapper {
+		display: flex;
+		justify-self: center;
+		grid-area: playback;
+	}
+	.cc-button {
+		width: var(--size-8);
+	}
+
+	@media (max-width: 600px) {
+		.play-pause-wrapper {
+			margin: var(--spacing-md);
+		}
+	}
+	.playback {
+		border: 1px solid var(--neutral-400);
+		border-radius: var(--radius-sm);
+		width: 5.5ch;
+		font-weight: 300;
+		font-size: var(--size-3);
+		text-align: center;
+		color: var(--neutral-400);
+		height: var(--size-5);
+		font-weight: bold;
+	}
+
+	.playback:hover,
+	.playback:focus {
+		color: var(--color-accent);
+		border-color: var(--color-accent);
+	}
+
+	.rewind,
+	.skip {
+		margin: 0 10px;
+		color: var(--neutral-400);
+	}
+
+	.play-pause-button {
+		width: var(--size-8);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: var(--neutral-400);
+		fill: var(--neutral-400);
+	}
+
+	.volume {
+		position: relative;
+		display: flex;
+		justify-content: center;
+		margin-right: var(--spacing-xl);
+		width: var(--size-5);
+	}
+</style>
diff --git a/js/audio/shared/WaveformRecordControls.svelte b/js/audio/shared/WaveformRecordControls.svelte
new file mode 100644
index 0000000..332c8e4
--- /dev/null
+++ b/js/audio/shared/WaveformRecordControls.svelte
@@ -0,0 +1,311 @@
+<script lang="ts">
+	import { onMount, onDestroy } from "svelte";
+	import { Pause } from "@gradio/icons";
+	import type { I18nFormatter } from "@gradio/utils";
+	import RecordPlugin from "wavesurfer.js/dist/plugins/record.js";
+	import DeviceSelect from "./DeviceSelect.svelte";
+
+	let {
+		record,
+		i18n,
+		recording = false,
+		record_time,
+		show_recording_waveform,
+		timing = false
+	}: {
+		record: RecordPlugin;
+		i18n: I18nFormatter;
+		recording?: boolean;
+		record_time: string;
+		show_recording_waveform: boolean | undefined;
+		timing?: boolean;
+	} = $props();
+
+	let micDevices: MediaDeviceInfo[] = $state([]);
+	let recordButton: HTMLButtonElement;
+	let pauseButton: HTMLButtonElement;
+	let resumeButton: HTMLButtonElement;
+	let stopButton: HTMLButtonElement;
+	let stopButtonPaused: HTMLButtonElement;
+	let recording_ongoing = $state(false);
+
+	const handleRecordStart = (): void => {
+		recordButton.style.display = "none";
+		stopButton.style.display = "flex";
+		pauseButton.style.display = "block";
+	};
+
+	const handleRecordEnd = (): void => {
+		if (record.isPaused()) {
+			record.resumeRecording();
+			record.stopRecording();
+		}
+		record.stopMic();
+
+		recordButton.style.display = "flex";
+		stopButton.style.display = "none";
+		pauseButton.style.display = "none";
+		recordButton.disabled = false;
+	};
+
+	const handleRecordPause = (): void => {
+		pauseButton.style.display = "none";
+		resumeButton.style.display = "block";
+		stopButton.style.display = "none";
+		stopButtonPaused.style.display = "flex";
+	};
+
+	const handleRecordResume = (): void => {
+		pauseButton.style.display = "block";
+		resumeButton.style.display = "none";
+		recordButton.style.display = "none";
+		stopButton.style.display = "flex";
+		stopButtonPaused.style.display = "none";
+	};
+
+	onMount(() => {
+		record.on("record-start", handleRecordStart);
+		record.on("record-end", handleRecordEnd);
+		record.on("record-pause", handleRecordPause);
+		record.on("record-resume", handleRecordResume);
+	});
+
+	onDestroy(() => {
+		record.un("record-start", handleRecordStart);
+		record.un("record-end", handleRecordEnd);
+		record.un("record-pause", handleRecordPause);
+		record.un("record-resume", handleRecordResume);
+	});
+
+	$effect(() => {
+		if (recording && !recording_ongoing) {
+			record.startMic().then(() => {
+				record.startRecording();
+				recording_ongoing = true;
+			});
+		} else if (!recording && recording_ongoing) {
+			if (record.isPaused()) {
+				record.resumeRecording();
+			}
+			record.stopRecording();
+			recording_ongoing = false;
+		}
+	});
+</script>
+
+<div class="controls">
+	<div class="wrapper">
+		<button
+			bind:this={recordButton}
+			class="record record-button"
+			onclick={() => record.startRecording()}>{i18n("audio.record")}</button
+		>
+
+		<button
+			bind:this={stopButton}
+			class="stop-button {record.isPaused() ? 'stop-button-paused' : ''}"
+			onclick={() => {
+				if (record.isPaused()) {
+					record.resumeRecording();
+					record.stopRecording();
+				}
+
+				record.stopRecording();
+			}}>{i18n("audio.stop")}</button
+		>
+
+		<button
+			bind:this={stopButtonPaused}
+			id="stop-paused"
+			class="stop-button-paused"
+			onclick={() => {
+				if (record.isPaused()) {
+					record.resumeRecording();
+					record.stopRecording();
+				}
+
+				record.stopRecording();
+			}}>{i18n("audio.stop")}</button
+		>
+
+		<button
+			aria-label="pause"
+			bind:this={pauseButton}
+			class="pause-button"
+			onclick={() => record.pauseRecording()}><Pause /></button
+		>
+		<button
+			bind:this={resumeButton}
+			class="resume-button"
+			onclick={() => record.resumeRecording()}>{i18n("audio.resume")}</button
+		>
+		{#if timing && !show_recording_waveform}
+			<time class="duration-button duration">{record_time}</time>
+		{/if}
+	</div>
+	<DeviceSelect bind:micDevices {i18n} />
+</div>
+
+<style>
+	.controls {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		flex-wrap: wrap;
+	}
+
+	.wrapper {
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+
+	.record {
+		margin-right: var(--spacing-md);
+	}
+
+	.stop-button-paused {
+		display: none;
+		height: var(--size-8);
+		width: var(--size-20);
+		background-color: var(--block-background-fill);
+		border-radius: var(--button-large-radius);
+		align-items: center;
+		border: 1px solid var(--block-border-color);
+		margin: var(--size-1) var(--size-1) 0 0;
+	}
+
+	.stop-button-paused::before {
+		content: "";
+		height: var(--size-4);
+		width: var(--size-4);
+		border-radius: var(--radius-full);
+		background: var(--primary-600);
+		margin: 0 var(--spacing-xl);
+	}
+	.stop-button::before {
+		content: "";
+		height: var(--size-4);
+		width: var(--size-4);
+		border-radius: var(--radius-full);
+		background: var(--primary-600);
+		margin: 0 var(--spacing-xl);
+		animation: scaling 1800ms infinite;
+	}
+
+	.stop-button {
+		display: none;
+		height: var(--size-8);
+		width: var(--size-20);
+		background-color: var(--block-background-fill);
+		border-radius: var(--button-large-radius);
+		align-items: center;
+		border: 1px solid var(--primary-600);
+		margin: var(--size-1) var(--size-1) 0 0;
+	}
+
+	.record-button::before {
+		content: "";
+		height: var(--size-4);
+		width: var(--size-4);
+		border-radius: var(--radius-full);
+		background: var(--primary-600);
+		margin: 0 var(--spacing-xl);
+	}
+
+	.record-button {
+		height: var(--size-8);
+		background-color: var(--block-background-fill);
+		border-radius: var(--button-large-radius);
+		display: flex;
+		align-items: center;
+		border: 1px solid var(--block-border-color);
+		padding-right: var(--spacing-xl);
+	}
+
+	.duration-button {
+		border-radius: var(--button-large-radius);
+	}
+
+	.stop-button:disabled {
+		cursor: not-allowed;
+	}
+
+	.record-button:disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+	}
+
+	@keyframes scaling {
+		0% {
+			background-color: var(--primary-600);
+			scale: 1;
+		}
+		50% {
+			background-color: var(--primary-600);
+			scale: 1.2;
+		}
+		100% {
+			background-color: var(--primary-600);
+			scale: 1;
+		}
+	}
+
+	.pause-button {
+		display: none;
+		height: var(--size-8);
+		width: var(--size-20);
+		border: 1px solid var(--block-border-color);
+		border-radius: var(--button-large-radius);
+		padding: var(--spacing-md);
+		margin: var(--size-1) var(--size-1) 0 0;
+	}
+
+	.resume-button {
+		display: none;
+		height: var(--size-8);
+		width: var(--size-20);
+		border: 1px solid var(--block-border-color);
+		border-radius: var(--button-large-radius);
+		padding: var(--spacing-xl);
+		line-height: 1px;
+		font-size: var(--text-md);
+		margin: var(--size-1) var(--size-1) 0 0;
+	}
+
+	.duration {
+		display: flex;
+		height: var(--size-8);
+		width: var(--size-20);
+		border: 1px solid var(--block-border-color);
+		padding: var(--spacing-md);
+		align-items: center;
+		justify-content: center;
+		margin: var(--size-1) var(--size-1) 0 0;
+	}
+
+	:global(::part(region)) {
+		border-radius: var(--radius-md);
+		height: 98% !important;
+		border: 1px solid var(--trim-region-color);
+		background-color: unset;
+		border-width: 1px 3px;
+	}
+
+	:global(::part(region))::after {
+		content: "";
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background: var(--trim-region-color);
+		opacity: 0.2;
+		border-radius: var(--radius-md);
+	}
+
+	:global(::part(region-handle)) {
+		width: 5px !important;
+		border: none;
+	}
+</style>
diff --git a/js/audio/shared/audioBufferToWav.ts b/js/audio/shared/audioBufferToWav.ts
new file mode 100644
index 0000000..ded3676
--- /dev/null
+++ b/js/audio/shared/audioBufferToWav.ts
@@ -0,0 +1,59 @@
+export function audioBufferToWav(audioBuffer: AudioBuffer): Uint8Array {
+	const numOfChan = audioBuffer.numberOfChannels;
+	const length = audioBuffer.length * numOfChan * 2 + 44;
+	const buffer = new ArrayBuffer(length);
+	const view = new DataView(buffer);
+	let offset = 0;
+
+	// Write WAV header
+	const writeString = function (
+		view: DataView,
+		offset: number,
+		string: string
+	): void {
+		for (let i = 0; i < string.length; i++) {
+			view.setUint8(offset + i, string.charCodeAt(i));
+		}
+	};
+
+	writeString(view, offset, "RIFF");
+	offset += 4;
+	view.setUint32(offset, length - 8, true);
+	offset += 4;
+	writeString(view, offset, "WAVE");
+	offset += 4;
+	writeString(view, offset, "fmt ");
+	offset += 4;
+	view.setUint32(offset, 16, true);
+	offset += 4; // Sub-chunk size, 16 for PCM
+	view.setUint16(offset, 1, true);
+	offset += 2; // PCM format
+	view.setUint16(offset, numOfChan, true);
+	offset += 2;
+	view.setUint32(offset, audioBuffer.sampleRate, true);
+	offset += 4;
+	view.setUint32(offset, audioBuffer.sampleRate * 2 * numOfChan, true);
+	offset += 4;
+	view.setUint16(offset, numOfChan * 2, true);
+	offset += 2;
+	view.setUint16(offset, 16, true);
+	offset += 2;
+	writeString(view, offset, "data");
+	offset += 4;
+	view.setUint32(offset, audioBuffer.length * numOfChan * 2, true);
+	offset += 4;
+
+	// Write PCM audio data
+	for (let i = 0; i < audioBuffer.length; i++) {
+		for (let channel = 0; channel < numOfChan; channel++) {
+			const sample = Math.max(
+				-1,
+				Math.min(1, audioBuffer.getChannelData(channel)[i])
+			);
+			view.setInt16(offset, sample * 0x7fff, true);
+			offset += 2;
+		}
+	}
+
+	return new Uint8Array(buffer);
+}
diff --git a/js/audio/shared/index.ts b/js/audio/shared/index.ts
new file mode 100644
index 0000000..e825e58
--- /dev/null
+++ b/js/audio/shared/index.ts
@@ -0,0 +1,3 @@
+export { default as Audio } from "./Audio.svelte";
+export { default as MinimalAudioPlayer } from "./MinimalAudioPlayer.svelte";
+export { default as MinimalAudioRecorder } from "./MinimalAudioRecorder.svelte";
diff --git a/js/audio/shared/types.ts b/js/audio/shared/types.ts
new file mode 100644
index 0000000..a86fd95
--- /dev/null
+++ b/js/audio/shared/types.ts
@@ -0,0 +1,62 @@
+import { FileData } from "@gradio/client";
+import type { CustomButton } from "@gradio/utils";
+
+export type WaveformOptions = {
+	waveform_color?: string;
+	waveform_progress_color?: string;
+	show_controls?: boolean;
+	skip_length?: number;
+	trim_region_color?: string;
+	show_recording_waveform?: boolean;
+	sample_rate?: number;
+};
+
+export interface SubtitleData {
+	start: number;
+	end: number;
+	text: string;
+}
+
+export interface AudioProps {
+	sources:
+		| ["microphone"]
+		| ["upload"]
+		| ["microphone", "upload"]
+		| ["upload", "microphone"];
+	value: FileData | null;
+	type: "numpy" | "filepath";
+	autoplay: boolean;
+	buttons: ("play" | "download" | "share" | CustomButton)[];
+	recording: boolean;
+	loop: boolean;
+	subtitles: FileData | SubtitleData[] | null;
+	waveform_options: WaveformOptions;
+	editable: boolean;
+	pending: boolean;
+	streaming: boolean;
+	stream_every: number;
+	input_ready: boolean;
+	minimal?: boolean;
+	playback_position: number;
+}
+
+export interface AudioEvents {
+	change: any;
+	upload: any;
+	stream: any;
+	clear: any;
+	play: any;
+	pause: any;
+	stop: any;
+	start_recording: any;
+	pause_recording: any;
+	stop_recording: any;
+	input: any;
+	error: any;
+	warning: any;
+	clear_status: any;
+	close_stream: any;
+	edit: any;
+	share: any;
+	custom_button_click: { id: number };
+}
diff --git a/js/audio/shared/utils.ts b/js/audio/shared/utils.ts
new file mode 100644
index 0000000..1e099e7
--- /dev/null
+++ b/js/audio/shared/utils.ts
@@ -0,0 +1,78 @@
+import type WaveSurfer from "wavesurfer.js";
+import { audioBufferToWav } from "./audioBufferToWav";
+
+export interface LoadedParams {
+	autoplay?: boolean;
+}
+
+export function blob_to_data_url(blob: Blob): Promise<string> {
+	return new Promise((fulfill, reject) => {
+		let reader = new FileReader();
+		reader.onerror = reject;
+		reader.onload = () => fulfill(reader.result as string);
+		reader.readAsDataURL(blob);
+	});
+}
+
+export const process_audio = async (
+	audioBuffer: AudioBuffer,
+	start?: number,
+	end?: number,
+	waveform_sample_rate?: number
+): Promise<Uint8Array> => {
+	const audioContext = new AudioContext({
+		sampleRate: waveform_sample_rate || audioBuffer.sampleRate
+	});
+	const numberOfChannels = audioBuffer.numberOfChannels;
+	const sampleRate = waveform_sample_rate || audioBuffer.sampleRate;
+
+	let trimmedLength = audioBuffer.length;
+	let startOffset = 0;
+	if (start != null && end != null) {
+		startOffset = Math.round(start * sampleRate);
+		const endOffset = Math.round(end * sampleRate);
+		trimmedLength = endOffset - startOffset;
+	}
+
+	const trimmedAudioBuffer = audioContext.createBuffer(
+		numberOfChannels,
+		trimmedLength,
+		sampleRate
+	);
+
+	for (let channel = 0; channel < numberOfChannels; channel++) {
+		const channelData = audioBuffer.getChannelData(channel);
+		const trimmedData = trimmedAudioBuffer.getChannelData(channel);
+		for (let i = 0; i < trimmedLength; i++) {
+			trimmedData[i] = channelData[startOffset + i];
+		}
+	}
+
+	return audioBufferToWav(trimmedAudioBuffer);
+};
+
+export function loaded(
+	node: HTMLAudioElement,
+	{ autoplay }: LoadedParams = {}
+): void {
+	async function handle_playback(): Promise<void> {
+		if (!autoplay) return;
+		node.pause();
+		await node.play();
+	}
+}
+
+export const skip_audio = (waveform: WaveSurfer, amount: number): void => {
+	if (!waveform) return;
+	waveform.skip(amount);
+};
+
+export const get_skip_rewind_amount = (
+	audio_duration: number,
+	skip_length?: number | null
+): number => {
+	if (!skip_length) {
+		skip_length = 5;
+	}
+	return (audio_duration / 100) * skip_length || 5;
+};
diff --git a/js/audio/static/StaticAudio.svelte b/js/audio/static/StaticAudio.svelte
new file mode 100644
index 0000000..f64346a
--- /dev/null
+++ b/js/audio/static/StaticAudio.svelte
@@ -0,0 +1,131 @@
+<script lang="ts">
+	import { uploadToHuggingFace } from "@gradio/utils";
+	import { Empty } from "@gradio/atoms";
+	import {
+		ShareButton,
+		IconButton,
+		BlockLabel,
+		DownloadLink,
+		IconButtonWrapper
+	} from "@gradio/atoms";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import { Download, Music } from "@gradio/icons";
+	import type { I18nFormatter } from "@gradio/utils";
+	import AudioPlayer from "../player/AudioPlayer.svelte";
+	import MinimalAudioPlayer from "../shared/MinimalAudioPlayer.svelte";
+	import type { FileData } from "@gradio/client";
+	import type { WaveformOptions, SubtitleData } from "../shared/types";
+
+	let {
+		value = null,
+		subtitles = null,
+		label,
+		show_label = true,
+		buttons = [],
+		on_custom_button_click = null,
+		i18n,
+		waveform_settings = {},
+		waveform_options = { show_recording_waveform: true },
+		editable = true,
+		loop,
+		display_icon_button_wrapper_top_corner = false,
+		minimal = false,
+		playback_position = $bindable(),
+		onchange,
+		onplay,
+		onpause,
+		onstop,
+		onshare,
+		onerror
+	}: {
+		value?: null | FileData;
+		subtitles?: null | FileData | SubtitleData[];
+		label: string;
+		show_label?: boolean;
+		buttons?: (string | CustomButtonType)[];
+		on_custom_button_click?: ((id: number) => void) | null;
+		i18n: I18nFormatter;
+		waveform_settings?: Record<string, any>;
+		waveform_options?: WaveformOptions;
+		editable?: boolean;
+		loop?: boolean;
+		display_icon_button_wrapper_top_corner?: boolean;
+		minimal?: boolean;
+		playback_position?: number;
+		onchange?: (value: FileData) => void;
+		onplay?: () => void;
+		onpause?: () => void;
+		onstop?: () => void;
+		onshare?: (detail: any) => void;
+		onerror?: (detail: any) => void;
+	} = $props();
+
+	$effect(() => {
+		if (value) {
+			onchange?.(value);
+		}
+	});
+</script>
+
+<BlockLabel
+	{show_label}
+	Icon={Music}
+	float={false}
+	label={label || i18n("audio.audio")}
+/>
+
+{#if value !== null}
+	{#if minimal}
+		<MinimalAudioPlayer {value} label={label || i18n("audio.audio")} {loop} />
+	{:else}
+		<IconButtonWrapper
+			display_top_corner={display_icon_button_wrapper_top_corner}
+			{buttons}
+			{on_custom_button_click}
+		>
+			{#if buttons.some((btn) => typeof btn === "string" && btn === "download")}
+				<DownloadLink
+					href={value.is_stream
+						? value.url?.replace("playlist.m3u8", "playlist-file")
+						: value.url}
+					download={value.orig_name || value.path}
+				>
+					<IconButton Icon={Download} label={i18n("common.download")} />
+				</DownloadLink>
+			{/if}
+			{#if buttons.some((btn) => typeof btn === "string" && btn === "share")}
+				<ShareButton
+					{i18n}
+					{onerror}
+					{onshare}
+					formatter={async (fileData: FileData) => {
+						if (!fileData || !fileData.url) return "";
+						let url = await uploadToHuggingFace(fileData.url, "url");
+						return `<audio controls src="${url}"></audio>`;
+					}}
+					{value}
+				/>
+			{/if}
+		</IconButtonWrapper>
+
+		<AudioPlayer
+			{value}
+			subtitles={Array.isArray(subtitles) ? subtitles : subtitles?.url}
+			{label}
+			{i18n}
+			{waveform_settings}
+			{waveform_options}
+			{editable}
+			{loop}
+			bind:playback_position
+			{onpause}
+			{onplay}
+			{onstop}
+			onload={() => {}}
+		/>
+	{/if}
+{:else}
+	<Empty size="small">
+		<Music />
+	</Empty>
+{/if}
diff --git a/js/audio/streaming/StreamAudio.svelte b/js/audio/streaming/StreamAudio.svelte
new file mode 100644
index 0000000..29a14bf
--- /dev/null
+++ b/js/audio/streaming/StreamAudio.svelte
@@ -0,0 +1,214 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import type { I18nFormatter } from "@gradio/utils";
+	import { Spinner } from "@gradio/icons";
+	import WaveSurfer from "wavesurfer.js";
+	import RecordPlugin from "wavesurfer.js/dist/plugins/record.js";
+	import type { WaveformOptions } from "../shared/types";
+	import DeviceSelect from "../shared/DeviceSelect.svelte";
+
+	let {
+		recording = false,
+		paused_recording = false,
+		stop,
+		record,
+		i18n,
+		waveform_settings,
+		waveform_options = { show_recording_waveform: true },
+		waiting = false
+	}: {
+		recording?: boolean;
+		paused_recording?: boolean;
+		stop: () => void;
+		record: () => void;
+		i18n: I18nFormatter;
+		waveform_settings: Record<string, any>;
+		waveform_options?: WaveformOptions;
+		waiting?: boolean;
+	} = $props();
+
+	let micWaveform: WaveSurfer;
+	let waveformRecord: RecordPlugin;
+
+	let microphoneContainer: HTMLDivElement;
+
+	let micDevices: MediaDeviceInfo[] = $state([]);
+
+	onMount(() => {
+		create_mic_waveform();
+	});
+
+	const create_mic_waveform = (): void => {
+		if (micWaveform !== undefined) micWaveform.destroy();
+		if (!microphoneContainer) return;
+		micWaveform = WaveSurfer.create({
+			...waveform_settings,
+			normalize: false,
+			container: microphoneContainer
+		});
+
+		waveformRecord = micWaveform.registerPlugin(RecordPlugin.create());
+	};
+</script>
+
+<div class="mic-wrap">
+	{#if waveform_options.show_recording_waveform}
+		<div
+			bind:this={microphoneContainer}
+			style:display={recording ? "block" : "none"}
+		/>
+	{/if}
+	<div class="controls">
+		{#if recording && !waiting}
+			<button
+				class={paused_recording ? "stop-button-paused" : "stop-button"}
+				onclick={() => {
+					waveformRecord?.stopMic();
+					stop();
+				}}
+			>
+				<span class="record-icon">
+					<span class="pinger" />
+					<span class="dot" />
+				</span>
+				{paused_recording ? i18n("audio.pause") : i18n("audio.stop")}
+			</button>
+		{:else if recording && waiting}
+			<button
+				class="spinner-button"
+				onclick={() => {
+					stop();
+				}}
+			>
+				<div class="icon">
+					<Spinner />
+				</div>
+				{i18n("audio.waiting")}
+			</button>
+		{:else}
+			<button
+				class="record-button"
+				onclick={() => {
+					waveformRecord?.startMic();
+					record();
+				}}
+			>
+				<span class="record-icon">
+					<span class="dot" />
+				</span>
+				{i18n("audio.record")}
+			</button>
+		{/if}
+
+		<DeviceSelect bind:micDevices {i18n} />
+	</div>
+</div>
+
+<style>
+	.controls {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		flex-wrap: wrap;
+	}
+
+	.mic-wrap {
+		display: block;
+		align-items: center;
+		margin: var(--spacing-xl);
+	}
+
+	.icon {
+		width: var(--size-4);
+		height: var(--size-4);
+		fill: var(--primary-600);
+		stroke: var(--primary-600);
+	}
+
+	.stop-button-paused {
+		display: none;
+		height: var(--size-8);
+		width: var(--size-20);
+		background-color: var(--block-background-fill);
+		border-radius: var(--button-large-radius);
+		align-items: center;
+		border: 1px solid var(--block-border-color);
+		margin-right: 5px;
+	}
+
+	.stop-button-paused::before {
+		content: "";
+		height: var(--size-4);
+		width: var(--size-4);
+		border-radius: var(--radius-full);
+		background: var(--primary-600);
+		margin: 0 var(--spacing-xl);
+	}
+
+	.stop-button::before {
+		content: "";
+		height: var(--size-4);
+		width: var(--size-4);
+		border-radius: var(--radius-full);
+		background: var(--primary-600);
+		margin: 0 var(--spacing-xl);
+		animation: scaling 1800ms infinite;
+	}
+
+	.stop-button {
+		height: var(--size-8);
+		width: var(--size-20);
+		background-color: var(--block-background-fill);
+		border-radius: var(--button-large-radius);
+		align-items: center;
+		border: 1px solid var(--primary-600);
+		margin-right: 5px;
+		display: flex;
+	}
+
+	.spinner-button {
+		height: var(--size-8);
+		width: var(--size-24);
+		background-color: var(--block-background-fill);
+		border-radius: var(--radius-3xl);
+		align-items: center;
+		border: 1px solid var(--primary-600);
+		margin: 0 var(--spacing-xl);
+		display: flex;
+		justify-content: space-evenly;
+	}
+
+	.record-button::before {
+		content: "";
+		height: var(--size-4);
+		width: var(--size-4);
+		border-radius: var(--radius-full);
+		background: var(--primary-600);
+		margin: 0 var(--spacing-xl);
+	}
+
+	.record-button {
+		height: var(--size-8);
+		width: var(--size-24);
+		background-color: var(--block-background-fill);
+		border-radius: var(--button-large-radius);
+		display: flex;
+		align-items: center;
+		border: 1px solid var(--block-border-color);
+	}
+
+	@keyframes scaling {
+		0% {
+			background-color: var(--primary-600);
+			scale: 1;
+		}
+		50% {
+			background-color: var(--primary-600);
+			scale: 1.2;
+		}
+		100% {
+			background-color: var(--primary-600);
+			scale: 1;
+		}
+	}
+</style>
diff --git a/js/audio/streaming/media_recorder.ts b/js/audio/streaming/media_recorder.ts
new file mode 100644
index 0000000..717d345
--- /dev/null
+++ b/js/audio/streaming/media_recorder.ts
@@ -0,0 +1,14 @@
+import type { IMediaRecorderConstructor } from "extendable-media-recorder";
+
+let media_recorder_initialized = false;
+let media_recorder;
+
+export async function init_media_recorder(): Promise<IMediaRecorderConstructor> {
+	const { MediaRecorder, register } = await import("extendable-media-recorder");
+	const { connect } = await import("extendable-media-recorder-wav-encoder");
+
+	register(await connect());
+	media_recorder_initialized = true;
+	media_recorder = MediaRecorder;
+	return media_recorder;
+}
diff --git a/js/box/Box.test.ts b/js/box/Box.test.ts
new file mode 100644
index 0000000..f536732
--- /dev/null
+++ b/js/box/Box.test.ts
@@ -0,0 +1,49 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import Box from "./Index.svelte";
+
+// Box is a layout container with no label, value, events, or validation.
+// All meaningful props (elem_id, elem_classes, visible) are shared props.
+run_shared_prop_tests({
+	component: Box,
+	name: "Box",
+	base_props: {},
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Box", () => {
+	afterEach(() => cleanup());
+
+	test("renders without props", async () => {
+		const { container } = await render(Box, {});
+		// No role, label, or text available on a bare layout container —
+		// querySelector(".block") is the appropriate query here.
+		const block = container.querySelector(".block");
+		expect(block).not.toBeNull();
+	});
+
+	test("renders with props", async () => {
+		const { container } = await render(Box, {
+			elem_id: "my-box",
+			elem_classes: ["my-class"],
+			visible: true
+		});
+		const block = container.querySelector("#my-box.my-class");
+		expect(block).not.toBeNull();
+	});
+
+	test.todo(
+		"VISUAL: Box renders with full block styling (padding, border, background, shadow) because explicit_call is always passed to Block — needs Playwright visual regression screenshot"
+	);
+
+	test.todo(
+		"VISUAL: Box container never enters hide-container mode (transparent, no border, no padding) — explicit_call prevents this regardless of container prop — needs Playwright visual regression screenshot"
+	);
+
+	test.todo(
+		"VISUAL: slot content renders inside the block container — needs integration test mounting Box with real child Gradio components as slot content"
+	);
+});
diff --git a/js/box/CHANGELOG.md b/js/box/CHANGELOG.md
new file mode 100644
index 0000000..874d946
--- /dev/null
+++ b/js/box/CHANGELOG.md
@@ -0,0 +1,527 @@
+# @gradio/box
+
+## 0.2.34
+
+### Dependency updates
+
+- @gradio/atoms@0.26.0
+
+## 0.2.33
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+
+## 0.2.32
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+
+## 0.2.31
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+
+## 0.2.31
+
+### Dependency updates
+
+- @gradio/atoms@0.23.0
+
+## 0.2.30
+
+### Dependency updates
+
+- @gradio/atoms@0.22.2
+
+## 0.2.30
+
+### Dependency updates
+
+- @gradio/atoms@0.22.0
+
+## 0.2.29
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+
+## 0.2.28
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.1
+
+## 0.2.27
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+
+## 0.2.26
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+
+## 0.2.26-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+
+## 0.2.26-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+
+## 0.2.25
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.2.25
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.0
+
+## 0.2.24
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+
+## 0.2.23
+
+### Dependency updates
+
+- @gradio/atoms@0.16.5
+
+## 0.2.22
+
+### Dependency updates
+
+- @gradio/atoms@0.16.4
+
+## 0.2.21
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+
+## 0.2.20
+
+### Dependency updates
+
+- @gradio/atoms@0.16.2
+
+## 0.2.19
+
+### Dependency updates
+
+- @gradio/atoms@0.16.1
+
+## 0.2.18
+
+### Dependency updates
+
+- @gradio/atoms@0.16.0
+
+## 0.2.17
+
+### Dependency updates
+
+- @gradio/atoms@0.15.2
+
+## 0.2.16
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+
+## 0.2.15
+
+### Dependency updates
+
+- @gradio/atoms@0.15.0
+
+## 0.2.14
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/atoms@0.14.0
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/atoms@0.13.3
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.2
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/atoms@0.12.0
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/atoms@0.11.0
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/atoms@0.10.1
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/atoms@0.10.0
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+
+## 0.2.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 5.0 merge take 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+
+## 0.2.0-beta.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.2.0-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.2.0-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.2.0-beta.0
+
+### Features
+
+- [#9326](https://github.com/gradio-app/gradio/pull/9326) [`7afb9a1`](https://github.com/gradio-app/gradio/commit/7afb9a14fa64310eb8b70f43a3bad373e46e36c1) - 5.0 merge take 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+
+## 0.1.25-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+
+## 0.1.25
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.0
+
+## 0.1.24
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.0
+
+## 0.1.23
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+
+## 0.1.22
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+
+## 0.1.21
+
+### Dependency updates
+
+- @gradio/atoms@0.7.7
+
+## 0.1.20
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+
+## 0.1.19
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+
+## 0.1.18
+
+### Dependency updates
+
+- @gradio/atoms@0.7.4
+
+## 0.1.17
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+
+## 0.1.16
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+
+## 0.1.15
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/atoms@0.7.0
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.2
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+
+## 0.1.11
+
+### Dependency updates
+
+- @gradio/atoms@0.6.0
+
+## 0.1.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.2
+
+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.1
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/atoms@0.5.0
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/atoms@0.4.1
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [[`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a), [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13)]:
+  - @gradio/atoms@0.2.0-beta.6
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.5
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5949](https://github.com/gradio-app/gradio/pull/5949) [`1c390f101`](https://github.com/gradio-app/gradio/commit/1c390f10199142a41722ba493a0c86b58245da15) - Merge main again. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.4
+
+## 0.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.2
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.1
+
+## 0.0.2
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/box/Index.svelte b/js/box/Index.svelte
new file mode 100644
index 0000000..fa8fd88
--- /dev/null
+++ b/js/box/Index.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { Block } from "@gradio/atoms";
+	export let elem_id: string;
+	export let elem_classes: string[];
+	export let visible: boolean | "hidden" = true;
+</script>
+
+<Block {elem_id} {elem_classes} {visible} explicit_call>
+	<slot />
+</Block>
diff --git a/js/box/package.json b/js/box/package.json
new file mode 100644
index 0000000..6eef67b
--- /dev/null
+++ b/js/box/package.json
@@ -0,0 +1,29 @@
+{
+	"name": "@gradio/box",
+	"version": "0.2.34",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/box"
+	}
+}
diff --git a/js/browserstate/BrowserState.test.ts b/js/browserstate/BrowserState.test.ts
new file mode 100644
index 0000000..9b1baa7
--- /dev/null
+++ b/js/browserstate/BrowserState.test.ts
@@ -0,0 +1,476 @@
+import { test, describe, beforeEach, afterEach, expect } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+import { encrypt, decrypt } from "./crypto";
+
+import BrowserState from "./Index.svelte";
+
+const STORAGE_KEY = "gr-test-storage-key";
+const SECRET = "test-secret-key";
+
+const base_props = {
+	storage_key: STORAGE_KEY,
+	secret: SECRET,
+	default_value: null,
+	value: null
+};
+
+describe("BrowserState: mount — empty localStorage", () => {
+	beforeEach(() => localStorage.clear());
+	afterEach(() => cleanup());
+
+	test("renders without errors", async () => {
+		await render(BrowserState, base_props);
+	});
+
+	test("get_data returns null default_value when localStorage is empty", async () => {
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: null,
+			value: null
+		});
+		expect((await get_data()).value).toBeNull();
+	});
+
+	test("get_data returns string default_value when localStorage is empty", async () => {
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: "hello world",
+			value: "hello world"
+		});
+		expect((await get_data()).value).toBe("hello world");
+	});
+
+	test("get_data returns number default_value when localStorage is empty", async () => {
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: 42,
+			value: 42
+		});
+		expect((await get_data()).value).toBe(42);
+	});
+
+	test("get_data returns object default_value when localStorage is empty", async () => {
+		const default_value = { username: "", password: "" };
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value,
+			value: default_value
+		});
+		expect((await get_data()).value).toEqual({ username: "", password: "" });
+	});
+
+	test("get_data returns array default_value when localStorage is empty", async () => {
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: [1, 2, 3],
+			value: [1, 2, 3]
+		});
+		expect((await get_data()).value).toEqual([1, 2, 3]);
+	});
+
+	test("no spurious change event on mount when localStorage is empty and value matches default_value", async () => {
+		const { listen } = await render(BrowserState, {
+			...base_props,
+			default_value: null,
+			value: null
+		});
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+describe("BrowserState: mount — with stored value", () => {
+	beforeEach(() => localStorage.clear());
+	afterEach(() => cleanup());
+
+	test("loads and decrypts an object stored in localStorage on mount", async () => {
+		const stored = { username: "alice", password: "hunter2" };
+		localStorage.setItem(STORAGE_KEY, encrypt(JSON.stringify(stored), SECRET));
+
+		const { get_data } = await render(BrowserState, base_props);
+		expect((await get_data()).value).toEqual(stored);
+	});
+
+	test("loads and decrypts a string value from localStorage on mount", async () => {
+		localStorage.setItem(
+			STORAGE_KEY,
+			encrypt(JSON.stringify("stored-string"), SECRET)
+		);
+
+		const { get_data } = await render(BrowserState, base_props);
+		expect((await get_data()).value).toBe("stored-string");
+	});
+
+	test("loads and decrypts a numeric value from localStorage on mount", async () => {
+		localStorage.setItem(STORAGE_KEY, encrypt(JSON.stringify(99), SECRET));
+
+		const { get_data } = await render(BrowserState, base_props);
+		expect((await get_data()).value).toBe(99);
+	});
+
+	test("dispatches change on mount when the loaded value differs from the initial value prop", async () => {
+		const stored = { user: "alice" };
+		localStorage.setItem(STORAGE_KEY, encrypt(JSON.stringify(stored), SECRET));
+
+		// initial value: null — stored value: { user: "alice" } — these differ → change fires
+		const { listen } = await render(BrowserState, {
+			...base_props,
+			value: null
+		});
+		const change = listen("change", { retrospective: true });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("falls back to default_value when localStorage contains corrupted data", async () => {
+		localStorage.setItem(STORAGE_KEY, "not:valid:encrypted:at:all");
+
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: "fallback",
+			value: "fallback"
+		});
+		expect((await get_data()).value).toBe("fallback");
+	});
+
+	test("falls back to default_value when stored data was encrypted with a different secret", async () => {
+		const stored = { key: "value" };
+		localStorage.setItem(
+			STORAGE_KEY,
+			encrypt(JSON.stringify(stored), "different-secret")
+		);
+
+		// Using the original SECRET — decryption produces garbled output → JSON.parse fails → fallback
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: "fallback",
+			value: "fallback"
+		});
+		expect((await get_data()).value).toBe("fallback");
+	});
+
+	test("falls back to default_value when stored data decrypts to invalid JSON", async () => {
+		localStorage.setItem(STORAGE_KEY, encrypt("not-valid-json-{{{", SECRET));
+
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: "fallback",
+			value: "fallback"
+		});
+		expect((await get_data()).value).toBe("fallback");
+	});
+});
+
+describe("BrowserState: get_data / set_data", () => {
+	beforeEach(() => localStorage.clear());
+	afterEach(() => cleanup());
+
+	test("get_data returns the initial value when localStorage is empty", async () => {
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			default_value: "initial",
+			value: "initial"
+		});
+		expect((await get_data()).value).toBe("initial");
+	});
+
+	test("set_data then get_data round-trips a string", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		await set_data({ value: "hello world" });
+		expect((await get_data()).value).toBe("hello world");
+	});
+
+	test("set_data then get_data round-trips an object", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		await set_data({ value: { name: "alice", age: 30 } });
+		expect((await get_data()).value).toEqual({ name: "alice", age: 30 });
+	});
+
+	test("set_data then get_data round-trips an array", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		await set_data({ value: [1, "two", true] });
+		expect((await get_data()).value).toEqual([1, "two", true]);
+	});
+
+	test("set_data then get_data round-trips a number", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		await set_data({ value: 42 });
+		expect((await get_data()).value).toBe(42);
+	});
+
+	test("set_data then get_data round-trips boolean true", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		await set_data({ value: true });
+		expect((await get_data()).value).toBe(true);
+	});
+
+	test("set_data then get_data round-trips null", async () => {
+		const { get_data, set_data } = await render(BrowserState, {
+			...base_props,
+			default_value: "start",
+			value: "start"
+		});
+		await set_data({ value: null });
+		expect((await get_data()).value).toBeNull();
+	});
+
+	test("set_data then get_data round-trips a deeply nested object", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		const nested = { a: { b: { c: [1, 2, { d: "deep" }] } } };
+		await set_data({ value: nested });
+		expect((await get_data()).value).toEqual(nested);
+	});
+
+	test("multiple sequential set_data calls — last value wins", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		await set_data({ value: "first" });
+		await set_data({ value: "second" });
+		await set_data({ value: "third" });
+		expect((await get_data()).value).toBe("third");
+	});
+});
+
+describe("BrowserState: localStorage persistence", () => {
+	beforeEach(() => localStorage.clear());
+	afterEach(() => cleanup());
+
+	test("saves a value to localStorage after set_data", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: "persist me" });
+		expect(localStorage.getItem(STORAGE_KEY)).not.toBeNull();
+	});
+
+	test("stored value is encrypted — not plain JSON", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: "plain text" });
+		const stored = localStorage.getItem(STORAGE_KEY)!;
+		expect(stored).not.toBe(JSON.stringify("plain text"));
+		expect(stored).not.toBe("plain text");
+	});
+
+	test("stored value can be decrypted back to the original using the correct secret", async () => {
+		const original = { user: "alice", score: 99 };
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: original });
+		const stored = localStorage.getItem(STORAGE_KEY)!;
+		expect(JSON.parse(decrypt(stored, SECRET))).toEqual(original);
+	});
+
+	test("value persists across component instances (full round-trip)", async () => {
+		const saved = { session: "active", user: "bob" };
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: saved });
+		cleanup();
+
+		// Second instance loads from the same key
+		const { get_data } = await render(BrowserState, base_props);
+		expect((await get_data()).value).toEqual(saved);
+	});
+
+	test("different storage_key values use separate localStorage slots", async () => {
+		const { set_data: set1 } = await render(BrowserState, {
+			...base_props,
+			storage_key: "slot-A"
+		});
+		const { set_data: set2 } = await render(BrowserState, {
+			...base_props,
+			storage_key: "slot-B"
+		});
+		await set1({ value: "value-for-A" });
+		await set2({ value: "value-for-B" });
+
+		expect(localStorage.getItem("slot-A")).not.toBeNull();
+		expect(localStorage.getItem("slot-B")).not.toBeNull();
+		expect(localStorage.getItem("slot-A")).not.toBe(
+			localStorage.getItem("slot-B")
+		);
+	});
+
+	test("data written to one storage_key is not read when using a different key", async () => {
+		const { set_data } = await render(BrowserState, {
+			...base_props,
+			storage_key: "key-one"
+		});
+		await set_data({ value: "stored-in-one" });
+		cleanup();
+
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			storage_key: "key-two",
+			default_value: "fallback",
+			value: "fallback"
+		});
+		expect((await get_data()).value).toBe("fallback");
+	});
+
+	test("null value is NOT saved to localStorage", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: null });
+		expect(localStorage.getItem(STORAGE_KEY)).toBeNull();
+	});
+
+	test("empty string is NOT saved to localStorage", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: "" });
+		expect(localStorage.getItem(STORAGE_KEY)).toBeNull();
+	});
+
+	test("number zero is NOT saved to localStorage", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: 0 });
+		expect(localStorage.getItem(STORAGE_KEY)).toBeNull();
+	});
+
+	test("false is NOT saved to localStorage", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: false });
+		expect(localStorage.getItem(STORAGE_KEY)).toBeNull();
+	});
+
+	test("empty object IS saved (objects are truthy)", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: {} });
+		expect(localStorage.getItem(STORAGE_KEY)).not.toBeNull();
+	});
+
+	test("empty array IS saved (arrays are truthy)", async () => {
+		const { set_data } = await render(BrowserState, base_props);
+		await set_data({ value: [] });
+		expect(localStorage.getItem(STORAGE_KEY)).not.toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	beforeEach(() => localStorage.clear());
+	afterEach(() => cleanup());
+
+	test("fires when value changes via set_data", async () => {
+		const { listen, set_data } = await render(BrowserState, base_props);
+		const change = listen("change");
+		await set_data({ value: "new value" });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("fires with no data payload (change event type is never)", async () => {
+		const { listen, set_data } = await render(BrowserState, base_props);
+		const change = listen("change");
+		await set_data({ value: "hello" });
+		expect(change).toHaveBeenCalledWith(undefined);
+	});
+
+	test("does not fire on mount when localStorage is empty and value matches default_value", async () => {
+		const { listen } = await render(BrowserState, {
+			...base_props,
+			default_value: null,
+			value: null
+		});
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("fires when value is loaded from localStorage on mount (loaded value differs from initial prop)", async () => {
+		localStorage.setItem(
+			STORAGE_KEY,
+			encrypt(JSON.stringify("stored"), SECRET)
+		);
+		// value: null initially — stored value is "stored" — they differ → change fires on mount
+		const { listen } = await render(BrowserState, {
+			...base_props,
+			value: null
+		});
+		const change = listen("change", { retrospective: true });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("fires once for each distinct value change", async () => {
+		const { listen, set_data } = await render(BrowserState, base_props);
+		const change = listen("change");
+		await set_data({ value: "first" });
+		await set_data({ value: "second" });
+		await set_data({ value: "third" });
+		expect(change).toHaveBeenCalledTimes(3);
+	});
+
+	test("does not fire redundantly when set_data is called with the same string twice", async () => {
+		const { listen, set_data } = await render(BrowserState, base_props);
+		const change = listen("change");
+		await set_data({ value: "hello" });
+		await set_data({ value: "hello" }); // same primitive — Svelte won't re-trigger the effect
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("fires for null value — falsy values still dispatch change even though they are not saved", async () => {
+		const { listen, set_data } = await render(BrowserState, {
+			...base_props,
+			default_value: "start",
+			value: "start"
+		});
+		const change = listen("change");
+		await set_data({ value: null });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("fires when a new object reference is set even if its content is identical (reference equality)", async () => {
+		// The component uses !== (reference equality) to detect changes.
+		// Two distinct object references with the same shape are considered different.
+		// This test documents the current behaviour — if deep equality (dequal) is added,
+		// this test would need to be updated to expect 1 call instead of 2.
+		const { listen, set_data } = await render(BrowserState, base_props);
+		const change = listen("change");
+		await set_data({ value: { key: "val" } }); // Object A
+		await set_data({ value: { key: "val" } }); // Object B — different reference, same content
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+});
+
+describe("Props: secret", () => {
+	beforeEach(() => localStorage.clear());
+	afterEach(() => cleanup());
+
+	test("data encrypted with secret A cannot be read by a component using secret B", async () => {
+		const { set_data } = await render(BrowserState, {
+			...base_props,
+			secret: "secret-A"
+		});
+		await set_data({ value: { sensitive: "data" } });
+		cleanup();
+
+		// Second instance uses a different secret — decryption fails → fallback
+		const { get_data } = await render(BrowserState, {
+			...base_props,
+			secret: "secret-B",
+			default_value: "fallback",
+			value: "fallback"
+		});
+		expect((await get_data()).value).toBe("fallback");
+	});
+});
+
+describe("Edge cases", () => {
+	beforeEach(() => localStorage.clear());
+	afterEach(() => cleanup());
+
+	test("handles special characters and unicode in stored values", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		const unicode = { greeting: "héllo wörld 🎉", japanese: "日本語" };
+		await set_data({ value: unicode });
+		expect((await get_data()).value).toEqual(unicode);
+	});
+
+	test("handles large data payloads without truncation", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		const large = { data: "x".repeat(5_000) };
+		await set_data({ value: large });
+		expect((await get_data()).value).toEqual(large);
+	});
+
+	test("handles deeply nested objects", async () => {
+		const { get_data, set_data } = await render(BrowserState, base_props);
+		const nested = { a: { b: { c: { d: { e: [1, 2, { f: "deep" }] } } } } };
+		await set_data({ value: nested });
+		expect((await get_data()).value).toEqual(nested);
+	});
+});
+
+test.todo(
+	"VISUAL: BrowserState renders no visible UI — Playwright visual regression screenshot should confirm no DOM leakage in the rendered page"
+);
diff --git a/js/browserstate/CHANGELOG.md b/js/browserstate/CHANGELOG.md
new file mode 100644
index 0000000..2211b26
--- /dev/null
+++ b/js/browserstate/CHANGELOG.md
@@ -0,0 +1,111 @@
+# @gradio/browserstate
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+
+## 0.3.6
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.2
+
+## 0.3.5
+
+### Fixes
+
+- [#12601](https://github.com/gradio-app/gradio/pull/12601) [`5fae6b7`](https://github.com/gradio-app/gradio/commit/5fae6b7e36ef126a71b38a207593323e4cc40f3b) - Fix Infinite Change Event in Browser History.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.3
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/utils@0.10.3
+
+## 0.3.3-dev.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.1
+
+## 0.3.0
+
+### Features
+
+- [#10245](https://github.com/gradio-app/gradio/pull/10245) [`3e4e0de`](https://github.com/gradio-app/gradio/commit/3e4e0de51a2ece9a1cab70a69c065bda685569e8) - Add `gr.BrowserState` change event.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+
+## 0.2.0
+
+### Features
+
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
\ No newline at end of file
diff --git a/js/browserstate/Index.svelte b/js/browserstate/Index.svelte
new file mode 100644
index 0000000..e918b72
--- /dev/null
+++ b/js/browserstate/Index.svelte
@@ -0,0 +1,62 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import { onMount } from "svelte";
+	import { encrypt, decrypt } from "./crypto";
+	import { Gradio } from "@gradio/utils";
+
+	let props = $props();
+	let gradio = new Gradio<
+		{
+			change: never;
+		},
+		{
+			storage_key: string;
+			secret: string;
+			default_value: any;
+			value: any;
+		}
+	>(props);
+
+	function load_value(): void {
+		const stored = localStorage.getItem(gradio.props.storage_key);
+		if (!stored) {
+			gradio.props.value = gradio.props.default_value;
+			return;
+		}
+		try {
+			const decrypted = decrypt(stored, gradio.props.secret);
+			gradio.props.value = JSON.parse(decrypted);
+		} catch (e) {
+			console.error("Error reading from localStorage:", e);
+			gradio.props.value = gradio.props.default_value;
+		}
+	}
+
+	function save_value(value: any, secret: string, storage_key: string): void {
+		if (!value) return;
+		try {
+			const encrypted = encrypt(JSON.stringify(value), secret);
+			localStorage.setItem(storage_key, encrypted);
+		} catch (e) {
+			console.error("Error writing to localStorage:", e);
+		}
+	}
+
+	let old_value = gradio.props.value;
+	$effect(() => {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			save_value(
+				gradio.props.value,
+				gradio.props.secret,
+				gradio.props.storage_key
+			);
+			gradio.dispatch("change");
+		}
+	});
+
+	onMount(() => {
+		load_value();
+	});
+</script>
diff --git a/js/browserstate/crypto.test.ts b/js/browserstate/crypto.test.ts
new file mode 100644
index 0000000..36eb588
--- /dev/null
+++ b/js/browserstate/crypto.test.ts
@@ -0,0 +1,83 @@
+import { describe, test, expect } from "vitest";
+import { encrypt, decrypt } from "./crypto";
+
+describe("encrypt", () => {
+	test("returns a string in ivString:cipherString format", () => {
+		const result = encrypt("hello", "my-secret");
+		const parts = result.split(":");
+		expect(parts.length).toBe(2);
+		expect(parts[0].length).toBeGreaterThan(0);
+		expect(parts[1].length).toBeGreaterThan(0);
+	});
+
+	test("output differs from the original input", () => {
+		const input = "hello world";
+		expect(encrypt(input, "secret")).not.toBe(input);
+	});
+
+	test("two encryptions of the same data produce different ciphertext (random IV)", () => {
+		const data = "same input data";
+		const key = "same-key";
+		expect(encrypt(data, key)).not.toBe(encrypt(data, key));
+	});
+
+	test("different keys produce different ciphertext for the same data", () => {
+		const data = "same data";
+		expect(encrypt(data, "key-A")).not.toBe(encrypt(data, "key-B"));
+	});
+});
+
+describe("decrypt", () => {
+	test("round-trips a plain string value", () => {
+		const original = "hello world";
+		const key = "my-secret-key";
+		expect(decrypt(encrypt(original, key), key)).toBe(original);
+	});
+
+	test("round-trips a JSON-stringified object", () => {
+		const obj = { user: "alice", count: 42 };
+		const key = "secret";
+		const roundtripped = JSON.parse(
+			decrypt(encrypt(JSON.stringify(obj), key), key)
+		);
+		expect(roundtripped).toEqual(obj);
+	});
+
+	test("round-trips a JSON-stringified array", () => {
+		const arr = [1, "two", true, null];
+		const key = "secret";
+		const roundtripped = JSON.parse(
+			decrypt(encrypt(JSON.stringify(arr), key), key)
+		);
+		expect(roundtripped).toEqual(arr);
+	});
+
+	test("round-trips special characters and unicode", () => {
+		const unicode = "héllo wörld 🎉 日本語";
+		const key = "secret";
+		expect(decrypt(encrypt(unicode, key), key)).toBe(unicode);
+	});
+
+	test("round-trips a large payload without truncation", () => {
+		const large = JSON.stringify({ data: "x".repeat(10_000) });
+		const key = "key";
+		expect(decrypt(encrypt(large, key), key)).toBe(large);
+	});
+
+	test("wrong key does not produce the original plaintext", () => {
+		const original = "sensitive data";
+		const encrypted = encrypt(original, "correct-key");
+		const result = decrypt(encrypted, "wrong-key");
+		expect(result).not.toBe(original);
+	});
+
+	test("completely malformed input (no IV separator) does not return the input as-is", () => {
+		// CryptoJS may throw or return "" — either is acceptable; it must not echo the input
+		try {
+			const result = decrypt("not-valid-encrypted-data", "key");
+			expect(result).not.toBe("not-valid-encrypted-data");
+		} catch {
+			// Throwing is also acceptable
+		}
+	});
+});
diff --git a/js/browserstate/crypto.ts b/js/browserstate/crypto.ts
new file mode 100644
index 0000000..a1f8f4e
--- /dev/null
+++ b/js/browserstate/crypto.ts
@@ -0,0 +1,34 @@
+import CryptoJS from "crypto-js";
+
+export function encrypt(data: string, key: string): string {
+	const hashedKey = CryptoJS.SHA256(key).toString();
+	const iv = CryptoJS.lib.WordArray.random(16);
+	const encrypted = CryptoJS.AES.encrypt(data, hashedKey, {
+		iv: iv,
+		mode: CryptoJS.mode.CBC,
+		padding: CryptoJS.pad.Pkcs7
+	});
+
+	const ivString = CryptoJS.enc.Base64.stringify(iv);
+	const cipherString = encrypted.toString();
+	return ivString + ":" + cipherString;
+}
+
+export function decrypt(encryptedData: string, key: string): string {
+	const hashedKey = CryptoJS.SHA256(key).toString();
+	const [ivString, cipherString] = encryptedData.split(":");
+	if (!ivString || !cipherString) return "";
+
+	const iv = CryptoJS.enc.Base64.parse(ivString);
+	const decrypted = CryptoJS.AES.decrypt(cipherString, hashedKey, {
+		iv: iv,
+		mode: CryptoJS.mode.CBC,
+		padding: CryptoJS.pad.Pkcs7
+	});
+
+	try {
+		return decrypted.toString(CryptoJS.enc.Utf8);
+	} catch {
+		return "";
+	}
+}
diff --git a/js/browserstate/package.json b/js/browserstate/package.json
new file mode 100644
index 0000000..c60da73
--- /dev/null
+++ b/js/browserstate/package.json
@@ -0,0 +1,34 @@
+{
+	"name": "@gradio/browserstate",
+	"version": "0.4.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/utils": "workspace:^",
+		"crypto-js": "^4.2.0",
+		"dequal": "^2.0.3"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/state"
+	},
+	"devDependencies": {
+		"@types/crypto-js": "^4.2.2"
+	}
+}
diff --git a/js/build/CHANGELOG.md b/js/build/CHANGELOG.md
new file mode 100644
index 0000000..2d0a9cf
--- /dev/null
+++ b/js/build/CHANGELOG.md
@@ -0,0 +1,145 @@
+# @self/build
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/theme@0.6.2
+
+## 0.6.1
+
+### Fixes
+
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+
+## 0.6.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+## 0.5.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/theme@0.6.1
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/theme@0.6.0
+
+## 0.5.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - S5 df take3
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix custom components
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/theme@0.5.0
+
+## 0.5.0-dev.1
+
+### Features
+
+- [#12397](https://github.com/gradio-app/gradio/pull/12397) [`f2a47fe`](https://github.com/gradio-app/gradio/commit/f2a47fe4f155a1ed93ad3e8f18504e9427ba61d2) - fix custom components.  Thanks @pngwn!
+
+## 0.4.1-dev.0
+
+### Dependency updates
+
+- @gradio/theme@0.5.0-dev.0
+
+## 0.4.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+## 0.3.0
+
+### Features
+
+- [#11783](https://github.com/gradio-app/gradio/pull/11783) [`f407daf`](https://github.com/gradio-app/gradio/commit/f407daf8046f37e042ab8b86730ff0ab8d174bcf) - Add Walkthrough and Step compoents to facilitate multi-step workflows.  Thanks @pngwn!
+
+### Fixes
+
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/theme@0.4.0
+
+## 0.2.0
+
+### Features
+
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+
+## 0.1.1
+
+### Fixes
+
+- [#9711](https://github.com/gradio-app/gradio/pull/9711) [`7134fc2`](https://github.com/gradio-app/gradio/commit/7134fc272e9e60be4b80dfd294ff8926d5995188) - Custom component fixes.  Thanks @freddyaboulton!
+
+## 0.1.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix custom component CLI on main/5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 5.0 merge take 2
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/theme@0.3.0
+
+## 0.1.0-beta.3
+
+### Features
+
+- [#9482](https://github.com/gradio-app/gradio/pull/9482) [`bd6c5f2`](https://github.com/gradio-app/gradio/commit/bd6c5f237b0631d86273c7684c3bf2b1011992a3) - Fix custom component CLI on main/5.0.  Thanks @freddyaboulton!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9326](https://github.com/gradio-app/gradio/pull/9326) [`7afb9a1`](https://github.com/gradio-app/gradio/commit/7afb9a14fa64310eb8b70f43a3bad373e46e36c1) - 5.0 merge take 2.  Thanks @pngwn!
+
+## 0.0.3-beta.1
+
+### Dependency updates
+
+- @gradio/theme@0.3.0-beta.1
+
+## 0.0.3
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/theme@0.2.5-beta.0
+
+## 0.0.2
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/theme@0.2.4
\ No newline at end of file
diff --git a/js/build/README.md b/js/build/README.md
new file mode 100644
index 0000000..f5f8e57
--- /dev/null
+++ b/js/build/README.md
@@ -0,0 +1,3 @@
+# `@self/build`
+
+Build utilities for the gradio frontend + lite.
diff --git a/js/build/out/component_loader.js b/js/build/out/component_loader.js
new file mode 100644
index 0000000..59644da
--- /dev/null
+++ b/js/build/out/component_loader.js
@@ -0,0 +1,120 @@
+// @ts-nocheck
+
+const request_map = {};
+const runtime_map = {};
+
+const is_browser = typeof window !== "undefined";
+
+export function load_component({ api_url, name, id, variant }) {
+	const comps = is_browser && window.__GRADIO__CC__;
+	const runtimes = is_browser && window.__GRADIO__CC__RUNTIMES__;
+
+	const _component_map = {
+		// eslint-disable-next-line no-undef
+		...component_map,
+		...(!comps ? {} : comps)
+	};
+
+	let _id = id || name;
+
+	if (request_map[`${_id}-${variant}`]) {
+		return {
+			component: request_map[`${_id}-${variant}`],
+			name,
+			runtime: runtime_map[`${_id}-${variant}`]
+		};
+	}
+	try {
+		if (!_component_map?.[_id]?.[variant] && !_component_map?.[name]?.[variant])
+			throw new Error();
+
+		request_map[`${_id}-${variant}`] = (
+			_component_map?.[_id]?.[variant] || // for dev mode custom components
+			_component_map?.[name]?.[variant]
+		)();
+
+		runtime_map[`${_id}-${variant}`] =
+			(is_browser && window.__GRADIO__CC__RUNTIMES__?.[id]) || // for dev mode custom components
+			false;
+
+		return {
+			name,
+			component: request_map[`${_id}-${variant}`],
+			runtime: runtime_map[`${_id}-${variant}`]
+		};
+	} catch (e) {
+		if (!_id) throw new Error(`Component not found: ${name}`);
+		try {
+			const cc = get_component_with_css(api_url, _id, variant);
+			const [component_module, svelte_runtime_module] = cc;
+
+			request_map[`${_id}-${variant}`] = component_module;
+
+			runtime_map[`${_id}-${variant}`] = svelte_runtime_module;
+
+			return {
+				name,
+				component: request_map[`${_id}-${variant}`],
+				runtime: runtime_map[`${_id}-${variant}`]
+			};
+		} catch (e) {
+			if (variant === "example") {
+				request_map[`${_id}-${variant}`] = import("@gradio/fallback/example");
+
+				return {
+					name,
+					component: request_map[`${_id}-${variant}`],
+					runtime: runtime_map[`${_id}-${variant}`]
+				};
+			}
+			console.error(`failed to load: ${name}`);
+			console.error(e);
+			throw e;
+		}
+	}
+}
+
+function load_css(url) {
+	if (!is_browser) {
+		return Promise.resolve();
+	}
+	return new Promise((resolve, reject) => {
+		const link = document.createElement("link");
+		link.rel = "stylesheet";
+		link.href = url;
+		document.head.appendChild(link);
+		link.onload = () => resolve();
+		link.onerror = () => reject();
+	});
+}
+
+function get_component_with_css(api_url, id, variant) {
+	const environment = is_browser ? "client" : "server";
+
+	if (environment === "server") {
+		// Node.js cannot dynamically import HTTP URLs.
+		// Fall back to @gradio/fallback during SSR; the real component
+		// will be loaded client-side.
+		return [import("@gradio/fallback"), Promise.resolve(false)];
+	}
+
+	const path = `${api_url}/custom_component/${id}/${environment}/${variant}/index.js`;
+
+	return [
+		Promise.all([
+			load_css(
+				`${api_url}/custom_component/${id}/${environment}/${variant}/style.css`
+			),
+			import(
+				/* @vite-ignore */
+				path
+			)
+		]).then(([_, component_module]) => {
+			return component_module;
+		}),
+		import(
+			/* @vite-ignore */
+			`${api_url}/custom_component/${id}/${environment}/${variant}/svelte_runtime_entry.js`
+		)
+	];
+}
diff --git a/js/build/out/index.js b/js/build/out/index.js
new file mode 100644
index 0000000..0671850
--- /dev/null
+++ b/js/build/out/index.js
@@ -0,0 +1,329 @@
+// src/index.ts
+import { parse } from "node-html-parser";
+import { join } from "path";
+import { writeFileSync } from "fs";
+import * as url from "url";
+import { readdirSync, existsSync, readFileSync, statSync } from "fs";
+function inject_ejs() {
+	return {
+		name: "inject-ejs",
+		enforce: "post",
+		transformIndexHtml: (html) => {
+			const replace_gradio_info_info_html = html.replace(
+				/%gradio_api_info%/,
+				`<script>window.gradio_api_info = {{ gradio_api_info | toorjson }};</script>`
+			);
+			return replace_gradio_info_info_html.replace(
+				/%gradio_config%/,
+				`<script>window.gradio_config = {{ config | toorjson }};</script>`
+			);
+		}
+	};
+}
+function generate_cdn_entry({ version, cdn_base }) {
+	return {
+		name: "generate-cdn-entry",
+		enforce: "post",
+		writeBundle(config, bundle) {
+			if (
+				!config.dir ||
+				!bundle["index.html"] ||
+				bundle["index.html"].type !== "asset"
+			)
+				return;
+			const source = bundle["index.html"].source;
+			const tree = parse(source);
+			const script = Array.from(
+				tree.querySelectorAll("script[type=module]")
+			).find((node) => node.attributes.src?.includes("assets"));
+			const output_location = join(config.dir, "gradio.js");
+			writeFileSync(output_location, make_entry(script?.attributes.src || ""));
+			if (!script) return;
+			const transformed_html =
+				bundle["index.html"].source.substring(0, script?.range[0]) +
+				`<script type="module" crossorigin src="${cdn_base}/${version}/gradio.js"></script>` +
+				bundle["index.html"].source.substring(script?.range[1], source.length);
+			const share_html_location = join(config.dir, "share.html");
+			writeFileSync(share_html_location, transformed_html);
+		}
+	};
+}
+
+function make_entry(script) {
+	return `import("${script}");
+`;
+}
+function handle_ce_css() {
+	return {
+		enforce: "post",
+		name: "custom-element-css",
+		writeBundle(config, bundle) {
+			let file_to_insert = {
+				filename: "",
+				source: ""
+			};
+			if (
+				!config.dir ||
+				!bundle["index.html"] ||
+				bundle["index.html"].type !== "asset"
+			)
+				return;
+			for (const key in bundle) {
+				const chunk = bundle[key];
+				if (chunk.type === "chunk") {
+					const _chunk = chunk;
+					const found = _chunk.code?.indexOf("ENTRY_CSS");
+					if (found > -1)
+						file_to_insert = {
+							filename: join(config.dir, key),
+							source: _chunk.code
+						};
+				}
+			}
+			const tree = parse(bundle["index.html"].source);
+			const { style, fonts } = Array.from(
+				tree.querySelectorAll("link[rel=stylesheet]")
+			).reduce(
+				(acc, next) => {
+					if (/.*\/index(.*?)\.css/.test(next.attributes.href)) {
+						return { ...acc, style: next };
+					}
+					return { ...acc, fonts: [...acc.fonts, next.attributes.href] };
+				},
+				{ fonts: [], style: void 0 }
+			);
+			writeFileSync(
+				file_to_insert.filename,
+				file_to_insert.source
+					.replace("__ENTRY_CSS__", style.attributes.href)
+					.replace(
+						'"__FONTS_CSS__"',
+						`[${fonts.map((f) => `"${f}"`).join(",")}]`
+					)
+			);
+			const share_html_location = join(config.dir, "share.html");
+			const share_html = readFileSync(share_html_location, "utf8");
+			const share_tree = parse(share_html);
+			const node = Array.from(
+				share_tree.querySelectorAll("link[rel=stylesheet]")
+			).find((node2) => /.*\/index(.*?)\.css/.test(node2.attributes.href));
+			if (!node) return;
+			const transformed_html =
+				share_html.substring(0, node.range[0]) +
+				share_html.substring(node.range[1], share_html.length);
+			writeFileSync(share_html_location, transformed_html);
+		}
+	};
+}
+var __dirname = url.fileURLToPath(new URL(".", import.meta.url));
+
+function get_export_path(path, root, pkg_json) {
+	if (!pkg_json.exports) return false;
+	if (typeof pkg_json.exports[`${path}`] === "object") return true;
+	const _path = join(root, "..", `${pkg_json.exports[`${path}`]}`);
+	return existsSync(_path);
+}
+var ignore_list = [
+	"tootils",
+	"_cdn-test",
+	"_spaces-test",
+	"_website",
+	"app",
+	"atoms",
+	"fallback",
+	"icons",
+	"lite",
+	"preview",
+	"simpledropdown",
+	"simpleimage",
+	"simpletextbox",
+	"storybook",
+	"theme",
+	"timeseries",
+	"tooltip",
+	"upload",
+	"utils",
+	"wasm",
+	"sanitize",
+	"markdown-code",
+	"spa",
+	"dataframe-interim"
+];
+function generate_component_imports() {
+	const exports = readdirSync(join(__dirname, "..", ".."))
+		.map((dir) => {
+			if (ignore_list.includes(dir)) return void 0;
+			if (!statSync(join(__dirname, "..", "..", dir)).isDirectory())
+				return void 0;
+			const package_json_path = join(
+				__dirname,
+				"..",
+				"..",
+				dir,
+				"package.json"
+			);
+			if (existsSync(package_json_path)) {
+				const package_json = JSON.parse(
+					readFileSync(package_json_path, "utf8")
+				);
+				const component = get_export_path(".", package_json_path, package_json);
+				const example = get_export_path(
+					"./example",
+					package_json_path,
+					package_json
+				);
+				const base = get_export_path("./base", package_json_path, package_json);
+				if (!component && !example) return void 0;
+				return {
+					name: package_json.name,
+					component,
+					example,
+					base
+				};
+			}
+			return void 0;
+		})
+		.filter((x) => x !== void 0);
+
+	const walkthrough = exports.find((x) => x.name === "@gradio/tabs");
+	const walkthroughstep = exports.find((x) => x.name === "@gradio/tabitem");
+
+	exports.push({
+		name: "walkthrough",
+		component: walkthrough.component
+	});
+
+	exports.push({
+		name: "walkthroughstep",
+		component: walkthroughstep.component
+	});
+
+	const imports = exports.reduce((acc, _export) => {
+		if (!_export) return acc;
+		let example = _export.example
+			? `example: () => import("${_export.name}/example"),
+`
+			: "";
+		const base = _export.base
+			? `base: () => import("${_export.name}/base"),
+`
+			: "";
+		let component = _export.name;
+		if (_export.name === "walkthrough") component = "@gradio/tabs";
+		if (_export.name === "walkthroughstep") component = "@gradio/tabitem";
+
+		return `${acc}"${_export.name.replace("@gradio/", "")}": {
+			${base}
+			${example}
+			component: () => import("${component}")
+			},
+`;
+	}, "");
+
+	return imports;
+}
+function load_virtual_component_loader(mode) {
+	const loader_path = join(__dirname, "component_loader.js");
+	let component_map = "";
+	if (mode === "test") {
+		component_map = `
+		const component_map = {
+			"test-component-one": {
+				component: () => import("@gradio-test/test-one"),
+				example: () => import("@gradio-test/test-one/example")
+			},
+			"dataset": {
+				component: () => import("@gradio-test/test-two"),
+				example: () => import("@gradio-test/test-two/example")
+			},
+			"image": {
+				component: () => import("@gradio/image"),
+				example: () => import("@gradio/image/example"),
+				base: () => import("@gradio/image/base")
+			},
+			"audio": {
+				component: () => import("@gradio/audio"),
+				example: () => import("@gradio/audio/example"),
+				base: () => import("@gradio/audio/base")
+			},
+			"video": {
+				component: () => import("@gradio/video"),
+				example: () => import("@gradio/video/example"),
+				base: () => import("@gradio/video/base")
+			},
+			// "test-component-one": {
+			// 	component: () => import("@gradio-test/test-one"),
+			// 	example: () => import("@gradio-test/test-one/example")
+			// },
+		};
+		`;
+	} else {
+		component_map = `
+		const component_map = {
+			${generate_component_imports()}
+		};
+		`;
+	}
+	return `${component_map}
+
+${readFileSync(loader_path, "utf8")}`;
+}
+function inject_component_loader({ mode }) {
+	const v_id = "virtual:component-loader";
+	const resolved_v_id = "\0" + v_id;
+	return {
+		name: "inject-component-loader",
+		enforce: "pre",
+		resolveId(id) {
+			if (id === v_id) return resolved_v_id;
+		},
+		load(id) {
+			this.addWatchFile(join(__dirname, "component_loader.js"));
+			if (id === resolved_v_id) {
+				return load_virtual_component_loader(mode);
+			}
+		}
+	};
+}
+
+function mock_modules() {
+	const v_id_1 = "@gradio-test/test-one";
+	const v_id_2 = "@gradio-test/test-two";
+	const v_id_1_example = "@gradio-test/test-one/example";
+	const v_id_2_example = "@gradio-test/test-two/example";
+	const resolved_v_id = "\0" + v_id_1;
+	const resolved_v_id_2 = "\0" + v_id_2;
+	const resolved_v_id_1_example = "\0" + v_id_1_example;
+	const resolved_v_id_2_example = "\0" + v_id_2_example;
+	const fallback_example = "@gradio/fallback/example";
+	const resolved_fallback_example = "\0" + fallback_example;
+	return {
+		name: "mock-modules",
+		enforce: "pre",
+		resolveId(id) {
+			if (id === v_id_1) return resolved_v_id;
+			if (id === v_id_2) return resolved_v_id_2;
+			if (id === v_id_1_example) return resolved_v_id_1_example;
+			if (id === v_id_2_example) return resolved_v_id_2_example;
+			if (id === fallback_example) return resolved_fallback_example;
+		},
+		load(id) {
+			if (
+				id === resolved_v_id ||
+				id === resolved_v_id_2 ||
+				id === resolved_v_id_1_example ||
+				id === resolved_v_id_2_example ||
+				id === resolved_fallback_example
+			) {
+				return `export default {}`;
+			}
+		}
+	};
+}
+export {
+	generate_cdn_entry,
+	handle_ce_css,
+	inject_component_loader,
+	inject_ejs,
+	mock_modules
+};
diff --git a/js/build/package.json b/js/build/package.json
new file mode 100644
index 0000000..b12d381
--- /dev/null
+++ b/js/build/package.json
@@ -0,0 +1,27 @@
+{
+	"name": "@self/build",
+	"version": "0.6.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "out/index.js",
+	"private": "true",
+	"author": "",
+	"license": "ISC",
+	"scripts": {
+		"build": "esbuild src/index.ts --platform=node --format=esm --target=node18 --bundle --packages=external --outfile=out/index.js && cp src/component_loader.js out/"
+	},
+	"dependencies": {
+		"@gradio/theme": "workspace:^",
+		"esbuild": "^0.25.10",
+		"svelte-i18n": "^4.0.1"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/build"
+	}
+}
diff --git a/js/button/Button.stories.svelte b/js/button/Button.stories.svelte
new file mode 100644
index 0000000..c7e3970
--- /dev/null
+++ b/js/button/Button.stories.svelte
@@ -0,0 +1,78 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Button from "./shared/Button.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/Button",
+		component: Button,
+		tags: ["autodocs"],
+		argTypes: {
+			value: {
+				control: "text",
+				description: "The text to display on the button"
+			},
+			variant: {
+				options: ["primary", "secondary", "stop", "huggingface"],
+				description: "The variant of the button",
+				control: { type: "select" }
+			},
+			size: {
+				options: ["sm", "md", "lg"],
+				description: "The size of the button",
+				control: { type: "select" }
+			},
+			visible: {
+				description: "Sets the visibility of the button",
+				control: { type: "boolean" }
+			},
+			disabled: {
+				description: "If true, the button will be in a disabled state",
+				control: { type: "boolean" }
+			},
+			scale: {
+				options: [null, 0.5, 1, 2],
+				description: "Relative size compared to adjacent components",
+				control: { type: "select" }
+			},
+			link: {
+				control: "text",
+				description: "URL to navigate to when clicked"
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Button {...args}>{args.value}</Button>
+{/snippet}
+
+<Story
+	name="Primary"
+	args={{ variant: "primary", size: "lg", value: "Primary Button" }}
+	{template}
+/>
+<Story
+	name="Secondary"
+	args={{ variant: "secondary", size: "lg", value: "Secondary Button" }}
+	{template}
+/>
+<Story
+	name="Stop"
+	args={{ variant: "stop", size: "lg", value: "Stop Button" }}
+	{template}
+/>
+<Story
+	name="Disabled"
+	args={{
+		variant: "primary",
+		size: "lg",
+		disabled: true,
+		value: "Disabled Button"
+	}}
+	{template}
+/>
+<Story
+	name="Huggingface variant"
+	args={{ variant: "huggingface", size: "lg", value: "Huggingface Button" }}
+	{template}
+/>
diff --git a/js/button/Button.test.ts b/js/button/Button.test.ts
new file mode 100644
index 0000000..9ea03bc
--- /dev/null
+++ b/js/button/Button.test.ts
@@ -0,0 +1,146 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Button from "./Index.svelte";
+
+const default_props = {
+	value: "Submit",
+	variant: "primary" as const,
+	size: "md" as const,
+	link: null as string | null,
+	icon: null,
+	link_target: "_blank" as const,
+	interactive: true
+};
+
+run_shared_prop_tests({
+	component: Button,
+	name: "Button",
+	base_props: { ...default_props },
+	has_label: false,
+	has_validation_error: false,
+	visible_false_hides: true,
+	has_block_wrapper: false
+});
+
+describe("Button", () => {
+	afterEach(() => cleanup());
+
+	test("renders the value as the button's accessible name", async () => {
+		const { getByRole } = await render(Button, {
+			...default_props,
+			value: "Click Me"
+		});
+
+		expect(getByRole("button", { name: "Click Me" })).toBeVisible();
+	});
+
+	test("renders as a button by default (no link)", async () => {
+		const { getByRole, queryByRole } = await render(Button, {
+			...default_props
+		});
+
+		expect(getByRole("button", { name: "Submit" })).toBeVisible();
+		expect(queryByRole("link")).toBeNull();
+	});
+
+	test("renders as a link when link is provided", async () => {
+		const { getByRole, queryByRole } = await render(Button, {
+			...default_props,
+			link: "https://example.com"
+		});
+
+		const link = getByRole("link", { name: "Submit" }) as HTMLAnchorElement;
+		expect(link).toBeVisible();
+		expect(link.href).toBe("https://example.com/");
+		expect(queryByRole("button")).toBeNull();
+	});
+
+	test("link with _blank target is secure against reverse-tabnabbing", async () => {
+		const { getByRole } = await render(Button, {
+			...default_props,
+			link: "https://example.com",
+			link_target: "_blank" as const
+		});
+
+		const link = getByRole("link", { name: "Submit" });
+		expect(link).toHaveAttribute("target", "_blank");
+		expect(link).toHaveAttribute("rel", "noopener noreferrer");
+	});
+
+	test("link with _self target opens in same tab", async () => {
+		const { getByRole } = await render(Button, {
+			...default_props,
+			link: "https://example.com",
+			link_target: "_self" as const
+		});
+
+		const link = getByRole("link", { name: "Submit" });
+		expect(link).toHaveAttribute("target", "_self");
+		expect(link).not.toHaveAttribute("rel");
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true enables the button", async () => {
+		const { getByRole } = await render(Button, {
+			...default_props,
+			interactive: true
+		});
+
+		expect(getByRole("button", { name: "Submit" })).toBeEnabled();
+	});
+
+	test("interactive=false disables the button", async () => {
+		const { getByRole } = await render(Button, {
+			...default_props,
+			interactive: false
+		});
+
+		expect(getByRole("button", { name: "Submit" })).toBeDisabled();
+	});
+
+	test("interactive=false on a link sets aria-disabled", async () => {
+		const { getByRole } = await render(Button, {
+			...default_props,
+			interactive: false,
+			link: "https://example.com"
+		});
+
+		expect(getByRole("link", { name: "Submit" })).toHaveAttribute(
+			"aria-disabled",
+			"true"
+		);
+	});
+});
+
+describe("Events: click", () => {
+	afterEach(() => cleanup());
+
+	test("clicking an interactive button fires click event", async () => {
+		const { getByRole, listen } = await render(Button, {
+			...default_props
+		});
+
+		const click = listen("click");
+		await fireEvent.click(getByRole("button", { name: "Submit" }));
+
+		expect(click).toHaveBeenCalledTimes(1);
+	});
+
+	test("clicking a disabled button does not fire click event", async () => {
+		const { getByRole, listen } = await render(Button, {
+			...default_props,
+			interactive: false
+		});
+
+		const click = listen("click");
+		await event.click(getByRole("button", { name: "Submit" }));
+
+		expect(click).not.toHaveBeenCalled();
+	});
+});
diff --git a/js/button/CHANGELOG.md b/js/button/CHANGELOG.md
new file mode 100644
index 0000000..91e6c21
--- /dev/null
+++ b/js/button/CHANGELOG.md
@@ -0,0 +1,1128 @@
+# @gradio/button
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/image@0.28.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.8.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/image@0.27.0
+
+## 0.7.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/upload@0.17.9
+- @gradio/image@0.26.3
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/client@2.2.0
+- @gradio/image@0.26.2
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/upload@0.17.8
+- @gradio/image@0.26.1
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/image@0.26.0
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+- @gradio/upload@0.17.7
+- @gradio/image@0.25.4
+
+## 0.6.4
+
+### Fixes
+
+- [#12911](https://github.com/gradio-app/gradio/pull/12911) [`dcfc429`](https://github.com/gradio-app/gradio/commit/dcfc429a8125204c3aafeabcab251dd7580f9a60) - Fix Button component ignoring the `scale` parameter.  Thanks @hztBUAA!
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/upload@0.17.6
+- @gradio/image@0.25.3
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/client@2.0.4
+- @gradio/image@0.25.2
+- @gradio/upload@0.17.5
+
+## 0.6.3
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.2
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/image@0.25.1
+
+## 0.6.2
+
+### Fixes
+
+- [#12681](https://github.com/gradio-app/gradio/pull/12681) [`ba46c2d`](https://github.com/gradio-app/gradio/commit/ba46c2df1405c11e495304af8f91acfdf69d0b18) - Migrate Button to Svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/upload@0.17.3
+- @gradio/image@0.25.0
+
+## 0.6.0
+
+### Features
+
+- [#12524](https://github.com/gradio-app/gradio/pull/12524) [`d6be33e`](https://github.com/gradio-app/gradio/commit/d6be33e9f019979953991283edd6ddfa00b2207c) - feat: add link_target parameter to Button component.  Thanks @ujjwaltwri!
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.14
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/client@2.0.0
+- @gradio/image@0.24.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.5.14-dev.2
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.2
+- @gradio/upload@0.17.2-dev.2
+- @gradio/image@0.24.0-dev.2
+
+## 0.5.14-dev.1
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/image@0.23.2-dev.1
+
+## 0.5.14-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.5.14-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/image@0.23.2-dev.0
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+
+## 0.5.13
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/image@0.23.0
+
+## 0.5.12
+
+### Features
+
+- [#11825](https://github.com/gradio-app/gradio/pull/11825) [`910a524`](https://github.com/gradio-app/gradio/commit/910a5249397a68d215dd97d6a347718f0d994e04) - Fix the stop variant button in citrus theme.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/upload@0.16.17
+- @gradio/image@0.22.18
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/upload@0.16.16
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/client@1.17.1
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/image@0.22.16
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/image@0.22.15
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+- @gradio/image@0.22.14
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/upload@0.16.11
+- @gradio/image@0.22.13
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/image@0.22.10
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+- @gradio/image@0.22.9
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/image@0.22.8
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/image@0.22.7
+
+## 0.5.0
+
+### Features
+
+- [#11047](https://github.com/gradio-app/gradio/pull/11047) [`6d4b8a7`](https://github.com/gradio-app/gradio/commit/6d4b8a7f10daefc9c79aa224635da23fbaeebb76) - Implement custom i18n.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/image@0.22.6
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+- @gradio/image@0.22.5
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/image@0.22.4
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/image@0.22.3
+- @gradio/upload@0.16.3
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/image@0.22.2
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/image@0.22.1
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/upload@0.16.0
+- @gradio/image@0.22.0
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/image@0.21.7
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/client@1.14.0
+- @gradio/upload@0.15.6
+- @gradio/image@0.21.6
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/image@0.21.5
+- @gradio/upload@0.15.5
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/upload@0.15.4
+- @gradio/image@0.21.4
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+- @gradio/image@0.21.3
+
+## 0.4.7
+
+### Features
+
+- [#10594](https://github.com/gradio-app/gradio/pull/10594) [`f0e4fd0`](https://github.com/gradio-app/gradio/commit/f0e4fd0522dd0f02701e0c4d3e694f6e6198db9d) - Fix `Blocks.serve_static_file` and `Button.svelte` to work on Lite.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/image@0.21.2
+- @gradio/upload@0.15.2
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/client@1.10.0
+- @gradio/upload@0.14.5
+
+## 0.4.0
+
+### Features
+
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/upload@0.14.3
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+- @gradio/upload@0.14.2
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/upload@0.14.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/upload@0.13.4
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.3
+
+## 0.3.2
+
+### Fixes
+
+- [#9659](https://github.com/gradio-app/gradio/pull/9659) [`b1a0f6d`](https://github.com/gradio-app/gradio/commit/b1a0f6db0d6900cb4089f4d5809a5f1d5e2609ee) - Fix the behavior of `gr.LoginButton` locally and on Spaces.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+
+## 0.3.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Redesign `gr.Button()`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds a "huggingface" button variant, and makes it the default for `gr.LoginButton` and `gr.DuplicateButton`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - UI theme fixes
+
+### Fixes
+
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Center icon in button when no text is present
+
+### Dependencies
+
+- @gradio/client@1.6.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+
+## 0.3.0-beta.6
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.3.0-beta.5
+
+### Features
+
+- [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+
+## 0.3.0-beta.4
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.4
+
+## 0.3.0-beta.3
+
+### Fixes
+
+- [#9405](https://github.com/gradio-app/gradio/pull/9405) [`bf27ff4`](https://github.com/gradio-app/gradio/commit/bf27ff4ac8ada33ea03dd26d5c1c1115aa1f318a) - Center icon in button when no text is present.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.3.0-beta.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.0-beta.1
+
+### Features
+
+- [#9167](https://github.com/gradio-app/gradio/pull/9167) [`e9e737e`](https://github.com/gradio-app/gradio/commit/e9e737eeeb61d0bbf43277c75b6ffed8b34aa445) - Redesign `gr.Button()`.  Thanks @hannahblair!
+- [#9254](https://github.com/gradio-app/gradio/pull/9254) [`03f3735`](https://github.com/gradio-app/gradio/commit/03f3735fba1fd4f1978b5431af9e67de3b6e7945) - Adds a "huggingface" button variant, and makes it the default for `gr.LoginButton` and `gr.DuplicateButton`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+
+## 0.2.51
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+
+## 0.2.50
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/client@1.5.1
+
+## 0.2.49
+
+### Dependency updates
+
+- @gradio/client@1.5.0
+- @gradio/upload@0.12.2
+
+## 0.2.48
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+- @gradio/upload@0.12.1
+
+## 0.2.47
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/upload@0.12.0
+
+## 0.2.46
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+
+## 0.2.45
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.2.44
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/client@1.2.0
+- @gradio/upload@0.11.3
+
+## 0.2.43
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.2.42
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.2.41
+
+### Dependency updates
+
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.2.40
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.2.39
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/upload@0.10.6
+
+## 0.2.38
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.2.37
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/upload@0.10.4
+
+## 0.2.36
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.2.35
+
+### Dependency updates
+
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.2.34
+
+### Dependency updates
+
+- @gradio/client@0.19.0
+- @gradio/upload@0.10.1
+
+## 0.2.33
+
+### Dependency updates
+
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+
+## 0.2.32
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@0.17.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.2.31
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+
+## 0.2.30
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.2.29
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.2.28
+
+### Dependency updates
+
+- @gradio/upload@0.8.2
+
+## 0.2.27
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+
+## 0.2.26
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+
+## 0.2.25
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+
+## 0.2.24
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.2.23
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.22
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.7.4
+
+## 0.2.21
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/upload@0.7.3
+
+## 0.2.20
+
+### Patch Changes
+
+- Updated dependencies [[`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6)]:
+  - @gradio/client@0.12.0
+  - @gradio/upload@0.7.2
+
+## 0.2.19
+
+### Patch Changes
+
+- Updated dependencies [[`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd), [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f), [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557), [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16)]:
+  - @gradio/upload@0.7.1
+  - @gradio/client@0.11.0
+  - @gradio/utils@0.2.2
+
+## 0.2.18
+
+### Fixes
+
+- [#7126](https://github.com/gradio-app/gradio/pull/7126) [`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b) - Allow buttons to take null value. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.17
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/upload@0.6.1
+
+## 0.2.16
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+
+## 0.2.15
+
+### Patch Changes
+
+- Updated dependencies [[`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549), [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74)]:
+  - @gradio/client@0.10.0
+  - @gradio/upload@0.5.8
+
+## 0.2.14
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/upload@0.5.7
+
+## 0.2.13
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/upload@0.5.6
+
+## 0.2.12
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.2.11
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+
+## 0.2.10
+
+### Patch Changes
+
+- Updated dependencies [[`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88), [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70), [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0)]:
+  - @gradio/upload@0.5.3
+  - @gradio/client@0.9.0
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.5.2
+
+## 0.2.8
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/upload@0.5.1
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/upload@0.5.0
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521)]:
+  - @gradio/upload@0.4.2
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/upload@0.4.1
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780)]:
+  - @gradio/client@0.7.2
+  - @gradio/upload@0.3.3
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.6
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.5
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.3.3
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/upload@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.1
+  - @gradio/upload@0.2.1
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+
+## 0.1.1
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#5285](https://github.com/gradio-app/gradio/pull/5285) [`cdfd4217`](https://github.com/gradio-app/gradio/commit/cdfd42174a9c777eaee9c1209bf8e90d8c7791f2) - Tweaks to `icon` parameter in `gr.Button()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.0
+
+### Features
+
+- [#5080](https://github.com/gradio-app/gradio/pull/5080) [`37caa2e0`](https://github.com/gradio-app/gradio/commit/37caa2e0fe95d6cab8beb174580fb557904f137f) - Add icon and link params to `gr.Button`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.0.2
\ No newline at end of file
diff --git a/js/button/Index.svelte b/js/button/Index.svelte
new file mode 100644
index 0000000..5ec9374
--- /dev/null
+++ b/js/button/Index.svelte
@@ -0,0 +1,49 @@
+<script context="module" lang="ts">
+	export { default as BaseButton } from "./shared/Button.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import type { SharedProps } from "@gradio/utils";
+
+	import Button from "./shared/Button.svelte";
+	import type { FileData } from "client/js/src";
+	interface ButtonProps {
+		value: string | null;
+		variant: "primary" | "secondary" | "stop";
+		size: "sm" | "md" | "lg";
+		link: string | null;
+		icon: FileData | null;
+		link_target: "_self" | "_blank";
+		elem_id: string | null;
+		elem_classes?: string[];
+	}
+
+	let _props: { shared_props: SharedProps; props: ButtonProps } = $props();
+	const gradio = new Gradio<{ change: never; click: never }, ButtonProps>(
+		_props
+	);
+	gradio.watch_for_change();
+
+	function handle_click() {
+		gradio.dispatch("click");
+	}
+</script>
+
+<Button
+	value={gradio.props.value}
+	variant={gradio.props.variant}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	size={gradio.props.size}
+	scale={gradio.shared.scale}
+	link={gradio.props.link}
+	icon={gradio.props.icon}
+	min_width={gradio.shared.min_width}
+	visible={gradio.shared.visible}
+	disabled={!gradio.shared.interactive}
+	link_target={gradio.props.link_target}
+	onclick={handle_click}
+>
+	{gradio.props.value ?? ""}
+</Button>
diff --git a/js/button/README.md b/js/button/README.md
new file mode 100644
index 0000000..1e9aae0
--- /dev/null
+++ b/js/button/README.md
@@ -0,0 +1,27 @@
+# `@gradio/button`
+
+```javascript
+<script>
+	import { BaseButton } from "@gradio/button";
+	import { createEventDispatcher, tick, getContext } from "svelte";
+	const dispatch = createEventDispatcher();
+</script>
+
+<BaseButton
+	{value}
+	{variant}
+	{elem_id}
+	{elem_classes}
+	{size}
+	{scale}
+	{link}
+	{icon}
+	{min_width}
+	{visible}
+	{root}
+	{root_url}
+	on:click={() => dispatch("click")}
+>
+	{"My Button"}
+</Button>
+```
diff --git a/js/button/main.ts b/js/button/main.ts
new file mode 100644
index 0000000..c517399
--- /dev/null
+++ b/js/button/main.ts
@@ -0,0 +1,2 @@
+export { default as default } from "./Index.svelte";
+export { default as BaseButton } from "./shared/Button.svelte";
diff --git a/js/button/package.json b/js/button/package.json
new file mode 100644
index 0000000..6bee4f0
--- /dev/null
+++ b/js/button/package.json
@@ -0,0 +1,36 @@
+{
+	"name": "@gradio/button",
+	"version": "0.8.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/client": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main": "./Index.svelte",
+	"main_changeset": true,
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/button"
+	}
+}
diff --git a/js/button/shared/Button.svelte b/js/button/shared/Button.svelte
new file mode 100644
index 0000000..1407367
--- /dev/null
+++ b/js/button/shared/Button.svelte
@@ -0,0 +1,236 @@
+<script lang="ts">
+	import { type FileData } from "@gradio/client";
+	import { Image } from "@gradio/image/shared";
+	import { type Snippet } from "svelte";
+
+	let {
+		elem_id,
+		elem_classes = [],
+		visible = true,
+		variant = "secondary",
+		size = "md",
+		value = null,
+		link,
+		link_target = "_self",
+		icon,
+		disabled = false,
+		scale = null,
+		min_width,
+		onclick = () => {},
+		children
+	}: {
+		elem_id?: string | null;
+		elem_classes?: string[] | null;
+		visible?: boolean | "hidden";
+		variant?: "primary" | "secondary" | "stop" | "huggingface";
+		size?: "sm" | "md" | "lg";
+		value?: string | null;
+		link?: string | null;
+		link_target?: "_self" | "_blank" | "_parent" | "_top";
+		icon?: FileData | null;
+		disabled?: boolean;
+		scale?: number | null;
+		min_width?: number | null | undefined;
+		onclick?: () => void;
+		children?: Snippet;
+	} = $props();
+</script>
+
+{#if link && link.length > 0}
+	<a
+		href={link}
+		target={link_target}
+		rel={link_target === "_blank" ? "noopener noreferrer" : undefined}
+		class:hidden={visible === false || visible === "hidden"}
+		class:disabled
+		aria-disabled={disabled}
+		class="{size} {variant} {(elem_classes ?? []).join(' ')}"
+		style:flex-grow={scale}
+		style:pointer-events={disabled ? "none" : null}
+		style:width={scale === 0 ? "fit-content" : null}
+		style:min-width={typeof min_width === "number"
+			? `calc(min(${min_width}px, 100%))`
+			: null}
+		id={elem_id}
+	>
+		{#if icon}
+			<Image
+				src={icon.url ?? ""}
+				restProps={{ alt: `${value} icon`, class: "button-icon" }}
+			/>
+		{/if}
+		{#if children}
+			{@render children()}
+		{/if}
+	</a>
+{:else}
+	<button
+		{onclick}
+		class:hidden={visible === false || visible === "hidden"}
+		class="{size} {variant} {(elem_classes ?? []).join(' ')}"
+		style:flex-grow={scale}
+		style:width={scale === 0 ? "fit-content" : null}
+		style:min-width={typeof min_width === "number"
+			? `calc(min(${min_width}px, 100%))`
+			: null}
+		id={elem_id}
+		{disabled}
+	>
+		{#if icon}
+			<Image
+				restProps={{ alt: `${value} icon` }}
+				class_names={[`button-icon ${value ? "right-padded" : ""}`]}
+				src={icon.url ?? ""}
+			/>
+		{/if}
+		{#if children}
+			{@render children()}
+		{/if}
+	</button>
+{/if}
+
+<style>
+	button,
+	a {
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
+		transition: var(--button-transition);
+		padding: var(--size-0-5) var(--size-2);
+		text-align: center;
+	}
+
+	button:hover {
+		transform: var(--button-transform-hover);
+	}
+
+	button:active,
+	a:active {
+		transform: var(--button-transform-active);
+	}
+
+	button[disabled],
+	a.disabled {
+		opacity: 0.5;
+		filter: grayscale(30%);
+		cursor: not-allowed;
+		transform: none;
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.primary {
+		border: var(--button-border-width) solid var(--button-primary-border-color);
+		background: var(--button-primary-background-fill);
+		color: var(--button-primary-text-color);
+		box-shadow: var(--button-primary-shadow);
+	}
+	.primary:hover,
+	.primary[disabled] {
+		background: var(--button-primary-background-fill-hover);
+		color: var(--button-primary-text-color-hover);
+	}
+
+	.primary:hover {
+		border-color: var(--button-primary-border-color-hover);
+		box-shadow: var(--button-primary-shadow-hover);
+	}
+	.primary:active {
+		box-shadow: var(--button-primary-shadow-active);
+	}
+
+	.primary[disabled] {
+		border-color: var(--button-primary-border-color);
+	}
+
+	.secondary {
+		border: var(--button-border-width) solid
+			var(--button-secondary-border-color);
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+		box-shadow: var(--button-secondary-shadow);
+	}
+
+	.secondary:hover,
+	.secondary[disabled] {
+		background: var(--button-secondary-background-fill-hover);
+		color: var(--button-secondary-text-color-hover);
+	}
+
+	.secondary:hover {
+		border-color: var(--button-secondary-border-color-hover);
+		box-shadow: var(--button-secondary-shadow-hover);
+	}
+	.secondary:active {
+		box-shadow: var(--button-secondary-shadow-active);
+	}
+
+	.secondary[disabled] {
+		border-color: var(--button-secondary-border-color);
+	}
+
+	.stop {
+		background: var(--button-cancel-background-fill);
+		color: var(--button-cancel-text-color);
+		border: var(--button-border-width) solid var(--button-cancel-border-color);
+		box-shadow: var(--button-cancel-shadow);
+	}
+
+	.stop:hover,
+	.stop[disabled] {
+		background: var(--button-cancel-background-fill-hover);
+	}
+
+	.stop:hover {
+		border-color: var(--button-cancel-border-color-hover);
+		box-shadow: var(--button-cancel-shadow-hover);
+	}
+	.stop:active {
+		box-shadow: var(--button-cancel-shadow-active);
+	}
+
+	.stop[disabled] {
+		border-color: var(--button-cancel-border-color);
+	}
+
+	.sm {
+		border-radius: var(--button-small-radius);
+		padding: var(--button-small-padding);
+		font-weight: var(--button-small-text-weight);
+		font-size: var(--button-small-text-size);
+	}
+
+	.md {
+		border-radius: var(--button-medium-radius);
+		padding: var(--button-medium-padding);
+		font-weight: var(--button-medium-text-weight);
+		font-size: var(--button-medium-text-size);
+	}
+
+	.lg {
+		border-radius: var(--button-large-radius);
+		padding: var(--button-large-padding);
+		font-weight: var(--button-large-text-weight);
+		font-size: var(--button-large-text-size);
+	}
+
+	:global(.button-icon) {
+		width: var(--text-xl);
+		height: var(--text-xl);
+	}
+	:global(.button-icon.right-padded) {
+		margin-right: var(--spacing-md);
+	}
+
+	.huggingface {
+		background: rgb(20, 28, 46);
+		color: white;
+	}
+
+	.huggingface:hover {
+		background: rgb(40, 48, 66);
+		color: white;
+	}
+</style>
diff --git a/js/chatbot/CHANGELOG.md b/js/chatbot/CHANGELOG.md
new file mode 100644
index 0000000..043219d
--- /dev/null
+++ b/js/chatbot/CHANGELOG.md
@@ -0,0 +1,2329 @@
+# @gradio/chatbot
+
+## 0.32.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/image@0.28.0
+- @gradio/video@0.22.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+- @gradio/gallery@0.19.0
+- @gradio/plot@0.12.1
+- @gradio/audio@0.24.1
+
+## 0.31.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/image@0.27.0
+- @gradio/gallery@0.18.0
+- @gradio/markdown-code@0.9.0
+- @gradio/plot@0.12.0
+- @gradio/theme@0.6.2
+- @gradio/video@0.21.0
+- @gradio/audio@0.24.0
+
+## 0.30.0
+
+### Features
+
+- [#13509](https://github.com/gradio-app/gradio/pull/13509) [`dcd072c`](https://github.com/gradio-app/gradio/commit/dcd072cd57f09ffd2dc5f97ae6afc505894824a6) - Migrate Chatbot, Tabs, TabItem to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+- @gradio/plot@0.11.0
+- @gradio/audio@0.23.4
+
+## 0.29.10
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+- @gradio/markdown-code@0.8.0
+
+## 0.29.9
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+- @gradio/gallery@0.17.7
+- @gradio/plot@0.10.9
+- @gradio/image@0.26.3
+- @gradio/video@0.20.8
+- @gradio/audio@0.23.3
+
+## 0.29.8
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/image@0.26.2
+- @gradio/video@0.20.7
+- @gradio/gallery@0.17.6
+- @gradio/markdown-code@0.7.0
+- @gradio/plot@0.10.8
+- @gradio/audio@0.23.2
+
+## 0.29.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/image@0.26.1
+- @gradio/video@0.20.6
+- @gradio/gallery@0.17.5
+- @gradio/plot@0.10.7
+- @gradio/audio@0.23.1
+
+## 0.29.6
+
+### Fixes
+
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/gallery@0.17.4
+- @gradio/plot@0.10.6
+- @gradio/image@0.26.0
+- @gradio/video@0.20.5
+- @gradio/audio@0.23.0
+
+## 0.29.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/markdown-code@0.6.1
+- @gradio/upload@0.17.7
+- @gradio/image@0.25.4
+- @gradio/gallery@0.17.3
+- @gradio/plot@0.10.5
+- @gradio/video@0.20.4
+- @gradio/audio@0.22.4
+
+## 0.29.4
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.29.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+- @gradio/video@0.20.3
+- @gradio/image@0.25.3
+- @gradio/gallery@0.17.1
+- @gradio/plot@0.10.4
+- @gradio/audio@0.22.3
+
+## 0.29.3
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/image@0.25.2
+- @gradio/upload@0.17.5
+- @gradio/video@0.20.2
+- @gradio/audio@0.22.2
+- @gradio/gallery@0.17.0
+- @gradio/plot@0.10.3
+
+## 0.29.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12774](https://github.com/gradio-app/gradio/pull/12774) [`f02c58e`](https://github.com/gradio-app/gradio/commit/f02c58efc9fb8a97cc602c5e07ec13736f34322e) - Prevent empty button wrappers from rendering in gr.Chatbot.  Thanks @hannahblair!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12596](https://github.com/gradio-app/gradio/pull/12596) [`5f654d7`](https://github.com/gradio-app/gradio/commit/5f654d74fb59ca7c1caf1d5965a768fac293c584) - Ensure HTML renders in gr.Chatbot.  Thanks @hannahblair!
+- [#12771](https://github.com/gradio-app/gradio/pull/12771) [`404f6a5`](https://github.com/gradio-app/gradio/commit/404f6a55be4cd0c1ece4af6edb8a7769473fb650) - Migrate Markdown components to svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/markdown-code@0.6.1
+- @gradio/image@0.25.1
+- @gradio/gallery@0.16.2
+- @gradio/plot@0.10.2
+- @gradio/theme@0.6.1
+- @gradio/video@0.20.1
+- @gradio/audio@0.22.1
+
+## 0.29.1
+
+### Fixes
+
+- [#12675](https://github.com/gradio-app/gradio/pull/12675) [`3aee8ae`](https://github.com/gradio-app/gradio/commit/3aee8aeb74dfe41b24a6626a8e30582e654dc457) - Allow multiple file messages to be displayed in Chatbot.  Thanks @freddyaboulton!
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+- @gradio/theme@0.6.0
+- @gradio/gallery@0.16.1
+- @gradio/plot@0.10.1
+- @gradio/video@0.20.0
+
+## 0.29.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12565](https://github.com/gradio-app/gradio/pull/12565) [`b4c69af`](https://github.com/gradio-app/gradio/commit/b4c69af0f5d9461259dbb8ad40a98315428539c0) - Fix Plot display in chatbot.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/gallery@0.16.0
+- @gradio/plot@0.10.0
+- @gradio/image@0.25.0
+- @gradio/video@0.19.0
+- @gradio/audio@0.22.0
+
+## 0.28.0
+
+### Dependency updates
+
+- @gradio/audio@0.21.0
+- @gradio/video@0.18.0
+
+## 0.28.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.28.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Remove tuples format from the chatbot
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve audio player UI in gr.Chatbot
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Extend Chatbot Message Format
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Chatbot autoscroll
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Fixes
+
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fixed several hardcoded UI labels in the chat_interface that did not implement i18n.
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/gallery@0.15.35
+- @gradio/icons@0.15.0
+- @gradio/markdown-code@0.6.0
+- @gradio/plot@0.9.25
+- @gradio/statustracker@0.12.0
+- @gradio/theme@0.5.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.28.0-dev.3
+
+### Features
+
+- [#12372](https://github.com/gradio-app/gradio/pull/12372) [`a8c26e4`](https://github.com/gradio-app/gradio/commit/a8c26e406aa82e6e30f1556e62e54f99f64668bd) - Fix Chatbot autoscroll.  Thanks @pngwn!
+- [#12102](https://github.com/gradio-app/gradio/pull/12102) [`baa1cd6`](https://github.com/gradio-app/gradio/commit/baa1cd67573292f95d4b4263c8f15fe89fbeeaa1) - Improve audio player UI in gr.Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+- @gradio/gallery@0.15.35-dev.3
+- @gradio/plot@0.9.25-dev.1
+- @gradio/audio@0.20.0-dev.4
+- @gradio/image@0.24.0-dev.2
+- @gradio/video@0.17.0-dev.2
+
+## 0.28.0-dev.2
+
+### Fixes
+
+- [#12240](https://github.com/gradio-app/gradio/pull/12240) [`6a0cff1`](https://github.com/gradio-app/gradio/commit/6a0cff18ef6a9a580c26d3ed5f95d1f9de3a55c1) - Fixed several hardcoded UI labels in the chat_interface that did not implement i18n.  Thanks @arterm-sedov!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/image@0.23.2-dev.1
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/theme@0.5.0-dev.0
+- @gradio/video@0.17.0-dev.1
+- @gradio/gallery@0.15.35-dev.2
+- @gradio/plot@0.9.25-dev.0
+
+## 0.28.0-dev.1
+
+### Features
+
+- [#12051](https://github.com/gradio-app/gradio/pull/12051) [`15458a8`](https://github.com/gradio-app/gradio/commit/15458a87ac63346ed3443f4abc54cdf2b9ac267e) - Extend Chatbot Message Format.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+- @gradio/gallery@0.15.35-dev.1
+
+## 0.28.0-dev.0
+
+### Features
+
+- [#12012](https://github.com/gradio-app/gradio/pull/12012) [`4356fe7`](https://github.com/gradio-app/gradio/commit/4356fe7d609333a4150533fcb9a4eaafbc2ba561) - Remove tuples format from the chatbot.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/gallery@0.15.35-dev.0
+- @gradio/image@0.23.2-dev.0
+- @gradio/video@0.17.0-dev.0
+
+## 0.27.0
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.27.0
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.27.0
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+
+## 0.27.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+- [#11899](https://github.com/gradio-app/gradio/pull/11899) [`bb3315c`](https://github.com/gradio-app/gradio/commit/bb3315c2fc6affe14cbe23d74008fcf400fd8b49) - Fix Chat Examples Spacing.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/gallery@0.15.33
+- @gradio/plot@0.9.24
+- @gradio/image@0.23.0
+- @gradio/video@0.16.0
+
+## 0.26.24
+
+### Fixes
+
+- [#11826](https://github.com/gradio-app/gradio/pull/11826) [`a7ae61c`](https://github.com/gradio-app/gradio/commit/a7ae61c631980442e5068b8ef67622343d587444) - Allow passing props to components displayed in Chatbot.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/gallery@0.15.32
+- @gradio/plot@0.9.23
+- @gradio/upload@0.16.17
+- @gradio/image@0.22.18
+- @gradio/video@0.15.1
+
+## 0.26.23
+
+### Fixes
+
+- [#11782](https://github.com/gradio-app/gradio/pull/11782) [`e132283`](https://github.com/gradio-app/gradio/commit/e132283b2289d3689927a8fa7f0b4ac8f8628a18) - remove dompurify, update mermaid.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+- @gradio/markdown-code@0.5.1
+
+## 0.26.22
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.26.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+- @gradio/gallery@0.15.31
+- @gradio/plot@0.9.22
+- @gradio/video@0.15.0
+
+## 0.26.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/video@0.14.24
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/gallery@0.15.30
+- @gradio/plot@0.9.21
+- @gradio/image@0.22.16
+
+## 0.26.20
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/video@0.14.23
+- @gradio/client@1.16.0
+- @gradio/image@0.22.15
+- @gradio/gallery@0.15.29
+
+## 0.26.19
+
+### Fixes
+
+- [#11601](https://github.com/gradio-app/gradio/pull/11601) [`7d5a762`](https://github.com/gradio-app/gradio/commit/7d5a7629794146b33217e0cf34a289d35d1e36da) - Fix like/dislike buttons to appear on every message when group_consecutive_messages=False.  Thanks @copilot-swe-agent!
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/video@0.14.22
+- @gradio/client@1.15.7
+- @gradio/gallery@0.15.28
+- @gradio/image@0.22.14
+
+## 0.26.18
+
+### Dependency updates
+
+- @gradio/video@0.14.21
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+- @gradio/image@0.22.13
+- @gradio/gallery@0.15.27
+- @gradio/plot@0.9.20
+
+## 0.26.17
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/video@0.14.20
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+- @gradio/markdown-code@0.5.0
+- @gradio/gallery@0.15.26
+- @gradio/plot@0.9.19
+
+## 0.26.16
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/video@0.14.19
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+- @gradio/gallery@0.15.25
+
+## 0.26.15
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/video@0.14.18
+- @gradio/markdown-code@0.4.4
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/gallery@0.15.24
+- @gradio/plot@0.9.18
+- @gradio/upload@0.16.8
+- @gradio/image@0.22.10
+
+## 0.26.14
+
+### Fixes
+
+- [#11386](https://github.com/gradio-app/gradio/pull/11386) [`92aa905`](https://github.com/gradio-app/gradio/commit/92aa9058e101a6f4ddf72495a87ae392802d9f2d) - Hide pending message indicator ("...") from `gr.Chatbot` if `show_progress="hidden"`.  Thanks @abidlabs!
+- [#11378](https://github.com/gradio-app/gradio/pull/11378) [`3ec4a7c`](https://github.com/gradio-app/gradio/commit/3ec4a7c376b5eee9e2d5a0b858c374b417f8c61a) - Add Model3D support in Chatbot.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/gallery@0.15.23
+- @gradio/markdown-code@0.4.3
+- @gradio/plot@0.9.17
+- @gradio/statustracker@0.10.12
+
+## 0.26.13
+
+### Fixes
+
+- [#11368](https://github.com/gradio-app/gradio/pull/11368) [`3f53679`](https://github.com/gradio-app/gradio/commit/3f5367986e90c57465bdbb809b318da6aed5400d) - Fixes chatbot unsupported components.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/gallery@0.15.23
+
+## 0.26.12
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/video@0.14.17
+- @gradio/client@1.15.2
+- @gradio/image@0.22.9
+- @gradio/gallery@0.15.22
+
+## 0.26.11
+
+### Features
+
+- [#11320](https://github.com/gradio-app/gradio/pull/11320) [`d6649e5`](https://github.com/gradio-app/gradio/commit/d6649e541d96ce94cd20bc8d7655c4c380c9cdb2) - Fix doc title for JS Chatbot.  Thanks @aymeric-roucher!
+
+## 0.26.10
+
+### Fixes
+
+- [#11307](https://github.com/gradio-app/gradio/pull/11307) [`bc299f1`](https://github.com/gradio-app/gradio/commit/bc299f12e54f765c2194da2c46a8d4520c44fbb3) - Show scroll to bottom button whenever user scrolls up in chatbot.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/gallery@0.15.21
+- @gradio/markdown-code@0.4.3
+- @gradio/plot@0.9.17
+- @gradio/video@0.14.16
+- @gradio/image@0.22.8
+
+## 0.26.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/image@0.22.7
+- @gradio/gallery@0.15.20
+- @gradio/plot@0.9.17
+- @gradio/video@0.14.15
+
+## 0.26.8
+
+### Features
+
+- [#11229](https://github.com/gradio-app/gradio/pull/11229) [`231ccfe`](https://github.com/gradio-app/gradio/commit/231ccfeed0a9f3971489e571cceaf8bea28fdd54) - Chatbot autoscroll fix.  Thanks @dawoodkhan82!
+
+## 0.26.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/image@0.22.6
+- @gradio/video@0.14.14
+- @gradio/gallery@0.15.19
+- @gradio/plot@0.9.16
+
+## 0.26.6
+
+### Fixes
+
+- [#11158](https://github.com/gradio-app/gradio/pull/11158) [`56ab579`](https://github.com/gradio-app/gradio/commit/56ab5799fab715e36fb540c580fd03ed0113a26c) - gr.Chatbot: Style fixes to remove multiple scrollbars.  Thanks @aymeric-roucher!
+
+## 0.26.5
+
+### Dependency updates
+
+- @gradio/video@0.14.13
+- @gradio/upload@0.16.4
+- @gradio/image@0.22.5
+- @gradio/gallery@0.15.18
+
+## 0.26.4
+
+### Fixes
+
+- [#11097](https://github.com/gradio-app/gradio/pull/11097) [`bb5a3c5`](https://github.com/gradio-app/gradio/commit/bb5a3c5b6b4459fb4d491bcc5a625e7fee7e502c) - Fix #10320: Chatbot - Ensure all messages in a group are editable.  Thanks @eduardopalricas33!
+
+## 0.26.3
+
+### Dependency updates
+
+- @gradio/gallery@0.15.17
+- @gradio/video@0.14.12
+- @gradio/image@0.22.4
+
+## 0.26.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/image@0.22.3
+- @gradio/upload@0.16.3
+- @gradio/video@0.14.11
+- @gradio/atoms@0.16.0
+- @gradio/gallery@0.15.16
+- @gradio/plot@0.9.15
+
+## 0.26.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/video@0.14.10
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/markdown-code@0.4.3
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/image@0.22.2
+- @gradio/gallery@0.15.15
+- @gradio/plot@0.9.14
+
+## 0.26.0
+
+### Features
+
+- [#10980](https://github.com/gradio-app/gradio/pull/10980) [`370b3e2`](https://github.com/gradio-app/gradio/commit/370b3e254411bce354354f6e14753cda464cc463) - Add i18n for chatbot interactions.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+- @gradio/gallery@0.15.14
+- @gradio/plot@0.9.13
+- @gradio/image@0.22.1
+- @gradio/video@0.14.9
+
+## 0.25.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/video@0.14.8
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+- @gradio/image@0.22.0
+- @gradio/gallery@0.15.13
+- @gradio/plot@0.9.12
+
+## 0.25.2
+
+### Fixes
+
+- [#10922](https://github.com/gradio-app/gradio/pull/10922) [`afe0b13`](https://github.com/gradio-app/gradio/commit/afe0b139fa8715eabc28362aaffe6e0b50b239a5) - Fix regression around chatbot thoughts not being collapsible.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/video@0.14.7
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/gallery@0.15.12
+- @gradio/image@0.21.7
+
+## 0.25.1
+
+### Features
+
+- [#10854](https://github.com/gradio-app/gradio/pull/10854) [`1649b00`](https://github.com/gradio-app/gradio/commit/1649b0038482402d7f0ccdbf86ba65d82b4a12c9) - Add support for `mermaid.js` in `Markdown` component (as well as components like `gr.Chatbot` that use Markdown).  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/video@0.14.6
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/markdown-code@0.4.2
+- @gradio/gallery@0.15.11
+- @gradio/upload@0.15.6
+- @gradio/plot@0.9.11
+- @gradio/image@0.21.6
+
+## 0.25.0
+
+### Features
+
+- [#10814](https://github.com/gradio-app/gradio/pull/10814) [`b42e461`](https://github.com/gradio-app/gradio/commit/b42e4612abad205e0269bd69917c09565daf0cf7) - Adds a watermark parameter to `gr.Chatbot` that is added to copied text.  Thanks @abidlabs!
+
+## 0.24.4
+
+### Features
+
+- [#10743](https://github.com/gradio-app/gradio/pull/10743) [`3086343`](https://github.com/gradio-app/gradio/commit/3086343a6832a941864d77821b23c31c8b26be7f) - Fixed size for pending thoughts.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/image@0.21.5
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/video@0.14.5
+- @gradio/atoms@0.14.0
+- @gradio/markdown-code@0.4.1
+- @gradio/gallery@0.15.10
+- @gradio/plot@0.9.10
+
+## 0.24.3
+
+### Fixes
+
+- [#10724](https://github.com/gradio-app/gradio/pull/10724) [`667f8a1`](https://github.com/gradio-app/gradio/commit/667f8a1f820d46a4d87ad0f65b9e3b37c4de449f) - Fix Chatbot avatar image position.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/video@0.14.4
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/gallery@0.15.9
+- @gradio/upload@0.15.4
+- @gradio/image@0.21.4
+
+## 0.24.2
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/video@0.14.3
+- @gradio/client@1.13.0
+- @gradio/image@0.21.3
+- @gradio/gallery@0.15.8
+
+## 0.24.1
+
+### Fixes
+
+- [#10683](https://github.com/gradio-app/gradio/pull/10683) [`367fe14`](https://github.com/gradio-app/gradio/commit/367fe14381a971c45528d50052121439a023bfc0) - Fix chatbot share button payload too large.  Thanks @dawoodkhan82!
+
+## 0.24.0
+
+### Features
+
+- [#10636](https://github.com/gradio-app/gradio/pull/10636) [`d06f3e3`](https://github.com/gradio-app/gradio/commit/d06f3e3e08d0270b58cefa1be748e6cfd2362c21) - Chatbot thoughts generating animation.  Thanks @dawoodkhan82!
+
+## 0.23.2
+
+### Fixes
+
+- [#10637](https://github.com/gradio-app/gradio/pull/10637) [`75c9748`](https://github.com/gradio-app/gradio/commit/75c9748f50f5825dae601e0a15b85ec666819b6a) - Fix: Chatbot sharing payload too large.  Thanks @dawoodkhan82!
+
+## 0.23.1
+
+### Features
+
+- [#10625](https://github.com/gradio-app/gradio/pull/10625) [`ce4fb99`](https://github.com/gradio-app/gradio/commit/ce4fb994e042489d8c6fbcab3e94d97b08369dce) - fix spelling of `resizable` parameter in `gr.Chatbot`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/image@0.21.2
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/video@0.14.2
+- @gradio/atoms@0.13.3
+- @gradio/gallery@0.15.7
+- @gradio/plot@0.9.9
+
+## 0.23.0
+
+### Features
+
+- [#10507](https://github.com/gradio-app/gradio/pull/10507) [`3748e4c`](https://github.com/gradio-app/gradio/commit/3748e4c902683ff406fdd246fa8c07dbbbed3ad5) - Chatbot `allow_tags`.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/video@0.14.1
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/theme@0.4.0
+- @gradio/client@1.12.0
+- @gradio/markdown-code@0.4.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+- @gradio/plot@0.9.8
+- @gradio/gallery@0.15.6
+- @gradio/image@0.21.1
+
+## 0.22.4
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/image@0.21.0
+- @gradio/gallery@0.15.5
+- @gradio/video@0.14.0
+
+## 0.22.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/image@0.20.4
+- @gradio/video@0.13.4
+- @gradio/wasm@0.17.2
+- @gradio/gallery@0.15.4
+
+## 0.22.2
+
+### Features
+
+- [#10448](https://github.com/gradio-app/gradio/pull/10448) [`337b522`](https://github.com/gradio-app/gradio/commit/337b5224a682fe18dc8d1c1e5bab2a3341ce01dc) - Small tweaks to `gr.ChatMessage` and spacing between chatbot messages.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/image@0.20.3
+- @gradio/video@0.13.3
+- @gradio/wasm@0.17.1
+- @gradio/gallery@0.15.3
+
+## 0.22.1
+
+### Fixes
+
+- [#10405](https://github.com/gradio-app/gradio/pull/10405) [`92dda15`](https://github.com/gradio-app/gradio/commit/92dda15f6d1c71929d3bdca1910734309db72458) - Hide the waveform when playing recorded audio if `show_recording_waveform` is `False`.  Thanks @abidlabs!
+
+## 0.22.0
+
+### Features
+
+- [#10392](https://github.com/gradio-app/gradio/pull/10392) [`4d47e4b`](https://github.com/gradio-app/gradio/commit/4d47e4b4e2f07d4dd5b600f7d9180c7ad3e67a1f) - Add a `log` parameter to Chatbot metadata that allows displaying `str` content next to the thought title.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10404](https://github.com/gradio-app/gradio/pull/10404) [`9dc5d15`](https://github.com/gradio-app/gradio/commit/9dc5d157aaf002f7699d3b2c1652f49d47e53e80) - Tweak behavior related to the `status` of `gr.Chatbot` thought messages.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/video@0.13.2
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+- @gradio/image@0.20.2
+- @gradio/gallery@0.15.2
+- @gradio/plot@0.9.7
+
+## 0.21.0
+
+### Features
+
+- [#10323](https://github.com/gradio-app/gradio/pull/10323) [`391a4d0`](https://github.com/gradio-app/gradio/commit/391a4d09a90406b768eee30e1c12a0bc84fc27a2) - Add `.previous_value` to `gr.EditData`.  Thanks @abidlabs!
+- [#10305](https://github.com/gradio-app/gradio/pull/10305) [`be40307`](https://github.com/gradio-app/gradio/commit/be40307d1d11421e01bf91fa5e05ec4ab97b09d8) - Add support for thinking LLMs directly in `gr.ChatInterface`.  Thanks @abidlabs!
+- [#10226](https://github.com/gradio-app/gradio/pull/10226) [`58b8391`](https://github.com/gradio-app/gradio/commit/58b839196e17776cbd0d48997905496f7746d31f) - Improve tool UI and support nested thoughts.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.13.1
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/gallery@0.15.1
+- @gradio/plot@0.9.6
+- @gradio/image@0.20.1
+
+## 0.20.1
+
+### Dependency updates
+
+- @gradio/gallery@0.15.0
+
+## 0.20.0
+
+### Features
+
+- [#10203](https://github.com/gradio-app/gradio/pull/10203) [`c3a9e64`](https://github.com/gradio-app/gradio/commit/c3a9e647381f787085662828747e6ac61f8a0c01) - Allow editing chatbot messages.  Thanks @aliabid94!
+- [#10272](https://github.com/gradio-app/gradio/pull/10272) [`a1f2649`](https://github.com/gradio-app/gradio/commit/a1f2649586752a013fb4d36b83d5fea2e137bb81) - Chat Interface flagging and chatbot feedback.  Thanks @aliabid94!
+- [#10225](https://github.com/gradio-app/gradio/pull/10225) [`f0cf3b7`](https://github.com/gradio-app/gradio/commit/f0cf3b789a4ebb5ac2e33243fea80c6c6f080d42) - Dataframe support in Chatbot.  Thanks @dawoodkhan82!
+- [#10292](https://github.com/gradio-app/gradio/pull/10292) [`f2bd72f`](https://github.com/gradio-app/gradio/commit/f2bd72f9ef23552f0c6018396320eca9baef04f5) - Reset flagged values when switching conversations in chat history.  Thanks @abidlabs!
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10214](https://github.com/gradio-app/gradio/pull/10214) [`501adef`](https://github.com/gradio-app/gradio/commit/501adefd0c3d5769055ef2156c85e586eb60bf84) - Some agent low-hanging issues.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/gallery@0.14.1
+- @gradio/markdown-code@0.3.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+- @gradio/plot@0.9.5
+- @gradio/image@0.20.0
+- @gradio/video@0.13.0
+
+## 0.19.0
+
+### Features
+
+- [#10149](https://github.com/gradio-app/gradio/pull/10149) [`9cd291b`](https://github.com/gradio-app/gradio/commit/9cd291b7f1c37ef0ffd3e8721fb2b648003b50fc) - Resizeable chatbot.  Thanks @aliabid94!
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+- [#10111](https://github.com/gradio-app/gradio/pull/10111) [`3665e81`](https://github.com/gradio-app/gradio/commit/3665e81b53555e2b499b877208686f3027eaceb4) - Allow Chatbot examples to show more than one image.  Thanks @hannahblair!
+- [#10132](https://github.com/gradio-app/gradio/pull/10132) [`6645518`](https://github.com/gradio-app/gradio/commit/6645518a66e01ebcd2746626a4e2a14239172e76) - Tweak Chatbot `bubble_full_width` behaviour.  Thanks @hannahblair!
+- [#10137](https://github.com/gradio-app/gradio/pull/10137) [`fe7a9db`](https://github.com/gradio-app/gradio/commit/fe7a9db659e009bb5ac0e4e9cb4ac0eab1f2c2f4) - Improve uploaded file UI in Chatbot.  Thanks @hannahblair!
+- [#10169](https://github.com/gradio-app/gradio/pull/10169) [`25484f4`](https://github.com/gradio-app/gradio/commit/25484f4bfbffdb18850cbd85d4468ea8324afe1a) - By default, consecutive messages are displayed in the same bubble. This is controlled by the new `display_consecutive_in_same_bubble` param of Chatbot.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#10129](https://github.com/gradio-app/gradio/pull/10129) [`2b55302`](https://github.com/gradio-app/gradio/commit/2b5530274af3936c82176f09db529168263acc2c) - Quick Fix: Fixes autoplay parameter for Audio/Video in Chatbot.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/video@0.12.1
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+- @gradio/image@0.19.0
+- @gradio/gallery@0.14.0
+- @gradio/plot@0.9.4
+
+## 0.18.0
+
+### Features
+
+- [#10099](https://github.com/gradio-app/gradio/pull/10099) [`8530b6e`](https://github.com/gradio-app/gradio/commit/8530b6e2f986421adceda98f972e6b843bc03fbe) - Redesign pending bubble in Chatbot.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10123](https://github.com/gradio-app/gradio/pull/10123) [`36e9597`](https://github.com/gradio-app/gradio/commit/36e95977b068a96661f06b56c5f4e73ba8a94a38) - Fixes options in the streaming chatbot case.  Thanks @abidlabs!
+- [#10125](https://github.com/gradio-app/gradio/pull/10125) [`b02c8b7`](https://github.com/gradio-app/gradio/commit/b02c8b7d4f85dab21a9fbd782e459de7b56558ed) - Fix sharing on chatbot with spaces.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/gallery@0.13.10
+- @gradio/image@0.18.0
+- @gradio/video@0.12.0
+
+## 0.17.0
+
+### Features
+
+- [#9979](https://github.com/gradio-app/gradio/pull/9979) [`e7629f7`](https://github.com/gradio-app/gradio/commit/e7629f7eacdc2a8960fae7472669b60405a4a06c) - Adds copy event to `gr.Markdown`, `gr.Chatbot`, and `gr.Textbox`.  Thanks @abidlabs!
+- [#9989](https://github.com/gradio-app/gradio/pull/9989) [`369a44e`](https://github.com/gradio-app/gradio/commit/369a44e7f8c829b3c0e21830d3c2e92b89b4c243) - Add ability to provide preset response options in `gr.Chatbot` / `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10055](https://github.com/gradio-app/gradio/pull/10055) [`5da6c1d`](https://github.com/gradio-app/gradio/commit/5da6c1da474cc5cfe2e6abfb242a3b1f3dcdfcb7) - Ensure chatbot messages are aligned correctly.  Thanks @hannahblair!
+- [#10056](https://github.com/gradio-app/gradio/pull/10056) [`e0ed480`](https://github.com/gradio-app/gradio/commit/e0ed480798b237cbf76a711d02a91100e7b6067e) - Remove duplicated share icon in gr.Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.11.9
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+- @gradio/gallery@0.13.9
+- @gradio/plot@0.9.3
+- @gradio/image@0.17.0
+
+## 0.16.3
+
+### Fixes
+
+- [#9905](https://github.com/gradio-app/gradio/pull/9905) [`08f4b8b`](https://github.com/gradio-app/gradio/commit/08f4b8b000702456e04fac70961a4fbe0058f11c) - Add `allow_file_downloads` param to allow downloading image/video/audio media in chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.11.8
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+- @gradio/gallery@0.13.8
+- @gradio/plot@0.9.2
+- @gradio/image@0.16.8
+
+## 0.16.2
+
+### Fixes
+
+- [#9826](https://github.com/gradio-app/gradio/pull/9826) [`69acfeb`](https://github.com/gradio-app/gradio/commit/69acfebffd0d3479a40352de19c8763863557428) - Make sure the Tool accordion is closed if it is not the last message.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/video@0.11.7
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+- @gradio/image@0.16.7
+- @gradio/gallery@0.13.7
+- @gradio/plot@0.9.1
+
+## 0.16.1
+
+### Fixes
+
+- [#9769](https://github.com/gradio-app/gradio/pull/9769) [`3b9ed29`](https://github.com/gradio-app/gradio/commit/3b9ed299e9ffd7df834299cfcd547be0e844e1bb) - Fix avatar image placement in Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.2.1
+- @gradio/video@0.11.6
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/image@0.16.6
+- @gradio/upload@0.13.5
+- @gradio/plot@0.9.0
+- @gradio/gallery@0.13.6
+
+## 0.16.0
+
+### Features
+
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.11.5
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/markdown-code@0.2.0
+- @gradio/upload@0.13.4
+- @gradio/plot@0.8.0
+- @gradio/gallery@0.13.5
+- @gradio/image@0.16.5
+
+## 0.15.2
+
+### Fixes
+
+- [#9730](https://github.com/gradio-app/gradio/pull/9730) [`39a0e8c`](https://github.com/gradio-app/gradio/commit/39a0e8c2fb038eb0afc213fa6290c9b2acee7941) - Fix chatbot component streaming bug and visible bug.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/markdown@0.10.3
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/video@0.11.4
+- @gradio/atoms@0.9.2
+- @gradio/gallery@0.13.4
+- @gradio/plot@0.7.3
+- @gradio/image@0.16.4
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/video@0.11.3
+- @gradio/markdown@0.10.2
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+- @gradio/gallery@0.13.3
+- @gradio/plot@0.7.2
+- @gradio/image@0.16.3
+
+## 0.15.0
+
+### Features
+
+- [#9660](https://github.com/gradio-app/gradio/pull/9660) [`3407b50`](https://github.com/gradio-app/gradio/commit/3407b505c706cd8e2bbe03603a5ff825f2d0a08a) - Chat Interface Functional test Fix + Chat Examples Center.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#9676](https://github.com/gradio-app/gradio/pull/9676) [`fd0264f`](https://github.com/gradio-app/gradio/commit/fd0264f3358ef848690eceacb75481212dceecf0) - Fix Audio in Chatbot bug.  Thanks @freddyaboulton!
+
+## 0.14.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/image@0.16.2
+- @gradio/video@0.11.2
+- @gradio/wasm@0.14.1
+- @gradio/gallery@0.13.2
+
+## 0.14.1
+
+### Features
+
+- [#9617](https://github.com/gradio-app/gradio/pull/9617) [`c163182`](https://github.com/gradio-app/gradio/commit/c163182d1b752ef91629f9caa13bf3cce0fb0869) - Fix dark mode detection and container height.  Thanks @pngwn!
+- [#9623](https://github.com/gradio-app/gradio/pull/9623) [`5923c67`](https://github.com/gradio-app/gradio/commit/5923c679136cca68731393d5e4f3bd338e651f44) - Fix Chatbot Examples Error.  Thanks @freddyaboulton!
+- [#9614](https://github.com/gradio-app/gradio/pull/9614) [`5d98550`](https://github.com/gradio-app/gradio/commit/5d985509b4b71aa4aa6b28acc38fe83c278dbbfa) - Fix `retry` and `undo` reactivity in gr.Chatbot.  Thanks @hannahblair!
+- [#9619](https://github.com/gradio-app/gradio/pull/9619) [`1f3ee97`](https://github.com/gradio-app/gradio/commit/1f3ee97d10415bf7dfa693746517cf97897049b7) - Fix Functional Tests.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#9630](https://github.com/gradio-app/gradio/pull/9630) [`2eaa066`](https://github.com/gradio-app/gradio/commit/2eaa0667e1d1a0edd1089bf8c3ffa3f563b9bca2) - Fix duplicate attribute error.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/video@0.11.1
+- @gradio/statustracker@0.8.1
+- @gradio/gallery@0.13.1
+- @gradio/markdown@0.10.1
+- @gradio/plot@0.7.1
+- @gradio/image@0.16.1
+
+## 0.14.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Small tweak to how thoughts are shown in `gr.Chatbot`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move buttons from chat_interface into Chatbot
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Disable liking user message in chatbot by default but make it configurable
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot Examples
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move icons into `IconButtonWrapper`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix chatinterface embedding height issues
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot bug fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot autoscroll
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix markdown code copy/check button in gr.Chatbot
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 9227 chatinterface retry bug
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Some more chatbot fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fixes: Chatbot examples for custom chatbot + rename `suggestions` -> `examples`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix `gr.Chatbot` panels layout
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Fixes
+
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ensure undo/try shows for final bot message in gr.Chatbot
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/gallery@0.13.0
+- @gradio/icons@0.8.0
+- @gradio/markdown@0.10.0
+- @gradio/plot@0.7.0
+- @gradio/statustracker@0.8.0
+- @gradio/theme@0.3.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.14.0-beta.9
+
+### Fixes
+
+- [#9600](https://github.com/gradio-app/gradio/pull/9600) [`9f71086`](https://github.com/gradio-app/gradio/commit/9f71086036339bfdd14f3aab29729041a01fc2d4) - Ensure undo/try shows for final bot message in gr.Chatbot.  Thanks @hannahblair!
+
+## 0.14.0-beta.8
+
+### Features
+
+- [#9593](https://github.com/gradio-app/gradio/pull/9593) [`cc61fe7`](https://github.com/gradio-app/gradio/commit/cc61fe7047ac61779a61cce52c666400b9517daa) - Some more chatbot fixes.  Thanks @dawoodkhan82!
+- [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll.  Thanks @whitphx!
+- [#9598](https://github.com/gradio-app/gradio/pull/9598) [`ffc33fa`](https://github.com/gradio-app/gradio/commit/ffc33facaec1bcc92add5892afb86b7b5ba037d4) - Fix markdown code copy/check button in gr.Chatbot.  Thanks @hannahblair!
+- [#9499](https://github.com/gradio-app/gradio/pull/9499) [`17e6c84`](https://github.com/gradio-app/gradio/commit/17e6c84d6b11651cd03c1d47caec85de62030ea0) - Fix `gr.Chatbot` panels layout.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/image@0.16.0-beta.7
+- @gradio/video@0.11.0-beta.7
+- @gradio/markdown@0.10.0-beta.5
+- @gradio/gallery@0.13.0-beta.7
+- @gradio/plot@0.7.0-beta.6
+
+## 0.14.0-beta.7
+
+### Features
+
+- [#9571](https://github.com/gradio-app/gradio/pull/9571) [`148345d`](https://github.com/gradio-app/gradio/commit/148345d107763754710505281ad70368ebc6f3ec) - Fix chatinterface embedding height issues.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.6
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/image@0.16.0-beta.6
+- @gradio/gallery@0.13.0-beta.6
+- @gradio/markdown@0.10.0-beta.4
+- @gradio/plot@0.7.0-beta.5
+
+## 0.14.0-beta.6
+
+### Features
+
+- [#9488](https://github.com/gradio-app/gradio/pull/9488) [`4e6a47f`](https://github.com/gradio-app/gradio/commit/4e6a47f5a29cb885d5bc01a79ca4cc45d298f0b1) - Fixes: Chatbot examples for custom chatbot + rename `suggestions` -> `examples`.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/video@0.11.0-beta.5
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/markdown@0.10.0-beta.3
+- @gradio/gallery@0.13.0-beta.5
+- @gradio/plot@0.7.0-beta.4
+- @gradio/image@0.16.0-beta.5
+
+## 0.14.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/markdown@0.10.0-beta.2
+- @gradio/image@0.16.0-beta.4
+- @gradio/video@0.11.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+- @gradio/plot@0.7.0-beta.3
+- @gradio/gallery@0.13.0-beta.4
+
+## 0.14.0-beta.4
+
+### Features
+
+- [#9453](https://github.com/gradio-app/gradio/pull/9453) [`56dbf77`](https://github.com/gradio-app/gradio/commit/56dbf77671012015efd3c745bc33e5074ab7158f) - Chatbot bug fixes.  Thanks @dawoodkhan82!
+
+## 0.14.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/video@0.11.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/gallery@0.13.0-beta.3
+- @gradio/image@0.16.0-beta.3
+
+## 0.14.0-beta.2
+
+### Features
+
+- [#9359](https://github.com/gradio-app/gradio/pull/9359) [`50c3a7f`](https://github.com/gradio-app/gradio/commit/50c3a7f1541f632853a96f3d979ebeef6ad82869) - Small tweak to how thoughts are shown in `gr.Chatbot`.  Thanks @abidlabs!
+- [#9323](https://github.com/gradio-app/gradio/pull/9323) [`06babda`](https://github.com/gradio-app/gradio/commit/06babda0395fd3fbd323c1c3cb33704ecfd6deb0) - Disable liking user message in chatbot by default but make it configurable.  Thanks @freddyaboulton!
+- [#8966](https://github.com/gradio-app/gradio/pull/8966) [`8e52b6a`](https://github.com/gradio-app/gradio/commit/8e52b6a3e75957462bc7fdbf6ff9c280084d5f08) - Chatbot Examples.  Thanks @dawoodkhan82!
+- [#9261](https://github.com/gradio-app/gradio/pull/9261) [`73647a0`](https://github.com/gradio-app/gradio/commit/73647a07b0439efabe3dd218ff6c366ffa3b84a0) - Move icons into `IconButtonWrapper`.  Thanks @hannahblair!
+- [#9316](https://github.com/gradio-app/gradio/pull/9316) [`4338f29`](https://github.com/gradio-app/gradio/commit/4338f29bce2430d765f20070d1823ecc19d940cb) - 9227 chatinterface retry bug.  Thanks @freddyaboulton!
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/gallery@0.13.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/markdown@0.10.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/plot@0.6.5-beta.2
+- @gradio/image@0.16.0-beta.2
+- @gradio/video@0.11.0-beta.2
+
+## 0.14.0-beta.1
+
+### Features
+
+- [#9201](https://github.com/gradio-app/gradio/pull/9201) [`5492e74`](https://github.com/gradio-app/gradio/commit/5492e742b1f1fa618208cce523f50ad22a6e86f1) - Move buttons from chat_interface into Chatbot.  Thanks @freddyaboulton!
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.1
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/image@0.16.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/markdown@0.9.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+- @gradio/theme@0.3.0-beta.1
+- @gradio/gallery@0.13.0-beta.1
+- @gradio/plot@0.6.5-beta.1
+
+## 0.13.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/markdown@0.9.4
+- @gradio/gallery@0.12.2
+- @gradio/theme@0.2.5
+- @gradio/plot@0.6.5
+- @gradio/image@0.15.1
+- @gradio/video@0.10.4
+
+## 0.13.0
+
+### Features
+
+- [#9013](https://github.com/gradio-app/gradio/pull/9013) [`5350f1f`](https://github.com/gradio-app/gradio/commit/5350f1feb20cb7458d188403f319c5087052f695) - Add copy all messages button to chatbot.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Fixes
+
+- [#9161](https://github.com/gradio-app/gradio/pull/9161) [`173c7b8`](https://github.com/gradio-app/gradio/commit/173c7b8624371d89c40eb667bc28b9955c61b063) - Chatbot Image size and list fixes.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/markdown@0.9.3
+- @gradio/statustracker@0.7.5
+- @gradio/theme@0.2.4
+- @gradio/wasm@0.13.0
+- @gradio/gallery@0.12.1
+- @gradio/icons@0.7.1
+- @gradio/plot@0.6.4
+- @gradio/image@0.15.0
+- @gradio/video@0.10.3
+
+## 0.12.4
+
+### Fixes
+
+- [#8847](https://github.com/gradio-app/gradio/pull/8847) [`4d8a473`](https://github.com/gradio-app/gradio/commit/4d8a473632e388a312aee5c705b3c1f79853441b) - Refactor Chatinterface to use Chatbot instead of gr.State variables.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/gallery@0.12.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/markdown@0.9.2
+- @gradio/plot@0.6.3
+- @gradio/image@0.14.0
+- @gradio/audio@0.13.2
+- @gradio/video@0.10.2
+
+## 0.12.3
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/image@0.13.1
+- @gradio/video@0.10.1
+- @gradio/audio@0.13.1
+- @gradio/gallery@0.11.4
+- @gradio/markdown@0.9.1
+- @gradio/plot@0.6.2
+
+## 0.12.2
+
+### Fixes
+
+- [#8865](https://github.com/gradio-app/gradio/pull/8865) [`2f630ab`](https://github.com/gradio-app/gradio/commit/2f630abf53ec493a3ff5e827b5951b26c74b7242) - Chatbot Examples Scroll Fix.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/audio@0.13.0
+- @gradio/video@0.10.0
+- @gradio/wasm@0.12.0
+- @gradio/markdown@0.9.0
+- @gradio/client@1.4.0
+- @gradio/image@0.13.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+- @gradio/gallery@0.11.3
+- @gradio/plot@0.6.1
+
+## 0.12.1
+
+### Features
+
+- [#8766](https://github.com/gradio-app/gradio/pull/8766) [`2b4636e`](https://github.com/gradio-app/gradio/commit/2b4636e75cf728846253451b7104b724609a9cd1) - Fix width of assistant's chatbot bubble.  Thanks @pngwn!
+
+## 0.12.0
+
+### Highlights
+
+#### Support message format in chatbot 💬 ([#8422](https://github.com/gradio-app/gradio/pull/8422) [`4221290`](https://github.com/gradio-app/gradio/commit/4221290d847041024b1faa3df5585bba0775b8b3))
+
+`gr.Chatbot` and `gr.ChatInterface` now support the [Messages API](https://huggingface.co/docs/text-generation-inference/en/messages_api#messages-api), which is fully compatible with LLM API providers such as Hugging Face Text Generation Inference, OpenAI's chat completions API, and Llama.cpp server. 
+
+Building Gradio applications around these LLM solutions is now even easier! 
+
+`gr.Chatbot` and `gr.ChatInterface` now have a `type` parameter that can accept two values - `'tuples'` and `'messages'`. If set to `'tuples'`, the default chatbot data format is expected. If set to `'messages'`, a list of dictionaries with `content` and `role` keys is expected. See below - 
+
+```python
+def chat_greeter(msg, history):
+    history.append({"role": "assistant", "content": "Hello!"})
+    return history
+```
+
+Additionally, gradio now exposes a `gr.ChatMessage` dataclass you can use for IDE type hints and auto completion.
+
+<img width="852" alt="image" src="https://github.com/freddyaboulton/freddyboulton/assets/41651716/d283e8f3-b194-466a-8194-c7e697dca9ad">
+
+
+#### Tool use in Chatbot 🛠️
+
+The Gradio Chatbot can now natively display tool usage and intermediate thoughts common in Agent and chain-of-thought workflows!
+
+If you are using the new "messages" format, simply add a `metadata` key with a dictionary containing a `title` key and `value`. This will display the assistant message in an expandable message box to show the result of a tool or intermediate step.
+
+```python
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+def generate_response(history):
+    history.append(ChatMessage(role="user", content="What is the weather in San Francisco right now?"))
+    yield history
+    time.sleep(0.25)
+    history.append(ChatMessage(role="assistant",
+                               content="In order to find the current weather in San Francisco, I will need to use my weather tool.")
+                               )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="API Error when connecting to weather service.",
+                              metadata={"title": "💥 Error using tool 'Weather'"})
+                  )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="I will try again",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Weather 72 degrees Fahrenheit with 20% chance of rain.",
+                                metadata={"title": "🛠️ Used tool 'Weather'"}
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Now that the API succeeded I can complete my task.",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="It's a sunny day in San Francisco with a current temperature of 72 degrees Fahrenheit and a 20% chance of rain. Enjoy the weather!",
+                              ))
+    yield history
+
+
+with gr.Blocks() as demo:
+    chatbot  = gr.Chatbot(type="messages")
+    button = gr.Button("Get San Francisco Weather")
+    button.click(generate_response, chatbot, chatbot)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+
+
+![tool-box-demo](https://github.com/freddyaboulton/freddyboulton/assets/41651716/cf73ecc9-90ac-42ce-bca5-768e0cc00a48)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8758](https://github.com/gradio-app/gradio/pull/8758) [`26cdd0f`](https://github.com/gradio-app/gradio/commit/26cdd0ffe049ecfe751f3831cbdb4c04c0ecf934) - Revert chatbot styling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/markdown@0.8.1
+- @gradio/upload@0.11.5
+- @gradio/image@0.12.2
+- @gradio/icons@0.6.0
+- @gradio/plot@0.6.0
+- @gradio/audio@0.12.2
+- @gradio/gallery@0.11.2
+- @gradio/video@0.9.2
+
+## 0.11.1
+
+### Fixes
+
+- [#8655](https://github.com/gradio-app/gradio/pull/8655) [`3896398`](https://github.com/gradio-app/gradio/commit/38963984800d58bfad81bc928f2d631cb4bac773) - Ensure copy button on chatbot shows when appropriate.  Thanks @pngwn!
+- [#8631](https://github.com/gradio-app/gradio/pull/8631) [`9b8840a`](https://github.com/gradio-app/gradio/commit/9b8840ab5f712a6634b77df014083071fa253ba0) - Ensure chatbot messages are visible to screenreaders.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/gallery@0.11.1
+- @gradio/image@0.12.1
+- @gradio/audio@0.12.1
+- @gradio/video@0.9.1
+
+## 0.11.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+- [#8607](https://github.com/gradio-app/gradio/pull/8607) [`c7cd0a0`](https://github.com/gradio-app/gradio/commit/c7cd0a0e9aefe0e5ee5584df676f3cc69a403059) - Ensure chatbot background is consistent with other components.  Thanks @pngwn!
+- [#8555](https://github.com/gradio-app/gradio/pull/8555) [`7fc7455`](https://github.com/gradio-app/gradio/commit/7fc7455553c04c52c8e25d520f3d67f1b5609637) - support html in chatbot.  Thanks @pngwn!
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/audio@0.12.0
+- @gradio/gallery@0.11.0
+- @gradio/image@0.12.0
+- @gradio/plot@0.5.0
+- @gradio/utils@0.5.0
+- @gradio/video@0.9.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/markdown@0.8.0
+- @gradio/upload@0.11.3
+
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/audio@0.11.10
+- @gradio/image@0.11.10
+- @gradio/video@0.8.10
+
+## 0.10.10
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/audio@0.11.9
+- @gradio/image@0.11.9
+- @gradio/video@0.8.9
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+- @gradio/audio@0.11.8
+- @gradio/image@0.11.8
+- @gradio/video@0.8.8
+- @gradio/markdown@0.7.6
+
+## 0.10.8
+
+### Features
+
+- [#8377](https://github.com/gradio-app/gradio/pull/8377) [`341844f`](https://github.com/gradio-app/gradio/commit/341844f04efe0e7e512c7ca443f3f2b195a32fa7) - Click to preview images in chatbot.  Thanks @dawoodkhan82!
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/audio@0.11.7
+- @gradio/image@0.11.7
+- @gradio/video@0.8.7
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/audio@0.11.6
+- @gradio/image@0.11.6
+- @gradio/upload@0.10.6
+- @gradio/video@0.8.6
+- @gradio/markdown@0.7.6
+
+## 0.10.5
+
+### Features
+
+- [#8311](https://github.com/gradio-app/gradio/pull/8311) [`35905c5`](https://github.com/gradio-app/gradio/commit/35905c5c8f7acbe669486ac8f57b6955328e4783) - Cleanup markdown styling.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/markdown@0.7.5
+- @gradio/theme@0.2.3
+- @gradio/client@0.19.4
+- @gradio/audio@0.11.5
+- @gradio/image@0.11.5
+- @gradio/video@0.8.5
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/audio@0.11.4
+- @gradio/image@0.11.4
+- @gradio/upload@0.10.4
+- @gradio/video@0.8.4
+- @gradio/markdown@0.7.4
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/audio@0.11.3
+- @gradio/image@0.11.3
+- @gradio/video@0.8.3
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/audio@0.11.2
+- @gradio/image@0.11.2
+- @gradio/markdown@0.7.3
+- @gradio/video@0.8.2
+- @gradio/upload@0.10.2
+
+## 0.10.1
+
+### Features
+
+- [#8226](https://github.com/gradio-app/gradio/pull/8226) [`892181b`](https://github.com/gradio-app/gradio/commit/892181b4fdb13dd6048a620dd985d47bc3c26ed7) - chore(deps): update dependency @types/prismjs to v1.26.4.  Thanks @renovate!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/markdown@0.7.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/audio@0.11.1
+- @gradio/image@0.11.1
+- @gradio/upload@0.10.1
+- @gradio/video@0.8.1
+
+## 0.10.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+- @gradio/audio@0.11.0
+- @gradio/image@0.11.0
+- @gradio/video@0.8.0
+- @gradio/markdown@0.7.1
+
+## 0.9.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/audio@0.10.0
+- @gradio/image@0.10.0
+- @gradio/markdown@0.7.0
+- @gradio/statustracker@0.5.0
+- @gradio/video@0.7.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.8.3
+
+### Features
+
+- [#7998](https://github.com/gradio-app/gradio/pull/7998) [`06bdf0e`](https://github.com/gradio-app/gradio/commit/06bdf0eddf59bf79b6b4d1268fc9290955ef2490) - Restore chatbot formatting.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8025](https://github.com/gradio-app/gradio/pull/8025) [`55ef4a5`](https://github.com/gradio-app/gradio/commit/55ef4a52c3d600344d8cf1a667f3f352c52c8e57) - Fixes Chatbot Image Sizing.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/theme@0.2.2
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/audio@0.9.12
+- @gradio/image@0.9.12
+- @gradio/video@0.6.12
+- @gradio/markdown@0.6.10
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/image@0.9.11
+- @gradio/markdown@0.6.9
+- @gradio/theme@0.2.1
+- @gradio/client@0.15.1
+- @gradio/video@0.6.11
+- @gradio/audio@0.9.11
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+- @gradio/audio@0.9.10
+- @gradio/image@0.9.10
+- @gradio/video@0.6.10
+
+## 0.8.0
+
+### Features
+
+- [#7849](https://github.com/gradio-app/gradio/pull/7849) [`7af3cd7`](https://github.com/gradio-app/gradio/commit/7af3cd7ccb8cc556fd2b290af0bed1c7ec07d174) - Adds a `placeholder` argument to `gr.Chatbot`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+- @gradio/audio@0.9.9
+- @gradio/image@0.9.9
+- @gradio/video@0.6.9
+- @gradio/markdown@0.6.8
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+- @gradio/audio@0.9.8
+- @gradio/image@0.9.8
+- @gradio/video@0.6.8
+- @gradio/markdown@0.6.7
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/markdown@0.6.6
+- @gradio/audio@0.9.7
+- @gradio/image@0.9.7
+- @gradio/video@0.6.7
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/audio@0.9.6
+- @gradio/image@0.9.6
+- @gradio/video@0.6.6
+
+## 0.7.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/audio@0.9.5
+  - @gradio/image@0.9.5
+  - @gradio/video@0.6.5
+
+## 0.7.4
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.7.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+  - @gradio/audio@0.9.3
+  - @gradio/image@0.9.3
+  - @gradio/markdown@0.6.5
+  - @gradio/video@0.6.3
+
+## 0.7.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/audio@0.9.2
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/image@0.9.2
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+  - @gradio/video@0.6.2
+  - @gradio/markdown@0.6.4
+
+## 0.7.1
+
+### Patch Changes
+
+- Updated dependencies [[`17fb116`](https://github.com/gradio-app/gradio/commit/17fb116492f951ab66e3a39b5fdfb598f5446b6f), [`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/markdown@0.6.3
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/audio@0.9.1
+  - @gradio/image@0.9.1
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+  - @gradio/video@0.6.1
+
+## 0.7.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.4
+
+### Patch Changes
+
+- Updated dependencies [[`e5344ba`](https://github.com/gradio-app/gradio/commit/e5344ba0cd63d21dbb525330bbc07ca2eca57832), [`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd), [`ded5256`](https://github.com/gradio-app/gradio/commit/ded5256c4a39a84155b9c3d7f4e8e7060d798186), [`733ca26`](https://github.com/gradio-app/gradio/commit/733ca266bb1ba9049ed7309b8f0614199682e173), [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f), [`2e6672c`](https://github.com/gradio-app/gradio/commit/2e6672c815e39fd6af78353e66661100b9102cd4), [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557), [`200e251`](https://github.com/gradio-app/gradio/commit/200e2518e4d449aa82819a8d119e912bd1d95c15), [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16), [`e3217b4`](https://github.com/gradio-app/gradio/commit/e3217b41862925a6a05f44070ac2bdabbeee6769), [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739)]:
+  - @gradio/markdown@0.6.2
+  - @gradio/upload@0.7.1
+  - @gradio/audio@0.8.1
+  - @gradio/image@0.8.0
+  - @gradio/client@0.11.0
+  - @gradio/utils@0.2.2
+  - @gradio/video@0.5.1
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.6.3
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`ca8753b`](https://github.com/gradio-app/gradio/commit/ca8753bb3d829d0077f758ba8d0ddc866ff74d3d), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c35fac0`](https://github.com/gradio-app/gradio/commit/c35fac049a44b14719509443c68690e7f23ce70d), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32), [`13cb6af`](https://github.com/gradio-app/gradio/commit/13cb6af8b23be063d85b2c632f36afa37d874e5d), [`e8b2d8b`](https://github.com/gradio-app/gradio/commit/e8b2d8b2f81b7c4b2d107765f06eaf09a030f1df)]:
+  - @gradio/utils@0.2.1
+  - @gradio/markdown@0.6.1
+  - @gradio/audio@0.8.0
+  - @gradio/upload@0.7.0
+  - @gradio/video@0.5.0
+  - @gradio/atoms@0.5.0
+  - @gradio/image@0.7.1
+  - @gradio/statustracker@0.4.4
+
+## 0.6.2
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd), [`6be3c2c`](https://github.com/gradio-app/gradio/commit/6be3c2c47a616c904c8497d1fbef7a851c54d488), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/image@0.7.0
+  - @gradio/video@0.4.0
+  - @gradio/upload@0.6.1
+  - @gradio/audio@0.7.2
+
+## 0.6.1
+
+### Fixes
+
+- [#6958](https://github.com/gradio-app/gradio/pull/6958) [`0f0498b`](https://github.com/gradio-app/gradio/commit/0f0498bf97a036efe47d01b47c4b26000d8d1df3) - Ensure Chatbot theme text size is set correctly. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.6.0
+
+### Features
+
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6900](https://github.com/gradio-app/gradio/pull/6900) [`4511d57`](https://github.com/gradio-app/gradio/commit/4511d57c46bf82c48e8e575040ff7dab528b8d51) - Fix the aria-label attrs in `gr.Chatbot()`. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6899](https://github.com/gradio-app/gradio/pull/6899) [`bd11d6e`](https://github.com/gradio-app/gradio/commit/bd11d6e570755405eac637f1ef71b8d7be09ff67) - Remove the styles on the audio elements in the Chatbot component. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.5.6
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/upload@0.5.7
+
+## 0.5.5
+
+### Patch Changes
+
+- Updated dependencies [[`846d52d`](https://github.com/gradio-app/gradio/commit/846d52d1c92d429077382ce494eea27fd062d9f6), [`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`f3abde8`](https://github.com/gradio-app/gradio/commit/f3abde80884d96ad69b825020c46486d9dd5cac5), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/markdown@0.6.0
+  - @gradio/client@0.9.3
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+
+## 0.5.4
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.5.3
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+
+## 0.5.2
+
+### Features
+
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.1
+
+### Fixes
+
+- [#6574](https://github.com/gradio-app/gradio/pull/6574) [`2b625ad`](https://github.com/gradio-app/gradio/commit/2b625ad9403c3449b34a8a3da68ae48c4347c2db) - Ensure Chatbot messages are properly aligned when `rtl` is true. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6572](https://github.com/gradio-app/gradio/pull/6572) [`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50) - Improve like/dislike functionality. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.0
+
+### Features
+
+- [#6537](https://github.com/gradio-app/gradio/pull/6537) [`6d3fecfa4`](https://github.com/gradio-app/gradio/commit/6d3fecfa42dde1c70a60c397434c88db77289be6) - chore(deps): update all non-major dependencies. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.4.8
+
+### Features
+
+- [#6296](https://github.com/gradio-app/gradio/pull/6296) [`46f13f496`](https://github.com/gradio-app/gradio/commit/46f13f4968c8177e318c9d75f2eed1ed55c2c042) - chore(deps): update all non-major dependencies. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.4.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+  - @gradio/markdown@0.3.3
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/markdown@0.3.2
+  - @gradio/statustracker@0.3.2
+
+## 0.4.5
+
+### Fixes
+
+- [#6386](https://github.com/gradio-app/gradio/pull/6386) [`e76a9e8fc`](https://github.com/gradio-app/gradio/commit/e76a9e8fcbbfc393298de2aa539f2b152c0d6400) - Fix Chatbot Pending Message Issues. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.4.3
+
+### Fixes
+
+- [#6316](https://github.com/gradio-app/gradio/pull/6316) [`4b1011bab`](https://github.com/gradio-app/gradio/commit/4b1011bab03c0b6a09329e0beb9c1b17b2189878) - Maintain text selection in `Chatbot` button elements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.4.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.9
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.0-beta.8
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.7
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.5.3
+
+### Fixes
+
+- [#5827](https://github.com/gradio-app/gradio/pull/5827) [`48e09ee88`](https://github.com/gradio-app/gradio/commit/48e09ee88799efa38a5cc9b1b61e462f72ec6093) - Quick fix: Chatbot change event. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e)]:
+  - @gradio/theme@0.2.0
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/markdown@0.3.1
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.5.1
+
+### Fixes
+
+- [#5775](https://github.com/gradio-app/gradio/pull/5775) [`e2874bc3c`](https://github.com/gradio-app/gradio/commit/e2874bc3cb1397574f77dbd7f0408ed4e6792970) - fix pending chatbot message styling and ensure messages with value `None` don't render. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.0
+
+### Features
+
+- [#5699](https://github.com/gradio-app/gradio/pull/5699) [`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2) - Improve chatbot accessibility and UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5755](https://github.com/gradio-app/gradio/pull/5755) [`e842a561a`](https://github.com/gradio-app/gradio/commit/e842a561af4394f8109291ee5725bcf74743e816) - Fix new line issue in chatbot. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`ee8eec1e5`](https://github.com/gradio-app/gradio/commit/ee8eec1e5e544a0127e0aa68c2522a7085b8ada5)]:
+  - @gradio/markdown@0.2.2
+
+## 0.4.0
+
+### Features
+
+- [#5671](https://github.com/gradio-app/gradio/pull/5671) [`6a36c3b78`](https://github.com/gradio-app/gradio/commit/6a36c3b786700600d3826ce1e0629cc5308ddd47) - chore(deps): update dependency @types/prismjs to v1.26.1. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5604](https://github.com/gradio-app/gradio/pull/5604) [`faad01f8e`](https://github.com/gradio-app/gradio/commit/faad01f8e10ef6d18249b1a4587477c59b74adb2) - Add `render_markdown` parameter to chatbot. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5593](https://github.com/gradio-app/gradio/pull/5593) [`88d43bd12`](https://github.com/gradio-app/gradio/commit/88d43bd124792d216da445adef932a2b02f5f416) - Fixes avatar image in chatbot being squashed. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.3.2
+
+### Fixes
+
+- [#5470](https://github.com/gradio-app/gradio/pull/5470) [`a4e010a9`](https://github.com/gradio-app/gradio/commit/a4e010a96f1d8a52b3ac645e03fe472b9c3cbbb1) - Fix share button position. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/markdown@0.2.0
+  - @gradio/statustracker@0.2.0
+  - @gradio/theme@0.1.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.3.0
+
+### Highlights
+
+#### Like/Dislike Button for Chatbot ([#5391](https://github.com/gradio-app/gradio/pull/5391) [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db))
+
+Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Features
+
+- [#5334](https://github.com/gradio-app/gradio/pull/5334) [`c5bf9138`](https://github.com/gradio-app/gradio/commit/c5bf91385a632dc9f612499ee01166ac6ae509a9) - Add chat bubble width param. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Fixes
+
+- [#5304](https://github.com/gradio-app/gradio/pull/5304) [`05892302`](https://github.com/gradio-app/gradio/commit/05892302fb8fe2557d57834970a2b65aea97355b) - Adds kwarg to disable html sanitization in `gr.Chatbot()`. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5366](https://github.com/gradio-app/gradio/pull/5366) [`0cc7e2dc`](https://github.com/gradio-app/gradio/commit/0cc7e2dcf60e216e0a30e2f85a9879ce3cb2a1bd) - Hide avatar when message none. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.2
+
+### Fixes
+
+- [#5319](https://github.com/gradio-app/gradio/pull/5319) [`3341148c`](https://github.com/gradio-app/gradio/commit/3341148c109b5458cc88435d27eb154210efc472) - Fix: wrap avatar-image in a div to clip its shape. Thanks [@Keldos-Li](https://github.com/Keldos-Li)!
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19)]:
+  - @gradio/markdown@0.1.1
+
+## 0.2.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5112](https://github.com/gradio-app/gradio/pull/5112) [`1cefee7f`](https://github.com/gradio-app/gradio/commit/1cefee7fc05175aca23ba04b3a3fda7b97f49bf0) - chore(deps): update dependency marked to v7. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#5258](https://github.com/gradio-app/gradio/pull/5258) [`92282cea`](https://github.com/gradio-app/gradio/commit/92282cea6afdf7e9930ece1046d8a63be34b3cea) - Chatbot Avatar Images. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+### Fixes
+
+- [#5242](https://github.com/gradio-app/gradio/pull/5242) [`2b397791`](https://github.com/gradio-app/gradio/commit/2b397791fe2059e4beb72937ff0436f2d4d28b4b) - Fix message text overflow onto copy button in `gr.Chatbot`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5285](https://github.com/gradio-app/gradio/pull/5285) [`cdfd4217`](https://github.com/gradio-app/gradio/commit/cdfd42174a9c777eaee9c1209bf8e90d8c7791f2) - Tweaks to `icon` parameter in `gr.Button()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5122](https://github.com/gradio-app/gradio/pull/5122) [`3b805346`](https://github.com/gradio-app/gradio/commit/3b8053469aca6c7a86a6731e641e4400fc34d7d3) - Allows code block in chatbot to scroll horizontally. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.1.0
+
+### Features
+
+- [#5125](https://github.com/gradio-app/gradio/pull/5125) [`80be7a1c`](https://github.com/gradio-app/gradio/commit/80be7a1ca44c0adef1668367b2cf36b65e52e576) - chatbot conversation nodes can contain a copy button. Thanks [@fazpu](https://github.com/fazpu)!
+- [#5137](https://github.com/gradio-app/gradio/pull/5137) [`22aa5eba`](https://github.com/gradio-app/gradio/commit/22aa5eba3fee3f14473e4b0fac29cf72fe31ef04) - Use font size `--text-md` for `<code>` in Chatbot messages. Thanks [@jaywonchung](https://github.com/jaywonchung)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`41c83070`](https://github.com/gradio-app/gradio/commit/41c83070b01632084e7d29123048a96c1e261407)]:
+  - @gradio/theme@0.0.2
+  - @gradio/utils@0.0.2
+  - @gradio/atoms@0.0.2
+  - @gradio/upload@0.0.2
\ No newline at end of file
diff --git a/js/chatbot/Chatbot.stories.svelte b/js/chatbot/Chatbot.stories.svelte
new file mode 100644
index 0000000..ba1bd76
--- /dev/null
+++ b/js/chatbot/Chatbot.stories.svelte
@@ -0,0 +1,400 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Chatbot from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const bus = "/bus.png";
+	const cheetah = "/cheetah.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/Chatbot",
+		component: Chatbot,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The textbox label",
+				name: "label"
+			},
+			show_label: {
+				options: [true, false],
+				description: "Whether to show the label",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			rtl: {
+				options: [true, false],
+				description: "Whether to render right-to-left",
+				control: { type: "boolean" },
+				defaultValue: false
+			}
+		}
+	});
+
+	const defaultValue = [
+		{
+			role: "user",
+			content: [{ type: "text", text: "Can you write a function in Python?" }]
+		},
+		{
+			role: "assistant",
+			content: [{ type: "text", text: "```py\ndef test():\n\tprint(x)\n```" }]
+		},
+		{ role: "user", content: [{ type: "text", text: "Can you do math?" }] },
+		{ role: "assistant", content: [{ type: "text", text: "$$1+1=2$$" }] },
+		{
+			role: "user",
+			content: [{ type: "text", text: "Can you say nothing?" }]
+		}
+	];
+</script>
+
+{#snippet template(args)}
+	<Chatbot {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Chatbot with math enabled"
+	args={{
+		latex_delimiters: [{ left: "$$", right: "$$", display: true }],
+		value: defaultValue
+	}}
+	{template}
+/>
+<Story
+	name="Chatbot with text rendered right-to-left"
+	args={{
+		rtl: true,
+		latex_delimiters: [{ left: "$$", right: "$$", display: true }],
+		value: [
+			{
+				role: "user",
+				content: [
+					{
+						type: "text",
+						text: "حلّت التجارية عرض لم, كرسي قادة دار كل. ما خيار ماذا بمحاولة به،. كما عن تونس إيطاليا. يتم بـ لأداء حادثة معزّزة."
+					}
+				]
+			},
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "text",
+						text: "إعادة احداث اعلان بين قد, ما القوى الحكومة التغييرات جهة. قبل و يذكر الإمتعاض, أوسع وشعار إستعمل بعد تم. سبتمبر الصفحة عل أضف, أي وفي الدمج تشكيل وصافرات. حيث قد بقسوة هاربر بأيدي, أملاً نتيجة الثالث ما على, ثم مدن للسيطرة بالتوقيع. هذه ان حقول أخرى."
+					}
+				]
+			},
+			{
+				role: "user",
+				content: [
+					{
+						type: "text",
+						text: "أي وتنصيب الصعداء انه. تاريخ بالجانب هو فصل, أخذ لمحاكم الإتفاقية ان. كنقطة بالعمل التكاليف شيء مع, وجزر الهادي كان و, أي حدى يطول الحكومة اليابان. حيث كرسي لتقليعة الاندونيسية تم, للصين وبغطاء بال بل. ٣٠ لهذه قتيل، ارتكبها كلا. سابق وبدأت تم ذات."
+					}
+				]
+			},
+			{
+				role: "assistant",
+				content: [
+					{ type: "text", text: "اليف نفس. ما يتبقّ لبولندا، استراليا، دول." }
+				]
+			}
+		]
+	}}
+	{template}
+/>
+<Story
+	name="Chatbot with panel layout enabled and avatars"
+	args={{
+		show_copy_button: true,
+		layout: "panel",
+		avatar_images: [
+			{ url: "https://avatars.githubusercontent.com/u/100000?v=4" },
+			{ url: "https://avatars.githubusercontent.com/u/100000?v=4" }
+		],
+		value: defaultValue
+	}}
+	{template}
+/>
+<Story
+	name="Chatbot with bubble layout enabled and avatars"
+	args={{
+		layout: "bubble",
+		avatar_images: [
+			{ url: "https://avatars.githubusercontent.com/u/100000?v=4" },
+			{ url: "https://avatars.githubusercontent.com/u/100000?v=4" }
+		],
+		value: defaultValue
+	}}
+	{template}
+/>
+<Story
+	name="Chatbot with percentage height"
+	args={{ layout: "panel", height: "50%", value: defaultValue }}
+	{template}
+/>
+<Story
+	name="Chatbot with placeholder"
+	args={{
+		value: [],
+		placeholder:
+			"**Gradio Helper**\n\nThis Chatbot can help you on *any topic related to Gradio*."
+	}}
+	{template}
+/>
+<Story
+	name="Uploaded text files"
+	args={{
+		type: "messages",
+		value: [
+			{
+				role: "user",
+				content: [
+					{
+						type: "file",
+						file: { path: "abc/qwerty.pdf", url: "" },
+						alt_text: null
+					}
+				]
+			},
+			{
+				role: "user",
+				content: [
+					{
+						type: "file",
+						file: { path: "abc/qwerty.txt", url: "" },
+						alt_text: null
+					}
+				]
+			},
+			{
+				role: "user",
+				content: [
+					{
+						type: "file",
+						file: { path: "abc/qwerty.rtf", url: "" },
+						alt_text: null
+					}
+				]
+			}
+		]
+	}}
+	{template}
+/>
+<Story
+	name="Consecutive messages grouped in same bubble"
+	args={{
+		type: "messages",
+		display_consecutive_in_same_bubble: true,
+		value: [
+			{ role: "user", content: [{ type: "text", text: "Show me the file." }] },
+			{
+				role: "user",
+				content: [{ type: "text", text: "Second user message" }]
+			},
+			{
+				role: "assistant",
+				content: [{ type: "text", text: "Here is the file you requested" }]
+			},
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "file",
+						file: { path: "abc/qwerty.txt", url: "" },
+						alt_text: null
+					}
+				]
+			}
+		]
+	}}
+	{template}
+/>
+<Story
+	name="MultimodalChatbot with examples"
+	args={{
+		value: [],
+		examples: [
+			{ text: "What is machine learning?", icon: { mime_type: "text" } },
+			{
+				text: "Analyze this image",
+				files: [
+					{
+						mime_type: "image/jpeg",
+						url: bus,
+						orig_name: "bus.png"
+					}
+				]
+			},
+			{
+				text: "Process this document",
+				files: [
+					{
+						mime_type: "application/pdf",
+						url: "/document.pdf",
+						orig_name: "document.pdf"
+					}
+				]
+			},
+			{
+				text: "Compare these images",
+				files: [
+					{
+						mime_type: "image/jpeg",
+						url: bus,
+						orig_name: "image1.jpg"
+					},
+					{
+						mime_type: "image/jpeg",
+						url: bus,
+						orig_name: "image2.jpg"
+					},
+					{
+						mime_type: "image/jpeg",
+						url: bus,
+						orig_name: "image3.jpg"
+					}
+				]
+			},
+			{
+				text: "Process these files",
+				files: [
+					{
+						mime_type: "application/pdf",
+						url: "doc1.pdf",
+						orig_name: "document1.pdf"
+					},
+					{
+						mime_type: "application/pdf",
+						url: "/doc2.pdf",
+						orig_name: "document2.pdf"
+					},
+					{
+						mime_type: "application/pdf",
+						url: "/doc3.pdf",
+						orig_name: "document3.pdf"
+					}
+				]
+			},
+			{
+				text: "Analyze this dataset",
+				files: [
+					{
+						mime_type: "image/jpeg",
+						url: bus,
+						orig_name: "visualization.jpg"
+					},
+					{
+						mime_type: "image/jpeg",
+						url: bus,
+						orig_name: "visualization.jpg"
+					},
+					{
+						mime_type: "application/pdf",
+						url: "/data.pdf",
+						orig_name: "data.pdf"
+					},
+					{
+						mime_type: "audio/mp3",
+						url: "/audio.mp3",
+						orig_name: "recording.mp3"
+					},
+					{ mime_type: "video/mp4", url: "/video.mp4", orig_name: "video.mp4" }
+				]
+			}
+		]
+	}}
+	{template}
+/>
+<Story
+	name="Displaying Tool Message"
+	args={{
+		type: "messages",
+		display_consecutive_in_same_bubble: true,
+		value: [
+			{
+				role: "user",
+				content: [{ type: "text", text: "What is 27 * 14?" }],
+				duration: 0.1
+			},
+			{
+				role: "assistant",
+				duration: 10,
+				content: [
+					{ type: "text", text: "Let me break this down step by step." }
+				],
+				metadata: { id: 1, title: "Solving multiplication", parent_id: 0 }
+			},
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "text",
+						text: "First, let's multiply 27 by 10: 27 * 10 = 270"
+					}
+				],
+				metadata: { id: 2, title: "Step 1", parent_id: 1 }
+			},
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "text",
+						text: "We can do this quickly because multiplying by 10 just adds a zero"
+					}
+				],
+				metadata: { id: 6, title: "Quick Tip", parent_id: 2 }
+			},
+			{
+				role: "assistant",
+				content: [
+					{ type: "text", text: "Then multiply 27 by 4: 27 * 4 = 108" }
+				],
+				metadata: { id: 3, title: "Step 2", parent_id: 1 }
+			},
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "text",
+						text: "Adding these together: 270 + 108 = 378. Therefore, 27 * 14 = 378"
+					}
+				]
+			},
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "text",
+						text: "Let me verify this result using a different method."
+					}
+				],
+				metadata: { id: 4, title: "Verification", parent_id: 0 }
+			},
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "text",
+						text: "Using the standard algorithm: 27 * 14 = (20 + 7) * (10 + 4)"
+					}
+				],
+				metadata: { id: 5, title: "Expanding", parent_id: 4 }
+			},
+			{
+				role: "assistant",
+				content: [{ type: "text", text: "The result is confirmed to be 378." }]
+			}
+		]
+	}}
+	{template}
+/>
diff --git a/js/chatbot/Chatbot.test.ts b/js/chatbot/Chatbot.test.ts
new file mode 100644
index 0000000..f8392fc
--- /dev/null
+++ b/js/chatbot/Chatbot.test.ts
@@ -0,0 +1,1331 @@
+import { test, describe, expect, afterEach, vi } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import Chatbot from "./Index.svelte";
+import {
+	group_messages,
+	normalise_messages,
+	is_last_bot_message,
+	all_text,
+	get_thought_content
+} from "./shared/utils";
+import type { NormalisedMessage, Message, ThoughtNode } from "./types";
+
+function text_msg(
+	role: "user" | "assistant",
+	text: string,
+	index: number,
+	opts?: { options?: { value: string; label?: string }[]; metadata?: any }
+): Message {
+	return {
+		role,
+		content: [{ type: "text", text }],
+		index,
+		metadata: opts?.metadata ?? { title: null },
+		...(opts?.options ? { options: opts.options } : {})
+	};
+}
+
+function file_msg(
+	role: "user" | "assistant",
+	url: string,
+	mime_type: string,
+	index: number
+): Message {
+	return {
+		role,
+		content: [
+			{
+				type: "file",
+				file: {
+					path: url,
+					url,
+					orig_name: url.split("/").pop() || "file",
+					size: 1024,
+					mime_type,
+					is_stream: false
+				},
+				alt_text: null
+			}
+		],
+		index,
+		metadata: { title: null }
+	};
+}
+
+const default_props = {
+	label: "Chatbot",
+	show_label: true,
+	value: null as Message[] | null,
+	latex_delimiters: [{ left: "$$", right: "$$", display: true }],
+	likeable: false,
+	feedback_options: [] as string[],
+	feedback_value: null as (string | null)[] | null,
+	like_user_message: false,
+	_retryable: false,
+	_undoable: false,
+	_selectable: false,
+	editable: null as "user" | "all" | null,
+	layout: "bubble" as const,
+	render_markdown: true,
+	sanitize_html: true,
+	line_breaks: true,
+	allow_tags: false as string[] | boolean,
+	group_consecutive_messages: true,
+	autoscroll: false,
+	placeholder: null as string | null,
+	examples: null as any,
+	avatar_images: [null, null] as [null, null],
+	buttons: null as
+		| (string | { value: string; id: number; icon: null })[]
+		| null,
+	allow_file_downloads: true,
+	watermark: null as string | null,
+	rtl: false,
+	height: undefined as number | string | undefined
+};
+
+run_shared_prop_tests({
+	component: Chatbot,
+	name: "Chatbot",
+	base_props: { ...default_props },
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Chatbot", () => {
+	afterEach(() => cleanup());
+
+	test("renders user and bot messages", async () => {
+		const { getAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: [
+				text_msg("user", "Hello", 0),
+				text_msg("assistant", "Hi there", 1)
+			]
+		});
+
+		expect(getAllByTestId("user").length).toBe(1);
+		expect(getAllByTestId("bot").length).toBe(1);
+	});
+
+	test("empty string messages are visible", async () => {
+		const { getAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: [text_msg("user", "", 0), text_msg("assistant", "", 1)]
+		});
+
+		expect(getAllByTestId("user").length).toBe(1);
+		expect(getAllByTestId("bot").length).toBe(1);
+	});
+
+	test("renders multiple messages", async () => {
+		const { getAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: [
+				text_msg("user", "msg 1", 0),
+				text_msg("assistant", "reply 1", 1),
+				text_msg("user", "msg 2", 2),
+				text_msg("assistant", "reply 2", 3)
+			]
+		});
+
+		expect(getAllByTestId("user").length).toBe(2);
+		expect(getAllByTestId("bot").length).toBe(2);
+	});
+
+	test("renders with null value showing no messages", async () => {
+		const { queryAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: null
+		});
+
+		expect(queryAllByTestId("user").length).toBe(0);
+		expect(queryAllByTestId("bot").length).toBe(0);
+	});
+
+	test("conversation log has correct accessibility attributes", async () => {
+		const { getByRole } = await render(Chatbot, {
+			...default_props,
+			value: [text_msg("user", "Hello", 0)]
+		});
+
+		const log = getByRole("log");
+		expect(log).toBeTruthy();
+		expect(log.getAttribute("aria-label")).toBe("chatbot conversation");
+		expect(log.getAttribute("aria-live")).toBe("polite");
+	});
+});
+
+describe("Props: likeable / feedback_options", () => {
+	afterEach(() => cleanup());
+
+	test("likeable=true shows like/dislike buttons on bot messages", async () => {
+		const { getByLabelText } = await render(Chatbot, {
+			...default_props,
+			likeable: true,
+			feedback_options: ["Like", "Dislike"],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getByLabelText("chatbot.like")).toBeTruthy();
+		expect(getByLabelText("chatbot.dislike")).toBeTruthy();
+	});
+
+	test("likeable=false hides like/dislike buttons", async () => {
+		const { queryByLabelText } = await render(Chatbot, {
+			...default_props,
+			likeable: false,
+			feedback_options: ["Like", "Dislike"],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(queryByLabelText("chatbot.like")).toBeNull();
+		expect(queryByLabelText("chatbot.dislike")).toBeNull();
+	});
+
+	test("like_user_message=true shows like buttons on user messages", async () => {
+		const { getAllByLabelText } = await render(Chatbot, {
+			...default_props,
+			likeable: true,
+			like_user_message: true,
+			feedback_options: ["Like", "Dislike"],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getAllByLabelText("chatbot.like").length).toBe(2);
+	});
+
+	test("like_user_message=false hides like buttons on user messages", async () => {
+		const { getAllByLabelText } = await render(Chatbot, {
+			...default_props,
+			likeable: true,
+			like_user_message: false,
+			feedback_options: ["Like", "Dislike"],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getAllByLabelText("chatbot.like").length).toBe(1);
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("copy button renders on text messages when enabled", async () => {
+		const { getAllByLabelText } = await render(Chatbot, {
+			...default_props,
+			buttons: null,
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getAllByLabelText("chatbot.copy_message").length).toEqual(2);
+	});
+
+	test("copy_all button renders when enabled", async () => {
+		const { getByLabelText } = await render(Chatbot, {
+			...default_props,
+			buttons: ["copy_all"],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getByLabelText("Copy conversation")).toBeTruthy();
+	});
+
+	test("clear button renders when messages exist", async () => {
+		const { getByLabelText } = await render(Chatbot, {
+			...default_props,
+			value: [text_msg("user", "Hi", 0)]
+		});
+
+		expect(getByLabelText("chatbot.clear")).toBeTruthy();
+	});
+
+	test("clear button not rendered when no messages", async () => {
+		const { queryByLabelText } = await render(Chatbot, {
+			...default_props,
+			value: null
+		});
+
+		expect(queryByLabelText("chatbot.clear")).toBeNull();
+	});
+
+	test("retry button shows on last bot message when _retryable=true", async () => {
+		const { getByLabelText, getAllByLabelText } = await render(Chatbot, {
+			...default_props,
+			_retryable: true,
+			value: [
+				text_msg("user", "Hi", 0),
+				text_msg("assistant", "Hi", 1),
+				text_msg("user", "Hello", 2),
+				text_msg("assistant", "Hello", 3)
+			]
+		});
+
+		expect(getByLabelText("chatbot.retry")).toBeTruthy();
+		expect(getAllByLabelText("chatbot.retry").length).toEqual(1);
+	});
+
+	test("undo button shows on last bot message when _undoable=true", async () => {
+		const { getByLabelText } = await render(Chatbot, {
+			...default_props,
+			_undoable: true,
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getByLabelText("chatbot.undo")).toBeTruthy();
+	});
+
+	test("retry/undo buttons not shown on non-last bot messages", async () => {
+		const { getAllByLabelText, queryAllByLabelText } = await render(Chatbot, {
+			...default_props,
+			_retryable: true,
+			_undoable: true,
+			value: [
+				text_msg("user", "Hi", 0),
+				text_msg("assistant", "Hello", 1),
+				text_msg("user", "Thanks", 2),
+				text_msg("assistant", "You're welcome", 3)
+			]
+		});
+
+		expect(getAllByLabelText("chatbot.retry").length).toBe(1);
+		expect(getAllByLabelText("chatbot.undo").length).toBe(1);
+	});
+
+	test("custom button dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(Chatbot, {
+			...default_props,
+			buttons: [{ value: "Analyze", id: 3, icon: null }],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Analyze"));
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 3 });
+	});
+});
+
+describe("Props: editable", () => {
+	afterEach(() => cleanup());
+
+	test("editable='user' shows edit button on user messages", async () => {
+		const { getByLabelText } = await render(Chatbot, {
+			...default_props,
+			editable: "user",
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getByLabelText("chatbot.edit")).toBeTruthy();
+	});
+
+	test("editable=null hides edit button", async () => {
+		const { queryByLabelText } = await render(Chatbot, {
+			...default_props,
+			editable: null,
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(queryByLabelText("chatbot.edit")).toBeNull();
+	});
+
+	test("editable='all' shows edit button on both user and bot messages", async () => {
+		const { getAllByLabelText } = await render(Chatbot, {
+			...default_props,
+			editable: "all",
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		expect(getAllByLabelText("chatbot.edit").length).toBe(2);
+	});
+});
+
+describe("Props: placeholder / examples", () => {
+	afterEach(() => cleanup());
+
+	test("placeholder shown when no messages", async () => {
+		const { getByText } = await render(Chatbot, {
+			...default_props,
+			value: null,
+			placeholder: "Ask me anything..."
+		});
+
+		expect(getByText("Ask me anything...")).toBeTruthy();
+	});
+
+	test("placeholder not shown when messages exist", async () => {
+		const { queryByText } = await render(Chatbot, {
+			...default_props,
+			value: [text_msg("user", "Hi", 0)],
+			placeholder: "Ask me anything..."
+		});
+
+		expect(queryByText("Ask me anything...")).toBeNull();
+	});
+
+	test("examples render when no messages", async () => {
+		const { getByText } = await render(Chatbot, {
+			...default_props,
+			value: null,
+			examples: [
+				{ text: "Tell me a joke", display_text: "Tell me a joke" },
+				{ text: "Write code", display_text: "Write code" }
+			]
+		});
+
+		expect(getByText("Tell me a joke")).toBeTruthy();
+		expect(getByText("Write code")).toBeTruthy();
+	});
+
+	test("clicking example dispatches example_select", async () => {
+		const { listen, getByText } = await render(Chatbot, {
+			...default_props,
+			value: null,
+			examples: [{ text: "Tell me a joke", display_text: "Tell me a joke" }]
+		});
+
+		const example_select = listen("example_select");
+		await fireEvent.click(getByText("Tell me a joke"));
+
+		expect(example_select).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Props: allow_tags", () => {
+	afterEach(() => cleanup());
+
+	test("custom HTML tags preserved when in allow_tags", async () => {
+		const { getAllByTestId } = await render(Chatbot, {
+			...default_props,
+			allow_tags: ["thinking"],
+			value: [text_msg("assistant", "<thinking>deep thought</thinking>", 0)]
+		});
+
+		const bot = getAllByTestId("bot")[0];
+		expect(bot.textContent).toContain("deep thought");
+	});
+});
+
+describe("Props: autoscroll", () => {
+	afterEach(() => cleanup());
+
+	test("does not force-scroll to the bottom when the user has scrolled up", async () => {
+		const messages = Array.from({ length: 20 }, (_, index) =>
+			text_msg(
+				index % 2 === 0 ? "user" : "assistant",
+				`message ${index}`,
+				index
+			)
+		);
+		const { getByRole, set_data } = await render(Chatbot, {
+			...default_props,
+			autoscroll: true,
+			height: 180,
+			value: messages
+		});
+		const log = getByRole("log") as HTMLDivElement;
+
+		await waitFor(() =>
+			expect(log.scrollHeight).toBeGreaterThan(log.clientHeight)
+		);
+		await waitFor(() => expect(log.scrollTop).toBeGreaterThan(0));
+
+		log.scrollTop = 0;
+		await fireEvent.scroll(log);
+
+		await set_data({
+			value: [
+				...messages,
+				text_msg("assistant", "streamed token", messages.length)
+			]
+		});
+
+		expect(log.scrollTop).toBe(0);
+	});
+});
+
+describe("Props: options", () => {
+	afterEach(() => cleanup());
+
+	test("bot message options render as clickable buttons", async () => {
+		const { getByRole } = await render(Chatbot, {
+			...default_props,
+			value: [
+				text_msg("assistant", "Choose one:", 0, {
+					options: [
+						{ value: "opt_a", label: "Option A" },
+						{ value: "opt_b", label: "Option B" }
+					]
+				})
+			]
+		});
+
+		expect(getByRole("button", { name: "Option A" })).toBeTruthy();
+		expect(getByRole("button", { name: "Option B" })).toBeTruthy();
+	});
+
+	test("clicking option dispatches option_select", async () => {
+		const { listen, getByRole } = await render(Chatbot, {
+			...default_props,
+			value: [
+				text_msg("assistant", "Choose:", 0, {
+					options: [{ value: "yes", label: "Yes" }]
+				})
+			]
+		});
+
+		const option_select = listen("option_select");
+		await fireEvent.click(getByRole("button", { name: "Yes" }));
+
+		expect(option_select).toHaveBeenCalledTimes(1);
+		expect(option_select).toHaveBeenCalledWith(
+			expect.objectContaining({ value: "yes", index: 0 })
+		);
+	});
+
+	test("option without label uses value as display text", async () => {
+		const { getByRole } = await render(Chatbot, {
+			...default_props,
+			value: [
+				text_msg("assistant", "Choose:", 0, {
+					options: [{ value: "raw_value" }]
+				})
+			]
+		});
+
+		expect(getByRole("button", { name: "raw_value" })).toBeTruthy();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("set_data triggers change event", async () => {
+		const { listen, set_data } = await render(Chatbot, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+		await set_data({ value: [text_msg("user", "Hello", 0)] });
+
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("no spurious change on mount with null value", async () => {
+		const { listen } = await render(Chatbot, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+describe("Events: like", () => {
+	afterEach(() => cleanup());
+
+	test("clicking like dispatches like event with liked=true", async () => {
+		const { listen, getByLabelText } = await render(Chatbot, {
+			...default_props,
+			likeable: true,
+			feedback_options: ["Like", "Dislike"],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		const like = listen("like");
+		await fireEvent.click(getByLabelText("chatbot.like"));
+
+		expect(like).toHaveBeenCalledTimes(1);
+		expect(like).toHaveBeenCalledWith(expect.objectContaining({ liked: true }));
+	});
+
+	test("clicking dislike dispatches like event with liked=false", async () => {
+		const { listen, getByLabelText } = await render(Chatbot, {
+			...default_props,
+			likeable: true,
+			feedback_options: ["Like", "Dislike"],
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		const like = listen("like");
+		await fireEvent.click(getByLabelText("chatbot.dislike"));
+
+		expect(like).toHaveBeenCalledTimes(1);
+		expect(like).toHaveBeenCalledWith(
+			expect.objectContaining({ liked: false })
+		);
+	});
+});
+
+describe("Events: retry / undo", () => {
+	afterEach(() => cleanup());
+
+	test("clicking retry dispatches retry event", async () => {
+		const { listen, getByLabelText } = await render(Chatbot, {
+			...default_props,
+			_retryable: true,
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		const retry = listen("retry");
+		await fireEvent.click(getByLabelText("chatbot.retry"));
+
+		expect(retry).toHaveBeenCalledTimes(1);
+		expect(retry).toHaveBeenCalledWith(expect.objectContaining({ index: 0 }));
+	});
+
+	test("clicking undo dispatches undo event", async () => {
+		const { listen, getByLabelText } = await render(Chatbot, {
+			...default_props,
+			_undoable: true,
+			value: [text_msg("user", "Hi", 0), text_msg("assistant", "Hello", 1)]
+		});
+
+		const undo = listen("undo");
+		await fireEvent.click(getByLabelText("chatbot.undo"));
+
+		expect(undo).toHaveBeenCalledTimes(1);
+		expect(undo).toHaveBeenCalledWith(expect.objectContaining({ index: 0 }));
+	});
+});
+
+describe("Events: clear", () => {
+	afterEach(() => cleanup());
+
+	test("clear button dispatches clear event", async () => {
+		const { listen, getByLabelText } = await render(Chatbot, {
+			...default_props,
+			value: [text_msg("user", "Hi", 0)]
+		});
+
+		const clear = listen("clear");
+		await fireEvent.click(getByLabelText("chatbot.clear"));
+
+		expect(clear).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: copy", () => {
+	afterEach(() => cleanup());
+
+	test("copy all copies full conversation to clipboard", async () => {
+		// Mock clipboard API — browser clipboard requires user gesture
+		// and secure context, neither of which is available in test
+		const clipboard_mock = vi.fn().mockResolvedValue(undefined);
+		Object.defineProperty(navigator, "clipboard", {
+			value: { writeText: clipboard_mock },
+			configurable: true,
+			writable: true
+		});
+
+		const { getByLabelText, listen } = await render(Chatbot, {
+			...default_props,
+			buttons: ["copy_all"],
+			value: [
+				text_msg("user", "user msg", 0),
+				text_msg("assistant", "bot msg", 1)
+			]
+		});
+		const copy = listen("copy");
+		await fireEvent.click(getByLabelText("Copy conversation"));
+
+		expect(copy).not.toHaveBeenCalled();
+
+		expect(clipboard_mock).toHaveBeenCalledWith(
+			expect.stringContaining("user: user msg")
+		);
+		expect(clipboard_mock).toHaveBeenCalledWith(
+			expect.stringContaining("assistant: bot msg")
+		);
+	});
+
+	test("copy message button triggers copy event", async () => {
+		const { getAllByTitle, listen } = await render(Chatbot, {
+			...default_props,
+			buttons: ["copy_all", "copy"],
+			value: [
+				text_msg("user", "user msg", 0),
+				text_msg("assistant", "bot msg", 1)
+			]
+		});
+		const copy = listen("copy");
+		await fireEvent.click(getAllByTitle("chatbot.copy_message")[0]);
+		expect(copy).toHaveBeenCalled();
+	});
+});
+
+describe("File messages", () => {
+	afterEach(() => cleanup());
+
+	test("generic file renders download link with correct href", async () => {
+		const { getAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: [file_msg("user", "https://example.com/data.csv", "text/csv", 0)]
+		});
+
+		const links = getAllByTestId("chatbot-file") as HTMLAnchorElement[];
+		expect(links.length).toBe(1);
+		expect(links[0].href).toContain("data.csv");
+	});
+
+	test("generic file shows file name and extension", async () => {
+		const { getByText } = await render(Chatbot, {
+			...default_props,
+			value: [file_msg("user", "https://example.com/report.pdf", "text/pdf", 0)]
+		});
+
+		expect(getByText("report.pdf")).toBeTruthy();
+		expect(getByText("PDF")).toBeTruthy();
+	});
+
+	test("image file is normalised to image component message", () => {
+		const messages: Message[] = [
+			file_msg("assistant", "https://example.com/photo.jpg", "image/jpeg", 0)
+		];
+
+		const normalised = normalise_messages(messages, "");
+		expect(normalised).not.toBeNull();
+		expect(normalised![0].type).toBe("component");
+		if (normalised![0].type === "component") {
+			expect(normalised![0].content.component).toBe("image");
+		}
+	});
+
+	test("video file is normalised to video component message", () => {
+		const messages: Message[] = [
+			file_msg("assistant", "https://example.com/clip.mp4", "video/mp4", 0)
+		];
+
+		const normalised = normalise_messages(messages, "");
+		expect(normalised).not.toBeNull();
+		expect(normalised![0].type).toBe("component");
+		if (normalised![0].type === "component") {
+			expect(normalised![0].content.component).toBe("video");
+		}
+	});
+
+	test("audio file is normalised to audio component message", () => {
+		const messages: Message[] = [
+			file_msg("assistant", "https://example.com/song.wav", "audio/wav", 0)
+		];
+
+		const normalised = normalise_messages(messages, "");
+		expect(normalised).not.toBeNull();
+		expect(normalised![0].type).toBe("component");
+		if (normalised![0].type === "component") {
+			expect(normalised![0].content.component).toBe("audio");
+		}
+	});
+
+	test("file without mime_type and 3D model extension normalised to model3d", () => {
+		const messages: Message[] = [
+			{
+				role: "assistant",
+				content: [
+					{
+						type: "file",
+						file: {
+							path: "https://example.com/scene.glb",
+							url: "https://example.com/scene.glb",
+							orig_name: "scene.glb",
+							size: 4096,
+							mime_type: null,
+							is_stream: false
+						} as any,
+						alt_text: null
+					}
+				],
+				index: 0,
+				metadata: { title: null }
+			}
+		];
+
+		const normalised = normalise_messages(messages, "");
+		expect(normalised![0].type).toBe("component");
+		if (normalised![0].type === "component") {
+			expect(normalised![0].content.component).toBe("model3d");
+		}
+	});
+
+	test("unknown mime_type file normalised to 'file' component with array value", () => {
+		const messages: Message[] = [
+			file_msg("user", "https://example.com/data.csv", "text/csv", 0)
+		];
+
+		const normalised = normalise_messages(messages, "");
+		expect(normalised![0].type).toBe("component");
+		if (normalised![0].type === "component") {
+			expect(normalised![0].content.component).toBe("file");
+			expect(Array.isArray(normalised![0].content.value)).toBe(true);
+		}
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns null when no value", async () => {
+		const { get_data } = await render(Chatbot, {
+			...default_props,
+			value: null
+		});
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("set_data updates displayed messages", async () => {
+		const { set_data, getAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: null
+		});
+
+		await set_data({
+			value: [text_msg("user", "Hello", 0), text_msg("assistant", "World", 1)]
+		});
+
+		expect(getAllByTestId("user").length).toBe(1);
+		expect(getAllByTestId("bot").length).toBe(1);
+	});
+
+	test("get_data reflects set_data (round-trip)", async () => {
+		const msgs = [
+			text_msg("user", "Hello", 0),
+			text_msg("assistant", "World", 1)
+		];
+		const { get_data, set_data } = await render(Chatbot, {
+			...default_props,
+			value: null
+		});
+
+		await set_data({ value: msgs });
+		const data = await get_data();
+		expect(data.value).toEqual(msgs);
+	});
+});
+
+describe("group_messages utility", () => {
+	const msgs: NormalisedMessage[] = [
+		{
+			role: "user",
+			content: "Hello",
+			type: "text",
+			index: 0,
+			metadata: { title: null }
+		},
+		{
+			role: "assistant",
+			content: "Hi",
+			type: "text",
+			index: 1,
+			metadata: { title: null }
+		},
+		{
+			role: "assistant",
+			content: "How can I help?",
+			type: "text",
+			index: 2,
+			metadata: { title: null }
+		},
+		{
+			role: "user",
+			content: "Thanks",
+			type: "text",
+			index: 3,
+			metadata: { title: null }
+		}
+	];
+
+	test("groups consecutive same-role messages when enabled", () => {
+		const grouped = group_messages(msgs, true);
+
+		expect(grouped.length).toBe(3);
+		expect(grouped[0].length).toBe(1); // user
+		expect(grouped[1].length).toBe(2); // 2 consecutive assistant
+		expect(grouped[2].length).toBe(1); // user
+	});
+
+	test("keeps each message separate when disabled", () => {
+		const grouped = group_messages(msgs, false);
+
+		expect(grouped.length).toBe(4);
+		grouped.forEach((g) => expect(g.length).toBe(1));
+	});
+
+	test("skips system messages", () => {
+		const with_system: NormalisedMessage[] = [
+			{
+				role: "system",
+				content: "You are helpful",
+				type: "text",
+				index: 0,
+				metadata: { title: null }
+			},
+			...msgs
+		];
+
+		const grouped = group_messages(with_system, true);
+		expect(grouped.length).toBe(3);
+	});
+});
+
+describe("normalise_messages utility", () => {
+	test("normalises text messages", () => {
+		const messages: Message[] = [text_msg("user", "Hello world", 0)];
+		const result = normalise_messages(messages, "");
+
+		expect(result).not.toBeNull();
+		expect(result!.length).toBe(1);
+		expect(result![0].type).toBe("text");
+		expect(result![0].content).toBe("Hello world");
+		expect(result![0].role).toBe("user");
+	});
+
+	test("handles null input", () => {
+		expect(normalise_messages(null, "")).toBeNull();
+	});
+
+	test("redirects /file src URLs using root", () => {
+		const messages: Message[] = [
+			text_msg("assistant", 'Check <img src="/file=img.png" />', 0)
+		];
+		const result = normalise_messages(messages, "http://localhost:7860/");
+
+		expect(result![0].type).toBe("text");
+		expect((result![0] as any).content).toContain("http://localhost:7860/file");
+	});
+
+	test("nests thought messages by parent_id", () => {
+		const messages: Message[] = [
+			{
+				role: "assistant",
+				content: [{ type: "text", text: "Thinking..." }],
+				index: 0,
+				metadata: { title: "Step 1", id: "1", parent_id: null }
+			},
+			{
+				role: "assistant",
+				content: [{ type: "text", text: "Sub-step" }],
+				index: 1,
+				metadata: { title: "Sub", id: "2", parent_id: "1" }
+			}
+		];
+
+		const result = normalise_messages(messages, "");
+		// The child should be nested, so only 1 top-level message
+		expect(result!.length).toBe(1);
+		const thought = result![0] as ThoughtNode;
+		expect(thought.children.length).toBe(1);
+		expect(thought.children[0].content).toBe("Sub-step");
+	});
+});
+
+describe("is_last_bot_message utility", () => {
+	test("returns true for the last bot message group", () => {
+		const msgs: NormalisedMessage[] = [
+			{
+				role: "user",
+				content: "Hi",
+				type: "text",
+				index: 0,
+				metadata: { title: null }
+			},
+			{
+				role: "assistant",
+				content: "Hello",
+				type: "text",
+				index: 1,
+				metadata: { title: null }
+			}
+		];
+
+		expect(is_last_bot_message([msgs[1]], msgs)).toBe(true);
+	});
+
+	test("returns false for non-last bot message", () => {
+		const msgs: NormalisedMessage[] = [
+			{
+				role: "user",
+				content: "Hi",
+				type: "text",
+				index: 0,
+				metadata: { title: null }
+			},
+			{
+				role: "assistant",
+				content: "Hello",
+				type: "text",
+				index: 1,
+				metadata: { title: null }
+			},
+			{
+				role: "user",
+				content: "Thanks",
+				type: "text",
+				index: 2,
+				metadata: { title: null }
+			},
+			{
+				role: "assistant",
+				content: "Bye",
+				type: "text",
+				index: 3,
+				metadata: { title: null }
+			}
+		];
+
+		expect(is_last_bot_message([msgs[1]], msgs)).toBe(false);
+	});
+
+	test("returns false when last message is user", () => {
+		const msgs: NormalisedMessage[] = [
+			{
+				role: "assistant",
+				content: "Hello",
+				type: "text",
+				index: 0,
+				metadata: { title: null }
+			},
+			{
+				role: "user",
+				content: "Hi",
+				type: "text",
+				index: 1,
+				metadata: { title: null }
+			}
+		];
+
+		expect(is_last_bot_message([msgs[1]], msgs)).toBe(false);
+	});
+});
+
+describe("all_text / get_thought_content utilities", () => {
+	test("all_text returns content for a single message", () => {
+		const msg: any = {
+			type: "text",
+			content: "Hello world",
+			metadata: { title: null }
+		};
+		expect(all_text(msg)).toBe("Hello world");
+	});
+
+	test("all_text joins content for array of messages", () => {
+		const msgs: any[] = [
+			{ type: "text", content: "Line 1", metadata: { title: null } },
+			{ type: "text", content: "Line 2", metadata: { title: null } }
+		];
+		expect(all_text(msgs)).toBe("Line 1\nLine 2");
+	});
+
+	test("get_thought_content includes title and content", () => {
+		const msg: any = {
+			type: "text",
+			content: "thinking...",
+			metadata: { title: "Step 1" },
+			children: []
+		};
+		const result = get_thought_content(msg);
+		expect(result).toContain("Step 1");
+		expect(result).toContain("thinking...");
+	});
+
+	test("get_thought_content recurses into children", () => {
+		const msg: any = {
+			type: "text",
+			content: "parent",
+			metadata: { title: "Parent" },
+			children: [
+				{
+					type: "text",
+					content: "child",
+					metadata: { title: "Child" },
+					children: []
+				}
+			]
+		};
+		const result = get_thought_content(msg);
+		expect(result).toContain("Parent");
+		expect(result).toContain("Child");
+		expect(result).toContain("child");
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("displays like/dislike on every message when group_consecutive_messages=false", async () => {
+		const { container } = await render(Chatbot, {
+			...default_props,
+			group_consecutive_messages: false,
+			likeable: true,
+			like_user_message: true,
+			value: [
+				text_msg("user", "Hello", 0),
+				text_msg("assistant", "Hi", 1),
+				text_msg("assistant", "How can I help?", 2),
+				text_msg("user", "Thanks", 3),
+				text_msg("assistant", "Welcome!", 4)
+			]
+		});
+
+		// Each message gets its own button panel when not grouped
+		// querySelectorAll is used because there's no semantic query for
+		// the message-buttons wrapper — it has no role/label/testid
+		const buttonPanels = container.querySelectorAll(".message-buttons");
+		expect(buttonPanels.length).toBe(5);
+	});
+
+	test("single message conversation renders correctly", async () => {
+		const { getAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: [text_msg("user", "Solo", 0)]
+		});
+
+		expect(getAllByTestId("user").length).toBe(1);
+	});
+
+	test("empty array value shows placeholder area", async () => {
+		const { queryAllByTestId } = await render(Chatbot, {
+			...default_props,
+			value: []
+		});
+
+		expect(queryAllByTestId("user").length).toBe(0);
+		expect(queryAllByTestId("bot").length).toBe(0);
+	});
+});
+
+describe("Thoughts / metadata", () => {
+	afterEach(() => cleanup());
+
+	test("thought message renders title from metadata", async () => {
+		const { getByText } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Analyzing the problem..." }],
+					index: 0,
+					metadata: { title: "Thinking...", id: "1" }
+				} as Message
+			]
+		});
+
+		expect(getByText("Thinking...")).toBeTruthy();
+	});
+
+	test("thought message renders log and duration from metadata", async () => {
+		const { getByText, container } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Step done" }],
+					index: 0,
+					metadata: {
+						title: "Step 1",
+						id: "1",
+						log: "Completed analysis",
+						duration: 1.5,
+						status: "done"
+					}
+				} as Message
+			]
+		});
+
+		expect(getByText("Step 1")).toBeTruthy();
+		// Log and duration are rendered inside the same .duration span,
+		// so getByText may not find them individually. Check container text.
+		const thoughtGroup = container.querySelector(".thought-group");
+		expect(thoughtGroup).not.toBeNull();
+		expect(thoughtGroup!.textContent).toContain("Completed analysis");
+		expect(thoughtGroup!.textContent).toContain("1.5s");
+	});
+
+	test("thought with status='pending' shows loading spinner", async () => {
+		const { container } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "" }],
+					index: 0,
+					metadata: {
+						title: "Thinking...",
+						id: "1",
+						status: "pending"
+					}
+				} as Message
+			]
+		});
+
+		// Loading spinner has class loading-spinner — no role/label/testid available
+		const spinner = container.querySelector(".loading-spinner");
+		expect(spinner).not.toBeNull();
+	});
+
+	test("thought with status='done' does not show loading spinner", async () => {
+		const { container } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Done thinking" }],
+					index: 0,
+					metadata: {
+						title: "Analysis",
+						id: "1",
+						status: "done"
+					}
+				} as Message
+			]
+		});
+
+		const spinner = container.querySelector(".loading-spinner");
+		expect(spinner).toBeNull();
+	});
+
+	test("thought with status='done' is collapsed by default", async () => {
+		const { queryByText, getByRole } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Hidden reasoning" }],
+					index: 0,
+					metadata: {
+						title: "My Thought",
+						id: "1",
+						status: "done"
+					}
+				} as Message
+			]
+		});
+
+		// status=done means collapsed by default — content not in DOM
+		const toggle = getByRole("button", { name: /My Thought/ });
+		expect(toggle).toBeTruthy();
+		expect(queryByText("Hidden reasoning")).toBeNull();
+	});
+
+	test("clicking thought title expands content", async () => {
+		const { queryByText, getByRole } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Hidden reasoning" }],
+					index: 0,
+					metadata: {
+						title: "My Thought",
+						id: "1",
+						status: "done"
+					}
+				} as Message
+			]
+		});
+
+		expect(queryByText("Hidden reasoning")).toBeNull();
+
+		// Click to expand — content appears in DOM
+		await fireEvent.click(getByRole("button", { name: /My Thought/ }));
+		expect(queryByText("Hidden reasoning")).not.toBeNull();
+	});
+
+	test("nested thought children render within parent", async () => {
+		const { getByText } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Parent content" }],
+					index: 0,
+					metadata: { title: "Parent Thought", id: "1", status: "pending" }
+				} as Message,
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Child content" }],
+					index: 1,
+					metadata: {
+						title: "Child Thought",
+						id: "2",
+						parent_id: "1",
+						status: "pending"
+					}
+				} as Message
+			]
+		});
+
+		// Both should render — parent auto-expanded because status=pending
+		expect(getByText("Parent Thought")).toBeTruthy();
+		expect(getByText("Child Thought")).toBeTruthy();
+	});
+
+	test("integer duration renders without decimal", async () => {
+		const { getByText } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Done" }],
+					index: 0,
+					metadata: {
+						title: "Step",
+						id: "1",
+						duration: 3,
+						status: "done"
+					}
+				} as Message
+			]
+		});
+
+		expect(getByText(/3s/)).toBeTruthy();
+	});
+
+	test("sub-second duration renders in milliseconds", async () => {
+		const { getByText } = await render(Chatbot, {
+			...default_props,
+			value: [
+				{
+					role: "assistant",
+					content: [{ type: "text", text: "Fast" }],
+					index: 0,
+					metadata: {
+						title: "Quick Step",
+						id: "1",
+						duration: 0.05,
+						status: "done"
+					}
+				} as Message
+			]
+		});
+
+		expect(getByText(/50\.0ms/)).toBeTruthy();
+	});
+});
+
+// ── Visual-only (test.todo) ──────────────────────────────────────────
+
+test.todo(
+	"VISUAL: layout='bubble' renders messages in speech bubble style — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: layout='panel' renders messages in panel style — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: avatar_images displays user and bot avatars next to messages — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: rtl=true renders right-to-left layout — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: height/min_height/max_height control component sizing — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/chatbot/Index.svelte b/js/chatbot/Index.svelte
new file mode 100644
index 0000000..9e5c178
--- /dev/null
+++ b/js/chatbot/Index.svelte
@@ -0,0 +1,158 @@
+<script context="module" lang="ts">
+	export { default as BaseChatBot } from "./shared/ChatBot.svelte";
+</script>
+
+<script lang="ts">
+	import ChatBot from "./shared/ChatBot.svelte";
+	import { Block, BlockLabel } from "@gradio/atoms";
+	import { Chat } from "@gradio/icons";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { Message, NormalisedMessage } from "./types";
+	import type { ChatbotProps, ChatbotEvents } from "./types";
+	import { normalise_messages } from "./shared/utils";
+	import { Gradio } from "@gradio/utils";
+
+	let props = $props();
+
+	const gradio = new Gradio<ChatbotEvents, ChatbotProps>(props);
+
+	let _value: NormalisedMessage[] | null = $derived(
+		normalise_messages(gradio.props.value as Message[], gradio.shared.root)
+	);
+
+	let show_progress = $derived.by(() => {
+		if (gradio.shared.loading_status.status === "error") {
+			return "full";
+		}
+		return gradio.shared.loading_status.show_progress === "hidden"
+			? "hidden"
+			: "minimal";
+	});
+</script>
+
+<Block
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	visible={gradio.shared.visible}
+	padding={false}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	height={gradio.props.height}
+	resizable={gradio.props.resizable}
+	min_height={gradio.props.min_height}
+	max_height={gradio.props.max_height}
+	allow_overflow={true}
+	flex={true}
+	overflow_behavior="auto"
+	rtl={gradio.props.rtl}
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			{show_progress}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+	<div class="wrapper">
+		{#if gradio.shared.show_label}
+			<BlockLabel
+				show_label={gradio.shared.show_label}
+				Icon={Chat}
+				float={true}
+				label={gradio.shared.label || "Chatbot"}
+			/>
+		{/if}
+		<ChatBot
+			i18n={gradio.i18n}
+			selectable={gradio.props._selectable}
+			likeable={gradio.props.likeable}
+			feedback_options={gradio.props.feedback_options}
+			feedback_value={gradio.props.feedback_value}
+			show_share_button={(gradio.props.buttons ?? ["share"]).some(
+				(btn) => typeof btn === "string" && btn === "share"
+			)}
+			show_copy_all_button={(gradio.props.buttons ?? ["copy_all"]).some(
+				(btn) => typeof btn === "string" && btn === "copy_all"
+			)}
+			value={_value}
+			latex_delimiters={gradio.props.latex_delimiters}
+			display_consecutive_in_same_bubble={gradio.props
+				.group_consecutive_messages}
+			render_markdown={gradio.props.render_markdown}
+			theme_mode={gradio.shared.theme_mode}
+			editable={gradio.props.editable}
+			pending_message={gradio.shared.loading_status?.status === "pending"}
+			generating={gradio.shared.loading_status?.status === "generating"}
+			rtl={gradio.props.rtl}
+			show_copy_button={(gradio.props.buttons ?? ["copy"]).some(
+				(btn) => typeof btn === "string" && btn === "copy"
+			)}
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			like_user_message={gradio.props.like_user_message}
+			show_progress={gradio.shared.loading_status?.show_progress || "full"}
+			onchange={() => {
+				gradio.props.value = gradio.props.value;
+				gradio.dispatch("change", gradio.props.value);
+			}}
+			onselect={(data) => gradio.dispatch("select", data)}
+			onlike={(data) => gradio.dispatch("like", data)}
+			onshare={(data) => gradio.dispatch("share", data)}
+			onerror={(message) => gradio.dispatch("error", message)}
+			onexampleselect={(data) => gradio.dispatch("example_select", data)}
+			onoptionselect={(data) => gradio.dispatch("option_select", data)}
+			onretry={(data) => gradio.dispatch("retry", data)}
+			onundo={(data) => gradio.dispatch("undo", data)}
+			onclear={() => {
+				gradio.props.value = [];
+				gradio.dispatch("clear");
+			}}
+			oncopy={(data) => gradio.dispatch("copy", data)}
+			onedit={(data) => {
+				if (gradio.props.value === null || gradio.props.value.length === 0)
+					return;
+				//@ts-ignore
+				gradio.props.value[data.index].content = [
+					{ text: data.value, type: "text" }
+				];
+				gradio.dispatch("edit", data);
+			}}
+			avatar_images={gradio.props.avatar_images}
+			sanitize_html={gradio.props.sanitize_html}
+			line_breaks={gradio.props.line_breaks}
+			autoscroll={gradio.props.autoscroll}
+			layout={gradio.props.layout}
+			placeholder={gradio.props.placeholder}
+			examples={gradio.props.examples}
+			_retryable={gradio.props._retryable}
+			_undoable={gradio.props._undoable}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			_fetch={(...args) => gradio.shared.client.fetch(...args)}
+			load_component={gradio.shared.load_component}
+			allow_file_downloads={gradio.props.allow_file_downloads}
+			allow_tags={gradio.props.allow_tags}
+			watermark={gradio.props.watermark}
+		/>
+	</div>
+</Block>
+
+<style>
+	.wrapper {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+		align-items: start;
+		width: 100%;
+		height: 100%;
+		flex-grow: 1;
+	}
+
+	:global(.progress-text) {
+		right: auto;
+	}
+</style>
diff --git a/js/chatbot/README.md b/js/chatbot/README.md
new file mode 100644
index 0000000..dc94be1
--- /dev/null
+++ b/js/chatbot/README.md
@@ -0,0 +1,44 @@
+# `@gradio/chatbot`
+
+```html
+<script>
+	import { BaseChatBot } from "@gradio/chatbot";
+</script>
+```
+
+
+BaseChatBot
+```javascript
+	export let value:
+		| [
+				string | { file: FileData; alt_text: string | null } | null,
+				string | { file: FileData; alt_text: string | null } | null
+		  ][]
+		| null;
+	let old_value:
+		| [
+				string | { file: FileData; alt_text: string | null } | null,
+				string | { file: FileData; alt_text: string | null } | null
+		  ][]
+		| null = null;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+	export let pending_message = false;
+	export let selectable = false;
+	export let likeable = false;
+	export let show_share_button = false;
+	export let rtl = false;
+	export let show_copy_button = false;
+	export let avatar_images: [string | null, string | null] = [null, null];
+	export let sanitize_html = true;
+	export let bubble_full_width = true;
+	export let render_markdown = true;
+	export let line_breaks = true;
+	export let root: string;
+	export let root_url: null | string;
+	export let i18n: I18nFormatter;
+	export let layout: "bubble" | "panel" = "bubble";
+```
diff --git a/js/chatbot/package.json b/js/chatbot/package.json
new file mode 100644
index 0000000..771d79d
--- /dev/null
+++ b/js/chatbot/package.json
@@ -0,0 +1,48 @@
+{
+	"name": "@gradio/chatbot",
+	"version": "0.32.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/gallery": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/markdown-code": "workspace:^",
+		"@gradio/plot": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@types/katex": "^0.16.7",
+		"@types/prismjs": "1.26.5",
+		"dequal": "^2.0.3"
+	},
+	"devDependencies": {
+		"@gradio/audio": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/preview": "workspace:^",
+		"@gradio/video": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/chatbot"
+	}
+}
diff --git a/js/chatbot/shared/ButtonPanel.svelte b/js/chatbot/shared/ButtonPanel.svelte
new file mode 100644
index 0000000..67aa230
--- /dev/null
+++ b/js/chatbot/shared/ButtonPanel.svelte
@@ -0,0 +1,191 @@
+<script lang="ts">
+	import LikeDislike from "./LikeDislike.svelte";
+	import Copy from "./Copy.svelte";
+	import type { FileData } from "@gradio/client";
+	import type { NormalisedMessage } from "../types";
+	import { Retry, Undo, Edit, Check, Clear, Download } from "@gradio/icons";
+	import {
+		IconButtonWrapper,
+		IconButton,
+		DownloadLink,
+		ShareButton
+	} from "@gradio/atoms";
+	import { all_text, is_all_text } from "./utils";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import { uploadToHuggingFace } from "@gradio/utils";
+	import type { CopyData } from "@gradio/utils";
+
+	let {
+		i18n,
+		likeable,
+		feedback_options,
+		show_retry,
+		show_undo,
+		show_edit,
+		in_edit_mode,
+		show_copy_button,
+		watermark = null,
+		message,
+		position,
+		avatar,
+		generating,
+		current_feedback,
+		file = null,
+		show_download_button = false,
+		show_share_button = false,
+		handle_action,
+		layout,
+		oncopy,
+		onerror,
+		onshare
+	}: {
+		i18n: I18nFormatter;
+		likeable: boolean;
+		feedback_options: string[];
+		show_retry: boolean;
+		show_undo: boolean;
+		show_edit: boolean;
+		in_edit_mode: boolean;
+		show_copy_button: boolean;
+		watermark?: string | null;
+		message: NormalisedMessage | NormalisedMessage[];
+		position: "right" | "left";
+		avatar: FileData | null;
+		generating: boolean;
+		current_feedback: string | null;
+		file?: FileData | null;
+		show_download_button?: boolean;
+		show_share_button?: boolean;
+		handle_action: (selected: string | null) => void;
+		layout: "bubble" | "panel";
+		oncopy?: (data: CopyData) => void;
+		onerror?: (message: string) => void;
+		onshare?: (data: any) => void;
+	} = $props();
+
+	let message_text = $derived(is_all_text(message) ? all_text(message) : "");
+	let show_copy = $derived(show_copy_button && message && is_all_text(message));
+</script>
+
+{#if show_copy || show_retry || show_undo || show_edit || likeable || (show_download_button && file?.url) || (show_share_button && file)}
+	<div
+		class="message-buttons-{position} {layout} message-buttons {avatar !==
+			null && 'with-avatar'}"
+	>
+		<IconButtonWrapper top_panel={false}>
+			{#if in_edit_mode}
+				<IconButton
+					label={i18n("chatbot.submit")}
+					Icon={Check}
+					onclick={() => handle_action("edit_submit")}
+					disabled={generating}
+				/>
+				<IconButton
+					label={i18n("chatbot.cancel")}
+					Icon={Clear}
+					onclick={() => handle_action("edit_cancel")}
+					disabled={generating}
+				/>
+			{:else}
+				{#if show_copy}
+					<Copy value={message_text} {oncopy} {watermark} {i18n} />
+				{/if}
+				{#if show_download_button && file?.url}
+					<DownloadLink
+						href={file.is_stream
+							? file.url?.replace("playlist.m3u8", "playlist-file")
+							: file.url}
+						download={file.orig_name || file.path || "file"}
+					>
+						<IconButton Icon={Download} label={i18n("common.download")} />
+					</DownloadLink>
+				{/if}
+				{#if show_share_button && file}
+					<ShareButton
+						{i18n}
+						onerror={(detail) => onerror?.(detail)}
+						onshare={(detail) => onshare?.(detail)}
+						formatter={async (value) => {
+							if (!value) return "";
+							let url = await uploadToHuggingFace(value.url, "url");
+							const mime_type = value.mime_type || "";
+							if (mime_type.startsWith("audio/")) {
+								return `<audio controls src="${url}"></audio>`;
+							} else if (mime_type.startsWith("video/")) {
+								return `<video controls src="${url}"></video>`;
+							} else if (mime_type.startsWith("image/")) {
+								return `<img src="${url}" />`;
+							}
+							return "";
+						}}
+						value={file}
+					/>
+				{/if}
+				{#if show_retry}
+					<IconButton
+						Icon={Retry}
+						label={i18n("chatbot.retry")}
+						onclick={() => handle_action("retry")}
+						disabled={generating}
+					/>
+				{/if}
+				{#if show_undo}
+					<IconButton
+						label={i18n("chatbot.undo")}
+						Icon={Undo}
+						onclick={() => handle_action("undo")}
+						disabled={generating}
+					/>
+				{/if}
+				{#if show_edit}
+					<IconButton
+						label={i18n("chatbot.edit")}
+						Icon={Edit}
+						onclick={() => handle_action("edit")}
+						disabled={generating}
+					/>
+				{/if}
+				{#if likeable}
+					<LikeDislike
+						{handle_action}
+						{feedback_options}
+						selected={current_feedback}
+						{i18n}
+					/>
+				{/if}
+			{/if}
+		</IconButtonWrapper>
+	</div>
+{/if}
+
+<style>
+	.bubble :global(.icon-button-wrapper) {
+		margin: 0px calc(var(--spacing-xl) * 2);
+	}
+
+	.message-buttons {
+		z-index: var(--layer-1);
+	}
+	.message-buttons-left {
+		align-self: flex-start;
+	}
+
+	.bubble.message-buttons-right {
+		align-self: flex-end;
+	}
+
+	.message-buttons-right :global(.icon-button-wrapper) {
+		margin-left: auto;
+	}
+
+	.bubble.with-avatar {
+		margin-left: calc(var(--spacing-xl) * 5);
+		margin-right: calc(var(--spacing-xl) * 5);
+	}
+
+	.panel {
+		display: flex;
+		align-self: flex-start;
+		z-index: var(--layer-1);
+	}
+</style>
diff --git a/js/chatbot/shared/ChatBot.svelte b/js/chatbot/shared/ChatBot.svelte
new file mode 100644
index 0000000..806951a
--- /dev/null
+++ b/js/chatbot/shared/ChatBot.svelte
@@ -0,0 +1,592 @@
+<script lang="ts">
+	import {
+		format_chat_for_sharing,
+		type UndoRetryData,
+		type EditData,
+		is_last_bot_message,
+		group_messages,
+		load_components,
+		get_components_from_messages
+	} from "./utils";
+	import type { NormalisedMessage, Option } from "../types";
+	import { copy } from "@gradio/utils";
+	import type { CopyData } from "@gradio/utils";
+	import Message from "./Message.svelte";
+
+	import { dequal } from "dequal/lite";
+	import {
+		type SvelteComponent,
+		type ComponentType,
+		tick,
+		untrack
+	} from "svelte";
+
+	import { Trash, Community, ScrollDownArrow } from "@gradio/icons";
+	import { IconButtonWrapper, IconButton } from "@gradio/atoms";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import type { SelectData, LikeData } from "@gradio/utils";
+	import type { ExampleMessage } from "../types";
+	import type { FileData, Client } from "@gradio/client";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import Pending from "./Pending.svelte";
+	import { ShareError } from "@gradio/utils";
+	import { Gradio } from "@gradio/utils";
+
+	import Examples from "./Examples.svelte";
+	import CopyAll from "./CopyAll.svelte";
+
+	let {
+		value = null,
+		_fetch,
+		load_component,
+		allow_file_downloads,
+		display_consecutive_in_same_bubble,
+		latex_delimiters,
+		pending_message = false,
+		generating = false,
+		selectable = false,
+		likeable = false,
+		feedback_options,
+		feedback_value = null,
+		editable = null,
+		show_share_button = false,
+		show_copy_all_button = false,
+		rtl = false,
+		show_copy_button = false,
+		buttons = null,
+		on_custom_button_click = null,
+		avatar_images = [null, null] as [FileData | null, FileData | null],
+		sanitize_html = true,
+		render_markdown = true,
+		line_breaks = true,
+		autoscroll = true,
+		theme_mode,
+		i18n,
+		layout = "bubble",
+		placeholder = null,
+		upload,
+		examples = null,
+		_retryable = false,
+		_undoable = false,
+		like_user_message = false,
+		allow_tags = false,
+		watermark = null,
+		show_progress = "full",
+		onchange,
+		onselect,
+		onlike,
+		onedit,
+		onundo,
+		onretry,
+		onclear,
+		onshare,
+		onerror,
+		onexampleselect,
+		onoptionselect,
+		oncopy
+	}: {
+		value?: NormalisedMessage[] | null;
+		_fetch: typeof fetch;
+		load_component: Gradio["load_component"];
+		allow_file_downloads: boolean;
+		display_consecutive_in_same_bubble: boolean;
+		latex_delimiters: {
+			left: string;
+			right: string;
+			display: boolean;
+		}[];
+		pending_message?: boolean;
+		generating?: boolean;
+		selectable?: boolean;
+		likeable?: boolean;
+		feedback_options: string[];
+		feedback_value?: (string | null)[] | null;
+		editable?: "user" | "all" | null;
+		show_share_button?: boolean;
+		show_copy_all_button?: boolean;
+		rtl?: boolean;
+		show_copy_button?: boolean;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		avatar_images?: [FileData | null, FileData | null];
+		sanitize_html?: boolean;
+		render_markdown?: boolean;
+		line_breaks?: boolean;
+		autoscroll?: boolean;
+		theme_mode: "system" | "light" | "dark";
+		i18n: I18nFormatter;
+		layout?: "bubble" | "panel";
+		placeholder?: string | null;
+		upload: Client["upload"];
+		examples?: ExampleMessage[] | null;
+		_retryable?: boolean;
+		_undoable?: boolean;
+		like_user_message?: boolean;
+		allow_tags?: string[] | boolean;
+		watermark?: string | null;
+		show_progress?: "full" | "minimal" | "hidden";
+		onchange?: () => void;
+		onselect?: (data: SelectData) => void;
+		onlike?: (data: LikeData) => void;
+		onedit?: (data: EditData) => void;
+		onundo?: (data: UndoRetryData) => void;
+		onretry?: (data: UndoRetryData) => void;
+		onclear?: () => void;
+		onshare?: (data: any) => void;
+		onerror?: (message: string) => void;
+		onexampleselect?: (data: SelectData) => void;
+		onoptionselect?: (data: SelectData) => void;
+		oncopy?: (data: CopyData) => void;
+	} = $props();
+
+	let old_value: NormalisedMessage[] | null = $state(null);
+	let _components: Record<string, ComponentType<SvelteComponent>> = $state({});
+	let component_names = $derived(
+		get_components_from_messages(value).sort().join(",")
+	);
+
+	async function update_components(component_names: string): Promise<void> {
+		_components = await load_components(
+			component_names ? component_names.split(",") : [],
+			_components,
+			load_component
+		);
+	}
+
+	$effect(() => {
+		const names = component_names;
+		untrack(() => update_components(names));
+	});
+
+	const is_browser = typeof window !== "undefined";
+
+	let target: HTMLElement | null = $state(null);
+	let edit_index: number | null = $state(null);
+	let edit_messages: string[] = $state([]);
+
+	$effect(() => {
+		target = document.querySelector("div.gradio-container");
+	});
+
+	let div: HTMLDivElement;
+	let show_scroll_button = $state(false);
+
+	function is_at_bottom(): boolean {
+		return div && div.offsetHeight + div.scrollTop > div.scrollHeight - 100;
+	}
+
+	function scroll_to_bottom(): void {
+		if (!div) return;
+		div.scrollTo(0, div.scrollHeight);
+		show_scroll_button = false;
+	}
+
+	let scroll_after_component_load = $state(false);
+	let has_scrolled_on_mount = false;
+
+	function scroll_to_bottom_after_component_load(): void {
+		if (scroll_after_component_load) {
+			scroll_to_bottom();
+		}
+	}
+
+	async function scroll_on_value_update(): Promise<void> {
+		if (!autoscroll) return;
+		if (is_at_bottom()) {
+			scroll_after_component_load = true;
+			await tick();
+			await new Promise((resolve) => setTimeout(resolve, 300));
+			scroll_to_bottom();
+		}
+	}
+
+	$effect(() => {
+		value;
+		pending_message;
+		_components;
+
+		if (!has_scrolled_on_mount) {
+			has_scrolled_on_mount = true;
+			if (autoscroll && div) {
+				scroll_to_bottom();
+			}
+		}
+
+		scroll_on_value_update();
+	});
+
+	$effect(() => {
+		if (!div) return;
+		function handle_scroll(): void {
+			if (is_at_bottom()) {
+				show_scroll_button = false;
+			} else {
+				scroll_after_component_load = false;
+				show_scroll_button = true;
+			}
+		}
+
+		div.addEventListener("scroll", handle_scroll);
+		return () => {
+			div.removeEventListener("scroll", handle_scroll);
+		};
+	});
+
+	$effect(() => {
+		if (!dequal(value, old_value)) {
+			old_value = value;
+			onchange?.();
+		}
+	});
+
+	let groupedMessages = $derived(
+		value ? group_messages(value, display_consecutive_in_same_bubble) : null
+	);
+
+	let options = $derived.by(() => {
+		if (!value || !groupedMessages || groupedMessages.length === 0)
+			return undefined;
+		const last_group = groupedMessages[groupedMessages.length - 1];
+		if (last_group[0].role !== "assistant") return undefined;
+		return last_group[last_group.length - 1].options;
+	});
+
+	function handle_action(
+		i: number,
+		message: NormalisedMessage,
+		selected: string | null
+	): void {
+		if (selected === "undo" || selected === "retry") {
+			const val_ = value as NormalisedMessage[];
+			let last_index = val_.length - 1;
+			while (val_[last_index].role === "assistant") {
+				last_index--;
+			}
+			const handler = selected === "undo" ? onundo : onretry;
+			handler?.({
+				index: val_[last_index].index,
+				value: val_[last_index].content
+			});
+		} else if (selected == "edit") {
+			edit_index = i;
+			edit_messages.push(message.content as string);
+		} else if (selected == "edit_cancel") {
+			edit_index = null;
+		} else if (selected == "edit_submit") {
+			edit_index = null;
+			onedit?.({
+				index: message.index,
+				_dispatch_value: [{ type: "text", text: edit_messages[i].slice() }],
+				value: edit_messages[i].slice(),
+				previous_value: message.content as string
+			});
+		} else {
+			let feedback =
+				selected === "Like"
+					? true
+					: selected === "Dislike"
+						? false
+						: selected || "";
+			if (!groupedMessages) return;
+
+			const message_group = groupedMessages[i];
+			const [first] = [
+				message_group[0],
+				message_group[message_group.length - 1]
+			];
+
+			onlike?.({
+				index: first.index as number,
+				value: message_group.map((m) => m.content),
+				liked: feedback
+			});
+		}
+	}
+</script>
+
+{#if value !== null && value.length > 0}
+	<IconButtonWrapper {buttons} {on_custom_button_click}>
+		{#if show_share_button}
+			<IconButton
+				Icon={Community}
+				onclick={async () => {
+					try {
+						// @ts-ignore
+						const formatted = await format_chat_for_sharing(value);
+						onshare?.({
+							description: formatted
+						});
+					} catch (e) {
+						console.error(e);
+						let message = e instanceof ShareError ? e.message : "Share failed.";
+						onerror?.(message);
+					}
+				}}
+			/>
+		{/if}
+		<IconButton
+			Icon={Trash}
+			onclick={() => onclear?.()}
+			label={i18n("chatbot.clear")}
+		/>
+		{#if show_copy_all_button}
+			<CopyAll {value} {watermark} />
+		{/if}
+	</IconButtonWrapper>
+{/if}
+
+<div
+	class={layout === "bubble" ? "bubble-wrap" : "panel-wrap"}
+	bind:this={div}
+	role="log"
+	aria-label="chatbot conversation"
+	aria-live="polite"
+>
+	{#if value !== null && value.length > 0 && groupedMessages !== null}
+		<div class="message-wrap" use:copy>
+			{#each groupedMessages as messages, i}
+				{@const role = messages[0].role === "user" ? "user" : "bot"}
+				{@const avatar_img = avatar_images[role === "user" ? 0 : 1]}
+				{@const opposite_avatar_img = avatar_images[role === "user" ? 0 : 1]}
+				{@const feedback_index = groupedMessages
+					.slice(0, i)
+					.filter((m) => m[0].role === "assistant").length}
+				{@const current_feedback =
+					role === "bot" && feedback_value && feedback_value[feedback_index]
+						? feedback_value[feedback_index]
+						: null}
+				<Message
+					{messages}
+					{display_consecutive_in_same_bubble}
+					{opposite_avatar_img}
+					{avatar_img}
+					{role}
+					{layout}
+					{onselect}
+					{i18n}
+					{_fetch}
+					{line_breaks}
+					{theme_mode}
+					{target}
+					{upload}
+					{selectable}
+					{sanitize_html}
+					{render_markdown}
+					{rtl}
+					{i}
+					{value}
+					{latex_delimiters}
+					{_components}
+					{generating}
+					{feedback_options}
+					{current_feedback}
+					{allow_tags}
+					{watermark}
+					show_like={role === "user" ? likeable && like_user_message : likeable}
+					show_retry={_retryable && is_last_bot_message(messages, value)}
+					show_undo={_undoable && is_last_bot_message(messages, value)}
+					show_edit={editable === "all" ||
+						(editable == "user" &&
+							role === "user" &&
+							messages.length > 0 &&
+							messages[messages.length - 1].type == "text")}
+					in_edit_mode={edit_index === i}
+					bind:edit_messages
+					{show_copy_button}
+					handle_action={(selected) => {
+						if (selected == "edit") {
+							edit_messages.splice(0, edit_messages.length);
+						}
+						if (selected === "edit" || selected === "edit_submit") {
+							messages.forEach((msg, index) => {
+								handle_action(selected === "edit" ? i : index, msg, selected);
+							});
+						} else {
+							handle_action(i, messages[0], selected);
+						}
+					}}
+					scroll={is_browser ? scroll_to_bottom_after_component_load : () => {}}
+					{allow_file_downloads}
+					{onerror}
+					{onshare}
+					{oncopy}
+				/>
+				{#if show_progress !== "hidden" && generating && messages[messages.length - 1].role === "assistant" && messages[messages.length - 1].metadata?.status === "done"}
+					<Pending {layout} {avatar_images} />
+				{/if}
+			{/each}
+			{#if show_progress !== "hidden" && pending_message}
+				<Pending {layout} {avatar_images} />
+			{:else if options}
+				<div class="options">
+					{#each options as option, index}
+						<button
+							class="option"
+							onclick={() =>
+								onoptionselect?.({
+									index: index,
+									value: option.value
+								})}
+						>
+							{option.label || option.value}
+						</button>
+					{/each}
+				</div>
+			{/if}
+		</div>
+	{:else}
+		<Examples {examples} {placeholder} {latex_delimiters} {onexampleselect} />
+	{/if}
+</div>
+
+{#if show_scroll_button}
+	<div class="scroll-down-button-container">
+		<IconButton
+			Icon={ScrollDownArrow}
+			label="Scroll down"
+			size="large"
+			onclick={scroll_to_bottom}
+		/>
+	</div>
+{/if}
+
+<style>
+	.panel-wrap {
+		width: 100%;
+		overflow-y: auto;
+	}
+
+	.bubble-wrap {
+		width: 100%;
+		overflow-y: auto;
+		height: 100%;
+		padding-top: var(--spacing-xxl);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.bubble-wrap {
+			background: var(--background-fill-secondary);
+		}
+	}
+
+	.message-wrap :global(.prose.chatbot.md) {
+		opacity: 0.8;
+		overflow-wrap: break-word;
+	}
+
+	.message-wrap :global(.message-row .md img) {
+		border-radius: var(--radius-xl);
+		margin: var(--size-2);
+		width: 400px;
+		max-width: 30vw;
+		max-height: 30vw;
+	}
+
+	/* link styles */
+	.message-wrap :global(.message a) {
+		color: var(--color-text-link);
+		text-decoration: underline;
+	}
+
+	/* table styles */
+	.message-wrap :global(.bot:not(:has(.table-wrap)) table),
+	.message-wrap :global(.bot:not(:has(.table-wrap)) tr),
+	.message-wrap :global(.bot:not(:has(.table-wrap)) td),
+	.message-wrap :global(.bot:not(:has(.table-wrap)) th) {
+		border: 1px solid var(--border-color-primary);
+	}
+
+	.message-wrap :global(.user table),
+	.message-wrap :global(.user tr),
+	.message-wrap :global(.user td),
+	.message-wrap :global(.user th) {
+		border: 1px solid var(--border-color-accent);
+	}
+
+	/* KaTeX */
+	.message-wrap :global(span.katex) {
+		font-size: var(--text-lg);
+		direction: ltr;
+	}
+
+	.message-wrap :global(span.katex-display) {
+		margin-top: 0;
+	}
+
+	.message-wrap :global(pre) {
+		position: relative;
+	}
+
+	.message-wrap :global(.grid-wrap) {
+		max-height: 80% !important;
+		max-width: 600px;
+		object-fit: contain;
+	}
+
+	.message-wrap > div :global(p:not(:first-child)) {
+		margin-top: var(--spacing-xxl);
+	}
+
+	.message-wrap {
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+		margin-bottom: var(--spacing-xxl);
+		direction: ltr;
+	}
+
+	.panel-wrap :global(.message-row:first-child) {
+		padding-top: calc(var(--spacing-xxl) * 2);
+	}
+
+	.scroll-down-button-container {
+		position: absolute;
+		bottom: 10px;
+		left: 50%;
+		transform: translateX(-50%);
+		z-index: var(--layer-top);
+	}
+	.scroll-down-button-container :global(button) {
+		border-radius: 50%;
+		box-shadow: var(--shadow-drop);
+		transition:
+			box-shadow 0.2s ease-in-out,
+			transform 0.2s ease-in-out;
+	}
+	.scroll-down-button-container :global(button:hover) {
+		box-shadow:
+			var(--shadow-drop),
+			0 2px 2px rgba(0, 0, 0, 0.05);
+		transform: translateY(-2px);
+	}
+
+	.options {
+		margin-left: auto;
+		padding: var(--spacing-xxl);
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+		gap: var(--spacing-xxl);
+		max-width: calc(min(4 * 200px + 5 * var(--spacing-xxl), 100%));
+		justify-content: flex-end;
+	}
+
+	.option {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: var(--spacing-xl);
+		border: 1px dashed var(--border-color-primary);
+		border-radius: var(--radius-md);
+		background-color: var(--background-fill-secondary);
+		cursor: pointer;
+		transition: var(--button-transition);
+		max-width: var(--size-56);
+		width: 100%;
+		justify-content: center;
+	}
+
+	.option:hover {
+		background-color: var(--color-accent-soft);
+		border-color: var(--border-color-accent);
+	}
+</style>
diff --git a/js/chatbot/shared/Component.svelte b/js/chatbot/shared/Component.svelte
new file mode 100644
index 0000000..ba9270f
--- /dev/null
+++ b/js/chatbot/shared/Component.svelte
@@ -0,0 +1,182 @@
+<script lang="ts">
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import type { Client } from "@gradio/client";
+	import type { ComponentType, SvelteComponent } from "svelte";
+
+	let {
+		type,
+		components,
+		value,
+		target,
+		theme_mode,
+		props,
+		i18n,
+		upload,
+		_fetch,
+		allow_file_downloads,
+		display_icon_button_wrapper_top_corner = false,
+		onload
+	}: {
+		type:
+			| "gallery"
+			| "plot"
+			| "audio"
+			| "video"
+			| "image"
+			| "dataframe"
+			| "model3d"
+			| string;
+		components: Record<string, ComponentType<SvelteComponent>>;
+		value: any;
+		target: HTMLElement | null;
+		theme_mode: "light" | "dark" | "system";
+		props: any;
+		i18n: I18nFormatter;
+		upload: Client["upload"];
+		_fetch: typeof fetch;
+		allow_file_downloads: boolean;
+		display_icon_button_wrapper_top_corner?: boolean;
+		onload?: () => void;
+	} = $props();
+
+	let image_fullscreen = $state(false);
+	let image_container: HTMLElement;
+
+	function handle_fullscreen(event: CustomEvent<boolean>): void {
+		image_fullscreen = event.detail;
+		if (image_fullscreen && image_container) {
+			image_container.requestFullscreen?.();
+		} else if (document.fullscreenElement) {
+			document.exitFullscreen?.();
+		}
+	}
+
+	function handle_load(): void {
+		onload?.();
+	}
+</script>
+
+{#if type === "gallery"}
+	<svelte:component
+		this={components[type]}
+		{...props}
+		{value}
+		display_icon_button_wrapper_top_corner={false}
+		show_label={props.label ? true : false}
+		{i18n}
+		{_fetch}
+		allow_preview={false}
+		interactive={false}
+		mode="minimal"
+		fixed_height={1}
+		on:load={handle_load}
+	/>
+{:else if type === "dataframe"}
+	<svelte:component
+		this={components[type]}
+		{...props}
+		{value}
+		show_label={props.label ? true : false}
+		{i18n}
+		interactive={false}
+		line_breaks={props.line_breaks}
+		wrap={true}
+		root=""
+		gradio={{ dispatch: () => {}, i18n }}
+		datatype={props.datatype}
+		latex_delimiters={props.latex_delimiters}
+		col_count={props.col_count}
+		row_count={props.row_count}
+		on:load={handle_load}
+	/>
+{:else if type === "plot"}
+	<svelte:component
+		this={components[type]}
+		{...props}
+		{value}
+		{target}
+		{theme_mode}
+		on_change={() => {}}
+		bokeh_version={props.bokeh_version}
+		caption={props.caption || ""}
+		show_actions_button={true}
+		on:load={handle_load}
+	/>
+{:else if type === "audio"}
+	<svelte:component
+		this={components[type]}
+		{...props}
+		{value}
+		show_label={props.label ? true : false}
+		show_share_button={false}
+		{i18n}
+		waveform_settings={{
+			...props.waveform_settings,
+			autoplay: props.autoplay
+		}}
+		show_download_button={false}
+		display_icon_button_wrapper_top_corner={false}
+		minimal={true}
+		on:load={handle_load}
+	/>
+{:else if type === "video"}
+	<svelte:component
+		this={components[type]}
+		{...props}
+		autoplay={props.autoplay}
+		value={value.video || value}
+		show_label={props.label ? true : false}
+		show_share_button={false}
+		{i18n}
+		{upload}
+		display_icon_button_wrapper_top_corner={false}
+		show_download_button={false}
+		on:load={handle_load}
+	>
+		<track kind="captions" />
+	</svelte:component>
+{:else if type === "image"}
+	<div bind:this={image_container}>
+		<svelte:component
+			this={components[type]}
+			{...props}
+			{value}
+			show_label={props.label ? true : false}
+			display_icon_button_wrapper_top_corner={false}
+			buttons={["fullscreen"]}
+			fullscreen={image_fullscreen}
+			show_button_background={false}
+			on:fullscreen={handle_fullscreen}
+			on:load={handle_load}
+			{i18n}
+		/>
+	</div>
+{:else if type === "html"}
+	<svelte:component
+		this={components[type]}
+		{...props}
+		props={{ value }}
+		on:load={handle_load}
+	/>
+{:else if type === "model3d"}
+	<svelte:component
+		this={components[type]}
+		{...props}
+		{value}
+		clear_color={props.clear_color}
+		display_mode={props.display_mode}
+		zoom_speed={props.zoom_speed}
+		pan_speed={props.pan_speed}
+		{...props.camera_position !== undefined && {
+			camera_position: props.camera_position
+		}}
+		has_change_history={true}
+		show_label={props.label ? true : false}
+		root=""
+		interactive={false}
+		show_share_button={false}
+		gradio={{ dispatch: () => {}, i18n }}
+		on:load={handle_load}
+		{i18n}
+	/>
+{/if}
diff --git a/js/chatbot/shared/Copy.svelte b/js/chatbot/shared/Copy.svelte
new file mode 100644
index 0000000..9c6b08d
--- /dev/null
+++ b/js/chatbot/shared/Copy.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+	import { Copy, Check } from "@gradio/icons";
+	import { IconButton } from "@gradio/atoms";
+	import type { CopyData } from "@gradio/utils";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+
+	let {
+		value,
+		watermark = null,
+		i18n,
+		oncopy
+	}: {
+		value: string;
+		watermark?: string | null;
+		i18n: I18nFormatter;
+		oncopy?: (data: CopyData) => void;
+	} = $props();
+
+	let copied = $state(false);
+	let timer: NodeJS.Timeout;
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 2000);
+	}
+
+	async function handle_copy(): Promise<void> {
+		if ("clipboard" in navigator) {
+			oncopy?.({ value: value });
+			const text_to_copy = watermark ? `${value}\n\n${watermark}` : value;
+			await navigator.clipboard.writeText(text_to_copy);
+			copy_feedback();
+		} else {
+			const textArea = document.createElement("textarea");
+			const text_to_copy = watermark ? `${value}\n\n${watermark}` : value;
+			textArea.value = text_to_copy;
+
+			textArea.style.position = "absolute";
+			textArea.style.left = "-999999px";
+
+			document.body.prepend(textArea);
+			textArea.select();
+
+			try {
+				document.execCommand("copy");
+				copy_feedback();
+			} catch (error) {
+				console.error(error);
+			} finally {
+				textArea.remove();
+			}
+		}
+	}
+
+	$effect(() => {
+		return () => {
+			if (timer) clearTimeout(timer);
+		};
+	});
+</script>
+
+<IconButton
+	onclick={handle_copy}
+	label={copied ? i18n("chatbot.copied_message") : i18n("chatbot.copy_message")}
+	Icon={copied ? Check : Copy}
+/>
diff --git a/js/chatbot/shared/CopyAll.svelte b/js/chatbot/shared/CopyAll.svelte
new file mode 100644
index 0000000..9f13ee9
--- /dev/null
+++ b/js/chatbot/shared/CopyAll.svelte
@@ -0,0 +1,64 @@
+<script lang="ts">
+	import { Copy, Check } from "@gradio/icons";
+	import type { NormalisedMessage } from "../types";
+	import { IconButton } from "@gradio/atoms";
+
+	let {
+		value,
+		watermark = null
+	}: {
+		value: NormalisedMessage[] | null;
+		watermark?: string | null;
+	} = $props();
+
+	let copied = $state(false);
+	let timer: NodeJS.Timeout;
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 1000);
+	}
+
+	const copy_conversation = (): void => {
+		if (value) {
+			const conversation_value = value
+				.map((message) => {
+					if (message.type === "text") {
+						return `${message.role}: ${message.content}`;
+					}
+					return `${message.role}: ${message.content.value.url}`;
+				})
+				.join("\n\n");
+
+			const text_to_copy = watermark
+				? `${conversation_value}\n\n${watermark}`
+				: conversation_value;
+
+			navigator.clipboard.writeText(text_to_copy).catch((err) => {
+				console.error("Failed to copy conversation: ", err);
+			});
+		}
+	};
+
+	async function handle_copy(): Promise<void> {
+		if ("clipboard" in navigator) {
+			copy_conversation();
+			copy_feedback();
+		}
+	}
+
+	$effect(() => {
+		return () => {
+			if (timer) clearTimeout(timer);
+		};
+	});
+</script>
+
+<IconButton
+	Icon={copied ? Check : Copy}
+	onclick={handle_copy}
+	label={copied ? "Copied conversation" : "Copy conversation"}
+/>
diff --git a/js/chatbot/shared/Download.svelte b/js/chatbot/shared/Download.svelte
new file mode 100644
index 0000000..4b5d160
--- /dev/null
+++ b/js/chatbot/shared/Download.svelte
@@ -0,0 +1,16 @@
+<svg
+	width="16"
+	height="16"
+	viewBox="0 0 12 12"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M6.27701 8.253C6.24187 8.29143 6.19912 8.32212 6.15147 8.34311C6.10383 8.36411 6.05233 8.37495 6.00026 8.37495C5.94819 8.37495 5.89669 8.36411 5.84905 8.34311C5.8014 8.32212 5.75865 8.29143 5.72351 8.253L3.72351 6.0655C3.65798 5.99185 3.62408 5.89536 3.62916 5.79691C3.63424 5.69846 3.67788 5.60596 3.75064 5.53945C3.8234 5.47293 3.91943 5.43774 4.01794 5.44149C4.11645 5.44525 4.20952 5.48764 4.27701 5.5595L5.62501 7.0345V1.5C5.62501 1.40054 5.66452 1.30516 5.73485 1.23483C5.80517 1.16451 5.90055 1.125 6.00001 1.125C6.09947 1.125 6.19485 1.16451 6.26517 1.23483C6.3355 1.30516 6.37501 1.40054 6.37501 1.5V7.034L7.72351 5.559C7.79068 5.4856 7.88425 5.44189 7.98364 5.43748C8.08304 5.43308 8.18011 5.46833 8.25351 5.5355C8.32691 5.60267 8.37062 5.69624 8.37503 5.79563C8.37943 5.89503 8.34418 5.9921 8.27701 6.0655L6.27701 8.253Z"
+		fill="currentColor"
+	/>
+	<path
+		d="M1.875 7.39258C1.875 7.29312 1.83549 7.19774 1.76517 7.12741C1.69484 7.05709 1.59946 7.01758 1.5 7.01758C1.40054 7.01758 1.30516 7.05709 1.23483 7.12741C1.16451 7.19774 1.125 7.29312 1.125 7.39258V7.42008C1.125 8.10358 1.125 8.65508 1.1835 9.08858C1.2435 9.53858 1.3735 9.91758 1.674 10.2186C1.975 10.5196 2.354 10.6486 2.804 10.7096C3.2375 10.7676 3.789 10.7676 4.4725 10.7676H7.5275C8.211 10.7676 8.7625 10.7676 9.196 10.7096C9.646 10.6486 10.025 10.5196 10.326 10.2186C10.627 9.91758 10.756 9.53858 10.817 9.08858C10.875 8.65508 10.875 8.10358 10.875 7.42008V7.39258C10.875 7.29312 10.8355 7.19774 10.7652 7.12741C10.6948 7.05709 10.5995 7.01758 10.5 7.01758C10.4005 7.01758 10.3052 7.05709 10.2348 7.12741C10.1645 7.19774 10.125 7.29312 10.125 7.39258C10.125 8.11008 10.124 8.61058 10.0735 8.98858C10.024 9.35558 9.9335 9.54958 9.7955 9.68808C9.657 9.82658 9.463 9.91658 9.0955 9.96608C8.718 10.0166 8.2175 10.0176 7.5 10.0176H4.5C3.7825 10.0176 3.2815 10.0166 2.904 9.96608C2.537 9.91658 2.343 9.82608 2.2045 9.68808C2.066 9.54958 1.976 9.35558 1.9265 8.98808C1.876 8.61058 1.875 8.11008 1.875 7.39258Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/chatbot/shared/Examples.svelte b/js/chatbot/shared/Examples.svelte
new file mode 100644
index 0000000..166a3f2
--- /dev/null
+++ b/js/chatbot/shared/Examples.svelte
@@ -0,0 +1,323 @@
+<script lang="ts">
+	import { Image } from "@gradio/image/shared";
+	import { MarkdownCode as Markdown } from "@gradio/markdown-code";
+	import { File, Music, Video } from "@gradio/icons";
+	import type { ExampleMessage } from "../types";
+	import type { SelectData } from "@gradio/utils";
+
+	let {
+		examples = null,
+		placeholder = null,
+		latex_delimiters,
+		onexampleselect
+	}: {
+		examples?: ExampleMessage[] | null;
+		placeholder?: string | null;
+		latex_delimiters: {
+			left: string;
+			right: string;
+			display: boolean;
+		}[];
+		onexampleselect?: (data: SelectData) => void;
+	} = $props();
+
+	function handle_example_select(
+		i: number,
+		example: ExampleMessage | string
+	): void {
+		const example_obj =
+			typeof example === "string" ? { text: example } : example;
+		onexampleselect?.({
+			index: i,
+			value: { text: example_obj.text, files: example_obj.files }
+		});
+	}
+</script>
+
+<div class="placeholder-content" role="complementary">
+	{#if placeholder !== null}
+		<div class="placeholder">
+			<Markdown message={placeholder} {latex_delimiters} />
+		</div>
+	{/if}
+	{#if examples !== null}
+		<div class="examples" role="list">
+			{#each examples as example, i}
+				<button
+					class="example"
+					onclick={() =>
+						handle_example_select(
+							i,
+							typeof example === "string" ? { text: example } : example
+						)}
+					aria-label={`Select example ${i + 1}: ${example.display_text || example.text}`}
+				>
+					<div class="example-content">
+						{#if example?.icon?.url}
+							<div class="example-image-container">
+								<Image
+									class="example-image"
+									src={example.icon.url}
+									alt="Example icon"
+								/>
+							</div>
+						{:else if example?.icon?.mime_type === "text"}
+							<div class="example-icon" aria-hidden="true">
+								<span class="text-icon-aa">Aa</span>
+							</div>
+						{:else if example.files !== undefined && example.files.length > 0}
+							{#if example.files.length > 1}
+								<div
+									class="example-icons-grid"
+									role="group"
+									aria-label="Example attachments"
+								>
+									{#each example.files.slice(0, 4) as file, i}
+										{#if file.mime_type?.includes("image")}
+											<div class="example-image-container">
+												<Image
+													class="example-image"
+													src={file.url}
+													alt={file.orig_name || `Example image ${i + 1}`}
+												/>
+												{#if i === 3 && example.files.length > 4}
+													<div
+														class="image-overlay"
+														role="status"
+														aria-label={`${example.files.length - 4} more files`}
+													>
+														+{example.files.length - 4}
+													</div>
+												{/if}
+											</div>
+										{:else if file.mime_type?.includes("video")}
+											<div class="example-image-container">
+												<video
+													class="example-image"
+													src={file.url}
+													aria-hidden="true"
+												/>
+												{#if i === 3 && example.files.length > 4}
+													<div
+														class="image-overlay"
+														role="status"
+														aria-label={`${example.files.length - 4} more files`}
+													>
+														+{example.files.length - 4}
+													</div>
+												{/if}
+											</div>
+										{:else}
+											<div
+												class="example-icon"
+												aria-label={`File: ${file.orig_name}`}
+											>
+												{#if file.mime_type?.includes("audio")}
+													<Music />
+												{:else}
+													<File />
+												{/if}
+											</div>
+										{/if}
+									{/each}
+									{#if example.files.length > 4}
+										<div class="example-icon">
+											<div
+												class="file-overlay"
+												role="status"
+												aria-label={`${example.files.length - 4} more files`}
+											>
+												+{example.files.length - 4}
+											</div>
+										</div>
+									{/if}
+								</div>
+							{:else if example.files[0].mime_type?.includes("image")}
+								<div class="example-image-container">
+									<Image
+										class="example-image"
+										src={example.files[0].url}
+										alt={example.files[0].orig_name || "Example image"}
+									/>
+								</div>
+							{:else if example.files[0].mime_type?.includes("video")}
+								<div class="example-image-container">
+									<video
+										class="example-image"
+										src={example.files[0].url}
+										aria-hidden="true"
+									/>
+								</div>
+							{:else if example.files[0].mime_type?.includes("audio")}
+								<div
+									class="example-icon"
+									aria-label={`File: ${example.files[0].orig_name}`}
+								>
+									<Music />
+								</div>
+							{:else}
+								<div
+									class="example-icon"
+									aria-label={`File: ${example.files[0].orig_name}`}
+								>
+									<File />
+								</div>
+							{/if}
+						{/if}
+
+						<div class="example-text-content">
+							<span class="example-text"
+								>{example.display_text || example.text}</span
+							>
+						</div>
+					</div>
+				</button>
+			{/each}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.placeholder-content {
+		display: flex;
+		flex-direction: column;
+		height: 100%;
+	}
+
+	.placeholder {
+		align-items: center;
+		display: flex;
+		justify-content: center;
+		height: 100%;
+		flex-grow: 1;
+	}
+
+	.examples :global(img) {
+		pointer-events: none;
+	}
+
+	.examples {
+		margin: auto;
+		padding: var(--spacing-xxl);
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+		gap: var(--spacing-xl);
+		max-width: calc(min(4 * 240px + 5 * var(--spacing-xxl), 100%));
+	}
+
+	.example {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		padding: var(--spacing-xxl);
+		border: none;
+		border-radius: var(--radius-lg);
+		background-color: var(--block-background-fill);
+		cursor: pointer;
+		transition: all 150ms ease-in-out;
+		width: 100%;
+		gap: var(--spacing-sm);
+		border: var(--block-border-width) solid var(--block-border-color);
+		transform: translateY(0px);
+	}
+
+	.example:hover {
+		transform: translateY(-2px);
+		background-color: var(--color-accent-soft);
+	}
+
+	.example-content {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		width: 100%;
+		height: 100%;
+	}
+
+	.example-text-content {
+		margin-top: var(--spacing-sm);
+		text-align: start;
+	}
+
+	.example-text {
+		font-size: var(--text-md);
+		text-align: start;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.example-icons-grid {
+		display: flex;
+		gap: var(--spacing-sm);
+		width: 100%;
+	}
+
+	.example-icon {
+		flex-shrink: 0;
+		width: var(--size-8);
+		height: var(--size-8);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: var(--radius-lg);
+		border: var(--block-border-width) solid var(--block-border-color);
+		background-color: var(--block-background-fill);
+		position: relative;
+	}
+
+	.example-icon :global(svg) {
+		width: var(--size-4);
+		height: var(--size-4);
+		color: var(--color-text-secondary);
+	}
+
+	.text-icon-aa {
+		font-size: var(--text-sm);
+		font-weight: var(--weight-semibold);
+		color: var(--color-text-secondary);
+		line-height: 1;
+	}
+
+	.example-image-container {
+		width: var(--size-8);
+		height: var(--size-8);
+		border-radius: var(--radius-lg);
+		overflow: hidden;
+		position: relative;
+	}
+
+	.example-image-container :global(img) {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+	}
+
+	.image-overlay {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.6);
+		color: white;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: var(--text-lg);
+		font-weight: var(--weight-semibold);
+		border-radius: var(--radius-lg);
+	}
+
+	.file-overlay {
+		position: absolute;
+		inset: 0;
+		background: rgba(0, 0, 0, 0.6);
+		color: white;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: var(--text-sm);
+		font-weight: var(--weight-semibold);
+		border-radius: var(--radius-lg);
+	}
+</style>
diff --git a/js/chatbot/shared/Flag.svelte b/js/chatbot/shared/Flag.svelte
new file mode 100644
index 0000000..c99256f
--- /dev/null
+++ b/js/chatbot/shared/Flag.svelte
@@ -0,0 +1,10 @@
+<svg
+	id="icon"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 32 32"
+	fill="none"
+	><path
+		fill="currentColor"
+		d="M6,30H4V2H28l-5.8,9L28,20H6ZM6,18H24.33L19.8,11l4.53-7H6Z"
+	/></svg
+>
diff --git a/js/chatbot/shared/FlagActive.svelte b/js/chatbot/shared/FlagActive.svelte
new file mode 100644
index 0000000..804dce5
--- /dev/null
+++ b/js/chatbot/shared/FlagActive.svelte
@@ -0,0 +1,7 @@
+<svg
+	id="icon"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 32 32"
+	fill="none"
+	><path fill="currentColor" d="M4,2H28l-5.8,9L28,20H6v10H4V2z" /></svg
+>
diff --git a/js/chatbot/shared/LikeDislike.svelte b/js/chatbot/shared/LikeDislike.svelte
new file mode 100644
index 0000000..5f2cdc3
--- /dev/null
+++ b/js/chatbot/shared/LikeDislike.svelte
@@ -0,0 +1,114 @@
+<script lang="ts">
+	import { IconButton } from "@gradio/atoms";
+	import ThumbDownActive from "./ThumbDownActive.svelte";
+	import ThumbDownDefault from "./ThumbDownDefault.svelte";
+	import ThumbUpActive from "./ThumbUpActive.svelte";
+	import ThumbUpDefault from "./ThumbUpDefault.svelte";
+	import Flag from "./Flag.svelte";
+	import FlagActive from "./FlagActive.svelte";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+
+	let {
+		i18n,
+		handle_action,
+		feedback_options,
+		selected: selected_prop = null
+	}: {
+		i18n: I18nFormatter;
+		handle_action: (selected: string | null) => void;
+		feedback_options: string[];
+		selected?: string | null;
+	} = $props();
+
+	let selected = $state(selected_prop);
+
+	$effect(() => {
+		selected = selected_prop;
+	});
+
+	let extra_feedback = $derived(
+		feedback_options.filter(
+			(option) => option !== "Like" && option !== "Dislike"
+		)
+	);
+
+	function toggleSelection(newSelection: string): void {
+		selected = selected === newSelection ? null : newSelection;
+		handle_action(selected);
+	}
+</script>
+
+{#if feedback_options.includes("Like") || feedback_options.includes("Dislike")}
+	{#if feedback_options.includes("Dislike")}
+		<IconButton
+			Icon={selected === "Dislike" ? ThumbDownActive : ThumbDownDefault}
+			label={selected === "Dislike" ? "Disliked" : i18n("chatbot.dislike")}
+			color={selected === "Dislike"
+				? "var(--color-accent)"
+				: "var(--block-label-text-color)"}
+			onclick={() => toggleSelection("Dislike")}
+		/>
+	{/if}
+	{#if feedback_options.includes("Like")}
+		<IconButton
+			Icon={selected === "Like" ? ThumbUpActive : ThumbUpDefault}
+			label={selected === "Like" ? "Liked" : i18n("chatbot.like")}
+			color={selected === "Like"
+				? "var(--color-accent)"
+				: "var(--block-label-text-color)"}
+			onclick={() => toggleSelection("Like")}
+		/>
+	{/if}
+{/if}
+
+{#if extra_feedback.length > 0}
+	<div class="extra-feedback no-border">
+		<IconButton
+			Icon={selected && extra_feedback.includes(selected) ? FlagActive : Flag}
+			label="Feedback"
+			color={selected && extra_feedback.includes(selected)
+				? "var(--color-accent)"
+				: "var(--block-label-text-color)"}
+		/>
+		<div class="extra-feedback-options">
+			{#each extra_feedback as option}
+				<button
+					class="extra-feedback-option"
+					style:font-weight={selected === option ? "bold" : "normal"}
+					onclick={() => {
+						toggleSelection(option);
+						handle_action(selected ? selected : null);
+					}}>{option}</button
+				>
+			{/each}
+		</div>
+	</div>
+{/if}
+
+<style>
+	.extra-feedback {
+		display: flex;
+		align-items: center;
+		position: relative;
+	}
+	.extra-feedback-options {
+		display: none;
+		position: absolute;
+		padding: var(--spacing-md) 0;
+		flex-direction: column;
+		gap: var(--spacing-sm);
+		top: 100%;
+	}
+	.extra-feedback:hover .extra-feedback-options {
+		display: flex;
+	}
+	.extra-feedback-option {
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		color: var(--block-label-text-color);
+		background-color: var(--block-background-fill);
+		font-size: var(--text-xs);
+		padding: var(--spacing-xxs) var(--spacing-sm);
+		width: max-content;
+	}
+</style>
diff --git a/js/chatbot/shared/Message.svelte b/js/chatbot/shared/Message.svelte
new file mode 100644
index 0000000..bd7e205
--- /dev/null
+++ b/js/chatbot/shared/Message.svelte
@@ -0,0 +1,679 @@
+<script lang="ts">
+	import { is_component_message } from "../shared/utils";
+	import { Image } from "@gradio/image/shared";
+	import type { FileData, Client } from "@gradio/client";
+	import type { NormalisedMessage } from "../types";
+
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import type { ComponentType, SvelteComponent } from "svelte";
+	import ButtonPanel from "./ButtonPanel.svelte";
+	import MessageContent from "./MessageContent.svelte";
+	import Thought from "./Thought.svelte";
+	import type { CopyData, SelectData } from "@gradio/utils";
+
+	let {
+		value,
+		avatar_img,
+		opposite_avatar_img = null,
+		role = "user",
+		messages = [],
+		layout,
+		render_markdown,
+		latex_delimiters,
+		sanitize_html,
+		selectable,
+		_fetch,
+		rtl,
+		onselect,
+		i18n,
+		line_breaks,
+		upload,
+		target,
+		theme_mode,
+		_components,
+		i,
+		show_copy_button,
+		generating,
+		feedback_options,
+		show_like,
+		show_edit,
+		show_retry,
+		show_undo,
+		handle_action,
+		scroll,
+		allow_file_downloads,
+		in_edit_mode,
+		edit_messages = $bindable([]),
+		display_consecutive_in_same_bubble,
+		current_feedback = null,
+		allow_tags = false,
+		watermark = null,
+		onerror,
+		onshare,
+		oncopy
+	}: {
+		value: NormalisedMessage[];
+		avatar_img: FileData | null;
+		opposite_avatar_img?: FileData | null;
+		role?: string;
+		messages?: NormalisedMessage[];
+		layout: "bubble" | "panel";
+		render_markdown: boolean;
+		latex_delimiters: {
+			left: string;
+			right: string;
+			display: boolean;
+		}[];
+		sanitize_html: boolean;
+		selectable: boolean;
+		_fetch: typeof fetch;
+		rtl: boolean;
+		onselect?: (data: SelectData) => void;
+		i18n: I18nFormatter;
+		line_breaks: boolean;
+		upload: Client["upload"];
+		target: HTMLElement | null;
+		theme_mode: "light" | "dark" | "system";
+		_components: Record<string, ComponentType<SvelteComponent>>;
+		i: number;
+		show_copy_button: boolean;
+		generating: boolean;
+		feedback_options: string[];
+		show_like: boolean;
+		show_edit: boolean;
+		show_retry: boolean;
+		show_undo: boolean;
+		handle_action: (selected: string | null) => void;
+		scroll: () => void;
+		allow_file_downloads: boolean;
+		in_edit_mode: boolean;
+		edit_messages?: string[];
+		display_consecutive_in_same_bubble: boolean;
+		current_feedback?: string | null;
+		allow_tags?: string[] | boolean;
+		watermark?: string | null;
+		onerror?: (message: string) => void;
+		onshare?: (data: any) => void;
+		oncopy?: (data: CopyData) => void;
+	} = $props();
+
+	let messageElements: HTMLDivElement[] = [];
+	let previous_edit_mode = $state(false);
+	let message_widths: number[] = $state(Array(messages.length).fill(160));
+	let message_heights: number[] = $state(Array(messages.length).fill(0));
+
+	$effect(() => {
+		if (in_edit_mode && !previous_edit_mode) {
+			const offset = messageElements.length - messages.length;
+			for (let idx = offset; idx < messageElements.length; idx++) {
+				if (idx >= 0) {
+					message_widths[idx - offset] = messageElements[idx]?.clientWidth;
+					message_heights[idx - offset] = messageElements[idx]?.clientHeight;
+				}
+			}
+		}
+		previous_edit_mode = in_edit_mode;
+	});
+
+	function handle_select(i: number, message: NormalisedMessage): void {
+		onselect?.({
+			index: message.index,
+			value: message.content
+		});
+	}
+
+	function get_message_label_data(message: NormalisedMessage): string {
+		if (message.type === "text") {
+			return message.content;
+		} else if (
+			message.type === "component" &&
+			message.content.component === "file"
+		) {
+			if (Array.isArray(message.content.value)) {
+				return `file of extension type: ${message.content.value[0].orig_name?.split(".").pop()}`;
+			}
+			return (
+				`file of extension type: ${message.content.value?.orig_name?.split(".").pop()}` +
+				(message.content.value?.orig_name ?? "")
+			);
+		}
+		return `a component of type ${message.content.component ?? "unknown"}`;
+	}
+
+	function get_file(messages: NormalisedMessage[]): FileData | null {
+		for (const message of messages) {
+			if (
+				message.type === "component" &&
+				(message.content.component === "audio" ||
+					message.content.component === "video" ||
+					message.content.component === "image" ||
+					message.content.component === "file") &&
+				message.content.value
+			) {
+				return message.content.value as FileData;
+			}
+		}
+		return null;
+	}
+
+	let button_panel_props = $derived({
+		handle_action,
+		likeable: show_like,
+		feedback_options,
+		show_retry,
+		show_undo,
+		show_edit,
+		in_edit_mode,
+		generating,
+		show_copy_button,
+		message: messages,
+		position: (role === "user" ? "right" : "left") as "left" | "right",
+		avatar: avatar_img,
+		layout,
+		current_feedback,
+		watermark,
+		file: get_file(messages),
+		show_download_button: allow_file_downloads,
+		show_share_button: true,
+		oncopy
+	});
+</script>
+
+<div
+	class="message-row {layout} {role}-row"
+	class:with_avatar={avatar_img !== null}
+	class:with_opposite_avatar={opposite_avatar_img !== null}
+>
+	{#if avatar_img !== null}
+		<div class="avatar-container">
+			<Image class="avatar-image" src={avatar_img?.url} alt="{role} avatar" />
+		</div>
+	{/if}
+	<div
+		class:role
+		class="flex-wrap"
+		class:component-wrap={messages[0].type === "component"}
+	>
+		<div
+			class:message={display_consecutive_in_same_bubble}
+			class={display_consecutive_in_same_bubble ? role : ""}
+		>
+			{#each messages as message, thought_index}
+				<div
+					class="message {!display_consecutive_in_same_bubble ? role : ''}"
+					class:panel-full-width={true}
+					class:message-markdown-disabled={!render_markdown}
+					class:component={message.type === "component"}
+					class:html={is_component_message(message) &&
+						message.content.component === "html"}
+					class:thought={thought_index > 0}
+				>
+					{#if in_edit_mode && message.type === "text"}
+						<!-- svelte-ignore a11y_autofocus -->
+						<textarea
+							class="edit-textarea"
+							style:width={`max(${message_widths[thought_index]}px, 160px)`}
+							style:min-height={`${message_heights[thought_index]}px`}
+							autofocus
+							bind:value={edit_messages[thought_index]}
+						/>
+					{:else}
+						<!-- svelte-ignore a11y_no_static_element_interactions -->
+						<div
+							data-testid={role}
+							class:latest={i === value.length - 1}
+							class:message-markdown-disabled={!render_markdown}
+							style:user-select="text"
+							class:selectable
+							style:cursor={selectable ? "pointer" : "auto"}
+							style:text-align={rtl ? "right" : "left"}
+							bind:this={messageElements[thought_index]}
+							onclick={() => handle_select(i, message)}
+							onkeydown={(e) => {
+								if (e.key === "Enter") {
+									handle_select(i, message);
+								}
+							}}
+							dir={rtl ? "rtl" : "ltr"}
+							aria-label={role +
+								"'s message: " +
+								get_message_label_data(message)}
+						>
+							{#if message?.metadata?.title}
+								<Thought
+									thought={message}
+									{rtl}
+									{sanitize_html}
+									{allow_tags}
+									{latex_delimiters}
+									{render_markdown}
+									{_components}
+									{upload}
+									{thought_index}
+									{target}
+									{theme_mode}
+									{_fetch}
+									{scroll}
+									{allow_file_downloads}
+									{display_consecutive_in_same_bubble}
+									{i18n}
+									{line_breaks}
+								/>
+							{:else}
+								<MessageContent
+									{message}
+									{sanitize_html}
+									{allow_tags}
+									{latex_delimiters}
+									{render_markdown}
+									{_components}
+									{upload}
+									{thought_index}
+									{target}
+									{theme_mode}
+									{_fetch}
+									{scroll}
+									{allow_file_downloads}
+									{display_consecutive_in_same_bubble}
+									{i18n}
+									{line_breaks}
+								/>
+							{/if}
+						</div>
+					{/if}
+				</div>
+
+				{#if layout === "panel"}
+					<ButtonPanel
+						{...button_panel_props}
+						{current_feedback}
+						{watermark}
+						{onerror}
+						{onshare}
+						{i18n}
+					/>
+				{/if}
+			{/each}
+		</div>
+	</div>
+</div>
+
+{#if layout === "bubble"}
+	<ButtonPanel {...button_panel_props} {onerror} {onshare} {i18n} />
+{/if}
+
+<style>
+	.message {
+		position: relative;
+		width: 100%;
+	}
+
+	.message.display_consecutive_in_same_bubble {
+		margin-top: 0;
+	}
+
+	.message + .message {
+		margin-top: var(--spacing-sm);
+	}
+
+	/* avatar styles */
+	.avatar-container {
+		flex-shrink: 0;
+		border-radius: 50%;
+		border: 1px solid var(--border-color-primary);
+		overflow: hidden;
+	}
+
+	.avatar-container :global(img) {
+		object-fit: cover;
+	}
+
+	/* message wrapper */
+	.flex-wrap {
+		display: flex;
+		flex-direction: column;
+		width: calc(100% - var(--spacing-xxl));
+		max-width: 100%;
+		color: var(--body-text-color);
+		font-size: var(--chatbot-text-size);
+		overflow-wrap: break-word;
+		width: 100%;
+		height: 100%;
+	}
+
+	.component {
+		padding: 0;
+		border-radius: var(--radius-md);
+		width: fit-content;
+		overflow: hidden;
+	}
+
+	.component.gallery {
+		border: none;
+	}
+
+	.bot:has(.model3D),
+	.user:has(.model3D) {
+		border: none;
+		max-width: 75%;
+	}
+
+	.message-row :not(.avatar-container) :global(img) {
+		margin: var(--size-2);
+		max-height: 300px;
+	}
+
+	.file-pil {
+		display: block;
+		width: fit-content;
+		padding: var(--spacing-sm) var(--spacing-lg);
+		border-radius: var(--radius-md);
+		background: var(--background-fill-secondary);
+		color: var(--body-text-color);
+		text-decoration: none;
+		margin: 0;
+		font-family: var(--font-mono);
+		font-size: var(--text-sm);
+	}
+
+	.file {
+		width: auto !important;
+		max-width: fit-content !important;
+	}
+
+	@media (max-width: 600px) or (max-width: 480px) {
+		.component {
+			width: 100%;
+		}
+	}
+
+	.message :global(.prose) {
+		font-size: var(--chatbot-text-size);
+	}
+
+	.message-bubble-border {
+		border-width: 1px;
+		border-radius: var(--radius-md);
+	}
+
+	.panel-full-width {
+		width: 100%;
+	}
+	.message-markdown-disabled {
+		white-space: pre-line;
+	}
+
+	.user {
+		border-radius: var(--radius-md);
+		align-self: flex-end;
+		border-bottom-right-radius: 0;
+		box-shadow: var(--shadow-drop);
+		border: 1px solid var(--border-color-accent-subdued);
+		background-color: var(--color-accent-soft);
+		padding: var(--spacing-sm) var(--spacing-xl);
+	}
+
+	.bot {
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		border-color: var(--border-color-primary);
+		background-color: var(--background-fill-secondary);
+		box-shadow: var(--shadow-drop);
+		align-self: flex-start;
+		text-align: left;
+		border-bottom-left-radius: 0;
+		padding: var(--spacing-sm) var(--spacing-xl);
+	}
+
+	.bot:has(.table-wrap) {
+		border: none;
+		box-shadow: none;
+		background: none;
+	}
+
+	.panel .user :global(*) {
+		text-align: right;
+	}
+
+	/* Colors */
+
+	.message-row {
+		display: flex;
+		position: relative;
+	}
+
+	/* bubble mode styles */
+	.bubble {
+		margin: calc(var(--spacing-xl) * 2);
+		margin-bottom: var(--spacing-xl);
+	}
+
+	.bubble.user-row {
+		align-self: flex-end;
+		max-width: calc(100% - var(--spacing-xl) * 6);
+	}
+
+	.bubble.bot-row {
+		align-self: flex-start;
+		max-width: calc(100% - var(--spacing-xl) * 6);
+	}
+
+	.bubble .user-row {
+		flex-direction: row;
+		justify-content: flex-end;
+	}
+
+	.bubble .with_avatar.user-row {
+		margin-right: calc(var(--spacing-xl) * 2) !important;
+	}
+
+	.bubble .with_avatar.bot-row {
+		margin-left: calc(var(--spacing-xl) * 2) !important;
+	}
+
+	.bubble .with_opposite_avatar.user-row {
+		margin-left: calc(var(--spacing-xxl) + 35px + var(--spacing-xxl));
+	}
+
+	/* panel mode styles */
+	.panel {
+		margin: 0;
+		padding: calc(var(--spacing-lg) * 2) calc(var(--spacing-lg) * 2);
+	}
+
+	.panel.bot-row {
+		background: var(--background-fill-secondary);
+	}
+
+	.panel .with_avatar {
+		padding-left: calc(var(--spacing-xl) * 2) !important;
+		padding-right: calc(var(--spacing-xl) * 2) !important;
+	}
+
+	.panel .panel-full-width {
+		width: 100%;
+	}
+
+	.panel .user :global(*) {
+		text-align: right;
+	}
+
+	/* message content */
+	.flex-wrap {
+		display: flex;
+		flex-direction: column;
+		max-width: 100%;
+		color: var(--body-text-color);
+		font-size: var(--chatbot-text-size);
+		overflow-wrap: break-word;
+	}
+
+	@media (max-width: 480px) {
+		.user-row.bubble {
+			align-self: flex-end;
+		}
+
+		.bot-row.bubble {
+			align-self: flex-start;
+		}
+		.message {
+			width: 100%;
+		}
+	}
+
+	.avatar-container {
+		align-self: flex-start;
+		position: relative;
+		display: flex;
+		justify-content: flex-start;
+		align-items: flex-start;
+		width: 35px;
+		height: 35px;
+		flex-shrink: 0;
+		bottom: 0;
+		border-radius: 50%;
+		border: 1px solid var(--border-color-primary);
+	}
+	.user-row > .avatar-container {
+		order: 2;
+	}
+
+	.user-row.bubble > .avatar-container {
+		margin-left: var(--spacing-xxl);
+	}
+
+	.bot-row.bubble > .avatar-container {
+		margin-right: var(--spacing-xxl);
+		margin-left: 0;
+	}
+
+	.panel.user-row > .avatar-container {
+		order: 0;
+	}
+
+	.avatar-container:not(.thumbnail-item) :global(img) {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		border-radius: 50%;
+		padding: var(--size-1-5);
+	}
+
+	.selectable {
+		cursor: pointer;
+	}
+
+	@keyframes dot-flashing {
+		0% {
+			opacity: 0.8;
+		}
+		50% {
+			opacity: 0.5;
+		}
+		100% {
+			opacity: 0.8;
+		}
+	}
+
+	/* Image preview */
+	.message :global(.preview) {
+		object-fit: contain;
+		width: 95%;
+		max-height: 93%;
+	}
+	.image-preview {
+		position: absolute;
+		z-index: 999;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 100%;
+		overflow: auto;
+		background-color: rgba(0, 0, 0, 0.9);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+	.image-preview :global(svg) {
+		stroke: white;
+	}
+	.image-preview-close-button {
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		background: none;
+		border: none;
+		font-size: 1.5em;
+		cursor: pointer;
+		height: 30px;
+		width: 30px;
+		padding: 3px;
+		background: var(--bg-color);
+		box-shadow: var(--shadow-drop);
+		border: 1px solid var(--button-secondary-border-color);
+		border-radius: var(--radius-lg);
+	}
+
+	.message > div {
+		width: 100%;
+	}
+	.html {
+		padding: 0;
+		border: none;
+		background: none;
+	}
+
+	.panel .bot,
+	.panel .user {
+		border: none;
+		box-shadow: none;
+		background-color: var(--background-fill-secondary);
+	}
+
+	textarea {
+		background: none;
+		border-radius: var(--radius-lg);
+		border: none;
+		display: block;
+		max-width: 100%;
+	}
+	.user textarea {
+		border-bottom-right-radius: 0;
+	}
+	.bot textarea {
+		border-bottom-left-radius: 0;
+	}
+	.user textarea:focus {
+		outline: 2px solid var(--border-color-accent);
+	}
+	.bot textarea:focus {
+		outline: 2px solid var(--border-color-primary);
+	}
+
+	.panel.user-row {
+		background-color: var(--color-accent-soft);
+	}
+
+	.panel .user-row,
+	.panel .bot-row {
+		align-self: flex-start;
+	}
+
+	.panel .user :global(*),
+	.panel .bot :global(*) {
+		text-align: inherit;
+	}
+
+	.panel .user {
+		background-color: var(--color-accent-soft);
+	}
+
+	.panel .user-row {
+		background-color: var(--color-accent-soft);
+		align-self: start;
+	}
+
+	.panel .message {
+		margin-bottom: var(--spacing-md);
+	}
+</style>
diff --git a/js/chatbot/shared/MessageContent.svelte b/js/chatbot/shared/MessageContent.svelte
new file mode 100644
index 0000000..e9f37df
--- /dev/null
+++ b/js/chatbot/shared/MessageContent.svelte
@@ -0,0 +1,160 @@
+<script lang="ts">
+	import { File } from "@gradio/icons";
+	import Component from "./Component.svelte";
+	import { MarkdownCode as Markdown } from "@gradio/markdown-code";
+	import type { NormalisedMessage } from "../types";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import type { Client, FileData } from "@gradio/client";
+	import type { ComponentType, SvelteComponent } from "svelte";
+
+	let {
+		latex_delimiters,
+		sanitize_html,
+		_fetch,
+		i18n,
+		line_breaks,
+		upload,
+		target,
+		theme_mode,
+		_components,
+		render_markdown,
+		scroll,
+		allow_file_downloads,
+		display_consecutive_in_same_bubble,
+		thought_index,
+		allow_tags = false,
+		message
+	}: {
+		latex_delimiters: {
+			left: string;
+			right: string;
+			display: boolean;
+		}[];
+		sanitize_html: boolean;
+		_fetch: typeof fetch;
+		i18n: I18nFormatter;
+		line_breaks: boolean;
+		upload: Client["upload"];
+		target: HTMLElement | null;
+		theme_mode: "light" | "dark" | "system";
+		_components: Record<string, ComponentType<SvelteComponent>>;
+		render_markdown: boolean;
+		scroll: () => void;
+		allow_file_downloads: boolean;
+		display_consecutive_in_same_bubble: boolean;
+		thought_index: number;
+		allow_tags?: string[] | boolean;
+		message: NormalisedMessage;
+	} = $props();
+</script>
+
+{#if message.type === "text"}
+	<div class="message-content">
+		<Markdown
+			message={message.content}
+			{latex_delimiters}
+			{sanitize_html}
+			{render_markdown}
+			{line_breaks}
+			onload={scroll}
+			{allow_tags}
+			{theme_mode}
+		/>
+	</div>
+{:else if message.type === "component" && message.content.component in _components}
+	<Component
+		{target}
+		{theme_mode}
+		props={message.content.props}
+		type={message.content.component}
+		components={_components}
+		value={message.content.value}
+		display_icon_button_wrapper_top_corner={thought_index > 0 &&
+			display_consecutive_in_same_bubble}
+		{i18n}
+		{upload}
+		{_fetch}
+		onload={scroll}
+		{allow_file_downloads}
+	/>
+{:else if message.type === "component" && message.content.component === "file"}
+	{#each message.content.value as file_}
+		{@const file: FileData = file_ as FileData}
+		<div class="file-container">
+			<div class="file-icon">
+				<File />
+			</div>
+			<div class="file-info">
+				<a
+					data-testid="chatbot-file"
+					class="file-link"
+					href={file.url}
+					target="_blank"
+					download={window.__is_colab__
+						? null
+						: file?.orig_name || file?.path.split("/").pop() || "file"}
+				>
+					<span class="file-name"
+						>{file?.orig_name || file?.path.split("/").pop() || "file"}</span
+					>
+				</a>
+				<span class="file-type"
+					>{(file.orig_name || file.path || "")
+						.split(".")
+						.pop()
+						?.toUpperCase() ?? "FILE"}</span
+				>
+			</div>
+		</div>
+	{/each}
+{/if}
+
+<style>
+	.file-container {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-lg);
+		padding: var(--spacing-lg);
+		border-radius: var(--radius-lg);
+		width: fit-content;
+		margin: var(--spacing-sm) 0;
+	}
+
+	.file-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: var(--body-text-color);
+	}
+
+	.file-icon :global(svg) {
+		width: var(--size-7);
+		height: var(--size-7);
+	}
+
+	.file-info {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.file-link {
+		text-decoration: none;
+		color: var(--body-text-color);
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-xs);
+	}
+
+	.file-name {
+		font-family: var(--font);
+		font-size: var(--text-md);
+		font-weight: 500;
+	}
+
+	.file-type {
+		font-family: var(--font);
+		font-size: var(--text-sm);
+		color: var(--body-text-color-subdued);
+		text-transform: uppercase;
+	}
+</style>
diff --git a/js/chatbot/shared/Pending.svelte b/js/chatbot/shared/Pending.svelte
new file mode 100644
index 0000000..b5653fa
--- /dev/null
+++ b/js/chatbot/shared/Pending.svelte
@@ -0,0 +1,142 @@
+<script lang="ts">
+	import { Image } from "@gradio/image/shared";
+	import type { FileData } from "@gradio/client";
+
+	let {
+		layout = "bubble",
+		avatar_images = [null, null] as [FileData | null, FileData | null]
+	}: {
+		layout?: "bubble" | "panel";
+		avatar_images?: [FileData | null, FileData | null];
+	} = $props();
+</script>
+
+<div class="container">
+	{#if avatar_images[1] !== null}
+		<div class="avatar-container">
+			<Image class="avatar-image" src={avatar_images[1].url} alt="bot avatar" />
+		</div>
+	{/if}
+
+	<div
+		class="message bot pending {layout}"
+		class:with_avatar={avatar_images[1] !== null}
+		class:with_opposite_avatar={avatar_images[0] !== null}
+		role="status"
+		aria-label="Loading response"
+		aria-live="polite"
+	>
+		<div class="message-content">
+			<span class="sr-only">Loading content</span>
+			<div class="dots">
+				<div class="dot" />
+				<div class="dot" />
+				<div class="dot" />
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.container {
+		display: flex;
+		margin: calc(var(--spacing-xl) * 2);
+	}
+
+	.bubble.pending {
+		border-width: 1px;
+		border-radius: var(--radius-lg);
+		border-bottom-left-radius: 0;
+		border-color: var(--border-color-primary);
+		background-color: var(--background-fill-secondary);
+		box-shadow: var(--shadow-drop);
+		align-self: flex-start;
+		width: fit-content;
+		margin-bottom: var(--spacing-xl);
+	}
+
+	.bubble.with_opposite_avatar {
+		margin-right: calc(var(--spacing-xxl) + 35px + var(--spacing-xxl));
+	}
+
+	.panel.pending {
+		margin: 0;
+		padding: calc(var(--spacing-lg) * 2) calc(var(--spacing-lg) * 2);
+		width: 100%;
+		border: none;
+		background: none;
+		box-shadow: none;
+		border-radius: 0;
+	}
+
+	.panel.with_avatar {
+		padding-left: calc(var(--spacing-xl) * 2) !important;
+		padding-right: calc(var(--spacing-xl) * 2) !important;
+	}
+
+	.avatar-container {
+		align-self: flex-start;
+		position: relative;
+		display: flex;
+		justify-content: flex-start;
+		align-items: flex-start;
+		width: 35px;
+		height: 35px;
+		flex-shrink: 0;
+		bottom: 0;
+		border-radius: 50%;
+		border: 1px solid var(--border-color-primary);
+		margin-right: var(--spacing-xxl);
+	}
+
+	.avatar-container:not(.thumbnail-item) :global(img) {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		border-radius: 50%;
+		padding: var(--size-1-5);
+	}
+
+	.message-content {
+		padding: var(--spacing-sm) var(--spacing-xl);
+		min-height: var(--size-8);
+		display: flex;
+		align-items: center;
+	}
+
+	.dots {
+		display: flex;
+		gap: var(--spacing-xs);
+		align-items: center;
+	}
+
+	.dot {
+		width: var(--size-1-5);
+		height: var(--size-1-5);
+		margin-right: var(--spacing-xs);
+		border-radius: 50%;
+		background-color: var(--body-text-color);
+		opacity: 0.5;
+		animation: pulse 1.5s infinite;
+	}
+
+	.dot:nth-child(2) {
+		animation-delay: 0.2s;
+	}
+
+	.dot:nth-child(3) {
+		animation-delay: 0.4s;
+	}
+
+	@keyframes pulse {
+		0%,
+		100% {
+			opacity: 0.4;
+			transform: scale(1);
+		}
+		50% {
+			opacity: 1;
+			transform: scale(1.1);
+		}
+	}
+</style>
diff --git a/js/chatbot/shared/Remove.svelte b/js/chatbot/shared/Remove.svelte
new file mode 100644
index 0000000..7dee223
--- /dev/null
+++ b/js/chatbot/shared/Remove.svelte
@@ -0,0 +1,11 @@
+<svg
+	id="fi_3502539"
+	fill="currentColor"
+	height="100%"
+	viewBox="0 0 24 24"
+	width="100%"
+	xmlns="http://www.w3.org/2000/svg"
+	><path
+		d="m7 16a1 1 0 0 0 .71-.3 1 1 0 0 0 0-1.41l-3.33-3.29h10.13a4.49 4.49 0 0 1 0 9h-2.51a1 1 0 0 0 0 2h2.51a6.49 6.49 0 0 0 0-13h-10.14l3.33-3.29a1 1 0 0 0 -1.4-1.42l-5.07 5a1 1 0 0 0 -.29.71 1 1 0 0 0 .3.71l5.06 5a1 1 0 0 0 .7.29z"
+	></path></svg
+>
diff --git a/js/chatbot/shared/Thought.svelte b/js/chatbot/shared/Thought.svelte
new file mode 100644
index 0000000..1fa0796
--- /dev/null
+++ b/js/chatbot/shared/Thought.svelte
@@ -0,0 +1,298 @@
+<script lang="ts">
+	import type { Client } from "@gradio/client";
+	import type { NormalisedMessage, ThoughtNode } from "../types";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import type { ComponentType, SvelteComponent } from "svelte";
+	import MessageContent from "./MessageContent.svelte";
+	import { DropdownCircularArrow } from "@gradio/icons";
+	import { IconButton } from "@gradio/atoms";
+	import { slide } from "svelte/transition";
+	import { MarkdownCode as Markdown } from "@gradio/markdown-code";
+
+	let {
+		thought,
+		rtl,
+		sanitize_html,
+		latex_delimiters,
+		render_markdown,
+		_components,
+		upload,
+		thought_index,
+		target,
+		theme_mode,
+		_fetch,
+		scroll,
+		allow_file_downloads,
+		display_consecutive_in_same_bubble,
+		i18n,
+		line_breaks,
+		allow_tags
+	}: {
+		thought: NormalisedMessage;
+		rtl: boolean;
+		sanitize_html: boolean;
+		latex_delimiters: { left: string; right: string; display: boolean }[];
+		render_markdown: boolean;
+		_components: Record<string, ComponentType<SvelteComponent>>;
+		upload: Client["upload"];
+		thought_index: number;
+		target: HTMLElement | null;
+		theme_mode: "light" | "dark" | "system";
+		_fetch: typeof fetch;
+		scroll: () => void;
+		allow_file_downloads: boolean;
+		display_consecutive_in_same_bubble: boolean;
+		i18n: I18nFormatter;
+		line_breaks: boolean;
+		allow_tags: string[] | boolean;
+	} = $props();
+
+	function is_thought_node(msg: NormalisedMessage): msg is ThoughtNode {
+		return "children" in msg;
+	}
+
+	let user_expanded_toggled = $state(false);
+	let content_preview_element: HTMLElement;
+	let user_is_scrolling = $state(false);
+	let thought_node: ThoughtNode = $derived.by(() => ({
+		...thought,
+		children: is_thought_node(thought) ? thought.children : []
+	}));
+
+	let expanded = $state(false);
+
+	$effect(() => {
+		if (!user_expanded_toggled) {
+			expanded = thought_node?.metadata?.status !== "done";
+		}
+	});
+
+	function toggleExpanded(): void {
+		expanded = !expanded;
+		user_expanded_toggled = true;
+	}
+
+	function scrollToBottom(): void {
+		if (content_preview_element && !user_is_scrolling) {
+			content_preview_element.scrollTop = content_preview_element.scrollHeight;
+		}
+	}
+
+	function handleScroll(): void {
+		if (content_preview_element) {
+			const is_at_bottom =
+				content_preview_element.scrollHeight -
+					content_preview_element.scrollTop <=
+				content_preview_element.clientHeight + 10;
+			if (!is_at_bottom) {
+				user_is_scrolling = true;
+			}
+		}
+	}
+
+	$effect(() => {
+		if (thought_node.content && thought_node.metadata?.status !== "done")
+			setTimeout(scrollToBottom, 0);
+	});
+</script>
+
+<div class="thought-group">
+	<div
+		class="title"
+		class:expanded
+		on:click|stopPropagation={toggleExpanded}
+		aria-busy={thought_node.content === "" || thought_node.content === null}
+		role="button"
+		tabindex="0"
+		on:keydown={(e) => e.key === "Enter" && toggleExpanded()}
+	>
+		<span
+			class="arrow"
+			style:transform={expanded ? "rotate(180deg)" : "rotate(0deg)"}
+		>
+			<IconButton Icon={DropdownCircularArrow} />
+		</span>
+		<Markdown
+			message={thought_node.metadata?.title || ""}
+			{render_markdown}
+			{latex_delimiters}
+			{sanitize_html}
+			allow_tags={allow_tags || false}
+		/>
+		{#if thought_node.metadata?.status === "pending"}
+			<span class="loading-spinner"></span>
+		{/if}
+		{#if thought_node?.metadata?.log || thought_node?.metadata?.duration}
+			<span class="duration">
+				{#if thought_node.metadata.log}
+					{thought_node.metadata.log}
+				{/if}
+				{#if thought_node.metadata.duration !== undefined}
+					({#if Number.isInteger(thought_node.metadata.duration)}{thought_node
+							.metadata
+							.duration}s{:else if thought_node.metadata.duration >= 0.1}{thought_node.metadata.duration.toFixed(
+							1
+						)}s{:else}{(thought_node.metadata.duration * 1000).toFixed(
+							1
+						)}ms{/if})
+				{/if}
+			</span>
+		{/if}
+	</div>
+
+	{#if expanded}
+		<div
+			class:content={expanded}
+			class:content-preview={!expanded &&
+				thought_node.metadata?.status !== "done"}
+			bind:this={content_preview_element}
+			on:scroll={handleScroll}
+			transition:slide
+		>
+			<MessageContent
+				message={thought_node}
+				{sanitize_html}
+				{allow_tags}
+				{latex_delimiters}
+				{render_markdown}
+				{_components}
+				{upload}
+				{thought_index}
+				{target}
+				{theme_mode}
+				{_fetch}
+				{scroll}
+				{allow_file_downloads}
+				{display_consecutive_in_same_bubble}
+				{i18n}
+				{line_breaks}
+			/>
+
+			{#if thought_node.children?.length > 0}
+				<div class="children">
+					{#each thought_node.children as child, index}
+						<svelte:self
+							thought={child}
+							rtc={rtl || false}
+							{sanitize_html}
+							{latex_delimiters}
+							{render_markdown}
+							{_components}
+							{upload}
+							thought_index={thought_index + 1}
+							{target}
+							{theme_mode}
+							{_fetch}
+							{scroll}
+							{allow_file_downloads}
+							{display_consecutive_in_same_bubble}
+							{i18n}
+							{line_breaks}
+						/>
+					{/each}
+				</div>
+			{/if}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.thought-group {
+		background: var(--background-fill-primary);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		padding: var(--spacing-md);
+		margin: var(--spacing-md) 0;
+		font-size: var(--text-sm);
+	}
+
+	.children :global(.thought-group) {
+		border: none;
+		margin: 0;
+		padding-bottom: 0;
+	}
+
+	.children {
+		padding-left: var(--spacing-md);
+	}
+
+	.title {
+		display: flex;
+		align-items: center;
+		color: var(--body-text-color);
+		cursor: pointer;
+		width: 100%;
+	}
+
+	.title :global(.md) {
+		font-size: var(--text-sm) !important;
+	}
+
+	.content,
+	.content-preview {
+		overflow-wrap: break-word;
+		word-break: break-word;
+		margin-left: var(--spacing-lg);
+		margin-bottom: var(--spacing-sm);
+	}
+
+	.content-preview {
+		position: relative;
+		max-height: calc(5 * 1.5em);
+		overflow-y: auto;
+		overscroll-behavior: contain;
+		cursor: default;
+	}
+
+	.content :global(*),
+	.content-preview :global(*) {
+		font-size: var(--text-sm);
+		color: var(--body-text-color);
+	}
+
+	.thought-group :global(.thought:not(.nested)) {
+		border: none;
+		background: none;
+	}
+
+	.duration {
+		color: var(--body-text-color-subdued);
+		font-size: var(--text-sm);
+		margin-left: var(--size-1);
+	}
+
+	.arrow {
+		opacity: 0.8;
+		width: var(--size-8);
+		height: var(--size-8);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.arrow :global(button) {
+		background-color: transparent;
+	}
+
+	.loading-spinner {
+		display: inline-block;
+		width: 12px;
+		height: 12px;
+		border: 2px solid var(--body-text-color);
+		border-radius: 50%;
+		border-top-color: transparent;
+		animation: spin 1s linear infinite;
+		margin: 0 var(--size-1) -1px var(--size-2);
+		opacity: 0.8;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.thought-group :global(.message-content) {
+		opacity: 0.8;
+	}
+</style>
diff --git a/js/chatbot/shared/ThumbDownActive.svelte b/js/chatbot/shared/ThumbDownActive.svelte
new file mode 100644
index 0000000..4b0e3b4
--- /dev/null
+++ b/js/chatbot/shared/ThumbDownActive.svelte
@@ -0,0 +1,12 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 12 12"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M11.25 6.61523H9.375V1.36523H11.25V6.61523ZM3.375 1.36523H8.625V6.91636L7.48425 8.62748L7.16737 10.8464C7.14108 11.0248 7.05166 11.1879 6.91535 11.3061C6.77904 11.4242 6.60488 11.4896 6.4245 11.4902H6.375C6.07672 11.4899 5.79075 11.3713 5.57983 11.1604C5.36892 10.9495 5.2503 10.6635 5.25 10.3652V8.11523H2.25C1.85233 8.11474 1.47109 7.95654 1.18989 7.67535C0.908691 7.39415 0.750496 7.01291 0.75 6.61523V3.99023C0.750992 3.29435 1.02787 2.62724 1.51994 2.13517C2.01201 1.64311 2.67911 1.36623 3.375 1.36523Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/chatbot/shared/ThumbDownDefault.svelte b/js/chatbot/shared/ThumbDownDefault.svelte
new file mode 100644
index 0000000..14ed5cd
--- /dev/null
+++ b/js/chatbot/shared/ThumbDownDefault.svelte
@@ -0,0 +1,12 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 12 12"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M2.25 8.11523H4.5V10.3652C4.5003 10.6635 4.61892 10.9495 4.82983 11.1604C5.04075 11.3713 5.32672 11.4899 5.625 11.4902H6.42488C6.60519 11.4895 6.77926 11.4241 6.91549 11.3059C7.05172 11.1878 7.14109 11.0248 7.16737 10.8464L7.48425 8.62748L8.82562 6.61523H11.25V1.36523H3.375C2.67911 1.36623 2.01201 1.64311 1.51994 2.13517C1.02787 2.62724 0.750992 3.29435 0.75 3.99023V6.61523C0.750496 7.01291 0.908691 7.39415 1.18989 7.67535C1.47109 7.95654 1.85233 8.11474 2.25 8.11523ZM9 2.11523H10.5V5.86523H9V2.11523ZM1.5 3.99023C1.5006 3.49314 1.69833 3.01657 2.04983 2.66507C2.40133 2.31356 2.8779 2.11583 3.375 2.11523H8.25V6.12661L6.76575 8.35298L6.4245 10.7402H5.625C5.52554 10.7402 5.43016 10.7007 5.35983 10.6304C5.28951 10.5601 5.25 10.4647 5.25 10.3652V7.36523H2.25C2.05118 7.36494 1.86059 7.28582 1.72 7.14524C1.57941 7.00465 1.5003 6.81406 1.5 6.61523V3.99023Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/chatbot/shared/ThumbUpActive.svelte b/js/chatbot/shared/ThumbUpActive.svelte
new file mode 100644
index 0000000..46d62c7
--- /dev/null
+++ b/js/chatbot/shared/ThumbUpActive.svelte
@@ -0,0 +1,12 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 12 12"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M0.75 6.24023H2.625V11.4902H0.75V6.24023ZM8.625 11.4902H3.375V5.93911L4.51575 4.22798L4.83263 2.00911C4.85892 1.83065 4.94834 1.66754 5.08465 1.5494C5.22096 1.43125 5.39512 1.36591 5.5755 1.36523H5.625C5.92328 1.36553 6.20925 1.48415 6.42017 1.69507C6.63108 1.90598 6.7497 2.19196 6.75 2.49023V4.74023H9.75C10.1477 4.74073 10.5289 4.89893 10.8101 5.18012C11.0913 5.46132 11.2495 5.84256 11.25 6.24023V8.86523C11.249 9.56112 10.9721 10.2282 10.4801 10.7203C9.98799 11.2124 9.32089 11.4892 8.625 11.4902Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/chatbot/shared/ThumbUpDefault.svelte b/js/chatbot/shared/ThumbUpDefault.svelte
new file mode 100644
index 0000000..65134c9
--- /dev/null
+++ b/js/chatbot/shared/ThumbUpDefault.svelte
@@ -0,0 +1,12 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 12 12"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M9.75 4.74023H7.5V2.49023C7.4997 2.19196 7.38108 1.90598 7.17017 1.69507C6.95925 1.48415 6.67328 1.36553 6.375 1.36523H5.57512C5.39481 1.366 5.22074 1.43138 5.08451 1.54952C4.94828 1.66766 4.85891 1.83072 4.83262 2.00911L4.51575 4.22798L3.17438 6.24023H0.75V11.4902H8.625C9.32089 11.4892 9.98799 11.2124 10.4801 10.7203C10.9721 10.2282 11.249 9.56112 11.25 8.86523V6.24023C11.2495 5.84256 11.0913 5.46132 10.8101 5.18012C10.5289 4.89893 10.1477 4.74073 9.75 4.74023ZM3 10.7402H1.5V6.99023H3V10.7402ZM10.5 8.86523C10.4994 9.36233 10.3017 9.8389 9.95017 10.1904C9.59867 10.5419 9.1221 10.7396 8.625 10.7402H3.75V6.72886L5.23425 4.50248L5.5755 2.11523H6.375C6.47446 2.11523 6.56984 2.15474 6.64017 2.22507C6.71049 2.2954 6.75 2.39078 6.75 2.49023V5.49023H9.75C9.94882 5.49053 10.1394 5.56965 10.28 5.71023C10.4206 5.85082 10.4997 6.04141 10.5 6.24023V8.86523Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/chatbot/shared/autorender.d.ts b/js/chatbot/shared/autorender.d.ts
new file mode 100644
index 0000000..946e678
--- /dev/null
+++ b/js/chatbot/shared/autorender.d.ts
@@ -0,0 +1 @@
+declare module "katex/dist/contrib/auto-render.js";
diff --git a/js/chatbot/shared/utils.ts b/js/chatbot/shared/utils.ts
new file mode 100644
index 0000000..6431e25
--- /dev/null
+++ b/js/chatbot/shared/utils.ts
@@ -0,0 +1,372 @@
+import type { FileData } from "@gradio/client";
+import type { ComponentType, SvelteComponent } from "svelte";
+import { uploadToHuggingFace } from "@gradio/utils";
+import type {
+	ComponentMessage,
+	ComponentData,
+	TextMessage,
+	NormalisedMessage,
+	Message,
+	MessageRole,
+	ThoughtNode,
+	Text,
+	Component,
+	File
+} from "../types";
+import type { LoadedComponent } from "../../core/src/types";
+import { Gradio } from "@gradio/utils";
+
+export const format_chat_for_sharing = async (
+	chat: NormalisedMessage[],
+	url_length_limit = 1800
+): Promise<string> => {
+	let messages_to_share = [...chat];
+	let formatted = await format_messages(messages_to_share);
+
+	if (formatted.length > url_length_limit && messages_to_share.length > 2) {
+		const first_message = messages_to_share[0];
+		const last_message = messages_to_share[messages_to_share.length - 1];
+		messages_to_share = [first_message, last_message];
+		formatted = await format_messages(messages_to_share);
+	}
+
+	if (formatted.length > url_length_limit && messages_to_share.length > 0) {
+		const truncated_messages = messages_to_share.map((msg) => {
+			if (msg.type === "text") {
+				const max_length =
+					Math.floor(url_length_limit / messages_to_share.length) - 20;
+				if (msg.content.length > max_length) {
+					return {
+						...msg,
+						content: msg.content.substring(0, max_length) + "..."
+					};
+				}
+			}
+			return msg;
+		});
+
+		messages_to_share = truncated_messages;
+		formatted = await format_messages(messages_to_share);
+	}
+
+	return formatted;
+};
+
+const format_messages = async (chat: NormalisedMessage[]): Promise<string> => {
+	let messages = await Promise.all(
+		chat.map(async (message) => {
+			if (message.role === "system") return "";
+			let speaker_emoji = message.role === "user" ? "😃" : "🤖";
+			let html_content = "";
+
+			if (message.type === "text") {
+				const regexPatterns = {
+					audio: /<audio.*?src="(\/file=.*?)"/g,
+					video: /<video.*?src="(\/file=.*?)"/g,
+					image: /<img.*?src="(\/file=.*?)".*?\/>|!\[.*?\]\((\/file=.*?)\)/g
+				};
+
+				html_content = message.content;
+
+				for (let [_, regex] of Object.entries(regexPatterns)) {
+					let match;
+
+					while ((match = regex.exec(message.content)) !== null) {
+						const fileUrl = match[1] || match[2];
+						const newUrl = await uploadToHuggingFace(fileUrl, "url");
+						html_content = html_content.replace(fileUrl, newUrl);
+					}
+				}
+			} else {
+				if (!message.content.value) return "";
+				const url =
+					message.content.component === "video"
+						? message.content.value?.video.path
+						: message.content.value;
+				const file_url = await uploadToHuggingFace(url, "url");
+				if (message.content.component === "audio") {
+					html_content = `<audio controls src="${file_url}"></audio>`;
+				} else if (message.content.component === "video") {
+					html_content = file_url;
+				} else if (message.content.component === "image") {
+					html_content = `<img src="${file_url}" />`;
+				}
+			}
+
+			return `${speaker_emoji}: ${html_content}`;
+		})
+	);
+	return messages.filter((msg) => msg !== "").join("\n");
+};
+
+export interface UndoRetryData {
+	index: number | [number, number];
+	value: string | FileData | ComponentData;
+}
+
+export interface EditData {
+	index: number | [number, number];
+	value: string;
+	previous_value: string;
+	_dispatch_value: { type: "text"; text: string }[];
+}
+
+const redirect_src_url = (src: string, root: string): string =>
+	src.replace('src="/file', `src="${root}file`);
+
+function get_component_for_mime_type(
+	mime_type: string | null | undefined,
+	file?: { path?: string }
+): string {
+	if (!mime_type) {
+		const path = file?.path;
+		if (path) {
+			const lower_path = path.toLowerCase();
+			if (
+				lower_path.endsWith(".glb") ||
+				lower_path.endsWith(".gltf") ||
+				lower_path.endsWith(".obj") ||
+				lower_path.endsWith(".stl") ||
+				lower_path.endsWith(".splat") ||
+				lower_path.endsWith(".ply")
+			) {
+				return "model3d";
+			}
+		}
+		return "file";
+	}
+	if (mime_type.includes("audio")) return "audio";
+	if (mime_type.includes("video")) return "video";
+	if (mime_type.includes("image")) return "image";
+	if (mime_type.includes("model")) return "model3d";
+	return "file";
+}
+
+function convert_file_message_to_component_message(
+	message: File
+): ComponentData {
+	const _file = Array.isArray(message.file) ? message.file[0] : message.file;
+	const component = get_component_for_mime_type(_file?.mime_type, _file);
+	// Ensure that value is always an array for files
+	return {
+		component: component,
+		value:
+			component === "file"
+				? Array.isArray(message.file)
+					? message.file
+					: [message.file]
+				: message.file,
+		alt_text: message.alt_text,
+		constructor_args: {},
+		props: {}
+	} as ComponentData;
+}
+
+function normalise_message(
+	message: Message,
+	content: Text | File | Component,
+	root: string,
+	i: number
+): NormalisedMessage {
+	let normalized: NormalisedMessage;
+	if (content.type === "text") {
+		normalized = {
+			role: message.role,
+			metadata: message.metadata,
+			content: redirect_src_url(content.text, root),
+			type: "text",
+			index: i,
+			options: message.options
+		};
+	} else if (content.type === "file") {
+		normalized = {
+			role: message.role,
+			metadata: message.metadata,
+			content: convert_file_message_to_component_message(content),
+			type: "component",
+			index: i,
+			options: message.options
+		};
+	} else {
+		normalized = {
+			role: message.role,
+			metadata: message.metadata,
+			content: content,
+			type: "component",
+			index: i,
+			options: message.options
+		};
+	}
+	return normalized;
+}
+
+export function normalise_messages(
+	messages: Message[] | null,
+	root: string
+): NormalisedMessage[] | null {
+	if (messages === null) return messages;
+
+	const thought_map = new Map<string, ThoughtNode>();
+
+	return messages
+		.flatMap((message, i) => {
+			const normalized: NormalisedMessage[] = message.content.map((content) =>
+				normalise_message(message, content, root, i)
+			);
+			for (const msg of normalized) {
+				const { id, title, parent_id } = message.metadata || {};
+				if (parent_id) {
+					const parent = thought_map.get(String(parent_id));
+					if (parent) {
+						const thought = { ...msg, children: [] } as ThoughtNode;
+						parent.children.push(thought);
+						if (id && title) {
+							thought_map.set(String(id), thought);
+						}
+						return null;
+					}
+				}
+				if (id && title) {
+					const thought = { ...msg, children: [] } as ThoughtNode;
+					thought_map.set(String(id), thought);
+					return thought;
+				}
+			}
+			return normalized;
+		})
+		.filter((msg): msg is NormalisedMessage => msg !== null);
+}
+
+export function is_component_message(
+	message: NormalisedMessage
+): message is ComponentMessage {
+	return message.type === "component";
+}
+
+export function is_last_bot_message(
+	messages: NormalisedMessage[],
+	all_messages: NormalisedMessage[]
+): boolean {
+	const is_bot = messages[messages.length - 1].role === "assistant";
+	const last_index = messages[messages.length - 1].index;
+	// use JSON.stringify to handle both the number and tuple cases
+	// when msg_format is tuples, last_index is an array and when it is messages, it is a number
+	const is_last =
+		JSON.stringify(last_index) ===
+		JSON.stringify(all_messages[all_messages.length - 1].index);
+	return is_last && is_bot;
+}
+
+export function group_messages(
+	messages: NormalisedMessage[],
+	display_consecutive_in_same_bubble = true
+): NormalisedMessage[][] {
+	const groupedMessages: NormalisedMessage[][] = [];
+	let currentGroup: NormalisedMessage[] = [];
+	let currentRole: MessageRole | null = null;
+
+	for (const message of messages) {
+		if (!(message.role === "assistant" || message.role === "user")) {
+			continue;
+		}
+
+		// If display_consecutive_in_same_bubble is false, each message should be its own group
+		if (!display_consecutive_in_same_bubble) {
+			groupedMessages.push([message]);
+			continue;
+		}
+
+		if (message.role === currentRole) {
+			currentGroup.push(message);
+		} else {
+			if (currentGroup.length > 0) {
+				groupedMessages.push(currentGroup);
+			}
+			currentGroup = [message];
+			currentRole = message.role;
+		}
+	}
+
+	if (currentGroup.length > 0) {
+		groupedMessages.push(currentGroup);
+	}
+
+	return groupedMessages;
+}
+
+export async function load_components(
+	component_names: string[],
+	_components: Record<string, ComponentType<SvelteComponent>>,
+	load_component: Gradio["load_component"]
+): Promise<Record<string, ComponentType<SvelteComponent>>> {
+	for (const component_name of component_names) {
+		if (_components[component_name] || component_name === "file") {
+			continue;
+		}
+		const variant = component_name === "dataframe" ? "component" : "base";
+		const { component } = load_component(component_name, variant);
+		const comp = await component;
+		// @ts-ignore
+		_components[component_name] = comp.default;
+	}
+	return _components;
+}
+
+export function get_components_from_messages(
+	messages: NormalisedMessage[] | null
+): string[] {
+	if (!messages) return [];
+	let components: Set<string> = new Set();
+	messages.forEach((message) => {
+		if (message.type === "component") {
+			components.add(message.content.component);
+		}
+	});
+	return Array.from(components);
+}
+
+export function get_thought_content(msg: NormalisedMessage, depth = 0): string {
+	let content = "";
+	const indent = "  ".repeat(depth);
+
+	if (msg.metadata?.title) {
+		content += `${indent}${depth > 0 ? "- " : ""}${msg.metadata.title}\n`;
+	}
+	if (typeof msg.content === "string") {
+		content += `${indent}  ${msg.content}\n`;
+	}
+	const thought = msg as ThoughtNode;
+	if (thought.children?.length > 0) {
+		content += thought.children
+			.map((child) => get_thought_content(child, depth + 1))
+			.join("");
+	}
+	return content;
+}
+
+export function all_text(message: TextMessage[] | TextMessage): string {
+	if (Array.isArray(message)) {
+		return message
+			.map((m) => {
+				if (m.metadata?.title) {
+					return get_thought_content(m);
+				}
+				return m.content;
+			})
+			.join("\n");
+	}
+	if (message.metadata?.title) {
+		return get_thought_content(message);
+	}
+	return message.content;
+}
+
+export function is_all_text(
+	message: NormalisedMessage[] | NormalisedMessage
+): message is TextMessage[] | TextMessage {
+	return (
+		(Array.isArray(message) &&
+			message.every((m) => typeof m.content === "string")) ||
+		(!Array.isArray(message) && typeof message.content === "string")
+	);
+}
diff --git a/js/chatbot/types.ts b/js/chatbot/types.ts
new file mode 100644
index 0000000..1a2585b
--- /dev/null
+++ b/js/chatbot/types.ts
@@ -0,0 +1,156 @@
+import type { FileData } from "@gradio/client";
+import type { UndoRetryData } from "./shared/utils";
+import type {
+	Gradio,
+	SelectData,
+	LikeData,
+	CopyData,
+	CustomButton
+} from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export type MessageRole = "system" | "user" | "assistant";
+
+export interface Metadata {
+	title: string | null;
+	id?: number | string | null;
+	parent_id?: number | string | null;
+	duration?: number;
+	log?: string;
+	status?: "pending" | "done" | null;
+}
+
+export interface ComponentData {
+	component: string;
+	constructor_args: any;
+	props: any;
+	value: any;
+	alt_text: string | null;
+}
+
+export interface Option {
+	label?: string;
+	value: string;
+}
+
+export interface Text {
+	type: "text";
+	text: string;
+}
+
+export interface Component {
+	type: "component";
+	component: string;
+	constructor_args: object;
+	props: object;
+	value: any;
+	alt_text: string | null;
+}
+
+export interface File {
+	type: "file";
+	file: FileData;
+	alt_text: string | null;
+}
+
+export interface Message {
+	role: MessageRole;
+	metadata: Metadata;
+	content: (Text | File | Component)[];
+	index: number | [number, number];
+	options?: Option[];
+}
+
+export interface TextMessage {
+	type: "text";
+	content: string;
+	index: number | [number, number];
+	options?: Option[];
+	role: MessageRole;
+	metadata: Metadata;
+}
+
+export interface ComponentMessage {
+	type: "component";
+	content: ComponentData;
+	index: number | [number, number];
+	options?: Option[];
+	role: MessageRole;
+	metadata: Metadata;
+}
+
+export interface ExampleMessage {
+	icon?: FileData;
+	display_text?: string;
+	text: string;
+	files?: FileData[];
+}
+
+export type message_data =
+	| string
+	| { file: FileData | FileData[]; alt_text: string | null }
+	| { component: string; value: any; constructor_args: any; props: any }
+	| null;
+
+export type NormalisedMessage = TextMessage | ComponentMessage;
+
+export type ThoughtNode = NormalisedMessage & { children: ThoughtNode[] };
+
+export interface ChatbotEvents {
+	change: Message[];
+	select: SelectData;
+	share: ShareData;
+	error: string;
+	like: LikeData;
+	clear_status: LoadingStatus;
+	example_select: SelectData;
+	option_select: SelectData;
+	edit: SelectData;
+	retry: UndoRetryData;
+	undo: UndoRetryData;
+	clear: null;
+	copy: CopyData;
+	custom_button_click: { id: number };
+}
+
+export interface ChatbotProps {
+	autoscroll: boolean;
+	messages: Message[];
+	examples: ExampleMessage[] | null;
+	allow_undo: boolean;
+	allow_retry: boolean;
+	root: string;
+	proxy_url: null | string;
+	max_messages: number | null;
+	avatar_images: [FileData | null, FileData | null];
+	like_user_message: boolean;
+	height: number | string | undefined;
+	resizable: boolean;
+	min_height: number | string | undefined;
+	max_height: number | string | undefined;
+	editable: "user" | "all" | null;
+	placeholder: string | null;
+	allow_file_downloads: boolean;
+	watermark: string | null;
+	value: Message[];
+	_selectable: boolean;
+	likeable: boolean;
+	feedback_options: string[];
+	feedback_value: (string | null)[] | null;
+	buttons: (string | CustomButton)[] | null;
+	rtl: boolean;
+	sanitize_html: boolean;
+	layout: "bubble" | "panel";
+	type: "tuples" | "messages";
+	render_markdown: boolean;
+	line_breaks: boolean;
+	group_consecutive_messages: boolean;
+	allow_tags: string[] | boolean;
+	latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+	_retryable: boolean;
+	_undoable: boolean;
+}
diff --git a/js/checkbox/CHANGELOG.md b/js/checkbox/CHANGELOG.md
new file mode 100644
index 0000000..279a110
--- /dev/null
+++ b/js/checkbox/CHANGELOG.md
@@ -0,0 +1,848 @@
+# @gradio/checkbox
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.8.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.7.0
+
+### Fixes
+
+- [#13250](https://github.com/gradio-app/gradio/pull/13250) [`2e9eb51`](https://github.com/gradio-app/gradio/commit/2e9eb51d4da5e4a997ac2fc18e5814bacf6f818d) - Restore select-all checkbox in boolean column headers of `gr.Dataframe`.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.6.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+
+## 0.6.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.6.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.5.1
+
+### Fixes
+
+- [#12518](https://github.com/gradio-app/gradio/pull/12518) [`e8efab2`](https://github.com/gradio-app/gradio/commit/e8efab2cb19860146cec7946e77b34a599ad6258) - Fix Settings.  Thanks @freddyaboulton!
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix font
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.5.0-dev.1
+
+### Features
+
+- [#12375](https://github.com/gradio-app/gradio/pull/12375) [`2043967`](https://github.com/gradio-app/gradio/commit/2043967b958be9d51c4ee25272afa84bf0dbea08) - fix font.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.5.0-dev.0
+
+### Features
+
+- [#12217](https://github.com/gradio-app/gradio/pull/12217) [`681fa11`](https://github.com/gradio-app/gradio/commit/681fa11357de520f0b05605cbd300d9e276d8736) - Improve behaviour of gr.Checkbox.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.4.31
+
+### Fixes
+
+- [#12000](https://github.com/gradio-app/gradio/pull/12000) [`c5a5f51`](https://github.com/gradio-app/gradio/commit/c5a5f51c6eb177ad18ff50e2408cf81e6ea6c35d) - fix: render checkbox info text below label for consistency.  Thanks @Davda-James!
+
+## 0.4.30
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.4.30
+
+### Features
+
+- [#11891](https://github.com/gradio-app/gradio/pull/11891) [`8d06ab7`](https://github.com/gradio-app/gradio/commit/8d06ab7d899cb8b1ab2a9575f19b8960999aba78) - Add select all checkbox for boolean columns in Dataframe.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.4.29
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.4.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.4.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+
+## 0.4.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.4.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.4.25
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.4.24
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.4.23
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.23
+
+### Features
+
+- [#11237](https://github.com/gradio-app/gradio/pull/11237) [`a6f6b40`](https://github.com/gradio-app/gradio/commit/a6f6b40dda5194fa5bc9926ef67f2a75f503e9a4) - Enhance boolean cell types in `gr.Dataframe`.  Thanks @hannahblair!
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.4.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.4.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.4.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Decrease component radii and remove input shadows
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.4.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.4.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.4.0-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.4.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.4.0-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.4.0-beta.1
+
+### Features
+
+- [#9216](https://github.com/gradio-app/gradio/pull/9216) [`e137b30`](https://github.com/gradio-app/gradio/commit/e137b30b1a53ca32d3cd809d31e97d5d54a4e479) - Decrease component radii and remove input shadows.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.3.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.3.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.3.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.2.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.2.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.2.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.2.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.2.8
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6026](https://github.com/gradio-app/gradio/pull/6026) [`338969af2`](https://github.com/gradio-app/gradio/commit/338969af290de032f9cdc204dab8a50be3bf3cc5) - V4: Single-file implementation of form components. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.2.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.1
+
+### Fixes
+
+- [#5340](https://github.com/gradio-app/gradio/pull/5340) [`df090e89`](https://github.com/gradio-app/gradio/commit/df090e89f74a16e4cb2b700a1e3263cabd2bdd91) - Fix Checkbox select dispatch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/checkbox/Checkbox.stories.svelte b/js/checkbox/Checkbox.stories.svelte
new file mode 100644
index 0000000..d698cec
--- /dev/null
+++ b/js/checkbox/Checkbox.stories.svelte
@@ -0,0 +1,85 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Checkbox from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Checkbox",
+		component: Checkbox,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The checkbox label",
+				name: "label"
+			},
+			info: {
+				control: "text",
+				description: "Additional info text",
+				name: "info"
+			},
+			show_label: {
+				options: [true, false],
+				description: "Whether to show the label",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			value: {
+				options: [true, false],
+				description: "Whether the checkbox is checked",
+				control: { type: "boolean" },
+				defaultValue: false
+			},
+			interactive: {
+				options: [true, false],
+				description: "Whether the checkbox is interactive",
+				control: { type: "boolean" },
+				defaultValue: true
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Checkbox {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Checkbox with label and info"
+	args={{
+		value: false,
+		interactive: true,
+		label: "Accept terms and conditions",
+		info: "You must accept to continue",
+		show_label: true
+	}}
+	{template}
+/>
+<Story
+	name="Checkbox checked"
+	args={{
+		value: true,
+		interactive: true,
+		label: "I agree to the terms",
+		show_label: true
+	}}
+	{template}
+/>
+<Story
+	name="Checkbox disabled"
+	args={{
+		value: false,
+		interactive: false,
+		label: "Non-interactive checkbox",
+		show_label: true
+	}}
+	{template}
+/>
diff --git a/js/checkbox/Checkbox.test.ts b/js/checkbox/Checkbox.test.ts
new file mode 100644
index 0000000..25d5144
--- /dev/null
+++ b/js/checkbox/Checkbox.test.ts
@@ -0,0 +1,312 @@
+import { test, describe, expect, afterEach } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Checkbox from "./Index.svelte";
+
+const default_props = {
+	label: "Accept terms",
+	show_label: true,
+	value: false,
+	interactive: true,
+	info: ""
+};
+
+// Checkbox doesn't use StatusTracker's validation_error prop
+// (it has its own info prop instead), so disable validation tests.
+run_shared_prop_tests({
+	component: Checkbox,
+	name: "Checkbox",
+	base_props: { ...default_props },
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Checkbox", () => {
+	afterEach(() => cleanup());
+
+	test("renders unchecked by default", async () => {
+		const { getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		expect(getByTestId("checkbox")).not.toBeChecked();
+	});
+
+	test("renders checked when value=true", async () => {
+		const { getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: true
+		});
+
+		expect(getByTestId("checkbox")).toBeChecked();
+	});
+
+	test("label text is visible when show_label=true", async () => {
+		const { getByText } = await render(Checkbox, {
+			...default_props,
+			label: "My Checkbox",
+			show_label: true
+		});
+
+		expect(getByText("My Checkbox")).toBeVisible();
+	});
+
+	test("label text is hidden when show_label=false", async () => {
+		const { queryByText } = await render(Checkbox, {
+			...default_props,
+			label: "My Checkbox",
+			show_label: false
+		});
+
+		expect(queryByText("My Checkbox")).toBeNull();
+	});
+
+	test("info text is rendered when provided", async () => {
+		const { getByText } = await render(Checkbox, {
+			...default_props,
+			info: "This is required"
+		});
+
+		expect(getByText("This is required")).toBeVisible();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true allows clicking to toggle", async () => {
+		const { getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false,
+			interactive: true
+		});
+
+		const cb = getByTestId("checkbox");
+		await fireEvent.click(cb);
+		expect(cb).toBeChecked();
+	});
+
+	test("interactive=false disables the checkbox", async () => {
+		const { getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false,
+			interactive: false
+		});
+
+		expect(getByTestId("checkbox")).toBeDisabled();
+	});
+
+	test("interactive=false prevents toggling via user click", async () => {
+		const { getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false,
+			interactive: false
+		});
+
+		const cb = getByTestId("checkbox");
+		// Use user-event (not fireEvent) which respects disabled attribute
+		await event.click(cb);
+		expect(cb).not.toBeChecked();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("clicking checkbox dispatches change with new value", async () => {
+		const { listen, getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		const change = listen("change");
+		await fireEvent.click(getByTestId("checkbox"));
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith(true);
+	});
+
+	test("unchecking dispatches change with false", async () => {
+		const { listen, getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: true
+		});
+
+		const change = listen("change");
+		await fireEvent.click(getByTestId("checkbox"));
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith(false);
+	});
+
+	test("set_data triggers change event", async () => {
+		const { listen, set_data } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		const change = listen("change");
+		await set_data({ value: true });
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith(true);
+	});
+
+	test("no spurious change on mount", async () => {
+		const { listen } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("set_data with same value does not trigger change", async () => {
+		const { listen, set_data } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		const change = listen("change");
+		await set_data({ value: false });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+describe("Events: input", () => {
+	afterEach(() => cleanup());
+
+	test("clicking checkbox dispatches input event", async () => {
+		const { listen, getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		const input = listen("input");
+		await fireEvent.click(getByTestId("checkbox"));
+
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: select", () => {
+	afterEach(() => cleanup());
+
+	test("clicking checkbox dispatches select with index and value", async () => {
+		const { listen, getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		const select = listen("select");
+		await fireEvent.click(getByTestId("checkbox"));
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith(
+			expect.objectContaining({ index: 0, value: true, selected: true })
+		);
+	});
+
+	test("unchecking dispatches select with selected=false", async () => {
+		const { listen, getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: true
+		});
+
+		const select = listen("select");
+		await fireEvent.click(getByTestId("checkbox"));
+
+		expect(select).toHaveBeenCalledWith(
+			expect.objectContaining({ selected: false })
+		);
+	});
+});
+
+describe("Events: custom_button_click", () => {
+	afterEach(() => cleanup());
+
+	test("custom button dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(Checkbox, {
+			...default_props,
+			show_label: true,
+			buttons: [{ value: "Info", id: 1, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Info"));
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 1 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns current value", async () => {
+		const { get_data } = await render(Checkbox, {
+			...default_props,
+			value: true
+		});
+
+		const data = await get_data();
+		expect(data.value).toBe(true);
+	});
+
+	test("set_data updates the checkbox", async () => {
+		const { set_data, getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		await set_data({ value: true });
+		expect(getByTestId("checkbox")).toBeChecked();
+	});
+
+	test("round-trip: set_data then get_data", async () => {
+		const { set_data, get_data } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		await set_data({ value: true });
+		const data = await get_data();
+		expect(data.value).toBe(true);
+	});
+
+	test("user click reflected in get_data", async () => {
+		const { get_data, getByTestId } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		await fireEvent.click(getByTestId("checkbox"));
+		const data = await get_data();
+		expect(data.value).toBe(true);
+	});
+});
+
+describe("Keyboard interaction", () => {
+	afterEach(() => cleanup());
+
+	test("Enter key toggles checkbox and dispatches select", async () => {
+		const { getByTestId, listen } = await render(Checkbox, {
+			...default_props,
+			value: false
+		});
+
+		const cb = getByTestId("checkbox");
+		const select = listen("select");
+		const change = listen("change");
+
+		await fireEvent.keyDown(cb, { key: "Enter" });
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith(true);
+	});
+});
diff --git a/js/checkbox/Example.svelte b/js/checkbox/Example.svelte
new file mode 100644
index 0000000..14222b0
--- /dev/null
+++ b/js/checkbox/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: boolean | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value !== null ? value.toLocaleString() : ""}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/checkbox/Index.svelte b/js/checkbox/Index.svelte
new file mode 100644
index 0000000..c074d03
--- /dev/null
+++ b/js/checkbox/Index.svelte
@@ -0,0 +1,48 @@
+<script context="module" lang="ts">
+	export { default as BaseCheckbox } from "./shared/Checkbox.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import { Block, Info, IconButtonWrapper } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { CheckboxProps, CheckboxEvents } from "./types";
+	import BaseCheckbox from "./shared/Checkbox.svelte";
+
+	let props = $props();
+	const gradio = new Gradio<CheckboxEvents, CheckboxProps>(props);
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	{/if}
+	<BaseCheckbox
+		label={gradio.shared.label || gradio.i18n("checkbox.checkbox")}
+		bind:value={gradio.props.value}
+		interactive={gradio.shared.interactive}
+		show_label={gradio.shared.show_label}
+		on_change={(val) => gradio.dispatch("change", val)}
+		on_input={() => gradio.dispatch("input")}
+		on_select={(data) => gradio.dispatch("select", data)}
+	/>
+	{#if gradio.props.info}
+		<Info info={gradio.props.info} />
+	{/if}
+</Block>
diff --git a/js/checkbox/README.md b/js/checkbox/README.md
new file mode 100644
index 0000000..e240278
--- /dev/null
+++ b/js/checkbox/README.md
@@ -0,0 +1,14 @@
+# `@gradio/checkbox`
+
+```html
+<script>
+    import { BaseCheckbox } from "@gradio/checkbox";
+</script>
+```
+
+BaseCheckBox:
+```javascript
+	export let value = false;
+	export let label = "Checkbox";
+	export let mode: "static" | "interactive";
+```
\ No newline at end of file
diff --git a/js/checkbox/package.json b/js/checkbox/package.json
new file mode 100644
index 0000000..756f6a8
--- /dev/null
+++ b/js/checkbox/package.json
@@ -0,0 +1,40 @@
+{
+	"name": "@gradio/checkbox",
+	"version": "0.8.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		}
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/checkbox"
+	}
+}
diff --git a/js/checkbox/shared/Checkbox.svelte b/js/checkbox/shared/Checkbox.svelte
new file mode 100644
index 0000000..8cda24f
--- /dev/null
+++ b/js/checkbox/shared/Checkbox.svelte
@@ -0,0 +1,190 @@
+<script lang="ts">
+	import type { SelectData } from "@gradio/utils";
+
+	let {
+		label = "Checkbox",
+		value = $bindable(),
+		indeterminate = false,
+		interactive = true,
+		show_label = true,
+		on_change,
+		on_input,
+		on_select
+	}: {
+		label?: string;
+		value?: boolean;
+		indeterminate?: boolean;
+		interactive?: boolean;
+		show_label?: boolean;
+		on_change?: (value: boolean) => void;
+		on_input?: () => void;
+		on_select?: (data: SelectData) => void;
+	} = $props();
+
+	let disabled = $derived(!interactive);
+
+	let old_value = $state(value);
+
+	$effect(() => {
+		if (old_value !== value) {
+			old_value = value;
+			on_change?.($state.snapshot(value as boolean));
+		}
+	});
+
+	async function handle_enter(
+		event: KeyboardEvent & { currentTarget: EventTarget & HTMLInputElement }
+	): Promise<void> {
+		if (event.key === "Enter") {
+			value = !value;
+			on_select?.({
+				index: 0,
+				value: event.currentTarget.checked,
+				selected: event.currentTarget.checked
+			});
+		}
+	}
+
+	async function handle_input(
+		event: Event & { currentTarget: EventTarget & HTMLInputElement }
+	): Promise<void> {
+		value = event.currentTarget.checked;
+		on_select?.({
+			index: 0,
+			value: event.currentTarget.checked,
+			selected: event.currentTarget.checked
+		});
+		on_input?.();
+	}
+</script>
+
+<label class="checkbox-container" class:disabled>
+	<input
+		bind:checked={value}
+		bind:indeterminate
+		on:keydown={handle_enter}
+		on:input={handle_input}
+		{disabled}
+		type="checkbox"
+		name="test"
+		data-testid="checkbox"
+	/>
+	{#if show_label}
+		<span class="label-text">
+			{label}
+		</span>
+	{/if}
+</label>
+
+<style>
+	.checkbox-container {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-lg);
+		cursor: pointer;
+	}
+
+	.label-text {
+		color: var(--body-text-color);
+		font-size: var(--checkbox-label-text-size);
+		line-height: var(--line-sm);
+	}
+
+	.info {
+		display: block;
+		color: var(--body-text-color-subdued);
+		font-size: var(--text-xs);
+		margin-top: var(--spacing-xs);
+	}
+
+	input {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow: var(--checkbox-shadow);
+		border: 1px solid var(--checkbox-border-color);
+		border-radius: var(--checkbox-border-radius);
+		background-color: var(--checkbox-background-color);
+		line-height: var(--line-sm);
+		flex-shrink: 0;
+		z-index: 0;
+	}
+
+	input:checked,
+	input:checked:hover,
+	input:checked:focus {
+		background-image: var(--checkbox-check);
+		background-color: var(--checkbox-background-color-selected);
+		border-color: var(--checkbox-border-color-focus);
+	}
+
+	input:checked:focus {
+		background-image: var(--checkbox-check);
+		background-color: var(--checkbox-background-color-selected);
+		border-color: var(--checkbox-border-color-focus);
+	}
+
+	input:hover {
+		border-color: var(--checkbox-border-color-hover);
+		background-color: var(--checkbox-background-color-hover);
+	}
+
+	input:focus {
+		border-color: var(--checkbox-border-color-focus);
+		background-color: var(--checkbox-background-color-focus);
+	}
+
+	input:indeterminate {
+		background-image: none;
+		background-color: var(--checkbox-background-color-selected);
+		border-color: var(--checkbox-border-color-focus);
+		position: relative;
+	}
+
+	input:indeterminate::before {
+		content: "";
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 100%;
+		height: 100%;
+		z-index: 1;
+		border-radius: var(--checkbox-border-radius);
+		background-color: var(--checkbox-background-color-selected);
+	}
+
+	input:indeterminate::after {
+		content: "";
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		width: 8px;
+		height: 2px;
+		background-color: white;
+		z-index: 2;
+	}
+
+	input:indeterminate:hover {
+		background-color: var(--checkbox-background-color-selected);
+		border-color: var(--checkbox-border-color-hover);
+	}
+
+	input:indeterminate:focus {
+		background-color: var(--checkbox-background-color-selected);
+		border-color: var(--checkbox-border-color-focus);
+	}
+
+	input[disabled] {
+		cursor: not-allowed;
+		opacity: 0.75;
+	}
+
+	label.disabled {
+		cursor: not-allowed;
+	}
+
+	input:not([disabled]):hover {
+		cursor: pointer;
+	}
+</style>
diff --git a/js/checkbox/types.ts b/js/checkbox/types.ts
new file mode 100644
index 0000000..27c0e90
--- /dev/null
+++ b/js/checkbox/types.ts
@@ -0,0 +1,16 @@
+import type { SelectData, CustomButton } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
+
+export interface CheckboxProps {
+	value: boolean;
+	info: string;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface CheckboxEvents {
+	change: boolean;
+	input: boolean;
+	select: SelectData;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/checkboxgroup/CHANGELOG.md b/js/checkboxgroup/CHANGELOG.md
new file mode 100644
index 0000000..99bb37e
--- /dev/null
+++ b/js/checkboxgroup/CHANGELOG.md
@@ -0,0 +1,873 @@
+# @gradio/checkboxgroup
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.12.0
+
+### Features
+
+- [#13534](https://github.com/gradio-app/gradio/pull/13534) [`a11c728`](https://github.com/gradio-app/gradio/commit/a11c7282461ccef90f24a031d77a597ac9ae3d0e) - Re-translate i18n choices display names when the language is switched at runtime.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.11.0
+
+### Features
+
+- [#13516](https://github.com/gradio-app/gradio/pull/13516) [`8ec4cbc`](https://github.com/gradio-app/gradio/commit/8ec4cbc8de3bbc1d8ecb660ad8dd22ad35500e1c) - Translate i18n `choices` display names in choice-based components.  Thanks @hysts!
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.10.0
+
+### Features
+
+- [#13021](https://github.com/gradio-app/gradio/pull/13021) [`5c4dc6a`](https://github.com/gradio-app/gradio/commit/5c4dc6aca11575cf4fec6704afd48a54664f983f) - add core themes.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.9.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.9.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.8.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.8.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix various event issues
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix font
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.8.0-dev.2
+
+### Features
+
+- [#12375](https://github.com/gradio-app/gradio/pull/12375) [`2043967`](https://github.com/gradio-app/gradio/commit/2043967b958be9d51c4ee25272afa84bf0dbea08) - fix font.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.8.0-dev.1
+
+### Features
+
+- [#12357](https://github.com/gradio-app/gradio/pull/12357) [`c9cf634`](https://github.com/gradio-app/gradio/commit/c9cf634a9cd34b4adadde1a6a98d60faf732639a) - Fix various event issues.  Thanks @pngwn!
+
+## 0.7.1-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.7.0
+
+### Features
+
+- [#11854](https://github.com/gradio-app/gradio/pull/11854) [`ee3dbd8`](https://github.com/gradio-app/gradio/commit/ee3dbd837ef02d24e127a2923126ff35750317ab) - Add show_select_all parameter to CheckboxGroup.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.6.28
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.6.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.6.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+
+## 0.6.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.6.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.6.24
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.6.23
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.6.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.6.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.6.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.6.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+
+## 0.6.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+
+## 0.6.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.6.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.6.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.6.7
+
+### Fixes
+
+- [#9901](https://github.com/gradio-app/gradio/pull/9901) [`74b4ff0`](https://github.com/gradio-app/gradio/commit/74b4ff0e61a2a32e1cd5e3354d3002b369c7ad83) - Ensure radio radius is consistent with checkbox radius.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.6.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Decrease component radii and remove input shadows
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.6.0-beta.5
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.6.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.6.0-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.6.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.6.0-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.6.0-beta.1
+
+### Features
+
+- [#9216](https://github.com/gradio-app/gradio/pull/9216) [`e137b30`](https://github.com/gradio-app/gradio/commit/e137b30b1a53ca32d3cd809d31e97d5d54a4e479) - Decrease component radii and remove input shadows.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.5.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.5.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.5.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.4.8
+
+### Fixes
+
+- [#7915](https://github.com/gradio-app/gradio/pull/7915) [`efd9524`](https://github.com/gradio-app/gradio/commit/efd95245081f5657b1d13f34038205fc8791c1f7) - Fix gr.CheckboxGroup change event.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.4.0
+
+### Fixes
+
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.8
+
+### Fixes
+
+- [#6942](https://github.com/gradio-app/gradio/pull/6942) [`b1b78c2`](https://github.com/gradio-app/gradio/commit/b1b78c2168e24fb65251a9b9b6cbc9382179a8ca) - Fix `.select` for `gr.Image`, `gr.CheckboxGroup`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.3.1
+
+### Fixes
+
+- [#6236](https://github.com/gradio-app/gradio/pull/6236) [`6bce259c5`](https://github.com/gradio-app/gradio/commit/6bce259c5db7b21b327c2067e74ea20417bc89ec) - Ensure `gr.CheckboxGroup` updates as expected. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6026](https://github.com/gradio-app/gradio/pull/6026) [`338969af2`](https://github.com/gradio-app/gradio/commit/338969af290de032f9cdc204dab8a50be3bf3cc5) - V4: Single-file implementation of form components. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.3.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5384](https://github.com/gradio-app/gradio/pull/5384) [`ddc02268`](https://github.com/gradio-app/gradio/commit/ddc02268f731bd2ed04b7a5854accf3383f9a0da) - Allows the `gr.Dropdown` to have separate names and values, as well as enables `allow_custom_value` for multiselect dropdown. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5232](https://github.com/gradio-app/gradio/pull/5232) [`c57d4c23`](https://github.com/gradio-app/gradio/commit/c57d4c232a97e03b4671f9e9edc3af456438fe89) - `gr.Radio` and `gr.CheckboxGroup` can now accept different names and values. Thanks [@abidlabs](https://github.com/abidlabs)!
\ No newline at end of file
diff --git a/js/checkboxgroup/Checkboxgroup.stories.svelte b/js/checkboxgroup/Checkboxgroup.stories.svelte
new file mode 100644
index 0000000..aa5a3d1
--- /dev/null
+++ b/js/checkboxgroup/Checkboxgroup.stories.svelte
@@ -0,0 +1,141 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Checkboxgroup from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/CheckboxGroup",
+		component: Checkboxgroup,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The checkbox group label",
+				name: "label"
+			},
+			info: {
+				control: "text",
+				description: "Additional info text",
+				name: "info"
+			},
+			show_label: {
+				options: [true, false],
+				description: "Whether to show the label",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			interactive: {
+				options: [true, false],
+				description: "Whether the checkbox group is interactive",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			show_select_all: {
+				options: [true, false],
+				description: "Whether to show select all option",
+				control: { type: "boolean" },
+				defaultValue: false
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Checkboxgroup {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Basic Checkbox Group"
+	args={{
+		value: ["swim", "run"],
+		choices: [
+			["Run", "run"],
+			["Swim", "swim"],
+			["Jump", "jump"]
+		],
+		label: "Select your activities",
+		interactive: true,
+		show_label: true
+	}}
+	{template}
+/>
+<Story
+	name="CheckboxGroup with info"
+	args={{
+		value: ["swim"],
+		choices: [
+			["Run", "run"],
+			["Swim", "swim"],
+			["Jump", "jump"],
+			["Bike", "bike"]
+		],
+		label: "Select your activities",
+		info: "Choose all the activities you enjoy",
+		interactive: true,
+		show_label: true
+	}}
+	{template}
+/>
+<Story
+	name="CheckboxGroup with select all"
+	args={{
+		value: ["run"],
+		choices: [
+			["Run", "run"],
+			["Swim", "swim"],
+			["Jump", "jump"],
+			["Bike", "bike"],
+			["Dance", "dance"]
+		],
+		label: "Select your activities",
+		info: "Choose all the activities you enjoy",
+		interactive: true,
+		show_label: true,
+		show_select_all: true
+	}}
+	{template}
+/>
+<Story
+	name="CheckboxGroup disabled"
+	args={{
+		value: ["swim", "run"],
+		choices: [
+			["Run", "run"],
+			["Swim", "swim"],
+			["Jump", "jump"]
+		],
+		label: "Select your activities",
+		interactive: false,
+		show_label: true
+	}}
+	{template}
+/>
+<Story
+	name="CheckboxGroup with many options"
+	args={{
+		value: ["python", "javascript"],
+		choices: [
+			["Python", "python"],
+			["JavaScript", "javascript"],
+			["TypeScript", "typescript"],
+			["Java", "java"],
+			["C++", "cpp"],
+			["Go", "go"],
+			["Rust", "rust"],
+			["Ruby", "ruby"]
+		],
+		label: "Select programming languages",
+		info: "Select all languages you're familiar with",
+		interactive: true,
+		show_label: true
+	}}
+	{template}
+/>
diff --git a/js/checkboxgroup/Example.svelte b/js/checkboxgroup/Example.svelte
new file mode 100644
index 0000000..03b00e1
--- /dev/null
+++ b/js/checkboxgroup/Example.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	export let value: string[];
+	export let type: "gallery" | "table";
+	export let selected = false;
+	export let choices: [string, string | number][];
+
+	let names = value
+		.map(
+			(val) =>
+				(
+					choices.find((pair) => pair[1] === val) as
+						| [string, string | number]
+						| undefined
+				)?.[0]
+		)
+		.filter((name) => name !== undefined);
+	let names_string = names.join(", ");
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{names_string}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/checkboxgroup/Index.svelte b/js/checkboxgroup/Index.svelte
new file mode 100644
index 0000000..03f7ba5
--- /dev/null
+++ b/js/checkboxgroup/Index.svelte
@@ -0,0 +1,310 @@
+<svelte:options immutable={true} />
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import { Block, BlockTitle, IconButtonWrapper } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { dequal } from "dequal";
+	import type { CheckboxGroupProps, CheckboxGroupEvents } from "./types";
+
+	let props = $props();
+
+	let gradio = new Gradio<CheckboxGroupEvents, CheckboxGroupProps>(props);
+
+	function toggle_choice(choice: string | number): void {
+		if (gradio.props.value.includes(choice)) {
+			gradio.props.value = gradio.props.value.filter((v) => v !== choice);
+		} else {
+			gradio.props.value = [...gradio.props.value, choice];
+		}
+		gradio.dispatch("input");
+	}
+
+	function toggle_select_all(): void {
+		const all_values = gradio.props.choices.map(
+			([, internal_value]) => internal_value
+		);
+		if (gradio.props.value.length === all_values.length) {
+			gradio.props.value = [];
+		} else {
+			gradio.props.value = all_values.slice();
+		}
+		gradio.dispatch("input");
+	}
+
+	let select_all_state = $derived.by(() => {
+		const all_values = gradio.props.choices.map(
+			([, internal_value]) => internal_value
+		);
+		if (gradio.props.value.length === 0) return "unchecked";
+		if (gradio.props.value.length === all_values.length) return "checked";
+		return "indeterminate";
+	});
+
+	let disabled = $derived(!gradio.shared.interactive);
+	let old_value = gradio.props.value;
+	$effect(() => {
+		gradio.props.value;
+		if (dequal(old_value, gradio.props.value)) {
+			return;
+		}
+
+		old_value = gradio.props.value;
+		gradio.dispatch("change", $state.snapshot(gradio.props.value));
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	type="fieldset"
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	{/if}
+	<BlockTitle
+		show_label={gradio.shared.show_label ||
+			(gradio.props.show_select_all && gradio.shared.interactive)}
+		info={gradio.props.info}
+	>
+		{#if gradio.props.show_select_all && gradio.shared.interactive}
+			<div class="select-all-container">
+				<label class="select-all-label">
+					<input
+						class="select-all-checkbox"
+						on:change={toggle_select_all}
+						checked={select_all_state === "checked"}
+						indeterminate={select_all_state === "indeterminate"}
+						type="checkbox"
+						title="Select/Deselect All"
+					/>
+				</label>
+				<button type="button" class="label-text" on:click={toggle_select_all}>
+					{gradio.shared.show_label ? gradio.shared.label : "Select All"}
+				</button>
+			</div>
+		{:else if gradio.shared.show_label}
+			{gradio.shared.label || gradio.i18n("checkbox.checkbox_group")}
+		{/if}
+	</BlockTitle>
+
+	<div class="wrap" data-testid="checkbox-group">
+		{#each gradio.props.choices as [display_value, internal_value], i}
+			<label
+				class:disabled
+				class:selected={gradio.props.value.includes(internal_value)}
+			>
+				<input
+					{disabled}
+					on:change={() => toggle_choice(internal_value)}
+					on:input={(evt) =>
+						gradio.dispatch("select", {
+							index: i,
+							value: internal_value,
+							selected: evt.currentTarget.checked
+						})}
+					on:keydown={(event) => {
+						if (event.key === "Enter") {
+							toggle_choice(internal_value);
+							gradio.dispatch("select", {
+								index: i,
+								value: internal_value,
+								selected: !gradio.props.value.includes(internal_value)
+							});
+						}
+					}}
+					checked={gradio.props.value.includes(internal_value)}
+					type="checkbox"
+					name={internal_value?.toString()}
+					title={internal_value?.toString()}
+				/>
+				<span class="ml-2">{gradio.live_i18n(display_value)}</span>
+			</label>
+		{/each}
+	</div>
+</Block>
+
+<style>
+	.wrap {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--checkbox-label-gap);
+	}
+	label {
+		display: flex;
+		align-items: center;
+		transition: var(--button-transition);
+		cursor: pointer;
+		box-shadow: var(--checkbox-label-shadow);
+		border: var(--checkbox-label-border-width) solid
+			var(--checkbox-label-border-color);
+		border-radius: var(--checkbox-border-radius);
+		background: var(--checkbox-label-background-fill);
+		padding: var(--checkbox-label-padding);
+		color: var(--checkbox-label-text-color);
+		font-weight: var(--checkbox-label-text-weight);
+		font-size: var(--checkbox-label-text-size);
+		line-height: var(--line-md);
+	}
+
+	label:hover {
+		background: var(--checkbox-label-background-fill-hover);
+		transform: var(--button-transform-hover);
+		box-shadow: var(
+			--checkbox-label-shadow-hover,
+			var(--checkbox-label-shadow)
+		);
+	}
+	label:active {
+		transform: var(--button-transform-active);
+		box-shadow: var(
+			--checkbox-label-shadow-active,
+			var(--checkbox-label-shadow)
+		);
+	}
+	label:focus {
+		background: var(--checkbox-label-background-fill-focus);
+	}
+	label.selected {
+		background: var(--checkbox-label-background-fill-selected);
+		color: var(--checkbox-label-text-color-selected);
+		border-color: var(--checkbox-label-border-color-selected);
+	}
+
+	label > * + * {
+		margin-left: var(--size-2);
+	}
+
+	input {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow: var(--checkbox-shadow);
+		border: var(--checkbox-border-width) solid var(--checkbox-border-color);
+		border-radius: var(--checkbox-border-radius);
+		background-color: var(--checkbox-background-color);
+		line-height: var(--line-sm);
+	}
+
+	input:checked,
+	input:checked:hover,
+	input:checked:focus {
+		border-color: var(--checkbox-border-color-selected);
+		background-image: var(--checkbox-check);
+		background-color: var(--checkbox-background-color-selected);
+	}
+
+	input:checked:focus {
+		border-color: var(--checkbox-border-color-focus);
+		background-image: var(--checkbox-check);
+		background-color: var(--checkbox-background-color-selected);
+	}
+
+	input:hover {
+		border-color: var(--checkbox-border-color-hover);
+		background-color: var(--checkbox-background-color-hover);
+	}
+
+	input:not(:checked):focus {
+		border-color: var(--checkbox-border-color-focus);
+	}
+
+	input[disabled],
+	.disabled {
+		cursor: not-allowed !important;
+	}
+
+	input[disabled] {
+		opacity: 0.75;
+	}
+
+	input:hover {
+		cursor: pointer;
+	}
+
+	.select-all-container {
+		display: flex;
+		align-items: center;
+		gap: var(--size-2);
+	}
+
+	.select-all-label {
+		display: flex;
+		align-items: center;
+		cursor: pointer;
+		margin: 0;
+		padding: 0;
+		background: none;
+		border: none;
+		box-shadow: none;
+	}
+
+	.select-all-checkbox {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow: var(--checkbox-shadow);
+		border: var(--checkbox-border-width) solid var(--checkbox-border-color);
+		border-radius: var(--checkbox-border-radius);
+		background-color: var(--checkbox-background-color);
+		line-height: var(--line-sm);
+		margin: 0;
+	}
+
+	.select-all-checkbox:checked,
+	.select-all-checkbox:checked:hover,
+	.select-all-checkbox:checked:focus {
+		border-color: var(--checkbox-border-color-selected);
+		background-image: var(--checkbox-check);
+		background-color: var(--checkbox-background-color-selected);
+	}
+
+	.select-all-checkbox:indeterminate,
+	.select-all-checkbox:indeterminate:hover {
+		border-color: var(--checkbox-border-color-selected);
+		background-color: var(--checkbox-background-color-selected);
+		position: relative;
+	}
+
+	.select-all-checkbox:indeterminate::after {
+		content: "";
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		width: 60%;
+		height: 2px;
+		background-color: white;
+	}
+
+	.select-all-checkbox:not(:indeterminate):not(:checked):hover {
+		border-color: var(--checkbox-border-color-hover);
+		background-color: var(--checkbox-background-color-hover);
+		cursor: pointer;
+	}
+
+	.label-text {
+		margin: 0;
+		cursor: pointer;
+		background: none;
+		border: none;
+		padding: 0;
+		font: inherit;
+		color: inherit;
+		text-align: left;
+	}
+</style>
diff --git a/js/checkboxgroup/checkboxgroup.test.ts b/js/checkboxgroup/checkboxgroup.test.ts
new file mode 100644
index 0000000..2e25015
--- /dev/null
+++ b/js/checkboxgroup/checkboxgroup.test.ts
@@ -0,0 +1,549 @@
+import { test, describe, expect, afterEach, beforeAll } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+import { setupi18n, changeLocale } from "../core/src/i18n";
+import { formatter, reactive_formatter } from "../core/src/gradio_helper";
+
+import CheckboxGroup from "./Index.svelte";
+
+// Build a real i18n marker the way the backend's I18nData does.
+const marker = (key: string): string =>
+	`__i18n__${JSON.stringify({ __type__: "translation_metadata", key })}`;
+
+const default_props = {
+	label: "Options",
+	show_label: true,
+	value: [] as (string | number)[],
+	choices: [
+		["Choice One", "one"],
+		["Choice Two", "two"],
+		["Choice Three", "three"]
+	] as [string, string | number][],
+	interactive: true,
+	info: "",
+	show_select_all: false
+};
+
+// CheckboxGroup uses BlockTitle (not BlockLabel) and doesn't use
+// StatusTracker's validation_error, so disable both.
+run_shared_prop_tests({
+	component: CheckboxGroup,
+	name: "CheckboxGroup",
+	base_props: { ...default_props },
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("CheckboxGroup", () => {
+	afterEach(() => cleanup());
+
+	test("renders all choices as checkboxes", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props
+		});
+
+		expect(getByLabelText("Choice One")).toBeTruthy();
+		expect(getByLabelText("Choice Two")).toBeTruthy();
+		expect(getByLabelText("Choice Three")).toBeTruthy();
+	});
+
+	test("renders correct checked state for string values", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: ["one", "three"]
+		});
+
+		expect(getByLabelText("Choice One")).toBeChecked();
+		expect(getByLabelText("Choice Two")).not.toBeChecked();
+		expect(getByLabelText("Choice Three")).toBeChecked();
+	});
+
+	test("renders correct checked state for number values", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			choices: [
+				["A", 1],
+				["B", 2],
+				["C", 3]
+			],
+			value: [1, 3]
+		});
+
+		expect(getByLabelText("A")).toBeChecked();
+		expect(getByLabelText("B")).not.toBeChecked();
+		expect(getByLabelText("C")).toBeChecked();
+	});
+
+	test("empty value renders all unchecked", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: []
+		});
+
+		expect(getByLabelText("Choice One")).not.toBeChecked();
+		expect(getByLabelText("Choice Two")).not.toBeChecked();
+		expect(getByLabelText("Choice Three")).not.toBeChecked();
+	});
+
+	test("value that does not match any choice leaves all unchecked", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: ["nonexistent"]
+		});
+
+		expect(getByLabelText("Choice One")).not.toBeChecked();
+		expect(getByLabelText("Choice Two")).not.toBeChecked();
+		expect(getByLabelText("Choice Three")).not.toBeChecked();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true allows toggling choices", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			interactive: true,
+			value: []
+		});
+
+		const cb = getByLabelText("Choice One");
+		await event.click(cb);
+		expect(cb).toBeChecked();
+	});
+
+	test("interactive=false disables all checkboxes", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			interactive: false,
+			value: []
+		});
+
+		expect(getByLabelText("Choice One")).toBeDisabled();
+		expect(getByLabelText("Choice Two")).toBeDisabled();
+		expect(getByLabelText("Choice Three")).toBeDisabled();
+	});
+
+	test("interactive=false prevents toggling", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			interactive: false,
+			value: []
+		});
+
+		await event.click(getByLabelText("Choice One"));
+		expect(getByLabelText("Choice One")).not.toBeChecked();
+	});
+});
+
+describe("Props: show_select_all", () => {
+	afterEach(() => cleanup());
+
+	test("show_select_all=true renders select all button", async () => {
+		const { getByRole } = await render(CheckboxGroup, {
+			...default_props,
+			show_select_all: true
+		});
+
+		expect(getByRole("button", { name: "Options" })).toBeTruthy();
+	});
+
+	test("clicking select all checks all choices", async () => {
+		const { getByRole, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			show_select_all: true,
+			value: []
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Options" }));
+
+		expect(getByLabelText("Choice One")).toBeChecked();
+		expect(getByLabelText("Choice Two")).toBeChecked();
+		expect(getByLabelText("Choice Three")).toBeChecked();
+	});
+
+	test("clicking select all when all checked unchecks all", async () => {
+		const { getByRole, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			show_select_all: true,
+			value: ["one", "two", "three"]
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Options" }));
+
+		expect(getByLabelText("Choice One")).not.toBeChecked();
+		expect(getByLabelText("Choice Two")).not.toBeChecked();
+		expect(getByLabelText("Choice Three")).not.toBeChecked();
+	});
+
+	test("clicking select all when some checked selects all", async () => {
+		const { getByRole, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			show_select_all: true,
+			value: ["one"]
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Options" }));
+
+		expect(getByLabelText("Choice One")).toBeChecked();
+		expect(getByLabelText("Choice Two")).toBeChecked();
+		expect(getByLabelText("Choice Three")).toBeChecked();
+	});
+
+	test("show_select_all=false does not render select all button", async () => {
+		const { queryByTitle } = await render(CheckboxGroup, {
+			...default_props,
+			show_select_all: false
+		});
+
+		expect(queryByTitle("Select/Deselect All")).toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("clicking a choice dispatches change with updated value", async () => {
+		const { listen, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: [],
+			interactive: true
+		});
+
+		const change = listen("change");
+		await fireEvent.click(getByLabelText("Choice One"));
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith(["one"]);
+	});
+
+	test("unchecking a choice dispatches change without that value", async () => {
+		const { listen, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: ["one", "two"],
+			interactive: true
+		});
+
+		const change = listen("change");
+		await fireEvent.click(getByLabelText("Choice One"));
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith(["two"]);
+	});
+
+	test("set_data triggers change event", async () => {
+		const { listen, set_data } = await render(CheckboxGroup, {
+			...default_props,
+			value: []
+		});
+
+		const change = listen("change");
+		await set_data({ value: ["one"] });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("no spurious change on mount", async () => {
+		const { listen } = await render(CheckboxGroup, {
+			...default_props,
+			value: ["one"]
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("set_data with same value does not trigger change", async () => {
+		const { listen, set_data } = await render(CheckboxGroup, {
+			...default_props,
+			value: ["one"]
+		});
+
+		const change = listen("change");
+		await set_data({ value: ["one"] });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+describe("Events: input", () => {
+	afterEach(() => cleanup());
+
+	test("clicking a choice dispatches input event", async () => {
+		const { listen, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: [],
+			interactive: true
+		});
+
+		const input = listen("input");
+		await fireEvent.click(getByLabelText("Choice Two"));
+
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+
+	test("select all dispatches input event", async () => {
+		const { listen, getByRole } = await render(CheckboxGroup, {
+			...default_props,
+			show_select_all: true,
+			value: [],
+			interactive: true
+		});
+
+		const input = listen("input");
+		await fireEvent.click(getByRole("button", { name: "Options" }));
+
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: select", () => {
+	afterEach(() => cleanup());
+
+	test("clicking a choice dispatches select with index and value", async () => {
+		const { listen, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: [],
+			interactive: true
+		});
+
+		const select = listen("select");
+		await fireEvent.click(getByLabelText("Choice Two"));
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith(
+			expect.objectContaining({ index: 1, value: "two", selected: true })
+		);
+	});
+
+	test("unchecking dispatches select with selected=false", async () => {
+		const { listen, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: ["two"],
+			interactive: true
+		});
+
+		const select = listen("select");
+		await fireEvent.click(getByLabelText("Choice Two"));
+
+		expect(select).toHaveBeenCalledWith(
+			expect.objectContaining({ index: 1, value: "two", selected: false })
+		);
+	});
+});
+
+describe("Events: custom_button_click", () => {
+	afterEach(() => cleanup());
+
+	test("custom button dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			show_label: true,
+			buttons: [{ value: "Help", id: 5, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Help"));
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 5 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns current value", async () => {
+		const { get_data } = await render(CheckboxGroup, {
+			...default_props,
+			value: ["one", "three"]
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(["one", "three"]);
+	});
+
+	test("set_data updates the checkboxes", async () => {
+		const { set_data, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: []
+		});
+
+		await set_data({ value: ["two"] });
+
+		expect(getByLabelText("Choice One")).not.toBeChecked();
+		expect(getByLabelText("Choice Two")).toBeChecked();
+		expect(getByLabelText("Choice Three")).not.toBeChecked();
+	});
+
+	test("round-trip: set_data then get_data", async () => {
+		const { set_data, get_data } = await render(CheckboxGroup, {
+			...default_props,
+			value: []
+		});
+
+		await set_data({ value: ["one", "two"] });
+		const data = await get_data();
+		expect(data.value).toEqual(["one", "two"]);
+	});
+
+	test("user click reflected in get_data", async () => {
+		const { get_data, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: [],
+			interactive: true
+		});
+
+		await fireEvent.click(getByLabelText("Choice Three"));
+		const data = await get_data();
+		expect(data.value).toEqual(["three"]);
+	});
+
+	test("multiple user clicks accumulate in get_data", async () => {
+		const { get_data, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: [],
+			interactive: true
+		});
+
+		await fireEvent.click(getByLabelText("Choice One"));
+		await fireEvent.click(getByLabelText("Choice Three"));
+		const data = await get_data();
+		expect(data.value).toEqual(["one", "three"]);
+	});
+});
+
+describe("Keyboard interaction", () => {
+	afterEach(() => cleanup());
+
+	test("Enter key toggles a checkbox and dispatches events", async () => {
+		const { listen, getByLabelText, get_data } = await render(CheckboxGroup, {
+			...default_props,
+			value: [],
+			interactive: true
+		});
+
+		const select = listen("select");
+		const change = listen("change");
+		const cb = getByLabelText("Choice One");
+
+		await fireEvent.keyDown(cb, { key: "Enter" });
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledTimes(1);
+		const data = await get_data();
+		expect(data.value).toEqual(["one"]);
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("toggling same choice twice returns to original state", async () => {
+		const { get_data, getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			value: [],
+			interactive: true
+		});
+
+		await fireEvent.click(getByLabelText("Choice One"));
+		await fireEvent.click(getByLabelText("Choice One"));
+
+		const data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+
+	test("choices with display value different from internal value", async () => {
+		const { getByLabelText, get_data } = await render(CheckboxGroup, {
+			...default_props,
+			choices: [
+				["Displayed Label", "internal_val"],
+				["Another Label", 42]
+			],
+			value: ["internal_val"],
+			interactive: true
+		});
+
+		// Display value is shown, internal value is stored
+		expect(getByLabelText("Displayed Label")).toBeChecked();
+		expect(getByLabelText("Another Label")).not.toBeChecked();
+
+		const data = await get_data();
+		expect(data.value).toEqual(["internal_val"]);
+	});
+});
+
+describe("CheckboxGroup: i18n choices", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+	afterEach(() => cleanup());
+
+	const i18n_choices: [string, string][] = [
+		[marker("common.clear"), "bold"],
+		[marker("common.remove"), "italic"]
+	];
+
+	test("translates choice display values through the i18n formatter", async () => {
+		const { getByLabelText } = await render(CheckboxGroup, {
+			...default_props,
+			i18n: formatter,
+			choices: i18n_choices
+		});
+
+		expect(getByLabelText("Clear")).toBeTruthy();
+		expect(getByLabelText("Remove")).toBeTruthy();
+	});
+
+	test("internal value is unaffected by translation", async () => {
+		const { getByLabelText, get_data } = await render(CheckboxGroup, {
+			...default_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: ["bold"]
+		});
+
+		expect(getByLabelText("Clear")).toBeChecked();
+
+		const data = await get_data();
+		expect(data.value).toEqual(["bold"]);
+	});
+});
+
+describe("CheckboxGroup: runtime locale switching", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+	afterEach(() => {
+		changeLocale("en");
+		cleanup();
+	});
+
+	test("re-translates choice display values when the locale changes", async () => {
+		const { getByLabelText, get_data } = await render(CheckboxGroup, {
+			...default_props,
+			i18n: formatter,
+			i18n_store: reactive_formatter,
+			choices: [
+				[marker("common.clear"), "bold"],
+				[marker("common.remove"), "italic"]
+			],
+			value: ["bold"]
+		});
+
+		expect(getByLabelText("Clear")).toBeChecked();
+
+		changeLocale("es");
+
+		await waitFor(() => {
+			expect(getByLabelText("Limpiar")).toBeChecked();
+			expect(getByLabelText("Eliminar")).not.toBeChecked();
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(["bold"]);
+	});
+});
diff --git a/js/checkboxgroup/package.json b/js/checkboxgroup/package.json
new file mode 100644
index 0000000..9047960
--- /dev/null
+++ b/js/checkboxgroup/package.json
@@ -0,0 +1,41 @@
+{
+	"name": "@gradio/checkboxgroup",
+	"version": "0.12.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"dequal": "^2.0.3"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/checkboxgroup"
+	}
+}
diff --git a/js/checkboxgroup/types.ts b/js/checkboxgroup/types.ts
new file mode 100644
index 0000000..87c7f82
--- /dev/null
+++ b/js/checkboxgroup/types.ts
@@ -0,0 +1,17 @@
+import type { SelectData, CustomButton } from "@gradio/utils";
+
+export interface CheckboxGroupProps {
+	value: (string | number)[];
+	choices: [string, string | number][];
+	info: string;
+	show_select_all: boolean;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface CheckboxGroupEvents {
+	change: (string | number)[];
+	input: (string | number)[];
+	select: SelectData;
+	clear_status: void;
+	custom_button_click: { id: number };
+}
diff --git a/js/code/CHANGELOG.md b/js/code/CHANGELOG.md
new file mode 100644
index 0000000..8b83fbb
--- /dev/null
+++ b/js/code/CHANGELOG.md
@@ -0,0 +1,1267 @@
+# @gradio/code
+
+## 0.18.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/upload@0.18.1
+
+## 0.18.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/upload@0.18.0
+
+## 0.17.8
+
+### Dependency updates
+
+- @gradio/upload@0.17.10
+
+## 0.17.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.17.7
+
+### Features
+
+- [#13222](https://github.com/gradio-app/gradio/pull/13222) [`10b22a0`](https://github.com/gradio-app/gradio/commit/10b22a02b7cccccbd2cfee624040b3092a4347f0) - code tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.17.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.17.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.17.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.17.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.17.2
+
+### Fixes
+
+- [#12809](https://github.com/gradio-app/gradio/pull/12809) [`8409b7a`](https://github.com/gradio-app/gradio/commit/8409b7ab51fb36d8973d2a3f1bc3557489f7e1c5) - Migrate js/code.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.17.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+
+## 0.17.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.17.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+
+## 0.16.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.16.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix various event issues
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.16.0-dev.3
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+
+## 0.16.0-dev.2
+
+### Features
+
+- [#12357](https://github.com/gradio-app/gradio/pull/12357) [`c9cf634`](https://github.com/gradio-app/gradio/commit/c9cf634a9cd34b4adadde1a6a98d60faf732639a) - Fix various event issues.  Thanks @pngwn!
+
+## 0.15.1-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.15.1-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+
+## 0.15.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.15.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/upload@0.17.0
+
+## 0.14.16
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.14.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.14.15
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.14.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+
+## 0.14.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/upload@0.16.14
+
+## 0.14.13
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+
+## 0.14.12
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+
+## 0.14.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+
+## 0.14.10
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+
+## 0.14.9
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/upload@0.16.8
+
+## 0.14.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.14.7
+
+### Features
+
+- [#11380](https://github.com/gradio-app/gradio/pull/11380) [`0b2b6cb`](https://github.com/gradio-app/gradio/commit/0b2b6cbd44562a2f5843af872fe6761c5f255185) - Truncate textbox examples to 70 chars.  Thanks @hannahblair!
+
+## 0.14.6
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/upload@0.16.6
+
+## 0.14.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/upload@0.16.5
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.14.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+
+## 0.14.0
+
+### Features
+
+- [#10982](https://github.com/gradio-app/gradio/pull/10982) [`a80b312`](https://github.com/gradio-app/gradio/commit/a80b312c081a03b5bd73477305e2f094da512b37) - Add latex to code component languages.  Thanks @ginazhouhuiwu!
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/upload@0.15.7
+
+## 0.13.0
+
+### Features
+
+- [#10812](https://github.com/gradio-app/gradio/pull/10812) [`6384bcc`](https://github.com/gradio-app/gradio/commit/6384bcc11f13d22f4480e7ad7213486fecec8936) - Jedi-based Python code completion on `gr.Code`.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+
+## 0.12.0
+
+### Features
+
+- [#10733](https://github.com/gradio-app/gradio/pull/10733) [`731ab92`](https://github.com/gradio-app/gradio/commit/731ab92001c88d4cf1062acf0a4f1108a4513014) - Autocompletion on code editor component.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+
+## 0.11.0
+
+### Features
+
+- [#10643](https://github.com/gradio-app/gradio/pull/10643) [`f0a920c`](https://github.com/gradio-app/gradio/commit/f0a920c4934880645fbad783077ae9c7519856ce) - added a show_line_numbers to toggle line numbers in gr.Code().  Thanks @lalitx17!
+
+## 0.10.18
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.10.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+
+## 0.10.16
+
+### Dependency updates
+
+- @gradio/upload@0.15.0
+
+## 0.10.15
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/wasm@0.17.2
+
+## 0.10.14
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/wasm@0.17.1
+
+## 0.10.13
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.10.12
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+
+## 0.10.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.10.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/upload@0.13.5
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/wasm@0.14.1
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.10.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve `gr.Code`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Add Jinja2 language to Code component
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Added max lines and overflow scrollbar for `gr.Code`
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.10.0-beta.8
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.10.0-beta.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.10.0-beta.6
+
+### Features
+
+- [#9545](https://github.com/gradio-app/gradio/pull/9545) [`098a009`](https://github.com/gradio-app/gradio/commit/098a009c05243967bd9e5acc28864eb40a135f6a) - Add Jinja2 language to Code component.  Thanks @CISC!
+
+## 0.10.0-beta.5
+
+### Features
+
+- [#9450](https://github.com/gradio-app/gradio/pull/9450) [`991883e`](https://github.com/gradio-app/gradio/commit/991883e217dc0a3512b3ae3245378812f373b8db) - Improve `gr.Code`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.10.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.10.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+
+## 0.10.0-beta.2
+
+### Features
+
+- [#9311](https://github.com/gradio-app/gradio/pull/9311) [`c4afdcd`](https://github.com/gradio-app/gradio/commit/c4afdcdb1f1f80c5f95ab45d527236e9364ace82) - Added max lines and overflow scrollbar for `gr.Code`.  Thanks @micpst!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.9.1-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.9.1-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/upload@0.12.4
+
+## 0.9.0
+
+### Features
+
+- [#9013](https://github.com/gradio-app/gradio/pull/9013) [`5350f1f`](https://github.com/gradio-app/gradio/commit/5350f1feb20cb7458d188403f319c5087052f695) - Add copy all messages button to chatbot.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+
+## 0.8.1
+
+### Fixes
+
+- [#8949](https://github.com/gradio-app/gradio/pull/8949) [`1e16f67`](https://github.com/gradio-app/gradio/commit/1e16f67ba2a02761d4b73afd723f8edc3c3124e9) - Fix check icon in gr.JSON and gr.Code.  Thanks @hannahblair!
+- [#8931](https://github.com/gradio-app/gradio/pull/8931) [`4c2d37d`](https://github.com/gradio-app/gradio/commit/4c2d37db849848fd38ba733a23a5aaceeaf58faf) - Add background to gr.Code line numbers.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+
+## 0.8.0
+
+### Features
+
+- [#8804](https://github.com/gradio-app/gradio/pull/8804) [`1d09925`](https://github.com/gradio-app/gradio/commit/1d09925469a5f96e8d3a972a28841903fa1c7265) - Fix Lite's <Playground />.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.7.0
+
+### Features
+
+- [#8665](https://github.com/gradio-app/gradio/pull/8665) [`3b8238c`](https://github.com/gradio-app/gradio/commit/3b8238c2e222a6537b19b8901198b7e369e8319a) - Add c/cpp code support.  Thanks @ginazhouhuiwu!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+
+## 0.6.12
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/upload@0.11.2
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.11.0
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.10.6
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+- @gradio/upload@0.10.4
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/upload@0.10.2
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+
+## 0.6.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/wasm@0.8.0
+
+## 0.5.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.5.4
+
+### Patch Changes
+
+- Updated dependencies [[`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8), [`9c6de6d`](https://github.com/gradio-app/gradio/commit/9c6de6d85092c1c9378d7f81e5ec734221536812), [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4), [`561579d`](https://github.com/gradio-app/gradio/commit/561579d9b7b860c5cb3f8131e0dced0c8114463f)]:
+  - @gradio/upload@0.7.5
+  - @gradio/wasm@0.7.0
+
+## 0.5.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.5.0
+
+### Features
+
+- [#7328](https://github.com/gradio-app/gradio/pull/7328) [`c1a7ea7`](https://github.com/gradio-app/gradio/commit/c1a7ea7c0c294aa970624f02225717c12bcf9b58) - Add SQL Support for gr.Code. Thanks [@aersam](https://github.com/aersam)!
+
+## 0.4.0
+
+### Features
+
+- [#7240](https://github.com/gradio-app/gradio/pull/7240) [`1893756`](https://github.com/gradio-app/gradio/commit/18937564ab8906710549d5bccc48f7188c836f38) - Small cleanups of `Code` component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.8
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32), [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4), [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/wasm@0.5.1
+  - @gradio/statustracker@0.4.4
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies [[`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/upload@0.6.1
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+  - @gradio/wasm@0.5.0
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549), [`459c5dc`](https://github.com/gradio-app/gradio/commit/459c5dc989849b1f0134467d260710fe891045d6), [`8333db8`](https://github.com/gradio-app/gradio/commit/8333db83ac6e2c8511c104534c48137576d0bcd7)]:
+  - @gradio/upload@0.5.8
+  - @gradio/wasm@0.4.1
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.5.7
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.5.5
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a)]:
+  - @gradio/upload@0.5.4
+
+## 0.3.0
+
+### Features
+
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+  - @gradio/upload@0.5.2
+
+## 0.2.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.5.1
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.4.1
+
+## 0.2.4
+
+### Fixes
+
+- [#6323](https://github.com/gradio-app/gradio/pull/6323) [`55fda81fa`](https://github.com/gradio-app/gradio/commit/55fda81fa5918b48952729232d6e2fc55af9351d) - Textbox and Code Component Blur/Focus Fixes. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/statustracker@0.3.1
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+  - @gradio/upload@0.3.3
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd)]:
+  - @gradio/upload@0.0.3
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.0.2
+  - @gradio/upload@0.0.2
\ No newline at end of file
diff --git a/js/code/Code.test.ts b/js/code/Code.test.ts
new file mode 100644
index 0000000..1e11200
--- /dev/null
+++ b/js/code/Code.test.ts
@@ -0,0 +1,462 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Code from "./Index.svelte";
+
+const default_props = {
+	value: "print('hello')",
+	language: "python",
+	lines: 5,
+	interactive: true,
+	show_label: true,
+	label: "Code"
+};
+
+// Code uses BlockLabel (not BlockTitle/block-info) and conditionally renders it
+// via {#if show_label}, so the shared show_label:false test (which expects the
+// label to remain in the DOM with sr-only) does not apply. Custom label tests
+// are written below in the "Props: show_label" describe block.
+run_shared_prop_tests({
+	component: Code,
+	name: "Code",
+	base_props: {
+		value: "print('hello')",
+		language: "python",
+		lines: 5
+	},
+	has_label: false
+});
+
+describe("Props: show_label", () => {
+	afterEach(() => cleanup());
+
+	test("show_label=true renders the label text", async () => {
+		const { getByText } = await render(Code, {
+			...default_props,
+			label: "My Code Editor",
+			show_label: true
+		});
+		expect(getByText("My Code Editor")).toBeVisible();
+	});
+
+	test("show_label=false hides the label from view", async () => {
+		const { queryByText } = await render(Code, {
+			...default_props,
+			label: "My Code Editor",
+			show_label: false
+		});
+		// Code uses {#if show_label} so the BlockLabel is not rendered at all.
+		expect(queryByText("My Code Editor")).toBeNull();
+	});
+
+	test("label text is derived from the label prop", async () => {
+		const { getByText } = await render(Code, {
+			...default_props,
+			label: "Custom Label Text",
+			show_label: true
+		});
+		expect(getByText("Custom Label Text")).toBeTruthy();
+	});
+});
+
+describe("Code", () => {
+	afterEach(() => cleanup());
+
+	test("renders the code editor when a value is provided", async () => {
+		const { getByLabelText } = await render(Code, default_props);
+		expect(getByLabelText("Code input container")).toBeTruthy();
+	});
+
+	test("renders the editor when interactive with no value", async () => {
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			value: ""
+		});
+		expect(getByLabelText("Code input container")).toBeTruthy();
+	});
+
+	test("renders empty state (no editor) when value is empty and not interactive", async () => {
+		const { queryByLabelText } = await render(Code, {
+			...default_props,
+			value: "",
+			interactive: false
+		});
+		expect(queryByLabelText("Code input container")).toBeNull();
+	});
+
+	test("renders the editor (not empty state) when value is present and not interactive", async () => {
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			interactive: false
+		});
+		expect(getByLabelText("Code input container")).toBeTruthy();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true makes the editor contenteditable", async () => {
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			interactive: true
+		});
+		const editor = getByLabelText("Code input container");
+		expect(editor).toHaveAttribute("contenteditable", "true");
+	});
+
+	test("interactive=false makes the editor read-only", async () => {
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			interactive: false
+		});
+		const editor = getByLabelText("Code input container");
+		expect(editor).toHaveAttribute("contenteditable", "false");
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("default (null) shows both copy and download buttons", async () => {
+		const { getByLabelText, getByRole } = await render(Code, {
+			...default_props,
+			buttons: null
+		});
+		expect(getByLabelText("Copy")).toBeTruthy();
+		expect(getByLabelText("Download")).toBeTruthy();
+	});
+
+	test("buttons=['copy', 'download'] shows both buttons", async () => {
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			buttons: ["copy", "download"]
+		});
+		expect(getByLabelText("Copy")).toBeTruthy();
+		expect(getByLabelText("Download")).toBeTruthy();
+	});
+
+	test("buttons=['copy'] shows only the copy button", async () => {
+		const { getByLabelText, queryByLabelText } = await render(Code, {
+			...default_props,
+			buttons: ["copy"]
+		});
+		expect(getByLabelText("Copy")).toBeTruthy();
+		expect(queryByLabelText("Download")).toBeNull();
+	});
+
+	test("buttons=['download'] shows only the download button", async () => {
+		const { getByLabelText, queryByLabelText } = await render(Code, {
+			...default_props,
+			buttons: ["download"]
+		});
+		expect(getByLabelText("Download")).toBeTruthy();
+		expect(queryByLabelText("Copy")).toBeNull();
+	});
+
+	test("buttons=[] shows no copy or download buttons", async () => {
+		const { queryByLabelText } = await render(Code, {
+			...default_props,
+			buttons: []
+		});
+		expect(queryByLabelText("Copy")).toBeNull();
+		expect(queryByLabelText("Download")).toBeNull();
+	});
+
+	test("custom button is rendered in the toolbar", async () => {
+		const { getByRole } = await render(Code, {
+			...default_props,
+			buttons: [{ id: 42, value: "Run", icon: null }]
+		});
+		expect(getByRole("button", { name: "Run" })).toBeTruthy();
+	});
+
+	test("clicking a custom button fires custom_button_click with the button id", async () => {
+		const { listen, getByRole } = await render(Code, {
+			...default_props,
+			buttons: [{ id: 99, value: "Execute", icon: null }]
+		});
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByRole("button", { name: "Execute" }));
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 99 });
+	});
+});
+
+describe("Props: language", () => {
+	afterEach(() => cleanup());
+
+	const languages = [
+		"python",
+		"javascript",
+		"typescript",
+		"json",
+		"html",
+		"css",
+		"markdown",
+		"shell",
+		"sql",
+		"yaml",
+		"dockerfile",
+		"r",
+		"c",
+		"cpp"
+	] as const;
+
+	for (const lang of languages) {
+		test(`language='${lang}' renders without error`, async () => {
+			const { getByLabelText } = await render(Code, {
+				...default_props,
+				language: lang
+			});
+			expect(getByLabelText("Code input container")).toBeTruthy();
+		});
+	}
+
+	test("language=null renders without error", async () => {
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			language: null
+		});
+		expect(getByLabelText("Code input container")).toBeTruthy();
+	});
+});
+
+test.todo(
+	"VISUAL: lines=10 sets the minimum visible height of the editor to 10 line-heights — needs Playwright screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: max_lines=3 caps the editor height at 3 line-heights and enables scrolling for longer content — needs Playwright screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: show_line_numbers=true renders the line number gutter — needs Playwright screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: show_line_numbers=false hides the line number gutter — needs Playwright screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: wrap_lines=true wraps long lines within the container width instead of scrolling — needs Playwright screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: wrap_lines=false lets long lines overflow horizontally — needs Playwright screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: autocomplete=true shows an autocompletion dropdown when typing in supported languages — needs Playwright interaction test"
+);
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change: not fired on initial mount", async () => {
+		const { listen } = await render(Code, default_props);
+		// retrospective: true replays any events buffered during render
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change: fired when value is updated via set_data", async () => {
+		const { listen, set_data } = await render(Code, default_props);
+		const change = listen("change");
+		await set_data({ value: "print('world')" });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change: not fired when the same value is set twice", async () => {
+		const { listen, set_data } = await render(Code, default_props);
+		const change = listen("change");
+		await set_data({ value: "x = 1" });
+		await set_data({ value: "x = 1" });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("input: fired when the user types in the editor", async () => {
+		const { listen, getByLabelText } = await render(Code, default_props);
+		const input = listen("input");
+		const editor = getByLabelText("Code input container");
+		editor.focus();
+		await event.keyboard("a");
+		await waitFor(() => expect(input).toHaveBeenCalledTimes(1));
+	});
+
+	test("focus: fired when the editor gains focus", async () => {
+		const { listen, getByLabelText } = await render(Code, default_props);
+		const focus = listen("focus");
+		const editor = getByLabelText("Code input container");
+		editor.focus();
+		expect(focus).toHaveBeenCalledTimes(1);
+	});
+
+	test("blur: fired when the editor loses focus", async () => {
+		const { listen, getByLabelText } = await render(Code, default_props);
+		const blur = listen("blur");
+		const editor = getByLabelText("Code input container");
+		editor.focus();
+		editor.blur();
+		expect(blur).toHaveBeenCalledTimes(1);
+	});
+
+	test("custom_button_click: carries the button id in the payload", async () => {
+		const { listen, getByRole } = await render(Code, {
+			...default_props,
+			buttons: [{ id: 7, value: "Go", icon: null }]
+		});
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByRole("button", { name: "Go" }));
+		expect(custom).toHaveBeenCalledWith({ id: 7 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the initial value", async () => {
+		const { get_data } = await render(Code, default_props);
+		const data = await get_data();
+		expect(data.value).toBe("print('hello')");
+	});
+
+	test("set_data updates the value returned by get_data", async () => {
+		const { get_data, set_data } = await render(Code, default_props);
+		await set_data({ value: "x = 42" });
+		const data = await get_data();
+		expect(data.value).toBe("x = 42");
+	});
+
+	test("set_data / get_data round-trip", async () => {
+		const { get_data, set_data } = await render(Code, default_props);
+		const new_value = "def foo():\n    return 1";
+		await set_data({ value: new_value });
+		const data = await get_data();
+		expect(data.value).toBe(new_value);
+	});
+
+	test("user typing is reflected in get_data", async () => {
+		const { get_data, getByLabelText } = await render(Code, {
+			...default_props,
+			value: ""
+		});
+		const editor = getByLabelText("Code input container");
+		editor.focus();
+		await event.keyboard("hi");
+		await waitFor(async () => {
+			const data = await get_data();
+			expect(data.value).toContain("hi");
+		});
+	});
+});
+
+describe("Copy button", () => {
+	afterEach(() => cleanup());
+
+	test("clicking the copy button writes the code value to the clipboard", async () => {
+		// navigator.clipboard is unavailable in insecure (non-HTTPS) test origins
+		// so we mock writeText to prevent the silent no-op in Copy.svelte's `if
+		// ("clipboard" in navigator)` guard. This mock makes clipboard available.
+		Object.defineProperty(navigator, "clipboard", {
+			value: { writeText: vi.fn().mockResolvedValue(undefined) },
+			writable: true,
+			configurable: true
+		});
+
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			value: "my code"
+		});
+		await fireEvent.click(getByLabelText("Copy"));
+		expect(navigator.clipboard.writeText).toHaveBeenCalledWith("my code");
+	});
+
+	test.todo(
+		"VISUAL: copy button icon changes from Copy to Check for ~2 seconds after clicking — needs Playwright screenshot comparison"
+	);
+});
+
+describe("Download button", () => {
+	afterEach(() => cleanup());
+
+	test("download link has filename extension matching the language", async () => {
+		const { getByRole } = await render(Code, {
+			...default_props,
+			language: "python",
+			value: "print('hello')"
+		});
+		// The Download button is inside an <a download="file.py"> anchor
+		const link = getByRole("link");
+		expect(link).toHaveAttribute("download", "file.py");
+	});
+
+	test("download link href is a blob URL", async () => {
+		const { getByRole } = await render(Code, {
+			...default_props,
+			value: "some code"
+		});
+		const link = getByRole("link");
+		expect(link.getAttribute("href")).toMatch(/^blob:/);
+	});
+
+	test.todo(
+		"VISUAL: download button icon changes from Download to Check for ~2 seconds after clicking — needs Playwright screenshot comparison"
+	);
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("null value renders without error", async () => {
+		const { queryByLabelText } = await render(Code, {
+			...default_props,
+			value: null
+		});
+		// null value with non-interactive should show empty state (no editor)
+		// but with interactive=true, editor is shown
+		expect(queryByLabelText("Code input container")).toBeTruthy();
+	});
+
+	test("empty string value with interactive=true shows the editor", async () => {
+		const { getByLabelText } = await render(Code, {
+			...default_props,
+			value: "",
+			interactive: true
+		});
+		expect(getByLabelText("Code input container")).toBeTruthy();
+	});
+
+	// The backend strips `value` from the config when gr.Code has no initial
+	// value, so the frontend sees undefined rather than null (issue #13598).
+	test("missing value with interactive=true renders the editor", async () => {
+		const { value: _, ...props_without_value } = default_props;
+		const { getByLabelText } = await render(Code, props_without_value);
+		expect(getByLabelText("Code input container")).toBeVisible();
+	});
+
+	test("value set from the backend after mounting with no value is displayed", async () => {
+		const { value: _, ...props_without_value } = default_props;
+		const { getByLabelText, get_data, set_data } = await render(
+			Code,
+			props_without_value
+		);
+		await set_data({ value: "default value" });
+		const data = await get_data();
+		expect(data.value).toBe("default value");
+		expect(getByLabelText("Code input container")).toHaveTextContent(
+			"default value"
+		);
+	});
+
+	test("value with leading and trailing whitespace is displayed", async () => {
+		const { get_data } = await render(Code, {
+			...default_props,
+			value: "  hello  "
+		});
+		const data = await get_data();
+		expect(data.value).toBe("  hello  ");
+	});
+});
diff --git a/js/code/Download.test.ts b/js/code/Download.test.ts
new file mode 100644
index 0000000..b1d6880
--- /dev/null
+++ b/js/code/Download.test.ts
@@ -0,0 +1,121 @@
+/**
+ * Tests for Download.svelte's language → file-extension mapping.
+ *
+ * Download.svelte is not a Gradio component so the tootils render() utility
+ * cannot mount it with props correctly (non-shared props are wrapped under a
+ * `props` key rather than spread at the top level). We therefore test the
+ * extension mapping through the full Code component, which is the realistic
+ * usage path anyway.
+ */
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+
+import Code from "./Index.svelte";
+
+const base_props = {
+	value: "// code",
+	lines: 5,
+	interactive: false,
+	show_label: false,
+	label: "Code",
+	buttons: ["download"] as const
+};
+
+function get_download_link(container: HTMLElement): HTMLAnchorElement {
+	// The Download component renders an <a download="file.ext"> anchor.
+	// No accessible name or role distinguishes it better than the download
+	// attribute itself, so querySelector is used as the last-resort query.
+	const link = container.querySelector<HTMLAnchorElement>("a[download]");
+	if (!link) throw new Error("No download link found in rendered output");
+	return link;
+}
+
+describe("Download: language → file extension mapping", () => {
+	afterEach(() => cleanup());
+
+	const cases: Array<[string, string]> = [
+		["python", "py"],
+		["py", "py"],
+		["javascript", "js"],
+		["js", "js"],
+		["typescript", "ts"],
+		["ts", "ts"],
+		["shell", "sh"],
+		["sh", "sh"],
+		["markdown", "md"],
+		["md", "md"],
+		["json", "json"],
+		["html", "html"],
+		["css", "css"],
+		["yaml", "yaml"],
+		["yml", "yml"],
+		["dockerfile", "dockerfile"],
+		["latex", "tex"],
+		["r", "r"],
+		["c", "c"],
+		["cpp", "cpp"]
+	];
+
+	for (const [language, expected_ext] of cases) {
+		test(`language='${language}' produces download filename 'file.${expected_ext}'`, async () => {
+			const { container } = await render(Code, {
+				...base_props,
+				language
+			});
+			const link = get_download_link(container);
+			expect(link).toHaveAttribute("download", `file.${expected_ext}`);
+		});
+	}
+
+	test("unknown language falls back to 'file.txt'", async () => {
+		const { container } = await render(Code, {
+			...base_props,
+			language: "brainfuck"
+		});
+		const link = get_download_link(container);
+		expect(link).toHaveAttribute("download", "file.txt");
+	});
+
+	test("null language falls back to 'file.txt'", async () => {
+		const { container } = await render(Code, {
+			...base_props,
+			language: null
+		});
+		const link = get_download_link(container);
+		expect(link).toHaveAttribute("download", "file.txt");
+	});
+});
+
+describe("Download: link structure", () => {
+	afterEach(() => cleanup());
+
+	test("download link href is a blob URL", async () => {
+		const { container } = await render(Code, {
+			...base_props,
+			language: "python"
+		});
+		const link = get_download_link(container);
+		expect(link.getAttribute("href")).toMatch(/^blob:/);
+	});
+
+	test("download link is visible", async () => {
+		const { container } = await render(Code, {
+			...base_props,
+			language: "python"
+		});
+		const link = get_download_link(container);
+		expect(link).toBeVisible();
+	});
+
+	test("download link contains a button with label 'Download'", async () => {
+		const { getByLabelText } = await render(Code, {
+			...base_props,
+			language: "python"
+		});
+		expect(getByLabelText("Download")).toBeTruthy();
+	});
+
+	test.todo(
+		"VISUAL: clicking the download link changes the icon from Download to Check for ~2 seconds — needs Playwright screenshot comparison"
+	);
+});
diff --git a/js/code/Example.svelte b/js/code/Example.svelte
new file mode 100644
index 0000000..067f504
--- /dev/null
+++ b/js/code/Example.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		value: string | null;
+		type: "gallery" | "table";
+		selected?: boolean;
+	}
+
+	let { value, type, selected = false }: Props = $props();
+
+	function truncate_text(text: string | null, max_length = 60): string {
+		if (!text) return "";
+		const str = String(text);
+		if (str.length <= max_length) return str;
+		return str.slice(0, max_length) + "...";
+	}
+</script>
+
+<pre
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected>{truncate_text(value)}</pre>
+
+<style>
+	pre {
+		text-align: left;
+	}
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/code/Index.svelte b/js/code/Index.svelte
new file mode 100644
index 0000000..7ada86d
--- /dev/null
+++ b/js/code/Index.svelte
@@ -0,0 +1,96 @@
+<script context="module" lang="ts">
+	export { default as BaseCode } from "./shared/Code.svelte";
+	export { default as BaseCopy } from "./shared/Copy.svelte";
+	export { default as BaseDownload } from "./shared/Download.svelte";
+	export { default as BaseWidget } from "./shared/Widgets.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import type { CodeProps, CodeEvents } from "./types";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	import Code from "./shared/Code.svelte";
+	import Widget from "./shared/Widgets.svelte";
+	import { Block, BlockLabel, Empty } from "@gradio/atoms";
+	import { Code as CodeIcon } from "@gradio/icons";
+
+	const props = $props();
+	const gradio = new Gradio<CodeEvents, CodeProps>(props);
+
+	let dark_mode = gradio.shared.theme === "dark";
+
+	let label = $derived(gradio.shared.label || gradio.i18n("code.code"));
+	let old_value = $state(gradio.props.value);
+	let first_change = $state(true);
+
+	$effect(() => {
+		if (first_change) {
+			first_change = false;
+			return;
+		}
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+</script>
+
+<Block
+	height={gradio.props.max_lines && "fit-content"}
+	variant={"solid"}
+	padding={false}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	visible={gradio.shared.visible}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+
+	{#if gradio.shared.show_label}
+		<BlockLabel
+			Icon={CodeIcon}
+			show_label={gradio.shared.show_label}
+			{label}
+			float={false}
+		/>
+	{/if}
+
+	{#if !gradio.props.value && !gradio.shared.interactive}
+		<Empty unpadded_box={true} size="large">
+			<CodeIcon />
+		</Empty>
+	{:else}
+		<Widget
+			language={gradio.props.language}
+			value={gradio.props.value}
+			buttons={gradio.props.buttons ?? ["copy", "download"]}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+
+		<Code
+			bind:value={gradio.props.value}
+			language={gradio.props.language}
+			lines={gradio.props.lines}
+			max_lines={gradio.props.max_lines}
+			{dark_mode}
+			wrap_lines={gradio.props.wrap_lines}
+			show_line_numbers={gradio.props.show_line_numbers}
+			autocomplete={gradio.props.autocomplete}
+			readonly={!gradio.shared.interactive}
+			onblur={() => gradio.dispatch("blur")}
+			onfocus={() => gradio.dispatch("focus")}
+			oninput={() => gradio.dispatch("input")}
+		/>
+	{/if}
+</Block>
diff --git a/js/code/README.md b/js/code/README.md
new file mode 100644
index 0000000..c991cff
--- /dev/null
+++ b/js/code/README.md
@@ -0,0 +1,45 @@
+# `@gradio/code`
+
+```html
+<script>
+    import { BaseCode, BaseCopy, BaseDownload, BaseWidget, BaseExample} from "gradio/code";
+</script>
+```
+
+BaseCode
+```javascript
+	export let class_names = "";
+	export let value = "";
+	export let dark_mode: boolean;
+	export let basic = true;
+	export let language: string;
+	export let lines = 5;
+	export let extensions: Extension[] = [];
+	export let use_tab = true;
+	export let readonly = false;
+	export let placeholder: string | HTMLElement | null | undefined = undefined;
+```
+
+BaseCopy
+```javascript
+	export let value: string;
+```
+
+BaseDownload
+```javascript
+	export let value: string;
+	export let language: string;
+```
+
+BaseWidget
+```javascript
+	export let value: string;
+	export let language: string;
+```
+
+BaseExample
+```
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/code/package.json b/js/code/package.json
new file mode 100644
index 0000000..6462421
--- /dev/null
+++ b/js/code/package.json
@@ -0,0 +1,64 @@
+{
+	"name": "@gradio/code",
+	"version": "0.18.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@codemirror/autocomplete": "^6.19.0",
+		"@codemirror/commands": "^6.9.0",
+		"@codemirror/lang-css": "^6.3.1",
+		"@codemirror/lang-html": "^6.4.11",
+		"@codemirror/lang-javascript": "^6.2.4",
+		"@codemirror/lang-json": "^6.0.2",
+		"@codemirror/lang-markdown": "^6.4.0",
+		"@codemirror/lang-python": "^6.2.1",
+		"@codemirror/language": "^6.11.3",
+		"@codemirror/legacy-modes": "^6.5.2",
+		"@codemirror/lint": "^6.9.0",
+		"@codemirror/search": "^6.5.11",
+		"@codemirror/state": "^6.5.2",
+		"@codemirror/view": "^6.38.5",
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@lezer/common": "^1.2.3",
+		"@lezer/highlight": "^1.2.1",
+		"@lezer/markdown": "^1.4.3",
+		"cm6-theme-basic-dark": "^0.2.0",
+		"cm6-theme-basic-light": "^0.2.0",
+		"codemirror": "^6.0.2"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"types": "./dist/Index.svelte.d.ts",
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"default": "./dist/Index.svelte"
+		},
+		"./example": {
+			"types": "./dist/Example.svelte.d.ts",
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"default": "./dist/Example.svelte"
+		},
+		"./package.json": "./package.json"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/code"
+	}
+}
diff --git a/js/code/shared/Code.svelte b/js/code/shared/Code.svelte
new file mode 100644
index 0000000..ffb53ae
--- /dev/null
+++ b/js/code/shared/Code.svelte
@@ -0,0 +1,345 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import {
+		EditorView,
+		ViewUpdate,
+		keymap,
+		placeholder as placeholderExt,
+		lineNumbers
+	} from "@codemirror/view";
+	import { StateEffect, EditorState, type Extension } from "@codemirror/state";
+	import { indentWithTab } from "@codemirror/commands";
+	import { autocompletion, acceptCompletion } from "@codemirror/autocomplete";
+
+	import { basicDark } from "cm6-theme-basic-dark";
+	import { basicLight } from "cm6-theme-basic-light";
+	import { basicSetup } from "./extensions";
+	import { getLanguageExtension } from "./language";
+
+	interface Props {
+		class_names?: string;
+		value?: string;
+		dark_mode: boolean;
+		basic?: boolean;
+		language: string;
+		lines?: number;
+		max_lines?: number | null;
+		extensions?: Extension[];
+		use_tab?: boolean;
+		readonly?: boolean;
+		placeholder?: string | HTMLElement | null | undefined;
+		wrap_lines?: boolean;
+		show_line_numbers?: boolean;
+		autocomplete?: boolean;
+		onchange?: (value: string) => void;
+		onblur?: () => void;
+		onfocus?: () => void;
+		oninput?: () => void;
+	}
+
+	let {
+		class_names = "",
+		value = $bindable(),
+		dark_mode,
+		basic = true,
+		language,
+		lines = 5,
+		max_lines = null,
+		extensions = [],
+		use_tab = true,
+		readonly = false,
+		placeholder = undefined,
+		wrap_lines = false,
+		show_line_numbers = true,
+		autocomplete = false,
+		onchange,
+		onblur,
+		onfocus,
+		oninput
+	}: Props = $props();
+
+	let lang_extension: Extension | undefined = $state();
+	let element: HTMLDivElement;
+	let view: EditorView;
+
+	async function get_lang(val: string): Promise<void> {
+		const ext = await getLanguageExtension(val);
+		lang_extension = ext;
+	}
+
+	$effect(() => {
+		get_lang(language);
+	});
+
+	$effect(() => {
+		lang_extension;
+		readonly;
+		reconfigure();
+	});
+
+	$effect(() => {
+		set_doc(value ?? "");
+	});
+
+	update_lines();
+
+	function set_doc(new_doc: string): void {
+		if (view && new_doc !== view.state.doc.toString()) {
+			view.dispatch({
+				changes: {
+					from: 0,
+					to: view.state.doc.length,
+					insert: new_doc
+				}
+			});
+		}
+	}
+
+	function update_lines(): void {
+		if (view) {
+			view.requestMeasure({ read: resize });
+		}
+	}
+
+	function create_editor_view(): EditorView {
+		const editorView = new EditorView({
+			parent: element,
+			state: create_editor_state(value)
+		});
+		editorView.dom.addEventListener("focus", handle_focus, true);
+		editorView.dom.addEventListener("blur", handle_blur, true);
+		return editorView;
+	}
+
+	function handle_focus(): void {
+		onfocus?.();
+	}
+
+	function handle_blur(): void {
+		onblur?.();
+	}
+
+	function getGutterLineHeight(_view: EditorView): string | null {
+		let elements = _view.dom.querySelectorAll<HTMLElement>(".cm-gutterElement");
+		if (elements.length === 0) {
+			return null;
+		}
+		for (var i = 0; i < elements.length; i++) {
+			let node = elements[i];
+			let height = getComputedStyle(node)?.height ?? "0px";
+			if (height != "0px") {
+				return height;
+			}
+		}
+		return null;
+	}
+
+	function resize(_view: EditorView): any {
+		let scroller = _view.dom.querySelector<HTMLElement>(".cm-scroller");
+		if (!scroller) {
+			return null;
+		}
+		const lineHeight = getGutterLineHeight(_view);
+		if (!lineHeight) {
+			return null;
+		}
+
+		const minLines = lines == 1 ? 1 : lines + 1;
+		scroller.style.minHeight = `calc(${lineHeight} * ${minLines})`;
+		if (max_lines)
+			scroller.style.maxHeight = `calc(${lineHeight} * ${max_lines + 1})`;
+	}
+
+	import { Transaction } from "@codemirror/state";
+
+	function is_user_input(update: ViewUpdate): boolean {
+		return update.transactions.some(
+			(tr) => tr.annotation(Transaction.userEvent) != null
+		);
+	}
+
+	function handle_change(vu: ViewUpdate): void {
+		if (!vu.docChanged) return;
+
+		const doc = vu.state.doc;
+		const text = doc.toString();
+		value = text;
+
+		const user_change = is_user_input(vu);
+		if (user_change) {
+			onchange?.(text);
+			oninput?.();
+		} else {
+			onchange?.(text);
+		}
+
+		view.requestMeasure({ read: resize });
+	}
+
+	function get_extensions(): Extension[] {
+		const stateExtensions = [
+			...get_base_extensions(
+				basic,
+				use_tab,
+				placeholder,
+				readonly,
+				lang_extension,
+				show_line_numbers
+			),
+			FontTheme,
+			...get_theme(),
+			...extensions
+		];
+		return stateExtensions;
+	}
+
+	const FontTheme = EditorView.theme({
+		"&": {
+			fontSize: "var(--text-sm)",
+			backgroundColor: "var(--border-color-secondary)"
+		},
+		".cm-content": {
+			paddingTop: "5px",
+			paddingBottom: "5px",
+			color: "var(--body-text-color)",
+			fontFamily: "var(--font-mono)",
+			minHeight: "100%"
+		},
+		".cm-gutterElement": {
+			marginRight: "var(--spacing-xs)"
+		},
+		".cm-gutters": {
+			marginRight: "1px",
+			borderRight: "1px solid var(--border-color-primary)",
+			backgroundColor: "var(--block-background-fill);",
+			color: "var(--body-text-color-subdued)"
+		},
+		".cm-focused": {
+			outline: "none"
+		},
+		".cm-scroller": {
+			height: "auto"
+		},
+		".cm-cursor": {
+			borderLeftColor: "var(--body-text-color)"
+		}
+	});
+
+	const AutocompleteTheme = EditorView.theme({
+		".cm-tooltip-autocomplete": {
+			"& > ul": {
+				backgroundColor: "var(--background-fill-primary)",
+				color: "var(--body-text-color)"
+			},
+			"& > ul > li[aria-selected]": {
+				backgroundColor: "var(--color-accent-soft)",
+				color: "var(--body-text-color)"
+			}
+		}
+	});
+
+	function create_editor_state(_value: string | null | undefined): EditorState {
+		return EditorState.create({
+			doc: _value ?? undefined,
+			extensions: get_extensions()
+		});
+	}
+
+	function get_base_extensions(
+		basic: boolean,
+		use_tab: boolean,
+		placeholder: string | HTMLElement | null | undefined,
+		readonly: boolean,
+		lang: Extension | null | undefined,
+		show_line_numbers: boolean
+	): Extension[] {
+		const extensions: Extension[] = [
+			EditorView.editable.of(!readonly),
+			EditorState.readOnly.of(readonly),
+			EditorView.contentAttributes.of({ "aria-label": "Code input container" })
+		];
+
+		if (basic) {
+			extensions.push(basicSetup);
+		}
+		if (use_tab) {
+			extensions.push(
+				keymap.of([{ key: "Tab", run: acceptCompletion }, indentWithTab])
+			);
+		}
+		if (placeholder) {
+			extensions.push(placeholderExt(placeholder));
+		}
+		if (lang) {
+			extensions.push(lang);
+		}
+		if (show_line_numbers) {
+			extensions.push(lineNumbers());
+		}
+		if (autocomplete) {
+			extensions.push(autocompletion());
+			extensions.push(AutocompleteTheme);
+		}
+
+		extensions.push(EditorView.updateListener.of(handle_change));
+		if (wrap_lines) {
+			extensions.push(EditorView.lineWrapping);
+		}
+
+		return extensions;
+	}
+
+	function get_theme(): Extension[] {
+		const extensions: Extension[] = [];
+
+		if (dark_mode) {
+			extensions.push(basicDark);
+		} else {
+			extensions.push(basicLight);
+		}
+		return extensions;
+	}
+
+	function reconfigure(): void {
+		view?.dispatch({
+			effects: StateEffect.reconfigure.of(get_extensions())
+		});
+	}
+
+	onMount(() => {
+		view = create_editor_view();
+		return () => view?.destroy();
+	});
+</script>
+
+<div class="wrap">
+	<div class="codemirror-wrapper {class_names}" bind:this={element} />
+</div>
+
+<style>
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		flex-grow: 1;
+		margin: 0;
+		padding: 0;
+		height: 100%;
+	}
+	.codemirror-wrapper {
+		flex-grow: 1;
+		overflow: auto;
+	}
+
+	:global(.cm-editor) {
+		height: 100%;
+	}
+
+	/* Dunno why this doesn't work through the theme API -- don't remove*/
+	:global(.cm-selectionBackground) {
+		background-color: #b9d2ff30 !important;
+	}
+
+	:global(.cm-focused) {
+		outline: none !important;
+	}
+</style>
diff --git a/js/code/shared/Copy.svelte b/js/code/shared/Copy.svelte
new file mode 100644
index 0000000..26593be
--- /dev/null
+++ b/js/code/shared/Copy.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import { onDestroy } from "svelte";
+	import { Copy, Check } from "@gradio/icons";
+	import { IconButton } from "@gradio/atoms";
+
+	interface Props {
+		value: string;
+	}
+
+	let { value }: Props = $props();
+
+	let copied = $state(false);
+	let timer: NodeJS.Timeout;
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 2000);
+	}
+
+	async function handle_copy(): Promise<void> {
+		if ("clipboard" in navigator) {
+			await navigator.clipboard.writeText(value);
+			copy_feedback();
+		}
+	}
+
+	onDestroy(() => {
+		if (timer) clearTimeout(timer);
+	});
+</script>
+
+<IconButton Icon={copied ? Check : Copy} label="Copy" onclick={handle_copy} />
diff --git a/js/code/shared/Download.svelte b/js/code/shared/Download.svelte
new file mode 100644
index 0000000..5ed9b72
--- /dev/null
+++ b/js/code/shared/Download.svelte
@@ -0,0 +1,67 @@
+<script lang="ts">
+	import { onDestroy } from "svelte";
+	import { Download, Check } from "@gradio/icons";
+	import { DownloadLink } from "@gradio/atoms";
+	import { IconButton } from "@gradio/atoms";
+
+	interface Props {
+		value: string;
+		language: string;
+	}
+
+	let { value, language }: Props = $props();
+
+	let ext = $derived(get_ext_for_type(language));
+
+	function get_ext_for_type(type: string): string {
+		const exts: Record<string, string> = {
+			py: "py",
+			python: "py",
+			md: "md",
+			markdown: "md",
+			json: "json",
+			html: "html",
+			css: "css",
+			js: "js",
+			javascript: "js",
+			ts: "ts",
+			typescript: "ts",
+			yaml: "yaml",
+			yml: "yml",
+			dockerfile: "dockerfile",
+			sh: "sh",
+			shell: "sh",
+			r: "r",
+			c: "c",
+			cpp: "cpp",
+			latex: "tex"
+		};
+
+		return exts[type] || "txt";
+	}
+
+	let copied = $state(false);
+	let timer: NodeJS.Timeout;
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 2000);
+	}
+
+	let download_value = $derived(URL.createObjectURL(new Blob([value])));
+
+	onDestroy(() => {
+		if (timer) clearTimeout(timer);
+	});
+</script>
+
+<DownloadLink
+	download="file.{ext}"
+	href={download_value}
+	onclick={copy_feedback}
+>
+	<IconButton Icon={copied ? Check : Download} label="Download" />
+</DownloadLink>
diff --git a/js/code/shared/Widgets.svelte b/js/code/shared/Widgets.svelte
new file mode 100644
index 0000000..1e52153
--- /dev/null
+++ b/js/code/shared/Widgets.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import Copy from "./Copy.svelte";
+	import Download from "./Download.svelte";
+	import { IconButtonWrapper } from "@gradio/atoms";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+
+	interface Props {
+		value: string;
+		language: string;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+	}
+
+	let {
+		value,
+		language,
+		buttons = null,
+		on_custom_button_click = null
+	}: Props = $props();
+</script>
+
+<IconButtonWrapper {buttons} {on_custom_button_click}>
+	{#if buttons?.some((btn) => typeof btn === "string" && btn === "download")}
+		<Download {value} {language} />
+	{/if}
+	{#if buttons?.some((btn) => typeof btn === "string" && btn === "copy")}
+		<Copy {value} />
+	{/if}
+</IconButtonWrapper>
diff --git a/js/code/shared/extensions.ts b/js/code/shared/extensions.ts
new file mode 100644
index 0000000..2e7449e
--- /dev/null
+++ b/js/code/shared/extensions.ts
@@ -0,0 +1,47 @@
+import type { Extension } from "@codemirror/state";
+import {
+	lineNumbers,
+	highlightSpecialChars,
+	drawSelection,
+	rectangularSelection,
+	crosshairCursor,
+	keymap
+} from "@codemirror/view";
+export { EditorView } from "@codemirror/view";
+import { EditorState } from "@codemirror/state";
+import {
+	foldGutter,
+	indentOnInput,
+	syntaxHighlighting,
+	defaultHighlightStyle,
+	foldKeymap
+} from "@codemirror/language";
+import { history, defaultKeymap, historyKeymap } from "@codemirror/commands";
+import {
+	closeBrackets,
+	closeBracketsKeymap,
+	completionKeymap
+} from "@codemirror/autocomplete";
+import { lintKeymap } from "@codemirror/lint";
+
+export const basicSetup: Extension = /*@__PURE__*/ ((): Extension[] => [
+	highlightSpecialChars(),
+	history(),
+	foldGutter(),
+	drawSelection(),
+	EditorState.allowMultipleSelections.of(true),
+	indentOnInput(),
+	syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+	closeBrackets(),
+	rectangularSelection(),
+	crosshairCursor(),
+
+	keymap.of([
+		...closeBracketsKeymap,
+		...defaultKeymap,
+		...historyKeymap,
+		...foldKeymap,
+		...completionKeymap,
+		...lintKeymap
+	])
+])();
diff --git a/js/code/shared/frontmatter.ts b/js/code/shared/frontmatter.ts
new file mode 100644
index 0000000..78e6a1a
--- /dev/null
+++ b/js/code/shared/frontmatter.ts
@@ -0,0 +1,61 @@
+import type {
+	Element,
+	MarkdownExtension,
+	BlockContext,
+	Line
+} from "@lezer/markdown";
+import { parseMixed } from "@lezer/common";
+import { yaml } from "@codemirror/legacy-modes/mode/yaml";
+import { foldInside, foldNodeProp, StreamLanguage } from "@codemirror/language";
+import { styleTags, tags } from "@lezer/highlight";
+
+const frontMatterFence = /^---\s*$/m;
+
+export const frontmatter: MarkdownExtension = {
+	defineNodes: [{ name: "Frontmatter", block: true }, "FrontmatterMark"],
+	props: [
+		styleTags({
+			Frontmatter: [tags.documentMeta, tags.monospace],
+			FrontmatterMark: tags.processingInstruction
+		}),
+		foldNodeProp.add({
+			Frontmatter: foldInside,
+			FrontmatterMark: () => null
+		})
+	],
+	wrap: parseMixed((node) => {
+		const { parser } = StreamLanguage.define(yaml);
+		if (node.type.name === "Frontmatter") {
+			return {
+				parser,
+				overlay: [{ from: node.from + 4, to: node.to - 4 }]
+			};
+		}
+		return null;
+	}),
+	parseBlock: [
+		{
+			name: "Frontmatter",
+			before: "HorizontalRule",
+			parse: (cx: BlockContext, line: Line): boolean => {
+				let end: number | undefined = undefined;
+				const children = new Array<Element>();
+				if (cx.lineStart === 0 && frontMatterFence.test(line.text)) {
+					children.push(cx.elt("FrontmatterMark", 0, 4));
+					while (cx.nextLine()) {
+						if (frontMatterFence.test(line.text)) {
+							end = cx.lineStart + 4;
+							break;
+						}
+					}
+					if (end !== undefined) {
+						children.push(cx.elt("FrontmatterMark", end - 4, end));
+						cx.addElement(cx.elt("Frontmatter", 0, end, children));
+					}
+					return true;
+				}
+				return false;
+			}
+		}
+	]
+};
diff --git a/js/code/shared/language.ts b/js/code/shared/language.ts
new file mode 100644
index 0000000..2a394cc
--- /dev/null
+++ b/js/code/shared/language.ts
@@ -0,0 +1,102 @@
+import type { Extension } from "@codemirror/state";
+import { StreamLanguage } from "@codemirror/language";
+import { _ } from "svelte-i18n";
+
+const sql_dialects = [
+	"standardSQL",
+	"msSQL",
+	"mySQL",
+	"mariaDB",
+	"sqlite",
+	"cassandra",
+	"plSQL",
+	"hive",
+	"pgSQL",
+	"gql",
+	"gpSQL",
+	"sparkSQL",
+	"esper"
+] as const;
+
+const lang_map: Record<string, (() => Promise<Extension>) | undefined> = {
+	python: () => import("@codemirror/lang-python").then((m) => m.python()),
+	c: () =>
+		import("@codemirror/legacy-modes/mode/clike").then((m) =>
+			StreamLanguage.define(m.c)
+		),
+	cpp: () =>
+		import("@codemirror/legacy-modes/mode/clike").then((m) =>
+			StreamLanguage.define(m.cpp)
+		),
+	markdown: async () => {
+		const [md, frontmatter] = await Promise.all([
+			import("@codemirror/lang-markdown"),
+			import("./frontmatter")
+		]);
+		return md.markdown({ extensions: [frontmatter.frontmatter] });
+	},
+	latex: () =>
+		import("@codemirror/legacy-modes/mode/stex").then((m) =>
+			StreamLanguage.define(m.stex)
+		),
+	json: () => import("@codemirror/lang-json").then((m) => m.json()),
+	html: () => import("@codemirror/lang-html").then((m) => m.html()),
+	css: () => import("@codemirror/lang-css").then((m) => m.css()),
+	javascript: () =>
+		import("@codemirror/lang-javascript").then((m) => m.javascript()),
+	jinja2: () =>
+		import("@codemirror/legacy-modes/mode/jinja2").then((m) =>
+			StreamLanguage.define(m.jinja2)
+		),
+	typescript: () =>
+		import("@codemirror/lang-javascript").then((m) =>
+			m.javascript({ typescript: true })
+		),
+	yaml: () =>
+		import("@codemirror/legacy-modes/mode/yaml").then((m) =>
+			StreamLanguage.define(m.yaml)
+		),
+	dockerfile: () =>
+		import("@codemirror/legacy-modes/mode/dockerfile").then((m) =>
+			StreamLanguage.define(m.dockerFile)
+		),
+	shell: () =>
+		import("@codemirror/legacy-modes/mode/shell").then((m) =>
+			StreamLanguage.define(m.shell)
+		),
+	r: () =>
+		import("@codemirror/legacy-modes/mode/r").then((m) =>
+			StreamLanguage.define(m.r)
+		),
+	sql: () =>
+		import("@codemirror/legacy-modes/mode/sql").then((m) =>
+			StreamLanguage.define(m.standardSQL)
+		),
+	...Object.fromEntries(
+		sql_dialects.map((dialect) => [
+			"sql-" + dialect,
+			() =>
+				import("@codemirror/legacy-modes/mode/sql").then((m) =>
+					StreamLanguage.define(m[dialect])
+				)
+		])
+	)
+} as const;
+
+const alias_map: Record<string, string> = {
+	py: "python",
+	md: "markdown",
+	js: "javascript",
+	ts: "typescript",
+	sh: "shell"
+};
+
+export async function getLanguageExtension(
+	lang: string
+): Promise<Extension | undefined> {
+	const _lang = lang_map[lang] || lang_map[alias_map[lang]] || undefined;
+	if (_lang) {
+		return _lang();
+	}
+	return undefined;
+}
diff --git a/js/code/types.ts b/js/code/types.ts
new file mode 100644
index 0000000..ac9a668
--- /dev/null
+++ b/js/code/types.ts
@@ -0,0 +1,21 @@
+import type { CustomButton } from "@gradio/utils";
+
+export interface CodeProps {
+	value: string;
+	language: string;
+	max_lines: number;
+	wrap_lines: boolean;
+	show_line_numbers: boolean;
+	autocomplete: boolean;
+	lines: number;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface CodeEvents {
+	change: any;
+	input: any;
+	focus: any;
+	blur: any;
+	clear_status: any;
+	custom_button_click: { id: number };
+}
diff --git a/js/colorpicker/CHANGELOG.md b/js/colorpicker/CHANGELOG.md
new file mode 100644
index 0000000..bc643fc
--- /dev/null
+++ b/js/colorpicker/CHANGELOG.md
@@ -0,0 +1,852 @@
+# @gradio/colorpicker
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.5.12
+
+### Fixes
+
+- [#13363](https://github.com/gradio-app/gradio/pull/13363) [`0872f5e`](https://github.com/gradio-app/gradio/commit/0872f5eccad07a140ed5e24e3adddc661667ff9a) - add colour picker unit tests.  Thanks @hannahblair!
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.5.9
+
+### Fixes
+
+- [#13126](https://github.com/gradio-app/gradio/pull/13126) [`a09c0e8`](https://github.com/gradio-app/gradio/commit/a09c0e891709e007e4f265fc48f466175f5a2a22) - normalize ColorPicker value to hex string format.  Thanks @Krishnachaitanyakc!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.5.6
+
+### Fixes
+
+- [#12862](https://github.com/gradio-app/gradio/pull/12862) [`a8e6b7b`](https://github.com/gradio-app/gradio/commit/a8e6b7ba1e6af793b6a200d4cc6b07f3151f229e) - Fix ColorPicker not firing focus, blur, or submit events after Svelte 5 migration.  Thanks @veeceey!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.5.4
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.5.3
+
+### Fixes
+
+- [#12676](https://github.com/gradio-app/gradio/pull/12676) [`57dd086`](https://github.com/gradio-app/gradio/commit/57dd0864c17f039474a2aa31e9f3132f4555fd97) - Upgrade color picker to Svelte 5 syntax.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.5.1
+
+### Fixes
+
+- [#12491](https://github.com/gradio-app/gradio/pull/12491) [`4f6327b`](https://github.com/gradio-app/gradio/commit/4f6327be6815fc8d574b60272b02915c75359ace) - Load visible components in 6.0.  Thanks @freddyaboulton!
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix various event issues
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix queue false render issue
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix colopicker
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+- @gradio/icons@0.15.0
+
+## 0.5.0-dev.2
+
+### Features
+
+- [#12363](https://github.com/gradio-app/gradio/pull/12363) [`4845bfd`](https://github.com/gradio-app/gradio/commit/4845bfdab53096a609d80485e87d5cc70f3f0521) - Fix queue false render issue.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.5.0-dev.1
+
+### Features
+
+- [#12357](https://github.com/gradio-app/gradio/pull/12357) [`c9cf634`](https://github.com/gradio-app/gradio/commit/c9cf634a9cd34b4adadde1a6a98d60faf732639a) - Fix various event issues.  Thanks @pngwn!
+- [#12360](https://github.com/gradio-app/gradio/pull/12360) [`bcb6efd`](https://github.com/gradio-app/gradio/commit/bcb6efd8d53183c283a9b4e3a1974e7b49c340a1) - fix colopicker.  Thanks @pngwn!
+
+## 0.4.30-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.4.29
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.4.29
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.4.28
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.4.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.4.27
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.4.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.4.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.4.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.4.24
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.4.23
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.4.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.4.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.4.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Update gr.ColorPicker UI
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+- @gradio/icons@0.8.0
+
+## 0.4.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.4.0-beta.4
+
+### Features
+
+- [#9570](https://github.com/gradio-app/gradio/pull/9570) [`e0ee3d5`](https://github.com/gradio-app/gradio/commit/e0ee3d5bb1020744cefa1abf66009fbf07da8cbe) - Update gr.ColorPicker UI.  Thanks @hannahblair!
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.3.13-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.3.13-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.3.13-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.13-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.3.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.3.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.3.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.2.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.2.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.2.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.2.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.2.8
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.2
+
+### Fixes
+
+- [#5118](https://github.com/gradio-app/gradio/pull/5118) [`1b017e68`](https://github.com/gradio-app/gradio/commit/1b017e68f6a9623cc2ec085bd20e056229552028) - Add `interactive` args to `gr.ColorPicker`. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/colorpicker/ColorPicker.stories.svelte b/js/colorpicker/ColorPicker.stories.svelte
new file mode 100644
index 0000000..7fdc611
--- /dev/null
+++ b/js/colorpicker/ColorPicker.stories.svelte
@@ -0,0 +1,57 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import ColorPicker from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Color Picker",
+		component: ColorPicker,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The color picker label"
+			},
+			value: {
+				control: "color",
+				description: "The selected color value"
+			},
+			interactive: {
+				control: "boolean",
+				description: "Whether the picker is interactive"
+			},
+			show_label: {
+				control: "boolean",
+				description: "Whether to show the label"
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<ColorPicker {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Default"
+	args={{ interactive: true, label: "Color Picker" }}
+	{template}
+/>
+<Story
+	name="Color Picker with a color value and label"
+	args={{ value: "#FFC0CB", label: "This is a neat color", interactive: true }}
+	{template}
+/>
+<Story
+	name="Disabled color picker"
+	args={{ value: "#FFC0CB", interactive: false, label: "Color Picker" }}
+	{template}
+/>
diff --git a/js/colorpicker/ColorPicker.test.ts b/js/colorpicker/ColorPicker.test.ts
new file mode 100644
index 0000000..b3c373d
--- /dev/null
+++ b/js/colorpicker/ColorPicker.test.ts
@@ -0,0 +1,511 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import ColorPicker from "./Index.svelte";
+
+const default_props = {
+	value: "#000000",
+	label: "Color Picker",
+	show_label: true,
+	interactive: true,
+	info: ""
+};
+
+run_shared_prop_tests({
+	component: ColorPicker,
+	name: "ColorPicker",
+	base_props: { ...default_props },
+	has_label: true,
+	has_validation_error: true
+});
+
+// stub a fixed 100x100 rect because headless tests give zero-sized picker elements.
+function mock_rect(element: Element): void {
+	(element as HTMLElement).getBoundingClientRect = () =>
+		({
+			left: 0,
+			top: 0,
+			width: 100,
+			height: 100,
+			right: 100,
+			bottom: 100,
+			x: 0,
+			y: 0,
+			toJSON: () => {}
+		}) as DOMRect;
+}
+
+async function open_picker(
+	result: Awaited<ReturnType<typeof render>>
+): Promise<void> {
+	const swatch = result.getByRole("button", { name: "Color Picker" });
+	await fireEvent.click(swatch);
+}
+
+describe("ColorPicker", () => {
+	afterEach(() => cleanup());
+
+	test("renders with default value", async () => {
+		const { getByRole } = await render(ColorPicker, default_props);
+		expect(getByRole("button", { name: "Color Picker" })).toBeInTheDocument();
+	});
+
+	test("renders with custom value", async () => {
+		const { get_data } = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+		const data = await get_data();
+		expect(data.value).toBe("#ff0000");
+	});
+
+	test("info text is displayed when provided", async () => {
+		const { getByText } = await render(ColorPicker, {
+			...default_props,
+			info: "Pick a color"
+		});
+		expect(getByText("Pick a color")).toBeInTheDocument();
+	});
+
+	test("info text is not rendered when empty", async () => {
+		const { queryByText } = await render(ColorPicker, {
+			...default_props,
+			info: ""
+		});
+		expect(queryByText("Pick a color")).not.toBeInTheDocument();
+	});
+});
+
+describe("Dialog", () => {
+	afterEach(() => cleanup());
+
+	test("clicking the color swatch opens the picker", async () => {
+		const result = await render(ColorPicker, default_props);
+
+		expect(
+			result.queryByRole("button", { name: "Hex" })
+		).not.toBeInTheDocument();
+
+		await open_picker(result);
+
+		expect(result.getByRole("button", { name: "Hex" })).toBeInTheDocument();
+	});
+
+	test("clicking the swatch again closes the picker", async () => {
+		const result = await render(ColorPicker, default_props);
+
+		await open_picker(result);
+		expect(result.getByRole("button", { name: "Hex" })).toBeInTheDocument();
+
+		const swatch = result.getByRole("button", { name: "Color Picker" });
+		await fireEvent.click(swatch);
+
+		expect(
+			result.queryByRole("button", { name: "Hex" })
+		).not.toBeInTheDocument();
+	});
+
+	test("clicking outside the picker closes it", async () => {
+		const result = await render(ColorPicker, default_props);
+
+		await open_picker(result);
+		expect(result.getByRole("button", { name: "Hex" })).toBeInTheDocument();
+
+		await fireEvent.mouseDown(document.body);
+
+		expect(
+			result.queryByRole("button", { name: "Hex" })
+		).not.toBeInTheDocument();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=false disables the swatch button", async () => {
+		const { getByRole } = await render(ColorPicker, {
+			...default_props,
+			interactive: false
+		});
+		expect(getByRole("button", { name: "Color Picker" })).toBeDisabled();
+	});
+
+	test("interactive=true enables the swatch button", async () => {
+		const { getByRole } = await render(ColorPicker, {
+			...default_props,
+			interactive: true
+		});
+		expect(getByRole("button", { name: "Color Picker" })).toBeEnabled();
+	});
+});
+
+describe("Color gradient", () => {
+	afterEach(() => cleanup());
+
+	test("dragging dispatches input events", async () => {
+		const result = await render(ColorPicker, default_props);
+		const input = result.listen("input");
+
+		await open_picker(result);
+
+		const gradient = result.getByRole("slider", {
+			name: "Saturation and brightness"
+		});
+		mock_rect(gradient);
+
+		await fireEvent.mouseDown(gradient, { clientX: 50, clientY: 75 });
+		await fireEvent.mouseMove(window, { clientX: 60, clientY: 70 });
+		await fireEvent.mouseUp(window);
+
+		expect(input).toHaveBeenCalled();
+	});
+
+	test("mouseup after dragging dispatches release with new value", async () => {
+		const result = await render(ColorPicker, default_props);
+		const release = result.listen("release");
+
+		await open_picker(result);
+
+		const gradient = result.getByRole("slider", {
+			name: "Saturation and brightness"
+		});
+		mock_rect(gradient);
+
+		await fireEvent.mouseDown(gradient, { clientX: 30, clientY: 20 });
+		await fireEvent.mouseUp(window);
+
+		expect(release).toHaveBeenCalledTimes(1);
+		expect(release).toHaveBeenCalledWith("#cc8f8f");
+	});
+
+	test("dragging updates get_data value", async () => {
+		const result = await render(ColorPicker, default_props);
+
+		await open_picker(result);
+
+		const gradient = result.getByRole("slider", {
+			name: "Saturation and brightness"
+		});
+		mock_rect(gradient);
+
+		await fireEvent.mouseDown(gradient, { clientX: 80, clientY: 20 });
+		await fireEvent.mouseUp(window);
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#cc2929");
+	});
+
+	test("mouseup without prior drag does not dispatch release", async () => {
+		const result = await render(ColorPicker, default_props);
+		const release = result.listen("release");
+
+		await fireEvent.mouseUp(window);
+
+		expect(release).not.toHaveBeenCalled();
+	});
+});
+
+describe("Hue slider", () => {
+	afterEach(() => cleanup());
+
+	test("dragging dispatches input events", async () => {
+		const result = await render(ColorPicker, default_props);
+		const input = result.listen("input");
+
+		await open_picker(result);
+
+		const hue = result.getByRole("slider", { name: "Hue" });
+		mock_rect(hue);
+
+		await fireEvent.mouseDown(hue, { clientX: 30 });
+		await fireEvent.mouseMove(window, { clientX: 60 });
+		await fireEvent.mouseUp(window);
+
+		expect(input).toHaveBeenCalled();
+	});
+
+	test("mouseup after dragging dispatches release with new value", async () => {
+		const result = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+		const release = result.listen("release");
+
+		await open_picker(result);
+
+		const hue = result.getByRole("slider", { name: "Hue" });
+		mock_rect(hue);
+
+		await fireEvent.mouseDown(hue, { clientX: 40 });
+		await fireEvent.mouseUp(window);
+
+		expect(release).toHaveBeenCalledTimes(1);
+		expect(release).toHaveBeenCalledWith("#00ff66");
+	});
+
+	test("dragging updates get_data value", async () => {
+		const result = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+
+		await open_picker(result);
+
+		const hue = result.getByRole("slider", { name: "Hue" });
+		mock_rect(hue);
+
+		await fireEvent.mouseDown(hue, { clientX: 50 });
+		await fireEvent.mouseUp(window);
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#00ffff");
+	});
+});
+
+describe("Color input field", () => {
+	afterEach(() => cleanup());
+
+	test("displays current color as hex by default", async () => {
+		const result = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+		await open_picker(result);
+
+		const input = result.getByRole("textbox") as HTMLInputElement;
+		expect(input).toHaveValue("#ff0000");
+	});
+
+	test("entering a valid hex updates the value", async () => {
+		const result = await render(ColorPicker, default_props);
+		await open_picker(result);
+
+		const input = result.getByRole("textbox");
+		await fireEvent.change(input, { target: { value: "#ff0000" } });
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#ff0000");
+	});
+
+	test("entering rgb() normalizes to hex", async () => {
+		const result = await render(ColorPicker, default_props);
+		await open_picker(result);
+
+		const input = result.getByRole("textbox");
+		await fireEvent.change(input, { target: { value: "rgb(255, 0, 0)" } });
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#ff0000");
+	});
+
+	test("entering hsl() normalizes to hex", async () => {
+		const result = await render(ColorPicker, default_props);
+		await open_picker(result);
+
+		const input = result.getByRole("textbox");
+		await fireEvent.change(input, { target: { value: "hsl(0, 100%, 50%)" } });
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#ff0000");
+	});
+
+	test("entering uppercase hex normalizes to lowercase", async () => {
+		const result = await render(ColorPicker, default_props);
+		await open_picker(result);
+
+		const input = result.getByRole("textbox");
+		await fireEvent.change(input, { target: { value: "#FF0000" } });
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#ff0000");
+	});
+
+	test("entering 3-digit hex expands to 6-digit", async () => {
+		const result = await render(ColorPicker, default_props);
+		await open_picker(result);
+
+		const input = result.getByRole("textbox");
+		await fireEvent.change(input, { target: { value: "#f00" } });
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#ff0000");
+	});
+
+	test("pressing Enter dispatches submit", async () => {
+		const result = await render(ColorPicker, default_props);
+		const submit = result.listen("submit");
+
+		await open_picker(result);
+
+		const input = result.getByRole("textbox");
+		input.focus();
+		await fireEvent.keyDown(input, { key: "Enter" });
+
+		expect(submit).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Mode switching", () => {
+	afterEach(() => cleanup());
+
+	test("hex mode shows hex format", async () => {
+		const result = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+		await open_picker(result);
+
+		await fireEvent.click(result.getByRole("button", { name: "Hex" }));
+
+		expect(result.getByRole("textbox")).toHaveValue("#ff0000");
+	});
+
+	test("rgb mode shows rgb() format", async () => {
+		const result = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+		await open_picker(result);
+
+		await fireEvent.click(result.getByRole("button", { name: "RGB" }));
+
+		expect(result.getByRole("textbox")).toHaveValue("rgb(255, 0, 0)");
+	});
+
+	test("hsl mode shows hsl() format", async () => {
+		const result = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+		await open_picker(result);
+
+		await fireEvent.click(result.getByRole("button", { name: "HSL" }));
+
+		expect(result.getByRole("textbox")).toHaveValue("hsl(0, 100%, 50%)");
+	});
+
+	test("switching mode preserves the color value", async () => {
+		const result = await render(ColorPicker, {
+			...default_props,
+			value: "#ff0000"
+		});
+		await open_picker(result);
+
+		await fireEvent.click(result.getByRole("button", { name: "RGB" }));
+		await fireEvent.click(result.getByRole("button", { name: "HSL" }));
+		await fireEvent.click(result.getByRole("button", { name: "Hex" }));
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#ff0000");
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change: emitted with new value when set_data pushes new value", async () => {
+		const result = await render(ColorPicker, default_props);
+		const change = result.listen("change");
+
+		await result.set_data({ value: "#ff0000" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith("#ff0000");
+	});
+
+	test("change: not emitted on mount", async () => {
+		const result = await render(ColorPicker, default_props);
+		const change = result.listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change: deduplicated when same value is set twice", async () => {
+		const result = await render(ColorPicker, default_props);
+		const change = result.listen("change");
+
+		await result.set_data({ value: "#ff0000" });
+		await result.set_data({ value: "#ff0000" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("focus: emitted when swatch is focused", async () => {
+		const result = await render(ColorPicker, default_props);
+		const focus = result.listen("focus");
+
+		const swatch = result.getByRole("button", { name: "Color Picker" });
+		swatch.focus();
+
+		expect(focus).toHaveBeenCalledTimes(1);
+	});
+
+	test("blur: emitted when swatch loses focus", async () => {
+		const result = await render(ColorPicker, default_props);
+		const blur = result.listen("blur");
+
+		const swatch = result.getByRole("button", { name: "Color Picker" });
+		swatch.focus();
+		await fireEvent.blur(swatch);
+
+		expect(blur).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns current value", async () => {
+		const { get_data } = await render(ColorPicker, {
+			...default_props,
+			value: "#0000ff"
+		});
+		const data = await get_data();
+		expect(data.value).toBe("#0000ff");
+	});
+
+	test("set_data updates value and reflects in input field", async () => {
+		const result = await render(ColorPicker, default_props);
+
+		await result.set_data({ value: "#00ff00" });
+		await open_picker(result);
+
+		expect(result.getByRole("textbox")).toHaveValue("#00ff00");
+	});
+
+	test("set_data then get_data returns same value", async () => {
+		const { set_data, get_data } = await render(ColorPicker, default_props);
+
+		await set_data({ value: "#ff8800" });
+		const data = await get_data();
+
+		expect(data.value).toBe("#ff8800");
+	});
+
+	test("user input in text field is reflected in get_data", async () => {
+		const result = await render(ColorPicker, default_props);
+		await open_picker(result);
+
+		const input = result.getByRole("textbox");
+		await fireEvent.change(input, { target: { value: "#abcdef" } });
+
+		const data = await result.get_data();
+		expect(data.value).toBe("#abcdef");
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("multiple rapid set_data calls settle to final value", async () => {
+		const { set_data, get_data } = await render(ColorPicker, default_props);
+
+		await set_data({ value: "#ff0000" });
+		await set_data({ value: "#00ff00" });
+		await set_data({ value: "#0000ff" });
+
+		const data = await get_data();
+		expect(data.value).toBe("#0000ff");
+	});
+});
diff --git a/js/colorpicker/ColorPickerExample.stories.svelte b/js/colorpicker/ColorPickerExample.stories.svelte
new file mode 100644
index 0000000..137abee
--- /dev/null
+++ b/js/colorpicker/ColorPickerExample.stories.svelte
@@ -0,0 +1,20 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import ColorPicker from "./Example.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/Color Picker/Example",
+		component: ColorPicker
+	});
+</script>
+
+<Story
+	name="Color value"
+	args={{
+		value: "#ff0000"
+	}}
+>
+	{#snippet template(args)}
+		<ColorPicker {...args} />
+	{/snippet}
+</Story>
diff --git a/js/colorpicker/Example.svelte b/js/colorpicker/Example.svelte
new file mode 100644
index 0000000..2430985
--- /dev/null
+++ b/js/colorpicker/Example.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	style="background-color: {value ? value : 'black'}"
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+/>
+
+<style>
+	div {
+		width: var(--size-10);
+		height: var(--size-10);
+	}
+	.table {
+		margin: 0 auto;
+	}
+</style>
diff --git a/js/colorpicker/Index.svelte b/js/colorpicker/Index.svelte
new file mode 100644
index 0000000..e7efc9b
--- /dev/null
+++ b/js/colorpicker/Index.svelte
@@ -0,0 +1,60 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+	export { default as BaseColorPicker } from "./shared/Colorpicker.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import Colorpicker from "./shared/Colorpicker.svelte";
+	import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { ColorPickerProps, ColorPickerEvents } from "./types";
+
+	let props = $props();
+	const gradio = new Gradio<ColorPickerEvents, ColorPickerProps>(props, {
+		value: "#000000"
+	});
+	let old_value = $state(gradio.props.value);
+	let label = $derived(
+		gradio.shared.label || gradio.i18n("color_picker.color_picker")
+	);
+
+	$effect(() => {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change", gradio.props.value);
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+
+	<Colorpicker
+		bind:value={gradio.props.value}
+		{label}
+		info={gradio.props.info}
+		show_label={gradio.shared.show_label}
+		disabled={!gradio.shared.interactive}
+		on_input={() => gradio.dispatch("input")}
+		on_release={() => gradio.dispatch("release", gradio.props.value)}
+		on_submit={() => gradio.dispatch("submit")}
+		on_blur={() => gradio.dispatch("blur")}
+		on_focus={() => gradio.dispatch("focus")}
+	/>
+</Block>
diff --git a/js/colorpicker/README.md b/js/colorpicker/README.md
new file mode 100644
index 0000000..d264164
--- /dev/null
+++ b/js/colorpicker/README.md
@@ -0,0 +1,24 @@
+# `@gradio/colorpicker`
+
+```html
+<script>
+    import { BaseColorPicker, BaseExample } from "@gradio/colorpicker";
+</script>
+```
+
+BaseColorPicker
+```javascript
+	export let value = "#000000";
+	export let value_is_output = false;
+	export let label: string;
+	export let info: string | undefined = undefined;
+	export let disabled = false;
+	export let show_label = true;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/colorpicker/package.json b/js/colorpicker/package.json
new file mode 100644
index 0000000..ce2cdd7
--- /dev/null
+++ b/js/colorpicker/package.json
@@ -0,0 +1,43 @@
+{
+	"name": "@gradio/colorpicker",
+	"version": "0.5.14",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"tinycolor2": "^1.6.0",
+		"@types/tinycolor2": "^1.4.6"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/colorpicker"
+	}
+}
diff --git a/js/colorpicker/shared/Colorpicker.svelte b/js/colorpicker/shared/Colorpicker.svelte
new file mode 100644
index 0000000..8aff692
--- /dev/null
+++ b/js/colorpicker/shared/Colorpicker.svelte
@@ -0,0 +1,431 @@
+<script lang="ts">
+	import { onMount, tick } from "svelte";
+	import tinycolor from "tinycolor2";
+	import { BlockTitle } from "@gradio/atoms";
+	import { click_outside } from "./events";
+	import { Eyedropper } from "@gradio/icons";
+	import { hsva_to_rgba, format_color, normalize_color } from "./utils";
+
+	let {
+		value = $bindable(),
+		label,
+		info,
+		disabled,
+		show_label,
+		on_input = () => {},
+		on_release = () => {},
+		on_submit = () => {},
+		on_blur = () => {},
+		on_focus = () => {}
+	}: {
+		value: string;
+		label: string;
+		info?: string;
+		disabled: boolean;
+		show_label: boolean;
+		on_input?: () => void;
+		on_release?: () => void;
+		on_submit?: () => void;
+		on_blur?: () => void;
+		on_focus?: () => void;
+	} = $props();
+
+	let dialog_open = $state(false);
+	let current_mode: "hex" | "rgb" | "hsl" = $state("hex");
+
+	let eyedropper_supported = false;
+
+	let sl_wrap: HTMLDivElement;
+	let hue_wrap: HTMLDivElement;
+
+	let sl_marker_pos = [0, 0];
+	let sl_rect: DOMRect | null = null;
+	let sl_moving = false;
+	let sl = [0, 0];
+
+	let hue = 0;
+	let hue_marker_pos = 0;
+	let hue_rect: DOMRect | null = null;
+	let hue_moving = false;
+
+	function handle_hue_down(
+		event: MouseEvent & { currentTarget: HTMLDivElement }
+	): void {
+		hue_rect = event.currentTarget.getBoundingClientRect();
+		hue_moving = true;
+		update_hue_from_mouse(event.clientX);
+	}
+
+	function update_hue_from_mouse(x: number): void {
+		if (!hue_rect) return;
+		const _x = Math.max(0, Math.min(x - hue_rect.left, hue_rect.width)); // Get the x-coordinate relative to the box
+		hue_marker_pos = _x;
+		const _hue = (_x / hue_rect.width) * 360; // Scale the x position to a hue value (0-360)
+
+		hue = _hue;
+
+		value = hsva_to_rgba({ h: _hue, s: sl[0], v: sl[1], a: 1 });
+		on_input();
+	}
+
+	function update_color_from_mouse(x: number, y: number): void {
+		if (!sl_rect) return;
+		const _x = Math.max(0, Math.min(x - sl_rect.left, sl_rect.width));
+		const _y = Math.max(0, Math.min(y - sl_rect.top, sl_rect.height));
+		sl_marker_pos = [_x, _y];
+		const _hsva = {
+			h: hue * 1,
+			s: _x / sl_rect.width,
+			v: 1 - _y / sl_rect.height,
+			a: 1
+		};
+
+		sl = [_hsva.s, _hsva.v];
+
+		value = hsva_to_rgba(_hsva);
+		on_input();
+	}
+
+	function handle_sl_down(
+		event: MouseEvent & { currentTarget: HTMLDivElement }
+	): void {
+		sl_moving = true;
+		sl_rect = event.currentTarget.getBoundingClientRect();
+		update_color_from_mouse(event.clientX, event.clientY);
+	}
+
+	function handle_move(event: MouseEvent): void {
+		if (sl_moving) update_color_from_mouse(event.clientX, event.clientY);
+		if (hue_moving) update_hue_from_mouse(event.clientX);
+	}
+
+	function handle_end(): void {
+		const should_dispatch_release = sl_moving || hue_moving;
+		sl_moving = false;
+		hue_moving = false;
+		if (should_dispatch_release) {
+			on_release();
+		}
+	}
+
+	async function update_mouse_from_color(color: string): Promise<void> {
+		if (sl_moving || hue_moving) return;
+		await tick();
+		if (!color) return;
+
+		if (!sl_rect && sl_wrap) {
+			sl_rect = sl_wrap.getBoundingClientRect();
+		}
+
+		if (!hue_rect && hue_wrap) {
+			hue_rect = hue_wrap.getBoundingClientRect();
+		}
+
+		// Exit if we still don't have valid rectangles
+		if (!sl_rect || !hue_rect) return;
+
+		const hsva = tinycolor(color).toHsv();
+		const _x = hsva.s * sl_rect.width;
+		const _y = (1 - hsva.v) * sl_rect.height;
+		sl_marker_pos = [_x, _y];
+		sl = [hsva.s, hsva.v];
+		hue = hsva.h;
+		hue_marker_pos = (hsva.h / 360) * hue_rect.width;
+	}
+
+	function request_eyedropper(): void {
+		// @ts-ignore
+		const eyeDropper = new EyeDropper();
+
+		eyeDropper.open().then((result: { sRGBHex: string }) => {
+			value = result.sRGBHex;
+		});
+		on_input();
+	}
+
+	const modes = [
+		["Hex", "hex"],
+		["RGB", "rgb"],
+		["HSL", "hsl"]
+	] as const;
+
+	let color_string = $derived.by(() => format_color(value, current_mode));
+
+	onMount(async () => {
+		// @ts-ignore
+		eyedropper_supported = window !== undefined && !!window.EyeDropper;
+	});
+
+	function handle_click_outside(): void {
+		dialog_open = false;
+	}
+
+	$effect(() => {
+		update_mouse_from_color(value);
+	});
+</script>
+
+<BlockTitle {show_label} {info}>{label}</BlockTitle>
+<button
+	class="dialog-button"
+	aria-label={label}
+	style:background={value}
+	{disabled}
+	onfocus={on_focus}
+	onblur={on_blur}
+	onclick={() => {
+		update_mouse_from_color(value);
+		dialog_open = !dialog_open;
+	}}
+/>
+
+<svelte:window onmousemove={handle_move} onmouseup={handle_end} />
+
+{#if dialog_open}
+	<div class="color-picker" use:click_outside={handle_click_outside}>
+		<div
+			class="color-gradient"
+			role="slider"
+			aria-label="Saturation and brightness"
+			aria-valuetext={value}
+			tabindex="0"
+			onmousedown={handle_sl_down}
+			style="--hue:{hue}"
+			bind:this={sl_wrap}
+		>
+			<div
+				class="marker"
+				style:transform="translate({sl_marker_pos[0]}px,{sl_marker_pos[1]}px)"
+				style:background={value}
+			/>
+		</div>
+		<div
+			class="hue-slider"
+			role="slider"
+			aria-label="Hue"
+			aria-valuemin={0}
+			aria-valuemax={360}
+			aria-valuenow={Math.round(hue)}
+			tabindex="0"
+			onmousedown={handle_hue_down}
+			bind:this={hue_wrap}
+		>
+			<div
+				class="marker"
+				style:background={"hsl(" + hue + ", 100%, 50%)"}
+				style:transform="translateX({hue_marker_pos}px)"
+			/>
+		</div>
+
+		<div class="input">
+			<button class="swatch" style:background={value}></button>
+			<div>
+				<div class="input-wrap">
+					<input
+						type="text"
+						bind:value={color_string}
+						onchange={(e) => {
+							value = normalize_color(e.currentTarget.value);
+						}}
+						onkeydown={(e) => {
+							if (e.key === "Enter") {
+								on_submit();
+							}
+						}}
+					/>
+					<button class="eyedropper" onclick={request_eyedropper}>
+						{#if eyedropper_supported}
+							<Eyedropper />
+						{/if}
+					</button>
+				</div>
+
+				<div class="buttons">
+					{#each modes as [label, value]}
+						<button
+							class="button"
+							class:active={current_mode === value}
+							onclick={() => {
+								current_mode = value;
+							}}>{label}</button
+						>
+					{/each}
+				</div>
+			</div>
+		</div>
+	</div>
+{/if}
+
+<style>
+	.dialog-button {
+		display: block;
+		width: var(--size-10);
+		height: var(--size-5);
+		border: var(--block-border-width) solid var(--block-border-color);
+	}
+
+	.dialog-button:disabled {
+		cursor: not-allowed;
+	}
+
+	.input {
+		display: flex;
+		align-items: center;
+		padding: 0 10px 15px;
+	}
+
+	.input input {
+		height: 30px;
+		width: 100%;
+		flex-shrink: 1;
+		border-bottom-left-radius: 0;
+		border: 1px solid var(--block-border-color);
+		letter-spacing: -0.05rem;
+		border-left: none;
+		border-right: none;
+		font-family: var(--font-mono);
+		font-size: var(--scale-000);
+		padding-left: 15px;
+		padding-right: 0;
+		background-color: var(--background-fill-secondary);
+		color: var(--block-label-text-color);
+	}
+
+	.swatch {
+		width: 50px;
+		height: 50px;
+		border-top-left-radius: 15px;
+		border-bottom-left-radius: 15px;
+		flex-shrink: 0;
+		border: 1px solid var(--block-border-color);
+	}
+
+	.color-picker {
+		width: 230px;
+		background: var(--background-fill-secondary);
+		border: 1px solid var(--block-border-color);
+		border-radius: var(--block-radius);
+		margin: var(--spacing-sm) 0;
+	}
+
+	.buttons {
+		height: 20px;
+		display: flex;
+		justify-content: stretch;
+		gap: 0px;
+	}
+
+	.buttons button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border: 1px solid var(--block-border-color);
+		background: var(--background-fill-secondary);
+		padding: 3px 6px;
+		font-size: var(--scale-000);
+		cursor: pointer;
+		border-right: none;
+		width: 100%;
+		border-top: none;
+	}
+
+	.buttons button:first-child {
+		border-left: none;
+	}
+
+	.buttons button:last-child {
+		border-bottom-right-radius: 15px;
+		border-right: 1px solid var(--block-border-color);
+	}
+
+	.buttons button:hover {
+		background: var(--background-fill-secondary-hover);
+		font-weight: var(--weight-bold);
+	}
+
+	.buttons button.active {
+		background: var(--background-fill-secondary);
+		font-weight: var(--weight-bold);
+	}
+
+	.input-wrap {
+		display: flex;
+	}
+
+	.color-gradient {
+		position: relative;
+		--hue: white;
+		background:
+			linear-gradient(rgba(0, 0, 0, 0), #000),
+			linear-gradient(90deg, #fff, hsl(var(--hue), 100%, 50%));
+		width: 100%;
+		height: 150px;
+		border-radius: var(--radius-sm) var(--radius-sm) 0 0;
+	}
+
+	.hue-slider {
+		position: relative;
+		width: 90%;
+		margin: 10px auto;
+		height: 10px;
+		border-radius: 5px;
+		background: linear-gradient(
+			to right,
+			hsl(0, 100%, 50%) 0%,
+			#ff0 17%,
+			lime 33%,
+			cyan 50%,
+			blue 67%,
+			magenta 83%,
+			red 100%
+		);
+	}
+
+	.swatch {
+		width: 50px;
+		height: 50px;
+		border-top-left-radius: 15px;
+		border-bottom-left-radius: 15px;
+		flex-shrink: 0;
+		border: 1px solid var(--block-border-color);
+	}
+
+	.eyedropper {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 25px;
+		height: 30px;
+		border-top-right-radius: 15px;
+		border: 1px solid var(--block-border-color);
+		border-left: none;
+		background: var(--background-fill-secondary);
+		height: 30px;
+		padding: 7px 7px 5px 0px;
+		cursor: pointer;
+	}
+
+	.marker {
+		position: absolute;
+		width: 14px;
+		height: 14px;
+		border-radius: 50%;
+		border: 2px solid white;
+		top: -2px;
+		left: -7px;
+		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
+		pointer-events: none;
+	}
+
+	input {
+		width: 100%;
+		height: 30px;
+		border: 1px solid var(--block-border-color);
+		border-radius: var(--radius-sm);
+		padding: 0 var(--size-2);
+		font-family: var(--font-mono);
+		font-size: var(--scale-000);
+		color: var(--block-label-text-color);
+		background-color: var(--background-fill-primary);
+	}
+</style>
diff --git a/js/colorpicker/shared/events.ts b/js/colorpicker/shared/events.ts
new file mode 100644
index 0000000..0f41b82
--- /dev/null
+++ b/js/colorpicker/shared/events.ts
@@ -0,0 +1,28 @@
+/**
+ * Svelte action to handle clicks outside of a DOM node
+ * @param node DOM node to check the click is outside of
+ * @param callback callback function to call if click is outside
+ * @returns svelte action return object with destroy method to remove event listener
+ */
+export function click_outside(
+	node: Node,
+	callback: (arg: MouseEvent) => void
+): any {
+	const handle_click = (event: MouseEvent): void => {
+		if (
+			node &&
+			!node.contains(event.target as Node) &&
+			!event.defaultPrevented
+		) {
+			callback(event);
+		}
+	};
+
+	document.addEventListener("mousedown", handle_click, true);
+
+	return {
+		destroy() {
+			document.removeEventListener("mousedown", handle_click, true);
+		}
+	};
+}
diff --git a/js/colorpicker/shared/utils.test.ts b/js/colorpicker/shared/utils.test.ts
new file mode 100644
index 0000000..abd6986
--- /dev/null
+++ b/js/colorpicker/shared/utils.test.ts
@@ -0,0 +1,80 @@
+import { test, describe, assert } from "vitest";
+import { normalize_color, format_color, hsva_to_rgba } from "./utils";
+
+describe("normalize_color", () => {
+	test("converts named CSS color to hex", () => {
+		assert.equal(normalize_color("red"), "#ff0000");
+	});
+
+	test("expands 3-digit hex to 6-digit", () => {
+		assert.equal(normalize_color("#f00"), "#ff0000");
+	});
+
+	test("passes through already-normalized 6-digit hex", () => {
+		assert.equal(normalize_color("#ff0000"), "#ff0000");
+	});
+
+	test("converts 8-digit hex with alpha to 6-digit hex (alpha stripped by toHexString)", () => {
+		assert.equal(normalize_color("#ff000080"), "#ff0000");
+	});
+
+	test("lowercases uppercase hex", () => {
+		assert.equal(normalize_color("#FF0000"), "#ff0000");
+	});
+
+	test("converts rgb() string to hex", () => {
+		assert.equal(normalize_color("rgb(255, 0, 0)"), "#ff0000");
+	});
+
+	test("converts hsl() string to hex", () => {
+		assert.equal(normalize_color("hsl(0, 100%, 50%)"), "#ff0000");
+	});
+
+	test("returns invalid color string unchanged", () => {
+		assert.equal(normalize_color("notacolor"), "notacolor");
+	});
+
+	test("returns empty string unchanged", () => {
+		assert.equal(normalize_color(""), "");
+	});
+});
+
+describe("format_color", () => {
+	test("formats color as hex", () => {
+		assert.equal(format_color("red", "hex"), "#ff0000");
+	});
+
+	test("formats color as rgb", () => {
+		assert.equal(format_color("#ff0000", "rgb"), "rgb(255, 0, 0)");
+	});
+
+	test("formats color as hsl", () => {
+		assert.equal(format_color("#ff0000", "hsl"), "hsl(0, 100%, 50%)");
+	});
+});
+
+describe("hsva_to_rgba", () => {
+	test("converts pure red", () => {
+		assert.equal(hsva_to_rgba({ h: 0, s: 1, v: 1, a: 1 }), "#ff0000");
+	});
+
+	test("converts with alpha (toHexString strips alpha)", () => {
+		assert.equal(hsva_to_rgba({ h: 0, s: 1, v: 1, a: 0.5 }), "#ff0000");
+	});
+
+	test("converts black", () => {
+		assert.equal(hsva_to_rgba({ h: 0, s: 0, v: 0, a: 1 }), "#000000");
+	});
+
+	test("converts white", () => {
+		assert.equal(hsva_to_rgba({ h: 0, s: 0, v: 1, a: 1 }), "#ffffff");
+	});
+
+	test("converts green (h=120)", () => {
+		assert.equal(hsva_to_rgba({ h: 120, s: 1, v: 1, a: 1 }), "#00ff00");
+	});
+
+	test("converts blue (h=240)", () => {
+		assert.equal(hsva_to_rgba({ h: 240, s: 1, v: 1, a: 1 }), "#0000ff");
+	});
+});
diff --git a/js/colorpicker/shared/utils.ts b/js/colorpicker/shared/utils.ts
new file mode 100644
index 0000000..054b03b
--- /dev/null
+++ b/js/colorpicker/shared/utils.ts
@@ -0,0 +1,50 @@
+import tinycolor from "tinycolor2";
+
+export function hsva_to_rgba(hsva: {
+	h: number;
+	s: number;
+	v: number;
+	a: number;
+}): string {
+	const saturation = hsva.s;
+	const value = hsva.v;
+	let chroma = saturation * value;
+	const hue_by_60 = hsva.h / 60;
+	let x = chroma * (1 - Math.abs((hue_by_60 % 2) - 1));
+	const m = value - chroma;
+
+	chroma = chroma + m;
+	x = x + m;
+
+	const index = Math.floor(hue_by_60) % 6;
+	const red = [chroma, x, m, m, x, chroma][index];
+	const green = [x, chroma, chroma, x, m, m][index];
+	const blue = [m, m, x, chroma, chroma, x][index];
+
+	return tinycolor({
+		r: red * 255,
+		g: green * 255,
+		b: blue * 255,
+		a: hsva.a
+	}).toHexString();
+}
+
+export function normalize_color(color: string): string {
+	const tc = tinycolor(color);
+	if (tc.isValid()) {
+		return tc.toHexString();
+	}
+	return color;
+}
+
+export function format_color(
+	color: string,
+	mode: "hex" | "rgb" | "hsl"
+): string {
+	if (mode === "hex") {
+		return tinycolor(color).toHexString();
+	} else if (mode === "rgb") {
+		return tinycolor(color).toRgbString();
+	}
+	return tinycolor(color).toHslString();
+}
diff --git a/js/colorpicker/types.ts b/js/colorpicker/types.ts
new file mode 100644
index 0000000..fd6b44d
--- /dev/null
+++ b/js/colorpicker/types.ts
@@ -0,0 +1,14 @@
+export interface ColorPickerProps {
+	value: string;
+	info: string;
+}
+
+export interface ColorPickerEvents {
+	change: string;
+	input: never;
+	release: string;
+	submit: never;
+	focus: never;
+	blur: never;
+	clear_status: any;
+}
diff --git a/js/column/BaseColumn.svelte b/js/column/BaseColumn.svelte
new file mode 100644
index 0000000..1f5b530
--- /dev/null
+++ b/js/column/BaseColumn.svelte
@@ -0,0 +1,90 @@
+<script lang="ts">
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+	type Props = {
+		scale?: number | null;
+		min_width?: number | null;
+		elem_id?: string;
+		elem_classes?: string[];
+		visible?: boolean | "hidden";
+		variant?: "default" | "panel" | "compact";
+		loading_status?: LoadingStatus;
+		show_progress?: boolean;
+		autoscroll?: boolean;
+		i18n?: (key: string) => string;
+	};
+
+	let props: Props = $props();
+	let el;
+
+	let scale: number | null = $derived(props.scale ?? null);
+	let min_width: number = $derived(props.min_width ?? 0);
+	let elem_id: string = $derived(props.elem_id ?? "");
+	let elem_classes: string[] = $derived(props.elem_classes ?? []);
+	let visible: boolean | "hidden" = $derived(props.visible ?? true);
+	let variant: "default" | "panel" | "compact" = $derived(
+		props.variant ?? "default"
+	);
+	let loading_status: LoadingStatus | undefined = $derived(
+		props.loading_status
+	);
+	let show_progress = $derived(props.show_progress ?? false);
+</script>
+
+<div
+	bind:this={el}
+	id={elem_id}
+	class="column {elem_classes.join(' ')}"
+	class:compact={variant === "compact"}
+	class:panel={variant === "panel"}
+	class:hide={!visible}
+	style:flex-grow={scale}
+	style:min-width="calc(min({min_width}px, 100%))"
+>
+	{#if loading_status && loading_status.show_progress}
+		<StatusTracker
+			autoscroll={props.autoscroll ?? false}
+			i18n={props.i18n ?? ((key: string) => key)}
+			{...loading_status}
+			queue_size={loading_status.queue_size ?? null}
+			status={loading_status
+				? loading_status.status == "pending"
+					? "generating"
+					: loading_status.status
+				: null}
+		/>
+	{/if}
+	<slot />
+</div>
+
+<style>
+	div {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+		gap: var(--layout-gap);
+	}
+
+	div > :global(*),
+	div > :global(.form > *) {
+		width: var(--size-full);
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.compact > :global(*),
+	.compact :global(.box) {
+		border-radius: 0;
+	}
+
+	.compact,
+	.panel {
+		border: solid var(--panel-border-width) var(--panel-border-color);
+		border-radius: var(--container-radius);
+		background: var(--panel-background-fill);
+		padding: var(--spacing-lg);
+	}
+</style>
diff --git a/js/column/CHANGELOG.md b/js/column/CHANGELOG.md
new file mode 100644
index 0000000..0a128d7
--- /dev/null
+++ b/js/column/CHANGELOG.md
@@ -0,0 +1,499 @@
+# @gradio/column
+
+## 0.4.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.1
+
+## 0.3.3
+
+### Features
+
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/statustracker@0.13.1
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/statustracker@0.12.4
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.3
+
+## 0.3.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/utils@0.11.2
+
+## 0.3.1
+
+### Fixes
+
+- [#12626](https://github.com/gradio-app/gradio/pull/12626) [`3a39ee4`](https://github.com/gradio-app/gradio/commit/3a39ee4a9af660636f6ce7cd383634d48e4030a3) - Fix Bug Where Invisible Columns Take Up Space.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.2.2
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.0
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.14
+
+## 0.2.1
+
+### Fixes
+
+- [#11426](https://github.com/gradio-app/gradio/pull/11426) [`fa4018a`](https://github.com/gradio-app/gradio/commit/fa4018a99ee815e33bc228bfb0183dd820246eb1) - Remove gap parametger from gr.Column.  Thanks @deckar01!
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/utils@0.10.2
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.8
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.6
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/utils@0.10.1
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.1
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.2.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Equal height columns
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - UI theme fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Remove grey background behind all components
+
+## 0.2.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+
+## 0.2.0-beta.2
+
+### Features
+
+- [#9577](https://github.com/gradio-app/gradio/pull/9577) [`9f532e0`](https://github.com/gradio-app/gradio/commit/9f532e03a6b91b9a5592152c19b9b2611774cae7) - Equal height columns.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+
+## 0.2.0-beta.1
+
+### Features
+
+- [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+
+## 0.2.0-beta.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.2.0-beta.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.2.0-beta.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.2.0-beta.0
+
+### Features
+
+- [#9213](https://github.com/gradio-app/gradio/pull/9213) [`ab4580b`](https://github.com/gradio-app/gradio/commit/ab4580bd5f755a07c9a9bd2a775220a9a2085f8c) - Remove grey background behind all components.  Thanks @hannahblair!
+
+## 0.1.4
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+
+## 0.1.3
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/statustracker@0.7.5
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.4
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.1.2
+
+### Features
+
+- [#8398](https://github.com/gradio-app/gradio/pull/8398) [`945ac83`](https://github.com/gradio-app/gradio/commit/945ac837e779b120790814ea6f6f81bd2712f5f8) - Improve rendering.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.1.1
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.3
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`681f10c31`](https://github.com/gradio-app/gradio/commit/681f10c315a75cc8cd0473c9a0167961af7696db) - release first version.  Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/column/Column.stories.svelte b/js/column/Column.stories.svelte
new file mode 100644
index 0000000..4ad9cf7
--- /dev/null
+++ b/js/column/Column.stories.svelte
@@ -0,0 +1,30 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Column from "./Index.svelte";
+	import Button from "../button/shared/Button.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Layout Elements/Column",
+		component: Column,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+</script>
+
+<Story name="Column with multiple items">
+	{#snippet template(args)}
+		<Column {...wrapProps(args)}>
+			<Button elem_id="btn1" size="lg">Button 1</Button>
+			<Button elem_id="btn2" size="lg">Button 2</Button>
+			<Button elem_id="btn3" size="lg">Button 3</Button>
+		</Column>
+	{/snippet}
+</Story>
diff --git a/js/column/Column.test.ts b/js/column/Column.test.ts
new file mode 100644
index 0000000..63add5f
--- /dev/null
+++ b/js/column/Column.test.ts
@@ -0,0 +1,92 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+
+import Column from "./Index.svelte";
+import ColumnWithChild from "./WithChild.svelte";
+
+describe("Column", () => {
+	afterEach(() => cleanup());
+
+	test("renders the column container", async () => {
+		const { container } = await render(Column, {});
+		// No role, label, or text available for a bare layout container —
+		// querySelector(".column") is the appropriate query here.
+		expect(container.querySelector(".column")).not.toBeNull();
+	});
+
+	test("elem_id is applied to the root div", async () => {
+		const { container } = await render(Column, { elem_id: "my-column" });
+		expect(container.querySelector("#my-column")).not.toBeNull();
+	});
+
+	test("elem_classes are applied to the root div", async () => {
+		const { container } = await render(Column, {
+			elem_classes: ["my-col-class"]
+		});
+		expect(container.querySelector(".my-col-class")).not.toBeNull();
+	});
+
+	test("visible: true → container is visible", async () => {
+		const { container } = await render(Column, {
+			visible: true,
+			elem_id: "col-visible"
+		});
+		expect(container.querySelector("#col-visible")).toBeVisible();
+	});
+
+	test("visible: false → container is hidden in the DOM", async () => {
+		const { container } = await render(Column, {
+			visible: false,
+			elem_id: "col-false"
+		});
+		const el = container.querySelector("#col-false");
+		expect(el).not.toBeNull();
+		expect(el).not.toBeVisible();
+	});
+
+	test("visible: 'hidden' does NOT hide the container (Column uses !visible — 'hidden' is truthy)", async () => {
+		// BaseColumn uses class:hide={!visible}. "hidden" is a non-empty string and
+		// therefore truthy, so !("hidden") === false — .hide is not applied.
+		// Same pattern as Row.
+		const { container } = await render(Column, {
+			visible: "hidden",
+			elem_id: "col-str-hidden"
+		});
+		const el = container.querySelector("#col-str-hidden");
+		expect(el).not.toBeNull();
+		expect(el).toBeVisible();
+	});
+});
+
+describe("Children / slot", () => {
+	afterEach(() => cleanup());
+
+	test("renders slot children inside the column container", async () => {
+		const { getByTestId } = await render(ColumnWithChild, {});
+		expect(getByTestId("slot-content")).not.toBeNull();
+	});
+
+	test("slot children are visible when column is visible", async () => {
+		const { getByTestId } = await render(ColumnWithChild, { visible: true });
+		expect(getByTestId("slot-content")).toBeVisible();
+	});
+
+	test("slot children are hidden when column is hidden (visible: false)", async () => {
+		const { getByTestId } = await render(ColumnWithChild, { visible: false });
+		// Column applies display:none via .hide class — children inherit the hidden state
+		expect(getByTestId("slot-content")).not.toBeVisible();
+	});
+});
+
+test.todo(
+	"VISUAL: variant='panel' applies panel border, background fill, and padding to the column container — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: variant='compact' removes border-radius from direct child elements — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: scale prop controls flex-grow, making the column proportionally wider when scale > 1 — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: min_width prop enforces a minimum pixel width before the column wraps to a new row — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/column/Index.svelte b/js/column/Index.svelte
new file mode 100644
index 0000000..65b6fbf
--- /dev/null
+++ b/js/column/Index.svelte
@@ -0,0 +1,49 @@
+<script context="module" lang="ts">
+	export { default as BaseColumn } from "./BaseColumn.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import BaseColumn from "./BaseColumn.svelte";
+
+	let props = $props();
+
+	const gradio = new Gradio<{}, { variant: "default" | "panel" | "compact" }>(
+		props
+	);
+</script>
+
+<BaseColumn {...gradio.shared}>
+	<slot />
+</BaseColumn>
+
+<style>
+	div {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+		gap: var(--layout-gap);
+	}
+
+	div > :global(*),
+	div > :global(.form > *) {
+		width: var(--size-full);
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.compact > :global(*),
+	.compact :global(.box) {
+		border-radius: 0;
+	}
+
+	.compact,
+	.panel {
+		border: solid var(--panel-border-width) var(--panel-border-color);
+		border-radius: var(--container-radius);
+		background: var(--panel-background-fill);
+		padding: var(--spacing-lg);
+	}
+</style>
diff --git a/js/column/WithChild.svelte b/js/column/WithChild.svelte
new file mode 100644
index 0000000..666f1b0
--- /dev/null
+++ b/js/column/WithChild.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+	import Column from "./Index.svelte";
+	let props = $props();
+</script>
+
+<Column {...props}>
+	<div data-testid="slot-content">test child</div>
+</Column>
diff --git a/js/column/package.json b/js/column/package.json
new file mode 100644
index 0000000..d8cfd26
--- /dev/null
+++ b/js/column/package.json
@@ -0,0 +1,32 @@
+{
+	"name": "@gradio/column",
+	"version": "0.4.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"main_changeset": true,
+	"private": false,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/column"
+	}
+}
diff --git a/js/component-test/CHANGELOG.md b/js/component-test/CHANGELOG.md
new file mode 100644
index 0000000..a46c4a5
--- /dev/null
+++ b/js/component-test/CHANGELOG.md
@@ -0,0 +1,463 @@
+# @self/component-test
+
+## 0.5.37
+
+### Dependency updates
+
+- @gradio/video@0.22.0
+
+## 0.5.36
+
+### Dependency updates
+
+- @gradio/video@0.21.0
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.8
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.7
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.6
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.5
+
+## 0.5.35
+
+### Dependency updates
+
+- @self/build@0.6.0
+- @gradio/video@0.20.4
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.3
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.2
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.1
+- @self/build@0.5.2
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/video@0.20.0
+- @self/build@0.5.1
+
+## 0.5.34
+
+### Dependency updates
+
+- @gradio/video@0.19.0
+
+## 0.5.33
+
+### Dependency updates
+
+- @gradio/video@0.18.0
+
+## 0.5.33-dev.0
+
+### Dependency updates
+
+- @self/build@0.5.0-dev.1
+- @gradio/video@0.17.0-dev.2
+
+## 0.5.33-dev.0
+
+### Dependency updates
+
+- @gradio/video@0.17.0-dev.1
+- @self/build@0.4.1-dev.0
+
+## 0.5.33-dev.0
+
+### Dependency updates
+
+- @gradio/video@0.17.0-dev.0
+
+## 0.5.32
+
+### Dependency updates
+
+- @self/build@0.4.0
+- @gradio/video@0.16.0
+
+## 0.5.31
+
+### Dependency updates
+
+- @self/build@0.3.0
+- @gradio/video@0.15.1
+
+## 0.5.31
+
+### Dependency updates
+
+- @gradio/video@0.15.0
+
+## 0.5.30
+
+### Dependency updates
+
+- @gradio/video@0.14.24
+
+## 0.5.29
+
+### Dependency updates
+
+- @gradio/video@0.14.23
+
+## 0.5.28
+
+### Dependency updates
+
+- @gradio/video@0.14.22
+
+## 0.5.27
+
+### Dependency updates
+
+- @gradio/video@0.14.21
+
+## 0.5.26
+
+### Dependency updates
+
+- @gradio/video@0.14.20
+
+## 0.5.25
+
+### Dependency updates
+
+- @gradio/video@0.14.19
+
+## 0.5.24
+
+### Dependency updates
+
+- @gradio/video@0.14.18
+
+## 0.5.23
+
+### Dependency updates
+
+- @gradio/video@0.14.17
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/video@0.14.16
+
+## 0.5.21
+
+### Dependency updates
+
+- @gradio/video@0.14.15
+
+## 0.5.20
+
+### Dependency updates
+
+- @gradio/video@0.14.14
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/video@0.14.13
+
+## 0.5.18
+
+### Dependency updates
+
+- @gradio/video@0.14.12
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/video@0.14.11
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/video@0.14.10
+
+## 0.5.15
+
+### Dependency updates
+
+- @gradio/video@0.14.9
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/video@0.14.8
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/video@0.14.7
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/video@0.14.6
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/video@0.14.5
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/video@0.14.4
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/video@0.14.3
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/video@0.14.2
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/video@0.14.1
+- @self/build@0.2.1
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/video@0.14.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/video@0.13.4
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/video@0.13.3
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/video@0.13.2
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/video@0.13.1
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/video@0.13.0
+
+## 0.5.0
+
+### Features
+
+- [#10132](https://github.com/gradio-app/gradio/pull/10132) [`6645518`](https://github.com/gradio-app/gradio/commit/6645518a66e01ebcd2746626a4e2a14239172e76) - Tweak Chatbot `bubble_full_width` behaviour.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.12.1
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/video@0.12.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/video@0.11.9
+
+## 0.4.0
+
+### Features
+
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/video@0.11.8
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/video@0.11.7
+
+## 0.3.0
+
+### Features
+
+- [#9794](https://github.com/gradio-app/gradio/pull/9794) [`70bda3b`](https://github.com/gradio-app/gradio/commit/70bda3bb187a7219f4707344cf47edd0a021da19) - fix storybook build.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/video@0.11.6
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/video@0.11.5
+- @self/build@0.2.0
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/video@0.11.4
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/video@0.11.3
+- @self/build@0.1.1
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/video@0.11.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/video@0.11.1
+
+## 0.2.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 🔡 Update default core Gradio font
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Added max lines and overflow scrollbar for `gr.Code`
+
+### Dependencies
+
+- @gradio/video@0.11.0
+
+## 0.2.0-beta.7
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.7
+- @self/build@0.1.0-beta.3
+
+## 0.2.0-beta.6
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.6
+
+## 0.2.0-beta.5
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.5
+
+## 0.2.0-beta.4
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.4
+
+## 0.2.0-beta.3
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.3
+
+## 0.2.0-beta.2
+
+### Features
+
+- [#9311](https://github.com/gradio-app/gradio/pull/9311) [`c4afdcd`](https://github.com/gradio-app/gradio/commit/c4afdcdb1f1f80c5f95ab45d527236e9364ace82) - Added max lines and overflow scrollbar for `gr.Code`.  Thanks @micpst!
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.2
+- @self/build@0.1.0-beta.2
+
+## 0.1.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+- [#9204](https://github.com/gradio-app/gradio/pull/9204) [`3c73f00`](https://github.com/gradio-app/gradio/commit/3c73f00e3016b16917ebfe0bad390f2dff683457) - 🔡 Update default core Gradio font.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.1
+
+## 0.1.1-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/video@0.10.4
+
+## 0.1.0
+
+### Features
+
+- [#9138](https://github.com/gradio-app/gradio/pull/9138) [`de1f7a2`](https://github.com/gradio-app/gradio/commit/de1f7a2b89e8d2868c7b255bc1d6e6e5c0610d03) - Create test app for components  / SSR testing.  Thanks @pngwn!
\ No newline at end of file
diff --git a/js/component-test/README.md b/js/component-test/README.md
new file mode 100644
index 0000000..5ce6766
--- /dev/null
+++ b/js/component-test/README.md
@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm create svelte@latest
+
+# create a new project in my-app
+npm create svelte@latest my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
diff --git a/js/component-test/package.json b/js/component-test/package.json
new file mode 100644
index 0000000..90c938f
--- /dev/null
+++ b/js/component-test/package.json
@@ -0,0 +1,21 @@
+{
+	"name": "@self/component-test",
+	"version": "0.5.37",
+	"scripts": {
+		"dev": "vite dev",
+		"build": "vite build",
+		"preview": "vite preview",
+		"prepare": "svelte-kit sync",
+		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
+	},
+	"devDependencies": {
+		"@self/build": "workspace:^",
+		"@sveltejs/adapter-auto": "^6.1.1",
+		"@sveltejs/kit": "^2.46.2"
+	},
+	"dependencies": {
+		"@gradio/video": "workspace:^"
+	},
+	"type": "module",
+	"private": "true"
+}
diff --git a/js/component-test/src/app.css b/js/component-test/src/app.css
new file mode 100644
index 0000000..2bf0953
--- /dev/null
+++ b/js/component-test/src/app.css
@@ -0,0 +1,16 @@
+:root {
+	--font-mono: "Fira Mono", monospace;
+	--color-bg-0: rgb(202, 216, 228);
+	--color-bg-1: hsl(209, 36%, 86%);
+	--color-bg-2: hsl(224, 44%, 95%);
+	--color-theme-1: #ff3e00;
+	--color-theme-2: #4075a6;
+	--color-text: rgba(0, 0, 0, 0.7);
+	--column-width: 42rem;
+	--column-margin-top: 4rem;
+
+	color: var(--color-text);
+}
+* {
+	box-sizing: border-box;
+}
diff --git a/js/component-test/src/app.d.ts b/js/component-test/src/app.d.ts
new file mode 100644
index 0000000..743f07b
--- /dev/null
+++ b/js/component-test/src/app.d.ts
@@ -0,0 +1,13 @@
+// See https://kit.svelte.dev/docs/types#app
+// for information about these interfaces
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface PageState {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/js/component-test/src/app.html b/js/component-test/src/app.html
new file mode 100644
index 0000000..ba8aa83
--- /dev/null
+++ b/js/component-test/src/app.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="preconnect" href="https://fonts.googleapis.com" />
+		<link
+			rel="preconnect"
+			href="https://fonts.gstatic.com"
+			crossorigin="anonymous"
+		/>
+		<!-- "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap",
+		"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap", -->
+
+		<link
+			rel="stylesheet"
+			href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap"
+		/>
+		<link
+			rel="stylesheet"
+			href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
+		/>
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		%sveltekit.head%
+	</head>
+	<body data-sveltekit-preload-data="hover">
+		<div style="display: contents">%sveltekit.body%</div>
+	</body>
+</html>
diff --git a/js/component-test/src/defs.d.ts b/js/component-test/src/defs.d.ts
new file mode 100644
index 0000000..c7e80de
--- /dev/null
+++ b/js/component-test/src/defs.d.ts
@@ -0,0 +1,4 @@
+declare module "*.glb" {
+	const src: string;
+	export default src;
+}
diff --git a/js/component-test/src/lib/component_json.ts b/js/component-test/src/lib/component_json.ts
new file mode 100644
index 0000000..eeea4b6
--- /dev/null
+++ b/js/component-test/src/lib/component_json.ts
@@ -0,0 +1,1609 @@
+import base_image from "./images/base.webp";
+import mask_image from "./images/images_mask.png";
+import audio from "./images/cantina.wav";
+import video from "./images/world.mp4";
+import duck from "./images/duck.glb";
+
+const make_data = (url: string): Record<string, any> => {
+	return {
+		url: url,
+		path: url,
+		orig_name: url.split("/").pop(),
+		size: Math.random() * 1000000
+	};
+};
+
+export default [
+	{
+		name: "annotatedimage",
+		props: {
+			format: "webp",
+			show_legend: true,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			show_fullscreen_button: true,
+			name: "annotatedimage",
+			_selectable: false,
+			interactive: true,
+			server: {},
+			value: {
+				image: make_data(base_image),
+				annotations: [
+					{
+						label: "buildings",
+						image: make_data(mask_image)
+					}
+				]
+			},
+			label: "Annotated Image"
+		}
+	},
+	{
+		name: "audio",
+		props: {
+			streamable: false,
+			sources: ["upload", "microphone"],
+			type: "numpy",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			streaming: false,
+			elem_classes: [],
+			format: "wav",
+			autoplay: false,
+			show_share_button: false,
+			editable: true,
+			label: "Static Audio",
+			waveform_options: {
+				waveform_color: null,
+				waveform_progress_color: null,
+				trim_region_color: null,
+				show_recording_waveform: true,
+				show_controls: false,
+				skip_length: 5,
+				sample_rate: 44100
+			},
+			loop: false,
+			name: "audio",
+			_selectable: false,
+			server: {},
+			value: make_data(audio)
+		}
+	},
+	{
+		name: "audio",
+		props: {
+			label: "Interactive Audio",
+			streamable: false,
+			sources: ["upload", "microphone"],
+			type: "numpy",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			streaming: false,
+			elem_classes: [],
+			format: "wav",
+			autoplay: false,
+			show_share_button: false,
+			editable: true,
+			waveform_options: {
+				waveform_color: null,
+				waveform_progress_color: null,
+				trim_region_color: null,
+				show_recording_waveform: true,
+				show_controls: false,
+				skip_length: 5,
+				sample_rate: 44100
+			},
+			loop: false,
+			name: "audio",
+			_selectable: false,
+			server: {},
+			value: null
+		}
+	},
+	{
+		name: "nativeplot",
+		props: {
+			value: {
+				columns: ["time", "temperature", "humidity", "location"],
+				data: [
+					[1609459200000, 54, 61, "indoor"],
+					[1609460936683, 65, 71, "outdoor"],
+					[1609462673366, 54, 51, "indoor"],
+					[1609464410050, 66, 61, "outdoor"],
+					[1609466146733, 58, 63, "indoor"],
+					[1609467883417, 60, 70, "outdoor"],
+					[1609469620100, 51, 62, "indoor"],
+					[1609471356783, 80, 64, "outdoor"],
+					[1609473093467, 63, 65, "indoor"],
+					[1609474830150, 63, 80, "outdoor"],
+					[1609476566834, 55, 63, "indoor"],
+					[1609478303517, 64, 72, "outdoor"],
+					[1609480040201, 62, 61, "indoor"],
+					[1609481776884, 70, 75, "outdoor"],
+					[1609483513567, 65, 65, "indoor"],
+					[1609485250251, 79, 70, "outdoor"],
+					[1609486986934, 53, 64, "indoor"],
+					[1609488723618, 76, 64, "outdoor"],
+					[1609490460301, 57, 65, "indoor"],
+					[1609492196984, 60, 63, "outdoor"],
+					[1609493933668, 58, 64, "indoor"],
+					[1609495670351, 73, 75, "outdoor"],
+					[1609497407035, 60, 65, "indoor"],
+					[1609499143718, 61, 65, "outdoor"],
+					[1609500880402, 56, 59, "indoor"],
+					[1609502617085, 77, 64, "outdoor"],
+					[1609504353768, 61, 64, "indoor"],
+					[1609506090452, 60, 65, "outdoor"],
+					[1609507827135, 60, 62, "indoor"],
+					[1609509563819, 80, 62, "outdoor"],
+					[1609511300502, 61, 61, "indoor"],
+					[1609513037185, 78, 63, "outdoor"],
+					[1609514773869, 59, 55, "indoor"],
+					[1609516510552, 77, 60, "outdoor"],
+					[1609518247236, 56, 60, "indoor"],
+					[1609519983919, 76, 77, "outdoor"],
+					[1609521720603, 56, 59, "indoor"],
+					[1609523457286, 71, 71, "outdoor"],
+					[1609525193969, 61, 60, "indoor"],
+					[1609526930653, 63, 74, "outdoor"],
+					[1609528667336, 53, 62, "indoor"],
+					[1609530404020, 77, 60, "outdoor"],
+					[1609532140703, 58, 64, "indoor"],
+					[1609533877386, 75, 64, "outdoor"],
+					[1609535614070, 53, 56, "indoor"],
+					[1609537350753, 71, 70, "outdoor"],
+					[1609539087437, 52, 63, "indoor"],
+					[1609540824120, 61, 76, "outdoor"],
+					[1609542560804, 64, 62, "indoor"],
+					[1609544297487, 73, 80, "outdoor"],
+					[1609546034170, 63, 59, "indoor"],
+					[1609547770854, 79, 73, "outdoor"],
+					[1609549507537, 62, 60, "indoor"],
+					[1609551244221, 71, 61, "outdoor"],
+					[1609552980904, 59, 51, "indoor"],
+					[1609554717587, 72, 62, "outdoor"],
+					[1609556454271, 56, 61, "indoor"],
+					[1609558190954, 68, 73, "outdoor"],
+					[1609559927638, 63, 64, "indoor"],
+					[1609561664321, 80, 74, "outdoor"],
+					[1609563401005, 59, 62, "indoor"],
+					[1609565137688, 71, 75, "outdoor"],
+					[1609566874371, 61, 65, "indoor"],
+					[1609568611055, 68, 79, "outdoor"],
+					[1609570347738, 65, 57, "indoor"],
+					[1609572084422, 67, 63, "outdoor"],
+					[1609573821105, 58, 57, "indoor"],
+					[1609575557788, 75, 71, "outdoor"],
+					[1609577294472, 54, 61, "indoor"],
+					[1609579031155, 67, 65, "outdoor"],
+					[1609580767839, 60, 54, "indoor"],
+					[1609582504522, 74, 71, "outdoor"],
+					[1609584241206, 61, 61, "indoor"],
+					[1609585977889, 73, 80, "outdoor"],
+					[1609587714572, 55, 59, "indoor"],
+					[1609589451256, 65, 76, "outdoor"],
+					[1609591187939, 61, 62, "indoor"],
+					[1609592924623, 61, 80, "outdoor"],
+					[1609594661306, 53, 64, "indoor"],
+					[1609596397989, 74, 60, "outdoor"],
+					[1609598134673, 59, 58, "indoor"],
+					[1609599871356, 64, 78, "outdoor"],
+					[1609601608040, 50, 53, "indoor"],
+					[1609603344723, 78, 79, "outdoor"],
+					[1609605081407, 57, 55, "indoor"],
+					[1609606818090, 71, 77, "outdoor"],
+					[1609608554773, 57, 53, "indoor"],
+					[1609610291457, 72, 71, "outdoor"],
+					[1609612028140, 63, 62, "indoor"],
+					[1609613764824, 61, 64, "outdoor"],
+					[1609615501507, 50, 61, "indoor"],
+					[1609617238190, 69, 73, "outdoor"],
+					[1609618974874, 58, 63, "indoor"],
+					[1609620711557, 72, 68, "outdoor"],
+					[1609622448241, 52, 62, "indoor"],
+					[1609624184924, 64, 67, "outdoor"],
+					[1609625921608, 53, 54, "indoor"],
+					[1609627658291, 67, 76, "outdoor"],
+					[1609629394974, 55, 56, "indoor"],
+					[1609631131658, 77, 64, "outdoor"],
+					[1609632868341, 54, 65, "indoor"],
+					[1609634605025, 79, 60, "outdoor"],
+					[1609636341708, 53, 53, "indoor"],
+					[1609638078391, 64, 76, "outdoor"],
+					[1609639815075, 52, 58, "indoor"],
+					[1609641551758, 72, 72, "outdoor"],
+					[1609643288442, 62, 52, "indoor"],
+					[1609645025125, 74, 74, "outdoor"],
+					[1609646761809, 59, 53, "indoor"],
+					[1609648498492, 66, 65, "outdoor"],
+					[1609650235175, 50, 63, "indoor"],
+					[1609651971859, 63, 70, "outdoor"],
+					[1609653708542, 65, 55, "indoor"],
+					[1609655445226, 63, 73, "outdoor"],
+					[1609657181909, 54, 65, "indoor"],
+					[1609658918592, 80, 79, "outdoor"],
+					[1609660655276, 59, 51, "indoor"],
+					[1609662391959, 69, 79, "outdoor"],
+					[1609664128643, 58, 57, "indoor"],
+					[1609665865326, 61, 63, "outdoor"],
+					[1609667602010, 57, 60, "indoor"],
+					[1609669338693, 69, 62, "outdoor"],
+					[1609671075376, 59, 57, "indoor"],
+					[1609672812060, 62, 64, "outdoor"],
+					[1609674548743, 61, 60, "indoor"],
+					[1609676285427, 73, 74, "outdoor"],
+					[1609678022110, 50, 65, "indoor"],
+					[1609679758793, 61, 68, "outdoor"],
+					[1609681495477, 54, 64, "indoor"],
+					[1609683232160, 62, 64, "outdoor"],
+					[1609684968844, 52, 59, "indoor"],
+					[1609686705527, 71, 78, "outdoor"],
+					[1609688442211, 61, 51, "indoor"],
+					[1609690178894, 65, 77, "outdoor"],
+					[1609691915577, 53, 62, "indoor"],
+					[1609693652261, 61, 79, "outdoor"],
+					[1609695388944, 63, 53, "indoor"],
+					[1609697125628, 67, 75, "outdoor"],
+					[1609698862311, 63, 51, "indoor"],
+					[1609700598994, 68, 79, "outdoor"],
+					[1609702335678, 59, 59, "indoor"],
+					[1609704072361, 73, 70, "outdoor"],
+					[1609705809045, 60, 61, "indoor"],
+					[1609707545728, 79, 80, "outdoor"],
+					[1609709282412, 52, 57, "indoor"],
+					[1609711019095, 72, 69, "outdoor"],
+					[1609712755778, 59, 59, "indoor"],
+					[1609714492462, 60, 70, "outdoor"],
+					[1609716229145, 58, 52, "indoor"],
+					[1609717965829, 80, 72, "outdoor"],
+					[1609719702512, 55, 65, "indoor"],
+					[1609721439195, 67, 64, "outdoor"],
+					[1609723175879, 60, 50, "indoor"],
+					[1609724912562, 70, 65, "outdoor"],
+					[1609726649246, 58, 54, "indoor"],
+					[1609728385929, 62, 63, "outdoor"],
+					[1609730122613, 55, 50, "indoor"],
+					[1609731859296, 65, 74, "outdoor"],
+					[1609733595979, 55, 63, "indoor"],
+					[1609735332663, 67, 69, "outdoor"],
+					[1609737069346, 59, 65, "indoor"],
+					[1609738806030, 71, 73, "outdoor"],
+					[1609740542713, 59, 56, "indoor"],
+					[1609742279396, 71, 64, "outdoor"],
+					[1609744016080, 50, 51, "indoor"],
+					[1609745752763, 60, 68, "outdoor"],
+					[1609747489447, 56, 51, "indoor"],
+					[1609749226130, 76, 74, "outdoor"],
+					[1609750962814, 58, 64, "indoor"],
+					[1609752699497, 80, 77, "outdoor"],
+					[1609754436180, 64, 53, "indoor"],
+					[1609756172864, 69, 71, "outdoor"],
+					[1609757909547, 60, 50, "indoor"],
+					[1609759646231, 78, 65, "outdoor"],
+					[1609761382914, 65, 62, "indoor"],
+					[1609763119597, 63, 69, "outdoor"],
+					[1609764856281, 60, 55, "indoor"],
+					[1609766592964, 72, 63, "outdoor"],
+					[1609768329648, 50, 64, "indoor"],
+					[1609770066331, 71, 67, "outdoor"],
+					[1609771803015, 53, 56, "indoor"],
+					[1609773539698, 79, 75, "outdoor"],
+					[1609775276381, 54, 51, "indoor"],
+					[1609777013065, 75, 76, "outdoor"],
+					[1609778749748, 50, 56, "indoor"],
+					[1609780486432, 78, 72, "outdoor"],
+					[1609782223115, 59, 57, "indoor"],
+					[1609783959798, 68, 78, "outdoor"],
+					[1609785696482, 53, 53, "indoor"],
+					[1609787433165, 68, 76, "outdoor"],
+					[1609789169849, 65, 56, "indoor"],
+					[1609790906532, 62, 80, "outdoor"],
+					[1609792643216, 56, 51, "indoor"],
+					[1609794379899, 72, 76, "outdoor"],
+					[1609796116582, 64, 59, "indoor"],
+					[1609797853266, 76, 74, "outdoor"],
+					[1609799589949, 60, 60, "indoor"],
+					[1609801326633, 71, 75, "outdoor"],
+					[1609803063316, 53, 59, "indoor"],
+					[1609804800000, 74, 78, "outdoor"]
+				],
+				datatypes: {
+					time: "temporal",
+					temperature: "quantitative",
+					humidity: "quantitative",
+					location: "nominal"
+				},
+				mark: "line"
+			},
+			x: "time",
+			y: "temperature",
+			x_label_angle: 0,
+			y_label_angle: 0,
+			show_label: false,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			name: "lineplot",
+			_selectable: true,
+			attached_events: ["select"],
+			interactive: false,
+			server: {}
+		}
+	},
+
+	{
+		name: "button",
+		props: {
+			value: "Static Button",
+			variant: "secondary",
+			visible: true,
+			interactive: false,
+			elem_classes: [],
+			name: "button",
+			_selectable: false,
+			server: {}
+		}
+	},
+	{
+		name: "button",
+		props: {
+			value: "Interactive Button",
+			variant: "secondary",
+			visible: true,
+			interactive: true,
+			elem_classes: [],
+			name: "button",
+			_selectable: false,
+			server: {}
+		}
+	},
+	{
+		name: "chatbot",
+		props: {
+			likeable: false,
+			value: [
+				[
+					"This is **bold text**. This is *italic text*. This is a [link](https://gradio.app).",
+					"I love you"
+				],
+				["thanks.", "I love you"]
+			],
+			type: "tuples",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			latex_delimiters: [{ left: "$$", right: "$$", display: true }],
+			rtl: false,
+			show_share_button: false,
+			show_copy_button: false,
+			avatar_images: [null, null],
+			sanitize_html: true,
+			render_markdown: true,
+			bubble_full_width: null,
+			line_breaks: true,
+			show_copy_all_button: false,
+			name: "chatbot",
+			_selectable: false,
+			interactive: true,
+			server: {},
+			label: "Interactive Chatbot"
+		}
+	},
+	{
+		name: "checkbox",
+		props: {
+			value: false,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "checkbox",
+			_selectable: false,
+			server: {},
+			label: "Static Checkbox"
+		}
+	},
+	{
+		name: "checkbox",
+		props: {
+			value: false,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "checkbox",
+			_selectable: false,
+			server: {},
+			label: "Interactive Checkbox"
+		}
+	},
+	{
+		name: "checkboxgroup",
+		props: {
+			choices: [
+				["First Choice", "First Choice"],
+				["Second Choice", "Second Choice"],
+				["Third Choice", "Third Choice"]
+			],
+			value: ["First Choice"],
+			type: "value",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "checkboxgroup",
+			_selectable: false,
+			server: {},
+			label: "Static Checkbox Group"
+		}
+	},
+	{
+		name: "checkboxgroup",
+		props: {
+			choices: [
+				["First Choice", "First Choice"],
+				["Second Choice", "Second Choice"],
+				["Third Choice", "Third Choice"]
+			],
+			value: ["First Choice"],
+			type: "value",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "checkboxgroup",
+			_selectable: false,
+			server: {},
+			label: "Interactive Checkbox Group"
+		}
+	},
+	{
+		name: "code",
+		props: {
+			lines: 5,
+			max_lines: 20,
+			interactive: false,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			name: "code",
+			_selectable: false,
+			server: {},
+			value: `console.log("hello")`,
+			label: "Static Code"
+		}
+	},
+	{
+		name: "code",
+		props: {
+			lines: 5,
+			max_lines: 20,
+			interactive: true,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			name: "code",
+			_selectable: false,
+			server: {},
+			value: `console.log("hello")`,
+			language: "js",
+			label: "Interactive Code"
+		}
+	},
+	{
+		name: "colorpicker",
+		props: {
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "colorpicker",
+			_selectable: false,
+			server: {},
+			label: "Static Color Picker"
+		}
+	},
+	{
+		name: "colorpicker",
+		props: {
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "colorpicker",
+			_selectable: false,
+			server: {},
+			label: "Interactive Color Picker"
+		}
+	},
+	{
+		name: "dataframe",
+		props: {
+			value: {
+				headers: ["A", "B", "C", "D", "E"],
+				data: [
+					[14, 5, 20, 14, 23],
+					[4, 2, 20, 3, 45],
+					[5, 54, 7, 6, 64],
+					[4, 3, 3, 2, 32],
+					[1, 2, 8, 6, 23]
+				],
+				metadata: {
+					display_value: [
+						["14", "5", "20", "14", "23"],
+						["4", "2", "20", "3", "45"],
+						["5", "54", "7", "6", "64"],
+						["4", "3", "3", "2", "32"],
+						["1", "2", "8", "6", "23"]
+					],
+					styling: [
+						[
+							"background-color: lightgreen",
+							"",
+							"background-color: lightgreen",
+							"background-color: lightgreen",
+							""
+						],
+						["", "", "background-color: lightgreen", "", ""],
+						[
+							"",
+							"background-color: lightgreen",
+							"",
+							"",
+							"background-color: lightgreen"
+						],
+						["", "", "", "", ""],
+						["", "", "", "", ""]
+					]
+				}
+			},
+			headers: ["1", "2", "3"],
+			row_count: [1, "dynamic"],
+			col_count: [3, "dynamic"],
+			datatype: "str",
+			type: "pandas",
+			latex_delimiters: [{ left: "$$", right: "$$", display: true }],
+			show_label: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			wrap: false,
+			line_breaks: true,
+			column_widths: [],
+			name: "dataframe",
+			_selectable: false,
+			server: {},
+			label: "Static DataFrame"
+		}
+	},
+	{
+		name: "dataframe",
+		props: {
+			value: {
+				headers: ["A", "B", "C", "D", "E"],
+				data: [
+					[14, 5, 20, 14, 23],
+					[4, 2, 20, 3, 45],
+					[5, 54, 7, 6, 64],
+					[4, 3, 3, 2, 32],
+					[1, 2, 8, 6, 23]
+				],
+				metadata: {
+					display_value: [
+						["14", "5", "20", "14", "23"],
+						["4", "2", "20", "3", "45"],
+						["5", "54", "7", "6", "64"],
+						["4", "3", "3", "2", "32"],
+						["1", "2", "8", "6", "23"]
+					],
+					styling: [
+						[
+							"background-color: lightgreen",
+							"",
+							"background-color: lightgreen",
+							"background-color: lightgreen",
+							""
+						],
+						["", "", "background-color: lightgreen", "", ""],
+						[
+							"",
+							"background-color: lightgreen",
+							"",
+							"",
+							"background-color: lightgreen"
+						],
+						["", "", "", "", ""],
+						["", "", "", "", ""]
+					]
+				}
+			},
+			headers: ["1", "2", "3"],
+			row_count: [1, "dynamic"],
+			col_count: [3, "dynamic"],
+			datatype: "str",
+			type: "pandas",
+			latex_delimiters: [{ left: "$$", right: "$$", display: true }],
+			show_label: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			wrap: false,
+			line_breaks: true,
+			column_widths: [],
+			name: "dataframe",
+			_selectable: false,
+			server: {},
+			label: "Interactive DataFrame"
+		}
+	},
+	{
+		name: "dataset",
+		props: {
+			component_props: [],
+			samples: [[]],
+			headers: [],
+			type: "values",
+			samples_per_page: 10,
+			visible: true,
+			elem_classes: [],
+			container: true,
+			min_width: 160,
+			name: "dataset",
+			_selectable: false,
+			components: [],
+			component_ids: [],
+			interactive: true,
+			server: {},
+			value: null,
+			label: "Interactive Dataset"
+		}
+	},
+	{
+		name: "datetime",
+		props: {
+			include_time: true,
+			type: "timestamp",
+			show_label: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			name: "datetime",
+			_selectable: false,
+			interactive: true,
+			server: {},
+			value: "",
+			label: "Interactive DateTime"
+		}
+	},
+	{
+		name: "downloadbutton",
+		props: {
+			label: "Static Download Button",
+			variant: "secondary",
+			visible: true,
+			interactive: false,
+			elem_classes: [],
+			name: "downloadbutton",
+			_selectable: false,
+			server: {}
+		}
+	},
+	{
+		name: "downloadbutton",
+		props: {
+			variant: "secondary",
+			visible: true,
+			interactive: true,
+			elem_classes: [],
+			name: "downloadbutton",
+			_selectable: false,
+			server: {},
+			label: "Interactive Download Button"
+		}
+	},
+	{
+		name: "dropdown",
+		props: {
+			choices: [
+				["First Choice", "First Choice"],
+				["Second Choice", "Second Choice"],
+				["Third Choice", "Third Choice"]
+			],
+			value: "First Choice",
+			type: "value",
+			allow_custom_value: false,
+			filterable: true,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "dropdown",
+			_selectable: false,
+			server: {},
+			label: "Static Dropdown"
+		}
+	},
+	{
+		name: "dropdown",
+		props: {
+			choices: [
+				["First Choice", "First Choice"],
+				["Second Choice", "Second Choice"],
+				["Third Choice", "Third Choice"]
+			],
+			value: "First Choice",
+			type: "value",
+			allow_custom_value: false,
+			filterable: true,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "dropdown",
+			_selectable: false,
+			server: {},
+			label: "Interactive Dropdown"
+		}
+	},
+
+	{
+		name: "file",
+		props: {
+			file_count: "single",
+			type: "filepath",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			name: "file",
+			_selectable: false,
+			interactive: false,
+			server: {},
+			label: "Static File",
+			value: [make_data(base_image), make_data(mask_image)]
+		}
+	},
+	{
+		name: "file",
+		props: {
+			file_count: "single",
+			type: "filepath",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "file",
+			_selectable: false,
+			server: {},
+			label: "Interactive File"
+		}
+	},
+	{
+		name: "fileexplorer",
+		props: {
+			glob: "**/*",
+			file_count: "multiple",
+			root_dir: "/Users/peterallen/Projects/gradio/demo/_all_components",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "fileexplorer",
+			_selectable: false,
+			server_fns: ["ls"],
+			server: {},
+			label: "Static File Explorer"
+		}
+	},
+	{
+		name: "fileexplorer",
+		props: {
+			glob: "**/*",
+			file_count: "multiple",
+			root_dir: "/Users/peterallen/Projects/gradio/demo/_all_components",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "fileexplorer",
+			_selectable: false,
+			server_fns: ["ls"],
+			server: {},
+			label: "Interactive File Explorer"
+		}
+	},
+	{
+		name: "gallery",
+		props: {
+			value: [
+				{ image: make_data(base_image) },
+				{ image: make_data(mask_image) },
+				{ image: make_data(base_image) },
+				{ image: make_data(mask_image) },
+				{ image: make_data(base_image) },
+				{ image: make_data(mask_image) }
+			],
+			format: "webp",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			columns: 2,
+			allow_preview: true,
+			show_share_button: false,
+			show_download_button: true,
+			interactive: false,
+			type: "filepath",
+			show_fullscreen_button: true,
+			name: "gallery",
+			_selectable: false,
+			server: {},
+			label: "Static Gallery"
+		}
+	},
+	{
+		name: "gallery",
+		props: {
+			value: [
+				{ image: make_data(base_image) },
+				{ image: make_data(mask_image) },
+				{ image: make_data(base_image) },
+				{ image: make_data(mask_image) },
+				{ image: make_data(base_image) },
+				{ image: make_data(mask_image) }
+			],
+			format: "webp",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			columns: 2,
+			allow_preview: true,
+			show_share_button: false,
+			show_download_button: true,
+			interactive: true,
+			type: "filepath",
+			show_fullscreen_button: true,
+			name: "gallery",
+			_selectable: false,
+			server: {},
+			label: "Interactive Gallery"
+		}
+	},
+	{
+		name: "highlightedtext",
+		props: {
+			show_legend: true,
+			show_inline_category: true,
+			combine_adjacent: true,
+			adjacent_separator: "",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			interactive: false,
+			name: "highlightedtext",
+			_selectable: false,
+			server: {},
+			label: "Static Highlighted Text",
+			value: [
+				{
+					token: "The ",
+					class_or_confidence: null
+				},
+				{
+					token: "fast",
+					class_or_confidence: "+"
+				},
+				{
+					token: "quick",
+					class_or_confidence: "-"
+				},
+				{
+					token: " brown fox jump",
+					class_or_confidence: null
+				},
+				{
+					token: "s",
+					class_or_confidence: "+"
+				},
+				{
+					token: "ed",
+					class_or_confidence: "-"
+				},
+				{
+					token: " over",
+					class_or_confidence: null
+				},
+				{
+					token: " the",
+					class_or_confidence: "-"
+				},
+				{
+					token: " lazy dogs.",
+					class_or_confidence: null
+				}
+			]
+		}
+	},
+	{
+		name: "highlightedtext",
+		props: {
+			show_legend: true,
+			show_inline_category: true,
+			combine_adjacent: true,
+			adjacent_separator: "",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			interactive: true,
+			name: "highlightedtext",
+			_selectable: false,
+			server: {},
+			label: "Interactive Highlighted Text",
+			value: [
+				{
+					token: "The ",
+					class_or_confidence: null
+				},
+				{
+					token: "fast",
+					class_or_confidence: "+"
+				},
+				{
+					token: "quick",
+					class_or_confidence: "-"
+				},
+				{
+					token: " brown fox jump",
+					class_or_confidence: null
+				},
+				{
+					token: "s",
+					class_or_confidence: "+"
+				},
+				{
+					token: "ed",
+					class_or_confidence: "-"
+				},
+				{
+					token: " over",
+					class_or_confidence: null
+				},
+				{
+					token: " the",
+					class_or_confidence: "-"
+				},
+				{
+					token: " lazy dogs.",
+					class_or_confidence: null
+				}
+			]
+		}
+	},
+	{
+		name: "html",
+		props: {
+			show_label: false,
+			visible: true,
+			elem_classes: [],
+			name: "html",
+			_selectable: false,
+			interactive: true,
+			server: {},
+			value: "<h1>hello</h1>",
+			label: "Interactive HTML"
+		}
+	},
+	{
+		name: "image",
+		props: {
+			streamable: false,
+			format: "webp",
+			image_mode: "RGB",
+			sources: ["upload", "webcam", "clipboard"],
+			type: "numpy",
+			show_label: true,
+			show_download_button: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			streaming: false,
+			elem_classes: [],
+			mirror_webcam: true,
+			show_share_button: false,
+			show_fullscreen_button: true,
+			name: "image",
+			_selectable: false,
+			server: {},
+			value: make_data(base_image),
+			label: "Static Image"
+		}
+	},
+	{
+		name: "image",
+		props: {
+			streamable: false,
+			format: "webp",
+			image_mode: "RGB",
+			sources: ["upload", "webcam", "clipboard"],
+			type: "numpy",
+			show_label: true,
+			show_download_button: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			streaming: false,
+			elem_classes: [],
+			mirror_webcam: true,
+			show_share_button: false,
+			show_fullscreen_button: true,
+			name: "image",
+			_selectable: false,
+			server: {},
+			value: null,
+			label: "Interactive Image"
+		}
+	},
+	{
+		name: "imageeditor",
+		props: {
+			image_mode: "RGBA",
+			sources: ["upload", "webcam", "clipboard"],
+			type: "numpy",
+			show_label: true,
+			show_download_button: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			mirror_webcam: true,
+			show_share_button: false,
+			_selectable: false,
+			transforms: ["crop"],
+			eraser: { default_size: "auto" },
+			brush: {
+				default_size: "auto",
+				colors: [
+					"rgb(204, 50, 50)",
+					"rgb(173, 204, 50)",
+					"rgb(50, 204, 112)",
+					"rgb(50, 112, 204)",
+					"rgb(173, 50, 204)"
+				],
+				default_color: "auto",
+				color_mode: "defaults"
+			},
+			format: "webp",
+			layers: true,
+			show_fullscreen_button: true,
+			name: "imageeditor",
+			server_fns: ["accept_blobs"],
+			server: {},
+			value: { background: null, layers: [], composite: null },
+			label: "Interactive Image Editor"
+		}
+	},
+	{
+		name: "json",
+		props: {
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			open: false,
+			show_indices: false,
+			name: "json",
+			_selectable: false,
+			interactive: true,
+			server: {},
+			value: {
+				a: 1,
+				b: 2,
+				c: {
+					a: 1,
+					b: 2,
+					c: {
+						a: 1,
+						b: 2
+					}
+				}
+			},
+			label: "Interactive JSON"
+		}
+	},
+	{
+		name: "label",
+		props: {
+			value: {
+				label: "First Label",
+				confidences: [
+					{
+						label: "First Label",
+						confidence: 0.7
+					},
+					{
+						label: "Second Label",
+						confidence: 0.2
+					},
+					{
+						label: "Third Label",
+						confidence: 0.1
+					}
+				]
+			},
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			name: "label",
+			_selectable: false,
+			interactive: false,
+			server: {},
+			label: "Static Label"
+		}
+	},
+	{
+		name: "markdown",
+		props: {
+			show_label: true,
+			rtl: false,
+			latex_delimiters: [{ left: "$$", right: "$$", display: true }],
+			visible: true,
+			elem_classes: [],
+			sanitize_html: true,
+			line_breaks: false,
+			header_links: false,
+			show_copy_button: false,
+			name: "markdown",
+			_selectable: false,
+			interactive: true,
+			server: {},
+			value:
+				"This is **bold text**. This is *italic text*. This is a [link](https://gradio.app).",
+			label: "Interactive Markdown"
+		}
+	},
+	{
+		name: "model3d",
+		props: {
+			clear_color: [0, 0, 0, 0],
+			camera_position: [null, null, null],
+			zoom_speed: 1,
+			pan_speed: 1,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "model3d",
+			_selectable: false,
+			server: {},
+			value: make_data(duck),
+			label: "Static 3D Model"
+		}
+	},
+	{
+		name: "model3d",
+		props: {
+			clear_color: [0, 0, 0, 0],
+			camera_position: [null, null, null],
+			zoom_speed: 1,
+			pan_speed: 1,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "model3d",
+			_selectable: false,
+			server: {},
+			value: null,
+			label: "Interactive 3D Model"
+		}
+	},
+	{
+		name: "multimodaltextbox",
+		props: {
+			value: { text: "", files: [] },
+			file_count: "single",
+			lines: 1,
+			max_lines: 20,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			autofocus: false,
+			autoscroll: true,
+			elem_classes: [],
+			rtl: false,
+			submit_btn: true,
+			name: "multimodaltextbox",
+			_selectable: false,
+			server: {},
+			label: "Static Multimodal Textbox"
+		}
+	},
+	{
+		name: "multimodaltextbox",
+		props: {
+			value: { text: "", files: [] },
+			file_count: "single",
+			lines: 1,
+			max_lines: 20,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			autofocus: false,
+			autoscroll: true,
+			elem_classes: [],
+			rtl: false,
+			submit_btn: true,
+			name: "multimodaltextbox",
+			_selectable: false,
+			server: {},
+			label: "Interactive Multimodal Textbox"
+		}
+	},
+	{
+		name: "number",
+		props: {
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			step: 1,
+			name: "number",
+			_selectable: false,
+			interactive: false,
+			server: {},
+			value: 0,
+			label: "Static Number"
+		}
+	},
+	{
+		name: "number",
+		props: {
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			step: 1,
+			name: "number",
+			_selectable: false,
+			server: {},
+			value: 0,
+			label: "Interactive Number"
+		}
+	},
+	{
+		name: "paramviewer",
+		props: {
+			language: "python",
+			header: "Parameters",
+			name: "paramviewer",
+			_selectable: false,
+			interactive: true,
+			server: {},
+			value: {
+				number: {
+					type: "int | float",
+					description: "The number to round",
+					default: null
+				},
+				ndigits: {
+					type: "int",
+					description: "The number of digits to round to",
+					default: "0"
+				}
+			},
+			label: "Interactive Parameter Viewer"
+		}
+	},
+	{
+		name: "plot",
+		props: {
+			format: "webp",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			visible: true,
+			elem_classes: [],
+			name: "plot",
+			_selectable: false,
+			bokeh_version: "3.4.1",
+			interactive: true,
+			server: {},
+			value: null,
+			label: "Interactive Plot"
+		}
+	},
+	{
+		name: "radio",
+		props: {
+			choices: [
+				["First Choice", "First Choice"],
+				["Second Choice", "Second Choice"],
+				["Third Choice", "Third Choice"]
+			],
+			value: "First Choice",
+			type: "value",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "radio",
+			_selectable: false,
+			server: {},
+			label: "Static Radio"
+		}
+	},
+	{
+		name: "radio",
+		props: {
+			choices: [
+				["First Choice", "First Choice"],
+				["Second Choice", "Second Choice"],
+				["Third Choice", "Third Choice"]
+			],
+			value: "First Choice",
+			type: "value",
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "radio",
+			_selectable: false,
+			server: {},
+			label: "Interactive Radio"
+		}
+	},
+	{
+		name: "slider",
+		props: {
+			minimum: 25,
+			maximum: 100,
+			value: 46,
+			step: 1,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			name: "slider",
+			_selectable: false,
+			server: {},
+			label: "Static Slider"
+		}
+	},
+	{
+		name: "slider",
+		props: {
+			minimum: 25,
+			maximum: 100,
+			value: 46,
+			step: 1,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			name: "slider",
+			_selectable: false,
+			server: {},
+			label: "Interactive Slider"
+		}
+	},
+	{
+		name: "textbox",
+		props: {
+			lines: 1,
+			max_lines: 20,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			autofocus: false,
+			autoscroll: true,
+			elem_classes: [],
+			type: "text",
+			rtl: false,
+			show_copy_button: false,
+			name: "textbox",
+			_selectable: false,
+			server: {},
+			value: "Hello there\n\nHello again",
+			label: "Static Textbox"
+		}
+	},
+	{
+		name: "textbox",
+		props: {
+			lines: 1,
+			max_lines: 20,
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			autofocus: false,
+			autoscroll: true,
+			elem_classes: [],
+			type: "text",
+			rtl: false,
+			show_copy_button: false,
+			name: "textbox",
+			_selectable: false,
+			server: {},
+			value: "Hello there\n\nHello again",
+			label: "Interactive Textbox"
+		}
+	},
+	{
+		name: "timer",
+		props: {
+			value: 1,
+			active: true,
+			name: "timer",
+			_selectable: false,
+			interactive: false,
+			server: {},
+			label: "Static Timer"
+		}
+	},
+	{
+		name: "uploadbutton",
+		props: {
+			variant: "secondary",
+			visible: true,
+			interactive: true,
+			elem_classes: [],
+			type: "filepath",
+			file_count: "single",
+			name: "uploadbutton",
+			_selectable: false,
+			server: {},
+			label: "Interactive Upload Button"
+		}
+	},
+	{
+		name: "uploadbutton",
+		props: {
+			variant: "secondary",
+			visible: true,
+			interactive: true,
+			elem_classes: [],
+			type: "filepath",
+			file_count: "single",
+			name: "uploadbutton",
+			_selectable: false,
+			server: {},
+			label: "Interactive Upload Button"
+		}
+	},
+	{
+		name: "video",
+		props: {
+			sources: ["upload", "webcam"],
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: false,
+			visible: true,
+			elem_classes: [],
+			mirror_webcam: true,
+			include_audio: true,
+			autoplay: false,
+			show_share_button: false,
+			loop: false,
+			name: "video",
+			_selectable: false,
+			server: {},
+			value: { video: make_data(video) },
+			label: "Static Video"
+		}
+	},
+	{
+		name: "video",
+		props: {
+			sources: ["upload", "webcam"],
+			show_label: true,
+			container: true,
+			min_width: 160,
+			interactive: true,
+			visible: true,
+			elem_classes: [],
+			mirror_webcam: true,
+			include_audio: true,
+			autoplay: false,
+			show_share_button: false,
+			loop: false,
+			name: "video",
+			_selectable: false,
+			server: {},
+			value: null,
+			label: "Interactive Video"
+		}
+	},
+	{
+		name: "form",
+		props: {
+			scale: 0,
+			min_width: 0,
+			name: "form",
+			interactive: true,
+			server: {},
+			visible: true,
+			label: "Interactive Form"
+		}
+	},
+
+	{ name: "column", props: { interactive: false, scale: null, server: {} } },
+	{ name: "row", props: { interactive: false, scale: null, server: {} } }
+];
diff --git a/js/component-test/src/lib/images/base.webp b/js/component-test/src/lib/images/base.webp
new file mode 100644
index 0000000..471a442
Binary files /dev/null and b/js/component-test/src/lib/images/base.webp differ
diff --git a/js/component-test/src/lib/images/images_mask.png b/js/component-test/src/lib/images/images_mask.png
new file mode 100644
index 0000000..31bf711
Binary files /dev/null and b/js/component-test/src/lib/images/images_mask.png differ
diff --git a/js/component-test/src/routes/+layout.svelte b/js/component-test/src/routes/+layout.svelte
new file mode 100644
index 0000000..1a10344
--- /dev/null
+++ b/js/component-test/src/routes/+layout.svelte
@@ -0,0 +1,55 @@
+<script>
+	import Header from "./Header.svelte";
+	import "../app.css";
+	import "../theme.css";
+
+	import "../../../theme/src/reset.css";
+	import "../../../theme/src/global.css";
+
+	import "../../../theme/src/pollen.css";
+	// import "../theme/src/tokens.css";
+	import "../../../theme/src/typography.css";
+</script>
+
+<div class="app">
+	<Header />
+
+	<slot />
+</div>
+
+<style>
+	.app {
+		display: flex;
+		flex-direction: column;
+		min-height: 100vh;
+	}
+
+	main {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		padding: 1rem;
+		width: 100%;
+		max-width: 64rem;
+		margin: 0 auto;
+		box-sizing: border-box;
+	}
+
+	footer {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		padding: 12px;
+	}
+
+	footer a {
+		font-weight: bold;
+	}
+
+	@media (min-width: 480px) {
+		footer {
+			padding: 12px 0;
+		}
+	}
+</style>
diff --git a/js/component-test/src/routes/+page.svelte b/js/component-test/src/routes/+page.svelte
new file mode 100644
index 0000000..c6ec7cf
--- /dev/null
+++ b/js/component-test/src/routes/+page.svelte
@@ -0,0 +1,22 @@
+<svelte:head>
+	<title>Home</title>
+	<meta name="description" content="Svelte demo app" />
+</svelte:head>
+
+<section>
+	<h1>boo</h1>
+</section>
+
+<style>
+	section {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		flex: 0.6;
+	}
+
+	h1 {
+		width: 100%;
+	}
+</style>
diff --git a/js/component-test/src/routes/Counter.svelte b/js/component-test/src/routes/Counter.svelte
new file mode 100644
index 0000000..a958315
--- /dev/null
+++ b/js/component-test/src/routes/Counter.svelte
@@ -0,0 +1,117 @@
+<script>
+	import { spring } from "svelte/motion";
+
+	let count = 0;
+
+	const displayed_count = spring();
+	$: displayed_count.set(count);
+	$: offset = modulo($displayed_count, 1);
+
+	/**
+	 * @param {number} n
+	 * @param {number} m
+	 */
+	function modulo(n, m) {
+		// handle negative numbers
+		return ((n % m) + m) % m;
+	}
+</script>
+
+<div class="counter">
+	<button
+		on:click={() => (count -= 1)}
+		aria-label="Decrease the counter by one"
+	>
+		<svg aria-hidden="true" viewBox="0 0 1 1">
+			<path d="M0,0.5 L1,0.5" />
+		</svg>
+	</button>
+
+	<div class="counter-viewport">
+		<div
+			class="counter-digits"
+			style="transform: translate(0, {100 * offset}%)"
+		>
+			<strong class="hidden" aria-hidden="true"
+				>{Math.floor($displayed_count + 1)}</strong
+			>
+			<strong>{Math.floor($displayed_count)}</strong>
+		</div>
+	</div>
+
+	<button
+		on:click={() => (count += 1)}
+		aria-label="Increase the counter by one"
+	>
+		<svg aria-hidden="true" viewBox="0 0 1 1">
+			<path d="M0,0.5 L1,0.5 M0.5,0 L0.5,1" />
+		</svg>
+	</button>
+</div>
+
+<style>
+	.counter {
+		display: flex;
+		border-top: 1px solid rgba(0, 0, 0, 0.1);
+		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+		margin: 1rem 0;
+	}
+
+	.counter button {
+		width: 2em;
+		padding: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border: 0;
+		background-color: transparent;
+		touch-action: manipulation;
+		font-size: 2rem;
+	}
+
+	.counter button:hover {
+		background-color: var(--color-bg-1);
+	}
+
+	svg {
+		width: 25%;
+		height: 25%;
+	}
+
+	path {
+		vector-effect: non-scaling-stroke;
+		stroke-width: 2px;
+		stroke: #444;
+	}
+
+	.counter-viewport {
+		width: 8em;
+		height: 4em;
+		overflow: hidden;
+		text-align: center;
+		position: relative;
+	}
+
+	.counter-viewport strong {
+		position: absolute;
+		display: flex;
+		width: 100%;
+		height: 100%;
+		font-weight: 400;
+		color: var(--color-theme-1);
+		font-size: 4rem;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.counter-digits {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+	}
+
+	.hidden {
+		top: -100%;
+		user-select: none;
+	}
+</style>
diff --git a/js/component-test/src/routes/Header.svelte b/js/component-test/src/routes/Header.svelte
new file mode 100644
index 0000000..37dfe36
--- /dev/null
+++ b/js/component-test/src/routes/Header.svelte
@@ -0,0 +1,79 @@
+<script lang="ts">
+	import { page } from "$app/stores";
+	import components from "$lib/component_json";
+
+	const nav_items = Array.from(new Set(components.map((c) => c.name))).sort();
+</script>
+
+<header>
+	<nav>
+		<ul>
+			{#each nav_items as nav_item}
+				<li
+					aria-current={$page.url.pathname === `/${nav_item}`
+						? "page"
+						: undefined}
+				>
+					<a href={`/${nav_item}`}>{nav_item}</a>
+				</li>
+			{/each}
+		</ul>
+	</nav>
+</header>
+
+<style>
+	header {
+		display: flex;
+		justify-content: center;
+	}
+
+	nav {
+		width: 100%;
+		box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
+	}
+
+	ul {
+		width: 100%;
+		position: relative;
+		padding: 0;
+		margin: 0;
+		/* height: 3em; */
+		display: flex;
+		justify-content: center;
+		overflow-y: scroll;
+		flex-wrap: wrap;
+		align-items: center;
+		list-style: none;
+		background: var(--background);
+		background-size: contain;
+		padding: 10px;
+	}
+
+	li {
+		position: relative;
+		height: 100%;
+		padding: 5px 2px;
+	}
+
+	li[aria-current="page"] a {
+		color: var(--color-theme-1);
+	}
+
+	nav a {
+		display: flex;
+		height: 100%;
+		align-items: center;
+		padding: 0 0.5rem;
+		color: var(--color-text);
+		font-weight: 700;
+		font-size: 0.7rem;
+		text-transform: uppercase;
+		letter-spacing: 0.1em;
+		text-decoration: none;
+		transition: color 0.2s linear;
+	}
+
+	a:hover {
+		color: var(--color-theme-1);
+	}
+</style>
diff --git a/js/component-test/src/routes/[...all]/+page.svelte b/js/component-test/src/routes/[...all]/+page.svelte
new file mode 100644
index 0000000..1e05cfa
--- /dev/null
+++ b/js/component-test/src/routes/[...all]/+page.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+	import "../../theme.css";
+	import { setupi18n } from "../../../../core/src/i18n";
+	import { Gradio, formatter } from "../../../../core/src/gradio_helper";
+	import "../../../../theme/src/reset.css";
+	import "../../../../theme/src/global.css";
+
+	import "../../../../theme/src/pollen.css";
+	// import "../theme/src/tokens.css";
+	import "../../../../theme/src/typography.css";
+	import type { PageData } from "./$types";
+	import { onMount } from "svelte";
+	import { page } from "$app/stores";
+	export let data: PageData;
+
+	$: ({ component, interactive_component, non_interactive_component, name } =
+		data);
+
+	function identity<T>(x: T): T {
+		return x;
+	}
+
+	function noop(): void {}
+
+	const client = {
+		upload: noop,
+		fetch: noop
+	};
+
+	let target: HTMLElement | null = null;
+
+	onMount(() => {
+		target = document.body;
+	});
+</script>
+
+<svelte:head>
+	<title>About</title>
+	<meta name="description" content="About this app" />
+</svelte:head>
+
+<div>
+	{#if interactive_component}
+		<svelte:component
+			this={component.default}
+			{...interactive_component.props}
+			gradio={{
+				dispatch: console.warn,
+				i18n: identity,
+				client,
+				root: $page.url.origin
+			}}
+			{target}
+		/>
+	{/if}
+
+	{#if non_interactive_component}
+		<svelte:component
+			this={component.default}
+			{...non_interactive_component.props}
+			gradio={{
+				dispatch: console.warn,
+				i18n: identity,
+				client,
+				root: $page.url.origin
+			}}
+			{target}
+		/>
+	{/if}
+</div>
+
+<style>
+	div {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 2rem;
+		padding: 2rem;
+		flex-direction: column;
+	}
+</style>
diff --git a/js/component-test/src/routes/[...all]/+page.ts b/js/component-test/src/routes/[...all]/+page.ts
new file mode 100644
index 0000000..19484b6
--- /dev/null
+++ b/js/component-test/src/routes/[...all]/+page.ts
@@ -0,0 +1,67 @@
+import config from "$lib/component_json";
+
+const comps = {
+	accordion: () => import("@gradio/accordion"),
+	annotatedimage: () => import("@gradio/annotatedimage"),
+	audio: () => import("@gradio/audio"),
+	button: () => import("@gradio/button"),
+	chatbot: () => import("@gradio/chatbot"),
+	checkbox: () => import("@gradio/checkbox"),
+	checkboxgroup: () => import("@gradio/checkboxgroup"),
+	code: () => import("@gradio/code"),
+	colorpicker: () => import("@gradio/colorpicker"),
+	dataframe: () => import("@gradio/dataframe"),
+	dataset: () => import("@gradio/dataset"),
+	datetime: () => import("@gradio/datetime"),
+	downloadbutton: () => import("@gradio/downloadbutton"),
+	dropdown: () => import("@gradio/dropdown"),
+	file: () => import("@gradio/file"),
+	form: () => import("@gradio/form"),
+	gallery: () => import("@gradio/gallery"),
+	highlightedtext: () => import("@gradio/highlightedtext"),
+	html: () => import("@gradio/html"),
+	image: () => import("@gradio/image"),
+	imageeditor: () => import("@gradio/imageeditor"),
+	json: () => import("@gradio/json"),
+	label: () => import("@gradio/label"),
+	browserstate: () => import("@gradio/browserstate"),
+	markdown: () => import("@gradio/markdown"),
+	model3d: () => import("@gradio/model3d"),
+	multimodaltextbox: () => import("@gradio/multimodaltextbox"),
+	nativeplot: () => import("@gradio/nativeplot"),
+	number: () => import("@gradio/number"),
+	paramviewer: () => import("@gradio/paramviewer"),
+	plot: () => import("@gradio/plot"),
+	radio: () => import("@gradio/radio"),
+	simpleimage: () => import("@gradio/simpleimage"),
+	slider: () => import("@gradio/slider"),
+	state: () => import("@gradio/state"),
+	textbox: () => import("@gradio/textbox"),
+	timer: () => import("@gradio/timer"),
+	uploadbutton: () => import("@gradio/uploadbutton"),
+	video: () => import("@gradio/video")
+};
+
+import type { PageLoad } from "./$types";
+
+export const load: PageLoad = async ({ url }) => {
+	const route_name = url.pathname.split("/").slice(-1)[0];
+	const interactive_component = config.find(
+		(c) => c.name === route_name && c.props.interactive
+	);
+	const non_interactive_component = config.find(
+		(c) => c.name === route_name && !c.props.interactive
+	);
+
+	const comp =
+		route_name in comps
+			? await comps[route_name as keyof typeof comps]()
+			: await import("@gradio/label");
+
+	return {
+		component: comp,
+		interactive_component: interactive_component,
+		non_interactive_component: non_interactive_component,
+		name: route_name
+	};
+};
diff --git a/js/component-test/src/theme.css b/js/component-test/src/theme.css
new file mode 100644
index 0000000..0dda9e1
--- /dev/null
+++ b/js/component-test/src/theme.css
@@ -0,0 +1,508 @@
+:root {
+	--name: default;
+	--primary-50: #fff7ed;
+	--primary-100: #ffedd5;
+	--primary-200: #fed7aa;
+	--primary-300: #fdba74;
+	--primary-400: #fb923c;
+	--primary-500: #f97316;
+	--primary-600: #ea580c;
+	--primary-700: #c2410c;
+	--primary-800: #9a3412;
+	--primary-900: #7c2d12;
+	--primary-950: #6c2e12;
+	--secondary-50: #eff6ff;
+	--secondary-100: #dbeafe;
+	--secondary-200: #bfdbfe;
+	--secondary-300: #93c5fd;
+	--secondary-400: #60a5fa;
+	--secondary-500: #3b82f6;
+	--secondary-600: #2563eb;
+	--secondary-700: #1d4ed8;
+	--secondary-800: #1e40af;
+	--secondary-900: #1e3a8a;
+	--secondary-950: #1d3660;
+	--neutral-50: #f9fafb;
+	--neutral-100: #f3f4f6;
+	--neutral-200: #e5e7eb;
+	--neutral-300: #d1d5db;
+	--neutral-400: #9ca3af;
+	--neutral-500: #6b7280;
+	--neutral-600: #4b5563;
+	--neutral-700: #374151;
+	--neutral-800: #1f2937;
+	--neutral-900: #111827;
+	--neutral-950: #0b0f19;
+	--spacing-xxs: 1px;
+	--spacing-xs: 2px;
+	--spacing-sm: 4px;
+	--spacing-md: 6px;
+	--spacing-lg: 8px;
+	--spacing-xl: 10px;
+	--spacing-xxl: 16px;
+	--radius-xxs: 1px;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 6px;
+	--radius-lg: 8px;
+	--radius-xl: 12px;
+	--radius-xxl: 22px;
+	--text-xxs: 9px;
+	--text-xs: 10px;
+	--text-sm: 12px;
+	--text-md: 14px;
+	--text-lg: 16px;
+	--text-xl: 22px;
+	--text-xxl: 26px;
+	--font: "IBM Plex Sans", "ui-sans-serif", "system-ui", sans-serif;
+	--font-mono: "IBM Plex Mono", "ui-monospace", "Consolas", monospace;
+	--body-background-fill: var(--background-fill-primary);
+	--body-text-color: var(--neutral-800);
+	--body-text-size: var(--text-md);
+	--body-text-weight: 400;
+	--embed-radius: var(--radius-lg);
+	--color-accent: var(--primary-500);
+	--color-accent-soft: var(--primary-50);
+	--background-fill-primary: white;
+	--background-fill-secondary: var(--neutral-50);
+	--border-color-accent: var(--primary-300);
+	--border-color-primary: var(--neutral-200);
+	--link-text-color: var(--secondary-600);
+	--link-text-color-active: var(--secondary-600);
+	--link-text-color-hover: var(--secondary-700);
+	--link-text-color-visited: var(--secondary-500);
+	--body-text-color-subdued: var(--neutral-400);
+	--accordion-text-color: var(--body-text-color);
+	--table-text-color: var(--body-text-color);
+	--shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+	--shadow-drop-lg:
+		0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+	--shadow-spread: 3px;
+	--block-background-fill: var(--background-fill-primary);
+	--block-border-color: var(--border-color-primary);
+	--block-border-width: 1px;
+	--block-info-text-color: var(--body-text-color-subdued);
+	--block-info-text-size: var(--text-sm);
+	--block-info-text-weight: 400;
+	--block-label-background-fill: var(--background-fill-primary);
+	--block-label-border-color: var(--border-color-primary);
+	--block-label-border-width: 1px;
+	--block-label-shadow: var(--block-shadow);
+	--block-label-text-color: var(--neutral-500);
+	--block-label-margin: 0;
+	--block-label-padding: var(--spacing-sm) var(--spacing-lg);
+	--block-label-radius: calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px) 0;
+	--block-label-right-radius: 0 calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px);
+	--block-label-text-size: var(--text-sm);
+	--block-label-text-weight: 400;
+	--block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
+	--block-radius: var(--radius-lg);
+	--block-shadow: var(--shadow-drop);
+	--block-title-background-fill: none;
+	--block-title-border-color: none;
+	--block-title-border-width: 0px;
+	--block-title-text-color: var(--neutral-500);
+	--block-title-padding: 0;
+	--block-title-radius: none;
+	--block-title-text-size: var(--text-md);
+	--block-title-text-weight: 400;
+	--container-radius: var(--radius-lg);
+	--form-gap-width: 1px;
+	--layout-gap: var(--spacing-xxl);
+	--panel-background-fill: var(--background-fill-secondary);
+	--panel-border-color: var(--border-color-primary);
+	--panel-border-width: 0;
+	--section-header-text-size: var(--text-md);
+	--section-header-text-weight: 400;
+	--border-color-accent-subdued: var(--primary-200);
+	--code-background-fill: var(--neutral-100);
+	--checkbox-background-color: var(--background-fill-primary);
+	--checkbox-background-color-focus: var(--checkbox-background-color);
+	--checkbox-background-color-hover: var(--checkbox-background-color);
+	--checkbox-background-color-selected: var(--secondary-600);
+	--checkbox-border-color: var(--neutral-300);
+	--checkbox-border-color-focus: var(--secondary-500);
+	--checkbox-border-color-hover: var(--neutral-300);
+	--checkbox-border-color-selected: var(--secondary-600);
+	--checkbox-border-radius: var(--radius-sm);
+	--checkbox-border-width: var(--input-border-width);
+	--checkbox-label-background-fill: linear-gradient(
+		to top,
+		var(--neutral-50),
+		white
+	);
+	--checkbox-label-background-fill-hover: linear-gradient(
+		to top,
+		var(--neutral-100),
+		white
+	);
+	--checkbox-label-background-fill-selected: var(
+		--checkbox-label-background-fill
+	);
+	--checkbox-label-border-color: var(--border-color-primary);
+	--checkbox-label-border-color-hover: var(--checkbox-label-border-color);
+	--checkbox-label-border-width: var(--input-border-width);
+	--checkbox-label-gap: var(--spacing-lg);
+	--checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--checkbox-label-shadow: var(--shadow-drop);
+	--checkbox-label-text-size: var(--text-md);
+	--checkbox-label-text-weight: 400;
+	--checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+	--radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+	--checkbox-shadow: var(--input-shadow);
+	--checkbox-label-text-color: var(--body-text-color);
+	--checkbox-label-text-color-selected: var(--checkbox-label-text-color);
+	--error-background-fill: #fef2f2;
+	--error-border-color: #b91c1c;
+	--error-border-width: 1px;
+	--error-text-color: #b91c1c;
+	--error-icon-color: #b91c1c;
+	--input-background-fill: white;
+	--input-background-fill-focus: var(--secondary-500);
+	--input-background-fill-hover: var(--input-background-fill);
+	--input-border-color: var(--border-color-primary);
+	--input-border-color-focus: var(--secondary-300);
+	--input-border-color-hover: var(--input-border-color);
+	--input-border-width: 1px;
+	--input-padding: var(--spacing-xl);
+	--input-placeholder-color: var(--neutral-400);
+	--input-radius: var(--radius-lg);
+	--input-shadow: 0 0 0 var(--shadow-spread) transparent, var(--shadow-inset);
+	--input-shadow-focus:
+		0 0 0 var(--shadow-spread) var(--secondary-50), var(--shadow-inset);
+	--input-text-size: var(--text-md);
+	--input-text-weight: 400;
+	--loader-color: var(--color-accent);
+	--prose-text-size: var(--text-md);
+	--prose-text-weight: 400;
+	--prose-header-text-weight: 600;
+	--slider-color: #2563eb;
+	--stat-background-fill: linear-gradient(
+		to right,
+		var(--primary-400),
+		var(--primary-200)
+	);
+	--table-border-color: var(--neutral-300);
+	--table-even-background-fill: white;
+	--table-odd-background-fill: var(--neutral-50);
+	--table-radius: var(--radius-lg);
+	--table-row-focus: var(--color-accent-soft);
+	--button-border-width: var(--input-border-width);
+	--button-cancel-background-fill: linear-gradient(
+		to bottom right,
+		#fee2e2,
+		#fecaca
+	);
+	--button-cancel-background-fill-hover: linear-gradient(
+		to bottom right,
+		#fee2e2,
+		#fee2e2
+	);
+	--button-cancel-border-color: #fecaca;
+	--button-cancel-border-color-hover: var(--button-cancel-border-color);
+	--button-cancel-text-color: #dc2626;
+	--button-cancel-text-color-hover: var(--button-cancel-text-color);
+	--button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
+	--button-large-radius: var(--radius-lg);
+	--button-large-text-size: var(--text-lg);
+	--button-large-text-weight: 600;
+	--button-primary-background-fill: linear-gradient(
+		to bottom right,
+		var(--primary-100),
+		var(--primary-300)
+	);
+	--button-primary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--primary-100),
+		var(--primary-200)
+	);
+	--button-primary-border-color: var(--primary-200);
+	--button-primary-border-color-hover: var(--button-primary-border-color);
+	--button-primary-text-color: var(--primary-600);
+	--button-primary-text-color-hover: var(--button-primary-text-color);
+	--button-secondary-background-fill: linear-gradient(
+		to bottom right,
+		var(--neutral-100),
+		var(--neutral-200)
+	);
+	--button-secondary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--neutral-100),
+		var(--neutral-100)
+	);
+	--button-secondary-border-color: var(--neutral-200);
+	--button-secondary-border-color-hover: var(--button-secondary-border-color);
+	--button-secondary-text-color: var(--neutral-700);
+	--button-secondary-text-color-hover: var(--button-secondary-text-color);
+	--button-shadow: var(--shadow-drop);
+	--button-shadow-active: var(--shadow-inset);
+	--button-shadow-hover: var(--shadow-drop-lg);
+	--button-small-padding: var(--spacing-sm) calc(2 * var(--spacing-sm));
+	--button-small-radius: var(--radius-lg);
+	--button-small-text-size: var(--text-md);
+	--button-small-text-weight: 400;
+	--button-transition: none;
+}
+.dark {
+	--body-background-fill: var(--background-fill-primary);
+	--body-text-color: var(--neutral-100);
+	--color-accent-soft: var(--neutral-700);
+	--background-fill-primary: var(--neutral-950);
+	--background-fill-secondary: var(--neutral-900);
+	--border-color-accent: var(--neutral-600);
+	--border-color-primary: var(--neutral-700);
+	--link-text-color-active: var(--secondary-500);
+	--link-text-color: var(--secondary-500);
+	--link-text-color-hover: var(--secondary-400);
+	--link-text-color-visited: var(--secondary-600);
+	--body-text-color-subdued: var(--neutral-400);
+	--accordion-text-color: var(--body-text-color);
+	--table-text-color: var(--body-text-color);
+	--shadow-spread: 1px;
+	--block-background-fill: var(--neutral-800);
+	--block-border-color: var(--border-color-primary);
+	--block_border_width: None;
+	--block-info-text-color: var(--body-text-color-subdued);
+	--block-label-background-fill: var(--background-fill-secondary);
+	--block-label-border-color: var(--border-color-primary);
+	--block_label_border_width: None;
+	--block-label-text-color: var(--neutral-200);
+	--block_shadow: None;
+	--block_title_background_fill: None;
+	--block_title_border_color: None;
+	--block_title_border_width: None;
+	--block-title-text-color: var(--neutral-200);
+	--panel-background-fill: var(--background-fill-secondary);
+	--panel-border-color: var(--border-color-primary);
+	--panel_border_width: None;
+	--border-color-accent-subdued: var(--border-color-accent);
+	--code-background-fill: var(--neutral-800);
+	--checkbox-background-color: var(--neutral-800);
+	--checkbox-background-color-focus: var(--checkbox-background-color);
+	--checkbox-background-color-hover: var(--checkbox-background-color);
+	--checkbox-background-color-selected: var(--secondary-600);
+	--checkbox-border-color: var(--neutral-700);
+	--checkbox-border-color-focus: var(--secondary-500);
+	--checkbox-border-color-hover: var(--neutral-600);
+	--checkbox-border-color-selected: var(--secondary-600);
+	--checkbox-border-width: var(--input-border-width);
+	--checkbox-label-background-fill: linear-gradient(
+		to top,
+		var(--neutral-900),
+		var(--neutral-800)
+	);
+	--checkbox-label-background-fill-hover: linear-gradient(
+		to top,
+		var(--neutral-900),
+		var(--neutral-800)
+	);
+	--checkbox-label-background-fill-selected: var(
+		--checkbox-label-background-fill
+	);
+	--checkbox-label-border-color: var(--border-color-primary);
+	--checkbox-label-border-color-hover: var(--checkbox-label-border-color);
+	--checkbox-label-border-width: var(--input-border-width);
+	--checkbox-label-text-color: var(--body-text-color);
+	--checkbox-label-text-color-selected: var(--checkbox-label-text-color);
+	--error-background-fill: var(--neutral-900);
+	--error-border-color: #ef4444;
+	--error_border_width: None;
+	--error-text-color: #fef2f2;
+	--error-icon-color: #ef4444;
+	--input-background-fill: var(--neutral-800);
+	--input-background-fill-focus: var(--secondary-600);
+	--input-background-fill-hover: var(--input-background-fill);
+	--input-border-color: var(--border-color-primary);
+	--input-border-color-focus: var(--neutral-700);
+	--input-border-color-hover: var(--input-border-color);
+	--input_border_width: None;
+	--input-placeholder-color: var(--neutral-500);
+	--input_shadow: None;
+	--input-shadow-focus:
+		0 0 0 var(--shadow-spread) var(--neutral-700), var(--shadow-inset);
+	--loader_color: None;
+	--slider_color: None;
+	--stat-background-fill: linear-gradient(
+		to right,
+		var(--primary-400),
+		var(--primary-600)
+	);
+	--table-border-color: var(--neutral-700);
+	--table-even-background-fill: var(--neutral-950);
+	--table-odd-background-fill: var(--neutral-900);
+	--table-row-focus: var(--color-accent-soft);
+	--button-border-width: var(--input-border-width);
+	--button-cancel-background-fill: linear-gradient(
+		to bottom right,
+		#dc2626,
+		#b91c1c
+	);
+	--button-cancel-background-fill-hover: linear-gradient(
+		to bottom right,
+		#dc2626,
+		#dc2626
+	);
+	--button-cancel-border-color: #dc2626;
+	--button-cancel-border-color-hover: var(--button-cancel-border-color);
+	--button-cancel-text-color: white;
+	--button-cancel-text-color-hover: var(--button-cancel-text-color);
+	--button-primary-background-fill: linear-gradient(
+		to bottom right,
+		var(--primary-500),
+		var(--primary-600)
+	);
+	--button-primary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--primary-500),
+		var(--primary-500)
+	);
+	--button-primary-border-color: var(--primary-500);
+	--button-primary-border-color-hover: var(--button-primary-border-color);
+	--button-primary-text-color: white;
+	--button-primary-text-color-hover: var(--button-primary-text-color);
+	--button-secondary-background-fill: linear-gradient(
+		to bottom right,
+		var(--neutral-600),
+		var(--neutral-700)
+	);
+	--button-secondary-background-fill-hover: linear-gradient(
+		to bottom right,
+		var(--neutral-600),
+		var(--neutral-600)
+	);
+	--button-secondary-border-color: var(--neutral-600);
+	--button-secondary-border-color-hover: var(--button-secondary-border-color);
+	--button-secondary-text-color: white;
+	--button-secondary-text-color-hover: var(--button-secondary-text-color);
+	--name: default;
+	--primary-50: #fff7ed;
+	--primary-100: #ffedd5;
+	--primary-200: #fed7aa;
+	--primary-300: #fdba74;
+	--primary-400: #fb923c;
+	--primary-500: #f97316;
+	--primary-600: #ea580c;
+	--primary-700: #c2410c;
+	--primary-800: #9a3412;
+	--primary-900: #7c2d12;
+	--primary-950: #6c2e12;
+	--secondary-50: #eff6ff;
+	--secondary-100: #dbeafe;
+	--secondary-200: #bfdbfe;
+	--secondary-300: #93c5fd;
+	--secondary-400: #60a5fa;
+	--secondary-500: #3b82f6;
+	--secondary-600: #2563eb;
+	--secondary-700: #1d4ed8;
+	--secondary-800: #1e40af;
+	--secondary-900: #1e3a8a;
+	--secondary-950: #1d3660;
+	--neutral-50: #f9fafb;
+	--neutral-100: #f3f4f6;
+	--neutral-200: #e5e7eb;
+	--neutral-300: #d1d5db;
+	--neutral-400: #9ca3af;
+	--neutral-500: #6b7280;
+	--neutral-600: #4b5563;
+	--neutral-700: #374151;
+	--neutral-800: #1f2937;
+	--neutral-900: #111827;
+	--neutral-950: #0b0f19;
+	--spacing-xxs: 1px;
+	--spacing-xs: 2px;
+	--spacing-sm: 4px;
+	--spacing-md: 6px;
+	--spacing-lg: 8px;
+	--spacing-xl: 10px;
+	--spacing-xxl: 16px;
+	--radius-xxs: 1px;
+	--radius-xs: 2px;
+	--radius-sm: 4px;
+	--radius-md: 6px;
+	--radius-lg: 8px;
+	--radius-xl: 12px;
+	--radius-xxl: 22px;
+	--text-xxs: 9px;
+	--text-xs: 10px;
+	--text-sm: 12px;
+	--text-md: 14px;
+	--text-lg: 16px;
+	--text-xl: 22px;
+	--text-xxl: 26px;
+	--font: "IBM Plex Sans", "ui-sans-serif", "system-ui", sans-serif;
+	--font-mono: "IBM Plex Mono", "ui-monospace", "Consolas", monospace;
+	--body-text-size: var(--text-md);
+	--body-text-weight: 400;
+	--embed-radius: var(--radius-lg);
+	--color-accent: var(--primary-500);
+	--shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+	--shadow-drop-lg:
+		0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+	--shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+	--block-border-width: 1px;
+	--block-info-text-size: var(--text-sm);
+	--block-info-text-weight: 400;
+	--block-label-border-width: 1px;
+	--block-label-shadow: var(--block-shadow);
+	--block-label-margin: 0;
+	--block-label-padding: var(--spacing-sm) var(--spacing-lg);
+	--block-label-radius: calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px) 0;
+	--block-label-right-radius: 0 calc(var(--radius-lg) - 1px) 0
+		calc(var(--radius-lg) - 1px);
+	--block-label-text-size: var(--text-sm);
+	--block-label-text-weight: 400;
+	--block-padding: var(--spacing-xl) calc(var(--spacing-xl) + 2px);
+	--block-radius: var(--radius-lg);
+	--block-shadow: var(--shadow-drop);
+	--block-title-background-fill: none;
+	--block-title-border-color: none;
+	--block-title-border-width: 0px;
+	--block-title-padding: 0;
+	--block-title-radius: none;
+	--block-title-text-size: var(--text-md);
+	--block-title-text-weight: 400;
+	--container-radius: var(--radius-lg);
+	--form-gap-width: 1px;
+	--layout-gap: var(--spacing-xxl);
+	--panel-border-width: 0;
+	--section-header-text-size: var(--text-md);
+	--section-header-text-weight: 400;
+	--checkbox-border-radius: var(--radius-sm);
+	--checkbox-label-gap: var(--spacing-lg);
+	--checkbox-label-padding: var(--spacing-md) calc(2 * var(--spacing-md));
+	--checkbox-label-shadow: var(--shadow-drop);
+	--checkbox-label-text-size: var(--text-md);
+	--checkbox-label-text-weight: 400;
+	--checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+	--radio-circle: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+	--checkbox-shadow: var(--input-shadow);
+	--error-border-width: 1px;
+	--input-border-width: 1px;
+	--input-padding: var(--spacing-xl);
+	--input-radius: var(--radius-lg);
+	--input-shadow: 0 0 0 var(--shadow-spread) transparent, var(--shadow-inset);
+	--input-text-size: var(--text-md);
+	--input-text-weight: 400;
+	--loader-color: var(--color-accent);
+	--prose-text-size: var(--text-md);
+	--prose-text-weight: 400;
+	--prose-header-text-weight: 600;
+	--slider-color: #2563eb;
+	--table-radius: var(--radius-lg);
+	--button-large-padding: var(--spacing-lg) calc(2 * var(--spacing-lg));
+	--button-large-radius: var(--radius-lg);
+	--button-large-text-size: var(--text-lg);
+	--button-large-text-weight: 600;
+	--button-shadow: var(--shadow-drop);
+	--button-shadow-active: var(--shadow-inset);
+	--button-shadow-hover: var(--shadow-drop-lg);
+	--button-small-padding: var(--spacing-sm) calc(2 * var(--spacing-sm));
+	--button-small-radius: var(--radius-lg);
+	--button-small-text-size: var(--text-md);
+	--button-small-text-weight: 400;
+	--button-transition: none;
+}
diff --git a/js/component-test/static/favicon.png b/js/component-test/static/favicon.png
new file mode 100644
index 0000000..825b9e6
Binary files /dev/null and b/js/component-test/static/favicon.png differ
diff --git a/js/component-test/static/robots.txt b/js/component-test/static/robots.txt
new file mode 100644
index 0000000..e9e57dc
--- /dev/null
+++ b/js/component-test/static/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/js/component-test/svelte.config.js b/js/component-test/svelte.config.js
new file mode 100644
index 0000000..692c621
--- /dev/null
+++ b/js/component-test/svelte.config.js
@@ -0,0 +1,18 @@
+import adapter from "@sveltejs/adapter-auto";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+	kit: {
+		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
+		adapter: adapter(),
+		alias: {
+			$lib: "./src/lib"
+		}
+	},
+	preprocess: vitePreprocess()
+};
+
+export default config;
diff --git a/js/component-test/tsconfig.json b/js/component-test/tsconfig.json
new file mode 100644
index 0000000..7b579b4
--- /dev/null
+++ b/js/component-test/tsconfig.json
@@ -0,0 +1,23 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": false,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"typeRoots": ["node_modules/@types", "./app.d.ts"],
+		"outDir": "./.svelte-kit",
+		"moduleResolution": "bundler",
+		"module": "esnext",
+		"target": "es2022",
+		"customConditions": ["gradio"]
+	}
+	// Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
+	//
+	// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
+	// from the referenced tsconfig.json - TypeScript does not merge them in
+}
diff --git a/js/component-test/vite.config.js b/js/component-test/vite.config.js
new file mode 100644
index 0000000..a217d0a
--- /dev/null
+++ b/js/component-test/vite.config.js
@@ -0,0 +1,41 @@
+import { sveltekit } from "@sveltejs/kit/vite";
+import { defineConfig } from "vite";
+import {
+	generate_cdn_entry,
+	generate_dev_entry,
+	handle_ce_css,
+	inject_component_loader,
+	inject_ejs,
+	mock_modules,
+	resolve_svelte
+} from "@self/build";
+import { fileURLToPath, URL } from "node:url";
+
+export default defineConfig({
+	plugins: [sveltekit()],
+
+	resolve: {
+		conditions: ["gradio"],
+		alias: {
+			"@": fileURLToPath(new URL("./src", import.meta.url))
+		}
+	},
+	optimizeDeps: {
+		exclude: [
+			"@gradio/video",
+			"@ffmpeg/ffmpeg",
+			"@ffmpeg/util",
+			"@gradio/utils"
+		]
+	},
+	assetsInclude: ["**/*.glb"],
+	server: {
+		headers: {
+			"Cross-Origin-Opener-Policy": "same-origin",
+			"Cross-Origin-Embedder-Policy": "require-corp"
+		},
+		fs: {
+			allow: ["../.."]
+		}
+	}
+});
diff --git a/js/core/.gitignore b/js/core/.gitignore
new file mode 100644
index 0000000..e69de29
diff --git a/js/core/CHANGELOG.md b/js/core/CHANGELOG.md
new file mode 100644
index 0000000..0829f3e
--- /dev/null
+++ b/js/core/CHANGELOG.md
@@ -0,0 +1,2097 @@
+# @gradio/core
+
+## 1.9.0
+
+### Features
+
+- [#13566](https://github.com/gradio-app/gradio/pull/13566) [`79b9171`](https://github.com/gradio-app/gradio/commit/79b91718b5c972c174ed042d8b04443bc2274076) - Gallery Download All.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#13563](https://github.com/gradio-app/gradio/pull/13563) [`46d391b`](https://github.com/gradio-app/gradio/commit/46d391bd4385b6cfa31f10b35955c95c86c4cb85) - Fix embedded Gradio apps growing infinitely tall on HF Spaces when using `vh`/`%` heights or `fill_height`.  Thanks @abidlabs!
+- [#13588](https://github.com/gradio-app/gradio/pull/13588) [`2e80558`](https://github.com/gradio-app/gradio/commit/2e805588c8dc84a4a584898fd43b267c72209f78) - Fire `state.change()` for streaming (`.stream()`) events.  Thanks @hysts!
+- [#13560](https://github.com/gradio-app/gradio/pull/13560) [`745f20c`](https://github.com/gradio-app/gradio/commit/745f20c9ec7d1e542c4b35f121b6f74e8e7c100c) - Fix `gr.Tabs.select()` event not firing when switching tabs.  Thanks @abidlabs!
+- [#13553](https://github.com/gradio-app/gradio/pull/13553) [`9a72d0c`](https://github.com/gradio-app/gradio/commit/9a72d0c76e62af365236a36c0137f7e0497d98cb) - Fix Column staying hidden after a multi-yield visibility update.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/tabs@0.9.0
+- @gradio/html@0.13.1
+- @gradio/code@0.18.1
+- @gradio/statustracker@0.15.1
+- @gradio/paramviewer@0.10.1
+- @gradio/button@0.8.1
+- @gradio/tabitem@0.8.2
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/image@0.28.0
+- @gradio/video@0.22.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+- @gradio/file@0.15.1
+- @gradio/gallery@0.19.0
+- @gradio/plot@0.12.1
+- @gradio/audio@0.24.1
+- @gradio/checkbox@0.8.1
+- @gradio/dropdown@0.14.1
+- @gradio/textbox@0.14.1
+
+## 1.8.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/button@0.8.0
+- @gradio/image@0.27.0
+- @gradio/gallery@0.18.0
+- @gradio/plot@0.12.0
+- @gradio/theme@0.6.2
+- @gradio/checkbox@0.8.0
+- @gradio/textbox@0.14.0
+- @gradio/dropdown@0.14.0
+- @gradio/file@0.15.0
+- @gradio/video@0.21.0
+- @gradio/audio@0.24.0
+- @gradio/column@0.4.0
+- @gradio/code@0.18.0
+- @gradio/html@0.13.0
+- @gradio/paramviewer@0.10.0
+- @gradio/tabs@0.8.0
+- @gradio/tabitem@0.8.1
+
+## 1.7.0
+
+### Features
+
+- [#13509](https://github.com/gradio-app/gradio/pull/13509) [`dcd072c`](https://github.com/gradio-app/gradio/commit/dcd072cd57f09ffd2dc5f97ae6afc505894824a6) - Migrate Chatbot, Tabs, TabItem to Svelte 5.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#13521](https://github.com/gradio-app/gradio/pull/13521) [`be20ce8`](https://github.com/gradio-app/gradio/commit/be20ce8e9dd39487a2b24a28cf0aa2bf93f6bd5d) - Fix UI freeze when one event makes multiple components of the same type visible.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+- @gradio/plot@0.11.0
+- @gradio/audio@0.23.4
+- @gradio/tabs@0.7.0
+- @gradio/button@0.7.0
+- @gradio/tabitem@0.8.0
+- @gradio/dropdown@0.13.0
+
+## 1.6.0
+
+### Features
+
+- [#13417](https://github.com/gradio-app/gradio/pull/13417) [`127400b`](https://github.com/gradio-app/gradio/commit/127400b01538faa0cf9d8a1ea7984c5ee05e66a0) - Add `gr.Workflow` and `gr.WorkflowCanvas` for building AI pipelines visually. `gr.Workflow` accepts `graph`, `bind`, and `edges` parameters to wire Python functions into a canvas, with automatic persistence to the graph JSON file.  Thanks @hannahblair!
+
+### Fixes
+
+- [#13429](https://github.com/gradio-app/gradio/pull/13429) [`e94331c`](https://github.com/gradio-app/gradio/commit/e94331c85284f746fd03cca3fb8b90e9b2869b74) - stale loading_status overwrites completed status on component mount (hidden → visible).  Thanks @Jefsky!
+
+### Dependency updates
+
+- @gradio/tabs@0.6.0
+- @gradio/tabitem@0.7.0
+
+## 1.5.1
+
+### Fixes
+
+- [#13390](https://github.com/gradio-app/gradio/pull/13390) [`d86903e`](https://github.com/gradio-app/gradio/commit/d86903eaa5628ca0b30f27b87ec1d7e194b3eff6) - Add Estonian language support and translation.  Thanks @paulpall!
+
+### Dependency updates
+
+- @gradio/html@0.12.4
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 1.5.0
+
+### Features
+
+- [#13289](https://github.com/gradio-app/gradio/pull/13289) [`d6f24df`](https://github.com/gradio-app/gradio/commit/d6f24df6233e7882746ba6e49307a34a11101ea1) - Improve curl info.  Thanks @freddyaboulton!
+- [#13277](https://github.com/gradio-app/gradio/pull/13277) [`cab8be0`](https://github.com/gradio-app/gradio/commit/cab8be062deb958a718aae25175e07fb013dfd4f) - CLI/Agent API Docs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/checkbox@0.7.0
+- @gradio/upload@0.17.9
+- @gradio/textbox@0.13.9
+- @gradio/tabs@0.5.10
+- @gradio/code@0.17.8
+- @gradio/html@0.12.3
+- @gradio/paramviewer@0.9.9
+- @gradio/file@0.14.8
+- @gradio/gallery@0.17.7
+- @gradio/plot@0.10.9
+- @gradio/dropdown@0.12.0
+- @gradio/image@0.26.3
+- @gradio/video@0.20.8
+- @gradio/audio@0.23.3
+
+## 1.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/textbox@0.13.8
+- @gradio/column@0.3.3
+- @gradio/image@0.26.2
+- @gradio/file@0.14.7
+- @gradio/video@0.20.7
+- @gradio/code@0.17.7
+- @gradio/html@0.12.2
+- @gradio/paramviewer@0.9.8
+- @gradio/gallery@0.17.6
+- @gradio/plot@0.10.8
+- @gradio/checkbox@0.6.7
+- @gradio/dropdown@0.11.8
+- @gradio/audio@0.23.2
+
+## 1.4.2
+
+### Fixes
+
+- [#13048](https://github.com/gradio-app/gradio/pull/13048) [`a5d4096`](https://github.com/gradio-app/gradio/commit/a5d40965bba21a832da522127048926b71c1a6dd) - Fix Tab Interactive Bug.  Thanks @freddyaboulton!
+- [#13172](https://github.com/gradio-app/gradio/pull/13172) [`03a9d4c`](https://github.com/gradio-app/gradio/commit/03a9d4c99f3c9466e4fc162d02800850ed67a29e) - fix: prevent [object Object] when label matches a nested i18n key.  Thanks @mango766!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/tabs@0.5.9
+- @gradio/code@0.17.6
+- @gradio/html@0.12.1
+- @gradio/paramviewer@0.9.7
+- @gradio/image@0.26.1
+- @gradio/checkbox@0.6.6
+- @gradio/video@0.20.6
+- @gradio/file@0.14.6
+- @gradio/gallery@0.17.5
+- @gradio/plot@0.10.7
+- @gradio/textbox@0.13.7
+- @gradio/dropdown@0.11.7
+- @gradio/audio@0.23.1
+
+## 1.4.1
+
+### Fixes
+
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+- [#12803](https://github.com/gradio-app/gradio/pull/12803) [`f4c3a6d`](https://github.com/gradio-app/gradio/commit/f4c3a6dcb45218722d3150baef953c731d3eccf2) - fix: gradio_api path in mount_gradio_app.  Thanks @shandowc!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/gallery@0.17.4
+- @gradio/plot@0.10.6
+- @gradio/textbox@0.13.6
+- @gradio/html@0.12.0
+- @gradio/button@0.6.6
+- @gradio/code@0.17.5
+- @gradio/paramviewer@0.9.6
+- @gradio/checkbox@0.6.5
+- @gradio/image@0.26.0
+- @gradio/video@0.20.5
+- @gradio/file@0.14.5
+- @gradio/audio@0.23.0
+- @gradio/column@0.3.2
+- @gradio/dropdown@0.11.6
+
+## 1.4.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+### Fixes
+
+- [#12970](https://github.com/gradio-app/gradio/pull/12970) [`7326ea3`](https://github.com/gradio-app/gradio/commit/7326ea312bee7ccdaf4a1e4e11ace8f11b607ca5) - remove new console logs.  Thanks @hannahblair!
+- [#12968](https://github.com/gradio-app/gradio/pull/12968) [`fe95534`](https://github.com/gradio-app/gradio/commit/fe955348f24115744015d85639e170b8518b28c1) - Fix custom component reload mode.  Thanks @freddyaboulton!
+- [#12956](https://github.com/gradio-app/gradio/pull/12956) [`e8dadd6`](https://github.com/gradio-app/gradio/commit/e8dadd648483b6016913a9b7fa2580dbc08cb823) - Fix fill_height not working after Svelte 5 migration.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/button@0.6.5
+- @gradio/code@0.17.4
+- @gradio/html@0.11.1
+- @gradio/paramviewer@0.9.5
+- @gradio/statustracker@0.12.5
+- @gradio/tabitem@0.6.6
+- @gradio/tabs@0.5.8
+- @gradio/utils@0.12.0
+- @gradio/column@0.3.2
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+- @gradio/image@0.25.4
+- @gradio/gallery@0.17.3
+- @gradio/plot@0.10.5
+- @gradio/checkbox@0.6.4
+- @gradio/textbox@0.13.5
+- @gradio/dropdown@0.11.5
+- @gradio/file@0.14.4
+- @gradio/video@0.20.4
+- @gradio/audio@0.22.4
+
+## 1.3.0
+
+### Dependency updates
+
+- @gradio/html@0.11.0
+
+## 1.3.0
+
+### Features
+
+- [#12918](https://github.com/gradio-app/gradio/pull/12918) [`e29e1cc`](https://github.com/gradio-app/gradio/commit/e29e1ccd5874cb98b813ed4f7f72d9fef2935016) - Add Space-specific skill generation to `gradio skills add`.  Thanks @abidlabs!
+- [#12929](https://github.com/gradio-app/gradio/pull/12929) [`978bc6e`](https://github.com/gradio-app/gradio/commit/978bc6ea5094aa11e10994cdd662c4c663a86a83) - Add server functions support to gr.HTML.  Thanks @aliabid94!
+- [#12907](https://github.com/gradio-app/gradio/pull/12907) [`3e625a0`](https://github.com/gradio-app/gradio/commit/3e625a0ecfab6e74b7561b68adbe55341ecbc47a) - Better error handling when connection to server is lost.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12904](https://github.com/gradio-app/gradio/pull/12904) [`7c3fa2a`](https://github.com/gradio-app/gradio/commit/7c3fa2a6900cfa3c87cb61ffa9b34b75d1ae49ba) - Fix Loading Spinner Issue Caused by Events Targeting Components In Inactive Tabs.  Thanks @freddyaboulton!
+- [#12903](https://github.com/gradio-app/gradio/pull/12903) [`57707c7`](https://github.com/gradio-app/gradio/commit/57707c72edd0e9fee9821882f75ab322ce110fe3) - Fix Tab i18n issue.  Thanks @freddyaboulton!
+- [#12906](https://github.com/gradio-app/gradio/pull/12906) [`81482b5`](https://github.com/gradio-app/gradio/commit/81482b58706ee9948d0f04e84e632ebb8d4bf7ea) - Lazy load sub-tab and accordion components.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+- @gradio/button@0.6.4
+- @gradio/html@0.10.0
+- @gradio/tabs@0.5.7
+
+## 1.2.0
+
+### Features
+
+- [#12839](https://github.com/gradio-app/gradio/pull/12839) [`1c671b3`](https://github.com/gradio-app/gradio/commit/1c671b39830ccf1c87f6cfcb4669e97dfb3a7367) - Hide forms with no elements.  Thanks @aliabid94!
+
+### Fixes
+
+- [#12875](https://github.com/gradio-app/gradio/pull/12875) [`d0b3422`](https://github.com/gradio-app/gradio/commit/d0b34228d756334d901fc34971959ea422eb55bd) - Fix stop button not switching back to submit button in chat interface.  Thanks @freddyaboulton!
+- [#12797](https://github.com/gradio-app/gradio/pull/12797) [`6a0c6ea`](https://github.com/gradio-app/gradio/commit/6a0c6eae53931ec137c0b8379428acc8a7ea27c9) - Refactor translation logic.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/tabs@0.5.6
+- @gradio/code@0.17.3
+- @gradio/paramviewer@0.9.4
+- @gradio/upload@0.17.6
+- @gradio/video@0.20.3
+- @gradio/file@0.14.3
+- @gradio/image@0.25.3
+- @gradio/gallery@0.17.1
+- @gradio/plot@0.10.4
+- @gradio/checkbox@0.6.3
+- @gradio/textbox@0.13.4
+- @gradio/dropdown@0.11.4
+- @gradio/audio@0.22.3
+
+## 1.1.3
+
+### Fixes
+
+- [#12817](https://github.com/gradio-app/gradio/pull/12817) [`05acc66`](https://github.com/gradio-app/gradio/commit/05acc6627de866db6a742e0540c2733041d76a86) - Fix Login.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/file@0.14.2
+- @gradio/image@0.25.2
+- @gradio/upload@0.17.5
+- @gradio/video@0.20.2
+- @gradio/textbox@0.13.3
+- @gradio/checkbox@0.6.2
+- @gradio/audio@0.22.2
+- @gradio/gallery@0.17.0
+- @gradio/plot@0.10.3
+- @gradio/dropdown@0.11.3
+
+## 1.1.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12757](https://github.com/gradio-app/gradio/pull/12757) [`6d9c2d7`](https://github.com/gradio-app/gradio/commit/6d9c2d7d81e4b0936c15fac2eae9e7640ab22777) - Migrate Textbox to Svelte 5.  Thanks @dawoodkhan82!
+- [#12607](https://github.com/gradio-app/gradio/pull/12607) [`299728b`](https://github.com/gradio-app/gradio/commit/299728b707c88e7afbc6a60f1f266a9013fa424d) - fix: add ARIA landmarks for accessibility.  Thanks @majiayu000!
+
+### Dependency updates
+
+- @gradio/button@0.6.3
+- @gradio/code@0.17.1
+- @gradio/paramviewer@0.9.2
+- @gradio/statustracker@0.12.2
+- @gradio/tabitem@0.6.5
+- @gradio/tabs@0.5.5
+- @gradio/atoms@0.20.1
+- @gradio/column@0.3.2
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/image@0.25.1
+- @gradio/gallery@0.16.2
+- @gradio/plot@0.10.2
+- @gradio/theme@0.6.1
+- @gradio/textbox@0.13.2
+- @gradio/dropdown@0.11.2
+- @gradio/checkbox@0.6.1
+- @gradio/file@0.14.1
+- @gradio/video@0.20.1
+- @gradio/audio@0.22.1
+
+## 1.1.1
+
+### Features
+
+- [#12677](https://github.com/gradio-app/gradio/pull/12677) [`6f37743`](https://github.com/gradio-app/gradio/commit/6f377433e4c64f1d962eef0f9eff74676c72032b) - Make check for active page in navbar robust.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12681](https://github.com/gradio-app/gradio/pull/12681) [`ba46c2d`](https://github.com/gradio-app/gradio/commit/ba46c2df1405c11e495304af8f91acfdf69d0b18) - Migrate Button to Svelte 5.  Thanks @freddyaboulton!
+- [#12625](https://github.com/gradio-app/gradio/pull/12625) [`7fb79d4`](https://github.com/gradio-app/gradio/commit/7fb79d45bdc3597bf6b095ff64c420939257fba9) - Fix bug where tabs don't work inside gr.render.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/button@0.6.2
+- @gradio/client@2.0.2
+- @gradio/column@0.3.1
+- @gradio/theme@0.6.0
+- @gradio/gallery@0.16.1
+- @gradio/plot@0.10.1
+- @gradio/video@0.20.0
+
+## 1.1.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12569](https://github.com/gradio-app/gradio/pull/12569) [`9daf193`](https://github.com/gradio-app/gradio/commit/9daf1932291bea1fcbbe20096d28018657242295) - Add footer to bottom of page.  Thanks @freddyaboulton!
+- [#12600](https://github.com/gradio-app/gradio/pull/12600) [`1fafaba`](https://github.com/gradio-app/gradio/commit/1fafabaace315b1c699855cadb69eb17488de957) - Add x-gradio-user-header.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/checkbox@0.6.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/button@0.6.1
+- @gradio/gallery@0.16.0
+- @gradio/plot@0.10.0
+- @gradio/dropdown@0.11.0
+- @gradio/textbox@0.13.0
+- @gradio/file@0.14.0
+- @gradio/image@0.25.0
+- @gradio/video@0.19.0
+- @gradio/column@0.3.0
+- @gradio/audio@0.22.0
+- @gradio/code@0.17.0
+- @gradio/paramviewer@0.9.1
+- @gradio/tabitem@0.6.4
+- @gradio/tabs@0.5.4
+
+## 1.0.2
+
+### Fixes
+
+- [#12515](https://github.com/gradio-app/gradio/pull/12515) [`0892c29`](https://github.com/gradio-app/gradio/commit/0892c297b35742ed5cabf64d0846fd36ae02ecea) - Fix plot Rendering + visibility bug.  Thanks @freddyaboulton!
+- [#12493](https://github.com/gradio-app/gradio/pull/12493) [`8a6cff6`](https://github.com/gradio-app/gradio/commit/8a6cff6738d09a6e708fc6351d806967fa82ca91) - Fix bug where cancelling an events shows an error in the UI.  Thanks @freddyaboulton!
+- [#12518](https://github.com/gradio-app/gradio/pull/12518) [`e8efab2`](https://github.com/gradio-app/gradio/commit/e8efab2cb19860146cec7946e77b34a599ad6258) - Fix Settings.  Thanks @freddyaboulton!
+- [#12491](https://github.com/gradio-app/gradio/pull/12491) [`4f6327b`](https://github.com/gradio-app/gradio/commit/4f6327be6815fc8d574b60272b02915c75359ace) - Load visible components in 6.0.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/button@0.6.0
+- @gradio/dropdown@0.10.7
+- @gradio/textbox@0.12.1
+- @gradio/tabs@0.5.3
+- @gradio/tabitem@0.6.3
+- @gradio/audio@0.21.0
+- @gradio/video@0.18.0
+- @gradio/checkbox@0.5.1
+
+## 1.0.1
+
+### Fixes
+
+- [#12416](https://github.com/gradio-app/gradio/pull/12416) [`7e867fd`](https://github.com/gradio-app/gradio/commit/7e867fde9070849fb474a08544c72f2522a9cbe9) - Fix custom components for gradio 6.  Thanks @pngwn!
+- [#12461](https://github.com/gradio-app/gradio/pull/12461) [`9a86e80`](https://github.com/gradio-app/gradio/commit/9a86e8064787029bc20b086c6f3191879f786e0f) - Fix Login Gradio 6.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 1.0.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix browser component tests
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Walkthrough component
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Pass component props as input
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Rename show_api
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Copy as markdown button in API docs
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Deprecate sketch
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Remove SSE transport from MCP docs
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Be able to update visibility programmatically
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Reload Mode in 6.0
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix render status
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix statustracker for generating outputs
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - clean up some console logs
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - S5 df take3
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix status tracker iterative image
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix show_progress not being respected
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Api docs bug fix and some enhancements to the page
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix textbox updates
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Ensure `show_error` is always respected
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix: Using root instead of mcp_server_url for file upload config docs
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Chatbot autoscroll
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix vibe editor on 6.0
+
+### Fixes
+
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fixed several hardcoded UI labels in the chat_interface that did not implement i18n.
+
+## 1.0.0-dev.3
+
+### Features
+
+- [#12371](https://github.com/gradio-app/gradio/pull/12371) [`9e8a313`](https://github.com/gradio-app/gradio/commit/9e8a313b94259354da649310125d0142bb953fad) - Fix Walkthrough component.  Thanks @pngwn!
+- [#12393](https://github.com/gradio-app/gradio/pull/12393) [`02ce6d5`](https://github.com/gradio-app/gradio/commit/02ce6d5b768ddf68241bee92e11a166e97fd9b2d) - Remove SSE transport from MCP docs.  Thanks @abidlabs!
+- [#12383](https://github.com/gradio-app/gradio/pull/12383) [`6505763`](https://github.com/gradio-app/gradio/commit/650576399bad10f03aaa03dd9437f03b47ba378b) - Fix Reload Mode in 6.0.  Thanks @freddyaboulton!
+- [#12358](https://github.com/gradio-app/gradio/pull/12358) [`4552df4`](https://github.com/gradio-app/gradio/commit/4552df4e3698b39c58fc86d3023e434db6aeec1e) - Fix status tracker iterative image.  Thanks @freddyaboulton!
+- [#12374](https://github.com/gradio-app/gradio/pull/12374) [`c72972e`](https://github.com/gradio-app/gradio/commit/c72972e7c38d4a3511978c412759b9ac34bffcc4) - Ensure `show_error` is always respected.  Thanks @pngwn!
+- [#12372](https://github.com/gradio-app/gradio/pull/12372) [`a8c26e4`](https://github.com/gradio-app/gradio/commit/a8c26e406aa82e6e30f1556e62e54f99f64668bd) - Fix Chatbot autoscroll.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/button@0.5.14-dev.2
+- @gradio/upload@0.17.2-dev.2
+- @gradio/textbox@0.12.0-dev.2
+- @gradio/code@0.16.0-dev.3
+- @gradio/paramviewer@0.9.0-dev.1
+- @gradio/tabitem@0.6.2-dev.0
+- @gradio/tabs@0.5.2-dev.0
+- @gradio/gallery@0.15.35-dev.3
+- @gradio/plot@0.9.25-dev.1
+- @gradio/audio@0.20.0-dev.4
+- @gradio/image@0.24.0-dev.2
+- @gradio/video@0.17.0-dev.2
+- @gradio/column@0.2.2
+- @gradio/checkbox@0.5.0-dev.1
+- @gradio/dropdown@0.10.6-dev.2
+- @gradio/file@0.13.1-dev.2
+
+## 1.0.0-dev.2
+
+### Features
+
+- [#12337](https://github.com/gradio-app/gradio/pull/12337) [`83d92fd`](https://github.com/gradio-app/gradio/commit/83d92fd81c43a97f4d81c52f4a985f5e044ce817) - Fix statustracker for generating outputs.  Thanks @freddyaboulton!
+- [#12336](https://github.com/gradio-app/gradio/pull/12336) [`a8f784b`](https://github.com/gradio-app/gradio/commit/a8f784babf95c8e01137f1fbcc2a44bf5450b49a) - clean up some console logs.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/textbox@0.12.0-dev.1
+- @gradio/dropdown@0.10.6-dev.1
+- @gradio/code@0.16.0-dev.2
+
+## 1.0.0-dev.1
+
+### Features
+
+- [#12168](https://github.com/gradio-app/gradio/pull/12168) [`60b16b3`](https://github.com/gradio-app/gradio/commit/60b16b35d818a3950e71d3b1fcfde959dc59ede8) - Copy as markdown button in API docs.  Thanks @aliabd!
+
+### Fixes
+
+- [#12240](https://github.com/gradio-app/gradio/pull/12240) [`6a0cff1`](https://github.com/gradio-app/gradio/commit/6a0cff18ef6a9a580c26d3ed5f95d1f9de3a55c1) - Fixed several hardcoded UI labels in the chat_interface that did not implement i18n.  Thanks @arterm-sedov!
+
+### Dependency updates
+
+- @gradio/textbox@0.11.2-dev.0
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/image@0.23.2-dev.1
+- @gradio/button@0.5.14-dev.1
+- @gradio/column@0.2.2
+- @gradio/tabs@0.5.2-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/checkbox@0.5.0-dev.0
+- @gradio/paramviewer@0.9.0-dev.0
+- @gradio/code@0.15.1-dev.1
+- @gradio/tabitem@0.6.2-dev.0
+- @gradio/theme@0.5.0-dev.0
+- @gradio/video@0.17.0-dev.1
+- @gradio/gallery@0.15.35-dev.2
+- @gradio/plot@0.9.25-dev.0
+- @gradio/dropdown@0.10.6-dev.0
+- @gradio/file@0.13.1-dev.1
+
+## 1.0.0-dev.0
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+- @gradio/gallery@0.15.35-dev.1
+
+## 0.29.2
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/code@0.15.1-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/gallery@0.15.35-dev.0
+- @gradio/image@0.23.2-dev.0
+- @gradio/button@0.5.14-dev.0
+- @gradio/file@0.13.1-dev.0
+- @gradio/video@0.17.0-dev.0
+
+## 0.29.2
+
+### Fixes
+
+- [#11994](https://github.com/gradio-app/gradio/pull/11994) [`d6f591e`](https://github.com/gradio-app/gradio/commit/d6f591e823dad8e7387de4124fa1e3ab16203a73) - Add render_children parameter to Tab component.  Thanks @freddyaboulton!
+
+## 0.29.1
+
+### Fixes
+
+- [#11992](https://github.com/gradio-app/gradio/pull/11992) [`1ae2a57`](https://github.com/gradio-app/gradio/commit/1ae2a57a253c56cd8f3d3e5d795688fec80cab2c) - fix iframe sizing on spaces for apps runing in SPA mode.  Thanks @pngwn!
+- [#11993](https://github.com/gradio-app/gradio/pull/11993) [`0dc0be8`](https://github.com/gradio-app/gradio/commit/0dc0be8ff1526d43ba7b01ccc7d8173f92c5eed2) - Trigger Change Event if component is in inactive tab.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.29.0
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.29.0
+
+### Dependency updates
+
+- @gradio/paramviewer@0.8.1
+
+## 0.29.0
+
+### Features
+
+- [#11894](https://github.com/gradio-app/gradio/pull/11894) [`cf10724`](https://github.com/gradio-app/gradio/commit/cf107246c104f3d8be1adf7a4c3d85558a0a5497) - Remove additional indentation in python API docs.  Thanks @freddyaboulton!
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+- [#11902](https://github.com/gradio-app/gradio/pull/11902) [`6d39644`](https://github.com/gradio-app/gradio/commit/6d39644ee1000b04728eb4909cee405e7ee3b5b2) - Add navbar visibility controls and customization options.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11919](https://github.com/gradio-app/gradio/pull/11919) [`3b15f63`](https://github.com/gradio-app/gradio/commit/3b15f6370bc143c0acd91225574250bccf0a8877) - ensure spaces iframe resizes when images load.  Thanks @pngwn!
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+- [#11866](https://github.com/gradio-app/gradio/pull/11866) [`02df670`](https://github.com/gradio-app/gradio/commit/02df670eccf365c253f38b682a3000fe316eef22) - Fix i18n when accept-language header contains multiple values.  Thanks @freddyaboulton!
+- [#11903](https://github.com/gradio-app/gradio/pull/11903) [`895d884`](https://github.com/gradio-app/gradio/commit/895d884a7345894f95df5f131d6517e935fd275a) - enhanced_the_arabic_translation.  Thanks @makhlwf!
+
+### Dependency updates
+
+- @gradio/paramviewer@0.8.0
+- @gradio/code@0.15.0
+- @gradio/statustracker@0.11.1
+- @gradio/tabitem@0.6.1
+- @gradio/tabs@0.5.1
+- @gradio/atoms@0.18.0
+- @gradio/checkbox@0.4.30
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/button@0.5.13
+- @gradio/textbox@0.11.1
+- @gradio/gallery@0.15.33
+- @gradio/plot@0.9.24
+- @gradio/image@0.23.0
+- @gradio/column@0.2.2
+- @gradio/dropdown@0.10.4
+- @gradio/file@0.13.0
+- @gradio/video@0.16.0
+
+## 0.28.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+- [#11783](https://github.com/gradio-app/gradio/pull/11783) [`f407daf`](https://github.com/gradio-app/gradio/commit/f407daf8046f37e042ab8b86730ff0ab8d174bcf) - Add Walkthrough and Step compoents to facilitate multi-step workflows.  Thanks @pngwn!
+
+### Fixes
+
+- [#11815](https://github.com/gradio-app/gradio/pull/11815) [`1a477c5`](https://github.com/gradio-app/gradio/commit/1a477c5202c13097d1089fb70a32a08db22d7660) - Fix i18n string visible during load and i18n not respecting HTML.  Thanks @freddyaboulton!
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/gallery@0.15.32
+- @gradio/plot@0.9.23
+- @gradio/upload@0.16.17
+- @gradio/file@0.12.29
+- @gradio/image@0.22.18
+- @gradio/video@0.15.1
+- @gradio/tabitem@0.6.0
+- @gradio/tabs@0.5.0
+- @gradio/code@0.14.16
+- @gradio/paramviewer@0.7.16
+- @gradio/column@0.2.1
+- @gradio/textbox@0.11.0
+- @gradio/dropdown@0.10.3
+- @gradio/button@0.5.12
+- @gradio/checkbox@0.4.29
+
+## 0.27.2
+
+### Features
+
+- [#11764](https://github.com/gradio-app/gradio/pull/11764) [`e6ce731`](https://github.com/gradio-app/gradio/commit/e6ce731bbcf2889c8147e57bc2ca97e2c731ddf5) - Display performance metrics for API/MCP requests in View API page.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.27.1
+
+### Features
+
+- [#11767](https://github.com/gradio-app/gradio/pull/11767) [`f67faa4`](https://github.com/gradio-app/gradio/commit/f67faa464add0ef6a4a58d60eb2ae850125ebb87) - Use icons instead of Emojis in MCP page.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.27.0
+
+### Features
+
+- [#11723](https://github.com/gradio-app/gradio/pull/11723) [`379f0c1`](https://github.com/gradio-app/gradio/commit/379f0c151943b5f269910eba4a4c7abc6145a11c) - Support MCP resources and prompts.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11725](https://github.com/gradio-app/gradio/pull/11725) [`080f888`](https://github.com/gradio-app/gradio/commit/080f888e3b173b5b2deef5eaf9754f2a63adf1aa) - Ensure it is possible to use `@render` to generate Tabs.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.14.15
+- @gradio/statustracker@0.10.17
+- @gradio/paramviewer@0.7.15
+- @gradio/atoms@0.16.5
+- @gradio/column@0.2.1
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+- @gradio/dropdown@0.10.2
+- @gradio/textbox@0.10.20
+- @gradio/button@0.5.11
+- @gradio/gallery@0.15.31
+- @gradio/plot@0.9.22
+- @gradio/checkbox@0.4.28
+- @gradio/file@0.12.28
+- @gradio/video@0.15.0
+
+## 0.26.0
+
+### Features
+
+- [#11691](https://github.com/gradio-app/gradio/pull/11691) [`2605a99`](https://github.com/gradio-app/gradio/commit/2605a99bf29bebbbb0a97cc8e0015b5bf8d8e79b) - Add .failure() event listener for error handling.  Thanks @elanehan!
+
+### Fixes
+
+- [#11698](https://github.com/gradio-app/gradio/pull/11698) [`fc41f09`](https://github.com/gradio-app/gradio/commit/fc41f0950b7c427abcebdc9a113148a219d8f3f6) - Fix visibility changes in gr.render.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.14.14
+- @gradio/paramviewer@0.7.14
+- @gradio/statustracker@0.10.16
+- @gradio/video@0.14.24
+- @gradio/atoms@0.16.4
+- @gradio/column@0.2.1
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/button@0.5.10
+- @gradio/gallery@0.15.30
+- @gradio/plot@0.9.21
+- @gradio/checkbox@0.4.27
+- @gradio/textbox@0.10.19
+- @gradio/dropdown@0.10.1
+- @gradio/file@0.12.27
+- @gradio/image@0.22.16
+
+## 0.25.0
+
+### Features
+
+- [#11662](https://github.com/gradio-app/gradio/pull/11662) [`a78f5fa`](https://github.com/gradio-app/gradio/commit/a78f5fa466a4b11ffaaafc5099a64df49afb6e41) - Gradio vibe editor.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.14.13
+- @gradio/upload@0.16.13
+- @gradio/video@0.14.23
+- @gradio/client@1.16.0
+- @gradio/image@0.22.15
+- @gradio/button@0.5.9
+- @gradio/gallery@0.15.29
+- @gradio/file@0.12.26
+
+## 0.24.0
+
+### Dependency updates
+
+- @gradio/dropdown@0.10.0
+
+## 0.24.0
+
+### Features
+
+- [#11651](https://github.com/gradio-app/gradio/pull/11651) [`5b0e212`](https://github.com/gradio-app/gradio/commit/5b0e212ec0d54b5d793985de94c216bc5a73f610) - Allow users choose the MCP tools from MCP docs pane.  Thanks @abidlabs!
+- [#11622](https://github.com/gradio-app/gradio/pull/11622) [`ae9aaee`](https://github.com/gradio-app/gradio/commit/ae9aaeea62974f1fb533946a2a7c8461572778ef) - Expose Streamable HTTP endpoint in MCP Server at `/mcp`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/video@0.14.22
+- @gradio/code@0.14.12
+- @gradio/client@1.15.7
+- @gradio/gallery@0.15.28
+- @gradio/image@0.22.14
+- @gradio/button@0.5.8
+- @gradio/file@0.12.25
+
+## 0.23.2
+
+### Fixes
+
+- [#11632](https://github.com/gradio-app/gradio/pull/11632) [`8f19bff`](https://github.com/gradio-app/gradio/commit/8f19bffd04a73d4fc1080f5854caa0361516f3af) - ensure i18n is initialised before displaying localised loading text.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/textbox@0.10.18
+
+## 0.23.1
+
+### Features
+
+- [#11619](https://github.com/gradio-app/gradio/pull/11619) [`33c5d2b`](https://github.com/gradio-app/gradio/commit/33c5d2bb8214c0d7a90daca0f1eaf96411a52e79) - Add a query param for the selected language & make MCP the default option when `mcp_server` is enabled.  Thanks @abidlabs!
+- [#11615](https://github.com/gradio-app/gradio/pull/11615) [`e2b66d7`](https://github.com/gradio-app/gradio/commit/e2b66d718f3a8f57b6ee224502849ee737b1b120) - fix change events for hidden components.  Thanks @pngwn!
+
+### Fixes
+
+- [#11599](https://github.com/gradio-app/gradio/pull/11599) [`c39d373`](https://github.com/gradio-app/gradio/commit/c39d3739bf2494ad13556174757cdd56060f033e) - Ensure component visibility is correctly propagated to all components.  Thanks @copilot-swe-agent!
+
+## 0.23.0
+
+### Features
+
+- [#11578](https://github.com/gradio-app/gradio/pull/11578) [`872798a`](https://github.com/gradio-app/gradio/commit/872798a780dd81c834a44b05277f6c9ebe09de8b) - Add an `api_description` parameter for API and MCP server.  Thanks @abidlabs!
+- [#11543](https://github.com/gradio-app/gradio/pull/11543) [`ac95ac0`](https://github.com/gradio-app/gradio/commit/ac95ac0d8c2e65d1632376e632fb7d16131334b6) - Connection handling messaging.  Thanks @aliabid94!
+- [#11508](https://github.com/gradio-app/gradio/pull/11508) [`f5a6fa8`](https://github.com/gradio-app/gradio/commit/f5a6fa8c52bcb8f508e10ea54a3427f3dab8e3f8) - Handle uploading files in mcp server automatically.  Thanks @freddyaboulton!
+- [#11515](https://github.com/gradio-app/gradio/pull/11515) [`2c24ca7`](https://github.com/gradio-app/gradio/commit/2c24ca709396291a344d981c19ed1655028b5d64) - Making it easier for MCP developers call APIs with user credentials.  Thanks @freddyaboulton!
+- [#11584](https://github.com/gradio-app/gradio/pull/11584) [`78428cb`](https://github.com/gradio-app/gradio/commit/78428cb29bf6dc66d583b7cf93dd404aef737e75) - Fix reload mode.  Thanks @aliabid94!
+
+### Fixes
+
+- [#11590](https://github.com/gradio-app/gradio/pull/11590) [`33b6057`](https://github.com/gradio-app/gradio/commit/33b6057dc5cbdfdab15b1ee000b0f0b3d9f3fff6) - Add Gradio File Input keyword to gradio file inputs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/video@0.14.21
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/button@0.5.7
+- @gradio/upload@0.16.11
+- @gradio/checkbox@0.4.26
+- @gradio/image@0.22.13
+- @gradio/gallery@0.15.27
+- @gradio/plot@0.9.20
+- @gradio/textbox@0.10.17
+- @gradio/file@0.12.24
+- @gradio/code@0.14.11
+- @gradio/paramviewer@0.7.13
+- @gradio/column@0.2.1
+
+## 0.22.0
+
+### Features
+
+- [#11572](https://github.com/gradio-app/gradio/pull/11572) [`552a5eb`](https://github.com/gradio-app/gradio/commit/552a5ebf9beb5d543f82a24a546daaf9ad3d88b1) - handle i18n error when browsers aren't set to en.  Thanks @hannahblair!
+
+## 0.21.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+- [#11511](https://github.com/gradio-app/gradio/pull/11511) [`1a99336`](https://github.com/gradio-app/gradio/commit/1a99336043076e7b0a4c4b07f97082f0361882f4) - Fix SSR.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/column@0.2.1
+- @gradio/tabs@0.4.5
+- @gradio/upload@0.16.10
+- @gradio/video@0.14.20
+- @gradio/tabitem@0.5.0
+- @gradio/code@0.14.10
+- @gradio/paramviewer@0.7.12
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+- @gradio/button@0.5.6
+- @gradio/checkbox@0.4.25
+- @gradio/gallery@0.15.26
+- @gradio/plot@0.9.19
+- @gradio/textbox@0.10.16
+- @gradio/file@0.12.23
+
+## 0.20.0
+
+### Features
+
+- [#11392](https://github.com/gradio-app/gradio/pull/11392) [`dc760a6`](https://github.com/gradio-app/gradio/commit/dc760a6dd7d3375f99913059803a826cdf0f7102) - Add column-specific filtering to `gr.Dataframe`.  Thanks @tiago-gsantos!
+
+### Fixes
+
+- [#11421](https://github.com/gradio-app/gradio/pull/11421) [`c2acf6e`](https://github.com/gradio-app/gradio/commit/c2acf6e33025fe7bbfe0660c182006651cc95090) - Preserve value in reload mode.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/tabitem@0.4.6
+- @gradio/code@0.14.9
+- @gradio/upload@0.16.9
+- @gradio/video@0.14.19
+- @gradio/client@1.15.4
+- @gradio/button@0.5.5
+- @gradio/column@0.2.1
+- @gradio/image@0.22.11
+- @gradio/gallery@0.15.25
+- @gradio/file@0.12.22
+
+## 0.19.3
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.14.8
+- @gradio/paramviewer@0.7.11
+- @gradio/statustracker@0.10.13
+- @gradio/video@0.14.18
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/gallery@0.15.24
+- @gradio/plot@0.9.18
+- @gradio/upload@0.16.8
+- @gradio/checkbox@0.4.24
+- @gradio/button@0.5.4
+- @gradio/image@0.22.10
+- @gradio/column@0.2.0
+- @gradio/textbox@0.10.15
+- @gradio/file@0.12.21
+
+## 0.19.2
+
+### Dependency updates
+
+- @gradio/gallery@0.15.23
+- @gradio/plot@0.9.17
+- @gradio/statustracker@0.10.12
+- @gradio/button@0.5.3
+- @gradio/checkbox@0.4.23
+- @gradio/code@0.14.7
+- @gradio/paramviewer@0.7.10
+- @gradio/tabitem@0.4.5
+- @gradio/tabs@0.4.5
+
+## 0.19.2
+
+### Fixes
+
+- [#11364](https://github.com/gradio-app/gradio/pull/11364) [`467de5d`](https://github.com/gradio-app/gradio/commit/467de5d865f8b841cb0d065031d5458f52ee2d29) - Call load events on @gr.render.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/gallery@0.15.23
+- @gradio/code@0.14.7
+- @gradio/textbox@0.10.14
+
+## 0.19.1
+
+### Fixes
+
+- [#11338](https://github.com/gradio-app/gradio/pull/11338) [`b31c3ed`](https://github.com/gradio-app/gradio/commit/b31c3edef97373b96f188072d5bb16db9d690261) - Fix Reload Mode when using gr.render.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/video@0.14.17
+- @gradio/checkbox@0.4.23
+- @gradio/client@1.15.2
+- @gradio/button@0.5.3
+- @gradio/tabs@0.4.5
+- @gradio/tabitem@0.4.5
+- @gradio/code@0.14.6
+- @gradio/file@0.12.20
+- @gradio/image@0.22.9
+- @gradio/gallery@0.15.22
+
+## 0.19.0
+
+### Features
+
+- [#11306](https://github.com/gradio-app/gradio/pull/11306) [`6cd608d`](https://github.com/gradio-app/gradio/commit/6cd608d8f9b1a142c58f0d2db861845ec267f705) - Improvements for plots and event listeners in re-renders.  Thanks @aliabid94!
+- [#11328](https://github.com/gradio-app/gradio/pull/11328) [`ff39d56`](https://github.com/gradio-app/gradio/commit/ff39d568dc9a8a44807126c7366ac8f7dc63df12) - Update mcp schema to include return type information from function.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/textbox@0.10.13
+
+## 0.18.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/gallery@0.15.21
+- @gradio/plot@0.9.17
+- @gradio/button@0.5.2
+- @gradio/video@0.14.16
+- @gradio/image@0.22.8
+- @gradio/file@0.12.19
+
+## 0.18.1
+
+### Features
+
+- [#11289](https://github.com/gradio-app/gradio/pull/11289) [`1b6bd1e`](https://github.com/gradio-app/gradio/commit/1b6bd1ee5a96541e88b5834784b9acd6bd344187) - Include default values in MCP docs.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11271](https://github.com/gradio-app/gradio/pull/11271) [`ab25fb9`](https://github.com/gradio-app/gradio/commit/ab25fb9adb4e0401a060cdd07c0985483075123c) - Ensure i18n setup is complete when rendering.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/column@0.2.0
+- @gradio/code@0.14.5
+- @gradio/paramviewer@0.7.10
+- @gradio/client@1.15.1
+- @gradio/button@0.5.1
+- @gradio/upload@0.16.6
+- @gradio/image@0.22.7
+- @gradio/gallery@0.15.20
+- @gradio/plot@0.9.17
+- @gradio/checkbox@0.4.22
+- @gradio/file@0.12.19
+- @gradio/video@0.14.15
+- @gradio/textbox@0.10.12
+
+## 0.18.0
+
+### Features
+
+- [#11224](https://github.com/gradio-app/gradio/pull/11224) [`834e92c`](https://github.com/gradio-app/gradio/commit/834e92c187f200665c78c344f0b38f5adede807b) - Fix re-rendering with key when setting a value to None.  Thanks @aliabid94!
+- [#10832](https://github.com/gradio-app/gradio/pull/10832) [`d457438`](https://github.com/gradio-app/gradio/commit/d4574381bdd12709183c3affe740fada82b8baea) - Screen recording.  Thanks @dawoodkhan82!
+
+## 0.17.0
+
+### Features
+
+- [#11155](https://github.com/gradio-app/gradio/pull/11155) [`30a1d9e`](https://github.com/gradio-app/gradio/commit/30a1d9e2ac3013d9c844b236410010bce97ffaf5) - Improvements to MCP page.  Thanks @abidlabs!
+- [#11047](https://github.com/gradio-app/gradio/pull/11047) [`6d4b8a7`](https://github.com/gradio-app/gradio/commit/6d4b8a7f10daefc9c79aa224635da23fbaeebb76) - Implement custom i18n.  Thanks @hannahblair!
+
+### Fixes
+
+- [#11206](https://github.com/gradio-app/gradio/pull/11206) [`c196ac2`](https://github.com/gradio-app/gradio/commit/c196ac25b7744e9dcfa788b1ac8edf6551eec1ff) - Render key fixes.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.14.4
+- @gradio/paramviewer@0.7.9
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/button@0.5.0
+- @gradio/image@0.22.6
+- @gradio/video@0.14.14
+- @gradio/file@0.12.18
+- @gradio/column@0.2.0
+- @gradio/gallery@0.15.19
+- @gradio/plot@0.9.16
+- @gradio/textbox@0.10.11
+- @gradio/checkbox@0.4.21
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/tabs@0.4.4
+- @gradio/tabitem@0.4.4
+
+## 0.16.1
+
+### Fixes
+
+- [#11115](https://github.com/gradio-app/gradio/pull/11115) [`49e7a0d`](https://github.com/gradio-app/gradio/commit/49e7a0dd18174196b262d32e6c59d93ca40b1c73) - update STDIO instructions to specify sse-only transport.  Thanks @evalstate!
+
+### Dependency updates
+
+- @gradio/code@0.14.3
+- @gradio/button@0.4.18
+- @gradio/video@0.14.13
+- @gradio/upload@0.16.4
+- @gradio/image@0.22.5
+- @gradio/gallery@0.15.18
+- @gradio/file@0.12.17
+
+## 0.16.0
+
+### Features
+
+- [#10984](https://github.com/gradio-app/gradio/pull/10984) [`8dab577`](https://github.com/gradio-app/gradio/commit/8dab5771c7d952c76f325681dbf364119c91b0b1) - Let Gradio apps also be MCP Servers.  Thanks @abidlabs!
+
+## 0.15.1
+
+### Fixes
+
+- [#11088](https://github.com/gradio-app/gradio/pull/11088) [`a5105cc`](https://github.com/gradio-app/gradio/commit/a5105cccd6ca0682bd206608a080e24d69dad136) - fix: ensure all translation files work as expected.  Thanks @Col0ring!
+
+### Dependency updates
+
+- @gradio/gallery@0.15.17
+- @gradio/button@0.4.17
+- @gradio/video@0.14.12
+- @gradio/image@0.22.4
+
+## 0.15.0
+
+### Features
+
+- [#11027](https://github.com/gradio-app/gradio/pull/11027) [`eff532b`](https://github.com/gradio-app/gradio/commit/eff532b913a3c8f06f10a4f9471d3177e3744053) - Add new `ImageSlider` component.  Thanks @pngwn!
+
+### Fixes
+
+- [#11049](https://github.com/gradio-app/gradio/pull/11049) [`8d2aa3e`](https://github.com/gradio-app/gradio/commit/8d2aa3e99e165413bae1d8f5f3b4630e870308f5) - Ensure translations work as expected.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/code@0.14.2
+- @gradio/paramviewer@0.7.8
+- @gradio/statustracker@0.10.10
+- @gradio/image@0.22.3
+- @gradio/upload@0.16.3
+- @gradio/button@0.4.16
+- @gradio/video@0.14.11
+- @gradio/atoms@0.16.0
+- @gradio/column@0.2.0
+- @gradio/gallery@0.15.16
+- @gradio/plot@0.9.15
+- @gradio/textbox@0.10.10
+- @gradio/checkbox@0.4.20
+- @gradio/file@0.12.16
+
+## 0.14.1
+
+### Fixes
+
+- [#11038](https://github.com/gradio-app/gradio/pull/11038) [`fd46e48`](https://github.com/gradio-app/gradio/commit/fd46e48f516a2907c469c7a6d3e67ae9f7068b29) - Be able to dispatch Info messages from a component.  Thanks @freddyaboulton!
+
+## 0.14.0
+
+### Dependency updates
+
+- @gradio/code@0.14.1
+- @gradio/paramviewer@0.7.7
+- @gradio/statustracker@0.10.9
+- @gradio/tabitem@0.4.3
+- @gradio/tabs@0.4.3
+- @gradio/video@0.14.10
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/button@0.4.15
+- @gradio/upload@0.16.2
+- @gradio/image@0.22.2
+- @gradio/gallery@0.15.15
+- @gradio/plot@0.9.14
+- @gradio/textbox@0.10.9
+- @gradio/file@0.12.15
+- @gradio/checkbox@0.4.19
+- @gradio/column@0.2.0
+
+## 0.14.0
+
+### Features
+
+- [#10980](https://github.com/gradio-app/gradio/pull/10980) [`370b3e2`](https://github.com/gradio-app/gradio/commit/370b3e254411bce354354f6e14753cda464cc463) - Add i18n for chatbot interactions.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/button@0.4.14
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/column@0.2.0
+- @gradio/textbox@0.10.8
+- @gradio/icons@0.12.0
+- @gradio/gallery@0.15.14
+- @gradio/plot@0.9.13
+- @gradio/image@0.22.1
+- @gradio/code@0.14.0
+- @gradio/paramviewer@0.7.6
+- @gradio/video@0.14.9
+- @gradio/file@0.12.14
+- @gradio/checkbox@0.4.18
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/code@0.13.2
+- @gradio/paramviewer@0.7.5
+- @gradio/statustracker@0.10.7
+- @gradio/video@0.14.8
+- @gradio/button@0.4.13
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+- @gradio/image@0.22.0
+- @gradio/column@0.2.0
+- @gradio/gallery@0.15.13
+- @gradio/plot@0.9.12
+- @gradio/textbox@0.10.7
+- @gradio/checkbox@0.4.17
+- @gradio/file@0.12.13
+
+## 0.13.2
+
+### Fixes
+
+- [#10913](https://github.com/gradio-app/gradio/pull/10913) [`2322700`](https://github.com/gradio-app/gradio/commit/2322700812341a71a200958cdca793ca865c08c4) - Update i18n files.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/code@0.13.1
+- @gradio/video@0.14.7
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/gallery@0.15.12
+- @gradio/button@0.4.12
+- @gradio/image@0.21.7
+- @gradio/file@0.12.12
+
+## 0.13.1
+
+### Fixes
+
+- [#10841](https://github.com/gradio-app/gradio/pull/10841) [`8ff0a5e`](https://github.com/gradio-app/gradio/commit/8ff0a5e3e916ba6dfe6255ffcf4d09868ab29bde) - Fix path generation for returned files for bash API.  Thanks @cansik!
+
+### Dependency updates
+
+- @gradio/video@0.14.6
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/column@0.2.0
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/gallery@0.15.11
+- @gradio/upload@0.15.6
+- @gradio/plot@0.9.11
+- @gradio/button@0.4.11
+- @gradio/image@0.21.6
+- @gradio/textbox@0.10.6
+- @gradio/file@0.12.11
+- @gradio/checkbox@0.4.16
+- @gradio/code@0.13.0
+- @gradio/paramviewer@0.7.4
+
+## 0.13.0
+
+### Features
+
+- [#10778](https://github.com/gradio-app/gradio/pull/10778) [`373007b`](https://github.com/gradio-app/gradio/commit/373007b3e9d019ee41589d1dbb09a7511a024a51) - Allow sorting by multiple columns in dataframe.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/image@0.21.5
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/button@0.4.10
+- @gradio/video@0.14.5
+- @gradio/atoms@0.14.0
+- @gradio/code@0.12.0
+- @gradio/paramviewer@0.7.3
+- @gradio/gallery@0.15.10
+- @gradio/plot@0.9.10
+- @gradio/textbox@0.10.5
+- @gradio/column@0.2.0
+- @gradio/checkbox@0.4.15
+- @gradio/file@0.12.10
+
+## 0.12.1
+
+### Features
+
+- [#10694](https://github.com/gradio-app/gradio/pull/10694) [`16244f3`](https://github.com/gradio-app/gradio/commit/16244f3c1cb1a65ac1f719142f8fab67512fbb25) - Event Listeners in gradio sketch.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10719](https://github.com/gradio-app/gradio/pull/10719) [`b710d7c`](https://github.com/gradio-app/gradio/commit/b710d7cf13c1277fd18c7809cad0f707b880ef70) - Fix error display.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.11.2
+- @gradio/video@0.14.4
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/gallery@0.15.9
+- @gradio/upload@0.15.4
+- @gradio/button@0.4.9
+- @gradio/image@0.21.4
+- @gradio/file@0.12.9
+
+## 0.12.0
+
+### Features
+
+- [#10500](https://github.com/gradio-app/gradio/pull/10500) [`16d419b`](https://github.com/gradio-app/gradio/commit/16d419b9f1f18ae4507d18a4739eb83ac4f3fae9) - Allow functions that solely update component properties to run in the frontend by setting `js=True`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/video@0.14.3
+- @gradio/code@0.11.1
+- @gradio/client@1.13.0
+- @gradio/button@0.4.8
+- @gradio/image@0.21.3
+- @gradio/gallery@0.15.8
+- @gradio/file@0.12.8
+
+## 0.11.1
+
+### Features
+
+- [#10679](https://github.com/gradio-app/gradio/pull/10679) [`cb3c762`](https://github.com/gradio-app/gradio/commit/cb3c76205c3fc1fae55229b5efe223c6d5c5c907) - Add Thai Translate.  Thanks @haihandsome!
+
+## 0.11.0
+
+### Dependency updates
+
+- @gradio/code@0.11.0
+
+## 0.11.0
+
+### Features
+
+- [#10569](https://github.com/gradio-app/gradio/pull/10569) [`bd4895a`](https://github.com/gradio-app/gradio/commit/bd4895a95a29fa1f0d12fefde26a82a1d60954e9) - Update Lite to support multi-page apps.  Thanks @whitphx!
+- [#10630](https://github.com/gradio-app/gradio/pull/10630) [`77432c7`](https://github.com/gradio-app/gradio/commit/77432c7fa84c56ef76364bf23f4273e889a94a71) - gradio sketch - UI based gradio skeleton builder.  Thanks @aliabid94!
+
+### Fixes
+
+- [#10622](https://github.com/gradio-app/gradio/pull/10622) [`b505df0`](https://github.com/gradio-app/gradio/commit/b505df0b883d119d4660c25519497c4d86eea8d5) - Fix fill_width.  Thanks @aliabid94!
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/image@0.21.2
+- @gradio/upload@0.15.2
+- @gradio/code@0.10.18
+- @gradio/paramviewer@0.7.2
+- @gradio/statustracker@0.10.4
+- @gradio/video@0.14.2
+- @gradio/atoms@0.13.3
+- @gradio/gallery@0.15.7
+- @gradio/plot@0.9.9
+- @gradio/button@0.4.7
+- @gradio/column@0.2.0
+- @gradio/textbox@0.10.4
+- @gradio/checkbox@0.4.14
+- @gradio/file@0.12.7
+
+## 0.10.1
+
+### Features
+
+- [#10511](https://github.com/gradio-app/gradio/pull/10511) [`c4aa886`](https://github.com/gradio-app/gradio/commit/c4aa8864dabec4caeb59af91f6f1aaaf50e33b67) - Semantic search in the playground.  Thanks @aliabd!
+
+## 0.10.0
+
+### Features
+
+- [#10492](https://github.com/gradio-app/gradio/pull/10492) [`29880d5`](https://github.com/gradio-app/gradio/commit/29880d51fbe7fbd222b0765a83c95134dc7d0e90) - Allow showing progress updates on arbitrary components.  Thanks @abidlabs!
+- [#10552](https://github.com/gradio-app/gradio/pull/10552) [`ed25a10`](https://github.com/gradio-app/gradio/commit/ed25a1053a55ddd2cf7d3067c72bdf77185ada8d) - Add 1920px wide resolution for wide monitors.  Thanks @Oncorporation!
+
+### Fixes
+
+- [#10490](https://github.com/gradio-app/gradio/pull/10490) [`178311b`](https://github.com/gradio-app/gradio/commit/178311b72d72a3c5f4a67bee5e0098be4232e68c) - Ensure row numbers functionality in dataframe works as expected.  Thanks @hannahblair!
+- [#10534](https://github.com/gradio-app/gradio/pull/10534) [`855d870`](https://github.com/gradio-app/gradio/commit/855d87001a492afce1aff9c2eb3de765d8855828) - Footer alignment fix.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.10.17
+- @gradio/paramviewer@0.7.1
+- @gradio/statustracker@0.10.3
+- @gradio/tabitem@0.4.2
+- @gradio/tabs@0.4.2
+- @gradio/video@0.14.1
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/column@0.2.0
+- @gradio/theme@0.4.0
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/button@0.4.6
+- @gradio/wasm@0.17.3
+- @gradio/plot@0.9.8
+- @gradio/gallery@0.15.6
+- @gradio/image@0.21.1
+- @gradio/textbox@0.10.3
+- @gradio/file@0.12.6
+- @gradio/checkbox@0.4.13
+
+## 0.9.0
+
+### Features
+
+- [#10433](https://github.com/gradio-app/gradio/pull/10433) [`2e8dc74`](https://github.com/gradio-app/gradio/commit/2e8dc74f751be02f7217f78d241806b42fcdca04) - Allow building multipage Gradio apps.  Thanks @aliabid94!
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/button@0.4.5
+- @gradio/paramviewer@0.7.0
+- @gradio/code@0.10.16
+- @gradio/image@0.21.0
+- @gradio/gallery@0.15.5
+- @gradio/file@0.12.5
+- @gradio/video@0.14.0
+
+## 0.8.0
+
+### Features
+
+- [#10420](https://github.com/gradio-app/gradio/pull/10420) [`a69b8e8`](https://github.com/gradio-app/gradio/commit/a69b8e83ad7c89c627db2bdd5d25b0142731aaac) - Support column/row deletion in `gr.DataFrame`.  Thanks @abidlabs!
+- [#10435](https://github.com/gradio-app/gradio/pull/10435) [`ef66fe5`](https://github.com/gradio-app/gradio/commit/ef66fe52b22448a5125a314581f2ec6c73c24145) - Sidebar Component.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/button@0.4.4
+- @gradio/code@0.10.15
+- @gradio/file@0.12.4
+- @gradio/image@0.20.4
+- @gradio/video@0.13.4
+- @gradio/wasm@0.17.2
+- @gradio/gallery@0.15.4
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/button@0.4.3
+- @gradio/code@0.10.14
+- @gradio/file@0.12.3
+- @gradio/image@0.20.3
+- @gradio/video@0.13.3
+- @gradio/wasm@0.17.1
+- @gradio/gallery@0.15.3
+
+## 0.7.0
+
+### Features
+
+- [#10341](https://github.com/gradio-app/gradio/pull/10341) [`b0cf92f`](https://github.com/gradio-app/gradio/commit/b0cf92f03ba29f29fa540de8c5803a7263df0106) - PWA icon customization.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/textbox@0.10.2
+- @gradio/button@0.4.2
+- @gradio/video@0.13.2
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+- @gradio/image@0.20.2
+- @gradio/gallery@0.15.2
+- @gradio/plot@0.9.7
+- @gradio/tabitem@0.4.1
+- @gradio/tabs@0.4.1
+- @gradio/code@0.10.13
+- @gradio/paramviewer@0.6.4
+- @gradio/column@0.2.0
+- @gradio/file@0.12.2
+- @gradio/checkbox@0.4.12
+
+## 0.6.1
+
+### Fixes
+
+- [#10332](https://github.com/gradio-app/gradio/pull/10332) [`e742dcc`](https://github.com/gradio-app/gradio/commit/e742dcccb376692c9ddd5a6c251080e7c5936574) - Allow users to add a custom API route.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.10.12
+- @gradio/paramviewer@0.6.3
+- @gradio/video@0.13.1
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/column@0.2.0
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/gallery@0.15.1
+- @gradio/plot@0.9.6
+- @gradio/image@0.20.1
+- @gradio/file@0.12.1
+- @gradio/button@0.4.1
+- @gradio/textbox@0.10.1
+- @gradio/checkbox@0.4.11
+
+## 0.6.0
+
+### Dependency updates
+
+- @gradio/gallery@0.15.0
+
+## 0.6.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+- [#10254](https://github.com/gradio-app/gradio/pull/10254) [`da07707`](https://github.com/gradio-app/gradio/commit/da0770748db9ea40194a43c9138ee2c6536b1247) - Add a `settings` link to the footer with i18n options & pwa instructions.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10207](https://github.com/gradio-app/gradio/pull/10207) [`314a8b5`](https://github.com/gradio-app/gradio/commit/314a8b55f57a30806b37fe077b471df97d04245d) - fix: make sure `comp.instance` exists.  Thanks @Col0ring!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/gallery@0.14.1
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+- @gradio/plot@0.9.5
+- @gradio/image@0.20.0
+- @gradio/video@0.13.0
+- @gradio/file@0.12.0
+- @gradio/button@0.4.0
+- @gradio/tabs@0.4.0
+- @gradio/column@0.2.0
+- @gradio/tabitem@0.4.0
+- @gradio/code@0.10.11
+- @gradio/paramviewer@0.6.2
+- @gradio/textbox@0.10.0
+- @gradio/checkbox@0.4.10
+
+## 0.5.0
+
+### Features
+
+- [#10166](https://github.com/gradio-app/gradio/pull/10166) [`8ac5b13`](https://github.com/gradio-app/gradio/commit/8ac5b13c96f871ac4b0f13c6ebfbb5559a18bcc2) - Add Japanese translations for login UI.  Thanks @kazuhitoyokoi!
+- [#10159](https://github.com/gradio-app/gradio/pull/10159) [`7ca3685`](https://github.com/gradio-app/gradio/commit/7ca36850c9e46a1eb5b7a3866b4b166776b4146f) - Add Japanese message into message catalog.  Thanks @kazuhitoyokoi!
+
+### Fixes
+
+- [#10170](https://github.com/gradio-app/gradio/pull/10170) [`5e6e234`](https://github.com/gradio-app/gradio/commit/5e6e234cba820d29ebe29de2597d36ab3683093b) - Custom component in rerender.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/code@0.10.10
+- @gradio/paramviewer@0.6.1
+- @gradio/video@0.12.1
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/button@0.3.9
+- @gradio/atoms@0.12.0
+- @gradio/image@0.19.0
+- @gradio/gallery@0.14.0
+- @gradio/plot@0.9.4
+- @gradio/file@0.11.3
+- @gradio/column@0.2.0
+- @gradio/textbox@0.9.1
+- @gradio/checkbox@0.4.9
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/gallery@0.13.10
+- @gradio/paramviewer@0.6.0
+- @gradio/image@0.18.0
+- @gradio/video@0.12.0
+
+## 0.4.1
+
+### Fixes
+
+- [#9822](https://github.com/gradio-app/gradio/pull/9822) [`2e2cdbf`](https://github.com/gradio-app/gradio/commit/2e2cdbfb609ca992ccc31bb38589486aaaa14012) - Fix css preload when serving from proxied subpaths.  Thanks @amol-!
+
+### Dependency updates
+
+- @gradio/video@0.11.9
+- @gradio/atoms@0.11.2
+- @gradio/code@0.10.9
+- @gradio/paramviewer@0.5.8
+- @gradio/tabitem@0.3.5
+- @gradio/tabs@0.3.5
+- @gradio/utils@0.9.0
+- @gradio/button@0.3.8
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+- @gradio/gallery@0.13.9
+- @gradio/plot@0.9.3
+- @gradio/image@0.17.0
+- @gradio/file@0.11.2
+- @gradio/textbox@0.9.0
+- @gradio/column@0.2.0
+- @gradio/checkbox@0.4.8
+
+## 0.4.0
+
+### Features
+
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/video@0.11.8
+- @gradio/atoms@0.11.1
+- @gradio/code@0.10.8
+- @gradio/paramviewer@0.5.7
+- @gradio/tabitem@0.3.4
+- @gradio/tabs@0.3.4
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/button@0.3.7
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+- @gradio/gallery@0.13.8
+- @gradio/plot@0.9.2
+- @gradio/image@0.16.8
+- @gradio/file@0.11.1
+- @gradio/checkbox@0.4.7
+- @gradio/textbox@0.8.6
+- @gradio/column@0.2.0
+
+## 0.3.0
+
+### Features
+
+- [#9786](https://github.com/gradio-app/gradio/pull/9786) [`f109497`](https://github.com/gradio-app/gradio/commit/f109497e8281b3429b58e3f6a293dd63ebcc08af) - Fix frontend errors on ApiDocs and RecordingSnippet.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/code@0.10.7
+- @gradio/paramviewer@0.5.6
+- @gradio/video@0.11.7
+- @gradio/statustracker@0.9.4
+- @gradio/button@0.3.6
+- @gradio/atoms@0.11.0
+- @gradio/column@0.2.0
+- @gradio/file@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/checkbox@0.4.6
+- @gradio/wasm@0.15.0
+- @gradio/image@0.16.7
+- @gradio/gallery@0.13.7
+- @gradio/plot@0.9.1
+- @gradio/textbox@0.8.5
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/video@0.11.6
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/image@0.16.6
+- @gradio/upload@0.13.5
+- @gradio/plot@0.9.0
+- @gradio/gallery@0.13.6
+- @gradio/tabs@0.3.3
+- @gradio/tabitem@0.3.3
+- @gradio/code@0.10.6
+- @gradio/paramviewer@0.5.5
+- @gradio/button@0.3.5
+- @gradio/textbox@0.8.4
+- @gradio/column@0.2.0
+- @gradio/checkbox@0.4.5
+- @gradio/file@0.10.6
+
+## 0.2.1
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/button@0.3.4
+- @gradio/video@0.11.5
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+- @gradio/plot@0.8.0
+- @gradio/gallery@0.13.5
+- @gradio/tabs@0.3.2
+- @gradio/column@0.2.0
+- @gradio/tabitem@0.3.2
+- @gradio/code@0.10.5
+- @gradio/paramviewer@0.5.4
+- @gradio/textbox@0.8.3
+- @gradio/file@0.10.5
+- @gradio/checkbox@0.4.4
+- @gradio/image@0.16.5
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/markdown@0.10.3
+- @gradio/code@0.10.4
+- @gradio/paramviewer@0.5.3
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/button@0.3.3
+- @gradio/video@0.11.4
+- @gradio/atoms@0.9.2
+- @gradio/gallery@0.13.4
+- @gradio/plot@0.7.3
+- @gradio/column@0.2.0
+- @gradio/textbox@0.8.2
+- @gradio/checkbox@0.4.3
+- @gradio/file@0.10.4
+- @gradio/image@0.16.4
+
+## 0.2.0
+
+### Features
+
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+### Fixes
+
+- [#9728](https://github.com/gradio-app/gradio/pull/9728) [`d0b2ce8`](https://github.com/gradio-app/gradio/commit/d0b2ce8c0f150f0b636ad7d2226f7c8c61401996) - Ensure tabs render in SSR mode and reduce time it takes for them to render.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/video@0.11.3
+- @gradio/markdown@0.10.2
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/button@0.3.2
+- @gradio/wasm@0.14.2
+- @gradio/gallery@0.13.3
+- @gradio/plot@0.7.2
+- @gradio/image@0.16.3
+- @gradio/column@0.2.0
+- @gradio/textbox@0.8.1
+- @gradio/file@0.10.3
+- @gradio/checkbox@0.4.2
+- @gradio/tabs@0.3.1
+- @gradio/code@0.10.3
+- @gradio/paramviewer@0.5.2
+- @gradio/tabitem@0.3.1
+
+## 0.1.1
+
+### Dependency updates
+
+- @gradio/textbox@0.8.0
+
+## 0.1.1
+
+### Dependency updates
+
+- @gradio/code@0.10.2
+- @gradio/file@0.10.2
+- @gradio/upload@0.13.1
+- @gradio/image@0.16.2
+- @gradio/video@0.11.2
+- @gradio/button@0.3.1
+- @gradio/wasm@0.14.1
+- @gradio/gallery@0.13.2
+
+## 0.1.1
+
+### Features
+
+- [#9617](https://github.com/gradio-app/gradio/pull/9617) [`c163182`](https://github.com/gradio-app/gradio/commit/c163182d1b752ef91629f9caa13bf3cce0fb0869) - Fix dark mode detection and container height.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.10.1
+- @gradio/paramviewer@0.5.1
+- @gradio/video@0.11.1
+- @gradio/statustracker@0.8.1
+- @gradio/gallery@0.13.1
+- @gradio/markdown@0.10.1
+- @gradio/plot@0.7.1
+- @gradio/textbox@0.7.1
+- @gradio/column@0.2.0
+- @gradio/checkbox@0.4.1
+- @gradio/file@0.10.1
+- @gradio/image@0.16.1
+
+## 0.1.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - SSR e2e + fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix reload mode and streaming in 5.0 dev
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Disable liking user message in chatbot by default but make it configurable
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds ability to block event trigger when file is uploading
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Open audio/image input stream only when queue is ready
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming Guides
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Send Streaming data over Websocket if possible. Also support base64 output format for images.
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Remove lite/theme.css from the Git-managed file tree
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Update gr.Dataframe UI with action popover
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Video gallery
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix reload mode
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming inputs for 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - fix SSR apps on spaces
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix plots
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - prefix api routes
+
+### Fixes
+
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Trigger state change event on iterators
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#9590](https://github.com/gradio-app/gradio/pull/9590) [`e853c41`](https://github.com/gradio-app/gradio/commit/e853c413583d91186aef3aceb0849d0ec0494834) - SSR e2e + fixes.  Thanks @pngwn!
+- [#9575](https://github.com/gradio-app/gradio/pull/9575) [`4ec2feb`](https://github.com/gradio-app/gradio/commit/4ec2feb04e452d2c77482c09543c59948567be67) - Update gr.Dataframe UI with action popover.  Thanks @hannahblair!
+- [#9576](https://github.com/gradio-app/gradio/pull/9576) [`430a26a`](https://github.com/gradio-app/gradio/commit/430a26a4fbcbabb5e9ddb6173bf658a00960e88e) - Fix reload mode.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/code@0.10.0-beta.8
+- @gradio/paramviewer@0.4.22-beta.5
+- @gradio/tabitem@0.3.0-beta.4
+- @gradio/tabs@0.3.0-beta.3
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/image@0.16.0-beta.7
+- @gradio/video@0.11.0-beta.7
+- @gradio/button@0.3.0-beta.7
+- @gradio/markdown@0.10.0-beta.5
+- @gradio/gallery@0.13.0-beta.7
+- @gradio/plot@0.7.0-beta.6
+- @gradio/column@0.2.0-beta.2
+- @gradio/textbox@0.7.0-beta.5
+- @gradio/checkbox@0.4.0-beta.5
+- @gradio/file@0.10.0-beta.7
+
+## 0.1.0-beta.5
+
+### Features
+
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/tabitem@0.3.0-beta.4
+- @gradio/code@0.10.0-beta.7
+- @gradio/paramviewer@0.4.22-beta.4
+- @gradio/video@0.11.0-beta.6
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/image@0.16.0-beta.6
+- @gradio/gallery@0.13.0-beta.6
+- @gradio/markdown@0.10.0-beta.4
+- @gradio/plot@0.7.0-beta.5
+- @gradio/column@0.2.0-beta.2
+- @gradio/button@0.3.0-beta.6
+- @gradio/textbox@0.7.0-beta.4
+- @gradio/checkbox@0.4.0-beta.4
+- @gradio/file@0.10.0-beta.6
+
+## 0.1.0-beta.4
+
+### Dependency updates
+
+- @gradio/code@0.10.0-beta.6
+
+## 0.1.0-beta.4
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/video@0.11.0-beta.5
+- @gradio/tabs@0.3.0-beta.3
+- @gradio/column@0.2.0-beta.1
+- @gradio/tabitem@0.3.0-beta.3
+- @gradio/code@0.10.0-beta.5
+- @gradio/paramviewer@0.4.22-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/button@0.3.0-beta.5
+- @gradio/markdown@0.10.0-beta.3
+- @gradio/gallery@0.13.0-beta.5
+- @gradio/plot@0.7.0-beta.4
+- @gradio/file@0.10.0-beta.5
+- @gradio/checkbox@0.4.0-beta.3
+- @gradio/image@0.16.0-beta.5
+- @gradio/textbox@0.7.0-beta.3
+
+## 0.1.0-beta.4
+
+### Features
+
+- [#9464](https://github.com/gradio-app/gradio/pull/9464) [`3ac5d9c`](https://github.com/gradio-app/gradio/commit/3ac5d9c972576d82bc365a6532e6e12f55441a30) - Fix plots.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/button@0.3.0-beta.4
+- @gradio/markdown@0.10.0-beta.2
+- @gradio/textbox@0.7.0-beta.2
+- @gradio/checkbox@0.4.0-beta.2
+- @gradio/file@0.10.0-beta.4
+- @gradio/image@0.16.0-beta.4
+- @gradio/video@0.11.0-beta.4
+- @gradio/code@0.10.0-beta.4
+- @gradio/paramviewer@0.4.22-beta.2
+- @gradio/wasm@0.14.0-beta.3
+- @gradio/plot@0.7.0-beta.3
+- @gradio/gallery@0.13.0-beta.4
+
+## 0.1.0-beta.3
+
+### Features
+
+- [#9412](https://github.com/gradio-app/gradio/pull/9412) [`c2c2fd9`](https://github.com/gradio-app/gradio/commit/c2c2fd989348f826566773c07c0e0bda200199ff) - fix SSR apps on spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/video@0.11.0-beta.3
+- @gradio/code@0.10.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/button@0.3.0-beta.3
+- @gradio/gallery@0.13.0-beta.3
+- @gradio/file@0.10.0-beta.3
+- @gradio/image@0.16.0-beta.3
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#9323](https://github.com/gradio-app/gradio/pull/9323) [`06babda`](https://github.com/gradio-app/gradio/commit/06babda0395fd3fbd323c1c3cb33704ecfd6deb0) - Disable liking user message in chatbot by default but make it configurable.  Thanks @freddyaboulton!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9269](https://github.com/gradio-app/gradio/pull/9269) [`e05f568`](https://github.com/gradio-app/gradio/commit/e05f568f47e9fa33ef91dbbe5cc477d32762bc36) - Fix reload mode and streaming in 5.0 dev.  Thanks @freddyaboulton!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+- [#9335](https://github.com/gradio-app/gradio/pull/9335) [`b543465`](https://github.com/gradio-app/gradio/commit/b543465d06d7d1b399c4d0755da05e022611a97f) - Remove lite/theme.css from the Git-managed file tree.  Thanks @whitphx!
+
+### Fixes
+
+- [#9299](https://github.com/gradio-app/gradio/pull/9299) [`aa35b07`](https://github.com/gradio-app/gradio/commit/aa35b0788e613fdd45446d267513e6f94fa208ea) - Trigger state change event on iterators.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/gallery@0.13.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/markdown@0.10.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/plot@0.6.5-beta.2
+- @gradio/button@0.3.0-beta.2
+- @gradio/file@0.10.0-beta.2
+- @gradio/image@0.16.0-beta.2
+- @gradio/video@0.11.0-beta.2
+- @gradio/code@0.10.0-beta.2
+- @gradio/paramviewer@0.4.22-beta.2
+- @gradio/checkbox@0.4.0-beta.2
+- @gradio/column@0.2.0-beta.0
+- @gradio/textbox@0.7.0-beta.2
+- @gradio/tabs@0.3.0-beta.2
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#9200](https://github.com/gradio-app/gradio/pull/9200) [`2e179d3`](https://github.com/gradio-app/gradio/commit/2e179d35be6ed60a5a6bfc7303178d63e41781ad) - prefix api routes.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.1
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/image@0.16.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/markdown@0.9.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+- @gradio/theme@0.3.0-beta.1
+- @gradio/gallery@0.13.0-beta.1
+- @gradio/plot@0.6.5-beta.1
+- @gradio/tabs@0.3.0-beta.1
+- @gradio/column@0.2.0-beta.0
+- @gradio/button@0.3.0-beta.1
+- @gradio/textbox@0.7.0-beta.1
+- @gradio/code@0.9.1-beta.1
+- @gradio/paramviewer@0.4.22-beta.1
+- @gradio/file@0.9.4-beta.1
+- @gradio/checkbox@0.4.0-beta.1
+
+## 0.1.0-beta.0
+
+### Features
+
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+- [#9173](https://github.com/gradio-app/gradio/pull/9173) [`66349fe`](https://github.com/gradio-app/gradio/commit/66349fe26827e3a3c15b738a1177e95fec7f5554) - Streaming Guides.  Thanks @freddyaboulton!
+- [#9052](https://github.com/gradio-app/gradio/pull/9052) [`f3652eb`](https://github.com/gradio-app/gradio/commit/f3652ebe08211e12739df73c15fd97e5ff81276a) - Video gallery.  Thanks @dawoodkhan82!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+## 0.0.4
+
+### Dependency updates
+
+- @gradio/code@0.9.1
+- @gradio/paramviewer@0.4.22
+
+## 0.0.4
+
+### Fixes
+
+- [#9188](https://github.com/gradio-app/gradio/pull/9188) [`8f8e1c6`](https://github.com/gradio-app/gradio/commit/8f8e1c6a0b09b0d1985b8377d94d693cb00f8a18) - Fix multiple trigger bug when function has js.  Thanks @freddyaboulton!
+
+## 0.0.3
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.9.1
+- @gradio/paramviewer@0.4.22
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/button@0.2.51
+- @gradio/markdown@0.9.4
+- @gradio/gallery@0.12.2
+- @gradio/theme@0.2.5
+- @gradio/plot@0.6.5
+- @gradio/textbox@0.7.0
+- @gradio/image@0.15.1
+- @gradio/video@0.10.4
+- @gradio/file@0.9.4
+- @gradio/checkbox@0.3.13
+- @gradio/column@0.1.4
+- @gradio/tabs@0.2.14
+
+## 0.0.2
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/code@0.9.0
+- @gradio/paramviewer@0.4.21
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/button@0.2.50
+- @gradio/client@1.5.1
+- @gradio/markdown@0.9.3
+- @gradio/statustracker@0.7.5
+- @gradio/theme@0.2.4
+- @gradio/wasm@0.13.0
+- @gradio/gallery@0.12.1
+- @gradio/icons@0.7.1
+- @gradio/plot@0.6.4
+- @gradio/image@0.15.0
+- @gradio/video@0.10.3
+- @gradio/textbox@0.6.11
+- @gradio/column@0.1.3
+- @gradio/checkbox@0.3.12
+- @gradio/file@0.9.3
+- @gradio/tabs@0.2.13
\ No newline at end of file
diff --git a/js/core/blocks.ts b/js/core/blocks.ts
new file mode 100644
index 0000000..9e1db2f
--- /dev/null
+++ b/js/core/blocks.ts
@@ -0,0 +1 @@
+export { default as default } from "./src/Blocks.svelte";
diff --git a/js/core/index.ts b/js/core/index.ts
new file mode 100644
index 0000000..1a86497
--- /dev/null
+++ b/js/core/index.ts
@@ -0,0 +1,5 @@
+export { default as Embed } from "./src/Embed.svelte";
+export { prefix_css, mount_css } from "./src/css";
+export { AppTree } from "./src/init.svelte";
+export * from "./src/i18n";
+export type * from "./src/types";
diff --git a/js/core/login.ts b/js/core/login.ts
new file mode 100644
index 0000000..cfb757b
--- /dev/null
+++ b/js/core/login.ts
@@ -0,0 +1 @@
+export { default as default } from "./src/Login.svelte";
diff --git a/js/core/package.json b/js/core/package.json
new file mode 100644
index 0000000..ea9d462
--- /dev/null
+++ b/js/core/package.json
@@ -0,0 +1,107 @@
+{
+	"name": "@gradio/core",
+	"version": "1.9.0",
+	"type": "module",
+	"devDependencies": {
+		"@gradio/accordion": "workspace:^",
+		"@gradio/annotatedimage": "workspace:^",
+		"@gradio/atoms": "workspace:^",
+		"@gradio/audio": "workspace:^",
+		"@gradio/box": "workspace:^",
+		"@gradio/browserstate": "workspace:^",
+		"@gradio/button": "workspace:^",
+		"@gradio/chatbot": "workspace:^",
+		"@gradio/checkbox": "workspace:^",
+		"@gradio/checkboxgroup": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/code": "workspace:^",
+		"@gradio/colorpicker": "workspace:^",
+		"@gradio/column": "workspace:^",
+		"@gradio/dataframe": "workspace:^",
+		"@gradio/dataset": "workspace:^",
+		"@gradio/datetime": "workspace:^",
+		"@gradio/downloadbutton": "workspace:^",
+		"@gradio/dropdown": "workspace:^",
+		"@gradio/fallback": "workspace:^",
+		"@gradio/file": "workspace:^",
+		"@gradio/fileexplorer": "workspace:^",
+		"@gradio/form": "workspace:^",
+		"@gradio/gallery": "workspace:^",
+		"@gradio/group": "workspace:^",
+		"@gradio/highlightedtext": "workspace:^",
+		"@gradio/html": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/imageeditor": "workspace:^",
+		"@gradio/imageslider": "workspace:^",
+		"@gradio/json": "workspace:^",
+		"@gradio/label": "workspace:^",
+		"@gradio/markdown": "workspace:^",
+		"@gradio/model3d": "workspace:^",
+		"@gradio/multimodaltextbox": "workspace:^",
+		"@gradio/nativeplot": "workspace:^",
+		"@gradio/number": "workspace:^",
+		"@gradio/paramviewer": "workspace:^",
+		"@gradio/plot": "workspace:^",
+		"@gradio/radio": "workspace:^",
+		"@gradio/row": "workspace:^",
+		"@gradio/sidebar": "workspace:^",
+		"@gradio/simpledropdown": "workspace:^",
+		"@gradio/simpleimage": "workspace:^",
+		"@gradio/simpletextbox": "workspace:^",
+		"@gradio/slider": "workspace:^",
+		"@gradio/state": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/tabitem": "workspace:^",
+		"@gradio/tabs": "workspace:^",
+		"@gradio/textbox": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@gradio/timer": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/uploadbutton": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/vibeeditor": "workspace:^",
+		"@gradio/video": "workspace:^",
+		"@gradio/workflowcanvas": "workspace:^"
+	},
+	"msw": {
+		"workerDirectory": "public"
+	},
+	"main_changeset": true,
+	"exports": {
+		"./blocks": {
+			"gradio": "./src/Blocks.svelte",
+			"svelte": "./dist/src/Blocks.svelte",
+			"types": "./dist/src/Blocks.svelte.d.ts"
+		},
+		"./login": {
+			"gradio": "./src/Login.svelte",
+			"svelte": "./dist/src/Login.svelte",
+			"types": "./dist/src/Login.svelte.d.ts"
+		},
+		"./navbar_store": {
+			"gradio": "./src/navbar_store.ts",
+			"import": "./src/navbar_store.ts",
+			"types": "./src/navbar_store.ts"
+		},
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./index.ts",
+			"import": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"main": "./index.ts",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/core"
+	},
+	"dependencies": {
+		"dequal": "^2.0.3",
+		"svelte-i18n": "^4.0.1"
+	}
+}
diff --git a/js/core/public/favicon.png b/js/core/public/favicon.png
new file mode 100644
index 0000000..7e6f5eb
Binary files /dev/null and b/js/core/public/favicon.png differ
diff --git a/js/core/public/static/img/api-logo.svg b/js/core/public/static/img/api-logo.svg
new file mode 100644
index 0000000..bce49a5
--- /dev/null
+++ b/js/core/public/static/img/api-logo.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.9425 2.94265C27.4632 2.42195 27.4632 1.57773 26.9425 1.05703C26.4218 0.536329 25.5776 0.536329 25.0569 1.05703L22.5713 3.54256C21.1213 2.59333 19.5367 2.43378 18.1753 2.64006C16.5495 2.88638 15.1127 3.66838 14.3905 4.39053L12.3905 6.39053C12.1405 6.64058 12 6.97972 12 7.33334C12 7.68697 12.1405 8.0261 12.3905 8.27615L19.7239 15.6095C20.2446 16.1302 21.0888 16.1302 21.6095 15.6095L23.6095 13.6095C24.3316 12.8873 25.1136 11.4505 25.36 9.82475C25.5663 8.46312 25.4066 6.87827 24.4571 5.42807L26.9425 2.94265Z" fill="#3c4555"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.276 12.9426C12.7967 12.4219 12.7967 11.5777 12.276 11.057C11.7553 10.5363 10.9111 10.5363 10.3904 11.057L8.66651 12.7809L8.27615 12.3905C8.0261 12.1405 7.68697 12 7.33334 12C6.97972 12 6.64058 12.1405 6.39053 12.3905L4.39053 14.3905C3.66838 15.1127 2.88638 16.5495 2.64006 18.1753C2.43377 19.5367 2.59333 21.1214 3.54262 22.5714L1.05703 25.057C0.536329 25.5777 0.536329 26.4219 1.05703 26.9426C1.57773 27.4633 2.42195 27.4633 2.94265 26.9426L5.42817 24.4571C6.87835 25.4066 8.46315 25.5663 9.82475 25.36C11.4505 25.1136 12.8873 24.3316 13.6095 23.6095L15.6095 21.6095C16.1302 21.0888 16.1302 20.2446 15.6095 19.7239L15.2188 19.3332L16.9426 17.6093C17.4633 17.0886 17.4633 16.2444 16.9426 15.7237C16.4219 15.203 15.5777 15.203 15.057 15.7237L13.3332 17.4475L10.5521 14.6665L12.276 12.9426Z" fill="#FF7C00"/>
+</svg>
diff --git a/js/core/public/static/img/camera.svg b/js/core/public/static/img/camera.svg
new file mode 100644
index 0000000..b46daeb
--- /dev/null
+++ b/js/core/public/static/img/camera.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
\ No newline at end of file
diff --git a/js/core/public/static/img/clear.svg b/js/core/public/static/img/clear.svg
new file mode 100644
index 0000000..bea0330
--- /dev/null
+++ b/js/core/public/static/img/clear.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.9403949mm"
+   height="5.9403949mm"
+   viewBox="0 0 5.9403949 5.9403949"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="clear.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="10.925474"
+     inkscape:cx="4.1188143"
+     inkscape:cy="15.559965"
+     inkscape:window-width="1248"
+     inkscape:window-height="770"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-115.10942,-119.22353)">
+    <g
+       id="g239"
+       transform="matrix(0.05138986,0.05138986,-0.05138986,0.05138986,117.0869,112.75317)">
+      <rect
+         style="fill:#000000;stroke-width:0.295287"
+         id="rect31"
+         width="20"
+         height="80"
+         x="-111.51107"
+         y="42.193726"
+         rx="2.9434128"
+         ry="2.6448057"
+         transform="scale(-1,1)" />
+      <rect
+         style="fill:#000000;stroke-width:0.295287"
+         id="rect31-3"
+         width="20"
+         height="80"
+         x="-92.193726"
+         y="-141.51106"
+         rx="2.9434128"
+         ry="2.6448057"
+         transform="matrix(0,-1,-1,0,0,0)" />
+    </g>
+  </g>
+</svg>
diff --git a/js/core/public/static/img/edit.svg b/js/core/public/static/img/edit.svg
new file mode 100644
index 0000000..07fbe15
--- /dev/null
+++ b/js/core/public/static/img/edit.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   fill="#000000"
+   viewBox="0 0 24 24"
+   width="24px"
+   height="24px"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="edit.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.291667"
+     inkscape:cx="10.538745"
+     inkscape:cy="16.383764"
+     inkscape:window-width="1248"
+     inkscape:window-height="770"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 19.701578,1.2915129 c -0.814834,0 -1.629669,0.307743 -2.251701,0.9246243 l -1.319356,1.3084307 4.503402,4.46611 1.319356,-1.3084308 c 1.242939,-1.2326462 1.242939,-3.232347 0,-4.4661099 C 21.331247,1.5992559 20.516413,1.2915129 19.701578,1.2915129 Z M 14.441745,5.1993591 1.494465,18.039425 v 4.46611 H 5.997867 L 18.945148,9.665469 Z"
+     id="path2"
+     style="stroke-width:1.12118" />
+</svg>
diff --git a/js/core/public/static/img/javascript.svg b/js/core/public/static/img/javascript.svg
new file mode 100644
index 0000000..426b76c
--- /dev/null
+++ b/js/core/public/static/img/javascript.svg
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<rect width="32" height="32" fill="#f7df1e"></rect>
+	<path
+		d="M21.5,25a3.27,3.27,0,0,0,3,1.83c1.25,0,2-.63,2-1.49,0-1-.81-1.39-2.19-2L23.56,23C21.39,22.1,20,20.94,20,18.49c0-2.25,1.72-4,4.41-4a4.44,4.44,0,0,1,4.27,2.41l-2.34,1.5a2,2,0,0,0-1.93-1.29,1.31,1.31,0,0,0-1.44,1.29c0,.9.56,1.27,1.85,1.83l.75.32c2.55,1.1,4,2.21,4,4.72,0,2.71-2.12,4.19-5,4.19a5.78,5.78,0,0,1-5.48-3.07Zm-10.63.26c.48.84.91,1.55,1.94,1.55s1.61-.39,1.61-1.89V14.69h3V25c0,3.11-1.83,4.53-4.49,4.53a4.66,4.66,0,0,1-4.51-2.75Z"
+	></path>
+</svg>
diff --git a/js/core/public/static/img/logo.svg b/js/core/public/static/img/logo.svg
new file mode 100644
index 0000000..4666c03
--- /dev/null
+++ b/js/core/public/static/img/logo.svg
@@ -0,0 +1,19 @@
+<svg width="576" height="576" viewBox="0 0 576 576" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M287.5 229L86 344.5L287.5 460L489 344.5L287.5 229Z" stroke="url(#paint0_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M287.5 116L86 231.5L287.5 347L489 231.5L287.5 116Z" stroke="url(#paint1_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M86 344L288 229" stroke="url(#paint2_linear_102_7)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_102_7" x1="60" y1="344" x2="429.5" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_102_7" x1="513.5" y1="231" x2="143.5" y2="231" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_102_7" x1="60" y1="344" x2="428.987" y2="341.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/core/public/static/img/logo_error.svg b/js/core/public/static/img/logo_error.svg
new file mode 100644
index 0000000..5662b67
--- /dev/null
+++ b/js/core/public/static/img/logo_error.svg
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40.810085mm"
+   height="10.393202mm"
+   viewBox="0 0 40.810087 10.393202"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="logo_error.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="2.7313686"
+     inkscape:cx="97.020959"
+     inkscape:cy="33.133573"
+     inkscape:window-width="1278"
+     inkscape:window-height="991"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g880" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-90.438365,-136.96404)">
+    <path
+       style="fill:#000000;stroke-width:1.02388"
+       id="path21"
+       d="" />
+    <path
+       style="fill:#000000;stroke-width:0.271737"
+       id="path3317"
+       d="" />
+    <g
+       id="g880"
+       transform="matrix(0.56975915,0,0,0.56975915,63.360109,62.438369)">
+      <g
+         id="g842"
+         transform="matrix(0.79495203,0,0,0.79495203,13.79033,28.860894)">
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1-7"
+           width="10.522298"
+           height="2.9480448"
+           x="-146.48871"
+           y="70.555779"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1"
+           width="10.522298"
+           height="2.9480448"
+           x="-146.48871"
+           y="65.439095"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0478841"
+           id="rect5331-6-4"
+           width="10.56119"
+           height="2.9670203"
+           x="135.93057"
+           y="206.32899"
+           transform="matrix(0.87677457,-0.48090161,0,1,0,0)" />
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1-3"
+           width="10.561918"
+           height="2.9670298"
+           x="-135.92775"
+           y="75.596405"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0479552"
+           id="rect5331-6-3"
+           width="10.592357"
+           height="2.9670446"
+           x="125.25629"
+           y="195.93875"
+           transform="matrix(0.87755288,-0.47947986,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0478841"
+           id="rect5331-6-4-9"
+           width="10.56119"
+           height="2.9670203"
+           x="135.93057"
+           y="211.44563"
+           transform="matrix(0.87677457,-0.48090161,0,1,0,0)" />
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1-3-1"
+           width="10.561918"
+           height="2.9670298"
+           x="-135.92775"
+           y="80.713081"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0479552"
+           id="rect5331-6-3-2"
+           width="10.592357"
+           height="2.9670446"
+           x="125.25629"
+           y="201.05539"
+           transform="matrix(0.87755288,-0.47947986,0,1,0,0)" />
+      </g>
+      <text
+         xml:space="preserve"
+         style="font-size:12.9405px;line-height:1.25;font-family:Arial;-inkscape-font-specification:Arial;fill:#ec7c80;fill-opacity:1;stroke-width:0.323512"
+         x="50.629585"
+         y="144.87993"
+         id="text6662"><tspan
+           sodipodi:role="line"
+           id="tspan6660"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:'Arial Bold';fill:#ec7c80;fill-opacity:1;stroke-width:0.323512"
+           x="50.629585"
+           y="144.87993">ERROR</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/js/core/public/static/img/python.svg b/js/core/public/static/img/python.svg
new file mode 100644
index 0000000..ae0065b
--- /dev/null
+++ b/js/core/public/static/img/python.svg
@@ -0,0 +1,20 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M15.84.5a16.4,16.4,0,0,0-3.57.32C9.1,1.39,8.53,2.53,8.53,4.64V7.48H16v1H5.77a4.73,4.73,0,0,0-4.7,3.74,14.82,14.82,0,0,0,0,7.54c.57,2.28,1.86,3.82,4,3.82h2.6V20.14a4.73,4.73,0,0,1,4.63-4.63h7.38a3.72,3.72,0,0,0,3.73-3.73V4.64A4.16,4.16,0,0,0,19.65.82,20.49,20.49,0,0,0,15.84.5ZM11.78,2.77a1.39,1.39,0,0,1,1.38,1.46,1.37,1.37,0,0,1-1.38,1.38A1.42,1.42,0,0,1,10.4,4.23,1.44,1.44,0,0,1,11.78,2.77Z"
+		fill="#5a9fd4"
+	></path>
+	<path
+		d="M16.16,31.5a16.4,16.4,0,0,0,3.57-.32c3.17-.57,3.74-1.71,3.74-3.82V24.52H16v-1H26.23a4.73,4.73,0,0,0,4.7-3.74,14.82,14.82,0,0,0,0-7.54c-.57-2.28-1.86-3.82-4-3.82h-2.6v3.41a4.73,4.73,0,0,1-4.63,4.63H12.35a3.72,3.72,0,0,0-3.73,3.73v7.14a4.16,4.16,0,0,0,3.73,3.82A20.49,20.49,0,0,0,16.16,31.5Zm4.06-2.27a1.39,1.39,0,0,1-1.38-1.46,1.37,1.37,0,0,1,1.38-1.38,1.42,1.42,0,0,1,1.38,1.38A1.44,1.44,0,0,1,20.22,29.23Z"
+		fill="#ffd43b"
+	></path>
+</svg>
diff --git a/js/core/public/static/img/undo-solid.svg b/js/core/public/static/img/undo-solid.svg
new file mode 100644
index 0000000..bbbc967
--- /dev/null
+++ b/js/core/public/static/img/undo-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="undo" class="svg-inline--fa fa-undo fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"></path></svg>
\ No newline at end of file
diff --git a/js/core/src/Blocks.svelte b/js/core/src/Blocks.svelte
new file mode 100644
index 0000000..4fc4faf
--- /dev/null
+++ b/js/core/src/Blocks.svelte
@@ -0,0 +1,814 @@
+<script lang="ts">
+	import { tick, onMount, setContext, settled, untrack } from "svelte";
+	import type { Component } from "svelte";
+	import { _ } from "svelte-i18n";
+	import { Client } from "@gradio/client";
+	import { writable } from "svelte/store";
+
+	import type {
+		ComponentMeta,
+		Dependency as IDependency,
+		LayoutNode
+	} from "./types";
+	import type { ThemeMode, Payload } from "./types";
+	import { Toast } from "@gradio/statustracker";
+	import type { ToastMessage } from "@gradio/statustracker";
+	import { type ShareData, GRADIO_ROOT } from "@gradio/utils";
+
+	import MountComponents from "./MountComponents.svelte";
+	import { prefix_css } from "./css";
+	import { reactive_formatter } from "./gradio_helper";
+
+	import logo from "./images/logo.svg";
+	import api_logo from "./api_docs/img/api-logo.svg";
+	import settings_logo from "./api_docs/img/settings-logo.svg";
+	import record_stop from "./api_docs/img/record-stop.svg";
+	import { AppTree } from "./init.svelte";
+
+	import * as screen_recorder from "./screen_recorder";
+
+	import { DependencyManager } from "./dependency";
+	type AddNewMessage = (
+		title: string,
+		message: string,
+		fn_index: number,
+		type: ToastMessage["type"],
+		duration?: number | null,
+		visible?: boolean
+	) => void;
+
+	let {
+		root,
+		components,
+		layout,
+		dependencies,
+		title,
+		target,
+		autoscroll,
+		footer_links,
+		control_page_title,
+		app_mode,
+		theme_mode,
+		app,
+		space_id,
+		version,
+		js,
+		fill_height,
+		username,
+		api_prefix,
+		max_file_size,
+		initial_layout,
+		css,
+		vibe_mode,
+		search_params,
+		render_complete = $bindable(false),
+		ready = $bindable(false),
+		reload_count = $bindable(0),
+		add_new_message = $bindable()
+	}: {
+		root: string;
+		components: ComponentMeta[];
+		layout: LayoutNode;
+		dependencies: IDependency[];
+		title: string;
+		target: HTMLElement;
+		autoscroll: boolean;
+		footer_links: string[];
+		control_page_title: boolean;
+		app_mode: boolean;
+		theme_mode: ThemeMode;
+		app: Awaited<ReturnType<typeof Client.connect>>;
+		space_id: string | null;
+		version: string;
+		js: string | null;
+		fill_height: boolean;
+		username: string | null;
+		api_prefix: string;
+		max_file_size: number | undefined;
+		initial_layout: ComponentMeta | undefined;
+		css: string | null | undefined;
+		vibe_mode: boolean;
+		search_params: URLSearchParams;
+		render_complete: boolean;
+		ready: boolean;
+		reload_count: number;
+		add_new_message: AddNewMessage;
+	} = $props();
+
+	components.forEach((comp) => {
+		if (!comp.props.i18n) {
+			comp.props.i18n = $reactive_formatter;
+		}
+		// Inject the live formatter store so components can re-translate their
+		// props when the locale changes at runtime. This must come from core,
+		// which owns the canonical svelte-i18n instance — @gradio/utils resolves
+		// its own duplicate copy whose locale store is never updated.
+		comp.props.i18n_store = reactive_formatter;
+	});
+
+	let messages: (ToastMessage & { fn_index: number })[] = $state([]);
+	let reconnect_interval: ReturnType<typeof setInterval> | null = null;
+
+	function gradio_event_dispatcher(
+		id: number,
+		event: string,
+		data: unknown
+	): void {
+		if (event === "share") {
+			const { title, description } = data as ShareData;
+			// trigger_share(title, description);
+			// TODO: lets combine all of the into a log type with levels
+		} else if (event === "error") {
+			new_message("Error", data as string, -1, event, 10, true);
+		} else if (event === "warning") {
+			new_message("Warning", data as string, -1, event, 10, true);
+		} else if (event === "info") {
+			new_message("Info", data as string, -1, event, 10, true);
+		} else if (event === "gradio_expand" || event === "gradio_tab_select") {
+			const id_ =
+				event === "gradio_expand"
+					? id
+					: (data as { component_id: number }).component_id;
+			app_tree.render_previously_invisible_children(id_);
+		} else if (event == "clear_status") {
+			app_tree.update_state(
+				id,
+				{
+					loading_status: {}
+				},
+				false
+			);
+			dep_manager.clear_loading_status(id);
+			// TODO: the loading_status store should handle this via a method
+			// update_status(id, "complete", data);
+		} else if (event == "close_stream") {
+			dep_manager.close_stream(id);
+		} else if (event === "custom_button_click") {
+			const button_id = (data as { id: number }).id;
+			dispatch_to_target(button_id, "click", null);
+		} else {
+			dep_manager.dispatch({
+				type: "event",
+				event_name: event,
+				target_id: id,
+				event_data: data
+			});
+		}
+	}
+
+	let app_tree = new AppTree(
+		components,
+		layout,
+		dependencies,
+		{
+			root,
+			theme: theme_mode,
+			version,
+			api_prefix,
+			max_file_size,
+			autoscroll,
+			fill_height
+		},
+		app,
+		$reactive_formatter,
+		gradio_event_dispatcher
+	);
+
+	function dispatch_to_target(
+		target_id: number,
+		event: string,
+		data: unknown
+	): void {
+		dep_manager.dispatch({
+			type: "event",
+			event_name: event,
+			target_id: target_id,
+			event_data: data
+		});
+	}
+
+	let api_calls: Payload[] = $state([]);
+	let last_api_call: Payload | null = $state(null);
+	// We need a callback to add to api_calls from the DependencyManager
+	// We can't update a state variable from inside the DependencyManager because
+	// svelte won't see it and won't update the UI.
+	let add_to_api_calls = (payload: Payload): void => {
+		last_api_call = payload;
+		if (!api_recorder_visible) return;
+		api_calls = [...api_calls, last_api_call];
+	};
+
+	function handle_connection_lost(): void {
+		messages = messages.filter((m) => m.type !== "error");
+
+		++_error_id;
+		messages.push({
+			title: "Connection Lost",
+			message: LOST_CONNECTION_MESSAGE,
+			fn_index: -1,
+			type: "error",
+			id: _error_id,
+			duration: null,
+			visible: true
+		});
+
+		reconnect_interval = setInterval(async () => {
+			try {
+				const status = await app.reconnect();
+				if (status === "connected" || status === "changed") {
+					clearInterval(reconnect_interval!);
+					reconnect_interval = null;
+					window.location.reload();
+				}
+			} catch (e) {
+				// server still unreachable
+				console.debug(e);
+			}
+		}, 2000);
+	}
+
+	let dep_manager = new DependencyManager(
+		dependencies,
+		app,
+		app_tree.update_state.bind(app_tree),
+		app_tree.get_state.bind(app_tree),
+		app_tree.rerender.bind(app_tree),
+		new_message,
+		add_to_api_calls,
+		handle_connection_lost
+	);
+
+	$effect(() => {
+		reload_count;
+		untrack(() => {
+			app_tree.reload(components, layout, dependencies, {
+				root,
+				theme: theme_mode,
+				version,
+				api_prefix,
+				max_file_size,
+				autoscroll,
+				fill_height
+			});
+			dep_manager.reload(
+				dependencies,
+				app_tree.update_state.bind(app_tree),
+				app_tree.get_state.bind(app_tree),
+				app_tree.rerender.bind(app_tree),
+				app
+			);
+		});
+	});
+
+	let vibe_editor_width = 350;
+
+	// export let
+	let api_docs_visible = $derived(
+		search_params.get("view") === "api" && footer_links.includes("api")
+	);
+	let settings_visible = $derived(search_params.get("view") === "settings");
+	let api_recorder_visible = $derived(
+		search_params.get("view") === "api-recorder" && footer_links.includes("api")
+	);
+	let allow_zoom = true;
+	let allow_video_trim = true;
+
+	// Lazy component loading state
+	let ApiDocs: Component<any> | null = null;
+	let ApiRecorder: Component<any> | null = null;
+	let Settings: Component<any> | null = null;
+	let VibeEditor: any = $state(null);
+
+	async function loadApiDocs(): Promise<void> {
+		if (!ApiDocs || !ApiRecorder) {
+			const api_docs_module = await import("./api_docs/ApiDocs.svelte");
+			const api_recorder_module = await import("./api_docs/ApiRecorder.svelte");
+			if (!ApiDocs) ApiDocs = api_docs_module?.default;
+			if (!ApiRecorder) ApiRecorder = api_recorder_module?.default;
+		}
+	}
+
+	async function loadApiRecorder(): Promise<void> {
+		if (!ApiRecorder) {
+			const api_recorder_module = await import("./api_docs/ApiRecorder.svelte");
+			ApiRecorder = api_recorder_module.default;
+		}
+	}
+
+	async function loadSettings(): Promise<void> {
+		if (!Settings) {
+			const settings_module = await import("./api_docs/Settings.svelte");
+			Settings = settings_module.default;
+		}
+	}
+
+	async function loadVibeEditor(): Promise<void> {
+		if (!VibeEditor) {
+			const vibe_editor_module = await import("@gradio/vibeeditor");
+			VibeEditor = vibe_editor_module.default;
+		}
+	}
+
+	async function set_api_docs_visible(visible: boolean): Promise<void> {
+		api_recorder_visible = false;
+		if (visible) {
+			await loadApiDocs();
+		}
+		api_docs_visible = visible;
+		let params = new URLSearchParams(window.location.search);
+		if (visible) {
+			params.set("view", "api");
+		} else {
+			params.delete("view");
+		}
+		history.replaceState(null, "", "?" + params.toString());
+	}
+
+	async function set_settings_visible(visible: boolean): Promise<void> {
+		if (visible) {
+			await loadSettings();
+		}
+		let params = new URLSearchParams(window.location.search);
+		if (visible) {
+			params.set("view", "settings");
+		} else {
+			params.delete("view");
+		}
+		history.replaceState(null, "", "?" + params.toString());
+		settings_visible = !settings_visible;
+	}
+
+	let layout_creating = false;
+	//
+
+	function new_message(
+		title: string,
+		message: string,
+		fn_index: number,
+		type: ToastMessage["type"],
+		duration: number | null = 10,
+		visible = false
+	): void {
+		if (!visible) return;
+		messages.push({
+			title,
+			message,
+			fn_index,
+			type,
+			id: ++_error_id,
+			duration,
+			visible
+		});
+	}
+
+	add_new_message = new_message;
+
+	let _error_id = -1;
+
+	const MESSAGE_QUOTE_RE = /^'([^]+)'$/;
+
+	const DUPLICATE_MESSAGE = $reactive_formatter("blocks.long_requests_queue");
+	const MOBILE_QUEUE_WARNING = $reactive_formatter(
+		"blocks.connection_can_break"
+	);
+	const LOST_CONNECTION_MESSAGE =
+		"Connection to the server was lost. Attempting reconnection...";
+	const CHANGED_CONNECTION_MESSAGE =
+		"Reconnected to server, but the server has changed. You may need to <a href=''>refresh the page</a>.";
+	const RECONNECTION_MESSAGE = "Connection re-established.";
+	const SESSION_NOT_FOUND_MESSAGE =
+		"Session not found - this is likely because the machine you were connected to has changed. <a href=''>Refresh the page</a> to continue.";
+	const WAITING_FOR_INPUTS_MESSAGE = $reactive_formatter(
+		"blocks.waiting_for_inputs"
+	);
+	const SHOW_DUPLICATE_MESSAGE_ON_ETA = 15;
+	const SHOW_MOBILE_QUEUE_WARNING_ON_ETA = 10;
+	let is_mobile_device = false;
+	let showed_duplicate_message = false;
+	let showed_mobile_warning = false;
+	let inputs_waiting: number[] = [];
+
+	// as state updates are not synchronous, we need to ensure updates are flushed before triggering any requests
+
+	let is_screen_recording = writable(false);
+
+	let footer_height = 0;
+
+	let root_container: HTMLElement;
+
+	function get_root_node(container: HTMLElement | null): HTMLElement | null {
+		if (!container) return null;
+		return container.children[container.children.length - 1] as HTMLElement;
+	}
+
+	let last_reported_height = 0;
+	let consecutive_grows = 0;
+
+	function handle_resize(): void {
+		if (!("parentIFrame" in window)) return;
+		const box = root_container.children[0].getBoundingClientRect();
+		if (!box) return;
+		const next = box.bottom + footer_height + 32;
+		const viewport = window.innerHeight;
+
+		// Ignore sub-pixel echoes from our own resize.
+		if (Math.abs(next - last_reported_height) < 2) {
+			consecutive_grows = 0;
+			return;
+		}
+
+		if (next > last_reported_height) {
+			// Content sized in viewport-relative units (`vh`/`%`) or stretched by
+			// `fill_height` grows to fill whatever height the iframe is given, so its
+			// measured bottom just tracks the viewport. Requesting a larger size in
+			// that case feeds back into an unbounded growth loop (#12089, #12992).
+			// (a) If the content merely fills the viewport (no real overflow), don't grow.
+			if (next > viewport && box.bottom <= viewport + 2) return;
+			// (b) Circuit breaker: if we keep growing tick after tick, the content is
+			// tracking the iframe we just grew (a feedback loop), not genuinely taller
+			// content. Stop growing so the height stays bounded. Legitimate content
+			// (late-loading images, revealed blocks) settles within a few grows.
+			consecutive_grows += 1;
+			if (consecutive_grows > 4) return;
+		} else {
+			// Shrinking to fit shorter content is always safe and breaks any loop.
+			consecutive_grows = 0;
+		}
+
+		last_reported_height = next;
+		window.parentIFrame?.size(next);
+	}
+
+	function screen_recording(): void {
+		if ($is_screen_recording) {
+			screen_recorder.stopRecording();
+		} else {
+			screen_recorder.startRecording();
+		}
+	}
+
+	onMount(() => {
+		is_mobile_device =
+			/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+				navigator.userAgent
+			);
+
+		if ("parentIFrame" in window) {
+			window.parentIFrame?.autoResize(false);
+		}
+
+		const mut = new MutationObserver(handle_resize);
+		const res = new ResizeObserver(handle_resize);
+
+		mut.observe(root_container, {
+			childList: true,
+			subtree: true,
+			attributes: true
+		});
+		res.observe(root_container);
+
+		app_tree.ready.then(() => {
+			ready = true;
+			dep_manager.dispatch_load_events();
+		});
+
+		if (vibe_mode) {
+			void loadVibeEditor();
+		}
+
+		return () => {
+			mut.disconnect();
+			res.disconnect();
+			if (reconnect_interval) clearInterval(reconnect_interval);
+		};
+	});
+
+	function handle_close(id: number): void {
+		messages = messages.filter((m) => m.id !== id);
+	}
+</script>
+
+<svelte:head>
+	{#if control_page_title}
+		<title>{title}</title>
+	{/if}
+	{#if css}
+		{@html `\<style\>${prefix_css(css, version)}</style>`}
+	{/if}
+</svelte:head>
+
+<div class="wrap" style:min-height={app_mode ? "100%" : "auto"}>
+	<main
+		class="contain"
+		style:flex-grow={app_mode ? "1" : "auto"}
+		bind:this={root_container}
+		style:margin-right={vibe_mode ? `${vibe_editor_width}px` : "0"}
+	>
+		<MountComponents node={app_tree.root} />
+	</main>
+
+	{#if footer_links.length > 0}
+		<footer
+			bind:clientHeight={footer_height}
+			aria-label="Gradio footer navigation"
+		>
+			{#if footer_links.includes("api")}
+				<button
+					on:click={() => {
+						set_api_docs_visible(!api_docs_visible);
+					}}
+					on:mouseenter={() => {
+						loadApiDocs();
+						loadApiRecorder();
+					}}
+					class="show-api"
+				>
+					{#if app.config?.mcp_server}
+						{$reactive_formatter("errors.use_via_api_or_mcp")}
+					{:else}
+						{$reactive_formatter("errors.use_via_api")}
+					{/if}
+					<img src={api_logo} alt={$reactive_formatter("common.logo")} />
+				</button>
+			{/if}
+			{#if footer_links.includes("gradio")}
+				<div class="divider show-api-divider">·</div>
+				<a
+					href="https://gradio.app"
+					class="built-with"
+					target="_blank"
+					rel="noreferrer"
+				>
+					{$reactive_formatter("common.built_with_gradio")}
+					<img src={logo} alt={$reactive_formatter("common.logo")} />
+				</a>
+			{/if}
+			<button
+				class:hidden={!$is_screen_recording}
+				on:click={() => {
+					screen_recording();
+				}}
+				class="record"
+			>
+				{$reactive_formatter("common.stop_recording")}
+				<img
+					src={record_stop}
+					alt={$reactive_formatter("common.stop_recording")}
+				/>
+			</button>
+			<div class="divider">·</div>
+			{#if footer_links.includes("settings")}
+				<div class="divider" class:hidden={!$is_screen_recording}>·</div>
+				<button
+					on:click={() => {
+						set_settings_visible(!settings_visible);
+					}}
+					on:mouseenter={() => {
+						loadSettings();
+					}}
+					class="settings"
+				>
+					{$reactive_formatter("common.settings")}
+					<img
+						src={settings_logo}
+						alt={$reactive_formatter("common.settings")}
+					/>
+				</button>
+			{/if}
+		</footer>
+	{/if}
+	{#if api_recorder_visible && ApiRecorder}
+		<!-- TODO: fix -->
+		<!-- svelte-ignore a11y-click-events-have-key-events-->
+		<!-- svelte-ignore a11y-no-static-element-interactions-->
+		<div
+			id="api-recorder-container"
+			on:click={() => {
+				set_api_docs_visible(true);
+				api_recorder_visible = false;
+			}}
+		>
+			<svelte:component this={ApiRecorder} {api_calls} {dependencies} />
+		</div>
+	{/if}
+
+	{#if api_docs_visible && app_tree.root && ApiDocs}
+		<div
+			class="api-docs"
+			role="dialog"
+			aria-modal="true"
+			aria-label={$reactive_formatter("errors.use_via_api")}
+		>
+			<!-- TODO: fix -->
+			<!-- svelte-ignore a11y-click-events-have-key-events-->
+			<!-- svelte-ignore a11y-no-static-element-interactions-->
+			<div
+				class="backdrop"
+				on:click={() => {
+					set_api_docs_visible(false);
+				}}
+			/>
+			<div class="api-docs-wrap" role="document">
+				<svelte:component
+					this={ApiDocs}
+					root_node={app_tree.root}
+					on:close={(event) => {
+						set_api_docs_visible(false);
+						api_calls = [];
+						api_recorder_visible = api_recorder_visible =
+							event.detail?.api_recorder_visible;
+					}}
+					{dependencies}
+					{root}
+					{app}
+					{space_id}
+					{api_calls}
+					{username}
+					{last_api_call}
+				/>
+			</div>
+		</div>
+	{/if}
+
+	{#if settings_visible && app.config && app_tree.root && Settings}
+		<div
+			class="api-docs"
+			role="dialog"
+			aria-modal="true"
+			aria-label={$reactive_formatter("common.settings")}
+		>
+			<!-- TODO: fix -->
+			<!-- svelte-ignore a11y-click-events-have-key-events-->
+			<!-- svelte-ignore a11y-no-static-element-interactions-->
+			<div
+				class="backdrop"
+				on:click={() => {
+					set_settings_visible(false);
+				}}
+			/>
+			<div class="api-docs-wrap" role="document">
+				<svelte:component
+					this={Settings}
+					bind:allow_zoom
+					bind:allow_video_trim
+					onclose={() => {
+						set_settings_visible(false);
+					}}
+					start_recording={() => {
+						screen_recording();
+					}}
+					pwa_enabled={app.config.pwa}
+					{root}
+					{space_id}
+					i18n={$reactive_formatter}
+				/>
+			</div>
+		</div>
+	{/if}
+
+	{#if vibe_mode && VibeEditor}
+		<svelte:component this={VibeEditor} {app} {root} />
+	{/if}
+</div>
+
+{#if messages}
+	<Toast {messages} on_close={handle_close} />
+{/if}
+
+<style>
+	.wrap {
+		display: flex;
+		flex-grow: 1;
+		flex-direction: column;
+		width: var(--size-full);
+		font-weight: var(--body-text-weight);
+		font-size: var(--body-text-size);
+	}
+
+	main.contain {
+		display: flex;
+		flex-direction: column;
+	}
+
+	footer {
+		display: flex;
+		justify-content: center;
+		margin-top: var(--size-4);
+		color: var(--body-text-color-subdued);
+	}
+	.divider {
+		margin-left: var(--size-1);
+		margin-right: var(--size-2);
+	}
+
+	.show-api,
+	.settings,
+	.record {
+		display: flex;
+		align-items: center;
+	}
+	.show-api:hover {
+		color: var(--body-text-color);
+	}
+
+	.show-api img {
+		margin-right: var(--size-1);
+		margin-left: var(--size-2);
+		width: var(--size-3);
+	}
+
+	.settings img {
+		margin-right: var(--size-1);
+		margin-left: var(--size-1);
+		width: var(--size-4);
+	}
+
+	.record img {
+		margin-right: var(--size-1);
+		margin-left: var(--size-1);
+		width: var(--size-3);
+	}
+
+	.built-with {
+		display: flex;
+		align-items: center;
+	}
+
+	.built-with:hover,
+	.settings:hover,
+	.record:hover {
+		color: var(--body-text-color);
+	}
+
+	.built-with img {
+		margin-right: var(--size-1);
+		margin-left: var(--size-1);
+		margin-bottom: 1px;
+		width: var(--size-4);
+	}
+
+	.api-docs {
+		display: flex;
+		position: fixed;
+		top: 0;
+		right: 0;
+		z-index: var(--layer-top);
+		background: rgba(0, 0, 0, 0.5);
+		width: var(--size-screen);
+		height: var(--size-screen-h);
+	}
+
+	.backdrop {
+		flex: 1 1 0%;
+		-webkit-backdrop-filter: blur(4px);
+		backdrop-filter: blur(4px);
+	}
+
+	.api-docs-wrap {
+		box-shadow: var(--shadow-drop-lg);
+		background: var(--background-fill-primary);
+		overflow-x: hidden;
+		overflow-y: auto;
+	}
+
+	@media (--screen-md) {
+		.api-docs-wrap {
+			border-top-left-radius: var(--radius-lg);
+			border-bottom-left-radius: var(--radius-lg);
+			width: 950px;
+		}
+	}
+
+	@media (--screen-xxl) {
+		.api-docs-wrap {
+			width: 1150px;
+		}
+	}
+
+	#api-recorder-container {
+		position: fixed;
+		left: 10px;
+		bottom: 10px;
+		z-index: 1000;
+	}
+
+	.show-api {
+		display: flex;
+		align-items: center;
+	}
+
+	@media (max-width: 640px) {
+		.show-api,
+		.show-api-divider {
+			display: none;
+		}
+	}
+
+	.show-api:hover {
+		color: var(--body-text-color);
+	}
+
+	.hidden {
+		display: none;
+	}
+</style>
diff --git a/js/core/src/Embed.svelte b/js/core/src/Embed.svelte
new file mode 100644
index 0000000..7e33233
--- /dev/null
+++ b/js/core/src/Embed.svelte
@@ -0,0 +1,333 @@
+<script lang="ts">
+	import { getContext, onMount } from "svelte";
+	import space_logo from "./images/spaces.svg";
+	import { _ } from "svelte-i18n";
+	import { navbar_config } from "./navbar_store";
+
+	export let wrapper: HTMLDivElement;
+	export let version: string;
+	export let initial_height: string;
+	export let fill_width: boolean;
+	export let is_embed: boolean;
+
+	export let space: string | null;
+	export let display: boolean;
+	export let info: boolean;
+	export let loaded: boolean;
+	export let pages: [string, string, boolean][] = [];
+	export let current_page = "";
+	export let root: string;
+	export let components: any[] = [];
+
+	let navbar_component = components.find((c) => c.type === "navbar");
+	let navbar: {
+		visible: boolean;
+		main_page_name: string | false;
+		value: [string, string][] | null;
+	} | null = navbar_component
+		? {
+				visible: navbar_component.props.visible,
+				main_page_name: navbar_component.props.main_page_name,
+				value: navbar_component.props.value
+			}
+		: null;
+
+	if (navbar) {
+		navbar_config.set(navbar);
+	}
+
+	$: if ($navbar_config) {
+		navbar = {
+			visible: $navbar_config.visible ?? true,
+			main_page_name: $navbar_config.main_page_name ?? "Home",
+			value: $navbar_config.value ?? null
+		};
+	}
+
+	$: show_navbar =
+		pages.length > 1 && (navbar === null || navbar.visible !== false);
+
+	function normalize_path(path: string): string {
+		// Remove query parameters, hash fragments, and leading/trailing slashes from the path
+		let normalized = path.split("?")[0].split("#")[0];
+		normalized = normalized.replace(/^\/+|\/+$/g, "");
+		return normalized;
+	}
+
+	function is_active_route(route: string, current: string): boolean {
+		if (route.startsWith("http://") || route.startsWith("https://")) {
+			return false;
+		}
+		return normalize_path(route) === normalize_path(current);
+	}
+
+	$: effective_pages = (() => {
+		let visible_pages = pages.filter(([route, label, show], index) => {
+			if (index === 0 && route === "") {
+				return navbar?.main_page_name !== false;
+			}
+			return show !== false;
+		});
+
+		let base_pages =
+			navbar &&
+			navbar.main_page_name !== false &&
+			navbar.main_page_name !== "Home"
+				? visible_pages.map(([route, label, show], index) =>
+						index === 0 && route === "" && label === "Home"
+							? ([route, navbar!.main_page_name] as [string, string])
+							: ([route, label] as [string, string])
+					)
+				: visible_pages.map(
+						([route, label]) => [route, label] as [string, string]
+					);
+
+		if (navbar?.value && navbar.value.length > 0) {
+			const existing_routes = new Set(base_pages.map(([route]) => route));
+			const additional_pages = navbar.value
+				.map(
+					([page_name, page_path]) => [page_path, page_name] as [string, string]
+				)
+				.filter(([route]) => !existing_routes.has(route));
+			return [...base_pages, ...additional_pages];
+		}
+
+		return base_pages;
+	})();
+</script>
+
+<div
+	bind:this={wrapper}
+	class:fill_width
+	class:embed-container={display}
+	class:with-info={info}
+	class="gradio-container gradio-container-{version}"
+	style:min-height={loaded ? "initial" : initial_height}
+	style:flex-grow={!display ? "1" : "auto"}
+	data-iframe-height
+>
+	{#if show_navbar}
+		<div class="nav-holder">
+			<nav class="fillable" class:fill_width>
+				{#each effective_pages as [route, label], i}
+					<a
+						href={route.startsWith("http://") || route.startsWith("https://")
+							? route
+							: `${root}/${route}`}
+						class:active={is_active_route(route, current_page)}
+						data-sveltekit-reload
+						target={route.startsWith("http://") || route.startsWith("https://")
+							? "_blank"
+							: "_self"}
+						rel={route.startsWith("http://") || route.startsWith("https://")
+							? "noopener noreferrer"
+							: ""}
+						>{label}
+					</a>
+				{/each}
+			</nav>
+		</div>
+	{/if}
+	<div class="main fillable" class:fill_width class:app={!display && !is_embed}>
+		<slot />
+		<div>
+			{#if display && space && info}
+				<div class="info">
+					<span>
+						<a href="https://huggingface.co/spaces/{space}" class="title"
+							>{space}</a
+						>
+					</span>
+					<span>
+						{$_("common.built_with")}
+						<a class="gradio" href="https://gradio.app">Gradio</a>.
+					</span>
+					<span>
+						{$_("common.hosted_on")}
+						<a class="hf" href="https://huggingface.co/spaces"
+							><span class="space-logo">
+								<img src={space_logo} alt="Hugging Face Space" />
+							</span> Spaces</a
+						>
+					</span>
+				</div>
+			{/if}
+		</div>
+	</div>
+</div>
+
+<style>
+	.nav-holder {
+		padding: var(--size-2) 0;
+		border-bottom: solid 1px var(--border-color-primary);
+	}
+	nav {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--size-2);
+		justify-content: flex-end;
+		margin: 0 auto;
+		padding: 0 var(--size-8);
+	}
+	nav a {
+		padding: var(--size-1) var(--size-2);
+		border-radius: var(--block-radius);
+		border-width: var(--block-border-width);
+		border-color: transparent;
+		color: var(--body-text-color-subdued);
+	}
+	nav a.active {
+		color: var(--body-text-color);
+		border-color: var(--block-border-color);
+		background-color: var(--block-background-fill);
+	}
+	.gradio-container {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+		padding: 0;
+		min-height: 1px;
+		overflow: hidden;
+		color: var(--button-secondary-text-color);
+	}
+
+	.embed-container {
+		margin: var(--size-4) 0px;
+		border: 1px solid var(--button-secondary-border-color);
+		border-radius: var(--embed-radius);
+	}
+
+	.with-info {
+		padding-bottom: var(--size-7);
+	}
+
+	.embed-container > .main {
+		padding: var(--size-4);
+	}
+
+	.main {
+		display: flex;
+		flex-grow: 1;
+		flex-direction: column;
+	}
+
+	.app {
+		position: relative;
+		margin: auto;
+		padding: var(--size-4) var(--size-8);
+		width: 100%;
+		height: 100%;
+	}
+
+	@media (--screen-sm) {
+		.fillable:not(.fill_width) {
+			max-width: 640px;
+		}
+	}
+	@media (--screen-md) {
+		.fillable:not(.fill_width) {
+			max-width: 768px;
+		}
+	}
+	@media (--screen-lg) {
+		.fillable:not(.fill_width) {
+			max-width: 1024px;
+		}
+	}
+	@media (--screen-xl) {
+		.fillable:not(.fill_width) {
+			max-width: 1280px;
+		}
+	}
+	@media (--screen-xxl) {
+		.fillable:not(.fill_width) {
+			max-width: 1536px;
+		}
+	}
+	@media (--screen-xxxl) {
+		.fillable:not(.fill_width) {
+			max-width: 1920px;
+		}
+	}
+
+	.info {
+		display: flex;
+		position: absolute;
+		bottom: 0;
+		justify-content: flex-start;
+		border-top: 1px solid var(--button-secondary-border-color);
+		padding: var(--size-1) var(--size-5);
+		width: 100%;
+		color: var(--body-text-color-subdued);
+		font-size: var(--text-md);
+		white-space: nowrap;
+	}
+
+	.info > span {
+		word-wrap: break-word;
+		-break: keep-all;
+		display: block;
+		word-break: keep-all;
+	}
+
+	.info > span:nth-child(1) {
+		margin-right: 4px;
+		min-width: 0px;
+		max-width: max-content;
+		overflow: hidden;
+		color: var(--body-text-color);
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.info > span:nth-child(2) {
+		margin-right: 3px;
+	}
+
+	.info > span:nth-child(2),
+	.info > span:nth-child(3) {
+		width: max-content;
+	}
+
+	.info > span:nth-child(3) {
+		align-self: flex-end;
+		justify-self: flex-end;
+		margin-left: auto;
+		text-align: right;
+	}
+
+	.info > span:nth-child(1) {
+		flex-shrink: 9;
+	}
+
+	.hidden-title {
+		position: absolute;
+		left: var(--size-5);
+		opacity: 0;
+		background: var(--button-secondary-background-fill);
+		padding-right: 4px;
+	}
+
+	.info a {
+		color: var(--body-text-color);
+	}
+
+	.title {
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+	}
+
+	.hf {
+		margin-left: 5px;
+	}
+
+	.space-logo img {
+		display: inline-block;
+		margin-bottom: 4px;
+		height: 12px;
+	}
+
+	.main a:hover {
+		text-decoration: underline;
+	}
+</style>
diff --git a/js/core/src/Login.stories.svelte b/js/core/src/Login.stories.svelte
new file mode 100644
index 0000000..b8a5f44
--- /dev/null
+++ b/js/core/src/Login.stories.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+	import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
+	import Login from "./Login.svelte";
+</script>
+
+<Meta
+	title="Components/Login Page"
+	component={Login}
+	argTypes={{
+		auth_message: {
+			control: "text",
+			description: "The optional auth message to display",
+			name: "label",
+			value: "Gradio Button"
+		}
+	}}
+/>
+
+<Template let:args>
+	<Login {...args} />
+</Template>
+
+<Story name="Login page without auth message" args={{ auth_message: null }} />
+<Story
+	name="Login page with auth message"
+	args={{ auth_message: "Log in to this great gradio app" }}
+/>
+<Story
+	name="Login page with HTML auth message"
+	args={{
+		auth_message: "<em>Log in to this <strong>great</strong> gradio app</em>"
+	}}
+/>
diff --git a/js/core/src/Login.svelte b/js/core/src/Login.svelte
new file mode 100644
index 0000000..0b678ff
--- /dev/null
+++ b/js/core/src/Login.svelte
@@ -0,0 +1,114 @@
+<script lang="ts">
+	import { BaseForm } from "@gradio/form";
+	import { BaseTextbox as Textbox } from "@gradio/textbox";
+	import { BaseButton } from "@gradio/button";
+	import { BaseColumn } from "@gradio/column";
+	import { Block } from "@gradio/atoms";
+	export let root: string;
+	export let auth_message: string | null;
+	export let app_mode: boolean;
+	export let space_id: string | null;
+	export let i18n: (s: string) => string;
+
+	let username = "";
+	let password = "";
+	let incorrect_credentials = false;
+
+	const submit = async (): Promise<void> => {
+		const formData = new FormData();
+		formData.append("username", username);
+		formData.append("password", password);
+
+		// Use URL constructor to properly join paths and avoid double slashes
+		const login_url = new URL("login", root.endsWith("/") ? root : root + "/")
+			.href;
+		let response = await fetch(login_url, {
+			method: "POST",
+			body: formData
+		});
+		if (response.status === 400) {
+			incorrect_credentials = true;
+			username = "";
+			password = "";
+		} else if (response.status == 200) {
+			location.reload();
+		}
+	};
+</script>
+
+<div class="wrap" class:min-h-screen={app_mode}>
+	<BaseColumn variant="panel" min_width={480}>
+		<h2>{i18n("login.login")}</h2>
+		{#if auth_message}
+			<p class="auth">{@html auth_message}</p>
+		{/if}
+		{#if space_id}
+			<p class="auth">
+				{i18n("login.enable_cookies")}
+			</p>
+		{/if}
+		{#if incorrect_credentials}
+			<p class="creds">{i18n("login.incorrect_credentials")}</p>
+		{/if}
+		<BaseForm>
+			<Block>
+				<Textbox
+					label={i18n("login.username")}
+					lines={1}
+					show_label={true}
+					max_lines={1}
+					onsubmit={submit}
+					bind:value={username}
+				/>
+			</Block>
+
+			<Block>
+				<Textbox
+					label={i18n("login.password")}
+					lines={1}
+					show_label={true}
+					max_lines={1}
+					type="password"
+					onsubmit={submit}
+					bind:value={password}
+				/>
+			</Block>
+		</BaseForm>
+
+		<BaseButton size="lg" variant="primary" onclick={submit}
+			>{i18n("login.login")}</BaseButton
+		>
+	</BaseColumn>
+</div>
+
+<style>
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		margin-top: var(--size-3);
+		background: var(--background-fill-primary);
+		width: var(--size-full);
+	}
+
+	h2 {
+		margin-bottom: var(--size-3);
+		color: var(--body-text-color);
+		font-weight: var(--section-header-text-weight);
+		font-size: var(--text-xl);
+	}
+
+	.auth {
+		margin-top: var(--size-1);
+		margin-bottom: var(--size-1);
+		color: var(--body-text-color);
+	}
+
+	.creds {
+		margin-top: var(--size-4);
+		margin-bottom: var(--size-4);
+		color: var(--error-text-color);
+		font-weight: var(--weight-semibold);
+	}
+</style>
diff --git a/js/core/src/MountComponents.svelte b/js/core/src/MountComponents.svelte
new file mode 100644
index 0000000..58c7fc7
--- /dev/null
+++ b/js/core/src/MountComponents.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import Self from "./MountComponents.svelte";
+	import MountCustomComponent from "./MountCustomComponent.svelte";
+	let { node, ...rest } = $props();
+
+	let component = $derived(await node.component);
+</script>
+
+{#if node && component}
+	{#if node.props.shared_props.visible && !node.runtime}
+		<svelte:component
+			this={component.default}
+			shared_props={node.props.shared_props}
+			props={node.props.props}
+		>
+			{#if node.children && node.children.length}
+				{#each node.children as _node}
+					<Self node={_node} />
+				{/each}
+			{/if}
+		</svelte:component>
+	{:else if node.props.shared_props.visible && node.runtime}
+		<MountCustomComponent {...rest} {node}>
+			{#if node.children && node.children.length}
+				{#each node.children as _node}
+					<Self node={_node} />
+				{/each}
+			{/if}
+		</MountCustomComponent>
+	{/if}
+{/if}
diff --git a/js/core/src/MountCustomComponent.svelte b/js/core/src/MountCustomComponent.svelte
new file mode 100644
index 0000000..54d8f71
--- /dev/null
+++ b/js/core/src/MountCustomComponent.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	let { node, children, ...rest } = $props();
+
+	let component = $derived(await node.component);
+	let runtime = $derived(
+		(await node.runtime) as {
+			mount: typeof import("svelte").mount;
+			unmount: typeof import("svelte").unmount;
+		}
+	);
+	let el: HTMLElement | null = $state(null);
+
+	$effect(() => {
+		if (!el || !runtime || !component) return;
+
+		// Read prop references so the effect re-runs when the node is
+		// replaced during a dev reload (new objects are created by
+		// app_tree.reload).
+		const _shared_props = node.props.shared_props;
+		const _props = node.props.props;
+		const _runtime = runtime;
+
+		const mounted = _runtime.mount(component.default, {
+			target: el,
+			props: {
+				shared_props: _shared_props,
+				props: _props,
+				children
+			}
+		});
+
+		return () => {
+			_runtime.unmount(mounted);
+		};
+	});
+</script>
+
+<span bind:this={el}></span>
diff --git a/js/core/src/api_docs/ApiBanner.svelte b/js/core/src/api_docs/ApiBanner.svelte
new file mode 100644
index 0000000..37938ab
--- /dev/null
+++ b/js/core/src/api_docs/ApiBanner.svelte
@@ -0,0 +1,129 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import api_logo from "./img/api-logo.svg";
+	import Clear from "./img/clear.svelte";
+	import { BaseButton } from "@gradio/button";
+
+	export let root: string;
+	export let api_count: number;
+	export let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "mcp"
+		| "cli" = "python";
+
+	const dispatch = createEventDispatcher();
+</script>
+
+<h2>
+	<img src={api_logo} alt="" />
+	<div class="title">
+		{#if current_language === "mcp"}MCP{:else if current_language === "cli"}CLI{:else}API{/if}
+		documentation
+		<div class="url">
+			{root}
+		</div>
+	</div>
+	<span class="counts">
+		{#if current_language !== "mcp" && current_language !== "cli"}
+			<BaseButton
+				size="sm"
+				variant="secondary"
+				elem_id="start-api-recorder"
+				onclick={() => dispatch("close", { api_recorder_visible: true })}
+			>
+				<div class="loading-dot self-baseline"></div>
+				<p class="self-baseline btn-text">API Recorder</p>
+			</BaseButton>
+		{/if}
+		<p>
+			<span class="url">{api_count}</span>
+			{#if current_language === "mcp"}MCP Tool{:else if current_language === "cli"}CLI
+				endpoint{:else}API endpoint{/if}{#if api_count > 1}s{/if}<br />
+		</p>
+	</span>
+</h2>
+
+<button on:click={() => dispatch("close")}>
+	<Clear />
+</button>
+
+<style>
+	h2 {
+		display: flex;
+		color: var(--body-text-color);
+		font-weight: var(--weight-semibold);
+		gap: var(--size-4);
+	}
+
+	h2 img {
+		margin-right: var(--size-2);
+		width: var(--size-4);
+		display: inline-block;
+	}
+
+	.url {
+		color: var(--color-accent);
+		font-weight: normal;
+	}
+
+	button {
+		position: absolute;
+		top: var(--size-5);
+		right: var(--size-6);
+		width: var(--size-4);
+		color: var(--body-text-color);
+	}
+
+	button:hover {
+		color: var(--color-accent);
+	}
+
+	@media (--screen-md) {
+		button {
+			top: var(--size-6);
+		}
+
+		h2 img {
+			width: var(--size-5);
+		}
+	}
+
+	.counts {
+		margin-top: auto;
+		margin-right: var(--size-8);
+		margin-bottom: auto;
+		margin-left: auto;
+		color: var(--body-text-color);
+		font-weight: var(--weight-light);
+		display: flex;
+		flex-direction: row;
+		gap: 0.5rem;
+	}
+
+	.loading-dot {
+		position: relative;
+		left: -9999px;
+		width: 12px;
+		height: 12px;
+		border-radius: 6px;
+		background-color: #fd7b00;
+		color: #fd7b00;
+		box-shadow: 9999px 0 0 -1px;
+		margin-right: 0.3rem;
+	}
+
+	.self-baseline {
+		align-self: baseline;
+	}
+	.title {
+		display: flex;
+		flex-direction: row;
+		gap: 0.5rem;
+	}
+	.btn-text {
+		font-size: var(--text-lg);
+	}
+</style>
diff --git a/js/core/src/api_docs/ApiDocs.svelte b/js/core/src/api_docs/ApiDocs.svelte
new file mode 100644
index 0000000..5166722
--- /dev/null
+++ b/js/core/src/api_docs/ApiDocs.svelte
@@ -0,0 +1,825 @@
+<script lang="ts">
+	import { onMount, createEventDispatcher } from "svelte";
+	import type { ComponentMeta, Dependency } from "../types";
+	import NoApi from "./NoApi.svelte";
+	import type { Client } from "@gradio/client";
+	import type { Payload } from "../types";
+
+	import ApiBanner from "./ApiBanner.svelte";
+	import { BaseButton as Button } from "@gradio/button";
+	import ParametersSnippet from "./ParametersSnippet.svelte";
+	import InstallSnippet from "./InstallSnippet.svelte";
+	import CodeSnippet from "./CodeSnippet.svelte";
+	import RecordingSnippet from "./RecordingSnippet.svelte";
+	import CopyButton from "./CopyButton.svelte";
+	import { Block } from "@gradio/atoms";
+
+	import python from "./img/python.svg";
+	import javascript from "./img/javascript.svg";
+	import bash from "./img/bash.svg";
+	import ResponseSnippet from "./ResponseSnippet.svelte";
+	import skill from "./img/skill.svg";
+	import SkillSnippet from "./SkillSnippet.svelte";
+	import mcp from "./img/mcp.svg";
+	import agent from "./img/agent.svg";
+	import hf_logo from "./img/hf-logo.svg";
+	import gradio_logo from "../images/logo.svg";
+	import MCPSnippet from "./MCPSnippet.svelte";
+	import CopyMarkdown from "./CopyMarkdown.svelte";
+
+	export let dependencies: Dependency[];
+	export let root: string;
+	export let app: Awaited<ReturnType<typeof Client.connect>>;
+	export let space_id: string | null;
+	export let root_node: ComponentMeta;
+	export let username: string | null;
+	export let last_api_call: Payload | null = null;
+
+	const js_docs =
+		"https://www.gradio.app/guides/getting-started-with-the-js-client";
+	const py_docs =
+		"https://www.gradio.app/guides/getting-started-with-the-python-client";
+	const bash_docs =
+		"https://www.gradio.app/guides/querying-gradio-apps-with-curl";
+	const spaces_docs_suffix = "#connecting-to-a-hugging-face-space";
+	const mcp_docs =
+		"https://www.gradio.app/guides/building-mcp-server-with-gradio";
+
+	let api_count = dependencies.filter(
+		(dependency) => dependency.api_visibility === "public"
+	).length;
+
+	if (root === "") {
+		root = location.protocol + "//" + location.host + location.pathname;
+	}
+	if (!root.endsWith("/")) {
+		root += "/";
+	}
+
+	export let api_calls: Payload[] = [];
+	let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "mcp"
+		| "cli" = "python";
+
+	let cli_flavor: "hf" | "gradio" = "gradio";
+
+	$: cli_command = cli_flavor === "hf" ? "hf gradio" : "gradio";
+
+	$: sorted_dependencies = (() => {
+		const valid = dependencies.filter(
+			(dep) =>
+				dep.api_visibility === "public" &&
+				info?.named_endpoints?.["/" + dep.api_name]
+		);
+		if (info && last_api_call) {
+			const mostRecent = valid.find((dep) => dep.id === last_api_call.fn_index);
+			const others = valid.filter((dep) => dep.id !== last_api_call.fn_index);
+			return mostRecent ? [mostRecent, ...others] : valid;
+		}
+		return valid;
+	})();
+
+	function set_query_param(key: string, value: string) {
+		const url = new URL(window.location.href);
+		url.searchParams.set(key, value);
+		history.replaceState(null, "", url.toString());
+	}
+
+	function get_query_param(key: string): string | null {
+		const url = new URL(window.location.href);
+		return url.searchParams.get(key);
+	}
+
+	function is_valid_language(lang: string | null): boolean {
+		return ["python", "javascript", "bash", "skill", "mcp", "cli"].includes(
+			lang ?? ""
+		);
+	}
+
+	$: langs = [
+		["python", "Python", python],
+		["javascript", "JavaScript", javascript],
+		["cli", "CLI", agent],
+		["bash", "cURL", bash],
+		...(space_id ? [["skill", "Skill", skill] as const] : []),
+		["mcp", "MCP", mcp]
+	] as const;
+
+	let is_running = false;
+	let mcp_server_active = false;
+
+	async function get_info(): Promise<{
+		named_endpoints: any;
+		unnamed_endpoints: any;
+	}> {
+		let response = await fetch(
+			root.replace(/\/$/, "") + app.api_prefix + "/info"
+		);
+		let data = await response.json();
+		return data;
+	}
+	async function get_js_info(): Promise<Record<string, any>> {
+		let js_api_info = await app.view_api();
+		return js_api_info;
+	}
+
+	let info: {
+		named_endpoints: any;
+		unnamed_endpoints: any;
+	};
+
+	let js_info: Record<string, any>;
+	let analytics: Record<string, any>;
+
+	get_info().then((data) => {
+		info = data;
+	});
+
+	get_js_info().then((js_api_info) => {
+		js_info = js_api_info;
+	});
+
+	async function get_summary(): Promise<{
+		functions: any;
+	}> {
+		let response = await fetch(root.replace(/\/$/, "") + "/monitoring/summary");
+		let data = await response.json();
+		return data;
+	}
+
+	get_summary().then((summary) => {
+		analytics = summary.functions;
+	});
+
+	const dispatch = createEventDispatcher();
+
+	$: selected_tools_array = Array.from(selected_tools);
+	$: selected_tools_without_prefix =
+		selected_tools_array.map(remove_tool_prefix);
+	$: mcp_server_url_streamable =
+		selected_tools_array.length > 0 &&
+		selected_tools_array.length < tools.length
+			? `${root}gradio_api/mcp/?tools=${selected_tools_without_prefix.join(",")}`
+			: `${root}gradio_api/mcp/`;
+
+	interface ToolParameter {
+		title?: string;
+		type: string;
+		description: string;
+		format?: string;
+		default?: any;
+	}
+
+	interface Tool {
+		name: string;
+		description: string;
+		parameters: Record<string, ToolParameter>;
+		expanded?: boolean;
+		meta: {
+			mcp_type: "tool" | "resource" | "prompt";
+			file_data_present: boolean;
+			endpoint_name: string;
+		};
+	}
+
+	let tools: Tool[] = [];
+	let headers: string[] = [];
+	let mcp_json_stdio: any;
+	let file_data_present = false;
+	let selected_tools: Set<string> = new Set();
+	let tool_prefix = space_id ? space_id.split("/").pop() + "_" : "";
+
+	function remove_tool_prefix(toolName: string): string {
+		if (tool_prefix && toolName.startsWith(tool_prefix)) {
+			return toolName.slice(tool_prefix.length);
+		}
+		return toolName;
+	}
+
+	const upload_file_mcp_server = {
+		command: "uvx",
+		args: [
+			"--from",
+			"gradio[mcp]",
+			"gradio",
+			"upload-mcp",
+			root,
+			"<UPLOAD_DIRECTORY>"
+		]
+	};
+
+	async function fetch_mcp_tools() {
+		try {
+			let schema_url = `${root}gradio_api/mcp/schema`;
+			const response = await fetch(schema_url);
+			const schema = await response.json();
+			file_data_present = schema
+				.map((tool: any) => tool.meta?.file_data_present)
+				.some((present: boolean) => present);
+
+			tools = schema.map((tool: any) => ({
+				name: tool.name,
+				description: tool.description || "",
+				parameters: tool.inputSchema?.properties || {},
+				meta: tool.meta,
+				expanded: false,
+				endpoint_name: tool.endpoint_name
+			}));
+			selected_tools = new Set(tools.map((tool) => tool.name));
+			headers = schema.map((tool: any) => tool.meta?.headers || []).flat();
+			if (headers.length > 0) {
+				mcp_json_stdio = {
+					mcpServers: {
+						gradio: {
+							command: "npx",
+							args: [
+								"mcp-remote",
+								mcp_server_url_streamable,
+								"--transport",
+								"streamable-http",
+								...headers
+									.map((header) => [
+										"--header",
+										`${header}: <YOUR_HEADER_VALUE>`
+									])
+									.flat()
+							]
+						}
+					}
+				};
+			} else {
+				mcp_json_stdio = {
+					mcpServers: {
+						gradio: {
+							command: "npx",
+							args: [
+								"mcp-remote",
+								mcp_server_url_streamable,
+								"--transport",
+								"streamable-http"
+							]
+						}
+					}
+				};
+				if (file_data_present) {
+					mcp_json_stdio.mcpServers.upload_files_to_gradio =
+						upload_file_mcp_server;
+				}
+			}
+		} catch (error) {
+			console.error("Failed to fetch MCP tools:", error);
+			tools = [];
+		}
+	}
+
+	$: markdown_code_snippets = (() => {
+		const out: Record<string, Record<string, string>> = {};
+		if (!info?.named_endpoints) return out;
+		for (const dep of dependencies) {
+			const api_name = dep.api_name;
+			if (!api_name) continue;
+			const ep = info.named_endpoints["/" + api_name];
+			if (!ep?.code_snippets) continue;
+			const snippets = ep.code_snippets;
+			out[api_name] = {
+				python: snippets.python || "",
+				javascript: snippets.javascript || "",
+				bash: snippets.bash || "",
+				cli: (snippets.cli || "").replace("{command}", cli_command)
+			};
+		}
+		return out;
+	})();
+
+	let config_snippets: Record<string, string> = {};
+
+	onMount(() => {
+		const controller = new AbortController();
+		const signal = controller.signal;
+
+		document.body.style.overflow = "hidden";
+		if ("parentIFrame" in window) {
+			window.parentIFrame?.scrollTo(0, 0);
+		}
+
+		const lang_param = get_query_param("lang");
+		if (is_valid_language(lang_param)) {
+			current_language = lang_param as
+				| "python"
+				| "javascript"
+				| "bash"
+				| "skill"
+				| "cli"
+				| "mcp";
+		}
+
+		const mcp_schema_url = `${root}gradio_api/mcp/schema`;
+		fetch(mcp_schema_url, { signal: signal })
+			.then((response) => {
+				mcp_server_active = response.ok;
+				if (mcp_server_active) {
+					fetch_mcp_tools();
+					if (!is_valid_language(lang_param)) {
+						current_language = "mcp";
+					}
+				} else {
+					if (!is_valid_language(lang_param)) {
+						current_language = "python";
+					}
+				}
+				controller.abort();
+			})
+			.catch(() => {
+				mcp_server_active = false;
+			});
+
+		return () => {
+			document.body.style.overflow = "auto";
+		};
+	});
+</script>
+
+{#if info && analytics}
+	{#if api_count}
+		<div class="banner-wrap">
+			<ApiBanner
+				on:close
+				root={space_id || root}
+				{api_count}
+				{current_language}
+			/>
+		</div>
+
+		<div class="docs-wrap">
+			<div
+				class="client-doc"
+				style="display: flex; align-items: center; justify-content: space-between;"
+			>
+				<p style="font-size: var(--text-lg);">
+					Choose one of the following ways to interact with the API.
+				</p>
+				<CopyMarkdown
+					{current_language}
+					{space_id}
+					{root}
+					{api_count}
+					{tools}
+					{py_docs}
+					{js_docs}
+					{bash_docs}
+					{mcp_docs}
+					{spaces_docs_suffix}
+					{mcp_server_active}
+					{mcp_server_url_streamable}
+					{config_snippets}
+					{markdown_code_snippets}
+					{dependencies}
+					{info}
+					{js_info}
+				/>
+			</div>
+			<div class="endpoint">
+				<div class="snippets">
+					{#each langs as [language, display_name, img]}
+						<li
+							class="snippet
+						{current_language === language ? 'current-lang' : 'inactive-lang'}"
+							on:click={() => {
+								current_language = language;
+								set_query_param("lang", language);
+							}}
+						>
+							<img src={img} alt="" class:agent-icon={language === "cli"} />
+							{display_name}
+						</li>
+					{/each}
+				</div>
+				{#if api_calls.length}
+					<div>
+						<p
+							id="num-recorded-api-calls"
+							style="font-size: var(--text-lg); font-weight:bold; margin: 10px 0px;"
+						>
+							🪄 Recorded API Calls <span class="api-count"
+								>[{api_calls.length}]</span
+							>
+						</p>
+						<p>
+							Here is the code snippet to replay the most recently recorded API
+							calls using the {current_language}
+							client.
+						</p>
+
+						<RecordingSnippet
+							{current_language}
+							{api_calls}
+							{dependencies}
+							{root}
+							api_prefix={app.api_prefix}
+							short_root={space_id || root}
+							{username}
+						/>
+						<p>
+							Note: Some API calls only affect the UI, so when using the
+							clients, the desired result may be achieved with only a subset of
+							the recorded calls.
+						</p>
+					</div>
+					<p
+						style="font-size: var(--text-lg); font-weight:bold; margin: 30px 0px 10px;"
+					>
+						API Documentation
+					</p>
+				{:else}
+					{#if current_language !== "skill"}
+						<p class="padded">
+							{#if current_language == "python" || current_language == "javascript"}
+								1. Install the
+								<span style="text-transform:capitalize">{current_language}</span
+								>
+								client (<a
+									href={current_language == "python" ? py_docs : js_docs}
+									target="_blank">docs</a
+								>) if you don't already have it installed.
+							{:else if current_language == "bash"}
+								1. Confirm that you have cURL installed on your system.
+							{:else if current_language == "cli"}
+								1. Install the CLI if you don't already have it installed.
+							{/if}
+						</p>
+					{/if}
+
+					{#if current_language === "cli"}
+						<div class="cli-flavor-selector">
+							<li
+								class="snippet {cli_flavor === 'gradio'
+									? 'current-lang'
+									: 'inactive-lang'}"
+								on:click={() => {
+									cli_flavor = "gradio";
+								}}
+							>
+								<img src={gradio_logo} alt="Gradio" />
+								Gradio CLI
+							</li>
+							<li
+								class="snippet {cli_flavor === 'hf'
+									? 'current-lang'
+									: 'inactive-lang'}"
+								on:click={() => {
+									cli_flavor = "hf";
+								}}
+							>
+								<img src={hf_logo} alt="HF" />
+								HF CLI
+							</li>
+						</div>
+					{/if}
+
+					<div class:hidden={current_language !== "skill"}>
+						<SkillSnippet {space_id} />
+					</div>
+
+					<div class:hidden={current_language !== "mcp"}>
+						<MCPSnippet
+							{mcp_server_active}
+							{mcp_server_url_streamable}
+							tools={tools.filter((tool) => selected_tools.has(tool.name))}
+							all_tools={tools}
+							bind:selected_tools
+							{mcp_json_stdio}
+							{file_data_present}
+							{mcp_docs}
+							{analytics}
+							{root}
+							bind:config_snippets
+						/>
+					</div>
+
+					{#if current_language !== "mcp" && current_language !== "skill"}
+						<InstallSnippet {current_language} {cli_flavor} />
+
+						<p class="padded">
+							2. Find the API endpoint below corresponding to your desired
+							function in the app. Copy the code snippet, replacing the
+							placeholder values with your own input data.
+							{#if space_id}If this is a private Space, you may need to pass
+								your Hugging Face token as well (<a
+									href={current_language == "python"
+										? py_docs + spaces_docs_suffix
+										: current_language == "javascript"
+											? js_docs + spaces_docs_suffix
+											: bash_docs}
+									class="underline"
+									target="_blank">read more</a
+								>).{/if}
+
+							Or use the
+							<Button
+								size="sm"
+								variant="secondary"
+								onclick={() =>
+									dispatch("close", { api_recorder_visible: true })}
+							>
+								<div class="loading-dot"></div>
+								<p class="self-baseline">API Recorder</p>
+							</Button>
+							to automatically generate your API requests.
+							{#if current_language == "bash"}<br />&nbsp;<br />Making a
+								prediction and getting a result requires
+								<strong>2 requests</strong>: a
+								<code>POST</code>
+								and a <code>GET</code> request. The <code>POST</code> request
+								returns an <code>EVENT_ID</code>, which is used in the second
+								<code>GET</code> request to fetch the results. In these
+								snippets, we've used <code>awk</code> and <code>read</code> to
+								parse the results, combining these two requests into one command
+								for ease of use.
+								<br />&nbsp;<br />
+								If your endpoint accepts files, you must first upload them via a
+								<code>POST</code> to <code>/upload</code>, then reference the
+								returned path with the <code>meta</code> key:
+								<code
+									>{"{"}"path": "...", "meta": {"{"}"_type": "gradio.FileData"{"}"}{"}"}
+								</code>.
+								{#if username !== null}
+									Note: connecting to an authenticated app requires an
+									additional request.{/if} See
+								<a href={bash_docs} target="_blank">curl docs</a>.
+							{/if}
+
+							<!-- <span
+							id="api-recorder"
+							on:click={() => dispatch("close", { api_recorder_visible: true })}
+							>🪄 API Recorder</span
+						> to automatically generate your API requests! -->
+						</p>
+					{/if}
+				{/if}
+
+				<div
+					class:hidden={current_language === "mcp" ||
+						current_language === "skill"}
+				>
+					{#each sorted_dependencies as dependency}
+						{#if info.named_endpoints["/" + dependency.api_name]}
+							<div class="endpoint-container">
+								<CodeSnippet
+									{dependency}
+									{current_language}
+									api_description={info.named_endpoints[
+										"/" + dependency.api_name
+									].description}
+									{analytics}
+									{last_api_call}
+									code_snippets={info.named_endpoints["/" + dependency.api_name]
+										.code_snippets}
+									{cli_command}
+								/>
+
+								<ParametersSnippet
+									endpoint_returns={info.named_endpoints[
+										"/" + dependency.api_name
+									].parameters}
+									js_returns={js_info.named_endpoints["/" + dependency.api_name]
+										.parameters}
+									{is_running}
+									current_language={current_language === "cli"
+										? "python"
+										: current_language}
+								/>
+
+								<ResponseSnippet
+									endpoint_returns={info.named_endpoints[
+										"/" + dependency.api_name
+									].returns}
+									js_returns={js_info.named_endpoints["/" + dependency.api_name]
+										.returns}
+									{is_running}
+									current_language={current_language === "cli"
+										? "python"
+										: current_language}
+								/>
+							</div>
+						{/if}
+					{/each}
+				</div>
+			</div>
+		</div>
+	{:else}
+		<NoApi {root} on:close />
+	{/if}
+{/if}
+
+<style>
+	.banner-wrap {
+		position: relative;
+		border-bottom: 1px solid var(--border-color-primary);
+		padding: var(--size-4) var(--size-6);
+		font-size: var(--text-md);
+	}
+
+	@media (--screen-md) {
+		.banner-wrap {
+			font-size: var(--text-xl);
+		}
+	}
+
+	.docs-wrap {
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-xxl);
+	}
+
+	.endpoint {
+		border-radius: var(--radius-md);
+		background: var(--background-fill-primary);
+		padding: var(--size-6);
+		padding-top: var(--size-1);
+		font-size: var(--text-md);
+	}
+
+	.client-doc {
+		padding-top: var(--size-6);
+		padding-right: var(--size-6);
+		padding-left: var(--size-6);
+		font-size: var(--text-md);
+	}
+
+	.library {
+		border: 1px solid var(--border-color-accent);
+		border-radius: var(--radius-sm);
+		background: var(--color-accent-soft);
+		padding: 0px var(--size-1);
+		color: var(--color-accent);
+		font-size: var(--text-md);
+		text-decoration: none;
+	}
+
+	.snippets {
+		display: flex;
+		align-items: center;
+		margin-bottom: var(--size-4);
+	}
+
+	.snippets > * + * {
+		margin-left: var(--size-2);
+	}
+
+	.snippet {
+		display: flex;
+		align-items: center;
+		border: 1px solid var(--border-color-primary);
+
+		border-radius: var(--radius-md);
+		padding: var(--size-1) var(--size-1-5);
+		color: var(--body-text-color-subdued);
+		color: var(--body-text-color);
+		line-height: 1;
+		user-select: none;
+		font-size: var(--text-lg);
+	}
+
+	.current-lang {
+		border: 1px solid var(--body-text-color-subdued);
+		color: var(--body-text-color);
+	}
+
+	.inactive-lang {
+		cursor: pointer;
+		color: var(--body-text-color-subdued);
+	}
+
+	.inactive-lang:hover,
+	.inactive-lang:focus {
+		box-shadow: var(--shadow-drop);
+		color: var(--body-text-color);
+	}
+
+	.snippet img {
+		margin-right: var(--size-1-5);
+		width: var(--size-4);
+		height: var(--size-4);
+	}
+
+	.header {
+		margin-top: var(--size-6);
+		font-size: var(--text-xl);
+	}
+
+	.endpoint-container {
+		margin-top: var(--size-3);
+		margin-bottom: var(--size-3);
+		border: 1px solid var(--block-border-color);
+		border-radius: var(--radius-xl);
+		padding: var(--size-3);
+		padding-top: 0;
+	}
+
+	a {
+		text-decoration: underline;
+	}
+
+	p.padded {
+		padding: 15px 0px;
+		font-size: var(--text-lg);
+	}
+
+	#api-recorder {
+		border: 1px solid var(--color-accent);
+		background-color: var(--color-accent-soft);
+		padding: 0px var(--size-2);
+		border-radius: var(--size-1);
+		cursor: pointer;
+	}
+
+	code {
+		font-size: var(--text-md);
+	}
+	.loading-dot {
+		position: relative;
+		left: -9999px;
+		width: 10px;
+		height: 10px;
+		border-radius: 5px;
+		background-color: #fd7b00;
+		color: #fd7b00;
+		box-shadow: 9999px 0 0 -1px;
+		margin-right: 0.25rem;
+	}
+	:global(.docs-wrap .sm.secondary) {
+		padding-top: 1px;
+		padding-bottom: 1px;
+	}
+	.self-baseline {
+		align-self: baseline;
+	}
+	.api-count {
+		font-weight: bold;
+		color: #fd7b00;
+		align-self: baseline;
+		font-family: var(--font-mono);
+		font-size: var(--text-md);
+	}
+
+	code pre {
+		overflow-x: auto;
+		color: var(--body-text-color);
+		font-family: var(--font-mono);
+		tab-size: 2;
+	}
+
+	.token.string {
+		display: contents;
+		color: var(--color-accent-base);
+	}
+
+	.copy {
+		position: absolute;
+		top: 0;
+		right: 0;
+		margin-top: 5px;
+		margin-right: 5px;
+		z-index: 10;
+	}
+
+	.container {
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-xxl);
+		margin-top: var(--size-3);
+		margin-bottom: var(--size-3);
+	}
+
+	.desc {
+		color: var(--body-text-color-subdued);
+	}
+
+	.api-name {
+		color: var(--color-accent);
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.cli-flavor-selector {
+		display: flex;
+		align-items: center;
+		margin-bottom: var(--size-4);
+	}
+
+	.cli-flavor-selector > * + * {
+		margin-left: var(--size-2);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.agent-icon {
+			filter: invert(1);
+		}
+	}
+</style>
diff --git a/js/core/src/api_docs/ApiRecorder.svelte b/js/core/src/api_docs/ApiRecorder.svelte
new file mode 100644
index 0000000..e4bb935
--- /dev/null
+++ b/js/core/src/api_docs/ApiRecorder.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+	import type { Payload, Dependency } from "../types";
+	import { BaseButton as Button } from "@gradio/button";
+
+	export let api_calls: Payload[] = [];
+	export let dependencies: Dependency[];
+</script>
+
+<div id="api-recorder">
+	<Button size="sm" variant="secondary">
+		<div class="loading-dot self-baseline"></div>
+		<p class="self-baseline">Recording API Calls:</p>
+		<p class="self-baseline api-section">
+			<span class="api-count">
+				[{api_calls.length}]
+			</span>
+			{#if api_calls.length > 0}
+				<span class="api-name"
+					>/{dependencies[api_calls[api_calls.length - 1].fn_index]
+						.api_name}</span
+				>
+			{/if}
+		</p>
+	</Button>
+</div>
+
+<style>
+	.api-name {
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+		color: #fd7b00;
+	}
+	.loading-dot {
+		position: relative;
+		left: -9999px;
+		width: 10px;
+		height: 10px;
+		border-radius: 5px;
+		background-color: #fd7b00;
+		color: #fd7b00;
+		box-shadow: 9999px 0 0 -1px;
+		animation: loading-dot 2s infinite linear;
+		animation-delay: 0.25s;
+		margin-left: 0.25rem;
+		margin-right: 0.5rem;
+	}
+	:global(.docs-wrap .sm.secondary) {
+		padding-top: 1px;
+		padding-bottom: 1px;
+	}
+	.self-baseline {
+		align-self: baseline;
+	}
+	@keyframes loading-dot {
+		0% {
+			box-shadow: 9999px 0 0 -1px;
+		}
+		50% {
+			box-shadow: 9999px 0 0 2px;
+		}
+		100% {
+			box-shadow: 9999px 0 0 -1px;
+		}
+	}
+	.api-count {
+		font-weight: bold;
+		color: #fd7b00;
+		align-self: baseline;
+		font-family: var(--font-mono);
+		font-size: var(--text-sm);
+	}
+	.api-section {
+		margin-left: 4px;
+	}
+</style>
diff --git a/js/core/src/api_docs/CodeSnippet.svelte b/js/core/src/api_docs/CodeSnippet.svelte
new file mode 100644
index 0000000..1abd97c
--- /dev/null
+++ b/js/core/src/api_docs/CodeSnippet.svelte
@@ -0,0 +1,164 @@
+<script lang="ts">
+	import type { Dependency, Payload } from "../types";
+	import CopyButton from "./CopyButton.svelte";
+	import { Block } from "@gradio/atoms";
+	import EndpointDetail from "./EndpointDetail.svelte";
+
+	export let dependency: Dependency;
+	export let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "cli"
+		| "mcp";
+	export let api_description: string | null = null;
+	export let analytics: Record<string, any>;
+	export let code_snippets: Record<string, string>;
+	export let last_api_call: Payload | null = null;
+	export let cli_command = "";
+
+	$: cli_code = (code_snippets.cli || "").replace("{command}", cli_command);
+
+	function escape_html(text: string): string {
+		return text
+			.replace(/&/g, "&amp;")
+			.replace(/</g, "&lt;")
+			.replace(/>/g, "&gt;");
+	}
+
+	function highlight_python(code: string): string {
+		let html = escape_html(code);
+		html = html.replace(
+			/\b(from|import|print)\b/g,
+			'<span class="kw">$1</span>'
+		);
+		html = html.replace(
+			/(Client\()("[^"]*")(\))/g,
+			'$1<span class="str">$2</span>$3'
+		);
+		html = html.replace(
+			/(api_name=)("[^"]*")/g,
+			'$1<span class="api-name">$2</span>'
+		);
+		return html;
+	}
+
+	function highlight_javascript(code: string): string {
+		let html = escape_html(code);
+		html = html.replace(
+			/\b(import|from|const|await)\b/g,
+			'<span class="kw">$1</span>'
+		);
+		html = html.replace(
+			/(Client\.connect\()("[^"]*")(\))/g,
+			'$1<span class="str">$2</span>$3'
+		);
+		html = html.replace(
+			/(\.predict\()("[^"]*")/g,
+			'$1<span class="api-name">$2</span>'
+		);
+		return html;
+	}
+
+	function highlight_bash(code: string): string {
+		return escape_html(code);
+	}
+
+	$: python_html = highlight_python(code_snippets.python || "");
+	$: js_html = highlight_javascript(code_snippets.javascript || "");
+	$: bash_html = highlight_bash(code_snippets.bash || "");
+	$: cli_html = highlight_bash(cli_code);
+</script>
+
+<div class="container">
+	<EndpointDetail
+		api_name={dependency.api_name}
+		description={api_description}
+		{analytics}
+		{last_api_call}
+		dependency_id={dependency.id}
+	/>
+	<div class:hidden={current_language !== "python"}>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={code_snippets.python || ""} />
+				</div>
+				<pre>{@html python_html}</pre>
+			</code>
+		</Block>
+	</div>
+	<div class:hidden={current_language !== "javascript"}>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={code_snippets.javascript || ""} />
+				</div>
+				<pre>{@html js_html}</pre>
+			</code>
+		</Block>
+	</div>
+	<div class:hidden={current_language !== "bash"}>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={code_snippets.bash || ""} />
+				</div>
+				<pre>{@html bash_html}</pre>
+			</code>
+		</Block>
+	</div>
+	<div class:hidden={current_language !== "cli"}>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={cli_code} />
+				</div>
+				<pre>{@html cli_html}</pre>
+			</code>
+		</Block>
+	</div>
+</div>
+
+<style>
+	code pre {
+		overflow-x: auto;
+		color: var(--body-text-color);
+		font-family: var(--font-mono);
+		tab-size: 2;
+	}
+
+	code {
+		position: relative;
+		display: block;
+	}
+
+	.copy {
+		position: absolute;
+		top: 0;
+		right: 0;
+		margin-top: -5px;
+		margin-right: -5px;
+	}
+
+	.container {
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-xxl);
+		margin-top: var(--size-3);
+		margin-bottom: var(--size-3);
+	}
+
+	:global(.api-name) {
+		color: var(--color-accent);
+	}
+
+	:global(.str) {
+		color: var(--color-accent-base);
+	}
+
+	.hidden {
+		display: none;
+	}
+</style>
diff --git a/js/core/src/api_docs/CopyButton.svelte b/js/core/src/api_docs/CopyButton.svelte
new file mode 100644
index 0000000..3715079
--- /dev/null
+++ b/js/core/src/api_docs/CopyButton.svelte
@@ -0,0 +1,71 @@
+<script lang="ts">
+	import IconCopy from "./img/IconCopy.svelte";
+	import IconCheck from "./img/IconCheck.svelte";
+
+	export let code: string;
+
+	let copied = false;
+
+	function copy(): void {
+		navigator.clipboard.writeText(code);
+		copied = true;
+		setTimeout(() => {
+			copied = false;
+		}, 1500);
+	}
+
+	$: copied;
+</script>
+
+<button on:click={copy} class="copy-button" aria-live="polite">
+	<span
+		class="inline-flex items-center justify-center rounded-md p-0.5 max-sm:p-0"
+	>
+		{#if copied}
+			<IconCheck classNames="w-3 h-3 max-sm:w-2.5 max-sm:h-2.5" />
+		{:else}
+			<IconCopy classNames="w-3 h-3 max-sm:w-2.5 max-sm:h-2.5" />
+		{/if}
+	</span>
+</button>
+
+<style>
+	.copy-button {
+		display: inline-flex;
+		align-items: center;
+		gap: 4px;
+		height: 24px;
+		padding-left: 8px;
+		padding-right: 8px;
+		font-size: 11px;
+		font-weight: 500;
+		color: rgb(31, 41, 55);
+		border: 1px solid rgb(229, 231, 235);
+		border-radius: 6px;
+		background-color: white;
+
+		@media (max-width: 640px) {
+			gap: 2px;
+			height: 20px;
+			padding-left: 6px;
+			padding-right: 6px;
+			font-size: 9px;
+			border-top-left-radius: 4px;
+			border-bottom-left-radius: 4px;
+		}
+
+		&:hover {
+			box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+		}
+
+		@media (prefers-color-scheme: dark) {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+
+			&:hover {
+				background-color: rgb(38, 38, 38);
+			}
+		}
+	}
+</style>
diff --git a/js/core/src/api_docs/CopyMarkdown.svelte b/js/core/src/api_docs/CopyMarkdown.svelte
new file mode 100644
index 0000000..dd2f85e
--- /dev/null
+++ b/js/core/src/api_docs/CopyMarkdown.svelte
@@ -0,0 +1,745 @@
+<script lang="ts">
+	import IconCopy from "./img/IconCopy.svelte";
+	import IconCheck from "./img/IconCheck.svelte";
+	import IconArrowUpRight from "./IconArrowUpRight.svelte";
+	import IconCaret from "./IconCaret.svelte";
+	import IconHuggingChat from "./IconHuggingChat.svelte";
+
+	import { tick } from "svelte";
+
+	import { represent_value } from "./utils";
+	import type { Dependency } from "../types";
+
+	export let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "mcp"
+		| "cli";
+	export let space_id: string | null;
+	export let root: string;
+	export let api_count: number;
+	export let tools: any[];
+	export let py_docs: string;
+	export let js_docs: string;
+	export let bash_docs: string;
+	export let mcp_docs: string;
+	export let spaces_docs_suffix: string;
+	export let mcp_server_active: boolean;
+	export let mcp_server_url_streamable: string;
+	export let config_snippets: Record<string, string>;
+	export let markdown_code_snippets: Record<string, Record<string, string>>;
+	export let dependencies: Dependency[];
+	export let info: any;
+	export let js_info: any;
+
+	let markdown_content: Record<string, string> = {
+		python: "",
+		javascript: "",
+		bash: "",
+		mcp: ""
+	};
+
+	$: markdown_content.python = `
+# Python API documentation for ${space_id || root}
+API Endpoints: ${api_count}
+
+1. Install the Python client [docs](${py_docs}) if you don't already have it installed. 
+
+\`\`\`bash
+pip install gradio_client
+\`\`\`
+
+2. Find the API endpoint below corresponding to your desired function in the app. Copy the code snippet, replacing the placeholder values with your own input data. ${space_id ? "If this is a private Space, you may need to pass your Hugging Face token as well. [Read more](" + py_docs + spaces_docs_suffix + ")." : ""}
+
+${dependencies
+	.filter(
+		(d) =>
+			d.api_visibility === "public" && info.named_endpoints["/" + d.api_name]
+	)
+	.map(
+		(d) =>
+			`### API Name: /${d.api_name}
+${info?.named_endpoints["/" + d.api_name]?.description ? "Description: " + info?.named_endpoints["/" + d.api_name]?.description : ""}
+
+\`\`\`python
+${markdown_code_snippets[d.api_name as keyof typeof markdown_code_snippets]?.python}
+\`\`\`
+
+Accepts ${info?.named_endpoints["/" + d.api_name]?.parameters?.length} parameter${info?.named_endpoints["/" + d.api_name]?.parameters?.length != 1 ? "s" : ""}:
+
+${info?.named_endpoints["/" + d.api_name]?.parameters
+	?.map((p: any) => {
+		const required = !p.parameter_has_default;
+		const defaultValue = !required
+			? `Default: ${represent_value(p.parameter_default, p.python_type.type, "py")}`
+			: "Required";
+		const type = `${p.python_type.type}${p.parameter_has_default && p.parameter_default === null ? " | None" : ""}`;
+		return `${p.parameter_name || `[${js_info.named_endpoints["/" + d.api_name]?.parameters.findIndex((p: any) => p.parameter_name === p.parameter_name)}]`}:\n- Type: ${type}\n- ${defaultValue}\n- The input value that is provided in the ${p.label} ${p.component} component. ${p.python_type.description}`;
+	})
+	.join("\n\n")}
+
+Returns ${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `tuple of ${info?.named_endpoints["/" + d.api_name]?.returns?.length} elements` : "1 element"}:
+
+${info?.named_endpoints["/" + d.api_name]?.returns
+	?.map((r: any, i: number) => {
+		const type = r.python_type.type;
+		return `${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `[${i}]: ` : ""}- Type: ${type}\n- The output value that appears in the "${r.label}" ${r.component} component.`;
+	})
+	.join("\n\n")}
+`
+	)
+	.join("\n\n\n")}
+`;
+	$: markdown_content.javascript = `
+# JavaScript API documentation for ${space_id || root}
+API Endpoints: ${api_count}
+
+1. Install the JavaScript client [docs](${js_docs}) if you don't already have it installed. 
+
+\`\`\`bash
+npm i -D @gradio/client
+\`\`\`
+
+2. Find the API endpoint below corresponding to your desired function in the app. Copy the code snippet, replacing the placeholder values with your own input data. ${space_id ? "If this is a private Space, you may need to pass your Hugging Face token as well. [Read more](" + js_docs + spaces_docs_suffix + ")." : ""}
+
+${dependencies
+	.filter(
+		(d) =>
+			d.api_visibility === "public" && info.named_endpoints["/" + d.api_name]
+	)
+	.map(
+		(d) =>
+			`### API Name: /${d.api_name}
+${info?.named_endpoints["/" + d.api_name]?.description ? "Description: " + info?.named_endpoints["/" + d.api_name]?.description : ""}
+
+\`\`\`javascript
+${markdown_code_snippets[d.api_name as keyof typeof markdown_code_snippets]?.javascript}
+\`\`\`
+
+Accepts ${info?.named_endpoints["/" + d.api_name]?.parameters?.length} parameter${info?.named_endpoints["/" + d.api_name]?.parameters?.length != 1 ? "s" : ""}:
+
+${info?.named_endpoints["/" + d.api_name]?.parameters
+	?.map((p: any) => {
+		const required = !p.parameter_has_default;
+		const defaultValue = !required
+			? `Default: ${represent_value(p.parameter_default, p.python_type.type, "py")}`
+			: "Required";
+		const type = `${js_info.named_endpoints["/" + d.api_name]?.parameters.find((_p: any) => _p.parameter_name === p.parameter_name)?.type || "any"}`;
+		return `${p.parameter_name || `[${js_info.named_endpoints["/" + d.api_name]?.parameters.findIndex((_p: any) => _p.parameter_name === p.parameter_name)}]`}:\n- Type: ${type}\n- ${defaultValue}\n- The input value that is provided in the ${p.label} ${p.component} component. ${p.python_type.description}`;
+	})
+	.join("\n\n")}
+
+Returns ${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `list of ${info?.named_endpoints["/" + d.api_name]?.returns?.length} elements` : "1 element"}:
+
+${info?.named_endpoints["/" + d.api_name]?.returns
+	?.map((r: any, i: number) => {
+		const type = js_info.named_endpoints["/" + d.api_name]?.returns[i]?.type;
+		return `${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `[${i}]: ` : ""}- Type: ${type}\n- The output value that appears in the "${r.label}" ${r.component} component.`;
+	})
+	.join("\n\n")}`
+	)
+	.join("\n\n\n")}
+`;
+	$: markdown_content.bash = `
+# Bash API documentation for ${space_id || root}
+API Endpoints: ${api_count}
+
+1. Confirm that you have cURL installed on your system.
+
+\`\`\`bash
+curl --version
+\`\`\`
+
+2. Find the API endpoint below corresponding to your desired function in the app. Copy the code snippet, replacing the placeholder values with your own input data.
+
+Making a prediction and getting a result requires 2 requests: a POST and a GET request. The POST request returns an EVENT_ID, which is used in the second GET request to fetch the results. In these snippets, we've used awk and read to parse the results, combining these two requests into one command for ease of use.
+
+If your endpoint accepts files, you must first upload them via a POST to \`/upload\`, then reference the returned path with the meta key: \`{"path": "...", "meta": {"_type": "gradio.FileData"}}\`. See [curl docs](${bash_docs}).
+
+${dependencies
+	.filter(
+		(d) =>
+			d.api_visibility === "public" && info.named_endpoints["/" + d.api_name]
+	)
+	.map(
+		(d) =>
+			`### API Name: /${d.api_name}
+${info?.named_endpoints["/" + d.api_name]?.description ? "Description: " + info?.named_endpoints["/" + d.api_name]?.description : ""}
+
+\`\`\`bash
+${markdown_code_snippets[d.api_name as keyof typeof markdown_code_snippets]?.bash}
+\`\`\`
+
+Accepts a JSON object with ${info?.named_endpoints["/" + d.api_name]?.parameters?.length} key${info?.named_endpoints["/" + d.api_name]?.parameters?.length != 1 ? "s" : ""}:
+
+${info?.named_endpoints["/" + d.api_name]?.parameters
+	?.map((p: any) => {
+		const defaultValue = "Required";
+		const type = `${p.python_type.type}`;
+		return `${p.parameter_name}:\n- Type: ${type}\n- ${defaultValue}\n- The input value that is provided in the ${p.label} ${p.component} component. ${p.python_type.description}`;
+	})
+	.join("\n\n")}
+
+Returns ${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `an array of ${info?.named_endpoints["/" + d.api_name]?.returns?.length} elements` : "an array of 1 element"}:
+
+${info?.named_endpoints["/" + d.api_name]?.returns
+	?.map((r: any, i: number) => {
+		const type = r.python_type.type;
+		return `${info?.named_endpoints["/" + d.api_name]?.returns?.length > 1 ? `[${i}]: ` : ""}- Type: ${type}\n- The output value that appears in the "${r.label}" ${r.component} component.`;
+	})
+	.join("\n\n")}
+`
+	)
+	.join("\n\n\n")}
+`;
+	$: markdown_content.mcp = `
+# MCP documentation for ${space_id || root}
+MCP Tools: ${tools.length}
+
+${
+	!mcp_server_active
+		? `This Gradio app can also serve as an MCP server, with an MCP tool corresponding to each API endpoint. 
+To enable this, launch this Gradio app with \`.launch(mcp_server=True)\` or set the \`.launch(mcp_server=True)\`or set the \`GRADIO_MCP_SERVER\` env variable to \`"True"\`.`
+		: `
+
+This page documents two transports: Streamable HTTP and STDIO.
+
+### Streamable HTTP
+
+MCP Server URL (Streamable HTTP): ${mcp_server_url_streamable}
+
+${tools.length} available MCP tools, resources, and prompts: 
+
+${tools
+	.map(
+		(tool) =>
+			`### ${tool.name}
+Type: ${tool.meta.mcp_type}
+Description: ${tool.description ? tool.description : "No description provided in function docstring"}
+Parameters: ${Object.keys(tool.parameters).length}
+${Object.keys(tool.parameters)
+	.map((parameter) => {
+		return `- ${parameter} (${tool.parameters[parameter].type}): ${tool.parameters[parameter].description ? tool.parameters[parameter].description : "No description provided in function docstring"}`;
+	})
+	.join("\n")}
+`
+	)
+	.join("\n\n")}
+
+Streamable HTTP Transport: To add this MCP to clients that support Streamable HTTP, simply add the following configuration to your MCP config.
+
+\`\`\`json
+${config_snippets.streamable_http}
+\`\`\`
+
+The \`upload_files_to_gradio\` tool uploads files from your local \`UPLOAD_DIRECTORY\` (or any of its subdirectories) to the Gradio app. 
+This is needed because MCP servers require files to be provided as URLs. You can omit this tool if you prefer to upload files manually. This tool requires [uv](https://docs.astral.sh/uv/getting-started/installation/) to be installed.
+
+### STDIO Transport
+
+
+${tools.length} available MCP tools, resources, and prompts: 
+
+${tools
+	.map(
+		(tool) =>
+			`### ${tool.name}
+Type: ${tool.meta.mcp_type}
+Description: ${tool.description ? tool.description : "No description provided in function docstring"}
+Parameters: ${Object.keys(tool.parameters).length}
+${Object.keys(tool.parameters)
+	.map((parameter) => {
+		return `- ${parameter} (${tool.parameters[parameter].type}): ${tool.parameters[parameter].description ? tool.parameters[parameter].description : "No description provided in function docstring"}`;
+	})
+	.join("\n")}
+`
+	)
+	.join("\n\n")}
+
+STDIO Transport: For clients that only support stdio (e.g. Claude Desktop), first [install Node.js](https://nodejs.org/en/download/). Then, you can use the following command:
+
+\`\`\`json
+${config_snippets.stdio}
+\`\`\`
+
+The \`upload_files_to_gradio\` tool uploads files from your local \`UPLOAD_DIRECTORY\` (or any of its subdirectories) to the Gradio app. 
+This is needed because MCP servers require files to be provided as URLs. You can omit this tool if you prefer to upload files manually. This tool requires [uv](https://docs.astral.sh/uv/getting-started/installation/) to be installed.
+
+Read more about the MCP in the [Gradio docs](${mcp_docs}).
+`
+}
+
+`;
+
+	let current_language_label =
+		current_language === "python"
+			? "Python"
+			: current_language === "javascript"
+				? "JavaScript"
+				: current_language === "bash"
+					? "Bash"
+					: current_language === "cli"
+						? "CLI"
+						: "MCP";
+
+	$: current_language;
+	$: current_language_label =
+		current_language === "python"
+			? "Python"
+			: current_language === "javascript"
+				? "JavaScript"
+				: current_language === "bash"
+					? "Bash"
+					: current_language === "cli"
+						? "CLI"
+						: "MCP";
+
+	let label = `Copy ${current_language_label} Docs as Markdown for LLMs`;
+	$: label = `Copy ${current_language_label} Docs as Markdown for LLMs`;
+
+	let copied = false;
+	$: copied;
+
+	let open = false;
+	let triggerEl: HTMLDivElement | null = null;
+	let menuEl: HTMLDivElement | null = null;
+	let menuStyle = "";
+
+	const isClient = typeof window !== "undefined";
+
+	function openMenu(): void {
+		open = true;
+		if (isClient && triggerEl) {
+			void tick().then(() => {
+				if (!triggerEl) return;
+				const rect = triggerEl.getBoundingClientRect();
+				const gutter = 6;
+				const minWidth = Math.max(rect.width + 80, 220);
+				const right = Math.max(window.innerWidth - rect.right, gutter);
+				menuStyle = `top:${rect.bottom + gutter}px;right:${right}px;min-width:${minWidth}px;`;
+			});
+		}
+	}
+
+	function closeMenu(): void {
+		open = false;
+	}
+
+	function toggleMenu(): void {
+		open ? closeMenu() : openMenu();
+	}
+
+	function buildUrl(): string {
+		const encodedPromptText = encodeURIComponent(
+			`--------------------------------
+${markdown_content[current_language]}
+--------------------------------
+
+Read the documentation above so I can ask questions about it.`
+		);
+		return `https://huggingface.co/chat/?prompt=${encodedPromptText}`;
+	}
+
+	function openHuggingChat(): void {
+		if (isClient) {
+			window.open(buildUrl(), "_blank", "noopener,noreferrer");
+		}
+		closeMenu();
+	}
+
+	function handleWindowPointer(event: MouseEvent): void {
+		if (!open || !isClient) return;
+		const targetNode = event.target as Node;
+		if (menuEl?.contains(targetNode) || triggerEl?.contains(targetNode)) {
+			return;
+		}
+		closeMenu();
+	}
+
+	function handleWindowKeydown(event: KeyboardEvent): void {
+		if (event.key === "Escape" && open) {
+			closeMenu();
+		}
+	}
+
+	function handleWindowResize(): void {
+		if (open) closeMenu();
+	}
+
+	function handleWindowScroll(): void {
+		if (open) closeMenu();
+	}
+
+	async function copyMarkdown(
+		current_language: "python" | "javascript" | "bash" | "skill" | "mcp" | "cli"
+	): Promise<void> {
+		try {
+			if (!markdown_content[current_language]) {
+				console.warn("Nothing to copy");
+				return;
+			}
+
+			const hasNavigatorClipboard =
+				typeof navigator !== "undefined" &&
+				!!navigator.clipboard &&
+				typeof navigator.clipboard.writeText === "function";
+
+			if (hasNavigatorClipboard) {
+				await navigator.clipboard.writeText(markdown_content[current_language]);
+			} else {
+				console.warn("Clipboard API unavailable");
+				return;
+			}
+
+			copied = true;
+			setTimeout(() => {
+				copied = false;
+			}, 1500);
+		} catch (error) {
+			console.error("Failed to write to clipboard", error);
+		}
+	}
+</script>
+
+<svelte:window
+	on:mousedown={handleWindowPointer}
+	on:keydown={handleWindowKeydown}
+	on:resize={handleWindowResize}
+	on:scroll={handleWindowScroll}
+/>
+
+<div class="container-wrapper">
+	<div bind:this={triggerEl} class="trigger-wrapper">
+		<button
+			on:click={() => copyMarkdown(current_language)}
+			class="copy-button"
+			aria-live="polite"
+		>
+			<span class="icon-wrapper">
+				{#if copied}
+					<IconCheck />
+				{:else}
+					<IconCopy />
+				{/if}
+			</span>
+			<span
+				>{copied ? `Copied ${current_language_label} Docs!` : "Copy Page"}</span
+			>
+		</button>
+		<button
+			on:click={toggleMenu}
+			class="menu-toggle-button"
+			aria-haspopup="menu"
+			aria-expanded={open}
+			aria-label={open ? "Close copy menu" : "Open copy menu"}
+		>
+			<IconCaret
+				classNames={`caret-icon ${open ? "rotate-180" : "rotate-0"}`}
+			/>
+		</button>
+	</div>
+
+	{#if open}
+		<div
+			class="backdrop-overlay"
+			aria-hidden="true"
+			style="background: transparent;"
+			on:click={closeMenu}
+		></div>
+		<div
+			bind:this={menuEl}
+			role="menu"
+			class="menu-dropdown"
+			style={menuStyle}
+			aria-label="Copy menu"
+		>
+			<button
+				role="menuitem"
+				on:click={() => {
+					copyMarkdown(current_language);
+					closeMenu();
+				}}
+				class="base-menu-item"
+			>
+				<div class="menu-icon-container">
+					<IconCopy classNames="menu-icon" />
+				</div>
+				<div class="menu-text-container">
+					<div class="menu-text-primary">Copy Page</div>
+					<div class="menu-text-secondary">
+						{label}
+					</div>
+				</div>
+			</button>
+
+			<button
+				role="menuitem"
+				on:click={() => {
+					openHuggingChat();
+					closeMenu();
+				}}
+				class="base-menu-item"
+			>
+				<div class="menu-icon-container">
+					<IconHuggingChat classNames="menu-icon" />
+				</div>
+				<div class="menu-text-container">
+					<div class="menu-text-primary">
+						Open in HuggingChat
+						<IconArrowUpRight classNames="menu-icon-arrow" />
+					</div>
+					<div class="menu-text-secondary">
+						Ask Questions About The {current_language_label} Docs
+					</div>
+				</div>
+			</button>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.container-wrapper {
+		display: flex;
+		align-items: center;
+		flex-shrink: 0;
+		min-width: 100px;
+		justify-content: flex-end;
+		margin-left: auto;
+	}
+
+	@media (max-width: 640px) {
+		.container-wrapper {
+			min-width: 50px;
+		}
+	}
+
+	.trigger-wrapper {
+		display: inline-flex;
+		border-radius: 0.375rem;
+	}
+
+	@media (max-width: 640px) {
+		.trigger-wrapper {
+			border-radius: 0.125rem;
+		}
+	}
+
+	.icon-wrapper {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 0.375rem;
+		padding: 0.125rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-wrapper {
+			padding: 0;
+		}
+	}
+
+	.menu-toggle-button {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 1.5rem;
+		height: 1.5rem;
+		font-size: 0.875rem;
+		color: rgb(107, 114, 128);
+		border-radius: 0;
+		border-top-right-radius: 0.375rem;
+		border-bottom-right-radius: 0.375rem;
+		border: 1px solid rgb(229, 231, 235);
+		border-left: none;
+		background-color: white;
+		transition: all 0.2s ease-in-out;
+	}
+
+	.menu-toggle-button:disabled {
+		pointer-events: none;
+	}
+
+	.menu-toggle-button:hover {
+		color: rgb(55, 65, 81);
+		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+	}
+
+	@media (max-width: 640px) {
+		.menu-toggle-button {
+			width: 1.25rem;
+			height: 1.25rem;
+			border-top-right-radius: 0.125rem;
+			border-bottom-right-radius: 0.125rem;
+		}
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-toggle-button {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+		}
+
+		.menu-toggle-button:hover {
+			color: white;
+			background-color: rgb(31, 41, 55);
+		}
+	}
+
+	.backdrop-overlay {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 40;
+	}
+
+	.menu-dropdown {
+		position: fixed;
+		z-index: 50;
+		backdrop-filter: blur(24px);
+		border-radius: 0.75rem;
+		max-height: 420px;
+		overflow-y: auto;
+		padding: 0.25rem;
+		border: 1px solid rgb(229, 231, 235);
+		display: flex;
+		flex-direction: column;
+		background-color: white;
+		color: rgb(31, 41, 55);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-dropdown {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+		}
+	}
+
+	.menu-icon-container {
+		border: 1px solid rgb(229, 231, 235);
+		border-radius: 0.5rem;
+		padding: 0.375rem;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-icon-container {
+			border-color: rgb(38, 38, 38);
+		}
+	}
+
+	.menu-text-container {
+		display: flex;
+		flex-direction: column;
+		padding-left: 0.25rem;
+		padding-right: 0.25rem;
+	}
+
+	.menu-text-primary {
+		font-size: 11px;
+		font-weight: 500;
+		color: rgb(31, 41, 55);
+		display: flex;
+		align-items: center;
+		gap: 0.25rem;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-text-primary {
+			color: rgb(209, 213, 219);
+		}
+	}
+
+	.menu-text-secondary {
+		font-size: 0.75rem;
+		color: rgb(75, 85, 99);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-text-secondary {
+			color: rgb(156, 163, 175);
+		}
+	}
+
+	.copy-button {
+		display: inline-flex;
+		align-items: center;
+		gap: 4px;
+		height: 24px;
+		padding-left: 8px;
+		padding-right: 6px;
+		font-size: 11px;
+		font-weight: 500;
+		color: rgb(31, 41, 55);
+		border: 1px solid rgb(229, 231, 235);
+		border-radius: 6px;
+		border-top-right-radius: 0;
+		border-bottom-right-radius: 0;
+		background-color: white;
+
+		@media (max-width: 640px) {
+			gap: 2px;
+			height: 20px;
+			padding-left: 6px;
+			padding-right: 6px;
+			font-size: 9px;
+			border-top-left-radius: 4px;
+			border-bottom-left-radius: 4px;
+		}
+
+		&:hover {
+			box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+		}
+
+		@media (prefers-color-scheme: dark) {
+			border-color: rgb(38, 38, 38);
+			background-color: rgb(10, 10, 10);
+			color: rgb(229, 231, 235);
+
+			&:hover {
+				background-color: rgb(38, 38, 38);
+			}
+		}
+	}
+
+	.base-menu-item {
+		cursor: pointer;
+		font-size: 11px;
+		position: relative;
+		width: 100%;
+		user-select: none;
+		outline: none;
+		display: flex;
+		align-items: center;
+		gap: 0.375rem;
+		padding-left: 0.375rem;
+		padding-right: 0.375rem;
+		padding-top: 0.375rem;
+		padding-bottom: 0.375rem;
+		border-radius: 0.75rem;
+		text-align: left;
+		transition: all 0.2s ease-in-out;
+		border-color: #e5e7eb;
+		background-color: #ffffff;
+	}
+
+	.base-menu-item:hover {
+		box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.base-menu-item {
+			border-color: #1f2937;
+			background-color: #0f1117;
+			color: #e5e7eb;
+		}
+
+		.base-menu-item:hover {
+			background-color: #1f2937;
+		}
+	}
+</style>
diff --git a/js/core/src/api_docs/EndpointDetail.svelte b/js/core/src/api_docs/EndpointDetail.svelte
new file mode 100644
index 0000000..eec628b
--- /dev/null
+++ b/js/core/src/api_docs/EndpointDetail.svelte
@@ -0,0 +1,115 @@
+<script lang="ts">
+	import type { Payload } from "../types";
+	export let api_name: string | null = null;
+	export let description: string | null = null;
+	export let analytics: Record<string, any>;
+	export let last_api_call: Payload | null = null;
+	export let dependency_id: number | null = null;
+	import { format_latency, get_color_from_success_rate } from "./utils";
+	import PercentileChart from "./PercentileChart.svelte";
+
+	const success_rate = api_name ? analytics[api_name]?.success_rate : 0;
+	const color = get_color_from_success_rate(success_rate);
+	$: is_most_recently_used = last_api_call?.fn_index === dependency_id;
+</script>
+
+<h3>
+	API name:
+	<span class="post">{"/" + api_name}</span>
+	<span class="desc">
+		{description}
+		{#if analytics && api_name && analytics[api_name]}
+			{@const endpoint_analytics = analytics[api_name]}
+			{@const p50 = endpoint_analytics.process_time_percentiles["50th"]}
+			{@const p90 = endpoint_analytics.process_time_percentiles["90th"]}
+			{@const p99 = endpoint_analytics.process_time_percentiles["99th"]}
+			<span class="analytics-inline">
+				<span class="analytics-content">
+					<span class="analytics-text-wrapper">
+						{endpoint_analytics.total_requests} requests ({Math.round(
+							success_rate * 100
+						)}% successful, p50: {format_latency(p50)})
+					</span>
+					<div class="analytics-tooltip">
+						<PercentileChart {p50} {p90} {p99} />
+					</div>
+				</span>
+				{#if is_most_recently_used}
+					<span class="most-recently-used">Most recently used</span>
+				{/if}
+			</span>
+		{/if}
+	</span>
+</h3>
+
+<style>
+	h3 {
+		color: var(--body-text-color);
+		font-weight: var(--section-header-text-weight);
+		font-size: var(--text-lg);
+	}
+
+	.post {
+		margin-right: var(--size-2);
+		border: 1px solid var(--border-color-accent);
+		border-radius: var(--radius-sm);
+		background: var(--color-accent-soft);
+		padding-right: var(--size-1);
+		padding-bottom: var(--size-1);
+		padding-left: var(--size-1);
+		color: var(--color-accent);
+		font-weight: var(--weight-semibold);
+	}
+
+	.analytics-inline {
+		display: inline-flex;
+		align-items: center;
+		gap: var(--size-2);
+		margin-left: var(--size-2);
+		color: var(--body-text-color-subdued);
+	}
+
+	.analytics-content {
+		position: relative;
+		display: inline-block;
+	}
+
+	.analytics-text-wrapper {
+		cursor: help;
+	}
+
+	.analytics-tooltip {
+		position: absolute;
+		bottom: 100%;
+		left: 50%;
+		transform: translateX(-50%);
+		margin-bottom: var(--size-2);
+		opacity: 0;
+		pointer-events: none;
+		transition: opacity 0.2s ease;
+		z-index: 1000;
+	}
+
+	.analytics-content:hover .analytics-tooltip {
+		opacity: 1;
+		pointer-events: auto;
+	}
+
+	.most-recently-used {
+		display: inline-block;
+		color: #fd7b00;
+		background: #fff4e6;
+		border: 1px solid #ffd9b3;
+		border-radius: var(--radius-sm);
+		padding: var(--size-1) var(--size-2);
+		font-size: var(--text-sm);
+		font-weight: var(--weight-medium);
+		white-space: nowrap;
+	}
+
+	.desc {
+		color: var(--body-text-color);
+		font-size: var(--text-lg);
+		margin-left: var(--size-2);
+	}
+</style>
diff --git a/js/core/src/api_docs/IconArrowUpRight.svelte b/js/core/src/api_docs/IconArrowUpRight.svelte
new file mode 100644
index 0000000..720d803
--- /dev/null
+++ b/js/core/src/api_docs/IconArrowUpRight.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames || "menu-icon-arrow"}
+	xmlns="http://www.w3.org/2000/svg"
+	width="24"
+	height="24"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.75"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M7 7h10v10"></path>
+	<path d="M7 17 17 7"></path>
+</svg>
+
+<style>
+	.menu-icon-arrow {
+		width: 1rem;
+		height: 1rem;
+		color: rgb(107, 114, 128);
+		flex-shrink: 0;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.menu-icon-arrow {
+			color: rgb(209, 213, 219);
+		}
+	}
+</style>
diff --git a/js/core/src/api_docs/IconCaret.svelte b/js/core/src/api_docs/IconCaret.svelte
new file mode 100644
index 0000000..06aae28
--- /dev/null
+++ b/js/core/src/api_docs/IconCaret.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames}
+	width="1em"
+	height="1em"
+	viewBox="0 0 12 7"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path d="M1 1L6 6L11 1" stroke="currentColor" />
+</svg>
+
+<style>
+	.caret-icon {
+		transition: transform 0.2s ease-in-out;
+		color: rgb(156, 163, 175);
+		overflow: visible;
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.caret-icon {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+
+	.rotate-180 {
+		transform: rotate(180deg);
+	}
+
+	.rotate-0 {
+		transform: rotate(0deg);
+	}
+</style>
diff --git a/js/core/src/api_docs/IconHuggingChat.svelte b/js/core/src/api_docs/IconHuggingChat.svelte
new file mode 100644
index 0000000..3108cf0
--- /dev/null
+++ b/js/core/src/api_docs/IconHuggingChat.svelte
@@ -0,0 +1,62 @@
+<script lang="ts">
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames || "icon-size"}
+	width="1em"
+	height="1em"
+	viewBox="5 5 22 22"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<title>HuggingChat</title>
+	<path
+		d="M16.0006 25.9992C13.8266 25.999 11.7118 25.2901 9.97686 23.9799C8.2419 22.6698 6.98127 20.8298 6.38599 18.7388C5.79071 16.6478 5.89323 14.4198 6.678 12.3923C7.46278 10.3648 8.88705 8.64837 10.735 7.50308C12.5829 6.35779 14.7538 5.84606 16.9187 6.04544C19.0837 6.24481 21.1246 7.14442 22.7323 8.60795C24.34 10.0715 25.4268 12.0192 25.8281 14.1559C26.2293 16.2926 25.9232 18.5019 24.9561 20.449C24.7703 20.8042 24.7223 21.2155 24.8211 21.604L25.4211 23.8316C25.4803 24.0518 25.4805 24.2837 25.4216 24.5039C25.3627 24.7242 25.2468 24.925 25.0856 25.0862C24.9244 25.2474 24.7235 25.3633 24.5033 25.4222C24.283 25.4811 24.0512 25.4809 23.831 25.4217L21.6034 24.8217C21.2172 24.7248 20.809 24.7729 20.4558 24.9567C19.0683 25.6467 17.5457 26.0068 16.0006 26.0068V25.9992Z"
+		fill="black"
+		class="block dark:hidden"
+	/>
+	<path
+		d="M9.62598 16.0013C9.62598 15.3799 10.1294 14.8765 10.7508 14.8765C11.3721 14.8765 11.8756 15.3799 11.8756 16.0013C11.8756 17.0953 12.3102 18.1448 13.0838 18.9184C13.8574 19.692 14.9069 20.1266 16.001 20.1267C17.095 20.1267 18.1445 19.692 18.9181 18.9184C19.6918 18.1448 20.1264 17.0953 20.1264 16.0013C20.1264 15.3799 20.6299 14.8765 21.2512 14.8765C21.8725 14.8765 22.3759 15.3799 22.3759 16.0013C22.3759 17.6921 21.7046 19.3137 20.509 20.5093C19.3134 21.7049 17.6918 22.3762 16.001 22.3762C14.3102 22.3762 12.6885 21.7049 11.4929 20.5093C10.2974 19.3137 9.62598 17.6921 9.62598 16.0013Z"
+		fill="white"
+		class="block dark:hidden"
+	/>
+	<path
+		d="M16.0006 25.9992C13.8266 25.999 11.7118 25.2901 9.97686 23.9799C8.2419 22.6698 6.98127 20.8298 6.38599 18.7388C5.79071 16.6478 5.89323 14.4198 6.678 12.3923C7.46278 10.3648 8.88705 8.64837 10.735 7.50308C12.5829 6.35779 14.7538 5.84606 16.9187 6.04544C19.0837 6.24481 21.1246 7.14442 22.7323 8.60795C24.34 10.0715 25.4268 12.0192 25.8281 14.1559C26.2293 16.2926 25.9232 18.5019 24.9561 20.449C24.7703 20.8042 24.7223 21.2155 24.8211 21.604L25.4211 23.8316C25.4803 24.0518 25.4805 24.2837 25.4216 24.5039C25.3627 24.7242 25.2468 24.925 25.0856 25.0862C24.9244 25.2474 24.7235 25.3633 24.5033 25.4222C24.283 25.4811 24.0512 25.4809 23.831 25.4217L21.6034 24.8217C21.2172 24.7248 20.809 24.7729 20.4558 24.9567C19.0683 25.6467 17.5457 26.0068 16.0006 26.0068V25.9992Z"
+		fill="white"
+		class="hidden dark:block"
+	/>
+	<path
+		d="M9.62598 16.0013C9.62598 15.3799 10.1294 14.8765 10.7508 14.8765C11.3721 14.8765 11.8756 15.3799 11.8756 16.0013C11.8756 17.0953 12.3102 18.1448 13.0838 18.9184C13.8574 19.692 14.9069 20.1266 16.001 20.1267C17.095 20.1267 18.1445 19.692 18.9181 18.9184C19.6918 18.1448 20.1264 17.0953 20.1264 16.0013C20.1264 15.3799 20.6299 14.8765 21.2512 14.8765C21.8725 14.8765 22.3759 15.3799 22.3759 16.0013C22.3759 17.6921 21.7046 19.3137 20.509 20.5093C19.3134 21.7049 17.6918 22.3762 16.001 22.3762C14.3102 22.3762 12.6885 21.7049 11.4929 20.5093C10.2974 19.3137 9.62598 17.6921 9.62598 16.0013Z"
+		fill="black"
+		class="hidden dark:block"
+	/>
+</svg>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+
+	.menu-icon {
+		width: 1rem;
+		height: 1rem;
+		flex-shrink: 0;
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.block {
+		display: block;
+	}
+</style>
diff --git a/js/core/src/api_docs/InputPayload.svelte b/js/core/src/api_docs/InputPayload.svelte
new file mode 100644
index 0000000..492a7ff
--- /dev/null
+++ b/js/core/src/api_docs/InputPayload.svelte
@@ -0,0 +1,164 @@
+<script lang="ts">
+	import type { ComponentMeta, Dependency } from "../types";
+	import { BaseButton } from "@gradio/button";
+	import { Block } from "@gradio/atoms";
+
+	export let dependency: Dependency;
+	export let dependency_failures: boolean[][];
+	export let dependency_index: number;
+	export let instance_map: {
+		[id: number]: ComponentMeta;
+	};
+	export let run: (id: number) => Promise<void>;
+	export let dependency_inputs: string[][];
+
+	function format_label(label: unknown): string {
+		return label ? "'" + label + "'" : "the";
+	}
+</script>
+
+<h4>
+	<div class="toggle-icon">
+		<div class="toggle-dot" />
+	</div>
+	Input Payload
+</h4>
+<Block>
+	<div class="payload-details">
+		&#123;
+		<div class="first-level">"data": [</div>
+		{#each dependency.inputs as component_id, component_index}
+			<div class="second-level">
+				<input
+					class=""
+					type="text"
+					bind:value={dependency_inputs[dependency_index][component_index]}
+				/>
+				{#if dependency_failures[dependency_index][component_index]}
+					<span class="error">ERROR</span>
+				{/if}
+
+				<span class="type">
+					: {instance_map[component_id].documentation?.type?.input_payload ||
+						instance_map[component_id].documentation?.type?.payload},
+				</span>
+				<span class="desc">
+					// represents {instance_map[component_id].documentation?.description
+						?.input_payload ||
+						instance_map[component_id].documentation?.description?.payload} of
+					{format_label(instance_map[component_id].props.label)}
+					<span class="name">
+						{instance_map[component_id].props.name}
+					</span>
+					component
+				</span>
+			</div>
+		{/each}
+		<div class="first-level">]</div>
+		&#125;
+	</div>
+</Block>
+
+<span class="space" />
+<BaseButton variant="primary" onclick={run.bind(null, dependency_index)}>
+	Try It Out
+</BaseButton>
+
+<style>
+	.payload-details {
+		font-family: var(--font-mono);
+	}
+
+	.space {
+		display: flex;
+		flex-basis: 1;
+		margin-top: var(--size-4);
+	}
+
+	h4 {
+		display: flex;
+		align-items: center;
+		margin-top: var(--size-6);
+		margin-bottom: var(--size-3);
+		color: var(--body-text-color);
+		font-weight: var(--weight-bold);
+	}
+
+	.toggle-icon {
+		display: flex;
+		align-items: center;
+		margin-right: var(--size-2);
+		border-radius: var(--radius-full);
+		background: var(--color-grey-300);
+		width: 12px;
+		height: 4px;
+	}
+
+	.toggle-dot {
+		border-radius: var(--radius-full);
+		background: var(--color-grey-700);
+		width: 6px;
+		height: 6px;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.toggle-icon {
+			background: var(--color-grey-500);
+		}
+		.toggle-dot {
+			background: var(--color-grey-400);
+		}
+	}
+
+	:global(.dark) .toggle-icon {
+		background: var(--color-grey-500);
+	}
+
+	:global(.dark) .toggle-dot {
+		background: var(--color-grey-400);
+	}
+
+	input[type="text"] {
+		--ring-color: transparent;
+		margin: var(--size-1) 0;
+		outline: none !important;
+		box-shadow: var(--input-shadow);
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-radius: var(--radius-lg);
+		background: var(--input-background-fill);
+		padding: var(--size-1-5);
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+	}
+
+	input:focus {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+	}
+
+	.error {
+		color: var(--error-text-color);
+	}
+
+	.type {
+		color: var(--block-label-text-color);
+	}
+
+	.desc {
+		color: var(--body-text-color-subdued);
+	}
+
+	.name {
+		text-transform: capitalize;
+	}
+
+	.first-level {
+		margin-left: 1rem;
+	}
+
+	.second-level {
+		margin-left: 2rem;
+	}
+</style>
diff --git a/js/core/src/api_docs/InstallSnippet.svelte b/js/core/src/api_docs/InstallSnippet.svelte
new file mode 100644
index 0000000..b113913
--- /dev/null
+++ b/js/core/src/api_docs/InstallSnippet.svelte
@@ -0,0 +1,132 @@
+<script lang="ts">
+	import CopyButton from "./CopyButton.svelte";
+	import { Block } from "@gradio/atoms";
+
+	export let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "mcp"
+		| "cli";
+	export let cli_flavor: "hf" | "gradio" = "hf";
+
+	let py_install = "pip install gradio_client";
+	let js_install = "npm i -D @gradio/client";
+	let bash_install = "curl --version";
+	const hf_mac_install = "curl -LsSf https://hf.co/cli/install.sh | bash";
+	const hf_win_install =
+		'powershell -ExecutionPolicy ByPass -c "irm https://hf.co/cli/install.ps1 | iex"';
+	$: cli_install =
+		cli_flavor === "hf"
+			? "hf extensions install gradio-app/hf-gradio"
+			: "pip install gradio --upgrade";
+</script>
+
+{#if current_language === "python"}
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={py_install} />
+			</div>
+			<div>
+				<pre>$ {py_install}</pre>
+			</div>
+		</code>
+	</Block>
+{:else if current_language === "javascript"}
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={js_install} />
+			</div>
+			<div>
+				<pre>$ {js_install}</pre>
+			</div>
+		</code>
+	</Block>
+{:else if current_language === "bash"}
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={bash_install} />
+			</div>
+			<div>
+				<pre>$ {bash_install}</pre>
+			</div>
+		</code>
+	</Block>
+{:else if current_language === "cli"}
+	{#if cli_flavor === "hf"}
+		<p class="step">First, install the HF CLI.</p>
+		<p class="os-label">On macOS and Linux:</p>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={hf_mac_install} />
+				</div>
+				<div>
+					<pre>$ {hf_mac_install}</pre>
+				</div>
+			</code>
+		</Block>
+		<p class="os-label">On Windows:</p>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={hf_win_install} />
+				</div>
+				<div>
+					<pre>$ {hf_win_install}</pre>
+				</div>
+			</code>
+		</Block>
+		<p class="step">Then, install the Gradio extension:</p>
+	{/if}
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={cli_install} />
+			</div>
+			<div>
+				<pre>$ {cli_install}</pre>
+			</div>
+		</code>
+	</Block>
+{/if}
+
+<style>
+	code pre {
+		overflow-x: auto;
+		color: var(--body-text-color);
+		font-family: var(--font-mono);
+		tab-size: 2;
+	}
+
+	code {
+		position: relative;
+		display: block;
+	}
+
+	.copy {
+		position: absolute;
+		top: 0;
+		right: 0;
+		margin-top: -5px;
+		margin-right: -5px;
+	}
+
+	.step {
+		margin-top: var(--size-3);
+		margin-bottom: var(--size-2);
+		font-weight: var(--weight-semibold);
+		color: var(--body-text-color);
+	}
+
+	.os-label {
+		margin-top: var(--size-2);
+		margin-bottom: var(--size-1);
+		font-size: var(--text-sm);
+		color: var(--body-text-color-subdued);
+	}
+</style>
diff --git a/js/core/src/api_docs/MCPSnippet.svelte b/js/core/src/api_docs/MCPSnippet.svelte
new file mode 100644
index 0000000..7d16502
--- /dev/null
+++ b/js/core/src/api_docs/MCPSnippet.svelte
@@ -0,0 +1,639 @@
+<script lang="ts">
+	import { Block } from "@gradio/atoms";
+	import CopyButton from "./CopyButton.svelte";
+	import { Tool, Prompt, Resource } from "@gradio/icons";
+	import { format_latency, get_color_from_success_rate } from "./utils";
+	import PercentileChart from "./PercentileChart.svelte";
+
+	export let mcp_server_active: boolean;
+	export let mcp_server_url_streamable: string;
+	export let root: string;
+	export let tools: Tool[];
+	export let all_tools: Tool[] = [];
+	export let selected_tools: Set<string> = new Set();
+	export let mcp_json_stdio: any;
+	export let file_data_present: boolean;
+	export let mcp_docs: string;
+	export let analytics: Record<string, any>;
+	export let config_snippets: Record<string, string>;
+
+	interface ToolParameter {
+		title?: string;
+		type: string;
+		description: string;
+		format?: string;
+		default?: any;
+	}
+
+	interface Tool {
+		name: string;
+		description: string;
+		parameters: Record<string, ToolParameter>;
+		expanded?: boolean;
+		meta: {
+			mcp_type: "tool" | "resource" | "prompt";
+			file_data_present: boolean;
+			endpoint_name: string;
+		};
+	}
+
+	type Transport = "streamable_http" | "stdio";
+	let current_transport: Transport = "streamable_http";
+	let include_file_upload = true;
+
+	const transports = [
+		["streamable_http", "Streamable HTTP"],
+		["stdio", "STDIO"]
+	] as const;
+
+	const tool_type_icons: Record<Tool["meta"]["mcp_type"], typeof Tool> = {
+		tool: Tool,
+		resource: Resource,
+		prompt: Prompt
+	};
+
+	$: display_url = mcp_server_url_streamable;
+
+	// Helper function to add/remove file upload tool from config
+	function update_config_with_file_upload(
+		base_config: any,
+		include_upload: boolean
+	): any {
+		if (!base_config) return null;
+
+		const config = JSON.parse(JSON.stringify(base_config));
+
+		if (include_upload && file_data_present) {
+			const upload_file_mcp_server = {
+				command: "uvx",
+				args: [
+					"--from",
+					"gradio[mcp]",
+					"gradio",
+					"upload-mcp",
+					root,
+					"<UPLOAD_DIRECTORY>"
+				]
+			};
+			config.mcpServers.upload_files_to_gradio = upload_file_mcp_server;
+		} else {
+			delete config.mcpServers?.upload_files_to_gradio;
+		}
+
+		return config;
+	}
+
+	$: mcp_json_streamable_http = update_config_with_file_upload(
+		mcp_json_stdio
+			? {
+					mcpServers: {
+						gradio: {
+							url: mcp_server_url_streamable
+						}
+					}
+				}
+			: null,
+		include_file_upload
+	);
+
+	$: mcp_json_stdio_updated = update_config_with_file_upload(
+		mcp_json_stdio,
+		include_file_upload
+	);
+
+	$: config_snippets = {
+		streamable_http: JSON.stringify(mcp_json_streamable_http, null, 2),
+		stdio: JSON.stringify(mcp_json_stdio_updated, null, 2)
+	};
+</script>
+
+{#if mcp_server_active}
+	<div class="transport-selection">
+		<div class="snippets">
+			<span class="transport-label">Transport:</span>
+			{#each transports as [transport, display_name]}
+				<button
+					type="button"
+					class="snippet {current_transport === transport
+						? 'current-lang'
+						: 'inactive-lang'}"
+					on:click={() => (current_transport = transport)}
+				>
+					{display_name}
+				</button>
+			{/each}
+		</div>
+	</div>
+
+	{#if current_transport !== "stdio"}
+		<Block>
+			<div class="mcp-url">
+				<label for="mcp-server-url"
+					><span class="status-indicator active">●</span>MCP Server URL
+					(Streamable HTTP)</label
+				>
+				<div class="textbox">
+					<input id="mcp-server-url" type="text" readonly value={display_url} />
+					<CopyButton code={display_url} />
+				</div>
+			</div>
+		</Block>
+		<p>&nbsp;</p>
+	{/if}
+
+	<div class="tool-selection">
+		<strong>
+			{all_tools.length > 0 ? all_tools.length : tools.length} Available MCP Tools
+			(<span style="display: inline-block; vertical-align: sub;"><Tool /></span
+			>), Resources (<span style="display: inline-block; vertical-align: sub;"
+				><Resource /></span
+			>), and Prompts (<span style="display: inline-block; vertical-align: sub;"
+				><Prompt /></span
+			>)
+		</strong>
+		{#if all_tools.length > 0}
+			<div class="tool-selection-controls">
+				<button
+					class="select-all-btn"
+					on:click={() => {
+						selected_tools = new Set(all_tools.map((t) => t.name));
+					}}
+				>
+					Select All
+				</button>
+				<button
+					class="select-none-btn"
+					on:click={() => {
+						selected_tools = new Set();
+					}}
+				>
+					Select None
+				</button>
+			</div>
+		{/if}
+	</div>
+	<div class="mcp-tools">
+		{#each all_tools.length > 0 ? all_tools : tools as tool}
+			{@const success_rate =
+				analytics[tool.meta.endpoint_name]?.success_rate || 0}
+			{@const color = get_color_from_success_rate(success_rate)}
+			<div class="tool-item">
+				<div class="tool-header-wrapper">
+					{#if all_tools.length > 0}
+						<input
+							type="checkbox"
+							class="tool-checkbox"
+							checked={selected_tools.has(tool.name) ||
+								current_transport !== "streamable_http"}
+							disabled={current_transport !== "streamable_http"}
+							style={current_transport !== "streamable_http"
+								? "opacity: 0.5; cursor: not-allowed;"
+								: ""}
+							on:change={(e) => {
+								if (e.currentTarget.checked) {
+									selected_tools.add(tool.name);
+								} else {
+									selected_tools.delete(tool.name);
+								}
+								selected_tools = selected_tools;
+							}}
+						/>
+					{/if}
+					<button
+						class="tool-header"
+						on:click={() => (tool.expanded = !tool.expanded)}
+					>
+						<span style="display: inline-block">
+							<span
+								style="display: inline-block; padding-right: 6px; vertical-align: sub"
+							>
+								{#if tool_type_icons[tool.meta.mcp_type]}
+									{@const Icon = tool_type_icons[tool.meta.mcp_type]}
+									<Icon />
+								{/if}
+							</span>
+							<span class="tool-name">{tool.name}</span>
+							&nbsp;
+							<span class="tool-description">
+								{tool.description
+									? tool.description
+									: "⚠︎ No description provided in function docstring"}
+							</span>
+							{#if analytics[tool.meta.endpoint_name]}
+								{@const endpoint_analytics = analytics[tool.meta.endpoint_name]}
+								{@const p50 =
+									endpoint_analytics.process_time_percentiles["50th"]}
+								<div class="tool-analytics-wrapper" style="margin-left: 1em;">
+									<span
+										class="tool-analytics"
+										style="color: var(--body-text-color-subdued);"
+									>
+										{endpoint_analytics.total_requests} requests ({Math.round(
+											success_rate * 100
+										)}% successful, p50: {format_latency(p50)})
+									</span>
+								</div>
+							{/if}
+						</span>
+						<span class="tool-arrow">{tool.expanded ? "▼" : "▶"}</span>
+					</button>
+				</div>
+				{#if tool.expanded}
+					<div class="tool-content">
+						{#if Object.keys(tool.parameters).length > 0}
+							<div class="tool-parameters">
+								{#each Object.entries(tool.parameters) as [name, param]}
+									<div class="parameter">
+										<code>{name}</code>
+										<span class="parameter-type">
+											({param.type}{param.default !== undefined
+												? `, default: ${JSON.stringify(param.default)}`
+												: ""})
+										</span>
+										<p class="parameter-description">
+											{param.description
+												? param.description
+												: "⚠︎ No description for this parameter in function docstring"}
+										</p>
+									</div>
+								{/each}
+							</div>
+						{:else}
+							<p>Takes no input parameters</p>
+						{/if}
+					</div>
+				{/if}
+			</div>
+		{/each}
+	</div>
+	<p>&nbsp;</p>
+
+	<div class:hidden={current_transport !== "streamable_http"}>
+		<strong>Streamable HTTP Transport</strong>: To add this MCP to clients that
+		support Streamable HTTP, simply add the following configuration to your MCP
+		config.
+		<p>&nbsp;</p>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={config_snippets.streamable_http} />
+				</div>
+				<div>
+					<pre>{config_snippets.streamable_http}</pre>
+				</div>
+			</code>
+		</Block>
+	</div>
+	<div class:hidden={current_transport !== "stdio"}>
+		<strong>STDIO Transport</strong>: For clients that only support stdio (e.g.
+		Claude Desktop), first
+		<a href="https://nodejs.org/en/download/" target="_blank">install Node.js</a
+		>. Then, you can use the following command:
+		<p>&nbsp;</p>
+		<Block>
+			<code>
+				<div class="copy">
+					<CopyButton code={config_snippets.stdio} />
+				</div>
+				<div>
+					<pre>{config_snippets.stdio}</pre>
+				</div>
+			</code>
+		</Block>
+	</div>
+	{#if file_data_present}
+		<div class="file-upload-section">
+			<label class="checkbox-label">
+				<input
+					type="checkbox"
+					bind:checked={include_file_upload}
+					class="checkbox"
+				/>
+				Include Gradio file upload tool
+			</label>
+			<p class="file-upload-explanation">
+				The <code>upload_files_to_gradio</code> tool uploads files from your
+				local <code>UPLOAD_DIRECTORY</code> (or any of its subdirectories) to
+				the Gradio app. This is needed because MCP servers require files to be
+				provided as URLs. You can omit this tool if you prefer to upload files
+				manually. This tool requires
+				<a
+					href="https://docs.astral.sh/uv/getting-started/installation/"
+					target="_blank">uv</a
+				> to be installed.
+			</p>
+		</div>
+	{/if}
+
+	<p>&nbsp;</p>
+	<p>
+		<a href={mcp_docs} target="_blank">
+			Read more about MCP in the Gradio docs
+		</a>
+	</p>
+{:else}
+	This Gradio app can also serve as an MCP server, with an MCP tool
+	corresponding to each API endpoint. To enable this, launch this Gradio app
+	with <code>.launch(mcp_server=True)</code> or set the
+	<code>GRADIO_MCP_SERVER</code>
+	env variable to
+	<code>"True"</code>.
+{/if}
+
+<style>
+	.tool-analytics-wrapper {
+		position: relative;
+		display: inline-block;
+	}
+
+	.tool-analytics {
+		font-size: 0.95em;
+		color: var(--body-text-color-subdued);
+	}
+
+	.transport-selection {
+		margin-bottom: var(--size-4);
+	}
+
+	.snippets {
+		display: flex;
+		align-items: center;
+		margin-bottom: var(--size-4);
+	}
+
+	.snippets > * + * {
+		margin-left: var(--size-2);
+	}
+
+	.transport-label {
+		font-weight: 600;
+		color: var(--body-text-color);
+		margin-right: var(--size-2);
+	}
+
+	.file-upload-section {
+		margin-top: var(--size-4);
+		padding: var(--size-3);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		background: var(--background-fill-secondary);
+	}
+
+	.checkbox-label {
+		display: flex;
+		align-items: center;
+		font-weight: 600;
+		color: var(--body-text-color);
+		cursor: pointer;
+		margin-bottom: var(--size-2);
+	}
+
+	.checkbox {
+		margin-right: var(--size-2);
+		width: var(--size-4);
+		height: var(--size-4);
+		cursor: pointer;
+		accent-color: var(--color-accent);
+	}
+
+	.checkbox:checked {
+		background-color: var(--color-accent);
+		border-color: var(--color-accent);
+	}
+
+	.file-upload-explanation {
+		margin: 0;
+		color: var(--body-text-color);
+	}
+
+	.snippet {
+		display: flex;
+		align-items: center;
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		padding: var(--size-1) var(--size-1-5);
+		color: var(--body-text-color-subdued);
+		color: var(--body-text-color);
+		line-height: 1;
+		user-select: none;
+	}
+
+	.current-lang {
+		border: 1px solid var(--body-text-color-subdued);
+		color: var(--body-text-color);
+	}
+
+	.inactive-lang {
+		cursor: pointer;
+		color: var(--body-text-color-subdued);
+	}
+
+	.inactive-lang:hover,
+	.inactive-lang:focus {
+		box-shadow: var(--shadow-drop);
+		color: var(--body-text-color);
+	}
+
+	code pre {
+		overflow-x: auto;
+		color: var(--body-text-color);
+		font-family: var(--font-mono);
+		tab-size: 2;
+	}
+
+	.copy {
+		position: absolute;
+		top: 0;
+		right: 0;
+		margin-top: 5px;
+		margin-right: 5px;
+		z-index: 10;
+	}
+
+	.mcp-url {
+		padding: var(--size-2);
+		position: relative;
+	}
+
+	.mcp-url label {
+		display: block;
+		margin-bottom: var(--size-2);
+		font-weight: 600;
+		color: var(--body-text-color);
+	}
+
+	.mcp-url .textbox {
+		display: flex;
+		align-items: center;
+		gap: var(--size-2);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		padding: var(--size-2);
+		background: var(--background-fill-primary);
+	}
+
+	.mcp-url input {
+		flex: 1;
+		border: none;
+		background: none;
+		color: var(--body-text-color);
+		font-family: var(--font-mono);
+		font-size: var(--text-md);
+		width: 100%;
+	}
+
+	.mcp-url input:focus {
+		outline: none;
+	}
+
+	.status-indicator {
+		display: inline-block;
+		margin-right: var(--size-1-5);
+		position: relative;
+		top: -1px;
+		font-size: 0.8em;
+	}
+
+	.status-indicator.active {
+		color: #4caf50;
+		animation: pulse 1s infinite;
+	}
+
+	@keyframes pulse {
+		0% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.6;
+		}
+		100% {
+			opacity: 1;
+		}
+	}
+
+	.mcp-tools {
+		margin-top: var(--size-4);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		overflow: hidden;
+	}
+
+	.tool-selection {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: var(--size-2);
+	}
+
+	.tool-selection-controls {
+		display: flex;
+		gap: var(--size-2);
+	}
+
+	.select-all-btn,
+	.select-none-btn {
+		padding: var(--size-1) var(--size-2);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		background: var(--background-fill-primary);
+		color: var(--body-text-color);
+		cursor: pointer;
+		font-size: var(--text-sm);
+	}
+
+	.select-all-btn:hover,
+	.select-none-btn:hover {
+		background: var(--background-fill-secondary);
+	}
+
+	.tool-item {
+		border-bottom: 1px solid var(--border-color-primary);
+	}
+
+	.tool-item:last-child {
+		border-bottom: none;
+	}
+
+	.tool-header-wrapper {
+		display: flex;
+		align-items: center;
+	}
+
+	.tool-checkbox {
+		margin-left: var(--size-3);
+		margin-right: var(--size-2);
+		width: var(--size-4);
+		height: var(--size-4);
+		cursor: pointer;
+		accent-color: var(--color-accent);
+	}
+
+	.tool-checkbox:checked {
+		background-color: var(--color-accent);
+		border-color: var(--color-accent);
+	}
+
+	.tool-header {
+		flex: 1;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: var(--size-3);
+		background: var(--background-fill-primary);
+		border: none;
+		cursor: pointer;
+		text-align: left;
+	}
+
+	.tool-header:hover {
+		background: var(--background-fill-secondary);
+	}
+
+	.tool-name {
+		font-family: var(--font-mono);
+		font-weight: 600;
+	}
+
+	.tool-arrow {
+		color: var(--body-text-color-subdued);
+	}
+
+	.tool-content {
+		padding: var(--size-3);
+		background: var(--background-fill-secondary);
+	}
+
+	.tool-description {
+		margin-bottom: var(--size-3);
+		color: var(--body-text-color);
+	}
+	.parameter {
+		margin-bottom: var(--size-2);
+		padding: var(--size-2);
+		background: var(--background-fill-primary);
+		border-radius: var(--radius-sm);
+	}
+
+	.parameter code {
+		font-weight: 600;
+		color: var(--color-accent);
+	}
+
+	.parameter-type {
+		color: var(--body-text-color-subdued);
+		margin-left: var(--size-1);
+	}
+
+	.parameter-description {
+		margin-top: var(--size-1);
+		color: var(--body-text-color);
+	}
+
+	a {
+		text-decoration: underline;
+	}
+
+	.hidden {
+		display: none;
+	}
+</style>
diff --git a/js/core/src/api_docs/NoApi.svelte b/js/core/src/api_docs/NoApi.svelte
new file mode 100644
index 0000000..9398304
--- /dev/null
+++ b/js/core/src/api_docs/NoApi.svelte
@@ -0,0 +1,74 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import Clear from "./img/clear.svelte";
+
+	const dispatch = createEventDispatcher();
+
+	export let root: string;
+</script>
+
+<div class="wrap prose">
+	<h1>API Docs</h1>
+	<p class="attention">
+		No API Routes found for
+		<code>
+			{root}
+		</code>
+	</p>
+	<p>
+		To expose an API endpoint of your app in this page, set the <code>
+			api_name
+		</code>
+		parameter of the event listener.
+		<br />
+		For more information, visit the
+		<a href="https://gradio.app/sharing_your_app/#api-page" target="_blank">
+			API Page guide
+		</a>
+		. To hide the API documentation button and this page, set
+		<code>footer_links=["gradio", "settings"]</code>
+		in the
+		<code>Blocks.launch()</code>
+		method.
+	</p>
+</div>
+
+<button on:click={() => dispatch("close")}>
+	<Clear />
+</button>
+
+<style>
+	.wrap {
+		padding: var(--size-6);
+	}
+
+	.attention {
+		font-weight: var(--weight-bold);
+		font-size: var(--text-lg);
+	}
+
+	.attention code {
+		border: none;
+		background: none;
+		color: var(--color-accent);
+		font-weight: var(--weight-bold);
+	}
+
+	button {
+		position: absolute;
+		top: var(--size-5);
+		right: var(--size-6);
+		width: var(--size-4);
+		color: var(--body-text-color);
+	}
+
+	button:hover {
+		color: var(--color-accent);
+	}
+
+	@media (--screen-md) {
+		button {
+			top: var(--size-6);
+		}
+	}
+</style>
diff --git a/js/core/src/api_docs/ParametersSnippet.svelte b/js/core/src/api_docs/ParametersSnippet.svelte
new file mode 100644
index 0000000..e18387b
--- /dev/null
+++ b/js/core/src/api_docs/ParametersSnippet.svelte
@@ -0,0 +1,114 @@
+<script lang="ts">
+	import { Loader } from "@gradio/statustracker";
+	import { represent_value } from "./utils";
+
+	export let is_running: boolean;
+	export let endpoint_returns: any;
+	export let js_returns: any;
+	export let current_language:
+		| "python"
+		| "javascript"
+		| "cli"
+		| "bash"
+		| "skill"
+		| "mcp";
+</script>
+
+<h4>
+	<div class="toggle-icon">
+		<div class="toggle-dot" />
+	</div>
+	{#if current_language === "bash"}Accepts a JSON object with {endpoint_returns.length}
+		key{#if endpoint_returns.length != 1}s{/if}:{:else}Accepts {endpoint_returns.length}
+		parameter{#if endpoint_returns.length != 1}s{/if}:{/if}
+</h4>
+
+<div class:hide={is_running}>
+	{#each endpoint_returns as { label, python_type, component, parameter_name, parameter_has_default, parameter_default }, i}
+		<hr class="hr" />
+		<div style="margin:10px;">
+			<p style="white-space: nowrap; overflow-x: auto;">
+				<span class="code" style="margin-right: 10px;"
+					>{parameter_name || `[${i}]`}</span
+				>
+				<span class="code highlight" style="margin-right: 10px;"
+					>{#if current_language === "python"}{python_type.type}{#if parameter_has_default && parameter_default === null}&nbsp;|
+							None{/if}{:else if current_language === "bash"}{python_type.type}{:else}{js_returns[
+							i
+						].type || "any"}{/if}</span
+				>
+				{#if !parameter_has_default || current_language == "bash"}<span
+						style="font-weight:bold">Required</span
+					>{:else}<span> Default: </span><span
+						class="code"
+						style="font-size: var(--text-sm);"
+						>{represent_value(parameter_default, python_type.type, "py")}</span
+					>{/if}
+			</p>
+			<p class="desc">
+				The input value that is provided in the "{label}" <!--
+	-->{component}
+				component<!--
+	-->. {python_type.description}
+			</p>
+		</div>
+	{/each}
+</div>
+{#if is_running}
+	<div class="load-wrap">
+		<Loader margin={false} />
+	</div>
+{/if}
+
+<style>
+	.hr {
+		border: 0;
+		height: 1px;
+		background: var(--color-accent-soft);
+		margin-bottom: 12px;
+	}
+
+	.code {
+		font-family: var(--font-mono);
+		display: inline;
+	}
+
+	.highlight {
+		background: var(--color-accent-soft);
+		color: var(--color-accent);
+		padding: var(--size-1);
+	}
+
+	.desc {
+		color: var(--body-text-color-subdued);
+		font-size: var(--text-lg);
+		margin-top: var(--size-1);
+	}
+
+	h4 {
+		display: flex;
+		align-items: center;
+		margin-top: var(--size-6);
+		margin-bottom: var(--size-3);
+		color: var(--body-text-color);
+		font-weight: var(--weight-bold);
+	}
+
+	.toggle-icon {
+		display: flex;
+		align-items: center;
+		margin-right: var(--size-2);
+		border-radius: var(--radius-full);
+		background: var(--color-grey-300);
+		width: 12px;
+		height: 4px;
+	}
+
+	.toggle-dot {
+		border-radius: var(--radius-full);
+		background: var(--color-grey-700);
+		width: 6px;
+		height: 6px;
+		margin-right: auto;
+	}
+</style>
diff --git a/js/core/src/api_docs/PercentileChart.svelte b/js/core/src/api_docs/PercentileChart.svelte
new file mode 100644
index 0000000..d9d90f6
--- /dev/null
+++ b/js/core/src/api_docs/PercentileChart.svelte
@@ -0,0 +1,125 @@
+<script lang="ts">
+	import { format_latency } from "./utils";
+
+	export let p50: number;
+	export let p90: number;
+	export let p99: number;
+
+	$: max_latency = Math.max(p50, p90, p99);
+</script>
+
+<div class="tooltip-chart">
+	<div class="tooltip-arrow"></div>
+	<div class="chart-bars">
+		<div class="chart-bar-container">
+			<div class="chart-bar-label">p50</div>
+			<div class="chart-bar-wrapper">
+				<div
+					class="chart-bar"
+					style="width: {(p50 / max_latency) * 100}%"
+				></div>
+			</div>
+			<div class="chart-bar-value">{format_latency(p50)}</div>
+		</div>
+		<div class="chart-bar-container">
+			<div class="chart-bar-label">p90</div>
+			<div class="chart-bar-wrapper">
+				<div
+					class="chart-bar"
+					style="width: {(p90 / max_latency) * 100}%"
+				></div>
+			</div>
+			<div class="chart-bar-value">{format_latency(p90)}</div>
+		</div>
+		<div class="chart-bar-container">
+			<div class="chart-bar-label">p99</div>
+			<div class="chart-bar-wrapper">
+				<div
+					class="chart-bar"
+					style="width: {(p99 / max_latency) * 100}%"
+				></div>
+			</div>
+			<div class="chart-bar-value">{format_latency(p99)}</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.tooltip-chart {
+		background: var(--background-fill-primary);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		padding: var(--size-3);
+		box-shadow: var(--shadow-drop-lg);
+		min-width: 200px;
+		position: relative;
+	}
+
+	.tooltip-arrow {
+		position: absolute;
+		bottom: -8px;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 0;
+		height: 0;
+		border-left: 8px solid transparent;
+		border-right: 8px solid transparent;
+		border-top: 8px solid var(--border-color-primary);
+	}
+
+	.tooltip-arrow::after {
+		content: "";
+		position: absolute;
+		bottom: 1px;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 0;
+		height: 0;
+		border-left: 7px solid transparent;
+		border-right: 7px solid transparent;
+		border-top: 7px solid var(--background-fill-primary);
+	}
+
+	.chart-bars {
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-2);
+	}
+
+	.chart-bar-container {
+		display: flex;
+		align-items: center;
+		gap: var(--size-2);
+	}
+
+	.chart-bar-label {
+		font-size: var(--text-sm);
+		font-weight: var(--weight-semibold);
+		color: var(--body-text-color);
+		min-width: 30px;
+	}
+
+	.chart-bar-wrapper {
+		flex: 1;
+		height: 16px;
+		background: var(--background-fill-secondary);
+		border-radius: var(--radius-sm);
+		overflow: hidden;
+		position: relative;
+	}
+
+	.chart-bar {
+		height: 100%;
+		background: var(--color-accent);
+		border-radius: var(--radius-sm);
+		transition: width 0.3s ease;
+	}
+
+	.chart-bar-value {
+		font-size: var(--text-sm);
+		color: var(--body-text-color);
+		min-width: 50px;
+		text-align: right;
+		font-family: var(--font-mono);
+	}
+</style>
diff --git a/js/core/src/api_docs/RecordingSnippet.svelte b/js/core/src/api_docs/RecordingSnippet.svelte
new file mode 100644
index 0000000..43b4c9e
--- /dev/null
+++ b/js/core/src/api_docs/RecordingSnippet.svelte
@@ -0,0 +1,231 @@
+<script lang="ts">
+	import type { Dependency, Payload } from "../types";
+	import CopyButton from "./CopyButton.svelte";
+	import { Block } from "@gradio/atoms";
+	import { represent_value } from "./utils";
+	import { onMount, tick } from "svelte";
+
+	export let dependencies: Dependency[];
+	export let short_root: string;
+	export let root: string;
+	export let api_prefix = "";
+	export let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "mcp"
+		| "cli";
+	export let username: string | null;
+
+	let python_code: HTMLElement;
+	let python_code_text: string;
+	let js_code: HTMLElement;
+	let bash_code: HTMLElement;
+
+	export let api_calls: Payload[] = [];
+
+	async function get_info(): Promise<{
+		named_endpoints: any;
+		unnamed_endpoints: any;
+	}> {
+		let response = await fetch(
+			root.replace(/\/$/, "") + api_prefix + "/info/?all_endpoints=true"
+		);
+		let data = await response.json();
+		return data;
+	}
+
+	let endpoints_info: any;
+	let py_zipped: { call: string; api_name: string }[] = [];
+	let js_zipped: { call: string; api_name: string }[] = [];
+	let bash_zipped: { call: string; api_name: string }[] = [];
+
+	function format_api_call(call: Payload, lang: "py" | "js" | "bash"): string {
+		const api_name = `/${dependencies[call.fn_index].api_name}`;
+		// If an input is undefined (distinct from null) then it corresponds to a State component.
+		let call_data_excluding_state = call.data.filter(
+			(d) => typeof d !== "undefined"
+		);
+
+		const params = call_data_excluding_state
+			.map((param, index) => {
+				if (endpoints_info[api_name]) {
+					const param_info = endpoints_info[api_name].parameters[index];
+					if (!param_info) {
+						return undefined;
+					}
+					const param_name = param_info.parameter_name;
+					const python_type = param_info.python_type.type;
+					if (lang === "py") {
+						return `  ${param_name}=${represent_value(
+							param as string,
+							python_type,
+							"py"
+						)}`;
+					} else if (lang === "js") {
+						return `    ${param_name}: ${represent_value(
+							param as string,
+							python_type,
+							"js"
+						)}`;
+					} else if (lang === "bash") {
+						return `    "${param_name}": ${represent_value(
+							param as string,
+							python_type,
+							"bash"
+						)}`;
+					}
+				}
+				return `  ${represent_value(param as string, undefined, lang)}`;
+			})
+			.filter((d) => typeof d !== "undefined")
+			.join(",\n");
+		if (params) {
+			if (lang === "py") {
+				return `${params},\n`;
+			} else if (lang === "js") {
+				return `{\n${params},\n}`;
+			} else if (lang === "bash") {
+				return `{\n${params}\n}`;
+			}
+		}
+		if (lang === "py") {
+			return "";
+		}
+		return "\n";
+	}
+
+	onMount(async () => {
+		const data = await get_info();
+		endpoints_info = data["named_endpoints"];
+		let py_api_calls: string[] = api_calls.map((call) =>
+			format_api_call(call, "py")
+		);
+		let js_api_calls: string[] = api_calls.map((call) =>
+			format_api_call(call, "js")
+		);
+		let bash_api_calls: string[] = api_calls.map((call) =>
+			format_api_call(call, "bash")
+		);
+		let api_names: string[] = api_calls.map(
+			(call) => dependencies[call.fn_index].api_name || ""
+		);
+		py_zipped = py_api_calls.map((call, index) => ({
+			call,
+			api_name: api_names[index]
+		}));
+		js_zipped = js_api_calls.map((call, index) => ({
+			call,
+			api_name: api_names[index]
+		}));
+		bash_zipped = bash_api_calls.map((call, index) => ({
+			call,
+			api_name: api_names[index]
+		}));
+
+		await tick();
+
+		python_code_text = python_code.innerText;
+	});
+</script>
+
+<div class="container">
+	<!-- <EndpointDetail {named} api_name={dependency.api_name} /> -->
+	<Block border_mode={"focus"}>
+		{#if current_language === "python"}
+			<code>
+				<div class="copy">
+					<CopyButton code={python_code_text} />
+				</div>
+				<div bind:this={python_code}>
+					<pre><span class="highlight">from</span> gradio_client <span
+							class="highlight">import</span
+						> Client, file
+
+client = Client(<span class="token string">"{short_root}"</span
+						>{#if username !== null}, auth=("{username}", **password**){/if})
+{#each py_zipped as { call, api_name }}<!--
+-->
+client.<span class="highlight"
+								>predict(
+{call}  api_name=<span class="api-name">"/{api_name}"</span>
+)
+</span>{/each}</pre>
+				</div>
+			</code>
+		{:else if current_language === "javascript"}
+			<code>
+				<div class="copy">
+					<CopyButton code={js_code?.innerText} />
+				</div>
+				<div bind:this={js_code}>
+					<pre>import &lbrace; Client &rbrace; from "@gradio/client";
+
+const app = await Client.connect(<span class="token string">"{short_root}"</span
+						>{#if username !== null}, &lbrace;auth: ["{username}", **password**]&rbrace;{/if});
+					{#each js_zipped as { call, api_name }}<!--
+					-->
+await client.predict(<span
+								class="api-name">
+  "/{api_name}"</span
+							>{#if call}, {call}{/if});
+						{/each}</pre>
+				</div>
+			</code>
+		{:else if current_language === "bash"}
+			<code>
+				<div class="copy">
+					<CopyButton code={bash_code?.innerText} />
+				</div>
+				<div bind:this={bash_code}>
+					{#each bash_zipped as { call, api_name }}
+						<pre>curl -X POST {short_root}call/v2/{api_name} -s -H "Content-Type: application/json" -d '{call}' \
+  | awk -F'"' '{"{"} print $4{"}"}' \
+  | read EVENT_ID; curl -N {short_root}call/{api_name}/$EVENT_ID</pre>
+						<br />
+					{/each}
+				</div>
+			</code>
+		{/if}
+	</Block>
+</div>
+
+<style>
+	code pre {
+		overflow-x: auto;
+		color: var(--body-text-color);
+		font-family: var(--font-mono);
+		tab-size: 2;
+	}
+
+	.token.string {
+		display: contents;
+		color: var(--color-accent-base);
+	}
+
+	code {
+		position: relative;
+		display: block;
+	}
+
+	.copy {
+		position: absolute;
+		top: 0;
+		right: 0;
+		margin-top: -5px;
+		margin-right: -5px;
+	}
+
+	.container {
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-xxl);
+		margin-top: var(--size-3);
+		margin-bottom: var(--size-3);
+	}
+
+	.api-name {
+		color: var(--color-accent);
+	}
+</style>
diff --git a/js/core/src/api_docs/ResponseSnippet.svelte b/js/core/src/api_docs/ResponseSnippet.svelte
new file mode 100644
index 0000000..de62ec3
--- /dev/null
+++ b/js/core/src/api_docs/ResponseSnippet.svelte
@@ -0,0 +1,107 @@
+<script lang="ts">
+	import { Loader } from "@gradio/statustracker";
+
+	export let is_running: boolean;
+	export let endpoint_returns: any;
+	export let js_returns: any;
+	export let current_language:
+		| "python"
+		| "javascript"
+		| "bash"
+		| "skill"
+		| "mcp"
+		| "cli";
+</script>
+
+<h4>
+	<div class="toggle-icon">
+		<div class="toggle-dot toggle-right" />
+	</div>
+	Returns {#if endpoint_returns.length > 1}
+		{current_language == "python"
+			? "tuple"
+			: current_language == "bash"
+				? "array"
+				: "list"} of {endpoint_returns.length}
+		elements{:else}
+		{current_language == "bash" ? "an array of " : ""}1 element{/if}
+</h4>
+
+<div class:hide={is_running}>
+	{#each endpoint_returns as { label, type, python_type, component, serializer }, i}
+		<hr class="hr" />
+		<div style="margin:10px;">
+			<p>
+				{#if endpoint_returns.length > 1}
+					<span class="code">[{i}]</span>
+				{/if}
+				<span class="code highlight"
+					>{#if current_language === "python"}{python_type.type}{:else if current_language === "bash"}{python_type.type}{:else}{js_returns[
+							i
+						].type}{/if}</span
+				>
+			</p>
+			<p class="desc">
+				The output value that appears in the "{label}" <!--
+	-->{component}
+				component<!--
+	-->.
+			</p>
+		</div>
+	{/each}
+</div>
+{#if is_running}
+	<div class="load-wrap">
+		<Loader margin={false} />
+	</div>
+{/if}
+
+<style>
+	.hr {
+		border: 0;
+		height: 1px;
+		background: var(--color-accent-soft);
+	}
+	.code {
+		font-family: var(--font-mono);
+		margin-right: 10px;
+	}
+
+	.highlight {
+		background: var(--color-accent-soft);
+		color: var(--color-accent);
+		padding: var(--size-1);
+	}
+
+	.desc {
+		color: var(--body-text-color-subdued);
+		font-size: var(--text-lg);
+	}
+
+	h4 {
+		display: flex;
+		align-items: center;
+		margin-top: var(--size-6);
+		margin-bottom: var(--size-3);
+		color: var(--body-text-color);
+		font-weight: var(--weight-bold);
+	}
+
+	.toggle-icon {
+		display: flex;
+		align-items: center;
+		margin-right: var(--size-2);
+		border-radius: var(--radius-full);
+		background: var(--color-grey-300);
+		width: 12px;
+		height: 4px;
+	}
+
+	.toggle-dot {
+		border-radius: var(--radius-full);
+		background: var(--color-grey-700);
+		width: 6px;
+		height: 6px;
+		margin-left: auto;
+	}
+</style>
diff --git a/js/core/src/api_docs/Settings.svelte b/js/core/src/api_docs/Settings.svelte
new file mode 100644
index 0000000..6566b91
--- /dev/null
+++ b/js/core/src/api_docs/Settings.svelte
@@ -0,0 +1,252 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import SettingsBanner from "./SettingsBanner.svelte";
+	import { BaseDropdown as Dropdown } from "@gradio/dropdown";
+	import { BaseCheckbox as Checkbox } from "@gradio/checkbox";
+	import { language_choices, changeLocale } from "../i18n";
+	import { locale, _ } from "svelte-i18n";
+	import { get } from "svelte/store";
+	import record from "./img/record.svg";
+
+	let {
+		root,
+		space_id,
+		pwa_enabled,
+		allow_zoom = $bindable(),
+		allow_video_trim = $bindable(),
+		onclose,
+		start_recording,
+		i18n
+	} = $props();
+
+	if (root === "") {
+		root = location.protocol + "//" + location.host + location.pathname;
+	}
+	if (!root.endsWith("/")) {
+		root += "/";
+	}
+
+	function setTheme(theme: "light" | "dark" | "system") {
+		const url = new URL(window.location.href);
+		if (theme === "system") {
+			url.searchParams.delete("__theme");
+			current_theme = "system";
+		} else {
+			url.searchParams.set("__theme", theme);
+			current_theme = theme;
+		}
+		url.searchParams.delete("view");
+		window.location.href = url.toString();
+	}
+
+	onMount(() => {
+		// document.body.style.overflow = "hidden";
+		if ("parentIFrame" in window) {
+			window.parentIFrame?.scrollTo(0, 0);
+		}
+		const url = new URL(window.location.href);
+		const theme = url.searchParams.get("__theme");
+		current_theme = (theme as "light" | "dark" | "system") || "system";
+		return () => {
+			document.body.style.overflow = "auto";
+		};
+	});
+
+	let current_locale: string = $state(get(locale) ?? "en");
+	let current_theme: "light" | "dark" | "system" = $state("system");
+
+	function handleLanguageChange(value: string): void {
+		const new_locale = value;
+		changeLocale(new_locale);
+	}
+
+	function handleZoomChange(value: boolean): void {
+		allow_zoom = value;
+	}
+
+	function handleVideoTrimChange(value: boolean): void {
+		allow_video_trim = value;
+	}
+</script>
+
+<div class="banner-wrap">
+	<SettingsBanner onclose={() => onclose()} {root} />
+</div>
+{#if space_id === null}
+	<!-- on Spaces, the theme is set in HF settings -->
+	<div class="banner-wrap">
+		<h2>{i18n("common.display_theme")}</h2>
+		<ul class="padded theme-buttons">
+			<li
+				class="theme-button {current_theme === 'light'
+					? 'current-theme'
+					: 'inactive-theme'}"
+			>
+				<button on:click={() => setTheme("light")}>☀︎ &nbsp;Light</button>
+			</li>
+			<li
+				class="theme-button {current_theme === 'dark'
+					? 'current-theme'
+					: 'inactive-theme'}"
+			>
+				<button on:click={() => setTheme("dark")}>⏾ &nbsp; Dark</button>
+			</li>
+			<li
+				class="theme-button {current_theme === 'system'
+					? 'current-theme'
+					: 'inactive-theme'}"
+			>
+				<button on:click={() => setTheme("system")}>🖥︎ &nbsp;System</button>
+			</li>
+		</ul>
+	</div>
+{/if}
+<div class="banner-wrap">
+	<h2>{i18n("common.language")}</h2>
+	<p class="padded">
+		<Dropdown
+			label="Language"
+			choices={language_choices}
+			show_label={false}
+			bind:value={current_locale}
+			on_change={() => handleLanguageChange(current_locale)}
+		/>
+	</p>
+</div>
+<div class="banner-wrap">
+	<h2>{i18n("common.pwa")}</h2>
+	<p class="padded">
+		{#if pwa_enabled}
+			You can install this app as a Progressive Web App on your device. Visit <a
+				href={root}
+				target="_blank">{root}</a
+			> and click the install button in the URL address bar of your browser.
+		{:else}
+			Progressive Web App is not enabled for this app. To enable it, start your
+			Gradio app with <code>launch(pwa=True)</code>.
+		{/if}
+	</p>
+</div>
+<div class="banner-wrap">
+	<h2>{i18n("common.screen_studio")} <span class="beta-tag">beta</span></h2>
+	<p class="padded">
+		Screen Studio allows you to record your screen and generates a video of your
+		app with automatically adding zoom in and zoom out effects as well as
+		trimming the video to remove the prediction time.
+		<br /><br />
+		Start recording by clicking the <i>Start Recording</i> button below and then
+		sharing the current browser tab of your Gradio demo. Use your app as you
+		would normally to generate a prediction.
+		<br />
+		Stop recording by clicking the <i>Stop Recording</i> button in the footer of
+		the demo.
+		<br /><br />
+		<Checkbox
+			label="Include automatic zoom in/out"
+			interactive={true}
+			value={allow_zoom}
+			on_change={handleZoomChange}
+		/>
+		<Checkbox
+			label="Include automatic video trimming"
+			interactive={true}
+			value={allow_video_trim}
+			on_change={handleVideoTrimChange}
+		/>
+	</p>
+	<button
+		class="record-button"
+		on:click={() => {
+			onclose?.();
+			start_recording?.();
+		}}
+	>
+		<img src={record} alt="Start Recording" />
+		Start Recording
+	</button>
+</div>
+
+<style>
+	.banner-wrap {
+		position: relative;
+		border-bottom: 1px solid var(--border-color-primary);
+		padding: var(--size-4) var(--size-6);
+		font-size: var(--text-md);
+	}
+
+	.banner-wrap h2 {
+		font-size: var(--text-xl);
+	}
+
+	a {
+		text-decoration: underline;
+	}
+
+	p.padded {
+		padding: 15px 0px;
+	}
+
+	.theme-buttons {
+		display: flex;
+		align-items: center;
+	}
+
+	.theme-buttons > * + * {
+		margin-left: var(--size-2);
+	}
+
+	.theme-button,
+	.record-button {
+		display: flex;
+		align-items: center;
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-md);
+		padding: var(--size-2) var(--size-2-5);
+		line-height: 1;
+		user-select: none;
+		text-transform: capitalize;
+		cursor: pointer;
+	}
+
+	.record-button img {
+		margin-right: var(--size-1);
+		margin-left: var(--size-1);
+		width: var(--size-3);
+	}
+	.record-button:hover {
+		border-color: red;
+	}
+
+	.current-theme {
+		border: 1px solid var(--body-text-color-subdued);
+		color: var(--body-text-color);
+	}
+
+	.inactive-theme {
+		color: var(--body-text-color-subdued);
+	}
+
+	.inactive-theme:hover,
+	.inactive-theme:focus {
+		box-shadow: var(--shadow-drop);
+		color: var(--body-text-color);
+	}
+
+	.theme-button button {
+		all: unset;
+		cursor: pointer;
+	}
+
+	.beta-tag {
+		position: relative;
+		top: -5px;
+		font-size: var(--text-xs);
+		background-color: var(--color-accent);
+		color: white;
+		padding: 2px 6px;
+		border-radius: 10px;
+		margin-left: 5px;
+		font-weight: normal;
+		text-transform: uppercase;
+	}
+</style>
diff --git a/js/core/src/api_docs/SettingsBanner.svelte b/js/core/src/api_docs/SettingsBanner.svelte
new file mode 100644
index 0000000..0f9fb9a
--- /dev/null
+++ b/js/core/src/api_docs/SettingsBanner.svelte
@@ -0,0 +1,69 @@
+<script lang="ts">
+	import { _ } from "svelte-i18n";
+	import settings_logo from "./img/settings-logo.svg";
+	import Clear from "./img/clear.svelte";
+
+	let { root, onclose }: { root: string; onclose?: () => void } = $props();
+</script>
+
+<h2>
+	<img src={settings_logo} alt="" />
+	<div class="title">
+		{$_("common.settings")}
+		<div class="url">
+			{root}
+		</div>
+	</div>
+</h2>
+
+<button on:click={() => onclose?.()}>
+	<Clear />
+</button>
+
+<style>
+	h2 {
+		display: flex;
+		color: var(--body-text-color);
+		font-weight: var(--weight-semibold);
+		font-size: var(--text-xl);
+		gap: var(--size-3);
+	}
+
+	h2 img {
+		width: var(--size-4);
+		display: inline-block;
+		margin-top: 0.1rem;
+	}
+
+	.url {
+		color: var(--color-accent);
+		font-weight: normal;
+	}
+
+	button {
+		position: absolute;
+		top: var(--size-5);
+		right: var(--size-6);
+		width: var(--size-4);
+		color: var(--body-text-color);
+	}
+
+	button:hover {
+		color: var(--color-accent);
+	}
+
+	@media (--screen-md) {
+		button {
+			top: var(--size-6);
+		}
+
+		h2 img {
+			width: var(--size-5);
+		}
+	}
+	.title {
+		display: flex;
+		flex-direction: row;
+		gap: 0.5rem;
+	}
+</style>
diff --git a/js/core/src/api_docs/SkillSnippet.svelte b/js/core/src/api_docs/SkillSnippet.svelte
new file mode 100644
index 0000000..23e8ebf
--- /dev/null
+++ b/js/core/src/api_docs/SkillSnippet.svelte
@@ -0,0 +1,125 @@
+<script lang="ts">
+	import { Block } from "@gradio/atoms";
+	import CopyButton from "./CopyButton.svelte";
+
+	export let space_id: string | null;
+
+	$: effective_space_id = space_id || "";
+	$: skill_id = effective_space_id.replace("/", "-");
+	$: install_gradio = "pip install --upgrade gradio";
+	$: install_cmd_claude = `gradio skills add ${effective_space_id} --claude`;
+	$: install_cmd_cursor = `gradio skills add ${effective_space_id} --cursor`;
+	$: install_cmd_codex = `gradio skills add ${effective_space_id} --codex`;
+
+	$: skill_preview = `---
+name: ${skill_id}
+description: Use the ${effective_space_id} Gradio Space via API. Provides Python, JavaScript, and cURL usage examples.
+---
+
+# ${effective_space_id}
+
+This skill describes how to use the ${effective_space_id} Gradio Space programmatically.
+
+## API Endpoints
+...`;
+</script>
+
+<div class="skill-content">
+	<p class="padded">1. Make sure you are using the latest version of Gradio:</p>
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={install_gradio} />
+			</div>
+			<div>
+				<pre>$ {install_gradio}</pre>
+			</div>
+		</code>
+	</Block>
+
+	<p class="padded">
+		2. Install the usage of this Space as a Skill for your coding agent by
+		running this in your terminal:
+	</p>
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={install_cmd_claude} />
+			</div>
+			<div>
+				<pre>$ {install_cmd_claude}</pre>
+			</div>
+		</code>
+	</Block>
+	<p class="hint">
+		Instead of <span class="inline-code">--claude</span>, you can use
+		<span class="inline-code">--cursor</span>,
+		<span class="inline-code">--codex</span>, or
+		<span class="inline-code">--opencode</span>. Combine flags to install for
+		multiple agents. Use <span class="inline-code">--global</span> to install user-level
+		instead of per-project.
+	</p>
+
+	<p class="padded">
+		3. This will add a skill to your coding agent that describes how to use this
+		Space via Python, JavaScript, and cURL API. The skill will look like this:
+	</p>
+	<Block>
+		<code>
+			<div class="copy">
+				<CopyButton code={skill_preview} />
+			</div>
+			<div>
+				<pre>{skill_preview}</pre>
+			</div>
+		</code>
+	</Block>
+</div>
+
+<style>
+	.skill-content {
+		margin-top: var(--size-2);
+	}
+
+	p.padded {
+		padding: 15px 0px;
+		font-size: var(--text-lg);
+	}
+
+	.hint {
+		margin-top: var(--size-2);
+		color: var(--body-text-color);
+		opacity: 0.8;
+		font-size: var(--text-md);
+		line-height: 1.6;
+	}
+
+	.inline-code {
+		display: inline;
+		font-family: var(--font-mono);
+		font-size: var(--text-md);
+		background: var(--background-fill-secondary);
+		padding: 1px 4px;
+		border-radius: var(--radius-sm);
+	}
+
+	code pre {
+		overflow-x: auto;
+		color: var(--body-text-color);
+		font-family: var(--font-mono);
+		tab-size: 2;
+	}
+
+	code {
+		position: relative;
+		display: block;
+	}
+
+	.copy {
+		position: absolute;
+		top: 0;
+		right: 0;
+		margin-top: -5px;
+		margin-right: -5px;
+	}
+</style>
diff --git a/js/core/src/api_docs/TryButton.svelte b/js/core/src/api_docs/TryButton.svelte
new file mode 100644
index 0000000..047aeb0
--- /dev/null
+++ b/js/core/src/api_docs/TryButton.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { BaseButton } from "@gradio/button";
+
+	export let dependency_index: number;
+	export let run: (id: number) => Promise<void>;
+</script>
+
+<span class="space" />
+<BaseButton variant="primary" onclick={run.bind(null, dependency_index)}>
+	Try It Out
+</BaseButton>
+
+<style>
+	.space {
+		display: flex;
+		flex-basis: 1;
+		margin-top: var(--size-4);
+	}
+</style>
diff --git a/js/core/src/api_docs/img/IconCheck.svelte b/js/core/src/api_docs/img/IconCheck.svelte
new file mode 100644
index 0000000..0a1227c
--- /dev/null
+++ b/js/core/src/api_docs/img/IconCheck.svelte
@@ -0,0 +1,33 @@
+<script>
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames || "icon-size"}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	height="16"
+	viewBox="0 0 16 16"
+	version="1.1"
+	width="16"
+	data-view-component="true"
+	><path
+		fill-rule="evenodd"
+		fill="rgb(255, 124, 1)"
+		d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"
+	></path></svg
+>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+</style>
diff --git a/js/core/src/api_docs/img/IconCopy.svelte b/js/core/src/api_docs/img/IconCopy.svelte
new file mode 100644
index 0000000..cc3bcfb
--- /dev/null
+++ b/js/core/src/api_docs/img/IconCopy.svelte
@@ -0,0 +1,40 @@
+<script>
+	export let classNames = "";
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"
+		transform="translate(0)"
+	/>
+	<path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" transform="translate(0)" /><rect
+		fill="none"
+		width="32"
+		height="32"
+	/>
+</svg>
+
+<style>
+	.icon-size {
+		width: 0.75rem;
+		height: 0.75rem;
+	}
+
+	@media (max-width: 640px) {
+		.icon-size {
+			width: 0.625rem;
+			height: 0.625rem;
+		}
+	}
+</style>
diff --git a/js/core/src/api_docs/img/agent.svg b/js/core/src/api_docs/img/agent.svg
new file mode 100644
index 0000000..4708c35
--- /dev/null
+++ b/js/core/src/api_docs/img/agent.svg
@@ -0,0 +1,13 @@
+<svg width="200" height="200" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <line x1="50" y1="20" x2="50" y2="35" stroke="black" stroke-width="4" stroke-linecap="round"/>
+  <circle cx="50" cy="15" r="5" stroke="black" stroke-width="4" fill="none"/>
+
+  <rect x="15" y="35" width="70" height="50" rx="8" stroke="black" stroke-width="4" fill="none"/>
+
+  <rect x="5" y="48" width="10" height="24" rx="2" stroke="black" stroke-width="4" fill="none"/>
+
+  <rect x="85" y="48" width="10" height="24" rx="2" stroke="black" stroke-width="4" fill="none"/>
+
+  <circle cx="35" cy="60" r="4" stroke="black" stroke-width="4" fill="none"/>
+  <circle cx="65" cy="60" r="4" stroke="black" stroke-width="4" fill="none"/>
+</svg>
diff --git a/js/core/src/api_docs/img/api-logo.svg b/js/core/src/api_docs/img/api-logo.svg
new file mode 100644
index 0000000..bce49a5
--- /dev/null
+++ b/js/core/src/api_docs/img/api-logo.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.9425 2.94265C27.4632 2.42195 27.4632 1.57773 26.9425 1.05703C26.4218 0.536329 25.5776 0.536329 25.0569 1.05703L22.5713 3.54256C21.1213 2.59333 19.5367 2.43378 18.1753 2.64006C16.5495 2.88638 15.1127 3.66838 14.3905 4.39053L12.3905 6.39053C12.1405 6.64058 12 6.97972 12 7.33334C12 7.68697 12.1405 8.0261 12.3905 8.27615L19.7239 15.6095C20.2446 16.1302 21.0888 16.1302 21.6095 15.6095L23.6095 13.6095C24.3316 12.8873 25.1136 11.4505 25.36 9.82475C25.5663 8.46312 25.4066 6.87827 24.4571 5.42807L26.9425 2.94265Z" fill="#3c4555"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.276 12.9426C12.7967 12.4219 12.7967 11.5777 12.276 11.057C11.7553 10.5363 10.9111 10.5363 10.3904 11.057L8.66651 12.7809L8.27615 12.3905C8.0261 12.1405 7.68697 12 7.33334 12C6.97972 12 6.64058 12.1405 6.39053 12.3905L4.39053 14.3905C3.66838 15.1127 2.88638 16.5495 2.64006 18.1753C2.43377 19.5367 2.59333 21.1214 3.54262 22.5714L1.05703 25.057C0.536329 25.5777 0.536329 26.4219 1.05703 26.9426C1.57773 27.4633 2.42195 27.4633 2.94265 26.9426L5.42817 24.4571C6.87835 25.4066 8.46315 25.5663 9.82475 25.36C11.4505 25.1136 12.8873 24.3316 13.6095 23.6095L15.6095 21.6095C16.1302 21.0888 16.1302 20.2446 15.6095 19.7239L15.2188 19.3332L16.9426 17.6093C17.4633 17.0886 17.4633 16.2444 16.9426 15.7237C16.4219 15.203 15.5777 15.203 15.057 15.7237L13.3332 17.4475L10.5521 14.6665L12.276 12.9426Z" fill="#FF7C00"/>
+</svg>
diff --git a/js/core/src/api_docs/img/bash.svg b/js/core/src/api_docs/img/bash.svg
new file mode 100644
index 0000000..9556efa
--- /dev/null
+++ b/js/core/src/api_docs/img/bash.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 150 150" style="enable-background:new 0 0 150 150; background-color: #72a824;" xml:space="preserve"><script xmlns=""/>
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st0" d="M118.9,40.3L81.7,18.2c-2.2-1.3-4.7-2-7.2-2s-5,0.7-7.2,2L30.1,40.3c-4.4,2.6-7.2,7.5-7.2,12.8v44.2   c0,5.3,2.7,10.1,7.2,12.8l37.2,22.1c2.2,1.3,4.7,2,7.2,2c2.5,0,5-0.7,7.2-2l37.2-22.1c4.4-2.6,7.2-7.5,7.2-12.8V53   C126.1,47.8,123.4,42.9,118.9,40.3z M90.1,109.3l0.1,3.2c0,0.4-0.2,0.8-0.5,1l-1.9,1.1c-0.3,0.2-0.5,0-0.6-0.4l0-3.1   c-1.6,0.7-3.2,0.8-4.3,0.4c-0.2-0.1-0.3-0.4-0.2-0.7l0.7-2.9c0.1-0.2,0.2-0.5,0.3-0.6c0.1-0.1,0.1-0.1,0.2-0.1   c0.1-0.1,0.2-0.1,0.3,0c1.1,0.4,2.6,0.2,3.9-0.5c1.8-0.9,2.9-2.7,2.9-4.5c0-1.6-0.9-2.3-3-2.3c-2.7,0-5.2-0.5-5.3-4.5   c0-3.3,1.7-6.7,4.4-8.8l0-3.2c0-0.4,0.2-0.8,0.5-1l1.8-1.2c0.3-0.2,0.5,0,0.6,0.4l0,3.2c1.3-0.5,2.5-0.7,3.6-0.4   c0.2,0.1,0.3,0.4,0.2,0.7l-0.7,2.8c-0.1,0.2-0.2,0.4-0.3,0.6c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.2,0.1-0.3,0   c-0.5-0.1-1.6-0.4-3.4,0.6c-1.9,1-2.6,2.6-2.5,3.8c0,1.5,0.8,1.9,3.3,1.9c3.4,0.1,4.9,1.6,5,5C94.7,103.4,92.9,107,90.1,109.3z    M109.6,103.9c0,0.3,0,0.6-0.3,0.7l-9.4,5.7c-0.2,0.1-0.4,0-0.4-0.3v-2.4c0-0.3,0.2-0.5,0.4-0.6l9.3-5.5c0.2-0.1,0.4,0,0.4,0.3   V103.9z M116.1,49.6L80.9,71.3c-4.4,2.6-7.6,5.4-7.6,10.7v43.4c0,3.2,1.3,5.2,3.2,5.8c-0.6,0.1-1.3,0.2-2,0.2   c-2.1,0-4.1-0.6-5.9-1.6l-37.2-22.1c-3.6-2.2-5.9-6.2-5.9-10.5V53c0-4.3,2.3-8.4,5.9-10.5l37.2-22.1c1.8-1.1,3.8-1.6,5.9-1.6   s4.1,0.6,5.9,1.6l37.2,22.1c3.1,1.8,5.1,5,5.7,8.5C122.1,48.4,119.3,47.7,116.1,49.6z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/js/core/src/api_docs/img/clear.svelte b/js/core/src/api_docs/img/clear.svelte
new file mode 100644
index 0000000..fc4a558
--- /dev/null
+++ b/js/core/src/api_docs/img/clear.svelte
@@ -0,0 +1,19 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 5 5"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	xml:space="preserve"
+	style="fill:currentColor;fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
+>
+	<g>
+		<path
+			d="M3.789,0.09C3.903,-0.024 4.088,-0.024 4.202,0.09L4.817,0.705C4.931,0.819 4.931,1.004 4.817,1.118L1.118,4.817C1.004,4.931 0.819,4.931 0.705,4.817L0.09,4.202C-0.024,4.088 -0.024,3.903 0.09,3.789L3.789,0.09Z"
+		/>
+		<path
+			d="M4.825,3.797C4.934,3.907 4.934,4.084 4.825,4.193L4.193,4.825C4.084,4.934 3.907,4.934 3.797,4.825L0.082,1.11C-0.027,1.001 -0.027,0.823 0.082,0.714L0.714,0.082C0.823,-0.027 1.001,-0.027 1.11,0.082L4.825,3.797Z"
+		/>
+	</g>
+</svg>
diff --git a/js/core/src/api_docs/img/hf-logo.svg b/js/core/src/api_docs/img/hf-logo.svg
new file mode 100644
index 0000000..ab959d1
--- /dev/null
+++ b/js/core/src/api_docs/img/hf-logo.svg
@@ -0,0 +1,8 @@
+<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M230.721 172.7C230.183 170.673 229.313 168.75 228.146 167.008C228.396 166.091 228.587 165.159 228.714 164.217C229.543 158.241 227.471 152.77 223.567 148.537C221.452 146.225 219.185 144.698 216.784 143.761C218.36 137.018 219.157 130.117 219.161 123.193C219.161 120.03 218.982 116.932 218.682 113.88C218.526 112.356 218.337 110.836 218.115 109.32C217.428 104.847 216.408 100.431 215.064 96.11C214.183 93.2707 213.164 90.476 212.01 87.736C210.281 83.6782 208.262 79.75 205.969 75.982C204.465 73.475 202.827 71.0508 201.062 68.72C200.197 67.543 199.296 66.3938 198.358 65.274C195.58 61.898 192.561 58.7277 189.325 55.788C188.25 54.7997 187.145 53.8453 186.01 52.926C184.893 51.9943 183.751 51.0927 182.586 50.222C180.241 48.4766 177.818 46.8392 175.324 45.315C161.543 36.945 145.382 32.145 128.109 32.145C77.817 32.145 37.057 72.907 37.057 123.196C37.055 130.208 37.867 137.196 39.477 144.02C37.317 144.958 35.247 146.42 33.327 148.535C29.424 152.766 27.351 158.217 28.18 164.193C28.306 165.142 28.495 166.082 28.747 167.006C27.5811 168.749 26.7117 170.673 26.174 172.7C24.974 177.261 25.369 181.374 26.894 184.978C25.236 189.688 25.65 194.704 27.809 199.065C29.379 202.25 31.626 204.714 34.396 206.916C37.689 209.534 41.811 211.758 46.783 213.892C52.715 216.422 59.956 218.799 63.249 219.671C71.755 221.873 79.911 223.269 88.177 223.337C99.954 223.446 110.096 220.677 117.357 213.59C120.924 214.027 124.515 214.246 128.109 214.244C131.906 214.236 135.699 213.997 139.467 213.529C146.711 220.661 156.892 223.455 168.712 223.343C176.977 223.277 185.133 221.881 193.617 219.676C196.932 218.804 204.17 216.427 210.105 213.897C215.077 211.76 219.199 209.536 222.514 206.922C225.263 204.719 227.508 202.256 229.079 199.071C231.26 194.709 231.652 189.693 230.017 184.983C231.527 181.379 231.92 177.257 230.721 172.7ZM222.281 184.673C223.952 187.844 224.059 191.427 222.585 194.764C220.349 199.821 214.795 203.805 204.008 208.082C197.3 210.742 191.158 212.443 191.104 212.458C182.232 214.759 174.208 215.928 167.262 215.928C155.76 215.928 147.201 212.754 141.773 206.486C132.594 208.05 123.222 208.103 114.026 206.644C108.591 212.808 100.081 215.928 88.676 215.928C81.729 215.928 73.706 214.759 64.833 212.458C64.779 212.443 58.639 210.742 51.929 208.082C41.143 203.805 35.587 199.824 33.352 194.764C31.878 191.427 31.985 187.844 33.656 184.673C33.81 184.378 33.976 184.091 34.153 183.813C33.1516 182.309 32.4799 180.61 32.182 178.827C31.8842 177.045 31.967 175.22 32.425 173.472C33.089 170.949 34.46 168.851 36.322 167.344C35.425 165.87 34.8365 164.23 34.592 162.522C34.056 158.808 35.289 155.1 38.062 152.076C40.222 149.723 43.275 148.428 46.655 148.428H46.745C44.1965 140.259 42.9044 131.75 42.913 123.193C42.913 76.522 80.749 38.683 127.427 38.683C174.104 38.683 211.94 76.518 211.94 123.193C211.947 131.773 210.646 140.304 208.081 148.492C208.489 148.452 208.889 148.432 209.282 148.431C212.662 148.431 215.716 149.726 217.874 152.079C220.647 155.1 221.881 158.811 221.344 162.525C221.1 164.233 220.511 165.873 219.615 167.347C221.477 168.854 222.849 170.952 223.512 173.475C223.97 175.223 224.053 177.048 223.755 178.831C223.458 180.613 222.786 182.312 221.784 183.816C221.961 184.091 222.129 184.378 222.281 184.673Z" fill="white"/>
+<path d="M221.784 183.816C222.786 182.312 223.458 180.613 223.756 178.831C224.053 177.048 223.97 175.223 223.512 173.475C222.848 170.952 221.476 168.854 219.615 167.347C220.512 165.873 221.1 164.233 221.344 162.525C221.881 158.811 220.648 155.103 217.874 152.079C215.716 149.726 212.662 148.431 209.282 148.431C208.889 148.431 208.489 148.452 208.081 148.492C210.643 140.304 211.942 131.774 211.933 123.195C211.933 76.5231 174.097 38.6851 127.424 38.6851C80.75 38.6851 42.9099 76.5191 42.9099 123.195C42.9015 131.752 44.1936 140.261 46.742 148.43H46.6519C43.2719 148.43 40.219 149.724 38.06 152.077C35.287 155.098 34.0529 158.81 34.5899 162.523C34.8346 164.231 35.4231 165.872 36.3199 167.346C34.4579 168.852 33.086 170.95 32.422 173.473C31.9642 175.222 31.8817 177.047 32.1799 178.83C32.4781 180.612 33.1501 182.312 34.1519 183.816C33.9739 184.094 33.8099 184.381 33.6549 184.676C31.9849 187.847 31.877 191.43 33.352 194.767C35.588 199.824 41.1419 203.808 51.9289 208.085C58.6359 210.745 64.779 212.446 64.833 212.461C73.705 214.762 81.729 215.931 88.675 215.931C100.081 215.931 108.591 212.811 114.026 206.647C123.222 208.106 132.594 208.052 141.773 206.489C147.201 212.757 155.76 215.931 167.262 215.931C174.208 215.931 182.232 214.762 191.103 212.461C191.158 212.446 197.298 210.745 204.008 208.085C214.795 203.808 220.35 199.824 222.585 194.767C224.059 191.43 223.952 187.847 222.281 184.676C222.129 184.379 221.961 184.091 221.784 183.816ZM110.137 196.997C109.669 197.815 109.168 198.614 108.635 199.391C107.23 201.448 105.382 203.02 103.237 204.188C99.1369 206.424 93.947 207.205 88.675 207.205C80.346 207.205 71.808 205.256 67.023 204.015C66.787 203.954 37.689 195.735 41.373 188.739C41.993 187.562 43.0129 187.092 44.2979 187.092C49.4849 187.092 58.9299 194.816 62.9889 194.816C63.8959 194.816 64.5359 194.43 64.7969 193.488C66.5269 187.284 38.5039 184.676 40.8639 175.692C41.2799 174.102 42.41 173.456 43.998 173.456C50.856 173.455 66.248 185.516 69.467 185.516C69.714 185.516 69.8909 185.443 69.9869 185.291C70.0009 185.268 70.015 185.246 70.028 185.222C71.539 182.727 70.6719 180.913 60.3209 174.573L59.3269 173.968C47.9359 167.074 39.9409 162.925 44.4879 157.975C45.0109 157.404 45.7529 157.151 46.6539 157.151C47.7219 157.151 49.0149 157.508 50.4389 158.108C56.4549 160.645 64.793 167.564 68.276 170.581C68.8239 171.057 69.3683 171.538 69.9089 172.022C69.9089 172.022 74.319 176.608 76.985 176.608C77.599 176.608 78.1199 176.366 78.4729 175.768C80.364 172.58 60.9099 157.838 59.8129 151.755C59.0689 147.634 60.3349 145.546 62.6749 145.546C63.7879 145.546 65.1459 146.02 66.6449 146.971C71.2949 149.922 80.2729 165.35 83.5599 171.352C84.6619 173.363 86.5429 174.213 88.2379 174.213C91.6009 174.213 94.2299 170.87 88.5459 166.622C80.0029 160.23 83.001 149.782 87.078 149.139C87.252 149.111 87.4279 149.097 87.6029 149.097C91.3109 149.097 92.9459 155.486 92.9459 155.486C92.9459 155.486 97.7399 167.524 105.975 175.753C113.447 183.222 114.491 189.351 110.137 196.997ZM136.766 198.407L136.339 198.458L135.611 198.541C135.228 198.581 134.844 198.619 134.459 198.654L134.084 198.688L133.741 198.717L133.255 198.756L132.718 198.795L132.182 198.83L132.063 198.838C131.923 198.846 131.783 198.855 131.641 198.862L131.462 198.872C131.296 198.881 131.13 198.889 130.962 198.896L130.381 198.921L129.854 198.939L129.502 198.949H129.323C129.213 198.949 129.104 198.955 128.994 198.956H128.82C128.71 198.956 128.601 198.956 128.491 198.961L128.043 198.967H127.418C126.927 198.967 126.437 198.962 125.949 198.952L125.553 198.943C125.44 198.943 125.327 198.938 125.216 198.934L124.796 198.922L124.275 198.902L123.805 198.881L123.684 198.876L123.237 198.853C123.112 198.846 122.989 198.84 122.865 198.831L122.576 198.814C122.213 198.791 121.85 198.766 121.487 198.738L121.107 198.707C120.947 198.695 120.787 198.68 120.628 198.666C120.441 198.65 120.254 198.632 120.067 198.614C119.754 198.585 119.441 198.553 119.128 198.519H119.113C123.683 188.324 121.372 178.802 112.137 169.575C106.08 163.526 102.051 154.594 101.215 152.633C99.5229 146.828 95.045 140.375 87.608 140.375C86.979 140.375 86.351 140.425 85.73 140.523C82.472 141.036 79.624 142.911 77.592 145.733C75.396 143.002 73.262 140.831 71.332 139.605C68.422 137.76 65.5179 136.824 62.6889 136.824C59.1579 136.824 56.0019 138.274 53.8019 140.904L53.7459 140.971C53.7039 140.798 53.6639 140.625 53.6229 140.451L53.6179 140.428C53.1992 138.638 52.8477 136.833 52.5639 135.016C52.5639 135.004 52.5639 134.992 52.5579 134.98C52.5359 134.843 52.5159 134.705 52.4949 134.568C52.4334 134.162 52.3757 133.755 52.3219 133.348C52.2979 133.163 52.2719 132.978 52.2489 132.793L52.1809 132.238C52.1589 132.053 52.1409 131.885 52.1209 131.709L52.115 131.665C52.0351 130.945 51.9651 130.225 51.9049 129.503L51.8829 129.226L51.8479 128.754C51.8379 128.625 51.8279 128.495 51.8209 128.365C51.8209 128.334 51.8159 128.304 51.8149 128.275C51.7895 127.913 51.7678 127.55 51.7499 127.187C51.7399 126.998 51.7299 126.81 51.7219 126.62L51.7019 126.124L51.6969 125.974L51.6809 125.517L51.6709 125.128C51.6709 124.973 51.6629 124.818 51.6609 124.663C51.6579 124.508 51.6539 124.338 51.6529 124.174C51.6509 124.01 51.6529 123.848 51.6479 123.685C51.6439 123.521 51.6479 123.358 51.6479 123.195C51.6479 81.3421 85.5789 47.4111 127.436 47.4111C169.292 47.4111 203.222 81.3411 203.222 123.195V124.174C203.222 124.337 203.217 124.501 203.214 124.663C203.214 124.798 203.208 124.931 203.204 125.068C203.204 125.188 203.199 125.309 203.195 125.425C203.195 125.578 203.186 125.731 203.181 125.884V125.896L203.16 126.427C203.153 126.582 203.147 126.738 203.139 126.893L203.134 127.003L203.107 127.499C203.048 128.562 202.967 129.623 202.866 130.683V130.696C202.849 130.87 202.832 131.044 202.813 131.218L202.768 131.629L202.679 132.433L202.628 132.84L202.565 133.319C202.542 133.493 202.519 133.668 202.493 133.841C202.467 134.036 202.438 134.23 202.409 134.424L202.34 134.883L202.258 135.403C202.23 135.576 202.2 135.748 202.168 135.92C202.135 136.093 202.109 136.265 202.079 136.437C202.019 136.781 201.956 137.125 201.89 137.468C201.789 137.981 201.686 138.493 201.58 139.005L201.47 139.512C201.434 139.681 201.395 139.851 201.357 140.02C199.224 137.947 196.399 136.818 193.284 136.818C190.457 136.818 187.55 137.753 184.641 139.598C182.711 140.824 180.578 142.996 178.381 145.726C176.346 142.904 173.498 141.029 170.242 140.516C169.621 140.418 168.993 140.368 168.364 140.368C160.925 140.368 156.45 146.821 154.757 152.626C153.917 154.587 149.887 163.519 143.825 169.577C134.596 178.775 132.268 188.254 136.766 198.407ZM215.007 177.998L214.977 178.087C214.901 178.288 214.813 178.484 214.714 178.674C214.639 178.814 214.558 178.95 214.47 179.082C214.303 179.331 214.12 179.569 213.921 179.793C213.875 179.845 213.831 179.897 213.779 179.948C213.707 180.025 213.634 180.101 213.559 180.175C212.213 181.509 210.161 182.679 207.841 183.752C207.578 183.871 207.311 183.99 207.042 184.11L206.774 184.229C206.595 184.308 206.416 184.386 206.228 184.463C206.049 184.541 205.863 184.619 205.677 184.695L205.119 184.925C203.814 185.462 202.477 185.974 201.173 186.479L200.615 186.696L200.064 186.912C199.697 187.055 199.335 187.198 198.979 187.341L198.448 187.555L197.926 187.768L197.67 187.876C197.499 187.947 197.332 188.018 197.165 188.089C193.328 189.736 190.567 191.411 191.147 193.489C191.163 193.548 191.181 193.604 191.201 193.659C191.253 193.813 191.324 193.958 191.413 194.095C191.465 194.176 191.525 194.253 191.592 194.323C192.274 195.032 193.515 194.92 195.08 194.357C195.3 194.276 195.519 194.192 195.736 194.104L195.872 194.048C196.23 193.896 196.609 193.726 196.996 193.542C197.093 193.496 197.191 193.452 197.289 193.401C199.203 192.465 201.372 191.205 203.524 190.058C204.385 189.593 205.258 189.152 206.142 188.733C208.18 187.774 210.096 187.094 211.636 187.094C212.359 187.094 212.997 187.242 213.529 187.582L213.618 187.641C213.952 187.876 214.232 188.178 214.441 188.528C214.482 188.595 214.522 188.666 214.561 188.739C215.322 190.184 214.685 191.68 213.194 193.147C211.763 194.556 209.537 195.937 207.007 197.215C206.819 197.31 206.631 197.405 206.44 197.498C198.91 201.196 189.049 203.981 188.912 204.016C186.284 204.697 182.526 205.591 178.292 206.26L177.666 206.358L177.563 206.373C177.089 206.445 176.614 206.512 176.138 206.574C175.655 206.639 175.167 206.698 174.676 206.753L174.586 206.763C172.806 206.968 171.019 207.104 169.228 207.169H169.202C168.554 207.192 167.907 207.204 167.259 207.204H166.512C165.524 207.191 164.538 207.146 163.553 207.07C163.53 207.07 163.505 207.07 163.482 207.064C163.129 207.037 162.777 207.004 162.425 206.965C162.06 206.926 161.696 206.882 161.333 206.833C161.094 206.801 160.856 206.765 160.618 206.726C160.376 206.687 160.134 206.647 159.893 206.605L159.564 206.543L159.539 206.538C159.192 206.472 158.847 206.399 158.503 206.319C158.303 206.274 158.104 206.23 157.907 206.176L157.788 206.146C157.69 206.122 157.595 206.096 157.498 206.07L157.445 206.056L157.137 205.966C157.025 205.935 156.913 205.901 156.801 205.868L156.762 205.857L156.471 205.768C156.361 205.734 156.251 205.698 156.142 205.662L155.874 205.573L155.677 205.504C155.487 205.437 155.298 205.368 155.111 205.296L154.933 205.226L154.786 205.168C154.502 205.054 154.22 204.935 153.941 204.81L153.756 204.72L153.725 204.706C153.659 204.675 153.594 204.644 153.528 204.617C153.399 204.555 153.271 204.491 153.144 204.426L153.105 204.407L152.921 204.31C152.594 204.139 152.274 203.957 151.96 203.764L151.788 203.658C151.702 203.605 151.616 203.55 151.532 203.494L151.308 203.346L151.067 203.18L150.923 203.077C150.771 202.969 150.622 202.857 150.476 202.742L150.243 202.563C150.15 202.488 150.058 202.412 149.967 202.335C149.89 202.272 149.815 202.206 149.74 202.14L149.734 202.135C149.653 202.064 149.574 201.993 149.495 201.92C149.417 201.849 149.339 201.777 149.263 201.704L149.254 201.695C149.174 201.619 149.096 201.542 149.019 201.463C148.942 201.385 148.863 201.307 148.788 201.227C148.713 201.148 148.636 201.067 148.562 200.984C148.488 200.902 148.42 200.827 148.35 200.746L148.327 200.719C148.259 200.641 148.192 200.562 148.126 200.481C147.983 200.31 147.844 200.135 147.71 199.956C147.575 199.776 147.443 199.592 147.314 199.405L147.191 199.221C147.027 198.981 146.867 198.739 146.712 198.493C146.596 198.316 146.483 198.138 146.373 197.957C146.302 197.844 146.234 197.73 146.166 197.618L146.138 197.572C146.073 197.462 146.009 197.354 145.947 197.245C145.911 197.186 145.877 197.127 145.845 197.066C145.812 197.004 145.774 196.941 145.739 196.878L145.682 196.779L145.647 196.715C145.58 196.595 145.514 196.474 145.45 196.352C145.42 196.298 145.391 196.244 145.36 196.192L145.271 196.019L145.181 195.848C144.956 195.398 144.743 194.942 144.543 194.48L144.472 194.311C144.426 194.198 144.383 194.086 144.337 193.975C144.315 193.921 144.293 193.868 144.274 193.814C144.167 193.537 144.067 193.257 143.975 192.975C143.942 192.874 143.91 192.775 143.88 192.675C143.808 192.448 143.743 192.219 143.685 191.988C143.614 191.719 143.551 191.448 143.498 191.175C143.487 191.12 143.476 191.065 143.467 191.012C143.415 190.745 143.373 190.476 143.34 190.206C143.332 190.153 143.326 190.1 143.32 190.047L143.303 189.885C143.281 189.673 143.264 189.46 143.254 189.247C143.254 189.193 143.249 189.139 143.247 189.087C143.242 188.981 143.24 188.875 143.239 188.769C143.183 184.496 145.345 180.388 149.968 175.767C158.203 167.54 162.997 155.501 162.997 155.501C162.997 155.501 163.126 154.996 163.394 154.269C163.431 154.168 163.47 154.064 163.514 153.955C163.67 153.548 163.846 153.148 164.041 152.758L164.08 152.683C164.246 152.351 164.428 152.027 164.624 151.712C164.67 151.639 164.714 151.567 164.765 151.494C164.912 151.277 165.067 151.065 165.23 150.86C165.319 150.749 165.416 150.639 165.513 150.532C165.552 150.49 165.59 150.448 165.631 150.408C166.108 149.915 166.653 149.513 167.27 149.299L167.348 149.273C167.4 149.256 167.452 149.24 167.505 149.225C167.566 149.209 167.627 149.195 167.69 149.182L167.719 149.176C167.849 149.15 167.981 149.133 168.114 149.124H168.125C168.194 149.124 168.264 149.117 168.335 149.117C168.424 149.117 168.507 149.117 168.594 149.126C168.684 149.134 168.773 149.144 168.863 149.158C169.605 149.276 170.311 149.718 170.919 150.4C171.15 150.66 171.358 150.94 171.54 151.236C171.66 151.428 171.773 151.631 171.88 151.845C171.923 151.934 171.964 152.016 172.004 152.104C172.108 152.33 172.202 152.56 172.284 152.795C172.479 153.345 172.626 153.911 172.723 154.487C172.807 154.992 172.857 155.502 172.873 156.013C172.881 156.286 172.881 156.563 172.873 156.842C172.819 158.14 172.553 159.421 172.086 160.634C172.044 160.745 171.997 160.857 171.952 160.969C171.86 161.195 171.759 161.417 171.65 161.634C171.569 161.799 171.484 161.965 171.392 162.13C171.332 162.24 171.269 162.35 171.206 162.46C171.045 162.734 170.871 163.006 170.684 163.277L170.571 163.439C170.129 164.055 169.637 164.633 169.099 165.167C168.569 165.698 168.001 166.189 167.4 166.637C166.798 167.083 166.233 167.577 165.711 168.114C164.208 169.691 163.858 171.083 164.196 172.138C164.25 172.304 164.321 172.465 164.407 172.617C164.508 172.791 164.628 172.951 164.764 173.097L164.817 173.152L164.871 173.206C164.925 173.258 164.982 173.309 165.043 173.359L165.103 173.407C165.248 173.519 165.402 173.619 165.563 173.707C165.61 173.732 165.652 173.757 165.705 173.781C165.879 173.866 166.058 173.939 166.242 173.998C166.293 174.015 166.344 174.03 166.396 174.046L166.461 174.063L166.551 174.087L166.628 174.106L166.712 174.124L166.795 174.141L166.874 174.154C166.932 174.164 166.992 174.174 167.052 174.181L167.109 174.19L167.213 174.2L167.277 174.207L167.382 174.214H167.444L167.554 174.22H167.9L167.999 174.214L168.113 174.207L168.252 174.194L168.382 174.179C168.412 174.179 168.442 174.171 168.472 174.165C168.872 174.107 169.264 174.001 169.639 173.849L169.798 173.782C169.887 173.743 169.977 173.702 170.059 173.658C170.235 173.57 170.406 173.47 170.57 173.361C170.799 173.211 171.015 173.043 171.217 172.858C171.265 172.815 171.312 172.769 171.358 172.725C171.381 172.703 171.403 172.682 171.425 172.658C171.469 172.613 171.514 172.569 171.558 172.52C171.878 172.168 172.155 171.78 172.383 171.363C174.34 167.804 176.391 164.298 178.534 160.849L178.828 160.378L179.125 159.907C179.273 159.668 179.423 159.433 179.572 159.199L179.722 158.965C180.22 158.185 180.726 157.41 181.241 156.641L181.546 156.185C182.158 155.278 182.768 154.396 183.373 153.558L183.674 153.143C184.332 152.236 185.017 151.348 185.728 150.482L186.01 150.144C186.057 150.088 186.1 150.032 186.151 149.978C186.244 149.868 186.337 149.761 186.428 149.657C186.474 149.604 186.517 149.552 186.566 149.5L186.834 149.198L186.968 149.051C187.103 148.906 187.235 148.767 187.365 148.634C187.455 148.544 187.538 148.455 187.624 148.371C188.131 147.853 188.69 147.388 189.293 146.985L189.433 146.895C189.567 146.805 189.706 146.721 189.848 146.645C192.212 145.303 194.169 145.204 195.296 146.331C195.978 147.013 196.356 148.144 196.335 149.718C196.335 149.787 196.335 149.857 196.33 149.929V150.006C196.33 150.078 196.324 150.15 196.318 150.223C196.318 150.313 196.308 150.402 196.299 150.492C196.29 150.581 196.285 150.649 196.276 150.729C196.276 150.751 196.272 150.774 196.268 150.798C196.262 150.867 196.253 150.938 196.243 151.009C196.243 151.03 196.243 151.052 196.235 151.074C196.224 151.169 196.21 151.263 196.194 151.357C196.183 151.447 196.168 151.531 196.152 151.619L196.126 151.768C196.1 151.91 196.067 152.05 196.026 152.188C195.948 152.447 195.854 152.7 195.743 152.946C195.588 153.284 195.417 153.613 195.229 153.933C195.125 154.111 195.018 154.286 194.907 154.459C194.793 154.638 194.673 154.819 194.549 155.002C194.233 155.454 193.905 155.897 193.564 156.33L193.408 156.527C192.852 157.22 192.278 157.899 191.686 158.562L191.499 158.772C191.247 159.053 190.991 159.336 190.729 159.62L190.532 159.834C190.401 159.977 190.264 160.12 190.132 160.264C190.001 160.407 189.864 160.552 189.726 160.697L189.315 161.13L188.898 161.566L188.478 162.002C188.196 162.294 187.913 162.586 187.628 162.878C183.573 167.037 179.301 171.182 177.855 173.766C177.758 173.934 177.671 174.108 177.593 174.285C177.387 174.755 177.301 175.157 177.36 175.482C177.379 175.589 177.416 175.691 177.471 175.785C177.552 175.926 177.651 176.056 177.766 176.172C177.819 176.224 177.875 176.272 177.934 176.316C178.232 176.528 178.591 176.637 178.957 176.627H179.071L179.188 176.618L179.305 176.605L179.402 176.591C179.415 176.589 179.429 176.587 179.442 176.583L179.531 176.566L179.554 176.561L179.653 176.54L179.688 176.531C179.723 176.522 179.757 176.513 179.792 176.503C179.827 176.493 179.875 176.48 179.917 176.466C180.093 176.413 180.265 176.35 180.434 176.278C180.523 176.242 180.61 176.203 180.696 176.161C180.741 176.141 180.786 176.12 180.828 176.098L180.962 176.032C181.282 175.866 181.594 175.685 181.898 175.491L182.031 175.401C182.076 175.373 182.121 175.344 182.164 175.312L182.297 175.223L182.368 175.174L182.56 175.039C182.739 174.916 182.906 174.789 183.075 174.66L183.09 174.648L183.359 174.44C183.726 174.15 184.074 173.858 184.39 173.583L184.6 173.399L184.619 173.381L184.729 173.284C184.987 173.052 185.217 172.836 185.408 172.658L185.487 172.581C185.556 172.516 185.619 172.455 185.676 172.403L185.788 172.292L185.828 172.253L185.839 172.242L185.956 172.125L186.03 172.048L186.039 172.041L186.074 172.009L186.118 171.969L186.132 171.956L186.169 171.922L186.373 171.743L186.487 171.641C186.548 171.588 186.607 171.534 186.666 171.479L186.802 171.358C186.827 171.338 186.851 171.316 186.876 171.294L187.019 171.169L187.229 170.984L187.341 170.887C187.776 170.509 188.305 170.052 188.913 169.537L189.162 169.326L189.573 168.981L189.994 168.63C190.544 168.173 191.136 167.688 191.762 167.185L192.173 166.855C192.523 166.576 192.882 166.292 193.246 166.006C193.393 165.891 193.542 165.776 193.694 165.662C194.066 165.373 194.44 165.086 194.817 164.803C195.675 164.155 196.56 163.506 197.456 162.874L197.84 162.606C198.109 162.421 198.377 162.235 198.645 162.054L198.888 161.89C199.367 161.565 199.853 161.248 200.343 160.939L200.586 160.786L200.827 160.636C201.069 160.486 201.309 160.339 201.548 160.196L201.787 160.053L202.265 159.775L202.734 159.506L202.829 159.454L203.2 159.25C203.355 159.166 203.509 159.085 203.663 159.006L203.892 158.888L204.115 158.776C204.193 158.739 204.27 158.7 204.346 158.663C204.848 158.415 205.36 158.187 205.88 157.979C206.021 157.919 206.161 157.865 206.3 157.818L206.71 157.674C206.833 157.633 206.953 157.594 207.068 157.559L207.108 157.547C207.17 157.527 207.232 157.509 207.293 157.493L207.311 157.488C207.439 157.451 207.566 157.419 207.691 157.389H207.7C208.054 157.304 208.414 157.243 208.777 157.206C208.944 157.189 209.111 157.18 209.279 157.181H209.363C209.475 157.181 209.583 157.188 209.69 157.199C209.739 157.199 209.788 157.209 209.836 157.215H209.856C209.904 157.221 209.952 157.228 210 157.239C210.047 157.248 210.095 157.256 210.141 157.267H210.156C210.203 157.277 210.245 157.289 210.294 157.303C210.548 157.374 210.79 157.484 211.012 157.628C211.121 157.699 211.223 157.779 211.317 157.868L211.344 157.894C211.362 157.91 211.379 157.927 211.395 157.944L211.444 157.997C211.846 158.418 212.178 158.901 212.428 159.427L212.466 159.517C212.551 159.717 212.618 159.924 212.666 160.135C212.808 160.781 212.753 161.455 212.508 162.07C212.415 162.318 212.302 162.557 212.169 162.785C211.858 163.309 211.489 163.796 211.07 164.237L210.981 164.332C210.848 164.472 210.71 164.612 210.565 164.752C210.501 164.815 210.434 164.877 210.367 164.94L210.162 165.129L210.055 165.224C209.797 165.454 209.532 165.677 209.263 165.893C209.1 166.025 208.936 166.154 208.77 166.281C208.184 166.729 207.587 167.161 206.979 167.578C206.612 167.83 206.242 168.077 205.869 168.321C204.95 168.924 204.021 169.512 203.083 170.084C201.115 171.294 198.934 172.588 196.609 173.995L196.007 174.36C195.348 174.762 194.726 175.146 194.14 175.512L193.845 175.697L193.287 176.055C192.917 176.292 192.548 176.531 192.179 176.77L191.882 176.966C191.737 177.06 191.593 177.156 191.449 177.252L191.308 177.342L190.876 177.633L190.647 177.79L190.379 177.976L190.13 178.149C189.713 178.444 189.325 178.725 188.968 178.992L188.834 179.094C188.624 179.253 188.416 179.415 188.211 179.58C187.902 179.829 187.62 180.067 187.367 180.296L187.243 180.409C187.172 180.474 187.102 180.539 187.035 180.603C186.989 180.648 186.946 180.693 186.898 180.736L186.834 180.8C186.691 180.944 186.551 181.091 186.416 181.242L186.35 181.318C186.203 181.488 186.075 181.651 185.963 181.81L185.913 181.881C185.825 182.009 185.744 182.141 185.671 182.277C185.652 182.311 185.635 182.345 185.618 182.379L185.569 182.481L185.536 182.555L185.515 182.605L185.498 182.65L185.475 182.711C185.413 182.88 185.37 183.056 185.345 183.234L185.337 183.296L185.331 183.354V183.669C185.331 183.695 185.331 183.721 185.338 183.749L185.343 183.797C185.343 183.823 185.349 183.848 185.353 183.876C185.357 183.902 185.364 183.949 185.372 183.986V183.991C185.379 184.026 185.386 184.06 185.395 184.095C185.404 184.13 185.413 184.17 185.424 184.206C185.443 184.277 185.467 184.347 185.492 184.417C185.508 184.459 185.523 184.5 185.54 184.541C185.54 184.549 185.546 184.558 185.55 184.566L185.586 184.647L185.636 184.758C185.69 184.873 185.749 184.985 185.813 185.094L185.879 185.208L185.947 185.322C185.959 185.341 185.973 185.359 185.988 185.376L186.01 185.399L186.035 185.422L186.061 185.442C186.099 185.469 186.14 185.49 186.183 185.505C186.206 185.513 186.23 185.519 186.254 185.525C186.831 185.655 188.017 185.178 189.593 184.346C189.682 184.298 189.78 184.248 189.875 184.196L190.355 183.934L190.589 183.804C190.756 183.715 190.926 183.614 191.1 183.515L191.417 183.336C193.5 182.137 195.988 180.597 198.56 179.093C198.801 178.952 199.043 178.811 199.285 178.672L199.771 178.361C200.335 178.038 200.902 177.719 201.471 177.404C202.188 177.01 202.91 176.626 203.639 176.254L204.115 176.013C204.431 175.857 204.744 175.705 205.053 175.557C205.651 175.273 206.256 175.003 206.868 174.748L207.203 174.612L207.243 174.596C209.018 173.893 210.627 173.459 211.929 173.459C212.21 173.456 212.492 173.48 212.769 173.528H212.778C212.867 173.544 212.948 173.562 213.031 173.582H213.046C213.259 173.636 213.466 173.713 213.662 173.812C213.937 173.954 214.184 174.143 214.393 174.371C214.489 174.477 214.574 174.592 214.649 174.714C214.789 174.929 214.899 175.162 214.978 175.406C215.01 175.501 215.038 175.594 215.067 175.693C215.278 176.45 215.257 177.253 215.007 177.998Z" fill="#FF9D00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M203.21 123.685V123.194C203.21 81.34 169.292 47.411 127.435 47.411C85.5791 47.411 51.648 81.342 51.648 123.194V123.358C51.646 123.467 51.645 123.576 51.648 123.685C51.6529 123.848 51.6546 124.011 51.653 124.174L51.6581 124.534L51.661 124.663C51.661 124.723 51.6631 124.782 51.6651 124.842C51.6681 124.937 51.67 125.033 51.67 125.128L51.681 125.517L51.697 125.974L51.702 126.124L51.722 126.597V126.62C51.73 126.805 51.7401 126.989 51.7491 127.173L51.75 127.187C51.76 127.375 51.7701 127.564 51.7821 127.753C51.7921 127.927 51.802 128.101 51.815 128.275L51.8171 128.306C51.8258 128.455 51.8358 128.605 51.847 128.754L51.85 128.794L51.883 129.226L51.8861 129.254C51.8921 129.338 51.898 129.422 51.906 129.503C51.9658 130.224 52.0355 130.945 52.1151 131.664L52.12 131.709L52.181 132.238L52.2491 132.793L52.299 133.17L52.322 133.347C52.3753 133.755 52.433 134.162 52.495 134.568L52.4991 134.595L52.558 134.979C52.8435 136.808 53.1971 138.626 53.618 140.429L53.6231 140.451L53.655 140.586L53.746 140.971L53.802 140.904C56.002 138.274 59.158 136.824 62.689 136.824C65.519 136.824 68.4221 137.76 71.3321 139.605C73.2621 140.831 75.3961 143.002 77.5921 145.733C79.6241 142.911 82.4721 141.035 85.7301 140.523C86.3513 140.425 86.9792 140.376 87.6081 140.375C95.0441 140.375 99.523 146.828 101.215 152.633C102.051 154.594 106.08 163.526 112.156 169.568C121.392 178.795 123.703 188.316 119.132 198.511H119.148C119.459 198.546 119.772 198.578 120.087 198.607C120.274 198.625 120.46 198.643 120.648 198.659L120.714 198.665L121.127 198.7L121.507 198.73C121.869 198.758 122.232 198.784 122.596 198.807L122.885 198.824L123.114 198.838L123.256 198.846L123.703 198.869L123.825 198.874L124.294 198.895L124.816 198.915L125.235 198.927L125.305 198.929C125.394 198.933 125.483 198.936 125.572 198.936L125.668 198.939C126.258 198.953 126.847 198.96 127.437 198.959H128.063L128.51 198.954C128.62 198.949 128.729 198.949 128.84 198.949H129.014L129.165 198.945C129.224 198.943 129.283 198.941 129.343 198.941H129.522L129.873 198.932L130.401 198.914L130.982 198.888C131.15 198.882 131.316 198.873 131.482 198.865L131.661 198.854L131.927 198.84L132.083 198.831L132.201 198.823L132.738 198.788L133.274 198.749L133.761 198.71L134.103 198.681L134.479 198.647C135.107 198.591 135.733 198.525 136.359 198.45L136.786 198.399C132.287 188.247 134.616 178.767 143.813 169.577C149.876 163.519 153.905 154.587 154.745 152.625C156.438 146.821 160.914 140.368 168.352 140.368C168.981 140.368 169.61 140.418 170.231 140.516C173.486 141.028 176.334 142.904 178.369 145.726C180.566 142.996 182.699 140.823 184.63 139.597C187.539 137.753 190.445 136.817 193.272 136.817C196.388 136.817 199.212 137.947 201.345 140.02C201.384 139.851 201.422 139.682 201.459 139.512L201.568 139.006C201.607 138.821 201.646 138.636 201.683 138.451C201.749 138.124 201.815 137.797 201.878 137.467C201.944 137.125 202.007 136.781 202.067 136.437L202.098 136.251C202.117 136.141 202.135 136.031 202.156 135.92C202.19 135.748 202.218 135.576 202.246 135.402L202.257 135.336L202.328 134.883L202.398 134.424V134.42C202.449 134.081 202.497 133.742 202.542 133.403L202.553 133.319L202.616 132.841L202.667 132.433L202.757 131.629L202.792 131.306L202.801 131.218C202.82 131.044 202.838 130.87 202.854 130.696V130.682C202.867 130.544 202.881 130.405 202.893 130.266C202.964 129.478 203.024 128.686 203.072 127.891C203.081 127.761 203.088 127.63 203.096 127.499V127.493L203.122 127.002L203.128 126.892C203.144 126.56 203.158 126.228 203.169 125.896V125.884L203.174 125.754C203.179 125.645 203.183 125.535 203.183 125.425L203.185 125.381C203.189 125.278 203.193 125.172 203.193 125.067L203.196 124.977C203.199 124.872 203.202 124.768 203.202 124.663L203.204 124.574C203.207 124.441 203.21 124.307 203.21 124.174V123.685ZM108.638 199.391C114.64 190.59 114.214 183.984 105.98 175.754C97.7441 167.523 92.951 155.487 92.951 155.487C92.951 155.487 91.1621 148.496 87.0821 149.138C83.0021 149.78 80.0091 160.227 88.5521 166.622C97.0941 173.017 86.8521 177.353 83.5641 171.352C80.2761 165.35 71.299 149.923 66.645 146.972C61.991 144.021 58.718 145.675 59.815 151.757C60.36 154.776 65.4281 159.929 70.1631 164.743C74.9671 169.627 79.428 174.163 78.474 175.768C76.581 178.955 69.9141 172.023 69.9141 172.023C69.9141 172.023 49.038 153.025 44.494 157.976C40.304 162.539 46.765 166.418 56.7211 172.397C57.5671 172.905 58.4391 173.429 59.3321 173.969C70.7231 180.865 71.609 182.684 69.992 185.293C69.395 186.257 65.582 183.968 60.892 181.153C52.897 176.352 42.3551 170.023 40.8661 175.688C39.5781 180.591 47.334 183.595 54.368 186.32C60.228 188.59 65.5881 190.666 64.7991 193.484C63.9821 196.406 59.5531 193.969 54.7121 191.305C49.2771 188.314 43.3221 185.038 41.3731 188.735C37.6901 195.725 66.7831 203.954 67.0231 204.015C76.4231 206.453 100.295 211.619 108.638 199.391ZM147.303 199.391C141.301 190.59 141.727 183.984 149.962 175.754C158.197 167.523 162.99 155.487 162.99 155.487C162.99 155.487 164.779 148.496 168.859 149.138C172.939 149.78 175.932 160.227 167.39 166.622C158.847 173.017 169.089 177.353 172.377 171.352C175.666 165.35 184.637 149.923 189.291 146.972C193.945 144.021 197.22 145.675 196.122 151.757C195.578 154.776 190.509 159.929 185.774 164.744C180.97 169.628 176.509 174.163 177.462 175.768C179.355 178.955 186.027 172.019 186.027 172.019C186.027 172.019 206.902 153.022 211.448 157.973C215.637 162.535 209.176 166.415 199.219 172.394C198.348 172.917 197.478 173.441 196.609 173.966C185.218 180.862 184.332 182.681 185.948 185.289C186.546 186.254 190.359 183.964 195.048 181.149C203.044 176.349 213.586 170.019 215.075 175.685C216.364 180.588 208.607 183.592 201.573 186.317C195.713 188.587 190.353 190.663 191.141 193.481C191.957 196.402 196.385 193.965 201.225 191.301C206.66 188.31 212.616 185.032 214.564 188.732C218.248 195.726 189.15 203.947 188.915 204.007C179.515 206.453 155.643 211.619 147.303 199.391Z" fill="#FFD21E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152.047 102.567C153.229 102.985 154.108 104.257 154.944 105.468C156.074 107.104 157.126 108.627 158.74 107.769C160.644 106.756 162.205 105.202 163.225 103.302C164.246 101.402 164.681 99.2427 164.475 97.096C164.321 95.4908 163.813 93.9398 162.987 92.5548C162.161 91.1697 161.038 89.985 159.7 89.0862C158.361 88.1874 156.839 87.5968 155.245 87.3569C153.65 87.117 152.022 87.2339 150.478 87.699C148.934 88.1639 147.513 88.9653 146.316 90.0455C145.119 91.1257 144.176 92.4578 143.556 93.946C142.936 95.4342 142.653 97.0415 142.728 98.652C142.804 100.263 143.235 101.836 143.992 103.26C144.74 104.667 146.4 104.003 148.152 103.302C149.525 102.753 150.956 102.181 152.047 102.567ZM100.672 102.567C99.49 102.985 98.611 104.258 97.775 105.468C96.645 107.105 95.592 108.627 93.979 107.769C91.5845 106.501 89.7482 104.386 88.8278 101.838C87.9075 99.2895 87.9692 96.4896 89.0008 93.9841C90.0324 91.4786 91.9601 89.4471 94.408 88.2855C96.856 87.1239 99.6488 86.9156 102.242 87.701C104.307 88.3228 106.141 89.5427 107.513 91.2065C108.885 92.8704 109.732 94.9035 109.949 97.049C110.165 99.1945 109.74 101.356 108.728 103.26C107.979 104.667 106.319 104.003 104.567 103.303C103.193 102.753 101.764 102.181 100.672 102.567ZM144.099 149.318C152.242 142.903 155.233 132.429 155.233 125.977C155.233 120.877 151.802 122.482 146.309 125.202L145.999 125.355C140.957 127.852 134.245 131.177 126.877 131.177C119.508 131.177 112.796 127.852 107.755 125.354C102.084 122.545 98.527 120.783 98.527 125.978C98.527 132.634 101.709 143.563 110.443 149.912C111.596 147.573 113.219 145.497 115.211 143.813C117.202 142.129 119.52 140.874 122.018 140.126C122.89 139.866 123.788 141.367 124.707 142.904C125.594 144.386 126.501 145.902 127.423 145.902C128.406 145.902 129.371 144.408 130.314 142.95C131.299 141.425 132.26 139.94 133.189 140.237C137.864 141.738 141.775 144.993 144.099 149.318Z" fill="#32343D"/>
+<path d="M144.097 149.317C139.856 152.659 134.219 154.9 126.878 154.9C119.981 154.9 114.587 152.922 110.443 149.911C111.596 147.572 113.219 145.495 115.211 143.812C117.202 142.128 119.52 140.873 122.018 140.125C123.73 139.614 125.545 145.901 127.423 145.901C129.433 145.901 131.37 139.655 133.189 140.236C137.863 141.738 141.773 144.993 144.097 149.317Z" fill="#FF323D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M81.2 111.64C80.2312 112.288 79.1173 112.687 77.9572 112.801C76.7971 112.916 75.6267 112.742 74.55 112.295C73.6893 111.94 72.9072 111.418 72.2488 110.759C71.5903 110.101 71.0684 109.319 70.713 108.458C70.267 107.381 70.0935 106.211 70.2082 105.051C70.3228 103.891 70.7219 102.777 71.37 101.808C72.1488 100.642 73.2558 99.7333 74.5512 99.1967C75.8466 98.6601 77.272 98.5197 78.6471 98.7935C80.0223 99.0672 81.2853 99.7427 82.2764 100.734C83.2675 101.726 83.9422 102.99 84.215 104.365C84.4883 105.74 84.3477 107.165 83.8113 108.46C83.2748 109.755 82.3654 110.861 81.2 111.64ZM182.613 111.64C181.644 112.288 180.53 112.687 179.37 112.801C178.209 112.916 177.039 112.742 175.962 112.295C175.101 111.939 174.319 111.418 173.661 110.759C173.003 110.101 172.481 109.319 172.125 108.458C171.68 107.381 171.507 106.211 171.621 105.051C171.736 103.891 172.135 102.777 172.782 101.808C173.364 100.936 174.133 100.205 175.032 99.6658C175.931 99.1269 176.938 98.7942 177.981 98.6917C179.025 98.5891 180.078 98.7193 181.064 99.0728C182.051 99.4264 182.947 99.9944 183.688 100.736C184.68 101.727 185.355 102.99 185.628 104.365C185.902 105.74 185.761 107.165 185.224 108.46C184.687 109.755 183.779 110.861 182.613 111.64Z" fill="#FFAD03"/>
+</svg>
diff --git a/js/core/src/api_docs/img/javascript.svg b/js/core/src/api_docs/img/javascript.svg
new file mode 100644
index 0000000..426b76c
--- /dev/null
+++ b/js/core/src/api_docs/img/javascript.svg
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<rect width="32" height="32" fill="#f7df1e"></rect>
+	<path
+		d="M21.5,25a3.27,3.27,0,0,0,3,1.83c1.25,0,2-.63,2-1.49,0-1-.81-1.39-2.19-2L23.56,23C21.39,22.1,20,20.94,20,18.49c0-2.25,1.72-4,4.41-4a4.44,4.44,0,0,1,4.27,2.41l-2.34,1.5a2,2,0,0,0-1.93-1.29,1.31,1.31,0,0,0-1.44,1.29c0,.9.56,1.27,1.85,1.83l.75.32c2.55,1.1,4,2.21,4,4.72,0,2.71-2.12,4.19-5,4.19a5.78,5.78,0,0,1-5.48-3.07Zm-10.63.26c.48.84.91,1.55,1.94,1.55s1.61-.39,1.61-1.89V14.69h3V25c0,3.11-1.83,4.53-4.49,4.53a4.66,4.66,0,0,1-4.51-2.75Z"
+	></path>
+</svg>
diff --git a/js/core/src/api_docs/img/mcp.svg b/js/core/src/api_docs/img/mcp.svg
new file mode 100644
index 0000000..50e023b
--- /dev/null
+++ b/js/core/src/api_docs/img/mcp.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="208" height="198">
+<path d="M0 0 C68.64 0 137.28 0 208 0 C208 65.34 208 130.68 208 198 C139.36 198 70.72 198 0 198 C0 132.66 0 67.32 0 0 Z " fill="#FDFDFD" transform="translate(0,0)"/>
+<path d="M0 0 C7.98426849 5.43507434 12.72157972 12.18665667 14.59375 21.765625 C14.65999507 23.51449481 14.67927595 25.26565248 14.65625 27.015625 C14.64722656 27.90765625 14.63820313 28.7996875 14.62890625 29.71875 C14.61730469 30.39421875 14.60570312 31.0696875 14.59375 31.765625 C15.68429688 31.66121094 15.68429688 31.66121094 16.796875 31.5546875 C25.38947014 31.0920093 31.49610814 32.87035438 38.59375 37.765625 C45.38763113 43.90309249 50.20171748 50.69678858 50.71875 60.01953125 C50.98209067 70.80003999 48.48259701 78.28691927 41.13383865 86.37176895 C37.40951969 90.27228339 33.56173017 94.0480055 29.70587349 97.81786537 C27.50076028 99.97505469 25.30634583 102.14262779 23.11448669 104.3132782 C16.88667859 110.47714902 10.64025955 116.62200781 4.38696289 122.76000977 C0.55061782 126.52705128 -3.27361889 130.30604164 -7.09074593 134.09255028 C-8.54651894 135.531518 -10.00708733 136.96565073 -11.47244072 138.39486122 C-13.51176174 140.38403714 -15.53549821 142.38788769 -17.55639648 144.39575195 C-18.16771423 144.98438019 -18.77903198 145.57300842 -19.40887451 146.17947388 C-21.25802266 147.97786922 -21.25802266 147.97786922 -23.40625 150.765625 C-22.95815419 155.21411132 -19.92711254 157.80069615 -16.96875 160.890625 C-16.46537109 161.42816406 -15.96199219 161.96570313 -15.44335938 162.51953125 C-13.46020056 164.63174024 -11.45497079 166.71690421 -9.40625 168.765625 C-9.06134678 172.81823787 -9.10461118 174.31316676 -11.40625 177.765625 C-14.48046875 178.46484375 -14.48046875 178.46484375 -18.40625 177.765625 C-21.72094223 175.39408231 -24.42937099 172.53685052 -27.21875 169.578125 C-28.3624707 168.42473633 -28.3624707 168.42473633 -29.52929688 167.24804688 C-34.07346262 162.56727491 -36.89196956 159.10844783 -37.90625 152.515625 C-36.39587967 141.18784752 -24.43660589 132.45146598 -16.70703125 124.84375 C-15.26467358 123.41208469 -13.823133 121.97959577 -12.38237 120.54632568 C-8.60706196 116.79369031 -4.8236795 113.04931831 -1.03759766 109.30755615 C5.03339316 103.30703562 11.09666476 97.29880064 17.15091896 91.28139496 C19.26203725 89.18693739 21.37948781 87.09903633 23.4974823 85.01153564 C24.79244833 83.7270309 26.08716498 82.44227468 27.3815918 81.15722656 C27.9691777 80.58154434 28.55676361 80.00586212 29.16215515 79.41273499 C33.0065397 75.57959321 36.25383478 72.21240212 37.02734375 66.64453125 C37.12805731 57.94701961 37.12805731 57.94701961 32.59375 50.765625 C28.17030117 46.68244147 24.28086132 44.70888935 18.28125 44.328125 C8.13741766 44.77857204 1.37941203 53.65559103 -5.22390938 60.48005104 C-7.00300386 62.3164819 -8.79339487 64.14118471 -10.58738708 65.96305847 C-15.68165917 71.13939009 -20.75981063 76.33120869 -25.8190918 81.54174805 C-28.92563034 84.73953401 -32.04903394 87.92000833 -35.1836071 91.09030724 C-36.37073788 92.29787538 -37.55126384 93.51197433 -38.72488594 94.73267555 C-40.36405796 96.43683488 -42.02378443 98.11817344 -43.68969727 99.79614258 C-44.16625259 100.30257797 -44.64280792 100.80901337 -45.13380432 101.33079529 C-47.86176132 104.02745471 -49.26782281 104.75164244 -53.13853455 105.1426239 C-56.40625 104.765625 -56.40625 104.765625 -58.40625 103.703125 C-60.05115215 100.51612708 -59.21652866 98.18220487 -58.40625 94.765625 C-56.71704234 92.54421376 -55.19514153 90.81919357 -53.19970703 88.92553711 C-52.38741638 88.11916054 -52.38741638 88.11916054 -51.55871582 87.29649353 C-49.77391169 85.53108704 -47.9691616 83.78759681 -46.1640625 82.04296875 C-44.91562299 80.81335653 -43.66872694 79.58217543 -42.42330933 78.34950256 C-39.14574142 75.11177971 -35.85189408 71.89118542 -32.55297852 68.67523193 C-27.27676413 63.52851767 -22.02057726 58.3615543 -16.77413559 53.18451118 C-14.94267399 51.38360293 -13.10126085 49.59335279 -11.25857544 47.80393982 C-10.1292283 46.69508835 -9.00021289 45.58589888 -7.87158203 44.47631836 C-7.1046553 43.73970978 -7.1046553 43.73970978 -6.32223511 42.98822021 C-2.48103839 39.18388116 0.21542377 35.40649048 0.9921875 29.984375 C0.93891877 23.80520175 0.77005976 18.9506132 -3.8359375 14.33203125 C-8.26074511 10.44656586 -11.52467188 9.60175834 -17.28125 9.515625 C-18.30992188 9.48984375 -19.33859375 9.4640625 -20.3984375 9.4375 C-27.06595382 10.16486542 -31.16007775 15.24888918 -35.64331055 19.79150391 C-36.35283875 20.50234634 -37.06236694 21.21318878 -37.793396 21.9455719 C-40.13122303 24.28987609 -42.46199495 26.64107069 -44.79296875 28.9921875 C-46.41719985 30.62268991 -48.04194778 32.25267763 -49.66719055 33.88217163 C-53.94006483 38.1683388 -58.20733289 42.46004062 -62.47302246 46.75335693 C-69.31040105 53.63388913 -76.15454912 60.50767186 -83.00190163 67.37827682 C-85.39628911 69.78291504 -87.78725107 72.19092156 -90.17790222 74.59927368 C-91.63761155 76.06580793 -93.0974292 77.53223438 -94.55737305 78.99853516 C-95.22493118 79.67283066 -95.89248932 80.34712616 -96.58027649 81.04185486 C-97.19003326 81.65312729 -97.79979004 82.26439972 -98.42802429 82.89419556 C-99.22300843 83.69445884 -99.22300843 83.69445884 -100.03405285 84.51088905 C-102.16986164 86.46387086 -103.42277688 86.76738318 -106.34375 87.078125 C-109.40625 86.765625 -109.40625 86.765625 -111.28125 85.078125 C-112.61274785 82.34115721 -112.70022375 80.7819636 -112.40625 77.765625 C-111.21767902 75.95622826 -111.21767902 75.95622826 -109.51667786 74.26132202 C-108.87601379 73.61089432 -108.23534973 72.96046661 -107.57527161 72.29032898 C-106.86311996 71.59301163 -106.15096832 70.89569427 -105.41723633 70.17724609 C-104.67424286 69.43030991 -103.93124939 68.68337372 -103.16574097 67.9138031 C-100.701899 65.44323838 -98.22055112 62.99110063 -95.73828125 60.5390625 C-94.022954 58.82798471 -92.30858548 57.11594533 -90.59513855 55.40298462 C-86.99867134 51.81268918 -83.39408085 48.2308279 -79.78295898 44.65527344 C-75.15514354 40.07267929 -70.54267903 35.47501649 -65.9355669 30.87161827 C-62.39417794 27.33466033 -58.84737952 23.80317105 -55.29865074 20.27357864 C-53.59635278 18.58015885 -51.89512477 16.8856628 -50.19498634 15.19007492 C-47.81580549 12.81994475 -45.43007658 10.45661666 -43.04223633 8.09521484 C-42.34020584 7.39384903 -41.63817535 6.69248322 -40.91487122 5.96986389 C-29.40795071 -5.361752 -14.47843599 -8.32899275 0 0 Z " fill="#060606" transform="translate(127.40625,16.234375)"/>
+<path d="M0 0 C2.375 1.625 2.375 1.625 4 4 C3.83729715 9.33428972 1.69745458 11.99235047 -2.00708008 15.52709961 C-2.52749374 16.04342453 -3.04790741 16.55974945 -3.58409119 17.09172058 C-5.30142941 18.79033409 -7.03544799 20.47084389 -8.76953125 22.15234375 C-9.97051782 23.33637005 -11.17018063 24.52174045 -12.36857605 25.70838928 C-15.52462813 28.82838495 -18.69406326 31.93438208 -21.86785889 35.03631592 C-26.93928961 39.99441502 -31.99669803 44.96658008 -37.04160118 49.95166206 C-38.8007568 51.68404526 -40.56951036 53.40617143 -42.33930969 55.12767029 C-43.42816965 56.199225 -44.51666425 57.27115113 -45.60473633 58.34350586 C-46.09372406 58.81385254 -46.58271179 59.28419922 -47.08651733 59.76879883 C-51.19583281 63.85030931 -54.48484657 68.24659376 -55.56640625 74.02734375 C-55.5571559 80.91885138 -54.85212283 85.87694645 -50 91 C-45.68380334 94.85609448 -41.37947988 95.45569977 -35.72265625 95.53125 C-26.29383215 93.69147944 -20.53531458 86.99790351 -14.15177536 80.39130402 C-12.3703632 78.54909252 -10.5755143 76.72097106 -8.77651978 74.89593506 C-3.66885889 69.70912041 1.41250805 64.49681068 6.48828125 59.27880859 C9.60363868 56.07805995 12.73346054 52.89203611 15.87223434 49.71425629 C17.06221876 48.50315086 18.24633696 47.28625215 19.424366 46.06351471 C21.06849223 44.35703327 22.73024062 42.66971793 24.39697266 40.98535156 C24.87712326 40.47734512 25.35727386 39.96933868 25.85197449 39.44593811 C28.34053731 36.97073897 29.70071906 36.03499083 33.23300171 35.62200928 C36 36 36 36 37.875 37.0625 C39.66598468 40.14697361 39.3566211 42.49280899 39 46 C37.39573833 48.28868875 36.00818858 49.93333169 34.03393555 51.84008789 C33.24113945 52.64646446 33.24113945 52.64646446 32.43232727 53.46913147 C30.68398583 55.23804684 28.91157497 56.98037662 27.13671875 58.72265625 C25.90636767 59.95264326 24.67720344 61.1838185 23.44917297 62.41612244 C20.86984218 64.99674774 18.27880762 67.56481818 15.6784668 70.12426758 C12.36757799 73.38435198 9.08369974 76.67009329 5.80792522 79.96541691 C3.27008963 82.51362466 0.7199178 85.04919295 -1.83415794 87.58111382 C-3.04818627 88.78684863 -4.25888759 89.99594394 -5.4659977 91.20860481 C-14.73745097 100.4982104 -23.79907857 108.87321487 -37.625 109.3125 C-46.39287227 109.18202571 -53.95003935 106.03797472 -60.28125 99.9921875 C-67.03040137 92.16930751 -69.49017879 83.43697703 -69.31640625 73.25390625 C-68.58492709 65.73141073 -64.66705982 59.77241609 -60 54 C-59.34 54 -58.68 54 -58 54 C-57.67 53.01 -57.34 52.02 -57 51 C-56.34 51 -55.68 51 -55 51 C-54.76112061 50.43613083 -54.52224121 49.87226166 -54.27612305 49.29130554 C-52.72180489 46.50049488 -50.84399323 44.59707765 -48.58203125 42.33911133 C-47.66768311 41.42168655 -46.75333496 40.50426178 -45.8112793 39.55903625 C-44.81186616 38.56652 -43.81226865 37.57418939 -42.8125 36.58203125 C-41.78845362 35.55917749 -40.76477719 34.53595323 -39.74145508 33.51237488 C-37.59927121 31.37175294 -35.45377569 29.23452659 -33.30566406 27.09985352 C-30.54979766 24.3610087 -27.80059216 21.61559486 -25.05360413 18.8678484 C-22.94184597 16.75636184 -20.82749417 14.64748907 -18.71224976 12.53949547 C-17.69733756 11.52776864 -16.68303271 10.51543219 -15.66934204 9.50248146 C-14.25473138 8.09003389 -12.83643829 6.68127727 -11.41796875 5.27270508 C-10.61125732 4.46980545 -9.8045459 3.66690582 -8.97338867 2.8396759 C-5.98435628 0.05317422 -4.05353668 -0.48256389 0 0 Z " fill="#070707" transform="translate(113,37)"/>
+</svg>
diff --git a/js/core/src/api_docs/img/python.svg b/js/core/src/api_docs/img/python.svg
new file mode 100644
index 0000000..ae0065b
--- /dev/null
+++ b/js/core/src/api_docs/img/python.svg
@@ -0,0 +1,20 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M15.84.5a16.4,16.4,0,0,0-3.57.32C9.1,1.39,8.53,2.53,8.53,4.64V7.48H16v1H5.77a4.73,4.73,0,0,0-4.7,3.74,14.82,14.82,0,0,0,0,7.54c.57,2.28,1.86,3.82,4,3.82h2.6V20.14a4.73,4.73,0,0,1,4.63-4.63h7.38a3.72,3.72,0,0,0,3.73-3.73V4.64A4.16,4.16,0,0,0,19.65.82,20.49,20.49,0,0,0,15.84.5ZM11.78,2.77a1.39,1.39,0,0,1,1.38,1.46,1.37,1.37,0,0,1-1.38,1.38A1.42,1.42,0,0,1,10.4,4.23,1.44,1.44,0,0,1,11.78,2.77Z"
+		fill="#5a9fd4"
+	></path>
+	<path
+		d="M16.16,31.5a16.4,16.4,0,0,0,3.57-.32c3.17-.57,3.74-1.71,3.74-3.82V24.52H16v-1H26.23a4.73,4.73,0,0,0,4.7-3.74,14.82,14.82,0,0,0,0-7.54c-.57-2.28-1.86-3.82-4-3.82h-2.6v3.41a4.73,4.73,0,0,1-4.63,4.63H12.35a3.72,3.72,0,0,0-3.73,3.73v7.14a4.16,4.16,0,0,0,3.73,3.82A20.49,20.49,0,0,0,16.16,31.5Zm4.06-2.27a1.39,1.39,0,0,1-1.38-1.46,1.37,1.37,0,0,1,1.38-1.38,1.42,1.42,0,0,1,1.38,1.38A1.44,1.44,0,0,1,20.22,29.23Z"
+		fill="#ffd43b"
+	></path>
+</svg>
diff --git a/js/core/src/api_docs/img/record-stop.svg b/js/core/src/api_docs/img/record-stop.svg
new file mode 100644
index 0000000..2b83f60
--- /dev/null
+++ b/js/core/src/api_docs/img/record-stop.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>record [#982]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-380.000000, -3839.000000)" fill="#FF0000"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M338,3689 C338,3691.209 336.209,3693 334,3693 C331.791,3693 330,3691.209 330,3689 C330,3686.791 331.791,3685 334,3685 C336.209,3685 338,3686.791 338,3689 M334,3697 C329.589,3697 326,3693.411 326,3689 C326,3684.589 329.589,3681 334,3681 C338.411,3681 342,3684.589 342,3689 C342,3693.411 338.411,3697 334,3697 M334,3679 C328.477,3679 324,3683.477 324,3689 C324,3694.523 328.477,3699 334,3699 C339.523,3699 344,3694.523 344,3689 C344,3683.477 339.523,3679 334,3679" id="record-[#982]"> </path> </g> </g> </g> </g></svg>
\ No newline at end of file
diff --git a/js/core/src/api_docs/img/record.svg b/js/core/src/api_docs/img/record.svg
new file mode 100644
index 0000000..a11a664
--- /dev/null
+++ b/js/core/src/api_docs/img/record.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>record [#982]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-380.000000, -3839.000000)" fill="#808080"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M338,3689 C338,3691.209 336.209,3693 334,3693 C331.791,3693 330,3691.209 330,3689 C330,3686.791 331.791,3685 334,3685 C336.209,3685 338,3686.791 338,3689 M334,3697 C329.589,3697 326,3693.411 326,3689 C326,3684.589 329.589,3681 334,3681 C338.411,3681 342,3684.589 342,3689 C342,3693.411 338.411,3697 334,3697 M334,3679 C328.477,3679 324,3683.477 324,3689 C324,3694.523 328.477,3699 334,3699 C339.523,3699 344,3694.523 344,3689 C344,3683.477 339.523,3679 334,3679" id="record-[#982]"> </path> </g> </g> </g> </g></svg>
\ No newline at end of file
diff --git a/js/core/src/api_docs/img/settings-logo.svg b/js/core/src/api_docs/img/settings-logo.svg
new file mode 100644
index 0000000..7b2a8e8
--- /dev/null
+++ b/js/core/src/api_docs/img/settings-logo.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+  <!-- Outer gear teeth (gray) -->
+  <path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" 
+        fill="#808080"/>
+  
+  <!-- Inner circle (now gray) -->
+  <circle cx="12" cy="12" r="2.5" fill="#808080"/>
+</svg>
diff --git a/js/core/src/api_docs/img/skill.svg b/js/core/src/api_docs/img/skill.svg
new file mode 100644
index 0000000..4b78775
--- /dev/null
+++ b/js/core/src/api_docs/img/skill.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="14 22 122 106" style="background-color: #ffffff;">
+<rect x="22" y="28" width="106" height="94" rx="8" fill="none" stroke="#374151" stroke-width="6"/>
+<rect x="22" y="28" width="106" height="20" rx="8" fill="#374151" fill-opacity="0.08"/>
+<circle cx="38" cy="38" r="4" fill="#ff5f57"/>
+<circle cx="52" cy="38" r="4" fill="#febc2e"/>
+<circle cx="66" cy="38" r="4" fill="#28c840"/>
+<text x="38" y="76" fill="#374151" font-family="monospace" font-size="22" font-weight="bold">&gt;_</text>
+<rect x="38" y="88" width="50" height="4" rx="2" fill="#374151" fill-opacity="0.35"/>
+<rect x="38" y="100" width="35" height="4" rx="2" fill="#374151" fill-opacity="0.2"/>
+</svg>
diff --git a/js/core/src/api_docs/index.ts b/js/core/src/api_docs/index.ts
new file mode 100644
index 0000000..f9f9ca8
--- /dev/null
+++ b/js/core/src/api_docs/index.ts
@@ -0,0 +1,3 @@
+export { default as ApiDocs } from "./ApiDocs.svelte";
+export { default as ApiRecorder } from "./ApiRecorder.svelte";
+export { default as Settings } from "./Settings.svelte";
diff --git a/js/core/src/api_docs/utils.ts b/js/core/src/api_docs/utils.ts
new file mode 100644
index 0000000..96bab44
--- /dev/null
+++ b/js/core/src/api_docs/utils.ts
@@ -0,0 +1,131 @@
+export function represent_value(
+	value: string,
+	type: string | undefined,
+	lang: "js" | "py" | "bash" | null = null
+): string | null | number | boolean | Record<string, unknown> {
+	if (type === undefined) {
+		return lang === "py" ? "None" : null;
+	}
+	if (value === null && lang === "py") {
+		return "None";
+	}
+	if (type === "string" || type === "str") {
+		return lang === null ? value : '"' + value + '"';
+	} else if (type === "number") {
+		return lang === null ? parseFloat(value) : value;
+	} else if (type === "boolean" || type == "bool") {
+		if (lang === "py") {
+			value = String(value);
+			return value === "true" ? "True" : "False";
+		} else if (lang === "js" || lang === "bash") {
+			return value;
+		}
+		return value === "true";
+	} else if (type === "List[str]") {
+		value = JSON.stringify(value);
+		return value;
+	} else if (type.startsWith("Literal['")) {
+		// a literal of strings
+		return '"' + value + '"';
+	}
+	// assume object type
+	if (lang === null) {
+		return value === "" ? null : JSON.parse(value);
+	} else if (typeof value === "string") {
+		if (value === "") {
+			return lang === "py" ? "None" : "null";
+		}
+		return value;
+	}
+	if (lang === "bash") {
+		value = simplify_file_data(value);
+	}
+	if (lang === "py") {
+		value = replace_file_data_with_file_function(value);
+	}
+	return stringify_except_file_function(value);
+}
+
+function simplify_file_data(obj: any): any {
+	if (typeof obj === "object" && obj !== null && !Array.isArray(obj)) {
+		if (
+			"url" in obj &&
+			obj.url &&
+			"meta" in obj &&
+			obj.meta?._type === "gradio.FileData"
+		) {
+			return { path: obj.url, meta: { _type: "gradio.FileData" } };
+		}
+	}
+	if (Array.isArray(obj)) {
+		obj.forEach((item, index) => {
+			if (typeof item === "object" && item !== null) {
+				obj[index] = simplify_file_data(item); // Recurse and update array elements
+			}
+		});
+	} else if (typeof obj === "object" && obj !== null) {
+		Object.keys(obj).forEach((key) => {
+			obj[key] = simplify_file_data(obj[key]); // Recurse and update object properties
+		});
+	}
+	return obj;
+}
+
+function replace_file_data_with_file_function(obj: any): any {
+	if (typeof obj === "object" && obj !== null && !Array.isArray(obj)) {
+		if (
+			"url" in obj &&
+			obj.url &&
+			"meta" in obj &&
+			obj.meta?._type === "gradio.FileData"
+		) {
+			return `handle_file('${obj.url}')`;
+		}
+	}
+	if (Array.isArray(obj)) {
+		obj.forEach((item, index) => {
+			if (typeof item === "object" && item !== null) {
+				obj[index] = replace_file_data_with_file_function(item); // Recurse and update array elements
+			}
+		});
+	} else if (typeof obj === "object" && obj !== null) {
+		Object.keys(obj).forEach((key) => {
+			obj[key] = replace_file_data_with_file_function(obj[key]); // Recurse and update object properties
+		});
+	}
+	return obj;
+}
+
+function stringify_except_file_function(obj: any): string {
+	let jsonString = JSON.stringify(obj, (key, value) => {
+		if (value === null) {
+			return "UNQUOTEDNone";
+		}
+		if (
+			typeof value === "string" &&
+			value.startsWith("handle_file(") &&
+			value.endsWith(")")
+		) {
+			return `UNQUOTED${value}`; // Flag the special strings
+		}
+		return value;
+	});
+	const regex = /"UNQUOTEDhandle_file\(([^)]*)\)"/g;
+	jsonString = jsonString.replace(regex, (match, p1) => `handle_file(${p1})`);
+	const regexNone = /"UNQUOTEDNone"/g;
+	return jsonString.replace(regexNone, "None");
+}
+
+export function format_latency(val: number): string {
+	if (val < 1) return `${Math.round(val * 1000)} ms`;
+	return `${val.toFixed(2)} s`;
+}
+
+export function get_color_from_success_rate(success_rate: number): string {
+	if (success_rate > 0.9) {
+		return "color: green;";
+	} else if (success_rate > 0.1) {
+		return "color: orange;";
+	}
+	return "color: red;";
+}
diff --git a/js/core/src/css.ts b/js/core/src/css.ts
new file mode 100644
index 0000000..8f0452c
--- /dev/null
+++ b/js/core/src/css.ts
@@ -0,0 +1,119 @@
+let supports_adopted_stylesheets = false;
+
+if (
+	typeof window !== "undefined" &&
+	"attachShadow" in Element.prototype &&
+	"adoptedStyleSheets" in Document.prototype
+) {
+	// Both Shadow DOM and adoptedStyleSheets are supported
+	const shadow_root_test = document
+		.createElement("div")
+		.attachShadow({ mode: "open" });
+	supports_adopted_stylesheets = "adoptedStyleSheets" in shadow_root_test;
+}
+
+export function mount_css(url: string, target: HTMLElement): Promise<void> {
+	const base = new URL(import.meta.url).origin;
+	var _url = url;
+	if (window.location.origin !== base) {
+		// Serving assets over a CDN, generate absolute url
+		_url = new URL(url, base).href;
+	}
+	const existing_link = document.querySelector(`link[href='${_url}']`);
+	if (existing_link) return Promise.resolve();
+
+	const link = document.createElement("link");
+	link.rel = "stylesheet";
+	link.href = _url;
+
+	return new Promise((res, rej) => {
+		link.addEventListener("load", () => res());
+		link.addEventListener("error", () => {
+			console.error(`Unable to preload CSS for ${_url}`);
+			res();
+		});
+		target.appendChild(link);
+	});
+}
+
+export function prefix_css(
+	string: string,
+	version: string,
+	style_element?: HTMLStyleElement
+): string | null {
+	if (!supports_adopted_stylesheets) return string;
+	if (!style_element) {
+		style_element = document.createElement("style");
+	}
+	style_element.remove();
+
+	const stylesheet = new CSSStyleSheet();
+	stylesheet.replaceSync(string);
+
+	let importString = "";
+	string = string.replace(/@import\s+url\((.*?)\);\s*/g, (match, url) => {
+		importString += `@import url(${url});\n`;
+		return ""; // remove and store any @import statements from the CSS
+	});
+
+	const rules = stylesheet.cssRules;
+
+	let css_string = "";
+	let gradio_css_infix = `.gradio-container.gradio-container-${version} .contain `;
+
+	for (let i = 0; i < rules.length; i++) {
+		const rule = rules[i];
+
+		let is_dark_rule = rule.cssText.includes(".dark");
+		if (rule instanceof CSSStyleRule) {
+			const selector = rule.selectorText;
+			if (selector) {
+				const new_selector = selector
+					.replace(".dark", "")
+					.split(",")
+					.map(
+						(s) =>
+							`${is_dark_rule ? ".dark" : ""} ${gradio_css_infix} ${s.trim()} `
+					)
+					.join(",");
+
+				css_string += rule.cssText;
+				css_string += rule.cssText.replace(selector, new_selector);
+			}
+		} else if (rule instanceof CSSMediaRule) {
+			let mediaCssString = `@media ${rule.media.mediaText} {`;
+			for (let j = 0; j < rule.cssRules.length; j++) {
+				const innerRule = rule.cssRules[j];
+				if (innerRule instanceof CSSStyleRule) {
+					let is_dark_rule = innerRule.cssText.includes(".dark ");
+					const selector = innerRule.selectorText;
+					const new_selector = selector
+						.replace(".dark", "")
+						.split(",")
+						.map(
+							(s) =>
+								`${
+									is_dark_rule ? ".dark" : ""
+								} ${gradio_css_infix} ${s.trim()} `
+						)
+						.join(",");
+					mediaCssString += innerRule.cssText.replace(selector, new_selector);
+				}
+			}
+			mediaCssString += "}";
+			css_string += mediaCssString;
+		} else if (rule instanceof CSSKeyframesRule) {
+			css_string += `@keyframes ${rule.name} {`;
+			for (let j = 0; j < rule.cssRules.length; j++) {
+				const innerRule = rule.cssRules[j];
+				if (innerRule instanceof CSSKeyframeRule) {
+					css_string += `${innerRule.keyText} { ${innerRule.style.cssText} }`;
+				}
+			}
+			css_string += "}";
+		} else if (rule instanceof CSSFontFaceRule) {
+			css_string += `@font-face { ${rule.style.cssText} }`;
+		}
+	}
+	return importString + css_string;
+}
diff --git a/js/core/src/dependency.ts b/js/core/src/dependency.ts
new file mode 100644
index 0000000..141c8fb
--- /dev/null
+++ b/js/core/src/dependency.ts
@@ -0,0 +1,982 @@
+import type {
+	ComponentMeta,
+	DependencyTypes,
+	Dependency as IDependency,
+	LayoutNode,
+	Payload
+} from "./types.js";
+import { AsyncFunction } from "./init_utils";
+import { Client, type client_return } from "@gradio/client";
+import {
+	LoadingStatusState,
+	type LoadingStatusArgs
+} from "@gradio/statustracker";
+import type { ToastMessage } from "@gradio/statustracker";
+import type {
+	StatusMessage,
+	ValidationError,
+	LogMessage
+} from "@gradio/client";
+const MESSAGE_QUOTE_RE = /^'([^]+)'$/;
+
+const NOVALUE = Symbol("NOVALUE");
+/**
+ * A dependency as used by the frontend
+ * This class represents a discrete dependency that can be triggered by an event
+ * It is responsible calling the appropriate functions and reporting back results
+ */
+export class Dependency {
+	id: number;
+	inputs: number[];
+	outputs: number[];
+	cancels: number[];
+	pending = false;
+	trigger_modes: "once" | "multiple" | "always_last";
+	event_args: Record<string, unknown> = {};
+	targets: [number, string][] = [];
+	connection_type: "stream" | "sse";
+
+	// if this dependency has any then, success or failure triggers
+	triggers: [number, "success" | "failure" | "all"][] = [];
+
+	// the id of the original event_id that caused this dependency to run
+	// in the case of chained events, it would be the id of the initial trigger
+	original_trigger_id: number | null = null;
+	show_progress_on: number[] | null = null;
+	component_prop_inputs: number[] = [];
+	show_progress: "full" | "minimal" | "hidden";
+
+	functions: {
+		frontend?: (...args: unknown[]) => Promise<unknown[]>;
+		backend: boolean;
+		backend_js?: (...args: unknown[]) => Promise<unknown[]>;
+	};
+
+	constructor(dep_config: IDependency) {
+		this.id = dep_config.id;
+		this.original_trigger_id = dep_config.id;
+		this.inputs = dep_config.inputs;
+		this.outputs = dep_config.outputs;
+		this.connection_type = dep_config.connection;
+		this.show_progress = dep_config.show_progress;
+		this.functions = {
+			frontend: dep_config.js
+				? process_frontend_fn(
+						dep_config.js,
+						dep_config.backend_fn,
+						dep_config.inputs.length,
+						dep_config.outputs.length
+					)
+				: undefined,
+			backend: dep_config.backend_fn,
+			backend_js: dep_config.js_implementation
+				? new AsyncFunction(
+						`let result = await (${dep_config.js_implementation})(...arguments);
+						return (!Array.isArray(result)) ? [result] : result;`
+					)
+				: undefined
+		};
+		this.targets = dep_config.targets;
+		this.cancels = dep_config.cancels;
+		this.trigger_modes = dep_config.trigger_mode;
+		this.show_progress_on = dep_config.show_progress_on || null;
+		this.component_prop_inputs = dep_config.component_prop_inputs || [];
+
+		for (let i = 0; i < dep_config.event_specific_args?.length || 0; i++) {
+			const key = dep_config.event_specific_args[i];
+			this.event_args[key] = dep_config[key] ?? null;
+		}
+	}
+
+	async run(
+		client: client_return,
+		data_payload: unknown[],
+		event_data: unknown,
+		target_id: number | null | undefined
+	): Promise<
+		| { type: "data"; data: unknown[] }
+		| { type: "void"; data: null }
+		| { type: "submit"; data: ReturnType<client_return["submit"]> }
+	> {
+		let _data_payload = data_payload;
+
+		// if the function is backend_js, then it's the entire event
+		// no need to chain frontend and backend
+		if (this.functions.backend_js) {
+			const data = await this.functions.backend_js(..._data_payload);
+			return { type: "data", data };
+		}
+
+		// If it has a js implementation, the correct behavior
+		// is to run that and pass the output to the backend
+		if (this.functions.frontend) {
+			_data_payload = await this.functions.frontend(data_payload);
+		}
+
+		if (this.functions.backend) {
+			return {
+				type: "submit",
+				data: client.submit(
+					this.id,
+					_data_payload,
+					event_data,
+					target_id,
+					undefined,
+					{ "x-gradio-user": "app" }
+				)
+			};
+		} else if (this.functions.frontend) {
+			return { type: "data", data: _data_payload };
+		}
+		return { type: "void", data: null };
+	}
+
+	add_trigger(dep_id: number, condition: "success" | "failure" | "all") {
+		this.triggers.push([dep_id, condition]);
+	}
+
+	get_triggers(): { success: number[]; failure: number[]; all: number[] } {
+		return {
+			success: this.triggers
+				.filter(([, condition]) => condition === "success")
+				.map(([id]) => id),
+			failure: this.triggers
+				.filter(([, condition]) => condition === "failure")
+				.map(([id]) => id),
+			all: this.triggers
+				.filter(([, condition]) => condition === "all")
+				.map(([id]) => id)
+		};
+	}
+}
+
+interface DispatchFunction {
+	type: "fn";
+	event_data: unknown;
+	fn_index?: number;
+	target_id?: number;
+}
+
+interface DispatchEvent {
+	type: "event";
+	event_name?: string;
+	target_id?: number;
+	event_data: unknown;
+}
+
+type UpdateStateCallback = (
+	id: number,
+	state: Record<string, unknown>,
+	check_visibility?: boolean
+) => Promise<void>;
+type GetStateCallback = (id: number) => Promise<Record<string, unknown> | null>;
+type RerenderCallback = (
+	components: ComponentMeta[],
+	layout: LayoutNode
+) => void;
+type LogCallback = (
+	title: string,
+	message: string,
+	fn_index: number,
+	type: ToastMessage["type"],
+	duration?: number | null,
+	visible?: boolean
+) => void;
+
+/**
+ * Manages all dependencies for an app acting as a bridge between app state and Dependencies
+ * Responsible for registering dependencies and dispatching events to them
+ * It is also responsible for orchestrating dependencies based on the follwing:
+ * - Cancelling dependencies
+ * - Ensuring individual dependencies respect `trigger_mode`
+ * - Managing then, success and failure events
+ * - Ensuring that dependencies bound to the same id are treated a single unit
+ * - updating loading states
+ * - updating component states
+ */
+export class DependencyManager {
+	dependencies_by_fn: Map<number, Dependency> = new Map();
+	dependencies_by_event: Map<string, Dependency[]> = new Map();
+	render_id_deps = new Map<number, Set<number>>();
+
+	submissions: Map<number, ReturnType<Client["submit"]>> = new Map();
+	client: Client;
+	queue: Set<number> = new Set();
+	add_to_api_calls: (payload: Payload) => void;
+
+	update_state_cb: UpdateStateCallback;
+	get_state_cb: GetStateCallback;
+	rerender_cb: RerenderCallback;
+	log_cb: LogCallback;
+	on_connection_lost_cb: () => void;
+
+	loading_stati = new LoadingStatusState();
+	connection_lost = false;
+
+	constructor(
+		dependencies: IDependency[],
+		client: Client,
+		update_state_cb: (
+			id: number,
+			state: Record<string, unknown>,
+			check_visibility?: boolean
+		) => Promise<void>,
+		get_state_cb: (id: number) => Promise<Record<string, unknown> | null>,
+		rerender_cb: (components: ComponentMeta[], layout: LayoutNode) => void,
+		log_cb: (
+			title: string,
+			message: string,
+			fn_index: number,
+			type: ToastMessage["type"],
+			duration?: number | null,
+			visible?: boolean
+		) => void,
+		add_to_api_calls: (payload: Payload) => void,
+		on_connection_lost_cb: () => void
+	) {
+		this.add_to_api_calls = add_to_api_calls;
+		this.log_cb = log_cb;
+		this.update_state_cb = update_state_cb;
+		this.get_state_cb = get_state_cb;
+		this.rerender_cb = rerender_cb;
+		this.on_connection_lost_cb = on_connection_lost_cb;
+		this.client = client;
+		this.reload(
+			dependencies,
+			update_state_cb,
+			get_state_cb,
+			rerender_cb,
+			client
+		);
+	}
+
+	reload(
+		dependencies: IDependency[],
+		update_state: UpdateStateCallback,
+		get_state: GetStateCallback,
+		rerender: RerenderCallback,
+		client: Client
+	) {
+		const { by_id, by_event } = this.create(dependencies);
+		this.dependencies_by_event = by_event;
+		this.dependencies_by_fn = by_id;
+		this.client = client;
+		this.update_state_cb = update_state;
+		this.get_state_cb = get_state;
+		this.rerender_cb = rerender;
+		for (const [dep_id, dep] of this.dependencies_by_fn) {
+			for (const [output_id] of dep.targets) {
+				this.set_event_args(output_id, dep.event_args);
+			}
+		}
+		this.register_loading_stati(by_id);
+	}
+	register_loading_stati(deps: Map<number, Dependency>): void {
+		for (const [_, dep] of deps) {
+			this.loading_stati.register(
+				dep.id,
+				dep.show_progress_on || dep.outputs,
+				dep.inputs,
+				dep.show_progress
+			);
+		}
+	}
+
+	clear_loading_status(component_id: number): void {
+		this.loading_stati.clear(component_id);
+	}
+
+	async update_loading_stati_state() {
+		for (const [component_id, loading_status] of Object.entries(
+			this.loading_stati.current
+		)) {
+			this.update_state_cb(
+				Number(component_id),
+				{
+					loading_status: loading_status
+				},
+				false
+			);
+		}
+	}
+
+	dispatch_state_change_events(result: StatusMessage): void {
+		if (result.changed_state_ids) {
+			for (const changed_id of result.changed_state_ids) {
+				const change_dep = this.dependencies_by_event.get(
+					"change-" + changed_id
+				);
+				change_dep?.forEach((dep) => {
+					this.dispatch({
+						type: "fn",
+						fn_index: dep.id,
+						target_id: changed_id,
+						event_data: null
+					});
+				});
+			}
+		}
+	}
+
+	/** Dispatches an event to the appropriate dependency
+	 * @param event_name the name of the event
+	 * @param target_id the id of the component that triggered the event
+	 * @param event_data any additional data to pass to the dependency
+	 * @returns a value if there is no backend fn, a 'submission' if there is a backend fn, or null if there is no dependency
+	 */
+	async dispatch(event_meta: DispatchFunction | DispatchEvent): Promise<void> {
+		if (this.connection_lost) return;
+		let deps: Dependency[] | undefined;
+		if (event_meta.type === "fn") {
+			const dep = this.dependencies_by_fn.get(event_meta.fn_index!);
+			if (dep) deps = [dep];
+		} else {
+			deps = this.dependencies_by_event.get(
+				`${event_meta.event_name}-${event_meta.target_id}`
+			);
+		}
+		for (let i = 0; i < (deps?.length || 0); i++) {
+			const dep = deps ? deps[i] : undefined;
+			if (dep) {
+				this.cancel(dep.cancels);
+
+				const dispatch_status = should_dispatch(
+					dep.trigger_modes,
+					this.submissions.has(dep.id)
+				);
+
+				if (dispatch_status === "skip") {
+					continue;
+				} else if (dispatch_status === "defer") {
+					this.queue.add(dep.id);
+					continue;
+				}
+
+				// No loading status for js-only deps
+				if (dep.functions.backend) {
+					this.loading_stati.update({
+						status: "pending",
+						fn_index: dep.id,
+						stream_state: null
+					});
+					this.update_loading_stati_state();
+				}
+
+				const data_payload = await this.gather_state(
+					dep.inputs,
+					dep.component_prop_inputs
+				);
+				const unset_args = await Promise.all(
+					dep.targets.map(([output_id]) =>
+						this.set_event_args(output_id, dep.event_args)
+					)
+				);
+
+				const { success, failure, all } = dep.get_triggers();
+
+				try {
+					let target_id: number | null = null;
+					if (
+						event_meta.target_id !== undefined ||
+						event_meta.type === "event"
+					) {
+						target_id = event_meta.target_id || null;
+					} else {
+						target_id = dep.original_trigger_id;
+					}
+
+					if (
+						dep.connection_type === "stream" &&
+						this.submissions.has(dep.id)
+					) {
+						const submission = this.submissions.get(dep.id);
+						let payload: Payload = {
+							fn_index: dep.id,
+							data: data_payload,
+							event_data: event_meta.event_data
+						};
+						submission!.send_chunk(payload as any);
+						unset_args.forEach((fn) => fn());
+						continue;
+					}
+
+					this.add_to_api_calls({
+						fn_index: dep.id,
+						data: data_payload,
+						event_data: event_meta.event_data,
+						trigger_id: target_id
+					});
+					const dep_submission = await dep.run(
+						this.client,
+						data_payload,
+						event_meta.event_data,
+						target_id
+					);
+
+					if (dep_submission.type === "void") {
+						unset_args.forEach((fn) => fn());
+					} else if (dep_submission.type === "data") {
+						await this.handle_data(dep.outputs, dep_submission.data);
+						unset_args.forEach((fn) => fn());
+					} else {
+						let stream_state: "open" | "closed" | "waiting" | null = null;
+
+						if (
+							dep.connection_type === "stream" &&
+							!this.submissions.has(dep.id)
+						) {
+							stream_state = "waiting";
+						}
+
+						this.submissions.set(dep.id, dep_submission.data);
+						let index = 0;
+						// fn for this?
+						submit_loop: for await (const result of dep_submission.data) {
+							if (index === 0) {
+								// Clear out previously set validation errors
+								dep.inputs.forEach((input_id) => {
+									this.update_state_cb(
+										input_id,
+										{
+											loading_status: {
+												validation_error: null
+											}
+										},
+										false
+									);
+								});
+							}
+							index += 1;
+							if (result === null) continue;
+							if (result.type === "data") {
+								await this.handle_data(dep.outputs, result.data);
+							}
+							if (result.type === "status") {
+								if (
+									result.original_msg === "process_starts" &&
+									dep.connection_type === "stream"
+								) {
+									stream_state = "open";
+								}
+								const { fn_index, ...status } = result;
+
+								// handle status updates here
+								if (result.stage === "complete") {
+									stream_state = "closed";
+									success.forEach((dep_id) => {
+										this.dispatch({
+											type: "fn",
+											fn_index: dep_id,
+											event_data: null,
+											target_id: target_id as number | undefined
+										});
+									});
+									this.dispatch_state_change_events(result);
+									// @ts-ignore
+									this.loading_stati.update({
+										...status,
+										status: status.stage,
+										fn_index: dep.id,
+										stream_state
+									});
+									this.update_loading_stati_state();
+									break submit_loop;
+								} else if (
+									result.stage === "generating" ||
+									result.stage === "streaming"
+								) {
+									this.dispatch_state_change_events(result);
+									// @ts-ignore
+									this.loading_stati.update({
+										...status,
+										status: status.stage,
+										fn_index: dep.id,
+										stream_state
+									});
+									this.update_loading_stati_state();
+								} else if (result.stage === "error") {
+									if (result.broken || result.session_not_found) {
+										if (!this.connection_lost) {
+											this.connection_lost = true;
+											this.on_connection_lost_cb();
+										}
+										this.loading_stati.update({
+											status: "complete",
+											fn_index: dep.id,
+											stream_state: null
+										});
+										this.update_loading_stati_state();
+										break submit_loop;
+									}
+									if (Array.isArray(result?.message)) {
+										result.message.forEach((m: ValidationError, i) => {
+											this.update_state_cb(
+												dep.inputs[i],
+												{
+													loading_status: {
+														validation_error: !m.is_valid ? m.message : null,
+														show_validation_error: true
+													}
+												},
+												false
+											);
+										});
+
+										// Manually set the output statuses to null
+										// Doing this in update_loading_stati_state would
+										// validation errors set above
+										// For example, if the input component is an output component (chatinterface)
+										dep.outputs.forEach((output_id) => {
+											if (dep.inputs.includes(output_id)) return;
+											this.update_state_cb(
+												output_id,
+												{
+													loading_status: {
+														status: null
+													}
+												},
+												false
+											);
+										});
+										unset_args.forEach((fn) => fn());
+										this.submissions.delete(dep.id);
+										if (this.queue.has(dep.id)) {
+											this.queue.delete(dep.id);
+											this.dispatch(event_meta);
+										}
+										return;
+									}
+
+									const _message = result?.message?.replace(
+										MESSAGE_QUOTE_RE,
+										(_, b) => b
+									);
+									this.log_cb(
+										//@ts-ignore
+										result?._title ?? "Error",
+										_message || "",
+										fn_index,
+										"error",
+										status.duration,
+										status.visible
+									);
+									throw new Error("Dependency function failed");
+								} else {
+									// @ts-ignore
+									this.loading_stati.update({
+										...status,
+										status: status.stage,
+										fn_index: dep.id,
+										stream_state
+									});
+									this.update_loading_stati_state();
+								}
+							}
+
+							if (result.type === "render") {
+								this.loading_stati.update({
+									status: "complete",
+									fn_index: dep.id,
+									stream_state: null
+								});
+								this.update_loading_stati_state();
+								const { layout, components, render_id, dependencies } =
+									result.data;
+
+								this.rerender_cb(components, layout);
+								// update dependencies
+								const { by_id, by_event } = this.create(
+									dependencies as unknown as IDependency[]
+								);
+								this.register_loading_stati(by_id);
+
+								by_id.forEach((dep) =>
+									this.dependencies_by_fn.set(dep.id, dep)
+								);
+								by_event.forEach((dep, key) =>
+									this.dependencies_by_event.set(key, dep)
+								);
+								const current_deps = this.render_id_deps.get(render_id);
+								if (current_deps) {
+									current_deps.forEach((old_dep_id) => {
+										if (!by_id.has(old_dep_id)) {
+											this.dependencies_by_fn.delete(old_dep_id);
+										}
+									});
+								}
+								this.render_id_deps.set(
+									render_id,
+									new Set(Array.from(by_id.keys()))
+								);
+								this.register_loading_stati(by_id);
+								break submit_loop;
+							}
+
+							if (result.type === "log") {
+								this.handle_log(result);
+							}
+						}
+						all.forEach((dep_id) => {
+							this.dispatch({
+								type: "fn",
+								fn_index: dep_id,
+								event_data: null,
+								target_id: target_id as number | undefined
+							});
+						});
+						unset_args.forEach((fn) => fn());
+						this.submissions.delete(dep.id);
+
+						if (this.queue.has(dep.id)) {
+							this.queue.delete(dep.id);
+							this.dispatch(event_meta);
+						}
+					}
+				} catch (error) {
+					this.loading_stati.update({
+						status: "error",
+						fn_index: dep.id,
+						eta: 0,
+						queue: false,
+						stream_state: null
+					});
+					this.update_loading_stati_state();
+					this.submissions.delete(dep.id);
+					failure.forEach((dep_id) => {
+						this.dispatch({
+							type: "fn",
+							fn_index: dep_id,
+							event_data: null
+						});
+					});
+				}
+			}
+		}
+		return;
+	}
+
+	/**
+	 *  Creates a map of dependencies for easy lookup
+	 *
+	 * @param dependencies the list of dependencies from the backend
+	 * @returns a map of dependencies keyed by `${event_name}-${target_id}`
+	 * */
+	create(dependencies: IDependency[]): {
+		by_id: Map<number, Dependency>;
+		by_event: Map<string, Dependency[]>;
+	} {
+		const _deps_by_id = new Map<number, Dependency>();
+		const _deps_by_event = new Map<string, Dependency[]>();
+		const then_triggers: [number, number, "success" | "failure" | "all"][] = [];
+
+		for (const dep_config of dependencies) {
+			const dependency = new Dependency(dep_config);
+
+			for (const [target_id, event_name] of dep_config.targets) {
+				// if the key is already present, add it to the list. Otherwise, create a new element with the list
+				if (!_deps_by_event.has(`${event_name}-${target_id}`)) {
+					_deps_by_event.set(`${event_name}-${target_id}`, []);
+				}
+				_deps_by_event.get(`${event_name}-${target_id}`)?.push(dependency);
+			}
+
+			_deps_by_id.set(dep_config.id, dependency);
+
+			if (dep_config.trigger_after !== undefined) {
+				const then_mode = dep_config.trigger_only_on_failure
+					? "failure"
+					: dep_config.trigger_only_on_success
+						? "success"
+						: "all";
+
+				then_triggers.push([
+					dep_config.id,
+					dep_config.trigger_after,
+					then_mode
+				]);
+			}
+		}
+
+		for (const [dep_id, trigger_after, condition] of then_triggers) {
+			const dependency = _deps_by_id.get(trigger_after);
+			if (dependency) {
+				dependency.add_trigger(dep_id, condition);
+				dependency.original_trigger_id = walk_after_to_original(
+					dependencies,
+					trigger_after
+				);
+			}
+		}
+
+		return { by_id: _deps_by_id, by_event: _deps_by_event };
+	}
+
+	handle_log(msg: LogMessage): void {
+		const { title, log, fn_index, level, duration, visible } = msg;
+
+		this.log_cb(title, log, fn_index, level, duration, visible);
+	}
+
+	/**
+	 *  Updates the state of the outputs based on the data received from the dependency
+	 *
+	 * @param outputs the ids of the output components
+	 * @param data the data to update the components with
+	 * */
+	async handle_data(outputs: number[], data: unknown[]) {
+		await Promise.all(
+			outputs.map(async (output_id, i) => {
+				const _data = data[i] === undefined ? NOVALUE : data[i];
+				if (_data === NOVALUE) return;
+
+				if (is_prop_update(_data)) {
+					let pending_visibility_update = false;
+					let pending_visibility_value = null;
+					for (const [update_key, update_value] of Object.entries(_data)) {
+						if (update_key === "__type__") continue;
+						if (update_key === "visible") {
+							pending_visibility_update = true;
+							pending_visibility_value = update_value;
+							continue;
+						}
+						await this.update_state_cb(
+							outputs[i],
+							{
+								[update_key]: update_value
+							},
+							false
+						);
+					}
+					if (pending_visibility_update) {
+						await this.update_state_cb(
+							outputs[i],
+							{
+								visible: pending_visibility_value
+							},
+							true
+						);
+					}
+				} else {
+					await this.update_state_cb(output_id, { value: _data }, false);
+				}
+			})
+		);
+	}
+
+	/**
+	 * Gathers the current state of the inputs
+	 *
+	 * @param ids the ids of the components to gather state from
+	 * @param prop_indices the indices (relative to ids array) that should return all component props instead of just the value
+	 * @returns an array of the current state of the components, in the same order as the ids
+	 */
+	async gather_state(
+		ids: number[],
+		prop_indices: number[] = []
+	): Promise<(unknown | null)[]> {
+		return (await Promise.all(ids.map((id) => this.get_state_cb(id)))).map(
+			(state, index) => {
+				if (prop_indices.includes(index)) {
+					return state ?? null;
+				}
+				return state?.value ?? null;
+			}
+		);
+	}
+
+	/** Sets the event arguments for a specific component
+	 *
+	 * @param id the id of the component to set the event arguments for
+	 * @param args the event arguments to set
+	 * @returns a function that can be called to reset the event arguments to their previous values
+	 */
+	async set_event_args(
+		id: number,
+		args: Record<string, unknown>
+	): Promise<() => void> {
+		let current_args: Record<string, unknown> = {};
+		const current_state = await this.get_state_cb?.(id);
+		if (!current_state) return () => {};
+		for (const [key] of Object.entries(args)) {
+			current_args[key] = current_state?.[key] ?? null;
+		}
+
+		if (Object.keys(args).length === 0) {
+			return () => {
+				// do nothing
+			};
+		}
+
+		await this.update_state_cb(id, args, false);
+
+		return () => {
+			this.update_state_cb(id, current_args, false);
+		};
+	}
+
+	async cancel(ids: number[] | undefined): Promise<void> {
+		if (!ids) return;
+
+		for (const id of ids) {
+			const submission = this.submissions.get(id);
+			if (submission) {
+				await submission.cancel();
+				this.loading_stati.update({
+					status: "complete",
+					fn_index: id,
+					eta: 0,
+					queue: false,
+					stream_state: null
+				});
+				this.update_loading_stati_state();
+				this.submissions.delete(id);
+				// Need to trigger any dependencies that are waiting for this one to complete
+				const { failure, all } = this.dependencies_by_fn
+					.get(id)
+					?.get_triggers() || { failure: [], all: [] };
+				failure.forEach((dep_id) => {
+					this.dispatch({
+						type: "fn",
+						fn_index: dep_id,
+						event_data: null,
+						target_id: id
+					});
+				});
+				all.forEach((dep_id) => {
+					this.dispatch({
+						type: "fn",
+						fn_index: dep_id,
+						event_data: null,
+						target_id: id
+					});
+				});
+			}
+		}
+	}
+
+	dispatch_load_events() {
+		this.dependencies_by_fn.forEach((dep) => {
+			dep.targets.forEach(([target_id, event_name]) => {
+				if (event_name === "load") {
+					this.dispatch({
+						type: "fn",
+						fn_index: dep.id,
+						event_data: null,
+						target_id: target_id
+					});
+				}
+			});
+		});
+	}
+
+	get_fns_from_targets(target_id: number): number[] {
+		const fn_indices: number[] = [];
+		this.dependencies_by_event.forEach((deps, key) => {
+			const [, dep_target_id] = key.split("-");
+			if (Number(dep_target_id) === target_id) {
+				deps.forEach((dep) => {
+					fn_indices.push(dep.id);
+				});
+			}
+		});
+		return fn_indices;
+	}
+
+	close_stream(id: number): void {
+		const fn_ids = this.get_fns_from_targets(id);
+
+		for (const fn_id of fn_ids) {
+			const submission = this.submissions.get(fn_id);
+			if (submission) {
+				submission.close_stream();
+				this.submissions.delete(fn_id);
+			}
+
+			this.loading_stati.update({
+				status: "complete",
+				fn_index: fn_id,
+				eta: 0,
+				queue: false,
+				stream_state: "closed"
+			});
+		}
+
+		this.update_loading_stati_state();
+	}
+}
+
+function is_prop_update(payload: unknown): payload is Record<string, unknown> {
+	return (
+		typeof payload === "object" &&
+		payload !== null &&
+		"__type__" in payload &&
+		payload?.__type__ === "update"
+	);
+}
+
+function should_dispatch(
+	mode: Dependency["trigger_modes"],
+	is_running: boolean
+): "run" | "skip" | "defer" {
+	if (!is_running) return "run";
+
+	if (mode === "always_last") {
+		return "defer";
+	} else if (mode === "multiple") {
+		return "run";
+	} else if (mode === "once") {
+		return "skip";
+	}
+	return "run";
+}
+
+/**
+ * Takes a string of source code and returns a function that can be called with arguments
+ * @param source the source code
+ * @param backend_fn if there is also a backend function
+ * @param input_length the number of inputs
+ * @param output_length the number of outputs
+ * @returns The function, or null if the source code is invalid or missing
+ */
+export function process_frontend_fn(
+	source: string,
+	backend_fn: boolean,
+	input_length: number,
+	output_length: number
+): (...args: unknown[]) => Promise<unknown[]> {
+	const wrap = backend_fn ? input_length === 1 : output_length === 1;
+	try {
+		return new AsyncFunction(
+			"__fn_args",
+			`  let result = await (${source})(...__fn_args);
+  if (typeof result === "undefined") return [];
+  return (${wrap} && !Array.isArray(result)) ? [result] : result;`
+		);
+	} catch (e) {
+		throw e;
+	}
+}
+
+/**
+ * Walks the dependency graph to find the original trigger ID for a given dependency.
+ * @param dependency_map The map of all dependencies.
+ * @param dep_id The ID of the dependency to start from.
+ * @returns The ID of the original trigger dependency, or the input ID if not found.
+ */
+function walk_after_to_original(dependency_map: IDependency[], dep_id: number) {
+	// TODO: hoist this cache later so it is useful across multiple calls
+	let cache = new Map<number, IDependency>();
+	let current_id = dep_id;
+	let safety_counter = 0;
+	while (safety_counter < 100) {
+		const dep =
+			cache.get(current_id) || dependency_map.find((d) => d.id === current_id);
+		if (!dep) break;
+		cache.set(dep.id, dep);
+		if (dep.trigger_after === null || dep.trigger_after === undefined) break;
+
+		current_id = dep.trigger_after;
+		safety_counter += 1;
+	}
+	return current_id;
+}
diff --git a/js/core/src/gradio_helper.ts b/js/core/src/gradio_helper.ts
new file mode 100644
index 0000000..a044841
--- /dev/null
+++ b/js/core/src/gradio_helper.ts
@@ -0,0 +1,30 @@
+import { _ } from "svelte-i18n";
+import { get, derived } from "svelte/store";
+export { Gradio } from "@gradio/utils";
+import { I18N_MARKER, translate_i18n_marker } from "@gradio/utils";
+
+export type I18nFormatter = typeof formatter;
+
+export function formatter(value: string | null | undefined): string {
+	if (value == null) {
+		return "";
+	}
+	const string_value = String(value);
+	const translate = get(_);
+
+	if (string_value.includes(I18N_MARKER)) {
+		return translate_i18n_marker(string_value, translate);
+	}
+
+	const direct_translation = translate(string_value);
+	if (
+		typeof direct_translation === "string" &&
+		direct_translation !== string_value
+	) {
+		return direct_translation;
+	}
+
+	return string_value;
+}
+
+export const reactive_formatter = derived(_, () => formatter);
diff --git a/js/core/src/i18n.test.ts b/js/core/src/i18n.test.ts
new file mode 100644
index 0000000..27c39c5
--- /dev/null
+++ b/js/core/src/i18n.test.ts
@@ -0,0 +1,217 @@
+import {
+	describe,
+	test,
+	expect,
+	assert,
+	vi,
+	beforeEach,
+	afterEach
+} from "vitest";
+import { Lang, process_langs } from "./i18n";
+// wikidata-lang/indexes/by_any_code uses Node.js createRequire internally.
+// Import the raw JSON data and build the index directly for browser compatibility.
+import languages from "wikidata-lang/data/languages.json";
+import BCP47 from "./lang/BCP47_codes";
+
+const languagesByAnyCode: Record<string, any[]> = {};
+for (const langData of languages) {
+	for (const codeName of [
+		"wmCode",
+		"iso6391",
+		"iso6392",
+		"iso6393",
+		"iso6396"
+	]) {
+		const codes = (langData as Record<string, any>)[codeName];
+		if (!codes) continue;
+		for (const code of codes) {
+			if (languagesByAnyCode[code] == null) {
+				languagesByAnyCode[code] = [langData];
+			} else if (!languagesByAnyCode[code].includes(langData)) {
+				languagesByAnyCode[code].push(langData);
+			}
+		}
+	}
+}
+import {
+	get_initial_locale,
+	load_translations,
+	changeLocale,
+	is_translation_metadata
+} from "./i18n";
+import { formatter } from "./gradio_helper";
+import { loading } from "./lang/loading";
+
+const loading_count = Object.keys(loading).length;
+
+vi.mock("svelte-i18n", () => ({
+	locale: { set: vi.fn() },
+	_: vi.fn((key) => `translated_${key}`),
+	addMessages: vi.fn(),
+	init: vi.fn().mockResolvedValue(undefined),
+	getLocaleFromNavigator: vi.fn(() => "en"),
+	register: vi.fn(),
+	waitLocale: vi.fn().mockResolvedValue(undefined)
+}));
+
+const mock_translations: Record<string, string> = {
+	"common.submit": "Submit",
+	"common.name": "Name",
+	"common.greeting": "Hello",
+	"common.submit_es": "Enviar",
+	"common.name_es": "Nombre"
+};
+
+vi.mock("svelte/store", () => ({
+	get: vi.fn(() => (key: string) => mock_translations[key] ?? key),
+	derived: vi.fn(),
+	fromStore: vi.fn()
+}));
+
+import { locale, init, addMessages } from "svelte-i18n";
+
+describe("i18n", () => {
+	test("languages are loaded correctly", () => {
+		const langs = process_langs();
+		assert.ok(langs.en);
+		assert.ok((langs.en as { type: "static"; data: Lang }).data.common);
+	});
+
+	test("language codes follow the correct format", async () => {
+		const langs = Object.entries(process_langs());
+
+		await Promise.all(
+			langs.map(async ([code, translation]) => {
+				const BCP47_REGEX = /^.{2}-.{2}$/;
+
+				if (BCP47_REGEX.test(code)) {
+					assert.ok(BCP47.includes(code));
+				} else {
+					assert.exists(languagesByAnyCode[code]);
+				}
+
+				let data: Lang;
+				if (translation.type === "lazy") {
+					data = await translation.data();
+				} else {
+					data = translation.data;
+				}
+				assert.ok(data.common);
+			})
+		);
+	});
+
+	describe("locale management", () => {
+		test("get_initial_locale returns browser locale when available", () => {
+			const result = get_initial_locale("fr", ["en", "fr", "de"]);
+			expect(result).toBe("fr");
+		});
+
+		test("get_initial_locale falls back to fallback locale when browser locale not available", () => {
+			const result = get_initial_locale("es", ["en", "fr", "de"]);
+			expect(result).toBe("en");
+		});
+
+		test("get_initial_locale falls back to fallback locale when browser locale is null", () => {
+			const result = get_initial_locale(null, ["en", "fr", "de"]);
+			expect(result).toBe("en");
+		});
+
+		test("get_initial_locale uses custom fallback locale when provided", () => {
+			const result = get_initial_locale("es", ["en", "fr", "de"], "de");
+			expect(result).toBe("de");
+		});
+	});
+
+	describe("i18n setup and initialization", () => {
+		beforeEach(() => {
+			vi.clearAllMocks();
+		});
+
+		afterEach(() => {
+			vi.resetAllMocks();
+		});
+
+		test("load_translations adds messages for each language", () => {
+			const mockAddMessages = addMessages as unknown as ReturnType<
+				typeof vi.fn
+			>;
+
+			const custom_translations = {
+				en: {
+					greeting: "Hello"
+				},
+				fr: {
+					greeting: "Bonjour"
+				}
+			};
+
+			load_translations({ processed_langs: {}, custom_translations });
+
+			expect(mockAddMessages).toHaveBeenCalledTimes(loading_count + 2);
+			expect(mockAddMessages).toHaveBeenCalledWith(
+				"en",
+				custom_translations.en
+			);
+			expect(mockAddMessages).toHaveBeenCalledWith(
+				"fr",
+				custom_translations.fr
+			);
+		});
+
+		test("changeLocale sets the locale correctly", () => {
+			const mockSetLocale = locale.set as unknown as ReturnType<typeof vi.fn>;
+
+			changeLocale("fr");
+
+			expect(mockSetLocale).toHaveBeenCalledWith("fr");
+		});
+	});
+
+	describe("translation metadata handling", () => {
+		test("is_translation_metadata identifies valid metadata objects", () => {
+			expect(
+				is_translation_metadata({
+					__type__: "translation_metadata" as const,
+					key: "test.key"
+				})
+			).toBe(true);
+			expect(is_translation_metadata({ key: "test.key" })).toBe(false);
+
+			expect(Boolean(is_translation_metadata(null))).toBe(false);
+			expect(Boolean(is_translation_metadata(undefined))).toBe(false);
+			expect(Boolean(is_translation_metadata("not an object"))).toBe(false);
+		});
+	});
+
+	describe("formatter", () => {
+		test("translates i18n markers", () => {
+			expect(formatter('__i18n__{"key":"common.submit"}')).toBe("Submit");
+			expect(formatter('Click: __i18n__{"key":"common.submit"}')).toBe(
+				"Click: Submit"
+			);
+			expect(formatter('__i18n__{"key":"common.name"} field')).toBe(
+				"Name field"
+			);
+			expect(formatter('__i18n__{"key":"common.submit_es"}')).toBe("Enviar");
+		});
+
+		test("returns key when no translation exists", () => {
+			expect(formatter('__i18n__{"key":"unknown.key"}')).toBe("unknown.key");
+		});
+
+		test("handles null, undefined, and plain text", () => {
+			expect(formatter(null)).toBe("");
+			expect(formatter(undefined)).toBe("");
+			expect(formatter("Hello world")).toBe("Hello world");
+		});
+
+		test("handles malformed markers", () => {
+			expect(formatter("__i18n__")).toBe("__i18n__");
+			expect(formatter('__i18n__{"key":"test.key"')).toBe(
+				'__i18n__{"key":"test.key"'
+			);
+			expect(formatter("__i18n__{invalid}")).toBe("__i18n__{invalid}");
+		});
+	});
+});
diff --git a/js/core/src/i18n.ts b/js/core/src/i18n.ts
new file mode 100644
index 0000000..ef29c1e
--- /dev/null
+++ b/js/core/src/i18n.ts
@@ -0,0 +1,218 @@
+import {
+	addMessages,
+	init,
+	getLocaleFromNavigator,
+	locale,
+	register,
+	waitLocale
+} from "svelte-i18n";
+import { loading } from "./lang/loading";
+
+const lang_map = {
+	ar: "العربية",
+	ca: "Català",
+	ckb: "کوردی",
+	de: "Deutsch",
+	en: "English",
+	es: "Español",
+	et: "eesti keel",
+	eu: "Euskara",
+	fa: "فارسی",
+	fi: "Suomi",
+	fr: "Français",
+	he: "עברית",
+	hi: "हिंदी",
+	ja: "日本語",
+	ko: "한국어",
+	lt: "Lietuvių",
+	nb: "Norsk bokmål",
+	nl: "Nederlands",
+	pl: "Polski",
+	"pt-BR": "Português do Brasil",
+	pt: "Português",
+	ro: "Română",
+	ru: "Русский",
+	sv: "Svenska",
+	ta: "தமிழ்",
+	th: "ภาษาไทย",
+	tr: "Türkçe",
+	uk: "Українська",
+	ur: "اردو",
+	uz: "O'zbek",
+	"zh-CN": "简体中文",
+	"zh-TW": "繁體中文"
+};
+
+const langs = import.meta.glob("./lang/*.json");
+import en from "./lang/en.json";
+
+export interface I18nData {
+	__type__: "translation_metadata";
+	key: string;
+}
+
+export type Lang = {
+	[key: string]: Record<string, string> | string;
+};
+
+export interface LangsRecord {
+	[lang: string]:
+		| { type: "lazy"; data: () => Promise<Lang> }
+		| { type: "static"; data: Lang };
+}
+
+export function is_translation_metadata(obj: any): obj is I18nData {
+	const result =
+		obj &&
+		typeof obj === "object" &&
+		obj.__type__ === "translation_metadata" &&
+		typeof obj.key === "string";
+
+	return result;
+}
+
+export { I18N_MARKER as i18n_marker } from "@gradio/utils";
+
+export function process_langs(): LangsRecord {
+	const lazy_langs = Object.fromEntries(
+		Object.entries(langs).map(([path, mod]) => [
+			path.split("/").pop()!.split(".")[0],
+			{ type: "lazy", data: mod }
+		])
+	);
+
+	return {
+		...lazy_langs,
+		en: { type: "static", data: en }
+	};
+}
+
+const processed_langs = process_langs();
+const available_locales = Object.keys(processed_langs);
+
+export const language_choices: [string, string][] = Object.entries(
+	processed_langs
+).map(([code]) => [lang_map[code as keyof typeof lang_map] || code, code]);
+
+let i18n_initialized = false;
+let previous_translations: Record<string, Record<string, string>> | undefined;
+
+function get_lang_from_preferred_locale(header: string): string | null {
+	const options = header
+		.split(",")
+		.map((value) =>
+			value.includes(";") ? value.split(";").slice(0, 2) : [value, 1]
+		);
+	options.sort(
+		(a, b) => parseFloat(b[1] as string) - parseFloat(a[1] as string)
+	);
+	for (const [lang, _] of options) {
+		if (available_locales.includes(lang as string)) {
+			return lang as string;
+		}
+	}
+	return null;
+}
+
+export async function setupi18n(
+	custom_translations?: Record<string, Record<string, string>>,
+	preferred_locale?: string
+): Promise<void> {
+	const should_reinitialize =
+		i18n_initialized && custom_translations !== previous_translations;
+
+	if (i18n_initialized && !should_reinitialize) {
+		return;
+	}
+
+	const translations_to_use =
+		custom_translations ?? previous_translations ?? {};
+
+	if (custom_translations !== undefined) {
+		previous_translations = custom_translations;
+	}
+
+	load_translations({
+		processed_langs,
+		custom_translations: translations_to_use
+	});
+
+	let initial_locale: string | null = null;
+	const browser_locale = getLocaleFromNavigator();
+
+	if (preferred_locale) {
+		initial_locale = get_lang_from_preferred_locale(preferred_locale);
+	} else {
+		initial_locale =
+			browser_locale && available_locales.includes(browser_locale)
+				? browser_locale
+				: null;
+	}
+
+	if (!initial_locale) {
+		const normalized_locale = browser_locale?.split("-")[0];
+		initial_locale =
+			normalized_locale && available_locales.includes(normalized_locale)
+				? normalized_locale
+				: "en";
+	}
+
+	await init({
+		fallbackLocale: "en",
+		initialLocale: initial_locale
+	});
+
+	i18n_initialized = true;
+}
+
+export function changeLocale(new_locale: string): void {
+	locale.set(new_locale);
+}
+
+export function get_initial_locale(
+	browser_locale: string | null,
+	available_locales: string[],
+	fallback_locale = "en"
+): string {
+	if (!browser_locale) return fallback_locale;
+
+	if (available_locales.includes(browser_locale)) {
+		return browser_locale;
+	}
+
+	return fallback_locale;
+}
+
+export function load_translations(translations: {
+	processed_langs: LangsRecord;
+	custom_translations: Record<string, Record<string, string>>;
+}): void {
+	if (!translations) {
+		return;
+	}
+
+	try {
+		for (const lang in translations.custom_translations) {
+			addMessages(lang, translations.custom_translations[lang]);
+		}
+
+		for (const lang in translations.processed_langs) {
+			if (
+				lang === "en" &&
+				translations.processed_langs[lang].type === "static"
+			) {
+				addMessages(lang, en);
+			} else if (translations.processed_langs[lang].type === "lazy") {
+				register(lang, translations.processed_langs[lang].data);
+			}
+		}
+	} catch (e) {
+		console.error("Error loading translations:", e);
+	}
+
+	for (const lang in loading) {
+		addMessages(lang, {
+			common: { loading: loading[lang as keyof typeof loading] }
+		});
+	}
+}
diff --git a/js/core/src/images/lightning.svg b/js/core/src/images/lightning.svg
new file mode 100644
index 0000000..5ba9407
--- /dev/null
+++ b/js/core/src/images/lightning.svg
@@ -0,0 +1,2 @@
+<!-- Lightning https://iconscout.com/icons/lightning by IconLauk https://iconscout.com/contributors/icon-lauk on IconScout https://iconscout.com" -->
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 32 32" viewBox="0 0 32 32" id="lightning"><path fill="#ff7c00" d="M26.9,10.5C26.7,10.2,26.4,10,26,10h-9V2c0-0.4-0.3-0.8-0.7-1c-0.4-0.1-0.9,0-1.1,0.4l-10,14c-0.2,0.3-0.3,0.7-0.1,1   C5.3,16.8,5.6,17,6,17h8.8L13,29.9c-0.1,0.5,0.2,0.9,0.6,1.1c0.1,0,0.2,0.1,0.3,0.1c0.3,0,0.7-0.2,0.8-0.5l12-19   C27,11.2,27,10.8,26.9,10.5z"/></svg>
\ No newline at end of file
diff --git a/js/core/src/images/logo.svg b/js/core/src/images/logo.svg
new file mode 100644
index 0000000..9bfb39e
--- /dev/null
+++ b/js/core/src/images/logo.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="576" height="576" viewBox="0 0 576 576" fill="none">
+<path d="M287.5 229L86 344.5L287.5 460L489 344.5L287.5 229Z" stroke="url(#paint0_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M287.5 116L86 231.5L287.5 347L489 231.5L287.5 116Z" stroke="url(#paint1_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M86 344L288 229" stroke="url(#paint2_linear_102_7)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_102_7" x1="60" y1="341" x2="429.5" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_102_7" x1="513.5" y1="231" x2="143.5" y2="231" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_102_7" x1="60" y1="344" x2="428.987" y2="341.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/js/core/src/images/play.svg b/js/core/src/images/play.svg
new file mode 100644
index 0000000..0501c58
--- /dev/null
+++ b/js/core/src/images/play.svg
@@ -0,0 +1,2 @@
+<!-- Play https://iconscout.com/icons/play by Alexandru Stoica https://iconscout.com/contributors/alexandru-stoica on IconScout https://iconscout.com" -->
+<svg xmlns="http://www.w3.org/2000/svg" width="6" height="7" viewBox="0 0 6 7" id="play"><g fill="#999b9e" transform="translate(-347 -3766)"><g transform="translate(56 160)"><path d="M296.495 3608.573l-3.994-2.43c-.669-.408-1.501.107-1.501.926v4.862c0 .82.832 1.333 1.5.927l3.995-2.43c.673-.41.673-1.445 0-1.855"/></g></g></svg>
\ No newline at end of file
diff --git a/js/core/src/images/spaces.svg b/js/core/src/images/spaces.svg
new file mode 100644
index 0000000..c6eb214
--- /dev/null
+++ b/js/core/src/images/spaces.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none">
+  <path fill="#FF3270" d="M1.93 6.03v2.04h2.04V6.03H1.93Z"/>
+  <path fill="#861FFF" d="M6.03 6.03v2.04h2.04V6.03H6.03Z"/>
+  <path fill="#097EFF" d="M1.93 1.93v2.04h2.04V1.93H1.93Z"/>
+  <path fill="#000" fill-rule="evenodd" d="M.5 1.4c0-.5.4-.9.9-.9h3.1a.9.9 0 0 1 .87.67A2.44 2.44 0 0 1 9.5 2.95c0 .65-.25 1.24-.67 1.68.39.1.67.46.67.88v3.08c0 .5-.4.91-.9.91H1.4a.9.9 0 0 1-.9-.9V1.4Zm1.43.53v2.04h2.04V1.93H1.93Zm0 6.14V6.03h2.04v2.04H1.93Zm4.1 0V6.03h2.04v2.04H6.03Zm0-5.12a1.02 1.02 0 1 1 2.04 0 1.02 1.02 0 0 1-2.04 0Z" clip-rule="evenodd"/>
+  <path fill="#FFD702" d="M7.05 1.93a1.02 1.02 0 1 0 0 2.04 1.02 1.02 0 0 0 0-2.04Z"/>
+</svg>
\ No newline at end of file
diff --git a/js/core/src/init.svelte.ts b/js/core/src/init.svelte.ts
new file mode 100644
index 0000000..8924373
--- /dev/null
+++ b/js/core/src/init.svelte.ts
@@ -0,0 +1,989 @@
+import {
+	determine_interactivity,
+	get_component,
+	get_inputs_outputs
+} from "./init_utils";
+import { tick } from "svelte";
+import { dequal } from "dequal";
+
+import type {
+	ComponentMeta,
+	ProcessedComponentMeta,
+	LayoutNode,
+	Dependency,
+	LoadingComponent,
+	AppConfig,
+	ServerFunctions
+} from "./types";
+import { type SharedProps } from "@gradio/utils";
+import { allowed_shared_props } from "@gradio/utils";
+import { Client } from "@gradio/client";
+import { reactive_formatter as reactive_formatter_store } from "./gradio_helper";
+
+type client_return = Awaited<ReturnType<typeof Client.connect>>;
+
+type set_data_type = (data: Record<string, unknown>) => void;
+type get_data_type = () => Promise<Record<string, unknown>>;
+type visitor<T> = (node: T) => ProcessedComponentMeta;
+
+type Tab = {
+	label: string;
+	id: string;
+	visible: boolean;
+	interactive: boolean;
+	elem_id: string | undefined;
+	scale: number | null;
+	order?: number;
+	component_id: number;
+};
+
+const type_map = {
+	walkthrough: "tabs",
+	walkthroughstep: "tabitem"
+};
+
+export function get_api_url(config: Omit<AppConfig, "api_url">): string {
+	// Handle api_prefix correctly when app is mounted at a subpath.
+	// config.root may not include a trailing slash, so we normalize its pathname
+	// before appending api_prefix to ensure correct URL construction.
+	const rootUrl = new URL(config.root);
+	const rootPath = rootUrl.pathname.endsWith("/")
+		? rootUrl.pathname
+		: rootUrl.pathname + "/";
+	const apiPrefix = config.api_prefix.startsWith("/")
+		? config.api_prefix
+		: "/" + config.api_prefix;
+	return new URL(rootPath.slice(0, -1) + apiPrefix, rootUrl.origin).toString();
+}
+export class AppTree {
+	/** the raw component structure received from the backend */
+	#component_payload: ComponentMeta[];
+	/** the raw layout node structure received from the backend */
+	#layout_payload: LayoutNode;
+	/** the raw dependency structure received from the backend */
+	#dependency_payload: Dependency[];
+	/** Need this to set i18n in re-render */
+	reactive_formatter: (str: string) => string = (str: string) => str;
+	/** the config for the app */
+	#config: AppConfig;
+	client: client_return;
+
+	/** the root node of the processed layout tree */
+	root = $state<ProcessedComponentMeta>();
+	root_untracked: ProcessedComponentMeta;
+
+	/** a set of all component IDs that are inputs to dependencies */
+	#input_ids: Set<number> = new Set();
+	/** a set of all component IDs that are outputs of dependencies */
+	#output_ids: Set<number> = new Set();
+
+	/** A list of components that are currently loading */
+	#pending_components: LoadingComponent[] = [];
+
+	#get_callbacks = new Map<number, get_data_type>();
+	#set_callbacks = new Map<number, set_data_type>();
+	#pending_updates = new Map<number, Record<string, unknown>>();
+	#event_dispatcher: (id: number, event: string, data: unknown) => void;
+	component_ids: number[];
+	initial_tabs: Record<number, Tab[]> = {};
+
+	components_to_register: Set<number> = new Set();
+	ready: Promise<void>;
+	ready_resolve!: () => void;
+	resolved = false;
+	#hidden_on_startup: Set<number> = new Set();
+
+	constructor(
+		components: ComponentMeta[],
+		layout: LayoutNode,
+		dependencies: Dependency[],
+		config: Omit<AppConfig, "api_url">,
+		app: client_return,
+		reactive_formatter: (str: string) => string,
+		event_dispatcher: (id: number, event: string, data: unknown) => void
+	) {
+		this.ready = new Promise<void>((resolve) => {
+			this.ready_resolve = resolve;
+		});
+		this.reactive_formatter = reactive_formatter;
+		const api_url = get_api_url(config);
+		this.#config = {
+			...config,
+			api_url
+		};
+		this.#component_payload = components;
+		this.#layout_payload = layout;
+		this.#dependency_payload = dependencies;
+		this.#event_dispatcher = event_dispatcher;
+		this.root = this.create_node(
+			{ id: layout.id, children: [] },
+			new Map(),
+			true
+		);
+		for (const comp of components) {
+			if (comp.props.visible != false) this.components_to_register.add(comp.id);
+		}
+
+		this.client = app;
+
+		this.prepare();
+
+		const component_map = components.reduce((map, comp) => {
+			map.set(comp.id, comp);
+			return map;
+		}, new Map<number, ComponentMeta>());
+
+		this.root!.children = this.#layout_payload.children.map((node) =>
+			this.traverse(node, (node) => {
+				const new_node = this.create_node(
+					node,
+					component_map,
+					false,
+					this.reactive_formatter
+				);
+				return new_node;
+			})
+		);
+		this.component_ids = components.map((c) => c.id);
+		this.initial_tabs = {};
+		gather_initial_tabs(this.root!, this.initial_tabs);
+		this.postprocess(this.root!);
+
+		this.root_untracked = this.root;
+	}
+
+	reload(
+		components: ComponentMeta[],
+		layout: LayoutNode,
+		dependencies: Dependency[],
+		config: Omit<AppConfig, "api_url">
+	) {
+		this.#layout_payload = layout;
+		this.#component_payload = components;
+		const api_url = get_api_url(config);
+		this.#config = {
+			...config,
+			api_url
+		};
+		this.#dependency_payload = dependencies;
+
+		this.root = this.create_node(
+			{ id: layout.id, children: [] },
+			new Map(),
+			true
+		);
+		for (const comp of components) {
+			if (comp.props.visible != false) this.components_to_register.add(comp.id);
+		}
+
+		this.prepare();
+
+		const component_map = components.reduce((map, comp) => {
+			map.set(comp.id, comp);
+			return map;
+		}, new Map<number, ComponentMeta>());
+
+		this.root!.children = this.#layout_payload.children.map((node) =>
+			this.traverse(node, (node) => {
+				const new_node = this.create_node(
+					node,
+					component_map,
+					false,
+					this.reactive_formatter
+				);
+				return new_node;
+			})
+		);
+		this.component_ids = components.map((c) => c.id);
+		this.initial_tabs = {};
+		gather_initial_tabs(this.root!, this.initial_tabs);
+		this.postprocess(this.root!);
+	}
+
+	/**
+	 * Registers a component with its ID and data callbacks
+	 * @param id the ID of the component
+	 * @param _set_data the set data callback
+	 * @param _get_data the get data callback
+	 */
+	register_component(
+		id: number,
+		_set_data: set_data_type,
+		_get_data: get_data_type
+	): void {
+		this.#set_callbacks.set(id, _set_data);
+		this.#get_callbacks.set(id, _get_data);
+		this.components_to_register.delete(id);
+
+		// Apply any pending updates that were stored while the component
+		// was not yet mounted (e.g. hidden in an inactive tab).
+		// We must apply AFTER tick() so that the Gradio class's $effect
+		// (which syncs from node props) has already run. Otherwise the
+		// $effect would overwrite the values we set here.
+		const pending = this.#pending_updates.get(id);
+		if (pending) {
+			this.#pending_updates.delete(id);
+			tick().then(() => {
+				const _set = this.#set_callbacks.get(id);
+				if (_set) _set(pending);
+			});
+		}
+
+		if (this.components_to_register.size === 0 && !this.resolved) {
+			this.resolved = true;
+			this.ready_resolve();
+		}
+	}
+
+	/**
+	 * Preprocess the payloads to get the correct state read to build the tree
+	 */
+	prepare() {
+		const [inputs, outputs] = get_inputs_outputs(this.#dependency_payload);
+		this.#input_ids = inputs;
+		this.#output_ids = outputs;
+	}
+
+	/** Processes the layout payload into a tree of components */
+	process() {}
+
+	postprocess(tree: ProcessedComponentMeta) {
+		this.root = this.traverse(tree, [
+			(node) => handle_visibility(node, this.#config.api_url),
+			(node) =>
+				untrack_children_of_invisible_parents(
+					node,
+					this.components_to_register
+				),
+
+			(node) => apply_initial_tabs(node, this.initial_tabs),
+			(node) => this.find_attached_events(node, this.#dependency_payload),
+			(node) =>
+				untrack_children_of_closed_accordions_or_inactive_tabs(
+					node,
+					this.components_to_register,
+					this.#hidden_on_startup
+				)
+		]);
+	}
+
+	find_attached_events(
+		node: ProcessedComponentMeta,
+		dependencies: Dependency[]
+	): ProcessedComponentMeta {
+		const attached_events = dependencies
+			.filter((dep) => dep.targets.find(([id]) => id === node.id))
+			.map((dep) => {
+				const target = dep.targets.find(([id]) => id === node.id);
+				return target ? target[1] : null;
+			})
+			.filter(Boolean) as string[];
+
+		node.props.shared_props.attached_events = attached_events;
+
+		return node;
+	}
+
+	/**
+	 * Traverses the layout tree and applies a callback to each node
+	 * @param node the current layout node
+	 * @param visit the callback to apply to each node
+	 * @returns the return value of the callback, with a `children` property added for any child nodes
+	 */
+
+	traverse<T extends LayoutNode | ProcessedComponentMeta>(
+		node: T,
+		visit: visitor<T> | visitor<T>[]
+	): ProcessedComponentMeta {
+		function single_visit<U extends T>(
+			node: U,
+			visit: visitor<U>,
+			traverse_fn: any
+		): ProcessedComponentMeta {
+			const result = visit(node);
+			if ("children" in node && node.children.length > 0) {
+				result.children =
+					node.children?.map((child) => traverse_fn(child, visit)) || [];
+			}
+
+			return result;
+		}
+
+		if (Array.isArray(visit)) {
+			let result: ProcessedComponentMeta = node as ProcessedComponentMeta;
+			for (const v of visit) {
+				result = single_visit(result as T, v, this.traverse.bind(this));
+			}
+
+			return result;
+		} else {
+			return single_visit(node, visit, this.traverse.bind(this));
+		}
+	}
+
+	/**
+	 * Creates a processed component node from a layout node
+	 * @param opts the layout node options
+	 * @param root whether this is the root node
+	 * @returns the processed component node
+	 */
+	create_node(
+		opts: LayoutNode,
+		component_map: Map<number, ComponentMeta>,
+		root = false,
+		reactive_formatter?: (str: string) => string
+	): ProcessedComponentMeta {
+		let component: ComponentMeta | undefined;
+		if (!root) {
+			component = component_map.get(opts.id);
+		} else {
+			component = {
+				type: "column",
+				id: opts.id,
+				// @ts-ignore
+				props: {
+					visible: true,
+					root: "",
+					theme_mode: "light",
+					scale: this.#config.fill_height ? 1 : null
+				},
+				component_class_id: "column",
+				key: null
+			};
+		}
+
+		if (!component) {
+			throw new Error(`Component with ID ${opts.id} not found`);
+		}
+		if (reactive_formatter) {
+			component.props.i18n = reactive_formatter;
+			// Inject the live formatter store so dynamically rendered components
+			// (gr.render / reload) also re-translate their props on locale change.
+			component.props.i18n_store = reactive_formatter_store;
+		}
+
+		const processed_props = gather_props(
+			opts.id,
+			component.props,
+			[this.#input_ids, this.#output_ids],
+			this.client,
+			this.#config.api_url,
+			{
+				...this.#config,
+				register_component: this.register_component.bind(this),
+				dispatcher: this.#event_dispatcher.bind(this)
+			}
+		);
+
+		const type =
+			type_map[component.type as keyof typeof type_map] || component.type;
+		const loading_component =
+			processed_props.shared_props.visible !== false
+				? get_component(
+						component.type,
+						component.component_class_id,
+						this.#config.api_url || ""
+					)
+				: null;
+
+		const node = {
+			id: opts.id,
+			type: type,
+			props: processed_props,
+			children: [],
+			show_progress_on: null,
+			component_class_id: component.component_class_id || component.type,
+			component:
+				processed_props.shared_props.visible !== false
+					? loading_component?.component || null
+					: null,
+			runtime: loading_component?.runtime || (false as false),
+			key: component.key,
+			rendered_in: component.rendered_in,
+			documentation: component.documentation,
+			original_visibility: processed_props.shared_props.visible
+		};
+		return node;
+	}
+
+	rerender(components: ComponentMeta[], layout: LayoutNode) {
+		const component_map = components.reduce((map, comp) => {
+			map.set(comp.id, comp);
+			return map;
+		}, new Map<number, ComponentMeta>());
+		const _subtree = this.traverse(layout, (node) => {
+			const new_node = this.create_node(
+				node,
+				component_map,
+				false,
+				this.reactive_formatter
+			);
+			return new_node;
+		});
+		gather_initial_tabs(_subtree, this.initial_tabs);
+		const subtree = this.traverse(_subtree, (node) =>
+			apply_initial_tabs(node, this.initial_tabs)
+		);
+		const n = find_node_by_id(this.root!, subtree.id);
+
+		if (!n) {
+			throw new Error("Rerender failed: root node not found in current tree");
+		}
+		n.children = subtree.children;
+	}
+	/*
+	 * Updates the state of a component by its ID
+	 * @param id the ID of the component to update
+	 * @param new_state the new state to set
+	 * */
+	async update_state(
+		id: number,
+		new_state: Partial<SharedProps> & Record<string, unknown>,
+		check_visibility = true
+	) {
+		const node = find_node_by_id(this.root!, id);
+		let already_updated_visibility = false;
+		if (check_visibility && !node?.component) {
+			await tick();
+			// Update the node in place. Rebuilding the tree with traverse() here
+			// replaces every node's children array, and two rebuilds racing in one
+			// event (two outputs made visible together) freeze Svelte's reactivity.
+			const updated_node = find_node_by_id(this.root!, id);
+			if (updated_node && "visible" in new_state) {
+				updated_node.props.shared_props.visible =
+					new_state.visible as SharedProps["visible"];
+			}
+			load_components(this.root!, this.#config.api_url);
+			await tick();
+			already_updated_visibility = true;
+		}
+		const _set_data = this.#set_callbacks.get(id);
+		if (!_set_data) {
+			const old_value = node?.props.props.value;
+			// @ts-ignore
+			const new_props = create_props_shared_props(new_state);
+			// Modify props in-place instead of replacing the entire object.
+			// Replacing with a new object via spread can cause Svelte 5's
+			// deep $state proxy to lose track of the values during async
+			// component mounting/revival.
+			for (const key in new_props.shared_props) {
+				// @ts-ignore
+				node!.props.shared_props[key] = new_props.shared_props[key];
+			}
+			for (const key in new_props.props) {
+				// @ts-ignore
+				node!.props.props[key] = new_props.props[key];
+			}
+
+			// Also store as pending so the value can be applied via _set_data
+			// when the component eventually mounts and registers.
+			// Exclude loading_status because it is a transient real-time prop
+			// managed independently by the loading status store. Storing it would
+			// cause a stale "pending" update to be applied after the correct
+			// "complete" status has already been received, trapping the component
+			// in an infinite loading state.
+			// Exclude visible as well: it is the source of truth for mounting and
+			// is kept current in place on the node above (and synced into the
+			// component from node props on mount), so it never needs to be replayed
+			// via _set_data. Storing it would let a stale pending visible (captured
+			// on an earlier yield) be applied after the component has already
+			// mounted with the correct visibility, hiding it again (#13494).
+			const {
+				loading_status: _ls,
+				visible: _vis,
+				...rest_new_state
+			} = new_state;
+			// Only store a pending update if there is something other than
+			// loading_status/visible to apply. Otherwise we'd cache an empty
+			// object, which still triggers a no-op deferred _set() on mount (extra
+			// microtask churn for components hidden while loading status changed).
+			if (Object.keys(rest_new_state).length > 0) {
+				const existing = this.#pending_updates.get(id) || {};
+				this.#pending_updates.set(id, { ...existing, ...rest_new_state });
+			}
+
+			if ("value" in new_state && !dequal(old_value, new_state.value)) {
+				this.#event_dispatcher(id, "change", null);
+			}
+
+			// If this is a non-mounted tabitem, update the parent Tabs'
+			// initial_tabs so the tab button reflects the new state.
+			if (node?.type === "tabitem") {
+				this.#update_parent_tabs_initial_tab(id, node);
+			}
+		} else if (_set_data) {
+			_set_data(new_state);
+		}
+		if (!check_visibility || already_updated_visibility) return;
+		// need to let the UI settle before traversing again
+		// otherwise there could be
+		await tick();
+		// Update the visibility in a way that does not
+		// re-render the root/tree. Doing that would nuke
+		// any values currently in the UI.
+		// @ts-ignore
+		await this.update_visibility(node, new_state);
+	}
+
+	async update_visibility(
+		node: ProcessedComponentMeta,
+		new_state: any
+	): Promise<void> {
+		node.children.forEach((child) => {
+			const _set_data = this.#set_callbacks.get(child.id);
+			if (_set_data) {
+				_set_data(new_state);
+			}
+			this.update_visibility(child, new_state);
+		});
+	}
+
+	/**
+	 * Updates the parent Tabs component's initial_tabs when a non-mounted
+	 * tabitem's props change. This ensures the tab button (rendered by
+	 * the Tabs component) reflects the updated state even though the
+	 * TabItem component itself is not mounted.
+	 */
+	#update_parent_tabs_initial_tab(
+		id: number,
+		node: ProcessedComponentMeta
+	): void {
+		const parent = find_parent(this.root!, id);
+		if (!parent || parent.type !== "tabs") return;
+
+		const initial_tabs = parent.props.props.initial_tabs as Tab[];
+		if (!initial_tabs) return;
+
+		const tab_index = initial_tabs.findIndex((t) => t.component_id === node.id);
+		if (tab_index === -1) return;
+
+		const i18n = node.props.props.i18n as ((str: string) => string) | undefined;
+		const raw_label = node.props.shared_props.label as string;
+		// Use original_visibility since the node's visible may have been
+		// set to false by the startup optimization for non-selected tabs.
+		const original_visibility = (
+			node as ProcessedComponentMeta & {
+				original_visibility?: boolean | "hidden";
+			}
+		).original_visibility;
+		const visible =
+			original_visibility !== undefined
+				? original_visibility
+				: (node.props.shared_props.visible as boolean);
+		initial_tabs[tab_index] = {
+			label: i18n ? i18n(raw_label) : raw_label,
+			id: node.props.props.id as string,
+			elem_id: node.props.shared_props.elem_id,
+			visible: visible === "hidden" ? false : visible,
+			interactive: node.props.shared_props.interactive,
+			scale: node.props.shared_props.scale || null,
+			component_id: node.id
+		};
+
+		// Trigger reactivity by replacing the array
+		parent.props.props.initial_tabs = [...initial_tabs];
+
+		// Also update via _set_data if the Tabs component is mounted
+		const parent_set_data = this.#set_callbacks.get(parent.id);
+		if (parent_set_data) {
+			parent_set_data({
+				initial_tabs: parent.props.props.initial_tabs
+			});
+		}
+	}
+
+	/**
+	 * Gets the current state of a component by its ID
+	 * @param id the ID of the component to get the state of
+	 * @returns the current state of the component, or null if not found
+	 */
+	async get_state(id: number): Promise<Record<string, unknown> | null> {
+		const _get_data = this.#get_callbacks.get(id);
+		const component = find_node_by_id(this.root!, id);
+		if (!_get_data && !component) return null;
+		if (_get_data) return await _get_data();
+
+		if (component)
+			return Promise.resolve({ value: component.props.props.value });
+
+		return null;
+	}
+
+	async render_previously_invisible_children(id: number) {
+		const node = find_node_by_id(this.root!, id);
+		if (!node) return;
+
+		// Check if this node or any of its descendants need to be made visible.
+		// If not, skip entirely to avoid unnecessary reactive updates
+		// from mutating the tree through the $state proxy.
+		if (
+			!this.#hidden_on_startup.has(node.id) &&
+			!has_hidden_descendants(node, this.#hidden_on_startup)
+		) {
+			return;
+		}
+
+		make_visible_if_not_rendered(node, this.#hidden_on_startup, true);
+		load_components(node, this.#config.api_url);
+	}
+}
+
+function make_visible_if_not_rendered(
+	node: ProcessedComponentMeta,
+	hidden_on_startup: Set<number>,
+	is_target_node = false
+): void {
+	node.props.shared_props.visible = hidden_on_startup.has(node.id)
+		? true
+		: node.props.shared_props.visible;
+
+	if (node.type === "tabs") {
+		const initial_tabs = node.props.props.initial_tabs as Tab[] | undefined;
+		const selectedId = node.props.props.selected ?? initial_tabs?.[0]?.id;
+		node.children.forEach((child) => {
+			if (
+				child.type === "tabitem" &&
+				(child.props.props.id === selectedId || child.id === selectedId)
+			) {
+				make_visible_if_not_rendered(child, hidden_on_startup, false);
+			}
+		});
+	} else if (
+		node.type === "accordion" &&
+		node.props.props.open === false &&
+		!is_target_node
+	) {
+		// Don't recurse into closed accordion content
+	} else {
+		node.children.forEach((child) => {
+			make_visible_if_not_rendered(child, hidden_on_startup, false);
+		});
+	}
+}
+
+function has_hidden_descendants(
+	node: ProcessedComponentMeta,
+	hidden_on_startup: Set<number>
+): boolean {
+	for (const child of node.children) {
+		if (hidden_on_startup.has(child.id)) return true;
+		if (has_hidden_descendants(child, hidden_on_startup)) return true;
+	}
+	return false;
+}
+
+function load_components(node: ProcessedComponentMeta, api_url: string): void {
+	if (node.props.shared_props.visible && !node.component) {
+		const loaded = get_component(node.type, node.component_class_id, api_url);
+		node.component = loaded.component;
+		node.runtime = loaded.runtime;
+	}
+	node.children.forEach((child) => load_components(child, api_url));
+}
+
+/**
+ * Process the server function names and return a dictionary of functions
+ * @param id the component id
+ * @param server_fns the server function names
+ * @param app the client instance
+ * @returns the actual server functions
+ */
+export function process_server_fn(
+	id: number,
+	server_fns: string[] | undefined,
+	app: client_return
+): ServerFunctions {
+	if (!server_fns) {
+		return {};
+	}
+	return server_fns.reduce((acc, fn: string) => {
+		acc[fn] = async (...args: any[]) => {
+			if (args.length === 1) {
+				args = args[0];
+			}
+			const result = await app.component_server(id, fn, args);
+			return result;
+		};
+		return acc;
+	}, {} as ServerFunctions);
+}
+
+function create_props_shared_props(props: ComponentMeta["props"]): {
+	shared_props: SharedProps;
+	props: Record<string, unknown>;
+} {
+	const _shared_props: Partial<SharedProps> = {};
+	const _props: Record<string, unknown> = {};
+	for (const key in props) {
+		// For Tabs (or any component that already has an id prop)
+		// Set the id to the props so that it doesn't get overwritten
+		if (key === "id" || key === "autoscroll") {
+			_props[key] = props[key];
+		} else if (allowed_shared_props.includes(key as keyof SharedProps)) {
+			const _key = key as keyof SharedProps;
+			_shared_props[_key] = props[key];
+		} else {
+			_props[key] = props[key];
+		}
+	}
+	return { shared_props: _shared_props as SharedProps, props: _props };
+}
+
+/**
+ * Gathers the props for a component
+ * @param id the ID of the component
+ * @param props the props of the component
+ * @param dependencies the component's dependencies
+ * @param additional any additional props to include
+ * @returns the gathered props as an object with `shared_props` and `props` keys
+ */
+function gather_props(
+	id: number,
+	props: ComponentMeta["props"],
+	dependencies: [Set<number>, Set<number>],
+	client: client_return,
+	api_url: string,
+	additional: Record<string, unknown> = {}
+): {
+	shared_props: SharedProps;
+	props: Record<string, unknown>;
+} {
+	const { shared_props: _shared_props, props: _props } =
+		create_props_shared_props(props);
+	_shared_props.server = process_server_fn(id, props.server_fns, client);
+
+	for (const key in additional) {
+		if (allowed_shared_props.includes(key as keyof SharedProps)) {
+			const _key = key as keyof SharedProps;
+			//@ts-ignore
+			_shared_props[_key] = additional[key];
+		} else {
+			_props[key] = additional[key];
+		}
+	}
+
+	_shared_props.client = client;
+	_shared_props.id = id;
+	_shared_props.interactive = determine_interactivity(
+		id,
+		_shared_props.interactive,
+		_props.value,
+		dependencies
+	);
+
+	_shared_props.load_component = (
+		name: string,
+		variant: "base" | "component" | "example",
+		component_class_id?: string
+	) => get_component(name, component_class_id || "", api_url, variant);
+
+	_shared_props.visible =
+		_shared_props.visible === undefined ? true : _shared_props.visible;
+	_shared_props.loading_status = {};
+
+	return { shared_props: _shared_props as SharedProps, props: _props };
+}
+
+function handle_visibility(
+	node: ProcessedComponentMeta,
+	api_url: string
+): ProcessedComponentMeta {
+	// Check if the node is visible
+	if (node.props.shared_props.visible && !node.component) {
+		const loading_component = get_component(
+			node.type,
+			node.component_class_id,
+			api_url
+		);
+		const result: ProcessedComponentMeta = {
+			...node,
+			component: loading_component.component,
+
+			children: []
+		};
+
+		if (node.children) {
+			result.children = node.children.map((child) =>
+				handle_visibility(child, api_url)
+			);
+		}
+		return result;
+	} else {
+		return node;
+	}
+}
+
+function _untrack(
+	node: ProcessedComponentMeta,
+	components_to_register: Set<number>
+): void {
+	components_to_register.delete(node.id);
+	if (node.children) {
+		node.children.forEach((child) => _untrack(child, components_to_register));
+	}
+	return;
+}
+
+function untrack_children_of_invisible_parents(
+	node: ProcessedComponentMeta,
+	components_to_register: Set<number>
+): ProcessedComponentMeta {
+	// Check if the node is visible
+	if (node.props.shared_props.visible !== true) {
+		_untrack(node, components_to_register);
+	}
+	return node;
+}
+
+function mark_component_invisible_if_visible(
+	node: ProcessedComponentMeta,
+	hidden_on_startup: Set<number>
+): ProcessedComponentMeta {
+	if (node.props.shared_props.visible === true) {
+		hidden_on_startup.add(node.id);
+		node.props.shared_props.visible = false;
+	}
+	node.children.forEach((child) => {
+		mark_component_invisible_if_visible(child, hidden_on_startup);
+	});
+	return node;
+}
+
+function untrack_children_of_closed_accordions_or_inactive_tabs(
+	node: ProcessedComponentMeta,
+	components_to_register: Set<number>,
+	hidden_on_startup: Set<number>
+): ProcessedComponentMeta {
+	// Check if the node is an accordion or tabs
+	if (node.type === "accordion" && node.props.props.open === false) {
+		_untrack(node, components_to_register);
+		if (node.children) {
+			node.children.forEach((child) => {
+				mark_component_invisible_if_visible(child, hidden_on_startup);
+			});
+		}
+	}
+	if (node.type === "tabs") {
+		node.children.forEach((child) => {
+			if (
+				child.type === "tabitem" &&
+				child.props.props.id !==
+					//@ts-ignore
+					(node.props.props.selected ?? node.props.props.initial_tabs[0].id)
+			) {
+				_untrack(child, components_to_register);
+				mark_component_invisible_if_visible(child, hidden_on_startup);
+			}
+		});
+	}
+	return node;
+}
+
+function apply_initial_tabs(
+	node: ProcessedComponentMeta,
+	initial_tabs: Record<number, Tab[]>
+): ProcessedComponentMeta {
+	if (node.type === "tabs" && node.id in initial_tabs) {
+		const tabs = initial_tabs[node.id].sort((a, b) => a.order! - b.order!);
+		node.props.props.initial_tabs = tabs;
+	} else if (node.type === "tabitem") {
+		node.props.props.component_id = node.id;
+	}
+	return node;
+}
+
+function _gather_initial_tabs(
+	node: ProcessedComponentMeta,
+	initial_tabs: Record<number, Tab[]>,
+	parent_tab_id: number | null,
+	order: number | null
+): void {
+	if (parent_tab_id !== null && node.type === "tabitem") {
+		if (!(parent_tab_id in initial_tabs)) {
+			initial_tabs[parent_tab_id] = [];
+		}
+		if (node.props.props.id == null) {
+			node.props.props.id = node.id;
+		}
+		const i18n = node.props.props.i18n as ((str: string) => string) | undefined;
+		const raw_label = node.props.shared_props.label as string;
+		initial_tabs[parent_tab_id].push({
+			label: i18n ? i18n(raw_label) : raw_label,
+			id: node.props.props.id as string,
+			elem_id: node.props.shared_props.elem_id,
+			visible: node.props.shared_props.visible as boolean,
+			interactive: node.props.shared_props.interactive,
+			scale: node.props.shared_props.scale || null,
+			component_id: node.id
+		});
+		node.props.props.order = order;
+	}
+	if (node.children) {
+		node.children.forEach((child, i) => {
+			_gather_initial_tabs(
+				child,
+				initial_tabs,
+				node.type === "tabs" ? node.id : null,
+				node.type === "tabs" ? i : null
+			);
+		});
+	}
+	return;
+}
+
+function gather_initial_tabs(
+	node: ProcessedComponentMeta,
+	initial_tabs: Record<number, Tab[]>
+): void {
+	function single_visit<U extends ProcessedComponentMeta>(node: U): void {
+		if ("children" in node && node.children.length > 0) {
+			node.children?.forEach((child) =>
+				_gather_initial_tabs(
+					child,
+					initial_tabs,
+					node.type === "tabs" ? node.id : null,
+					null
+				)
+			);
+		}
+	}
+	return single_visit(node);
+}
+
+function find_node_by_id(
+	tree: ProcessedComponentMeta,
+	id: number
+): ProcessedComponentMeta | null {
+	if (tree.id === id) {
+		return tree;
+	}
+
+	if (tree.children) {
+		for (const child of tree.children) {
+			const result = find_node_by_id(child, id);
+			if (result) {
+				return result;
+			}
+		}
+	}
+
+	return null;
+}
+
+function find_parent(
+	tree: ProcessedComponentMeta,
+	id: number
+): ProcessedComponentMeta | null {
+	if (tree.children) {
+		for (const child of tree.children) {
+			if (child.id === id) {
+				return tree;
+			}
+			const result = find_parent(child, id);
+			if (result) {
+				return result;
+			}
+		}
+	}
+	return null;
+}
diff --git a/js/core/src/init_utils.ts b/js/core/src/init_utils.ts
new file mode 100644
index 0000000..1a31cc2
--- /dev/null
+++ b/js/core/src/init_utils.ts
@@ -0,0 +1,99 @@
+import { load_component } from "virtual:component-loader";
+import type { Dependency, LoadingComponent } from "./types";
+
+/**
+ * Load a component given its type and class_id without awaiting it
+ * @param type
+ * @param class_id
+ * @param root
+ * @returns the loading component
+ */
+export function get_component(
+	type: string,
+	class_id: string,
+	root: string,
+	variant: "component" | "example" | "base" = "component"
+): { component: LoadingComponent; runtime: false | typeof import("svelte") } {
+	if (type === "api") type = "state";
+
+	return load_component({
+		api_url: root,
+		name: type,
+		id: class_id,
+		variant
+	});
+}
+
+/**
+ * Get all component ids that are an input dependency and all that are an output dependency
+ * @param dep the dependency
+ * @param inputs the set of inputs
+ * @param outputs the set of outputs
+ * @returns a tuple of the inputs and outputs
+ */
+export function get_inputs_outputs(
+	dependencies: Dependency[]
+): [Set<number>, Set<number>] {
+	const inputs = new Set<number>();
+	const outputs = new Set<number>();
+	for (const dep of dependencies) {
+		dep.inputs.forEach((input) => inputs.add(input));
+		dep.outputs.forEach((output) => outputs.add(output));
+	}
+	return [inputs, outputs];
+}
+
+/**
+ * Determines if a component is interactive
+ * explicitly set interactive prop takes precedence
+ * if not set, then if the component is an input to a dependency, it is interactive
+ * if not an input, but has no outputs and no default value, it is interactive (for dev)
+ * everything else is not interactive
+ * @param id component id
+ * @param interactive_prop value of the interactive prop
+ * @param value the main value of the component
+ * @param dependencies a tuple of sets of input and output component ids
+ * @returns if the component is interactive
+ */
+export function determine_interactivity(
+	id: number,
+	interactive_prop: boolean | undefined,
+	value: any,
+	dependencies: [Set<number>, Set<number>]
+): boolean {
+	const [inputs, outputs] = dependencies;
+
+	if (interactive_prop === false) {
+		return false;
+	} else if (interactive_prop === true) {
+		return true;
+	} else if (
+		inputs.has(id) ||
+		(!outputs.has(id) && has_no_default_value(value))
+	) {
+		return true;
+	}
+
+	return false;
+}
+
+/**
+ * Check if a value is not a default value
+ * @param value the value to check
+ * @returns default value boolean
+ */
+function has_no_default_value(value: any): boolean {
+	return (
+		(Array.isArray(value) && value.length === 0) ||
+		value === "" ||
+		value === 0 ||
+		!value
+	);
+}
+
+/** An async version of 'new Function' */
+export const AsyncFunction: new (
+	...args: string[]
+) => (...args: any[]) => Promise<any> = Object.getPrototypeOf(
+	async function () {}
+).constructor;
diff --git a/js/core/src/lang/BCP47_codes.js b/js/core/src/lang/BCP47_codes.js
new file mode 100644
index 0000000..dd74ba7
--- /dev/null
+++ b/js/core/src/lang/BCP47_codes.js
@@ -0,0 +1,59 @@
+// BCP47 locales are used to identify language variants + are composed of a ISO 639x language code and a region code
+const BCP47_codes = [
+	"ar-SA",
+	"bn-BD",
+	"bn-IN",
+	"cs-CZ",
+	"da-DK",
+	"de-AT",
+	"de-CH",
+	"de-DE",
+	"el-GR",
+	"en-AU",
+	"en-CA",
+	"en-GB",
+	"en-IE",
+	"en-IN",
+	"en-NZ",
+	"en-US",
+	"en-ZA",
+	"es-AR",
+	"es-CL",
+	"es-CO",
+	"es-ES",
+	"es-MX",
+	"es-US",
+	"et-EE",
+	"fi-FI",
+	"fr-BE",
+	"fr-CA",
+	"fr-CH",
+	"fr-FR",
+	"he-IL",
+	"hi-IN",
+	"hu-HU",
+	"id-ID",
+	"it-CH",
+	"it-IT",
+	"ja-JP",
+	"ko-KR",
+	"nl-BE",
+	"nl-NL",
+	"no-NO",
+	"pl-PL",
+	"pt-BR",
+	"pt-PT",
+	"ro-RO",
+	"ru-RU",
+	"sk-SK",
+	"sv-SE",
+	"ta-IN",
+	"ta-LK",
+	"th-TH",
+	"tr-TR",
+	"zh-CN",
+	"zh-HK",
+	"zh-TW"
+];
+
+export default BCP47_codes;
diff --git a/js/core/src/lang/README.md b/js/core/src/lang/README.md
new file mode 100644
index 0000000..024b60f
--- /dev/null
+++ b/js/core/src/lang/README.md
@@ -0,0 +1,11 @@
+# How to add support for more languages
+
+We would love to support more languages for Gradio 🌎
+
+To add your language, do the following steps:
+
+1. Create a new json file in this directory
+2. Name the file after the language code (Here's a list: http://4umi.com/web/html/languagecodes.php)
+3. Please provide clear and complete translations. Take a look at the [`en.json`](https://github.com/gradio-app/gradio/blob/master/js/core/public/lang/en.json) file for the corresponding English text.
+
+That's it!
diff --git a/js/core/src/lang/ar.json b/js/core/src/lang/ar.json
new file mode 100644
index 0000000..ad8b224
--- /dev/null
+++ b/js/core/src/lang/ar.json
@@ -0,0 +1,162 @@
+{
+	"_name": "العربية",
+	"3D_model": {
+		"3d_model": "نموذج ثلاثي الأبعاد",
+		"drop_to_upload": "اسقط ملف نموذج ثلاثي الأبعاد 3D (.obj، .glb، .stl، .gltf، .splat، أو .ply) هنا للتحميل"
+	},
+	"annotated_image": {
+		"annotated_image": "صورة مشروحة"
+	},
+	"audio": {
+		"allow_recording_access": "يرجى السماح بالوصول إلى الميكروفون للتسجيل",
+		"audio": "صوتي",
+		"record_from_microphone": "تسجيل من الميكروفون",
+		"stop_recording": "إيقاف التسجيل",
+		"no_device_support": "لا يمكن الوصول إلى أجهزة الوسائط. تأكد من أنك تعمل على مصدر آمن (https) أو localhost (أو قمت بتمرير شهادة SSL صالحة إلى ssl_verify)، وأنك سمحت للمتصفح بالوصول إلى جهازك.",
+		"stop": "إيقاف",
+		"resume": "استئناف",
+		"record": "تسجيل",
+		"no_microphone": "لم يتم العثور على ميكروفون",
+		"pause": "إيقاف مؤقت",
+		"play": "تشغيل",
+		"waiting": "جاري الانتظار",
+		"drop_to_upload": "اسقط ملف صوت هنا للتحميل"
+	},
+	"blocks": {
+		"connection_can_break": "على الهاتف المحمول، يمكن أن ينقطع الاتصال إذا تم تغيير التبويب لهذه الصفحةة أو دخل الجهاز في وضع السكون، مما يؤدي إلى فقدان موقعك في قائمة الانتظار.",
+		"long_requests_queue": "هناك قائمة انتظار طويلة من الطلبات المعلقة. قم بنسخ هذه المساحة للتخطي.",
+		"lost_connection": "تم فقدان الاتصال بسبب مغادرة الصفحة. جارٍ إعادة الانضمام إلى قائمة الانتظار...",
+		"waiting_for_inputs": "إنتظر انتهاء رفع الملف(ات)، يرجى إعادة المحاولة."
+	},
+	"checkbox": {
+		"checkbox": "خانة اختيار",
+		"checkbox_group": "مجموعة خانات الاختيار"
+	},
+	"code": {
+		"code": "الكود"
+	},
+	"color_picker": {
+		"color_picker": "منتقي الألوان"
+	},
+	"common": {
+		"built_with": "بُني باستخدام",
+		"built_with_gradio": "بني بإستخدام Gradio",
+		"clear": "أمسح",
+		"download": "تنزيل",
+		"edit": "تعديل",
+		"empty": "فارغ",
+		"error": "خطأ",
+		"hosted_on": "مستضاف على",
+		"loading": "جاري التحميل",
+		"logo": "شعار",
+		"or": "أو",
+		"remove": "إزالة",
+		"settings": "الإعدادات",
+		"share": "مشاركة",
+		"submit": "أرسل",
+		"undo": "تراجع",
+		"no_devices": "لم يتم العثور على أجهزة",
+		"language": "اللغة",
+		"display_theme": "مظهر العرض",
+		"pwa": "تطبيق ويب تقدمي",
+		"record": "تسجيل",
+		"stop_recording": "إيقاف التسجيل",
+		"screen_studio": "شاشة الأستوديو",
+		"share_gradio_tab": "مشاركة تبويبة صفحة Gradio",
+		"run": "تشغيل"
+	},
+	"dataframe": {
+		"incorrect_format": "تنسيق غير صحيح، يتم دعم ملفات CSV و TSV فقط",
+		"new_column": "إضافة عمود",
+		"new_row": "صف جديد",
+		"add_row_above": "إضافة صف فوق",
+		"add_row_below": "إضافة صف تحت",
+		"add_column_left": "إضافة عمود لليسار",
+		"add_column_right": "إضافة عمود لليمين",
+		"delete_row": "حذف الصف",
+		"delete_column": "حذف العمود",
+		"sort_column": "فرز العمود",
+		"sort_ascending": "فرز تصاعدي",
+		"sort_descending": "فرز تنازلي",
+		"drop_to_upload": "اسقط ملفات CSV أو TSV هنا لاستيراد البيانات إلى الإطر الجدولية",
+		"clear_sort": "مسح الترتيب",
+		"filter": "مرشح",
+		"clear_filter": "مسح المرشحات"
+	},
+	"dropdown": {
+		"dropdown": "قائمة منسدلة"
+	},
+	"errors": {
+		"build_error": "هناك خطأ في البناء",
+		"config_error": "هناك خطأ في التكوين",
+		"contact_page_author": "يرجى التواصل مع مبرمج الصفحة",
+		"no_app_file": "لا يوجد ملف تطبيق",
+		"runtime_error": "هناك خطأ أثناء التشغيل",
+		"space_not_working": "المساحة لا تعمل لأن {0}",
+		"space_paused": "المساحة متوقفة مؤقتًا",
+		"use_via_api": "إستخدام عبر API",
+		"use_via_api_or_mcp": "إستخدام عبر واجهة برمجة التطبيقات API أو خادم MCP"
+	},
+	"file": {
+		"uploading": "جاري الرفع..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "نص محدد"
+	},
+	"image": {
+		"allow_webcam_access": "يرجى السماح بالوصول إلى كاميرا الويب للتسجيل.",
+		"brush_color": "لون الفرشاة",
+		"brush_radius": "حجم الفرشاة",
+		"image": "صورة",
+		"remove_image": "إزالة الصورة",
+		"select_brush_color": "اختر لون الفرشاة",
+		"start_drawing": "ابدأ الرسم",
+		"use_brush": "استخدم الفرشاة",
+		"drop_to_upload": "اسقط ملف الصورة هنا لتحميله"
+	},
+	"label": {
+		"label": "ملصق"
+	},
+	"login": {
+		"enable_cookies": "إذا كنت تزور مساحة HuggingFace في وضع التصفح المتخفي، يجب عليك تمكين ملفات تعريف الارتباط من الجهات الخارجية.",
+		"incorrect_credentials": "بيانات الاعتماد غير صحيحة",
+		"username": "اسم المستخدم",
+		"password": "كلمة المرور",
+		"login": "تسجيل الدخول"
+	},
+	"number": {
+		"number": "رقم"
+	},
+	"plot": {
+		"plot": "رسم بياني"
+	},
+	"radio": {
+		"radio": "زر راديو"
+	},
+	"slider": {
+		"slider": "شريط التمرير"
+	},
+	"upload_text": {
+		"click_to_upload": "انقر للتحميل",
+		"drop_audio": "أسقط الملف الصوتي هنا",
+		"drop_csv": "أسقط ملف البيانات هنا",
+		"drop_file": "أسقط الملف هنا",
+		"drop_image": "أسقط الصورة هنا",
+		"drop_video": "أسقط الفيديو هنا",
+		"drop_gallery": "أسقط الوسائط هنا",
+		"paste_clipboard": "لصق من الحافظة"
+	},
+	"video": {
+		"drop_to_upload": "اسقط ملف الفيديو هنا للتحميل"
+	},
+	"chatbot": {
+		"edit": "تعديل",
+		"retry": "إعادة المحاولة",
+		"undo": "تراجع",
+		"submit": "إرسال",
+		"cancel": "إلغاء",
+		"like": "إعجاب",
+		"dislike": "عدم الإعجاب",
+		"clear": "مسح المحادثة"
+	}
+}
diff --git a/js/core/src/lang/ca.json b/js/core/src/lang/ca.json
new file mode 100644
index 0000000..c5353cb
--- /dev/null
+++ b/js/core/src/lang/ca.json
@@ -0,0 +1,154 @@
+{
+	"_name": "Català",
+	"3D_model": {
+		"3d_model": "Model 3D",
+		"drop_to_upload": "Arrossega un model 3D (.obj, .glb, .stl, .gltf, .splat o .ply) aquí per pujar-lo."
+	},
+	"annotated_image": {
+		"annotated_image": "Imatge Anotada"
+	},
+	"audio": {
+		"allow_recording_access": "Si us plau, permeteu l'accés al micròfon per gravar.",
+		"audio": "Àudio",
+		"record_from_microphone": "Gravar des del micròfon",
+		"stop_recording": "Aturar la gravació",
+		"no_device_support": "No s'ha pogut accedir als dispositius multimèdia. Comproveu que esteu executant en un origen segur (https) o localhost (o heu passat un certificat SSL vàlid a ssl_verify), i que heu permès l'accés del navegador al vostre dispositiu.",
+		"stop": "Aturar",
+		"resume": "Reprendre",
+		"record": "Gravar",
+		"no_microphone": "No s'ha trobat cap micròfon",
+		"pause": "Pausa",
+		"play": "Reproduir",
+		"waiting": "Esperant",
+		"drop_to_upload": "Arrossega un fitxer d'àudio aquí per pujar-lo"
+	},
+	"blocks": {
+		"connection_can_break": "En dispositius mòbils, la connexió es pot trencar si aquesta pestanya perd el focus o el dispositiu s'adorm, perdent la vostra posició a la cua.",
+		"long_requests_queue": "Hi ha una llarga cua de sol·licituds pendents. Dupliqueu aquest Space per saltar-la.",
+		"lost_connection": "S'ha perdut la connexió en deixar la pàgina. Tornant a la cua...",
+		"waiting_for_inputs": "Esperant la finalització de la pujada dels fitxers, si us plau, torna a provar."
+	},
+	"checkbox": {
+		"checkbox": "Casella de selecció",
+		"checkbox_group": "Grup de caselles"
+	},
+	"code": {
+		"code": "Codi"
+	},
+	"color_picker": {
+		"color_picker": "Selector de color"
+	},
+	"common": {
+		"built_with": "construït amb",
+		"built_with_gradio": "Construït amb Gradio",
+		"clear": "Neteja",
+		"download": "Descarregar",
+		"edit": "Editar",
+		"empty": "Buit",
+		"error": "Error",
+		"hosted_on": "Allotjat a",
+		"loading": "S'està carregant",
+		"logo": "logotip",
+		"or": "o",
+		"remove": "Eliminar",
+		"settings": "Configuració",
+		"share": "Compartir",
+		"submit": "Envia",
+		"undo": "Desfer",
+		"no_devices": "No s'han trobat dispositius",
+		"language": "Idioma",
+		"display_theme": "Tema de visualització",
+		"pwa": "Aplicació web progressiva"
+	},
+	"dataframe": {
+		"incorrect_format": "Format incorrecte, només s'admeten fitxers CSV i TSV",
+		"new_column": "Afegir columna",
+		"new_row": "Nova fila",
+		"add_row_above": "Afegir fila a dalt",
+		"add_row_below": "Afegir fila a baix",
+		"add_column_left": "Afegir columna a l'esquerra",
+		"add_column_right": "Afegir columna a la dreta",
+		"delete_row": "Esborrar fila",
+		"delete_column": "Suprimeix la columna",
+		"sort_column": "Ordena la columna",
+		"sort_ascending": "Ordena ascendent",
+		"sort_descending": "Ordena descendent",
+		"drop_to_upload": "Arrossega fitxers CSV o TSV aquí per importar dades al dataframe",
+		"clear_sort": "Neteja la classificació"
+	},
+	"dropdown": {
+		"dropdown": "Desplegable"
+	},
+	"errors": {
+		"build_error": "hi ha un error de compilació",
+		"config_error": "hi ha un error de configuració",
+		"contact_page_author": "Si us plau, contacteu amb l'autor de la pàgina per informar-lo.",
+		"no_app_file": "no hi ha fitxer d'aplicació",
+		"runtime_error": "hi ha un error d'execució",
+		"space_not_working": "\"L'Space no funciona perquè\" {0}",
+		"space_paused": "l'space està en pausa",
+		"use_via_api": "Utilitzar via API"
+	},
+	"file": {
+		"uploading": "Pujant..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Text ressaltat"
+	},
+	"image": {
+		"allow_webcam_access": "Si us plau, permeteu l'accés a la càmera web per gravar.",
+		"brush_color": "Color del pinzell",
+		"brush_radius": "Radi del pinzell",
+		"image": "Imatge",
+		"remove_image": "Eliminar imatge",
+		"select_brush_color": "Seleccionar color del pinzell",
+		"start_drawing": "Començar a dibuixar",
+		"use_brush": "Utilitzar pinzell",
+		"drop_to_upload": "Arrossega un fitxer d'imatge aquí per pujar-lo"
+	},
+	"label": {
+		"label": "Etiqueta"
+	},
+	"login": {
+		"enable_cookies": "Si esteu visitant un Space de HuggingFace en mode Incògnit, heu d'habilitar les cookies de tercers.",
+		"incorrect_credentials": "Credencials incorrectes",
+		"username": "nom d'usuari",
+		"password": "contrasenya",
+		"login": "Iniciar sessió"
+	},
+	"number": {
+		"number": "Número"
+	},
+	"plot": {
+		"plot": "Gràfic"
+	},
+	"radio": {
+		"radio": "Ràdio"
+	},
+	"slider": {
+		"slider": "Control lliscant"
+	},
+	"upload_text": {
+		"click_to_upload": "Feu clic per pujar",
+		"drop_audio": "Deixeu anar l'àudio aquí",
+		"drop_csv": "Deixeu anar el CSV aquí",
+		"drop_file": "Deixeu anar el fitxer aquí",
+		"drop_image": "Deixeu anar la imatge aquí",
+		"drop_video": "Deixeu anar el vídeo aquí",
+		"drop_gallery": "Deixeu anar els mitjans aquí",
+		"paste_clipboard": "Enganxar del porta-retalls"
+	},
+	"video": {
+		"drop_to_upload": "Arrossega un fitxer de vídeo aquí per pujar-lo"
+	},
+	"chatbot": {
+		"edit": "Editar",
+		"retry": "Tornar a provar",
+		"undo": "Desfer",
+		"submit": "Enviar",
+		"cancel": "Cancel·lar",
+		"like": "M'agrada",
+		"dislike": "No m'agrada",
+		"clear": "Netejar xat"
+	}
+}
diff --git a/js/core/src/lang/ckb.json b/js/core/src/lang/ckb.json
new file mode 100644
index 0000000..3364f5f
--- /dev/null
+++ b/js/core/src/lang/ckb.json
@@ -0,0 +1,154 @@
+{
+	"_name": "کوردی",
+	"3D_model": {
+		"3d_model": "مۆدێلی سێ ڕەهەندی",
+		"drop_to_upload": "فایل مۆدێلی ٣دی (.obj، .glb، .stl، .gltf، .splat یان .ply) لەمە هێرە بکە لەبەر بارکردنی."
+	},
+	"annotated_image": {
+		"annotated_image": "وێنەی نیشانە کراو"
+	},
+	"audio": {
+		"allow_recording_access": "تکایە ڕێگە بدە بە دەستگەیشتن بە مایکرۆفۆن بۆ تۆمارکردن",
+		"audio": "دەنگ",
+		"record_from_microphone": "تۆمارکردن لە مایکرۆفۆنەوە",
+		"stop_recording": "تۆمارکردن بوەستێنە",
+		"no_device_support": "ناتوانرێت دەستبگات بە ئامێرەکانی میدیا. دڵنیابە لەوەی کە لەسەر سەرچاوەیەکی پارێزراو (https) یان localhost کاردەکەیت (یان بڕوانامەیەکی SSL دروستت داوە)، و ڕێگەت داوە بە وێبگەڕەکە دەستی بگات بە ئامێرەکەت.",
+		"stop": "وەستان",
+		"resume": "بەردەوامبوون",
+		"record": "تۆمارکردن",
+		"no_microphone": "هیچ مایکرۆفۆنێک نەدۆزرایەوە",
+		"pause": "وەستاندنی کاتی",
+		"play": "لێدان",
+		"waiting": "چاوەڕوانی",
+		"drop_to_upload": "فایلی دەنگی لێرە دابنێ بۆ بارکردن"
+	},
+	"blocks": {
+		"connection_can_break": "لە مۆبایلدا، پەیوەندییەکە دەکرێت بپچڕێت ئەگەر ئەم تابە چالاک نەبێت یان ئامێرەکە بچێتە دۆخی پشوو، ئەمەش شوێنی خۆت لە ڕیزدا لەدەست دەدات.",
+		"long_requests_queue": "ڕیزێکی درێژی داواکاری هەیە. ئەم سپەیسە دووباد بکە بۆی چاوەڕوان نەبیت.",
+		"lost_connection": "پەیوەندی پچڕا بەهۆی جێهێشتنی پەیج. گەڕانەوە بۆ ڕیز...",
+		"waiting_for_inputs": "بەخێربێی بۆ فایل(ەکان) دەستپێکردن، هەڵبژارە دووبارە هەوڵ بدە."
+	},
+	"checkbox": {
+		"checkbox": "بۆکسی هەڵبژاردن",
+		"checkbox_group": "گروپی بۆکسی هەڵبژاردن"
+	},
+	"code": {
+		"code": "کۆد"
+	},
+	"color_picker": {
+		"color_picker": "هەڵبژاردنی ڕەنگ"
+	},
+	"common": {
+		"built_with": "دروستکراوە لەگەڵ...",
+		"built_with_gradio": "Gradio دروستکراوە بە",
+		"clear": "خاوێنکردنەوە",
+		"download": "دابەزاندن",
+		"edit": "بژارکردن",
+		"empty": "بەتاڵ",
+		"error": "هەڵە",
+		"hosted_on": "میوانداری کراوە لە",
+		"loading": "بارکردن",
+		"logo": "لۆگۆ",
+		"or": "یان",
+		"remove": "لابردن",
+		"settings": "ڕێکخستنەکان",
+		"share": "هاوبەشکردن",
+		"submit": "پێشکەشکردن",
+		"undo": "پووچکردنەوە",
+		"no_devices": "هیچ ئامێرێک نەدۆزرایەوە",
+		"language": "زمان",
+		"display_theme": "ڕووکاری نیشاندان",
+		"pwa": "بەرنامەی وێبی پێشکەوتوو"
+	},
+	"dataframe": {
+		"incorrect_format": "فۆرماتێکی هەڵە، تەنها فایلەکانی CSV و TSV پشتگیری دەکرێن",
+		"new_column": "زیادکردنی ستوون",
+		"new_row": "ڕیزی نوێ",
+		"add_row_above": "زیادکردنی ڕیز لە سەرەوە",
+		"add_row_below": "زیادکردنی ڕیز لە خوارەوە",
+		"add_column_left": "زیادکردنی ستوون لە چەپەوە",
+		"add_column_right": "زیادکردنی ستوون لە ڕاستەوە",
+		"delete_row": "ڕووی ڕاکردن",
+		"delete_column": "کۆلۆنی ڕاکردن",
+		"sort_column": "کۆلۆنی ڕێکەوە کردن",
+		"sort_ascending": "بەرچاوەی ڕوونی",
+		"sort_descending": "سەرچاوەکە بەپاشی بەرگرێڕەوە بەڕێوە بکە",
+		"drop_to_upload": "فایلەکانی CSV یان TSV لەگەڵ ئەمە بکەوە تا داتا بەرچوون بێت لەوەی دەیتە فرەیمەکەدا",
+		"clear_sort": "ڕاژکردنی ڕوونکردن"
+	},
+	"dropdown": {
+		"dropdown": "لیستی داکەوتوو"
+	},
+	"errors": {
+		"build_error": "هەڵەیەک هەیە لە دروستکردندا",
+		"config_error": "هەڵەیەک هەیە لە ڕێکخستندا",
+		"contact_page_author": "تکایە پەیوەندی بکە بە نووسەری لاپەڕەکە بۆ ئاگادارکردنەوە.",
+		"no_app_file": "فایلی بەرنامە نییە",
+		"runtime_error": "هەڵەیەک هەیە لە کاتی جێبەجێکردندا",
+		"space_not_working": "\"سپەیسەکە کار ناکات چونکە\" {0}",
+		"space_paused": "سپەیسەکە وەستێنراوە",
+		"use_via_api": "بەکارهێنان لە ڕێگەی API"
+	},
+	"file": {
+		"uploading": "بارکردن..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "دەقی دیاریکراو"
+	},
+	"image": {
+		"allow_webcam_access": "تکایە ڕێگە بدە بە بەکارهێنانی کامێرای وێب بۆ تۆمارکردن.",
+		"brush_color": "ڕەنگی فڵچە",
+		"brush_radius": "تیژڕەوی فڵچە",
+		"image": "وێنە",
+		"remove_image": "لابردنی وێنە",
+		"select_brush_color": "ڕەنگی فڵچە هەڵبژێرە",
+		"start_drawing": "دەست بکە بە وێنەکێشان",
+		"use_brush": "فڵچە بەکاربهێنە",
+		"drop_to_upload": "فایل وێنەیەک هەروەها لەمەکە دەڕوونە بۆ بارکردنەوە"
+	},
+	"label": {
+		"label": "لەیبڵ"
+	},
+	"login": {
+		"enable_cookies": "ئەگەر تۆ سەردانی HuggingFace Space دەکەیت لە دۆخی نادیاردا، پێویستە کووکی لایەنی سێیەم چالاک بکەیت.",
+		"incorrect_credentials": "زانیاری چوونەژوورەوە هەڵەیە",
+		"username": "ناوی بەکارهێنەر",
+		"password": "وشەی نهێنی",
+		"login": "چوونە ژوورەوە"
+	},
+	"number": {
+		"number": "ژمارە"
+	},
+	"plot": {
+		"plot": "هێڵکاری"
+	},
+	"radio": {
+		"radio": "ڕادیۆ"
+	},
+	"slider": {
+		"slider": "سلایدەر"
+	},
+	"upload_text": {
+		"click_to_upload": "کلیک بکە بۆ بارکردن",
+		"drop_audio": "دەنگ لێرە دابنێ",
+		"drop_csv": "لێرەدا CSV دابنێ",
+		"drop_file": "فایل لێرە دابنێ",
+		"drop_image": "وێنە لێرەدا دابنێ",
+		"drop_video": "ڤیدیۆ لێرە دابنێ",
+		"drop_gallery": "میدیا لێرە دابنێ",
+		"paste_clipboard": "لکاندن لە کلیپبۆردەوە"
+	},
+	"video": {
+		"drop_to_upload": "فایل ویدیۆییەکەت هەنە بکەرەوە بۆ بارکردنەوە"
+	},
+	"chatbot": {
+		"edit": "دەستکاری",
+		"retry": "هەوڵدانەوە",
+		"undo": "گەڕانەوە",
+		"submit": "ناردن",
+		"cancel": "هەڵوەشاندنەوە",
+		"like": "پەسەند",
+		"dislike": "ناپەسەند",
+		"clear": "پاککردنەوەی گفتوگۆ"
+	}
+}
diff --git a/js/core/src/lang/de.json b/js/core/src/lang/de.json
new file mode 100644
index 0000000..f0464e6
--- /dev/null
+++ b/js/core/src/lang/de.json
@@ -0,0 +1,154 @@
+{
+	"_name": "Deutsch",
+	"3D_model": {
+		"3d_model": "3D-Modell",
+		"drop_to_upload": "Laden Sie eine 3D-Modell-Datei (.obj, .glb, .stl, .gltf, .splat oder .ply) hier ab, um sie hochzuladen."
+	},
+	"annotated_image": {
+		"annotated_image": "Annotiertes Bild"
+	},
+	"audio": {
+		"allow_recording_access": "Bitte erlauben Sie den Zugriff auf das Mikrofon für die Aufnahme.",
+		"audio": "Audio",
+		"record_from_microphone": "Vom Mikrofon aufnehmen",
+		"stop_recording": "Aufnahme stoppen",
+		"no_device_support": "Auf Mediengeräte konnte nicht zugegriffen werden. Stellen Sie sicher, dass Sie sich auf einer sicheren Quelle (https) oder localhost befinden (oder ein gültiges SSL-Zertifikat an ssl_verify übergeben haben) und Sie dem Browser den Zugriff auf Ihr Gerät erlaubt haben.",
+		"stop": "Stopp",
+		"resume": "Fortsetzen",
+		"record": "Aufnehmen",
+		"no_microphone": "Kein Mikrofon gefunden",
+		"pause": "Pause",
+		"play": "Abspielen",
+		"waiting": "Warten",
+		"drop_to_upload": "Laden Sie eine Audiodatei hier ab, um sie hochzuladen."
+	},
+	"blocks": {
+		"connection_can_break": "Auf Mobilgeräten kann die Verbindung unterbrochen werden, wenn dieser Tab den Fokus verliert oder das Gerät in den Ruhezustand geht, wodurch Ihre Position in der Warteschlange verloren geht.",
+		"long_requests_queue": "Es gibt eine lange Warteschlange ausstehender Anfragen. Duplizieren Sie diesen Space zum Überspringen.",
+		"lost_connection": "Verbindung durch Verlassen der Seite verloren. Kehre zur Warteschlange zurück...",
+		"waiting_for_inputs": "Warten auf das Hochladen der Datei(en), bitte versuchen Sie es erneut."
+	},
+	"checkbox": {
+		"checkbox": "Kontrollkästchen",
+		"checkbox_group": "Kontrollkästchengruppe"
+	},
+	"code": {
+		"code": "Code"
+	},
+	"color_picker": {
+		"color_picker": "Farbwähler"
+	},
+	"common": {
+		"built_with": "erstellt mit",
+		"built_with_gradio": "Mit Gradio erstellt",
+		"clear": "Löschen",
+		"download": "Herunterladen",
+		"edit": "Bearbeiten",
+		"empty": "Leer",
+		"error": "Fehler",
+		"hosted_on": "Gehostet auf",
+		"loading": "Laden",
+		"logo": "Logo",
+		"or": "oder",
+		"remove": "Entfernen",
+		"settings": "Einstellungen",
+		"share": "Teilen",
+		"submit": "Absenden",
+		"undo": "Rückgängig",
+		"no_devices": "Keine Geräte gefunden",
+		"language": "Sprache",
+		"display_theme": "Anzeigedesign",
+		"pwa": "Progressive Web App"
+	},
+	"dataframe": {
+		"incorrect_format": "Falsches Format, nur CSV- und TSV-Dateien werden unterstützt",
+		"new_column": "Spalte hinzufügen",
+		"new_row": "Neue Zeile",
+		"add_row_above": "Zeile oben hinzufügen",
+		"add_row_below": "Zeile unten hinzufügen",
+		"add_column_left": "Spalte links hinzufügen",
+		"add_column_right": "Spalte rechts hinzufügen",
+		"delete_row": "Zeile löschen",
+		"delete_column": "Spalte löschen",
+		"sort_column": "Spalte sortieren",
+		"sort_ascending": "Aufsteigend sortieren",
+		"sort_descending": "Absteigend sortieren",
+		"drop_to_upload": "CSV- oder TSV-Dateien hier ablegen, um Daten in den DataFrame zu importieren.",
+		"clear_sort": "Sortierung aufheben"
+	},
+	"dropdown": {
+		"dropdown": "Dropdown-Menü"
+	},
+	"errors": {
+		"build_error": "Es gibt einen Build-Fehler",
+		"config_error": "Es gibt einen Konfigurationsfehler",
+		"contact_page_author": "Bitte kontaktieren Sie den Autor der Seite.",
+		"no_app_file": "Es gibt keine App-Datei",
+		"runtime_error": "Es gibt einen Laufzeitfehler",
+		"space_not_working": "\"Space funktioniert nicht, weil\" {0}",
+		"space_paused": "Der Space ist pausiert",
+		"use_via_api": "Über API verwenden"
+	},
+	"file": {
+		"uploading": "Hochladen..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Hervorgehobener Text"
+	},
+	"image": {
+		"allow_webcam_access": "Bitte erlauben Sie den Zugriff auf die Webcam für die Aufnahme.",
+		"brush_color": "Pinselfarbe",
+		"brush_radius": "Pinselgröße",
+		"image": "Bild",
+		"remove_image": "Bild entfernen",
+		"select_brush_color": "Pinselfarbe auswählen",
+		"start_drawing": "Zeichnen beginnen",
+		"use_brush": "Pinsel verwenden",
+		"drop_to_upload": "Laden Sie ein Bild hier ab, um es hochzuladen."
+	},
+	"label": {
+		"label": "Beschriftung"
+	},
+	"login": {
+		"enable_cookies": "Wenn Sie einen HuggingFace Space im Inkognito-Modus besuchen, müssen Sie Cookies von Drittanbietern aktivieren.",
+		"incorrect_credentials": "Falsche Anmeldedaten",
+		"username": "Benutzername",
+		"password": "Passwort",
+		"login": "Anmelden"
+	},
+	"number": {
+		"number": "Zahl"
+	},
+	"plot": {
+		"plot": "Diagramm"
+	},
+	"radio": {
+		"radio": "Optionsfeld"
+	},
+	"slider": {
+		"slider": "Schieberegler"
+	},
+	"upload_text": {
+		"click_to_upload": "Hochladen",
+		"drop_audio": "Audio hier ablegen",
+		"drop_csv": "CSV Datei hier ablegen",
+		"drop_file": "Datei hier ablegen",
+		"drop_image": "Bild hier ablegen",
+		"drop_video": "Video hier ablegen",
+		"drop_gallery": "Medien hier ablegen",
+		"paste_clipboard": "Aus Zwischenablage einfügen"
+	},
+	"video": {
+		"drop_to_upload": "Laden Sie eine Video-Datei hier ab, um sie hochzuladen."
+	},
+	"chatbot": {
+		"edit": "Bearbeiten",
+		"retry": "Wiederholen",
+		"undo": "Rückgängig",
+		"submit": "Senden",
+		"cancel": "Abbrechen",
+		"like": "Gefällt mir",
+		"dislike": "Gefällt mir nicht",
+		"clear": "Chat leeren"
+	}
+}
diff --git a/js/core/src/lang/en.json b/js/core/src/lang/en.json
new file mode 100644
index 0000000..0b931b3
--- /dev/null
+++ b/js/core/src/lang/en.json
@@ -0,0 +1,172 @@
+{
+	"_name": "English",
+	"3D_model": {
+		"3d_model": "3D Model",
+		"drop_to_upload": "Drop a 3D model (.obj, .glb, .stl, .gltf, .splat, or .ply) file here to upload"
+	},
+	"annotated_image": {
+		"annotated_image": "Annotated Image"
+	},
+	"audio": {
+		"allow_recording_access": "Please allow access to the microphone for recording.",
+		"audio": "Audio",
+		"drop_to_upload": "Drop an audio file here to upload",
+		"record_from_microphone": "Record from microphone",
+		"stop_recording": "Stop recording",
+		"no_device_support": "Media devices could not be accessed. Check that you are running on a secure origin (https) or localhost (or you have passed a valid SSL certificate to ssl_verify), and you have allowed browser access to your device.",
+		"stop": "Stop",
+		"resume": "Resume",
+		"record": "Record",
+		"no_microphone": "No microphone found",
+		"pause": "Pause",
+		"play": "Play",
+		"waiting": "Waiting"
+	},
+	"blocks": {
+		"connection_can_break": "On mobile, the connection can break if this tab is unfocused or the device sleeps, losing your position in queue.",
+		"long_requests_queue": "There is a long queue of requests pending. Duplicate this Space to skip.",
+		"lost_connection": "Lost connection due to leaving page. Rejoining queue...",
+		"waiting_for_inputs": "Waiting for file(s) to finish uploading, please retry."
+	},
+	"chatbot": {
+		"edit": "Edit",
+		"retry": "Retry",
+		"undo": "Undo",
+		"submit": "Submit",
+		"cancel": "Cancel",
+		"like": "Like",
+		"dislike": "Dislike",
+		"clear": "Clear",
+		"copy_message": "Copy message",
+		"copied_message": "Copied message"
+	},
+	"chat_interface": {
+		"new_chat": "New chat",
+		"message_placeholder": "Type a message...",
+		"additional_inputs": "Additional inputs",
+		"chatbot": "Chatbot",
+		"conversation": "Conversation"
+	},
+	"checkbox": {
+		"checkbox": "Checkbox",
+		"checkbox_group": "Checkbox Group"
+	},
+	"code": {
+		"code": "Code"
+	},
+	"color_picker": {
+		"color_picker": "Color Picker"
+	},
+	"common": {
+		"built_with": "built with",
+		"built_with_gradio": "Built with Gradio",
+		"clear": "Clear",
+		"download": "Download",
+		"download_all": "Download All",
+		"edit": "Edit",
+		"empty": "Empty",
+		"error": "Error",
+		"hosted_on": "Hosted on",
+		"loading": "Loading",
+		"logo": "logo",
+		"or": "or",
+		"remove": "Remove",
+		"settings": "Settings",
+		"share": "Share",
+		"submit": "Submit",
+		"undo": "Undo",
+		"no_devices": "No devices found",
+		"language": "Language",
+		"display_theme": "Display Theme",
+		"pwa": "Progressive Web App",
+		"record": "Record",
+		"stop_recording": "Stop Recording",
+		"screen_studio": "Screen Studio",
+		"share_gradio_tab": "[Sharing] Gradio Tab",
+		"run": "Run"
+	},
+	"dataframe": {
+		"incorrect_format": "Incorrect format, only CSV and TSV files are supported",
+		"new_column": "Add column",
+		"new_row": "New row",
+		"add_row_above": "Add row above",
+		"add_row_below": "Add row below",
+		"delete_row": "Delete row",
+		"delete_column": "Delete column",
+		"add_column_left": "Add column to the left",
+		"add_column_right": "Add column to the right",
+		"sort_column": "Sort column",
+		"sort_ascending": "Sort ascending",
+		"sort_descending": "Sort descending",
+		"drop_to_upload": "Drop CSV or TSV files here to import data into dataframe",
+		"clear_sort": "Clear sort",
+		"filter": "Filter",
+		"clear_filter": "Clear filters"
+	},
+	"dropdown": {
+		"dropdown": "Dropdown"
+	},
+	"errors": {
+		"build_error": "there is a build error",
+		"config_error": "there is a config error",
+		"contact_page_author": "Please contact the author of the page to let them know.",
+		"no_app_file": "there is no app file",
+		"runtime_error": "there is a runtime error",
+		"space_not_working": "\"Space isn't working because\" {0}",
+		"space_paused": "the space is paused",
+		"use_via_api": "Use via API",
+		"use_via_api_or_mcp": "Use via API or MCP"
+	},
+	"file": {
+		"uploading": "Uploading..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Highlighted Text"
+	},
+	"image": {
+		"allow_webcam_access": "Please allow access to the webcam for recording.",
+		"brush_color": "Brush color",
+		"brush_radius": "Brush radius",
+		"image": "Image",
+		"remove_image": "Remove Image",
+		"select_brush_color": "Select brush color",
+		"start_drawing": "Start drawing",
+		"use_brush": "Use brush",
+		"drop_to_upload": "Drop an image file here to upload"
+	},
+	"label": {
+		"label": "Label"
+	},
+	"login": {
+		"enable_cookies": "If you are visiting a HuggingFace Space in Incognito mode, you must enable third party cookies.",
+		"incorrect_credentials": "Incorrect Credentials",
+		"username": "username",
+		"password": "password",
+		"login": "Login"
+	},
+	"number": {
+		"number": "Number"
+	},
+	"plot": {
+		"plot": "Plot"
+	},
+	"radio": {
+		"radio": "Radio"
+	},
+	"slider": {
+		"slider": "Slider"
+	},
+	"upload_text": {
+		"click_to_upload": "Click to Upload",
+		"drop_audio": "Drop Audio Here",
+		"drop_csv": "Drop CSV Here",
+		"drop_file": "Drop File Here",
+		"drop_image": "Drop Image Here",
+		"drop_video": "Drop Video Here",
+		"drop_gallery": "Drop Media Here",
+		"paste_clipboard": "Paste from Clipboard"
+	},
+	"video": {
+		"drop_to_upload": "Drop a video file here to upload"
+	}
+}
diff --git a/js/core/src/lang/es.json b/js/core/src/lang/es.json
new file mode 100644
index 0000000..85fd16e
--- /dev/null
+++ b/js/core/src/lang/es.json
@@ -0,0 +1,156 @@
+{
+	"_name": "Español",
+	"3D_model": {
+		"3d_model": "Modelo 3D",
+		"drop_to_upload": "Arrastra y suelta un archivo de modelo 3D (.obj, .glb, .stl, .gltf, .splat o .ply) aquí para cargarlo."
+	},
+	"annotated_image": {
+		"annotated_image": "Imagen Anotada"
+	},
+	"audio": {
+		"allow_recording_access": "Por favor, permita el acceso al micrófono para grabar.",
+		"audio": "Audio",
+		"record_from_microphone": "Grabar desde el micrófono",
+		"stop_recording": "Detener grabación",
+		"no_device_support": "No se pudo acceder a los dispositivos multimedia. Compruebe que está ejecutando en un origen seguro (https) o localhost (o que ha pasado un certificado SSL válido a ssl_verify), y que ha permitido el acceso del navegador a su dispositivo.",
+		"stop": "Detener",
+		"resume": "Reanudar",
+		"record": "Grabar",
+		"no_microphone": "No se encontró micrófono",
+		"pause": "Pausar",
+		"play": "Reproducir",
+		"waiting": "Esperando",
+		"drop_to_upload": "Arrastra un archivo de audio aquí para subirlo"
+	},
+	"blocks": {
+		"connection_can_break": "En dispositivos móviles, la conexión puede interrumpirse si esta pestaña pierde el foco o el dispositivo entra en reposo, perdiendo su posición en la cola.",
+		"long_requests_queue": "Hay una larga cola de solicitudes pendientes. Duplique este Space para saltarse la cola.",
+		"lost_connection": "Se perdió la conexión al abandonar la página. Volviendo a la cola...",
+		"waiting_for_inputs": "Esperando a que se complete(n) la(s) carga(s) de archivo(s), por favor inténtelo de nuevo."
+	},
+	"checkbox": {
+		"checkbox": "Casilla de verificación",
+		"checkbox_group": "Grupo de casillas"
+	},
+	"code": {
+		"code": "Código"
+	},
+	"color_picker": {
+		"color_picker": "Selector de color"
+	},
+	"common": {
+		"built_with": "construido con",
+		"built_with_gradio": "Construido con Gradio",
+		"clear": "Limpiar",
+		"download": "Descargar",
+		"edit": "Editar",
+		"empty": "Vacío",
+		"error": "Error",
+		"flag": "Marcar",
+		"hosted_on": "Alojado en",
+		"loading": "Cargando",
+		"logo": "logo",
+		"or": "o",
+		"remove": "Eliminar",
+		"settings": "Configuración",
+		"share": "Compartir",
+		"submit": "Enviar",
+		"undo": "Deshacer",
+		"no_devices": "No se encontraron dispositivos",
+		"language": "Idioma",
+		"display_theme": "Tema de visualización",
+		"pwa": "Aplicación web progresiva"
+	},
+	"dataframe": {
+		"incorrect_format": "Formato incorrecto, solo se admiten archivos CSV y TSV",
+		"new_column": "Agregar columna",
+		"new_row": "Nueva fila",
+		"add_row_above": "Agregar fila arriba",
+		"add_row_below": "Agregar fila abajo",
+		"add_column_left": "Agregar columna a la izquierda",
+		"add_column_right": "Agregar columna a la derecha",
+		"delete_row": "Eliminar fila",
+		"delete_column": "Eliminar columna",
+		"sort_column": "Ordenar columna",
+		"sort_ascending": "Ordenar ascendente",
+		"sort_descending": "Ordenar descendente",
+		"drop_to_upload": "Arrastra y suelta los archivos CSV o TSV aquí para importar datos al dataframe",
+		"clear_sort": "Limpiar ordenamiento"
+	},
+	"dropdown": {
+		"dropdown": "Menú desplegable"
+	},
+	"errors": {
+		"build_error": "hay un error de compilación",
+		"config_error": "hay un error de configuración",
+		"contact_page_author": "Por favor, contacte al autor de la página para informarle.",
+		"no_app_file": "no hay archivo de aplicación",
+		"runtime_error": "hay un error de ejecución",
+		"space_not_working": "\"El Space no funciona porque\" {0}",
+		"space_paused": "el space está pausado",
+		"use_via_api": "Usar vía API",
+		"use_via_api_or_mcp": "Usar vía API o MCP"
+	},
+	"file": {
+		"uploading": "Subiendo..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Texto resaltado"
+	},
+	"image": {
+		"allow_webcam_access": "Por favor, permita el acceso a la cámara web para grabar.",
+		"brush_color": "Color del pincel",
+		"brush_radius": "Radio del pincel",
+		"image": "Imagen",
+		"remove_image": "Eliminar imagen",
+		"select_brush_color": "Seleccionar color del pincel",
+		"start_drawing": "Empezar a dibujar",
+		"use_brush": "Usar pincel",
+		"drop_to_upload": "Arrastra un archivo de imagen aquí para subirlo"
+	},
+	"label": {
+		"label": "Etiqueta"
+	},
+	"login": {
+		"enable_cookies": "Si está visitando un Space de HuggingFace en modo Incógnito, debe habilitar las cookies de terceros.",
+		"incorrect_credentials": "Credenciales incorrectas",
+		"username": "usuario",
+		"password": "contraseña",
+		"login": "Iniciar sesión"
+	},
+	"number": {
+		"number": "Número"
+	},
+	"plot": {
+		"plot": "Gráfico"
+	},
+	"radio": {
+		"radio": "Radio"
+	},
+	"slider": {
+		"slider": "Deslizador"
+	},
+	"upload_text": {
+		"click_to_upload": "Haga clic para cargar",
+		"drop_audio": "Coloque el audio aquí",
+		"drop_csv": "Coloque el CSV aquí",
+		"drop_file": "Coloque el archivo aquí",
+		"drop_image": "Coloque la imagen aquí",
+		"drop_video": "Coloque el video aquí",
+		"drop_gallery": "Coloque las imágenes aquí",
+		"paste_clipboard": "Pegar desde el portapapeles"
+	},
+	"video": {
+		"drop_to_upload": "Arrastra un archivo de video aquí para subirlo"
+	},
+	"chatbot": {
+		"edit": "Editar",
+		"retry": "Reintentar",
+		"undo": "Deshacer",
+		"submit": "Enviar",
+		"cancel": "Cancelar",
+		"like": "Me gusta",
+		"dislike": "No me gusta",
+		"clear": "Limpiar chat"
+	}
+}
diff --git a/js/core/src/lang/et.json b/js/core/src/lang/et.json
new file mode 100644
index 0000000..1fe33f7
--- /dev/null
+++ b/js/core/src/lang/et.json
@@ -0,0 +1,171 @@
+{
+	"_name": "eesti keel",
+	"3D_model": {
+		"3d_model": "3D-mudel",
+		"drop_to_upload": "Lohista 3D-mudeli fail (.obj, .glb, .stl, .gltf, .splat või .ply) üleslaadimiseks siia"
+	},
+	"annotated_image": {
+		"annotated_image": "Annoteeritud pilt"
+	},
+	"audio": {
+		"allow_recording_access": "Palun luba salvestamiseks juurdepääs mikrofonile.",
+		"audio": "Heli",
+		"drop_to_upload": "Lohista helifail üleslaadimiseks siia",
+		"record_from_microphone": "Salvesta mikrofonist",
+		"stop_recording": "Peata salvestamine",
+		"no_device_support": "Meediaseadmetele ei õnnestunud juurde pääseda. Kontrolli, et kasutad turvalist allikat (https) või localhosti (või oled edastanud parameetrile ssl_verify kehtiva SSL-sertifikaadi) ning oled lubanud brauseril oma seadmele juurde pääseda.",
+		"stop": "Peata",
+		"resume": "Jätka",
+		"record": "Salvesta",
+		"no_microphone": "Mikrofoni ei leitud",
+		"pause": "Paus",
+		"play": "Esita",
+		"waiting": "Ootel"
+	},
+	"blocks": {
+		"connection_can_break": "Mobiilis võib ühendus katkeda, kui see vahekaart kaotab fookuse või seade läheb ooteolekusse, mistõttu kaob sinu koht järjekorras.",
+		"long_requests_queue": "Ootel päringute järjekord on pikk. Vahelejätmiseks dubleeri see Space.",
+		"lost_connection": "Ühendus katkes lehelt lahkumise tõttu. Liitutakse järjekorraga uuesti...",
+		"waiting_for_inputs": "Oodatakse faili(de) üleslaadimise lõppu, palun proovi uuesti."
+	},
+	"chatbot": {
+		"edit": "Muuda",
+		"retry": "Proovi uuesti",
+		"undo": "Võta tagasi",
+		"submit": "Saada",
+		"cancel": "Tühista",
+		"like": "Meeldib",
+		"dislike": "Ei meeldi",
+		"clear": "Tühjenda",
+		"copy_message": "Kopeeri sõnum",
+		"copied_message": "Sõnum kopeeritud"
+	},
+	"chat_interface": {
+		"new_chat": "Uus vestlus",
+		"message_placeholder": "Sisesta sõnum...",
+		"additional_inputs": "Lisasisendid",
+		"chatbot": "Vestlusrobot",
+		"conversation": "Vestlus"
+	},
+	"checkbox": {
+		"checkbox": "Märkeruut",
+		"checkbox_group": "Märkeruutude rühm"
+	},
+	"code": {
+		"code": "Kood"
+	},
+	"color_picker": {
+		"color_picker": "Värvivalija"
+	},
+	"common": {
+		"built_with": "loodud kasutades",
+		"built_with_gradio": "Loodud Gradioga",
+		"clear": "Tühjenda",
+		"download": "Lae alla",
+		"edit": "Muuda",
+		"empty": "Tühi",
+		"error": "Viga",
+		"hosted_on": "Majutatud platvormil",
+		"loading": "Laen",
+		"logo": "logo",
+		"or": "või",
+		"remove": "Eemalda",
+		"settings": "Seaded",
+		"share": "Jaga",
+		"submit": "Saada",
+		"undo": "Võta tagasi",
+		"no_devices": "Seadmeid ei leitud",
+		"language": "Keel",
+		"display_theme": "Kuvateema",
+		"pwa": "Progressiivne veebirakendus",
+		"record": "Salvesta",
+		"stop_recording": "Peata salvestamine",
+		"screen_studio": "Screen Studio",
+		"share_gradio_tab": "[Jaga] Gradio vahekaart",
+		"run": "Käivita"
+	},
+	"dataframe": {
+		"incorrect_format": "Vale vorming, toetatud on ainult CSV- ja TSV-failid",
+		"new_column": "Lisa veerg",
+		"new_row": "Uus rida",
+		"add_row_above": "Lisa rida ülespoole",
+		"add_row_below": "Lisa rida allapoole",
+		"delete_row": "Kustuta rida",
+		"delete_column": "Kustuta veerg",
+		"add_column_left": "Lisa veerg vasakule",
+		"add_column_right": "Lisa veerg paremale",
+		"sort_column": "Sordi veergu",
+		"sort_ascending": "Sordi kasvavalt",
+		"sort_descending": "Sordi kahanevalt",
+		"drop_to_upload": "Lohista CSV- või TSV-failid siia, et importida andmed andmetabelisse",
+		"clear_sort": "Eemalda sortimine",
+		"filter": "Filter",
+		"clear_filter": "Tühjenda filtrid"
+	},
+	"dropdown": {
+		"dropdown": "Rippmenüü"
+	},
+	"errors": {
+		"build_error": "esines koostamise viga",
+		"config_error": "esines seadistuse viga",
+		"contact_page_author": "Palun võta lehe autoriga ühendust ja anna sellest teada.",
+		"no_app_file": "rakenduse fail puudub",
+		"runtime_error": "esines käitusaegne viga",
+		"space_not_working": "\"Space ei tööta, sest\" {0}",
+		"space_paused": "Space on peatatud",
+		"use_via_api": "Kasuta API kaudu",
+		"use_via_api_or_mcp": "Kasuta API või MCP kaudu"
+	},
+	"file": {
+		"uploading": "Üleslaadimine..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Esiletõstetud tekst"
+	},
+	"image": {
+		"allow_webcam_access": "Palun luba salvestamiseks juurdepääs veebikaamerale.",
+		"brush_color": "Pintsli värv",
+		"brush_radius": "Pintsli raadius",
+		"image": "Pilt",
+		"remove_image": "Eemalda pilt",
+		"select_brush_color": "Vali pintsli värv",
+		"start_drawing": "Alusta joonistamist",
+		"use_brush": "Kasuta pintslit",
+		"drop_to_upload": "Lohista pildifail üleslaadimiseks siia"
+	},
+	"label": {
+		"label": "Silt"
+	},
+	"login": {
+		"enable_cookies": "Kui külastad Hugging Face Space'i privaatses režiimis, pead lubama kolmanda osapoole küpsised.",
+		"incorrect_credentials": "Valed sisenemisandmed",
+		"username": "kasutajanimi",
+		"password": "salasõna",
+		"login": "Logi sisse"
+	},
+	"number": {
+		"number": "Arv"
+	},
+	"plot": {
+		"plot": "Graafik"
+	},
+	"radio": {
+		"radio": "Raadionupp"
+	},
+	"slider": {
+		"slider": "Liugur"
+	},
+	"upload_text": {
+		"click_to_upload": "Klõpsa üleslaadimiseks",
+		"drop_audio": "Lohista heli siia",
+		"drop_csv": "Lohista CSV siia",
+		"drop_file": "Lohista fail siia",
+		"drop_image": "Lohista pilt siia",
+		"drop_video": "Lohista video siia",
+		"drop_gallery": "Lohista meedia siia",
+		"paste_clipboard": "Kleebi lõikelaualt"
+	},
+	"video": {
+		"drop_to_upload": "Lohista videofail üleslaadimiseks siia"
+	}
+}
diff --git a/js/core/src/lang/eu.json b/js/core/src/lang/eu.json
new file mode 100644
index 0000000..fee24be
--- /dev/null
+++ b/js/core/src/lang/eu.json
@@ -0,0 +1,154 @@
+{
+	"_name": "Euskara",
+	"3D_model": {
+		"3d_model": "3D Modeloa",
+		"drop_to_upload": "Arrastatu 3D modelo bat (.obj, .glb, .stl, .gltf, .splat edo .ply) igotzeko."
+	},
+	"annotated_image": {
+		"annotated_image": "Irudi Erantsia"
+	},
+	"audio": {
+		"allow_recording_access": "Mesedez, baimendu mikrofonoaren sarbidea grabatzeko.",
+		"audio": "Audioa",
+		"record_from_microphone": "Mikrofonotik grabatu",
+		"stop_recording": "Grabaketa gelditu",
+		"no_device_support": "Ezin izan da multimedia gailuetara sartu. Ziurtatu jatorri seguru batean (https) edo localhost-en exekutatzen ari zarela (edo SSL ziurtagiri baliozkoa eman diozula ssl_verify-ri), eta nabigatzaileari zure gailura sarbidea eman diozula.",
+		"stop": "Gelditu",
+		"resume": "Jarraitu",
+		"record": "Grabatu",
+		"no_microphone": "Ez da mikrofonorik aurkitu",
+		"pause": "Pausatu",
+		"play": "Erreproduzitu",
+		"waiting": "Itxaroten",
+		"drop_to_upload": "Arrastatu audio fitxategia hemen igotzeko"
+	},
+	"blocks": {
+		"connection_can_break": "Mugikorretan, konexioa eten daiteke fitxa honek fokua galtzen badu edo gailua lokartu egiten bada, ilaran duzun posizioa galduz.",
+		"long_requests_queue": "Eskaera ilara luzea dago zain. Space hau bikoiztu saltatzeko.",
+		"lost_connection": "Konexioa galdu da orria uzteagatik. Ilarara itzultzen...",
+		"waiting_for_inputs": "Itxaron fitxategiak igo arte, saiatu berriro mesedez"
+	},
+	"checkbox": {
+		"checkbox": "Kontrol-laukia",
+		"checkbox_group": "Kontrol-laukien taldea"
+	},
+	"code": {
+		"code": "Kodea"
+	},
+	"color_picker": {
+		"color_picker": "Kolore hautatzailea"
+	},
+	"common": {
+		"built_with": "honekin eraikia",
+		"built_with_gradio": "Gradio-rekin eraikia",
+		"clear": "Garbitu",
+		"download": "Deskargatu",
+		"edit": "Editatu",
+		"empty": "Hutsik",
+		"error": "Errorea",
+		"hosted_on": "Ostatatuta",
+		"loading": "Kargatzen",
+		"logo": "logoa",
+		"or": "edo",
+		"remove": "Kendu",
+		"settings": "Ezarpenak",
+		"share": "Partekatu",
+		"submit": "Bidali",
+		"undo": "Desegin",
+		"no_devices": "Ez da gailurik aurkitu",
+		"language": "Hizkuntza",
+		"display_theme": "Bistaratze gaia",
+		"pwa": "Web Aplikazio Aurreratua"
+	},
+	"dataframe": {
+		"incorrect_format": "Formatu okerra, CSV eta TSV fitxategiak soilik onartzen dira",
+		"new_column": "Zutabea gehitu",
+		"new_row": "Errenkada berria",
+		"add_row_above": "Errenkada gehitu gainean",
+		"add_row_below": "Errenkada gehitu azpian",
+		"add_column_left": "Zutabea gehitu ezkerrean",
+		"add_column_right": "Zutabea gehitu eskuinean",
+		"delete_row": "Ezabatu errenkila",
+		"delete_column": "Ezabatu zutabea",
+		"sort_column": "Ordenatu zutabea",
+		"sort_ascending": "Behetik gorako ordena",
+		"sort_descending": "Goitik beherako ordena",
+		"drop_to_upload": "Arrastatu CSV edo TSV fitxategiak hemen datuak dataframe-an inportatzeko",
+		"clear_sort": "Garbitu ordena"
+	},
+	"dropdown": {
+		"dropdown": "Goitibeherako menua"
+	},
+	"errors": {
+		"build_error": "eraikitze errore bat dago",
+		"config_error": "konfigurazio errore bat dago",
+		"contact_page_author": "Mesedez, jarri harremanetan orriaren egilearekin jakinarazteko.",
+		"no_app_file": "ez dago aplikazio fitxategirik",
+		"runtime_error": "exekuzio errore bat dago",
+		"space_not_working": "\"Space-a ez dabil honako arrazoi honengatik:\" {0}",
+		"space_paused": "space-a pausatuta dago",
+		"use_via_api": "API bidez erabili"
+	},
+	"file": {
+		"uploading": "Igotzen..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Nabarmendutako testua"
+	},
+	"image": {
+		"allow_webcam_access": "Mesedez, baimendu web-kameraren sarbidea grabatzeko.",
+		"brush_color": "Pintzelaren kolorea",
+		"brush_radius": "Pintzelaren tamaina",
+		"image": "Irudia",
+		"remove_image": "Irudia kendu",
+		"select_brush_color": "Aukeratu pintzelaren kolorea",
+		"start_drawing": "Hasi marrazten",
+		"use_brush": "Pintzela erabili",
+		"drop_to_upload": "Arrastatu irudi fitxategia hemen igotzeko"
+	},
+	"label": {
+		"label": "Etiketa"
+	},
+	"login": {
+		"enable_cookies": "HuggingFace Space bat Inkognito moduan bisitatzen ari bazara, hirugarrenen cookieak gaitu behar dituzu.",
+		"incorrect_credentials": "Kredentzial okerrak",
+		"username": "erabiltzaile izena",
+		"password": "pasahitza",
+		"login": "Saioa hasi"
+	},
+	"number": {
+		"number": "Zenbakia"
+	},
+	"plot": {
+		"plot": "Grafikoa"
+	},
+	"radio": {
+		"radio": "Aukera botoia"
+	},
+	"slider": {
+		"slider": "Graduatzailea"
+	},
+	"upload_text": {
+		"click_to_upload": "Klikatu igotzeko",
+		"drop_audio": "Utzi audioa hemen",
+		"drop_csv": "Utzi CSV-a hemen",
+		"drop_file": "Utzi fitxategia hemen",
+		"drop_image": "Utzi irudia hemen",
+		"drop_video": "Utzi bideoa hemen",
+		"drop_gallery": "Utzi multimedia hemen",
+		"paste_clipboard": "Itsatsi arbeleko edukia"
+	},
+	"video": {
+		"drop_to_upload": "Arrastatu bideo fitxategia hemen igotzeko"
+	},
+	"chatbot": {
+		"edit": "Editatu",
+		"retry": "Saiatu berriro",
+		"undo": "Desegin",
+		"submit": "Bidali",
+		"cancel": "Utzi",
+		"like": "Gustuko dut",
+		"dislike": "Ez dut gustuko",
+		"clear": "Garbitu txata"
+	}
+}
diff --git a/js/core/src/lang/fa.json b/js/core/src/lang/fa.json
new file mode 100644
index 0000000..6370d6d
--- /dev/null
+++ b/js/core/src/lang/fa.json
@@ -0,0 +1,154 @@
+{
+	"_name": "فارسی",
+	"3D_model": {
+		"3d_model": "مدل سه‌بعدی",
+		"drop_to_upload": "فایل مدل سه‌بعدی (.obj، .glb، .stl، .gltf، .splat یا .ply) را اینجا رها کنید تا بارگذاری شود."
+	},
+	"annotated_image": {
+		"annotated_image": "تصویر حاشیه‌نویسی شده"
+	},
+	"audio": {
+		"allow_recording_access": "لطفاً برای ضبط صدا، دسترسی به میکروفون را مجاز کنید.",
+		"audio": "صدا",
+		"record_from_microphone": "ضبط از میکروفون",
+		"stop_recording": "توقف ضبط",
+		"no_device_support": "دسترسی به دستگاه‌های رسانه‌ای امکان‌پذیر نیست. اطمینان حاصل کنید که در یک منبع امن (https) یا localhost اجرا می‌شود (یا یک گواهی SSL معتبر به ssl_verify داده‌اید)، و به مرورگر اجازه دسترسی به دستگاه خود را داده‌اید.",
+		"stop": "توقف",
+		"resume": "ادامه",
+		"record": "ضبط",
+		"no_microphone": "میکروفونی یافت نشد",
+		"pause": "مکث",
+		"play": "پخش",
+		"waiting": "در حال انتظار",
+		"drop_to_upload": "فایل صوتی خود را اینجا رها کنید تا بارگذاری شود"
+	},
+	"blocks": {
+		"connection_can_break": "در موبایل، اگر این تب از حالت فعال خارج شود یا دستگاه به خواب برود، اتصال می‌تواند قطع شود و موقعیت شما در صف از دست می‌رود.",
+		"long_requests_queue": "صف طولانی از درخواست‌های در انتظار وجود دارد. برای رد کردن صف، این Space را تکثیر کنید.",
+		"lost_connection": "اتصال به دلیل ترک صفحه قطع شد. در حال بازگشت به صف...",
+		"waiting_for_inputs": "در انتظار به پایان رسیدن بارگذاری فایل‌ها، لطفاً مجدداً امتحان کنید."
+	},
+	"checkbox": {
+		"checkbox": "چک‌باکس",
+		"checkbox_group": "گروه چک‌باکس"
+	},
+	"code": {
+		"code": "کد"
+	},
+	"color_picker": {
+		"color_picker": "انتخابگر رنگ"
+	},
+	"common": {
+		"built_with": "ساخته شده با",
+		"built_with_gradio": "ساخته شده با Gradio",
+		"clear": "پاک کردن",
+		"download": "دانلود",
+		"edit": "ویرایش",
+		"empty": "خالی",
+		"error": "خطا",
+		"hosted_on": "میزبانی شده در",
+		"loading": "در حال بارگذاری",
+		"logo": "لوگو",
+		"or": "یا",
+		"remove": "حذف",
+		"settings": "تنظیمات",
+		"share": "اشتراک‌گذاری",
+		"submit": "ارسال",
+		"undo": "واگرد",
+		"no_devices": "هیچ دستگاهی یافت نشد",
+		"language": "زبان",
+		"display_theme": "تم نمایش",
+		"pwa": "وب‌اپلیکیشن پیشرونده"
+	},
+	"dataframe": {
+		"incorrect_format": "فرمت نادرست، فقط فایل‌های CSV و TSV پشتیبانی می‌شوند",
+		"new_column": "افزودن ستون",
+		"new_row": "سطر جدید",
+		"add_row_above": "افزودن سطر در بالا",
+		"add_row_below": "افزودن سطر در پایین",
+		"add_column_left": "افزودن ستون در چپ",
+		"add_column_right": "افزودن ستون در راست",
+		"delete_row": "حذف سطر",
+		"delete_column": "حذف ستون",
+		"sort_column": "ستون را مرتب کنید",
+		"sort_ascending": "مرتب‌سازی صعودی",
+		"sort_descending": "مرتب‌سازی نزولی",
+		"drop_to_upload": "فایل‌های CSV یا TSV را اینجا رها کنید تا داده‌ها را به دیتافریم وارد کنید",
+		"clear_sort": "مرتب‌سازی را پاک کنید"
+	},
+	"dropdown": {
+		"dropdown": "منوی کشویی"
+	},
+	"errors": {
+		"build_error": "خطای ساخت وجود دارد",
+		"config_error": "خطای پیکربندی وجود دارد",
+		"contact_page_author": "لطفاً با نویسنده صفحه تماس بگیرید تا به او اطلاع دهید.",
+		"no_app_file": "فایل برنامه وجود ندارد",
+		"runtime_error": "خطای زمان اجرا وجود دارد",
+		"space_not_working": "\"Space کار نمی‌کند زیرا\" {0}",
+		"space_paused": "Space متوقف شده است",
+		"use_via_api": "استفاده از طریق API"
+	},
+	"file": {
+		"uploading": "در حال آپلود..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "متن برجسته شده"
+	},
+	"image": {
+		"allow_webcam_access": "لطفاً برای ضبط، دسترسی به وب‌کم را مجاز کنید.",
+		"brush_color": "رنگ قلم",
+		"brush_radius": "اندازه قلم",
+		"image": "تصویر",
+		"remove_image": "حذف تصویر",
+		"select_brush_color": "انتخاب رنگ قلم",
+		"start_drawing": "شروع طراحی",
+		"use_brush": "استفاده از قلم",
+		"drop_to_upload": "فایل تصویر را اینجا رها کنید تا آپلود شود"
+	},
+	"label": {
+		"label": "برچسب"
+	},
+	"login": {
+		"enable_cookies": "اگر در حالت ناشناس از HuggingFace Space بازدید می‌کنید، باید کوکی‌های شخص ثالث را فعال کنید.",
+		"incorrect_credentials": "اطلاعات ورود نادرست",
+		"username": "نام کاربری",
+		"password": "رمز عبور",
+		"login": "ورود"
+	},
+	"number": {
+		"number": "عدد"
+	},
+	"plot": {
+		"plot": "نمودار"
+	},
+	"radio": {
+		"radio": "دکمه رادیویی"
+	},
+	"slider": {
+		"slider": "اسلایدر"
+	},
+	"upload_text": {
+		"click_to_upload": "برای آپلود کلیک کنید",
+		"drop_audio": "فایل صوتی را اینجا رها کنید",
+		"drop_csv": "CSV را اینجا رها کنید",
+		"drop_file": "فایل را اینجا رها کنید",
+		"drop_image": "تصویر را اینجا رها کنید",
+		"drop_video": "ویدیو را اینجا رها کنید",
+		"drop_gallery": "رسانه را اینجا رها کنید",
+		"paste_clipboard": "چسباندن از کلیپ‌بورد"
+	},
+	"video": {
+		"drop_to_upload": "فایل ویدیو را اینجا رها کنید تا آپلود شود"
+	},
+	"chatbot": {
+		"edit": "ویرایش",
+		"retry": "تلاش مجدد",
+		"undo": "بازگشت",
+		"submit": "ارسال",
+		"cancel": "لغو",
+		"like": "پسندیدم",
+		"dislike": "نپسندیدم",
+		"clear": "پاک کردن گفتگو"
+	}
+}
diff --git a/js/core/src/lang/fi.json b/js/core/src/lang/fi.json
new file mode 100644
index 0000000..7934ff0
--- /dev/null
+++ b/js/core/src/lang/fi.json
@@ -0,0 +1,154 @@
+{
+	"_name": "Suomi",
+	"3D_model": {
+		"3d_model": "3D-malli",
+		"drop_to_upload": "Lataa 3D-malli (.obj, .glb, .stl, .gltf, .splat tai .ply) tähän pudottamalla tiedosto."
+	},
+	"annotated_image": {
+		"annotated_image": "Merkitty kuva"
+	},
+	"audio": {
+		"allow_recording_access": "Anna lupa mikrofonin käyttöön nauhoitusta varten.",
+		"audio": "Ääni",
+		"record_from_microphone": "Nauhoita mikrofonista",
+		"stop_recording": "Lopeta nauhoitus",
+		"no_device_support": "Medialaitteisiin ei saada yhteyttä. Varmista, että käytät suojattua lähdettä (https) tai localhostia (tai olet antanut kelvollisen SSL-varmenteen ssl_verify:lle), ja olet antanut selaimelle luvan käyttää laitettasi.",
+		"stop": "Pysäytä",
+		"resume": "Jatka",
+		"record": "Nauhoita",
+		"no_microphone": "Mikrofonia ei löydy",
+		"pause": "Tauko",
+		"play": "Toista",
+		"waiting": "Odotetaan",
+		"drop_to_upload": "Lataa kuvatiedosto tähän pudottamalla se"
+	},
+	"blocks": {
+		"connection_can_break": "Mobiililaitteilla yhteys voi katketa, jos tämä välilehti menettää fokuksen tai laite menee lepotilaan, jolloin paikkasi jonossa menetetään.",
+		"long_requests_queue": "Jonossa on paljon odottavia pyyntöjä. Monista tämä Space ohittaaksesi jonon.",
+		"lost_connection": "Yhteys katkesi sivulta poistumisen vuoksi. Palataan jonoon...",
+		"waiting_for_inputs": "Odotetaan tiedostojen lataamisen päättymistä, yritä uudelleen."
+	},
+	"checkbox": {
+		"checkbox": "Valintaruutu",
+		"checkbox_group": "Valintaruuturyhmä"
+	},
+	"code": {
+		"code": "Koodi"
+	},
+	"color_picker": {
+		"color_picker": "Värivalitsin"
+	},
+	"common": {
+		"built_with": "Tehty käyttäen",
+		"built_with_gradio": "Tehty Gradiolla",
+		"clear": "Tyhjennä",
+		"download": "Lataa",
+		"edit": "Muokkaa",
+		"empty": "Tyhjä",
+		"error": "Virhe",
+		"hosted_on": "Isännöity palvelimella",
+		"loading": "Ladataan",
+		"logo": "logo",
+		"or": "tai",
+		"remove": "Poista",
+		"settings": "Asetukset",
+		"share": "Jaa",
+		"submit": "Lähetä",
+		"undo": "Kumoa",
+		"no_devices": "Laitteita ei löytynyt",
+		"language": "Kieli",
+		"display_theme": "Näyttöteema",
+		"pwa": "Progressiivinen verkkosovellus"
+	},
+	"dataframe": {
+		"incorrect_format": "Väärä muoto, vain CSV- ja TSV-tiedostot ovat tuettuja",
+		"new_column": "Lisää sarake",
+		"new_row": "Uusi rivi",
+		"add_row_above": "Lisää rivi yläpuolelle",
+		"add_row_below": "Lisää rivi alapuolelle",
+		"add_column_left": "Lisää sarake vasemmalle",
+		"add_column_right": "Lisää sarake oikealle",
+		"delete_row": "Poista rivi",
+		"delete_column": "Poista sarake",
+		"sort_column": "Lajittele sarake",
+		"sort_ascending": "Lajittele nousevaan järjestykseen",
+		"sort_descending": "Lajittele laskevaan järjestykseen",
+		"drop_to_upload": "Lataa CSV- tai TSV-tiedostoja tähän tuodaaksesi datan dataframeen.",
+		"clear_sort": "Tyhjennä järjestys"
+	},
+	"dropdown": {
+		"dropdown": "Pudotusvalikko"
+	},
+	"errors": {
+		"build_error": "rakennusvirhe",
+		"config_error": "määritysvirhe",
+		"contact_page_author": "Ota yhteyttä sivun tekijään ilmoittaaksesi.",
+		"no_app_file": "sovellustiedostoa ei ole",
+		"runtime_error": "ajonaikainen virhe",
+		"space_not_working": "\"Space ei toimi koska\" {0}",
+		"space_paused": "Space on keskeytetty",
+		"use_via_api": "Käytä API:n kautta"
+	},
+	"file": {
+		"uploading": "Ladataan..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Korostettu teksti"
+	},
+	"image": {
+		"allow_webcam_access": "Anna lupa web-kameran käyttöön nauhoitusta varten.",
+		"brush_color": "Siveltimen väri",
+		"brush_radius": "Siveltimen koko",
+		"image": "Kuva",
+		"remove_image": "Poista kuva",
+		"select_brush_color": "Valitse siveltimen väri",
+		"start_drawing": "Aloita piirtäminen",
+		"use_brush": "Käytä sivellintä",
+		"drop_to_upload": "Lataa kuva tiedosto tähän pudottamalla se"
+	},
+	"label": {
+		"label": "Tunniste"
+	},
+	"login": {
+		"enable_cookies": "Jos vierailet HuggingFace Spacessa Incognito-tilassa, sinun täytyy sallia kolmannen osapuolen evästeet.",
+		"incorrect_credentials": "Virheelliset kirjautumistiedot",
+		"username": "käyttäjätunnus",
+		"password": "salasana",
+		"login": "Kirjaudu sisään"
+	},
+	"number": {
+		"number": "Numero"
+	},
+	"plot": {
+		"plot": "Kaavio"
+	},
+	"radio": {
+		"radio": "Valintanappi"
+	},
+	"slider": {
+		"slider": "Liukusäädin"
+	},
+	"upload_text": {
+		"click_to_upload": "Napsauta ladataksesi",
+		"drop_audio": "Pudota äänitiedosto tähän",
+		"drop_csv": "Pudota CSV-tiedosto tähän",
+		"drop_file": "Pudota tiedosto tähän",
+		"drop_image": "Pudota kuva tähän",
+		"drop_video": "Pudota video tähän",
+		"drop_gallery": "Pudota media tähän",
+		"paste_clipboard": "Liitä leikepöydältä"
+	},
+	"video": {
+		"drop_to_upload": "Lataa videotiedosto pudottamalla se tähän."
+	},
+	"chatbot": {
+		"edit": "Muokkaa",
+		"retry": "Yritä uudelleen",
+		"undo": "Kumoa",
+		"submit": "Lähetä",
+		"cancel": "Peruuta",
+		"like": "Tykkää",
+		"dislike": "En tykkää",
+		"clear": "Tyhjennä keskustelu"
+	}
+}
diff --git a/js/core/src/lang/fr.json b/js/core/src/lang/fr.json
new file mode 100644
index 0000000..ad53ef9
--- /dev/null
+++ b/js/core/src/lang/fr.json
@@ -0,0 +1,157 @@
+{
+	"_name": "Français",
+	"3D_model": {
+		"3d_model": "Modèle 3D",
+		"drop_to_upload": "Déposez un fichier image ici pour le télécharger"
+	},
+	"annotated_image": {
+		"annotated_image": "Image annotée"
+	},
+	"audio": {
+		"allow_recording_access": "Veuillez autoriser l'accès au microphone pour l'enregistrement.",
+		"audio": "Audio",
+		"record_from_microphone": "Enregistrer depuis le microphone",
+		"stop_recording": "Arrêter l'enregistrement",
+		"no_device_support": "Impossible d'accéder aux périphériques multimédias. Assurez-vous que vous êtes sur une source sécurisée (https) ou localhost (ou avez passé un certificat SSL valide à ssl_verify), et que vous avez autorisé l'accès du navigateur à votre appareil.",
+		"stop": "Arrêter",
+		"resume": "Reprendre",
+		"record": "Enregistrer",
+		"no_microphone": "Aucun microphone trouvé",
+		"pause": "Pause",
+		"play": "Lecture",
+		"waiting": "En attente",
+		"drop_to_upload": "Déposez un fichier audio ici pour le télécharger"
+	},
+	"blocks": {
+		"connection_can_break": "Sur mobile, la connexion peut être interrompue si cet onglet perd le focus ou si l'appareil se met en veille, perdant votre position dans la file d'attente.",
+		"long_requests_queue": "Il y a une longue file d'attente de requêtes en attente. Dupliquez ce Space pour la contourner.",
+		"lost_connection": "Connexion perdue en quittant la page. Retour à la file d'attente...",
+		"waiting_for_inputs": "En attente de la fin du téléchargement des fichier(s), veuillez réessayer."
+	},
+	"checkbox": {
+		"checkbox": "Case à cocher",
+		"checkbox_group": "Groupe de cases à cocher"
+	},
+	"code": {
+		"code": "Code"
+	},
+	"color_picker": {
+		"color_picker": "Sélecteur de couleur"
+	},
+	"common": {
+		"built_with": "créé avec",
+		"built_with_gradio": "Créé avec Gradio",
+		"clear": "Effacer",
+		"download": "Télécharger",
+		"edit": "Modifier",
+		"empty": "Vide",
+		"flag": "Marquer",
+		"error": "Erreur",
+		"hosted_on": "Hébergé sur",
+		"loading": "Chargement",
+		"logo": "logo",
+		"or": "ou",
+		"remove": "Supprimer",
+		"settings": "Paramètres",
+		"share": "Partager",
+		"submit": "Envoyer",
+		"undo": "Annuler",
+		"no_devices": "Aucun périphérique trouvé",
+		"language": "Langue",
+		"display_theme": "Thème d'affichage",
+		"pwa": "Application web progressive",
+		"run": "Exécuter"
+	},
+	"dataframe": {
+		"incorrect_format": "Format incorrect, seuls les fichiers CSV et TSV sont pris en charge",
+		"new_column": "Ajouter une colonne",
+		"new_row": "Nouvelle ligne",
+		"add_row_above": "Ajouter une ligne au-dessus",
+		"add_row_below": "Ajouter une ligne en dessous",
+		"add_column_left": "Ajouter une colonne à gauche",
+		"add_column_right": "Ajouter une colonne à droite",
+		"delete_row": "Supprimer la ligne",
+		"delete_column": "Supprimer la colonne",
+		"sort_column": "Trier la colonne",
+		"sort_ascending": "Trier par ordre croissant",
+		"sort_descending": "Trier par ordre décroissant",
+		"drop_to_upload": "Déposez ici les fichiers CSV ou TSV pour importer les données dans le dataframe.",
+		"clear_sort": "Effacer le tri"
+	},
+	"dropdown": {
+		"dropdown": "Menu déroulant"
+	},
+	"errors": {
+		"build_error": "il y a une erreur de construction",
+		"config_error": "il y a une erreur de configuration",
+		"contact_page_author": "Veuillez contacter l'auteur de la page pour l'informer.",
+		"no_app_file": "il n'y a pas de fichier d'application",
+		"runtime_error": "il y a une erreur d'exécution",
+		"space_not_working": "\"Le Space ne fonctionne pas car\" {0}",
+		"space_paused": "le Space est en pause",
+		"use_via_api": "Utiliser via API",
+		"use_via_api_or_mcp": "Utiliser via API ou MCP"
+	},
+	"file": {
+		"uploading": "Téléchargement..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Texte surligné"
+	},
+	"image": {
+		"allow_webcam_access": "Veuillez autoriser l'accès à la webcam pour l'enregistrement.",
+		"brush_color": "Couleur du pinceau",
+		"brush_radius": "Taille du pinceau",
+		"image": "Image",
+		"remove_image": "Supprimer l'image",
+		"select_brush_color": "Sélectionner la couleur du pinceau",
+		"start_drawing": "Commencer à dessiner",
+		"use_brush": "Utiliser le pinceau",
+		"drop_to_upload": "Déposez un fichier image ici pour télécharger"
+	},
+	"label": {
+		"label": "Étiquette"
+	},
+	"login": {
+		"enable_cookies": "Si vous visitez un Space HuggingFace en mode Incognito, vous devez activer les cookies tiers.",
+		"incorrect_credentials": "Identifiants incorrects",
+		"username": "nom d'utilisateur",
+		"password": "mot de passe",
+		"login": "Connexion"
+	},
+	"number": {
+		"number": "Nombre"
+	},
+	"plot": {
+		"plot": "Graphique"
+	},
+	"radio": {
+		"radio": "Bouton radio"
+	},
+	"slider": {
+		"slider": "Curseur"
+	},
+	"upload_text": {
+		"click_to_upload": "Cliquez pour télécharger un fichier",
+		"drop_audio": "Déposez l'audio ici",
+		"drop_csv": "Déposez le fichier CSV ici",
+		"drop_file": "Déposez le fichier ici",
+		"drop_image": "Déposez l'image ici",
+		"drop_video": "Déposez la vidéo ici",
+		"drop_gallery": "Déposez les médias ici",
+		"paste_clipboard": "Coller depuis le presse-papiers"
+	},
+	"video": {
+		"drop_to_upload": "Déposez un fichier vidéo ici pour le télécharger"
+	},
+	"chatbot": {
+		"edit": "Modifier",
+		"retry": "Réessayer",
+		"undo": "Annuler",
+		"submit": "Envoyer",
+		"cancel": "Annuler",
+		"like": "J'aime",
+		"dislike": "Je n'aime pas",
+		"clear": "Effacer la conversation"
+	}
+}
diff --git a/js/core/src/lang/get_lang_names.js b/js/core/src/lang/get_lang_names.js
new file mode 100644
index 0000000..990b4a5
--- /dev/null
+++ b/js/core/src/lang/get_lang_names.js
@@ -0,0 +1,25 @@
+//@ts-nocheck
+import fs from "fs";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const langs = fs.readdirSync(path.join(__dirname, "..", "lang"));
+
+let lang_names = {};
+let lang_loading = {};
+
+for (const lang of langs) {
+	if (lang.endsWith(".json")) {
+		const lang_text = fs.readFileSync(
+			path.join(__dirname, "..", "lang", lang),
+			"utf8"
+		);
+		const lang_data = JSON.parse(lang_text.trim());
+		lang_names[lang.split(".")[0]] = lang_data._name;
+		lang_loading[lang.split(".")[0]] =
+			lang_data?.common?.loading || "Loading...";
+	}
+}
diff --git a/js/core/src/lang/he.json b/js/core/src/lang/he.json
new file mode 100644
index 0000000..dc1260a
--- /dev/null
+++ b/js/core/src/lang/he.json
@@ -0,0 +1,154 @@
+{
+	"_name": "עברית",
+	"3D_model": {
+		"3d_model": "מודל תלת מימד",
+		"drop_to_upload": "הטילו קובץ מודל 3D (.obj, .glb, .stl, .gltf, .splat או .ply) כאן כדי להעלות"
+	},
+	"annotated_image": {
+		"annotated_image": "תמונה מוערת"
+	},
+	"audio": {
+		"allow_recording_access": "אנא אפשר/י גישה למיקרופון להקלטה.",
+		"audio": "שמע",
+		"record_from_microphone": "הקלט ממיקרופון",
+		"stop_recording": "עצור הקלטה",
+		"no_device_support": "לא ניתן לגשת להתקני מדיה. וודא שאתה מריץ ממקור מאובטח (https) או localhost (או שהעברת אישור SSL תקף ל-ssl_verify), ושאישרת לדפדפן גישה למכשיר שלך.",
+		"stop": "עצור",
+		"resume": "המשך",
+		"record": "הקלט",
+		"no_microphone": "לא נמצא מיקרופון",
+		"pause": "השהה",
+		"play": "נגן",
+		"waiting": "ממתין",
+		"drop_to_upload": "הטילו קובץ אודיו כאן כדי להעלות"
+	},
+	"blocks": {
+		"connection_can_break": "בנייד, החיבור עלול להתנתק אם כרטיסייה זו מאבדת מיקוד או המכשיר נכנס למצב שינה, מה שיגרום לאיבוד מקומך בתור.",
+		"long_requests_queue": "יש תור ארוך של בקשות ממתינות. שכפל Space זה כדי לדלג על התור.",
+		"lost_connection": "החיבור אבד בגלל עזיבת העמוד. חוזר לתור...",
+		"waiting_for_inputs": "מחכים לסיום העלאה של הקבצים, אנא נסה שוב."
+	},
+	"checkbox": {
+		"checkbox": "תיבת סימון",
+		"checkbox_group": "קבוצת תיבות סימון"
+	},
+	"code": {
+		"code": "קוד"
+	},
+	"color_picker": {
+		"color_picker": "בוחר צבעים"
+	},
+	"common": {
+		"built_with": "נבנה עם",
+		"built_with_gradio": "נבנה עם Gradio",
+		"clear": "נקה",
+		"download": "הורד",
+		"edit": "ערוך",
+		"empty": "ריק",
+		"error": "שגיאה",
+		"hosted_on": "מאוחסן ב",
+		"loading": "טוען",
+		"logo": "לוגו",
+		"or": "או",
+		"remove": "הסר",
+		"settings": "הגדרות",
+		"share": "שתף",
+		"submit": "שלח",
+		"undo": "בטל",
+		"no_devices": "לא נמצאו התקנים",
+		"language": "שפה",
+		"display_theme": "ערכת נושא",
+		"pwa": "יישום ווב מתקדם"
+	},
+	"dataframe": {
+		"incorrect_format": "פורמט שגוי, רק קבצי CSV ו-TSV נתמכים",
+		"new_column": "הוסף עמודה",
+		"new_row": "שורה חדשה",
+		"add_row_above": "הוסף שורה מעל",
+		"add_row_below": "הוסף שורה מתחת",
+		"add_column_left": "הוסף עמודה משמאל",
+		"add_column_right": "הוסף עמודה מימין",
+		"delete_row": "מחק שורה",
+		"delete_column": "מחק עמודה",
+		"sort_column": "מיין עמודה",
+		"sort_ascending": "מיין בסדר עולה",
+		"sort_descending": "מיין בסדר יורד",
+		"drop_to_upload": "הטילו קבצי CSV או TSV כאן כדי לייבא נתונים לתוך dataframe",
+		"clear_sort": "נקה סדר"
+	},
+	"dropdown": {
+		"dropdown": "תפריט נפתח"
+	},
+	"errors": {
+		"build_error": "יש שגיאת בנייה",
+		"config_error": "יש שגיאת תצורה",
+		"contact_page_author": "אנא צור קשר עם מחבר העמוד כדי ליידע אותו.",
+		"no_app_file": "אין קובץ יישום",
+		"runtime_error": "יש שגיאת זמן ריצה",
+		"space_not_working": "\"ה-Space לא עובד כי\" {0}",
+		"space_paused": "ה-Space מושהה",
+		"use_via_api": "השתמש דרך API"
+	},
+	"file": {
+		"uploading": "מעלה..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "טקסט מודגש"
+	},
+	"image": {
+		"allow_webcam_access": "אנא אפשר גישה למצלמת האינטרנט להקלטה.",
+		"brush_color": "צבע מברשת",
+		"brush_radius": "גודל מברשת",
+		"image": "תמונה",
+		"remove_image": "הסר תמונה",
+		"select_brush_color": "בחר צבע מברשת",
+		"start_drawing": "התחל לצייר",
+		"use_brush": "השתמש במברשת",
+		"drop_to_upload": "הטילו קובץ תמונה כאן כדי להעלות"
+	},
+	"label": {
+		"label": "תווית"
+	},
+	"login": {
+		"enable_cookies": "אם אתה מבקר ב-Space של HuggingFace במצב גלישה בסתר, עליך לאפשר קובצי cookie של צד שלישי.",
+		"incorrect_credentials": "פרטי התחברות שגויים",
+		"username": "שם משתמש",
+		"password": "סיסמה",
+		"login": "התחבר"
+	},
+	"number": {
+		"number": "מספר"
+	},
+	"plot": {
+		"plot": "תרשים"
+	},
+	"radio": {
+		"radio": "כפתור רדיו"
+	},
+	"slider": {
+		"slider": "מחוון"
+	},
+	"upload_text": {
+		"click_to_upload": "לחץ להעלאה",
+		"drop_audio": "שחרר קובץ שמע כאן",
+		"drop_csv": "שחרר קובץ CSV כאן",
+		"drop_file": "שחרר קובץ כאן",
+		"drop_image": "שחרר תמונה כאן",
+		"drop_video": "שחרר וידאו כאן",
+		"drop_gallery": "שחרר מדיה כאן",
+		"paste_clipboard": "הדבק מהלוח"
+	},
+	"video": {
+		"drop_to_upload": "הטילו קובץ וידאו כאן כדי להעלות"
+	},
+	"chatbot": {
+		"edit": "עריכה",
+		"retry": "נסה שוב",
+		"undo": "בטל",
+		"submit": "שלח",
+		"cancel": "ביטול",
+		"like": "אהבתי",
+		"dislike": "לא אהבתי",
+		"clear": "נקה שיחה"
+	}
+}
diff --git a/js/core/src/lang/hi.json b/js/core/src/lang/hi.json
new file mode 100644
index 0000000..27dc1bf
--- /dev/null
+++ b/js/core/src/lang/hi.json
@@ -0,0 +1,154 @@
+{
+	"_name": "हिंदी",
+	"3D_model": {
+		"3d_model": "3D मॉडल",
+		"drop_to_upload": "यहाँ 3D मॉडल (.obj, .glb, .stl, .gltf, .splat, या .ply) फ़ाइल ड्रॉप करें अपलोड करने के लिए"
+	},
+	"annotated_image": {
+		"annotated_image": "एनोटेट की गई छवि"
+	},
+	"audio": {
+		"allow_recording_access": "कृपया रिकॉर्डिंग के लिए माइक्रोफ़ोन एक्सेस की अनुमति दें।",
+		"audio": "ऑडियो",
+		"record_from_microphone": "माइक्रोफ़ोन से रिकॉर्ड करें",
+		"stop_recording": "रिकॉर्डिंग रोकें",
+		"no_device_support": "मीडिया डिवाइस तक पहुंच नहीं हो सकी। सुनिश्चित करें कि आप एक सुरक्षित स्रोत (https) या localhost पर चल रहे हैं (या ssl_verify को एक वैध SSL प्रमाणपत्र दिया है), और आपने अपने ब्राउज़र को अपने डिवाइस तक पहुंच की अनुमति दी है।",
+		"stop": "रोकें",
+		"resume": "जारी रखें",
+		"record": "रिकॉर्ड",
+		"no_microphone": "कोई माइक्रोफ़ोन नहीं मिला",
+		"pause": "रोकें",
+		"play": "चलाएं",
+		"waiting": "प्रतीक्षा कर रहा है",
+		"drop_to_upload": "यहाँ एक ऑडियो फाइल डालें अपलोड करने के लिए"
+	},
+	"blocks": {
+		"connection_can_break": "मोबाइल पर, यदि यह टैब फोकस खो देता है या डिवाइस स्लीप मोड में चला जाता है, तो कनेक्शन टूट सकता है, जिससे कतार में आपका स्थान खो जाएगा।",
+		"long_requests_queue": "लंबित अनुरोधों की एक लंबी कतार है। इसे छोड़ने के लिए इस Space को डुप्लिकेट करें।",
+		"lost_connection": "पेज छोड़ने के कारण कनेक्शन टूट गया। कतार में वापस जा रहा है...",
+		"waiting_for_inputs": "फाइलें अपलोड होने का इंतजार कर रहे हैं, कृपया पुन: प्रयास करें।"
+	},
+	"checkbox": {
+		"checkbox": "चेकबॉक्स",
+		"checkbox_group": "चेकबॉक्स समूह"
+	},
+	"code": {
+		"code": "कोड"
+	},
+	"color_picker": {
+		"color_picker": "रंग चयनकर्ता"
+	},
+	"common": {
+		"built_with": "के साथ बनाया गया",
+		"built_with_gradio": "Gradio के साथ बनाया गया",
+		"clear": "साफ़ करें",
+		"download": "डाउनलोड",
+		"edit": "संपादित करें",
+		"empty": "खाली",
+		"error": "त्रुटि",
+		"hosted_on": "पर होस्ट किया गया",
+		"loading": "लोड हो रहा है",
+		"logo": "लोगो",
+		"or": "या",
+		"remove": "हटाएं",
+		"settings": "सेटिंग्स",
+		"share": "साझा करें",
+		"submit": "सबमिट करें",
+		"undo": "पूर्ववत करें",
+		"no_devices": "कोई डिवाइस नहीं मिला",
+		"language": "भाषा",
+		"display_theme": "प्रदर्शन थीम",
+		"pwa": "प्रोग्रेसिव वेब ऐप"
+	},
+	"dataframe": {
+		"incorrect_format": "गलत प्रारूप, केवल CSV और TSV फ़ाइलें समर्थित हैं",
+		"new_column": "कॉलम जोड़ें",
+		"new_row": "नई पंक्ति",
+		"add_row_above": "ऊपर पंक्ति जोड़ें",
+		"add_row_below": "नीचे पंक्ति जोड़ें",
+		"add_column_left": "बाएं कॉलम जोड़ें",
+		"add_column_right": "दाएं कॉलम जोड़ें",
+		"delete_row": "पंक्ति हटाएं",
+		"delete_column": "कॉलम हटाएं",
+		"sort_column": "कॉलम को क्रमबद्ध करें",
+		"sort_ascending": "आरोही क्रम में क्रमबद्ध करें",
+		"sort_descending": "अवरोही क्रम में क्रमबद्ध करें",
+		"drop_to_upload": "यहाँ CSV या TSV फाइलें ड्रॉप करें ताकि डेटा डेटाफ़्रेम में आयात किया जा सके",
+		"clear_sort": "क्रमबद्धता हटाएं"
+	},
+	"dropdown": {
+		"dropdown": "ड्रॉपडाउन"
+	},
+	"errors": {
+		"build_error": "एक बिल्ड त्रुटि है",
+		"config_error": "एक कॉन्फ़िगरेशन त्रुटि है",
+		"contact_page_author": "कृपया पेज के लेखक को सूचित करने के लिए संपर्क करें।",
+		"no_app_file": "कोई ऐप फ़ाइल नहीं है",
+		"runtime_error": "एक रनटाइम त्रुटि है",
+		"space_not_working": "\"Space काम नहीं कर रहा है क्योंकि\" {0}",
+		"space_paused": "Space रोका गया है",
+		"use_via_api": "API के माध्यम से उपयोग करें"
+	},
+	"file": {
+		"uploading": "अपलोड हो रहा है..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "हाइलाइट किया गया टेक्स्ट"
+	},
+	"image": {
+		"allow_webcam_access": "कृपया रिकॉर्डिंग के लिए वेबकैम एक्सेस की अनुमति दें।",
+		"brush_color": "ब्रश का रंग",
+		"brush_radius": "ब्रश का आकार",
+		"image": "छवि",
+		"remove_image": "छवि हटाएं",
+		"select_brush_color": "ब्रश का रंग चुनें",
+		"start_drawing": "चित्रकारी शुरू करें",
+		"use_brush": "ब्रश का उपयोग करें",
+		"drop_to_upload": "यहाँ एक छवि फाइल डालें अपलोड करने के लिए"
+	},
+	"label": {
+		"label": "लेबल"
+	},
+	"login": {
+		"enable_cookies": "यदि आप इनकॉग्निटो मोड में HuggingFace Space का दौरा कर रहे हैं, तो आपको थर्ड-पार्टी कुकीज़ को सक्षम करना होगा।",
+		"incorrect_credentials": "गलत क्रेडेंशियल्स",
+		"username": "उपयोगकर्ता नाम",
+		"password": "पासवर्ड",
+		"login": "लॉग इन करें"
+	},
+	"number": {
+		"number": "संख्या"
+	},
+	"plot": {
+		"plot": "प्लॉट"
+	},
+	"radio": {
+		"radio": "रेडियो बटन"
+	},
+	"slider": {
+		"slider": "स्लाइडर"
+	},
+	"upload_text": {
+		"click_to_upload": "अपलोड करने के लिए क्लिक करें",
+		"drop_audio": "ऑडियो यहाँ छोड़ें",
+		"drop_csv": "CSV फाइल यहाँ छोड़ें",
+		"drop_file": "फ़ाइल यहाँ छोड़ें",
+		"drop_image": "छवि यहाँ छोड़ें",
+		"drop_video": "वीडियो यहाँ छोड़ें",
+		"drop_gallery": "मीडिया यहाँ छोड़ें",
+		"paste_clipboard": "क्लिपबोर्ड से पेस्ट करें"
+	},
+	"video": {
+		"drop_to_upload": "यहाँ एक वीडियो फाइल डालें अपलोड करने के लिए"
+	},
+	"chatbot": {
+		"edit": "संपादित करें",
+		"retry": "पुनः प्रयास करें",
+		"undo": "वापस लें",
+		"submit": "भेजें",
+		"cancel": "रद्द करें",
+		"like": "पसंद",
+		"dislike": "नापसंद",
+		"clear": "चैट साफ़ करें"
+	}
+}
diff --git a/js/core/src/lang/id.json b/js/core/src/lang/id.json
new file mode 100644
index 0000000..87159c5
--- /dev/null
+++ b/js/core/src/lang/id.json
@@ -0,0 +1,154 @@
+{
+	"_name": "Bahasa Indonesia",
+	"3D_model": {
+		"3d_model": "Model 3D",
+		"drop_to_upload": "Letakkan file model 3D (.obj, .glb, .stl, .gltf, .splat, atau .ply) di sini untuk mengunggah"
+	},
+	"annotated_image": {
+		"annotated_image": "Gambar Beranotasi"
+	},
+	"audio": {
+		"allow_recording_access": "Mohon izinkan akses ke mikrofon untuk merekam.",
+		"audio": "Audio",
+		"record_from_microphone": "Rekam dari mikrofon",
+		"stop_recording": "Hentikan rekaman",
+		"no_device_support": "Perangkat media tidak dapat diakses. Pastikan Anda menjalankan dari sumber yang aman (https) atau localhost (atau Anda telah meneruskan sertifikat SSL yang valid ke ssl_verify), dan Anda telah mengizinkan akses browser ke perangkat Anda.",
+		"stop": "Berhenti",
+		"resume": "Lanjutkan",
+		"record": "Rekam",
+		"no_microphone": "Tidak ada mikrofon yang ditemukan",
+		"pause": "Jeda",
+		"play": "Putar",
+		"waiting": "Menunggu",
+		"drop_to_upload": "Letakkan file audio di sini untuk mengunggah"
+	},
+	"blocks": {
+		"connection_can_break": "Di perangkat seluler, koneksi dapat terputus jika tab ini tidak dalam fokus atau perangkat dalam mode tidur, sehingga Anda kehilangan posisi dalam antrian.",
+		"long_requests_queue": "Ada antrian panjang dari permintaan yang tertunda. Gandakan Ruang ini untuk melompati antrian.",
+		"lost_connection": "Koneksi terputus karena meninggalkan halaman. Bergabung kembali ke antrian...",
+		"waiting_for_inputs": "Menunggu file selesai diunggah, mohon coba lagi."
+	},
+	"checkbox": {
+		"checkbox": "Kotak centang",
+		"checkbox_group": "Grup kotak centang"
+	},
+	"code": {
+		"code": "Kode"
+	},
+	"color_picker": {
+		"color_picker": "Pemilih Warna"
+	},
+	"common": {
+		"built_with": "dibuat dengan",
+		"built_with_gradio": "Dibuat dengan Gradio",
+		"clear": "Bersihkan",
+		"download": "Unduh",
+		"edit": "Edit",
+		"empty": "Kosong",
+		"error": "Error",
+		"hosted_on": "Di-hosting di",
+		"loading": "Memuat",
+		"logo": "logo",
+		"or": "atau",
+		"remove": "Hapus",
+		"settings": "Pengaturan",
+		"share": "Bagikan",
+		"submit": "Kirim",
+		"undo": "Urungkan",
+		"no_devices": "Tidak ada perangkat yang ditemukan",
+		"language": "Bahasa",
+		"display_theme": "Tema Tampilan",
+		"pwa": "Aplikasi Web Progresif"
+	},
+	"dataframe": {
+		"incorrect_format": "Format salah, hanya file CSV dan TSV yang didukung",
+		"new_column": "Tambah kolom",
+		"new_row": "Baris baru",
+		"add_row_above": "Tambah baris di atas",
+		"add_row_below": "Tambah baris di bawah",
+		"add_column_left": "Tambah kolom ke kiri",
+		"add_column_right": "Tambah kolom ke kanan",
+		"delete_row": "Hapus baris",
+		"delete_column": "Hapus kolom",
+		"sort_column": "Urutkan kolom",
+		"sort_ascending": "Urutkan menaik",
+		"sort_descending": "Urutkan menurun",
+		"drop_to_upload": "Letakkan file CSV atau TSV di sini untuk mengimpor data ke dataframe",
+		"clear_sort": "Bersihkan pengurutan"
+	},
+	"dropdown": {
+		"dropdown": "Dropdown"
+	},
+	"errors": {
+		"build_error": "ada error saat membangun",
+		"config_error": "ada error konfigurasi",
+		"contact_page_author": "Mohon hubungi penulis halaman untuk memberitahu mereka.",
+		"no_app_file": "tidak ada file aplikasi",
+		"runtime_error": "ada error runtime",
+		"space_not_working": "\"Ruang tidak berfungsi karena\" {0}",
+		"space_paused": "ruang sedang dijeda",
+		"use_via_api": "Gunakan melalui API"
+	},
+	"file": {
+		"uploading": "Mengunggah..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Teks yang Disorot"
+	},
+	"image": {
+		"allow_webcam_access": "Mohon izinkan akses ke webcam untuk merekam.",
+		"brush_color": "Warna kuas",
+		"brush_radius": "Radius kuas",
+		"image": "Gambar",
+		"remove_image": "Hapus Gambar",
+		"select_brush_color": "Pilih warna kuas",
+		"start_drawing": "Mulai menggambar",
+		"use_brush": "Gunakan kuas",
+		"drop_to_upload": "Letakkan file gambar di sini untuk mengunggah"
+	},
+	"label": {
+		"label": "Label"
+	},
+	"login": {
+		"enable_cookies": "Jika Anda mengunjungi Ruang HuggingFace dalam mode Penyamaran, Anda harus mengaktifkan cookie pihak ketiga.",
+		"incorrect_credentials": "Kredensial salah",
+		"username": "nama pengguna",
+		"password": "kata sandi",
+		"login": "Masuk"
+	},
+	"number": {
+		"number": "Nomor"
+	},
+	"plot": {
+		"plot": "Plot"
+	},
+	"radio": {
+		"radio": "Tombol Radio"
+	},
+	"slider": {
+		"slider": "Penggeser"
+	},
+	"upload_text": {
+		"click_to_upload": "Klik untuk Mengunggah",
+		"drop_audio": "Letakkan Audio di Sini",
+		"drop_csv": "Letakkan CSV di Sini",
+		"drop_file": "Letakkan File di Sini",
+		"drop_image": "Letakkan Gambar di Sini",
+		"drop_video": "Letakkan Video di Sini",
+		"drop_gallery": "Letakkan Media di Sini",
+		"paste_clipboard": "Tempel dari Papan Klip"
+	},
+	"video": {
+		"drop_to_upload": "Letakkan file video di sini untuk mengunggah"
+	},
+	"chatbot": {
+		"edit": "Edit",
+		"retry": "Coba lagi",
+		"undo": "Urungkan",
+		"submit": "Kirim",
+		"cancel": "Batal",
+		"like": "Suka",
+		"dislike": "Tidak Suka",
+		"clear": "Bersihkan obrolan"
+	}
+}
diff --git a/js/core/src/lang/ja.json b/js/core/src/lang/ja.json
new file mode 100644
index 0000000..60bfa17
--- /dev/null
+++ b/js/core/src/lang/ja.json
@@ -0,0 +1,155 @@
+{
+	"_name": "日本語",
+	"3D_model": {
+		"3d_model": "3Dモデル",
+		"drop_to_upload": "3D モデル (.obj, .glb, .stl, .gltf, .splat, .ply) ファイルをここにドロップしてアップロードしてください"
+	},
+	"annotated_image": {
+		"annotated_image": "注釈付き画像"
+	},
+	"audio": {
+		"allow_recording_access": "録音のためにマイクへのアクセスを許可してください",
+		"audio": "音声",
+		"record_from_microphone": "マイクから録音",
+		"stop_recording": "録音を停止",
+		"no_device_support": "メディアデバイスにアクセスできません。安全なソース（https）またはlocalhostで実行していること（またはssl_verifyに有効なSSL証明書を渡していること）、ブラウザにデバイスへのアクセスを許可していることを確認してください",
+		"stop": "停止",
+		"resume": "再開",
+		"record": "録音",
+		"no_microphone": "マイクが見つかりません",
+		"pause": "一時停止",
+		"play": "再生",
+		"waiting": "待機中",
+		"drop_to_upload": "ここにオーディオファイルをドロップしてアップロードしてください"
+	},
+	"blocks": {
+		"connection_can_break": "モバイルでは、このタブがフォーカスを失うかデバイスがスリープモードになると接続が切断され、キュー内の位置が失われる可能性があります",
+		"long_requests_queue": "保留中のリクエストの長いキューがあります。このSpaceを複製してスキップしてください",
+		"lost_connection": "ページを離れたため接続が切断されました。キューに戻ります...",
+		"waiting_for_inputs": "ファイルのアップロードが完了するのを待っています。再度お試しください"
+	},
+	"checkbox": {
+		"checkbox": "チェックボックス",
+		"checkbox_group": "チェックボックスグループ"
+	},
+	"code": {
+		"code": "コード"
+	},
+	"color_picker": {
+		"color_picker": "カラーピッカー"
+	},
+	"common": {
+		"built_with": "で作成",
+		"built_with_gradio": "Gradioで作成",
+		"clear": "クリア",
+		"download": "ダウンロード",
+		"edit": "編集",
+		"empty": "空",
+		"error": "エラー",
+		"hosted_on": "でホスト",
+		"loading": "読み込み中",
+		"logo": "ロゴ",
+		"or": "または",
+		"remove": "削除",
+		"settings": "設定",
+		"share": "共有",
+		"submit": "送信",
+		"undo": "元に戻す",
+		"no_devices": "デバイスが見つかりません",
+		"language": "言語",
+		"display_theme": "表示テーマ",
+		"pwa": "プログレッシブウェブアプリ"
+	},
+	"dataframe": {
+		"incorrect_format": "不正なフォーマット、CSVとTSVファイルのみサポートされています",
+		"new_column": "列を追加",
+		"new_row": "新しい行",
+		"add_row_above": "上に行を追加",
+		"add_row_below": "下に行を追加",
+		"add_column_left": "左に列を追加",
+		"add_column_right": "右に列を追加",
+		"delete_row": "行を削除",
+		"delete_column": "列を削除",
+		"sort_column": "列をソート",
+		"sort_ascending": "昇順に並べ替え",
+		"sort_descending": "降順に並べ替え",
+		"drop_to_upload": "CSVまたはTSVファイルをここにドロップして、データをデータフレームにインポートします",
+		"clear_sort": "ソートをクリア"
+	},
+	"dropdown": {
+		"dropdown": "ドロップダウン"
+	},
+	"errors": {
+		"build_error": "ビルドエラーがあります",
+		"config_error": "設定エラーがあります",
+		"contact_page_author": "ページの作者に連絡して知らせてください",
+		"no_app_file": "アプリファイルがありません",
+		"runtime_error": "ランタイムエラーがあります",
+		"space_not_working": "\"Spaceが動作していません。理由：\" {0}",
+		"space_paused": "Spaceが一時停止されています",
+		"use_via_api": "APIを介して使用",
+		"use_via_api_or_mcp": "APIまたはMCP経由で使用"
+	},
+	"file": {
+		"uploading": "アップロード中..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "ハイライトされたテキスト"
+	},
+	"image": {
+		"allow_webcam_access": "録画のためにウェブカメラへのアクセスを許可してください",
+		"brush_color": "ブラシの色",
+		"brush_radius": "ブラシのサイズ",
+		"image": "画像",
+		"remove_image": "画像を削除",
+		"select_brush_color": "ブラシの色を選択",
+		"start_drawing": "描画を開始",
+		"use_brush": "ブラシを使用",
+		"drop_to_upload": "ここに画像ファイルをドロップしてアップロードしてください"
+	},
+	"label": {
+		"label": "ラベル"
+	},
+	"login": {
+		"enable_cookies": "シークレットモードでHuggingFace Spaceを訪問している場合、サードパーティのCookieを有効にする必要があります",
+		"incorrect_credentials": "認証情報が正しくありません",
+		"username": "ユーザー名",
+		"password": "パスワード",
+		"login": "ログイン"
+	},
+	"number": {
+		"number": "数値"
+	},
+	"plot": {
+		"plot": "プロット"
+	},
+	"radio": {
+		"radio": "ラジオボタン"
+	},
+	"slider": {
+		"slider": "スライダー"
+	},
+	"upload_text": {
+		"click_to_upload": "クリックしてアップロード",
+		"drop_audio": "音声をここにドロップ",
+		"drop_csv": "CSVファイルをここにドロップ",
+		"drop_file": "ファイルをここにドロップ",
+		"drop_image": "画像をここにドロップ",
+		"drop_video": "動画をここにドロップ",
+		"drop_gallery": "メディアをここにドロップ",
+		"paste_clipboard": "クリップボードから貼り付け"
+	},
+	"video": {
+		"drop_to_upload": "ビデオファイルをここにドロップしてアップロードしてください"
+	},
+	"chatbot": {
+		"edit": "編集",
+		"retry": "再試行",
+		"undo": "元に戻す",
+		"submit": "送信",
+		"cancel": "キャンセル",
+		"like": "いいね",
+		"dislike": "よくないね",
+		"clear": "会話をクリア"
+	}
+}
diff --git a/js/core/src/lang/ko.json b/js/core/src/lang/ko.json
new file mode 100644
index 0000000..903e758
--- /dev/null
+++ b/js/core/src/lang/ko.json
@@ -0,0 +1,155 @@
+{
+	"_name": "한국어",
+	"3D_model": {
+		"3d_model": "3D 모델",
+		"drop_to_upload": "3D 모델 (.obj, .glb, .stl, .gltf, .splat, 또는 .ply) 파일을 여기에 놓아 업로드하세요."
+	},
+	"annotated_image": {
+		"annotated_image": "주석이 달린 이미지"
+	},
+	"audio": {
+		"allow_recording_access": "녹음을 위해 마이크 접근을 허용해 주세요.",
+		"audio": "오디오",
+		"record_from_microphone": "마이크로 녹음",
+		"stop_recording": "녹음 중지",
+		"no_device_support": "미디어 장치에 접근할 수 없습니다. 보안 소스(https) 또는 localhost에서 실행 중인지(또는 ssl_verify에 유효한 SSL 인증서를 전달했는지), 브라우저에 장치 접근 권한을 부여했는지 확인하세요.",
+		"stop": "중지",
+		"resume": "재개",
+		"record": "녹음",
+		"no_microphone": "마이크를 찾을 수 없습니다",
+		"pause": "일시정지",
+		"play": "재생",
+		"waiting": "대기 중",
+		"drop_to_upload": "오디오 파일을 여기에 놓아 업로드하세요."
+	},
+	"blocks": {
+		"connection_can_break": "모바일에서는 이 탭이 포커스를 잃거나 기기가 절전 모드로 전환되면 연결이 끊어져 대기열의 위치를 잃을 수 있습니다.",
+		"long_requests_queue": "대기 중인 요청의 긴 대기열이 있습니다. 이 Space를 복제하여 건너뛰세요.",
+		"lost_connection": "페이지를 떠나 연결이 끊어졌습니다. 대기열로 돌아가는 중...",
+		"waiting_for_inputs": "파일 업로드가 완료될 때까지 기다렸다가 다시 시도해주세요."
+	},
+	"checkbox": {
+		"checkbox": "체크박스",
+		"checkbox_group": "체크박스 그룹"
+	},
+	"code": {
+		"code": "코드"
+	},
+	"color_picker": {
+		"color_picker": "색상 선택기"
+	},
+	"common": {
+		"built_with": "로 제작됨",
+		"built_with_gradio": "Gradio로 제작됨",
+		"clear": "지우기",
+		"download": "다운로드",
+		"edit": "편집",
+		"empty": "비어 있음",
+		"error": "오류",
+		"hosted_on": "에서 호스팅됨",
+		"loading": "로딩 중",
+		"logo": "로고",
+		"or": "또는",
+		"remove": "제거",
+		"settings": "설정",
+		"share": "공유",
+		"submit": "제출",
+		"undo": "실행 취소",
+		"no_devices": "장치를 찾을 수 없습니다",
+		"language": "언어",
+		"display_theme": "디스플레이 테마",
+		"pwa": "프로그레시브 웹 앱"
+	},
+	"dataframe": {
+		"incorrect_format": "잘못된 형식입니다. CSV 및 TSV 파일만 지원됩니다",
+		"new_column": "열 추가",
+		"new_row": "새 행",
+		"add_row_above": "위에 행 추가",
+		"add_row_below": "아래에 행 추가",
+		"add_column_left": "왼쪽에 열 추가",
+		"add_column_right": "오른쪽에 열 추가",
+		"delete_row": "행 삭제",
+		"delete_column": "열 삭제",
+		"sort_column": "정렬 열",
+		"sort_ascending": "오름차순 정렬",
+		"sort_descending": "내림차순 정렬",
+		"drop_to_upload": "CSV 또는 TSV 파일을 여기에 끌어다 놓아 데이터프레임에 데이터를 가져올 수 있습니다.",
+		"clear_sort": "정렬 해제"
+	},
+	"dropdown": {
+		"dropdown": "드롭다운"
+	},
+	"errors": {
+		"build_error": "빌드 오류가 있습니다",
+		"config_error": "구성 오류가 있습니다",
+		"contact_page_author": "페이지 작성자에게 연락하여 알려주세요.",
+		"no_app_file": "앱 파일이 없습니다",
+		"runtime_error": "런타임 오류가 있습니다",
+		"space_not_working": "\"Space가 작동하지 않는 이유:\" {0}",
+		"space_paused": "space가 일시 중지되었습니다",
+		"use_via_api": "API를 통해 사용",
+		"use_via_api_or_mcp": "API 또는 MCP를 통해 사용"
+	},
+	"file": {
+		"uploading": "업로드 중..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "강조 표시된 텍스트"
+	},
+	"image": {
+		"allow_webcam_access": "녹화를 위해 웹캠 접근을 허용해 주세요.",
+		"brush_color": "브러시 색상",
+		"brush_radius": "브러시 크기",
+		"image": "이미지",
+		"remove_image": "이미지 제거",
+		"select_brush_color": "브러시 색상 선택",
+		"start_drawing": "그리기 시작",
+		"use_brush": "브러시 사용",
+		"drop_to_upload": "이곳에 이미지 파일을 끌어다 놓으세요."
+	},
+	"label": {
+		"label": "레이블"
+	},
+	"login": {
+		"enable_cookies": "시크릿 모드에서 HuggingFace Space를 방문하는 경우 타사 쿠키를 활성화해야 합니다.",
+		"incorrect_credentials": "잘못된 자격 증명",
+		"username": "사용자 이름",
+		"password": "비밀번호",
+		"login": "로그인"
+	},
+	"number": {
+		"number": "숫자"
+	},
+	"plot": {
+		"plot": "플롯"
+	},
+	"radio": {
+		"radio": "라디오"
+	},
+	"slider": {
+		"slider": "슬라이더"
+	},
+	"upload_text": {
+		"click_to_upload": "클릭하여 업로드",
+		"drop_audio": "오디오를 여기에 드롭",
+		"drop_csv": "CSV를 여기에 드롭",
+		"drop_file": "파일을 여기에 드롭",
+		"drop_image": "이미지를 여기에 드롭",
+		"drop_video": "비디오를 여기에 드롭",
+		"drop_gallery": "미디어를 여기에 드롭",
+		"paste_clipboard": "클립보드에서 붙여넣기"
+	},
+	"video": {
+		"drop_to_upload": "여기에 비디오 파일을 끌어다 놓으세요."
+	},
+	"chatbot": {
+		"edit": "편집",
+		"retry": "다시 시도",
+		"undo": "실행 취소",
+		"submit": "제출",
+		"cancel": "취소",
+		"like": "좋아요",
+		"dislike": "싫어요",
+		"clear": "대화 지우기"
+	}
+}
diff --git a/js/core/src/lang/loading.ts b/js/core/src/lang/loading.ts
new file mode 100644
index 0000000..1c3ed1a
--- /dev/null
+++ b/js/core/src/lang/loading.ts
@@ -0,0 +1,34 @@
+export const loading = {
+	ar: "جاري التحميل",
+	ca: "S'està carregant",
+	ckb: "بارکردن",
+	de: "Laden",
+	en: "Loading",
+	es: "Cargando",
+	et: "Laen",
+	eu: "Kargatzen",
+	fa: "در حال بارگذاری",
+	fi: "Ladataan",
+	fr: "Chargement",
+	he: "טוען",
+	hi: "लोड हो रहा है",
+	ja: "読み込み中",
+	ko: "로딩 중",
+	lt: "Kraunama",
+	nb: "Laster",
+	nl: "Laden",
+	pl: "Ładowanie",
+	"pt-BR": "Carregando",
+	pt: "A carregar",
+	ro: "Se încarcă",
+	ru: "Загрузка",
+	sv: "Laddar",
+	ta: "ஏற்றுகிறது",
+	th: "กำลังโหลด",
+	tr: "Yükleniyor",
+	uk: "Завантаження",
+	ur: "لوڈ ہو رہا ہے",
+	uz: "Yuklanmoqda",
+	"zh-CN": "加载中",
+	"zh-TW": "載入中"
+};
diff --git a/js/core/src/lang/lt.json b/js/core/src/lang/lt.json
new file mode 100644
index 0000000..9798b60
--- /dev/null
+++ b/js/core/src/lang/lt.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Lietuvių",
+	"common": {
+		"built_with_gradio": "Sukurta su Gradio",
+		"clear": "Išvalyti",
+		"or": "arba",
+		"submit": "Pateikti",
+		"settings": "Nustatymai",
+		"built_with": "sukurta su",
+		"download": "Atsisiųsti",
+		"edit": "Redaguoti",
+		"empty": "Tuščia",
+		"error": "Klaida",
+		"hosted_on": "Talpinama",
+		"loading": "Kraunama",
+		"logo": "logotipas",
+		"remove": "Pašalinti",
+		"share": "Dalintis",
+		"undo": "Atšaukti",
+		"no_devices": "Nerasta jokių įrenginių",
+		"language": "Kalba",
+		"display_theme": "Ekrano tema",
+		"pwa": "Progresyvi interneto programėlė"
+	},
+	"upload_text": {
+		"click_to_upload": "Spustelėkite norėdami įkelti",
+		"drop_audio": "Įkelkite garso įrašą čia",
+		"drop_csv": "Įkelkite CSV čia",
+		"drop_file": "Įkelkite failą čia",
+		"drop_image": "Įkelkite paveikslėlį čia",
+		"drop_video": "Įkelkite vaizdo įrašą čia",
+		"drop_gallery": "Įkelkite mediją čia",
+		"paste_clipboard": "Įklijuoti iš iškarpinės"
+	},
+	"3D_model": {
+		"3d_model": "3D modelis",
+		"drop_to_upload": "Įkelkite 3D modelio failą (.obj, .glb, .stl, .gltf, .splat arba .ply) čia"
+	},
+	"annotated_image": {
+		"annotated_image": "Pažymėtas paveikslėlis"
+	},
+	"audio": {
+		"allow_recording_access": "Prašome suteikti prieigą prie mikrofono įrašymui.",
+		"audio": "Garsas",
+		"drop_to_upload": "Įkelkite garso failą čia",
+		"record_from_microphone": "Įrašyti iš mikrofono",
+		"stop_recording": "Stabdyti įrašymą",
+		"no_device_support": "Nepavyko pasiekti medijos įrenginių. Patikrinkite, ar naudojate saugią prieigą (https) arba localhost (arba perduodate galiojantį SSL sertifikatą į ssl_verify), ir leidžiate naršyklei prieiti prie jūsų įrenginio.",
+		"stop": "Stabdyti",
+		"resume": "Tęsti",
+		"record": "Įrašyti",
+		"no_microphone": "Mikrofonas nerastas",
+		"pause": "Pristabdyti",
+		"play": "Groti",
+		"waiting": "Laukiama"
+	},
+	"blocks": {
+		"connection_can_break": "Mobiliajame įrenginyje ryšys gali nutrūkti, jei šis skirtukas bus neaktyvus arba įrenginys užmigs, todėl galite prarasti savo vietą eilėje.",
+		"long_requests_queue": "Yra ilga laukiančių užklausų eilė. Dubliuokite šią erdvę, kad praleistumėte eilę.",
+		"lost_connection": "Ryšys nutrūko išėjus iš puslapio. Vėl jungiamasi į eilę...",
+		"waiting_for_inputs": "Laukiama, kol bus baigti įkelti failai, prašome bandyti dar kartą."
+	},
+	"checkbox": {
+		"checkbox": "Žymimasis langelis",
+		"checkbox_group": "Žymimųjų langelių grupė"
+	},
+	"code": {
+		"code": "Kodas"
+	},
+	"color_picker": {
+		"color_picker": "Spalvos pasirinkimas"
+	},
+	"dataframe": {
+		"incorrect_format": "Neteisingas formatas, palaikomi tik CSV ir TSV failai",
+		"new_column": "Pridėti stulpelį",
+		"new_row": "Nauja eilutė",
+		"add_row_above": "Pridėti eilutę viršuje",
+		"add_row_below": "Pridėti eilutę žemiau",
+		"delete_row": "Ištrinti eilutę",
+		"delete_column": "Ištrinti stulpelį",
+		"add_column_left": "Pridėti stulpelį kairėje",
+		"add_column_right": "Pridėti stulpelį dešinėje",
+		"sort_column": "Rikiuoti stulpelį",
+		"sort_ascending": "Rikiuoti didėjančia tvarka",
+		"sort_descending": "Rikiuoti mažėjančia tvarka",
+		"drop_to_upload": "Įkelkite CSV arba TSV failus čia, kad importuotumėte duomenis į duomenų lentelę",
+		"clear_sort": "Išvalyti rikiavimą"
+	},
+	"dropdown": {
+		"dropdown": "Išskleidžiamasis sąrašas"
+	},
+	"errors": {
+		"build_error": "yra kompiliavimo klaida",
+		"config_error": "yra konfigūracijos klaida",
+		"contact_page_author": "Prašome susisiekti su puslapio autoriumi.",
+		"no_app_file": "nėra programos failo",
+		"runtime_error": "yra vykdymo klaida",
+		"space_not_working": "\"Erdvė neveikia, nes\" {0}",
+		"space_paused": "erdvė yra pristabdyta",
+		"use_via_api": "Naudoti per API",
+		"use_via_api_or_mcp": "Naudoti per API arba MCP"
+	},
+	"file": {
+		"uploading": "Įkeliama..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Paryškintas tekstas"
+	},
+	"image": {
+		"allow_webcam_access": "Prašome suteikti prieigą prie internetinės kameros įrašymui.",
+		"brush_color": "Teptuko spalva",
+		"brush_radius": "Teptuko dydis",
+		"image": "Paveikslėlis",
+		"remove_image": "Pašalinti paveikslėlį",
+		"select_brush_color": "Pasirinkite teptuko spalvą",
+		"start_drawing": "Pradėti piešti",
+		"use_brush": "Naudoti teptuką",
+		"drop_to_upload": "Įkelkite paveikslėlio failą čia"
+	},
+	"label": {
+		"label": "Etiketė"
+	},
+	"login": {
+		"enable_cookies": "Jei lankotės HuggingFace erdvėje inkognito režimu, turite leisti trečiųjų šalių slapukus.",
+		"incorrect_credentials": "Neteisingi prisijungimo duomenys",
+		"username": "Vartotojo vardas",
+		"password": "Slaptažodis",
+		"login": "Prisijungti"
+	},
+	"number": {
+		"number": "Skaičius"
+	},
+	"plot": {
+		"plot": "Grafikas"
+	},
+	"radio": {
+		"radio": "Pasirinkimo mygtukas"
+	},
+	"slider": {
+		"slider": "Slankiklis"
+	},
+	"video": {
+		"drop_to_upload": "Įkelkite vaizdo įrašo failą čia"
+	},
+	"chatbot": {
+		"edit": "Redaguoti",
+		"retry": "Bandyti dar kartą",
+		"undo": "Atšaukti",
+		"submit": "Pateikti",
+		"cancel": "Atšaukti",
+		"like": "Patinka",
+		"dislike": "Nepatinka",
+		"clear": "Išvalyti pokalbį"
+	}
+}
diff --git a/js/core/src/lang/nb.json b/js/core/src/lang/nb.json
new file mode 100644
index 0000000..6fae0de
--- /dev/null
+++ b/js/core/src/lang/nb.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Norsk bokmål",
+	"3D_model": {
+		"3d_model": "3D-modell",
+		"drop_to_upload": "Slipp en 3D-modell (.obj, .glb, .stl, .gltf, .splat eller .ply) fil her for å laste opp"
+	},
+	"annotated_image": {
+		"annotated_image": "Annotert bilde"
+	},
+	"audio": {
+		"allow_recording_access": "Vennligst tillat mikrofontilgang for opptak.",
+		"audio": "Lyd",
+		"record_from_microphone": "Ta opp fra mikrofon",
+		"stop_recording": "Stopp opptak",
+		"no_device_support": "Kan ikke få tilgang til medieenheter. Sørg for at du kjører på en sikker kilde (https) eller localhost (eller har gitt et gyldig SSL-sertifikat til ssl_verify), og at du har gitt nettleseren tilgang til enheten din.",
+		"stop": "Stopp",
+		"resume": "Fortsett",
+		"record": "Ta opp",
+		"no_microphone": "Ingen mikrofon funnet",
+		"pause": "Pause",
+		"play": "Spill av",
+		"waiting": "Venter",
+		"drop_to_upload": "Slipp en lydfil her for å laste opp"
+	},
+	"blocks": {
+		"connection_can_break": "På mobil kan tilkoblingen brytes hvis denne fanen mister fokus eller enheten går i dvale, og du mister plassen din i køen.",
+		"long_requests_queue": "Det er en lang kø med ventende forespørsler. Dupliser denne Space for å hoppe over køen.",
+		"lost_connection": "Mistet tilkobling på grunn av at siden ble forlatt. Går tilbake til køen...",
+		"waiting_for_inputs": "Venter på at fil(er) skal bli lastet opp, vennligst prøv igjen."
+	},
+	"checkbox": {
+		"checkbox": "Avkrysningsboks",
+		"checkbox_group": "Avkrysningsboksgruppe"
+	},
+	"code": {
+		"code": "Kode"
+	},
+	"color_picker": {
+		"color_picker": "Fargevelger"
+	},
+	"common": {
+		"built_with": "bygget med",
+		"built_with_gradio": "Bygget med Gradio",
+		"clear": "Tøm",
+		"download": "Last ned",
+		"edit": "Rediger",
+		"empty": "Tom",
+		"error": "Feil",
+		"hosted_on": "Hostet på",
+		"loading": "Laster",
+		"logo": "Logo",
+		"or": "eller",
+		"remove": "Fjern",
+		"settings": "Innstillinger",
+		"share": "Del",
+		"submit": "Send",
+		"undo": "Angre",
+		"no_devices": "Ingen enheter funnet",
+		"language": "Språk",
+		"display_theme": "Visningstema",
+		"pwa": "Progressiv webapplikasjon"
+	},
+	"dataframe": {
+		"incorrect_format": "Feil format, kun CSV- og TSV-filer støttes",
+		"new_column": "Legg til kolonne",
+		"new_row": "Ny rad",
+		"add_row_above": "Legg til rad over",
+		"add_row_below": "Legg til rad under",
+		"add_column_left": "Legg til kolonne til venstre",
+		"add_column_right": "Legg til kolonne til høyre",
+		"delete_row": "Slett rad",
+		"delete_column": "Slett kolonne",
+		"sort_column": "Sorter kolonne",
+		"sort_ascending": "Sorter stigende",
+		"sort_descending": "Sorter synkende",
+		"drop_to_upload": "Slipp CSV- eller TSV-filer her for å importere data til dataramme",
+		"clear_sort": "Fjern sortering"
+	},
+	"dropdown": {
+		"dropdown": "Nedtrekksmeny"
+	},
+	"errors": {
+		"build_error": "Det er en byggefeil",
+		"config_error": "Det er en konfigurasjonsfeil",
+		"contact_page_author": "Vennligst kontakt sidens forfatter for å informere dem.",
+		"no_app_file": "Det er ingen app-fil",
+		"runtime_error": "Det er en kjøretidsfeil",
+		"space_not_working": "\"Space fungerer ikke fordi\" {0}",
+		"space_paused": "Space er pauset",
+		"use_via_api": "Bruk via API",
+		"use_via_api_or_mcp": "Bruk via API eller MCP"
+	},
+	"file": {
+		"uploading": "Laster opp..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Uthevet tekst"
+	},
+	"image": {
+		"allow_webcam_access": "Vennligst tillat webkameratilgang for opptak.",
+		"brush_color": "Penselfarge",
+		"brush_radius": "Penselstørrelse",
+		"image": "Bilde",
+		"remove_image": "Fjern bilde",
+		"select_brush_color": "Velg penselfarge",
+		"start_drawing": "Start tegning",
+		"use_brush": "Bruk pensel",
+		"drop_to_upload": "Slipp en bildefil her for å laste opp"
+	},
+	"label": {
+		"label": "Etikett"
+	},
+	"login": {
+		"enable_cookies": "Hvis du besøker en HuggingFace Space i inkognitomodus, må du aktivere tredjeparts informasjonskapsler.",
+		"incorrect_credentials": "Feil påloggingsinformasjon",
+		"username": "Brukernavn",
+		"password": "Passord",
+		"login": "Logg inn"
+	},
+	"number": {
+		"number": "Tall"
+	},
+	"plot": {
+		"plot": "Plott"
+	},
+	"radio": {
+		"radio": "Radioknapp"
+	},
+	"slider": {
+		"slider": "Glidebryter"
+	},
+	"upload_text": {
+		"click_to_upload": "Klikk for å laste opp",
+		"drop_audio": "Slipp lyd her",
+		"drop_csv": "Slipp CSV her",
+		"drop_file": "Slipp fil her",
+		"drop_image": "Slipp bilde her",
+		"drop_video": "Slipp video her",
+		"drop_gallery": "Slipp media her",
+		"paste_clipboard": "Lim inn fra utklippstavle"
+	},
+	"video": {
+		"drop_to_upload": "Slipp en videofil her for å laste opp"
+	},
+	"chatbot": {
+		"edit": "Rediger",
+		"retry": "Prøv igjen",
+		"undo": "Angre",
+		"submit": "Send",
+		"cancel": "Avbryt",
+		"like": "Liker",
+		"dislike": "Liker ikke",
+		"clear": "Tøm samtalen"
+	}
+}
diff --git a/js/core/src/lang/nl.json b/js/core/src/lang/nl.json
new file mode 100644
index 0000000..da4d002
--- /dev/null
+++ b/js/core/src/lang/nl.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Nederlands",
+	"common": {
+		"built_with_gradio": "Gemaakt met Gradio",
+		"clear": "Wissen",
+		"or": "of",
+		"submit": "Verzenden",
+		"settings": "Instellingen",
+		"built_with": "Gebouwd met",
+		"download": "Downloaden",
+		"edit": "Bewerken",
+		"empty": "Leeg",
+		"error": "Fout",
+		"hosted_on": "Gehost op",
+		"loading": "Laden",
+		"logo": "Logo",
+		"remove": "Verwijderen",
+		"share": "Delen",
+		"undo": "Ongedaan maken",
+		"no_devices": "Geen apparaten gevonden",
+		"language": "Taal",
+		"display_theme": "Weergavethema",
+		"pwa": "Progressieve Web App"
+	},
+	"upload_text": {
+		"click_to_upload": "Klik om te uploaden",
+		"drop_audio": "Sleep een geluidsbestand hier",
+		"drop_csv": "Sleep een CSV-bestand hier",
+		"drop_file": "Sleep een bestand hier",
+		"drop_image": "Sleep een afbeelding hier",
+		"drop_video": "Sleep een video hier",
+		"drop_gallery": "Sleep media hier",
+		"paste_clipboard": "Plakken vanuit klembord"
+	},
+	"3D_model": {
+		"3d_model": "3D-model",
+		"drop_to_upload": "Sleep een 3D-model (.obj, .glb, .stl, .gltf, .splat of .ply) bestand hier om te uploaden"
+	},
+	"annotated_image": {
+		"annotated_image": "Geannoteerde afbeelding"
+	},
+	"audio": {
+		"allow_recording_access": "Geef alstublieft toegang tot de microfoon voor opname.",
+		"audio": "Audio",
+		"drop_to_upload": "Sleep een audiobestand hier om te uploaden",
+		"record_from_microphone": "Opnemen via microfoon",
+		"stop_recording": "Opname stoppen",
+		"no_device_support": "Media-apparaten konden niet worden benaderd. Controleer of u werkt vanaf een beveiligde oorsprong (https) of localhost (of u een geldig SSL-certificaat heeft doorgegeven aan ssl_verify), en of u browsertoestemming heeft gegeven voor toegang tot uw apparaat.",
+		"stop": "Stoppen",
+		"resume": "Hervatten",
+		"record": "Opnemen",
+		"no_microphone": "Geen microfoon gevonden",
+		"pause": "Pauzeren",
+		"play": "Afspelen",
+		"waiting": "Wachten"
+	},
+	"blocks": {
+		"connection_can_break": "Op mobiel kan de verbinding verbroken worden als dit tabblad niet actief is of het apparaat in slaapstand gaat, waardoor je plaats in de wachtrij verloren gaat.",
+		"long_requests_queue": "Er is een lange wachtrij van aanvragen. Dupliceer deze Space om de wachtrij over te slaan.",
+		"lost_connection": "Verbinding verloren door het verlaten van de pagina. Opnieuw aansluiten in de wachtrij...",
+		"waiting_for_inputs": "Wachten tot het uploaden van bestand(en) is voltooid, probeer het opnieuw."
+	},
+	"checkbox": {
+		"checkbox": "Selectievakje",
+		"checkbox_group": "Selectievakjesgroep"
+	},
+	"code": {
+		"code": "Code"
+	},
+	"color_picker": {
+		"color_picker": "Kleurkiezer"
+	},
+	"dataframe": {
+		"incorrect_format": "Onjuist formaat, alleen CSV- en TSV-bestanden worden ondersteund",
+		"new_column": "Kolom toevoegen",
+		"new_row": "Nieuwe rij",
+		"add_row_above": "Rij boven toevoegen",
+		"add_row_below": "Rij onder toevoegen",
+		"delete_row": "Rij verwijderen",
+		"delete_column": "Kolom verwijderen",
+		"add_column_left": "Kolom links toevoegen",
+		"add_column_right": "Kolom rechts toevoegen",
+		"sort_column": "Kolom sorteren",
+		"sort_ascending": "Oplopend sorteren",
+		"sort_descending": "Aflopend sorteren",
+		"drop_to_upload": "Sleep CSV- of TSV-bestanden hier om gegevens in het dataframe te importeren",
+		"clear_sort": "Sortering wissen"
+	},
+	"dropdown": {
+		"dropdown": "Vervolgkeuzelijst"
+	},
+	"errors": {
+		"build_error": "Er is een bouwfout",
+		"config_error": "Er is een configuratiefout",
+		"contact_page_author": "Neem contact op met de auteur van de pagina om dit te melden.",
+		"no_app_file": "Er is geen app-bestand",
+		"runtime_error": "Er is een runtime-fout",
+		"space_not_working": "\"Space werkt niet omdat\" {0}",
+		"space_paused": "De Space is gepauzeerd",
+		"use_via_api": "Gebruik via API",
+		"use_via_api_or_mcp": "Gebruik via API of MCP"
+	},
+	"file": {
+		"uploading": "Uploaden..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Gemarkeerde tekst"
+	},
+	"image": {
+		"allow_webcam_access": "Geef alstublieft toegang tot de webcam voor opname.",
+		"brush_color": "Penseelkleur",
+		"brush_radius": "Penseelgrootte",
+		"image": "Afbeelding",
+		"remove_image": "Afbeelding verwijderen",
+		"select_brush_color": "Penseelkleur kiezen",
+		"start_drawing": "Beginnen met tekenen",
+		"use_brush": "Penseel gebruiken",
+		"drop_to_upload": "Sleep een afbeelding hier om te uploaden"
+	},
+	"label": {
+		"label": "Label"
+	},
+	"login": {
+		"enable_cookies": "Als u een HuggingFace Space bezoekt in incognitomodus, moet u cookies van derden inschakelen.",
+		"incorrect_credentials": "Onjuiste inloggegevens",
+		"username": "Gebruikersnaam",
+		"password": "Wachtwoord",
+		"login": "Inloggen"
+	},
+	"number": {
+		"number": "Getal"
+	},
+	"plot": {
+		"plot": "Grafiek"
+	},
+	"radio": {
+		"radio": "Keuzerondje"
+	},
+	"slider": {
+		"slider": "Schuifbalk"
+	},
+	"video": {
+		"drop_to_upload": "Sleep een videobestand hier om te uploaden"
+	},
+	"chatbot": {
+		"edit": "Bewerken",
+		"retry": "Opnieuw proberen",
+		"undo": "Ongedaan maken",
+		"submit": "Verzenden",
+		"cancel": "Annuleren",
+		"like": "Vind ik leuk",
+		"dislike": "Vind ik niet leuk",
+		"clear": "Gesprek wissen"
+	}
+}
diff --git a/js/core/src/lang/pl.json b/js/core/src/lang/pl.json
new file mode 100644
index 0000000..d7f14b5
--- /dev/null
+++ b/js/core/src/lang/pl.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Polski",
+	"3D_model": {
+		"3d_model": "Model 3D",
+		"drop_to_upload": "Upuść plik modelu 3D (.obj, .glb, .stl, .gltf, .splat lub .ply) tutaj, aby go przesłać"
+	},
+	"annotated_image": {
+		"annotated_image": "Obraz z adnotacjami"
+	},
+	"audio": {
+		"allow_recording_access": "Proszę zezwolić na dostęp do mikrofonu w celu nagrywania.",
+		"audio": "Audio",
+		"record_from_microphone": "Nagraj z mikrofonu",
+		"stop_recording": "Zatrzymaj nagrywanie",
+		"no_device_support": "Nie można uzyskać dostępu do urządzeń multimedialnych. Upewnij się, że działasz na bezpiecznym źródle (https) lub localhost (lub przekazałeś prawidłowy certyfikat SSL do ssl_verify), i że zezwoliłeś przeglądarce na dostęp do twojego urządzenia.",
+		"stop": "Stop",
+		"resume": "Wznów",
+		"record": "Nagrywaj",
+		"no_microphone": "Nie znaleziono mikrofonu",
+		"pause": "Pauza",
+		"play": "Odtwórz",
+		"waiting": "Oczekiwanie",
+		"drop_to_upload": "Upuść plik audio tutaj, aby go przesłać"
+	},
+	"blocks": {
+		"connection_can_break": "Na urządzeniu mobilnym połączenie może zostać przerwane, jeśli ta karta straci fokus lub urządzenie przejdzie w tryb uśpienia, tracąc twoje miejsce w kolejce.",
+		"long_requests_queue": "Istnieje długa kolejka oczekujących żądań. Zduplikuj ten Space, aby ją pominąć.",
+		"lost_connection": "Utracono połączenie z powodu opuszczenia strony. Powrót do kolejki...",
+		"waiting_for_inputs": "Oczekiwanie na zakończenie przesyłania pliku(ów), proszę spróbować ponownie."
+	},
+	"checkbox": {
+		"checkbox": "Pole wyboru",
+		"checkbox_group": "Grupa pól wyboru"
+	},
+	"code": {
+		"code": "Kod"
+	},
+	"color_picker": {
+		"color_picker": "Wybór koloru"
+	},
+	"common": {
+		"built_with": "Zbudowane z",
+		"built_with_gradio": "Zbudowane z Gradio",
+		"clear": "Wyczyść",
+		"download": "Pobierz",
+		"edit": "Edytuj",
+		"empty": "Pusty",
+		"error": "Błąd",
+		"hosted_on": "Hostowane na",
+		"loading": "Ładowanie",
+		"logo": "Logo",
+		"or": "lub",
+		"remove": "Usuń",
+		"settings": "Ustawienia",
+		"share": "Udostępnij",
+		"submit": "Wyślij",
+		"undo": "Cofnij",
+		"no_devices": "Nie znaleziono urządzeń",
+		"language": "Język",
+		"display_theme": "Motyw wyświetlania",
+		"pwa": "Progresywna aplikacja webowa"
+	},
+	"dataframe": {
+		"incorrect_format": "Nieprawidłowy format, obsługiwane są tylko pliki CSV i TSV",
+		"new_column": "Dodaj kolumnę",
+		"new_row": "Nowy wiersz",
+		"add_row_above": "Dodaj wiersz powyżej",
+		"add_row_below": "Dodaj wiersz poniżej",
+		"add_column_left": "Dodaj kolumnę po lewej",
+		"add_column_right": "Dodaj kolumnę po prawej",
+		"delete_row": "Usuń wiersz",
+		"delete_column": "Usuń kolumnę",
+		"sort_column": "Sortuj kolumnę",
+		"sort_ascending": "Sortuj rosnąco",
+		"sort_descending": "Sortuj malejąco",
+		"drop_to_upload": "Upuść pliki CSV lub TSV tutaj, aby zaimportować dane do ramki danych",
+		"clear_sort": "Wyczyść sortowanie"
+	},
+	"dropdown": {
+		"dropdown": "Lista rozwijana"
+	},
+	"errors": {
+		"build_error": "Wystąpił błąd kompilacji",
+		"config_error": "Wystąpił błąd konfiguracji",
+		"contact_page_author": "Proszę skontaktować się z autorem strony, aby go poinformować.",
+		"no_app_file": "Brak pliku aplikacji",
+		"runtime_error": "Wystąpił błąd wykonania",
+		"space_not_working": "\"Space nie działa, ponieważ\" {0}",
+		"space_paused": "Space jest wstrzymany",
+		"use_via_api": "Użyj przez API",
+		"use_via_api_or_mcp": "Użyj przez API lub MCP"
+	},
+	"file": {
+		"uploading": "Przesyłanie..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Wyróżniony tekst"
+	},
+	"image": {
+		"allow_webcam_access": "Proszę zezwolić na dostęp do kamery internetowej w celu nagrywania.",
+		"brush_color": "Kolor pędzla",
+		"brush_radius": "Rozmiar pędzla",
+		"image": "Obraz",
+		"remove_image": "Usuń obraz",
+		"select_brush_color": "Wybierz kolor pędzla",
+		"start_drawing": "Rozpocznij rysowanie",
+		"use_brush": "Użyj pędzla",
+		"drop_to_upload": "Upuść plik obrazu tutaj, aby go przesłać"
+	},
+	"label": {
+		"label": "Etykieta"
+	},
+	"login": {
+		"enable_cookies": "Jeśli odwiedzasz HuggingFace Space w trybie incognito, musisz włączyć pliki cookie stron trzecich.",
+		"incorrect_credentials": "Nieprawidłowe dane logowania",
+		"username": "Nazwa użytkownika",
+		"password": "Hasło",
+		"login": "Zaloguj się"
+	},
+	"number": {
+		"number": "Liczba"
+	},
+	"plot": {
+		"plot": "Wykres"
+	},
+	"radio": {
+		"radio": "Przycisk opcji"
+	},
+	"slider": {
+		"slider": "Suwak"
+	},
+	"upload_text": {
+		"click_to_upload": "Kliknij, aby przesłać",
+		"drop_audio": "Upuść plik audio tutaj",
+		"drop_csv": "Upuść plik CSV tutaj",
+		"drop_file": "Upuść plik tutaj",
+		"drop_image": "Upuść obraz tutaj",
+		"drop_video": "Upuść plik wideo tutaj",
+		"drop_gallery": "Upuść media tutaj",
+		"paste_clipboard": "Wklej ze schowka"
+	},
+	"video": {
+		"drop_to_upload": "Upuść plik wideo tutaj, aby go przesłać"
+	},
+	"chatbot": {
+		"edit": "Edytuj",
+		"retry": "Spróbuj ponownie",
+		"undo": "Cofnij",
+		"submit": "Wyślij",
+		"cancel": "Anuluj",
+		"like": "Lubię to",
+		"dislike": "Nie lubię tego",
+		"clear": "Wyczyść czat"
+	}
+}
diff --git a/js/core/src/lang/pt-BR.json b/js/core/src/lang/pt-BR.json
new file mode 100644
index 0000000..482b566
--- /dev/null
+++ b/js/core/src/lang/pt-BR.json
@@ -0,0 +1,158 @@
+{
+	"_name": "Português do Brasil",
+	"common": {
+		"built_with_gradio": "Construído com Gradio",
+		"clear": "Limpar",
+		"error": "Erro",
+		"flag": "Marcar",
+		"loading": "Carregando",
+		"or": "ou",
+		"submit": "Enviar",
+		"built_with": "Construído com",
+		"download": "Baixar",
+		"edit": "Editar",
+		"empty": "Vazio",
+		"hosted_on": "Hospedado em",
+		"logo": "Logotipo",
+		"settings": "Configurações",
+		"undo": "Desfazer",
+		"no_devices": "Nenhum dispositivo encontrado",
+		"language": "Idioma",
+		"display_theme": "Tema de exibição",
+		"pwa": "Aplicativo web progressivo",
+		"share": "Compartilhar",
+		"remove": "Remover"
+	},
+	"upload_text": {
+		"click_to_upload": "Clique para fazer upload",
+		"drop_audio": "Solte o áudio aqui",
+		"drop_csv": "Solte o CSV aqui",
+		"drop_file": "Solte o arquivo aqui",
+		"drop_image": "Solte a imagem aqui",
+		"drop_video": "Solte o vídeo aqui",
+		"drop_gallery": "Solte a mídia aqui",
+		"paste_clipboard": "Colar da área de transferência"
+	},
+	"3D_model": {
+		"3d_model": "Modelo 3D",
+		"drop_to_upload": "Solte um arquivo de modelo 3D (.obj, .glb, .stl, .gltf, .splat ou .ply) aqui para fazer upload"
+	},
+	"annotated_image": {
+		"annotated_image": "Imagem anotada"
+	},
+	"audio": {
+		"allow_recording_access": "Por favor, permita o acesso ao microfone para gravação.",
+		"audio": "Áudio",
+		"drop_to_upload": "Solte um arquivo de áudio aqui para fazer upload",
+		"record_from_microphone": "Gravar do microfone",
+		"stop_recording": "Parar gravação",
+		"no_device_support": "Os dispositivos de mídia não puderam ser acessados. Verifique se você está executando em uma origem segura (https) ou localhost (ou se forneceu um certificado SSL válido para ssl_verify), e se permitiu o acesso do navegador ao seu dispositivo.",
+		"stop": "Parar",
+		"resume": "Retomar",
+		"record": "Gravar",
+		"no_microphone": "Nenhum microfone encontrado",
+		"pause": "Pausar",
+		"play": "Reproduzir",
+		"waiting": "Aguardando"
+	},
+	"blocks": {
+		"connection_can_break": "No celular, a conexão pode ser interrompida se esta aba ficar em segundo plano ou se o dispositivo entrar em modo de repouso, fazendo você perder sua posição na fila.",
+		"long_requests_queue": "Há uma longa fila de solicitações pendentes. Duplique este Space para pular a fila.",
+		"lost_connection": "Conexão perdida ao sair da página. Retornando para a fila...",
+		"waiting_for_inputs": "Aguardando o(s) arquivo(s) terminar(em) de ser carregado(s), por favor, tente novamente."
+	},
+	"checkbox": {
+		"checkbox": "Caixa de seleção",
+		"checkbox_group": "Grupo de caixas de seleção"
+	},
+	"code": {
+		"code": "Código"
+	},
+	"color_picker": {
+		"color_picker": "Seletor de cor"
+	},
+	"dataframe": {
+		"incorrect_format": "Formato incorreto, apenas arquivos CSV e TSV são suportados",
+		"new_column": "Adicionar coluna",
+		"new_row": "Nova linha",
+		"add_row_above": "Adicionar linha acima",
+		"add_row_below": "Adicionar linha abaixo",
+		"delete_row": "Excluir linha",
+		"delete_column": "Excluir coluna",
+		"add_column_left": "Adicionar coluna à esquerda",
+		"add_column_right": "Adicionar coluna à direita",
+		"sort_column": "Classificar coluna",
+		"sort_ascending": "Ordenar em ordem crescente",
+		"sort_descending": "Ordenar em ordem decrescente",
+		"drop_to_upload": "Solte arquivos CSV ou TSV aqui para importar dados para o dataframe",
+		"clear_sort": "Limpar classificação",
+		"filter": "Filtrar",
+		"clear_filter": "Limpar filtros"
+	},
+	"dropdown": {
+		"dropdown": "Menu suspenso"
+	},
+	"errors": {
+		"build_error": "Houve um erro de compilação",
+		"config_error": "Há um erro de configuração",
+		"contact_page_author": "Por favor, entre em contato com o autor da página para informá-lo.",
+		"no_app_file": "Não há arquivo de aplicativo",
+		"space_not_working": "\"O Space não está funcionando porque\" {0}",
+		"space_paused": "O Space está pausado",
+		"use_via_api": "Usar via API",
+		"use_via_api_or_mcp": "Usar via API ou MCP",
+		"runtime_error": "Houve um erro de execução"
+	},
+	"file": {
+		"uploading": "Carregando..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Texto destacado"
+	},
+	"image": {
+		"allow_webcam_access": "Por favor, permita o acesso à webcam para gravação.",
+		"brush_color": "Cor do pincel",
+		"brush_radius": "Tamanho do pincel",
+		"image": "Imagem",
+		"remove_image": "Remover imagem",
+		"select_brush_color": "Selecione a cor do pincel",
+		"start_drawing": "Começar a desenhar",
+		"use_brush": "Usar pincel",
+		"drop_to_upload": "Solte um arquivo de imagem aqui para fazer upload"
+	},
+	"label": {
+		"label": "Rótulo"
+	},
+	"login": {
+		"enable_cookies": "Se você estiver visitando um HuggingFace Space no modo incógnito, você deve habilitar cookies de terceiros.",
+		"incorrect_credentials": "Credenciais incorretas",
+		"username": "Nome de usuário",
+		"password": "Senha",
+		"login": "Entrar"
+	},
+	"number": {
+		"number": "Número"
+	},
+	"plot": {
+		"plot": "Gráfico"
+	},
+	"radio": {
+		"radio": "Botão de opção"
+	},
+	"slider": {
+		"slider": "Controle deslizante"
+	},
+	"video": {
+		"drop_to_upload": "Solte um arquivo de vídeo aqui para fazer upload"
+	},
+	"chatbot": {
+		"edit": "Editar",
+		"retry": "Tentar novamente",
+		"undo": "Desfazer",
+		"submit": "Enviar",
+		"cancel": "Cancelar",
+		"like": "Gostei",
+		"dislike": "Não gostei",
+		"clear": "Limpar conversa"
+	}
+}
diff --git a/js/core/src/lang/pt.json b/js/core/src/lang/pt.json
new file mode 100644
index 0000000..45f6682
--- /dev/null
+++ b/js/core/src/lang/pt.json
@@ -0,0 +1,157 @@
+{
+	"_name": "Português",
+	"3D_model": {
+		"3d_model": "Modelo 3D",
+		"drop_to_upload": "Solte um arquivo de modelo 3D (.obj, .glb, .stl, .gltf, .splat ou .ply) aqui para fazer upload"
+	},
+	"annotated_image": {
+		"annotated_image": "Imagem anotada"
+	},
+	"audio": {
+		"allow_recording_access": "Por favor, permita o acesso ao microfone para gravação.",
+		"audio": "Áudio",
+		"record_from_microphone": "Gravar do microfone",
+		"stop_recording": "Parar gravação",
+		"no_device_support": "Não é possível aceder a dispositivos de média. Certifique-se de que está a executar numa fonte segura (https) ou localhost (ou passou um certificado SSL válido para ssl_verify), e que permitiu o acesso do navegador ao seu dispositivo.",
+		"stop": "Parar",
+		"resume": "Retomar",
+		"record": "Gravar",
+		"no_microphone": "Nenhum microfone encontrado",
+		"pause": "Pausar",
+		"play": "Reproduzir",
+		"waiting": "Aguardando",
+		"drop_to_upload": "Solte um arquivo de áudio aqui para fazer upload"
+	},
+	"blocks": {
+		"connection_can_break": "No telemóvel, a ligação pode ser interrompida se este separador perder o foco ou o dispositivo entrar em modo de suspensão, perdendo a sua posição na fila.",
+		"long_requests_queue": "Há uma longa fila de solicitações pendentes. Duplique este Space para saltar a fila.",
+		"lost_connection": "Ligação perdida devido à saída da página. A voltar à fila...",
+		"waiting_for_inputs": "A aguardar o término do carregamento do(s) ficheiro(s), por favor, tente novamente."
+	},
+	"checkbox": {
+		"checkbox": "Caixa de seleção",
+		"checkbox_group": "Grupo de caixas de seleção"
+	},
+	"code": {
+		"code": "Código"
+	},
+	"color_picker": {
+		"color_picker": "Seletor de cor"
+	},
+	"common": {
+		"built_with": "Construído com",
+		"built_with_gradio": "Construído com Gradio",
+		"clear": "Limpar",
+		"download": "Descarregar",
+		"edit": "Editar",
+		"empty": "Vazio",
+		"error": "Erro",
+		"hosted_on": "Alojado em",
+		"loading": "A carregar",
+		"logo": "Logótipo",
+		"or": "ou",
+		"remove": "Remover",
+		"settings": "Configurações",
+		"share": "Partilhar",
+		"submit": "Enviar",
+		"undo": "Desfazer",
+		"no_devices": "Nenhum dispositivo encontrado",
+		"language": "Idioma",
+		"display_theme": "Tema de exibição",
+		"pwa": "Aplicação web progressiva"
+	},
+	"dataframe": {
+		"incorrect_format": "Formato incorreto, apenas ficheiros CSV e TSV são suportados",
+		"new_column": "Adicionar coluna",
+		"new_row": "Nova linha",
+		"add_row_above": "Adicionar linha acima",
+		"add_row_below": "Adicionar linha abaixo",
+		"add_column_left": "Adicionar coluna à esquerda",
+		"add_column_right": "Adicionar coluna à direita",
+		"delete_row": "Eliminar linha",
+		"delete_column": "Eliminar coluna",
+		"sort_column": "Ordenar coluna",
+		"sort_ascending": "Ordenar por ordem crescente",
+		"sort_descending": "Ordenar por ordem decrescente",
+		"drop_to_upload": "Solte ficheiros CSV ou TSV aqui para importar dados para o dataframe",
+		"clear_sort": "Limpar ordenação",
+		"filter": "Filtrar",
+		"clear_filter": "Limpar filtros"
+	},
+	"dropdown": {
+		"dropdown": "Lista suspensa"
+	},
+	"errors": {
+		"build_error": "Há um erro de compilação",
+		"config_error": "Há um erro de configuração",
+		"contact_page_author": "Por favor, entre em contacto com o autor da página para informá-lo.",
+		"no_app_file": "Não há ficheiro de aplicação",
+		"runtime_error": "Há um erro de execução",
+		"space_not_working": "\"O Space não está a funcionar porque\" {0}",
+		"space_paused": "O Space está em pausa",
+		"use_via_api": "Usar via API",
+		"use_via_api_or_mcp": "Usar via API ou MCP"
+	},
+	"file": {
+		"uploading": "A carregar..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Texto destacado"
+	},
+	"image": {
+		"allow_webcam_access": "Por favor, permita o acesso à webcam para gravação.",
+		"brush_color": "Cor do pincel",
+		"brush_radius": "Tamanho do pincel",
+		"image": "Imagem",
+		"remove_image": "Remover imagem",
+		"select_brush_color": "Selecionar cor do pincel",
+		"start_drawing": "Começar a desenhar",
+		"use_brush": "Usar pincel",
+		"drop_to_upload": "Solte um ficheiro de imagem aqui para fazer upload"
+	},
+	"label": {
+		"label": "Rótulo"
+	},
+	"login": {
+		"enable_cookies": "Se estiver a visitar um Space HuggingFace no modo anónimo, precisa de ativar cookies de terceiros.",
+		"incorrect_credentials": "Credenciais incorretas",
+		"username": "Nome de utilizador",
+		"password": "Palavra-passe",
+		"login": "Iniciar sessão"
+	},
+	"number": {
+		"number": "Número"
+	},
+	"plot": {
+		"plot": "Gráfico"
+	},
+	"radio": {
+		"radio": "Botão de opção"
+	},
+	"slider": {
+		"slider": "Controlo deslizante"
+	},
+	"upload_text": {
+		"click_to_upload": "Clique para carregar",
+		"drop_audio": "Solte o áudio aqui",
+		"drop_csv": "Solte o CSV aqui",
+		"drop_file": "Solte o ficheiro aqui",
+		"drop_image": "Solte a imagem aqui",
+		"drop_video": "Solte o vídeo aqui",
+		"drop_gallery": "Solte a média aqui",
+		"paste_clipboard": "Colar da área de transferência"
+	},
+	"video": {
+		"drop_to_upload": "Solte um ficheiro de vídeo aqui para fazer upload"
+	},
+	"chatbot": {
+		"edit": "Editar",
+		"retry": "Tentar novamente",
+		"undo": "Desfazer",
+		"submit": "Enviar",
+		"cancel": "Cancelar",
+		"like": "Gosto",
+		"dislike": "Não gosto",
+		"clear": "Limpar conversa"
+	}
+}
diff --git a/js/core/src/lang/ro.json b/js/core/src/lang/ro.json
new file mode 100644
index 0000000..9d55934
--- /dev/null
+++ b/js/core/src/lang/ro.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Română",
+	"3D_model": {
+		"3d_model": "Model 3D",
+		"drop_to_upload": "Plasați un fișier cu model 3D (.obj, .glb, .stl, .gltf, .splat sau .ply) aici pentru a-l încărca"
+	},
+	"annotated_image": {
+		"annotated_image": "Imagine adnotată"
+	},
+	"audio": {
+		"allow_recording_access": "Vă rugăm să permiteți accesul la microfon pentru înregistrare.",
+		"audio": "Audio",
+		"record_from_microphone": "Înregistrare de la microfon",
+		"stop_recording": "Oprire înregistrare",
+		"no_device_support": "Nu se poate accesa dispozitivele media. Asigurați-vă că rulați pe o sursă sigură (https) sau localhost (sau ați transmis un certificat SSL valid la ssl_verify), și că ați permis browserului accesul la dispozitivul dvs.",
+		"stop": "Stop",
+		"resume": "Reluare",
+		"record": "Înregistrare",
+		"no_microphone": "Nu s-a găsit niciun microfon",
+		"pause": "Pauză",
+		"play": "Redare",
+		"waiting": "Așteptare",
+		"drop_to_upload": "Plasați un fișier audio aici pentru a-l încărca"
+	},
+	"blocks": {
+		"connection_can_break": "Pe mobil, conexiunea poate fi întreruptă dacă această filă își pierde focusul sau dispozitivul intră în modul de repaus, pierzându-vă poziția în coadă.",
+		"long_requests_queue": "Există o coadă lungă de cereri în așteptare. Duplicați acest Space pentru a o evita.",
+		"lost_connection": "Conexiune pierdută din cauza părăsirii paginii. Revenire la coadă...",
+		"waiting_for_inputs": "Așteptarea finalizării încărcării fișierului (fișierelor), vă rugăm să reîncercați."
+	},
+	"checkbox": {
+		"checkbox": "Casetă de bifat",
+		"checkbox_group": "Grup de casete de bifat"
+	},
+	"code": {
+		"code": "Cod"
+	},
+	"color_picker": {
+		"color_picker": "Selector de culoare"
+	},
+	"common": {
+		"built_with": "Construit cu",
+		"built_with_gradio": "Construit cu Gradio",
+		"clear": "Șterge",
+		"download": "Descarcă",
+		"edit": "Editează",
+		"empty": "Gol",
+		"error": "Eroare",
+		"hosted_on": "Găzduit pe",
+		"loading": "Se încarcă",
+		"logo": "Logo",
+		"or": "sau",
+		"remove": "Elimină",
+		"settings": "Setări",
+		"share": "Distribuie",
+		"submit": "Trimite",
+		"undo": "Anulează",
+		"no_devices": "Nu s-au găsit dispozitive",
+		"language": "Limbă",
+		"display_theme": "Temă de afișare",
+		"pwa": "Aplicație web progresivă"
+	},
+	"dataframe": {
+		"incorrect_format": "Format incorect, sunt acceptate doar fișiere CSV și TSV",
+		"new_column": "Adaugă coloană",
+		"new_row": "Rând nou",
+		"add_row_above": "Adaugă rând deasupra",
+		"add_row_below": "Adaugă rând dedesubt",
+		"add_column_left": "Adaugă coloană la stânga",
+		"add_column_right": "Adaugă coloană la dreapta",
+		"delete_row": "Șterge rând",
+		"delete_column": "Șterge coloana",
+		"sort_column": "Sortează coloana",
+		"sort_ascending": "Sortează crescător",
+		"sort_descending": "Sortează descrescător",
+		"drop_to_upload": "Plasați fișiere CSV sau TSV aici pentru a importa datele în tabelul de date",
+		"clear_sort": "Șterge sortarea"
+	},
+	"dropdown": {
+		"dropdown": "Listă derulantă"
+	},
+	"errors": {
+		"build_error": "Există o eroare de compilare",
+		"config_error": "Există o eroare de configurare",
+		"contact_page_author": "Vă rugăm să contactați autorul paginii pentru a-l informa.",
+		"no_app_file": "Nu există fișier de aplicație",
+		"runtime_error": "Există o eroare de execuție",
+		"space_not_working": "\"Space-ul nu funcționează deoarece\" {0}",
+		"space_paused": "Space-ul este în pauză",
+		"use_via_api": "Utilizați prin API",
+		"use_via_api_or_mcp": "Utilizați prin API sau MCP"
+	},
+	"file": {
+		"uploading": "Se încarcă..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Text evidențiat"
+	},
+	"image": {
+		"allow_webcam_access": "Vă rugăm să permiteți accesul la camera web pentru înregistrare.",
+		"brush_color": "Culoare pensulă",
+		"brush_radius": "Dimensiune pensulă",
+		"image": "Imagine",
+		"remove_image": "Elimină imaginea",
+		"select_brush_color": "Selectează culoarea pensulei",
+		"start_drawing": "Începe să desenezi",
+		"use_brush": "Folosește pensula",
+		"drop_to_upload": "Plasați un fișier imagine aici pentru a-l încărca"
+	},
+	"label": {
+		"label": "Etichetă"
+	},
+	"login": {
+		"enable_cookies": "Dacă vizitați un Space HuggingFace în modul incognito, trebuie să activați cookie-urile terțe.",
+		"incorrect_credentials": "Credențiale incorecte",
+		"username": "Nume de utilizator",
+		"password": "Parolă",
+		"login": "Autentificare"
+	},
+	"number": {
+		"number": "Număr"
+	},
+	"plot": {
+		"plot": "Grafic"
+	},
+	"radio": {
+		"radio": "Buton radio"
+	},
+	"slider": {
+		"slider": "Glisor"
+	},
+	"upload_text": {
+		"click_to_upload": "Click pentru încărcare",
+		"drop_audio": "Plasați audio aici",
+		"drop_csv": "Plasați CSV aici",
+		"drop_file": "Plasați fișierul aici",
+		"drop_image": "Plasați imaginea aici",
+		"drop_video": "Plasați video aici",
+		"drop_gallery": "Plasați media aici",
+		"paste_clipboard": "Lipește din clipboard"
+	},
+	"video": {
+		"drop_to_upload": "Plasați un fișier video aici pentru a-l încărca"
+	},
+	"chatbot": {
+		"edit": "Editează",
+		"retry": "Încearcă din nou",
+		"undo": "Anulează",
+		"submit": "Trimite",
+		"cancel": "Anulează",
+		"like": "Îmi place",
+		"dislike": "Nu-mi place",
+		"clear": "Șterge conversația"
+	}
+}
diff --git a/js/core/src/lang/ru.json b/js/core/src/lang/ru.json
new file mode 100644
index 0000000..9bdd0cf
--- /dev/null
+++ b/js/core/src/lang/ru.json
@@ -0,0 +1,164 @@
+{
+	"_name": "Русский",
+	"3D_model": {
+		"3d_model": "3D-модель",
+		"drop_to_upload": "Перетащите сюда 3D-модель (.obj, .glb, .stl, .gltf, .splat или .ply) для загрузки"
+	},
+	"annotated_image": {
+		"annotated_image": "Изображение с аннотациями"
+	},
+	"audio": {
+		"allow_recording_access": "Пожалуйста, разрешите доступ к микрофону для записи.",
+		"audio": "Аудио",
+		"record_from_microphone": "Запись с микрофона",
+		"stop_recording": "Остановить запись",
+		"no_device_support": "Невозможно получить доступ к медиа-устройствам. Убедитесь, что вы работаете с безопасного источника (https) или localhost (или передали действительный SSL-сертификат в ssl_verify), и что вы разрешили браузеру доступ к вашему устройству.",
+		"stop": "Стоп",
+		"resume": "Продолжить",
+		"record": "Запись",
+		"no_microphone": "Микрофон не найден",
+		"pause": "Пауза",
+		"play": "Воспроизвести",
+		"waiting": "Ожидание",
+		"drop_to_upload": "Перетащите аудиофайл сюда для загрузки"
+	},
+	"blocks": {
+		"connection_can_break": "На мобильном устройстве соединение может прерваться, если эта вкладка потеряет фокус или устройство перейдет в спящий режим, что приведет к потере вашего места в очереди.",
+		"long_requests_queue": "Существует длинная очередь ожидающих запросов. Создайте дубликат этого Space, чтобы пропустить очередь.",
+		"lost_connection": "Соединение потеряно из-за ухода со страницы. Возвращение в очередь...",
+		"waiting_for_inputs": "Ожидание завершения загрузки файла(ов), пожалуйста, повторите попытку."
+	},
+	"checkbox": {
+		"checkbox": "Флажок",
+		"checkbox_group": "Группа флажков"
+	},
+	"code": {
+		"code": "Код"
+	},
+	"color_picker": {
+		"color_picker": "Выбор цвета"
+	},
+	"common": {
+		"built_with": "Создано с помощью",
+		"built_with_gradio": "Создано с помощью Gradio",
+		"clear": "Очистить",
+		"download": "Скачать",
+		"edit": "Редактировать",
+		"empty": "Пусто",
+		"error": "Ошибка",
+		"hosted_on": "Размещено на",
+		"loading": "Загрузка",
+		"logo": "Логотип",
+		"or": "или",
+		"remove": "Удалить",
+		"settings": "Настройки",
+		"share": "Поделиться",
+		"submit": "Отправить",
+		"undo": "Отменить",
+		"no_devices": "Устройства не найдены",
+		"language": "Язык",
+		"display_theme": "Тема оформления",
+		"pwa": "Прогрессивное веб-приложение"
+	},
+	"dataframe": {
+		"incorrect_format": "Неверный формат, поддерживаются только файлы CSV и TSV",
+		"new_column": "Добавить столбец",
+		"new_row": "Новая строка",
+		"add_row_above": "Добавить строку выше",
+		"add_row_below": "Добавить строку ниже",
+		"add_column_left": "Добавить столбец слева",
+		"add_column_right": "Добавить столбец справа",
+		"delete_row": "Удалить строку",
+		"delete_column": "Удалить столбец",
+		"sort_column": "Сортировать столбец",
+		"sort_ascending": "Сортировать по возрастанию",
+		"sort_descending": "Сортировать по убыванию",
+		"drop_to_upload": "Перетащите файлы CSV или TSV сюда для импорта данных в таблицу данных",
+		"clear_sort": "Очистить сортировку"
+	},
+	"dropdown": {
+		"dropdown": "Выпадающий список"
+	},
+	"errors": {
+		"build_error": "Произошла ошибка сборки",
+		"config_error": "Произошла ошибка конфигурации",
+		"contact_page_author": "Пожалуйста, свяжитесь с автором страницы, чтобы сообщить об этом.",
+		"no_app_file": "Отсутствует файл приложения",
+		"runtime_error": "Произошла ошибка выполнения",
+		"space_not_working": "\"Space не работает, потому что\" {0}",
+		"space_paused": "Space приостановлен",
+		"use_via_api": "Использовать через API",
+		"use_via_api_or_mcp": "Использовать через API или MCP"
+	},
+	"file": {
+		"uploading": "Загрузка..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Выделенный текст"
+	},
+	"image": {
+		"allow_webcam_access": "Пожалуйста, разрешите доступ к веб-камере для записи.",
+		"brush_color": "Цвет кисти",
+		"brush_radius": "Размер кисти",
+		"image": "Изображение",
+		"remove_image": "Удалить изображение",
+		"select_brush_color": "Выбрать цвет кисти",
+		"start_drawing": "Начать рисование",
+		"use_brush": "Использовать кисть",
+		"drop_to_upload": "Перетащите изображение сюда для загрузки"
+	},
+	"label": {
+		"label": "Метка"
+	},
+	"login": {
+		"enable_cookies": "Если вы посещаете Space HuggingFace в режиме инкогнито, вам необходимо включить сторонние куки.",
+		"incorrect_credentials": "Неверные учетные данные",
+		"username": "Имя пользователя",
+		"password": "Пароль",
+		"login": "Войти"
+	},
+	"number": {
+		"number": "Число"
+	},
+	"plot": {
+		"plot": "График"
+	},
+	"radio": {
+		"radio": "Переключатель"
+	},
+	"slider": {
+		"slider": "Ползунок"
+	},
+	"upload_text": {
+		"click_to_upload": "Нажмите для загрузки",
+		"drop_audio": "Перетащите аудио сюда",
+		"drop_csv": "Перетащите CSV сюда",
+		"drop_file": "Перетащите файл сюда",
+		"drop_image": "Перетащите изображение сюда",
+		"drop_video": "Перетащите видео сюда",
+		"drop_gallery": "Перетащите медиа сюда",
+		"paste_clipboard": "Вставить из буфера обмена"
+	},
+	"video": {
+		"drop_to_upload": "Перетащите видеофайл сюда для загрузки"
+	},
+	"chatbot": {
+		"edit": "Редактировать",
+		"retry": "Повторить",
+		"undo": "Отменить",
+		"submit": "Отправить",
+		"cancel": "Отмена",
+		"like": "Нравится",
+		"dislike": "Не нравится",
+		"clear": "Очистить чат",
+		"copy_message": "Копировать сообщение",
+		"copied_message": "Сообщение скопировано"
+	},
+	"chat_interface": {
+		"new_chat": "Новый чат",
+		"message_placeholder": "Введите сообщение...",
+		"additional_inputs": "Дополнительные поля",
+		"chatbot": "Чат-бот",
+		"conversation": "Разговор"
+	}
+}
diff --git a/js/core/src/lang/sv.json b/js/core/src/lang/sv.json
new file mode 100644
index 0000000..507cc45
--- /dev/null
+++ b/js/core/src/lang/sv.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Svenska",
+	"3D_model": {
+		"3d_model": "3D-modell",
+		"drop_to_upload": "Släpp en 3D-modellfil (.obj, .glb, .stl, .gltf, .splat eller .ply) här för att ladda upp"
+	},
+	"annotated_image": {
+		"annotated_image": "Annoterad bild"
+	},
+	"audio": {
+		"allow_recording_access": "Tillåt mikrofonåtkomst för inspelning.",
+		"audio": "Ljud",
+		"record_from_microphone": "Spela in från mikrofon",
+		"stop_recording": "Stoppa inspelning",
+		"no_device_support": "Kan inte få åtkomst till medieenheter. Se till att du använder en säker källa (https) eller localhost (eller har gett ett giltigt SSL-certifikat till ssl_verify) och att du har gett webbläsaren åtkomst till din enhet.",
+		"stop": "Stopp",
+		"resume": "Fortsätt",
+		"record": "Spela in",
+		"no_microphone": "Ingen mikrofon hittades",
+		"pause": "Paus",
+		"play": "Spela upp",
+		"waiting": "Väntar",
+		"drop_to_upload": "Släpp en ljudfil här för att ladda upp"
+	},
+	"blocks": {
+		"connection_can_break": "På mobila enheter kan anslutningen brytas om fliken lämnas eller om enheten går i viloläge, och du förlorar din plats i kön.",
+		"long_requests_queue": "Det är en lång kö med väntande förfrågningar. Duplicera detta Space för att hoppa över kön.",
+		"lost_connection": "Anslutningen bröts eftersom sidan lämnades. Återgår till kön...",
+		"waiting_for_inputs": "Väntar på att fil(er) ska vara klara att ladda upp, vänligen försök igen."
+	},
+	"checkbox": {
+		"checkbox": "Kryssruta",
+		"checkbox_group": "Kryssrutgrupp"
+	},
+	"code": {
+		"code": "Kod"
+	},
+	"color_picker": {
+		"color_picker": "Färgväljare"
+	},
+	"common": {
+		"built_with": "Byggt med",
+		"built_with_gradio": "Byggt med Gradio",
+		"clear": "Rensa",
+		"download": "Ladda ner",
+		"edit": "Redigera",
+		"empty": "Tom",
+		"error": "Fel",
+		"hosted_on": "Värd på",
+		"loading": "Laddar",
+		"logo": "Logotyp",
+		"or": "eller",
+		"remove": "Ta bort",
+		"settings": "Inställningar",
+		"share": "Dela",
+		"submit": "Skicka",
+		"undo": "Ångra",
+		"no_devices": "Inga enheter hittades",
+		"language": "Språk",
+		"display_theme": "Visningstema",
+		"pwa": "Progressiv webbapplikation"
+	},
+	"dataframe": {
+		"incorrect_format": "Fel format, endast CSV- och TSV-filer stöds",
+		"new_column": "Lägg till kolumn",
+		"new_row": "Ny rad",
+		"add_row_above": "Lägg till rad ovanför",
+		"add_row_below": "Lägg till rad nedanför",
+		"add_column_left": "Lägg till kolumn till vänster",
+		"add_column_right": "Lägg till kolumn till höger",
+		"delete_row": "Ta bort rad",
+		"delete_column": "Ta bort kolumn",
+		"sort_column": "Sortera kolumn",
+		"sort_ascending": "Sortera stigande",
+		"sort_descending": "Sortera fallande",
+		"drop_to_upload": "Släpp CSV- eller TSV-filer här för att importera data till dataramverk",
+		"clear_sort": "Rensa sortering"
+	},
+	"dropdown": {
+		"dropdown": "Rullgardinsmeny"
+	},
+	"errors": {
+		"build_error": "Det finns ett byggfel",
+		"config_error": "Det finns ett konfigurationsfel",
+		"contact_page_author": "Kontakta sidans författare för att informera dem.",
+		"no_app_file": "Det finns ingen app-fil",
+		"runtime_error": "Det finns ett körtidsfel",
+		"space_not_working": "\"Space fungerar inte eftersom\" {0}",
+		"space_paused": "Space är pausat",
+		"use_via_api": "Använd via API",
+		"use_via_api_or_mcp": "Använd via API eller MCP"
+	},
+	"file": {
+		"uploading": "Laddar upp..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Markerad text"
+	},
+	"image": {
+		"allow_webcam_access": "Tillåt webbkameråtkomst för inspelning.",
+		"brush_color": "Penselfärg",
+		"brush_radius": "Penselstorlek",
+		"image": "Bild",
+		"remove_image": "Ta bort bild",
+		"select_brush_color": "Välj penselfärg",
+		"start_drawing": "Börja rita",
+		"use_brush": "Använd pensel",
+		"drop_to_upload": "Släpp en bildfil här för att ladda upp"
+	},
+	"label": {
+		"label": "Etikett"
+	},
+	"login": {
+		"enable_cookies": "Om du besöker ett HuggingFace Space i inkognitoläge måste du aktivera tredjepartscookies.",
+		"incorrect_credentials": "Felaktiga inloggningsuppgifter",
+		"username": "Användarnamn",
+		"password": "Lösenord",
+		"login": "Logga in"
+	},
+	"number": {
+		"number": "Nummer"
+	},
+	"plot": {
+		"plot": "Diagram"
+	},
+	"radio": {
+		"radio": "Radioknapp"
+	},
+	"slider": {
+		"slider": "Skjutreglage"
+	},
+	"upload_text": {
+		"click_to_upload": "Klicka för att ladda upp",
+		"drop_audio": "Släpp ljud här",
+		"drop_csv": "Släpp CSV här",
+		"drop_file": "Släpp fil här",
+		"drop_image": "Släpp bild här",
+		"drop_video": "Släpp video här",
+		"drop_gallery": "Släpp media här",
+		"paste_clipboard": "Klistra in från urklipp"
+	},
+	"video": {
+		"drop_to_upload": "Släpp en videofil här för att ladda upp"
+	},
+	"chatbot": {
+		"edit": "Redigera",
+		"retry": "Försök igen",
+		"undo": "Ångra",
+		"submit": "Skicka",
+		"cancel": "Avbryt",
+		"like": "Gilla",
+		"dislike": "Ogilla",
+		"clear": "Rensa chatten"
+	}
+}
diff --git a/js/core/src/lang/ta.json b/js/core/src/lang/ta.json
new file mode 100644
index 0000000..cc8e48d
--- /dev/null
+++ b/js/core/src/lang/ta.json
@@ -0,0 +1,155 @@
+{
+	"_name": "தமிழ்",
+	"common": {
+		"built_with_gradio": "கிரேடியோவுடன் உருவாக்கப்பட்டது",
+		"clear": "அழிக்கவும்",
+		"or": "அல்லது",
+		"submit": "சமர்ப்பிக்கவும்",
+		"built_with": "உருவாக்கப்பட்டது",
+		"download": "பதிவிறக்கம்",
+		"edit": "திருத்து",
+		"empty": "காலியாக உள்ளது",
+		"error": "பிழை",
+		"hosted_on": "இதில் ஹோஸ்ட் செய்யப்பட்டது",
+		"loading": "ஏற்றுகிறது",
+		"logo": "லோகோ",
+		"remove": "நீக்கு",
+		"settings": "அமைப்புகள்",
+		"share": "பகிர்",
+		"undo": "செயல்தவிர்",
+		"no_devices": "சாதனங்கள் எதுவும் கிடைக்கவில்லை",
+		"language": "மொழி",
+		"display_theme": "காட்சி தீம்",
+		"pwa": "முன்னேற்ற வலை பயன்பாடு"
+	},
+	"upload_text": {
+		"click_to_upload": "பதிவேற்ற கிளிக் செய்யவும்",
+		"drop_audio": "ஆடியோவை இங்கே விடவும்",
+		"drop_csv": "CSV ஐ இங்கே விடவும்",
+		"drop_file": "கோப்பை இங்கே விடவும்",
+		"drop_image": "படத்தை இங்கே விடவும்",
+		"drop_video": "வீடியோவை இங்கே விடவும்",
+		"drop_gallery": "மீடியாவை இங்கே விடவும்",
+		"paste_clipboard": "கிளிப்போர்டிலிருந்து ஒட்டவும்"
+	},
+	"3D_model": {
+		"3d_model": "3D மாதிரி",
+		"drop_to_upload": "3D மாதிரி கோப்பை (.obj, .glb, .stl, .gltf, .splat, அல்லது .ply) பதிவேற்ற இங்கே விடவும்"
+	},
+	"annotated_image": {
+		"annotated_image": "குறிப்பிடப்பட்ட படம்"
+	},
+	"audio": {
+		"allow_recording_access": "தயவுசெய்து பதிவு செய்ய மைக்ரோஃபோன் அணுகலை அனுமதிக்கவும்.",
+		"audio": "ஒலி",
+		"drop_to_upload": "ஒலிக் கோப்பை பதிவேற்ற இங்கே விடவும்",
+		"record_from_microphone": "மைக்ரோஃபோனிலிருந்து பதிவு செய்யவும்",
+		"stop_recording": "பதிவை நிறுத்தவும்",
+		"no_device_support": "மீடியா சாதனங்களை அணுக முடியவில்லை. நீங்கள் பாதுகாப்பான மூலத்தில் (https) அல்லது localhost இல் இயங்குகிறீர்களா (அல்லது ssl_verify க்கு செல்லுபடியாகும் SSL சான்றிதழை அனுப்பியுள்ளீர்களா) என்பதையும், உங்கள் சாதனத்திற்கான உலாவி அணுகலை அனுமதித்துள்ளீர்களா என்பதையும் சரிபார்க்கவும்.",
+		"stop": "நிறுத்து",
+		"resume": "தொடரவும்",
+		"record": "பதிவு செய்",
+		"no_microphone": "மைக்ரோஃபோன் எதுவும் கிடைக்கவில்லை",
+		"pause": "இடைநிறுத்து",
+		"play": "இயக்கு",
+		"waiting": "காத்திருக்கிறது"
+	},
+	"blocks": {
+		"connection_can_break": "மொபைலில், இந்தத் தாவல் ஃபோகஸை இழந்தால் அல்லது சாதனம் உறங்கினால், இணைப்பு துண்டிக்கப்பட்டு, வரிசையில் உங்கள் இடத்தை இழக்கலாம்.",
+		"long_requests_queue": "காத்திருக்கும் கோரிக்கைகளின் நீண்ட வரிசை உள்ளது. வரிசையைத் தவிர்க்க இந்த Space ஐ நகலெடுக்கவும்.",
+		"lost_connection": "பக்கத்தை விட்டு வெளியேறியதால் இணைப்பு துண்டிக்கப்பட்டது. வரிசைக்கு மீண்டும் இணைகிறது...",
+		"waiting_for_inputs": "கோப்பு(கள்) பதிவேற்றம் முடிவடைய காத்திருக்கிறது, தயவுசெய்து மீண்டும் முயற்சிக்கவும்."
+	},
+	"checkbox": {
+		"checkbox": "தேர்வுப்பெட்டி",
+		"checkbox_group": "தேர்வுப்பெட்டி குழு"
+	},
+	"code": {
+		"code": "குறியீடு"
+	},
+	"color_picker": {
+		"color_picker": "வண்ணத் தேர்வி"
+	},
+	"dataframe": {
+		"incorrect_format": "தவறான வடிவம், CSV மற்றும் TSV கோப்புகள் மட்டுமே ஆதரிக்கப்படுகின்றன",
+		"new_column": "நெடுவரிசை சேர்க்க",
+		"new_row": "புதிய வரிசை",
+		"add_row_above": "மேலே வரிசை சேர்க்க",
+		"add_row_below": "கீழே வரிசை சேர்க்க",
+		"delete_row": "வரிசையை நீக்கு",
+		"delete_column": "நெடுவரிசையை நீக்கு",
+		"add_column_left": "இடது பக்கத்தில் நெடுவரிசை சேர்க்க",
+		"add_column_right": "வலது பக்கத்தில் நெடுவரிசை சேர்க்க",
+		"sort_column": "நெடுவரிசையை வரிசைப்படுத்து",
+		"sort_ascending": "ஏறுவரிசையில் வரிசைப்படுத்து",
+		"sort_descending": "இறங்குவரிசையில் வரிசைப்படுத்து",
+		"drop_to_upload": "தரவுத்தளத்திற்கு தரவை இறக்குமதி செய்ய CSV அல்லது TSV கோப்புகளை இங்கே விடவும்",
+		"clear_sort": "வரிசைப்படுத்தலை அழி"
+	},
+	"dropdown": {
+		"dropdown": "கீழ்தோன்றல் பட்டியல்"
+	},
+	"errors": {
+		"build_error": "உருவாக்க பிழை உள்ளது",
+		"config_error": "கட்டமைப்பு பிழை உள்ளது",
+		"contact_page_author": "தயவுசெய்து பக்க ஆசிரியரைத் தொடர்பு கொண்டு தெரிவிக்கவும்.",
+		"no_app_file": "பயன்பாட்டுக் கோப்பு இல்லை",
+		"runtime_error": "இயக்க நேர பிழை உள்ளது",
+		"space_not_working": "\"Space செயல்படவில்லை ஏனெனில்\" {0}",
+		"space_paused": "Space இடைநிறுத்தப்பட்டுள்ளது",
+		"use_via_api": "API மூலம் பயன்படுத்தவும்",
+		"use_via_api_or_mcp": "API அல்லது MCP மூலம் பயன்படுத்தவும்"
+	},
+	"file": {
+		"uploading": "பதிவேற்றுகிறது..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "சிறப்பிக்கப்பட்ட உரை"
+	},
+	"image": {
+		"allow_webcam_access": "தயவுசெய்து பதிவு செய்ய வெப்கேம் அணுகலை அனுமதிக்கவும்.",
+		"brush_color": "தூரிகை நிறம்",
+		"brush_radius": "தூரிகை அளவு",
+		"image": "படம்",
+		"remove_image": "படத்தை நீக்கு",
+		"select_brush_color": "தூரிகை நிறத்தைத் தேர்ந்தெடுக்கவும்",
+		"start_drawing": "வரைய தொடங்கவும்",
+		"use_brush": "தூரிகையைப் பயன்படுத்தவும்",
+		"drop_to_upload": "பட கோப்பை பதிவேற்ற இங்கே விடவும்"
+	},
+	"label": {
+		"label": "லேபிள்"
+	},
+	"login": {
+		"enable_cookies": "நீங்கள் மறைநிலை பயன்முறையில் HuggingFace Space ஐப் பார்வையிட்டால், மூன்றாம் தரப்பு குக்கீகளை இயக்க வேண்டும்.",
+		"incorrect_credentials": "தவறான சான்றுகள்",
+		"username": "பயனர்பெயர்",
+		"password": "கடவுச்சொல்",
+		"login": "உள்நுழைய"
+	},
+	"number": {
+		"number": "எண்"
+	},
+	"plot": {
+		"plot": "வரைபடம்"
+	},
+	"radio": {
+		"radio": "ரேடியோ பொத்தான்"
+	},
+	"slider": {
+		"slider": "சறுக்கி"
+	},
+	"video": {
+		"drop_to_upload": "வீடியோ கோப்பை பதிவேற்ற இங்கே விடவும்"
+	},
+	"chatbot": {
+		"edit": "திருத்து",
+		"retry": "மீண்டும் முயற்சி",
+		"undo": "செயல்தவிர்",
+		"submit": "சமர்ப்பிக்கவும்",
+		"cancel": "ரத்து",
+		"like": "விரும்புகிறேன்",
+		"dislike": "விரும்பவில்லை",
+		"clear": "உரையாடலை அழி"
+	}
+}
diff --git a/js/core/src/lang/th.json b/js/core/src/lang/th.json
new file mode 100644
index 0000000..19177f5
--- /dev/null
+++ b/js/core/src/lang/th.json
@@ -0,0 +1,155 @@
+{
+	"_name": "ภาษาไทย",
+	"3D_model": {
+		"3d_model": "โมเดล 3 มิติ",
+		"drop_to_upload": "ลากและวางไฟล์โมเดล 3 มิติ (.obj, .glb, .stl, .gltf, .splat, หรือ .ply) ที่นี่เพื่ออัปโหลด"
+	},
+	"annotated_image": {
+		"annotated_image": "รูปภาพที่มีคำอธิบาย"
+	},
+	"audio": {
+		"allow_recording_access": "กรุณาอนุญาตการเข้าถึงไมโครโฟนเพื่อบันทึกเสียง",
+		"audio": "เสียง",
+		"drop_to_upload": "ลากและวางไฟล์เสียงที่นี่เพื่ออัปโหลด",
+		"record_from_microphone": "บันทึกจากไมโครโฟน",
+		"stop_recording": "หยุดบันทึก",
+		"no_device_support": "ไม่สามารถเข้าถึงอุปกรณ์สื่อได้ โปรดตรวจสอบว่าคุณใช้งานบนโดเมนที่ปลอดภัย (https) หรือ localhost (หรือคุณได้กำหนดค่า SSL ที่ถูกต้อง) และอนุญาตให้เบราว์เซอร์เข้าถึงอุปกรณ์ของคุณ",
+		"stop": "หยุด",
+		"resume": "ทำงานต่อ",
+		"record": "บันทึก",
+		"no_microphone": "ไม่พบไมโครโฟน",
+		"pause": "หยุดชั่วคราว",
+		"play": "เล่น",
+		"waiting": "กำลังรอ"
+	},
+	"blocks": {
+		"connection_can_break": "บนมือถือ การเชื่อมต่ออาจหลุดหากแท็บนี้ไม่ได้อยู่ในโฟกัสหรืออุปกรณ์เข้าสู่โหมดพัก ส่งผลให้เสียตำแหน่งในคิว",
+		"long_requests_queue": "มีคิวคำขอรออยู่เป็นจำนวนมาก คัดลอก Space นี้เพื่อข้ามคิว",
+		"lost_connection": "การเชื่อมต่อขาดหายเนื่องจากออกจากหน้า กำลังเข้าคิวใหม่...",
+		"waiting_for_inputs": "กำลังรอไฟล์อัปโหลดเสร็จ กรุณาลองใหม่"
+	},
+	"checkbox": {
+		"checkbox": "กล่องเลือก",
+		"checkbox_group": "กลุ่มกล่องเลือก"
+	},
+	"code": {
+		"code": "โค้ด"
+	},
+	"color_picker": {
+		"color_picker": "ตัวเลือกสี"
+	},
+	"common": {
+		"built_with": "สร้างด้วย",
+		"built_with_gradio": "สร้างด้วย Gradio",
+		"clear": "ล้าง",
+		"download": "ดาวน์โหลด",
+		"edit": "แก้ไข",
+		"empty": "ว่างเปล่า",
+		"error": "ข้อผิดพลาด",
+		"hosted_on": "โฮสต์บน",
+		"loading": "กำลังโหลด",
+		"logo": "โลโก้",
+		"or": "หรือ",
+		"remove": "ลบ",
+		"settings": "การตั้งค่า",
+		"share": "แชร์",
+		"submit": "ส่ง",
+		"undo": "เลิกทำ",
+		"no_devices": "ไม่พบอุปกรณ์",
+		"language": "ภาษา",
+		"display_theme": "ธีมการแสดงผล",
+		"pwa": "โปรเกรสซีฟเว็บแอป"
+	},
+	"dataframe": {
+		"incorrect_format": "รูปแบบไม่ถูกต้อง รองรับเฉพาะไฟล์ CSV และ TSV",
+		"new_column": "เพิ่มคอลัมน์",
+		"new_row": "แถวใหม่",
+		"add_row_above": "เพิ่มแถวด้านบน",
+		"add_row_below": "เพิ่มแถวด้านล่าง",
+		"delete_row": "ลบแถว",
+		"delete_column": "ลบคอลัมน์",
+		"add_column_left": "เพิ่มคอลัมน์ทางซ้าย",
+		"add_column_right": "เพิ่มคอลัมน์ทางขวา",
+		"sort_column": "เรียงลำดับคอลัมน์",
+		"sort_ascending": "เรียงจากน้อยไปมาก",
+		"sort_descending": "เรียงจากมากไปน้อย",
+		"drop_to_upload": "ลากและวางไฟล์ CSV หรือ TSV ที่นี่เพื่อนำเข้าข้อมูลลงในตาราง",
+		"clear_sort": "ล้างการเรียงลำดับ"
+	},
+	"dropdown": {
+		"dropdown": "เมนูดรอปดาวน์"
+	},
+	"errors": {
+		"build_error": "เกิดข้อผิดพลาดในการสร้าง",
+		"config_error": "เกิดข้อผิดพลาดในการกำหนดค่า",
+		"contact_page_author": "โปรดติดต่อผู้ดูแลเพจเพื่อแจ้งให้ทราบ",
+		"no_app_file": "ไม่พบไฟล์แอป",
+		"runtime_error": "เกิดข้อผิดพลาดขณะทำงาน",
+		"space_not_working": "\"Space ใช้งานไม่ได้เนื่องจาก\" {0}",
+		"space_paused": "Space ถูกหยุดชั่วคราว",
+		"use_via_api": "ใช้งานผ่าน API",
+		"use_via_api_or_mcp": "ใช้งานผ่าน API หรือ MCP"
+	},
+	"file": {
+		"uploading": "กำลังอัปโหลด..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "ข้อความที่ถูกเน้น"
+	},
+	"image": {
+		"allow_webcam_access": "กรุณาอนุญาตการเข้าถึงเว็บแคมเพื่อบันทึกภาพ",
+		"brush_color": "สีแปรง",
+		"brush_radius": "ขนาดแปรง",
+		"image": "รูปภาพ",
+		"remove_image": "ลบรูปภาพ",
+		"select_brush_color": "เลือกสีแปรง",
+		"start_drawing": "เริ่มวาด",
+		"use_brush": "ใช้แปรง",
+		"drop_to_upload": "ลากและวางไฟล์รูปภาพที่นี่เพื่ออัปโหลด"
+	},
+	"label": {
+		"label": "ป้ายกำกับ"
+	},
+	"login": {
+		"enable_cookies": "หากคุณเข้าใช้งาน HuggingFace Space ในโหมดไม่ระบุตัวตน คุณต้องเปิดใช้งานคุกกี้ของบุคคลที่สาม",
+		"incorrect_credentials": "ชื่อผู้ใช้หรือรหัสผ่านไม่ถูกต้อง",
+		"username": "ชื่อผู้ใช้",
+		"password": "รหัสผ่าน",
+		"login": "เข้าสู่ระบบ"
+	},
+	"number": {
+		"number": "ตัวเลข"
+	},
+	"plot": {
+		"plot": "กราฟ"
+	},
+	"radio": {
+		"radio": "ปุ่มตัวเลือก"
+	},
+	"slider": {
+		"slider": "แถบเลื่อน"
+	},
+	"upload_text": {
+		"click_to_upload": "คลิกเพื่ออัปโหลด",
+		"drop_audio": "ลากและวางไฟล์เสียงที่นี่",
+		"drop_csv": "ลากและวางไฟล์ CSV ที่นี่",
+		"drop_file": "ลากและวางไฟล์ที่นี่",
+		"drop_image": "ลากและวางไฟล์รูปภาพที่นี่",
+		"drop_video": "ลากและวางไฟล์วิดีโอที่นี่",
+		"drop_gallery": "ลากและวางไฟล์สื่อที่นี่",
+		"paste_clipboard": "วางจากคลิปบอร์ด"
+	},
+	"video": {
+		"drop_to_upload": "ลากและวางไฟล์วิดีโอที่นี่เพื่ออัปโหลด"
+	},
+	"chatbot": {
+		"edit": "แก้ไข",
+		"retry": "ลองใหม่",
+		"undo": "เลิกทำ",
+		"submit": "ส่ง",
+		"cancel": "ยกเลิก",
+		"like": "ถูกใจ",
+		"dislike": "ไม่ถูกใจ",
+		"clear": "ล้างการสนทนา"
+	}
+}
diff --git a/js/core/src/lang/tr.json b/js/core/src/lang/tr.json
new file mode 100644
index 0000000..0553523
--- /dev/null
+++ b/js/core/src/lang/tr.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Türkçe",
+	"common": {
+		"built_with_gradio": "Gradio ile oluşturulmuştur",
+		"clear": "Temizle",
+		"or": "veya",
+		"submit": "Gönder",
+		"built_with": "İle oluşturuldu",
+		"download": "İndir",
+		"edit": "Düzenle",
+		"empty": "Boş",
+		"error": "Hata",
+		"hosted_on": "Şurada barındırılıyor:",
+		"loading": "Yükleniyor",
+		"logo": "Logo",
+		"remove": "Kaldır",
+		"settings": "Ayarlar",
+		"share": "Paylaş",
+		"undo": "Geri Al",
+		"no_devices": "Hiçbir cihaz bulunamadı",
+		"language": "Dil",
+		"display_theme": "Görünüm Teması",
+		"pwa": "Progressive Web Uygulaması"
+	},
+	"upload_text": {
+		"click_to_upload": "Yüklemek için tıkla",
+		"drop_audio": "Ses dosyasını buraya sürükle",
+		"drop_csv": "CSV dosyasını buraya sürükle",
+		"drop_file": "Dosyayı buraya sürükle",
+		"drop_image": "Resmi buraya sürükle",
+		"drop_video": "Videoyu buraya sürükle",
+		"drop_gallery": "Medyayı buraya bırak",
+		"paste_clipboard": "Panodan yapıştır"
+	},
+	"3D_model": {
+		"3d_model": "3D Model",
+		"drop_to_upload": "Yüklemek için bir 3D model dosyasını (.obj, .glb, .stl, .gltf, .splat veya .ply) buraya bırakın"
+	},
+	"annotated_image": {
+		"annotated_image": "Açıklamalı Görüntü"
+	},
+	"audio": {
+		"allow_recording_access": "Lütfen kayıt yapmak için mikrofona erişim izni verin.",
+		"audio": "Ses",
+		"drop_to_upload": "Yüklemek için bir ses dosyasını buraya bırakın",
+		"record_from_microphone": "Mikrofondan kaydet",
+		"stop_recording": "Kaydı durdur",
+		"no_device_support": "Medya cihazlarına erişilemedi. Güvenli bir kökende (https) veya yerel makinede (localhost) çalıştığınızdan emin olun (veya geçerli bir SSL sertifikası ile ssl_verify'yi geçtiniz) ve tarayıcınızın cihazınıza erişim izni verdiğini kontrol edin.",
+		"stop": "Durdur",
+		"resume": "Devam Et",
+		"record": "Kaydet",
+		"no_microphone": "Hiçbir mikrofon bulunamadı",
+		"pause": "Duraklat",
+		"play": "Oynat",
+		"waiting": "Bekliyor"
+	},
+	"blocks": {
+		"connection_can_break": "Mobil cihazda, bu sekme odaklanmadığında veya cihaz uyku moduna geçtiğinde bağlantı kopabilir ve kuyrukta olduğunuz yer kaybedilebilir.",
+		"long_requests_queue": "Bekleyen isteklerin uzun bir kuyruğu var. Kuyruktan atlamak için bu Space'i kopyalayın.",
+		"lost_connection": "Sayfa terk edildiği için bağlantı kaybedildi. Kuyruğa yeniden katılıyor...",
+		"waiting_for_inputs": "Dosya(lar)ın yükleme işlemini tamamlaması bekleniyor, lütfen yeniden deneyin."
+	},
+	"checkbox": {
+		"checkbox": "Onay Kutusu",
+		"checkbox_group": "Onay Kutusu Grubu"
+	},
+	"code": {
+		"code": "Kod"
+	},
+	"color_picker": {
+		"color_picker": "Renk Seçici"
+	},
+	"dataframe": {
+		"incorrect_format": "Yanlış format, sadece CSV ve TSV dosyaları destekleniyor",
+		"new_column": "Sütun ekle",
+		"new_row": "Yeni satır",
+		"add_row_above": "Yukarıya satır ekle",
+		"add_row_below": "Aşağıya satır ekle",
+		"delete_row": "Satırı sil",
+		"delete_column": "Sütunu sil",
+		"add_column_left": "Sola sütun ekle",
+		"add_column_right": "Sağa sütun ekle",
+		"sort_column": "Sütunu sırala",
+		"sort_ascending": "Artan sırala",
+		"sort_descending": "Azalan sırala",
+		"drop_to_upload": "Veriyi veri çerçevesine aktarmak için CSV veya TSV dosyalarını buraya bırakın",
+		"clear_sort": "Sıralamayı temizle"
+	},
+	"dropdown": {
+		"dropdown": "Açılır Liste"
+	},
+	"errors": {
+		"build_error": "Bir derleme hatası var",
+		"config_error": "Bir yapılandırma hatası var",
+		"contact_page_author": "Lütfen sayfanın yazarıyla iletişime geçin ve bildirin.",
+		"no_app_file": "Uygulama dosyası yok",
+		"runtime_error": "Bir çalışma zamanı hatası var",
+		"space_not_working": "\"Space çalışmıyor çünkü\" {0}",
+		"space_paused": "Space duraklatıldı",
+		"use_via_api": "API üzerinden kullan",
+		"use_via_api_or_mcp": "API veya MCP üzerinden kullan"
+	},
+	"file": {
+		"uploading": "Yükleniyor..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Vurgulanan Metin"
+	},
+	"image": {
+		"allow_webcam_access": "Lütfen kayıt için web kamerasına erişim izni verin.",
+		"brush_color": "Fırça rengi",
+		"brush_radius": "Fırça boyutu",
+		"image": "Görüntü",
+		"remove_image": "Resmi kaldır",
+		"select_brush_color": "Fırça rengini seç",
+		"start_drawing": "Çizim yapmaya başla",
+		"use_brush": "Fırça kullan",
+		"drop_to_upload": "Yüklemek için bir görüntü dosyasını buraya bırakın"
+	},
+	"label": {
+		"label": "Etiket"
+	},
+	"login": {
+		"enable_cookies": "Eğer HuggingFace Space'i Gizli Mod'da ziyaret ediyorsanız, üçüncü taraf çerezleri etkinleştirmelisiniz.",
+		"incorrect_credentials": "Yanlış kimlik bilgileri",
+		"username": "Kullanıcı adı",
+		"password": "Parola",
+		"login": "Giriş yap"
+	},
+	"number": {
+		"number": "Sayı"
+	},
+	"plot": {
+		"plot": "Grafik"
+	},
+	"radio": {
+		"radio": "Radyo Düğmesi"
+	},
+	"slider": {
+		"slider": "Kaydırıcı"
+	},
+	"video": {
+		"drop_to_upload": "Yüklemek için bir video dosyasını buraya bırakın"
+	},
+	"chatbot": {
+		"edit": "Düzenle",
+		"retry": "Tekrar Dene",
+		"undo": "Geri Al",
+		"submit": "Gönder",
+		"cancel": "İptal",
+		"like": "Beğen",
+		"dislike": "Beğenme",
+		"clear": "Sohbeti Temizle"
+	}
+}
diff --git a/js/core/src/lang/uk.json b/js/core/src/lang/uk.json
new file mode 100644
index 0000000..7d12c77
--- /dev/null
+++ b/js/core/src/lang/uk.json
@@ -0,0 +1,155 @@
+{
+	"_name": "Українська",
+	"common": {
+		"built_with_gradio": "Зроблено на основі Gradio",
+		"clear": "Очистити",
+		"or": "або",
+		"submit": "Надіслати",
+		"settings": "Налаштування",
+		"built_with": "Зроблено з",
+		"download": "Завантажити",
+		"edit": "Редагувати",
+		"empty": "Порожній",
+		"error": "Помилка",
+		"hosted_on": "Розміщено на",
+		"loading": "Завантаження",
+		"logo": "Логотип",
+		"remove": "Видалити",
+		"share": "Поділитися",
+		"undo": "Скасувати",
+		"no_devices": "Пристроїв не знайдено",
+		"language": "Мова",
+		"display_theme": "Тема оформлення",
+		"pwa": "Прогресивний веб-додаток"
+	},
+	"upload_text": {
+		"click_to_upload": "Натисніть, щоб завантажити",
+		"drop_audio": "Перетягніть аудіо сюди",
+		"drop_csv": "Перетягніть CSV-файл сюди",
+		"drop_file": "Перетягніть файл сюди",
+		"drop_image": "Перетягніть зображення сюди",
+		"drop_video": "Перетягніть відео сюди",
+		"drop_gallery": "Перетягніть медіа сюди",
+		"paste_clipboard": "Вставити з буфера обміну"
+	},
+	"3D_model": {
+		"3d_model": "3D-модель",
+		"drop_to_upload": "Перетягніть файл 3D-моделі (.obj, .glb, .stl, .gltf, .splat або .ply) сюди, щоб завантажити"
+	},
+	"annotated_image": {
+		"annotated_image": "Анотоване зображення"
+	},
+	"audio": {
+		"allow_recording_access": "Будь ласка, дайте доступ до мікрофона для запису.",
+		"audio": "Аудіо",
+		"drop_to_upload": "Перетягніть аудіофайл сюди, щоб завантажити",
+		"record_from_microphone": "Записати з мікрофона",
+		"stop_recording": "Зупинити запис",
+		"no_device_support": "Медійні пристрої не можуть бути доступні. Переконайтеся, що ви запускаєте з захищеного джерела (https) або localhost (або ви передали дійсний SSL-сертифікат до ssl_verify), і ви дозволили браузеру доступ до вашого пристрою.",
+		"stop": "Зупинити",
+		"resume": "Відновити",
+		"record": "Записати",
+		"no_microphone": "Мікрофон не виявлено",
+		"pause": "Пауза",
+		"play": "Відтворити",
+		"waiting": "Очікування"
+	},
+	"blocks": {
+		"connection_can_break": "На мобільному пристрої з'єднання може перерватися, якщо ця вкладка втрачає фокус або пристрій увійде в режим сну, в результаті чого ви втратите своє місце в черзі.",
+		"long_requests_queue": "У черзі залишилось багато запитів. Скопіюйте цей Space, щоб пропустити чергу.",
+		"lost_connection": "З'єднання втрачено через вихід зі сторінки. Переміщення до кінця черги...",
+		"waiting_for_inputs": "Чекаємо завершення завантаження файлу(ів), будь ласка, спробуйте ще раз."
+	},
+	"checkbox": {
+		"checkbox": "Прапорець",
+		"checkbox_group": "Група прапорців"
+	},
+	"code": {
+		"code": "Код"
+	},
+	"color_picker": {
+		"color_picker": "Вибір кольору"
+	},
+	"dataframe": {
+		"incorrect_format": "Неправильний формат, підтримуються лише файли CSV та TSV",
+		"new_column": "Додати стовпець",
+		"new_row": "Новий рядок",
+		"add_row_above": "Додати рядок вище",
+		"add_row_below": "Додати рядок нижче",
+		"delete_row": "Видалити рядок",
+		"delete_column": "Видалити стовпець",
+		"add_column_left": "Додати стовпець зліва",
+		"add_column_right": "Додати стовпець справа",
+		"sort_column": "Сортувати стовпець",
+		"sort_ascending": "Сортувати за зростанням",
+		"sort_descending": "Сортувати за спаданням",
+		"drop_to_upload": "Перетягніть CSV або TSV файли сюди, щоб імпортувати дані в таблицю даних",
+		"clear_sort": "Очистити сортування"
+	},
+	"dropdown": {
+		"dropdown": "Випадне меню"
+	},
+	"errors": {
+		"build_error": "Є помилка побудови",
+		"config_error": "Є помилка конфігурації",
+		"contact_page_author": "Будь ласка, зв'яжіться з автором сторінки, щоб повідомити.",
+		"no_app_file": "Немає файлу додатку",
+		"runtime_error": "Є помилка виконання",
+		"space_not_working": "\"Space не працює, оскільки\" {0}",
+		"space_paused": "Space призупинено",
+		"use_via_api": "Використовувати через API",
+		"use_via_api_or_mcp": "Використовувати через API або MCP"
+	},
+	"file": {
+		"uploading": "Завантаження..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Виділений текст"
+	},
+	"image": {
+		"allow_webcam_access": "Будь ласка, дайте доступ до веб-камери для запису.",
+		"brush_color": "Колір пензля",
+		"brush_radius": "Розмір пензля",
+		"image": "Зображення",
+		"remove_image": "Видалити зображення",
+		"select_brush_color": "Виберіть колір пензля",
+		"start_drawing": "Почніть малювати",
+		"use_brush": "Використовуйте пензель",
+		"drop_to_upload": "Перетягніть файл зображення сюди, щоб завантажити"
+	},
+	"label": {
+		"label": "Мітка"
+	},
+	"login": {
+		"enable_cookies": "Якщо ви відвідуєте HuggingFace Space у режимі Інкогніто, вам потрібно увімкнути сторонні куки.",
+		"incorrect_credentials": "Неправильні облікові дані",
+		"username": "Ім'я користувача",
+		"password": "Пароль",
+		"login": "Увійти"
+	},
+	"number": {
+		"number": "Число"
+	},
+	"plot": {
+		"plot": "Діаграма"
+	},
+	"radio": {
+		"radio": "Перемикач"
+	},
+	"slider": {
+		"slider": "Повзунок"
+	},
+	"video": {
+		"drop_to_upload": "Перетягніть відеофайл сюди, щоб завантажити"
+	},
+	"chatbot": {
+		"edit": "Редагувати",
+		"retry": "Повторити",
+		"undo": "Скасувати",
+		"submit": "Надіслати",
+		"cancel": "Скасувати",
+		"like": "Подобається",
+		"dislike": "Не подобається",
+		"clear": "Очистити чат"
+	}
+}
diff --git a/js/core/src/lang/ur.json b/js/core/src/lang/ur.json
new file mode 100644
index 0000000..7ccda1a
--- /dev/null
+++ b/js/core/src/lang/ur.json
@@ -0,0 +1,155 @@
+{
+	"_name": "اردو",
+	"common": {
+		"built_with_gradio": "Gradio کے ساتھ بنایا گیا",
+		"clear": "صاف کریں",
+		"or": "یا",
+		"submit": "جمع کریں",
+		"settings": "ترتیبات",
+		"built_with": "کے ساتھ بنایا گیا",
+		"download": "ڈاؤن لوڈ کریں",
+		"edit": "ترمیم کریں",
+		"empty": "خالی",
+		"error": "خطا",
+		"hosted_on": "پر میزبانی کی جا رہی ہے",
+		"loading": "لوڈ ہو رہا ہے",
+		"logo": "لوگو",
+		"remove": "حذف کریں",
+		"share": "شیئر کریں",
+		"undo": "واپس لیں",
+		"no_devices": "کوئی ڈیوائس نہیں ملی",
+		"language": "زبان",
+		"display_theme": "تھیم کی نمائش",
+		"pwa": "پروگریسیو ویب ایپ"
+	},
+	"upload_text": {
+		"click_to_upload": "اپ لوڈ کے لیے کلک کریں",
+		"drop_audio": "یہاں آڈیو ڈراپ کریں",
+		"drop_csv": "یہاں CSV ڈراپ کریں",
+		"drop_file": "یہاں فائل ڈراپ کریں",
+		"drop_image": "یہاں تصویر ڈراپ کریں",
+		"drop_video": "یہاں ویڈیو ڈراپ کریں",
+		"drop_gallery": "میڈیا یہاں ڈالیں",
+		"paste_clipboard": "کلپ بورڈ سے پیسٹ کریں"
+	},
+	"3D_model": {
+		"3d_model": "3D ماڈل",
+		"drop_to_upload": "اپلوڈ کرنے کے لیے 3D ماڈل (.obj, .glb, .stl, .gltf, .splat، یا .ply) فائل یہاں ڈراپ کریں"
+	},
+	"annotated_image": {
+		"annotated_image": "تشریحی تصویر"
+	},
+	"audio": {
+		"allow_recording_access": "براہ مہربانی ریکارڈنگ کے لیے مائیکروفون تک رسائی کی اجازت دیں۔",
+		"audio": "آڈیو",
+		"drop_to_upload": "اپلوڈ کرنے کے لیے آڈیو فائل یہاں ڈراپ کریں",
+		"record_from_microphone": "مائیکروفون سے ریکارڈ کریں",
+		"stop_recording": "ریکارڈنگ بند کریں",
+		"no_device_support": "میڈیا ڈیوائسز تک رسائی حاصل نہیں کی جا سکی۔ یقینی بنائیں کہ آپ محفوظ ذریعہ (https) یا localhost پر چلا رہے ہیں (یا آپ نے ssl_verify میں درست SSL سرٹیفکیٹ منتقل کیا ہے)، اور آپ نے براؤزر کو اپنے ڈیوائس تک رسائی کی اجازت دی ہے۔",
+		"stop": "روکیں",
+		"resume": "دوبارہ شروع کریں",
+		"record": "ریکارڈ کریں",
+		"no_microphone": "کوئی مائیکروفون نہیں ملا",
+		"pause": "روکیں",
+		"play": "چلائیں",
+		"waiting": "انتظار کر رہا ہے"
+	},
+	"blocks": {
+		"connection_can_break": "موبائل پر، اگر اس ٹیب کا فوکس کھو جائے یا ڈیوائس سلیپ موڈ میں چلا جائے تو کنکشن ٹوٹ سکتا ہے، جس سے آپ قطار میں اپنی جگہ کھو سکتے ہیں۔",
+		"long_requests_queue": "درخواستوں کی ایک لمبی قطار زیر التواء ہے۔ قطار چھوڑنے کے لیے اس Space کو ڈپلیکیٹ کریں۔",
+		"lost_connection": "صفحہ چھوڑنے کی وجہ سے کنکشن کھو گیا۔ قطار میں دوبارہ شامل ہو رہا ہے...",
+		"waiting_for_inputs": "فائل(وں) کے اپ لوڈ ہونے کا انتظار ہے، براہ کرم دوبارہ کوشش کریں۔"
+	},
+	"checkbox": {
+		"checkbox": "چیک باکس",
+		"checkbox_group": "چیک باکس گروپ"
+	},
+	"code": {
+		"code": "کوڈ"
+	},
+	"color_picker": {
+		"color_picker": "رنگ منتخب کرنے والا"
+	},
+	"dataframe": {
+		"incorrect_format": "غلط فارمیٹ، صرف CSV اور TSV فائلوں کی حمایت کی جاتی ہے",
+		"new_column": "کالم شامل کریں",
+		"new_row": "نئی قطار",
+		"add_row_above": "اوپر قطار شامل کریں",
+		"add_row_below": "نیچے قطار شامل کریں",
+		"delete_row": "قطار حذف کریں",
+		"delete_column": "کالم حذف کریں",
+		"add_column_left": "بائیں طرف کالم شامل کریں",
+		"add_column_right": "دائیں طرف کالم شامل کریں",
+		"sort_column": "کالم کو ترتیب دیں",
+		"sort_ascending": "صعودی ترتیب دیں",
+		"sort_descending": "نزولی ترتیب دیں",
+		"drop_to_upload": "ڈیٹا کو ڈیٹا فریم میں درآمد کرنے کے لیے CSV یا TSV فائلیں یہاں ڈراپ کریں",
+		"clear_sort": "ترتیب صاف کریں"
+	},
+	"dropdown": {
+		"dropdown": "ڈراپ ڈاؤن"
+	},
+	"errors": {
+		"build_error": "تعمیر میں خطا ہے",
+		"config_error": "ترتیب میں خطا ہے",
+		"contact_page_author": "براہ کرم صفحہ کے مصنف سے رابطہ کریں تاکہ انہیں مطلع کیا جا سکے۔",
+		"no_app_file": "کوئی ایپ فائل نہیں ہے",
+		"runtime_error": "رن ٹائم میں خطا ہے",
+		"space_not_working": "\"Space کام نہیں کر رہا ہے کیونکہ\" {0}",
+		"space_paused": "Space موقوف ہے",
+		"use_via_api": "API کے ذریعے استعمال کریں",
+		"use_via_api_or_mcp": "API یا MCP کے ذریعے استعمال کریں"
+	},
+	"file": {
+		"uploading": "اپلوڈ ہو رہا ہے..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "نمایاں کردہ متن"
+	},
+	"image": {
+		"allow_webcam_access": "براہ مہربانی ریکارڈنگ کے لیے ویب کیم تک رسائی کی اجازت دیں۔",
+		"brush_color": "برش کا رنگ",
+		"brush_radius": "برش کا سائز",
+		"image": "تصویر",
+		"remove_image": "تصویر حذف کریں",
+		"select_brush_color": "برش کا رنگ منتخب کریں",
+		"start_drawing": "ڈرائنگ شروع کریں",
+		"use_brush": "برش استعمال کریں",
+		"drop_to_upload": "اپلوڈ کرنے کے لیے تصویر فائل یہاں ڈراپ کریں"
+	},
+	"label": {
+		"label": "لیبل"
+	},
+	"login": {
+		"enable_cookies": "اگر آپ انکوگنیٹو موڈ میں HuggingFace Space ملاحظہ کر رہے ہیں تو، آپ کو تیسرے فریق کے کوکیز کو فعال کرنا ہوگا۔",
+		"incorrect_credentials": "غلط اسناد",
+		"username": "صارف نام",
+		"password": "پاس ورڈ",
+		"login": "لاگ ان کریں"
+	},
+	"number": {
+		"number": "نمبر"
+	},
+	"plot": {
+		"plot": "گراف"
+	},
+	"radio": {
+		"radio": "ریڈیو بٹن"
+	},
+	"slider": {
+		"slider": "سلائیڈر"
+	},
+	"video": {
+		"drop_to_upload": "اپلوڈ کرنے کے لیے ویڈیو فائل یہاں ڈراپ کریں"
+	},
+	"chatbot": {
+		"edit": "ترمیم",
+		"retry": "دوبارہ کوشش",
+		"undo": "واپس",
+		"submit": "جمع کریں",
+		"cancel": "منسوخ",
+		"like": "پسند",
+		"dislike": "ناپسند",
+		"clear": "گفتگو صاف کریں"
+	}
+}
diff --git a/js/core/src/lang/uz.json b/js/core/src/lang/uz.json
new file mode 100644
index 0000000..359ed8e
--- /dev/null
+++ b/js/core/src/lang/uz.json
@@ -0,0 +1,155 @@
+{
+	"_name": "O'zbek",
+	"common": {
+		"built_with_gradio": "Gradio bilan yaratilgan",
+		"clear": "Tozalash",
+		"submit": "Yuborish",
+		"built_with": "Bilan yaratilgan",
+		"download": "Yuklab olish",
+		"edit": "Tahrirlash",
+		"empty": "Bo'sh",
+		"error": "Xato",
+		"hosted_on": "Joylashtirilgan",
+		"loading": "Yuklanmoqda",
+		"logo": "Logo",
+		"or": "yoki",
+		"remove": "O'chirish",
+		"settings": "Sozlamalar",
+		"share": "Ulashish",
+		"undo": "Bekor qilish",
+		"no_devices": "Hech qanday qurilma topilmadi",
+		"language": "Til",
+		"display_theme": "Ko'rinish mavzusi",
+		"pwa": "Progressive web-ilova"
+	},
+	"upload_text": {
+		"click_to_upload": "Yuklash uchun bosing",
+		"drop_audio": "Audioni shu yerga tashlang",
+		"drop_csv": "CSV faylni shu yerga tashlang",
+		"drop_file": "Faylni shu yerga tashlang",
+		"drop_image": "Rasmni shu yerga tashlang",
+		"drop_video": "Videoni shu yerga tashlang",
+		"drop_gallery": "Mediafaylni shu yerga tashlang",
+		"paste_clipboard": "Klipboarddan qo'yish"
+	},
+	"3D_model": {
+		"3d_model": "3D model",
+		"drop_to_upload": "3D model (.obj, .glb, .stl, .gltf, .splat yoki .ply) faylni yuklash uchun shu yerga tashlang"
+	},
+	"annotated_image": {
+		"annotated_image": "Izohli rasm"
+	},
+	"audio": {
+		"allow_recording_access": "Iltimos, yozib olish uchun mikrofonga ruxsat bering.",
+		"audio": "Audio",
+		"drop_to_upload": "Audio faylni yuklash uchun shu yerga tashlang",
+		"record_from_microphone": "Mikrofondan yozib olish",
+		"stop_recording": "Yozib olishni to'xtatish",
+		"no_device_support": "Media qurilmalariga kira olmadik. Xavfsiz manbada (https) yoki localhost-da ishlayotganingizni tekshiring (yoki to'g'ri SSL sertifikatini ssl_verify-ga berganingizni) va brauzer qurilmangizga kirishiga ruxsat berganingizni tekshiring.",
+		"stop": "To'xtatish",
+		"resume": "Davom ettirish",
+		"record": "Yozib olish",
+		"no_microphone": "Mikrofon topilmadi",
+		"pause": "Pauza",
+		"play": "Ijro etish",
+		"waiting": "Kutilmoqda"
+	},
+	"blocks": {
+		"connection_can_break": "Mobil qurilmada, agar bu yorliq fokusdan chiqsa yoki qurilma uyqu rejimiga o'tsa, aloqa uzilib, navbatdagi o'rningizni yo'qotishingiz mumkin.",
+		"long_requests_queue": "So'rovlar navbati juda uzun. Navbatni chetlab o'tish uchun bu Space-ni nusxalang.",
+		"lost_connection": "Sahifadan chiqib ketganligi sababli aloqa uzildi. Navbatga qayta qo'shilmoqda...",
+		"waiting_for_inputs": "Fayl(lar) yuklanib bo'lishini kutish, iltimos, qayta urinib ko'ring."
+	},
+	"checkbox": {
+		"checkbox": "Belgilash katagi",
+		"checkbox_group": "Belgilash kataklari guruhi"
+	},
+	"code": {
+		"code": "Kod"
+	},
+	"color_picker": {
+		"color_picker": "Rang tanlagich"
+	},
+	"dataframe": {
+		"incorrect_format": "Noto'g'ri format, faqat CSV va TSV fayllari qo'llab-quvvatlanadi",
+		"new_column": "Ustun qo'shish",
+		"new_row": "Yangi qator",
+		"add_row_above": "Yuqoriga qator qo'shish",
+		"add_row_below": "Pastga qator qo'shish",
+		"delete_row": "Qatorni o'chirish",
+		"delete_column": "Ustunni o'chirish",
+		"add_column_left": "Chapga ustun qo'shish",
+		"add_column_right": "O'ngga ustun qo'shish",
+		"sort_column": "Ustunni saralash",
+		"sort_ascending": "O'sish tartibida saralash",
+		"sort_descending": "Kamayish tartibida saralash",
+		"drop_to_upload": "Ma'lumotlarni ma'lumotlar jadvaliga import qilish uchun CSV yoki TSV fayllarini shu yerga tashlang",
+		"clear_sort": "Saralashni tozalash"
+	},
+	"dropdown": {
+		"dropdown": "Ochiluvchi ro'yxat"
+	},
+	"errors": {
+		"build_error": "Tuzilish xatosi mavjud",
+		"config_error": "Konfiguratsiya xatosi mavjud",
+		"contact_page_author": "Iltimos, sahifa muallifiga bog'laning va ularga xabar bering.",
+		"no_app_file": "Ilova fayli yo'q",
+		"runtime_error": "Bajarilish vaqti xatosi mavjud",
+		"space_not_working": "\"Space ishlamayapti, chunki\" {0}",
+		"space_paused": "Space to'xtatilgan",
+		"use_via_api": "API orqali foydalaning",
+		"use_via_api_or_mcp": "API yoki MCP orqali foydalaning"
+	},
+	"file": {
+		"uploading": "Yuklanmoqda..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "Ajratilgan matn"
+	},
+	"image": {
+		"allow_webcam_access": "Iltimos, yozib olish uchun veb-kameraga ruxsat bering.",
+		"brush_color": "Cho'tka rangi",
+		"brush_radius": "Cho'tka o'lchami",
+		"image": "Rasm",
+		"remove_image": "Rasmni o'chirish",
+		"select_brush_color": "Cho'tka rangini tanlang",
+		"start_drawing": "Chizishni boshlang",
+		"use_brush": "Cho'tkadan foydalaning",
+		"drop_to_upload": "Rasm faylini yuklash uchun shu yerga tashlang"
+	},
+	"label": {
+		"label": "Yorliq"
+	},
+	"login": {
+		"enable_cookies": "Agar HuggingFace Space-ni Inkognito rejimida ko'rayotgan bo'lsangiz, uchinchi tomon kukilarini yoqishingiz kerak.",
+		"incorrect_credentials": "Noto'g'ri kirish ma'lumotlari",
+		"username": "Foydalanuvchi nomi",
+		"password": "Parol",
+		"login": "Kirish"
+	},
+	"number": {
+		"number": "Raqam"
+	},
+	"plot": {
+		"plot": "Grafik"
+	},
+	"radio": {
+		"radio": "Radio tugma"
+	},
+	"slider": {
+		"slider": "Slayder"
+	},
+	"video": {
+		"drop_to_upload": "Video faylni yuklash uchun shu yerga tashlang"
+	},
+	"chatbot": {
+		"edit": "Tahrirlash",
+		"retry": "Qayta urinish",
+		"undo": "Bekor qilish",
+		"submit": "Yuborish",
+		"cancel": "Bekor qilish",
+		"like": "Yoqdi",
+		"dislike": "Yoqmadi",
+		"clear": "Suhbatni tozalash"
+	}
+}
diff --git a/js/core/src/lang/zh-CN.json b/js/core/src/lang/zh-CN.json
new file mode 100644
index 0000000..8366d7d
--- /dev/null
+++ b/js/core/src/lang/zh-CN.json
@@ -0,0 +1,155 @@
+{
+	"_name": "简体中文",
+	"3D_model": {
+		"3d_model": "3D模型",
+		"drop_to_upload": "将 3D 模型（.obj、.glb、.stl、.gltf、.splat 或 .ply）文件拖放到此处以上传"
+	},
+	"annotated_image": {
+		"annotated_image": "标注图像"
+	},
+	"audio": {
+		"allow_recording_access": "请允许访问麦克风以进行录音。",
+		"audio": "音频",
+		"record_from_microphone": "从麦克风录制",
+		"stop_recording": "停止录制",
+		"no_device_support": "无法访问媒体设备。请检查您是否在安全来源（https）或本地主机上运行（或者您已经通过 ssl_verify 传递了有效的 SSL 证书），并且您已经允许浏览器访问您的设备。",
+		"stop": "停止",
+		"resume": "继续",
+		"record": "录制",
+		"no_microphone": "找不到麦克风",
+		"pause": "暂停",
+		"play": "播放",
+		"waiting": "等待中",
+		"drop_to_upload": "将音频文件拖放到此处以上传"
+	},
+	"blocks": {
+		"connection_can_break": "在移动设备上，如果此标签页失去焦点或设备休眠，连接可能会中断，导致您在队列中失去位置。",
+		"long_requests_queue": "有一个长时间的待处理请求队列。复制此 Space 以跳过队列。",
+		"lost_connection": "由于离开页面，连接已丢失。正在重新加入队列...",
+		"waiting_for_inputs": "等待文件上传完成，请稍后重试。"
+	},
+	"checkbox": {
+		"checkbox": "复选框",
+		"checkbox_group": "复选框组"
+	},
+	"code": {
+		"code": "代码"
+	},
+	"color_picker": {
+		"color_picker": "颜色选择器"
+	},
+	"common": {
+		"built_with": "构建于",
+		"built_with_gradio": "使用 Gradio 构建",
+		"clear": "清除",
+		"download": "下载",
+		"edit": "编辑",
+		"empty": "空",
+		"error": "错误",
+		"hosted_on": "托管在",
+		"loading": "加载中",
+		"logo": "标志",
+		"or": "或",
+		"remove": "移除",
+		"share": "分享",
+		"submit": "提交",
+		"undo": "撤销",
+		"settings": "设置",
+		"no_devices": "未找到设备",
+		"language": "语言",
+		"display_theme": "显示主题",
+		"pwa": "渐进式 Web 应用"
+	},
+	"dataframe": {
+		"incorrect_format": "格式不正确，仅支持 CSV 和 TSV 文件",
+		"new_column": "添加列",
+		"new_row": "新行",
+		"add_row_above": "在上方添加行",
+		"add_row_below": "在下方添加行",
+		"delete_row": "删除行",
+		"delete_column": "删除列",
+		"add_column_left": "在左侧添加列",
+		"add_column_right": "在右侧添加列",
+		"sort_column": "排序列",
+		"sort_ascending": "升序排序",
+		"sort_descending": "降序排序",
+		"drop_to_upload": "将 CSV 或 TSV 文件拖放到此处以将数据导入数据框",
+		"clear_sort": "清除排序"
+	},
+	"dropdown": {
+		"dropdown": "下拉菜单"
+	},
+	"errors": {
+		"build_error": "存在构建错误",
+		"config_error": "存在配置错误",
+		"contact_page_author": "请联系页面的作者并告知他们。",
+		"no_app_file": "不存在应用文件",
+		"runtime_error": "存在运行时错误",
+		"space_not_working": "\"Space 无法工作，原因：\" {0}",
+		"space_paused": "Space 已暂停",
+		"use_via_api": "通过 API 使用",
+		"use_via_api_or_mcp": "通过 API 或 MCP 使用"
+	},
+	"file": {
+		"uploading": "正在上传..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "高亮文本"
+	},
+	"image": {
+		"allow_webcam_access": "请允许访问网络摄像头以进行录制。",
+		"brush_color": "画笔颜色",
+		"brush_radius": "画笔大小",
+		"image": "图像",
+		"remove_image": "移除图像",
+		"select_brush_color": "选择画笔颜色",
+		"start_drawing": "开始绘画",
+		"use_brush": "使用画笔",
+		"drop_to_upload": "将图像文件拖放到此处以上传"
+	},
+	"label": {
+		"label": "标签"
+	},
+	"login": {
+		"enable_cookies": "如果您正在使用隐身模式访问 HuggingFace Space，您必须启用第三方 cookie。",
+		"incorrect_credentials": "凭据不正确",
+		"login": "登录",
+		"username": "用户名",
+		"password": "密码"
+	},
+	"number": {
+		"number": "数字"
+	},
+	"plot": {
+		"plot": "图表"
+	},
+	"radio": {
+		"radio": "单选框"
+	},
+	"slider": {
+		"slider": "滑块"
+	},
+	"upload_text": {
+		"click_to_upload": "点击上传",
+		"drop_audio": "将音频拖放到此处",
+		"drop_csv": "将 CSV 文件拖放到此处",
+		"drop_file": "将文件拖放到此处",
+		"drop_image": "将图像拖放到此处",
+		"drop_video": "将视频拖放到此处",
+		"drop_gallery": "在此处放置媒体文件",
+		"paste_clipboard": "从剪贴板粘贴"
+	},
+	"video": {
+		"drop_to_upload": "将视频文件拖放到此处以上传"
+	},
+	"chatbot": {
+		"edit": "编辑",
+		"retry": "重试",
+		"undo": "撤销",
+		"submit": "发送",
+		"cancel": "取消",
+		"like": "赞",
+		"dislike": "踩",
+		"clear": "清空对话"
+	}
+}
diff --git a/js/core/src/lang/zh-TW.json b/js/core/src/lang/zh-TW.json
new file mode 100644
index 0000000..7ccaf39
--- /dev/null
+++ b/js/core/src/lang/zh-TW.json
@@ -0,0 +1,155 @@
+{
+	"_name": "繁體中文",
+	"common": {
+		"built_with_gradio": "使用 Gradio 建構",
+		"clear": "清除",
+		"or": "或",
+		"submit": "提交",
+		"built_with": "使用",
+		"download": "下載",
+		"edit": "編輯",
+		"empty": "空白",
+		"error": "錯誤",
+		"hosted_on": "托管於",
+		"loading": "載入中",
+		"logo": "標誌",
+		"remove": "移除",
+		"settings": "設定",
+		"share": "分享",
+		"undo": "復原",
+		"no_devices": "未找到裝置",
+		"language": "語言",
+		"display_theme": "顯示主題",
+		"pwa": "漸進式網頁應用程式"
+	},
+	"upload_text": {
+		"click_to_upload": "點擊上傳",
+		"drop_audio": "拖放音訊至此處",
+		"drop_csv": "拖放 CSV 至此處",
+		"drop_file": "拖放檔案至此處",
+		"drop_image": "拖放圖片至此處",
+		"drop_video": "拖放影片至此處",
+		"drop_gallery": "在此處拖放媒體",
+		"paste_clipboard": "從剪貼簿貼上"
+	},
+	"3D_model": {
+		"3d_model": "3D 模型",
+		"drop_to_upload": "將 3D 模型 (.obj、.glb、.stl、.gltf、.splat 或 .ply) 檔案拖放到這裡上傳"
+	},
+	"annotated_image": {
+		"annotated_image": "標註圖像"
+	},
+	"audio": {
+		"allow_recording_access": "請允許存取麥克風以進行錄音。",
+		"audio": "音訊",
+		"drop_to_upload": "將音訊檔案拖放到這裡上傳",
+		"record_from_microphone": "從麥克風錄音",
+		"stop_recording": "停止錄製",
+		"no_device_support": "無法存取媒體裝置。請確認您正在使用安全來源（https）或本機主機（或您已提供有效的 SSL 憑證以進行 ssl_verify），並且已允許瀏覽器存取您的裝置。",
+		"stop": "停止",
+		"resume": "繼續",
+		"record": "錄製",
+		"no_microphone": "未找到麥克風",
+		"pause": "暫停",
+		"play": "播放",
+		"waiting": "等待中"
+	},
+	"blocks": {
+		"connection_can_break": "在行動裝置上，如果此分頁失去焦點或裝置進入睡眠模式，連線可能會中斷，導致您在隊列中的位置遺失。",
+		"long_requests_queue": "目前有許多待處理的請求。複製此 Space 以跳過隊列。",
+		"lost_connection": "因離開頁面而失去連接。正在重新加入隊列...",
+		"waiting_for_inputs": "等待檔案上傳完成，請稍後重試。"
+	},
+	"checkbox": {
+		"checkbox": "核取方塊",
+		"checkbox_group": "核取方塊群組"
+	},
+	"code": {
+		"code": "程式碼"
+	},
+	"color_picker": {
+		"color_picker": "顏色選擇器"
+	},
+	"dataframe": {
+		"incorrect_format": "格式不正確，僅支援 CSV 和 TSV 檔案",
+		"new_column": "新增欄位",
+		"new_row": "新增列",
+		"add_row_above": "在上方新增列",
+		"add_row_below": "在下方新增列",
+		"delete_row": "刪除列",
+		"delete_column": "刪除欄位",
+		"add_column_left": "在左側新增欄位",
+		"add_column_right": "在右側新增欄位",
+		"sort_column": "排序欄位",
+		"sort_ascending": "升冪排序",
+		"sort_descending": "降冪排序",
+		"drop_to_upload": "將 CSV 或 TSV 檔案拖放到這裡以匯入資料到資料框中",
+		"clear_sort": "清除排序"
+	},
+	"dropdown": {
+		"dropdown": "下拉選單"
+	},
+	"errors": {
+		"build_error": "有建置錯誤",
+		"config_error": "有設定錯誤",
+		"contact_page_author": "請聯繫頁面的作者以通知他們。",
+		"no_app_file": "沒有應用程式檔案",
+		"runtime_error": "有執行時錯誤",
+		"space_not_working": "\"Space 無法運作，因為\" {0}",
+		"space_paused": "Space 已暫停",
+		"use_via_api": "透過 API 使用",
+		"use_via_api_or_mcp": "透過 API 或 MCP 使用"
+	},
+	"file": {
+		"uploading": "上傳中..."
+	},
+	"highlighted_text": {
+		"highlighted_text": "醒目提示的文字"
+	},
+	"image": {
+		"allow_webcam_access": "請允許存取網路攝影機以進行錄製。",
+		"brush_color": "筆刷顏色",
+		"brush_radius": "筆刷大小",
+		"image": "圖像",
+		"remove_image": "移除圖片",
+		"select_brush_color": "選擇筆刷顏色",
+		"start_drawing": "開始繪圖",
+		"use_brush": "使用筆刷",
+		"drop_to_upload": "將圖像檔案拖放到這裡上傳"
+	},
+	"label": {
+		"label": "標籤"
+	},
+	"login": {
+		"enable_cookies": "如果您在無痕模式下訪問 HuggingFace Space，您必須啟用第三方 Cookie。",
+		"incorrect_credentials": "憑證錯誤",
+		"username": "使用者名稱",
+		"password": "密碼",
+		"login": "登入"
+	},
+	"number": {
+		"number": "數字"
+	},
+	"plot": {
+		"plot": "圖表"
+	},
+	"radio": {
+		"radio": "單選按鈕"
+	},
+	"slider": {
+		"slider": "滑桿"
+	},
+	"video": {
+		"drop_to_upload": "將影片檔案拖放到這裡上傳"
+	},
+	"chatbot": {
+		"edit": "編輯",
+		"retry": "重試",
+		"undo": "復原",
+		"submit": "送出",
+		"cancel": "取消",
+		"like": "讚",
+		"dislike": "不讚",
+		"clear": "清空對話"
+	}
+}
diff --git a/js/core/src/navbar_store.ts b/js/core/src/navbar_store.ts
new file mode 100644
index 0000000..e9435b3
--- /dev/null
+++ b/js/core/src/navbar_store.ts
@@ -0,0 +1,9 @@
+import { writable } from "svelte/store";
+
+export interface NavbarConfig {
+	visible?: boolean;
+	main_page_name?: string | false;
+	value?: [string, string][] | null;
+}
+
+export const navbar_config = writable<NavbarConfig | null>(null);
diff --git a/js/core/src/s-blocks.ts b/js/core/src/s-blocks.ts
new file mode 100644
index 0000000..18a7039
--- /dev/null
+++ b/js/core/src/s-blocks.ts
@@ -0,0 +1 @@
+export { default as default } from "./Blocks.svelte";
diff --git a/js/core/src/s-login.ts b/js/core/src/s-login.ts
new file mode 100644
index 0000000..623e994
--- /dev/null
+++ b/js/core/src/s-login.ts
@@ -0,0 +1 @@
+export { default as default } from "./Login.svelte";
diff --git a/js/core/src/screen_recorder.ts b/js/core/src/screen_recorder.ts
new file mode 100644
index 0000000..b7e2c13
--- /dev/null
+++ b/js/core/src/screen_recorder.ts
@@ -0,0 +1,361 @@
+import type { ToastMessage } from "@gradio/statustracker";
+
+let isRecording = false;
+let mediaRecorder: MediaRecorder | null = null;
+let recordedChunks: Blob[] = [];
+let recordingStartTime = 0;
+let animationFrameId: number | null = null;
+let removeSegment: { start?: number; end?: number } = {};
+let root: string;
+
+let add_message_callback: (
+	title: string,
+	message: string,
+	type: ToastMessage["type"]
+) => void;
+let onRecordingStateChange: ((isRecording: boolean) => void) | null = null;
+let zoomEffects: {
+	boundingBox: { topLeft: [number, number]; bottomRight: [number, number] };
+	start_frame: number;
+	duration?: number;
+}[] = [];
+
+export function initialize(
+	rootPath: string,
+	add_new_message: (
+		title: string,
+		message: string,
+		type: ToastMessage["type"]
+	) => void,
+	recordingStateCallback?: (isRecording: boolean) => void
+): void {
+	root = rootPath;
+	add_message_callback = add_new_message;
+	if (recordingStateCallback) {
+		onRecordingStateChange = recordingStateCallback;
+	}
+}
+
+export async function startRecording(): Promise<void> {
+	if (isRecording) {
+		return;
+	}
+
+	try {
+		const originalTitle = document.title;
+		document.title = "[Sharing] Gradio Tab";
+		const stream = await navigator.mediaDevices.getDisplayMedia({
+			video: {
+				width: { ideal: 1920 },
+				height: { ideal: 1080 },
+				frameRate: { ideal: 30 }
+			},
+			audio: true,
+			selfBrowserSurface: "include"
+		} as MediaStreamConstraints);
+		document.title = originalTitle;
+
+		const options = {
+			videoBitsPerSecond: 5000000
+		};
+
+		mediaRecorder = new MediaRecorder(stream, options);
+
+		recordedChunks = [];
+		removeSegment = {};
+
+		mediaRecorder.ondataavailable = handleDataAvailable;
+		mediaRecorder.onstop = handleStop;
+
+		mediaRecorder.start(1000);
+		isRecording = true;
+		if (onRecordingStateChange) {
+			onRecordingStateChange(true);
+		}
+		recordingStartTime = Date.now();
+	} catch (error: any) {
+		add_message_callback(
+			"Recording Error",
+			"Failed to start recording: " + error.message,
+			"error"
+		);
+	}
+}
+
+export function stopRecording(): void {
+	if (!isRecording || !mediaRecorder) {
+		return;
+	}
+
+	mediaRecorder.stop();
+	isRecording = false;
+	if (onRecordingStateChange) {
+		onRecordingStateChange(false);
+	}
+}
+
+export function isCurrentlyRecording(): boolean {
+	return isRecording;
+}
+
+export function markRemoveSegmentStart(): void {
+	if (!isRecording) {
+		return;
+	}
+
+	const currentTime = (Date.now() - recordingStartTime) / 1000;
+	removeSegment.start = currentTime;
+}
+
+export function markRemoveSegmentEnd(): void {
+	if (!isRecording || removeSegment.start === undefined) {
+		return;
+	}
+
+	const currentTime = (Date.now() - recordingStartTime) / 1000;
+	removeSegment.end = currentTime;
+}
+
+export function clearRemoveSegment(): void {
+	removeSegment = {};
+}
+
+export function addZoomEffect(
+	is_input: boolean,
+	params: {
+		boundingBox: {
+			topLeft: [number, number];
+			bottomRight: [number, number];
+		};
+		duration?: number;
+	}
+): void {
+	if (!isRecording) {
+		return;
+	}
+
+	const FPS = 30;
+	const currentTime = (Date.now() - recordingStartTime) / 1000;
+	const currentFrame = is_input
+		? Math.floor((currentTime - 2) * FPS)
+		: Math.floor(currentTime * FPS);
+
+	if (
+		params.boundingBox &&
+		params.boundingBox.topLeft &&
+		params.boundingBox.bottomRight &&
+		params.boundingBox.topLeft.length === 2 &&
+		params.boundingBox.bottomRight.length === 2
+	) {
+		const newEffectDuration = params.duration || 2.0;
+		const newEffectEndFrame =
+			currentFrame + Math.floor(newEffectDuration * FPS);
+
+		const hasOverlap = zoomEffects.some((existingEffect) => {
+			const existingEffectEndFrame =
+				existingEffect.start_frame +
+				Math.floor((existingEffect.duration || 2.0) * FPS);
+			return (
+				(currentFrame >= existingEffect.start_frame &&
+					currentFrame <= existingEffectEndFrame) ||
+				(newEffectEndFrame >= existingEffect.start_frame &&
+					newEffectEndFrame <= existingEffectEndFrame) ||
+				(currentFrame <= existingEffect.start_frame &&
+					newEffectEndFrame >= existingEffectEndFrame)
+			);
+		});
+
+		if (!hasOverlap) {
+			zoomEffects.push({
+				boundingBox: params.boundingBox,
+				start_frame: currentFrame,
+				duration: newEffectDuration
+			});
+		}
+	}
+}
+
+export function zoom(
+	is_input: boolean,
+	elements: number[],
+	duration = 2.0
+): void {
+	if (!isRecording) {
+		return;
+	}
+
+	try {
+		setTimeout(() => {
+			if (!elements || elements.length === 0) {
+				return;
+			}
+
+			let minLeft = Infinity;
+			let minTop = Infinity;
+			let maxRight = 0;
+			let maxBottom = 0;
+			let foundElements = false;
+
+			for (const elementId of elements) {
+				const selector = `#component-${elementId}`;
+				const element = document.querySelector(selector);
+
+				if (element) {
+					foundElements = true;
+					const rect = element.getBoundingClientRect();
+
+					minLeft = Math.min(minLeft, rect.left);
+					minTop = Math.min(minTop, rect.top);
+					maxRight = Math.max(maxRight, rect.right);
+					maxBottom = Math.max(maxBottom, rect.bottom);
+				}
+			}
+
+			if (!foundElements) {
+				return;
+			}
+
+			const viewportWidth = window.innerWidth;
+			const viewportHeight = window.innerHeight;
+
+			const boxWidth = Math.min(maxRight, viewportWidth) - Math.max(0, minLeft);
+			const boxHeight =
+				Math.min(maxBottom, viewportHeight) - Math.max(0, minTop);
+
+			const widthPercentage = boxWidth / viewportWidth;
+			const heightPercentage = boxHeight / viewportHeight;
+
+			if (widthPercentage >= 0.8 || heightPercentage >= 0.8) {
+				return;
+			}
+
+			const isSafari = /^((?!chrome|android).)*safari/i.test(
+				navigator.userAgent
+			);
+
+			let topLeft: [number, number] = [
+				Math.max(0, minLeft) / viewportWidth,
+				Math.max(0, minTop) / viewportHeight
+			];
+
+			let bottomRight: [number, number] = [
+				Math.min(maxRight, viewportWidth) / viewportWidth,
+				Math.min(maxBottom, viewportHeight) / viewportHeight
+			];
+
+			if (isSafari) {
+				topLeft[0] = Math.max(0, topLeft[0] * 0.9);
+				bottomRight[0] = Math.min(1, bottomRight[0] * 0.9);
+				const width = bottomRight[0] - topLeft[0];
+				const center = (topLeft[0] + bottomRight[0]) / 2;
+				const newCenter = center * 0.9;
+				topLeft[0] = Math.max(0, newCenter - width / 2);
+				bottomRight[0] = Math.min(1, newCenter + width / 2);
+			}
+
+			topLeft[0] = Math.max(0, topLeft[0]);
+			topLeft[1] = Math.max(0, topLeft[1]);
+			bottomRight[0] = Math.min(1, bottomRight[0]);
+			bottomRight[1] = Math.min(1, bottomRight[1]);
+
+			addZoomEffect(is_input, {
+				boundingBox: {
+					topLeft,
+					bottomRight
+				},
+				duration: duration
+			});
+		}, 300);
+	} catch (error) {
+		// pass
+	}
+}
+
+function handleDataAvailable(event: BlobEvent): void {
+	if (event.data.size > 0) {
+		recordedChunks.push(event.data);
+	}
+}
+
+function handleStop(): void {
+	isRecording = false;
+	if (onRecordingStateChange) {
+		onRecordingStateChange(false);
+	}
+
+	const blob = new Blob(recordedChunks, {
+		type: "video/mp4"
+	});
+
+	handleRecordingComplete(blob);
+
+	const screenStream = mediaRecorder?.stream?.getTracks() || [];
+	screenStream.forEach((track) => track.stop());
+
+	if (animationFrameId !== null) {
+		cancelAnimationFrame(animationFrameId);
+		animationFrameId = null;
+	}
+}
+
+async function handleRecordingComplete(recordedBlob: Blob): Promise<void> {
+	try {
+		add_message_callback(
+			"Processing video",
+			"This may take a few seconds...",
+			"info"
+		);
+
+		const formData = new FormData();
+		formData.append("video", recordedBlob, "recording.mp4");
+
+		if (removeSegment.start !== undefined && removeSegment.end !== undefined) {
+			formData.append("remove_segment_start", removeSegment.start.toString());
+			formData.append("remove_segment_end", removeSegment.end.toString());
+		}
+
+		if (zoomEffects.length > 0) {
+			formData.append("zoom_effects", JSON.stringify(zoomEffects));
+		}
+
+		const response = await fetch(root + "/gradio_api/process_recording", {
+			method: "POST",
+			body: formData
+		});
+
+		if (!response.ok) {
+			throw new Error(
+				`Server returned ${response.status}: ${response.statusText}`
+			);
+		}
+
+		const processedBlob = await response.blob();
+		const defaultFilename = `gradio-screen-recording-${new Date().toISOString().replace(/:/g, "-").replace(/\..+/, "")}.mp4`;
+		saveWithDownloadAttribute(processedBlob, defaultFilename);
+		zoomEffects = [];
+	} catch (error) {
+		add_message_callback(
+			"Processing Error",
+			"Failed to process recording. Saving original version.",
+			"warning"
+		);
+
+		const defaultFilename = `gradio-screen-recording-${new Date().toISOString().replace(/:/g, "-").replace(/\..+/, "")}.mp4`;
+		saveWithDownloadAttribute(recordedBlob, defaultFilename);
+	}
+}
+
+function saveWithDownloadAttribute(blob: Blob, suggestedName: string): void {
+	const url = URL.createObjectURL(blob);
+	const a = document.createElement("a");
+	a.style.display = "none";
+	a.href = url;
+	a.download = suggestedName;
+
+	document.body.appendChild(a);
+	a.click();
+	setTimeout(() => {
+		document.body.removeChild(a);
+		URL.revokeObjectURL(url);
+	}, 100);
+}
diff --git a/js/core/src/stores.ts b/js/core/src/stores.ts
new file mode 100644
index 0000000..fc7cc40
--- /dev/null
+++ b/js/core/src/stores.ts
@@ -0,0 +1,193 @@
+import { type Writable, writable, get } from "svelte/store";
+import type {
+	ILoadingStatus as LoadingStatus,
+	LoadingStatusCollection
+} from "@gradio/statustracker";
+
+// export interface LoadingStatus {
+// 	eta: number | null;
+// 	status: "pending" | "error" | "complete" | "generating" | "streaming";
+// 	queue: boolean;
+// 	queue_position: number | null;
+// 	queue_size?: number;
+// 	fn_index: number;
+// 	message?: string | null;
+// 	scroll_to_output?: boolean;
+// 	show_progress?: "full" | "minimal" | "hidden";
+// 	time_limit?: number | null | undefined;
+// 	progress?: {
+// 		progress: number | null;
+// 		index: number | null;
+// 		length: number | null;
+// 		unit: string | null;
+// 		desc: string | null;
+// 	}[];
+// 	validation_error?: string | null;
+// }
+
+// export type LoadingStatusCollection = Record<number, LoadingStatus>;
+
+interface LoadingStatusStore {
+	update: (status: LoadingStatus) => void;
+	subscribe: Writable<LoadingStatusCollection>["subscribe"];
+	register: (index: number, inputs: number[], outputs: number[]) => void;
+	get_status_for_fn: (i: number) => LoadingStatus["status"];
+	get_inputs_to_update: () => Map<number, string>;
+	update_component_status: (
+		index: number,
+		status: Partial<LoadingStatus>
+	) => void;
+}
+
+export function create_loading_status_store(): LoadingStatusStore {
+	const store = writable<LoadingStatusCollection>({});
+
+	const fn_inputs: Record<number, number[]> = {};
+	const fn_outputs: Record<number, number[]> = {};
+	const pending_outputs = new Map<number, number>();
+	const pending_inputs = new Map<number, number>();
+
+	const inputs_to_update = new Map<number, string>();
+	const fn_status: Record<number, LoadingStatus["status"]> = {};
+
+	function update({
+		fn_index,
+		status,
+		queue = true,
+		size,
+		position = null,
+		eta = null,
+		message = null,
+		progress,
+		time_limit = null
+	}: {
+		fn_index: LoadingStatus["fn_index"];
+		status: LoadingStatus["status"];
+		queue?: LoadingStatus["queue"];
+		size?: LoadingStatus["queue_size"];
+		position?: LoadingStatus["queue_position"];
+		eta?: LoadingStatus["eta"];
+		message?: LoadingStatus["message"];
+		progress?: LoadingStatus["progress"];
+		time_limit?: LoadingStatus["time_limit"];
+	}): void {
+		const outputs = fn_outputs[fn_index];
+		const inputs = fn_inputs[fn_index];
+		const last_status = fn_status[fn_index];
+
+		const outputs_to_update = outputs.map((id) => {
+			let new_status: LoadingStatus["status"];
+
+			const pending_count = pending_outputs.get(id) || 0;
+
+			// from (pending -> error) | complete - decrement pending count
+			if (last_status === "pending" && status !== "pending") {
+				let new_count = pending_count - 1;
+
+				pending_outputs.set(id, new_count < 0 ? 0 : new_count);
+
+				new_status = new_count > 0 ? "pending" : status;
+
+				// from pending -> pending - do nothing
+			} else if (last_status === "pending" && status === "pending") {
+				new_status = "pending";
+
+				// (error | complete) -> pending - - increment pending count
+			} else if (last_status !== "pending" && status === "pending") {
+				new_status = "pending";
+				pending_outputs.set(id, pending_count + 1);
+			} else {
+				new_status = status;
+			}
+
+			return {
+				id,
+				queue_position: position,
+				queue_size: size,
+				eta: eta,
+				status: new_status,
+				message: message,
+				progress: progress
+			};
+		});
+
+		inputs.forEach((id) => {
+			const pending_count = pending_inputs.get(id) || 0;
+
+			// from (pending -> error) | complete - decrement pending count
+			if (last_status === "pending" && status !== "pending") {
+				let new_count = pending_count - 1;
+				pending_inputs.set(id, new_count < 0 ? 0 : new_count);
+				inputs_to_update.set(id, status);
+			} else if (last_status !== "pending" && status === "pending") {
+				pending_inputs.set(id, pending_count + 1);
+				inputs_to_update.set(id, status);
+			} else {
+				inputs_to_update.delete(id);
+			}
+		});
+
+		store.update((outputs: LoadingStatusCollection) => {
+			outputs_to_update.forEach(
+				({
+					id,
+					queue_position,
+					queue_size,
+					eta,
+					status,
+					message,
+					progress
+				}) => {
+					outputs[id] = {
+						queue: queue,
+						queue_size: queue_size,
+						queue_position: queue_position,
+						eta: eta,
+						message: message,
+						progress,
+						status,
+						fn_index,
+						type: "output",
+						stream_state: null
+					};
+				}
+			);
+
+			return outputs;
+		});
+		fn_status[fn_index] = status;
+	}
+
+	function register(index: number, inputs: number[], outputs: number[]): void {
+		fn_inputs[index] = inputs;
+		fn_outputs[index] = outputs;
+	}
+
+	function update_component_status(
+		index: number,
+		status: Partial<LoadingStatus>
+	): void {
+		store.update((outputs: LoadingStatusCollection) => {
+			outputs[index] = {
+				...outputs[index],
+				...status
+			};
+			return outputs;
+		});
+	}
+
+	return {
+		update,
+		update_component_status,
+		register,
+		subscribe: store.subscribe,
+		get_status_for_fn(i: number) {
+			return fn_status[i];
+		},
+		get_inputs_to_update() {
+			return inputs_to_update;
+		}
+	};
+}
+
+export type LoadingStatusType = ReturnType<typeof create_loading_status_store>;
diff --git a/js/core/src/stories/I18nMultiLanguageTest.stories.ts b/js/core/src/stories/I18nMultiLanguageTest.stories.ts
new file mode 100644
index 0000000..2fa0e5a
--- /dev/null
+++ b/js/core/src/stories/I18nMultiLanguageTest.stories.ts
@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from "@storybook/svelte";
+import I18nMultiLanguageTestComponent from "./I18nMultiLanguageTestComponent.svelte";
+
+const meta = {
+	// title: "Core/I18n Multi-Language Test",
+	component: I18nMultiLanguageTestComponent,
+	parameters: {
+		layout: "centered"
+	}
+} satisfies Meta<I18nMultiLanguageTestComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+	args: {}
+};
diff --git a/js/core/src/stories/I18nMultiLanguageTestComponent.svelte b/js/core/src/stories/I18nMultiLanguageTestComponent.svelte
new file mode 100644
index 0000000..836e8be
--- /dev/null
+++ b/js/core/src/stories/I18nMultiLanguageTestComponent.svelte
@@ -0,0 +1,109 @@
+<script lang="ts">
+	import { formatter } from "../gradio_helper";
+	import I18nTestSetup from "./I18nTestSetup.svelte";
+
+	const testStrings = ["share", "submit", "clear", "flag", "error"];
+</script>
+
+<I18nTestSetup />
+
+<div class="i18n-multi-language-container">
+	<h2>I18n Formatter Test</h2>
+
+	<div class="translation-table">
+		<div class="table-header">
+			<div class="col">String Key</div>
+			<div class="col">Common Key</div>
+			<div class="col">Formatted Output</div>
+		</div>
+
+		{#each testStrings as str}
+			<div class="table-row">
+				<div class="col key">{str}</div>
+				<div class="col key">common.{str}</div>
+				<div class="col result">{formatter(str)}</div>
+			</div>
+		{/each}
+	</div>
+
+	<div class="instructions">
+		<h3>Testing</h3>
+		Use the&nbsp;<strong>Locale</strong> selector in the toolbar to change languages
+		and refresh
+	</div>
+</div>
+
+<style>
+	.i18n-multi-language-container {
+		padding: 2rem;
+		border-radius: 0.5rem;
+		border: 1px solid #e2e8f0;
+		margin: 1rem;
+		max-width: 700px;
+		font-family:
+			system-ui,
+			-apple-system,
+			sans-serif;
+	}
+
+	h2 {
+		margin-top: 0;
+		margin-bottom: 1rem;
+		font-size: 1.5rem;
+		font-weight: 600;
+	}
+
+	h3 {
+		font-size: 1.1rem;
+		font-weight: 600;
+		margin-bottom: 0.75rem;
+	}
+
+	.translation-table {
+		border: 1px solid #e2e8f0;
+		border-radius: 0.5rem;
+		overflow: hidden;
+		margin-bottom: 1.5rem;
+	}
+
+	.table-header {
+		display: flex;
+		background-color: #f8fafc;
+		font-weight: 600;
+		border-bottom: 1px solid #e2e8f0;
+	}
+
+	.table-row {
+		display: flex;
+		border-bottom: 1px solid #e2e8f0;
+	}
+
+	.table-row:last-child {
+		border-bottom: none;
+	}
+
+	.col {
+		padding: 0.75rem 1rem;
+		flex: 1;
+	}
+
+	.col:not(:last-child) {
+		border-right: 1px solid #e2e8f0;
+	}
+
+	.key {
+		font-family: monospace;
+		background-color: #f8fafc;
+	}
+
+	.result {
+		font-weight: 500;
+	}
+
+	.instructions {
+		padding: 1rem;
+		background-color: #f0f9ff;
+		border-radius: 0.5rem;
+		font-size: 0.9rem;
+	}
+</style>
diff --git a/js/core/src/stories/I18nTestSetup.svelte b/js/core/src/stories/I18nTestSetup.svelte
new file mode 100644
index 0000000..05a7bce
--- /dev/null
+++ b/js/core/src/stories/I18nTestSetup.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import { init, _ } from "svelte-i18n";
+
+	export let active = true;
+
+	onMount(async () => {
+		if (!active) return;
+
+		await init({
+			fallbackLocale: "en",
+			initialLocale: "en"
+		});
+	});
+</script>
+
+{#if active}
+	<div class="i18n-test-setup">
+		<p>i18n test setup active - translations loaded for: en, fr, de, es, ar</p>
+	</div>
+{/if}
+
+<style>
+	.i18n-test-setup {
+		font-size: 0.75rem;
+		color: #94a3b8;
+		margin-bottom: 0.5rem;
+		padding: 0.5rem;
+		background-color: #f1f5f9;
+		border-radius: 0.25rem;
+	}
+</style>
diff --git a/js/core/src/types.ts b/js/core/src/types.ts
new file mode 100644
index 0000000..ac6137c
--- /dev/null
+++ b/js/core/src/types.ts
@@ -0,0 +1,145 @@
+import type { Component } from "svelte";
+import type { SharedProps } from "@gradio/utils";
+
+export type ServerFunctions = Record<string, (...args: any[]) => Promise<any>>;
+
+// import type { I18nFormatter } from "./i18n.js";
+// import type { component_loader } from "./init.js";
+
+/** The metadata for a component
+ * The non optional fields are what are received from the backend
+ * The optional fields are what are added by the frontend
+ */
+export interface ComponentMeta {
+	type: string;
+	id: number;
+	props: any;
+	documentation?: Documentation;
+	value?: any;
+	children?: any[];
+	parent?: any;
+	instance?: any;
+	component?: any;
+	has_modes?: boolean;
+	modify_stream_state?: any;
+	get_stream_state?: any;
+	set_time_limit?: any;
+	component_class_id: string;
+	key: string | number | null;
+	rendered_in?: number;
+}
+
+export interface ProcessedComponentMeta {
+	type: string;
+	id: number;
+	props: { shared_props: SharedProps; props: Record<string, unknown> };
+	component: Component | LoadingComponent | null;
+	runtime: false | typeof import("svelte");
+	documentation?: Documentation;
+	children: ProcessedComponentMeta[];
+	component_class_id: string; // ?;
+	key: string | number | null; // ?;
+	rendered_in?: number; // ?;
+	original_visibility: boolean | "hidden";
+}
+
+/** Dictates whether a dependency is continous and/or a generator */
+export interface DependencyTypes {
+	generator: boolean;
+	cancel: boolean;
+}
+
+/** An event payload that is sent with an API request */
+export interface Payload {
+	fn_index: number;
+	data: unknown[];
+	event_data?: unknown | null;
+	trigger_id?: number | null;
+	js_implementation?: boolean | null;
+}
+
+/** A dependency as received from the backend */
+export interface Dependency {
+	id: number;
+	targets: [number, string][];
+	inputs: number[];
+	outputs: number[];
+	backend_fn: boolean;
+	js: string | null; // frontend fn
+	scroll_to_output: boolean; // used by loading_status
+	show_progress: "full" | "minimal" | "hidden"; // used by loading_status
+	show_progress_on: number[] | null; // used by loading_status
+	// frontend_fn: ((...args: unknown[]) => Promise<unknown[]>) | null;
+	//status?: string; // I can't find this
+	queue: boolean | null; // used by client
+	api_name: string | null; // used by client
+	cancels: number[];
+	types: DependencyTypes;
+	collects_event_data: boolean;
+	// `process_frontend_fn` only re-wraps scalar results into an array when
+	// `wrap` is true, so the resolved value can be a non-array. Keep the return
+	// type wide so callers don't assume an array unconditionally.
+	frontend_fn?: ((...args: unknown[]) => Promise<unknown[] | unknown>) | null;
+	api_visibility?: "public" | "private" | "undocumented";
+	//pending_request?: boolean; // added, not received from backend, unneeded
+	trigger_after?: number; // then events
+	trigger_only_on_success?: boolean; // success events
+	trigger_only_on_failure?: boolean; // failure events
+	trigger_mode: "once" | "multiple" | "always_last"; // dispatch policy
+	// final_event: Payload | null; // added, not received from backend
+	show_api: boolean; // use by api_doc
+	rendered_in: number | null; // which component the new config should be added to
+	render_id: number | null; // dno
+	connection: "stream" | "sse"; // dno
+	time_limit: number; // time limit for streaming
+	stream_every: number; // chunk timeout for media recorder
+	like_user_message: boolean; // dno, this shouldnt be here surely
+	event_specific_args: ("time_limit" | "stream_every" | "like_user_message")[]; // `click(fn, some_arg=val)`
+	js_implementation: string | null; // pythong -> js transpilation
+	component_prop_inputs: number[]; // inputs that request all component props
+}
+
+interface TypeDescription {
+	input_payload?: string;
+	response_object?: string;
+	payload?: string;
+}
+
+export interface Documentation {
+	type?: TypeDescription;
+	description?: TypeDescription;
+	example_data?: string;
+}
+
+/** A layout node as recived from the backend */
+export interface LayoutNode {
+	id: number;
+	children: LayoutNode[];
+}
+
+/** The system theme mode */
+export type ThemeMode = "system" | "light" | "dark";
+
+/** the target map is an object mapping the target id to a series of events (another object), those events are a mapping of the event name to the function id's they trigger */
+export type TargetMap = Record<number, Record<string, number[]>>;
+
+/** A component that has been loaded via dynamic import */
+export type LoadedComponent = {
+	default: Component;
+};
+
+/**A component that is loading */
+export type LoadingComponent = Promise<{
+	default: Component;
+}>;
+
+export interface AppConfig {
+	root: string;
+	theme: string;
+	version: string;
+	max_file_size?: number;
+	autoscroll: boolean;
+	api_prefix: string;
+	api_url: string;
+	fill_height?: boolean;
+}
diff --git a/js/core/src/vite-env-override.d.ts b/js/core/src/vite-env-override.d.ts
new file mode 100644
index 0000000..197e4dc
--- /dev/null
+++ b/js/core/src/vite-env-override.d.ts
@@ -0,0 +1,21 @@
+// See https://vitejs.dev/guide/features.html#client-types
+
+declare module "*.whl" {
+	const content: string;
+	export default content;
+}
+
+// virtual module component type definition
+declare module "virtual:component-loader" {
+	interface Args {
+		api_url: string;
+		name: string;
+		id?: string;
+		variant: "component" | "example" | "base";
+	}
+	export function load_component(args: Args): {
+		name: ComponentMeta["type"];
+		component: LoadedComponent;
+		runtime: false | typeof import("svelte");
+	};
+}
diff --git a/js/dataframe/CHANGELOG.md b/js/dataframe/CHANGELOG.md
new file mode 100644
index 0000000..874b3fb
--- /dev/null
+++ b/js/dataframe/CHANGELOG.md
@@ -0,0 +1,1799 @@
+# @gradio/dataframe
+
+## 0.24.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/button@0.8.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+- @gradio/checkbox@0.8.1
+
+## 0.24.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/button@0.8.0
+- @gradio/markdown-code@0.9.0
+- @gradio/checkbox@0.8.0
+
+## 0.23.5
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+- @gradio/button@0.7.0
+
+## 0.23.4
+
+### Fixes
+
+- [#13240](https://github.com/gradio-app/gradio/pull/13240) [`0d670ad`](https://github.com/gradio-app/gradio/commit/0d670adf41a0b510f7fd745495dce1664d38f0e5) - Fix browser freeze when a dataframe's value is set (e.g. via a tab select event), and only dispatch the tabs select event when the selected tab actually changes.  Thanks @freddyaboulton!
+
+## 0.23.3
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+- @gradio/markdown-code@0.8.0
+
+## 0.23.2
+
+### Fixes
+
+- [#13250](https://github.com/gradio-app/gradio/pull/13250) [`2e9eb51`](https://github.com/gradio-app/gradio/commit/2e9eb51d4da5e4a997ac2fc18e5814bacf6f818d) - Restore select-all checkbox in boolean column headers of `gr.Dataframe`.  Thanks @pngwn!
+- [#13259](https://github.com/gradio-app/gradio/pull/13259) [`b5e6491`](https://github.com/gradio-app/gradio/commit/b5e64918b721550bc3762169fda81c5270904eaa) - Dataframe: allow native context menu and text selection on static cells.  Thanks @pngwn!
+- [#13305](https://github.com/gradio-app/gradio/pull/13305) [`1d5994d`](https://github.com/gradio-app/gradio/commit/1d5994da102bd9bf2367f58789de508b1727b1bf) - Dataframe: fix extreme rendering slowdown with `datatype="date"` (and any future dtype with asymmetric string casts) by firing `EditableCell`'s shim-blur only on edit teardown instead of every render. Also makes the hidden sizing-row computation faster by avoiding Date rendering for every entry.  Thanks @pngwn!
+- [#13303](https://github.com/gradio-app/gradio/pull/13303) [`79c5776`](https://github.com/gradio-app/gradio/commit/79c577680978adfb5eeaa01944635e14dc67e5f1) - Rework `Dataframe` wrapping, truncation, and column width sizing.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/checkbox@0.7.0
+- @gradio/upload@0.17.9
+
+## 0.23.1
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/markdown-code@0.7.0
+- @gradio/checkbox@0.6.7
+
+## 0.23.0
+
+### Features
+
+- [#13150](https://github.com/gradio-app/gradio/pull/13150) [`9487b60`](https://github.com/gradio-app/gradio/commit/9487b60670f6532eaccb3251d15f5505fa23d4e3) - migrate dataframe to svelte 5.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/checkbox@0.6.6
+
+## 0.22.0
+
+### Features
+
+- [#13021](https://github.com/gradio-app/gradio/pull/13021) [`5c4dc6a`](https://github.com/gradio-app/gradio/commit/5c4dc6aca11575cf4fec6704afd48a54664f983f) - add core themes.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/button@0.6.6
+- @gradio/checkbox@0.6.5
+
+## 0.21.7
+
+### Dependency updates
+
+- @gradio/button@0.6.5
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/markdown-code@0.6.1
+- @gradio/upload@0.17.7
+- @gradio/checkbox@0.6.4
+
+## 0.21.6
+
+### Fixes
+
+- [#12890](https://github.com/gradio-app/gradio/pull/12890) [`ac29df8`](https://github.com/gradio-app/gradio/commit/ac29df82a735c72c021c07e0816f78001147671b) - fix DataFrame NaN values becoming 0 after sorting.  Thanks @Mr-Neutr0n!
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+- @gradio/button@0.6.4
+
+## 0.21.5
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+- @gradio/checkbox@0.6.3
+
+## 0.21.4
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+- @gradio/checkbox@0.6.2
+
+## 0.21.3
+
+### Fixes
+
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/button@0.6.3
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/markdown-code@0.6.1
+- @gradio/checkbox@0.6.1
+
+## 0.21.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/button@0.6.2
+- @gradio/client@2.0.2
+
+## 0.21.2
+
+### Fixes
+
+- [#12550](https://github.com/gradio-app/gradio/pull/12550) [`efb2549`](https://github.com/gradio-app/gradio/commit/efb2549a1c2c4d0254a5c2b5b46b824322395854) - Fix Dataframe Package.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/checkbox@0.6.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/button@0.6.1
+
+## 0.21.1
+
+### Dependency updates
+
+- @gradio/button@0.6.0
+- @gradio/checkbox@0.5.1
+
+## 0.21.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.21.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix issue with boolean columns in dataframe
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix various event issues
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - S5 df take3
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/button@0.5.14
+- @gradio/checkbox@0.5.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/markdown-code@0.6.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+- @gradio/dataframe-interim@0.21.0
+
+## 0.21.0-dev.3
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/button@0.5.14-dev.2
+- @gradio/upload@0.17.2-dev.2
+- @gradio/dataframe-interim@0.21.0-dev.3
+- @gradio/checkbox@0.5.0-dev.1
+
+## 0.21.0-dev.2
+
+### Features
+
+- [#12357](https://github.com/gradio-app/gradio/pull/12357) [`c9cf634`](https://github.com/gradio-app/gradio/commit/c9cf634a9cd34b4adadde1a6a98d60faf732639a) - Fix various event issues.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/dataframe-interim@0.21.0-dev.2
+
+## 0.21.0-dev.1
+
+### Features
+
+- [#12110](https://github.com/gradio-app/gradio/pull/12110) [`e80fc6f`](https://github.com/gradio-app/gradio/commit/e80fc6f9eba1b895680b19803bbd15e7e303d969) - Fix issue with boolean columns in dataframe.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/button@0.5.14-dev.1
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/checkbox@0.5.0-dev.0
+
+## 0.20.2-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.20.2-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/button@0.5.14-dev.0
+
+## 0.20.1
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.20.1
+
+### Fixes
+
+- [#11964](https://github.com/gradio-app/gradio/pull/11964) [`86e6176`](https://github.com/gradio-app/gradio/commit/86e61763a14c745f7eb0ce35b861ea2be2336a15) - Add dark mode to storybook.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.20.0
+
+### Features
+
+- [#11959](https://github.com/gradio-app/gradio/pull/11959) [`cb16ca5`](https://github.com/gradio-app/gradio/commit/cb16ca5123030beebcb24ddc287fcf958bd3fbe2) - Ensure interactivity works as expected in standalone dataframe.  Thanks @hannahblair!
+
+## 0.19.4
+
+### Fixes
+
+- [#11648](https://github.com/gradio-app/gradio/pull/11648) [`57d8d65`](https://github.com/gradio-app/gradio/commit/57d8d6598645e438337c78c1c8e0759f876fb193) - Dataframe Edit Event.  Thanks @deckar01!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+
+## 0.19.3
+
+### Features
+
+- [#11891](https://github.com/gradio-app/gradio/pull/11891) [`8d06ab7`](https://github.com/gradio-app/gradio/commit/8d06ab7d899cb8b1ab2a9575f19b8960999aba78) - Add select all checkbox for boolean columns in Dataframe.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/checkbox@0.4.30
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/button@0.5.13
+
+## 0.19.2
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+- @gradio/button@0.5.12
+- @gradio/checkbox@0.4.29
+
+## 0.19.1
+
+### Fixes
+
+- [#11782](https://github.com/gradio-app/gradio/pull/11782) [`e132283`](https://github.com/gradio-app/gradio/commit/e132283b2289d3689927a8fa7f0b4ac8f8628a18) - remove dompurify, update mermaid.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+- @gradio/markdown-code@0.5.1
+
+## 0.19.0
+
+### Features
+
+- [#11766](https://github.com/gradio-app/gradio/pull/11766) [`dfc0e03`](https://github.com/gradio-app/gradio/commit/dfc0e0305068dbd16ce905afc73d139e1e51eb46) - Add JS Dataframe documentation to docs.  Thanks @pngwn!
+- [#11712](https://github.com/gradio-app/gradio/pull/11712) [`0025e1a`](https://github.com/gradio-app/gradio/commit/0025e1a157edef57def99e4bf24a3686ff38eaca) - Publish gr.Dataframe as standalone library.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.18.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/button@0.5.11
+- @gradio/checkbox@0.4.28
+
+## 0.18.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/button@0.5.10
+- @gradio/checkbox@0.4.27
+
+## 0.18.6
+
+### Features
+
+- [#11688](https://github.com/gradio-app/gradio/pull/11688) [`56f3f09`](https://github.com/gradio-app/gradio/commit/56f3f09b6c629a5719088806dbbb37f272d8d4f5) - Fix column header logic in gr.Dataframe.  Thanks @hannahblair!
+
+## 0.18.5
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/button@0.5.9
+
+## 0.18.4
+
+### Fixes
+
+- [#11559](https://github.com/gradio-app/gradio/pull/11559) [`dd9d8f1`](https://github.com/gradio-app/gradio/commit/dd9d8f1ed677e2d09a3061764c312f40133ab50d) - `gr.Dataframe` returns a `number` \ `bool` when the corresponding column is edited.  Thanks @janosch6!
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+- @gradio/button@0.5.8
+
+## 0.18.3
+
+### Fixes
+
+- [#11534](https://github.com/gradio-app/gradio/pull/11534) [`5259f22`](https://github.com/gradio-app/gradio/commit/5259f229939177cc2027db5164c9321566fb3eeb) - Allow changing value with single click instead of double click.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/button@0.5.7
+- @gradio/upload@0.16.11
+- @gradio/checkbox@0.4.26
+
+## 0.18.2
+
+### Fixes
+
+- [#11496](https://github.com/gradio-app/gradio/pull/11496) [`ee0da48`](https://github.com/gradio-app/gradio/commit/ee0da481446da5ffd79151a457cd3847db645bfb) - Prevent deletion of values in static columns.  Thanks @hannahblair!
+
+## 0.18.1
+
+### Fixes
+
+- [#11436](https://github.com/gradio-app/gradio/pull/11436) [`f49b8da`](https://github.com/gradio-app/gradio/commit/f49b8da1c062dbd81acb8e7fdcdc9a09a272d02f) - Multi-Line DataFrame Editing.  Thanks @deckar01!
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/markdown-code@0.5.0
+- @gradio/button@0.5.6
+- @gradio/checkbox@0.4.25
+
+## 0.18.0
+
+### Features
+
+- [#11392](https://github.com/gradio-app/gradio/pull/11392) [`dc760a6`](https://github.com/gradio-app/gradio/commit/dc760a6dd7d3375f99913059803a826cdf0f7102) - Add column-specific filtering to `gr.Dataframe`.  Thanks @tiago-gsantos!
+
+### Fixes
+
+- [#11407](https://github.com/gradio-app/gradio/pull/11407) [`f3f9590`](https://github.com/gradio-app/gradio/commit/f3f9590d539b9e6fe3937a1bdc48006ee174fb8f) - Fix Styled DataFrame Sorting.  Thanks @deckar01!
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+- @gradio/button@0.5.5
+
+## 0.17.17
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/markdown-code@0.4.4
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/checkbox@0.4.24
+- @gradio/button@0.5.4
+
+## 0.17.16
+
+### Fixes
+
+- [#11349](https://github.com/gradio-app/gradio/pull/11349) [`bed858b`](https://github.com/gradio-app/gradio/commit/bed858b62b9887e606618bea5fe8a2f212b4a645) - Fix DataFrame Scroll Divergence.  Thanks @deckar01!
+- [#11346](https://github.com/gradio-app/gradio/pull/11346) [`3a9a002`](https://github.com/gradio-app/gradio/commit/3a9a0025efd49942303517c5dbd426d41241b7f6) - Hide native Dataframe to screen readers.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.3
+- @gradio/statustracker@0.10.12
+- @gradio/button@0.5.3
+- @gradio/checkbox@0.4.23
+
+## 0.17.15
+
+### Features
+
+- [#11237](https://github.com/gradio-app/gradio/pull/11237) [`a6f6b40`](https://github.com/gradio-app/gradio/commit/a6f6b40dda5194fa5bc9926ef67f2a75f503e9a4) - Enhance boolean cell types in `gr.Dataframe`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/checkbox@0.4.23
+- @gradio/client@1.15.2
+- @gradio/button@0.5.3
+
+## 0.17.14
+
+### Fixes
+
+- [#11282](https://github.com/gradio-app/gradio/pull/11282) [`9a6a6f5`](https://github.com/gradio-app/gradio/commit/9a6a6f524e8e9784144d45ea7b6327a1a7b3593c) - Fix DataFrame Group Flicker.  Thanks @deckar01!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/markdown-code@0.4.3
+- @gradio/button@0.5.2
+
+## 0.17.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/button@0.5.1
+- @gradio/upload@0.16.6
+
+## 0.17.12
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+### Fixes
+
+- [#11221](https://github.com/gradio-app/gradio/pull/11221) [`5f3e84d`](https://github.com/gradio-app/gradio/commit/5f3e84d870572b2851a5243be341d7aab4e166c1) - Ensure Clear sort works as expected.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/button@0.5.0
+
+## 0.17.11
+
+### Dependency updates
+
+- @gradio/button@0.4.18
+- @gradio/upload@0.16.4
+
+## 0.17.10
+
+### Dependency updates
+
+- @gradio/button@0.4.17
+
+## 0.17.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/button@0.4.16
+- @gradio/atoms@0.16.0
+
+## 0.17.8
+
+### Fixes
+
+- [#11033](https://github.com/gradio-app/gradio/pull/11033) [`0dbc14f`](https://github.com/gradio-app/gradio/commit/0dbc14fa867ef57a2f810e0b869b7d13d98f2544) - Allow setting an empty value in `display_value` of `gr.Dataframe`.  Thanks @abidlabs!
+
+## 0.17.7
+
+### Fixes
+
+- [#11005](https://github.com/gradio-app/gradio/pull/11005) [`3def0ed`](https://github.com/gradio-app/gradio/commit/3def0ed9edc5a9194d69456948324ec4e2740b7d) - Ensure that the `.select()` event in `gr.DataFrame` carries the `.row_value` and `.col_value`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/markdown-code@0.4.3
+- @gradio/utils@0.10.2
+- @gradio/button@0.4.15
+- @gradio/upload@0.16.2
+
+## 0.17.6
+
+### Dependency updates
+
+- @gradio/button@0.4.14
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.17.5
+
+### Fixes
+
+- [#10955](https://github.com/gradio-app/gradio/pull/10955) [`d654e60`](https://github.com/gradio-app/gradio/commit/d654e60ff61f76ebcf37f294f1d85305d344a70b) - Map search-filtered row indices to original data indices in gr.Dataframe.  Thanks @hannahblair!
+- [#10918](https://github.com/gradio-app/gradio/pull/10918) [`36da6d0`](https://github.com/gradio-app/gradio/commit/36da6d0d5466dd251f46359019959702523f1afc) - Fix value synchronisation issue in gr.Dataframe.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/button@0.4.13
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.17.4
+
+### Dependency updates
+
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/button@0.4.12
+
+## 0.17.3
+
+### Fixes
+
+- [#10900](https://github.com/gradio-app/gradio/pull/10900) [`a018a46`](https://github.com/gradio-app/gradio/commit/a018a46a7fae0f7db25baca7e1c08e6fd5912ed2) - Fix wrap behaviour in dataframe.  Thanks @hannahblair!
+
+## 0.17.2
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/markdown-code@0.4.2
+- @gradio/upload@0.15.6
+- @gradio/button@0.4.11
+
+## 0.17.1
+
+### Fixes
+
+- [#10819](https://github.com/gradio-app/gradio/pull/10819) [`ac075ad`](https://github.com/gradio-app/gradio/commit/ac075ad6aaea855bfd4839cef7140719a584498e) - Fix cell menu not showing in non-editable dataframes.  Thanks @hannahblair!
+
+## 0.17.0
+
+### Features
+
+- [#10784](https://github.com/gradio-app/gradio/pull/10784) [`6812544`](https://github.com/gradio-app/gradio/commit/681254453a15dadde068feaec176bb984710292b) - On Windows OS, hide `gr.Dataframe` scrollbars while keeping scrolling functionality.  Thanks @abidlabs!
+- [#10802](https://github.com/gradio-app/gradio/pull/10802) [`9ec8898`](https://github.com/gradio-app/gradio/commit/9ec8898c0f5753fb548a89f9804b71b69797d00c) - Fix excess scroll bug in dataframe.  Thanks @hannahblair!
+- [#10805](https://github.com/gradio-app/gradio/pull/10805) [`8d03368`](https://github.com/gradio-app/gradio/commit/8d03368243b6365d279563cf38a18b67a0efaf69) - Fix max characters in non-editable dataframes.  Thanks @hannahblair!
+- [#10787](https://github.com/gradio-app/gradio/pull/10787) [`b3e8c26`](https://github.com/gradio-app/gradio/commit/b3e8c263be51f9553e9f19939be0f880092b44c9) - Implement cell selection via drag in dataframe.  Thanks @hannahblair!
+- [#10734](https://github.com/gradio-app/gradio/pull/10734) [`c44b8f4`](https://github.com/gradio-app/gradio/commit/c44b8f47b927258552af61c3af06f2e30449f571) - Add `static_columns` param for interactive dataframes.  Thanks @hannahblair!
+- [#10778](https://github.com/gradio-app/gradio/pull/10778) [`373007b`](https://github.com/gradio-app/gradio/commit/373007b3e9d019ee41589d1dbb09a7511a024a51) - Allow sorting by multiple columns in dataframe.  Thanks @hannahblair!
+- [#10804](https://github.com/gradio-app/gradio/pull/10804) [`39c30be`](https://github.com/gradio-app/gradio/commit/39c30be1628028a86400c1e4b993db51e91b2580) - Add parent focus for drag selection.  Thanks @hannahblair!
+- [#10777](https://github.com/gradio-app/gradio/pull/10777) [`3b48367`](https://github.com/gradio-app/gradio/commit/3b483672f4778f5b19d2f529328c1f71b3742f45) - Allow navigating down from header cells, as well as support cmd/ctrl + arrow keys.  Thanks @abidlabs!
+- [#10776](https://github.com/gradio-app/gradio/pull/10776) [`85f6132`](https://github.com/gradio-app/gradio/commit/85f6132f1f9f653329edfa22f627e342e8b42731) - Fix cell selection when using shift + arrow keys.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10757](https://github.com/gradio-app/gradio/pull/10757) [`b4342d2`](https://github.com/gradio-app/gradio/commit/b4342d24a88acaa4ed4028c8fdd44eea0d1b8b57) - Fix dataframe search and filter functionality.  Thanks @hannahblair!
+- [#10786](https://github.com/gradio-app/gradio/pull/10786) [`88941b6`](https://github.com/gradio-app/gradio/commit/88941b655e708ab14611341ed3fe57452fbbfc58) - Remove fixed layouts from dataframe.  Thanks @hannahblair!
+- [#10631](https://github.com/gradio-app/gradio/pull/10631) [`b5ca1dc`](https://github.com/gradio-app/gradio/commit/b5ca1dcfdf496292eade31347ae1974d3a0976c4) - Refactor `gr.Dataframe`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/button@0.4.10
+- @gradio/atoms@0.14.0
+- @gradio/markdown-code@0.4.1
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/upload@0.15.4
+- @gradio/button@0.4.9
+
+## 0.16.4
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+- @gradio/button@0.4.8
+
+## 0.16.3
+
+### Features
+
+- [#10646](https://github.com/gradio-app/gradio/pull/10646) [`b01ce47`](https://github.com/gradio-app/gradio/commit/b01ce47056f5752fbf03e44600bf0f7dab69b64c) - Fixes cell-selection logic in `Table.svelte`.  Thanks @abidlabs!
+
+## 0.16.2
+
+### Fixes
+
+- [#10597](https://github.com/gradio-app/gradio/pull/10597) [`8c87eb8`](https://github.com/gradio-app/gradio/commit/8c87eb83066278b0e28267a6648d4729d6f39aa9) - Fix issue where styling changes were overridden when value was updated simultaneously.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+- @gradio/button@0.4.7
+
+## 0.16.1
+
+### Fixes
+
+- [#10607](https://github.com/gradio-app/gradio/pull/10607) [`c354f5f`](https://github.com/gradio-app/gradio/commit/c354f5ff16c787d722f4e53d5a97f729abba955e) - Add empty dataframe functionality.  Thanks @hannahblair!
+- [#10596](https://github.com/gradio-app/gradio/pull/10596) [`a8bde76`](https://github.com/gradio-app/gradio/commit/a8bde76e2b0f65b3565019beb03ac8b1fd152963) - Fix margin above `gr.Dataframe` when no header is provided.  Thanks @abidlabs!
+
+## 0.16.0
+
+### Features
+
+- [#10561](https://github.com/gradio-app/gradio/pull/10561) [`26494ce`](https://github.com/gradio-app/gradio/commit/26494cea570ffe0ead1f8b7a7135ab5a89c6bcbd) - Allow freezing columns in `gr.Dataframe`.  Thanks @hannahblair!
+- [#10554](https://github.com/gradio-app/gradio/pull/10554) [`b8ff5d6`](https://github.com/gradio-app/gradio/commit/b8ff5d6bfe1a9f3379580754b1e23857e2f0c96b) - Add optional search bar to `gr.Dataframe`'s toolbar.  Thanks @hannahblair!
+- [#10529](https://github.com/gradio-app/gradio/pull/10529) [`196b600`](https://github.com/gradio-app/gradio/commit/196b600b3962b85781b53c512e17708644b86f6f) - Select entire row or column in dataframe.  Thanks @hannahblair!
+- [#10558](https://github.com/gradio-app/gradio/pull/10558) [`1113002`](https://github.com/gradio-app/gradio/commit/111300242fdf135724a304920a93fc34a8037f7d) - Fix spacing issue with `gr.Dataframe` in Safari.  Thanks @hannahblair!
+- [#10553](https://github.com/gradio-app/gradio/pull/10553) [`4c08b9f`](https://github.com/gradio-app/gradio/commit/4c08b9f3c0bcafb0edc56330d8d81e78a6e3763b) - Prevent scrolling when the dataframe cell menu is open.  Thanks @hannahblair!
+- [#10541](https://github.com/gradio-app/gradio/pull/10541) [`e505fab`](https://github.com/gradio-app/gradio/commit/e505fabecb17c50e073483ed7d6aab2e04c9fcf2) - Add copy button feedback to `gr.Dataframe`.  Thanks @hannahblair!
+- [#10540](https://github.com/gradio-app/gradio/pull/10540) [`deeebfb`](https://github.com/gradio-app/gradio/commit/deeebfba46f15bb3641b86e25156215d2d727087) - Revert editable text changes.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10490](https://github.com/gradio-app/gradio/pull/10490) [`178311b`](https://github.com/gradio-app/gradio/commit/178311b72d72a3c5f4a67bee5e0098be4232e68c) - Ensure row numbers functionality in dataframe works as expected.  Thanks @hannahblair!
+- [#10535](https://github.com/gradio-app/gradio/pull/10535) [`d909868`](https://github.com/gradio-app/gradio/commit/d9098681f8883686a617c8f98b22c77057febed1) - Ensure `max_height` is applied in `gr.Dataframe`.  Thanks @hannahblair!
+- [#10521](https://github.com/gradio-app/gradio/pull/10521) [`79937fd`](https://github.com/gradio-app/gradio/commit/79937fd76021b31abdbc3f8f2c32ef123fd676aa) - Change word-break prop in dataframe headers.  Thanks @hannahblair!
+- [#10520](https://github.com/gradio-app/gradio/pull/10520) [`2a1fc2a`](https://github.com/gradio-app/gradio/commit/2a1fc2a92888f622579e4b2daf86be487c73004d) - Ensure links work as expected in dataframe.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/markdown-code@0.4.0
+- @gradio/upload@0.15.1
+- @gradio/button@0.4.6
+
+## 0.15.0
+
+### Features
+
+- [#10456](https://github.com/gradio-app/gradio/pull/10456) [`8e40c15`](https://github.com/gradio-app/gradio/commit/8e40c15669ed1244d6f2288e55c2223279bd37a4) - Implement multiple cell selection.  Thanks @hannahblair!
+- [#10463](https://github.com/gradio-app/gradio/pull/10463) [`ed7a091`](https://github.com/gradio-app/gradio/commit/ed7a0919ab6b31184dc4d686b722dbeb013e9ce9) - Expand and collapse dataframe cells.  Thanks @hannahblair!
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+- [#10491](https://github.com/gradio-app/gradio/pull/10491) [`ff5f976`](https://github.com/gradio-app/gradio/commit/ff5f976bbb685fdd4f7c1faeda79e094f55a9f56) - Allow multiline headers in gr.Dataframe.  Thanks @hannahblair!
+- [#10494](https://github.com/gradio-app/gradio/pull/10494) [`10932a2`](https://github.com/gradio-app/gradio/commit/10932a291ac7f591bb1d56e4e353b51f10ecc6e3) - Ensure dataframe is not editable when `interactive` is False.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/button@0.4.5
+
+## 0.14.0
+
+### Features
+
+- [#10461](https://github.com/gradio-app/gradio/pull/10461) [`ca7c47e`](https://github.com/gradio-app/gradio/commit/ca7c47e5e50a309cd637c4f928ab90af6355b01d) - Add copy button to dataframe toolbar.  Thanks @hannahblair!
+- [#10420](https://github.com/gradio-app/gradio/pull/10420) [`a69b8e8`](https://github.com/gradio-app/gradio/commit/a69b8e83ad7c89c627db2bdd5d25b0142731aaac) - Support column/row deletion in `gr.DataFrame`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/button@0.4.4
+
+## 0.13.1
+
+### Features
+
+- [#10452](https://github.com/gradio-app/gradio/pull/10452) [`dd178f3`](https://github.com/gradio-app/gradio/commit/dd178f3dd5968df445b43f5e3b8cb86b11374913) - Tiny tweak to example dataframes.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/button@0.4.3
+
+## 0.13.0
+
+### Features
+
+- [#10377](https://github.com/gradio-app/gradio/pull/10377) [`feb1e81`](https://github.com/gradio-app/gradio/commit/feb1e81ecabf34fd3f9ec228dcf3bdaa4b0bd75e) - Add toolbar with fullscreen button to `gr.Dataframe`.  Thanks @hannahblair!
+- [#10376](https://github.com/gradio-app/gradio/pull/10376) [`2b7ba48`](https://github.com/gradio-app/gradio/commit/2b7ba4801398b6dd6b72496ea50245a0cd6852d6) - Add `show_row_numbers` param to gr.Dataframe.  Thanks @hannahblair!
+- [#10410](https://github.com/gradio-app/gradio/pull/10410) [`48809c7`](https://github.com/gradio-app/gradio/commit/48809c722bcbb3aaed72edfdb6c59de5413fdbc4) - Fix bug where dataframe `value` prop was not updating when an input value was changed manually.  Thanks @abidlabs!
+
+### Fixes
+
+- [#10365](https://github.com/gradio-app/gradio/pull/10365) [`40e0c48`](https://github.com/gradio-app/gradio/commit/40e0c4832060cef457406896b2ad94639888897a) - Ensure clicking on a cell once enables editing mode.  Thanks @hannahblair!
+- [#10348](https://github.com/gradio-app/gradio/pull/10348) [`62cd4ef`](https://github.com/gradio-app/gradio/commit/62cd4ef302cd7529d1f8842b416f9d8fcf6b5750) - Handle `row_count=0` in gr.Dataframe.  Thanks @hannahblair!
+- [#10403](https://github.com/gradio-app/gradio/pull/10403) [`3219382`](https://github.com/gradio-app/gradio/commit/3219382eeea0a0047c74e0cdd2bf333e69f8f806) - Fix event triggers and recent regressions related to `gr.DataFrame`.  Thanks @abidlabs!
+- [#10360](https://github.com/gradio-app/gradio/pull/10360) [`31cccc3`](https://github.com/gradio-app/gradio/commit/31cccc3e79a3d1b4a840610d9becb235f8829b13) - Fix logic for detecting changes in `gr.Dataframe` table value.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/button@0.4.2
+- @gradio/statustracker@0.10.2
+
+## 0.12.7
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/upload@0.14.5
+- @gradio/button@0.4.1
+
+## 0.12.6
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/markdown-code@0.3.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/button@0.4.0
+
+## 0.12.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/button@0.3.9
+- @gradio/atoms@0.12.0
+
+## 0.12.4
+
+### Fixes
+
+- [#9945](https://github.com/gradio-app/gradio/pull/9945) [`e9f0d03`](https://github.com/gradio-app/gradio/commit/e9f0d0315d27325f55a8b1c5c763d07e3d78fd06) - Ensure Enter is correctly handled in Safari and Firefox.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/button@0.3.8
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.12.3
+
+### Fixes
+
+- [#9949](https://github.com/gradio-app/gradio/pull/9949) [`cfb62bf`](https://github.com/gradio-app/gradio/commit/cfb62bfdb52d88295f27287f788fca977e37ae6d) - Allow dataframe column content to wrap.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/button@0.3.7
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.12.2
+
+### Fixes
+
+- [#9892](https://github.com/gradio-app/gradio/pull/9892) [`7d77024`](https://github.com/gradio-app/gradio/commit/7d77024cb8f9cfd39a6468de9534e58dcfa69f49) - Fix dataframe height increasing on scroll.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/button@0.3.6
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+
+## 0.12.1
+
+### Features
+
+- [#9649](https://github.com/gradio-app/gradio/pull/9649) [`b1b81c9`](https://github.com/gradio-app/gradio/commit/b1b81c9e1c10c2c14a5cb0661d2503259ece1a1b) - Hide option to add row/col when count is fixed in dataframe.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/markdown-code@0.2.1
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+- @gradio/button@0.3.5
+
+## 0.12.0
+
+### Features
+
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+
+### Fixes
+
+- [#9654](https://github.com/gradio-app/gradio/pull/9654) [`cd7dab7`](https://github.com/gradio-app/gradio/commit/cd7dab7ba5c81983f133dfa9e90ac6f92ac4fa1f) - Improve select event behaviour in gr.Dataframe.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/button@0.3.4
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/markdown-code@0.2.0
+- @gradio/upload@0.13.4
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/markdown@0.10.3
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/button@0.3.3
+- @gradio/atoms@0.9.2
+
+## 0.11.3
+
+### Fixes
+
+- [#9709](https://github.com/gradio-app/gradio/pull/9709) [`31418ef`](https://github.com/gradio-app/gradio/commit/31418ef388a2dc524069ee230c2735a4beaf55f1) - fix table type check.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/markdown@0.10.2
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/button@0.3.2
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/button@0.3.1
+
+## 0.11.1
+
+### Features
+
+- [#9614](https://github.com/gradio-app/gradio/pull/9614) [`5d98550`](https://github.com/gradio-app/gradio/commit/5d985509b4b71aa4aa6b28acc38fe83c278dbbfa) - Fix `retry` and `undo` reactivity in gr.Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+- @gradio/markdown@0.10.1
+
+## 0.11.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - UI theme fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Tweak gr.Dataframe menu UX
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Update gr.Dataframe UI with action popover
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix. Triggered dataframe change event for header change
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/button@0.3.0
+- @gradio/client@1.6.0
+- @gradio/markdown@0.10.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+
+## 0.11.0-beta.8
+
+### Features
+
+- [#9601](https://github.com/gradio-app/gradio/pull/9601) [`c078892`](https://github.com/gradio-app/gradio/commit/c07889223cb64661b17560b707b977248809470a) - Tweak gr.Dataframe menu UX.  Thanks @hannahblair!
+- [#9575](https://github.com/gradio-app/gradio/pull/9575) [`4ec2feb`](https://github.com/gradio-app/gradio/commit/4ec2feb04e452d2c77482c09543c59948567be67) - Update gr.Dataframe UI with action popover.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/button@0.3.0-beta.7
+- @gradio/markdown@0.10.0-beta.5
+
+## 0.11.0-beta.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/markdown@0.10.0-beta.4
+- @gradio/button@0.3.0-beta.6
+
+## 0.11.0-beta.6
+
+### Features
+
+- [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/button@0.3.0-beta.5
+- @gradio/markdown@0.10.0-beta.3
+
+## 0.11.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/button@0.3.0-beta.4
+- @gradio/markdown@0.10.0-beta.2
+
+## 0.11.0-beta.4
+
+### Features
+
+- [#9469](https://github.com/gradio-app/gradio/pull/9469) [`f7c3396`](https://github.com/gradio-app/gradio/commit/f7c3396f55a5b8364d3880a29d766bd092d7f840) - Fix. Triggered dataframe change event for header change.  Thanks @Joodith!
+
+## 0.11.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/button@0.3.0-beta.3
+
+## 0.11.0-beta.2
+
+### Features
+
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/markdown@0.10.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/button@0.3.0-beta.2
+
+## 0.10.1-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/markdown@0.9.4-beta.1
+- @gradio/button@0.3.0-beta.1
+
+## 0.10.1-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/button@0.2.51
+- @gradio/markdown@0.9.4
+
+## 0.10.0
+
+### Features
+
+- [#9128](https://github.com/gradio-app/gradio/pull/9128) [`747013b`](https://github.com/gradio-app/gradio/commit/747013bbacebae6bfdda554b45e541e80b2894e0) - Allow accessing the entire row of selected values in `gr.DataFrame`.  Thanks @abidlabs!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/button@0.2.50
+- @gradio/client@1.5.1
+- @gradio/markdown@0.9.3
+- @gradio/statustracker@0.7.5
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/upload@0.12.2
+- @gradio/markdown@0.9.2
+- @gradio/button@0.2.49
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/markdown@0.9.1
+- @gradio/button@0.2.48
+
+## 0.9.0
+
+### Features
+
+- [#8745](https://github.com/gradio-app/gradio/pull/8745) [`4030f28`](https://github.com/gradio-app/gradio/commit/4030f28af6ae9f3eb94bb4e9cae83fb7016cdaad) - Allows updating the dataset of a `gr.Examples`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/markdown@0.9.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+- @gradio/button@0.2.47
+
+## 0.8.13
+
+### Fixes
+
+- [#8763](https://github.com/gradio-app/gradio/pull/8763) [`c1ecfde`](https://github.com/gradio-app/gradio/commit/c1ecfde50e55902140aafc3551968e26c1bb4cd0) - 8394 df hidden items.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/markdown@0.8.1
+- @gradio/upload@0.11.5
+- @gradio/button@0.2.46
+
+## 0.8.12
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/button@0.2.45
+
+## 0.8.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/markdown@0.8.0
+- @gradio/button@0.2.44
+- @gradio/upload@0.11.3
+
+## 0.8.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/button@0.2.43
+
+## 0.8.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/button@0.2.42
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+- @gradio/button@0.2.41
+- @gradio/markdown@0.7.6
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/button@0.2.40
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/button@0.2.39
+- @gradio/upload@0.10.6
+- @gradio/markdown@0.7.6
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/markdown@0.7.5
+- @gradio/client@0.19.4
+- @gradio/button@0.2.38
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/button@0.2.37
+- @gradio/upload@0.10.4
+- @gradio/markdown@0.7.4
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/button@0.2.36
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/markdown@0.7.3
+- @gradio/button@0.2.35
+- @gradio/upload@0.10.2
+
+## 0.8.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/markdown@0.7.2
+- @gradio/client@0.19.0
+- @gradio/upload@0.10.1
+- @gradio/button@0.2.34
+
+## 0.8.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+- @gradio/button@0.2.33
+- @gradio/markdown@0.7.1
+
+## 0.7.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/button@0.2.32
+- @gradio/markdown@0.7.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/markdown@0.6.10
+- @gradio/button@0.2.31
+
+## 0.6.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/markdown@0.6.9
+- @gradio/button@0.2.30
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/button@0.2.29
+- @gradio/upload@0.8.3
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/button@0.2.28
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/upload@0.8.2
+- @gradio/markdown@0.6.8
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/button@0.2.27
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+- @gradio/markdown@0.6.7
+
+## 0.6.8
+
+### Fixes
+
+- [#7564](https://github.com/gradio-app/gradio/pull/7564) [`5d1e8da`](https://github.com/gradio-app/gradio/commit/5d1e8dae5ac23f605c3b5f41dbe18751dff380a0) - batch UI updates on a per frame basis.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.8.0
+- @gradio/markdown@0.6.6
+- @gradio/button@0.2.26
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/button@0.2.25
+- @gradio/upload@0.7.7
+
+## 0.6.6
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/button@0.2.24
+
+## 0.6.5
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.4
+
+### Fixes
+
+- [#7495](https://github.com/gradio-app/gradio/pull/7495) [`ddd4d3e`](https://github.com/gradio-app/gradio/commit/ddd4d3e4d3883fb7540d1df240fb08202fc77705) - ensure Dataframe headers are aligned with content when scrolling. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+  - @gradio/markdown@0.6.4
+  - @gradio/button@0.2.22
+
+## 0.6.2
+
+### Patch Changes
+
+- Updated dependencies [[`17fb116`](https://github.com/gradio-app/gradio/commit/17fb116492f951ab66e3a39b5fdfb598f5446b6f), [`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/markdown@0.6.3
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/button@0.2.21
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.6.1
+
+### Fixes
+
+- [#7354](https://github.com/gradio-app/gradio/pull/7354) [`a7fa47a`](https://github.com/gradio-app/gradio/commit/a7fa47a175fbcf0fd6573ca19334a3a55b55bb24) - ensure Dataframes in background tabs are visible when the tab is selected. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.6.0
+
+### Features
+
+- [#7298](https://github.com/gradio-app/gradio/pull/7298) [`e5344ba`](https://github.com/gradio-app/gradio/commit/e5344ba0cd63d21dbb525330bbc07ca2eca57832) - chore(deps): update dependency marked to v12. Thanks [@renovate](https://github.com/apps/renovate)!
+- [#7154](https://github.com/gradio-app/gradio/pull/7154) [`aab2a75`](https://github.com/gradio-app/gradio/commit/aab2a75f0610dd7ed0b481264c6b9f01cfe92094) - Allow selecting texts in dataframe cells. Thanks [@shubhamofbce](https://github.com/shubhamofbce)!
+
+### Fixes
+
+- [#7283](https://github.com/gradio-app/gradio/pull/7283) [`757dba6`](https://github.com/gradio-app/gradio/commit/757dba66baf624eae11ff076f0e8d6bfc2314630) - Add `show_label` check to `gr.Dataframe`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`ca8753b`](https://github.com/gradio-app/gradio/commit/ca8753bb3d829d0077f758ba8d0ddc866ff74d3d), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/button@0.2.18
+  - @gradio/utils@0.2.1
+  - @gradio/markdown@0.6.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.5.0
+
+### Features
+
+- [#7018](https://github.com/gradio-app/gradio/pull/7018) [`ec28b4e`](https://github.com/gradio-app/gradio/commit/ec28b4e7c47a9233d9e3a725cc9fe8f9044dfa94) - Add `visible` and `interactive` params to `gr.Tab()`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+  - @gradio/button@0.2.16
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549)]:
+  - @gradio/upload@0.5.8
+  - @gradio/button@0.2.15
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/button@0.2.14
+  - @gradio/upload@0.5.7
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`846d52d`](https://github.com/gradio-app/gradio/commit/846d52d1c92d429077382ce494eea27fd062d9f6), [`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`f3abde8`](https://github.com/gradio-app/gradio/commit/f3abde80884d96ad69b825020c46486d9dd5cac5), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/markdown@0.6.0
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+  - @gradio/button@0.2.13
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/button@0.2.12
+  - @gradio/upload@0.5.5
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a)]:
+  - @gradio/upload@0.5.4
+  - @gradio/button@0.2.11
+
+## 0.4.0
+
+### Features
+
+- [#6603](https://github.com/gradio-app/gradio/pull/6603) [`6b1401c`](https://github.com/gradio-app/gradio/commit/6b1401c514c2ec012b0a50c72a6ec81cb673bf1d) - chore(deps): update dependency marked to v11. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.3.11
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+  - @gradio/upload@0.5.2
+  - @gradio/markdown@0.4.1
+  - @gradio/button@0.2.9
+
+## 0.3.10
+
+### Patch Changes
+
+- Updated dependencies [[`6d3fecfa4`](https://github.com/gradio-app/gradio/commit/6d3fecfa42dde1c70a60c397434c88db77289be6)]:
+  - @gradio/markdown@0.4.0
+
+## 0.3.9
+
+### Patch Changes
+
+- Updated dependencies [[`46f13f496`](https://github.com/gradio-app/gradio/commit/46f13f4968c8177e318c9d75f2eed1ed55c2c042)]:
+  - @gradio/markdown@0.3.4
+  - @gradio/button@0.2.8
+  - @gradio/upload@0.5.1
+
+## 0.3.8
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+  - @gradio/markdown@0.3.3
+  - @gradio/button@0.2.7
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/button@0.2.6
+  - @gradio/markdown@0.3.2
+  - @gradio/statustracker@0.3.2
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/button@0.2.5
+  - @gradio/upload@0.4.1
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/button@0.2.4
+
+## 0.3.4
+
+### Features
+
+- [#6318](https://github.com/gradio-app/gradio/pull/6318) [`d3b53a457`](https://github.com/gradio-app/gradio/commit/d3b53a4577ea05cd27e37ce7fec952028c18ed45) - Fix for stylized DataFrame. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.3
+
+### Fixes
+
+- [#6290](https://github.com/gradio-app/gradio/pull/6290) [`e8216be94`](https://github.com/gradio-app/gradio/commit/e8216be948f76ce064595183d11e9148badf9421) - ensure `gr.Dataframe` updates as expected. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+  - @gradio/button@0.2.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/button@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5894](https://github.com/gradio-app/gradio/pull/5894) [`fee3d527e`](https://github.com/gradio-app/gradio/commit/fee3d527e83a615109cf937f6ca0a37662af2bb6) - Adds `column_widths` to `gr.Dataframe` and hide overflowing text when `wrap=False`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.0
+
+### Features
+
+- [#5877](https://github.com/gradio-app/gradio/pull/5877) [`a55b80942`](https://github.com/gradio-app/gradio/commit/a55b8094231ae462ac53f52bbdb460c1286ffabb) - Add styling (e.g. font colors and background colors) support to `gr.DataFrame` through the `pd.Styler` object. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5930](https://github.com/gradio-app/gradio/pull/5930) [`361823896`](https://github.com/gradio-app/gradio/commit/3618238960d54df65c34895f4eb69d08acc3f9b6) - Fix dataframe `line_breaks`. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/button@0.2.2
+  - @gradio/markdown@0.3.1
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.3.0
+
+### Features
+
+- [#5569](https://github.com/gradio-app/gradio/pull/5569) [`2a5b9e03b`](https://github.com/gradio-app/gradio/commit/2a5b9e03b15ea324d641fe6982f26d81b1ca7210) - Added support for pandas `Styler` object to `gr.DataFrame` (initially just sets the `display_value`). Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5755](https://github.com/gradio-app/gradio/pull/5755) [`e842a561a`](https://github.com/gradio-app/gradio/commit/e842a561af4394f8109291ee5725bcf74743e816) - Fix new line issue in chatbot. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.5
+
+### Fixes
+
+- [#5713](https://github.com/gradio-app/gradio/pull/5713) [`c10dabd6b`](https://github.com/gradio-app/gradio/commit/c10dabd6b18b49259441eb5f956a19046f466339) - Fixes gr.select() Method Issues with Dataframe Cells. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`ee8eec1e5`](https://github.com/gradio-app/gradio/commit/ee8eec1e5e544a0127e0aa68c2522a7085b8ada5)]:
+  - @gradio/markdown@0.2.2
+
+## 0.2.3
+
+### Fixes
+
+- [#5616](https://github.com/gradio-app/gradio/pull/5616) [`7c34b434a`](https://github.com/gradio-app/gradio/commit/7c34b434aae0eb85f112a1dc8d66cefc7e2296b2) - Fix width and height issues that would cut off content in `gr.DataFrame`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.2
+
+### Fixes
+
+- [#5456](https://github.com/gradio-app/gradio/pull/5456) [`6e381c4f`](https://github.com/gradio-app/gradio/commit/6e381c4f146cc8177a4e2b8e39f914f09cd7ff0c) - ensure dataframe doesn't steal focus. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.1
+
+### Fixes
+
+- [#5445](https://github.com/gradio-app/gradio/pull/5445) [`67bb7bcb`](https://github.com/gradio-app/gradio/commit/67bb7bcb6a95b7a00a8bdf612cf147850d919a44) - ensure dataframe doesn't scroll unless needed. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0
+
+### Features
+
+- [#5342](https://github.com/gradio-app/gradio/pull/5342) [`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912) - significantly improve the performance of `gr.Dataframe` for large datasets. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`05892302`](https://github.com/gradio-app/gradio/commit/05892302fb8fe2557d57834970a2b65aea97355b), [`e4e7a431`](https://github.com/gradio-app/gradio/commit/e4e7a4319924aaf51dcb18d07d0c9953d4011074), [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96), [`4d94ea0a`](https://github.com/gradio-app/gradio/commit/4d94ea0a0cf2103cda19f48398a5634f8341d04d), [`b27f7583`](https://github.com/gradio-app/gradio/commit/b27f7583254165b135bf1496a7d8c489a62ba96f)]:
+  - @gradio/markdown@0.1.2
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+  - @gradio/button@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19)]:
+  - @gradio/markdown@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5268](https://github.com/gradio-app/gradio/pull/5268) [`f49028cf`](https://github.com/gradio-app/gradio/commit/f49028cfe3e21097001ddbda71c560b3d8b42e1c) - Move markdown & latex processing to the frontend for the gr.Markdown and gr.DataFrame components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5283](https://github.com/gradio-app/gradio/pull/5283) [`a7460557`](https://github.com/gradio-app/gradio/commit/a74605572dd0d6bb41df6b38b120d656370dd67d) - Add height parameter and scrolling to `gr.Dataframe`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5256](https://github.com/gradio-app/gradio/pull/5256) [`933db53e`](https://github.com/gradio-app/gradio/commit/933db53e93a1229fdf149556d61da5c4c7e1a331) - Better handling of empty dataframe in `gr.DataFrame`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd), [`37caa2e0`](https://github.com/gradio-app/gradio/commit/37caa2e0fe95d6cab8beb174580fb557904f137f)]:
+  - @gradio/upload@0.0.3
+  - @gradio/button@0.1.0
\ No newline at end of file
diff --git a/js/dataframe/Dataframe.stories.svelte b/js/dataframe/Dataframe.stories.svelte
new file mode 100644
index 0000000..07d7d0f
--- /dev/null
+++ b/js/dataframe/Dataframe.stories.svelte
@@ -0,0 +1,964 @@
+<script module lang="ts">
+	// @ts-nocheck
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Table from "./shared/Table.svelte";
+	import { within } from "@testing-library/dom";
+	import { userEvent } from "storybook/test";
+	import { get } from "svelte/store";
+	import { format } from "svelte-i18n";
+	import Image from "@gradio/image";
+
+	const { Story } = defineMeta({
+		title: "Components/DataFrame",
+		component: Table,
+		parameters: {
+			test: {
+				dangerouslyIgnoreUnhandledErrors: true // ignore fullscreen permission error
+			}
+		},
+		argTypes: {
+			editable: {
+				control: [true, false],
+				description: "Whether the DataFrame is editable",
+				name: "interactive",
+				value: true
+			},
+			wrap: {
+				control: "boolean",
+				description: "Whether text should wrap or truncate with ellipsis",
+				defaultValue: false
+			},
+			column_widths: {
+				control: "object",
+				description: "Width of each column (px, %, or auto)",
+				defaultValue: ["200px", "200px", "200px"]
+			}
+		}
+	});
+</script>
+
+<Story
+	name="Interactive dataframe"
+	args={{
+		values: [
+			["Cat", 5],
+			["Horse", 3],
+			["Snake", 1]
+		],
+		headers: ["Animal", "Votes"],
+		label: "Animals",
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Interactive dataframe with label"
+	args={{
+		values: [
+			["Cat", 5, true],
+			["Horse", 3, false],
+			["Snake", 1, false]
+		],
+		headers: ["Animal", "Votes", "Is Pet"],
+		datatype: ["str", "number", "bool"],
+		label: "Animals",
+		show_label: true,
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Interactive dataframe no label"
+	args={{
+		values: [
+			["Cat", 5],
+			["Horse", 3],
+			["Snake", 1]
+		],
+		headers: ["Animal", "Votes"],
+		metadata: null,
+		label: "Animals",
+		show_label: false,
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Static dataframe"
+	args={{
+		values: [
+			["Cat", 5, true],
+			["Horse", 3, false],
+			["Snake", 1, false]
+		],
+		headers: ["Animal", "Votes", "Is Pet"],
+		datatype: ["str", "number", "bool"],
+		label: "Animals",
+		col_count: [3, "dynamic"],
+		row_count: [3, "dynamic"],
+		editable: false
+	}}
+	play={async ({ canvasElement }) => {
+		// tests that the cell is not editable
+		const canvas = within(canvasElement);
+		const cells = canvas.getAllByRole("cell");
+		const initial_value = cells[0].textContent;
+		await userEvent.click(cells[0]);
+		await userEvent.keyboard("new value");
+
+		const final_value = cells[0].textContent;
+		if (initial_value?.trim() !== final_value?.trim()) {
+			throw new Error("Cell content changed when it should be non-editable");
+		}
+
+		const inputs = canvas.queryAllByRole("textbox");
+		if (inputs.length > 0) {
+			throw new Error("Input field appeared when table should be non-editable");
+		}
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with different precisions"
+	args={{
+		values: [
+			[1.24, 1.24, 1.24],
+			[1.21, 1.21, 1.21]
+		],
+		headers: ["Precision=0", "Precision=1", "Precision=2"],
+		display_value: [
+			["1", "1.2", "1.24"],
+			["1", "1.2", "1.21"]
+		],
+		label: "Numbers",
+		col_count: [3, "dynamic"],
+		row_count: [2, "dynamic"],
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with markdown and math"
+	args={{
+		values: [
+			["Linear", "$y=x$", "Has a *maximum*  of 1 root"],
+			["Quadratic", "$y=x^2$", "Has a *maximum*  of 2 roots"],
+			["Cubic", "$y=x^3$", "Has a *maximum*  of 3 roots"]
+		],
+		headers: ["Type", "Example", "Roots"],
+		datatype: ["str", "markdown", "markdown"],
+		latex_delimiters: [{ left: "$", right: "$", display: false }],
+		label: "Math",
+		col_count: [3, "dynamic"],
+		row_count: [3, "dynamic"],
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe without a label"
+	args={{
+		values: [
+			[800, 100, 800],
+			[200, 800, 700]
+		],
+		headers: ["Math", "Reading", "Writing"],
+		show_label: false,
+		col_count: [3, "dynamic"],
+		row_count: [2, "dynamic"],
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with different colors"
+	args={{
+		values: [
+			[800, 100, 800],
+			[200, 800, 700]
+		],
+		headers: ["Math", "Reading", "Writing"],
+		styling: [
+			[
+				"background-color:teal; color: white",
+				"1.2",
+				"background-color:teal; color: white"
+			],
+			["1", "background-color:teal; color: white", "1.21"]
+		],
+		label: "Test scores",
+		col_count: [3, "dynamic"],
+		row_count: [2, "dynamic"],
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with column widths"
+	args={{
+		values: [
+			[800, 100, 800],
+			[200, 800, 700]
+		],
+		headers: ["Narrow", "Wide", "Half"],
+		label: "Test scores",
+		col_count: [3, "dynamic"],
+		row_count: [2, "dynamic"],
+		column_widths: ["20%", "30%", "50%"],
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with zero row count"
+	args={{
+		values: [],
+		headers: ["Narrow", "Wide", "Half"],
+		label: "Test scores",
+		col_count: [0, "dynamic"],
+		row_count: [0, "dynamic"],
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Interactive dataframe with zero row count"
+	args={{
+		values: [],
+		headers: ["Narrow", "Wide", "Half"],
+		label: "Test scores",
+		col_count: [0, "dynamic"],
+		row_count: [0, "dynamic"],
+		editable: true
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with link"
+	args={{
+		values: [['<a href="https://www.google.com/">google</a>']],
+		headers: ["link"],
+		datatype: ["markdown"],
+		editable: false,
+		col_count: [1, "dynamic"],
+		row_count: [1, "dynamic"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with dialog interactions"
+	args={{
+		values: [
+			[800, 100, 400],
+			[200, 800, 700]
+		],
+		col_count: [3, "dynamic"],
+		row_count: [2, "dynamic"],
+		headers: ["Math", "Reading", "Writing"],
+		editable: true
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+
+		const cell_400 = canvas.getAllByRole("cell")[5];
+		await userEvent.click(cell_400);
+
+		const open_dialog_btn =
+			await within(cell_400).findByLabelText("Open cell menu");
+		await userEvent.click(open_dialog_btn);
+
+		const add_row_btn = canvas.getByText("Add row above");
+		await userEvent.click(add_row_btn);
+
+		const new_cell = canvas.getAllByRole("cell")[9];
+		userEvent.click(new_cell);
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with fullscreen button and label and search"
+	args={{
+		col_count: [3, "dynamic"],
+		row_count: [2, "dynamic"],
+		headers: ["Math", "Reading", "Writing"],
+		values: [
+			[800, 100, 400],
+			[200, 800, 700]
+		],
+		show_fullscreen_button: true,
+		show_label: true,
+		show_copy_button: true,
+		show_search: "search",
+		label: "Test scores"
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with multiple selection interactions"
+	args={{
+		values: [
+			[1, 2, 3, 4],
+			[5, 6, 7, 8],
+			[9, 10, 11, 12],
+			[13, 14, 15, 16]
+		],
+		col_count: [4, "dynamic"],
+		row_count: [4, "dynamic"],
+		headers: ["A", "B", "C", "D"],
+		editable: true
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const cells = canvas.getAllByRole("cell");
+		const user = userEvent.setup();
+
+		// cmd+click to select non-contiguous cells
+		await user.keyboard("[MetaLeft>]");
+		await user.click(cells[4]);
+		await user.click(cells[6]);
+		await user.click(cells[2]);
+		await user.keyboard("[/MetaLeft]");
+
+		// shift+click to select a range
+		await user.keyboard("[ShiftLeft>]");
+		await user.click(cells[7]);
+		await user.click(cells[6]);
+		await user.keyboard("[/ShiftLeft]");
+
+		// clear selected cells
+		await user.keyboard("{Delete}");
+
+		// verify cells were cleared by clicking one
+		await user.click(cells[2]);
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe toolbar interactions"
+	args={{
+		col_count: [3, "dynamic"],
+		row_count: [2, "dynamic"],
+		headers: ["Math", "Reading", "Writing"],
+		values: [
+			[800, 100, 400],
+			[200, 800, 700]
+		],
+		show_fullscreen_button: true,
+		show_copy_button: true
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+
+		const copy_button = canvas.getByRole("button", {
+			name: "Copy table data"
+		});
+		await userEvent.click(copy_button);
+
+		const fullscreen_button = canvas.getByRole("button", {
+			name: "Fullscreen"
+		});
+		await userEvent.click(fullscreen_button);
+
+		await userEvent.click(fullscreen_button);
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with row numbers"
+	args={{
+		values: [
+			[95, 92, 88],
+			[89, 90, 85],
+			[92, 88, 91],
+			[87, 85, 89],
+			[91, 93, 90]
+		],
+		headers: ["Model A", "Model B", "Model C"],
+		label: "Model Performance",
+		col_count: [3, "dynamic"],
+		row_count: [5, "dynamic"],
+		show_row_numbers: true,
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with truncated text"
+	args={{
+		values: [
+			[
+				"This is a very long text that should be truncated",
+				"Short text",
+				"Another very long text that needs truncation"
+			],
+			[
+				"Short",
+				"This text is also quite long and should be truncated as well",
+				"Medium length text here"
+			],
+			[
+				"Medium text",
+				"Brief",
+				"This is the longest text in the entire table and it should definitely be truncated"
+			]
+		],
+		headers: ["Column A", "Column B", "Column C"],
+		label: "Truncated Text Example",
+		max_chars: 20,
+		col_count: [3, "dynamic"],
+		row_count: [3, "dynamic"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with multiline headers"
+	args={{
+		values: [
+			[95, 92, 88],
+			[89, 90, 85],
+			[92, 88, 91]
+		],
+		headers: [
+			"Dataset A\nAccuracy",
+			"Dataset B\nPrecision",
+			"Dataset C\nRecall"
+		],
+		label: "Model Metrics",
+		col_count: [3, "dynamic"],
+		row_count: [3, "dynamic"],
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with row and column selection"
+	args={{
+		values: [
+			[1, 2, 3, 4],
+			[5, 6, 7, 8],
+			[9, 10, 11, 12],
+			[13, 14, 15, 16]
+		],
+		col_count: [4, "dynamic"],
+		row_count: [4, "dynamic"],
+		headers: ["A", "B", "C", "D"],
+		editable: true
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		const grid = canvas.getByRole("grid");
+		await user.click(grid);
+
+		const cells = canvas.getAllByRole("cell");
+		await user.click(cells[5]); // Click cell with value 6
+
+		const row_button = await canvas.findAllByRole("button", {
+			name: "Select row"
+		})[0];
+		await user.click(row_button);
+
+		await user.click(cells[6]);
+
+		const col_button = await canvas.findAllByRole("button", {
+			name: "Select column"
+		})[0];
+		await user.click(col_button);
+
+		await user.keyboard("{Delete}");
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with lots of values"
+	args={{
+		values: [
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
+			[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
+		],
+		col_count: [10, "dynamic"],
+		row_count: [10, "dynamic"],
+		max_height: 700
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with search and filter"
+	args={{
+		values: [
+			["Cat", 5, "Pet"],
+			["Horse", 3, "Farm"],
+			["Snake", 1, "Pet"],
+			["Cow", 4, "Farm"],
+			["Dog", 6, "Pet"]
+		],
+		headers: ["Animal", "Count", "Type"],
+		col_count: [3, "dynamic"],
+		row_count: [5, "dynamic"],
+		show_search: "filter",
+		editable: false
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		const search_input = canvas.getByPlaceholderText("Filter...");
+		await user.type(search_input, "Pet");
+		await user.click(canvas.getByText("Cat"));
+
+		await new Promise((resolve) => setTimeout(resolve, 100));
+
+		const filter_button = canvas.getByLabelText(
+			"Apply filter and update dataframe values"
+		);
+		await user.click(filter_button);
+
+		await new Promise((resolve) => setTimeout(resolve, 100));
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with pinned columns"
+	args={{
+		values: [
+			["ID", "Name", "Age", "City", "Country", "Score"],
+			["1", "John", "25", "New York", "USA", "95"],
+			["2", "Emma", "30", "London", "UK", "88"],
+			["3", "Luis", "28", "Madrid", "Spain", "92"],
+			["4", "Anna", "35", "Paris", "France", "90"],
+			["5", "Chen", "27", "Beijing", "China", "94"]
+		],
+		headers: ["ID", "Name", "Age", "City", "Country", "Score"],
+		label: "User Data",
+		col_count: [6, "dynamic"],
+		row_count: [6, "dynamic"],
+		pinned_columns: 2,
+		show_row_numbers: true,
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with pixel and percentage column widths set"
+	args={{
+		values: [
+			[1, 2, 3, 4, 5],
+			[6, 7, 8, 9, 10]
+		],
+		headers: ["10%", "50%", "40%", "100px", "100px"],
+		col_count: [5, "dynamic"],
+		row_count: [2, "dynamic"],
+		column_widths: ["10%", "50%", "40%", "100px", "100px"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with drag selection"
+	args={{
+		values: [
+			[1, 2, 3, 4, 5],
+			[6, 7, 8, 9, 10],
+			[11, 12, 13, 14, 15],
+			[16, 17, 18, 19, 20],
+			[21, 22, 23, 24, 25]
+		],
+		headers: ["A", "B", "C", "D", "E"],
+		label: "Drag Selection Demo",
+		col_count: [5, "dynamic"],
+		row_count: [5, "dynamic"],
+		editable: true
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		await new Promise((resolve) => setTimeout(resolve, 300));
+
+		const table = canvas.getByRole("grid");
+		const cells = canvas.getAllByRole("cell");
+		const startCell = cells[6];
+		const startRect = startCell.getBoundingClientRect();
+		const startX = startRect.left + startRect.width / 2;
+		const startY = startRect.top + startRect.height / 2;
+
+		const endCell = cells[18];
+		const endRect = endCell.getBoundingClientRect();
+		const endX = endRect.left + endRect.width / 2;
+		const endY = endRect.top + endRect.height / 2;
+
+		await user.pointer({
+			keys: "[MouseLeft>]",
+			target: startCell,
+			coords: { clientX: startX, clientY: startY }
+		});
+
+		await new Promise((resolve) => setTimeout(resolve, 50));
+
+		const midX1 = startX + (endX - startX) / 3;
+		const midY1 = startY + (endY - startY) / 3;
+		await user.pointer({
+			target: table,
+			coords: { clientX: midX1, clientY: midY1 }
+		});
+
+		await new Promise((resolve) => setTimeout(resolve, 50));
+
+		const midX2 = startX + ((endX - startX) * 2) / 3;
+		const midY2 = startY + ((endY - startY) * 2) / 3;
+		await user.pointer({
+			target: table,
+			coords: { clientX: midX2, clientY: midY2 }
+		});
+
+		await new Promise((resolve) => setTimeout(resolve, 50));
+
+		await user.pointer({
+			target: endCell,
+			coords: { clientX: endX, clientY: endY }
+		});
+
+		await new Promise((resolve) => setTimeout(resolve, 50));
+
+		await user.pointer({
+			keys: "[/MouseLeft]"
+		});
+
+		await new Promise((resolve) => setTimeout(resolve, 500));
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Non-interactive dataframe with sorting by multiple columns"
+	args={{
+		values: [
+			[1, 2, 3],
+			[4, 5, 6],
+			[7, 8, 9]
+		],
+		headers: ["A", "B", "C"],
+		col_count: [3, "dynamic"],
+		row_count: [3, "dynamic"],
+		editable: false,
+		sort_columns: [
+			{ col: 0, direction: "asc" },
+			{ col: 1, direction: "desc" }
+		],
+		sort_state: {
+			sort_columns: [
+				{ col: 0, direction: "asc" },
+				{ col: 1, direction: "desc" }
+			],
+			row_order: [0, 1, 2]
+		}
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		const header_1 = canvas.getAllByText("A")[1];
+		await userEvent.click(header_1);
+
+		const cell_menu_button = canvas.getAllByLabelText("Open cell menu")[0];
+		await userEvent.click(cell_menu_button);
+
+		const sort_ascending_button = canvas.getByRole("menuitem", {
+			name: "Sort ascending"
+		});
+		await userEvent.click(sort_ascending_button);
+
+		const header_2 = canvas.getAllByText("B")[1];
+		await userEvent.click(header_2);
+
+		const cell_menu_button_2 = canvas.getAllByLabelText("Open cell menu")[1];
+		await userEvent.click(cell_menu_button_2);
+
+		const sort_descending_button = canvas.getByRole("menuitem", {
+			name: "Sort descending"
+		});
+		await userEvent.click(sort_descending_button);
+
+		const header_3 = canvas.getAllByText("C")[1];
+		await userEvent.click(header_3);
+
+		const cell_menu_button_3 = canvas.getAllByLabelText("Open cell menu")[2];
+		await userEvent.click(cell_menu_button_3);
+
+		const sort_ascending_button_3 = canvas.getByRole("menuitem", {
+			name: "Sort ascending"
+		});
+		await userEvent.click(sort_ascending_button_3);
+
+		await userEvent.click(header_3);
+		await userEvent.click(cell_menu_button_3);
+		await userEvent.click(canvas.getByText("Clear sort"));
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with display values"
+	args={{
+		values: [
+			[95, 92, 88],
+			[89, 90, 85],
+			[92, 88, 91],
+			[87, 85, 89],
+			[91, 93, 90],
+			[82, 81, 83]
+		],
+		headers: ["Model A", "Model B", "Empty Values"],
+		display_value: [
+			["🥇 95", "92", ""],
+			["🥈 89", "90", ""],
+			["🥉 92", "88", ""],
+			["87", "85", ""],
+			["91", "93", ""],
+			["82", "81", ""]
+		],
+		label: "Model Performance with Medal Indicators",
+		col_count: [3, "dynamic"],
+		row_count: [6, "dynamic"],
+		show_row_numbers: true,
+		editable: false
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe with text wrapping, no max chars"
+	args={{
+		values: [
+			[
+				"This is a very long text that should wrap to multiple lines when wrap is enabled",
+				"Short text",
+				"Another very long text that demonstrates wrapping behavior in the table cells"
+			],
+			[
+				"Short",
+				"This text is also quite long and should demonstrate the wrapping behavior when enabled",
+				"Medium length text here"
+			],
+			[
+				"Medium text",
+				"Brief",
+				"When wrap is disabled, this text should be truncated with an ellipsis instead of wrapping to multiple lines"
+			]
+		],
+		headers: ["Column A", "Column B", "Column C"],
+		label: "Text Wrapping Example",
+		col_count: [3, "dynamic"],
+		row_count: [3, "dynamic"],
+		wrap: true,
+		column_widths: ["33%", "33%", "33%"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe text truncation and wrapping"
+	args={{
+		values: [
+			[
+				"This is a very long text that should be truncated with an ellipsis when wrap is false",
+				"Short text",
+				"Another very long text that should also be truncated with an ellipsis"
+			],
+			[
+				"Short",
+				"This text is also quite long and should be truncated with an ellipsis",
+				"Medium length text here"
+			],
+			[
+				"Medium text",
+				"Brief",
+				"When wrap is false this text should definitely be truncated with an ellipsis"
+			]
+		],
+		headers: ["Column A", "Column B", "Column C"],
+		label: "Text Truncation Example",
+		col_count: [3, "dynamic"],
+		row_count: [3, "dynamic"],
+		wrap: true,
+		max_chars: 50,
+		editable: false,
+		column_widths: ["200px", "200px", "200px"]
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Dataframe column addition test"
+	args={{
+		values: [
+			["Alice", 25],
+			["Bob", 30],
+			["Carol", 22]
+		],
+		headers: ["Name", "Age"],
+		label: "Column Addition Test",
+		col_count: [2, "dynamic"],
+		row_count: [3, "dynamic"],
+		editable: true
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const user = userEvent.setup();
+
+		const header_menu_button = canvas.getAllByLabelText("Open cell menu")[0];
+		await user.click(header_menu_button);
+
+		const add_column_button = canvas.getByText("Add column to the right");
+		await user.click(add_column_button);
+
+		const new_header = canvas.getAllByText("Header 3")[0];
+		await user.keyboard("{Enter}");
+
+		const input = canvas.getByRole("textbox");
+		await user.clear(input);
+		await user.type(input, "New Column");
+		await user.keyboard("{Enter}");
+	}}
+>
+	{#snippet template(args)}
+		<Table {...args} i18n={get(format)} />
+	{/snippet}
+</Story>
diff --git a/js/dataframe/Dataframe.test.ts b/js/dataframe/Dataframe.test.ts
new file mode 100644
index 0000000..1c8666c
--- /dev/null
+++ b/js/dataframe/Dataframe.test.ts
@@ -0,0 +1,1021 @@
+import { test, describe, afterEach, expect } from "vitest";
+import {
+	cleanup,
+	render,
+	fireEvent,
+	waitFor,
+	within
+} from "@self/tootils/render";
+import { tick } from "svelte";
+
+import Dataframe from "./Index.svelte";
+
+const default_props = {
+	value: {
+		data: [
+			["Alice", "30", "Engineer"],
+			["Bob", "25", "Designer"],
+			["Carol", "35", "Manager"]
+		],
+		headers: ["Name", "Age", "Role"],
+		metadata: null
+	},
+	col_count: [3, "fixed"] as [number, "fixed" | "dynamic"],
+	row_count: [3, "fixed"] as [number, "fixed" | "dynamic"],
+	editable: true,
+	datatype: "str" as const,
+	root: "",
+	static_columns: [] as (string | number)[],
+	latex_delimiters: [] as { left: string; right: string; display: boolean }[],
+	line_breaks: true,
+	wrap: false,
+	column_widths: [] as string[],
+	show_row_numbers: false,
+	show_search: "none" as "none" | "search" | "filter",
+	pinned_columns: 0,
+	fullscreen: false,
+	max_height: 500
+};
+
+function get_cell(container: HTMLElement, row: number, col: number) {
+	return container.querySelector(
+		`[data-row='${row}'][data-col='${col}']`
+	) as HTMLElement | null;
+}
+
+function get_header_cells(container: HTMLElement) {
+	return container.querySelectorAll("th.header-cell");
+}
+
+function get_rows(container: HTMLElement) {
+	return container.querySelectorAll(".virtual-row");
+}
+
+function get_table_wrap(container: HTMLElement) {
+	return container.querySelector(".table-wrap") as HTMLElement;
+}
+
+async function wait(ms = 50) {
+	await new Promise((r) => setTimeout(r, ms));
+	await tick();
+	await tick();
+}
+
+describe("Dataframe rendering", () => {
+	afterEach(() => cleanup());
+
+	test("renders provided headers", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const headers = get_header_cells(container);
+		const header_texts = Array.from(headers).map(
+			(h) => h.textContent?.trim() ?? ""
+		);
+		expect(header_texts).toContain("Name");
+		expect(header_texts).toContain("Age");
+		expect(header_texts).toContain("Role");
+	});
+
+	test("renders provided cell values", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const alice_cell = get_cell(container, 0, 0);
+		expect(alice_cell?.textContent).toContain("Alice");
+
+		const bob_cell = get_cell(container, 1, 0);
+		expect(bob_cell?.textContent).toContain("Bob");
+	});
+
+	test("renders correct number of rows", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const rows = get_rows(container);
+		expect(rows.length).toBe(3);
+	});
+
+	test("renders label when show_label is true", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			label: "Test Table",
+			show_label: true
+		});
+		await wait();
+
+		expect(container.textContent).toContain("Test Table");
+	});
+
+	test("renders row numbers when show_row_numbers is true", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			show_row_numbers: true
+		});
+		await wait();
+
+		const row_number_cells = container.querySelectorAll(".row-number-cell");
+		expect(row_number_cells.length).toBeGreaterThan(0);
+	});
+
+	test("renders search input when show_search is 'search'", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			show_search: "search"
+		});
+		await wait();
+
+		const search_input = container.querySelector(
+			"input.search-input"
+		) as HTMLInputElement;
+		expect(search_input).not.toBeNull();
+		expect(search_input.placeholder).toBe("Search...");
+	});
+
+	test("renders filter input when show_search is 'filter'", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			show_search: "filter"
+		});
+		await wait();
+
+		const filter_input = container.querySelector(
+			"input.search-input"
+		) as HTMLInputElement;
+		expect(filter_input).not.toBeNull();
+		expect(filter_input.placeholder).toBe("Filter...");
+	});
+});
+
+describe("Cell editing", () => {
+	afterEach(() => cleanup());
+
+	test("double-click enters edit mode (shows textarea)", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await tick();
+		await fireEvent.dblClick(cell);
+		await wait();
+
+		const textarea = container.querySelector(
+			"textarea[aria-label='Edit cell']"
+		);
+		expect(textarea).not.toBeNull();
+	});
+
+	test("Escape key cancels edit", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await tick();
+		await fireEvent.dblClick(cell);
+		await wait();
+
+		const table_wrap = get_table_wrap(container)!;
+		await fireEvent.keyDown(table_wrap, { key: "Escape" });
+		await wait();
+
+		const textarea = container.querySelector(
+			"textarea[aria-label='Edit cell']"
+		);
+		expect(textarea).toBeNull();
+	});
+
+	test("non-editable dataframe prevents editing on double-click", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			interactive: false,
+			editable: false
+		});
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await tick();
+		await fireEvent.dblClick(cell);
+		await wait();
+
+		const textarea = container.querySelector(
+			"textarea[aria-label='Edit cell']"
+		);
+		expect(textarea).toBeNull();
+	});
+
+	test("static columns cannot be edited", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			static_columns: [0]
+		});
+		await wait();
+
+		const static_cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(static_cell);
+		await tick();
+		await fireEvent.dblClick(static_cell);
+		await wait();
+
+		// static cell should not have an editable textarea
+		const textarea = static_cell.querySelector("textarea");
+		expect(textarea).toBeNull();
+	});
+});
+
+describe("Cell selection", () => {
+	afterEach(() => cleanup());
+
+	test("click selects a cell", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 1, 1)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		// cell should have selection styling
+		expect(cell.className).toContain("cell-selected");
+	});
+
+	test("arrow keys move selection", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		const table_wrap = get_table_wrap(container)!;
+		await fireEvent.keyDown(table_wrap, { key: "ArrowRight" });
+		await wait();
+
+		const next_cell = get_cell(container, 0, 1)!;
+		expect(next_cell.className).toContain("cell-selected");
+	});
+
+	test("Tab moves to next cell", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		const table_wrap = get_table_wrap(container)!;
+		await fireEvent.keyDown(table_wrap, { key: "Tab" });
+		await wait();
+
+		const next_cell = get_cell(container, 0, 1)!;
+		expect(next_cell.className).toContain("cell-selected");
+	});
+
+	test("shift+click selects a range", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const first_cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(first_cell);
+		await wait();
+
+		const last_cell = get_cell(container, 1, 1)!;
+		await fireEvent.mouseDown(last_cell, { shiftKey: true });
+		await wait();
+
+		// all 4 cells in the 2x2 range should be selected
+		expect(get_cell(container, 0, 0)!.className).toContain("cell-selected");
+		expect(get_cell(container, 0, 1)!.className).toContain("cell-selected");
+		expect(get_cell(container, 1, 0)!.className).toContain("cell-selected");
+		expect(get_cell(container, 1, 1)!.className).toContain("cell-selected");
+	});
+
+	// Regression: pressing Ctrl between mousedown and mouseup must not call
+	// handle_cell_click a second time via the click event.  If it did, the
+	// Ctrl+click path would toggle the already-selected cell back off,
+	// producing conflicting state updates that froze the interface.
+	test("pressing Ctrl between mousedown and mouseup keeps cell selected", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+
+		// mousedown (no ctrl) selects the cell
+		await fireEvent.mouseDown(cell);
+		await wait();
+		expect(cell.className).toContain("cell-selected");
+
+		// The browser fires a click event when the user releases the mouse button.
+		// If the user pressed Ctrl before releasing, that click carries ctrlKey:true.
+		// A second call to handle_cell_click with ctrlKey would toggle the cell
+		// back off (deselect it).  Verify that the click event has no effect.
+		await fireEvent.click(cell, { ctrlKey: true });
+		await wait();
+
+		expect(cell.className).toContain("cell-selected");
+	});
+});
+
+describe("Header overflow", () => {
+	let wrapper: HTMLDivElement;
+
+	afterEach(async () => {
+		cleanup();
+		wrapper?.remove();
+	});
+
+	// Headers must expand to fit their text (no ellipsis truncation).
+	// When headers are wider than the scroll container, later columns are
+	// hidden by the container's overflow — not by cutting off the text.
+	test("long headers are not truncated in the DOM and the 3rd header is hidden by scroll overflow", async () => {
+		// Narrow container makes overflow predictable regardless of viewport size.
+		wrapper = document.createElement("div");
+		wrapper.style.width = "300px";
+		document.body.appendChild(wrapper);
+
+		// Capital W is one of the widest glyphs — 60 of them easily exceeds 300 px.
+		const long_header = "W".repeat(60);
+
+		const { getAllByRole } = await render(
+			Dataframe,
+			{
+				...default_props,
+				value: {
+					data: [["a", "b", "c"]],
+					headers: [long_header + " A", long_header + " B", long_header + " C"],
+					metadata: null
+				},
+				col_count: [3, "fixed"] as [number, "fixed" | "dynamic"],
+				row_count: [1, "fixed"] as [number, "fixed" | "dynamic"]
+			},
+			{ container: wrapper }
+		);
+
+		await wait();
+
+		const headers = getAllByRole("columnheader");
+		expect(headers).toHaveLength(3);
+
+		// Full text must be present in the DOM — no in-cell truncation.
+		expect(headers[2].textContent?.trim()).toContain(long_header + " C");
+
+		// The 3rd header's left edge must be beyond the scroll container's right
+		// edge, meaning it is completely outside the visible area.
+		const viewport = wrapper.querySelector(
+			".virtual-table-viewport"
+		) as HTMLElement;
+		const viewport_rect = viewport.getBoundingClientRect();
+		const third_rect = headers[2].getBoundingClientRect();
+		expect(third_rect.left).toBeGreaterThanOrEqual(viewport_rect.right);
+	});
+});
+
+describe("Sorting", () => {
+	afterEach(() => cleanup());
+
+	test("sort ascending via header menu", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			col_count: [3, "dynamic"] as [number, "fixed" | "dynamic"]
+		});
+		await wait();
+
+		// Click on the "Age" header — find by content containing "Age"
+		const headers = get_header_cells(container);
+		const age_header = Array.from(headers).find((h) =>
+			h.textContent?.includes("Age")
+		) as HTMLElement;
+		expect(age_header).toBeTruthy();
+
+		// Click the menu button on the header
+		const menu_btn = age_header.querySelector(
+			".cell-menu-button"
+		) as HTMLElement;
+		expect(menu_btn).toBeTruthy();
+		await fireEvent.click(menu_btn);
+		await wait();
+
+		// Click "Sort ascending" in the menu
+		const sort_asc_btn = Array.from(
+			document.querySelectorAll('[role="menuitem"]')
+		).find((el) => el.textContent?.includes("sort_ascending")) as HTMLElement;
+		expect(sort_asc_btn).toBeTruthy();
+		await fireEvent.click(sort_asc_btn);
+		await wait();
+
+		// After sorting by Age ascending, Bob (25) should be first visible row
+		const first_row = container.querySelector(".virtual-row");
+		const first_name_cell = first_row?.querySelector("[data-col='0']");
+		expect(first_name_cell?.textContent).toContain("Bob");
+	});
+});
+
+describe("Global search/filter", () => {
+	afterEach(() => cleanup());
+
+	test("search filters visible rows", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			show_search: "search"
+		});
+		await wait();
+
+		const search_input = container.querySelector(
+			"input.search-input"
+		) as HTMLInputElement;
+		expect(search_input).not.toBeNull();
+
+		// Type a search query
+		search_input.focus();
+		await fireEvent.input(search_input, { target: { value: "Alice" } });
+		await wait(100);
+
+		const rows = get_rows(container);
+		expect(rows.length).toBe(1);
+		const first_cell = get_cell(container, 0, 0);
+		expect(first_cell?.textContent).toContain("Alice");
+	});
+
+	test("clearing search restores all rows", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			show_search: "search"
+		});
+		await wait();
+
+		const search_input = container.querySelector(
+			"input.search-input"
+		) as HTMLInputElement;
+
+		// Search then clear
+		await fireEvent.input(search_input, { target: { value: "Alice" } });
+		await wait(100);
+		expect(get_rows(container).length).toBe(1);
+
+		await fireEvent.input(search_input, { target: { value: "" } });
+		await wait(100);
+		expect(get_rows(container).length).toBe(3);
+	});
+
+	test("filter mode shows apply button when query present", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			show_search: "filter"
+		});
+		await wait();
+
+		const filter_input = container.querySelector(
+			"input.search-input"
+		) as HTMLInputElement;
+		await fireEvent.input(filter_input, { target: { value: "Alice" } });
+		await wait();
+
+		const apply_btn = container.querySelector(
+			"button[aria-label='Apply filter and update dataframe values']"
+		);
+		expect(apply_btn).not.toBeNull();
+	});
+});
+
+describe("Add/remove rows and columns", () => {
+	afterEach(() => cleanup());
+
+	const dynamic_props = {
+		...default_props,
+		col_count: [3, "dynamic"] as [number, "fixed" | "dynamic"],
+		row_count: [3, "dynamic"] as [number, "fixed" | "dynamic"]
+	};
+
+	test("add row button appends a new row", async () => {
+		const { container } = await render(Dataframe, dynamic_props);
+		await wait();
+
+		const initial_rows = get_rows(container).length;
+
+		// The empty row button should be present for dynamic row_count
+		const add_btn = container.querySelector(".empty-row-button") as HTMLElement;
+		if (add_btn) {
+			await fireEvent.click(add_btn);
+			await wait();
+
+			expect(get_rows(container).length).toBe(initial_rows + 1);
+		}
+	});
+
+	// Cell menu add row tests: The CellMenu renders outside the table-wrap parent,
+	// so the document click handler (handle_click_outside) unmounts it before
+	// the menu button's onclick fires in synthetic event dispatch. These
+	// interactions are covered by E2E tests in dataframe_events.spec.ts.
+	test.todo("add row above via cell menu");
+	test.todo("add row below via cell menu");
+
+	test("delete row via cell menu", async () => {
+		const { container } = await render(Dataframe, dynamic_props);
+		await wait();
+
+		const cell = get_cell(container, 1, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		const menu_btn = cell.querySelector(".cell-menu-button") as HTMLElement;
+		expect(menu_btn).toBeTruthy();
+		await fireEvent.click(menu_btn);
+		await wait();
+
+		const delete_btn = document.querySelector(
+			'[aria-label="Delete row"]'
+		) as HTMLElement;
+		expect(delete_btn).toBeTruthy();
+		await fireEvent.click(delete_btn);
+		await wait();
+
+		expect(get_rows(container).length).toBe(2);
+	});
+
+	test("add column via header menu", async () => {
+		const { container } = await render(Dataframe, dynamic_props);
+		await wait();
+
+		const initial_headers = get_header_cells(container).length;
+
+		// Click a header to select it and show menu
+		const headers = get_header_cells(container);
+		const header = headers[0] as HTMLElement;
+		const menu_btn = header.querySelector(".cell-menu-button") as HTMLElement;
+		if (menu_btn) {
+			await fireEvent.click(menu_btn);
+			await wait();
+
+			const add_col_btn = document.querySelector(
+				'[aria-label="Add column to the right"]'
+			) as HTMLElement;
+			if (add_col_btn) {
+				await fireEvent.click(add_col_btn);
+				await wait();
+
+				expect(get_header_cells(container).length).toBe(initial_headers + 1);
+			}
+		}
+	});
+
+	test("delete column via header menu", async () => {
+		const { container } = await render(Dataframe, dynamic_props);
+		await wait();
+
+		const initial_headers = get_header_cells(container).length;
+
+		const headers = get_header_cells(container);
+		const header = headers[0] as HTMLElement;
+		const menu_btn = header.querySelector(".cell-menu-button") as HTMLElement;
+		if (menu_btn) {
+			await fireEvent.click(menu_btn);
+			await wait();
+
+			const delete_col_btn = document.querySelector(
+				'[aria-label="Delete column"]'
+			) as HTMLElement;
+			if (delete_col_btn) {
+				await fireEvent.click(delete_col_btn);
+				await wait();
+
+				expect(get_header_cells(container).length).toBe(initial_headers - 1);
+			}
+		}
+	});
+});
+
+describe("Cell menu visibility on static cells", () => {
+	afterEach(() => cleanup());
+
+	test("context menu does not open on a static column cell", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			static_columns: [0]
+		});
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.contextMenu(cell);
+		await wait();
+
+		expect(within(document.body).queryByRole("menu")).toBeNull();
+	});
+
+	test("context menu does not open when interactive is false", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			interactive: false,
+			editable: false
+		});
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.contextMenu(cell);
+		await wait();
+
+		expect(within(document.body).queryByRole("menu")).toBeNull();
+	});
+
+	test("context menu does open on an editable, non-static cell", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			row_count: [3, "dynamic"] as [number, "fixed" | "dynamic"]
+		});
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.contextMenu(cell);
+		await wait();
+
+		expect(within(document.body).queryByRole("menu")).not.toBeNull();
+	});
+
+	test("cell menu button does not render on a static column cell", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			static_columns: [0]
+		});
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		expect(cell.querySelector(".cell-menu-button")).toBeNull();
+	});
+});
+
+describe("Delete/clear cells", () => {
+	afterEach(() => cleanup());
+
+	test("Delete key clears selected cell value", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		const table_wrap = get_table_wrap(container)!;
+		// Press Escape first to ensure we're in selection mode, not edit mode
+		await fireEvent.keyDown(table_wrap, { key: "Escape" });
+		await fireEvent.keyDown(table_wrap, { key: "Delete" });
+		await wait();
+
+		// Cell should be empty
+		const cell_text = get_cell(container, 0, 0)?.textContent?.trim();
+		expect(cell_text === "" || cell_text === "⋮").toBe(true);
+	});
+
+	test("Backspace key clears selected cell value", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 1)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		const table_wrap = get_table_wrap(container)!;
+		await fireEvent.keyDown(table_wrap, { key: "Escape" });
+		await fireEvent.keyDown(table_wrap, { key: "Backspace" });
+		await wait();
+
+		const cell_text = get_cell(container, 0, 1)?.textContent?.trim();
+		expect(cell_text === "" || cell_text === "⋮").toBe(true);
+	});
+
+	test("Delete key does not clear static column cells", async () => {
+		const { container } = await render(Dataframe, {
+			...default_props,
+			static_columns: [0]
+		});
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		const table_wrap = get_table_wrap(container)!;
+		await fireEvent.keyDown(table_wrap, { key: "Escape" });
+		await fireEvent.keyDown(table_wrap, { key: "Delete" });
+		await wait();
+
+		// Static cell should still have its value
+		expect(get_cell(container, 0, 0)?.textContent).toContain("Alice");
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change: emitted when value changes from outside via set_data", async () => {
+		const { listen, set_data } = await render(Dataframe, default_props);
+		await wait();
+
+		const change = listen("change");
+
+		await set_data({
+			value: {
+				data: [
+					["X", "Y", "Z"],
+					["1", "2", "3"],
+					["4", "5", "6"]
+				],
+				headers: ["Name", "Age", "Role"],
+				metadata: null
+			}
+		});
+		await wait();
+
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("select: emitted when cell is clicked", async () => {
+		const { container, listen } = await render(Dataframe, default_props);
+		await wait();
+
+		const select = listen("select");
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		expect(select).toHaveBeenCalled();
+	});
+
+	test("change: emitted when cell is edited", async () => {
+		const { container, listen } = await render(Dataframe, default_props);
+		await wait();
+
+		const change = listen("change");
+
+		// Double-click to enter edit mode
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await tick();
+		await fireEvent.dblClick(cell);
+		await wait();
+
+		const textarea = container.querySelector(
+			"textarea[aria-label='Edit cell']"
+		) as HTMLTextAreaElement;
+		if (textarea) {
+			textarea.value = "NewValue";
+			await fireEvent.input(textarea);
+			await tick();
+
+			// Press Enter to confirm
+			const table_wrap = get_table_wrap(container)!;
+			await fireEvent.keyDown(table_wrap, { key: "Enter" });
+			await wait();
+
+			expect(change).toHaveBeenCalled();
+		}
+	});
+
+	test("input: emitted on cell edit", async () => {
+		const { container, listen } = await render(Dataframe, default_props);
+		await wait();
+
+		const input = listen("input");
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await tick();
+		await fireEvent.dblClick(cell);
+		await wait();
+
+		const textarea = container.querySelector(
+			"textarea[aria-label='Edit cell']"
+		) as HTMLTextAreaElement;
+		if (textarea) {
+			textarea.value = "Changed";
+			await fireEvent.input(textarea);
+			await tick();
+
+			const table_wrap = get_table_wrap(container)!;
+			await fireEvent.keyDown(table_wrap, { key: "Enter" });
+			await wait();
+
+			expect(input).toHaveBeenCalled();
+		}
+	});
+
+	test("edit: emitted with old and new value on cell edit", async () => {
+		const { container, listen } = await render(Dataframe, default_props);
+		await wait();
+
+		const edit = listen("edit");
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await tick();
+		await fireEvent.dblClick(cell);
+		await wait();
+
+		const textarea = container.querySelector(
+			"textarea[aria-label='Edit cell']"
+		) as HTMLTextAreaElement;
+		if (textarea) {
+			textarea.value = "Zara";
+			await fireEvent.input(textarea);
+			await tick();
+
+			const table_wrap = get_table_wrap(container)!;
+			await fireEvent.keyDown(table_wrap, { key: "Enter" });
+			await wait();
+
+			expect(edit).toHaveBeenCalled();
+			const call_args = edit.mock.calls[0][0];
+			expect(call_args.value).toBe("Zara");
+			expect(call_args.previous_value).toBe("Alice");
+		}
+	});
+});
+
+describe("Copy", () => {
+	afterEach(() => cleanup());
+
+	test("Cmd+C copies selected cell to clipboard", async () => {
+		const { container } = await render(Dataframe, default_props);
+		await wait();
+
+		const cell = get_cell(container, 0, 0)!;
+		await fireEvent.mouseDown(cell);
+		await wait();
+
+		const table_wrap = get_table_wrap(container)!;
+		await fireEvent.keyDown(table_wrap, { key: "c", metaKey: true });
+
+		// handle_copy() is async but called without await in the keydown handler,
+		// so the clipboard write may not be complete immediately. Poll until it settles.
+		await waitFor(async () => {
+			expect(await navigator.clipboard.readText()).toBe("Alice");
+		});
+	});
+});
+
+describe("Boolean column select-all header checkbox", () => {
+	afterEach(() => cleanup());
+
+	const bool_props = {
+		...default_props,
+		value: {
+			data: [
+				["Alice", true, false],
+				["Bob", false, false],
+				["Carol", true, false]
+			],
+			headers: ["Name", "Active", "Admin"],
+			metadata: null
+		},
+		datatype: ["str", "bool", "bool"] as any,
+		col_count: [3, "fixed"] as [number, "fixed" | "dynamic"]
+	};
+
+	function get_header(container: HTMLElement, col_idx: number): HTMLElement {
+		return container.querySelector<HTMLElement>(
+			`th[data-heading='${col_idx}']`
+		)!;
+	}
+
+	function get_header_checkbox(
+		container: HTMLElement,
+		col_idx: number
+	): HTMLInputElement {
+		return within(get_header(container, col_idx)).getByTestId(
+			"checkbox"
+		) as HTMLInputElement;
+	}
+
+	test("renders checkbox in bool column header (interactive mode)", async () => {
+		const { container } = await render(Dataframe, bool_props);
+		await wait();
+
+		expect(get_header_checkbox(container, 1)).toBeInTheDocument();
+		expect(get_header_checkbox(container, 2)).toBeInTheDocument();
+
+		expect(
+			within(get_header(container, 0)).queryByTestId("checkbox")
+		).not.toBeInTheDocument();
+	});
+
+	test("does not render checkbox when not interactive", async () => {
+		const { container } = await render(Dataframe, {
+			...bool_props,
+			interactive: false
+		});
+		await wait();
+
+		expect(
+			within(get_header(container, 1)).queryByTestId("checkbox")
+		).not.toBeInTheDocument();
+	});
+
+	test("header checkbox reflects indeterminate state for mixed column", async () => {
+		const { container } = await render(Dataframe, bool_props);
+		await wait();
+
+		const active = get_header_checkbox(container, 1);
+		expect(active.indeterminate).toBe(true);
+		expect(active.checked).toBe(false);
+	});
+
+	test("header checkbox is checked when all column values are true", async () => {
+		const { container } = await render(Dataframe, {
+			...bool_props,
+			value: {
+				data: [
+					["Alice", true],
+					["Bob", true]
+				],
+				headers: ["Name", "Active"],
+				metadata: null
+			},
+			datatype: ["str", "bool"] as any,
+			col_count: [2, "fixed"] as [number, "fixed" | "dynamic"]
+		});
+		await wait();
+
+		const active = get_header_checkbox(container, 1);
+		expect(active.checked).toBe(true);
+		expect(active.indeterminate).toBe(false);
+	});
+
+	test("clicking indeterminate header checkbox sets all column cells to true", async () => {
+		const { container, listen } = await render(Dataframe, bool_props);
+		await wait();
+
+		const change = listen("change");
+		await fireEvent.click(get_header_checkbox(container, 1));
+		await wait();
+
+		const data = change.mock.calls.at(-1)?.[0].data;
+		expect(data).toEqual([
+			["Alice", true, false],
+			["Bob", true, false],
+			["Carol", true, false]
+		]);
+
+		const updated = get_header_checkbox(container, 1);
+		expect(updated.checked).toBe(true);
+		expect(updated.indeterminate).toBe(false);
+	});
+
+	test("clicking fully-checked header checkbox sets all column cells to false", async () => {
+		const { container, listen } = await render(Dataframe, {
+			...bool_props,
+			value: {
+				data: [
+					["Alice", true, false],
+					["Bob", true, false]
+				],
+				headers: ["Name", "Active", "Admin"],
+				metadata: null
+			}
+		});
+		await wait();
+
+		const change = listen("change");
+		await fireEvent.click(get_header_checkbox(container, 1));
+		await wait();
+
+		const data = change.mock.calls.at(-1)?.[0].data;
+		expect(data).toEqual([
+			["Alice", false, false],
+			["Bob", false, false]
+		]);
+	});
+
+	test("toggling one bool header does not affect cells in other bool columns", async () => {
+		const { container, listen } = await render(Dataframe, {
+			...bool_props,
+			value: {
+				data: [
+					["Alice", false, true],
+					["Bob", false, true],
+					["Carol", false, true]
+				],
+				headers: ["Name", "Active", "Admin"],
+				metadata: null
+			}
+		});
+		await wait();
+
+		const change = listen("change");
+		await fireEvent.click(get_header_checkbox(container, 1));
+		await wait();
+
+		const data = change.mock.calls.at(-1)?.[0].data;
+		expect(data).toEqual([
+			["Alice", true, true],
+			["Bob", true, true],
+			["Carol", true, true]
+		]);
+
+		const admin = get_header_checkbox(container, 2);
+		expect(admin.checked).toBe(true);
+		expect(admin.indeterminate).toBe(false);
+	});
+});
diff --git a/js/dataframe/Example.svelte b/js/dataframe/Example.svelte
new file mode 100644
index 0000000..583eadd
--- /dev/null
+++ b/js/dataframe/Example.svelte
@@ -0,0 +1,118 @@
+<script lang="ts">
+	export let value: (string | number)[][] | string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+	export let index: number;
+
+	let hovered = false;
+	let loaded = Array.isArray(value);
+	let is_empty = loaded && (value.length === 0 || value[0].length === 0);
+</script>
+
+{#if loaded}
+	<!-- TODO: fix-->
+	<!-- svelte-ignore a11y-no-static-element-interactions-->
+	<div
+		class:table={type === "table"}
+		class:gallery={type === "gallery"}
+		class:selected
+		on:mouseenter={() => (hovered = true)}
+		on:mouseleave={() => (hovered = false)}
+	>
+		{#if typeof value === "string"}
+			{value}
+		{:else if is_empty}
+			<table class="">
+				<tbody>
+					<tr>
+						<td>Empty</td>
+					</tr>
+				</tbody>
+			</table>
+		{:else}
+			<table class="">
+				<tbody>
+					{#each value.slice(0, 3) as row, i}
+						<tr>
+							{#each row.slice(0, 3) as cell, j}
+								<td>{cell}</td>
+							{/each}
+							{#if row.length > 3}
+								<td>…</td>
+							{/if}
+						</tr>
+					{/each}
+				</tbody>
+			</table>
+			{#if value.length > 3}
+				<div
+					class="overlay"
+					class:odd={index % 2 != 0}
+					class:even={index % 2 == 0}
+					class:button={type === "gallery"}
+				></div>
+			{/if}
+		{/if}
+	</div>
+{/if}
+
+<style>
+	table {
+		position: relative;
+		border-collapse: collapse;
+	}
+
+	td {
+		border: 1px solid var(--table-border-color);
+		padding: var(--size-2);
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+	}
+
+	.selected td {
+		border-color: var(--border-color-accent);
+	}
+
+	.table {
+		display: inline-block;
+		margin: 0 auto;
+	}
+
+	.gallery td:first-child {
+		border-left: none;
+	}
+
+	.gallery tr:first-child td {
+		border-top: none;
+	}
+
+	.gallery td:last-child {
+		border-right: none;
+	}
+
+	.gallery tr:last-child td {
+		border-bottom: none;
+	}
+
+	.overlay {
+		--gradient-to: transparent;
+		position: absolute;
+		bottom: 0;
+		background: linear-gradient(to bottom, transparent, var(--gradient-to));
+		width: var(--size-full);
+		height: 50%;
+	}
+
+	/* i dont know what i've done here but it is what it is */
+	.odd {
+		--gradient-to: var(--table-even-background-fill);
+	}
+
+	.even {
+		--gradient-to: var(--table-odd-background-fill);
+	}
+
+	.button {
+		--gradient-to: var(--background-fill-primary);
+	}
+</style>
diff --git a/js/dataframe/Index.svelte b/js/dataframe/Index.svelte
new file mode 100644
index 0000000..6a58605
--- /dev/null
+++ b/js/dataframe/Index.svelte
@@ -0,0 +1,128 @@
+<script module lang="ts">
+	export { default as BaseDataFrame } from "./shared/Table.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import Table from "./shared/Table.svelte";
+	import StatusTracker from "@gradio/statustracker";
+	import { Block } from "@gradio/atoms";
+	import { Gradio } from "@gradio/utils";
+	import type { DataframeProps, DataframeEvents } from "./types";
+	import { dequal } from "dequal";
+
+	let _props = $props();
+	const gradio = new Gradio<DataframeEvents, DataframeProps>(_props);
+
+	let fullscreen = $state(gradio.props.fullscreen ?? false);
+
+	// align datatype array to current value headers using the original
+	// config-time header→datatype mapping.
+	// when columns are hidden or reordered, positional indices shift but
+	// the datatype prop doesn't update, the map keeps them synced
+	let aligned_datatype = $derived.by(() => {
+		const dt = gradio.props.datatype;
+		if (!Array.isArray(dt)) return dt;
+
+		const config_headers: string[] | undefined = (gradio.props as any).headers;
+		const current_headers = gradio.props.value?.headers;
+		if (!config_headers || !current_headers) return dt;
+
+		const map = new Map<string, string>();
+		for (let i = 0; i < Math.min(config_headers.length, dt.length); i++) {
+			map.set(config_headers[i], dt[i]);
+		}
+		return current_headers.map(
+			(h: string, i: number) => map.get(h) ?? dt[i] ?? "str"
+		);
+	});
+
+	let old_value = $state(
+		gradio.props.value ? JSON.stringify(gradio.props.value) : null
+	);
+
+	function handle_change(detail: any): void {
+		gradio.props.value = detail;
+		const serialized = JSON.stringify(detail);
+		if (serialized !== old_value) {
+			old_value = serialized;
+			gradio.dispatch("change", detail);
+		}
+	}
+
+	function handle_input(): void {
+		gradio.dispatch("input");
+	}
+
+	function handle_select(detail: any): void {
+		gradio.dispatch("select", detail);
+	}
+
+	function handle_edit(detail: any): void {
+		gradio.dispatch("edit", detail);
+	}
+
+	$effect(() => {
+		const v = gradio.props.value;
+		if (v) {
+			const serialized = JSON.stringify(v);
+			if (serialized !== old_value) {
+				old_value = serialized;
+				gradio.dispatch("change", v);
+			}
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	padding={false}
+	container={false}
+	{fullscreen}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+	/>
+	<Table
+		headers={gradio.props.value?.headers ?? []}
+		values={gradio.props.value?.data ?? []}
+		display_value={gradio.props.value?.metadata?.display_value ?? null}
+		styling={gradio.props.value?.metadata?.styling ?? null}
+		col_count={gradio.props.col_count}
+		row_count={gradio.props.row_count}
+		label={gradio.shared.label}
+		show_label={gradio.shared.show_label}
+		wrap={gradio.props.wrap}
+		datatype={aligned_datatype as any}
+		latex_delimiters={gradio.props.latex_delimiters}
+		max_height={gradio.props.max_height}
+		editable={gradio.shared.interactive ?? true}
+		line_breaks={gradio.props.line_breaks}
+		column_widths={gradio.props.column_widths ?? []}
+		root={gradio.shared.root}
+		i18n={gradio.i18n}
+		upload={gradio.shared.client?.upload}
+		stream_handler={gradio.shared.client?.stream}
+		buttons={gradio.props.buttons}
+		max_chars={gradio.props.max_chars}
+		show_row_numbers={gradio.props.show_row_numbers}
+		show_search={gradio.props.show_search}
+		pinned_columns={gradio.props.pinned_columns}
+		static_columns={gradio.props.static_columns ?? []}
+		{fullscreen}
+		onfullscreen={() => {
+			fullscreen = !fullscreen;
+		}}
+		onchange={handle_change}
+		oninput={handle_input}
+		onselect={handle_select}
+		onedit={handle_edit}
+	/>
+</Block>
diff --git a/js/dataframe/README.md b/js/dataframe/README.md
new file mode 100644
index 0000000..84600ae
--- /dev/null
+++ b/js/dataframe/README.md
@@ -0,0 +1,236 @@
+# @gradio/dataframe
+
+Standalone Svelte component that brings Gradio's Dataframe UI to any Svelte/SvelteKit project.
+
+This component is lightweight, virtualized for efficient rendering of large datasets, and offers features like column freezing, and customizable styling via CSS variables. Use this component when you need a highly interactive, accessible, and easily themeable table for user-facing applications, especially where seamless Svelte/SvelteKit integration is important.
+
+## Install
+
+With `npm`:
+
+```shell
+npm i @gradio/dataframe
+```
+
+With `pnpm`:
+
+```shell
+pnpm add @gradio/dataframe
+```
+
+**[View on npm](https://www.npmjs.com/package/@gradio/dataframe)**
+
+## Usage (Svelte/SvelteKit)
+
+```svelte
+<script lang="ts">
+  import Dataframe from "@gradio/dataframe";
+
+  let value = {
+    data: [
+      ["Alice", 25, true],
+      ["Bob", 30, false]
+    ],
+    headers: ["Name", "Age", "Active"],
+  };
+
+  function handle_change(e: any) {
+    console.log("changed", e.detail);
+  }
+
+  function handle_select(e: any) {
+    console.log("selected", e.detail);
+  }
+
+  function handle_input(e: any) {
+    console.log("input", e.detail);
+  }
+</script>
+
+<Dataframe
+  bind:value
+  {datatype}
+  show_search="search"
+  show_row_numbers={true}
+  show_copy_button={true}
+  show_fullscreen_button={true}
+  editable={true}
+  on:change={handle_change}
+  on:select={handle_select}
+  on:input={handle_input}
+  />
+```
+
+## Props
+
+```typescript
+interface DataframeProps {
+
+  /**
+   * The value object containing the table data, headers, and optional metadata.
+   * Example: { data: [...], headers: [...], metadata?: any }
+   * Default: { data: [[]], headers: [] }
+   */
+  value: {
+    data: (string | number | boolean)[][];
+    headers: string[];
+    metadata?: any;
+  };
+
+  /**
+   * Array of data types per column. Supported: "str", "number", "bool", "date", "markdown", "html".
+   * Default: []
+   */
+  datatype?: string[];
+
+  /**
+   * Enable or disable cell editing.
+   * Default: true
+   */
+  editable?: boolean;
+
+  /**
+   * Show or hide the row number column.
+   * Default: true
+   */
+  show_row_numbers?: boolean;
+
+  /**
+   * Show search input. Can be "search", "filter", or "none.
+   * Default: "none"
+   */
+  show_search?: "none" | "search" | "filter" | boolean;
+
+  /**
+   * Show or hide the copy to clipboard button.
+   * Default: true
+   */
+  show_copy_button?: boolean;
+
+  /**
+   * Show or hide the fullscreen toggle button.
+   * Default: true
+   */
+  show_fullscreen_button?: boolean;
+
+  /**
+   * Accessible caption for the table.
+   * Default: null
+   */
+  label?: string | null;
+
+  /**
+   * Show or hide the dataframe label.
+   * Default: true
+   */
+  show_label?: boolean;
+
+  /**
+   * (Optional) Set column widths in CSS units (e.g. ["100px", "20%", ...]).
+   */
+  column_widths?: string[];
+
+  /**
+   * (Optional) Set the maximum height of the table in pixels.
+   * Default: 500
+   */
+  max_height?: number;
+
+  /**
+   * (Optional) Set the maximum number of characters per cell.
+   */
+  max_chars?: number;
+
+  /**
+   * (Optional) Enable or disable line breaks in cells.
+   * Default: true
+   */
+  line_breaks?: boolean;
+
+  /**
+   * (Optional) Enable or disable text wrapping in cells.
+   * Default: false
+   */
+  wrap?: boolean;
+}
+```
+
+## Events
+
+The component emits the following events:
+
+```ts
+// Fired when table data changes
+on:change={(e: CustomEvent<{ data: (string | number | boolean)[][]; headers: string[]; metadata: any }>) => void}
+
+// Fired when a cell is selected
+on:select={(e: CustomEvent<{ index: number[]; value: any; selected: boolean }>) => void}
+
+// Fired on user input (search/filter)
+on:input={(e: CustomEvent<string | null>) => void}
+```
+
+Example:
+
+```svelte
+<Dataframe
+  on:change={(e) => console.log('data', e.detail)}
+  on:input={(e) => console.log('input', e.detail)}
+  on:select={(e) => console.log('select', e.detail)}
+/>
+```
+
+## TypeScript
+
+The package publishes `types.d.ts` with `DataframeProps` module declarations.
+
+## Custom Styling
+
+The standalone package exposes a small set of public CSS variables you can use to theme the Dataframe. These variables are namespaced with `--gr-df-*` and are the recommended way to override the default styling.
+
+**Color Variables**
+- `--gr-df-table-bg-even` — background for even rows
+- `--gr-df-table-bg-odd` — background for odd rows
+- `--gr-df-copied-cell-color` - background for copied cells
+- `--gr-df-table-border` — table border color
+- `--gr-df-table-text` — table text color
+- `--gr-df-accent` — primary accent color
+- `--gr-df-accent-soft` — soft/pale accent color
+
+**Font Variables**
+- `--gr-df-font-size` — table body font-size
+- `--gr-df-font-mono` — monospace font family
+- `--gr-df-font-sans` — sans serif font family
+
+**Border/Radius Variables**
+- `--gr-df-table-radius` — table corner radius
+
+Example:
+
+```svelte
+<div class="df-theme">
+  <Dataframe ... />
+</div>
+
+<style>
+  .df-theme {
+    --gr-df-accent: #7c3aed;
+  }
+</style>
+```
+
+Alternatively, you can target internal classes within the Dataframe using a global override. 
+
+```css
+.df-theme :global(.cell-wrap) {
+  background-color: #7c3aed ;
+}
+```
+
+**Note:** This standalone component does **not** currently support the file upload functionality (e.g. drag-and-dropping to populate the dataframe) that is available in the Gradio Dataframe component.
+
+
+## License
+
+MIT
+
diff --git a/js/dataframe/Standalone.stories.svelte b/js/dataframe/Standalone.stories.svelte
new file mode 100644
index 0000000..bc2ab11
--- /dev/null
+++ b/js/dataframe/Standalone.stories.svelte
@@ -0,0 +1,180 @@
+<script module lang="ts">
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import StandaloneDataframe from "./standalone/Index.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/Standalone Dataframe",
+		component: StandaloneDataframe,
+		parameters: {
+			test: {
+				dangerouslyIgnoreUnhandledErrors: true
+			},
+			docs: {
+				description: {
+					component:
+						"Standalone DataFrame component that can be used independently outside of Gradio apps. Includes comprehensive CSS variables for theming and dark mode support. Use the dark mode toggle in the toolbar to test dark mode variables."
+				}
+			}
+		},
+		argTypes: {
+			interactive: {
+				control: "boolean",
+				description: "Whether the DataFrame is editable",
+				defaultValue: true
+			},
+			show_label: {
+				control: "boolean",
+				description: "Whether to show the label",
+				defaultValue: true
+			},
+			label: {
+				control: "text",
+				description: "Label for the DataFrame",
+				defaultValue: "DataFrame"
+			},
+			max_height: {
+				control: "number",
+				description: "Maximum height in pixels",
+				defaultValue: 500
+			},
+			show_search: {
+				control: "select",
+				options: ["none", "search", "filter"],
+				description: "Type of search/filter to show",
+				defaultValue: "none"
+			},
+			show_copy_button: {
+				control: "boolean",
+				description: "Whether to show the copy button",
+				defaultValue: false
+			},
+			show_fullscreen_button: {
+				control: "boolean",
+				description: "Whether to show the fullscreen button",
+				defaultValue: false
+			},
+			show_row_numbers: {
+				control: "boolean",
+				description: "Whether to show row numbers",
+				defaultValue: false
+			},
+			wrap: {
+				control: "boolean",
+				description: "Whether text should wrap or truncate with ellipsis",
+				defaultValue: false
+			}
+		}
+	});
+</script>
+
+<Story
+	name="Basic Standalone"
+	args={{
+		value: {
+			data: [
+				["Alice Johnson", 28, "Engineer", 75000, true],
+				["Bob Smith", 35, "Designer", 65000, false],
+				["Carol Wilson", 42, "Manager", 85000, true],
+				["David Brown", 31, "Developer", 70000, true],
+				["Eva Davis", 29, "Analyst", 60000, false]
+			],
+			headers: ["Name", "Age", "Role", "Salary", "Remote"],
+			metadata: null
+		},
+		datatype: ["str", "number", "str", "number", "bool"],
+		interactive: true,
+		show_label: true,
+		label: "Employee Data",
+		max_height: 400,
+		show_search: "search",
+		show_copy_button: true,
+		show_fullscreen_button: true
+	}}
+>
+	{#snippet template(args)}
+		<div class="standalone-container">
+			<StandaloneDataframe {...args} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="Large Dataset Performance"
+	args={{
+		value: {
+			data: Array.from({ length: 100 }, (_, i) => [
+				`User ${i + 1}`,
+				Math.floor(Math.random() * 50) + 20,
+				["Engineer", "Designer", "Manager", "Developer", "Analyst"][
+					Math.floor(Math.random() * 5)
+				],
+				Math.floor(Math.random() * 50000) + 50000,
+				Math.random() > 0.5,
+				`City ${Math.floor(Math.random() * 20) + 1}`,
+				Math.floor(Math.random() * 100)
+			]),
+			headers: ["Name", "Age", "Role", "Salary", "Remote", "Location", "Score"],
+			metadata: null
+		},
+		datatype: ["str", "number", "str", "number", "bool", "str", "number"],
+		interactive: false,
+		show_label: true,
+		label: "Large Dataset (100 rows)",
+		max_height: 400,
+		show_row_numbers: true,
+		column_widths: ["120px", "60px", "100px", "80px", "70px", "100px", "70px"]
+	}}
+>
+	{#snippet template(args)}
+		<div class="standalone-container">
+			<StandaloneDataframe {...args} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="Styled with Custom Colors"
+	args={{
+		value: {
+			data: [
+				[95, 87, 92],
+				[78, 94, 89],
+				[88, 91, 85],
+				[92, 76, 94]
+			],
+			headers: ["Math", "Science", "English"],
+			metadata: {
+				styling: [
+					[
+						"background-color: #dcfce7; color: #166534;",
+						"",
+						"background-color: #dbeafe; color: #1e40af;"
+					],
+					["", "background-color: #dcfce7; color: #166534;", ""],
+					[
+						"background-color: #fef3c7; color: #92400e;",
+						"",
+						"background-color: #fef3c7; color: #92400e;"
+					],
+					[
+						"background-color: #dcfce7; color: #166534;",
+						"",
+						"background-color: #dcfce7; color: #166534;"
+					]
+				]
+			}
+		},
+		datatype: ["number", "number", "number"],
+		interactive: false,
+		show_label: true,
+		label: "Test Scores with Custom Styling",
+		max_height: 250,
+		show_row_numbers: true
+	}}
+>
+	{#snippet template(args)}
+		<div class="standalone-container">
+			<StandaloneDataframe {...args} />
+		</div>
+	{/snippet}
+</Story>
diff --git a/js/dataframe/package.json b/js/dataframe/package.json
new file mode 100644
index 0000000..5b6343c
--- /dev/null
+++ b/js/dataframe/package.json
@@ -0,0 +1,52 @@
+{
+	"name": "@gradio/dataframe",
+	"version": "0.24.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/button": "workspace:^",
+		"@gradio/checkbox": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/markdown-code": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@types/d3-dsv": "^3.0.7",
+		"@types/katex": "^0.16.7",
+		"d3-dsv": "^3.0.1",
+		"dequal": "^2.0.3",
+		"@tanstack/table-core": "^8.21.3",
+		"@tanstack/virtual-core": "^3.13.6"
+	},
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/standalone/Index.svelte",
+			"types": "./dist/standalone/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/dataframe"
+	}
+}
diff --git a/js/dataframe/shared/BooleanCell.svelte b/js/dataframe/shared/BooleanCell.svelte
new file mode 100644
index 0000000..a398f30
--- /dev/null
+++ b/js/dataframe/shared/BooleanCell.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+	import { BaseCheckbox } from "@gradio/checkbox";
+
+	let {
+		value = $bindable(false),
+		editable = true,
+		on_change
+	}: {
+		value?: boolean;
+		editable?: boolean;
+		on_change: (value: boolean) => void;
+	} = $props();
+
+	function handle_change(val: boolean): void {
+		if (editable) {
+			on_change(val);
+		}
+	}
+</script>
+
+<div class="bool-cell" role="button" tabindex="-1">
+	<BaseCheckbox
+		bind:value
+		label=""
+		interactive={editable}
+		on_change={handle_change}
+	/>
+</div>
+
+<style>
+	.bool-cell {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: min-content;
+		height: var(--size-full);
+	}
+
+	.bool-cell :global(input:disabled) {
+		cursor: not-allowed;
+	}
+
+	.bool-cell :global(label) {
+		margin: 0;
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.bool-cell :global(span) {
+		display: none;
+	}
+</style>
diff --git a/js/dataframe/shared/CellMenu.svelte b/js/dataframe/shared/CellMenu.svelte
new file mode 100644
index 0000000..7404a0f
--- /dev/null
+++ b/js/dataframe/shared/CellMenu.svelte
@@ -0,0 +1,278 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import CellMenuIcons from "./CellMenuIcons.svelte";
+	import FilterMenu from "./FilterMenu.svelte";
+	import type { I18nFormatter } from "@gradio/utils";
+	import type { SortDirection, FilterDatatype } from "./types";
+
+	let {
+		x,
+		y,
+		on_add_row_above,
+		on_add_row_below,
+		on_add_column_left,
+		on_add_column_right,
+		row,
+		col_count,
+		row_count,
+		on_delete_row,
+		on_delete_col,
+		can_delete_rows,
+		can_delete_cols,
+		on_sort = () => {},
+		on_clear_sort = () => {},
+		sort_direction = null,
+		sort_priority = null,
+		on_filter = () => {},
+		on_clear_filter = () => {},
+		filter_active = null,
+		editable = true,
+		i18n
+	}: {
+		x: number;
+		y: number;
+		on_add_row_above: () => void;
+		on_add_row_below: () => void;
+		on_add_column_left: () => void;
+		on_add_column_right: () => void;
+		row: number;
+		col_count: [number, "fixed" | "dynamic"];
+		row_count: [number, "fixed" | "dynamic"];
+		on_delete_row: () => void;
+		on_delete_col: () => void;
+		can_delete_rows: boolean;
+		can_delete_cols: boolean;
+		on_sort?: (direction: SortDirection) => void;
+		on_clear_sort?: () => void;
+		sort_direction?: SortDirection | null;
+		sort_priority?: number | null;
+		on_filter?: (
+			datatype: FilterDatatype,
+			selected_filter: string,
+			value: string
+		) => void;
+		on_clear_filter?: () => void;
+		filter_active?: boolean | null;
+		editable?: boolean;
+		i18n: I18nFormatter;
+	} = $props();
+
+	let menu_element: HTMLDivElement;
+	let active_filter_menu: { x: number; y: number } | null = $state(null);
+
+	let is_header = $derived(row === -1);
+	let can_add_rows = $derived(editable && row_count[1] === "dynamic");
+	let can_add_columns = $derived(editable && col_count[1] === "dynamic");
+
+	onMount(() => {
+		position_menu();
+	});
+
+	function position_menu(): void {
+		if (!menu_element) return;
+
+		const viewport_width = window.innerWidth;
+		const viewport_height = window.innerHeight;
+		const menu_rect = menu_element.getBoundingClientRect();
+
+		let new_x = x - 30;
+		let new_y = y - 20;
+
+		if (new_x + menu_rect.width > viewport_width) {
+			new_x = x - menu_rect.width + 10;
+		}
+
+		if (new_y + menu_rect.height > viewport_height) {
+			new_y = y - menu_rect.height + 10;
+		}
+
+		menu_element.style.left = `${new_x}px`;
+		menu_element.style.top = `${new_y}px`;
+	}
+
+	function toggle_filter_menu(): void {
+		if (filter_active) {
+			on_filter("string", "", "");
+			return;
+		}
+
+		const menu_rect = menu_element.getBoundingClientRect();
+		active_filter_menu = {
+			x: menu_rect.right,
+			y: menu_rect.top + menu_rect.height / 2
+		};
+	}
+</script>
+
+<div bind:this={menu_element} class="cell-menu" role="menu">
+	{#if is_header}
+		<button
+			role="menuitem"
+			onclick={() => on_sort("asc")}
+			class:active={sort_direction === "asc"}
+		>
+			<CellMenuIcons icon="sort-asc" />
+			{i18n("dataframe.sort_ascending")}
+			{#if sort_direction === "asc" && sort_priority !== null}
+				<span class="priority">{sort_priority}</span>
+			{/if}
+		</button>
+		<button
+			role="menuitem"
+			onclick={() => on_sort("desc")}
+			class:active={sort_direction === "desc"}
+		>
+			<CellMenuIcons icon="sort-desc" />
+			{i18n("dataframe.sort_descending")}
+			{#if sort_direction === "desc" && sort_priority !== null}
+				<span class="priority">{sort_priority}</span>
+			{/if}
+		</button>
+		<button role="menuitem" onclick={on_clear_sort}>
+			<CellMenuIcons icon="clear-sort" />
+			{i18n("dataframe.clear_sort")}
+		</button>
+		<button
+			role="menuitem"
+			onclick={(e) => {
+				e.stopPropagation();
+				toggle_filter_menu();
+			}}
+			class:active={filter_active || active_filter_menu}
+		>
+			<CellMenuIcons icon="filter" />
+			{i18n("dataframe.filter")}
+			{#if filter_active}
+				<span class="priority">1</span>
+			{/if}
+		</button>
+		<button role="menuitem" onclick={on_clear_filter}>
+			<CellMenuIcons icon="clear-filter" />
+			{i18n("dataframe.clear_filter")}
+		</button>
+	{/if}
+
+	{#if !is_header && can_add_rows}
+		<button
+			role="menuitem"
+			onclick={() => on_add_row_above()}
+			aria-label="Add row above"
+		>
+			<CellMenuIcons icon="add-row-above" />
+			{i18n("dataframe.add_row_above")}
+		</button>
+		<button
+			role="menuitem"
+			onclick={() => on_add_row_below()}
+			aria-label="Add row below"
+		>
+			<CellMenuIcons icon="add-row-below" />
+			{i18n("dataframe.add_row_below")}
+		</button>
+		{#if can_delete_rows}
+			<button
+				role="menuitem"
+				onclick={on_delete_row}
+				class="delete"
+				aria-label="Delete row"
+			>
+				<CellMenuIcons icon="delete-row" />
+				{i18n("dataframe.delete_row")}
+			</button>
+		{/if}
+	{/if}
+	{#if can_add_columns}
+		<button
+			role="menuitem"
+			onclick={() => on_add_column_left()}
+			aria-label="Add column to the left"
+		>
+			<CellMenuIcons icon="add-column-left" />
+			{i18n("dataframe.add_column_left")}
+		</button>
+		<button
+			role="menuitem"
+			onclick={() => on_add_column_right()}
+			aria-label="Add column to the right"
+		>
+			<CellMenuIcons icon="add-column-right" />
+			{i18n("dataframe.add_column_right")}
+		</button>
+		{#if can_delete_cols}
+			<button
+				role="menuitem"
+				onclick={on_delete_col}
+				class="delete"
+				aria-label="Delete column"
+			>
+				<CellMenuIcons icon="delete-column" />
+				{i18n("dataframe.delete_column")}
+			</button>
+		{/if}
+	{/if}
+</div>
+
+{#if active_filter_menu}
+	<FilterMenu {on_filter} />
+{/if}
+
+<style>
+	.cell-menu {
+		position: fixed;
+		z-index: var(--layer-1);
+		background: var(--background-fill-primary);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		padding: var(--size-1);
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-1);
+		box-shadow: var(--shadow-drop-lg);
+		min-width: 150px;
+		width: max-content;
+	}
+
+	.cell-menu button {
+		background: none;
+		border: none;
+		cursor: pointer;
+		text-align: left;
+		padding: var(--size-1) var(--size-2);
+		border-radius: var(--radius-sm);
+		color: var(--body-text-color);
+		font-size: var(--text-sm);
+		transition:
+			background-color 0.2s,
+			color 0.2s;
+		display: flex;
+		align-items: center;
+		gap: var(--size-2);
+		position: relative;
+	}
+
+	.cell-menu button.active {
+		background-color: var(--background-fill-secondary);
+	}
+
+	.cell-menu button:hover {
+		background-color: var(--background-fill-secondary);
+	}
+
+	.cell-menu button :global(svg) {
+		fill: currentColor;
+		transition: fill 0.2s;
+	}
+
+	.priority {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		margin-left: auto;
+		font-size: var(--size-2);
+		background-color: var(--button-secondary-background-fill);
+		color: var(--body-text-color);
+		border-radius: var(--radius-sm);
+		width: var(--size-2-5);
+		height: var(--size-2-5);
+	}
+</style>
diff --git a/js/dataframe/shared/CellMenuButton.svelte b/js/dataframe/shared/CellMenuButton.svelte
new file mode 100644
index 0000000..628e753
--- /dev/null
+++ b/js/dataframe/shared/CellMenuButton.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+	let { on_click }: { on_click: (event: MouseEvent) => void } = $props();
+</script>
+
+<button
+	aria-label="Open cell menu"
+	class="cell-menu-button"
+	aria-haspopup="menu"
+	onclick={on_click}
+	ontouchstart={(event) => {
+		event.preventDefault();
+		const touch = event.touches[0];
+		const mouseEvent = new MouseEvent("click", {
+			clientX: touch.clientX,
+			clientY: touch.clientY,
+			bubbles: true,
+			cancelable: true,
+			view: window
+		});
+		on_click(mouseEvent);
+	}}
+>
+	&#8942;
+</button>
+
+<style>
+	.cell-menu-button {
+		flex-shrink: 0;
+		display: none;
+		align-items: center;
+		justify-content: center;
+		background-color: var(--block-background-fill);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--block-radius);
+		width: var(--size-5);
+		height: var(--size-5);
+		min-width: var(--size-5);
+		padding: 0;
+		margin-right: var(--spacing-sm);
+		z-index: 2;
+		position: absolute;
+		right: var(--size-1);
+		top: 50%;
+		transform: translateY(-50%);
+	}
+</style>
diff --git a/js/dataframe/shared/CellMenuIcons.svelte b/js/dataframe/shared/CellMenuIcons.svelte
new file mode 100644
index 0000000..a59c203
--- /dev/null
+++ b/js/dataframe/shared/CellMenuIcons.svelte
@@ -0,0 +1,240 @@
+<script lang="ts">
+	let { icon }: { icon: string } = $props();
+</script>
+
+{#if icon == "add-column-right"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<rect
+			x="4"
+			y="6"
+			width="4"
+			height="12"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+		/>
+		<path
+			d="M12 12H19M16 8L19 12L16 16"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "add-column-left"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<rect
+			x="16"
+			y="6"
+			width="4"
+			height="12"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+		/>
+		<path
+			d="M12 12H5M8 8L5 12L8 16"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "add-row-above"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<rect
+			x="6"
+			y="16"
+			width="12"
+			height="4"
+			stroke="currentColor"
+			stroke-width="2"
+		/>
+		<path
+			d="M12 12V5M8 8L12 5L16 8"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "add-row-below"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<rect
+			x="6"
+			y="4"
+			width="12"
+			height="4"
+			stroke="currentColor"
+			stroke-width="2"
+		/>
+		<path
+			d="M12 12V19M8 16L12 19L16 16"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "delete-row"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<rect
+			x="5"
+			y="10"
+			width="14"
+			height="4"
+			stroke="currentColor"
+			stroke-width="2"
+		/>
+		<path
+			d="M8 7L16 17M16 7L8 17"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "delete-column"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<rect
+			x="10"
+			y="5"
+			width="4"
+			height="14"
+			stroke="currentColor"
+			stroke-width="2"
+		/>
+		<path
+			d="M7 8L17 16M17 8L7 16"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "sort-asc"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<path
+			d="M8 16L12 12L16 16"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		/>
+		<path
+			d="M12 12V19"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M5 7H19"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "sort-desc"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<path
+			d="M8 12L12 16L16 12"
+			stroke="currentColor"
+			stroke-width="2"
+			fill="none"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		/>
+		<path
+			d="M12 16V9"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M5 5H19"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "clear-sort"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<path
+			d="M5 5H19"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M5 9H15"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M5 13H11"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M5 17H7"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M17 17L21 21M21 17L17 21"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "filter"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<path
+			d="M5 5H19"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M8 9H16"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M11 13H13"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+	</svg>
+{:else if icon == "clear-filter"}
+	<svg viewBox="0 0 24 24" width="16" height="16">
+		<path
+			d="M5 5H19"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M8 9H16"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M11 13H13"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+		<path
+			d="M17 17L21 21M21 17L17 21"
+			stroke="currentColor"
+			stroke-width="2"
+			stroke-linecap="round"
+		/>
+	</svg>
+{/if}
diff --git a/js/dataframe/shared/DataCell.svelte b/js/dataframe/shared/DataCell.svelte
new file mode 100644
index 0000000..05219d9
--- /dev/null
+++ b/js/dataframe/shared/DataCell.svelte
@@ -0,0 +1,274 @@
+<script lang="ts">
+	import EditableCell from "./EditableCell.svelte";
+	import CellMenuButton from "./CellMenuButton.svelte";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import type { CellValue } from "./types";
+	import type { Datatype } from "./utils/utils";
+
+	let {
+		value,
+		display_value = null,
+		datatype = "str",
+		row_idx,
+		col_idx,
+		col_style = "",
+		cell_style = "",
+		selection_classes = "",
+		is_editing = false,
+		is_flash = false,
+		is_static = false,
+		show_menu_button = false,
+		show_selection_buttons = false,
+		is_first_column = false,
+		is_solo = false,
+		latex_delimiters,
+		line_breaks = true,
+		editable = true,
+		max_chars = undefined,
+		i18n,
+		components = {},
+		is_dragging = false,
+		wrap_text = false,
+		onmousedown,
+		ondblclick,
+		oncontextmenu,
+		onblur,
+		on_menu_click,
+		on_select_column,
+		on_select_row
+	}: {
+		value: CellValue;
+		display_value?: string | null;
+		datatype?: Datatype;
+		row_idx: number;
+		col_idx: number;
+		col_style?: string;
+		cell_style?: string;
+		selection_classes?: string;
+		is_editing?: boolean;
+		is_flash?: boolean;
+		is_static?: boolean;
+		show_menu_button?: boolean;
+		show_selection_buttons?: boolean;
+		is_first_column?: boolean;
+		is_solo?: boolean;
+		latex_delimiters: { left: string; right: string; display: boolean }[];
+		line_breaks?: boolean;
+		editable?: boolean;
+		max_chars?: number | undefined;
+		i18n: I18nFormatter;
+		components?: Record<string, any>;
+		is_dragging?: boolean;
+		wrap_text?: boolean;
+		onmousedown: (event: MouseEvent) => void;
+		ondblclick: (event: MouseEvent) => void;
+		oncontextmenu: (event: MouseEvent) => void;
+		onblur: (detail: {
+			blur_event: FocusEvent;
+			coords: [number, number];
+		}) => void;
+		on_menu_click: (event: MouseEvent) => void;
+		on_select_column: (col: number) => void;
+		on_select_row: (row: number) => void;
+	} = $props();
+
+	let is_selected = $derived(selection_classes !== "");
+
+	// lock the cell-wrap's height to its pre-selection value so the
+	// row doesn't shift when the span goes position: absolute.
+	let wrap_el: HTMLDivElement | undefined = $state();
+	let locked_height = $state("");
+
+	// pre is weird but runs _before_ DOM updates
+	$effect.pre(() => {
+		if (is_solo && wrap_el) {
+			locked_height = `height: ${wrap_el.offsetHeight}px;`;
+		} else {
+			locked_height = "";
+		}
+	});
+</script>
+
+<div
+	class="body-cell {selection_classes}"
+	class:flash={is_flash}
+	class:first-column={is_first_column}
+	class:static={is_static}
+	class:cell-solo={is_solo}
+	data-row={row_idx}
+	data-col={col_idx}
+	data-testid={`cell-${row_idx}-${col_idx}`}
+	tabindex={is_static ? -1 : undefined}
+	{onmousedown}
+	{ondblclick}
+	{oncontextmenu}
+	style="{col_style} {cell_style}"
+>
+	<div class="cell-wrap" bind:this={wrap_el} style={locked_height}>
+		<EditableCell
+			{value}
+			{display_value}
+			{latex_delimiters}
+			{line_breaks}
+			{editable}
+			{is_static}
+			edit={is_editing}
+			{datatype}
+			{onblur}
+			{max_chars}
+			{i18n}
+			{components}
+			{show_selection_buttons}
+			coords={[row_idx, col_idx]}
+			{on_select_column}
+			{on_select_row}
+			{is_dragging}
+			{wrap_text}
+			expanded={is_solo}
+		/>
+		{#if show_menu_button}
+			<CellMenuButton on_click={on_menu_click} />
+		{/if}
+	</div>
+</div>
+
+<style>
+	.body-cell {
+		--ring-color: transparent;
+		outline: none;
+		box-shadow:
+			inset 1px 0 0 var(--border-color-primary),
+			inset 0 0 0 1px var(--ring-color);
+		padding: 0;
+		overflow: hidden;
+		box-sizing: border-box;
+		user-select: none;
+		min-width: 0;
+	}
+
+	.body-cell.static {
+		user-select: text;
+	}
+
+	.body-cell.first-column {
+		box-shadow: inset 0 0 0 1px var(--ring-color);
+	}
+
+	.body-cell:hover :global(.cell-menu-button),
+	.body-cell.cell-selected :global(.cell-menu-button) {
+		display: flex;
+	}
+
+	.body-cell.cell-selected {
+		--ring-color: var(--color-accent);
+		--sel-top: inset 0 2px 0 0 var(--ring-color);
+		--sel-bottom: inset 0 -2px 0 0 var(--ring-color);
+		--sel-left: inset 2px 0 0 0 var(--ring-color);
+		--sel-right: inset -2px 0 0 0 var(--ring-color);
+		box-shadow:
+			var(--sel-top), var(--sel-bottom), var(--sel-left), var(--sel-right);
+		z-index: 2;
+		position: relative;
+	}
+
+	.body-cell.cell-solo {
+		z-index: 10;
+		overflow: visible;
+	}
+
+	.body-cell.cell-solo .cell-wrap {
+		overflow: visible;
+	}
+
+	.body-cell.cell-solo :global(.cell-wrap > span) {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		min-height: 100%;
+		padding: var(--size-2);
+		box-sizing: border-box;
+		white-space: normal;
+		overflow: visible;
+		text-overflow: clip;
+		overflow-wrap: break-word;
+		word-break: break-word;
+		background: var(--background-fill-primary);
+		box-shadow:
+			inset 0 2px 0 0 var(--color-accent),
+			inset 0 -2px 0 0 var(--color-accent),
+			inset 2px 0 0 0 var(--color-accent),
+			inset -2px 0 0 0 var(--color-accent),
+			0 6px 12px -4px rgba(0, 0, 0, 0.22);
+		z-index: 1;
+	}
+
+	.body-cell.cell-solo :global(.cell-wrap > textarea) {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		min-height: 100%;
+		padding: var(--size-2);
+		padding-left: var(--size-2);
+		margin: 0;
+		box-sizing: border-box;
+		transform: none;
+		background: var(--background-fill-primary);
+		box-shadow:
+			inset 0 2px 0 0 var(--color-accent),
+			inset 0 -2px 0 0 var(--color-accent),
+			inset 2px 0 0 0 var(--color-accent),
+			inset -2px 0 0 0 var(--color-accent),
+			0 6px 12px -4px rgba(0, 0, 0, 0.22);
+		z-index: 2;
+		field-sizing: content;
+		height: auto;
+	}
+
+	.body-cell.cell-solo :global(.selection-button) {
+		z-index: 3;
+	}
+
+	.body-cell.cell-selected.no-top {
+		--sel-top: inset 0 0 0 0 transparent;
+	}
+	.body-cell.cell-selected.no-bottom {
+		--sel-bottom: inset 0 0 0 0 transparent;
+	}
+	.body-cell.cell-selected.no-left {
+		--sel-left: inset 0 0 0 0 transparent;
+	}
+	.body-cell.cell-selected.no-right {
+		--sel-right: inset 0 0 0 0 transparent;
+	}
+
+	.body-cell.flash.cell-selected {
+		animation: flash-color 700ms ease-out;
+	}
+
+	@keyframes flash-color {
+		0%,
+		30% {
+			background: var(--color-accent-copied);
+		}
+		100% {
+			background: transparent;
+		}
+	}
+
+	.cell-wrap {
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+		outline: none;
+		min-height: var(--size-9);
+		position: relative;
+		padding: var(--size-2);
+		box-sizing: border-box;
+		gap: var(--size-1);
+		overflow: hidden;
+		min-width: 0;
+		height: 100%;
+	}
+</style>
diff --git a/js/dataframe/shared/EditableCell.svelte b/js/dataframe/shared/EditableCell.svelte
new file mode 100644
index 0000000..0c90898
--- /dev/null
+++ b/js/dataframe/shared/EditableCell.svelte
@@ -0,0 +1,308 @@
+<script lang="ts">
+	import { MarkdownCode } from "@gradio/markdown-code";
+	import type { I18nFormatter } from "@gradio/utils";
+	import type { CellValue } from "./types";
+	import SelectionButtons from "./icons/SelectionButtons.svelte";
+	import BooleanCell from "./BooleanCell.svelte";
+
+	let {
+		edit,
+		value = $bindable(""),
+		display_value = null,
+		styling = "",
+		header = false,
+		datatype = "str",
+		latex_delimiters,
+		line_breaks = true,
+		editable = true,
+		is_static = false,
+		max_chars = null,
+		components = {},
+		i18n,
+		is_dragging = false,
+		wrap_text = false,
+		expanded = false,
+		show_selection_buttons = false,
+		coords,
+		on_select_column = null,
+		on_select_row = null,
+		el = $bindable(null),
+		onblur,
+		onkeydown,
+		pad_left = false
+	}: {
+		edit: boolean;
+		value?: CellValue;
+		display_value?: string | null;
+		styling?: string;
+		header?: boolean;
+		datatype?:
+			| "str"
+			| "markdown"
+			| "html"
+			| "number"
+			| "bool"
+			| "date"
+			| "image";
+		latex_delimiters: {
+			left: string;
+			right: string;
+			display: boolean;
+		}[];
+		line_breaks?: boolean;
+		editable?: boolean;
+		is_static?: boolean;
+		max_chars?: number | null;
+		components?: Record<string, any>;
+		i18n: I18nFormatter;
+		is_dragging?: boolean;
+		wrap_text?: boolean;
+		expanded?: boolean;
+		show_selection_buttons?: boolean;
+		coords: [number, number];
+		on_select_column?: ((col: number) => void) | null;
+		on_select_row?: ((row: number) => void) | null;
+		el?: HTMLTextAreaElement | null;
+		onblur?: (detail: {
+			blur_event: FocusEvent;
+			coords: [number, number];
+		}) => void;
+		onkeydown?: (event: KeyboardEvent) => void;
+		pad_left?: boolean;
+	} = $props();
+
+	function truncate_text(
+		text: CellValue,
+		max_length: number | null = null,
+		is_image = false
+	): string {
+		if (is_image) return String(text);
+		const str = String(text);
+		if (!max_length || max_length <= 0) return str;
+		if (str.length <= max_length) return str;
+		return str.slice(0, max_length) + "...";
+	}
+
+	let should_truncate = $derived(
+		!edit && !expanded && max_chars !== null && max_chars > 0
+	);
+
+	let display_content = $derived(
+		editable ? value : display_value !== null ? display_value : value
+	);
+
+	let display_text = $derived(
+		should_truncate
+			? truncate_text(display_content, max_chars, datatype === "image")
+			: display_content
+	);
+
+	function use_focus(node: HTMLTextAreaElement): any {
+		requestAnimationFrame(() => {
+			node.focus();
+		});
+
+		return {};
+	}
+
+	// grow the edit-mode textarea to fit its content so the overlay
+	// expands the same way the display span does.
+	function use_autosize(node: HTMLTextAreaElement): any {
+		function resize(): void {
+			node.style.height = "auto";
+			node.style.height = `${node.scrollHeight}px`;
+		}
+		node.addEventListener("input", resize);
+		requestAnimationFrame(resize);
+		return {
+			destroy() {
+				node.removeEventListener("input", resize);
+			}
+		};
+	}
+
+	function handle_blur(event: FocusEvent): void {
+		onblur?.({
+			blur_event: event,
+			coords: coords
+		});
+	}
+
+	function handle_keydown(event: KeyboardEvent): void {
+		onkeydown?.(event);
+	}
+
+	function commit_change(checked: boolean): void {
+		handle_blur({ target: { value } } as unknown as FocusEvent);
+	}
+
+	// returning cleanup from the effect fires the blur only when leaving edit mode, not on every render
+	$effect(() => {
+		if (edit) {
+			return () => {
+				handle_blur({ target: { value } } as unknown as FocusEvent);
+			};
+		}
+	});
+</script>
+
+{#if edit && datatype !== "bool"}
+	<textarea
+		readonly={is_static}
+		aria-readonly={is_static}
+		aria-label={is_static ? "Cell is read-only" : "Edit cell"}
+		bind:this={el}
+		bind:value
+		class:header
+		tabindex="-1"
+		onblur={handle_blur}
+		onmousedown={(e: MouseEvent) => e.stopPropagation()}
+		onclick={(e: MouseEvent) => e.stopPropagation()}
+		use:use_focus
+		use:use_autosize
+		onkeydown={handle_keydown}
+		class:pad_left
+	/>
+{/if}
+
+{#if datatype === "bool" && typeof value === "boolean"}
+	<BooleanCell bind:value {editable} on_change={commit_change} />
+{:else}
+	<span
+		class:dragging={is_dragging}
+		onkeydown={handle_keydown}
+		tabindex="0"
+		role="button"
+		class:edit
+		class:expanded={edit}
+		class:header
+		onfocus={(e) => e.preventDefault()}
+		style={styling}
+		data-editable={editable}
+		data-max-chars={max_chars}
+		data-expanded={edit}
+		placeholder=" "
+		class:text={datatype === "str"}
+		class:wrap={wrap_text}
+	>
+		{#if datatype === "image" && components.image}
+			{@const ImageComponent = components.image}
+			<ImageComponent
+				value={{ url: display_text }}
+				show_label={false}
+				label="cell-image"
+				show_download_button={false}
+				{i18n}
+				gradio={{ dispatch: () => {} }}
+			/>
+		{:else if datatype === "html"}
+			{@html display_text}
+		{:else if datatype === "markdown"}
+			<MarkdownCode
+				message={display_text.toLocaleString()}
+				{latex_delimiters}
+				{line_breaks}
+				chatbot={false}
+			/>
+		{:else}
+			{display_text}
+		{/if}
+	</span>
+{/if}
+
+{#if show_selection_buttons && coords && on_select_column && on_select_row}
+	<SelectionButtons
+		position="column"
+		{coords}
+		on_click={() => on_select_column(coords[1])}
+	/>
+	<SelectionButtons
+		position="row"
+		{coords}
+		on_click={() => on_select_row(coords[0])}
+	/>
+{/if}
+
+<style>
+	.dragging {
+		cursor: crosshair !important;
+	}
+
+	textarea {
+		position: absolute;
+		flex: 1 1 0%;
+		transform: translate(0.2px, -0.5px);
+		outline: none;
+		border: none;
+		background: transparent;
+		cursor: text;
+		width: calc(100% - var(--size-2));
+		resize: none;
+		height: 100%;
+		padding-left: 0;
+		font-size: inherit;
+		font-weight: inherit;
+		line-height: var(--line-lg);
+		left: var(--size-2);
+		user-select: text;
+	}
+
+	textarea:focus {
+		outline: none;
+	}
+
+	textarea.pad_left {
+		margin-left: var(--size-7);
+	}
+
+	span {
+		flex: 1 1 0%;
+		position: relative;
+		display: block;
+		outline: none;
+		cursor: text;
+		width: 100%;
+		min-width: 0;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.header {
+		font-weight: var(--weight-bold);
+	}
+
+	span.text.expanded {
+		height: auto;
+		min-height: 100%;
+		white-space: pre-wrap;
+		word-break: break-word;
+		overflow: visible;
+	}
+
+	.edit {
+		opacity: 0;
+		pointer-events: none;
+	}
+
+	span :global(img) {
+		max-height: 100px;
+		max-width: 100%;
+		height: auto;
+		width: auto;
+		object-fit: contain;
+	}
+
+	textarea:read-only {
+		cursor: not-allowed;
+	}
+
+	.wrap,
+	.wrap.expanded {
+		white-space: normal;
+		overflow: visible;
+		text-overflow: clip;
+		overflow-wrap: break-word;
+		word-break: break-word;
+	}
+</style>
diff --git a/js/dataframe/shared/EmptyRowButton.svelte b/js/dataframe/shared/EmptyRowButton.svelte
new file mode 100644
index 0000000..af79dd2
--- /dev/null
+++ b/js/dataframe/shared/EmptyRowButton.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	let { on_click }: { on_click: () => void } = $props();
+</script>
+
+<button class="add-row-button" onclick={on_click} aria-label="Add row">
+	+
+</button>
+
+<style>
+	.add-row-button {
+		width: 100%;
+		padding: var(--size-1);
+		background: transparent;
+		border: 1px dashed var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		color: var(--body-text-color);
+		cursor: pointer;
+		transition: all 150ms;
+		margin-top: var(--size-2);
+		z-index: 10;
+		position: relative;
+		pointer-events: auto;
+	}
+
+	.add-row-button:hover {
+		background: var(--background-fill-secondary);
+		border-style: solid;
+	}
+</style>
diff --git a/js/dataframe/shared/Example.svelte b/js/dataframe/shared/Example.svelte
new file mode 100644
index 0000000..d15d677
--- /dev/null
+++ b/js/dataframe/shared/Example.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	export let value: (string | number)[][];
+</script>
+
+<table class="input-dataframe-example">
+	{#each value.slice(0, 3) as row}
+		<tr>
+			{#each row.slice(0, 3) as cell}
+				<td class="p-2">{cell}</td>
+			{/each}
+			{#if row.length > 3}
+				<td class="p-2">...</td>
+			{/if}
+		</tr>
+	{/each}
+	{#if value.length > 3}
+		<tr>
+			{#each Array(Math.min(4, value[0].length)) as _}
+				<td class="p-2">...</td>
+			{/each}
+		</tr>
+	{/if}
+</table>
+
+<style>
+	table {
+		border-collapse: separate;
+	}
+</style>
diff --git a/js/dataframe/shared/FilterMenu.svelte b/js/dataframe/shared/FilterMenu.svelte
new file mode 100644
index 0000000..f0a526f
--- /dev/null
+++ b/js/dataframe/shared/FilterMenu.svelte
@@ -0,0 +1,255 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import { Check, DropdownArrow } from "@gradio/icons";
+	import type { FilterDatatype } from "./types";
+
+	let {
+		on_filter = () => {}
+	}: {
+		on_filter?: (
+			datatype: FilterDatatype,
+			selected_filter: string,
+			value: string
+		) => void;
+	} = $props();
+
+	let menu_element: HTMLDivElement;
+	let datatype: "string" | "number" = $state("string");
+	let current_filter = $state("Contains");
+	let filter_dropdown_open = $state(false);
+	let filter_input_value = $state("");
+
+	const filter_options = {
+		string: [
+			"Contains",
+			"Does not contain",
+			"Starts with",
+			"Ends with",
+			"Is",
+			"Is not",
+			"Is empty",
+			"Is not empty"
+		],
+		number: ["=", "≠", ">", "<", "≥", "≤", "Is empty", "Is not empty"]
+	};
+
+	onMount(() => {
+		position_menu();
+	});
+
+	function position_menu(): void {
+		if (!menu_element) return;
+
+		const viewport_width = window.innerWidth;
+		const viewport_height = window.innerHeight;
+		const menu_rect = menu_element.getBoundingClientRect();
+
+		const x = (viewport_width - menu_rect.width) / 2;
+		const y = (viewport_height - menu_rect.height) / 2;
+
+		menu_element.style.left = `${x}px`;
+		menu_element.style.top = `${y}px`;
+	}
+
+	function handle_filter_input(e: Event): void {
+		const target = e.target as HTMLInputElement;
+		filter_input_value = target.value;
+	}
+</script>
+
+<div>
+	<div class="background"></div>
+	<div bind:this={menu_element} class="filter-menu">
+		<div class="filter-datatype-container">
+			<span>Filter as</span>
+			<button
+				onclick={(e) => {
+					e.stopPropagation();
+					datatype = datatype === "string" ? "number" : "string";
+					current_filter = filter_options[datatype][0];
+				}}
+				aria-label={`Change filter type. Filtering ${datatype}s`}
+			>
+				{datatype}
+			</button>
+		</div>
+
+		<div class="input-container">
+			<div class="filter-dropdown">
+				<button
+					onclick={(e) => {
+						e.stopPropagation();
+						filter_dropdown_open = !filter_dropdown_open;
+					}}
+					aria-label={`Change filter. Using '${current_filter}'`}
+				>
+					{current_filter}
+					<DropdownArrow />
+				</button>
+
+				{#if filter_dropdown_open}
+					<div class="dropdown-filter-options">
+						{#each filter_options[datatype] as opt}
+							<button
+								onclick={(e) => {
+									e.stopPropagation();
+									current_filter = opt;
+									filter_dropdown_open = !filter_dropdown_open;
+								}}
+								class="filter-option"
+							>
+								{opt}
+							</button>
+						{/each}
+					</div>
+				{/if}
+			</div>
+
+			<input
+				type="text"
+				value={filter_input_value}
+				onclick={(e) => e.stopPropagation()}
+				oninput={handle_filter_input}
+				placeholder="Type a value"
+				class="filter-input"
+			/>
+		</div>
+
+		<button
+			class="check-button"
+			onclick={() => on_filter(datatype, current_filter, filter_input_value)}
+		>
+			<Check />
+		</button>
+	</div>
+</div>
+
+<style>
+	.background {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, 0.4);
+		z-index: 20;
+	}
+
+	.filter-menu {
+		position: fixed;
+		background: var(--background-fill-primary);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		padding: var(--size-2);
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-2);
+		box-shadow: var(--shadow-drop-lg);
+		width: 300px;
+		z-index: 21;
+	}
+
+	.filter-datatype-container {
+		display: flex;
+		gap: var(--size-2);
+		align-items: center;
+	}
+
+	.filter-menu span {
+		font-size: var(--text-sm);
+		color: var(--body-text-color);
+	}
+
+	.filter-menu button {
+		height: var(--size-6);
+		background: none;
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		padding: var(--size-1) var(--size-2);
+		color: var(--body-text-color);
+		font-size: var(--text-sm);
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: var(--size-2);
+	}
+
+	.filter-menu button:hover {
+		background-color: var(--background-fill-secondary);
+	}
+
+	.filter-input {
+		width: var(--size-full);
+		height: var(--size-6);
+		padding: var(--size-2);
+		padding-right: var(--size-8);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--table-radius);
+		font-size: var(--text-sm);
+		color: var(--body-text-color);
+		background: var(--background-fill-secondary);
+		transition: all 0.2s ease;
+	}
+
+	.filter-input:hover {
+		border-color: var(--border-color-secondary);
+		background: var(--background-fill-primary);
+	}
+
+	.filter-input:focus {
+		outline: none;
+		border-color: var(--color-accent);
+		background: var(--background-fill-primary);
+		box-shadow: 0 0 0 1px var(--color-accent);
+	}
+
+	.dropdown-filter-options {
+		display: flex;
+		flex-direction: column;
+		background: var(--background-fill-primary);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		box-shadow: var(--shadow-drop-md);
+		position: absolute;
+		z-index: var(--layer-1);
+	}
+
+	.dropdown-filter-options .filter-option {
+		border: none;
+		justify-content: flex-start;
+	}
+
+	.input-container {
+		display: flex;
+		gap: var(--size-2);
+		align-items: center;
+	}
+
+	.input-container button {
+		width: 130px;
+	}
+
+	:global(svg.dropdown-arrow) {
+		width: var(--size-4);
+		height: var(--size-4);
+		margin-left: auto;
+	}
+
+	.filter-menu .check-button {
+		background: var(--color-accent);
+		color: white;
+		border: none;
+		width: var(--size-full);
+		height: var(--size-6);
+		border-radius: var(--radius-sm);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: var(--size-1);
+	}
+
+	.check-button:hover {
+		background: var(--color-accent-soft);
+	}
+</style>
diff --git a/js/dataframe/shared/HeaderCell.svelte b/js/dataframe/shared/HeaderCell.svelte
new file mode 100644
index 0000000..daa774f
--- /dev/null
+++ b/js/dataframe/shared/HeaderCell.svelte
@@ -0,0 +1,280 @@
+<script lang="ts">
+	import EditableCell from "./EditableCell.svelte";
+	import CellMenuButton from "./CellMenuButton.svelte";
+	import Padlock from "./icons/Padlock.svelte";
+	import FilterIcon from "./icons/FilterIcon.svelte";
+	import SortButtonUp from "./icons/SortButtonUp.svelte";
+	import SortButtonDown from "./icons/SortButtonDown.svelte";
+	import { BaseCheckbox } from "@gradio/checkbox";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import type { SortDirection } from "./types";
+
+	let {
+		value,
+		col_idx,
+		is_editing = false,
+		is_selected = false,
+		is_static = false,
+		is_bool = false,
+		select_all_state = "unchecked",
+		sort_direction = null,
+		sort_priority = null,
+		multi_sort = false,
+		is_filtered = false,
+		show_menu_button = false,
+		is_first_column = false,
+		latex_delimiters,
+		line_breaks = true,
+		editable = true,
+		max_chars = undefined,
+		i18n,
+		wrap_text = false,
+		onclick,
+		on_menu_click,
+		on_end_edit,
+		on_select_all
+	}: {
+		value: string;
+		col_idx: number;
+		is_editing?: boolean;
+		is_selected?: boolean;
+		is_static?: boolean;
+		is_bool?: boolean;
+		select_all_state?: "checked" | "unchecked" | "indeterminate";
+		sort_direction?: SortDirection | null;
+		sort_priority?: number | null;
+		multi_sort?: boolean;
+		is_filtered?: boolean;
+		show_menu_button?: boolean;
+		is_first_column?: boolean;
+		latex_delimiters: { left: string; right: string; display: boolean }[];
+		line_breaks?: boolean;
+		editable?: boolean;
+		max_chars?: number | undefined;
+		i18n: I18nFormatter;
+		wrap_text?: boolean;
+		onclick: (event: MouseEvent, col: number) => void;
+		on_menu_click: (event: MouseEvent, col: number) => void;
+		on_end_edit: (key: string) => void;
+		on_select_all?: (col: number, checked: boolean) => void;
+	} = $props();
+
+	let show_select_all = $derived(
+		is_bool && editable && !is_static && !!on_select_all
+	);
+</script>
+
+<th
+	class="header-cell"
+	class:focus={is_editing || is_selected}
+	class:sorted={sort_direction !== null}
+	class:filtered={is_filtered}
+	class:first-column={is_first_column}
+	data-heading={col_idx}
+	onclick={(e) => onclick(e, col_idx)}
+	onmousedown={(e) => {
+		e.preventDefault();
+		e.stopPropagation();
+	}}
+	title={value}
+>
+	<div class="cell-wrap">
+		<div class="header-content">
+			{#if show_select_all}
+				<div
+					class="select-all-checkbox"
+					role="button"
+					tabindex="-1"
+					onclick={(e) => e.stopPropagation()}
+					onmousedown={(e) => e.stopPropagation()}
+					onkeydown={(e) => e.stopPropagation()}
+				>
+					<BaseCheckbox
+						value={select_all_state === "checked"}
+						indeterminate={select_all_state === "indeterminate"}
+						label={`Toggle all: ${value}`}
+						interactive={true}
+						on_select={() =>
+							on_select_all?.(col_idx, select_all_state !== "checked")}
+					/>
+				</div>
+			{/if}
+			<EditableCell
+				{value}
+				{latex_delimiters}
+				{line_breaks}
+				edit={is_editing}
+				onkeydown={(event) => {
+					if (["Enter", "Escape", "Tab"].includes(event.key)) {
+						on_end_edit(event.key);
+					}
+				}}
+				header
+				{editable}
+				{is_static}
+				{i18n}
+				{max_chars}
+				{wrap_text}
+				coords={[col_idx, 0]}
+				pad_left={show_select_all ? true : false}
+			/>
+		</div>
+		{#if sort_direction || is_filtered || is_static}
+			<span class="header-icons">
+				{#if is_filtered}
+					<span class="filter-indicator" aria-label="Filtered">
+						<FilterIcon />
+					</span>
+				{/if}
+				{#if sort_direction}
+					<span
+						class="sort-indicator"
+						aria-label="Sorted {sort_direction}ending"
+					>
+						{#if sort_direction === "asc"}
+							<SortButtonUp size={13} />
+						{:else}
+							<SortButtonDown size={13} />
+						{/if}
+						{#if multi_sort && sort_priority != null}
+							<span class="sort-priority">{sort_priority}</span>
+						{/if}
+					</span>
+				{/if}
+
+				{#if is_static}
+					<Padlock size={11} />
+				{/if}
+			</span>
+		{/if}
+		{#if show_menu_button}
+			<CellMenuButton on_click={(e) => on_menu_click(e, col_idx)} />
+		{/if}
+	</div>
+</th>
+
+<style>
+	.header-cell {
+		--ring-color: transparent;
+		position: relative;
+		outline: none;
+		box-shadow:
+			inset 1px 0 0 var(--border-color-primary),
+			inset 0 0 0 1px var(--ring-color);
+		padding: 0;
+		background: var(--table-even-background-fill) !important;
+		font-weight: var(--weight-bold, 700);
+		outline: none;
+		box-shadow:
+			inset 1px 0 0 var(--border-color-primary),
+			inset 0 0 0 1px var(--ring-color);
+		padding: 0;
+		overflow: visible;
+		box-sizing: border-box;
+	}
+
+	.header-cell.first-column {
+		box-shadow: inset 0 0 0 1px var(--ring-color);
+	}
+
+	.header-cell:hover :global(.cell-menu-button),
+	.header-cell.focus :global(.cell-menu-button) {
+		display: flex;
+	}
+
+	.header-cell.focus {
+		--ring-color: var(--color-accent);
+		--sel-top: inset 0 2px 0 0 var(--ring-color);
+		--sel-bottom: inset 0 -2px 0 0 var(--ring-color);
+		--sel-left: inset 2px 0 0 0 var(--ring-color);
+		--sel-right: inset -2px 0 0 0 var(--ring-color);
+		box-shadow:
+			var(--sel-top), var(--sel-bottom), var(--sel-left), var(--sel-right);
+		z-index: 2;
+		position: relative;
+	}
+
+	.header-cell.focus.first-column {
+		box-shadow: inset 0 0 0 2px var(--ring-color);
+	}
+
+	.header-content {
+		display: flex;
+		align-items: center;
+		gap: var(--size-3);
+		overflow: hidden;
+		min-width: 0;
+	}
+
+	.header-icons {
+		display: flex;
+		align-items: center;
+		gap: 2px;
+		flex-shrink: 0;
+		margin-left: auto;
+		opacity: 0.6;
+	}
+
+	.sort-indicator {
+		display: flex;
+		align-items: center;
+		position: relative;
+		margin-left: -5px;
+	}
+
+	.sort-priority {
+		font-size: 8px;
+		background: var(--button-secondary-background-fill);
+		border-radius: var(--radius-full);
+		width: 12px;
+		height: 12px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		line-height: 1;
+	}
+
+	.filter-indicator {
+		display: flex;
+		align-items: center;
+		width: 16px;
+		height: 16px;
+		margin-top: 3px;
+	}
+
+	.filter-indicator :global(svg) {
+		width: 100%;
+		height: 100%;
+	}
+
+	.cell-wrap {
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+		outline: none;
+		min-height: var(--size-9);
+		position: relative;
+		height: 100%;
+		padding: var(--size-2);
+		box-sizing: border-box;
+		gap: var(--size-1);
+		overflow: visible;
+		min-width: 0;
+	}
+
+	.select-all-checkbox {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		width: var(--size-4);
+	}
+
+	.select-all-checkbox :global(label) {
+		margin: 0;
+	}
+
+	.select-all-checkbox :global(span) {
+		display: none;
+	}
+</style>
diff --git a/js/dataframe/shared/RowNumber.svelte b/js/dataframe/shared/RowNumber.svelte
new file mode 100644
index 0000000..66b730b
--- /dev/null
+++ b/js/dataframe/shared/RowNumber.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	let {
+		index = null,
+		is_header = false
+	}: { index?: number | null; is_header?: boolean } = $props();
+</script>
+
+{#if is_header}
+	<th tabindex="-1" class="row-number">
+		<div class="cell-wrap">
+			<div class="header-content">
+				<div class="header-text"></div>
+			</div>
+		</div>
+	</th>
+{:else}
+	<td class="row-number" tabindex="-1" data-row={index} data-col="row-number">
+		{index !== null ? index + 1 : ""}
+	</td>
+{/if}
+
+<style>
+	.row-number {
+		text-align: center;
+		padding: var(--size-1);
+		min-width: var(--size-12);
+		width: var(--size-12);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		font-weight: var(--weight-semibold);
+		border-right: 1px solid var(--border-color-primary);
+	}
+</style>
diff --git a/js/dataframe/shared/Table.svelte b/js/dataframe/shared/Table.svelte
new file mode 100644
index 0000000..f7600f1
--- /dev/null
+++ b/js/dataframe/shared/Table.svelte
@@ -0,0 +1,1489 @@
+<script lang="ts">
+	import {
+		createSvelteTable,
+		createSvelteVirtualizer,
+		getCoreRowModel,
+		getSortedRowModel,
+		getFilteredRowModel,
+		type ColumnDef,
+		type SortingState,
+		type ColumnFiltersState,
+		type ColumnPinningState
+	} from "./tanstack/index.js";
+	import { tick, onMount } from "svelte";
+	import { Upload } from "@gradio/upload";
+
+	import { MarkdownCode } from "@gradio/markdown-code";
+	import HeaderCell from "./HeaderCell.svelte";
+	import DataCell from "./DataCell.svelte";
+	import EmptyRowButton from "./EmptyRowButton.svelte";
+	import type { SelectData } from "@gradio/utils";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import { type Client } from "@gradio/client";
+	import type { Datatype, DataframeValue, EditData } from "./utils/utils";
+	import { cast_value_to_type } from "./utils/utils";
+	import CellMenu from "./CellMenu.svelte";
+	import Toolbar from "./Toolbar.svelte";
+	import type {
+		CellValue,
+		CellCoordinate,
+		SortDirection,
+		FilterDatatype
+	} from "./types";
+	import {
+		is_cell_in_selection,
+		is_cell_selected,
+		handle_click_outside as handle_click_outside_util
+	} from "./utils/selection_utils";
+	import { copy_table_data, handle_file_upload } from "./utils/table_utils";
+	import { gradio_filter_fn } from "./utils/filter";
+	import { create_column_measurement } from "./column_measurement.svelte.js";
+
+	let {
+		datatype,
+		label = null,
+		show_label = true,
+		headers = $bindable([]),
+		values = $bindable([]),
+		col_count,
+		row_count,
+		latex_delimiters,
+		components = {},
+		editable = true,
+		wrap = false,
+		root,
+		i18n,
+		max_height = 500,
+		line_breaks = true,
+		column_widths = [],
+		show_row_numbers = false,
+		upload,
+		stream_handler,
+		buttons = null,
+		value_is_output = $bindable(false),
+		max_chars = undefined,
+		show_search = "none",
+		pinned_columns = 0,
+		static_columns = [],
+		fullscreen = false,
+		display_value = null,
+		styling = null,
+		onchange,
+		oninput,
+		onselect,
+		onedit,
+		onsearch,
+		onfullscreen
+	}: {
+		datatype: Datatype | Datatype[];
+		label?: string | null;
+		show_label?: boolean;
+		headers?: (string | null)[];
+		values?: CellValue[][];
+		col_count: [number, "fixed" | "dynamic"];
+		row_count: [number, "fixed" | "dynamic"];
+		latex_delimiters: { left: string; right: string; display: boolean }[];
+		components?: Record<string, any>;
+		editable?: boolean;
+		wrap?: boolean;
+		root: string;
+		i18n: I18nFormatter;
+		max_height?: number;
+		line_breaks?: boolean;
+		column_widths?: string[];
+		show_row_numbers?: boolean;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		buttons?: string[] | null;
+		value_is_output?: boolean;
+		max_chars?: number | undefined;
+		show_search?: "none" | "search" | "filter";
+		pinned_columns?: number;
+		static_columns?: (string | number)[];
+		fullscreen?: boolean;
+		display_value?: string[][] | null;
+		styling?: string[][] | null;
+		onchange?: (detail: DataframeValue) => void;
+		oninput?: () => void;
+		onselect?: (detail: SelectData) => void;
+		onedit?: (detail: EditData) => void;
+		onsearch?: (detail: string | null) => void;
+		onfullscreen?: () => void;
+	} = $props();
+
+	type GradioRow = Record<string, CellValue> & { _index: number };
+
+	// convert values[][] into tanstack row objects
+	let row_data: GradioRow[] = $derived(
+		(values ?? []).map((row, i) => {
+			const obj: GradioRow = { _index: i };
+			(row ?? []).forEach((val, j) => {
+				const dtype = Array.isArray(datatype) ? datatype[j] : datatype;
+				obj[`col_${j}`] = cast_value_to_type(val, dtype);
+			});
+			return obj;
+		})
+	);
+
+	let resolved_headers = $derived.by(() => {
+		let h = headers ?? [];
+		if (col_count[1] === "fixed" && h.length < col_count[0]) {
+			h = [
+				...h,
+				...Array(col_count[0] - h.length)
+					.fill(null)
+					.map((_, i) => `${i + h.length}`)
+			];
+		}
+		if (!h.length) {
+			h = Array(col_count[0])
+				.fill(null)
+				.map((_, i) => `${i}`);
+		}
+		return h.map((v) => v ?? "");
+	});
+
+	let column_defs: ColumnDef<GradioRow, CellValue>[] = $derived(
+		resolved_headers.map((header_value, j) => ({
+			id: `col_${j}`,
+			accessorKey: `col_${j}`,
+			header: header_value,
+			size: 150,
+			minSize: 45,
+			filterFn: gradio_filter_fn,
+			meta: {
+				colIndex: j,
+				datatype: Array.isArray(datatype) ? datatype[j] : datatype,
+				isStatic:
+					static_columns.includes(j) || static_columns.includes(header_value),
+				isPinned: j < pinned_columns
+			}
+		}))
+	);
+
+	let sorting: SortingState = $state([]);
+	let column_filters: ColumnFiltersState = $state([]);
+	let global_filter: string = $state("");
+	let column_pinning: ColumnPinningState = $derived({
+		left: column_defs.filter((_, i) => i < pinned_columns).map((c) => c.id!)
+	});
+
+	const table = createSvelteTable<GradioRow>({
+		get data() {
+			return row_data;
+		},
+		get columns() {
+			return column_defs;
+		},
+		state: {
+			get sorting() {
+				return sorting;
+			},
+			get columnFilters() {
+				return column_filters;
+			},
+			get globalFilter() {
+				return global_filter;
+			},
+			get columnPinning() {
+				return column_pinning;
+			}
+		},
+		onSortingChange: (updater) => {
+			sorting = typeof updater === "function" ? updater(sorting) : updater;
+		},
+		onColumnFiltersChange: (updater) => {
+			column_filters =
+				typeof updater === "function" ? updater(column_filters) : updater;
+		},
+		onGlobalFilterChange: (updater) => {
+			global_filter =
+				typeof updater === "function" ? updater(global_filter) : updater;
+		},
+		getCoreRowModel: getCoreRowModel(),
+		getSortedRowModel: getSortedRowModel(),
+		getFilteredRowModel: getFilteredRowModel(),
+		globalFilterFn: "includesString",
+		enableSorting: true,
+		enableMultiSort: true,
+		maxMultiSortColCount: 3,
+		// This table has no pagination or row-expansion UI, so TanStack's
+		// automatic page-index/expanded resets are pure churn: when `data`
+		// changes, the row-model memos' onChange fires `_autoResetPageIndex`,
+		// which calls setState({ pagination }) -> our onStateChange bumps
+		// `version` -> the `rows`/`header_groups` $derived re-run -> the row
+		// model recomputes -> onChange fires again, an infinite microtask loop
+		// that freezes the page (see issue #13198). Disabling these resets
+		// removes the only internal setState that occurs during render.
+		autoResetPageIndex: false,
+		autoResetExpanded: false
+	});
+
+	let rows = $derived(table.getRowModel().rows);
+	let header_groups = $derived(table.getHeaderGroups());
+
+	let scroll_container: HTMLDivElement;
+
+	const virtualizer = createSvelteVirtualizer<
+		HTMLDivElement,
+		HTMLTableRowElement
+	>({
+		get count() {
+			return rows.length;
+		},
+		getScrollElement: () => scroll_container,
+		estimateSize: () => 35,
+		overscan: 10,
+		measureElement: (el, _entry, instance) => {
+			const h = el.getBoundingClientRect().height;
+			if (h > 0) return h;
+
+			const idx = el.getAttribute("data-index");
+			if (idx != null) {
+				const cached = (instance as any).itemSizeCache?.get(Number(idx));
+				if (typeof cached === "number") return cached;
+			}
+			return 35;
+		}
+	});
+
+	let virtual_items = $derived(virtualizer.virtualItems());
+	let total_size = $derived(virtualizer.totalSize());
+
+	let selected_cells: CellCoordinate[] = $state([]);
+	let selected: CellCoordinate | false = $state(false);
+	let editing: CellCoordinate | false = $state(false);
+	let header_edit: number | false = $state(false);
+	let selected_header: number | false = $state(false);
+	let active_cell_menu: {
+		row: number;
+		col: number;
+		x: number;
+		y: number;
+	} | null = $state(null);
+	let active_header_menu: { col: number; x: number; y: number } | null =
+		$state(null);
+	let copy_flash = $state(false);
+	let is_dragging = $state(false);
+	let show_scroll_button = $state(false);
+	let dragging = $state(false); // file drag
+
+	let parent: HTMLDivElement;
+
+	function get_dtype(col: number): Datatype {
+		return Array.isArray(datatype) ? (datatype[col] ?? "str") : datatype;
+	}
+
+	type SizingEntry = { val: string; col_idx: number; dtype: Datatype };
+
+	// heading multipliers for markdown/html block elements that render
+	// at a larger font size than body text.
+	const HEADING_MULT = [2.2, 1.7, 1.4, 1.2, 1.1, 1.05];
+
+	function md_visual_length(s: string): number {
+		const heading = s.match(/^\s*(#{1,6})\s+(.+)/);
+		if (heading) {
+			const lvl = heading[1].length;
+			const text = heading[2].replace(/[*_`[\]()]/g, "");
+			return text.length * HEADING_MULT[lvl - 1];
+		}
+		return s.replace(/[*_`#[\]()]/g, "").length;
+	}
+
+	function html_visual_length(s: string): number {
+		const stripped = s.replace(/<[^>]+>/g, "").length;
+		const h = s.match(/<h([1-6])\b/i);
+		if (h) return stripped * HEADING_MULT[parseInt(h[1]) - 1];
+		return stripped;
+	}
+
+	// mirror EditableCell.truncate_text so the sizing row reserves width
+	// for the truncated ("…") string, not the full source
+	function apply_truncation(s: string, dtype: Datatype): string {
+		if (
+			max_chars &&
+			max_chars > 0 &&
+			dtype !== "image" &&
+			s.length > max_chars
+		) {
+			return s.slice(0, max_chars) + "...";
+		}
+		return s;
+	}
+
+	// find the widest rendered value per visible column for the sizing row
+	function compute_sizing_row(): SizingEntry[] {
+		const headers = header_groups[0]?.headers ?? [];
+		return headers.map((header) => {
+			const col_idx = (header.column.columnDef.meta as any)?.colIndex ?? 0;
+			const dtype = get_dtype(col_idx);
+			const accessor = `col_${col_idx}`;
+
+			if (dtype === "bool") {
+				return { val: "false", col_idx, dtype };
+			}
+
+			const visual_len =
+				dtype === "markdown"
+					? md_visual_length
+					: dtype === "html"
+						? html_visual_length
+						: (s: string) => s.length;
+
+			let best = "";
+			let best_len = -1;
+			for (const r of rows) {
+				const row_idx = r.original._index;
+				const rendered = editable
+					? r.original[accessor]
+					: (display_value?.[row_idx]?.[col_idx] ??
+						values?.[row_idx]?.[col_idx]);
+				if (rendered == null) continue;
+				const v = apply_truncation(String(rendered), dtype);
+				const len = visual_len(v);
+				if (len > best_len) {
+					best_len = len;
+					best = v;
+				}
+			}
+			return { val: best, col_idx, dtype };
+		});
+	}
+
+	function get_display_value(row: number, col: number): string {
+		if (display_value?.[row]?.[col] !== undefined)
+			return display_value[row][col];
+		return String(values?.[row]?.[col] ?? "");
+	}
+
+	function get_styling(row: number, col: number): string {
+		return styling?.[row]?.[col] ?? "";
+	}
+
+	function push_change(
+		new_values?: CellValue[][],
+		new_headers?: (string | null)[]
+	): void {
+		onchange?.({
+			data: new_values ?? values,
+			headers: (new_headers ?? resolved_headers) as string[],
+			metadata: null
+		});
+		if (!value_is_output) oninput?.();
+		value_is_output = false;
+	}
+
+	function handle_cell_click(
+		event: MouseEvent,
+		row: number,
+		col: number
+	): void {
+		const col_is_static =
+			!editable ||
+			static_columns.includes(col) ||
+			static_columns.includes(resolved_headers[col]);
+		if (!col_is_static) {
+			event.preventDefault();
+		}
+		event.stopPropagation();
+
+		const coord: CellCoordinate = [row, col];
+		if (event.shiftKey && selected) {
+			// range select
+			const [r1, c1] = selected;
+			const [r2, c2] = coord;
+			const new_cells: CellCoordinate[] = [];
+			for (let r = Math.min(r1, r2); r <= Math.max(r1, r2); r++) {
+				for (let c = Math.min(c1, c2); c <= Math.max(c1, c2); c++) {
+					new_cells.push([r, c]);
+				}
+			}
+			selected_cells = new_cells;
+		} else if (event.metaKey || event.ctrlKey) {
+			// toggle select
+			const exists = selected_cells.some(([r, c]) => r === row && c === col);
+			selected_cells = exists
+				? selected_cells.filter(([r, c]) => !(r === row && c === col))
+				: [...selected_cells, coord];
+		} else {
+			selected_cells = [coord];
+		}
+
+		selected = coord;
+		header_edit = false;
+		selected_header = false;
+		active_cell_menu = null;
+		active_header_menu = null;
+
+		// click selects, does NOT enter edit mode (double-click or typing does)
+		editing = false;
+
+		onselect?.({
+			index: coord,
+			value: values?.[row]?.[col],
+			row_value: values?.[row] ?? [],
+			col_value: values?.map((r) => r[col]) ?? []
+		} as any);
+
+		if (!col_is_static) {
+			tick().then(() => parent?.focus());
+		}
+	}
+
+	function handle_cell_dblclick(
+		event: MouseEvent,
+		row: number,
+		col: number
+	): void {
+		const col_is_static =
+			!editable ||
+			static_columns.includes(col) ||
+			static_columns.includes(resolved_headers[col]);
+		if (col_is_static) return;
+		event.preventDefault();
+		event.stopPropagation();
+		editing = [row, col];
+	}
+
+	function handle_blur(detail: {
+		blur_event: FocusEvent;
+		coords: [number, number];
+	}): void {
+		const { coords } = detail;
+		const input_el = detail.blur_event.target as HTMLTextAreaElement;
+		if (!input_el || input_el.value === undefined) return;
+
+		const [row, col] = coords;
+		const old_value = values?.[row]?.[col];
+		const new_value = input_el.value;
+
+		if (String(old_value) !== String(new_value)) {
+			const new_values = values.map((r) => [...r]);
+			new_values[row][col] = new_value;
+			values = new_values;
+
+			onedit?.({
+				index: [row, col],
+				value: new_value,
+				previous_value: String(old_value ?? "")
+			});
+			push_change(new_values);
+		}
+	}
+
+	function handle_header_click(event: MouseEvent, col: number): void {
+		if (event.target instanceof HTMLAnchorElement) return;
+		event.preventDefault();
+		event.stopPropagation();
+		if (!editable) return;
+
+		editing = false;
+		selected = false;
+		selected_cells = [];
+		active_cell_menu = null;
+		active_header_menu = null;
+		selected_header = col;
+		header_edit = editable ? col : false;
+		parent?.focus();
+	}
+
+	function end_header_edit(key: string): void {
+		if (["Escape", "Enter", "Tab"].includes(key)) {
+			header_edit = false;
+			parent?.focus();
+		}
+	}
+
+	function toggle_header_menu(event: MouseEvent, col: number): void {
+		event.stopPropagation();
+		if (active_header_menu?.col === col) {
+			active_header_menu = null;
+		} else {
+			const th = (event.target as HTMLElement).closest("th");
+			if (th) {
+				const rect = th.getBoundingClientRect();
+				active_header_menu = { col, x: rect.right, y: rect.bottom };
+			}
+		}
+	}
+
+	function handle_sort(col: number, direction: SortDirection): void {
+		const col_id = `col_${col}`;
+		const desc = direction === "desc";
+		// if already sorted this way, remove it
+		const existing = sorting.findIndex((s) => s.id === col_id);
+		if (existing >= 0 && sorting[existing].desc === desc) {
+			sorting = sorting.filter((s) => s.id !== col_id);
+		} else {
+			sorting = [
+				...sorting.filter((s) => s.id !== col_id),
+				{ id: col_id, desc }
+			].slice(-3);
+		}
+	}
+
+	function clear_sort(): void {
+		sorting = [];
+	}
+
+	function handle_filter(
+		col: number,
+		dtype: FilterDatatype,
+		filter: string,
+		fvalue: string
+	): void {
+		const col_id = `col_${col}`;
+		const existing = column_filters.findIndex((f) => f.id === col_id);
+		if (existing >= 0) {
+			column_filters = column_filters.filter((f) => f.id !== col_id);
+		} else {
+			column_filters = [
+				...column_filters,
+				{ id: col_id, value: { dtype, filter, value: fvalue } }
+			];
+		}
+	}
+
+	function clear_filter(): void {
+		column_filters = [];
+	}
+
+	function handle_search(query: string | null): void {
+		global_filter = query ?? "";
+		onsearch?.(query);
+	}
+
+	function add_row(index?: number): void {
+		if (row_count[1] !== "dynamic") return;
+		const col_len = values[0]?.length || resolved_headers.length || 1;
+		const new_row: CellValue[] = Array(col_len).fill("");
+		const new_values = [...values];
+		if (index !== undefined) {
+			new_values.splice(index, 0, new_row);
+		} else {
+			new_values.push(new_row);
+		}
+		values = new_values;
+		push_change(new_values);
+		selected = [index ?? new_values.length - 1, 0];
+		parent?.focus();
+	}
+
+	function add_col(index?: number): void {
+		if (col_count[1] !== "dynamic") return;
+		const new_headers = [
+			...(headers ?? []),
+			`Header ${(headers?.length ?? 0) + 1}`
+		];
+		const new_values = values.map((row) => [...row, ""]);
+		if (index !== undefined) {
+			new_headers.splice(index, 0, new_headers.pop()!);
+			new_values.forEach((row) => row.splice(index, 0, row.pop()!));
+		}
+		values = new_values;
+		headers = new_headers;
+		push_change(new_values, new_headers);
+		parent?.focus();
+	}
+
+	function delete_row_at(index: number): void {
+		if (values.length <= 1) return;
+		values = [...values.slice(0, index), ...values.slice(index + 1)];
+		push_change(values);
+		active_cell_menu = null;
+		active_header_menu = null;
+	}
+
+	function delete_col_at(index: number): void {
+		if (col_count[1] !== "dynamic") return;
+		if ((values[0]?.length ?? 0) <= 1) return;
+		values = values.map((row) => [
+			...row.slice(0, index),
+			...row.slice(index + 1)
+		]);
+		headers = [
+			...(headers ?? []).slice(0, index),
+			...(headers ?? []).slice(index + 1)
+		];
+		push_change(values, headers as string[]);
+		active_cell_menu = null;
+		active_header_menu = null;
+		selected = false;
+		selected_cells = [];
+		editing = false;
+	}
+
+	function add_row_at(index: number, position: "above" | "below"): void {
+		add_row(position === "above" ? index : index + 1);
+		active_cell_menu = null;
+	}
+
+	function add_col_at(index: number, position: "left" | "right"): void {
+		add_col(position === "left" ? index : index + 1);
+		active_cell_menu = null;
+	}
+
+	function handle_select_all(col: number, checked: boolean): void {
+		const new_values = values.map((row) => {
+			const new_row = [...row];
+			new_row[col] = checked;
+			return new_row;
+		});
+		values = new_values;
+		push_change(new_values);
+	}
+
+	function get_select_all_state(
+		col: number
+	): "checked" | "unchecked" | "indeterminate" {
+		if (!values.length) return "unchecked";
+		let true_count = 0;
+		for (const row of values) {
+			const v = row[col];
+			if (v === true || v === "true" || v === "True") true_count++;
+		}
+		if (true_count === 0) return "unchecked";
+		if (true_count === values.length) return "checked";
+		return "indeterminate";
+	}
+
+	function commit_filter(): void {
+		if (!global_filter || show_search !== "filter") return;
+		// get the filtered rows from tanstack and push as new values
+		const filtered_values = rows.map((row) => {
+			const original_idx = row.original._index;
+			return values[original_idx];
+		});
+		values = filtered_values;
+		global_filter = "";
+		push_change(filtered_values);
+	}
+
+	async function handle_copy(): Promise<void> {
+		const data_for_copy = values.map((row) =>
+			row.map((val, j) => ({ id: `${j}`, value: val }))
+		);
+		const cells_to_copy = selected_cells.length > 0 ? selected_cells : null;
+		await copy_table_data(data_for_copy, cells_to_copy);
+		copy_flash = true;
+		setTimeout(() => (copy_flash = false), 800);
+	}
+
+	function handle_click_outside(event: Event): void {
+		if (handle_click_outside_util(event, parent)) {
+			selected_cells = [];
+			selected = false;
+			editing = false;
+			header_edit = false;
+			selected_header = false;
+			active_cell_menu = null;
+			active_header_menu = null;
+		}
+	}
+
+	function handle_keydown(e: KeyboardEvent): void {
+		if (!selected && selected_header === false) return;
+
+		const num_rows = rows.length;
+		const num_cols = resolved_headers.length;
+
+		if (selected) {
+			const [row, col] = selected;
+
+			if (
+				editing &&
+				(e.key === "ArrowUp" ||
+					e.key === "ArrowDown" ||
+					e.key === "ArrowLeft" ||
+					e.key === "ArrowRight")
+			) {
+				return;
+			}
+
+			switch (e.key) {
+				case "ArrowUp":
+					e.preventDefault();
+					if (row > 0) {
+						selected = [row - 1, col];
+						selected_cells = [selected];
+						virtualizer.instance.scrollToIndex(row - 1, { align: "auto" });
+					}
+					break;
+				case "ArrowDown":
+					e.preventDefault();
+					if (row < num_rows - 1) {
+						selected = [row + 1, col];
+						selected_cells = [selected];
+						virtualizer.instance.scrollToIndex(row + 1, { align: "auto" });
+					}
+					break;
+				case "ArrowLeft":
+					e.preventDefault();
+					if (col > 0) {
+						selected = [row, col - 1];
+						selected_cells = [selected];
+					}
+					break;
+				case "ArrowRight":
+					e.preventDefault();
+					if (col < num_cols - 1) {
+						selected = [row, col + 1];
+						selected_cells = [selected];
+					}
+					break;
+				case "Tab": {
+					e.preventDefault();
+					const was_editing = !!editing;
+					if (e.shiftKey) {
+						if (col > 0) selected = [row, col - 1];
+						else if (row > 0) selected = [row - 1, num_cols - 1];
+					} else {
+						if (col < num_cols - 1) selected = [row, col + 1];
+						else if (row < num_rows - 1) selected = [row + 1, 0];
+					}
+					selected_cells = [selected];
+					if (was_editing) {
+						const tab_col = (selected as CellCoordinate)[1];
+						const tab_static =
+							static_columns.includes(tab_col) ||
+							static_columns.includes(resolved_headers[tab_col]);
+						editing = editable && !tab_static ? selected : false;
+					} else {
+						editing = false;
+					}
+					if (!editing) tick().then(() => parent?.focus());
+					break;
+				}
+				case "Enter":
+					if (editing && e.shiftKey) {
+						// shift+enter inserts newline in textarea — don't intercept
+						return;
+					}
+					e.preventDefault();
+					if (editing) {
+						editing = false;
+						if (row < num_rows - 1) {
+							selected = [row + 1, col];
+							selected_cells = [selected];
+						}
+						tick().then(() => parent?.focus());
+					} else if (editable) {
+						const enter_static =
+							static_columns.includes(col) ||
+							static_columns.includes(resolved_headers[col]);
+						if (!enter_static) {
+							editing = [row, col];
+						}
+					}
+					break;
+				case "Escape":
+					editing = false;
+					tick().then(() => parent?.focus());
+					break;
+				case "Delete":
+				case "Backspace":
+					if (!editing && editable) {
+						e.preventDefault();
+						const new_values = values.map((r) => [...r]);
+						selected_cells.forEach(([r, c]) => {
+							if (!static_columns.includes(c)) {
+								new_values[r][c] = "";
+							}
+						});
+						values = new_values;
+						push_change(new_values);
+					}
+					break;
+				default:
+					// start editing on printable character
+					if (
+						editable &&
+						!editing &&
+						e.key.length === 1 &&
+						!e.ctrlKey &&
+						!e.metaKey &&
+						!static_columns.includes(col)
+					) {
+						editing = [row, col];
+					}
+					break;
+			}
+
+			if ((e.ctrlKey || e.metaKey) && e.key === "c") {
+				handle_copy();
+			}
+		}
+	}
+
+	function handle_scroll(): void {
+		if (scroll_container) {
+			show_scroll_button = scroll_container.scrollTop > 100;
+		}
+	}
+
+	function scroll_to_top(): void {
+		scroll_container?.scrollTo({ top: 0 });
+	}
+
+	function toggle_cell_menu(event: MouseEvent, row: number, col: number): void {
+		event.stopPropagation();
+		if (active_cell_menu?.row === row && active_cell_menu.col === col) {
+			active_cell_menu = null;
+		} else {
+			const cell = (event.target as HTMLElement).closest(".body-cell, td");
+			if (cell) {
+				const rect = cell.getBoundingClientRect();
+				active_cell_menu = { row, col, x: rect.right, y: rect.bottom };
+			}
+		}
+	}
+
+	function on_file_upload(file_data: any): void {
+		handle_file_upload(
+			typeof file_data === "string" ? file_data : (file_data?.data ?? ""),
+			(head) => {
+				headers = head.map((h: any) => h ?? "");
+				return (headers as string[]).map((h: string, i: number) => ({
+					id: `h_${i}`,
+					value: h
+				}));
+			},
+			(vals) => {
+				values = vals;
+				push_change(vals, headers as string[]);
+			}
+		);
+	}
+
+	onMount(() => {
+		document.addEventListener("click", handle_click_outside);
+		return () => document.removeEventListener("click", handle_click_outside);
+	});
+
+	function measure_row(node: HTMLElement, _row?: unknown) {
+		tick().then(() => {
+			virtualizer.instance.measureElement(node as any);
+		});
+
+		return {
+			destroy() {}
+		};
+	}
+
+	let header_row_el: HTMLTableRowElement;
+	let header_table_el: HTMLTableElement;
+	let viewport_width = $state(0);
+
+	const measurement = create_column_measurement({
+		header_row_el: () => header_row_el,
+		header_table_el: () => header_table_el,
+		resolved_headers: () => resolved_headers,
+		row_data: () => row_data,
+		show_row_numbers: () => show_row_numbers,
+		column_widths: () => column_widths,
+		viewport_width: () => viewport_width,
+		on_resize: undefined
+	});
+
+	let disable_scroll = $derived(
+		active_cell_menu !== null || active_header_menu !== null
+	);
+	let selected_index = $derived(selected !== false ? selected[0] : false);
+
+	$effect(() => {
+		if (typeof selected_index === "number") {
+			virtualizer.instance.scrollToIndex(selected_index, { align: "auto" });
+		}
+	});
+
+	function get_sort_info(col: number): {
+		direction: SortDirection | null;
+		priority: number | null;
+	} {
+		const col_id = `col_${col}`;
+		const idx = sorting.findIndex((s) => s.id === col_id);
+		if (idx === -1) return { direction: null, priority: null };
+		return { direction: sorting[idx].desc ? "desc" : "asc", priority: idx + 1 };
+	}
+
+	function get_filter_active(col: number): boolean {
+		return column_filters.some((f) => f.id === `col_${col}`);
+	}
+</script>
+
+<svelte:window
+	onresize={() => {
+		active_cell_menu = null;
+		active_header_menu = null;
+	}}
+/>
+
+<div class="table-container" class:fullscreen>
+	{#if (label && label.length !== 0 && show_label) || (buttons === null ? true : buttons.includes("fullscreen")) || (buttons === null ? true : buttons.includes("copy")) || show_search !== "none"}
+		<div class="header-row">
+			{#if label && label.length !== 0 && show_label}
+				<div class="label"><p>{label}</p></div>
+			{/if}
+			<Toolbar
+				show_fullscreen_button={buttons === null
+					? true
+					: buttons.includes("fullscreen")}
+				{fullscreen}
+				on_copy={handle_copy}
+				show_copy_button={buttons === null ? true : buttons.includes("copy")}
+				{show_search}
+				onsearch={(query) => handle_search(query)}
+				{onfullscreen}
+				on_commit_filter={commit_filter}
+				current_search_query={global_filter || null}
+			/>
+		</div>
+	{/if}
+
+	<div
+		bind:this={parent}
+		class="table-wrap"
+		class:dragging={is_dragging}
+		class:menu-open={active_cell_menu || active_header_menu}
+		onkeydown={handle_keydown}
+		role="grid"
+		tabindex="0"
+		style="--df-max-col-width: {viewport_width}px;"
+	>
+		<Upload
+			{upload}
+			{stream_handler}
+			flex={false}
+			center={false}
+			boundedheight={false}
+			disable_click={true}
+			{root}
+			onload={on_file_upload}
+			bind:dragging
+			aria_label={i18n("dataframe.drop_to_upload")}
+		>
+			<div
+				class="virtual-table-viewport"
+				class:disable-scroll={disable_scroll}
+				bind:this={scroll_container}
+				bind:clientWidth={viewport_width}
+				onscroll={handle_scroll}
+				style="max-height: {max_height}px;"
+				role="grid"
+			>
+				{#if label && label.length !== 0}
+					<span class="sr-only">{label}</span>
+				{/if}
+				<!-- header row: uses table layout to auto-size columns by content -->
+				<table class="header-table" bind:this={header_table_el}>
+					<thead>
+						<tr bind:this={header_row_el}>
+							{#if show_row_numbers}
+								<th class="row-number-header">&nbsp;</th>
+							{/if}
+							{#each header_groups as headerGroup (headerGroup.id)}
+								{#each headerGroup.headers as header (header.id)}
+									{@const col_idx =
+										(header.column.columnDef.meta as any)?.colIndex ?? 0}
+									<HeaderCell
+										value={String(header.column.columnDef.header ?? "")}
+										{col_idx}
+										is_editing={header_edit === col_idx}
+										is_selected={selected_header === col_idx}
+										is_static={!!(header.column.columnDef.meta as any)
+											?.isStatic}
+										is_bool={get_dtype(col_idx) === "bool"}
+										select_all_state={get_select_all_state(col_idx)}
+										sort_direction={get_sort_info(col_idx).direction}
+										sort_priority={get_sort_info(col_idx).priority}
+										multi_sort={sorting.length > 1}
+										is_filtered={get_filter_active(col_idx)}
+										show_menu_button={col_count[1] === "dynamic"}
+										is_first_column={col_idx === 0 && !show_row_numbers}
+										{latex_delimiters}
+										{line_breaks}
+										{editable}
+										{max_chars}
+										{i18n}
+										wrap_text={wrap}
+										onclick={handle_header_click}
+										on_menu_click={toggle_header_menu}
+										on_end_edit={end_header_edit}
+										on_select_all={handle_select_all}
+									/>
+								{/each}
+							{/each}
+						</tr>
+					</thead>
+
+					<tbody class="sizing-body" aria-hidden="true">
+						{#if rows.length > 0}
+							{@const sizing_row = compute_sizing_row()}
+							<tr>
+								{#if show_row_numbers}
+									<td class="row-number-cell">{rows.length}</td>
+								{/if}
+								{#each sizing_row as entry (entry.col_idx)}
+									<td
+										><div class="cell-wrap">
+											{#if entry.dtype === "markdown"}
+												<MarkdownCode
+													message={entry.val}
+													{latex_delimiters}
+													{line_breaks}
+													chatbot={false}
+												/>
+											{:else if entry.dtype === "html"}
+												{@html entry.val}
+											{:else}
+												{entry.val}
+											{/if}
+										</div></td
+									>
+								{/each}
+							</tr>
+						{/if}
+					</tbody>
+				</table>
+
+				<!-- table body: absolutely positioned rows (standard tanstack virtual pattern) -->
+				<div
+					class="virtual-body"
+					style="height: {total_size}px; position: relative; flex-shrink: 0; width: {measurement.total_header_width
+						? `${measurement.total_header_width}px`
+						: '100%'};"
+				>
+					{#each virtual_items as virtual_row (virtual_row.key)}
+						{@const row = rows[virtual_row.index]}
+						{@const row_idx = row?.original._index ?? virtual_row.index}
+						{#if row}
+							<div
+								class="virtual-row"
+								class:row-odd={virtual_row.index % 2 !== 0}
+								data-index={virtual_row.index}
+								style="position: absolute; top: 0; left: 0; width: 100%; transform: translateY({virtual_row.start}px);{selected_cells.some(
+									([r]) => r === row_idx
+								)
+									? ' z-index: 3;'
+									: ''}"
+								use:measure_row={row}
+							>
+								{#if show_row_numbers}
+									<div
+										class="row-number-cell"
+										data-row={row_idx}
+										data-col="row-number"
+										style="flex: 0 0 {measurement.row_num_width}px; width: {measurement.row_num_width}px;"
+									>
+										{row_idx + 1}
+									</div>
+								{/if}
+								{#each row.getVisibleCells() as cell, ci (cell.id)}
+									{@const col_idx =
+										(cell.column.columnDef.meta as any)?.colIndex ?? 0}
+									{@const is_sel = is_cell_in_selection(
+										[row_idx, col_idx],
+										selected_cells
+									)}
+									<DataCell
+										value={cell.getValue() as CellValue}
+										display_value={get_display_value(row_idx, col_idx)}
+										datatype={get_dtype(col_idx)}
+										{row_idx}
+										{col_idx}
+										col_style={measurement.get_col_style(ci)}
+										cell_style={get_styling(row_idx, col_idx)}
+										selection_classes={is_cell_selected(
+											[row_idx, col_idx],
+											selected_cells
+										)}
+										is_editing={!!(
+											editing &&
+											editing[0] === row_idx &&
+											editing[1] === col_idx
+										)}
+										is_flash={copy_flash && is_sel}
+										is_static={!editable ||
+											!!(cell.column.columnDef.meta as any)?.isStatic}
+										show_menu_button={editable &&
+											!(cell.column.columnDef.meta as any)?.isStatic &&
+											selected_cells.length === 1 &&
+											selected_cells[0][0] === row_idx &&
+											selected_cells[0][1] === col_idx}
+										show_selection_buttons={selected_cells.length === 1 &&
+											selected_cells[0][0] === row_idx &&
+											selected_cells[0][1] === col_idx}
+										is_solo={selected_cells.length === 1 &&
+											selected_cells[0][0] === row_idx &&
+											selected_cells[0][1] === col_idx}
+										is_first_column={ci === 0 && !show_row_numbers}
+										{latex_delimiters}
+										{line_breaks}
+										{editable}
+										{max_chars}
+										{i18n}
+										{components}
+										{is_dragging}
+										wrap_text={wrap}
+										onmousedown={(e) => handle_cell_click(e, row_idx, col_idx)}
+										ondblclick={(e) =>
+											handle_cell_dblclick(e, row_idx, col_idx)}
+										oncontextmenu={(e) => {
+											const is_static_cell = !!(
+												cell.column.columnDef.meta as any
+											)?.isStatic;
+											if (!editable || is_static_cell) return;
+											e.preventDefault();
+											toggle_cell_menu(e, row_idx, col_idx);
+										}}
+										onblur={handle_blur}
+										on_menu_click={(e) => toggle_cell_menu(e, row_idx, col_idx)}
+										on_select_column={(c) => {
+											selected_cells = rows.map(
+												(_, r) => [r, c] as CellCoordinate
+											);
+											selected = selected_cells[0];
+										}}
+										on_select_row={(r) => {
+											selected_cells = resolved_headers.map(
+												(_, c) => [r, c] as CellCoordinate
+											);
+											selected = selected_cells[0];
+										}}
+									/>
+								{/each}
+							</div>
+						{/if}
+					{/each}
+				</div>
+			</div>
+		</Upload>
+
+		{#if show_scroll_button}
+			<button class="scroll-top-button" onclick={scroll_to_top}>&uarr;</button>
+		{/if}
+	</div>
+</div>
+
+{#if active_cell_menu || active_header_menu}
+	<CellMenu
+		x={active_cell_menu?.x ?? active_header_menu?.x ?? 0}
+		y={active_cell_menu?.y ?? active_header_menu?.y ?? 0}
+		row={active_header_menu ? -1 : (active_cell_menu?.row ?? 0)}
+		{col_count}
+		{row_count}
+		on_add_row_above={() => add_row_at(active_cell_menu?.row ?? -1, "above")}
+		on_add_row_below={() => add_row_at(active_cell_menu?.row ?? -1, "below")}
+		on_add_column_left={() =>
+			add_col_at(
+				active_cell_menu?.col ?? active_header_menu?.col ?? -1,
+				"left"
+			)}
+		on_add_column_right={() =>
+			add_col_at(
+				active_cell_menu?.col ?? active_header_menu?.col ?? -1,
+				"right"
+			)}
+		on_delete_row={() => delete_row_at(active_cell_menu?.row ?? -1)}
+		on_delete_col={() =>
+			delete_col_at(active_cell_menu?.col ?? active_header_menu?.col ?? -1)}
+		{editable}
+		can_delete_rows={!active_header_menu && values.length > 1 && editable}
+		can_delete_cols={values.length > 0 &&
+			(values[0]?.length ?? 0) > 1 &&
+			editable}
+		{i18n}
+		on_sort={active_header_menu
+			? (direction) => {
+					handle_sort(active_header_menu!.col, direction);
+					active_header_menu = null;
+				}
+			: undefined}
+		on_clear_sort={active_header_menu
+			? () => {
+					clear_sort();
+					active_header_menu = null;
+				}
+			: undefined}
+		sort_direction={active_header_menu
+			? get_sort_info(active_header_menu.col).direction
+			: null}
+		sort_priority={active_header_menu
+			? get_sort_info(active_header_menu.col).priority
+			: null}
+		on_filter={active_header_menu
+			? (dtype, filter, fvalue) => {
+					handle_filter(active_header_menu!.col, dtype, filter, fvalue);
+					active_header_menu = null;
+				}
+			: undefined}
+		on_clear_filter={active_header_menu
+			? () => {
+					clear_filter();
+					active_header_menu = null;
+				}
+			: undefined}
+		filter_active={active_header_menu
+			? get_filter_active(active_header_menu.col)
+			: null}
+	/>
+{/if}
+
+{#if values.length === 0 && editable && row_count[1] === "dynamic"}
+	<EmptyRowButton on_click={() => add_row()} />
+{/if}
+
+<style>
+	.table-container {
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-2);
+		position: relative;
+		max-width: 100%;
+		overflow-x: hidden;
+	}
+
+	.table-container.fullscreen {
+		padding: var(--size-4);
+		height: 100%;
+		box-sizing: border-box;
+	}
+
+	.table-container.fullscreen .table-wrap {
+		flex: 1 1 auto;
+		min-height: 0;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.table-container.fullscreen .table-wrap > :global(*) {
+		flex: 1 1 auto;
+		min-height: 0;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.table-container.fullscreen .virtual-table-viewport {
+		max-height: none !important;
+		flex: 1 1 auto;
+		min-height: 0;
+	}
+
+	.table-wrap {
+		position: relative;
+		transition: 150ms;
+		width: 100%;
+	}
+
+	/* Constrain Upload component wrapper */
+	.table-wrap > :global(*) {
+		max-width: 100%;
+	}
+
+	.table-wrap.menu-open {
+		overflow: hidden;
+	}
+
+	.table-wrap:focus-within {
+		outline: none;
+	}
+
+	.table-wrap.dragging {
+		cursor: crosshair !important;
+		user-select: none;
+	}
+
+	.table-wrap.dragging * {
+		cursor: crosshair !important;
+		user-select: none;
+	}
+
+	.table-wrap > :global(button) {
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--table-radius);
+		overflow: hidden;
+	}
+
+	/* Virtual scroll container */
+	.virtual-table-viewport {
+		display: flex;
+		flex-direction: column;
+		overflow: auto;
+		position: relative;
+		-webkit-overflow-scrolling: touch;
+		min-width: 0;
+		max-width: 100%;
+		scrollbar-width: thin;
+		scrollbar-color: rgba(128, 128, 128, 0.5) transparent;
+	}
+
+	.virtual-table-viewport::-webkit-scrollbar {
+		width: 4px;
+		height: 4px;
+	}
+
+	.virtual-table-viewport::-webkit-scrollbar-thumb {
+		background-color: rgba(128, 128, 128, 0.5);
+		border-radius: 4px;
+	}
+
+	.virtual-table-viewport:hover {
+		scrollbar-color: rgba(160, 160, 160, 0.7) transparent;
+	}
+
+	.virtual-table-viewport.disable-scroll {
+		overflow: hidden !important;
+	}
+
+	/* Header table: auto-sizes columns by content, sticky */
+	.header-table {
+		width: 100%;
+		color: var(--body-text-color);
+		font-size: var(--input-text-size);
+		line-height: var(--line-md);
+		font-family: var(--font-mono);
+		border-spacing: 0;
+		border-collapse: separate;
+		table-layout: auto;
+		position: sticky;
+		top: 0;
+		z-index: 7;
+		flex-shrink: 0;
+	}
+
+	/* Hidden sizing row — visibility:collapse hides the row but keeps column width contribution */
+	.sizing-body tr {
+		visibility: collapse;
+	}
+
+	.sizing-body td {
+		padding: var(--size-2);
+		border: none;
+		white-space: nowrap;
+		max-width: var(--df-max-col-width);
+		overflow: hidden;
+	}
+
+	.header-table :global(.header-cell) {
+		max-width: var(--df-max-col-width);
+	}
+
+	/* Virtual body */
+	.virtual-body {
+		box-sizing: border-box;
+	}
+
+	.virtual-row {
+		display: flex;
+		align-items: stretch;
+		background: var(--table-odd-background-fill);
+
+		text-align: left;
+		font-size: var(--input-text-size);
+		line-height: var(--line-md);
+		font-family: var(--font-mono);
+		color: var(--body-text-color);
+		min-height: var(--size-9);
+	}
+
+	.virtual-row:last-child {
+		border-bottom: none;
+	}
+
+	.virtual-row.row-odd {
+		background: var(--table-even-background-fill);
+	}
+
+	.virtual-row:hover {
+		background: var(--table-row-focus);
+	}
+
+	/* Cell content wrapper (used in sizing-body) */
+	.cell-wrap {
+		display: flex;
+		align-items: center;
+		justify-content: flex-start;
+		outline: none;
+		min-height: var(--size-9);
+		position: relative;
+		height: 100%;
+		padding: var(--size-2);
+		box-sizing: border-box;
+		gap: var(--size-1);
+		overflow: visible;
+		min-width: 0;
+	}
+
+	/* Row number cells */
+	.row-number-header {
+		text-align: center;
+		padding: var(--size-1);
+		min-width: var(--size-12);
+		width: var(--size-12);
+		font-weight: var(--weight-semibold);
+		border-right: 1px solid var(--border-color-primary);
+		background: var(--table-even-background-fill) !important;
+	}
+
+	.row-number-cell {
+		text-align: center;
+		padding: var(--size-1);
+		min-width: var(--size-12);
+		width: var(--size-12);
+		flex-shrink: 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		font-weight: var(--weight-semibold);
+		border-right: 1px solid var(--border-color-primary);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.header-row {
+		display: flex;
+		justify-content: flex-end;
+		align-items: center;
+		gap: var(--size-2);
+		min-height: var(--size-6);
+		flex-wrap: nowrap;
+		width: 100%;
+	}
+
+	.header-row .label {
+		flex: 1 1 auto;
+		margin-right: auto;
+		font-family: var(--font-sans);
+	}
+
+	.header-row .label p {
+		margin: 0;
+		color: var(--block-label-text-color);
+		font-size: var(--block-label-text-size);
+		line-height: var(--line-sm);
+	}
+
+	.scroll-top-button {
+		position: absolute;
+		right: var(--size-4);
+		bottom: var(--size-4);
+		width: var(--size-8);
+		height: var(--size-8);
+		border-radius: var(--table-radius);
+		background: var(--color-accent);
+		color: white;
+		border: none;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: var(--text-lg);
+		z-index: 9;
+		opacity: 0.5;
+	}
+
+	.scroll-top-button:hover {
+		opacity: 1;
+	}
+</style>
diff --git a/js/dataframe/shared/Toolbar.svelte b/js/dataframe/shared/Toolbar.svelte
new file mode 100644
index 0000000..030c339
--- /dev/null
+++ b/js/dataframe/shared/Toolbar.svelte
@@ -0,0 +1,208 @@
+<script lang="ts">
+	import { Copy, Check } from "@gradio/icons";
+	import { FullscreenButton } from "@gradio/atoms";
+	import { IconButton } from "@gradio/atoms";
+
+	let {
+		show_fullscreen_button = false,
+		show_copy_button = false,
+		show_search = "none",
+		fullscreen = false,
+		on_copy,
+		on_commit_filter,
+		current_search_query = null,
+		onsearch,
+		onfullscreen
+	}: {
+		show_fullscreen_button?: boolean;
+		show_copy_button?: boolean;
+		show_search?: "none" | "search" | "filter";
+		fullscreen?: boolean;
+		on_copy: () => Promise<void>;
+		on_commit_filter: () => void;
+		current_search_query?: string | null;
+		onsearch?: (query: string | null) => void;
+		onfullscreen?: () => void;
+	} = $props();
+
+	let copied = $state(false);
+	let timer: ReturnType<typeof setTimeout>;
+	let input_value = $state("");
+
+	function handle_search_input(e: Event): void {
+		const target = e.target as HTMLTextAreaElement;
+		input_value = target.value;
+		const new_query = input_value || null;
+		if (current_search_query !== new_query) {
+			current_search_query = new_query;
+			onsearch?.(current_search_query);
+		}
+	}
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 2000);
+	}
+
+	async function handle_copy(): Promise<void> {
+		await on_copy();
+		copy_feedback();
+	}
+
+	$effect(() => {
+		return () => {
+			if (timer) clearTimeout(timer);
+		};
+	});
+</script>
+
+<div class="toolbar" role="toolbar" aria-label="Table actions">
+	<div class="toolbar-buttons">
+		{#if show_search !== "none"}
+			<div class="search-container">
+				<input
+					type="text"
+					value={current_search_query || ""}
+					oninput={handle_search_input}
+					placeholder={show_search === "filter" ? "Filter..." : "Search..."}
+					class="search-input"
+					class:filter-mode={show_search === "filter"}
+					title={`Enter text to ${show_search} the table`}
+				/>
+				{#if current_search_query && show_search === "filter"}
+					<button
+						class="toolbar-button check-button"
+						onclick={on_commit_filter}
+						aria-label="Apply filter and update dataframe values"
+						title="Apply filter and update dataframe values"
+					>
+						<Check />
+					</button>
+				{/if}
+			</div>
+		{/if}
+		{#if show_copy_button}
+			<IconButton
+				Icon={copied ? Check : Copy}
+				label={copied ? "Copied to clipboard" : "Copy table data"}
+				onclick={handle_copy}
+			/>
+		{/if}
+		{#if show_fullscreen_button}
+			<FullscreenButton {fullscreen} onclick={(_fs) => onfullscreen?.()} />
+		{/if}
+	</div>
+</div>
+
+<style>
+	.toolbar {
+		display: flex;
+		align-items: center;
+		gap: var(--size-2);
+		flex: 0 0 auto;
+		font-family: var(--font-sans);
+	}
+
+	.toolbar-buttons {
+		display: flex;
+		gap: var(--size-1);
+		flex-wrap: nowrap;
+		align-items: center;
+	}
+
+	.toolbar-button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--size-6);
+		height: var(--size-6);
+		padding: var(--size-1);
+		border: none;
+		border-radius: var(--radius-sm);
+		background: transparent;
+		color: var(--body-text-color-subdued);
+		cursor: pointer;
+		transition: all 0.2s;
+	}
+
+	.toolbar-button:hover {
+		background: var(--background-fill-secondary);
+		color: var(--body-text-color);
+	}
+
+	.toolbar-button :global(svg) {
+		width: var(--size-4);
+		height: var(--size-4);
+	}
+
+	.search-container {
+		position: relative;
+	}
+
+	.search-input {
+		width: var(--size-full);
+		height: var(--size-6);
+		padding: var(--size-2);
+		padding-right: var(--size-8);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--table-radius);
+		font-size: var(--text-sm);
+		color: var(--body-text-color);
+		background: var(--background-fill-secondary);
+		transition: all 0.2s ease;
+	}
+
+	.search-input:hover {
+		border-color: var(--border-color-secondary);
+		background: var(--background-fill-primary);
+	}
+
+	.search-input:focus {
+		outline: none;
+		border-color: var(--color-accent);
+		background: var(--background-fill-primary);
+		box-shadow: 0 0 0 1px var(--color-accent);
+	}
+
+	.check-button {
+		position: absolute;
+		right: var(--size-1);
+		top: 50%;
+		transform: translateY(-50%);
+		background: var(--color-accent);
+		color: white;
+		border: none;
+		width: var(--size-4);
+		height: var(--size-4);
+		border-radius: var(--radius-sm);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: var(--size-1);
+	}
+
+	.check-button :global(svg) {
+		width: var(--size-3);
+		height: var(--size-3);
+	}
+
+	.check-button:hover {
+		background: var(--color-accent-soft);
+	}
+
+	.toolbar-buttons :global(.icon-button) {
+		background: transparent !important;
+		height: var(--size-6);
+		width: var(--size-6);
+	}
+
+	.toolbar-buttons :global(.icon-button:hover) {
+		background: var(--background-fill-secondary) !important;
+		color: var(--body-text-color) !important;
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm) !important;
+	}
+</style>
diff --git a/js/dataframe/shared/column_measurement.svelte.ts b/js/dataframe/shared/column_measurement.svelte.ts
new file mode 100644
index 0000000..c6d9f36
--- /dev/null
+++ b/js/dataframe/shared/column_measurement.svelte.ts
@@ -0,0 +1,187 @@
+/**
+ * measures header cell positions/widths and provides inline styles
+ * for absolutely-positioned body cells to match.
+ */
+export function create_column_measurement(opts: {
+	header_row_el: () => HTMLTableRowElement | undefined;
+	header_table_el: () => HTMLTableElement | undefined;
+	resolved_headers: () => string[];
+	row_data: () => any[];
+	show_row_numbers: () => boolean;
+	column_widths: () => string[];
+	viewport_width: () => number;
+	on_resize?: () => void;
+}): {
+	readonly col_widths: number[];
+	readonly col_lefts: number[];
+	readonly total_header_width: number;
+	readonly header_height: number;
+	readonly row_num_width: number;
+	get_col_style: (index: number) => string;
+} {
+	let col_widths: number[] = $state([]);
+	let total_header_width: number = $state(0);
+	let header_height: number = $state(0);
+
+	// use offsets (not just widths) avoids accumulated subpixel rounding errors
+	let col_lefts: number[] = $state([]);
+
+	function resolve_user_width(
+		raw: string | undefined,
+		vw: number
+	): number | null {
+		if (!raw || raw === "auto") return null;
+		if (raw.endsWith("%")) {
+			const pct = parseFloat(raw);
+			if (!isFinite(pct) || vw <= 0) return null;
+			return (pct / 100) * vw;
+		}
+		if (raw.endsWith("px")) {
+			const n = parseFloat(raw);
+			return isFinite(n) ? n : null;
+		}
+		const n = parseFloat(raw);
+		return isFinite(n) ? n : null;
+	}
+
+	function clear_pin(el: HTMLElement): void {
+		if (el.style.width) el.style.width = "";
+		if (el.style.minWidth) el.style.minWidth = "";
+		if (el.style.maxWidth) el.style.maxWidth = "";
+	}
+
+	function pin(el: HTMLElement, target: string): void {
+		if (el.style.width !== target) el.style.width = target;
+		if (el.style.minWidth !== target) el.style.minWidth = target;
+		if (el.style.maxWidth !== target) el.style.maxWidth = target;
+	}
+
+	function measure(): void {
+		const current_row_el = opts.header_row_el();
+		const current_table_el = opts.header_table_el();
+		if (!current_row_el || !current_table_el) return;
+
+		const cells = Array.from(
+			current_row_el.querySelectorAll<HTMLElement>(".header-cell")
+		);
+		// sizing-body mirrors the data columns to give auto-layout a read on
+		// body-content widths. we also pin its cells so user widths are
+		// honored exactly (otherwise the sizing row's nowrap min-content
+		// forces the column wider than the user asked for).
+		const sizing_tds_all = Array.from(
+			current_table_el.querySelectorAll<HTMLElement>(".sizing-body > tr > td")
+		);
+		const sizing_data_tds = opts.show_row_numbers()
+			? sizing_tds_all.slice(1)
+			: sizing_tds_all;
+
+		cells.forEach(clear_pin);
+		sizing_data_tds.forEach(clear_pin);
+		current_table_el.style.width = "auto";
+		current_table_el.getBoundingClientRect(); // force layout flush
+
+		const vw = opts.viewport_width();
+		const user_widths = opts.column_widths();
+
+		const next_widths = cells.map((cell, i) => {
+			const resolved = resolve_user_width(user_widths[i], vw);
+			if (resolved != null) return resolved;
+			// cap auto-sized columns at the viewport so a single column
+			// can never be wider than the visible scroll area
+			const measured = cell.getBoundingClientRect().width;
+			return vw > 0 ? Math.min(measured, vw) : measured;
+		});
+
+		cells.forEach((cell, i) => pin(cell, `${next_widths[i]}px`));
+		sizing_data_tds.forEach((cell, i) => {
+			if (next_widths[i] == null) return;
+			pin(cell, `${next_widths[i]}px`);
+		});
+
+		// set the table width to the sum of columns so auto-layout
+		// has no extra space to redistribute
+		let table_w = next_widths.reduce((a, b) => a + b, 0);
+		if (opts.show_row_numbers()) {
+			const rn =
+				current_row_el.querySelector<HTMLElement>(".row-number-header");
+			if (rn) table_w += rn.getBoundingClientRect().width;
+		}
+		current_table_el.style.width = `${table_w}px`;
+
+		const after_rect = current_table_el.getBoundingClientRect();
+		col_lefts = cells.map(
+			(c) => c.getBoundingClientRect().left - after_rect.left
+		);
+		col_widths = next_widths;
+		total_header_width = after_rect.width;
+		header_height = after_rect.height;
+		opts.on_resize?.();
+	}
+
+	$effect(() => {
+		const table_el = opts.header_table_el();
+		const row_el = opts.header_row_el();
+		if (!table_el || !row_el) return;
+
+		// re-run when columns change so we observe new cells
+		opts.resolved_headers();
+
+		const ro = new ResizeObserver(measure);
+		ro.observe(table_el);
+
+		// observe individual header cells so content-driven column
+		// width changes (editing, data updates) trigger a re-measure
+		// even when the overall table dimensions stay the same
+		const cells = row_el.querySelectorAll<HTMLElement>(".header-cell");
+		cells.forEach((cell) => ro.observe(cell));
+
+		return () => ro.disconnect();
+	});
+
+	$effect(() => {
+		opts.viewport_width();
+		opts.column_widths();
+		measure();
+	});
+
+	let row_num_width = $derived.by(() => {
+		if (!opts.show_row_numbers()) return 0;
+		const row_el = opts.header_row_el();
+		if (!row_el) return 0;
+		const el = row_el.querySelector<HTMLElement>(".row-number-header");
+		return el?.getBoundingClientRect().width ?? 48;
+	});
+
+	function get_col_style(index: number): string {
+		if (col_widths[index] !== undefined) {
+			return `width: ${col_widths[index]}px; flex: 0 0 ${col_widths[index]}px;`;
+		}
+		const resolved = resolve_user_width(
+			opts.column_widths()[index],
+			opts.viewport_width()
+		);
+		if (resolved != null) {
+			return `width: ${resolved}px; flex: 0 0 ${resolved}px;`;
+		}
+		return "width: 150px; flex: 0 0 150px;";
+	}
+
+	return {
+		get col_widths() {
+			return col_widths;
+		},
+		get col_lefts() {
+			return col_lefts;
+		},
+		get total_header_width() {
+			return total_header_width;
+		},
+		get header_height() {
+			return header_height;
+		},
+		get row_num_width() {
+			return row_num_width;
+		},
+		get_col_style
+	};
+}
diff --git a/js/dataframe/shared/icons/FilterIcon.svelte b/js/dataframe/shared/icons/FilterIcon.svelte
new file mode 100644
index 0000000..bd5bf82
--- /dev/null
+++ b/js/dataframe/shared/icons/FilterIcon.svelte
@@ -0,0 +1,20 @@
+<svg viewBox="0 0 24 24" width="20" height="20">
+	<path
+		d="M5 5H19"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+	/>
+	<path
+		d="M8 9H16"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+	/>
+	<path
+		d="M11 13H13"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/dataframe/shared/icons/Padlock.svelte b/js/dataframe/shared/icons/Padlock.svelte
new file mode 100644
index 0000000..5ad360f
--- /dev/null
+++ b/js/dataframe/shared/icons/Padlock.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	let { size = 16 } = $props();
+</script>
+
+<div class="wrapper" aria-label="Static column">
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		width={size}
+		height={size}
+		viewBox="0 0 24 24"
+		fill="none"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	>
+		<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
+		<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
+	</svg>
+</div>
+
+<style>
+	.wrapper {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+</style>
diff --git a/js/dataframe/shared/icons/SelectionButtons.svelte b/js/dataframe/shared/icons/SelectionButtons.svelte
new file mode 100644
index 0000000..da8c09b
--- /dev/null
+++ b/js/dataframe/shared/icons/SelectionButtons.svelte
@@ -0,0 +1,108 @@
+<script lang="ts">
+	let {
+		position,
+		coords,
+		on_click = null
+	}: {
+		position: "column" | "row";
+		coords: [number, number];
+		on_click?: (() => void) | null;
+	} = $props();
+
+	let is_first_position = $derived(
+		position === "column" ? coords[0] === 0 : coords[1] === 0
+	);
+	let direction = $derived(
+		position === "column"
+			? is_first_position
+				? "down"
+				: "up"
+			: is_first_position
+				? "right"
+				: "left"
+	);
+</script>
+
+<button
+	class="selection-button selection-button-{position} {is_first_position
+		? `move-${direction}`
+		: ''}"
+	onclick={(e: MouseEvent) => {
+		e.stopPropagation();
+		on_click && on_click();
+	}}
+	aria-label={`Select ${position}`}
+>
+	<span class={direction}>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+			<path
+				d="m16.707 13.293-4-4a1 1 0 0 0-1.414 0l-4 4A1 1 0 0 0 8 15h8a1 1 0 0 0 .707-1.707z"
+				data-name={direction}
+			/>
+		</svg>
+	</span>
+</button>
+
+<style>
+	.selection-button {
+		position: absolute;
+		background: var(--color-accent);
+		width: var(--size-3);
+		height: var(--size-5);
+		color: var(--background-fill-primary);
+	}
+
+	.selection-button-column {
+		top: -15px;
+		left: 50%;
+		transform: translateX(-50%) rotate(90deg);
+		border-radius: var(--radius-sm) 0 0 var(--radius-sm);
+	}
+
+	.selection-button-row {
+		left: calc(var(--size-2-5) * -1);
+		top: 50%;
+		transform: translateY(-50%);
+		border-radius: var(--radius-sm) 0 0 var(--radius-sm);
+	}
+
+	.move-down {
+		bottom: -14px;
+		top: auto;
+		border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+	}
+
+	.move-right {
+		left: auto;
+		right: calc(var(--size-2-5) * -1);
+		top: 50%;
+		transform: translateY(-50%);
+		border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+	}
+
+	svg {
+		fill: currentColor;
+	}
+
+	span {
+		display: flex;
+		width: 100%;
+		height: 100%;
+	}
+
+	.up {
+		transform: rotate(-90deg);
+	}
+
+	.down {
+		transform: rotate(90deg);
+	}
+
+	.left {
+		transform: rotate(-90deg);
+	}
+
+	.right {
+		transform: rotate(90deg);
+	}
+</style>
diff --git a/js/dataframe/shared/icons/SortButtonDown.svelte b/js/dataframe/shared/icons/SortButtonDown.svelte
new file mode 100644
index 0000000..bab1f61
--- /dev/null
+++ b/js/dataframe/shared/icons/SortButtonDown.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	let { size = 16 } = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 16 16"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M4 8L8 12L12 8"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M8 12V4"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/dataframe/shared/icons/SortButtonUp.svelte b/js/dataframe/shared/icons/SortButtonUp.svelte
new file mode 100644
index 0000000..797e762
--- /dev/null
+++ b/js/dataframe/shared/icons/SortButtonUp.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	let { size = 16 } = $props();
+</script>
+
+<svg
+	width={size}
+	height={size}
+	viewBox="0 0 16 16"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M4 8L8 4L12 8"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M8 4V12"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/dataframe/shared/icons/SortIcon.svelte b/js/dataframe/shared/icons/SortIcon.svelte
new file mode 100644
index 0000000..faa320a
--- /dev/null
+++ b/js/dataframe/shared/icons/SortIcon.svelte
@@ -0,0 +1,78 @@
+<script lang="ts">
+	import type { I18nFormatter } from "@gradio/utils";
+	import SortButtonUp from "./SortButtonUp.svelte";
+	import SortButtonDown from "./SortButtonDown.svelte";
+	import { IconButton } from "@gradio/atoms";
+	type SortDirection = "asc" | "desc";
+
+	let {
+		direction = null,
+		priority = null,
+		i18n,
+		onsort
+	}: {
+		direction?: SortDirection | null;
+		priority?: number | null;
+		i18n: I18nFormatter;
+		onsort?: (direction: SortDirection) => void;
+	} = $props();
+</script>
+
+<div class="sort-icons" role="group" aria-label={i18n("dataframe.sort_column")}>
+	{#if (direction === "asc" || direction === "desc") && priority !== null}
+		<span aria-label={`Sort priority: ${priority}`} class="priority"
+			>{priority}</span
+		>
+	{/if}
+	<IconButton
+		size="x-small"
+		label={i18n("dataframe.sort_ascending")}
+		Icon={SortButtonUp}
+		highlight={direction === "asc"}
+		onclick={(event) => {
+			event.stopPropagation();
+			onsort?.("asc");
+		}}
+	></IconButton>
+	<IconButton
+		size="x-small"
+		label={i18n("dataframe.sort_descending")}
+		Icon={SortButtonDown}
+		highlight={direction === "desc"}
+		onclick={(event) => {
+			event.stopPropagation();
+			onsort?.("desc");
+		}}
+	></IconButton>
+</div>
+
+<style>
+	.sort-icons {
+		display: flex;
+		flex-direction: column;
+		gap: 0;
+		margin-right: var(--spacing-sm);
+	}
+
+	.sort-icons :global(button) {
+		margin-bottom: var(--spacing-xs);
+		border: 1px solid var(--border-color-primary);
+		background: unset;
+	}
+
+	.priority {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		font-size: var(--size-2);
+		left: 19px;
+		z-index: var(--layer-3);
+		top: var(--spacing-xs);
+		background-color: var(--button-secondary-background-fill);
+		color: var(--body-text-color);
+		border-radius: var(--radius-sm);
+		width: var(--size-2-5);
+		height: var(--size-2-5);
+	}
+</style>
diff --git a/js/dataframe/shared/tanstack/index.ts b/js/dataframe/shared/tanstack/index.ts
new file mode 100644
index 0000000..98f6bf4
--- /dev/null
+++ b/js/dataframe/shared/tanstack/index.ts
@@ -0,0 +1,23 @@
+export { createSvelteTable } from "./table.svelte.js";
+
+export { createSvelteVirtualizer, type VirtualItem } from "./virtual.svelte.js";
+
+export {
+	createColumnHelper,
+	getCoreRowModel,
+	getSortedRowModel,
+	getFilteredRowModel,
+	type ColumnDef,
+	type TableOptions,
+	type Table,
+	type Header,
+	type Cell,
+	type Row,
+	type SortingState,
+	type ColumnFiltersState,
+	type ColumnPinningState,
+	type FilterFn,
+	type SortingFn,
+	type CellContext,
+	type HeaderContext
+} from "@tanstack/table-core";
diff --git a/js/dataframe/shared/tanstack/table.svelte.ts b/js/dataframe/shared/tanstack/table.svelte.ts
new file mode 100644
index 0000000..daf2a50
--- /dev/null
+++ b/js/dataframe/shared/tanstack/table.svelte.ts
@@ -0,0 +1,121 @@
+import {
+	createTable,
+	type RowData,
+	type TableOptions,
+	type TableOptionsResolved,
+	type TableState
+} from "@tanstack/table-core";
+
+/**
+ * Merges objects while preserving property getters for lazy evaluation.
+ * Properties are defined as getters that look up values from sources in
+ * reverse order at access time. This is critical: it means reading a
+ * property from the merged result doesn't happen until the property is
+ * actually accessed, not when mergeObjects is called.
+ */
+export function mergeObjects(...sources: any): any {
+	const target: Record<string, any> = {};
+	for (let i = 0; i < sources.length; i++) {
+		let source = sources[i];
+		if (typeof source === "function") source = source();
+		if (source) {
+			const descriptors = Object.getOwnPropertyDescriptors(source);
+			for (const key in descriptors) {
+				if (key in target) continue;
+				Object.defineProperty(target, key, {
+					enumerable: true,
+					get() {
+						for (let j = sources.length - 1; j >= 0; j--) {
+							let s = sources[j];
+							if (typeof s === "function") s = s();
+							const v = (s || {})[key];
+							if (v !== undefined) return v;
+						}
+					}
+				});
+			}
+		}
+	}
+	return target;
+}
+
+/**
+ * Creates a reactive TanStack Table for Svelte 5.
+ *
+ * The reactivity works through mergeObjects' lazy getters:
+ * - $effect.pre calls table.setOptions() with a merged object
+ * - The merged object has lazy getters for `data`, `columns`, `state`, etc.
+ * - TanStack stores this object but doesn't deep-read all properties immediately
+ * - When getRowModel() is called (in $derived), TanStack reads `data` and `columns`
+ *   through the lazy getters, which read the reactive $state/$derived values
+ * - onStateChange fires when TanStack mutates its own state → bumps version
+ * - version is read by getRowModel/getHeaderGroups → $derived re-evaluates
+ */
+export function createSvelteTable<TData extends RowData>(
+	options: TableOptions<TData>
+) {
+	const resolvedOptions: TableOptionsResolved<TData> = mergeObjects(
+		{
+			state: {},
+			onStateChange() {},
+			renderFallbackValue: null,
+			mergeOptions: (
+				defaultOptions: TableOptions<TData>,
+				opts: Partial<TableOptions<TData>>
+			) => {
+				return mergeObjects(defaultOptions, opts);
+			}
+		},
+		options
+	);
+
+	const table = createTable(resolvedOptions);
+	let state = $state<Partial<TableState>>(table.initialState);
+	let version = $state(0);
+
+	function updateOptions(): void {
+		table.setOptions(() => {
+			// Always merge from resolvedOptions instead of prev to prevent
+			// unbounded getter chains. Using prev would add a new mergeObjects
+			// layer on every call; properties not in the overrides would have
+			// to traverse every previous layer, causing stack overflow.
+			// TanStack's setOptions already re-applies feature defaults via
+			// mergeOptions, so we don't lose any internal defaults.
+			return mergeObjects(resolvedOptions, options, {
+				state: mergeObjects(state, options.state || {}),
+				onStateChange: (updater: any) => {
+					if (updater instanceof Function) state = updater(state);
+					else state = mergeObjects(state, updater);
+					version += 1;
+					options.onStateChange?.(updater);
+				}
+			});
+		});
+	}
+
+	// Initial sync
+	updateOptions();
+
+	// Re-sync when options change. Because mergeObjects uses lazy getters,
+	// this effect's tracked dependencies are only the properties that
+	// table.setOptions() eagerly reads (which is minimal — mostly just
+	// checking if the options object reference changed).
+	$effect.pre(() => {
+		updateOptions();
+	});
+
+	return {
+		getRowModel: () => {
+			void version;
+			return table.getRowModel();
+		},
+		getHeaderGroups: () => {
+			void version;
+			return table.getHeaderGroups();
+		},
+		getColumn: (id: string) => {
+			void version;
+			return table.getColumn(id);
+		}
+	};
+}
diff --git a/js/dataframe/shared/tanstack/virtual.svelte.ts b/js/dataframe/shared/tanstack/virtual.svelte.ts
new file mode 100644
index 0000000..625157d
--- /dev/null
+++ b/js/dataframe/shared/tanstack/virtual.svelte.ts
@@ -0,0 +1,105 @@
+import {
+	Virtualizer,
+	elementScroll,
+	observeElementOffset,
+	observeElementRect,
+	type PartialKeys,
+	type VirtualizerOptions
+} from "@tanstack/virtual-core";
+import { untrack } from "svelte";
+
+export type { VirtualItem } from "@tanstack/virtual-core";
+
+/**
+ * Creates a reactive TanStack Virtualizer for Svelte 5.
+ *
+ * Returns a getter function that returns the virtualizer instance.
+ * Call the getter inside $derived or template expressions to create
+ * reactive dependencies on the virtualizer state.
+ */
+export function createSvelteVirtualizer<
+	TScrollElement extends Element,
+	TItemElement extends Element
+>(
+	options: PartialKeys<
+		VirtualizerOptions<TScrollElement, TItemElement>,
+		"observeElementRect" | "observeElementOffset" | "scrollToFn"
+	>
+): {
+	instance: Virtualizer<TScrollElement, TItemElement>;
+	virtualItems: () => ReturnType<
+		Virtualizer<TScrollElement, TItemElement>["getVirtualItems"]
+	>;
+	totalSize: () => number;
+} {
+	let version = $state(0);
+
+	const virtualizer = new Virtualizer<TScrollElement, TItemElement>({
+		observeElementRect: observeElementRect,
+		observeElementOffset: observeElementOffset,
+		scrollToFn: elementScroll,
+		...options,
+		onChange: (instance, sync) => {
+			if (sync) {
+				version += 1;
+			} else {
+				queueMicrotask(() => {
+					version += 1;
+				});
+			}
+			options.onChange?.(instance, sync);
+		}
+	});
+
+	$effect(() => {
+		const cleanup = virtualizer._didMount();
+		untrack(() => {
+			version += 1;
+		});
+		return cleanup;
+	});
+
+	let prev_count = 0;
+
+	$effect(() => {
+		const current_count = options.count;
+		virtualizer.setOptions({
+			observeElementRect: observeElementRect,
+			observeElementOffset: observeElementOffset,
+			scrollToFn: elementScroll,
+			...options,
+			onChange: (instance, sync) => {
+				if (sync) {
+					version += 1;
+				} else {
+					queueMicrotask(() => {
+						version += 1;
+					});
+				}
+				options.onChange?.(instance, sync);
+			}
+		});
+
+		if (prev_count === 0 && current_count > 0) {
+			virtualizer.measure();
+		}
+		prev_count = current_count;
+	});
+
+	$effect.pre(() => {
+		void version;
+		virtualizer._willUpdate();
+	});
+
+	return {
+		instance: virtualizer,
+		virtualItems: () => {
+			void version;
+			return virtualizer.getVirtualItems();
+		},
+		totalSize: () => {
+			void version;
+			return virtualizer.getTotalSize();
+		}
+	};
+}
diff --git a/js/dataframe/shared/types.ts b/js/dataframe/shared/types.ts
new file mode 100644
index 0000000..46f416d
--- /dev/null
+++ b/js/dataframe/shared/types.ts
@@ -0,0 +1,34 @@
+export type CellCoordinate = [number, number];
+export type EditingState = CellCoordinate | false;
+
+export type Headers = (string | null)[];
+
+export interface HeadersWithIDs {
+	id: string;
+	value: string;
+}
+[];
+
+export type CellValue = string | number | boolean;
+
+export interface TableCell {
+	id: string;
+	value: CellValue;
+}
+
+export type TableData = TableCell[][];
+
+export type CountConfig = [number, "fixed" | "dynamic"];
+
+export type ElementRefs = Record<
+	string,
+	{
+		cell: null | HTMLTableCellElement;
+		input: null | HTMLTextAreaElement;
+	}
+>;
+
+export type DataBinding = Record<string, TableCell>;
+
+export type SortDirection = "asc" | "desc";
+export type FilterDatatype = "string" | "number";
diff --git a/js/dataframe/shared/utils/filter.ts b/js/dataframe/shared/utils/filter.ts
new file mode 100644
index 0000000..431ba81
--- /dev/null
+++ b/js/dataframe/shared/utils/filter.ts
@@ -0,0 +1,66 @@
+/**
+ * Custom filter function for TanStack Table that handles Gradio's
+ * { dtype, filter, value } column filter format.
+ */
+export function gradio_filter_fn(
+	row: any,
+	columnId: string,
+	filterValue: any
+): boolean {
+	const { dtype, filter, value: fval } = filterValue;
+	const cell_value = String(row.getValue(columnId) ?? "");
+	const compare_val = fval ?? "";
+
+	if (dtype === "number") {
+		const num = parseFloat(cell_value);
+		const target = parseFloat(compare_val);
+		if (isNaN(num) || isNaN(target)) {
+			if (filter === "Is empty") return cell_value.trim() === "";
+			if (filter === "Is not empty") return cell_value.trim() !== "";
+			return true;
+		}
+		switch (filter) {
+			case "=":
+				return num === target;
+			case "≠":
+				return num !== target;
+			case ">":
+				return num > target;
+			case "<":
+				return num < target;
+			case "≥":
+				return num >= target;
+			case "≤":
+				return num <= target;
+			case "Is empty":
+				return cell_value.trim() === "";
+			case "Is not empty":
+				return cell_value.trim() !== "";
+			default:
+				return true;
+		}
+	}
+
+	const lower = cell_value.toLowerCase();
+	const target_lower = compare_val.toLowerCase();
+	switch (filter) {
+		case "Contains":
+			return lower.includes(target_lower);
+		case "Does not contain":
+			return !lower.includes(target_lower);
+		case "Starts with":
+			return lower.startsWith(target_lower);
+		case "Ends with":
+			return lower.endsWith(target_lower);
+		case "Is":
+			return lower === target_lower;
+		case "Is not":
+			return lower !== target_lower;
+		case "Is empty":
+			return cell_value.trim() === "";
+		case "Is not empty":
+			return cell_value.trim() !== "";
+		default:
+			return true;
+	}
+}
diff --git a/js/dataframe/shared/utils/selection_utils.ts b/js/dataframe/shared/utils/selection_utils.ts
new file mode 100644
index 0000000..39cfeb1
--- /dev/null
+++ b/js/dataframe/shared/utils/selection_utils.ts
@@ -0,0 +1,234 @@
+import type { CellCoordinate, CellValue } from "./../types";
+
+export type CellData = { id: string; value: CellValue };
+
+export function is_cell_in_selection(
+	coords: [number, number],
+	selected_cells: [number, number][]
+): boolean {
+	const [row, col] = coords;
+	return selected_cells.some(([r, c]) => r === row && c === col);
+}
+
+export function is_cell_selected(
+	cell: CellCoordinate,
+	selected_cells: CellCoordinate[]
+): string {
+	const [row, col] = cell;
+	if (!selected_cells.some(([r, c]) => r === row && c === col)) return "";
+
+	const up = selected_cells.some(([r, c]) => r === row - 1 && c === col);
+	const down = selected_cells.some(([r, c]) => r === row + 1 && c === col);
+	const left = selected_cells.some(([r, c]) => r === row && c === col - 1);
+	const right = selected_cells.some(([r, c]) => r === row && c === col + 1);
+
+	return `cell-selected${up ? " no-top" : ""}${down ? " no-bottom" : ""}${left ? " no-left" : ""}${right ? " no-right" : ""}`;
+}
+
+export function get_range_selection(
+	start: CellCoordinate,
+	end: CellCoordinate
+): CellCoordinate[] {
+	const [start_row, start_col] = start;
+	const [end_row, end_col] = end;
+	const min_row = Math.min(start_row, end_row);
+	const max_row = Math.max(start_row, end_row);
+	const min_col = Math.min(start_col, end_col);
+	const max_col = Math.max(start_col, end_col);
+
+	const cells: CellCoordinate[] = [];
+	// add the start cell as the "anchor" cell so that when
+	// we press shift+arrow keys, the selection will always
+	// include the anchor cell.
+	cells.push(start);
+
+	for (let i = min_row; i <= max_row; i++) {
+		for (let j = min_col; j <= max_col; j++) {
+			if (i === start_row && j === start_col) continue;
+			cells.push([i, j]);
+		}
+	}
+	return cells;
+}
+
+export function handle_selection(
+	current: CellCoordinate,
+	selected_cells: CellCoordinate[],
+	event: { shiftKey: boolean; metaKey: boolean; ctrlKey: boolean }
+): CellCoordinate[] {
+	if (event.shiftKey && selected_cells.length > 0) {
+		return get_range_selection(
+			selected_cells[selected_cells.length - 1],
+			current
+		);
+	}
+
+	if (event.metaKey || event.ctrlKey) {
+		const is_cell_match = ([r, c]: CellCoordinate): boolean =>
+			r === current[0] && c === current[1];
+		const index = selected_cells.findIndex(is_cell_match);
+		return index === -1
+			? [...selected_cells, current]
+			: selected_cells.filter((_, i) => i !== index);
+	}
+
+	return [current];
+}
+
+export function handle_delete_key(
+	data: CellData[][],
+	selected_cells: CellCoordinate[]
+): CellData[][] {
+	const new_data = data.map((row) => [...row]);
+	selected_cells.forEach(([row, col]) => {
+		if (new_data[row] && new_data[row][col]) {
+			new_data[row][col] = { ...new_data[row][col], value: "" };
+		}
+	});
+	return new_data;
+}
+
+export function should_show_cell_menu(
+	cell: CellCoordinate,
+	selected_cells: CellCoordinate[],
+	editable: boolean
+): boolean {
+	const [row, col] = cell;
+	return (
+		editable &&
+		selected_cells.length === 1 &&
+		selected_cells[0][0] === row &&
+		selected_cells[0][1] === col
+	);
+}
+
+export function get_next_cell_coordinates(
+	current: CellCoordinate,
+	data: CellData[][],
+	shift_key: boolean
+): CellCoordinate | false {
+	const [row, col] = current;
+	const direction = shift_key ? -1 : 1;
+
+	if (data[row]?.[col + direction]) {
+		return [row, col + direction];
+	}
+
+	const next_row = row + (direction > 0 ? 1 : 0);
+	const prev_row = row + (direction < 0 ? -1 : 0);
+
+	if (direction > 0 && data[next_row]?.[0]) {
+		return [next_row, 0];
+	}
+
+	if (direction < 0 && data[prev_row]?.[data[0].length - 1]) {
+		return [prev_row, data[0].length - 1];
+	}
+
+	return false;
+}
+
+export function move_cursor(
+	event: KeyboardEvent,
+	current_coords: CellCoordinate,
+	data: CellData[][]
+): CellCoordinate | false {
+	const key = event.key as "ArrowRight" | "ArrowLeft" | "ArrowDown" | "ArrowUp";
+	const dir = {
+		ArrowRight: [0, 1],
+		ArrowLeft: [0, -1],
+		ArrowDown: [1, 0],
+		ArrowUp: [-1, 0]
+	}[key];
+
+	let i, j;
+	if (event.metaKey || event.ctrlKey) {
+		if (key === "ArrowRight") {
+			i = current_coords[0];
+			j = data[0].length - 1;
+		} else if (key === "ArrowLeft") {
+			i = current_coords[0];
+			j = 0;
+		} else if (key === "ArrowDown") {
+			i = data.length - 1;
+			j = current_coords[1];
+		} else if (key === "ArrowUp") {
+			i = 0;
+			j = current_coords[1];
+		} else {
+			return false;
+		}
+	} else {
+		i = current_coords[0] + dir[0];
+		j = current_coords[1] + dir[1];
+	}
+
+	if (i < 0 && j <= 0) {
+		return false;
+	}
+
+	const is_data = data[i]?.[j];
+	if (is_data) {
+		return [i, j];
+	}
+	return false;
+}
+
+export function get_current_indices(
+	id: string,
+	data: CellData[][]
+): [number, number] {
+	return data.reduce(
+		(acc, arr, i) => {
+			const j = arr.reduce(
+				(_acc, _data, k) => (id === _data.id ? k : _acc),
+				-1
+			);
+			return j === -1 ? acc : [i, j];
+		},
+		[-1, -1]
+	);
+}
+
+export function handle_click_outside(
+	event: Event,
+	parent: HTMLElement
+): boolean {
+	const [trigger] = event.composedPath() as HTMLElement[];
+	return !parent.contains(trigger);
+}
+
+export function select_column(data: any[][], col: number): CellCoordinate[] {
+	return Array.from({ length: data.length }, (_, i) => [i, col]);
+}
+
+export function select_row(data: any[][], row: number): CellCoordinate[] {
+	return Array.from({ length: data[0].length }, (_, i) => [row, i]);
+}
+
+export function calculate_selection_positions(
+	selected: CellCoordinate,
+	data: { id: string; value: CellValue }[][],
+	els: Record<string, { cell: HTMLTableCellElement | null }>,
+	parent: HTMLElement,
+	table: HTMLElement
+): { col_pos: string; row_pos: string | undefined } {
+	const [row, col] = selected;
+	if (!data[row]?.[col]) {
+		return { col_pos: "0px", row_pos: undefined };
+	}
+
+	const cell_id = data[row][col].id;
+	const cell_el = els[cell_id]?.cell;
+
+	if (!cell_el) {
+		return { col_pos: "0px", row_pos: undefined };
+	}
+
+	const cell_rect = cell_el.getBoundingClientRect();
+	const table_rect = table.getBoundingClientRect();
+	const col_pos = `${cell_rect.left - table_rect.left + cell_rect.width / 2}px`;
+	const row_pos = `${cell_rect.top - table_rect.top + cell_rect.height / 2}px`;
+
+	return { col_pos, row_pos };
+}
diff --git a/js/dataframe/shared/utils/table_utils.ts b/js/dataframe/shared/utils/table_utils.ts
new file mode 100644
index 0000000..9fef130
--- /dev/null
+++ b/js/dataframe/shared/utils/table_utils.ts
@@ -0,0 +1,95 @@
+import type { CellValue, Headers, HeadersWithIDs, TableData } from "../types";
+import { dsvFormat } from "d3-dsv";
+
+export function make_cell_id(row: number, col: number): string {
+	return `cell-${row}-${col}`;
+}
+
+export function make_header_id(col: number): string {
+	return `header-${col}`;
+}
+
+export async function copy_table_data(
+	data: TableData,
+	selected_cells: [number, number][] | null
+): Promise<void> {
+	if (!data || !data.length) return;
+
+	const cells_to_copy =
+		selected_cells ||
+		data.flatMap((row, r) => row.map((_, c) => [r, c] as [number, number]));
+
+	const csv = cells_to_copy.reduce(
+		(acc: { [key: string]: { [key: string]: string } }, [row, col]) => {
+			acc[row] = acc[row] || {};
+			const value = String(data[row][col].value);
+			acc[row][col] =
+				value.includes(",") || value.includes('"') || value.includes("\n")
+					? `"${value.replace(/"/g, '""')}"`
+					: value;
+			return acc;
+		},
+		{}
+	);
+
+	const rows = Object.keys(csv).sort((a, b) => +a - +b);
+	if (!rows.length) return;
+
+	const cols = Object.keys(csv[rows[0]]).sort((a, b) => +a - +b);
+	const text = rows
+		.map((r) => cols.map((c) => csv[r][c] || "").join(","))
+		.join("\n");
+
+	try {
+		await navigator.clipboard.writeText(text);
+	} catch (err) {
+		throw new Error("Failed to copy to clipboard: " + (err as Error).message);
+	}
+}
+
+export function guess_delimiter(
+	text: string,
+	possibleDelimiters: string[]
+): string[] {
+	return possibleDelimiters.filter(weedOut);
+
+	function weedOut(delimiter: string): boolean {
+		var cache = -1;
+		return text.split("\n").every(checkLength);
+
+		function checkLength(line: string): boolean {
+			if (!line) return true;
+			var length = line.split(delimiter).length;
+			if (cache < 0) cache = length;
+			return cache === length && length > 1;
+		}
+	}
+}
+
+export function data_uri_to_blob(data_uri: string): Blob {
+	const byte_str = atob(data_uri.split(",")[1]);
+	const mime_str = data_uri.split(",")[0].split(":")[1].split(";")[0];
+	const ab = new ArrayBuffer(byte_str.length);
+	const ia = new Uint8Array(ab);
+	for (let i = 0; i < byte_str.length; i++) {
+		ia[i] = byte_str.charCodeAt(i);
+	}
+	return new Blob([ab], { type: mime_str });
+}
+
+export function handle_file_upload(
+	data_uri: string,
+	update_headers: (headers: Headers) => HeadersWithIDs[],
+	update_values: (values: CellValue[][]) => void
+): void {
+	const blob = data_uri_to_blob(data_uri);
+	const reader = new FileReader();
+	reader.addEventListener("loadend", (e) => {
+		if (!e?.target?.result || typeof e.target.result !== "string") return;
+		const [delimiter] = guess_delimiter(e.target.result, [",", "\t"]);
+		const [head, ...rest] = dsvFormat(delimiter).parseRows(e.target.result);
+		update_headers(head);
+		update_values(rest);
+	});
+	reader.readAsText(blob);
+}
diff --git a/js/dataframe/shared/utils/utils.ts b/js/dataframe/shared/utils/utils.ts
new file mode 100644
index 0000000..c83e0d2
--- /dev/null
+++ b/js/dataframe/shared/utils/utils.ts
@@ -0,0 +1,58 @@
+import type { CellValue } from "../types";
+
+export type Headers = string[];
+export type Data = CellValue[][];
+
+export type Datatype =
+	| "str"
+	| "number"
+	| "bool"
+	| "date"
+	| "markdown"
+	| "html"
+	| "image";
+
+export type Metadata = {
+	[key: string]: string[][] | null;
+} | null;
+export type HeadersWithIDs = { value: string; id: string }[];
+export type DataframeValue = {
+	data: Data;
+	headers: Headers;
+	metadata?: Metadata;
+};
+
+/**
+ * Coerce a value to a given type.
+ * @param v - The value to coerce.
+ * @param t - The type to coerce to.
+ * @returns The coerced value.
+ */
+export function cast_value_to_type(v: any, t: Datatype): CellValue {
+	if (v === null || v === undefined) {
+		return v;
+	}
+	if (t === "number") {
+		const n = Number(v);
+		return isNaN(n) ? v : n;
+	}
+	if (t === "bool") {
+		if (typeof v === "boolean") return v;
+		if (typeof v === "number") return v !== 0;
+		const s = String(v).toLowerCase();
+		if (s === "true" || s === "1") return true;
+		if (s === "false" || s === "0") return false;
+		return v;
+	}
+	if (t === "date") {
+		const d = new Date(v);
+		return isNaN(d.getTime()) ? v : d.toISOString();
+	}
+	return v;
+}
+
+export interface EditData {
+	index: number | [number, number];
+	value: string;
+	previous_value: string;
+}
diff --git a/js/dataframe/standalone/Index.svelte b/js/dataframe/standalone/Index.svelte
new file mode 100644
index 0000000..c251caf
--- /dev/null
+++ b/js/dataframe/standalone/Index.svelte
@@ -0,0 +1,741 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import Table from "../shared/Table.svelte";
+	import type { Datatype, DataframeValue } from "../shared/utils/utils";
+	import type { I18nFormatter } from "@gradio/utils";
+	import { default_i18n } from "./default_i18n";
+
+	let {
+		i18n = undefined,
+		value = $bindable({
+			data: [["", "", ""]],
+			headers: ["1", "2", "3"],
+			metadata: null
+		}),
+		datatype = "str",
+		interactive = true,
+		show_row_numbers = false,
+		max_height = 500,
+		show_search = "none",
+		wrap = false,
+		line_breaks = true,
+		column_widths = [],
+		max_chars = undefined,
+		pinned_columns = 0,
+		static_columns = [],
+		fullscreen = $bindable(false),
+		label = null,
+		show_label = true,
+		latex_delimiters = [],
+		col_count = undefined,
+		row_count = undefined
+	}: {
+		i18n?: I18nFormatter | undefined;
+		value?: DataframeValue;
+		datatype?: Datatype | Datatype[];
+		interactive?: boolean;
+		show_row_numbers?: boolean;
+		max_height?: number;
+		show_search?: "none" | "search" | "filter";
+		wrap?: boolean;
+		line_breaks?: boolean;
+		column_widths?: string[];
+		max_chars?: number | undefined;
+		pinned_columns?: number;
+		static_columns?: (string | number)[];
+		fullscreen?: boolean;
+		label?: string | null;
+		show_label?: boolean;
+		latex_delimiters?: any[];
+		col_count?: [number, "fixed" | "dynamic"] | undefined;
+		row_count?: [number, "fixed" | "dynamic"] | undefined;
+	} = $props();
+
+	const i18n_fn = (key: string | null | undefined): string => {
+		if (!key) return "";
+		if (typeof i18n === "function") return (i18n as any)(key);
+		if (i18n && typeof i18n === "object")
+			return (i18n as any)[key] ?? default_i18n[key] ?? key;
+		return default_i18n[key] ?? key;
+	};
+
+	let resolved_row_count = $derived.by(() => {
+		if (
+			row_count &&
+			Array.isArray(row_count) &&
+			row_count.length === 2 &&
+			typeof row_count[0] === "number" &&
+			(row_count[1] === "fixed" || row_count[1] === "dynamic")
+		) {
+			return row_count as [number, "fixed" | "dynamic"];
+		}
+		return [1, "dynamic"] as [number, "fixed" | "dynamic"];
+	});
+
+	let resolved_col_count_base = $derived.by(() => {
+		if (
+			col_count &&
+			Array.isArray(col_count) &&
+			col_count.length === 2 &&
+			typeof col_count[0] === "number" &&
+			(col_count[1] === "fixed" || col_count[1] === "dynamic")
+		) {
+			return col_count as [number, "fixed" | "dynamic"];
+		}
+		const headerLength =
+			value && value.headers && typeof value.headers.length === "number"
+				? value.headers.length
+				: 3;
+		return [headerLength, "dynamic"] as [number, "fixed" | "dynamic"];
+	});
+
+	let resolved_col_count = $derived.by(() => {
+		if (
+			static_columns &&
+			static_columns.length > 0 &&
+			resolved_col_count_base[1] !== "fixed"
+		) {
+			return [resolved_col_count_base[0], "fixed"] as [
+				number,
+				"fixed" | "dynamic"
+			];
+		}
+		return resolved_col_count_base;
+	});
+
+	let root = "";
+
+	onMount(() => {
+		const handler = (e: KeyboardEvent): void => {
+			if (e.key === "Escape") {
+				fullscreen = false;
+			}
+		};
+		window.addEventListener("keydown", handler);
+		return () => window.removeEventListener("keydown", handler);
+	});
+</script>
+
+<div class="gradio-dataframe-standalone" class:fullscreen>
+	<Table
+		values={value.data}
+		headers={value.headers}
+		display_value={value?.metadata?.display_value ?? null}
+		styling={value?.metadata?.styling ?? null}
+		{datatype}
+		editable={interactive}
+		{show_row_numbers}
+		{max_height}
+		{show_search}
+		buttons={null}
+		{wrap}
+		{line_breaks}
+		{column_widths}
+		{max_chars}
+		{pinned_columns}
+		{static_columns}
+		{fullscreen}
+		{label}
+		{show_label}
+		{latex_delimiters}
+		col_count={resolved_col_count}
+		row_count={resolved_row_count}
+		{root}
+		i18n={i18n_fn}
+		onchange={(detail) => {
+			value.data = detail.data;
+			value.headers = detail.headers;
+		}}
+		onfullscreen={() => (fullscreen = !fullscreen)}
+		upload={async () => null}
+		stream_handler={() => new EventSource("about:blank")}
+	/>
+</div>
+
+<style>
+	.gradio-dataframe-standalone {
+		--gr-df-font-mono: unset;
+		--gr-df-font-sans: unset;
+		--gr-df-table-bg-even: unset;
+		--gr-df-table-bg-odd: unset;
+		--gr-df-table-border: unset;
+		--gr-df-table-radius: unset;
+
+		--gr-df-table-text: unset;
+		--gr-df-accent: unset;
+		--gr-df-accent-soft: unset;
+
+		--gr-df-input-background-fill: unset;
+		--gr-df-input-background-fill-focus: unset;
+		--gr-df-input-background-fill-hover: unset;
+		--gr-df-input-border-color: unset;
+		--gr-df-input-border-color-focus: unset;
+		--gr-df-input-placeholder-color: unset;
+		--gr-df-input-radius: unset;
+		--gr-df-input-text-size: unset;
+		--gr-df-copied-cell-color: unset;
+
+		--gr-df-checkbox-border-color: unset;
+		--gr-df-checkbox-background-color: unset;
+		--gr-df-checkbox-border-color-focus: unset;
+		--gr-df-checkbox-shadow: unset;
+		--gr-df-checkbox-border-radius: unset;
+
+		/* Dataframe-scoped defaults (only used as fallbacks) */
+		--df-font-mono: var(
+			--gr-df-font-mono,
+			"IBM Plex Mono",
+			ui-monospace,
+			Consolas,
+			monospace
+		);
+		--df-font-sans: var(
+			--gr-df-font-sans,
+			"Source Sans Pro",
+			ui-sans-serif,
+			system-ui,
+			sans-serif
+		);
+		--df-table-radius: var(--df-radius-sm, 4px);
+		--df-border-color-primary: var(--gr-df-table-border, var(--df-neutral-200));
+		--df-background-fill-primary: #ffffff;
+		--df-background-fill-secondary: #f8fafc;
+		--df-color-accent: #7c3aed;
+		--df-color-accent-soft: #f3e8ff;
+		--df-color-accent-copied: #faf5ff;
+		--df-body-text-color: #111827;
+		--df-block-background-fill: #ffffff;
+		--df-block-radius: var(--df-radius-sm, 4px);
+		--df-table-even-background-fill: #ffffff;
+		--df-table-odd-background-fill: #f9fafb;
+
+		--df-background-fill-primary-dark: var(--df-neutral-950, #0f0f11);
+		--df-background-fill-secondary-dark: var(--df-neutral-900, #18181b);
+		--df-body-text-color-dark: var(--df-neutral-100, #f4f4f5);
+		--df-block-background-fill-dark: var(--df-neutral-800, #27272a);
+		--df-table-even-background-fill-dark: var(--df-neutral-950, #0f0f11);
+		--df-table-odd-background-fill-dark: var(--df-neutral-900, #18181b);
+		--df-border-color-primary-dark: var(--df-neutral-700, #3f3f46);
+		--df-color-accent-dark: var(--df-primary-600, #ea580c);
+		--df-color-accent-soft-dark: var(--df-neutral-700, #3f3f46);
+		--df-radius-sm: 4px;
+		--df-size-1: 4px;
+		--df-size-2: 8px;
+		--df-size-4: 16px;
+		--df-size-6: 24px;
+		--df-size-8: 32px;
+		--df-size-12: 48px;
+		--df-size-3: 12px;
+		--df-size-5: 20px;
+		--df-size-7: 28px;
+		--df-size-9: 36px;
+		--df-size-10: 40px;
+		--df-size-11: 44px;
+		--df-size-14: 56px;
+		--df-size-px: 1px;
+		--df-size-full: 100%;
+		--df-text-sm: 12px;
+		--df-size-0-5: 2px;
+		--df-size-1-5: 6px;
+		--df-size-2-5: 10px;
+		--df-text-md: 14px;
+		--df-text-lg: 16px;
+		--df-radius-100: 100%;
+		--df-radius-xs: 2px;
+		--df-radius-sm: 4px;
+		--df-radius-md: 6px;
+		--df-radius-lg: 8px;
+		--df-radius-xl: 12px;
+		--df-radius-2xl: 16px;
+		--df-radius-3xl: 22px;
+		--df-input-text-size: var(--df-text-md, 14px);
+
+		--df-primary-50: #fff7ed;
+		--df-primary-100: #ffedd5;
+		--df-primary-200: #fed7aa;
+		--df-primary-300: #fdba74;
+		--df-primary-400: #fb923c;
+		--df-primary-500: #f97316;
+		--df-primary-600: #ea580c;
+
+		--df-neutral-50: #fafafa;
+		--df-neutral-100: #f4f4f5;
+		--df-neutral-200: #e4e4e7;
+		--df-neutral-300: #d4d4d8;
+		--df-neutral-400: #bbbbc2;
+		--df-neutral-500: #71717a;
+		--df-neutral-600: #52525b;
+		--df-neutral-700: #3f3f46;
+		--df-neutral-800: #27272a;
+		--df-neutral-900: #18181b;
+		--df-neutral-950: #0f0f11;
+
+		/* Secondary palette (scoped) */
+		--df-secondary-50: #eff6ff;
+		--df-secondary-100: #dbeafe;
+		--df-secondary-200: #bfdbfe;
+		--df-secondary-300: #93c5fd;
+		--df-secondary-400: #60a5fa;
+		--df-secondary-500: #3b82f6;
+
+		--neutral-50: var(--df-neutral-50, #f9fafb);
+		--neutral-100: var(--df-neutral-100, #f3f4f6);
+		--neutral-200: var(--df-neutral-200, #e5e7eb);
+		--neutral-300: var(--df-neutral-300, #d1d5db);
+		--neutral-400: var(--df-neutral-400, #9ca3af);
+		--neutral-500: var(--df-neutral-500, #6b7280);
+		--neutral-600: var(--df-neutral-600, #4b5563);
+		--neutral-700: var(--df-neutral-700, #374151);
+		--neutral-800: var(--df-neutral-800, #1f2937);
+		--neutral-900: var(--df-neutral-900, #111827);
+		--neutral-950: var(--df-neutral-950, #0b0f19);
+
+		--secondary-50: var(--df-secondary-50, #eff6ff);
+		--secondary-100: var(--df-secondary-100, #dbeafe);
+		--secondary-200: var(--df-secondary-200, #bfdbfe);
+
+		--df-spacing-xxs: 1px;
+		--df-spacing-xs: 2px;
+		--df-spacing-sm: 4px;
+		--df-spacing-md: 6px;
+		--df-spacing-lg: 8px;
+		--df-spacing-xl: 10px;
+		--df-spacing-xxl: 16px;
+
+		--df-radius-xxs: 1px;
+		--df-radius-xxl: 22px;
+
+		--df-text-xxs: 9px;
+		--df-text-xs: 10px;
+		--df-text-xl: 22px;
+		--df-text-xxl: 26px;
+
+		--df-body-background-fill: var(
+			--df-background-fill-primary,
+			var(--background-fill-primary, #ffffff)
+		);
+		--df-body-text-color: var(--gr-df-table-text, --df-neutral-800);
+		--df-body-text-size: var(--df-text-md, 14px);
+		--df-body-text-weight: 400;
+
+		--df-color-accent: var(--df-primary-500, #f97316);
+		--df-color-accent-soft: var(--df-primary-50, #fff7ed);
+		--df-background-fill-primary: white;
+		--df-background-fill-secondary: var(--df-neutral-50, #f9fafb);
+		--df-border-color-accent: var(--df-primary-300, #fdba74);
+		--df-body-text-color-subdued: var(--df-neutral-400, #9ca3af);
+		--df-table-text-color: var(--df-body-text-color, #111827);
+		--df-shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+		--df-shadow-drop-lg:
+			0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--df-shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+		--df-shadow-spread: 3px;
+
+		--df-bw-svt-p-top: 0px;
+		--df-bw-svt-p-bottom: 0px;
+
+		--df-border-color-secondary: var(--df-border-color-accent, #fdba74);
+		--df-shadow-md:
+			0 12px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+
+		--df-checkbox-border-radius: var(--df-radius-sm, 4px);
+		--df-checkbox-shadow: none;
+		--df-checkbox-border-color: var(--df-neutral-300, #d4d4d8);
+		--df-checkbox-background-color: var(--df-background-fill-primary, #ffffff);
+		--df-checkbox-background-color-selected: var(
+			--df-color-accent,
+			var(--color-accent)
+		);
+		--df-checkbox-border-color-focus: var(--df-color-accent, #f97316);
+		--df-button-transition: none;
+		--df-block-background-fill: var(--df-background-fill-primary, white);
+		--df-block-border-color: var(
+			--df-border-color-primary,
+			var(--df-neutral-200, #e5e7eb)
+		);
+		--df-block-border-width: 1px;
+		--df-input-text-size: 0.95rem;
+		--df-line-md: 1.5;
+		--df-line-lg: 1.75;
+
+		--df-input-background-fill: var(--df-background-fill-primary, #ffffff);
+		--df-input-background-fill-focus: var(
+			--df-input-background-fill,
+			var(--df-background-fill-primary, #ffffff)
+		);
+		--df-input-background-fill-hover: var(
+			--df-input-background-fill,
+			var(--df-background-fill-primary, #ffffff)
+		);
+		--df-input-border-color: var(--df-border-color-primary, #e5e7eb);
+		--df-input-border-color-focus: var(--secondary-300, #93c5fd);
+		--df-input-border-color-hover: var(
+			--df-input-border-color,
+			var(--df-border-color-primary, #e5e7eb)
+		);
+		--df-input-border-width: 1px;
+		--df-input-padding: var(--df-spacing-xl, 10px);
+		--df-input-placeholder-color: var(--neutral-400, #9ca3af);
+		--df-input-radius: var(--df-radius-sm, 4px);
+		--df-input-shadow: none;
+		--df-input-shadow-focus:
+			0 0 0 var(--shadow-spread, 3px) var(--secondary-50, #eff6ff),
+			var(--shadow-inset, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset);
+
+		--table-radius: var(--gr-df-table-radius, var(--df-table-radius, 4px));
+		--table-row-hover: var(--gr-df-table-row-hover, var(--color-accent-soft));
+		--cell-padding: var(--gr-df-cell-padding, var(--size-2));
+		--df-font-size: var(--gr-df-font-size, var(--text-md));
+		--background-fill-primary: var(--df-background-fill-primary, #ffffff);
+		--background-fill-primary-dark: var(
+			--df-background-fill-primary-dark,
+			var(--neutral-950, #0f0f11)
+		);
+		--background-fill-secondary: var(--df-background-fill-secondary, #f8fafc);
+		--background-fill-secondary-dark: var(
+			--df-background-fill-secondary-dark,
+			var(--neutral-900, #18181b)
+		);
+		--color-accent: var(--gr-df-accent, var(--df-color-accent, #7c3aed));
+		--color-accent-soft: var(
+			--gr-df-accent-soft,
+			var(--df-color-accent-soft, #f3e8ff)
+		);
+		--color-accent-copied: var(
+			--gr-df-copied-cell-color,
+			var(--color-accent-soft)
+		);
+		--body-text-color: var(--df-body-text-color, #111827);
+		--block-background-fill: var(
+			--df-block-background-fill,
+			var(--background-fill-primary)
+		);
+		--block-radius: var(--df-block-radius, var(--radius-sm, 4px));
+		--table-even-background-fill: var(
+			--gr-df-table-bg-even,
+			var(--df-table-even-background-fill, #ffffff)
+		);
+		--table-odd-background-fill: var(
+			--gr-df-table-bg-odd,
+			var(--df-table-odd-background-fill, #f9fafb)
+		);
+		--border-color-primary: var(--df-border-color-primary, #e5e7eb);
+		--radius-sm: var(--df-radius-sm, 4px);
+		--size-1: var(--df-size-1, 4px);
+		--size-2: var(--df-size-2, 8px);
+		--size-3: var(--df-size-3, 12px);
+		--size-4: var(--df-size-4, 16px);
+		--size-5: var(--df-size-5, 20px);
+		--size-6: var(--df-size-6, 24px);
+		--size-7: var(--df-size-7, 28px);
+		--size-8: var(--df-size-8, 32px);
+		--size-9: var(--df-size-9, 36px);
+		--size-10: var(--df-size-10, 40px);
+		--size-11: var(--df-size-11, 44px);
+		--size-12: var(--df-size-12, 48px);
+		--size-14: var(--df-size-14, 56px);
+		--size-16: var(--df-size-16, 64px);
+		--size-20: var(--df-size-20, 80px);
+		--size-24: var(--df-size-24, 96px);
+
+		--size-px: var(--df-size-px, 1px);
+		--size-full: var(--df-size-full, 100%);
+		--size-0-5: var(--df-size-0-5, 2px);
+		--size-1-5: var(--df-size-1-5, 6px);
+		--size-2-5: var(--df-size-2-5, 10px);
+		--input-text-size: var(--df-input-text-size, 0.95rem);
+		--text-sm: var(--df-text-sm, 12px);
+		--text-md: var(--df-text-md, 14px);
+		--text-lg: var(--df-text-lg, 16px);
+		--text-xl: var(--df-text-xl, 22px);
+		--text-xxl: var(--df-text-xxl, 26px);
+
+		--spacing-xxs: var(--df-spacing-xxs, 1px);
+		--spacing-xs: var(--df-spacing-xs, 2px);
+		--spacing-sm: var(--df-spacing-sm, 4px);
+		--spacing-md: var(--df-spacing-md, 6px);
+		--spacing-lg: var(--df-spacing-lg, 8px);
+		--spacing-xl: var(--df-spacing-xl, 10px);
+		--spacing-xxl: var(--df-spacing-xxl, 16px);
+
+		--radius-xxs: var(--df-radius-xxs, 1px);
+		--radius-xs: var(--df-radius-xs, 2px);
+		--radius-sm: var(--df-radius-sm, 4px);
+		--radius-md: var(--df-radius-md, 6px);
+		--radius-lg: var(--df-radius-lg, 8px);
+		--radius-xl: var(--df-radius-xl, 12px);
+		--radius-2xl: var(--df-radius-2xl, 16px);
+		--radius-3xl: var(--df-radius-3xl, 22px);
+		--radius-full: var(--df-radius-full, 9999px);
+		--font-mono: var(--df-font-mono, "Courier New", Courier, monospace);
+		--font-sans: var(
+			--df-font-sans,
+			"Source Sans Pro",
+			ui-sans-serif,
+			system-ui,
+			sans-serif
+		);
+
+		--input-background-fill: var(
+			--gr-df-input-background-fill,
+			var(--df-input-background-fill, var(--background-fill-primary, #ffffff))
+		);
+		--input-background-fill-focus: var(
+			--gr-df-input-background-fill-focus,
+			var(
+				--df-input-background-fill-focus,
+				var(--input-background-fill, var(--background-fill-primary, #ffffff))
+			)
+		);
+		--input-background-fill-hover: var(
+			--gr-df-input-background-fill-hover,
+			var(
+				--df-input-background-fill-hover,
+				var(--input-background-fill, var(--background-fill-primary, #ffffff))
+			)
+		);
+		--input-border-color: var(
+			--gr-df-input-border-color,
+			var(--df-input-border-color, var(--border-color-primary, #e5e7eb))
+		);
+		--input-border-color-focus: var(
+			--gr-df-input-border-color-focus,
+			var(--df-input-border-color-focus, var(--secondary-300, #93c5fd))
+		);
+		--input-border-color-hover: var(
+			--gr-df-input-border-color-hover,
+			var(
+				--df-input-border-color-hover,
+				var(--input-border-color, var(--border-color-primary, #e5e7eb))
+			)
+		);
+		--input-border-width: var(
+			--gr-df-input-border-width,
+			var(--df-input-border-width, 1px)
+		);
+
+		--weight-bold: var(--df-weight-bold, 700);
+		--weight-semibold: var(--df-weight-semibold, 600);
+		--checkbox-border-radius: var(
+			--gr-df-checkbox-border-radius,
+			var(--df-checkbox-border-radius, var(--df-radius-sm, 4px))
+		);
+		--checkbox-shadow: var(
+			--gr-df-checkbox-shadow,
+			var(--df-checkbox-shadow, none)
+		);
+		--checkbox-border-color: var(
+			--gr-df-checkbox-border-color,
+			var(--df-checkbox-border-color, var(--df-neutral-300, #d4d4d8))
+		);
+		--checkbox-background-color: var(
+			--gr-df-checkbox-background-color,
+			var(
+				--df-checkbox-background-color,
+				var(--df-background-fill-primary, #ffffff)
+			)
+		);
+		--checkbox-background-color-selected: var(
+			--gr-df-checkbox-background-color,
+			var(--df-checkbox-background-color-selected, var(--color-accent))
+		);
+		--checkbox-border-color-focus: var(
+			--gr-df-checkbox-border-color-focus,
+			var(--df-checkbox-border-color-focus, var(--df-color-accent, #f97316))
+		);
+		--checkbox-check: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+		--button-transition: var(--df-button-transition, none);
+		--max-height: var(--df-max-height, 500px);
+		--df-layer-1: 10;
+		--df-layer-2: 20;
+		--df-layer-3: 30;
+		--df-layer-4: 40;
+		--df-layer-5: 50;
+		--df-layer-below: -1;
+		--df-layer-top: 2147483647;
+
+		--layer-1: var(--df-layer-1, 10);
+		--layer-2: var(--df-layer-2, 20);
+		--layer-3: var(--df-layer-3, 30);
+		--layer-4: var(--df-layer-4, 40);
+		--layer-5: var(--df-layer-5, 50);
+		--layer-below: var(--df-layer-below, -1);
+		--layer-top: var(--df-layer-top, 2147483647);
+
+		--line-md: var(--df-line-md, 1.5);
+		--line-lg: var(--df-line-lg, 1.75);
+
+		--shadow-xs:
+			0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+		--shadow-sm:
+			0 4px 6px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
+		--shadow-md:
+			0 12px 16px -4px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+		--shadow-lg:
+			0 20px 24px -4px rgba(0, 0, 0, 0.1), 0 8px 8px -4px rgba(0, 0, 0, 0.04);
+		--shadow-drop: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
+		--shadow-drop-lg:
+			0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+		--shadow-inset: rgba(0, 0, 0, 0.05) 0px 2px 4px 0px inset;
+		--shadow-spread: 3px;
+	}
+
+	.gradio-dataframe-standalone.fullscreen {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100vw;
+		height: 100vh;
+		z-index: 1000;
+		overflow: auto;
+		border-radius: 0;
+		background-color: var(--block-background-fill);
+	}
+
+	:global(.dark) .gradio-dataframe-standalone {
+		--df-background-fill-primary: var(--df-background-fill-primary-dark);
+		--df-background-fill-secondary: var(--df-background-fill-secondary-dark);
+		--df-body-text-color: var(--df-body-text-color-dark);
+		--df-block-background-fill: var(--df-block-background-fill-dark);
+		--df-table-even-background-fill: var(--df-table-even-background-fill-dark);
+		--df-table-odd-background-fill: var(--df-table-odd-background-fill-dark);
+		--df-border-color-primary: var(--df-border-color-primary-dark);
+		--df-color-accent: var(--df-color-accent-dark);
+		--df-color-accent-soft: var(--df-color-accent-soft-dark);
+	}
+
+	:global(.gradio-container),
+	:global(*),
+	:global(::before),
+	:global(::after) {
+		box-sizing: border-box;
+		border-width: 0;
+		border-style: solid;
+	}
+
+	:global(.gradio-container) :global(textarea) {
+		padding-top: var(--input-padding, var(--df-input-padding, 10px));
+		padding-bottom: var(--input-padding, var(--df-input-padding, 10px));
+		box-sizing: border-box;
+	}
+
+	:global(button),
+	:global(input),
+	:global(select),
+	:global(textarea) {
+		margin: 0;
+		padding: 0;
+		color: inherit;
+		font-weight: inherit;
+		font-size: 100%;
+		line-height: inherit;
+		font-family: inherit;
+	}
+
+	:global([type="text"]),
+	:global([type="url"]),
+	:global([type="number"]),
+	:global([multiple]),
+	:global(textarea),
+	:global(select) {
+		--tw-shadow: 0 0 #0000;
+		appearance: none;
+		border-width: 1px;
+		border-color: #6b7280;
+		border-radius: 0px;
+		background-color: #fff;
+		padding-top: 0.5rem;
+		padding-right: 0.75rem;
+		padding-bottom: 0.5rem;
+		padding-left: 0.75rem;
+		font-size: 1rem;
+		line-height: 1.5rem;
+	}
+
+	:global(button),
+	:global(input[type="button"]),
+	:global(input[type="submit"]) {
+		-webkit-appearance: button;
+		appearance: button;
+		background-image: none;
+		background-color: transparent;
+	}
+
+	:global(.sr-only) {
+		clip: rect(0, 0, 0, 0);
+		position: absolute;
+		margin: -1px;
+		border-width: 0;
+		padding: 0;
+		width: 1px;
+		height: 1px;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+
+	:global(input[type="checkbox"]) {
+		accent-color: var(--color-accent);
+	}
+
+	:global(label) {
+		display: flex;
+		align-items: center;
+		transition: all 0.15s ease;
+		cursor: pointer;
+		/* default label color */
+		color: #111111;
+		font-weight: 400;
+		font-size: 14px;
+		line-height: 1.5;
+	}
+
+	:global(label) > * + * {
+		margin-left: 8px;
+	}
+
+	:global(input) {
+		--ring-color: transparent;
+		position: relative;
+		/* default shadow */
+		box-shadow: none;
+		border: 1px solid #888888;
+		border-radius: 6px;
+		background-color: #ffffff;
+		line-height: 1;
+	}
+
+	:global(input:checked),
+	:global(input:checked:hover),
+	:global(input:checked:focus) {
+		/* checked state: orange */
+		background-image: none;
+		background-color: #f97316;
+		border-color: #f97316;
+	}
+
+	:global(input:checked:focus) {
+		background-image: none;
+		background-color: #f97316;
+		border-color: #f97316;
+	}
+
+	:global(input:hover) {
+		border-color: #1e90ff;
+		background-color: #e6f0ff;
+	}
+
+	:global(input:focus) {
+		border-color: #f97316;
+		background-color: #fff4e6;
+	}
+
+	:global(input[disabled]),
+	:global(.disabled) {
+		cursor: not-allowed !important;
+		opacity: 0.6;
+	}
+
+	:global(input:hover) {
+		cursor: pointer;
+	}
+</style>
diff --git a/js/dataframe/standalone/default_i18n.ts b/js/dataframe/standalone/default_i18n.ts
new file mode 100644
index 0000000..bf26e32
--- /dev/null
+++ b/js/dataframe/standalone/default_i18n.ts
@@ -0,0 +1,32 @@
+export const default_i18n: Record<string, string> = {
+	"dataframe.add_row_above": "Add row above",
+	"dataframe.add_row_below": "Add row below",
+	"dataframe.delete_row": "Delete row",
+	"dataframe.add_column_left": "Add column left",
+	"dataframe.add_column_right": "Add column right",
+	"dataframe.delete_column": "Delete column",
+	"dataframe.sort_asc": "Sort ascending",
+	"dataframe.sort_desc": "Sort descending",
+	"dataframe.sort_ascending": "Sort ascending",
+	"dataframe.sort_descending": "Sort descending",
+	"dataframe.clear_sort": "Clear sort",
+	"dataframe.filter": "Filter",
+	"dataframe.clear_filter": "Clear filter",
+	"dataframe.copy": "Copy",
+	"dataframe.paste": "Paste",
+	"dataframe.cut": "Cut",
+	"dataframe.select_all": "Select all",
+	"dataframe.fullscreen": "Fullscreen",
+	"dataframe.exit_fullscreen": "Exit fullscreen",
+	"dataframe.search": "Search",
+	"dataframe.export": "Export",
+	"dataframe.import": "Import",
+	"dataframe.edit": "Edit",
+	"dataframe.save": "Save",
+	"dataframe.cancel": "Cancel",
+	"dataframe.confirm": "Confirm",
+	"dataframe.reset": "Reset",
+	"dataframe.clear": "Clear",
+	"dataframe.undo": "Undo",
+	"dataframe.redo": "Redo"
+};
diff --git a/js/dataframe/standalone/stubs/Upload.svelte b/js/dataframe/standalone/stubs/Upload.svelte
new file mode 100644
index 0000000..0a030a7
--- /dev/null
+++ b/js/dataframe/standalone/stubs/Upload.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export const aria_label = "";
+	export const root = "";
+	export const upload: any = null;
+	export const stream_handler: any = null;
+</script>
+
+<div>
+	<slot />
+</div>
+
+<style>
+	div {
+		width: 100%;
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--table-radius);
+		overflow: hidden;
+	}
+</style>
diff --git a/js/dataframe/standalone/stubs/upload.ts b/js/dataframe/standalone/stubs/upload.ts
new file mode 100644
index 0000000..d9207f9
--- /dev/null
+++ b/js/dataframe/standalone/stubs/upload.ts
@@ -0,0 +1 @@
+export { default as Upload } from "./Upload.svelte";
diff --git a/js/dataframe/test/filter.test.ts b/js/dataframe/test/filter.test.ts
new file mode 100644
index 0000000..d5b9d03
--- /dev/null
+++ b/js/dataframe/test/filter.test.ts
@@ -0,0 +1,350 @@
+import { describe, test, expect } from "vitest";
+import { gradio_filter_fn } from "../shared/utils/filter";
+
+const make_row = (value: any) => ({
+	getValue: (_col: string) => value
+});
+
+describe("gradio_filter_fn", () => {
+	describe("number filters", () => {
+		test("= matches exact number", () => {
+			expect(
+				gradio_filter_fn(make_row(42), "col_0", {
+					dtype: "number",
+					filter: "=",
+					value: "42"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(42), "col_0", {
+					dtype: "number",
+					filter: "=",
+					value: "43"
+				})
+			).toBe(false);
+		});
+
+		test("≠ excludes exact number", () => {
+			expect(
+				gradio_filter_fn(make_row(42), "col_0", {
+					dtype: "number",
+					filter: "≠",
+					value: "42"
+				})
+			).toBe(false);
+			expect(
+				gradio_filter_fn(make_row(42), "col_0", {
+					dtype: "number",
+					filter: "≠",
+					value: "43"
+				})
+			).toBe(true);
+		});
+
+		test("> greater than", () => {
+			expect(
+				gradio_filter_fn(make_row(10), "col_0", {
+					dtype: "number",
+					filter: ">",
+					value: "5"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(5), "col_0", {
+					dtype: "number",
+					filter: ">",
+					value: "5"
+				})
+			).toBe(false);
+		});
+
+		test("< less than", () => {
+			expect(
+				gradio_filter_fn(make_row(3), "col_0", {
+					dtype: "number",
+					filter: "<",
+					value: "5"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(5), "col_0", {
+					dtype: "number",
+					filter: "<",
+					value: "5"
+				})
+			).toBe(false);
+		});
+
+		test("≥ greater than or equal", () => {
+			expect(
+				gradio_filter_fn(make_row(5), "col_0", {
+					dtype: "number",
+					filter: "≥",
+					value: "5"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(4), "col_0", {
+					dtype: "number",
+					filter: "≥",
+					value: "5"
+				})
+			).toBe(false);
+		});
+
+		test("≤ less than or equal", () => {
+			expect(
+				gradio_filter_fn(make_row(5), "col_0", {
+					dtype: "number",
+					filter: "≤",
+					value: "5"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(6), "col_0", {
+					dtype: "number",
+					filter: "≤",
+					value: "5"
+				})
+			).toBe(false);
+		});
+
+		test("Is empty on empty string", () => {
+			expect(
+				gradio_filter_fn(make_row(""), "col_0", {
+					dtype: "number",
+					filter: "Is empty",
+					value: ""
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("42"), "col_0", {
+					dtype: "number",
+					filter: "Is empty",
+					value: ""
+				})
+			).toBe(false);
+		});
+
+		test("Is not empty on non-empty string", () => {
+			expect(
+				gradio_filter_fn(make_row("42"), "col_0", {
+					dtype: "number",
+					filter: "Is not empty",
+					value: ""
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(""), "col_0", {
+					dtype: "number",
+					filter: "Is not empty",
+					value: ""
+				})
+			).toBe(false);
+		});
+
+		test("NaN target falls through to true", () => {
+			expect(
+				gradio_filter_fn(make_row(42), "col_0", {
+					dtype: "number",
+					filter: "=",
+					value: "abc"
+				})
+			).toBe(true);
+		});
+
+		test("NaN cell value falls through to true", () => {
+			expect(
+				gradio_filter_fn(make_row("abc"), "col_0", {
+					dtype: "number",
+					filter: "=",
+					value: "42"
+				})
+			).toBe(true);
+		});
+	});
+
+	describe("string filters", () => {
+		test("Contains (case-insensitive)", () => {
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Contains",
+					value: "hello"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Contains",
+					value: "xyz"
+				})
+			).toBe(false);
+		});
+
+		test("Does not contain", () => {
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Does not contain",
+					value: "xyz"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Does not contain",
+					value: "hello"
+				})
+			).toBe(false);
+		});
+
+		test("Starts with", () => {
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Starts with",
+					value: "hello"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Starts with",
+					value: "world"
+				})
+			).toBe(false);
+		});
+
+		test("Ends with", () => {
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Ends with",
+					value: "world"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Ends with",
+					value: "hello"
+				})
+			).toBe(false);
+		});
+
+		test("Is (exact match, case-insensitive)", () => {
+			expect(
+				gradio_filter_fn(make_row("Hello"), "col_0", {
+					dtype: "string",
+					filter: "Is",
+					value: "hello"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Is",
+					value: "hello"
+				})
+			).toBe(false);
+		});
+
+		test("Is not", () => {
+			expect(
+				gradio_filter_fn(make_row("Hello World"), "col_0", {
+					dtype: "string",
+					filter: "Is not",
+					value: "hello"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("Hello"), "col_0", {
+					dtype: "string",
+					filter: "Is not",
+					value: "hello"
+				})
+			).toBe(false);
+		});
+
+		test("Is empty", () => {
+			expect(
+				gradio_filter_fn(make_row(""), "col_0", {
+					dtype: "string",
+					filter: "Is empty",
+					value: ""
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("  "), "col_0", {
+					dtype: "string",
+					filter: "Is empty",
+					value: ""
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row("hello"), "col_0", {
+					dtype: "string",
+					filter: "Is empty",
+					value: ""
+				})
+			).toBe(false);
+		});
+
+		test("Is not empty", () => {
+			expect(
+				gradio_filter_fn(make_row("hello"), "col_0", {
+					dtype: "string",
+					filter: "Is not empty",
+					value: ""
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(""), "col_0", {
+					dtype: "string",
+					filter: "Is not empty",
+					value: ""
+				})
+			).toBe(false);
+		});
+	});
+
+	describe("edge cases", () => {
+		test("null cell value coerced to empty string", () => {
+			expect(
+				gradio_filter_fn(make_row(null), "col_0", {
+					dtype: "string",
+					filter: "Is empty",
+					value: ""
+				})
+			).toBe(true);
+		});
+
+		test("undefined filter value coerced to empty string", () => {
+			expect(
+				gradio_filter_fn(make_row("hello"), "col_0", {
+					dtype: "string",
+					filter: "Contains",
+					value: undefined
+				})
+			).toBe(true);
+		});
+
+		test("unknown filter returns true (passthrough)", () => {
+			expect(
+				gradio_filter_fn(make_row("hello"), "col_0", {
+					dtype: "string",
+					filter: "UnknownFilter",
+					value: "x"
+				})
+			).toBe(true);
+			expect(
+				gradio_filter_fn(make_row(42), "col_0", {
+					dtype: "number",
+					filter: "UnknownFilter",
+					value: "5"
+				})
+			).toBe(true);
+		});
+	});
+});
diff --git a/js/dataframe/test/selection_utils.test.ts b/js/dataframe/test/selection_utils.test.ts
new file mode 100644
index 0000000..18757c3
--- /dev/null
+++ b/js/dataframe/test/selection_utils.test.ts
@@ -0,0 +1,416 @@
+import { describe, test, expect } from "vitest";
+import {
+	is_cell_in_selection,
+	is_cell_selected,
+	get_range_selection,
+	handle_selection,
+	handle_delete_key,
+	should_show_cell_menu,
+	get_next_cell_coordinates,
+	move_cursor,
+	get_current_indices,
+	select_column,
+	select_row
+} from "../shared/utils/selection_utils";
+import type { CellCoordinate } from "../shared/types";
+
+// helper: create a grid of CellData for move_cursor / get_next_cell_coordinates
+function make_grid(rows: number, cols: number) {
+	return Array.from({ length: rows }, (_, r) =>
+		Array.from({ length: cols }, (_, c) => ({
+			id: `cell-${r}-${c}`,
+			value: `${r},${c}`
+		}))
+	);
+}
+
+// helper: create a minimal KeyboardEvent-like object
+function make_key_event(
+	key: string,
+	opts: { metaKey?: boolean; ctrlKey?: boolean; shiftKey?: boolean } = {}
+) {
+	return {
+		key,
+		metaKey: opts.metaKey ?? false,
+		ctrlKey: opts.ctrlKey ?? false,
+		shiftKey: opts.shiftKey ?? false
+	} as KeyboardEvent;
+}
+
+describe("is_cell_in_selection", () => {
+	test("returns true when cell is in selection", () => {
+		expect(
+			is_cell_in_selection(
+				[1, 2],
+				[
+					[0, 0],
+					[1, 2],
+					[3, 4]
+				]
+			)
+		).toBe(true);
+	});
+
+	test("returns false when cell is not in selection", () => {
+		expect(
+			is_cell_in_selection(
+				[1, 2],
+				[
+					[0, 0],
+					[3, 4]
+				]
+			)
+		).toBe(false);
+	});
+
+	test("handles empty selection", () => {
+		expect(is_cell_in_selection([0, 0], [])).toBe(false);
+	});
+});
+
+describe("is_cell_selected", () => {
+	test("returns empty string when cell not selected", () => {
+		expect(is_cell_selected([0, 0], [[1, 1]])).toBe("");
+	});
+
+	test("returns 'cell-selected' for isolated cell", () => {
+		expect(is_cell_selected([1, 1], [[1, 1]])).toBe("cell-selected");
+	});
+
+	test("adds 'no-top' when neighbor above is selected", () => {
+		const result = is_cell_selected(
+			[1, 0],
+			[
+				[0, 0],
+				[1, 0]
+			]
+		);
+		expect(result).toContain("cell-selected");
+		expect(result).toContain("no-top");
+	});
+
+	test("adds 'no-bottom' when neighbor below is selected", () => {
+		const result = is_cell_selected(
+			[0, 0],
+			[
+				[0, 0],
+				[1, 0]
+			]
+		);
+		expect(result).toContain("cell-selected");
+		expect(result).toContain("no-bottom");
+	});
+
+	test("adds 'no-left' when neighbor left is selected", () => {
+		const result = is_cell_selected(
+			[0, 1],
+			[
+				[0, 0],
+				[0, 1]
+			]
+		);
+		expect(result).toContain("cell-selected");
+		expect(result).toContain("no-left");
+	});
+
+	test("adds 'no-right' when neighbor right is selected", () => {
+		const result = is_cell_selected(
+			[0, 0],
+			[
+				[0, 0],
+				[0, 1]
+			]
+		);
+		expect(result).toContain("cell-selected");
+		expect(result).toContain("no-right");
+	});
+
+	test("combines multiple neighbor flags for block selection", () => {
+		// 2x2 block: center-ish cell [1,1] in a block [[0,0],[0,1],[1,0],[1,1]]
+		const selection: CellCoordinate[] = [
+			[0, 0],
+			[0, 1],
+			[1, 0],
+			[1, 1]
+		];
+		const result = is_cell_selected([1, 1], selection);
+		expect(result).toContain("cell-selected");
+		expect(result).toContain("no-top");
+		expect(result).toContain("no-left");
+		// no neighbor below or right
+		expect(result).not.toContain("no-bottom");
+		expect(result).not.toContain("no-right");
+	});
+});
+
+describe("get_range_selection", () => {
+	test("returns rectangular range with anchor first", () => {
+		const result = get_range_selection([0, 0], [2, 2]);
+		// anchor [0,0] should be first
+		expect(result[0]).toEqual([0, 0]);
+		// should contain all 9 cells in the 3x3 range
+		expect(result).toHaveLength(9);
+		expect(result).toContainEqual([1, 1]);
+		expect(result).toContainEqual([2, 2]);
+	});
+
+	test("handles reversed direction (end before start)", () => {
+		const result = get_range_selection([2, 2], [0, 0]);
+		expect(result[0]).toEqual([2, 2]);
+		expect(result).toHaveLength(9);
+		expect(result).toContainEqual([0, 0]);
+	});
+
+	test("single cell range returns just the anchor", () => {
+		const result = get_range_selection([1, 1], [1, 1]);
+		expect(result).toEqual([[1, 1]]);
+	});
+});
+
+describe("handle_selection", () => {
+	test("plain click returns single cell", () => {
+		const result = handle_selection([2, 3], [[0, 0]], {
+			shiftKey: false,
+			metaKey: false,
+			ctrlKey: false
+		});
+		expect(result).toEqual([[2, 3]]);
+	});
+
+	test("shift+click returns range from last selected", () => {
+		const result = handle_selection([2, 2], [[0, 0]], {
+			shiftKey: true,
+			metaKey: false,
+			ctrlKey: false
+		});
+		// range from [0,0] to [2,2] = 9 cells
+		expect(result).toHaveLength(9);
+	});
+
+	test("cmd/ctrl+click adds cell to selection", () => {
+		const result = handle_selection([1, 1], [[0, 0]], {
+			shiftKey: false,
+			metaKey: true,
+			ctrlKey: false
+		});
+		expect(result).toEqual([
+			[0, 0],
+			[1, 1]
+		]);
+	});
+
+	test("cmd/ctrl+click removes already-selected cell", () => {
+		const result = handle_selection(
+			[0, 0],
+			[
+				[0, 0],
+				[1, 1]
+			],
+			{
+				shiftKey: false,
+				metaKey: true,
+				ctrlKey: false
+			}
+		);
+		expect(result).toEqual([[1, 1]]);
+	});
+});
+
+describe("handle_delete_key", () => {
+	test("clears values of selected cells", () => {
+		const data = [
+			[
+				{ id: "0-0", value: "a" },
+				{ id: "0-1", value: "b" }
+			],
+			[
+				{ id: "1-0", value: "c" },
+				{ id: "1-1", value: "d" }
+			]
+		];
+		const result = handle_delete_key(data, [
+			[0, 0],
+			[1, 1]
+		]);
+		expect(result[0][0].value).toBe("");
+		expect(result[1][1].value).toBe("");
+	});
+
+	test("leaves unselected cells unchanged", () => {
+		const data = [
+			[
+				{ id: "0-0", value: "a" },
+				{ id: "0-1", value: "b" }
+			]
+		];
+		const result = handle_delete_key(data, [[0, 0]]);
+		expect(result[0][1].value).toBe("b");
+	});
+
+	test("handles out-of-bounds gracefully", () => {
+		const data = [
+			[
+				{ id: "0-0", value: "a" },
+				{ id: "0-1", value: "b" }
+			]
+		];
+		// should not throw
+		const result = handle_delete_key(data, [[5, 5]]);
+		expect(result[0][0].value).toBe("a");
+		expect(result[0][1].value).toBe("b");
+	});
+});
+
+describe("should_show_cell_menu", () => {
+	test("true when editable, single cell selected, and coords match", () => {
+		expect(should_show_cell_menu([1, 2], [[1, 2]], true)).toBe(true);
+	});
+
+	test("false when not editable", () => {
+		expect(should_show_cell_menu([1, 2], [[1, 2]], false)).toBe(false);
+	});
+
+	test("false when multiple cells selected", () => {
+		expect(
+			should_show_cell_menu(
+				[1, 2],
+				[
+					[1, 2],
+					[1, 3]
+				],
+				true
+			)
+		).toBe(false);
+	});
+
+	test("false when coords don't match", () => {
+		expect(should_show_cell_menu([0, 0], [[1, 2]], true)).toBe(false);
+	});
+});
+
+describe("get_next_cell_coordinates", () => {
+	const grid = make_grid(3, 3);
+
+	test("moves right to next column", () => {
+		expect(get_next_cell_coordinates([0, 0], grid, false)).toEqual([0, 1]);
+	});
+
+	test("wraps to next row at end of row", () => {
+		expect(get_next_cell_coordinates([0, 2], grid, false)).toEqual([1, 0]);
+	});
+
+	test("shift moves left to previous column", () => {
+		expect(get_next_cell_coordinates([0, 1], grid, true)).toEqual([0, 0]);
+	});
+
+	test("shift wraps to previous row at start of row", () => {
+		expect(get_next_cell_coordinates([1, 0], grid, true)).toEqual([0, 2]);
+	});
+
+	test("returns false at grid boundary", () => {
+		// forward past last cell
+		expect(get_next_cell_coordinates([2, 2], grid, false)).toBe(false);
+		// backward past first cell
+		expect(get_next_cell_coordinates([0, 0], grid, true)).toBe(false);
+	});
+});
+
+describe("move_cursor", () => {
+	const grid = make_grid(4, 4);
+
+	test("ArrowRight moves one column right", () => {
+		expect(move_cursor(make_key_event("ArrowRight"), [1, 1], grid)).toEqual([
+			1, 2
+		]);
+	});
+
+	test("ArrowLeft moves one column left", () => {
+		expect(move_cursor(make_key_event("ArrowLeft"), [1, 1], grid)).toEqual([
+			1, 0
+		]);
+	});
+
+	test("ArrowDown moves one row down", () => {
+		expect(move_cursor(make_key_event("ArrowDown"), [1, 1], grid)).toEqual([
+			2, 1
+		]);
+	});
+
+	test("ArrowUp moves one row up", () => {
+		expect(move_cursor(make_key_event("ArrowUp"), [1, 1], grid)).toEqual([
+			0, 1
+		]);
+	});
+
+	test("Cmd+ArrowRight jumps to last column", () => {
+		expect(
+			move_cursor(make_key_event("ArrowRight", { metaKey: true }), [1, 0], grid)
+		).toEqual([1, 3]);
+	});
+
+	test("Cmd+ArrowLeft jumps to first column", () => {
+		expect(
+			move_cursor(make_key_event("ArrowLeft", { metaKey: true }), [1, 3], grid)
+		).toEqual([1, 0]);
+	});
+
+	test("Cmd+ArrowDown jumps to last row", () => {
+		expect(
+			move_cursor(make_key_event("ArrowDown", { metaKey: true }), [0, 1], grid)
+		).toEqual([3, 1]);
+	});
+
+	test("Cmd+ArrowUp jumps to first row", () => {
+		expect(
+			move_cursor(make_key_event("ArrowUp", { metaKey: true }), [3, 1], grid)
+		).toEqual([0, 1]);
+	});
+
+	test("returns false at grid boundary", () => {
+		expect(move_cursor(make_key_event("ArrowUp"), [0, 0], grid)).toBe(false);
+		expect(move_cursor(make_key_event("ArrowLeft"), [0, 0], grid)).toBe(false);
+		expect(move_cursor(make_key_event("ArrowDown"), [3, 3], grid)).toBe(false);
+		expect(move_cursor(make_key_event("ArrowRight"), [3, 3], grid)).toBe(false);
+	});
+});
+
+describe("get_current_indices", () => {
+	const grid = make_grid(3, 3);
+
+	test("finds cell by ID", () => {
+		expect(get_current_indices("cell-1-2", grid)).toEqual([1, 2]);
+	});
+
+	test("returns [-1, -1] when ID not found", () => {
+		expect(get_current_indices("nonexistent", grid)).toEqual([-1, -1]);
+	});
+});
+
+describe("select_column", () => {
+	test("selects all rows for given column", () => {
+		const data = [
+			[1, 2, 3],
+			[4, 5, 6],
+			[7, 8, 9]
+		];
+		expect(select_column(data, 1)).toEqual([
+			[0, 1],
+			[1, 1],
+			[2, 1]
+		]);
+	});
+});
+
+describe("select_row", () => {
+	test("selects all columns for given row", () => {
+		const data = [
+			[1, 2, 3],
+			[4, 5, 6]
+		];
+		expect(select_row(data, 0)).toEqual([
+			[0, 0],
+			[0, 1],
+			[0, 2]
+		]);
+	});
+});
diff --git a/js/dataframe/test/table_utils.test.ts b/js/dataframe/test/table_utils.test.ts
new file mode 100644
index 0000000..92744d3
--- /dev/null
+++ b/js/dataframe/test/table_utils.test.ts
@@ -0,0 +1,109 @@
+import { describe, test, expect } from "vitest";
+import {
+	make_cell_id,
+	make_header_id,
+	guess_delimiter,
+	data_uri_to_blob
+} from "../shared/utils/table_utils";
+import { cast_value_to_type } from "../shared/utils/utils";
+
+describe("table_utils", () => {
+	describe("id generation", () => {
+		test("generates unique cell ids", () => {
+			const id_set = new Set();
+			for (let row = 0; row < 10; row++) {
+				for (let col = 0; col < 10; col++) {
+					id_set.add(make_cell_id(row, col));
+				}
+			}
+			expect(id_set.size).toBe(100);
+		});
+
+		test("generates unique header ids", () => {
+			const id_set = new Set();
+			for (let i = 0; i < 10; i++) {
+				id_set.add(make_header_id(i));
+			}
+			expect(id_set.size).toBe(10);
+		});
+	});
+});
+
+describe("cast_value_to_type", () => {
+	test("casts to number", () => {
+		expect(cast_value_to_type("42", "number")).toBe(42);
+		expect(cast_value_to_type(3.14, "number")).toBe(3.14);
+		expect(cast_value_to_type("not a number", "number")).toBe("not a number");
+	});
+	test("casts to bool", () => {
+		expect(cast_value_to_type("True", "bool")).toBe(true);
+		expect(cast_value_to_type("False", "bool")).toBe(false);
+		expect(cast_value_to_type(1, "bool")).toBe(true);
+		expect(cast_value_to_type(0, "bool")).toBe(false);
+		expect(cast_value_to_type("1", "bool")).toBe(true);
+		expect(cast_value_to_type("0", "bool")).toBe(false);
+		expect(cast_value_to_type("yes", "bool")).toBe("yes");
+		expect(cast_value_to_type("no", "bool")).toBe("no");
+		expect(cast_value_to_type("on", "bool")).toBe("on");
+		expect(cast_value_to_type("off", "bool")).toBe("off");
+		expect(cast_value_to_type("random", "bool")).toBe("random");
+	});
+	test("casts to date", () => {
+		const result = cast_value_to_type("2023-01-01", "date");
+		expect(result).toBe("2023-01-01T00:00:00.000Z");
+		expect(typeof cast_value_to_type("not a date", "date")).toBe("string");
+	});
+	test("returns value as-is for str", () => {
+		expect(cast_value_to_type("hello", "str")).toBe("hello");
+		expect(cast_value_to_type(123, "str")).toBe(123);
+	});
+	test("preserves null and undefined for all types", () => {
+		expect(cast_value_to_type(null, "number")).toBe(null);
+		expect(cast_value_to_type(undefined, "number")).toBe(undefined);
+		expect(cast_value_to_type(null, "bool")).toBe(null);
+		expect(cast_value_to_type(undefined, "bool")).toBe(undefined);
+		expect(cast_value_to_type(null, "date")).toBe(null);
+		expect(cast_value_to_type(undefined, "date")).toBe(undefined);
+		expect(cast_value_to_type(null, "str")).toBe(null);
+		expect(cast_value_to_type(undefined, "str")).toBe(undefined);
+	});
+});
+
+describe("guess_delimiter", () => {
+	test("detects comma delimiter", () => {
+		const csv = "a,b,c\n1,2,3\n4,5,6";
+		expect(guess_delimiter(csv, [",", "\t"])).toContain(",");
+	});
+
+	test("detects tab delimiter", () => {
+		const tsv = "a\tb\tc\n1\t2\t3\n4\t5\t6";
+		expect(guess_delimiter(tsv, [",", "\t"])).toContain("\t");
+	});
+
+	test("returns empty array when no consistent delimiter", () => {
+		const text = "abc\ndef\nghi";
+		expect(guess_delimiter(text, [",", "\t"])).toEqual([]);
+	});
+
+	test("handles single-line input", () => {
+		// single line with commas — cache set once, always matches
+		const text = "a,b,c";
+		expect(guess_delimiter(text, [",", "\t"])).toContain(",");
+	});
+});
+
+describe("data_uri_to_blob", () => {
+	test("converts data URI to Blob with correct MIME type", () => {
+		const data_uri = "data:text/plain;base64,SGVsbG8=";
+		const blob = data_uri_to_blob(data_uri);
+		expect(blob.type).toBe("text/plain");
+	});
+
+	test("converts data URI to Blob with correct content", async () => {
+		// "Hello" in base64 is "SGVsbG8="
+		const data_uri = "data:text/plain;base64,SGVsbG8=";
+		const blob = data_uri_to_blob(data_uri);
+		const text = await blob.text();
+		expect(text).toBe("Hello");
+	});
+});
diff --git a/js/dataframe/types.ts b/js/dataframe/types.ts
new file mode 100644
index 0000000..404a359
--- /dev/null
+++ b/js/dataframe/types.ts
@@ -0,0 +1,34 @@
+import type { SelectData } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { DataframeValue, Datatype, EditData } from "./shared/utils/utils";
+
+export interface DataframeEvents {
+	change: DataframeValue;
+	input: never;
+	select: SelectData;
+	edit: EditData;
+	clear_status: LoadingStatus;
+}
+
+export interface DataframeProps {
+	value: DataframeValue;
+	col_count: [number, "fixed" | "dynamic"];
+	row_count: [number, "fixed" | "dynamic"];
+	wrap: boolean;
+	datatype: Datatype | Datatype[];
+	line_breaks: boolean;
+	column_widths: string[];
+	latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+	max_height: number;
+	buttons: string[] | null;
+	max_chars: number | undefined;
+	show_row_numbers: boolean;
+	show_search: "none" | "search" | "filter";
+	pinned_columns: number;
+	static_columns: (string | number)[];
+	fullscreen: boolean;
+}
diff --git a/js/dataset/CHANGELOG.md b/js/dataset/CHANGELOG.md
new file mode 100644
index 0000000..a939251
--- /dev/null
+++ b/js/dataset/CHANGELOG.md
@@ -0,0 +1,1209 @@
+# @gradio/dataset
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+- @gradio/textbox@0.14.1
+
+## 0.7.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/textbox@0.14.0
+
+## 0.6.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.5.9
+
+### Fixes
+
+- [#13291](https://github.com/gradio-app/gradio/pull/13291) [`77fca72`](https://github.com/gradio-app/gradio/commit/77fca72b8eba2bcda19c31bba285af2642a4cc9d) - Dataset: fix gallery view using wrong component metadata index and fix broken pagination after Svelte 5 migration.  Thanks @ParamChordiya!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/upload@0.17.9
+- @gradio/textbox@0.13.9
+
+## 0.5.8
+
+### Features
+
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/client@2.2.0
+- @gradio/textbox@0.13.8
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/upload@0.17.8
+- @gradio/textbox@0.13.7
+
+## 0.5.6
+
+### Fixes
+
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/textbox@0.13.6
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+- @gradio/textbox@0.13.5
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/upload@0.17.6
+- @gradio/textbox@0.13.4
+
+## 0.5.3
+
+### Fixes
+
+- [#12818](https://github.com/gradio-app/gradio/pull/12818) [`6594c9c`](https://github.com/gradio-app/gradio/commit/6594c9c5b2829771f79dc04c6fafb6da72031b90) - Migrate Dataset to Svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/upload@0.17.5
+- @gradio/textbox@0.13.3
+
+## 0.5.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/textbox@0.13.2
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/upload@0.17.3
+- @gradio/textbox@0.13.0
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/textbox@0.12.1
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Reload Mode in 6.0
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/utils@0.10.3
+- @gradio/upload@0.17.2
+- @gradio/textbox@0.12.0
+
+## 0.5.0-dev.3
+
+### Features
+
+- [#12383](https://github.com/gradio-app/gradio/pull/12383) [`6505763`](https://github.com/gradio-app/gradio/commit/650576399bad10f03aaa03dd9437f03b47ba378b) - Fix Reload Mode in 6.0.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/upload@0.17.2-dev.2
+- @gradio/textbox@0.12.0-dev.2
+
+## 0.4.35-dev.2
+
+### Dependency updates
+
+- @gradio/textbox@0.12.0-dev.1
+
+## 0.4.35-dev.1
+
+### Dependency updates
+
+- @gradio/textbox@0.11.2-dev.0
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+
+## 0.4.35-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.4.35-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+
+## 0.4.34
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.4.34
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.4.34
+
+### Fixes
+
+- [#11920](https://github.com/gradio-app/gradio/pull/11920) [`0f38b65`](https://github.com/gradio-app/gradio/commit/0f38b65f551cb61b3e9ed668e0ea525441672482) - Fix Examples Pagination.  Thanks @freddyaboulton!
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/textbox@0.11.1
+
+## 0.4.33
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/atoms@0.17.0
+- @gradio/upload@0.16.17
+- @gradio/textbox@0.11.0
+
+## 0.4.32
+
+### Dependency updates
+
+- @gradio/upload@0.16.16
+
+## 0.4.32
+
+### Dependency updates
+
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/upload@0.16.15
+- @gradio/textbox@0.10.20
+
+## 0.4.31
+
+### Dependency updates
+
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/textbox@0.10.19
+
+## 0.4.30
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+
+## 0.4.29
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+
+## 0.4.28
+
+### Dependency updates
+
+- @gradio/textbox@0.10.18
+
+## 0.4.27
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/upload@0.16.11
+- @gradio/textbox@0.10.17
+
+## 0.4.26
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/textbox@0.10.16
+
+## 0.4.25
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+
+## 0.4.24
+
+### Dependency updates
+
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/textbox@0.10.15
+
+## 0.4.23
+
+### Dependency updates
+
+- @gradio/textbox@0.10.14
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+
+## 0.4.21
+
+### Dependency updates
+
+- @gradio/textbox@0.10.13
+
+## 0.4.20
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/textbox@0.10.12
+
+## 0.4.19
+
+### Dependency updates
+
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/textbox@0.10.11
+
+## 0.4.18
+
+### Fixes
+
+- [#11181](https://github.com/gradio-app/gradio/pull/11181) [`ee7f17e`](https://github.com/gradio-app/gradio/commit/ee7f17e25642bc4b86f2272b3b5cfcf77c08adf1) - Fix the `.select()` event in `gr.Dataset` in table layout.  Thanks @abidlabs!
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+- @gradio/textbox@0.10.10
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/textbox@0.10.9
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/textbox@0.10.8
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/atoms@0.15.0
+- @gradio/upload@0.16.0
+- @gradio/textbox@0.10.7
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/client@1.14.0
+- @gradio/upload@0.15.6
+- @gradio/textbox@0.10.6
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/atoms@0.14.0
+- @gradio/textbox@0.10.5
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/upload@0.15.4
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/atoms@0.13.3
+- @gradio/textbox@0.10.4
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/textbox@0.10.3
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+
+## 0.4.2
+
+### Fixes
+
+- [#10369](https://github.com/gradio-app/gradio/pull/10369) [`eb85edf`](https://github.com/gradio-app/gradio/commit/eb85edf4b27b33038c0923387d6d1a6f57a73980) - Quick fix: 0 is ignored Slider/Number issue.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/textbox@0.10.2
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/client@1.10.0
+- @gradio/upload@0.14.5
+- @gradio/textbox@0.10.1
+
+## 0.4.0
+
+### Features
+
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/textbox@0.10.0
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+- @gradio/textbox@0.9.1
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/upload@0.14.2
+- @gradio/textbox@0.9.0
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/textbox@0.8.6
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/textbox@0.8.5
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+- @gradio/textbox@0.8.4
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/atoms@0.10.0
+- @gradio/upload@0.13.4
+- @gradio/textbox@0.8.3
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+- @gradio/textbox@0.8.2
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/textbox@0.8.1
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/textbox@0.8.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/textbox@0.7.1
+
+## 0.2.5-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/textbox@0.7.0-beta.5
+
+## 0.2.5-beta.6
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/textbox@0.7.0-beta.4
+
+## 0.2.5-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/textbox@0.7.0-beta.3
+
+## 0.2.5-beta.4
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.4
+- @gradio/textbox@0.7.0-beta.2
+
+## 0.2.5-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.2.5-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/textbox@0.7.0-beta.2
+
+## 0.2.5-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/textbox@0.7.0-beta.1
+
+## 0.2.5-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/atoms@0.8.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/textbox@0.7.0
+
+## 0.2.4
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Fixes
+
+- [#9093](https://github.com/gradio-app/gradio/pull/9093) [`60650d8`](https://github.com/gradio-app/gradio/commit/60650d84b2cfe93fd2ebf2d2997d6c0f382d5f1a) - Reset `Dataset` page to 0 when samples change.  Thanks @abidlabs!
+- [#8987](https://github.com/gradio-app/gradio/pull/8987) [`7b288cf`](https://github.com/gradio-app/gradio/commit/7b288cf6772ec3dc1fa603db859975e5dab90127) - Fix unexpected rendering of Dataset.  Thanks @Col0ring!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/textbox@0.6.11
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/client@1.5.0
+- @gradio/upload@0.12.2
+- @gradio/textbox@0.6.10
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/upload@0.12.1
+- @gradio/textbox@0.6.9
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+- @gradio/textbox@0.6.8
+
+## 0.2.0
+
+### Features
+
+- [#8733](https://github.com/gradio-app/gradio/pull/8733) [`fb0daf3`](https://github.com/gradio-app/gradio/commit/fb0daf3730ffbe6aab5ebe4210eae150729a40b1) - Improvements to `gr.Examples`: adds events as attributes and documents, them, adds `sample_labels`, and `visible` properties.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/textbox@0.6.7
+
+## 0.1.45
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.1.44
+
+### Fixes
+
+- [#8581](https://github.com/gradio-app/gradio/pull/8581) [`a1c21cb`](https://github.com/gradio-app/gradio/commit/a1c21cb69a688bd38139153fe9c85a50c6ae86f2) - fix dataset update.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/client@1.2.0
+- @gradio/upload@0.11.3
+
+## 0.1.43
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.1.42
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.1.41
+
+### Dependency updates
+
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.1.40
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.1.39
+
+### Fixes
+
+- [#8364](https://github.com/gradio-app/gradio/pull/8364) [`6a1b58c`](https://github.com/gradio-app/gradio/commit/6a1b58cf3e4796ccb695db5baae190c894b30df0) - Add `--table-text-color` var to fix body text in `Examples`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/upload@0.10.6
+
+## 0.1.38
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.1.37
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/upload@0.10.4
+
+## 0.1.36
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.1.35
+
+### Dependency updates
+
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.1.34
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/client@0.19.0
+- @gradio/upload@0.10.1
+
+## 0.1.33
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+
+## 0.1.32
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.1.31
+
+### Fixes
+
+- [#8028](https://github.com/gradio-app/gradio/pull/8028) [`6fafce0`](https://github.com/gradio-app/gradio/commit/6fafce06704ab8f2cd5fe6fbdb58b842e144e44d) - ensure maps are correctly shallow cloned when updating state.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+
+## 0.1.30
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.1.29
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.1.28
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/upload@0.8.2
+
+## 0.1.27
+
+### Fixes
+
+- [#7761](https://github.com/gradio-app/gradio/pull/7761) [`ca42748`](https://github.com/gradio-app/gradio/commit/ca42748590536e1d940b44ec7c9b6ea402905707) - Ensure `paginate` updates when samples value changes in `Dataset`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/atoms@0.6.0
+
+## 0.1.26
+
+### Fixes
+
+- [#7564](https://github.com/gradio-app/gradio/pull/7564) [`5d1e8da`](https://github.com/gradio-app/gradio/commit/5d1e8dae5ac23f605c3b5f41dbe18751dff380a0) - batch UI updates on a per frame basis.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+
+## 0.1.25
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+
+## 0.1.24
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.1.23
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.22
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/upload@0.7.4
+
+## 0.1.21
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/upload@0.7.3
+
+## 0.1.20
+
+### Patch Changes
+
+- Updated dependencies [[`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6)]:
+  - @gradio/client@0.12.0
+  - @gradio/upload@0.7.2
+
+## 0.1.19
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.18
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+
+## 0.1.17
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/upload@0.6.1
+
+## 0.1.16
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+
+## 0.1.15
+
+### Patch Changes
+
+- Updated dependencies [[`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549), [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74)]:
+  - @gradio/client@0.10.0
+  - @gradio/upload@0.5.8
+
+## 0.1.14
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/upload@0.5.7
+
+## 0.1.13
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+
+## 0.1.12
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+
+## 0.1.10
+
+### Patch Changes
+
+- Updated dependencies [[`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88), [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70), [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/upload@0.5.3
+  - @gradio/client@0.9.0
+  - @gradio/atoms@0.4.0
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/upload@0.5.2
+
+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/upload@0.5.1
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/upload@0.5.0
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/upload@0.4.1
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - pass props to example components and to example outputs. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6014](https://github.com/gradio-app/gradio/pull/6014) [`cad537aac`](https://github.com/gradio-app/gradio/commit/cad537aac57998560c9f44a37499be734de66349) - pass props to example components and to example outputs. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.0
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`. Thanks [@pngwn](https://github.com/pngwn)!
+
+# @gradio/box
+
+## 0.0.5-beta.4
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.0.5-beta.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.2.0-beta.3
+
+## 0.0.5-beta.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.2.0-beta.2
+
+## 0.0.5-beta.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.2.0-beta.1
+
+## 0.0.5-beta.0
+
+### Patch Changes
+
+- Updated dependencies [[`681f10c31`](https://github.com/gradio-app/gradio/commit/681f10c315a75cc8cd0473c9a0167961af7696db), [`1385dc688`](https://github.com/gradio-app/gradio/commit/1385dc6881f2d8ae7a41106ec21d33e2ef04d6a9)]:
+  - @gradio/atoms@0.2.0-beta.0
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.2
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.1
+
+## 0.0.2
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/dataset/Dataset.svelte b/js/dataset/Dataset.svelte
new file mode 100644
index 0000000..c47b9a5
--- /dev/null
+++ b/js/dataset/Dataset.svelte
@@ -0,0 +1,402 @@
+<script lang="ts">
+	import type { SvelteComponent, ComponentType } from "svelte";
+	import type { SelectData } from "@gradio/utils";
+	import { BaseExample } from "@gradio/textbox";
+	import type {
+		load_component as load_component_type,
+		LoadingComponent
+	} from "@gradio/utils";
+	import MountExample from "./MountExample.svelte";
+
+	interface Props {
+		components: { name: string; class_id: string }[];
+		component_props: Record<string, any>[];
+		load_component: load_component_type;
+		headers: string[];
+		samples: any[][] | null;
+		sample_labels?: string[] | null;
+		value?: number | null;
+		root: string;
+		proxy_url: null | string;
+		samples_per_page?: number;
+		onclick: (data: SelectData) => void;
+		onselect: (data: SelectData) => void;
+		layout?: "gallery" | "table" | null;
+	}
+
+	let {
+		components,
+		component_props,
+		load_component,
+		headers,
+		samples,
+		sample_labels = null,
+		value = $bindable(null),
+		root,
+		proxy_url,
+		samples_per_page = 10,
+		onclick,
+		onselect,
+		layout = null
+	}: Props = $props();
+
+	// Although the `samples_dir` prop is not used in any of the core Gradio component, it is kept for backward compatibility
+	// with any custom components created with gradio<=4.20.0
+	let samples_dir: string = $derived(
+		proxy_url ? `/proxy=${proxy_url}file=` : `${root}/file=`
+	);
+
+	let current_hover = $state(-1);
+
+	let gallery = $derived(
+		(components.length < 2 || sample_labels !== null) && layout !== "table"
+	);
+
+	let effective_samples = $derived.by(() => {
+		if (sample_labels) {
+			return sample_labels.map((e) => [e]);
+		}
+		return samples ?? [];
+	});
+
+	// page resets to 0 whenever effective_samples changes,
+	// but can still be overwritten by user clicks
+	let page = $state(0);
+	$effect(() => {
+		effective_samples;
+		page = 0;
+	});
+
+	let paginate = $derived(effective_samples.length > samples_per_page);
+
+	let selected_samples = $derived.by(() => {
+		if (paginate) {
+			return effective_samples.slice(
+				page * samples_per_page,
+				(page + 1) * samples_per_page
+			);
+		}
+		return effective_samples.slice();
+	});
+
+	let page_count = $derived(
+		Math.ceil(effective_samples.length / samples_per_page)
+	);
+
+	let visible_pages = $derived.by(() => {
+		if (!paginate) return [];
+		let pages: number[] = [];
+		[0, page, page_count - 1].forEach((anchor) => {
+			for (let i = anchor - 2; i <= anchor + 2; i++) {
+				if (i >= 0 && i < page_count && !pages.includes(i)) {
+					if (pages.length > 0 && i - pages[pages.length - 1] > 1) {
+						pages.push(-1);
+					}
+					pages.push(i);
+				}
+			}
+		});
+		return pages;
+	});
+
+	function handle_mouseenter(i: number): void {
+		current_hover = i;
+	}
+
+	function handle_mouseleave(): void {
+		current_hover = -1;
+	}
+
+	let component_meta: {
+		value: any;
+		component: LoadingComponent;
+		runtime: false | typeof import("svelte");
+	}[][] = $state([]);
+
+	async function get_component_meta(
+		selected_samples_json: string
+	): Promise<void> {
+		const _selected_samples: any[][] = JSON.parse(selected_samples_json);
+
+		// @ts-ignore
+		component_meta = await Promise.all(
+			_selected_samples &&
+				_selected_samples.map(
+					async (sample_row) =>
+						await Promise.all(
+							sample_row.map(async (sample_cell, j) => {
+								const loaded = load_component(
+									components[j].name,
+									"example",
+									components[j].class_id
+								);
+								return {
+									value: sample_cell,
+									component: loaded.component,
+									runtime: loaded.runtime
+								};
+							})
+						)
+				)
+		);
+	}
+
+	// Need to stringify the samples otherwise get_component_meta will trigger infinitely
+	// Saw this when rendering examples in a gr.render block
+	let selected_samples_json = $derived(JSON.stringify(selected_samples || []));
+</script>
+
+{#await get_component_meta(selected_samples_json)}
+	{#if gallery}
+		<div class="gallery">
+			{#each selected_samples as sample_row, i (i)}
+				{#if sample_row[0] != null}
+					<button
+						class="gallery-item"
+						onclick={() => {
+							value = i + page * samples_per_page;
+							onclick({ index: value, value: sample_row });
+							onselect({ index: value, value: sample_row });
+						}}
+						onmouseenter={() => handle_mouseenter(i)}
+						onmouseleave={() => handle_mouseleave()}
+					>
+						{#if sample_labels}
+							<BaseExample
+								value={sample_row[0]}
+								selected={current_hover === i}
+								type="gallery"
+							/>
+						{:else}
+							{sample_row[0]}
+						{/if}
+					</button>
+				{/if}
+			{/each}
+		</div>
+	{/if}
+{:then _}
+	{#if gallery}
+		<div class="gallery">
+			{#each selected_samples as sample_row, i (i)}
+				{#if sample_row[0] != null}
+					<button
+						class="gallery-item"
+						onclick={() => {
+							value = i + page * samples_per_page;
+							onclick({ index: value, value: sample_row });
+							onselect({ index: value, value: sample_row });
+						}}
+						onmouseenter={() => handle_mouseenter(i)}
+						onmouseleave={() => handle_mouseleave()}
+					>
+						{#if sample_labels}
+							<BaseExample
+								value={sample_row[0]}
+								selected={current_hover === i}
+								type="gallery"
+							/>
+						{:else if component_meta.length && component_meta[i]}
+							{#await Promise.all( [component_meta[i][0].component, component_meta[i][0].runtime] ) then [component, runtime]}
+								{#key sample_row[0]}
+									<MountExample
+										{component}
+										{runtime}
+										{...component_props[0]}
+										value={sample_row[0]}
+										{samples_dir}
+										type="gallery"
+										selected={current_hover === i}
+										index={i}
+										{root}
+									/>
+								{/key}
+							{/await}
+						{/if}
+					</button>
+				{/if}
+			{/each}
+		</div>
+	{:else if selected_samples.length > 0}
+		<div class="table-wrap">
+			<table tabindex="0" role="grid">
+				<thead>
+					<tr class="tr-head">
+						{#each headers as header (header)}
+							<th>
+								{header}
+							</th>
+						{/each}
+					</tr>
+				</thead>
+				<tbody>
+					{#each component_meta as sample_row, i (i)}
+						<tr
+							class="tr-body"
+							onclick={() => {
+								value = i + page * samples_per_page;
+								onclick({ index: value, value: sample_row });
+								onselect({
+									index: value,
+									value: selected_samples[i]
+								});
+							}}
+							onmouseenter={() => handle_mouseenter(i)}
+							onmouseleave={() => handle_mouseleave()}
+						>
+							{#each sample_row as { value, component, runtime }, j (j)}
+								{@const component_name = components[j]?.name}
+
+								{#if component_name !== undefined}
+									<td
+										style="max-width: {component_name === 'textbox'
+											? '35ch'
+											: 'auto'}"
+										class={component_name}
+									>
+										{#await Promise.all( [component, runtime] ) then [component, runtime]}
+											<MountExample
+												{component}
+												{runtime}
+												{...component_props[j]}
+												{value}
+												{samples_dir}
+												type="table"
+												selected={current_hover === i}
+												index={i}
+												{root}
+											/>
+										{/await}
+									</td>
+								{/if}
+							{/each}
+						</tr>
+					{/each}
+				</tbody>
+			</table>
+		</div>
+	{/if}
+	{#if paginate}
+		<div class="paginate">
+			Pages:
+			{#each visible_pages as visible_page (visible_page)}
+				{#if visible_page === -1}
+					<div>...</div>
+				{:else}
+					<button
+						class:current-page={page === visible_page}
+						onclick={() => (page = visible_page)}
+					>
+						{visible_page + 1}
+					</button>
+				{/if}
+			{/each}
+		</div>
+	{/if}
+{/await}
+
+<style>
+	.wrap {
+		display: inline-block;
+		width: var(--size-full);
+		max-width: var(--size-full);
+		color: var(--body-text-color);
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.gallery {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--spacing-lg);
+	}
+
+	.gallery-item {
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--button-large-radius);
+		overflow: hidden;
+	}
+
+	.gallery-item:hover {
+		border-color: var(--border-color-accent);
+		background: var(--table-row-focus);
+	}
+
+	.table-wrap {
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--table-radius);
+		width: var(--size-full);
+		table-layout: auto;
+		overflow-x: auto;
+		line-height: var(--line-sm);
+		color: var(--table-text-color);
+	}
+	table {
+		width: var(--size-full);
+	}
+
+	.tr-head {
+		box-shadow: var(--shadow-drop-lg);
+		border-bottom: 1px solid var(--border-color-primary);
+	}
+
+	.tr-head > * + * {
+		border-right-width: 0px;
+		border-left-width: 1px;
+		border-color: var(--border-color-primary);
+	}
+
+	th {
+		padding: var(--size-2);
+		white-space: nowrap;
+	}
+
+	.tr-body {
+		cursor: pointer;
+		border-bottom: 1px solid var(--border-color-primary);
+		background: var(--table-even-background-fill);
+	}
+
+	.tr-body:last-child {
+		border: none;
+	}
+
+	.tr-body:nth-child(odd) {
+		background: var(--table-odd-background-fill);
+	}
+
+	.tr-body:hover {
+		background: var(--table-row-focus);
+	}
+
+	.tr-body > * + * {
+		border-right-width: 0px;
+		border-left-width: 1px;
+		border-color: var(--border-color-primary);
+	}
+
+	.tr-body:hover > * + * {
+		border-color: var(--border-color-accent);
+	}
+
+	td {
+		padding: var(--size-2);
+		text-align: center;
+	}
+
+	.paginate {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: var(--spacing-sm);
+		margin-top: var(--size-2);
+		color: var(--block-label-text-color);
+		font-size: var(--text-sm);
+	}
+
+	button.current-page {
+		font-weight: var(--weight-bold);
+	}
+</style>
diff --git a/js/dataset/Index.svelte b/js/dataset/Index.svelte
new file mode 100644
index 0000000..0f44649
--- /dev/null
+++ b/js/dataset/Index.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+	import { Block } from "@gradio/atoms";
+	import type { SvelteComponent, ComponentType } from "svelte";
+	import { Gradio } from "@gradio/utils";
+	import type { DatasetProps, DatasetEvents } from "./types";
+
+	import Dataset from "./Dataset.svelte";
+
+	let props = $props();
+
+	const gradio = new Gradio<DatasetEvents, DatasetProps>(props);
+	gradio.watch_for_change();
+
+	// Need to mark samples as state, otherwise get_component_meta constantly triggers
+	let samples = $derived(gradio.props.samples ?? []);
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	padding={false}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	container={false}
+>
+	{#if gradio.shared.show_label}
+		<div class="label">
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				xmlns:xlink="http://www.w3.org/1999/xlink"
+				aria-hidden="true"
+				role="img"
+				width="1em"
+				height="1em"
+				preserveAspectRatio="xMidYMid meet"
+				viewBox="0 0 32 32"
+			>
+				<path
+					fill="currentColor"
+					d="M10 6h18v2H10zm0 18h18v2H10zm0-9h18v2H10zm-6 0h2v2H4zm0-9h2v2H4zm0 18h2v2H4z"
+				/>
+			</svg>
+			{gradio.shared.label || "Examples"}
+		</div>
+	{/if}
+
+	<Dataset
+		onclick={(d) => (
+			(gradio.props.value = Array.isArray(d.index) ? d.index[0] : d.index),
+			gradio.dispatch("click")
+		)}
+		onselect={(data) => gradio.dispatch("select", data)}
+		load_component={gradio.shared.load_component}
+		{...gradio.props}
+		{samples}
+	/>
+</Block>
+
+<style>
+	.label {
+		display: flex;
+		align-items: center;
+		margin-bottom: var(--size-2);
+		color: var(--block-label-text-color);
+		font-weight: var(--block-label-text-weight);
+		font-size: var(--block-label-text-size);
+		line-height: var(--line-sm);
+	}
+
+	svg {
+		margin-right: var(--size-1);
+	}
+</style>
diff --git a/js/dataset/MountExample.svelte b/js/dataset/MountExample.svelte
new file mode 100644
index 0000000..ba13db9
--- /dev/null
+++ b/js/dataset/MountExample.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	import { mount, unmount } from "svelte";
+
+	interface Props {
+		component: { default: any };
+		runtime: false | typeof import("svelte");
+		[key: string]: any;
+	}
+
+	let { component, runtime, ...rest }: Props = $props();
+	let el: HTMLElement | null = $state(null);
+
+	$effect(() => {
+		if (!el || !component) return;
+
+		const _component = component;
+		const _runtime = runtime;
+		const _rest = rest;
+
+		if (_runtime) {
+			const mounted = _runtime.mount(_component.default, {
+				target: el,
+				props: _rest
+			});
+			return () => {
+				_runtime.unmount(mounted);
+			};
+		} else {
+			const mounted = mount(_component.default, {
+				target: el,
+				props: _rest
+			});
+			return () => {
+				unmount(mounted);
+			};
+		}
+	});
+</script>
+
+<span bind:this={el}></span>
diff --git a/js/dataset/package.json b/js/dataset/package.json
new file mode 100644
index 0000000..f9006e2
--- /dev/null
+++ b/js/dataset/package.json
@@ -0,0 +1,36 @@
+{
+	"name": "@gradio/dataset",
+	"version": "0.7.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/textbox": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/dataset"
+	}
+}
diff --git a/js/dataset/types.ts b/js/dataset/types.ts
new file mode 100644
index 0000000..78e50a6
--- /dev/null
+++ b/js/dataset/types.ts
@@ -0,0 +1,21 @@
+import type { SelectData } from "@gradio/utils";
+
+export interface DatasetProps {
+	components: { name: string; class_id: string }[];
+	component_props: Record<string, any>[];
+	headers: string[];
+	samples: any[][] | null;
+	sample_labels: string[] | null;
+	value: number | null;
+	root: string;
+	proxy_url: null | string;
+	samples_per_page: number;
+
+	layout: "gallery" | "table" | null;
+}
+
+export interface DatasetEvents {
+	change: never;
+	click: never;
+	select: SelectData;
+}
diff --git a/js/datetime/CHANGELOG.md b/js/datetime/CHANGELOG.md
new file mode 100644
index 0000000..5e7fafb
--- /dev/null
+++ b/js/datetime/CHANGELOG.md
@@ -0,0 +1,538 @@
+# @gradio/datetime
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.4.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12696](https://github.com/gradio-app/gradio/pull/12696) [`eb13299`](https://github.com/gradio-app/gradio/commit/eb13299a4e7873de9ac775b91364137dee7555b1) - migrate datetime.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.4.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.4.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.3.23
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.23
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.3.23-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.3.23-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.3.22
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.3.22
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.3.21
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.3.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.3.20
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.3.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.3.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.3.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.3.17
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.3.16
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.3.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.15
+
+### Fixes
+
+- [#11363](https://github.com/gradio-app/gradio/pull/11363) [`5e3ec9c`](https://github.com/gradio-app/gradio/commit/5e3ec9cf2c221fcd0d84f07d5757b63940cc1238) - Redesign the `gr.Datetime` component and ensure it works within an iframe (e.g. on Spaces).  Thanks @abidlabs!
+
+## 0.3.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.3.0
+
+### Features
+
+- [#10013](https://github.com/gradio-app/gradio/pull/10013) [`5d36c80`](https://github.com/gradio-app/gradio/commit/5d36c8088d4d7f7dccce55a3f2be3bcd8b345332) - Add `gr.datetime` a param `interactive:bool`.  Thanks @yinsumirage!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.2.7
+
+### Fixes
+
+- [#9897](https://github.com/gradio-app/gradio/pull/9897) [`c0cf80b`](https://github.com/gradio-app/gradio/commit/c0cf80bddd99ad0f836e618cc3d2b13e73cb5611) - Allow datetime value to be null.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.2.5
+
+### Fixes
+
+- [#9825](https://github.com/gradio-app/gradio/pull/9825) [`f15808e`](https://github.com/gradio-app/gradio/commit/f15808eff361cdbba5237d1deb8b60128bc844e4) - fix: use system timezone in gr.DateTime with include_time=False.  Thanks @lcian!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.2.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.2.0-beta.5
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.2.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.1.4-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.1.4-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.1.4-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.1.4-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.1.4
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.1.3
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.1.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.1.0
+
+### Features
+
+- [#8807](https://github.com/gradio-app/gradio/pull/8807) [`a238af4`](https://github.com/gradio-app/gradio/commit/a238af4d688c4e030e37c2ef01d5c80d6d940912) - Refactor plots to drop `altair` and use `vega.js` directly.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.0.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.1.0
\ No newline at end of file
diff --git a/js/datetime/DateTimePicker.svelte b/js/datetime/DateTimePicker.svelte
new file mode 100644
index 0000000..767715f
--- /dev/null
+++ b/js/datetime/DateTimePicker.svelte
@@ -0,0 +1,438 @@
+<script lang="ts">
+	import {
+		format_date,
+		generate_calendar_days,
+		calculate_display_hour,
+		convert_display_hour_to_24h,
+		month_names
+	} from "./utils";
+
+	let {
+		selected_date = $bindable<Date>(),
+		current_year = $bindable<number>(),
+		current_month = $bindable<number>(),
+		selected_hour = $bindable<number>(),
+		selected_minute = $bindable<number>(),
+		selected_second = $bindable<number>(),
+		is_pm = $bindable<boolean>(),
+		include_time,
+		position,
+		onclose,
+		onclear,
+		onupdate
+	}: {
+		selected_date: Date;
+		current_year: number;
+		current_month: number;
+		selected_hour: number;
+		selected_minute: number;
+		selected_second: number;
+		is_pm: boolean;
+		include_time: boolean;
+		position: { top: number; left: number };
+		onclose?: () => void;
+		onclear?: () => void;
+		onupdate?: (formatted: string) => void;
+	} = $props();
+
+	let display_hour = $derived(calculate_display_hour(selected_hour, is_pm));
+	let calendar_days = $derived(
+		generate_calendar_days(current_year, current_month)
+	);
+
+	const select_date = (day: number): void => {
+		selected_date = new Date(
+			current_year,
+			current_month,
+			day,
+			selected_hour,
+			selected_minute,
+			selected_second
+		);
+		update_value();
+	};
+
+	const update_value = (): void => {
+		const formatted = format_date(selected_date, include_time);
+		onupdate?.(formatted);
+	};
+
+	const update_time = (): void => {
+		selected_date = new Date(
+			current_year,
+			current_month,
+			selected_date.getDate(),
+			selected_hour,
+			selected_minute,
+			selected_second
+		);
+		update_value();
+	};
+
+	const previous_month = (): void => {
+		if (current_month === 0) {
+			current_month = 11;
+			current_year--;
+		} else {
+			current_month--;
+		}
+	};
+
+	const next_month = (): void => {
+		if (current_month === 11) {
+			current_month = 0;
+			current_year++;
+		} else {
+			current_month++;
+		}
+	};
+
+	const toggle_am_pm = (): void => {
+		is_pm = !is_pm;
+		if (is_pm && selected_hour < 12) {
+			selected_hour += 12;
+		} else if (!is_pm && selected_hour >= 12) {
+			selected_hour -= 12;
+		}
+		update_time();
+	};
+
+	const update_display_hour = (new_hour: number): void => {
+		selected_hour = convert_display_hour_to_24h(new_hour, is_pm);
+		update_time();
+	};
+
+	const handle_now = (): void => {
+		const now = new Date();
+		selected_date = now;
+		current_year = now.getFullYear();
+		current_month = now.getMonth();
+		selected_hour = now.getHours();
+		selected_minute = now.getMinutes();
+		selected_second = now.getSeconds();
+		is_pm = selected_hour >= 12;
+		update_value();
+	};
+</script>
+
+<div
+	class="picker-container"
+	style="top: {position.top}px; left: {position.left}px;"
+>
+	<div class="picker">
+		<div class="picker-header">
+			<button type="button" class="nav-button" onclick={previous_month}
+				>‹</button
+			>
+			<div class="month-year">
+				{month_names[current_month]}
+				{current_year}
+			</div>
+			<button type="button" class="nav-button" onclick={next_month}>›</button>
+		</div>
+
+		<div class="calendar-grid">
+			<div class="weekdays">
+				<div class="weekday">Su</div>
+				<div class="weekday">Mo</div>
+				<div class="weekday">Tu</div>
+				<div class="weekday">We</div>
+				<div class="weekday">Th</div>
+				<div class="weekday">Fr</div>
+				<div class="weekday">Sa</div>
+			</div>
+
+			<div class="days">
+				{#each calendar_days as { day, is_current_month, is_next_month }}
+					<button
+						type="button"
+						class="day"
+						class:other-month={!is_current_month}
+						class:selected={is_current_month &&
+							day === selected_date.getDate() &&
+							current_month === selected_date.getMonth() &&
+							current_year === selected_date.getFullYear()}
+						onclick={() => {
+							if (is_current_month) {
+								select_date(day);
+							} else if (is_next_month) {
+								next_month();
+								select_date(day);
+							} else {
+								previous_month();
+								select_date(day);
+							}
+						}}
+					>
+						{day}
+					</button>
+				{/each}
+			</div>
+		</div>
+
+		{#if include_time}
+			<div class="time-picker">
+				<div class="time-inputs">
+					<div class="time-input-group">
+						<label for="hour">Hour</label>
+						<input
+							id="hour"
+							type="number"
+							min="1"
+							max="12"
+							bind:value={display_hour}
+							oninput={() => update_display_hour(display_hour)}
+						/>
+					</div>
+					<div class="time-input-group">
+						<label for="minute">Min</label>
+						<input
+							id="minute"
+							type="number"
+							min="0"
+							max="59"
+							bind:value={selected_minute}
+							oninput={update_time}
+						/>
+					</div>
+					<div class="time-input-group">
+						<label for="second">Sec</label>
+						<input
+							id="second"
+							type="number"
+							min="0"
+							max="59"
+							bind:value={selected_second}
+							oninput={update_time}
+						/>
+					</div>
+					<div class="time-input-group">
+						<span class="am-pm-label">Period</span>
+						<button
+							type="button"
+							class="am-pm-toggle"
+							onclick={toggle_am_pm}
+							aria-label="Toggle AM/PM"
+						>
+							{is_pm ? "PM" : "AM"}
+						</button>
+					</div>
+				</div>
+			</div>
+		{/if}
+
+		<div class="picker-actions">
+			<button type="button" class="action-button" onclick={onclear}>
+				Clear
+			</button>
+			<div class="picker-actions-right">
+				<button type="button" class="action-button" onclick={handle_now}>
+					Now
+				</button>
+				<button type="button" class="action-button" onclick={onclose}>
+					Done
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.picker-container {
+		position: fixed;
+		z-index: 9999;
+		box-shadow: var(--shadow-drop-lg);
+		border-radius: var(--radius-lg);
+		background: var(--background-fill-primary);
+		border: 1px solid var(--border-color-primary);
+	}
+
+	.picker {
+		padding: var(--size-3);
+		min-width: 280px;
+	}
+
+	.picker-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin-bottom: var(--size-3);
+	}
+
+	.nav-button {
+		background: none;
+		border: none;
+		font-size: var(--text-lg);
+		padding: var(--size-1);
+		border-radius: var(--radius-sm);
+		transition: var(--button-transition);
+		cursor: pointer;
+		color: var(--body-text-color-subdued);
+	}
+
+	.nav-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+		color: var(--body-text-color);
+	}
+
+	.month-year {
+		font-weight: var(--weight-semibold);
+		font-size: var(--text-base);
+		color: var(--body-text-color);
+	}
+
+	.calendar-grid {
+		margin-bottom: var(--size-3);
+	}
+
+	.weekdays {
+		display: grid;
+		grid-template-columns: repeat(7, 1fr);
+		gap: 1px;
+		margin-bottom: var(--size-2);
+	}
+
+	.weekday {
+		text-align: center;
+		font-size: var(--text-sm);
+		font-weight: var(--weight-semibold);
+		color: var(--body-text-color-subdued);
+		padding: var(--size-1);
+	}
+
+	.days {
+		display: grid;
+		grid-template-columns: repeat(7, 1fr);
+		gap: 1px;
+	}
+
+	.day {
+		aspect-ratio: 1;
+		border: none;
+		background: none;
+		border-radius: var(--radius-sm);
+		font-size: var(--text-sm);
+		transition: var(--button-transition);
+		color: var(--body-text-color);
+		cursor: pointer;
+	}
+
+	.day:hover {
+		background: var(--button-secondary-background-fill-hover);
+	}
+
+	.day.other-month {
+		color: var(--body-text-color-subdued);
+	}
+
+	.day.selected {
+		background: var(--button-primary-background-fill);
+		color: var(--button-primary-text-color);
+	}
+
+	.day.selected:hover {
+		background: var(--button-primary-background-fill-hover);
+	}
+
+	.time-picker {
+		border-top: 1px solid var(--border-color-primary);
+		padding-top: var(--size-3);
+		margin-bottom: var(--size-3);
+	}
+
+	.time-inputs {
+		display: flex;
+		gap: var(--size-2);
+		justify-content: center;
+	}
+
+	.time-input-group {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: var(--size-1);
+	}
+
+	.time-input-group label {
+		font-size: var(--text-xs);
+		color: var(--body-text-color-subdued);
+		font-weight: var(--weight-semibold);
+	}
+
+	.am-pm-label {
+		font-size: var(--text-xs);
+		color: var(--body-text-color-subdued);
+		font-weight: var(--weight-semibold);
+	}
+
+	.time-input-group input {
+		width: 50px;
+		padding: var(--size-1);
+		border: 1px solid var(--input-border-color);
+		border-radius: var(--radius-sm);
+		text-align: center;
+		font-size: var(--text-sm);
+		background: var(--input-background-fill);
+		color: var(--body-text-color);
+	}
+
+	.time-input-group input:focus {
+		outline: none;
+		border-color: var(--input-border-color-focus);
+		box-shadow: var(--input-shadow-focus);
+	}
+
+	.am-pm-toggle {
+		width: 50px;
+		padding: var(--size-1);
+		border: 1px solid var(--button-primary-border-color);
+		border-radius: var(--radius-sm);
+		text-align: center;
+		font-size: var(--text-sm);
+		background: var(--button-primary-background-fill);
+		color: var(--button-primary-text-color);
+		cursor: pointer;
+		transition: var(--button-transition);
+	}
+
+	.am-pm-toggle:hover {
+		background: var(--button-primary-background-fill-hover);
+		border-color: var(--button-primary-border-color-hover);
+	}
+
+	.am-pm-toggle:focus {
+		outline: none;
+		border-color: var(--button-primary-border-color-focus);
+		box-shadow: var(--button-primary-shadow-focus);
+	}
+
+	.picker-actions {
+		display: flex;
+		gap: var(--size-2);
+		justify-content: space-between;
+		align-items: center;
+		border-top: 1px solid var(--border-color-primary);
+		padding-top: var(--size-3);
+	}
+
+	.picker-actions-right {
+		display: flex;
+		gap: var(--size-2);
+	}
+
+	.action-button {
+		padding: var(--size-1) var(--size-3);
+		border: 1px solid var(--button-secondary-border-color);
+		border-radius: var(--radius-sm);
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+		font-size: var(--text-sm);
+		transition: var(--button-transition);
+		cursor: pointer;
+	}
+
+	.action-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+		border-color: var(--button-secondary-border-color-hover);
+	}
+</style>
diff --git a/js/datetime/Datetime.test.ts b/js/datetime/Datetime.test.ts
new file mode 100644
index 0000000..ce96133
--- /dev/null
+++ b/js/datetime/Datetime.test.ts
@@ -0,0 +1,269 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import DateTime from "./Index.svelte";
+import { tick } from "svelte";
+
+const default_props = {
+	show_label: true,
+	value: "2020-10-15 12:30:00",
+	label: "DateTime",
+	include_time: true,
+	interactive: true
+};
+
+run_shared_prop_tests({
+	component: DateTime,
+	name: "DateTime",
+	base_props: { value: "", include_time: true, interactive: true },
+	// DateTime dispatches a bare 'change' with no payload and does not render
+	// a validation_error element; disable the shared validation error test.
+	has_validation_error: false
+});
+
+describe("DateTime", () => {
+	afterEach(() => cleanup());
+
+	test("renders the provided value in the input", async () => {
+		const { getByDisplayValue } = await render(DateTime, {
+			...default_props,
+			value: "2020-10-15 12:30:00"
+		});
+		const input = getByDisplayValue("2020-10-15 12:30:00") as HTMLInputElement;
+		expect(input.value).toBe("2020-10-15 12:30:00");
+	});
+
+	test("null value renders an empty input", async () => {
+		const { getByRole } = await render(DateTime, {
+			...default_props,
+			value: null
+		});
+		const input = getByRole("textbox") as HTMLInputElement;
+		expect(input.value).toBe("");
+	});
+
+	test("empty string value renders an empty input", async () => {
+		const { getByRole } = await render(DateTime, {
+			...default_props,
+			value: ""
+		});
+		const input = getByRole("textbox") as HTMLInputElement;
+		expect(input.value).toBe("");
+	});
+});
+
+describe("Props: include_time", () => {
+	afterEach(() => cleanup());
+
+	test("include_time=true shows YYYY-MM-DD HH:MM:SS placeholder", async () => {
+		const { getByPlaceholderText } = await render(DateTime, {
+			...default_props,
+			value: "",
+			include_time: true
+		});
+		expect(getByPlaceholderText("YYYY-MM-DD HH:MM:SS")).toBeTruthy();
+	});
+
+	test("include_time=false shows YYYY-MM-DD placeholder", async () => {
+		const { getByPlaceholderText } = await render(DateTime, {
+			...default_props,
+			value: "",
+			include_time: false
+		});
+		expect(getByPlaceholderText("YYYY-MM-DD")).toBeTruthy();
+	});
+
+	test("include_time=false renders a date-only value correctly", async () => {
+		const { getByDisplayValue } = await render(DateTime, {
+			...default_props,
+			value: "2020-10-15",
+			include_time: false
+		});
+		expect(getByDisplayValue("2020-10-15")).toBeTruthy();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true enables the input", async () => {
+		const { getByRole } = await render(DateTime, {
+			...default_props,
+			interactive: true
+		});
+		expect(getByRole("textbox")).toBeEnabled();
+	});
+
+	test("interactive=false disables the input", async () => {
+		const { getByRole } = await render(DateTime, {
+			...default_props,
+			interactive: false
+		});
+		expect(getByRole("textbox")).toBeDisabled();
+	});
+
+	test("interactive=true renders the calendar button", async () => {
+		const { getByRole } = await render(DateTime, {
+			...default_props,
+			interactive: true
+		});
+		expect(getByRole("button")).toBeTruthy();
+	});
+
+	test("interactive=false hides the calendar button", async () => {
+		const { queryByRole } = await render(DateTime, {
+			...default_props,
+			interactive: false
+		});
+		expect(queryByRole("button")).toBeNull();
+	});
+
+	test.todo(
+		"VISUAL: interactive=false applies subdued/disabled styling to the component — needs Playwright visual regression"
+	);
+});
+
+describe("Props: info", () => {
+	afterEach(() => cleanup());
+
+	test("info text is rendered when provided", async () => {
+		const { getByText } = await render(DateTime, {
+			...default_props,
+			info: "Enter a date and time"
+		});
+		await waitFor(() => {
+			expect(getByText("Enter a date and time")).toBeTruthy();
+		});
+	});
+
+	test("info text is not rendered when not provided", async () => {
+		const { queryByText } = await render(DateTime, {
+			...default_props,
+			info: undefined
+		});
+		expect(queryByText("Enter a date and time")).toBeNull();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("no spurious change event on mount", async () => {
+		const { listen } = await render(DateTime, {
+			...default_props,
+			value: "2020-10-15 12:30:00"
+		});
+		const change = listen("change", { retrospective: true });
+		await tick();
+		await tick();
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("setting the same value twice fires change only once", async () => {
+		const { listen, set_data } = await render(DateTime, {
+			...default_props,
+			value: ""
+		});
+		const change = listen("change");
+		await set_data({ value: "2021-05-20 09:00:00" });
+		await set_data({ value: "2021-05-20 09:00:00" });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test.todo(
+		"VISUAL: invalid format input turns the text subdued — needs Playwright visual regression screenshot comparison"
+	);
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change: emitted when value is updated via set_data", async () => {
+		const { listen, set_data } = await render(DateTime, default_props);
+		const change = listen("change");
+		await set_data({ value: "2021-05-20 09:00:00" });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change: dispatched without a payload (value is accessed via get_data)", async () => {
+		// DateTime's change event has no payload — the new value is read via get_data.
+		const { listen, set_data, get_data } = await render(
+			DateTime,
+			default_props
+		);
+		const change = listen("change");
+		await set_data({ value: "2021-05-20 09:00:00" });
+		expect(change).toHaveBeenCalledTimes(1);
+		const data = await get_data();
+		expect(data.value).toBe("2021-05-20 09:00:00");
+	});
+
+	test("submit: emitted when Enter is pressed in the input with a new valid value", async () => {
+		const { getByRole, listen } = await render(DateTime, {
+			...default_props,
+			value: ""
+		});
+		const submit = listen("submit");
+		const input = getByRole("textbox");
+
+		input.focus();
+		// Type a valid date then press Enter
+		await event.type(input, "2021-05-20 09:00:00");
+		await event.keyboard("{Enter}");
+
+		expect(submit).toHaveBeenCalledTimes(1);
+	});
+
+	test("change: emitted on blur when a new valid value has been typed", async () => {
+		const { getByRole, listen } = await render(DateTime, {
+			...default_props,
+			value: ""
+		});
+		const change = listen("change");
+		const input = getByRole("textbox");
+
+		input.focus();
+		await event.type(input, "2021-05-20 09:00:00");
+		input.blur();
+		await fireEvent.blur(input);
+
+		await waitFor(() => {
+			expect(change).toHaveBeenCalled();
+		});
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the initial value", async () => {
+		const { get_data } = await render(DateTime, {
+			...default_props,
+			value: "2020-10-15 12:30:00"
+		});
+		const data = await get_data();
+		expect(data.value).toBe("2020-10-15 12:30:00");
+	});
+
+	test("set_data updates the displayed value in the input", async () => {
+		const { set_data, getByRole } = await render(DateTime, {
+			...default_props,
+			value: ""
+		});
+		await set_data({ value: "2021-05-20 09:00:00" });
+		const input = getByRole("textbox") as HTMLInputElement;
+		expect(input.value).toBe("2021-05-20 09:00:00");
+	});
+
+	test("set_data → get_data round-trip returns the set value", async () => {
+		const { set_data, get_data } = await render(DateTime, {
+			...default_props,
+			value: ""
+		});
+		await set_data({ value: "2021-05-20 09:00:00" });
+		const data = await get_data();
+		expect(data.value).toBe("2021-05-20 09:00:00");
+	});
+});
diff --git a/js/datetime/Example.svelte b/js/datetime/Example.svelte
new file mode 100644
index 0000000..345e875
--- /dev/null
+++ b/js/datetime/Example.svelte
@@ -0,0 +1,5 @@
+<script lang="ts">
+	let { value }: { value: string | null } = $props();
+</script>
+
+{value || ""}
diff --git a/js/datetime/Index.svelte b/js/datetime/Index.svelte
new file mode 100644
index 0000000..9243328
--- /dev/null
+++ b/js/datetime/Index.svelte
@@ -0,0 +1,299 @@
+<script context="module" lang="ts">
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Block, BlockTitle, IconButtonWrapper } from "@gradio/atoms";
+	import { Calendar } from "@gradio/icons";
+	import { onDestroy } from "svelte";
+	import DateTimePicker from "./DateTimePicker.svelte";
+	import { format_date, date_is_valid_format, parse_date_value } from "./utils";
+	import { Gradio } from "@gradio/utils";
+	import type { DateTimeProps, DateTimeEvents } from "./types";
+
+	const props = $props();
+	const gradio = new Gradio<DateTimeEvents, DateTimeProps>(props);
+
+	let old_value = $state(gradio.props.value);
+	let show_picker = $state(false);
+	let entered_value = $state(gradio.props.value);
+	let picker_ref: HTMLDivElement;
+	let input_ref: HTMLInputElement;
+	let calendar_button_ref: HTMLButtonElement;
+	let picker_position = $state({ top: 0, left: 0 });
+
+	let current_year = $state(new Date().getFullYear());
+	let current_month = $state(new Date().getMonth());
+	let selected_date = $state(new Date());
+	let selected_hour = $state(new Date().getHours());
+	let selected_minute = $state(new Date().getMinutes());
+	let selected_second = $state(new Date().getSeconds());
+	let is_pm = $state(selected_hour >= 12);
+
+	let valid = $derived.by(() =>
+		date_is_valid_format(entered_value, gradio.props.include_time)
+	);
+	let disabled = $derived(!gradio.shared.interactive);
+
+	$effect(() => {
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			entered_value = gradio.props.value;
+			update_picker_from_value();
+			gradio.dispatch("change");
+		}
+	});
+
+	const update_picker_from_value = (): void => {
+		const parsed = parse_date_value(entered_value, gradio.props.include_time);
+		selected_date = parsed.selected_date;
+		current_year = parsed.current_year;
+		current_month = parsed.current_month;
+		selected_hour = parsed.selected_hour;
+		selected_minute = parsed.selected_minute;
+		selected_second = parsed.selected_second;
+		is_pm = parsed.is_pm;
+	};
+
+	const submit_values = (): void => {
+		if (entered_value === gradio.props.value) return;
+		if (!date_is_valid_format(entered_value, gradio.props.include_time)) return;
+		old_value = gradio.props.value = entered_value;
+		gradio.dispatch("change");
+	};
+
+	const calculate_picker_position = (): void => {
+		if (calendar_button_ref) {
+			const rect = calendar_button_ref.getBoundingClientRect();
+			picker_position = {
+				top: rect.bottom + 4,
+				left: rect.right - 280
+			};
+		}
+	};
+
+	const toggle_picker = (event: MouseEvent): void => {
+		if (!disabled) {
+			event.stopPropagation();
+			show_picker = !show_picker;
+			if (show_picker) {
+				update_picker_from_value();
+				calculate_picker_position();
+				setTimeout(() => {
+					if (typeof window !== "undefined") {
+						window.addEventListener("click", handle_click_outside);
+						window.addEventListener("scroll", handle_scroll, true);
+					}
+				}, 10);
+			} else if (typeof window !== "undefined") {
+				window.removeEventListener("click", handle_click_outside);
+				window.removeEventListener("scroll", handle_scroll, true);
+			}
+		}
+	};
+
+	const close_picker = (): void => {
+		show_picker = false;
+		if (typeof window !== "undefined") {
+			window.removeEventListener("click", handle_click_outside);
+			window.removeEventListener("scroll", handle_scroll, true);
+		}
+	};
+
+	const handle_click_outside = (event: MouseEvent): void => {
+		if (
+			show_picker &&
+			picker_ref &&
+			!picker_ref.contains(event.target as Node) &&
+			calendar_button_ref &&
+			!calendar_button_ref.contains(event.target as Node)
+		) {
+			close_picker();
+		}
+	};
+
+	const handle_scroll = (): void => {
+		if (show_picker) {
+			calculate_picker_position();
+		}
+	};
+
+	const handle_picker_update = (formatted: string): void => {
+		entered_value = formatted;
+		submit_values();
+	};
+
+	const handle_picker_clear = (): void => {
+		entered_value = "";
+		gradio.props.value = "";
+		close_picker();
+		gradio.dispatch("change");
+	};
+
+	onDestroy(() => {
+		if (typeof window !== "undefined") {
+			window.removeEventListener("click", handle_click_outside);
+			window.removeEventListener("scroll", handle_scroll, true);
+		}
+	});
+
+	update_picker_from_value();
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	padding={true}
+>
+	<div class="label-content">
+		{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+			<IconButtonWrapper
+				buttons={gradio.props.buttons}
+				on_custom_button_click={(id) => {
+					gradio.dispatch("custom_button_click", { id });
+				}}
+			/>
+		{/if}
+		<BlockTitle show_label={gradio.shared.show_label} info={gradio.props.info}
+			>{gradio.shared.label || "Date"}</BlockTitle
+		>
+	</div>
+	<div class="timebox">
+		<input
+			bind:this={input_ref}
+			class="time"
+			bind:value={entered_value}
+			class:invalid={!valid}
+			onkeydown={(evt) => {
+				if (evt.key === "Enter") {
+					submit_values();
+					gradio.dispatch("submit");
+				}
+			}}
+			onblur={submit_values}
+			{disabled}
+			placeholder={gradio.props.include_time
+				? "YYYY-MM-DD HH:MM:SS"
+				: "YYYY-MM-DD"}
+		/>
+
+		{#if gradio.shared.interactive}
+			<button
+				bind:this={calendar_button_ref}
+				class="calendar"
+				{disabled}
+				onclick={toggle_picker}
+			>
+				<Calendar />
+			</button>
+		{/if}
+	</div>
+
+	{#if show_picker}
+		<div bind:this={picker_ref}>
+			<DateTimePicker
+				bind:selected_date
+				bind:current_year
+				bind:current_month
+				bind:selected_hour
+				bind:selected_minute
+				bind:selected_second
+				bind:is_pm
+				include_time={gradio.props.include_time}
+				position={picker_position}
+				onupdate={handle_picker_update}
+				onclear={handle_picker_clear}
+				onclose={close_picker}
+			/>
+		</div>
+	{/if}
+</Block>
+
+<style>
+	.label-content {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+	}
+
+	button {
+		cursor: pointer;
+		color: var(--body-text-color-subdued);
+	}
+
+	button:hover {
+		color: var(--body-text-color);
+	}
+
+	::placeholder {
+		color: var(--input-placeholder-color);
+	}
+
+	.timebox {
+		flex-grow: 1;
+		flex-shrink: 1;
+		display: flex;
+		position: relative;
+		background: var(--input-background-fill);
+	}
+
+	.timebox :global(svg) {
+		height: 18px;
+	}
+
+	.time {
+		padding: var(--input-padding);
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		outline: none;
+		flex-grow: 1;
+		background: none;
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-right: none;
+		border-top-left-radius: var(--input-radius);
+		border-bottom-left-radius: var(--input-radius);
+		box-shadow: var(--input-shadow);
+	}
+
+	.time:disabled {
+		border-right: var(--input-border-width) solid var(--input-border-color);
+		border-top-right-radius: var(--input-radius);
+		border-bottom-right-radius: var(--input-radius);
+	}
+
+	.time.invalid {
+		color: var(--body-text-color-subdued);
+	}
+
+	.calendar {
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
+		transition: var(--button-transition);
+		box-shadow: var(--button-primary-shadow);
+		text-align: center;
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+		font-weight: var(--button-large-text-weight);
+		font-size: var(--button-large-text-size);
+		border-top-right-radius: var(--input-radius);
+		border-bottom-right-radius: var(--input-radius);
+		padding: var(--size-2);
+		border: var(--input-border-width) solid var(--input-border-color);
+	}
+
+	.calendar:hover {
+		background: var(--button-secondary-background-fill-hover);
+		box-shadow: var(--button-primary-shadow-hover);
+	}
+
+	.calendar:active {
+		box-shadow: var(--button-primary-shadow-active);
+	}
+</style>
diff --git a/js/datetime/package.json b/js/datetime/package.json
new file mode 100644
index 0000000..464fcdc
--- /dev/null
+++ b/js/datetime/package.json
@@ -0,0 +1,41 @@
+{
+	"name": "@gradio/datetime",
+	"version": "0.4.10",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/datetime"
+	}
+}
diff --git a/js/datetime/types.ts b/js/datetime/types.ts
new file mode 100644
index 0000000..25693b0
--- /dev/null
+++ b/js/datetime/types.ts
@@ -0,0 +1,16 @@
+import type { CustomButton } from "@gradio/utils";
+
+export interface DateTimeProps {
+	value: string;
+	include_time: boolean;
+	type: "timestamp" | "datetime" | "string";
+	timezone: string | null;
+	info: string;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface DateTimeEvents {
+	change: never;
+	submit: never;
+	custom_button_click: { id: number };
+}
diff --git a/js/datetime/utils.test.ts b/js/datetime/utils.test.ts
new file mode 100644
index 0000000..58d7c56
--- /dev/null
+++ b/js/datetime/utils.test.ts
@@ -0,0 +1,287 @@
+import { describe, test, expect } from "vitest";
+import {
+	format_date,
+	date_is_valid_format,
+	get_days_in_month,
+	get_first_day_of_month,
+	parse_date_value,
+	generate_calendar_days,
+	calculate_display_hour,
+	convert_display_hour_to_24h
+} from "./utils";
+
+describe("format_date", () => {
+	test("formats a date with time when include_time=true", () => {
+		const date = new Date(2020, 9, 15, 12, 30, 45); // Oct 15, 2020 12:30:45
+		expect(format_date(date, true)).toBe("2020-10-15 12:30:45");
+	});
+
+	test("formats a date without time when include_time=false", () => {
+		const date = new Date(2020, 9, 15, 12, 30, 45);
+		expect(format_date(date, false)).toBe("2020-10-15");
+	});
+
+	test("zero-pads month", () => {
+		const date = new Date(2020, 2, 15, 12, 0, 0); // March (month 2, 0-indexed) = 03
+		expect(format_date(date, false)).toBe("2020-03-15");
+	});
+
+	test("zero-pads day", () => {
+		const date = new Date(2020, 0, 5, 12, 0, 0); // Jan 5
+		expect(format_date(date, false)).toBe("2020-01-05");
+	});
+
+	test("zero-pads hours, minutes, seconds", () => {
+		const date = new Date(2020, 0, 5, 9, 8, 7);
+		expect(format_date(date, true)).toBe("2020-01-05 09:08:07");
+	});
+
+	test("returns empty string for an invalid Date", () => {
+		const invalid = new Date("not a date");
+		expect(format_date(invalid, true)).toBe("");
+		expect(format_date(invalid, false)).toBe("");
+	});
+});
+
+describe("date_is_valid_format", () => {
+	test("null returns true", () => {
+		expect(date_is_valid_format(null, true)).toBe(true);
+		expect(date_is_valid_format(null, false)).toBe(true);
+	});
+
+	test("empty string returns true", () => {
+		expect(date_is_valid_format("", true)).toBe(true);
+		expect(date_is_valid_format("", false)).toBe(true);
+	});
+
+	test("valid datetime string with include_time=true", () => {
+		expect(date_is_valid_format("2020-10-15 12:30:00", true)).toBe(true);
+	});
+
+	test("valid date-only string with include_time=false", () => {
+		expect(date_is_valid_format("2020-10-15", false)).toBe(true);
+	});
+
+	test("'now' is valid for both include_time values", () => {
+		expect(date_is_valid_format("now", true)).toBe(true);
+		expect(date_is_valid_format("now", false)).toBe(true);
+	});
+
+	test("'now - 5d' is valid", () => {
+		expect(date_is_valid_format("now - 5d", true)).toBe(true);
+	});
+
+	test("'now - 10m' is valid", () => {
+		expect(date_is_valid_format("now - 10m", true)).toBe(true);
+	});
+
+	test("'now - 3h' is valid", () => {
+		expect(date_is_valid_format("now - 3h", true)).toBe(true);
+	});
+
+	test("'now - 20s' is valid", () => {
+		expect(date_is_valid_format("now - 20s", true)).toBe(true);
+	});
+
+	test("'now + 5m' is invalid (only subtraction is supported)", () => {
+		expect(date_is_valid_format("now + 5m", true)).toBe(false);
+	});
+
+	test("arbitrary string is invalid", () => {
+		expect(date_is_valid_format("not-a-date", true)).toBe(false);
+	});
+
+	test("US date format is invalid", () => {
+		expect(date_is_valid_format("01/15/2020", true)).toBe(false);
+	});
+
+	test("datetime string is invalid when include_time=false", () => {
+		expect(date_is_valid_format("2020-10-15 12:30:00", false)).toBe(false);
+	});
+
+	test("date-only string is invalid when include_time=true", () => {
+		expect(date_is_valid_format("2020-10-15", true)).toBe(false);
+	});
+});
+
+describe("get_days_in_month", () => {
+	test("February in a leap year has 29 days", () => {
+		expect(get_days_in_month(2020, 1)).toBe(29); // month 1 = February (0-indexed)
+	});
+
+	test("February in a non-leap year has 28 days", () => {
+		expect(get_days_in_month(2021, 1)).toBe(28);
+	});
+
+	test("January has 31 days", () => {
+		expect(get_days_in_month(2020, 0)).toBe(31);
+	});
+
+	test("April has 30 days", () => {
+		expect(get_days_in_month(2020, 3)).toBe(30);
+	});
+
+	test("December has 31 days", () => {
+		expect(get_days_in_month(2020, 11)).toBe(31);
+	});
+});
+
+describe("get_first_day_of_month", () => {
+	test("2020-01-01 is a Wednesday (day 3)", () => {
+		expect(get_first_day_of_month(2020, 0)).toBe(3);
+	});
+
+	test("2020-03-01 is a Sunday (day 0)", () => {
+		expect(get_first_day_of_month(2020, 2)).toBe(0);
+	});
+
+	test("2020-02-01 is a Saturday (day 6)", () => {
+		expect(get_first_day_of_month(2020, 1)).toBe(6);
+	});
+});
+
+describe("parse_date_value", () => {
+	test("empty string falls back to current date", () => {
+		const now = new Date();
+		const result = parse_date_value("", true);
+		expect(result.current_year).toBe(now.getFullYear());
+		expect(result.current_month).toBe(now.getMonth());
+	});
+
+	test("parses a full datetime string correctly", () => {
+		const result = parse_date_value("2020-10-15 12:30:45", true);
+		expect(result.current_year).toBe(2020);
+		expect(result.current_month).toBe(9); // October is index 9
+		expect(result.selected_hour).toBe(12);
+		expect(result.selected_minute).toBe(30);
+		expect(result.selected_second).toBe(45);
+		expect(result.is_pm).toBe(true);
+	});
+
+	test("parses a date-only string with include_time=false (time defaults to midnight)", () => {
+		const result = parse_date_value("2020-10-15", false);
+		expect(result.current_year).toBe(2020);
+		expect(result.current_month).toBe(9);
+		expect(result.selected_hour).toBe(0);
+		expect(result.selected_minute).toBe(0);
+		expect(result.selected_second).toBe(0);
+	});
+
+	test("midnight (00:00:00) is AM", () => {
+		const result = parse_date_value("2020-01-01 00:00:00", true);
+		expect(result.selected_hour).toBe(0);
+		expect(result.is_pm).toBe(false);
+	});
+
+	test("noon (12:00:00) is PM", () => {
+		const result = parse_date_value("2020-01-01 12:00:00", true);
+		expect(result.selected_hour).toBe(12);
+		expect(result.is_pm).toBe(true);
+	});
+
+	test("invalid string falls back to current date", () => {
+		const now = new Date();
+		const result = parse_date_value("garbage", true);
+		expect(result.current_year).toBe(now.getFullYear());
+		expect(result.current_month).toBe(now.getMonth());
+	});
+});
+
+describe("generate_calendar_days", () => {
+	test("always returns exactly 42 entries", () => {
+		expect(generate_calendar_days(2020, 0).length).toBe(42); // January
+		expect(generate_calendar_days(2020, 1).length).toBe(42); // February
+		expect(generate_calendar_days(2020, 9).length).toBe(42); // October
+	});
+
+	test("all current-month days have is_current_month=true", () => {
+		const days = generate_calendar_days(2020, 9); // October 2020
+		const current_days = days.filter((d) => d.is_current_month);
+		expect(current_days.length).toBe(31); // October has 31 days
+		expect(current_days.every((d) => !d.is_next_month)).toBe(true);
+	});
+
+	test("days before the first of month are previous-month days", () => {
+		// February 2020 starts on Saturday (day 6), so first 6 slots are prev-month
+		const days = generate_calendar_days(2020, 1);
+		const prev_month_days = days.filter(
+			(d) => !d.is_current_month && !d.is_next_month
+		);
+		expect(prev_month_days.length).toBe(6);
+	});
+
+	test("days after the last of month are next-month days", () => {
+		const days = generate_calendar_days(2020, 1);
+		const next_month_days = days.filter((d) => d.is_next_month);
+		// 42 total - 29 (Feb 2020 leap) - 6 (prev) = 7 next-month days
+		expect(next_month_days.length).toBe(7);
+	});
+
+	test("March 2020 starts on Sunday so first entry is day 1 of current month", () => {
+		const days = generate_calendar_days(2020, 2);
+		expect(days[0].is_current_month).toBe(true);
+		expect(days[0].day).toBe(1);
+	});
+});
+
+describe("calculate_display_hour", () => {
+	test("AM: hour 0 displays as 12 (midnight)", () => {
+		expect(calculate_display_hour(0, false)).toBe(12);
+	});
+
+	test("AM: hour 1 displays as 1", () => {
+		expect(calculate_display_hour(1, false)).toBe(1);
+	});
+
+	test("AM: hour 11 displays as 11", () => {
+		expect(calculate_display_hour(11, false)).toBe(11);
+	});
+
+	test("PM: hour 12 displays as 12 (noon)", () => {
+		expect(calculate_display_hour(12, true)).toBe(12);
+	});
+
+	test("PM: hour 13 displays as 1", () => {
+		expect(calculate_display_hour(13, true)).toBe(1);
+	});
+
+	test("PM: hour 23 displays as 11", () => {
+		expect(calculate_display_hour(23, true)).toBe(11);
+	});
+});
+
+describe("convert_display_hour_to_24h", () => {
+	test("AM: display 12 converts to 0 (midnight)", () => {
+		expect(convert_display_hour_to_24h(12, false)).toBe(0);
+	});
+
+	test("AM: display 1 converts to 1", () => {
+		expect(convert_display_hour_to_24h(1, false)).toBe(1);
+	});
+
+	test("AM: display 11 converts to 11", () => {
+		expect(convert_display_hour_to_24h(11, false)).toBe(11);
+	});
+
+	test("PM: display 12 converts to 12 (noon)", () => {
+		expect(convert_display_hour_to_24h(12, true)).toBe(12);
+	});
+
+	test("PM: display 1 converts to 13", () => {
+		expect(convert_display_hour_to_24h(1, true)).toBe(13);
+	});
+
+	test("PM: display 11 converts to 23", () => {
+		expect(convert_display_hour_to_24h(11, true)).toBe(23);
+	});
+
+	test("AM/PM round-trip: calculate_display_hour -> convert_display_hour_to_24h", () => {
+		// Every valid 24h hour should survive a round-trip through display <-> 24h conversion
+		for (let h = 0; h < 24; h++) {
+			const is_pm = h >= 12;
+			const display = calculate_display_hour(h, is_pm);
+			const back = convert_display_hour_to_24h(display, is_pm);
+			expect(back).toBe(h);
+		}
+	});
+});
diff --git a/js/datetime/utils.ts b/js/datetime/utils.ts
new file mode 100644
index 0000000..8bef0db
--- /dev/null
+++ b/js/datetime/utils.ts
@@ -0,0 +1,183 @@
+export const format_date = (date: Date, include_time: boolean): string => {
+	if (date.toJSON() === null) return "";
+	const pad = (num: number): string => num.toString().padStart(2, "0");
+
+	const year = date.getFullYear();
+	const month = pad(date.getMonth() + 1);
+	const day = pad(date.getDate());
+	const hours = pad(date.getHours());
+	const minutes = pad(date.getMinutes());
+	const seconds = pad(date.getSeconds());
+
+	const date_str = `${year}-${month}-${day}`;
+	const time_str = `${hours}:${minutes}:${seconds}`;
+	if (include_time) {
+		return `${date_str} ${time_str}`;
+	}
+	return date_str;
+};
+
+export const date_is_valid_format = (
+	date: string | null,
+	include_time: boolean
+): boolean => {
+	if (date == null || date === "") return true;
+	const valid_regex = include_time
+		? /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}$/
+		: /^\d{4}-\d{2}-\d{2}$/;
+	const is_valid_date = date.match(valid_regex) !== null;
+	const is_valid_now =
+		date.match(/^(?:\s*now\s*(?:-\s*\d+\s*[dmhs])?)?\s*$/) !== null;
+	return is_valid_date || is_valid_now;
+};
+
+export const get_days_in_month = (year: number, month: number): number => {
+	return new Date(year, month + 1, 0).getDate();
+};
+
+export const get_first_day_of_month = (year: number, month: number): number => {
+	return new Date(year, month, 1).getDay();
+};
+
+export const parse_date_value = (
+	entered_value: string,
+	include_time: boolean
+): {
+	selected_date: Date;
+	current_year: number;
+	current_month: number;
+	selected_hour: number;
+	selected_minute: number;
+	selected_second: number;
+	is_pm: boolean;
+} => {
+	if (!entered_value || entered_value === "") {
+		const now = new Date();
+		return {
+			selected_date: now,
+			current_year: now.getFullYear(),
+			current_month: now.getMonth(),
+			selected_hour: now.getHours(),
+			selected_minute: now.getMinutes(),
+			selected_second: now.getSeconds(),
+			is_pm: now.getHours() >= 12
+		};
+	}
+
+	try {
+		let date_to_parse = entered_value;
+		if (!include_time && entered_value.match(/^\d{4}-\d{2}-\d{2}$/)) {
+			date_to_parse += " 00:00:00";
+		}
+
+		const parsed = new Date(date_to_parse.replace(" ", "T"));
+		if (!isNaN(parsed.getTime())) {
+			return {
+				selected_date: parsed,
+				current_year: parsed.getFullYear(),
+				current_month: parsed.getMonth(),
+				selected_hour: parsed.getHours(),
+				selected_minute: parsed.getMinutes(),
+				selected_second: parsed.getSeconds(),
+				is_pm: parsed.getHours() >= 12
+			};
+		}
+	} catch (e) {
+		// fallback to current date
+	}
+
+	const now = new Date();
+	return {
+		selected_date: now,
+		current_year: now.getFullYear(),
+		current_month: now.getMonth(),
+		selected_hour: now.getHours(),
+		selected_minute: now.getMinutes(),
+		selected_second: now.getSeconds(),
+		is_pm: now.getHours() >= 12
+	};
+};
+
+export const generate_calendar_days = (
+	current_year: number,
+	current_month: number
+): {
+	day: number;
+	is_current_month: boolean;
+	is_next_month: boolean;
+}[] => {
+	const days_in_month = get_days_in_month(current_year, current_month);
+	const first_day = get_first_day_of_month(current_year, current_month);
+	const days = [];
+
+	const prev_month = current_month === 0 ? 11 : current_month - 1;
+	const prev_year = current_month === 0 ? current_year - 1 : current_year;
+	const days_in_prev_month = get_days_in_month(prev_year, prev_month);
+
+	for (let i = first_day - 1; i >= 0; i--) {
+		days.push({
+			day: days_in_prev_month - i,
+			is_current_month: false,
+			is_next_month: false
+		});
+	}
+
+	for (let day = 1; day <= days_in_month; day++) {
+		days.push({
+			day,
+			is_current_month: true,
+			is_next_month: false
+		});
+	}
+
+	const remaining_slots = 42 - days.length;
+	for (let day = 1; day <= remaining_slots; day++) {
+		days.push({
+			day,
+			is_current_month: false,
+			is_next_month: true
+		});
+	}
+
+	return days;
+};
+
+export const calculate_display_hour = (
+	selected_hour: number,
+	is_pm: boolean
+): number => {
+	return is_pm
+		? selected_hour === 0
+			? 12
+			: selected_hour > 12
+				? selected_hour - 12
+				: selected_hour
+		: selected_hour === 0
+			? 12
+			: selected_hour;
+};
+
+export const convert_display_hour_to_24h = (
+	display_hour: number,
+	is_pm: boolean
+): number => {
+	if (is_pm) {
+		return display_hour === 12 ? 12 : display_hour + 12;
+	}
+	return display_hour === 12 ? 0 : display_hour;
+};
+
+export const month_names = [
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
+];
diff --git a/js/dialogue/CHANGELOG.md b/js/dialogue/CHANGELOG.md
new file mode 100644
index 0000000..701a37b
--- /dev/null
+++ b/js/dialogue/CHANGELOG.md
@@ -0,0 +1,291 @@
+# @gradio/dialogue
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/dropdown@0.14.1
+- @gradio/textbox@0.14.1
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/textbox@0.14.0
+- @gradio/dropdown@0.14.0
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/dropdown@0.13.0
+
+## 0.3.9
+
+### Fixes
+
+- [#13264](https://github.com/gradio-app/gradio/pull/13264) [`f65acd0`](https://github.com/gradio-app/gradio/commit/f65acd0f24c9b6b593b9835c7ae46282f52fdc9d) - Dialogue component unit tests.  Thanks @freddyaboulton!
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/textbox@0.13.9
+- @gradio/dropdown@0.12.0
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/textbox@0.13.8
+- @gradio/dropdown@0.11.8
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/textbox@0.13.7
+- @gradio/dropdown@0.11.7
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/textbox@0.13.6
+- @gradio/dropdown@0.11.6
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/textbox@0.13.5
+- @gradio/dropdown@0.11.5
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/textbox@0.13.4
+- @gradio/dropdown@0.11.4
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+- @gradio/textbox@0.13.3
+- @gradio/dropdown@0.11.3
+
+## 0.3.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12697](https://github.com/gradio-app/gradio/pull/12697) [`c471e96`](https://github.com/gradio-app/gradio/commit/c471e96eff66997846cbaf4fb9f94509c61c5449) - Migrates dropdown.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/textbox@0.13.2
+- @gradio/dropdown@0.11.2
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+- @gradio/dropdown@0.11.0
+- @gradio/textbox@0.13.0
+
+## 0.2.5
+
+### Fixes
+
+- [#12518](https://github.com/gradio-app/gradio/pull/12518) [`e8efab2`](https://github.com/gradio-app/gradio/commit/e8efab2cb19860146cec7946e77b34a599ad6258) - Fix Settings.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/dropdown@0.10.7
+- @gradio/textbox@0.12.1
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.2.4
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+- @gradio/dropdown@0.10.6
+- @gradio/textbox@0.12.0
+
+## 0.2.4-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/textbox@0.12.0-dev.2
+- @gradio/dropdown@0.10.6-dev.2
+
+## 0.2.4-dev.1
+
+### Dependency updates
+
+- @gradio/textbox@0.12.0-dev.1
+- @gradio/dropdown@0.10.6-dev.1
+
+## 0.2.4-dev.0
+
+### Dependency updates
+
+- @gradio/textbox@0.11.2-dev.0
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/dropdown@0.10.6-dev.0
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.2.3
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/textbox@0.11.1
+- @gradio/dropdown@0.10.4
+
+## 0.2.2
+
+### Features
+
+- [#11832](https://github.com/gradio-app/gradio/pull/11832) [`e40df25`](https://github.com/gradio-app/gradio/commit/e40df252064e41d532472a535c42e3539877aa06) - Consolidate copy button implementations to use IconButton.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/textbox@0.11.0
+- @gradio/dropdown@0.10.3
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.2.1
+
+### Features
+
+- [#11743](https://github.com/gradio-app/gradio/pull/11743) [`a420ef4`](https://github.com/gradio-app/gradio/commit/a420ef42e895fb78f78c835923f10c5da8fb873c) - Remove unneeded `svelte-ignore` lines in gr.Dialogue.  Thanks @hannahblair!
+
+## 0.2.0
+
+### Features
+
+- [#11696](https://github.com/gradio-app/gradio/pull/11696) [`985f0d7`](https://github.com/gradio-app/gradio/commit/985f0d7804683b8aec19fc385953190dd8a3a35b) - Add ui_mode and type to gr.Dialogue.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+- @gradio/dropdown@0.10.2
+- @gradio/textbox@0.10.20
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/textbox@0.10.19
+- @gradio/dropdown@0.10.1
+
+## 0.1.1
+
+### Features
+
+- [#11686](https://github.com/gradio-app/gradio/pull/11686) [`b995b1c`](https://github.com/gradio-app/gradio/commit/b995b1ce2932cf9cb96ca1b48205fac802000d6d) - Some tweaks to Dialogue Component.  Thanks @freddyaboulton!
+
+## 0.1.0
+
+### Features
+
+- [#11092](https://github.com/gradio-app/gradio/pull/11092) [`c8c17f1`](https://github.com/gradio-app/gradio/commit/c8c17f1a909952616a01967839482153d1419b78) - Add gr.Dialogue component.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/dropdown@0.10.0
\ No newline at end of file
diff --git a/js/dialogue/Dialogue.svelte b/js/dialogue/Dialogue.svelte
new file mode 100644
index 0000000..c321a3d
--- /dev/null
+++ b/js/dialogue/Dialogue.svelte
@@ -0,0 +1,977 @@
+<script lang="ts">
+	import { onMount, tick } from "svelte";
+	import { BlockTitle, IconButton, IconButtonWrapper } from "@gradio/atoms";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import { Copy, Check, Send, Plus, Trash } from "@gradio/icons";
+	import { fade } from "svelte/transition";
+	import { BaseDropdown, BaseDropdownOptions } from "@gradio/dropdown";
+	import { Gradio } from "@gradio/utils";
+	import type { DialogueLine } from "./utils";
+	import Switch from "./Switch.svelte";
+	import type { DialogueEvents, DialogueProps } from "./types";
+
+	const props = $props();
+
+	const gradio: Gradio<DialogueEvents, DialogueProps> = props.gradio;
+
+	let checked = $state(false);
+	let disabled = $derived(!gradio.shared.interactive);
+
+	let dialogue_lines: DialogueLine[] = $state([]);
+
+	$effect(() => {
+		if (
+			gradio.props.value &&
+			gradio.props.value.length &&
+			typeof gradio.props.value !== "string"
+		) {
+			dialogue_lines = [...gradio.props.value];
+		} else if (gradio.props.value && typeof gradio.props.value !== "string") {
+			dialogue_lines = [
+				{
+					speaker: `${gradio.props.speakers.length ? gradio.props.speakers[0] : ""}`,
+					text: ""
+				}
+			];
+		} else if (typeof gradio.props.value === "string") {
+			textbox_value = gradio.props.value;
+			checked = true;
+		}
+	});
+
+	let buttons = $derived(gradio.props.buttons || ["copy"]);
+	let on_custom_button_click = (id: number) => {
+		gradio.dispatch("custom_button_click", { id });
+	};
+
+	let dialogue_container_element: HTMLDivElement;
+
+	let showTagMenu = $state(false);
+	let currentLineIndex = $state(-1);
+	let selectedOptionIndex = $state(0);
+	let filtered_tags: string[] = $state([]);
+	let input_elements: (HTMLInputElement | HTMLTextAreaElement)[] = $state([]);
+
+	let textarea_element: HTMLTextAreaElement;
+	let offset_from_top = $state(0);
+	let copied = $state(false);
+	let timer: any;
+	let textbox_value = $state("");
+	let hoveredSpeaker: string | null = $state(null);
+	let is_unformatting = $state(false);
+	let is_formatting = $state(false);
+
+	const defaultColorNames = [
+		"red",
+		"green",
+		"blue",
+		"yellow",
+		"purple",
+		"teal",
+		"orange",
+		"cyan",
+		"lime",
+		"pink"
+	];
+
+	const colorNameToHex: Record<string, string> = {
+		red: "rgba(254, 202, 202, 0.7)",
+		green: "rgba(209, 250, 229, 0.7)",
+		blue: "rgba(219, 234, 254, 0.7)",
+		yellow: "rgba(254, 243, 199, 0.7)",
+		purple: "rgba(233, 213, 255, 0.7)",
+		teal: "rgba(204, 251, 241, 0.7)",
+		orange: "rgba(254, 215, 170, 0.7)",
+		cyan: "rgba(207, 250, 254, 0.7)",
+		lime: "rgba(217, 249, 157, 0.7)",
+		pink: "rgba(252, 231, 243, 0.7)"
+	};
+
+	let speakerColors: Record<string, string> = $derived.by(() => {
+		let _speakerColors: Record<string, string> = {};
+		if (gradio.props.color_map) {
+			_speakerColors = { ...gradio.props.color_map };
+		} else {
+			_speakerColors = {};
+			gradio.props.speakers.forEach((speaker, index) => {
+				const colorName = defaultColorNames[index % defaultColorNames.length];
+				_speakerColors[speaker] = colorNameToHex[colorName];
+			});
+		}
+		return _speakerColors;
+	});
+
+	function add_line(index: number): void {
+		const newSpeaker =
+			gradio.props.speakers.length > 0 ? gradio.props.speakers[0] : "";
+		dialogue_lines = [
+			...dialogue_lines.slice(0, index + 1),
+			{ speaker: newSpeaker, text: "" },
+			...dialogue_lines.slice(index + 1)
+		];
+
+		tick().then(() => {
+			if (input_elements[index + 1]) {
+				input_elements[index + 1].focus();
+			}
+		});
+		gradio.props.value = [...dialogue_lines];
+	}
+
+	function delete_line(index: number): void {
+		dialogue_lines = [
+			...dialogue_lines.slice(0, index),
+			...dialogue_lines.slice(index + 1)
+		];
+		gradio.props.value = [...dialogue_lines];
+	}
+
+	function update_line(
+		index: number,
+		key: keyof DialogueLine,
+		value: string
+	): void {
+		dialogue_lines[index][key] = value;
+		dialogue_lines = [...dialogue_lines];
+		gradio.props.value = [...dialogue_lines];
+	}
+
+	function handle_input(event: Event, index: number): void {
+		const input = (event.target as HTMLInputElement) || HTMLTextAreaElement;
+		if (input && !input_elements[index]) {
+			input_elements[index] = input;
+		}
+
+		const cursor_position = input.selectionStart || 0;
+		const text = input.value;
+		let show_menu = false;
+		let position_reference_index = -1;
+
+		if (text[cursor_position - 1] === ":") {
+			currentLineIndex = index;
+			position_reference_index = cursor_position;
+			const search_text = get_tag_search_text(text, cursor_position);
+			filtered_tags = gradio.props.tags.filter(
+				(tag) =>
+					search_text === "" ||
+					tag.toLowerCase().includes(search_text.toLowerCase())
+			);
+			show_menu = filtered_tags.length > 0;
+			selectedOptionIndex = 0;
+		} else {
+			const lastColonIndex = text.lastIndexOf(":", cursor_position - 1);
+			if (
+				lastColonIndex >= 0 &&
+				!text.substring(lastColonIndex + 1, cursor_position).includes(" ")
+			) {
+				currentLineIndex = index;
+				position_reference_index = lastColonIndex + 1; // Position menu relative to the start of the potential tag
+				const searchText = text.substring(lastColonIndex + 1, cursor_position);
+				filtered_tags = gradio.props.tags.filter(
+					(tag) =>
+						searchText === "" ||
+						tag.toLowerCase().includes(searchText.toLowerCase())
+				);
+				show_menu = filtered_tags.length > 0;
+				selectedOptionIndex = 0;
+			}
+		}
+
+		if (show_menu && position_reference_index !== -1) {
+			showTagMenu = true;
+			const input_rect = input.getBoundingClientRect();
+			// Position menu below the current input by calculating the distance from the top of the container
+			// and use 1.5 times the input height.
+			if (dialogue_container_element) {
+				const container_rect =
+					dialogue_container_element.getBoundingClientRect();
+				offset_from_top =
+					container_rect.top + input_rect.height * (index + 1.5);
+			}
+		} else {
+			showTagMenu = false;
+		}
+		gradio.dispatch("input");
+	}
+
+	function get_tag_search_text(text: string, cursorPosition: number): string {
+		const lastColonIndex = text.lastIndexOf(":", cursorPosition - 1);
+		if (lastColonIndex >= 0) {
+			return text.substring(lastColonIndex + 1, cursorPosition);
+		}
+		return "";
+	}
+
+	async function insert_selected_tag(): Promise<void> {
+		const tag = filtered_tags[selectedOptionIndex];
+		if (tag) {
+			let text;
+			let currentInput;
+			if (checked) {
+				currentInput = textarea_element;
+				text = textbox_value;
+			} else {
+				currentInput = input_elements[currentLineIndex];
+				text = dialogue_lines[currentLineIndex].text;
+			}
+			const cursorPosition = currentInput?.selectionStart || 0;
+			const lastColonIndex = text.lastIndexOf(":", cursorPosition - 1);
+			if (lastColonIndex >= 0) {
+				const beforeColon = text.substring(0, lastColonIndex);
+				const afterCursor = text.substring(cursorPosition);
+
+				if (checked) {
+					// plain text mode: don't filter speaker tags
+					const newText = `${beforeColon}${tag} ${afterCursor}`;
+					textbox_value = newText;
+					if (gradio.props.speakers.length === 0) {
+						gradio.props.value = newText;
+					} else {
+						gradio.props.value = await gradio.shared.server.unformat({
+							text: newText
+						});
+					}
+
+					tick().then(() => {
+						if (textarea_element) {
+							const newCursorPosition = beforeColon.length + tag.length + 1;
+							textarea_element.setSelectionRange(
+								newCursorPosition,
+								newCursorPosition
+							);
+							textarea_element.focus();
+						}
+					});
+				} else {
+					// dialogue line mode
+					const filteredBeforeColon = beforeColon
+						.replace(/\[S\d+\]/g, "")
+						.trim();
+					const newText = `${filteredBeforeColon}${tag} ${afterCursor}`;
+					update_line(currentLineIndex, "text", newText);
+
+					tick().then(() => {
+						const updatedInput = input_elements[currentLineIndex];
+						if (updatedInput) {
+							const newCursorPosition =
+								filteredBeforeColon.length + tag.length + 1;
+							updatedInput.setSelectionRange(
+								newCursorPosition,
+								newCursorPosition
+							);
+							updatedInput.focus();
+						}
+					});
+				}
+			}
+
+			showTagMenu = false;
+			selectedOptionIndex = 0;
+		}
+	}
+
+	async function insert_tag(index: any): Promise<void> {
+		index = parseInt(index);
+		const tag = gradio.props.tags[index];
+		if (tag) {
+			let text;
+			let currentInput;
+			if (checked) {
+				currentInput = textarea_element;
+				text = textbox_value;
+			} else {
+				currentInput = input_elements[currentLineIndex];
+				text = dialogue_lines[currentLineIndex].text;
+			}
+			const cursorPosition = currentInput?.selectionStart || 0;
+			const lastColonIndex = text.lastIndexOf(":", cursorPosition - 1);
+			if (lastColonIndex >= 0) {
+				const beforeColon = text.substring(0, lastColonIndex);
+				const afterCursor = text.substring(cursorPosition);
+
+				if (checked) {
+					// plain text mode: don't filter speaker tags
+					const newText = `${beforeColon}${tag} ${afterCursor}`;
+					textbox_value = newText;
+					if (gradio.props.speakers.length === 0) {
+						gradio.props.value = newText;
+					} else {
+						gradio.props.value = await gradio.shared.server.unformat({
+							text: newText
+						});
+					}
+
+					tick().then(() => {
+						if (textarea_element) {
+							const newCursorPosition = beforeColon.length + tag.length + 1;
+							textarea_element.setSelectionRange(
+								newCursorPosition,
+								newCursorPosition
+							);
+							textarea_element.focus();
+						}
+					});
+				} else {
+					// dialogue line mode
+					const filteredBeforeColon = beforeColon
+						.replace(/\[S\d+\]/g, "")
+						.trim();
+					const newText = `${filteredBeforeColon}${tag} ${afterCursor}`;
+					update_line(currentLineIndex, "text", newText);
+
+					tick().then(() => {
+						const updatedInput = input_elements[currentLineIndex];
+						if (updatedInput) {
+							const newCursorPosition =
+								filteredBeforeColon.length + tag.length + 1;
+							updatedInput.setSelectionRange(
+								newCursorPosition,
+								newCursorPosition
+							);
+							updatedInput.focus();
+						}
+					});
+				}
+			}
+
+			showTagMenu = false;
+			selectedOptionIndex = 0;
+		}
+	}
+
+	function handle_click_outside(event: MouseEvent): void {
+		if (showTagMenu) {
+			const target = event.target as Node;
+			const tagMenu = document.querySelector(
+				'[data-testid="dialogue-tag-menu"]'
+			);
+			if (tagMenu && !tagMenu.contains(target)) {
+				showTagMenu = false;
+			}
+		}
+	}
+
+	async function value_to_string(
+		value: DialogueLine[] | string
+	): Promise<string> {
+		if (typeof value === "string") {
+			return value;
+		}
+		return await gradio.shared.server.format(value);
+	}
+
+	async function handle_copy(): Promise<void> {
+		if ("clipboard" in navigator) {
+			const text = await value_to_string(gradio.props.value);
+			await navigator.clipboard.writeText(text);
+			copy_feedback();
+		}
+	}
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 1000);
+	}
+
+	async function handle_submit(): Promise<void> {
+		if (checked) {
+			gradio.props.value = await gradio.shared.server.unformat({
+				text: textbox_value
+			});
+		}
+		gradio.dispatch("submit");
+	}
+
+	onMount(async () => {
+		if (typeof gradio.props.value === "string") {
+			textbox_value = gradio.props.value;
+		} else if (gradio.props.value && gradio.props.value.length > 0) {
+			const formatted = await value_to_string(gradio.props.value);
+			textbox_value = formatted;
+		} else {
+			textbox_value = "";
+		}
+	});
+</script>
+
+<svelte:window on:click={handle_click_outside} />
+
+<div class:container={gradio.shared.container}>
+	{#if gradio.shared.show_label && (buttons.some((btn) => typeof btn === "string" && btn === "copy") || buttons.some((btn) => typeof btn !== "string"))}
+		<IconButtonWrapper {buttons} {on_custom_button_click}>
+			{#if buttons.some((btn) => typeof btn === "string" && btn === "copy")}
+				<IconButton
+					Icon={copied ? Check : Copy}
+					onclick={handle_copy}
+					label={copied ? "Copied" : "Copy"}
+				/>
+			{/if}
+		</IconButtonWrapper>
+	{/if}
+
+	<BlockTitle show_label={gradio.shared.show_label} info={gradio.props.info}
+		>{gradio.shared.label || "Dialogue"}</BlockTitle
+	>
+	{#if gradio.props.ui_mode === "both"}
+		<div
+			class="switch-container top-switch"
+			class:switch-disabled={is_formatting || is_unformatting}
+		>
+			<Switch
+				label="Plain Text"
+				bind:checked
+				disabled={is_formatting || is_unformatting}
+				on:click={async (e) => {
+					if (!e.detail.checked) {
+						is_unformatting = true;
+						try {
+							gradio.props.value = await gradio.shared.server.unformat({
+								text: textbox_value
+							});
+							dialogue_lines = [...(gradio.props.value as DialogueLine[])];
+						} finally {
+							is_unformatting = false;
+						}
+					} else {
+						is_formatting = true;
+						try {
+							textbox_value = await value_to_string(dialogue_lines);
+						} finally {
+							is_formatting = false;
+						}
+					}
+				}}
+			/>
+		</div>
+	{/if}
+	{#if !checked && gradio.props.ui_mode !== "text"}
+		<div
+			class="dialogue-container"
+			data-testid="dialogue-container"
+			bind:this={dialogue_container_element}
+			class:loading={is_unformatting}
+		>
+			{#if is_unformatting}
+				<div class="loading-overlay" transition:fade={{ duration: 200 }}>
+					<div class="loading-spinner"></div>
+					<div class="loading-text">Converting to dialogue format...</div>
+				</div>
+			{/if}
+			{#each dialogue_lines as line, i}
+				<div
+					class="dialogue-line"
+					style="--speaker-bg-color: {disabled &&
+					(hoveredSpeaker === null || hoveredSpeaker === line.speaker)
+						? speakerColors[line.speaker] || 'transparent'
+						: 'transparent'}"
+				>
+					<div
+						class="speaker-column"
+						role="button"
+						tabindex="0"
+						on:mouseenter={() => disabled && (hoveredSpeaker = line.speaker)}
+						on:mouseleave={() => disabled && (hoveredSpeaker = null)}
+					>
+						{#if disabled}
+							<textarea
+								bind:value={line.speaker}
+								{disabled}
+								rows="1"
+								readonly
+							/>
+						{:else}
+							<BaseDropdown
+								label=""
+								show_label={false}
+								container={true}
+								interactive={true}
+								value={line.speaker}
+								choices={gradio.props.speakers.map((s) => [s, s])}
+								on_change={(val) => update_line(i, "speaker", val as string)}
+							/>
+						{/if}
+					</div>
+					<div class="text-column">
+						<div class="input-container">
+							<textarea
+								bind:value={line.text}
+								placeholder={gradio.props.placeholder}
+								{disabled}
+								on:input={(event) => handle_input(event, i)}
+								on:focus={(event) => handle_input(event, i)}
+								on:keydown={(event) => {
+									if (event.key === "Escape" && showTagMenu) {
+										showTagMenu = false;
+										selectedOptionIndex = 0;
+										event.preventDefault();
+									} else if (showTagMenu && currentLineIndex === i) {
+										if (event.key === "ArrowDown") {
+											selectedOptionIndex = Math.min(
+												selectedOptionIndex + 1,
+												filtered_tags.length - 1
+											);
+											event.preventDefault();
+										} else if (event.key === "ArrowUp") {
+											selectedOptionIndex = Math.max(
+												selectedOptionIndex - 1,
+												0
+											);
+											event.preventDefault();
+										} else if (event.key === "Enter") {
+											if (filtered_tags[selectedOptionIndex]) {
+												insert_selected_tag();
+											}
+											event.preventDefault();
+										}
+									}
+								}}
+								bind:this={input_elements[i]}
+								rows="1"
+							></textarea>
+							{#if showTagMenu && currentLineIndex === i}
+								<div
+									data-testid="dialogue-tag-menu"
+									class="tag-menu"
+									transition:fade={{ duration: 100 }}
+								>
+									<BaseDropdownOptions
+										choices={gradio.props.tags.map((s, i) => [s, i])}
+										filtered_indices={filtered_tags.map((s) =>
+											gradio.props.tags.indexOf(s)
+										)}
+										active_index={filtered_tags.map((s) =>
+											gradio.props.tags.indexOf(s)
+										)[selectedOptionIndex]}
+										show_options={true}
+										onchange={(e) => insert_tag(e)}
+										{offset_from_top}
+										from_top={true}
+									/>
+								</div>
+							{/if}
+						</div>
+					</div>
+					{#if gradio.props.max_lines == undefined || (gradio.props.max_lines && i < gradio.props.max_lines - 1)}
+						<div class:action-column={i == 0} class:hidden={disabled}>
+							<button
+								class="add-button"
+								data-testid="dialogue-add-button-{i}"
+								on:click={() => add_line(i)}
+								aria-label="Add new line"
+								{disabled}
+							>
+								<Plus />
+							</button>
+						</div>
+					{/if}
+					<div class="action-column" class:hidden={disabled || i == 0}>
+						<button
+							class="delete-button"
+							data-testid="dialogue-delete-button-{i}"
+							on:click={() => delete_line(i)}
+							aria-label="Remove current line"
+							{disabled}
+						>
+							<Trash />
+						</button>
+					</div>
+				</div>
+			{/each}
+		</div>
+	{:else if checked || gradio.props.ui_mode !== "dialogue"}
+		<div class="textarea-container" class:loading={is_formatting}>
+			{#if is_formatting}
+				<div class="loading-overlay" transition:fade={{ duration: 200 }}>
+					<div class="loading-spinner"></div>
+					<div class="loading-text">Converting to plain text...</div>
+				</div>
+			{/if}
+			<textarea
+				data-testid="textbox"
+				bind:value={textbox_value}
+				placeholder={gradio.props.placeholder}
+				rows={5}
+				{disabled}
+				on:input={(event) => {
+					handle_input(event, 0);
+					gradio.props.value = textbox_value;
+				}}
+				on:focus={(event) => handle_input(event, 0)}
+				on:keydown={(event) => {
+					if (event.key === "Escape" && showTagMenu) {
+						showTagMenu = false;
+						selectedOptionIndex = 0;
+						event.preventDefault();
+					} else if (showTagMenu) {
+						if (event.key === "ArrowDown") {
+							selectedOptionIndex = Math.min(
+								selectedOptionIndex + 1,
+								filtered_tags.length - 1
+							);
+							event.preventDefault();
+						} else if (event.key === "ArrowUp") {
+							selectedOptionIndex = Math.max(selectedOptionIndex - 1, 0);
+							event.preventDefault();
+						} else if (event.key === "Enter") {
+							if (filtered_tags[selectedOptionIndex]) {
+								insert_selected_tag();
+							}
+							event.preventDefault();
+						}
+					}
+				}}
+				bind:this={textarea_element}
+			/>
+			{#if showTagMenu}
+				<div
+					data-testid="dialogue-tag-menu"
+					class="tag-menu-plain-text"
+					transition:fade={{ duration: 100 }}
+				>
+					<BaseDropdownOptions
+						choices={gradio.props.tags.map((s, i) => [s, i])}
+						filtered_indices={filtered_tags.map((s) =>
+							gradio.props.tags.indexOf(s)
+						)}
+						active_index={filtered_tags.map((s) =>
+							gradio.props.tags.indexOf(s)
+						)[selectedOptionIndex]}
+						show_options={true}
+						onchange={(index) => insert_tag(index)}
+					/>
+				</div>
+			{/if}
+		</div>
+	{/if}
+
+	{#if gradio.props.submit_btn && !disabled}
+		<div class="submit-container">
+			<button
+				class="submit-button"
+				data-testid="dialogue-submit-button"
+				on:click={handle_submit}
+				{disabled}
+			>
+				{#if typeof gradio.props.submit_btn === "string"}
+					{gradio.props.submit_btn}
+				{:else}
+					<Send />
+				{/if}
+			</button>
+		</div>
+	{/if}
+</div>
+
+<style>
+	div.container {
+		display: block;
+		width: 100%;
+	}
+
+	.input-container {
+		display: flex;
+		position: relative;
+		align-items: flex-end;
+	}
+
+	.dialogue-container {
+		border: none;
+		border-radius: var(--input-radius);
+		background: var(--input-background-fill);
+		padding: var(--spacing-md);
+		margin-bottom: var(--spacing-sm);
+		position: relative;
+	}
+
+	.dialogue-line {
+		display: flex;
+		align-items: center;
+		margin-bottom: var(--spacing-sm);
+	}
+
+	.dialogue-line:has(.action-column.hidden) .text-column {
+		margin-right: 0;
+	}
+
+	.speaker-column {
+		flex: 0 0 150px;
+		margin-right: var(--spacing-sm);
+		display: flex;
+		align-items: center;
+	}
+
+	.speaker-column textarea {
+		background: var(--speaker-bg-color);
+		transition: background-color 0.2s ease;
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		padding: var(--input-padding);
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		resize: none;
+		width: 100%;
+		box-sizing: border-box;
+		height: auto;
+		min-height: 30px;
+		max-height: none;
+		margin-top: 0px;
+		margin-bottom: 0px;
+		z-index: 1;
+		display: block;
+		position: relative;
+		white-space: pre-wrap;
+		word-wrap: break-word;
+		overflow-wrap: break-word;
+		overflow: hidden;
+	}
+
+	.text-column {
+		flex: 1;
+		margin-right: var(--spacing-sm);
+	}
+
+	.text-column textarea {
+		width: 100%;
+		padding: var(--spacing-sm);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		color: var(--body-text-color);
+		background: var(--speaker-bg-color);
+		transition: background-color 0.2s ease;
+		height: auto;
+		min-height: 30px;
+		max-height: none;
+		flex-grow: 1;
+		margin-top: 0px;
+		margin-bottom: 0px;
+		resize: none;
+		z-index: 1;
+		display: block;
+		position: relative;
+		padding: var(--input-padding);
+		width: 100%;
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		white-space: pre-wrap;
+		word-wrap: break-word;
+		overflow-wrap: break-word;
+		overflow: hidden;
+		box-sizing: border-box;
+	}
+
+	.text-column textarea {
+		color: var(--body-text-color);
+	}
+
+	.dialogue-line[style*="--speaker-bg-color: rgba"] .text-column textarea,
+	.dialogue-line[style*="--speaker-bg-color: rgba"] .speaker-column textarea {
+		color: black;
+	}
+
+	textarea {
+		flex-grow: 1;
+		outline: none !important;
+		margin-top: 0px;
+		margin-bottom: 0px;
+		resize: none;
+		z-index: 1;
+		display: block;
+		position: relative;
+		outline: none !important;
+		background: var(--input-background-fill);
+		padding: var(--input-padding);
+		width: 100%;
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		box-shadow: var(--input-shadow);
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-radius: var(--input-radius);
+	}
+
+	textarea:disabled {
+		-webkit-opacity: 1;
+		opacity: 1;
+	}
+
+	textarea:focus {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+		background: var(--input-background-fill-focus);
+	}
+
+	textarea::placeholder {
+		color: var(--input-placeholder-color);
+	}
+
+	.action-column {
+		display: flex;
+		justify-content: center;
+	}
+
+	.add-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 25px;
+		height: 25px;
+		border: none;
+		background: transparent;
+		cursor: pointer;
+	}
+
+	.delete-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		width: 15px;
+		height: 15px;
+	}
+
+	.add-button:hover {
+		color: var(--color-accent);
+	}
+
+	.switch-container {
+		display: flex;
+		justify-content: flex-start;
+		transition: opacity 0.2s ease-in-out;
+	}
+
+	.switch-container.switch-disabled {
+		opacity: 0.6;
+		pointer-events: none;
+	}
+
+	.switch-container.top-switch {
+		margin-bottom: var(--spacing-sm);
+		justify-content: flex-end;
+	}
+
+	.submit-container {
+		display: flex;
+		justify-content: flex-end;
+		margin-top: var(--spacing-sm);
+	}
+
+	.submit-container button[disabled] {
+		cursor: not-allowed;
+	}
+
+	.submit-button {
+		border: none;
+		text-align: center;
+		text-decoration: none;
+		font-size: 14px;
+		cursor: pointer;
+		border-radius: 15px;
+		min-width: 30px;
+		height: 30px;
+		flex-shrink: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+	}
+
+	.submit-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+	}
+
+	.submit-button:active {
+		box-shadow: var(--button-shadow-active);
+	}
+
+	.submit-button :global(svg) {
+		height: 22px;
+		width: 22px;
+	}
+
+	.tag-menu {
+		position: absolute;
+		width: 100%;
+		top: 100%;
+		left: 0;
+	}
+
+	.tag-menu-plain-text {
+		position: relative;
+		width: 100%;
+	}
+
+	.tag-menu-plain-text :global(.options) {
+		position: static !important;
+		width: 100% !important;
+		max-height: none !important;
+		top: auto !important;
+		bottom: auto !important;
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.loading-overlay {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: var(--input-background-fill);
+		opacity: 0.95;
+		backdrop-filter: blur(2px);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		z-index: 10;
+		border-radius: var(--input-radius);
+	}
+
+	.loading-spinner {
+		width: 24px;
+		height: 24px;
+		border: 2px solid var(--border-color-primary);
+		border-top: 2px solid var(--color-accent);
+		border-radius: 50%;
+		animation: spin 1s linear infinite;
+		margin-bottom: var(--spacing-sm);
+	}
+
+	@keyframes spin {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	.loading-text {
+		color: var(--body-text-color);
+		font-size: var(--text-sm);
+		font-weight: 500;
+		opacity: 0.8;
+	}
+
+	.dialogue-container.loading,
+	.textarea-container.loading {
+		position: relative;
+		opacity: 0.7;
+		transition: opacity 0.3s ease-in-out;
+	}
+
+	.dialogue-container,
+	.textarea-container {
+		transition: opacity 0.3s ease-in-out;
+	}
+</style>
diff --git a/js/dialogue/Dialogue.test.ts b/js/dialogue/Dialogue.test.ts
new file mode 100644
index 0000000..284f07d
--- /dev/null
+++ b/js/dialogue/Dialogue.test.ts
@@ -0,0 +1,559 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Dialogue from "./Index.svelte";
+import type { DialogueLine } from "./utils";
+
+// These are backend functions that do not exist when the tests run
+// the mocks are neccessary
+function mock_server() {
+	return {
+		format: vi.fn(async (value: DialogueLine[]): Promise<string> => {
+			return value.map((line) => `${line.speaker}: ${line.text}`).join("\n");
+		}),
+		unformat: vi.fn(
+			async (params: { text: string }): Promise<DialogueLine[]> => {
+				const lines = params.text.split("\n").filter((line) => line.trim());
+				return lines.map((line) => {
+					const colonIndex = line.indexOf(":");
+					if (colonIndex > -1) {
+						return {
+							speaker: line.slice(0, colonIndex).trim(),
+							text: line.slice(colonIndex + 1).trim()
+						};
+					}
+					return { speaker: "", text: line.trim() };
+				});
+			}
+		)
+	};
+}
+
+const default_props = {
+	label: "Dialogue",
+	show_label: true,
+	interactive: true,
+	value: [{ speaker: "Speaker1", text: "Hello" }],
+	speakers: ["Speaker1", "Speaker2"],
+	tags: ["tag1", "tag2", "tag3"],
+	ui_mode: "both" as const,
+	max_lines: undefined as number | undefined,
+	buttons: ["copy"],
+	placeholder: "Enter text...",
+	submit_btn: false,
+	color_map: undefined as Record<string, string> | undefined,
+	separator: "\n",
+	info: "",
+	server: mock_server()
+};
+
+run_shared_prop_tests({
+	component: Dialogue,
+	name: "Dialogue",
+	base_props: {
+		value: [{ speaker: "Speaker1", text: "Hello" }],
+		speakers: ["Speaker1", "Speaker2"],
+		tags: ["tag1", "tag2"],
+		ui_mode: "both",
+		interactive: true,
+		server: mock_server()
+	}
+});
+
+describe("Dialogue", () => {
+	afterEach(() => cleanup());
+
+	test("renders with dialogue lines from value", async () => {
+		const { getByDisplayValue } = await render(Dialogue, {
+			...default_props,
+			value: [
+				{ speaker: "Speaker1", text: "Hello world" },
+				{ speaker: "Speaker2", text: "How are you?" }
+			]
+		});
+
+		expect(getByDisplayValue("Hello world")).toBeInTheDocument();
+		expect(getByDisplayValue("How are you?")).toBeInTheDocument();
+	});
+
+	test("renders empty line when value is empty array and speakers exist", async () => {
+		const { getAllByRole } = await render(Dialogue, {
+			...default_props,
+			value: [],
+			speakers: ["Speaker1"]
+		});
+
+		// An empty line is automatically added
+		const textareas = getAllByRole("textbox");
+		expect(textareas.length).toEqual(1);
+	});
+});
+
+describe("Props: ui_mode", () => {
+	afterEach(() => cleanup());
+
+	test("ui_mode='dialogue' shows only dialogue lines view", async () => {
+		const { queryByTestId, queryByRole, getByDisplayValue } = await render(
+			Dialogue,
+			{
+				...default_props,
+				ui_mode: "dialogue",
+				value: [{ speaker: "Speaker1", text: "Hello" }]
+			}
+		);
+
+		expect(getByDisplayValue("Hello")).toBeInTheDocument();
+		expect(queryByTestId("textbox")).not.toBeInTheDocument();
+		expect(queryByRole("switch")).not.toBeInTheDocument();
+	});
+
+	test("ui_mode='text' shows only plain text view", async () => {
+		const { getByTestId, queryByRole } = await render(Dialogue, {
+			...default_props,
+			ui_mode: "text",
+			value: "Plain text value"
+		});
+
+		expect(getByTestId("textbox")).toBeInTheDocument();
+		expect(queryByRole("switch")).not.toBeInTheDocument();
+	});
+
+	test("ui_mode='both' shows dialogue view with switch to toggle", async () => {
+		const { getByDisplayValue, getByRole } = await render(Dialogue, {
+			...default_props,
+			ui_mode: "both",
+			value: [{ speaker: "Speaker1", text: "Hello" }]
+		});
+
+		expect(getByDisplayValue("Hello")).toBeInTheDocument();
+		expect(getByRole("switch")).toBeVisible();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=false disables textareas", async () => {
+		const { getByDisplayValue } = await render(Dialogue, {
+			...default_props,
+			interactive: false,
+			value: [{ speaker: "Speaker1", text: "Hello" }]
+		});
+
+		const textarea = getByDisplayValue("Hello") as HTMLTextAreaElement;
+		expect(textarea).toBeDisabled();
+	});
+
+	test("interactive=true enables textareas", async () => {
+		const { getByDisplayValue } = await render(Dialogue, {
+			...default_props,
+			interactive: true,
+			value: [{ speaker: "Speaker1", text: "Hello" }]
+		});
+
+		const textarea = getByDisplayValue("Hello") as HTMLTextAreaElement;
+		expect(textarea).toBeEnabled();
+	});
+
+	test("interactive=false hides add/delete buttons", async () => {
+		const { queryByRole } = await render(Dialogue, {
+			...default_props,
+			interactive: false,
+			value: [
+				{ speaker: "Speaker1", text: "Line1" },
+				{ speaker: "Speaker2", text: "Line2" }
+			]
+		});
+
+		// When interactive=false, the buttons should not be visible in the DOM
+		// because the parent container has class:hidden which removes them from layout
+		const addButton = queryByRole("button", { name: "Add new line" });
+		const deleteButton = queryByRole("button", { name: "Remove current line" });
+
+		expect(addButton).not.toBeInTheDocument();
+		expect(deleteButton).not.toBeInTheDocument();
+	});
+});
+
+describe("Props: placeholder", () => {
+	afterEach(() => cleanup());
+
+	test("placeholder is shown in textarea", async () => {
+		const { getByPlaceholderText } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "" }],
+			placeholder: "Type your message here..."
+		});
+
+		expect(
+			getByPlaceholderText("Type your message here...")
+		).toBeInTheDocument();
+	});
+});
+
+describe("Props: submit_btn", () => {
+	afterEach(() => cleanup());
+
+	test("submit_btn=false does not render submit button", async () => {
+		const { queryByTestId } = await render(Dialogue, {
+			...default_props,
+			submit_btn: false
+		});
+
+		const submitButton = queryByTestId("dialogue-submit-button");
+		expect(submitButton).not.toBeInTheDocument();
+	});
+
+	test("submit_btn=true renders default submit button", async () => {
+		const { getByTestId } = await render(Dialogue, {
+			...default_props,
+			submit_btn: true
+		});
+
+		const submitButton = getByTestId("dialogue-submit-button");
+		expect(submitButton).toBeInTheDocument();
+	});
+
+	test("submit_btn='Custom Text' renders submit button with custom text", async () => {
+		const { getByRole } = await render(Dialogue, {
+			...default_props,
+			submit_btn: "Send Message"
+		});
+
+		const submitButton = getByRole("button", { name: "Send Message" });
+		expect(submitButton).toBeInTheDocument();
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("buttons=['copy'] shows copy button", async () => {
+		const { getByLabelText } = await render(Dialogue, {
+			...default_props,
+			buttons: ["copy"]
+		});
+
+		expect(getByLabelText("Copy")).toBeInTheDocument();
+	});
+
+	test("custom buttons trigger custom_button_click event", async () => {
+		const { getByLabelText, listen } = await render(Dialogue, {
+			...default_props,
+			buttons: [{ value: "custom", id: 42, icon: null }]
+		});
+
+		const customClick = listen("custom_button_click");
+		const customButton = getByLabelText("custom");
+		await fireEvent.click(customButton);
+
+		expect(customClick).toHaveBeenCalledTimes(1);
+		expect(customClick).toHaveBeenCalledWith({ id: 42 });
+	});
+});
+
+describe("Props: max_lines", () => {
+	afterEach(() => cleanup());
+
+	test("add button is hidden when max_lines is reached", async () => {
+		const { queryAllByTestId } = await render(Dialogue, {
+			...default_props,
+			max_lines: 2,
+			value: [
+				{ speaker: "Speaker1", text: "Line1" },
+				{ speaker: "Speaker2", text: "Line2" }
+			]
+		});
+
+		const addButtons = queryAllByTestId(/^dialogue-add-button-/);
+		expect(addButtons.length).toBe(1);
+	});
+});
+
+describe("Props: tags", () => {
+	afterEach(() => cleanup());
+
+	test("typing ':' shows tag autocomplete menu with matching options", async () => {
+		const { getByDisplayValue, queryByTestId } = await render(Dialogue, {
+			...default_props,
+			tags: ["greeting", "farewell", "question"],
+			value: [{ speaker: "Speaker1", text: "" }]
+		});
+
+		const textarea = getByDisplayValue("") as HTMLTextAreaElement;
+		textarea.focus();
+		await event.type(textarea, "Hello :");
+
+		expect(queryByTestId("dialogue-tag-menu")).toBeInTheDocument();
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("input event is dispatched when text is entered", async () => {
+		const { getByDisplayValue, listen } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "" }]
+		});
+
+		const inputEvent = listen("input");
+		const textarea = getByDisplayValue("") as HTMLTextAreaElement;
+		textarea.focus();
+		await event.type(textarea, "abc");
+
+		expect(inputEvent).toHaveBeenCalled();
+	});
+
+	test("change event is dispatched when value changes from outside", async () => {
+		const { listen, set_data } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "Initial" }]
+		});
+
+		const changeEvent = listen("change");
+		await set_data({ value: [{ speaker: "Speaker1", text: "Updated" }] });
+
+		expect(changeEvent).toHaveBeenCalledTimes(1);
+	});
+
+	test("submit event is dispatched when submit button is clicked", async () => {
+		const { getByTestId, listen } = await render(Dialogue, {
+			...default_props,
+			submit_btn: true
+		});
+
+		const submitEvent = listen("submit");
+		const submitButton = getByTestId("dialogue-submit-button");
+		await fireEvent.click(submitButton);
+
+		expect(submitEvent).toHaveBeenCalledTimes(1);
+	});
+
+	test("no spurious change event on mount", async () => {
+		const { listen } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "Hello" }]
+		});
+
+		const changeEvent = listen("change", { retrospective: true });
+		expect(changeEvent).not.toHaveBeenCalled();
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("set_data updates the dialogue lines", async () => {
+		const { getByDisplayValue, set_data } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "Hello world" }]
+		});
+
+		const initialTextarea = getByDisplayValue("Hello world");
+		expect(initialTextarea).toBeInTheDocument();
+
+		await set_data({ value: [{ speaker: "Speaker1", text: "Updated value" }] });
+
+		const updatedTextarea = getByDisplayValue("Updated value");
+		expect(updatedTextarea).toBeInTheDocument();
+		expect(() => getByDisplayValue("Hello world")).toThrow();
+	});
+
+	test("set_data with string value switches to plain text mode", async () => {
+		const { getByTestId, set_data } = await render(Dialogue, {
+			...default_props,
+			ui_mode: "both",
+			value: [{ speaker: "Speaker1", text: "Dialogue mode" }]
+		});
+
+		await set_data({ value: "Plain text mode value" });
+
+		const textbox = getByTestId("textbox") as HTMLTextAreaElement;
+		expect(textbox.value).toBe("Plain text mode value");
+	});
+
+	test("get_data returns current dialogue value", async () => {
+		const { get_data } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "Hello" }]
+		});
+
+		await vi.waitFor(async () => {
+			const data = await get_data();
+			expect(data.value).toEqual([{ speaker: "Speaker1", text: "Hello" }]);
+		});
+	});
+
+	test("get_data reflects user input changes", async () => {
+		const { get_data, getByDisplayValue } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "" }]
+		});
+
+		const textarea = getByDisplayValue("") as HTMLTextAreaElement;
+		textarea.focus();
+		await event.type(textarea, "User typed text");
+
+		const data = await get_data();
+		expect(data.value).toBeDefined();
+		expect(data.value[0]).toBeDefined();
+		expect(data.value[0].text).toBe("User typed text");
+	});
+});
+
+describe("Interactive features", () => {
+	afterEach(() => cleanup());
+
+	test("clicking add button creates a new dialogue line", async () => {
+		const { getByTestId, getByDisplayValue } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "First line" }]
+		});
+
+		const addButton = getByTestId("dialogue-add-button-0");
+		await fireEvent.click(addButton);
+
+		expect(getByDisplayValue("First line")).toBeInTheDocument();
+		expect(getByTestId("dialogue-add-button-1")).toBeInTheDocument();
+	});
+
+	test("clicking delete button removes a dialogue line", async () => {
+		const { getByTestId, getByDisplayValue, queryByDisplayValue } =
+			await render(Dialogue, {
+				...default_props,
+				value: [
+					{ speaker: "Speaker1", text: "Line 1" },
+					{ speaker: "Speaker2", text: "Line 2" }
+				]
+			});
+
+		expect(getByDisplayValue("Line 1")).toBeInTheDocument();
+		expect(getByDisplayValue("Line 2")).toBeInTheDocument();
+
+		const deleteButton = getByTestId("dialogue-delete-button-1");
+		await fireEvent.click(deleteButton);
+
+		expect(getByDisplayValue("Line 1")).toBeInTheDocument();
+		expect(queryByDisplayValue("Line 2")).not.toBeInTheDocument();
+	});
+});
+
+describe("Mode switching", () => {
+	afterEach(() => cleanup());
+
+	test("mock server format/unformat round-trip works correctly", async () => {
+		const serverMock = mock_server();
+		const { getByTestId, getByDisplayValue, getByRole } = await render(
+			Dialogue,
+			{
+				...default_props,
+				ui_mode: "both",
+				value: [
+					{ speaker: "Speaker1", text: "Hello world" },
+					{ speaker: "Speaker2", text: "How are you?" }
+				],
+				server: serverMock
+			}
+		);
+
+		const switchButton = getByRole("switch");
+		await fireEvent.click(switchButton);
+
+		expect(serverMock.format).toHaveBeenCalled();
+		expect(serverMock.format).toHaveBeenCalledWith(
+			expect.arrayContaining([
+				expect.objectContaining({
+					speaker: "Speaker1",
+					text: "Hello world"
+				}),
+				expect.objectContaining({
+					speaker: "Speaker2",
+					text: "How are you?"
+				})
+			])
+		);
+
+		const textbox = getByTestId("textbox") as HTMLTextAreaElement;
+		expect(textbox.value).toBe("Speaker1: Hello world\nSpeaker2: How are you?");
+
+		await fireEvent.click(switchButton);
+
+		expect(serverMock.unformat).toHaveBeenCalled();
+		expect(serverMock.unformat).toHaveBeenCalledWith(
+			expect.objectContaining({
+				text: "Speaker1: Hello world\nSpeaker2: How are you?"
+			})
+		);
+
+		expect(getByDisplayValue("Hello world")).toBeInTheDocument();
+		expect(getByDisplayValue("How are you?")).toBeInTheDocument();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("handles undefined max_lines", async () => {
+		const { queryAllByTestId } = await render(Dialogue, {
+			...default_props,
+			max_lines: undefined,
+			value: [
+				{ speaker: "Speaker1", text: "Line 1" },
+				{ speaker: "Speaker2", text: "Line 2" },
+				{ speaker: "Speaker1", text: "Line 3" }
+			]
+		});
+
+		const addButtons = queryAllByTestId(/^dialogue-add-button-/);
+		expect(addButtons.length).toBe(3);
+	});
+
+	test("event deduplication: change not fired for identical value", async () => {
+		const { listen, set_data } = await render(Dialogue, {
+			...default_props,
+			value: [{ speaker: "Speaker1", text: "Hello" }]
+		});
+
+		const changeEvent = listen("change", { retrospective: true });
+		await set_data({ value: [{ speaker: "Speaker1", text: "Hello" }] });
+		expect(changeEvent).not.toHaveBeenCalled();
+	});
+});
+
+describe("Plain text mode", () => {
+	afterEach(() => cleanup());
+
+	test("switching to plain text mode shows textarea", async () => {
+		const { getByTestId, getByRole } = await render(Dialogue, {
+			...default_props,
+			ui_mode: "both",
+			value: [{ speaker: "Speaker1", text: "Dialogue text" }]
+		});
+
+		await fireEvent.click(getByRole("switch"));
+
+		expect(getByTestId("textbox")).toBeInTheDocument();
+	});
+
+	test("plain text mode with string initial value", async () => {
+		const { getByTestId } = await render(Dialogue, {
+			...default_props,
+			ui_mode: "text",
+			value: "Initial plain text"
+		});
+
+		const textbox = getByTestId("textbox") as HTMLTextAreaElement;
+		expect(textbox.value).toBe("Initial plain text");
+	});
+});
+
+test.todo(
+	"VISUAL: color_map prop applies custom colors to speaker backgrounds — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: default speaker colors are applied when color_map is not provided — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/dialogue/Example.svelte b/js/dialogue/Example.svelte
new file mode 100644
index 0000000..6b6a4a0
--- /dev/null
+++ b/js/dialogue/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/dialogue/Index.svelte b/js/dialogue/Index.svelte
new file mode 100644
index 0000000..c9bf5bb
--- /dev/null
+++ b/js/dialogue/Index.svelte
@@ -0,0 +1,56 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+	export { default as BaseDialogue } from "./Dialogue.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import type { DialogueEvents, DialogueProps } from "./types";
+	import Dialogue from "./Dialogue.svelte";
+	import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	const props = $props();
+	const gradio = new Gradio<DialogueEvents, DialogueProps>(props);
+
+	let mounted = $state(false);
+	let old_value = gradio.props.value;
+
+	$effect(() => {
+		if (!mounted) {
+			// @ts-ignore
+			old_value = gradio.props.value;
+			mounted = true;
+		}
+		// @ts-ignore
+		if (JSON.stringify(old_value) != JSON.stringify(gradio.props.value)) {
+			// @ts-ignore
+			old_value = gradio.props.value;
+			// @ts-ignore
+			gradio.dispatch("change");
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={true}
+	padding={gradio.shared.container}
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+	<Dialogue {gradio} />
+</Block>
diff --git a/js/dialogue/Switch.svelte b/js/dialogue/Switch.svelte
new file mode 100644
index 0000000..659e96a
--- /dev/null
+++ b/js/dialogue/Switch.svelte
@@ -0,0 +1,86 @@
+<script lang="ts">
+	// based on https://svelte.dev/playground/d65a4e9f0ae74d1eb1b08d13e428af32?version=3.35.0
+
+	import { createEventDispatcher } from "svelte";
+	export let label;
+	export let checked = false;
+	export let disabled = false;
+	const dispatch = createEventDispatcher();
+	// @ts-ignore
+	function handleClick(event: Event): void {
+		const target = event.target;
+		// @ts-ignore
+		const state = target.getAttribute("aria-checked");
+		checked = state === "true" ? false : true;
+		dispatch("click", { checked });
+	}
+</script>
+
+<div class="s s--slider" style="font-size:var(--font-size-sm)px">
+	<button
+		role="switch"
+		aria-checked={checked}
+		on:click={handleClick}
+		{disabled}
+	>
+	</button>
+	<span>{label}</span>
+</div>
+
+<style>
+	.s--slider {
+		display: flex;
+		align-items: center;
+	}
+
+	.s--slider button {
+		width: 3em;
+		height: 1.6em;
+		position: relative;
+		margin: 0 0.5em 0 0;
+		background: var(--button-secondary-background-fill);
+		border: none;
+	}
+
+	.s--slider button[disabled] {
+		cursor: not-allowed;
+	}
+
+	.s--slider button::before {
+		content: "";
+		position: absolute;
+		width: 1.3em;
+		height: 1.3em;
+		background: #fff;
+		top: 0.13em;
+		right: 1.5em;
+		transition: transform 0.3s;
+	}
+
+	.s--slider button[aria-checked="true"] {
+		background-color: var(--color-accent);
+	}
+
+	.s--slider button[aria-checked="true"]::before {
+		transform: translateX(1.3em);
+		transition: transform 0.3s;
+	}
+
+	.s--slider button:focus {
+		box-shadow: 0 0px 0px 1px var(--color-accent);
+	}
+
+	/* Slider Design Option */
+	.s--slider button {
+		border-radius: 1.5em;
+	}
+
+	.s--slider button::before {
+		border-radius: 100%;
+	}
+
+	.s--slider button:focus {
+		box-shadow: 0 0px 8px var(--accent-color);
+		border-radius: 1.5em;
+	}
+</style>
diff --git a/js/dialogue/main.ts b/js/dialogue/main.ts
new file mode 100644
index 0000000..94d79e0
--- /dev/null
+++ b/js/dialogue/main.ts
@@ -0,0 +1,2 @@
+import { default as Index } from "./Index.svelte";
+export default Index;
diff --git a/js/dialogue/package.json b/js/dialogue/package.json
new file mode 100644
index 0000000..1137fbb
--- /dev/null
+++ b/js/dialogue/package.json
@@ -0,0 +1,42 @@
+{
+	"name": "@gradio/dialogue",
+	"version": "0.4.1",
+	"description": "Gradio dialogue component",
+	"type": "module",
+	"author": "Gradio",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/dropdown": "workspace:^",
+		"@gradio/textbox": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/dialogue"
+	}
+}
diff --git a/js/dialogue/types.ts b/js/dialogue/types.ts
new file mode 100644
index 0000000..ea5349b
--- /dev/null
+++ b/js/dialogue/types.ts
@@ -0,0 +1,23 @@
+import type { CustomButton } from "@gradio/utils";
+
+export interface DialogueProps {
+	value: { speaker: string; text: string }[] | string;
+	buttons: (string | CustomButton)[];
+	ui_mode: "dialogue" | "text" | "both";
+	max_lines: number;
+	tags: string[];
+	separator: string;
+	color_map: { [key: string]: string };
+	speakers: string[];
+	info: string;
+	placeholder: string;
+	submit_btn: string | boolean;
+}
+
+export interface DialogueEvents {
+	change: never;
+	input: never;
+	submit: never;
+	clear_status: any;
+	custom_button_click: { id: number };
+}
diff --git a/js/dialogue/utils.ts b/js/dialogue/utils.ts
new file mode 100644
index 0000000..a86c810
--- /dev/null
+++ b/js/dialogue/utils.ts
@@ -0,0 +1,4 @@
+export interface DialogueLine {
+	speaker: string;
+	text: string;
+}
diff --git a/js/downloadbutton/CHANGELOG.md b/js/downloadbutton/CHANGELOG.md
new file mode 100644
index 0000000..7324634
--- /dev/null
+++ b/js/downloadbutton/CHANGELOG.md
@@ -0,0 +1,741 @@
+# @gradio/downloadbutton
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/button@0.8.1
+- @gradio/client@2.3.1
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/button@0.8.0
+
+## 0.5.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+- @gradio/button@0.7.0
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/client@2.2.0
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/button@0.6.6
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/button@0.6.5
+- @gradio/utils@0.12.0
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+- @gradio/button@0.6.4
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/client@2.0.4
+
+## 0.4.17
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/button@0.6.3
+- @gradio/utils@0.11.2
+- @gradio/client@2.0.3
+
+## 0.4.16
+
+### Fixes
+
+- [#12689](https://github.com/gradio-app/gradio/pull/12689) [`be89f8c`](https://github.com/gradio-app/gradio/commit/be89f8c4272a2d2c3da9345c3e26df5505307428) - Migrate DownloadButton to Svelte 5.  Thanks @dawoodkhan82!
+- [#12681](https://github.com/gradio-app/gradio/pull/12681) [`ba46c2d`](https://github.com/gradio-app/gradio/commit/ba46c2df1405c11e495304af8f91acfdf69d0b18) - Migrate Button to Svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/button@0.6.2
+- @gradio/client@2.0.2
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/button@0.6.1
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/button@0.6.0
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.4.13
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/button@0.5.14
+- @gradio/client@2.0.0
+- @gradio/utils@0.10.3
+
+## 0.4.13-dev.1
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.2
+- @gradio/button@0.5.14-dev.2
+
+## 0.4.13-dev.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/button@0.5.14-dev.1
+
+## 0.4.13-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.4.13-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.0
+- @gradio/button@0.5.14-dev.0
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.4.12
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.19.0
+- @gradio/button@0.5.13
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/button@0.5.12
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/client@1.17.1
+- @gradio/button@0.5.11
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/client@1.17.0
+- @gradio/button@0.5.10
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/client@1.16.0
+- @gradio/button@0.5.9
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/client@1.15.7
+- @gradio/button@0.5.8
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/button@0.5.7
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/client@1.15.5
+- @gradio/button@0.5.6
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/client@1.15.4
+- @gradio/button@0.5.5
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/client@1.15.3
+- @gradio/button@0.5.4
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/button@0.5.3
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/client@1.15.2
+- @gradio/button@0.5.3
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/button@0.5.2
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+- @gradio/button@0.5.1
+
+## 0.4.0
+
+### Features
+
+- [#11047](https://github.com/gradio-app/gradio/pull/11047) [`6d4b8a7`](https://github.com/gradio-app/gradio/commit/6d4b8a7f10daefc9c79aa224635da23fbaeebb76) - Implement custom i18n.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.15.0
+- @gradio/button@0.5.0
+
+## 0.3.18
+
+### Dependency updates
+
+- @gradio/button@0.4.18
+
+## 0.3.17
+
+### Dependency updates
+
+- @gradio/button@0.4.17
+
+## 0.3.16
+
+### Dependency updates
+
+- @gradio/button@0.4.16
+
+## 0.3.15
+
+### Dependency updates
+
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/button@0.4.15
+
+## 0.3.14
+
+### Dependency updates
+
+- @gradio/button@0.4.14
+
+## 0.3.13
+
+### Dependency updates
+
+- @gradio/button@0.4.13
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/client@1.14.1
+- @gradio/button@0.4.12
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/client@1.14.0
+- @gradio/button@0.4.11
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/button@0.4.10
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/button@0.4.9
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/client@1.13.0
+- @gradio/button@0.4.8
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/button@0.4.7
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/button@0.4.6
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/button@0.4.5
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/button@0.4.4
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/button@0.4.3
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/button@0.4.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/client@1.10.0
+- @gradio/button@0.4.1
+
+## 0.3.0
+
+### Features
+
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/client@1.9.0
+- @gradio/button@0.4.0
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/button@0.3.9
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+- @gradio/button@0.3.8
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/button@0.3.7
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/button@0.3.6
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/client@1.7.1
+- @gradio/button@0.3.5
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/button@0.3.4
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/button@0.3.3
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/client@1.7.0
+- @gradio/button@0.3.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/button@0.3.1
+
+## 0.1.28-beta.7
+
+### Dependency updates
+
+- @gradio/button@0.3.0-beta.7
+
+## 0.1.28-beta.6
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.4
+- @gradio/button@0.3.0-beta.6
+
+## 0.1.28-beta.5
+
+### Dependency updates
+
+- @gradio/button@0.3.0-beta.5
+
+## 0.1.28-beta.4
+
+### Dependency updates
+
+- @gradio/button@0.3.0-beta.4
+
+## 0.1.28-beta.3
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.3
+- @gradio/button@0.3.0-beta.3
+
+## 0.1.28-beta.2
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/button@0.3.0-beta.2
+
+## 0.1.28-beta.1
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/button@0.3.0-beta.1
+
+## 0.1.28
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/client@1.5.2
+- @gradio/button@0.2.51
+
+## 0.1.27
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/button@0.2.50
+- @gradio/client@1.5.1
+
+## 0.1.26
+
+### Dependency updates
+
+- @gradio/client@1.5.0
+- @gradio/button@0.2.49
+
+## 0.1.25
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+- @gradio/button@0.2.48
+
+## 0.1.24
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/button@0.2.47
+
+## 0.1.23
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/client@1.3.0
+- @gradio/button@0.2.46
+
+## 0.1.22
+
+### Dependency updates
+
+- @gradio/client@1.2.1
+- @gradio/button@0.2.45
+
+## 0.1.21
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/client@1.2.0
+- @gradio/button@0.2.44
+
+## 0.1.20
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/button@0.2.43
+
+## 0.1.19
+
+### Dependency updates
+
+- @gradio/client@1.1.0
+- @gradio/button@0.2.42
+
+## 0.1.18
+
+### Dependency updates
+
+- @gradio/client@1.0.0
+- @gradio/button@0.2.41
+
+## 0.1.17
+
+### Dependency updates
+
+- @gradio/client@0.20.1
+- @gradio/button@0.2.40
+
+## 0.1.16
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/button@0.2.39
+
+## 0.1.15
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/client@0.19.4
+- @gradio/button@0.2.38
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/button@0.2.37
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/client@0.19.2
+- @gradio/button@0.2.36
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/client@0.19.1
+- @gradio/button@0.2.35
+
+## 0.1.11
+
+### Dependency updates
+
+- @gradio/client@0.19.0
+- @gradio/button@0.2.34
+
+## 0.1.10
+
+### Dependency updates
+
+- @gradio/client@0.18.0
+- @gradio/utils@0.4.1
+- @gradio/button@0.2.33
+
+## 0.1.9
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@0.17.0
+- @gradio/button@0.2.32
+- @gradio/utils@0.4.0
+
+## 0.1.8
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/client@0.16.0
+- @gradio/button@0.2.31
+
+## 0.1.7
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/client@0.15.1
+- @gradio/button@0.2.30
+
+## 0.1.6
+
+### Dependency updates
+
+- @gradio/button@0.2.29
+- @gradio/client@0.15.0
+
+## 0.1.5
+
+### Fixes
+
+- [#7862](https://github.com/gradio-app/gradio/pull/7862) [`0e125d7`](https://github.com/gradio-app/gradio/commit/0e125d7befe436509af6a41b5c92de0ac6d6057c) - Trigger click event from `gr.DownloadButton` even when no file is present.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/button@0.2.28
+
+## 0.1.4
+
+### Dependency updates
+
+- @gradio/button@0.2.27
+
+## 0.1.3
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/button@0.2.26
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/button@0.2.25
+- @gradio/client@0.13.0
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/button@0.2.24
+
+## 0.1.0
+
+### Features
+
+- [#7518](https://github.com/gradio-app/gradio/pull/7518) [`bd2c695`](https://github.com/gradio-app/gradio/commit/bd2c69532801f9a0626cd1192de158bde6068b9a) - Adds a `gr.DownloadButton` component. Thanks [@abidlabs](https://github.com/abidlabs)!
\ No newline at end of file
diff --git a/js/downloadbutton/DownloadButton.stories.svelte b/js/downloadbutton/DownloadButton.stories.svelte
new file mode 100644
index 0000000..ac91391
--- /dev/null
+++ b/js/downloadbutton/DownloadButton.stories.svelte
@@ -0,0 +1,83 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import DownloadButton from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/DownloadButton",
+		component: DownloadButton,
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The text to display on the button",
+				name: "label",
+				value: "Gradio Button"
+			},
+			variant: {
+				options: ["primary", "secondary", "stop"],
+				description: "The variant of the button",
+				control: { type: "select" },
+				defaultValue: "primary"
+			},
+			size: {
+				options: ["sm", "lg"],
+				description: "The size of the button",
+				control: { type: "select" },
+				defaultValue: "lg"
+			},
+			visible: {
+				options: [true, false],
+				description: "Sets the visibility of the button",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			interactive: {
+				options: [true, false],
+				description: "If false, the button will be in a disabled state",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			disabled: {
+				options: [true, false],
+				control: { type: "boolean" },
+				defaultValue: false
+			},
+			scale: {
+				options: [null, 0.5, 1, 2],
+				description: "relative size compared to adjacent Components.",
+				control: { type: "select" }
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<DownloadButton {...wrapProps({ value: "", interactive: true, ...args })} />
+{/snippet}
+
+<Story
+	name="Primary"
+	args={{ label: "Download", variant: "primary", size: "lg", scale: 1 }}
+	{template}
+/>
+<Story
+	name="Secondary"
+	args={{ label: "Download", variant: "secondary", size: "lg" }}
+	{template}
+/>
+<Story
+	name="Button with external image icon"
+	args={{
+		label: "Download",
+		icon: {
+			path: "https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+			url: "https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
+		}
+	}}
+	{template}
+/>
+<Story
+	name="Button with null label (should be collapsed)"
+	args={{ label: null }}
+	{template}
+/>
diff --git a/js/downloadbutton/DownloadButton.test.ts b/js/downloadbutton/DownloadButton.test.ts
new file mode 100644
index 0000000..0f28c56
--- /dev/null
+++ b/js/downloadbutton/DownloadButton.test.ts
@@ -0,0 +1,418 @@
+import { test, describe, afterEach, beforeEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import DownloadButton from "./Index.svelte";
+
+const default_props = {
+	value: null,
+	variant: "secondary" as const,
+	size: "lg" as const,
+	icon: null,
+	label: "Download",
+	interactive: true
+};
+
+run_shared_prop_tests({
+	component: DownloadButton,
+	name: "DownloadButton",
+	base_props: { ...default_props },
+	has_label: false,
+	has_validation_error: false,
+	visible_false_hides: true,
+	has_block_wrapper: false
+});
+
+function spy_anchor_click(): {
+	captured: { href: string; download: string }[];
+	restore: () => void;
+} {
+	const captured: { href: string; download: string }[] = [];
+	const spy = vi
+		.spyOn(HTMLAnchorElement.prototype, "click")
+		.mockImplementation(function (this: HTMLAnchorElement) {
+			captured.push({ href: this.href, download: this.download });
+		});
+	return { captured, restore: () => spy.mockRestore() };
+}
+
+describe("Props: label", () => {
+	afterEach(() => cleanup());
+
+	test("renders the label as the button's accessible name", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			label: "download CSV"
+		});
+
+		expect(getByRole("button", { name: "download CSV" })).toBeVisible();
+	});
+
+	test("null label renders an empty button", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			label: null
+		});
+
+		expect(getByRole("button")).toBeVisible();
+	});
+});
+
+describe("Props: icon", () => {
+	afterEach(() => cleanup());
+
+	test("renders icon image when icon prop is set", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			icon: {
+				url: "https://gradio.app/icon.svg",
+				path: "icon.svg",
+				orig_name: "icon.svg"
+			}
+		});
+
+		const img = getByRole("img");
+		expect(img).toHaveAttribute("src", "https://gradio.app/icon.svg");
+	});
+
+	test("does not render icon image when icon prop is null", async () => {
+		const { queryByRole } = await render(DownloadButton, {
+			...default_props,
+			icon: null
+		});
+
+		expect(queryByRole("img")).not.toBeInTheDocument();
+	});
+});
+
+describe("Props: value", () => {
+	let anchor_spy: ReturnType<typeof spy_anchor_click>;
+
+	beforeEach(() => {
+		anchor_spy = spy_anchor_click();
+	});
+
+	afterEach(() => {
+		anchor_spy.restore();
+		cleanup();
+	});
+
+	test("clicking triggers a synthetic anchor click with the file URL", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/files/report.pdf",
+				orig_name: "report.pdf",
+				path: "report.pdf"
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured).toHaveLength(1);
+		expect(anchor_spy.captured[0].href).toBe(
+			"https://gradio.app/files/report.pdf"
+		);
+	});
+
+	test("uses orig_name as the download filename when provided", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/abc123",
+				orig_name: "weekly-downloads.pdf",
+				path: "abc123"
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured[0].download).toBe("weekly-downloads.pdf");
+	});
+
+	test("derives filename from URL when orig_name is missing", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/files/data.csv",
+				orig_name: "",
+				path: "files/data.csv"
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured[0].download).toBe("data.csv");
+	});
+
+	test("strips query string from URL-derived filename", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/files/data.csv?token=abc&v=2",
+				orig_name: "",
+				path: "files/data.csv"
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured[0].download).toBe("data.csv");
+	});
+
+	test("strips hash fragment from URL-derived filename", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/files/notes.md#section-2",
+				orig_name: "",
+				path: "files/notes.md"
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured[0].download).toBe("notes.md");
+	});
+
+	test("does not trigger download when value is null", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: null
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured).toHaveLength(0);
+	});
+
+	test("does not trigger download when value.url is missing", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: { url: "", orig_name: "file.txt", path: "file.txt" } as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured).toHaveLength(0);
+	});
+});
+
+describe("Props: disabled", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=false renders the button as disabled", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			interactive: false,
+			value: {
+				url: "https://gradio.app/files/report.pdf",
+				orig_name: "report.pdf",
+				path: "report.pdf"
+			} as any
+		});
+
+		expect(getByRole("button", { name: "Download" })).toBeDisabled();
+	});
+
+	test("interactive=true renders the button as enabled", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			interactive: true
+		});
+
+		expect(getByRole("button", { name: "Download" })).toBeEnabled();
+	});
+});
+
+describe("get_data / set_data", () => {
+	let anchor_spy: ReturnType<typeof spy_anchor_click>;
+
+	beforeEach(() => {
+		anchor_spy = spy_anchor_click();
+	});
+
+	afterEach(() => {
+		anchor_spy.restore();
+		cleanup();
+	});
+
+	test("get_data returns the current value", async () => {
+		const file_value = {
+			url: "https://gradio.app/files/report.pdf",
+			orig_name: "report.pdf",
+			path: "report.pdf"
+		};
+		const { get_data } = await render(DownloadButton, {
+			...default_props,
+			value: file_value as any
+		});
+
+		expect((await get_data()).value).toEqual(file_value);
+	});
+
+	test("get_data returns null when no value is set", async () => {
+		const { get_data } = await render(DownloadButton, {
+			...default_props,
+			value: null
+		});
+
+		expect((await get_data()).value).toBeNull();
+	});
+
+	test("set_data updates the value used for download", async () => {
+		const { getByRole, set_data } = await render(DownloadButton, {
+			...default_props,
+			value: null
+		});
+
+		await set_data({
+			value: {
+				url: "https://gradio.app/files/updated.pdf",
+				orig_name: "updated.pdf",
+				path: "updated.pdf"
+			}
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured).toHaveLength(1);
+		expect(anchor_spy.captured[0].href).toBe(
+			"https://gradio.app/files/updated.pdf"
+		);
+		expect(anchor_spy.captured[0].download).toBe("updated.pdf");
+	});
+
+	test("set_data then get_data round-trips the value", async () => {
+		const { get_data, set_data } = await render(DownloadButton, {
+			...default_props,
+			value: null
+		});
+
+		const new_value = {
+			url: "https://gradio.app/files/data.csv",
+			orig_name: "data.csv",
+			path: "data.csv"
+		};
+		await set_data({ value: new_value });
+
+		expect((await get_data()).value).toEqual(new_value);
+	});
+});
+
+describe("Events", () => {
+	let anchor_spy: ReturnType<typeof spy_anchor_click>;
+
+	beforeEach(() => {
+		anchor_spy = spy_anchor_click();
+	});
+
+	afterEach(() => {
+		anchor_spy.restore();
+		cleanup();
+	});
+
+	test("does not dispatch spurious click event on mount", async () => {
+		const { listen } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/file.zip",
+				orig_name: "file.zip",
+				path: "file.zip"
+			} as any
+		});
+
+		const click = listen("click", { retrospective: true });
+		expect(click).not.toHaveBeenCalled();
+	});
+
+	test("dispatches click event with a downloadable value", async () => {
+		const { getByRole, listen } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/file.zip",
+				orig_name: "file.zip",
+				path: "file.zip"
+			} as any
+		});
+
+		const click = listen("click");
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(click).toHaveBeenCalledTimes(1);
+	});
+
+	test("dispatches click event even when value is null", async () => {
+		const { getByRole, listen } = await render(DownloadButton, {
+			...default_props,
+			value: null
+		});
+
+		const click = listen("click");
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(click).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Edge cases", () => {
+	let anchor_spy: ReturnType<typeof spy_anchor_click>;
+
+	beforeEach(() => {
+		anchor_spy = spy_anchor_click();
+	});
+
+	afterEach(() => {
+		anchor_spy.restore();
+		cleanup();
+	});
+
+	test("falls back to 'file' when orig_name is empty and URL ends with a trailing slash", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/files/",
+				orig_name: "",
+				path: "files/"
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured).toHaveLength(1);
+		expect(anchor_spy.captured[0].download).toBe("file");
+	});
+
+	test("falls back to 'file' when URL has no path segments after domain", async () => {
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/",
+				orig_name: "",
+				path: ""
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(anchor_spy.captured).toHaveLength(1);
+		expect(anchor_spy.captured[0].download).toBe("file");
+	});
+
+	test("does not leak anchor elements into document.body after download", async () => {
+		const anchors_before = document.body.querySelectorAll("a").length;
+
+		const { getByRole } = await render(DownloadButton, {
+			...default_props,
+			value: {
+				url: "https://gradio.app/files/report.pdf",
+				orig_name: "report.pdf",
+				path: "report.pdf"
+			} as any
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Download" }));
+
+		expect(document.body.querySelectorAll("a").length).toBe(anchors_before);
+	});
+});
diff --git a/js/downloadbutton/Index.svelte b/js/downloadbutton/Index.svelte
new file mode 100644
index 0000000..e569014
--- /dev/null
+++ b/js/downloadbutton/Index.svelte
@@ -0,0 +1,29 @@
+<script context="module" lang="ts">
+	export { default as BaseButton } from "./shared/DownloadButton.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import DownloadButton from "./shared/DownloadButton.svelte";
+	import type { DownloadButtonProps, DownloadButtonEvents } from "./types";
+
+	const props = $props();
+	const gradio = new Gradio<DownloadButtonEvents, DownloadButtonProps>(props);
+	gradio.watch_for_change();
+</script>
+
+<DownloadButton
+	value={gradio.props.value}
+	variant={gradio.props.variant}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	size={gradio.props.size}
+	scale={gradio.shared.scale}
+	icon={gradio.props.icon}
+	min_width={gradio.shared.min_width}
+	visible={gradio.shared.visible}
+	disabled={!gradio.shared.interactive}
+	on_click={() => gradio.dispatch("click")}
+>
+	{gradio.shared.label ?? ""}
+</DownloadButton>
diff --git a/js/downloadbutton/package.json b/js/downloadbutton/package.json
new file mode 100644
index 0000000..669941d
--- /dev/null
+++ b/js/downloadbutton/package.json
@@ -0,0 +1,35 @@
+{
+	"name": "@gradio/downloadbutton",
+	"version": "0.5.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/button": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main": "./Index.svelte",
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/downloadbutton"
+	}
+}
diff --git a/js/downloadbutton/shared/DownloadButton.svelte b/js/downloadbutton/shared/DownloadButton.svelte
new file mode 100644
index 0000000..e8e4752
--- /dev/null
+++ b/js/downloadbutton/shared/DownloadButton.svelte
@@ -0,0 +1,81 @@
+<script lang="ts">
+	import { type FileData } from "@gradio/client";
+	import { BaseButton } from "@gradio/button";
+	import { type Snippet } from "svelte";
+
+	let {
+		elem_id = "",
+		elem_classes = [],
+		visible = true,
+		variant = "secondary",
+		size = "lg",
+		value,
+		icon,
+		disabled = false,
+		scale = null,
+		min_width = undefined,
+		on_click,
+		children
+	}: {
+		elem_id?: string;
+		elem_classes?: string[];
+		visible?: boolean | "hidden";
+		variant?: "primary" | "secondary" | "stop";
+		size?: "sm" | "md" | "lg";
+		value: FileData | null;
+		icon: FileData | null;
+		disabled?: boolean;
+		scale?: number | null;
+		min_width?: number | undefined;
+		on_click?: () => void;
+		children?: Snippet;
+	} = $props();
+
+	function download_file(): void {
+		on_click?.();
+		if (!value?.url) {
+			return;
+		}
+		let file_name;
+		if (!value.orig_name && value.url) {
+			const parts = value.url.split("/");
+			file_name = parts[parts.length - 1];
+			file_name = file_name.split("?")[0].split("#")[0];
+		} else {
+			file_name = value.orig_name;
+		}
+		const a = document.createElement("a");
+		a.href = value.url;
+		a.download = file_name || "file";
+		document.body.appendChild(a);
+		a.click();
+		document.body.removeChild(a);
+	}
+</script>
+
+<BaseButton
+	{size}
+	{variant}
+	{elem_id}
+	{elem_classes}
+	{visible}
+	onclick={download_file}
+	{scale}
+	{min_width}
+	{disabled}
+>
+	{#if icon}
+		<img class="button-icon" src={icon.url} alt={`${value} icon`} />
+	{/if}
+	{#if children}
+		{@render children()}
+	{/if}
+</BaseButton>
+
+<style>
+	.button-icon {
+		width: var(--text-xl);
+		height: var(--text-xl);
+		margin-right: var(--spacing-xl);
+	}
+</style>
diff --git a/js/downloadbutton/types.ts b/js/downloadbutton/types.ts
new file mode 100644
index 0000000..90b4b89
--- /dev/null
+++ b/js/downloadbutton/types.ts
@@ -0,0 +1,13 @@
+import type { FileData } from "@gradio/client";
+
+export interface DownloadButtonProps {
+	value: FileData | null;
+	variant: "primary" | "secondary" | "stop";
+	size: "sm" | "lg";
+	icon: FileData | null;
+}
+
+export interface DownloadButtonEvents {
+	change: never;
+	click: never;
+}
diff --git a/js/draggable/CHANGELOG.md b/js/draggable/CHANGELOG.md
new file mode 100644
index 0000000..76d9dea
--- /dev/null
+++ b/js/draggable/CHANGELOG.md
@@ -0,0 +1,141 @@
+# @gradio/draggable
+
+## 0.4.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/statustracker@0.13.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/statustracker@0.12.4
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.3
+
+## 0.3.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/utils@0.11.2
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.2.1
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.2.0
+
+### Features
+
+- [#11742](https://github.com/gradio-app/gradio/pull/11742) [`38427c4`](https://github.com/gradio-app/gradio/commit/38427c490b48741d7504f70d9bddc3fa1ec1dc4c) - Add a `gr.Draggable` layout.  Thanks @abidlabs!
\ No newline at end of file
diff --git a/js/draggable/Index.svelte b/js/draggable/Index.svelte
new file mode 100644
index 0000000..c87550b
--- /dev/null
+++ b/js/draggable/Index.svelte
@@ -0,0 +1,386 @@
+<script lang="ts">
+	import type { DraggableProps, DraggableEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { onMount, tick } from "svelte";
+
+	const props = $props();
+	const gradio = new Gradio<DraggableEvents, DraggableProps>(props);
+
+	let container_el: HTMLDivElement;
+	let dragged_el: HTMLElement | null = null;
+	let dragged_index = -1;
+	let items: HTMLElement[] = [];
+	let current_drop_target: HTMLElement | null = null;
+
+	const drag_event_handlers = [
+		{ event: "dragstart", handler: handle_drag_start },
+		{ event: "dragend", handler: handle_drag_end }
+	] as const;
+
+	const drop_event_handlers = [
+		{ event: "dragover", handler: handle_drag_over },
+		{ event: "drop", handler: handle_drop },
+		{ event: "dragenter", handler: handle_drag_enter }
+	] as const;
+
+	function add_drag_listeners(element: HTMLElement): void {
+		drag_event_handlers.forEach(({ event, handler }) => {
+			element.addEventListener(event, handler);
+		});
+	}
+
+	function remove_drag_listeners(element: HTMLElement): void {
+		drag_event_handlers.forEach(({ event, handler }) => {
+			element.removeEventListener(event, handler);
+		});
+	}
+
+	function add_drop_listeners(element: HTMLElement): void {
+		drop_event_handlers.forEach(({ event, handler }) => {
+			element.addEventListener(event, handler);
+		});
+	}
+
+	function remove_drop_listeners(element: HTMLElement): void {
+		drop_event_handlers.forEach(({ event, handler }) => {
+			element.removeEventListener(event, handler);
+		});
+	}
+
+	function setup_draggable_item(element: HTMLElement, index: number): void {
+		element.classList.add("draggable-item");
+		element.setAttribute("data-index", index.toString());
+		element.style.position = "relative";
+
+		const handle = document.createElement("div");
+		handle.className = "drag-handle";
+		handle.setAttribute("draggable", "true");
+		handle.setAttribute("aria-grabbed", "false");
+		handle.setAttribute("data-index", index.toString());
+		handle.innerHTML = "⋮⋮";
+
+		element.appendChild(handle);
+		add_drag_listeners(handle);
+		add_drop_listeners(element);
+	}
+
+	function setup_drag_and_drop(): void {
+		if (!container_el) return;
+
+		items.forEach((item) => {
+			const handle = item.querySelector(".drag-handle");
+			if (handle) {
+				remove_drag_listeners(handle as HTMLElement);
+				handle.remove();
+			}
+			remove_drop_listeners(item);
+		});
+		items = [];
+
+		const children = Array.from(container_el.children) as HTMLElement[];
+		let item_index = 0;
+
+		children.forEach((child) => {
+			if (child.classList.contains("status-tracker")) return;
+
+			if (child.classList.contains("form") && child.children.length > 0) {
+				const form_children = Array.from(child.children) as HTMLElement[];
+				form_children.forEach((form_child) => {
+					items.push(form_child);
+					setup_draggable_item(form_child, item_index);
+					item_index++;
+				});
+			} else {
+				items.push(child);
+				setup_draggable_item(child, item_index);
+				item_index++;
+			}
+		});
+	}
+
+	function handle_drag_start(e: DragEvent): void {
+		e.stopPropagation?.();
+
+		const handle = e.currentTarget as HTMLElement;
+		const element = handle.parentElement as HTMLElement;
+		dragged_el = element;
+		dragged_index = parseInt(handle.dataset.index || "-1");
+
+		handle.setAttribute("aria-grabbed", "true");
+		element.classList.add("dragging");
+
+		if (e.dataTransfer) {
+			e.dataTransfer.effectAllowed = "move";
+			e.dataTransfer.setData("text/html", element.outerHTML);
+			e.dataTransfer.setDragImage(element, 10, 10);
+		}
+	}
+
+	function handle_drag_end(e: DragEvent): void {
+		e.stopPropagation?.();
+
+		const handle = e.currentTarget as HTMLElement;
+		const element = handle.parentElement as HTMLElement;
+		element.classList.remove("dragging");
+		handle.setAttribute("aria-grabbed", "false");
+
+		if (current_drop_target) {
+			current_drop_target.classList.remove("drop-target");
+			current_drop_target = null;
+		}
+
+		dragged_el = null;
+		dragged_index = -1;
+	}
+
+	function handle_drag_over(e: DragEvent): boolean {
+		e.preventDefault();
+		e.dataTransfer && (e.dataTransfer.dropEffect = "move");
+		return false;
+	}
+
+	function handle_drag_enter(e: DragEvent): void {
+		e.stopPropagation?.();
+
+		const target = e.currentTarget as HTMLElement;
+		if (target === dragged_el) return;
+
+		if (!dragged_el || !container_el) return;
+
+		const dragged_parent = dragged_el.parentElement;
+		const target_parent = target.parentElement;
+
+		const is_dragged_in_form =
+			dragged_parent?.classList.contains("form") &&
+			dragged_parent.parentElement === container_el;
+		const is_target_in_form =
+			target_parent?.classList.contains("form") &&
+			target_parent.parentElement === container_el;
+		const is_dragged_direct = dragged_parent === container_el;
+		const is_target_direct = target_parent === container_el;
+
+		if (
+			!(
+				(is_dragged_in_form || is_dragged_direct) &&
+				(is_target_in_form || is_target_direct)
+			)
+		) {
+			return;
+		}
+
+		if (current_drop_target && current_drop_target !== target) {
+			current_drop_target.classList.remove("drop-target");
+		}
+
+		target.classList.add("drop-target");
+		current_drop_target = target;
+	}
+
+	async function handle_drop(e: DragEvent): Promise<boolean> {
+		e.stopPropagation?.();
+
+		const target = e.currentTarget as HTMLElement;
+		target.classList.remove("drop-target");
+
+		if (current_drop_target) {
+			current_drop_target.classList.remove("drop-target");
+			current_drop_target = null;
+		}
+
+		if (dragged_el && dragged_el !== target && container_el) {
+			const dragged_parent = dragged_el.parentElement;
+			const target_parent = target.parentElement;
+
+			const is_dragged_in_form =
+				dragged_parent?.classList.contains("form") &&
+				dragged_parent.parentElement === container_el;
+			const is_target_in_form =
+				target_parent?.classList.contains("form") &&
+				target_parent.parentElement === container_el;
+			const is_dragged_direct = dragged_parent === container_el;
+			const is_target_direct = target_parent === container_el;
+
+			if (
+				!(
+					(is_dragged_in_form || is_dragged_direct) &&
+					(is_target_in_form || is_target_direct)
+				)
+			) {
+				return false;
+			}
+
+			const placeholder = document.createElement("div");
+			placeholder.style.display = "none";
+
+			dragged_parent!.insertBefore(placeholder, dragged_el);
+
+			target_parent!.insertBefore(dragged_el, target);
+			dragged_parent!.insertBefore(target, placeholder);
+
+			placeholder.remove();
+
+			dragged_el?.classList.remove("dragging");
+			const dragged_handle = dragged_el?.querySelector(
+				".drag-handle"
+			) as HTMLElement;
+			if (dragged_handle) {
+				dragged_handle.setAttribute("aria-grabbed", "false");
+			}
+
+			await tick();
+			setup_drag_and_drop();
+		}
+
+		return false;
+	}
+
+	onMount(() => {
+		setup_drag_and_drop();
+
+		const observer = new MutationObserver(setup_drag_and_drop);
+
+		if (container_el) {
+			observer.observe(container_el, {
+				childList: true,
+				subtree: false
+			});
+		}
+
+		return () => {
+			observer.disconnect();
+			items.forEach((item) => {
+				const handle = item.querySelector(".drag-handle");
+				if (handle) {
+					remove_drag_listeners(handle as HTMLElement);
+				}
+				remove_drop_listeners(item);
+			});
+		};
+	});
+</script>
+
+<div
+	bind:this={container_el}
+	class:hide={!gradio.shared.visible}
+	class:horizontal={gradio.props.orientation === "row"}
+	class:vertical={gradio.props.orientation === "column"}
+	id={gradio.shared.elem_id}
+	class="draggable {(gradio.shared.elem_classes || []).join(' ')}"
+	role="region"
+	aria-label="Draggable items container"
+>
+	{#if gradio.shared.loading_status && gradio.props.show_progress}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			status={gradio.shared.loading_status
+				? gradio.shared.loading_status.status == "pending"
+					? "generating"
+					: gradio.shared.loading_status.status
+				: null}
+		/>
+	{/if}
+	<slot />
+</div>
+
+<style>
+	.draggable {
+		display: flex;
+		gap: var(--layout-gap);
+		width: var(--size-full);
+		position: relative;
+	}
+
+	.horizontal {
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+
+	.vertical {
+		flex-direction: column;
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.draggable > :global(.draggable-item),
+	.draggable > :global(.form > .draggable-item) {
+		transition:
+			transform 0.2s ease,
+			border 0.2s ease;
+	}
+
+	.draggable > :global(.draggable-item.drop-target),
+	.draggable > :global(.form > .draggable-item.drop-target) {
+		border: 2px dashed var(--border-color-primary) !important;
+		border-radius: 8px;
+		transform: scale(0.98);
+		opacity: 0.8;
+	}
+
+	.draggable > :global(.draggable-item.dragging),
+	.draggable > :global(.form > .draggable-item.dragging) {
+		opacity: 0.5;
+		transform: scale(1.02);
+		z-index: 1001;
+	}
+
+	.draggable > :global(.draggable-item .drag-handle) {
+		position: absolute;
+		top: 4px;
+		left: 4px;
+		width: 20px;
+		height: 20px;
+		min-width: 20px;
+		max-width: 20px;
+		min-height: 20px;
+		max-height: 20px;
+		background: var(--background-fill-secondary);
+		border: 1px solid rgba(0, 0, 0, 0.2);
+		border-radius: 4px;
+		cursor: grab;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 10px;
+		color: var(--body-text-color-subdued);
+		opacity: 0;
+		transition: opacity 0.2s ease;
+		z-index: 100;
+		user-select: none;
+		flex-shrink: 0;
+	}
+
+	.draggable > :global(.draggable-item:hover .drag-handle) {
+		opacity: 1;
+	}
+
+	.draggable > :global(.draggable-item .drag-handle:hover) {
+		background: var(--background-fill-secondary);
+		border-color: var(--border-color-primary);
+		opacity: 1;
+		z-index: 101;
+	}
+
+	.draggable > :global(.draggable-item .drag-handle:active) {
+		cursor: grabbing;
+		background: var(--background-fill-secondary);
+		opacity: 1;
+		z-index: 101;
+	}
+
+	.horizontal > :global(.draggable-item),
+	.horizontal > :global(.form > .draggable-item) {
+		flex: 1 1 0%;
+		flex-wrap: wrap;
+		min-width: min(160px, 100%);
+	}
+
+	.vertical > :global(.draggable-item),
+	.vertical > :global(.form > .draggable-item) {
+		width: var(--size-full);
+	}
+</style>
diff --git a/js/draggable/package.json b/js/draggable/package.json
new file mode 100644
index 0000000..f7dbec8
--- /dev/null
+++ b/js/draggable/package.json
@@ -0,0 +1,31 @@
+{
+	"name": "@gradio/draggable",
+	"version": "0.4.0",
+	"description": "Gradio Draggable layout component",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"main_changeset": true,
+	"private": false,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/draggable"
+	}
+}
diff --git a/js/draggable/types.ts b/js/draggable/types.ts
new file mode 100644
index 0000000..f077a58
--- /dev/null
+++ b/js/draggable/types.ts
@@ -0,0 +1,10 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export interface DraggableProps {
+	orientation: "row" | "column";
+	show_progress: boolean;
+}
+
+export interface DraggableEvents {
+	clear_status: never;
+}
diff --git a/js/dropdown/CHANGELOG.md b/js/dropdown/CHANGELOG.md
new file mode 100644
index 0000000..08411f0
--- /dev/null
+++ b/js/dropdown/CHANGELOG.md
@@ -0,0 +1,1000 @@
+# @gradio/dropdown
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.14.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+- [#13534](https://github.com/gradio-app/gradio/pull/13534) [`a11c728`](https://github.com/gradio-app/gradio/commit/a11c7282461ccef90f24a031d77a597ac9ae3d0e) - Re-translate i18n choices display names when the language is switched at runtime.  Thanks @hysts!
+
+### Fixes
+
+- [#13542](https://github.com/gradio-app/gradio/pull/13542) [`9d83502`](https://github.com/gradio-app/gradio/commit/9d83502215b56ed7747490afd0d5145b087a23e7) - Make dropdowns accessible to screen readers (combobox ARIA pattern).  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.13.0
+
+### Features
+
+- [#13516](https://github.com/gradio-app/gradio/pull/13516) [`8ec4cbc`](https://github.com/gradio-app/gradio/commit/8ec4cbc8de3bbc1d8ecb660ad8dd22ad35500e1c) - Translate i18n `choices` display names in choice-based components.  Thanks @hysts!
+
+## 0.12.1
+
+### Fixes
+
+- [#13451](https://github.com/gradio-app/gradio/pull/13451) [`29bd7a0`](https://github.com/gradio-app/gradio/commit/29bd7a00fc087df5f8d9780b5e1082729fc5ffb0) - `gr.Dropdown()` Fixes.  Thanks @dawoodkhan82!
+
+## 0.12.0
+
+### Features
+
+- [#13247](https://github.com/gradio-app/gradio/pull/13247) [`e6b1634`](https://github.com/gradio-app/gradio/commit/e6b1634f3d64851a82505e3b37ac1f4b90905b05) - Dropdown Unit Tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.11.6
+
+### Fixes
+
+- [#12994](https://github.com/gradio-app/gradio/pull/12994) [`7874d04`](https://github.com/gradio-app/gradio/commit/7874d0411c81dcde9c4b08e7e064ca0dbef94e2e) - Fix dropdown detaching from input on scroll.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.11.5
+
+### Fixes
+
+- [#12944](https://github.com/gradio-app/gradio/pull/12944) [`2c769c7`](https://github.com/gradio-app/gradio/commit/2c769c71628730fbf06c6ba9b70d672b3d052b0f) - Fix massive dropdown slowdowns caused by descructuring a derived array.  Thanks @its5Q!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.11.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12772](https://github.com/gradio-app/gradio/pull/12772) [`31cf0a6`](https://github.com/gradio-app/gradio/commit/31cf0a6e74d09ae2d12155a7df35dcfbe0c5dac0) - Fix custom button click event triggers in dropdown.  Thanks @freddyaboulton!
+- [#12769](https://github.com/gradio-app/gradio/pull/12769) [`976cd11`](https://github.com/gradio-app/gradio/commit/976cd11838371d25405e8db62f05ede25083a5de) - Fix html in Multiselect component.  Thanks @freddyaboulton!
+- [#12697](https://github.com/gradio-app/gradio/pull/12697) [`c471e96`](https://github.com/gradio-app/gradio/commit/c471e96eff66997846cbaf4fb9f94509c61c5449) - Migrates dropdown.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.11.1
+
+### Fixes
+
+- [#12627](https://github.com/gradio-app/gradio/pull/12627) [`fa75712`](https://github.com/gradio-app/gradio/commit/fa75712a3257e0e09bfce7abbd4f40fa54f6db98) - Add custom buttons to `gr.Dropdown(multiselect=True)` and `gr.LinePlot` and other native plots.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.11.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12572](https://github.com/gradio-app/gradio/pull/12572) [`5cf1ae5`](https://github.com/gradio-app/gradio/commit/5cf1ae5f35276b65eb139f14d80beea7ecbd4532) - Fix Dropdown change event when allow_custom_value is true.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.10.7
+
+### Fixes
+
+- [#12518](https://github.com/gradio-app/gradio/pull/12518) [`e8efab2`](https://github.com/gradio-app/gradio/commit/e8efab2cb19860146cec7946e77b34a599ad6258) - Fix Settings.  Thanks @freddyaboulton!
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.10.6
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Dropdown filtered indices bug
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Dropdown filtered_indices_problem for real
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Fixes
+
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix dropdown filtering
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.10.6-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.10.6-dev.1
+
+### Fixes
+
+- [#12344](https://github.com/gradio-app/gradio/pull/12344) [`9bf6bfb`](https://github.com/gradio-app/gradio/commit/9bf6bfb61dfb6fe620339319e89062f3c5bb78f2) - Fix dropdown filtering.  Thanks @freddyaboulton!
+
+## 0.10.6-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.10.5
+
+### Fixes
+
+- [#12016](https://github.com/gradio-app/gradio/pull/12016) [`2c7a800`](https://github.com/gradio-app/gradio/commit/2c7a8007f45f28cbe158976aa93b3f09462a5a1a) - Accessibility issue with tabing through multiseclect dropdown component.  Thanks @PRIME-SV!
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.10.4
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+- [#11898](https://github.com/gradio-app/gradio/pull/11898) [`8212f67`](https://github.com/gradio-app/gradio/commit/8212f67488a0143f1afcbd953ef1be869c882c44) - Fix Dropdown change and input events.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.10.0
+
+### Features
+
+- [#11092](https://github.com/gradio-app/gradio/pull/11092) [`c8c17f1`](https://github.com/gradio-app/gradio/commit/c8c17f1a909952616a01967839482153d1419b78) - Add gr.Dialogue component.  Thanks @freddyaboulton!
+
+## 0.9.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.9.24
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.9.23
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.9.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.9.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.9.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.9.16
+
+### Features
+
+- [#10891](https://github.com/gradio-app/gradio/pull/10891) [`17fed95`](https://github.com/gradio-app/gradio/commit/17fed951a9bd6ef02fc4430b2dc61e7cd358cd9e) - Fix empty array check in arrow key handling in `gr.Dropdown`.  Thanks @l2dy!
+
+## 0.9.15
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.9.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.9.13
+
+### Fixes
+
+- [#10659](https://github.com/gradio-app/gradio/pull/10659) [`36309ea`](https://github.com/gradio-app/gradio/commit/36309ea55fba6017f8a7f2be1484989ecccdac1b) - Automatically restore last scroll position in multiple-choice dropdowns.  Thanks @XcantloadX!
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.9.0
+
+### Features
+
+- [#9699](https://github.com/gradio-app/gradio/pull/9699) [`ea2367c`](https://github.com/gradio-app/gradio/commit/ea2367ccb1b75827a086d1c19e2a4595d7a5aa0f) - allow setting initial value of `gr.Dropdown` to `None` to designate that no value should be initially selected.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.8.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix single select dropdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix change triggers for dropdown and radio
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.8.0-beta.6
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.8.0-beta.5
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.8.0-beta.4
+
+### Features
+
+- [#9526](https://github.com/gradio-app/gradio/pull/9526) [`f60bb68`](https://github.com/gradio-app/gradio/commit/f60bb68f52cd0863d9087b3fbc56635e297adef1) - Fix single select dropdown.  Thanks @whitphx!
+
+## 0.8.0-beta.3
+
+### Features
+
+- [#9519](https://github.com/gradio-app/gradio/pull/9519) [`0ab6ac5`](https://github.com/gradio-app/gradio/commit/0ab6ac5dc01b69e4f2462d00c4910f3354441227) - Fix change triggers for dropdown and radio.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.7.13-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.7.13-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.7.13-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.7.13-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.7.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.7.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.7.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.6.6
+
+### Fixes
+
+- [#7918](https://github.com/gradio-app/gradio/pull/7918) [`be46ab1`](https://github.com/gradio-app/gradio/commit/be46ab1213b32a40e4ac1c399499d69eaf6ec0f1) - ensure entire dropdown is clickable.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.6.3
+
+### Fixes
+
+- [#7567](https://github.com/gradio-app/gradio/pull/7567) [`e340894`](https://github.com/gradio-app/gradio/commit/e340894b1cf2f44dd45e597fd8d9e547f408fbb3) - Quick fix: custom dropdown value.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.6.2
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.6.1
+
+### Features
+
+- [#7425](https://github.com/gradio-app/gradio/pull/7425) [`3e4e680`](https://github.com/gradio-app/gradio/commit/3e4e680a52ba5a73c108ef1b328dacd7b6e4b566) - Fixes to the `.key_up()` method to make it usable for a dynamic dropdown autocomplete. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7431](https://github.com/gradio-app/gradio/pull/7431) [`6b8a7e5`](https://github.com/gradio-app/gradio/commit/6b8a7e5d36887cdfcfbfec1536a915128df0d6b2) - Ensure `gr.Dropdown` can have an empty initial value. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.6.0
+
+### Fixes
+
+- [#7404](https://github.com/gradio-app/gradio/pull/7404) [`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7) - Add `.key_up` event listener to `gr.Dropdown()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7401](https://github.com/gradio-app/gradio/pull/7401) [`dff4109`](https://github.com/gradio-app/gradio/commit/dff410955e41145848376784c03fe28ba1c4fd85) - Retain dropdown value if choices have been changed. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.2
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.1
+
+### Fixes
+
+- [#7081](https://github.com/gradio-app/gradio/pull/7081) [`44c53d9`](https://github.com/gradio-app/gradio/commit/44c53d9bde7cab605b7dbd16331683d13cae029e) - Fix dropdown refocusing due to `<label />` element. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.0
+
+### Fixes
+
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.4.2
+
+### Features
+
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#6694](https://github.com/gradio-app/gradio/pull/6694) [`dfc61ec`](https://github.com/gradio-app/gradio/commit/dfc61ec4d09da72ddd6e7ab726820529621dbd38) - Fix dropdown blur bug when values are provided as tuples. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.4.0
+
+### Features
+
+- [#6517](https://github.com/gradio-app/gradio/pull/6517) [`901f3eebd`](https://github.com/gradio-app/gradio/commit/901f3eebda0a67fa8f3050d80f7f7b5800c7f566) - Allow reselecting the original option in `gr.Dropdown` after value has changed programmatically. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.3.2
+
+### Fixes
+
+- [#6425](https://github.com/gradio-app/gradio/pull/6425) [`b3ba17dd1`](https://github.com/gradio-app/gradio/commit/b3ba17dd1167d254756d93f1fb01e8be071819b6) - Update the selected indices in `Dropdown` when value changes programmatically. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6148](https://github.com/gradio-app/gradio/pull/6148) [`0000a1916`](https://github.com/gradio-app/gradio/commit/0000a191688c5480c977c80acdd0c9023865d57e) - fix dropdown arrow size. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6065](https://github.com/gradio-app/gradio/pull/6065) [`7d07001e8`](https://github.com/gradio-app/gradio/commit/7d07001e8e7ca9cbd2251632667b3a043de49f49) - fix storybook. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.3
+
+### Fixes
+
+- [#5839](https://github.com/gradio-app/gradio/pull/5839) [`b83064da0`](https://github.com/gradio-app/gradio/commit/b83064da0005ca055fc15ee478cf064bf91702a4) - Fix error when scrolling dropdown with scrollbar. Thanks [@Kit-p](https://github.com/Kit-p)!
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.3.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.2
+
+### Fixes
+
+- [#5544](https://github.com/gradio-app/gradio/pull/5544) [`a0cc9ac9`](https://github.com/gradio-app/gradio/commit/a0cc9ac931554e06dcb091158c9b9ac0cc580b6c) - Fixes dropdown breaking if a user types in invalid value and presses enter. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.1
+
+### Fixes
+
+- [#5525](https://github.com/gradio-app/gradio/pull/5525) [`21f1db40`](https://github.com/gradio-app/gradio/commit/21f1db40de6d1717eba97a550e11422a457ba7e9) - Ensure input value saves on dropdown blur. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5384](https://github.com/gradio-app/gradio/pull/5384) [`ddc02268`](https://github.com/gradio-app/gradio/commit/ddc02268f731bd2ed04b7a5854accf3383f9a0da) - Allows the `gr.Dropdown` to have separate names and values, as well as enables `allow_custom_value` for multiselect dropdown. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5508](https://github.com/gradio-app/gradio/pull/5508) [`05715f55`](https://github.com/gradio-app/gradio/commit/05715f5599ae3e928d3183c7b0a7f5291f843a96) - Adds a `filterable` parameter to `gr.Dropdown` that controls whether user can type to filter choices. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.2
+
+### Fixes
+
+- [#5360](https://github.com/gradio-app/gradio/pull/5360) [`64666525`](https://github.com/gradio-app/gradio/commit/6466652583e3c620df995fb865ef3511a34cb676) - Cancel Dropdown Filter. Thanks [@deckar01](https://github.com/deckar01)!
+
+## 0.1.1
+
+### Fixes
+
+- [#5323](https://github.com/gradio-app/gradio/pull/5323) [`e32b0928`](https://github.com/gradio-app/gradio/commit/e32b0928d2d00342ca917ebb10c379ffc2ec200d) - ensure dropdown stays open when identical data is passed in. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.2
+
+### Fixes
+
+- [#5062](https://github.com/gradio-app/gradio/pull/5062) [`7d897165`](https://github.com/gradio-app/gradio/commit/7d89716519d0751072792c9bbda668ffeb597296) - `gr.Dropdown` now has correct behavior in static mode as well as when an option is selected. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5039](https://github.com/gradio-app/gradio/pull/5039) [`620e4645`](https://github.com/gradio-app/gradio/commit/620e46452729d6d4877b3fab84a65daf2f2b7bc6) - `gr.Dropdown()` now supports values with arbitrary characters and doesn't clear value when re-focused. Thanks [@abidlabs](https://github.com/abidlabs)!
\ No newline at end of file
diff --git a/js/dropdown/Dropdown.stories.svelte b/js/dropdown/Dropdown.stories.svelte
new file mode 100644
index 0000000..9a77503
--- /dev/null
+++ b/js/dropdown/Dropdown.stories.svelte
@@ -0,0 +1,69 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Dropdown from "./shared/Dropdown.svelte";
+	import { allModes } from "../storybook/modes";
+
+	const { Story } = defineMeta({
+		title: "Components/Dropdown",
+		component: Dropdown,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The dropdown label"
+			},
+			info: {
+				control: "text",
+				description: "Additional info text"
+			},
+			multiselect: {
+				control: "boolean",
+				description: "Whether to allow multiple selections"
+			},
+			disabled: {
+				control: "boolean",
+				description: "Whether the dropdown is disabled"
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Dropdown {...args} />
+{/snippet}
+
+<Story
+	name="Single-select"
+	args={{
+		value: "swim",
+		choices: [
+			["run", "run"],
+			["swim", "swim"],
+			["jump", "jump"]
+		],
+		label: "Single-select Dropdown",
+		info: "This is a single-select dropdown"
+	}}
+	{template}
+/>
+<Story
+	name="Single-select Static"
+	args={{
+		value: "swim",
+		choices: [
+			["run", "run"],
+			["swim", "swim"],
+			["jump", "jump"]
+		],
+		disabled: true,
+		label: "Single-select Dropdown"
+	}}
+	{template}
+/>
diff --git a/js/dropdown/Example.svelte b/js/dropdown/Example.svelte
new file mode 100644
index 0000000..2687e88
--- /dev/null
+++ b/js/dropdown/Example.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+	let {
+		value,
+		type,
+		selected = false,
+		choices
+	}: {
+		value: string | string[] | null;
+		type: "gallery" | "table";
+		selected?: boolean;
+		choices: [string, string | number][];
+	} = $props();
+
+	let value_array = value ? (Array.isArray(value) ? value : [value]) : [];
+	let names = value_array
+		.map(
+			(val) =>
+				(
+					choices.find((pair) => pair[1] === val) as
+						| [string, string | number]
+						| undefined
+				)?.[0]
+		)
+		.filter((name) => name !== undefined);
+	let names_string = names.join(", ");
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{names_string}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/dropdown/Index.svelte b/js/dropdown/Index.svelte
new file mode 100644
index 0000000..dcb3dad
--- /dev/null
+++ b/js/dropdown/Index.svelte
@@ -0,0 +1,70 @@
+<script context="module" lang="ts">
+	export { default as BaseDropdown } from "./shared/Dropdown.svelte";
+	export { default as BaseDropdownOptions } from "./shared/DropdownOptions.svelte";
+	export { default as BaseMultiselect } from "./shared/Multiselect.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import Multiselect from "./shared/Multiselect.svelte";
+	import Dropdown from "./shared/Dropdown.svelte";
+	import { Block, IconButtonWrapper } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { DropdownProps, DropdownEvents } from "./types.ts";
+
+	let props = $props();
+	const gradio = new Gradio<DropdownEvents, DropdownProps>(props);
+
+	// Translate the display side only; values stay raw for event payloads.
+	let translated_choices = $derived(
+		gradio.props.choices.map(
+			([display, value]) =>
+				[gradio.live_i18n(display), value] as [string, string | number]
+		)
+	);
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	padding={gradio.shared.container}
+	allow_overflow={false}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+
+	{#if gradio.props.multiselect}
+		<Multiselect {gradio} />
+	{:else}
+		<Dropdown
+			label={gradio.shared.label}
+			info={gradio.props.info}
+			bind:value={gradio.props.value as string | number | null}
+			choices={translated_choices}
+			interactive={gradio.shared.interactive}
+			show_label={gradio.shared.show_label}
+			container={gradio.shared.container}
+			allow_custom_value={gradio.props.allow_custom_value}
+			filterable={gradio.props.filterable}
+			buttons={gradio.props.buttons}
+			oncustom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			on_change={() => gradio.dispatch("change")}
+			on_input={() => gradio.dispatch("input")}
+			on_select={(data) => gradio.dispatch("select", data)}
+			on_focus={() => gradio.dispatch("focus")}
+			on_blur={() => gradio.dispatch("blur")}
+			on_key_up={(data) => gradio.dispatch("key_up", data)}
+		/>
+	{/if}
+</Block>
diff --git a/js/dropdown/Multiselect.stories.svelte b/js/dropdown/Multiselect.stories.svelte
new file mode 100644
index 0000000..5ba53d6
--- /dev/null
+++ b/js/dropdown/Multiselect.stories.svelte
@@ -0,0 +1,52 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Dropdown from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Multiselect",
+		component: Dropdown,
+		argTypes: {
+			multiselect: {
+				control: [true, false],
+				name: "multiselect",
+				value: false
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Dropdown {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Multiselect Interactive"
+	args={{
+		value: ["swim", "run"],
+		choices: [
+			["run", "run"],
+			["swim", "swim"],
+			["jump", "jump"]
+		],
+		label: "Multiselect Dropdown",
+		multiselect: true,
+		interactive: true
+	}}
+	{template}
+/>
+<Story
+	name="Multiselect Static"
+	args={{
+		value: ["swim", "run"],
+		choices: [
+			["run", "run"],
+			["swim", "swim"],
+			["jump", "jump"]
+		],
+		label: "Multiselect Dropdown",
+		multiselect: true,
+		interactive: false
+	}}
+	{template}
+/>
diff --git a/js/dropdown/README.md b/js/dropdown/README.md
new file mode 100644
index 0000000..a6cee51
--- /dev/null
+++ b/js/dropdown/README.md
@@ -0,0 +1,44 @@
+# `@gradio/dropdown`
+
+```html
+<script>
+    import {BaseDropdown, BaseMultiselect, BaseExample } from "@gradio/dropdown";
+</script>
+```
+
+BaseDropdown
+```javascript
+	export let label: string;
+	export let info: string | undefined = undefined;
+	export let value: string | number | (string | number)[] | undefined = [];
+	export let value_is_output = false;
+	export let choices: [string, string | number][];
+	export let disabled = false;
+	export let show_label: boolean;
+	export let container = true;
+	export let allow_custom_value = false;
+	export let filterable = true;
+```
+
+BaseMultiselect
+```javascript
+	export let label: string;
+	export let info: string | undefined = undefined;
+	export let value: string | number | (string | number)[] | undefined = [];
+	export let value_is_output = false;
+	export let max_choices: number | null = null;
+	export let choices: [string, string | number][];
+	export let disabled = false;
+	export let show_label: boolean;
+	export let container = true;
+	export let allow_custom_value = false;
+	export let filterable = true;
+	export let i18n: I18nFormatter;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;    
+```
\ No newline at end of file
diff --git a/js/dropdown/dropdown.test.ts b/js/dropdown/dropdown.test.ts
new file mode 100644
index 0000000..7bcdef1
--- /dev/null
+++ b/js/dropdown/dropdown.test.ts
@@ -0,0 +1,1828 @@
+import { test, describe, afterEach, expect, vi, beforeAll } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+import { setupi18n, changeLocale } from "../core/src/i18n";
+import { formatter, reactive_formatter } from "../core/src/gradio_helper";
+
+import Dropdown from "./Index.svelte";
+import { handle_filter } from "./shared/utils";
+
+// Build a real i18n marker the way the backend's I18nData does.
+const marker = (key: string): string =>
+	`__i18n__${JSON.stringify({ __type__: "translation_metadata", key })}`;
+
+const single_select_props = {
+	label: "Dropdown",
+	show_label: true,
+	value: "apple",
+	choices: [
+		["apple", "apple"],
+		["banana", "banana"],
+		["cherry", "cherry"]
+	] as [string, string | number][],
+	filterable: true,
+	interactive: true,
+	multiselect: false,
+	max_choices: null,
+	allow_custom_value: false
+};
+
+const tuple_choices: [string, string | number][] = [
+	["Apple Display", "apple_val"],
+	["Banana Display", "banana_val"],
+	["Cherry Display", "cherry_val"]
+];
+
+const multiselect_props = {
+	label: "Multiselect",
+	show_label: true,
+	value: [] as (string | number)[],
+	choices: [
+		["apple", "apple"],
+		["banana", "banana"],
+		["cherry", "cherry"]
+	] as [string, string | number][],
+	filterable: true,
+	interactive: true,
+	multiselect: true,
+	max_choices: null,
+	allow_custom_value: false
+};
+
+run_shared_prop_tests({
+	component: Dropdown,
+	name: "Dropdown",
+	base_props: {
+		value: "apple",
+		choices: [
+			["apple", "apple"],
+			["banana", "banana"]
+		],
+		filterable: true,
+		interactive: true,
+		multiselect: false,
+		max_choices: null
+	}
+});
+
+describe("Single-select: Rendering", () => {
+	afterEach(() => cleanup());
+
+	test("renders provided value as display text", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: "banana"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("banana");
+	});
+
+	test("renders display name when value differs from display name", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			choices: tuple_choices,
+			value: "banana_val"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("Banana Display");
+	});
+
+	test("renders empty input when value is null", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: null
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("");
+	});
+
+	test("renders empty input when value is undefined", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: undefined
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("");
+	});
+
+	test("input is disabled when interactive is false", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			interactive: false
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input).toBeDisabled();
+	});
+
+	test("input is readonly when filterable is false", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			filterable: false
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input).toHaveAttribute("readonly");
+	});
+
+	test("input is not readonly when filterable is true", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			filterable: true
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input).not.toHaveAttribute("readonly");
+	});
+});
+
+describe("Single-select: Options display", () => {
+	afterEach(() => cleanup());
+
+	test("focus shows all options", async () => {
+		const { getByLabelText, getAllByTestId } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options).toHaveLength(3);
+	});
+
+	test("options display names, not internal values", async () => {
+		const { getByLabelText, getAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			choices: tuple_choices,
+			value: "apple_val"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveAttribute("aria-label", "Apple Display");
+		expect(options[1]).toHaveAttribute("aria-label", "Banana Display");
+		expect(options[2]).toHaveAttribute("aria-label", "Cherry Display");
+	});
+
+	test("selected option is marked as selected", async () => {
+		const { getByLabelText, getAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			value: "banana"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveAttribute("aria-selected", "false");
+		expect(options[1]).toHaveAttribute("aria-selected", "true");
+		expect(options[2]).toHaveAttribute("aria-selected", "false");
+	});
+
+	test("options not shown when interactive is false", async () => {
+		const { getByLabelText, queryAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			interactive: false
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = queryAllByTestId("dropdown-option");
+		expect(options).toHaveLength(0);
+	});
+
+	test("blur hides options", async () => {
+		const { getByLabelText, getAllByTestId, queryAllByTestId } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		expect(getAllByTestId("dropdown-option")).toHaveLength(3);
+
+		await input.blur();
+		await waitFor(() => {
+			expect(queryAllByTestId("dropdown-option")).toHaveLength(0);
+		});
+	});
+});
+
+describe("Single-select: Filtering", () => {
+	afterEach(() => cleanup());
+
+	test("typing filters options case-insensitively", async () => {
+		const { getByLabelText, getAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			value: null
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("BAN");
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options).toHaveLength(1);
+		expect(options[0]).toHaveAttribute("aria-label", "banana");
+	});
+
+	test("blur and re-focus resets filter to show all options", async () => {
+		const { getByLabelText, getAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			value: "apple"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("z");
+
+		await input.blur();
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options).toHaveLength(3);
+	});
+
+	test("partial match filtering works", async () => {
+		const { getByLabelText, getAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			value: null,
+			choices: [
+				["pineapple", "pineapple"],
+				["apple", "apple"],
+				["grape", "grape"]
+			] as [string, string | number][]
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("apple");
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options).toHaveLength(2);
+	});
+});
+
+describe("Single-select: Selection", () => {
+	afterEach(() => cleanup());
+
+	test("clicking an option selects it and updates input", async () => {
+		const { getByLabelText, getAllByTestId } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		expect(input.value).toBe("banana");
+	});
+
+	test("clicking an option updates get_data value", async () => {
+		const { getByLabelText, getAllByTestId, get_data } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[2]);
+
+		const data = await get_data();
+		expect(data.value).toBe("cherry");
+	});
+
+	test("clicking an option with tuple choices returns internal value via get_data", async () => {
+		const { getByLabelText, getAllByTestId, get_data } = await render(
+			Dropdown,
+			{
+				...single_select_props,
+				choices: tuple_choices,
+				value: "apple_val"
+			}
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		expect(input.value).toBe("Banana Display");
+		const data = await get_data();
+		expect(data.value).toBe("banana_val");
+	});
+
+	test("arrow down then Enter selects first option", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: null
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		await event.keyboard("{ArrowDown}");
+		await event.keyboard("{Enter}");
+
+		expect(input.value).toBe("apple");
+	});
+
+	test("arrow down from a selected option moves to the next option", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: "banana"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		await event.keyboard("{ArrowDown}");
+		await event.keyboard("{Enter}");
+
+		expect(input.value).toBe("cherry");
+	});
+
+	test("arrow up from a selected option moves to the previous option", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: "banana"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		await event.keyboard("{ArrowUp}");
+		await event.keyboard("{Enter}");
+
+		expect(input.value).toBe("apple");
+	});
+
+	test("selecting a new option replaces the previous one", async () => {
+		const { getByLabelText, getAllByTestId } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		let options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+		expect(input.value).toBe("banana");
+
+		await input.focus();
+		options = getAllByTestId("dropdown-option");
+		await event.click(options[2]);
+		expect(input.value).toBe("cherry");
+	});
+
+	test("clicking option updates selected marker", async () => {
+		const { getByLabelText, getAllByTestId } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("apple");
+		await input.focus();
+		let options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveClass("selected");
+
+		await event.click(options[1]);
+		expect(input.value).toBe("banana");
+		await input.focus();
+		options = getAllByTestId("dropdown-option");
+		expect(options[1]).toHaveClass("selected");
+	});
+});
+
+describe("Single-select: Custom values", () => {
+	afterEach(() => cleanup());
+
+	test("allow_custom_value=false: blur reverts invalid typed text", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			allow_custom_value: false,
+			value: "apple"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("pie");
+		expect(input.value).toBe("applepie");
+
+		await input.blur();
+		expect(input.value).toBe("apple");
+	});
+
+	test("allow_custom_value=true: blur keeps custom typed text", async () => {
+		const { getByLabelText, get_data } = await render(Dropdown, {
+			...single_select_props,
+			allow_custom_value: true,
+			value: "apple"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("pie");
+		expect(input.value).toBe("applepie");
+
+		await input.blur();
+		expect(input.value).toBe("applepie");
+		const data = await get_data();
+		expect(data.value).toBe("applepie");
+	});
+
+	test("allow_custom_value=true: Enter accepts custom value", async () => {
+		const { getByLabelText, get_data } = await render(Dropdown, {
+			...single_select_props,
+			allow_custom_value: true,
+			value: null
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("custom_text{Enter}");
+
+		const data = await get_data();
+		expect(data.value).toBe("custom_text");
+	});
+
+	test("allow_custom_value=false: Enter with no matching active option keeps current value", async () => {
+		const { getByLabelText, get_data } = await render(Dropdown, {
+			...single_select_props,
+			allow_custom_value: false,
+			value: "apple"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		// Type something that filters to no results, then Enter
+		await event.keyboard("xyz");
+		await input.blur();
+
+		const data = await get_data();
+		expect(data.value).toBe("apple");
+	});
+
+	test("regression #12548: selecting a tuple choice with allow_custom_value=true returns internal value, not display name", async () => {
+		const { getByLabelText, getAllByTestId, get_data } = await render(
+			Dropdown,
+			{
+				...single_select_props,
+				choices: [
+					["hello", "goodbye"],
+					["abc", "123"]
+				] as [string, string | number][],
+				value: null,
+				allow_custom_value: true
+			}
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		expect(input.value).toBe("hello");
+		const data = await get_data();
+		expect(data.value).toBe("goodbye");
+	});
+
+	test("regression #12548: blur on a matching choice name with allow_custom_value=true returns internal value", async () => {
+		const { getByLabelText, get_data } = await render(Dropdown, {
+			...single_select_props,
+			choices: [
+				["hello", "goodbye"],
+				["abc", "123"]
+			] as [string, string | number][],
+			value: null,
+			allow_custom_value: true
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("hello");
+		await input.blur();
+
+		const data = await get_data();
+		expect(data.value).toBe("goodbye");
+	});
+
+	test("undefined initial value with allow_custom_value=true renders empty", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: undefined,
+			allow_custom_value: true
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("");
+	});
+});
+
+describe("Single-select: Events", () => {
+	afterEach(() => cleanup());
+
+	test("no spurious change event on mount", async () => {
+		const { listen } = await render(Dropdown, single_select_props);
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change fires when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Dropdown, single_select_props);
+
+		const change = listen("change");
+		await set_data({ value: "banana" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change event deduplication: setting same value does not fire again", async () => {
+		const { listen, set_data } = await render(Dropdown, single_select_props);
+
+		const change = listen("change");
+		await set_data({ value: "banana" });
+		await set_data({ value: "banana" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change fires when option is clicked", async () => {
+		const { getByLabelText, getAllByTestId, listen } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const change = listen("change");
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("input fires when option is selected", async () => {
+		const { getByLabelText, getAllByTestId, listen } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input_event = listen("input");
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		expect(input_event).toHaveBeenCalled();
+	});
+
+	test("select fires with correct data when option is clicked", async () => {
+		const { getByLabelText, getAllByTestId, listen } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const select = listen("select");
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[2]);
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith({
+			index: 2,
+			value: "cherry",
+			selected: true
+		});
+	});
+
+	test("focus fires when input gains focus", async () => {
+		const { getByLabelText, listen } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const focus = listen("focus");
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		expect(focus).toHaveBeenCalledTimes(1);
+	});
+
+	test("blur fires when input loses focus", async () => {
+		const { getByLabelText, listen } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const blur = listen("blur");
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await input.blur();
+
+		expect(blur).toHaveBeenCalledTimes(1);
+	});
+
+	test("regression #12634: key_up fires with current input value after keypress", async () => {
+		const { getByLabelText, listen } = await render(Dropdown, {
+			...single_select_props,
+			value: null,
+			allow_custom_value: true
+		});
+
+		const key_up = listen("key_up");
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("a");
+
+		expect(key_up).toHaveBeenCalledWith(
+			expect.objectContaining({ key: "a", input_value: "a" })
+		);
+	});
+
+	test("regression #12634: key_up passes updated value, not stale value", async () => {
+		const { getByLabelText, listen } = await render(Dropdown, {
+			...single_select_props,
+			value: null,
+			allow_custom_value: true
+		});
+
+		const key_up = listen("key_up");
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		await event.keyboard("1");
+		await event.keyboard("5");
+		await event.keyboard("4");
+
+		expect(key_up).toHaveBeenLastCalledWith(
+			expect.objectContaining({ key: "4", input_value: "154" })
+		);
+	});
+});
+
+describe("Single-select: get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns current value", async () => {
+		const { get_data } = await render(Dropdown, single_select_props);
+
+		const data = await get_data();
+		expect(data.value).toBe("apple");
+	});
+
+	test("set_data updates displayed value", async () => {
+		const { getByLabelText, set_data } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		await set_data({ value: "cherry" });
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("cherry");
+	});
+
+	test("set_data updates displayed text for tuple choices", async () => {
+		const { getByLabelText, set_data } = await render(Dropdown, {
+			...single_select_props,
+			choices: tuple_choices,
+			value: "apple_val"
+		});
+
+		await set_data({ value: "cherry_val" });
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("Cherry Display");
+	});
+
+	test("round-trip: set_data then get_data returns same value", async () => {
+		const { get_data, set_data } = await render(Dropdown, single_select_props);
+
+		await set_data({ value: "banana" });
+		const data = await get_data();
+		expect(data.value).toBe("banana");
+	});
+
+	test("set_data to null clears the input", async () => {
+		const { getByLabelText, set_data, get_data } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		await set_data({ value: null });
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("");
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("user interaction reflected in get_data", async () => {
+		const { getByLabelText, getAllByTestId, get_data } = await render(
+			Dropdown,
+			single_select_props
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[2]);
+
+		const data = await get_data();
+		expect(data.value).toBe("cherry");
+	});
+});
+
+describe("Single-select: Accessibility", () => {
+	afterEach(() => cleanup());
+
+	test("input exposes the combobox role", async () => {
+		const { getByLabelText } = await render(Dropdown, single_select_props);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input).toHaveAttribute("role", "combobox");
+	});
+
+	test("aria-controls points at the options listbox", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: null
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		const controls = input.getAttribute("aria-controls");
+		expect(controls).toBeTruthy();
+
+		await input.focus();
+
+		const listbox = document.getElementById(controls as string);
+		expect(listbox).toBeTruthy();
+		expect(listbox).toHaveAttribute("role", "listbox");
+	});
+
+	test("aria-activedescendant tracks the active option while navigating", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: null
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		expect(input).not.toHaveAttribute("aria-activedescendant");
+
+		await event.keyboard("{ArrowDown}");
+		const active_id = input.getAttribute("aria-activedescendant");
+		expect(active_id).toBeTruthy();
+
+		const active_option = document.getElementById(active_id as string);
+		expect(active_option).toHaveAttribute("role", "option");
+		expect(active_option).toHaveAttribute("aria-label", "apple");
+	});
+});
+
+describe("Single-select: Dynamic choices", () => {
+	afterEach(() => cleanup());
+
+	test("updating choices while typing does not clear the typed text", async () => {
+		const { getByLabelText, set_data } = await render(Dropdown, {
+			...single_select_props,
+			value: null,
+			allow_custom_value: true,
+			choices: [] as [string, string | number][]
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("ap");
+		expect(input.value).toBe("ap");
+
+		await set_data({
+			choices: [
+				["ap item 1", "ap item 1"],
+				["ap item 2", "ap item 2"]
+			] as [string, string | number][]
+		});
+
+		expect(input.value).toBe("ap");
+	});
+
+	test("choices returned while open surface as new options", async () => {
+		const { getByLabelText, getAllByTestId, set_data } = await render(
+			Dropdown,
+			{
+				...single_select_props,
+				value: null,
+				allow_custom_value: true,
+				choices: [["old", "old"]] as [string, string | number][]
+			}
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("new");
+
+		await set_data({
+			choices: [
+				["new item 1", "a"],
+				["new item 2", "b"],
+				["new item 3", "c"]
+			] as [string, string | number][]
+		});
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options).toHaveLength(3);
+		expect(options[0]).toHaveAttribute("aria-label", "new item 1");
+	});
+});
+
+describe("Single-select: Parent value update while focused", () => {
+	afterEach(() => cleanup());
+
+	test("re-syncs the selected option after the parent updates value while focused", async () => {
+		const { getByLabelText, getAllByTestId, set_data } = await render(
+			Dropdown,
+			{
+				...single_select_props,
+				value: "apple"
+			}
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		await set_data({ value: "cherry" });
+		await input.blur();
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveAttribute("aria-selected", "false");
+		expect(options[2]).toHaveAttribute("aria-selected", "true");
+	});
+
+	test("arrow navigation starts from the parent-updated value after focus", async () => {
+		const { getByLabelText, set_data } = await render(Dropdown, {
+			...single_select_props,
+			value: "apple"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		await set_data({ value: "cherry" });
+		await input.blur();
+		await input.focus();
+
+		await event.keyboard("{ArrowDown}");
+		await event.keyboard("{Enter}");
+
+		expect(input.value).toBe("apple");
+	});
+
+	test("does not revert the parent value on blur with allow_custom_value", async () => {
+		const { getByLabelText, get_data, set_data } = await render(Dropdown, {
+			...single_select_props,
+			value: "apple",
+			allow_custom_value: true
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		await set_data({ value: "cherry" });
+		await input.blur();
+
+		const data = await get_data();
+		expect(data.value).toBe("cherry");
+		expect(input.value).toBe("cherry");
+	});
+});
+
+describe("Multiselect: Rendering", () => {
+	afterEach(() => cleanup());
+
+	test("renders with empty value (no tokens)", async () => {
+		const { container } = await render(Dropdown, multiselect_props);
+
+		const tokens = container.querySelectorAll(".token");
+		expect(tokens).toHaveLength(0);
+	});
+
+	test("renders selected values as tokens", async () => {
+		const { getByText } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "cherry"]
+		});
+
+		expect(getByText("apple")).toBeTruthy();
+		expect(getByText("cherry")).toBeTruthy();
+	});
+
+	test("renders display names for tuple choices in tokens", async () => {
+		const { getByText } = await render(Dropdown, {
+			...multiselect_props,
+			choices: tuple_choices,
+			value: ["apple_val", "cherry_val"]
+		});
+
+		expect(getByText("Apple Display")).toBeTruthy();
+		expect(getByText("Cherry Display")).toBeTruthy();
+	});
+
+	test("disabled state: no remove buttons on tokens", async () => {
+		const { container } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "banana"],
+			interactive: false
+		});
+
+		const tokens = container.querySelectorAll(".token");
+		expect(tokens).toHaveLength(2);
+		const removeButtons = container.querySelectorAll(".token-remove");
+		expect(removeButtons).toHaveLength(0);
+	});
+});
+
+describe("Multiselect: Accessibility", () => {
+	afterEach(() => cleanup());
+
+	test("input is a combobox wired to the options listbox", async () => {
+		const { container } = await render(Dropdown, multiselect_props);
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		expect(input).toHaveAttribute("role", "combobox");
+
+		await input.focus();
+
+		const controls = input.getAttribute("aria-controls");
+		const listbox = document.getElementById(controls as string);
+		expect(listbox).toHaveAttribute("role", "listbox");
+
+		const active_id = input.getAttribute("aria-activedescendant");
+		const active_option = document.getElementById(active_id as string);
+		expect(active_option).toHaveAttribute("role", "option");
+		expect(active_option).toHaveAttribute("aria-label", "apple");
+	});
+});
+
+describe("Multiselect: Options display", () => {
+	afterEach(() => cleanup());
+
+	test("focus shows all options", async () => {
+		const { container, getAllByTestId } = await render(
+			Dropdown,
+			multiselect_props
+		);
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options).toHaveLength(3);
+	});
+
+	test("selected options are marked as selected", async () => {
+		const { container, getAllByTestId } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "cherry"]
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveAttribute("aria-selected", "true");
+		expect(options[1]).toHaveAttribute("aria-selected", "false");
+		expect(options[2]).toHaveAttribute("aria-selected", "true");
+	});
+});
+
+describe("Multiselect: Selection", () => {
+	afterEach(() => cleanup());
+
+	test("clicking an option adds a token", async () => {
+		const { container, getAllByTestId } = await render(
+			Dropdown,
+			multiselect_props
+		);
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		await input.focus();
+		const tokens = container.querySelectorAll(".token");
+		expect(tokens).toHaveLength(1);
+		expect(tokens[0].textContent).toContain("apple");
+	});
+
+	test("clicking same option twice toggles it (add then remove)", async () => {
+		const { container, getAllByTestId, get_data } = await render(
+			Dropdown,
+			multiselect_props
+		);
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		let options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		let data = await get_data();
+		expect(data.value).toEqual(["apple"]);
+
+		await input.focus();
+		options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+
+	test("multiple options can be selected", async () => {
+		const { container, getAllByTestId, get_data } = await render(
+			Dropdown,
+			multiselect_props
+		);
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		let options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		await input.focus();
+		options = getAllByTestId("dropdown-option");
+		await event.click(options[2]);
+
+		const data = await get_data();
+		expect(data.value).toEqual(["apple", "cherry"]);
+	});
+
+	test("remove button on token removes that selection", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "banana", "cherry"]
+		});
+
+		const removeButtons = container.querySelectorAll(
+			".token-remove:not(.remove-all)"
+		);
+		expect(removeButtons).toHaveLength(3);
+
+		await event.click(removeButtons[1]);
+
+		const data = await get_data();
+		expect(data.value).toEqual(["apple", "cherry"]);
+	});
+
+	test("clear-all button removes all selections", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "banana"]
+		});
+
+		const clearAll = container.querySelector(".remove-all") as HTMLElement;
+		expect(clearAll).toBeInTheDocument();
+
+		await event.click(clearAll);
+
+		const data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+
+	test("remove button on each token works independently", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "banana", "cherry"]
+		});
+
+		const removeButtons = container.querySelectorAll(
+			".token-remove:not(.remove-all)"
+		);
+
+		await event.click(removeButtons[0]);
+
+		const data = await get_data();
+		expect(data.value).toEqual(["banana", "cherry"]);
+	});
+
+	test("max_choices limits the number of selections", async () => {
+		const { container, getAllByTestId, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			max_choices: 2
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		let options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		await input.focus();
+		options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		const data = await get_data();
+		expect((data.value as string[]).length).toBeLessThanOrEqual(2);
+	});
+
+	test("max_choices closes the options panel when limit is met", async () => {
+		const { container, getAllByTestId, queryAllByTestId } = await render(
+			Dropdown,
+			{
+				...multiselect_props,
+				max_choices: 2
+			}
+		);
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		let options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		await input.focus();
+		options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		await waitFor(() => {
+			expect(queryAllByTestId("dropdown-option")).toHaveLength(0);
+		});
+	});
+
+	test("backspace removes the last token when input is empty", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "banana", "cherry"]
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		await fireEvent.keyDown(input, { key: "Backspace" });
+
+		const data = await get_data();
+		expect(data.value).toEqual(["apple", "banana"]);
+	});
+
+	test("Enter selects the active option when allow_custom_value is false", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			allow_custom_value: false
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		// When allow_custom_value=false, active_index defaults to first filtered option
+		await event.keyboard("{Enter}");
+
+		const data = await get_data();
+		expect(data.value).toContain("apple");
+	});
+});
+
+describe("Multiselect: Custom values", () => {
+	afterEach(() => cleanup());
+
+	test("allow_custom_value=true: blur adds typed text as token", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			allow_custom_value: true
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("custom_fruit");
+		await input.blur();
+
+		const data = await get_data();
+		expect(data.value).toEqual(["custom_fruit"]);
+	});
+
+	test("allow_custom_value=false: blur clears typed text without adding", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			allow_custom_value: false
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("custom_fruit");
+		await input.blur();
+
+		const data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+
+	test("allow_custom_value=true: Enter adds custom value", async () => {
+		const { container, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			allow_custom_value: true
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("new_item{Enter}");
+
+		const data = await get_data();
+		expect(data.value).toContain("new_item");
+	});
+
+	test("mix of choices and custom values", async () => {
+		const { container, getAllByTestId, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			allow_custom_value: true
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		let options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		await input.focus();
+		await event.keyboard("custom{Enter}");
+
+		const data = await get_data();
+		expect(data.value).toContain("apple");
+		expect(data.value).toContain("custom");
+	});
+});
+
+describe("Multiselect: Filtering", () => {
+	afterEach(() => cleanup());
+
+	test("typing filters options", async () => {
+		const { container, getAllByTestId } = await render(
+			Dropdown,
+			multiselect_props
+		);
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		await event.keyboard("ban");
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options).toHaveLength(1);
+		expect(options[0]).toHaveAttribute("aria-label", "banana");
+	});
+});
+
+describe("Multiselect: Events", () => {
+	afterEach(() => cleanup());
+
+	test("change fires when option is selected", async () => {
+		const { container, getAllByTestId, listen } = await render(
+			Dropdown,
+			multiselect_props
+		);
+
+		const change = listen("change");
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("change fires when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Dropdown, multiselect_props);
+
+		const change = listen("change");
+		await set_data({ value: ["apple", "banana"] });
+
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("select fires with selected=true when adding", async () => {
+		const { container, getAllByTestId, listen } = await render(
+			Dropdown,
+			multiselect_props
+		);
+
+		const select = listen("select");
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		expect(select).toHaveBeenCalledWith(
+			expect.objectContaining({
+				value: "banana",
+				selected: true
+			})
+		);
+	});
+
+	test("select fires with selected=false when removing via toggle", async () => {
+		const { container, getAllByTestId, listen } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["banana"]
+		});
+
+		const select = listen("select");
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[1]);
+
+		expect(select).toHaveBeenCalledWith(
+			expect.objectContaining({
+				value: "banana",
+				selected: false
+			})
+		);
+	});
+
+	test("focus fires when input gains focus", async () => {
+		const { container, listen } = await render(Dropdown, multiselect_props);
+
+		const focus = listen("focus");
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		expect(focus).toHaveBeenCalledTimes(1);
+	});
+
+	test("blur fires when input loses focus", async () => {
+		const { container, listen } = await render(Dropdown, multiselect_props);
+
+		const blur = listen("blur");
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+		await input.blur();
+
+		expect(blur).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Multiselect: get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns current value array", async () => {
+		const { get_data } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "cherry"]
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(["apple", "cherry"]);
+	});
+
+	test("get_data returns empty array for no selections", async () => {
+		const { get_data } = await render(Dropdown, multiselect_props);
+
+		const data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+
+	test("set_data updates tokens", async () => {
+		const { container, set_data } = await render(Dropdown, multiselect_props);
+
+		await set_data({ value: ["banana", "cherry"] });
+
+		const tokens = container.querySelectorAll(".token");
+		expect(tokens).toHaveLength(2);
+		expect(tokens[0].textContent).toContain("banana");
+		expect(tokens[1].textContent).toContain("cherry");
+	});
+
+	test("round-trip: set_data then get_data", async () => {
+		const { get_data, set_data } = await render(Dropdown, multiselect_props);
+
+		await set_data({ value: ["apple", "cherry"] });
+		const data = await get_data();
+		expect(data.value).toEqual(["apple", "cherry"]);
+	});
+
+	test("set_data to empty array clears all tokens", async () => {
+		const { container, set_data, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			value: ["apple", "banana"]
+		});
+
+		await set_data({ value: [] });
+
+		const tokens = container.querySelectorAll(".token");
+		expect(tokens).toHaveLength(0);
+		const data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+});
+
+describe("Regression: #12629 — Buttons on multiselect", () => {
+	afterEach(() => cleanup());
+
+	test("buttons are rendered in multiselect mode when show_label is true", async () => {
+		const { container } = await render(Dropdown, {
+			...multiselect_props,
+			show_label: true,
+			buttons: [{ label: "B1", id: "btn1" }]
+		});
+
+		const customButton = container.querySelector(
+			"button.custom-button"
+		) as HTMLElement;
+		expect(customButton).toBeInTheDocument();
+	});
+
+	test("buttons are rendered in single-select mode", async () => {
+		const { container } = await render(Dropdown, {
+			...single_select_props,
+			show_label: true,
+			buttons: [{ label: "B1", id: "btn1" }]
+		});
+
+		const customButton = container.querySelector(
+			"button.custom-button"
+		) as HTMLElement;
+		expect(customButton).toBeInTheDocument();
+	});
+});
+
+describe("Regression: #12764 — Multiselect event propagation", () => {
+	afterEach(() => cleanup());
+
+	test("selecting a multiselect option correctly dispatches select event without side effects", async () => {
+		const { container, getAllByTestId, listen } = await render(Dropdown, {
+			...multiselect_props,
+			value: []
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+
+		const select = listen("select");
+		await event.click(options[0]);
+
+		expect(select).toHaveBeenCalledWith(
+			expect.objectContaining({
+				value: "apple",
+				selected: true
+			})
+		);
+	});
+
+	test("selecting a multiselect option with buttons does not trigger custom_button_click", async () => {
+		const { container, getAllByTestId, listen } = await render(Dropdown, {
+			...multiselect_props,
+			show_label: true,
+			buttons: [{ label: "TestBtn", id: "test_btn" }],
+			value: []
+		});
+
+		const custom_click = listen("custom_button_click");
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[0]);
+
+		expect(custom_click).not.toHaveBeenCalled();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("empty choices array renders without error", async () => {
+		const { getByLabelText, queryAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			choices: [],
+			value: null
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("");
+
+		await input.focus();
+		const options = queryAllByTestId("dropdown-option");
+		expect(options).toHaveLength(0);
+	});
+
+	test("value not in choices renders empty when custom values not allowed", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: "nonexistent",
+			allow_custom_value: false
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("");
+	});
+
+	test("value not in choices renders as-is when custom values allowed", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			value: "nonexistent",
+			allow_custom_value: true
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("nonexistent");
+	});
+
+	test("numeric values work correctly", async () => {
+		const { get_data, getByLabelText, getAllByTestId } = await render(
+			Dropdown,
+			{
+				...single_select_props,
+				choices: [
+					["One", 1],
+					["Two", 2],
+					["Three", 3]
+				] as [string, number][],
+				value: 1
+			}
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("One");
+
+		await input.focus();
+		const options = getAllByTestId("dropdown-option");
+		await event.click(options[2]);
+
+		const data = await get_data();
+		expect(data.value).toBe(3);
+	});
+
+	test("blurring after typing reverts to selected display name when custom not allowed", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			choices: [
+				["Apple Fruit", "apple_val"],
+				["Banana Fruit", "banana_val"]
+			] as [string, string][],
+			value: "apple_val",
+			allow_custom_value: false
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("Apple Fruit");
+
+		await input.focus();
+		await event.keyboard("xyz");
+		expect(input.value).toBe("Apple Fruitxyz");
+
+		await input.blur();
+		expect(input.value).toBe("Apple Fruit");
+	});
+
+	test("first item can be default value with tuple choices", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			choices: [
+				["apple_choice", "apple_internal_value"],
+				["zebra_choice", "zebra_internal_value"]
+			] as [string, string][],
+			value: "apple_internal_value"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("apple_choice");
+	});
+});
+
+describe("handle_filter", () => {
+	const choices: [string, string | number][] = [
+		["Apple", "apple"],
+		["Banana", "banana"],
+		["Cherry", "cherry"],
+		["Apricot", "apricot"]
+	];
+
+	test("returns all indices when input_text is empty", () => {
+		expect(handle_filter(choices, "")).toEqual([0, 1, 2, 3]);
+	});
+
+	test("filters by case-insensitive substring match on display name", () => {
+		expect(handle_filter(choices, "ap")).toEqual([0, 3]);
+	});
+
+	test("returns empty array when no choices match", () => {
+		expect(handle_filter(choices, "xyz")).toEqual([]);
+	});
+
+	test("matches full display name", () => {
+		expect(handle_filter(choices, "banana")).toEqual([1]);
+	});
+
+	test("is case-insensitive", () => {
+		expect(handle_filter(choices, "CHERRY")).toEqual([2]);
+	});
+
+	test("handles empty choices array", () => {
+		expect(handle_filter([], "test")).toEqual([]);
+	});
+
+	test("matches substring anywhere in display name", () => {
+		expect(handle_filter(choices, "an")).toEqual([1]);
+	});
+});
+
+describe("i18n choices", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+	afterEach(() => cleanup());
+
+	const i18n_choices: [string, string][] = [
+		[marker("common.clear"), "bold"],
+		[marker("common.remove"), "italic"]
+	];
+
+	test("single-select shows translated display name for the selected value", async () => {
+		const { getByLabelText } = await render(Dropdown, {
+			...single_select_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: "bold"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("Clear");
+	});
+
+	test("single-select translates option display names", async () => {
+		const { getByLabelText, getAllByTestId } = await render(Dropdown, {
+			...single_select_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: "bold"
+		});
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveAttribute("aria-label", "Clear");
+		expect(options[1]).toHaveAttribute("aria-label", "Remove");
+	});
+
+	test("single-select internal value is unaffected by translation", async () => {
+		const { get_data } = await render(Dropdown, {
+			...single_select_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: "bold"
+		});
+
+		const data = await get_data();
+		expect(data.value).toBe("bold");
+	});
+
+	test("multiselect renders translated display names in tokens", async () => {
+		const { getByText, queryByText } = await render(Dropdown, {
+			...multiselect_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: ["bold", "italic"]
+		});
+
+		expect(getByText("Clear")).toBeTruthy();
+		expect(getByText("Remove")).toBeTruthy();
+		expect(queryByText(marker("common.clear"))).toBeNull();
+	});
+
+	test("multiselect translates option display names", async () => {
+		const { container, getAllByTestId } = await render(Dropdown, {
+			...multiselect_props,
+			i18n: formatter,
+			choices: i18n_choices
+		});
+
+		const input = container.querySelector("input") as HTMLInputElement;
+		await input.focus();
+
+		const options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveAttribute("aria-label", "Clear");
+		expect(options[1]).toHaveAttribute("aria-label", "Remove");
+	});
+
+	test("multiselect internal value is unaffected by translation", async () => {
+		const { get_data } = await render(Dropdown, {
+			...multiselect_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: ["italic"]
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(["italic"]);
+	});
+});
+
+describe("runtime locale switching", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+	afterEach(() => {
+		changeLocale("en");
+		cleanup();
+	});
+
+	const i18n_choices: [string, string][] = [
+		[marker("common.clear"), "bold"],
+		[marker("common.remove"), "italic"]
+	];
+
+	test("single-select re-translates the selected display name and options", async () => {
+		const { getByLabelText, getAllByTestId, get_data } = await render(
+			Dropdown,
+			{
+				...single_select_props,
+				i18n: formatter,
+				i18n_store: reactive_formatter,
+				choices: i18n_choices,
+				value: "bold"
+			}
+		);
+
+		const input = getByLabelText("Dropdown") as HTMLInputElement;
+		expect(input.value).toBe("Clear");
+
+		changeLocale("es");
+
+		await waitFor(() => {
+			expect(input.value).toBe("Limpiar");
+		});
+
+		await input.focus();
+		const options = getAllByTestId("dropdown-option");
+		expect(options[0]).toHaveAttribute("aria-label", "Limpiar");
+		expect(options[1]).toHaveAttribute("aria-label", "Eliminar");
+
+		const data = await get_data();
+		expect(data.value).toBe("bold");
+	});
+
+	test("multiselect re-translates selected tokens when the locale changes", async () => {
+		const { getByText, get_data } = await render(Dropdown, {
+			...multiselect_props,
+			i18n: formatter,
+			i18n_store: reactive_formatter,
+			choices: i18n_choices,
+			value: ["bold", "italic"]
+		});
+
+		expect(getByText("Clear")).toBeVisible();
+		expect(getByText("Remove")).toBeVisible();
+
+		changeLocale("es");
+
+		await waitFor(() => {
+			expect(getByText("Limpiar")).toBeVisible();
+			expect(getByText("Eliminar")).toBeVisible();
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(["bold", "italic"]);
+	});
+});
+
+test.todo(
+	"VISUAL: subdued text color applied when input text doesn't match any choice and allow_custom_value is false — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: show_options border/shadow styling changes when dropdown is open — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: token styling in multiselect mode — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: regression #12993 — dropdown options list repositions on page scroll — needs Playwright visual/integration test with scrolling"
+);
diff --git a/js/dropdown/package.json b/js/dropdown/package.json
new file mode 100644
index 0000000..6e6f7e4
--- /dev/null
+++ b/js/dropdown/package.json
@@ -0,0 +1,40 @@
+{
+	"name": "@gradio/dropdown",
+	"version": "0.14.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/dropdown"
+	}
+}
diff --git a/js/dropdown/shared/Dropdown.svelte b/js/dropdown/shared/Dropdown.svelte
new file mode 100644
index 0000000..090c4a0
--- /dev/null
+++ b/js/dropdown/shared/Dropdown.svelte
@@ -0,0 +1,356 @@
+<script lang="ts">
+	import DropdownOptions from "./DropdownOptions.svelte";
+	import { BlockTitle, IconButtonWrapper } from "@gradio/atoms";
+	import { DropdownArrow } from "@gradio/icons";
+	import { handle_filter, handle_shared_keys } from "./utils";
+	import {
+		type SelectData,
+		type KeyUpData,
+		type CustomButton as CustomButtonType
+	} from "@gradio/utils";
+	import { tick } from "svelte";
+
+	const is_browser = typeof window !== "undefined";
+
+	let {
+		label = "Dropdown",
+		info = undefined,
+		value = $bindable<string | number | null>(),
+		choices = [],
+		interactive = true,
+		show_label = true,
+		container = true,
+		allow_custom_value = false,
+		filterable = true,
+		buttons = null,
+		oncustom_button_click = null,
+		on_change,
+		on_input,
+		on_select,
+		on_focus,
+		on_blur,
+		on_key_up
+	}: {
+		label?: string;
+		info?: string;
+		value?: string | number | null;
+		choices?: [string, string | number][];
+		interactive?: boolean;
+		show_label?: boolean;
+		container?: boolean;
+		allow_custom_value?: boolean;
+		filterable?: boolean;
+		buttons?: (string | CustomButtonType)[] | null;
+		oncustom_button_click?: ((id: number) => void) | null;
+		on_change?: (value: string | number | null) => void;
+		on_input?: () => void;
+		on_select?: (data: SelectData) => void;
+		on_focus?: () => void;
+		on_blur?: () => void;
+		on_key_up?: (data: KeyUpData) => void;
+	} = $props();
+
+	let filter_input: HTMLElement;
+
+	const uid = $props.id();
+	const listbox_id = `${uid}-options`;
+
+	let show_options = $derived.by(() => {
+		return is_browser && filter_input === document.activeElement;
+	});
+	let choices_names = $derived(choices.map((c) => c[0]));
+	let choices_values = $derived(choices.map((c) => c[1]));
+	let input_text = $state("");
+	let selected_index: number | null = $state(null);
+	// Use last_typed_value to track when the user has typed
+	// on_blur we only want to update value if the user has typed
+	let last_typed_value = input_text;
+	let focused = $state(false);
+
+	$effect(() => {
+		const current_value = value;
+		const values = choices_values;
+		const names = choices_names;
+		if (focused) {
+			return;
+		}
+		if (
+			current_value === undefined ||
+			current_value === null ||
+			(Array.isArray(current_value) && current_value.length === 0)
+		) {
+			input_text = "";
+			selected_index = null;
+		} else if (values.includes(current_value as string | number)) {
+			input_text = names[values.indexOf(current_value as string | number)];
+			selected_index = values.indexOf(current_value as string | number);
+		} else if (allow_custom_value) {
+			input_text = current_value as string;
+			selected_index = null;
+		} else {
+			input_text = "";
+			selected_index = null;
+		}
+		last_typed_value = input_text;
+	});
+	let initialized = $state(false);
+	let disabled = $derived(!interactive);
+
+	// All of these are indices with respect to the choices array
+	let filtered_indices = $state(choices.map((_, i) => i));
+	let active_index: number | null = $state(null);
+	let selected_indices = $derived(
+		selected_index === null ? [] : [selected_index]
+	);
+
+	$effect(() => {
+		choices;
+		filtered_indices = choices.map((_, i) => i);
+	});
+
+	function handle_option_selected(index: any): void {
+		selected_index = parseInt(index);
+		if (isNaN(selected_index)) {
+			// This is the case when the user clicks on the scrollbar
+			selected_index = null;
+			return;
+		}
+
+		let [_input_text, _value] = choices[selected_index];
+		input_text = _input_text;
+		last_typed_value = input_text;
+		value = _value;
+		on_select?.({
+			index: selected_index,
+			value: choices_values[selected_index],
+			selected: true
+		});
+		show_options = false;
+		active_index = null;
+		on_input?.();
+		filter_input.blur();
+	}
+
+	function handle_focus(e: FocusEvent): void {
+		focused = true;
+		filtered_indices = choices.map((_, i) => i);
+		active_index = selected_index;
+		show_options = true;
+		on_focus?.();
+	}
+
+	function handle_blur(): void {
+		if (!allow_custom_value) {
+			input_text =
+				choices_names[choices_values.indexOf(value as string | number)];
+		} else if (input_text !== last_typed_value) {
+			if (choices_names.includes(input_text)) {
+				selected_index = choices_names.indexOf(input_text);
+				value = choices_values[selected_index];
+			} else {
+				value = input_text;
+				selected_index = null;
+			}
+		}
+		show_options = false;
+		active_index = null;
+		filtered_indices = choices.map((_, i) => i);
+		focused = false;
+		on_blur?.();
+		on_input?.();
+	}
+
+	async function handle_key_down(e: KeyboardEvent): Promise<void> {
+		await tick();
+		const is_navigation_key =
+			e.key === "ArrowUp" ||
+			e.key === "ArrowDown" ||
+			e.key === "Enter" ||
+			e.key === "Escape";
+		const is_filtering = input_text !== last_typed_value;
+		if (!is_navigation_key) {
+			filtered_indices = handle_filter(choices, input_text);
+			active_index = filtered_indices.length > 0 ? filtered_indices[0] : null;
+		} else {
+			// Recompute the visible options so navigation always spans the full
+			// current list. Filter by the typed text when the user is filtering,
+			// otherwise (a value is just displayed/selected) show every option.
+			filtered_indices = is_filtering
+				? handle_filter(choices, input_text)
+				: choices.map((_, i) => i);
+			if (active_index !== null && !filtered_indices.includes(active_index)) {
+				active_index = filtered_indices.length > 0 ? filtered_indices[0] : null;
+			}
+		}
+		[show_options, active_index] = handle_shared_keys(
+			e,
+			active_index,
+			filtered_indices
+		);
+		if (e.key === "Enter") {
+			last_typed_value = input_text;
+			if (active_index !== null) {
+				selected_index = active_index;
+				value = choices_values[active_index];
+				show_options = false;
+				filter_input.blur();
+				active_index = null;
+			} else if (choices_names.includes(input_text)) {
+				selected_index = choices_names.indexOf(input_text);
+				value = choices_values[selected_index];
+				show_options = false;
+				active_index = null;
+				filter_input.blur();
+			} else if (allow_custom_value) {
+				value = input_text;
+				selected_index = null;
+				show_options = false;
+				active_index = null;
+				filter_input.blur();
+			}
+		}
+	}
+
+	let old_value = $state(value);
+	$effect(() => {
+		if (old_value !== value) {
+			old_value = value;
+			on_change?.(value);
+		}
+	});
+</script>
+
+<div class:container>
+	{#if show_label && buttons && buttons.length > 0}
+		<IconButtonWrapper
+			{buttons}
+			on_custom_button_click={oncustom_button_click}
+		/>
+	{/if}
+	<BlockTitle {show_label} {info}>{label}</BlockTitle>
+
+	<div class="wrap">
+		<div class="wrap-inner" class:show_options>
+			<div class="secondary-wrap">
+				<input
+					role="combobox"
+					aria-controls={listbox_id}
+					aria-expanded={show_options}
+					aria-activedescendant={show_options && active_index !== null
+						? `${listbox_id}-option-${active_index}`
+						: undefined}
+					aria-autocomplete={filterable ? "list" : "none"}
+					aria-label={label}
+					class="border-none"
+					class:subdued={!choices_names.includes(input_text) &&
+						!allow_custom_value}
+					autocomplete="off"
+					{disabled}
+					bind:value={input_text}
+					bind:this={filter_input}
+					onkeydown={handle_key_down}
+					onkeyup={(e) => {
+						on_key_up?.({
+							key: e.key,
+							input_value: input_text
+						});
+					}}
+					onblur={handle_blur}
+					onfocus={handle_focus}
+					readonly={!filterable}
+				/>
+				{#if !disabled}
+					<div class="icon-wrap">
+						<DropdownArrow />
+					</div>
+				{/if}
+			</div>
+		</div>
+		<DropdownOptions
+			{show_options}
+			{choices}
+			{filtered_indices}
+			{disabled}
+			{selected_indices}
+			{active_index}
+			{listbox_id}
+			onchange={handle_option_selected}
+			onload={() => (initialized = true)}
+		/>
+	</div>
+</div>
+
+<style>
+	.icon-wrap {
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		right: var(--size-5);
+		color: var(--body-text-color);
+		width: var(--size-5);
+		pointer-events: none;
+	}
+	.container {
+		height: 100%;
+	}
+	.container .wrap {
+		box-shadow: var(--input-shadow);
+		border: var(--input-border-width) solid var(--border-color-primary);
+	}
+
+	.wrap {
+		position: relative;
+		border-radius: var(--input-radius);
+		background: var(--input-background-fill);
+	}
+
+	.wrap:focus-within {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+		background: var(--input-background-fill-focus);
+	}
+
+	.wrap-inner {
+		display: flex;
+		position: relative;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: var(--checkbox-label-gap);
+		padding: var(--checkbox-label-padding);
+		height: 100%;
+	}
+	.secondary-wrap {
+		display: flex;
+		flex: 1 1 0%;
+		align-items: center;
+		border: none;
+		min-width: min-content;
+		height: 100%;
+	}
+
+	input {
+		margin: var(--spacing-sm);
+		outline: none;
+		border: none;
+		background: inherit;
+		width: var(--size-full);
+		color: var(--body-text-color);
+		font-size: var(--input-text-size);
+		height: 100%;
+	}
+
+	input:disabled {
+		-webkit-text-fill-color: var(--body-text-color);
+		-webkit-opacity: 1;
+		opacity: 1;
+		cursor: not-allowed;
+	}
+
+	.subdued {
+		color: var(--body-text-color-subdued);
+	}
+
+	input[readonly] {
+		cursor: pointer;
+	}
+</style>
diff --git a/js/dropdown/shared/DropdownOptions.svelte b/js/dropdown/shared/DropdownOptions.svelte
new file mode 100644
index 0000000..1673eec
--- /dev/null
+++ b/js/dropdown/shared/DropdownOptions.svelte
@@ -0,0 +1,186 @@
+<script lang="ts">
+	import { fly } from "svelte/transition";
+	let {
+		choices,
+		filtered_indices,
+		show_options = false,
+		disabled = false,
+		selected_indices = [],
+		active_index = null,
+		remember_scroll = false,
+		offset_from_top = 0,
+		from_top = false,
+		listbox_id = undefined,
+		onchange,
+		onload
+	}: {
+		choices: [string, string | number][];
+		filtered_indices: number[];
+		show_options: boolean;
+		disabled?: boolean;
+		selected_indices?: (string | number)[];
+		active_index: number | null;
+		remember_scroll?: boolean;
+		offset_from_top?: number;
+		from_top?: boolean;
+		listbox_id?: string;
+		onchange?: (index: any) => void;
+		onload?: () => void;
+	} = $props();
+
+	let distance_from_top = $state(0);
+	let distance_from_bottom = $state(0);
+	let input_height = $state(0);
+	let input_width = $state(0);
+	let refElement: HTMLDivElement;
+	let listElement: HTMLUListElement;
+	let top: string | null = $state(null);
+	let bottom: string | null = $state(null);
+	let max_height: number = $state(0);
+	let innerHeight = $state(0);
+	let list_scroll_y = 0;
+
+	function calculate_window_distance(): void {
+		const { top: ref_top, bottom: ref_bottom } =
+			refElement.getBoundingClientRect();
+		if (from_top) {
+			distance_from_top = offset_from_top;
+		} else {
+			distance_from_top = ref_top;
+		}
+		distance_from_bottom = innerHeight - ref_bottom;
+	}
+
+	let scroll_timeout: NodeJS.Timeout | null = null;
+	function scroll_listener(): void {
+		if (!show_options) return;
+		if (scroll_timeout !== null) {
+			clearTimeout(scroll_timeout);
+		}
+
+		scroll_timeout = setTimeout(() => {
+			calculate_window_distance();
+			scroll_timeout = null;
+		}, 10);
+	}
+
+	function restore_last_scroll(): void {
+		listElement?.scrollTo?.(0, list_scroll_y);
+	}
+
+	$effect(() => {
+		if (show_options && refElement) {
+			if (remember_scroll) {
+				restore_last_scroll();
+			} else {
+				if (listElement && selected_indices.length > 0) {
+					let elements = listElement.querySelectorAll("li");
+					for (const element of Array.from(elements)) {
+						if (
+							element.getAttribute("data-index") ===
+							selected_indices[0].toString()
+						) {
+							listElement?.scrollTo?.(0, (element as HTMLLIElement).offsetTop);
+							break;
+						}
+					}
+				}
+			}
+			calculate_window_distance();
+			const rect = refElement.parentElement?.getBoundingClientRect();
+			input_height = rect?.height || 0;
+			input_width = rect?.width || 0;
+			onload?.();
+		}
+		if (distance_from_bottom > distance_from_top || from_top) {
+			top = `${distance_from_top}px`;
+			max_height = distance_from_bottom;
+			bottom = null;
+		} else {
+			bottom = `${distance_from_bottom + input_height}px`;
+			max_height = distance_from_top - input_height;
+			top = null;
+		}
+	});
+</script>
+
+<svelte:window on:scroll={scroll_listener} bind:innerHeight />
+
+<div class="reference" bind:this={refElement} />
+{#if show_options && !disabled}
+	<ul
+		class="options"
+		transition:fly={{ duration: 200, y: 5 }}
+		onmousedown={(e) => {
+			e.preventDefault();
+			onchange?.((e.target as HTMLElement).dataset.index);
+		}}
+		onscroll={(e) => (list_scroll_y = e.currentTarget.scrollTop)}
+		style:top
+		style:bottom
+		style:max-height={`calc(${max_height}px - var(--window-padding))`}
+		style:width={input_width + "px"}
+		bind:this={listElement}
+		id={listbox_id}
+		role="listbox"
+	>
+		{#each filtered_indices as index}
+			<li
+				class="item"
+				class:selected={selected_indices.includes(index)}
+				class:active={index === active_index}
+				class:bg-gray-100={index === active_index}
+				class:dark:bg-gray-600={index === active_index}
+				style:width={input_width + "px"}
+				data-index={index}
+				id={listbox_id ? `${listbox_id}-option-${index}` : undefined}
+				aria-label={choices[index][0]}
+				data-testid="dropdown-option"
+				role="option"
+				aria-selected={selected_indices.includes(index)}
+			>
+				<span class:hide={!selected_indices.includes(index)} class="inner-item">
+					✓
+				</span>
+				{choices[index][0]}
+			</li>
+		{/each}
+	</ul>
+{/if}
+
+<style>
+	.options {
+		--window-padding: var(--size-8);
+		position: fixed;
+		z-index: var(--layer-top);
+		margin-left: 0;
+		box-shadow: var(--shadow-drop-lg);
+		border-radius: var(--container-radius);
+		background: var(--background-fill-primary);
+		min-width: fit-content;
+		max-width: inherit;
+		overflow: auto;
+		color: var(--body-text-color);
+		list-style: none;
+	}
+
+	.item {
+		display: flex;
+		cursor: pointer;
+		padding: var(--size-2);
+		word-break: break-word;
+	}
+
+	.item:hover,
+	.active {
+		background: var(--background-fill-secondary);
+	}
+
+	.inner-item {
+		padding-right: var(--size-1);
+	}
+
+	.hide {
+		visibility: hidden;
+	}
+</style>
diff --git a/js/dropdown/shared/Multiselect.svelte b/js/dropdown/shared/Multiselect.svelte
new file mode 100644
index 0000000..be27574
--- /dev/null
+++ b/js/dropdown/shared/Multiselect.svelte
@@ -0,0 +1,415 @@
+<script lang="ts">
+	import { _ } from "svelte-i18n";
+	import { BlockTitle, IconButtonWrapper } from "@gradio/atoms";
+	import { Remove, DropdownArrow } from "@gradio/icons";
+	import type { Gradio } from "@gradio/utils";
+	import DropdownOptions from "./DropdownOptions.svelte";
+	import { handle_filter, handle_shared_keys } from "./utils";
+	import type { DropdownEvents, DropdownProps, Item } from "../types.ts";
+
+	const props = $props();
+
+	const gradio: Gradio<DropdownEvents, DropdownProps> = props.gradio;
+
+	let filter_input: HTMLElement;
+	let input_text = $state("");
+	let label = $derived(gradio.shared.label || "Multiselect");
+
+	const uid = $props.id();
+	const listbox_id = `${uid}-options`;
+	let buttons = $derived(gradio.props.buttons);
+
+	// Translate the display side only; values stay raw for event payloads.
+	let translated_choices: [string, string | number][] = $derived.by(() => {
+		return gradio.props.choices.map(
+			([display, value]) =>
+				[gradio.live_i18n(display), value] as [string, string | number]
+		);
+	});
+	let choices_names: string[] = $derived.by(() => {
+		return translated_choices.map((c) => c[0]);
+	});
+	let choices_values: (string | number)[] = $derived.by(() => {
+		return gradio.props.choices.map((c) => c[1]);
+	});
+
+	let disabled = $derived(!gradio.shared.interactive);
+
+	let show_options = $state(false);
+
+	// All of these are indices with respect to the choices array
+	let [filtered_indices, active_index] = $derived.by(() => {
+		const filtered = handle_filter(translated_choices, input_text);
+		return [
+			filtered,
+			filtered.length > 0 && !gradio.props.allow_custom_value
+				? filtered[0]
+				: null
+		];
+	});
+
+	function set_selected_indices(): Item[] {
+		if (gradio.props.value === undefined) {
+			return [];
+		} else if (Array.isArray(gradio.props.value)) {
+			return gradio.props.value
+				.map((v) => {
+					const index = choices_values.indexOf(v);
+					if (index !== -1) {
+						return index;
+					}
+					if (gradio.props.allow_custom_value) {
+						return v;
+					}
+					// Instead of returning null, skip this iteration
+					return undefined;
+				})
+				.filter((val): val is string | number => val !== undefined);
+		}
+		return [];
+	}
+
+	let selected_indices: (number | string)[] = $derived.by(set_selected_indices);
+
+	function handle_blur(): void {
+		if (!gradio.props.allow_custom_value) {
+			input_text = "";
+		}
+
+		if (gradio.props.allow_custom_value && input_text !== "") {
+			add_selected_choice(input_text);
+			input_text = "";
+		}
+		gradio.dispatch("blur");
+		show_options = false;
+		active_index = null;
+	}
+
+	function remove_selected_choice(option_index: number | string) {
+		selected_indices = selected_indices.filter((v) => v !== option_index);
+		gradio.props.value = selected_indices.map((index) =>
+			typeof index === "number" ? choices_values[index] : index
+		);
+		gradio.dispatch("input");
+		gradio.dispatch("select", {
+			index: typeof option_index === "number" ? option_index : -1,
+			value:
+				typeof option_index === "number"
+					? choices_values[option_index]
+					: option_index,
+			selected: false
+		});
+	}
+
+	function add_selected_choice(option_index: number | string) {
+		if (
+			gradio.props.max_choices == null ||
+			selected_indices.length < gradio.props.max_choices
+		) {
+			selected_indices.push(option_index);
+			gradio.dispatch("select", {
+				index: typeof option_index === "number" ? option_index : -1,
+				value:
+					typeof option_index === "number"
+						? choices_values[option_index]
+						: option_index,
+				selected: true
+			});
+		}
+		if (selected_indices.length === gradio.props.max_choices) {
+			show_options = false;
+			active_index = null;
+			filter_input.blur();
+		}
+		gradio.props.value = selected_indices.map((index) =>
+			typeof index === "number" ? choices_values[index] : index
+		);
+	}
+
+	function handle_option_selected(index: any): void {
+		const option_index = parseInt(index);
+		add_or_remove_index(option_index);
+	}
+
+	function add_or_remove_index(option_index: number): void {
+		if (selected_indices.includes(option_index)) {
+			remove_selected_choice(option_index);
+		} else {
+			add_selected_choice(option_index);
+		}
+		input_text = "";
+		active_index = null;
+		gradio.dispatch("input");
+	}
+
+	function remove_all(e: any): void {
+		selected_indices = [];
+		input_text = "";
+		gradio.props.value = [];
+		e.preventDefault();
+	}
+
+	function handle_focus(e: FocusEvent): void {
+		filtered_indices = gradio.props.choices.map((_, i) => i);
+		if (
+			gradio.props.max_choices === null ||
+			selected_indices.length < gradio.props.max_choices
+		) {
+			show_options = true;
+		}
+		gradio.dispatch("focus");
+		show_options = true;
+	}
+
+	function handle_key_down(e: KeyboardEvent): void {
+		[show_options, active_index] = handle_shared_keys(
+			e,
+			active_index,
+			filtered_indices
+		);
+		if (e.key === "Enter") {
+			if (active_index !== null) {
+				add_or_remove_index(active_index);
+			} else {
+				if (gradio.props.allow_custom_value) {
+					add_selected_choice(input_text);
+					input_text = "";
+				}
+			}
+		}
+		if (e.key === "Backspace" && input_text === "") {
+			const new_indices = selected_indices.slice(0, -1);
+			gradio.props.value = new_indices.map((index) =>
+				typeof index === "number" ? choices_values[index] : index
+			);
+		}
+		if (selected_indices.length === gradio.props.max_choices) {
+			show_options = false;
+			active_index = null;
+		}
+	}
+
+	let old_value = $state(gradio.props.value);
+
+	$effect(() => {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+
+	function oncustom_button_click(id: number) {
+		gradio.dispatch("custom_button_click", { id });
+	}
+</script>
+
+<div class:container={gradio.shared.container}>
+	{#if gradio.shared.show_label && buttons && buttons.length > 0}
+		<IconButtonWrapper
+			{buttons}
+			on_custom_button_click={oncustom_button_click}
+		/>
+	{/if}
+	<BlockTitle show_label={gradio.shared.show_label} info={gradio.props.info}
+		>{label}</BlockTitle
+	>
+
+	<div class="wrap">
+		<div class="wrap-inner" class:show_options>
+			{#each selected_indices as s}
+				<div class="token">
+					<span>
+						{#if typeof s === "number"}
+							{choices_names[s]}
+						{:else}
+							{s}
+						{/if}
+					</span>
+					{#if !disabled}
+						<div
+							class="token-remove"
+							on:click|preventDefault={() => remove_selected_choice(s)}
+							on:keydown={(event) => {
+								if (event.key === "Enter") {
+									remove_selected_choice(s);
+								}
+							}}
+							role="button"
+							tabindex="0"
+							title={gradio.i18n("common.remove") + " " + s}
+						>
+							<Remove />
+						</div>
+					{/if}
+				</div>
+			{/each}
+			<div class="secondary-wrap">
+				<input
+					role="combobox"
+					aria-controls={listbox_id}
+					aria-expanded={show_options}
+					aria-activedescendant={show_options && active_index !== null
+						? `${listbox_id}-option-${active_index}`
+						: undefined}
+					aria-autocomplete={gradio.props.filterable ? "list" : "none"}
+					aria-label={label}
+					class="border-none"
+					class:subdued={(!choices_names.includes(input_text) &&
+						!gradio.props.allow_custom_value) ||
+						selected_indices.length === gradio.props.max_choices}
+					{disabled}
+					autocomplete="off"
+					bind:value={input_text}
+					bind:this={filter_input}
+					on:keydown={handle_key_down}
+					on:keyup={(e) => {
+						gradio.dispatch("key_up", {
+							key: e.key,
+							input_value: input_text
+						});
+					}}
+					on:blur={handle_blur}
+					on:focus={handle_focus}
+					readonly={!gradio.props.filterable}
+				/>
+
+				{#if !disabled}
+					{#if selected_indices.length > 0}
+						<div
+							role="button"
+							tabindex="0"
+							class="token-remove remove-all"
+							title={gradio.i18n("common.clear")}
+							on:click={remove_all}
+							on:keydown={(event) => {
+								if (event.key === "Enter") {
+									remove_all(event);
+								}
+							}}
+						>
+							<Remove />
+						</div>
+					{/if}
+					<span class="icon-wrap"> <DropdownArrow /></span>
+				{/if}
+			</div>
+		</div>
+		<DropdownOptions
+			{show_options}
+			choices={translated_choices}
+			{filtered_indices}
+			{disabled}
+			{selected_indices}
+			{active_index}
+			{listbox_id}
+			remember_scroll={true}
+			onchange={handle_option_selected}
+		/>
+	</div>
+</div>
+
+<style>
+	.icon-wrap {
+		color: var(--body-text-color);
+		margin-right: var(--size-2);
+		width: var(--size-5);
+	}
+	.container .wrap {
+		box-shadow: var(--input-shadow);
+		border: var(--input-border-width) solid var(--border-color-primary);
+	}
+
+	.wrap {
+		position: relative;
+		border-radius: var(--input-radius);
+		background: var(--input-background-fill);
+	}
+
+	.wrap:focus-within {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+	}
+
+	.wrap-inner {
+		display: flex;
+		position: relative;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: var(--checkbox-label-gap);
+		padding: var(--checkbox-label-padding);
+	}
+
+	.token {
+		display: flex;
+		align-items: center;
+		transition: var(--button-transition);
+		cursor: pointer;
+		box-shadow: var(--checkbox-label-shadow);
+		border: var(--checkbox-label-border-width) solid
+			var(--checkbox-label-border-color);
+		border-radius: var(--button-small-radius);
+		background: var(--checkbox-label-background-fill);
+		padding: var(--checkbox-label-padding);
+		color: var(--checkbox-label-text-color);
+		font-weight: var(--checkbox-label-text-weight);
+		font-size: var(--checkbox-label-text-size);
+		line-height: var(--line-md);
+		word-break: break-word;
+	}
+
+	.token > * + * {
+		margin-left: var(--size-2);
+	}
+
+	.token-remove {
+		fill: var(--body-text-color);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		cursor: pointer;
+		border: var(--checkbox-border-width) solid var(--border-color-primary);
+		border-radius: var(--radius-full);
+		background: var(--background-fill-primary);
+		padding: var(--size-0-5);
+		width: 16px;
+		height: 16px;
+		flex-shrink: 0;
+	}
+
+	.secondary-wrap {
+		display: flex;
+		flex: 1 1 0%;
+		align-items: center;
+		border: none;
+		min-width: min-content;
+	}
+
+	input {
+		margin: var(--spacing-sm);
+		outline: none;
+		border: none;
+		background: inherit;
+		width: var(--size-full);
+		color: var(--body-text-color);
+		font-size: var(--input-text-size);
+	}
+
+	input:disabled {
+		-webkit-text-fill-color: var(--body-text-color);
+		-webkit-opacity: 1;
+		opacity: 1;
+		cursor: not-allowed;
+	}
+
+	.remove-all {
+		margin-left: var(--size-1);
+		width: 20px;
+		height: 20px;
+	}
+	.subdued {
+		color: var(--body-text-color-subdued);
+	}
+	input[readonly] {
+		cursor: pointer;
+	}
+</style>
diff --git a/js/dropdown/shared/utils.ts b/js/dropdown/shared/utils.ts
new file mode 100644
index 0000000..6eaf668
--- /dev/null
+++ b/js/dropdown/shared/utils.ts
@@ -0,0 +1,56 @@
+function positive_mod(n: number, m: number): number {
+	return ((n % m) + m) % m;
+}
+
+export function handle_filter(
+	choices: [string, string | number][],
+	input_text: string
+): number[] {
+	return choices.reduce((filtered_indices, o, index) => {
+		if (
+			input_text ? o[0].toLowerCase().includes(input_text.toLowerCase()) : true
+		) {
+			filtered_indices.push(index);
+		}
+		return filtered_indices;
+	}, [] as number[]);
+}
+
+export function handle_change(
+	dispatch: any,
+	value: string | number | (string | number)[] | undefined,
+	value_is_output: boolean
+): void {
+	dispatch("change", value);
+	if (!value_is_output) {
+		dispatch("input");
+	}
+}
+
+export function handle_shared_keys(
+	e: KeyboardEvent,
+	active_index: number | null,
+	filtered_indices: number[]
+): [boolean, number | null] {
+	if (e.key === "Escape") {
+		return [false, active_index];
+	}
+	if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+		if (filtered_indices.length > 0) {
+			if (active_index === null) {
+				active_index =
+					e.key === "ArrowDown"
+						? filtered_indices[0]
+						: filtered_indices[filtered_indices.length - 1];
+			} else {
+				const index_in_filtered = filtered_indices.indexOf(active_index);
+				const increment = e.key === "ArrowUp" ? -1 : 1;
+				active_index =
+					filtered_indices[
+						positive_mod(index_in_filtered + increment, filtered_indices.length)
+					];
+			}
+		}
+	}
+	return [true, active_index];
+}
diff --git a/js/dropdown/types.ts b/js/dropdown/types.ts
new file mode 100644
index 0000000..da2fe0f
--- /dev/null
+++ b/js/dropdown/types.ts
@@ -0,0 +1,26 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { KeyUpData, SelectData, CustomButton } from "@gradio/utils";
+
+export type Item = string | number;
+
+export interface DropdownProps {
+	multiselect: boolean;
+	max_choices: number | null;
+	choices: [string, Item][];
+	allow_custom_value: boolean;
+	value: Item | Item[];
+	info: string;
+	filterable: boolean;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface DropdownEvents {
+	change: never;
+	input: never;
+	select: SelectData;
+	focus: never;
+	blur: never;
+	key_up: KeyUpData;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/fallback/CHANGELOG.md b/js/fallback/CHANGELOG.md
new file mode 100644
index 0000000..3f48582
--- /dev/null
+++ b/js/fallback/CHANGELOG.md
@@ -0,0 +1,792 @@
+# @gradio/fallback
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.6.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.5.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+## 0.4.39
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.4.38
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.4.37
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.4.36
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.4.35
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.4.34
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.4.33
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.4.32
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+
+## 0.4.31
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.4.31
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.4.30
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.4.30
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.4.30-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.4.30-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.4.29
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.4.29
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.4.28
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.4.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.4.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+
+## 0.4.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.4.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.4.24
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.4.23
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.4.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.4.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.4.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.4.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.3.13-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.3.13-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.3.13-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.3.13-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.3.13-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.13-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.3.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.3.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.3.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.2.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.2.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.2.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.2.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.2.8
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Patch Changes
+
+- Updated dependencies [[`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a), [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13)]:
+  - @gradio/atoms@0.2.0-beta.6
+  - @gradio/statustracker@0.3.0-beta.8
+  - @gradio/utils@0.2.0-beta.6
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6107](https://github.com/gradio-app/gradio/pull/6107) [`9a40de7bf`](https://github.com/gradio-app/gradio/commit/9a40de7bff5844c8a135e73c7d175eb02b63a966) - Fix: Move to cache in init postprocess + Fallback Fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6092](https://github.com/gradio-app/gradio/pull/6092) [`11d67ae75`](https://github.com/gradio-app/gradio/commit/11d67ae7529e0838565e4131b185c413489c5aa6) - Add a stand-alone install command and tidy-up the fallback template. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.5
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.4
+
+### Patch Changes
+
+- Updated dependencies [[`0b4fd5b6d`](https://github.com/gradio-app/gradio/commit/0b4fd5b6db96fc95a155e5e935e17e1ab11d1161)]:
+  - @gradio/utils@0.2.0-beta.3
+  - @gradio/atoms@0.2.0-beta.3
+  - @gradio/statustracker@0.3.0-beta.4
+
+## 0.2.0-beta.3
+
+### Patch Changes
+
+- Updated dependencies [[`14fc612d8`](https://github.com/gradio-app/gradio/commit/14fc612d84bf6b1408eccd3a40fab41f25477571)]:
+  - @gradio/utils@0.2.0-beta.2
+  - @gradio/atoms@0.2.0-beta.2
+  - @gradio/statustracker@0.3.0-beta.3
+
+## 0.2.0-beta.2
+
+### Features
+
+- [#5620](https://github.com/gradio-app/gradio/pull/5620) [`c4c25ecdf`](https://github.com/gradio-app/gradio/commit/c4c25ecdf8c2fab5e3c41b519564e3b6a9ebfce3) - fix build and broken imports. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.2.0-beta.1
+  - @gradio/atoms@0.2.0-beta.1
+  - @gradio/statustracker@0.3.0-beta.1
+
+## 0.2.0-beta.0
+
+### Features
+
+- [#5507](https://github.com/gradio-app/gradio/pull/5507) [`1385dc688`](https://github.com/gradio-app/gradio/commit/1385dc6881f2d8ae7a41106ec21d33e2ef04d6a9) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+# @gradio/checkbox
+
+## 0.1.1
+
+### Fixes
+
+- [#5340](https://github.com/gradio-app/gradio/pull/5340) [`df090e89`](https://github.com/gradio-app/gradio/commit/df090e89f74a16e4cb2b700a1e3263cabd2bdd91) - Fix Checkbox select dispatch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/fallback/Example.svelte b/js/fallback/Example.svelte
new file mode 100644
index 0000000..6b6a4a0
--- /dev/null
+++ b/js/fallback/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/fallback/Index.svelte b/js/fallback/Index.svelte
new file mode 100644
index 0000000..a02ae84
--- /dev/null
+++ b/js/fallback/Index.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import type { FallbackProps, FallbackEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import { JsonView } from "@zerodevx/svelte-json-view";
+
+	import { Block, Info } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	const props = $props();
+	const gradio = new Gradio<FallbackEvents, FallbackProps>(props);
+	gradio.watch_for_change();
+
+	const container = true;
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	{container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+
+	<JsonView json={gradio.props.value} />
+</Block>
diff --git a/js/fallback/package.json b/js/fallback/package.json
new file mode 100644
index 0000000..7759d40
--- /dev/null
+++ b/js/fallback/package.json
@@ -0,0 +1,40 @@
+{
+	"name": "@gradio/fallback",
+	"version": "0.6.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@zerodevx/svelte-json-view": "^1.0.11"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/fallback"
+	}
+}
diff --git a/js/fallback/types.ts b/js/fallback/types.ts
new file mode 100644
index 0000000..283590b
--- /dev/null
+++ b/js/fallback/types.ts
@@ -0,0 +1,13 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { SelectData } from "@gradio/utils";
+
+export interface FallbackProps {
+	value: unknown;
+}
+
+export interface FallbackEvents {
+	change: never;
+	select: SelectData;
+	input: never;
+	clear_status: LoadingStatus;
+}
diff --git a/js/file/CHANGELOG.md b/js/file/CHANGELOG.md
new file mode 100644
index 0000000..be88edb
--- /dev/null
+++ b/js/file/CHANGELOG.md
@@ -0,0 +1,1407 @@
+# @gradio/file
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.15.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.14.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.14.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.14.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.14.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.14.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12698](https://github.com/gradio-app/gradio/pull/12698) [`db86165`](https://github.com/gradio-app/gradio/commit/db86165535386991701ea89b2083ef5e60cd23e8) - Migrates gr.File.  Thanks @aliabid94!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.14.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.14.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.13.1
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.13.1-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+
+## 0.13.1-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.13.1-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.13.1-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+
+## 0.13.0
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.13.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.13.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
+## 0.12.29
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.12.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.12.28
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.12.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+
+## 0.12.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+
+## 0.12.26
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+
+## 0.12.25
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+
+## 0.12.24
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+
+## 0.12.23
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+
+## 0.12.22
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+
+## 0.12.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+
+## 0.12.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.12.20
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+
+## 0.12.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.12.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+
+## 0.12.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+
+## 0.12.17
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.12.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.12.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+
+## 0.12.14
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.12.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.12.12
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+
+## 0.12.11
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+
+## 0.12.10
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.12.9
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+
+## 0.12.8
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+
+## 0.12.7
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.12.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+
+## 0.12.5
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.12.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/wasm@0.17.2
+
+## 0.12.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/wasm@0.17.1
+
+## 0.12.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+
+## 0.12.0
+
+### Features
+
+- [#10210](https://github.com/gradio-app/gradio/pull/10210) [`13a83e5`](https://github.com/gradio-app/gradio/commit/13a83e5001e29594990d61569887cb8562744964) - Allow reordering files in gr.File.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10209](https://github.com/gradio-app/gradio/pull/10209) [`2700d18`](https://github.com/gradio-app/gradio/commit/2700d1898bc8eeb3fd9f65ce77be17c2614a388f) - Ensure the `height` param in `gr.File` works as expected.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.11.1
+
+### Fixes
+
+- [#9946](https://github.com/gradio-app/gradio/pull/9946) [`a966e9f`](https://github.com/gradio-app/gradio/commit/a966e9f753af25eb9d813dfdbce39be6f3014d82) - Hide upload button after upload when `file_count="single"`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.11.0
+
+### Features
+
+- [#9891](https://github.com/gradio-app/gradio/pull/9891) [`fc12496`](https://github.com/gradio-app/gradio/commit/fc124964a1b4922e54a4ca4755f0a536dfae1a21) - Allow uploading more files in gr.File.  Thanks @hannahblair!
+- [#9887](https://github.com/gradio-app/gradio/pull/9887) [`d407c00`](https://github.com/gradio-app/gradio/commit/d407c007153705a7f5446f4601c12f208ec32a5b) - Add `.download()` event to `gr.File`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/wasm@0.14.1
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.10.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds ability to block event trigger when file is uploading
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.10.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.10.0-beta.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.10.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.10.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.10.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.10.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.9.4-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.9.4-beta.0
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.0
+- @gradio/statustracker@0.8.0-beta.0
+- @gradio/atoms@0.8.1-beta.0
+- @gradio/client@1.6.0-beta.0
+- @gradio/icons@0.8.0-beta.0
+- @gradio/upload@0.12.4-beta.0
+- @gradio/wasm@0.13.1-beta.0
+
+## 0.9.3
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+
+## 0.9.0
+
+### Features
+
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+
+## 0.8.4
+
+### Fixes
+
+- [#8608](https://github.com/gradio-app/gradio/pull/8608) [`c12f82a`](https://github.com/gradio-app/gradio/commit/c12f82a36dc75ff30918dc2ce5f24e583b676f22) - Bugfix: Add a `file_count` parameter to `gr.MultimodalTextbox`. Multiple files cab be uploaded by setting `file_count="multiple"`. Default is `"single"` to preserve the previous behavior.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.8.0
+
+### Features
+
+- [#8417](https://github.com/gradio-app/gradio/pull/8417) [`96d8de2`](https://github.com/gradio-app/gradio/commit/96d8de231270321da5f310768643363276df3204) - add delete event to `File` component.  Thanks @pngwn!
+
+### Fixes
+
+- [#8451](https://github.com/gradio-app/gradio/pull/8451) [`9d2d605`](https://github.com/gradio-app/gradio/commit/9d2d6051caed5c8749a26a6fa7480a5ae6e6c4f3) - Change client submit API to be an AsyncIterable and support more platforms.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.10.6
+
+## 0.7.5
+
+### Fixes
+
+- [#8334](https://github.com/gradio-app/gradio/pull/8334) [`0236b1a`](https://github.com/gradio-app/gradio/commit/0236b1ab12149ddd11b03e1382ceb09d19ac0d48) - fix: prevent triggering gr.File.select on delete.  Thanks @gtm-nayan!
+- [#8341](https://github.com/gradio-app/gradio/pull/8341) [`82ba397`](https://github.com/gradio-app/gradio/commit/82ba3975921760c727875948fb7275c2f5f9ea2b) - add missing orig_name (follow up to #8334).  Thanks @gtm-nayan!
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/upload@0.10.4
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.7.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.7.0
+
+### Features
+
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+
+## 0.6.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.5.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.5.4
+
+### Fixes
+
+- [#7559](https://github.com/gradio-app/gradio/pull/7559) [`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8) - Fixes: Invalid file_type breaks drag and drop. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.5.3
+
+### Fixes
+
+- [#7507](https://github.com/gradio-app/gradio/pull/7507) [`9c36572`](https://github.com/gradio-app/gradio/commit/9c36572e32aeec6e6352a861dfea6ee0f9a15e79) - Quick fix: File height overflow. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.5.0
+
+### Features
+
+- [#7299](https://github.com/gradio-app/gradio/pull/7299) [`f35f615`](https://github.com/gradio-app/gradio/commit/f35f615e33a5dd90bfeb106b6f5dca689849fcef) - Added remove button for every file in file preview, to remove individual file in gr.File(). Thanks [@shubhamofbce](https://github.com/shubhamofbce)!
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.9
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7221](https://github.com/gradio-app/gradio/pull/7221) [`cae05c0`](https://github.com/gradio-app/gradio/commit/cae05c05ecde56c4d92c6b5ed8d13353505cbd14) - Fix single file upload display. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.8
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32), [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4), [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/wasm@0.5.1
+  - @gradio/statustracker@0.4.4
+
+## 0.4.7
+
+### Fixes
+
+- [#6980](https://github.com/gradio-app/gradio/pull/6980) [`523b6bc`](https://github.com/gradio-app/gradio/commit/523b6bc534e221b028a3ea3f274c7466fe242d5a) - `gr.update(value=[])` for `gr.File()` clears it. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+  - @gradio/wasm@0.5.0
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549), [`459c5dc`](https://github.com/gradio-app/gradio/commit/459c5dc989849b1f0134467d260710fe891045d6), [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74), [`8333db8`](https://github.com/gradio-app/gradio/commit/8333db83ac6e2c8511c104534c48137576d0bcd7)]:
+  - @gradio/client@0.10.0
+  - @gradio/upload@0.5.8
+  - @gradio/wasm@0.4.1
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/upload@0.5.7
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+
+## 0.4.0
+
+### Features
+
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+  - @gradio/upload@0.5.2
+
+## 0.3.0
+
+### Features
+
+- [#6511](https://github.com/gradio-app/gradio/pull/6511) [`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a) - Mark `FileData.orig_name` optional on the frontend aligning the type definition on the Python side. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6520](https://github.com/gradio-app/gradio/pull/6520) [`f94db6b73`](https://github.com/gradio-app/gradio/commit/f94db6b7319be902428887867500311a6a32a165) - File table style with accessible file name texts. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/upload@0.4.1
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/statustracker@0.3.1
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`4e62b8493`](https://github.com/gradio-app/gradio/commit/4e62b8493dfce50bafafe49f1a5deb929d822103), [`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/client@0.5.2
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+  - @gradio/upload@0.3.3
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`796145e2c`](https://github.com/gradio-app/gradio/commit/796145e2c48c4087bec17f8ec0be4ceee47170cb)]:
+  - @gradio/client@0.5.1
+
+## 0.2.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function.
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`6e56a0d9b`](https://github.com/gradio-app/gradio/commit/6e56a0d9b0c863e76c69e1183d9d40196922b4cd)]:
+  - @gradio/client@0.4.2
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`78e7cf516`](https://github.com/gradio-app/gradio/commit/78e7cf5163e8d205e8999428fce4c02dbdece25f)]:
+  - @gradio/client@0.4.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`c57f1b75e`](https://github.com/gradio-app/gradio/commit/c57f1b75e272c76b0af4d6bd0c7f44743ff34f26), [`40de3d217`](https://github.com/gradio-app/gradio/commit/40de3d2178b61ebe424b6f6228f94c0c6f679bea), [`ea0e00b20`](https://github.com/gradio-app/gradio/commit/ea0e00b207b4b90a10e9d054c4202d4e705a29ba), [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423)]:
+  - @gradio/client@0.4.0
+  - @gradio/upload@0.3.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912), [`26fef8c7`](https://github.com/gradio-app/gradio/commit/26fef8c7f85a006c7e25cdbed1792df19c512d02)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/client@0.3.1
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`119c8343`](https://github.com/gradio-app/gradio/commit/119c834331bfae60d4742c8f20e9cdecdd67e8c2), [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/client@0.3.0
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5221](https://github.com/gradio-app/gradio/pull/5221) [`f344592a`](https://github.com/gradio-app/gradio/commit/f344592aeb1658013235ded154107f72d86f24e7) - Allows setting a height to `gr.File` and improves the UI of the component. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5265](https://github.com/gradio-app/gradio/pull/5265) [`06982212`](https://github.com/gradio-app/gradio/commit/06982212dfbd613853133d5d0eebd75577967027) - Removes scrollbar from File preview when not needed. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5264](https://github.com/gradio-app/gradio/pull/5264) [`46a2b600`](https://github.com/gradio-app/gradio/commit/46a2b600a7ff030a9ea1560b882b3bf3ad266bbc) - ensure translations for audio work correctly. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5253](https://github.com/gradio-app/gradio/pull/5253) [`ddac7e4d`](https://github.com/gradio-app/gradio/commit/ddac7e4d0f55c3bdc6c3e9a9e24588b2563e4049) - Ensure File component uploads files to the server. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5313](https://github.com/gradio-app/gradio/pull/5313) [`54bcb724`](https://github.com/gradio-app/gradio/commit/54bcb72417b2781ad9d7500ea0f89aa9d80f7d8f) - Restores missing part of bottom border on file component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`61129052`](https://github.com/gradio-app/gradio/commit/61129052ed1391a75c825c891d57fa0ad6c09fc8), [`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd), [`67265a58`](https://github.com/gradio-app/gradio/commit/67265a58027ef1f9e4c0eb849a532f72eaebde48), [`8b4eb8ca`](https://github.com/gradio-app/gradio/commit/8b4eb8cac9ea07bde31b44e2006ca2b7b5f4de36)]:
+  - @gradio/client@0.2.0
+  - @gradio/upload@0.0.3
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.0.2
+  - @gradio/atoms@0.0.2
+  - @gradio/upload@0.0.2
\ No newline at end of file
diff --git a/js/file/Example.svelte b/js/file/Example.svelte
new file mode 100644
index 0000000..3f052e6
--- /dev/null
+++ b/js/file/Example.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+	import type { FileData } from "@gradio/client";
+
+	let {
+		value,
+		type,
+		selected = false
+	}: {
+		value: FileData | null;
+		type: "gallery" | "table";
+		selected: boolean;
+	} = $props();
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value ? (Array.isArray(value) ? value.join(", ") : value) : ""}
+</div>
+
+<style>
+	div {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.gallery {
+		display: flex;
+		align-items: center;
+		cursor: pointer;
+		padding: var(--size-1) var(--size-2);
+		text-align: left;
+	}
+</style>
diff --git a/js/file/File.stories.svelte b/js/file/File.stories.svelte
new file mode 100644
index 0000000..c29dad8
--- /dev/null
+++ b/js/file/File.stories.svelte
@@ -0,0 +1,62 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import File from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const cheetah = "/cheetah.jpg";
+	const bus = "/bus.png";
+
+	const { Story } = defineMeta({
+		title: "Components/File",
+		component: File,
+		argTypes: {
+			value: {
+				control: "text",
+				description: "The URL or filepath (or list of URLs or filepaths)",
+				name: "value",
+				value: []
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<File {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Single File"
+	args={{
+		value: [
+			{
+				path: cheetah,
+				orig_name: "cheetah.jpg",
+				url: cheetah,
+				size: 10000
+			}
+		]
+	}}
+	{template}
+/>
+<Story
+	name="Multiple files, with height set to 150px and reordering enabled"
+	args={{
+		value: [
+			{
+				path: bus,
+				orig_name: "bus.png",
+				url: bus,
+				size: 10000
+			},
+			{
+				path: cheetah,
+				orig_name: "cheetah.jpg",
+				url: cheetah,
+				size: 10000
+			}
+		],
+		height: 150,
+		allow_reordering: true
+	}}
+	{template}
+/>
diff --git a/js/file/File.test.ts b/js/file/File.test.ts
new file mode 100644
index 0000000..06dfce0
--- /dev/null
+++ b/js/file/File.test.ts
@@ -0,0 +1,95 @@
+import { describe, test, expect, vi, afterEach } from "vitest";
+import {
+	render,
+	download_file,
+	upload_file,
+	drop_file,
+	cleanup,
+	mock_client,
+	TEST_TXT,
+	TEST_JPG,
+	TEST_MP4,
+	TEST_PDF
+} from "@self/tootils/render";
+import File from "./Index.svelte";
+
+const default_props = {
+	interactive: true,
+	label: "Test File",
+	show_label: true,
+	value: null,
+	file_count: "single",
+	file_types: null,
+	root: "http://localhost:7860",
+	client: mock_client()
+};
+
+describe("File", () => {
+	afterEach(() => cleanup());
+
+	test("download link triggers a real file download with correct content", async () => {
+		await render(File, {
+			...default_props,
+			value: [TEST_TXT]
+		});
+
+		const { suggested_filename, content } = await download_file("a[download]");
+
+		expect(suggested_filename).toBe("alphabet.txt");
+		expect(content).toBe("abcdefghijklmnopqrstuvwxyz");
+	});
+
+	test("upload_file sets a file on the file input", async () => {
+		const { listen } = await render(File, default_props);
+
+		const upload = listen("upload");
+		await upload_file(TEST_TXT);
+
+		await vi.waitFor(() => expect(upload).toHaveBeenCalled());
+	});
+
+	test("drop_file simulates drag-and-drop onto the upload area", async () => {
+		const { listen } = await render(File, default_props);
+
+		const upload = listen("upload");
+		await drop_file(TEST_TXT, "[aria-label='Click to upload or drop files']");
+
+		await vi.waitFor(() => expect(upload).toHaveBeenCalled());
+	});
+
+	test("file_types accepts image category uploads", async () => {
+		const { listen } = await render(File, {
+			...default_props,
+			file_types: ["image", "video"]
+		});
+
+		const upload = listen("upload");
+		await upload_file(TEST_JPG);
+
+		await vi.waitFor(() => expect(upload).toHaveBeenCalledTimes(1));
+	});
+
+	test("file_types accepts video category uploads", async () => {
+		const { listen } = await render(File, {
+			...default_props,
+			file_types: ["image", "video"]
+		});
+
+		const upload = listen("upload");
+		await upload_file(TEST_MP4);
+
+		await vi.waitFor(() => expect(upload).toHaveBeenCalledTimes(1));
+	});
+
+	test("file_types accepts dot-prefixed extension uploads", async () => {
+		const { listen } = await render(File, {
+			...default_props,
+			file_types: [".pdf"]
+		});
+
+		const upload = listen("upload");
+		await upload_file(TEST_PDF);
+
+		await vi.waitFor(() => expect(upload).toHaveBeenCalledTimes(1));
+	});
+});
diff --git a/js/file/FileUpload.stories.svelte b/js/file/FileUpload.stories.svelte
new file mode 100644
index 0000000..3ef0d0f
--- /dev/null
+++ b/js/file/FileUpload.stories.svelte
@@ -0,0 +1,71 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import File from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const cheetah = "/cheetah.jpg";
+	const lion = "/lion.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/FileUpload",
+		component: File,
+		argTypes: {
+			value: {
+				control: "text",
+				description: "The URL or filepath (or list of URLs or filepaths)",
+				name: "value",
+				value: []
+			},
+			file_count: {
+				control: "radio",
+				options: ["single", "multiple"],
+				description: "Whether to allow single or multiple files to be uploaded",
+				name: "file_count",
+				value: "single"
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<File {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Single File"
+	args={{
+		value: [
+			{
+				path: cheetah,
+				orig_name: "cheetah.jpg",
+				url: cheetah,
+				size: 10000
+			}
+		],
+		file_count: "single",
+		interactive: true
+	}}
+	{template}
+/>
+<Story
+	name="Multiple files"
+	args={{
+		value: [
+			{
+				path: cheetah,
+				orig_name: "cheetah.jpg",
+				url: cheetah,
+				size: 10000
+			},
+			{
+				path: lion,
+				orig_name: "lion.jpg",
+				url: lion,
+				size: 10000
+			}
+		],
+		file_count: "multiple",
+		interactive: true
+	}}
+	{template}
+/>
diff --git a/js/file/Index.svelte b/js/file/Index.svelte
new file mode 100644
index 0000000..35a50d4
--- /dev/null
+++ b/js/file/Index.svelte
@@ -0,0 +1,126 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+	export { default as FilePreview } from "./shared/FilePreview.svelte";
+	export { default as BaseFileUpload } from "./shared/FileUpload.svelte";
+	export { default as BaseFile } from "./shared/File.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import File from "./shared/File.svelte";
+	import FileUpload from "./shared/FileUpload.svelte";
+	import { Block, UploadText } from "@gradio/atoms";
+	import type { FileEvents, FileProps } from "./types";
+	import type { SelectData } from "@gradio/utils";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { tick } from "svelte";
+
+	const props = $props();
+	let upload_promise = $state<Promise<any> | null>(null);
+
+	let dragging = $state(false);
+	let pending_upload = $state(false);
+
+	class FileGradio extends Gradio<FileEvents, FileProps> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+			const data = await super.get_data();
+
+			return data;
+		}
+	}
+
+	const gradio = new FileGradio(props);
+
+	let old_value = $state(gradio.props.value);
+
+	$effect(() => {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change", $state.snapshot(gradio.props.value));
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	variant={gradio.props.value ? "solid" : "dashed"}
+	border_mode={dragging ? "focus" : "base"}
+	padding={false}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		status={pending_upload
+			? "generating"
+			: gradio.shared.loading_status?.status || "complete"}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	{#if !gradio.shared.interactive}
+		<File
+			on_select={(detail) => gradio.dispatch("select", detail)}
+			on_download={(file) => gradio.dispatch("download", file)}
+			selectable={gradio.props._selectable}
+			value={gradio.props.value}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			height={gradio.props.height}
+			i18n={gradio.i18n}
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id: number) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	{:else}
+		<FileUpload
+			bind:upload_promise
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={(...args) => gradio.shared.client.stream(...args)}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			value={gradio.props.value}
+			file_count={gradio.props.file_count}
+			file_types={gradio.props.file_types}
+			selectable={gradio.props._selectable}
+			height={gradio.props.height ?? undefined}
+			root={gradio.shared.root}
+			allow_reordering={gradio.props.allow_reordering}
+			max_file_size={gradio.shared.max_file_size}
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			onchange={(detail) => {
+				gradio.props.value = detail;
+			}}
+			ondrag={(detail) => (dragging = detail)}
+			onclear={() => gradio.dispatch("clear")}
+			onselect={(detail: SelectData) => gradio.dispatch("select", detail)}
+			onupload={() => gradio.dispatch("upload")}
+			onerror={(error) => {
+				gradio.shared.loading_status = gradio.shared.loading_status || {};
+				gradio.shared.loading_status.status = "error";
+				gradio.dispatch("error", error);
+			}}
+			ondelete={(detail) => {
+				gradio.dispatch("delete", detail);
+			}}
+			i18n={gradio.i18n}
+		>
+			<UploadText i18n={gradio.i18n} type="file" />
+		</FileUpload>
+	{/if}
+</Block>
diff --git a/js/file/README.md b/js/file/README.md
new file mode 100644
index 0000000..6becc88
--- /dev/null
+++ b/js/file/README.md
@@ -0,0 +1,45 @@
+# `@gradio/file`
+
+```html
+<script>
+	import { BaseFile, BaseFileUpload, FilePreview, BaseExample } from "@gradio/file";
+</script>
+```
+
+BaseFile
+```javascript
+	export let value: FileData | FileData[] | null = null;
+	export let label: string;
+	export let show_label = true;
+	export let selectable = false;
+	export let height: number | undefined = undefined;
+	export let i18n: I18nFormatter;
+```
+
+BaseFileUpload
+```javascript
+	export let value: null | FileData | FileData[];
+	export let label: string;
+	export let show_label = true;
+	export let file_count = "single";
+	export let file_types: string[] | null = null;
+	export let selectable = false;
+	export let root: string;
+	export let height: number | undefined = undefined;
+	export let i18n: I18nFormatter;
+```
+
+FilePreview
+```javascript
+	export let value: FileData | FileData[];
+	export let selectable = false;
+	export let height: number | undefined = undefined;
+	export let i18n: I18nFormatter;
+```
+
+BaseExample
+```javascript
+	export let value: FileData;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/file/package.json b/js/file/package.json
new file mode 100644
index 0000000..c827895
--- /dev/null
+++ b/js/file/package.json
@@ -0,0 +1,43 @@
+{
+	"name": "@gradio/file",
+	"version": "0.15.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main": "./Index.svelte",
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/file"
+	}
+}
diff --git a/js/file/shared/File.svelte b/js/file/shared/File.svelte
new file mode 100644
index 0000000..7187959
--- /dev/null
+++ b/js/file/shared/File.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	import { BlockLabel, Empty, IconButtonWrapper } from "@gradio/atoms";
+	import { File } from "@gradio/icons";
+	import FilePreview from "./FilePreview.svelte";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import type { FileData } from "@gradio/client";
+	import type { I18nFormatter, SelectData } from "@gradio/utils";
+
+	let {
+		value,
+		label,
+		show_label,
+		selectable,
+		i18n,
+		height,
+		buttons = null,
+		on_custom_button_click = null,
+		on_select,
+		on_download
+	}: {
+		value: FileData | FileData[] | null;
+		label?: string | null;
+		show_label?: boolean;
+		selectable?: boolean;
+		i18n: I18nFormatter;
+		height?: number | string | null;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		on_select?: (event_data: SelectData) => void;
+		on_download?: (event_data: FileData) => void;
+	} = $props();
+</script>
+
+{#if show_label && buttons && buttons.length > 0}
+	<IconButtonWrapper {buttons} {on_custom_button_click} />
+{/if}
+<BlockLabel
+	{show_label}
+	float={value === null}
+	Icon={File}
+	label={label || "File"}
+/>
+
+{#if value && (Array.isArray(value) ? value.length > 0 : true)}
+	<FilePreview
+		{i18n}
+		{selectable}
+		onselect={on_select}
+		ondownload={on_download}
+		{value}
+		height={height ?? undefined}
+	/>
+{:else}
+	<Empty unpadded_box={true} size="large"><File /></Empty>
+{/if}
diff --git a/js/file/shared/FilePreview.svelte b/js/file/shared/FilePreview.svelte
new file mode 100644
index 0000000..f05619b
--- /dev/null
+++ b/js/file/shared/FilePreview.svelte
@@ -0,0 +1,328 @@
+<script lang="ts">
+	import type { FileData } from "@gradio/client";
+	import { prettyBytes } from "./utils";
+	import type { I18nFormatter, SelectData } from "@gradio/utils";
+	import { DownloadLink } from "@gradio/atoms";
+
+	let {
+		value,
+		selectable = false,
+		height = undefined,
+		i18n,
+		allow_reordering = false,
+		onselect,
+		onchange,
+		ondelete,
+		ondownload
+	}: {
+		value: FileData | FileData[];
+		selectable?: boolean;
+		height?: number | string | undefined;
+		i18n: I18nFormatter;
+		allow_reordering?: boolean;
+		onselect?: (event_data: SelectData) => void;
+		onchange?: (event_data: FileData[] | FileData) => void;
+		ondelete?: (event_data: FileData) => void;
+		ondownload?: (event_data: FileData) => void;
+	} = $props();
+
+	let dragging_index: number | null = $state(null);
+	let drop_target_index: number | null = $state(null);
+
+	function handle_drag_start(event: DragEvent, index: number): void {
+		dragging_index = index;
+		if (event.dataTransfer) {
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", index.toString());
+		}
+	}
+
+	function handle_drag_over(event: DragEvent, index: number): void {
+		event.preventDefault();
+		if (index === normalized_files.length - 1) {
+			const rect = (event.currentTarget as HTMLElement).getBoundingClientRect();
+			const midY = rect.top + rect.height / 2;
+			drop_target_index =
+				event.clientY > midY ? normalized_files.length : index;
+		} else {
+			drop_target_index = index;
+		}
+		if (event.dataTransfer) {
+			event.dataTransfer.dropEffect = "move";
+		}
+	}
+
+	function handle_drag_end(event: DragEvent): void {
+		if (
+			!event.dataTransfer?.dropEffect ||
+			event.dataTransfer.dropEffect === "none"
+		) {
+			dragging_index = null;
+			drop_target_index = null;
+		}
+	}
+
+	function handle_drop(event: DragEvent, index: number): void {
+		event.preventDefault();
+		if (dragging_index === null || dragging_index === index) return;
+
+		const files = Array.isArray(value) ? [...value] : [value];
+		const [removed] = files.splice(dragging_index, 1);
+		files.splice(
+			drop_target_index === normalized_files.length
+				? normalized_files.length
+				: index,
+			0,
+			removed
+		);
+
+		const new_value = Array.isArray(value) ? files : files[0];
+		onchange?.(new_value);
+
+		dragging_index = null;
+		drop_target_index = null;
+	}
+
+	function split_filename(filename: string): [string, string] {
+		const last_dot = filename.lastIndexOf(".");
+		if (last_dot === -1) {
+			return [filename, ""];
+		}
+		return [filename.slice(0, last_dot), filename.slice(last_dot)];
+	}
+
+	let normalized_files = $derived(
+		(Array.isArray(value) ? value : [value]).map((file) => {
+			const [filename_stem, filename_ext] = split_filename(
+				file.orig_name ?? ""
+			);
+			return {
+				...file,
+				filename_stem,
+				filename_ext
+			};
+		})
+	);
+
+	function handle_row_click(
+		event: MouseEvent & { currentTarget: HTMLTableRowElement },
+		index: number
+	): void {
+		const tr = event.currentTarget;
+		const should_select =
+			event.target === tr || // Only select if the click is on the row itself
+			(tr &&
+				tr.firstElementChild &&
+				event.composedPath().includes(tr.firstElementChild)); // Or if the click is on the name column
+
+		if (should_select) {
+			onselect?.({ value: normalized_files[index].orig_name, index });
+		}
+	}
+
+	function remove_file(index: number): void {
+		const files = Array.isArray(value) ? [...value] : [value];
+		const removed = files.splice(index, 1);
+		const new_value = Array.isArray(value) ? files : files[0];
+		value = new_value;
+		ondelete?.(removed[0]);
+		onchange?.(new_value);
+	}
+
+	function handle_download(file: FileData): void {
+		ondownload?.(file);
+	}
+
+	const is_browser = typeof window !== "undefined";
+</script>
+
+<div
+	class="file-preview-holder"
+	style:max-height={height
+		? typeof height === "number"
+			? height + "px"
+			: height
+		: "auto"}
+>
+	<table class="file-preview">
+		<tbody>
+			{#each normalized_files as file, i (file.url)}
+				<tr
+					class="file"
+					class:selectable
+					class:dragging={dragging_index === i}
+					class:drop-target={drop_target_index === i ||
+						(i === normalized_files.length - 1 &&
+							drop_target_index === normalized_files.length)}
+					data-drop-target={drop_target_index === normalized_files.length &&
+					i === normalized_files.length - 1
+						? "after"
+						: drop_target_index === i + 1
+							? "after"
+							: "before"}
+					draggable={allow_reordering && normalized_files.length > 1}
+					onclick={(event) => {
+						handle_row_click(event, i);
+					}}
+					ondragstart={(event) => handle_drag_start(event, i)}
+					ondragenter={(event) => event.preventDefault()}
+					ondragover={(event) => handle_drag_over(event, i)}
+					ondrop={(event) => handle_drop(event, i)}
+					ondragend={handle_drag_end}
+				>
+					<td class="filename" aria-label={file.orig_name}>
+						{#if allow_reordering && normalized_files.length > 1}
+							<span class="drag-handle">⋮⋮</span>
+						{/if}
+						<span class="stem">{file.filename_stem}</span>
+						<span class="ext">{file.filename_ext}</span>
+					</td>
+
+					<td class="download">
+						{#if file.url}
+							<DownloadLink
+								href={file.url}
+								on:click={() => handle_download(file)}
+								download={is_browser && window.__is_colab__
+									? null
+									: file.orig_name}
+							>
+								{@html file.size != null
+									? prettyBytes(file.size)
+									: "(size unknown)"}&nbsp;&#8675;
+							</DownloadLink>
+						{:else}
+							{i18n("file.uploading")}
+						{/if}
+					</td>
+
+					{#if normalized_files.length > 1}
+						<td>
+							<button
+								class="label-clear-button"
+								aria-label="Remove this file"
+								onclick={() => {
+									remove_file(i);
+								}}
+								onkeydown={(event) => {
+									if (event.key === "Enter") {
+										remove_file(i);
+									}
+								}}
+								>×
+							</button>
+						</td>
+					{/if}
+				</tr>
+			{/each}
+		</tbody>
+	</table>
+</div>
+
+<style>
+	.label-clear-button {
+		color: var(--body-text-color-subdued);
+		position: relative;
+		left: -3px;
+	}
+
+	.label-clear-button:hover {
+		color: var(--body-text-color);
+	}
+
+	.file-preview {
+		table-layout: fixed;
+		width: var(--size-full);
+		max-height: var(--size-60);
+		overflow-y: auto;
+		margin-top: var(--size-1);
+		color: var(--body-text-color);
+	}
+
+	.file-preview-holder {
+		overflow: auto;
+	}
+
+	.file {
+		display: flex;
+		width: var(--size-full);
+	}
+
+	.file > * {
+		padding: var(--size-1) var(--size-2-5);
+	}
+
+	.filename {
+		flex-grow: 1;
+		display: flex;
+		overflow: hidden;
+	}
+	.filename .stem {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.filename .ext {
+		white-space: nowrap;
+	}
+
+	.download {
+		min-width: 8rem;
+		width: 10%;
+		white-space: nowrap;
+		text-align: right;
+	}
+	.download:hover {
+		text-decoration: underline;
+	}
+	.download > :global(a) {
+		color: var(--link-text-color);
+	}
+
+	.download > :global(a:hover) {
+		color: var(--link-text-color-hover);
+	}
+	.download > :global(a:visited) {
+		color: var(--link-text-color-visited);
+	}
+	.download > :global(a:active) {
+		color: var(--link-text-color-active);
+	}
+	.selectable {
+		cursor: pointer;
+	}
+
+	tbody > tr:nth-child(even) {
+		background: var(--block-background-fill);
+	}
+
+	tbody > tr:nth-child(odd) {
+		background: var(--table-odd-background-fill);
+	}
+
+	.drag-handle {
+		cursor: grab;
+		color: var(--body-text-color-subdued);
+		padding-right: var(--size-2);
+		user-select: none;
+	}
+
+	.dragging {
+		opacity: 0.5;
+		cursor: grabbing;
+	}
+
+	.drop-target {
+		border-top: 2px solid var(--color-accent);
+	}
+
+	tr:last-child.drop-target[data-drop-target="before"] {
+		border-top: 2px solid var(--color-accent);
+		border-bottom: none;
+	}
+
+	tr:last-child.drop-target[data-drop-target="after"] {
+		border-top: none;
+		border-bottom: 2px solid var(--color-accent);
+	}
+</style>
diff --git a/js/file/shared/FileUpload.svelte b/js/file/shared/FileUpload.svelte
new file mode 100644
index 0000000..1292add
--- /dev/null
+++ b/js/file/shared/FileUpload.svelte
@@ -0,0 +1,148 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import { Upload, ModifyUpload } from "@gradio/upload";
+	import type { FileData, Client } from "@gradio/client";
+	import { BlockLabel, IconButtonWrapper, IconButton } from "@gradio/atoms";
+	import { File, Clear, Upload as UploadIcon } from "@gradio/icons";
+
+	import FilePreview from "./FilePreview.svelte";
+	import type { I18nFormatter, SelectData } from "@gradio/utils";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+
+	let {
+		value = $bindable<null | FileData | FileData[]>(),
+		label,
+		show_label = true,
+		file_count = "single",
+		file_types = null,
+		selectable = false,
+		root,
+		height = undefined,
+		i18n,
+		max_file_size = null,
+		upload,
+		stream_handler,
+		uploading = $bindable(false),
+		allow_reordering = false,
+		upload_promise = $bindable<Promise<(FileData | null)[]> | null>(),
+		buttons = null,
+		on_custom_button_click = null,
+		onchange,
+		onclear,
+		ondrag,
+		onupload,
+		onerror,
+		ondelete,
+		onselect
+	}: {
+		value: null | FileData | FileData[];
+		label: string;
+		show_label?: boolean;
+		file_count: "single" | "multiple" | "directory";
+		file_types: string[] | null;
+		selectable?: boolean;
+		root: string;
+		height?: number | undefined;
+		i18n: I18nFormatter;
+		max_file_size: number | null;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		uploading?: boolean;
+		allow_reordering?: boolean;
+		upload_promise?: Promise<(FileData | null)[]> | null;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		onchange?: (event_data: FileData[] | FileData | null) => void;
+		onclear?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onupload?: (event_data: FileData[] | FileData) => void;
+		onerror?: (error: string) => void;
+		ondelete?: (event_data: FileData) => void;
+		onselect?: (event_data: SelectData) => void;
+	} = $props();
+
+	async function handle_upload(detail: FileData | FileData[]): Promise<void> {
+		if (Array.isArray(value)) {
+			value = [...value, ...(Array.isArray(detail) ? detail : [detail])];
+		} else if (value) {
+			value = [value, ...(Array.isArray(detail) ? detail : [detail])];
+		} else {
+			value = detail;
+		}
+		await tick();
+		onchange?.(value);
+		onupload?.(value);
+	}
+
+	function handle_clear(): void {
+		value = null;
+		onchange?.(null);
+		onclear?.();
+	}
+
+	let dragging = $state(false);
+</script>
+
+{#if show_label && buttons && buttons.length > 0}
+	<IconButtonWrapper {buttons} {on_custom_button_click} />
+{/if}
+<BlockLabel {show_label} Icon={File} float={!value} label={label || "File"} />
+
+{#if value && (Array.isArray(value) ? value.length > 0 : true)}
+	<IconButtonWrapper buttons={buttons || []} {on_custom_button_click}>
+		{#if !(file_count === "single" && (Array.isArray(value) ? value.length > 0 : value !== null))}
+			<IconButton Icon={UploadIcon} label={i18n("common.upload")}>
+				<Upload
+					bind:upload_promise
+					icon_upload={true}
+					onload={handle_upload}
+					filetype={file_types}
+					{file_count}
+					{max_file_size}
+					{root}
+					bind:dragging
+					bind:uploading
+					{onerror}
+					{stream_handler}
+					{upload}
+				/>
+			</IconButton>
+		{/if}
+		<IconButton
+			Icon={Clear}
+			label={i18n("common.clear")}
+			onclick={(event) => {
+				event.stopPropagation();
+				handle_clear();
+			}}
+		/>
+	</IconButtonWrapper>
+
+	<FilePreview
+		{i18n}
+		{onselect}
+		{selectable}
+		{value}
+		{height}
+		{onchange}
+		{ondelete}
+		{allow_reordering}
+	/>
+{:else}
+	<Upload
+		bind:upload_promise
+		onload={handle_upload}
+		filetype={file_types}
+		{file_count}
+		{max_file_size}
+		{root}
+		bind:dragging
+		bind:uploading
+		{onerror}
+		{stream_handler}
+		{upload}
+		{height}
+	>
+		<slot />
+	</Upload>
+{/if}
diff --git a/js/file/shared/utils.ts b/js/file/shared/utils.ts
new file mode 100644
index 0000000..8d27287
--- /dev/null
+++ b/js/file/shared/utils.ts
@@ -0,0 +1,12 @@
+import type { FileData } from "@gradio/client";
+
+export const prettyBytes = (bytes: number): string => {
+	let units = ["B", "KB", "MB", "GB", "PB"];
+	let i = 0;
+	while (bytes > 1024) {
+		bytes /= 1024;
+		i++;
+	}
+	let unit = units[i];
+	return bytes.toFixed(1) + "&nbsp;" + unit;
+};
diff --git a/js/file/types.ts b/js/file/types.ts
new file mode 100644
index 0000000..354907f
--- /dev/null
+++ b/js/file/types.ts
@@ -0,0 +1,26 @@
+import type { FileData } from "@gradio/client";
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
+import type { SelectData, CustomButton } from "@gradio/utils";
+
+export interface FileProps {
+	value: FileData | FileData[] | null;
+	file_types: string[];
+	file_count: "single" | "multiple" | "directory";
+	allow_reordering: boolean;
+	type: "filepath" | "binary";
+	_selectable: boolean;
+	height: number | null;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface FileEvents {
+	upload: FileData | FileData[];
+	download: FileData;
+	error: string;
+	clear_status: LoadingStatus;
+	clear: void;
+	select: SelectData | null;
+	change: FileData | FileData[] | null;
+	delete: FileData;
+	custom_button_click: { id: number };
+}
diff --git a/js/fileexplorer/CHANGELOG.md b/js/fileexplorer/CHANGELOG.md
new file mode 100644
index 0000000..b993617
--- /dev/null
+++ b/js/fileexplorer/CHANGELOG.md
@@ -0,0 +1,1392 @@
+# @gradio/fileexplorer
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+- @gradio/file@0.15.1
+- @gradio/checkbox@0.8.1
+
+## 0.7.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/checkbox@0.8.0
+- @gradio/file@0.15.0
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/checkbox@0.7.0
+- @gradio/upload@0.17.9
+- @gradio/file@0.14.8
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/file@0.14.7
+- @gradio/checkbox@0.6.7
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/checkbox@0.6.6
+- @gradio/file@0.14.6
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/checkbox@0.6.5
+- @gradio/file@0.14.5
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+- @gradio/checkbox@0.6.4
+- @gradio/file@0.14.4
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+- @gradio/file@0.14.3
+- @gradio/checkbox@0.6.3
+
+## 0.6.2
+
+### Fixes
+
+- [#12810](https://github.com/gradio-app/gradio/pull/12810) [`7ed6dfa`](https://github.com/gradio-app/gradio/commit/7ed6dfaad6fa9c8e76a5596b20007dc97ae27ca7) - Migrate js/fileexplorer to svelte5.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/file@0.14.2
+- @gradio/upload@0.17.5
+- @gradio/checkbox@0.6.2
+
+## 0.6.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/checkbox@0.6.1
+- @gradio/file@0.14.1
+
+## 0.6.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.6.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+- [#12537](https://github.com/gradio-app/gradio/pull/12537) [`f753b0c`](https://github.com/gradio-app/gradio/commit/f753b0c97400068b7c0aa306e5d03fb500eec5fb) - Add `.select()` and `.input()` events to `gr.FileExplorer`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/checkbox@0.6.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/file@0.14.0
+
+## 0.5.42
+
+### Dependency updates
+
+- @gradio/checkbox@0.5.1
+
+## 0.5.42
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.42
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/checkbox@0.5.0
+- @gradio/client@2.0.0
+- @gradio/file@0.13.1
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.5.42-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+- @gradio/checkbox@0.5.0-dev.1
+- @gradio/file@0.13.1-dev.2
+
+## 0.5.42-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/checkbox@0.5.0-dev.0
+- @gradio/file@0.13.1-dev.1
+
+## 0.5.42-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.5.42-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/file@0.13.1-dev.0
+
+## 0.5.41
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.5.41
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.5.41
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/checkbox@0.4.30
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/file@0.13.0
+
+## 0.5.40
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+- @gradio/file@0.12.29
+- @gradio/checkbox@0.4.29
+
+## 0.5.39
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.5.39
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.5.39
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/checkbox@0.4.28
+- @gradio/file@0.12.28
+
+## 0.5.38
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/checkbox@0.4.27
+- @gradio/file@0.12.27
+
+## 0.5.37
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/file@0.12.26
+
+## 0.5.36
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+- @gradio/file@0.12.25
+
+## 0.5.35
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+- @gradio/checkbox@0.4.26
+- @gradio/file@0.12.24
+
+## 0.5.34
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/checkbox@0.4.25
+- @gradio/file@0.12.23
+
+## 0.5.33
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+- @gradio/file@0.12.22
+
+## 0.5.32
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/checkbox@0.4.24
+- @gradio/file@0.12.21
+
+## 0.5.31
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/checkbox@0.4.23
+
+## 0.5.31
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/checkbox@0.4.23
+- @gradio/client@1.15.2
+- @gradio/file@0.12.20
+
+## 0.5.30
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/file@0.12.19
+
+## 0.5.30
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/checkbox@0.4.22
+- @gradio/file@0.12.19
+
+## 0.5.29
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/file@0.12.18
+- @gradio/checkbox@0.4.21
+
+## 0.5.28
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+- @gradio/file@0.12.17
+
+## 0.5.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+- @gradio/checkbox@0.4.20
+- @gradio/file@0.12.16
+
+## 0.5.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/file@0.12.15
+- @gradio/checkbox@0.4.19
+
+## 0.5.25
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+- @gradio/file@0.12.14
+- @gradio/checkbox@0.4.18
+
+## 0.5.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+- @gradio/checkbox@0.4.17
+- @gradio/file@0.12.13
+
+## 0.5.23
+
+### Dependency updates
+
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/file@0.12.12
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/upload@0.15.6
+- @gradio/file@0.12.11
+- @gradio/checkbox@0.4.16
+
+## 0.5.21
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+- @gradio/checkbox@0.4.15
+- @gradio/file@0.12.10
+
+## 0.5.20
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/upload@0.15.4
+- @gradio/file@0.12.9
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+- @gradio/file@0.12.8
+
+## 0.5.18
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+- @gradio/checkbox@0.4.14
+- @gradio/file@0.12.7
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/file@0.12.6
+- @gradio/checkbox@0.4.13
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/file@0.12.5
+
+## 0.5.15
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/file@0.12.4
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/file@0.12.3
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/statustracker@0.10.2
+- @gradio/file@0.12.2
+- @gradio/checkbox@0.4.12
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/file@0.12.1
+- @gradio/checkbox@0.4.11
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/file@0.12.0
+- @gradio/checkbox@0.4.10
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+- @gradio/file@0.11.3
+- @gradio/checkbox@0.4.9
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+- @gradio/file@0.11.2
+- @gradio/checkbox@0.4.8
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+- @gradio/file@0.11.1
+- @gradio/checkbox@0.4.7
+
+## 0.5.7
+
+### Fixes
+
+- [#9835](https://github.com/gradio-app/gradio/pull/9835) [`4d90883`](https://github.com/gradio-app/gradio/commit/4d9088354df528c8edf981f3e756d8927d3e8805) - Allows selection of directories in File Explorer.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/file@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/checkbox@0.4.6
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+- @gradio/checkbox@0.4.5
+- @gradio/file@0.10.6
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+- @gradio/file@0.10.5
+- @gradio/checkbox@0.4.4
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+- @gradio/checkbox@0.4.3
+- @gradio/file@0.10.4
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/file@0.10.3
+- @gradio/checkbox@0.4.2
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/file@0.10.2
+- @gradio/upload@0.13.1
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+- @gradio/checkbox@0.4.1
+- @gradio/file@0.10.1
+
+## 0.5.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/checkbox@0.4.0
+- @gradio/client@1.6.0
+- @gradio/file@0.10.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+
+## 0.5.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/checkbox@0.4.0-beta.5
+- @gradio/file@0.10.0-beta.7
+
+## 0.5.0-beta.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/checkbox@0.4.0-beta.4
+- @gradio/file@0.10.0-beta.6
+
+## 0.5.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/file@0.10.0-beta.5
+- @gradio/checkbox@0.4.0-beta.3
+
+## 0.5.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/checkbox@0.4.0-beta.2
+- @gradio/file@0.10.0-beta.4
+
+## 0.5.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/file@0.10.0-beta.3
+
+## 0.5.0-beta.2
+
+### Features
+
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/file@0.10.0-beta.2
+- @gradio/checkbox@0.4.0-beta.2
+
+## 0.4.19-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/file@0.9.4-beta.1
+- @gradio/checkbox@0.4.0-beta.1
+
+## 0.4.19
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/file@0.9.4
+- @gradio/checkbox@0.3.13
+
+## 0.4.18
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+- @gradio/checkbox@0.3.12
+- @gradio/file@0.9.3
+
+## 0.4.17
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/file@0.9.2
+- @gradio/checkbox@0.3.11
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/file@0.9.1
+- @gradio/checkbox@0.3.10
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/file@0.9.0
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+- @gradio/checkbox@0.3.9
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+- @gradio/file@0.8.5
+- @gradio/checkbox@0.3.8
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/file@0.8.4
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/checkbox@0.3.7
+- @gradio/file@0.8.3
+- @gradio/upload@0.11.3
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/file@0.8.2
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/file@0.8.1
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/file@0.8.0
+- @gradio/upload@0.11.0
+- @gradio/checkbox@0.3.6
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/file@0.7.7
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/file@0.7.6
+- @gradio/upload@0.10.6
+- @gradio/checkbox@0.3.6
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+- @gradio/file@0.7.5
+- @gradio/checkbox@0.3.5
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/file@0.7.4
+- @gradio/upload@0.10.4
+- @gradio/checkbox@0.3.4
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/file@0.7.3
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/checkbox@0.3.3
+- @gradio/file@0.7.2
+- @gradio/upload@0.10.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+- @gradio/file@0.7.1
+- @gradio/checkbox@0.3.2
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+- @gradio/file@0.7.0
+- @gradio/checkbox@0.3.1
+
+## 0.4.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/checkbox@0.3.0
+- @gradio/file@0.6.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.3.32
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/file@0.5.12
+- @gradio/checkbox@0.2.15
+
+## 0.3.31
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+- @gradio/file@0.5.11
+- @gradio/checkbox@0.2.14
+
+## 0.3.30
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+- @gradio/file@0.5.10
+
+## 0.3.29
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+- @gradio/file@0.5.9
+- @gradio/checkbox@0.2.13
+
+## 0.3.28
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+- @gradio/file@0.5.8
+- @gradio/checkbox@0.2.12
+
+## 0.3.27
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/file@0.5.7
+
+## 0.3.26
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/file@0.5.6
+
+## 0.3.25
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/file@0.5.5
+
+## 0.3.24
+
+### Patch Changes
+
+- Updated dependencies [[`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8), [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee), [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4)]:
+  - @gradio/file@0.5.4
+  - @gradio/upload@0.7.5
+  - @gradio/client@0.12.2
+
+## 0.3.23
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89), [`9c36572`](https://github.com/gradio-app/gradio/commit/9c36572e32aeec6e6352a861dfea6ee0f9a15e79)]:
+  - @gradio/statustracker@0.4.8
+  - @gradio/file@0.5.3
+  - @gradio/checkbox@0.2.11
+
+## 0.3.22
+
+### Fixes
+
+- [#7441](https://github.com/gradio-app/gradio/pull/7441) [`f52cab6`](https://github.com/gradio-app/gradio/commit/f52cab634b94638d7f4625d40bf3d9afbe68040b) - Dispatch change event for file explorer. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.3.21
+
+### Fixes
+
+- [#7337](https://github.com/gradio-app/gradio/pull/7337) [`65437ce`](https://github.com/gradio-app/gradio/commit/65437ce832f806da316aa074539b6263e1d8b7ac) - Improve File Explorer performance. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.3.20
+
+### Patch Changes
+
+- Updated dependencies [[`f35f615`](https://github.com/gradio-app/gradio/commit/f35f615e33a5dd90bfeb106b6f5dca689849fcef), [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6)]:
+  - @gradio/file@0.5.0
+  - @gradio/client@0.12.0
+  - @gradio/upload@0.7.2
+
+## 0.3.19
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.18
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/checkbox@0.2.7
+  - @gradio/file@0.4.8
+  - @gradio/statustracker@0.4.4
+
+## 0.3.17
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`523b6bc`](https://github.com/gradio-app/gradio/commit/523b6bc534e221b028a3ea3f274c7466fe242d5a), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/file@0.4.7
+  - @gradio/upload@0.6.1
+
+## 0.3.16
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+  - @gradio/file@0.4.6
+
+## 0.3.15
+
+### Features
+
+- [#6931](https://github.com/gradio-app/gradio/pull/6931) [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549) - Fix functional tests. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.3.14
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/file@0.4.4
+  - @gradio/upload@0.5.7
+
+## 0.3.13
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+  - @gradio/file@0.4.3
+  - @gradio/checkbox@0.2.6
+
+## 0.3.12
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/file@0.4.2
+  - @gradio/upload@0.5.5
+
+## 0.3.11
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+  - @gradio/file@0.4.1
+
+## 0.3.10
+
+### Fixes
+
+- [#6689](https://github.com/gradio-app/gradio/pull/6689) [`c9673ca`](https://github.com/gradio-app/gradio/commit/c9673cacd6470296ee01d7717e2080986e750572) - Fix directory-only glob for FileExplorer. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6691](https://github.com/gradio-app/gradio/pull/6691) [`128ab5d`](https://github.com/gradio-app/gradio/commit/128ab5d65b51390e706a515a1708fe6c88659209) - Ensure checked files persist after FileExplorer rerenders. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.9
+
+### Fixes
+
+- [#6550](https://github.com/gradio-app/gradio/pull/6550) [`3156598`](https://github.com/gradio-app/gradio/commit/315659817e5e67a04a1375d35ea6fa58d20622d2) - Make FileExplorer work on python 3.8 and 3.9. Also make it update on changes to root, glob, or glob_dir. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.8
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a), [`f94db6b73`](https://github.com/gradio-app/gradio/commit/f94db6b7319be902428887867500311a6a32a165)]:
+  - @gradio/client@0.8.2
+  - @gradio/file@0.3.0
+  - @gradio/upload@0.5.1
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+  - @gradio/checkbox@0.2.3
+  - @gradio/file@0.2.7
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/file@0.2.6
+  - @gradio/checkbox@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/file@0.2.5
+  - @gradio/upload@0.4.1
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+  - @gradio/file@0.2.4
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/file@0.2.3
+  - @gradio/checkbox@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.3.2
+
+### Fixes
+
+- [#5876](https://github.com/gradio-app/gradio/pull/5876) [`d7a1a6559`](https://github.com/gradio-app/gradio/commit/d7a1a6559005e6a1e0be03a3bd5212d1bc60d1ee) - Fix file overflow and add keyboard navigation to `FileExplorer`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/file@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.2
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.1
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0-beta.0
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`4e62b8493`](https://github.com/gradio-app/gradio/commit/4e62b8493dfce50bafafe49f1a5deb929d822103), [`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/client@0.5.2
+  - @gradio/atoms@0.2.0
+  - @gradio/file@0.2.2
+  - @gradio/checkbox@0.2.3
+  - @gradio/statustracker@0.2.3
+  - @gradio/upload@0.3.3
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`796145e2c`](https://github.com/gradio-app/gradio/commit/796145e2c48c4087bec17f8ec0be4ceee47170cb)]:
+  - @gradio/client@0.5.1
+  - @gradio/file@0.2.1
+
+## 0.2.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function.
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+Thanks [@aliabid94](https://github.com/aliabid94)!
\ No newline at end of file
diff --git a/js/fileexplorer/Example.svelte b/js/fileexplorer/Example.svelte
new file mode 100644
index 0000000..6b5d64a
--- /dev/null
+++ b/js/fileexplorer/Example.svelte
@@ -0,0 +1,45 @@
+<script lang="ts">
+	interface Props {
+		value: string[] | string | null;
+		type: "gallery" | "table";
+		selected?: boolean;
+	}
+
+	let { value, type, selected = false }: Props = $props();
+</script>
+
+<ul
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{#if value}
+		{#each Array.isArray(value) ? value.slice(0, 3) : [value] as path}
+			<li><code>./{path}</code></li>
+		{/each}
+		{#if Array.isArray(value) && value.length > 3}
+			<li class="extra">...</li>
+		{/if}
+	{/if}
+</ul>
+
+<style>
+	ul {
+		white-space: nowrap;
+		max-height: 100px;
+		list-style: none;
+		padding: 0;
+		margin: 0;
+	}
+
+	.extra {
+		text-align: center;
+	}
+
+	.gallery {
+		align-items: center;
+		cursor: pointer;
+		padding: var(--size-1) var(--size-2);
+		text-align: left;
+	}
+</style>
diff --git a/js/fileexplorer/FileExplorer.test.ts b/js/fileexplorer/FileExplorer.test.ts
new file mode 100644
index 0000000..98d1ff4
--- /dev/null
+++ b/js/fileexplorer/FileExplorer.test.ts
@@ -0,0 +1,430 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import FileExplorer from "./Index.svelte";
+import type { FileNode } from "./shared/types";
+
+function mock_ls(tree: Record<string, FileNode[]>) {
+	return vi.fn(async (path: string[]): Promise<FileNode[]> => {
+		const key = path.join("/") || "";
+		return tree[key] ?? [];
+	});
+}
+
+const flat_files: Record<string, FileNode[]> = {
+	"": [
+		{ type: "file", name: "readme.txt" },
+		{ type: "file", name: "data.csv" },
+		{ type: "file", name: "image.png" }
+	]
+};
+
+const nested_tree: Record<string, FileNode[]> = {
+	"": [
+		{ type: "folder", name: "src" },
+		{ type: "file", name: "readme.txt" }
+	],
+	src: [
+		{ type: "file", name: "app.py" },
+		{ type: "file", name: "utils.py" }
+	]
+};
+
+const default_props = {
+	label: "File Explorer",
+	show_label: true,
+	value: [] as string[][],
+	file_count: "multiple" as const,
+	root_dir: "",
+	glob: "*",
+	ignore_glob: "",
+	interactive: true,
+	_selectable: false,
+	height: undefined as number | string | undefined,
+	min_height: undefined as number | string | undefined,
+	max_height: undefined as number | string | undefined,
+	server: { ls: mock_ls(flat_files) },
+	buttons: null as null
+};
+
+// BlockLabel with float={false} doesn't match the shared show_label test pattern.
+run_shared_prop_tests({
+	component: FileExplorer,
+	name: "FileExplorer",
+	base_props: { ...default_props },
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Label", () => {
+	afterEach(() => cleanup());
+
+	test("label is visible when show_label=true", async () => {
+		const { getByText } = await render(FileExplorer, {
+			...default_props,
+			label: "My Files",
+			show_label: true
+		});
+
+		expect(getByText("My Files")).toBeVisible();
+	});
+
+	test("label is hidden when show_label=false", async () => {
+		const { getByText } = await render(FileExplorer, {
+			...default_props,
+			label: "My Files",
+			show_label: false
+		});
+
+		expect(getByText("My Files")).not.toBeVisible();
+	});
+});
+
+describe("FileExplorer", () => {
+	afterEach(() => cleanup());
+
+	test("renders files returned by ls_fn", async () => {
+		const { getByText } = await render(FileExplorer, {
+			...default_props
+		});
+
+		await waitFor(() => {
+			expect(getByText("readme.txt")).toBeVisible();
+			expect(getByText("data.csv")).toBeVisible();
+			expect(getByText("image.png")).toBeVisible();
+		});
+	});
+
+	test("renders folders with expand buttons", async () => {
+		const { getByText, getByRole } = await render(FileExplorer, {
+			...default_props,
+			server: { ls: mock_ls(nested_tree) }
+		});
+
+		await waitFor(() => {
+			expect(getByText("src")).toBeVisible();
+			expect(getByText("readme.txt")).toBeVisible();
+			expect(getByRole("button", { name: "expand directory" })).toBeVisible();
+		});
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true shows checkboxes for files", async () => {
+		const { getAllByRole } = await render(FileExplorer, {
+			...default_props,
+			interactive: true
+		});
+
+		await waitFor(() => {
+			const checkboxes = getAllByRole("checkbox");
+			expect(checkboxes.length).toBe(3);
+		});
+	});
+
+	test("interactive=false hides checkboxes", async () => {
+		const { queryByRole, getByText } = await render(FileExplorer, {
+			...default_props,
+			interactive: false
+		});
+
+		await waitFor(() => {
+			expect(getByText("readme.txt")).toBeVisible();
+		});
+
+		expect(queryByRole("checkbox")).not.toBeInTheDocument();
+	});
+});
+
+describe("Props: file_count", () => {
+	afterEach(() => cleanup());
+
+	test("file_count='multiple' allows selecting multiple files", async () => {
+		const { getAllByRole, get_data } = await render(FileExplorer, {
+			...default_props,
+			file_count: "multiple"
+		});
+
+		await waitFor(() => {
+			expect(getAllByRole("checkbox").length).toBe(3);
+		});
+
+		const checkboxes = getAllByRole("checkbox");
+		await fireEvent.click(checkboxes[0]);
+		await fireEvent.click(checkboxes[1]);
+
+		const data = await get_data();
+		expect(data.value.length).toBe(2);
+	});
+
+	test("file_count='single' allows only one selection", async () => {
+		const { getAllByRole, get_data } = await render(FileExplorer, {
+			...default_props,
+			file_count: "single"
+		});
+
+		await waitFor(() => {
+			expect(getAllByRole("checkbox").length).toBe(3);
+		});
+
+		const checkboxes = getAllByRole("checkbox");
+		await fireEvent.click(checkboxes[0]);
+		await fireEvent.click(checkboxes[1]);
+
+		const data = await get_data();
+		expect(data.value.length).toBe(1);
+	});
+});
+
+describe("Folder navigation", () => {
+	afterEach(() => cleanup());
+
+	test("clicking expand opens folder to show children", async () => {
+		const { getByRole, getByText, queryByText } = await render(FileExplorer, {
+			...default_props,
+			server: { ls: mock_ls(nested_tree) }
+		});
+
+		await waitFor(() => {
+			expect(getByText("src")).toBeVisible();
+		});
+
+		expect(queryByText("app.py")).toBeNull();
+
+		await fireEvent.click(getByRole("button", { name: "expand directory" }));
+
+		await waitFor(() => {
+			expect(getByText("app.py")).toBeVisible();
+			expect(getByText("utils.py")).toBeVisible();
+		});
+	});
+
+	test("clicking expand again collapses folder", async () => {
+		const { getByRole, getByText, queryByText } = await render(FileExplorer, {
+			...default_props,
+			server: { ls: mock_ls(nested_tree) }
+		});
+
+		await waitFor(() => {
+			expect(getByText("src")).toBeVisible();
+		});
+
+		const expandBtn = getByRole("button", { name: "expand directory" });
+		await fireEvent.click(expandBtn);
+
+		await waitFor(() => {
+			expect(getByText("app.py")).toBeVisible();
+		});
+
+		await fireEvent.click(expandBtn);
+
+		await waitFor(() => {
+			expect(queryByText("app.py")).toBeNull();
+		});
+	});
+});
+
+describe("File selection", () => {
+	afterEach(() => cleanup());
+
+	test("checking a file adds it to value", async () => {
+		const { getAllByRole, get_data } = await render(FileExplorer, {
+			...default_props
+		});
+
+		await waitFor(() => {
+			expect(getAllByRole("checkbox").length).toBe(3);
+		});
+
+		await fireEvent.click(getAllByRole("checkbox")[0]);
+
+		const data = await get_data();
+		expect(data.value).toEqual([["readme.txt"]]);
+	});
+
+	test("unchecking a file removes it from value", async () => {
+		const { getAllByRole, get_data } = await render(FileExplorer, {
+			...default_props
+		});
+
+		await waitFor(() => {
+			expect(getAllByRole("checkbox").length).toBe(3);
+		});
+
+		const cb = getAllByRole("checkbox")[0];
+		await fireEvent.click(cb);
+		await fireEvent.click(cb);
+
+		const data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+
+	test("checking a folder selects its children", async () => {
+		const { getAllByRole, getByText, get_data } = await render(FileExplorer, {
+			...default_props,
+			server: { ls: mock_ls(nested_tree) },
+			file_count: "multiple"
+		});
+
+		await waitFor(() => {
+			expect(getByText("src")).toBeVisible();
+		});
+
+		// The folder checkbox is the first checkbox (src folder)
+		const checkboxes = getAllByRole("checkbox");
+		await fireEvent.click(checkboxes[0]);
+
+		await waitFor(async () => {
+			const data = await get_data();
+			expect(data.value.length).toEqual(2);
+		});
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("set_data triggers change event", async () => {
+		const { listen, set_data } = await render(FileExplorer, {
+			...default_props
+		});
+
+		const change = listen("change");
+		await set_data({ value: [["readme.txt"]] });
+		const select = listen("select");
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(select).not.toHaveBeenCalled();
+	});
+
+	test("change fires on mount with initial empty value", async () => {
+		const { listen } = await render(FileExplorer, {
+			...default_props,
+			value: []
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: input", () => {
+	afterEach(() => cleanup());
+
+	test("checking a file dispatches input event", async () => {
+		const { listen, getAllByRole } = await render(FileExplorer, {
+			...default_props
+		});
+
+		await waitFor(() => {
+			expect(getAllByRole("checkbox").length).toBe(3);
+		});
+
+		const input = listen("input");
+		await fireEvent.click(getAllByRole("checkbox")[0]);
+
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: custom_button_click", () => {
+	afterEach(() => cleanup());
+
+	test("custom button dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(FileExplorer, {
+			...default_props,
+			show_label: true,
+			buttons: [{ value: "Refresh", id: 2, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Refresh"));
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 2 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns empty array initially", async () => {
+		const { get_data } = await render(FileExplorer, {
+			...default_props,
+			value: []
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual([]);
+	});
+
+	test("set_data updates value", async () => {
+		const { set_data, get_data } = await render(FileExplorer, {
+			...default_props
+		});
+
+		await set_data({ value: [["readme.txt"]] });
+
+		const data = await get_data();
+		expect(data.value).toEqual([["readme.txt"]]);
+	});
+
+	test("round-trip: set_data then get_data", async () => {
+		const { set_data, get_data } = await render(FileExplorer, {
+			...default_props
+		});
+
+		const val = [["src", "app.py"], ["readme.txt"]];
+		await set_data({ value: val });
+
+		const data = await get_data();
+		expect(data.value).toEqual(val);
+	});
+
+	test("user click reflected in get_data", async () => {
+		const { getAllByRole, get_data } = await render(FileExplorer, {
+			...default_props
+		});
+
+		await waitFor(() => {
+			expect(getAllByRole("checkbox").length).toBe(3);
+		});
+
+		await fireEvent.click(getAllByRole("checkbox")[2]);
+
+		const data = await get_data();
+		expect(data.value).toEqual([["image.png"]]);
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("empty directory renders no items", async () => {
+		const { queryByRole, getByText } = await render(FileExplorer, {
+			...default_props,
+			server: { ls: mock_ls({ "": [] }) }
+		});
+
+		await waitFor(() => {
+			expect(getByText("File Explorer")).toBeVisible();
+		});
+
+		expect(queryByRole("checkbox")).toBeNull();
+	});
+
+	test("ls_fn is called with empty path on mount", async () => {
+		const ls = mock_ls(flat_files);
+		await render(FileExplorer, {
+			...default_props,
+			server: { ls }
+		});
+
+		await waitFor(() => {
+			expect(ls).toHaveBeenCalledWith([]);
+		});
+	});
+});
diff --git a/js/fileexplorer/Index.svelte b/js/fileexplorer/Index.svelte
new file mode 100644
index 0000000..d1a2d2b
--- /dev/null
+++ b/js/fileexplorer/Index.svelte
@@ -0,0 +1,95 @@
+<script lang="ts">
+	import type { FileExplorerProps, FileExplorerEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import { File } from "@gradio/icons";
+
+	import { Block, BlockLabel, IconButtonWrapper } from "@gradio/atoms";
+	import DirectoryExplorer from "./shared/DirectoryExplorer.svelte";
+
+	import { StatusTracker } from "@gradio/statustracker";
+
+	import { _ } from "svelte-i18n";
+
+	const props = $props();
+	const gradio = new Gradio<FileExplorerEvents, FileExplorerProps>(props, {
+		value: []
+	});
+
+	let old_value = $state(gradio.props.value);
+
+	let rerender_key = $derived([
+		gradio.props.root_dir,
+		gradio.props.glob,
+		gradio.props.ignore_glob
+	]);
+
+	// Reset value when rerender_key changes
+	// svelte-ignore state_referenced_locally
+	let old_rerender_key = $state(rerender_key);
+	$effect(() => {
+		if (
+			JSON.stringify(old_rerender_key) != JSON.stringify(rerender_key) &&
+			old_value == gradio.props.value
+		) {
+			old_rerender_key = rerender_key;
+			gradio.props.value = [];
+		}
+	});
+
+	$effect(() => {
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	variant={gradio.props.value === null ? "dashed" : "solid"}
+	border_mode={"base"}
+	padding={false}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={true}
+	overflow_behavior="auto"
+	height={gradio.props.height}
+	max_height={gradio.props.max_height}
+	min_height={gradio.props.min_height}
+>
+	<StatusTracker
+		{...gradio.shared.loading_status}
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	{/if}
+	<BlockLabel
+		show_label={gradio.shared.show_label}
+		Icon={File}
+		label={gradio.shared.label || "FileExplorer"}
+		float={false}
+	/>
+	{#key rerender_key}
+		<DirectoryExplorer
+			bind:value={gradio.props.value}
+			file_count={gradio.props.file_count}
+			interactive={gradio.shared.interactive}
+			selectable={gradio.props._selectable}
+			ls_fn={gradio.shared.server.ls}
+			oninput={() => gradio.dispatch("input")}
+			onselect={(detail) => gradio.dispatch("select", detail)}
+		/>
+	{/key}
+</Block>
diff --git a/js/fileexplorer/icons/light-file.svg b/js/fileexplorer/icons/light-file.svg
new file mode 100644
index 0000000..b3d6de2
--- /dev/null
+++ b/js/fileexplorer/icons/light-file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="#888888" d="M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z"/></svg>
\ No newline at end of file
diff --git a/js/fileexplorer/icons/light-folder.svg b/js/fileexplorer/icons/light-folder.svg
new file mode 100644
index 0000000..186f07b
--- /dev/null
+++ b/js/fileexplorer/icons/light-folder.svg
@@ -0,0 +1,124 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg7"
+   sodipodi:docname="light-folder-new.svg"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="7.375"
+     inkscape:cx="15.932203"
+     inkscape:cy="16"
+     inkscape:window-width="1312"
+     inkscape:window-height="529"
+     inkscape:window-x="0"
+     inkscape:window-y="38"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg7" />
+  <defs
+     id="defs6">
+    <clipPath
+       id="clipPath1">
+      <path
+         d="m69.63 12.145h-.052c-22.727-.292-46.47 4.077-46.709 4.122-2.424.451-4.946 2.974-5.397 5.397-.044.237-4.414 23.983-4.122 46.71-.292 22.777 4.078 46.523 4.122 46.761.451 2.423 2.974 4.945 5.398 5.398.237.044 23.982 4.413 46.709 4.121 22.779.292 46.524-4.077 46.761-4.121 2.423-.452 4.946-2.976 5.398-5.399.044-.236 4.413-23.981 4.121-46.709.292-22.777-4.077-46.523-4.121-46.761-.453-2.423-2.976-4.946-5.398-5.397-.238-.045-23.984-4.414-46.71-4.122"
+         id="path1" />
+    </clipPath>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="352.98"
+       x2="-601.15"
+       y1="663.95"
+       x1="-591.02"
+       id="2">
+      <stop
+         stop-color="#a0a0a0"
+         id="stop1" />
+      <stop
+         offset="1"
+         stop-color="#aaa"
+         id="stop2" />
+    </linearGradient>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="354.29"
+       x2="-704.05"
+       y1="647.77"
+       x1="-701.19"
+       id="1">
+      <stop
+         stop-color="#acabab"
+         id="stop3" />
+      <stop
+         offset="1"
+         stop-color="#d4d4d4"
+         id="stop4" />
+    </linearGradient>
+    <linearGradient
+       id="0"
+       x1="59.12"
+       y1="-19.888"
+       x2="59.15"
+       y2="-37.783"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(4.17478 0 0 4.16765-1069.7 447.73)">
+      <stop
+         stop-color="#a0a0a0"
+         id="stop5" />
+      <stop
+         offset="1"
+         stop-color="#bdbdbd"
+         id="stop6" />
+    </linearGradient>
+  </defs>
+  <g
+     transform="matrix(.07089 0 0 .07017 23.295-40.67)"
+     fill="#60aae5"
+     id="g7"
+     style="fill:#888888;fill-opacity:1">
+    <path
+       transform="matrix(.7872 0 0 .79524 415.34 430.11)"
+       d="m-884.1 294.78c-4.626 0-8.349 3.718-8.349 8.335v161.41l468.19 1v-121.2c0-4.618-3.724-8.335-8.35-8.335h-272.65c-8.51.751-9.607-.377-13.812-5.981-5.964-7.968-14.969-21.443-20.84-29.21-4.712-6.805-5.477-6.02-13.292-6.02z"
+       fill="url(#0)"
+       color="#000"
+       id="path6"
+       style="fill:#888888;fill-opacity:1" />
+    <rect
+       transform="matrix(.7872 0 0 .79524 415.34 430.11)"
+       y="356.85"
+       x="-890.28"
+       height="295.13"
+       width="463.85"
+       fill="url(#1)"
+       stroke="url(#1)"
+       stroke-width="2.378"
+       rx="9.63"
+       id="rect6"
+       style="fill:#888888;fill-opacity:1" />
+    <rect
+       width="463.85"
+       height="295.13"
+       x="-890.28"
+       y="356.85"
+       transform="matrix(.7872 0 0 .79524 415.34 430.11)"
+       fill="none"
+       stroke="url(#2)"
+       stroke-linejoin="round"
+       stroke-linecap="round"
+       stroke-width="5.376"
+       rx="9.63"
+       id="rect7"
+       style="fill:#888888;fill-opacity:1" />
+  </g>
+</svg>
diff --git a/js/fileexplorer/package.json b/js/fileexplorer/package.json
new file mode 100644
index 0000000..fe25eaf
--- /dev/null
+++ b/js/fileexplorer/package.json
@@ -0,0 +1,44 @@
+{
+	"name": "@gradio/fileexplorer",
+	"version": "0.7.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/checkbox": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/file": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"dequal": "^2.0.3"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/fileexplorer"
+	}
+}
diff --git a/js/fileexplorer/shared/ArrowIcon.svelte b/js/fileexplorer/shared/ArrowIcon.svelte
new file mode 100644
index 0000000..1ab21c5
--- /dev/null
+++ b/js/fileexplorer/shared/ArrowIcon.svelte
@@ -0,0 +1,14 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 14 17"
+	version="1.1"
+	style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"
+>
+	<g transform="matrix(1,0,0,1,-10.6667,-7.73588)">
+		<path
+			d="M12.7,24.033C12.256,24.322 11.806,24.339 11.351,24.084C10.896,23.829 10.668,23.434 10.667,22.9L10.667,9.1C10.667,8.567 10.895,8.172 11.351,7.916C11.807,7.66 12.256,7.677 12.7,7.967L23.567,14.867C23.967,15.133 24.167,15.511 24.167,16C24.167,16.489 23.967,16.867 23.567,17.133L12.7,24.033Z"
+			style="fill:currentColor;fill-rule:nonzero;"
+		/>
+	</g>
+</svg>
diff --git a/js/fileexplorer/shared/Checkbox.svelte b/js/fileexplorer/shared/Checkbox.svelte
new file mode 100644
index 0000000..8d86c10
--- /dev/null
+++ b/js/fileexplorer/shared/Checkbox.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+	interface Props {
+		value: boolean;
+		disabled: boolean;
+		onchange?: (value: boolean) => void;
+	}
+
+	let { value = $bindable(), disabled, onchange }: Props = $props();
+</script>
+
+<input
+	bind:checked={value}
+	oninput={() => onchange?.(!value)}
+	type="checkbox"
+	{disabled}
+	class:disabled={disabled && !value}
+/>
+
+<style>
+	input {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow: var(--input-shadow);
+		border: 1px solid var(--checkbox-border-color);
+		border-radius: var(--radius-xs);
+		background-color: var(--checkbox-background-color);
+		line-height: var(--line-sm);
+		width: 18px !important;
+		height: 18px !important;
+	}
+
+	input:checked,
+	input:checked:hover,
+	input:checked:focus {
+		border-color: var(--checkbox-border-color-selected);
+		background-image: var(--checkbox-check);
+		background-color: var(--checkbox-background-color-selected);
+	}
+
+	input:hover {
+		border-color: var(--checkbox-border-color-hover);
+		background-color: var(--checkbox-background-color-hover);
+	}
+
+	input:focus {
+		border-color: var(--checkbox-border-color-focus);
+		background-color: var(--checkbox-background-color-focus);
+	}
+
+	.disabled {
+		opacity: 0.8 !important;
+		cursor: not-allowed;
+	}
+</style>
diff --git a/js/fileexplorer/shared/DirectoryExplorer.svelte b/js/fileexplorer/shared/DirectoryExplorer.svelte
new file mode 100644
index 0000000..735b1de
--- /dev/null
+++ b/js/fileexplorer/shared/DirectoryExplorer.svelte
@@ -0,0 +1,89 @@
+<script lang="ts">
+	import FileTree from "./FileTree.svelte";
+	import type { FileNode } from "./types";
+	import type { SelectData } from "@gradio/utils";
+
+	interface Props {
+		interactive: boolean;
+		file_count?: "single" | "multiple";
+		value: string[][];
+		selectable?: boolean;
+		ls_fn: (path: string[]) => Promise<FileNode[]>;
+		oninput?: () => void;
+		onselect?: (detail: SelectData) => void;
+	}
+
+	let {
+		interactive,
+		file_count = "multiple",
+		value = $bindable(),
+		selectable = false,
+		ls_fn,
+		oninput,
+		onselect
+	}: Props = $props();
+
+	let selected_folders = $state<string[][]>([]);
+
+	const paths_equal = (path: string[], path_2: string[]): boolean => {
+		return path.join("/") === path_2.join("/");
+	};
+
+	const path_in_set = (path: string[], set: string[][]): boolean => {
+		return set.some((x) => paths_equal(x, path));
+	};
+
+	const path_inside = (path: string[], path_2: string[]): boolean => {
+		return path.join("/").startsWith(path_2.join("/"));
+	};
+</script>
+
+<div class="file-wrap">
+	<FileTree
+		path={[]}
+		selected_files={value}
+		{selected_folders}
+		{interactive}
+		{selectable}
+		{ls_fn}
+		{file_count}
+		valid_for_selection={false}
+		oncheck={(detail) => {
+			const { path, checked, type } = detail;
+			if (checked) {
+				if (file_count === "single") {
+					value = [path];
+				} else if (type === "folder") {
+					if (!path_in_set(path, selected_folders)) {
+						selected_folders = [...selected_folders, path];
+					}
+				} else {
+					if (!path_in_set(path, value)) {
+						value = [...value, path];
+					}
+				}
+			} else {
+				selected_folders = selected_folders.filter(
+					(folder) => !path_inside(path, folder)
+				); // deselect all parent folders
+				if (type === "folder") {
+					selected_folders = selected_folders.filter(
+						(folder) => !path_inside(folder, path)
+					); // deselect all children folders
+					value = value.filter((file) => !path_inside(file, path)); // deselect all children files
+				} else {
+					value = value.filter((x) => !paths_equal(x, path));
+				}
+			}
+			oninput?.();
+		}}
+		{onselect}
+	/>
+</div>
+
+<style>
+	.file-wrap {
+		height: calc(100% - 25px);
+		overflow-y: scroll;
+	}
+</style>
diff --git a/js/fileexplorer/shared/FileTree.svelte b/js/fileexplorer/shared/FileTree.svelte
new file mode 100644
index 0000000..e39c4e2
--- /dev/null
+++ b/js/fileexplorer/shared/FileTree.svelte
@@ -0,0 +1,320 @@
+<script lang="ts">
+	import type { FileNode } from "./types";
+	import type { SelectData } from "@gradio/utils";
+
+	import Arrow from "./ArrowIcon.svelte";
+	import Checkbox from "./Checkbox.svelte";
+	import Self from "./FileTree.svelte";
+	import FileIcon from "../icons/light-file.svg";
+	import FolderIcon from "../icons/light-folder.svg";
+
+	interface Props {
+		path?: string[];
+		index_path?: number[];
+		selected_files?: string[][];
+		selected_folders?: string[][];
+		is_selected_entirely?: boolean;
+		interactive: boolean;
+		selectable?: boolean;
+		ls_fn: (path: string[]) => Promise<FileNode[]>;
+		file_count?: "single" | "multiple";
+		valid_for_selection: boolean;
+		oncheck?: (detail: {
+			path: string[];
+			checked: boolean;
+			type: "file" | "folder";
+		}) => void;
+		onselect?: (detail: SelectData) => void;
+	}
+
+	let {
+		path = [],
+		index_path = [],
+		selected_files = [],
+		selected_folders = [],
+		is_selected_entirely = false,
+		interactive,
+		selectable = false,
+		ls_fn,
+		file_count = "multiple",
+		valid_for_selection,
+		oncheck,
+		onselect
+	}: Props = $props();
+
+	let content = $state<FileNode[]>([]);
+	let opened_folders = $state<number[]>([]);
+
+	const toggle_open_folder = (i: number): void => {
+		if (opened_folders.includes(i)) {
+			opened_folders = opened_folders.filter((x) => x !== i);
+		} else {
+			opened_folders = [...opened_folders, i];
+		}
+	};
+
+	const open_folder = (i: number): void => {
+		if (!opened_folders.includes(i)) {
+			opened_folders = [...opened_folders, i];
+		}
+	};
+
+	(async () => {
+		content = await ls_fn(path);
+		if (valid_for_selection) {
+			content = [{ name: ".", type: "file" }, ...content];
+		}
+		opened_folders = content
+			.map((x, i) =>
+				x.type === "folder" &&
+				(is_selected_entirely || selected_files.some((y) => y[0] === x.name))
+					? i
+					: null
+			)
+			.filter((x): x is number => x !== null);
+	})();
+
+	$effect(() => {
+		if (is_selected_entirely) {
+			content.forEach((x) => {
+				oncheck?.({
+					path: [...path, x.name],
+					checked: true,
+					type: x.type
+				});
+			});
+		}
+	});
+
+	function handle_select(
+		full_index_path: number[],
+		item_path: string[],
+		_type: "file" | "folder"
+	): void {
+		onselect?.({
+			index: full_index_path as any,
+			value: item_path.join("/"),
+			selected: true
+		});
+	}
+</script>
+
+<ul class:no-checkboxes={!interactive} class:root={path.length === 0}>
+	{#each content as { type, name, valid }, i}
+		{@const is_selected = (
+			type === "file" ? selected_files : selected_folders
+		).some((x) => x[0] === name && x.length === 1)}
+		<li>
+			<span
+				class="wrap"
+				class:selected={!interactive && is_selected}
+				class:selectable
+				role={selectable ? "button" : undefined}
+				tabindex={selectable ? 0 : undefined}
+				onclick={(e) => {
+					e.stopPropagation();
+					if (selectable) {
+						handle_select([...index_path, i], [...path, name], type);
+					}
+				}}
+				onkeydown={(e) => {
+					if (selectable && (e.key === " " || e.key === "Enter")) {
+						handle_select([...index_path, i], [...path, name], type);
+					}
+				}}
+			>
+				{#if interactive}
+					{#if type === "folder" && file_count === "single"}
+						<span class="no-checkbox" aria-hidden="true"></span>
+					{:else}
+						<Checkbox
+							disabled={false}
+							value={is_selected}
+							onchange={(checked) => {
+								oncheck?.({
+									path: [...path, name],
+									checked,
+									type
+								});
+								if (selectable) {
+									handle_select([...index_path, i], [...path, name], type);
+								}
+								if (type === "folder" && checked) {
+									open_folder(i);
+								}
+							}}
+						/>
+					{/if}
+				{/if}
+
+				{#if type === "folder"}
+					<span
+						class="icon"
+						class:hidden={!opened_folders.includes(i)}
+						onclick={(e) => {
+							e.stopPropagation();
+							toggle_open_folder(i);
+						}}
+						role="button"
+						aria-label="expand directory"
+						tabindex="0"
+						onkeydown={(e) => {
+							if (e.key === " " || e.key === "Enter") {
+								toggle_open_folder(i);
+							}
+						}}><Arrow /></span
+					>
+				{:else}
+					<span class="file-icon">
+						<img src={name === "." ? FolderIcon : FileIcon} alt="file icon" />
+					</span>
+				{/if}
+				<span class="item-name">{name}</span>
+			</span>
+			{#if type === "folder" && opened_folders.includes(i)}
+				<Self
+					path={[...path, name]}
+					index_path={[...index_path, i]}
+					selected_files={selected_files
+						.filter((x) => x[0] === name)
+						.map((x) => x.slice(1))}
+					selected_folders={selected_folders
+						.filter((x) => x[0] === name)
+						.map((x) => x.slice(1))}
+					is_selected_entirely={selected_folders.some(
+						(x) => x[0] === name && x.length === 1
+					)}
+					{interactive}
+					{selectable}
+					{ls_fn}
+					{file_count}
+					valid_for_selection={valid ?? false}
+					{oncheck}
+					{onselect}
+				/>
+			{/if}
+		</li>
+	{/each}
+</ul>
+
+<style>
+	.icon {
+		display: inline-block;
+		width: 18px;
+		height: 18px;
+		padding: 3px 2px 3px 3px;
+		margin: 0;
+		flex-grow: 0;
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
+		border-radius: 2px;
+		cursor: pointer;
+		transition: 0.1s;
+		flex-shrink: 0;
+	}
+
+	.file-icon {
+		display: inline-block;
+		height: 20px;
+		margin-left: -1px;
+		margin: 0;
+		flex-grow: 0;
+		display: inline-flex;
+		justify-content: center;
+		align-items: center;
+
+		transition: 0.1s;
+	}
+
+	.file-icon img {
+		width: 100%;
+		height: 100%;
+	}
+
+	.icon:hover {
+		background: #eee;
+	}
+
+	.icon:hover :global(> *) {
+		color: var(--block-info-text-color);
+	}
+
+	.icon :global(> *) {
+		transform: rotate(90deg);
+		transform-origin: 40% 50%;
+		transition: 0.2s;
+		color: var(--color-accent);
+	}
+
+	.no-checkbox {
+		width: 18px;
+		height: 18px;
+	}
+
+	ul.root .no-checkbox {
+		display: none;
+	}
+
+	.hidden :global(> *) {
+		transform: rotate(0);
+		color: var(--body-text-color-subdued);
+	}
+
+	ul {
+		margin-left: 26px;
+		padding-left: 0;
+		list-style: none;
+	}
+
+	ul.root {
+		margin-left: 8px;
+	}
+
+	ul.no-checkboxes:not(.root) {
+		margin-left: 20px;
+	}
+
+	li {
+		margin-left: 0;
+		padding-left: 0;
+		align-items: center;
+		margin: 8px 0;
+		font-family: var(--font-mono);
+		font-size: var(--scale-00);
+		overflow-wrap: anywhere;
+		word-break: break-word;
+	}
+
+	.wrap {
+		display: flex;
+		gap: 8px;
+		align-items: center;
+	}
+
+	.wrap.selected {
+		background-color: var(--color-accent-soft);
+		border-radius: var(--radius-sm);
+		margin-left: -4px;
+		padding-left: 4px;
+	}
+
+	.wrap.selectable {
+		cursor: pointer;
+		border-radius: var(--radius-sm);
+		margin-left: -4px;
+		padding-left: 4px;
+		padding-right: 4px;
+	}
+
+	.wrap.selectable:hover {
+		background-color: var(--border-color-accent);
+	}
+
+	.item-name {
+		flex: 1;
+		padding: 2px 4px;
+		border-radius: var(--radius-sm);
+		margin-right: -4px;
+	}
+</style>
diff --git a/js/fileexplorer/shared/types.ts b/js/fileexplorer/shared/types.ts
new file mode 100644
index 0000000..609c942
--- /dev/null
+++ b/js/fileexplorer/shared/types.ts
@@ -0,0 +1,5 @@
+export interface FileNode {
+	type: "file" | "folder";
+	name: string;
+	valid?: boolean;
+}
diff --git a/js/fileexplorer/types.ts b/js/fileexplorer/types.ts
new file mode 100644
index 0000000..a44f52b
--- /dev/null
+++ b/js/fileexplorer/types.ts
@@ -0,0 +1,27 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { SelectData, CustomButton } from "@gradio/utils";
+import type { FileNode } from "./shared/types";
+
+export interface FileExplorerProps {
+	value: string[][];
+	height: number | string | undefined;
+	min_height: number | string | undefined;
+	max_height: number | string | undefined;
+	file_count: "single" | "multiple";
+	root_dir: string;
+	glob: string;
+	ignore_glob: string;
+	_selectable: boolean;
+	server: {
+		ls: (path: string[]) => Promise<FileNode[]>;
+	};
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface FileExplorerEvents {
+	change: never;
+	input: never;
+	select: SelectData;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/form/BaseForm.svelte b/js/form/BaseForm.svelte
new file mode 100644
index 0000000..c7b2309
--- /dev/null
+++ b/js/form/BaseForm.svelte
@@ -0,0 +1,57 @@
+<script lang="ts">
+	let {
+		visible = true,
+		scale = null,
+		min_width = 0,
+		label = undefined
+	}: {
+		visible?: boolean | "hidden";
+		scale?: number | null;
+		min_width?: number;
+		label?: string;
+	} = $props();
+</script>
+
+<div
+	class="form"
+	class:hidden={visible === false}
+	class:hidden-css={visible === "hidden"}
+	style:flex-grow={scale}
+	style:min-width={`calc(min(${min_width}px, 100%))`}
+	role={label ? "group" : undefined}
+	aria-label={label}
+>
+	<slot />
+</div>
+
+<style>
+	div {
+		display: flex;
+		flex-direction: inherit;
+		flex-wrap: wrap;
+		gap: var(--form-gap-width);
+		box-shadow: var(--block-shadow);
+		border: var(--block-border-width) solid var(--block-border-color);
+		border-radius: var(--block-radius);
+		background: var(--border-color-primary);
+		overflow-y: hidden;
+	}
+
+	div :global(.block) {
+		box-shadow: none !important;
+		border-width: 0px !important;
+		border-radius: 0px !important;
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.hidden-css {
+		display: none !important;
+	}
+
+	div:not(:has(> :not(.hidden))) {
+		display: none;
+	}
+</style>
diff --git a/js/form/BaseForm.test.ts b/js/form/BaseForm.test.ts
new file mode 100644
index 0000000..6b8487d
--- /dev/null
+++ b/js/form/BaseForm.test.ts
@@ -0,0 +1,150 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+
+import Form from "./Index.svelte";
+import BaseForm from "./BaseForm.svelte";
+import FormWithChild from "./WithChild.svelte";
+
+// Form/Index.svelte is a 3-line pass-through; BaseForm.svelte is the real component.
+// Form does NOT forward elem_id, elem_classes, or label to BaseForm — only visible,
+// scale, and min_width are passed through.
+
+describe("Form", () => {
+	afterEach(() => cleanup());
+
+	test("renders the form container", async () => {
+		const { container } = await render(Form, { visible: true });
+		// No role, label, or text on a bare form without a label prop —
+		// querySelector(".form") is the appropriate query here.
+		expect(container.querySelector(".form")).not.toBeNull();
+	});
+
+	test("visible: true → container is present in the DOM", async () => {
+		const { container } = await render(Form, { visible: true });
+		// An empty Form auto-hides via CSS :has selector (no non-hidden children),
+		// so toBeVisible() is not reliable here. We verify the element is in the DOM.
+		expect(container.querySelector(".form")).not.toBeNull();
+	});
+
+	test("visible: false → container is hidden", async () => {
+		const { container } = await render(Form, { visible: false });
+		const el = container.querySelector(".form");
+		expect(el).not.toBeNull();
+		expect(el).not.toBeVisible();
+	});
+
+	test("visible: 'hidden' → container is hidden", async () => {
+		const { container } = await render(Form, { visible: "hidden" });
+		const el = container.querySelector(".form");
+		expect(el).not.toBeNull();
+		expect(el).not.toBeVisible();
+	});
+});
+
+// Accessibility tests render BaseForm directly because Form/Index.svelte does not
+// forward the label prop. All BaseForm props (visible, scale, min_width, label) are in
+// allowed_shared_props and available via the render utility's top-level spread.
+describe("Accessibility", () => {
+	afterEach(() => cleanup());
+
+	test("no label → no role='group'", async () => {
+		const { container } = await render(BaseForm, {
+			visible: true,
+			min_width: 0
+		});
+		expect(container.querySelector(".form")?.getAttribute("role")).toBeNull();
+	});
+
+	test("label prop → role='group' is applied", async () => {
+		const { container } = await render(BaseForm, {
+			visible: true,
+			min_width: 0,
+			label: "My Section"
+		});
+		// The empty form auto-hides (CSS :has rule), so getByRole cannot reach it in
+		// a real browser. We check the attribute directly.
+		expect(container.querySelector(".form")?.getAttribute("role")).toBe(
+			"group"
+		);
+	});
+
+	test("label prop → aria-label matches the provided label", async () => {
+		const { container } = await render(BaseForm, {
+			visible: true,
+			min_width: 0,
+			label: "Form Section"
+		});
+		expect(container.querySelector(".form")?.getAttribute("aria-label")).toBe(
+			"Form Section"
+		);
+	});
+
+	test("no label → no aria-label attribute", async () => {
+		const { container } = await render(BaseForm, {
+			visible: true,
+			min_width: 0
+		});
+		expect(
+			container.querySelector(".form")?.getAttribute("aria-label")
+		).toBeNull();
+	});
+});
+
+describe("Props: scale / min_width", () => {
+	afterEach(() => cleanup());
+
+	test("scale prop sets flex-grow on the container", async () => {
+		const { container } = await render(BaseForm, {
+			visible: true,
+			scale: 2,
+			min_width: 0
+		});
+		const el = container.querySelector(".form") as HTMLElement | null;
+		expect(el?.style.flexGrow).toBe("2");
+	});
+
+	test("min_width prop is reflected in the container's min-width style", async () => {
+		const { container } = await render(BaseForm, {
+			visible: true,
+			scale: null,
+			min_width: 320
+		});
+		const el = container.querySelector(".form") as HTMLElement | null;
+		// Inline style is calc(min(320px, 100%))
+		expect(el?.style.minWidth).toContain("320");
+	});
+});
+
+describe("Children / slot", () => {
+	afterEach(() => cleanup());
+
+	test("renders slot children inside the form container", async () => {
+		const { getByTestId } = await render(FormWithChild, { visible: true });
+		expect(getByTestId("slot-content")).not.toBeNull();
+	});
+
+	test("slot children are visible when form is visible", async () => {
+		const { getByTestId } = await render(FormWithChild, { visible: true });
+		// With a non-hidden child present, the CSS :has auto-hide rule does not trigger
+		expect(getByTestId("slot-content")).toBeVisible();
+	});
+
+	test("slot children are not visible when form is hidden (visible: false)", async () => {
+		const { getByTestId } = await render(FormWithChild, { visible: false });
+		expect(getByTestId("slot-content")).not.toBeVisible();
+	});
+
+	test("slot children are not visible when form is hidden (visible: 'hidden')", async () => {
+		const { getByTestId } = await render(FormWithChild, {
+			visible: "hidden"
+		});
+		expect(getByTestId("slot-content")).not.toBeVisible();
+	});
+});
+
+test.todo(
+	"VISUAL: Form children lose box-shadow, border-radius, and border via the .block CSS override — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: Form auto-hides when all direct children carry the .hidden class (CSS :has selector) — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/form/CHANGELOG.md b/js/form/CHANGELOG.md
new file mode 100644
index 0000000..1319fe7
--- /dev/null
+++ b/js/form/CHANGELOG.md
@@ -0,0 +1,648 @@
+# @gradio/form
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/utils@0.13.0
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+
+## 0.3.3
+
+### Features
+
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.3.0
+
+### Features
+
+- [#12839](https://github.com/gradio-app/gradio/pull/12839) [`1c671b3`](https://github.com/gradio-app/gradio/commit/1c671b39830ccf1c87f6cfcb4669e97dfb3a7367) - Hide forms with no elements.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+
+## 0.2.30
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+
+## 0.2.29
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12607](https://github.com/gradio-app/gradio/pull/12607) [`299728b`](https://github.com/gradio-app/gradio/commit/299728b707c88e7afbc6a60f1f266a9013fa424d) - fix: add ARIA landmarks for accessibility.  Thanks @majiayu000!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.2.28
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.2.28
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+
+## 0.2.27
+
+### Fixes
+
+- [#12461](https://github.com/gradio-app/gradio/pull/12461) [`9a86e80`](https://github.com/gradio-app/gradio/commit/9a86e8064787029bc20b086c6f3191879f786e0f) - Fix Login Gradio 6.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.2.26
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/utils@0.10.3
+- @gradio/icons@0.15.0
+
+## 0.2.26-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+
+## 0.2.26-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.2.25
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.2.25
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.0
+
+## 0.2.24
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+
+## 0.2.23
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.2.23
+
+### Dependency updates
+
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.2.22
+
+### Dependency updates
+
+- @gradio/atoms@0.16.4
+
+## 0.2.21
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+
+## 0.2.20
+
+### Dependency updates
+
+- @gradio/atoms@0.16.2
+
+## 0.2.19
+
+### Dependency updates
+
+- @gradio/atoms@0.16.1
+
+## 0.2.18
+
+### Dependency updates
+
+- @gradio/atoms@0.16.0
+
+## 0.2.17
+
+### Dependency updates
+
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.2.16
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/icons@0.12.0
+
+## 0.2.15
+
+### Dependency updates
+
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.2.14
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/atoms@0.14.0
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/atoms@0.13.3
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/icons@0.10.0
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/atoms@0.12.0
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/atoms@0.11.0
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/atoms@0.10.1
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+
+## 0.2.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/utils@0.7.0
+- @gradio/icons@0.8.0
+
+## 0.2.0-beta.5
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.1.25-beta.4
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.1.25-beta.3
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.1.25-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.1.25-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.1.25
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.1.24
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/icons@0.7.1
+
+## 0.1.23
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/icons@0.7.0
+
+## 0.1.22
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+
+## 0.1.21
+
+### Dependency updates
+
+- @gradio/atoms@0.7.7
+
+## 0.1.20
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/icons@0.6.0
+
+## 0.1.19
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+
+## 0.1.18
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+
+## 0.1.17
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/icons@0.4.1
+
+## 0.1.16
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+
+## 0.1.15
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/utils@0.4.0
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/icons@0.3.4
+
+## 0.1.11
+
+### Dependency updates
+
+- @gradio/atoms@0.6.0
+
+## 0.1.10
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+
+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/atoms@0.4.1
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.7
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.5
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+
+## 0.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec), [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8)]:
+  - @gradio/atoms@0.1.0
+  - @gradio/utils@0.0.3
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.0.2
+  - @gradio/atoms@0.0.2
\ No newline at end of file
diff --git a/js/form/Index.svelte b/js/form/Index.svelte
new file mode 100644
index 0000000..e688e3f
--- /dev/null
+++ b/js/form/Index.svelte
@@ -0,0 +1,19 @@
+<script context="module" lang="ts">
+	export { default as BaseForm } from "./BaseForm.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import BaseForm from "./BaseForm.svelte";
+
+	let props = $props();
+	const gradio = new Gradio(props);
+</script>
+
+<BaseForm
+	visible={gradio.shared.visible}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	<slot />
+</BaseForm>
diff --git a/js/form/README.md b/js/form/README.md
new file mode 100644
index 0000000..d081674
--- /dev/null
+++ b/js/form/README.md
@@ -0,0 +1,14 @@
+# `@gradio/form`
+
+```html
+<script>
+	import { Form } from "@gradio/form";
+</script>
+```
+
+Form
+```javascript
+	export let visible = true;
+	export let scale: number | null = null;
+	export let min_width = 0;
+```
diff --git a/js/form/WithChild.svelte b/js/form/WithChild.svelte
new file mode 100644
index 0000000..a0e9ee4
--- /dev/null
+++ b/js/form/WithChild.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+	import Form from "./Index.svelte";
+	let props = $props();
+</script>
+
+<Form {...props}>
+	<div data-testid="slot-content">test child</div>
+</Form>
diff --git a/js/form/package.json b/js/form/package.json
new file mode 100644
index 0000000..75bd6ab
--- /dev/null
+++ b/js/form/package.json
@@ -0,0 +1,35 @@
+{
+	"name": "@gradio/form",
+	"version": "0.4.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/icons": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/form"
+	}
+}
diff --git a/js/gallery/CHANGELOG.md b/js/gallery/CHANGELOG.md
new file mode 100644
index 0000000..6bb401e
--- /dev/null
+++ b/js/gallery/CHANGELOG.md
@@ -0,0 +1,1711 @@
+# @gradio/gallery
+
+## 0.19.0
+
+### Features
+
+- [#13566](https://github.com/gradio-app/gradio/pull/13566) [`79b9171`](https://github.com/gradio-app/gradio/commit/79b91718b5c972c174ed042d8b04443bc2274076) - Gallery Download All.  Thanks @dawoodkhan82!
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/image@0.28.0
+- @gradio/video@0.22.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+- @gradio/file@0.15.1
+
+## 0.18.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/image@0.27.0
+- @gradio/file@0.15.0
+- @gradio/video@0.21.0
+
+## 0.17.8
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.17.8
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.17.8
+
+### Fixes
+
+- [#13335](https://github.com/gradio-app/gradio/pull/13335) [`953efe0`](https://github.com/gradio-app/gradio/commit/953efe06fa6d0742a9dd899b846d45fbc6ea3ccf) - Prevent Gallery Select Event From Triggering When Value Updated Programmatically.  Thanks @freddyaboulton!
+
+## 0.17.7
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+- @gradio/file@0.14.8
+- @gradio/image@0.26.3
+- @gradio/video@0.20.8
+
+## 0.17.6
+
+### Features
+
+- [#13213](https://github.com/gradio-app/gradio/pull/13213) [`457f130`](https://github.com/gradio-app/gradio/commit/457f130b310ac087fdc6ba7dbbc7fa78e0bcccf8) - Gallery Unit Tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/image@0.26.2
+- @gradio/file@0.14.7
+- @gradio/video@0.20.7
+
+## 0.17.5
+
+### Fixes
+
+- [#13178](https://github.com/gradio-app/gradio/pull/13178) [`d815881`](https://github.com/gradio-app/gradio/commit/d815881739689f45f5387ea52cc92e2cddf8adcf) - fix(gallery): prevent incorrect selected_index clamping on image append.  Thanks @Gopesh111!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/image@0.26.1
+- @gradio/video@0.20.6
+- @gradio/file@0.14.6
+
+## 0.17.4
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/image@0.26.0
+- @gradio/video@0.20.5
+- @gradio/file@0.14.5
+
+## 0.17.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+- @gradio/image@0.25.4
+- @gradio/file@0.14.4
+- @gradio/video@0.20.4
+
+## 0.17.2
+
+### Fixes
+
+- [#12927](https://github.com/gradio-app/gradio/pull/12927) [`ca84f3e`](https://github.com/gradio-app/gradio/commit/ca84f3e36c6a3f3c3f0b57084b6f514d6cded1d4) - Fix Gallery CSS Issue.  Thanks @freddyaboulton!
+
+## 0.17.1
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.17.1
+
+### Fixes
+
+- [#12865](https://github.com/gradio-app/gradio/pull/12865) [`db7ab39`](https://github.com/gradio-app/gradio/commit/db7ab39c7e6ea3d1a2f0ce1991b5dbc0483b1e27) - Fix Gallery fullscreen button not working in preview mode.  Thanks @veeceey!
+- [#12866](https://github.com/gradio-app/gradio/pull/12866) [`9810396`](https://github.com/gradio-app/gradio/commit/981039647a4212c649a33dc4b56a4714980519eb) - Fix Gallery preview=True parameter not working on initial load.  Thanks @veeceey!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+- @gradio/video@0.20.3
+- @gradio/file@0.14.3
+- @gradio/image@0.25.3
+
+## 0.17.0
+
+### Features
+
+- [#12804](https://github.com/gradio-app/gradio/pull/12804) [`fc366b4`](https://github.com/gradio-app/gradio/commit/fc366b485325c900b0c2b85ba05b7d23a81a0dee) - Allow webcam uploads and clipboard paste for gallery.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/file@0.14.2
+- @gradio/image@0.25.2
+- @gradio/upload@0.17.5
+- @gradio/video@0.20.2
+
+## 0.16.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12698](https://github.com/gradio-app/gradio/pull/12698) [`db86165`](https://github.com/gradio-app/gradio/commit/db86165535386991701ea89b2083ef5e60cd23e8) - Migrates gr.File.  Thanks @aliabid94!
+- [#12806](https://github.com/gradio-app/gradio/pull/12806) [`3b3b035`](https://github.com/gradio-app/gradio/commit/3b3b0350e90756e937fc0908446f66ae1412c89f) - Fix Gallery upload after it has been populated.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12684](https://github.com/gradio-app/gradio/pull/12684) [`1373713`](https://github.com/gradio-app/gradio/commit/1373713646e34078188265eb07c4bff5a048e9a2) - Migrate Gallery to Svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/image@0.25.1
+- @gradio/file@0.14.1
+- @gradio/video@0.20.1
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+- @gradio/video@0.20.0
+
+## 0.16.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12577](https://github.com/gradio-app/gradio/pull/12577) [`b4c00d2`](https://github.com/gradio-app/gradio/commit/b4c00d2f531d38e2677ea76cfeb412a7bd3bb1a3) - Fix Gallery preview_close event not firing on ESC key.  Thanks @majiayu000!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/file@0.14.0
+- @gradio/image@0.25.0
+- @gradio/video@0.19.0
+
+## 0.15.36
+
+### Dependency updates
+
+- @gradio/video@0.18.0
+
+## 0.15.35
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.15.35
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Fixes
+
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Gallery: Allow empty columns when items < columns
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/file@0.13.1
+- @gradio/icons@0.15.0
+- @gradio/image@0.24.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+- @gradio/video@0.17.0
+
+## 0.15.35-dev.3
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+- @gradio/image@0.24.0-dev.2
+- @gradio/video@0.17.0-dev.2
+- @gradio/file@0.13.1-dev.2
+
+## 0.15.35-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/image@0.23.2-dev.1
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/video@0.17.0-dev.1
+- @gradio/file@0.13.1-dev.1
+
+## 0.15.35-dev.1
+
+### Fixes
+
+- [#12066](https://github.com/gradio-app/gradio/pull/12066) [`6a4757a`](https://github.com/gradio-app/gradio/commit/6a4757ab289e8e53b5503eb6887333d7ad26c9eb) - Gallery: Allow empty columns when items < columns.  Thanks @missionfloyd!
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.15.35-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/image@0.23.2-dev.0
+- @gradio/file@0.13.1-dev.0
+- @gradio/video@0.17.0-dev.0
+
+## 0.15.34
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.15.34
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.15.34
+
+### Fixes
+
+- [#11938](https://github.com/gradio-app/gradio/pull/11938) [`beddde5`](https://github.com/gradio-app/gradio/commit/beddde5d432904d6384b7285acdbf1fd78469af7) - Fix bug where Gallery scrollbar would not show up.  Thanks @freddyaboulton!
+
+## 0.15.33
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/image@0.23.0
+- @gradio/file@0.13.0
+- @gradio/video@0.16.0
+
+## 0.15.32
+
+### Fixes
+
+- [#11787](https://github.com/gradio-app/gradio/pull/11787) [`b19576c`](https://github.com/gradio-app/gradio/commit/b19576c45f0748ca655864f4d80ff835318f1299) - Allow deleting and uploading additional images to interactive `gr.Gallery` and other fixes.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+- @gradio/file@0.12.29
+- @gradio/image@0.22.18
+- @gradio/video@0.15.1
+
+## 0.15.31
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.15.31
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.15.31
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+- @gradio/file@0.12.28
+- @gradio/video@0.15.0
+
+## 0.15.30
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/video@0.14.24
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/file@0.12.27
+- @gradio/image@0.22.16
+
+## 0.15.29
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/video@0.14.23
+- @gradio/client@1.16.0
+- @gradio/image@0.22.15
+- @gradio/file@0.12.26
+
+## 0.15.28
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/video@0.14.22
+- @gradio/client@1.15.7
+- @gradio/image@0.22.14
+- @gradio/file@0.12.25
+
+## 0.15.27
+
+### Dependency updates
+
+- @gradio/video@0.14.21
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+- @gradio/image@0.22.13
+- @gradio/file@0.12.24
+
+## 0.15.26
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/video@0.14.20
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+- @gradio/file@0.12.23
+
+## 0.15.25
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/video@0.14.19
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+- @gradio/file@0.12.22
+
+## 0.15.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/video@0.14.18
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/image@0.22.10
+- @gradio/file@0.12.21
+
+## 0.15.23
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.15.23
+
+### Fixes
+
+- [#11362](https://github.com/gradio-app/gradio/pull/11362) [`1b88339`](https://github.com/gradio-app/gradio/commit/1b883395eb3feceed60ec79fcf19285269e2b171) - Fix Gallery thumbnail overflow.  Thanks @freddyaboulton!
+
+## 0.15.22
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/video@0.14.17
+- @gradio/client@1.15.2
+- @gradio/file@0.12.20
+- @gradio/image@0.22.9
+
+## 0.15.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/video@0.14.16
+- @gradio/image@0.22.8
+- @gradio/file@0.12.19
+
+## 0.15.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/image@0.22.7
+- @gradio/file@0.12.19
+- @gradio/video@0.14.15
+
+## 0.15.19
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/image@0.22.6
+- @gradio/video@0.14.14
+- @gradio/file@0.12.18
+
+## 0.15.18
+
+### Dependency updates
+
+- @gradio/video@0.14.13
+- @gradio/upload@0.16.4
+- @gradio/image@0.22.5
+- @gradio/file@0.12.17
+
+## 0.15.17
+
+### Dependency updates
+
+- @gradio/video@0.14.12
+- @gradio/image@0.22.4
+
+## 0.15.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/image@0.22.3
+- @gradio/upload@0.16.3
+- @gradio/video@0.14.11
+- @gradio/atoms@0.16.0
+- @gradio/file@0.12.16
+
+## 0.15.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/video@0.14.10
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/image@0.22.2
+- @gradio/file@0.12.15
+
+## 0.15.14
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+- @gradio/image@0.22.1
+- @gradio/video@0.14.9
+- @gradio/file@0.12.14
+
+## 0.15.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/video@0.14.8
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+- @gradio/image@0.22.0
+- @gradio/file@0.12.13
+
+## 0.15.12
+
+### Dependency updates
+
+- @gradio/video@0.14.7
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/image@0.21.7
+- @gradio/file@0.12.12
+
+## 0.15.11
+
+### Dependency updates
+
+- @gradio/video@0.14.6
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/upload@0.15.6
+- @gradio/image@0.21.6
+- @gradio/file@0.12.11
+
+## 0.15.10
+
+### Dependency updates
+
+- @gradio/image@0.21.5
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/video@0.14.5
+- @gradio/atoms@0.14.0
+- @gradio/file@0.12.10
+
+## 0.15.9
+
+### Dependency updates
+
+- @gradio/video@0.14.4
+- @gradio/client@1.13.1
+- @gradio/upload@0.15.4
+- @gradio/image@0.21.4
+- @gradio/file@0.12.9
+
+## 0.15.8
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/video@0.14.3
+- @gradio/client@1.13.0
+- @gradio/image@0.21.3
+- @gradio/file@0.12.8
+
+## 0.15.7
+
+### Dependency updates
+
+- @gradio/image@0.21.2
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/video@0.14.2
+- @gradio/atoms@0.13.3
+- @gradio/file@0.12.7
+
+## 0.15.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/video@0.14.1
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/image@0.21.1
+- @gradio/file@0.12.6
+
+## 0.15.5
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/image@0.21.0
+- @gradio/file@0.12.5
+- @gradio/video@0.14.0
+
+## 0.15.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/file@0.12.4
+- @gradio/image@0.20.4
+- @gradio/video@0.13.4
+
+## 0.15.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/file@0.12.3
+- @gradio/image@0.20.3
+- @gradio/video@0.13.3
+
+## 0.15.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/video@0.13.2
+- @gradio/statustracker@0.10.2
+- @gradio/image@0.20.2
+- @gradio/file@0.12.2
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/video@0.13.1
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/image@0.20.1
+- @gradio/file@0.12.1
+
+## 0.15.0
+
+### Features
+
+- [#10303](https://github.com/gradio-app/gradio/pull/10303) [`f19ca89`](https://github.com/gradio-app/gradio/commit/f19ca89cdd4040dbaa41bbc3b9915edc032603a0) - Add preview_open and preview_close events to Gallery.  Thanks @freddyaboulton!
+
+## 0.14.1
+
+### Fixes
+
+- [#10269](https://github.com/gradio-app/gradio/pull/10269) [`890eaa3`](https://github.com/gradio-app/gradio/commit/890eaa3a9e53dab5bcb16c5d017ae0470109b8fb) - Allow displaying SVG images securely in `gr.Image` and `gr.Gallery` components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/image@0.20.0
+- @gradio/video@0.13.0
+- @gradio/file@0.12.0
+
+## 0.14.0
+
+### Features
+
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.12.1
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+- @gradio/image@0.19.0
+- @gradio/file@0.11.3
+
+## 0.13.10
+
+### Dependency updates
+
+- @gradio/image@0.18.0
+- @gradio/video@0.12.0
+
+## 0.13.9
+
+### Fixes
+
+- [#10016](https://github.com/gradio-app/gradio/pull/10016) [`7b8f1e4`](https://github.com/gradio-app/gradio/commit/7b8f1e447acae4506236db9819c7c4a54f8b8153) - Fix double gallery close button in preview.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/video@0.11.9
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+- @gradio/image@0.17.0
+- @gradio/file@0.11.2
+
+## 0.13.8
+
+### Dependency updates
+
+- @gradio/video@0.11.8
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+- @gradio/image@0.16.8
+- @gradio/file@0.11.1
+
+## 0.13.7
+
+### Fixes
+
+- [#9881](https://github.com/gradio-app/gradio/pull/9881) [`6866a54`](https://github.com/gradio-app/gradio/commit/6866a5433afe7e29ad73bac10ecbc3b44f5867f4) - Ensure gallery share button is positioned correctly.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.11.7
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/file@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/image@0.16.7
+
+## 0.13.6
+
+### Dependency updates
+
+- @gradio/video@0.11.6
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/image@0.16.6
+- @gradio/upload@0.13.5
+- @gradio/file@0.10.6
+
+## 0.13.5
+
+### Dependency updates
+
+- @gradio/video@0.11.5
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+- @gradio/file@0.10.5
+- @gradio/image@0.16.5
+
+## 0.13.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/video@0.11.4
+- @gradio/atoms@0.9.2
+- @gradio/file@0.10.4
+- @gradio/image@0.16.4
+
+## 0.13.3
+
+### Dependency updates
+
+- @gradio/video@0.11.3
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/image@0.16.3
+- @gradio/file@0.10.3
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/file@0.10.2
+- @gradio/upload@0.13.1
+- @gradio/image@0.16.2
+- @gradio/video@0.11.2
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/video@0.11.1
+- @gradio/statustracker@0.8.1
+- @gradio/file@0.10.1
+- @gradio/image@0.16.1
+
+## 0.13.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Video gallery
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/image@0.16.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/video@0.11.0
+- @gradio/file@0.10.0
+
+## 0.13.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/image@0.16.0-beta.7
+- @gradio/video@0.11.0-beta.7
+- @gradio/file@0.10.0-beta.7
+
+## 0.13.0-beta.6
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.6
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/image@0.16.0-beta.6
+- @gradio/file@0.10.0-beta.6
+
+## 0.13.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/video@0.11.0-beta.5
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/file@0.10.0-beta.5
+- @gradio/image@0.16.0-beta.5
+
+## 0.13.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/file@0.10.0-beta.4
+- @gradio/image@0.16.0-beta.4
+- @gradio/video@0.11.0-beta.4
+
+## 0.13.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/video@0.11.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/file@0.10.0-beta.3
+- @gradio/image@0.16.0-beta.3
+
+## 0.13.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/file@0.10.0-beta.2
+- @gradio/image@0.16.0-beta.2
+- @gradio/video@0.11.0-beta.2
+
+## 0.13.0-beta.1
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.1
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/image@0.16.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/file@0.9.4-beta.1
+
+## 0.13.0-beta.0
+
+### Features
+
+- [#9052](https://github.com/gradio-app/gradio/pull/9052) [`f3652eb`](https://github.com/gradio-app/gradio/commit/f3652ebe08211e12739df73c15fd97e5ff81276a) - Video gallery.  Thanks @dawoodkhan82!
+
+## 0.12.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/image@0.15.1
+- @gradio/file@0.9.4
+
+## 0.12.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+- @gradio/image@0.15.0
+- @gradio/file@0.9.3
+
+## 0.12.0
+
+### Features
+
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/image@0.14.0
+- @gradio/file@0.9.2
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/image@0.13.1
+- @gradio/file@0.9.1
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/image@0.13.0
+- @gradio/statustracker@0.7.2
+- @gradio/file@0.9.0
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/image@0.12.2
+- @gradio/icons@0.6.0
+- @gradio/file@0.8.5
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/image@0.12.1
+- @gradio/file@0.8.4
+
+## 0.11.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/image@0.12.0
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/file@0.8.3
+- @gradio/upload@0.11.3
+
+## 0.10.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/file@0.8.2
+- @gradio/image@0.11.10
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/file@0.8.1
+- @gradio/image@0.11.9
+
+## 0.10.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/file@0.8.0
+- @gradio/upload@0.11.0
+- @gradio/image@0.11.8
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/file@0.7.7
+- @gradio/image@0.11.7
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/file@0.7.6
+- @gradio/image@0.11.6
+- @gradio/upload@0.10.6
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+- @gradio/image@0.11.5
+- @gradio/file@0.7.5
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/file@0.7.4
+- @gradio/image@0.11.4
+- @gradio/upload@0.10.4
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/file@0.7.3
+- @gradio/image@0.11.3
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/file@0.7.2
+- @gradio/image@0.11.2
+- @gradio/upload@0.10.2
+
+## 0.10.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/image@0.11.1
+- @gradio/upload@0.10.1
+- @gradio/file@0.7.1
+
+## 0.10.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+- @gradio/image@0.11.0
+- @gradio/file@0.7.0
+
+## 0.9.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/file@0.6.0
+- @gradio/image@0.10.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/image@0.9.12
+- @gradio/file@0.5.12
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/image@0.9.11
+- @gradio/client@0.15.1
+- @gradio/file@0.5.11
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+- @gradio/file@0.5.10
+- @gradio/image@0.9.10
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+- @gradio/image@0.9.9
+- @gradio/file@0.5.9
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+- @gradio/file@0.5.8
+- @gradio/image@0.9.8
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/file@0.5.7
+- @gradio/image@0.9.7
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/file@0.5.6
+- @gradio/image@0.9.6
+
+## 0.8.1
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/file@0.5.5
+  - @gradio/image@0.9.5
+
+## 0.8.0
+
+### Features
+
+- [#7516](https://github.com/gradio-app/gradio/pull/7516) [`3645da5`](https://github.com/gradio-app/gradio/commit/3645da5f1e5539668cad75071a82fdd78f50263c) - Fix incorrect relative mouse coordinates for `Gallery` preview overlay. Thanks [@MMP0](https://github.com/MMP0)!
+
+## 0.7.3
+
+### Fixes
+
+- [#7505](https://github.com/gradio-app/gradio/pull/7505) [`b186767`](https://github.com/gradio-app/gradio/commit/b18676774448f44a2ef3a9490224703254cffa7c) - Fix `Gallery` preview overlay and backdrop. Thanks [@MMP0](https://github.com/MMP0)!
+
+## 0.7.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/file@0.5.2
+  - @gradio/image@0.9.2
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.7.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/file@0.5.1
+  - @gradio/image@0.9.1
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.7.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7369](https://github.com/gradio-app/gradio/pull/7369) [`7b10d97`](https://github.com/gradio-app/gradio/commit/7b10d97b0f928fde6a71a94460fb8ca784e7a31d) - Remove the `@gradio/wasm` dependency from `@gradio/gallery` that is not used. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.6.1
+
+### Patch Changes
+
+- Updated dependencies [[`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd), [`733ca26`](https://github.com/gradio-app/gradio/commit/733ca266bb1ba9049ed7309b8f0614199682e173), [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f), [`2e6672c`](https://github.com/gradio-app/gradio/commit/2e6672c815e39fd6af78353e66661100b9102cd4), [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557), [`200e251`](https://github.com/gradio-app/gradio/commit/200e2518e4d449aa82819a8d119e912bd1d95c15), [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16), [`cae05c0`](https://github.com/gradio-app/gradio/commit/cae05c05ecde56c4d92c6b5ed8d13353505cbd14), [`05d8a3c`](https://github.com/gradio-app/gradio/commit/05d8a3c8030b733bd47250f5db6f89f230f9a707), [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739)]:
+  - @gradio/upload@0.7.1
+  - @gradio/image@0.8.0
+  - @gradio/client@0.11.0
+  - @gradio/utils@0.2.2
+  - @gradio/file@0.4.9
+  - @gradio/wasm@0.6.0
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.6.0
+
+### Features
+
+- [#7148](https://github.com/gradio-app/gradio/pull/7148) [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32) - Use Gallery as input component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.5.0
+
+### Features
+
+- [#7024](https://github.com/gradio-app/gradio/pull/7024) [`f2d69fc`](https://github.com/gradio-app/gradio/commit/f2d69fc7d0c1c3457112e702b53e38a0255fc1b7) - Fix gallery thumbnail design regression. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.4.17
+
+### Fixes
+
+- [#6967](https://github.com/gradio-app/gradio/pull/6967) [`5e00162`](https://github.com/gradio-app/gradio/commit/5e0016267f1d683e2daab82ee4a33d2f09513a34) - Make <Gallery /> Wasm-compatible. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.4.16
+
+### Patch Changes
+
+- Updated dependencies [[`b1b78c2`](https://github.com/gradio-app/gradio/commit/b1b78c2168e24fb65251a9b9b6cbc9382179a8ca), [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383), [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549), [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519), [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74)]:
+  - @gradio/image@0.6.0
+  - @gradio/client@0.10.0
+  - @gradio/upload@0.5.8
+
+## 0.4.15
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414), [`15c97c6`](https://github.com/gradio-app/gradio/commit/15c97c6d346c475141d20615b5a865e9c44bdc76)]:
+  - @gradio/client@0.9.4
+  - @gradio/image@0.5.4
+  - @gradio/upload@0.5.7
+
+## 0.4.14
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/image@0.5.3
+  - @gradio/upload@0.5.6
+
+## 0.4.13
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/image@0.5.2
+  - @gradio/upload@0.5.5
+
+## 0.4.12
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+  - @gradio/image@0.5.1
+
+## 0.4.11
+
+### Fixes
+
+- [#6487](https://github.com/gradio-app/gradio/pull/6487) [`9a5811d`](https://github.com/gradio-app/gradio/commit/9a5811df9218b622af59ba243a937a9c36ba00f9) - Fix the download button of the `gr.Gallery()` component to work. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.4.10
+
+### Patch Changes
+
+- Updated dependencies [[`b639e04`](https://github.com/gradio-app/gradio/commit/b639e040741e6c0d9104271c81415d7befbd8cf3), [`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/image@0.4.2
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+  - @gradio/upload@0.5.2
+
+## 0.4.9
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/image@0.4.1
+  - @gradio/upload@0.5.1
+
+## 0.4.8
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/image@0.4.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+
+## 0.4.7
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/image@0.3.6
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/image@0.3.5
+  - @gradio/upload@0.4.1
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120), [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d), [`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/image@0.3.4
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/image@0.3.3
+  - @gradio/statustracker@0.3.1
+
+## 0.4.3
+
+### Fixes
+
+- [#6288](https://github.com/gradio-app/gradio/pull/6288) [`92278729e`](https://github.com/gradio-app/gradio/commit/92278729ee008126af15ffe6be399236211b2f34) - Gallery preview fix and optionally skip download of urls in postprcess. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.2
+
+### Fixes
+
+- [#6277](https://github.com/gradio-app/gradio/pull/6277) [`5fe091367`](https://github.com/gradio-app/gradio/commit/5fe091367fbe0eecdd504aa734ca1c70b0621f52) - handle selected_index prop change for gallery. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/image@0.3.1
+  - @gradio/upload@0.3.1
+
+## 0.4.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.9
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.8
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/image@0.3.0-beta.7
+
+## 0.4.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5), [`8d909624f`](https://github.com/gradio-app/gradio/commit/8d909624f61a49536e3c0f71cb2d9efe91216219), [`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/image@0.4.0
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+  - @gradio/upload@0.3.3
+
+## 0.5.0
+
+### Features
+
+- [#5780](https://github.com/gradio-app/gradio/pull/5780) [`ed0f9a21b`](https://github.com/gradio-app/gradio/commit/ed0f9a21b04ad6b941b63d2ce45100dbd1abd5c5) - Adds `change()` event to `gr.Gallery`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5783](https://github.com/gradio-app/gradio/pull/5783) [`4567788bd`](https://github.com/gradio-app/gradio/commit/4567788bd1fc25df9322902ba748012e392b520a) - Adds the ability to set the `selected_index` in a `gr.Gallery`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#5798](https://github.com/gradio-app/gradio/pull/5798) [`a0d3cc45c`](https://github.com/gradio-app/gradio/commit/a0d3cc45c6db48dc0db423c229b8fb285623cdc4) - Fix `gr.SelectData` so that the target attribute is correctly attached, and the filedata is included in the data attribute with `gr.Gallery`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.1
+
+### Fixes
+
+- [#5735](https://github.com/gradio-app/gradio/pull/5735) [`abb5e9df4`](https://github.com/gradio-app/gradio/commit/abb5e9df47989b2c56c2c312d74944678f9f2d4e) - Ensure images with no caption download in gallery. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5754](https://github.com/gradio-app/gradio/pull/5754) [`502054848`](https://github.com/gradio-app/gradio/commit/502054848fdbe39fc03ec42445242b4e49b7affc) - Fix Gallery `columns` and `rows` params. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`e0d61b8ba`](https://github.com/gradio-app/gradio/commit/e0d61b8baa0f6293f53b9bdb1647d42f9ae2583a)]:
+  - @gradio/image@0.2.4
+
+## 0.3.3
+
+### Fixes
+
+- [#5528](https://github.com/gradio-app/gradio/pull/5528) [`dc86e4a7`](https://github.com/gradio-app/gradio/commit/dc86e4a7e1c40b910c74558e6f88fddf9b3292bc) - Lazy load all images. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/image@0.2.2
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/image@0.2.1
+  - @gradio/statustracker@0.1.1
+
+## 0.3.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5025](https://github.com/gradio-app/gradio/pull/5025) [`6693660a`](https://github.com/gradio-app/gradio/commit/6693660a790996f8f481feaf22a8c49130d52d89) - Add download button to selected images in `Gallery`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Features
+
+- [#4995](https://github.com/gradio-app/gradio/pull/4995) [`3f8c210b`](https://github.com/gradio-app/gradio/commit/3f8c210b01ef1ceaaf8ee73be4bf246b5b745bbf) - Implement left and right click in `Gallery` component and show implicit images in `Gallery` grid. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/gallery/Example.svelte b/js/gallery/Example.svelte
new file mode 100644
index 0000000..61990df
--- /dev/null
+++ b/js/gallery/Example.svelte
@@ -0,0 +1,143 @@
+<script lang="ts">
+	import type { GalleryImage, GalleryVideo } from "./types";
+
+	export let value: (GalleryImage | GalleryVideo)[] | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class="container"
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{#if value && value.length > 0}
+		<div class="images-wrapper">
+			{#each value.slice(0, 3) as item}
+				{#if "image" in item && item.image}
+					<div class="image-container">
+						<img src={item.image.url} alt={item.caption || ""} />
+						{#if item.caption}
+							<span class="caption">{item.caption}</span>
+						{/if}
+					</div>
+				{:else if "video" in item && item.video}
+					<div class="image-container">
+						<video
+							src={item.video.url}
+							controls={false}
+							muted
+							preload="metadata"
+						/>
+						{#if item.caption}
+							<span class="caption">{item.caption}</span>
+						{/if}
+					</div>
+				{/if}
+			{/each}
+			{#if value.length > 3}
+				<div class="more-indicator">…</div>
+			{/if}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.container {
+		border-radius: var(--radius-lg);
+		overflow: hidden;
+	}
+
+	.container.selected {
+		border: 2px solid var(--border-color-accent);
+	}
+
+	.images-wrapper {
+		display: flex;
+		gap: var(--spacing-sm);
+	}
+
+	.container.table .images-wrapper {
+		flex-direction: row;
+		align-items: center;
+		padding: var(--spacing-sm);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-lg);
+		background: var(--background-fill-secondary);
+	}
+
+	.container.gallery .images-wrapper {
+		flex-direction: row;
+		gap: 0;
+	}
+
+	.image-container {
+		position: relative;
+		flex-shrink: 0;
+	}
+
+	.container.table .image-container {
+		width: var(--size-12);
+		height: var(--size-12);
+	}
+
+	.container.gallery .image-container {
+		width: var(--size-20);
+		height: var(--size-20);
+		margin-left: calc(-1 * var(--size-8));
+	}
+
+	.container.gallery .image-container:first-child {
+		margin-left: 0;
+	}
+
+	.more-indicator {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-size: var(--text-lg);
+		font-weight: bold;
+		color: var(--border-color-primary);
+	}
+
+	.container.table .more-indicator {
+		width: var(--size-12);
+		height: var(--size-12);
+	}
+
+	.container.gallery .more-indicator {
+		width: var(--size-20);
+		height: var(--size-20);
+		margin-left: calc(-1 * var(--size-8));
+		margin-right: calc(-1 * var(--size-6));
+	}
+
+	.image-container img,
+	.image-container video {
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		border-radius: var(--radius-md);
+	}
+
+	.caption {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background: rgba(0, 0, 0, 0.7);
+		color: white;
+		padding: var(--spacing-xs);
+		font-size: var(--text-xs);
+		text-align: center;
+		border-radius: 0 0 var(--radius-md) var(--radius-md);
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.container.table .caption {
+		display: none;
+	}
+</style>
diff --git a/js/gallery/Gallery.stories.svelte b/js/gallery/Gallery.stories.svelte
new file mode 100644
index 0000000..4b4d9e7
--- /dev/null
+++ b/js/gallery/Gallery.stories.svelte
@@ -0,0 +1,250 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Gallery from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const cheetah = "/cheetah.jpg";
+	const lion = "/lion.jpg";
+	const bus = "/bus.png";
+	const video_sample = "/video_sample.mp4";
+
+	const { Story } = defineMeta({
+		title: "Components/Gallery",
+		component: Gallery,
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The gallery label",
+				name: "label",
+				value: "Gradio Button"
+			},
+			show_label: {
+				options: [true, false],
+				description: "Whether to show the label",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			columns: {
+				options: [1, 2, 3, 4],
+				description: "The number of columns to show in grid",
+				control: { type: "select" },
+				defaultValue: 2
+			},
+			rows: {
+				options: [1, 2, 3, 4],
+				description: "The number of rows to show in grid",
+				control: { type: "select" },
+				defaultValue: 2
+			},
+			height: {
+				options: ["auto", 200, 500, 600],
+				description: "The height of the grid",
+				control: { type: "select" },
+				defaultValue: "auto"
+			},
+			preview: {
+				options: [true, false],
+				description: "Whether to start the gallery in preview mode",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			allow_preview: {
+				options: [true, false],
+				description: "Whether to allow a preview mode in the gallery",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			object_fit: {
+				options: ["contain", "cover", "fill", "none", "scale-down"],
+				description: "How to display each indivial image in the grid",
+				control: { type: "select" },
+				defaultValue: "contain"
+			},
+			show_share_button: {
+				options: [true, false],
+				description: "Whether to show the share button in the gallery",
+				control: { type: "boolean" },
+				defaultValue: false
+			},
+			fit_columns: {
+				options: [true, false],
+				description:
+					"Whether the columns should fit the width of the container",
+				control: { type: "boolean" },
+				defaultValue: true
+			}
+		},
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+
+	const galleryValue = [
+		{
+			image: {
+				path: cheetah,
+				url: cheetah,
+				orig_name: "cheetah.jpg"
+			},
+			caption: "A fast cheetah"
+		},
+		{
+			video: {
+				path: video_sample,
+				url: video_sample,
+				orig_name: "video_sample.mp4"
+			},
+			caption: "Sample video"
+		},
+		{
+			image: {
+				path: lion,
+				url: lion,
+				orig_name: "lion.jpg"
+			}
+		},
+		{
+			image: {
+				path: bus,
+				url: bus,
+				orig_name: "bus.png"
+			}
+		},
+		{
+			image: {
+				path: cheetah,
+				url: cheetah,
+				orig_name: "cheetah.jpg"
+			}
+		},
+		{
+			image: {
+				path: lion,
+				url: lion,
+				orig_name: "lion.jpg"
+			}
+		},
+		{
+			image: {
+				path: bus,
+				url: bus,
+				orig_name: "bus.png"
+			}
+		},
+		{
+			image: {
+				path: cheetah,
+				url: cheetah,
+				orig_name: "cheetah.jpg"
+			}
+		}
+	];
+</script>
+
+<Story
+	name="Gallery with label"
+	args={{
+		label: "My Cheetah Gallery",
+		show_label: true,
+		buttons: ["fullscreen", "download", "share"],
+		sources: ["upload"]
+	}}
+>
+	{#snippet template(args)}
+		<Gallery {...wrapProps({ value: galleryValue, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Gallery without label"
+	args={{
+		label: "My Cheetah Gallery",
+		show_label: false,
+		buttons: [],
+		sources: ["upload"]
+	}}
+>
+	{#snippet template(args)}
+		<Gallery {...wrapProps({ value: galleryValue, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Gallery with height=600"
+	args={{
+		label: "My Cheetah Gallery",
+		height: 600,
+		buttons: [],
+		sources: ["upload"]
+	}}
+>
+	{#snippet template(args)}
+		<Gallery {...wrapProps({ value: galleryValue, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Gallery with preview"
+	args={{
+		label: "My Cheetah Gallery",
+		show_label: true,
+		preview: true,
+		buttons: [],
+		sources: ["upload"]
+	}}
+>
+	{#snippet template(args)}
+		<Gallery {...wrapProps({ value: galleryValue, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Gallery with object_fit=cover"
+	args={{
+		label: "My Cheetah Gallery",
+		show_label: true,
+		object_fit: "cover",
+		buttons: [],
+		sources: ["upload"]
+	}}
+>
+	{#snippet template(args)}
+		<Gallery {...wrapProps({ value: galleryValue, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Gallery with object_fit=fill"
+	args={{
+		label: "My Cheetah Gallery",
+		show_label: true,
+		object_fit: "fill",
+		buttons: [],
+		sources: ["upload"]
+	}}
+>
+	{#snippet template(args)}
+		<Gallery {...wrapProps({ value: galleryValue, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Gallery with fit_columns false"
+	args={{
+		label: "My Cheetah Gallery",
+		columns: 10,
+		buttons: ["download"],
+		fit_columns: false,
+		sources: ["upload"]
+	}}
+>
+	{#snippet template(args)}
+		<Gallery {...wrapProps({ value: galleryValue, ...args })} />
+	{/snippet}
+</Story>
diff --git a/js/gallery/Gallery.test.ts b/js/gallery/Gallery.test.ts
new file mode 100644
index 0000000..41be2d3
--- /dev/null
+++ b/js/gallery/Gallery.test.ts
@@ -0,0 +1,1142 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import {
+	cleanup,
+	render,
+	fireEvent,
+	waitFor,
+	upload_file,
+	mock_client,
+	TEST_JPG
+} from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import Gallery from "./Index.svelte";
+
+const fake_image = (id: string) => ({
+	path: `${id}.png`,
+	url: `https://example.com/${id}.png`,
+	orig_name: `${id}.png`,
+	size: 1024,
+	mime_type: "image/png",
+	is_stream: false
+});
+
+const fake_video = (id: string) => ({
+	path: `${id}.mp4`,
+	url: `https://example.com/${id}.mp4`,
+	orig_name: `${id}.mp4`,
+	size: 2048,
+	mime_type: "video/mp4",
+	is_stream: false
+});
+
+const img = (id: string, caption: string | null = null) => ({
+	image: fake_image(id),
+	caption
+});
+
+const vid = (id: string, caption: string | null = null) => ({
+	video: fake_video(id),
+	caption
+});
+
+const default_props = {
+	label: "Gallery",
+	show_label: true,
+	preview: false,
+	allow_preview: true,
+	selected_index: null as number | null,
+	object_fit: "cover" as const,
+	buttons: ["fullscreen"] as (
+		| string
+		| { value: string; id: number; icon: null }
+	)[],
+	value: null as any,
+	columns: 2,
+	rows: undefined as number | undefined,
+	height: "auto",
+	fit_columns: true,
+	interactive: false,
+	sources: ["upload"] as ("upload" | "webcam" | "clipboard")[]
+};
+
+const three_images = [img("img1"), img("img2"), img("img3")];
+
+run_shared_prop_tests({
+	component: Gallery,
+	name: "Gallery",
+	base_props: {
+		...default_props
+	},
+	has_label: false
+});
+
+describe("Props: label", () => {
+	afterEach(() => cleanup());
+
+	test("label text is rendered when show_label=true", async () => {
+		const { getByText } = await render(Gallery, {
+			...default_props,
+			label: "My Gallery",
+			show_label: true,
+			value: three_images
+		});
+
+		expect(getByText("My Gallery")).toBeVisible();
+	});
+
+	test("show_label=false removes label from DOM entirely", async () => {
+		const { queryByText } = await render(Gallery, {
+			...default_props,
+			label: "My Gallery",
+			show_label: false,
+			value: three_images
+		});
+
+		expect(queryByText("My Gallery")).not.toBeInTheDocument();
+	});
+});
+
+describe("Gallery", () => {
+	afterEach(() => cleanup());
+
+	test("renders empty state when value is null", async () => {
+		const { container } = await render(Gallery, {
+			...default_props,
+			value: null
+		});
+
+		// Empty gallery shows an SVG icon placeholder, no thumbnails
+		const thumbnails = container.querySelectorAll("[aria-label^='Thumbnail']");
+		expect(thumbnails.length).toBe(0);
+	});
+
+	test("renders empty state when value is empty array", async () => {
+		const { container } = await render(Gallery, {
+			...default_props,
+			value: []
+		});
+
+		const thumbnails = container.querySelectorAll("[aria-label^='Thumbnail']");
+		expect(thumbnails.length).toBe(0);
+	});
+
+	test("renders image thumbnails in grid", async () => {
+		const { getByRole } = await render(Gallery, {
+			...default_props,
+			value: three_images
+		});
+
+		expect(getByRole("button", { name: "Thumbnail 1 of 3" })).toBeVisible();
+		expect(getByRole("button", { name: "Thumbnail 2 of 3" })).toBeVisible();
+		expect(getByRole("button", { name: "Thumbnail 3 of 3" })).toBeVisible();
+	});
+
+	test("renders video thumbnails in grid", async () => {
+		const { getByRole } = await render(Gallery, {
+			...default_props,
+			value: [vid("clip1"), vid("clip2")]
+		});
+
+		expect(getByRole("button", { name: "Thumbnail 1 of 2" })).toBeVisible();
+		expect(getByRole("button", { name: "Thumbnail 2 of 2" })).toBeVisible();
+	});
+
+	test("renders captions on thumbnails", async () => {
+		const { getByText } = await render(Gallery, {
+			...default_props,
+			value: [img("cat", "A cute cat"), img("dog", "A good dog")]
+		});
+
+		expect(getByText("A cute cat")).toBeVisible();
+		expect(getByText("A good dog")).toBeVisible();
+	});
+
+	test("mixed images and videos render correctly", async () => {
+		const { getByRole } = await render(Gallery, {
+			...default_props,
+			value: [img("photo"), vid("clip"), img("photo2")]
+		});
+
+		expect(getByRole("button", { name: "Thumbnail 1 of 3" })).toBeVisible();
+		expect(getByRole("button", { name: "Thumbnail 2 of 3" })).toBeVisible();
+		expect(getByRole("button", { name: "Thumbnail 3 of 3" })).toBeVisible();
+	});
+});
+
+describe("Props: preview / allow_preview", () => {
+	afterEach(() => cleanup());
+
+	test("preview=true with selected_index shows detailed view", async () => {
+		// Gallery.svelte auto-selects index 0 when preview=true and
+		// selected_index is null, but the Gradio prop framework doesn't
+		// propagate the internal binding back synchronously. Test the
+		// explicit selected_index=0 case which is the effective behavior.
+		const { getByTestId } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: [img("cat"), img("dog")]
+		});
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/cat.png");
+	});
+
+	test("preview=false does not show detailed view", async () => {
+		const { queryByTestId } = await render(Gallery, {
+			...default_props,
+			preview: false,
+			value: three_images
+		});
+
+		expect(queryByTestId("detailed-image")).not.toBeInTheDocument();
+	});
+
+	test("allow_preview=false hides preview even when selected_index is set", async () => {
+		const { queryByTestId } = await render(Gallery, {
+			...default_props,
+			allow_preview: false,
+			selected_index: 0,
+			value: three_images
+		});
+
+		expect(queryByTestId("detailed-image")).not.toBeInTheDocument();
+	});
+
+	test("allow_preview=true shows preview when thumbnail clicked", async () => {
+		const { getByRole, getByTestId } = await render(Gallery, {
+			...default_props,
+			allow_preview: true,
+			preview: false,
+			value: three_images
+		});
+
+		await fireEvent.click(getByRole("button", { name: "Thumbnail 2 of 3" }));
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/img2.png");
+	});
+
+	test("renders the video provided in preview", async () => {
+		const { getByTestId } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: [vid("clip")]
+		});
+
+		const item = getByTestId("detailed-video") as HTMLVideoElement;
+		expect(item.src).toBe("https://example.com/clip.mp4");
+	});
+});
+
+describe("Props: selected_index", () => {
+	afterEach(() => cleanup());
+
+	test("selected_index shows the correct image in preview", async () => {
+		const { getByTestId } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 1,
+			allow_preview: true,
+			value: three_images
+		});
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/img2.png");
+	});
+
+	test("selected_index=null shows no preview", async () => {
+		const { queryByTestId } = await render(Gallery, {
+			...default_props,
+			preview: false,
+			selected_index: null,
+			value: three_images
+		});
+
+		expect(queryByTestId("detailed-image")).not.toBeInTheDocument();
+	});
+
+	test("changing selected_index via set_data updates preview", async () => {
+		const { getByTestId, set_data } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: three_images
+		});
+
+		await set_data({ selected_index: 2 });
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/img3.png");
+	});
+});
+
+describe("Props: columns", () => {
+	afterEach(() => cleanup());
+
+	test("columns=3 sets grid to 3 columns", async () => {
+		const { container } = await render(Gallery, {
+			...default_props,
+			columns: 3,
+			fit_columns: false,
+			value: three_images
+		});
+
+		// No testid or role available on the grid-container div; querySelector is the only option
+		const grid = container.querySelector(".grid-container") as HTMLElement;
+		expect(grid).toBeInTheDocument();
+		expect(grid.style.getPropertyValue("--grid-cols")).toBe("3");
+	});
+
+	test("columns=2 with 5 images renders all 5 items in a 2-column grid", async () => {
+		const five_images = Array.from({ length: 5 }, (_, i) => img(`img${i + 1}`));
+
+		const { container, getByRole } = await render(Gallery, {
+			...default_props,
+			columns: 2,
+			fit_columns: false,
+			value: five_images
+		});
+
+		// All 5 thumbnails are rendered
+		for (let i = 1; i <= 5; i++) {
+			expect(
+				getByRole("button", { name: `Thumbnail ${i} of 5` })
+			).toBeVisible();
+		}
+
+		// Grid is set to 2 columns (wrapping after 2)
+		const grid = container.querySelector(".grid-container") as HTMLElement;
+		expect(grid.style.getPropertyValue("--grid-cols")).toBe("2");
+	});
+
+	test("columns as array sets responsive breakpoints", async () => {
+		const { container } = await render(Gallery, {
+			...default_props,
+			columns: [1, 2, 3],
+			fit_columns: false,
+			value: three_images
+		});
+
+		const grid = container.querySelector(".grid-container") as HTMLElement;
+		expect(grid.style.getPropertyValue("--grid-cols")).toBe("1,2,3");
+	});
+});
+
+describe("Props: fit_columns", () => {
+	afterEach(() => cleanup());
+
+	test("fit_columns=true with 1 image and columns=3 reduces to 1 column", async () => {
+		const { container } = await render(Gallery, {
+			...default_props,
+			columns: 3,
+			fit_columns: true,
+			value: [img("only")]
+		});
+
+		const grid = container.querySelector(".grid-container") as HTMLElement;
+		expect(grid.style.getPropertyValue("--grid-cols")).toBe("1");
+	});
+
+	test("fit_columns=false with 1 image and columns=3 keeps 3 columns", async () => {
+		const { container } = await render(Gallery, {
+			...default_props,
+			columns: 3,
+			fit_columns: false,
+			value: [img("only")]
+		});
+
+		const grid = container.querySelector(".grid-container") as HTMLElement;
+		expect(grid.style.getPropertyValue("--grid-cols")).toBe("3");
+	});
+
+	test("fit_columns=true with items equal to columns keeps columns unchanged", async () => {
+		const { container } = await render(Gallery, {
+			...default_props,
+			columns: 3,
+			fit_columns: true,
+			value: three_images
+		});
+
+		const grid = container.querySelector(".grid-container") as HTMLElement;
+		expect(grid.style.getPropertyValue("--grid-cols")).toBe("3");
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	const preview_props = {
+		...default_props,
+		preview: true,
+		selected_index: 0,
+		value: [img("cat")]
+	};
+
+	test("buttons=['download'] shows download button in preview", async () => {
+		const { getByRole } = await render(Gallery, {
+			...preview_props,
+			buttons: ["download"]
+		});
+
+		expect(getByRole("button", { name: "common.download" })).toBeVisible();
+	});
+
+	test("buttons=['download_all'] downloads gallery files as a zip from grid view", async () => {
+		const fetch = vi.fn(async () => new Response(new Blob(["file"])));
+		const blobs: Blob[] = [];
+		const clicked_names: string[] = [];
+		const create_object_url = vi
+			.spyOn(URL, "createObjectURL")
+			.mockImplementation((object: Blob | MediaSource) => {
+				blobs.push(object as Blob);
+				return "blob:gallery";
+			});
+		const revoke_object_url = vi
+			.spyOn(URL, "revokeObjectURL")
+			.mockImplementation(() => {});
+		const click = vi
+			.spyOn(HTMLAnchorElement.prototype, "click")
+			.mockImplementation(function (this: HTMLAnchorElement) {
+				clicked_names.push(this.download);
+			});
+
+		try {
+			const value = [img("cat"), vid("clip"), img("dog")];
+			const { queryByRole } = await render(Gallery, {
+				...preview_props,
+				value,
+				buttons: ["download_all"],
+				client: { fetch }
+			});
+
+			expect(
+				queryByRole("button", { name: "common.download_all" })
+			).not.toBeInTheDocument();
+
+			cleanup();
+
+			const { getByRole } = await render(Gallery, {
+				...default_props,
+				value,
+				buttons: ["download_all"],
+				client: { fetch }
+			});
+
+			await fireEvent.click(
+				getByRole("button", { name: "common.download_all" })
+			);
+
+			await waitFor(() => {
+				expect(fetch).toHaveBeenCalledTimes(3);
+				expect(click).toHaveBeenCalledTimes(1);
+			});
+
+			expect(fetch).toHaveBeenNthCalledWith(1, "https://example.com/cat.png");
+			expect(fetch).toHaveBeenNthCalledWith(2, "https://example.com/clip.mp4");
+			expect(fetch).toHaveBeenNthCalledWith(3, "https://example.com/dog.png");
+			expect(create_object_url).toHaveBeenCalledTimes(1);
+			expect(revoke_object_url).toHaveBeenCalledWith("blob:gallery");
+			expect(clicked_names).toEqual(["gallery.zip"]);
+			expect(blobs[0].type).toBe("application/zip");
+
+			const zip = new Uint8Array(await blobs[0].arrayBuffer());
+			expect(Array.from(zip.slice(0, 4))).toEqual([0x50, 0x4b, 0x03, 0x04]);
+			const zip_view = new DataView(zip.buffer);
+			expect(zip_view.getUint16(6, true)).toBe(0x0800);
+			const central_header_index = zip.findIndex((_, index) =>
+				[0x50, 0x4b, 0x01, 0x02].every(
+					(byte, offset) => zip[index + offset] === byte
+				)
+			);
+			expect(central_header_index).toBeGreaterThan(-1);
+			expect(zip_view.getUint16(central_header_index + 8, true)).toBe(0x0800);
+			const zip_text = new TextDecoder().decode(zip);
+			expect(zip_text).toContain("cat.png");
+			expect(zip_text).toContain("clip.mp4");
+			expect(zip_text).toContain("dog.png");
+		} finally {
+			vi.restoreAllMocks();
+		}
+	});
+
+	test("buttons=['fullscreen'] shows fullscreen button in preview", async () => {
+		const { getByLabelText } = await render(Gallery, {
+			...preview_props,
+			buttons: ["fullscreen"]
+		});
+
+		expect(getByLabelText("Fullscreen")).toBeVisible();
+	});
+
+	test("buttons=[] shows only close button in preview", async () => {
+		const { queryByRole, queryByLabelText, getByRole } = await render(Gallery, {
+			...preview_props,
+			buttons: []
+		});
+
+		expect(getByRole("button", { name: "Close" })).toBeVisible();
+		expect(
+			queryByRole("button", { name: "common.download" })
+		).not.toBeInTheDocument();
+		expect(queryByLabelText("Fullscreen")).not.toBeInTheDocument();
+	});
+
+	test("custom button renders and dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(Gallery, {
+			...preview_props,
+			buttons: [{ value: "Analyze", id: 7, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Analyze");
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 7 });
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true shows delete buttons on gallery items", async () => {
+		const { getAllByRole } = await render(Gallery, {
+			...default_props,
+			interactive: true,
+			value: three_images
+		});
+
+		const deleteButtons = getAllByRole("button", { name: "Delete image" });
+		expect(deleteButtons.length).toBe(3);
+	});
+
+	test("interactive=false hides delete buttons", async () => {
+		const { queryByRole } = await render(Gallery, {
+			...default_props,
+			interactive: false,
+			value: three_images
+		});
+
+		expect(
+			queryByRole("button", { name: "Delete image" })
+		).not.toBeInTheDocument();
+	});
+
+	test("interactive=true with no value shows upload area", async () => {
+		const { getByTestId } = await render(Gallery, {
+			...default_props,
+			interactive: true,
+			value: null
+		});
+
+		// The file input itself is display:none (the visible area is a styled overlay),
+		// so we check it exists in the DOM rather than visibility.
+		expect(getByTestId("file-upload")).toBeInTheDocument();
+	});
+
+	test("interactive=false with no value does not show upload area", async () => {
+		const { queryByTestId } = await render(Gallery, {
+			...default_props,
+			interactive: false,
+			value: null
+		});
+
+		expect(queryByTestId("file-upload")).not.toBeInTheDocument();
+	});
+});
+
+describe("Props: sources", () => {
+	afterEach(() => cleanup());
+
+	const sources_props = {
+		...default_props,
+		interactive: true,
+		selected_index: null as number | null,
+		value: three_images
+	};
+
+	test("sources=['upload'] shows only upload button", async () => {
+		const { getByLabelText, queryByLabelText } = await render(Gallery, {
+			...sources_props,
+			sources: ["upload"]
+		});
+
+		expect(getByLabelText("upload_text.click_to_upload")).toBeVisible();
+		expect(queryByLabelText("common.webcam")).not.toBeInTheDocument();
+		expect(
+			queryByLabelText("upload_text.paste_clipboard")
+		).not.toBeInTheDocument();
+	});
+
+	test("sources=['upload', 'webcam'] shows upload and webcam buttons", async () => {
+		const { getByLabelText } = await render(Gallery, {
+			...sources_props,
+			sources: ["upload", "webcam"]
+		});
+
+		expect(getByLabelText("upload_text.click_to_upload")).toBeVisible();
+		expect(getByLabelText("common.webcam")).toBeVisible();
+	});
+
+	test("sources=['upload', 'clipboard'] shows upload and clipboard buttons", async () => {
+		const { getByLabelText } = await render(Gallery, {
+			...sources_props,
+			sources: ["upload", "clipboard"]
+		});
+
+		expect(getByLabelText("upload_text.click_to_upload")).toBeVisible();
+		expect(getByLabelText("upload_text.paste_clipboard")).toBeVisible();
+	});
+
+	test("sources=['upload', 'webcam', 'clipboard'] shows all source buttons", async () => {
+		const { getByLabelText } = await render(Gallery, {
+			...sources_props,
+			sources: ["upload", "webcam", "clipboard"]
+		});
+
+		expect(getByLabelText("upload_text.click_to_upload")).toBeVisible();
+		expect(getByLabelText("common.webcam")).toBeVisible();
+		expect(getByLabelText("upload_text.paste_clipboard")).toBeVisible();
+	});
+
+	test("source buttons are hidden when selected_index is set (preview active)", async () => {
+		const { queryByLabelText } = await render(Gallery, {
+			...sources_props,
+			sources: ["upload", "webcam", "clipboard"],
+			selected_index: 0,
+			preview: true
+		});
+
+		expect(queryByLabelText("common.webcam")).not.toBeInTheDocument();
+		expect(
+			queryByLabelText("upload_text.paste_clipboard")
+		).not.toBeInTheDocument();
+	});
+
+	test("source buttons are hidden when interactive=false", async () => {
+		const { queryByLabelText } = await render(Gallery, {
+			...sources_props,
+			interactive: false,
+			sources: ["upload", "webcam", "clipboard"]
+		});
+
+		expect(queryByLabelText("common.webcam")).not.toBeInTheDocument();
+		expect(
+			queryByLabelText("upload_text.paste_clipboard")
+		).not.toBeInTheDocument();
+	});
+});
+
+describe("Props: visual-only", () => {
+	test.todo(
+		"VISUAL: object_fit='contain' vs 'cover' changes image display in thumbnails — needs Playwright visual regression screenshot comparison"
+	);
+
+	test.todo(
+		"VISUAL: height prop sets gallery container height — needs Playwright visual regression screenshot comparison"
+	);
+
+	test.todo(
+		"VISUAL: rows prop controls grid row count — needs Playwright visual regression screenshot comparison"
+	);
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("change: fired when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Gallery, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+		await set_data({ value: three_images });
+
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("change: not fired spuriously on mount", async () => {
+		const { listen } = await render(Gallery, {
+			...default_props,
+			value: three_images
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change: fired each time value updates", async () => {
+		const { listen, set_data } = await render(Gallery, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: [img("a")] });
+		await set_data({ value: [img("a"), img("b")] });
+
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+
+	test("change: setting value to null after items triggers change", async () => {
+		const { listen, set_data } = await render(Gallery, {
+			...default_props,
+			value: three_images
+		});
+
+		const change = listen("change");
+		await set_data({ value: null });
+
+		expect(change).toHaveBeenCalled();
+	});
+});
+
+describe("Events: upload", () => {
+	afterEach(() => cleanup());
+
+	test("upload: file input dispatches upload and change events", async () => {
+		const { listen } = await render(Gallery, {
+			...default_props,
+			interactive: true,
+			value: null,
+			root: "https://example.com",
+			client: mock_client()
+		});
+
+		const upload = listen("upload");
+		const change = listen("change");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: select", () => {
+	afterEach(() => cleanup());
+
+	test("select: fired when thumbnail is clicked", async () => {
+		const { listen, getByRole } = await render(Gallery, {
+			...default_props,
+			value: three_images
+		});
+
+		const select = listen("select");
+
+		await fireEvent.click(getByRole("button", { name: "Thumbnail 2 of 3" }));
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith(expect.objectContaining({ index: 1 }));
+	});
+
+	test("select: not fired when selected_index changes via set_data", async () => {
+		const { listen, set_data } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: three_images
+		});
+
+		const select = listen("select");
+
+		await set_data({ selected_index: 2 });
+
+		expect(select).not.toHaveBeenCalled();
+	});
+
+	test("select: not fired when value and selected_index update together via set_data", async () => {
+		const { listen, set_data } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: [img("a"), img("b")]
+		});
+
+		const select = listen("select");
+
+		await set_data({
+			value: [img("a"), img("b"), img("c")],
+			selected_index: 2
+		});
+
+		expect(select).not.toHaveBeenCalled();
+	});
+});
+
+describe("Events: delete", () => {
+	afterEach(() => cleanup());
+
+	test("delete: fired when delete button is clicked", async () => {
+		const { listen, getAllByRole } = await render(Gallery, {
+			...default_props,
+			interactive: true,
+			value: [img("a"), img("b"), img("c")]
+		});
+
+		const del = listen("delete");
+
+		const deleteButtons = getAllByRole("button", { name: "Delete image" });
+		await fireEvent.click(deleteButtons[1]);
+
+		expect(del).toHaveBeenCalledTimes(1);
+	});
+
+	test("delete: removes item from gallery", async () => {
+		const { getAllByRole, queryByRole } = await render(Gallery, {
+			...default_props,
+			interactive: true,
+			value: [img("a"), img("b")]
+		});
+
+		expect(queryByRole("button", { name: "Thumbnail 2 of 2" })).toBeVisible();
+
+		const deleteButtons = getAllByRole("button", { name: "Delete image" });
+		await fireEvent.click(deleteButtons[0]);
+
+		await waitFor(() => {
+			expect(
+				queryByRole("button", { name: "Thumbnail 2 of 2" })
+			).not.toBeInTheDocument();
+		});
+
+		expect(queryByRole("button", { name: "Thumbnail 1 of 1" })).toBeVisible();
+	});
+});
+
+describe("Events: preview_open / preview_close", () => {
+	afterEach(() => cleanup());
+
+	test("preview_open: fired when clicking thumbnail to enter preview", async () => {
+		const { listen, getByRole } = await render(Gallery, {
+			...default_props,
+			allow_preview: true,
+			preview: false,
+			selected_index: null,
+			value: three_images
+		});
+
+		const preview_open = listen("preview_open");
+
+		await fireEvent.click(getByRole("button", { name: "Thumbnail 1 of 3" }));
+
+		expect(preview_open).toHaveBeenCalledTimes(1);
+	});
+
+	test("preview_close: fired when clicking close button", async () => {
+		const { listen, getByRole } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: three_images
+		});
+
+		const preview_close = listen("preview_close");
+
+		await fireEvent.click(getByRole("button", { name: "Close" }));
+
+		expect(preview_close).toHaveBeenCalledTimes(1);
+	});
+
+	test("preview_close: fired when pressing Escape in preview", async () => {
+		const { listen, getByRole } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: three_images
+		});
+
+		const preview_close = listen("preview_close");
+		const detail_button = getByRole("button", {
+			name: "detailed view of selected image"
+		});
+
+		await fireEvent.keyDown(detail_button, { code: "Escape" });
+
+		expect(preview_close).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Keyboard navigation", () => {
+	afterEach(() => cleanup());
+
+	const keyboard_props = {
+		...default_props,
+		preview: true,
+		selected_index: 0,
+		value: three_images
+	};
+
+	test("ArrowRight advances to next image", async () => {
+		const { getByTestId, getByRole } = await render(Gallery, keyboard_props);
+
+		const detail_button = getByRole("button", {
+			name: "detailed view of selected image"
+		});
+
+		await fireEvent.keyDown(detail_button, { code: "ArrowRight" });
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/img2.png");
+	});
+
+	test("ArrowLeft goes to previous image (wraps to last)", async () => {
+		const { getByTestId, getByRole } = await render(Gallery, keyboard_props);
+
+		const detail_button = getByRole("button", {
+			name: "detailed view of selected image"
+		});
+
+		await fireEvent.keyDown(detail_button, { code: "ArrowLeft" });
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/img3.png");
+	});
+
+	test("ArrowRight wraps around at end", async () => {
+		const { getByTestId, getByRole, set_data } = await render(
+			Gallery,
+			keyboard_props
+		);
+
+		await set_data({ selected_index: 2 });
+
+		const detail_button = getByRole("button", {
+			name: "detailed view of selected image"
+		});
+
+		await fireEvent.keyDown(detail_button, { code: "ArrowRight" });
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/img1.png");
+	});
+
+	test("Escape closes preview", async () => {
+		const { queryByTestId, getByRole } = await render(Gallery, keyboard_props);
+
+		const detail_button = getByRole("button", {
+			name: "detailed view of selected image"
+		});
+
+		await fireEvent.keyDown(detail_button, { code: "Escape" });
+
+		expect(queryByTestId("detailed-image")).not.toBeInTheDocument();
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns current value", async () => {
+		const { get_data } = await render(Gallery, {
+			...default_props,
+			value: three_images
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(three_images);
+	});
+
+	test("get_data returns null when no value", async () => {
+		const { get_data } = await render(Gallery, {
+			...default_props,
+			value: null
+		});
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("set_data with new value updates DOM", async () => {
+		const { set_data, getByRole, queryByRole } = await render(Gallery, {
+			...default_props,
+			value: [img("a")]
+		});
+
+		expect(getByRole("button", { name: "Thumbnail 1 of 1" })).toBeVisible();
+
+		await set_data({ value: [img("a"), img("b"), img("c")] });
+
+		expect(getByRole("button", { name: "Thumbnail 1 of 3" })).toBeVisible();
+		expect(getByRole("button", { name: "Thumbnail 3 of 3" })).toBeVisible();
+	});
+
+	test("set_data -> get_data round-trip", async () => {
+		const { set_data, get_data } = await render(Gallery, {
+			...default_props,
+			value: null
+		});
+
+		const new_value = [img("x"), img("y")];
+		await set_data({ value: new_value });
+
+		const data = await get_data();
+		expect(data.value).toEqual(new_value);
+	});
+
+	test("set_data with null clears gallery", async () => {
+		const { set_data, get_data, queryByRole } = await render(Gallery, {
+			...default_props,
+			value: three_images
+		});
+
+		await set_data({ value: null });
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+		expect(
+			queryByRole("button", { name: /^Thumbnail/ })
+		).not.toBeInTheDocument();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("caption in preview shows caption text", async () => {
+		const { getAllByText } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: [img("cat", "A beautiful cat")]
+		});
+
+		// Caption appears in both the preview caption and the grid thumbnail label
+		const matches = getAllByText("A beautiful cat");
+		expect(matches.length).toBeGreaterThanOrEqual(1);
+	});
+
+	test("no caption hides caption element in preview", async () => {
+		const { queryByText } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: [img("cat", null)]
+		});
+
+		// The caption element should not be present
+		// (there's no static text content to query for a missing caption,
+		// so we verify no <caption> tag is rendered)
+		const captions = document.querySelectorAll("caption.caption");
+		expect(captions.length).toBe(0);
+	});
+
+	test("selected_index clamped when value shrinks", async () => {
+		// NOTE: Gallery.svelte has a bug in scroll_to_img where el[index]
+		// can become null after value shrinks, causing an unhandled rejection.
+		// We test clamping via get_data to avoid triggering the scroll effect.
+		const { set_data, get_data } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 2,
+			allow_preview: false,
+			value: three_images
+		});
+
+		// Shrink to 2 items — selected_index should clamp from 2 to 1
+		await set_data({ value: [img("a"), img("b")] });
+
+		const data = await get_data();
+		expect(data.selected_index).toBe(1);
+	});
+
+	test("clicking close button hides preview and shows grid only", async () => {
+		const { getByRole, queryByTestId } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: three_images
+		});
+
+		expect(queryByTestId("detailed-image")).toBeVisible();
+
+		await fireEvent.click(getByRole("button", { name: "Close" }));
+
+		expect(queryByTestId("detailed-image")).not.toBeInTheDocument();
+	});
+
+	test("clicking thumbnail in preview switches selection", async () => {
+		const { getByTestId, getAllByRole } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: three_images
+		});
+
+		// In preview mode, both the preview strip and the grid render buttons
+		// with the same aria-label. The preview strip thumbnails appear first
+		// in DOM order (inside data-testid="container_el").
+		const thumb3_buttons = getAllByRole("button", {
+			name: "Thumbnail 3 of 3"
+		});
+		await fireEvent.click(thumb3_buttons[0]);
+
+		const detail = getByTestId("detailed-image") as HTMLImageElement;
+		expect(detail.src).toBe("https://example.com/img3.png");
+	});
+});
+
+describe("Regression: #13170 — selected_index points to newly appended image", () => {
+	afterEach(() => cleanup());
+
+	test("selected_index pointing to a newly appended last item shows the correct image", async () => {
+		const initial_value = [img("img1"), img("img2")];
+
+		const { set_data, getByTestId } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: initial_value
+		});
+
+		const updated_value = [...initial_value, img("img3")];
+		await set_data({ value: updated_value, selected_index: 2 });
+
+		const preview_img = getByTestId("detailed-image") as HTMLImageElement;
+		expect(preview_img.src).toBe("https://example.com/img3.png");
+	});
+
+	test("selected_index pointing to newly appended item does not dispatch select", async () => {
+		const initial_value = [img("a"), img("b")];
+
+		const { set_data, listen } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: initial_value
+		});
+
+		const select = listen("select");
+
+		await set_data({
+			value: [...initial_value, img("c")],
+			selected_index: 2
+		});
+
+		expect(select).not.toHaveBeenCalled();
+	});
+
+	test("rapidly appending images with selected_index tracking last always shows the latest", async () => {
+		const { set_data, getByTestId } = await render(Gallery, {
+			...default_props,
+			preview: true,
+			selected_index: 0,
+			value: [img("img1")]
+		});
+
+		for (let i = 2; i <= 5; i++) {
+			const images = Array.from({ length: i }, (_, j) => img(`img${j + 1}`));
+			await set_data({ value: images, selected_index: i - 1 });
+		}
+
+		const preview_img = getByTestId("detailed-image") as HTMLImageElement;
+		expect(preview_img.src).toBe("https://example.com/img5.png");
+	});
+});
diff --git a/js/gallery/Index.svelte b/js/gallery/Index.svelte
new file mode 100644
index 0000000..c8dbddd
--- /dev/null
+++ b/js/gallery/Index.svelte
@@ -0,0 +1,329 @@
+<script context="module" lang="ts">
+	export { default as BaseGallery } from "./shared/Gallery.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import type { FileData } from "@gradio/client";
+	import { Block, UploadText, SelectSource } from "@gradio/atoms";
+	import Gallery from "./shared/Gallery.svelte";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { Gradio } from "@gradio/utils";
+	import { BaseFileUpload } from "@gradio/file";
+	import { Webcam } from "@gradio/image";
+	import type { GalleryProps, GalleryEvents, GalleryData } from "./types";
+	import { handle_save } from "./shared/utils";
+
+	let upload_promise = $state<Promise<(FileData | null)[]>>();
+
+	class GalleryGradio extends Gradio<GalleryEvents, GalleryProps> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+			const data = await super.get_data();
+
+			return data;
+		}
+	}
+
+	const props = $props();
+	const gradio = new GalleryGradio(props, {
+		selected_index: null,
+		file_types: ["image", "video"]
+	});
+
+	let fullscreen = $state(false);
+
+	function handle_delete(data: { file: FileData; index: number }): void {
+		if (!gradio.props.value) return;
+		const { index } = data;
+		gradio.dispatch("delete", data);
+		gradio.props.value = gradio.props.value.filter((_, i) => i !== index);
+		gradio.dispatch("change", gradio.props.value);
+	}
+
+	async function process_upload_files(
+		files: FileData[]
+	): Promise<GalleryData[]> {
+		const processed_files = await Promise.all(
+			files.map(async (x) => {
+				if (x.path?.toLowerCase().endsWith(".svg") && x.url) {
+					const response = await fetch(x.url);
+					const svgContent = await response.text();
+					return {
+						...x,
+						url: `data:image/svg+xml,${encodeURIComponent(svgContent)}`
+					};
+				}
+				return x;
+			})
+		);
+
+		return processed_files.map((x) =>
+			x.mime_type?.includes("video")
+				? { video: x, caption: null }
+				: { image: x, caption: null }
+		);
+	}
+
+	let upload_input: BaseFileUpload;
+
+	let active_source = $state<
+		"upload" | "webcam" | "webcam-video" | "clipboard" | null
+	>(gradio.props.sources ? gradio.props.sources[0] : "upload");
+
+	let no_value = $derived(
+		gradio.props.value === null ? true : gradio.props.value.length === 0
+	);
+
+	let sources = $derived.by(() => {
+		if (
+			gradio.props.file_types?.includes("video") &&
+			gradio.props.sources.includes("webcam")
+		) {
+			return gradio.props.sources.concat(["webcam-video"]);
+		} else {
+			return gradio.props.sources;
+		}
+	});
+
+	async function paste_clipboard(): Promise<void> {
+		navigator.clipboard.read().then(async (items) => {
+			let file: File | null = null;
+			for (let i = 0; i < items.length; i++) {
+				const type = items[i].types.find((t) =>
+					(gradio.props.file_types || ["image"]).some((ft) =>
+						t.startsWith(ft + "/")
+					)
+				);
+				if (type) {
+					const blob = await items[i].getType(type);
+					file = new File([blob], `clipboard.${type.replace("image/", "")}`);
+					break;
+				}
+			}
+			if (file) {
+				const f = await handle_save(
+					file,
+					(f) => gradio.shared.client.upload(f, gradio.shared.root),
+					"clipboard_upload"
+				);
+				const processed_files = await process_upload_files(f);
+				gradio.props.value?.push(...processed_files);
+				gradio.dispatch("change", gradio.props.value);
+				active_source = null;
+			} else {
+				gradio.dispatch("warning", "No image or video found in clipboard");
+			}
+		});
+	}
+
+	async function handle_select_source(
+		source: "upload" | "webcam" | "clipboard"
+	): Promise<void> {
+		switch (source) {
+			case "clipboard":
+				await paste_clipboard();
+				break;
+			default:
+				break;
+		}
+	}
+
+	async function onsource_change(
+		source: "upload" | "webcam" | "webcam-video" | "clipboard"
+	): Promise<void> {
+		await tick();
+		if (source === "clipboard") {
+			await paste_clipboard();
+		} else {
+			active_source = source;
+			no_value = true;
+		}
+	}
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	variant="solid"
+	padding={false}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	height={gradio.props.height || undefined}
+	bind:fullscreen
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	{#if gradio.shared.interactive && no_value}
+		<div
+			class={!gradio.props.value ||
+			(active_source && active_source.includes("webcam"))
+				? "hidden-upload-input"
+				: "upload-wrapper"}
+		>
+			<BaseFileUpload
+				bind:upload_promise
+				bind:this={upload_input}
+				value={null}
+				root={gradio.shared.root}
+				label={gradio.shared.label}
+				max_file_size={gradio.shared.max_file_size}
+				file_count={"multiple"}
+				file_types={gradio.props.file_types}
+				i18n={gradio.i18n}
+				upload={(...args) => gradio.shared.client.upload(...args)}
+				stream_handler={(...args) => gradio.shared.client.stream(...args)}
+				onupload={async (e) => {
+					const files = Array.isArray(e) ? e : [e];
+					gradio.props.value = await process_upload_files(files);
+					active_source = null;
+					gradio.dispatch("upload", gradio.props.value);
+					gradio.dispatch("change", gradio.props.value);
+				}}
+				onerror={(detail) => {
+					gradio.shared.loading_status = gradio.shared.loading_status || {};
+					gradio.shared.loading_status.status = "error";
+					gradio.dispatch("error", detail);
+				}}
+			>
+				<UploadText i18n={gradio.i18n} type="gallery" />
+			</BaseFileUpload>
+		</div>
+		{#if active_source === "webcam"}
+			<Webcam
+				root={gradio.shared.root}
+				value={null}
+				oncapture={async (detail) => {
+					if (!(detail instanceof Blob)) return;
+					const f = await handle_save(
+						detail,
+						(f) => gradio.shared.client.upload(f, gradio.shared.root),
+						"webcam_upload"
+					);
+					const processed_files = await process_upload_files(f);
+					gradio.props.value?.push(...processed_files);
+					active_source = null;
+					gradio.dispatch("change", gradio.props.value);
+				}}
+				mirror_webcam={true}
+				streaming={false}
+				mode="image"
+				include_audio={false}
+				i18n={gradio.i18n}
+				upload={(...args) => gradio.shared.client.upload(...args)}
+			/>
+		{:else if active_source === "webcam-video"}
+			<Webcam
+				root={gradio.shared.root}
+				value={null}
+				oncapture={async (detail) => {
+					if (!detail) return;
+					const f = { ...(detail as FileData) };
+					f.mime_type = "video/webm";
+					const processed_files = await process_upload_files([f]);
+					gradio.props.value?.push(...processed_files);
+					active_source = null;
+					gradio.dispatch("change", gradio.props.value);
+				}}
+				mirror_webcam={true}
+				streaming={false}
+				mode="video"
+				include_audio={false}
+				i18n={gradio.i18n}
+				upload={(...args) => gradio.shared.client.upload(...args)}
+			/>
+		{/if}
+		{#if sources.length > 1 || sources.includes("clipboard")}
+			<SelectSource
+				{sources}
+				bind:active_source
+				handle_clear={() => gradio.dispatch("clear")}
+				handle_select={(source) => handle_select_source(source as any)}
+			/>
+		{/if}
+	{:else}
+		<Gallery
+			onchange={() => gradio.dispatch("change")}
+			onclear={() => gradio.dispatch("change")}
+			onselect={(e) => gradio.dispatch("select", e)}
+			onshare={(e) => gradio.dispatch("share", e.detail)}
+			onerror={(e) => gradio.dispatch("error", e.detail)}
+			onpreview_open={() => {
+				gradio.dispatch("preview_open");
+			}}
+			onpreview_close={() => gradio.dispatch("preview_close")}
+			onfullscreen={({ detail }) => {
+				fullscreen = detail;
+			}}
+			ondelete={handle_delete}
+			onupload={async (e) => {
+				const files = Array.isArray(e) ? e : [e];
+				const new_value = await process_upload_files(files);
+				gradio.props.value = gradio.props.value
+					? [...gradio.props.value, ...new_value]
+					: new_value;
+				gradio.dispatch("upload", new_value);
+				gradio.dispatch("change", gradio.props.value);
+			}}
+			{sources}
+			onsource_change={(source) => onsource_change(source as any)}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			columns={gradio.props.columns}
+			rows={gradio.props.rows}
+			height={gradio.props.height}
+			preview={gradio.props.preview}
+			object_fit={gradio.props.object_fit}
+			interactive={gradio.shared.interactive}
+			allow_preview={gradio.props.allow_preview}
+			bind:selected_index={gradio.props.selected_index}
+			bind:value={gradio.props.value}
+			show_share_button={gradio.props.buttons.some(
+				(btn) => typeof btn === "string" && btn === "share"
+			)}
+			show_download_button={gradio.props.buttons.some(
+				(btn) => typeof btn === "string" && btn === "download"
+			)}
+			show_download_all_button={gradio.props.buttons.some(
+				(btn) => typeof btn === "string" && btn === "download_all"
+			)}
+			fit_columns={gradio.props.fit_columns}
+			i18n={gradio.i18n}
+			_fetch={(...args) => gradio.shared.client.fetch(...args)}
+			show_fullscreen_button={gradio.props.buttons.some(
+				(btn) => typeof btn === "string" && btn === "fullscreen"
+			)}
+			buttons={gradio.props.buttons}
+			oncustom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			{fullscreen}
+			root={gradio.shared.root}
+			file_types={gradio.props.file_types}
+			max_file_size={gradio.shared.max_file_size}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={(...args) => gradio.shared.client.stream(...args)}
+		/>
+	{/if}
+</Block>
+
+<style>
+	.hidden-upload-input {
+		display: none;
+	}
+	.upload-wrapper {
+		height: 100%;
+	}
+</style>
diff --git a/js/gallery/README.md b/js/gallery/README.md
new file mode 100644
index 0000000..9f45536
--- /dev/null
+++ b/js/gallery/README.md
@@ -0,0 +1,27 @@
+# `@gradio/gallery`
+
+```html
+<script>
+	import { BaseGallery } from "@gradio/gallery";
+</script>
+```
+
+BaseGallery
+```javascript
+	export let show_label = true;
+	export let label: string;
+	export let root = "";
+	export let root_url: null | string = null;
+	export let value: { image: FileData; caption: string | null }[] | null = null;
+	export let columns: number | number[] | undefined = [2];
+	export let rows: number | number[] | undefined = undefined;
+	export let height: number | "auto" = "auto";
+	export let preview: boolean;
+	export let allow_preview = true;
+	export let object_fit: "contain" | "cover" | "fill" | "none" | "scale-down" =
+		"cover";
+	export let show_share_button = false;
+	export let show_download_button = false;
+	export let i18n: I18nFormatter;
+	export let selected_index: number | null = null;
+```
\ No newline at end of file
diff --git a/js/gallery/package.json b/js/gallery/package.json
new file mode 100644
index 0000000..e8f4ab4
--- /dev/null
+++ b/js/gallery/package.json
@@ -0,0 +1,52 @@
+{
+	"name": "@gradio/gallery",
+	"version": "0.19.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/file": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/video": "workspace:^",
+		"dequal": "^2.0.3"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main": "./Index.svelte",
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json",
+		"./base": {
+			"gradio": "./shared/Gallery.svelte",
+			"svelte": "./dist/shared/Gallery.svelte",
+			"types": "./dist/shared/Gallery.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/gallery"
+	}
+}
diff --git a/js/gallery/shared/Gallery.svelte b/js/gallery/shared/Gallery.svelte
new file mode 100644
index 0000000..5280e0b
--- /dev/null
+++ b/js/gallery/shared/Gallery.svelte
@@ -0,0 +1,1128 @@
+<script lang="ts">
+	import {
+		BlockLabel,
+		Empty,
+		ShareButton,
+		IconButton,
+		IconButtonWrapper,
+		FullscreenButton
+	} from "@gradio/atoms";
+	import { type CustomButton as CustomButtonType } from "@gradio/utils";
+	import { ModifyUpload, Upload as UploadComponent } from "@gradio/upload";
+	import { Image } from "@gradio/image/shared";
+	import { Video } from "@gradio/video/shared";
+	import { dequal } from "dequal";
+	import { onMount } from "svelte";
+	import { tick } from "svelte";
+	import type { GalleryImage, GalleryVideo } from "../types";
+
+	import {
+		Download,
+		DownloadAll,
+		Image as ImageIcon,
+		Clear,
+		Play,
+		Upload as UploadIcon,
+		Webcam,
+		Video as VideoIcon,
+		ImagePaste
+	} from "@gradio/icons";
+	import { FileData } from "@gradio/client";
+	import type { Client } from "@gradio/client";
+	import { format_gallery_for_sharing } from "./utils";
+	import type { I18nFormatter } from "@gradio/utils";
+
+	type GalleryData = GalleryImage | GalleryVideo;
+
+	let {
+		show_label = true,
+		label,
+		value = $bindable(),
+		columns = [2],
+		rows = undefined,
+		height = "auto",
+		preview,
+		allow_preview = true,
+		object_fit = "cover",
+		show_share_button = false,
+		show_download_button = false,
+		show_download_all_button = false,
+		i18n,
+		selected_index = $bindable(),
+		interactive,
+		_fetch,
+		show_fullscreen_button = true,
+		fullscreen = false,
+		root = "",
+		file_types = ["image", "video"],
+		sources,
+		max_file_size = null,
+		upload,
+		stream_handler,
+		fit_columns = true,
+		buttons = null,
+		oncustom_button_click = null,
+		onpreview_open = () => {},
+		onchange = () => {},
+		onclear = () => {},
+		onselect = (data) => {},
+		onshare = (data) => {},
+		onerror = (error) => {},
+		onpreview_close = () => {},
+		onfullscreen = (data) => {},
+		ondelete = () => {},
+		onupload = () => {},
+		onsource_change = () => {}
+	}: {
+		show_label: boolean;
+		label: string;
+		value: GalleryData[] | null;
+		columns: number | number[] | undefined;
+		rows: number | number[] | undefined;
+		height: number | string;
+		preview: boolean;
+		allow_preview: boolean;
+		object_fit: "contain" | "cover" | "fill" | "none" | "scale-down";
+		show_share_button: boolean;
+		show_download_button: boolean;
+		show_download_all_button: boolean;
+		i18n: I18nFormatter;
+		selected_index: number | null;
+		interactive: boolean;
+		_fetch: typeof fetch;
+		show_fullscreen_button: boolean;
+		fullscreen: boolean;
+		root: string;
+		file_types: string[] | null;
+		sources: ("upload" | "webcam" | "clipboard" | "webcam-video")[];
+		max_file_size: number | null;
+		upload: Client["upload"] | undefined;
+		stream_handler: Client["stream"] | undefined;
+		fit_columns: boolean;
+		buttons: (string | CustomButtonType)[] | null;
+		oncustom_button_click: ((id: number) => void) | null;
+		onpreview_open: () => void;
+		onchange: () => void;
+		onclear: () => void;
+		onselect: (data: any) => void;
+		onshare: (data: any) => void;
+		onerror: (error: any) => void;
+		onpreview_close: () => void;
+		onfullscreen: (data: any) => void;
+		ondelete: (data: any) => void;
+		onupload: (data: FileData | FileData[]) => void;
+		onsource_change: (source: string) => void;
+	} = $props();
+
+	let upload_promise: Promise<any> | null = null;
+	let mode = $state<"normal" | "minimal">("normal");
+	let display_icon_button_wrapper_top_corner = false;
+	let is_full_screen = false;
+	let image_container: HTMLElement;
+
+	let was_reset: boolean = $state(false);
+
+	let resolved_value = $derived.by(() =>
+		value == null
+			? null
+			: (value.map((data) => {
+					if ("video" in data) {
+						return {
+							video: data.video as FileData,
+							caption: data.caption
+						};
+					} else if ("image" in data) {
+						return { image: data.image as FileData, caption: data.caption };
+					}
+					return {};
+				}) as GalleryData[])
+	);
+
+	function resolve_effective_columns(
+		resolved_value: GalleryData[] | null,
+		columns: number | number[] | undefined,
+		fit_columns: boolean
+	) {
+		if (resolved_value && columns && fit_columns) {
+			const item_count = resolved_value.length;
+			if (Array.isArray(columns)) {
+				return columns.map((col) => Math.min(col, item_count));
+			} else {
+				return Math.min(columns, item_count);
+			}
+		} else {
+			return columns;
+		}
+	}
+
+	let effective_columns: number | number[] | undefined = $derived.by(() =>
+		resolve_effective_columns(resolved_value, columns, fit_columns)
+	);
+
+	let prev_value: GalleryData[] | null = $state(value);
+	if (selected_index == null && preview && value?.length) {
+		selected_index = 0;
+	}
+
+	$effect(() => {
+		if (!dequal(prev_value, value)) {
+			// When value is falsy (clear button or first load),
+			// preview determines the selected image
+			if (was_reset) {
+				selected_index = preview && value?.length ? 0 : null;
+				was_reset = false;
+				// Otherwise we keep the selected_index the same if the
+				// gallery has at least as many elements as it did before
+			} else {
+				if (selected_index !== null && value !== null) {
+					selected_index = Math.max(
+						0,
+						Math.min(selected_index, value.length - 1)
+					);
+				} else {
+					selected_index = null;
+				}
+			}
+			onchange();
+			prev_value = value;
+		}
+	});
+
+	let previous = $derived.by(
+		() =>
+			((selected_index ?? 0) + (resolved_value?.length ?? 0) - 1) %
+			(resolved_value?.length ?? 0)
+	);
+	let next = $derived.by(
+		() => ((selected_index ?? 0) + 1) % (resolved_value?.length ?? 0)
+	);
+
+	function dispatch_select(index: number): void {
+		if (resolved_value !== null) {
+			onselect({
+				index,
+				value: resolved_value?.[index]
+			});
+		}
+	}
+
+	function handle_preview_click(event: MouseEvent): void {
+		const element = event.target as HTMLElement;
+		const x = event.offsetX;
+		const width = element.offsetWidth;
+		const centerX = width / 2;
+
+		if (x < centerX) {
+			selected_index = previous;
+		} else {
+			selected_index = next;
+		}
+		dispatch_select(selected_index);
+	}
+
+	function on_keydown(e: KeyboardEvent): void {
+		switch (e.code) {
+			case "Escape":
+				e.preventDefault();
+				selected_index = null;
+				onpreview_close();
+				break;
+			case "ArrowLeft":
+				e.preventDefault();
+				selected_index = previous;
+				dispatch_select(selected_index);
+				break;
+			case "ArrowRight":
+				e.preventDefault();
+				selected_index = next;
+				dispatch_select(selected_index);
+				break;
+			default:
+				break;
+		}
+	}
+
+	$effect(() => {
+		if (allow_preview && container_element) {
+			scroll_to_img(selected_index);
+		}
+	});
+
+	let el: HTMLButtonElement[] = [];
+	let container_element: HTMLDivElement | undefined = $state();
+
+	async function scroll_to_img(index: number | null): Promise<void> {
+		if (typeof index !== "number") return;
+		await tick();
+
+		if (el[index] === undefined) return;
+		if (!container_element) return;
+
+		el[index]?.focus();
+
+		const { left: container_left, width: container_width } =
+			container_element.getBoundingClientRect();
+		const { left, width } = el[index].getBoundingClientRect();
+
+		const relative_left = left - container_left;
+
+		const pos =
+			relative_left +
+			width / 2 -
+			container_width / 2 +
+			container_element.scrollLeft;
+
+		if (container_element && typeof container_element.scrollTo === "function") {
+			container_element.scrollTo({
+				left: pos < 0 ? 0 : pos,
+				behavior: "smooth"
+			});
+		}
+	}
+
+	let window_height = 0;
+
+	// Unlike `gr.Image()`, images specified via remote URLs are not cached in the server
+	// and their remote URLs are directly passed to the client as `value[].image.url`.
+	// The `download` attribute of the <a> tag doesn't work for remote URLs (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#download),
+	// so we need to download the image via JS as below.
+	async function download(file_url: string, name: string): Promise<void> {
+		let response;
+		try {
+			response = await _fetch(file_url);
+		} catch (error) {
+			if (error instanceof TypeError) {
+				// If CORS is not allowed (https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch#checking_that_the_fetch_was_successful),
+				// open the link in a new tab instead, mimicing the behavior of the `download` attribute for remote URLs,
+				// which is not ideal, but a reasonable fallback.
+				window.open(file_url, "_blank", "noreferrer");
+				return;
+			}
+
+			throw error;
+		}
+		const blob = await response.blob();
+		const url = URL.createObjectURL(blob);
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = name;
+		link.click();
+		URL.revokeObjectURL(url);
+	}
+
+	const crc_table = new Uint32Array(
+		Array.from({ length: 256 }, (_, i) => {
+			let c = i;
+			for (let k = 0; k < 8; k++) {
+				c = c & 1 ? 0xedb88320 ^ (c >>> 1) : c >>> 1;
+			}
+			return c >>> 0;
+		})
+	);
+
+	function crc32(data: Uint8Array): number {
+		let c = 0xffffffff;
+		for (const byte of data) {
+			c = crc_table[(c ^ byte) & 0xff] ^ (c >>> 8);
+		}
+		return (c ^ 0xffffffff) >>> 0;
+	}
+
+	function write_uint16(view: DataView, offset: number, value: number): void {
+		view.setUint16(offset, value, true);
+	}
+
+	function write_uint32(view: DataView, offset: number, value: number): void {
+		view.setUint32(offset, value, true);
+	}
+
+	function zip_header(size: number): Uint8Array {
+		return new Uint8Array(size);
+	}
+
+	function get_unique_name(
+		file: FileData,
+		fallback: string,
+		used_names: Map<string, number>
+	): string {
+		const raw_name = file.orig_name || file.path || fallback;
+		const name = raw_name.split(/[/\\]/).pop() || fallback;
+		const count = used_names.get(name) ?? 0;
+		used_names.set(name, count + 1);
+		if (count === 0) return name;
+
+		const dot_index = name.lastIndexOf(".");
+		const base = dot_index > 0 ? name.slice(0, dot_index) : name;
+		const ext = dot_index > 0 ? name.slice(dot_index) : "";
+		return `${base}-${count + 1}${ext}`;
+	}
+
+	function create_zip(files: { name: string; data: Uint8Array }[]): Uint8Array {
+		const encoder = new TextEncoder();
+		const parts: Uint8Array[] = [];
+		const central_parts: Uint8Array[] = [];
+		const utf8_flag = 0x0800;
+		let offset = 0;
+
+		for (const file of files) {
+			const name = encoder.encode(file.name);
+			const checksum = crc32(file.data);
+			const local_header = zip_header(30 + name.length);
+			const local_view = new DataView(local_header.buffer);
+			write_uint32(local_view, 0, 0x04034b50);
+			write_uint16(local_view, 4, 20);
+			write_uint16(local_view, 6, utf8_flag);
+			write_uint16(local_view, 8, 0);
+			write_uint16(local_view, 10, 0);
+			write_uint16(local_view, 12, 33);
+			write_uint32(local_view, 14, checksum);
+			write_uint32(local_view, 18, file.data.length);
+			write_uint32(local_view, 22, file.data.length);
+			write_uint16(local_view, 26, name.length);
+			write_uint16(local_view, 28, 0);
+			local_header.set(name, 30);
+			parts.push(local_header, file.data);
+
+			const central_header = zip_header(46 + name.length);
+			const central_view = new DataView(central_header.buffer);
+			write_uint32(central_view, 0, 0x02014b50);
+			write_uint16(central_view, 4, 20);
+			write_uint16(central_view, 6, 20);
+			write_uint16(central_view, 8, utf8_flag);
+			write_uint16(central_view, 10, 0);
+			write_uint16(central_view, 12, 0);
+			write_uint16(central_view, 14, 33);
+			write_uint32(central_view, 16, checksum);
+			write_uint32(central_view, 20, file.data.length);
+			write_uint32(central_view, 24, file.data.length);
+			write_uint16(central_view, 28, name.length);
+			write_uint16(central_view, 30, 0);
+			write_uint16(central_view, 32, 0);
+			write_uint16(central_view, 34, 0);
+			write_uint16(central_view, 36, 0);
+			write_uint32(central_view, 38, 0);
+			write_uint32(central_view, 42, offset);
+			central_header.set(name, 46);
+			central_parts.push(central_header);
+
+			offset += local_header.length + file.data.length;
+		}
+
+		const central_offset = offset;
+		const central_size = central_parts.reduce(
+			(sum, part) => sum + part.length,
+			0
+		);
+		const end = zip_header(22);
+		const end_view = new DataView(end.buffer);
+		write_uint32(end_view, 0, 0x06054b50);
+		write_uint16(end_view, 4, 0);
+		write_uint16(end_view, 6, 0);
+		write_uint16(end_view, 8, files.length);
+		write_uint16(end_view, 10, files.length);
+		write_uint32(end_view, 12, central_size);
+		write_uint32(end_view, 16, central_offset);
+		write_uint16(end_view, 20, 0);
+
+		const zip = new Uint8Array(central_offset + central_size + end.length);
+		let cursor = 0;
+		for (const part of [...parts, ...central_parts, end]) {
+			zip.set(part, cursor);
+			cursor += part.length;
+		}
+		return zip;
+	}
+
+	async function get_zip_file(
+		url: string,
+		name: string
+	): Promise<{ name: string; data: Uint8Array } | null> {
+		let response;
+		try {
+			response = await _fetch(url);
+		} catch (error) {
+			if (error instanceof TypeError) {
+				window.open(url, "_blank", "noreferrer");
+			}
+			return null;
+		}
+		if (!response.ok) return null;
+		return {
+			name,
+			data: new Uint8Array(await response.arrayBuffer())
+		};
+	}
+
+	async function download_all(media: GalleryData[]): Promise<void> {
+		const used_names = new Map<string, number>();
+		const files = await Promise.all(
+			media.flatMap((item, index) => {
+				const file = "image" in item ? item.image : item.video;
+				const fallback =
+					"image" in item ? `image-${index + 1}` : `video-${index + 1}`;
+				if (!file.url) return [];
+				const name = get_unique_name(file, fallback, used_names);
+				return [get_zip_file(file.url, name)];
+			})
+		);
+		const valid_files = files.filter(
+			(file): file is { name: string; data: Uint8Array } => file !== null
+		);
+
+		if (valid_files.length === 0) return;
+
+		const zip = create_zip(valid_files);
+		const url = URL.createObjectURL(
+			new Blob([zip.buffer as ArrayBuffer], { type: "application/zip" })
+		);
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = "gallery.zip";
+		link.click();
+		URL.revokeObjectURL(url);
+	}
+
+	function handle_download_all(): void {
+		if (resolved_value) {
+			download_all(resolved_value);
+		}
+	}
+
+	let selected_media = $derived.by(() =>
+		selected_index != null && resolved_value != null
+			? resolved_value[selected_index]
+			: null
+	);
+
+	let thumbnails_overflow = false;
+
+	function check_thumbnails_overflow(): void {
+		if (container_element) {
+			thumbnails_overflow =
+				container_element.scrollWidth > container_element.clientWidth;
+		}
+	}
+
+	onMount(() => {
+		check_thumbnails_overflow();
+		document.addEventListener("fullscreenchange", () => {
+			is_full_screen = !!document.fullscreenElement;
+		});
+		window.addEventListener("resize", check_thumbnails_overflow);
+		return () =>
+			window.removeEventListener("resize", check_thumbnails_overflow);
+	});
+
+	$effect(() => {
+		resolved_value;
+		check_thumbnails_overflow();
+		if (container_element) {
+			check_thumbnails_overflow();
+		}
+	});
+
+	function handle_item_delete(index: number): void {
+		if (!value || !resolved_value) return;
+
+		const deleted_item = resolved_value[index];
+		let deleted_file_data;
+
+		if ("image" in deleted_item) {
+			deleted_file_data = {
+				file: deleted_item.image,
+				index: index
+			};
+		} else if ("video" in deleted_item) {
+			deleted_file_data = {
+				file: deleted_item.video,
+				index: index
+			};
+		}
+
+		if (deleted_file_data) {
+			ondelete(deleted_file_data);
+		}
+	}
+
+	let uploading = false;
+</script>
+
+<svelte:window bind:innerHeight={window_height} />
+
+{#if show_label}
+	<BlockLabel {show_label} Icon={ImageIcon} label={label || "Gallery"} />
+{/if}
+{#if value == null || resolved_value == null || resolved_value.length === 0}
+	<Empty unpadded_box={true} size="large"><ImageIcon /></Empty>
+{:else}
+	<div class="gallery-container" bind:this={image_container}>
+		{#if selected_media && allow_preview}
+			<span
+				on:keydown={on_keydown}
+				class="preview"
+				class:minimal={mode === "minimal"}
+			>
+				<IconButtonWrapper
+					display_top_corner={display_icon_button_wrapper_top_corner}
+					{buttons}
+					on_custom_button_click={oncustom_button_click}
+				>
+					{#if show_download_button}
+						<IconButton
+							Icon={Download}
+							label={i18n("common.download")}
+							onclick={() => {
+								const image =
+									"image" in selected_media
+										? selected_media?.image
+										: selected_media?.video;
+								if (image == null) {
+									return;
+								}
+								const { url, orig_name } = image;
+								if (url) {
+									download(url, orig_name ?? "image");
+								}
+							}}
+						/>
+					{/if}
+
+					{#if show_fullscreen_button}
+						<FullscreenButton
+							{fullscreen}
+							onclick={(is_fullscreen) =>
+								onfullscreen({ detail: is_fullscreen })}
+						/>
+					{/if}
+
+					{#if show_share_button}
+						<div class="icon-button">
+							<ShareButton
+								{i18n}
+								onshare={(detail) => {
+									onshare({ detail } as CustomEvent);
+								}}
+								onerror={(detail) => {
+									onerror({ detail } as CustomEvent);
+								}}
+								value={resolved_value}
+								formatter={format_gallery_for_sharing}
+							/>
+						</div>
+					{/if}
+					{#if !is_full_screen}
+						<IconButton
+							Icon={Clear}
+							label="Close"
+							onclick={() => {
+								selected_index = null;
+								onpreview_close();
+							}}
+						/>
+					{/if}
+				</IconButtonWrapper>
+				<button
+					class="media-button"
+					on:click={"image" in selected_media
+						? (event) => handle_preview_click(event)
+						: null}
+					style="height: calc(100% - {selected_media.caption
+						? '80px'
+						: '60px'})"
+					aria-label="detailed view of selected image"
+				>
+					{#if "image" in selected_media}
+						<Image
+							restProps={{
+								alt: selected_media.caption || "",
+								title: selected_media.caption || null,
+								class: selected_media.caption && "with-caption",
+								loading: "lazy"
+							}}
+							src={selected_media.image.url}
+							data_testid="detailed-image"
+						/>
+					{:else}
+						<Video
+							src={selected_media.video.url}
+							data-testid={"detailed-video"}
+							alt={selected_media.caption || ""}
+							loading="lazy"
+							loop={false}
+							is_stream={false}
+							muted={false}
+							controls={true}
+						/>
+					{/if}
+				</button>
+				{#if selected_media?.caption}
+					<caption class="caption">
+						{selected_media.caption}
+					</caption>
+				{/if}
+				<div
+					bind:this={container_element}
+					class="thumbnails scroll-hide"
+					data-testid="container_el"
+					style="justify-content: {thumbnails_overflow
+						? 'flex-start'
+						: 'center'};"
+				>
+					{#each resolved_value as media, i}
+						<button
+							bind:this={el[i]}
+							on:click={() => {
+								selected_index = i;
+								dispatch_select(i);
+							}}
+							class="thumbnail-item thumbnail-small"
+							class:selected={selected_index === i && mode !== "minimal"}
+							aria-label={"Thumbnail " +
+								(i + 1) +
+								" of " +
+								resolved_value.length}
+						>
+							{#if "image" in media}
+								<Image
+									src={media.image.url}
+									restProps={{
+										title: media.caption || null,
+										alt: "",
+										class: "with-caption",
+										loading: "lazy"
+									}}
+									data_testid={`thumbnail ${i + 1}`}
+								/>
+							{:else}
+								<Play />
+								<Video
+									src={media.video.url}
+									title={media.caption || null}
+									is_stream={false}
+									data-testid={"thumbnail " + (i + 1)}
+									alt=""
+									loading="lazy"
+									loop={false}
+								/>
+							{/if}
+						</button>
+					{/each}
+				</div>
+			</span>
+		{/if}
+
+		<div
+			class="grid-wrap"
+			class:minimal={mode === "minimal"}
+			class:fixed-height={mode !== "minimal" && (!height || height == "auto")}
+			class:hidden={is_full_screen}
+			style:height={height !== "auto"
+				? typeof height === "number"
+					? height + "px"
+					: height
+				: null}
+		>
+			{#if interactive && selected_index === null}
+				<ModifyUpload
+					{i18n}
+					onclear={() => {
+						value = [];
+						onsource_change("upload");
+						onclear();
+					}}
+				>
+					{#if show_download_all_button}
+						<IconButton
+							Icon={DownloadAll}
+							label={i18n("common.download_all")}
+							onclick={handle_download_all}
+						/>
+					{/if}
+					{#if upload && stream_handler}
+						<IconButton
+							Icon={UploadIcon}
+							label={i18n("upload_text.click_to_upload")}
+						>
+							<UploadComponent
+								bind:upload_promise
+								icon_upload={true}
+								onload={(e) => onupload(e)}
+								filetype={file_types}
+								file_count="multiple"
+								{max_file_size}
+								{root}
+								bind:uploading
+								onerror={(e) => onerror(e)}
+								{stream_handler}
+								{upload}
+							/>
+						</IconButton>
+					{/if}
+					{#if sources.includes("webcam")}
+						<IconButton
+							Icon={Webcam}
+							label={i18n("common.webcam")}
+							onclick={() => {
+								onsource_change("webcam");
+							}}
+						/>
+					{/if}
+					{#if sources.includes("webcam-video")}
+						<IconButton
+							Icon={VideoIcon}
+							label={i18n("common.video")}
+							onclick={() => {
+								onsource_change("webcam-video");
+							}}
+						/>
+					{/if}
+					{#if sources.includes("clipboard")}
+						<IconButton
+							label={i18n("upload_text.paste_clipboard")}
+							onclick={() => {
+								onsource_change("clipboard");
+							}}
+							Icon={ImagePaste}
+						/>
+					{/if}
+				</ModifyUpload>
+			{:else if show_download_all_button && !(selected_media && allow_preview)}
+				<IconButtonWrapper>
+					<IconButton
+						Icon={DownloadAll}
+						label={i18n("common.download_all")}
+						onclick={handle_download_all}
+					/>
+				</IconButtonWrapper>
+			{/if}
+			<div
+				class="grid-container"
+				style="--grid-cols:{effective_columns}; --grid-rows:{rows}; --object-fit: {object_fit};"
+				class:pt-6={show_label}
+			>
+				{#each resolved_value as entry, i}
+					<div class="gallery-item">
+						<button
+							class="thumbnail-item thumbnail-lg"
+							class:selected={selected_index === i}
+							on:click={() => {
+								if (selected_index === null && allow_preview) {
+									onpreview_open();
+								}
+								selected_index = i;
+								dispatch_select(i);
+							}}
+							aria-label={"Thumbnail " +
+								(i + 1) +
+								" of " +
+								resolved_value.length}
+						>
+							{#if "image" in entry}
+								<Image
+									alt={entry.caption || ""}
+									src={typeof entry.image === "string"
+										? entry.image
+										: entry.image.url}
+									loading="lazy"
+								/>
+							{:else}
+								<Play />
+								<Video
+									src={entry.video.url}
+									title={entry.caption || null}
+									is_stream={false}
+									data-testid={"thumbnail " + (i + 1)}
+									alt=""
+									loading="lazy"
+									loop={false}
+								/>
+							{/if}
+							{#if entry.caption}
+								<div class="caption-label">
+									{entry.caption}
+								</div>
+							{/if}
+						</button>
+						{#if interactive}
+							<button
+								class="delete-button"
+								on:click|stopPropagation={() => handle_item_delete(i)}
+								aria-label="Delete image"
+							>
+								<Clear />
+							</button>
+						{/if}
+					</div>
+				{/each}
+			</div>
+		</div>
+	</div>
+{/if}
+
+<style lang="postcss">
+	.gallery-container {
+		height: 100%;
+		position: relative;
+	}
+	.gallery-container :global(img),
+	button {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: contain;
+		display: block;
+		border-radius: var(--radius-lg);
+	}
+
+	.preview {
+		display: flex;
+		position: absolute;
+		flex-direction: column;
+		z-index: var(--layer-2);
+		border-radius: calc(var(--block-radius) - var(--block-border-width));
+		-webkit-backdrop-filter: blur(8px);
+		backdrop-filter: blur(8px);
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+
+	.preview.minimal {
+		width: fit-content;
+		height: fit-content;
+	}
+
+	.preview::before {
+		content: "";
+		position: absolute;
+		z-index: var(--layer-below);
+		background: var(--background-fill-primary);
+		opacity: 0.9;
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+
+	.fixed-height {
+		min-height: var(--size-80);
+		max-height: 55vh;
+	}
+
+	@media (--screen-xl) {
+		.fixed-height {
+			min-height: 450px;
+		}
+	}
+
+	.media-button {
+		height: calc(100% - 60px);
+		width: 100%;
+		display: flex;
+	}
+	.media-button :global(img),
+	.media-button :global(video) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: contain;
+	}
+	.thumbnails :global(img) {
+		object-fit: cover;
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+	.thumbnails :global(svg) {
+		position: absolute;
+		top: var(--size-2);
+		left: var(--size-2);
+		width: 50%;
+		height: 50%;
+		opacity: 50%;
+	}
+	.preview :global(img.with-caption) {
+		height: var(--size-full);
+	}
+
+	.preview.minimal :global(img.with-caption) {
+		height: auto;
+	}
+
+	.selectable {
+		cursor: crosshair;
+	}
+
+	.caption {
+		padding: var(--size-2) var(--size-3);
+		overflow: hidden;
+		color: var(--block-label-text-color);
+		font-weight: var(--weight-semibold);
+		text-align: center;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		align-self: center;
+	}
+
+	.thumbnails {
+		display: flex;
+		position: absolute;
+		bottom: 0;
+		justify-content: flex-start;
+		align-items: center;
+		gap: var(--spacing-lg);
+		width: var(--size-full);
+		height: var(--size-14);
+		overflow-x: scroll;
+	}
+
+	.thumbnail-item {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow:
+			inset 0 0 0 1px var(--ring-color),
+			var(--shadow-drop);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--button-small-radius);
+		background: var(--background-fill-secondary);
+		aspect-ratio: var(--ratio-square);
+		width: var(--size-full);
+		height: var(--size-full);
+		overflow: clip;
+	}
+
+	.thumbnail-item:hover {
+		--ring-color: var(--color-accent);
+		border-color: var(--color-accent);
+		filter: brightness(1.1);
+	}
+
+	.thumbnail-item.selected {
+		--ring-color: var(--color-accent);
+		border-color: var(--color-accent);
+	}
+
+	.thumbnail-item :global(svg) {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		width: 50%;
+		height: 50%;
+		opacity: 50%;
+		transform: translate(-50%, -50%);
+	}
+
+	.thumbnail-item :global(video) {
+		width: var(--size-full);
+		height: var(--size-full);
+		overflow: hidden;
+		object-fit: cover;
+	}
+
+	.thumbnail-small {
+		flex: none;
+		transform: scale(0.9);
+		transition: 0.075s;
+		width: var(--size-9);
+		height: var(--size-9);
+	}
+	.thumbnail-small.selected {
+		--ring-color: var(--color-accent);
+		transform: scale(1);
+		border-color: var(--color-accent);
+	}
+
+	.thumbnail-small > img {
+		width: var(--size-full);
+		height: var(--size-full);
+		overflow: hidden;
+		object-fit: var(--object-fit);
+	}
+
+	.grid-wrap {
+		position: relative;
+		padding: var(--size-2);
+		overflow-y: scroll;
+	}
+
+	.grid-container {
+		display: grid;
+		position: relative;
+		grid-template-rows: repeat(var(--grid-rows), minmax(100px, 1fr));
+		grid-template-columns: repeat(var(--grid-cols), minmax(100px, 1fr));
+		grid-auto-rows: minmax(100px, 1fr);
+		gap: var(--spacing-lg);
+	}
+
+	.thumbnail-lg > :global(img) {
+		width: var(--size-full);
+		height: var(--size-full);
+		overflow: hidden;
+		object-fit: var(--object-fit);
+	}
+
+	.thumbnail-lg:hover .caption-label {
+		opacity: 0.5;
+	}
+
+	.caption-label {
+		position: absolute;
+		right: var(--block-label-margin);
+		bottom: var(--block-label-margin);
+		z-index: var(--layer-1);
+		border-top: 1px solid var(--border-color-primary);
+		border-left: 1px solid var(--border-color-primary);
+		border-radius: var(--block-label-radius);
+		background: var(--background-fill-secondary);
+		padding: var(--block-label-padding);
+		max-width: 80%;
+		overflow: hidden;
+		font-size: var(--block-label-text-size);
+		text-align: left;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.grid-wrap.minimal {
+		padding: 0;
+	}
+
+	.gallery-item {
+		position: relative;
+		width: 100%;
+		height: 100%;
+	}
+
+	.delete-button {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		z-index: var(--layer-1);
+		border-top: 1px solid var(--border-color-primary);
+		border-right: 1px solid var(--border-color-primary);
+		border-radius: 0 var(--radius-sm) 0 var(--radius-sm);
+		background: var(--background-fill-secondary);
+		padding: var(--block-label-padding);
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		opacity: 0;
+		transition: opacity 0.2s ease;
+		font-size: var(--block-label-text-size);
+		color: var(--block-label-text-color);
+		font-weight: var(--weight-semibold);
+		width: auto;
+		height: auto;
+		min-width: fit-content;
+		min-height: fit-content;
+	}
+
+	.gallery-item:hover .delete-button {
+		opacity: 1;
+	}
+
+	.delete-button:hover {
+		opacity: 0.8;
+	}
+
+	.delete-button :global(svg) {
+		width: var(--text-xs);
+		height: var(--text-md);
+		color: var(--block-label-text-color);
+	}
+</style>
diff --git a/js/gallery/shared/utils.ts b/js/gallery/shared/utils.ts
new file mode 100644
index 0000000..c127349
--- /dev/null
+++ b/js/gallery/shared/utils.ts
@@ -0,0 +1,40 @@
+import { uploadToHuggingFace } from "@gradio/utils";
+import { FileData } from "@gradio/client";
+
+export async function format_gallery_for_sharing(
+	value: [FileData, string | null][] | null
+): Promise<string> {
+	if (!value) return "";
+	let urls = await Promise.all(
+		value.map(async ([image, _]) => {
+			if (image === null || !image.url) return "";
+			return await uploadToHuggingFace(image.url, "url");
+		})
+	);
+
+	return `<div style="display: flex; flex-wrap: wrap; gap: 16px">${urls
+		.map((url) => `<img src="${url}" style="height: 400px" />`)
+		.join("")}</div>`;
+}
+
+export async function handle_save(
+	img_blob: Blob,
+	upload: (files: FileData[]) => Promise<(FileData | null)[] | null>,
+	filename = "uploaded_file"
+): Promise<FileData[]> {
+	const ext = img_blob.type.split("/")[1] || "png";
+	const f_ = new File([img_blob], `${filename}.${ext}`);
+	const files = [
+		new FileData({
+			path: f_.name,
+			orig_name: f_.name,
+			blob: f_,
+			size: f_.size,
+			mime_type: f_.type,
+			is_stream: false
+		})
+	];
+	return ((await upload(files)) ?? []).filter(
+		(file): file is FileData => file !== null
+	);
+}
diff --git a/js/gallery/types.ts b/js/gallery/types.ts
new file mode 100644
index 0000000..d6769ba
--- /dev/null
+++ b/js/gallery/types.ts
@@ -0,0 +1,51 @@
+import type { FileData } from "@gradio/client";
+import type { CustomButton, SelectData } from "@gradio/utils";
+
+export interface GalleryImage {
+	image: FileData;
+	caption: string | null;
+}
+
+export interface GalleryVideo {
+	video: FileData;
+	caption: string | null;
+}
+
+export type GalleryData = GalleryImage | GalleryVideo;
+
+export interface GalleryProps {
+	value: GalleryData[] | null;
+	file_types: string[] | null;
+	columns: number | number[] | undefined;
+	rows: number | number[] | undefined;
+	height: number | string;
+	preview: boolean;
+	allow_preview: boolean;
+	selected_index: number | null;
+	object_fit: "contain" | "cover" | "fill" | "none" | "scale-down";
+	buttons: (
+		| "share"
+		| "download"
+		| "download_all"
+		| "fullscreen"
+		| CustomButton
+	)[];
+	type: "numpy" | "pil" | "filepath";
+	fit_columns: boolean;
+	sources: ("upload" | "webcam-video" | "webcam" | "clipboard")[];
+}
+
+export interface GalleryEvents {
+	change: GalleryData[] | null;
+	upload: GalleryData[] | null;
+	select: SelectData;
+	delete: { file: FileData; index: number };
+	preview_open: never;
+	preview_close: never;
+	clear: never;
+	clear_status: any;
+	share: any;
+	error: any;
+	custom_button_click: { id: number };
+	warning: string;
+}
diff --git a/js/group/CHANGELOG.md b/js/group/CHANGELOG.md
new file mode 100644
index 0000000..02ea1a1
--- /dev/null
+++ b/js/group/CHANGELOG.md
@@ -0,0 +1,145 @@
+# @gradio/group
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+
+## 0.3.6
+
+### Fixes
+
+- [#13523](https://github.com/gradio-app/gradio/pull/13523) [`1b611f8`](https://github.com/gradio-app/gradio/commit/1b611f89fb85016a7879020098bd0faedf80ae5e) - Fixes grouped accordion borders and empty plot legends.  Thanks @dawoodkhan82!
+
+## 0.3.5
+
+### Features
+
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+
+## 0.3.4
+
+### Fixes
+
+- [#13155](https://github.com/gradio-app/gradio/pull/13155) [`59421d1`](https://github.com/gradio-app/gradio/commit/59421d13fbefb493fc5d0b4c5fc48ff30ebb3ef3) - fix(group): read visibility from shared props to fix dynamic toggling.  Thanks @viditkbhatnagar!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+
+## 0.3.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/utils@0.10.3
+
+## 0.2.1
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+## 0.2.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Redesign `gr.Button()`
+
+## 0.2.0-beta.1
+
+### Features
+
+- [#9167](https://github.com/gradio-app/gradio/pull/9167) [`e9e737e`](https://github.com/gradio-app/gradio/commit/e9e737eeeb61d0bbf43277c75b6ffed8b34aa445) - Redesign `gr.Button()`.  Thanks @hannahblair!
+
+## 0.1.3
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 0.1.2
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+## 0.1.1
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2-beta.0
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
\ No newline at end of file
diff --git a/js/group/Group.stories.svelte b/js/group/Group.stories.svelte
new file mode 100644
index 0000000..4e7f901
--- /dev/null
+++ b/js/group/Group.stories.svelte
@@ -0,0 +1,30 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Group from "./Index.svelte";
+	import Button from "../button/shared/Button.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Layout Elements/Group",
+		component: Group,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+</script>
+
+<Story name="Group with multiple items">
+	{#snippet template(args)}
+		<Group {...wrapProps(args)}>
+			<Button elem_id="btn1" size="lg">Button 1</Button>
+			<Button elem_id="btn2" size="lg">Button 2</Button>
+			<Button elem_id="btn3" size="lg">Button 3</Button>
+		</Group>
+	{/snippet}
+</Story>
diff --git a/js/group/Group.test.ts b/js/group/Group.test.ts
new file mode 100644
index 0000000..2e11c1e
--- /dev/null
+++ b/js/group/Group.test.ts
@@ -0,0 +1,99 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+
+import Group from "./Index.svelte";
+import GroupWithChild from "./WithChild.svelte";
+
+describe("Group", () => {
+	afterEach(() => cleanup());
+
+	test("renders the group container", async () => {
+		const { container } = await render(Group, {});
+		// No role, label, or text available for a bare layout container —
+		// querySelector(".gr-group") is the appropriate query here.
+		expect(container.querySelector(".gr-group")).not.toBeNull();
+	});
+
+	test("elem_id is applied to the outer div", async () => {
+		const { container } = await render(Group, { elem_id: "my-group" });
+		expect(container.querySelector("#my-group")).not.toBeNull();
+	});
+
+	test("elem_classes are applied to the outer div", async () => {
+		const { container } = await render(Group, {
+			elem_classes: ["my-group-class"]
+		});
+		expect(container.querySelector(".my-group-class")).not.toBeNull();
+	});
+
+	test("visible: true → container is visible", async () => {
+		const { container } = await render(Group, {
+			visible: true,
+			elem_id: "group-visible"
+		});
+		expect(container.querySelector("#group-visible")).toBeVisible();
+	});
+
+	test("visible: 'hidden' → container is hidden in the DOM", async () => {
+		const { container } = await render(Group, {
+			visible: "hidden",
+			elem_id: "group-hidden"
+		});
+		const el = container.querySelector("#group-hidden");
+		expect(el).not.toBeNull();
+		expect(el).not.toBeVisible();
+	});
+
+	test("visible: false does NOT hide the container (Group only responds to the 'hidden' string)", async () => {
+		// Group's template uses class:hide={gradio.shared.visible === "hidden"}.
+		// Boolean false does not equal the string "hidden", so the container remains
+		// visible. Differs from Row/Column which use !visible and hide on false.
+		const { container } = await render(Group, {
+			visible: false,
+			elem_id: "group-false"
+		});
+		const el = container.querySelector("#group-false");
+		expect(el).not.toBeNull();
+		expect(el).toBeVisible();
+	});
+
+	test("uses border-color-primary for grouped child separators", async () => {
+		const { container } = await render(Group, {});
+		const group = container.querySelector(".gr-group") as HTMLElement;
+		const styler = container.querySelector(".styler") as HTMLElement;
+
+		group.style.setProperty("--block-border-color", "rgb(255, 0, 0)");
+		group.style.setProperty("--border-color-primary", "rgb(0, 128, 0)");
+
+		expect(getComputedStyle(styler).backgroundColor).toBe("rgb(0, 128, 0)");
+	});
+});
+
+describe("Children / slot", () => {
+	afterEach(() => cleanup());
+
+	test("renders slot children inside the group container", async () => {
+		const { getByTestId } = await render(GroupWithChild, {});
+		expect(getByTestId("slot-content")).not.toBeNull();
+	});
+
+	test("slot children are visible when group is visible", async () => {
+		const { getByTestId } = await render(GroupWithChild, { visible: true });
+		expect(getByTestId("slot-content")).toBeVisible();
+	});
+
+	test("slot children are hidden when group uses visible: 'hidden'", async () => {
+		const { getByTestId } = await render(GroupWithChild, {
+			visible: "hidden"
+		});
+		// Group applies display:none via .hide class when visible === "hidden"
+		expect(getByTestId("slot-content")).not.toBeVisible();
+	});
+});
+
+test.todo(
+	"VISUAL: Group removes borders, border-radius, and box-shadow from child blocks via CSS variable overrides (--block-border-width: 0px, --block-radius: 0px) — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: Group uses 1px gap between children (--form-gap-width: 1px, --layout-gap: 1px), tightly grouping them without spacing — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/group/Index.svelte b/js/group/Index.svelte
new file mode 100644
index 0000000..cfb4380
--- /dev/null
+++ b/js/group/Index.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+
+	const props = $props();
+	const gradio = new Gradio<{}, {}>(props);
+</script>
+
+<div
+	id={gradio.shared.elem_id}
+	class="gr-group {gradio.shared.elem_classes?.join(' ') || ''}"
+	class:hide={gradio.shared.visible === "hidden"}
+>
+	<div
+		id={gradio.shared.elem_id}
+		class="gr-group {gradio.shared.elem_classes?.join(' ') || ''}"
+		class:hide={gradio.shared.visible === "hidden"}
+	>
+		<div
+			class="styler"
+			style:--block-radius="0px"
+			style:--block-border-width="0px"
+			style:--layout-gap="1px"
+			style:--form-gap-width="1px"
+			style:--button-border-width="0px"
+			style:--button-large-radius="0px"
+			style:--button-small-radius="0px"
+		>
+			<slot />
+		</div>
+	</div>
+</div>
+
+<style>
+	div {
+		border: var(--block-border-width) solid var(--border-color-primary);
+		background: var(--border-color-primary);
+		border-radius: var(--block-radius);
+		display: flex;
+		flex-direction: column;
+		gap: var(--form-gap-width);
+		overflow: hidden;
+	}
+	div > :global(*:not(.absolute)) {
+		border: none;
+		border-radius: 0;
+	}
+	div > :global(.gr-accordion:not(.absolute)) {
+		border: none !important;
+	}
+	.hide {
+		display: none;
+	}
+</style>
diff --git a/js/group/WithChild.svelte b/js/group/WithChild.svelte
new file mode 100644
index 0000000..de48db3
--- /dev/null
+++ b/js/group/WithChild.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+	import Group from "./Index.svelte";
+	let props = $props();
+</script>
+
+<Group {...props}>
+	<div data-testid="slot-content">test child</div>
+</Group>
diff --git a/js/group/package.json b/js/group/package.json
new file mode 100644
index 0000000..65bfee6
--- /dev/null
+++ b/js/group/package.json
@@ -0,0 +1,32 @@
+{
+	"name": "@gradio/group",
+	"version": "0.3.7",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"dependencies": {
+		"@gradio/utils": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/group"
+	}
+}
diff --git a/js/highlightedtext/CHANGELOG.md b/js/highlightedtext/CHANGELOG.md
new file mode 100644
index 0000000..bdf8bd0
--- /dev/null
+++ b/js/highlightedtext/CHANGELOG.md
@@ -0,0 +1,897 @@
+# @gradio/highlightedtext
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.12.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/theme@0.6.2
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.11.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.11.3
+
+### Fixes
+
+- [#12859](https://github.com/gradio-app/gradio/pull/12859) [`a2bd6e1`](https://github.com/gradio-app/gradio/commit/a2bd6e1fb5d19e59ae694ab80c2874288e9982b8) - feat(highlighted_text): add show_whitespaces param to preserve spaces.  Thanks @Whosxws!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.11.0
+
+### Features
+
+- [#12785](https://github.com/gradio-app/gradio/pull/12785) [`f04abc3`](https://github.com/gradio-app/gradio/commit/f04abc3b1b05a918bc903e01faa60b9ec87e1092) - Refactor gr.HighlightedText.  Thanks @hannahblair!
+- [#12785](https://github.com/gradio-app/gradio/pull/12785) [`f04abc3`](https://github.com/gradio-app/gradio/commit/f04abc3b1b05a918bc903e01faa60b9ec87e1092) - Allow transparent and undefined labels in gr.HighlightedText.  Thanks @hannahblair!
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/theme@0.6.1
+
+## 0.10.1
+
+### Fixes
+
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/theme@0.6.0
+
+## 0.10.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.9.15
+
+### Features
+
+- [#12475](https://github.com/gradio-app/gradio/pull/12475) [`c4c36c7`](https://github.com/gradio-app/gradio/commit/c4c36c7da3d14d60f4fd9b35bbe68d52f7b38bb9) - Fix highlighted text in 6.0.  Thanks @freddyaboulton!
+
+## 0.9.14
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.9.14
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/theme@0.5.0
+- @gradio/utils@0.10.3
+
+## 0.9.14-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.9.14-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/theme@0.5.0-dev.0
+
+## 0.9.13
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.9.13
+
+### Fixes
+
+- [#11944](https://github.com/gradio-app/gradio/pull/11944) [`01309af`](https://github.com/gradio-app/gradio/commit/01309af09209485f54391c36acc60c12f19fe726) - Bugfix: Update color map of HighlightedText programmatically.  Thanks @freddyaboulton!
+
+## 0.9.12
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.9.0
+
+### Features
+
+- [#10933](https://github.com/gradio-app/gradio/pull/10933) [`b768651`](https://github.com/gradio-app/gradio/commit/b7686515d99276123731698bfde09bb328b7d286) - Add `rtl` to Block Label.  Thanks @hannahblair!
+- [#10924](https://github.com/gradio-app/gradio/pull/10924) [`be46b94`](https://github.com/gradio-app/gradio/commit/be46b94f51c29d66fef9320d59a7f7e5a0df81b4) - Add `rtl` to gr.HighlightedText.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.8.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.8.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.8.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.8.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/theme@0.4.0
+
+## 0.8.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.8.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.8.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.8.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.8.8
+
+### Fixes
+
+- [#10004](https://github.com/gradio-app/gradio/pull/10004) [`0879be7`](https://github.com/gradio-app/gradio/commit/0879be78b3ae220cb303ac275c8fd47d085aad18) - Ensure `show_label` param is used in HighlightedText.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.7.7-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.7.7-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.7.7-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.7.7-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.7.7-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.7.7-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/theme@0.3.0-beta.1
+
+## 0.7.7
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/theme@0.2.5
+
+## 0.7.6
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/theme@0.2.4
+- @gradio/icons@0.7.1
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.7.0
+
+### Features
+
+- [#8355](https://github.com/gradio-app/gradio/pull/8355) [`33e8bab`](https://github.com/gradio-app/gradio/commit/33e8babb17b2094327860bc1996ab855d6c22d46) - Enable hiding the inline category in HighlightedText with a `show_inline_category` argument.  Thanks @xu-song!
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/theme@0.2.3
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.6.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.5.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/theme@0.2.2
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/theme@0.2.1
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.4.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.4.10
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.4.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.4.8
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.4.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.4.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e)]:
+  - @gradio/theme@0.2.0
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.3.1
+
+### Fixes
+
+- [#5602](https://github.com/gradio-app/gradio/pull/5602) [`54d21d3f1`](https://github.com/gradio-app/gradio/commit/54d21d3f18f2ddd4e796d149a0b41461f49c711b) - Ensure `HighlightedText` with `merge_elements` loads without a value. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.0
+
+### Features
+
+- [#5400](https://github.com/gradio-app/gradio/pull/5400) [`d112e261`](https://github.com/gradio-app/gradio/commit/d112e2611b0fc79ecedfaed367571f3157211387) - Allow interactive input in `gr.HighlightedText`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/theme@0.1.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.2.1
+
+### Features
+
+- [#5284](https://github.com/gradio-app/gradio/pull/5284) [`5f25eb68`](https://github.com/gradio-app/gradio/commit/5f25eb6836f6a78ce6208b53495a01e1fc1a1d2f) - Minor bug fix sweep. Thanks [@aliabid94](https://github.com/aliabid94)!/n - Our use of **exit** was catching errors and corrupting the traceback of any component that failed to instantiate (try running blocks_kitchen_sink off main for an example). Now the **exit** exits immediately if there's been an exception, so the original exception can be printed cleanly/n - HighlightedText was rendering weird, cleaned it up
+
+## 0.2.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Features
+
+- [#5046](https://github.com/gradio-app/gradio/pull/5046) [`5244c587`](https://github.com/gradio-app/gradio/commit/5244c5873c355cf3e2f0acb7d67fda3177ef8b0b) - Allow new lines in `HighlightedText` with `/n` and preserve whitespace. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/highlightedtext/HighlightedText.stories.svelte b/js/highlightedtext/HighlightedText.stories.svelte
new file mode 100644
index 0000000..8f2c0c7
--- /dev/null
+++ b/js/highlightedtext/HighlightedText.stories.svelte
@@ -0,0 +1,82 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import HighlightedText from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/HighlightedText",
+		component: HighlightedText
+	});
+
+	const defaultValue = [
+		{ token: "zebras", class_or_confidence: "+" },
+		{ token: "dogs", class_or_confidence: "-" },
+		{ token: "elephants", class_or_confidence: "+" }
+	];
+</script>
+
+{#snippet template(args)}
+	<HighlightedText {...wrapProps(args)} />
+{/snippet}
+
+{#snippet templateWithDefault(args)}
+	<HighlightedText {...wrapProps({ value: defaultValue, ...args })} />
+{/snippet}
+
+<Story
+	name="Highlighted Text Default"
+	args={{}}
+	template={templateWithDefault}
+/>
+<Story
+	name="Highlighted Text with legend"
+	args={{ show_legend: true }}
+	template={templateWithDefault}
+/>
+<Story
+	name="Highlighted Text with color map"
+	args={{ color_map: { "+": "green", "-": "red" } }}
+	template={templateWithDefault}
+/>
+<Story
+	name="Highlighted Text with combine adjacent"
+	args={{
+		value: [
+			{ token: "The", class_or_confidence: null },
+			{ token: "quick", class_or_confidence: "adjective" },
+			{ token: " sneaky", class_or_confidence: "adjective" },
+			{ token: "fox", class_or_confidence: "subject" },
+			{ token: " jumped ", class_or_confidence: "past tense verb" },
+			{ token: "over the", class_or_confidence: null },
+			{ token: "lazy dog", class_or_confidence: "object" }
+		],
+		combine_adjacent: true
+	}}
+	{template}
+/>
+<Story
+	name="Highlighted Text in scores mode"
+	args={{
+		value: [
+			{ token: "the", class_or_confidence: -1 },
+			{ token: "quick", class_or_confidence: 1 },
+			{ token: "fox", class_or_confidence: 0.3 }
+		],
+		show_legend: true
+	}}
+	{template}
+/>
+<Story
+	name="Highlighted Text with RTL"
+	args={{
+		label: "مرحبا بالعالم",
+		value: [
+			{ token: "مرحبا", class_or_confidence: "greeting" },
+			{ token: " ", class_or_confidence: null },
+			{ token: "بالعالم", class_or_confidence: "subject" }
+		],
+		rtl: true,
+		color_map: { greeting: "green", subject: "blue" }
+	}}
+	{template}
+/>
diff --git a/js/highlightedtext/Index.svelte b/js/highlightedtext/Index.svelte
new file mode 100644
index 0000000..e5b5d51
--- /dev/null
+++ b/js/highlightedtext/Index.svelte
@@ -0,0 +1,95 @@
+<script module lang="ts">
+	export { default as BaseHighlightedText } from "./shared/HighlightedText.svelte";
+</script>
+
+<script lang="ts">
+	import HighlightedText from "./shared/HighlightedText.svelte";
+	import { Block, BlockLabel, Empty, IconButtonWrapper } from "@gradio/atoms";
+	import { TextHighlight } from "@gradio/icons";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { Gradio } from "@gradio/utils";
+	import { merge_elements } from "./shared/utils";
+	import type { HighlightedTextProps, HighlightedTextEvents } from "./types";
+
+	const props = $props();
+	const gradio = new Gradio<HighlightedTextEvents, HighlightedTextProps>(props);
+
+	let old_value = $state(gradio.props.value);
+
+	$effect(() => {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+
+	let value = $derived.by(() =>
+		gradio.props.combine_adjacent
+			? merge_elements(gradio.props.value || [], "equal")
+			: gradio.props.value
+	);
+</script>
+
+<Block
+	variant={gradio.shared.interactive ? "dashed" : "solid"}
+	test_id="highlighted-text"
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	padding={false}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	rtl={gradio.props.rtl}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		onclearstatus={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+
+	{#if gradio.shared.interactive && gradio.shared.label && gradio.shared.show_label && gradio.props.buttons?.length}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) =>
+				gradio.dispatch("custom_button_click", { id })}
+		/>
+	{/if}
+
+	{#if gradio.shared.label && gradio.shared.show_label}
+		<BlockLabel
+			Icon={TextHighlight}
+			label={gradio.shared.label ||
+				gradio.i18n("highlighted_text.highlighted_text")}
+			float={false}
+			disable={gradio.shared.container === false}
+			show_label={gradio.shared.show_label}
+			rtl={gradio.props.rtl}
+		/>
+	{/if}
+
+	{#if value}
+		<HighlightedText
+			bind:value
+			interactive={gradio.shared.interactive}
+			show_legend={gradio.props.show_legend}
+			show_inline_category={gradio.props.show_inline_category}
+			show_whitespaces={gradio.props.show_whitespaces}
+			color_map={gradio.props.color_map}
+			onselect={(detail) => gradio.dispatch("select", detail)}
+			onchange={() => {
+				gradio.props.value = value;
+				gradio.dispatch("change");
+			}}
+		/>
+	{:else}
+		<Empty
+			size={gradio.shared.interactive ? "small" : "large"}
+			unpadded_box={gradio.shared.interactive}
+		>
+			<TextHighlight />
+		</Empty>
+	{/if}
+</Block>
diff --git a/js/highlightedtext/README.md b/js/highlightedtext/README.md
new file mode 100644
index 0000000..6506cf3
--- /dev/null
+++ b/js/highlightedtext/README.md
@@ -0,0 +1,31 @@
+# `@gradio/highlightedtext`
+
+```html
+<script>
+    import { BaseStaticHighlightedText, BaseInteractiveHighlightedText } from `@gradio/highlightedtext`;
+</script>
+```
+
+
+BaseStaticHighlightedText
+```javascript
+	export let value: {
+		token: string;
+		class_or_confidence: string | number | null;
+	}[] = [];
+	export let show_legend = false;
+	export let show_inline_category = true;
+	export let color_map: Record<string, string> = {};
+	export let selectable = false;
+```
+
+BaseInteractiveHighlightedText
+```javascript
+	export let value: {
+		token: string;
+		class_or_confidence: string | number | null;
+	}[] = [];
+	export let show_legend = false;
+	export let color_map: Record<string, string> = {};
+	export let selectable = false;
+```
diff --git a/js/highlightedtext/highlightedtext.test.ts b/js/highlightedtext/highlightedtext.test.ts
new file mode 100644
index 0000000..4bd9120
--- /dev/null
+++ b/js/highlightedtext/highlightedtext.test.ts
@@ -0,0 +1,251 @@
+import { test, describe, assert, afterEach } from "vitest";
+import { cleanup, fireEvent, render } from "@self/tootils/render";
+import { setupi18n } from "../core/src/i18n";
+
+import HighlightedText from "./Index.svelte";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+const loading_status: LoadingStatus = {
+	eta: 0,
+	queue_position: 1,
+	queue_size: 1,
+	status: "complete" as LoadingStatus["status"],
+	scroll_to_output: false,
+	visible: true,
+	fn_index: 0,
+	show_progress: "full"
+};
+
+describe("HighlightedText", () => {
+	afterEach(() => cleanup());
+
+	setupi18n();
+
+	test("renders provided text and labels", async () => {
+		const { getByText, getAllByText } = await render(HighlightedText, {
+			interactive: false,
+			loading_status,
+			value: [
+				{ token: "The", class_or_confidence: null },
+				{ token: "quick", class_or_confidence: "adjective" },
+				{ token: " sneaky", class_or_confidence: "adjective" },
+				{ token: "fox", class_or_confidence: "subject" },
+				{ token: " jumped ", class_or_confidence: "past tense verb" },
+				{ token: "over the", class_or_confidence: null },
+				{ token: "lazy dog", class_or_confidence: "object" }
+			]
+		});
+
+		const quick = getByText("quick");
+		const adjectiveLabels = getAllByText("adjective");
+
+		assert.exists(quick);
+		assert.exists(adjectiveLabels);
+		assert.equal(adjectiveLabels.length, 2);
+	});
+
+	test.skip("renders labels with remove label buttons which trigger change", async () => {
+		const { getAllByLabelText, listen } = await render(HighlightedText, {
+			interactive: true,
+			loading_status,
+			value: [
+				{ token: "The", class_or_confidence: null },
+				{ token: "quick", class_or_confidence: "adjective" },
+				{ token: " sneaky", class_or_confidence: "adjective" },
+				{ token: "fox", class_or_confidence: "subject" },
+				{ token: " jumped ", class_or_confidence: "past tense  verb" },
+				{ token: "over the", class_or_confidence: null },
+				{ token: "lazy dog", class_or_confidence: "object" }
+			]
+		});
+
+		const mock = listen("change");
+
+		const removeButtons = getAllByLabelText("Remove label");
+
+		assert.equal(removeButtons.length, 5);
+
+		assert.equal(mock.callCount, 0);
+
+		fireEvent.click(removeButtons[0]);
+
+		assert.equal(mock.callCount, 1);
+	});
+
+	describe("Score mode", () => {
+		test("renders tokens with numeric confidence scores", async () => {
+			const { getByText, getByTestId } = await render(HighlightedText, {
+				interactive: false,
+				loading_status,
+				value: [
+					{ token: "good", class_or_confidence: 0.8 },
+					{ token: " ", class_or_confidence: 0 },
+					{ token: "bad", class_or_confidence: -0.6 }
+				]
+			});
+
+			const goodToken = getByText("good");
+			const badToken = getByText("bad");
+
+			assert.exists(goodToken);
+			assert.exists(badToken);
+
+			// Score mode should render the textfield
+			const textfield = getByTestId("highlighted-text:textfield");
+			assert.exists(textfield);
+		});
+
+		test("does not show category labels in score mode", async () => {
+			const { queryAllByText } = await render(HighlightedText, {
+				interactive: false,
+				loading_status,
+				value: [
+					{ token: "positive", class_or_confidence: 0.5 },
+					{ token: "negative", class_or_confidence: -0.5 }
+				]
+			});
+
+			// In score mode, the numeric values should not be displayed as labels
+			const labels = queryAllByText("0.5");
+			assert.equal(labels.length, 0);
+		});
+	});
+
+	describe("Legend", () => {
+		test("shows category legend when show_legend is true", async () => {
+			const { getByTestId, getByText } = await render(HighlightedText, {
+				interactive: false,
+				loading_status,
+				show_legend: true,
+				value: [
+					{ token: "Hello", class_or_confidence: "greeting" },
+					{ token: "world", class_or_confidence: "noun" }
+				]
+			});
+
+			const legend = getByTestId("highlighted-text:category-legend");
+			assert.exists(legend);
+
+			// Legend should contain category names
+			const greetingLegend = getByText("greeting");
+			const nounLegend = getByText("noun");
+			assert.exists(greetingLegend);
+			assert.exists(nounLegend);
+		});
+
+		test("shows score legend when show_legend is true in score mode", async () => {
+			const { getByTestId } = await render(HighlightedText, {
+				interactive: false,
+				loading_status,
+				show_legend: true,
+				value: [
+					{ token: "positive", class_or_confidence: 0.8 },
+					{ token: "negative", class_or_confidence: -0.5 }
+				]
+			});
+
+			const legend = getByTestId("highlighted-text:color-legend");
+			assert.exists(legend);
+		});
+
+		test("hides legend when show_legend is false", async () => {
+			const { queryByTestId } = await render(HighlightedText, {
+				interactive: false,
+				loading_status,
+				show_legend: false,
+				value: [{ token: "Hello", class_or_confidence: "greeting" }]
+			});
+
+			const legend = queryByTestId("highlighted-text:category-legend");
+			assert.isNull(legend);
+		});
+	});
+
+	describe("Select events", () => {
+		test.skip("dispatches select event when clicking highlighted token", async () => {
+			const { getByText, listen } = await render(HighlightedText, {
+				interactive: true,
+				loading_status,
+				value: [{ token: "clickable", class_or_confidence: "label" }]
+			});
+
+			const mock = listen("select");
+			const token = getByText("clickable");
+
+			await fireEvent.click(token);
+
+			assert.equal(mock.callCount, 1);
+			assert.deepEqual(mock.calls[0][0].detail.data, {
+				index: 0,
+				value: ["clickable", "label"]
+			});
+		});
+
+		test.skip("dispatches select event in non-interactive mode too", async () => {
+			const { getByText, listen } = await render(HighlightedText, {
+				interactive: false,
+				loading_status,
+				value: [{ token: "clickable", class_or_confidence: "label" }]
+			});
+
+			const mock = listen("select");
+			const token = getByText("clickable");
+
+			await fireEvent.click(token);
+
+			assert.equal(mock.callCount, 1);
+		});
+	});
+
+	describe("Interactive editing", () => {
+		test("shows label input when clicking on highlighted token in interactive mode", async () => {
+			const { getByText, container } = await render(HighlightedText, {
+				interactive: true,
+				loading_status,
+				value: [{ token: "editable", class_or_confidence: "original" }]
+			});
+
+			const token = getByText("editable");
+			await fireEvent.click(token);
+
+			// After clicking, an input should appear
+			const input = container.querySelector(".label-input");
+			assert.exists(input);
+		});
+
+		test.skip("updates label value when editing", async () => {
+			const { getByText, container, listen } = await render(HighlightedText, {
+				interactive: true,
+				loading_status,
+				value: [{ token: "editable", class_or_confidence: "original" }]
+			});
+
+			const changeMock = listen("change");
+			const token = getByText("editable");
+			await fireEvent.click(token);
+
+			const input = container.querySelector(".label-input") as HTMLInputElement;
+			assert.exists(input);
+
+			// Change the value
+			await fireEvent.input(input, { target: { value: "updated" } });
+			await fireEvent.blur(input);
+
+			assert.isAbove(changeMock.callCount, 0);
+		});
+
+		test("does not show label input in non-interactive mode", async () => {
+			const { getByText, container } = await render(HighlightedText, {
+				interactive: false,
+				loading_status,
+				value: [{ token: "not-editable", class_or_confidence: "label" }]
+			});
+
+			const token = getByText("not-editable");
+			await fireEvent.click(token);
+
+			const input = container.querySelector(".label-input");
+			assert.isNull(input);
+		});
+	});
+});
diff --git a/js/highlightedtext/package.json b/js/highlightedtext/package.json
new file mode 100644
index 0000000..cc7e2b4
--- /dev/null
+++ b/js/highlightedtext/package.json
@@ -0,0 +1,37 @@
+{
+	"name": "@gradio/highlightedtext",
+	"version": "0.12.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/highlightedtext"
+	}
+}
diff --git a/js/highlightedtext/shared/HighlightedText.svelte b/js/highlightedtext/shared/HighlightedText.svelte
new file mode 100644
index 0000000..6a9109b
--- /dev/null
+++ b/js/highlightedtext/shared/HighlightedText.svelte
@@ -0,0 +1,500 @@
+<script lang="ts">
+	import { get_next_color } from "@gradio/utils";
+	import type { SelectData } from "@gradio/utils";
+	import { onMount } from "svelte";
+	import {
+		generate_color_map,
+		merge_elements,
+		get_score_color,
+		is_transparent,
+		type HighlightedToken,
+		type ColorPair
+	} from "./utils";
+	import LabelInput from "./LabelInput.svelte";
+	import { Clear } from "@gradio/icons";
+
+	const is_browser = typeof window !== "undefined";
+
+	let {
+		value = $bindable([]),
+		show_legend = false,
+		show_inline_category = true,
+		color_map = {},
+		show_whitespaces = false,
+		interactive = false,
+		onselect,
+		onchange
+	}: {
+		value?: HighlightedToken[];
+
+		show_legend?: boolean;
+		show_inline_category?: boolean;
+		color_map?: Record<string, string>;
+		show_whitespaces?: boolean;
+		interactive?: boolean;
+		onselect?: (data: SelectData) => void;
+		onchange?: (data: HighlightedToken[]) => void;
+	} = $props();
+
+	let active_element_index = $state(-1);
+	let active_legend = $state("");
+	let label_to_edit = $state(-1);
+	let selection: Selection | null = $state(null);
+
+	let mode: "categories" | "scores" = $state("categories");
+	let resolved_color_map: Record<string, ColorPair> = $state({});
+
+	$effect(() => {
+		let local_colors = { ...color_map };
+
+		for (const entry of value) {
+			if (entry.class_or_confidence === null) continue;
+
+			if (typeof entry.class_or_confidence === "string") {
+				mode = "categories";
+				if (!(entry.class_or_confidence in local_colors)) {
+					local_colors[entry.class_or_confidence] = get_next_color(
+						Object.keys(local_colors).length
+					);
+				}
+			} else {
+				mode = "scores";
+			}
+		}
+
+		resolved_color_map = generate_color_map(local_colors, is_browser);
+	});
+
+	onMount(() => {
+		if (!interactive) return;
+
+		const on_mouse_up = (): void => {
+			selection = window.getSelection();
+			handle_selection_complete();
+			window.removeEventListener("mouseup", on_mouse_up);
+		};
+
+		window.addEventListener("mousedown", () => {
+			window.addEventListener("mouseup", on_mouse_up);
+		});
+	});
+
+	function handle_selection_complete(): void {
+		if (!selection) return;
+		const text = selection.toString();
+		if (!text) return;
+		if (!show_whitespaces && !text.trim()) return;
+
+		const start = selection.getRangeAt(0).startOffset;
+		const end = selection.getRangeAt(0).endOffset;
+		handle_text_selected(start, end);
+	}
+
+	function handle_text_selected(start: number, end: number): void {
+		if (
+			!selection?.toString() ||
+			active_element_index === -1 ||
+			!value[active_element_index].token.includes(selection.toString())
+		) {
+			return;
+		}
+
+		const str = value[active_element_index].token;
+		const new_entries: HighlightedToken[] = [
+			{ token: str.substring(0, start), class_or_confidence: null },
+			{
+				token: str.substring(start, end),
+				class_or_confidence: mode === "scores" ? 1 : "label"
+			},
+			{ token: str.substring(end), class_or_confidence: null }
+		].filter((e) =>
+			show_whitespaces ? e.token !== "" : e.token.trim() !== ""
+		);
+
+		value = [
+			...value.slice(0, active_element_index),
+			...new_entries,
+			...value.slice(active_element_index + 1)
+		];
+
+		label_to_edit = value.findIndex(
+			(v, i) =>
+				i >= active_element_index &&
+				v.token === str.substring(start, end) &&
+				v.class_or_confidence !== null
+		);
+
+		handle_value_change();
+		document.getElementById(`label-input-${label_to_edit}`)?.focus();
+	}
+
+	function remove_highlight(index: number): void {
+		if (index < 0 || index >= value.length) return;
+		value[index].class_or_confidence = null;
+		value = merge_elements(value, "equal");
+		handle_value_change();
+		window.getSelection()?.empty();
+	}
+
+	function handle_value_change(): void {
+		onchange?.(value);
+		label_to_edit = -1;
+	}
+
+	function get_background_color(
+		class_or_confidence: string | number | null
+	): string {
+		if (class_or_confidence === null) return "";
+		if (active_legend && active_legend !== class_or_confidence) return "";
+		return resolved_color_map[class_or_confidence]?.secondary ?? "";
+	}
+
+	function get_label_color(
+		class_or_confidence: string | number | null
+	): string {
+		if (class_or_confidence === null) return "";
+		if (active_legend && active_legend !== class_or_confidence) return "";
+		return resolved_color_map[class_or_confidence]?.primary ?? "";
+	}
+
+	function get_text_color(class_or_confidence: string | number | null): string {
+		const bg = get_background_color(class_or_confidence);
+		return is_transparent(bg) ? "" : "black";
+	}
+</script>
+
+<div class="container">
+	{#if mode === "categories"}
+		{#if show_legend}
+			<div class="legend" data-testid="highlighted-text:category-legend">
+				{#each Object.entries(resolved_color_map) as [category, colors]}
+					<button
+						class="legend-item"
+						style:background-color={colors.secondary}
+						onmouseenter={() => (active_legend = category)}
+						onmouseleave={() => (active_legend = "")}
+						onfocus={() => (active_legend = category)}
+						onblur={() => (active_legend = "")}
+					>
+						{category}
+					</button>
+				{/each}
+			</div>
+		{/if}
+
+		<div class="textfield">
+			{#each value as { token, class_or_confidence }, i}
+				{@const lines = token.split("\n")}
+				{#each lines as line, j}
+					{#if show_whitespaces ? line !== "" : line.trim()}
+						{@const bg_color = get_background_color(class_or_confidence)}
+						<span class="token-container">
+							<span
+								class="token"
+								class:highlighted={class_or_confidence !== null}
+								class:transparent={class_or_confidence !== null &&
+									is_transparent(bg_color)}
+								class:dimmed={active_legend &&
+									active_legend !== class_or_confidence}
+								style:background-color={bg_color}
+								style:color={get_text_color(class_or_confidence)}
+								role={class_or_confidence !== null ? "button" : undefined}
+								tabindex={class_or_confidence !== null ? 0 : undefined}
+								onclick={() => {
+									if (class_or_confidence === null) return;
+									if (interactive) {
+										onselect?.({
+											index: i,
+											value: [token, class_or_confidence]
+										});
+										label_to_edit = i;
+									} else {
+										onselect?.({
+											index: i,
+											value: [token, class_or_confidence]
+										});
+									}
+								}}
+								onkeydown={(e) => {
+									if (!interactive) return;
+									if (e.key === "Enter" && class_or_confidence !== null) {
+										label_to_edit = i;
+									}
+								}}
+								onfocus={() => (active_element_index = i)}
+								onmouseenter={() => (active_element_index = i)}
+							>
+								<span
+									class="text"
+									class:unlabeled={class_or_confidence === null}>{line}</span
+								>
+
+								{#if !show_legend && show_inline_category && class_or_confidence !== null && label_to_edit !== i}
+									<span
+										class="label"
+										style:background-color={get_label_color(
+											class_or_confidence
+										)}
+									>
+										{class_or_confidence}
+									</span>
+								{/if}
+
+								{#if interactive && label_to_edit === i && class_or_confidence !== null}
+									<LabelInput
+										bind:value
+										bind:label_to_edit
+										category={class_or_confidence}
+										{active_legend}
+										color_map={resolved_color_map}
+										label_index={i}
+										{token}
+										onchange={handle_value_change}
+									/>
+								{/if}
+							</span>
+
+							{#if interactive && class_or_confidence !== null}
+								<button
+									class="remove-btn"
+									aria-label="Remove label"
+									onclick={() => remove_highlight(i)}
+								>
+									<Clear />
+								</button>
+							{/if}
+						</span>
+					{/if}
+					{#if j < lines.length - 1}
+						<span class="line-break"></span>
+					{/if}
+				{/each}
+			{/each}
+		</div>
+	{:else}
+		{#if show_legend}
+			<div class="score-legend" data-testid="highlighted-text:color-legend">
+				<span>-1</span>
+				<span>0</span>
+				<span>+1</span>
+			</div>
+		{/if}
+
+		<div class="textfield" data-testid="highlighted-text:textfield">
+			{#each value as { token, class_or_confidence }, i}
+				{@const score =
+					typeof class_or_confidence === "string"
+						? parseFloat(class_or_confidence)
+						: class_or_confidence}
+				<span class="token-container">
+					<span
+						class="token score-token"
+						class:highlighted={score !== null}
+						style:background-color={get_score_color(score)}
+						role="button"
+						tabindex={0}
+						onmouseenter={() => (active_element_index = i)}
+						onfocus={() => (active_element_index = i)}
+						onclick={() => {
+							if (interactive) {
+								label_to_edit = i;
+							} else {
+								onselect?.({
+									index: i,
+									value: [token, class_or_confidence]
+								});
+							}
+						}}
+						onkeydown={(e) => {
+							if (e.key === "Enter") {
+								if (interactive) {
+									label_to_edit = i;
+								} else {
+									onselect?.({
+										index: i,
+										value: [token, class_or_confidence]
+									});
+								}
+							}
+						}}
+					>
+						<span class="text">{token}</span>
+
+						{#if interactive && class_or_confidence !== null && label_to_edit === i}
+							<LabelInput
+								bind:value
+								bind:label_to_edit
+								category={class_or_confidence}
+								{active_legend}
+								color_map={resolved_color_map}
+								label_index={i}
+								{token}
+								onchange={handle_value_change}
+								is_scores_mode
+							/>
+						{/if}
+					</span>
+
+					{#if interactive && class_or_confidence !== null && active_element_index === i}
+						<button
+							class="remove-btn"
+							aria-label="Remove label"
+							onclick={() => remove_highlight(i)}
+						>
+							<Clear />
+						</button>
+					{/if}
+				</span>
+			{/each}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.container {
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-sm);
+		padding: var(--block-padding);
+	}
+
+	.legend,
+	.score-legend {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--spacing-sm);
+	}
+
+	.legend-item {
+		cursor: pointer;
+		border: none;
+		border-radius: var(--radius-xs);
+		padding: 0 var(--size-2);
+		font-weight: var(--weight-semibold);
+		color: black;
+	}
+
+	.score-legend {
+		justify-content: space-between;
+		border-radius: var(--radius-xs);
+		background: linear-gradient(
+			to right,
+			var(--color-purple),
+			transparent,
+			var(--color-red)
+		);
+		padding: var(--size-1) var(--size-2);
+		font-weight: var(--weight-semibold);
+	}
+
+	.textfield {
+		display: flex;
+		flex-wrap: wrap;
+		line-height: var(--scale-4);
+		word-break: break-all;
+	}
+
+	.line-break {
+		flex-basis: 100%;
+		height: 0;
+	}
+
+	.token-container {
+		position: relative;
+	}
+
+	.token {
+		transition: 150ms;
+		border-radius: var(--radius-xs);
+	}
+
+	.token.highlighted {
+		cursor: pointer;
+		padding: var(--size-0-5) var(--size-1);
+		margin-left: var(--size-1);
+		margin-right: var(--size-2);
+	}
+
+	.token.highlighted.transparent {
+		padding: var(--size-0-5) var(--size-0-5);
+		margin: 0;
+		outline: 1px solid transparent;
+	}
+
+	.token.highlighted.transparent:hover {
+		outline-color: var(--neutral-400);
+	}
+
+	:global(.dark) .token.highlighted.transparent:hover {
+		outline-color: var(--neutral-500);
+	}
+
+	.token.dimmed {
+		color: var(--body-text-color);
+	}
+
+	.text {
+		white-space: pre-wrap;
+	}
+
+	.text.unlabeled {
+		color: var(--body-text-color);
+	}
+
+	.score-token .text {
+		color: var(--body-text-color);
+	}
+
+	.label {
+		margin-left: 4px;
+		border-radius: var(--radius-xs);
+		padding: 1px 5px;
+		color: var(--color-white);
+		font-weight: var(--weight-bold);
+		text-transform: uppercase;
+		font-size: 70%;
+		vertical-align: middle;
+		bottom: 1px;
+		position: relative;
+	}
+
+	.remove-btn {
+		display: none;
+		position: absolute;
+		top: 0;
+		right: 0;
+		width: var(--size-3);
+		height: var(--size-3);
+		border: none;
+		border-radius: 50%;
+		background: var(--neutral-400);
+		color: white;
+		font-size: 10px;
+		cursor: pointer;
+		justify-content: center;
+		align-items: center;
+	}
+
+	:global(.dark) .remove-btn {
+		background: var(--neutral-500);
+		color: var(--neutral-950);
+	}
+
+	.remove-btn :global(svg) {
+		width: var(--size-1-5);
+		height: var(--size-1-5);
+	}
+
+	.remove-btn:hover {
+		background: var(--neutral-500);
+	}
+
+	:global(.dark) .remove-btn:hover {
+		background: var(--neutral-400);
+	}
+
+	.token-container:hover .remove-btn,
+	.token-container:focus-within .remove-btn {
+		display: flex;
+	}
+</style>
diff --git a/js/highlightedtext/shared/LabelInput.svelte b/js/highlightedtext/shared/LabelInput.svelte
new file mode 100644
index 0000000..cbb3937
--- /dev/null
+++ b/js/highlightedtext/shared/LabelInput.svelte
@@ -0,0 +1,103 @@
+<script lang="ts">
+	import type { HighlightedToken, ColorPair } from "./utils";
+	import { get_score_color } from "./utils";
+
+	let {
+		value = $bindable([]),
+		label_to_edit = $bindable(-1),
+		category,
+		active_legend,
+		color_map,
+		label_index,
+		token,
+		onchange,
+		is_scores_mode = false
+	}: {
+		value: HighlightedToken[];
+		label_to_edit: number;
+		category: string | number | null;
+		active_legend: string;
+		color_map: Record<string, ColorPair>;
+		label_index: number;
+		token: string;
+		onchange: () => void;
+		is_scores_mode?: boolean;
+	} = $props();
+
+	let input_value = $state(category?.toString() ?? "");
+
+	function get_background_color(): string {
+		if (is_scores_mode) {
+			const score =
+				typeof category === "number" ? category : parseFloat(category ?? "0");
+			return get_score_color(score);
+		}
+		if (category === null || (active_legend && active_legend !== category)) {
+			return "";
+		}
+		return color_map[category]?.primary ?? "";
+	}
+
+	function update_value(e: Event): void {
+		const target = e.target as HTMLInputElement;
+		const new_value = target.value.trim();
+
+		value = [
+			...value.slice(0, label_index),
+			{
+				token,
+				class_or_confidence:
+					new_value === ""
+						? null
+						: is_scores_mode
+							? Number(new_value)
+							: new_value
+			},
+			...value.slice(label_index + 1)
+		];
+
+		onchange();
+	}
+
+	function handle_keydown(e: KeyboardEvent): void {
+		if (e.key === "Enter") {
+			update_value(e);
+			label_to_edit = -1;
+		}
+	}
+</script>
+
+<input
+	class="label-input"
+	autofocus
+	type={is_scores_mode ? "number" : "text"}
+	step={is_scores_mode ? "0.1" : undefined}
+	placeholder={is_scores_mode ? undefined : "label"}
+	value={category}
+	style:background-color={get_background_color()}
+	style:width={is_scores_mode ? "7ch" : `${(input_value?.length || 4) + 4}ch`}
+	oninput={(e) => {
+		input_value = (e.target as HTMLInputElement).value;
+	}}
+	onblur={update_value}
+	onkeydown={handle_keydown}
+/>
+
+<style>
+	.label-input {
+		margin-top: 1px;
+		margin-left: 4px;
+		border: none;
+		border-radius: var(--radius-xs);
+		padding: 1px 5px;
+		color: var(--color-white);
+		font-weight: var(--weight-bold);
+		font-size: var(--text-sm);
+		text-transform: uppercase;
+		line-height: 1;
+	}
+
+	.label-input::placeholder {
+		color: rgba(255, 255, 255, 0.5);
+	}
+</style>
diff --git a/js/highlightedtext/shared/utils.test.ts b/js/highlightedtext/shared/utils.test.ts
new file mode 100644
index 0000000..4117c34
--- /dev/null
+++ b/js/highlightedtext/shared/utils.test.ts
@@ -0,0 +1,101 @@
+import { test, describe, assert } from "vitest";
+import { merge_elements, get_score_color } from "./utils";
+import type { HighlightedToken } from "./utils";
+
+describe("merge_elements", () => {
+	test("returns empty array for empty input", () => {
+		const result = merge_elements([], "equal");
+		assert.deepEqual(result, []);
+	});
+
+	test("merges adjacent tokens with same class in equal mode", () => {
+		const input: HighlightedToken[] = [
+			{ token: "Hello ", class_or_confidence: "greeting" },
+			{ token: "world", class_or_confidence: "greeting" }
+		];
+		const result = merge_elements(input, "equal");
+		assert.deepEqual(result, [
+			{ token: "Hello world", class_or_confidence: "greeting" }
+		]);
+	});
+
+	test("does not merge tokens with different classes in equal mode", () => {
+		const input: HighlightedToken[] = [
+			{ token: "Hello ", class_or_confidence: "greeting" },
+			{ token: "world", class_or_confidence: "noun" }
+		];
+		const result = merge_elements(input, "equal");
+		assert.deepEqual(result, [
+			{ token: "Hello ", class_or_confidence: "greeting" },
+			{ token: "world", class_or_confidence: "noun" }
+		]);
+	});
+
+	test("merges adjacent null tokens in empty mode", () => {
+		const input: HighlightedToken[] = [
+			{ token: "Hello ", class_or_confidence: null },
+			{ token: "world ", class_or_confidence: null },
+			{ token: "!", class_or_confidence: "punctuation" }
+		];
+		const result = merge_elements(input, "empty");
+		assert.deepEqual(result, [
+			{ token: "Hello world ", class_or_confidence: null },
+			{ token: "!", class_or_confidence: "punctuation" }
+		]);
+	});
+
+	test("handles single token", () => {
+		const input: HighlightedToken[] = [
+			{ token: "Hello", class_or_confidence: "greeting" }
+		];
+		const result = merge_elements(input, "equal");
+		assert.deepEqual(result, [
+			{ token: "Hello", class_or_confidence: "greeting" }
+		]);
+	});
+
+	test("merges multiple consecutive tokens with same class", () => {
+		const input: HighlightedToken[] = [
+			{ token: "a", class_or_confidence: "letter" },
+			{ token: "b", class_or_confidence: "letter" },
+			{ token: "c", class_or_confidence: "letter" },
+			{ token: "1", class_or_confidence: "number" }
+		];
+		const result = merge_elements(input, "equal");
+		assert.deepEqual(result, [
+			{ token: "abc", class_or_confidence: "letter" },
+			{ token: "1", class_or_confidence: "number" }
+		]);
+	});
+});
+
+describe("get_score_color", () => {
+	test("returns empty string for null", () => {
+		assert.equal(get_score_color(null), "");
+	});
+
+	test("returns purple rgba for negative scores", () => {
+		const result = get_score_color(-0.5);
+		assert.equal(result, "rgba(128, 90, 213, 0.5)");
+	});
+
+	test("returns red rgba for positive scores", () => {
+		const result = get_score_color(0.7);
+		assert.equal(result, "rgba(239, 68, 60, 0.7)");
+	});
+
+	test("returns red rgba with 0 opacity for zero score", () => {
+		const result = get_score_color(0);
+		assert.equal(result, "rgba(239, 68, 60, 0)");
+	});
+
+	test("handles score of 1", () => {
+		const result = get_score_color(1);
+		assert.equal(result, "rgba(239, 68, 60, 1)");
+	});
+
+	test("handles score of -1", () => {
+		const result = get_score_color(-1);
+		assert.equal(result, "rgba(128, 90, 213, 1)");
+	});
+});
diff --git a/js/highlightedtext/shared/utils.ts b/js/highlightedtext/shared/utils.ts
new file mode 100644
index 0000000..cc26a3b
--- /dev/null
+++ b/js/highlightedtext/shared/utils.ts
@@ -0,0 +1,92 @@
+import { colors } from "@gradio/theme";
+
+export interface HighlightedToken {
+	token: string;
+	class_or_confidence: string | number | null;
+}
+
+export interface ColorPair {
+	primary: string;
+	secondary: string;
+}
+
+function name_to_rgba(name: string, alpha: number): string {
+	const canvas = document.createElement("canvas");
+	const ctx = canvas.getContext("2d")!;
+	ctx.fillStyle = name;
+	ctx.fillRect(0, 0, 1, 1);
+	const [r, g, b] = ctx.getImageData(0, 0, 1, 1).data;
+	return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+export function is_transparent(color: string): boolean {
+	if (!color) return true;
+	const c = color.toLowerCase().trim();
+	// 9 chars + ends with 00 = #RRGGBBAA format with 0 alpha
+	return c === "transparent" || (c.length === 9 && c.endsWith("00"));
+}
+
+export function generate_color_map(
+	color_map: Record<string, string>,
+	is_browser: boolean
+): Record<string, ColorPair> {
+	const result: Record<string, ColorPair> = {};
+
+	for (const key in color_map) {
+		const color = color_map[key].trim();
+
+		if (color in colors) {
+			result[key] = colors[color as keyof typeof colors];
+		} else if (is_transparent(color)) {
+			result[key] = {
+				primary: "transparent",
+				secondary: "transparent"
+			};
+		} else {
+			result[key] = {
+				primary: is_browser ? name_to_rgba(color, 1) : color,
+				secondary: is_browser ? name_to_rgba(color, 0.5) : color
+			};
+		}
+	}
+
+	return result;
+}
+
+export function merge_elements(
+	value: HighlightedToken[],
+	merge_mode: "empty" | "equal"
+): HighlightedToken[] {
+	if (value.length === 0) return [];
+
+	const result: HighlightedToken[] = [];
+	let current_token = value[0].token;
+	let current_class = value[0].class_or_confidence;
+
+	for (let i = 1; i < value.length; i++) {
+		const { token, class_or_confidence } = value[i];
+		const should_merge =
+			merge_mode === "empty"
+				? class_or_confidence === null
+				: current_class === class_or_confidence;
+
+		if (should_merge) {
+			current_token += token;
+		} else {
+			result.push({ token: current_token, class_or_confidence: current_class });
+			current_token = token;
+			current_class = class_or_confidence;
+		}
+	}
+
+	result.push({ token: current_token, class_or_confidence: current_class });
+	return result;
+}
+
+export function get_score_color(score: number | null): string {
+	if (score === null) return "";
+	if (score < 0) {
+		return `rgba(128, 90, 213, ${-score})`;
+	}
+	return `rgba(239, 68, 60, ${score})`;
+}
diff --git a/js/highlightedtext/types.ts b/js/highlightedtext/types.ts
new file mode 100644
index 0000000..535b3d9
--- /dev/null
+++ b/js/highlightedtext/types.ts
@@ -0,0 +1,25 @@
+import type { SelectData, CustomButton } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
+
+export interface HighlightedToken {
+	token: string;
+	class_or_confidence: string | number | null;
+}
+
+export interface HighlightedTextProps {
+	value: HighlightedToken[];
+	show_legend: boolean;
+	show_inline_category: boolean;
+	color_map: Record<string, string>;
+	combine_adjacent: boolean;
+	show_whitespaces: boolean;
+	rtl: boolean;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface HighlightedTextEvents {
+	change: never;
+	select: SelectData;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/html/CHANGELOG.md b/js/html/CHANGELOG.md
new file mode 100644
index 0000000..7b832da
--- /dev/null
+++ b/js/html/CHANGELOG.md
@@ -0,0 +1,916 @@
+# @gradio/html
+
+## 0.13.1
+
+### Fixes
+
+- [#13529](https://github.com/gradio-app/gradio/pull/13529) [`6438369`](https://github.com/gradio-app/gradio/commit/64383695167206d7775a364938a1005c662ea9c7) - Wait for in-flight head scripts before running js_on_load in gr.HTML.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+
+## 0.13.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+
+## 0.12.5
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.12.5
+
+### Fixes
+
+- [#13450](https://github.com/gradio-app/gradio/pull/13450) [`dba4a16`](https://github.com/gradio-app/gradio/commit/dba4a168ce00c15497fd2b99a3364ebbb4842b72) - preserve head script execution order.  Thanks @hysts!
+
+## 0.12.4
+
+### Features
+
+- [#13367](https://github.com/gradio-app/gradio/pull/13367) [`5d9c9fe`](https://github.com/gradio-app/gradio/commit/5d9c9fe5ff32951309765d37da610a4833b4b694) - fix: upgrade handlebars to 4.7.9 (CVE-2026-33937).  Thanks @orbisai0security!
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+
+## 0.12.3
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.12.2
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.12.0
+
+### Features
+
+- [#12988](https://github.com/gradio-app/gradio/pull/12988) [`0b943a4`](https://github.com/gradio-app/gradio/commit/0b943a4fd0d7701203f1b79b70b5afed19ee8413) - Add `watch` function to gr.HTML js_on_load.  Thanks @aliabid94!
+- [#12990](https://github.com/gradio-app/gradio/pull/12990) [`b0b1dc3`](https://github.com/gradio-app/gradio/commit/b0b1dc3282389a64ef3e16edb98805911f97444c) - Custom libraries in head of gr.HTML.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.11.0
+
+### Features
+
+- [#12909](https://github.com/gradio-app/gradio/pull/12909) [`362fba6`](https://github.com/gradio-app/gradio/commit/362fba6cff820076006e4865a573d9e67370957f) - Allow uploading files from gr.HTML.  Thanks @aliabid94!
+
+## 0.10.0
+
+### Features
+
+- [#12929](https://github.com/gradio-app/gradio/pull/12929) [`978bc6e`](https://github.com/gradio-app/gradio/commit/978bc6ea5094aa11e10994cdd662c4c663a86a83) - Add server functions support to gr.HTML.  Thanks @aliabid94!
+- [#12917](https://github.com/gradio-app/gradio/pull/12917) [`a0fff5c`](https://github.com/gradio-app/gradio/commit/a0fff5cb0e4cc0f8cc3fff7b5fbe18a031c7cc27) - Add push_to_hub method to gr.HTML. Add a gallery to view notable custom HTML components.  Thanks @freddyaboulton!
+- [#12899](https://github.com/gradio-app/gradio/pull/12899) [`820eff0`](https://github.com/gradio-app/gradio/commit/820eff050232f2ce40813e98e3294930e142e1c1) - Add support for gr.HTML as a layout element.  Thanks @aliabid94!
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.9.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12796](https://github.com/gradio-app/gradio/pull/12796) [`c833708`](https://github.com/gradio-app/gradio/commit/c8337086e17528f4f262b5c838e285584deb521f) - Fix label in gr.HTML.  Thanks @hannahblair!
+- [#12596](https://github.com/gradio-app/gradio/pull/12596) [`5f654d7`](https://github.com/gradio-app/gradio/commit/5f654d74fb59ca7c1caf1d5965a768fac293c584) - Ensure HTML renders in gr.Chatbot.  Thanks @hannahblair!
+- [#12805](https://github.com/gradio-app/gradio/pull/12805) [`f4a14e7`](https://github.com/gradio-app/gradio/commit/f4a14e7287850c505a1a88d34db795074bb52b7c) - Restore padding param in gr.HTML.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.9.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12599](https://github.com/gradio-app/gradio/pull/12599) [`184c596`](https://github.com/gradio-app/gradio/commit/184c596bc12dcb6cfdd05e98539fc6aee123db1d) - Two bugs for gr.HTML.  Thanks @aliabid94!
+- [#12584](https://github.com/gradio-app/gradio/pull/12584) [`cf27938`](https://github.com/gradio-app/gradio/commit/cf2793856a989ba51d1d1bdde5d8c80fb37b61c7) - Fix issue with HTML status shading even when `"show_progress='hidden'"`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.8.1
+
+### Fixes
+
+- [#12531](https://github.com/gradio-app/gradio/pull/12531) [`8aaa209`](https://github.com/gradio-app/gradio/commit/8aaa209278a1898951a764812c237d1a514cc066) - Allow custom HTML components to be defined in jupyter notebooks.  Thanks @abidlabs!
+
+## 0.8.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.8.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix some plot issues in 6.0
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - gr.HTML "custom components"
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Enhancements to DX/Docs for Custom HTML components
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Migrate gr.HTML to svelte 5
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.8.0-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.8.0-dev.0
+
+### Features
+
+- [#12098](https://github.com/gradio-app/gradio/pull/12098) [`3965abe`](https://github.com/gradio-app/gradio/commit/3965abe584fef88e23501ffb67145fd47e517633) - gr.HTML "custom components".  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.7.2
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.7.0
+
+### Features
+
+- [#11747](https://github.com/gradio-app/gradio/pull/11747) [`513d21e`](https://github.com/gradio-app/gradio/commit/513d21ef002f56d8d5ea2bf8edc95d9638393362) - feat: Add autoscroll parameter to HTML component.  Thanks @Rishirandhawa!
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.6.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.6.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.6.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.6.16
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.6.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.6.12
+
+### Fixes
+
+- [#11113](https://github.com/gradio-app/gradio/pull/11113) [`c32f8de`](https://github.com/gradio-app/gradio/commit/c32f8de99a6ab3a82da2f8d5f9f3176a04129f77) - Fix markdown change event.  Thanks @freddyaboulton!
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.6.0
+
+### Features
+
+- [#10155](https://github.com/gradio-app/gradio/pull/10155) [`23a2958`](https://github.com/gradio-app/gradio/commit/23a2958f5e2104b4f371915986251e8ea09bd44b) - Add a `.click()` event and `padding` parameter to the `HTML` component.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.5.1
+
+### Fixes
+
+- [#10069](https://github.com/gradio-app/gradio/pull/10069) [`afd75de`](https://github.com/gradio-app/gradio/commit/afd75def9e979d9b255a6d22d33a3aee63b6f225) - Fix label placement in gr.HTML.  Thanks @hannahblair!
+
+## 0.5.0
+
+### Features
+
+- [#10014](https://github.com/gradio-app/gradio/pull/10014) [`4aa0e88`](https://github.com/gradio-app/gradio/commit/4aa0e887a6e4b0245c01aac5a57f2adce67ade9a) - Add `container parameter` to `gr.HTML` component.  Thanks @yinsumirage!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.4.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Prevent HTML and Markdown height changing when status is hidden
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+- @gradio/icons@0.8.0
+
+## 0.4.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.4.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.4.0-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.4.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.4.0-beta.2
+
+### Features
+
+- [#9363](https://github.com/gradio-app/gradio/pull/9363) [`3ad28c7`](https://github.com/gradio-app/gradio/commit/3ad28c7e310e8589e0c53b7efee8031e129bece8) - Prevent HTML and Markdown height changing when status is hidden.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.6-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.3.6
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.3.5
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.3.0
+
+### Features
+
+- [#8555](https://github.com/gradio-app/gradio/pull/8555) [`7fc7455`](https://github.com/gradio-app/gradio/commit/7fc7455553c04c52c8e25d520f3d67f1b5609637) - support html in chatbot.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.2.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.1.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.1.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Remove duplicate `elem_ids` from components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6152](https://github.com/gradio-app/gradio/pull/6152) [`982bff2fd`](https://github.com/gradio-app/gradio/commit/982bff2fdd938b798c400fb90d1cf0caf7278894) - Remove duplicate `elem_ids` from components. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.0.2
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/html/Example.svelte b/js/html/Example.svelte
new file mode 100644
index 0000000..b7b8f6e
--- /dev/null
+++ b/js/html/Example.svelte
@@ -0,0 +1,20 @@
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+	class="prose"
+>
+	{@html value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-2);
+	}
+</style>
diff --git a/js/html/HTML.stories.svelte b/js/html/HTML.stories.svelte
new file mode 100644
index 0000000..c1a7643
--- /dev/null
+++ b/js/html/HTML.stories.svelte
@@ -0,0 +1,71 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import HTML from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/HTML",
+		component: HTML,
+		argTypes: {
+			max_height: {
+				description: "Maximum height of the HTML component",
+				control: { type: "text" },
+				defaultValue: "200px"
+			}
+		}
+	});
+
+	const simpleValue = "<p>This is some <strong>HTML</strong> content.</p>";
+
+	const longValue = `
+		<h1>Heading</h1>
+		${Array(50).fill("<p>This is some text. This is some more text to make the content longer.</p>").join("\n")}
+	`;
+</script>
+
+<Story name="Simple HTML (With Label)" args={{}}>
+	{#snippet template(args)}
+		<HTML
+			{...wrapProps({
+				value: simpleValue,
+				show_label: true,
+				label: "HTML Output",
+				...args
+			})}
+		/>
+	{/snippet}
+</Story>
+
+<Story
+	name="Long Content (With Label)"
+	args={{
+		max_height: "200px"
+	}}
+>
+	{#snippet template(args)}
+		<HTML
+			{...wrapProps({
+				value: longValue,
+				show_label: true,
+				label: "HTML Output",
+				...args
+			})}
+		/>
+	{/snippet}
+</Story>
+
+<Story
+	name="HTML with no padding and a label"
+	args={{
+		value: `<div style="background: red;">${simpleValue}</div>`,
+		padding: false
+	}}
+>
+	{#snippet template(args)}
+		<HTML
+			{...wrapProps({
+				...args
+			})}
+		/>
+	{/snippet}
+</Story>
diff --git a/js/html/HTML.test.ts b/js/html/HTML.test.ts
new file mode 100644
index 0000000..4f8362f
--- /dev/null
+++ b/js/html/HTML.test.ts
@@ -0,0 +1,45 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, waitFor } from "@self/tootils/render";
+
+import HTML from "./Index.svelte";
+
+describe("HTML shared head scripts", () => {
+	afterEach(() => cleanup());
+
+	test("js_on_load waits for a head script another instance is already loading", async () => {
+		const src = URL.createObjectURL(
+			new Blob(["window.__shared_lib = true;"], {
+				type: "application/javascript"
+			})
+		);
+		const head = `<script src="${src}"></scr` + `ipt>`;
+
+		const make = (label: string): Record<string, any> => ({
+			value: "",
+			css_template: "",
+			apply_default_css: true,
+			component_class_name: "HTML",
+			props: {},
+			buttons: null,
+			padding: false,
+			visible: true,
+			html_template: `<div class='res-${label}'>pending</div>`,
+			head,
+			js_on_load: `element.querySelector('.res-${label}').textContent = window.__shared_lib === true ? '${label}:loaded' : '${label}:missing';`
+		});
+
+		// Mount both synchronously so the second instance dedupes the first's
+		// in-flight script load instead of finding it already executed. Without
+		// the in-flight wait, the second runs js_on_load before the shared
+		// library has loaded and reads it as "missing" (issue #13528).
+		const [, second] = await Promise.all([
+			render(HTML, make("first")),
+			render(HTML, make("second"))
+		]);
+
+		await waitFor(() => {
+			expect(second.getByText("first:loaded")).toBeInTheDocument();
+			expect(second.getByText("second:loaded")).toBeInTheDocument();
+		});
+	});
+});
diff --git a/js/html/Index.svelte b/js/html/Index.svelte
new file mode 100644
index 0000000..63d9f4b
--- /dev/null
+++ b/js/html/Index.svelte
@@ -0,0 +1,178 @@
+<script context="module" lang="ts">
+	export { default as BaseHTML } from "./shared/HTML.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import HTML from "./shared/HTML.svelte";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { Block, BlockLabel, IconButtonWrapper } from "@gradio/atoms";
+	import { Code as CodeIcon } from "@gradio/icons";
+	import { css_units } from "@gradio/utils";
+	import { prepare_files } from "@gradio/client";
+	import type { HTMLProps, HTMLEvents } from "./types.ts";
+	import type { Snippet } from "svelte";
+
+	let props = $props();
+	let children: Snippet | undefined = props.children;
+	const gradio = new Gradio<HTMLEvents, HTMLProps>(props);
+
+	let _props = $derived({
+		value: gradio.props.value ?? "",
+		label: gradio.shared.label,
+		visible: gradio.shared.visible,
+		...gradio.props.props
+	});
+
+	let old_value = $state(gradio.props.value);
+	$effect(() => {
+		if (JSON.stringify(old_value) !== JSON.stringify(gradio.props.value)) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+
+	type WatchEntry = { props: string[]; callback: () => void };
+	let watch_entries: WatchEntry[] = [];
+
+	function watch(propOrProps: string | string[], callback: () => void): void {
+		const prop_list = Array.isArray(propOrProps) ? propOrProps : [propOrProps];
+		watch_entries.push({ props: prop_list, callback });
+	}
+
+	function fire_watchers(changed_keys: string[]): void {
+		const seen = new Set<WatchEntry>();
+		for (const entry of watch_entries) {
+			if (entry.props.some((k) => changed_keys.includes(k))) {
+				seen.add(entry);
+			}
+		}
+		for (const entry of seen) {
+			try {
+				entry.callback();
+			} catch (e) {
+				console.error("Error in watch callback:", e);
+			}
+		}
+	}
+
+	async function upload(file: File): Promise<{ path: string; url: string }> {
+		try {
+			const file_data = await prepare_files([file]);
+			const result = await gradio.shared.client.upload(
+				file_data,
+				gradio.shared.root,
+				undefined,
+				gradio.shared.max_file_size ?? undefined
+			);
+			if (result && result[0]) {
+				return { path: result[0].path, url: result[0].url! };
+			}
+			throw new Error("Upload failed");
+		} catch (e) {
+			gradio.dispatch("error", e instanceof Error ? e.message : String(e));
+			throw e;
+		}
+	}
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	padding={gradio.props.padding !== false}
+	overflow_behavior="visible"
+>
+	{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	{/if}
+	{#if gradio.shared.show_label}
+		<BlockLabel
+			Icon={CodeIcon}
+			show_label={gradio.shared.show_label}
+			label={gradio.shared.label}
+			float={true}
+		/>
+	{/if}
+
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		variant="center"
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	<div
+		class="html-container"
+		class:pending={gradio.shared.loading_status?.status === "pending" &&
+			gradio.shared.loading_status?.show_progress !== "hidden"}
+		style:min-height={gradio.props.min_height &&
+		gradio.shared.loading_status?.status !== "pending"
+			? css_units(gradio.props.min_height)
+			: undefined}
+		style:max-height={gradio.props.max_height
+			? css_units(gradio.props.max_height)
+			: undefined}
+		style:overflow-y={gradio.props.max_height ? "auto" : undefined}
+		class:label-padding={gradio.shared.show_label ?? undefined}
+	>
+		<HTML
+			props={_props}
+			html_template={gradio.props.html_template}
+			css_template={gradio.props.css_template}
+			js_on_load={gradio.props.js_on_load}
+			elem_classes={gradio.shared.elem_classes}
+			visible={gradio.shared.visible === "hidden"
+				? false
+				: gradio.shared.visible}
+			autoscroll={gradio.shared.autoscroll}
+			apply_default_css={gradio.props.apply_default_css}
+			head={gradio.props.head}
+			component_class_name={gradio.props.component_class_name}
+			{upload}
+			server={gradio.shared.server}
+			watch_fn={watch}
+			{fire_watchers}
+			on:event={(e) => {
+				gradio.dispatch(e.detail.type, e.detail.data);
+			}}
+			on:update_value={(e) => {
+				if (e.detail.property === "value") {
+					gradio.props.value = e.detail.data;
+				} else if (e.detail.property === "label") {
+					gradio.shared.label = e.detail.data;
+				} else if (e.detail.property === "visible") {
+					gradio.shared.visible = e.detail.data;
+				}
+			}}
+		>
+			{@render children?.()}
+		</HTML>
+	</div>
+</Block>
+
+<style>
+	.html-container {
+		padding: var(--block-padding);
+	}
+
+	.label-padding {
+		padding-top: var(--spacing-xxl);
+	}
+
+	div {
+		transition: 150ms;
+	}
+
+	.pending {
+		opacity: 0.2;
+	}
+</style>
diff --git a/js/html/README.md b/js/html/README.md
new file mode 100644
index 0000000..0a55451
--- /dev/null
+++ b/js/html/README.md
@@ -0,0 +1,14 @@
+# `@gradio/html`
+
+```javascript
+import { BaseHTML } from "@gradio/html";
+```
+
+BaseHTML
+```javascript
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let value: string;
+	export let visible = true;
+	export let min_height = false;
+```
\ No newline at end of file
diff --git a/js/html/package.json b/js/html/package.json
new file mode 100644
index 0000000..2533620
--- /dev/null
+++ b/js/html/package.json
@@ -0,0 +1,47 @@
+{
+	"name": "@gradio/html",
+	"version": "0.13.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"handlebars": "^4.7.9"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./base": {
+			"gradio": "./shared/HTML.svelte",
+			"svelte": "./dist/shared/HTML.svelte",
+			"types": "./dist/shared/HTML.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/html"
+	}
+}
diff --git a/js/html/shared/HTML.svelte b/js/html/shared/HTML.svelte
new file mode 100644
index 0000000..f498fa3
--- /dev/null
+++ b/js/html/shared/HTML.svelte
@@ -0,0 +1,543 @@
+<script module lang="ts">
+	// Shared across instances so a component whose head script was already
+	// added by another instance can await that in-flight load instead of
+	// running js_on_load before the script has executed.
+	const head_script_loads = new Map<string, Promise<void>>();
+</script>
+
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import Handlebars from "handlebars";
+	import type { Snippet } from "svelte";
+
+	let {
+		elem_classes = [],
+		props = {},
+		html_template = "${value}",
+		css_template = "",
+		js_on_load = null,
+		head = null,
+		visible = true,
+		autoscroll = false,
+		apply_default_css = true,
+		component_class_name = "HTML",
+		upload = null,
+		server = {},
+		watch_fn = (_propOrProps: string | string[], _callback: () => void) => {},
+		fire_watchers = (_changedKeys: string[]) => {},
+		children
+	}: {
+		elem_classes: string[];
+		props: Record<string, any>;
+		html_template: string;
+		css_template: string;
+		js_on_load: string | null;
+		head?: string | null;
+		visible: boolean;
+		autoscroll: boolean;
+		apply_default_css: boolean;
+		component_class_name: string;
+		upload: ((file: File) => Promise<{ path: string; url: string }>) | null;
+		server: Record<string, (...args: any[]) => Promise<any>>;
+		watch_fn?: (propOrProps: string | string[], callback: () => void) => void;
+		fire_watchers?: (changedKeys: string[]) => void;
+		children?: Snippet;
+	} = $props();
+
+	let [has_children, pre_html_template, post_html_template] = $derived.by(
+		() => {
+			if (html_template.includes("@children") && children) {
+				const parts = html_template.split("@children");
+				return [true, parts[0] || "", parts.slice(1).join("@children") || ""];
+			}
+			return [false, html_template, ""];
+		}
+	);
+
+	let old_props = $state($state.snapshot(props));
+
+	const dispatch = createEventDispatcher<{
+		event: { type: "click" | "submit"; data: any };
+		update_value: { data: any; property: "value" | "label" | "visible" };
+	}>();
+
+	const trigger = (
+		event_type: "click" | "submit",
+		event_data: any = {}
+	): void => {
+		dispatch("event", { type: event_type, data: event_data });
+	};
+
+	let element: HTMLDivElement;
+	let pre_element: HTMLDivElement;
+	let post_element: HTMLDivElement;
+	let scrollable_parent: HTMLElement | null = null;
+	let random_id = `html-${Math.random().toString(36).substring(2, 11)}`;
+	let style_element: HTMLStyleElement | null = null;
+	let reactiveProps: Record<string, any> = {};
+	let currentHtml = $state("");
+	let currentPreHtml = $state("");
+	let currentPostHtml = $state("");
+	let currentCss = $state("");
+	let renderScheduled = $state(false);
+	let mounted = $state(false);
+	let html_error_message: string | null = $state(null);
+	let css_error_message: string | null = $state(null);
+
+	function get_scrollable_parent(element: HTMLElement): HTMLElement | null {
+		let parent = element.parentElement;
+		while (parent) {
+			const style = window.getComputedStyle(parent);
+			if (
+				style.overflow === "auto" ||
+				style.overflow === "scroll" ||
+				style.overflowY === "auto" ||
+				style.overflowY === "scroll"
+			) {
+				return parent;
+			}
+			parent = parent.parentElement;
+		}
+		return null;
+	}
+
+	function is_at_bottom(): boolean {
+		if (!element) return true;
+		if (!scrollable_parent) {
+			return (
+				window.innerHeight + window.scrollY >=
+				document.documentElement.scrollHeight - 100
+			);
+		}
+		return (
+			scrollable_parent.offsetHeight + scrollable_parent.scrollTop >=
+			scrollable_parent.scrollHeight - 100
+		);
+	}
+
+	function scroll_to_bottom(): void {
+		if (!element) return;
+		if (scrollable_parent) {
+			scrollable_parent.scrollTo(0, scrollable_parent.scrollHeight);
+		} else {
+			window.scrollTo(0, document.documentElement.scrollHeight);
+		}
+	}
+
+	async function scroll_on_html_update(): Promise<void> {
+		if (!autoscroll || !element) return;
+		if (!scrollable_parent) {
+			scrollable_parent = get_scrollable_parent(element);
+		}
+		if (is_at_bottom()) {
+			await new Promise((resolve) => setTimeout(resolve, 300));
+			scroll_to_bottom();
+		}
+	}
+
+	function render_template(
+		template: string,
+		props: Record<string, any>,
+		language: "html" | "css" = "html"
+	): string {
+		try {
+			const handlebarsTemplate = Handlebars.compile(template);
+			const handlebarsRendered = handlebarsTemplate(props);
+
+			const propKeys = Object.keys(props);
+			const propValues = Object.values(props);
+			const templateFunc = new Function(
+				...propKeys,
+				`return \`${handlebarsRendered}\`;`
+			);
+			if (language === "html") {
+				html_error_message = null;
+			} else if (language === "css") {
+				css_error_message = null;
+			}
+			return templateFunc(...propValues);
+		} catch (e) {
+			console.error("Error evaluating template:", e);
+			if (language === "html") {
+				html_error_message = e instanceof Error ? e.message : String(e);
+			} else if (language === "css") {
+				css_error_message = e instanceof Error ? e.message : String(e);
+			}
+			return "";
+		}
+	}
+
+	function update_css(): void {
+		if (typeof document === "undefined") return;
+		if (!style_element) {
+			style_element = document.createElement("style");
+			document.head.appendChild(style_element);
+		}
+		currentCss = render_template(css_template, reactiveProps, "css");
+		if (currentCss) {
+			style_element.textContent = `#${random_id} { ${currentCss} }`;
+		} else {
+			style_element.textContent = "";
+		}
+	}
+
+	function updateDOM(
+		_element: HTMLElement | undefined,
+		oldHtml: string,
+		newHtml: string
+	): void {
+		if (!_element || oldHtml === newHtml) return;
+
+		const tempContainer = document.createElement("div");
+		tempContainer.innerHTML = newHtml;
+
+		const oldNodes = Array.from(_element.childNodes);
+		const newNodes = Array.from(tempContainer.childNodes);
+
+		const maxLength = Math.max(oldNodes.length, newNodes.length);
+
+		for (let i = 0; i < maxLength; i++) {
+			const oldNode = oldNodes[i];
+			const newNode = newNodes[i];
+
+			if (!oldNode && newNode) {
+				_element.appendChild(newNode.cloneNode(true));
+			} else if (oldNode && !newNode) {
+				_element.removeChild(oldNode);
+			} else if (oldNode && newNode) {
+				updateNode(oldNode, newNode);
+			}
+		}
+	}
+
+	function updateNode(oldNode: Node, newNode: Node): void {
+		if (
+			oldNode.nodeType === Node.TEXT_NODE &&
+			newNode.nodeType === Node.TEXT_NODE
+		) {
+			if (oldNode.textContent !== newNode.textContent) {
+				oldNode.textContent = newNode.textContent;
+			}
+			return;
+		}
+
+		if (
+			oldNode.nodeType === Node.ELEMENT_NODE &&
+			newNode.nodeType === Node.ELEMENT_NODE
+		) {
+			const oldElement = oldNode as Element;
+			const newElement = newNode as Element;
+
+			if (oldElement.tagName !== newElement.tagName) {
+				oldNode.parentNode?.replaceChild(newNode.cloneNode(true), oldNode);
+				return;
+			}
+
+			const oldAttrs = Array.from(oldElement.attributes);
+			const newAttrs = Array.from(newElement.attributes);
+
+			for (const attr of oldAttrs) {
+				if (!newElement.hasAttribute(attr.name)) {
+					oldElement.removeAttribute(attr.name);
+				}
+			}
+
+			for (const attr of newAttrs) {
+				if (oldElement.getAttribute(attr.name) !== attr.value) {
+					oldElement.setAttribute(attr.name, attr.value);
+
+					if (
+						attr.name === "value" &&
+						(oldElement.tagName === "INPUT" ||
+							oldElement.tagName === "TEXTAREA" ||
+							oldElement.tagName === "SELECT")
+					) {
+						(
+							oldElement as
+								| HTMLInputElement
+								| HTMLTextAreaElement
+								| HTMLSelectElement
+						).value = attr.value;
+					}
+				}
+			}
+
+			const oldChildren = Array.from(oldElement.childNodes);
+			const newChildren = Array.from(newElement.childNodes);
+			const maxChildren = Math.max(oldChildren.length, newChildren.length);
+
+			for (let i = 0; i < maxChildren; i++) {
+				const oldChild = oldChildren[i];
+				const newChild = newChildren[i];
+
+				if (!oldChild && newChild) {
+					oldElement.appendChild(newChild.cloneNode(true));
+				} else if (oldChild && !newChild) {
+					oldElement.removeChild(oldChild);
+				} else if (oldChild && newChild) {
+					updateNode(oldChild, newChild);
+				}
+			}
+		} else {
+			oldNode.parentNode?.replaceChild(newNode.cloneNode(true), oldNode);
+		}
+	}
+
+	function renderHTML(): void {
+		if (has_children) {
+			const newPreHtml = render_template(
+				pre_html_template,
+				reactiveProps,
+				"html"
+			);
+			updateDOM(pre_element, currentPreHtml, newPreHtml);
+			currentPreHtml = newPreHtml;
+			const newPostHtml = render_template(
+				post_html_template,
+				reactiveProps,
+				"html"
+			);
+			updateDOM(post_element, currentPostHtml, newPostHtml);
+			currentPostHtml = newPostHtml;
+		} else {
+			const newHtml = render_template(html_template, reactiveProps, "html");
+			updateDOM(element, currentHtml, newHtml);
+			currentHtml = newHtml;
+		}
+		if (autoscroll) {
+			scroll_on_html_update();
+		}
+	}
+
+	function scheduleRender(): void {
+		if (!renderScheduled) {
+			renderScheduled = true;
+			queueMicrotask(() => {
+				renderScheduled = false;
+				renderHTML();
+				update_css();
+			});
+		}
+	}
+
+	async function loadHead(headHtml: string): Promise<void> {
+		if (!headHtml) return;
+		const parser = new DOMParser();
+		const doc = parser.parseFromString(`<head>${headHtml}</head>`, "text/html");
+		const promises: Promise<void>[] = [];
+		for (const el of Array.from(doc.head.children)) {
+			if (el.tagName === "SCRIPT") {
+				const src = (el as HTMLScriptElement).src;
+				if (src) {
+					const in_flight = head_script_loads.get(src);
+					if (in_flight) {
+						promises.push(in_flight);
+						continue;
+					}
+					// selector-free dedupe: author-provided src may contain `]` etc.
+					// that would break a querySelector string.
+					if (Array.from(document.scripts).some((s) => s.src === src)) continue;
+					const script = document.createElement("script");
+					// Created scripts default to force-async; copy the author's intent
+					// so a plain <script src> keeps document order.
+					script.async = (el as HTMLScriptElement).async;
+					script.src = src;
+					const load = new Promise<void>((resolve, reject) => {
+						script.onload = () => resolve();
+						script.onerror = () =>
+							reject(new Error(`Failed to load script: ${src}`));
+					});
+					head_script_loads.set(src, load);
+					promises.push(load);
+					document.head.appendChild(script);
+				} else {
+					const script = document.createElement("script");
+					script.textContent = el.textContent;
+					document.head.appendChild(script);
+				}
+			} else {
+				// selector-free dedupe, same reason as the script[src] check above.
+				const href = el.tagName === "LINK" ? (el as HTMLLinkElement).href : "";
+				const existing = href
+					? Array.from(document.querySelectorAll("link")).some(
+							(l) => (l as HTMLLinkElement).href === href
+						)
+					: false;
+				if (!existing) {
+					document.head.appendChild(el.cloneNode(true));
+				}
+			}
+		}
+		await Promise.all(promises);
+	}
+
+	// Mount effect
+	$effect(() => {
+		if (!element || mounted) return;
+		mounted = true;
+
+		reactiveProps = new Proxy($state.snapshot(props), {
+			set(target, property, value) {
+				const oldValue = target[property as string];
+				target[property as string] = value;
+
+				if (oldValue !== value) {
+					scheduleRender();
+
+					if (
+						property === "value" ||
+						property === "label" ||
+						property === "visible"
+					) {
+						props[property] = value;
+						old_props[property] = value;
+						dispatch("update_value", { data: value, property });
+					}
+				}
+				return true;
+			}
+		});
+
+		if (has_children) {
+			currentPreHtml = render_template(
+				pre_html_template,
+				reactiveProps,
+				"html"
+			);
+			pre_element.innerHTML = currentPreHtml;
+			currentPostHtml = render_template(
+				post_html_template,
+				reactiveProps,
+				"html"
+			);
+			post_element.innerHTML = currentPostHtml;
+		} else {
+			currentHtml = render_template(html_template, reactiveProps, "html");
+			element.innerHTML = currentHtml;
+		}
+		update_css();
+
+		if (autoscroll) {
+			scroll_to_bottom();
+		}
+		scroll_on_html_update();
+
+		(async () => {
+			if (head) {
+				await loadHead(head);
+			}
+			if (js_on_load && element) {
+				try {
+					const upload_func =
+						upload ??
+						(async (_file: File): Promise<{ path: string; url: string }> => {
+							throw new Error("upload is not available in this context");
+						});
+					const func = new Function(
+						"element",
+						"trigger",
+						"props",
+						"server",
+						"upload",
+						"watch",
+						js_on_load
+					);
+					func(element, trigger, reactiveProps, server, upload_func, watch_fn);
+				} catch (error) {
+					console.error("Error executing js_on_load:", error);
+				}
+			}
+		})();
+	});
+
+	$effect(() => {
+		if (
+			reactiveProps &&
+			props &&
+			JSON.stringify(old_props) !== JSON.stringify(props)
+		) {
+			const changedKeys: string[] = [];
+			for (const key in props) {
+				if (JSON.stringify(reactiveProps[key]) !== JSON.stringify(props[key])) {
+					changedKeys.push(key);
+				}
+				reactiveProps[key] = $state.snapshot(props[key]);
+			}
+			old_props = props;
+			if (changedKeys.length > 0) {
+				queueMicrotask(() => fire_watchers(changedKeys));
+			}
+		}
+	});
+</script>
+
+{#if html_error_message || css_error_message}
+	<div class="error-container">
+		<strong class="error-title"
+			>Error rendering <code class="error-component-name"
+				>{component_class_name}</code
+			>:</strong
+		>
+		<code class="error-message">{html_error_message || css_error_message}</code>
+	</div>
+{:else}
+	<div
+		bind:this={element}
+		id={random_id}
+		class="{apply_default_css && !has_children
+			? 'prose gradio-style'
+			: ''} {elem_classes.join(' ')}"
+		class:hide={!visible}
+		class:has_children
+	>
+		{#if has_children}
+			<div
+				class={apply_default_css ? "prose gradio-style" : ""}
+				bind:this={pre_element}
+			></div>
+			{@render children?.()}
+			<div
+				class={apply_default_css ? "prose gradio-style" : ""}
+				bind:this={post_element}
+			></div>
+		{/if}
+	</div>
+{/if}
+
+<style>
+	.hide {
+		display: none;
+	}
+
+	.has_children {
+		display: flex;
+		flex-direction: column;
+		gap: var(--layout-gap);
+	}
+
+	.error-container {
+		padding: 12px;
+		background-color: #fee;
+		border: 1px solid #fcc;
+		border-radius: 4px;
+		color: #c33;
+		font-family: monospace;
+		font-size: 13px;
+	}
+
+	.error-title {
+		display: block;
+		margin-bottom: 8px;
+	}
+
+	.error-component-name {
+		background-color: #fdd;
+		padding: 2px 4px;
+		border-radius: 2px;
+	}
+
+	.error-message {
+		white-space: pre-wrap;
+		word-break: break-word;
+	}
+</style>
diff --git a/js/html/types.ts b/js/html/types.ts
new file mode 100644
index 0000000..f8497bb
--- /dev/null
+++ b/js/html/types.ts
@@ -0,0 +1,26 @@
+import type { CustomButton } from "@gradio/utils";
+
+export interface HTMLProps {
+	value: string;
+	html_template: string;
+	css_template: string;
+	js_on_load: string | null;
+	apply_default_css: boolean;
+	show_label: boolean;
+	min_height: number | undefined;
+	max_height: number | undefined;
+	props: Record<string, any>;
+	head: string | null;
+	component_class_name: string;
+	buttons: (string | CustomButton)[] | null;
+	padding: boolean;
+}
+
+export interface HTMLEvents {
+	change: never;
+	click: never;
+	submit: never;
+	custom_button_click: { id: number };
+	error: string;
+	clear_status: any;
+}
diff --git a/js/icons/CHANGELOG.md b/js/icons/CHANGELOG.md
new file mode 100644
index 0000000..c63aacb
--- /dev/null
+++ b/js/icons/CHANGELOG.md
@@ -0,0 +1,294 @@
+# @gradio/icons
+
+## 0.16.0
+
+### Features
+
+- [#13566](https://github.com/gradio-app/gradio/pull/13566) [`79b9171`](https://github.com/gradio-app/gradio/commit/79b91718b5c972c174ed042d8b04443bc2274076) - Gallery Download All.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#13597](https://github.com/gradio-app/gradio/pull/13597) [`7a595cb`](https://github.com/gradio-app/gradio/commit/7a595cb72d8a82151ee2231e86d20c91d0bb9062) - Fix ImageEditor brush texture resets.  Thanks @dawoodkhan82!
+
+## 0.15.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+## 0.15.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve gr.Toast in mobile
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.15.0-dev.0
+
+### Features
+
+- [#12099](https://github.com/gradio-app/gradio/pull/12099) [`e2a5768`](https://github.com/gradio-app/gradio/commit/e2a5768f5f133d0c23549eb3388582bfcf40e5e6) - Improve gr.Toast in mobile.  Thanks @hannahblair!
+
+## 0.14.0
+
+### Features
+
+- [#11763](https://github.com/gradio-app/gradio/pull/11763) [`c9e50d3`](https://github.com/gradio-app/gradio/commit/c9e50d3f071a416b2ca7ba30c7f25539986dfc4a) - Audio subtitles.  Thanks @dawoodkhan82!
+
+## 0.13.1
+
+### Features
+
+- [#11767](https://github.com/gradio-app/gradio/pull/11767) [`f67faa4`](https://github.com/gradio-app/gradio/commit/f67faa464add0ef6a4a58d60eb2ae850125ebb87) - Use icons instead of Emojis in MCP page.  Thanks @freddyaboulton!
+
+## 0.13.0
+
+### Features
+
+- [#11721](https://github.com/gradio-app/gradio/pull/11721) [`58d9d9e`](https://github.com/gradio-app/gradio/commit/58d9d9e98194dada5267ac1599063cf21723cbde) - Remove dupe maximise/maximize icon.  Thanks @hannahblair!
+
+## 0.12.0
+
+### Features
+
+- [#10981](https://github.com/gradio-app/gradio/pull/10981) [`0db230f`](https://github.com/gradio-app/gradio/commit/0db230f5c2f19d9b3b455adb1b30ed9374ae1791) - allow users to change the visibility of layers in the image editor.  Thanks @pngwn!
+
+## 0.11.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+
+## 0.10.0
+
+### Features
+
+- [#10226](https://github.com/gradio-app/gradio/pull/10226) [`58b8391`](https://github.com/gradio-app/gradio/commit/58b839196e17776cbd0d48997905496f7746d31f) - Improve tool UI and support nested thoughts.  Thanks @hannahblair!
+
+## 0.9.0
+
+### Features
+
+- [#10262](https://github.com/gradio-app/gradio/pull/10262) [`f3bedd4`](https://github.com/gradio-app/gradio/commit/f3bedd4011bdfdecc952eb1275a9dd96af3e8d71) - add gr.Success and update windows contributing.  Thanks @not-lain!
+
+## 0.8.1
+
+### Fixes
+
+- [#9758](https://github.com/gradio-app/gradio/pull/9758) [`38701a9`](https://github.com/gradio-app/gradio/commit/38701a99710f9484dade8a93c5bf3a43ea30a0d3) - Fix icons not showing in Safari.  Thanks @hannahblair!
+
+## 0.8.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move buttons from chat_interface into Chatbot
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve `gr.Code`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Open audio/image input stream only when queue is ready
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move icons into `IconButtonWrapper`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot autoscroll
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Match style of textbox stop button to submit button
+
+## 0.8.0-beta.4
+
+### Features
+
+- [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll.  Thanks @whitphx!
+
+## 0.8.0-beta.3
+
+### Features
+
+- [#9450](https://github.com/gradio-app/gradio/pull/9450) [`991883e`](https://github.com/gradio-app/gradio/commit/991883e217dc0a3512b3ae3245378812f373b8db) - Improve `gr.Code`.  Thanks @hannahblair!
+
+## 0.8.0-beta.2
+
+### Features
+
+- [#9261](https://github.com/gradio-app/gradio/pull/9261) [`73647a0`](https://github.com/gradio-app/gradio/commit/73647a07b0439efabe3dd218ff6c366ffa3b84a0) - Move icons into `IconButtonWrapper`.  Thanks @hannahblair!
+- [#9280](https://github.com/gradio-app/gradio/pull/9280) [`7122420`](https://github.com/gradio-app/gradio/commit/712242047fde3a594dfde7f48a44c7ea16239dc8) - Match style of textbox stop button to submit button.  Thanks @freddyaboulton!
+
+## 0.8.0-beta.1
+
+### Features
+
+- [#9235](https://github.com/gradio-app/gradio/pull/9235) [`f8b411f`](https://github.com/gradio-app/gradio/commit/f8b411fe282ff0316ed4abebc0a043b044bf4dd9) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`.  Thanks @whitphx!
+- [#9201](https://github.com/gradio-app/gradio/pull/9201) [`5492e74`](https://github.com/gradio-app/gradio/commit/5492e742b1f1fa618208cce523f50ad22a6e86f1) - Move buttons from chat_interface into Chatbot.  Thanks @freddyaboulton!
+
+## 0.8.0-beta.0
+
+### Features
+
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+
+## 0.7.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 0.7.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+## 0.7.0
+
+### Features
+
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+
+## 0.6.1
+
+### Fixes
+
+- [#8949](https://github.com/gradio-app/gradio/pull/8949) [`1e16f67`](https://github.com/gradio-app/gradio/commit/1e16f67ba2a02761d4b73afd723f8edc3c3124e9) - Fix check icon in gr.JSON and gr.Code.  Thanks @hannahblair!
+
+## 0.6.0
+
+### Features
+
+- [#8713](https://github.com/gradio-app/gradio/pull/8713) [`e3c7079`](https://github.com/gradio-app/gradio/commit/e3c7079e380880d5759d98d180eaf688122f1c69) - Time range component.  Thanks @aliabid94!
+
+## 0.5.0
+
+### Features
+
+- [#8590](https://github.com/gradio-app/gradio/pull/8590) [`65afffd`](https://github.com/gradio-app/gradio/commit/65afffd34b79ba9117e8d9506ea82477204cb57d) - Fix multimodal chat look.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+## 0.4.1
+
+### Features
+
+- [#8236](https://github.com/gradio-app/gradio/pull/8236) [`bf909bd`](https://github.com/gradio-app/gradio/commit/bf909bd14532a27e119fb401003a7d94c0618ffb) - Change upload icon for MultimodalTextbox.  Thanks @dawoodkhan82!
+
+## 0.4.0
+
+### Features
+
+- [#8042](https://github.com/gradio-app/gradio/pull/8042) [`92139f3`](https://github.com/gradio-app/gradio/commit/92139f3d7d6b832b649ff1f6c10c87e6fb522cde) - refresh the `ImageEditor` UI.  Thanks @pngwn!
+- [#8059](https://github.com/gradio-app/gradio/pull/8059) [`074ce38`](https://github.com/gradio-app/gradio/commit/074ce3805ada6ba829c17da3af5f186d9f5f9865) - ensure the `ImageEditor` works correctly with layers and `change` events.  Thanks @pngwn!
+
+## 0.3.4
+
+### Fixes
+
+- [#7848](https://github.com/gradio-app/gradio/pull/7848) [`8d7b3ca`](https://github.com/gradio-app/gradio/commit/8d7b3caebd8f95b1372f8412cadbb5862766c365) - Multimodal Textbox Loading + other fixes.  Thanks @dawoodkhan82!
+
+## 0.3.3
+
+### Fixes
+
+- [#6991](https://github.com/gradio-app/gradio/pull/6991) [`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1) - Improve responsiveness of `gr.Audio()` controls.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.2
+
+### Features
+
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.1
+
+### Fixes
+
+- [#6572](https://github.com/gradio-app/gradio/pull/6572) [`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50) - Improve like/dislike functionality.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.1
+
+### Fixes
+
+- [#6254](https://github.com/gradio-app/gradio/pull/6254) [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a) - Add volume control to Audio.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.3
+
+### Features
+
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.2
+
+### Features
+
+- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0-beta.1
+
+### Features
+
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0
+
+### Features
+
+- [#5699](https://github.com/gradio-app/gradio/pull/5699) [`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2) - Improve chatbot accessibility and UX.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Highlights
+
+#### Like/Dislike Button for Chatbot ([#5391](https://github.com/gradio-app/gradio/pull/5391) [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db))
+
+ Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
\ No newline at end of file
diff --git a/js/icons/package.json b/js/icons/package.json
new file mode 100644
index 0000000..2fc348b
--- /dev/null
+++ b/js/icons/package.json
@@ -0,0 +1,27 @@
+{
+	"name": "@gradio/icons",
+	"version": "0.16.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "src/index.ts",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/icons"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"exports": {
+		".": {
+			"gradio": "./src/index.ts",
+			"svelte": "./dist/src/index.js",
+			"types": "./dist/src/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	}
+}
diff --git a/js/icons/src/ArrowDown.svelte b/js/icons/src/ArrowDown.svelte
new file mode 100644
index 0000000..73cdb31
--- /dev/null
+++ b/js/icons/src/ArrowDown.svelte
@@ -0,0 +1,14 @@
+<svg
+	width="100%"
+	height="100%"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	><line x1="12" y1="5" x2="12" y2="19"></line><polyline
+		points="19 12 12 19 5 12"
+	></polyline></svg
+>
diff --git a/js/icons/src/ArrowUp.svelte b/js/icons/src/ArrowUp.svelte
new file mode 100644
index 0000000..a9e439d
--- /dev/null
+++ b/js/icons/src/ArrowUp.svelte
@@ -0,0 +1,14 @@
+<svg
+	width="100%"
+	height="100%"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	><line x1="12" y1="19" x2="12" y2="5"></line><polyline
+		points="5 12 12 5 19 12"
+	></polyline></svg
+>
diff --git a/js/icons/src/Back.svelte b/js/icons/src/Back.svelte
new file mode 100644
index 0000000..624b612
--- /dev/null
+++ b/js/icons/src/Back.svelte
@@ -0,0 +1,17 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="12px"
+	height="24px"
+	fill="currentColor"
+	stroke-width="1.5"
+	viewBox="0 0 12 24"
+>
+	<path
+		d="M9 6L3 12L9 18"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		fill="none"
+	/>
+</svg>
diff --git a/js/icons/src/Backward.svelte b/js/icons/src/Backward.svelte
new file mode 100644
index 0000000..4ee686b
--- /dev/null
+++ b/js/icons/src/Backward.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="24px"
+	height="24px"
+	fill="currentColor"
+	stroke-width="1.5"
+	viewBox="0 0 24 24"
+	color="currentColor"
+	><path
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M21.044 5.704a.6.6 0 0 1 .956.483v11.626a.6.6 0 0 1-.956.483l-7.889-5.813a.6.6 0 0 1 0-.966l7.89-5.813ZM10.044 5.704a.6.6 0 0 1 .956.483v11.626a.6.6 0 0 1-.956.483l-7.888-5.813a.6.6 0 0 1 0-.966l7.888-5.813Z"
+	/></svg
+>
diff --git a/js/icons/src/Brush.svelte b/js/icons/src/Brush.svelte
new file mode 100644
index 0000000..a5edbe3
--- /dev/null
+++ b/js/icons/src/Brush.svelte
@@ -0,0 +1,10 @@
+<svg width="100%" height="100%" viewBox="0 0 32 32">
+	<path
+		d="M28.828 3.172a4.094 4.094 0 0 0-5.656 0L4.05 22.292A6.954 6.954 0 0 0 2 27.242V30h2.756a6.952 6.952 0 0 0 4.95-2.05L28.828 8.829a3.999 3.999 0 0 0 0-5.657zM10.91 18.26l2.829 2.829l-2.122 2.121l-2.828-2.828zm-2.619 8.276A4.966 4.966 0 0 1 4.756 28H4v-.759a4.967 4.967 0 0 1 1.464-3.535l1.91-1.91l2.829 2.828zM27.415 7.414l-12.261 12.26l-2.829-2.828l12.262-12.26a2.047 2.047 0 0 1 2.828 0a2 2 0 0 1 0 2.828z"
+		fill="currentColor"
+	/>
+	<path
+		d="M6.5 15a3.5 3.5 0 0 1-2.475-5.974l3.5-3.5a1.502 1.502 0 0 0 0-2.121a1.537 1.537 0 0 0-2.121 0L3.415 5.394L2 3.98l1.99-1.988a3.585 3.585 0 0 1 4.95 0a3.504 3.504 0 0 1 0 4.949L5.439 10.44a1.502 1.502 0 0 0 0 2.121a1.537 1.537 0 0 0 2.122 0l4.024-4.024L13 9.95l-4.025 4.024A3.475 3.475 0 0 1 6.5 15z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/icons/src/BrushSize.svelte b/js/icons/src/BrushSize.svelte
new file mode 100644
index 0000000..3161b91
--- /dev/null
+++ b/js/icons/src/BrushSize.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.7"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<circle cx="12" cy="12" r="7.5" />
+	<path d="M7.25 16.75l9.5-9.5" />
+	<path d="M8 13.6v3.15h3.15" />
+	<path d="M12.85 7.25H16v3.15" />
+</svg>
diff --git a/js/icons/src/Calendar.svelte b/js/icons/src/Calendar.svelte
new file mode 100644
index 0000000..7c9278e
--- /dev/null
+++ b/js/icons/src/Calendar.svelte
@@ -0,0 +1,51 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="24px"
+	height="24px"
+	viewBox="0 0 24 24"
+>
+	<rect
+		x="2"
+		y="4"
+		width="20"
+		height="18"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		fill="none"
+	/>
+	<line
+		x1="2"
+		y1="9"
+		x2="22"
+		y2="9"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		fill="none"
+	/>
+	<line
+		x1="7"
+		y1="2"
+		x2="7"
+		y2="6"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		fill="none"
+	/>
+	<line
+		x1="17"
+		y1="2"
+		x2="17"
+		y2="6"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		fill="none"
+	/>
+</svg>
diff --git a/js/icons/src/Camera.svelte b/js/icons/src/Camera.svelte
new file mode 100644
index 0000000..2f60625
--- /dev/null
+++ b/js/icons/src/Camera.svelte
@@ -0,0 +1,17 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-camera"
+>
+	<path
+		d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"
+	/>
+	<circle cx="12" cy="13" r="4" />
+</svg>
diff --git a/js/icons/src/Chart.svelte b/js/icons/src/Chart.svelte
new file mode 100644
index 0000000..9025c19
--- /dev/null
+++ b/js/icons/src/Chart.svelte
@@ -0,0 +1,10 @@
+<svg viewBox="0 0 32 32">
+	<path
+		d="M28.828 3.172a4.094 4.094 0 0 0-5.656 0L4.05 22.292A6.954 6.954 0 0 0 2 27.242V30h2.756a6.952 6.952 0 0 0 4.95-2.05L28.828 8.829a3.999 3.999 0 0 0 0-5.657zM10.91 18.26l2.829 2.829l-2.122 2.121l-2.828-2.828zm-2.619 8.276A4.966 4.966 0 0 1 4.756 28H4v-.759a4.967 4.967 0 0 1 1.464-3.535l1.91-1.91l2.829 2.828zM27.415 7.414l-12.261 12.26l-2.829-2.828l12.262-12.26a2.047 2.047 0 0 1 2.828 0a2 2 0 0 1 0 2.828z"
+		fill="currentColor"
+	/>
+	<path
+		d="M6.5 15a3.5 3.5 0 0 1-2.475-5.974l3.5-3.5a1.502 1.502 0 0 0 0-2.121a1.537 1.537 0 0 0-2.121 0L3.415 5.394L2 3.98l1.99-1.988a3.585 3.585 0 0 1 4.95 0a3.504 3.504 0 0 1 0 4.949L5.439 10.44a1.502 1.502 0 0 0 0 2.121a1.537 1.537 0 0 0 2.122 0l4.024-4.024L13 9.95l-4.025 4.024A3.475 3.475 0 0 1 6.5 15z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/icons/src/Chat.svelte b/js/icons/src/Chat.svelte
new file mode 100644
index 0000000..6452e34
--- /dev/null
+++ b/js/icons/src/Chat.svelte
@@ -0,0 +1,17 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	role="img"
+	class="iconify iconify--carbon"
+	width="100%"
+	height="100%"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		fill="currentColor"
+		d="M17.74 30L16 29l4-7h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4.84Z"
+	/>
+	<path fill="currentColor" d="M8 10h16v2H8zm0 6h10v2H8z" />
+</svg>
diff --git a/js/icons/src/Check.svelte b/js/icons/src/Check.svelte
new file mode 100644
index 0000000..e7df4aa
--- /dev/null
+++ b/js/icons/src/Check.svelte
@@ -0,0 +1,16 @@
+<svg
+	width="100%"
+	height="100%"
+	stroke-width="1.5"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	color="currentColor"
+	><path
+		d="M5 13L9 17L19 7"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path></svg
+>
diff --git a/js/icons/src/ChevronDown.svelte b/js/icons/src/ChevronDown.svelte
new file mode 100644
index 0000000..d4ce8e2
--- /dev/null
+++ b/js/icons/src/ChevronDown.svelte
@@ -0,0 +1,13 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 16 16"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path d="M4 6L8 10L12 6" />
+</svg>
diff --git a/js/icons/src/Circle.svelte b/js/icons/src/Circle.svelte
new file mode 100644
index 0000000..9c9a064
--- /dev/null
+++ b/js/icons/src/Circle.svelte
@@ -0,0 +1,12 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-circle"
+>
+	<circle cx="12" cy="12" r="10" />
+</svg>
diff --git a/js/icons/src/Clear.svelte b/js/icons/src/Clear.svelte
new file mode 100644
index 0000000..c64efc3
--- /dev/null
+++ b/js/icons/src/Clear.svelte
@@ -0,0 +1,24 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	version="1.1"
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	xml:space="preserve"
+	stroke="currentColor"
+	style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;"
+>
+	<g
+		transform="matrix(1.14096,-0.140958,-0.140958,1.14096,-0.0559523,0.0559523)"
+	>
+		<path
+			d="M18,6L6.087,17.913"
+			style="fill:none;fill-rule:nonzero;stroke-width:2px;"
+		/>
+	</g>
+	<path
+		d="M4.364,4.364L19.636,19.636"
+		style="fill:none;fill-rule:nonzero;stroke-width:2px;"
+	/>
+</svg>
diff --git a/js/icons/src/ClosedCaption.svelte b/js/icons/src/ClosedCaption.svelte
new file mode 100644
index 0000000..1f859bf
--- /dev/null
+++ b/js/icons/src/ClosedCaption.svelte
@@ -0,0 +1,22 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-closed-caption"
+	><rect x="2" y="6" width="20" height="12" rx="2" ry="2" /><text
+		x="12"
+		y="15"
+		font-family="sans-serif"
+		font-size="8"
+		font-weight="bold"
+		fill="currentColor"
+		stroke="none"
+		text-anchor="middle">CC</text
+	></svg
+>
diff --git a/js/icons/src/Code.svelte b/js/icons/src/Code.svelte
new file mode 100644
index 0000000..c428a98
--- /dev/null
+++ b/js/icons/src/Code.svelte
@@ -0,0 +1,6 @@
+<svg width="100%" height="100%" viewBox="0 0 32 32"
+	><path
+		fill="currentColor"
+		d="m31 16l-7 7l-1.41-1.41L28.17 16l-5.58-5.59L24 9l7 7zM1 16l7-7l1.41 1.41L3.83 16l5.58 5.59L8 23l-7-7zm11.42 9.484L17.64 6l1.932.517L14.352 26z"
+	/>
+</svg>
diff --git a/js/icons/src/Color.svelte b/js/icons/src/Color.svelte
new file mode 100644
index 0000000..a68477a
--- /dev/null
+++ b/js/icons/src/Color.svelte
@@ -0,0 +1,11 @@
+<svg width="100%" height="100%" viewBox="0 0 32 32">
+	<circle cx="10" cy="12" r="2" fill="currentColor" />
+	<circle cx="16" cy="9" r="2" fill="currentColor" />
+	<circle cx="22" cy="12" r="2" fill="currentColor" />
+	<circle cx="23" cy="18" r="2" fill="currentColor" />
+	<circle cx="19" cy="23" r="2" fill="currentColor" />
+	<path
+		fill="currentColor"
+		d="M16.54 2A14 14 0 0 0 2 16a4.82 4.82 0 0 0 6.09 4.65l1.12-.31a3 3 0 0 1 3.79 2.9V27a3 3 0 0 0 3 3a14 14 0 0 0 14-14.54A14.05 14.05 0 0 0 16.54 2Zm8.11 22.31A11.93 11.93 0 0 1 16 28a1 1 0 0 1-1-1v-3.76a5 5 0 0 0-5-5a5.07 5.07 0 0 0-1.33.18l-1.12.31A2.82 2.82 0 0 1 4 16A12 12 0 0 1 16.47 4A12.18 12.18 0 0 1 28 15.53a11.89 11.89 0 0 1-3.35 8.79Z"
+	/>
+</svg>
diff --git a/js/icons/src/ColorPickerSolid.svelte b/js/icons/src/ColorPickerSolid.svelte
new file mode 100644
index 0000000..4e4f1af
--- /dev/null
+++ b/js/icons/src/ColorPickerSolid.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="M12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.813-3.9t2.2-3.175T8.25 2.788T12.2 2q2 0 3.775.688t3.113 1.9t2.125 2.875T22 11.05q0 2.875-1.75 4.413T16 17h-1.85q-.225 0-.312.125t-.088.275q0 .3.375.863t.375 1.287q0 1.25-.687 1.85T12 22m-5.5-9q.65 0 1.075-.425T8 11.5t-.425-1.075T6.5 10t-1.075.425T5 11.5t.425 1.075T6.5 13m3-4q.65 0 1.075-.425T11 7.5t-.425-1.075T9.5 6t-1.075.425T8 7.5t.425 1.075T9.5 9m5 0q.65 0 1.075-.425T16 7.5t-.425-1.075T14.5 6t-1.075.425T13 7.5t.425 1.075T14.5 9m3 4q.65 0 1.075-.425T19 11.5t-.425-1.075T17.5 10t-1.075.425T16 11.5t.425 1.075T17.5 13"
+	/></svg
+>
diff --git a/js/icons/src/Community.svelte b/js/icons/src/Community.svelte
new file mode 100644
index 0000000..8080c87
--- /dev/null
+++ b/js/icons/src/Community.svelte
@@ -0,0 +1,11 @@
+<svg
+	id="icon"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 32 32"
+	width="100%"
+	height="100%"
+	><path
+		d="M23,20a5,5,0,0,0-3.89,1.89L11.8,17.32a4.46,4.46,0,0,0,0-2.64l7.31-4.57A5,5,0,1,0,18,7a4.79,4.79,0,0,0,.2,1.32l-7.31,4.57a5,5,0,1,0,0,6.22l7.31,4.57A4.79,4.79,0,0,0,18,25a5,5,0,1,0,5-5ZM23,4a3,3,0,1,1-3,3A3,3,0,0,1,23,4ZM7,19a3,3,0,1,1,3-3A3,3,0,0,1,7,19Zm16,9a3,3,0,1,1,3-3A3,3,0,0,1,23,28Z"
+		fill="currentColor"
+	/></svg
+>
diff --git a/js/icons/src/Copy.svelte b/js/icons/src/Copy.svelte
new file mode 100644
index 0000000..0ccb248
--- /dev/null
+++ b/js/icons/src/Copy.svelte
@@ -0,0 +1,12 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 33 33"
+	color="currentColor"
+	aria-hidden="true"
+	width="100%"
+	height="100%"
+	><path
+		fill="currentColor"
+		d="M28 10v18H10V10h18m0-2H10a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2Z"
+	/><path fill="currentColor" d="M4 18H2V4a2 2 0 0 1 2-2h14v2H4Z" /></svg
+>
diff --git a/js/icons/src/Crop.svelte b/js/icons/src/Crop.svelte
new file mode 100644
index 0000000..396522a
--- /dev/null
+++ b/js/icons/src/Crop.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 256 256"
+	><path
+		fill="currentColor"
+		d="M240 192a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H64a8 8 0 0 1-8-8V72H24a8 8 0 0 1 0-16h32V24a8 8 0 0 1 16 0v160h160a8 8 0 0 1 8 8M96 72h88v88a8 8 0 0 0 16 0V64a8 8 0 0 0-8-8H96a8 8 0 0 0 0 16"
+	/></svg
+>
diff --git a/js/icons/src/Download.svelte b/js/icons/src/Download.svelte
new file mode 100644
index 0000000..0f982d3
--- /dev/null
+++ b/js/icons/src/Download.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 32 32"
+	><path
+		fill="currentColor"
+		d="M26 24v4H6v-4H4v4a2 2 0 0 0 2 2h20a2 2 0 0 0 2-2v-4zm0-10l-1.41-1.41L17 20.17V2h-2v18.17l-7.59-7.58L6 14l10 10l10-10z"
+	/></svg
+>
diff --git a/js/icons/src/DownloadAll.svelte b/js/icons/src/DownloadAll.svelte
new file mode 100644
index 0000000..874d877
--- /dev/null
+++ b/js/icons/src/DownloadAll.svelte
@@ -0,0 +1,17 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 32 32"
+	aria-hidden="true"
+>
+	<path
+		fill="currentColor"
+		d="M24 4H10a2 2 0 0 0-2 2v2H6a2 2 0 0 0-2 2v12h2V10h14v4h2V10a2 2 0 0 0-2-2H10V6h14v8h2V6a2 2 0 0 0-2-2Z"
+	/>
+	<path
+		fill="currentColor"
+		d="M27.59 20.59L22 26.17V16h-2v10.17l-5.59-5.58L13 22l8 8l8-8l-1.41-1.41Z"
+	/>
+	<path fill="currentColor" d="M10 26H4v-2h6v2Zm4 4H6a2 2 0 0 1-2-2h10v2Z" />
+</svg>
diff --git a/js/icons/src/DropdownArrow.svelte b/js/icons/src/DropdownArrow.svelte
new file mode 100644
index 0000000..7fa40b0
--- /dev/null
+++ b/js/icons/src/DropdownArrow.svelte
@@ -0,0 +1,17 @@
+<svg
+	class="dropdown-arrow"
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 18 18"
+>
+	<path d="M5 8l4 4 4-4z" />
+</svg>
+
+<style>
+	.dropdown-arrow {
+		fill: currentColor;
+		/* margin-right: var(--size-2); */
+		/* width: var(--size-5); */
+	}
+</style>
diff --git a/js/icons/src/DropdownCircularArrow.svelte b/js/icons/src/DropdownCircularArrow.svelte
new file mode 100644
index 0000000..16defed
--- /dev/null
+++ b/js/icons/src/DropdownCircularArrow.svelte
@@ -0,0 +1,21 @@
+<svg
+	class="dropdown-arrow"
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 18 18"
+>
+	<circle cx="9" cy="9" r="8" class="circle" />
+	<path d="M5 8l4 4 4-4z" />
+</svg>
+
+<style>
+	.dropdown-arrow {
+		fill: currentColor;
+	}
+
+	.circle {
+		fill: currentColor;
+		opacity: 0.1;
+	}
+</style>
diff --git a/js/icons/src/Edit.svelte b/js/icons/src/Edit.svelte
new file mode 100644
index 0000000..f2ccfe0
--- /dev/null
+++ b/js/icons/src/Edit.svelte
@@ -0,0 +1,14 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-edit-2"
+>
+	<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" />
+</svg>
diff --git a/js/icons/src/Erase.svelte b/js/icons/src/Erase.svelte
new file mode 100644
index 0000000..5b1c8a0
--- /dev/null
+++ b/js/icons/src/Erase.svelte
@@ -0,0 +1,17 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><g fill="none"
+		><path
+			fill="currentColor"
+			d="m5.505 11.41l.53.53l-.53-.53ZM3 14.952h-.75H3ZM9.048 21v.75V21ZM11.41 5.505l-.53-.53l.53.53Zm1.831 12.34a.75.75 0 0 0 1.06-1.061l-1.06 1.06ZM7.216 9.697a.75.75 0 1 0-1.06 1.061l1.06-1.06Zm10.749 2.362l-5.905 5.905l1.06 1.06l5.905-5.904l-1.06-1.06Zm-11.93-.12l5.905-5.905l-1.06-1.06l-5.905 5.904l1.06 1.06Zm0 6.025c-.85-.85-1.433-1.436-1.812-1.933c-.367-.481-.473-.79-.473-1.08h-1.5c0 .749.312 1.375.78 1.99c.455.596 1.125 1.263 1.945 2.083l1.06-1.06Zm-1.06-7.086c-.82.82-1.49 1.488-1.945 2.084c-.468.614-.78 1.24-.78 1.99h1.5c0-.29.106-.6.473-1.08c.38-.498.962-1.083 1.812-1.933l-1.06-1.06Zm7.085 7.086c-.85.85-1.435 1.433-1.933 1.813c-.48.366-.79.472-1.08.472v1.5c.75 0 1.376-.312 1.99-.78c.596-.455 1.264-1.125 2.084-1.945l-1.06-1.06Zm-7.085 1.06c.82.82 1.487 1.49 2.084 1.945c.614.468 1.24.78 1.989.78v-1.5c-.29 0-.599-.106-1.08-.473c-.497-.38-1.083-.962-1.933-1.812l-1.06 1.06Zm12.99-12.99c.85.85 1.433 1.436 1.813 1.933c.366.481.472.79.472 1.08h1.5c0-.749-.312-1.375-.78-1.99c-.455-.596-1.125-1.263-1.945-2.083l-1.06 1.06Zm1.06 7.086c.82-.82 1.49-1.488 1.945-2.084c.468-.614.78-1.24.78-1.99h-1.5c0 .29-.106.6-.473 1.08c-.38.498-.962 1.083-1.812 1.933l1.06 1.06Zm0-8.146c-.82-.82-1.487-1.49-2.084-1.945c-.614-.468-1.24-.78-1.989-.78v1.5c.29 0 .599.106 1.08.473c.497.38 1.083.962 1.933 1.812l1.06-1.06Zm-7.085 1.06c.85-.85 1.435-1.433 1.933-1.812c.48-.367.79-.473 1.08-.473v-1.5c-.75 0-1.376.312-1.99.78c-.596.455-1.264 1.125-2.084 1.945l1.06 1.06Zm2.362 10.749L7.216 9.698l-1.06 1.061l7.085 7.085l1.06-1.06Z"
+		/><path
+			stroke="currentColor"
+			stroke-linecap="round"
+			stroke-width="1.5"
+			d="M9 21h12"
+		/></g
+	></svg
+>
diff --git a/js/icons/src/Error.svelte b/js/icons/src/Error.svelte
new file mode 100644
index 0000000..5cf5dbb
--- /dev/null
+++ b/js/icons/src/Error.svelte
@@ -0,0 +1,18 @@
+<svg
+	fill="none"
+	stroke="currentColor"
+	viewBox="0 0 24 24"
+	width="100%"
+	height="100%"
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
+	/>
+</svg>
diff --git a/js/icons/src/Eyedropper.svelte b/js/icons/src/Eyedropper.svelte
new file mode 100644
index 0000000..ea16fb2
--- /dev/null
+++ b/js/icons/src/Eyedropper.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="M21.03 2.97a3.578 3.578 0 0 0-5.06 0L14 4.94l-.013-.013a1.75 1.75 0 0 0-2.475 0l-.585.586a1.75 1.75 0 0 0 0 2.475l.012.012l-6.78 6.78a2.25 2.25 0 0 0-.659 1.592v.687l-1.28 2.347c-.836 1.533.841 3.21 2.374 2.375l2.347-1.28h.688a2.25 2.25 0 0 0 1.59-.66L16 13.061l.012.012a1.75 1.75 0 0 0 2.475 0l.586-.585a1.75 1.75 0 0 0 0-2.475L19.061 10l1.97-1.97a3.578 3.578 0 0 0 0-5.06ZM12 9.061l2.94 2.94l-6.78 6.78a.75.75 0 0 1-.531.22H6.75a.75.75 0 0 0-.359.09l-2.515 1.373a.234.234 0 0 1-.159.032a.264.264 0 0 1-.138-.075a.264.264 0 0 1-.075-.138a.234.234 0 0 1 .033-.158l1.372-2.515A.75.75 0 0 0 5 17.25v-.878a.75.75 0 0 1 .22-.53L12 9.06Z"
+	/></svg
+>
diff --git a/js/icons/src/File.svelte b/js/icons/src/File.svelte
new file mode 100644
index 0000000..438941f
--- /dev/null
+++ b/js/icons/src/File.svelte
@@ -0,0 +1,15 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-file"
+>
+	<path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" />
+	<polyline points="13 2 13 9 20 9" />
+</svg>
diff --git a/js/icons/src/Forward.svelte b/js/icons/src/Forward.svelte
new file mode 100644
index 0000000..ed894eb
--- /dev/null
+++ b/js/icons/src/Forward.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="24px"
+	height="24px"
+	fill="currentColor"
+	stroke-width="1.5"
+	viewBox="0 0 24 24"
+	color="currentColor"
+	><path
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M2.956 5.704A.6.6 0 0 0 2 6.187v11.626a.6.6 0 0 0 .956.483l7.889-5.813a.6.6 0 0 0 0-.966l-7.89-5.813ZM13.956 5.704a.6.6 0 0 0-.956.483v11.626a.6.6 0 0 0 .956.483l7.889-5.813a.6.6 0 0 0 0-.966l-7.89-5.813Z"
+	/></svg
+>
diff --git a/js/icons/src/Image.svelte b/js/icons/src/Image.svelte
new file mode 100644
index 0000000..94d9caf
--- /dev/null
+++ b/js/icons/src/Image.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-image"
+>
+	<rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+	<circle cx="8.5" cy="8.5" r="1.5" />
+	<polyline points="21 15 16 10 5 21" />
+</svg>
diff --git a/js/icons/src/ImagePaste.svelte b/js/icons/src/ImagePaste.svelte
new file mode 100644
index 0000000..793ba53
--- /dev/null
+++ b/js/icons/src/ImagePaste.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 256 256"
+	><path
+		fill="currentColor"
+		d="M200 32h-36.26a47.92 47.92 0 0 0-71.48 0H56a16 16 0 0 0-16 16v168a16 16 0 0 0 16 16h144a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16m-72 0a32 32 0 0 1 32 32H96a32 32 0 0 1 32-32m72 184H56V48h26.75A47.9 47.9 0 0 0 80 64v8a8 8 0 0 0 8 8h80a8 8 0 0 0 8-8v-8a47.9 47.9 0 0 0-2.75-16H200Z"
+	/></svg
+>
diff --git a/js/icons/src/ImageResize.svelte b/js/icons/src/ImageResize.svelte
new file mode 100644
index 0000000..57e7860
--- /dev/null
+++ b/js/icons/src/ImageResize.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="M5.85 18h8q.325 0 .463-.275t-.063-.525l-2.4-3.175q-.15-.2-.4-.2t-.4.2l-1.8 2.425q-.15.2-.4.2t-.4-.2l-.8-1.075q-.15-.2-.4-.2t-.4.2L5.45 17.2q-.2.25-.063.525T5.85 18M5 21q-.825 0-1.413-.587T3 19V9q0-.825.588-1.412T5 7h10q.825 0 1.413.588T17 9v10q0 .825-.587 1.413T15 21zM4 5q-.425 0-.713-.288T3 4t.288-.712T4 3t.713.288T5 4t-.288.713T4 5m4 0q-.425 0-.712-.288T7 4t.288-.712T8 3t.713.288T9 4t-.288.713T8 5m4 0q-.425 0-.712-.288T11 4t.288-.712T12 3t.713.288T13 4t-.288.713T12 5m4 0q-.425 0-.712-.288T15 4t.288-.712T16 3t.713.288T17 4t-.288.713T16 5m4 0q-.425 0-.712-.288T19 4t.288-.712T20 3t.713.288T21 4t-.288.713T20 5m0 4q-.425 0-.712-.288T19 8t.288-.712T20 7t.713.288T21 8t-.288.713T20 9m0 4q-.425 0-.712-.288T19 12t.288-.712T20 11t.713.288T21 12t-.288.713T20 13m0 4q-.425 0-.712-.288T19 16t.288-.712T20 15t.713.288T21 16t-.288.713T20 17m0 4q-.425 0-.712-.288T19 20t.288-.712T20 19t.713.288T21 20t-.288.713T20 21"
+	/></svg
+>
diff --git a/js/icons/src/Info.svelte b/js/icons/src/Info.svelte
new file mode 100644
index 0000000..c5cfdc7
--- /dev/null
+++ b/js/icons/src/Info.svelte
@@ -0,0 +1,18 @@
+<svg
+	fill="none"
+	stroke="currentColor"
+	viewBox="0 0 24 24"
+	width="100%"
+	height="100%"
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
+	/>
+</svg>
diff --git a/js/icons/src/JSON.svelte b/js/icons/src/JSON.svelte
new file mode 100644
index 0000000..855b679
--- /dev/null
+++ b/js/icons/src/JSON.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	role="img"
+	class="iconify iconify--mdi"
+	width="100%"
+	height="100%"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 24 24"
+>
+	<path
+		fill="currentColor"
+		d="M5 3h2v2H5v5a2 2 0 0 1-2 2a2 2 0 0 1 2 2v5h2v2H5c-1.07-.27-2-.9-2-2v-4a2 2 0 0 0-2-2H0v-2h1a2 2 0 0 0 2-2V5a2 2 0 0 1 2-2m14 0a2 2 0 0 1 2 2v4a2 2 0 0 0 2 2h1v2h-1a2 2 0 0 0-2 2v4a2 2 0 0 1-2 2h-2v-2h2v-5a2 2 0 0 1 2-2a2 2 0 0 1-2-2V5h-2V3h2m-7 12a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m-4 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1m8 0a1 1 0 0 1 1 1a1 1 0 0 1-1 1a1 1 0 0 1-1-1a1 1 0 0 1 1-1Z"
+	/>
+</svg>
diff --git a/js/icons/src/Layers.svelte b/js/icons/src/Layers.svelte
new file mode 100644
index 0000000..a4c60db
--- /dev/null
+++ b/js/icons/src/Layers.svelte
@@ -0,0 +1,19 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 17 17"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M1.35327 10.9495L6.77663 15.158C7.12221 15.4229 7.50051 15.5553 7.91154 15.5553C8.32258 15.5553 8.70126 15.4229 9.0476 15.158L14.471 10.9495"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+	/>
+	<path
+		d="M7.23461 11.4324C7.23406 11.432 7.2335 11.4316 7.23295 11.4312L1.81496 7.2268C1.81471 7.22661 1.81446 7.22641 1.8142 7.22621C1.52269 6.99826 1.39429 6.73321 1.39429 6.37014C1.39429 6.00782 1.52236 5.74301 1.81325 5.51507C1.8136 5.5148 1.81394 5.51453 1.81428 5.51426L7.2331 1.30812C7.45645 1.13785 7.67632 1.06653 7.91159 1.06653C8.14692 1.06653 8.36622 1.13787 8.58861 1.30787C8.58915 1.30828 8.58969 1.30869 8.59023 1.30911L14.0082 5.51462C14.0085 5.51485 14.0088 5.51507 14.0091 5.51529C14.3008 5.74345 14.4289 6.00823 14.4289 6.37014C14.4289 6.73356 14.3006 6.99862 14.01 7.22634C14.0096 7.22662 14.0093 7.22689 14.0089 7.22717L8.59007 11.4322C8.36672 11.6024 8.14686 11.6738 7.91159 11.6738C7.67628 11.6738 7.45699 11.6024 7.23461 11.4324Z"
+		stroke="currentColor"
+		stroke-width="1.5"
+	/>
+</svg>
diff --git a/js/icons/src/LineChart.svelte b/js/icons/src/LineChart.svelte
new file mode 100644
index 0000000..d19addd
--- /dev/null
+++ b/js/icons/src/LineChart.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	role="img"
+	class="iconify iconify--carbon"
+	width="100%"
+	height="100%"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		fill="currentColor"
+		d="M4 2H2v26a2 2 0 0 0 2 2h26v-2H4v-3h22v-8H4v-4h14V5H4Zm20 17v4H4v-4ZM16 7v4H4V7Z"
+	/>
+</svg>
diff --git a/js/icons/src/Maximize.svelte b/js/icons/src/Maximize.svelte
new file mode 100644
index 0000000..f1c8722
--- /dev/null
+++ b/js/icons/src/Maximize.svelte
@@ -0,0 +1,17 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-maximize"
+	width="100%"
+	height="100%"
+>
+	<path
+		d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"
+	>
+	</path>
+</svg>
diff --git a/js/icons/src/Microphone.svelte b/js/icons/src/Microphone.svelte
new file mode 100644
index 0000000..b8634fe
--- /dev/null
+++ b/js/icons/src/Microphone.svelte
@@ -0,0 +1,20 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-mic"
+	><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" /><path
+		d="M19 10v2a7 7 0 0 1-14 0v-2"
+	/><line x1="12" y1="19" x2="12" y2="23" /><line
+		x1="8"
+		y1="23"
+		x2="16"
+		y2="23"
+	/></svg
+>
diff --git a/js/icons/src/Minimize.svelte b/js/icons/src/Minimize.svelte
new file mode 100644
index 0000000..ddcdd1d
--- /dev/null
+++ b/js/icons/src/Minimize.svelte
@@ -0,0 +1,15 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-minimize"
+	width="100%"
+	height="100%"
+	><path
+		d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"
+	></path></svg
+>
diff --git a/js/icons/src/Music.svelte b/js/icons/src/Music.svelte
new file mode 100644
index 0000000..656f0c3
--- /dev/null
+++ b/js/icons/src/Music.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-music"
+>
+	<path d="M9 18V5l12-2v13" />
+	<circle cx="6" cy="18" r="3" />
+	<circle cx="18" cy="16" r="3" />
+</svg>
diff --git a/js/icons/src/Palette.svelte b/js/icons/src/Palette.svelte
new file mode 100644
index 0000000..b4b0755
--- /dev/null
+++ b/js/icons/src/Palette.svelte
@@ -0,0 +1,17 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><g fill="none" stroke="currentColor" stroke-width="1.5"
+		><path
+			d="M2 12.026c0 5.146 3.867 9.387 8.847 9.96c.735.085 1.447-.228 1.97-.753a1.68 1.68 0 0 0 0-2.372c-.523-.525-.95-1.307-.555-1.934c1.576-2.508 9.738 3.251 9.738-4.9C22 6.488 17.523 2 12 2S2 6.489 2 12.026Z"
+		/><circle cx="17.5" cy="11.5" r=".75" /><circle
+			cx="6.5"
+			cy="11.5"
+			r=".75"
+		/><path
+			d="M10.335 7a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0Zm4.915 0a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0Z"
+		/></g
+	></svg
+>
diff --git a/js/icons/src/Pan.svelte b/js/icons/src/Pan.svelte
new file mode 100644
index 0000000..08a5d95
--- /dev/null
+++ b/js/icons/src/Pan.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="M10.05 23q-.75 0-1.4-.337T7.575 21.7l-5.9-8.65q-.2-.3-.175-.65t.3-.6q.475-.475 1.125-.55t1.175.3L7 13.575V4q0-.425.288-.712T8 3t.713.288T9 4v11.5q0 .6-.537.888t-1.038-.063l-2.125-1.5l3.925 5.725q.125.2.35.325t.475.125H17q.825 0 1.413-.587T19 19V5q0-.425.288-.712T20 4t.713.288T21 5v14q0 1.65-1.175 2.825T17 23zM12 1q.425 0 .713.288T13 2v9q0 .425-.288.713T12 12t-.712-.288T11 11V2q0-.425.288-.712T12 1m4 1q.425 0 .713.288T17 3v8q0 .425-.288.713T16 12t-.712-.288T15 11V3q0-.425.288-.712T16 2m-3.85 14.5"
+	/></svg
+>
diff --git a/js/icons/src/Paperclip.svelte b/js/icons/src/Paperclip.svelte
new file mode 100644
index 0000000..248fb8a
--- /dev/null
+++ b/js/icons/src/Paperclip.svelte
@@ -0,0 +1,17 @@
+<svg
+	fill="currentColor"
+	width="100%"
+	height="100%"
+	viewBox="0 0 1920 1920"
+	xmlns="http://www.w3.org/2000/svg"
+	><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g
+		id="SVGRepo_tracerCarrier"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></g><g id="SVGRepo_iconCarrier">
+		<path
+			d="M1752.768 221.109C1532.646.986 1174.283.986 954.161 221.109l-838.588 838.588c-154.052 154.165-154.052 404.894 0 558.946 149.534 149.421 409.976 149.308 559.059 0l758.738-758.626c87.982-88.094 87.982-231.417 0-319.51-88.32-88.208-231.642-87.982-319.51 0l-638.796 638.908 79.85 79.849 638.795-638.908c43.934-43.821 115.539-43.934 159.812 0 43.934 44.047 43.934 115.877 0 159.812l-758.739 758.625c-110.23 110.118-289.355 110.005-399.36 0-110.118-110.117-110.005-289.242 0-399.247l838.588-838.588c175.963-175.962 462.382-176.188 638.909 0 176.075 176.188 176.075 462.833 0 638.908l-798.607 798.72 79.849 79.85 798.607-798.72c220.01-220.123 220.01-578.485 0-798.607"
+			fill-rule="evenodd"
+		></path>
+	</g></svg
+>
diff --git a/js/icons/src/Pause.svelte b/js/icons/src/Pause.svelte
new file mode 100644
index 0000000..e047149
--- /dev/null
+++ b/js/icons/src/Pause.svelte
@@ -0,0 +1,14 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<rect x="6" y="4" width="4" height="16" />
+	<rect x="14" y="4" width="4" height="16" />
+</svg>
diff --git a/js/icons/src/Play.svelte b/js/icons/src/Play.svelte
new file mode 100644
index 0000000..605c6e7
--- /dev/null
+++ b/js/icons/src/Play.svelte
@@ -0,0 +1,13 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="currentColor"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<polygon points="5 3 19 12 5 21 5 3" />
+</svg>
diff --git a/js/icons/src/Plot.svelte b/js/icons/src/Plot.svelte
new file mode 100644
index 0000000..10a53cb
--- /dev/null
+++ b/js/icons/src/Plot.svelte
@@ -0,0 +1,21 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	role="img"
+	class="iconify iconify--carbon"
+	width="100%"
+	height="100%"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<circle cx="20" cy="4" r="2" fill="currentColor" />
+	<circle cx="8" cy="16" r="2" fill="currentColor" />
+	<circle cx="28" cy="12" r="2" fill="currentColor" />
+	<circle cx="11" cy="7" r="2" fill="currentColor" />
+	<circle cx="16" cy="24" r="2" fill="currentColor" />
+	<path
+		fill="currentColor"
+		d="M30 3.413L28.586 2L4 26.585V2H2v26a2 2 0 0 0 2 2h26v-2H5.413Z"
+	/>
+</svg>
diff --git a/js/icons/src/Plus.svelte b/js/icons/src/Plus.svelte
new file mode 100644
index 0000000..0c2cad9
--- /dev/null
+++ b/js/icons/src/Plus.svelte
@@ -0,0 +1,14 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	><path
+		d="M6 12H12M18 12H12M12 12V6M12 12V18"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path></svg
+>
diff --git a/js/icons/src/Prompt.svelte b/js/icons/src/Prompt.svelte
new file mode 100644
index 0000000..c833fc7
--- /dev/null
+++ b/js/icons/src/Prompt.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	export let icon_size = 16;
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={icon_size}
+	height={icon_size}
+	viewBox="0 0 32 32"
+	><path
+		fill="currentColor"
+		d="M17.74 30L16 29l4-7h6a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h9v2H6a4 4 0 0 1-4-4V8a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4h-4.84Z"
+	/><path fill="currentColor" d="M8 10h16v2H8zm0 6h10v2H8z" /></svg
+>
diff --git a/js/icons/src/Redo.svelte b/js/icons/src/Redo.svelte
new file mode 100644
index 0000000..8768d63
--- /dev/null
+++ b/js/icons/src/Redo.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-rotate-ccw"
+	style="transform: rotateY(180deg);"
+	><polyline points="1 4 1 10 7 10" /><path
+		d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"
+	/></svg
+>
diff --git a/js/icons/src/Remove.svelte b/js/icons/src/Remove.svelte
new file mode 100644
index 0000000..6c91b7d
--- /dev/null
+++ b/js/icons/src/Remove.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 24 24"
+	width="100%"
+	height="100%"
+>
+	<path
+		d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+	/>
+</svg>
diff --git a/js/icons/src/Resize.svelte b/js/icons/src/Resize.svelte
new file mode 100644
index 0000000..8d69396
--- /dev/null
+++ b/js/icons/src/Resize.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 256 256"
+	><path
+		fill="currentColor"
+		d="M144 120v88a8 8 0 0 1-8 8H48a8 8 0 0 1-8-8v-88a8 8 0 0 1 8-8h88a8 8 0 0 1 8 8m64 56a8 8 0 0 0-8 8v16h-24a8 8 0 0 0 0 16h24a16 16 0 0 0 16-16v-16a8 8 0 0 0-8-8m0-72a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8m-8-64h-16a8 8 0 0 0 0 16h16v16a8 8 0 0 0 16 0V56a16 16 0 0 0-16-16m-56 0h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16M48 88a8 8 0 0 0 8-8V56h16a8 8 0 0 0 0-16H56a16 16 0 0 0-16 16v24a8 8 0 0 0 8 8"
+	/></svg
+>
diff --git a/js/icons/src/Resource.svelte b/js/icons/src/Resource.svelte
new file mode 100644
index 0000000..1bdc5f0
--- /dev/null
+++ b/js/icons/src/Resource.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	export let icon_size = 16;
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={icon_size}
+	height={icon_size}
+	viewBox="0 0 32 32"
+	><path fill="currentColor" d="M19 10h7v2h-7zm0 5h7v2h-7zm0 5h7v2h-7z" /><path
+		fill="currentColor"
+		d="M28 5H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h24a2.003 2.003 0 0 0 2-2V7a2 2 0 0 0-2-2M4 7h11v18H4Zm13 18V7h11l.002 18Z"
+	/></svg
+>
diff --git a/js/icons/src/Retry.svelte b/js/icons/src/Retry.svelte
new file mode 100644
index 0000000..d1f3244
--- /dev/null
+++ b/js/icons/src/Retry.svelte
@@ -0,0 +1,38 @@
+<svg
+	width="100%"
+	height="100%"
+	stroke-width="1.5"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	color="currentColor"
+>
+	<path
+		d="M19.1679 9C18.0247 6.46819 15.3006 4.5 11.9999 4.5C8.31459 4.5 5.05104 7.44668 4.54932 11"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path>
+	<path
+		d="M16 9H19.4C19.7314 9 20 8.73137 20 8.4V5"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path>
+	<path
+		d="M4.88146 15C5.92458 17.5318 8.64874 19.5 12.0494 19.5C15.7347 19.5 18.9983 16.5533 19.5 13"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path>
+	<path
+		d="M8.04932 15H4.64932C4.31795 15 4.04932 15.2686 4.04932 15.6V19"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></path>
+</svg>
diff --git a/js/icons/src/Rotate.svelte b/js/icons/src/Rotate.svelte
new file mode 100644
index 0000000..7afae82
--- /dev/null
+++ b/js/icons/src/Rotate.svelte
@@ -0,0 +1,13 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 1024 1024"
+	><path
+		fill="currentColor"
+		d="M672 418H144c-17.7 0-32 14.3-32 32v414c0 17.7 14.3 32 32 32h528c17.7 0 32-14.3 32-32V450c0-17.7-14.3-32-32-32zm-44 402H188V494h440v326z"
+	/><path
+		fill="currentColor"
+		d="M819.3 328.5c-78.8-100.7-196-153.6-314.6-154.2l-.2-64c0-6.5-7.6-10.1-12.6-6.1l-128 101c-4 3.1-3.9 9.1 0 12.3L492 318.6c5.1 4 12.7.4 12.6-6.1v-63.9c12.9.1 25.9.9 38.8 2.5c42.1 5.2 82.1 18.2 119 38.7c38.1 21.2 71.2 49.7 98.4 84.3c27.1 34.7 46.7 73.7 58.1 115.8c11 40.7 14 82.7 8.9 124.8c-.7 5.4-1.4 10.8-2.4 16.1h74.9c14.8-103.6-11.3-213-81-302.3z"
+	/></svg
+>
diff --git a/js/icons/src/ScrollDownArrow.svelte b/js/icons/src/ScrollDownArrow.svelte
new file mode 100644
index 0000000..838acca
--- /dev/null
+++ b/js/icons/src/ScrollDownArrow.svelte
@@ -0,0 +1,15 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M12 20L12 4M12 20L7 15M12 20L17 15"
+		stroke="currentColor"
+		stroke-width="2"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/js/icons/src/Send.svelte b/js/icons/src/Send.svelte
new file mode 100644
index 0000000..cf89df1
--- /dev/null
+++ b/js/icons/src/Send.svelte
@@ -0,0 +1,17 @@
+<svg
+	viewBox="0 0 22 24"
+	width="100%"
+	height="100%"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g
+		id="SVGRepo_tracerCarrier"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	></g><g id="SVGRepo_iconCarrier">
+		<path
+			d="M19.1168 12.1484C19.474 12.3581 19.9336 12.2384 20.1432 11.8811C20.3528 11.5238 20.2331 11.0643 19.8758 10.8547L19.1168 12.1484ZM6.94331 4.13656L6.55624 4.77902L6.56378 4.78344L6.94331 4.13656ZM5.92408 4.1598L5.50816 3.5357L5.50816 3.5357L5.92408 4.1598ZM5.51031 5.09156L4.76841 5.20151C4.77575 5.25101 4.78802 5.29965 4.80505 5.34671L5.51031 5.09156ZM7.12405 11.7567C7.26496 12.1462 7.69495 12.3477 8.08446 12.2068C8.47397 12.0659 8.67549 11.6359 8.53458 11.2464L7.12405 11.7567ZM19.8758 12.1484C20.2331 11.9388 20.3528 11.4793 20.1432 11.122C19.9336 10.7648 19.474 10.6451 19.1168 10.8547L19.8758 12.1484ZM6.94331 18.8666L6.56375 18.2196L6.55627 18.2241L6.94331 18.8666ZM5.92408 18.8433L5.50815 19.4674H5.50815L5.92408 18.8433ZM5.51031 17.9116L4.80505 17.6564C4.78802 17.7035 4.77575 17.7521 4.76841 17.8016L5.51031 17.9116ZM8.53458 11.7567C8.67549 11.3672 8.47397 10.9372 8.08446 10.7963C7.69495 10.6554 7.26496 10.8569 7.12405 11.2464L8.53458 11.7567ZM19.4963 12.2516C19.9105 12.2516 20.2463 11.9158 20.2463 11.5016C20.2463 11.0873 19.9105 10.7516 19.4963 10.7516V12.2516ZM7.82931 10.7516C7.4151 10.7516 7.07931 11.0873 7.07931 11.5016C7.07931 11.9158 7.4151 12.2516 7.82931 12.2516V10.7516ZM19.8758 10.8547L7.32284 3.48968L6.56378 4.78344L19.1168 12.1484L19.8758 10.8547ZM7.33035 3.49414C6.76609 3.15419 6.05633 3.17038 5.50816 3.5357L6.34 4.78391C6.40506 4.74055 6.4893 4.73863 6.55627 4.77898L7.33035 3.49414ZM5.50816 3.5357C4.95998 3.90102 4.67184 4.54987 4.76841 5.20151L6.25221 4.98161C6.24075 4.90427 6.27494 4.82727 6.34 4.78391L5.50816 3.5357ZM4.80505 5.34671L7.12405 11.7567L8.53458 11.2464L6.21558 4.83641L4.80505 5.34671ZM19.1168 10.8547L6.56378 18.2197L7.32284 19.5134L19.8758 12.1484L19.1168 10.8547ZM6.55627 18.2241C6.4893 18.2645 6.40506 18.2626 6.34 18.2192L5.50815 19.4674C6.05633 19.8327 6.76609 19.8489 7.33035 19.509L6.55627 18.2241ZM6.34 18.2192C6.27494 18.1759 6.24075 18.0988 6.25221 18.0215L4.76841 17.8016C4.67184 18.4532 4.95998 19.1021 5.50815 19.4674L6.34 18.2192ZM6.21558 18.1667L8.53458 11.7567L7.12405 11.2464L4.80505 17.6564L6.21558 18.1667ZM19.4963 10.7516H7.82931V12.2516H19.4963V10.7516Z"
+			fill="currentColor"
+		></path>
+	</g></svg
+>
diff --git a/js/icons/src/Settings.svelte b/js/icons/src/Settings.svelte
new file mode 100644
index 0000000..f7636ac
--- /dev/null
+++ b/js/icons/src/Settings.svelte
@@ -0,0 +1,13 @@
+<svg
+	enable-background="new 0 0 32 32"
+	height="20"
+	width="20"
+	viewBox="0 0 32 32"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	><path
+		d="m30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4h-14.1v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4h4.1zm-9 4c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3z"
+	/><path
+		d="m2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4h14.1v-2h-14.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4h-4.1zm9-4c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3z"
+	/><path d="m0 0h32v32h-32z" fill="none" /></svg
+>
diff --git a/js/icons/src/Sketch.svelte b/js/icons/src/Sketch.svelte
new file mode 100644
index 0000000..f2ccfe0
--- /dev/null
+++ b/js/icons/src/Sketch.svelte
@@ -0,0 +1,14 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-edit-2"
+>
+	<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" />
+</svg>
diff --git a/js/icons/src/Spinner.svelte b/js/icons/src/Spinner.svelte
new file mode 100644
index 0000000..1f9c0c8
--- /dev/null
+++ b/js/icons/src/Spinner.svelte
@@ -0,0 +1,40 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 50 50"
+>
+	<circle
+		cx="25"
+		cy="25"
+		r="20"
+		fill="none"
+		stroke-width="3.0"
+		stroke-linecap="round"
+		stroke-dasharray="94.2477796076938 94.2477796076938"
+		stroke-dashoffset="0"
+	>
+		<animateTransform
+			attributeName="transform"
+			type="rotate"
+			from="0 25 25"
+			to="360 25 25"
+			repeatCount="indefinite"
+		/>
+	</circle>
+</svg>
+
+<style>
+	svg {
+		animation: spin 1.5s linear infinite;
+	}
+
+	@keyframes spin {
+		0% {
+			transform: rotate(0deg);
+		}
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+</style>
diff --git a/js/icons/src/Square.svelte b/js/icons/src/Square.svelte
new file mode 100644
index 0000000..eda4127
--- /dev/null
+++ b/js/icons/src/Square.svelte
@@ -0,0 +1,19 @@
+<script>
+	export let fill = "currentColor";
+	export let stroke_width = 1.5;
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	{fill}
+	stroke="currentColor"
+	stroke-width={`${stroke_width}`}
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-square"
+>
+	<rect x="3" y="3" width="18" height="18" rx="2" ry="2" />
+</svg>
diff --git a/js/icons/src/Success.svelte b/js/icons/src/Success.svelte
new file mode 100644
index 0000000..436fcec
--- /dev/null
+++ b/js/icons/src/Success.svelte
@@ -0,0 +1,18 @@
+<svg
+	fill="none"
+	stroke="currentColor"
+	viewBox="0 0 24 24"
+	width="100%"
+	height="100%"
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+	/>
+</svg>
diff --git a/js/icons/src/Table.svelte b/js/icons/src/Table.svelte
new file mode 100644
index 0000000..27108a0
--- /dev/null
+++ b/js/icons/src/Table.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-table"
+>
+	<path
+		d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"
+	/>
+</svg>
diff --git a/js/icons/src/TextHighlight.svelte b/js/icons/src/TextHighlight.svelte
new file mode 100644
index 0000000..3e3f43e
--- /dev/null
+++ b/js/icons/src/TextHighlight.svelte
@@ -0,0 +1,20 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	role="img"
+	class="iconify iconify--carbon"
+	width="100%"
+	height="100%"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		fill="currentColor"
+		d="M12 15H5a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h5V5a1 1 0 0 0-1-1H3V2h6a3 3 0 0 1 3 3zM5 9a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h5V9zm15 14v2a1 1 0 0 0 1 1h5v-4h-5a1 1 0 0 0-1 1z"
+	/>
+	<path
+		fill="currentColor"
+		d="M2 30h28V2Zm26-2h-7a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h5v-2a1 1 0 0 0-1-1h-6v-2h6a3 3 0 0 1 3 3Z"
+	/>
+</svg>
diff --git a/js/icons/src/Tool.svelte b/js/icons/src/Tool.svelte
new file mode 100644
index 0000000..29483c9
--- /dev/null
+++ b/js/icons/src/Tool.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	export let icon_size = 16;
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width={icon_size}
+	height={icon_size}
+	viewBox="0 0 32 32"
+	><path
+		fill="currentColor"
+		d="M12.1 2a9.8 9.8 0 0 0-5.4 1.6l6.4 6.4a2.1 2.1 0 0 1 .2 3a2.1 2.1 0 0 1-3-.2L3.7 6.4A9.84 9.84 0 0 0 2 12.1a10.14 10.14 0 0 0 10.1 10.1a11 11 0 0 0 2.6-.3l6.7 6.7a5 5 0 0 0 7.1-7.1l-6.7-6.7a11 11 0 0 0 .3-2.6A10 10 0 0 0 12.1 2m8 10.1a7.6 7.6 0 0 1-.3 2.1l-.3 1.1l.8.8l6.7 6.7a2.88 2.88 0 0 1 .9 2.1A2.72 2.72 0 0 1 27 27a2.9 2.9 0 0 1-4.2 0l-6.7-6.7l-.8-.8l-1.1.3a7.6 7.6 0 0 1-2.1.3a8.27 8.27 0 0 1-5.7-2.3A7.63 7.63 0 0 1 4 12.1a8.3 8.3 0 0 1 .3-2.2l4.4 4.4a4.14 4.14 0 0 0 5.9.2a4.14 4.14 0 0 0-.2-5.9L10 4.2a6.5 6.5 0 0 1 2-.3a8.27 8.27 0 0 1 5.7 2.3a8.5 8.5 0 0 1 2.4 5.9"
+	/></svg
+>
diff --git a/js/icons/src/Trash.svelte b/js/icons/src/Trash.svelte
new file mode 100644
index 0000000..f0ef19d
--- /dev/null
+++ b/js/icons/src/Trash.svelte
@@ -0,0 +1,27 @@
+<svg
+	id="icon"
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 32 32"
+	fill="currentColor"
+	width="100%"
+	height="100%"
+>
+	<defs>
+		<style>
+			.cls-1 {
+				fill: none;
+			}
+		</style>
+	</defs>
+	<rect x="12" y="12" width="2" height="12" />
+	<rect x="18" y="12" width="2" height="12" />
+	<path d="M4,6V8H6V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8h2V6ZM8,28V8H24V28Z" />
+	<rect x="12" y="2" width="8" height="2" />
+	<rect
+		id="_Transparent_Rectangle_"
+		data-name="&lt;Transparent Rectangle&gt;"
+		class="cls-1"
+		width="32"
+		height="32"
+	/>
+</svg>
diff --git a/js/icons/src/Tree.svelte b/js/icons/src/Tree.svelte
new file mode 100644
index 0000000..0bd91dd
--- /dev/null
+++ b/js/icons/src/Tree.svelte
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	role="img"
+	class="iconify iconify--carbon"
+	width="100%"
+	height="100%"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		fill="currentColor"
+		d="M23 9.005h6a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v1H11v-1a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h4v20a2.002 2.002 0 0 0 2 2h4v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v1h-4v-9h4v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v1h-4v-9h4v1a2 2 0 0 0 2 2Zm0-6h6v4h-6Zm-14 4H3v-4h6Zm14 18h6v4h-6Zm0-11h6v4h-6Z"
+	/>
+</svg>
diff --git a/js/icons/src/Trim.svelte b/js/icons/src/Trim.svelte
new file mode 100644
index 0000000..84dd20a
--- /dev/null
+++ b/js/icons/src/Trim.svelte
@@ -0,0 +1,23 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-scissors"
+	><circle cx="6" cy="6" r="3" /><circle cx="6" cy="18" r="3" /><line
+		x1="20"
+		y1="4"
+		x2="8.12"
+		y2="15.88"
+	/><line x1="14.47" y1="14.48" x2="20" y2="20" /><line
+		x1="8.12"
+		y1="8.12"
+		x2="12"
+		y2="12"
+	/></svg
+>
diff --git a/js/icons/src/Undo.svelte b/js/icons/src/Undo.svelte
new file mode 100644
index 0000000..f5df83d
--- /dev/null
+++ b/js/icons/src/Undo.svelte
@@ -0,0 +1,16 @@
+<svg
+	aria-label="undo"
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-rotate-ccw"
+	><polyline points="1 4 1 10 7 10" /><path
+		d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"
+	/></svg
+>
diff --git a/js/icons/src/Upload.svelte b/js/icons/src/Upload.svelte
new file mode 100644
index 0000000..9081824
--- /dev/null
+++ b/js/icons/src/Upload.svelte
@@ -0,0 +1,15 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="90%"
+	height="90%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-upload"
+	><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" /><polyline
+		points="17 8 12 3 7 8"
+	/><line x1="12" y1="3" x2="12" y2="15" /></svg
+>
diff --git a/js/icons/src/Video.svelte b/js/icons/src/Video.svelte
new file mode 100644
index 0000000..3e93d05
--- /dev/null
+++ b/js/icons/src/Video.svelte
@@ -0,0 +1,15 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.5"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	class="feather feather-video"
+>
+	<polygon points="23 7 16 12 23 17 23 7" />
+	<rect x="1" y="5" width="15" height="14" rx="2" ry="2" />
+</svg>
diff --git a/js/icons/src/Visibility.svelte b/js/icons/src/Visibility.svelte
new file mode 100644
index 0000000..567e49b
--- /dev/null
+++ b/js/icons/src/Visibility.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="M12 16q1.875 0 3.188-1.312T16.5 11.5t-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.788T9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2m0 4.8q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-1.35 3.425-4.35 5.463T12 19"
+	/></svg
+>
diff --git a/js/icons/src/VisibilityOff.svelte b/js/icons/src/VisibilityOff.svelte
new file mode 100644
index 0000000..c93d246
--- /dev/null
+++ b/js/icons/src/VisibilityOff.svelte
@@ -0,0 +1,10 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="m19.8 22.6l-4.2-4.15q-.875.275-1.762.413T12 19q-3.775 0-6.725-2.087T1 11.5q.525-1.325 1.325-2.463T4.15 7L1.4 4.2l1.4-1.4l18.4 18.4zM12 16q.275 0 .513-.025t.512-.1l-5.4-5.4q-.075.275-.1.513T7.5 11.5q0 1.875 1.313 3.188T12 16m7.3.45l-3.175-3.15q.175-.425.275-.862t.1-.938q0-1.875-1.312-3.187T12 7q-.5 0-.937.1t-.863.3L7.65 4.85q1.025-.425 2.1-.637T12 4q3.775 0 6.725 2.088T23 11.5q-.575 1.475-1.513 2.738T19.3 16.45m-4.625-4.6l-3-3q.7-.125 1.288.113t1.012.687t.613 1.038t.087 1.162"
+	/></svg
+>
diff --git a/js/icons/src/VolumeHigh.svelte b/js/icons/src/VolumeHigh.svelte
new file mode 100644
index 0000000..e6d3825
--- /dev/null
+++ b/js/icons/src/VolumeHigh.svelte
@@ -0,0 +1,26 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	fill="none"
+	stroke="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+	color="currentColor"
+>
+	<title>High volume</title>
+	<path
+		d="M1 13.8571V10.1429C1 9.03829 1.89543 8.14286 3 8.14286H5.9C6.09569 8.14286 6.28708 8.08544 6.45046 7.97772L12.4495 4.02228C13.1144 3.5839 14 4.06075 14 4.85714V19.1429C14 19.9392 13.1144 20.4161 12.4495 19.9777L6.45046 16.0223C6.28708 15.9146 6.09569 15.8571 5.9 15.8571H3C1.89543 15.8571 1 14.9617 1 13.8571Z"
+		stroke-width="1.5"
+	/><path
+		d="M17.5 7.5C17.5 7.5 19 9 19 11.5C19 14 17.5 15.5 17.5 15.5"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/><path
+		d="M20.5 4.5C20.5 4.5 23 7 23 11.5C23 16 20.5 18.5 20.5 18.5"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/></svg
+>
diff --git a/js/icons/src/VolumeLow.svelte b/js/icons/src/VolumeLow.svelte
new file mode 100644
index 0000000..8d3f5a6
--- /dev/null
+++ b/js/icons/src/VolumeLow.svelte
@@ -0,0 +1,21 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	stroke="currentColor"
+	color="currentColor"
+>
+	<title>Low volume</title>
+	<path
+		d="M19.5 7.5C19.5 7.5 21 9 21 11.5C21 14 19.5 15.5 19.5 15.5"
+		stroke-width="1.5"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/><path
+		d="M2 13.8571V10.1429C2 9.03829 2.89543 8.14286 4 8.14286H6.9C7.09569 8.14286 7.28708 8.08544 7.45046 7.97772L13.4495 4.02228C14.1144 3.5839 15 4.06075 15 4.85714V19.1429C15 19.9392 14.1144 20.4161 13.4495 19.9777L7.45046 16.0223C7.28708 15.9146 7.09569 15.8571 6.9 15.8571H4C2.89543 15.8571 2 14.9617 2 13.8571Z"
+		stroke-width="1.5"
+	/></svg
+>
diff --git a/js/icons/src/VolumeMuted.svelte b/js/icons/src/VolumeMuted.svelte
new file mode 100644
index 0000000..42e95da
--- /dev/null
+++ b/js/icons/src/VolumeMuted.svelte
@@ -0,0 +1,27 @@
+<svg
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	stroke-width="1.5"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+	stroke="currentColor"
+	color="currentColor"
+>
+	<title>Muted volume</title>
+	<g clip-path="url(#clip0_3173_16686)"
+		><path
+			d="M18 14L20.0005 12M22 10L20.0005 12M20.0005 12L18 10M20.0005 12L22 14"
+			stroke-width="1.5"
+			stroke-linecap="round"
+			stroke-linejoin="round"
+		/><path
+			d="M2 13.8571V10.1429C2 9.03829 2.89543 8.14286 4 8.14286H6.9C7.09569 8.14286 7.28708 8.08544 7.45046 7.97772L13.4495 4.02228C14.1144 3.5839 15 4.06075 15 4.85714V19.1429C15 19.9392 14.1144 20.4161 13.4495 19.9777L7.45046 16.0223C7.28708 15.9146 7.09569 15.8571 6.9 15.8571H4C2.89543 15.8571 2 14.9617 2 13.8571Z"
+			stroke-width="1.5"
+		/></g
+	><defs
+		><clipPath id="clip0_3173_16686"
+			><rect width="24" height="24" fill="white" /></clipPath
+		></defs
+	></svg
+>
diff --git a/js/icons/src/Warning.svelte b/js/icons/src/Warning.svelte
new file mode 100644
index 0000000..802ad3a
--- /dev/null
+++ b/js/icons/src/Warning.svelte
@@ -0,0 +1,18 @@
+<svg
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	viewBox="0 0 24 24"
+	width="100%"
+	height="100%"
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
+	/>
+</svg>
diff --git a/js/icons/src/Webcam.svelte b/js/icons/src/Webcam.svelte
new file mode 100644
index 0000000..8cad48b
--- /dev/null
+++ b/js/icons/src/Webcam.svelte
@@ -0,0 +1,13 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="currentColor"
+		d="M12 2c-4.963 0-9 4.038-9 9c0 3.328 1.82 6.232 4.513 7.79l-2.067 1.378A1 1 0 0 0 6 22h12a1 1 0 0 0 .555-1.832l-2.067-1.378C19.18 17.232 21 14.328 21 11c0-4.962-4.037-9-9-9zm0 16c-3.859 0-7-3.141-7-7c0-3.86 3.141-7 7-7s7 3.14 7 7c0 3.859-3.141 7-7 7z"
+	/><path
+		fill="currentColor"
+		d="M12 6c-2.757 0-5 2.243-5 5s2.243 5 5 5s5-2.243 5-5s-2.243-5-5-5zm0 8c-1.654 0-3-1.346-3-3s1.346-3 3-3s3 1.346 3 3s-1.346 3-3 3z"
+	/></svg
+>
diff --git a/js/icons/src/ZoomIn.svelte b/js/icons/src/ZoomIn.svelte
new file mode 100644
index 0000000..be4e714
--- /dev/null
+++ b/js/icons/src/ZoomIn.svelte
@@ -0,0 +1,14 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="none"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M11 8v6m-3-3h6"
+	/></svg
+>
diff --git a/js/icons/src/ZoomOut.svelte b/js/icons/src/ZoomOut.svelte
new file mode 100644
index 0000000..3a4b718
--- /dev/null
+++ b/js/icons/src/ZoomOut.svelte
@@ -0,0 +1,14 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="100%"
+	height="100%"
+	viewBox="0 0 24 24"
+	><path
+		fill="none"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="2"
+		d="m21 21l-4.343-4.343m0 0A8 8 0 1 0 5.343 5.343a8 8 0 0 0 11.314 11.314M8 11h6"
+	/></svg
+>
diff --git a/js/icons/src/index.ts b/js/icons/src/index.ts
new file mode 100644
index 0000000..8cb182d
--- /dev/null
+++ b/js/icons/src/index.ts
@@ -0,0 +1,80 @@
+export { default as ArrowUp } from "./ArrowUp.svelte";
+export { default as ArrowDown } from "./ArrowDown.svelte";
+export { default as Back } from "./Back.svelte";
+export { default as Backward } from "./Backward.svelte";
+export { default as Brush } from "./Brush.svelte";
+export { default as BrushSize } from "./BrushSize.svelte";
+export { default as Calendar } from "./Calendar.svelte";
+export { default as Camera } from "./Camera.svelte";
+export { default as Chart } from "./Chart.svelte";
+export { default as Chat } from "./Chat.svelte";
+export { default as Check } from "./Check.svelte";
+export { default as ChevronDown } from "./ChevronDown.svelte";
+export { default as Circle } from "./Circle.svelte";
+export { default as Clear } from "./Clear.svelte";
+export { default as ClosedCaption } from "./ClosedCaption.svelte";
+export { default as Code } from "./Code.svelte";
+export { default as Color } from "./Color.svelte";
+export { default as ColorPickerSolid } from "./ColorPickerSolid.svelte";
+export { default as Community } from "./Community.svelte";
+export { default as Copy } from "./Copy.svelte";
+export { default as Crop } from "./Crop.svelte";
+export { default as Download } from "./Download.svelte";
+export { default as DownloadAll } from "./DownloadAll.svelte";
+export { default as DropdownArrow } from "./DropdownArrow.svelte";
+export { default as DropdownCircularArrow } from "./DropdownCircularArrow.svelte";
+export { default as Edit } from "./Edit.svelte";
+export { default as Erase } from "./Erase.svelte";
+export { default as Error } from "./Error.svelte";
+export { default as Eyedropper } from "./Eyedropper.svelte";
+export { default as Forward } from "./Forward.svelte";
+export { default as File } from "./File.svelte";
+export { default as Info } from "./Info.svelte";
+export { default as Success } from "./Success.svelte";
+export { default as Image } from "./Image.svelte";
+export { default as ImagePaste } from "./ImagePaste.svelte";
+export { default as JSON } from "./JSON.svelte";
+export { default as Layers } from "./Layers.svelte";
+export { default as LineChart } from "./LineChart.svelte";
+export { default as Maximize } from "./Maximize.svelte";
+export { default as Microphone } from "./Microphone.svelte";
+export { default as Minimize } from "./Minimize.svelte";
+export { default as Music } from "./Music.svelte";
+export { default as Palette } from "./Palette.svelte";
+export { default as Pan } from "./Pan.svelte";
+export { default as Paperclip } from "./Paperclip.svelte";
+export { default as Pause } from "./Pause.svelte";
+export { default as Play } from "./Play.svelte";
+export { default as Plot } from "./Plot.svelte";
+export { default as Plus } from "./Plus.svelte";
+export { default as Redo } from "./Redo.svelte";
+export { default as Remove } from "./Remove.svelte";
+export { default as Rotate } from "./Rotate.svelte";
+export { default as Send } from "./Send.svelte";
+export { default as Settings } from "./Settings.svelte";
+export { default as Sketch } from "./Sketch.svelte";
+export { default as Square } from "./Square.svelte";
+export { default as Table } from "./Table.svelte";
+export { default as TextHighlight } from "./TextHighlight.svelte";
+export { default as Trash } from "./Trash.svelte";
+export { default as Tree } from "./Tree.svelte";
+export { default as Trim } from "./Trim.svelte";
+export { default as Undo } from "./Undo.svelte";
+export { default as Upload } from "./Upload.svelte";
+export { default as Video } from "./Video.svelte";
+export { default as Visibility } from "./Visibility.svelte";
+export { default as VisibilityOff } from "./VisibilityOff.svelte";
+export { default as VolumeLow } from "./VolumeLow.svelte";
+export { default as VolumeHigh } from "./VolumeHigh.svelte";
+export { default as VolumeMuted } from "./VolumeMuted.svelte";
+export { default as Warning } from "./Warning.svelte";
+export { default as Webcam } from "./Webcam.svelte";
+export { default as Spinner } from "./Spinner.svelte";
+export { default as Resize } from "./Resize.svelte";
+export { default as Retry } from "./Retry.svelte";
+export { default as ScrollDownArrow } from "./ScrollDownArrow.svelte";
+export { default as ZoomIn } from "./ZoomIn.svelte";
+export { default as ZoomOut } from "./ZoomOut.svelte";
+export { default as Tool } from "./Tool.svelte";
+export { default as Prompt } from "./Prompt.svelte";
+export { default as Resource } from "./Resource.svelte";
diff --git a/js/image/CHANGELOG.md b/js/image/CHANGELOG.md
new file mode 100644
index 0000000..a131078
--- /dev/null
+++ b/js/image/CHANGELOG.md
@@ -0,0 +1,1546 @@
+# @gradio/image
+
+## 0.28.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.27.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13532](https://github.com/gradio-app/gradio/pull/13532) [`0a933b4`](https://github.com/gradio-app/gradio/commit/0a933b428f5b2158cb8c764f38abf0da2312d58a) - Fix `gr.SelectData` coordinates when the image in `gr.Image` does not fill its container.  Thanks @hysts!
+- [#13533](https://github.com/gradio-app/gradio/pull/13533) [`e5ec1ca`](https://github.com/gradio-app/gradio/commit/e5ec1ca66c45e7e3a057b75ac2b8b86660b2827b) - Fix fullscreen button not working in ImageSlider, interactive Image, native plots, and AnnotatedImage.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+
+## 0.26.3
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.26.3
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.26.3
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.26.2
+
+### Fixes
+
+- [#13181](https://github.com/gradio-app/gradio/pull/13181) [`755c3d3`](https://github.com/gradio-app/gradio/commit/755c3d32c388a36d2296f8d895c5c0e1144fb54f) - fix: show validation errors on StatusTracker-dependent components.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.26.1
+
+### Fixes
+
+- [#13165](https://github.com/gradio-app/gradio/pull/13165) [`1a0e277`](https://github.com/gradio-app/gradio/commit/1a0e2770067789ba6ec5646e473e1df183cd7183) - Use test utils.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.26.0
+
+### Features
+
+- [#12998](https://github.com/gradio-app/gradio/pull/12998) [`d5e1b8f`](https://github.com/gradio-app/gradio/commit/d5e1b8f6cb7473b70fc8c082589996d5e0402810) - use a real browser environment for unit tests.  Thanks @pngwn!
+
+### Fixes
+
+- [#13004](https://github.com/gradio-app/gradio/pull/13004) [`73d4065`](https://github.com/gradio-app/gradio/commit/73d4065db6a75961693fad60dd26e8dbaa2a56d1) - fix(image): pass onclick to FullscreenButton in ImagePreview.  Thanks @galleon!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.25.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.25.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.25.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.25.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.25.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.25.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.25.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12575](https://github.com/gradio-app/gradio/pull/12575) [`7498fac`](https://github.com/gradio-app/gradio/commit/7498fac6a1c575ff04920ad5178853843a3b270e) - Fix image buttons default value.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+
+## 0.24.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.24.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve audio player UI in gr.Chatbot
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.24.0-dev.2
+
+### Features
+
+- [#12102](https://github.com/gradio-app/gradio/pull/12102) [`baa1cd6`](https://github.com/gradio-app/gradio/commit/baa1cd67573292f95d4b4263c8f15fe89fbeeaa1) - Improve audio player UI in gr.Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+
+## 0.23.2-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.23.2-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.23.2-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+
+## 0.23.1
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.23.1
+
+### Fixes
+
+- [#11969](https://github.com/gradio-app/gradio/pull/11969) [`c8f7909`](https://github.com/gradio-app/gradio/commit/c8f79090ede3b071a8d9620a885350b6ee5a8926) - Show UploadProgress for Webcam Uploads.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.23.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
+## 0.22.18
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.22.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.22.17
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.22.17
+
+### Fixes
+
+- [#11720](https://github.com/gradio-app/gradio/pull/11720) [`4d3d983`](https://github.com/gradio-app/gradio/commit/4d3d983083c1317925aba1f67c8d5d3c944525ca) - Exit fullscreen mode when `gr.Image` value is cleared.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+
+## 0.22.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+
+## 0.22.15
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+
+## 0.22.14
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+
+## 0.22.13
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+
+## 0.22.12
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+
+## 0.22.11
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+
+## 0.22.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+
+## 0.22.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.22.9
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+
+## 0.22.8
+
+### Fixes
+
+- [#11304](https://github.com/gradio-app/gradio/pull/11304) [`bdbc210`](https://github.com/gradio-app/gradio/commit/bdbc210dbf09555b3bd8f647c6f19621771b5771) - Fix custom components build and dev mode with certain base components (Image and Audio at least).  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.22.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+
+## 0.22.6
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+
+## 0.22.5
+
+### Fixes
+
+- [#11098](https://github.com/gradio-app/gradio/pull/11098) [`49ad594`](https://github.com/gradio-app/gradio/commit/49ad5943eeab96b153f0b56fe8d42d755fe1e0f8) - Fix #10281: Dragging image replaces existing instead of opening new tab.  Thanks @Martim-Rito!
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.22.4
+
+### Fixes
+
+- [#11091](https://github.com/gradio-app/gradio/pull/11091) [`e3d80e3`](https://github.com/gradio-app/gradio/commit/e3d80e3c5c305ce84771ec78e5e25c705d4eff44) - Fix scaling issue when setting height in Image component.  Thanks @freddyaboulton!
+
+## 0.22.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.22.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+
+## 0.22.1
+
+### Fixes
+
+- [#10979](https://github.com/gradio-app/gradio/pull/10979) [`975feee`](https://github.com/gradio-app/gradio/commit/975feee3925e5b65e52ae00da5c5066d8889ae6a) - improve webcam options for the ImageEditor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.22.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.21.7
+
+### Features
+
+- [#10847](https://github.com/gradio-app/gradio/pull/10847) [`d5fde7c`](https://github.com/gradio-app/gradio/commit/d5fde7c390004ce5394072100b059f545d2d4eae) - Babylon update for model3D.  Thanks @CedricGuillemet!
+
+### Fixes
+
+- [#10901](https://github.com/gradio-app/gradio/pull/10901) [`64a6ead`](https://github.com/gradio-app/gradio/commit/64a6ead05c99cfd5787e7f112838f2be83082a69) - Fix EventData scaling when `gr.Image` is in fullscreen mode.  Thanks @tiago-gsantos!
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+
+## 0.21.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+
+## 0.21.5
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.21.4
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+
+## 0.21.3
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+
+## 0.21.2
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.21.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+
+## 0.21.0
+
+### Features
+
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.20.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/wasm@0.17.2
+
+## 0.20.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/wasm@0.17.1
+
+## 0.20.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.20.1
+
+### Fixes
+
+- [#10327](https://github.com/gradio-app/gradio/pull/10327) [`e0cb47f`](https://github.com/gradio-app/gradio/commit/e0cb47f0c5040049fb942a381c0335de4bf77d67) - Fix webcam.  Thanks @Col0ring!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+
+## 0.20.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Fixes
+
+- [#10269](https://github.com/gradio-app/gradio/pull/10269) [`890eaa3`](https://github.com/gradio-app/gradio/commit/890eaa3a9e53dab5bcb16c5d017ae0470109b8fb) - Allow displaying SVG images securely in `gr.Image` and `gr.Gallery` components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+
+## 0.19.0
+
+### Features
+
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+
+## 0.18.0
+
+### Features
+
+- [#10099](https://github.com/gradio-app/gradio/pull/10099) [`8530b6e`](https://github.com/gradio-app/gradio/commit/8530b6e2f986421adceda98f972e6b843bc03fbe) - Redesign pending bubble in Chatbot.  Thanks @hannahblair!
+- [#10032](https://github.com/gradio-app/gradio/pull/10032) [`e450674`](https://github.com/gradio-app/gradio/commit/e450674ce41ca28f1f37a27fb149c728593a6ddf) - add  `webcam_height` and `webcam_width` to specify the resolution of the Webcam.  Thanks @yinsumirage!
+
+## 0.17.0
+
+### Features
+
+- [#10054](https://github.com/gradio-app/gradio/pull/10054) [`458941c`](https://github.com/gradio-app/gradio/commit/458941c508f11d43debf1cef6950f330145e336d) - Allow full screen mode in interactive gr.Image.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.16.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.16.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.16.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.16.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+
+## 0.16.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+
+## 0.16.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/wasm@0.14.1
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.16.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds ability to block event trigger when file is uploading
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Open audio/image input stream only when queue is ready
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming Guides
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Send Streaming data over Websocket if possible. Also support base64 output format for images.
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot autoscroll
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix stop recording button colors
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming inputs for 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.16.0-beta.7
+
+### Features
+
+- [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.16.0-beta.6
+
+### Features
+
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.16.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.16.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.16.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.16.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+- [#9270](https://github.com/gradio-app/gradio/pull/9270) [`b0b8500`](https://github.com/gradio-app/gradio/commit/b0b850081d8d10c1287b5d179b8db37482e21c8d) - Fix stop recording button colors.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.16.0-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.16.0-beta.0
+
+### Features
+
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+- [#9173](https://github.com/gradio-app/gradio/pull/9173) [`66349fe`](https://github.com/gradio-app/gradio/commit/66349fe26827e3a3c15b738a1177e95fec7f5554) - Streaming Guides.  Thanks @freddyaboulton!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+## 0.15.1
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+
+## 0.15.0
+
+### Features
+
+- [#9031](https://github.com/gradio-app/gradio/pull/9031) [`04b7d32`](https://github.com/gradio-app/gradio/commit/04b7d327ec1227a693fc2dfea51b1e2729851bde) - Allow drag and replace image in `gr.Image` and Multimodal textbox.  Thanks @hannahblair!
+- [#8930](https://github.com/gradio-app/gradio/pull/8930) [`41d5ab9`](https://github.com/gradio-app/gradio/commit/41d5ab987ba9728753be4509490c79041655809b) - Add `placeholder` param to Image and ImageEditor to replace upload image text.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Fixes
+
+- [#9116](https://github.com/gradio-app/gradio/pull/9116) [`ba6322e`](https://github.com/gradio-app/gradio/commit/ba6322ec2bb975f15389fe0700816bf671c6819d) - Fix image height content fit.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.14.0
+
+### Features
+
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+
+## 0.13.0
+
+### Features
+
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+
+### Fixes
+
+- [#8836](https://github.com/gradio-app/gradio/pull/8836) [`7e8c829`](https://github.com/gradio-app/gradio/commit/7e8c829aad85d3d5a31a03f4f2e41483d1e6b53e) - Add `.input()` events to `gr.Audio` and `gr.Image`.  Thanks @abidlabs!
+- [#8852](https://github.com/gradio-app/gradio/pull/8852) [`16b8200`](https://github.com/gradio-app/gradio/commit/16b820038df43905447ab7623d39d91ceb0d6238) - Fix gr.Image height inconsistencies.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.12.2
+
+### Fixes
+
+- [#8737](https://github.com/gradio-app/gradio/pull/8737) [`31a876d`](https://github.com/gradio-app/gradio/commit/31a876d0274d7b74a90d30148f3e9c098f486242) - Fix `Share to community` button for images.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.12.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.11.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.11.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.10.6
+
+## 0.11.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/upload@0.10.4
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.11.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.11.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+
+## 0.10.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.9.11
+
+### Fixes
+
+- [#7754](https://github.com/gradio-app/gradio/pull/7754) [`057d171`](https://github.com/gradio-app/gradio/commit/057d171c717737a522b55b0d66962f9c62dd87c3) - Correctly handle device selection in `Image` and `ImageEditor`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.9.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.9.4
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.9.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.9.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.9.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.9.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.8.0
+
+### Features
+
+- [#7228](https://github.com/gradio-app/gradio/pull/7228) [`2e6672c`](https://github.com/gradio-app/gradio/commit/2e6672c815e39fd6af78353e66661100b9102cd4) - Allow start/pause of streaming image input. Only access the webcam while it's needed. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7309](https://github.com/gradio-app/gradio/pull/7309) [`200e251`](https://github.com/gradio-app/gradio/commit/200e2518e4d449aa82819a8d119e912bd1d95c15) - Add `gr.Image` interaction test + `gr.ImageEditor` interaction test improvement. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7325](https://github.com/gradio-app/gradio/pull/7325) [`733ca26`](https://github.com/gradio-app/gradio/commit/733ca266bb1ba9049ed7309b8f0614199682e173) - Ensure examples Images displays as expected. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.7.1
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32), [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4), [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/wasm@0.5.1
+  - @gradio/statustracker@0.4.4
+
+## 0.7.0
+
+### Fixes
+
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.1
+
+### Fixes
+
+- [#6885](https://github.com/gradio-app/gradio/pull/6885) [`640b7fe`](https://github.com/gradio-app/gradio/commit/640b7fe05276e11720b4341cadf088491395e53d) - Fix issue with Webcam Recording. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6967](https://github.com/gradio-app/gradio/pull/6967) [`5e00162`](https://github.com/gradio-app/gradio/commit/5e0016267f1d683e2daab82ee4a33d2f09513a34) - Make <Gallery /> Wasm-compatible. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.6.0
+
+### Features
+
+- [#6133](https://github.com/gradio-app/gradio/pull/6133) [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383) - Lite: Support AnnotatedImage on Wasm. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6931](https://github.com/gradio-app/gradio/pull/6931) [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549) - Fix functional tests. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6942](https://github.com/gradio-app/gradio/pull/6942) [`b1b78c2`](https://github.com/gradio-app/gradio/commit/b1b78c2168e24fb65251a9b9b6cbc9382179a8ca) - Fix `.select` for `gr.Image`, `gr.CheckboxGroup`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.4
+
+### Fixes
+
+- [#6865](https://github.com/gradio-app/gradio/pull/6865) [`15c97c6`](https://github.com/gradio-app/gradio/commit/15c97c6d346c475141d20615b5a865e9c44bdc76) - Fix webcam when `streaming=True`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.3
+
+### Fixes
+
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+
+## 0.5.0
+
+### Features
+
+- [#6726](https://github.com/gradio-app/gradio/pull/6726) [`21cfb0a`](https://github.com/gradio-app/gradio/commit/21cfb0acc309bb1a392f4d8a8e42f6be864c5978) - Remove the styles from the Image/Video primitive components and Fix the container styles. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#6709](https://github.com/gradio-app/gradio/pull/6709) [`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88) - Remove progress animation on streaming. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.4.2
+
+### Fixes
+
+- [#6635](https://github.com/gradio-app/gradio/pull/6635) [`b639e04`](https://github.com/gradio-app/gradio/commit/b639e040741e6c0d9104271c81415d7befbd8cf3) - Quick Image + Text Component Fixes. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/upload@0.5.1
+
+## 0.4.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.6
+
+### Fixes
+
+- [#6441](https://github.com/gradio-app/gradio/pull/6441) [`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521) - Small but important bugfixes for gr.Image: The upload event was not triggering at all. The paste-from-clipboard was not triggering an upload event. The clear button was not triggering a change event. The change event was triggering infinitely. Uploaded images were not preserving their original names. Uploading a new image should clear out the previous image. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486), [`d84209703`](https://github.com/gradio-app/gradio/commit/d84209703b7a0728cdb49221e543500ddb6a8d33)]:
+  - @gradio/client@0.8.1
+  - @gradio/wasm@0.3.0
+  - @gradio/upload@0.4.1
+
+## 0.3.4
+
+### Features
+
+- [#6363](https://github.com/gradio-app/gradio/pull/6363) [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d) - Fix image upload. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6322](https://github.com/gradio-app/gradio/pull/6322) [`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120) - Fixes `gr.load()` so it works properly with Images and Examples. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/statustracker@0.3.1
+
+## 0.3.2
+
+### Fixes
+
+- [#6213](https://github.com/gradio-app/gradio/pull/6213) [`27194a987`](https://github.com/gradio-app/gradio/commit/27194a987fa7ba1234b5fc0ce8bf7fabef7033a9) - Ensure the statustracker for `gr.Image` displays in static mode. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.9
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6146](https://github.com/gradio-app/gradio/pull/6146) [`40a171ea6`](https://github.com/gradio-app/gradio/commit/40a171ea60c74afa9519d6cb159def16ce68e1ca) - Fix image double change bug. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [[`174b73619`](https://github.com/gradio-app/gradio/commit/174b736194756e23f51bbaf6f850bac5f1ca95b5), [`5fbda0bd2`](https://github.com/gradio-app/gradio/commit/5fbda0bd2b2bbb2282249b8875d54acf87cd7e84)]:
+  - @gradio/wasm@0.2.0-beta.1
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.0
+
+### Features
+
+- [#5627](https://github.com/gradio-app/gradio/pull/5627) [`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5) - Lite: Make the Examples component display media files using pseudo HTTP requests to the Wasm server. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5934](https://github.com/gradio-app/gradio/pull/5934) [`8d909624f`](https://github.com/gradio-app/gradio/commit/8d909624f61a49536e3c0f71cb2d9efe91216219) - Fix styling issues with Audio, Image and Video components. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.4
+
+### Fixes
+
+- [#5587](https://github.com/gradio-app/gradio/pull/5587) [`e0d61b8ba`](https://github.com/gradio-app/gradio/commit/e0d61b8baa0f6293f53b9bdb1647d42f9ae2583a) - Fix `.clear()` events for audio and image. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.3
+
+### Fixes
+
+- [#5528](https://github.com/gradio-app/gradio/pull/5528) [`dc86e4a7`](https://github.com/gradio-app/gradio/commit/dc86e4a7e1c40b910c74558e6f88fddf9b3292bc) - Lazy load all images. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.2.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd)]:
+  - @gradio/upload@0.0.3
+
+## 0.1.0
+
+### Features
+
+- [#4979](https://github.com/gradio-app/gradio/pull/4979) [`44ac8ad0`](https://github.com/gradio-app/gradio/commit/44ac8ad08d82ea12c503dde5c78f999eb0452de2) - Allow setting sketch color default. Thanks [@aliabid94](https://github.com/aliabid94)!
\ No newline at end of file
diff --git a/js/image/Example.svelte b/js/image/Example.svelte
new file mode 100644
index 0000000..03350de
--- /dev/null
+++ b/js/image/Example.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+	import Image from "./shared/Image.svelte";
+	import type { FileData } from "@gradio/client";
+
+	let {
+		value,
+		type,
+		selected = false
+	}: {
+		value: null | FileData;
+		type: "gallery" | "table";
+		selected?: boolean;
+	} = $props();
+</script>
+
+<div
+	class="container"
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+	class:border={value}
+>
+	{#if value}
+		<Image src={value.url} alt="" />
+	{/if}
+</div>
+
+<style>
+	.container :global(img) {
+		width: 100%;
+		height: 100%;
+	}
+
+	.container.selected {
+		border-color: var(--border-color-accent);
+	}
+	.border.table {
+		border: 2px solid var(--border-color-primary);
+	}
+
+	.container.table {
+		margin: 0 auto;
+		border-radius: var(--radius-lg);
+		overflow: hidden;
+		width: var(--size-20);
+		height: var(--size-20);
+		object-fit: cover;
+	}
+
+	.container.gallery {
+		width: var(--size-20);
+		max-width: var(--size-20);
+		object-fit: cover;
+	}
+</style>
diff --git a/js/image/Image.stories.svelte b/js/image/Image.stories.svelte
new file mode 100644
index 0000000..5865466
--- /dev/null
+++ b/js/image/Image.stories.svelte
@@ -0,0 +1,176 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import StaticImage from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const cheetah = "/cheetah.jpg";
+	const lion = "/lion.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/Image",
+		component: StaticImage,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+
+	let md = `# a heading! /n a new line! `;
+</script>
+
+<Story
+	name="static with label, info and download button"
+	args={{
+		value: {
+			path: cheetah,
+			url: cheetah,
+			orig_name: "cheetah.jpg"
+		},
+		show_label: true,
+		placeholder: "This is a cheetah",
+		buttons: ["fullscreen", "download"],
+		webcam_options: { mirror: true, constraints: null }
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 300px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<StaticImage {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="static with no label or download button"
+	args={{
+		value: {
+			path: cheetah,
+			url: cheetah,
+			orig_name: "cheetah.jpg"
+		},
+		show_label: false,
+		buttons: [],
+		webcam_options: { mirror: true, constraints: null }
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 300px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<StaticImage {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="static with a vertically long image"
+	args={{
+		value: {
+			path: lion,
+			url: lion,
+			orig_name: "lion.jpg"
+		},
+		buttons: [],
+		webcam_options: { mirror: true, constraints: null }
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 300px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<StaticImage {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="static with a vertically long image and a fixed height"
+	args={{
+		value: {
+			path: lion,
+			url: lion,
+			orig_name: "lion.jpg"
+		},
+		height: "500px",
+		buttons: [],
+		webcam_options: { mirror: true, constraints: null }
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 300px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<StaticImage {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="static with a small image and a fixed height"
+	args={{
+		value: {
+			path: cheetah,
+			url: cheetah,
+			orig_name: "cheetah.jpg"
+		},
+		height: "500px",
+		buttons: [],
+		webcam_options: { mirror: true, constraints: null }
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 300px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<StaticImage {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="interactive with webcam"
+	args={{
+		sources: ["webcam"],
+		interactive: true,
+		buttons: ["download"],
+		webcam_options: { mirror: true, constraints: null }
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 300px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<StaticImage {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="interactive with clipboard"
+	args={{
+		sources: ["clipboard"],
+		interactive: true,
+		buttons: ["download"]
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 300px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<StaticImage {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
diff --git a/js/image/Image.test.ts b/js/image/Image.test.ts
new file mode 100644
index 0000000..77f6117
--- /dev/null
+++ b/js/image/Image.test.ts
@@ -0,0 +1,784 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import {
+	cleanup,
+	render,
+	fireEvent,
+	waitFor,
+	upload_file,
+	drop_file,
+	mock_client,
+	download_file,
+	TEST_JPG,
+	TEST_PNG
+} from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import Image from "./Index.svelte";
+import { get_coordinates_of_clicked_image } from "./shared/utils";
+
+const fake_value = {
+	path: "test.png",
+	url: "https://example.com/test.png",
+	orig_name: "test.png",
+	size: 1024,
+	mime_type: "image/png",
+	is_stream: false
+};
+
+const default_props = {
+	sources: ["upload", "webcam", "clipboard"] as (
+		| "upload"
+		| "webcam"
+		| "clipboard"
+	)[],
+	value: null as any,
+	label: "Image",
+	show_label: true,
+	interactive: true,
+	_selectable: false,
+	height: 300,
+	width: 300,
+	streaming: false,
+	stream_every: 1,
+	pending: false,
+	input_ready: true,
+	placeholder: "",
+	buttons: [] as (string | { value: string; id: number; icon: null })[],
+	webcam_options: { mirror: false, constraints: {} },
+	watermark: null
+};
+
+run_shared_prop_tests({
+	component: Image,
+	name: "Image",
+	base_props: {
+		...default_props
+	},
+	has_label: false,
+	has_validation_error: true
+});
+
+describe("Image", () => {
+	afterEach(() => cleanup());
+
+	test("renders with null value showing upload area", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			value: null
+		});
+
+		expect(getByLabelText("image.drop_to_upload")).toBeVisible();
+	});
+
+	test("renders image when value is set", async () => {
+		const { container } = await render(Image, {
+			...default_props,
+			value: fake_value
+		});
+
+		const img = container.querySelector("img");
+		expect(img).toBeTruthy();
+		expect(img?.getAttribute("src")).toBe("https://example.com/test.png");
+	});
+});
+
+describe("Props: label", () => {
+	afterEach(() => cleanup());
+
+	test("label text is rendered", async () => {
+		const result = await render(Image, {
+			...default_props,
+			label: "My Custom Label",
+			show_label: true
+		});
+		const el = result.getByText("My Custom Label");
+		expect(el).toBeTruthy();
+	});
+
+	test("show_label: true makes the label visible", async () => {
+		const result = await render(Image, {
+			...default_props,
+			label: "Visible Label",
+			show_label: true
+		});
+		const el = result.getByText("Visible Label");
+		expect(el).toBeVisible();
+	});
+
+	test("show_label: false hides the label visually but keeps it in the DOM", async () => {
+		const result = await render(Image, {
+			...default_props,
+			label: "Hidden Label",
+			show_label: false
+		});
+		const el = result.getByText("Hidden Label");
+		expect(el).not.toBeVisible();
+	});
+});
+
+describe("Props: sources", () => {
+	afterEach(() => cleanup());
+
+	test("multiple sources renders source selection buttons", async () => {
+		const { getByTestId } = await render(Image, {
+			...default_props,
+			sources: ["upload", "webcam", "clipboard"]
+		});
+
+		const sourceSelect = getByTestId("source-select");
+		expect(sourceSelect).toBeTruthy();
+	});
+
+	test("single upload source does not render source selection", async () => {
+		const { queryByTestId, getByLabelText } = await render(Image, {
+			...default_props,
+			sources: ["upload"]
+		});
+		expect(getByLabelText("image.drop_to_upload")).toBeVisible();
+		const sourceSelect = queryByTestId("source-select");
+		expect(sourceSelect).toBeNull();
+	});
+
+	test("single clipboard source does render source selection", async () => {
+		const { queryByTestId, getByLabelText } = await render(Image, {
+			...default_props,
+			sources: ["clipboard"]
+		});
+		expect(getByLabelText("Paste from clipboard")).toBeTruthy();
+		const sourceSelect = queryByTestId("source-select");
+		expect(sourceSelect).not.toBeNull();
+	});
+
+	test("clipboard and upload sources render paste and upload buttons", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			sources: ["upload", "clipboard"]
+		});
+
+		expect(getByLabelText("Upload file")).toBeTruthy();
+		expect(getByLabelText("Paste from clipboard")).toBeTruthy();
+	});
+
+	test("upload and webcam sources render corresponding buttons", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			sources: ["upload", "webcam"]
+		});
+
+		expect(getByLabelText("Upload file")).toBeTruthy();
+		expect(getByLabelText("Capture from camera")).toBeTruthy();
+	});
+
+	test("clicking webcam source button hides the upload area", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			sources: ["upload", "webcam"]
+		});
+
+		expect(getByLabelText("image.drop_to_upload")).toBeVisible();
+
+		await fireEvent.click(getByLabelText("Capture from camera"));
+
+		// Re-query after click to avoid stale references from potential rerenders
+		expect(getByLabelText("image.drop_to_upload")).not.toBeVisible();
+	});
+
+	test("clicking upload source button shows the upload area again", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			sources: ["upload", "webcam"]
+		});
+
+		await fireEvent.click(getByLabelText("Capture from camera"));
+		expect(getByLabelText("image.drop_to_upload")).not.toBeVisible();
+
+		await fireEvent.click(getByLabelText("Upload file"));
+		expect(getByLabelText("image.drop_to_upload")).toBeVisible();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true shows an upload area when value is null", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			interactive: true,
+			value: null
+		});
+
+		expect(getByLabelText("image.drop_to_upload")).toBeTruthy();
+	});
+
+	test("interactive=false renders the image without upload controls", async () => {
+		const { container, queryByLabelText } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: ["fullscreen"]
+		});
+
+		const img = container.querySelector("img");
+		expect(img).toBeTruthy();
+		// No upload area or source selection in static mode
+		expect(queryByLabelText("image.drop_to_upload")).toBeNull();
+		expect(queryByLabelText("Upload file")).toBeNull();
+	});
+
+	test("interactive=false with null value does not show upload area", async () => {
+		const { queryByLabelText } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: null
+		});
+
+		expect(queryByLabelText("image.drop_to_upload")).toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("setting value triggers change event", async () => {
+		const { listen, set_data } = await render(Image, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: fake_value });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change event is not triggered on mount with a default value", async () => {
+		const { listen } = await render(Image, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("changing value multiple times triggers change each time", async () => {
+		const { listen, set_data } = await render(Image, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		const value_a = { ...fake_value, url: "https://example.com/a.png" };
+		const value_b = { ...fake_value, url: "https://example.com/b.png" };
+
+		await set_data({ value: value_a });
+		await set_data({ value: value_b });
+
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+
+	test("setting value to null after a value triggers change", async () => {
+		const { listen, set_data } = await render(Image, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: null });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Props: buttons (static mode)", () => {
+	afterEach(() => cleanup());
+
+	test("buttons with download shows download link", async () => {
+		const { container } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: {
+				...TEST_JPG,
+				is_stream: false
+			},
+			buttons: ["download"]
+		});
+
+		const downloadLink = container.querySelector("a.download-link");
+		expect(downloadLink).toBeTruthy();
+
+		const { suggested_filename } = await download_file("a.download-link");
+		expect(suggested_filename).toBe("cheetah1.jpg");
+	});
+
+	test("buttons with fullscreen shows fullscreen button", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: ["fullscreen"]
+		});
+
+		expect(getByLabelText("Fullscreen")).toBeTruthy();
+	});
+
+	test("clicking the fullscreen button toggles fullscreen in interactive mode", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			buttons: ["fullscreen"]
+		});
+
+		await fireEvent.click(getByLabelText("Fullscreen"));
+		await waitFor(() => {
+			expect(getByLabelText("Exit fullscreen mode")).toBeVisible();
+		});
+
+		await fireEvent.click(getByLabelText("Exit fullscreen mode"));
+		await waitFor(() => {
+			expect(getByLabelText("Fullscreen")).toBeVisible();
+		});
+	});
+
+	test("empty buttons array shows no action buttons", async () => {
+		const { queryByLabelText } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: []
+		});
+
+		expect(queryByLabelText("Fullscreen")).toBeNull();
+		expect(queryByLabelText("common.download")).toBeNull();
+	});
+
+	test("custom button renders and dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: [{ value: "Analyze", id: 7, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Analyze");
+
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 7 });
+	});
+});
+
+describe("Props: buttons (interactive mode)", () => {
+	afterEach(() => cleanup());
+
+	test("clear button appears when image has a value", async () => {
+		const { getByLabelText } = await render(Image, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		const clearBtn = getByLabelText("Remove Image");
+		expect(clearBtn).toBeTruthy();
+	});
+
+	test("clear button is not present when there is no image value", async () => {
+		const { queryByLabelText, getByLabelText } = await render(Image, {
+			...default_props,
+			interactive: true,
+			value: null
+		});
+
+		// Smoke test: component rendered
+		expect(getByLabelText("image.drop_to_upload")).toBeTruthy();
+		expect(queryByLabelText("Remove Image")).toBeNull();
+	});
+
+	test("clicking clear button removes the image and dispatches clear and input", async () => {
+		const { getByLabelText, listen } = await render(Image, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		const clear = listen("clear");
+		const input = listen("input");
+		const clearBtn = getByLabelText("Remove Image");
+
+		await fireEvent.click(clearBtn);
+
+		expect(clear).toHaveBeenCalledTimes(1);
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("get_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the current value", async () => {
+		const { get_data, set_data } = await render(Image, {
+			...default_props,
+			value: null
+		});
+
+		const initial = await get_data();
+		expect(initial.value).toBeNull();
+
+		await set_data({ value: fake_value });
+
+		const updated = await get_data();
+		expect(updated.value).toEqual(fake_value);
+	});
+});
+
+describe("Selectable", () => {
+	afterEach(() => cleanup());
+
+	test("selectable mode shows crosshair cursor on the image", async () => {
+		const { container } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			_selectable: true,
+			buttons: []
+		});
+
+		const frame = container.querySelector(".selectable");
+		expect(frame).toBeTruthy();
+	});
+
+	test("non-selectable mode does not show crosshair cursor", async () => {
+		const { container } = await render(Image, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			_selectable: false,
+			buttons: []
+		});
+
+		const frame = container.querySelector(".selectable");
+		expect(frame).toBeNull();
+	});
+});
+
+describe("get_coordinates_of_clicked_image", () => {
+	function make_mock_event(
+		clientX: number,
+		clientY: number,
+		imgProps: { naturalWidth: number; naturalHeight: number },
+		rect: { left: number; top: number; width: number; height: number }
+	): MouseEvent {
+		const imgEl = document.createElement("img");
+		Object.defineProperty(imgEl, "naturalWidth", {
+			value: imgProps.naturalWidth
+		});
+		Object.defineProperty(imgEl, "naturalHeight", {
+			value: imgProps.naturalHeight
+		});
+		imgEl.getBoundingClientRect = () => ({
+			left: rect.left,
+			top: rect.top,
+			width: rect.width,
+			height: rect.height,
+			right: rect.left + rect.width,
+			bottom: rect.top + rect.height,
+			x: rect.left,
+			y: rect.top,
+			toJSON: () => {}
+		});
+
+		const container = document.createElement("div");
+		container.appendChild(imgEl);
+
+		return {
+			currentTarget: container,
+			clientX,
+			clientY
+		} as unknown as MouseEvent;
+	}
+
+	test("returns correct coordinates for a 1:1 scale image", () => {
+		const evt = make_mock_event(
+			50,
+			50,
+			{
+				naturalWidth: 100,
+				naturalHeight: 100
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 100,
+				height: 100
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toEqual([50, 50]);
+	});
+
+	test("returns correct coordinates when image is scaled down", () => {
+		// 200x200 natural, displayed at 100x100, click at (25, 25) in viewport
+		const evt = make_mock_event(
+			25,
+			25,
+			{
+				naturalWidth: 200,
+				naturalHeight: 200
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 100,
+				height: 100
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toEqual([50, 50]);
+	});
+
+	test("accounts for container offset", () => {
+		const evt = make_mock_event(
+			60,
+			70,
+			{
+				naturalWidth: 100,
+				naturalHeight: 100
+			},
+			{
+				left: 10,
+				top: 20,
+				width: 100,
+				height: 100
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toEqual([50, 50]);
+	});
+
+	test("returns null when click is outside image bounds", () => {
+		// Click at (-5, 50) relative to image → x = -5 which is < 0
+		const evt = make_mock_event(
+			-5,
+			50,
+			{
+				naturalWidth: 100,
+				naturalHeight: 100
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 100,
+				height: 100
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toBeNull();
+	});
+
+	test("returns null when click is beyond the right edge", () => {
+		const evt = make_mock_event(
+			105,
+			50,
+			{
+				naturalWidth: 100,
+				naturalHeight: 100
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 100,
+				height: 100
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toBeNull();
+	});
+
+	test("handles landscape image with letterboxing (xScale > yScale)", () => {
+		// 400x200 natural image displayed in 200x200 container
+		// xScale = 400/200 = 2, yScale = 200/200 = 1
+		// xScale > yScale, so displayed_height = 200/2 = 100, y_offset = 50
+		// Click at (100, 100): x = (100-0)*2 = 200, y = (100-0-50)*2 = 100
+		const evt = make_mock_event(
+			100,
+			100,
+			{
+				naturalWidth: 400,
+				naturalHeight: 200
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 200,
+				height: 200
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toEqual([200, 100]);
+	});
+
+	test("handles portrait image with pillarboxing (yScale > xScale)", () => {
+		// 200x400 natural image displayed in 200x200 container
+		// xScale = 200/200 = 1, yScale = 400/200 = 2
+		// yScale > xScale, so displayed_width = 200/2 = 100, x_offset = 50
+		// Click at (100, 100): x = (100-0-50)*2 = 100, y = (100-0)*2 = 200
+		const evt = make_mock_event(
+			100,
+			100,
+			{
+				naturalWidth: 200,
+				naturalHeight: 400
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 200,
+				height: 200
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toEqual([100, 200]);
+	});
+
+	test("handles image shown at natural size with empty space on both axes", () => {
+		// `object-fit: scale-down` never upscales: a 100x100 natural image in
+		// a 400x300 box is drawn at natural size, centered at offset (150, 100).
+		// Click at (150, 100) = top-left corner of the drawn image.
+		const evt = make_mock_event(
+			150,
+			100,
+			{
+				naturalWidth: 100,
+				naturalHeight: 100
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 400,
+				height: 300
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toEqual([0, 0]);
+	});
+
+	test("returns null when click is in the empty space around a natural-size image", () => {
+		// 100x100 natural image in a 1920x1080 box: drawn at natural size,
+		// centered at offset (910, 490). A click at (500, 540) is inside the
+		// box but left of the drawn image, so no image pixel is under it.
+		const evt = make_mock_event(
+			500,
+			540,
+			{
+				naturalWidth: 100,
+				naturalHeight: 100
+			},
+			{
+				left: 0,
+				top: 0,
+				width: 1920,
+				height: 1080
+			}
+		);
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toBeNull();
+	});
+
+	test("returns [NaN, NaN] when currentTarget is not an Element", () => {
+		const evt = {
+			currentTarget: {},
+			clientX: 50,
+			clientY: 50
+		} as unknown as MouseEvent;
+
+		const result = get_coordinates_of_clicked_image(evt);
+		expect(result).toEqual([NaN, NaN]);
+	});
+});
+
+const upload_props = {
+	...default_props,
+	sources: ["upload"] as "upload"[],
+	interactive: true,
+	value: null,
+	root: "https://example.com",
+	client: mock_client()
+};
+
+describe("Events: upload via file input", () => {
+	afterEach(() => cleanup());
+
+	test("selecting a file triggers upload, change, and input events", async () => {
+		const { listen } = await render(Image, upload_props);
+
+		const upload = listen("upload");
+		const change = listen("change");
+		const input = listen("input");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(input).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("drag and drop a file triggers upload, change, and input events", async () => {
+		const { listen } = await render(Image, upload_props);
+
+		const upload = listen("upload");
+		const change = listen("change");
+		const input = listen("input");
+
+		await drop_file(TEST_PNG, "[aria-label='image.drop_to_upload']");
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(input).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("upload failure dispatches error event with the message", async () => {
+		const failing_upload = vi
+			.fn()
+			.mockRejectedValue(new Error("File too large"));
+		const { listen } = await render(Image, {
+			...upload_props,
+			client: {
+				upload: failing_upload,
+				stream: async () => ({ onmessage: null, close: () => {} })
+			}
+		});
+
+		const error = listen("error");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(failing_upload).toHaveBeenCalled();
+		});
+
+		await waitFor(() => {
+			expect(error).toHaveBeenCalledTimes(1);
+		});
+		expect(error).toHaveBeenCalledWith("File too large");
+	});
+});
diff --git a/js/image/ImageExample.stories.svelte b/js/image/ImageExample.stories.svelte
new file mode 100644
index 0000000..69b8869
--- /dev/null
+++ b/js/image/ImageExample.stories.svelte
@@ -0,0 +1,26 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Image from "./Example.svelte";
+
+	const cheetah = "/cheetah.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/Image/Example",
+		component: Image
+	});
+</script>
+
+<Story
+	name="Image file"
+	args={{
+		value: {
+			path: cheetah,
+			url: cheetah,
+			orig_name: "cheetah.jpg"
+		}
+	}}
+>
+	{#snippet template(args)}
+		<Image {...args} />
+	{/snippet}
+</Story>
diff --git a/js/image/Index.svelte b/js/image/Index.svelte
new file mode 100644
index 0000000..f0acd33
--- /dev/null
+++ b/js/image/Index.svelte
@@ -0,0 +1,208 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+	export { default as Webcam } from "./shared/Webcam.svelte";
+	export { default as BaseImageUploader } from "./shared/ImageUploader.svelte";
+	export { default as BaseStaticImage } from "./shared/ImagePreview.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+	export { default as BaseImage } from "./shared/Image.svelte";
+</script>
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import { Gradio } from "@gradio/utils";
+	import StaticImage from "./shared/ImagePreview.svelte";
+	import ImageUploader from "./shared/ImageUploader.svelte";
+	import { Block, Empty, UploadText } from "@gradio/atoms";
+	import { Image } from "@gradio/icons";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { ImageProps, ImageEvents } from "./shared/types";
+
+	let stream_data = { value: null };
+	let upload_promise = $state<Promise<any> | null>(null);
+	class ImageGradio extends Gradio<ImageEvents, ImageProps> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+
+			const data = await super.get_data();
+			if (props.props.streaming) {
+				data.value = stream_data.value;
+			}
+
+			return data;
+		}
+	}
+
+	const props = $props();
+	const gradio = new ImageGradio(props, { value: null });
+
+	let value = $state(gradio.props.value ?? null);
+	let fullscreen = $state(false);
+	let dragging = $state(false);
+	let active_source = $derived.by(() =>
+		gradio.props.sources ? gradio.props.sources[0] : null
+	);
+
+	$effect(() => {
+		value = gradio.props.value ?? null;
+	});
+
+	$effect(() => {
+		gradio.props.value = value;
+	});
+
+	let old_value = value;
+	let mounted = false;
+
+	$effect(() => {
+		if (!mounted) {
+			old_value = value;
+			mounted = true;
+			return;
+		}
+		if (old_value !== value) {
+			old_value = value;
+			gradio.dispatch("change");
+		}
+	});
+
+	let status = $derived(gradio?.shared?.loading_status.stream_state);
+</script>
+
+{#if !gradio.shared.interactive}
+	<Block
+		visible={gradio.shared.visible}
+		variant={"solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height || undefined}
+		width={gradio.props.width}
+		allow_overflow={false}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+		bind:fullscreen
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+		<StaticImage
+			onselect={(detail) => gradio.dispatch("select", detail)}
+			onshare={(detail) => gradio.dispatch("share", detail)}
+			onerror={(detail) => gradio.dispatch("error", detail)}
+			onfullscreen={(detail) => {
+				fullscreen = detail;
+			}}
+			{fullscreen}
+			{value}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			selectable={gradio.props._selectable}
+			i18n={gradio.i18n}
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	</Block>
+{:else}
+	<Block
+		visible={gradio.shared.visible}
+		variant={gradio.props.value === null ? "dashed" : "solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height || undefined}
+		width={gradio.props.width}
+		allow_overflow={false}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+		bind:fullscreen
+	>
+		{#if gradio.shared.loading_status.type === "output" || gradio.shared.loading_status.validation_error}
+			<StatusTracker
+				autoscroll={gradio.shared.autoscroll}
+				i18n={gradio.i18n}
+				{...gradio.shared.loading_status}
+				on_clear_status={() =>
+					gradio.dispatch("clear_status", gradio.shared.loading_status)}
+			/>
+		{/if}
+		<ImageUploader
+			bind:upload_promise
+			bind:active_source
+			bind:value
+			bind:dragging
+			selectable={gradio.props._selectable}
+			root={gradio.shared.root}
+			sources={gradio.props.sources}
+			{fullscreen}
+			show_fullscreen_button={gradio.props.buttons === null
+				? true
+				: gradio.props.buttons.some(
+						(btn) => typeof btn === "string" && btn === "fullscreen"
+					)}
+			onclear={() => {
+				fullscreen = false;
+				gradio.dispatch("clear");
+				gradio.dispatch("input");
+			}}
+			onstream={(detail) => {
+				stream_data = detail;
+				gradio.dispatch("stream", detail);
+			}}
+			ondrag={(detail) => (dragging = detail)}
+			onupload={() => {
+				gradio.dispatch("upload");
+				gradio.dispatch("input");
+			}}
+			onselect={(detail) => gradio.dispatch("select", detail)}
+			onerror={(detail) => {
+				gradio.shared.loading_status.status = "error";
+				gradio.dispatch("error", detail);
+			}}
+			onclose_stream={() => {
+				gradio.dispatch("close_stream");
+			}}
+			onfullscreen={(detail) => {
+				fullscreen = detail;
+			}}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			pending={gradio.shared.loading_status?.status === "pending" ||
+				gradio.shared.loading_status?.status === "streaming"}
+			streaming={gradio.props.streaming}
+			webcam_options={gradio.props.webcam_options}
+			stream_every={gradio.props.stream_every}
+			time_limit={gradio.shared.loading_status?.time_limit}
+			max_file_size={gradio.shared.max_file_size}
+			i18n={gradio.i18n}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={gradio.shared.client?.stream}
+			stream_state={status}
+		>
+			{#if active_source === "upload" || !active_source}
+				<UploadText
+					i18n={gradio.i18n}
+					type="image"
+					placeholder={gradio.props.placeholder}
+				/>
+			{:else if active_source === "clipboard"}
+				<UploadText i18n={gradio.i18n} type="clipboard" mode="short" />
+			{:else}
+				<Empty unpadded_box={true} size="large"><Image /></Empty>
+			{/if}
+		</ImageUploader>
+	</Block>
+{/if}
diff --git a/js/image/README.md b/js/image/README.md
new file mode 100644
index 0000000..517533d
--- /dev/null
+++ b/js/image/README.md
@@ -0,0 +1,53 @@
+# `@gradio/image`
+
+```html
+<script>
+	import { BaseImageUploader, BaseStaticImage, Webcam, BaseExample } from "@gradio/image";
+</script>
+```
+
+BaseImageUploader
+```javascript
+	export let sources: ("clipboard" | "webcam" | "upload")[] = [
+		"upload",
+		"clipboard",
+		"webcam"
+	];
+	export let streaming = false;
+	export let pending = false;
+	export let mirror_webcam: boolean;
+	export let selectable = false;
+	export let root: string;
+	export let i18n: I18nFormatter;
+```
+
+BaseStaticImage
+```javascript
+	export let value: null | FileData;
+	export let label: string | undefined = undefined;
+	export let show_label: boolean;
+	export let show_download_button = true;
+	export let selectable = false;
+	export let show_share_button = false;
+	export let root: string;
+	export let i18n: I18nFormatter;
+```
+
+Webcam
+```javascript
+	export let streaming = false;
+	export let pending = false;
+
+	export let mode: "image" | "video" = "image";
+	export let mirror_webcam: boolean;
+	export let include_audio: boolean;
+	export let i18n: I18nFormatter;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let samples_dir: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/image/package.json b/js/image/package.json
new file mode 100644
index 0000000..fba9d03
--- /dev/null
+++ b/js/image/package.json
@@ -0,0 +1,56 @@
+{
+	"name": "@gradio/image",
+	"version": "0.28.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"cropperjs": "^2.0.1",
+		"lazy-brush": "^2.0.2",
+		"resize-observer-polyfill": "^1.5.1"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./base": {
+			"gradio": "./shared/ImagePreview.svelte",
+			"svelte": "./dist/shared/ImagePreview.svelte",
+			"types": "./dist/shared/ImagePreview.svelte.d.ts"
+		},
+		"./shared": {
+			"gradio": "./shared/index.ts",
+			"svelte": "./dist/shared/index.js",
+			"types": "./dist/shared/index.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/image"
+	}
+}
diff --git a/js/image/shared/Image.svelte b/js/image/shared/Image.svelte
new file mode 100644
index 0000000..6e4cb98
--- /dev/null
+++ b/js/image/shared/Image.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+	import type { HTMLImgAttributes } from "svelte/elements";
+
+	let {
+		src = "",
+		restProps = {},
+		data_testid,
+		class_names = [],
+		onload,
+		...imgProps
+	}: {
+		src?: string;
+		restProps?: Record<string, any>;
+		data_testid?: string;
+		class_names?: string[];
+		onload?: HTMLImgAttributes["onload"];
+		[key: string]: any;
+	} = $props();
+
+	const without_class = ({
+		class: _class,
+		...props
+	}: Record<string, any>): Record<string, any> => props;
+
+	let rest_img_props = $derived(without_class(restProps));
+	let direct_img_props = $derived(without_class(imgProps));
+	let classes = $derived(
+		[class_names.join(" "), restProps.class, imgProps.class]
+			.filter(Boolean)
+			.join(" ")
+	);
+</script>
+
+<!-- svelte-ignore a11y-missing-attribute -->
+<img
+	{src}
+	class={classes}
+	data-testid={data_testid}
+	{...rest_img_props}
+	{...direct_img_props}
+	{onload}
+/>
+
+<style>
+	img {
+		object-fit: cover;
+	}
+</style>
diff --git a/js/image/shared/ImagePreview.svelte b/js/image/shared/ImagePreview.svelte
new file mode 100644
index 0000000..4a7b0e4
--- /dev/null
+++ b/js/image/shared/ImagePreview.svelte
@@ -0,0 +1,172 @@
+<script lang="ts">
+	import type { SelectData } from "@gradio/utils";
+	import { uploadToHuggingFace } from "@gradio/utils";
+	import {
+		BlockLabel,
+		Empty,
+		IconButton,
+		ShareButton,
+		IconButtonWrapper,
+		FullscreenButton,
+		DownloadLink
+	} from "@gradio/atoms";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import { Download, Image as ImageIcon } from "@gradio/icons";
+	import { get_coordinates_of_clicked_image } from "./utils";
+	import Image from "./Image.svelte";
+
+	import type { I18nFormatter } from "@gradio/utils";
+	import type { FileData } from "@gradio/client";
+
+	let {
+		value,
+		label = undefined,
+		show_label,
+		buttons = [],
+		on_custom_button_click = null,
+		selectable = false,
+		i18n,
+		display_icon_button_wrapper_top_corner = false,
+		fullscreen = $bindable(false),
+		show_button_background = true,
+		onselect,
+		onfullscreen,
+		onshare,
+		onerror,
+		onload
+	}: {
+		value: null | FileData;
+		label?: string;
+		show_label: boolean;
+		buttons?: (string | CustomButtonType)[];
+		on_custom_button_click?: ((id: number) => void) | null;
+		selectable?: boolean;
+		i18n: I18nFormatter;
+		display_icon_button_wrapper_top_corner?: boolean;
+		fullscreen?: boolean;
+		show_button_background?: boolean;
+		onselect?: (value: SelectData) => void;
+		onfullscreen?: (fullscreen: boolean) => void;
+		onshare?: (detail: unknown) => void;
+		onerror?: (error: string) => void;
+		onload?: () => void;
+	} = $props();
+
+	const handle_click = (evt: MouseEvent): void => {
+		let coordinates = get_coordinates_of_clicked_image(evt);
+		if (coordinates) {
+			onselect?.({ index: coordinates, value: null });
+		}
+	};
+
+	let image_container: HTMLElement;
+</script>
+
+<BlockLabel
+	{show_label}
+	Icon={ImageIcon}
+	label={!show_label ? "" : label || i18n("image.image")}
+/>
+{#if value == null || !value?.url}
+	<Empty unpadded_box={true} size="large"><ImageIcon /></Empty>
+{:else}
+	<div class="image-container" bind:this={image_container}>
+		<IconButtonWrapper
+			display_top_corner={display_icon_button_wrapper_top_corner}
+			show_background={show_button_background}
+			{buttons}
+			{on_custom_button_click}
+		>
+			{#if buttons.some((btn) => typeof btn === "string" && btn === "fullscreen")}
+				<FullscreenButton
+					{fullscreen}
+					onclick={(is_fullscreen) => {
+						fullscreen = is_fullscreen;
+						onfullscreen?.(is_fullscreen);
+					}}
+				/>
+			{/if}
+			{#if buttons.some((btn) => typeof btn === "string" && btn === "download")}
+				<DownloadLink href={value.url} download={value.orig_name || "image"}>
+					<IconButton Icon={Download} label={i18n("common.download")} />
+				</DownloadLink>
+			{/if}
+			{#if buttons.some((btn) => typeof btn === "string" && btn === "share")}
+				<ShareButton
+					{i18n}
+					onshare={(detail) => onshare?.(detail)}
+					onerror={(detail) => onerror?.(detail)}
+					formatter={async (value) => {
+						if (!value) return "";
+						let url = await uploadToHuggingFace(value, "url");
+						return `<img src="${url}" />`;
+					}}
+					{value}
+				/>
+			{/if}
+		</IconButtonWrapper>
+		<button onclick={handle_click}>
+			<div class:selectable class="image-frame">
+				<Image
+					src={value.url}
+					restProps={{ loading: "lazy", alt: "" }}
+					{onload}
+				/>
+			</div>
+		</button>
+	</div>
+{/if}
+
+<style>
+	.image-container {
+		height: 100%;
+		position: relative;
+		min-width: var(--size-20);
+	}
+
+	.image-container button {
+		width: var(--size-full);
+		height: var(--size-full);
+		border-radius: var(--radius-lg);
+
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.image-frame :global(img) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: scale-down;
+	}
+
+	.selectable {
+		cursor: crosshair;
+	}
+
+	:global(.fullscreen-controls svg) {
+		position: relative;
+		top: 0px;
+	}
+
+	:global(.image-container:fullscreen) {
+		background-color: black;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	:global(.image-container:fullscreen img) {
+		max-width: 90vw;
+		max-height: 90vh;
+		object-fit: scale-down;
+	}
+
+	.image-frame {
+		width: auto;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+</style>
diff --git a/js/image/shared/ImageUploader.svelte b/js/image/shared/ImageUploader.svelte
new file mode 100644
index 0000000..ef9ad6d
--- /dev/null
+++ b/js/image/shared/ImageUploader.svelte
@@ -0,0 +1,345 @@
+<script lang="ts">
+	import { tick, type Snippet } from "svelte";
+	import { BlockLabel, IconButtonWrapper, IconButton } from "@gradio/atoms";
+	import { Clear, Image as ImageIcon } from "@gradio/icons";
+	import { FullscreenButton } from "@gradio/atoms";
+	import {
+		type SelectData,
+		type I18nFormatter,
+		type ValueData
+	} from "@gradio/utils";
+	import { get_coordinates_of_clicked_image } from "./utils";
+	import Webcam from "./Webcam.svelte";
+
+	import { Upload, UploadProgress } from "@gradio/upload";
+	import { FileData, type Client } from "@gradio/client";
+	import { SelectSource } from "@gradio/atoms";
+	import Image from "./Image.svelte";
+	import type { Base64File, WebcamOptions } from "./types";
+
+	type source_type = "upload" | "webcam" | "clipboard" | "microphone" | null;
+
+	let {
+		value = $bindable<null | FileData | Base64File>(null),
+		label = undefined,
+		show_label,
+		sources = ["upload", "clipboard", "webcam"],
+		streaming = false,
+		pending = $bindable(false),
+		webcam_options,
+		selectable = false,
+		root,
+		i18n,
+		max_file_size = null,
+		upload,
+		stream_handler,
+		stream_every,
+		time_limit,
+		show_fullscreen_button = true,
+		stream_state = "closed",
+		upload_promise = $bindable<Promise<any> | null>(null),
+		onerror,
+		uploading = $bindable(false),
+		active_source = $bindable<source_type>(null),
+		fullscreen = $bindable(false),
+		dragging = $bindable(false),
+		onchange,
+		onstream,
+		onclear,
+		ondrag,
+		onupload,
+		onselect,
+		onfullscreen,
+		onclose_stream,
+		children
+	}: {
+		value?: null | FileData | Base64File;
+		label?: string;
+		show_label: boolean;
+		sources?: source_type[];
+		streaming?: boolean;
+		pending?: boolean;
+		webcam_options: WebcamOptions;
+		selectable?: boolean;
+		root: string;
+		i18n: I18nFormatter;
+		max_file_size?: number | null;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		stream_every: number;
+		time_limit: number;
+		show_fullscreen_button?: boolean;
+		stream_state?: "open" | "waiting" | "closed";
+		upload_promise?: Promise<any> | null;
+		onerror?: (error: string) => void;
+		uploading?: boolean;
+		active_source?: source_type;
+		fullscreen?: boolean;
+		dragging?: boolean;
+		onchange?: (value?: null | FileData | Base64File) => void;
+		onstream?: (value: ValueData) => void;
+		onclear?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onupload?: () => void;
+		onselect?: (value: SelectData) => void;
+		onfullscreen?: (fullscreen: boolean) => void;
+		onclose_stream?: () => void;
+		children?: Snippet;
+	} = $props();
+
+	let upload_input: Upload;
+
+	let files = $state<FileData[]>([]);
+	let upload_id = $state("");
+
+	async function handle_upload(detail: FileData): Promise<void> {
+		if (!streaming) {
+			if (detail.path?.toLowerCase().endsWith(".svg") && detail.url) {
+				const response = await fetch(detail.url);
+				const svgContent = await response.text();
+				value = {
+					...detail,
+					url: `data:image/svg+xml,${encodeURIComponent(svgContent)}`
+				};
+			} else {
+				value = detail;
+			}
+
+			await tick();
+			onupload?.();
+		}
+	}
+
+	function handle_clear(): void {
+		value = null;
+		onclear?.();
+		onchange?.(null);
+	}
+
+	function handle_remove_image_click(event: MouseEvent): void {
+		handle_clear();
+		event.stopPropagation();
+	}
+
+	async function handle_save(
+		img_blob: Blob | any,
+		event: "change" | "stream" | "upload"
+	): Promise<void> {
+		if (event === "stream") {
+			onstream?.({
+				value: { url: img_blob } as Base64File,
+				is_value_data: true
+			});
+			return;
+		}
+		upload_id = Math.random().toString(36).substring(2, 15);
+		const f_ = new File([img_blob], `image.${streaming ? "jpeg" : "png"}`);
+		files = [
+			new FileData({
+				path: f_.name,
+				orig_name: f_.name,
+				blob: f_,
+				size: f_.size,
+				mime_type: f_.type,
+				is_stream: false
+			})
+		];
+		pending = true;
+		const f = await upload_input.load_files([f_], upload_id);
+		if (event === "change" || event === "upload") {
+			value = f?.[0] || null;
+			await tick();
+			onchange?.();
+		}
+		pending = false;
+	}
+
+	let active_streaming = $derived(streaming && active_source === "webcam");
+	$effect(() => {
+		if (uploading && !active_streaming) value = null;
+	});
+	$effect(() => {
+		ondrag?.(dragging);
+	});
+
+	function handle_click(evt: MouseEvent): void {
+		let coordinates = get_coordinates_of_clicked_image(evt);
+		if (coordinates) {
+			onselect?.({ index: coordinates, value: null });
+		}
+	}
+
+	$effect(() => {
+		if (!active_source && sources) {
+			active_source = sources[0];
+		}
+	});
+
+	async function handle_select_source(
+		source: (typeof sources)[number]
+	): Promise<void> {
+		switch (source) {
+			case "clipboard":
+				upload_input.paste_clipboard();
+				break;
+			default:
+				break;
+		}
+	}
+
+	let image_container: HTMLElement;
+
+	function on_drag_over(evt: DragEvent): void {
+		evt.preventDefault();
+		evt.stopPropagation();
+		if (evt.dataTransfer) {
+			evt.dataTransfer.dropEffect = "copy";
+		}
+
+		dragging = true;
+	}
+
+	async function on_drop(evt: DragEvent): Promise<void> {
+		evt.preventDefault();
+		evt.stopPropagation();
+		dragging = false;
+
+		if (value) {
+			handle_clear();
+			await tick();
+		}
+
+		active_source = "upload";
+		await tick();
+		upload_input.load_files_from_drop(evt);
+	}
+</script>
+
+<BlockLabel {show_label} Icon={ImageIcon} label={label || "Image"} />
+
+<div data-testid="image" class="image-container" bind:this={image_container}>
+	<IconButtonWrapper>
+		{#if value?.url && !active_streaming}
+			{#if show_fullscreen_button}
+				<FullscreenButton
+					{fullscreen}
+					onclick={(is_fullscreen) => {
+						fullscreen = is_fullscreen;
+						onfullscreen?.(is_fullscreen);
+					}}
+				/>
+			{/if}
+			<IconButton
+				Icon={Clear}
+				label="Remove Image"
+				onclick={handle_remove_image_click}
+			/>
+		{/if}
+	</IconButtonWrapper>
+	<!-- svelte-ignore a11y-no-static-element-interactions -->
+	<div
+		class="upload-container"
+		class:reduced-height={sources.length > 1}
+		style:width={value ? "auto" : "100%"}
+		ondragover={on_drag_over}
+		ondrop={on_drop}
+	>
+		<Upload
+			bind:upload_promise
+			hidden={value !== null || active_source === "webcam"}
+			bind:this={upload_input}
+			bind:uploading
+			bind:dragging
+			filetype={active_source === "clipboard" ? "clipboard" : "image/*"}
+			onload={handle_upload}
+			{onerror}
+			{root}
+			{max_file_size}
+			disable_click={!sources.includes("upload") || value !== null}
+			{upload}
+			{stream_handler}
+			aria_label={i18n("image.drop_to_upload")}
+		>
+			{#if value === null}
+				{#if children}{@render children()}{/if}
+			{/if}
+		</Upload>
+		{#if active_source === "webcam" && !streaming && pending}
+			<UploadProgress {root} {upload_id} {stream_handler} {files} />
+		{:else if active_source === "webcam" && (streaming || (!streaming && !value))}
+			<Webcam
+				{root}
+				{value}
+				oncapture={(detail) => handle_save(detail, "change")}
+				onstream={(detail) => handle_save(detail, "stream")}
+				{onerror}
+				{onclose_stream}
+				{stream_state}
+				mirror_webcam={webcam_options.mirror}
+				{stream_every}
+				{streaming}
+				mode="image"
+				include_audio={false}
+				{i18n}
+				{upload}
+				{time_limit}
+				webcam_constraints={webcam_options.constraints}
+			/>
+		{:else if value !== null && !streaming}
+			<!-- svelte-ignore a11y-click-events-have-key-events-->
+			<!-- svelte-ignore a11y-no-static-element-interactions-->
+			<div class:selectable class="image-frame" onclick={handle_click}>
+				<Image src={value.url} restProps={{ alt: value.alt_text }} />
+			</div>
+		{/if}
+	</div>
+	{#if sources.length > 1 || sources.includes("clipboard")}
+		<SelectSource
+			{sources}
+			bind:active_source
+			{handle_clear}
+			handle_select={(source) => handle_select_source(source as source_type)}
+		/>
+	{/if}
+</div>
+
+<style>
+	.image-frame :global(img) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: scale-down;
+	}
+
+	.upload-container {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+
+		height: 100%;
+		flex-shrink: 1;
+		max-height: 100%;
+	}
+
+	.reduced-height {
+		height: calc(100% - var(--size-10));
+	}
+
+	.image-container {
+		display: flex;
+		height: 100%;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		max-height: 100%;
+	}
+
+	.selectable {
+		cursor: crosshair;
+	}
+
+	.image-frame {
+		object-fit: cover;
+		width: 100%;
+		height: 100%;
+	}
+</style>
diff --git a/js/image/shared/Webcam.svelte b/js/image/shared/Webcam.svelte
new file mode 100644
index 0000000..6ae8aa9
--- /dev/null
+++ b/js/image/shared/Webcam.svelte
@@ -0,0 +1,502 @@
+<script lang="ts">
+	import { onDestroy, onMount } from "svelte";
+	import {
+		Camera,
+		Circle,
+		Square,
+		DropdownArrow,
+		Spinner
+	} from "@gradio/icons";
+	import type { I18nFormatter } from "@gradio/utils";
+	import { StreamingBar } from "@gradio/statustracker";
+	import { type FileData, type Client, prepare_files } from "@gradio/client";
+	import WebcamPermissions from "./WebcamPermissions.svelte";
+	import { fade } from "svelte/transition";
+	import {
+		get_devices,
+		get_video_stream,
+		set_available_devices
+	} from "./stream_utils";
+	import type { Base64File } from "./types";
+
+	let video_source: HTMLVideoElement;
+	let available_video_devices = $state<MediaDeviceInfo[]>([]);
+	let selected_device = $state<MediaDeviceInfo | null>(null);
+
+	let canvas: HTMLCanvasElement;
+	let {
+		stream_state = "closed",
+		streaming = false,
+		pending = false,
+		root = "",
+		stream_every = 1,
+		mode = "image",
+		mirror_webcam,
+		include_audio,
+		webcam_constraints = null,
+		i18n,
+		upload,
+		value = null,
+		time_limit = null,
+		onstream,
+		oncapture,
+		onerror,
+		onstart_recording,
+		onstop_recording,
+		onclose_stream
+	}: {
+		stream_state?: "open" | "waiting" | "closed";
+		streaming?: boolean;
+		pending?: boolean;
+		root?: string;
+		stream_every?: number;
+		mode?: "image" | "video";
+		mirror_webcam: boolean;
+		include_audio: boolean;
+		webcam_constraints?: { [key: string]: any } | null;
+		i18n: I18nFormatter;
+		upload: Client["upload"];
+		value?: FileData | null | Base64File;
+		time_limit?: number | null;
+		onstream?: (value: Blob | string) => void;
+		oncapture?: (value: FileData | Blob | null) => void;
+		onerror?: (error: string) => void;
+		onstart_recording?: () => void;
+		onstop_recording?: () => void;
+		onclose_stream?: () => void;
+	} = $props();
+
+	onMount(() => {
+		canvas = document.createElement("canvas");
+		if (streaming && mode === "image") {
+			window.setInterval(() => {
+				if (video_source && !pending) {
+					take_picture();
+				}
+			}, stream_every * 1000);
+		}
+	});
+
+	const handle_device_change = async (event: InputEvent): Promise<void> => {
+		const target = event.target as HTMLInputElement;
+		const device_id = target.value;
+
+		await get_video_stream(
+			include_audio,
+			video_source,
+			webcam_constraints,
+			device_id
+		).then(async (local_stream) => {
+			stream = local_stream;
+			selected_device =
+				available_video_devices.find(
+					(device) => device.deviceId === device_id
+				) || null;
+			options_open = false;
+		});
+	};
+
+	async function access_webcam(): Promise<void> {
+		try {
+			get_video_stream(include_audio, video_source, webcam_constraints)
+				.then(async (local_stream) => {
+					webcam_accessed = true;
+					available_video_devices = await get_devices();
+					stream = local_stream;
+				})
+				.then(() => set_available_devices(available_video_devices))
+				.then((devices) => {
+					available_video_devices = devices;
+
+					const used_devices = stream
+						.getTracks()
+						.map((track) => track.getSettings()?.deviceId)[0];
+
+					selected_device = used_devices
+						? devices.find((device) => device.deviceId === used_devices) ||
+							available_video_devices[0]
+						: available_video_devices[0];
+				});
+
+			if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+				onerror?.(i18n("image.no_webcam_support"));
+			}
+		} catch (err) {
+			if (err instanceof DOMException && err.name == "NotAllowedError") {
+				onerror?.(i18n("image.allow_webcam_access"));
+			} else {
+				throw err;
+			}
+		}
+	}
+
+	function take_picture(): void {
+		if (
+			(!streaming || (streaming && recording)) &&
+			video_source.videoWidth &&
+			video_source.videoHeight
+		) {
+			var context = canvas.getContext("2d")!;
+			canvas.width = video_source.videoWidth;
+			canvas.height = video_source.videoHeight;
+			context.drawImage(
+				video_source,
+				0,
+				0,
+				video_source.videoWidth,
+				video_source.videoHeight
+			);
+
+			if (mirror_webcam) {
+				context.scale(-1, 1);
+				context.drawImage(video_source, -video_source.videoWidth, 0);
+			}
+
+			if (streaming && (!recording || stream_state === "waiting")) {
+				return;
+			}
+			if (streaming) {
+				const image_data = canvas.toDataURL("image/jpeg");
+				onstream?.(image_data);
+				return;
+			}
+
+			canvas.toBlob(
+				(blob) => {
+					if (streaming) {
+						onstream?.(blob as Blob);
+					} else {
+						oncapture?.(blob);
+					}
+				},
+				`image/${streaming ? "jpeg" : "png"}`,
+				0.8
+			);
+		}
+	}
+
+	let recording = $state(false);
+	let recorded_blobs: BlobPart[] = [];
+	let stream: MediaStream;
+	let mimeType: string;
+	let media_recorder: MediaRecorder;
+
+	function take_recording(): void {
+		if (recording) {
+			media_recorder.stop();
+			let video_blob = new Blob(recorded_blobs, { type: mimeType });
+			let ReaderObj = new FileReader();
+			ReaderObj.onload = async function (e): Promise<void> {
+				if (e.target) {
+					let _video_blob = new File(
+						[video_blob],
+						"sample." + mimeType.substring(6)
+					);
+					const val = await prepare_files([_video_blob]);
+					let val_ = (
+						(await upload(val, root))?.filter(Boolean) as FileData[]
+					)[0];
+					oncapture?.(val_);
+					onstop_recording?.();
+				}
+			};
+			ReaderObj.readAsDataURL(video_blob);
+		} else if (typeof MediaRecorder !== "undefined") {
+			onstart_recording?.();
+			recorded_blobs = [];
+			let validMimeTypes = ["video/webm", "video/mp4"];
+			for (let validMimeType of validMimeTypes) {
+				if (MediaRecorder.isTypeSupported(validMimeType)) {
+					mimeType = validMimeType;
+					break;
+				}
+			}
+			if (mimeType === null) {
+				console.error("No supported MediaRecorder mimeType");
+				return;
+			}
+			media_recorder = new MediaRecorder(stream, {
+				mimeType: mimeType
+			});
+			media_recorder.addEventListener("dataavailable", function (e) {
+				recorded_blobs.push(e.data);
+			});
+			media_recorder.start(200);
+		}
+		recording = !recording;
+	}
+
+	let webcam_accessed = $state(false);
+
+	function record_video_or_photo({
+		destroy
+	}: { destroy?: boolean } = {}): void {
+		if (mode === "image" && streaming) {
+			recording = !recording;
+		}
+
+		if (!destroy) {
+			if (mode === "image") {
+				take_picture();
+			} else {
+				take_recording();
+			}
+		}
+
+		if (!recording && stream) {
+			onclose_stream?.();
+		}
+	}
+
+	let options_open = $state(false);
+
+	export function click_outside(node: Node, cb: any): any {
+		const handle_click = (event: MouseEvent): void => {
+			if (
+				node &&
+				!node.contains(event.target as Node) &&
+				!event.defaultPrevented
+			) {
+				cb(event);
+			}
+		};
+
+		document.addEventListener("click", handle_click, true);
+
+		return {
+			destroy() {
+				document.removeEventListener("click", handle_click, true);
+			}
+		};
+	}
+
+	function handle_click_outside(event: MouseEvent): void {
+		event.preventDefault();
+		event.stopPropagation();
+		options_open = false;
+	}
+
+	onDestroy(() => {
+		if (typeof window === "undefined") return;
+		record_video_or_photo({ destroy: true });
+		stream?.getTracks().forEach((track) => track.stop());
+	});
+</script>
+
+<div class="wrap">
+	<StreamingBar {time_limit} />
+	<!-- svelte-ignore a11y-media-has-caption -->
+	<!-- need to suppress for video streaming https://github.com/sveltejs/svelte/issues/5967 -->
+	<video
+		bind:this={video_source}
+		class:flip={mirror_webcam}
+		class:hide={!webcam_accessed || (webcam_accessed && !!value)}
+	/>
+	<!-- svelte-ignore a11y-missing-attribute -->
+	<img
+		src={value?.url}
+		class:hide={!webcam_accessed || (webcam_accessed && !value)}
+	/>
+	{#if !webcam_accessed}
+		<div
+			in:fade={{ delay: 100, duration: 200 }}
+			title="grant webcam access"
+			style="height: 100%"
+		>
+			<WebcamPermissions onclick={async () => access_webcam()} />
+		</div>
+	{:else}
+		<div class="button-wrap">
+			<button
+				onclick={() => record_video_or_photo()}
+				aria-label={mode === "image" ? "capture photo" : "start recording"}
+			>
+				{#if mode === "video" || streaming}
+					{#if streaming && stream_state === "waiting"}
+						<div class="icon-with-text" style="width:var(--size-24);">
+							<div class="icon color-primary" title="spinner">
+								<Spinner />
+							</div>
+							{i18n("audio.waiting")}
+						</div>
+					{:else if (streaming && stream_state === "open") || (!streaming && recording)}
+						<div class="icon-with-text">
+							<div class="icon color-primary" title="stop recording">
+								<Square />
+							</div>
+							{i18n("audio.stop")}
+						</div>
+					{:else}
+						<div class="icon-with-text">
+							<div class="icon color-primary" title="start recording">
+								<Circle />
+							</div>
+							{i18n("audio.record")}
+						</div>
+					{/if}
+				{:else}
+					<div class="icon" title="capture photo">
+						<Camera />
+					</div>
+				{/if}
+			</button>
+			{#if !recording}
+				<button
+					class="icon"
+					onclick={() => (options_open = true)}
+					aria-label="select input source"
+				>
+					<DropdownArrow />
+				</button>
+			{/if}
+		</div>
+		{#if options_open && selected_device}
+			<select
+				class="select-wrap"
+				aria-label="select source"
+				use:click_outside={handle_click_outside}
+				onchange={handle_device_change}
+			>
+				{#if available_video_devices.length === 0}
+					<option value="">{i18n("common.no_devices")}</option>
+				{:else}
+					{#each available_video_devices as device}
+						<option
+							value={device.deviceId}
+							selected={selected_device.deviceId === device.deviceId}
+						>
+							{device.label}
+						</option>
+					{/each}
+				{/if}
+			</select>
+		{/if}
+	{/if}
+</div>
+
+<style>
+	.wrap {
+		position: relative;
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+
+	.hide {
+		display: none;
+	}
+
+	video {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: contain;
+	}
+
+	.button-wrap {
+		position: absolute;
+		background-color: var(--block-background-fill);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-xl);
+		padding: var(--size-1-5);
+		display: flex;
+		bottom: var(--size-2);
+		left: 50%;
+		transform: translate(-50%, 0);
+		box-shadow: var(--shadow-drop-lg);
+		border-radius: var(--radius-xl);
+		line-height: var(--size-3);
+		color: var(--button-secondary-text-color);
+	}
+
+	.icon-with-text {
+		width: var(--size-20);
+		align-items: center;
+		margin: 0 var(--spacing-xl);
+		display: flex;
+		justify-content: space-evenly;
+	}
+
+	@media (--screen-md) {
+		button {
+			bottom: var(--size-4);
+		}
+	}
+
+	@media (--screen-xl) {
+		button {
+			bottom: var(--size-8);
+		}
+	}
+
+	.icon {
+		width: 18px;
+		height: 18px;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.color-primary {
+		fill: var(--primary-600);
+		stroke: var(--primary-600);
+		color: var(--primary-600);
+	}
+
+	.flip {
+		transform: scaleX(-1);
+	}
+
+	.select-wrap {
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		appearance: none;
+		color: var(--button-secondary-text-color);
+		background-color: transparent;
+		width: 95%;
+		font-size: var(--text-md);
+		position: absolute;
+		bottom: var(--size-2);
+		background-color: var(--block-background-fill);
+		box-shadow: var(--shadow-drop-lg);
+		border-radius: var(--radius-xl);
+		z-index: var(--layer-top);
+		border: 1px solid var(--border-color-primary);
+		text-align: left;
+		line-height: var(--size-4);
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		left: 50%;
+		transform: translate(-50%, 0);
+		max-width: var(--size-52);
+	}
+
+	.select-wrap > option {
+		padding: 0.25rem 0.5rem;
+		border-bottom: 1px solid var(--border-color-accent);
+		padding-right: var(--size-8);
+		text-overflow: ellipsis;
+		overflow: hidden;
+	}
+
+	.select-wrap > option:hover {
+		background-color: var(--color-accent);
+	}
+
+	.select-wrap > option:last-child {
+		border: none;
+	}
+
+	.inset-icon {
+		position: absolute;
+		top: 5px;
+		right: -6.5px;
+		width: var(--size-10);
+		height: var(--size-5);
+		opacity: 0.8;
+	}
+
+	@media (--screen-md) {
+		.wrap {
+			font-size: var(--text-lg);
+		}
+	}
+</style>
diff --git a/js/image/shared/WebcamPermissions.svelte b/js/image/shared/WebcamPermissions.svelte
new file mode 100644
index 0000000..33ff0fb
--- /dev/null
+++ b/js/image/shared/WebcamPermissions.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { Webcam } from "@gradio/icons";
+
+	let { onclick }: { onclick?: () => void } = $props();
+</script>
+
+<button style:height="100%" {onclick}>
+	<div class="wrap">
+		<span class="icon-wrap">
+			<Webcam />
+		</span>
+		{"Click to Access Webcam"}
+	</div>
+</button>
+
+<style>
+	button {
+		cursor: pointer;
+		width: var(--size-full);
+	}
+
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		min-height: var(--size-60);
+		color: var(--block-label-text-color);
+		height: 100%;
+		padding-top: var(--size-3);
+	}
+
+	.icon-wrap {
+		width: 30px;
+		margin-bottom: var(--spacing-lg);
+	}
+
+	@media (--screen-md) {
+		.wrap {
+			font-size: var(--text-lg);
+		}
+	}
+</style>
diff --git a/js/image/shared/index.ts b/js/image/shared/index.ts
new file mode 100644
index 0000000..4b2f540
--- /dev/null
+++ b/js/image/shared/index.ts
@@ -0,0 +1,2 @@
+export { default as Image } from "./Image.svelte";
+export { default as StaticImage } from "./ImagePreview.svelte";
diff --git a/js/image/shared/stream_utils.test.ts b/js/image/shared/stream_utils.test.ts
new file mode 100644
index 0000000..33309be
--- /dev/null
+++ b/js/image/shared/stream_utils.test.ts
@@ -0,0 +1,113 @@
+import { describe, expect, vi } from "vitest";
+import {
+	get_devices,
+	get_video_stream,
+	set_available_devices,
+	set_local_stream
+} from "./stream_utils";
+import * as stream_utils from "./stream_utils";
+
+let test_devices: MediaDeviceInfo[] = [
+	{
+		deviceId: "",
+		groupId: "",
+		kind: "audioinput",
+		label: "",
+		toJSON: () => ({
+			deviceId: "",
+			groupId: "",
+			kind: "audioinput",
+			label: ""
+		})
+	},
+	{
+		deviceId: "",
+		groupId: "",
+		kind: "videoinput",
+		label: "",
+		toJSON: () => ({
+			deviceId: "",
+			groupId: "",
+			kind: "videoinput",
+			label: ""
+		})
+	},
+	{
+		deviceId: "",
+		groupId: "",
+		kind: "audiooutput",
+		label: "",
+		toJSON: () => ({
+			deviceId: "",
+			groupId: "",
+			kind: "audiooutput",
+			label: ""
+		})
+	}
+];
+
+describe("stream_utils", () => {
+	test("get_devices should enumerate media devices", async () => {
+		const devices = await get_devices();
+		expect(Array.isArray(devices)).toBe(true);
+	});
+
+	test("set_local_stream should set the local stream to the video source", async () => {
+		const mock_video_source = {
+			srcObject: null,
+			muted: false,
+			play: vi.fn().mockResolvedValue(undefined)
+		};
+
+		// @ts-ignore
+		await set_local_stream(new MediaStream(), mock_video_source);
+
+		expect(mock_video_source.srcObject).toBeInstanceOf(MediaStream);
+		expect(mock_video_source.muted).toBeTruthy();
+		expect(mock_video_source.play).toHaveBeenCalled();
+	});
+
+	test("set_available_devices should return only video input devices", () => {
+		const mockDevices: MediaDeviceInfo[] = [
+			{
+				deviceId: "camera1",
+				kind: "videoinput",
+				label: "Camera 1",
+				groupId: "camera",
+				toJSON: () => ({
+					deviceId: "camera1",
+					kind: "videoinput",
+					label: "Camera 1",
+					groupId: "camera"
+				})
+			},
+			{
+				deviceId: "camera2",
+				kind: "videoinput",
+				label: "Camera 2",
+				groupId: "camera",
+				toJSON: () => ({
+					deviceId: "camera2",
+					kind: "videoinput",
+					label: "Camera 2",
+					groupId: "camera"
+				})
+			},
+			{
+				deviceId: "audio1",
+				kind: "audioinput",
+				label: "Audio 2",
+				groupId: "audio",
+				toJSON: () => ({
+					deviceId: "audio1",
+					kind: "audioinput",
+					label: "Audio 2",
+					groupId: "audio"
+				})
+			}
+		];
+
+		const videoDevices = set_available_devices(mockDevices);
+		expect(videoDevices).toEqual(mockDevices.splice(0, 2));
+	});
+});
diff --git a/js/image/shared/stream_utils.ts b/js/image/shared/stream_utils.ts
new file mode 100644
index 0000000..e19e88a
--- /dev/null
+++ b/js/image/shared/stream_utils.ts
@@ -0,0 +1,50 @@
+export function get_devices(): Promise<MediaDeviceInfo[]> {
+	return navigator.mediaDevices.enumerateDevices();
+}
+
+export function handle_error(error: string): void {
+	throw new Error(error);
+}
+
+export async function set_local_stream(
+	local_stream: MediaStream | null,
+	video_source: HTMLVideoElement
+): Promise<void> {
+	video_source.srcObject = local_stream;
+	video_source.muted = true;
+	await video_source.play();
+}
+
+export async function get_video_stream(
+	include_audio: boolean,
+	video_source: HTMLVideoElement,
+	webcam_constraints?: { [key: string]: any } | null,
+	device_id?: string
+): Promise<MediaStream> {
+	const constraints: MediaStreamConstraints = {
+		video: device_id
+			? { deviceId: { exact: device_id }, ...webcam_constraints?.video }
+			: webcam_constraints?.video || {
+					width: { ideal: 1920 },
+					height: { ideal: 1440 }
+				},
+		audio: include_audio && (webcam_constraints?.audio ?? true) // Defaults to true if not specified
+	};
+
+	return navigator.mediaDevices
+		.getUserMedia(constraints)
+		.then((local_stream: MediaStream) => {
+			set_local_stream(local_stream, video_source);
+			return local_stream;
+		});
+}
+
+export function set_available_devices(
+	devices: MediaDeviceInfo[]
+): MediaDeviceInfo[] {
+	const cameras = devices.filter(
+		(device: MediaDeviceInfo) => device.kind === "videoinput"
+	);
+
+	return cameras;
+}
diff --git a/js/image/shared/types.ts b/js/image/shared/types.ts
new file mode 100644
index 0000000..d9e8df7
--- /dev/null
+++ b/js/image/shared/types.ts
@@ -0,0 +1,44 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { FileData } from "@gradio/client";
+import type { CustomButton } from "@gradio/utils";
+
+export interface Base64File {
+	url: string;
+	alt_text: string;
+}
+
+export interface WebcamOptions {
+	mirror: boolean;
+	constraints: MediaStreamConstraints;
+}
+
+export interface ImageProps {
+	_selectable: boolean;
+	sources: ("clipboard" | "webcam" | "upload")[];
+	height: number;
+	width: number;
+	webcam_options: WebcamOptions;
+	value: FileData | null;
+	buttons: (string | CustomButton)[];
+	pending: boolean;
+	streaming: boolean;
+	stream_every: number;
+	input_ready: boolean;
+	placeholder: string;
+	watermark: FileData | null;
+}
+
+export interface ImageEvents {
+	clear: void;
+	change: any;
+	stream: any;
+	select: any;
+	upload: any;
+	input: any;
+	clear_status: LoadingStatus;
+	share: any;
+	error: any;
+	close_stream: void;
+	edit: void;
+	custom_button_click: { id: number };
+}
diff --git a/js/image/shared/utils.ts b/js/image/shared/utils.ts
new file mode 100644
index 0000000..7ea847f
--- /dev/null
+++ b/js/image/shared/utils.ts
@@ -0,0 +1,27 @@
+export const get_coordinates_of_clicked_image = (
+	evt: MouseEvent
+): [number, number] | null => {
+	let image;
+	if (evt.currentTarget instanceof Element) {
+		image = evt.currentTarget.querySelector("img") as HTMLImageElement;
+	} else {
+		return [NaN, NaN];
+	}
+
+	const imageRect = image.getBoundingClientRect();
+	// The image is rendered with `object-fit: scale-down`: centered, never
+	// scaled above its natural size, so empty space can appear on both axes.
+	const scale = Math.min(
+		imageRect.width / image.naturalWidth,
+		imageRect.height / image.naturalHeight,
+		1
+	);
+	const x_offset = (imageRect.width - image.naturalWidth * scale) / 2;
+	const y_offset = (imageRect.height - image.naturalHeight * scale) / 2;
+	const x = Math.round((evt.clientX - imageRect.left - x_offset) / scale);
+	const y = Math.round((evt.clientY - imageRect.top - y_offset) / scale);
+	if (x < 0 || x >= image.naturalWidth || y < 0 || y >= image.naturalHeight) {
+		return null;
+	}
+	return [x, y];
+};
diff --git a/js/imageeditor/CHANGELOG.md b/js/imageeditor/CHANGELOG.md
new file mode 100644
index 0000000..3340804
--- /dev/null
+++ b/js/imageeditor/CHANGELOG.md
@@ -0,0 +1,1439 @@
+# @gradio/imageeditor
+
+## 0.20.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#13571](https://github.com/gradio-app/gradio/pull/13571) [`c576675`](https://github.com/gradio-app/gradio/commit/c576675c1d0d9a917706bb830f7a738d9f96672f) - Fix `gr.ImageEditor` high CPU usage when idle by sleeping the render loop when nothing is changing.  Thanks @abidlabs!
+- [`dcc654d`](https://github.com/gradio-app/gradio/commit/dcc654d8467c9202a78c50b31e7d123e9804ebf4) - Fix ImageEditor transform tools and hidden cleanup.  Thanks @dawoodkhan82!
+- [#13597](https://github.com/gradio-app/gradio/pull/13597) [`7a595cb`](https://github.com/gradio-app/gradio/commit/7a595cb72d8a82151ee2231e86d20c91d0bb9062) - Fix ImageEditor brush texture resets.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/image@0.28.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.19.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/image@0.27.0
+
+## 0.18.12
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.18.12
+
+### Fixes
+
+- [#13379](https://github.com/gradio-app/gradio/pull/13379) [`b8e8745`](https://github.com/gradio-app/gradio/commit/b8e8745d2f4fb156dd12d57a3f4eb2e165f20216) - fix default tool logic in gr.ImageEditor.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.18.11
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+- @gradio/image@0.26.3
+
+## 0.18.10
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/image@0.26.2
+
+## 0.18.9
+
+### Fixes
+
+- [#12981](https://github.com/gradio-app/gradio/pull/12981) [`8bc7513`](https://github.com/gradio-app/gradio/commit/8bc75137b24ba8a8571b49b9b006741819c0518b) - Fix ImageEditor brush preview dead area on vertical images.  Thanks @MaxwellCalkin!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/image@0.26.1
+
+## 0.18.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/image@0.26.0
+
+## 0.18.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+- @gradio/image@0.25.4
+
+## 0.18.6
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.18.6
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+- @gradio/image@0.25.3
+
+## 0.18.5
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/image@0.25.2
+- @gradio/upload@0.17.5
+
+## 0.18.4
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/image@0.25.1
+
+## 0.18.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.18.3
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/image@0.25.0
+
+## 0.18.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.18.2
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/image@0.24.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.18.2-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+- @gradio/image@0.24.0-dev.2
+
+## 0.18.2-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/image@0.23.2-dev.1
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.18.2-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.18.2-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/image@0.23.2-dev.0
+
+## 0.18.1
+
+### Fixes
+
+- [#12023](https://github.com/gradio-app/gradio/pull/12023) [`69da8c8`](https://github.com/gradio-app/gradio/commit/69da8c87653d7ea7f733a248b324051ef5bb810f) - feat: Extended the waternark positioning feature to Video.  Thanks @PRIME-SV!
+
+## 0.18.0
+
+### Features
+
+- [#12004](https://github.com/gradio-app/gradio/pull/12004) [`09b7111`](https://github.com/gradio-app/gradio/commit/09b71110717d65dd0f885c90f1e455a944d65a14) - Add ability to position watermark relative to watermarked content.  Thanks @PRIME-SV!
+
+## 0.17.1
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.17.1
+
+### Fixes
+
+- [#11960](https://github.com/gradio-app/gradio/pull/11960) [`a060c85`](https://github.com/gradio-app/gradio/commit/a060c852ecc01244687916092a3f3dc234eb84aa) - Set active tool to "draw" when background image changes in ImageEditor.  Thanks @freddyaboulton!
+
+## 0.17.0
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.17.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/image@0.23.0
+
+## 0.16.6
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+- @gradio/image@0.22.18
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+
+## 0.16.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/image@0.22.16
+
+## 0.16.3
+
+### Fixes
+
+- [#11667](https://github.com/gradio-app/gradio/pull/11667) [`07d19f7`](https://github.com/gradio-app/gradio/commit/07d19f7af3b60ff4a931d2c6740c9d61e6685dcb) - Fix the ImageEditor's auto-zoom, canvas resize, and zoom functionality.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/image@0.22.15
+
+## 0.16.2
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+- @gradio/image@0.22.14
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+- @gradio/image@0.22.13
+
+## 0.16.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+
+## 0.15.5
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+
+## 0.15.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/image@0.22.10
+
+## 0.15.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.15.3
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+- @gradio/image@0.22.9
+
+## 0.15.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/image@0.22.8
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/image@0.22.7
+
+## 0.15.0
+
+### Features
+
+- [#11192](https://github.com/gradio-app/gradio/pull/11192) [`a03736f`](https://github.com/gradio-app/gradio/commit/a03736f97c642b338aa701166d3a0b299a46d27a) - Add undo and redo to the `ImageEditor` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/image@0.22.6
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+- @gradio/image@0.22.5
+
+## 0.14.4
+
+### Dependency updates
+
+- @gradio/image@0.22.4
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/image@0.22.3
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.14.2
+
+### Fixes
+
+- [#11070](https://github.com/gradio-app/gradio/pull/11070) [`0355ef6`](https://github.com/gradio-app/gradio/commit/0355ef644577791749499c64840bad5947764dc8) - Ensure it is possible to draw after uploading an image to the ImageEditor.  Thanks @pngwn!
+- [#11057](https://github.com/gradio-app/gradio/pull/11057) [`bb1b74c`](https://github.com/gradio-app/gradio/commit/bb1b74cb62208f1cc05b91902cd541f36a1f9b01) - Image Editor Clear Event.  Thanks @freddyaboulton!
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/image@0.22.2
+
+## 0.14.0
+
+### Features
+
+- [#10981](https://github.com/gradio-app/gradio/pull/10981) [`0db230f`](https://github.com/gradio-app/gradio/commit/0db230f5c2f19d9b3b455adb1b30ed9374ae1791) - allow users to change the visibility of layers in the image editor.  Thanks @pngwn!
+
+### Fixes
+
+- [#10999](https://github.com/gradio-app/gradio/pull/10999) [`8c70819`](https://github.com/gradio-app/gradio/commit/8c70819f87027b75e44f49a13050ae2c3e8b3580) - implement download button for the ImageEditor.  Thanks @pngwn!
+- [#10997](https://github.com/gradio-app/gradio/pull/10997) [`45d5840`](https://github.com/gradio-app/gradio/commit/45d5840fb265328f3aa0c050ce9c6b87ae7dbbc5) - When custom layers are provided to the ImageEditor, always default to the first layer.  Thanks @pngwn!
+- [#10979](https://github.com/gradio-app/gradio/pull/10979) [`975feee`](https://github.com/gradio-app/gradio/commit/975feee3925e5b65e52ae00da5c5066d8889ae6a) - improve webcam options for the ImageEditor.  Thanks @pngwn!
+- [#10995](https://github.com/gradio-app/gradio/pull/10995) [`fc59815`](https://github.com/gradio-app/gradio/commit/fc598151aa9c77a84f6e7eaf9bcc0cae6ba49369) - ensure the image editor background respects the theme mode.  Thanks @pngwn!
+- [#10994](https://github.com/gradio-app/gradio/pull/10994) [`714015a`](https://github.com/gradio-app/gradio/commit/714015a1868168721ae79d6b5bc10fbc5bbb4290) - ensure images uploaded to the ImageEditor correctly initialise the canvas dimensions.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+- @gradio/image@0.22.1
+
+## 0.13.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+- @gradio/image@0.22.0
+
+## 0.12.14
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/image@0.21.7
+
+## 0.12.13
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+- @gradio/image@0.21.6
+
+## 0.12.12
+
+### Dependency updates
+
+- @gradio/image@0.21.5
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.12.11
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+- @gradio/image@0.21.4
+
+## 0.12.10
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+- @gradio/image@0.21.3
+
+## 0.12.9
+
+### Dependency updates
+
+- @gradio/image@0.21.2
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.12.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+- @gradio/image@0.21.1
+
+## 0.12.7
+
+### Features
+
+- [#10446](https://github.com/gradio-app/gradio/pull/10446) [`2cf449a`](https://github.com/gradio-app/gradio/commit/2cf449abb38815bb3414ac9bee1535f5f0f834ae) - Add more ImageEditor js tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/image@0.21.0
+
+## 0.12.6
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/image@0.20.4
+- @gradio/wasm@0.17.2
+
+## 0.12.5
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/image@0.20.3
+- @gradio/wasm@0.17.1
+
+## 0.12.4
+
+### Features
+
+- [#10370](https://github.com/gradio-app/gradio/pull/10370) [`71c8b8a`](https://github.com/gradio-app/gradio/commit/71c8b8abbfae0e47eb46561b0104bd452e5dffe8) - Clear Image Editor Value with None.  Thanks @freddyaboulton!
+- [#10416](https://github.com/gradio-app/gradio/pull/10416) [`3c2e12b`](https://github.com/gradio-app/gradio/commit/3c2e12b5ba52441f45565ae8e14cea46ea5b5b2c) - Fix ImageEditor Cropping - Cropping now crops the background image instead of the image + canvas.  Thanks @freddyaboulton!
+
+## 0.12.3
+
+### Fixes
+
+- [#10357](https://github.com/gradio-app/gradio/pull/10357) [`43e7cce`](https://github.com/gradio-app/gradio/commit/43e7cce2bd8ddd274fcba890bfeaa7ead7f32434) - Fix ImageEditor Size Issues.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+- @gradio/image@0.20.2
+
+## 0.12.2
+
+### Fixes
+
+- [#10308](https://github.com/gradio-app/gradio/pull/10308) [`3543418`](https://github.com/gradio-app/gradio/commit/354341826a629d06640ce3ec5e5881bcccd6e339) - ImageEditor: Trigger input event even if change event not defined.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/image@0.20.1
+
+## 0.12.1
+
+### Fixes
+
+- [#10306](https://github.com/gradio-app/gradio/pull/10306) [`9fc988e`](https://github.com/gradio-app/gradio/commit/9fc988ebaf4bea24b71308922bb1889f1d3f4f6e) - Fix bug where ImageEditor always sends empty layers list to the backend.  Thanks @freddyaboulton!
+
+## 0.12.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+- @gradio/image@0.20.0
+
+## 0.11.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+- @gradio/image@0.19.0
+
+## 0.11.10
+
+### Dependency updates
+
+- @gradio/image@0.18.0
+
+## 0.11.9
+
+### Fixes
+
+- [#10037](https://github.com/gradio-app/gradio/pull/10037) [`d0b74ba`](https://github.com/gradio-app/gradio/commit/d0b74ba281b37d8883a4e4fbb98c5922600ca41e) - Ensure toolbar stays visible for large images in ImageEditor.  Thanks @hannahblair!
+- [#10041](https://github.com/gradio-app/gradio/pull/10041) [`c1fa13c`](https://github.com/gradio-app/gradio/commit/c1fa13c9c057ce05a325782e58b409cde79383b8) - Ensure ImageEditor brush colour is updated when changed.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+- @gradio/image@0.17.0
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+- @gradio/image@0.16.8
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+- @gradio/image@0.16.7
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/image@0.16.6
+- @gradio/upload@0.13.5
+
+## 0.11.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+- @gradio/image@0.16.5
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+- @gradio/image@0.16.4
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+- @gradio/image@0.16.3
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/image@0.16.2
+- @gradio/wasm@0.14.1
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+- @gradio/image@0.16.1
+
+## 0.11.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move buttons from chat_interface into Chatbot
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix cut off in gr.ImageEditor
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix `gr.ImageEditor` toolbar cutoff
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/image@0.16.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.11.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/image@0.16.0-beta.7
+
+## 0.11.0-beta.6
+
+### Features
+
+- [#9525](https://github.com/gradio-app/gradio/pull/9525) [`7c367b6`](https://github.com/gradio-app/gradio/commit/7c367b6cf0472d478671b7c7476e892b4c61c812) - Fix cut off in gr.ImageEditor.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/image@0.16.0-beta.6
+
+## 0.11.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/image@0.16.0-beta.5
+
+## 0.11.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/image@0.16.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.11.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/image@0.16.0-beta.3
+
+## 0.11.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9371](https://github.com/gradio-app/gradio/pull/9371) [`7bf3e99`](https://github.com/gradio-app/gradio/commit/7bf3e9989392b7edcdc18c1d840fb8130b15040e) - Fix `gr.ImageEditor` toolbar cutoff.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/image@0.16.0-beta.2
+
+## 0.11.0-beta.1
+
+### Features
+
+- [#9201](https://github.com/gradio-app/gradio/pull/9201) [`5492e74`](https://github.com/gradio-app/gradio/commit/5492e742b1f1fa618208cce523f50ad22a6e86f1) - Move buttons from chat_interface into Chatbot.  Thanks @freddyaboulton!
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/image@0.16.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.10.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/image@0.15.1
+
+## 0.10.0
+
+### Features
+
+- [#8930](https://github.com/gradio-app/gradio/pull/8930) [`41d5ab9`](https://github.com/gradio-app/gradio/commit/41d5ab987ba9728753be4509490c79041655809b) - Add `placeholder` param to Image and ImageEditor to replace upload image text.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+- @gradio/image@0.15.0
+
+## 0.9.0
+
+### Features
+
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/image@0.14.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/image@0.13.1
+
+## 0.8.0
+
+### Features
+
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+
+### Fixes
+
+- [#8802](https://github.com/gradio-app/gradio/pull/8802) [`7b19474`](https://github.com/gradio-app/gradio/commit/7b19474cb2dd8f2c34d630f43edb0fcb0e05aa0c) - Ensure `ImageEditor` brush color can be updated with `gr.update`.  Thanks @pngwn!
+- [#8852](https://github.com/gradio-app/gradio/pull/8852) [`16b8200`](https://github.com/gradio-app/gradio/commit/16b820038df43905447ab7623d39d91ceb0d6238) - Fix gr.Image height inconsistencies.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/image@0.13.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.7.13
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/image@0.12.2
+- @gradio/icons@0.6.0
+
+## 0.7.12
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/image@0.12.1
+
+## 0.7.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/image@0.12.0
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/image@0.11.10
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/image@0.11.9
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+- @gradio/image@0.11.8
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/image@0.11.7
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/image@0.11.6
+- @gradio/upload@0.10.6
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+- @gradio/image@0.11.5
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/image@0.11.4
+- @gradio/upload@0.10.4
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/image@0.11.3
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/image@0.11.2
+- @gradio/upload@0.10.2
+
+## 0.7.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/image@0.11.1
+- @gradio/upload@0.10.1
+
+## 0.7.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+- [#8127](https://github.com/gradio-app/gradio/pull/8127) [`24b2286`](https://github.com/gradio-app/gradio/commit/24b2286a22ed247b86ee299487174c8cea2988fe) - allow the canvas size to be set on the `ImageEditor`.  Thanks @pngwn!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+- @gradio/image@0.11.0
+
+## 0.6.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/image@0.10.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.5.0
+
+### Features
+
+- [#8042](https://github.com/gradio-app/gradio/pull/8042) [`92139f3`](https://github.com/gradio-app/gradio/commit/92139f3d7d6b832b649ff1f6c10c87e6fb522cde) - refresh the `ImageEditor` UI.  Thanks @pngwn!
+- [#8059](https://github.com/gradio-app/gradio/pull/8059) [`074ce38`](https://github.com/gradio-app/gradio/commit/074ce3805ada6ba829c17da3af5f186d9f5f9865) - ensure the `ImageEditor` works correctly with layers and `change` events.  Thanks @pngwn!
+- [#7845](https://github.com/gradio-app/gradio/pull/7845) [`dbb7373`](https://github.com/gradio-app/gradio/commit/dbb7373dde69d4ed2741942b5a1898f8620cec24) - ensure `ImageEditor` events work as expected.  Thanks @pngwn!
+
+### Fixes
+
+- [#8046](https://github.com/gradio-app/gradio/pull/8046) [`d6c289b`](https://github.com/gradio-app/gradio/commit/d6c289b34668f0011676737ee8edb4cb62b0620a) - round [x, y, w, h] before cropping to avoid unexpected interpolation on pixel values.  Thanks @ernestchu!
+- [#7959](https://github.com/gradio-app/gradio/pull/7959) [`2a5cb97`](https://github.com/gradio-app/gradio/commit/2a5cb978240960fd8b150a1eae6ae8328a5c0c59) - ensure `ImageEditor` always draws at the correct position.  Thanks @hrrbay!
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/image@0.9.12
+
+## 0.4.11
+
+### Fixes
+
+- [#7817](https://github.com/gradio-app/gradio/pull/7817) [`867ff16`](https://github.com/gradio-app/gradio/commit/867ff16cd47ceb5bbf076503538a262b6fe64638) - Trigger the "clear" event of Image Editor.  Thanks @uebian!
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/image@0.9.11
+- @gradio/client@0.15.1
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+- @gradio/image@0.9.10
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+- @gradio/image@0.9.9
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+- @gradio/image@0.9.8
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+- @gradio/image@0.9.7
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+- @gradio/image@0.9.6
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/image@0.9.5
+
+## 0.4.4
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+  - @gradio/image@0.9.3
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/image@0.9.2
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/image@0.9.1
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.4.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.2
+
+### Fixes
+
+- [#7219](https://github.com/gradio-app/gradio/pull/7219) [`faead14`](https://github.com/gradio-app/gradio/commit/faead1403cdba6415912a6ad512291ac63b04173) - Show label in interactive image editor. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32), [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4), [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/wasm@0.5.1
+  - @gradio/image@0.7.1
+  - @gradio/statustracker@0.4.4
+
+## 0.3.0
+
+### Fixes
+
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.3
+
+### Fixes
+
+- [#6885](https://github.com/gradio-app/gradio/pull/6885) [`640b7fe`](https://github.com/gradio-app/gradio/commit/640b7fe05276e11720b4341cadf088491395e53d) - Fix issue with Webcam Recording. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`b1b78c2`](https://github.com/gradio-app/gradio/commit/b1b78c2168e24fb65251a9b9b6cbc9382179a8ca), [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383), [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549), [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519), [`459c5dc`](https://github.com/gradio-app/gradio/commit/459c5dc989849b1f0134467d260710fe891045d6), [`649cd4d`](https://github.com/gradio-app/gradio/commit/649cd4d68041d11fcbe31f8efa455345ac49fc74), [`8333db8`](https://github.com/gradio-app/gradio/commit/8333db83ac6e2c8511c104534c48137576d0bcd7)]:
+  - @gradio/image@0.6.0
+  - @gradio/client@0.10.0
+  - @gradio/upload@0.5.8
+  - @gradio/wasm@0.4.1
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414), [`15c97c6`](https://github.com/gradio-app/gradio/commit/15c97c6d346c475141d20615b5a865e9c44bdc76)]:
+  - @gradio/client@0.9.4
+  - @gradio/image@0.5.4
+  - @gradio/upload@0.5.7
+
+## 0.2.0
+
+### Features
+
+- [#6809](https://github.com/gradio-app/gradio/pull/6809) [`1401d99`](https://github.com/gradio-app/gradio/commit/1401d99ade46d87da75b5f5808a3354c49f1d1ea) - Fix `ImageEditor` interaction story. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.5
+
+### Fixes
+
+- [#6799](https://github.com/gradio-app/gradio/pull/6799) [`c352811`](https://github.com/gradio-app/gradio/commit/c352811f76d4126613ece0a584f8c552fdd8d1f6) - Adds docstrings for `gr.WaveformOptions`, `gr.Brush`, and `gr.Eraser`, fixes examples for `ImageEditor`, and allows individual images to be used as the initial `value` for `ImageEditor`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+  - @gradio/image@0.5.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88), [`21cfb0a`](https://github.com/gradio-app/gradio/commit/21cfb0acc309bb1a392f4d8a8e42f6be864c5978), [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70), [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0), [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`bdf81fe`](https://github.com/gradio-app/gradio/commit/bdf81fead86e1d5a29e6b036f1fff677f6480e6b), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00), [`5177132`](https://github.com/gradio-app/gradio/commit/5177132d718c77f6d47869b4334afae6380394cb)]:
+  - @gradio/image@0.5.0
+  - @gradio/upload@0.5.3
+  - @gradio/client@0.9.0
+  - @gradio/wasm@0.4.0
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`b639e04`](https://github.com/gradio-app/gradio/commit/b639e040741e6c0d9104271c81415d7befbd8cf3), [`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/image@0.4.2
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+  - @gradio/upload@0.5.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/image@0.4.1
+  - @gradio/upload@0.5.1
+
+## 0.1.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6502](https://github.com/gradio-app/gradio/pull/6502) [`070f71c93`](https://github.com/gradio-app/gradio/commit/070f71c933d846ce8e2fe11cdd9bc0f3f897f29f) - Ensure image editor crop and draw cursor works as expected when the scroll position changes. Thanks [@pngwn](https://github.com/pngwn)!
+
+# @gradio/image
\ No newline at end of file
diff --git a/js/imageeditor/Example.svelte b/js/imageeditor/Example.svelte
new file mode 100644
index 0000000..b954973
--- /dev/null
+++ b/js/imageeditor/Example.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	import { BaseImage as Image } from "@gradio/image";
+	import type { EditorData } from "./InteractiveImageEditor.svelte";
+
+	let {
+		value,
+		type,
+		selected = false
+	}: {
+		value: EditorData;
+		type: "gallery" | "table";
+		selected?: boolean;
+	} = $props();
+</script>
+
+<div
+	class="container"
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	<Image src={value.composite?.url || value.background?.url} alt="" />
+</div>
+
+<style>
+	.container :global(img) {
+		width: 100%;
+		height: 100%;
+	}
+
+	.container.selected {
+		border-color: var(--border-color-accent);
+	}
+
+	.container.table {
+		margin: 0 auto;
+		border: 2px solid var(--border-color-primary);
+		border-radius: var(--radius-lg);
+		width: var(--size-20);
+		height: var(--size-20);
+		object-fit: cover;
+	}
+
+	.container.gallery {
+		border: 2px solid var(--border-color-primary);
+		height: var(--size-20);
+		max-height: var(--size-20);
+		object-fit: cover;
+	}
+</style>
diff --git a/js/imageeditor/IMAGE_EDITOR_OVERVIEW.md b/js/imageeditor/IMAGE_EDITOR_OVERVIEW.md
new file mode 100644
index 0000000..21f4515
--- /dev/null
+++ b/js/imageeditor/IMAGE_EDITOR_OVERVIEW.md
@@ -0,0 +1,224 @@
+# Image Editor Overview
+
+## Introduction
+
+The Image Editor is a powerful, web-based tool built with PIXI.js and Svelte that allows users to edit images through a variety of operations including drawing, erasing, cropping, and resizing. It features a layered architecture, undo/redo functionality, and a modular tool system. This document provides a high-level overview of the editor's architecture and components to help developers understand the system before diving into specific implementations.
+
+## Architecture Overview
+
+The image editor follows a modular architecture with several key components:
+
+1. **Core Editor** - The central component that manages the canvas, tools, layers, and user interactions
+2. **Tool System** - A pluggable system for different editing operations (crop, draw, erase, etc.)
+3. **Layer Management** - Handles multiple layers for complex image compositions
+4. **Command Pattern** - Implements undo/redo functionality through commands
+5. **UI Components** - Svelte components that provide the user interface
+6. **Rendering Pipeline** - PIXI.js-based rendering system for the canvas
+
+### Component Hierarchy
+
+```
+InteractiveImageEditor.svelte
+└── ImageEditor.svelte
+    ├── Core Editor (editor.ts)
+    │   ├── Command Manager
+    │   └── Layer Manager
+    ├── Tools
+    │   ├── Image Tool (image.ts)
+    │   ├── Crop Tool (crop.ts)
+    │   ├── Brush Tool (brush.ts)
+    │   ├── Resize Tool (resize.ts)
+    │   └── Zoom Tool (zoom.ts)
+    └── UI Components
+        ├── Toolbar.svelte
+        ├── Controls.svelte
+        └── Tool-specific UI components
+```
+
+## Key Components
+
+### Core Editor
+
+The Core Editor (`editor.ts`) is the central component that initializes and manages the editor. It:
+
+- Sets up the PIXI.js application and containers
+- Manages tools and handles tool switching
+- Maintains the editor state (scale, position, dimensions)
+- Executes commands and manages undo/redo
+- Handles the rendering loop
+
+The editor uses Svelte stores for reactive state management and springs for smooth animations.
+
+### Tool System
+
+The editor implements a pluggable tool system where each tool follows the `Tool` interface:
+
+```typescript
+interface Tool {
+  name: string;
+  setup(context: ImageEditorContext, tool: ToolbarTool, subtool: Subtool): Promise<void>;
+  cleanup(): void;
+  set_tool(tool: ToolbarTool, subtool: Subtool): void;
+}
+```
+
+Each tool receives the editor context during setup, which provides access to the PIXI.js application, containers, and other utilities. Tools are responsible for handling their specific functionality and cleaning up resources when deactivated.
+
+#### Available Tools
+
+1. **Image Tool** - Handles adding and managing background images
+2. **Crop Tool** - Allows selecting a portion of the image to keep
+3. **Brush Tool** - Provides drawing functionality with customizable brushes
+4. **Erase Tool** - Allows erasing parts of the image
+5. **Resize Tool** - Enables resizing the canvas
+6. **Zoom Tool** - Handles zooming and panning the canvas
+
+### Layer Management
+
+The editor supports a layered approach to image editing:
+
+- **Background Layer** - Contains the background image
+- **Drawing Layers** - Contains user drawings and modifications
+- **UI Layer** - Contains UI elements that overlay the canvas
+
+Each layer has associated textures for rendering and can be manipulated independently.
+
+### Command Pattern
+
+The editor implements the Command pattern for undo/redo functionality:
+
+```typescript
+interface Command {
+  execute(): void;
+  undo(): void;
+}
+```
+
+Operations that modify the canvas state (like adding an image, drawing, or cropping) are implemented as commands. This allows for complex operations to be encapsulated and reversed.
+
+### UI Components
+
+The UI is built with Svelte components:
+
+- **ImageEditor.svelte** - The main editor component
+- **Toolbar.svelte** - Provides tool selection
+- **Controls.svelte** - Provides additional controls (save, undo, redo)
+- **Tool-specific components** - Provide UI for specific tools (BrushOptions, ColorPicker, etc.)
+
+### Rendering Pipeline
+
+The editor uses PIXI.js for rendering:
+
+1. **Layer Rendering** - Each layer renders its content to a texture
+2. **Container Composition** - Layers are composed in the image container
+3. **UI Overlay** - UI elements are rendered on top of the image
+4. **Scale and Position** - The image container is scaled and positioned based on user interactions
+
+## Data Flow
+
+1. **User Interaction** - User interacts with the UI or canvas
+2. **Tool Handling** - The active tool handles the interaction
+3. **Command Creation** - A command is created for operations that modify the canvas
+4. **Command Execution** - The command is executed and registered with the command manager
+5. **State Update** - The editor state is updated
+6. **Rendering** - The canvas is re-rendered to reflect the changes
+
+## Integration Points
+
+### Svelte Integration
+
+The editor is designed to work with Svelte:
+
+- **Stores** - Uses Svelte stores for reactive state management
+- **Springs** - Uses Svelte springs for smooth animations
+- **Component Integration** - Can be integrated with Svelte components
+
+### External Integration
+
+The editor can be integrated with external systems:
+
+- **File Upload** - Supports uploading images from various sources
+- **Export** - Can export the edited image in various formats
+- **History** - Can save and restore editing history
+
+## Design Considerations
+
+### Performance
+
+The editor uses several techniques to maintain performance:
+
+- **Texture Management** - Efficiently manages textures to minimize memory usage
+- **Layer Composition** - Composes layers efficiently to minimize rendering overhead
+- **Event Throttling** - Throttles events to avoid excessive updates
+- **Resolution Scaling** - Adjusts resolution based on device pixel ratio
+
+### Extensibility
+
+The editor is designed to be extensible:
+
+- **Tool Interface** - New tools can be added by implementing the Tool interface
+- **Command Pattern** - New operations can be added by implementing the Command interface
+- **Layer System** - The layer system can be extended to support new layer types
+
+### Usability
+
+The editor prioritizes usability:
+
+- **Responsive UI** - The UI adapts to different screen sizes
+- **Smooth Animations** - Uses springs for smooth transitions
+- **Intuitive Controls** - Provides familiar controls for common operations
+- **Visual Feedback** - Provides visual feedback for user actions
+
+## Implementation Notes
+
+When working with the image editor, consider the following:
+
+1. **Resource Management** - Always clean up resources (textures, sprites, event listeners) to prevent memory leaks
+2. **Event Handling** - Be careful with event propagation and stopping
+3. **Coordinate Systems** - Be aware of the different coordinate systems (global, local, scaled)
+4. **State Management** - Update state through the appropriate methods to ensure proper notification
+5. **Command Pattern** - Use the Command pattern for operations that should be undoable
+
+## Tool-Specific Considerations
+
+### Image Tool
+
+- Handles adding images to the canvas
+- Manages image dimensions and positioning
+- Integrates with the layer system
+- Supports fixed canvas mode and flexible canvas mode
+
+### Crop Tool
+
+- Provides an interactive crop area with draggable handles
+- Uses a mask to show only the selected area
+- Handles scaling and coordinate conversions
+- Enforces constraints on the crop area
+
+### Brush Tool
+
+- Supports drawing and erasing
+- Provides customizable brush settings (size, color, opacity)
+- Uses point interpolation for smooth lines
+- Shows a preview of the brush before drawing
+
+### Resize Tool
+
+- Allows resizing the canvas
+- Preserves content when resizing
+- Handles aspect ratio constraints
+- Updates the editor state after resizing
+
+## Future Improvements
+
+Potential areas for enhancement:
+
+1. **Performance Optimization** - Further optimize rendering for large canvases
+2. **Tool Extensions** - Add support for more tools and tool options
+3. **Layer Effects** - Add support for layer effects and blending modes
+4. **Selection Tools** - Enhance selection tools and operations
+5. **Export Options** - Add more export options and formats
+
+## Conclusion
+
+The Image Editor is a powerful, extensible system for image editing. Its modular architecture, command pattern implementation, and layer management system provide a solid foundation for a wide range of image editing operations. By understanding the high-level architecture and components, developers can more easily navigate and extend the codebase. 
\ No newline at end of file
diff --git a/js/imageeditor/ImageEditor.stories.svelte b/js/imageeditor/ImageEditor.stories.svelte
new file mode 100644
index 0000000..b64f9d0
--- /dev/null
+++ b/js/imageeditor/ImageEditor.stories.svelte
@@ -0,0 +1,101 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import ImageEditor from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const cheetah = "/cheetah.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/Image Editor",
+		component: ImageEditor,
+		parameters: {
+			chromatic: {
+				diffThreshold: 0.4,
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+</script>
+
+<Story
+	name="Default Image Editor"
+	args={{
+		sources: ["webcam", "upload"],
+		type: "pil",
+		interactive: true,
+		label: "Image Editor",
+		show_label: true,
+		value: null,
+		canvas_size: [800, 600],
+		transforms: ["crop"],
+		layers: { allow_additional_layers: true, layers: [] },
+		brush: {
+			default_size: "auto",
+			colors: ["#ff0000", "#00ff00", "#0000ff"],
+			default_color: "#ff0000",
+			color_mode: "defaults"
+		},
+		eraser: {
+			default_size: "auto"
+		},
+		webcam_options: {
+			mirror: true,
+			constraints: null
+		}
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 500px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<ImageEditor {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="Static Image Display"
+	args={{
+		value: {
+			composite: {
+				path: cheetah,
+				url: cheetah,
+				size: null,
+				orig_name: null,
+				mime_type: null,
+				is_stream: false,
+				meta: {
+					_type: "gradio.FileData"
+				}
+			},
+			layers: [],
+			background: null,
+			id: null
+		},
+		type: "pil",
+		interactive: false,
+		label: "Image Editor",
+		show_label: true,
+		canvas_size: [800, 600],
+		transforms: [],
+		layers: { allow_additional_layers: false, layers: [] },
+		webcam_options: {
+			mirror: true,
+			constraints: null
+		}
+	}}
+>
+	{#snippet template(args)}
+		<div
+			class="image-container"
+			style="width: 500px; position: relative;border-radius: var(--radius-lg);overflow: hidden;"
+		>
+			<ImageEditor {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
diff --git a/js/imageeditor/Index.svelte b/js/imageeditor/Index.svelte
new file mode 100644
index 0000000..826ff7a
--- /dev/null
+++ b/js/imageeditor/Index.svelte
@@ -0,0 +1,212 @@
+<svelte:options accessors={true} immutable={true} />
+
+<script lang="ts">
+	import type { ImageBlobs } from "./InteractiveImageEditor.svelte";
+
+	import { FileData } from "@gradio/client";
+
+	import { BaseStaticImage as StaticImage } from "@gradio/image";
+	import InteractiveImageEditor from "./InteractiveImageEditor.svelte";
+	import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	import { Gradio, type ShareData } from "@gradio/utils";
+	import type { ImageEditorEvents, ImageEditorProps } from "./types";
+
+	let props = $props();
+
+	class ImageEditorGradio extends Gradio<ImageEditorEvents, ImageEditorProps> {
+		async get_data() {
+			const data = await super.get_data();
+			const value = await _get_value();
+			return { ...data, value: value };
+		}
+	}
+	const gradio = new ImageEditorGradio(props, {
+		server: { accept_blobs: () => {} },
+		buttons: [],
+		height: 350,
+		border_region: 0
+	});
+
+	let editor_instance: InteractiveImageEditor;
+	let image_id: null | string = $state(null);
+
+	let has_run_change = false;
+	let has_run_input = false;
+
+	async function _get_value(): Promise<ImageBlobs | { id: string }> {
+		if (image_id) {
+			const val = { id: image_id };
+			image_id = null;
+			return val;
+		}
+
+		const blobs = await editor_instance.get_data();
+
+		return blobs;
+	}
+
+	let is_dragging = $state(false);
+
+	const is_browser = typeof window !== "undefined";
+
+	// function handle_change(): void {
+	// 	if (gradio.props.value) gradio.dispatch("change");
+	// }
+
+	function handle_save(): void {
+		gradio.dispatch("apply");
+	}
+
+	// function handle_history_change(): void {
+	// 	gradio.dispatch("change");
+
+	// 	gradio.dispatch("input");
+	// }
+
+	let has_value = $derived(
+		gradio.props.value?.background ||
+			gradio.props.value?.layers?.length ||
+			gradio.props.value?.composite
+	);
+
+	let normalised_background = $derived(
+		gradio.props.value?.background
+			? new FileData(gradio.props.value.background)
+			: null
+	);
+	let normalised_composite = $derived(
+		gradio.props.value?.composite
+			? new FileData(gradio.props.value.composite)
+			: null
+	);
+	let normalised_layers = $derived(
+		gradio.props.value?.layers?.map((layer) => new FileData(layer)) || []
+	);
+	let resolved_theme_mode: "dark" | "light" = $derived(
+		gradio.shared.theme_mode === "dark" ||
+			(gradio.shared.theme_mode === "system" &&
+				typeof window !== "undefined" &&
+				window.matchMedia?.("(prefers-color-scheme: dark)").matches)
+			? "dark"
+			: "light"
+	);
+</script>
+
+{#if !gradio.shared.interactive}
+	<Block
+		visible={gradio.shared.visible}
+		variant={"solid"}
+		border_mode={is_dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height}
+		width={gradio.props.width}
+		allow_overflow={true}
+		overflow_behavior="visible"
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+		<StaticImage
+			onselect={(detail) => gradio.dispatch("select", detail)}
+			onshare={(detail) => gradio.dispatch("share", detail as ShareData)}
+			onerror={(detail) => gradio.dispatch("error", detail)}
+			value={gradio.props.value?.composite || null}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			buttons={gradio.props.buttons ?? []}
+			selectable={gradio.props._selectable}
+			i18n={gradio.i18n}
+		/>
+	</Block>
+{:else}
+	<Block
+		visible={gradio.shared.visible}
+		variant={has_value ? "solid" : "dashed"}
+		border_mode={is_dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height}
+		width={gradio.props.width}
+		allow_overflow={true}
+		overflow_behavior="visible"
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		<InteractiveImageEditor
+			border_region={gradio.props.border_region ?? 0}
+			bind:is_dragging
+			canvas_size={gradio.props.canvas_size ?? [800, 800]}
+			bind:image_id
+			layers={normalised_layers}
+			composite={normalised_composite}
+			background={normalised_background}
+			bind:this={editor_instance}
+			root={gradio.shared.root}
+			sources={gradio.props.sources ?? ["upload", "webcam", "clipboard"]}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			fixed_canvas={gradio.props.fixed_canvas}
+			oninput={() => {
+				if (!has_run_input) {
+					has_run_input = true;
+				} else {
+					gradio.dispatch("input");
+				}
+			}}
+			onsave={() => handle_save()}
+			onclear={() => gradio.dispatch("clear")}
+			onupload={() => gradio.dispatch("upload")}
+			onreceive_null={() =>
+				(gradio.props.value = {
+					background: null,
+					layers: [],
+					composite: null
+				})}
+			onchange={() => {
+				if (!has_run_change) {
+					has_run_change = true;
+				} else {
+					gradio.dispatch("change");
+				}
+			}}
+			brush={gradio.props.brush ?? false}
+			eraser={gradio.props.eraser ?? false}
+			changeable={gradio.shared.attached_events?.includes("apply") ?? false}
+			realtime={gradio.shared.attached_events?.includes("change") ||
+				gradio.shared.attached_events?.includes("input")}
+			i18n={gradio.i18n}
+			transforms={gradio.props.transforms ?? []}
+			accept_blobs={gradio.shared.server.accept_blobs}
+			layer_options={gradio.props.layers!}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			placeholder={gradio.props.placeholder}
+			webcam_options={gradio.props.webcam_options!}
+			show_download_button={gradio.props.buttons === null
+				? true
+				: (gradio.props.buttons ?? []).includes("download")}
+			theme_mode={resolved_theme_mode}
+			ondownload_error={(detail) => gradio.dispatch("error", detail)}
+		></InteractiveImageEditor>
+	</Block>
+{/if}
diff --git a/js/imageeditor/InteractiveImageEditor.svelte b/js/imageeditor/InteractiveImageEditor.svelte
new file mode 100644
index 0000000..8aa9655
--- /dev/null
+++ b/js/imageeditor/InteractiveImageEditor.svelte
@@ -0,0 +1,351 @@
+<script lang="ts" context="module">
+	export interface EditorData {
+		background: FileData | null;
+		layers: FileData[] | null;
+		composite: FileData | null;
+	}
+
+	export interface ImageBlobs {
+		background: FileData | null;
+		layers: FileData[];
+		composite: FileData | null;
+	}
+</script>
+
+<script lang="ts">
+	import { type I18nFormatter } from "@gradio/utils";
+	import { prepare_files, type FileData, type Client } from "@gradio/client";
+	import { type CommandNode } from "./shared/core/commands";
+	import ImageEditor from "./shared/ImageEditor.svelte";
+	import { type Brush as IBrush, type Eraser } from "./shared/brush/types";
+	import { type Tool as ToolbarTool } from "./shared/Toolbar.svelte";
+
+	import { BlockLabel } from "@gradio/atoms";
+	import { Image as ImageIcon } from "@gradio/icons";
+	import { inject } from "./shared/utils/parse_placeholder";
+	import {
+		type LayerOptions,
+		type Transform,
+		type Source,
+		type WebcamOptions
+	} from "./shared/types";
+
+	let {
+		brush,
+		eraser,
+		sources,
+		i18n,
+		root,
+		label = undefined,
+		show_label,
+		changeable = false,
+		theme_mode,
+		layers,
+		composite,
+		background,
+		layer_options = {
+			allow_additional_layers: true,
+			layers: [],
+			disabled: false
+		},
+		transforms,
+		accept_blobs,
+		canvas_size,
+		fixed_canvas = false,
+		realtime = false,
+		upload,
+		is_dragging = $bindable(),
+		placeholder = undefined,
+		border_region,
+		full_history = $bindable(null),
+		webcam_options = { mirror: true, constraints: {} },
+		show_download_button = false,
+		image_id = $bindable(null),
+		onclear,
+		onupload,
+		onchange,
+		oninput,
+		onsave,
+		onreceive_null,
+		ondownload_error
+	}: {
+		brush: IBrush | false;
+		eraser: Eraser | false;
+		sources: Source[];
+		i18n: I18nFormatter;
+		root: string;
+		label?: string;
+		show_label: boolean;
+		changeable?: boolean;
+		theme_mode: "dark" | "light";
+		layers: FileData[];
+		composite: FileData | null;
+		background: FileData | null;
+		layer_options?: LayerOptions;
+		transforms: Transform[];
+		accept_blobs: (a: any) => void;
+		canvas_size: [number, number];
+		fixed_canvas?: boolean;
+		realtime?: boolean;
+		upload: Client["upload"];
+		is_dragging?: boolean;
+		placeholder?: string;
+		border_region: number;
+		full_history?: CommandNode | null;
+		webcam_options?: WebcamOptions;
+		show_download_button?: boolean;
+		image_id?: null | string;
+		onclear?: () => void;
+		onupload?: () => void;
+		onchange?: () => void;
+		oninput?: () => void;
+		onsave?: () => void;
+		onreceive_null?: () => void;
+		ondownload_error?: (error: string) => void;
+	} = $props();
+
+	let editor: ImageEditor;
+	let has_drawn = $state(false);
+
+	function is_not_null(o: Blob | null): o is Blob {
+		return !!o;
+	}
+
+	function is_file_data(o: null | FileData): o is FileData {
+		return !!o;
+	}
+
+	$effect(() => {
+		if (background_image) onupload?.();
+	});
+
+	export async function get_data(): Promise<ImageBlobs> {
+		let blobs;
+		try {
+			blobs = await editor.get_blobs();
+		} catch (e) {
+			return { background: null, layers: [], composite: null };
+		}
+
+		const bg = blobs.background
+			? upload(
+					await prepare_files([new File([blobs.background], "background.png")]),
+					root
+				)
+			: Promise.resolve(null);
+
+		const layers = blobs.layers
+			.filter(is_not_null)
+			.map(async (blob, i) =>
+				upload(await prepare_files([new File([blob], `layer_${i}.png`)]), root)
+			);
+
+		const composite = blobs.composite
+			? upload(
+					await prepare_files([new File([blobs.composite], "composite.png")]),
+					root
+				)
+			: Promise.resolve(null);
+
+		const [background, composite_, ...layers_] = await Promise.all([
+			bg,
+			composite,
+			...layers
+		]);
+
+		return {
+			background: Array.isArray(background) ? background[0] : background,
+			layers: layers_
+				.flatMap((layer) => (Array.isArray(layer) ? layer : [layer]))
+				.filter(is_file_data),
+			composite: Array.isArray(composite_) ? composite_[0] : composite_
+		};
+	}
+
+	function handle_value(value: EditorData | null): void {
+		if (!editor) return;
+		if (value == null) {
+			editor.handle_remove();
+			onreceive_null?.();
+		}
+	}
+
+	$effect(() => {
+		handle_value({ layers, composite, background });
+	});
+
+	let background_image = $state(false);
+	let can_undo = $state(false);
+
+	type BinaryImages = [string, string, File, number | null][];
+
+	function nextframe(): Promise<void> {
+		return new Promise((resolve) => setTimeout(() => resolve(), 30));
+	}
+
+	let uploading = $state(false);
+	let pending = $state(false);
+	async function handle_change(): Promise<void> {
+		if (!realtime) return;
+		if (uploading) {
+			pending = true;
+			return;
+		}
+		uploading = true;
+		await nextframe();
+		const blobs = await editor.get_blobs();
+		const images: BinaryImages = [];
+		let id = Math.random().toString(36).substring(2);
+		if (blobs.background)
+			images.push([
+				id,
+				"background",
+				new File([blobs.background], "background.png"),
+				null
+			]);
+		if (blobs.composite)
+			images.push([
+				id,
+				"composite",
+				new File([blobs.composite], "composite.png"),
+				null
+			]);
+		blobs.layers.forEach((layer, i) => {
+			if (layer)
+				images.push([
+					id as string,
+					`layer`,
+					new File([layer], `layer_${i}.png`),
+					i
+				]);
+		});
+		await Promise.all(
+			images.map(async ([image_id, type, data, index]) => {
+				return accept_blobs({
+					binary: true,
+					data: { file: data, id: image_id, type, index }
+				});
+			})
+		);
+		image_id = id;
+		onchange?.();
+		await nextframe();
+		uploading = false;
+		if (pending) {
+			pending = false;
+			uploading = false;
+			handle_change();
+		}
+	}
+
+	let placeholder_parts = $derived(
+		placeholder ? inject(placeholder) : [false, false]
+	);
+	let heading = $derived(placeholder_parts[0]);
+	let paragraph = $derived(placeholder_parts[1]);
+
+	let current_tool = $state<ToolbarTool>("image");
+</script>
+
+<BlockLabel
+	{show_label}
+	Icon={ImageIcon}
+	label={label || i18n("image.image")}
+/>
+<ImageEditor
+	{transforms}
+	{composite}
+	{layers}
+	{background}
+	{canvas_size}
+	bind:this={editor}
+	{changeable}
+	{onsave}
+	{oninput}
+	onchange={handle_change}
+	onclear={() => onclear?.()}
+	{ondownload_error}
+	{sources}
+	bind:background_image
+	bind:current_tool
+	brush_options={brush}
+	eraser_options={eraser}
+	{fixed_canvas}
+	{border_region}
+	{layer_options}
+	{i18n}
+	{root}
+	{upload}
+	bind:is_dragging
+	bind:has_drawn
+	{webcam_options}
+	{show_download_button}
+	{theme_mode}
+	bind:can_undo
+	bind:full_history
+>
+	{#if current_tool === "image" && !can_undo}
+		<div class="empty wrap">
+			{#if sources && sources.length}
+				{#if heading || paragraph}
+					{#if heading}
+						<h2>{heading}</h2>
+					{/if}
+					{#if paragraph}
+						<p>{paragraph}</p>
+					{/if}
+				{:else}
+					<div>Upload an image</div>
+				{/if}
+			{/if}
+
+			{#if sources && sources.length && brush && !placeholder}
+				<div class="or">or</div>
+			{/if}
+			{#if brush && !placeholder}
+				<div>select the draw tool to start</div>
+			{/if}
+		</div>
+	{/if}
+</ImageEditor>
+
+<style>
+	h2 {
+		font-size: var(--text-xl);
+	}
+
+	p,
+	h2 {
+		white-space: pre-line;
+	}
+
+	.empty {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		position: absolute;
+		height: 100%;
+		width: 100%;
+		left: 0;
+		right: 0;
+		margin: auto;
+		z-index: var(--layer-1);
+		text-align: center;
+		color: var(--color-grey-500) !important;
+		cursor: pointer;
+	}
+
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		line-height: var(--line-md);
+		font-size: var(--text-md);
+	}
+
+	.or {
+		color: var(--body-text-color-subdued);
+	}
+</style>
diff --git a/js/imageeditor/README.md b/js/imageeditor/README.md
new file mode 100644
index 0000000..be1aaf0
--- /dev/null
+++ b/js/imageeditor/README.md
@@ -0,0 +1,3 @@
+# `@gradio/imageeditor`
+
+hello
\ No newline at end of file
diff --git a/js/imageeditor/package.json b/js/imageeditor/package.json
new file mode 100644
index 0000000..dacccb4
--- /dev/null
+++ b/js/imageeditor/package.json
@@ -0,0 +1,48 @@
+{
+	"name": "@gradio/imageeditor",
+	"version": "0.20.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@types/tinycolor2": "^1.4.6",
+		"pixi-filters": "^6.1.4",
+		"pixi.js": "^8.14.0",
+		"tinycolor2": "^1.6.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/imageeditor"
+	}
+}
diff --git a/js/imageeditor/shared/Anchor.svelte b/js/imageeditor/shared/Anchor.svelte
new file mode 100644
index 0000000..4291fc3
--- /dev/null
+++ b/js/imageeditor/shared/Anchor.svelte
@@ -0,0 +1,386 @@
+<script lang="ts">
+	import { spring } from "svelte/motion";
+	import { Image } from "@gradio/icons";
+	import { onMount } from "svelte";
+
+	const positions = [
+		"top-left",
+		"top",
+		"top-right",
+		"left",
+		"center",
+		"right",
+		"bottom-left",
+		"bottom",
+		"bottom-right"
+	] as const;
+	let {
+		onposition
+	}: {
+		onposition?: (position: (typeof positions)[number]) => void;
+	} = $props();
+
+	const spring_opt = {
+		stiffness: 0.1,
+		precision: 0.5
+	};
+	const pos = spring([5, 5], spring_opt);
+	const init = [(120 - 10) / 3, (120 - 10) / 3];
+	const dimensions = spring(init, spring_opt);
+	type Arrow = {
+		x: number;
+		y: number;
+		x_dir: number;
+		y_dir: number;
+		rotation: number;
+		type: number;
+	};
+	const arrow_spring = spring<Arrow[]>([], spring_opt);
+
+	let last_i = $state(0);
+	let expanded = $state(true);
+	const box_size = (120 - 5 * 2) / 3;
+
+	async function handle_box_hover(i: number): Promise<void> {
+		expanded = false;
+		last_i = i;
+		const y = Math.floor(i / 3);
+		const x = i % 3;
+		pos.set([x * box_size + 5 * x + 5, y * box_size + 5 * y + 5]);
+
+		dimensions.set(init);
+	}
+
+	let last_pos = $state(0);
+	async function handle_box_click(i: number, stagger = false): Promise<void> {
+		if (expanded && stagger) return;
+
+		const y = Math.floor(i / 3);
+		const x = i % 3;
+
+		const [initial_arrows, eventual_arrows] = get_valid_offsets({
+			x: x,
+			y: y
+		});
+
+		if (stagger && last_i !== i) {
+			await Promise.all([
+				pos.set([x * box_size + 5 * x + 5, y * box_size + 5 * y + 5]),
+				arrow_spring.set(initial_arrows, { hard: true }),
+				dimensions.set(init)
+			]);
+		} else {
+			await arrow_spring.set(initial_arrows, { hard: true });
+		}
+		last_pos = i;
+		expanded = true;
+
+		pos.set([0, 0]);
+		dimensions.set([120 + 10, 120 + 10]);
+		arrow_spring.set(eventual_arrows);
+
+		onposition?.(positions[i]);
+	}
+
+	function get_valid_offsets(anchorPoint: {
+		x: number;
+		y: number;
+	}): [Arrow[], Arrow[]] {
+		const destination_points: { x: number; y: number }[] = [
+			{ x: 0, y: 0 },
+			{ x: 1, y: 0 },
+			{ x: 2, y: 0 },
+			{ x: 0, y: 1 },
+			{ x: 1, y: 1 },
+			{ x: 2, y: 1 },
+			{ x: 0, y: 2 },
+			{ x: 1, y: 2 },
+			{ x: 2, y: 2 }
+		];
+
+		const offsets = destination_points
+			.map((dest) => ({
+				x: dest.x - anchorPoint.x,
+				y: dest.y - anchorPoint.y,
+				dest
+			}))
+			.filter((offset) => !(offset.x === 0 && offset.y === 0));
+
+		const normalized_offsets = offsets
+			.map((offset) => {
+				// cardinal
+				if (offset.x === 0 || offset.y === 0) {
+					const magnitude = Math.max(Math.abs(offset.x), Math.abs(offset.y));
+					return {
+						magnitude,
+						x: offset.x / magnitude,
+						y: offset.y / magnitude,
+						dest: offset.dest,
+						original: offset,
+						type: "cardinal" as const
+					};
+				}
+
+				// ordinal
+				if (Math.abs(offset.x) === Math.abs(offset.y)) {
+					const magnitude = Math.abs(offset.x);
+					return {
+						magnitude,
+						x: offset.x / magnitude,
+						y: offset.y / magnitude,
+						dest: offset.dest,
+						original: offset,
+						type: "ordinal" as const
+					};
+				}
+
+				// skip the rest
+				return null;
+			})
+			.filter((offset) => offset !== null);
+
+		const directions = new Map<
+			string,
+			{
+				x: number;
+				y: number;
+				dest: { x: number; y: number };
+				original: { x: number; y: number };
+				magnitude: number;
+				type: "cardinal" | "ordinal";
+			}[]
+		>();
+
+		normalized_offsets.forEach((offset) => {
+			if (directions.has(`${offset.x}-${offset.y}`)) {
+				directions.get(`${offset.x}-${offset.y}`)?.push(offset);
+			} else {
+				directions.set(`${offset.x}-${offset.y}`, [offset]);
+			}
+		});
+
+		const unique_directions = Array.from(directions.values()).map(
+			(direction) => {
+				return direction.sort((a, b) => b.magnitude - a.magnitude)[0];
+			}
+		);
+
+		const eventual_arrows = unique_directions.map((arrow) => ({
+			x:
+				arrow.dest.x * box_size +
+				14 * arrow.dest.x +
+				14 +
+				10 +
+				(arrow.type === "ordinal" ? 0 : 12 * arrow.x),
+			y:
+				arrow.dest.y * box_size +
+				14 * arrow.dest.y +
+				14 +
+				10 +
+				(arrow.type === "ordinal" ? 0 : 12 * arrow.y),
+			x_dir: arrow.x,
+			y_dir: arrow.y,
+			rotation:
+				Math.atan2(arrow.original.y, arrow.original.x) * (180 / Math.PI) + 180,
+			type: arrow.type === "ordinal" ? 1 : 2
+		}));
+
+		const initial_arrows = eventual_arrows.map((arrow) => ({
+			...arrow,
+			x:
+				anchorPoint.x * box_size +
+				14 * anchorPoint.x + // gaps
+				14 + // padding
+				10 + // arrow head
+				(arrow.x_dir * box_size) / 2 +
+				arrow.x_dir * (arrow.type === 1 ? 0 : 10), // offset based on direction
+
+			y:
+				anchorPoint.y * box_size +
+				14 * anchorPoint.y +
+				14 +
+				10 +
+				(arrow.y_dir * box_size) / 2 +
+				arrow.y_dir * (arrow.type === 1 ? 0 : 10)
+		}));
+
+		return [initial_arrows, eventual_arrows];
+	}
+
+	onMount(() => {
+		handle_box_click(0);
+	});
+</script>
+
+<div class="wrap" class:expanded>
+	<div
+		class="box-wrap"
+		role="grid"
+		tabindex="0"
+		onmouseleave={() => handle_box_click(last_pos, true)}
+	>
+		{#each { length: 9 } as _, i}
+			<button
+				class="box"
+				class:active-box={last_pos === i}
+				onmouseenter={() => handle_box_hover(i)}
+				onclick={() => handle_box_click(i)}
+			>
+				<span class:active={last_pos === i} class="icon-wrap">
+					<Image />
+				</span>
+			</button>
+		{/each}
+	</div>
+	<div
+		class="expanding-box"
+		style:width="{$dimensions[0]}px"
+		style:height="{$dimensions[1]}px"
+		style:transform="translate({$pos[0]}px, {$pos[1]}px)"
+	></div>
+	<svg viewBox="0 0 150 150">
+		{#each $arrow_spring as arrow}
+			<line
+				x1={(last_pos % 3) * box_size +
+					14 * (last_pos % 3) +
+					14 +
+					10 +
+					(arrow.x_dir * box_size) / 2 +
+					arrow.x_dir * (arrow.type === 1 ? 0 : 10)}
+				x2={arrow.x}
+				y1={Math.floor(last_pos / 3) * box_size +
+					14 * Math.floor(last_pos / 3) +
+					14 +
+					10 +
+					(arrow.y_dir * box_size) / 2 +
+					arrow.y_dir * (arrow.type === 1 ? 0 : 10)}
+				y2={arrow.y}
+			/>
+		{/each}
+		{#each $arrow_spring as arrow}
+			<g style:transform="translate(-75px, -75px)">
+				<g style:transform="translate({arrow.x}px, {arrow.y}px)">
+					<path
+						d="M 70,75 80,69 80,81 Z"
+						style:transform="rotate({arrow.rotation}deg)"
+						style:transform-origin="75 75"
+					/>
+				</g>
+			</g>
+		{/each}
+	</svg>
+</div>
+
+<style>
+	.wrap {
+		position: relative;
+		margin: 10px 0;
+		height: 130px;
+		width: 130px;
+		padding: 5px;
+	}
+
+	.box-wrap {
+		width: 100%;
+		height: 100%;
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
+		grid-template-rows: repeat(3, 1fr);
+		gap: 5px;
+
+		background-color: var(--block-background-fill);
+	}
+
+	.box {
+		cursor: pointer;
+		border: none;
+		border: #ccc dashed 1px;
+		border-radius: 4px;
+		transition: 0.1s;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.box::after {
+		background: none !important;
+	}
+
+	.expanding-box {
+		--mod: 3;
+		--border: 2;
+		border: orange solid 2px;
+		border-radius: 4px;
+		position: absolute;
+		top: 0px;
+		left: 0px;
+		width: 100%;
+		height: 100%;
+		pointer-events: none;
+
+		width: calc(100% / var(--mod));
+		height: calc(100% / var(--mod));
+		transform-origin: 50% 0;
+		box-sizing: border-box;
+	}
+
+	svg {
+		position: absolute;
+		top: 0px;
+		left: 0px;
+		width: 100%;
+		height: 100%;
+
+		pointer-events: none;
+	}
+
+	.icon-wrap {
+		opacity: 0.2;
+		height: 50%;
+		width: 50%;
+
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-color: #ccc;
+		transition: 0.1s;
+		padding-top: 1px;
+	}
+
+	.wrap.expanded .icon-wrap {
+		opacity: 0;
+	}
+
+	.wrap.expanded .box {
+		border-color: #fff;
+	}
+
+	.icon-wrap.active {
+		opacity: 1 !important;
+	}
+
+	svg {
+		opacity: 0;
+		padding: 5px;
+		transition: 0.1s;
+	}
+	.expanded svg {
+		opacity: 1;
+	}
+
+	svg line {
+		stroke: #999;
+		stroke-width: 3px;
+		stroke-linecap: round;
+	}
+
+	svg path {
+		stroke-width: 3;
+		stroke: #999;
+		stroke-linejoin: round;
+		stroke-linecap: round;
+		fill: #999;
+		/* transition: 0.5s; */
+		transform-origin: 75px 75px;
+	}
+</style>
diff --git a/js/imageeditor/shared/Controls.svelte b/js/imageeditor/shared/Controls.svelte
new file mode 100644
index 0000000..3f8c8a8
--- /dev/null
+++ b/js/imageeditor/shared/Controls.svelte
@@ -0,0 +1,275 @@
+<script lang="ts">
+	import { IconButton, IconButtonWrapper } from "@gradio/atoms";
+	import {
+		Check,
+		Trash,
+		ZoomIn,
+		ZoomOut,
+		Pan,
+		Download,
+		Undo,
+		Redo
+	} from "@gradio/icons";
+	let {
+		can_save = false,
+		changeable = false,
+		current_zoom = 1,
+		tool,
+		min_zoom = true,
+		enable_download = false,
+		can_undo,
+		can_redo,
+		onremove_image,
+		onundo,
+		onredo,
+		onsave,
+		onzoom_in,
+		onzoom_out,
+		onset_zoom,
+		onpan,
+		ondownload
+	}: {
+		can_save?: boolean;
+		changeable?: boolean;
+		current_zoom?: number;
+		tool: string;
+		min_zoom?: boolean;
+		enable_download?: boolean;
+		can_undo: boolean;
+		can_redo: boolean;
+		onremove_image?: () => void;
+		onundo?: () => void;
+		onredo?: () => void;
+		onsave?: () => void;
+		onzoom_in?: () => void;
+		onzoom_out?: () => void;
+		onset_zoom?: (zoom: number | "fit") => void;
+		onpan?: () => void;
+		ondownload?: () => void;
+	} = $props();
+
+	let show_zoom_popup = $state(false);
+
+	function handle_zoom_click(e: MouseEvent): void {
+		e.stopPropagation();
+		show_zoom_popup = !show_zoom_popup;
+	}
+
+	function handle_zoom_change(zoom: number | "fit"): void {
+		onset_zoom?.(zoom);
+		show_zoom_popup = false;
+	}
+
+	function handle_zoom_keydown(e: KeyboardEvent): void {
+		if (e.key === "Enter") {
+			handle_zoom_change(current_zoom);
+		}
+	}
+
+	let formatted_zoom = $derived(Math.round(current_zoom * 100));
+</script>
+
+<IconButtonWrapper>
+	{#if enable_download}
+		<IconButton
+			Icon={Download}
+			label="Download"
+			onclick={(event) => {
+				ondownload?.();
+				event.stopPropagation();
+			}}
+		/>
+	{/if}
+
+	<IconButton
+		Icon={Pan}
+		label="Pan"
+		onclick={(e) => {
+			e.stopPropagation();
+			onpan?.();
+		}}
+		highlight={tool === "pan"}
+		size="small"
+		padded={false}
+		transparent={true}
+		disabled={min_zoom}
+	/>
+
+	<IconButton
+		Icon={ZoomOut}
+		label="Zoom out"
+		onclick={(event) => {
+			onzoom_out?.();
+			event.stopPropagation();
+		}}
+	/>
+	<IconButton
+		Icon={ZoomIn}
+		label="Zoom in"
+		onclick={(event) => {
+			onzoom_in?.();
+			event.stopPropagation();
+		}}
+	/>
+
+	<div class="zoom-number">
+		<span
+			role="button"
+			tabindex="0"
+			onclick={handle_zoom_click}
+			onkeydown={handle_zoom_keydown}>{formatted_zoom}%</span
+		>
+		{#if show_zoom_popup}
+			<div class="zoom-controls">
+				<ul>
+					<li>
+						<button
+							onclick={(event) => {
+								event.stopPropagation();
+								handle_zoom_change("fit");
+							}}
+						>
+							Fit to screen
+						</button>
+					</li>
+					{#each [0.25, 0.5, 1, 2, 4] as zoom}
+						<li>
+							<button
+								onclick={(event) => {
+									event.stopPropagation();
+									handle_zoom_change(zoom);
+								}}
+							>
+								{zoom * 100}%
+							</button>
+						</li>
+					{/each}
+				</ul>
+			</div>
+		{/if}
+	</div>
+	<div class="separator"></div>
+
+	<IconButton
+		Icon={Undo}
+		label="Undo"
+		onclick={(event) => {
+			onundo?.();
+			event.stopPropagation();
+		}}
+		disabled={!can_undo}
+	/>
+
+	<IconButton
+		Icon={Redo}
+		label="Redo"
+		onclick={(event) => {
+			onredo?.();
+			event.stopPropagation();
+		}}
+		disabled={!can_redo}
+	/>
+
+	{#if changeable}
+		<IconButton
+			disabled={!can_save}
+			Icon={Check}
+			label="Save changes"
+			onclick={(event) => {
+				onsave?.();
+				event.stopPropagation();
+			}}
+			color="var(--color-accent)"
+		/>
+	{/if}
+
+	<IconButton
+		Icon={Trash}
+		label="Clear canvas"
+		onclick={(event) => {
+			onremove_image?.();
+			event.stopPropagation();
+		}}
+	/>
+</IconButtonWrapper>
+
+<style>
+	.separator {
+		width: 1px;
+		height: 10px;
+		background-color: var(--border-color-primary);
+	}
+
+	.zoom-number {
+		position: relative;
+		width: 30px;
+		padding-left: 4px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.zoom-number span {
+		cursor: pointer;
+		font-size: var(--text-sm);
+		transition: color 0.15s ease;
+	}
+
+	.zoom-number span:hover {
+		color: var(--color-accent);
+	}
+
+	.zoom-controls {
+		position: absolute;
+		top: calc(100% + var(--spacing-xxs) + 3px);
+		left: -2px;
+		background: var(--block-background-fill);
+		border: 1px solid var(--color-gray-200);
+		border-radius: var(--radius-sm);
+		padding: var(--spacing-xxs);
+		box-shadow: var(--shadow-drop);
+		font-size: 12px;
+		z-index: var(--layer-2);
+		width: max-content;
+		color: var(--block-label-text-color);
+		border: 1px solid var(--block-border-color);
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+	}
+
+	.zoom-controls ul {
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+
+	.zoom-controls li {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		transition: background-color 0.15s ease;
+		border-bottom: 1px solid var(--border-color-primary);
+	}
+
+	.zoom-controls li:last-child {
+		border-bottom: none;
+	}
+
+	.zoom-controls li:hover {
+		background-color: var(--background-fill-secondary);
+	}
+
+	.zoom-controls button {
+		width: 100%;
+		text-align: left;
+		padding: var(--spacing-sm) var(--spacing-md);
+		font-size: var(--text-sm);
+		line-height: var(--line-sm);
+		transition: all 0.15s ease;
+		border-radius: var(--radius-sm);
+	}
+
+	.zoom-controls button:hover {
+		color: var(--color-accent);
+	}
+</style>
diff --git a/js/imageeditor/shared/IconButton.svelte b/js/imageeditor/shared/IconButton.svelte
new file mode 100644
index 0000000..09b2f34
--- /dev/null
+++ b/js/imageeditor/shared/IconButton.svelte
@@ -0,0 +1,172 @@
+<script lang="ts">
+	import { type Component } from "svelte";
+	import type { ColorInput } from "tinycolor2";
+
+	let {
+		Icon,
+		label = "",
+		show_label = false,
+		pending = false,
+		size = "small",
+		padded = true,
+		highlight = false,
+		disabled = false,
+		hasPopup = false,
+		color = "var(--block-label-text-color)",
+		transparent = false,
+		background = "var(--background-fill-primary)",
+		offset = 0,
+		label_position = "left",
+		roundedness = "quite",
+		onclick = undefined
+	}: {
+		Icon: Component<any>;
+		label?: string;
+		show_label?: boolean;
+		pending?: boolean;
+		size?: "small" | "large" | "medium";
+		padded?: boolean;
+		highlight?: boolean;
+		disabled?: boolean;
+		hasPopup?: boolean;
+		color?: string | ColorInput;
+		transparent?: boolean;
+		background?: string;
+		offset?: number;
+		label_position?: "left" | "right";
+		roundedness?: "quite" | "very";
+		onclick?: (event: MouseEvent) => void;
+	} = $props();
+
+	let _color = $derived(highlight ? "var(--color-accent)" : color.toString());
+</script>
+
+<button
+	{disabled}
+	{onclick}
+	aria-label={label}
+	aria-haspopup={hasPopup}
+	title={label}
+	class:pending
+	class:padded
+	class:highlight
+	class:transparent
+	style:color={!disabled && _color ? _color : "var(--block-label-text-color)"}
+	style:--bg-color={!disabled ? background : "auto"}
+	style:margin-left={offset + "px"}
+	class="{roundedness}-round"
+>
+	{#if show_label && label_position === "left"}
+		<span style="margin-left: 4px;">{label}</span>
+	{/if}
+	<div
+		class:small={size === "small"}
+		class:large={size === "large"}
+		class:medium={size === "medium"}
+	>
+		<Icon />
+	</div>
+	{#if show_label && label_position === "right"}
+		<span style="margin-right: 4px;">{label}</span>
+	{/if}
+</button>
+
+<style>
+	button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		gap: 1px;
+		z-index: var(--layer-2);
+		/* background: var(--background-fill-primary); */
+		/* border-radius: var(--radius-sm); */
+		color: var(--block-label-text-color);
+		border: 1px solid transparent;
+	}
+
+	.quite-round {
+		border-radius: var(--radius-sm);
+	}
+
+	.very-round {
+		border-radius: var(--radius-md);
+	}
+
+	button[disabled] {
+		opacity: 0.5;
+		box-shadow: none;
+	}
+
+	button[disabled]:hover {
+		cursor: not-allowed;
+		/* border: 1px solid var(--button-secondary-border-color); */
+		/* padding: 2px; */
+	}
+
+	.padded {
+		padding: 2px;
+		background: var(--bg-color);
+		box-shadow: var(--shadow-drop);
+		border: 1px solid var(--button-secondary-border-color);
+	}
+
+	button:hover,
+	button.highlight {
+		cursor: pointer;
+		color: var(--color-accent);
+	}
+
+	.padded:hover {
+		border: 2px solid var(--button-secondary-border-color-hover);
+		padding: 1px;
+		color: var(--block-label-text-color);
+	}
+
+	span {
+		padding: 0px 1px;
+		font-size: 10px;
+	}
+
+	div {
+		padding: 2px;
+		display: flex;
+		align-items: flex-end;
+	}
+
+	.small {
+		width: 14px;
+		height: 14px;
+	}
+
+	.medium {
+		width: 20px;
+		height: 20px;
+	}
+
+	.large {
+		width: 22px;
+		height: 22px;
+	}
+
+	.pending {
+		animation: flash 0.5s infinite;
+	}
+
+	@keyframes flash {
+		0% {
+			opacity: 0.5;
+		}
+		50% {
+			opacity: 1;
+		}
+		100% {
+			opacity: 0.5;
+		}
+	}
+
+	.transparent {
+		background: transparent;
+		border: none;
+		box-shadow: none;
+	}
+</style>
diff --git a/js/imageeditor/shared/ImageEditor.svelte b/js/imageeditor/shared/ImageEditor.svelte
new file mode 100644
index 0000000..8e6c8e4
--- /dev/null
+++ b/js/imageeditor/shared/ImageEditor.svelte
@@ -0,0 +1,987 @@
+<script lang="ts" context="module">
+	import type { Tool, Subtool } from "./Toolbar.svelte";
+
+	export const EDITOR_KEY = Symbol("editor");
+	export type context_type = "bg" | "layers" | "crop" | "draw" | "erase";
+</script>
+
+<script lang="ts">
+	import { onMount, tick, type Snippet } from "svelte";
+	import { get } from "svelte/store";
+	import Toolbar, { type Tool as ToolbarTool } from "./Toolbar.svelte";
+	import { CropTool } from "./crop/crop";
+	import { ResizeTool } from "./resize/resize";
+	import { Webcam } from "@gradio/image";
+	import type { I18nFormatter } from "@gradio/utils";
+	import type { Client, FileData } from "@gradio/client";
+	import tinycolor, { type ColorInput } from "tinycolor2";
+	import { ZoomTool } from "./zoom/zoom";
+	import { type CommandManager, type CommandNode } from "./core/commands";
+	import { ImageEditor } from "./core/editor";
+	import { type Brush, type Eraser } from "./brush/types";
+	import { BrushTool } from "./brush/brush";
+	import { create_drag } from "@gradio/upload";
+	import SecondaryToolbar from "./SecondaryToolbar.svelte";
+	import { Check } from "@gradio/icons";
+	import type { LayerOptions, Source, Transform, WebcamOptions } from "./types";
+
+	import { type ImageBlobs } from "./types";
+	import Controls from "./Controls.svelte";
+	import IconButton from "./IconButton.svelte";
+
+	const { drag, open_file_upload } = create_drag();
+
+	export const antialias = true;
+
+	let {
+		changeable = false,
+		sources = ["upload", "webcam", "clipboard"],
+		transforms = ["crop", "resize"],
+		canvas_size,
+		is_dragging = $bindable(false),
+		background_image = $bindable(false),
+		brush_options,
+		eraser_options,
+		fixed_canvas = false,
+		root,
+		i18n,
+		upload,
+		composite,
+		layers,
+		background,
+		border_region = 0,
+		layer_options,
+		current_tool = $bindable(),
+		webcam_options,
+		show_download_button = false,
+		theme_mode,
+		full_history = $bindable(null),
+		has_drawn = $bindable(false),
+		can_undo = $bindable(false),
+		onclear,
+		onsave,
+		onchange,
+		onupload,
+		oninput,
+		ondownload_error,
+		children
+	}: {
+		changeable?: boolean;
+		sources?: Source[];
+		transforms?: Transform[];
+		canvas_size: [number, number];
+		is_dragging?: boolean;
+		background_image?: boolean;
+		brush_options: Brush | false;
+		eraser_options: Eraser | false;
+		fixed_canvas?: boolean;
+		root: string;
+		i18n: I18nFormatter;
+		upload: Client["upload"];
+		composite: FileData | null;
+		layers: FileData[];
+		background: FileData | null;
+		border_region?: number;
+		layer_options: LayerOptions;
+		current_tool: ToolbarTool;
+		webcam_options: WebcamOptions;
+		show_download_button?: boolean;
+		theme_mode: "dark" | "light";
+		full_history?: CommandNode | null;
+		has_drawn?: boolean;
+		can_undo?: boolean;
+		onclear?: () => void;
+		onsave?: () => void;
+		onchange?: () => void;
+		onupload?: () => void;
+		oninput?: () => void;
+		ondownload_error?: (error: string) => void;
+		children?: Snippet;
+	} = $props();
+
+	let pixi_target: HTMLDivElement;
+	let pixi_target_crop: HTMLDivElement;
+
+	let layer_options_key: string | undefined | null = null;
+	$effect(() => {
+		if (!check_if_should_init()) return;
+
+		const next_layer_options_key = JSON.stringify(layer_options);
+		if (next_layer_options_key === layer_options_key) return;
+
+		layer_options_key = next_layer_options_key;
+		editor.set_layer_options(layer_options);
+	});
+
+	$effect(() => {
+		refresh_tools();
+	});
+
+	function refresh_tools(): void {
+		if (!editor || !ready) return;
+		editor.set_tool(current_tool);
+		editor.set_subtool(current_subtool);
+	}
+
+	$effect(() => {
+		if (!(editor && ready && editor.layers)) return;
+		const current_layers = get(editor.layers);
+
+		if (current_layers.layers.length > 0 && !current_layers.active_layer) {
+			refresh_tools_for_layer_changes(current_layers);
+		}
+	});
+
+	/**
+	 * Refreshes tools when layer state changes
+	 */
+	function refresh_tools_for_layer_changes(current_layers: any): void {
+		if (!editor || !ready) return;
+
+		if (current_layers.layers.length > 0 && !current_layers.active_layer) {
+			editor.set_layer(current_layers.layers[0].id);
+		}
+
+		// reapply current tool to ensure it targets the correct layer
+		if (current_tool) {
+			editor.set_tool(current_tool);
+			if (current_subtool) {
+				editor.set_subtool(current_subtool);
+			}
+		}
+
+		if (brush && (current_tool === "draw" || current_tool === "erase")) {
+			brush.set_tool(current_tool, current_subtool);
+		}
+	}
+
+	function check_if_should_init(): boolean {
+		return layer_options && editor && ready;
+	}
+
+	/**
+	 * Gets the image blobs from the editor
+	 * @returns {Promise<ImageBlobs>} Object containing background, layers, and composite image blobs
+	 */
+	export async function get_blobs(): Promise<ImageBlobs> {
+		if (!editor) return { background: null, layers: [], composite: null };
+		if (!background_image && !has_drawn && !layers.length)
+			return { background: null, layers: [], composite: null };
+		const blobs = await editor.get_blobs();
+		return blobs;
+	}
+
+	let editor: ImageEditor;
+
+	/**
+	 * Adds an image to the editor
+	 * @param {Blob | File} image - The image to add
+	 */
+	export function add_image(image: Blob | File): void {
+		editor.add_image({ image });
+	}
+
+	let pending_bg: Promise<void>;
+	/**
+	 * Adds an image to the editor from a URL
+	 * @param {string | FileData} source - The URL of the image or a FileData object
+	 * @returns {Promise<void>}
+	 */
+	export async function add_image_from_url(
+		source:
+			| string
+			| {
+					url: string;
+					meta: {
+						_type: string;
+					};
+			  }
+			| any
+	): Promise<void> {
+		if (!editor || !source || !check_if_should_init()) return;
+		let url: string;
+
+		if (typeof source === "string") {
+			url = source;
+		} else if (source?.meta?._type === "gradio.FileData" && source?.url) {
+			url = source.url;
+		} else {
+			console.warn("Invalid source provided to add_image_from_url:", source);
+			return;
+		}
+
+		try {
+			pending_bg = editor.add_image_from_url(url);
+			let pending_crop = crop.add_image_from_url(url);
+			await Promise.all([pending_bg, pending_crop]);
+			crop.set_tool("image");
+			crop.set_subtool("crop");
+			background_image = true;
+			zoom.set_zoom("fit");
+			onupload?.();
+			oninput?.();
+		} catch (error) {
+			console.error("Error adding image from URL:", error);
+		}
+	}
+
+	/**
+	 * Adds a new layer with an image loaded from a URL
+	 * @param {string | FileData} source - The URL of the image or a FileData object
+	 * @returns {Promise<string | null>} - The ID of the created layer, or null if failed
+	 */
+	export async function add_layers_from_url(
+		source: FileData[] | any
+	): Promise<void> {
+		if (!editor || !source.length || !check_if_should_init()) return;
+
+		if (
+			Array.isArray(source) &&
+			source.every((item) => item?.meta?._type === "gradio.FileData")
+		) {
+			try {
+				await pending_bg;
+				await editor.add_layers_from_url(source.map((item) => item.url));
+				onchange?.();
+				oninput?.();
+			} catch (error) {
+				console.error("Error adding layer from URL:", error);
+			}
+		}
+	}
+
+	let brush: BrushTool;
+	let zoom: ZoomTool;
+	let zoom_level = $state(1);
+	let ready = $state(false);
+	let mounted = $state(false);
+	let min_zoom = $state(true);
+
+	let last_dimensions = { width: 0, height: 0 };
+
+	/**
+	 * Handles visibility changes and resets zoom if dimensions have changed
+	 */
+	async function handle_visibility_change(): Promise<void> {
+		if (!editor || !ready || !zoom || !pixi_target) return;
+		await tick();
+
+		if (!pixi_target) return;
+
+		const is_visible = pixi_target.offsetParent !== null;
+
+		if (is_visible) {
+			const current_dimensions = pixi_target.getBoundingClientRect();
+
+			if (
+				current_dimensions.width !== last_dimensions.width ||
+				current_dimensions.height !== last_dimensions.height
+			) {
+				zoom.set_zoom("fit");
+
+				last_dimensions = {
+					width: current_dimensions.width,
+					height: current_dimensions.height
+				};
+			}
+		}
+	}
+
+	onMount(() => {
+		let intersection_observer: IntersectionObserver;
+		let resize_observer: ResizeObserver;
+
+		init_image_editor().then(() => {
+			mounted = true;
+			intersection_observer = new IntersectionObserver(() => {
+				handle_visibility_change();
+			});
+
+			resize_observer = new ResizeObserver(() => {
+				handle_visibility_change();
+			});
+
+			intersection_observer.observe(pixi_target);
+			resize_observer.observe(pixi_target);
+
+			setTimeout(() => {
+				if (full_history && editor) {
+					editor.command_manager
+						.replay(full_history, editor.context)
+						.then(() => {
+							refresh_tools_after_history();
+						});
+				}
+			}, 0);
+		});
+
+		if (typeof window !== "undefined") {
+			(window as any).editor = editor;
+		}
+
+		return () => {
+			if (intersection_observer) {
+				intersection_observer.disconnect();
+			}
+			if (resize_observer) {
+				resize_observer.disconnect();
+			}
+			if (editor) {
+				editor.destroy();
+			}
+		};
+	});
+
+	/**
+	 * Refreshes tool state after history replay to ensure proper layer targeting
+	 */
+	function refresh_tools_after_history(): void {
+		if (!editor || !ready) return;
+
+		const current_layers = get(editor.layers);
+
+		if (current_layers.layers.length > 0 && !current_layers.active_layer) {
+			editor.set_layer(current_layers.layers[0].id);
+		}
+
+		if (current_tool) {
+			editor.set_tool(current_tool);
+			if (current_subtool) {
+				editor.set_subtool(current_subtool);
+			}
+		}
+
+		if (brush && (current_tool === "draw" || current_tool === "erase")) {
+			brush.set_tool(current_tool, current_subtool);
+		}
+
+		full_history = editor.command_manager.history;
+	}
+
+	let crop: ImageEditor;
+	let crop_zoom: ZoomTool;
+	let can_redo = $state(false);
+	async function init_image_editor(): Promise<void> {
+		brush = new BrushTool();
+		zoom = new ZoomTool();
+		editor = new ImageEditor({
+			target_element: pixi_target,
+			width: canvas_size[0],
+			height: canvas_size[1],
+			tools: ["image", zoom, new ResizeTool(), brush],
+			fixed_canvas,
+			border_region,
+			layer_options,
+			theme_mode
+		});
+
+		brush.on("change", () => {
+			has_drawn = true;
+		});
+
+		crop_zoom = new ZoomTool();
+
+		crop = new ImageEditor({
+			target_element: pixi_target_crop,
+			width: canvas_size[0],
+			height: canvas_size[1],
+			tools: ["image", crop_zoom, new CropTool()],
+			dark: true,
+			fixed_canvas: false,
+			border_region: 0,
+			pad_bottom: 40
+		});
+
+		editor.scale.subscribe((_scale) => {
+			zoom_level = _scale;
+		});
+
+		editor.min_zoom.subscribe((is_min_zoom) => {
+			min_zoom = is_min_zoom;
+		});
+
+		editor.dimensions.subscribe((dimensions) => {
+			last_dimensions = { ...dimensions };
+		});
+
+		editor.command_manager.current_history.subscribe((history) => {
+			can_undo = history.previous !== null;
+			can_redo = history.next !== null;
+		});
+
+		await Promise.all([editor.ready, crop.ready]).then(() => {
+			handle_tool_change({ tool: "image" });
+			ready = true;
+			if (sources.length > 0) {
+				handle_tool_change({ tool: "image" });
+			} else if (brush_options) {
+				handle_tool_change({ tool: "draw" });
+			} else if (eraser_options) {
+				handle_tool_change({ tool: "erase" });
+			} else {
+				handle_tool_change({ tool: "image" });
+			}
+			crop.set_subtool("crop");
+		});
+
+		editor.on("change", () => {
+			onchange?.();
+			oninput?.();
+			full_history = editor.command_manager.history;
+		});
+
+		if (background || layers.length > 0) {
+			if (background) {
+				await add_image_from_url(background);
+			}
+			if (layers.length > 0) {
+				await add_layers_from_url(layers);
+			}
+			handle_tool_change({ tool: "draw" });
+		} else if (composite) {
+			await add_image_from_url(composite);
+			handle_tool_change({ tool: "draw" });
+		}
+
+		refresh_tools();
+	}
+
+	$effect(() => {
+		if (
+			background == null &&
+			layers.length == 0 &&
+			composite == null &&
+			editor &&
+			ready
+		) {
+			editor.reset_canvas();
+			zoom.set_zoom("fit");
+			handle_tool_change({ tool: "image" });
+			background_image = false;
+			has_drawn = false;
+		}
+	});
+
+	$effect(() => {
+		if (current_tool === "image" && current_subtool === "crop") {
+			crop_zoom.set_zoom("fit");
+		}
+	});
+
+	/**
+	 * Handles file uploads
+	 * @param {File[]} files - The uploaded files
+	 */
+	async function handle_files(
+		files: File[] | Blob[] | File | Blob | null
+	): Promise<void> {
+		if (files == null) return;
+		if (!sources.includes("upload")) return;
+		editor.reset_canvas();
+		const _file = Array.isArray(files) ? files[0] : files;
+		await editor.add_image({ image: _file });
+		await crop.add_image({ image: _file });
+		crop.reset();
+
+		background_image = true;
+		zoom.set_zoom("fit");
+		handle_tool_change({ tool: "draw" });
+		onupload?.();
+	}
+
+	$effect(() => {
+		if (editor) {
+			background_image =
+				can_undo && editor.command_manager.contains("AddImage");
+		}
+	});
+
+	/**
+	 * Handles tool change events
+	 * @param {{ tool: ToolbarTool }} param0 - Object containing the selected tool
+	 */
+	function handle_tool_change({ tool }: { tool: ToolbarTool }): void {
+		editor.set_tool(tool);
+		current_tool = tool;
+
+		if (tool === "image") {
+			crop.set_tool("image");
+			crop.set_subtool("crop");
+		}
+	}
+
+	/**
+	 * Handles subtool change events
+	 * @param {{ tool: ToolbarTool, subtool: Subtool }} param0 - Object containing the selected tool and subtool
+	 */
+	function handle_subtool_change({
+		tool,
+		subtool
+	}: {
+		tool: ToolbarTool;
+		subtool: Subtool | null;
+	}): void {
+		editor.set_subtool(subtool);
+		current_subtool = subtool;
+
+		if (subtool === null) {
+			return;
+		}
+
+		if (tool === "draw") {
+			if (subtool === "size") {
+				brush_size_visible = true;
+			} else if (subtool === "color") {
+				brush_color_visible = true;
+			}
+		}
+
+		if (tool === "erase" && subtool === "size") {
+			eraser_size_visible = true;
+		}
+
+		if (tool === "image" && subtool === "paste") {
+			process_clipboard();
+		}
+
+		if (tool === "image" && subtool === "upload") {
+			tick().then(() => {
+				disable_click = false;
+				open_file_upload();
+			});
+		}
+	}
+
+	let eraser_size_visible = $state(false);
+	let selected_color = $state<ColorInput | string>();
+	let selected_size = $state<number>();
+	let selected_opacity = $state(1);
+	let selected_eraser_size = $state<number>();
+
+	$effect(() => {
+		if (brush_options) {
+			update_brush_options();
+		}
+
+		if (eraser_options) {
+			update_eraser_options();
+		}
+	});
+
+	function update_brush_options(): void {
+		if (!brush_options) return;
+		const options = brush_options;
+		const default_color =
+			options.default_color === "auto"
+				? options.colors[0]
+				: options.default_color;
+
+		// color is already a tuple [color, opacity]
+		if (Array.isArray(default_color)) {
+			selected_color = default_color[0];
+			selected_opacity = default_color[1];
+		} else {
+			selected_color = default_color;
+
+			// color is a string, check if it has opacity info
+			const color = tinycolor(default_color);
+			if (color.getAlpha() < 1) {
+				selected_opacity = color.getAlpha();
+			} else {
+				selected_opacity = 1;
+			}
+		}
+
+		selected_size =
+			typeof options.default_size === "number" ? options.default_size : 25;
+	}
+
+	function update_eraser_options(): void {
+		if (!eraser_options) return;
+		const options = eraser_options;
+		selected_eraser_size =
+			options.default_size === "auto" ? 25 : options.default_size;
+	}
+
+	let brush_size_visible = $state(false);
+
+	let brush_color_visible = $state(false);
+
+	$effect(() => {
+		if (!brush) return;
+		brush.set_brush_color(
+			(() => {
+				let color_value: ColorInput = "black";
+				if (selected_color === "auto") {
+					if (!brush_options) return "black";
+					const default_color =
+						brush_options.colors.find((color) =>
+							Array.isArray(color)
+								? color[0] === brush_options.default_color
+								: color === brush_options.default_color
+						) || brush_options.colors[0];
+
+					color_value = Array.isArray(default_color)
+						? default_color[0]
+						: default_color;
+				} else {
+					color_value = selected_color ?? "black";
+				}
+				return color_value;
+			})()
+		);
+	});
+
+	$effect(() => {
+		brush?.set_brush_size(
+			typeof selected_size === "number" ? selected_size : 25
+		);
+	});
+
+	$effect(() => {
+		brush?.set_eraser_size(
+			typeof selected_eraser_size === "number" ? selected_eraser_size : 25
+		);
+	});
+
+	let disable_click = $state(true);
+	$effect(() => {
+		disable_click =
+			current_tool !== "image" ||
+			(current_tool === "image" && background_image) ||
+			(current_tool === "image" && current_subtool === "webcam") ||
+			!sources.includes("upload");
+	});
+
+	let current_subtool = $state<Subtool | null>(null);
+	let preview = $state(false);
+	$effect(() => {
+		brush?.preview_brush(preview);
+	});
+	$effect(() => {
+		brush?.set_brush_opacity(selected_opacity);
+	});
+
+	function remove_image(): void {
+		onclear?.();
+		editor.reset_canvas();
+		handle_tool_change({ tool: "image" });
+		background_image = false;
+		has_drawn = false;
+	}
+
+	export function handle_remove(): void {
+		remove_image();
+	}
+
+	function handle_zoom_change(zoom_level: number | "fit"): void {
+		zoom.set_zoom(zoom_level);
+	}
+
+	function zoom_in_out(direction: "in" | "out"): void {
+		zoom.set_zoom(
+			direction === "in"
+				? zoom_level + (zoom_level < 1 ? 0.1 : zoom_level * 0.1)
+				: zoom_level - (zoom_level < 1 ? 0.1 : zoom_level * 0.1)
+		);
+	}
+
+	async function process_clipboard(): Promise<void> {
+		const items = await navigator.clipboard.read();
+
+		for (let i = 0; i < items.length; i++) {
+			const type = items[i].types.find((t) => t.startsWith("image/"));
+			if (type) {
+				const blob = await items[i].getType(type);
+
+				handle_files(blob);
+			}
+		}
+	}
+
+	function handle_capture(value: FileData | Blob | null): void {
+		if (value !== null) {
+			handle_files(value as Blob);
+		}
+		handle_subtool_change({ tool: current_tool, subtool: null });
+	}
+
+	function handle_save(): void {
+		onsave?.();
+	}
+
+	$effect(() => {
+		add_image_from_url(composite || background);
+	});
+	$effect(() => {
+		add_layers_from_url(layers);
+	});
+
+	async function handle_crop_confirm(): Promise<void> {
+		const { image } = await crop.get_crop_bounds();
+		if (!image) return;
+
+		await editor.add_image({
+			image,
+			resize: false
+		});
+		handle_subtool_change({ tool: "image", subtool: null });
+		onchange?.();
+		oninput?.();
+	}
+
+	async function handle_download(): Promise<void> {
+		const blobs = await editor.get_blobs();
+
+		const blob = blobs.composite;
+		if (!blob) {
+			ondownload_error?.("Unable to generate image to download.");
+			return;
+		}
+		const url = URL.createObjectURL(blob);
+		const link = document.createElement("a");
+		link.href = url;
+		link.download = "image.png";
+		link.click();
+		URL.revokeObjectURL(url);
+	}
+
+	function handle_undo(): void {
+		editor.undo();
+	}
+
+	function handle_redo(): void {
+		editor.redo();
+	}
+
+	let old_background = background;
+
+	$effect(() => {
+		if (old_background === background) return;
+		handle_tool_change({ tool: "draw" });
+		handle_subtool_change({ tool: "draw", subtool: null });
+		current_tool = "draw";
+		old_background = background;
+	});
+</script>
+
+<div
+	data-testid="image"
+	class="image-container"
+	class:dark-bg={current_subtool === "crop"}
+	use:drag={{
+		on_drag_change: (dragging) => (is_dragging = dragging),
+		on_files: handle_files,
+		accepted_types: "image/*",
+		disable_click: disable_click,
+		ignore_click_selector: ".toolbar-wrap"
+	}}
+	aria-label={"Click to upload or drop files"}
+	aria-dropeffect="copy"
+>
+	{#if ready}
+		{#if current_subtool !== "crop"}
+			<Controls
+				{changeable}
+				onset_zoom={(zoom) => handle_zoom_change(zoom)}
+				onzoom_in={() => zoom_in_out("in")}
+				onzoom_out={() => zoom_in_out("out")}
+				{min_zoom}
+				current_zoom={zoom_level}
+				onremove_image={remove_image}
+				tool={current_tool}
+				can_save={true}
+				onsave={handle_save}
+				onpan={() => {
+					handle_tool_change({ tool: "pan" });
+				}}
+				enable_download={show_download_button}
+				ondownload={() => handle_download()}
+				{can_undo}
+				{can_redo}
+				onundo={handle_undo}
+				onredo={handle_redo}
+			/>
+		{/if}
+
+		{#if current_subtool !== "crop"}
+			<Toolbar
+				{sources}
+				{transforms}
+				background={background_image}
+				ontool_change={(detail) => handle_tool_change(detail)}
+				onsubtool_change={(detail) => handle_subtool_change(detail)}
+				show_brush_size={brush_size_visible}
+				show_brush_color={brush_color_visible}
+				show_eraser_size={eraser_size_visible}
+				{brush_options}
+				{eraser_options}
+				bind:selected_color
+				bind:selected_size
+				bind:selected_eraser_size
+				bind:selected_opacity
+				bind:preview
+				tool={current_tool}
+				subtool={current_subtool}
+			/>
+		{/if}
+
+		{#if current_tool === "image" && current_subtool === "webcam"}
+			<div class="modal">
+				<div class="modal-inner">
+					<Webcam
+						{upload}
+						{root}
+						oncapture={handle_capture}
+						streaming={false}
+						mode="image"
+						include_audio={false}
+						{i18n}
+						mirror_webcam={webcam_options.mirror}
+						webcam_constraints={webcam_options.constraints}
+					/>
+				</div>
+			</div>
+		{/if}
+
+		{#if current_subtool !== "crop" && !layer_options.disabled}
+			<SecondaryToolbar
+				enable_additional_layers={layer_options.allow_additional_layers}
+				layers={editor.layers}
+				onnew_layer={() => {
+					editor.add_layer();
+				}}
+				onchange_layer={(id) => {
+					editor.set_layer(id);
+					if (current_tool === "draw") {
+						handle_tool_change({ tool: "draw" });
+					}
+				}}
+				onmove_layer={({ id, direction }) => {
+					editor.move_layer(id, direction);
+				}}
+				ondelete_layer={(id) => {
+					editor.delete_layer(id);
+				}}
+				ontoggle_layer_visibility={(id) => {
+					editor.toggle_layer_visibility(id);
+				}}
+			/>
+		{/if}
+	{/if}
+	<div
+		class="pixi-target"
+		class:visible={current_subtool !== "crop"}
+		bind:this={pixi_target}
+	></div>
+	<div
+		class="pixi-target-crop"
+		class:visible={current_subtool === "crop"}
+		bind:this={pixi_target_crop}
+	></div>
+
+	{#if current_subtool === "crop"}
+		<div class="crop-confirm-button">
+			<IconButton
+				Icon={Check}
+				label="Confirm crop"
+				show_label={true}
+				size="large"
+				padded={true}
+				color="white"
+				background="var(--color-green-500)"
+				label_position="right"
+				onclick={handle_crop_confirm}
+			/>
+		</div>
+	{/if}
+	{#if children}{@render children()}{/if}
+</div>
+
+<style>
+	.image-container {
+		display: flex;
+		height: 100%;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		max-height: 100%;
+		border-radius: var(--radius-sm);
+	}
+
+	.pixi-target {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: 1;
+		display: block;
+		opacity: 0;
+		pointer-events: none;
+		border-radius: var(--radius-sm);
+	}
+
+	.pixi-target-crop {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: 2;
+		display: block;
+		opacity: 0;
+		pointer-events: none;
+		border-radius: var(--radius-sm);
+	}
+
+	.visible {
+		opacity: 1;
+		pointer-events: auto;
+	}
+
+	.pixi-target {
+		width: 100%;
+		height: 100%;
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		overflow: hidden;
+	}
+
+	.modal {
+		position: absolute;
+		height: 100%;
+		width: 100%;
+		left: 0;
+		right: 0;
+		margin: auto;
+		z-index: var(--layer-top);
+		display: flex;
+		align-items: center;
+	}
+
+	.modal-inner {
+		height: 100%;
+		width: 100%;
+		background: var(--block-background-fill);
+	}
+
+	.dark-bg {
+		background: #333;
+	}
+
+	.crop-confirm-button {
+		position: absolute;
+		bottom: 8px;
+		left: 0;
+		right: 0;
+		margin: auto;
+		z-index: var(--layer-top);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+</style>
diff --git a/js/imageeditor/shared/Layers.svelte b/js/imageeditor/shared/Layers.svelte
new file mode 100644
index 0000000..c879ef8
--- /dev/null
+++ b/js/imageeditor/shared/Layers.svelte
@@ -0,0 +1,296 @@
+<script lang="ts">
+	import { click_outside } from "./utils/events";
+	import {
+		Layers,
+		Clear,
+		ArrowUp,
+		ArrowDown,
+		Plus,
+		Visibility,
+		VisibilityOff
+	} from "@gradio/icons";
+	import { IconButton } from "@gradio/atoms";
+	import type { Writable } from "svelte/store";
+
+	let {
+		layers,
+		enable_additional_layers = true,
+		enable_layers = true,
+		show_layers = false,
+		onnew_layer,
+		onchange_layer,
+		onmove_layer,
+		ondelete_layer,
+		ontoggle_layer_visibility
+	}: {
+		layers: Writable<{
+			active_layer: string;
+			layers: {
+				name: string;
+				id: string;
+				user_created: boolean;
+				visible: boolean;
+			}[];
+		}>;
+		enable_additional_layers?: boolean;
+		enable_layers?: boolean;
+		show_layers?: boolean;
+		onnew_layer?: () => void;
+		onchange_layer?: (id: string) => void;
+		onmove_layer?: (value: { id: string; direction: "up" | "down" }) => void;
+		ondelete_layer?: (id: string) => void;
+		ontoggle_layer_visibility?: (id: string) => void;
+	} = $props();
+
+	function new_layer(): void {
+		onnew_layer?.();
+	}
+
+	function change_layer(id: string): void {
+		onchange_layer?.(id);
+		show_layers = false;
+	}
+
+	function move_layer(id: string, direction: "up" | "down"): void {
+		onmove_layer?.({ id, direction });
+	}
+
+	function delete_layer(id: string): void {
+		ondelete_layer?.(id);
+	}
+</script>
+
+{#if enable_layers}
+	<div
+		class="layer-wrap"
+		class:closed={!show_layers}
+		use:click_outside={() => (show_layers = false)}
+	>
+		<button
+			class="layer-title-button"
+			aria-label="Show Layers"
+			onclick={(event) => {
+				event.stopPropagation();
+				show_layers = !show_layers;
+			}}
+		>
+			{show_layers
+				? "Layers"
+				: $layers.layers.find((l) => l.id === $layers.active_layer)?.name}
+			<span class="icon"><Layers /></span>
+		</button>
+		{#if show_layers}
+			<ul>
+				{#each $layers.layers as { id, name, user_created, visible }, i (i)}
+					<li>
+						{#if !visible}
+							<IconButton
+								Icon={VisibilityOff}
+								size="small"
+								onclick={(e) => {
+									e.stopPropagation();
+									ontoggle_layer_visibility?.(id);
+								}}
+							/>
+						{:else}
+							<IconButton
+								Icon={Visibility}
+								size="small"
+								onclick={(e) => {
+									e.stopPropagation();
+									ontoggle_layer_visibility?.(id);
+								}}
+							/>
+						{/if}
+						<button
+							class:selected_layer={$layers.active_layer === id}
+							aria-label={`layer-${i + 1}`}
+							onclick={(event) => {
+								event.stopPropagation();
+								change_layer(id);
+							}}>{name}</button
+						>
+						{#if $layers.layers.length > 1}
+							<div>
+								{#if i > 0}
+									<IconButton
+										onclick={(e) => {
+											e.stopPropagation();
+											move_layer(id, "up");
+										}}
+										Icon={ArrowUp}
+										size="x-small"
+									/>
+								{/if}
+								{#if i < $layers.layers.length - 1}
+									<IconButton
+										onclick={(e) => {
+											e.stopPropagation();
+											move_layer(id, "down");
+										}}
+										Icon={ArrowDown}
+										size="x-small"
+									/>
+								{/if}
+								{#if $layers.layers.length > 1 && user_created}
+									<IconButton
+										onclick={(e) => {
+											e.stopPropagation();
+											delete_layer(id);
+										}}
+										Icon={Clear}
+										size="x-small"
+									/>
+								{/if}
+							</div>
+						{/if}
+					</li>
+				{/each}
+				{#if enable_additional_layers}
+					<li class="add-layer">
+						<IconButton
+							Icon={Plus}
+							label="Add Layer"
+							onclick={(e) => {
+								e.stopPropagation();
+								new_layer();
+							}}
+							size="x-small"
+						/>
+					</li>
+				{/if}
+			</ul>
+		{/if}
+	</div>
+{/if}
+
+<style>
+	.add-layer {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		margin: var(--spacing-sm) 0 0 0;
+	}
+
+	.add-layer :global(button) {
+		width: 100%;
+	}
+	.icon {
+		width: 14px;
+		color: var(--body-text-color);
+		transition: color 0.15s ease;
+	}
+
+	.layer-wrap {
+		/* position: absolute; */
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		/* border: 1px solid var(--border-color-primary); */
+		/* z-index: var(--layer-1); */
+		/* border-radius: var(--radius-sm); */
+		/* background-color: var(--block-background-fill); */
+		width: 100%;
+		flex-direction: column;
+		/* bottom: 5px; */
+		/* right: 5px; */
+		/* border-bottom: 0;
+		border-right: 0; */
+		/* box-shadow: var(--shadow-drop); */
+	}
+
+	.layer-wrap button {
+		justify-content: space-between;
+		align-items: center;
+		width: 100%;
+		display: flex;
+		font-size: var(--text-sm);
+		line-height: var(--line-sm);
+		transition: all 0.15s ease;
+		padding: var(--spacing-md) var(--spacing-lg);
+		/* padding-right: var(--spacing-lg); */
+		border-radius: var(--radius-sm);
+		/* padding-left: 30px; */
+	}
+
+	button.layer-title-button {
+		width: 100%;
+		/* padding-left: 30px; */
+	}
+
+	.layer-wrap button:hover .icon {
+		color: var(--color-accent);
+	}
+
+	.selected_layer {
+		color: var(--color-accent);
+		font-weight: var(--weight-semibold);
+	}
+
+	ul {
+		/* position: absolute; */
+		bottom: 0;
+		right: 0;
+		/* background: var(--block-background-fill); */
+		width: 100%;
+		/* min-width: 100%; */
+		list-style: none;
+		z-index: var(--layer-top);
+		/* border: 1px solid var(--border-color-primary); */
+		/* border-radius: var(--radius-sm); */
+		/* box-shadow: var(--shadow-drop-lg); */
+		padding: var(--spacing-sm);
+		/* transform: translate(-1px, 1px); */
+		border-top: 1px solid var(--border-color-primary);
+	}
+
+	/* .sep {
+		height: 12px;
+		background-color: var(--block-border-color);
+		width: 1px;
+		display: block;
+		margin-left: var(--spacing-xl);
+	} */
+
+	li {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		/* border-radius: var(--radius-sm); */
+		transition: background-color 0.15s ease;
+		border-bottom: 1px solid var(--border-color-primary);
+	}
+
+	.layer-wrap ul > li > button {
+		padding-left: calc(var(--spacing-md));
+	}
+
+	li:hover {
+		background-color: var(--background-fill-secondary);
+	}
+
+	li:last-child {
+		border-bottom: none;
+	}
+	li:last-child:hover {
+		background-color: unset;
+	}
+
+	li div {
+		display: flex;
+		gap: var(--spacing-sm);
+		padding: var(--spacing-sm);
+	}
+	li > button {
+		padding: var(--spacing-sm) var(--spacing-md);
+	}
+
+	/* li > div > button {
+		opacity: 0.7;
+		transition: opacity 0.15s ease;
+	}
+
+	li > div > button:hover {
+		opacity: 1;
+	} */
+</style>
diff --git a/js/imageeditor/shared/Resize.svelte b/js/imageeditor/shared/Resize.svelte
new file mode 100644
index 0000000..1cf8df7
--- /dev/null
+++ b/js/imageeditor/shared/Resize.svelte
@@ -0,0 +1,245 @@
+<script lang="ts" context="module">
+	export type Position =
+		| "top-left"
+		| "top"
+		| "top-right"
+		| "left"
+		| "center"
+		| "right"
+		| "bottom-left"
+		| "bottom"
+		| "bottom-right";
+</script>
+
+<script lang="ts">
+	import type { Spring } from "svelte/motion";
+	import Anchor from "./Anchor.svelte";
+
+	let {
+		dimensions,
+		onchange
+	}: {
+		dimensions: Spring<{ width: number; height: number }>;
+		onchange?: (value: {
+			anchor: Position;
+			scale: boolean;
+			width: number;
+			height: number;
+		}) => void;
+	} = $props();
+
+	let selected_anchor = $state<Position>("center");
+	let scale = $state(false);
+
+	let new_width = $state($dimensions?.width);
+	let new_height = $state($dimensions?.height);
+
+	function handle_click(): void {
+		onchange?.({
+			anchor: selected_anchor,
+			scale,
+			width: new_width,
+			height: new_height
+		});
+	}
+
+	function set_anchor(position: Position): void {
+		selected_anchor = position;
+	}
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div class="wrap" onclick={(event) => event.stopPropagation()}>
+	<div class="size-wrap">
+		<div class="size-input">
+			<label for="width">Width</label><input
+				type="number"
+				id="width"
+				bind:value={new_width}
+			/>
+		</div>
+		<div class="size-input">
+			<label for="height">Height </label><input
+				type="number"
+				id="height"
+				bind:value={new_height}
+			/>
+		</div>
+	</div>
+
+	<div class="scale-wrap">
+		<h2 class="image-will-label">Image will:</h2>
+		<div class="toggle-container">
+			<label class="radio-label">
+				<input
+					type="radio"
+					name="resize_mode"
+					value={true}
+					bind:group={scale}
+				/>
+				<span class="radio-button">rescale</span>
+			</label>
+			<label class="radio-label">
+				<input
+					type="radio"
+					name="resize_mode"
+					value={false}
+					bind:group={scale}
+				/>
+				<span class="radio-button">anchor</span>
+			</label>
+		</div>
+	</div>
+	<div class="anchor-wrap">
+		<Anchor onposition={(position) => set_anchor(position)} />
+	</div>
+	<button class="apply-button" onclick={() => handle_click()}
+		>Resize Canvas</button
+	>
+</div>
+
+<!-- </div> -->
+
+<style>
+	.wrap {
+		padding: var(--spacing-xl) var(--spacing-lg);
+		color: var(--block-label-text-color);
+	}
+
+	.size-wrap {
+		display: flex;
+		flex-direction: row;
+		gap: 10px;
+	}
+
+	.size-input {
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-xxs);
+	}
+
+	label,
+	h2 {
+		display: flex;
+		align-items: center;
+		gap: 15px;
+
+		cursor: pointer;
+		color: var(--checkbox-label-text-color);
+		font-weight: var(--checkbox-label-text-weight);
+		font-size: var(--text-sm);
+		line-height: var(--line-md);
+	}
+
+	.scale-wrap {
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-sm);
+		margin-top: var(--spacing-md);
+	}
+
+	input[type="number"] {
+		border: 1px solid var(--border-color-primary);
+		width: 60px;
+		border-radius: var(--radius-sm);
+		background-color: var(--checkbox-background-color-focus);
+		color: var(--body-text-color);
+		font-size: var(--text-sm);
+		transition: border-color 0.15s ease;
+		padding: var(--spacing-xs);
+		line-height: 1rem;
+	}
+
+	input[type="number"]:hover {
+		border-color: var(--color-accent-soft);
+	}
+
+	input[type="number"]:focus {
+		border-color: var(--color-accent);
+		outline: none;
+		box-shadow: 0 0 0 1px var(--color-accent-soft);
+	}
+
+	.image-will-label {
+		grid-column: 1;
+	}
+
+	.toggle-container {
+		display: flex;
+		grid-column: 2;
+		border-radius: var(--radius-sm);
+		border: 1px solid var(--border-color-primary);
+		overflow: hidden;
+	}
+
+	.toggle-container {
+		display: flex;
+		grid-column: 2;
+		border-radius: var(--radius-sm);
+		border: 1px solid var(--border-color-primary);
+		overflow: hidden;
+	}
+
+	.radio-label {
+		flex: 1;
+		margin: 0;
+		padding: 0;
+		position: relative;
+		cursor: pointer;
+	}
+
+	.radio-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: var(--spacing-sm);
+		background: var(--checkbox-background-color);
+		color: var(--body-text-color);
+		font-size: var(--text-sm);
+		transition: background-color 0.15s ease;
+		width: 100%;
+		height: 100%;
+	}
+
+	input[type="radio"] {
+		position: absolute;
+		opacity: 0;
+		width: 0;
+		height: 0;
+	}
+
+	input[type="radio"]:not(:checked) + .radio-button:hover {
+		background: var(--checkbox-background-color-hover);
+	}
+
+	input[type="radio"]:checked + .radio-button {
+		background: var(--color-accent);
+		color: white;
+	}
+
+	.apply-button {
+		width: 100%;
+		margin-top: var(--spacing-md);
+		padding: var(--spacing-sm) var(--spacing-md);
+		background: var(--color-accent);
+		color: white;
+		border: none;
+		border-radius: var(--radius-sm);
+		font-size: var(--text-sm);
+		font-weight: var(--weight-semibold);
+		transition: all 0.15s ease;
+	}
+
+	.apply-button:hover {
+		background: var(--button-primary-background-fill-hover);
+	}
+
+	.anchor-wrap {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-direction: column;
+		gap: 10px;
+	}
+</style>
diff --git a/js/imageeditor/shared/SecondaryToolbar.svelte b/js/imageeditor/shared/SecondaryToolbar.svelte
new file mode 100644
index 0000000..329af19
--- /dev/null
+++ b/js/imageeditor/shared/SecondaryToolbar.svelte
@@ -0,0 +1,83 @@
+<script lang="ts">
+	import Layers from "./Layers.svelte";
+	import type { Writable } from "svelte/store";
+
+	let {
+		layers,
+		enable_additional_layers = true,
+		enable_layers = true,
+		show_layers = false,
+		onnew_layer,
+		onchange_layer,
+		onmove_layer,
+		ondelete_layer,
+		ontoggle_layer_visibility
+	}: {
+		layers: Writable<{
+			active_layer: string;
+			layers: {
+				name: string;
+				id: string;
+				user_created: boolean;
+				visible: boolean;
+			}[];
+		}>;
+		enable_additional_layers?: boolean;
+		enable_layers?: boolean;
+		show_layers?: boolean;
+		onnew_layer?: () => void;
+		onchange_layer?: (id: string) => void;
+		onmove_layer?: (value: { id: string; direction: "up" | "down" }) => void;
+		ondelete_layer?: (id: string) => void;
+		ontoggle_layer_visibility?: (id: string) => void;
+	} = $props();
+</script>
+
+<div class="toolbar-wrap-wrap">
+	<div class="toolbar-wrap">
+		{#if enable_layers}
+			<Layers
+				{layers}
+				{enable_additional_layers}
+				{enable_layers}
+				{show_layers}
+				{onnew_layer}
+				{onchange_layer}
+				{onmove_layer}
+				{ondelete_layer}
+				{ontoggle_layer_visibility}
+			/>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.toolbar-wrap-wrap {
+		position: absolute;
+		right: 0;
+		bottom: 0;
+		width: fit-content;
+		max-height: 100%;
+		overflow-y: auto;
+		display: flex;
+		flex-direction: column-reverse;
+	}
+
+	.toolbar-wrap {
+		min-width: 110px;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		position: relative;
+		right: 0;
+		bottom: 0;
+		border: 1px solid var(--block-border-color);
+		border-radius: 0;
+		border-top-left-radius: var(--radius-md);
+		border-right: none;
+		border-bottom: none;
+		z-index: 1000;
+		background-color: var(--block-background-fill);
+	}
+</style>
diff --git a/js/imageeditor/shared/Toolbar.svelte b/js/imageeditor/shared/Toolbar.svelte
new file mode 100644
index 0000000..466b85e
--- /dev/null
+++ b/js/imageeditor/shared/Toolbar.svelte
@@ -0,0 +1,367 @@
+<script lang="ts" context="module">
+	export type Tool = "image" | "draw" | "erase" | "pan";
+	export type Subtool =
+		| "upload"
+		| "paste"
+		| "webcam"
+		| "color"
+		| "size"
+		| "crop"
+		| "remove_background"
+		| null;
+</script>
+
+<script lang="ts">
+	import IconButton from "./IconButton.svelte";
+	import {
+		Image,
+		Brush,
+		BrushSize,
+		Erase,
+		Crop,
+		Upload,
+		ImagePaste,
+		Webcam,
+		Resize,
+		ColorPickerSolid
+	} from "@gradio/icons";
+	import BrushOptions from "./brush/BrushOptions.svelte";
+	import type { Source, Transform } from "./types";
+	import {
+		type Brush as BrushType,
+		type Eraser as EraserType
+	} from "./brush/types";
+
+	let {
+		tool = "image",
+		subtool = null,
+		background = false,
+		brush_options,
+		selected_size = $bindable(25),
+		eraser_options,
+		selected_eraser_size = $bindable(25),
+		selected_color = $bindable(),
+		selected_opacity = $bindable(1),
+		preview = $bindable(),
+		show_brush_color = false,
+		show_brush_size = false,
+		show_eraser_size = false,
+		sources,
+		transforms,
+		ontool_change,
+		onsubtool_change
+	}: {
+		tool?: Tool;
+		subtool?: Subtool;
+		background?: boolean;
+		brush_options: BrushType | false;
+		selected_size?: number;
+		eraser_options: EraserType | false;
+		selected_eraser_size?: number;
+		selected_color?: any;
+		selected_opacity?: number;
+		preview?: boolean;
+		show_brush_color?: boolean;
+		show_brush_size?: boolean;
+		show_eraser_size?: boolean;
+		sources: Source[];
+		transforms: Transform[];
+		ontool_change?: (value: { tool: Tool }) => void;
+		onsubtool_change?: (value: { tool: Tool; subtool: Subtool }) => void;
+	} = $props();
+
+	let recent_colors = $state<string[]>([]);
+
+	/**
+	 * Handles tool click events
+	 * @param {Tool} _tool - The selected tool
+	 */
+	function handle_tool_click(e: Event, _tool: Tool): void {
+		e.stopPropagation();
+		ontool_change?.({ tool: _tool });
+	}
+
+	/**
+	 * Handles subtool click events
+	 * @param {Event} e - The click event
+	 * @param {Subtool} _subtool - The selected subtool
+	 */
+	function handle_subtool_click(e: Event, _subtool: typeof subtool): void {
+		e.stopPropagation();
+
+		onsubtool_change?.({ tool, subtool: _subtool });
+	}
+
+	$effect(() => {
+		show_brush_size = tool === "draw" && subtool === "size";
+		show_brush_color = tool === "draw" && subtool === "color";
+		show_eraser_size = tool === "erase" && subtool === "size";
+	});
+
+	let can_crop = $derived(transforms.includes("crop"));
+	let can_resize = $derived(transforms.includes("resize"));
+	let can_upload = $derived(sources.includes("upload"));
+	let can_webcam = $derived(sources.includes("webcam"));
+	let can_paste = $derived(sources.includes("clipboard"));
+	let can_edit_image = $derived(
+		sources.length > 0 || (background && transforms.length > 0)
+	);
+</script>
+
+<div class="toolbar-wrap" onclick={(e) => e.stopPropagation()}>
+	<div class="half-container">
+		{#if can_edit_image}
+			<IconButton
+				Icon={Image}
+				label="Image"
+				highlight={tool === "image"}
+				onclick={(e) => handle_tool_click(e, "image")}
+				size="medium"
+				padded={false}
+				transparent={true}
+			/>
+		{/if}
+		{#if brush_options}
+			<IconButton
+				Icon={Brush}
+				label="Brush"
+				onclick={(e) => handle_tool_click(e, "draw")}
+				highlight={tool === "draw"}
+				size="medium"
+				padded={false}
+				transparent={true}
+			/>
+		{/if}
+		{#if eraser_options}
+			<IconButton
+				Icon={Erase}
+				label="Erase"
+				onclick={(e) => handle_tool_click(e, "erase")}
+				highlight={tool === "erase"}
+				size="medium"
+				padded={false}
+				transparent={true}
+			/>
+		{/if}
+	</div>
+	<div
+		class="half-container right"
+		class:hide={tool === "pan" ||
+			(tool === "image" && !background && sources.length === 0) ||
+			(tool === "image" && background && transforms.length === 0)}
+	>
+		{#if tool === "image"}
+			{#if background}
+				{#if can_crop}
+					<IconButton
+						Icon={Crop}
+						label="Crop"
+						onclick={(e) => handle_subtool_click(e, "crop")}
+						highlight={subtool === "crop"}
+						size="medium"
+						padded={false}
+						transparent={true}
+						offset={0}
+					/>
+				{/if}
+				{#if can_resize}
+					<IconButton
+						Icon={Resize}
+						label="Resize"
+						onclick={(e) => handle_subtool_click(e, "size")}
+						highlight={subtool === "size"}
+						size="medium"
+						padded={false}
+						transparent={true}
+						offset={0}
+					/>
+				{/if}
+			{:else}
+				{#if can_upload}
+					<IconButton
+						Icon={Upload}
+						label="Upload"
+						onclick={(e) => handle_subtool_click(e, "upload")}
+						highlight={subtool === "upload"}
+						size="medium"
+						padded={false}
+						transparent={true}
+						offset={0}
+					/>
+				{/if}
+				{#if can_paste}
+					<IconButton
+						Icon={ImagePaste}
+						label="Paste"
+						onclick={(e) => handle_subtool_click(e, "paste")}
+						highlight={subtool === "paste"}
+						size="large"
+						padded={false}
+						transparent={true}
+						offset={0}
+					/>
+				{/if}
+				{#if can_webcam}
+					<IconButton
+						Icon={Webcam}
+						label="Webcam"
+						onclick={(e) => handle_subtool_click(e, "webcam")}
+						highlight={subtool === "webcam"}
+						size="medium"
+						padded={false}
+						transparent={true}
+						offset={0}
+					/>
+				{/if}
+			{/if}
+		{/if}
+
+		{#if tool === "draw" && brush_options}
+			<IconButton
+				Icon={ColorPickerSolid}
+				label="Color"
+				color={selected_color}
+				onclick={(e) => handle_subtool_click(e, "color")}
+				size="medium"
+				padded={false}
+				transparent={true}
+				offset={0}
+			/>
+			<IconButton
+				Icon={BrushSize}
+				label="Brush Size"
+				onclick={(e) => handle_subtool_click(e, "size")}
+				highlight={subtool === "size"}
+				size="medium"
+				padded={false}
+				transparent={true}
+				offset={0}
+			/>
+
+			{#if show_brush_color || show_brush_size}
+				<BrushOptions
+					colors={brush_options.colors}
+					color_mode={brush_options.color_mode}
+					{recent_colors}
+					show_swatch={show_brush_color}
+					show_size={show_brush_size}
+					bind:selected_size
+					bind:selected_color
+					bind:selected_opacity
+					bind:preview
+					onclick_outside={(e) => {
+						e.stopPropagation();
+						preview = false;
+						show_brush_color = false;
+						show_brush_size = false;
+						handle_subtool_click(e, null);
+					}}
+					mode="brush"
+				/>
+			{/if}
+		{/if}
+
+		{#if tool === "erase" && eraser_options}
+			<IconButton
+				Icon={BrushSize}
+				label="Eraser Size"
+				onclick={(e) => handle_subtool_click(e, "size")}
+				highlight={subtool === "size"}
+				size="medium"
+				padded={false}
+				transparent={true}
+				offset={0}
+			/>
+		{/if}
+		{#if show_eraser_size}
+			<BrushOptions
+				colors={[]}
+				show_swatch={false}
+				show_size={true}
+				bind:selected_size={selected_eraser_size}
+				bind:selected_color
+				bind:selected_opacity
+				bind:preview
+				onclick_outside={(e) => {
+					e.stopPropagation();
+					preview = false;
+					show_eraser_size = false;
+					handle_subtool_click(e, null);
+				}}
+				mode="eraser"
+			/>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.toolbar-wrap {
+		display: inline-flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		position: absolute;
+		left: 15px;
+		right: 0;
+		top: 30%;
+		/* transform: translateY(-50%); */
+		width: 30px;
+		border: 1px solid var(--block-border-color);
+		border-radius: var(--radius-md);
+
+		gap: var(--spacing-sm);
+		z-index: 1000;
+		background-color: var(--block-background-fill);
+	}
+
+	.half-container {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		gap: var(--spacing-sm);
+		position: relative;
+	}
+
+	.half-container {
+		width: 100%;
+		padding: var(--spacing-sm) 0;
+	}
+
+	.half-container:last-child {
+		border-top: 1px solid var(--block-border-color);
+	}
+
+	.hide {
+		display: none;
+	}
+
+	/* .toolbar-left,
+	.toolbar-right {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		gap: var(--spacing-sm);
+		display: flex;
+		z-index: 1000;
+		border-radius: var(--radius-sm);
+		background-color: #fff;
+		padding: var(--spacing-sm) 0.3rem;
+		width: auto;
+	}
+
+	.toolbar-right {
+		border-left: 0;
+		border-top-left-radius: 0;
+		border-bottom-left-radius: 0;
+	}
+
+	.toolbar-left {
+		border-top-right-radius: 0;
+		border-bottom-right-radius: 0;
+	}
+
+	.toolbar-layers {
+		border-top-left-radius: 0;
+		border-bottom-left-radius: 0;
+	} */
+</style>
diff --git a/js/imageeditor/shared/brush/BRUSH_TOOL.md b/js/imageeditor/shared/brush/BRUSH_TOOL.md
new file mode 100644
index 0000000..da78a2c
--- /dev/null
+++ b/js/imageeditor/shared/brush/BRUSH_TOOL.md
@@ -0,0 +1,134 @@
+# Brush Tool Documentation
+
+## Overview
+
+The Brush Tool is a core component of the image editor that allows users to draw and erase on the canvas. It provides a flexible drawing experience with customizable brush size, color, and opacity. This document explains how the brush tool works and the relationships between its components.
+
+## Key Files
+
+- `js/imageeditor/shared/brush/brush.ts`: Main implementation of the brush tool
+- `js/imageeditor/shared/brush/BrushOptions.svelte`: UI controls for brush settings
+- `js/imageeditor/shared/brush/ColorPicker.svelte`: Color selection component
+- `js/imageeditor/shared/brush/ColorSwatch.svelte`: Color swatch component
+- `js/imageeditor/shared/brush/ColorField.svelte`: Color input field component
+- `js/imageeditor/shared/brush/BrushSize.svelte`: Brush size slider component
+- `js/imageeditor/shared/Toolbar.svelte`: Defines tool types and handles tool selection
+- `js/imageeditor/shared/core/editor.ts`: Provides the editor context and tool interface
+
+## Architecture
+
+The brush tool follows the Tool interface defined in `editor.ts`. It integrates with the image editor through the `ImageEditorContext` which provides access to the PIXI.js application, containers, and other utilities.
+
+### Class Structure
+
+The `BrushTool` class implements the `Tool` interface and provides the following functionality:
+
+1. **Drawing and Erasing**: Handles pointer events to draw or erase on the canvas
+2. **Brush Customization**: Allows changing brush size, color, and opacity
+3. **Preview**: Shows a preview of the brush before drawing
+4. **Cursor**: Displays a custom cursor that reflects the current brush settings
+
+### State Management
+
+The brush tool maintains several state variables:
+
+- `state`: Contains the current brush settings (opacity, size, color, mode)
+- `brushSize` and `eraserSize`: Separate size settings for drawing and erasing
+- `isDrawing`: Tracks whether the user is currently drawing
+- `isCursorOverImage`: Tracks whether the cursor is over the image container
+
+### Rendering Pipeline
+
+The brush tool uses multiple PIXI.js textures and containers to manage the drawing process:
+
+1. `left_texture`: Stores the final result that is displayed to the user
+2. `right_texture`: Stores the current state before applying new strokes
+3. `stroke_texture`: Temporarily stores the current stroke being drawn
+4. `displayContainer`: Contains all visual elements of the brush tool
+5. `stroke_container`: Contains the graphics for the current stroke
+6. `erase_graphics`: Used for masking when in erase mode
+
+### Drawing Process
+
+1. **Pointer Down**: Initializes a new stroke, captures the starting position
+2. **Pointer Move**: Draws line segments between points with interpolation for smooth strokes
+3. **Pointer Up**: Commits the current stroke to the canvas
+4. **Commit Stroke**: Merges the temporary stroke with the existing content
+
+### Erasing Process
+
+1. **Pointer Down**: Creates an erase mask at the starting position
+2. **Pointer Move**: Extends the erase mask along the pointer path
+3. **Pointer Up**: Applies the erase mask to the canvas
+4. **Commit Stroke**: Merges the erased content with the existing content
+
+## UI Components
+
+### BrushOptions.svelte
+
+Provides UI controls for:
+- Color selection (via color picker or swatches)
+- Brush size adjustment
+- Recent colors management
+- Brush preview
+
+### Brush Preview
+
+The brush tool can show a preview of the current brush in the center of the screen, which helps users understand the brush size and color before drawing.
+
+## Event Handling
+
+The brush tool sets up the following event listeners:
+
+- `pointerdown`: Starts a new stroke
+- `pointermove`: Continues the current stroke and updates the cursor position
+- `pointerup`/`pointerupoutside`: Ends the current stroke
+- Custom events for checking if the cursor is over the image container
+
+## Integration with Editor
+
+The brush tool integrates with the editor through:
+
+1. **Tool Interface**: Implements the required methods (setup, cleanup, set_tool)
+2. **Context Access**: Uses the ImageEditorContext to access the PIXI.js application and containers
+3. **Tool Switching**: Handles transitions between drawing and erasing modes
+
+## Performance Considerations
+
+The brush tool uses several techniques to maintain performance:
+
+1. **Point Interpolation**: Ensures smooth lines even with fast mouse movements
+2. **Texture Management**: Efficiently manages textures to minimize memory usage
+3. **Cursor Position Checking**: Uses debouncing to avoid excessive updates
+
+## Customization API
+
+The brush tool exposes several methods for customization:
+
+- `setBrushSize(size)`: Sets the brush size
+- `setBrushColor(color)`: Sets the brush color
+- `setBrushOpacity(opacity)`: Sets the brush opacity
+- `set_brush_size(size)`: Sets the brush size (only affects drawing mode)
+- `set_eraser_size(size)`: Sets the eraser size (only affects eraser mode)
+- `set_brush_color(color)`: Sets the brush color (only affects drawing mode)
+- `preview_brush(show)`: Shows or hides the brush preview
+
+## Maintenance Notes
+
+When modifying the brush tool, consider the following:
+
+1. **Texture Cleanup**: Always clean up textures to prevent memory leaks
+2. **Event Listener Management**: Properly add and remove event listeners
+3. **Mode Transitions**: Handle transitions between drawing and erasing modes carefully
+4. **Scale Handling**: Account for the editor scale when drawing and displaying the cursor
+5. **Cursor Visibility**: Manage cursor visibility based on the current tool and cursor position
+
+## Future Improvements
+
+Potential areas for enhancement:
+
+1. **Brush Types**: Add support for different brush types (e.g., airbrush, pencil)
+2. **Pressure Sensitivity**: Integrate with pressure-sensitive devices
+3. **Performance Optimization**: Further optimize for large canvases
+4. **Layer Support**: Improve integration with the layer system
+5. **Undo/Redo**: Enhance undo/redo support for brush strokes 
\ No newline at end of file
diff --git a/js/imageeditor/shared/brush/BrushOptions.svelte b/js/imageeditor/shared/brush/BrushOptions.svelte
new file mode 100644
index 0000000..fe33d01
--- /dev/null
+++ b/js/imageeditor/shared/brush/BrushOptions.svelte
@@ -0,0 +1,217 @@
+<script lang="ts">
+	import { click_outside } from "../utils/events";
+
+	import { type Brush, type ColorTuple } from "./types";
+	import ColorPicker from "./ColorPicker.svelte";
+	import ColorSwatch from "./ColorSwatch.svelte";
+	import ColorField from "./ColorField.svelte";
+	import BrushSize from "./BrushSize.svelte";
+	import type { ColorInput } from "tinycolor2";
+
+	let {
+		colors,
+		selected_color = $bindable(),
+		color_mode = undefined,
+		recent_colors = [],
+		selected_size = $bindable(),
+		selected_opacity = $bindable(),
+		show_swatch,
+		show_size,
+		mode = "brush",
+		preview = $bindable(),
+		onclick_outside = () => {}
+	}: {
+		colors: (ColorInput | ColorTuple)[];
+		selected_color: any;
+		color_mode?: Brush["color_mode"];
+		recent_colors?: (ColorInput | ColorTuple)[];
+		selected_size: number;
+		selected_opacity: number;
+		show_swatch: boolean;
+		show_size: boolean;
+		mode?: "brush" | "eraser";
+		preview?: boolean;
+		onclick_outside?: (event: MouseEvent) => void;
+	} = $props();
+
+	let color_picker = $state(false);
+	let current_mode = $state<"hex" | "rgb" | "hsl">("hex");
+	let editing_index = $state<number | null>(null);
+
+	function handle_color_selection(
+		{
+			index,
+			color,
+			opacity
+		}: {
+			index: number | null;
+			color: string | null;
+			opacity?: number;
+		},
+		type: "core" | "user"
+	): void {
+		if (type === "user" && !color) {
+			editing_index = index;
+			color_picker = true;
+		}
+
+		if (!color) return;
+		selected_color = color;
+
+		if (opacity !== undefined) {
+			selected_opacity = opacity;
+		}
+
+		if (type === "core") {
+			color_picker = false;
+		}
+	}
+
+	function handle_color_change(color: string): void {
+		if (editing_index === null) return;
+		recent_colors[editing_index] = color;
+	}
+
+	$effect(() => {
+		handle_color_change(selected_color);
+	});
+	let width = $state(0);
+	let height = $state(0);
+
+	function debounce(
+		func: (...args: any[]) => void,
+		delay: number
+	): (...args: any[]) => void {
+		let timeout: NodeJS.Timeout;
+		return function (...args: any[]): void {
+			clearTimeout(timeout);
+			timeout = setTimeout(() => func(...args), delay);
+		};
+	}
+
+	function handle_preview(): void {
+		if (!preview) {
+			preview = true;
+			debounced_close_preview();
+		} else {
+			debounced_close_preview();
+		}
+	}
+
+	function handle_close_preview(): void {
+		preview = false;
+	}
+
+	const debounced_close_preview = debounce(handle_close_preview, 1000);
+
+	$effect(() => {
+		if (!show_size) {
+			preview = false;
+			return;
+		}
+
+		selected_size;
+		handle_preview();
+	});
+
+	function handle_select(color: string): void {
+		selected_color = color;
+	}
+
+	function handle_add_color(): void {
+		// limit to 5
+		if (recent_colors.length >= 5) {
+			recent_colors.pop();
+		}
+		// check if the color is already in the array
+		if (
+			recent_colors.some((color) => {
+				if (Array.isArray(color)) {
+					return color[0] === selected_color && color[1] === selected_opacity;
+				}
+				return color === selected_color;
+			})
+		) {
+			return;
+		}
+		recent_colors.push([selected_color, selected_opacity]);
+		recent_colors = recent_colors;
+	}
+</script>
+
+<svelte:window bind:innerHeight={height} bind:innerWidth={width} />
+
+<div
+	class="wrap"
+	class:padded={!color_picker}
+	use:click_outside={onclick_outside}
+	class:color_picker
+	class:size_picker={show_size && mode === "brush"}
+	class:eraser_picker={mode === "eraser"}
+>
+	{#if color_mode === "defaults"}
+		{#if color_picker}
+			<ColorPicker
+				bind:color={selected_color}
+				bind:opacity={selected_opacity}
+			/>
+			<ColorField
+				bind:current_mode
+				color={selected_color}
+				onclose={() => (color_picker = false)}
+				onselected={(detail) => handle_select(detail)}
+			/>
+		{/if}
+	{/if}
+	{#if show_swatch}
+		<ColorSwatch
+			bind:color_picker
+			{colors}
+			onselect={(detail) => handle_color_selection(detail, "core")}
+			onedit={(detail) => handle_color_selection(detail, "user")}
+			user_colors={color_mode === "defaults" ? recent_colors : null}
+			{selected_color}
+			{current_mode}
+			onadd_color={handle_add_color}
+		/>
+	{/if}
+
+	{#if show_size}
+		<BrushSize max={100} min={1} bind:selected_size />
+	{/if}
+</div>
+
+<style>
+	.wrap {
+		max-width: 230px;
+		/* width: 90%; */
+		position: absolute;
+		display: flex;
+		flex-direction: column;
+		gap: 5px;
+		background: var(--background-fill-secondary);
+		border: 1px solid var(--block-border-color);
+		border-radius: var(--radius-md);
+		box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
+		padding-bottom: var(--size-2);
+		pointer-events: all;
+		cursor: default;
+		z-index: var(--layer-top);
+		overflow: hidden;
+		top: 0;
+
+		transform: translate(35px, -12px);
+	}
+
+	.color_picker {
+		transform: translate(35px, -50%);
+	}
+
+	.size_picker {
+		transform: translate(35px, 18px);
+	}
+
+	.eraser_picker {
+		transform: translate(35px, -7px);
+	}
+</style>
diff --git a/js/imageeditor/shared/brush/BrushSize.svelte b/js/imageeditor/shared/brush/BrushSize.svelte
new file mode 100644
index 0000000..c9ee234
--- /dev/null
+++ b/js/imageeditor/shared/brush/BrushSize.svelte
@@ -0,0 +1,43 @@
+<script lang="ts">
+	import { click_outside } from "../utils/events";
+	import { BrushSize } from "@gradio/icons";
+
+	let {
+		selected_size = $bindable(),
+		min,
+		max,
+		onclick_outside = () => {}
+	}: {
+		selected_size: number;
+		min: number;
+		max: number;
+		onclick_outside?: (event: MouseEvent) => void;
+	} = $props();
+</script>
+
+<div class="wrap" use:click_outside={onclick_outside}>
+	<span>
+		<BrushSize />
+	</span>
+	<input type="range" bind:value={selected_size} {min} {max} step={1} />
+</div>
+
+<style>
+	.wrap {
+		width: 230px;
+		display: flex;
+		gap: var(--size-4);
+		background: var(--background-fill-secondary);
+		padding: 0 var(--size-4);
+		cursor: default;
+		padding-top: var(--size-2-5);
+	}
+
+	input {
+		width: 100%;
+	}
+	span {
+		width: 26px;
+		color: var(--body-text-color);
+	}
+</style>
diff --git a/js/imageeditor/shared/brush/ColorField.svelte b/js/imageeditor/shared/brush/ColorField.svelte
new file mode 100644
index 0000000..1176e85
--- /dev/null
+++ b/js/imageeditor/shared/brush/ColorField.svelte
@@ -0,0 +1,179 @@
+<script lang="ts">
+	import { Eyedropper, Plus } from "@gradio/icons";
+
+	import tinycolor from "tinycolor2";
+	import IconButton from "../IconButton.svelte";
+
+	let {
+		color,
+		current_mode = $bindable<"hex" | "rgb" | "hsl">("hex"),
+		onselected,
+		onclose
+	}: {
+		color: string;
+		current_mode?: "hex" | "rgb" | "hsl";
+		onselected?: (color: string) => void;
+		onclose?: () => void;
+	} = $props();
+
+	const modes = [
+		["Hex", "hex"],
+		["RGB", "rgb"],
+		["HSL", "hsl"]
+	] as const;
+
+	function format_color(color: string, mode: "hex" | "rgb" | "hsl"): string {
+		if (mode === "hex") {
+			return tinycolor(color).toHexString();
+		} else if (mode === "rgb") {
+			return tinycolor(color).toRgbString();
+		}
+		return tinycolor(color).toHslString();
+	}
+
+	let color_string = $derived(format_color(color, current_mode));
+	$effect(() => {
+		if (color_string) onselected?.(color_string);
+	});
+
+	function request_eyedropper(): void {
+		// @ts-ignore
+		const eyeDropper = new EyeDropper();
+
+		eyeDropper.open().then((result: { sRGBHex: string }) => {
+			color = result.sRGBHex;
+		});
+	}
+
+	//@ts-ignore
+	const eyedropper_supported = !!window.EyeDropper;
+
+	function handle_click(): void {
+		onselected?.(color_string);
+		onclose?.();
+	}
+</script>
+
+<div class="input">
+	<button class="swatch" style:background={color} onclick={handle_click}
+	></button>
+	<div>
+		<div class="input-wrap">
+			<input
+				type="text"
+				value={color_string}
+				onchange={(e) => (color = e.currentTarget.value)}
+			/>
+
+			<button class="eyedropper" onclick={request_eyedropper}>
+				{#if eyedropper_supported}
+					<Eyedropper />
+				{/if}
+			</button>
+		</div>
+		<div class="buttons">
+			{#each modes as [label, value]}
+				<button
+					class="button"
+					class:active={current_mode === value}
+					onclick={() => (current_mode = value)}>{label}</button
+				>
+			{/each}
+		</div>
+	</div>
+</div>
+
+<style>
+	.input {
+		display: flex;
+		align-items: center;
+		padding: 0 10px 15px;
+	}
+
+	.input input {
+		height: 30px;
+		width: 100%;
+		flex-shrink: 1;
+		border-bottom-left-radius: 0;
+		border: 1px solid var(--block-border-color);
+		letter-spacing: -0.05rem;
+		border-left: none;
+		border-right: none;
+		font-family: var(--font-mono);
+		font-size: var(--scale-000);
+		padding-left: 15px;
+		padding-right: 0;
+		background-color: var(--background-fill-secondary);
+		color: var(--block-label-text-color);
+	}
+
+	.swatch {
+		width: 50px;
+		height: 50px;
+		border-top-left-radius: 15px;
+		border-bottom-left-radius: 15px;
+		flex-shrink: 0;
+		border: 1px solid var(--block-border-color);
+	}
+
+	.buttons button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border: 1px solid var(--block-border-color);
+		background: var(--background-fill-secondary);
+		padding: 3px 6px;
+		font-size: var(--scale-000);
+		cursor: pointer;
+		border-right: none;
+		width: 100%;
+		border-top: none;
+	}
+
+	.buttons button:first-child {
+		border-left: none;
+	}
+
+	.buttons button:last-child {
+		border-bottom-right-radius: 15px;
+		border-right: 1px solid var(--block-border-color);
+	}
+
+	.buttons button:hover {
+		background: var(--background-fill-secondary-hover);
+		font-weight: var(--weight-bold);
+	}
+
+	.buttons button.active {
+		background: var(--background-fill-secondary);
+		font-weight: var(--weight-bold);
+	}
+
+	.buttons {
+		height: 20px;
+
+		display: flex;
+		justify-content: stretch;
+		gap: 0px;
+		/* padding: 0 10px; */
+	}
+
+	.input-wrap {
+		display: flex;
+	}
+
+	.eyedropper {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 25px;
+		height: 30px;
+		border-top-right-radius: 15px;
+		border: 1px solid var(--block-border-color);
+		border-left: none;
+		background: var(--background-fill-secondary);
+		height: 30px;
+		padding: 7px 7px 5px 0px;
+		cursor: pointer;
+	}
+</style>
diff --git a/js/imageeditor/shared/brush/ColorPicker.svelte b/js/imageeditor/shared/brush/ColorPicker.svelte
new file mode 100644
index 0000000..29ab271
--- /dev/null
+++ b/js/imageeditor/shared/brush/ColorPicker.svelte
@@ -0,0 +1,289 @@
+<script lang="ts">
+	import { onMount, tick } from "svelte";
+	import tinycolor from "tinycolor2";
+	import { clamp } from "../utils/pixi";
+
+	let {
+		color = $bindable("rgb(255, 255, 255)"),
+		opacity = $bindable(1)
+	}: {
+		color?: string;
+		opacity?: number;
+	} = $props();
+
+	let sl_marker_pos = $state([0, 0]);
+	let sl_rect: DOMRect | null = null;
+	let sl_moving = $state(false);
+	let sl = $state([0, 0]);
+
+	let hue = $state(0);
+	let hue_marker_pos = $state(0);
+	let hue_rect: DOMRect | null = null;
+	let hue_moving = $state(false);
+
+	let opacity_moving = $state(false);
+
+	function handle_hue_down(
+		event: MouseEvent & { currentTarget: HTMLDivElement }
+	): void {
+		hue_rect = event.currentTarget.getBoundingClientRect();
+
+		hue_moving = true;
+		update_hue_from_mouse(event.clientX);
+	}
+
+	function update_hue_from_mouse(x: number): void {
+		if (!hue_rect) return;
+		const _x = clamp(x - hue_rect.left, 0, hue_rect.width); // get the x-coordinate relative to the box
+		hue_marker_pos = _x;
+		const _hue = (_x / hue_rect.width) * 360; // scale the x position to a hue value (0-360)
+
+		hue = _hue;
+
+		color = hsva_to_rgba({ h: _hue, s: sl[0], v: sl[1], a: 1 });
+	}
+
+	function hsva_to_rgba(hsva: {
+		h: number;
+		s: number;
+		v: number;
+		a: number;
+	}): string {
+		const saturation = hsva.s;
+		const value = hsva.v;
+		let chroma = saturation * value;
+		const hue_by_60 = hsva.h / 60;
+		let x = chroma * (1 - Math.abs((hue_by_60 % 2) - 1));
+		const m = value - chroma;
+
+		chroma = chroma + m;
+		x = x + m;
+
+		const index = Math.floor(hue_by_60) % 6;
+		const red = [chroma, x, m, m, x, chroma][index];
+		const green = [x, chroma, chroma, x, m, m][index];
+		const blue = [m, m, x, chroma, chroma, x][index];
+
+		return `rgba(${red * 255}, ${green * 255}, ${blue * 255}, ${hsva.a})`;
+	}
+
+	function update_color_from_mouse(x: number, y: number): void {
+		if (!sl_rect) return;
+		const _x = clamp(x - sl_rect.left, 0, sl_rect.width);
+		const _y = clamp(y - sl_rect.top, 0, sl_rect.height);
+		sl_marker_pos = [_x, _y];
+		const _hsva = {
+			h: hue * 1,
+			s: _x / sl_rect.width,
+			v: 1 - _y / sl_rect.height,
+			a: 1
+		};
+
+		sl = [_hsva.s, _hsva.v];
+
+		color = hsva_to_rgba(_hsva);
+	}
+
+	function handle_sl_down(
+		event: MouseEvent & { currentTarget: HTMLDivElement }
+	): void {
+		sl_moving = true;
+		sl_rect = event.currentTarget.getBoundingClientRect();
+		update_color_from_mouse(event.clientX, event.clientY);
+	}
+
+	function handle_move(
+		event: MouseEvent & { currentTarget: EventTarget & Window }
+	): void {
+		if (sl_moving) update_color_from_mouse(event.clientX, event.clientY);
+		if (hue_moving) update_hue_from_mouse(event.clientX);
+		if (opacity_moving) update_opacity_from_mouse(event.clientX);
+	}
+
+	function handle_end(): void {
+		if (sl_moving) sl_moving = false;
+		if (hue_moving) hue_moving = false;
+		if (opacity_moving) opacity_moving = false;
+	}
+
+	async function update_mouse_from_color(color: string): Promise<void> {
+		if (sl_moving || hue_moving) return;
+		await tick();
+		if (!color) return;
+		if (!sl_rect) {
+			sl_rect = sl_wrap.getBoundingClientRect();
+		}
+
+		if (!hue_rect) {
+			hue_rect = hue_wrap.getBoundingClientRect();
+		}
+
+		const hsva = tinycolor(color).toHsv();
+		const _x = hsva.s * sl_rect!.width;
+		const _y = (1 - hsva.v) * sl_rect!.height;
+		sl_marker_pos = [_x, _y];
+		sl = [hsva.s, hsva.v];
+		hue = hsva.h;
+		hue_marker_pos = (hsva.h / 360) * hue_rect!.width;
+	}
+
+	$effect(() => {
+		update_mouse_from_color(color);
+	});
+
+	let sl_wrap: HTMLDivElement;
+	let hue_wrap: HTMLDivElement;
+
+	let opacity_wrap: HTMLDivElement;
+
+	function handle_opacity_down(
+		event: MouseEvent & { currentTarget: HTMLDivElement }
+	): void {
+		opacity_rect = event.currentTarget.getBoundingClientRect();
+		opacity_moving = true;
+		update_opacity_from_mouse(event.clientX);
+	}
+	let opacity_rect: DOMRect | null = null;
+
+	function update_opacity_from_mouse(x: number): void {
+		if (!opacity_rect) return;
+		const _x = clamp(x - opacity_rect.left, 0, opacity_rect.width);
+		opacity = _x / opacity_rect.width;
+	}
+
+	onMount(() => {
+		opacity_rect = opacity_wrap.getBoundingClientRect();
+	});
+</script>
+
+<svelte:window onmousemove={handle_move} onmouseup={handle_end} />
+
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
+	class="color-gradient"
+	onmousedown={handle_sl_down}
+	style="--hue:{hue}"
+	bind:this={sl_wrap}
+>
+	<div
+		class="marker"
+		style:transform="translate({sl_marker_pos[0]}px,{sl_marker_pos[1]}px)"
+		style:background={color}
+	/>
+</div>
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div
+	class="opacity-slider"
+	onmousedown={handle_opacity_down}
+	style="--color:{color === 'auto' ? 'transparent' : color}"
+	bind:this={opacity_wrap}
+>
+	<div
+		class="opacity-marker"
+		style:background="white"
+		style:transform="translateX({opacity * (opacity_rect?.width ?? 1)}px)"
+	/>
+</div>
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+<div class="hue-slider" onmousedown={handle_hue_down} bind:this={hue_wrap}>
+	<div
+		class="marker"
+		style:background={"hsl(" + hue + ", 100%, 50%)"}
+		style:transform="translateX({hue_marker_pos}px)"
+	/>
+</div>
+
+<style>
+	.hue-slider {
+		position: relative;
+		width: 90%;
+		margin: 0px auto 10px auto;
+		height: 12px;
+		border-radius: 2px;
+		border: 1px solid var(--block-border-color);
+		background: linear-gradient(
+			to right,
+			hsl(0, 100%, 50%) 0%,
+			#ff0 17%,
+			lime 33%,
+			cyan 50%,
+			blue 67%,
+			magenta 83%,
+			red 100%
+		);
+		border-top: none;
+	}
+
+	.opacity-slider {
+		position: relative;
+		width: 90%;
+		margin: 10px auto 5px auto;
+		height: 12px;
+		border-radius: 2px;
+		border: 1px solid var(--block-border-color);
+		/* background: linear-gradient(45deg, #808080 25%, transparent 25%),
+			linear-gradient(-45deg, #808080 25%, transparent 25%),
+			linear-gradient(45deg, transparent 75%, #808080 75%),
+			linear-gradient(-45deg, transparent 75%, #808080 75%); */
+		background:
+			linear-gradient(to right, transparent, var(--color)),
+			repeating-conic-gradient(#808080 0% 25%, transparent 0% 50%) 0 0 / 10px
+				10px;
+	}
+
+	.opacity-marker {
+		position: absolute;
+		width: 16px;
+		height: 16px;
+		border-radius: 50%;
+	}
+
+	.opacity-slider > .opacity-marker {
+		box-shadow: 0 0 1px #888;
+		top: -4px;
+		margin: auto;
+		height: 18px;
+		width: 18px;
+		left: -9px;
+		margin: auto;
+		border: 1px solid var(--block-border-color);
+	}
+
+	.color-gradient {
+		position: relative;
+		--hue: white;
+
+		background:
+			linear-gradient(rgba(0, 0, 0, 0), #000),
+			linear-gradient(90deg, #fff, hsl(var(--hue), 100%, 50%));
+		width: 100%;
+		height: 150px;
+		border-top-left-radius: 4px;
+		border-top-right-radius: 4px;
+	}
+
+	.marker {
+		position: absolute;
+		width: 14px;
+		height: 14px;
+		border-radius: 50%;
+		border: 2px solid white;
+
+		top: -7px;
+		left: -7px;
+		box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
+		pointer-events: none;
+		border: 1px solid var(--block-border-color);
+	}
+
+	.hue-slider > .marker {
+		box-shadow: 0 0 1px #888;
+		top: -3px;
+		margin: auto;
+		height: 18px;
+		width: 18px;
+		left: -9px;
+
+		border: 1px solid var(--block-border-color);
+	}
+</style>
diff --git a/js/imageeditor/shared/brush/ColorSwatch.svelte b/js/imageeditor/shared/brush/ColorSwatch.svelte
new file mode 100644
index 0000000..248b75e
--- /dev/null
+++ b/js/imageeditor/shared/brush/ColorSwatch.svelte
@@ -0,0 +1,273 @@
+<script lang="ts">
+	import tinycolor from "tinycolor2";
+	import type { ColorTuple } from "./types";
+	import type { ColorInput } from "tinycolor2";
+	import IconButton from "../IconButton.svelte";
+	import { Plus } from "@gradio/icons";
+
+	let {
+		selected_color,
+		colors,
+		user_colors = [],
+		show_empty = false,
+		current_mode = "hex",
+		color_picker = $bindable(false),
+		onselect,
+		onedit,
+		onadd_color
+	}: {
+		selected_color: string;
+		colors: (ColorInput | ColorTuple)[];
+		user_colors?: (ColorInput | ColorTuple)[] | null;
+		show_empty?: boolean;
+		current_mode?: "hex" | "rgb" | "hsl";
+		color_picker?: boolean;
+		onselect?: (value: {
+			index: number | null;
+			color: string | null;
+			opacity?: number;
+		}) => void;
+		onedit?: (value: {
+			index: number;
+			color: string | null;
+			opacity?: number;
+		}) => void;
+		onadd_color?: () => void;
+	} = $props();
+
+	let _colors = $derived(show_empty ? colors : colors.filter((c) => c));
+
+	function get_color(color_input: ColorInput | ColorTuple): string {
+		if (Array.isArray(color_input)) {
+			return color_input[0] as string;
+		}
+		return color_input as string;
+	}
+
+	function get_opacity(
+		color_input: ColorInput | ColorTuple
+	): number | undefined {
+		if (Array.isArray(color_input)) {
+			return color_input[1];
+		}
+
+		const color = tinycolor(color_input);
+		return color.getAlpha();
+	}
+
+	function get_formatted_color(
+		color: ColorInput | ColorTuple,
+		mode: "hex" | "rgb" | "hsl"
+	): string {
+		const color_value = get_color(color);
+		if (mode === "hex") {
+			return tinycolor(color_value).toHexString();
+		} else if (mode === "rgb") {
+			return tinycolor(color_value).toRgbString();
+		}
+		return tinycolor(color_value).toHslString();
+	}
+
+	let current_index = `select-${colors.findIndex(
+		(c) =>
+			get_formatted_color(c, current_mode) ===
+			get_formatted_color(selected_color, current_mode)
+	)}`;
+
+	let selected_opacity = $derived(get_opacity(selected_color));
+
+	function handle_select(
+		type: "edit" | "select",
+		detail: {
+			index: number;
+			color: string | null;
+			opacity?: number;
+		}
+	): void {
+		current_index = `${type}-${detail.index}`;
+		if (type === "edit") {
+			onedit?.(detail);
+		} else {
+			onselect?.(detail);
+		}
+	}
+
+	function handle_picker_click(): void {
+		onselect?.({ index: null, color: selected_color });
+		color_picker = !color_picker;
+	}
+</script>
+
+{#if !color_picker}
+	<span class:lg={user_colors}></span>
+{/if}
+
+<div class="swatch-wrap">
+	<div class="swatch-container">
+		{#if user_colors}
+			<div class="swatch">
+				{#if color_picker}
+					<IconButton
+						Icon={Plus}
+						onclick={() => onadd_color?.()}
+						roundedness="very"
+						background={get_color(selected_color)}
+						color="white"
+					/>
+				{/if}
+				{#each user_colors as color, i}
+					{@const color_string = get_color(color)}
+					{@const opacity = get_opacity(color)}
+					<button
+						onclick={() =>
+							handle_select("edit", {
+								index: i,
+								color: color_string,
+								opacity: opacity
+							})}
+						class="color"
+						class:empty={color === null}
+						style="background-color: {color_string}"
+						style:opacity
+						class:selected={`${color_string}-${opacity}` ===
+							`${selected_color}-${selected_opacity}`}
+					></button>
+				{/each}
+
+				<button
+					onclick={handle_picker_click}
+					class="color colorpicker"
+					class:hidden={!color_picker}
+				></button>
+			</div>
+		{/if}
+		<menu class="swatch">
+			{#each _colors as color_item, i}
+				{@const color_string = get_color(color_item)}
+				{@const opacity = get_opacity(color_item)}
+				<button
+					onclick={() =>
+						handle_select("select", {
+							index: i,
+							color: color_string,
+							opacity: opacity
+						})}
+					class="color"
+					class:empty={color_item === null}
+					style="background-color: {color_string}"
+					style:opacity
+					class:selected={`${color_string}-${opacity}` ===
+						`${selected_color}-${selected_opacity}`}
+				></button>
+			{/each}
+		</menu>
+	</div>
+</div>
+
+<style>
+	.swatch-wrap {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		/* max-width: 200px; */
+		width: 205px;
+	}
+
+	span.lg {
+		margin-top: var(--spacing-sm);
+	}
+	.swatch-container {
+		display: flex;
+		flex-direction: column;
+		gap: 10px;
+		width: 100%;
+	}
+	.swatch {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, 25px);
+		gap: 8px;
+		justify-content: flex-start;
+
+		overflow: hidden;
+		justify-content: center;
+	}
+
+	.empty {
+		border: 1px solid var(--block-border-color);
+		font-weight: var(--weight-bold);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding-top: 4px;
+		text-align: center;
+		font-size: var(--scale-0);
+		cursor: pointer;
+	}
+
+	.empty::after {
+		content: "+";
+		margin-bottom: var(--size-1);
+	}
+
+	.color {
+		width: 25px;
+		height: 25px;
+		border-radius: var(--radius-md);
+	}
+
+	.empty.selected,
+	.color.selected {
+		border: 2px solid var(--color-accent);
+	}
+
+	.colorpicker {
+		border: 1px solid var(--block-border-color);
+
+		background: conic-gradient(
+			red,
+			#ff0 60deg,
+			lime 120deg,
+			cyan 180deg,
+			blue 240deg,
+			magenta 300deg,
+			red 360deg
+		);
+		overflow: hidden;
+		position: relative;
+		color: white;
+		cursor: pointer;
+	}
+
+	.colorpicker::before {
+		content: "";
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		background: rgba(0, 0, 0, 0.6);
+		opacity: 1;
+		transition: 0.1s;
+		top: 0;
+		left: 0;
+	}
+
+	.colorpicker::after {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		content: "⨯";
+		color: white;
+		font-size: var(--scale-5);
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		transform: translateY(-7px);
+		opacity: 1;
+		transition: 0.1s;
+		top: 0;
+	}
+
+	.colorpicker.hidden::after,
+	.colorpicker.hidden::before {
+		opacity: 0;
+	}
+</style>
diff --git a/js/imageeditor/shared/brush/brush-cursor.ts b/js/imageeditor/shared/brush/brush-cursor.ts
new file mode 100644
index 0000000..8e2dab2
--- /dev/null
+++ b/js/imageeditor/shared/brush/brush-cursor.ts
@@ -0,0 +1,366 @@
+import {
+	Container,
+	Graphics,
+	Sprite,
+	type FederatedPointerEvent
+} from "pixi.js";
+import { type ImageEditorContext } from "../core/editor";
+import { type BrushState } from "./types";
+import tinycolor from "tinycolor2";
+import { clear_timeout } from "./brush-utils";
+
+/**
+ * Class to handle all cursor preview-related functionality for the brush tool.
+ */
+export class BrushCursor {
+	private cursor_graphics: Graphics | null = null;
+	private cursor_container: Container | null = null;
+	private brush_preview_container: Container | null = null;
+	private brush_preview_graphics: Graphics | null = null;
+	private is_preview_visible = false;
+	private is_cursor_over_image = false;
+	private cursor_position_check_timeout: number | null = null;
+	private is_brush_or_erase_active = false;
+
+	private _bound_update_cursor:
+		| ((event: FederatedPointerEvent) => void)
+		| null = null;
+	private _bound_check_cursor_over_image:
+		| ((event: FederatedPointerEvent) => void)
+		| null = null;
+
+	constructor(
+		private image_editor_context: ImageEditorContext,
+		private state: BrushState,
+		private scale: number
+	) {
+		this.initialize_cursor();
+		this.initialize_brush_preview();
+	}
+
+	/**
+	 * Returns whether the cursor is currently over the image.
+	 */
+	is_over_image(): boolean {
+		return this.is_cursor_over_image;
+	}
+
+	/**
+	 * Sets up cursor-related event listeners.
+	 */
+	setup_event_listeners(): void {
+		this.cleanup_event_listeners();
+
+		this._bound_update_cursor = this.update_cursor_position.bind(this);
+		this._bound_check_cursor_over_image =
+			this.check_cursor_over_image.bind(this);
+
+		const stage = this.image_editor_context.app.stage;
+		stage.on("pointermove", this._bound_update_cursor);
+		stage.on("pointermove", this._bound_check_cursor_over_image);
+
+		this.image_editor_context.image_container.on(
+			"pointerenter",
+			this.on_image_container_pointer_enter.bind(this)
+		);
+		this.image_editor_context.image_container.on(
+			"pointerleave",
+			this.on_image_container_pointer_leave.bind(this)
+		);
+	}
+
+	/**
+	 * Removes all cursor-related event listeners.
+	 */
+	cleanup_event_listeners(): void {
+		const stage = this.image_editor_context.app.stage;
+
+		if (this._bound_update_cursor) {
+			stage.off("pointermove", this._bound_update_cursor);
+			this._bound_update_cursor = null;
+		}
+
+		if (this._bound_check_cursor_over_image) {
+			stage.off("pointermove", this._bound_check_cursor_over_image);
+			this._bound_check_cursor_over_image = null;
+		}
+
+		this.image_editor_context.image_container.off("pointerenter");
+		this.image_editor_context.image_container.off("pointerleave");
+
+		this.cursor_position_check_timeout = clear_timeout(
+			this.cursor_position_check_timeout
+		);
+	}
+
+	/**
+	 * initializes the cursor for the brush tool.
+	 */
+	initialize_cursor(): void {
+		if (this.cursor_container) {
+			if (this.cursor_container.parent) {
+				this.cursor_container.parent.removeChild(this.cursor_container);
+			}
+			this.cursor_container.destroy({ children: true });
+			this.cursor_container = null;
+		}
+
+		this.cursor_container = new Container();
+		this.image_editor_context.ui_container.addChild(this.cursor_container);
+
+		this.cursor_graphics = new Graphics();
+		this.cursor_container.addChild(this.cursor_graphics);
+
+		this.update_cursor_appearance();
+	}
+
+	/**
+	 * updates the appearance of the cursor.
+	 */
+	update_cursor_appearance(): void {
+		if (!this.cursor_graphics) return;
+
+		this.cursor_graphics.clear();
+
+		const cursor_color =
+			this.state.mode === "draw"
+				? tinycolor(this.state.color).toString()
+				: 0xffffff;
+
+		this.cursor_graphics
+			.circle(0, 0, this.state.brush_size * this.scale)
+			.stroke({
+				width: 1.5,
+				color: cursor_color,
+				alpha: 0.8
+			});
+
+		this.cursor_graphics.circle(0, 0, 1).fill({
+			color: cursor_color,
+			alpha: 0.8
+		});
+	}
+
+	/**
+	 * updates the position of the cursor.
+	 * @param {FederatedPointerEvent} event - The pointer event.
+	 */
+	update_cursor_position(event: FederatedPointerEvent): void {
+		if (!this.cursor_container) return;
+
+		const local_pos = this.image_editor_context.image_container.toLocal(
+			event.global
+		);
+
+		const ui_pos = this.image_editor_context.ui_container.toLocal(
+			this.image_editor_context.image_container.toGlobal(local_pos)
+		);
+
+		this.cursor_container.position.set(ui_pos.x, ui_pos.y);
+	}
+
+	/**
+	 * checks if the cursor is over the image container.
+	 * @param {FederatedPointerEvent} event - The pointer event.
+	 */
+	check_cursor_over_image(event: FederatedPointerEvent): void {
+		if (this.cursor_position_check_timeout !== null) {
+			window.clearTimeout(this.cursor_position_check_timeout);
+			this.cursor_position_check_timeout = null;
+		}
+
+		const image_container = this.image_editor_context.image_container;
+		const bounds = image_container.getBounds();
+
+		const was_over_image = this.is_cursor_over_image;
+		this.is_cursor_over_image =
+			event.global.x >= bounds.x &&
+			event.global.x <= bounds.x + bounds.width &&
+			event.global.y >= bounds.y &&
+			event.global.y <= bounds.y + bounds.height;
+
+		if (was_over_image !== this.is_cursor_over_image) {
+			this.update_cursor_and_preview_visibility();
+		}
+	}
+
+	/**
+	 * updates the size of the cursor.
+	 */
+	update_cursor_size(): void {
+		this.update_cursor_appearance();
+	}
+
+	/**
+	 * Updates whether brush or erase tool is active
+	 */
+	set_active(is_active: boolean): void {
+		this.is_brush_or_erase_active = is_active;
+		this.update_cursor_and_preview_visibility();
+	}
+
+	/**
+	 * updates the visibility of the cursor.
+	 */
+	update_cursor_visibility(): void {
+		if (this.cursor_container) {
+			this.cursor_container.visible =
+				this.is_cursor_over_image && this.is_brush_or_erase_active;
+		}
+	}
+
+	/**
+	 * Shows or hides the brush preview.
+	 * @param {boolean} show - Whether to show the preview.
+	 */
+	preview_brush(show: boolean): void {
+		this.is_preview_visible = show;
+
+		if (this.brush_preview_container) {
+			this.brush_preview_container.visible =
+				show && this.is_brush_or_erase_active;
+		}
+
+		if (show) {
+			this.update_brush_preview();
+			this.update_brush_preview_position();
+		}
+	}
+
+	/**
+	 * initializes the brush preview.
+	 */
+	initialize_brush_preview(): void {
+		if (this.brush_preview_container) {
+			if (this.brush_preview_container.parent) {
+				this.brush_preview_container.parent.removeChild(
+					this.brush_preview_container
+				);
+			}
+			this.brush_preview_container.destroy({ children: true });
+			this.brush_preview_container = null;
+		}
+
+		this.brush_preview_container = new Container();
+		this.image_editor_context.ui_container.addChild(
+			this.brush_preview_container
+		);
+
+		this.brush_preview_graphics = new Graphics();
+		this.brush_preview_container.addChild(this.brush_preview_graphics);
+
+		this.brush_preview_container.visible = false;
+	}
+
+	/**
+	 * updates the brush preview appearance.
+	 */
+	update_brush_preview(): void {
+		if (!this.brush_preview_graphics) return;
+
+		this.brush_preview_graphics.clear();
+
+		const preview_size = this.state.brush_size * this.scale;
+		const preview_color =
+			this.state.mode === "draw"
+				? tinycolor(this.state.color).setAlpha(this.state.opacity).toString()
+				: 0xffffff;
+
+		this.brush_preview_graphics.circle(0, 0, preview_size).fill({
+			color: preview_color,
+			alpha: this.state.mode === "draw" ? this.state.opacity : 0.3
+		});
+
+		this.brush_preview_graphics.circle(0, 0, preview_size + 1).stroke({
+			width: 1,
+			color: 0x000000,
+			alpha: 0.5
+		});
+	}
+
+	/**
+	 * updates the position of the brush preview to center of canvas.
+	 */
+	update_brush_preview_position(): void {
+		if (!this.brush_preview_container) return;
+
+		const image_container = this.image_editor_context.image_container;
+		const center_x = image_container.width / 2;
+		const center_y = image_container.height / 2;
+
+		const global_pos = image_container.toGlobal({ x: center_x, y: center_y });
+
+		const ui_pos = this.image_editor_context.ui_container.toLocal(global_pos);
+
+		this.brush_preview_container.position.set(ui_pos.x, ui_pos.y);
+	}
+
+	/**
+	 * Called when the pointer enters the image container.
+	 */
+	on_image_container_pointer_enter(): void {
+		this.is_cursor_over_image = true;
+		this.update_cursor_and_preview_visibility();
+	}
+
+	/**
+	 * Called when the pointer leaves the image container.
+	 */
+	on_image_container_pointer_leave(): void {
+		this.is_cursor_over_image = false;
+		this.update_cursor_and_preview_visibility();
+	}
+
+	/**
+	 * Updates both cursor and preview visibility based on cursor position.
+	 */
+	update_cursor_and_preview_visibility(): void {
+		this.update_cursor_visibility();
+		if (this.brush_preview_container) {
+			this.brush_preview_container.visible =
+				this.is_preview_visible && this.is_brush_or_erase_active;
+		}
+	}
+
+	/**
+	 * Cleans up all cursor resources.
+	 */
+	cleanup(): void {
+		this.is_brush_or_erase_active = false;
+
+		if (this.cursor_container) {
+			if (this.cursor_container.parent) {
+				this.cursor_container.parent.removeChild(this.cursor_container);
+			}
+			this.cursor_container.destroy({ children: true });
+			this.cursor_container = null;
+		}
+
+		if (this.brush_preview_container) {
+			if (this.brush_preview_container.parent) {
+				this.brush_preview_container.parent.removeChild(
+					this.brush_preview_container
+				);
+			}
+			this.brush_preview_container.destroy({ children: true });
+			this.brush_preview_container = null;
+		}
+
+		if (this.cursor_position_check_timeout !== null) {
+			window.clearTimeout(this.cursor_position_check_timeout);
+			this.cursor_position_check_timeout = null;
+		}
+	}
+
+	/**
+	 * Updates the brush state.
+	 */
+	update_state(state: BrushState, scale: number): void {
+		this.state = state;
+		this.scale = scale;
+		this.update_cursor_appearance();
+		if (this.is_preview_visible) {
+			this.update_brush_preview();
+		}
+	}
+}
diff --git a/js/imageeditor/shared/brush/brush-textures.ts b/js/imageeditor/shared/brush/brush-textures.ts
new file mode 100644
index 0000000..23ff163
--- /dev/null
+++ b/js/imageeditor/shared/brush/brush-textures.ts
@@ -0,0 +1,757 @@
+import {
+	Container,
+	RenderTexture,
+	Sprite,
+	Graphics,
+	Application,
+	Texture
+} from "pixi.js";
+import { type ImageEditorContext } from "../core/editor";
+import { type Command } from "../core/commands";
+
+/**
+ * Represents a single drawing segment with all its parameters
+ */
+interface BrushSegment {
+	from_x: number;
+	from_y: number;
+	to_x: number;
+	to_y: number;
+	size: number;
+	color: string;
+	opacity: number;
+	mode: "draw" | "erase";
+}
+
+/**
+ * Represents a complete brush stroke containing multiple segments
+ */
+interface BrushStroke {
+	segments: BrushSegment[];
+	layer_id: string;
+}
+
+export class BrushCommand implements Command {
+	private stroke_data: BrushStroke;
+	private context: ImageEditorContext;
+	private original_texture: Texture | null = null;
+
+	name: string;
+
+	constructor(
+		context: ImageEditorContext,
+		stroke_data: BrushStroke,
+		original_texture?: Texture
+	) {
+		this.name = "Draw";
+		this.stroke_data = stroke_data;
+		this.context = context;
+		if (original_texture) {
+			this.original_texture = this.create_texture_from(original_texture);
+		}
+	}
+
+	/**
+	 * Creates a new texture with the same content as the source texture
+	 */
+	private create_texture_from(source: Texture): Texture {
+		const texture = RenderTexture.create({
+			width: source.width,
+			height: source.height,
+			resolution: window.devicePixelRatio || 1
+		});
+
+		const sprite = new Sprite(source);
+		const container = new Container();
+		container.addChild(sprite);
+
+		this.context.app.renderer.render(container, {
+			renderTexture: texture
+		});
+
+		container.destroy({ children: true });
+		return texture;
+	}
+
+	/**
+	 * Recreates the stroke by rendering all segments from the stored parameters
+	 * Preserves the exact order of draw/erase operations
+	 */
+	private render_stroke_from_data(
+		stroke_data: BrushStroke,
+		target_texture: RenderTexture
+	): void {
+		const draw_segments = stroke_data.segments.filter((s) => s.mode === "draw");
+		const erase_segments = stroke_data.segments.filter(
+			(s) => s.mode === "erase"
+		);
+
+		if (draw_segments.length > 0) {
+			const graphics = new Graphics();
+			const container = new Container();
+			container.addChild(graphics);
+			let alpha = 1;
+
+			for (const segment of draw_segments) {
+				if (segment.opacity < alpha) {
+					alpha = segment.opacity;
+				}
+				let colorValue = 0xffffff;
+				if (segment.color.startsWith("#")) {
+					colorValue = parseInt(segment.color.replace("#", "0x"), 16);
+				}
+
+				graphics.setFillStyle({
+					color: colorValue,
+					alpha: 1
+				});
+
+				this.render_segment_to_graphics(graphics, segment);
+			}
+
+			// we need a sprite in order to set the alpha and for that we need a texture
+			// i'm not entirely sure why other approaches didn't work
+			const alpha_sprite_texture = RenderTexture.create({
+				width: target_texture.width,
+				height: target_texture.height,
+				resolution: window.devicePixelRatio || 1
+			});
+
+			const alpha_sprite = new Sprite(alpha_sprite_texture);
+			this.context.app.renderer.render({
+				container: container,
+				target: alpha_sprite_texture
+			});
+
+			alpha_sprite.alpha = alpha;
+
+			this.context.app.renderer.render({
+				container: alpha_sprite,
+				target: target_texture,
+				clear: false
+			});
+
+			container.destroy({ children: true });
+			alpha_sprite.destroy();
+			alpha_sprite_texture.destroy();
+		}
+
+		if (erase_segments.length > 0) {
+			// create a temp texture to work with
+			const temp_content_texture = RenderTexture.create({
+				width: target_texture.width,
+				height: target_texture.height,
+				resolution: window.devicePixelRatio || 1
+			});
+
+			const copy_sprite = new Sprite(target_texture);
+			const copy_container = new Container();
+			copy_container.addChild(copy_sprite);
+
+			this.context.app.renderer.render({
+				container: copy_container,
+				target: temp_content_texture,
+				clear: true
+			});
+
+			// create a graphics object to draw the erase segments
+			const erase_graphics = new Graphics();
+			const erase_container = new Container();
+			erase_container.addChild(erase_graphics);
+
+			erase_graphics.setFillStyle({
+				color: 0xffffff,
+				alpha: 1.0
+			});
+
+			for (const segment of erase_segments) {
+				this.render_segment_to_graphics(erase_graphics, segment);
+			}
+
+			// create a separate texture to hold the mask
+			const mask_texture = RenderTexture.create({
+				width: target_texture.width,
+				height: target_texture.height,
+				resolution: window.devicePixelRatio || 1
+			});
+
+			this.context.app.renderer.render({
+				container: erase_container,
+				target: mask_texture,
+				clear: true
+			});
+
+			const content_sprite = new Sprite(temp_content_texture);
+			const mask_sprite = new Sprite(mask_texture);
+
+			// only now do we create a sprite from the original texture and add the mask
+			const masked_container = new Container();
+			masked_container.addChild(content_sprite);
+			masked_container.setMask({ mask: mask_sprite, inverse: true }); // inverse mask = erase
+
+			// now we can render the masked content back to the target texture
+			this.context.app.renderer.render({
+				container: masked_container,
+				target: target_texture,
+				clear: true
+			});
+
+			copy_container.destroy({ children: true });
+			erase_container.destroy({ children: true });
+			masked_container.destroy({ children: true });
+			temp_content_texture.destroy();
+			mask_texture.destroy();
+		}
+	}
+
+	/**
+	 * Renders a segment to a graphics object (extracted from renderSegment)
+	 */
+	private render_segment_to_graphics(
+		graphics: Graphics,
+		segment: BrushSegment
+	): void {
+		const distance = Math.sqrt(
+			Math.pow(segment.to_x - segment.from_x, 2) +
+				Math.pow(segment.to_y - segment.from_y, 2)
+		);
+
+		if (distance < 0.1) {
+			graphics.circle(segment.from_x, segment.from_y, segment.size).fill();
+		} else {
+			const spacing = Math.max(segment.size / 3, 2);
+			const steps = Math.max(Math.ceil(distance / spacing), 2);
+
+			for (let i = 0; i < steps; i++) {
+				const t = i / (steps - 1);
+				const x = segment.from_x + (segment.to_x - segment.from_x) * t;
+				const y = segment.from_y + (segment.to_y - segment.from_y) * t;
+
+				graphics.circle(x, y, segment.size).fill();
+			}
+		}
+	}
+
+	async execute(context: ImageEditorContext): Promise<void> {
+		if (context) {
+			this.context = context;
+		}
+
+		let layer_textures = this.context.layer_manager.get_layer_textures(
+			this.stroke_data.layer_id
+		);
+
+		if (!layer_textures) {
+			const all_layers = this.context.layer_manager.get_layers();
+			const top_layer = all_layers[all_layers.length - 1];
+			layer_textures = this.context.layer_manager.get_layer_textures(
+				top_layer.id
+			);
+		}
+
+		if (!layer_textures) return;
+
+		// create a temporary texture to render the stroke
+		const temp_texture = RenderTexture.create({
+			width: layer_textures.draw.width,
+			height: layer_textures.draw.height,
+			resolution: window.devicePixelRatio || 1
+		});
+
+		// copy current layer content to temp texture
+		const current_sprite = new Sprite(layer_textures.draw);
+		const temp_container = new Container();
+		temp_container.addChild(current_sprite);
+
+		this.context.app.renderer.render({
+			container: temp_container,
+			target: temp_texture,
+			clear: true
+		});
+
+		temp_container.destroy({ children: true });
+
+		this.render_stroke_from_data(this.stroke_data, temp_texture);
+
+		// copy final result back to layer texture
+		const final_sprite = new Sprite(temp_texture);
+		const final_container = new Container();
+		final_container.addChild(final_sprite);
+
+		this.context.app.renderer.render({
+			container: final_container,
+			target: layer_textures.draw,
+			clear: true
+		});
+
+		final_container.destroy({ children: true });
+		temp_texture.destroy();
+	}
+
+	async undo(): Promise<void> {
+		if (!this.original_texture) return;
+
+		const layer_textures = this.context.layer_manager.get_layer_textures(
+			this.stroke_data.layer_id
+		);
+		if (!layer_textures) return;
+
+		const temp_sprite = new Sprite(this.original_texture);
+		const temp_container = new Container();
+		temp_container.addChild(temp_sprite);
+
+		this.context.app.renderer.render({
+			container: temp_container,
+			target: layer_textures.draw,
+			clear: true
+		});
+
+		temp_container.destroy({ children: true });
+	}
+}
+
+/**
+ * Class to handle texture operations for the brush tool.
+ * Simplified to work directly with layer textures.
+ */
+export class BrushTextures {
+	private stroke_texture: RenderTexture | null = null;
+	private erase_texture: RenderTexture | null = null;
+	private display_container: Container | null = null;
+	private stroke_container: Container | null = null;
+	private stroke_graphics: Graphics | null = null;
+	private preview_sprite: Sprite | null = null;
+	private erase_graphics: Graphics | null = null;
+	private dimensions: { width: number; height: number };
+	private image_editor_context: ImageEditorContext;
+	private app: Application;
+	private is_new_stroke = true;
+
+	private current_opacity = 1.0;
+	private original_layer_texture: Texture | null = null;
+	private active_layer_id: string | null = null;
+	private current_stroke_segments: BrushSegment[] = [];
+
+	constructor(image_editor_context: ImageEditorContext, app: Application) {
+		this.image_editor_context = image_editor_context;
+		this.app = app;
+
+		this.dimensions = {
+			width: this.image_editor_context.image_container.width,
+			height: this.image_editor_context.image_container.height
+		};
+	}
+
+	/**
+	 * Initializes textures needed for the brush tool.
+	 */
+	initialize_textures(): void {
+		this.cleanup_textures();
+
+		const local_bounds =
+			this.image_editor_context.image_container.getLocalBounds();
+
+		this.dimensions = {
+			width: local_bounds.width,
+			height: local_bounds.height
+		};
+
+		this.stroke_texture = RenderTexture.create({
+			width: this.dimensions.width,
+			height: this.dimensions.height,
+			resolution: window.devicePixelRatio || 1
+		});
+
+		this.erase_texture = RenderTexture.create({
+			width: this.dimensions.width,
+			height: this.dimensions.height,
+			resolution: window.devicePixelRatio || 1
+		});
+
+		this.display_container = new Container();
+
+		this.image_editor_context.image_container.addChild(this.display_container);
+
+		this.stroke_container = new Container();
+		this.stroke_graphics = new Graphics();
+		this.stroke_container.addChild(this.stroke_graphics);
+
+		this.erase_graphics = new Graphics();
+
+		this.preview_sprite = new Sprite(this.stroke_texture);
+		this.preview_sprite.alpha = 0;
+		this.display_container.addChild(this.preview_sprite);
+
+		const clear_container = new Container();
+		this.app.renderer.render(clear_container, {
+			renderTexture: this.stroke_texture
+		});
+		this.app.renderer.render(clear_container, {
+			renderTexture: this.erase_texture
+		});
+		clear_container.destroy();
+
+		this.is_new_stroke = true;
+		this.current_opacity = 1.0;
+	}
+
+	/**
+	 * Reinitializes textures when needed (e.g., after resizing).
+	 */
+	reinitialize(): void {
+		const local_bounds =
+			this.image_editor_context.image_container.getLocalBounds();
+		if (
+			Math.round(local_bounds.width) !== Math.round(this.dimensions.width) ||
+			Math.round(local_bounds.height) !== Math.round(this.dimensions.height)
+		) {
+			this.initialize_textures();
+		}
+	}
+
+	/**
+	 * Cleans up texture resources.
+	 */
+	cleanup_textures(): void {
+		if (this.stroke_texture) {
+			this.stroke_texture.destroy();
+			this.stroke_texture = null;
+		}
+
+		if (this.erase_texture) {
+			this.erase_texture.destroy();
+			this.erase_texture = null;
+		}
+
+		if (this.display_container) {
+			if (this.display_container.parent) {
+				this.display_container.parent.removeChild(this.display_container);
+			}
+			this.display_container.destroy({ children: true });
+			this.display_container = null;
+		}
+
+		if (this.original_layer_texture) {
+			this.original_layer_texture.destroy();
+			this.original_layer_texture = null;
+		}
+
+		this.stroke_container = null;
+		this.stroke_graphics = null;
+		this.preview_sprite = null;
+		this.erase_graphics = null;
+		this.active_layer_id = null;
+	}
+
+	/**
+	 * Preserve the canvas state when starting a new stroke.
+	 */
+	preserve_canvas_state(): void {
+		const active_layer =
+			this.image_editor_context.layer_manager.get_active_layer();
+		if (!active_layer) return;
+
+		const layers = this.image_editor_context.layer_manager.get_layers();
+		const layer = layers.find((l) => l.container === active_layer);
+		if (!layer) return;
+
+		this.active_layer_id = layer.id;
+
+		const layer_textures =
+			this.image_editor_context.layer_manager.get_layer_textures(layer.id);
+		if (!layer_textures) return;
+
+		if (this.original_layer_texture) {
+			this.original_layer_texture.destroy();
+		}
+
+		this.original_layer_texture = RenderTexture.create({
+			width: this.dimensions.width,
+			height: this.dimensions.height,
+			resolution: window.devicePixelRatio || 1
+		});
+
+		const temp_sprite = new Sprite(layer_textures.draw);
+		const temp_container = new Container();
+		temp_container.addChild(temp_sprite);
+
+		this.app.renderer.render(temp_container, {
+			renderTexture: this.original_layer_texture
+		});
+
+		temp_container.destroy({ children: true });
+
+		this.is_new_stroke = true;
+	}
+
+	/**
+	 * Resets the eraser mask.
+	 */
+	reset_eraser_mask(): void {
+		if (!this.erase_graphics || !this.erase_texture) return;
+
+		this.erase_graphics.clear();
+		this.erase_graphics.setFillStyle({ color: 0xffffff, alpha: 1.0 });
+		this.erase_graphics
+			.rect(0, 0, this.dimensions.width, this.dimensions.height)
+			.fill();
+		this.erase_graphics.endFill();
+
+		this.app.renderer.render(this.erase_graphics, {
+			renderTexture: this.erase_texture
+		});
+	}
+
+	/**
+	 * Commits the current stroke to the active layer and returns a command for undo/redo.
+	 */
+	commit_stroke(): void {
+		if (
+			!this.stroke_texture ||
+			!this.preview_sprite ||
+			!this.stroke_graphics ||
+			!this.original_layer_texture ||
+			!this.active_layer_id
+		)
+			return;
+
+		this.preview_sprite.visible = false;
+
+		const active_layer =
+			this.image_editor_context.layer_manager.get_active_layer();
+
+		if (!active_layer) return;
+
+		const layers = this.image_editor_context.layer_manager.get_layers();
+		const layer = layers.find((l) => l.container === active_layer);
+		if (!layer) return;
+
+		if (layer.id !== this.active_layer_id) return;
+
+		const layer_textures =
+			this.image_editor_context.layer_manager.get_layer_textures(layer.id);
+		if (!layer_textures) return;
+
+		const stroke_data: BrushStroke = {
+			segments: [...this.current_stroke_segments],
+			layer_id: this.active_layer_id
+		};
+
+		const brush_command = new BrushCommand(
+			this.image_editor_context,
+			stroke_data,
+			this.original_layer_texture
+		);
+
+		if (this.stroke_graphics) {
+			this.stroke_graphics.clear();
+		}
+		const clear_container = new Container();
+		this.app.renderer.render(clear_container, {
+			renderTexture: this.stroke_texture
+		});
+		clear_container.destroy();
+
+		this.is_new_stroke = true;
+		this.original_layer_texture = null;
+		this.active_layer_id = null;
+		this.current_stroke_segments = [];
+
+		this.image_editor_context.command_manager.execute(
+			brush_command,
+			this.image_editor_context
+		);
+	}
+
+	/**
+	 * Calculates the distance between two points.
+	 */
+	private calculate_distance(
+		x1: number,
+		y1: number,
+		x2: number,
+		y2: number
+	): number {
+		return Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
+	}
+
+	/**
+	 * Draws a segment for the current stroke using a simple "stamp" approach.
+	 */
+	draw_segment(
+		from_x: number,
+		from_y: number,
+		to_x: number,
+		to_y: number,
+		size: number,
+		color: string,
+		opacity: number,
+		mode: "draw" | "erase"
+	): void {
+		if (
+			!this.stroke_graphics ||
+			!this.stroke_texture ||
+			!this.stroke_container ||
+			!this.preview_sprite
+		)
+			return;
+
+		if (this.is_new_stroke && !this.original_layer_texture) {
+			this.preserve_canvas_state();
+		}
+
+		this.current_opacity =
+			mode === "draw" ? Math.min(Math.max(opacity, 0), 1) : 0.5;
+
+		const scaled_size = size;
+
+		if (this.is_new_stroke) {
+			this.stroke_graphics.clear();
+			this.current_stroke_segments = [];
+
+			const clear_container = new Container();
+			this.app.renderer.render(clear_container, {
+				renderTexture: this.stroke_texture
+			});
+			clear_container.destroy();
+
+			this.is_new_stroke = false;
+		}
+
+		this.current_stroke_segments.push({
+			from_x,
+			from_y,
+			to_x,
+			to_y,
+			size: scaled_size,
+			color,
+			opacity: this.current_opacity,
+			mode
+		});
+
+		if (mode === "draw") {
+			let colorValue = 0xffffff;
+			try {
+				if (color.startsWith("#")) {
+					colorValue = parseInt(color.replace("#", "0x"), 16);
+				}
+			} catch (e) {
+				colorValue = 0xffffff;
+			}
+			this.stroke_graphics.setFillStyle({
+				color: colorValue,
+				alpha: 1.0
+			});
+		} else {
+			this.stroke_graphics.setFillStyle({
+				color: 0xffffff,
+				alpha: 1.0
+			});
+		}
+
+		const distance = this.calculate_distance(from_x, from_y, to_x, to_y);
+
+		if (distance < 0.1) {
+			this.stroke_graphics.circle(from_x, from_y, scaled_size).fill();
+		} else {
+			const spacing = Math.max(scaled_size / 3, 2);
+			const steps = Math.max(Math.ceil(distance / spacing), 2);
+
+			for (let i = 0; i < steps; i++) {
+				const t = i / (steps - 1);
+				const x = from_x + (to_x - from_x) * t;
+				const y = from_y + (to_y - from_y) * t;
+
+				this.stroke_graphics.circle(x, y, scaled_size).fill();
+			}
+		}
+
+		this.stroke_graphics.endFill();
+
+		this.app.renderer.render(this.stroke_container, {
+			renderTexture: this.stroke_texture
+		});
+
+		if (mode === "draw") {
+			this.preview_sprite.texture = this.stroke_texture;
+			this.preview_sprite.alpha = this.current_opacity;
+
+			this.preview_sprite.tint = 0xffffff;
+		} else {
+			const active_layer =
+				this.image_editor_context.layer_manager.get_active_layer();
+			if (!active_layer) return;
+
+			const layers = this.image_editor_context.layer_manager.get_layers();
+			const layer = layers.find((l) => l.container === active_layer);
+			if (!layer) return;
+
+			const layer_textures =
+				this.image_editor_context.layer_manager.get_layer_textures(layer.id);
+			if (!layer_textures) return;
+
+			const preview_texture = RenderTexture.create({
+				width: this.dimensions.width,
+				height: this.dimensions.height,
+				resolution: window.devicePixelRatio || 1
+			});
+
+			const base_container = new Container();
+			const content_sprite = new Sprite(layer_textures.draw);
+			base_container.addChild(content_sprite);
+			this.app.renderer.render(base_container, {
+				renderTexture: preview_texture
+			});
+			base_container.destroy({ children: true });
+
+			const preview_container = new Container();
+
+			const mask_sprite = new Sprite(this.stroke_texture);
+
+			const overlay = new Graphics();
+			overlay.setFillStyle({ color: 0xffffff, alpha: 0.5 });
+			overlay.rect(0, 0, this.dimensions.width, this.dimensions.height).fill();
+
+			overlay.setMask({ mask: mask_sprite, inverse: false });
+
+			preview_container.addChild(overlay);
+
+			this.app.renderer.render(preview_container, {
+				renderTexture: preview_texture
+			});
+
+			this.preview_sprite.texture = preview_texture;
+			this.preview_sprite.alpha = 1.0;
+
+			preview_container.destroy({ children: true });
+			preview_texture.destroy();
+		}
+
+		this.preview_sprite.visible = true;
+	}
+
+	/**
+	 * Gets current dimensions of the texture.
+	 */
+	get_dimensions(): { width: number; height: number } {
+		return this.dimensions;
+	}
+
+	/**
+	 * Checks if textures are properly initialized.
+	 */
+	get textures_initialized(): boolean {
+		return !!(
+			this.stroke_texture &&
+			this.display_container &&
+			this.preview_sprite
+		);
+	}
+
+	/**
+	 * Cleanup all resources.
+	 */
+	cleanup(): void {
+		this.cleanup_textures();
+	}
+}
diff --git a/js/imageeditor/shared/brush/brush-utils.ts b/js/imageeditor/shared/brush/brush-utils.ts
new file mode 100644
index 0000000..df2ce0f
--- /dev/null
+++ b/js/imageeditor/shared/brush/brush-utils.ts
@@ -0,0 +1,76 @@
+import { Container, Sprite, Graphics } from "pixi.js";
+
+/**
+ * Sets the cursor style for a single PIXI object.
+ * @param child - The PIXI object to set the cursor for.
+ * @param cursor - The cursor style to set.
+ */
+export function set_cursor(
+	child: Container | Sprite | Graphics,
+	cursor: "unset" | "none"
+): void {
+	if (child instanceof Container) {
+		child.cursor = cursor;
+	} else if ("cursor" in child) {
+		(child as any).cursor = cursor;
+	}
+}
+
+/**
+ * Recursively sets the cursor style for PIXI objects.
+ * @param children - The PIXI objects to set the cursor for.
+ * @param cursor - The cursor style to set.
+ */
+export function recurse_set_cursor(
+	children: (Container | Sprite | Graphics)[],
+	cursor: "unset" | "none"
+): void {
+	for (const child of children) {
+		set_cursor(child, cursor);
+		if (child instanceof Container && child.children.length > 0) {
+			recurse_set_cursor(
+				child.children as (Container | Sprite | Graphics)[],
+				cursor
+			);
+		}
+	}
+}
+
+/**
+ * Safely removes a child from its parent.
+ * @param child - The child to remove.
+ */
+export function safe_remove_child(
+	child: Container | Sprite | Graphics | null
+): void {
+	if (child && child.parent) {
+		child.parent.removeChild(child);
+	}
+}
+
+/**
+ * Safely destroys a PIXI object and nullifies it.
+ * @param obj - The object to destroy.
+ * @returns null to assist with nullifying the reference.
+ */
+export function safe_destroy<T extends { destroy: (options?: any) => void }>(
+	obj: T | null
+): null {
+	if (obj) {
+		safe_remove_child(obj as any);
+		obj.destroy({ children: true });
+	}
+	return null;
+}
+
+/**
+ * Clears a timeout safely and nullifies the reference.
+ * @param timeout - The timeout to clear.
+ * @returns null to assist with nullifying the reference.
+ */
+export function clear_timeout(timeout: number | null): null {
+	if (timeout !== null) {
+		window.clearTimeout(timeout);
+	}
+	return null;
+}
diff --git a/js/imageeditor/shared/brush/brush.ts b/js/imageeditor/shared/brush/brush.ts
new file mode 100644
index 0000000..228db3c
--- /dev/null
+++ b/js/imageeditor/shared/brush/brush.ts
@@ -0,0 +1,479 @@
+import { Container, type FederatedPointerEvent } from "pixi.js";
+import { type ImageEditorContext, type Tool } from "../core/editor";
+import { type Tool as ToolbarTool, type Subtool } from "../Toolbar.svelte";
+import type { ColorInput } from "tinycolor2";
+import tinycolor from "tinycolor2";
+import { BrushCursor } from "./brush-cursor";
+import { BrushTextures } from "./brush-textures";
+import { recurse_set_cursor } from "./brush-utils";
+import { type BrushState } from "./types";
+
+/**
+ * BrushTool class implements the Tool interface for drawing and erasing.
+ * @class
+ * @implements {Tool}
+ */
+export class BrushTool implements Tool {
+	/**
+	 * The name of the tool.
+	 * @type {string}
+	 */
+	name = "brush" as const;
+
+	/**
+	 * The context of the image editor.
+	 * @private
+	 */
+	private image_editor_context!: ImageEditorContext;
+
+	/**
+	 * The current tool selected in the toolbar.
+	 * @private
+	 */
+	private current_tool!: ToolbarTool;
+
+	/**
+	 * The current subtool selected in the toolbar.
+	 * @private
+	 */
+	private current_subtool!: Subtool;
+
+	/**
+	 * The state of the brush tool.
+	 * @private
+	 */
+	private state: BrushState = {
+		opacity: 1,
+		brush_size: 10,
+		color: "#000000",
+		mode: "draw"
+	};
+
+	/**
+	 * Size settings for brush and eraser
+	 * @private
+	 */
+	private brush_size = 10;
+	private eraser_size = 20;
+
+	/**
+	 * Drawing state
+	 * @private
+	 */
+	private is_drawing = false;
+	private last_x = 0;
+	private last_y = 0;
+	private scale = 1;
+
+	/**
+	 * Event listeners
+	 * @private
+	 */
+	private _bound_pointer_down: ((event: FederatedPointerEvent) => void) | null =
+		null;
+	private _bound_pointer_move: ((event: FederatedPointerEvent) => void) | null =
+		null;
+	private _bound_pointer_up: (() => void) | null = null;
+	private event_callbacks: Map<string, (() => void)[]> = new Map();
+	/**
+	 * Utility modules
+	 * @private
+	 */
+	private brush_cursor: BrushCursor | null = null;
+	private brush_textures: BrushTextures | null = null;
+
+	/**
+	 * Sets up the brush tool with the given context, tool, and subtool.
+	 * @param {ImageEditorContext} context - The image editor context.
+	 * @param {ToolbarTool} tool - The tool from the toolbar.
+	 * @param {Subtool} subtool - The subtool from the toolbar.
+	 * @returns {Promise<void>}
+	 */
+	async setup(
+		context: ImageEditorContext,
+		tool: ToolbarTool,
+		subtool: Subtool
+	): Promise<void> {
+		this.image_editor_context = context;
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+
+		this.state.mode = tool === "erase" ? "erase" : "draw";
+
+		if (this.state.mode === "draw") {
+			this.state.brush_size = this.brush_size;
+		} else {
+			this.state.brush_size = this.eraser_size;
+		}
+
+		context.scale.subscribe((scale) => {
+			this.scale = scale;
+			if (this.brush_cursor) {
+				this.brush_cursor.update_state(this.state, this.scale);
+			}
+		});
+
+		this.brush_cursor = new BrushCursor(
+			this.image_editor_context,
+			this.state,
+			this.scale
+		);
+
+		this.brush_cursor.set_active(tool === "draw" || tool === "erase");
+
+		this.brush_textures = new BrushTextures(
+			this.image_editor_context,
+			context.app
+		);
+		this.brush_textures.initialize_textures();
+
+		this.setup_event_listeners();
+
+		this.handle_cursors(tool);
+	}
+
+	/**
+	 * Handles cursor styles for the brush tool.
+	 * @param {ToolbarTool} tool - The current tool.
+	 * @private
+	 */
+	private handle_cursors(tool: ToolbarTool): void {
+		recurse_set_cursor(
+			this.image_editor_context.image_container.children as Container[],
+			"none"
+		);
+	}
+
+	/**
+	 * Sets the current tool and subtool.
+	 * @param {ToolbarTool} tool - The current tool.
+	 * @param {Subtool} subtool - The current subtool.
+	 */
+	set_tool(tool: ToolbarTool, subtool: Subtool): void {
+		const new_mode = tool === "erase" ? "erase" : "draw";
+		const mode_changed = this.state.mode !== new_mode;
+		const needs_brush_tool = tool === "erase" || tool === "draw";
+
+		if (this.is_drawing && (!needs_brush_tool || mode_changed)) {
+			this.commit_pending_changes();
+		}
+
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+
+		if (this.brush_cursor) {
+			const should_be_active = tool === "draw" || tool === "erase";
+
+			this.brush_cursor.set_active(should_be_active);
+		}
+
+		const textures_initialized =
+			this.brush_textures?.textures_initialized ?? false;
+
+		let dimensions_changed = false;
+		if (this.brush_textures && textures_initialized) {
+			const current_bounds =
+				this.image_editor_context.image_container.getLocalBounds();
+			const tex_dims = this.brush_textures.get_dimensions();
+			dimensions_changed =
+				Math.round(current_bounds.width) !== Math.round(tex_dims.width) ||
+				Math.round(current_bounds.height) !== Math.round(tex_dims.height);
+		}
+
+		if (needs_brush_tool && (!textures_initialized || dimensions_changed)) {
+			this.brush_textures?.initialize_textures();
+		}
+
+		if (this.state.mode !== new_mode) {
+			this.state.mode = new_mode;
+
+			if (this.state.mode === "draw") {
+				this.state.brush_size = this.brush_size;
+			} else {
+				this.state.brush_size = this.eraser_size;
+			}
+
+			if (this.brush_cursor) {
+				this.brush_cursor.update_state(this.state, this.scale);
+			}
+		}
+	}
+
+	/**
+	 * Commits any pending changes to the canvas.
+	 * @private
+	 */
+	private commit_pending_changes(): void {
+		if (this.is_drawing) {
+			this.on_pointer_up();
+		}
+	}
+
+	/**
+	 * Called when the user presses the mouse button.
+	 * @param {FederatedPointerEvent} event - The pointer event.
+	 * @private
+	 */
+	private on_pointer_down(event: FederatedPointerEvent): void {
+		const current_layer =
+			this.image_editor_context.layer_manager.get_active_layer();
+
+		if (
+			!current_layer?.visible ||
+			(this.current_tool !== "erase" && this.current_tool !== "draw")
+		) {
+			return;
+		}
+
+		if (this.brush_cursor && !this.brush_cursor.is_over_image()) {
+			return;
+		}
+
+		if (this.brush_textures) {
+			this.brush_textures.preserve_canvas_state();
+		}
+
+		const local_pos = this.image_editor_context.image_container.toLocal(
+			event.global
+		);
+
+		this.is_drawing = true;
+		this.last_x = local_pos.x;
+		this.last_y = local_pos.y;
+
+		if (this.brush_textures) {
+			this.brush_textures.draw_segment(
+				local_pos.x,
+				local_pos.y,
+				local_pos.x,
+				local_pos.y,
+				this.state.brush_size,
+				this.state.color,
+				this.state.opacity,
+				this.state.mode
+			);
+		}
+	}
+
+	/**
+	 * Called when the user moves the mouse while drawing.
+	 * @param {FederatedPointerEvent} event - The pointer event.
+	 * @private
+	 */
+	private on_pointer_move(event: FederatedPointerEvent): void {
+		if (this.brush_cursor) {
+			this.brush_cursor.update_cursor_position(event);
+		}
+
+		if (!this.is_drawing) return;
+
+		const local_pos = this.image_editor_context.image_container.toLocal(
+			event.global
+		);
+
+		if (this.brush_textures) {
+			this.brush_textures.draw_segment(
+				this.last_x,
+				this.last_y,
+				local_pos.x,
+				local_pos.y,
+				this.state.brush_size,
+				this.state.color,
+				this.state.opacity,
+				this.state.mode
+			);
+		}
+
+		this.last_x = local_pos.x;
+		this.last_y = local_pos.y;
+	}
+
+	/**
+	 * Called when the user releases the mouse button.
+	 * @private
+	 */
+	private on_pointer_up(): void {
+		if (!this.is_drawing) return;
+
+		this.is_drawing = false;
+
+		if (this.brush_textures) {
+			this.brush_textures.commit_stroke();
+		}
+
+		this.notify("change");
+	}
+
+	/**
+	 * Sets up event listeners for drawing.
+	 * @private
+	 */
+	private setup_event_listeners(): void {
+		this.cleanup_event_listeners();
+
+		this._bound_pointer_down = this.on_pointer_down.bind(this);
+		this._bound_pointer_move = this.on_pointer_move.bind(this);
+		this._bound_pointer_up = this.on_pointer_up.bind(this);
+
+		const image_container = this.image_editor_context.image_container;
+		image_container.eventMode = "static";
+		image_container.interactiveChildren = true;
+
+		const stage = this.image_editor_context.app.stage;
+		stage.eventMode = "static";
+
+		stage.on("pointerdown", this._bound_pointer_down);
+		stage.on("pointermove", this._bound_pointer_move);
+		stage.on("pointerup", this._bound_pointer_up);
+		stage.on("pointerupoutside", this._bound_pointer_up);
+
+		if (this.brush_cursor) {
+			this.brush_cursor.setup_event_listeners();
+		}
+	}
+
+	/**
+	 * Cleans up event listeners.
+	 * @private
+	 */
+	private cleanup_event_listeners(): void {
+		const stage = this.image_editor_context.app.stage;
+
+		if (this._bound_pointer_down) {
+			stage.off("pointerdown", this._bound_pointer_down);
+			this._bound_pointer_down = null;
+		}
+
+		if (this._bound_pointer_move) {
+			stage.off("pointermove", this._bound_pointer_move);
+			this._bound_pointer_move = null;
+		}
+
+		if (this._bound_pointer_up) {
+			stage.off("pointerup", this._bound_pointer_up);
+			stage.off("pointerupoutside", this._bound_pointer_up);
+			this._bound_pointer_up = null;
+		}
+
+		if (this.brush_cursor) {
+			this.brush_cursor.cleanup_event_listeners();
+		}
+	}
+
+	/**
+	 * Sets the brush size.
+	 * @param {number} size - The new brush size.
+	 */
+	set_brush_size(size: number): void {
+		this.brush_size = size;
+
+		if (this.state.mode === "draw") {
+			this.state.brush_size = size;
+
+			if (this.brush_cursor) {
+				this.brush_cursor.update_state(this.state, this.scale);
+			}
+		}
+	}
+
+	/**
+	 * Sets the brush color.
+	 * @param {string|ColorInput} color - The new brush color.
+	 */
+	set_brush_color(color: string | ColorInput): void {
+		const color_string = tinycolor(color).toHexString();
+
+		this.state.color = color_string;
+
+		if (this.brush_cursor) {
+			this.brush_cursor.update_state(this.state, this.scale);
+		}
+	}
+
+	/**
+	 * Sets the brush opacity.
+	 * @param {number} opacity - The new brush opacity.
+	 */
+	set_brush_opacity(opacity: number): void {
+		const clamped_opacity = Math.max(0, Math.min(1, opacity));
+
+		this.state.opacity = clamped_opacity;
+
+		if (this.brush_cursor) {
+			this.brush_cursor.update_state(this.state, this.scale);
+		}
+	}
+
+	/**
+	 * Sets the eraser size.
+	 * @param {number} size - The new eraser size.
+	 */
+	set_eraser_size(size: number): void {
+		this.eraser_size = size;
+
+		if (this.state.mode === "erase") {
+			this.state.brush_size = size;
+
+			if (this.brush_cursor) {
+				this.brush_cursor.update_state(this.state, this.scale);
+			}
+		}
+	}
+
+	/**
+	 * Gets the current size based on mode (brush or eraser).
+	 * @returns {number} The current size.
+	 */
+	get_current_size(): number {
+		return this.state.mode === "draw" ? this.brush_size : this.eraser_size;
+	}
+
+	/**
+	 * Shows or hides the brush preview.
+	 * @param {boolean} show - Whether to show the preview.
+	 */
+	preview_brush(show: boolean): void {
+		if (this.brush_cursor) {
+			this.brush_cursor.preview_brush(show);
+		}
+	}
+
+	/**
+	 * Cleans up resources used by the brush tool.
+	 */
+	cleanup(): void {
+		this.commit_pending_changes();
+
+		this.cleanup_event_listeners();
+
+		if (this.brush_textures) {
+			this.brush_textures.cleanup();
+			this.brush_textures = null;
+		}
+
+		if (this.brush_cursor) {
+			this.brush_cursor.cleanup();
+			this.brush_cursor = null;
+		}
+	}
+
+	on<T extends string>(event: T, callback: () => void): void {
+		this.event_callbacks.set(event, [
+			...(this.event_callbacks.get(event) || []),
+			callback
+		]);
+	}
+
+	off<T extends string>(event: T, callback: () => void): void {
+		this.event_callbacks.set(
+			event,
+			this.event_callbacks.get(event)?.filter((cb) => cb !== callback) || []
+		);
+	}
+
+	private notify<T extends string>(event: T): void {
+		for (const callback of this.event_callbacks.get(event) || []) {
+			callback();
+		}
+	}
+}
diff --git a/js/imageeditor/shared/brush/types.ts b/js/imageeditor/shared/brush/types.ts
new file mode 100644
index 0000000..1fc79b9
--- /dev/null
+++ b/js/imageeditor/shared/brush/types.ts
@@ -0,0 +1,41 @@
+import { type ColorInput } from "tinycolor2";
+
+/**
+ * Represents the state of the brush tool.
+ * @interface BrushState
+ * @property {number} opacity - The opacity of the brush.
+ * @property {number} brush_size - The size of the brush.
+ * @property {string} color - The color of the brush in hex format.
+ * @property {"draw"|"erase"} mode - The mode of the brush, either draw or erase.
+ */
+export interface BrushState {
+	opacity: number;
+	brush_size: number;
+	color: string;
+	mode: "draw" | "erase";
+}
+
+export interface Eraser {
+	/**
+	 * The default size of the eraser.
+	 */
+	default_size: number | "auto";
+}
+
+export type ColorTuple = [ColorInput, number]; // [color, opacity]
+
+export interface Brush extends Eraser {
+	/**
+	 * The default color of the brush.
+	 */
+	default_color: ColorInput;
+	/**
+	 * The colors to show in the color swatch.
+	 * Can be either simple color strings or [color, opacity] tuples.
+	 */
+	colors: (ColorInput | ColorTuple)[];
+	/**
+	 * Whether to show _only_ the color swatches specified in `colors`, or to show the color swatches specified in `colors` along with the colorpicker.
+	 */
+	color_mode: "fixed" | "defaults";
+}
diff --git a/js/imageeditor/shared/core/EDITOR.md b/js/imageeditor/shared/core/EDITOR.md
new file mode 100644
index 0000000..7bbcece
--- /dev/null
+++ b/js/imageeditor/shared/core/EDITOR.md
@@ -0,0 +1,182 @@
+# Core Editor Documentation
+
+## Overview
+
+The Core Editor is the central component of the image editor that manages the canvas, tools, layers, and user interactions. It provides a flexible architecture for integrating various tools and maintaining the state of the editor. This document explains how the core editor works and the relationships between its components.
+
+## Key Files
+
+- `js/imageeditor/shared/core/editor.ts`: Main implementation of the editor
+- `js/imageeditor/shared/Toolbar.svelte`: Defines tool types and handles tool selection
+- `js/imageeditor/shared/ImageEditor.svelte`: Main Svelte component that integrates the editor
+
+## Architecture
+
+The image editor is built around several key classes that work together:
+
+1. **ImageEditor**: The main class that initializes and manages the editor
+2. **CommandManager**: Handles undo/redo functionality
+3. **LayerManager**: Manages layers and their textures
+4. **EditorState**: Maintains the editor's state and notifies subscribers of changes
+5. **Tool Interface**: Defines the contract for all tools to implement
+
+### Class Structure
+
+#### ImageEditor
+
+The `ImageEditor` class is the main entry point and provides the following functionality:
+
+1. **Initialization**: Sets up the PIXI.js application, containers, and initial state
+2. **Tool Management**: Registers and manages tools
+3. **Layer Management**: Creates and manages layers through the LayerManager
+4. **Command Execution**: Executes commands and manages undo/redo through the CommandManager
+5. **State Management**: Maintains and updates the editor's state
+6. **Rendering**: Handles the rendering loop and updates
+
+#### CommandManager
+
+The `CommandManager` class implements the Command pattern to support undo/redo functionality:
+
+1. **Command Execution**: Executes commands and adds them to the undo stack
+2. **Undo**: Reverts the most recent command and moves it to the redo stack
+3. **Redo**: Re-executes a previously undone command and moves it back to the undo stack
+
+#### LayerManager
+
+The `LayerManager` class manages the layers in the editor:
+
+1. **Layer Creation**: Creates new layers with associated textures
+2. **Layer Deletion**: Removes layers and cleans up resources
+3. **Layer Order**: Manages the z-index ordering of layers
+4. **Active Layer**: Tracks and sets the currently active layer
+5. **Background Layer**: Special handling for the background layer
+
+#### EditorState
+
+The `EditorState` class maintains the state of the editor and notifies subscribers of changes:
+
+1. **State Properties**: Maintains scale, position, and tool information
+2. **Subscription**: Allows components to subscribe to state changes
+3. **Notification**: Notifies subscribers when state changes occur
+
+### Tool Interface
+
+The `Tool` interface defines the contract that all tools must implement:
+
+1. **setup**: Initializes the tool with the editor context
+2. **cleanup**: Cleans up resources when the tool is deactivated
+3. **set_tool**: Updates the tool's state when the active tool changes
+
+## Rendering Pipeline
+
+The editor uses PIXI.js for rendering and manages several containers:
+
+1. **image_container**: Contains the layers and their content
+2. **ui_container**: Contains UI elements that overlay the canvas
+3. **outline_container**: Contains the outline around the canvas
+
+The rendering pipeline follows these steps:
+
+1. **Layer Rendering**: Each layer renders its content to a texture
+2. **Container Composition**: Layers are composed in the image container
+3. **UI Overlay**: UI elements are rendered on top of the image
+4. **Outline Drawing**: The canvas outline is drawn around the image
+5. **Scale and Position**: The image container is scaled and positioned based on user interactions
+
+## State Management
+
+The editor uses Svelte's spring store for smooth animations of state changes:
+
+1. **dimensions**: Tracks the width and height of the canvas
+2. **scale**: Tracks the zoom level of the canvas
+3. **position**: Tracks the position of the canvas in the viewport
+
+These stores are used to animate transitions when the user interacts with the canvas.
+
+## Command Pattern
+
+The editor implements the Command pattern for undo/redo functionality:
+
+1. **Command Interface**: Defines execute and undo methods
+2. **Command Execution**: Commands are executed and added to the undo stack
+3. **Undo/Redo**: Commands can be undone and redone
+
+This pattern allows for complex operations to be encapsulated and reversed.
+
+## Layer Management
+
+The editor supports multiple layers with the following features:
+
+1. **Layer Creation**: New layers can be created with associated textures
+2. **Layer Deletion**: Layers can be deleted, cleaning up associated resources
+3. **Layer Order**: Layers can be reordered to change their z-index
+4. **Active Layer**: One layer is designated as the active layer for editing
+5. **Background Layer**: A special layer can be designated as the background
+
+## Tool Integration
+
+Tools are integrated with the editor through the Tool interface:
+
+1. **Registration**: Tools are registered with the editor during initialization
+2. **Context Access**: Tools receive the editor context during setup
+3. **Lifecycle Management**: Tools are set up and cleaned up as needed
+4. **Event Handling**: Tools can handle events from the editor
+
+## Event Handling
+
+The editor handles various events:
+
+1. **Resize**: Responds to changes in the container size
+2. **Tool Selection**: Updates the active tool when the user selects a new tool
+3. **Command Execution**: Executes commands when triggered by tools
+4. **Animation**: Animates state changes using springs
+
+## Integration with Svelte
+
+The editor is designed to work with Svelte:
+
+1. **Stores**: Uses Svelte stores for reactive state management
+2. **Springs**: Uses Svelte springs for smooth animations
+3. **Component Integration**: Can be integrated with Svelte components
+
+## Performance Considerations
+
+The editor uses several techniques to maintain performance:
+
+1. **Texture Management**: Efficiently manages textures to minimize memory usage
+2. **Layer Composition**: Composes layers efficiently to minimize rendering overhead
+3. **Event Throttling**: Throttles events to avoid excessive updates
+4. **Resolution Scaling**: Adjusts resolution based on device pixel ratio
+
+## Customization API
+
+The editor exposes several methods for customization:
+
+- `set_image_properties`: Updates the canvas dimensions, scale, and position
+- `execute_command`: Executes a command and adds it to the undo stack
+- `undo`: Undoes the most recent command
+- `redo`: Redoes a previously undone command
+- `add_image`: Adds an image to the canvas
+- `set_tool`: Sets the active tool
+- `set_subtool`: Sets the active subtool
+- `set_background_image`: Sets the background image
+
+## Maintenance Notes
+
+When modifying the editor, consider the following:
+
+1. **Resource Cleanup**: Always clean up resources to prevent memory leaks
+2. **Event Listener Management**: Properly add and remove event listeners
+3. **State Updates**: Update state through the appropriate methods to ensure proper notification
+4. **Command Pattern**: Use the Command pattern for operations that should be undoable
+5. **Layer Management**: Properly manage layers and their resources
+
+## Future Improvements
+
+Potential areas for enhancement:
+
+1. **Performance Optimization**: Further optimize rendering for large canvases
+2. **Tool Extensions**: Add support for more tools and tool options
+3. **Layer Effects**: Add support for layer effects and blending modes
+4. **Selection Tools**: Enhance selection tools and operations
+5. **Export Options**: Add more export options and formats 
\ No newline at end of file
diff --git a/js/imageeditor/shared/core/commands.ts b/js/imageeditor/shared/core/commands.ts
new file mode 100644
index 0000000..7cb009c
--- /dev/null
+++ b/js/imageeditor/shared/core/commands.ts
@@ -0,0 +1,134 @@
+import { writable } from "svelte/store";
+import type { ImageEditorContext } from "./editor";
+
+/**
+ * Base command interface that is added to the command_managers history
+ */
+export interface Command {
+	/**
+	 * The name of the command
+	 */
+	name: string;
+	/**
+	 * Optionally called when the command is first executed for multi-step commands
+	 * @param args arguments to pass to the command
+	 */
+	start?: (...args: any) => any | Promise<any>;
+	/**
+	 * Optionally called when the command is continued for multi-step commands
+	 * @param args arguments to pass to the command
+	 */
+	continue?: (...args: any) => any | Promise<any>;
+	/**
+	 * Optionally called when the command is stopped for multi-step commands
+	 * @param args arguments to pass to the command
+	 */
+	stop?: (...args: any) => any | Promise<any>;
+	/**
+	 * Called by the command manager to execute the command, can act as a no-op if the work has already been done
+	 * This function must be able to recreate the command if the command is undone and redone (`stop`/`start`/`continue` will not be called again)
+	 */
+	execute(context?: ImageEditorContext): any | Promise<any>;
+	/**
+	 * Called by the command manager to undo the command
+	 * This function must be able to undo the work done by the execute function
+	 */
+	undo(): any | Promise<any>;
+}
+
+/**
+ * Creates a command node
+ * @param command command to add to the node
+ * @returns a command node
+ */
+export class CommandNode {
+	command: Command | null;
+	next: CommandNode | null;
+	previous: CommandNode | null;
+
+	constructor(command?: Command) {
+		this.command = command || null;
+		this.next = null;
+		this.previous = null;
+	}
+
+	push(command: Command): void {
+		this.next = null;
+
+		const node = new CommandNode(command);
+		node.previous = this;
+		this.next = node;
+	}
+}
+
+/**
+ * Creates a command manager
+ * @returns a command manager
+ */
+export class CommandManager {
+	history: CommandNode = new CommandNode();
+	current_history = writable(this.history);
+
+	undo(): void {
+		if (this.history.previous) {
+			this.history.command?.undo();
+			this.history = this.history.previous;
+
+			this.current_history.update(() => this.history);
+		}
+	}
+	redo(context?: ImageEditorContext): void {
+		if (this.history.next) {
+			this.history = this.history.next;
+			this.history.command?.execute(context);
+			this.current_history.update(() => this.history);
+		}
+	}
+
+	async execute(command: Command, context: ImageEditorContext): Promise<void> {
+		await command.execute(context);
+		this.history.push(command);
+		this.history = this.history.next!;
+
+		this.current_history.update(() => this.history);
+	}
+
+	async wait_for_next_frame(): Promise<void> {
+		return new Promise((resolve) => {
+			requestAnimationFrame(() => {
+				resolve();
+			});
+		});
+	}
+
+	async replay(
+		full_history: CommandNode,
+		context: ImageEditorContext
+	): Promise<void> {
+		while (full_history.previous) {
+			full_history = full_history.previous;
+		}
+
+		while (full_history.next) {
+			await full_history.next.command!.execute(context);
+			full_history = full_history.next;
+		}
+
+		this.history = full_history;
+		this.current_history.update(() => this.history);
+	}
+
+	contains(command_name: string): boolean {
+		let current: CommandNode | null = this.history;
+		while (current) {
+			if (current.command?.name === command_name) return true;
+			current = current.next;
+		}
+		return false;
+	}
+
+	reset(): void {
+		this.history = new CommandNode();
+		this.current_history.update(() => this.history);
+	}
+}
diff --git a/js/imageeditor/shared/core/editor.ts b/js/imageeditor/shared/core/editor.ts
new file mode 100644
index 0000000..b85dd59
--- /dev/null
+++ b/js/imageeditor/shared/core/editor.ts
@@ -0,0 +1,932 @@
+import { Application, Container, Graphics, Sprite, Assets } from "pixi.js";
+
+import { DropShadowFilter as BlurFilter } from "pixi-filters/drop-shadow";
+
+import { ImageTool } from "../image/image";
+
+import { ZoomTool } from "../zoom/zoom";
+import type { Subtool, Tool as ToolbarTool } from "../Toolbar.svelte";
+import type { Readable, Writable } from "svelte/store";
+import { spring, type Spring } from "svelte/motion";
+import { writable } from "svelte/store";
+import { type ImageBlobs, type LayerOptions } from "../types";
+import type { BrushTool } from "../brush/brush";
+import type { CropTool } from "../crop/crop";
+import { CommandManager, type Command } from "./commands";
+import {
+	LayerManager,
+	AddLayerCommand,
+	RemoveLayerCommand,
+	ReorderLayerCommand
+} from "./layers";
+
+export interface Tool {
+	name: string;
+	setup(
+		context: ImageEditorContext,
+		tool: ToolbarTool,
+		subtool: Subtool
+	): Promise<void>;
+	cleanup(): void;
+	set_tool(tool: ToolbarTool, subtool: Subtool): void;
+	on?: (event: string, callback: () => void) => void;
+	off?: (event: string, callback: () => void) => void;
+}
+
+const core_tools = ["image", "zoom"] as const;
+
+interface ImageEditorOptions {
+	target_element: HTMLElement;
+	width: number;
+	height: number;
+	tools: ((typeof core_tools)[number] | Tool)[];
+	fixed_canvas?: boolean;
+	dark?: boolean;
+	border_region?: number;
+	layer_options?: LayerOptions;
+	pad_bottom?: number;
+	theme_mode?: "dark" | "light";
+}
+
+const core_tool_map = {
+	image: () => new ImageTool(),
+	zoom: () => new ZoomTool()
+} as const;
+
+export interface ImageEditorContext {
+	app: Application;
+	ui_container: Container;
+	image_container: Container;
+	background_image?: Sprite;
+	command_manager: CommandManager;
+	layer_manager: LayerManager;
+	dimensions: Readable<{ width: number; height: number }>;
+	scale: Readable<number>;
+	position: Readable<{ x: number; y: number }>;
+	set_image_properties: (properties: {
+		width?: number;
+		height?: number;
+		scale?: number;
+		position?: { x: number; y: number };
+		animate?: boolean;
+	}) => Promise<void>;
+	execute_command: (command: Command) => Promise<void> | void;
+	resize_canvas: (width: number, height: number) => void;
+	reset: () => void;
+	set_background_image: (image: Sprite) => void;
+	request_render: () => void;
+	pad_bottom: number;
+}
+
+const spring_config = {
+	stiffness: 0.45,
+	damping: 0.8
+};
+
+const RENDER_IDLE_TIMEOUT_MS = 500;
+
+interface EditorStatePublic {
+	position: { x: number; y: number };
+	scale: number;
+	subscribe: (callback: (value: any) => void) => () => void;
+	current_tool: ToolbarTool;
+	current_subtool: Subtool;
+}
+
+class EditorState {
+	state: EditorStatePublic;
+	private scale: number;
+	private position: { x: number; y: number };
+	private subscribers: Set<(value: any) => void>;
+	constructor(editor: ImageEditor) {
+		if (!(editor instanceof ImageEditor)) {
+			throw new Error("EditorState must be created by ImageEditor");
+		}
+
+		this.scale = 1.0;
+		this.position = { x: 0, y: 0 };
+		this.subscribers = new Set();
+		// @ts-ignore
+		this.state = Object.freeze({
+			get position() {
+				return { ...this.position };
+			},
+			get scale() {
+				return this.scale;
+			},
+			get current_tool() {
+				return this.current_tool;
+			},
+			get current_subtool() {
+				return this.current_subtool;
+			},
+			subscribe: this.subscribe.bind(this)
+		});
+	}
+
+	_set_position(x: number, y: number): void {
+		const oldPosition = { ...this.position };
+		this.position = { x, y };
+		this._notify_subscribers("position", oldPosition, this.position);
+	}
+
+	_set_scale(scale: number): void {
+		const oldScale = this.scale;
+		this.scale = scale;
+		this._notify_subscribers("scale", oldScale, scale);
+	}
+
+	_notify_subscribers(property: string, oldValue: any, newValue: any): void {
+		this.subscribers.forEach((callback) => {
+			callback({
+				property,
+				oldValue,
+				newValue,
+				timestamp: Date.now()
+			});
+		});
+	}
+
+	subscribe(callback: (value: any) => void): () => void {
+		this.subscribers.add(callback);
+		return () => this.subscribers.delete(callback);
+	}
+}
+
+export class ImageEditor {
+	public ready: Promise<void>;
+	public background_image_present = writable(false);
+	public min_zoom = writable(true);
+
+	private app!: Application;
+	private ui_container!: Container;
+	private image_container!: Container;
+	command_manager: CommandManager;
+
+	private layer_manager!: LayerManager;
+	private tools: Map<string, Tool> = new Map<string, Tool>();
+	private current_tool!: ToolbarTool;
+	private current_subtool!: Subtool;
+	private target_element: HTMLElement;
+	private width: number;
+	private height: number;
+	private original_width: number;
+	private original_height: number;
+	dimensions: Spring<{ width: number; height: number }>;
+	scale: Spring<number>;
+	private position: Spring<{ x: number; y: number }>;
+	private state: EditorState;
+	private scale_value = 1;
+	private position_value: { x: number; y: number } = { x: 0, y: 0 };
+	private dimensions_value: { width: number; height: number } = {
+		width: 0,
+		height: 0
+	};
+	layers: Writable<{
+		active_layer: string;
+		layers: {
+			name: string;
+			id: string;
+			user_created: boolean;
+			visible: boolean;
+		}[];
+	}> = writable({
+		active_layer: "",
+		layers: []
+	});
+	private outline_container!: Container;
+	private outline_graphics!: Graphics;
+	private background_image?: Sprite;
+	private ready_resolve!: (value: void | PromiseLike<void>) => void;
+	private event_callbacks: Map<string, (() => void)[]> = new Map();
+	private fixed_canvas: boolean;
+	private dark: boolean;
+	private border_region: number;
+	private layer_options: LayerOptions;
+	private overlay_container!: Container;
+	private overlay_graphics!: Graphics;
+	private pad_bottom: number;
+	private theme_mode: "dark" | "light";
+	private render_idle_remaining = RENDER_IDLE_TIMEOUT_MS;
+	private static readonly WAKE_EVENTS: string[] = [
+		"pointerdown",
+		"pointermove",
+		"pointerup",
+		"pointerenter",
+		"wheel"
+	];
+	private wake_render_loop_bound = this.wake_render_loop.bind(this);
+	constructor(options: ImageEditorOptions) {
+		this.pad_bottom = options.pad_bottom || 0;
+		this.dark = options.dark || false;
+		this.theme_mode = options.theme_mode || "dark";
+		this.target_element = options.target_element;
+		this.width = options.width;
+		this.height = options.height;
+		this.original_width = options.width;
+		this.original_height = options.height;
+		this.command_manager = new CommandManager();
+
+		this.ready = new Promise((resolve) => {
+			this.ready_resolve = resolve;
+		});
+		this.fixed_canvas = options.fixed_canvas || false;
+		this.tools = new Map<string, Tool>(
+			options.tools.map((tool) => {
+				if (typeof tool === "string") {
+					return [tool, core_tool_map[tool]()];
+				}
+
+				return [tool.name, tool];
+			})
+		);
+
+		for (const tool of this.tools.values()) {
+			if (tool?.on) {
+				tool.on("change", () => {
+					this.notify("change");
+				});
+			}
+		}
+
+		this.dimensions = spring(
+			{ width: this.width, height: this.height },
+			spring_config
+		);
+		this.scale = spring(1, spring_config);
+		this.position = spring({ x: 0, y: 0 }, spring_config);
+		this.state = new EditorState(this);
+		this.border_region = options.border_region || 0;
+		this.layer_options = options.layer_options || {
+			allow_additional_layers: true,
+			layers: ["Layer 1"],
+			disabled: false
+		};
+		this.scale.subscribe((scale) => {
+			this.state._set_scale(scale);
+		});
+		this.position.subscribe((position) => {
+			this.state._set_position(position.x, position.y);
+		});
+		this.init();
+	}
+
+	get context(): ImageEditorContext {
+		const editor = this;
+		return {
+			app: this.app,
+			ui_container: this.ui_container,
+			image_container: this.image_container,
+			get background_image() {
+				return editor.background_image;
+			},
+			pad_bottom: this.pad_bottom,
+			command_manager: this.command_manager,
+			layer_manager: this.layer_manager,
+			dimensions: { subscribe: this.dimensions.subscribe },
+			scale: { subscribe: this.scale.subscribe },
+			position: { subscribe: this.position.subscribe },
+			set_image_properties: this.set_image_properties.bind(this),
+			execute_command: this.execute_command.bind(this),
+			resize_canvas: this.resize_canvas.bind(this),
+			reset: this.reset.bind(this),
+			set_background_image: this.set_background_image.bind(this),
+			request_render: this.wake_render_loop.bind(this)
+		};
+	}
+
+	async init(): Promise<void> {
+		const container_box = this.target_element.getBoundingClientRect();
+		new ResizeObserver((entries) => {
+			entries.forEach((entry) => {
+				this.resize_canvas(
+					entry.contentBoxSize[0].inlineSize,
+					entry.contentBoxSize[0].blockSize
+				);
+			});
+		}).observe(this.target_element);
+
+		this.app = new Application();
+
+		if (!this.dark) {
+			(globalThis as any).__PIXI_APP__ = this.app;
+		}
+		await this.app.init({
+			width: container_box.width,
+			height: container_box.height,
+			backgroundAlpha: this.dark ? 0 : 1,
+			backgroundColor: this.theme_mode === "dark" ? "#27272a" : "#ffffff",
+			resolution: window.devicePixelRatio,
+			autoDensity: true,
+			antialias: true,
+			powerPreference: "high-performance"
+		});
+
+		const canvas = this.app.canvas as HTMLCanvasElement;
+		canvas.style.background = "transparent";
+
+		this.setup_containers();
+
+		this.layer_manager.create_background_layer(this.width, this.height);
+
+		this.layer_manager.init_layers(this.width, this.height);
+
+		for (const tool of this.tools.values()) {
+			await tool.setup(this.context, this.current_tool, this.current_subtool);
+		}
+
+		const zoom = this.tools.get("zoom") as ZoomTool;
+		if (zoom) {
+			zoom.min_zoom.subscribe((is_min_zoom) => {
+				this.min_zoom.set(is_min_zoom);
+			});
+		}
+
+		this.target_element.appendChild(canvas);
+
+		this.target_element.style.background = "transparent";
+
+		this.dimensions.subscribe((dimensions) => {
+			this.dimensions_value = dimensions;
+			this.image_container.width = dimensions.width;
+			this.image_container.height = dimensions.height;
+			this.wake_render_loop();
+		});
+
+		this.scale.subscribe((scale) => {
+			this.scale_value = scale;
+			this.wake_render_loop();
+		});
+
+		this.position.subscribe((position) => {
+			this.position_value = position;
+			this.wake_render_loop();
+		});
+
+		this.app.ticker.add((ticker) => {
+			this.image_container.scale.set(this.scale_value);
+			this.image_container.position.set(
+				this.position_value.x,
+				this.position_value.y
+			);
+
+			const effective_width = this.dimensions_value.width * this.scale_value;
+			const effective_height = this.dimensions_value.height * this.scale_value;
+
+			const local_x = Math.round(
+				this.image_container.position.x - this.outline_container.position.x
+			);
+			const local_y = Math.round(
+				this.image_container.position.y - this.outline_container.position.y
+			);
+
+			this.overlay_container.position.set(
+				this.outline_container.position.x,
+				this.outline_container.position.y
+			);
+
+			this.outline_graphics.clear();
+			this.outline_graphics
+				.rect(local_x, local_y, effective_width, effective_height)
+				.fill({
+					color: this.dark ? 0x333333 : 0xffffff,
+					alpha: 1
+				});
+
+			if (this.border_region > 0) {
+				const scaled_border = this.border_region * this.scale_value;
+				const border_x = local_x + scaled_border - 1;
+				const border_y = local_y + scaled_border - 1;
+				const border_width = effective_width - scaled_border * 2 + 1;
+				const border_height = effective_height - scaled_border * 2 + 1;
+
+				this.overlay_graphics.clear();
+
+				this.overlay_graphics
+					.rect(border_x, border_y, border_width, border_height)
+					.stroke({
+						color: 0x999999,
+						width: 1,
+						alpha: 0,
+						pixelLine: true
+					});
+
+				const dashLength = 5;
+				const gapLength = 5;
+				const totalLength = dashLength + gapLength;
+				const lineColor = 0x999999;
+
+				for (let x = border_x; x < border_x + border_width; x += totalLength) {
+					this.overlay_graphics
+						.rect(
+							x,
+							border_y,
+							Math.min(dashLength, border_x + border_width - x),
+							1
+						)
+						.fill({ color: lineColor, alpha: 0.7 });
+
+					this.overlay_graphics
+						.rect(
+							x,
+							border_y + border_height,
+							Math.min(dashLength, border_x + border_width - x),
+							1
+						)
+						.fill({ color: lineColor, alpha: 0.7 });
+				}
+
+				for (let y = border_y; y < border_y + border_height; y += totalLength) {
+					this.overlay_graphics
+						.rect(
+							border_x,
+							y,
+							1,
+							Math.min(dashLength, border_y + border_height - y)
+						)
+						.fill({ color: lineColor, alpha: 0.7 });
+
+					this.overlay_graphics
+						.rect(
+							border_x + border_width,
+							y,
+							1,
+							Math.min(dashLength, border_y + border_height - y)
+						)
+						.fill({ color: lineColor, alpha: 0.7 });
+				}
+			} else {
+				this.overlay_graphics.clear();
+			}
+
+			this.render_idle_remaining -= ticker.deltaMS;
+			if (this.render_idle_remaining <= 0) {
+				ticker.stop();
+			}
+		});
+
+		for (const event_name of ImageEditor.WAKE_EVENTS) {
+			canvas.addEventListener(event_name, this.wake_render_loop_bound);
+		}
+
+		this.wake_render_loop();
+		this.ready_resolve();
+	}
+
+	private wake_render_loop(): void {
+		this.render_idle_remaining = RENDER_IDLE_TIMEOUT_MS;
+		if (this.app?.ticker && !this.app.ticker.started) {
+			this.app.ticker.start();
+		}
+	}
+
+	private setup_containers(): void {
+		this.image_container = new Container({
+			eventMode: "static",
+			sortableChildren: true
+		});
+
+		this.image_container.width = this.width;
+		this.image_container.height = this.height;
+
+		this.app.stage.sortableChildren = true;
+		this.app.stage.alpha = 1;
+		this.app.stage.addChild(this.image_container);
+
+		this.image_container.scale.set(1);
+
+		this.ui_container = new Container({
+			eventMode: "static"
+		});
+		this.app.stage.addChild(this.ui_container);
+		this.ui_container.width = this.width;
+		this.ui_container.height = this.height;
+
+		this.outline_container = new Container();
+		this.outline_container.zIndex = -10;
+
+		this.outline_graphics = new Graphics();
+
+		this.outline_graphics.rect(0, 0, this.width, this.height).fill({
+			color: this.dark ? 0x333333 : 0xffffff,
+			alpha: 0
+		});
+
+		if (!this.dark) {
+			const blurFilter = new BlurFilter({
+				alpha: 0.1,
+				blur: 2,
+				color: 0x000000,
+				offset: { x: 0, y: 0 },
+				quality: 4,
+				shadowOnly: false
+			});
+
+			this.outline_graphics.filters = [blurFilter];
+		}
+
+		this.outline_container.addChild(this.outline_graphics);
+		this.app.stage.addChild(this.outline_container);
+
+		this.overlay_container = new Container();
+		this.app.stage.addChild(this.overlay_container);
+		this.overlay_container.width = this.width;
+		this.overlay_container.height = this.height;
+
+		this.overlay_container.zIndex = 999;
+		this.overlay_container.eventMode = "static";
+		this.overlay_container.interactiveChildren = true;
+		this.overlay_graphics = new Graphics();
+		this.overlay_container.addChild(this.overlay_graphics);
+
+		this.overlay_graphics.rect(0, 0, this.width, this.height).fill({
+			color: 0x000000,
+			alpha: 0
+		});
+
+		const app_center_x = this.app.screen.width / 2;
+		const app_center_y = this.app.screen.height / 2;
+
+		this.image_container.position.set(app_center_x, app_center_y);
+		this.outline_container.position.set(app_center_x, app_center_y);
+
+		this.layer_manager = new LayerManager(
+			this.image_container,
+			this.app,
+			this.fixed_canvas,
+			this.dark,
+			this.border_region,
+			this.layer_options
+		);
+		this.layers = this.layer_manager.layer_store;
+	}
+
+	resize_canvas(width: number, height: number): void {
+		if (this.app.renderer) {
+			this.app.renderer.resize(width, height);
+		}
+
+		const app_center_x = width / 2;
+		const app_center_y = height / 2;
+
+		if (this.image_container) {
+			this.image_container.position.set(app_center_x, app_center_y);
+		}
+		if (this.outline_container) {
+			this.outline_container.position.set(app_center_x, app_center_y);
+		}
+		this.wake_render_loop();
+	}
+
+	reset(): void {
+		const zoom = this.tools.get("zoom");
+
+		if (zoom) {
+			zoom.cleanup();
+			zoom.setup(this.context, this.current_tool, this.current_subtool);
+		}
+
+		const brush = this.tools.get("brush") as BrushTool;
+
+		if (brush) {
+			this.set_tool("draw");
+		}
+		this.wake_render_loop();
+	}
+
+	async set_image_properties(properties: {
+		width?: number;
+		height?: number;
+		scale?: number;
+		position?: { x: number; y: number };
+		animate?: boolean;
+	}): Promise<void> {
+		let hard =
+			typeof properties.animate !== "undefined" ? !properties.animate : true;
+		if (properties.position) {
+			const pos = this.position.set(properties.position, { hard });
+			if (hard) {
+				await pos;
+			}
+		}
+		if (properties.scale) {
+			const scale = this.scale.set(properties.scale, { hard });
+			if (hard) {
+				await scale;
+			}
+		}
+		if (properties.width && properties.height) {
+			this.width = properties.width;
+			this.height = properties.height;
+			const dimensions = this.dimensions.set(
+				{ width: properties.width, height: properties.height },
+				{ hard }
+			);
+			if (hard) {
+				await dimensions;
+			}
+		}
+	}
+
+	async execute_command(command: Command): Promise<void> {
+		await this.command_manager.execute(command, this.context);
+	}
+
+	undo(): void {
+		this.command_manager.undo();
+		this.notify("change");
+	}
+
+	redo(): void {
+		this.command_manager.redo(this.context);
+		this.notify("change");
+	}
+
+	async add_image({
+		image,
+		resize = true
+	}: {
+		image: Blob | File;
+		resize?: boolean;
+	}): Promise<void> {
+		const image_tool = this.tools.get("image") as ImageTool;
+		await image_tool.add_image({
+			image,
+			fixed_canvas: this.fixed_canvas,
+			border_region: this.border_region
+		});
+	}
+
+	/**
+	 * Adds an image from a URL as the background layer
+	 * @param url The URL of the image to add
+	 */
+	async add_image_from_url(url: string): Promise<void> {
+		const image_tool = this.tools.get("image") as ImageTool;
+		const texture = await Assets.load(url);
+		await image_tool.add_image({
+			image: texture,
+			fixed_canvas: this.fixed_canvas,
+			border_region: this.border_region
+		});
+
+		const resize_tool = this.tools.get("resize") as any;
+		if (resize_tool && typeof resize_tool.set_border_region === "function") {
+			resize_tool.set_border_region(this.border_region);
+		}
+	}
+
+	set_tool(tool: ToolbarTool): void {
+		this.current_tool = tool;
+
+		for (const tool of this.tools.values()) {
+			tool.set_tool(this.current_tool, this.current_subtool);
+		}
+		this.wake_render_loop();
+	}
+
+	set_subtool(subtool: Subtool): void {
+		this.current_subtool = subtool;
+
+		for (const tool of this.tools.values()) {
+			tool.set_tool(this.current_tool, this.current_subtool);
+		}
+		this.wake_render_loop();
+	}
+
+	set_background_image(image: Sprite): void {
+		this.background_image = image;
+	}
+
+	async reset_canvas(): Promise<void> {
+		this.width = this.original_width;
+		this.height = this.original_height;
+
+		this.layer_manager.reset_layers(this.width, this.height);
+		this.background_image = undefined;
+		this.background_image_present.set(false);
+		this.command_manager.reset();
+
+		await this.set_image_properties({
+			width: this.width,
+			height: this.height,
+			scale: 1,
+			position: { x: 0, y: 0 },
+			animate: false
+		});
+
+		this.layer_manager.create_background_layer(this.width, this.height);
+
+		for (const tool of this.tools.values()) {
+			tool.cleanup();
+			tool.setup(this.context, this.current_tool, this.current_subtool);
+		}
+
+		const zoom_tool = this.tools.get("zoom") as ZoomTool;
+		if (zoom_tool) {
+			zoom_tool.min_zoom.subscribe((is_min_zoom) => {
+				this.min_zoom.set(is_min_zoom);
+			});
+		}
+
+		this.notify("change");
+	}
+
+	add_layer(): void {
+		const add_layer_command = new AddLayerCommand(this.context, {
+			width: this.width,
+			height: this.height,
+			user_created: true,
+			make_active: true
+		});
+
+		this.execute_command(add_layer_command);
+		this.notify("change");
+	}
+
+	/**
+	 * Adds a new layer with an image loaded from a URL
+	 * @param layer_urls The URLs of the images to load
+	 * @returns A Promise that resolves when all layers are added
+	 */
+	async add_layers_from_url(layer_urls: string[] | undefined): Promise<void> {
+		this.command_manager.reset();
+		const _layers = this.layer_manager.get_layers();
+		_layers.forEach((l) => this.layer_manager.delete_layer(l.id));
+
+		if (layer_urls === undefined || layer_urls.length === 0) {
+			this.layer_manager.create_layer({
+				width: this.width,
+				height: this.height,
+				layer_name: undefined,
+				user_created: false
+			});
+			return;
+		}
+
+		const created_layer_ids: string[] = [];
+		for await (const url of layer_urls) {
+			const layer_id = await this.layer_manager.add_layer_from_url(url);
+			if (layer_id) {
+				created_layer_ids.push(layer_id);
+			}
+		}
+
+		if (created_layer_ids.length > 0) {
+			this.layer_manager.set_active_layer(created_layer_ids[0]);
+		}
+
+		const resize_tool = this.tools.get("resize") as any;
+		if (resize_tool && typeof resize_tool.set_border_region === "function") {
+			resize_tool.set_border_region(this.border_region);
+		}
+
+		this.notify("change");
+		this.notify("input");
+	}
+
+	set_layer(id: string): void {
+		this.layer_manager.set_active_layer(id);
+		this.notify("change");
+	}
+
+	move_layer(id: string, direction: "up" | "down"): void {
+		const reorder_layer_command = new ReorderLayerCommand(
+			this.context,
+			id,
+			direction
+		);
+		this.execute_command(reorder_layer_command);
+		this.notify("change");
+	}
+
+	delete_layer(id: string): void {
+		const remove_layer_command = new RemoveLayerCommand(this.context, id);
+		this.execute_command(remove_layer_command);
+		this.notify("change");
+	}
+
+	modify_canvas_size(
+		width: number,
+		height: number,
+		anchor:
+			| "top-left"
+			| "top"
+			| "top-right"
+			| "left"
+			| "center"
+			| "right"
+			| "bottom-left"
+			| "bottom"
+			| "bottom-right",
+		scale: boolean
+	): void {
+		const oldWidth = this.width;
+		const oldHeight = this.height;
+
+		this.layer_manager.resize_all_layers(
+			width,
+			height,
+			scale,
+			anchor,
+			oldWidth,
+			oldHeight
+		);
+
+		this.width = width;
+		this.height = height;
+
+		this.set_image_properties({
+			width,
+			height,
+			scale: 1,
+			position: { x: 0, y: 0 },
+			animate: false
+		});
+		this.notify("change");
+	}
+
+	async get_blobs(): Promise<ImageBlobs> {
+		const blobs = await this.layer_manager.get_blobs(this.width, this.height);
+		return blobs;
+	}
+
+	on(event: "change" | "input", callback: () => void): void {
+		this.event_callbacks.set(event, [
+			...(this.event_callbacks.get(event) || []),
+			callback
+		]);
+	}
+
+	off(event: "change", callback: () => void): void {
+		this.event_callbacks.set(
+			event,
+			this.event_callbacks.get(event)?.filter((cb) => cb !== callback) || []
+		);
+	}
+
+	private notify(event: "change" | "input"): void {
+		this.wake_render_loop();
+		for (const callback of this.event_callbacks.get(event) || []) {
+			callback();
+		}
+	}
+
+	destroy(): void {
+		if (!this.app) return;
+
+		const canvas = this.app.canvas as HTMLCanvasElement | undefined;
+		if (canvas) {
+			for (const event_name of ImageEditor.WAKE_EVENTS) {
+				canvas.removeEventListener(event_name, this.wake_render_loop_bound);
+			}
+		}
+
+		this.app?.destroy();
+	}
+
+	resize(width: number, height: number): void {
+		this.set_image_properties({
+			width,
+			height
+		});
+
+		this.reset();
+	}
+
+	async get_crop_bounds(): Promise<{
+		image: Blob | null;
+		crop_dimensions: { width: number; height: number };
+		image_dimensions: { width: number; height: number };
+		x: number;
+		y: number;
+	}> {
+		const crop_tool = this.tools.get("crop") as CropTool;
+		const crop_bounds = crop_tool.get_crop_bounds();
+		const image = await crop_tool.get_image();
+
+		return {
+			image,
+			...crop_bounds
+		};
+	}
+
+	get background_image_sprite(): Sprite | undefined {
+		return this.background_image;
+	}
+
+	set_layer_options(layer_options: LayerOptions): void {
+		this.layer_options = layer_options;
+		this.layer_manager.set_layer_options(
+			layer_options,
+			this.width,
+			this.height
+		);
+		this.wake_render_loop();
+	}
+
+	toggle_layer_visibility(id: string): void {
+		this.layer_manager.toggle_layer_visibility(id);
+		this.wake_render_loop();
+	}
+}
diff --git a/js/imageeditor/shared/core/layers.ts b/js/imageeditor/shared/core/layers.ts
new file mode 100644
index 0000000..460f631
--- /dev/null
+++ b/js/imageeditor/shared/core/layers.ts
@@ -0,0 +1,1092 @@
+import {
+	Application,
+	Container,
+	Graphics,
+	Sprite,
+	RenderTexture,
+	SCALE_MODES,
+	Texture,
+	Assets
+} from "pixi.js";
+
+import { get_canvas_blob } from "../utils/pixi";
+import type { Writable } from "svelte/store";
+import { writable, get } from "svelte/store";
+import { type ImageBlobs, type LayerOptions } from "../types";
+import { type Command } from "./commands";
+import { type ImageEditorContext } from "./editor";
+
+export class LayerManager {
+	private layers: {
+		name: string;
+		id: string;
+		container: Container;
+		user_created: boolean;
+		visible: boolean;
+	}[] = [];
+	private active_layer: Container | null = null;
+	private active_layer_id: string | null = null;
+	private draw_textures: Map<Container, RenderTexture> = new Map();
+	layer_store: Writable<{
+		active_layer: string;
+		layers: {
+			name: string;
+			id: string;
+			user_created: boolean;
+			visible: boolean;
+		}[];
+	}> = writable({
+		active_layer: "",
+
+		layers: []
+	});
+	private background_layer: Container | null = null;
+	private image_container: Container;
+	private app: Application;
+	private fixed_canvas: boolean;
+	private dark: boolean;
+	private border_region: number;
+	private layer_options: LayerOptions;
+	constructor(
+		image_container: Container,
+		app: Application,
+		fixed_canvas: boolean,
+		dark: boolean,
+		border_region: number,
+		layer_options: LayerOptions
+	) {
+		this.image_container = image_container;
+		this.app = app;
+		this.fixed_canvas = fixed_canvas;
+		this.dark = dark;
+		this.border_region = border_region;
+		this.layer_options = layer_options;
+	}
+
+	toggle_layer_visibility(id: string): void {
+		const layer = this.layers.find((l) => l.id === id);
+		if (layer) {
+			layer.container.visible = !layer.container.visible;
+			layer.visible = layer.container.visible;
+			this.layer_store.update((state) => ({
+				active_layer: state.active_layer,
+				layers: this.layers
+			}));
+		}
+	}
+
+	create_background_layer(width: number, height: number): Container {
+		if (this.background_layer) {
+			this.background_layer.destroy();
+		}
+
+		const layer = new Container();
+
+		this.background_layer = layer;
+
+		const bg_texture = RenderTexture.create({
+			width,
+			height,
+			resolution: window.devicePixelRatio,
+			antialias: true,
+			scaleMode: SCALE_MODES.NEAREST
+		});
+
+		const bg_sprite = new Sprite(bg_texture);
+		layer.addChild(bg_sprite);
+
+		const clear_graphics = new Graphics();
+		clear_graphics.clear();
+
+		clear_graphics
+			.rect(0, 0, width, height)
+			.fill({ color: this.dark ? 0x333333 : 0xffffff, alpha: 1 });
+
+		this.app.renderer.render({
+			container: clear_graphics,
+			target: bg_texture,
+			clear: true
+		});
+
+		this.image_container.addChild(layer);
+
+		layer.zIndex = -1;
+
+		this.update_layer_order();
+		return layer;
+	}
+
+	set_layer_options(
+		layer_options: LayerOptions,
+		width: number,
+		height: number
+	): void {
+		this.layer_options = layer_options;
+		this.reset_layers(width, height);
+	}
+
+	/**
+	 * Creates a background layer from an image URL
+	 * @param url The URL of the image to use as background
+	 * @param width The width of the layer (if fixed_canvas is true)
+	 * @param height The height of the layer (if fixed_canvas is true)
+	 * @param borderRegion Minimum border region to add around the image for outpainting (in pixels)
+	 * @returns A Promise that resolves to the background Container when the image is loaded
+	 */
+	async create_background_layer_from_url(
+		url: string,
+		width?: number,
+		height?: number
+	): Promise<Container> {
+		const layer = this.create_background_layer(
+			width || this.image_container.width,
+			height || this.image_container.height
+		);
+
+		try {
+			const texture = await Texture.from(url);
+			const sprite = new Sprite(texture);
+
+			const imageWidth = sprite.texture.width;
+			const imageHeight = sprite.texture.height;
+
+			const containerWidth = width || this.image_container.width;
+			const containerHeight = height || this.image_container.height;
+
+			if (this.fixed_canvas) {
+				const effectiveContainerWidth = Math.max(
+					containerWidth - this.border_region * 2,
+					10
+				);
+				const effectiveContainerHeight = Math.max(
+					containerHeight - this.border_region * 2,
+					10
+				);
+
+				const imageAspectRatio = imageWidth / imageHeight;
+				const containerAspectRatio =
+					effectiveContainerWidth / effectiveContainerHeight;
+
+				let finalWidth, finalHeight;
+				let posX = this.border_region,
+					posY = this.border_region;
+
+				if (
+					imageWidth <= effectiveContainerWidth &&
+					imageHeight <= effectiveContainerHeight
+				) {
+					finalWidth = imageWidth;
+					finalHeight = imageHeight;
+				} else {
+					if (imageAspectRatio > containerAspectRatio) {
+						finalWidth = effectiveContainerWidth;
+						finalHeight = effectiveContainerWidth / imageAspectRatio;
+					} else {
+						finalHeight = effectiveContainerHeight;
+						finalWidth = effectiveContainerHeight * imageAspectRatio;
+					}
+				}
+
+				posX += Math.round((effectiveContainerWidth - finalWidth) / 2);
+				posY += Math.round((effectiveContainerHeight - finalHeight) / 2);
+				sprite.width = finalWidth;
+				sprite.height = finalHeight;
+				sprite.position.set(posX, posY);
+			} else {
+				sprite.position.set(this.border_region, this.border_region);
+
+				if (this.background_layer) {
+					this.background_layer.destroy();
+				}
+
+				const totalWidth = imageWidth + this.border_region * 2;
+				const totalHeight = imageHeight + this.border_region * 2;
+				const newLayer = this.create_background_layer(totalWidth, totalHeight);
+
+				sprite.width = imageWidth;
+				sprite.height = imageHeight;
+				newLayer.addChild(sprite);
+
+				return newLayer;
+			}
+
+			layer.addChild(sprite);
+
+			return layer;
+		} catch (error) {
+			console.error("Error loading image from URL:", error);
+			return layer;
+		}
+	}
+
+	create_layer({
+		width,
+		height,
+		layer_name,
+		user_created,
+		layer_id = undefined,
+		make_active = false
+	}: {
+		width: number;
+		height: number;
+		layer_name?: string;
+		user_created: boolean;
+		layer_id?: string;
+		make_active?: boolean;
+	}): Container {
+		const layer = new Container();
+		const _layer_id = layer_id || Math.random().toString(36).substring(2, 15);
+		const _layer_name = layer_name || `Layer ${this.layers.length + 1}`;
+
+		this.layers.push({
+			name: _layer_name,
+			id: _layer_id,
+			container: layer,
+			user_created,
+			visible: true
+		});
+
+		this.image_container.addChild(layer);
+
+		const draw_texture = RenderTexture.create({
+			width,
+			height,
+			resolution: window.devicePixelRatio,
+			antialias: true,
+			scaleMode: SCALE_MODES.NEAREST
+		});
+
+		const canvas_sprite = new Sprite(draw_texture);
+		layer.addChild(canvas_sprite);
+
+		const clear_graphics = new Graphics();
+		clear_graphics.clear();
+		clear_graphics.beginFill(0, 0);
+		clear_graphics.drawRect(0, 0, width, height);
+		clear_graphics.endFill();
+
+		this.app.renderer.render({
+			container: clear_graphics,
+			target: draw_texture,
+			clear: true
+		});
+
+		this.draw_textures.set(layer, draw_texture);
+
+		this.update_layer_order();
+		if (make_active) {
+			this.set_active_layer(_layer_id);
+		}
+
+		this.layer_store.set({
+			active_layer: this.active_layer_id || "",
+			layers: this.layers
+		});
+		return layer;
+	}
+
+	/**
+	 * Creates a new layer with an image loaded from a URL
+	 * @param url The URL of the image to load
+	 * @param borderRegion Minimum border region to add around the image for outpainting (in pixels)
+	 * @returns A Promise that resolves to the layer ID
+	 */
+	async add_layer_from_url(url: string): Promise<string> {
+		const { width, height } = this.image_container.getLocalBounds();
+		const layer = this.create_layer({
+			width,
+			height,
+			layer_name: "Layer 1",
+			user_created: true
+		});
+
+		const layerIndex = this.layers.findIndex((l) => l.container === layer);
+		if (layerIndex === -1) {
+			console.error("Could not find newly created layer");
+			return "";
+		}
+		const layerId = this.layers[layerIndex].id;
+
+		try {
+			const texture = await Assets.load(url);
+
+			const drawTexture = this.draw_textures.get(layer);
+			if (!drawTexture) {
+				console.error("No draw texture found for layer");
+				return layerId;
+			}
+
+			const sprite = new Sprite(texture);
+			const imageWidth = sprite.width;
+			const imageHeight = sprite.height;
+
+			let posX = this.border_region;
+			let posY = this.border_region;
+
+			const effectiveWidth = this.fixed_canvas
+				? width - this.border_region * 2
+				: width;
+			const effectiveHeight = this.fixed_canvas
+				? height - this.border_region * 2
+				: height;
+
+			if (imageWidth < effectiveWidth || imageHeight < effectiveHeight) {
+				posX = Math.floor((effectiveWidth - imageWidth) / 2);
+				posY = Math.floor((effectiveHeight - imageHeight) / 2);
+			}
+
+			sprite.position.set(posX, posY);
+
+			if (imageWidth > effectiveWidth || imageHeight > effectiveHeight) {
+				const imageAspectRatio = imageWidth / imageHeight;
+				const areaAspectRatio = effectiveWidth / effectiveHeight;
+
+				let finalWidth, finalHeight;
+
+				if (imageAspectRatio > areaAspectRatio) {
+					finalWidth = effectiveWidth;
+					finalHeight = effectiveWidth / imageAspectRatio;
+				} else {
+					finalHeight = effectiveHeight;
+					finalWidth = effectiveHeight * imageAspectRatio;
+				}
+
+				sprite.width = finalWidth;
+				sprite.height = finalHeight;
+
+				posX =
+					this.border_region + Math.floor((effectiveWidth - finalWidth) / 2);
+				posY =
+					this.border_region + Math.floor((effectiveHeight - finalHeight) / 2);
+				sprite.position.set(posX, posY);
+			}
+
+			this.app.renderer.render(sprite, { renderTexture: drawTexture });
+
+			this.set_active_layer(layerId);
+
+			return layerId;
+		} catch (error) {
+			console.error("Error loading image from URL:", error);
+			return layerId;
+		}
+	}
+
+	get_active_layer(): typeof this.active_layer {
+		return this.active_layer;
+	}
+
+	set_active_layer(id: string): void {
+		if (this.layers.some((l) => l.id === id)) {
+			this.active_layer =
+				this.layers.find((l) => l.id === id)?.container ||
+				this.layers[0]?.container ||
+				null;
+			this.active_layer_id = id;
+			this.layer_store.set({
+				active_layer: id,
+				layers: this.layers
+			});
+		}
+	}
+
+	get_layers(): typeof this.layers {
+		return this.layers;
+	}
+
+	get_layer_textures(id: string): { draw: RenderTexture } | null {
+		const layer = this.layers.find((l) => l.id === id);
+		if (layer) {
+			const draw = this.draw_textures.get(layer.container);
+			if (draw) {
+				return { draw };
+			}
+		}
+		return null;
+	}
+
+	delete_layer(id: string): void {
+		const index = this.layers.findIndex((l) => l.id === id);
+		if (index > -1) {
+			const draw_texture = this.draw_textures.get(this.layers[index].container);
+			if (draw_texture) {
+				draw_texture.destroy();
+				this.draw_textures.delete(this.layers[index].container);
+			}
+			this.layers[index].container.destroy();
+			if (this.active_layer === this.layers[index].container) {
+				const new_active_layer = this.layers[Math.max(0, index - 1)] || null;
+				this.active_layer = new_active_layer?.container || null;
+				this.active_layer_id = new_active_layer?.id || null;
+			}
+			this.layers = this.layers.filter((l) => l.id !== id);
+
+			this.layer_store.update((_layers) => ({
+				active_layer:
+					_layers.active_layer === id
+						? this.layers[this.layers.length - 1]?.id
+						: _layers.active_layer,
+				layers: this.layers
+			}));
+
+			this.update_layer_order();
+		}
+	}
+
+	private update_layer_order(): void {
+		if (this.background_layer) {
+			this.background_layer.zIndex = -1;
+		}
+		this.layers.forEach((layer, index) => {
+			layer.container.zIndex = index;
+		});
+	}
+
+	move_layer(id: string, direction: "up" | "down"): void {
+		const index = this.layers.findIndex((l) => l.id === id);
+		if (index > -1) {
+			const new_index = direction === "up" ? index - 1 : index + 1;
+
+			this.layers = this.layers.map((l, i) => {
+				if (i === index) {
+					return this.layers[new_index];
+				}
+				if (i === new_index) {
+					return this.layers[index];
+				}
+				return l;
+			});
+			this.update_layer_order();
+			this.layer_store.update((_layers) => ({
+				active_layer: id,
+				layers: this.layers
+			}));
+		}
+	}
+
+	/**
+	 * Resizes all layers to a new width and height
+	 * @param newWidth The new width of the layers
+	 * @param newHeight The new height of the layers
+	 * @param scale If true, scales the layer content to fit the new dimensions. If false, keeps the content size unchanged.
+	 * @param anchor The anchor point to position the content relative to the new size
+	 */
+	resize_all_layers(
+		newWidth: number,
+		newHeight: number,
+		scale: boolean,
+		anchor:
+			| "top-left"
+			| "top"
+			| "top-right"
+			| "left"
+			| "center"
+			| "right"
+			| "bottom-left"
+			| "bottom"
+			| "bottom-right",
+		oldCanvasWidth: number,
+		oldCanvasHeight: number
+	): void {
+		const oldLayersById = new Map(this.layers.map((l) => [l.id, l]));
+		const oldBackgroundLayer = this.background_layer;
+
+		const calculateOffset = (): { offsetX: number; offsetY: number } => {
+			let offsetX = 0;
+			let offsetY = 0;
+			const deltaWidth = newWidth - oldCanvasWidth;
+			const deltaHeight = newHeight - oldCanvasHeight;
+
+			if (anchor.includes("left")) {
+				offsetX = 0;
+			} else if (anchor.includes("right")) {
+				offsetX = deltaWidth;
+			} else {
+				offsetX = Math.floor(deltaWidth / 2);
+			}
+
+			if (anchor.includes("top")) {
+				offsetY = 0;
+			} else if (anchor.includes("bottom")) {
+				offsetY = deltaHeight;
+			} else {
+				offsetY = Math.floor(deltaHeight / 2);
+			}
+
+			return { offsetX, offsetY };
+		};
+
+		this.background_layer = this._resize_background_layer(
+			oldBackgroundLayer,
+			newWidth,
+			newHeight,
+			scale,
+			calculateOffset
+		);
+
+		const processedLayers: {
+			name: string;
+			id: string;
+			container: Container;
+			user_created: boolean;
+		}[] = [];
+
+		const oldLayerData = this.layers.map((oldLayer) => ({
+			id: oldLayer.id,
+			name: oldLayer.name,
+			user_created: oldLayer.user_created,
+			texture: this.draw_textures.get(oldLayer.container),
+			container: oldLayer.container
+		}));
+
+		this.layers = [];
+		this.draw_textures.clear();
+		for (const oldData of oldLayerData) {
+			const newLayer = this._resize_single_layer(
+				oldData,
+				newWidth,
+				newHeight,
+				scale,
+				calculateOffset
+			);
+			if (newLayer) {
+				processedLayers.push(newLayer);
+			}
+		}
+
+		const currentActiveId = get(this.layer_store).active_layer;
+		const activeLayerExists = processedLayers.some(
+			(l) => l.id === currentActiveId
+		);
+
+		if (!activeLayerExists && processedLayers.length > 0) {
+			this.set_active_layer(processedLayers[0].id);
+		} else if (processedLayers.length === 0) {
+			this.layer_store.update((s) => ({ ...s, active_layer: "" }));
+		} else {
+			this.layer_store.update((s) => ({ ...s }));
+		}
+
+		this.update_layer_order();
+
+		setTimeout(() => {
+			Assets.cache.reset();
+			this.app.renderer.textureGC.run();
+		}, 100);
+	}
+
+	/**
+	 * Helper method to resize the background layer.
+	 */
+	private _resize_background_layer(
+		oldBackgroundLayer: Container | null,
+		newWidth: number,
+		newHeight: number,
+		scale: boolean,
+		calculateOffset: () => { offsetX: number; offsetY: number }
+	): Container | null {
+		if (!oldBackgroundLayer) {
+			return this.create_background_layer(newWidth, newHeight);
+		}
+
+		let backgroundImage: Sprite | null = oldBackgroundLayer.children.find(
+			(child) =>
+				child instanceof Sprite &&
+				child.texture !== (oldBackgroundLayer.children[0] as Sprite)?.texture
+		) as Sprite | null;
+
+		const newBackgroundLayer = this.create_background_layer(
+			newWidth,
+			newHeight
+		);
+
+		if (backgroundImage) {
+			const newBgImage = new Sprite(backgroundImage.texture);
+			newBgImage.width = backgroundImage.width;
+			newBgImage.height = backgroundImage.height;
+
+			if (scale) {
+				newBgImage.width = newWidth;
+				newBgImage.height = newHeight;
+				newBgImage.position.set(0, 0);
+			} else {
+				const { offsetX, offsetY } = calculateOffset();
+				newBgImage.position.set(
+					backgroundImage.x + offsetX,
+					backgroundImage.y + offsetY
+				);
+			}
+			newBackgroundLayer.addChild(newBgImage);
+		}
+
+		return newBackgroundLayer;
+	}
+
+	/**
+	 * Helper method to resize a single regular layer.
+	 */
+	private _resize_single_layer(
+		oldData: {
+			id: string;
+			name: string;
+			user_created: boolean;
+			texture: RenderTexture | undefined;
+			container: Container;
+		},
+		newWidth: number,
+		newHeight: number,
+		scale: boolean,
+		calculateOffset: () => { offsetX: number; offsetY: number }
+	): {
+		name: string;
+		id: string;
+		container: Container;
+		user_created: boolean;
+	} | null {
+		if (!oldData.texture) {
+			console.warn(
+				`No texture found for layer ${oldData.id}, skipping cleanup.`
+			);
+			if (oldData.container && !oldData.container.destroyed) {
+				if (this.image_container.children.includes(oldData.container)) {
+					this.image_container.removeChild(oldData.container);
+				}
+				oldData.container.destroy({ children: true });
+			}
+			return null;
+		}
+
+		const newContainer = this.create_layer({
+			width: newWidth,
+			height: newHeight,
+			layer_name: oldData.name,
+			user_created: oldData.user_created
+		});
+
+		const newLayer = this.layers[this.layers.length - 1];
+		newLayer.id = oldData.id;
+		const newTexture = this.draw_textures.get(newContainer);
+
+		if (!newTexture) {
+			console.error(
+				`Failed to get texture for newly created layer ${newLayer.id}. Cleaning up.`
+			);
+			if (newContainer && !newContainer.destroyed) {
+				if (this.image_container.children.includes(newContainer)) {
+					this.image_container.removeChild(newContainer);
+				}
+				newContainer.destroy({ children: true });
+				const idx = this.layers.findIndex((l) => l.container === newContainer);
+				if (idx > -1) this.layers.splice(idx, 1);
+				this.draw_textures.delete(newContainer);
+			}
+			if (oldData.texture && !oldData.texture.destroyed)
+				oldData.texture.destroy(true);
+			if (oldData.container && !oldData.container.destroyed)
+				oldData.container.destroy({ children: true });
+			return null;
+		}
+
+		this.app.renderer.clear({ target: newTexture, clearColor: [0, 0, 0, 0] });
+
+		const sprite = new Sprite(oldData.texture);
+
+		if (scale) {
+			sprite.width = newWidth;
+			sprite.height = newHeight;
+			sprite.position.set(0, 0);
+		} else {
+			const { offsetX, offsetY } = calculateOffset();
+			sprite.position.set(offsetX, offsetY);
+		}
+
+		this.app.renderer.render(sprite, { renderTexture: newTexture });
+
+		sprite.destroy();
+		if (oldData.texture && !oldData.texture.destroyed) {
+			oldData.texture.destroy(true);
+		}
+		if (oldData.container && !oldData.container.destroyed) {
+			if (this.image_container.children.includes(oldData.container)) {
+				this.image_container.removeChild(oldData.container);
+			}
+			oldData.container.destroy({ children: true });
+		}
+
+		return newLayer;
+	}
+
+	async get_blobs(width: number, height: number): Promise<ImageBlobs> {
+		const blobs = {
+			background: await get_canvas_blob(
+				this.app.renderer,
+				this.background_layer,
+				{
+					width,
+					height,
+					x: 0,
+					y: 0
+				}
+			),
+			layers: await Promise.all(
+				this.layers.map(async (layer) => {
+					const blob = await get_canvas_blob(
+						this.app.renderer,
+						layer.container,
+						{
+							width,
+							height,
+							x: 0,
+							y: 0
+						}
+					);
+					if (blob) {
+						return blob;
+					}
+					return null;
+				})
+			),
+			composite: await get_canvas_blob(
+				this.app.renderer,
+				this.image_container,
+				{
+					width,
+					height,
+					x: 0,
+					y: 0
+				}
+			)
+		};
+
+		return blobs;
+	}
+
+	reset_layers(width: number, height: number, persist = false): void {
+		const _layers_to_recreate = persist
+			? this.layers.map((layer) => [layer.name, layer.id])
+			: this.layer_options.layers.map((layer) => [layer, undefined]);
+
+		this.layers.forEach((layer) => {
+			this.delete_layer(layer.id);
+		});
+
+		for (const [layer_name, layer_id] of _layers_to_recreate) {
+			this.create_layer({
+				width,
+				height,
+				layer_name: layer_name,
+				user_created: this.layer_options.layers.find((l) => l === layer_name)
+					? false
+					: true,
+				layer_id: layer_id
+			});
+		}
+
+		if (!persist) {
+			this.active_layer = this.layers[0].container;
+			this.active_layer_id = this.layers[0].id;
+		} else {
+			this.active_layer =
+				this.layers.find((l) => l.id === this.active_layer_id)?.container ||
+				this.layers[0]?.container;
+
+			if (!this.active_layer) return;
+		}
+
+		this.layer_store.update((state) => ({
+			active_layer: this.active_layer_id || this.layers[0].id,
+			layers: this.layers
+		}));
+	}
+
+	init_layers(width: number, height: number): void {
+		for (const layer of this.layers) {
+			this.delete_layer(layer.id);
+		}
+		let i = 0;
+		for (const layer of this.layer_options.layers) {
+			this.create_layer({
+				width,
+				height,
+				layer_name: layer,
+				user_created: false,
+				layer_id: `layer-${i}`
+			});
+			i++;
+		}
+
+		this.active_layer = this.layers[0].container;
+		this.active_layer_id = this.layers[0].id;
+		this.layer_store.update((_layers) => ({
+			active_layer: this.layers[0].id,
+			layers: this.layers
+		}));
+	}
+}
+
+/**
+ * Command to add a new layer
+ */
+export class AddLayerCommand implements Command {
+	private layer_id: string;
+	private layer_name: string;
+	private width: number;
+	private height: number;
+	private user_created: boolean;
+	private make_active: boolean;
+	private previous_active_layer: string | null = null;
+	name: string;
+	constructor(
+		private context: ImageEditorContext,
+		options: {
+			width: number;
+			height: number;
+			layer_name?: string;
+			user_created: boolean;
+			layer_id?: string;
+			make_active?: boolean;
+		}
+	) {
+		this.width = options.width;
+		this.height = options.height;
+		this.layer_name =
+			options.layer_name ||
+			`Layer ${this.context.layer_manager.get_layers().length + 1}`;
+		this.user_created = options.user_created;
+		this.layer_id =
+			options.layer_id || Math.random().toString(36).substring(2, 15);
+		this.make_active = options.make_active || false;
+		this.name = "AddLayer";
+		const current_layers = this.context.layer_manager.get_layers();
+		const current_active = current_layers.find(
+			(l) => l.container === this.context.layer_manager.get_active_layer()
+		);
+		this.previous_active_layer = current_active?.id || null;
+	}
+
+	async execute(context?: ImageEditorContext): Promise<void> {
+		if (context) {
+			this.context = context;
+		}
+
+		this.context.layer_manager.create_layer({
+			width: this.width,
+			height: this.height,
+			layer_name: this.layer_name,
+			user_created: this.user_created,
+			layer_id: this.layer_id,
+			make_active: this.make_active
+		});
+	}
+
+	async undo(): Promise<void> {
+		this.context.layer_manager.delete_layer(this.layer_id);
+
+		if (this.previous_active_layer) {
+			this.context.layer_manager.set_active_layer(this.previous_active_layer);
+		}
+	}
+}
+
+/**
+ * Command to remove a layer
+ */
+export class RemoveLayerCommand implements Command {
+	private layer_data: {
+		id: string;
+		name: string;
+		user_created: boolean;
+		visible: boolean;
+		was_active: boolean;
+	};
+	private previous_active_layer: string | null = null;
+	private texture_copy: RenderTexture | null = null;
+	name: string;
+
+	constructor(
+		private context: ImageEditorContext,
+		layer_id: string
+	) {
+		this.name = "RemoveLayer";
+		const layers = this.context.layer_manager.get_layers();
+		const layer_to_remove = layers.find((l) => l.id === layer_id);
+
+		if (!layer_to_remove) {
+			throw new Error(`Layer with ID ${layer_id} not found`);
+		}
+
+		const active_layer = this.context.layer_manager.get_active_layer();
+		const was_active = layer_to_remove.container === active_layer;
+
+		if (was_active) {
+			const layer_index = layers.findIndex((l) => l.id === layer_id);
+			const next_active = layers[Math.max(0, layer_index - 1)];
+			this.previous_active_layer = next_active?.id || null;
+		}
+
+		this.layer_data = {
+			id: layer_to_remove.id,
+			name: layer_to_remove.name,
+			user_created: layer_to_remove.user_created,
+			visible: layer_to_remove.visible,
+			was_active
+		};
+
+		this.captureTextureData(layer_id);
+	}
+
+	/**
+	 * Create a direct copy of the layer's texture
+	 */
+	private captureTextureData(layer_id: string): void {
+		const layer_textures =
+			this.context.layer_manager.get_layer_textures(layer_id);
+		if (!layer_textures) return;
+
+		try {
+			const original_texture = layer_textures.draw;
+
+			const texture_copy = RenderTexture.create({
+				width: original_texture.width,
+				height: original_texture.height,
+				resolution: window.devicePixelRatio || 1
+			});
+
+			const sprite = new Sprite(original_texture);
+
+			this.context.app.renderer.render(sprite, { renderTexture: texture_copy });
+
+			this.texture_copy = texture_copy;
+
+			sprite.destroy();
+		} catch (e) {
+			console.error("Failed to copy layer texture:", e);
+			this.texture_copy = null;
+		}
+	}
+
+	async execute(context?: ImageEditorContext): Promise<void> {
+		if (context) {
+			this.context = context;
+		}
+
+		this.context.layer_manager.delete_layer(this.layer_data.id);
+	}
+
+	async undo(): Promise<void> {
+		const dimensions = get(this.context.dimensions);
+
+		const container = this.context.layer_manager.create_layer({
+			width: dimensions.width,
+			height: dimensions.height,
+			layer_name: this.layer_data.name,
+			user_created: this.layer_data.user_created,
+			layer_id: this.layer_data.id,
+			make_active: this.layer_data.was_active
+		});
+
+		if (this.texture_copy) {
+			try {
+				const layer_textures = this.context.layer_manager.get_layer_textures(
+					this.layer_data.id
+				);
+				if (layer_textures) {
+					const sprite = new Sprite(this.texture_copy);
+
+					this.context.app.renderer.render(sprite, {
+						renderTexture: layer_textures.draw
+					});
+
+					sprite.destroy();
+				}
+			} catch (e) {
+				console.error("Failed to restore layer content:", e);
+			}
+		}
+
+		if (!this.layer_data.visible) {
+			this.context.layer_manager.toggle_layer_visibility(this.layer_data.id);
+		}
+
+		if (!this.layer_data.was_active && this.previous_active_layer) {
+			this.context.layer_manager.set_active_layer(this.previous_active_layer);
+		}
+	}
+
+	/**
+	 * Clean up resources when the command is no longer needed
+	 * This would need to be called by a garbage collection mechanism
+	 */
+	destroy(): void {
+		if (this.texture_copy) {
+			this.texture_copy.destroy();
+			this.texture_copy = null;
+		}
+	}
+}
+
+/**
+ * Command to reorder layers
+ */
+export class ReorderLayerCommand implements Command {
+	private original_order: string[];
+	private new_order: string[];
+	private layer_id: string;
+	private direction: "up" | "down";
+	name: string;
+
+	constructor(
+		private context: ImageEditorContext,
+		layer_id: string,
+		direction: "up" | "down"
+	) {
+		this.layer_id = layer_id;
+		this.direction = direction;
+		this.name = "ReorderLayer";
+		const layers = this.context.layer_manager.get_layers();
+		this.original_order = layers.map((l) => l.id);
+
+		const index = layers.findIndex((l) => l.id === layer_id);
+		if (index === -1) {
+			throw new Error(`Layer with ID ${layer_id} not found`);
+		}
+
+		const new_index = direction === "up" ? index - 1 : index + 1;
+		if (new_index < 0 || new_index >= layers.length) {
+			this.new_order = [...this.original_order];
+		} else {
+			this.new_order = [...this.original_order];
+			[this.new_order[index], this.new_order[new_index]] = [
+				this.new_order[new_index],
+				this.new_order[index]
+			];
+		}
+	}
+
+	async execute(context?: ImageEditorContext): Promise<void> {
+		if (context) {
+			this.context = context;
+		}
+
+		this.context.layer_manager.move_layer(this.layer_id, this.direction);
+	}
+
+	async undo(): Promise<void> {
+		const current_layers = this.context.layer_manager.get_layers();
+
+		if (
+			this.original_order.join(",") ===
+			current_layers.map((l) => l.id).join(",")
+		) {
+			return;
+		}
+
+		const layer_index = current_layers.findIndex((l) => l.id === this.layer_id);
+		if (layer_index === -1) return;
+
+		const original_index = this.original_order.indexOf(this.layer_id);
+		const move_direction = layer_index > original_index ? "up" : "down";
+
+		this.context.layer_manager.move_layer(this.layer_id, move_direction);
+	}
+}
diff --git a/js/imageeditor/shared/crop/CROP.md b/js/imageeditor/shared/crop/CROP.md
new file mode 100644
index 0000000..926426b
--- /dev/null
+++ b/js/imageeditor/shared/crop/CROP.md
@@ -0,0 +1,139 @@
+# Crop Tool Documentation
+
+## Overview
+
+The crop tool is a component of the image editor that allows users to select a portion of an image to keep while discarding the rest. It provides an interactive UI with handles that can be dragged to adjust the crop area.
+
+## File Structure
+
+- `js/imageeditor/shared/crop/crop.ts` - Main implementation of the crop tool
+- `js/imageeditor/shared/core/editor.ts` - Defines the `Tool` interface and `ImageEditorContext`
+- `js/imageeditor/shared/Toolbar.svelte` - Defines the tool types and subtool types
+
+## Implementation Details
+
+### Class: `CropTool`
+
+The `CropTool` class implements the `Tool` interface defined in `editor.ts`. It provides the following functionality:
+
+- Interactive crop area with draggable corners and edges
+- Visual feedback with a mask that shows only the selected area
+- Ability to move the entire crop window
+- Constraints to keep the crop area within the image bounds
+
+### Key Components
+
+#### State Management
+
+The crop tool maintains several state variables:
+
+- `crop_bounds` - Stores the x, y, width, and height of the crop area
+- `is_dragging` - Tracks if a handle is being dragged
+- `is_dragging_window` - Tracks if the entire crop window is being dragged
+- `selected_handle` - Reference to the currently selected handle
+- `active_corner_index` - Index of the active corner (-1 if none)
+- `active_edge_index` - Index of the active edge (-1 if none)
+
+#### Visual Elements
+
+The crop tool creates several visual elements:
+
+- `crop_ui_container` - Container for all UI elements
+- `crop_mask` - Graphics object used to mask the image
+- Corner handles - L-shaped handles at each corner
+- Edge handles - Bar-shaped handles at the middle of each edge
+
+#### Event Handling
+
+The tool sets up event listeners for:
+
+- `pointerdown` - Start dragging a handle or the window
+- `pointermove` - Update crop bounds during dragging
+- `pointerup` - End dragging operations
+
+### Key Methods
+
+#### Setup and Initialization
+
+- `setup(context, tool, subtool)` - Initializes the tool with the editor context
+- `init_crop_ui()` - Creates the UI elements
+- `set_crop_mask()` - Sets up the mask for the image
+
+#### UI Creation
+
+- `make_crop_ui(width, height)` - Creates the crop UI container
+- `create_handle(is_edge)` - Creates a handle (corner or edge)
+- `create_corner_handles(container, width, height)` - Creates the corner handles
+- `create_edge_handles(container, width, height)` - Creates the edge handles
+
+#### Event Handlers
+
+- `handle_pointer_down(event, handle, corner_index, edge_index)` - Handles pointer down events
+- `handle_pointer_move(event)` - Handles pointer move events
+- `handle_pointer_up()` - Handles pointer up events
+- `handle_window_drag_start(event)` - Handles the start of window dragging
+
+#### Update Methods
+
+- `update_crop_bounds(delta)` - Updates crop bounds based on pointer movement
+- `constrain_crop_bounds()` - Ensures crop bounds stay within image dimensions
+- `update_crop_mask()` - Updates the mask graphics
+- `update_crop_ui()` - Updates the crop UI position and dimensions
+- `update_handle_positions(width, height)` - Updates handle positions
+
+### Integration with Editor
+
+The crop tool integrates with the editor through the `ImageEditorContext` interface, which provides:
+
+- `app` - The PIXI.js Application instance
+- `image_container` - The container holding the image
+- `dimensions` - A readable store with the image dimensions
+- `position` - A readable store with the image position
+- `scale` - A readable store with the image scale
+
+## Usage Flow
+
+1. The user selects the "crop" subtool from the toolbar
+2. The crop tool initializes with a crop area matching the full image
+3. The user can:
+   - Drag corners to resize from that corner
+   - Drag edges to resize from that edge
+   - Drag the center area to move the entire crop window
+4. The image is masked to show only the selected area
+5. When the user applies the crop, the image is cropped to the selected area
+
+## Implementation Notes
+
+### Masking Technique
+
+The crop tool uses a PIXI.js mask with alpha=0 to make the mask invisible while still functioning as a mask. This prevents the white background from appearing in the masked area.
+
+### Scaling Considerations
+
+The tool handles scaling by:
+- Storing crop bounds in image coordinates (unscaled)
+- Applying scale when positioning UI elements
+- Converting between global and local coordinates for pointer events
+
+### Constraints
+
+The tool enforces several constraints:
+- Minimum crop size of 20x20 pixels
+- Crop area cannot extend beyond image boundaries
+- Handles cannot be dragged beyond valid positions
+
+## Maintenance Notes
+
+When modifying the crop tool, consider:
+
+1. **Event Handling**: Ensure proper event propagation and stopping
+2. **Coordinate Systems**: Be careful with conversions between global and local coordinates
+3. **Scale Handling**: Account for image scaling in all calculations
+4. **Performance**: Minimize unnecessary updates to the mask and UI
+5. **Edge Cases**: Test with extreme crop sizes and positions
+
+## Related Components
+
+- **Toolbar**: Controls tool selection
+- **ImageEditor**: Provides the context and manages the overall editor state
+- **LayerManager**: Manages image layers that the crop tool operates on 
\ No newline at end of file
diff --git a/js/imageeditor/shared/crop/crop.ts b/js/imageeditor/shared/crop/crop.ts
new file mode 100644
index 0000000..36ff2b1
--- /dev/null
+++ b/js/imageeditor/shared/crop/crop.ts
@@ -0,0 +1,1027 @@
+import {
+	Container,
+	Graphics,
+	Point,
+	Rectangle,
+	FederatedPointerEvent,
+	Sprite
+} from "pixi.js";
+import { type ImageEditorContext, type Tool } from "../core/editor";
+
+import { type Tool as ToolbarTool, type Subtool } from "../Toolbar.svelte";
+import { get_canvas_blob } from "../utils/pixi";
+
+/**
+ * @interface CropBounds
+ * @description Defines the bounds of a crop area
+ * @property {number} x - The x-coordinate of the crop area
+ * @property {number} y - The y-coordinate of the crop area
+ * @property {number} width - The width of the crop area
+ * @property {number} height - The height of the crop area
+ */
+interface CropBounds {
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+}
+
+/**
+ * @interface EditorState
+ * @description Defines the state of the editor
+ * @property {ToolbarTool} current_tool - The currently selected tool
+ * @property {Subtool} current_subtool - The currently selected subtool
+ */
+interface EditorState {
+	current_tool: ToolbarTool;
+	current_subtool: Subtool;
+}
+
+/**
+ * @class CropTool
+ * @implements {Tool}
+ * @description Implements the crop tool functionality for the image editor
+ */
+export class CropTool implements Tool {
+	name = "crop" as const;
+	private image_editor_context!: ImageEditorContext;
+	current_tool: ToolbarTool = "image";
+	current_subtool: Subtool = "crop";
+
+	// Constants
+	private readonly CORNER_SIZE = 25;
+	private readonly LINE_THICKNESS = 5;
+	private readonly HANDLE_COLOR = 0x000000;
+	private readonly HIT_AREA_SIZE = 40;
+
+	// State
+	private is_dragging = false;
+	private selected_handle: Container | null = null;
+	private active_corner_index = -1;
+	private active_edge_index = -1;
+	private last_pointer_position: Point | null = null;
+	crop_bounds: CropBounds = { x: 0, y: 0, width: 0, height: 0 };
+	private crop_ui_container: Container | null = null;
+	private crop_mask: Graphics | null = null;
+	private dimensions: { width: number; height: number } = {
+		width: 0,
+		height: 0
+	};
+	private position: { x: number; y: number } = { x: 0, y: 0 };
+	private scale = 1;
+	private is_dragging_window = false;
+	private drag_start_position: Point | null = null;
+	private drag_start_bounds: CropBounds | null = null;
+	private background_image_watcher: (() => void) | null = null;
+	private has_been_manually_changed = false;
+	private event_callbacks: Map<string, (() => void)[]> = new Map();
+	/**
+	 * @method setup
+	 * @async
+	 * @description Sets up the crop tool with the given context and state
+	 * @param {ImageEditorContext} context - The image editor context
+	 * @param {ToolbarTool} tool - The current tool
+	 * @param {Subtool} subtool - The current subtool
+	 * @returns {Promise<void>}
+	 */
+	async setup(
+		context: ImageEditorContext,
+		tool: ToolbarTool,
+		subtool: Subtool
+	): Promise<void> {
+		this.image_editor_context = context;
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+
+		context.dimensions.subscribe((dimensions) => {
+			this.dimensions = dimensions;
+
+			// Update crop bounds to match new dimensions
+			this.crop_bounds = {
+				x: 0,
+				y: 0,
+				width: dimensions.width,
+				height: dimensions.height
+			};
+
+			// Force UI update if it exists
+			if (this.crop_ui_container) {
+				this.update_crop_ui();
+			}
+
+			// Always update the mask when dimensions change
+			this.set_crop_mask();
+			this.update_crop_mask();
+		});
+
+		context.position.subscribe((position) => {
+			this.position = position;
+		});
+
+		context.scale.subscribe((scale) => {
+			this.scale = scale;
+		});
+
+		// Setup a background image watcher to ensure we always apply the mask to the current background image
+		this.background_image_watcher = () => {
+			// Only apply when crop tool is active and we have a mask
+			if (
+				this.crop_mask &&
+				this.current_tool === "image" &&
+				this.current_subtool === "crop"
+			) {
+				// Get a fresh reference to the background image and apply the mask
+				if (this.image_editor_context.background_image) {
+					this.image_editor_context.background_image.setMask(this.crop_mask);
+				}
+			}
+		};
+
+		// Add the watcher to the ticker to regularly check for background image changes
+		this.image_editor_context.app.ticker.add(this.background_image_watcher);
+
+		// Initialize crop UI
+		await this.init_crop_ui();
+
+		// Setup event listeners
+		this.setup_event_listeners();
+
+		// Ensure the crop UI visibility matches the current tool state
+		const isCropActive = tool === "image" && subtool === "crop";
+		if (this.crop_ui_container) {
+			this.crop_ui_container.visible = isCropActive;
+		}
+	}
+
+	/**
+	 * @method cleanup
+	 * @description Cleans up the crop tool resources and removes event listeners
+	 * @returns {void}
+	 */
+	cleanup(): void {
+		// Remove the crop UI container
+		if (this.crop_ui_container) {
+			this.image_editor_context.app.stage.removeChild(this.crop_ui_container);
+		}
+
+		// Remove the mask and reset the image container's mask property
+		if (this.crop_mask) {
+			if (this.crop_mask.parent) {
+				this.crop_mask.parent.removeChild(this.crop_mask);
+			}
+
+			// Clear mask from background_image if applied
+			if (
+				this.image_editor_context.background_image &&
+				this.image_editor_context.background_image.mask === this.crop_mask
+			) {
+				this.image_editor_context.background_image.mask = null;
+			}
+
+			// Clear mask from image_container if applied
+			if (this.image_editor_context.image_container.mask === this.crop_mask) {
+				this.image_editor_context.image_container.mask = null;
+			}
+		}
+
+		// Ensure all references to the crop mask are cleared
+		this.crop_mask = null;
+		this.crop_ui_container = null;
+
+		// Remove the background image watcher from the ticker
+		if (this.background_image_watcher) {
+			this.image_editor_context.app.ticker.remove(
+				this.background_image_watcher
+			);
+			this.background_image_watcher = null;
+		}
+
+		// Remove event listeners
+		this.cleanup_event_listeners();
+	}
+
+	/**
+	 * @method set_tool
+	 * @description Sets the current tool and subtool, updating UI visibility
+	 * @param {ToolbarTool} tool - The tool to set
+	 * @param {Subtool} subtool - The subtool to set
+	 * @returns {void}
+	 */
+	set_tool(tool: ToolbarTool, subtool: Subtool): void {
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+
+		// Show/hide crop UI based on tool and subtool
+		const isCropActive = tool === "image" && subtool === "crop";
+
+		// Only update the UI visibility, not the mask
+		if (this.crop_ui_container) {
+			this.crop_ui_container.visible = isCropActive;
+		}
+
+		// If crop tool is active, ensure the mask is up to date
+		if (isCropActive && this.crop_mask) {
+			this.update_crop_mask();
+		}
+	}
+
+	/**
+	 * @method set_crop_mask
+	 * @private
+	 * @description Sets up the crop mask for the image
+	 * @returns {void}
+	 */
+	private set_crop_mask(): void {
+		// Remove any existing mask to avoid duplicates
+		if (this.crop_mask) {
+			if (this.crop_mask.parent) {
+				this.crop_mask.parent.removeChild(this.crop_mask);
+			}
+
+			// Clear mask from image_container if it was applied there
+			if (this.image_editor_context.image_container.mask === this.crop_mask) {
+				this.image_editor_context.image_container.mask = null;
+			}
+
+			// Clear mask from background_image if it was applied there
+			if (
+				this.image_editor_context.background_image &&
+				this.image_editor_context.background_image.mask === this.crop_mask
+			) {
+				this.image_editor_context.background_image.mask = null;
+			}
+		}
+
+		// Create a new mask that will actually be used as an overlay
+		this.crop_mask = new Graphics();
+
+		// Add the mask/overlay to the display list
+		// This time it should be visible since we want to see the semi-transparent overlay
+		this.image_editor_context.image_container.addChild(this.crop_mask);
+	}
+
+	/**
+	 * @method init_crop_ui
+	 * @private
+	 * @async
+	 * @description Initializes the crop UI elements and sets up the update loop
+	 * @returns {Promise<void>}
+	 */
+	private async init_crop_ui(): Promise<void> {
+		// Create crop UI with scaled dimensions
+		const { width, height } =
+			this.image_editor_context.background_image?.getLocalBounds() || {
+				width: false,
+				height: false
+			};
+
+		this.crop_ui_container = this.make_crop_ui(
+			this.dimensions.width * this.scale,
+			this.dimensions.height * this.scale
+		);
+
+		// Position the crop UI container at the image position
+		this.crop_ui_container.position.set(this.position.x, this.position.y);
+
+		// Initially hide the crop UI until explicitly enabled by set_tool
+		this.crop_ui_container.visible = false;
+
+		this.image_editor_context.app.stage.addChild(this.crop_ui_container);
+
+		// Create and apply mask to the image container
+		this.set_crop_mask();
+
+		// Start the update loop for the UI
+		this.image_editor_context.app.ticker.add(this.update_crop_ui.bind(this));
+
+		// Initialize the mask with the current crop bounds
+		this.update_crop_mask();
+	}
+
+	/**
+	 * @method make_crop_ui
+	 * @private
+	 * @description Creates the crop UI with the specified dimensions
+	 * @param {number} width - Width of the crop area
+	 * @param {number} height - Height of the crop area
+	 * @returns {Container} The created crop UI container
+	 */
+	private make_crop_ui(width: number, height: number): Container {
+		const crop_container = new Container();
+		crop_container.eventMode = "static";
+		crop_container.interactiveChildren = true;
+
+		// Create crop outline with hit area for dragging
+		const crop_outline = new Graphics()
+			.rect(0, 0, width, height)
+			.stroke({ width: 1, color: 0x000000, alignment: 0, alpha: 0.5 });
+
+		// Make the outline interactive
+		crop_outline.eventMode = "static";
+		crop_outline.cursor = "move";
+
+		// Set hit area to match the outline's dimensions
+		crop_outline.hitArea = new Rectangle(0, 0, width, height);
+
+		// Add drag handlers to the outline
+		crop_outline.on("pointerdown", this.handle_window_drag_start.bind(this));
+
+		crop_container.addChild(crop_outline);
+
+		// Create corner handles
+		this.create_corner_handles(crop_container, width, height);
+
+		// Create edge handles
+		this.create_edge_handles(crop_container, width, height);
+
+		return crop_container;
+	}
+
+	/**
+	 * @method create_handle
+	 * @private
+	 * @description Creates a handle for the crop UI
+	 * @param {boolean} [is_edge=false] - Whether the handle is an edge handle
+	 * @returns {Container} The created handle container
+	 */
+	private create_handle(is_edge = false): Container {
+		const handle = new Container();
+		handle.eventMode = "static";
+
+		const handle_graphics = new Graphics();
+
+		if (is_edge) {
+			// Create a shorter bar for edge handles (2x instead of 3x)
+			handle_graphics
+				.rect(0, 0, this.CORNER_SIZE * 1.5, this.LINE_THICKNESS)
+				.fill(this.HANDLE_COLOR);
+		} else {
+			// Create L-shaped corner handles
+			handle_graphics
+				.rect(0, 0, this.CORNER_SIZE, this.LINE_THICKNESS)
+				.rect(0, 0, this.LINE_THICKNESS, this.CORNER_SIZE)
+				.fill(this.HANDLE_COLOR);
+		}
+
+		handle.addChild(handle_graphics);
+
+		// Adjust hit area based on handle type
+		const hit_size = is_edge ? this.HIT_AREA_SIZE * 1.5 : this.HIT_AREA_SIZE;
+		handle.hitArea = new Rectangle(
+			-hit_size / 2 + this.LINE_THICKNESS,
+			-hit_size / 2 + this.LINE_THICKNESS,
+			hit_size,
+			hit_size
+		);
+
+		return handle;
+	}
+
+	/**
+	 * @method create_edge_handles
+	 * @private
+	 * @description Creates edge handles for the crop UI
+	 * @param {Container} container - The container to add handles to
+	 * @param {number} width - Width of the crop area
+	 * @param {number} height - Height of the crop area
+	 * @returns {void}
+	 */
+	private create_edge_handles(
+		container: Container,
+		width: number,
+		height: number
+	): void {
+		// Horizontal handles at top and bottom
+		[-1, 1].forEach((i, index) => {
+			const handle = this.create_handle(true); // true for edge handle
+			handle.rotation = 0;
+
+			handle.on("pointerdown", (event: FederatedPointerEvent) => {
+				this.handle_pointer_down(event, handle, -1, index); // 0 for top, 1 for bottom
+			});
+
+			// Center the handle
+			handle.x = width / 2 - (this.CORNER_SIZE * 3) / 2;
+			handle.y = i < 0 ? -this.LINE_THICKNESS : height;
+			handle.cursor = "ns-resize";
+
+			container.addChild(handle);
+		});
+
+		// Vertical handles at left and right
+		[-1, 1].forEach((i, index) => {
+			const handle = this.create_handle(true); // true for edge handle
+			handle.rotation = Math.PI / 2; // Rotate 90 degrees
+
+			handle.on("pointerdown", (event: FederatedPointerEvent) => {
+				this.handle_pointer_down(event, handle, -1, index + 2); // 2 for left, 3 for right
+			});
+
+			// Center the handle
+			handle.x = i < 0 ? -this.LINE_THICKNESS : width;
+			handle.y = height / 2 - (this.CORNER_SIZE * 3) / 2;
+			handle.cursor = "ew-resize";
+
+			container.addChild(handle);
+		});
+	}
+
+	/**
+	 * @method create_corner_handles
+	 * @private
+	 * @description Creates corner handles for the crop UI
+	 * @param {Container} container - The container to add handles to
+	 * @param {number} width - Width of the crop area
+	 * @param {number} height - Height of the crop area
+	 * @returns {void}
+	 */
+	private create_corner_handles(
+		container: Container,
+		width: number,
+		height: number
+	): void {
+		const corners = [
+			{ x: 0, y: 0, xScale: 1, yScale: 1, cursor: "nwse-resize" }, // Top-left
+			{ x: width, y: 0, xScale: -1, yScale: 1, cursor: "nesw-resize" }, // Top-right
+			{ x: 0, y: height, xScale: 1, yScale: -1, cursor: "nesw-resize" }, // Bottom-left
+			{ x: width, y: height, xScale: -1, yScale: -1, cursor: "nwse-resize" } // Bottom-right
+		];
+
+		corners.forEach(({ x, y, xScale, yScale, cursor }, i) => {
+			const corner = this.create_handle(false); // false for corner handle
+			corner.x = x - (xScale < 0 ? -this.LINE_THICKNESS : this.LINE_THICKNESS);
+			corner.y = y - (yScale < 0 ? -this.LINE_THICKNESS : this.LINE_THICKNESS);
+			corner.scale.set(xScale, yScale);
+
+			corner.on("pointerdown", (event: FederatedPointerEvent) => {
+				this.handle_pointer_down(event, corner, i, -1);
+			});
+
+			corner.cursor = cursor;
+
+			container.addChild(corner);
+		});
+	}
+
+	/**
+	 * @method handle_pointer_down
+	 * @private
+	 * @description Handles pointer down events on handles
+	 * @param {FederatedPointerEvent} event - The pointer event
+	 * @param {Container} handle - The handle that was clicked
+	 * @param {number} corner_index - Index of the corner (-1 if not a corner)
+	 * @param {number} edge_index - Index of the edge (-1 if not an edge)
+	 * @returns {void}
+	 */
+	private handle_pointer_down(
+		event: FederatedPointerEvent,
+		handle: Container,
+		corner_index: number,
+		edge_index: number
+	): void {
+		// Only handle crop events if crop tool is active
+		if (this.current_subtool !== "crop") return;
+
+		event.stopPropagation();
+
+		this.is_dragging = true;
+		this.selected_handle = handle;
+		this.active_corner_index = corner_index;
+		this.active_edge_index = edge_index;
+
+		// Convert global position to the container's local coordinates.
+		const local_pos = this.image_editor_context.image_container.toLocal(
+			event.global
+		);
+
+		this.last_pointer_position = new Point(local_pos.x, local_pos.y);
+	}
+
+	/**
+	 * updates the crop bounds based on pointer movement
+	 * @param delta - the change in position
+	 */
+	private update_crop_bounds(delta: Point): void {
+		// Set flag indicating the crop has been manually changed
+		this.has_been_manually_changed = true;
+
+		// Scale the delta to match the image coordinates
+		const scaled_delta = new Point(delta.x, delta.y);
+
+		// Store original values to calculate actual changes
+		const original = {
+			x: this.crop_bounds.x,
+			y: this.crop_bounds.y,
+			width: this.crop_bounds.width,
+			height: this.crop_bounds.height
+		};
+
+		if (this.active_corner_index !== -1) {
+			// Handle corner dragging
+			switch (this.active_corner_index) {
+				case 0: // Top-left
+					// Update width and x position
+					const newWidth0 = Math.max(20, original.width - scaled_delta.x);
+					const widthDiff0 = original.width - newWidth0;
+					this.crop_bounds.width = newWidth0;
+					this.crop_bounds.x = original.x + widthDiff0;
+
+					// Update height and y position
+					const newHeight0 = Math.max(20, original.height - scaled_delta.y);
+					const heightDiff0 = original.height - newHeight0;
+					this.crop_bounds.height = newHeight0;
+					this.crop_bounds.y = original.y + heightDiff0;
+					break;
+
+				case 1: // Top-right
+					// Update width (right side)
+					this.crop_bounds.width = Math.max(
+						20,
+						original.width + scaled_delta.x
+					);
+
+					// Update height and y position (top side)
+					const newHeight1 = Math.max(20, original.height - scaled_delta.y);
+					const heightDiff1 = original.height - newHeight1;
+					this.crop_bounds.height = newHeight1;
+					this.crop_bounds.y = original.y + heightDiff1;
+					break;
+
+				case 2: // Bottom-left
+					// Update width and x position (left side)
+					const newWidth2 = Math.max(20, original.width - scaled_delta.x);
+					const widthDiff2 = original.width - newWidth2;
+					this.crop_bounds.width = newWidth2;
+					this.crop_bounds.x = original.x + widthDiff2;
+
+					// Update height (bottom side)
+					this.crop_bounds.height = Math.max(
+						20,
+						original.height + scaled_delta.y
+					);
+					break;
+
+				case 3: // Bottom-right
+					// Update width (right side)
+					this.crop_bounds.width = Math.max(
+						20,
+						original.width + scaled_delta.x
+					);
+
+					// Update height (bottom side)
+					this.crop_bounds.height = Math.max(
+						20,
+						original.height + scaled_delta.y
+					);
+					break;
+			}
+		} else if (this.active_edge_index !== -1) {
+			// Handle edge dragging
+			switch (this.active_edge_index) {
+				case 0: // Top
+					// Update height and y position
+					const newHeight = Math.max(20, original.height - scaled_delta.y);
+					const heightDiff = original.height - newHeight;
+					this.crop_bounds.height = newHeight;
+					this.crop_bounds.y = original.y + heightDiff;
+					break;
+
+				case 1: // Bottom
+					// Update height only
+					this.crop_bounds.height = Math.max(
+						20,
+						original.height + scaled_delta.y
+					);
+					break;
+
+				case 2: // Left
+					// Update width and x position
+					const newWidth = Math.max(20, original.width - scaled_delta.x);
+					const widthDiff = original.width - newWidth;
+					this.crop_bounds.width = newWidth;
+					this.crop_bounds.x = original.x + widthDiff;
+					break;
+
+				case 3: // Right
+					// Update width only
+					this.crop_bounds.width = Math.max(
+						20,
+						original.width + scaled_delta.x
+					);
+					break;
+			}
+		}
+
+		// Apply constraints
+		this.constrain_crop_bounds();
+
+		// Update the UI and mask
+		this.update_crop_ui();
+		this.update_crop_mask();
+
+		// Make sure to apply mask to the current background image
+		if (this.crop_mask && this.image_editor_context.background_image) {
+			this.image_editor_context.background_image.setMask(this.crop_mask);
+		}
+	}
+
+	/**
+	 * constrains the crop bounds to the image dimensions
+	 */
+	private constrain_crop_bounds(): void {
+		// Store original values
+		const original = {
+			x: this.crop_bounds.x,
+			y: this.crop_bounds.y,
+			width: this.crop_bounds.width,
+			height: this.crop_bounds.height
+		};
+
+		// First, constrain width and height to prevent exceeding image dimensions
+		// and ensure minimum size
+		this.crop_bounds.width = Math.max(
+			20,
+			Math.min(this.crop_bounds.width, this.dimensions.width)
+		);
+
+		this.crop_bounds.height = Math.max(
+			20,
+			Math.min(this.crop_bounds.height, this.dimensions.height)
+		);
+
+		// Then constrain x and y to keep the crop window within the image bounds
+		const oldX = this.crop_bounds.x;
+		this.crop_bounds.x = Math.max(
+			0,
+			Math.min(
+				this.crop_bounds.x,
+				this.dimensions.width - this.crop_bounds.width
+			)
+		);
+
+		// If x position was constrained, adjust width to prevent opposite handle drift
+		if (
+			(this.crop_bounds.x !== oldX && this.active_corner_index === 0) ||
+			this.active_edge_index === 2
+		) {
+			// Left side was constrained, adjust width to compensate
+			const xDiff = this.crop_bounds.x - oldX;
+			this.crop_bounds.width -= xDiff;
+		}
+
+		const oldY = this.crop_bounds.y;
+		this.crop_bounds.y = Math.max(
+			0,
+			Math.min(
+				this.crop_bounds.y,
+				this.dimensions.height - this.crop_bounds.height
+			)
+		);
+
+		// If y position was constrained, adjust height to prevent opposite handle drift
+		if (
+			this.crop_bounds.y !== oldY &&
+			(this.active_corner_index === 0 ||
+				this.active_corner_index === 1 ||
+				this.active_edge_index === 0)
+		) {
+			// Top side was constrained, adjust height to compensate
+			const yDiff = this.crop_bounds.y - oldY;
+			this.crop_bounds.height -= yDiff;
+		}
+
+		// Final check to ensure width and height don't exceed image dimensions from current position
+		this.crop_bounds.width = Math.max(
+			20,
+			Math.min(
+				this.crop_bounds.width,
+				this.dimensions.width - this.crop_bounds.x
+			)
+		);
+
+		this.crop_bounds.height = Math.max(
+			20,
+			Math.min(
+				this.crop_bounds.height,
+				this.dimensions.height - this.crop_bounds.y
+			)
+		);
+	}
+
+	/**
+	 * updates the crop mask graphics
+	 */
+	private update_crop_mask(): void {
+		if (!this.crop_mask) return;
+
+		// Clear the previous mask shape
+		this.crop_mask.clear();
+
+		const { width, height } =
+			this.image_editor_context.background_image?.getLocalBounds() ?? {
+				width: 0,
+				height: 0
+			};
+		this.crop_mask
+			.rect(0, 0, width, height)
+			.fill({ color: 0x000000, alpha: 0.4 })
+			.rect(
+				this.crop_bounds.x,
+				this.crop_bounds.y,
+				this.crop_bounds.width,
+				this.crop_bounds.height
+			)
+			.cut();
+
+		// Reset blend mode
+		// this.crop_mask.blendMode = "normal";
+
+		// Make the mask visible (previously we had alpha=0)
+		// this.crop_mask.alpha = 1;
+
+		// Since we're not using this as a mask anymore, but as an overlay,
+		// we should remove any existing mask assignment
+		if (this.image_editor_context.background_image) {
+			this.image_editor_context.background_image.mask = null;
+		}
+
+		// Make sure the mask is not applied to the image container
+		if (this.image_editor_context.image_container.mask === this.crop_mask) {
+			this.image_editor_context.image_container.mask = null;
+		}
+	}
+
+	/**
+	 * updates the crop ui position and dimensions
+	 */
+	private update_crop_ui(): void {
+		if (!this.crop_mask || !this.crop_ui_container) return;
+
+		// Move crop_ui_container so that (0,0) of its local space aligns with the crop_bounds on the stage
+		this.crop_ui_container.position.set(
+			this.position.x + this.crop_bounds.x * this.scale,
+			this.position.y + this.crop_bounds.y * this.scale
+		);
+
+		// Get the scaled dimensions
+		const scaled_width = this.crop_bounds.width * this.scale;
+		const scaled_height = this.crop_bounds.height * this.scale;
+
+		// Redraw the outline so it matches the crop_bounds size
+		const outline = this.crop_ui_container.getChildAt(0) as Graphics;
+		outline
+			.clear()
+			.rect(0, 0, scaled_width, scaled_height)
+			.stroke({ width: 1, color: 0x000000, alignment: 0, alpha: 0.5 });
+
+		// Update the hit area to match the new dimensions
+		outline.hitArea = new Rectangle(0, 0, scaled_width, scaled_height);
+
+		// Update handle positions to reflect the cropped area, not the full image
+		this.update_handle_positions(scaled_width, scaled_height);
+	}
+
+	/**
+	 * updates the positions of all handles
+	 * @param width - width of the crop area
+	 * @param height - height of the crop area
+	 */
+	private update_handle_positions(width: number, height: number): void {
+		if (!this.crop_ui_container) return;
+
+		// Skip the outline (index 0), get corner/edge handles
+		const handles = this.crop_ui_container.children.slice(1);
+
+		// First 4 are corners
+		const corners = handles.slice(0, 4);
+		const cornerPositions = [
+			{ x: 0, y: 0 }, // Top-left
+			{ x: width, y: 0 }, // Top-right
+			{ x: 0, y: height }, // Bottom-left
+			{ x: width, y: height } // Bottom-right
+		];
+
+		corners.forEach((handle, i) => {
+			const xScale = i % 2 === 0 ? 1 : -1;
+			const yScale = i < 2 ? 1 : -1;
+			handle.position.set(
+				cornerPositions[i].x -
+					(xScale < 0 ? -this.LINE_THICKNESS : this.LINE_THICKNESS),
+				cornerPositions[i].y -
+					(yScale < 0 ? -this.LINE_THICKNESS : this.LINE_THICKNESS)
+			);
+		});
+
+		// Remaining 4 are edges
+		const edges = handles.slice(4);
+		edges.forEach((handle, i) => {
+			if (i < 2) {
+				// Top/Bottom edges
+				handle.position.set(
+					width / 2 - (this.CORNER_SIZE * 1.5) / 2, // Changed from 3 to 2
+					i === 0 ? -this.LINE_THICKNESS : height
+				);
+			} else {
+				// Left/Right edges
+				handle.position.set(
+					i === 2 ? 0 : width + this.LINE_THICKNESS,
+					height / 2 - (this.CORNER_SIZE * 1.5) / 2 // Changed from 3 to 2
+				);
+			}
+		});
+	}
+
+	/**
+	 * sets up event listeners for the crop tool
+	 */
+	private setup_event_listeners(): void {
+		const stage = this.image_editor_context.app.stage;
+		stage.eventMode = "static";
+		stage.on("pointermove", this.handle_pointer_move.bind(this));
+		stage.on("pointerup", this.handle_pointer_up.bind(this));
+		stage.on("pointerupoutside", this.handle_pointer_up.bind(this));
+	}
+
+	/**
+	 * removes event listeners for the crop tool
+	 */
+	private cleanup_event_listeners(): void {
+		const stage = this.image_editor_context.app.stage;
+
+		stage.off("pointermove", this.handle_pointer_move.bind(this));
+		stage.off("pointerup", this.handle_pointer_up.bind(this));
+		stage.off("pointerupoutside", this.handle_pointer_up.bind(this));
+	}
+
+	/**
+	 * handles pointer move events
+	 * @param event - the pointer event
+	 */
+	private handle_pointer_move(event: FederatedPointerEvent): void {
+		if (this.current_subtool !== "crop") return;
+
+		if (
+			this.is_dragging_window &&
+			this.drag_start_position &&
+			this.drag_start_bounds
+		) {
+			// Handle window dragging
+			const local_pos = this.image_editor_context.image_container.toLocal(
+				event.global
+			);
+			const delta = new Point(
+				local_pos.x - this.drag_start_position.x,
+				local_pos.y - this.drag_start_position.y
+			);
+
+			// Update crop bounds based on drag
+			this.crop_bounds = {
+				x: this.drag_start_bounds.x + delta.x,
+				y: this.drag_start_bounds.y + delta.y,
+				width: this.drag_start_bounds.width,
+				height: this.drag_start_bounds.height
+			};
+
+			// Constrain the bounds
+			this.constrain_crop_bounds();
+
+			// Update the mask
+			this.update_crop_mask();
+
+			// Make sure to apply mask to the current background image
+			if (this.crop_mask && this.image_editor_context.background_image) {
+				this.image_editor_context.background_image.setMask(this.crop_mask);
+			}
+
+			return;
+		}
+
+		// Handle existing resize logic
+		if (
+			this.is_dragging &&
+			this.selected_handle &&
+			this.last_pointer_position
+		) {
+			// Convert from global to local, no extra divide
+			const local_pos = this.image_editor_context.image_container.toLocal(
+				event.global
+			);
+			const current_position = new Point(local_pos.x, local_pos.y);
+
+			const delta = new Point(
+				current_position.x - this.last_pointer_position.x,
+				current_position.y - this.last_pointer_position.y
+			);
+
+			this.update_crop_bounds(delta);
+			this.last_pointer_position = current_position;
+			this.update_crop_mask();
+		}
+	}
+
+	/**
+	 * handles pointer up events
+	 */
+	private handle_pointer_up(): void {
+		if (this.current_subtool !== "crop") return;
+
+		this.is_dragging = false;
+		this.is_dragging_window = false;
+		this.selected_handle = null;
+		this.last_pointer_position = null;
+		this.drag_start_position = null;
+		this.drag_start_bounds = null;
+		this.active_corner_index = -1;
+		this.active_edge_index = -1;
+
+		this.notify("change");
+	}
+
+	/**
+	 * handles the start of window dragging
+	 * @param event - the pointer event
+	 */
+	private handle_window_drag_start(event: FederatedPointerEvent): void {
+		if (this.current_subtool !== "crop") return;
+		event.stopPropagation();
+
+		this.is_dragging_window = true;
+		// Set flag indicating the crop has been manually changed
+		this.has_been_manually_changed = true;
+
+		// Store the initial position and bounds
+		const local_pos = this.image_editor_context.image_container.toLocal(
+			event.global
+		);
+		this.drag_start_position = new Point(local_pos.x, local_pos.y);
+		this.drag_start_bounds = { ...this.crop_bounds };
+	}
+
+	/**
+	 * @returns whether the crop has been manually changed by the user
+	 */
+	public get crop_manually_changed(): boolean {
+		return this.has_been_manually_changed;
+	}
+
+	on<T extends string>(event: T, callback: () => void): void {
+		this.event_callbacks.set(event, [
+			...(this.event_callbacks.get(event) || []),
+			callback
+		]);
+	}
+
+	off<T extends string>(event: T, callback: () => void): void {
+		this.event_callbacks.set(
+			event,
+			this.event_callbacks.get(event)?.filter((cb) => cb !== callback) || []
+		);
+	}
+
+	private notify<T extends string>(event: T): void {
+		for (const callback of this.event_callbacks.get(event) || []) {
+			callback();
+		}
+	}
+
+	public get_crop_bounds(): {
+		x: number;
+		y: number;
+		crop_dimensions: { width: number; height: number };
+		image_dimensions: { width: number; height: number };
+	} {
+		const { width, height } =
+			this.image_editor_context.background_image?.getLocalBounds() ?? {
+				width: 0,
+				height: 0
+			};
+		return {
+			x: this.crop_bounds.x,
+			y: this.crop_bounds.y,
+			crop_dimensions: {
+				width: this.crop_bounds.width,
+				height: this.crop_bounds.height
+			},
+			image_dimensions: {
+				width,
+				height
+			}
+		};
+	}
+
+	public get_image(): Promise<Blob | null> {
+		if (!this.image_editor_context.background_image)
+			return Promise.resolve(null);
+		const container = new Container();
+		const sprite = new Sprite(
+			this.image_editor_context.background_image.texture
+		);
+		container.addChild(sprite);
+
+		return get_canvas_blob(
+			this.image_editor_context.app.renderer,
+			container,
+			this.crop_bounds
+		);
+	}
+}
diff --git a/js/imageeditor/shared/image/IMAGE.md b/js/imageeditor/shared/image/IMAGE.md
new file mode 100644
index 0000000..b0e382a
--- /dev/null
+++ b/js/imageeditor/shared/image/IMAGE.md
@@ -0,0 +1,135 @@
+# Image Tool Documentation
+
+## Overview
+
+The Image Tool is a component of the image editor that handles adding and managing background images on the canvas. It allows users to upload, paste, or capture images from a webcam and set them as the background of the editing canvas. The tool manages image sizing, positioning, and integration with the layer system.
+
+## File Structure
+
+- `js/imageeditor/shared/image/image.ts` - Main implementation of the image tool
+- `js/imageeditor/shared/image/Sources.svelte` - UI component for image source options
+- `js/imageeditor/shared/core/editor.ts` - Defines the `Tool` interface and `ImageEditorContext`
+- `js/imageeditor/shared/Toolbar.svelte` - Defines the tool types and subtool types
+
+## Implementation Details
+
+### Class: `ImageTool`
+
+The `ImageTool` class implements the `Tool` interface defined in `editor.ts`. It provides the following functionality:
+
+- Adding images to the canvas
+- Managing image dimensions and positioning
+- Integrating with the layer system
+
+### Key Components
+
+#### `ImageTool` Class
+
+The main class that implements the `Tool` interface with methods:
+- `setup(context, tool, subtool)` - Initializes the tool with the editor context
+- `cleanup()` - Cleans up resources
+- `add_image(image, fixed_canvas)` - Adds an image to the canvas
+- `set_tool(tool, subtool)` - Updates the current tool and subtool
+
+#### `AddImageCommand` Class
+
+Implements the command pattern for adding images, allowing for undo/redo functionality:
+- `start()` - Initializes the image sprite and calculates dimensions
+- `execute()` - Adds the image to the canvas and updates the editor state
+- `undo()` - Removes the image from the canvas
+
+#### Helper Functions
+
+- `fit_image_to_canvas(image_width, image_height, canvas_width, canvas_height)` - Calculates dimensions to fit an image within the canvas while maintaining aspect ratio
+- `add_bg_color(container, renderer, color, width, height, resize)` - Adds a solid color background to the canvas
+
+### Image Processing Flow
+
+1. **Image Acquisition**: The image is acquired as a Blob or File from one of the sources (upload, clipboard, webcam)
+2. **Image Processing**: 
+   - The image is converted to a bitmap and then to a PIXI.js Texture
+   - The dimensions are calculated based on whether fixed_canvas is true or false
+   - If fixed_canvas is true, the image is scaled to fit the canvas while maintaining aspect ratio
+   - If fixed_canvas is false, the canvas is resized to match the image dimensions
+
+3. **Canvas Integration**:
+   - The editor's image properties are updated with the new dimensions
+   - Existing layers are preserved and scaled to match the new dimensions
+   - A new background layer is created with the image sprite
+   - The image is centered in the viewport
+
+4. **Layer Management**:
+   - The image is added as a sprite to a background layer
+   - Existing layers are preserved and scaled to match the new dimensions
+   - If no layers exist, an initial drawing layer is created
+
+## Command Pattern Implementation
+
+The image tool uses the command pattern to implement undo/redo functionality:
+
+1. **Command Creation**: When adding an image, an `AddImageCommand` is created
+2. **Command Execution**: The command's `execute()` method is called to add the image
+3. **Command Registration**: The command is registered with the editor's command manager
+4. **Undo Support**: The command's `undo()` method can be called to remove the image
+
+## Integration with Editor
+
+The image tool integrates with the editor through the `ImageEditorContext` interface, which provides:
+
+- `app` - The PIXI.js Application instance
+- `layer_manager` - Manages the layers in the editor
+- `set_image_properties` - Updates the image dimensions and position
+- `set_background_image` - Sets the background image sprite
+- `execute_command` - Registers a command with the command manager
+
+## Usage Flow
+
+1. The user selects an image source (upload, clipboard, webcam)
+2. The image is acquired as a Blob or File
+3. The `add_image` method is called with the image and a flag indicating whether to maintain the canvas size
+4. An `AddImageCommand` is created and executed
+5. The image is added to the canvas as a background layer
+6. The editor's state is updated with the new dimensions and position
+
+## Implementation Notes
+
+### Image Scaling
+
+The tool provides two modes for handling image dimensions:
+
+1. **Fixed Canvas Mode** (fixed_canvas = true):
+   - The image is scaled to fit within the canvas dimensions
+   - The aspect ratio is maintained
+   - The canvas size remains unchanged
+
+2. **Flexible Canvas Mode** (fixed_canvas = false):
+   - The canvas is resized to match the image dimensions
+   - No scaling is applied to the image
+   - Existing layers are scaled to match the new dimensions
+
+### Layer Preservation
+
+When adding a new background image:
+
+1. Existing layers are preserved
+2. Layer textures are captured before modification
+3. New layers are created with the new dimensions
+4. Content from old layers is scaled and centered on the new layers
+5. If no layers exist, an initial drawing layer is created
+
+## Maintenance Notes
+
+When modifying the image tool, consider:
+
+1. **Command Pattern**: Ensure that all modifications to the canvas state are implemented as commands for proper undo/redo support
+2. **Layer Management**: Be careful with layer creation and destruction to avoid memory leaks
+3. **Image Scaling**: Ensure that aspect ratios are maintained when scaling images
+4. **Performance**: Large images may need to be downsampled for performance
+5. **Memory Management**: Properly destroy textures and sprites when they are no longer needed
+
+## Related Components
+
+- **Toolbar**: Controls tool selection
+- **ImageEditor**: Provides the context and manages the overall editor state
+- **LayerManager**: Manages image layers
+- **Sources.svelte**: Provides UI for selecting image sources 
\ No newline at end of file
diff --git a/js/imageeditor/shared/image/image.ts b/js/imageeditor/shared/image/image.ts
new file mode 100644
index 0000000..490a64a
--- /dev/null
+++ b/js/imageeditor/shared/image/image.ts
@@ -0,0 +1,420 @@
+import {
+	Container,
+	Graphics,
+	Color,
+	type ColorSource,
+	RenderTexture,
+	Sprite,
+	type Renderer,
+	Texture
+} from "pixi.js";
+import { type ImageEditorContext, type Tool } from "../core/editor";
+import { type Tool as ToolbarTool, type Subtool } from "../Toolbar.svelte";
+import { type Command } from "../core/commands";
+import { make_graphics } from "../utils/pixi";
+import { get } from "svelte/store";
+
+/**
+ * Handles adding images to the editor
+ * Only a single image can be added at a time
+ * Adding an image removes the current image is one exists
+ */
+export class ImageTool implements Tool {
+	name = "image";
+	context!: ImageEditorContext;
+	current_tool!: ToolbarTool;
+	current_subtool!: Subtool;
+	async setup(
+		context: ImageEditorContext,
+		tool: ToolbarTool,
+		subtool: Subtool
+	): Promise<void> {
+		this.context = context;
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+	}
+
+	cleanup(): void {}
+
+	async add_image({
+		image,
+		fixed_canvas,
+		border_region = 0
+	}: {
+		image: Blob | File | Texture;
+		fixed_canvas: boolean;
+		border_region?: number;
+	}): Promise<void> {
+		const image_command = new AddImageCommand(
+			this.context,
+			image,
+			fixed_canvas,
+			border_region
+		);
+
+		await this.context.execute_command(image_command);
+	}
+
+	set_tool(tool: ToolbarTool, subtool: Subtool): void {
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+	}
+}
+
+interface BgImageCommand extends Command {
+	/**
+	 * Initial setup for the bg command
+	 * @returns
+	 */
+	start: () => Promise<void>;
+}
+
+export class AddImageCommand implements BgImageCommand {
+	sprite: Sprite | null = null;
+	fixed_canvas: boolean;
+	context: ImageEditorContext;
+	background: Blob | File | Texture;
+	current_canvas_size: { width: number; height: number };
+	computed_dimensions: { width: number; height: number };
+	current_scale: number;
+	current_position: { x: number; y: number };
+	border_region: number;
+
+	scaled_width!: number;
+	scaled_height!: number;
+
+	private previous_image: {
+		texture: Texture;
+		width: number;
+		height: number;
+		x: number;
+		y: number;
+		border_region: number;
+	} | null = null;
+	name: string;
+
+	constructor(
+		context: ImageEditorContext,
+		background: Blob | File | Texture,
+		fixed_canvas: boolean,
+		border_region = 0
+	) {
+		this.name = "AddImage";
+		this.context = context;
+		this.background = background;
+		this.fixed_canvas = fixed_canvas;
+		this.border_region = border_region;
+		this.current_canvas_size = get(this.context.dimensions);
+		this.current_scale = get(this.context.scale);
+		this.current_position = get(this.context.position);
+
+		this.computed_dimensions = { width: 0, height: 0 };
+
+		if (
+			this.context.background_image &&
+			this.context.background_image.texture
+		) {
+			const bg = this.context.background_image;
+			const stored_border_region = (bg as any).borderRegion || 0;
+
+			this.previous_image = {
+				texture: this.clone_texture(bg.texture),
+				width: bg.width,
+				height: bg.height,
+				x: bg.position.x,
+				y: bg.position.y,
+				border_region: stored_border_region
+			};
+		}
+	}
+
+	/**
+	 * Creates a copy of a texture to avoid reference issues
+	 */
+	private clone_texture(texture: Texture): Texture {
+		const render_texture = RenderTexture.create({
+			width: texture.width,
+			height: texture.height,
+			resolution: window.devicePixelRatio || 1
+		});
+
+		const sprite = new Sprite(texture);
+		const container = new Container();
+		container.addChild(sprite);
+
+		this.context.app.renderer.render(container, {
+			renderTexture: render_texture
+		});
+
+		container.destroy({ children: true });
+		return render_texture;
+	}
+
+	async start(): Promise<void> {
+		let image_texture: Texture;
+		if (this.background instanceof Texture) {
+			image_texture = this.background;
+		} else {
+			const img = await createImageBitmap(this.background);
+			image_texture = Texture.from(img);
+		}
+
+		this.sprite = new Sprite(image_texture);
+
+		const [width, height] = this.handle_image();
+		this.computed_dimensions = { width, height };
+	}
+
+	private handle_image(): [number, number] {
+		if (this.sprite === null) {
+			return [0, 0];
+		}
+		if (this.fixed_canvas) {
+			const effectiveCanvasWidth = Math.max(
+				this.current_canvas_size.width - this.border_region * 2,
+				10
+			);
+			const effectiveCanvasHeight = Math.max(
+				this.current_canvas_size.height - this.border_region * 2,
+				10
+			);
+
+			const { width, height, x, y } = fit_image_to_canvas(
+				this.sprite.width,
+				this.sprite.height,
+				effectiveCanvasWidth,
+				effectiveCanvasHeight
+			);
+
+			this.sprite.width = width;
+			this.sprite.height = height;
+
+			this.sprite.x = x + this.border_region;
+			this.sprite.y = y + this.border_region;
+		} else {
+			const width = this.sprite.width;
+			const height = this.sprite.height;
+
+			this.sprite.x = this.border_region;
+			this.sprite.y = this.border_region;
+
+			return [width + this.border_region * 2, height + this.border_region * 2];
+		}
+
+		return [this.current_canvas_size.width, this.current_canvas_size.height];
+	}
+
+	async execute(context?: ImageEditorContext): Promise<void> {
+		if (context) {
+			this.context = context;
+		}
+
+		await this.start();
+
+		if (this.sprite === null) {
+			return;
+		}
+
+		const { width, height } = this.computed_dimensions;
+
+		await this.context.set_image_properties({
+			scale: 1,
+			position: {
+				x: this.context.app.screen.width / 2,
+				y: this.context.app.screen.height / 2
+			},
+			width: this.fixed_canvas ? this.current_canvas_size.width : width,
+			height: this.fixed_canvas ? this.current_canvas_size.height : height
+		});
+
+		const background_layer = this.context.layer_manager.create_background_layer(
+			this.fixed_canvas ? this.current_canvas_size.width : width,
+			this.fixed_canvas ? this.current_canvas_size.height : height
+		);
+		this.sprite.zIndex = 0;
+		background_layer.addChild(this.sprite);
+
+		this.context.layer_manager.reset_layers(
+			this.fixed_canvas ? this.current_canvas_size.width : width,
+			this.fixed_canvas ? this.current_canvas_size.height : height,
+			true
+		);
+
+		if (this.border_region > 0) {
+			(this.sprite as any).borderRegion = this.border_region;
+		}
+
+		this.context.set_background_image(this.sprite);
+
+		this.context.reset();
+	}
+
+	async undo(): Promise<void> {
+		if (this.sprite) {
+			this.sprite.destroy();
+
+			if (this.previous_image) {
+				const previous_sprite = new Sprite(this.previous_image.texture);
+				previous_sprite.width = this.previous_image.width;
+				previous_sprite.height = this.previous_image.height;
+				previous_sprite.position.set(
+					this.previous_image.x,
+					this.previous_image.y
+				);
+
+				if (this.previous_image.border_region > 0) {
+					(previous_sprite as any).borderRegion =
+						this.previous_image.border_region;
+				}
+
+				await this.context.set_image_properties({
+					scale: 1,
+					position: {
+						x: this.context.app.screen.width / 2,
+						y: this.context.app.screen.height / 2
+					},
+					width: this.previous_image.width,
+					height: this.previous_image.height
+				});
+
+				const background_layer =
+					this.context.layer_manager.create_background_layer(
+						this.previous_image.width,
+						this.previous_image.height
+					);
+
+				previous_sprite.zIndex = 0;
+				background_layer.addChild(previous_sprite);
+
+				this.context.layer_manager.reset_layers(
+					this.previous_image.width,
+					this.previous_image.height,
+					true
+				);
+
+				this.context.set_background_image(previous_sprite);
+			} else {
+				await this.context.set_image_properties({
+					scale: 1,
+					position: {
+						x: this.context.app.screen.width / 2,
+						y: this.context.app.screen.height / 2
+					},
+					width: this.current_canvas_size.width,
+					height: this.current_canvas_size.height
+				});
+
+				this.context.layer_manager.create_background_layer(
+					this.current_canvas_size.width,
+					this.current_canvas_size.height
+				);
+
+				this.context.layer_manager.reset_layers(
+					this.current_canvas_size.width,
+					this.current_canvas_size.height
+				);
+			}
+
+			this.context.reset();
+		}
+	}
+}
+
+/**
+ * Command that sets a background
+ */
+interface BgColorCommand extends Command {
+	/**
+	 * Initial setup for the bg command
+	 * @returns
+	 */
+	start: () => [number, number];
+}
+
+/**
+ * Adds a background color to the canvas.
+ * @param container The container to add the image to.
+ * @param renderer The renderer to use for the image.
+ * @param color The background color to add.
+ * @param width The width of the background.
+ * @param height The height of the background.
+ * @param resize The function to resize the canvas.
+ * @returns A command that can be used to undo the action.
+ */
+export function add_bg_color(
+	container: Container,
+	renderer: Renderer,
+	color: ColorSource,
+	width: number,
+	height: number,
+	resize: (width: number, height: number) => void
+): BgColorCommand {
+	let sprite: Sprite;
+	return {
+		name: "AddBgColor",
+		start() {
+			container.removeChildren();
+			const graphics = make_graphics(1);
+			const texture = RenderTexture.create({
+				width,
+				height
+			});
+
+			renderer.render(graphics, { renderTexture: texture });
+			sprite = new Sprite(texture);
+			return [sprite.width, sprite.height];
+		},
+		async execute() {
+			resize(sprite.width, sprite.height);
+			sprite.zIndex = 1;
+			container.addChild(sprite);
+		},
+		undo() {
+			container.removeChildren();
+		}
+	};
+}
+
+/**
+ * Calculates new dimensions and position for an image to fit within a canvas while maintaining aspect ratio
+ * @param image_width Original width of the image
+ * @param image_height Original height of the image
+ * @param canvas_width Width of the canvas
+ * @param canvas_height Height of the canvas
+ * @returns Object containing new dimensions and position
+ */
+export function fit_image_to_canvas(
+	image_width: number,
+	image_height: number,
+	canvas_width: number,
+	canvas_height: number
+): {
+	width: number;
+	height: number;
+	x: number;
+	y: number;
+} {
+	const image_aspect_ratio = image_width / image_height;
+	const canvas_aspect_ratio = canvas_width / canvas_height;
+
+	let new_width: number;
+	let new_height: number;
+
+	if (image_aspect_ratio > canvas_aspect_ratio) {
+		new_width = canvas_width;
+		new_height = canvas_width / image_aspect_ratio;
+	} else {
+		new_height = canvas_height;
+		new_width = canvas_height * image_aspect_ratio;
+	}
+
+	const x = Math.round((canvas_width - new_width) / 2);
+	const y = Math.round((canvas_height - new_height) / 2);
+
+	return {
+		width: Math.round(new_width),
+		height: Math.round(new_height),
+		x,
+		y
+	};
+}
diff --git a/js/imageeditor/shared/resize/resize.ts b/js/imageeditor/shared/resize/resize.ts
new file mode 100644
index 0000000..3c105f0
--- /dev/null
+++ b/js/imageeditor/shared/resize/resize.ts
@@ -0,0 +1,1767 @@
+import {
+	Container,
+	Graphics,
+	Point,
+	Rectangle,
+	FederatedPointerEvent,
+	type FederatedOptions
+} from "pixi.js";
+import { type ImageEditorContext, type Tool } from "../core/editor";
+import { type Tool as ToolbarTool, type Subtool } from "../Toolbar.svelte";
+import { type Command } from "../core/commands";
+
+/**
+ * Command that handles resizing the image and supports undo/redo
+ */
+export class ResizeCommand implements Command {
+	private original_width: number;
+	private original_height: number;
+	private original_x: number;
+	private original_y: number;
+
+	private new_width: number;
+	private new_height: number;
+	private new_x: number;
+	private new_y: number;
+	private reset_ui: () => void;
+	name: string;
+
+	constructor(
+		private context: ImageEditorContext,
+		original_state: { width: number; height: number; x: number; y: number },
+		new_state: { width: number; height: number; x: number; y: number },
+		reset_ui: () => void
+	) {
+		this.name = "Resize";
+		this.original_width = original_state.width;
+		this.original_height = original_state.height;
+		this.original_x = original_state.x;
+		this.original_y = original_state.y;
+
+		this.new_width = new_state.width;
+		this.new_height = new_state.height;
+		this.new_x = new_state.x;
+		this.new_y = new_state.y;
+		this.reset_ui = reset_ui;
+	}
+
+	async execute(context?: ImageEditorContext): Promise<void> {
+		if (context) {
+			this.context = context;
+		}
+
+		if (!this.context.background_image) return;
+
+		this.context.background_image.width = this.new_width;
+		this.context.background_image.height = this.new_height;
+		this.context.background_image.position.set(this.new_x, this.new_y);
+
+		this.reset_ui();
+	}
+
+	async undo(): Promise<void> {
+		if (!this.context.background_image) return;
+
+		this.context.background_image.width = this.original_width;
+		this.context.background_image.height = this.original_height;
+		this.context.background_image.position.set(
+			this.original_x,
+			this.original_y
+		);
+
+		this.reset_ui();
+	}
+}
+
+/**
+ * @class ResizeTool
+ * @implements {Tool}
+ * @description Implements the resize tool functionality for the image editor
+ */
+export class ResizeTool implements Tool {
+	name = "resize" as const;
+	private image_editor_context!: ImageEditorContext;
+	current_tool: ToolbarTool = "image";
+	current_subtool: Subtool = "size";
+	private current_cursor: FederatedOptions["cursor"] = "unset";
+	private readonly CORNER_SIZE = 25;
+	private readonly LINE_THICKNESS = 5;
+	private readonly HANDLE_COLOR = 0x000000;
+	private readonly HIT_AREA_SIZE = 40;
+	private borderRegion = 0;
+
+	private is_dragging = false;
+	private selected_handle: Container | null = null;
+	private active_corner_index = -1;
+	private active_edge_index = -1;
+	private last_pointer_position: Point | null = null;
+	private resize_ui_container: Container | null = null;
+	private dimensions: { width: number; height: number } = {
+		width: 0,
+		height: 0
+	};
+	private position: { x: number; y: number } = { x: 0, y: 0 };
+	private scale = 1;
+	private is_moving = false;
+	private dom_mousedown_handler: ((e: MouseEvent) => void) | null = null;
+	private dom_mousemove_handler: ((e: MouseEvent) => void) | null = null;
+	private dom_mouseup_handler: ((e: MouseEvent) => void) | null = null;
+	private event_callbacks: Map<string, (() => void)[]> = new Map();
+	private last_scale = 1;
+	private readonly handle_pointer_move_bound =
+		this.handle_pointer_move.bind(this);
+	private readonly handle_pointer_up_bound = this.handle_pointer_up.bind(this);
+
+	private original_state: {
+		width: number;
+		height: number;
+		x: number;
+		y: number;
+	} | null = null;
+
+	/**
+	 * @method setup
+	 * @async
+	 * @description Sets up the resize tool with the given context and tool/subtool
+	 * @param {ImageEditorContext} context - The image editor context
+	 * @param {ToolbarTool} tool - The current tool
+	 * @param {Subtool} subtool - The current subtool
+	 * @returns {Promise<void>}
+	 */
+	async setup(
+		context: ImageEditorContext,
+		tool: ToolbarTool,
+		subtool: Subtool
+	): Promise<void> {
+		this.image_editor_context = context;
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+
+		if (context.background_image) {
+			if ((context.background_image as any).borderRegion !== undefined) {
+				this.borderRegion = (context.background_image as any).borderRegion;
+			} else {
+				const bg = context.background_image;
+				const container = context.image_container;
+
+				const isHorizontallyCentered =
+					Math.abs(bg.position.x - (container.width - bg.width) / 2) < 2;
+				const isVerticallyCentered =
+					Math.abs(bg.position.y - (container.height - bg.height) / 2) < 2;
+
+				if (!isHorizontallyCentered || !isVerticallyCentered) {
+					this.borderRegion = Math.max(bg.position.x, bg.position.y);
+
+					(context.background_image as any).borderRegion = this.borderRegion;
+				}
+			}
+		}
+
+		context.dimensions.subscribe((dimensions) => {
+			this.dimensions = dimensions;
+			if (this.resize_ui_container) {
+				this.update_resize_ui();
+			}
+		});
+
+		context.position.subscribe((position) => {
+			this.position = position;
+			if (
+				this.resize_ui_container &&
+				this.current_tool === "image" &&
+				this.current_subtool === "size"
+			) {
+				this.update_resize_ui();
+			}
+		});
+
+		context.scale.subscribe((scale) => {
+			this.scale = scale;
+			if (
+				this.resize_ui_container &&
+				this.current_tool === "image" &&
+				this.current_subtool === "size"
+			) {
+				this.update_resize_ui();
+			}
+		});
+
+		await this.init_resize_ui();
+		this.setup_event_listeners();
+
+		if (
+			this.current_subtool === "size" &&
+			this.image_editor_context.background_image
+		) {
+			const bg = this.image_editor_context.background_image;
+			const container = this.image_editor_context.image_container;
+
+			const bg_width = bg.width;
+			const bg_height = bg.height;
+			const container_bounds = container.getLocalBounds();
+			const container_width = container_bounds.width;
+			const container_height = container_bounds.height;
+
+			const min_x = -(bg_width - container_width);
+			const min_y = -(bg_height - container_height);
+			const max_x = 0;
+			const max_y = 0;
+
+			const x_out_of_bounds =
+				bg_width > container_width &&
+				(bg.position.x < min_x || bg.position.x > max_x);
+			const y_out_of_bounds =
+				bg_height > container_height &&
+				(bg.position.y < min_y || bg.position.y > max_y);
+
+			if (x_out_of_bounds || y_out_of_bounds) {
+				this.apply_boundary_constraints();
+			}
+		}
+	}
+
+	/**
+	 * @method cleanup
+	 * @description Cleans up the resize tool resources and removes event listeners
+	 * @returns {void}
+	 */
+	cleanup(): void {
+		if (this.resize_ui_container && this.image_editor_context?.app) {
+			this.image_editor_context.app.stage.removeChild(this.resize_ui_container);
+		}
+		this.cleanup_event_listeners();
+	}
+
+	/**
+	 * @method set_tool
+	 * @description Sets the current tool and subtool, updating UI visibility
+	 * @param {ToolbarTool} tool - The tool to set
+	 * @param {Subtool} subtool - The subtool to set
+	 * @returns {void}
+	 */
+	set_tool(tool: ToolbarTool, subtool: Subtool): void {
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+
+		if (tool === "image" && subtool === "size") {
+			const context = this.image_editor_context;
+			if (!context) return;
+
+			if (context.background_image) {
+				const storedBorderRegion = (context.background_image as any)
+					.borderRegion;
+				if (typeof storedBorderRegion === "number" && storedBorderRegion > 0) {
+					this.borderRegion = storedBorderRegion;
+				}
+			}
+
+			this.show_resize_ui();
+
+			if (context.background_image) {
+				const bg = context.background_image;
+				const container = context.image_container;
+
+				const bg_width = bg.width;
+				const bg_height = bg.height;
+				const container_bounds = container.getLocalBounds();
+				const container_width = container_bounds.width;
+				const container_height = container_bounds.height;
+
+				const effectiveWidth = container_width - this.borderRegion * 2;
+				const effectiveHeight = container_height - this.borderRegion * 2;
+
+				const min_x =
+					bg_width > effectiveWidth
+						? -(bg_width - effectiveWidth) + this.borderRegion
+						: this.borderRegion;
+				const max_x =
+					bg_width > effectiveWidth
+						? this.borderRegion
+						: container_width - bg_width - this.borderRegion;
+
+				const min_y =
+					bg_height > effectiveHeight
+						? -(bg_height - effectiveHeight) + this.borderRegion
+						: this.borderRegion;
+				const max_y =
+					bg_height > effectiveHeight
+						? this.borderRegion
+						: container_height - bg_height - this.borderRegion;
+
+				const x_out_of_bounds = bg.position.x < min_x || bg.position.x > max_x;
+				const y_out_of_bounds = bg.position.y < min_y || bg.position.y > max_y;
+
+				if (x_out_of_bounds || y_out_of_bounds) {
+					this.apply_boundary_constraints();
+				}
+			}
+		} else {
+			this.hide_resize_ui();
+		}
+	}
+
+	/**
+	 * @method init_resize_ui
+	 * @private
+	 * @async
+	 * @description Initializes the resize UI elements and sets up the update loop
+	 * @returns {Promise<void>}
+	 */
+	private async init_resize_ui(): Promise<void> {
+		this.resize_ui_container = this.make_resize_ui(
+			this.dimensions.width * this.scale,
+			this.dimensions.height * this.scale
+		);
+
+		this.resize_ui_container.position.set(this.position.x, this.position.y);
+
+		this.resize_ui_container.visible = false;
+
+		this.image_editor_context.app.stage.addChild(this.resize_ui_container);
+	}
+
+	/**
+	 * @method make_resize_ui
+	 * @private
+	 * @description Creates the resize UI with the specified dimensions
+	 * @param {number} width - Width of the resize area
+	 * @param {number} height - Height of the resize area
+	 * @returns {Container} The created resize UI container
+	 */
+	private make_resize_ui(width: number, height: number): Container {
+		const resize_container = new Container();
+		resize_container.eventMode = "static";
+		resize_container.interactiveChildren = true;
+
+		const outline = new Graphics().rect(0, 0, width, height).stroke({
+			width: 1,
+			color: 0x000000,
+			alignment: 0,
+			alpha: 0.3
+		});
+
+		const dotted_outline = new Graphics();
+
+		dotted_outline.rect(0, 0, width, height).stroke({
+			width: 1,
+			color: 0x000000,
+			alpha: 0.7,
+			pixelLine: true
+		});
+
+		const dash_length = 5;
+		const gap_length = 5;
+		const total_length = dash_length + gap_length;
+
+		for (let x = 0; x < width; x += total_length * 2) {
+			dotted_outline
+				.rect(x, 0, Math.min(dash_length, width - x), 1)
+				.fill(0x000000);
+
+			dotted_outline
+				.rect(x, height - 1, Math.min(dash_length, width - x), 1)
+				.fill(0x000000);
+		}
+
+		for (let y = 0; y < height; y += total_length * 2) {
+			dotted_outline
+				.rect(0, y, 1, Math.min(dash_length, height - y))
+				.fill(0x000000);
+
+			dotted_outline
+				.rect(width - 1, y, 1, Math.min(dash_length, height - y))
+				.fill(0x000000);
+		}
+
+		resize_container.addChild(outline);
+		resize_container.addChild(dotted_outline);
+
+		const move_area = new Graphics()
+			.rect(0, 0, width, height)
+			.fill(0xffffff, 0);
+		move_area.eventMode = "static";
+		move_area.cursor = "move";
+		resize_container.addChild(move_area);
+
+		this.create_corner_handles(resize_container, width, height);
+		this.create_edge_handles(resize_container, width, height);
+
+		return resize_container;
+	}
+
+	/**
+	 * @method create_handle
+	 * @private
+	 * @description Creates a handle for the resize UI
+	 * @param {boolean} [is_edge=false] - Whether the handle is an edge handle
+	 * @returns {Container} The created handle container
+	 */
+	private create_handle(is_edge = false): Container {
+		const handle = new Container();
+		handle.eventMode = "static";
+		handle.cursor = "pointer";
+
+		const handle_graphics = new Graphics();
+		const handle_size = is_edge ? 8 : 10;
+		handle_graphics
+			.rect(-handle_size / 2, -handle_size / 2, handle_size, handle_size)
+			.fill(0xffffff)
+			.stroke({ width: 1, color: this.HANDLE_COLOR });
+		handle.addChild(handle_graphics);
+
+		const hit_size = is_edge ? this.HIT_AREA_SIZE * 1.5 : this.HIT_AREA_SIZE;
+		handle.hitArea = new Rectangle(
+			-hit_size / 2,
+			-hit_size / 2,
+			hit_size,
+			hit_size
+		);
+
+		return handle;
+	}
+
+	/**
+	 * @method create_edge_handles
+	 * @private
+	 * @description Creates edge handles for the resize UI
+	 * @param {Container} container - The container to add handles to
+	 * @param {number} width - Width of the resize area
+	 * @param {number} height - Height of the resize area
+	 * @returns {void}
+	 */
+	private create_edge_handles(
+		container: Container,
+		width: number,
+		height: number
+	): void {
+		[-1, 1].forEach((i, index) => {
+			const handle = this.create_handle(true);
+			handle.rotation = 0;
+
+			handle.on("pointerdown", (event: FederatedPointerEvent) => {
+				this.handle_pointer_down(event, handle, -1, index);
+			});
+
+			handle.x = width / 2;
+			handle.y = i < 0 ? 0 : height;
+			handle.cursor = "ns-resize";
+
+			container.addChild(handle);
+		});
+
+		[-1, 1].forEach((i, index) => {
+			const handle = this.create_handle(true);
+			handle.rotation = 0;
+			handle.on("pointerdown", (event: FederatedPointerEvent) => {
+				this.handle_pointer_down(event, handle, -1, index + 2);
+			});
+
+			handle.x = i < 0 ? 0 : width;
+			handle.y = height / 2;
+			handle.cursor = "ew-resize";
+			container.addChild(handle);
+		});
+	}
+
+	/**
+	 * @method create_corner_handles
+	 * @private
+	 * @description Creates corner handles for the resize UI
+	 * @param {Container} container - The container to add handles to
+	 * @param {number} width - Width of the resize area
+	 * @param {number} height - Height of the resize area
+	 * @returns {void}
+	 */
+	private create_corner_handles(
+		container: Container,
+		width: number,
+		height: number
+	): void {
+		const corners = [
+			{ x: 0, y: 0, cursor: "nwse-resize" },
+			{ x: width, y: 0, cursor: "nesw-resize" },
+			{ x: 0, y: height, cursor: "nesw-resize" },
+			{ x: width, y: height, cursor: "nwse-resize" }
+		];
+
+		corners.forEach(({ x, y, cursor }, i) => {
+			const corner = this.create_handle(false);
+			corner.x = x;
+			corner.y = y;
+
+			corner.on("pointerdown", (event: FederatedPointerEvent) => {
+				this.handle_pointer_down(event, corner, i, -1);
+			});
+
+			corner.cursor = cursor;
+
+			container.addChild(corner);
+		});
+	}
+
+	/**
+	 * @method handle_pointer_down
+	 * @private
+	 * @description Handles pointer down events on handles
+	 * @param {FederatedPointerEvent} event - The pointer event
+	 * @param {Container} handle - The handle that was clicked
+	 * @param {number} corner_index - Index of the corner (-1 if not a corner)
+	 * @param {number} edge_index - Index of the edge (-1 if not an edge)
+	 * @returns {void}
+	 */
+	private handle_pointer_down(
+		event: FederatedPointerEvent,
+		handle: Container,
+		corner_index: number,
+		edge_index: number
+	): void {
+		if (this.current_subtool !== "size") return;
+
+		event.stopPropagation();
+
+		this.is_dragging = true;
+		this.selected_handle = handle;
+		this.active_corner_index = corner_index;
+		this.active_edge_index = edge_index;
+
+		const local_pos = this.image_editor_context.image_container.toLocal(
+			event.global
+		);
+		this.last_pointer_position = new Point(local_pos.x, local_pos.y);
+
+		if (this.image_editor_context.background_image) {
+			const bg = this.image_editor_context.background_image;
+			this.original_state = {
+				width: bg.width,
+				height: bg.height,
+				x: bg.position.x,
+				y: bg.position.y
+			};
+		}
+	}
+
+	/**
+	 * Maintains aspect ratio during resizing
+	 * @param new_width - The new width
+	 * @param new_height - The new height
+	 * @param original_aspect_ratio - The original aspect ratio
+	 * @param delta - The delta to apply
+	 * @returns The adjusted dimensions
+	 */
+	private maintain_aspect_ratio(
+		new_width: number,
+		new_height: number,
+		original_aspect_ratio: number,
+		delta: Point
+	): { width: number; height: number } {
+		const abs_delta_x = Math.abs(delta.x);
+		const abs_delta_y = Math.abs(delta.y);
+
+		if (abs_delta_x > abs_delta_y * 1.2) {
+			new_height = new_width / original_aspect_ratio;
+		} else if (abs_delta_y > abs_delta_x * 1.2) {
+			new_width = new_height * original_aspect_ratio;
+		} else {
+			if (new_width / original_aspect_ratio > new_height) {
+				new_height = new_width / original_aspect_ratio;
+			} else {
+				new_width = new_height * original_aspect_ratio;
+			}
+		}
+
+		return { width: new_width, height: new_height };
+	}
+
+	/**
+	 * Limits dimensions based on constraints
+	 * @param width - The width to limit
+	 * @param height - The height to limit
+	 * @param maintain_aspect_ratio - Whether to maintain aspect ratio
+	 * @returns The limited dimensions
+	 */
+	private limit_dimensions(
+		width: number,
+		height: number,
+		maintain_aspect_ratio: boolean
+	): { width: number; height: number } {
+		const max_width = this.dimensions.width;
+		const max_height = this.dimensions.height;
+
+		let new_width = width;
+		let new_height = height;
+
+		if (new_width > max_width) {
+			if (maintain_aspect_ratio && this.active_corner_index !== -1) {
+				new_height = (max_width / new_width) * new_height;
+			}
+			new_width = max_width;
+		}
+
+		if (new_height > max_height) {
+			if (maintain_aspect_ratio && this.active_corner_index !== -1) {
+				new_width = (max_height / new_height) * new_width;
+			}
+			new_height = max_height;
+		}
+
+		new_width = Math.max(20, new_width);
+		new_height = Math.max(20, new_height);
+
+		return { width: new_width, height: new_height };
+	}
+
+	/**
+	 * Calculates position deltas based on dimension changes
+	 * @param old_width - The original width
+	 * @param old_height - The original height
+	 * @param new_width - The new width
+	 * @param new_height - The new height
+	 * @returns Object containing x and y position deltas
+	 */
+	private calculate_position_deltas(
+		old_width: number,
+		old_height: number,
+		new_width: number,
+		new_height: number
+	): { x: number; y: number } {
+		let delta_x = 0;
+		let delta_y = 0;
+
+		if (this.active_corner_index === 0 || this.active_edge_index === 2) {
+			delta_x = old_width - new_width;
+		} else if (this.active_corner_index === 2) {
+			delta_x = old_width - new_width;
+			delta_y = 0;
+		}
+
+		if (
+			this.active_corner_index === 0 ||
+			this.active_corner_index === 1 ||
+			this.active_edge_index === 0
+		) {
+			delta_y = old_height - new_height;
+		}
+
+		return { x: delta_x, y: delta_y };
+	}
+
+	/**
+	 * Applies boundary constraints to keep the image within the container
+	 * @private
+	 */
+	private apply_boundary_constraints(): void {
+		if (!this.image_editor_context.background_image) return;
+
+		const bg = this.image_editor_context.background_image;
+		const image_container = this.image_editor_context.image_container;
+
+		let new_x = bg.position.x;
+		let new_y = bg.position.y;
+
+		const container_width = image_container.width;
+		const container_height = image_container.height;
+		const bg_width = bg.width;
+		const bg_height = bg.height;
+
+		const effectiveWidth = container_width - this.borderRegion * 2;
+		const effectiveHeight = container_height - this.borderRegion * 2;
+
+		if (bg_width > effectiveWidth) {
+			const min_x = -(bg_width - effectiveWidth) + this.borderRegion;
+			const max_x = this.borderRegion;
+			new_x = Math.max(min_x, Math.min(max_x, new_x));
+		} else {
+			const min_x = this.borderRegion;
+			const max_x = container_width - bg_width - this.borderRegion;
+			if (new_x < min_x || new_x > max_x) {
+				new_x = Math.max(min_x, Math.min(max_x, new_x));
+			}
+		}
+
+		if (bg_height > effectiveHeight) {
+			const min_y = -(bg_height - effectiveHeight) + this.borderRegion;
+			const max_y = this.borderRegion;
+			new_y = Math.max(min_y, Math.min(max_y, new_y));
+		} else {
+			const min_y = this.borderRegion;
+			const max_y = container_height - bg_height - this.borderRegion;
+			if (new_y < min_y || new_y > max_y) {
+				new_y = Math.max(min_y, Math.min(max_y, new_y));
+			}
+		}
+
+		bg.position.set(new_x, new_y);
+
+		if (this.resize_ui_container) {
+			const total_x = image_container.position.x + new_x * this.scale;
+			const total_y = image_container.position.y + new_y * this.scale;
+			this.resize_ui_container.position.set(total_x, total_y);
+		}
+	}
+
+	/**
+	 * Updates the resize bounds based on the delta
+	 * @param delta - The delta to apply
+	 * @param maintain_aspect_ratio - Whether to maintain the aspect ratio
+	 */
+	private update_resize_bounds(
+		delta: Point,
+		maintain_aspect_ratio = false
+	): void {
+		const background_image = this.image_editor_context.background_image;
+
+		if (!background_image) return;
+
+		const original_width = background_image.width;
+		const original_height = background_image.height;
+		const original_x = background_image.position.x;
+		const original_y = background_image.position.y;
+		const original_aspect_ratio = original_width / original_height;
+
+		let current_position: Point;
+
+		if (this.active_corner_index !== -1) {
+			switch (this.active_corner_index) {
+				case 0:
+					current_position = new Point(
+						original_x - delta.x,
+						original_y - delta.y
+					);
+					break;
+				case 1:
+					current_position = new Point(
+						original_x + original_width + delta.x,
+						original_y - delta.y
+					);
+					break;
+				case 2:
+					current_position = new Point(
+						original_x - delta.x,
+						original_y + original_height + delta.y
+					);
+					break;
+				case 3:
+					current_position = new Point(
+						original_x + original_width + delta.x,
+						original_y + original_height + delta.y
+					);
+					break;
+				default:
+					return;
+			}
+
+			const dimensions = this.handle_direct_corner_resize(
+				current_position,
+				original_width,
+				original_height,
+				original_x,
+				original_y,
+				original_aspect_ratio,
+				maintain_aspect_ratio
+			);
+
+			background_image.width = dimensions.width;
+			background_image.height = dimensions.height;
+			background_image.position.set(dimensions.x, dimensions.y);
+		} else if (this.active_edge_index !== -1) {
+			switch (this.active_edge_index) {
+				case 0:
+					current_position = new Point(
+						original_x + original_width / 2,
+						original_y - delta.y
+					);
+					break;
+				case 1:
+					current_position = new Point(
+						original_x + original_width / 2,
+						original_y + original_height + delta.y
+					);
+					break;
+				case 2:
+					current_position = new Point(
+						original_x - delta.x,
+						original_y + original_height / 2
+					);
+					break;
+				case 3:
+					current_position = new Point(
+						original_x + original_width + delta.x,
+						original_y + original_height / 2
+					);
+					break;
+				default:
+					return;
+			}
+
+			const dimensions = this.handle_direct_edge_resize(
+				current_position,
+				original_width,
+				original_height,
+				original_x,
+				original_y
+			);
+
+			background_image.width = dimensions.width;
+			background_image.height = dimensions.height;
+			background_image.position.set(dimensions.x, dimensions.y);
+		}
+
+		this.update_resize_ui();
+	}
+
+	/**
+	 * updates the resize ui position and dimensions
+	 */
+	private update_resize_ui(): void {
+		if (
+			!this.resize_ui_container ||
+			!this.image_editor_context.background_image ||
+			!this.image_editor_context.background_image.position
+		)
+			return;
+
+		const background_image = this.image_editor_context.background_image;
+		const image_container = this.image_editor_context.image_container;
+
+		const container_global_pos = image_container.getGlobalPosition();
+
+		const bg_pos_x = background_image.position.x * this.scale;
+		const bg_pos_y = background_image.position.y * this.scale;
+
+		this.resize_ui_container.position.set(
+			container_global_pos.x + bg_pos_x,
+			container_global_pos.y + bg_pos_y
+		);
+
+		const scaled_width = background_image.width * this.scale;
+		const scaled_height = background_image.height * this.scale;
+
+		const outline = this.resize_ui_container.getChildAt(0) as Graphics;
+		outline
+			.clear()
+			.rect(0, 0, scaled_width, scaled_height)
+			.stroke({ width: 1, color: 0x000000, alignment: 0, alpha: 0.3 });
+
+		const dotted_outline = this.resize_ui_container.getChildAt(1) as Graphics;
+		dotted_outline.clear();
+
+		dotted_outline.rect(0, 0, scaled_width, scaled_height).stroke({
+			width: 1,
+			color: 0x000000,
+			alpha: 0.7,
+			pixelLine: true
+		});
+
+		if (
+			!this.is_dragging &&
+			!this.is_moving &&
+			Math.abs(this.scale - this.last_scale) < 0.001
+		) {
+			const dash_length = 5;
+			const gap_length = 5;
+			const total_length = dash_length + gap_length;
+
+			for (let x = 0; x < scaled_width; x += total_length * 2) {
+				dotted_outline
+					.rect(x, 0, Math.min(dash_length, scaled_width - x), 1)
+					.fill(0x000000);
+
+				dotted_outline
+					.rect(
+						x,
+						scaled_height - 1,
+						Math.min(dash_length, scaled_width - x),
+						1
+					)
+					.fill(0x000000);
+			}
+
+			for (let y = 0; y < scaled_height; y += total_length * 2) {
+				dotted_outline
+					.rect(0, y, 1, Math.min(dash_length, scaled_height - y))
+					.fill(0x000000);
+
+				dotted_outline
+					.rect(
+						scaled_width - 1,
+						y,
+						1,
+						Math.min(dash_length, scaled_height - y)
+					)
+					.fill(0x000000);
+			}
+		}
+
+		this.last_scale = this.scale;
+
+		const move_area = this.resize_ui_container.getChildAt(2) as Graphics;
+		move_area.clear().rect(0, 0, scaled_width, scaled_height).fill(0xffffff, 0);
+
+		this.update_handle_positions(scaled_width, scaled_height);
+	}
+
+	/**
+	 * updates the positions of all handles
+	 * @param width - width of the resize area
+	 * @param height - height of the resize area
+	 */
+	private update_handle_positions(width: number, height: number): void {
+		if (!this.resize_ui_container) return;
+
+		const handles = this.resize_ui_container.children.slice(3);
+
+		const move_area = this.resize_ui_container.getChildAt(2) as Graphics;
+		move_area.clear().rect(0, 0, width, height).fill(0xffffff, 0);
+
+		const corners = handles.slice(0, 4);
+		const cornerPositions = [
+			{ x: 0, y: 0 },
+			{ x: width, y: 0 },
+			{ x: 0, y: height },
+			{ x: width, y: height }
+		];
+
+		corners.forEach((handle, i) => {
+			handle.position.set(cornerPositions[i].x, cornerPositions[i].y);
+		});
+
+		const edges = handles.slice(4);
+		edges.forEach((handle, i) => {
+			if (i < 2) {
+				handle.position.set(width / 2, i === 0 ? 0 : height);
+			} else {
+				handle.position.set(i === 2 ? 0 : width, height / 2);
+			}
+		});
+	}
+
+	/**
+	 * sets up event listeners for the resize tool
+	 */
+	private setup_event_listeners(): void {
+		const stage = this.image_editor_context.app.stage;
+		stage.eventMode = "static";
+		stage.on("pointermove", this.handle_pointer_move_bound);
+		stage.on("pointerup", this.handle_pointer_up_bound);
+		stage.on("pointerupoutside", this.handle_pointer_up_bound);
+
+		this.setup_dom_event_listeners();
+	}
+
+	/**
+	 * Sets up direct DOM event listeners for dragging the background image
+	 */
+	private setup_dom_event_listeners(): void {
+		this.cleanup_dom_event_listeners();
+
+		const context = this.image_editor_context;
+		if (!context?.app?.canvas) return;
+
+		const canvas = context.app.canvas;
+
+		this.dom_mousedown_handler = (e: MouseEvent) => {
+			if (this.current_subtool !== "size") return;
+
+			if (this.is_dragging || this.selected_handle) return;
+
+			if (!this.image_editor_context.background_image) return;
+
+			const bg = this.image_editor_context.background_image;
+
+			const container = this.image_editor_context.image_container;
+			const containerBounds = container.getBounds();
+
+			const rect = canvas.getBoundingClientRect();
+			const x = e.clientX - rect.left;
+			const y = e.clientY - rect.top;
+
+			const localX = (x - containerBounds.x) / this.scale;
+			const localY = (y - containerBounds.y) / this.scale;
+
+			if (
+				localX >= bg.position.x &&
+				localX <= bg.position.x + bg.width &&
+				localY >= bg.position.y &&
+				localY <= bg.position.y + bg.height
+			) {
+				this.is_moving = true;
+
+				this.last_pointer_position = new Point(localX, localY);
+
+				this.original_state = {
+					width: bg.width,
+					height: bg.height,
+					x: bg.position.x,
+					y: bg.position.y
+				};
+
+				e.preventDefault();
+				e.stopPropagation();
+			}
+		};
+
+		this.dom_mousemove_handler = (e: MouseEvent) => {
+			if (this.current_subtool !== "size" || !this.is_moving) return;
+
+			if (
+				!this.last_pointer_position ||
+				!this.image_editor_context.background_image
+			)
+				return;
+
+			const container = this.image_editor_context.image_container;
+			const containerBounds = container.getBounds();
+
+			const rect = canvas.getBoundingClientRect();
+			const x = e.clientX - rect.left;
+			const y = e.clientY - rect.top;
+
+			const localX = (x - containerBounds.x) / this.scale;
+			const localY = (y - containerBounds.y) / this.scale;
+
+			const current_position = new Point(localX, localY);
+
+			this.handle_image_dragging(current_position);
+
+			this.last_pointer_position = current_position;
+
+			e.preventDefault();
+			e.stopPropagation();
+		};
+
+		this.dom_mouseup_handler = (e: MouseEvent) => {
+			if (this.current_subtool !== "size") return;
+
+			if (this.original_state && this.image_editor_context.background_image) {
+				const bg = this.image_editor_context.background_image;
+				const new_state = {
+					width: bg.width,
+					height: bg.height,
+					x: bg.position.x,
+					y: bg.position.y
+				};
+
+				if (
+					this.original_state.width !== new_state.width ||
+					this.original_state.height !== new_state.height ||
+					this.original_state.x !== new_state.x ||
+					this.original_state.y !== new_state.y
+				) {
+					const resize_command = new ResizeCommand(
+						this.image_editor_context,
+						this.original_state,
+						new_state,
+						this.update_resize_ui.bind(this)
+					);
+
+					this.image_editor_context.execute_command(resize_command);
+				}
+
+				this.original_state = null;
+			}
+
+			this.is_moving = false;
+			this.last_pointer_position = null;
+
+			this.update_resize_ui();
+
+			e.preventDefault();
+			e.stopPropagation();
+		};
+
+		canvas.addEventListener("mousedown", this.dom_mousedown_handler);
+		window.addEventListener("mousemove", this.dom_mousemove_handler);
+		window.addEventListener("mouseup", this.dom_mouseup_handler);
+	}
+
+	/**
+	 * Cleans up DOM event listeners
+	 */
+	private cleanup_dom_event_listeners(): void {
+		const canvas = this.image_editor_context?.app?.canvas;
+
+		if (this.dom_mousedown_handler) {
+			canvas?.removeEventListener("mousedown", this.dom_mousedown_handler);
+			this.dom_mousedown_handler = null;
+		}
+
+		if (this.dom_mousemove_handler) {
+			window.removeEventListener("mousemove", this.dom_mousemove_handler);
+			this.dom_mousemove_handler = null;
+		}
+
+		if (this.dom_mouseup_handler) {
+			window.removeEventListener("mouseup", this.dom_mouseup_handler);
+			this.dom_mouseup_handler = null;
+		}
+	}
+
+	/**
+	 * removes event listeners for the resize tool
+	 */
+	private cleanup_event_listeners(): void {
+		const stage = this.image_editor_context?.app?.stage;
+
+		stage?.off("pointermove", this.handle_pointer_move_bound);
+		stage?.off("pointerup", this.handle_pointer_up_bound);
+		stage?.off("pointerupoutside", this.handle_pointer_up_bound);
+
+		this.cleanup_dom_event_listeners();
+	}
+
+	/**
+	 * Handles pointer move events
+	 */
+	private handle_pointer_move(event: FederatedPointerEvent): void {
+		if (this.current_subtool !== "size") return;
+
+		const local_pos = this.image_editor_context.image_container.toLocal(
+			event.global
+		);
+		const current_position = new Point(local_pos.x, local_pos.y);
+
+		if (this.is_moving && this.last_pointer_position) {
+			this.handle_image_dragging(current_position);
+
+			this.last_pointer_position = current_position;
+		} else if (this.is_dragging && this.selected_handle) {
+			if (!this.image_editor_context.background_image) return;
+
+			const bg = this.image_editor_context.background_image;
+			const maintain_aspect_ratio =
+				this.active_corner_index !== -1 && !event.shiftKey;
+
+			const original_width = bg.width;
+			const original_height = bg.height;
+			const original_x = bg.position.x;
+			const original_y = bg.position.y;
+			const original_aspect_ratio = original_width / original_height;
+
+			let dimensions: { width: number; height: number; x: number; y: number };
+
+			if (this.active_corner_index !== -1) {
+				dimensions = this.handle_direct_corner_resize(
+					current_position,
+					original_width,
+					original_height,
+					original_x,
+					original_y,
+					original_aspect_ratio,
+					maintain_aspect_ratio
+				);
+			} else if (this.active_edge_index !== -1) {
+				dimensions = this.handle_direct_edge_resize(
+					current_position,
+					original_width,
+					original_height,
+					original_x,
+					original_y
+				);
+			} else {
+				return;
+			}
+
+			dimensions = this.limit_dimensions_to_container(
+				dimensions,
+				original_x,
+				original_y,
+				original_width,
+				original_height,
+				maintain_aspect_ratio
+			);
+
+			bg.width = dimensions.width;
+			bg.height = dimensions.height;
+			bg.position.set(dimensions.x, dimensions.y);
+
+			this.update_resize_ui();
+
+			this.last_pointer_position = current_position;
+		}
+	}
+	/**
+	 * handles pointer up events
+	 */
+	private handle_pointer_up(): void {
+		if (this.current_subtool !== "size") return;
+
+		this.is_dragging = false;
+		this.is_moving = false;
+		this.selected_handle = null;
+		this.last_pointer_position = null;
+		this.active_corner_index = -1;
+		this.active_edge_index = -1;
+
+		this.update_resize_ui();
+		this.notify("change");
+	}
+
+	/**
+	 * Handles dragging of the background image
+	 * @param current_position - The current pointer position
+	 * @private
+	 */
+	private handle_image_dragging(current_position: Point): void {
+		if (
+			!this.last_pointer_position ||
+			!this.image_editor_context.background_image
+		) {
+			return;
+		}
+
+		const bg = this.image_editor_context.background_image;
+		const image_container =
+			this.image_editor_context.image_container.getLocalBounds();
+
+		const dx = current_position.x - this.last_pointer_position.x;
+		const dy = current_position.y - this.last_pointer_position.y;
+
+		let new_x = bg.position.x + dx;
+		let new_y = bg.position.y + dy;
+
+		const container_width = image_container.width;
+		const container_height = image_container.height;
+		const bg_width = bg.width;
+		const bg_height = bg.height;
+
+		const effectiveWidth = container_width - this.borderRegion * 2;
+		const effectiveHeight = container_height - this.borderRegion * 2;
+
+		if (bg_width > effectiveWidth) {
+			const min_x = -(bg_width - effectiveWidth) + this.borderRegion;
+			const max_x = this.borderRegion;
+			new_x = Math.max(min_x, Math.min(max_x, new_x));
+		} else {
+			const min_x = this.borderRegion;
+			const max_x = container_width - bg_width - this.borderRegion;
+			new_x = Math.max(min_x, Math.min(max_x, new_x));
+		}
+
+		if (bg_height > effectiveHeight) {
+			const min_y = -(bg_height - effectiveHeight) + this.borderRegion;
+			const max_y = this.borderRegion;
+			new_y = Math.max(min_y, Math.min(max_y, new_y));
+		} else {
+			const min_y = this.borderRegion;
+			const max_y = container_height - bg_height - this.borderRegion;
+			new_y = Math.max(min_y, Math.min(max_y, new_y));
+		}
+
+		bg.position.set(new_x, new_y);
+
+		this.update_resize_ui();
+	}
+
+	/**
+	 * Handles corner resizing
+	 * @param current_position - The current mouse position
+	 * @param original_width - The original width
+	 * @param original_height - The original height
+	 * @param original_x - The original x position
+	 * @param original_y - The original y position
+	 * @param original_aspect_ratio - The original aspect ratio
+	 * @param maintain_aspect_ratio - Whether to maintain aspect ratio
+	 * @returns The new dimensions and position
+	 * @private
+	 */
+	private handle_direct_corner_resize(
+		current_position: Point,
+		original_width: number,
+		original_height: number,
+		original_x: number,
+		original_y: number,
+		original_aspect_ratio: number,
+		maintain_aspect_ratio: boolean
+	): { width: number; height: number; x: number; y: number } {
+		let raw_width = 0;
+		let raw_height = 0;
+		let new_x = original_x;
+		let new_y = original_y;
+
+		switch (this.active_corner_index) {
+			case 0:
+				raw_width = original_x + original_width - current_position.x;
+				raw_height = original_y + original_height - current_position.y;
+				break;
+			case 1:
+				raw_width = current_position.x - original_x;
+				raw_height = original_y + original_height - current_position.y;
+				break;
+			case 2:
+				raw_width = original_x + original_width - current_position.x;
+				raw_height = current_position.y - original_y;
+				break;
+			case 3:
+				raw_width = current_position.x - original_x;
+				raw_height = current_position.y - original_y;
+				break;
+		}
+
+		raw_width = Math.max(20, raw_width);
+		raw_height = Math.max(20, raw_height);
+
+		let new_width = raw_width;
+		let new_height = raw_height;
+
+		if (maintain_aspect_ratio) {
+			const diagonal_vector = {
+				x: current_position.x - (original_x + original_width / 2),
+				y: current_position.y - (original_y + original_height / 2)
+			};
+
+			const angle = Math.abs(Math.atan2(diagonal_vector.y, diagonal_vector.x));
+
+			if (angle < Math.PI / 4 || angle > (3 * Math.PI) / 4) {
+				new_height = new_width / original_aspect_ratio;
+			} else {
+				new_width = new_height * original_aspect_ratio;
+			}
+		}
+
+		switch (this.active_corner_index) {
+			case 0:
+				new_x = original_x + original_width - new_width;
+				new_y = original_y + original_height - new_height;
+				break;
+			case 1:
+				new_y = original_y + original_height - new_height;
+				break;
+			case 2:
+				new_x = original_x + original_width - new_width;
+				break;
+			case 3:
+				break;
+		}
+
+		return { width: new_width, height: new_height, x: new_x, y: new_y };
+	}
+
+	/**
+	 * Handles edge resizing
+	 * @param current_position - The current mouse position
+	 * @param original_width - The original width
+	 * @param original_height - The original height
+	 * @param original_x - The original x position
+	 * @param original_y - The original y position
+	 * @returns The new dimensions and position
+	 * @private
+	 */
+	private handle_direct_edge_resize(
+		current_position: Point,
+		original_width: number,
+		original_height: number,
+		original_x: number,
+		original_y: number
+	): { width: number; height: number; x: number; y: number } {
+		let new_width = original_width;
+		let new_height = original_height;
+		let new_x = original_x;
+		let new_y = original_y;
+
+		switch (this.active_edge_index) {
+			case 0:
+				new_height = Math.max(
+					20,
+					original_y + original_height - current_position.y
+				);
+				new_y = current_position.y;
+				break;
+			case 1:
+				new_height = Math.max(20, current_position.y - original_y);
+				break;
+			case 2:
+				new_width = Math.max(
+					20,
+					original_x + original_width - current_position.x
+				);
+				new_x = current_position.x;
+				break;
+			case 3:
+				new_width = Math.max(20, current_position.x - original_x);
+				break;
+		}
+
+		return { width: new_width, height: new_height, x: new_x, y: new_y };
+	}
+
+	/**
+	 * Limits dimensions to container size
+	 * @param dimensions - The dimensions to limit
+	 * @param original_x - The original x position
+	 * @param original_y - The original y position
+	 * @param original_width - The original width
+	 * @param original_height - The original height
+	 * @param maintain_aspect_ratio - Whether to maintain aspect ratio
+	 * @returns The limited dimensions and position
+	 * @private
+	 */
+	private limit_dimensions_to_container(
+		dimensions: { width: number; height: number; x: number; y: number },
+		original_x: number,
+		original_y: number,
+		original_width: number,
+		original_height: number,
+		maintain_aspect_ratio: boolean
+	): { width: number; height: number; x: number; y: number } {
+		let {
+			width: new_width,
+			height: new_height,
+			x: new_x,
+			y: new_y
+		} = dimensions;
+
+		const effective_container_width =
+			this.dimensions.width - this.borderRegion * 2;
+		const effective_container_height =
+			this.dimensions.height - this.borderRegion * 2;
+
+		const pre_limit_width = new_width;
+		const pre_limit_height = new_height;
+
+		const size_limited = this.apply_size_limits(
+			new_width,
+			new_height,
+			effective_container_width,
+			effective_container_height,
+			maintain_aspect_ratio,
+			pre_limit_width / pre_limit_height
+		);
+
+		new_width = size_limited.width;
+		new_height = size_limited.height;
+
+		const position_adjusted = this.adjust_position_for_resizing(
+			new_width,
+			new_height,
+			original_x,
+			original_y,
+			original_width,
+			original_height
+		);
+
+		new_x = position_adjusted.x;
+		new_y = position_adjusted.y;
+
+		const border_constrained = this.apply_border_constraints(
+			new_width,
+			new_height,
+			new_x,
+			new_y,
+			maintain_aspect_ratio,
+			pre_limit_width / pre_limit_height
+		);
+
+		return border_constrained;
+	}
+
+	/**
+	 * Apply size limits to ensure dimensions don't exceed container
+	 * @private
+	 */
+	private apply_size_limits(
+		width: number,
+		height: number,
+		max_width: number,
+		max_height: number,
+		maintain_aspect_ratio: boolean,
+		aspect_ratio: number
+	): { width: number; height: number } {
+		let new_width = width;
+		let new_height = height;
+
+		const needs_width_limit = new_width > max_width;
+		const needs_height_limit = new_height > max_height;
+
+		if (needs_width_limit && needs_height_limit) {
+			const width_scale = max_width / new_width;
+			const height_scale = max_height / new_height;
+
+			if (width_scale < height_scale) {
+				new_width = max_width;
+				if (maintain_aspect_ratio) {
+					new_height = new_width / aspect_ratio;
+				}
+			} else {
+				new_height = max_height;
+				if (maintain_aspect_ratio) {
+					new_width = new_height * aspect_ratio;
+				}
+			}
+		} else if (needs_width_limit) {
+			new_width = max_width;
+			if (maintain_aspect_ratio) {
+				new_height = new_width / aspect_ratio;
+			}
+		} else if (needs_height_limit) {
+			new_height = max_height;
+			if (maintain_aspect_ratio) {
+				new_width = new_height * aspect_ratio;
+			}
+		}
+
+		return { width: new_width, height: new_height };
+	}
+
+	/**
+	 * Adjust position based on which handles are being dragged
+	 * @private
+	 */
+	private adjust_position_for_resizing(
+		new_width: number,
+		new_height: number,
+		original_x: number,
+		original_y: number,
+		original_width: number,
+		original_height: number
+	): { x: number; y: number } {
+		let new_x = original_x;
+		let new_y = original_y;
+
+		switch (this.active_corner_index) {
+			case 0:
+				new_x = original_x + original_width - new_width;
+				new_y = original_y + original_height - new_height;
+				break;
+			case 1:
+				new_y = original_y + original_height - new_height;
+				break;
+			case 2:
+				new_x = original_x + original_width - new_width;
+				break;
+			case 3:
+				break;
+		}
+
+		if (this.active_edge_index !== -1) {
+			switch (this.active_edge_index) {
+				case 0:
+					new_y = original_y + original_height - new_height;
+					break;
+				case 2:
+					new_x = original_x + original_width - new_width;
+					break;
+			}
+		}
+
+		return { x: new_x, y: new_y };
+	}
+
+	/**
+	 * Apply border region constraints to prevent image from intruding on border
+	 * @private
+	 */
+	private apply_border_constraints(
+		width: number,
+		height: number,
+		x: number,
+		y: number,
+		maintain_aspect_ratio: boolean,
+		aspect_ratio: number
+	): { width: number; height: number; x: number; y: number } {
+		const top_left_constrained = this.apply_top_left_constraints(
+			width,
+			height,
+			x,
+			y,
+			maintain_aspect_ratio,
+			aspect_ratio
+		);
+
+		const all_constrained = this.apply_bottom_right_constraints(
+			top_left_constrained.width,
+			top_left_constrained.height,
+			top_left_constrained.x,
+			top_left_constrained.y,
+			maintain_aspect_ratio,
+			aspect_ratio
+		);
+
+		all_constrained.width = Math.max(20, all_constrained.width);
+		all_constrained.height = Math.max(20, all_constrained.height);
+
+		return all_constrained;
+	}
+
+	/**
+	 * Apply top and left border constraints
+	 * @private
+	 */
+	private apply_top_left_constraints(
+		width: number,
+		height: number,
+		x: number,
+		y: number,
+		maintain_aspect_ratio: boolean,
+		aspect_ratio: number
+	): { width: number; height: number; x: number; y: number } {
+		let new_width = width;
+		let new_height = height;
+		let new_x = x;
+		let new_y = y;
+
+		if (new_x < this.borderRegion) {
+			if (
+				this.active_corner_index === 0 ||
+				this.active_corner_index === 2 ||
+				this.active_edge_index === 2
+			) {
+				new_width -= this.borderRegion - new_x;
+				if (maintain_aspect_ratio) {
+					new_height = new_width / aspect_ratio;
+				}
+			}
+			new_x = this.borderRegion;
+		}
+
+		if (new_y < this.borderRegion) {
+			if (
+				this.active_corner_index === 0 ||
+				this.active_corner_index === 1 ||
+				this.active_edge_index === 0
+			) {
+				new_height -= this.borderRegion - new_y;
+				if (maintain_aspect_ratio) {
+					new_width = new_height * aspect_ratio;
+				}
+			}
+			new_y = this.borderRegion;
+		}
+
+		return { width: new_width, height: new_height, x: new_x, y: new_y };
+	}
+
+	/**
+	 * Apply bottom and right border constraints
+	 * @private
+	 */
+	private apply_bottom_right_constraints(
+		width: number,
+		height: number,
+		x: number,
+		y: number,
+		maintain_aspect_ratio: boolean,
+		aspect_ratio: number
+	): { width: number; height: number; x: number; y: number } {
+		let new_width = width;
+		let new_height = height;
+		let new_x = x;
+		let new_y = y;
+
+		if (new_x + new_width > this.dimensions.width - this.borderRegion) {
+			if (
+				this.active_corner_index === 1 ||
+				this.active_corner_index === 3 ||
+				this.active_edge_index === 3
+			) {
+				new_width = this.dimensions.width - this.borderRegion - new_x;
+				if (maintain_aspect_ratio) {
+					new_height = new_width / aspect_ratio;
+				}
+			} else {
+				const right_edge = new_x + new_width;
+				const excess = right_edge - (this.dimensions.width - this.borderRegion);
+				new_x = Math.max(this.borderRegion, new_x - excess);
+			}
+		}
+
+		if (new_y + new_height > this.dimensions.height - this.borderRegion) {
+			if (
+				this.active_corner_index === 2 ||
+				this.active_corner_index === 3 ||
+				this.active_edge_index === 1
+			) {
+				new_height = this.dimensions.height - this.borderRegion - new_y;
+				if (maintain_aspect_ratio) {
+					new_width = new_height * aspect_ratio;
+				}
+			} else {
+				const bottom_edge = new_y + new_height;
+				const excess =
+					bottom_edge - (this.dimensions.height - this.borderRegion);
+				new_y = Math.max(this.borderRegion, new_y - excess);
+			}
+		}
+
+		return { width: new_width, height: new_height, x: new_x, y: new_y };
+	}
+
+	/**
+	 * Shows the resize UI
+	 * @private
+	 */
+	private show_resize_ui(): void {
+		if (this.resize_ui_container) {
+			this.resize_ui_container.visible = true;
+			this.update_resize_ui();
+		}
+
+		if (this.image_editor_context?.background_image) {
+			const bg = this.image_editor_context.background_image;
+			this.current_cursor = bg.cursor;
+			bg.cursor = "move";
+		}
+
+		this.setup_dom_event_listeners();
+	}
+
+	/**
+	 * Hides the resize UI
+	 * @private
+	 */
+	private hide_resize_ui(): void {
+		if (this.resize_ui_container) {
+			this.resize_ui_container.visible = false;
+		}
+
+		if (this.image_editor_context?.background_image) {
+			const bg = this.image_editor_context.background_image;
+			bg.cursor = this.current_cursor;
+		}
+
+		this.cleanup_dom_event_listeners();
+	}
+
+	on<T extends string>(event: T, callback: () => void): void {
+		this.event_callbacks.set(event, [
+			...(this.event_callbacks.get(event) || []),
+			callback
+		]);
+	}
+
+	off<T extends string>(event: T, callback: () => void): void {
+		this.event_callbacks.set(
+			event,
+			this.event_callbacks.get(event)?.filter((cb) => cb !== callback) || []
+		);
+	}
+
+	private notify<T extends string>(event: T): void {
+		for (const callback of this.event_callbacks.get(event) || []) {
+			callback();
+		}
+	}
+
+	/**
+	 * Sets the border region explicitly
+	 * @param borderRegion The border region size in pixels
+	 */
+	public set_border_region(borderRegion: number): void {
+		this.borderRegion = borderRegion;
+
+		if (this.image_editor_context?.background_image) {
+			(this.image_editor_context.background_image as any).borderRegion =
+				borderRegion;
+		}
+
+		if (this.resize_ui_container) {
+			this.update_resize_ui();
+		}
+
+		if (
+			this.current_subtool === "size" &&
+			this.image_editor_context?.background_image
+		) {
+			this.apply_boundary_constraints();
+		}
+	}
+}
diff --git a/js/imageeditor/shared/types.ts b/js/imageeditor/shared/types.ts
new file mode 100644
index 0000000..d169f96
--- /dev/null
+++ b/js/imageeditor/shared/types.ts
@@ -0,0 +1,29 @@
+export interface ImageBlobs {
+	background: Blob | null;
+	layers: (Blob | null)[];
+	composite: Blob | null;
+}
+
+export interface LayerOptions {
+	allow_additional_layers: boolean;
+	layers: string[];
+	disabled: boolean;
+}
+
+export type Source = "upload" | "webcam" | "clipboard";
+export type Transform = "crop" | "resize";
+
+export interface WebcamOptions {
+	mirror: boolean;
+	constraints: Record<string, any>;
+}
+
+export interface WatermarkOptions {
+	watermark: string | Blob | null;
+	position:
+		| [number, number]
+		| "top-left"
+		| "top-right"
+		| "bottom-left"
+		| "bottom-right";
+}
diff --git a/js/imageeditor/shared/utils/events.ts b/js/imageeditor/shared/utils/events.ts
new file mode 100644
index 0000000..17006ad
--- /dev/null
+++ b/js/imageeditor/shared/utils/events.ts
@@ -0,0 +1,30 @@
+import { tick } from "svelte";
+
+/**
+ * Svelte action to handle clicks outside of a DOM node
+ * @param node DOM node to check the click is outside of
+ * @param callback callback function to call if click is outside
+ * @returns svelte action return object with destroy method to remove event listener
+ */
+export function click_outside(
+	node: Node,
+	callback: (arg: MouseEvent) => void
+): any {
+	const handle_click = (event: MouseEvent): void => {
+		if (
+			node &&
+			!node.contains(event.target as Node) &&
+			!event.defaultPrevented
+		) {
+			callback(event);
+		}
+	};
+
+	document.addEventListener("mousedown", handle_click, true);
+
+	return {
+		destroy() {
+			document.removeEventListener("mousedown", handle_click, true);
+		}
+	};
+}
diff --git a/js/imageeditor/shared/utils/parse_placeholder.ts b/js/imageeditor/shared/utils/parse_placeholder.ts
new file mode 100644
index 0000000..2a56244
--- /dev/null
+++ b/js/imageeditor/shared/utils/parse_placeholder.ts
@@ -0,0 +1,27 @@
+const RE_HEADING = /^(#\s*)(.+)$/m;
+
+export function inject(text: string): [string | false, string | false] {
+	const trimmed_text = text.trim();
+
+	const heading_match = trimmed_text.match(RE_HEADING);
+	if (!heading_match) {
+		return [false, trimmed_text || false];
+	}
+
+	const [full_match, , heading_content] = heading_match;
+	const _heading = heading_content.trim();
+
+	if (trimmed_text === full_match) {
+		return [_heading, false];
+	}
+
+	const heading_end_index =
+		heading_match.index !== undefined
+			? heading_match.index + full_match.length
+			: 0;
+	const remaining_text = trimmed_text.substring(heading_end_index).trim();
+
+	const _paragraph = remaining_text || false;
+
+	return [_heading, _paragraph];
+}
diff --git a/js/imageeditor/shared/utils/pixi.ts b/js/imageeditor/shared/utils/pixi.ts
new file mode 100644
index 0000000..767f194
--- /dev/null
+++ b/js/imageeditor/shared/utils/pixi.ts
@@ -0,0 +1,71 @@
+import { Graphics, Rectangle, type Renderer, type Container } from "pixi.js";
+
+/**
+ * Creates a pixi graphics object.
+ * @param z_index the z index of the graphics object
+ * @returns a graphics object
+ */
+export function make_graphics(z_index: number): Graphics {
+	const graphics = new Graphics();
+	graphics.eventMode = "none";
+	graphics.zIndex = z_index;
+
+	return graphics;
+}
+
+/**
+ * Clamps a number between a min and max value.
+ * @param n The number to clamp.
+ * @param min The minimum value.
+ * @param max The maximum value.
+ * @returns The clamped number.
+ */
+export function clamp(n: number, min: number, max: number): number {
+	return n < min ? min : n > max ? max : n;
+}
+
+/**
+ * Generates a blob from a pixi object.s
+ * @param renderer The pixi renderer.
+ * @param obj The pixi object to generate a blob from.
+ * @param bounds The bounds of the canvas that we wish to extract
+ * @param width The full width of the canvas
+ * @param height The full height of the canvas
+ * @returns A promise with the blob.
+ */
+export function get_canvas_blob(
+	renderer: Renderer,
+	obj: Container | null,
+	bounds?: { x: number; y: number; width: number; height: number }
+): Promise<Blob | null> {
+	return new Promise((resolve) => {
+		if (!obj) {
+			resolve(null);
+			return;
+		}
+
+		const image_bounds = obj.getLocalBounds();
+		const frame = bounds
+			? new Rectangle(bounds.x, bounds.y, bounds.width, bounds.height)
+			: new Rectangle(0, 0, image_bounds.width, image_bounds.height);
+
+		const src_canvas = renderer.extract.canvas({
+			target: obj,
+			resolution: 1,
+			frame
+		});
+
+		src_canvas.toBlob?.((blob) => {
+			if (!blob) {
+				resolve(null);
+			}
+			resolve(blob);
+		});
+	});
+}
+
+export interface ImageBlobs {
+	background: Blob | null;
+	layers: (Blob | null)[];
+	composite: Blob | null;
+}
diff --git a/js/imageeditor/shared/zoom/zoom.ts b/js/imageeditor/shared/zoom/zoom.ts
new file mode 100644
index 0000000..bd865c8
--- /dev/null
+++ b/js/imageeditor/shared/zoom/zoom.ts
@@ -0,0 +1,675 @@
+import {
+	Point,
+	type FederatedWheelEvent,
+	type FederatedPointerEvent
+} from "pixi.js";
+import { type ImageEditorContext, type Tool } from "../core/editor";
+import { type Tool as ToolbarTool, type Subtool } from "../Toolbar.svelte";
+import { get, writable } from "svelte/store";
+
+/**
+ * ZoomTool class for handling zoom and pan functionality in the image editor
+ * Implements the Tool interface
+ */
+export class ZoomTool implements Tool {
+	name = "zoom";
+	min_zoom = writable(true);
+
+	private image_editor_context!: ImageEditorContext;
+
+	private readonly max_zoom = 10;
+	private readonly border_padding = 30;
+
+	private pad_bottom = 0;
+	private is_pinching = false;
+	private is_dragging = false;
+	private is_pointer_dragging = false;
+	private last_touch_position: Point | null = null;
+	private last_pinch_distance = 0;
+	private drag_start = new Point();
+	private current_tool!: ToolbarTool;
+	private current_subtool!: Subtool;
+	private local_scale = 1;
+	private local_dimensions: { width: number; height: number } = {
+		width: 0,
+		height: 0
+	};
+	private local_position: { x: number; y: number } = { x: 0, y: 0 };
+
+	/**
+	 * Prevents default behavior for events
+	 * @param {FederatedWheelEvent | FederatedPointerEvent} event - The event to prevent default behavior for
+	 */
+	prevent_default(
+		event: FederatedWheelEvent | FederatedPointerEvent | WheelEvent
+	): void {
+		event.preventDefault();
+		event.stopPropagation();
+	}
+
+	/**
+	 * Sets the current tool and subtool
+	 * @param {ToolbarTool} tool - The tool to set
+	 * @param {Subtool} subtool - The subtool to set
+	 */
+	set_tool(tool: ToolbarTool, subtool: Subtool): void {
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+	}
+
+	/**
+	 * Sets the zoom level to a specific percentage or fits the image to the screen
+	 * @param {number | 'fit'} zoom_level - The zoom level to set (0-1) or 'fit' to use min_zoom
+	 * @returns {void}
+	 */
+	set_zoom(zoom_level: number | "fit"): void {
+		const fit_zoom = this.calculate_min_zoom(
+			this.local_dimensions.width,
+			this.local_dimensions.height
+		);
+
+		let target_zoom: number;
+		const is_fit_zoom = zoom_level === "fit";
+		if (is_fit_zoom) {
+			target_zoom = fit_zoom;
+		} else {
+			target_zoom = Math.max(0, Math.min(this.max_zoom, zoom_level));
+		}
+
+		const canvas = this.image_editor_context.app.screen;
+		const canvas_width = canvas.width;
+		const canvas_height = canvas.height;
+
+		let center_point: { x: number; y: number };
+
+		center_point = {
+			x: canvas_width / 2,
+			y: canvas_height / 2
+		};
+
+		this.zoom_to_point(target_zoom, center_point, true, is_fit_zoom);
+	}
+
+	/**
+	 * Sets up the zoom tool with the given context and state
+	 * @param {ImageEditorContext} context - The image editor context
+	 * @param {ToolbarTool} tool - The current tool
+	 * @param {Subtool} subtool - The current subtool
+	 * @returns {Promise<void>}
+	 */
+	async setup(
+		context: ImageEditorContext,
+		tool: ToolbarTool,
+		subtool: Subtool
+	): Promise<void> {
+		this.image_editor_context = context;
+		this.current_tool = tool;
+		this.current_subtool = subtool;
+		this.pad_bottom = context.pad_bottom;
+		const { width, height } = await this.get_container_dimensions();
+		const fit_zoom = this.calculate_min_zoom(width, height);
+		const min_zoom = Math.min(fit_zoom, 1);
+
+		this.local_scale = min_zoom;
+
+		const canvas = this.image_editor_context.app.screen;
+
+		const center_x = canvas.width / 2;
+		const center_y = canvas.height / 2;
+
+		const scaled_width = width * min_zoom;
+		const scaled_height = height * min_zoom;
+		const initial_x = center_x - scaled_width / 2;
+		const initial_y = center_y - scaled_height / 2;
+
+		this.local_position = { x: initial_x, y: initial_y };
+
+		this.setup_event_listeners();
+
+		await this.image_editor_context.set_image_properties({
+			scale: min_zoom,
+			position: { x: initial_x, y: initial_y }
+		});
+
+		this.image_editor_context.dimensions.subscribe((dimensions) => {
+			this.local_dimensions = dimensions;
+		});
+
+		this.image_editor_context.scale.subscribe((scale) => {
+			this.local_scale = scale;
+		});
+
+		this.image_editor_context.position.subscribe((position) => {
+			this.local_position = position;
+		});
+	}
+
+	/**
+	 * Sets up event listeners for zoom and pan functionality
+	 * @private
+	 */
+	private setup_event_listeners(): void {
+		const stage = this.image_editor_context.app.stage;
+		const canvas = this.image_editor_context.app.canvas;
+
+		canvas.addEventListener("wheel", this.prevent_default, { passive: false });
+
+		stage.eventMode = "static";
+		stage.hitArea = this.image_editor_context.app.screen;
+
+		const wheel_listener = this.handle_wheel.bind(this);
+		stage.addEventListener("wheel", wheel_listener, { passive: false });
+
+		if ("ontouchstart" in window) {
+			stage.addEventListener(
+				"touchstart",
+				this.handle_touch_start.bind(this) as EventListener
+			);
+			stage.addEventListener(
+				"touchmove",
+				this.handle_touch_move.bind(this) as EventListener
+			);
+			stage.addEventListener(
+				"touchend",
+				this.handle_touch_end.bind(this) as EventListener
+			);
+		} else {
+			stage.addEventListener(
+				"pointerdown",
+				this.handle_pointer_down.bind(this)
+			);
+			stage.addEventListener(
+				"pointermove",
+				this.handle_pointer_move.bind(this)
+			);
+			stage.addEventListener("pointerup", this.handle_pointer_up.bind(this));
+			stage.addEventListener(
+				"pointerupoutside",
+				this.handle_pointer_up.bind(this)
+			);
+		}
+	}
+
+	/**
+	 * Handles wheel events for zooming
+	 * @param {FederatedWheelEvent} event - The wheel event
+	 * @private
+	 */
+	private handle_wheel(event: FederatedWheelEvent): void {
+		const is_trackpad = event.deltaMode === 0 && Math.abs(event.deltaY) < 50;
+		const scroll_speed = is_trackpad ? 30 : 10;
+
+		if (event.altKey || event.metaKey) {
+			const local_point = this.image_editor_context.app.stage.toLocal(
+				event.global
+			);
+			const zoom_delta = -event.deltaY * (is_trackpad ? 0.001 : 0.0005);
+			const new_scale = this.local_scale * (1 + zoom_delta);
+			this.zoom_to_point(new_scale, local_point, true);
+		} else {
+			const delta_x = event.deltaX;
+			const delta_y = event.deltaY;
+			const raw_position = {
+				x: this.local_position.x - (delta_x / 100) * scroll_speed,
+				y: this.local_position.y - (delta_y / 100) * scroll_speed
+			};
+
+			const canvas = this.image_editor_context.app.screen;
+			const scaled_width = this.local_dimensions.width * this.local_scale;
+			const scaled_height = this.local_dimensions.height * this.local_scale;
+			const available_width = canvas.width - this.border_padding * 2;
+			const available_height =
+				canvas.height - this.border_padding * 2 - this.pad_bottom;
+
+			let final_position = { ...raw_position };
+
+			if (scaled_width <= available_width) {
+				final_position.x = (canvas.width - scaled_width) / 2;
+			} else {
+				const max_offset = canvas.width / 2;
+				const left_bound = max_offset;
+				const right_bound = canvas.width - max_offset - scaled_width;
+				final_position.x = Math.min(
+					Math.max(raw_position.x, right_bound),
+					left_bound
+				);
+			}
+
+			if (scaled_height <= available_height) {
+				final_position.y =
+					(canvas.height - this.pad_bottom - scaled_height) / 2;
+			} else {
+				const max_offset = (canvas.height - this.pad_bottom) / 2;
+				const top_bound = max_offset;
+				const bottom_bound =
+					canvas.height - this.pad_bottom - max_offset - scaled_height;
+				final_position.y = Math.min(
+					Math.max(raw_position.y, bottom_bound),
+					top_bound
+				);
+			}
+
+			this.image_editor_context.set_image_properties({
+				scale: this.local_scale,
+				position: final_position
+			});
+		}
+	}
+
+	/**
+	 * Cleans up resources and event listeners
+	 */
+	cleanup(): void {
+		const stage = this?.image_editor_context?.app?.stage;
+		if (!stage) return;
+		stage.removeEventListener("wheel", this.handle_wheel.bind(this));
+
+		if ("ontouchstart" in window) {
+			stage.removeEventListener(
+				"touchstart",
+				this.handle_touch_start.bind(this) as EventListener
+			);
+			stage.removeEventListener(
+				"touchmove",
+				this.handle_touch_move.bind(this) as EventListener
+			);
+			stage.removeEventListener(
+				"touchend",
+				this.handle_touch_end.bind(this) as EventListener
+			);
+		} else {
+			stage.removeEventListener(
+				"pointerdown",
+				this.handle_pointer_down.bind(this)
+			);
+			stage.removeEventListener(
+				"pointermove",
+				this.handle_pointer_move.bind(this)
+			);
+			stage.removeEventListener("pointerup", this.handle_pointer_up.bind(this));
+			stage.removeEventListener(
+				"pointerupoutside",
+				this.handle_pointer_up.bind(this)
+			);
+		}
+	}
+
+	/**
+	 * Gets the dimensions of the container
+	 * @returns {Promise<{width: number, height: number}>} The container dimensions
+	 * @private
+	 */
+	private async get_container_dimensions(): Promise<{
+		width: number;
+		height: number;
+	}> {
+		const bounds = this.image_editor_context.image_container.getLocalBounds();
+		return {
+			width: bounds.width,
+			height: bounds.height
+		};
+	}
+
+	/**
+	 * Calculates the minimum zoom level to fit the image in the viewport
+	 * @param {number} container_width - The width of the container
+	 * @param {number} container_height - The height of the container
+	 * @returns {number} The minimum zoom level
+	 * @private
+	 */
+	private calculate_min_zoom(
+		container_width: number,
+		container_height: number
+	): number {
+		const canvas = this.image_editor_context.app.screen;
+		const viewport_width = canvas.width;
+		const viewport_height = canvas.height;
+
+		if (
+			!container_width ||
+			!viewport_width ||
+			!container_height ||
+			!viewport_height
+		) {
+			return 1;
+		}
+
+		const available_width = viewport_width - this.border_padding * 2;
+		const available_height =
+			viewport_height - this.border_padding * 2 - this.pad_bottom;
+
+		const width_ratio = available_width / container_width;
+		const height_ratio = available_height / container_height;
+
+		return Math.min(width_ratio, height_ratio);
+	}
+
+	/**
+	 * Handles touch start events
+	 * @param {TouchEvent} event - The touch event
+	 * @private
+	 */
+	private handle_touch_start(event: FederatedPointerEvent): void {
+		event.preventDefault();
+
+		const touchEvent = event as any;
+
+		if (touchEvent.touches && touchEvent.touches.length === 2) {
+			this.is_pinching = true;
+			this.last_pinch_distance = Math.hypot(
+				touchEvent.touches[0].pageX - touchEvent.touches[1].pageX,
+				touchEvent.touches[0].pageY - touchEvent.touches[1].pageY
+			);
+		} else if (touchEvent.touches && touchEvent.touches.length === 1) {
+			this.is_dragging = true;
+			const rect = this.image_editor_context.app.view.getBoundingClientRect();
+			this.last_touch_position = new Point(
+				touchEvent.touches[0].pageX - rect.left,
+				touchEvent.touches[0].pageY - rect.top
+			);
+		}
+	}
+
+	/**
+	 * Handles touch move events
+	 * @param {TouchEvent} event - The touch event
+	 * @private
+	 */
+	private handle_touch_move(event: FederatedPointerEvent): void {
+		event.preventDefault();
+
+		const touchEvent = event as any;
+
+		if (
+			this.is_pinching &&
+			touchEvent.touches &&
+			touchEvent.touches.length === 2
+		) {
+			const rect = this.image_editor_context.app.view.getBoundingClientRect();
+			const current_distance = Math.hypot(
+				touchEvent.touches[0].pageX - touchEvent.touches[1].pageX,
+				touchEvent.touches[0].pageY - touchEvent.touches[1].pageY
+			);
+
+			const pinch_center = {
+				x:
+					(touchEvent.touches[0].pageX + touchEvent.touches[1].pageX) / 2 -
+					rect.left,
+				y:
+					(touchEvent.touches[0].pageY + touchEvent.touches[1].pageY) / 2 -
+					rect.top
+			};
+
+			const scale_val = current_distance / this.last_pinch_distance;
+			this.last_pinch_distance = current_distance;
+
+			this.zoom_to_point(this.local_scale * scale_val, pinch_center);
+		} else if (
+			this.is_dragging &&
+			touchEvent.touches &&
+			touchEvent.touches.length === 1 &&
+			this.last_touch_position
+		) {
+			const rect = this.image_editor_context.app.view.getBoundingClientRect();
+			const current_position = new Point(
+				touchEvent.touches[0].pageX - rect.left,
+				touchEvent.touches[0].pageY - rect.top
+			);
+
+			const dx = current_position.x - this.last_touch_position.x;
+			const dy = current_position.y - this.last_touch_position.y;
+
+			this.image_editor_context.set_image_properties({
+				position: {
+					x: this.local_position.x + dx,
+					y: this.local_position.y + dy
+				}
+			});
+
+			this.last_touch_position = current_position;
+		}
+	}
+
+	/**
+	 * Handles touch end events
+	 * @param {TouchEvent} event - The touch event
+	 * @private
+	 */
+	private handle_touch_end(event: FederatedPointerEvent): void {
+		event.preventDefault();
+
+		const touchEvent = event as any;
+
+		if (touchEvent.touches && touchEvent.touches.length < 2) {
+			this.is_pinching = false;
+			if (touchEvent.touches && touchEvent.touches.length === 1) {
+				const rect = this.image_editor_context.app.view.getBoundingClientRect();
+				this.last_touch_position = new Point(
+					touchEvent.touches[0].pageX - rect.left,
+					touchEvent.touches[0].pageY - rect.top
+				);
+				this.is_dragging = true;
+			}
+		}
+		if (touchEvent.touches && touchEvent.touches.length === 0) {
+			this.is_dragging = false;
+			this.last_touch_position = null;
+			this.last_pinch_distance = 0;
+		}
+	}
+
+	/**
+	 * Gets the bounded position to keep the image within the viewport
+	 * @param {Object} position - The position to bound
+	 * @param {number} position.x - The x coordinate
+	 * @param {number} position.y - The y coordinate
+	 * @returns {Object} The bounded position
+	 * @private
+	 */
+	private get_bounded_position(position: { x: number; y: number }): {
+		x: number;
+		y: number;
+	} {
+		const canvas = this.image_editor_context.app.screen;
+		const scaled_width = this.local_dimensions.width * this.local_scale;
+		const scaled_height = this.local_dimensions.height * this.local_scale;
+
+		const center_position = {
+			x: (canvas.width - scaled_width) / 2,
+			y: (canvas.height - scaled_height - this.pad_bottom) / 2
+		};
+
+		if (scaled_width <= canvas.width && scaled_height <= canvas.height) {
+			return center_position;
+		}
+
+		let x = position.x;
+		let y = position.y;
+
+		if (scaled_width <= canvas.width) {
+			x = center_position.x;
+		} else {
+			const min_x = canvas.width - scaled_width;
+			const max_x = 0;
+			x = Math.max(min_x, Math.min(max_x, position.x));
+		}
+
+		if (scaled_height <= canvas.height - this.pad_bottom) {
+			y = center_position.y;
+		} else {
+			const min_y = canvas.height - scaled_height - this.pad_bottom;
+			const max_y = 0;
+			y = Math.max(min_y, Math.min(max_y, position.y));
+		}
+
+		return { x, y };
+	}
+
+	/**
+	 * Zooms to a specific point with a new zoom level
+	 * @param {number} new_zoom - The new zoom level
+	 * @param {Object} point - The point to zoom to
+	 * @param {number} point.x - The x coordinate of the point
+	 * @param {number} point.y - The y coordinate of the point
+	 * @param {boolean} hard - Whether to apply a hard zoom (no animation)
+	 * @param {boolean} is_fit_zoom - Whether this is a fit zoom operation
+	 * @private
+	 */
+	private zoom_to_point(
+		new_zoom: number,
+		point: { x: number; y: number },
+		hard?: boolean,
+		is_fit_zoom?: boolean
+	): void {
+		const container = this.image_editor_context.image_container;
+		const current_world_pos = container.getGlobalPosition();
+		const current_scale = container.scale.x;
+
+		const cursor_image_pixel = {
+			x: (point.x - current_world_pos.x) / current_scale,
+			y: (point.y - current_world_pos.y) / current_scale
+		};
+
+		const fit_zoom = this.calculate_min_zoom(
+			this.local_dimensions.width,
+			this.local_dimensions.height
+		);
+		const min_zoom = Math.min(fit_zoom, 1);
+		new_zoom = Math.min(Math.max(new_zoom, min_zoom), this.max_zoom);
+
+		const new_container_world_pos = {
+			x: point.x - cursor_image_pixel.x * new_zoom,
+			y: point.y - cursor_image_pixel.y * new_zoom
+		};
+
+		if (new_zoom === min_zoom || is_fit_zoom) {
+			const canvas_width = this.image_editor_context.app.screen.width;
+			const canvas_height = this.image_editor_context.app.screen.height;
+			const new_scaled_width = this.local_dimensions.width * new_zoom;
+			const new_scaled_height = this.local_dimensions.height * new_zoom;
+
+			new_container_world_pos.x = (canvas_width - new_scaled_width) / 2;
+			new_container_world_pos.y =
+				(canvas_height - this.pad_bottom - new_scaled_height) / 2;
+		}
+
+		this.image_editor_context.set_image_properties({
+			scale: new_zoom,
+			position: new_container_world_pos,
+			animate: typeof hard === "boolean" ? !hard : new_zoom === min_zoom
+		});
+		this.min_zoom.set(new_zoom === min_zoom);
+	}
+
+	/**
+	 * Handles pointer down events
+	 * @param {FederatedPointerEvent} event - The pointer event
+	 * @private
+	 */
+	private handle_pointer_down(event: FederatedPointerEvent): void {
+		if (event.button === 0 && this.current_tool === "pan") {
+			this.is_pointer_dragging = true;
+			this.drag_start.copyFrom(event.global);
+			this.drag_start.x -= this.local_position.x;
+			this.drag_start.y -= this.local_position.y;
+		}
+	}
+
+	/**
+	 * Handles pointer move events
+	 * @param {FederatedPointerEvent} event - The pointer event
+	 * @private
+	 */
+	private handle_pointer_move(event: FederatedPointerEvent): void {
+		if (this.is_pointer_dragging && this.current_tool === "pan") {
+			const raw_position = {
+				x: event.global.x - this.drag_start.x,
+				y: event.global.y - this.drag_start.y
+			};
+
+			const canvas = this.image_editor_context.app.screen;
+			const scaled_width = this.local_dimensions.width * this.local_scale;
+			const scaled_height = this.local_dimensions.height * this.local_scale;
+			const available_width = canvas.width - this.border_padding * 2;
+			const available_height =
+				canvas.height - this.border_padding * 2 - this.pad_bottom;
+
+			let final_position = { ...raw_position };
+
+			if (scaled_width <= available_width) {
+				final_position.x = (canvas.width - scaled_width) / 2;
+			} else {
+				final_position.x = raw_position.x;
+			}
+
+			if (scaled_height <= available_height) {
+				final_position.y =
+					(canvas.height - this.pad_bottom - scaled_height) / 2;
+			} else {
+				final_position.y = raw_position.y;
+			}
+
+			this.image_editor_context.set_image_properties({
+				scale: this.local_scale,
+				position: final_position
+			});
+		}
+	}
+
+	/**
+	 * Handles pointer up events
+	 * @param {FederatedPointerEvent} event - The pointer event
+	 * @private
+	 */
+	private handle_pointer_up(event: FederatedPointerEvent): void {
+		if (this.is_pointer_dragging && this.current_tool === "pan") {
+			this.is_pointer_dragging = false;
+
+			const raw_position = {
+				x: event.global.x - this.drag_start.x,
+				y: event.global.y - this.drag_start.y
+			};
+
+			const canvas = this.image_editor_context.app.screen;
+			const scaled_width = this.local_dimensions.width * this.local_scale;
+			const scaled_height = this.local_dimensions.height * this.local_scale;
+			const available_width = canvas.width - this.border_padding * 2;
+			const available_height =
+				canvas.height - this.border_padding * 2 - this.pad_bottom;
+
+			let final_position = { ...raw_position };
+
+			if (scaled_width <= available_width) {
+				final_position.x = (canvas.width - scaled_width) / 2;
+			} else {
+				const max_offset = canvas.width / 2;
+				const left_bound = max_offset;
+				const right_bound = canvas.width - max_offset - scaled_width;
+				final_position.x = Math.min(
+					Math.max(raw_position.x, right_bound),
+					left_bound
+				);
+			}
+
+			if (scaled_height <= available_height) {
+				final_position.y =
+					(canvas.height - this.pad_bottom - scaled_height) / 2;
+			} else {
+				const max_offset = (canvas.height - this.pad_bottom) / 2;
+				const top_bound = max_offset;
+				const bottom_bound =
+					canvas.height - this.pad_bottom - max_offset - scaled_height;
+				final_position.y = Math.min(
+					Math.max(raw_position.y, bottom_bound),
+					top_bound
+				);
+			}
+
+			this.image_editor_context.set_image_properties({
+				scale: this.local_scale,
+				position: final_position,
+				animate: true
+			});
+		}
+	}
+}
diff --git a/js/imageeditor/types.ts b/js/imageeditor/types.ts
new file mode 100644
index 0000000..38c5b89
--- /dev/null
+++ b/js/imageeditor/types.ts
@@ -0,0 +1,74 @@
+import type { SelectData, ShareData } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { CommandNode } from "./shared/core/commands";
+import type {
+	LayerOptions,
+	Source,
+	Transform,
+	WebcamOptions
+} from "./shared/types";
+import type { Brush, Eraser } from "./shared/brush/types";
+import type { EditorData } from "./InteractiveImageEditor.svelte";
+import type { ImageBlobs } from "./shared/types";
+
+export interface ImageEditorEvents {
+	change: never;
+	error: string;
+	input: never;
+	edit: never;
+	drag: never;
+	apply: never;
+	upload: never;
+	clear: never;
+	select: SelectData;
+	share: ShareData;
+	clear_status: LoadingStatus;
+}
+
+export interface ImageEditorProps {
+	border_region?: number;
+	webcam_options?: WebcamOptions;
+	value?: EditorData | null;
+	buttons?: string[] | null;
+	height?: number;
+	width?: number;
+	_selectable?: boolean;
+	sources?: Source[];
+	placeholder?: string | undefined;
+	brush?: Brush;
+	eraser?: Eraser;
+	transforms?: Transform[];
+	layers?: LayerOptions;
+	server?: {
+		accept_blobs: (a: any) => void;
+	};
+	canvas_size?: [number, number];
+	fixed_canvas?: boolean;
+	full_history?: CommandNode | null;
+}
+
+// export let border_region = 0;
+// 	export let webcam_options: WebcamOptions;
+// 	export let value: EditorData | null = {
+// 		background: null,
+// 		layers: [],
+// 		composite: null,
+// 	};
+// 	export let buttons: string[] | null = null;
+// 	export let height = 350;
+// 	export let width: number | undefined;
+
+// 	export let _selectable = false;
+// 	export let sources: Source[] = [];
+// 	export let placeholder: string | undefined;
+// 	export let brush: Brush;
+// 	export let eraser: Eraser;
+// 	export let transforms: Transform[] = [];
+// 	export let layers: LayerOptions;
+// 	export let attached_events: string[] = [];
+// 	export let server: {
+// 		accept_blobs: (a: any) => void;
+// 	};
+// 	export let canvas_size: [number, number];
+// 	export let fixed_canvas = false;
+// 	export let full_history: CommandNode | null = null;
diff --git a/js/imageslider/CHANGELOG.md b/js/imageslider/CHANGELOG.md
new file mode 100644
index 0000000..be46c03
--- /dev/null
+++ b/js/imageslider/CHANGELOG.md
@@ -0,0 +1,1489 @@
+# @gradio/imageslider
+
+## 0.7.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.6.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13533](https://github.com/gradio-app/gradio/pull/13533) [`e5ec1ca`](https://github.com/gradio-app/gradio/commit/e5ec1ca66c45e7e3a057b75ac2b8b86660b2827b) - Fix fullscreen button not working in ImageSlider, interactive Image, native plots, and AnnotatedImage.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.5.0
+
+### Features
+
+- [#13252](https://github.com/gradio-app/gradio/pull/13252) [`e39f028`](https://github.com/gradio-app/gradio/commit/e39f0284582bbac93fd01b2a5eae4ecae219f252) - Add ImageSlider unit tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.4.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.4.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.4.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.1
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.3.1-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+
+## 0.3.1-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.3.1-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.3.1-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.3.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
+## 0.2.14
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+
+## 0.2.5
+
+### Fixes
+
+- [#11381](https://github.com/gradio-app/gradio/pull/11381) [`0e6fae0`](https://github.com/gradio-app/gradio/commit/0e6fae015069b6b4c44523642abfbbfced394ab2) - Fix transparent bg issue in gr.ImageSlider.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+
+## 0.2.2
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.2.0
+
+### Features
+
+- [#11027](https://github.com/gradio-app/gradio/pull/11027) [`eff532b`](https://github.com/gradio-app/gradio/commit/eff532b913a3c8f06f10a4f9471d3177e3744053) - Add new `ImageSlider` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+# @gradio/image
+
+## 0.22.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.21.7
+
+### Features
+
+- [#10847](https://github.com/gradio-app/gradio/pull/10847) [`d5fde7c`](https://github.com/gradio-app/gradio/commit/d5fde7c390004ce5394072100b059f545d2d4eae) - Babylon update for model3D.  Thanks @CedricGuillemet!
+
+### Fixes
+
+- [#10901](https://github.com/gradio-app/gradio/pull/10901) [`64a6ead`](https://github.com/gradio-app/gradio/commit/64a6ead05c99cfd5787e7f112838f2be83082a69) - Fix EventData scaling when `gr.Image` is in fullscreen mode.  Thanks @tiago-gsantos!
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+
+## 0.21.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+
+## 0.21.5
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.21.4
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+
+## 0.21.3
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+
+## 0.21.2
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.21.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+
+## 0.21.0
+
+### Features
+
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.20.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/wasm@0.17.2
+
+## 0.20.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/wasm@0.17.1
+
+## 0.20.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.20.1
+
+### Fixes
+
+- [#10327](https://github.com/gradio-app/gradio/pull/10327) [`e0cb47f`](https://github.com/gradio-app/gradio/commit/e0cb47f0c5040049fb942a381c0335de4bf77d67) - Fix webcam.  Thanks @Col0ring!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+
+## 0.20.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Fixes
+
+- [#10269](https://github.com/gradio-app/gradio/pull/10269) [`890eaa3`](https://github.com/gradio-app/gradio/commit/890eaa3a9e53dab5bcb16c5d017ae0470109b8fb) - Allow displaying SVG images securely in `gr.Image` and `gr.Gallery` components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+
+## 0.19.0
+
+### Features
+
+- [#10098](https://github.com/gradio-app/gradio/pull/10098) [`9a6ce6f`](https://github.com/gradio-app/gradio/commit/9a6ce6f6b089d94c06da0b8620f28967f39f8383) - Refactor full screen logic to be reusable.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+
+## 0.18.0
+
+### Features
+
+- [#10099](https://github.com/gradio-app/gradio/pull/10099) [`8530b6e`](https://github.com/gradio-app/gradio/commit/8530b6e2f986421adceda98f972e6b843bc03fbe) - Redesign pending bubble in Chatbot.  Thanks @hannahblair!
+- [#10032](https://github.com/gradio-app/gradio/pull/10032) [`e450674`](https://github.com/gradio-app/gradio/commit/e450674ce41ca28f1f37a27fb149c728593a6ddf) - add  `webcam_height` and `webcam_width` to specify the resolution of the Webcam.  Thanks @yinsumirage!
+
+## 0.17.0
+
+### Features
+
+- [#10054](https://github.com/gradio-app/gradio/pull/10054) [`458941c`](https://github.com/gradio-app/gradio/commit/458941c508f11d43debf1cef6950f330145e336d) - Allow full screen mode in interactive gr.Image.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.16.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.16.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.16.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.16.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+
+## 0.16.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+
+## 0.16.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/wasm@0.14.1
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.16.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds ability to block event trigger when file is uploading
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Open audio/image input stream only when queue is ready
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming Guides
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Send Streaming data over Websocket if possible. Also support base64 output format for images.
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot autoscroll
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix stop recording button colors
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming inputs for 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.16.0-beta.7
+
+### Features
+
+- [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.16.0-beta.6
+
+### Features
+
+- [#9483](https://github.com/gradio-app/gradio/pull/9483) [`8dc7c12`](https://github.com/gradio-app/gradio/commit/8dc7c12389311b60efcde1b9d3e3668a34d2dc00) - Send Streaming data over Websocket if possible. Also support base64 output format for images.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.16.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.16.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.16.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.16.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+- [#9270](https://github.com/gradio-app/gradio/pull/9270) [`b0b8500`](https://github.com/gradio-app/gradio/commit/b0b850081d8d10c1287b5d179b8db37482e21c8d) - Fix stop recording button colors.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.16.0-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.16.0-beta.0
+
+### Features
+
+- [#9149](https://github.com/gradio-app/gradio/pull/9149) [`3d7a9b8`](https://github.com/gradio-app/gradio/commit/3d7a9b81f6fef06187eca832471dc1692eb493a0) - Open audio/image input stream only when queue is ready.  Thanks @freddyaboulton!
+- [#9173](https://github.com/gradio-app/gradio/pull/9173) [`66349fe`](https://github.com/gradio-app/gradio/commit/66349fe26827e3a3c15b738a1177e95fec7f5554) - Streaming Guides.  Thanks @freddyaboulton!
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+## 0.15.1
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+
+## 0.15.0
+
+### Features
+
+- [#9031](https://github.com/gradio-app/gradio/pull/9031) [`04b7d32`](https://github.com/gradio-app/gradio/commit/04b7d327ec1227a693fc2dfea51b1e2729851bde) - Allow drag and replace image in `gr.Image` and Multimodal textbox.  Thanks @hannahblair!
+- [#8930](https://github.com/gradio-app/gradio/pull/8930) [`41d5ab9`](https://github.com/gradio-app/gradio/commit/41d5ab987ba9728753be4509490c79041655809b) - Add `placeholder` param to Image and ImageEditor to replace upload image text.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Fixes
+
+- [#9116](https://github.com/gradio-app/gradio/pull/9116) [`ba6322e`](https://github.com/gradio-app/gradio/commit/ba6322ec2bb975f15389fe0700816bf671c6819d) - Fix image height content fit.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.14.0
+
+### Features
+
+- [#8964](https://github.com/gradio-app/gradio/pull/8964) [`bf6bbd9`](https://github.com/gradio-app/gradio/commit/bf6bbd971acddbf78f03bea431ed7d1e0003ccf9) - Add min/max-imize button to gr.Image and gr.Gallery.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+
+## 0.13.0
+
+### Features
+
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+
+### Fixes
+
+- [#8836](https://github.com/gradio-app/gradio/pull/8836) [`7e8c829`](https://github.com/gradio-app/gradio/commit/7e8c829aad85d3d5a31a03f4f2e41483d1e6b53e) - Add `.input()` events to `gr.Audio` and `gr.Image`.  Thanks @abidlabs!
+- [#8852](https://github.com/gradio-app/gradio/pull/8852) [`16b8200`](https://github.com/gradio-app/gradio/commit/16b820038df43905447ab7623d39d91ceb0d6238) - Fix gr.Image height inconsistencies.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.12.2
+
+### Fixes
+
+- [#8737](https://github.com/gradio-app/gradio/pull/8737) [`31a876d`](https://github.com/gradio-app/gradio/commit/31a876d0274d7b74a90d30148f3e9c098f486242) - Fix `Share to community` button for images.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.12.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.11.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.11.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.10.6
+
+## 0.11.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/upload@0.10.4
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.11.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.11.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+
+## 0.10.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.9.11
+
+### Fixes
+
+- [#7754](https://github.com/gradio-app/gradio/pull/7754) [`057d171`](https://github.com/gradio-app/gradio/commit/057d171c717737a522b55b0d66962f9c62dd87c3) - Correctly handle device selection in `Image` and `ImageEditor`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.9.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.9.4
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.9.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.9.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.9.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.9.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.8.0
+
+### Features
+
+- [#7228](https://github.com/gradio-app/gradio/pull/7228) [`2e6672c`](https://github.com/gradio-app/gradio/commit/2e6672c815e39fd6af78353e66661100b9102cd4) - Allow start/pause of streaming image input. Only access the webcam while it's needed. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#7309](https://github.com/gradio-app/gradio/pull/7309) [`200e251`](https://github.com/gradio-app/gradio/commit/200e2518e4d449aa82819a8d119e912bd1d95c15) - Add `gr.Image` interaction test + `gr.ImageEditor` interaction test improvement. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7325](https://github.com/gradio-app/gradio/pull/7325) [`733ca26`](https://github.com/gradio-app/gradio/commit/733ca266bb1ba9049ed7309b8f0614199682e173) - Ensure examples Images displays as expected. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.7.1
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32), [`be56c76`](https://github.com/gradio-app/gradio/commit/be56c76c7b5d2814ea8239c7dbeddc4b1d3701c4), [`8c355a4`](https://github.com/gradio-app/gradio/commit/8c355a47844296e3aab250fe61e2ecc706122e78)]:
+  - @gradio/utils@0.2.1
+  - @gradio/upload@0.7.0
+  - @gradio/atoms@0.5.0
+  - @gradio/wasm@0.5.1
+  - @gradio/statustracker@0.4.4
+
+## 0.7.0
+
+### Fixes
+
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.1
+
+### Fixes
+
+- [#6885](https://github.com/gradio-app/gradio/pull/6885) [`640b7fe`](https://github.com/gradio-app/gradio/commit/640b7fe05276e11720b4341cadf088491395e53d) - Fix issue with Webcam Recording. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#6967](https://github.com/gradio-app/gradio/pull/6967) [`5e00162`](https://github.com/gradio-app/gradio/commit/5e0016267f1d683e2daab82ee4a33d2f09513a34) - Make <Gallery /> Wasm-compatible. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.6.0
+
+### Features
+
+- [#6133](https://github.com/gradio-app/gradio/pull/6133) [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383) - Lite: Support AnnotatedImage on Wasm. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6931](https://github.com/gradio-app/gradio/pull/6931) [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549) - Fix functional tests. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6942](https://github.com/gradio-app/gradio/pull/6942) [`b1b78c2`](https://github.com/gradio-app/gradio/commit/b1b78c2168e24fb65251a9b9b6cbc9382179a8ca) - Fix `.select` for `gr.Image`, `gr.CheckboxGroup`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.4
+
+### Fixes
+
+- [#6865](https://github.com/gradio-app/gradio/pull/6865) [`15c97c6`](https://github.com/gradio-app/gradio/commit/15c97c6d346c475141d20615b5a865e9c44bdc76) - Fix webcam when `streaming=True`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.3
+
+### Fixes
+
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+
+## 0.5.0
+
+### Features
+
+- [#6726](https://github.com/gradio-app/gradio/pull/6726) [`21cfb0a`](https://github.com/gradio-app/gradio/commit/21cfb0acc309bb1a392f4d8a8e42f6be864c5978) - Remove the styles from the Image/Video primitive components and Fix the container styles. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#6709](https://github.com/gradio-app/gradio/pull/6709) [`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88) - Remove progress animation on streaming. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.4.2
+
+### Fixes
+
+- [#6635](https://github.com/gradio-app/gradio/pull/6635) [`b639e04`](https://github.com/gradio-app/gradio/commit/b639e040741e6c0d9104271c81415d7befbd8cf3) - Quick Image + Text Component Fixes. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/upload@0.5.1
+
+## 0.4.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.6
+
+### Fixes
+
+- [#6441](https://github.com/gradio-app/gradio/pull/6441) [`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521) - Small but important bugfixes for gr.Image: The upload event was not triggering at all. The paste-from-clipboard was not triggering an upload event. The clear button was not triggering a change event. The change event was triggering infinitely. Uploaded images were not preserving their original names. Uploading a new image should clear out the previous image. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486), [`d84209703`](https://github.com/gradio-app/gradio/commit/d84209703b7a0728cdb49221e543500ddb6a8d33)]:
+  - @gradio/client@0.8.1
+  - @gradio/wasm@0.3.0
+  - @gradio/upload@0.4.1
+
+## 0.3.4
+
+### Features
+
+- [#6363](https://github.com/gradio-app/gradio/pull/6363) [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d) - Fix image upload. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6322](https://github.com/gradio-app/gradio/pull/6322) [`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120) - Fixes `gr.load()` so it works properly with Images and Examples. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/statustracker@0.3.1
+
+## 0.3.2
+
+### Fixes
+
+- [#6213](https://github.com/gradio-app/gradio/pull/6213) [`27194a987`](https://github.com/gradio-app/gradio/commit/27194a987fa7ba1234b5fc0ce8bf7fabef7033a9) - Ensure the statustracker for `gr.Image` displays in static mode. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.9
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6146](https://github.com/gradio-app/gradio/pull/6146) [`40a171ea6`](https://github.com/gradio-app/gradio/commit/40a171ea60c74afa9519d6cb159def16ce68e1ca) - Fix image double change bug. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [[`174b73619`](https://github.com/gradio-app/gradio/commit/174b736194756e23f51bbaf6f850bac5f1ca95b5), [`5fbda0bd2`](https://github.com/gradio-app/gradio/commit/5fbda0bd2b2bbb2282249b8875d54acf87cd7e84)]:
+  - @gradio/wasm@0.2.0-beta.1
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.0
+
+### Features
+
+- [#5627](https://github.com/gradio-app/gradio/pull/5627) [`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5) - Lite: Make the Examples component display media files using pseudo HTTP requests to the Wasm server. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5934](https://github.com/gradio-app/gradio/pull/5934) [`8d909624f`](https://github.com/gradio-app/gradio/commit/8d909624f61a49536e3c0f71cb2d9efe91216219) - Fix styling issues with Audio, Image and Video components. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.4
+
+### Fixes
+
+- [#5587](https://github.com/gradio-app/gradio/pull/5587) [`e0d61b8ba`](https://github.com/gradio-app/gradio/commit/e0d61b8baa0f6293f53b9bdb1647d42f9ae2583a) - Fix `.clear()` events for audio and image. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.3
+
+### Fixes
+
+- [#5528](https://github.com/gradio-app/gradio/pull/5528) [`dc86e4a7`](https://github.com/gradio-app/gradio/commit/dc86e4a7e1c40b910c74558e6f88fddf9b3292bc) - Lazy load all images. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.2.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd)]:
+  - @gradio/upload@0.0.3
+
+## 0.1.0
+
+### Features
+
+- [#4979](https://github.com/gradio-app/gradio/pull/4979) [`44ac8ad0`](https://github.com/gradio-app/gradio/commit/44ac8ad08d82ea12c503dde5c78f999eb0452de2) - Allow setting sketch color default. Thanks [@aliabid94](https://github.com/aliabid94)!
\ No newline at end of file
diff --git a/js/imageslider/Example.svelte b/js/imageslider/Example.svelte
new file mode 100644
index 0000000..7378056
--- /dev/null
+++ b/js/imageslider/Example.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+	let {
+		value,
+		samples_dir,
+		type,
+		selected = false
+	}: {
+		value: [string, string];
+		samples_dir: string;
+		type: "gallery" | "table";
+		selected?: boolean;
+	} = $props();
+</script>
+
+<!-- TODO: fix -->
+<!-- svelte-ignore a11y-missing-attribute -->
+<div
+	class="wrap"
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	<img src={samples_dir + value[0]} />
+
+	<img src={samples_dir + value[1]} />
+	<span></span>
+</div>
+
+<style>
+	.wrap {
+		position: relative;
+		height: var(--size-64);
+		width: var(--size-40);
+		overflow: hidden;
+		border-radius: var(--radius-lg);
+	}
+	img {
+		height: var(--size-64);
+		width: var(--size-40);
+		position: absolute;
+		/* border-radius: var(--radius-lg); */
+		/* max-width: none; */
+		object-fit: cover;
+	}
+
+	.wrap.selected {
+		border-color: var(--color-accent);
+	}
+	.wrap img:first-child {
+		clip-path: inset(0 50% 0 0%);
+	}
+
+	.wrap img:nth-of-type(2) {
+		clip-path: inset(0 0 0 50%);
+	}
+	span {
+		position: absolute;
+		top: 0;
+		left: calc(50% - 0.75px);
+		height: var(--size-64);
+		width: 1.5px;
+		background: var(--border-color-primary);
+	}
+
+	.table {
+		margin: 0 auto;
+		border: 2px solid var(--border-color-primary);
+		border-radius: var(--radius-lg);
+	}
+
+	.gallery {
+		border: 2px solid var(--border-color-primary);
+		/* max-height: var(--size-20); */
+		object-fit: cover;
+	}
+</style>
diff --git a/js/imageslider/ImageSlider.test.ts b/js/imageslider/ImageSlider.test.ts
new file mode 100644
index 0000000..e16767b
--- /dev/null
+++ b/js/imageslider/ImageSlider.test.ts
@@ -0,0 +1,746 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import {
+	cleanup,
+	render,
+	fireEvent,
+	waitFor,
+	upload_file,
+	mock_client,
+	TEST_JPG
+} from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import type { FileData } from "@gradio/client";
+
+import ImageSlider from "./Index.svelte";
+
+const fake_image = (id: string): FileData => ({
+	path: `${id}.png`,
+	url: `https://example.com/${id}.png`,
+	orig_name: `${id}.png`,
+	size: 1024,
+	mime_type: "image/png",
+	is_stream: false,
+	meta: { _type: "gradio.FileData" }
+});
+
+const img_a = fake_image("img_a");
+const img_b = fake_image("img_b");
+
+const default_props = {
+	value: [null, null] as [FileData | null, FileData | null],
+	label: "ImageSlider",
+	show_label: true,
+	interactive: false,
+	buttons: [] as (string | { value: string; id: number; icon: null })[],
+	slider_position: 50,
+	input_ready: true,
+	upload_count: 2,
+	slider_color: "#ff0000",
+	max_height: 500
+};
+
+// interactive: false ensures SliderPreview is rendered for elem_id/elem_classes/visible tests.
+// has_label: false because BlockLabel's show_label=false uses class:hide (display:none) but
+// is applied directly on the <label> element, not on a data-testid='block-info' wrapper that
+// the shared test expects. Custom label tests are below.
+run_shared_prop_tests({
+	component: ImageSlider,
+	name: "ImageSlider",
+	base_props: { ...default_props },
+	has_label: false
+});
+
+describe("Props: label", () => {
+	afterEach(() => cleanup());
+
+	test("label text is rendered", async () => {
+		const { getByTestId } = await render(ImageSlider, {
+			...default_props,
+			label: "My Comparison"
+		});
+
+		expect(getByTestId("block-label")).toHaveTextContent("My Comparison");
+	});
+
+	test("show_label: true makes the label visible", async () => {
+		const { getByTestId } = await render(ImageSlider, {
+			...default_props,
+			show_label: true
+		});
+
+		expect(getByTestId("block-label")).toBeVisible();
+	});
+
+	test("show_label: false hides the label", async () => {
+		const { getByTestId } = await render(ImageSlider, {
+			...default_props,
+			show_label: false
+		});
+
+		// BlockLabel uses class:hide (display:none) when show_label=false
+		expect(getByTestId("block-label")).not.toBeVisible();
+	});
+});
+
+describe("ImageSlider", () => {
+	afterEach(() => cleanup());
+
+	test("renders empty state when non-interactive with no images", async () => {
+		const { queryAllByTestId } = await render(ImageSlider, {
+			...default_props,
+			interactive: false,
+			value: [null, null]
+		});
+
+		expect(queryAllByTestId("imageslider-image")).toHaveLength(0);
+	});
+
+	test("renders upload area when interactive with no images", async () => {
+		// Upload component renders two buttons (one per slot); getAllByRole handles both
+		const { getAllByRole } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, null],
+			client: mock_client()
+		});
+
+		const btns = getAllByRole("button", {
+			name: "Click to upload or drop files"
+		});
+		expect(btns[0]).toBeVisible();
+	});
+
+	test("renders upload area when value is undefined", async () => {
+		const { getAllByRole, get_data } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: undefined,
+			client: mock_client()
+		});
+
+		const btns = getAllByRole("button", {
+			name: "Click to upload or drop files"
+		});
+		expect(btns[0]).toBeVisible();
+		expect((await get_data()).value).toEqual([null, null]);
+	});
+
+	test("renders both images when value has two images", async () => {
+		const { getAllByTestId } = await render(ImageSlider, {
+			...default_props,
+			value: [img_a, img_b]
+		});
+
+		expect(getAllByTestId("imageslider-image").length).toBeGreaterThan(0);
+	});
+});
+
+describe("Props: value", () => {
+	afterEach(() => cleanup());
+
+	test("[null, null] + interactive shows upload area", async () => {
+		// Two upload buttons (one per slot); getAllByRole avoids "multiple elements" error
+		const { getAllByRole } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, null],
+			client: mock_client()
+		});
+
+		const btns = getAllByRole("button", {
+			name: "Click to upload or drop files"
+		});
+		expect(btns[0]).toBeVisible();
+	});
+
+	test("both images show their URLs in <img> src attributes", async () => {
+		const { getAllByTestId } = await render(ImageSlider, {
+			...default_props,
+			value: [img_a, img_b]
+		});
+
+		const imgs = getAllByTestId("imageslider-image");
+		const srcs = imgs.map((img) => (img as HTMLImageElement).src);
+		expect(srcs).toContain("https://example.com/img_a.png");
+		expect(srcs).toContain("https://example.com/img_b.png");
+	});
+
+	test("[img, null] + interactive shows upload mode (second image missing)", async () => {
+		const { getByRole } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [img_a, null],
+			client: mock_client()
+		});
+
+		expect(
+			getByRole("button", { name: "Click to upload or drop files" })
+		).toBeVisible();
+	});
+
+	test("[null, img] + interactive shows upload mode (first image missing)", async () => {
+		const { getByRole } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, img_b],
+			client: mock_client()
+		});
+
+		expect(
+			getByRole("button", { name: "Click to upload or drop files" })
+		).toBeVisible();
+	});
+
+	test("[img, img] + interactive switches to preview mode", async () => {
+		const { getAllByTestId, queryByRole } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [img_a, img_b]
+		});
+
+		expect(
+			queryByRole("button", { name: "Click to upload or drop files" })
+		).toBeNull();
+		expect(getAllByTestId("imageslider-image").length).toBeGreaterThan(0);
+	});
+
+	test("set_data with both images updates DOM with correct src values", async () => {
+		const { set_data, getAllByTestId } = await render(ImageSlider, {
+			...default_props,
+			value: [null, null]
+		});
+
+		await set_data({ value: [img_a, img_b] });
+
+		const imgs = getAllByTestId("imageslider-image");
+		const srcs = imgs.map((img) => (img as HTMLImageElement).src);
+		expect(srcs).toContain("https://example.com/img_a.png");
+		expect(srcs).toContain("https://example.com/img_b.png");
+	});
+
+	test("set_data with [null, null] removes images from DOM", async () => {
+		const { set_data, queryAllByTestId } = await render(ImageSlider, {
+			...default_props,
+			interactive: false,
+			value: [img_a, img_b]
+		});
+
+		await set_data({ value: [null, null] });
+
+		expect(queryAllByTestId("imageslider-image")).toHaveLength(0);
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive: false with no images shows static empty state without file inputs", async () => {
+		const { queryByTestId } = await render(ImageSlider, {
+			...default_props,
+			interactive: false,
+			value: [null, null]
+		});
+
+		expect(queryByTestId("file-upload")).toBeNull();
+	});
+
+	test("interactive: true with no images shows upload area", async () => {
+		// Two upload buttons (one per slot); getAllByRole avoids "multiple elements" error
+		const { getAllByRole } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, null],
+			client: mock_client()
+		});
+
+		const btns = getAllByRole("button", {
+			name: "Click to upload or drop files"
+		});
+		expect(btns[0]).toBeVisible();
+	});
+
+	test("interactive: true with both images shows preview without upload buttons", async () => {
+		const { getAllByTestId, queryByRole } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [img_a, img_b]
+		});
+
+		expect(
+			queryByRole("button", { name: "Click to upload or drop files" })
+		).toBeNull();
+		expect(getAllByTestId("imageslider-image").length).toBeGreaterThan(0);
+	});
+
+	test("interactive: false with both images shows static preview", async () => {
+		const { queryByTestId, getAllByTestId } = await render(ImageSlider, {
+			...default_props,
+			interactive: false,
+			value: [img_a, img_b]
+		});
+
+		expect(queryByTestId("file-upload")).toBeNull();
+		expect(getAllByTestId("imageslider-image").length).toBeGreaterThan(0);
+	});
+});
+
+describe("Props: slider_position", () => {
+	afterEach(() => cleanup());
+
+	test("slider_position: 50 renders the slider element", async () => {
+		const { getByTestId } = await render(ImageSlider, {
+			...default_props,
+			value: [img_a, img_b],
+			slider_position: 50
+		});
+
+		expect(getByTestId("slider")).toBeInTheDocument();
+	});
+
+	test.todo(
+		"VISUAL: slider_position=0 positions the slider at the left edge — needs Playwright visual regression screenshot comparison"
+	);
+	test.todo(
+		"VISUAL: slider_position=100 positions the slider at the right edge — needs Playwright visual regression screenshot comparison"
+	);
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	const preview_props = {
+		...default_props,
+		interactive: false,
+		value: [img_a, img_b] as [FileData, FileData]
+	};
+
+	test("buttons: ['download'] shows a download link", async () => {
+		const { getByTestId } = await render(ImageSlider, {
+			...preview_props,
+			buttons: ["download"]
+		});
+
+		expect(getByTestId("download-link")).toBeInTheDocument();
+	});
+
+	test("buttons: [] hides the download link", async () => {
+		const { queryByTestId } = await render(ImageSlider, {
+			...preview_props,
+			buttons: []
+		});
+
+		expect(queryByTestId("download-link")).toBeNull();
+	});
+
+	test("buttons: ['fullscreen'] shows the fullscreen button", async () => {
+		const { getByLabelText } = await render(ImageSlider, {
+			...preview_props,
+			buttons: ["fullscreen"]
+		});
+
+		expect(getByLabelText("Fullscreen")).toBeVisible();
+	});
+
+	test("buttons: [] hides the fullscreen button", async () => {
+		const { queryByLabelText } = await render(ImageSlider, {
+			...preview_props,
+			buttons: []
+		});
+
+		expect(queryByLabelText("Fullscreen")).toBeNull();
+	});
+
+	test("buttons: ['download', 'fullscreen'] shows both buttons", async () => {
+		const { getByTestId, getByLabelText } = await render(ImageSlider, {
+			...preview_props,
+			buttons: ["download", "fullscreen"]
+		});
+
+		expect(getByTestId("download-link")).toBeInTheDocument();
+		expect(getByLabelText("Fullscreen")).toBeVisible();
+	});
+
+	test("clicking the fullscreen button toggles fullscreen mode", async () => {
+		const { getByLabelText } = await render(ImageSlider, {
+			...preview_props,
+			buttons: ["fullscreen"]
+		});
+
+		await fireEvent.click(getByLabelText("Fullscreen"));
+		await waitFor(() => {
+			expect(getByLabelText("Exit fullscreen mode")).toBeVisible();
+		});
+
+		await fireEvent.click(getByLabelText("Exit fullscreen mode"));
+		await waitFor(() => {
+			expect(getByLabelText("Fullscreen")).toBeVisible();
+		});
+	});
+
+	test("interactive: true with both images shows Remove Image button", async () => {
+		const { getByLabelText } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [img_a, img_b]
+		});
+
+		expect(getByLabelText("Remove Image")).toBeVisible();
+	});
+
+	test("interactive: false hides the Remove Image button", async () => {
+		const { queryByLabelText } = await render(ImageSlider, {
+			...preview_props,
+			interactive: false
+		});
+
+		expect(queryByLabelText("Remove Image")).toBeNull();
+	});
+
+	test("custom button fires custom_button_click with correct id", async () => {
+		const { listen, getByLabelText } = await render(ImageSlider, {
+			...preview_props,
+			buttons: [{ value: "Analyze", id: 42, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Analyze"));
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 42 });
+	});
+
+	test("multiple custom buttons each dispatch their own id", async () => {
+		const { listen, getByLabelText } = await render(ImageSlider, {
+			...preview_props,
+			buttons: [
+				{ value: "Action A", id: 1, icon: null },
+				{ value: "Action B", id: 2, icon: null }
+			]
+		});
+
+		const custom = listen("custom_button_click");
+
+		await fireEvent.click(getByLabelText("Action A"));
+		await fireEvent.click(getByLabelText("Action B"));
+
+		expect(custom).toHaveBeenCalledTimes(2);
+		expect(custom).toHaveBeenNthCalledWith(1, { id: 1 });
+		expect(custom).toHaveBeenNthCalledWith(2, { id: 2 });
+	});
+});
+
+describe("Props: placeholder", () => {
+	afterEach(() => cleanup());
+
+	test("shows placeholder text in the upload areas", async () => {
+		// Both upload slots show the same placeholder text; getAllByText handles both
+		const { getAllByText } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, null],
+			placeholder: "Drop comparison images here",
+			client: mock_client()
+		});
+
+		const placeholders = getAllByText("Drop comparison images here");
+		expect(placeholders[0]).toBeVisible();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("no spurious change event on initial mount", async () => {
+		const { listen } = await render(ImageSlider, {
+			...default_props,
+			value: [img_a, img_b]
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("fires when set_data changes value", async () => {
+		const { listen, set_data } = await render(ImageSlider, {
+			...default_props,
+			value: [null, null]
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: [img_a, img_b] });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("fires again when value changes to a different pair", async () => {
+		const { listen, set_data } = await render(ImageSlider, {
+			...default_props,
+			value: [null, null]
+		});
+
+		const change = listen("change");
+		const alt_a = fake_image("alt_a");
+		const alt_b = fake_image("alt_b");
+
+		await set_data({ value: [img_a, img_b] });
+		await set_data({ value: [alt_a, alt_b] });
+
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+
+	test("setting value to [null, null] after having images fires change", async () => {
+		const { listen, set_data } = await render(ImageSlider, {
+			...default_props,
+			value: [img_a, img_b]
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: [null, null] });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: clear", () => {
+	afterEach(() => cleanup());
+
+	test("fires when Remove Image button is clicked", async () => {
+		const { listen, getByLabelText } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [img_a, img_b]
+		});
+
+		const clear = listen("clear");
+
+		await fireEvent.click(getByLabelText("Remove Image"));
+
+		expect(clear).toHaveBeenCalledTimes(1);
+	});
+
+	test("value is [null, null] after clicking Remove Image", async () => {
+		const { get_data, getByLabelText } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [img_a, img_b]
+		});
+
+		await fireEvent.click(getByLabelText("Remove Image"));
+
+		const data = await get_data();
+		expect(data.value).toEqual([null, null]);
+	});
+});
+
+describe("Events: upload", () => {
+	afterEach(() => cleanup());
+
+	test("fires after a file is uploaded in interactive mode", async () => {
+		const { listen } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, null],
+			client: mock_client(),
+			root: "https://example.com"
+		});
+
+		const upload = listen("upload");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+	});
+
+	test("uploading also fires change", async () => {
+		const { listen } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, null],
+			client: mock_client(),
+			root: "https://example.com"
+		});
+
+		const upload = listen("upload");
+		const change = listen("change");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: input", () => {
+	afterEach(() => cleanup());
+
+	test("fires when a file is uploaded by the user", async () => {
+		const { listen } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [null, null],
+			client: mock_client(),
+			root: "https://example.com"
+		});
+
+		const input = listen("input");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(input).toHaveBeenCalledTimes(1);
+		});
+	});
+
+	test("does not fire when value changes via set_data (backend output)", async () => {
+		const { listen, set_data } = await render(ImageSlider, {
+			...default_props,
+			value: [null, null]
+		});
+
+		const input = listen("input");
+
+		await set_data({ value: [img_a, img_b] });
+
+		expect(input).not.toHaveBeenCalled();
+	});
+
+	test("fires when Remove Image button is clicked", async () => {
+		const { listen, getByLabelText } = await render(ImageSlider, {
+			...default_props,
+			interactive: true,
+			value: [img_a, img_b]
+		});
+
+		const input = listen("input");
+
+		await fireEvent.click(getByLabelText("Remove Image"));
+
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: custom_button_click", () => {
+	afterEach(() => cleanup());
+
+	test("fires with { id } when a custom button is clicked", async () => {
+		const { listen, getByLabelText } = await render(ImageSlider, {
+			...default_props,
+			interactive: false,
+			value: [img_a, img_b],
+			buttons: [{ value: "Run", id: 99, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+
+		await fireEvent.click(getByLabelText("Run"));
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 99 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the initial value", async () => {
+		const { get_data } = await render(ImageSlider, {
+			...default_props,
+			value: [img_a, img_b]
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual([img_a, img_b]);
+	});
+
+	test("get_data returns [null, null] when no images are set", async () => {
+		const { get_data } = await render(ImageSlider, {
+			...default_props,
+			value: [null, null]
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual([null, null]);
+	});
+
+	test("set_data then get_data round-trips correctly", async () => {
+		const { set_data, get_data } = await render(ImageSlider, {
+			...default_props,
+			value: [null, null]
+		});
+
+		await set_data({ value: [img_a, img_b] });
+
+		const data = await get_data();
+		expect(data.value).toEqual([img_a, img_b]);
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("[null, null] value renders without crash", async () => {
+		const { container } = await render(ImageSlider, {
+			...default_props,
+			value: [null, null]
+		});
+
+		expect(container).toBeInTheDocument();
+	});
+
+	test("[img, null] partial value renders without crash in static mode", async () => {
+		const { container } = await render(ImageSlider, {
+			...default_props,
+			interactive: false,
+			value: [img_a, null]
+		});
+
+		expect(container).toBeInTheDocument();
+	});
+
+	test("[null, img] partial value renders without crash in static mode", async () => {
+		const { container } = await render(ImageSlider, {
+			...default_props,
+			interactive: false,
+			value: [null, img_b]
+		});
+
+		expect(container).toBeInTheDocument();
+	});
+
+	test("no change event on initial mount when value is set", async () => {
+		const { listen } = await render(ImageSlider, {
+			...default_props,
+			value: [img_a, img_b]
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+test.todo(
+	"VISUAL: slider_color applies the given color to the slider line and handles — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: height prop constrains the component height — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: width prop constrains the component width — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: max_height limits image display height — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: scroll wheel zoom scales both images together — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: mouse drag pans both images when zoomed in — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/imageslider/Index.svelte b/js/imageslider/Index.svelte
new file mode 100644
index 0000000..47af148
--- /dev/null
+++ b/js/imageslider/Index.svelte
@@ -0,0 +1,162 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import type { ImageSliderProps, ImageSliderEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import StaticImage from "./shared/SliderPreview.svelte";
+	import ImageUploader from "./shared/SliderUpload.svelte";
+
+	import { Block, Empty, UploadText } from "@gradio/atoms";
+	import { Image } from "@gradio/icons";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	type sources = "upload" | "webcam" | "clipboard" | null;
+
+	let upload_promise = $state<Promise<any>>();
+
+	class ImageSliderGradio extends Gradio<ImageSliderEvents, ImageSliderProps> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+
+			const data = await super.get_data();
+			return data;
+		}
+	}
+
+	const props = $props();
+	const gradio = new ImageSliderGradio(props);
+
+	let fullscreen = $state(false);
+	let dragging = $state(false);
+	let active_source: sources = $state(null);
+	let value = $state(gradio.props.value ?? [null, null]);
+
+	let normalised_slider_position = $derived(
+		Math.max(0, Math.min(100, gradio.props.slider_position)) / 100
+	);
+
+	gradio.watch_for_change();
+
+	$effect(() => {
+		value = gradio.props.value ?? [null, null];
+	});
+
+	$effect(() => {
+		gradio.props.value = value;
+	});
+</script>
+
+{#if !gradio.shared.interactive || (value?.[1] && value?.[0])}
+	<Block
+		visible={gradio.shared.visible}
+		variant={"solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height || undefined}
+		width={gradio.props.width}
+		allow_overflow={false}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+		bind:fullscreen
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+		/>
+		<StaticImage
+			onclear={() => {
+				gradio.dispatch("clear");
+				gradio.dispatch("input");
+			}}
+			onfullscreen={(detail) => {
+				fullscreen = detail;
+			}}
+			{fullscreen}
+			interactive={gradio.shared.interactive}
+			bind:value
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			show_download_button={gradio.props.buttons.some(
+				(btn) => typeof btn === "string" && btn === "download"
+			)}
+			i18n={gradio.i18n}
+			show_fullscreen_button={gradio.props.buttons.some(
+				(btn) => typeof btn === "string" && btn === "fullscreen"
+			)}
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			position={normalised_slider_position}
+			slider_color={gradio.props.slider_color}
+			max_height={gradio.props.max_height}
+		/>
+	</Block>
+{:else}
+	<Block
+		visible={gradio.shared.visible}
+		variant={value?.[0] || value?.[1] ? "solid" : "dashed"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height || undefined}
+		width={gradio.props.width}
+		allow_overflow={false}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		<ImageUploader
+			bind:upload_promise
+			bind:value
+			bind:dragging
+			root={gradio.shared.root}
+			onclear={() => {
+				gradio.dispatch("clear");
+				gradio.dispatch("input");
+			}}
+			ondrag={(detail) => (dragging = detail)}
+			onupload={() => {
+				gradio.dispatch("upload");
+				gradio.dispatch("input");
+			}}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			upload_count={gradio.props.upload_count}
+			max_file_size={gradio.shared.max_file_size}
+			i18n={gradio.i18n}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={gradio.shared.client?.stream}
+			max_height={gradio.props.max_height}
+		>
+			{#if active_source === "upload" || !active_source}
+				<UploadText
+					i18n={gradio.i18n}
+					type="image"
+					placeholder={gradio.props.placeholder}
+				/>
+			{:else if active_source === "clipboard"}
+				<UploadText i18n={gradio.i18n} type="clipboard" mode="short" />
+			{:else}
+				<Empty unpadded_box={true} size="large"><Image /></Empty>
+			{/if}
+		</ImageUploader>
+	</Block>
+{/if}
diff --git a/js/imageslider/README.md b/js/imageslider/README.md
new file mode 100644
index 0000000..05c1d4e
--- /dev/null
+++ b/js/imageslider/README.md
@@ -0,0 +1,67 @@
+# technical notes
+
+## tldr
+
+- We use `object-fit: contain` to show the full image at all times.
+- This causes the DOM width of the image to differ from the real image width.
+- Slider positions are based on the unscaled image's coordinate space.
+- Zooming introduces translation and scale, which makes slider positions behave in surprising ways (including going negative).
+
+## details
+
+The main challenge with this component is managing image sizing. A different approach might surface other challenges, but I wanted to document this one somewhere because it’s not particularly intuitive.
+
+
+
+### `object-fit: contain`
+
+The image slider is essentially two images overlaid exactly; the “comparison” image is gradually revealed by modifying its clip-path.
+
+We have a few key requirements:
+
+- The whole image should be visible with no clipping.
+- The DOMRect of the image should ideally match 100% of the parent’s width and height—this is crucial when zooming, as we don’t want any part of the image to get clipped.
+- Both images must be identically overlaid.
+
+We use a few standard CSS techniques to achieve this, but the key part for this discussion is `object-fit: contain`.
+
+This is a great CSS property and ensures that the entire image is always visible which is a great baseline for the image slider. The challenge (and also the benefit) of object-fit: contain is that an image with width: 100% and this property will stretch to the full width of its parent, even if the image itself is narrower.
+
+This is problematic because slider-progress should be relative to the unscaled image, not the container box. When someone sets `slider_position=10` that should be 10% across the image, not the container.
+
+![](https://raw.githubusercontent.com/gradio-app/gradio/refs/heads/main/js/imageslider/img_01.png)
+
+This is fine. We manually calculate the “real” image width and offsets (there’s no built-in API for this), and map slider position values accordingly. It works, but introduces a few quirks:
+
+
+#### **zooming needs to know about the 'real' image size.** 
+
+The zoom applies constraints to prevent users from dragging the image out of view, so it needs to know the image's true start and end positions (i.e. the actual pixel bounds of the image within the container).
+
+
+#### **slider positions can become 'negative' (and this is ok).** 
+
+This is confusing but bear with me. 
+
+At the default zoom level, `slider = 0` and `slider = 100` correspond to the actual edges of the image. Makes sense. But when we zoom in, we still use the same 'unscaled, actual image coordinate space'. 
+
+So now, say the slider is at 25: it still refers to 25% across the unscaled image. But visually, that might no longer line up with the expected spot in the zoomed view. It’s viewport-relative, but calculated against a base coordinate system that isn’t.
+
+I did a picture to help conceptualise. Here we zoom (scale and translate) but the slider stays in the same position on the screen, corresponding to its 25% of image width + left offset origin.
+
+![](https://raw.githubusercontent.com/gradio-app/gradio/refs/heads/main/js/imageslider/img_02.png)
+
+Because of this, the 0 point might actually lie partway into the image’s visible region when zoomed. This means we can't actually compare the whole image at higher zoom levels unless we allow negative slider positions.
+
+So that's exactly what we do.
+
+![](https://raw.githubusercontent.com/gradio-app/gradio/refs/heads/main/js/imageslider/img_03.png)
+
+The image slider performs a fair amount of translation and projections, nothing absurd but there is enough. We need to make sure that any time we are interacting with the slider position, our calculations can handle negative values.
+
+We also need to dynamically clamp the slider position, based on:
+
+- the current zoom scale
+- any translation offsets
+- the real image bounds (not just the DOMRect)
+
diff --git a/js/imageslider/img_01.png b/js/imageslider/img_01.png
new file mode 100644
index 0000000..41fcb11
Binary files /dev/null and b/js/imageslider/img_01.png differ
diff --git a/js/imageslider/img_02.png b/js/imageslider/img_02.png
new file mode 100644
index 0000000..fc90fb8
Binary files /dev/null and b/js/imageslider/img_02.png differ
diff --git a/js/imageslider/img_03.png b/js/imageslider/img_03.png
new file mode 100644
index 0000000..3795c72
Binary files /dev/null and b/js/imageslider/img_03.png differ
diff --git a/js/imageslider/package.json b/js/imageslider/package.json
new file mode 100644
index 0000000..b27bb86
--- /dev/null
+++ b/js/imageslider/package.json
@@ -0,0 +1,46 @@
+{
+	"name": "@gradio/imageslider",
+	"version": "0.7.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@types/d3-drag": "^3.0.7",
+		"@types/d3-selection": "^3.0.11",
+		"d3-drag": "^3.0.0",
+		"d3-selection": "^3.0.0"
+	},
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/imageslider"
+	}
+}
diff --git a/js/imageslider/shared/ClearImage.svelte b/js/imageslider/shared/ClearImage.svelte
new file mode 100644
index 0000000..07bbd0a
--- /dev/null
+++ b/js/imageslider/shared/ClearImage.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	import { IconButton } from "@gradio/atoms";
+	import { Clear } from "@gradio/icons";
+
+	let { onremove_image }: { onremove_image?: () => void } = $props();
+</script>
+
+<div>
+	<IconButton
+		Icon={Clear}
+		label="Remove Image"
+		onclick={(event) => {
+			onremove_image?.();
+			event.stopPropagation();
+		}}
+	/>
+</div>
+
+<style>
+	div {
+		display: flex;
+		position: absolute;
+		top: var(--size-2);
+		right: var(--size-2);
+		justify-content: flex-end;
+		gap: var(--spacing-sm);
+		z-index: var(--layer-5);
+	}
+</style>
diff --git a/js/imageslider/shared/Image.svelte b/js/imageslider/shared/Image.svelte
new file mode 100644
index 0000000..d666bce
--- /dev/null
+++ b/js/imageslider/shared/Image.svelte
@@ -0,0 +1,256 @@
+<script lang="ts">
+	import Slider from "./Slider.svelte";
+	import { tick, type Snippet } from "svelte";
+	import { BlockLabel, Empty, IconButton, DownloadLink } from "@gradio/atoms";
+	import { Download } from "@gradio/icons";
+	import { Image } from "@gradio/icons";
+	import { type I18nFormatter } from "@gradio/utils";
+	import ClearImage from "./ClearImage.svelte";
+	import ImageEl from "./ImageEl.svelte";
+
+	import { Upload } from "@gradio/upload";
+
+	import { type FileData, type Client } from "@gradio/client";
+
+	let {
+		value = $bindable<[FileData | null, FileData | null]>([null, null]),
+		label = undefined,
+		show_label,
+		root,
+		position = $bindable(0.5),
+		upload_count = 2,
+		show_download_button = true,
+		slider_color,
+		upload,
+		stream_handler,
+		max_file_size = null,
+		i18n,
+		max_height,
+		upload_promise = $bindable(),
+		dragging = $bindable(false),
+		onclear,
+		ondrag,
+		onupload,
+		children
+	}: {
+		value?: [FileData | null, FileData | null];
+		label?: string;
+		show_label: boolean;
+		root: string;
+		position?: number;
+		upload_count?: number;
+		show_download_button?: boolean;
+		slider_color: string;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		max_file_size?: number | null;
+		i18n: I18nFormatter;
+		max_height: number;
+		upload_promise?: Promise<any>;
+		dragging?: boolean;
+		onclear?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onupload?: (value: [FileData | null, FileData | null]) => void;
+		children?: Snippet;
+	} = $props();
+
+	let value_ = $state<[FileData | null, FileData | null]>(
+		value || [null, null]
+	);
+
+	let img: HTMLImageElement;
+	let el_width = $state(0);
+	let el_height = $state(0);
+
+	async function handle_upload(
+		detail: Blob | File | FileData | FileData[],
+		n: number
+	): Promise<void> {
+		const file_data = Array.isArray(detail) ? detail : [detail as FileData];
+		const new_value = [value[0], value[1]] as [
+			FileData | null,
+			FileData | null
+		];
+		if (file_data.length > 1) {
+			new_value[n] = file_data[0];
+		} else {
+			new_value[n] = file_data[n];
+		}
+		value = new_value;
+		await tick();
+
+		onupload?.(new_value);
+	}
+
+	let old_value = "";
+
+	$effect(() => {
+		if (JSON.stringify(value) === old_value) return;
+		old_value = JSON.stringify(value);
+		value_ = value;
+	});
+
+	$effect(() => {
+		ondrag?.(dragging);
+	});
+</script>
+
+<BlockLabel {show_label} Icon={Image} label={label || i18n("image.image")} />
+
+<div
+	data-testid="image"
+	class="image-container"
+	bind:clientWidth={el_width}
+	bind:clientHeight={el_height}
+>
+	{#if value?.[0]?.url || value?.[1]?.url}
+		<ClearImage
+			onremove_image={() => {
+				position = 0.5;
+				value = [null, null];
+				onclear?.();
+			}}
+		/>
+	{/if}
+	{#if value?.[1]?.url}
+		<div class="icon-buttons">
+			{#if show_download_button}
+				<DownloadLink
+					href={value[1].url}
+					download={value[1].orig_name || "image"}
+				>
+					<IconButton Icon={Download} />
+				</DownloadLink>
+			{/if}
+		</div>
+	{/if}
+	<Slider
+		bind:position
+		disabled={upload_count == 2 || !value?.[0]}
+		{slider_color}
+	>
+		<div
+			class="upload-wrap"
+			style:display={upload_count === 2 ? "flex" : "block"}
+			class:side-by-side={upload_count === 2}
+		>
+			{#if !value_?.[0]}
+				<div class="wrap" class:half-wrap={upload_count === 1}>
+					<Upload
+						bind:upload_promise
+						bind:dragging
+						filetype="image/*"
+						onload={(e) => handle_upload(e, 0)}
+						disable_click={!!value?.[0]}
+						{root}
+						file_count="multiple"
+						{upload}
+						{stream_handler}
+						{max_file_size}
+					>
+						{#if children}{@render children()}{/if}
+					</Upload>
+				</div>
+			{:else}
+				<ImageEl
+					variant="upload"
+					src={value_[0]?.url}
+					alt=""
+					bind:img_el={img}
+					{max_height}
+				/>
+			{/if}
+
+			{#if !value_?.[1] && upload_count === 2}
+				<Upload
+					bind:upload_promise
+					bind:dragging
+					filetype="image/*"
+					onload={(e) => handle_upload(e, 1)}
+					disable_click={!!value?.[1]}
+					{root}
+					file_count="multiple"
+					{upload}
+					{stream_handler}
+					{max_file_size}
+				>
+					{#if children}{@render children()}{/if}
+				</Upload>
+			{:else if !value_?.[1] && upload_count === 1}
+				<div
+					class="empty-wrap fixed"
+					style:width="{el_width * (1 - position)}px"
+					style:transform="translateX({el_width * position}px)"
+					class:white-icon={!value?.[0]?.url}
+				>
+					<Empty unpadded_box={true} size="large"><Image /></Empty>
+				</div>
+			{:else if value_?.[1]}
+				<ImageEl
+					variant="upload"
+					src={value_[1].url}
+					alt=""
+					fixed={upload_count === 1}
+					transform="translate(0px, 0px) scale(1)"
+					{max_height}
+				/>
+			{/if}
+		</div>
+	</Slider>
+</div>
+
+<style>
+	.upload-wrap {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100%;
+		width: 100%;
+	}
+
+	.wrap {
+		width: 100%;
+	}
+
+	.half-wrap {
+		width: 50%;
+	}
+	.image-container,
+	.empty-wrap {
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+
+	.fixed {
+		--anim-block-background-fill: 255, 255, 255;
+		position: absolute;
+		top: 0;
+		left: 0;
+		background-color: rgba(var(--anim-block-background-fill), 0.8);
+		z-index: 0;
+	}
+
+	@media (prefers-color-scheme: dark) {
+		.fixed {
+			--anim-block-background-fill: 31, 41, 55;
+		}
+	}
+
+	.side-by-side :global(img) {
+		/* width: 100%; */
+		width: 50%;
+		object-fit: contain;
+	}
+
+	.empty-wrap {
+		pointer-events: none;
+	}
+
+	.icon-buttons {
+		display: flex;
+		position: absolute;
+		right: 8px;
+		z-index: var(--layer-top);
+		top: 8px;
+	}
+</style>
diff --git a/js/imageslider/shared/ImageEl.svelte b/js/imageslider/shared/ImageEl.svelte
new file mode 100644
index 0000000..29c4415
--- /dev/null
+++ b/js/imageslider/shared/ImageEl.svelte
@@ -0,0 +1,141 @@
+<script lang="ts">
+	import type { HTMLImgAttributes } from "svelte/elements";
+	import { onMount, tick } from "svelte";
+	interface Props extends Omit<HTMLImgAttributes, "onload"> {
+		"data-testid"?: string;
+		fixed?: boolean;
+		transform?: string;
+		img_el?: HTMLImageElement | null;
+		hidden?: boolean;
+		variant?: "preview" | "upload";
+		max_height?: number;
+		fullscreen?: boolean;
+		onload?: (size: {
+			top: number;
+			left: number;
+			width: number;
+			height: number;
+		}) => void;
+	}
+
+	let {
+		src = undefined,
+		fullscreen = false,
+		fixed = false,
+		transform = "translate(0px, 0px) scale(1)",
+		img_el = $bindable<HTMLImageElement | null>(),
+		hidden = false,
+		variant = "upload",
+		max_height = 500,
+		onload,
+		...restProps
+	}: Props = $props();
+
+	function get_image_size(img: HTMLImageElement | null): {
+		top: number;
+		left: number;
+		width: number;
+		height: number;
+	} {
+		if (!img) return { top: 0, left: 0, width: 0, height: 0 };
+		const container = img.parentElement?.getBoundingClientRect();
+
+		if (!container) return { top: 0, left: 0, width: 0, height: 0 };
+
+		const naturalAspect = img.naturalWidth / img.naturalHeight;
+		const containerAspect = container.width / container.height;
+		let displayedWidth, displayedHeight;
+
+		if (naturalAspect > containerAspect) {
+			displayedWidth = container.width;
+			displayedHeight = container.width / naturalAspect;
+		} else {
+			displayedHeight = container.height;
+			displayedWidth = container.height * naturalAspect;
+		}
+
+		const offsetX = (container.width - displayedWidth) / 2;
+		const offsetY = (container.height - displayedHeight) / 2;
+
+		return {
+			top: offsetY,
+			left: offsetX,
+			width: displayedWidth,
+			height: displayedHeight
+		};
+	}
+
+	onMount(() => {
+		const resizer = new ResizeObserver(async (entries) => {
+			for (const entry of entries) {
+				await tick();
+				onload?.(get_image_size(img_el));
+			}
+		});
+
+		resizer.observe(img_el!);
+
+		return () => {
+			resizer.disconnect();
+		};
+	});
+</script>
+
+<!-- svelte-ignore a11y-missing-attribute -->
+<img
+	{src}
+	data-testid="imageslider-image"
+	{...restProps}
+	class:fixed
+	style:transform
+	bind:this={img_el}
+	class:hidden
+	class:preview={variant === "preview"}
+	class:slider={variant === "upload"}
+	style:max-height={max_height && !fullscreen ? `${max_height}px` : null}
+	class:fullscreen
+	class:small={!fullscreen}
+	onload={() => onload?.(get_image_size(img_el))}
+/>
+
+<style>
+	.preview {
+		object-fit: contain;
+		width: 100%;
+		transform-origin: top left;
+		margin: auto;
+	}
+
+	.small {
+		max-height: 500px;
+	}
+
+	.upload {
+		object-fit: contain;
+		max-height: 500px;
+	}
+
+	.fixed {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+	}
+
+	.fullscreen {
+		width: 100%;
+		height: 100%;
+	}
+
+	:global(.image-container:fullscreen) img {
+		width: 100%;
+		height: 100%;
+		max-height: none;
+		max-width: none;
+	}
+
+	.hidden {
+		opacity: 0;
+	}
+</style>
diff --git a/js/imageslider/shared/Slider.svelte b/js/imageslider/shared/Slider.svelte
new file mode 100644
index 0000000..cfa1499
--- /dev/null
+++ b/js/imageslider/shared/Slider.svelte
@@ -0,0 +1,216 @@
+<script lang="ts">
+	import { onMount, type Snippet } from "svelte";
+	import { drag } from "d3-drag";
+	import { select } from "d3-selection";
+
+	function clamp(value: number, min: number, max: number): number {
+		return Math.min(Math.max(value, min), max);
+	}
+
+	let {
+		position = $bindable(0.5),
+		disabled = false,
+		slider_color = "var(--border-color-primary)",
+		image_size = { top: 0, left: 0, width: 0, height: 0 },
+		el = $bindable<HTMLDivElement | undefined>(undefined),
+		parent_el = $bindable<HTMLDivElement | undefined>(undefined),
+		children
+	}: {
+		position?: number;
+		disabled?: boolean;
+		slider_color?: string;
+		image_size?: {
+			top: number;
+			left: number;
+			width: number;
+			height: number;
+		};
+		el?: HTMLDivElement;
+		parent_el?: HTMLDivElement;
+		children?: Snippet;
+	} = $props();
+
+	let inner: Element;
+	let px = $state(0);
+	let active = $state(false);
+	let container_width = $state(0);
+
+	function set_position(width: number): void {
+		container_width = parent_el?.getBoundingClientRect().width || 0;
+		if (width === 0) {
+			image_size.width = el?.getBoundingClientRect().width || 0;
+		}
+
+		px = clamp(
+			image_size.width * position + image_size.left,
+			0,
+			container_width
+		);
+	}
+
+	function round(n: number, points: number): number {
+		const mod = Math.pow(10, points);
+		return Math.round((n + Number.EPSILON) * mod) / mod;
+	}
+
+	function update_position(x: number): void {
+		px = clamp(x, 0, container_width);
+		position = round((x - image_size.left) / image_size.width, 5);
+	}
+
+	function drag_start(event: any): void {
+		if (disabled) return;
+		active = true;
+		update_position(event.x);
+	}
+
+	function drag_move(event: any): void {
+		if (disabled) return;
+		update_position(event.x);
+	}
+
+	function drag_end(): void {
+		if (disabled) return;
+		active = false;
+	}
+
+	function update_position_from_pc(pc: number): void {
+		px = clamp(image_size.width * pc + image_size.left, 0, container_width);
+	}
+
+	$effect(() => {
+		set_position(image_size.width);
+	});
+	$effect(() => {
+		update_position_from_pc(position);
+	});
+
+	onMount(() => {
+		set_position(image_size.width);
+		const drag_handler = drag()
+			.on("start", drag_start)
+			.on("drag", drag_move)
+			.on("end", drag_end);
+		select(inner).call(drag_handler);
+	});
+</script>
+
+<svelte:window onresize={() => set_position(image_size.width)} />
+
+<div class="wrap" role="none" bind:this={parent_el}>
+	<div class="content" bind:this={el}>
+		{#if children}{@render children()}{/if}
+	</div>
+	<div
+		class="outer"
+		class:disabled
+		data-testid="slider"
+		bind:this={inner}
+		role="none"
+		style="transform: translateX({px}px)"
+		class:grab={active}
+	>
+		<span class="icon-wrap" class:active class:disabled
+			><span class="icon left">◢</span><span
+				class="icon center"
+				style:--color={slider_color}
+			></span><span class="icon right">◢</span></span
+		>
+		<div class="inner" style:--color={slider_color}></div>
+	</div>
+</div>
+
+<style>
+	.wrap {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		z-index: var(--layer-1);
+		overflow: hidden;
+	}
+
+	.icon-wrap {
+		display: block;
+		position: absolute;
+		top: 50%;
+		transform: translate(-20.5px, -50%);
+		left: 10px;
+		width: 40px;
+		transition: 0.2s;
+		color: var(--body-text-color);
+		height: 30px;
+		border-radius: 5px;
+		background-color: var(--color-accent);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		z-index: var(--layer-3);
+		box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.3);
+		font-size: 12px;
+	}
+
+	.icon.left {
+		transform: rotate(135deg);
+		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
+	}
+
+	.icon.right {
+		transform: rotate(-45deg);
+		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
+	}
+
+	.icon.center {
+		display: block;
+		width: 1px;
+		height: 100%;
+		background-color: var(--color);
+		opacity: 0.1;
+	}
+
+	.icon-wrap.active {
+		opacity: 0;
+	}
+
+	.icon-wrap.disabled {
+		opacity: 0;
+	}
+
+	.outer {
+		width: 20px;
+		height: 100%;
+		position: absolute;
+		cursor: grab;
+		position: absolute;
+		top: 0;
+		left: -10px;
+		pointer-events: auto;
+		z-index: var(--layer-2);
+	}
+	.grab {
+		cursor: grabbing;
+	}
+
+	.inner {
+		width: 1px;
+		height: 100%;
+		background: var(--color);
+		position: absolute;
+		left: calc((100% - 2px) / 2);
+	}
+
+	.disabled {
+		cursor: auto;
+	}
+
+	.disabled .inner {
+		box-shadow: none;
+	}
+
+	.content {
+		width: 100%;
+		height: 100%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+	}
+</style>
diff --git a/js/imageslider/shared/SliderPreview.svelte b/js/imageslider/shared/SliderPreview.svelte
new file mode 100644
index 0000000..81e73cb
--- /dev/null
+++ b/js/imageslider/shared/SliderPreview.svelte
@@ -0,0 +1,270 @@
+<script lang="ts">
+	import Slider from "./Slider.svelte";
+	import ImageEl from "./ImageEl.svelte";
+	import {
+		BlockLabel,
+		Empty,
+		IconButton,
+		IconButtonWrapper,
+		FullscreenButton,
+		DownloadLink
+	} from "@gradio/atoms";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+	import { Image, Download, Undo, Clear } from "@gradio/icons";
+	import { type FileData } from "@gradio/client";
+	import type { I18nFormatter } from "@gradio/utils";
+	import { ZoomableImage } from "./zoom";
+	import { onMount } from "svelte";
+	import { tweened, type Tweened } from "svelte/motion";
+
+	let {
+		value = $bindable<[null | FileData, null | FileData]>([null, null]),
+		label = undefined,
+		show_download_button = true,
+		show_label,
+		i18n,
+		position = $bindable(0.5),
+		layer_images = true,
+		show_single = false,
+		slider_color,
+		show_fullscreen_button = true,
+		fullscreen = $bindable(false),
+		buttons = null,
+		on_custom_button_click = null,
+		el_width = $bindable(0),
+		max_height,
+		interactive = true,
+		onclear,
+		onfullscreen
+	}: {
+		value?: [null | FileData, null | FileData];
+		label?: string;
+		show_download_button?: boolean;
+		show_label: boolean;
+		i18n: I18nFormatter;
+		position?: number;
+		layer_images?: boolean;
+		show_single?: boolean;
+		slider_color: string;
+		show_fullscreen_button?: boolean;
+		fullscreen?: boolean;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		el_width?: number;
+		max_height: number;
+		interactive?: boolean;
+		onclear?: () => void;
+		onfullscreen?: (fullscreen: boolean) => void;
+	} = $props();
+
+	let img = $state<HTMLImageElement>();
+	let slider_wrap = $state<HTMLDivElement>();
+	let image_container: HTMLDivElement;
+
+	let transform: Tweened<{ x: number; y: number; z: number }> = tweened(
+		{ x: 0, y: 0, z: 1 },
+		{
+			duration: 75
+		}
+	);
+	let parent_el: HTMLDivElement;
+	let img_width = $state(0);
+	let viewport_width = $state(0);
+	let image_size = $state<{
+		top: number;
+		left: number;
+		width: number;
+		height: number;
+	}>({ top: 0, left: 0, width: 0, height: 0 });
+
+	let coords_at_viewport = $derived(
+		get_coords_at_viewport(
+			position,
+			viewport_width,
+			image_size.width,
+			image_size.left,
+			$transform.x,
+			$transform.z
+		)
+	);
+	let style = $derived(
+		layer_images ? `clip-path: inset(0 0 0 ${coords_at_viewport * 100}%)` : ""
+	);
+
+	function get_coords_at_viewport(
+		viewport_percent_x: number, // 0-1
+		viewportWidth: number,
+		image_width: number,
+		img_offset_x: number,
+		tx: number, // image translation x (in pixels)
+		scale: number // image scale (uniform)
+	): number {
+		const px_relative_to_image = viewport_percent_x * image_width;
+		const pixel_position = px_relative_to_image + img_offset_x;
+
+		const normalised_position = (pixel_position - tx) / scale;
+		const percent_position = normalised_position / viewportWidth;
+
+		return percent_position;
+	}
+
+	let zoomable_image: ZoomableImage | null = null;
+	let observer: ResizeObserver | null = null;
+
+	function init_image(
+		img: HTMLImageElement | undefined,
+		slider_wrap: HTMLDivElement | undefined
+	): void {
+		if (!img || !slider_wrap) return;
+		zoomable_image?.destroy();
+		observer?.disconnect();
+		img_width = img?.getBoundingClientRect().width || 0;
+		viewport_width = slider_wrap?.getBoundingClientRect().width || 0;
+		zoomable_image = new ZoomableImage(slider_wrap, img);
+		zoomable_image.subscribe(({ x, y, scale }) => {
+			transform.set({ x, y, z: scale });
+		});
+
+		observer = new ResizeObserver((entries) => {
+			for (const entry of entries) {
+				if (entry.target === slider_wrap) {
+					viewport_width = entry.contentRect.width;
+				}
+
+				if (entry.target === img) {
+					img_width = entry.contentRect.width;
+				}
+			}
+		});
+		observer.observe(slider_wrap);
+		observer.observe(img);
+	}
+
+	$effect(() => {
+		init_image(img, slider_wrap);
+	});
+
+	onMount(() => {
+		return () => {
+			zoomable_image?.destroy();
+			observer?.disconnect();
+		};
+	});
+
+	let slider_wrap_parent: HTMLDivElement;
+
+	function handle_image_load(size: {
+		top: number;
+		left: number;
+		width: number;
+		height: number;
+	}): void {
+		image_size = size;
+	}
+</script>
+
+<BlockLabel {show_label} Icon={Image} label={label || i18n("image.image")} />
+{#if (value === null || value[0] === null || value[1] === null) && !show_single}
+	<Empty unpadded_box={true} size="large"><Image /></Empty>
+{:else}
+	<div class="image-container" bind:this={image_container}>
+		<IconButtonWrapper {buttons} {on_custom_button_click}>
+			<IconButton
+				Icon={Undo}
+				label={i18n("common.undo")}
+				disabled={$transform.z === 1}
+				onclick={() => zoomable_image?.reset_zoom()}
+			/>
+			{#if show_fullscreen_button}
+				<FullscreenButton
+					{fullscreen}
+					onclick={(is_fullscreen) => {
+						fullscreen = is_fullscreen;
+						onfullscreen?.(is_fullscreen);
+					}}
+				/>
+			{/if}
+
+			{#if show_download_button}
+				<DownloadLink
+					href={value[1]?.url}
+					download={value[1]?.orig_name || "image"}
+				>
+					<IconButton Icon={Download} label={i18n("common.download")} />
+				</DownloadLink>
+			{/if}
+			{#if interactive}
+				<IconButton
+					Icon={Clear}
+					label="Remove Image"
+					onclick={(event) => {
+						value = [null, null];
+						onclear?.();
+						event.stopPropagation();
+					}}
+				/>
+			{/if}
+		</IconButtonWrapper>
+		<div
+			class="slider-wrap"
+			bind:this={slider_wrap_parent}
+			bind:clientWidth={el_width}
+			class:limit_height={!fullscreen}
+		>
+			<Slider
+				bind:position
+				{slider_color}
+				bind:el={slider_wrap}
+				bind:parent_el
+				{image_size}
+			>
+				<ImageEl
+					src={value?.[0]?.url}
+					alt=""
+					loading="lazy"
+					bind:img_el={img}
+					variant="preview"
+					transform="translate({$transform.x}px, {$transform.y}px) scale({$transform.z})"
+					{fullscreen}
+					{max_height}
+					onload={handle_image_load}
+				/>
+				<ImageEl
+					variant="preview"
+					fixed={layer_images}
+					hidden={!value?.[1]?.url}
+					src={value?.[1]?.url}
+					alt=""
+					loading="lazy"
+					style="{style}; background: var(--block-background-fill);"
+					transform="translate({$transform.x}px, {$transform.y}px) scale({$transform.z})"
+					{fullscreen}
+					{max_height}
+					onload={handle_image_load}
+				/>
+			</Slider>
+		</div>
+	</div>
+{/if}
+
+<style>
+	.slider-wrap {
+		user-select: none;
+		height: 100%;
+		width: 100%;
+		position: relative;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.limit_height :global(img) {
+		max-height: 500px;
+	}
+
+	.image-container {
+		height: 100%;
+		position: relative;
+		min-width: var(--size-20);
+	}
+</style>
diff --git a/js/imageslider/shared/SliderUpload.svelte b/js/imageslider/shared/SliderUpload.svelte
new file mode 100644
index 0000000..7f20bfa
--- /dev/null
+++ b/js/imageslider/shared/SliderUpload.svelte
@@ -0,0 +1,71 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import type { Snippet } from "svelte";
+	import type { I18nFormatter } from "@gradio/utils";
+	import Image from "./Image.svelte";
+	import { type Client } from "@gradio/client";
+
+	import type { FileData } from "@gradio/client";
+
+	let {
+		value = $bindable<[FileData | null, FileData | null]>([null, null]),
+		upload,
+		stream_handler,
+		label,
+		show_label,
+		i18n,
+		root,
+		upload_count = 1,
+		dragging = $bindable(false),
+		max_height,
+		max_file_size = null,
+		upload_promise = $bindable(),
+		onclear,
+		ondrag,
+		onupload,
+		children
+	}: {
+		value?: [FileData | null, FileData | null];
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		label: string;
+		show_label: boolean;
+		i18n: I18nFormatter;
+		root: string;
+		upload_count?: number;
+		dragging?: boolean;
+		max_height: number;
+		max_file_size?: number | null;
+		upload_promise?: Promise<any>;
+		onclear?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onupload?: (value: [FileData | null, FileData | null]) => void;
+		children?: Snippet;
+	} = $props();
+</script>
+
+<Image
+	bind:upload_promise
+	slider_color="var(--border-color-primary)"
+	position={0.5}
+	bind:value
+	bind:dragging
+	{root}
+	{onclear}
+	ondrag={(detail) => {
+		dragging = detail;
+		ondrag?.(detail);
+	}}
+	{onupload}
+	{label}
+	{show_label}
+	{upload_count}
+	{stream_handler}
+	{upload}
+	{max_file_size}
+	{max_height}
+	{i18n}
+>
+	{#if children}{@render children()}{/if}
+</Image>
diff --git a/js/imageslider/shared/zoom.test.ts b/js/imageslider/shared/zoom.test.ts
new file mode 100644
index 0000000..05ebb1b
--- /dev/null
+++ b/js/imageslider/shared/zoom.test.ts
@@ -0,0 +1,121 @@
+import { test, describe, beforeEach, afterEach, expect, vi } from "vitest";
+import { ZoomableImage } from "./zoom";
+
+describe("ZoomableImage", () => {
+	let container: HTMLDivElement;
+	let img: HTMLImageElement;
+	let zi: ZoomableImage;
+
+	beforeEach(() => {
+		container = document.createElement("div");
+		img = document.createElement("img");
+		container.appendChild(img);
+		zi = new ZoomableImage(container, img);
+	});
+
+	afterEach(() => {
+		zi.destroy();
+	});
+
+	test("initializes with scale=1 and zero offsets", () => {
+		expect(zi.scale).toBe(1);
+		expect(zi.offsetX).toBe(0);
+		expect(zi.offsetY).toBe(0);
+	});
+
+	test("subscribe callback receives transform updates via updateTransform", () => {
+		const cb = vi.fn();
+		zi.subscribe(cb);
+		zi.updateTransform();
+
+		expect(cb).toHaveBeenCalledWith({ x: 0, y: 0, scale: 1 });
+	});
+
+	test("reset_zoom restores scale=1 and zero offsets", () => {
+		zi.scale = 3;
+		zi.offsetX = 100;
+		zi.offsetY = -50;
+
+		const cb = vi.fn();
+		zi.subscribe(cb);
+
+		zi.reset_zoom();
+
+		expect(zi.scale).toBe(1);
+		expect(zi.offsetX).toBe(0);
+		expect(zi.offsetY).toBe(0);
+		expect(cb).toHaveBeenCalledWith({ x: 0, y: 0, scale: 1 });
+	});
+
+	test("unsubscribe removes callback so it no longer receives updates", () => {
+		const cb = vi.fn();
+		zi.subscribe(cb);
+		zi.unsubscribe(cb);
+		zi.updateTransform();
+
+		expect(cb).not.toHaveBeenCalled();
+	});
+
+	test("multiple subscribers all receive the same transform", () => {
+		const cb1 = vi.fn();
+		const cb2 = vi.fn();
+
+		zi.subscribe(cb1);
+		zi.subscribe(cb2);
+		zi.updateTransform();
+
+		expect(cb1).toHaveBeenCalledWith({ x: 0, y: 0, scale: 1 });
+		expect(cb2).toHaveBeenCalledWith({ x: 0, y: 0, scale: 1 });
+	});
+
+	test("notify delivers arbitrary transform values to subscribers", () => {
+		const cb = vi.fn();
+		zi.subscribe(cb);
+
+		zi.notify({ x: 15, y: -20, scale: 2.5 });
+
+		expect(cb).toHaveBeenCalledWith({ x: 15, y: -20, scale: 2.5 });
+	});
+
+	test("destroy does not throw", () => {
+		expect(() => zi.destroy()).not.toThrow();
+	});
+
+	test("reset_zoom after destroy does not notify destroyed listeners", () => {
+		const cb = vi.fn();
+		zi.subscribe(cb);
+
+		zi.destroy();
+
+		// After destroy, event listeners are removed but subscribers list is not cleared.
+		// reset_zoom still calls notify internally, so we verify the subscriber still fires
+		// (destroy only removes DOM listeners, not the in-memory subscriber list).
+		zi.reset_zoom();
+		expect(cb).toHaveBeenCalledWith({ x: 0, y: 0, scale: 1 });
+	});
+
+	test("compute_new_offset scales offset correctly relative to cursor", () => {
+		const result = zi.compute_new_offset({
+			cursor_position: 100,
+			current_offset: 0,
+			new_scale: 2,
+			old_scale: 1
+		});
+
+		// cursor_position - (new_scale / old_scale) * (cursor_position - current_offset)
+		// = 100 - 2 * (100 - 0) = 100 - 200 = -100
+		expect(result).toBe(-100);
+	});
+
+	test("compute_new_offset accounts for existing offset", () => {
+		const result = zi.compute_new_offset({
+			cursor_position: 100,
+			current_offset: 50,
+			new_scale: 2,
+			old_scale: 1
+		});
+
+		// = 100 - 2 * (100 - 50) = 100 - 100 = 0
+		expect(result).toBe(0);
+	});
+});
diff --git a/js/imageslider/shared/zoom.ts b/js/imageslider/shared/zoom.ts
new file mode 100644
index 0000000..e0b343c
--- /dev/null
+++ b/js/imageslider/shared/zoom.ts
@@ -0,0 +1,487 @@
+export class ZoomableImage {
+	container: HTMLDivElement;
+	image: HTMLImageElement;
+	scale: number;
+	offsetX: number;
+	offsetY: number;
+	isDragging: boolean;
+	lastX: number;
+	lastY: number;
+	initial_left_padding: number;
+	initial_top_padding: number;
+	initial_width: number;
+	initial_height: number;
+	subscribers: (({
+		x,
+		y,
+		scale
+	}: {
+		x: number;
+		y: number;
+		scale: number;
+	}) => void)[];
+	handleImageLoad: () => void;
+	real_image_size: {
+		top: number;
+		left: number;
+		width: number;
+		height: number;
+	} = { top: 0, left: 0, width: 0, height: 0 };
+
+	last_touch_distance: number;
+
+	constructor(container: HTMLDivElement, image: HTMLImageElement) {
+		this.container = container;
+		this.image = image;
+
+		this.scale = 1;
+		this.offsetX = 0;
+		this.offsetY = 0;
+		this.isDragging = false;
+		this.lastX = 0;
+		this.lastY = 0;
+		this.initial_left_padding = 0;
+		this.initial_top_padding = 0;
+		this.initial_width = 0;
+		this.initial_height = 0;
+		this.subscribers = [];
+		this.last_touch_distance = 0;
+
+		this.handleWheel = this.handleWheel.bind(this);
+		this.handleMouseDown = this.handleMouseDown.bind(this);
+		this.handleMouseMove = this.handleMouseMove.bind(this);
+		this.handleMouseUp = this.handleMouseUp.bind(this);
+		this.handleImageLoad = this.init.bind(this);
+		this.handleTouchStart = this.handleTouchStart.bind(this);
+		this.handleTouchMove = this.handleTouchMove.bind(this);
+		this.handleTouchEnd = this.handleTouchEnd.bind(this);
+
+		this.image.addEventListener("load", this.handleImageLoad);
+
+		this.container.addEventListener("wheel", this.handleWheel);
+		this.container.addEventListener("mousedown", this.handleMouseDown);
+		document.addEventListener("mousemove", this.handleMouseMove);
+		document.addEventListener("mouseup", this.handleMouseUp);
+
+		this.container.addEventListener("touchstart", this.handleTouchStart);
+		document.addEventListener("touchmove", this.handleTouchMove);
+		document.addEventListener("touchend", this.handleTouchEnd);
+
+		const observer = new ResizeObserver((entries) => {
+			for (const entry of entries) {
+				if (entry.target === this.container) {
+					this.handleResize();
+					this.get_image_size(this.image);
+				}
+			}
+		});
+		observer.observe(this.container);
+	}
+
+	handleResize(): void {
+		this.init();
+	}
+
+	init(): void {
+		const containerRect = this.container.getBoundingClientRect();
+
+		const imageRect = this.image.getBoundingClientRect();
+		this.initial_left_padding = imageRect.left - containerRect.left;
+		this.initial_top_padding = imageRect.top - containerRect.top;
+		this.initial_width = imageRect.width;
+		this.initial_height = imageRect.height;
+
+		this.reset_zoom();
+
+		this.updateTransform();
+	}
+
+	reset_zoom(): void {
+		this.scale = 1;
+		this.offsetX = 0;
+		this.offsetY = 0;
+		this.updateTransform();
+	}
+
+	handleMouseDown(e: MouseEvent): void {
+		const imageRect = this.image.getBoundingClientRect();
+
+		if (
+			e.clientX >= imageRect.left &&
+			e.clientX <= imageRect.right &&
+			e.clientY >= imageRect.top &&
+			e.clientY <= imageRect.bottom
+		) {
+			e.preventDefault();
+			if (this.scale === 1) return;
+			this.isDragging = true;
+			this.lastX = e.clientX;
+			this.lastY = e.clientY;
+			this.image.style.cursor = "grabbing";
+		}
+	}
+
+	handleMouseMove(e: MouseEvent): void {
+		if (!this.isDragging) return;
+
+		const deltaX = e.clientX - this.lastX;
+		const deltaY = e.clientY - this.lastY;
+
+		this.offsetX += deltaX;
+		this.offsetY += deltaY;
+
+		this.lastX = e.clientX;
+		this.lastY = e.clientY;
+
+		this.updateTransform();
+
+		this.updateTransform();
+	}
+
+	handleMouseUp(): void {
+		if (this.isDragging) {
+			this.constrain_to_bounds(true);
+			this.updateTransform();
+			this.isDragging = false;
+			this.image.style.cursor = this.scale > 1 ? "grab" : "zoom-in";
+		}
+	}
+
+	async handleWheel(e: WheelEvent): Promise<void> {
+		e.preventDefault();
+
+		const containerRect = this.container.getBoundingClientRect();
+		const imageRect = this.image.getBoundingClientRect();
+
+		if (
+			e.clientX < imageRect.left ||
+			e.clientX > imageRect.right ||
+			e.clientY < imageRect.top ||
+			e.clientY > imageRect.bottom
+		) {
+			return;
+		}
+
+		const zoomFactor = 1.05;
+		const oldScale = this.scale;
+		const newScale =
+			-Math.sign(e.deltaY) > 0
+				? Math.min(15, oldScale * zoomFactor) // in
+				: Math.max(1, oldScale / zoomFactor); // out
+
+		if (newScale === oldScale) return;
+
+		const cursorX = e.clientX - containerRect.left - this.initial_left_padding;
+		const cursorY = e.clientY - containerRect.top - this.initial_top_padding;
+
+		this.scale = newScale;
+		this.offsetX = this.compute_new_offset({
+			cursor_position: cursorX,
+			current_offset: this.offsetX,
+			new_scale: newScale,
+			old_scale: oldScale
+		});
+		this.offsetY = this.compute_new_offset({
+			cursor_position: cursorY,
+			current_offset: this.offsetY,
+			new_scale: newScale,
+			old_scale: oldScale
+		});
+
+		this.updateTransform(); // apply before constraints
+
+		this.constrain_to_bounds();
+		this.updateTransform(); // apply again after constraints
+
+		this.image.style.cursor = this.scale > 1 ? "grab" : "zoom-in";
+	}
+
+	// compute_offset_for_positions({ position: number, scale: number }) {
+	// 	return position - (scale / this.scale) * (position - this.offset);
+	// }
+
+	compute_new_position({
+		position,
+		scale,
+		anchor_position
+	}: {
+		position: number;
+		scale: number;
+		anchor_position: number;
+	}): number {
+		return position - (position - anchor_position) * (scale / this.scale);
+	}
+
+	compute_new_offset({
+		cursor_position,
+		current_offset,
+		new_scale,
+		old_scale
+	}: {
+		cursor_position: number;
+		current_offset: number;
+		new_scale: number;
+		old_scale: number;
+	}): number {
+		return (
+			cursor_position -
+			(new_scale / old_scale) * (cursor_position - current_offset)
+		);
+	}
+
+	constrain_to_bounds(pan = false): void {
+		if (this.scale === 1) {
+			this.offsetX = 0;
+			this.offsetY = 0;
+			return;
+		}
+		const onscreen = {
+			top: this.real_image_size.top * this.scale + this.offsetY,
+			left: this.real_image_size.left * this.scale + this.offsetX,
+			width: this.real_image_size.width * this.scale,
+			height: this.real_image_size.height * this.scale,
+
+			bottom:
+				this.real_image_size.top * this.scale +
+				this.offsetY +
+				this.real_image_size.height * this.scale,
+			right:
+				this.real_image_size.left * this.scale +
+				this.offsetX +
+				this.real_image_size.width * this.scale
+		};
+
+		const real_image_size_right =
+			this.real_image_size.left + this.real_image_size.width;
+		const real_image_size_bottom =
+			this.real_image_size.top + this.real_image_size.height;
+
+		if (pan) {
+			if (onscreen.top > this.real_image_size.top) {
+				this.offsetY = this.calculate_position(
+					this.real_image_size.top,
+					0,
+					"y"
+				);
+			} else if (onscreen.bottom < real_image_size_bottom) {
+				this.offsetY = this.calculate_position(real_image_size_bottom, 1, "y");
+			}
+
+			if (onscreen.left > this.real_image_size.left) {
+				this.offsetX = this.calculate_position(
+					this.real_image_size.left,
+					0,
+					"x"
+				);
+			} else if (onscreen.right < real_image_size_right) {
+				this.offsetX = this.calculate_position(real_image_size_right, 1, "x");
+			}
+		}
+	}
+
+	updateTransform(): void {
+		this.notify({ x: this.offsetX, y: this.offsetY, scale: this.scale });
+	}
+
+	destroy(): void {
+		this.container.removeEventListener("wheel", this.handleWheel);
+		this.container.removeEventListener("mousedown", this.handleMouseDown);
+		document.removeEventListener("mousemove", this.handleMouseMove);
+		document.removeEventListener("mouseup", this.handleMouseUp);
+		this.container.removeEventListener("touchstart", this.handleTouchStart);
+		document.removeEventListener("touchmove", this.handleTouchMove);
+		document.removeEventListener("touchend", this.handleTouchEnd);
+		this.image.removeEventListener("load", this.handleImageLoad);
+	}
+
+	subscribe(
+		cb: ({ x, y, scale }: { x: number; y: number; scale: number }) => void
+	): void {
+		this.subscribers.push(cb);
+	}
+
+	unsubscribe(
+		cb: ({ x, y, scale }: { x: number; y: number; scale: number }) => void
+	): void {
+		this.subscribers = this.subscribers.filter(
+			(subscriber) => subscriber !== cb
+		);
+	}
+
+	notify({ x, y, scale }: { x: number; y: number; scale: number }): void {
+		this.subscribers.forEach((subscriber) => subscriber({ x, y, scale }));
+	}
+
+	handleTouchStart(e: TouchEvent): void {
+		e.preventDefault();
+		const imageRect = this.image.getBoundingClientRect();
+		const touch = e.touches[0];
+
+		if (
+			touch.clientX >= imageRect.left &&
+			touch.clientX <= imageRect.right &&
+			touch.clientY >= imageRect.top &&
+			touch.clientY <= imageRect.bottom
+		) {
+			if (e.touches.length === 1 && this.scale > 1) {
+				// one finger == prepare pan
+				this.isDragging = true;
+				this.lastX = touch.clientX;
+				this.lastY = touch.clientY;
+			} else if (e.touches.length === 2) {
+				// two fingers == prepare pinch zoom
+				const touch1 = e.touches[0];
+				const touch2 = e.touches[1];
+				this.last_touch_distance = Math.hypot(
+					touch2.clientX - touch1.clientX,
+					touch2.clientY - touch1.clientY
+				);
+			}
+		}
+	}
+
+	get_image_size(img: HTMLImageElement | null): void {
+		if (!img) return;
+		const container = img.parentElement?.getBoundingClientRect();
+
+		if (!container) return;
+
+		const naturalAspect = img.naturalWidth / img.naturalHeight;
+		const containerAspect = container.width / container.height;
+		let displayedWidth, displayedHeight;
+
+		if (naturalAspect > containerAspect) {
+			displayedWidth = container.width;
+			displayedHeight = container.width / naturalAspect;
+		} else {
+			displayedHeight = container.height;
+			displayedWidth = container.height * naturalAspect;
+		}
+
+		const offsetX = (container.width - displayedWidth) / 2;
+		const offsetY = (container.height - displayedHeight) / 2;
+
+		this.real_image_size = {
+			top: offsetY,
+			left: offsetX,
+			width: displayedWidth,
+			height: displayedHeight
+		};
+	}
+
+	handleTouchMove(e: TouchEvent): void {
+		if (e.touches.length === 1 && this.isDragging) {
+			// one finger == pan
+			e.preventDefault();
+			const touch = e.touches[0];
+
+			const deltaX = touch.clientX - this.lastX;
+			const deltaY = touch.clientY - this.lastY;
+
+			this.offsetX += deltaX;
+			this.offsetY += deltaY;
+
+			this.lastX = touch.clientX;
+			this.lastY = touch.clientY;
+
+			this.updateTransform();
+		} else if (e.touches.length === 2) {
+			// two fingers == pinch zoom
+			e.preventDefault();
+
+			const touch1 = e.touches[0];
+			const touch2 = e.touches[1];
+
+			const current_distance = Math.hypot(
+				touch2.clientX - touch1.clientX,
+				touch2.clientY - touch1.clientY
+			);
+
+			if (this.last_touch_distance === 0) {
+				this.last_touch_distance = current_distance;
+				return;
+			}
+
+			const zoomFactor = current_distance / this.last_touch_distance;
+
+			const oldScale = this.scale;
+			const newScale = Math.min(15, Math.max(1, oldScale * zoomFactor));
+
+			if (newScale === oldScale) {
+				this.last_touch_distance = current_distance;
+				return;
+			}
+
+			// midpoint of touches relative to image
+			const containerRect = this.container.getBoundingClientRect();
+			const midX =
+				(touch1.clientX + touch2.clientX) / 2 -
+				containerRect.left -
+				this.initial_left_padding;
+			const midY =
+				(touch1.clientY + touch2.clientY) / 2 -
+				containerRect.top -
+				this.initial_top_padding;
+
+			this.scale = newScale;
+			this.offsetX = this.compute_new_offset({
+				cursor_position: midX,
+				current_offset: this.offsetX,
+				new_scale: newScale,
+				old_scale: oldScale
+			});
+			this.offsetY = this.compute_new_offset({
+				cursor_position: midY,
+				current_offset: this.offsetY,
+				new_scale: newScale,
+				old_scale: oldScale
+			});
+
+			this.updateTransform();
+			this.constrain_to_bounds();
+			this.updateTransform();
+
+			this.last_touch_distance = current_distance;
+
+			this.image.style.cursor = this.scale > 1 ? "grab" : "zoom-in";
+		}
+	}
+
+	handleTouchEnd(e: TouchEvent): void {
+		if (this.isDragging) {
+			this.constrain_to_bounds(true);
+			this.updateTransform();
+			this.isDragging = false;
+		}
+
+		if (e.touches.length === 0) {
+			this.last_touch_distance = 0;
+		}
+	}
+
+	calculate_position(
+		screen_coord: number,
+		image_anchor: number,
+		axis: "x" | "y"
+	): number {
+		const containerRect = this.container.getBoundingClientRect();
+
+		// Calculate X offset if requested
+		if (axis === "x") {
+			const relative_screen_x = screen_coord;
+			const anchor_x =
+				this.real_image_size.left + image_anchor * this.real_image_size.width;
+			return relative_screen_x - anchor_x * this.scale;
+		}
+
+		// Calculate Y offset if requested
+		if (axis === "y") {
+			const relative_screen_y = screen_coord;
+			const anchor_y =
+				this.real_image_size.top + image_anchor * this.real_image_size.height;
+			return relative_screen_y - anchor_y * this.scale;
+		}
+
+		return 0;
+	}
+}
diff --git a/js/imageslider/types.ts b/js/imageslider/types.ts
new file mode 100644
index 0000000..8730a03
--- /dev/null
+++ b/js/imageslider/types.ts
@@ -0,0 +1,37 @@
+import type {
+	SelectData,
+	ValueData,
+	ShareData,
+	CustomButton
+} from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { FileData } from "@gradio/client";
+
+export interface ImageSliderEvents {
+	input: never;
+	change: never;
+	error: string;
+	edit: never;
+	stream: ValueData;
+	drag: never;
+	upload: never;
+	clear: never;
+	select: SelectData;
+	share: ShareData;
+	clear_status: LoadingStatus;
+	close_stream: string;
+	custom_button_click: { id: number };
+}
+
+export interface ImageSliderProps {
+	value: [FileData | null, FileData | null];
+	height: number | undefined;
+	width: number | undefined;
+	placeholder: string | undefined;
+	buttons: (string | CustomButton)[];
+	input_ready: boolean;
+	slider_position: number;
+	upload_count: number;
+	slider_color: string;
+	max_height: number;
+}
diff --git a/js/json/CHANGELOG.md b/js/json/CHANGELOG.md
new file mode 100644
index 0000000..ae36504
--- /dev/null
+++ b/js/json/CHANGELOG.md
@@ -0,0 +1,883 @@
+# @gradio/json
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.8.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.7.0
+
+### Features
+
+- [#12808](https://github.com/gradio-app/gradio/pull/12808) [`d035856`](https://github.com/gradio-app/gradio/commit/d035856a358aa15d9cb5b936c96f3799b6278cae) - Fixes gr.JSON lines.  Thanks @aliabid94!
+- [#12778](https://github.com/gradio-app/gradio/pull/12778) [`263c065`](https://github.com/gradio-app/gradio/commit/263c065b850febf8e3a0480ccd43d23eef10c22f) - Migrate js/json to svelte5.  Thanks @aliabid94!
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.6.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.6.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.5.32
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.32
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.5.32-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.5.32-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.5.31
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.5.31
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.5.30
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.5.29
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.5.29
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.5.29
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.5.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.5.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.5.26
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.5.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.5.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.23
+
+### Fixes
+
+- [#11244](https://github.com/gradio-app/gradio/pull/11244) [`ed97e39`](https://github.com/gradio-app/gradio/commit/ed97e390f1790b77192368a77cd2d10c90a232c5) - Ensure `show_indices` works as expected in gr.JSON.  Thanks @hannahblair!
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.5.21
+
+### Fixes
+
+- [#11184](https://github.com/gradio-app/gradio/pull/11184) [`f1a1c50`](https://github.com/gradio-app/gradio/commit/f1a1c5049ec1a5fcd3353b090a138fa63137790f) - Add Example component for JSON.  Thanks @freddyaboulton!
+
+## 0.5.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.5.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.5.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.5.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.5.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.5.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.5.0-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.5.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.5.0-beta.2
+
+### Features
+
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.4.1-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.5.0
+
+### Features
+
+- [#9276](https://github.com/gradio-app/gradio/pull/9276) [`8362a10`](https://github.com/gradio-app/gradio/commit/8362a10a7e8a3c291fa0300a6f4a23a1ca997b8a) - Fix scrollbars everywhere.  Thanks @aliabid94!
+
+## 0.4.1
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.4.0
+
+### Features
+
+- [#9023](https://github.com/gradio-app/gradio/pull/9023) [`87e3537`](https://github.com/gradio-app/gradio/commit/87e3537342017c7f19d012f0806a14bc264e09f9) - Add height param to gr.JSON.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.3.0
+
+### Features
+
+- [#8954](https://github.com/gradio-app/gradio/pull/8954) [`5010e95`](https://github.com/gradio-app/gradio/commit/5010e9579e5fdd5c3861b144c427551c2e5ead0f) - Add `overflow: wrap` to JSON to catch overflow in xs device widths.  Thanks @hannahblair!
+- [#8932](https://github.com/gradio-app/gradio/pull/8932) [`600c97c`](https://github.com/gradio-app/gradio/commit/600c97c807b648bca11c2dd5dfa0a6a692756bd9) - Allow viewing JSON as list or dict with `show_indices` param.  Thanks @hannahblair!
+- [#8929](https://github.com/gradio-app/gradio/pull/8929) [`3539787`](https://github.com/gradio-app/gradio/commit/3539787ebb39b3d00c34707b49d5de40fdc3d69a) - Add line numbering and collapse/expand logic to gr.JSON.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8949](https://github.com/gradio-app/gradio/pull/8949) [`1e16f67`](https://github.com/gradio-app/gradio/commit/1e16f67ba2a02761d4b73afd723f8edc3c3124e9) - Fix check icon in gr.JSON and gr.Code.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.2.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.1.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.1.10
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5944](https://github.com/gradio-app/gradio/pull/5944) [`465f58957`](https://github.com/gradio-app/gradio/commit/465f58957f70c7cf3e894beef8a117b28339e3c1) - Show empty JSON icon when `value` is `null`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.1.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.5
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.0.3
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.0.2
\ No newline at end of file
diff --git a/js/json/Example.svelte b/js/json/Example.svelte
new file mode 100644
index 0000000..a40f866
--- /dev/null
+++ b/js/json/Example.svelte
@@ -0,0 +1,72 @@
+<script lang="ts">
+	import JSON from "./shared/JSON.svelte";
+
+	let {
+		value,
+		theme_mode = "system" as "system" | "light" | "dark",
+		type,
+		selected = false
+	}: {
+		value: any;
+		theme_mode?: "system" | "light" | "dark";
+		type: "gallery" | "table";
+		selected?: boolean;
+	} = $props();
+
+	let show_indices = $state(false);
+	let label_height = $state(0);
+</script>
+
+<div
+	class="container"
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+	class:border={value}
+>
+	{#if value}
+		<JSON
+			{value}
+			open={true}
+			{theme_mode}
+			{show_indices}
+			{label_height}
+			interactive={false}
+			show_copy_button={false}
+		/>
+	{/if}
+</div>
+
+<style>
+	.container :global(img) {
+		width: 100%;
+		height: 100%;
+	}
+
+	.container.selected {
+		border-color: var(--border-color-accent);
+	}
+	.border.table {
+		border: 1px solid var(--border-color-primary);
+	}
+
+	.container.table {
+		margin: 0 auto;
+		border-radius: var(--radius-lg);
+		overflow: hidden;
+		width: 100%;
+		height: 100%;
+		max-width: var(--size-40);
+		max-height: var(--size-20);
+		object-fit: cover;
+	}
+
+	.container.gallery {
+		width: 100%;
+		max-width: 100%;
+		object-fit: cover;
+		max-width: var(--size-40);
+		max-height: var(--size-20);
+		overflow: hidden;
+	}
+</style>
diff --git a/js/json/Index.svelte b/js/json/Index.svelte
new file mode 100644
index 0000000..19d9440
--- /dev/null
+++ b/js/json/Index.svelte
@@ -0,0 +1,80 @@
+<script context="module" lang="ts">
+	export { default as BaseJSON } from "./shared/JSON.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import JSON from "./shared/JSON.svelte";
+	import { Block, BlockLabel } from "@gradio/atoms";
+	import { JSON as JSONIcon } from "@gradio/icons";
+
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { JSONProps, JSONEvents } from "./types";
+
+	const props = $props();
+	const gradio = new Gradio<JSONEvents, JSONProps>(props);
+
+	let old_value = $state(gradio.props.value);
+
+	$effect(() => {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+
+	let label_height = $state(0);
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	test_id="json"
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	padding={false}
+	allow_overflow={true}
+	overflow_behavior="auto"
+	height={gradio.props.height}
+	min_height={gradio.props.min_height}
+	max_height={gradio.props.max_height}
+>
+	<div bind:clientHeight={label_height}>
+		{#if gradio.shared.label}
+			<BlockLabel
+				Icon={JSONIcon}
+				show_label={gradio.shared.show_label}
+				label={gradio.shared.label}
+				float={false}
+				disable={gradio.shared.container === false}
+			/>
+		{/if}
+	</div>
+
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+
+	<JSON
+		value={gradio.props.value}
+		open={gradio.props.open}
+		theme_mode={gradio.props.theme_mode}
+		show_indices={gradio.props.show_indices}
+		show_copy_button={gradio.props.buttons == null
+			? true
+			: gradio.props.buttons.some(
+					(btn) => typeof btn === "string" && btn === "copy"
+				)}
+		buttons={gradio.props.buttons}
+		on_custom_button_click={(id) => {
+			gradio.dispatch("custom_button_click", { id });
+		}}
+		{label_height}
+	/>
+</Block>
diff --git a/js/json/JSON.stories.svelte b/js/json/JSON.stories.svelte
new file mode 100644
index 0000000..1fa0f5b
--- /dev/null
+++ b/js/json/JSON.stories.svelte
@@ -0,0 +1,59 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import JSON from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/JSON",
+		component: JSON
+	});
+
+	const example_json = {
+		items: {
+			item: [
+				{
+					id: "0001",
+					type: null,
+					is_good: false,
+					ppu: 0.55,
+					batters: {
+						batter: [{ id: "1001", type: "Regular" }]
+					},
+					topping: [{ id: "5002", type: "Glazed" }]
+				}
+			]
+		}
+	};
+
+	const example_arr = [
+		"first item",
+		"second item",
+		"third item",
+		{ name: "fourth item", type: "object" },
+		["nested", "array", "example"]
+	];
+</script>
+
+<Story name="Default JSON" args={{}}>
+	{#snippet template(args)}
+		<JSON {...wrapProps({ value: example_json, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="with show_indices and height"
+	args={{ value: example_json, show_indices: true, height: 200 }}
+>
+	{#snippet template(args)}
+		<JSON {...wrapProps({ value: example_json, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="with array and show_indices"
+	args={{ value: example_arr, show_indices: true, open: true }}
+>
+	{#snippet template(args)}
+		<JSON {...wrapProps(args)} />
+	{/snippet}
+</Story>
diff --git a/js/json/JSON.test.ts b/js/json/JSON.test.ts
new file mode 100644
index 0000000..37c3256
--- /dev/null
+++ b/js/json/JSON.test.ts
@@ -0,0 +1,519 @@
+import { test, describe, afterEach, beforeEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import JSONOutput from "./Index.svelte";
+
+const default_props = {
+	value: { key: "value" },
+	label: "JSON Output",
+	show_label: true,
+	open: false,
+	show_indices: false
+};
+
+// has_label: false because the shared show_label test looks for [data-testid='block-info']
+// which doesn't exist in JSON's BlockLabel structure. JSON uses BlockLabel which applies
+// class:hide (display:none) when show_label=false — custom label tests below cover this.
+run_shared_prop_tests({
+	component: JSONOutput,
+	name: "JSON",
+	base_props: {
+		value: { key: "value" },
+		label: "JSON Output"
+	},
+	has_label: false
+});
+
+// Custom label tests to replace the skipped shared label tests
+describe("Props: label", () => {
+	afterEach(() => cleanup());
+
+	test("label text is rendered", async () => {
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			label: "My JSON"
+		});
+		expect(getByText("My JSON")).toBeInTheDocument();
+	});
+
+	test("show_label=true makes the label visible", async () => {
+		const { getByTestId } = await render(JSONOutput, {
+			...default_props,
+			show_label: true,
+			label: "My JSON"
+		});
+		expect(getByTestId("block-label")).toBeVisible();
+	});
+
+	test("show_label=false hides the label but keeps it in the DOM", async () => {
+		const { getByTestId } = await render(JSONOutput, {
+			...default_props,
+			show_label: false,
+			label: "My JSON"
+		});
+		const label = getByTestId("block-label");
+		expect(label).toBeInTheDocument();
+		expect(label).not.toBeVisible();
+	});
+});
+
+describe("JSON", () => {
+	afterEach(() => cleanup());
+
+	test("renders an object value", async () => {
+		const { getByText } = await render(JSONOutput, default_props);
+		expect(getByText('"key"')).toBeVisible();
+		expect(getByText('"value"')).toBeVisible();
+	});
+
+	test("renders an array value", async () => {
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: [1, 2, 3]
+		});
+		expect(getByText("1")).toBeVisible();
+		expect(getByText("2")).toBeVisible();
+		expect(getByText("3")).toBeVisible();
+	});
+
+	test("renders a primitive string value", async () => {
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: "hello"
+		});
+		expect(getByText('"hello"')).toBeVisible();
+	});
+
+	test("renders a primitive number value", async () => {
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: 42
+		});
+		expect(getByText("42")).toBeVisible();
+	});
+
+	test("renders boolean true", async () => {
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: true
+		});
+		expect(getByText("true")).toBeVisible();
+	});
+
+	test("renders boolean false inside an object", async () => {
+		// Top-level value=false is falsy → shows empty state; wrap it to test rendering
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: { flag: false }
+		});
+		expect(getByText("false")).toBeVisible();
+	});
+
+	test("renders null inside an object as the text 'null'", async () => {
+		// Top-level null shows empty state, so use an object containing null
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: { a: null }
+		});
+		expect(getByText("null")).toBeVisible();
+	});
+
+	test("renders nested objects", async () => {
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: { outer: { inner: "deep" } }
+		});
+		expect(getByText('"outer"')).toBeVisible();
+		expect(getByText('"inner"')).toBeVisible();
+		expect(getByText('"deep"')).toBeVisible();
+	});
+
+	test("renders deeply nested structures without crashing", async () => {
+		const deep = { a: { b: { c: { d: { e: "bottom" } } } } };
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: deep
+		});
+		expect(getByText('"a"')).toBeVisible();
+	});
+});
+
+describe("Empty state", () => {
+	afterEach(() => cleanup());
+
+	test("value=null shows Empty state: no copy button, no content", async () => {
+		const { queryByLabelText, queryByText } = await render(JSONOutput, {
+			...default_props,
+			value: null
+		});
+		expect(queryByLabelText("Copy")).not.toBeInTheDocument();
+		expect(queryByText('"key"')).not.toBeInTheDocument();
+	});
+
+	test("value='' shows Empty state", async () => {
+		const { queryByLabelText } = await render(JSONOutput, {
+			...default_props,
+			value: ""
+		});
+		expect(queryByLabelText("Copy")).not.toBeInTheDocument();
+	});
+
+	test("value={} shows Empty state", async () => {
+		const { queryByLabelText } = await render(JSONOutput, {
+			...default_props,
+			value: {}
+		});
+		expect(queryByLabelText("Copy")).not.toBeInTheDocument();
+	});
+
+	test("value=[] shows content (empty array is not empty state)", async () => {
+		const { getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			value: []
+		});
+		// Copy button present means the content branch is rendered
+		expect(getByLabelText("Copy")).toBeVisible();
+	});
+
+	test("value with content shows copy button", async () => {
+		const { getByLabelText } = await render(JSONOutput, default_props);
+		expect(getByLabelText("Copy")).toBeVisible();
+	});
+});
+
+describe("Props: open", () => {
+	afterEach(() => cleanup());
+
+	test("open=false (default): shallow nodes start expanded, no preview text", async () => {
+		const { queryByText } = await render(JSONOutput, {
+			...default_props,
+			value: { outer: { inner: "deep" } },
+			open: false
+		});
+		// No nodes are collapsed at depth 0-2, so no Object(...) preview should appear
+		expect(queryByText(/Object\(\d+\)/)).not.toBeInTheDocument();
+	});
+
+	test("open=false: nodes at depth >= 3 auto-collapse and show preview", async () => {
+		// 4-level nesting: root(0) > a(1) > b(2) > c(3) — depth 3 collapses
+		const value = { a: { b: { c: { d: "deep" } } } };
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value,
+			open: false
+		});
+		expect(getByText(/Object\(\d+\)/)).toBeVisible();
+	});
+
+	test("open=true: all nodes start expanded regardless of depth", async () => {
+		const value = { a: { b: { c: { d: "deep" } } } };
+		const { queryByText, getByText } = await render(JSONOutput, {
+			...default_props,
+			value,
+			open: true
+		});
+		// Leaf value visible means nothing was auto-collapsed
+		expect(getByText('"deep"')).toBeVisible();
+		expect(queryByText(/Object\(\d+\)/)).not.toBeInTheDocument();
+	});
+});
+
+describe("Props: show_indices", () => {
+	afterEach(() => cleanup());
+
+	const array_value = [10, 20, 30];
+
+	test("show_indices=false (default): array indices not rendered as keys", async () => {
+		const { queryByText } = await render(JSONOutput, {
+			...default_props,
+			value: array_value,
+			show_indices: false
+		});
+		expect(queryByText('"0"')).not.toBeInTheDocument();
+		expect(queryByText('"1"')).not.toBeInTheDocument();
+	});
+
+	test("show_indices=true: array indices rendered as keys", async () => {
+		const { getByText } = await render(JSONOutput, {
+			...default_props,
+			value: array_value,
+			show_indices: true
+		});
+		expect(getByText('"0"')).toBeVisible();
+		expect(getByText('"1"')).toBeVisible();
+		expect(getByText('"2"')).toBeVisible();
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("buttons=null (default): copy button is shown", async () => {
+		const { getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: null as any
+		});
+		expect(getByLabelText("Copy")).toBeVisible();
+	});
+
+	test('buttons=["copy"]: copy button is shown', async () => {
+		const { getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: ["copy"]
+		});
+		expect(getByLabelText("Copy")).toBeVisible();
+	});
+
+	test("buttons=[]: copy button is not shown", async () => {
+		const { queryByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: []
+		});
+		expect(queryByLabelText("Copy")).not.toBeInTheDocument();
+	});
+
+	test("buttons=[custom]: copy button absent, custom button shown", async () => {
+		const { queryByLabelText, getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: [{ value: "Run", id: 1, icon: null }]
+		});
+		expect(queryByLabelText("Copy")).not.toBeInTheDocument();
+		expect(getByLabelText("Run")).toBeVisible();
+	});
+
+	test('buttons=["copy", custom]: both copy and custom button shown', async () => {
+		const { getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: ["copy", { value: "Analyze", id: 2, icon: null }]
+		});
+		expect(getByLabelText("Copy")).toBeVisible();
+		expect(getByLabelText("Analyze")).toBeVisible();
+	});
+});
+
+describe("Copy button", () => {
+	// navigator.clipboard.writeText requires HTTPS/permissions in a real browser.
+	// Mock it so these tests are deterministic regardless of browser security policy.
+	let write_text: ReturnType<typeof vi.fn>;
+
+	beforeEach(() => {
+		write_text = vi.fn().mockResolvedValue(undefined);
+		Object.defineProperty(navigator, "clipboard", {
+			value: { writeText: write_text },
+			configurable: true,
+			writable: true
+		});
+	});
+	afterEach(() => cleanup());
+
+	test("copy button label is 'Copy' before click", async () => {
+		const { getByLabelText } = await render(JSONOutput, default_props);
+		expect(getByLabelText("Copy")).toBeVisible();
+	});
+
+	test("clicking copy calls clipboard.writeText with pretty-printed JSON", async () => {
+		const value = { name: "test", count: 3 };
+		const { getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			value
+		});
+		await fireEvent.click(getByLabelText("Copy"));
+		await waitFor(() => {
+			expect(write_text).toHaveBeenCalledTimes(1);
+			expect(write_text).toHaveBeenCalledWith(JSON.stringify(value, null, 2));
+		});
+	});
+
+	test("copy button label changes to 'Copied' after click", async () => {
+		const { getByLabelText } = await render(JSONOutput, default_props);
+		await fireEvent.click(getByLabelText("Copy"));
+		await waitFor(() => {
+			expect(getByLabelText("Copied")).toBeVisible();
+		});
+	});
+});
+
+describe("Custom buttons", () => {
+	afterEach(() => cleanup());
+
+	test("custom button is rendered with its label", async () => {
+		const { getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: [{ value: "Run", id: 42, icon: null }]
+		});
+		expect(getByLabelText("Run")).toBeVisible();
+	});
+
+	test("clicking custom button fires custom_button_click with correct id", async () => {
+		const { listen, getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: [{ value: "Run", id: 42, icon: null }]
+		});
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Run"));
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 42 });
+	});
+});
+
+describe("Collapse / expand", () => {
+	afterEach(() => cleanup());
+
+	test("expandable object node has toggle button with aria-label 'Collapse'", async () => {
+		const { getAllByRole } = await render(JSONOutput, {
+			...default_props,
+			value: { name: "Alice", age: 30 }
+		});
+		const toggles = getAllByRole("button", { name: "Collapse" });
+		expect(toggles.length).toBeGreaterThan(0);
+	});
+
+	test("clicking toggle collapses the node and shows Object(N) preview", async () => {
+		const { getAllByRole, getByText, queryByText } = await render(JSONOutput, {
+			...default_props,
+			value: { name: "Alice", age: 30, city: "NYC" }
+		});
+		const collapse_btn = getAllByRole("button", { name: "Collapse" })[0];
+		await fireEvent.click(collapse_btn);
+		expect(getByText("Object(3)")).toBeVisible();
+		expect(queryByText('"name"')).not.toBeVisible();
+	});
+
+	test("clicking toggle again expands the node and hides preview", async () => {
+		const { getAllByRole, getByText, queryByText } = await render(JSONOutput, {
+			...default_props,
+			value: { name: "Alice", age: 30, city: "NYC" }
+		});
+		// Collapse
+		const collapse_btn = getAllByRole("button", { name: "Collapse" })[0];
+		await fireEvent.click(collapse_btn);
+		// Expand
+		const expand_btn = getAllByRole("button", { name: "Expand" })[0];
+		await fireEvent.click(expand_btn);
+		expect(getByText('"name"')).toBeVisible();
+		expect(queryByText("Object(3)")).not.toBeInTheDocument();
+	});
+
+	test("collapsed array node shows 'Array(N)' preview", async () => {
+		const { getAllByRole, getByText } = await render(JSONOutput, {
+			...default_props,
+			value: [1, 2, 3, 4]
+		});
+		const collapse_btn = getAllByRole("button", { name: "Collapse" })[0];
+		await fireEvent.click(collapse_btn);
+		expect(getByText("Array(4)")).toBeVisible();
+	});
+
+	test("clicking preview text expands a collapsed node", async () => {
+		const { getAllByRole, getByText } = await render(JSONOutput, {
+			...default_props,
+			value: { name: "Alice", age: 30 }
+		});
+		// Collapse first
+		const collapse_btn = getAllByRole("button", { name: "Collapse" })[0];
+		await fireEvent.click(collapse_btn);
+		// Click the preview button to expand
+		const preview = getByText(/Object\(\d+\)/);
+		await fireEvent.click(preview);
+		expect(getByText('"name"')).toBeVisible();
+	});
+
+	test("primitive value has no toggle button", async () => {
+		const { queryByRole } = await render(JSONOutput, {
+			...default_props,
+			value: "just a string"
+		});
+		expect(queryByRole("button", { name: "Collapse" })).not.toBeInTheDocument();
+		expect(queryByRole("button", { name: "Expand" })).not.toBeInTheDocument();
+	});
+
+	test.todo(
+		"VISUAL: interactive=false disables toggle buttons — test via BaseJSON with interactive=false prop directly; Index.svelte does not plumb interactive through to JSONNode"
+	);
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change: fired when value updates via set_data", async () => {
+		const { listen, set_data } = await render(JSONOutput, default_props);
+		const change = listen("change");
+		await set_data({ value: { updated: true } });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change: not fired again without a value update", async () => {
+		const { listen } = await render(JSONOutput, default_props);
+		// Non-retrospective: only captures events fired AFTER this point.
+		// Verifies no spurious change fires after mount without a data change.
+		const change = listen("change");
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change: same primitive value set twice fires only once", async () => {
+		const { listen, set_data } = await render(JSONOutput, {
+			...default_props,
+			value: { initial: true }
+		});
+		const change = listen("change");
+		await set_data({ value: "hello" });
+		await set_data({ value: "hello" });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("custom_button_click: fired with { id } when custom button clicked", async () => {
+		const { listen, getByLabelText } = await render(JSONOutput, {
+			...default_props,
+			buttons: [{ value: "Action", id: 7, icon: null }]
+		});
+		const custom = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Action"));
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 7 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("set_data with new object renders new content", async () => {
+		const { set_data, getByText } = await render(JSONOutput, default_props);
+		await set_data({ value: { foo: "bar" } });
+		expect(getByText('"foo"')).toBeVisible();
+		expect(getByText('"bar"')).toBeVisible();
+	});
+
+	test("set_data with null switches to Empty state", async () => {
+		const { set_data, queryByLabelText } = await render(
+			JSONOutput,
+			default_props
+		);
+		await set_data({ value: null });
+		expect(queryByLabelText("Copy")).not.toBeInTheDocument();
+	});
+
+	test("set_data with empty object switches to Empty state", async () => {
+		const { set_data, queryByLabelText } = await render(
+			JSONOutput,
+			default_props
+		);
+		await set_data({ value: {} });
+		expect(queryByLabelText("Copy")).not.toBeInTheDocument();
+	});
+
+	test("set_data then get_data round-trip preserves value", async () => {
+		const { set_data, get_data } = await render(JSONOutput, default_props);
+		const test_value = { x: 42, y: "hello", z: [1, 2, 3] };
+		await set_data({ value: test_value });
+		const data = await get_data();
+		expect(data.value).toEqual(test_value);
+	});
+});
+
+test.todo(
+	"VISUAL: theme_mode='dark' applies dark-mode CSS variables (--bracket-color, --number-color) to JSONNode — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: theme_mode='light' applies light-mode CSS colors to JSONNode — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/json/README.md b/js/json/README.md
new file mode 100644
index 0000000..e45eaa5
--- /dev/null
+++ b/js/json/README.md
@@ -0,0 +1,12 @@
+# `@gradio/json`
+
+```html
+<script>
+	import { BaseJSON } from "@gradio/json";
+</script>
+```
+
+BaseJSON
+```html
+	export let value: any = {};
+```
\ No newline at end of file
diff --git a/js/json/package.json b/js/json/package.json
new file mode 100644
index 0000000..d71c240
--- /dev/null
+++ b/js/json/package.json
@@ -0,0 +1,41 @@
+{
+	"name": "@gradio/json",
+	"version": "0.8.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main": "./Index.svelte",
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/json"
+	}
+}
diff --git a/js/json/shared/JSON.svelte b/js/json/shared/JSON.svelte
new file mode 100644
index 0000000..db3ea2d
--- /dev/null
+++ b/js/json/shared/JSON.svelte
@@ -0,0 +1,122 @@
+<script lang="ts">
+	import { JSON as JSONIcon } from "@gradio/icons";
+	import { Empty, IconButtonWrapper, IconButton } from "@gradio/atoms";
+	import JSONNode from "./JSONNode.svelte";
+	import { Copy, Check } from "@gradio/icons";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+
+	let {
+		value = {},
+		open = false,
+		theme_mode = "system" as "system" | "light" | "dark",
+		show_indices = false,
+		label_height,
+		interactive = true,
+		show_copy_button = true,
+		buttons = null,
+		on_custom_button_click = null
+	}: {
+		value?: any;
+		open?: boolean;
+		theme_mode?: "system" | "light" | "dark";
+		show_indices?: boolean;
+		label_height: number;
+		interactive?: boolean;
+		show_copy_button?: boolean;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+	} = $props();
+
+	let json_max_height = $derived(`calc(100% - ${label_height}px)`);
+
+	let copied = $state(false);
+	let timer = $state<NodeJS.Timeout>();
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 1000);
+	}
+
+	async function handle_copy(): Promise<void> {
+		if ("clipboard" in navigator) {
+			await navigator.clipboard.writeText(JSON.stringify(value, null, 2));
+			copy_feedback();
+		}
+	}
+
+	function is_empty(obj: object): boolean {
+		return (
+			obj &&
+			Object.keys(obj).length === 0 &&
+			Object.getPrototypeOf(obj) === Object.prototype &&
+			JSON.stringify(obj) === JSON.stringify({})
+		);
+	}
+
+	$effect(() => {
+		return () => {
+			if (timer) clearTimeout(timer);
+		};
+	});
+</script>
+
+{#if value && value !== '""' && !is_empty(value)}
+	{#if show_copy_button || (buttons && buttons.some((btn) => typeof btn !== "string"))}
+		<IconButtonWrapper {buttons} {on_custom_button_click}>
+			{#if show_copy_button}
+				<IconButton
+					show_label={false}
+					label={copied ? "Copied" : "Copy"}
+					Icon={copied ? Check : Copy}
+					onclick={() => handle_copy()}
+				/>
+			{/if}
+		</IconButtonWrapper>
+	{/if}
+	<div class="json-holder" style:max-height={json_max_height}>
+		<JSONNode
+			{value}
+			depth={0}
+			is_root={true}
+			{open}
+			{theme_mode}
+			{show_indices}
+			{interactive}
+		/>
+	</div>
+{:else}
+	<div class="empty-wrapper">
+		<Empty>
+			<JSONIcon />
+		</Empty>
+	</div>
+{/if}
+
+<style>
+	:global(.copied svg) {
+		animation: fade ease 300ms;
+		animation-fill-mode: forwards;
+	}
+
+	@keyframes fade {
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	}
+
+	.json-holder {
+		padding: var(--size-2);
+		overflow-y: auto;
+	}
+
+	.empty-wrapper {
+		min-height: calc(var(--size-32) - 20px);
+		height: 100%;
+	}
+</style>
diff --git a/js/json/shared/JSONNode.svelte b/js/json/shared/JSONNode.svelte
new file mode 100644
index 0000000..e7758d2
--- /dev/null
+++ b/js/json/shared/JSONNode.svelte
@@ -0,0 +1,284 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import Self from "./JSONNode.svelte";
+
+	let {
+		value,
+		depth = 0,
+		is_root = false,
+		is_last_item = true,
+		key = null,
+		open = false,
+		theme_mode = "system" as "system" | "light" | "dark",
+		show_indices = false,
+		interactive = true
+	}: {
+		value: any;
+		depth?: number;
+		is_root?: boolean;
+		is_last_item?: boolean;
+		key?: string | number | null;
+		open?: boolean;
+		theme_mode?: "system" | "light" | "dark";
+		show_indices?: boolean;
+		interactive?: boolean;
+	} = $props();
+
+	let root_element = $state<HTMLElement>();
+	let collapsed = $state(open ? false : depth >= 3);
+	let child_nodes = $state<any[]>([]);
+
+	function is_collapsible(val: any): boolean {
+		return val !== null && (typeof val === "object" || Array.isArray(val));
+	}
+
+	async function toggle_collapse(): Promise<void> {
+		collapsed = !collapsed;
+		await tick();
+	}
+
+	function get_collapsed_preview(val: any): string {
+		if (Array.isArray(val)) return `Array(${val.length})`;
+		if (typeof val === "object" && val !== null)
+			return `Object(${Object.keys(val).length})`;
+		return String(val);
+	}
+
+	$effect(() => {
+		if (is_collapsible(value)) {
+			child_nodes = Object.entries(value);
+		} else {
+			child_nodes = [];
+		}
+	});
+
+	function updateLineNumbers(): void {
+		if (!root_element) return;
+		const lines = root_element.querySelectorAll(".line");
+		lines.forEach((line, index) => {
+			const line_number = line.querySelector(".line-number");
+			if (line_number) {
+				line_number.setAttribute("data-pseudo-content", (index + 1).toString());
+				line_number?.setAttribute(
+					"aria-roledescription",
+					`Line number ${index + 1}`
+				);
+				line_number?.setAttribute("title", `Line number ${index + 1}`);
+			}
+		});
+	}
+
+	$effect(() => {
+		value;
+		collapsed;
+
+		if (is_root && root_element) {
+			tick().then(() => {
+				updateLineNumbers();
+			});
+		}
+	});
+</script>
+
+<div
+	class="json-node"
+	class:root={is_root}
+	class:dark-mode={theme_mode === "dark"}
+	bind:this={root_element}
+	style="--depth: {depth};"
+>
+	<div class="line" class:collapsed>
+		<span class="line-number"></span>
+		<span class="content">
+			{#if is_collapsible(value)}
+				<button
+					data-pseudo-content={interactive ? (collapsed ? "▶" : "▼") : ""}
+					aria-label={collapsed ? "Expand" : "Collapse"}
+					class="toggle"
+					disabled={!interactive}
+					onclick={toggle_collapse}
+				/>
+			{/if}
+			{#if key !== null}
+				<span class="key">"{key}"</span><span class="punctuation colon"
+					>:
+				</span>
+			{/if}
+			{#if is_collapsible(value)}
+				<span
+					class="punctuation bracket"
+					class:square-bracket={Array.isArray(value)}
+					>{Array.isArray(value) ? "[" : "{"}</span
+				>
+				{#if collapsed}
+					<button onclick={toggle_collapse} class="preview">
+						{get_collapsed_preview(value)}
+					</button>
+					<span
+						class="punctuation bracket"
+						class:square-bracket={Array.isArray(value)}
+						>{Array.isArray(value) ? "]" : "}"}</span
+					>
+				{/if}
+			{:else if typeof value === "string"}
+				<span class="value string">"{value}"</span>
+			{:else if typeof value === "number"}
+				<span class="value number">{value}</span>
+			{:else if typeof value === "boolean"}
+				<span class="value bool">{value.toString()}</span>
+			{:else if value === null}
+				<span class="value null">null</span>
+			{:else}
+				<span>{value}</span>
+			{/if}
+			{#if !is_last_item && (!is_collapsible(value) || collapsed)}
+				<span class="punctuation">,</span>
+			{/if}
+		</span>
+	</div>
+
+	{#if is_collapsible(value)}
+		<div class="children" class:hidden={collapsed}>
+			{#each child_nodes as [subKey, subVal], i}
+				<Self
+					value={subVal}
+					depth={depth + 1}
+					is_last_item={i === child_nodes.length - 1}
+					key={Array.isArray(value) && !show_indices ? null : subKey}
+					{open}
+					{theme_mode}
+					{show_indices}
+					{interactive}
+				/>
+			{/each}
+			<div class="line">
+				<span class="line-number"></span>
+				<span class="content">
+					<span
+						class="punctuation bracket"
+						class:square-bracket={Array.isArray(value)}
+						>{Array.isArray(value) ? "]" : "}"}</span
+					>
+					{#if !is_last_item}<span class="punctuation">,</span>{/if}
+				</span>
+			</div>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.json-node {
+		font-family: var(--font-mono);
+		--text-color: #d18770;
+		--key-color: var(--text-color);
+		--string-color: #ce9178;
+		--number-color: #719fad;
+
+		--bracket-color: #5d8585;
+		--square-bracket-color: #be6069;
+		--punctuation-color: #8fbcbb;
+		--line-number-color: #6a737d;
+		--separator-color: var(--line-number-color);
+	}
+	.json-node.dark-mode {
+		--bracket-color: #7eb4b3;
+		--number-color: #638d9a;
+	}
+	.json-node.root {
+		position: relative;
+		padding-left: var(--size-14);
+	}
+	.json-node.root::before {
+		content: "";
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: var(--size-11);
+		width: 1px;
+		background-color: var(--separator-color);
+	}
+	.line {
+		display: flex;
+		align-items: flex-start;
+		padding: 0;
+		margin: 0;
+		line-height: var(--line-md);
+	}
+	.line-number {
+		position: absolute;
+		left: 0;
+		width: calc(var(--size-7));
+		text-align: right;
+		color: var(--line-number-color);
+		user-select: none;
+		text-overflow: ellipsis;
+		text-overflow: ellipsis;
+		direction: rtl;
+		overflow: hidden;
+	}
+	.content {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		padding-left: calc(var(--depth) * var(--size-2));
+		flex-wrap: wrap;
+	}
+	.children {
+		padding-left: var(--size-4);
+	}
+	.children.hidden {
+		display: none;
+	}
+	.key {
+		color: var(--key-color);
+	}
+	.string {
+		color: var(--string-color);
+	}
+	.number {
+		color: var(--number-color);
+	}
+	.bool {
+		color: var(--text-color);
+	}
+	.null {
+		color: var(--text-color);
+	}
+	.value {
+		margin-left: var(--spacing-md);
+	}
+	.punctuation {
+		color: var(--punctuation-color);
+	}
+	.bracket {
+		margin-left: var(--spacing-sm);
+		color: var(--bracket-color);
+	}
+	.square-bracket {
+		margin-left: var(--spacing-sm);
+		color: var(--square-bracket-color);
+	}
+	.toggle,
+	.preview {
+		background: none;
+		border: none;
+		color: inherit;
+		cursor: pointer;
+		padding: 0;
+		margin: 0;
+	}
+	.toggle {
+		user-select: none;
+		margin-right: var(--spacing-md);
+	}
+	.preview {
+		margin: 0 var(--spacing-sm) 0 var(--spacing-lg);
+	}
+	.preview:hover {
+		text-decoration: underline;
+	}
+
+	:global([data-pseudo-content])::before {
+		content: attr(data-pseudo-content);
+	}
+</style>
diff --git a/js/json/types.ts b/js/json/types.ts
new file mode 100644
index 0000000..8c64b2c
--- /dev/null
+++ b/js/json/types.ts
@@ -0,0 +1,19 @@
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
+import type { CustomButton } from "@gradio/utils";
+
+export interface JSONProps {
+	value: any;
+	open: boolean;
+	show_indices: boolean;
+	height: number | string | undefined;
+	min_height: number | string | undefined;
+	max_height: number | string | undefined;
+	theme_mode: "system" | "light" | "dark";
+	buttons: (string | CustomButton)[];
+}
+
+export interface JSONEvents {
+	change: never;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/jsx.d.ts b/js/jsx.d.ts
new file mode 100644
index 0000000..5297e08
--- /dev/null
+++ b/js/jsx.d.ts
@@ -0,0 +1,9 @@
+declare namespace svelteHTML {
+	interface HTMLAttributes<T extends EventTarget> {
+		webkitdirectory?: boolean | string;
+		mozdirectory?: boolean | string;
+	}
+}
+declare module "@lezer/highlight";
+declare module "dequal/lite";
+declare module "dequal";
diff --git a/js/label/CHANGELOG.md b/js/label/CHANGELOG.md
new file mode 100644
index 0000000..487e5d0
--- /dev/null
+++ b/js/label/CHANGELOG.md
@@ -0,0 +1,840 @@
+# @gradio/label
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.7.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.6.7
+
+### Fixes
+
+- [#13233](https://github.com/gradio-app/gradio/pull/13233) [`66817ca`](https://github.com/gradio-app/gradio/commit/66817cac4d204471cc2b435a6d0d11397ddbca58) - Label tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.6.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12776](https://github.com/gradio-app/gradio/pull/12776) [`c2be5a2`](https://github.com/gradio-app/gradio/commit/c2be5a224ef2386cae02fa10ce8301b0d364be68) - Migrate js/label to svelte5.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.6.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.6.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.22
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.5.22-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.5.22-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.5.21
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.5.21
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.5.20
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.5.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.5.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.5.0
+
+### Features
+
+- [#9987](https://github.com/gradio-app/gradio/pull/9987) [`a2a3cd4`](https://github.com/gradio-app/gradio/commit/a2a3cd466c25e99949d5c49ed5710825dc796030) - Add `show_heading` param to gr.Label.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.3.13-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.3.13-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.3.13-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.3.13-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.3.13-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.13-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.3.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.3.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.3.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8063](https://github.com/gradio-app/gradio/pull/8063) [`72f4ca8`](https://github.com/gradio-app/gradio/commit/72f4ca88ab569aae47941b3fb0609e57f2e13a27) - Fix `gr.Label` styling and a11y markup.  Thanks @whitphx!
+- [#8054](https://github.com/gradio-app/gradio/pull/8054) [`176a8a4`](https://github.com/gradio-app/gradio/commit/176a8a4d713246383c760d86fcb964298ee68c6b) - Fix Label component's value change detection to avoid infinite loop dispatching the change event.  Thanks @whitphx!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.2.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.2.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.2.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.2.10
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.2.8
+
+### Fixes
+
+- [#7276](https://github.com/gradio-app/gradio/pull/7276) [`a3aa22f`](https://github.com/gradio-app/gradio/commit/a3aa22f6f0bc664646bb409844899bc8810e421e) - Adjust Value to Fix .Label Display. Thanks [@codydh](https://github.com/codydh)!
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fix selectable prop in the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6135](https://github.com/gradio-app/gradio/pull/6135) [`bce37ac74`](https://github.com/gradio-app/gradio/commit/bce37ac744496537e71546d2bb889bf248dcf5d3) - Fix selectable prop in the backend. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.2.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.0.2
\ No newline at end of file
diff --git a/js/label/Index.svelte b/js/label/Index.svelte
new file mode 100644
index 0000000..6b4c957
--- /dev/null
+++ b/js/label/Index.svelte
@@ -0,0 +1,66 @@
+<script context="module" lang="ts">
+	export { default as BaseLabel } from "./shared/Label.svelte";
+</script>
+
+<script lang="ts">
+	import type { LabelProps, LabelEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import Label from "./shared/Label.svelte";
+	import { LineChart as LabelIcon } from "@gradio/icons";
+	import { Block, BlockLabel, Empty, IconButtonWrapper } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { SelectData } from "@gradio/utils";
+
+	const props = $props();
+	const gradio = new Gradio<LabelEvents, LabelProps>(props);
+
+	let _label = $derived(gradio.props.value.label);
+
+	gradio.watch_for_change();
+</script>
+
+<Block
+	test_id="label"
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	padding={false}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	{/if}
+	{#if gradio.shared.show_label}
+		<BlockLabel
+			Icon={LabelIcon}
+			label={gradio.shared.label || gradio.i18n("label.label")}
+			disable={gradio.shared.container === false}
+			float={gradio.props.show_heading === true}
+		/>
+	{/if}
+	{#if _label !== undefined && _label !== null}
+		<Label
+			onselect={(detail: SelectData) => gradio.dispatch("select", detail)}
+			selectable={gradio.props._selectable}
+			value={gradio.props.value}
+			color={gradio.props.color}
+			show_heading={gradio.props.show_heading}
+		/>
+	{:else}
+		<Empty unpadded_box={true}><LabelIcon /></Empty>
+	{/if}
+</Block>
diff --git a/js/label/Label.stories.svelte b/js/label/Label.stories.svelte
new file mode 100644
index 0000000..38a37cc
--- /dev/null
+++ b/js/label/Label.stories.svelte
@@ -0,0 +1,59 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Label from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Label",
+		component: Label,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			show_heading: {
+				control: "boolean",
+				description: "Whether to show heading"
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Label {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Long and space-separated label text"
+	args={{
+		value: {
+			label: "Label",
+			confidences: [
+				{
+					label: "Long space separated label text, ".repeat(10),
+					confidence: 0.8
+				}
+			]
+		}
+	}}
+	{template}
+/>
+<Story
+	name="Multiple label text with show_heading set to false"
+	args={{
+		show_heading: false,
+		value: {
+			label: "Label",
+			confidences: [
+				{ label: "First Label", confidence: 0.7 },
+				{ label: "Second Label", confidence: 0.2 }
+			]
+		}
+	}}
+	{template}
+/>
diff --git a/js/label/Label.test.ts b/js/label/Label.test.ts
new file mode 100644
index 0000000..875f263
--- /dev/null
+++ b/js/label/Label.test.ts
@@ -0,0 +1,554 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import Label from "./Index.svelte";
+
+const default_props = {
+	value: {
+		label: "Cat",
+		confidences: [
+			{ label: "cat", confidence: 0.9 },
+			{ label: "dog", confidence: 0.08 },
+			{ label: "lion", confidence: 0.02 }
+		]
+	},
+	show_heading: true,
+	_selectable: false,
+	buttons: null
+};
+
+// has_label: false because the Label component removes BlockLabel from the DOM
+// when show_label=false (using {#if show_label}) rather than keeping it with
+// sr-only. The custom label tests below cover label/show_label behaviour.
+run_shared_prop_tests({
+	component: Label,
+	name: "Label",
+	base_props: {
+		value: { label: "Cat" },
+		show_heading: true,
+		_selectable: false,
+		buttons: null
+	},
+	has_label: false
+});
+
+describe("Label: label prop", () => {
+	afterEach(() => cleanup());
+
+	test("label text is rendered in the block header when show_label=true", async () => {
+		const { getByText } = await render(Label, {
+			...default_props,
+			label: "My Output",
+			show_label: true
+		});
+		expect(getByText("My Output")).toBeInTheDocument();
+	});
+
+	test("show_label=true makes the block label visible", async () => {
+		const { getByText } = await render(Label, {
+			...default_props,
+			label: "Visible Label",
+			show_label: true
+		});
+		expect(getByText("Visible Label")).toBeVisible();
+	});
+
+	test("show_label=false removes the block label from the DOM", async () => {
+		const { queryByText } = await render(Label, {
+			...default_props,
+			label: "Hidden Label",
+			show_label: false
+		});
+		// Label uses conditional rendering ({#if show_label}) so the element
+		// is absent from the DOM entirely rather than hidden with sr-only.
+		expect(queryByText("Hidden Label")).not.toBeInTheDocument();
+	});
+});
+
+describe("Label — rendering", () => {
+	afterEach(() => cleanup());
+
+	test("renders label text in heading", async () => {
+		const { getByTestId } = await render(Label, {
+			value: { label: "Cat" },
+			show_heading: true,
+			_selectable: false,
+			buttons: null
+		});
+		expect(getByTestId("label-output-value")).toHaveTextContent("Cat");
+	});
+
+	test("renders one confidence bar for each item in confidences", async () => {
+		const { getByTestId } = await render(Label, default_props);
+		expect(getByTestId("cat-confidence-set")).toBeInTheDocument();
+		expect(getByTestId("dog-confidence-set")).toBeInTheDocument();
+		expect(getByTestId("lion-confidence-set")).toBeInTheDocument();
+	});
+
+	test("shows empty state when value.label is null", async () => {
+		const { queryByTestId } = await render(Label, {
+			...default_props,
+			value: { label: null }
+		});
+		expect(queryByTestId("label-output-value")).not.toBeInTheDocument();
+	});
+
+	test("shows empty state when value has no label property", async () => {
+		const { queryByTestId } = await render(Label, {
+			...default_props,
+			value: {}
+		});
+		expect(queryByTestId("label-output-value")).not.toBeInTheDocument();
+	});
+
+	test("heading text matches value.label", async () => {
+		const { getByTestId } = await render(Label, {
+			...default_props,
+			value: { label: "Golden Retriever" }
+		});
+		expect(getByTestId("label-output-value")).toHaveTextContent(
+			"Golden Retriever"
+		);
+	});
+});
+
+describe("Props: value — confidence bars", () => {
+	afterEach(() => cleanup());
+
+	test("confidence percentage is rounded to nearest integer (0.855 → 86%)", async () => {
+		const { getByText } = await render(Label, {
+			...default_props,
+			value: {
+				label: "Cat",
+				confidences: [{ label: "cat", confidence: 0.855 }]
+			}
+		});
+		expect(getByText("86%")).toBeInTheDocument();
+	});
+
+	test("confidence of 0 displays as 0% with correct aria-valuenow", async () => {
+		const { getByText, getByRole } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0 }]
+			}
+		});
+		expect(getByText("0%")).toBeInTheDocument();
+		expect(getByRole("meter", { name: "cat" })).toHaveAttribute(
+			"aria-valuenow",
+			"0"
+		);
+	});
+
+	test("confidence of 1 displays as 100% with correct aria-valuenow", async () => {
+		const { getByText, getByRole } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 1 }]
+			}
+		});
+		expect(getByText("100%")).toBeInTheDocument();
+		expect(getByRole("meter", { name: "cat" })).toHaveAttribute(
+			"aria-valuenow",
+			"100"
+		);
+	});
+
+	test("confidence label text is displayed inside each bar", async () => {
+		// Use a heading label distinct from the confidence labels to avoid
+		// getByText finding duplicate matches (heading + bar).
+		const { getByText } = await render(Label, {
+			...default_props,
+			value: {
+				label: "TopResult",
+				confidences: [
+					{ label: "dog", confidence: 0.7 },
+					{ label: "cat", confidence: 0.3 }
+				]
+			}
+		});
+		expect(getByText("dog")).toBeInTheDocument();
+		expect(getByText("cat")).toBeInTheDocument();
+	});
+
+	test("empty confidences array renders no confidence bars", async () => {
+		const { queryAllByRole } = await render(Label, {
+			...default_props,
+			value: { label: "Cat", confidences: [] }
+		});
+		expect(queryAllByRole("button")).toHaveLength(0);
+	});
+
+	test("single confidence item renders exactly one bar", async () => {
+		const { getByTestId, queryAllByRole } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0.9 }]
+			}
+		});
+		expect(getByTestId("cat-confidence-set")).toBeInTheDocument();
+		expect(queryAllByRole("button")).toHaveLength(1);
+	});
+});
+
+describe("Props: show_heading", () => {
+	afterEach(() => cleanup());
+
+	test("show_heading=true with confidences: heading is visible", async () => {
+		const { getByTestId } = await render(Label, default_props);
+		expect(getByTestId("label-output-value")).toBeVisible();
+	});
+
+	test("show_heading=false with confidences: heading is not in the DOM", async () => {
+		const { queryByTestId } = await render(Label, {
+			...default_props,
+			show_heading: false
+		});
+		expect(queryByTestId("label-output-value")).not.toBeInTheDocument();
+	});
+
+	test("show_heading=false without confidences: heading still renders (fallback to !confidences)", async () => {
+		// The template condition is `show_heading || !value.confidences`.
+		// When show_heading=false but there are no confidences, the heading still shows.
+		const { getByTestId } = await render(Label, {
+			...default_props,
+			show_heading: false,
+			value: { label: "Cat" }
+		});
+		expect(getByTestId("label-output-value")).toBeVisible();
+	});
+
+	test("show_heading=true without confidences: heading is visible", async () => {
+		const { getByTestId } = await render(Label, {
+			...default_props,
+			show_heading: true,
+			value: { label: "Cat" }
+		});
+		expect(getByTestId("label-output-value")).toBeVisible();
+	});
+});
+
+describe("Props: _selectable", () => {
+	afterEach(() => cleanup());
+
+	test("clicking confidence bar dispatches select with correct index and value", async () => {
+		const { listen, getByTestId } = await render(Label, {
+			...default_props,
+			_selectable: true
+		});
+		const select = listen("select");
+		await fireEvent.click(getByTestId("cat-confidence-set"));
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith({ index: 0, value: "cat" });
+	});
+
+	test("clicking second confidence bar dispatches select with index 1", async () => {
+		const { listen, getByTestId } = await render(Label, {
+			...default_props,
+			_selectable: true
+		});
+		const select = listen("select");
+		await fireEvent.click(getByTestId("dog-confidence-set"));
+		expect(select).toHaveBeenCalledWith({ index: 1, value: "dog" });
+	});
+
+	test("clicking third confidence bar dispatches select with index 2", async () => {
+		const { listen, getByTestId } = await render(Label, {
+			...default_props,
+			_selectable: true
+		});
+		const select = listen("select");
+		await fireEvent.click(getByTestId("lion-confidence-set"));
+		expect(select).toHaveBeenCalledWith({ index: 2, value: "lion" });
+	});
+
+	test("_selectable=false: select event still fires on click (onselect is always bound; _selectable controls visual styling only)", async () => {
+		const { listen, getByTestId } = await render(Label, {
+			...default_props,
+			_selectable: false
+		});
+		const select = listen("select");
+		await fireEvent.click(getByTestId("cat-confidence-set"));
+		expect(select).toHaveBeenCalledTimes(1);
+	});
+
+	test.todo(
+		"VISUAL: _selectable=true adds 'selectable' CSS class to confidence bars, enabling hover cursor and colour changes — needs Playwright visual regression screenshot comparison"
+	);
+});
+
+describe("Props: color", () => {
+	test.todo(
+		"VISUAL: color='red' applies a red background colour to the label heading element — needs Playwright visual regression screenshot comparison"
+	);
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("buttons=null renders no custom buttons", async () => {
+		const { queryByLabelText } = await render(Label, {
+			...default_props,
+			buttons: null
+		});
+		expect(queryByLabelText("Analyze")).not.toBeInTheDocument();
+	});
+
+	test("custom button is visible when show_label=true", async () => {
+		const { getByLabelText } = await render(Label, {
+			...default_props,
+			show_label: true,
+			buttons: [{ value: "Analyze", id: 5, icon: null }]
+		});
+		expect(getByLabelText("Analyze")).toBeInTheDocument();
+	});
+
+	test("clicking custom button dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(Label, {
+			...default_props,
+			show_label: true,
+			buttons: [{ value: "Analyze", id: 5, icon: null }]
+		});
+		const click = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Analyze"));
+		expect(click).toHaveBeenCalledTimes(1);
+	});
+
+	test("custom_button_click payload contains the button's id", async () => {
+		const { listen, getByLabelText } = await render(Label, {
+			...default_props,
+			show_label: true,
+			buttons: [{ value: "Analyze", id: 5, icon: null }]
+		});
+		const click = listen("custom_button_click");
+		await fireEvent.click(getByLabelText("Analyze"));
+		expect(click).toHaveBeenCalledWith({ id: 5 });
+	});
+
+	test("custom buttons are not shown when show_label=false", async () => {
+		const { queryByLabelText } = await render(Label, {
+			...default_props,
+			show_label: false,
+			buttons: [{ value: "Analyze", id: 5, icon: null }]
+		});
+		expect(queryByLabelText("Analyze")).not.toBeInTheDocument();
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change: fired when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Label, default_props);
+		const change = listen("change");
+		await set_data({ value: { label: "Dog" } });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change: not fired on initial mount", async () => {
+		const { listen } = await render(Label, default_props);
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change: fired again on a subsequent value update", async () => {
+		const { listen, set_data } = await render(Label, default_props);
+		const change = listen("change");
+		await set_data({ value: { label: "Dog" } });
+		await set_data({ value: { label: "Bird" } });
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+
+	test("select: dispatched with correct payload when confidence bar is clicked", async () => {
+		const { listen, getByTestId } = await render(Label, {
+			...default_props,
+			_selectable: true
+		});
+		const select = listen("select");
+		await fireEvent.click(getByTestId("cat-confidence-set"));
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith({ index: 0, value: "cat" });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("set_data updates the heading text", async () => {
+		const { set_data, getByTestId } = await render(Label, default_props);
+		await set_data({ value: { label: "Elephant" } });
+		expect(getByTestId("label-output-value")).toHaveTextContent("Elephant");
+	});
+
+	test("set_data with confidences causes confidence bars to appear", async () => {
+		const { set_data, getByTestId } = await render(Label, {
+			...default_props,
+			value: { label: "Cat" }
+		});
+		await set_data({
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0.9 }]
+			}
+		});
+		expect(getByTestId("cat-confidence-set")).toBeInTheDocument();
+	});
+
+	test("set_data removing confidences hides all confidence bars", async () => {
+		const { set_data, queryByTestId } = await render(Label, default_props);
+		await set_data({ value: { label: "Cat" } });
+		expect(queryByTestId("cat-confidence-set")).not.toBeInTheDocument();
+		expect(queryByTestId("dog-confidence-set")).not.toBeInTheDocument();
+		expect(queryByTestId("lion-confidence-set")).not.toBeInTheDocument();
+	});
+
+	test("get_data returns the current value label", async () => {
+		const { set_data, get_data } = await render(Label, default_props);
+		await set_data({ value: { label: "Dog" } });
+		const data = await get_data();
+		expect(data.value.label).toBe("Dog");
+	});
+
+	test("round-trip: set_data value is returned unchanged by get_data", async () => {
+		const { set_data, get_data } = await render(Label, default_props);
+		const new_value = {
+			label: "bird",
+			confidences: [
+				{ label: "bird", confidence: 0.7 },
+				{ label: "fish", confidence: 0.3 }
+			]
+		};
+		await set_data({ value: new_value });
+		const data = await get_data();
+		expect(data.value).toEqual(new_value);
+	});
+
+	test("set_data with null label transitions to empty state", async () => {
+		const { set_data, queryByTestId } = await render(Label, default_props);
+		await set_data({ value: { label: null } });
+		expect(queryByTestId("label-output-value")).not.toBeInTheDocument();
+	});
+});
+
+describe("Accessibility", () => {
+	afterEach(() => cleanup());
+
+	test("confidence meter aria-valuenow reflects the confidence as a percentage integer", async () => {
+		const { getByRole } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0.9 }]
+			}
+		});
+		expect(getByRole("meter", { name: "cat" })).toHaveAttribute(
+			"aria-valuenow",
+			"90"
+		);
+	});
+
+	test("confidence meter has aria-valuemin=0 and aria-valuemax=100", async () => {
+		const { getByRole } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0.9 }]
+			}
+		});
+		const meter = getByRole("meter", { name: "cat" });
+		expect(meter).toHaveAttribute("aria-valuemin", "0");
+		expect(meter).toHaveAttribute("aria-valuemax", "100");
+	});
+
+	test("meter aria-labelledby references an existing element in the DOM", async () => {
+		const { getByRole } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0.9 }]
+			}
+		});
+		const meter = getByRole("meter", { name: "cat" });
+		const labelledby_id = meter.getAttribute("aria-labelledby");
+		expect(labelledby_id).not.toBeNull();
+		expect(document.getElementById(labelledby_id!)).toBeInTheDocument();
+	});
+
+	test("confidence bars are accessible as button elements", async () => {
+		const { getAllByRole } = await render(Label, default_props);
+		expect(getAllByRole("button")).toHaveLength(3);
+	});
+
+	test("spaces in confidence label are replaced with hyphens in aria IDs (avoids invalid id-reference lists)", async () => {
+		const { getByRole } = await render(Label, {
+			...default_props,
+			value: {
+				label: "golden retriever",
+				confidences: [{ label: "golden retriever", confidence: 0.85 }]
+			}
+		});
+		const meter = getByRole("meter", { name: "golden retriever" });
+		// aria-labelledby must not contain spaces (each token is treated as a separate ID)
+		const labelledby_id = meter.getAttribute("aria-labelledby");
+		expect(labelledby_id).not.toContain(" ");
+		expect(document.getElementById(labelledby_id!)).toBeInTheDocument();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("no spurious change event fires on initial mount", async () => {
+		const { listen } = await render(Label, default_props);
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("confidence of 0.5 displays as 50%", async () => {
+		const { getByText } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0.5 }]
+			}
+		});
+		expect(getByText("50%")).toBeInTheDocument();
+	});
+
+	test("confidence of 0.855 rounds to 86% (not 85%)", async () => {
+		const { getByText, queryByText } = await render(Label, {
+			...default_props,
+			value: {
+				label: "cat",
+				confidences: [{ label: "cat", confidence: 0.855 }]
+			}
+		});
+		expect(getByText("86%")).toBeInTheDocument();
+		expect(queryByText("85%")).not.toBeInTheDocument();
+	});
+
+	test("very long label text renders the heading visibly", async () => {
+		const { getByTestId } = await render(Label, {
+			...default_props,
+			value: {
+				label:
+					"A very long classification label that describes many possible output categories in detail"
+			}
+		});
+		expect(getByTestId("label-output-value")).toBeVisible();
+	});
+
+	test("change event fires after set_data transitions from empty to labelled state", async () => {
+		const { listen, set_data } = await render(Label, {
+			...default_props,
+			value: { label: null }
+		});
+		const change = listen("change");
+		await set_data({ value: { label: "Cat" } });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
diff --git a/js/label/README.md b/js/label/README.md
new file mode 100644
index 0000000..ea57def
--- /dev/null
+++ b/js/label/README.md
@@ -0,0 +1,17 @@
+# `@gradio/label`
+
+```html
+<script>
+	import { BaseLabel } from "@gradio/label";
+</script>
+```
+
+BaseLabel
+```javascript
+	export let value: {
+		label?: string;
+		confidences?: { label: string; confidence: number }[];
+	};
+	export let color: string | undefined = undefined;
+	export let selectable = false;
+```
diff --git a/js/label/package.json b/js/label/package.json
new file mode 100644
index 0000000..8183f89
--- /dev/null
+++ b/js/label/package.json
@@ -0,0 +1,36 @@
+{
+	"name": "@gradio/label",
+	"version": "0.7.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/label"
+	}
+}
diff --git a/js/label/shared/Label.svelte b/js/label/shared/Label.svelte
new file mode 100644
index 0000000..c9c5a13
--- /dev/null
+++ b/js/label/shared/Label.svelte
@@ -0,0 +1,193 @@
+<script lang="ts">
+	import type { SelectData } from "@gradio/utils";
+
+	let {
+		value,
+		color = undefined,
+		selectable = false,
+		show_heading = true,
+		onselect
+	}: {
+		value: {
+			label?: string;
+			confidences?: { label: string; confidence: number }[];
+		};
+		color?: string | undefined;
+		selectable?: boolean;
+		show_heading?: boolean;
+		onselect?: (detail: SelectData) => void;
+	} = $props();
+
+	function get_aria_referenceable_id(elem_id: string): string {
+		// `aria-labelledby` interprets the value as a space-separated id reference list,
+		// so each single id should not contain any spaces.
+		// Ref: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby#benefits_and_drawbacks
+		return elem_id.replace(/\s/g, "-");
+	}
+</script>
+
+<div class="container">
+	{#if show_heading || !value.confidences}
+		<h2
+			class="output-class"
+			data-testid="label-output-value"
+			class:no-confidence={!("confidences" in value)}
+			style:background-color={color || "transparent"}
+		>
+			{value.label}
+		</h2>
+	{/if}
+
+	{#if typeof value === "object" && value.confidences}
+		{#each value.confidences as confidence_set, i}
+			<button
+				class="confidence-set group"
+				data-testid={`${confidence_set.label}-confidence-set`}
+				class:selectable
+				onclick={() => {
+					onselect?.({ index: i, value: confidence_set.label });
+				}}
+			>
+				<div class="inner-wrap">
+					<meter
+						aria-labelledby={get_aria_referenceable_id(
+							`meter-text-${confidence_set.label}`
+						)}
+						aria-label={confidence_set.label}
+						aria-valuenow={Math.round(confidence_set.confidence * 100)}
+						aria-valuemin="0"
+						aria-valuemax="100"
+						class="bar"
+						min="0"
+						max="1"
+						value={confidence_set.confidence}
+						style="width: {confidence_set.confidence *
+							100}%; background: var(--stat-background-fill);
+						"
+					/>
+
+					<dl class="label">
+						<dt
+							id={get_aria_referenceable_id(
+								`meter-text-${confidence_set.label}`
+							)}
+							class="text"
+						>
+							{confidence_set.label}
+						</dt>
+						<div class="line" />
+						<dd class="confidence">
+							{Math.round(confidence_set.confidence * 100)}%
+						</dd>
+					</dl>
+				</div>
+			</button>
+		{/each}
+	{/if}
+</div>
+
+<style>
+	.container {
+		padding: var(--block-padding);
+	}
+	.output-class {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: var(--size-6) var(--size-4);
+		color: var(--body-text-color);
+		font-weight: var(--weight-bold);
+		font-size: var(--text-xxl);
+	}
+
+	.confidence-set {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		margin-bottom: var(--size-2);
+		color: var(--body-text-color);
+		line-height: var(--line-none);
+		font-family: var(--font-mono);
+		width: 100%;
+	}
+
+	.confidence-set:last-child {
+		margin-bottom: 0;
+	}
+
+	.inner-wrap {
+		flex: 1 1 0%;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.bar {
+		appearance: none;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		align-self: flex-start;
+		margin-bottom: var(--size-1);
+		border-radius: var(--radius-md);
+		background: var(--stat-background-fill);
+		height: var(--size-1);
+		border: none;
+	}
+
+	.bar::-moz-meter-bar {
+		border-radius: var(--radius-md);
+		background: var(--stat-background-fill);
+	}
+
+	.bar::-webkit-meter-bar {
+		border-radius: var(--radius-md);
+		background: var(--stat-background-fill);
+		border: none;
+	}
+
+	.bar::-webkit-meter-optimum-value,
+	.bar::-webkit-meter-suboptimum-value,
+	.bar::-webkit-meter-even-less-good-value {
+		border-radius: var(--radius-md);
+		background: var(--stat-background-fill);
+	}
+
+	.bar::-ms-fill {
+		border-radius: var(--radius-md);
+		background: var(--stat-background-fill);
+		border: none;
+	}
+
+	.label {
+		display: flex;
+		align-items: baseline;
+	}
+
+	.label > * + * {
+		margin-left: var(--size-2);
+	}
+
+	.confidence-set:hover .label {
+		color: var(--color-accent);
+	}
+
+	.confidence-set:focus .label {
+		color: var(--color-accent);
+	}
+
+	.text {
+		line-height: var(--line-md);
+		text-align: left;
+	}
+
+	.line {
+		flex: 1 1 0%;
+		border: 1px dashed var(--border-color-primary);
+		padding-right: var(--size-4);
+		padding-left: var(--size-4);
+	}
+
+	.confidence {
+		margin-left: auto;
+		text-align: right;
+	}
+</style>
diff --git a/js/label/types.ts b/js/label/types.ts
new file mode 100644
index 0000000..8bf0d52
--- /dev/null
+++ b/js/label/types.ts
@@ -0,0 +1,20 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { SelectData, CustomButton } from "@gradio/utils";
+
+export interface LabelProps {
+	value: {
+		label?: string;
+		confidences?: { label: string; confidence: number }[];
+	};
+	color: undefined | string;
+	_selectable: boolean;
+	show_heading: boolean;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface LabelEvents {
+	change: never;
+	select: SelectData;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/markdown-code/CHANGELOG.md b/js/markdown-code/CHANGELOG.md
new file mode 100644
index 0000000..6602012
--- /dev/null
+++ b/js/markdown-code/CHANGELOG.md
@@ -0,0 +1,126 @@
+# @gradio/markdown-code
+
+## 0.9.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13541](https://github.com/gradio-app/gradio/pull/13541) [`1d19f2b`](https://github.com/gradio-app/gradio/commit/1d19f2b21f6b12285089abc73468ac67b5b93e27) - Fix long unbroken text overflowing in the Markdown component.  Thanks @hysts!
+
+## 0.8.0
+
+### Features
+
+- [#13408](https://github.com/gradio-app/gradio/pull/13408) [`6b0c8af`](https://github.com/gradio-app/gradio/commit/6b0c8aff7a9688ad605e4ca52a083c5754fe1610) - Markdown link fix.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/sanitize@0.4.0
+
+## 0.7.0
+
+### Features
+
+- [#13176](https://github.com/gradio-app/gradio/pull/13176) [`45c4ecd`](https://github.com/gradio-app/gradio/commit/45c4ecd25fc83c7ee0210d216df1bc4bd509e622) - Add `@gr.cache()` decorator for caching deterministic functions, as as well as a lower-level `gr.Cache` that uses dependency injection.  Thanks @abidlabs!
+
+## 0.6.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12771](https://github.com/gradio-app/gradio/pull/12771) [`404f6a5`](https://github.com/gradio-app/gradio/commit/404f6a55be4cd0c1ece4af6edb8a7769473fb650) - Migrate Markdown components to svelte 5.  Thanks @freddyaboulton!
+- [#12777](https://github.com/gradio-app/gradio/pull/12777) [`65f94fb`](https://github.com/gradio-app/gradio/commit/65f94fbff75dffe5399c9663745106e959866a3f) - Fix markdown migration.  Thanks @aliabid94!
+
+## 0.6.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/sanitize@0.3.0
+
+## 0.5.2
+
+### Fixes
+
+- [#11939](https://github.com/gradio-app/gradio/pull/11939) [`4e4b0bc`](https://github.com/gradio-app/gradio/commit/4e4b0bc5e0c434e3fda021af65f95dede301ae9b) - Add Syntax Highlighting for more languages in Markdown Component.  Thanks @freddyaboulton!
+- [#11940](https://github.com/gradio-app/gradio/pull/11940) [`13fdfa6`](https://github.com/gradio-app/gradio/commit/13fdfa6d549ee4e31308af69b75140085ea51fc4) - Upgrade Prismjs.  Thanks @freddyaboulton!
+
+## 0.5.1
+
+### Fixes
+
+- [#11782](https://github.com/gradio-app/gradio/pull/11782) [`e132283`](https://github.com/gradio-app/gradio/commit/e132283b2289d3689927a8fa7f0b4ac8f8628a18) - remove dompurify, update mermaid.  Thanks @pngwn!
+
+## 0.5.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/sanitize@0.2.0
+
+## 0.4.4
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/sanitize@0.1.4
+
+## 0.4.3
+
+### Fixes
+
+- [#11010](https://github.com/gradio-app/gradio/pull/11010) [`9219e62`](https://github.com/gradio-app/gradio/commit/9219e62cd21243fd9f5abecbe991e3b29039c76e) - fix: add svg tags for markdown when `allow_tags=True`.  Thanks @Col0ring!
+
+## 0.4.2
+
+### Features
+
+- [#10854](https://github.com/gradio-app/gradio/pull/10854) [`1649b00`](https://github.com/gradio-app/gradio/commit/1649b0038482402d7f0ccdbf86ba65d82b4a12c9) - Add support for `mermaid.js` in `Markdown` component (as well as components like `gr.Chatbot` that use Markdown).  Thanks @abidlabs!
+
+## 0.4.1
+
+### Fixes
+
+- [#10765](https://github.com/gradio-app/gradio/pull/10765) [`3232cdd`](https://github.com/gradio-app/gradio/commit/3232cddc00be4a8ac441177e4fe408fb193fdb0f) - fix: latex rendering of markdown.  Thanks @Col0ring!
+
+## 0.4.0
+
+### Features
+
+- [#10507](https://github.com/gradio-app/gradio/pull/10507) [`3748e4c`](https://github.com/gradio-app/gradio/commit/3748e4c902683ff406fdd246fa8c07dbbbed3ad5) - Chatbot `allow_tags`.  Thanks @dawoodkhan82!
+
+## 0.3.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/sanitize@0.1.3
+
+## 0.2.0
+
+### Features
+
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/sanitize@0.1.2
+
+# @gradio/markdown
\ No newline at end of file
diff --git a/js/markdown-code/MarkdownCode.svelte b/js/markdown-code/MarkdownCode.svelte
new file mode 100644
index 0000000..f0f1fa1
--- /dev/null
+++ b/js/markdown-code/MarkdownCode.svelte
@@ -0,0 +1,263 @@
+<script lang="ts">
+	import { onMount, tick } from "svelte";
+	import { create_marked } from "./utils";
+	import { sanitize } from "@gradio/sanitize";
+	import "./prism.css";
+	import { standardHtmlAndSvgTags } from "./html-tags";
+	import type { ThemeMode } from "@gradio/core";
+
+	let {
+		chatbot = true,
+		message,
+		sanitize_html = true,
+		latex_delimiters = [],
+		render_markdown = true,
+		line_breaks = true,
+		header_links = false,
+		allow_tags = false,
+		theme_mode = "system",
+		onload
+	}: {
+		chatbot?: boolean;
+		message: string;
+		sanitize_html?: boolean;
+		latex_delimiters?: {
+			left: string;
+			right: string;
+			display: boolean;
+		}[];
+		render_markdown?: boolean | undefined;
+		line_breaks?: boolean;
+		header_links?: boolean;
+		allow_tags?: string[] | boolean | undefined;
+		theme_mode?: ThemeMode;
+		onload?: () => void;
+	} = $props();
+
+	let el: HTMLSpanElement;
+
+	const marked = create_marked({
+		header_links,
+		line_breaks,
+		latex_delimiters: latex_delimiters || []
+	});
+
+	let html: string = $derived.by(() => {
+		if (message && message.trim()) {
+			return process_message(message);
+		} else {
+			return "";
+		}
+	});
+	let katex_loaded = false;
+
+	function has_math_syntax(text: string): boolean {
+		if (!latex_delimiters || latex_delimiters.length === 0) {
+			return false;
+		}
+
+		return latex_delimiters.some(
+			(delimiter) =>
+				text.includes(delimiter.left) && text.includes(delimiter.right)
+		);
+	}
+
+	function escapeRegExp(string: string): string {
+		return string.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+	}
+
+	function escapeTags(
+		content: string,
+		tagsToEscape: string[] | boolean
+	): string {
+		if (tagsToEscape === true) {
+			// https://www.w3schools.com/tags/
+			const tagRegex = /<\/?([a-zA-Z][a-zA-Z0-9-]*)([\s>])/g;
+			return content.replace(tagRegex, (match, tagName, endChar) => {
+				if (!standardHtmlAndSvgTags.includes(tagName.toLowerCase())) {
+					return match.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+				}
+				return match;
+			});
+		}
+
+		if (Array.isArray(tagsToEscape)) {
+			const tagPattern = tagsToEscape.map((tag) => ({
+				open: new RegExp(`<(${tag})(\\s+[^>]*)?>`, "gi"),
+				close: new RegExp(`</(${tag})>`, "gi")
+			}));
+
+			let result = content;
+
+			tagPattern.forEach((pattern) => {
+				result = result.replace(pattern.open, (match) =>
+					match.replace(/</g, "&lt;").replace(/>/g, "&gt;")
+				);
+				result = result.replace(pattern.close, (match) =>
+					match.replace(/</g, "&lt;").replace(/>/g, "&gt;")
+				);
+			});
+			return result;
+		}
+		return content;
+	}
+
+	function process_message(value: string): string {
+		let parsedValue = value;
+		if (render_markdown) {
+			const latexBlocks: string[] = [];
+			latex_delimiters.forEach((delimiter, index) => {
+				const leftDelimiter = escapeRegExp(delimiter.left);
+				const rightDelimiter = escapeRegExp(delimiter.right);
+				const regex = new RegExp(
+					`${leftDelimiter}([\\s\\S]+?)${rightDelimiter}`,
+					"g"
+				);
+				parsedValue = parsedValue.replace(regex, (match, p1) => {
+					latexBlocks.push(match);
+					return `%%%LATEX_BLOCK_${latexBlocks.length - 1}%%%`;
+				});
+			});
+
+			parsedValue = marked.parse(parsedValue) as string;
+
+			parsedValue = parsedValue.replace(
+				/%%%LATEX_BLOCK_(\d+)%%%/g,
+				(match, p1) => latexBlocks[parseInt(p1, 10)]
+			);
+		}
+
+		if (allow_tags) {
+			parsedValue = escapeTags(parsedValue, allow_tags);
+		}
+
+		if (sanitize_html && sanitize) {
+			parsedValue = sanitize(parsedValue);
+		}
+		return parsedValue;
+	}
+
+	async function render_html(value: string): Promise<void> {
+		if (latex_delimiters.length > 0 && value && has_math_syntax(value)) {
+			if (!katex_loaded) {
+				await Promise.all([
+					import("katex/dist/katex.min.css"),
+					import("katex/contrib/auto-render")
+				]).then(([, { default: render_math_in_element }]) => {
+					katex_loaded = true;
+					render_math_in_element(el, {
+						delimiters: latex_delimiters,
+						throwOnError: false
+					});
+				});
+			} else {
+				const { default: render_math_in_element } =
+					await import("katex/contrib/auto-render");
+				render_math_in_element(el, {
+					delimiters: latex_delimiters,
+					throwOnError: false
+				});
+			}
+		}
+
+		if (el) {
+			const mermaidDivs = el.querySelectorAll(".mermaid");
+			if (mermaidDivs.length > 0) {
+				await tick();
+				const { default: mermaid } = await import("mermaid");
+
+				mermaid.initialize({
+					startOnLoad: false,
+					theme: theme_mode === "dark" ? "dark" : "default",
+					securityLevel: "antiscript"
+				});
+				await mermaid.run({
+					nodes: Array.from(mermaidDivs).map((node) => node as HTMLElement)
+				});
+			}
+		}
+	}
+
+	$effect(() => {
+		if (el && document.body.contains(el)) {
+			render_html(message).then(() => onload?.());
+		} else {
+			console.error("Element is not in the DOM");
+		}
+	});
+</script>
+
+<span class:chatbot bind:this={el} class="md" class:prose={render_markdown}>
+	{@html html}
+</span>
+
+<style>
+	span {
+		/* `anywhere`, not `break-word`: it also lowers min-content width, so
+		   markdown in a table/flex container shrinks to fit instead of forcing
+		   the container to overflow. */
+		overflow-wrap: anywhere;
+	}
+
+	span :global(div[class*="code_wrap"]) {
+		position: relative;
+	}
+
+	/* KaTeX */
+	span :global(span.katex) {
+		font-size: var(--text-lg);
+		direction: ltr;
+	}
+
+	span :global(div[class*="code_wrap"] > button) {
+		z-index: 1;
+		cursor: pointer;
+		border-bottom-left-radius: var(--radius-sm);
+		padding: var(--spacing-md);
+		width: 25px;
+		height: 25px;
+		position: absolute;
+		right: 0;
+	}
+
+	span :global(.check) {
+		opacity: 0;
+		z-index: var(--layer-top);
+		transition: opacity 0.2s;
+		background: var(--code-background-fill);
+		color: var(--body-text-color);
+		position: absolute;
+		top: var(--size-1-5);
+		left: var(--size-1-5);
+	}
+
+	span :global(p:not(:first-child)) {
+		margin-top: var(--spacing-xxl);
+	}
+
+	span :global(.md-header-anchor) {
+		/* position: absolute; */
+		margin-left: -25px;
+		padding-right: 8px;
+		line-height: 1;
+		color: var(--body-text-color-subdued);
+		opacity: 0;
+	}
+
+	span :global(h1:hover .md-header-anchor),
+	span :global(h2:hover .md-header-anchor),
+	span :global(h3:hover .md-header-anchor),
+	span :global(h4:hover .md-header-anchor),
+	span :global(h5:hover .md-header-anchor),
+	span :global(h6:hover .md-header-anchor) {
+		opacity: 1;
+	}
+
+	span.md :global(.md-header-anchor > svg) {
+		color: var(--body-text-color-subdued);
+	}
+
+	span :global(table) {
+		word-break: break-word;
+	}
+</style>
diff --git a/js/markdown-code/README.md b/js/markdown-code/README.md
new file mode 100644
index 0000000..b3ac4bf
--- /dev/null
+++ b/js/markdown-code/README.md
@@ -0,0 +1,52 @@
+# `@gradio/markdown`
+
+```html
+<script>
+    import { BaseMarkdown, MarkdownCode, BaseExample } from `@gradio/markdown`;
+</script>
+```
+
+BaseMarkdown
+```javascript
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible = true;
+	export let value: string;
+	export let min_height = false;
+	export let rtl = false;
+	export let sanitize_html = true;
+	export let line_breaks = false;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+```
+
+MarkdownCode
+```javascript
+	export let chatbot = true;
+	export let message: string;
+	export let sanitize_html = true;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[] = [];
+	export let render_markdown = true;
+	export let line_breaks = true;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+	export let sanitize_html: boolean;
+	export let line_breaks: boolean;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+```
\ No newline at end of file
diff --git a/js/markdown-code/html-tags.ts b/js/markdown-code/html-tags.ts
new file mode 100644
index 0000000..8dd7da0
--- /dev/null
+++ b/js/markdown-code/html-tags.ts
@@ -0,0 +1,209 @@
+// https://www.w3schools.com/tags/
+export const standardHtmlTags = [
+	"!--",
+	"!doctype",
+	"a",
+	"abbr",
+	"acronym",
+	"address",
+	"applet",
+	"area",
+	"article",
+	"aside",
+	"audio",
+	"b",
+	"base",
+	"basefont",
+	"bdi",
+	"bdo",
+	"big",
+	"blockquote",
+	"body",
+	"br",
+	"button",
+	"canvas",
+	"caption",
+	"center",
+	"cite",
+	"code",
+	"col",
+	"colgroup",
+	"data",
+	"datalist",
+	"dd",
+	"del",
+	"details",
+	"dfn",
+	"dialog",
+	"dir",
+	"div",
+	"dl",
+	"dt",
+	"em",
+	"embed",
+	"fieldset",
+	"figcaption",
+	"figure",
+	"font",
+	"footer",
+	"form",
+	"frame",
+	"frameset",
+	"h1",
+	"h2",
+	"h3",
+	"h4",
+	"h5",
+	"h6",
+	"head",
+	"header",
+	"hgroup",
+	"hr",
+	"html",
+	"i",
+	"iframe",
+	"img",
+	"input",
+	"ins",
+	"kbd",
+	"label",
+	"legend",
+	"li",
+	"link",
+	"main",
+	"map",
+	"mark",
+	"menu",
+	"meta",
+	"meter",
+	"nav",
+	"noframes",
+	"noscript",
+	"object",
+	"ol",
+	"optgroup",
+	"option",
+	"output",
+	"p",
+	"param",
+	"picture",
+	"pre",
+	"progress",
+	"q",
+	"rp",
+	"rt",
+	"ruby",
+	"s",
+	"samp",
+	"script",
+	"search",
+	"section",
+	"select",
+	"small",
+	"source",
+	"span",
+	"strike",
+	"strong",
+	"style",
+	"sub",
+	"summary",
+	"sup",
+	"svg",
+	"table",
+	"tbody",
+	"td",
+	"template",
+	"textarea",
+	"tfoot",
+	"th",
+	"thead",
+	"time",
+	"title",
+	"tr",
+	"track",
+	"tt",
+	"u",
+	"ul",
+	"var",
+	"video",
+	"wbr"
+];
+
+// SVG tags
+export const svgTags = [
+	// Base structural elements
+	"g",
+	"defs",
+	"use",
+	"symbol",
+
+	// Shape elements
+	"rect",
+	"circle",
+	"ellipse",
+	"line",
+	"polyline",
+	"polygon",
+	"path",
+	"image",
+
+	// Text elements
+	"text",
+	"tspan",
+	"textPath",
+
+	// Gradient and effects
+	"linearGradient",
+	"radialGradient",
+	"stop",
+	"pattern",
+	"clipPath",
+	"mask",
+	"filter",
+
+	// Filter effects
+	"feBlend",
+	"feColorMatrix",
+	"feComponentTransfer",
+	"feComposite",
+	"feConvolveMatrix",
+	"feDiffuseLighting",
+	"feDisplacementMap",
+	"feGaussianBlur",
+	"feMerge",
+	"feMorphology",
+	"feOffset",
+	"feSpecularLighting",
+	"feTurbulence",
+	"feMergeNode",
+	"feFuncR",
+	"feFuncG",
+	"feFuncB",
+	"feFuncA",
+	"feDistantLight",
+	"fePointLight",
+	"feSpotLight",
+	"feFlood",
+	"feTile",
+
+	// Animation elements
+	"animate",
+	"animateTransform",
+	"animateMotion",
+	"mpath",
+	"set",
+
+	// Interactive and other elements
+	"view",
+	"cursor",
+	"foreignObject",
+	"desc",
+	"title",
+	"metadata",
+	"switch"
+];
+
+export const standardHtmlAndSvgTags = [
+	...standardHtmlTags,
+	...svgTags.filter((tag) => !standardHtmlTags.includes(tag))
+];
diff --git a/js/markdown-code/index.ts b/js/markdown-code/index.ts
new file mode 100644
index 0000000..07c06f6
--- /dev/null
+++ b/js/markdown-code/index.ts
@@ -0,0 +1 @@
+export { default as MarkdownCode } from "./MarkdownCode.svelte";
diff --git a/js/markdown-code/package.json b/js/markdown-code/package.json
new file mode 100644
index 0000000..1254e53
--- /dev/null
+++ b/js/markdown-code/package.json
@@ -0,0 +1,42 @@
+{
+	"name": "@gradio/markdown-code",
+	"version": "0.9.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./index.ts",
+			"svelte": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/sanitize": "workspace:^",
+		"@types/katex": "^0.16.7",
+		"@types/prismjs": "1.26.5",
+		"github-slugger": "^2.0.0",
+		"katex": "^0.16.23",
+		"marked": "^12.0.0",
+		"marked-gfm-heading-id": "^3.1.2",
+		"marked-highlight": "^2.0.1",
+		"mermaid": "^11.12.0",
+		"prismjs": "^1.30.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/markdown"
+	}
+}
diff --git a/js/markdown-code/prism-dark.css b/js/markdown-code/prism-dark.css
new file mode 100644
index 0000000..892bd59
--- /dev/null
+++ b/js/markdown-code/prism-dark.css
@@ -0,0 +1,68 @@
+.dark .md .token.comment,
+.dark .md .token.prolog,
+.dark .md .token.doctype,
+.dark .md .token.cdata {
+	color: hsl(30, 20%, 50%);
+}
+
+.dark .md .token.punctuation {
+	opacity: 0.7;
+}
+
+.dark .md .token.namespace {
+	opacity: 0.7;
+}
+
+.dark .md .token.property,
+.dark .md .token.tag,
+.dark .md .token.boolean,
+.dark .md .token.number,
+.dark .md .token.constant,
+.dark .md .token.symbol {
+	color: hsl(350, 40%, 70%);
+}
+
+.dark .md .token.selector,
+.dark .md .token.attr-name,
+.dark .md .token.string,
+.dark .md .token.char,
+.dark .md .token.builtin,
+.dark .md .token.inserted {
+	color: hsl(75, 70%, 60%);
+}
+
+.dark .md .token.operator,
+.dark .md .token.entity,
+.dark .md .token.url,
+.dark .md .language-css .token.string,
+.dark .md .style .token.string,
+.dark .md .token.variable {
+	color: hsl(40, 90%, 60%);
+}
+
+.dark .md .token.atrule,
+.dark .md .token.attr-value,
+.dark .md .token.keyword {
+	color: hsl(350, 40%, 70%);
+}
+
+.dark .md .token.regex,
+.dark .md .token.important {
+	color: #e90;
+}
+
+.dark .md .token.important,
+.dark .md .token.bold {
+	font-weight: bold;
+}
+.dark .md .token.italic {
+	font-style: italic;
+}
+
+.dark .md .token.entity {
+	cursor: help;
+}
+
+.dark .md .token.deleted {
+	color: red;
+}
diff --git a/js/markdown-code/prism.css b/js/markdown-code/prism.css
new file mode 100644
index 0000000..45378a0
--- /dev/null
+++ b/js/markdown-code/prism.css
@@ -0,0 +1,226 @@
+Tables */ table,
+tr,
+td,
+th {
+	margin-top: var(--spacing-sm);
+	margin-bottom: var(--spacing-sm);
+	padding: var(--spacing-xl);
+}
+
+/* .message-wrap :global(pre[class*="language-"]),
+	.message-wrap :global(pre) {
+		border: none;
+		background: none;
+		position: relative;
+		direction: ltr;
+		white-space: no-wrap;
+		overflow-x: auto;
+	}
+	.message-wrap :global(code) {
+	} */
+
+/* .message-wrap :global(div[class*="code_wrap"]) {
+		
+	} */
+
+.md code,
+.md pre {
+	background: none;
+	font-family: var(--font-mono);
+	font-size: var(--text-sm);
+
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	tab-size: 2;
+
+	hyphens: none;
+}
+
+.md pre[class*="language-"]::-moz-selection,
+.md pre[class*="language-"] ::-moz-selection,
+.md code[class*="language-"]::-moz-selection,
+.md code[class*="language-"] ::-moz-selection {
+}
+
+.md pre[class*="language-"]::selection,
+.md pre[class*="language-"] ::selection,
+.md code[class*="language-"]::selection,
+.md code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+/* Code blocks */
+.md pre {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+	position: relative;
+	margin-top: var(--spacing-sm);
+	margin-bottom: var(--spacing-sm);
+	box-shadow: none;
+	border: none;
+	border-radius: var(--radius-md);
+	background: var(--code-background-fill);
+	padding: var(--spacing-xxl);
+	font-family: var(--font-mono);
+	/* font-size: var(--text-sm) !important; */
+	display: block;
+	white-space: pre;
+	border-radius: var(--radius-sm);
+	text-shadow: none;
+	border-radius: var(--radius-sm);
+	/* font-size: 85%; */
+	white-space: nowrap;
+	display: block;
+	white-space: pre;
+}
+
+.prose code {
+}
+.prose pre > code {
+}
+
+/* Inline code */
+.md :not(pre) > code {
+	padding-block: var(--spacing-xxs);
+	padding-inline: var(--spacing-xs);
+	border-radius: var(--radius-xs);
+	white-space: normal;
+	background: var(--code-background-fill);
+	border: 1px solid var(--panel-border-color);
+	display: inline-flex;
+	align-items: center;
+	line-height: 1.4;
+}
+
+.md h1 > code,
+.md h2 > code,
+.md h3 > code,
+.md h4 > code,
+.md h5 > code,
+.md h6 > code {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.md .token.comment,
+.md .token.prolog,
+.md .token.doctype,
+.md .token.cdata {
+	color: slategray;
+}
+
+.md .token.punctuation {
+	color: #999;
+}
+
+.md .token.namespace {
+	opacity: 0.7;
+}
+
+.md .token.property,
+.md .token.tag,
+.md .token.boolean,
+.md .token.number,
+.md .token.constant,
+.md .token.symbol,
+.md .token.deleted {
+	color: #905;
+}
+
+.md .token.selector,
+.md .token.attr-name,
+.md .token.string,
+.md .token.char,
+.md .token.builtin,
+.md .token.inserted {
+	color: #690;
+}
+
+.md .token.atrule,
+.md .token.attr-value,
+.md .token.keyword {
+	color: #07a;
+}
+
+.md .token.function,
+.md .token.class-name {
+	color: #dd4a68;
+}
+
+.md .token.regex,
+.md .token.important,
+.md .token.variable {
+	color: #e90;
+}
+
+.md .token.important,
+.md .token.bold {
+	font-weight: bold;
+}
+.md .token.italic {
+	font-style: italic;
+}
+
+.md .token.entity {
+	cursor: help;
+}
+
+.dark .md .token.comment,
+.dark .md .token.prolog,
+.dark .md .token.cdata {
+	color: hsl(220, 10%, 40%);
+}
+
+.dark .md .token.doctype,
+.dark .md .token.punctuation,
+.dark .md .token.entity {
+	color: hsl(220, 14%, 71%);
+}
+
+.dark .md .token.attr-name,
+.dark .md .token.class-name,
+.dark .md .token.boolean,
+.dark .md .token.constant,
+.dark .md .token.number,
+.dark .md .token.atrule {
+	color: hsl(29, 54%, 61%);
+}
+
+.dark .md .token.keyword {
+	color: hsl(286, 60%, 67%);
+}
+
+.dark .md .token.property,
+.dark .md .token.tag,
+.dark .md .token.symbol,
+.dark .md .token.deleted,
+.dark .md .token.important {
+	color: hsl(355, 65%, 65%);
+}
+
+.dark .md .token.selector,
+.dark .md .token.string,
+.dark .md .token.char,
+.dark .md .token.builtin,
+.dark .md .token.inserted,
+.dark .md .token.regex,
+.dark .md .token.attr-value,
+.dark .md .token.attr-value > .token.punctuation {
+	color: hsl(95, 38%, 62%);
+}
+
+.dark .md .token.variable,
+.dark .md .token.operator,
+.dark .md .token.function {
+	color: hsl(207, 82%, 66%);
+}
+
+.dark .md .token.url {
+	color: hsl(187, 47%, 55%);
+}
diff --git a/js/markdown-code/utils.ts b/js/markdown-code/utils.ts
new file mode 100644
index 0000000..8b0995c
--- /dev/null
+++ b/js/markdown-code/utils.ts
@@ -0,0 +1,329 @@
+import { Marked, Renderer } from "marked";
+import { markedHighlight } from "marked-highlight";
+import { gfmHeadingId } from "marked-gfm-heading-id";
+import * as Prism from "prismjs";
+import "prismjs/components/prism-python";
+import "prismjs/components/prism-latex";
+import "prismjs/components/prism-bash";
+// Add additional Prism languages here
+import "prismjs/components/prism-c";
+import "prismjs/components/prism-cpp";
+import "prismjs/components/prism-json";
+import "prismjs/components/prism-sql";
+import "prismjs/components/prism-java";
+import "prismjs/components/prism-go";
+import "prismjs/components/prism-rust";
+import "prismjs/components/prism-php";
+import "prismjs/components/prism-yaml";
+import "prismjs/components/prism-markup-templating";
+import GithubSlugger from "github-slugger";
+
+const LINK_ICON_CODE = `<svg class="md-link-icon" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true" fill="currentColor"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg>`;
+
+const COPY_ICON_CODE = `
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" color="currentColor" aria-hidden="true" aria-label="Copy" stroke-width="1.3" width="15" height="15">
+  <path fill="currentColor" d="M12.728 4.545v8.182H4.545V4.545zm0 -0.909H4.545a0.909 0.909 0 0 0 -0.909 0.909v8.182a0.909 0.909 0 0 0 0.909 0.909h8.182a0.909 0.909 0 0 0 0.909 -0.909V4.545a0.909 0.909 0 0 0 -0.909 -0.909"/>
+  <path fill="currentColor" d="M1.818 8.182H0.909V1.818a0.909 0.909 0 0 1 0.909 -0.909h6.364v0.909H1.818Z"/>
+</svg>
+
+`;
+
+const CHECK_ICON_CODE = `<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" aria-hidden="true" aria-label="Copied" fill="none" stroke="currentColor" stroke-width="1.3">
+  <path d="m13.813 4.781 -7.438 7.438 -3.188 -3.188"/>
+</svg>
+`;
+
+const COPY_BUTTON_CODE = `<button title="copy" class="copy_code_button">
+  <span class="copy-text">${COPY_ICON_CODE}</span>
+  <span class="check">${CHECK_ICON_CODE}</span>
+</button>`;
+
+const default_renderer = new Renderer();
+
+function should_open_link_in_new_tab(href: string): boolean {
+	const trimmed_href = href.trim();
+	return trimmed_href !== "" && !trimmed_href.startsWith("#");
+}
+
+const escape_test = /[&<>"']/;
+const escape_replace = new RegExp(escape_test.source, "g");
+const escape_test_no_encode =
+	/[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/;
+const escape_replace_no_encode = new RegExp(escape_test_no_encode.source, "g");
+const escape_replacements: Record<string, any> = {
+	"&": "&amp;",
+	"<": "&lt;",
+	">": "&gt;",
+	'"': "&quot;",
+	"'": "&#39;"
+};
+
+const get_escape_replacement = (ch: string): string =>
+	escape_replacements[ch] || "";
+
+function escape(html: string, encode?: boolean): string {
+	if (encode) {
+		if (escape_test.test(html)) {
+			return html.replace(escape_replace, get_escape_replacement);
+		}
+	} else {
+		if (escape_test_no_encode.test(html)) {
+			return html.replace(escape_replace_no_encode, get_escape_replacement);
+		}
+	}
+
+	return html;
+}
+interface Tokenizer {
+	name: string;
+	level: string;
+	start: (src: string) => number | undefined;
+	tokenizer: (src: string, tokens: any) => any;
+	renderer: (token: any) => string;
+}
+
+function createLatexTokenizer(
+	delimiters: { left: string; right: string; display: boolean }[]
+): Tokenizer {
+	const delimiterPatterns = delimiters.map((delimiter) => ({
+		start: new RegExp(delimiter.left.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&")),
+		end: new RegExp(delimiter.right.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"))
+	}));
+
+	return {
+		name: "latex",
+		level: "block",
+		start(src: string) {
+			for (const pattern of delimiterPatterns) {
+				const match = src.match(pattern.start);
+				if (match) {
+					return match.index;
+				}
+			}
+			return -1;
+		},
+		tokenizer(src: string, tokens: any) {
+			for (const pattern of delimiterPatterns) {
+				const match = new RegExp(
+					`${pattern.start.source}([\\s\\S]+?)${pattern.end.source}`
+				).exec(src);
+				if (match) {
+					return {
+						type: "latex",
+						raw: match[0],
+						text: match[1].trim()
+					};
+				}
+			}
+		},
+		renderer(token: any) {
+			return `<div class="latex-block">${token.text}</div>`;
+		}
+	};
+}
+
+function createMermaidTokenizer(): Tokenizer {
+	return {
+		name: "mermaid",
+		level: "block",
+		start(src) {
+			return src.match(/^```mermaid\s*\n/)?.index;
+		},
+		tokenizer(src) {
+			const match = /^```mermaid\s*\n([\s\S]*?)```\s*(?:\n|$)/.exec(src);
+			if (match) {
+				return {
+					type: "mermaid",
+					raw: match[0],
+					text: match[1].trim()
+				};
+			}
+			return undefined;
+		},
+		renderer(token) {
+			return `<div class="mermaid">${token.text}</div>\n`;
+		}
+	};
+}
+
+const renderer: Partial<Omit<Renderer, "constructor" | "options">> = {
+	code(
+		this: Renderer,
+		code: string,
+		infostring: string | undefined,
+		escaped: boolean
+	) {
+		const lang = (infostring ?? "").match(/\S*/)?.[0] ?? "";
+		code = code.replace(/\n$/, "") + "\n";
+
+		if (!lang || lang === "mermaid") {
+			// We include lang === "mermaid" to handle mermaid blocks that don't match our custom tokenizer
+			// (i.e., those without closing ```). This handles mermaid blocks that have started streaming
+			// but haven't finished yet.
+			return (
+				'<div class="code_wrap">' +
+				COPY_BUTTON_CODE +
+				"<pre><code>" +
+				(escaped ? code : escape(code, true)) +
+				"</code></pre></div>\n"
+			);
+		}
+		return (
+			'<div class="code_wrap">' +
+			COPY_BUTTON_CODE +
+			'<pre><code class="' +
+			"language-" +
+			escape(lang) +
+			'">' +
+			(escaped ? code : escape(code, true)) +
+			"</code></pre></div>\n"
+		);
+	},
+	link(
+		this: Renderer,
+		href: string,
+		title: string | null | undefined,
+		text: string
+	) {
+		const rendered_link = default_renderer.link(href, title, text);
+		if (
+			!should_open_link_in_new_tab(href) ||
+			!rendered_link.startsWith("<a ")
+		) {
+			return rendered_link;
+		}
+		return rendered_link.replace(
+			/^<a /,
+			'<a target="_blank" rel="noopener noreferrer" '
+		);
+	}
+};
+
+const slugger = new GithubSlugger();
+
+export function create_marked({
+	header_links,
+	line_breaks,
+	latex_delimiters
+}: {
+	header_links: boolean;
+	line_breaks: boolean;
+	latex_delimiters: { left: string; right: string; display: boolean }[];
+}): typeof marked {
+	const marked = new Marked();
+	marked.use(
+		{
+			gfm: true,
+			pedantic: false,
+			breaks: line_breaks
+		},
+		markedHighlight({
+			highlight: (code: string, lang: string) => {
+				if (Prism?.languages?.[lang]) {
+					return Prism.highlight(code, Prism.languages[lang], lang);
+				}
+				return code;
+			}
+		}),
+		{ renderer }
+	);
+
+	if (header_links) {
+		marked.use(gfmHeadingId());
+		marked.use({
+			extensions: [
+				{
+					name: "heading",
+					level: "block",
+					renderer(token) {
+						const raw = token.raw
+							.toLowerCase()
+							.trim()
+							.replace(/<[!\/a-z].*?>/gi, "");
+						const id = "h" + slugger.slug(raw);
+						const level = token.depth;
+						const text = this.parser.parseInline(token.tokens!);
+
+						return `<h${level} id="${id}"><a class="md-header-anchor" href="#${id}">${LINK_ICON_CODE}</a>${text}</h${level}>\n`;
+					}
+				}
+			]
+		});
+	}
+
+	const mermaidTokenizer = createMermaidTokenizer();
+	const latexTokenizer = createLatexTokenizer(latex_delimiters);
+
+	marked.use({
+		extensions: [mermaidTokenizer, latexTokenizer]
+	});
+
+	return marked;
+}
+
+export function copy(node: HTMLDivElement): any {
+	node.addEventListener("click", handle_copy);
+
+	async function handle_copy(event: MouseEvent): Promise<void> {
+		const path = event.composedPath() as HTMLButtonElement[];
+
+		const [copy_button] = path.filter(
+			(e) => e?.tagName === "BUTTON" && e.classList.contains("copy_code_button")
+		);
+
+		if (copy_button) {
+			event.stopImmediatePropagation();
+
+			const copy_text = copy_button.parentElement!.innerText.trim();
+			const copy_sucess_button = Array.from(
+				copy_button.children
+			)[1] as HTMLDivElement;
+
+			const copied = await copy_to_clipboard(copy_text);
+
+			if (copied) copy_feedback(copy_sucess_button);
+
+			function copy_feedback(_copy_sucess_button: HTMLDivElement): void {
+				_copy_sucess_button.style.opacity = "1";
+				setTimeout(() => {
+					_copy_sucess_button.style.opacity = "0";
+				}, 2000);
+			}
+		}
+	}
+
+	return {
+		destroy(): void {
+			node.removeEventListener("click", handle_copy);
+		}
+	};
+}
+
+async function copy_to_clipboard(value: string): Promise<boolean> {
+	let copied = false;
+	if ("clipboard" in navigator) {
+		await navigator.clipboard.writeText(value);
+		copied = true;
+	} else {
+		const textArea = document.createElement("textarea");
+		textArea.value = value;
+
+		textArea.style.position = "absolute";
+		textArea.style.left = "-999999px";
+
+		document.body.prepend(textArea);
+		textArea.select();
+
+		try {
+			document.execCommand("copy");
+			copied = true;
+		} catch (error) {
+			console.error(error);
+			copied = false;
+		} finally {
+			textArea.remove();
+		}
+	}
+
+	return copied;
+}
diff --git a/js/markdown/CHANGELOG.md b/js/markdown/CHANGELOG.md
new file mode 100644
index 0000000..a41783a
--- /dev/null
+++ b/js/markdown/CHANGELOG.md
@@ -0,0 +1,994 @@
+# @gradio/markdown
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.14.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/markdown-code@0.9.0
+
+## 0.13.35
+
+### Fixes
+
+- [#13451](https://github.com/gradio-app/gradio/pull/13451) [`29bd7a0`](https://github.com/gradio-app/gradio/commit/29bd7a00fc087df5f8d9780b5e1082729fc5ffb0) - `gr.Dropdown()` Fixes.  Thanks @dawoodkhan82!
+
+## 0.13.34
+
+### Dependency updates
+
+- @gradio/markdown-code@0.8.0
+
+## 0.13.33
+
+### Fixes
+
+- [#13269](https://github.com/gradio-app/gradio/pull/13269) [`e9c963e`](https://github.com/gradio-app/gradio/commit/e9c963e1e8cf06849ddac15d004384331e3dc10e) - Unit tests for js/paramviewer, js/timer, js/markdown.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.13.32
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/markdown-code@0.7.0
+
+## 0.13.31
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.13.30
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.13.29
+
+### Fixes
+
+- [#12958](https://github.com/gradio-app/gradio/pull/12958) [`bb127c7`](https://github.com/gradio-app/gradio/commit/bb127c74bd6301e3782e0ce4744161ae976a8481) - ensure `show_progress` works as expected in `gr.Markdown`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/markdown-code@0.6.1
+
+## 0.13.28
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.13.27
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.13.26
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12771](https://github.com/gradio-app/gradio/pull/12771) [`404f6a5`](https://github.com/gradio-app/gradio/commit/404f6a55be4cd0c1ece4af6edb8a7769473fb650) - Migrate Markdown components to svelte 5.  Thanks @freddyaboulton!
+- [#12795](https://github.com/gradio-app/gradio/pull/12795) [`184968a`](https://github.com/gradio-app/gradio/commit/184968aa13636b5afe78f8ae443cd7fc29635bfa) - Add fade effect to overflowing text.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/markdown-code@0.6.1
+
+## 0.13.25
+
+### Fixes
+
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.13.24
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.13.23
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.13.23
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+- @gradio/markdown-code@0.6.0
+
+## 0.13.23-dev.1
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.13.23-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.13.22
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.13.22
+
+### Dependency updates
+
+- @gradio/markdown-code@0.5.2
+
+## 0.13.22
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.13.21
+
+### Fixes
+
+- [#11839](https://github.com/gradio-app/gradio/pull/11839) [`b8fcb71`](https://github.com/gradio-app/gradio/commit/b8fcb716d8bd4d372249585b103140d145365239) - Fix Custom CSS e2e Test.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.13.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+- @gradio/markdown-code@0.5.1
+
+## 0.13.20
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.13.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.13.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.13.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.13.17
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/markdown-code@0.5.0
+
+## 0.13.16
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/markdown-code@0.4.4
+- @gradio/atoms@0.16.2
+
+## 0.13.15
+
+### Dependency updates
+
+- @gradio/markdown-code@0.4.3
+- @gradio/statustracker@0.10.12
+
+## 0.13.15
+
+### Features
+
+- [#11380](https://github.com/gradio-app/gradio/pull/11380) [`0b2b6cb`](https://github.com/gradio-app/gradio/commit/0b2b6cbd44562a2f5843af872fe6761c5f255185) - Truncate textbox examples to 70 chars.  Thanks @hannahblair!
+
+## 0.13.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/markdown-code@0.4.3
+
+## 0.13.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.13.13
+
+### Fixes
+
+- [#11236](https://github.com/gradio-app/gradio/pull/11236) [`3a7750c`](https://github.com/gradio-app/gradio/commit/3a7750cb8e0f5f860c72db9ab02f7ce4d324d6c5) - Add padding param to gr.Markdown.  Thanks @hannahblair!
+
+## 0.13.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.13.11
+
+### Fixes
+
+- [#11113](https://github.com/gradio-app/gradio/pull/11113) [`c32f8de`](https://github.com/gradio-app/gradio/commit/c32f8de99a6ab3a82da2f8d5f9f3176a04129f77) - Fix markdown change event.  Thanks @freddyaboulton!
+
+## 0.13.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.13.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/markdown-code@0.4.3
+- @gradio/utils@0.10.2
+
+## 0.13.8
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.13.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.13.6
+
+### Features
+
+- [#10854](https://github.com/gradio-app/gradio/pull/10854) [`1649b00`](https://github.com/gradio-app/gradio/commit/1649b0038482402d7f0ccdbf86ba65d82b4a12c9) - Add support for `mermaid.js` in `Markdown` component (as well as components like `gr.Chatbot` that use Markdown).  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/markdown-code@0.4.2
+
+## 0.13.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+- @gradio/markdown-code@0.4.1
+
+## 0.13.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.13.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/markdown-code@0.4.0
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.13.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/markdown-code@0.3.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.12.0
+
+### Features
+
+- [#9979](https://github.com/gradio-app/gradio/pull/9979) [`e7629f7`](https://github.com/gradio-app/gradio/commit/e7629f7eacdc2a8960fae7472669b60405a4a06c) - Adds copy event to `gr.Markdown`, `gr.Chatbot`, and `gr.Textbox`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/markdown-code@0.2.1
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.11.0
+
+### Features
+
+- [#9756](https://github.com/gradio-app/gradio/pull/9756) [`92f337c`](https://github.com/gradio-app/gradio/commit/92f337cc85d545060ea343f1cee85c22b85f6444) - Fix website build issue.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/markdown-code@0.2.0
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.10.2
+
+### Fixes
+
+- [#9711](https://github.com/gradio-app/gradio/pull/9711) [`7134fc2`](https://github.com/gradio-app/gradio/commit/7134fc272e9e60be4b80dfd294ff8926d5995188) - Custom component fixes.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/sanitize@0.1.1
+- @gradio/statustracker@0.9.0
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.10.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Use `container` param in `gr.Markdown`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Prevent HTML and Markdown height changing when status is hidden
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix overflowing markdown in Chatbot
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix markdown code copy/check button in gr.Chatbot
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.10.0-beta.5
+
+### Features
+
+- [#9598](https://github.com/gradio-app/gradio/pull/9598) [`ffc33fa`](https://github.com/gradio-app/gradio/commit/ffc33facaec1bcc92add5892afb86b7b5ba037d4) - Fix markdown code copy/check button in gr.Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.10.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.10.0-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.10.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.10.0-beta.2
+
+### Features
+
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9356](https://github.com/gradio-app/gradio/pull/9356) [`1daf259`](https://github.com/gradio-app/gradio/commit/1daf259b52d0b1ce16d916ff25a15d322b51ecf5) - Use `container` param in `gr.Markdown`.  Thanks @hannahblair!
+- [#9363](https://github.com/gradio-app/gradio/pull/9363) [`3ad28c7`](https://github.com/gradio-app/gradio/commit/3ad28c7e310e8589e0c53b7efee8031e129bece8) - Prevent HTML and Markdown height changing when status is hidden.  Thanks @hannahblair!
+- [#9260](https://github.com/gradio-app/gradio/pull/9260) [`d47dd1f`](https://github.com/gradio-app/gradio/commit/d47dd1f8417a878ef731d2eeabf60f3069289dee) - Fix overflowing markdown in Chatbot.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.9.4-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.9.4
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.9.3
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.9.0
+
+### Features
+
+- [#8851](https://github.com/gradio-app/gradio/pull/8851) [`914b193`](https://github.com/gradio-app/gradio/commit/914b1935de27c3b379ac9e759b6d10747e3b881a) - Add copy button to `gr.Markdown`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8822](https://github.com/gradio-app/gradio/pull/8822) [`3a81fb2`](https://github.com/gradio-app/gradio/commit/3a81fb2578c6f73607c4e240d228dccb69153e0a) - Latex Rendering Fix.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.8.1
+
+### Fixes
+
+- [#8658](https://github.com/gradio-app/gradio/pull/8658) [`0482453`](https://github.com/gradio-app/gradio/commit/0482453fd5815446c8efa21bfbba0b00d6e4113d) - Chatbot LaTeX Crash Fix.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.8.0
+
+### Features
+
+- [#8528](https://github.com/gradio-app/gradio/pull/8528) [`2b0c157`](https://github.com/gradio-app/gradio/commit/2b0c1577b27fcf30920196f815ec7be604893b19) - Added an optional `height` and overflow scrollbar for the Markdown Component.  Thanks @ShruAgarwal!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.7.5
+
+### Features
+
+- [#8311](https://github.com/gradio-app/gradio/pull/8311) [`35905c5`](https://github.com/gradio-app/gradio/commit/35905c5c8f7acbe669486ac8f57b6955328e4783) - Cleanup markdown styling.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8339](https://github.com/gradio-app/gradio/pull/8339) [`4dc7fa7`](https://github.com/gradio-app/gradio/commit/4dc7fa7cd7f514224686b891299e46533edffd66) - Fix Chatbot, Dataframe, Markdown custom components.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.7.2
+
+### Features
+
+- [#8226](https://github.com/gradio-app/gradio/pull/8226) [`892181b`](https://github.com/gradio-app/gradio/commit/892181b4fdb13dd6048a620dd985d47bc3c26ed7) - chore(deps): update dependency @types/prismjs to v1.26.4.  Thanks @renovate!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.7.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.6.9
+
+### Features
+
+- [#7936](https://github.com/gradio-app/gradio/pull/7936) [`b165193`](https://github.com/gradio-app/gradio/commit/b165193902985b77a732ed703423ebebeaf0da27) - Restore Markdown formatting for Chatbots, MarkdownCode.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.6.6
+
+### Fixes
+
+- [#7623](https://github.com/gradio-app/gradio/pull/7623) [`c9aba8d`](https://github.com/gradio-app/gradio/commit/c9aba8d8a5886ef6456479154a14c69188c20413) - Fixes: gr.Markdown is not updated properly when it has an image tag.  Thanks @dawoodkhan82!
+
+## 0.6.5
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.6.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.6.3
+
+### Fixes
+
+- [#7361](https://github.com/gradio-app/gradio/pull/7361) [`17fb116`](https://github.com/gradio-app/gradio/commit/17fb116492f951ab66e3a39b5fdfb598f5446b6f) - Fixes gr.Markdown() does not render spaces around links correctly. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.6.2
+
+### Features
+
+- [#7298](https://github.com/gradio-app/gradio/pull/7298) [`e5344ba`](https://github.com/gradio-app/gradio/commit/e5344ba0cd63d21dbb525330bbc07ca2eca57832) - chore(deps): update dependency marked to v12. Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.1
+
+### Fixes
+
+- [#7138](https://github.com/gradio-app/gradio/pull/7138) [`ca8753b`](https://github.com/gradio-app/gradio/commit/ca8753bb3d829d0077f758ba8d0ddc866ff74d3d) - Fixes: Chatbot crashes when given empty url following http:// or https://. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.6.0
+
+### Features
+
+- [#6842](https://github.com/gradio-app/gradio/pull/6842) [`846d52d`](https://github.com/gradio-app/gradio/commit/846d52d1c92d429077382ce494eea27fd062d9f6) - Fix md highlight. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6831](https://github.com/gradio-app/gradio/pull/6831) [`f3abde8`](https://github.com/gradio-app/gradio/commit/f3abde80884d96ad69b825020c46486d9dd5cac5) - Add an option to enable header links for markdown. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.5.0
+
+### Features
+
+- [#6603](https://github.com/gradio-app/gradio/pull/6603) [`6b1401c`](https://github.com/gradio-app/gradio/commit/6b1401c514c2ec012b0a50c72a6ec81cb673bf1d) - chore(deps): update dependency marked to v11. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.4.0
+
+### Features
+
+- [#6537](https://github.com/gradio-app/gradio/pull/6537) [`6d3fecfa4`](https://github.com/gradio-app/gradio/commit/6d3fecfa42dde1c70a60c397434c88db77289be6) - chore(deps): update all non-major dependencies. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.3.4
+
+### Features
+
+- [#6296](https://github.com/gradio-app/gradio/pull/6296) [`46f13f496`](https://github.com/gradio-app/gradio/commit/46f13f4968c8177e318c9d75f2eed1ed55c2c042) - chore(deps): update all non-major dependencies. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Remove duplicate `elem_ids` from components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6152](https://github.com/gradio-app/gradio/pull/6152) [`982bff2fd`](https://github.com/gradio-app/gradio/commit/982bff2fdd938b798c400fb90d1cf0caf7278894) - Remove duplicate `elem_ids` from components. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#6071](https://github.com/gradio-app/gradio/pull/6071) [`f08da1a6f`](https://github.com/gradio-app/gradio/commit/f08da1a6f288f6ab8ec40534d5a9e2c64bed4b3b) - Fixes markdown rendering in examples. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.2
+
+### Fixes
+
+- [#5897](https://github.com/gradio-app/gradio/pull/5897) [`0592c301d`](https://github.com/gradio-app/gradio/commit/0592c301df9cd949b52159c85b7042f38d113e86) - Fix Dataframe `line_breaks`. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5878](https://github.com/gradio-app/gradio/pull/5878) [`fbce277e5`](https://github.com/gradio-app/gradio/commit/fbce277e50c5885371fd49c68adf8565c25c1d39) - Keep Markdown rendered lists within dataframe cells. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.3.0
+
+### Fixes
+
+- [#5755](https://github.com/gradio-app/gradio/pull/5755) [`e842a561a`](https://github.com/gradio-app/gradio/commit/e842a561af4394f8109291ee5725bcf74743e816) - Fix new line issue in chatbot. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.2
+
+### Fixes
+
+- [#5701](https://github.com/gradio-app/gradio/pull/5701) [`ee8eec1e5`](https://github.com/gradio-app/gradio/commit/ee8eec1e5e544a0127e0aa68c2522a7085b8ada5) - Fix for regression in rendering empty Markdown. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.1
+
+### Features
+
+- [#5671](https://github.com/gradio-app/gradio/pull/5671) [`6a36c3b78`](https://github.com/gradio-app/gradio/commit/6a36c3b786700600d3826ce1e0629cc5308ddd47) - chore(deps): update dependency @types/prismjs to v1.26.1. Thanks [@renovate](https://github.com/apps/renovate)!
+
+### Fixes
+
+- [#5604](https://github.com/gradio-app/gradio/pull/5604) [`faad01f8e`](https://github.com/gradio-app/gradio/commit/faad01f8e10ef6d18249b1a4587477c59b74adb2) - Add `render_markdown` parameter to chatbot. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.0
+
+### Features
+
+- [#5342](https://github.com/gradio-app/gradio/pull/5342) [`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912) - significantly improve the performance of `gr.Dataframe` for large datasets. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.2
+
+### Fixes
+
+- [#5304](https://github.com/gradio-app/gradio/pull/5304) [`05892302`](https://github.com/gradio-app/gradio/commit/05892302fb8fe2557d57834970a2b65aea97355b) - Adds kwarg to disable html sanitization in `gr.Chatbot()`. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5393](https://github.com/gradio-app/gradio/pull/5393) [`e4e7a431`](https://github.com/gradio-app/gradio/commit/e4e7a4319924aaf51dcb18d07d0c9953d4011074) - Renders LaTeX that is added to the page in `gr.Markdown`, `gr.Chatbot`, and `gr.DataFrame`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5394](https://github.com/gradio-app/gradio/pull/5394) [`4d94ea0a`](https://github.com/gradio-app/gradio/commit/4d94ea0a0cf2103cda19f48398a5634f8341d04d) - Adds horizontal scrolling to content that overflows in gr.Markdown. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5368](https://github.com/gradio-app/gradio/pull/5368) [`b27f7583`](https://github.com/gradio-app/gradio/commit/b27f7583254165b135bf1496a7d8c489a62ba96f) - Change markdown rendering to set breaks to false. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.1
+
+### Fixes
+
+- [#5324](https://github.com/gradio-app/gradio/pull/5324) [`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19) - ensure login form has correct styles. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5268](https://github.com/gradio-app/gradio/pull/5268) [`f49028cf`](https://github.com/gradio-app/gradio/commit/f49028cfe3e21097001ddbda71c560b3d8b42e1c) - Move markdown & latex processing to the frontend for the gr.Markdown and gr.DataFrame components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/markdown/Example.svelte b/js/markdown/Example.svelte
new file mode 100644
index 0000000..2509cb0
--- /dev/null
+++ b/js/markdown/Example.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	import { MarkdownCode } from "@gradio/markdown-code";
+
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+	export let sanitize_html: boolean;
+	export let line_breaks: boolean;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+
+	function truncate_text(text: string | null, max_length = 60): string {
+		if (!text) return "";
+		const str = String(text);
+		if (str.length <= max_length) return str;
+		return str.slice(0, max_length) + "...";
+	}
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+	class="prose"
+>
+	<MarkdownCode
+		message={truncate_text(value)}
+		{latex_delimiters}
+		{sanitize_html}
+		{line_breaks}
+		chatbot={false}
+	/>
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/markdown/Index.svelte b/js/markdown/Index.svelte
new file mode 100644
index 0000000..0f563de
--- /dev/null
+++ b/js/markdown/Index.svelte
@@ -0,0 +1,100 @@
+<script context="module" lang="ts">
+	export { default as BaseMarkdown } from "./shared/Markdown.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import { Gradio, should_show_scroll_fade } from "@gradio/utils";
+	import Markdown from "./shared/Markdown.svelte";
+
+	import { StatusTracker } from "@gradio/statustracker";
+	import { Block, ScrollFade } from "@gradio/atoms";
+
+	import type { MarkdownProps, MarkdownEvents } from "./types";
+
+	let props = $props();
+	const gradio = new Gradio<MarkdownEvents, MarkdownProps>(props);
+
+	let wrapper: HTMLDivElement;
+	let show_fade = $state(false);
+
+	function update_fade(): void {
+		if (!gradio.props.height) return;
+		show_fade = should_show_scroll_fade(
+			wrapper?.closest(".block") as HTMLElement | null
+		);
+	}
+
+	$effect(() => {
+		const container = wrapper?.closest(".block") as HTMLElement | null;
+		if (!container || !gradio.props.height) return;
+		container.addEventListener("scroll", update_fade);
+		tick().then(update_fade);
+		return () => container.removeEventListener("scroll", update_fade);
+	});
+
+	$effect(() => {
+		if (gradio.props.value !== undefined) tick().then(update_fade);
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	allow_overflow={true}
+	overflow_behavior="auto"
+	height={gradio.props.height ?? undefined}
+	min_height={gradio.props.min_height ?? undefined}
+	max_height={gradio.props.max_height ?? undefined}
+	rtl={gradio.props.rtl}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		variant="center"
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	<div
+		bind:this={wrapper}
+		class:padding={gradio.shared.padding}
+		class:pending={gradio.shared.loading_status?.status === "pending" &&
+			gradio.shared.loading_status?.show_progress !== "hidden"}
+		data-testid="markdown-wrapper"
+	>
+		<Markdown
+			value={gradio.props.value}
+			elem_classes={gradio.shared.elem_classes}
+			visible={gradio.shared.visible}
+			rtl={gradio.props.rtl}
+			onchange={() => gradio.dispatch("change")}
+			oncopy={(e) => gradio.dispatch("copy", e)}
+			latex_delimiters={gradio.props.latex_delimiters}
+			sanitize_html={gradio.props.sanitize_html}
+			line_breaks={gradio.props.line_breaks}
+			header_links={gradio.props.header_links}
+			show_copy_button={gradio.props.buttons?.includes("copy")}
+			loading_status={gradio.shared.loading_status}
+			theme_mode={gradio.shared.theme_mode}
+		/>
+	</div>
+	<ScrollFade visible={show_fade} />
+</Block>
+
+<style>
+	div {
+		transition: 150ms;
+	}
+
+	.pending {
+		opacity: 0.2;
+	}
+
+	.padding {
+		padding: var(--block-padding);
+	}
+</style>
diff --git a/js/markdown/Markdown.stories.svelte b/js/markdown/Markdown.stories.svelte
new file mode 100644
index 0000000..054d7b6
--- /dev/null
+++ b/js/markdown/Markdown.stories.svelte
@@ -0,0 +1,172 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Markdown from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Markdown",
+		component: Markdown,
+		argTypes: {
+			rtl: {
+				options: [true, false],
+				description: "Whether to render right-to-left",
+				control: { type: "boolean" },
+				defaultValue: false
+			},
+			height: {
+				description: "Maximum height of the Markdown component",
+				control: { type: "text" },
+				defaultValue: "200px"
+			}
+		}
+	});
+
+	const defaultValue =
+		"Here's some **bold** text. And some *italics* and some `code`";
+</script>
+
+<Story name="Simple inline Markdown" args={{}}>
+	{#snippet template(args)}
+		<Markdown
+			{...wrapProps({
+				value: defaultValue,
+				latex_delimiters: [],
+				height: args.height,
+				...args
+			})}
+		/>
+	{/snippet}
+</Story>
+
+<Story
+	name="Markdown with Mermaid"
+	args={{
+		value: `
+\`\`\`mermaid
+graph TD
+A --> B
+\`\`\`
+`
+	}}
+>
+	{#snippet template(args)}
+		<Markdown
+			{...wrapProps({ latex_delimiters: [], height: args.height, ...args })}
+		/>
+	{/snippet}
+</Story>
+
+<Story
+	name="Markdown with Wide Content (Horizontal Scrolling)"
+	args={{
+		value: `| ids                 | ids                 | ids                 |
+| ---------------------------------- | ---------------------------------- | ---------------------------------- |
+| abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   |
+| abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   |
+| abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   | abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz   |
+`
+	}}
+>
+	{#snippet template(args)}
+		<Markdown
+			{...wrapProps({ latex_delimiters: [], height: args.height, ...args })}
+		/>
+	{/snippet}
+</Story>
+
+<Story name="Right aligned Markdown" args={{ rtl: true }}>
+	{#snippet template(args)}
+		<Markdown
+			{...wrapProps({
+				value: defaultValue,
+				latex_delimiters: [],
+				height: args.height,
+				...args
+			})}
+		/>
+	{/snippet}
+</Story>
+
+<Story
+	name="Markdown with LaTeX"
+	args={{
+		value: "What is the solution of $y=x^2$?",
+		latex_delimiters: [{ left: "$", right: "$", display: false }]
+	}}
+>
+	{#snippet template(args)}
+		<Markdown {...wrapProps({ height: args.height, ...args })} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Markdown Several Coding languages"
+	args={{
+		value: `
+#### Python
+\`\`\`python
+def hello_world():
+    print("Hello, World!")
+    for i in range(5):
+        print(f"Count: {i}")
+    return "欢迎使用Markdown编辑器"
+\`\`\`
+
+#### SQL
+\`\`\`sql
+SELECT u.name, u.email, p.title
+FROM users u
+LEFT JOIN projects p ON u.id = p.user_id
+WHERE u.active = true
+    AND u.created_date >= '2024-01-01'
+ORDER BY u.name ASC, p.created_date DESC;
+\`\`\`
+
+#### Rust
+\`\`\`rust
+use std::collections::HashMap;
+
+#[derive(Debug)]
+struct Person {
+    name: String,
+    age: u32,
+}
+
+impl Person {
+    fn new(name: &str, age: u32) -> Self {
+        Person {
+            name: name.to_string(),
+            age,
+        }
+    }
+
+    fn greet(&self) -> String {
+        format!("Hello, I'm {} and I'm {} years old", self.name, self.age)
+    }
+}
+
+fn main() {
+    let mut people = HashMap::new();
+
+    let alice = Person::new("Alice", 30);
+    let bob = Person::new("Bob", 25);
+
+    people.insert("alice", alice);
+    people.insert("bob", bob);
+
+    for (key, person) in &people {
+        println!("{}: {}", key, person.greet());
+    }
+}
+\`\`\`
+`,
+		show_copy_button: true,
+		container: true
+	}}
+>
+	{#snippet template(args)}
+		<Markdown
+			{...wrapProps({ latex_delimiters: [], height: args.height, ...args })}
+		/>
+	{/snippet}
+</Story>
diff --git a/js/markdown/Markdown.test.ts b/js/markdown/Markdown.test.ts
new file mode 100644
index 0000000..c7ee1dc
--- /dev/null
+++ b/js/markdown/Markdown.test.ts
@@ -0,0 +1,342 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import Markdown from "./Index.svelte";
+
+const default_props = {
+	value: "Hello world",
+	label: "Markdown",
+	show_label: true,
+	interactive: false,
+	rtl: false,
+	sanitize_html: true,
+	line_breaks: false,
+	header_links: false,
+	buttons: null as string[] | null,
+	height: null as number | null,
+	min_height: null as number | null,
+	max_height: null as number | null,
+	container: false,
+	latex_delimiters: [{ left: "$$", right: "$$", display: true }]
+};
+
+run_shared_prop_tests({
+	component: Markdown,
+	name: "Markdown",
+	base_props: {
+		value: "Hello",
+		label: "Markdown"
+	},
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Markdown", () => {
+	afterEach(() => cleanup());
+
+	test("renders markdown content as text", async () => {
+		const { getByText } = await render(Markdown, {
+			...default_props,
+			value: "Hello world"
+		});
+
+		expect(getByText("Hello world")).toBeVisible();
+	});
+
+	test("renders markdown links correctly", async () => {
+		const { getByText } = await render(Markdown, {
+			...default_props,
+			value: "Visit [Gradio](https://www.gradio.app/) for more information."
+		});
+
+		const link = getByText("Gradio") as HTMLAnchorElement;
+		expect(link.tagName).toBe("A");
+		expect(link.href).toBe("https://www.gradio.app/");
+		expect(link).toHaveAttribute("target", "_blank");
+		expect(link).toHaveAttribute("rel", "noopener noreferrer");
+	});
+
+	test("renders markdown links to open in a new tab when HTML sanitization is disabled", async () => {
+		const { getByText } = await render(Markdown, {
+			...default_props,
+			sanitize_html: false,
+			value: "Read the [docs](/docs)."
+		});
+
+		const link = getByText("docs") as HTMLAnchorElement;
+		expect(link.getAttribute("href")).toBe("/docs");
+		expect(link).toHaveAttribute("target", "_blank");
+		expect(link).toHaveAttribute("rel", "noopener noreferrer");
+	});
+
+	test("renders markdown with invalid URL", async () => {
+		const { getByText } = await render(Markdown, {
+			...default_props,
+			value: "Visit [Invalid URL](https://) for more information."
+		});
+
+		const link = getByText("Invalid URL") as HTMLAnchorElement;
+		expect(link.href).toBe("https://");
+	});
+
+	test("renders markdown headings", async () => {
+		const { getByRole } = await render(Markdown, {
+			...default_props,
+			value: "# Hello"
+		});
+
+		const heading = getByRole("heading", { level: 1 });
+		expect(heading).toBeVisible();
+	});
+});
+
+describe("Props: value", () => {
+	afterEach(() => cleanup());
+
+	test("renders simple text value", async () => {
+		const { getByText } = await render(Markdown, {
+			...default_props,
+			value: "Simple text"
+		});
+
+		expect(getByText("Simple text")).toBeVisible();
+	});
+
+	test("renders empty value without error", async () => {
+		const { getByTestId } = await render(Markdown, {
+			...default_props,
+			value: ""
+		});
+
+		expect(getByTestId("markdown")).toBeVisible();
+	});
+
+	test.todo(
+		"VISUAL: renders code blocks with syntax highlighting, bold text, italic text"
+	);
+});
+
+describe("Props: rtl", () => {
+	afterEach(() => cleanup());
+
+	test("rtl=true sets right-to-left direction on markdown element", async () => {
+		const { getByTestId } = await render(Markdown, {
+			...default_props,
+			rtl: true
+		});
+
+		const md = getByTestId("markdown");
+		expect(md).toHaveAttribute("dir", "rtl");
+	});
+
+	test("rtl=false sets left-to-right direction on markdown element", async () => {
+		const { getByTestId } = await render(Markdown, {
+			...default_props,
+			rtl: false
+		});
+
+		const md = getByTestId("markdown");
+		expect(md).toHaveAttribute("dir", "ltr");
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("buttons=['copy'] renders a copy button", async () => {
+		const { getByRole } = await render(Markdown, {
+			...default_props,
+			buttons: ["copy"]
+		});
+
+		const btn = getByRole("button", { name: "Copy conversation" });
+		expect(btn).toBeVisible();
+	});
+
+	test("buttons=null does not render a copy button", async () => {
+		const { queryByRole } = await render(Markdown, {
+			...default_props,
+			buttons: null
+		});
+
+		const btn = queryByRole("button", { name: "Copy conversation" });
+		expect(btn).not.toBeInTheDocument();
+	});
+
+	test("clicking copy button dispatches copy event", async () => {
+		const { getByRole, listen } = await render(Markdown, {
+			...default_props,
+			value: "Copy me!",
+			buttons: ["copy"]
+		});
+
+		const copy_event = listen("copy");
+		const btn = getByRole("button", {
+			name: "Copy conversation"
+		}) as HTMLButtonElement;
+		btn.focus();
+		await fireEvent.mouseDown(btn);
+		await fireEvent.click(btn);
+
+		await waitFor(async () => {
+			expect(await navigator.clipboard.readText()).toBe("Copy me!");
+		});
+		expect(copy_event).toHaveBeenCalledTimes(1);
+
+		vi.unstubAllGlobals();
+	});
+
+	test("copy button label changes after clicking", async () => {
+		const writeText = vi.fn().mockResolvedValue(undefined);
+		vi.stubGlobal("navigator", {
+			clipboard: { writeText }
+		});
+
+		const { getByRole } = await render(Markdown, {
+			...default_props,
+			value: "Test",
+			buttons: ["copy"]
+		});
+
+		const btn = getByRole("button", { name: "Copy conversation" });
+		await fireEvent.click(btn);
+
+		await waitFor(() => {
+			expect(
+				getByRole("button", { name: "Copied conversation" })
+			).toBeVisible();
+		});
+
+		vi.unstubAllGlobals();
+	});
+});
+
+describe("Props: padding", () => {
+	afterEach(() => cleanup());
+
+	test.todo("VISUAL: padding=true adds padding class to wrapper");
+});
+
+describe("Props: height", () => {
+	afterEach(() => cleanup());
+
+	test.todo(
+		"VISUAL: height causes scrolling when markdown content overflows — needs Playwright visual regression screenshot comparison"
+	);
+});
+
+describe("Props: min_height", () => {
+	afterEach(() => cleanup());
+
+	test.todo("VISUAL: min_height applies minimum height to the Block wrapper");
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("change is dispatched when value is set via set_data", async () => {
+		const { listen, set_data } = await render(Markdown, {
+			...default_props,
+			value: "Initial"
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: "Updated" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change is not dispatched for same value", async () => {
+		const { listen, set_data } = await render(Markdown, {
+			...default_props,
+			value: "Same"
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: "Same" });
+
+		expect(change).toHaveBeenCalledTimes(0);
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("set_data updates the rendered markdown content", async () => {
+		const { set_data, getByText, queryByText } = await render(Markdown, {
+			...default_props,
+			value: "Old content"
+		});
+
+		expect(getByText("Old content")).toBeVisible();
+
+		await set_data({ value: "New content" });
+
+		expect(queryByText("Old content")).not.toBeInTheDocument();
+		expect(getByText("New content")).toBeVisible();
+	});
+
+	test("get_data returns the current value", async () => {
+		const { get_data } = await render(Markdown, {
+			...default_props,
+			value: "Test value"
+		});
+
+		const data = await get_data();
+		expect(data.value).toBe("Test value");
+	});
+
+	test("set_data then get_data round-trips", async () => {
+		const { set_data, get_data } = await render(Markdown, {
+			...default_props,
+			value: "Original"
+		});
+
+		await set_data({ value: "Updated" });
+		const data = await get_data();
+		expect(data.value).toBe("Updated");
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("no change event fires on mount when value is truthy", async () => {
+		const { listen } = await render(Markdown, {
+			...default_props,
+			value: "Initial"
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("no change event fires on mount when value is empty", async () => {
+		const { listen } = await render(Markdown, {
+			...default_props,
+			value: ""
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test.todo(
+		"VISUAL: sanitize_html=false allows raw HTML rendering — needs Playwright visual regression or content inspection test"
+	);
+
+	test.todo(
+		"VISUAL: header_links=true creates anchor links on headings — needs Playwright visual regression screenshot comparison"
+	);
+
+	test.todo(
+		"VISUAL: latex_delimiters renders LaTeX expressions — needs Playwright visual regression or MathJax verification"
+	);
+
+	test.todo(
+		"VISUAL: line_breaks=true enables GFM line breaks — needs Playwright visual regression screenshot comparison"
+	);
+});
diff --git a/js/markdown/README.md b/js/markdown/README.md
new file mode 100644
index 0000000..b3ac4bf
--- /dev/null
+++ b/js/markdown/README.md
@@ -0,0 +1,52 @@
+# `@gradio/markdown`
+
+```html
+<script>
+    import { BaseMarkdown, MarkdownCode, BaseExample } from `@gradio/markdown`;
+</script>
+```
+
+BaseMarkdown
+```javascript
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible = true;
+	export let value: string;
+	export let min_height = false;
+	export let rtl = false;
+	export let sanitize_html = true;
+	export let line_breaks = false;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+```
+
+MarkdownCode
+```javascript
+	export let chatbot = true;
+	export let message: string;
+	export let sanitize_html = true;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[] = [];
+	export let render_markdown = true;
+	export let line_breaks = true;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+	export let sanitize_html: boolean;
+	export let line_breaks: boolean;
+	export let latex_delimiters: {
+		left: string;
+		right: string;
+		display: boolean;
+	}[];
+```
\ No newline at end of file
diff --git a/js/markdown/package.json b/js/markdown/package.json
new file mode 100644
index 0000000..ccd73b6
--- /dev/null
+++ b/js/markdown/package.json
@@ -0,0 +1,42 @@
+{
+	"name": "@gradio/markdown",
+	"version": "0.14.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/markdown-code": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/markdown"
+	}
+}
diff --git a/js/markdown/shared/Markdown.svelte b/js/markdown/shared/Markdown.svelte
new file mode 100644
index 0000000..2011544
--- /dev/null
+++ b/js/markdown/shared/Markdown.svelte
@@ -0,0 +1,128 @@
+<script lang="ts">
+	import { copy, css_units } from "@gradio/utils";
+	import { Copy, Check } from "@gradio/icons";
+	import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+	import { IconButton, IconButtonWrapper } from "@gradio/atoms";
+	import type { ThemeMode } from "@gradio/core";
+
+	import { MarkdownCode } from "@gradio/markdown-code";
+
+	let {
+		elem_classes = [],
+		visible = true,
+		value,
+		min_height = undefined,
+		rtl = false,
+		sanitize_html = true,
+		line_breaks = false,
+		latex_delimiters = [],
+		header_links = false,
+		height = undefined,
+		show_copy_button = false,
+		loading_status = undefined,
+		theme_mode,
+		onchange = () => {},
+		oncopy = (val) => {}
+	}: {
+		elem_classes?: string[];
+		visible?: boolean | "hidden";
+		value: string;
+		min_height?: number | string | undefined;
+		rtl?: boolean;
+		sanitize_html?: boolean;
+		line_breaks?: boolean;
+		latex_delimiters?: {
+			left: string;
+			right: string;
+			display: boolean;
+		}[];
+		header_links?: boolean;
+		height?: number | string | undefined;
+		show_copy_button?: boolean | undefined;
+		loading_status?: LoadingStatus | undefined;
+		theme_mode?: ThemeMode;
+		onchange?: () => void;
+		oncopy?: (val: any) => void;
+	} = $props();
+
+	let copied = $state(false);
+	let timer: NodeJS.Timeout;
+
+	let old_value = $state(value);
+	$effect(() => {
+		if (value !== old_value) {
+			old_value = value;
+			onchange();
+		}
+	});
+
+	async function handle_copy(): Promise<void> {
+		if ("clipboard" in navigator) {
+			await navigator.clipboard.writeText(value);
+			oncopy({ value: value });
+			copy_feedback();
+		}
+	}
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 1000);
+	}
+</script>
+
+<div
+	class="prose {elem_classes?.join(' ') || ''}"
+	class:hide={!visible}
+	data-testid="markdown"
+	dir={rtl ? "rtl" : "ltr"}
+	use:copy
+	style={height ? `max-height: ${css_units(height)}; overflow-y: auto;` : ""}
+	style:min-height={min_height && loading_status?.status !== "pending"
+		? css_units(min_height)
+		: undefined}
+>
+	{#if show_copy_button}
+		<IconButtonWrapper>
+			<IconButton
+				Icon={copied ? Check : Copy}
+				onclick={handle_copy}
+				label={copied ? "Copied conversation" : "Copy conversation"}
+			></IconButton>
+		</IconButtonWrapper>
+	{/if}
+	<MarkdownCode
+		message={value}
+		{latex_delimiters}
+		{sanitize_html}
+		{line_breaks}
+		chatbot={false}
+		{header_links}
+		{theme_mode}
+	/>
+</div>
+
+<style>
+	div :global(.math.inline) {
+		fill: var(--body-text-color);
+		display: inline-block;
+		vertical-align: middle;
+		padding: var(--size-1-5) -var(--size-1);
+		color: var(--body-text-color);
+	}
+
+	div :global(.math.inline svg) {
+		display: inline;
+		margin-bottom: 0.22em;
+	}
+
+	div {
+		max-width: 100%;
+	}
+
+	.hide {
+		display: none;
+	}
+</style>
diff --git a/js/markdown/types.ts b/js/markdown/types.ts
new file mode 100644
index 0000000..4fe542d
--- /dev/null
+++ b/js/markdown/types.ts
@@ -0,0 +1,21 @@
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
+
+export interface MarkdownProps {
+	value: string;
+	sanitize_html: boolean;
+	header_links: boolean;
+	latex_delimiters: { left: string; right: string; display: boolean }[];
+	rtl: boolean;
+	line_breaks: boolean;
+	padding: boolean;
+	buttons: string[] | null;
+	height: number | null;
+	min_height: number | null;
+	max_height: number | null;
+}
+
+export interface MarkdownEvents {
+	change: string;
+	copy: any;
+	clear_status: LoadingStatus;
+}
diff --git a/js/model3D/CHANGELOG.md b/js/model3D/CHANGELOG.md
new file mode 100644
index 0000000..b71298e
--- /dev/null
+++ b/js/model3D/CHANGELOG.md
@@ -0,0 +1,1368 @@
+# @gradio/model3d
+
+## 0.18.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.18.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+
+## 0.17.0
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.17.0
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.17.0
+
+### Features
+
+- [#13275](https://github.com/gradio-app/gradio/pull/13275) [`2d025c5`](https://github.com/gradio-app/gradio/commit/2d025c56cffb5c4eecbe47515ec771b5ecf46611) - Model3D Unit Tests.  Thanks @dawoodkhan82!
+
+## 0.16.9
+
+### Fixes
+
+- [#13288](https://github.com/gradio-app/gradio/pull/13288) [`d75e311`](https://github.com/gradio-app/gradio/commit/d75e311a4b64fc1998b6deda3134a3dc6efb5dd5) - `model3d` ply freeze fix.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.16.8
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.16.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.16.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.16.4
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.16.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.16.3
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.16.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.16.1
+
+### Fixes
+
+- [#12688](https://github.com/gradio-app/gradio/pull/12688) [`5206d47`](https://github.com/gradio-app/gradio/commit/5206d47b7730e6ffc8efd90d8157dd5388c18dc5) - Migrate Model3D to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.16.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.15.1
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.15.1-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+
+## 0.15.1-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.15.1-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.15.1-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+
+## 0.15.0
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.15.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.15.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
+## 0.14.26
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.14.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.14.25
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.14.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+
+## 0.14.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+
+## 0.14.23
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+
+## 0.14.22
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+
+## 0.14.21
+
+### Features
+
+- [#11596](https://github.com/gradio-app/gradio/pull/11596) [`432abb0`](https://github.com/gradio-app/gradio/commit/432abb0418088fed54c4d486aed3e3bdf91f7b25) - Upgrade `gsplat`.  Thanks @dawoodkhan82!
+
+## 0.14.20
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+
+## 0.14.19
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+
+## 0.14.18
+
+### Features
+
+- [#11447](https://github.com/gradio-app/gradio/pull/11447) [`58631ef`](https://github.com/gradio-app/gradio/commit/58631efdf3e2ff805ce625b7ef63e651f01af03e) - Revert .only marker in e2e tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+
+## 0.14.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+
+## 0.14.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.14.16
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+
+## 0.14.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.14.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+
+## 0.14.14
+
+### Fixes
+
+- [#11230](https://github.com/gradio-app/gradio/pull/11230) [`62a8d97`](https://github.com/gradio-app/gradio/commit/62a8d97fe8a92886f22af11b5fdef14bace69ea8) - Fix Model3D `camera_position` param.  Thanks @dawoodkhan82!
+
+## 0.14.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+
+## 0.14.12
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.14.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.14.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+
+## 0.14.9
+
+### Fixes
+
+- [#10993](https://github.com/gradio-app/gradio/pull/10993) [`1918baa`](https://github.com/gradio-app/gradio/commit/1918baa178066dc94a8e1a559d4d62a52a3d8db4) - Update babylon.js and ensure the Model3D component autoplays on load.  Thanks @CedricGuillemet!
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.14.7
+
+### Features
+
+- [#10847](https://github.com/gradio-app/gradio/pull/10847) [`d5fde7c`](https://github.com/gradio-app/gradio/commit/d5fde7c390004ce5394072100b059f545d2d4eae) - Babylon update for model3D.  Thanks @CedricGuillemet!
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+
+## 0.14.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.14.4
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+
+## 0.14.2
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+
+## 0.14.0
+
+### Features
+
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.13.15
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/wasm@0.17.2
+
+## 0.13.14
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/wasm@0.17.1
+
+## 0.13.13
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.13.12
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+
+## 0.13.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+
+## 0.13.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+
+## 0.13.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.13.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.13.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.13.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+
+## 0.13.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.13.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+
+## 0.13.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/wasm@0.14.1
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.13.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds ability to block event trigger when file is uploading
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Update babylon.js to `v7` for `gr.Model3D`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.13.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.13.0-beta.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.13.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.13.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.13.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.13.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+- [#9377](https://github.com/gradio-app/gradio/pull/9377) [`618e9fe`](https://github.com/gradio-app/gradio/commit/618e9fe941744cef4a4a06eb7840763c64b15e32) - Update babylon.js to `v7` for `gr.Model3D`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.12.2-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.12.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+
+## 0.12.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.12.0
+
+### Features
+
+- [#8975](https://github.com/gradio-app/gradio/pull/8975) [`3feea64`](https://github.com/gradio-app/gradio/commit/3feea64a65688d710184604bb44636d513bcc36a) - Prevent overflow in Model3D.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.11.0
+
+### Features
+
+- [#8687](https://github.com/gradio-app/gradio/pull/8687) [`bc1d45d`](https://github.com/gradio-app/gradio/commit/bc1d45d8745a677bbe2a32f8d7553fe0d4ef3fd7) - Model3D point cloud and wireframe display modes.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+
+## 0.10.12
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.10.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.10.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.10.6
+
+### Fixes
+
+- [#8376](https://github.com/gradio-app/gradio/pull/8376) [`aebd2e9`](https://github.com/gradio-app/gradio/commit/aebd2e952e3a19633b9b95a49f51664bc8a0c20d) - Model3D right-handed coordinate system.  Thanks @dylanebert!
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.10.6
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/upload@0.10.4
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.10.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.10.0
+
+### Features
+
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+
+## 0.9.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.8.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.8.10
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.8.9
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.8.4
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.8.3
+
+### Patch Changes
+
+- Updated dependencies [[`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8), [`9c6de6d`](https://github.com/gradio-app/gradio/commit/9c6de6d85092c1c9378d7f81e5ec734221536812), [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee), [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4), [`561579d`](https://github.com/gradio-app/gradio/commit/561579d9b7b860c5cb3f8131e0dced0c8114463f)]:
+  - @gradio/upload@0.7.5
+  - @gradio/wasm@0.7.0
+  - @gradio/client@0.12.2
+
+## 0.8.2
+
+### Fixes
+
+- [#7511](https://github.com/gradio-app/gradio/pull/7511) [`33f68cb`](https://github.com/gradio-app/gradio/commit/33f68cb6c22897f7996b6c84b0e528c47fae00b5) - Fix Canvas3D/Canvas3DGS async imports. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.8.1
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.8.0
+
+### Features
+
+- [#7406](https://github.com/gradio-app/gradio/pull/7406) [`3e886d8`](https://github.com/gradio-app/gradio/commit/3e886d8f0ac55c416dae51c1c2661e16eb34718e) - Model3D Gaussian Splatting. Thanks [@dylanebert](https://github.com/dylanebert)!
+
+## 0.7.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.0
+
+### Features
+
+- [#7315](https://github.com/gradio-app/gradio/pull/7315) [`b3a9c83`](https://github.com/gradio-app/gradio/commit/b3a9c830955a5ded8528d6118aaf1b6e019857a2) - Lite: Wasm-compatible Model3D. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.0
+
+### Features
+
+- [#7049](https://github.com/gradio-app/gradio/pull/7049) [`1718c4a`](https://github.com/gradio-app/gradio/commit/1718c4aeb23a88ef02b17b30a1d1cb72e413e04a) - add STL 3D model support. Thanks [@Mon-ius](https://github.com/Mon-ius)!
+
+## 0.4.15
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/upload@0.6.1
+
+## 0.4.14
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+
+## 0.4.13
+
+### Fixes
+
+- [#6871](https://github.com/gradio-app/gradio/pull/6871) [`d361a0f`](https://github.com/gradio-app/gradio/commit/d361a0f179752d9e849ec420fc67c8b4060fc154) - Ensure camera settings only update when necessary in Model3D. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.4.12
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/upload@0.5.7
+
+## 0.4.11
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+  - @gradio/upload@0.5.6
+
+## 0.4.10
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.4.9
+
+### Fixes
+
+- [#6525](https://github.com/gradio-app/gradio/pull/6525) [`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a) - Fixes Drag and Drop for Upload. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.8
+
+### Patch Changes
+
+- Updated dependencies [[`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88), [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70), [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0), [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/upload@0.5.3
+  - @gradio/client@0.9.0
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.4.7
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+  - @gradio/upload@0.5.2
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/upload@0.5.1
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.4.3
+
+### Fixes
+
+- [#6414](https://github.com/gradio-app/gradio/pull/6414) [`da1e31832`](https://github.com/gradio-app/gradio/commit/da1e31832f85ec76540e474ae35badfde8a18b6f) - Fix Model3D download button and other issues. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/client@0.7.2
+  - @gradio/atoms@0.2.1
+  - @gradio/upload@0.3.3
+  - @gradio/statustracker@0.3.1
+
+## 0.4.0
+
+### Features
+
+- [#6240](https://github.com/gradio-app/gradio/pull/6240) [`dd901c1b0`](https://github.com/gradio-app/gradio/commit/dd901c1b0af73a78fca8b6875b2bb00f84071ac8) - Model3D panning, improved UX. Thanks [@dylanebert](https://github.com/dylanebert)!
+- [#6255](https://github.com/gradio-app/gradio/pull/6255) [`e3ede2ff7`](https://github.com/gradio-app/gradio/commit/e3ede2ff7d4a36fb21bb0b146b8d5ad239c0e086) - Ensure Model 3D updates when attributes change. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5955](https://github.com/gradio-app/gradio/pull/5955) [`825c9cddc`](https://github.com/gradio-app/gradio/commit/825c9cddc83a09457d8c85ebeecb4bc705572d82) - Fix dev mode model3D. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+  - @gradio/upload@0.3.3
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423)]:
+  - @gradio/upload@0.3.0
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.2.0
+
+### Features
+
+- [#5373](https://github.com/gradio-app/gradio/pull/5373) [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96) - Adds `height` and `zoom_speed` parameters to `Model3D` component, as well as a button to reset the camera position. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5266](https://github.com/gradio-app/gradio/pull/5266) [`4ccb9a86`](https://github.com/gradio-app/gradio/commit/4ccb9a86f194c6997f80a09880edc3c2b0554aab) - Makes it possible to set the initial camera position for the `Model3D` component as a tuple of (alpha, beta, radius). Thanks [@mbahri](https://github.com/mbahri)!
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+# @gradio/model3D
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd)]:
+  - @gradio/upload@0.0.3
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.0.2
+  - @gradio/upload@0.0.2
\ No newline at end of file
diff --git a/js/model3D/Example.svelte b/js/model3D/Example.svelte
new file mode 100644
index 0000000..1ebb90d
--- /dev/null
+++ b/js/model3D/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value ? value : ""}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/model3D/Index.svelte b/js/model3D/Index.svelte
new file mode 100644
index 0000000..7a8470b
--- /dev/null
+++ b/js/model3D/Index.svelte
@@ -0,0 +1,177 @@
+<script context="module" lang="ts">
+	export { default as BaseModel3D } from "./shared/Model3D.svelte";
+	export { default as BaseModel3DUpload } from "./shared/Model3DUpload.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import type { Model3DProps, Model3DEvents } from "./types";
+	import type { FileData } from "@gradio/client";
+	import { Gradio } from "@gradio/utils";
+	import Model3D from "./shared/Model3D.svelte";
+	import Model3DUpload from "./shared/Model3DUpload.svelte";
+	import {
+		BlockLabel,
+		Block,
+		Empty,
+		UploadText,
+		IconButtonWrapper
+	} from "@gradio/atoms";
+	import { File } from "@gradio/icons";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	class Model3dGradio extends Gradio<Model3DEvents, Model3DProps> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+			const data = await super.get_data();
+
+			return data;
+		}
+	}
+
+	const props = $props();
+	const gradio = new Model3dGradio(props);
+
+	let old_value = $state(gradio.props.value);
+	let uploading = $state(false);
+	let dragging = $state(false);
+	let has_change_history = $state(false);
+	let upload_promise = $state<Promise<any>>();
+
+	const is_browser = typeof window !== "undefined";
+
+	$effect(() => {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+
+	function handle_change(detail: FileData | null) {
+		gradio.props.value = detail;
+		gradio.dispatch("change", detail);
+		has_change_history = true;
+	}
+
+	function handle_drag(detail: boolean) {
+		dragging = detail;
+	}
+
+	function handle_clear() {
+		gradio.props.value = null;
+		gradio.dispatch("clear");
+	}
+
+	function handle_load(detail: FileData) {
+		gradio.props.value = detail;
+		gradio.dispatch("upload");
+	}
+
+	function handle_error(detail: string) {
+		if (gradio.shared.loading_status)
+			gradio.shared.loading_status.status = "error";
+		gradio.dispatch("error", detail);
+	}
+</script>
+
+{#if !gradio.shared.interactive}
+	<Block
+		visible={gradio.shared.visible}
+		variant={gradio.props.value === null ? "dashed" : "solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+		height={gradio.props.height}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		{#if gradio.props.value && is_browser}
+			<Model3D
+				value={gradio.props.value}
+				i18n={gradio.i18n}
+				display_mode={gradio.props.display_mode}
+				clear_color={gradio.props.clear_color}
+				label={gradio.shared.label}
+				show_label={gradio.shared.show_label}
+				camera_position={gradio.props.camera_position}
+				zoom_speed={gradio.props.zoom_speed}
+				{has_change_history}
+			/>
+		{:else}
+			{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+				<IconButtonWrapper
+					buttons={gradio.props.buttons}
+					on_custom_button_click={(id) => {
+						gradio.dispatch("custom_button_click", { id });
+					}}
+				/>
+			{/if}
+			<BlockLabel
+				show_label={gradio.shared.show_label}
+				Icon={File}
+				label={gradio.shared.label || "3D Model"}
+			/>
+
+			<Empty unpadded_box={true} size="large"><File /></Empty>
+		{/if}
+	</Block>
+{:else}
+	<Block
+		visible={gradio.shared.visible}
+		variant={gradio.props.value === null ? "dashed" : "solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+		height={gradio.props.height}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		<Model3DUpload
+			bind:upload_promise
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			root={gradio.shared.root}
+			display_mode={gradio.props.display_mode}
+			clear_color={gradio.props.clear_color}
+			bind:value={gradio.props.value}
+			camera_position={gradio.props.camera_position}
+			zoom_speed={gradio.props.zoom_speed}
+			bind:uploading
+			onchange={handle_change}
+			ondrag={handle_drag}
+			onclear={handle_clear}
+			onload={handle_load}
+			onerror={handle_error}
+			i18n={gradio.i18n}
+			max_file_size={gradio.shared.max_file_size}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={(...args) => gradio.shared.client.stream(...args)}
+		>
+			<UploadText i18n={gradio.i18n} type="file" />
+		</Model3DUpload>
+	</Block>
+{/if}
diff --git a/js/model3D/Model3D.test.ts b/js/model3D/Model3D.test.ts
new file mode 100644
index 0000000..94b3f27
--- /dev/null
+++ b/js/model3D/Model3D.test.ts
@@ -0,0 +1,738 @@
+import {
+	test,
+	describe,
+	afterEach,
+	beforeAll,
+	afterAll,
+	expect,
+	vi
+} from "vitest";
+import {
+	cleanup,
+	render,
+	waitFor,
+	mock_client,
+	upload_file,
+	drop_file,
+	download_file,
+	TEST_GLTF,
+	TEST_PLY,
+	TEST_SPLAT
+} from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Model3D from "./Index.svelte";
+
+// BabylonJS and gsplat perform async initialization (canvas setup, model loading)
+// that can complete after component cleanup, causing unhandled rejections.
+// These are harmless race conditions in the 3D rendering libraries, not test bugs.
+function suppress_3d_library_errors(e: PromiseRejectionEvent): void {
+	const msg = e.reason?.message ?? "";
+	if (
+		msg.includes("addEventListener") ||
+		msg.includes("Viewer is disposed") ||
+		msg.includes("Invalid URL") ||
+		msg.includes("Unsupported property type") ||
+		msg.includes("postProcessManager")
+	) {
+		e.preventDefault();
+	}
+}
+
+beforeAll(() => {
+	window.addEventListener("unhandledrejection", suppress_3d_library_errors);
+});
+
+afterAll(() => {
+	window.removeEventListener("unhandledrejection", suppress_3d_library_errors);
+});
+
+const base_props = {
+	label: "3D Model",
+	show_label: true,
+	interactive: false,
+	value: null as any,
+	display_mode: "solid" as "solid" | "point_cloud" | "wireframe",
+	clear_color: [0, 0, 0, 0] as [number, number, number, number],
+	zoom_speed: 1,
+	camera_position: [null, null, null] as [
+		number | null,
+		number | null,
+		number | null
+	],
+	has_change_history: false,
+	buttons: null as any,
+	height: undefined
+};
+
+const interactive_props = {
+	...base_props,
+	interactive: true,
+	client: mock_client()
+};
+
+// Model3D uses BlockLabel (floating label) instead of the standard block-info label,
+// so the shared label tests don't apply — label behaviour is tested manually below.
+run_shared_prop_tests({
+	component: Model3D,
+	name: "Model3D",
+	base_props,
+	has_label: false
+});
+
+describe("Model3D", () => {
+	afterEach(() => cleanup());
+
+	test("renders empty placeholder when value is null (static)", async () => {
+		const { queryByTestId } = await render(Model3D, {
+			...base_props,
+			value: null
+		});
+
+		expect(queryByTestId("model3d")).not.toBeInTheDocument();
+	});
+
+	test("renders viewer when value is set (static)", async () => {
+		const { getByTestId } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		await waitFor(() => {
+			expect(getByTestId("model3d")).toBeInTheDocument();
+		});
+	});
+
+	test("default label is '3D Model' when label is empty", async () => {
+		const { getByText } = await render(Model3D, {
+			...base_props,
+			label: "",
+			show_label: true
+		});
+
+		expect(getByText("3D Model")).toBeInTheDocument();
+	});
+
+	test("custom label is rendered", async () => {
+		const { getByText } = await render(Model3D, {
+			...base_props,
+			label: "My Fancy Model",
+			show_label: true
+		});
+
+		expect(getByText("My Fancy Model")).toBeVisible();
+	});
+
+	test("show_label: false hides the label visually", async () => {
+		const { getByText } = await render(Model3D, {
+			...base_props,
+			label: "Hidden Label",
+			show_label: false
+		});
+
+		expect(getByText("Hidden Label")).not.toBeVisible();
+	});
+});
+
+describe("Static mode", () => {
+	afterEach(() => cleanup());
+
+	test("download produces file with orig_name as filename", async () => {
+		await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		const { suggested_filename } = await download_file(
+			"[data-testid='model3d-download-link']"
+		);
+		expect(suggested_filename).toBe(TEST_GLTF.orig_name);
+	});
+
+	test("download falls back to path when orig_name is missing", async () => {
+		const value_no_orig = {
+			path: "mymodel.gltf",
+			url: "/test/test_files/Box.gltf",
+			orig_name: undefined,
+			size: 100,
+			mime_type: "model/gltf+json"
+		};
+		await render(Model3D, {
+			...base_props,
+			value: value_no_orig as any
+		});
+
+		const { suggested_filename } = await download_file(
+			"[data-testid='model3d-download-link']"
+		);
+		expect(suggested_filename).toBe("mymodel.gltf");
+	});
+
+	test("undo button is disabled when has_change_history is false", async () => {
+		const { getByLabelText } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF,
+			has_change_history: false
+		});
+
+		await waitFor(() => {
+			expect(getByLabelText("Undo")).toBeDisabled();
+		});
+	});
+
+	test(".ply value skips undo button (Canvas3DGS branch)", async () => {
+		const { queryByLabelText, getByTestId } = await render(Model3D, {
+			...base_props,
+			value: TEST_PLY
+		});
+
+		await waitFor(() => {
+			expect(getByTestId("model3d")).toBeInTheDocument();
+		});
+		expect(queryByLabelText("Undo")).not.toBeInTheDocument();
+	});
+
+	test(".splat value skips undo button (Canvas3DGS branch)", async () => {
+		const { queryByLabelText, getByTestId } = await render(Model3D, {
+			...base_props,
+			value: TEST_SPLAT
+		});
+
+		await waitFor(() => {
+			expect(getByTestId("model3d")).toBeInTheDocument();
+		});
+		expect(queryByLabelText("Undo")).not.toBeInTheDocument();
+	});
+
+	test(".gltf value shows undo button (Canvas3D branch)", async () => {
+		const { getByLabelText } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		await waitFor(() => {
+			expect(getByLabelText("Undo")).toBeInTheDocument();
+		});
+	});
+});
+
+describe("Interactive mode", () => {
+	afterEach(() => cleanup());
+
+	test("renders upload dropzone when value is null", async () => {
+		const { getByLabelText } = await render(Model3D, {
+			...interactive_props,
+			value: null
+		});
+
+		expect(getByLabelText("model3d.drop_to_upload")).toBeInTheDocument();
+	});
+
+	test("renders viewer with clear button when value is set", async () => {
+		const { getByLabelText, queryByLabelText } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_GLTF
+		});
+
+		expect(getByLabelText("common.clear")).toBeInTheDocument();
+		expect(queryByLabelText("model3d.drop_to_upload")).not.toBeInTheDocument();
+	});
+
+	test("clicking clear transitions back to upload dropzone", async () => {
+		const { getByLabelText } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_GLTF
+		});
+
+		const clear_btn = await waitFor(() => getByLabelText("common.clear"));
+		await event.click(clear_btn);
+
+		await waitFor(() => {
+			expect(getByLabelText("model3d.drop_to_upload")).toBeInTheDocument();
+		});
+	});
+
+	test("undo is available for .gltf files", async () => {
+		const { getByLabelText } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_GLTF
+		});
+
+		expect(getByLabelText("common.undo")).toBeInTheDocument();
+	});
+
+	test("undo is not available for .ply files", async () => {
+		const { getByLabelText, queryByLabelText } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_PLY
+		});
+
+		expect(getByLabelText("common.clear")).toBeInTheDocument();
+		expect(queryByLabelText("common.undo")).not.toBeInTheDocument();
+	});
+
+	test("undo is not available for .splat files", async () => {
+		const { getByLabelText, queryByLabelText } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_SPLAT
+		});
+
+		expect(getByLabelText("common.clear")).toBeInTheDocument();
+		expect(queryByLabelText("common.undo")).not.toBeInTheDocument();
+	});
+
+	test("clicking undo does not clear the value", async () => {
+		const { getByLabelText, get_data } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_GLTF
+		});
+
+		await event.click(getByLabelText("common.undo"));
+
+		const data = await get_data();
+		expect(data.value).toEqual(TEST_GLTF);
+	});
+
+	test("set_data to null shows upload dropzone", async () => {
+		const { set_data, getByLabelText } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_GLTF
+		});
+
+		await set_data({ value: null });
+
+		await waitFor(() => {
+			expect(getByLabelText("model3d.drop_to_upload")).toBeInTheDocument();
+		});
+	});
+
+	test("set_data with value shows viewer and clear button", async () => {
+		const { set_data, getByLabelText, queryByLabelText } = await render(
+			Model3D,
+			{
+				...interactive_props,
+				value: null
+			}
+		);
+
+		await set_data({ value: TEST_GLTF });
+
+		await waitFor(() => {
+			expect(getByLabelText("common.clear")).toBeInTheDocument();
+		});
+		expect(queryByLabelText("model3d.drop_to_upload")).not.toBeInTheDocument();
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("mounting with a null value does not fire change", async () => {
+		const { listen } = await render(Model3D, {
+			...base_props,
+			value: null
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("mounting with an initial value does not fire change", async () => {
+		const { listen } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change fires when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Model3D, {
+			...base_props,
+			value: null
+		});
+
+		const change = listen("change");
+		await set_data({ value: TEST_GLTF });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change deduplicates when set_data called with same value", async () => {
+		const { listen, set_data } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		const change = listen("change");
+		await set_data({ value: TEST_GLTF });
+		await set_data({ value: TEST_GLTF });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change fires when set_data clears the value", async () => {
+		const { listen, set_data } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		const change = listen("change");
+		await set_data({ value: null });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("clear event fires when clear button clicked (interactive)", async () => {
+		const { getByLabelText, listen } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_GLTF
+		});
+
+		const clear = listen("clear");
+		const change = listen("change");
+
+		const clear_btn = await waitFor(() => getByLabelText("common.clear"));
+		await event.click(clear_btn);
+
+		expect(clear).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("custom_button_click fires with id when toolbar button clicked", async () => {
+		const { getByLabelText, listen } = await render(Model3D, {
+			...base_props,
+			value: null,
+			show_label: true,
+			buttons: [{ value: "Action", id: 42, icon: null }] as any
+		});
+
+		const custom_click = listen("custom_button_click");
+		await event.click(getByLabelText("Action"));
+
+		expect(custom_click).toHaveBeenCalledTimes(1);
+		expect(custom_click).toHaveBeenCalledWith({ id: 42 });
+	});
+
+	test("change fires when switching file types via set_data", async () => {
+		const { listen, set_data } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		const change = listen("change");
+		await set_data({ value: TEST_PLY });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("upload event fires when file is uploaded", async () => {
+		const { listen } = await render(Model3D, {
+			...interactive_props,
+			value: null
+		});
+
+		const upload = listen("upload");
+		const change = listen("change");
+
+		await upload_file(TEST_GLTF);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("drag and drop triggers upload and change events", async () => {
+		const { listen } = await render(Model3D, {
+			...interactive_props,
+			value: null
+		});
+
+		const upload = listen("upload");
+		const change = listen("change");
+
+		await drop_file(TEST_GLTF, "[aria-label='model3d.drop_to_upload']");
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(change).toHaveBeenCalled();
+	});
+
+	test("upload failure dispatches error event", async () => {
+		const failing_upload = vi
+			.fn()
+			.mockRejectedValue(new Error("File too large"));
+		const { listen } = await render(Model3D, {
+			...interactive_props,
+			client: {
+				upload: failing_upload,
+				stream: async () => ({ onmessage: null, close: () => {} })
+			}
+		});
+
+		const error = listen("error");
+
+		await upload_file(TEST_GLTF);
+
+		await waitFor(() => {
+			expect(failing_upload).toHaveBeenCalled();
+		});
+
+		await waitFor(() => {
+			expect(error).toHaveBeenCalledTimes(1);
+		});
+		expect(error).toHaveBeenCalledWith("File too large");
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("renders buttons when show_label is true and buttons is non-empty", async () => {
+		const { getByLabelText } = await render(Model3D, {
+			...base_props,
+			value: null,
+			show_label: true,
+			buttons: [{ value: "MyBtn", id: 1, icon: null }] as any
+		});
+
+		expect(getByLabelText("MyBtn")).toBeInTheDocument();
+	});
+
+	test("does not render buttons when show_label is false", async () => {
+		const { queryByLabelText } = await render(Model3D, {
+			...base_props,
+			value: null,
+			show_label: false,
+			buttons: [{ value: "HiddenBtn", id: 1, icon: null }] as any
+		});
+
+		expect(queryByLabelText("HiddenBtn")).not.toBeInTheDocument();
+	});
+
+	test("does not render custom button when buttons is null", async () => {
+		const { queryByLabelText } = await render(Model3D, {
+			...base_props,
+			value: null,
+			show_label: true,
+			buttons: null
+		});
+
+		expect(queryByLabelText("Custom action")).not.toBeInTheDocument();
+	});
+
+	test("does not render custom button when buttons is empty array", async () => {
+		const { queryByLabelText } = await render(Model3D, {
+			...base_props,
+			value: null,
+			show_label: true,
+			buttons: []
+		});
+
+		expect(queryByLabelText("Custom action")).not.toBeInTheDocument();
+	});
+
+	test("renders multiple custom buttons", async () => {
+		const { getByLabelText } = await render(Model3D, {
+			...base_props,
+			value: null,
+			show_label: true,
+			buttons: [
+				{ value: "First", id: 1, icon: null },
+				{ value: "Second", id: 2, icon: null }
+			] as any
+		});
+
+		expect(getByLabelText("First")).toBeInTheDocument();
+		expect(getByLabelText("Second")).toBeInTheDocument();
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns null when value is null", async () => {
+		const { get_data } = await render(Model3D, {
+			...base_props,
+			value: null
+		});
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("get_data returns FileData when value is set", async () => {
+		const { get_data } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(TEST_GLTF);
+	});
+
+	test("set_data populates the viewer", async () => {
+		const { set_data, getByTestId } = await render(Model3D, {
+			...base_props,
+			value: null
+		});
+
+		await set_data({ value: TEST_GLTF });
+
+		await waitFor(() => {
+			expect(getByTestId("model3d")).toBeInTheDocument();
+		});
+	});
+
+	test("set_data to null removes the viewer (static)", async () => {
+		const { set_data, queryByTestId } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		await set_data({ value: null });
+
+		await waitFor(() => {
+			expect(queryByTestId("model3d")).not.toBeInTheDocument();
+		});
+	});
+
+	test("round-trip: set_data then get_data returns same value", async () => {
+		const { set_data, get_data } = await render(Model3D, {
+			...base_props,
+			value: null
+		});
+
+		await set_data({ value: TEST_GLTF });
+		const data = await get_data();
+		expect(data.value).toEqual(TEST_GLTF);
+	});
+
+	test("user clear reflected in get_data (interactive)", async () => {
+		const { getByLabelText, get_data } = await render(Model3D, {
+			...interactive_props,
+			value: TEST_GLTF
+		});
+
+		const clear_btn = await waitFor(() => getByLabelText("common.clear"));
+		await event.click(clear_btn);
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("set_data switches file type and get_data reflects it", async () => {
+		const { set_data, get_data } = await render(Model3D, {
+			...base_props,
+			value: TEST_GLTF
+		});
+
+		await set_data({ value: TEST_PLY });
+		const data = await get_data();
+		expect(data.value).toEqual(TEST_PLY);
+	});
+
+	test("set_data in interactive mode reflects in get_data", async () => {
+		const { set_data, get_data } = await render(Model3D, {
+			...interactive_props,
+			value: null
+		});
+
+		await set_data({ value: TEST_GLTF });
+		const data = await get_data();
+		expect(data.value).toEqual(TEST_GLTF);
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("value transition null → set → null renders correctly", async () => {
+		const { set_data, getByTestId, queryByTestId } = await render(Model3D, {
+			...base_props,
+			value: null
+		});
+
+		await set_data({ value: TEST_GLTF });
+		await waitFor(() => {
+			expect(getByTestId("model3d")).toBeInTheDocument();
+		});
+
+		await set_data({ value: null });
+		await waitFor(() => {
+			expect(queryByTestId("model3d")).not.toBeInTheDocument();
+		});
+	});
+
+	test("switching from gltf to ply removes undo button", async () => {
+		const { set_data, getByTestId, getByLabelText, queryByLabelText } =
+			await render(Model3D, {
+				...base_props,
+				value: TEST_GLTF
+			});
+
+		await waitFor(() => {
+			expect(getByLabelText("Undo")).toBeInTheDocument();
+		});
+
+		await set_data({ value: TEST_PLY });
+		await waitFor(() => {
+			expect(getByTestId("model3d")).toBeInTheDocument();
+		});
+		expect(queryByLabelText("Undo")).not.toBeInTheDocument();
+	});
+
+	test("switching from ply to gltf restores undo button", async () => {
+		const { set_data, getByTestId, getByLabelText, queryByLabelText } =
+			await render(Model3D, {
+				...base_props,
+				value: TEST_PLY
+			});
+
+		await waitFor(() => {
+			expect(getByTestId("model3d")).toBeInTheDocument();
+		});
+		expect(queryByLabelText("Undo")).not.toBeInTheDocument();
+
+		await set_data({ value: TEST_GLTF });
+		await waitFor(() => {
+			expect(getByLabelText("Undo")).toBeInTheDocument();
+		});
+	});
+});
+
+test.todo(
+	"VISUAL: display_mode='solid' renders a solid-shaded mesh — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: display_mode='point_cloud' renders the mesh as points — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: display_mode='wireframe' renders the mesh as wireframe — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: clear_color sets the scene background colour — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: zoom_speed affects wheel zoom sensitivity — needs Playwright interaction + screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: camera_position sets initial alpha/beta/radius of the camera — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: height prop resizes the Block containing the viewer — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: pan_speed affects drag pan sensitivity — needs Playwright interaction + screenshot comparison"
+);
diff --git a/js/model3D/README.md b/js/model3D/README.md
new file mode 100644
index 0000000..e480e62
--- /dev/null
+++ b/js/model3D/README.md
@@ -0,0 +1,49 @@
+# `gradio/model3d`
+
+```html
+<script>
+    import {BaseModel3D, BaseModel3DUpload, BaseExample } from `@gradio/model3d`;
+</script>
+```
+
+BaseModel3D
+```javascript
+	export let value: FileData | null;
+	export let clear_color: [number, number, number, number] = [0, 0, 0, 0];
+	export let label = "";
+	export let show_label: boolean;
+	export let i18n: I18nFormatter;
+	export let zoom_speed = 1;
+
+	// alpha, beta, radius
+	export let camera_position: [number | null, number | null, number | null] = [
+		null,
+		null,
+		null
+	];
+```
+
+BaseModel3DUpload
+```javascript
+	export let value: null | FileData;
+	export let clear_color: [number, number, number, number] = [0, 0, 0, 0];
+	export let label = "";
+	export let show_label: boolean;
+	export let root: string;
+	export let i18n: I18nFormatter;
+	export let zoom_speed = 1;
+
+	// alpha, beta, radius
+	export let camera_position: [number | null, number | null, number | null] = [
+		null,
+		null,
+		null
+	];
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/model3D/package.json b/js/model3D/package.json
new file mode 100644
index 0000000..68d0f6b
--- /dev/null
+++ b/js/model3D/package.json
@@ -0,0 +1,54 @@
+{
+	"name": "@gradio/model3d",
+	"version": "0.18.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@babylonjs/core": "^8.30.5",
+		"@babylonjs/loaders": "^8.30.5",
+		"@babylonjs/viewer": "^8.30.5",
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@types/babylon": "^6.16.9",
+		"dequal": "^2.0.3",
+		"gsplat": "^1.2.9"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./base": {
+			"gradio": "./shared/Model3D.svelte",
+			"svelte": "./dist/shared/Model3D.svelte",
+			"types": "./dist/shared/Model3D.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/model3D"
+	}
+}
diff --git a/js/model3D/shared/Canvas3D.svelte b/js/model3D/shared/Canvas3D.svelte
new file mode 100644
index 0000000..86284a3
--- /dev/null
+++ b/js/model3D/shared/Canvas3D.svelte
@@ -0,0 +1,143 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import type { FileData } from "@gradio/client";
+	import type { Viewer, ViewerDetails } from "@babylonjs/viewer";
+
+	let BABYLON_VIEWER: typeof import("@babylonjs/viewer");
+
+	let {
+		value,
+		display_mode,
+		clear_color,
+		camera_position,
+		zoom_speed,
+		pan_speed
+	}: {
+		value: FileData;
+		display_mode: "solid" | "point_cloud" | "wireframe";
+		clear_color: [number, number, number, number];
+		camera_position: [number | null, number | null, number | null];
+		zoom_speed: number;
+		pan_speed: number;
+	} = $props();
+
+	let url = $derived(value.url);
+
+	let canvas: HTMLCanvasElement;
+	let viewer = $state<Viewer>();
+	let viewerDetails = $state<Readonly<ViewerDetails>>();
+	let mounted = $state(false);
+
+	onMount(() => {
+		let active = true;
+
+		const initViewer = async (): Promise<void> => {
+			BABYLON_VIEWER = await import("@babylonjs/viewer");
+			const promiseViewer = await BABYLON_VIEWER.CreateViewerForCanvas(canvas, {
+				clearColor: clear_color,
+				useRightHandedSystem: true,
+				animationAutoPlay: true,
+				cameraAutoOrbit: { enabled: false },
+				onInitialized: (details: any) => {
+					viewerDetails = details;
+				}
+			});
+
+			if (!active) {
+				promiseViewer.dispose();
+				return;
+			}
+
+			viewer = promiseViewer;
+			mounted = true;
+		};
+
+		void initViewer();
+
+		return () => {
+			active = false;
+			mounted = false;
+			viewer?.dispose();
+			viewer = undefined;
+		};
+	});
+
+	$effect(() => {
+		if (mounted) {
+			void load_model(url);
+		}
+	});
+
+	function setRenderingMode(pointsCloud: boolean, wireframe: boolean): void {
+		if (!viewerDetails) return;
+		viewerDetails.scene.forcePointsCloud = pointsCloud;
+		viewerDetails.scene.forceWireframe = wireframe;
+	}
+
+	async function load_model(url: string | undefined): Promise<void> {
+		const currentViewer = viewer;
+		if (!currentViewer) return;
+
+		if (url) {
+			try {
+				await currentViewer.loadModel(url, {
+					pluginOptions: {
+						obj: {
+							importVertexColors: true
+						}
+					}
+				});
+			} catch (error) {
+				if (mounted && currentViewer === viewer) {
+					console.error(error);
+				}
+				return;
+			}
+
+			if (!mounted || currentViewer !== viewer) return;
+
+			if (display_mode === "point_cloud") {
+				setRenderingMode(true, false);
+			} else if (display_mode === "wireframe") {
+				setRenderingMode(false, true);
+			} else {
+				update_camera(camera_position, zoom_speed, pan_speed);
+			}
+		} else {
+			currentViewer.resetModel();
+		}
+	}
+
+	export function update_camera(
+		camera_position: [number | null, number | null, number | null],
+		zoom_speed: number,
+		pan_speed: number
+	): void {
+		if (!viewerDetails) return;
+		const camera = viewerDetails.camera;
+		if (camera_position[0] !== null) {
+			camera.alpha = (camera_position[0] * Math.PI) / 180;
+		}
+		if (camera_position[1] !== null) {
+			camera.beta = (camera_position[1] * Math.PI) / 180;
+		}
+		if (camera_position[2] !== null) {
+			camera.radius = camera_position[2];
+		}
+		camera.lowerRadiusLimit = 0.1;
+		const updateCameraSensibility = (): void => {
+			camera.wheelPrecision = 250 / (camera.radius * zoom_speed);
+			camera.panningSensibility = (10000 * pan_speed) / camera.radius;
+		};
+		updateCameraSensibility();
+		camera.onAfterCheckInputsObservable.add(updateCameraSensibility);
+	}
+
+	export function reset_camera_position(): void {
+		if (viewerDetails && viewer) {
+			viewer.resetCamera();
+		}
+	}
+</script>
+
+<canvas bind:this={canvas}></canvas>
diff --git a/js/model3D/shared/Canvas3DGS.svelte b/js/model3D/shared/Canvas3DGS.svelte
new file mode 100644
index 0000000..f37b302
--- /dev/null
+++ b/js/model3D/shared/Canvas3DGS.svelte
@@ -0,0 +1,110 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import * as SPLAT from "gsplat";
+	import type { FileData } from "@gradio/client";
+
+	let {
+		value,
+		zoom_speed,
+		pan_speed
+	}: {
+		value: FileData;
+		zoom_speed: number;
+		pan_speed: number;
+	} = $props();
+
+	let url = $derived(value.url);
+
+	let canvas: HTMLCanvasElement;
+	let scene: SPLAT.Scene;
+	let camera: SPLAT.Camera;
+	let renderer: SPLAT.WebGLRenderer | null = null;
+	let controls: SPLAT.OrbitControls;
+	let mounted = $state(false);
+	let frameId: number | null = null;
+
+	function reset_scene(): void {
+		if (frameId !== null) {
+			cancelAnimationFrame(frameId);
+			frameId = null;
+		}
+
+		if (renderer !== null) {
+			renderer.dispose();
+			renderer = null;
+		}
+
+		scene = new SPLAT.Scene();
+		camera = new SPLAT.Camera();
+		renderer = new SPLAT.WebGLRenderer(canvas);
+		controls = new SPLAT.OrbitControls(camera, canvas);
+		controls.zoomSpeed = zoom_speed;
+		controls.panSpeed = pan_speed;
+
+		if (!value) {
+			return;
+		}
+
+		let loading = false;
+		const load = async (): Promise<void> => {
+			if (loading) {
+				console.error("Already loading");
+				return;
+			}
+			if (!url) {
+				throw new Error("No resolved URL");
+			}
+			loading = true;
+			if (url.endsWith(".ply")) {
+				await SPLAT.PLYLoader.LoadAsync(url, scene, undefined);
+			} else if (url.endsWith(".splat")) {
+				await SPLAT.Loader.LoadAsync(url, scene, undefined);
+			} else {
+				throw new Error("Unsupported file type");
+			}
+			loading = false;
+		};
+
+		const frame = (): void => {
+			if (!renderer) {
+				return;
+			}
+
+			if (loading) {
+				frameId = requestAnimationFrame(frame);
+				return;
+			}
+
+			controls.update();
+			renderer.render(scene, camera);
+
+			frameId = requestAnimationFrame(frame);
+		};
+
+		load();
+		frameId = requestAnimationFrame(frame);
+	}
+
+	onMount(() => {
+		if (value != null) {
+			reset_scene();
+		}
+		mounted = true;
+
+		return () => {
+			if (renderer) {
+				renderer.dispose();
+			}
+		};
+	});
+
+	let path = $derived(value?.path);
+
+	$effect(() => {
+		if (canvas && mounted && path) {
+			reset_scene();
+		}
+	});
+</script>
+
+<canvas bind:this={canvas}></canvas>
diff --git a/js/model3D/shared/Model3D.svelte b/js/model3D/shared/Model3D.svelte
new file mode 100644
index 0000000..68fea92
--- /dev/null
+++ b/js/model3D/shared/Model3D.svelte
@@ -0,0 +1,144 @@
+<script lang="ts">
+	import type { FileData } from "@gradio/client";
+	import { BlockLabel, IconButton, IconButtonWrapper } from "@gradio/atoms";
+	import { File, Download, Undo } from "@gradio/icons";
+	import type { I18nFormatter } from "@gradio/utils";
+	import { dequal } from "dequal";
+	import type Canvas3DGS from "./Canvas3DGS.svelte";
+	import type Canvas3D from "./Canvas3D.svelte";
+
+	let {
+		value,
+		display_mode = "solid",
+		clear_color = [0, 0, 0, 0],
+		label = "",
+		show_label,
+		i18n,
+		zoom_speed = 1,
+		pan_speed = 1,
+		camera_position = [null, null, null],
+		has_change_history = false
+	}: {
+		value: FileData | null;
+		display_mode?: "solid" | "point_cloud" | "wireframe";
+		clear_color?: [number, number, number, number];
+		label?: string;
+		show_label: boolean;
+		i18n: I18nFormatter;
+		zoom_speed?: number;
+		pan_speed?: number;
+		camera_position?: [number | null, number | null, number | null];
+		has_change_history?: boolean;
+	} = $props();
+
+	let current_settings = $state({ camera_position, zoom_speed, pan_speed });
+	let use_3dgs = $state(false);
+	let Canvas3DGSComponent = $state<typeof Canvas3DGS>();
+	let Canvas3DComponent = $state<typeof Canvas3D>();
+	let canvas3d = $state<Canvas3D | undefined>();
+
+	async function loadCanvas3D(): Promise<typeof Canvas3D> {
+		const module = await import("./Canvas3D.svelte");
+		return module.default;
+	}
+	async function loadCanvas3DGS(): Promise<typeof Canvas3DGS> {
+		const module = await import("./Canvas3DGS.svelte");
+		return module.default;
+	}
+
+	$effect(() => {
+		if (value) {
+			use_3dgs = value.path.endsWith(".splat") || value.path.endsWith(".ply");
+			if (use_3dgs) {
+				loadCanvas3DGS().then((component) => {
+					Canvas3DGSComponent = component;
+				});
+			} else {
+				loadCanvas3D().then((component) => {
+					Canvas3DComponent = component;
+				});
+			}
+		}
+	});
+
+	function handle_undo(): void {
+		canvas3d?.reset_camera_position();
+	}
+
+	$effect(() => {
+		if (
+			!dequal(current_settings.camera_position, camera_position) ||
+			current_settings.zoom_speed !== zoom_speed ||
+			current_settings.pan_speed !== pan_speed
+		) {
+			canvas3d?.update_camera(camera_position, zoom_speed, pan_speed);
+			current_settings = { camera_position, zoom_speed, pan_speed };
+		}
+	});
+</script>
+
+<BlockLabel
+	{show_label}
+	Icon={File}
+	label={label || i18n("3D_model.3d_model")}
+/>
+{#if value}
+	<div class="model3D" data-testid="model3d">
+		<IconButtonWrapper>
+			{#if !use_3dgs}
+				<!-- Canvas3DGS doesn't implement the undo method (reset_camera_position) -->
+				<IconButton
+					Icon={Undo}
+					label="Undo"
+					onclick={() => handle_undo()}
+					disabled={!has_change_history}
+				/>
+			{/if}
+			<a
+				href={value.url}
+				target={window.__is_colab__ ? "_blank" : null}
+				download={window.__is_colab__ ? null : value.orig_name || value.path}
+				data-testid="model3d-download-link"
+			>
+				<IconButton Icon={Download} label={i18n("common.download")} />
+			</a>
+		</IconButtonWrapper>
+
+		{#if use_3dgs}
+			<svelte:component
+				this={Canvas3DGSComponent}
+				{value}
+				{zoom_speed}
+				{pan_speed}
+			/>
+		{:else}
+			<svelte:component
+				this={Canvas3DComponent}
+				bind:this={canvas3d}
+				{value}
+				{display_mode}
+				{clear_color}
+				{camera_position}
+				{zoom_speed}
+				{pan_speed}
+			/>
+		{/if}
+	</div>
+{/if}
+
+<style>
+	.model3D {
+		display: flex;
+		position: relative;
+		width: var(--size-full);
+		height: var(--size-full);
+		border-radius: var(--block-radius);
+		overflow: hidden;
+	}
+	.model3D :global(canvas) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: contain;
+		overflow: hidden;
+	}
+</style>
diff --git a/js/model3D/shared/Model3DUpload.svelte b/js/model3D/shared/Model3DUpload.svelte
new file mode 100644
index 0000000..c6309af
--- /dev/null
+++ b/js/model3D/shared/Model3DUpload.svelte
@@ -0,0 +1,179 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import { Upload, ModifyUpload } from "@gradio/upload";
+	import type { FileData, Client } from "@gradio/client";
+	import { BlockLabel } from "@gradio/atoms";
+	import { File } from "@gradio/icons";
+	import type { I18nFormatter } from "@gradio/utils";
+	import type Canvas3DGS from "./Canvas3DGS.svelte";
+	import type Canvas3D from "./Canvas3D.svelte";
+
+	let {
+		value = $bindable(),
+		display_mode = "solid",
+		clear_color = [0, 0, 0, 0],
+		label = "",
+		show_label,
+		root,
+		i18n,
+		zoom_speed = 1,
+		pan_speed = 1,
+		max_file_size = null,
+		uploading = $bindable(),
+		upload_promise = $bindable(),
+		camera_position = [null, null, null],
+		upload,
+		stream_handler,
+		onchange,
+		onclear,
+		ondrag,
+		onload,
+		onerror
+	}: {
+		value?: FileData | null;
+		display_mode?: "solid" | "point_cloud" | "wireframe";
+		clear_color?: [number, number, number, number];
+		label?: string;
+		show_label: boolean;
+		root: string;
+		i18n: I18nFormatter;
+		zoom_speed?: number;
+		pan_speed?: number;
+		max_file_size?: number | null;
+		uploading?: boolean;
+		upload_promise?: Promise<(FileData | null)[]> | null;
+		camera_position?: [number | null, number | null, number | null];
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		onchange?: (value: FileData | null) => void;
+		onclear?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onload?: (value: FileData) => void;
+		onerror?: (error: string) => void;
+	} = $props();
+
+	let use_3dgs = $state(false);
+	let Canvas3DGSComponent = $state<typeof Canvas3DGS>();
+	let Canvas3DComponent = $state<typeof Canvas3D>();
+	let canvas3d = $state<Canvas3D | undefined>();
+	let dragging = $state(false);
+
+	async function loadCanvas3D(): Promise<typeof Canvas3D> {
+		const module = await import("./Canvas3D.svelte");
+		return module.default;
+	}
+	async function loadCanvas3DGS(): Promise<typeof Canvas3DGS> {
+		const module = await import("./Canvas3DGS.svelte");
+		return module.default;
+	}
+
+	$effect(() => {
+		if (value) {
+			use_3dgs = value.path.endsWith(".splat") || value.path.endsWith(".ply");
+			if (use_3dgs) {
+				loadCanvas3DGS().then((component) => {
+					Canvas3DGSComponent = component;
+				});
+			} else {
+				loadCanvas3D().then((component) => {
+					Canvas3DComponent = component;
+				});
+			}
+		}
+	});
+
+	$effect(() => {
+		ondrag?.(dragging);
+	});
+
+	async function handle_upload(detail: FileData): Promise<void> {
+		value = detail;
+		await tick();
+		onchange?.(value);
+		onload?.(value as FileData);
+	}
+
+	async function handle_clear(): Promise<void> {
+		value = null;
+		await tick();
+		onclear?.();
+		onchange?.(null);
+	}
+
+	async function handle_undo(): Promise<void> {
+		canvas3d?.reset_camera_position();
+	}
+
+	function handle_error(error: string): void {
+		onerror?.(error);
+	}
+</script>
+
+<BlockLabel {show_label} Icon={File} label={label || "3D Model"} />
+
+{#if value == null}
+	<Upload
+		bind:upload_promise
+		{upload}
+		{stream_handler}
+		onload={handle_upload}
+		{root}
+		{max_file_size}
+		filetype={[".stl", ".obj", ".gltf", ".glb", "model/obj", ".splat", ".ply"]}
+		bind:dragging
+		bind:uploading
+		onerror={handle_error}
+		aria_label={i18n("model3d.drop_to_upload")}
+	>
+		<slot />
+	</Upload>
+{:else}
+	<div class="input-model">
+		<ModifyUpload
+			undoable={!use_3dgs}
+			onclear={handle_clear}
+			{i18n}
+			onundo={handle_undo}
+		/>
+
+		{#if use_3dgs}
+			<svelte:component
+				this={Canvas3DGSComponent}
+				{value}
+				{zoom_speed}
+				{pan_speed}
+			/>
+		{:else}
+			<svelte:component
+				this={Canvas3DComponent}
+				bind:this={canvas3d}
+				{value}
+				{display_mode}
+				{clear_color}
+				{camera_position}
+				{zoom_speed}
+				{pan_speed}
+			/>
+		{/if}
+	</div>
+{/if}
+
+<style>
+	.input-model {
+		display: flex;
+		position: relative;
+		justify-content: center;
+		align-items: center;
+		width: var(--size-full);
+		height: var(--size-full);
+		border-radius: var(--block-radius);
+		overflow: hidden;
+	}
+
+	.input-model :global(canvas) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: contain;
+		overflow: hidden;
+	}
+</style>
diff --git a/js/model3D/types.ts b/js/model3D/types.ts
new file mode 100644
index 0000000..6f65af7
--- /dev/null
+++ b/js/model3D/types.ts
@@ -0,0 +1,24 @@
+import type { FileData } from "@gradio/client";
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
+import type { CustomButton } from "@gradio/utils";
+
+export interface Model3DProps {
+	value: null | FileData;
+	display_mode: "solid" | "point_cloud" | "wireframe";
+	clear_color: [number, number, number, number];
+	height: number | undefined;
+	zoom_speed: number;
+	has_change_history: boolean;
+	camera_position: [number | null, number | null, number | null];
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface Model3DEvents {
+	change: FileData | null;
+	upload: FileData;
+	edit: never;
+	clear: never;
+	clear_status: LoadingStatus;
+	error: string;
+	custom_button_click: { id: number };
+}
diff --git a/js/multimodaltextbox/CHANGELOG.md b/js/multimodaltextbox/CHANGELOG.md
new file mode 100644
index 0000000..11d79cc
--- /dev/null
+++ b/js/multimodaltextbox/CHANGELOG.md
@@ -0,0 +1,1315 @@
+# @gradio/multimodaltextbox
+
+## 0.14.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/image@0.28.0
+- @gradio/video@0.22.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+- @gradio/audio@0.24.1
+
+## 0.13.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/image@0.27.0
+- @gradio/video@0.21.0
+- @gradio/audio@0.24.0
+
+## 0.12.0
+
+### Features
+
+- [#13509](https://github.com/gradio-app/gradio/pull/13509) [`dcd072c`](https://github.com/gradio-app/gradio/commit/dcd072cd57f09ffd2dc5f97ae6afc505894824a6) - Migrate Chatbot, Tabs, TabItem to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+- @gradio/audio@0.23.4
+
+## 0.11.11
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.11.11
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+- @gradio/image@0.26.3
+- @gradio/video@0.20.8
+- @gradio/audio@0.23.3
+
+## 0.11.10
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/image@0.26.2
+- @gradio/video@0.20.7
+- @gradio/audio@0.23.2
+
+## 0.11.9
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/image@0.26.1
+- @gradio/video@0.20.6
+- @gradio/audio@0.23.1
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/image@0.26.0
+- @gradio/video@0.20.5
+- @gradio/audio@0.23.0
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+- @gradio/image@0.25.4
+- @gradio/video@0.20.4
+- @gradio/audio@0.22.4
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+- @gradio/video@0.20.3
+- @gradio/image@0.25.3
+- @gradio/audio@0.22.3
+
+## 0.11.5
+
+### Fixes
+
+- [#12789](https://github.com/gradio-app/gradio/pull/12789) [`af5e86f`](https://github.com/gradio-app/gradio/commit/af5e86f10d95cc71ee4cb950e455dbdc8e138983) - Migrate gr.MultimodalTextbox.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/image@0.25.2
+- @gradio/upload@0.17.5
+- @gradio/video@0.20.2
+- @gradio/audio@0.22.2
+
+## 0.11.4
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12795](https://github.com/gradio-app/gradio/pull/12795) [`184968a`](https://github.com/gradio-app/gradio/commit/184968aa13636b5afe78f8ae443cd7fc29635bfa) - Add fade effect to overflowing text.  Thanks @hannahblair!
+- [#12594](https://github.com/gradio-app/gradio/pull/12594) [`c2f0f19`](https://github.com/gradio-app/gradio/commit/c2f0f1949d453bc850fa65e5b140067008a83e22) - add conditional rendering for the upload button in multimodal textbox.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/image@0.25.1
+- @gradio/video@0.20.1
+- @gradio/audio@0.22.1
+
+## 0.11.3
+
+### Fixes
+
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+- @gradio/video@0.20.0
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/image@0.25.0
+- @gradio/video@0.19.0
+- @gradio/audio@0.22.0
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/audio@0.21.0
+- @gradio/video@0.18.0
+
+## 0.11.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.11.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - remove_placeholder_type_here
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve gr.MultimodalTextbox in mobile
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add minimal recording UI to gr.MultimodalTextbox
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Unit test fixes
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+- @gradio/upload@0.17.2
+- @gradio/image@0.24.0
+- @gradio/video@0.17.0
+- @gradio/client@2.0.0
+- @gradio/audio@0.20.0
+
+## 0.11.0-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+- @gradio/audio@0.20.0-dev.4
+- @gradio/image@0.24.0-dev.2
+- @gradio/video@0.17.0-dev.2
+
+## 0.11.0-dev.1
+
+### Features
+
+- [#12088](https://github.com/gradio-app/gradio/pull/12088) [`199de34`](https://github.com/gradio-app/gradio/commit/199de3428291b799ae334474132f3d2ceef31e9d) - Improve gr.MultimodalTextbox in mobile.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/image@0.23.2-dev.1
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/video@0.17.0-dev.1
+
+## 0.10.22-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.10.22-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/image@0.23.2-dev.0
+- @gradio/video@0.17.0-dev.0
+
+## 0.10.21
+
+### Fixes
+
+- [#12019](https://github.com/gradio-app/gradio/pull/12019) [`81fc464`](https://github.com/gradio-app/gradio/commit/81fc4647cdc9ffd724b69ec7286f1d686571062a) - Fix MultimodalTextbox autofocus issue when file_types is specified.  Thanks @freddyaboulton!
+
+## 0.10.20
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.10.20
+
+### Fixes
+
+- [#11937](https://github.com/gradio-app/gradio/pull/11937) [`1b97ed7`](https://github.com/gradio-app/gradio/commit/1b97ed760c6adc6f7eef613904b90a0bfd0e9970) - Fix bug where multimodaltextbox would focus on any app update.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.10.19
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/image@0.23.0
+- @gradio/video@0.16.0
+
+## 0.10.18
+
+### Fixes
+
+- [#11822](https://github.com/gradio-app/gradio/pull/11822) [`c9a5424`](https://github.com/gradio-app/gradio/commit/c9a5424e30bee42f4052d0fd1cef8dd61e8382f5) - Fix bug where multimodal textbox was not auto focused after updates.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+- @gradio/image@0.22.18
+- @gradio/video@0.15.1
+
+## 0.10.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.10.17
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.10.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+- @gradio/video@0.15.0
+
+## 0.10.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/video@0.14.24
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/image@0.22.16
+
+## 0.10.15
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/video@0.14.23
+- @gradio/client@1.16.0
+- @gradio/image@0.22.15
+
+## 0.10.14
+
+### Fixes
+
+- [#11650](https://github.com/gradio-app/gradio/pull/11650) [`81f9296`](https://github.com/gradio-app/gradio/commit/81f92968812e258d0f5e6f7c0ab7db6d6fb58719) - Fix some DeepLink Bugs.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/video@0.14.22
+- @gradio/client@1.15.7
+- @gradio/image@0.22.14
+
+## 0.10.13
+
+### Dependency updates
+
+- @gradio/video@0.14.21
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+- @gradio/image@0.22.13
+
+## 0.10.12
+
+### Fixes
+
+- [#11537](https://github.com/gradio-app/gradio/pull/11537) [`8eb253b`](https://github.com/gradio-app/gradio/commit/8eb253be32a01c0c67911d7a7a3762c52a76a87b) - fix html attribute spreading bug and pin `httpx`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/video@0.14.20
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/video@0.14.19
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+
+## 0.10.10
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/video@0.14.18
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/image@0.22.10
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/video@0.14.17
+- @gradio/client@1.15.2
+- @gradio/image@0.22.9
+
+## 0.10.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/video@0.14.16
+- @gradio/image@0.22.8
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/image@0.22.7
+- @gradio/video@0.14.15
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/image@0.22.6
+- @gradio/video@0.14.14
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/video@0.14.13
+- @gradio/upload@0.16.4
+- @gradio/image@0.22.5
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/video@0.14.12
+- @gradio/image@0.22.4
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/image@0.22.3
+- @gradio/upload@0.16.3
+- @gradio/video@0.14.11
+- @gradio/atoms@0.16.0
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/video@0.14.10
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/image@0.22.2
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+- @gradio/image@0.22.1
+- @gradio/video@0.14.9
+
+## 0.10.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+
+### Fixes
+
+- [#10925](https://github.com/gradio-app/gradio/pull/10925) [`c37de0f`](https://github.com/gradio-app/gradio/commit/c37de0f9081f30ac963b0c837e8f1985461afbb1) - Tweak `rtl` UI in `gr.MultimodalTextbox`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/video@0.14.8
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+- @gradio/image@0.22.0
+
+## 0.9.14
+
+### Dependency updates
+
+- @gradio/video@0.14.7
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/image@0.21.7
+
+## 0.9.13
+
+### Fixes
+
+- [#10902](https://github.com/gradio-app/gradio/pull/10902) [`b9b8d08`](https://github.com/gradio-app/gradio/commit/b9b8d08bd2cfb4c89444f5ca3066b1d733c8a807) - Fix disabling buttons in `MultimodalTextbox` when `interactive=False`.  Thanks @lara-gfaria!
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/video@0.14.6
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/upload@0.15.6
+- @gradio/image@0.21.6
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/image@0.21.5
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/video@0.14.5
+- @gradio/atoms@0.14.0
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/video@0.14.4
+- @gradio/client@1.13.1
+- @gradio/upload@0.15.4
+- @gradio/image@0.21.4
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/video@0.14.3
+- @gradio/client@1.13.0
+- @gradio/image@0.21.3
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/image@0.21.2
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/video@0.14.2
+- @gradio/atoms@0.13.3
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/video@0.14.1
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/image@0.21.1
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/image@0.21.0
+- @gradio/video@0.14.0
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/image@0.20.4
+- @gradio/video@0.13.4
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/image@0.20.3
+- @gradio/video@0.13.3
+
+## 0.9.3
+
+### Fixes
+
+- [#10405](https://github.com/gradio-app/gradio/pull/10405) [`92dda15`](https://github.com/gradio-app/gradio/commit/92dda15f6d1c71929d3bdca1910734309db72458) - Hide the waveform when playing recorded audio if `show_recording_waveform` is `False`.  Thanks @abidlabs!
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/video@0.13.2
+- @gradio/statustracker@0.10.2
+- @gradio/image@0.20.2
+
+## 0.9.1
+
+### Fixes
+
+- [#10322](https://github.com/gradio-app/gradio/pull/10322) [`d2691e7`](https://github.com/gradio-app/gradio/commit/d2691e7436f722781ee61db43ce3f2d5ccc3e253) - Quick Fix: Multimodal microphone audio not clearing.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/video@0.13.1
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/image@0.20.1
+
+## 0.9.0
+
+### Features
+
+- [#10186](https://github.com/gradio-app/gradio/pull/10186) [`9b17032`](https://github.com/gradio-app/gradio/commit/9b17032a6564c8bda4ab1749989a9797c670919c) - Add Microphone Input to MultimodalTextbox.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/image@0.20.0
+- @gradio/video@0.13.0
+
+## 0.8.0
+
+### Features
+
+- [#10135](https://github.com/gradio-app/gradio/pull/10135) [`3e93740`](https://github.com/gradio-app/gradio/commit/3e93740f057712278a7c2194a1702f48915683e1) - Improve pasted text behaviour in `Multimodaltextbox`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#10168](https://github.com/gradio-app/gradio/pull/10168) [`7d70596`](https://github.com/gradio-app/gradio/commit/7d70596d0b3343dc4b357758f85420a0afdb65a2) - Multimodal autofocus fix.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/video@0.12.1
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+- @gradio/image@0.19.0
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/image@0.18.0
+- @gradio/video@0.12.0
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/video@0.11.9
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+- @gradio/image@0.17.0
+
+## 0.7.6
+
+### Fixes
+
+- [#9946](https://github.com/gradio-app/gradio/pull/9946) [`a966e9f`](https://github.com/gradio-app/gradio/commit/a966e9f753af25eb9d813dfdbce39be6f3014d82) - Hide upload button after upload when `file_count="single"`.  Thanks @abidlabs!
+- [#9904](https://github.com/gradio-app/gradio/pull/9904) [`f523c91`](https://github.com/gradio-app/gradio/commit/f523c915d3732859ff4a8019a82cb597b5208ae2) - Ensure dropped files are validated in MultimediaTextbox.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/video@0.11.8
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+- @gradio/image@0.16.8
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/video@0.11.7
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/image@0.16.7
+
+## 0.7.4
+
+### Fixes
+
+- [#9831](https://github.com/gradio-app/gradio/pull/9831) [`767643f`](https://github.com/gradio-app/gradio/commit/767643fdeccb1ae1481e1d79034317082144b371) - Fix a bug in example textbox rendering when it is initially invisible.  Thanks @cornzz!
+
+### Dependency updates
+
+- @gradio/video@0.11.6
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/image@0.16.6
+- @gradio/upload@0.13.5
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/video@0.11.5
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+- @gradio/image@0.16.5
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/video@0.11.4
+- @gradio/atoms@0.9.2
+- @gradio/image@0.16.4
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/video@0.11.3
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/image@0.16.3
+
+## 0.7.0
+
+### Features
+
+- [#9677](https://github.com/gradio-app/gradio/pull/9677) [`3a19e69`](https://github.com/gradio-app/gradio/commit/3a19e690ef8de12c4494429d52988b863065eed3) - Revert text disable.  Thanks @whitphx!
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/image@0.16.2
+- @gradio/video@0.11.2
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/video@0.11.1
+- @gradio/statustracker@0.8.1
+- @gradio/image@0.16.1
+
+## 0.6.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot Examples
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Some more chatbot fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Disable the submit button and enter-key submit when the text is empty
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Match style of textbox stop button to submit button
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Fixes
+
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix File Types for MultimodalTextbox
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+- @gradio/upload@0.13.0
+- @gradio/image@0.16.0
+- @gradio/video@0.11.0
+- @gradio/client@1.6.0
+
+## 0.6.0-beta.7
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+- [#9593](https://github.com/gradio-app/gradio/pull/9593) [`cc61fe7`](https://github.com/gradio-app/gradio/commit/cc61fe7047ac61779a61cce52c666400b9517daa) - Some more chatbot fixes.  Thanks @dawoodkhan82!
+- [#9583](https://github.com/gradio-app/gradio/pull/9583) [`b92a762`](https://github.com/gradio-app/gradio/commit/b92a7623e1ebd801587041e1ccca058a61058da9) - Disable the submit button and enter-key submit when the text is empty.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/image@0.16.0-beta.7
+- @gradio/video@0.11.0-beta.7
+
+## 0.6.0-beta.6
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.6
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/image@0.16.0-beta.6
+
+## 0.6.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/video@0.11.0-beta.5
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/image@0.16.0-beta.5
+
+## 0.6.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/image@0.16.0-beta.4
+- @gradio/video@0.11.0-beta.4
+
+## 0.6.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/video@0.11.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/image@0.16.0-beta.3
+
+## 0.6.0-beta.2
+
+### Features
+
+- [#8966](https://github.com/gradio-app/gradio/pull/8966) [`8e52b6a`](https://github.com/gradio-app/gradio/commit/8e52b6a3e75957462bc7fdbf6ff9c280084d5f08) - Chatbot Examples.  Thanks @dawoodkhan82!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9280](https://github.com/gradio-app/gradio/pull/9280) [`7122420`](https://github.com/gradio-app/gradio/commit/712242047fde3a594dfde7f48a44c7ea16239dc8) - Match style of textbox stop button to submit button.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#9393](https://github.com/gradio-app/gradio/pull/9393) [`53ed0f0`](https://github.com/gradio-app/gradio/commit/53ed0f030551ad876a1fea28a9db9015ba6ec33e) - Fix File Types for MultimodalTextbox.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/image@0.16.0-beta.2
+- @gradio/video@0.11.0-beta.2
+
+## 0.6.0-beta.1
+
+### Features
+
+- [#9235](https://github.com/gradio-app/gradio/pull/9235) [`f8b411f`](https://github.com/gradio-app/gradio/commit/f8b411fe282ff0316ed4abebc0a043b044bf4dd9) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/video@0.11.0-beta.1
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/image@0.16.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+
+## 0.5.7
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/image@0.15.1
+- @gradio/video@0.10.4
+
+## 0.5.6
+
+### Features
+
+- [#9031](https://github.com/gradio-app/gradio/pull/9031) [`04b7d32`](https://github.com/gradio-app/gradio/commit/04b7d327ec1227a693fc2dfea51b1e2729851bde) - Allow drag and replace image in `gr.Image` and Multimodal textbox.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+- @gradio/image@0.15.0
+- @gradio/video@0.10.3
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/image@0.14.0
+- @gradio/video@0.10.2
+
+## 0.5.4
+
+### Fixes
+
+- [#8899](https://github.com/gradio-app/gradio/pull/8899) [`20444f9`](https://github.com/gradio-app/gradio/commit/20444f9b56f95240d00759f31a1b831b9eb53160) - Fix Chatbot Multimodal Examples.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/image@0.13.1
+- @gradio/video@0.10.1
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/image@0.13.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/image@0.12.2
+- @gradio/icons@0.6.0
+
+## 0.5.1
+
+### Fixes
+
+- [#8608](https://github.com/gradio-app/gradio/pull/8608) [`c12f82a`](https://github.com/gradio-app/gradio/commit/c12f82a36dc75ff30918dc2ce5f24e583b676f22) - Bugfix: Add a `file_count` parameter to `gr.MultimodalTextbox`. Multiple files cab be uploaded by setting `file_count="multiple"`. Default is `"single"` to preserve the previous behavior.  Thanks @freddyaboulton!
+- [#8637](https://github.com/gradio-app/gradio/pull/8637) [`c348392`](https://github.com/gradio-app/gradio/commit/c34839293f7ebad91d71caced84eea4a3790a558) - Multimodal textbox buttons alignment.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/image@0.12.1
+
+## 0.5.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+- [#8590](https://github.com/gradio-app/gradio/pull/8590) [`65afffd`](https://github.com/gradio-app/gradio/commit/65afffd34b79ba9117e8d9506ea82477204cb57d) - Fix multimodal chat look.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/image@0.12.0
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/image@0.11.10
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/image@0.11.9
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+- @gradio/image@0.11.8
+
+## 0.4.8
+
+### Features
+
+- [#8377](https://github.com/gradio-app/gradio/pull/8377) [`341844f`](https://github.com/gradio-app/gradio/commit/341844f04efe0e7e512c7ca443f3f2b195a32fa7) - Click to preview images in chatbot.  Thanks @dawoodkhan82!
+- [#8455](https://github.com/gradio-app/gradio/pull/8455) [`a970589`](https://github.com/gradio-app/gradio/commit/a970589cf57c72650f45fbc6a82ad9c52a6e4712) - Fix multimodal textbox placeholder.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8369](https://github.com/gradio-app/gradio/pull/8369) [`4795c6e`](https://github.com/gradio-app/gradio/commit/4795c6e9e942b5ce489e4451ef84fa75128d89d2) - Fix multimodal textbox styling for certain themes.  Thanks @dawoodkhan82!
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/image@0.11.7
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/image@0.11.6
+- @gradio/upload@0.10.6
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+- @gradio/image@0.11.5
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/image@0.11.4
+- @gradio/upload@0.10.4
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/image@0.11.3
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/image@0.11.2
+- @gradio/upload@0.10.2
+
+## 0.4.1
+
+### Features
+
+- [#8236](https://github.com/gradio-app/gradio/pull/8236) [`bf909bd`](https://github.com/gradio-app/gradio/commit/bf909bd14532a27e119fb401003a7d94c0618ffb) - Change upload icon for MultimodalTextbox.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/image@0.11.1
+- @gradio/upload@0.10.1
+
+## 0.4.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+- @gradio/image@0.11.0
+
+## 0.3.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/image@0.10.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.2.5
+
+### Fixes
+
+- [#8002](https://github.com/gradio-app/gradio/pull/8002) [`8903415`](https://github.com/gradio-app/gradio/commit/8903415e49b1526d31ff454b2235ea238e319c2c) - Add show_progress prop to Upload Component to bring back upload progress animation.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/image@0.9.12
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/image@0.9.11
+- @gradio/client@0.15.1
+
+## 0.2.3
+
+### Features
+
+- [#7875](https://github.com/gradio-app/gradio/pull/7875) [`e6d051d`](https://github.com/gradio-app/gradio/commit/e6d051dc8a497fdd6b4cfbd57efd4c8015b97a66) - Paste Images into MultimodalTextbox.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+- @gradio/image@0.9.10
+
+## 0.2.2
+
+### Fixes
+
+- [#7848](https://github.com/gradio-app/gradio/pull/7848) [`8d7b3ca`](https://github.com/gradio-app/gradio/commit/8d7b3caebd8f95b1372f8412cadbb5862766c365) - Multimodal Textbox Loading + other fixes.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+- @gradio/image@0.9.9
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+- @gradio/image@0.9.8
+
+## 0.2.0
+
+### Features
+
+- [#7420](https://github.com/gradio-app/gradio/pull/7420) [`15da39f`](https://github.com/gradio-app/gradio/commit/15da39fca01d09a30cf47e7e72d7efa5052f61f8) - Multimodal Textbox (Chat Input Component).  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/image@0.9.7
\ No newline at end of file
diff --git a/js/multimodaltextbox/Example.svelte b/js/multimodaltextbox/Example.svelte
new file mode 100644
index 0000000..84f7664
--- /dev/null
+++ b/js/multimodaltextbox/Example.svelte
@@ -0,0 +1,104 @@
+<script lang="ts">
+	import { Image } from "@gradio/image/shared";
+	import { Video } from "@gradio/video/shared";
+	import type { FileData } from "@gradio/client";
+
+	let {
+		value = { text: "", files: [] },
+		type,
+		selected = false
+	}: {
+		value?: { text: string; files: FileData[] };
+		type: "gallery" | "table";
+		selected?: boolean;
+	} = $props();
+
+	let size = $state<number>(0);
+	let el: HTMLDivElement;
+
+	function set_styles(element: HTMLElement, el_width: number): void {
+		element.style.setProperty(
+			"--local-text-width",
+			`${el_width && el_width < 150 ? el_width : 200}px`
+		);
+		element.style.whiteSpace = "unset";
+	}
+
+	$effect(() => {
+		if (el && size) {
+			set_styles(el, size);
+		}
+	});
+</script>
+
+<div
+	class="container"
+	bind:clientWidth={size}
+	bind:this={el}
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+	class:border={value}
+>
+	<p>{value.text ? value.text : ""}</p>
+	{#each value.files as file}
+		{#if file.mime_type && file.mime_type.includes("image")}
+			<Image src={file.url} alt="" />
+		{:else if file.mime_type && file.mime_type.includes("video")}
+			<Video src={file.url} alt="" loop={true} is_stream={false} />
+		{:else if file.mime_type && file.mime_type.includes("audio")}
+			<audio src={file.url} controls />
+		{:else}
+			{file.orig_name}
+		{/if}
+	{/each}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+		display: flex;
+		align-items: center;
+		gap: 20px;
+		overflow-x: auto;
+	}
+
+	div {
+		overflow: hidden;
+		min-width: var(--local-text-width);
+		white-space: nowrap;
+	}
+
+	.container :global(img),
+	.container :global(video) {
+		object-fit: contain;
+		width: 100px;
+		height: 100px;
+	}
+
+	.container.selected {
+		border-color: var(--border-color-accent);
+	}
+	.border.table {
+		border: 2px solid var(--border-color-primary);
+	}
+
+	.container.table {
+		margin: 0 auto;
+		border-radius: var(--radius-lg);
+		overflow-x: auto;
+		width: max-content;
+		height: max-content;
+		object-fit: cover;
+		padding: var(--size-2);
+	}
+
+	.container.gallery {
+		object-fit: cover;
+	}
+
+	div > :global(p) {
+		font-size: var(--text-lg);
+		white-space: normal;
+	}
+</style>
diff --git a/js/multimodaltextbox/Index.svelte b/js/multimodaltextbox/Index.svelte
new file mode 100644
index 0000000..f83c734
--- /dev/null
+++ b/js/multimodaltextbox/Index.svelte
@@ -0,0 +1,185 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+	export { default as BaseMultimodalTextbox } from "./shared/MultimodalTextbox.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio, type SelectData } from "@gradio/utils";
+	import MultimodalTextbox from "./shared/MultimodalTextbox.svelte";
+	import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { onMount, tick } from "svelte";
+	import type { WaveformOptions } from "../audio/shared/types";
+	import type {
+		MultimodalTextboxProps,
+		MultimodalTextboxEvents
+	} from "./types";
+
+	let upload_promise = $state<Promise<any> | null>(null);
+
+	class MultimodalTextboxGradio extends Gradio<
+		MultimodalTextboxEvents,
+		MultimodalTextboxProps
+	> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+			const data = await super.get_data();
+
+			return data;
+		}
+	}
+
+	let props = $props();
+	const gradio = new MultimodalTextboxGradio(props);
+
+	gradio.props.value = gradio.props.value ?? { text: "", files: [] };
+
+	let dragging = $state<boolean>(false);
+	let active_source = $state<"microphone" | null>(null);
+
+	let color_accent = "darkorange";
+
+	const waveform_settings = {
+		height: 50,
+		barWidth: 2,
+		barGap: 3,
+		cursorWidth: 2,
+		cursorColor: "#ddd5e9",
+		autoplay: false,
+		barRadius: 10,
+		dragToSeek: true,
+		normalize: true,
+		minPxPerSec: 20,
+		waveColor: "",
+		progressColor: "",
+		mediaControls: false as boolean | undefined,
+		sampleRate: 44100
+	};
+
+	onMount(() => {
+		color_accent = getComputedStyle(document?.documentElement).getPropertyValue(
+			"--color-accent"
+		);
+		set_trim_region_colour();
+		waveform_settings.waveColor =
+			gradio.props?.waveform_options?.waveform_color || "#9ca3af";
+		waveform_settings.progressColor =
+			gradio.props?.waveform_options?.waveform_progress_color || color_accent;
+		waveform_settings.mediaControls =
+			gradio.props?.waveform_options?.show_controls;
+		waveform_settings.sampleRate =
+			gradio.props?.waveform_options?.sample_rate || 44100;
+	});
+
+	const trim_region_settings = {
+		color: gradio.props?.waveform_options?.trim_region_color,
+		drag: true,
+		resize: true
+	};
+
+	function set_trim_region_colour(): void {
+		document.documentElement.style.setProperty(
+			"--trim-region-color",
+			trim_region_settings.color || color_accent
+		);
+	}
+
+	// Create const references to the callbacks so that afterUpdate in child is not called on every prop change
+	// in the DOM. See https://github.com/gradio-app/gradio/issues/11933
+
+	const upload_fn = (...args: Parameters<typeof gradio.shared.client.upload>) =>
+		gradio.shared.client.upload(...args);
+	const i18n = (s: string | null | undefined): string => gradio.i18n(s);
+	const stream_handler_fn = (
+		...args: Parameters<typeof gradio.shared.client.stream>
+	): EventSource => gradio.shared.client.stream(...args);
+
+	let sources_string = $derived(
+		gradio.props.sources.join(",") as
+			| "upload"
+			| "upload,microphone"
+			| "microphone"
+			| "microphone,upload"
+	);
+
+	let file_types_string = $derived.by(
+		() => (gradio.props.file_types || []).join(",") || null
+	);
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={[...(gradio.shared.elem_classes || []), "multimodal-textbox"]}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	padding={false}
+	border_mode={dragging ? "focus" : "base"}
+	rtl={gradio.props.rtl}
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+
+	<MultimodalTextbox
+		bind:upload_promise
+		bind:value={gradio.props.value}
+		value_is_output
+		bind:dragging
+		bind:active_source
+		{file_types_string}
+		root={gradio.shared.root}
+		label={gradio.shared.label || "MultimodalTextbox"}
+		info={gradio.props.info}
+		show_label={gradio.shared.show_label}
+		lines={gradio.props.lines}
+		rtl={gradio.props.rtl}
+		text_align={gradio.props.text_align}
+		waveform_settings={waveform_settings as WaveformOptions}
+		{i18n}
+		max_lines={!gradio.props.max_lines
+			? gradio.props.lines + 1
+			: gradio.props.max_lines}
+		placeholder={gradio.props.placeholder}
+		submit_btn={gradio.props.submit_btn}
+		stop_btn={gradio.props.stop_btn}
+		autofocus={gradio.props.autofocus}
+		autoscroll={gradio.shared.autoscroll}
+		file_count={gradio.props.file_count}
+		{sources_string}
+		max_file_size={gradio.shared.max_file_size}
+		onchange={(e) => {
+			gradio.props.value = e;
+			gradio.dispatch("change", gradio.props.value);
+		}}
+		oninput={() => gradio.dispatch("input")}
+		onsubmit={() => gradio.dispatch("submit")}
+		onstop={() => gradio.dispatch("stop")}
+		onblur={() => gradio.dispatch("blur")}
+		onselect={(e) => gradio.dispatch("select", e)}
+		onfocus={() => gradio.dispatch("focus")}
+		onerror={(detail) => {
+			gradio.dispatch("error", detail);
+		}}
+		onstop_recording={() => gradio.dispatch("stop_recording")}
+		onupload={(e) => gradio.dispatch("upload", e)}
+		onclear={() => gradio.dispatch("clear")}
+		disabled={!gradio.shared.interactive}
+		upload={upload_fn}
+		stream_handler={stream_handler_fn}
+		max_plain_text_length={gradio.props.max_plain_text_length}
+		html_attributes={gradio.props.html_attributes}
+	/>
+</Block>
diff --git a/js/multimodaltextbox/MultimodalTextbox.stories.svelte b/js/multimodaltextbox/MultimodalTextbox.stories.svelte
new file mode 100644
index 0000000..e39530b
--- /dev/null
+++ b/js/multimodaltextbox/MultimodalTextbox.stories.svelte
@@ -0,0 +1,119 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import MultimodalTextbox from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const cheetah = "/cheetah.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/MultimodalTextbox",
+		component: MultimodalTextbox,
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The textbox label",
+				name: "label"
+			},
+			show_label: {
+				options: [true, false],
+				description: "Whether to show the label",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			text_align: {
+				options: ["left", "right"],
+				description: "Whether to align the text left or right",
+				control: { type: "select" },
+				defaultValue: "left"
+			},
+			lines: {
+				options: [1, 5, 10, 20],
+				description: "The number of lines to display in the textbox",
+				control: { type: "select" },
+				defaultValue: 1
+			},
+			max_lines: {
+				options: [1, 5, 10, 20],
+				description:
+					"The maximum number of lines to allow users to type in the textbox",
+				control: { type: "select" },
+				defaultValue: 1
+			},
+			rtl: {
+				options: [true, false],
+				description: "Whether to render right-to-left",
+				control: { type: "boolean" },
+				defaultValue: false
+			},
+			sources: {
+				options: ["upload", "microphone"],
+				description: "The sources to enable",
+				control: { type: "select" },
+				defaultValue: ["upload", "microphone"]
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<MultimodalTextbox {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="MultimodalTextbox with file and label"
+	args={{
+		value: {
+			text: "sample text",
+			files: [
+				{
+					path: cheetah,
+					url: cheetah,
+					orig_name: "cheetah.jpg"
+				}
+			]
+		},
+		label: "My simple label",
+		show_label: true,
+		sources: ["upload", "microphone"],
+		file_types: [],
+		lines: 1,
+		max_lines: 5
+	}}
+	{template}
+/>
+<Story
+	name="Single file upload"
+	args={{
+		file_count: "single",
+		submit_btn: true,
+		sources: ["upload"],
+		file_types: [],
+		lines: 1,
+		max_lines: 5,
+		value: {
+			text: "sample text",
+			files: [
+				{
+					path: cheetah,
+					url: cheetah,
+					orig_name: "cheetah.jpg"
+				}
+			]
+		}
+	}}
+	{template}
+/>
+<Story
+	name="MultimodalTextbox with microphone input and right to left text"
+	args={{
+		label: "مرحبًا",
+		sources: ["microphone"],
+		file_types: [],
+		rtl: true,
+		submit_btn: true,
+		lines: 1,
+		max_lines: 5,
+		value: { text: "مرحبًا", files: [] }
+	}}
+	{template}
+/>
diff --git a/js/multimodaltextbox/MultimodalTextbox.test.ts b/js/multimodaltextbox/MultimodalTextbox.test.ts
new file mode 100644
index 0000000..58b6209
--- /dev/null
+++ b/js/multimodaltextbox/MultimodalTextbox.test.ts
@@ -0,0 +1,86 @@
+import { test, describe, assert, afterEach } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+import event from "@testing-library/user-event";
+
+import MultimodalTextbox from "./Index.svelte";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+const loading_status: LoadingStatus = {
+	eta: 0,
+	queue_position: 1,
+	queue_size: 1,
+	status: "complete" as LoadingStatus["status"],
+	scroll_to_output: false,
+	visible: true,
+	fn_index: 0,
+	show_progress: "full"
+};
+
+describe("MultimodalTextbox", () => {
+	afterEach(() => cleanup());
+
+	test("renders provided value", async () => {
+		const { getByDisplayValue } = await render(MultimodalTextbox, {
+			show_label: true,
+			max_lines: 1,
+			loading_status,
+			lines: 1,
+			value: { text: "hello world", files: [] },
+			label: "Textbox",
+			interactive: false,
+			root: "",
+			sources: []
+		});
+
+		const item: HTMLInputElement = getByDisplayValue(
+			"hello world"
+		) as HTMLInputElement;
+		assert.equal(item.value, "hello world");
+	});
+
+	test.skip("changing the text should update the value", async () => {
+		const { getByDisplayValue, listen } = await render(MultimodalTextbox, {
+			show_label: true,
+			max_lines: 10,
+			loading_status,
+			lines: 1,
+			value: { text: "hi ", files: [] },
+			label: "MultimodalTextbox",
+			interactive: true,
+			root: "",
+			sources: []
+		});
+
+		const item: HTMLInputElement = getByDisplayValue("hi") as HTMLInputElement;
+
+		const mock = listen("change");
+
+		item.focus();
+		await event.keyboard("some text");
+
+		assert.equal(item.value, "hi some text");
+		assert.equal(mock.callCount, 9);
+		assert.equal(mock.calls[8][0].detail.data.text, "hi some text");
+		assert.equal(mock.calls[8][0].detail.data.files.length, 0);
+	});
+
+	test.skip("submitting should clear mic_audio", async () => {
+		const { getByTestId, listen } = await render(MultimodalTextbox, {
+			show_label: true,
+			max_lines: 10,
+			loading_status,
+			lines: 1,
+			value: { text: "", files: [] },
+			label: "MultimodalTextbox",
+			interactive: true,
+			root: "",
+			sources: ["microphone"],
+			submit_btn: true
+		});
+
+		const mock = listen("submit");
+		const submitButton = getByTestId("submit-button");
+		await event.click(submitButton);
+		assert.equal(mock.callCount, 1);
+	});
+});
diff --git a/js/multimodaltextbox/MultimodalTextboxExample.stories.svelte b/js/multimodaltextbox/MultimodalTextboxExample.stories.svelte
new file mode 100644
index 0000000..49e69c8
--- /dev/null
+++ b/js/multimodaltextbox/MultimodalTextboxExample.stories.svelte
@@ -0,0 +1,20 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import MultimodalTextbox from "./Example.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/MultimodalTextbox/Example",
+		component: MultimodalTextbox
+	});
+</script>
+
+<Story
+	name="Text value"
+	args={{
+		value: { text: "the quick brown fox", files: [] }
+	}}
+>
+	{#snippet template(args)}
+		<MultimodalTextbox {...args} />
+	{/snippet}
+</Story>
diff --git a/js/multimodaltextbox/README.md b/js/multimodaltextbox/README.md
new file mode 100644
index 0000000..ec4a986
--- /dev/null
+++ b/js/multimodaltextbox/README.md
@@ -0,0 +1,34 @@
+# `@gradio/multimodaltextbox`
+
+```html
+<script>
+    import { BaseMultimodalTextbox, BaseExample } from "@gradio/multimodaltextbox";
+</script>
+```
+
+BaseMultimodalTextbox
+```javascript
+	export let value = "";
+	export let value_is_output = false;
+	export let lines = 1;
+	export let placeholder = "";
+	export let label: string;
+	export let info: string | undefined = undefined;
+	export let disabled = false;
+	export let show_label = true;
+	export let container = true;
+	export let max_lines: number;
+	export let type: "text" | "password" | "email" = "text";
+	export let show_copy_button = false;
+	export let rtl = false;
+	export let autofocus = false;
+	export let text_align: "left" | "right" | undefined = undefined;
+	export let autoscroll = true;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/multimodaltextbox/package.json b/js/multimodaltextbox/package.json
new file mode 100644
index 0000000..5b5e447
--- /dev/null
+++ b/js/multimodaltextbox/package.json
@@ -0,0 +1,46 @@
+{
+	"name": "@gradio/multimodaltextbox",
+	"version": "0.14.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/video": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/audio": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/multimodaltextbox"
+	}
+}
diff --git a/js/multimodaltextbox/shared/MultimodalTextbox.svelte b/js/multimodaltextbox/shared/MultimodalTextbox.svelte
new file mode 100644
index 0000000..c7c1db1
--- /dev/null
+++ b/js/multimodaltextbox/shared/MultimodalTextbox.svelte
@@ -0,0 +1,1074 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import { text_area_resize, resize } from "../shared/utils";
+	import { BlockTitle, ScrollFade } from "@gradio/atoms";
+	import { Upload } from "@gradio/upload";
+	import { Image } from "@gradio/image/shared";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+	import type { FileData, Client } from "@gradio/client";
+	import type { WaveformOptions } from "@gradio/audio";
+	import {
+		Clear,
+		File,
+		Music,
+		Paperclip,
+		Video,
+		ArrowUp,
+		Square,
+		Microphone,
+		Check
+	} from "@gradio/icons";
+	import { should_show_scroll_fade, type SelectData } from "@gradio/utils";
+	import {
+		MinimalAudioPlayer,
+		MinimalAudioRecorder
+	} from "@gradio/audio/shared";
+	import type { InputHTMLAttributes } from "./types";
+
+	let {
+		value = $bindable<{ text: string; files: FileData[] }>({
+			text: "",
+			files: []
+		}),
+		value_is_output = false,
+		lines = 1,
+		i18n: _i18n,
+		placeholder = "",
+		disabled = false,
+		label,
+		info = undefined,
+		show_label = true,
+		max_lines,
+		submit_btn = null,
+		stop_btn = null,
+		rtl = false,
+		autofocus = false,
+		text_align = undefined,
+		autoscroll = true,
+		root,
+		file_types_string = null,
+		max_file_size = null,
+		upload,
+		stream_handler,
+		file_count = "multiple",
+		max_plain_text_length = 1000,
+		waveform_settings,
+		waveform_options: _waveform_options = { show_recording_waveform: true },
+		sources_string = "upload",
+		active_source = $bindable<"microphone" | null>(),
+		html_attributes = null,
+		upload_promise = $bindable<Promise<any> | null>(),
+		dragging = $bindable<boolean>(),
+		onchange,
+		onsubmit,
+		onstop,
+		onblur,
+		onselect,
+		oninput,
+		onfocus,
+		ondrag,
+		onupload,
+		onclear,
+		onload: _onload,
+		onerror,
+		onstop_recording
+	}: {
+		value?: { text: string; files: FileData[] };
+		value_is_output?: boolean;
+		lines?: number;
+		i18n: I18nFormatter;
+		placeholder?: string;
+		disabled?: boolean;
+		label: string;
+		info?: string | undefined;
+		show_label?: boolean;
+		max_lines: number;
+		submit_btn?: string | boolean | null;
+		stop_btn?: string | boolean | null;
+		rtl?: boolean;
+		autofocus?: boolean;
+		text_align?: "left" | "right" | undefined;
+		autoscroll?: boolean;
+		root: string;
+		file_types_string?: string | null;
+		max_file_size?: number | null;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		file_count?: "single" | "multiple" | "directory";
+		max_plain_text_length?: number;
+		waveform_settings: Record<string, any>;
+		waveform_options?: WaveformOptions;
+		sources_string?:
+			| "upload"
+			| "upload,microphone"
+			| "microphone"
+			| "microphone,upload";
+		active_source?: "microphone" | null;
+		html_attributes?: InputHTMLAttributes | null;
+		upload_promise?: Promise<any> | null;
+		dragging?: boolean;
+		onchange?: (value: { text: string; files: FileData[] }) => void;
+		onsubmit?: () => void;
+		onstop?: () => void;
+		onblur?: () => void;
+		onselect?: (data: SelectData) => void;
+		oninput?: () => void;
+		onfocus?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onupload?: (files: FileData[] | FileData) => void;
+		onclear?: () => void;
+		onload?: (files: FileData[] | FileData) => void;
+		onerror?: (error: string) => void;
+		onstop_recording?: () => void;
+	} = $props();
+
+	let upload_component: Upload;
+	let el: HTMLTextAreaElement | HTMLInputElement;
+	let can_scroll = $state(false);
+	let previous_scroll_top = $state(0);
+	let user_has_scrolled_up = $state(false);
+	let show_fade = $state(false);
+	let uploading = $state(false);
+	let oldValue = $state(value?.text ?? "");
+	let recording = $state(false);
+	let mic_audio = $state<FileData | null>(null);
+	let full_container: HTMLDivElement;
+
+	let sources = $derived(
+		sources_string
+			.split(",")
+			.map((s) => s.trim())
+			.filter((s) => s === "upload" || s === "microphone") as (
+			| "upload"
+			| "microphone"
+		)[]
+	);
+
+	let file_types = $derived(
+		file_types_string ? file_types_string.split(",").map((s) => s.trim()) : null
+	);
+
+	let show_upload = $derived(
+		sources &&
+			sources.includes("upload") &&
+			!(file_count === "single" && value?.files?.length > 0)
+	);
+
+	function update_fade(): void {
+		show_fade = should_show_scroll_fade(el);
+	}
+
+	$effect(() => {
+		if (el && value?.text !== undefined) {
+			tick().then(update_fade);
+		}
+	});
+
+	$effect(() => {
+		ondrag?.(dragging);
+	});
+
+	$effect(() => {
+		if (value && oldValue !== value.text) {
+			onchange?.(value);
+			oldValue = value.text;
+		}
+	});
+
+	$effect(() => {
+		value?.text;
+		if (el && lines !== max_lines) {
+			resize(el, lines, max_lines);
+		}
+	});
+
+	$effect.pre(() => {
+		if (el && el.offsetHeight + el.scrollTop > el.scrollHeight - 100) {
+			can_scroll = true;
+		}
+	});
+
+	const scroll = (): void => {
+		if (can_scroll && autoscroll && !user_has_scrolled_up) {
+			el.scrollTo(0, el.scrollHeight);
+		}
+	};
+
+	async function handle_change(): Promise<void> {
+		onchange?.(value);
+		if (!value_is_output) {
+			oninput?.();
+		}
+	}
+
+	$effect(() => {
+		value;
+		if (autofocus && el) {
+			el.focus();
+		}
+	});
+
+	$effect(() => {
+		if (can_scroll && autoscroll) {
+			scroll();
+		}
+	});
+
+	function handle_select(event: Event): void {
+		const target: HTMLTextAreaElement | HTMLInputElement = event.target as
+			| HTMLTextAreaElement
+			| HTMLInputElement;
+		const text = target.value;
+		const index: [number, number] = [
+			target.selectionStart as number,
+			target.selectionEnd as number
+		];
+		onselect?.({ value: text.substring(...index), index: index });
+	}
+
+	async function handle_keypress(e: KeyboardEvent): Promise<void> {
+		if (e.key === "Enter" && e.shiftKey && lines > 1) {
+			e.preventDefault();
+			await tick();
+			onsubmit?.();
+		} else if (
+			e.key === "Enter" &&
+			!e.shiftKey &&
+			lines === 1 &&
+			max_lines >= 1
+		) {
+			e.preventDefault();
+			add_mic_audio_to_files();
+			active_source = null;
+			await tick();
+			onsubmit?.();
+		}
+	}
+
+	function handle_scroll(event: Event): void {
+		const target = event.target as HTMLElement;
+		const current_scroll_top = target.scrollTop;
+		if (current_scroll_top < previous_scroll_top) {
+			user_has_scrolled_up = true;
+		}
+		previous_scroll_top = current_scroll_top;
+
+		const max_scroll_top = target.scrollHeight - target.clientHeight;
+		const user_has_scrolled_to_bottom = current_scroll_top >= max_scroll_top;
+		if (user_has_scrolled_to_bottom) {
+			user_has_scrolled_up = false;
+		}
+		update_fade();
+	}
+
+	async function handle_upload(detail: FileData | FileData[]): Promise<void> {
+		handle_change();
+		if (Array.isArray(detail)) {
+			for (let file of detail) {
+				value.files.push(file);
+			}
+			value = value;
+		} else {
+			value.files.push(detail);
+			value = value;
+		}
+		await tick();
+		onchange?.(value);
+		onupload?.(detail);
+	}
+
+	function remove_thumbnail(event: MouseEvent, index: number): void {
+		handle_change();
+		event.stopPropagation();
+		value.files.splice(index, 1);
+		value = value;
+	}
+
+	function handle_upload_click(): void {
+		upload_component.open_upload();
+	}
+
+	function handle_stop(): void {
+		onstop?.();
+	}
+
+	function add_mic_audio_to_files(): void {
+		if (mic_audio) {
+			value.files.push(mic_audio);
+			value = value;
+			mic_audio = null;
+			onchange?.(value);
+		}
+	}
+
+	function handle_submit(): void {
+		add_mic_audio_to_files();
+		active_source = null;
+		onsubmit?.();
+	}
+
+	async function handle_paste(event: ClipboardEvent): Promise<void> {
+		if (!event.clipboardData) return;
+		const items = event.clipboardData.items;
+		const text = event.clipboardData.getData("text");
+
+		if (text && text.length > max_plain_text_length) {
+			event.preventDefault();
+			const file = new window.File([text], "pasted_text.txt", {
+				type: "text/plain",
+				lastModified: Date.now()
+			});
+			if (upload_component) {
+				upload_component.load_files([file]);
+			}
+			return;
+		}
+
+		for (let index in items) {
+			const item = items[index];
+			if (item.kind === "file" && item.type.includes("image")) {
+				const blob = item.getAsFile();
+				if (blob) upload_component.load_files([blob]);
+			}
+		}
+	}
+
+	function handle_dragenter(event: DragEvent): void {
+		event.preventDefault();
+		dragging = true;
+	}
+
+	function handle_dragleave(event: DragEvent): void {
+		event.preventDefault();
+		const rect = full_container.getBoundingClientRect();
+		const { clientX, clientY } = event;
+		if (
+			clientX <= rect.left ||
+			clientX >= rect.right ||
+			clientY <= rect.top ||
+			clientY >= rect.bottom
+		) {
+			dragging = false;
+		}
+	}
+
+	function handle_drop(event: DragEvent): void {
+		event.preventDefault();
+		dragging = false;
+		if (event.dataTransfer && event.dataTransfer.files) {
+			const files = Array.from(event.dataTransfer.files);
+
+			if (file_types) {
+				const valid_files = files.filter((file) => {
+					return file_types.some((type) => {
+						if (type.startsWith(".")) {
+							return file.name.toLowerCase().endsWith(type.toLowerCase());
+						}
+						return file.type.match(new RegExp(type.replace("*", ".*")));
+					});
+				});
+
+				const invalid_files = files.length - valid_files.length;
+				if (invalid_files > 0) {
+					onerror?.(
+						`${invalid_files} file(s) were rejected. Accepted formats: ${file_types.join(", ")}`
+					);
+				}
+
+				if (valid_files.length > 0) {
+					upload_component.load_files(valid_files);
+				}
+			} else {
+				upload_component.load_files(files);
+			}
+		}
+	}
+</script>
+
+<div
+	class="full-container"
+	class:dragging
+	bind:this={full_container}
+	ondragenter={handle_dragenter}
+	ondragleave={handle_dragleave}
+	ondragover={(e) => e.preventDefault()}
+	ondrop={handle_drop}
+	role="group"
+	aria-label="Multimedia input field"
+>
+	<BlockTitle {show_label} {info} {rtl}>{label}</BlockTitle>
+	<div class="input-container">
+		{#if sources && sources.includes("microphone") && active_source === "microphone"}
+			<div class="recording-overlay" class:has-audio={mic_audio !== null}>
+				{#if !mic_audio}
+					<div class="recording-content">
+						<MinimalAudioRecorder
+							label={label || "Audio"}
+							{waveform_settings}
+							{recording}
+							{upload}
+							{root}
+							{max_file_size}
+							bind:upload_promise
+							onchange={(audio_value) => {
+								mic_audio = audio_value;
+							}}
+							onstoprecording={() => {
+								recording = false;
+								onstop_recording?.();
+							}}
+							onclear={() => {
+								active_source = null;
+								recording = false;
+								mic_audio = null;
+								onclear?.();
+							}}
+						/>
+					</div>
+				{:else}
+					<div class="recording-content">
+						<MinimalAudioPlayer
+							value={mic_audio}
+							label={label || "Audio"}
+							loop={false}
+						/>
+						<div class="action-buttons">
+							<button
+								class="confirm-button"
+								onclick={() => {
+									add_mic_audio_to_files();
+									active_source = null;
+									recording = false;
+								}}
+								aria-label="Attach audio"
+							>
+								<Check />
+							</button>
+							<button
+								class="cancel-button"
+								onclick={() => {
+									active_source = null;
+									recording = false;
+									mic_audio = null;
+								}}
+								aria-label="Clear audio"
+							>
+								<Clear />
+							</button>
+						</div>
+					</div>
+				{/if}
+			</div>
+		{/if}
+		{#if show_upload}
+			<Upload
+				bind:upload_promise
+				bind:this={upload_component}
+				onload={handle_upload}
+				{file_count}
+				filetype={file_types}
+				{root}
+				{max_file_size}
+				bind:dragging
+				bind:uploading
+				show_progress={false}
+				disable_click={true}
+				{onerror}
+				hidden={true}
+				{upload}
+				{stream_handler}
+			/>
+		{/if}
+
+		<div
+			class="input-wrapper"
+			class:has-files={(value?.files?.length ?? 0) > 0 || uploading}
+		>
+			{#if (value?.files?.length ?? 0) > 0 || uploading}
+				<div
+					class="thumbnails"
+					aria-label="Uploaded files"
+					data-testid="container_el"
+				>
+					{#if show_upload}
+						<button
+							data-testid="upload-button"
+							class="upload-button thumbnail-add"
+							{disabled}
+							onclick={handle_upload_click}
+							aria-label="Upload a file"
+						>
+							<Paperclip />
+						</button>
+					{/if}
+					{#each value?.files ?? [] as file, index}
+						<span
+							class="thumbnail-wrapper"
+							role="listitem"
+							aria-label="File thumbnail"
+						>
+							<div class="thumbnail-item thumbnail-small">
+								{#if file.mime_type && file.mime_type.includes("image")}
+									<Image
+										src={file.url}
+										restProps={{
+											title: null,
+											alt: "",
+											loading: "lazy",
+											class: "thumbnail-image"
+										}}
+									/>
+								{:else if file.mime_type && file.mime_type.includes("audio")}
+									<Music />
+								{:else if file.mime_type && file.mime_type.includes("video")}
+									<Video />
+								{:else}
+									<File />
+								{/if}
+								<button
+									class="delete-button"
+									onclick={(event) => remove_thumbnail(event, index)}
+									aria-label="Remove file"
+								>
+									<Clear />
+								</button>
+							</div>
+						</span>
+					{/each}
+					{#if uploading}
+						<div class="loader" role="status" aria-label="Uploading"></div>
+					{/if}
+				</div>
+			{/if}
+
+			<div class="input-row">
+				{#if show_upload && (value?.files?.length ?? 0) === 0 && !uploading}
+					<button
+						data-testid="upload-button"
+						class="upload-button icon-button"
+						{disabled}
+						onclick={handle_upload_click}
+						aria-label="Upload a file"
+					>
+						<Paperclip />
+					</button>
+				{/if}
+				<div class="textarea-wrapper">
+					<textarea
+						data-testid="textbox"
+						use:text_area_resize={{
+							text: value.text,
+							lines: lines,
+							max_lines: max_lines
+						}}
+						class:no-label={!show_label}
+						dir={rtl ? "rtl" : "ltr"}
+						bind:value={value.text}
+						bind:this={el}
+						{placeholder}
+						rows={lines}
+						{disabled}
+						onkeypress={handle_keypress}
+						onblur={() => onblur?.()}
+						onselect={handle_select}
+						onfocus={() => onfocus?.()}
+						onscroll={handle_scroll}
+						onpaste={handle_paste}
+						style={text_align ? "text-align: " + text_align : ""}
+						autocapitalize={html_attributes?.autocapitalize}
+						autocorrect={html_attributes?.autocorrect}
+						spellcheck={html_attributes?.spellcheck}
+						autocomplete={html_attributes?.autocomplete}
+						tabindex={html_attributes?.tabindex}
+						enterkeyhint={html_attributes?.enterkeyhint}
+						lang={html_attributes?.lang}
+					/>
+					<ScrollFade visible={show_fade} position="absolute" />
+				</div>
+
+				{#if sources && sources.includes("microphone")}
+					<button
+						data-testid="microphone-button"
+						class="microphone-button"
+						class:recording
+						{disabled}
+						onclick={async () => {
+							if (active_source !== "microphone") {
+								active_source = "microphone";
+								await tick();
+								recording = true;
+							} else {
+								active_source = null;
+								recording = false;
+							}
+						}}
+						aria-label="Record audio"
+					>
+						<Microphone />
+					</button>
+				{/if}
+
+				{#if submit_btn}
+					<button
+						class="submit-button"
+						data-testid="submit-button"
+						class:padded-button={submit_btn !== true}
+						{disabled}
+						onclick={handle_submit}
+						aria-label="Submit"
+					>
+						{#if submit_btn === true}
+							<ArrowUp />
+						{:else}
+							{submit_btn}
+						{/if}
+					</button>
+				{/if}
+				{#if stop_btn}
+					<button
+						class="stop-button"
+						class:padded-button={stop_btn !== true}
+						onclick={handle_stop}
+						aria-label="Stop"
+					>
+						{#if stop_btn === true}
+							<Square fill={"none"} stroke_width={2.5} />
+						{:else}
+							{stop_btn}
+						{/if}
+					</button>
+				{/if}
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	.full-container {
+		width: 100%;
+		position: relative;
+		padding: var(--block-padding);
+		border: 1px solid transparent;
+	}
+
+	.full-container.dragging {
+		border-color: var(--color-accent);
+		border-radius: calc(var(--radius-sm) - var(--size-px));
+	}
+
+	.full-container.dragging::after {
+		content: "";
+		position: absolute;
+		inset: 0;
+		pointer-events: none;
+	}
+
+	.input-container {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+		gap: 0;
+	}
+
+	.input-wrapper {
+		display: flex;
+		position: relative;
+		flex-direction: column;
+		gap: 0;
+		background: var(--block-background-fill);
+		border-radius: var(--radius-xl);
+		padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0;
+		align-items: flex-start;
+		min-height: auto;
+	}
+
+	.input-wrapper.has-files {
+		padding-top: var(--spacing-xs);
+	}
+
+	.input-row {
+		display: flex;
+		align-items: flex-start;
+		gap: var(--spacing-sm);
+		width: 100%;
+	}
+
+	.thumbnails {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-sm);
+		padding: var(--spacing-xs) 0;
+		margin-bottom: var(--spacing-xs);
+		overflow-x: auto;
+		overflow-y: hidden;
+		scrollbar-width: none;
+		-ms-overflow-style: none;
+		flex-wrap: nowrap;
+		-webkit-overflow-scrolling: touch;
+		scroll-behavior: smooth;
+		overflow-y: scroll;
+		width: 100%;
+	}
+
+	.thumbnails::-webkit-scrollbar,
+	.thumbnails::-webkit-scrollbar-track,
+	.thumbnails::-webkit-scrollbar-thumb {
+		display: none;
+	}
+
+	.thumbnails :global(img) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: cover;
+		border-radius: var(--radius-md);
+	}
+
+	.thumbnail-wrapper {
+		position: relative;
+		flex-shrink: 0;
+	}
+
+	.thumbnail-item {
+		position: relative;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-radius: var(--radius-md);
+		background: var(--background-fill-secondary);
+		width: var(--size-full);
+		height: var(--size-full);
+		cursor: default;
+		padding: 0;
+	}
+
+	.thumbnail-small {
+		width: var(--size-10);
+		height: var(--size-10);
+	}
+
+	.thumbnail-item :global(svg) {
+		width: var(--size-5);
+		height: var(--size-5);
+	}
+
+	.delete-button {
+		position: absolute;
+		inset: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		color: var(--button-primary-text-color);
+		background: rgba(0, 0, 0, 0.6);
+		backdrop-filter: var(--blur-xs);
+		border-radius: var(--radius-md);
+		padding: 0;
+		z-index: var(--layer-1);
+		opacity: 0;
+		transition: opacity 0.1s var(--easing-standard);
+	}
+
+	.delete-button:hover {
+		background: rgba(0, 0, 0, 0.8);
+	}
+
+	.delete-button :global(svg) {
+		width: var(--size-5);
+		height: var(--size-5);
+	}
+
+	.thumbnail-item:hover .delete-button {
+		opacity: 1;
+	}
+
+	textarea {
+		flex-grow: 1;
+		outline: none !important;
+		background: transparent;
+		padding: var(--spacing-sm) 0;
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		border: none;
+		margin: 0;
+		resize: none;
+		position: relative;
+		z-index: var(--layer-1);
+		text-align: left;
+	}
+
+	textarea:disabled {
+		-webkit-opacity: 1;
+		opacity: 1;
+	}
+
+	textarea::placeholder {
+		color: var(--input-placeholder-color);
+	}
+
+	textarea[dir="rtl"] {
+		text-align: right;
+	}
+
+	textarea[dir="rtl"] ~ .submit-button :global(svg) {
+		transform: scaleX(-1);
+	}
+
+	.microphone-button,
+	.icon-button {
+		color: var(--body-text-color);
+		cursor: pointer;
+		padding: var(--spacing-sm);
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-shrink: 0;
+		border-radius: var(--radius-md);
+	}
+
+	.thumbnail-add {
+		background: var(--button-secondary-background-fill);
+		cursor: pointer;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-shrink: 0;
+		width: var(--size-10);
+		height: var(--size-10);
+		border-radius: var(--radius-md);
+		z-index: var(--layer-1);
+	}
+
+	.thumbnail-add:hover:not(:disabled) {
+		background: var(--button-secondary-background-fill-hover);
+	}
+
+	.thumbnail-add:disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+	}
+
+	.thumbnail-add :global(svg) {
+		width: var(--size-5);
+		height: var(--size-5);
+	}
+
+	.microphone-button,
+	.icon-button {
+		width: var(--size-9);
+		height: var(--size-9);
+	}
+
+	.microphone-button:hover:not(:disabled),
+	.icon-button:hover:not(:disabled) {
+		background: var(--button-secondary-background-fill);
+	}
+
+	.microphone-button:disabled,
+	.icon-button:disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+	}
+
+	.microphone-button :global(svg),
+	.icon-button :global(svg) {
+		width: var(--size-5);
+		height: var(--size-5);
+	}
+
+	.submit-button,
+	.stop-button {
+		background: var(--button-secondary-background-fill);
+		cursor: pointer;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		flex-shrink: 0;
+		width: var(--size-9);
+		height: var(--size-9);
+		border-radius: var(--radius-md);
+		z-index: var(--layer-1);
+	}
+
+	.submit-button:hover:not(:disabled),
+	.stop-button:hover:not(:disabled) {
+		background: var(--button-secondary-background-fill-hover);
+	}
+
+	.submit-button:active:not(:disabled),
+	.stop-button:active:not(:disabled) {
+		box-shadow: var(--button-shadow-active);
+	}
+
+	.submit-button:disabled,
+	.stop-button:disabled {
+		cursor: not-allowed;
+	}
+
+	.submit-button :global(svg),
+	.stop-button :global(svg) {
+		width: var(--size-5);
+		height: var(--size-5);
+	}
+
+	.padded-button {
+		padding: 0 var(--spacing-lg);
+		width: auto;
+		border-radius: var(--radius-xl);
+	}
+
+	.loader {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		position: relative;
+		border: var(--size-1) solid var(--border-color-primary);
+		border-top-color: var(--color-accent);
+		border-radius: var(--radius-100);
+		width: var(--size-5);
+		height: var(--size-5);
+		animation: spin 1s linear infinite;
+		flex-shrink: 0;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.recording-overlay {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: var(--block-background-fill);
+		border-radius: var(--radius-xl);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		z-index: var(--layer-5);
+		padding: var(--spacing-lg);
+		backdrop-filter: blur(8px);
+		animation: fadeIn 0.2s var(--easing-standard);
+	}
+
+	@keyframes fadeIn {
+		from {
+			opacity: 0;
+		}
+		to {
+			opacity: 1;
+		}
+	}
+
+	.recording-content {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-lg);
+		width: 100%;
+		max-width: 700px;
+	}
+
+	.recording-content :global(.minimal-audio-recorder),
+	.recording-content :global(.minimal-audio-player) {
+		flex: 1;
+	}
+
+	.action-buttons {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-sm);
+		flex-shrink: 0;
+	}
+
+	.stop-button,
+	.confirm-button,
+	.cancel-button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--size-9);
+		height: var(--size-9);
+		padding: 0;
+		border-radius: var(--radius-md);
+		cursor: pointer;
+		flex-shrink: 0;
+	}
+
+	.stop-button {
+		background: var(--button-secondary-background-fill);
+		border-color: var(--border-color-primary);
+		color: var(--error-500);
+	}
+
+	.stop-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+		color: var(--error-600);
+	}
+
+	.stop-button:active {
+		transform: scale(0.95);
+	}
+
+	.confirm-button {
+		background: var(--button-primary-background-fill);
+		border-color: var(--button-primary-border-color);
+		color: white;
+	}
+
+	.confirm-button:hover {
+		background: var(--button-primary-background-fill-hover);
+		color: var(--button-primary-text-color-hover);
+	}
+
+	.confirm-button:active {
+		transform: scale(0.95);
+	}
+
+	.cancel-button {
+		background: var(--button-secondary-background-fill);
+		color: var(--body-text-color);
+	}
+
+	.cancel-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+	}
+
+	.stop-button :global(svg),
+	.confirm-button :global(svg),
+	.cancel-button :global(svg) {
+		width: var(--size-5);
+		height: var(--size-5);
+	}
+
+	@media (max-width: 768px) {
+		.input-wrapper {
+			padding: var(--spacing-xs);
+		}
+
+		.thumbnails {
+			padding: var(--spacing-xs) 0;
+			margin-bottom: var(--spacing-md);
+		}
+
+		.thumbnail-small,
+		.thumbnail-add {
+			width: var(--size-9);
+			height: var(--size-9);
+		}
+
+		.thumbnail-item:active .delete-button {
+			opacity: 1;
+		}
+	}
+
+	.textarea-wrapper {
+		position: relative;
+		flex-grow: 1;
+	}
+
+	.textarea-wrapper textarea {
+		width: 100%;
+	}
+</style>
diff --git a/js/multimodaltextbox/shared/types.ts b/js/multimodaltextbox/shared/types.ts
new file mode 100644
index 0000000..e0d54ed
--- /dev/null
+++ b/js/multimodaltextbox/shared/types.ts
@@ -0,0 +1 @@
+export type { InputHTMLAttributes } from "../../textbox/types";
diff --git a/js/multimodaltextbox/shared/utils.ts b/js/multimodaltextbox/shared/utils.ts
new file mode 100644
index 0000000..2fc6373
--- /dev/null
+++ b/js/multimodaltextbox/shared/utils.ts
@@ -0,0 +1,78 @@
+import { tick } from "svelte";
+
+interface Value {
+	lines: number;
+	max_lines: number;
+	text: string;
+}
+
+export async function resize(
+	target: HTMLTextAreaElement | HTMLInputElement,
+	lines: number,
+	max_lines: number
+): Promise<void> {
+	await tick();
+	if (lines === max_lines) return;
+
+	const computed_styles = window.getComputedStyle(target);
+	const padding_top = parseFloat(computed_styles.paddingTop);
+	const padding_bottom = parseFloat(computed_styles.paddingBottom);
+	const line_height = parseFloat(computed_styles.lineHeight);
+
+	let max =
+		max_lines === undefined
+			? false
+			: padding_top + padding_bottom + line_height * max_lines;
+	let min = padding_top + padding_bottom + lines * line_height;
+
+	target.style.height = "1px";
+
+	let scroll_height;
+	if (max && target.scrollHeight > max) {
+		scroll_height = max;
+	} else if (target.scrollHeight < min) {
+		scroll_height = min;
+	} else {
+		scroll_height = target.scrollHeight;
+	}
+
+	target.style.height = `${scroll_height}px`;
+	update_scrollbar_visibility(target);
+}
+
+function update_scrollbar_visibility(
+	textarea: HTMLTextAreaElement | HTMLInputElement
+): void {
+	const content_height = textarea.scrollHeight;
+	const visible_height = textarea.clientHeight;
+	const computed_style = window.getComputedStyle(textarea);
+	const line_height = parseFloat(computed_style.lineHeight);
+	const threshold = Number.isFinite(line_height)
+		? line_height
+		: parseFloat(computed_style.fontSize) * 1.2;
+	if (content_height > visible_height + threshold) {
+		textarea.style.overflowY = "scroll";
+	} else {
+		textarea.style.overflowY = "hidden";
+	}
+}
+
+export function text_area_resize(
+	_el: HTMLTextAreaElement,
+	_value: Value
+): any | undefined {
+	if (_value.lines === _value.max_lines) return;
+	update_scrollbar_visibility(_el);
+
+	function handle_input(event: Event): void {
+		resize(event.target as HTMLTextAreaElement, _value.lines, _value.max_lines);
+	}
+	_el.addEventListener("input", handle_input);
+
+	if (!_value.text.trim()) return;
+	resize(_el, _value.lines, _value.max_lines);
+
+	return {
+		destroy: () => _el.removeEventListener("input", handle_input)
+	};
+}
diff --git a/js/multimodaltextbox/types.ts b/js/multimodaltextbox/types.ts
new file mode 100644
index 0000000..10fd759
--- /dev/null
+++ b/js/multimodaltextbox/types.ts
@@ -0,0 +1,40 @@
+import type { FileData } from "@gradio/client";
+import type { SelectData } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { InputHTMLAttributes } from "./shared/types";
+import type { WaveformOptions } from "js/audio/shared/types";
+
+export interface MultimodalTextboxEvents {
+	change: { text: string; files: FileData[] };
+	submit: never;
+	stop: never;
+	blur: never;
+	select: SelectData;
+	input: never;
+	focus: never;
+	error: string;
+	clear_status: LoadingStatus;
+	stop_recording: never;
+	upload: FileData[] | FileData;
+	clear: undefined;
+}
+
+export interface MultimodalTextboxProps {
+	value: { text: string; files: FileData[] };
+	file_types: string[] | null;
+	lines: number;
+	placeholder: string;
+	info: string | undefined;
+	max_lines: number;
+	submit_btn: string | boolean | null;
+	stop_btn: string | boolean | null;
+	value_is_output: boolean;
+	rtl: boolean;
+	text_align: "left" | "right" | undefined;
+	autofocus: boolean;
+	file_count: "single" | "multiple" | "directory";
+	max_plain_text_length: number;
+	sources: ("microphone" | "upload")[];
+	waveform_options: WaveformOptions;
+	html_attributes: InputHTMLAttributes | null;
+}
diff --git a/js/nativeplot/CHANGELOG.md b/js/nativeplot/CHANGELOG.md
new file mode 100644
index 0000000..e0ac82b
--- /dev/null
+++ b/js/nativeplot/CHANGELOG.md
@@ -0,0 +1,644 @@
+# @gradio/nativeplot
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.12.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13533](https://github.com/gradio-app/gradio/pull/13533) [`e5ec1ca`](https://github.com/gradio-app/gradio/commit/e5ec1ca66c45e7e3a057b75ac2b8b86660b2827b) - Fix fullscreen button not working in ImageSlider, interactive Image, native plots, and AnnotatedImage.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/theme@0.6.2
+
+## 0.11.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13523](https://github.com/gradio-app/gradio/pull/13523) [`1b611f8`](https://github.com/gradio-app/gradio/commit/1b611f89fb85016a7879020098bd0faedf80ae5e) - Fixes grouped accordion borders and empty plot legends.  Thanks @dawoodkhan82!
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.10.0
+
+### Features
+
+- [#12801](https://github.com/gradio-app/gradio/pull/12801) [`07c5280`](https://github.com/gradio-app/gradio/commit/07c5280ecea8cef2326ab6fff910ad7bee3d5132) - Add `axis_format` parameters for native plots, and fix SSR mode.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/theme@0.6.1
+
+## 0.9.3
+
+### Fixes
+
+- [#12627](https://github.com/gradio-app/gradio/pull/12627) [`fa75712`](https://github.com/gradio-app/gradio/commit/fa75712a3257e0e09bfce7abbd4f40fa54f6db98) - Add custom buttons to `gr.Dropdown(multiselect=True)` and `gr.LinePlot` and other native plots.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/theme@0.6.0
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.9.1
+
+### Fixes
+
+- [#12515](https://github.com/gradio-app/gradio/pull/12515) [`0892c29`](https://github.com/gradio-app/gradio/commit/0892c297b35742ed5cabf64d0846fd36ae02ecea) - Fix plot Rendering + visibility bug.  Thanks @freddyaboulton!
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.9.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix some plot issues in 6.0
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fixes for long legends in native plots
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Handle special characters in native plot column names
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Allow setting x limits independently in native plots
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/theme@0.5.0
+- @gradio/utils@0.10.3
+
+## 0.9.0-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.9.0-dev.1
+
+### Features
+
+- [#12100](https://github.com/gradio-app/gradio/pull/12100) [`75cfe0e`](https://github.com/gradio-app/gradio/commit/75cfe0efea3cbfe04b3f587609db03d01831e2dd) - Fixes for long legends in native plots.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/theme@0.5.0-dev.0
+
+## 0.9.0-dev.0
+
+### Features
+
+- [#12064](https://github.com/gradio-app/gradio/pull/12064) [`90dfb44`](https://github.com/gradio-app/gradio/commit/90dfb446876f3aa2c135e2c58f2f088eb5185311) - Handle special characters in native plot column names.  Thanks @abidlabs!
+- [#12096](https://github.com/gradio-app/gradio/pull/12096) [`ed08086`](https://github.com/gradio-app/gradio/commit/ed08086f90909438551c3b841dff2e757d9b09d2) - Allow setting x limits independently in native plots.  Thanks @abidlabs!
+
+## 0.8.0
+
+### Features
+
+- [#12003](https://github.com/gradio-app/gradio/pull/12003) [`abc4dbe`](https://github.com/gradio-app/gradio/commit/abc4dbe95d45f82cd8eaa0e6d53d26183eb283d6) - Add export button to native plot components.  Thanks @abidlabs!
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.7.6
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.7.5
+
+### Features
+
+- [#11843](https://github.com/gradio-app/gradio/pull/11843) [`a30f485`](https://github.com/gradio-app/gradio/commit/a30f485e1d906f97c64b578ca4570405bc50542e) - Fix native plots with long y-axis titles.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.7.0
+
+### Features
+
+- [#11442](https://github.com/gradio-app/gradio/pull/11442) [`f114f7f`](https://github.com/gradio-app/gradio/commit/f114f7f56b50b0176526a13ad3fcf2a81c077491) - Downsample heavy line plots.  Thanks @aliabid94!
+
+## 0.6.3
+
+### Features
+
+- [#11418](https://github.com/gradio-app/gradio/pull/11418) [`e398c51`](https://github.com/gradio-app/gradio/commit/e398c51e610713d7dc1ed0a1ee43d7d313b8ca6a) - Full screen plots take full height.  Thanks @aliabid94!
+
+## 0.6.2
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.1
+
+### Features
+
+- [#11372](https://github.com/gradio-app/gradio/pull/11372) [`7282c9e`](https://github.com/gradio-app/gradio/commit/7282c9eb1ed0ce8608f9a1157f3243e8c1b0f597) - Plot re-render fixes.  Thanks @aliabid94!
+
+## 0.6.0
+
+### Features
+
+- [#11306](https://github.com/gradio-app/gradio/pull/11306) [`6cd608d`](https://github.com/gradio-app/gradio/commit/6cd608d8f9b1a142c58f0d2db861845ec267f705) - Improvements for plots and event listeners in re-renders.  Thanks @aliabid94!
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.16
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.5.15
+
+### Features
+
+- [#11183](https://github.com/gradio-app/gradio/pull/11183) [`ab0fbb3`](https://github.com/gradio-app/gradio/commit/ab0fbb32cdee752673313b5536c04eecadc1071e) - Plot brushing prevents chart refresh.  Thanks @aliabid94!
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.5.11
+
+### Fixes
+
+- [#10953](https://github.com/gradio-app/gradio/pull/10953) [`ede7428`](https://github.com/gradio-app/gradio/commit/ede74283d738f55e032a98fb1875605cb0b65d8a) - Fix gr.NativePlot sorting of labels as default behaviour.  Thanks @Rafalex04!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.5.7
+
+### Fixes
+
+- [#10546](https://github.com/gradio-app/gradio/pull/10546) [`27155cf`](https://github.com/gradio-app/gradio/commit/27155cfc0ca49b8d2727f3271ff413105b4da59e) - Native Plot respects the height parameters.  Thanks @freddyaboulton!
+- [#10531](https://github.com/gradio-app/gradio/pull/10531) [`a18ac9c`](https://github.com/gradio-app/gradio/commit/a18ac9c56a67dbc0a1d0fb464fa12f531998b170) - Fix bug where plots wouldn't load when initial value provided.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/theme@0.4.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.5.0
+
+### Features
+
+- [#9800](https://github.com/gradio-app/gradio/pull/9800) [`d1cfe1e`](https://github.com/gradio-app/gradio/commit/d1cfe1e9defa06f927aec2671656fe77514dd0fa) - Allow plot tooltip to show extra columns.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.4.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Hide x axis labels
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix plots
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+- @gradio/theme@0.3.0
+
+## 0.4.0-beta.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.4.0-beta.6
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.4.0-beta.5
+
+### Features
+
+- [#9497](https://github.com/gradio-app/gradio/pull/9497) [`d826faa`](https://github.com/gradio-app/gradio/commit/d826faa8c2584cf0772d4e66b4073e33b83f3a00) - Hide x axis labels.  Thanks @aliabid94!
+
+## 0.4.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.4.0-beta.3
+
+### Features
+
+- [#9464](https://github.com/gradio-app/gradio/pull/9464) [`3ac5d9c`](https://github.com/gradio-app/gradio/commit/3ac5d9c972576d82bc365a6532e6e12f55441a30) - Fix plots.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.4.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.2-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/theme@0.3.0-beta.1
+
+## 0.3.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/theme@0.2.5
+
+## 0.3.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/theme@0.2.4
+- @gradio/icons@0.7.1
+
+## 0.3.0
+
+### Features
+
+- [#9064](https://github.com/gradio-app/gradio/pull/9064) [`4ba7b23`](https://github.com/gradio-app/gradio/commit/4ba7b238e22ac042de14a6b69aa9d61536ddffba) - Improve plot guide, add double clicking to plots.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.2.0
+
+### Features
+
+- [#8947](https://github.com/gradio-app/gradio/pull/8947) [`96d36d7`](https://github.com/gradio-app/gradio/commit/96d36d70ad3bee048027cfbf89533020a8aa6e63) - Restore plot label angles.  Thanks @aliabid94!
+- [#8907](https://github.com/gradio-app/gradio/pull/8907) [`9b42ba8`](https://github.com/gradio-app/gradio/commit/9b42ba8f1006c05d60a62450d3036ce0d6784f86) - Update guides esp plots.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.1.0
+
+### Features
+
+- [#8807](https://github.com/gradio-app/gradio/pull/8807) [`a238af4`](https://github.com/gradio-app/gradio/commit/a238af4d688c4e030e37c2ef01d5c80d6d940912) - Refactor plots to drop `altair` and use `vega.js` directly.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
\ No newline at end of file
diff --git a/js/nativeplot/Example.svelte b/js/nativeplot/Example.svelte
new file mode 100644
index 0000000..3fca8a5
--- /dev/null
+++ b/js/nativeplot/Example.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+	export let title: string | null;
+	export let x: string;
+	export let y: string;
+</script>
+
+{#if title}
+	{title}
+{:else}
+	{x} x {y}
+{/if}
diff --git a/js/nativeplot/Index.svelte b/js/nativeplot/Index.svelte
new file mode 100644
index 0000000..76a64ad
--- /dev/null
+++ b/js/nativeplot/Index.svelte
@@ -0,0 +1,867 @@
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import { BlockTitle } from "@gradio/atoms";
+	import { Block } from "@gradio/atoms";
+	import {
+		FullscreenButton,
+		IconButtonWrapper,
+		IconButton
+	} from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { onMount, untrack } from "svelte";
+	import { Download } from "@gradio/icons";
+
+	import type { TopLevelSpec as Spec } from "vega-lite";
+	import type { View } from "vega";
+	import { LineChart as LabelIcon } from "@gradio/icons";
+	import { Empty } from "@gradio/atoms";
+	import type { NativePlotProps, NativePlotEvents, PlotData } from "./types";
+
+	let props = $props();
+	const gradio = new Gradio<NativePlotEvents, NativePlotProps>(props);
+	gradio.watch_for_change();
+
+	let unique_colors = $derived.by(() => {
+		if (
+			!gradio.props.color ||
+			!gradio.props.value ||
+			gradio.props.value.datatypes[gradio.props.color] !== "nominal"
+		) {
+			return [];
+		}
+		const color_index = gradio.props.value.columns.indexOf(gradio.props.color);
+		if (color_index === -1) return [];
+		return Array.from(
+			new Set(gradio.props.value.data.map((row) => row[color_index]))
+		);
+	});
+
+	let x_lim = $derived(gradio.props.x_lim || null); // for some unknown reason, x_lim was getting set to undefined when used in re-render, so this line is needed
+	let y_lim = $derived(gradio.props.y_lim || null);
+	let x_start = $derived(x_lim?.[0] !== null ? x_lim?.[0] : undefined);
+	let x_end = $derived(x_lim?.[1] !== null ? x_lim?.[1] : undefined);
+	let y_start = $derived(y_lim?.[0] !== null ? y_lim?.[0] : undefined);
+	let y_end = $derived(y_lim?.[1] !== null ? y_lim?.[1] : undefined);
+
+	let fullscreen = $state(false);
+
+	function reformat_sort(
+		_sort: NativePlotProps["sort"]
+	):
+		| string
+		| "ascending"
+		| "descending"
+		| { field: string; order: "ascending" | "descending" }
+		| string[]
+		| null
+		| undefined {
+		if (_sort === "x") {
+			return "ascending";
+		} else if (_sort === "-x") {
+			return "descending";
+		} else if (_sort === "y") {
+			return { field: gradio.props.y, order: "ascending" };
+		} else if (_sort === "-y") {
+			return { field: gradio.props.y, order: "descending" };
+		} else if (_sort === null) {
+			return null;
+		} else if (Array.isArray(_sort)) {
+			return _sort;
+		}
+	}
+	let _sort = $derived(reformat_sort(gradio.props.sort));
+
+	let _data: {
+		[x: string]: string | number;
+	}[] = $state([]);
+
+	function escape_field_name(fieldName: string): string {
+		// Escape special characters in field names according to Vega-Lite spec:
+		// https://vega.github.io/vega-lite/docs/field.html
+		return fieldName
+			.replace(/\./g, "\\.")
+			.replace(/\[/g, "\\[")
+			.replace(/\]/g, "\\]");
+	}
+
+	let x_temporal = $derived(
+		gradio.props.value &&
+			gradio.props.value.datatypes[gradio.props.x] === "temporal"
+	);
+	let _x_lim = $derived(
+		x_temporal
+			? [
+					x_start !== undefined ? x_start * 1000 : null,
+					x_end !== undefined ? x_end * 1000 : null
+				]
+			: x_lim
+	);
+	let mouse_down_on_chart = $state(false);
+	const SUFFIX_DURATION: Record<string, number> = {
+		s: 1,
+		m: 60,
+		h: 60 * 60,
+		d: 24 * 60 * 60
+	};
+	let _x_bin = $derived(
+		gradio.props.x_bin
+			? typeof gradio.props.x_bin === "string"
+				? 1000 *
+					parseInt(
+						gradio.props.x_bin.substring(0, gradio.props.x_bin.length - 1)
+					) *
+					SUFFIX_DURATION[gradio.props.x_bin[gradio.props.x_bin.length - 1]]
+				: gradio.props.x_bin
+			: undefined
+	);
+
+	let _y_aggregate = $derived.by(() => {
+		if (gradio.props.value) {
+			if (gradio.props.value.mark === "point") {
+				const aggregating = _x_bin !== undefined;
+				return gradio.props.y_aggregate || aggregating ? "sum" : undefined;
+			} else {
+				return gradio.props.y_aggregate ? gradio.props.y_aggregate : "sum";
+			}
+		}
+		return undefined;
+	});
+
+	let aggregating = $derived.by(() => {
+		if (gradio.props.value) {
+			if (gradio.props.value.mark === "point") {
+				return _x_bin !== undefined;
+			} else {
+				return (
+					_x_bin !== undefined ||
+					gradio.props.value.datatypes[gradio.props.x] === "nominal"
+				);
+			}
+		}
+		return false;
+	});
+
+	function downsample(
+		data: PlotData["data"],
+		x_index: number,
+		y_index: number,
+		color_index: number | null,
+		x_start: number | undefined,
+		x_end: number | undefined
+	): PlotData["data"] {
+		if (
+			data.length < 1000 ||
+			gradio.props.x_bin !== null ||
+			gradio.props.value?.mark !== "line" ||
+			gradio.props.value?.datatypes[gradio.props.x] === "nominal"
+		) {
+			return data;
+		}
+		const bin_count = 250;
+		let min_max_bins_per_color: Record<
+			string,
+			[number | null, number, number | null, number][]
+		> = {};
+		if (x_start === undefined || x_end === undefined) {
+			data.forEach((row) => {
+				let x_value = row[x_index] as number;
+				if (x_start === undefined || x_value < x_start) {
+					x_start = x_value;
+				}
+				if (x_end === undefined || x_value > x_end) {
+					x_end = x_value;
+				}
+			});
+		}
+		if (x_start === undefined || x_end === undefined) {
+			return data;
+		}
+		const x_range = x_end - x_start;
+		const bin_size = x_range / bin_count;
+		data.forEach((row, i) => {
+			const x_value = row[x_index] as number;
+			const y_value = row[y_index] as number;
+			const color_value =
+				color_index !== null ? (row[color_index] as string) : "any";
+			const bin_index = Math.floor((x_value - (x_start as number)) / bin_size);
+			if (min_max_bins_per_color[color_value] === undefined) {
+				min_max_bins_per_color[color_value] = [];
+			}
+			min_max_bins_per_color[color_value][bin_index] = min_max_bins_per_color[
+				color_value
+			][bin_index] || [
+				null,
+				Number.POSITIVE_INFINITY,
+				null,
+				Number.NEGATIVE_INFINITY
+			];
+			if (y_value < min_max_bins_per_color[color_value][bin_index][1]) {
+				min_max_bins_per_color[color_value][bin_index][0] = i;
+				min_max_bins_per_color[color_value][bin_index][1] = y_value;
+			}
+			if (y_value > min_max_bins_per_color[color_value][bin_index][3]) {
+				min_max_bins_per_color[color_value][bin_index][2] = i;
+				min_max_bins_per_color[color_value][bin_index][3] = y_value;
+			}
+		});
+		const downsampled_data: PlotData["data"] = [];
+		Object.values(min_max_bins_per_color).forEach((bins) => {
+			bins.forEach(([min_index, _, max_index, __]) => {
+				let indices: number[] = [];
+				if (min_index !== null && max_index !== null) {
+					indices = [
+						Math.min(min_index, max_index),
+						Math.max(min_index, max_index)
+					];
+				} else if (min_index !== null) {
+					indices = [min_index];
+				} else if (max_index !== null) {
+					indices = [max_index];
+				}
+				indices.forEach((index) => {
+					downsampled_data.push(data[index]);
+				});
+			});
+		});
+		return downsampled_data;
+	}
+	function reformat_data(
+		data: PlotData,
+		x_start: number | undefined,
+		x_end: number | undefined
+	): {
+		[x: string]: string | number;
+	}[] {
+		let x_index = data.columns.indexOf(gradio.props.x);
+		let y_index = data.columns.indexOf(gradio.props.y);
+		let color_index = gradio.props.color
+			? data.columns.indexOf(gradio.props.color)
+			: null;
+		let datatable = data.data;
+
+		if (x_start !== undefined && x_end !== undefined) {
+			const time_factor =
+				data.datatypes[gradio.props.x] === "temporal" ? 1000 : 1;
+			const _x_start = x_start * time_factor;
+			const _x_end = x_end * time_factor;
+			let largest_before_start: Record<string, [number, number]> = {};
+			let smallest_after_end: Record<string, [number, number]> = {};
+			const _datatable = datatable.filter((row, i) => {
+				const x_value = row[x_index] as number;
+				const color_value =
+					color_index !== null ? (row[color_index] as string) : "any";
+				if (
+					x_value < _x_start &&
+					(largest_before_start[color_value] === undefined ||
+						x_value > largest_before_start[color_value][1])
+				) {
+					largest_before_start[color_value] = [i, x_value];
+				}
+				if (
+					x_value > _x_end &&
+					(smallest_after_end[color_value] === undefined ||
+						x_value < smallest_after_end[color_value][1])
+				) {
+					smallest_after_end[color_value] = [i, x_value];
+				}
+				return x_value >= _x_start && x_value <= _x_end;
+			});
+			datatable = [
+				...Object.values(largest_before_start).map(([i, _]) => datatable[i]),
+				...downsample(
+					_datatable,
+					x_index,
+					y_index,
+					color_index,
+					_x_start,
+					_x_end
+				),
+				...Object.values(smallest_after_end).map(([i, _]) => datatable[i])
+			];
+		} else {
+			datatable = downsample(
+				datatable,
+				x_index,
+				y_index,
+				color_index,
+				undefined,
+				undefined
+			);
+		}
+
+		if (gradio.props.tooltip == "all" || Array.isArray(gradio.props.tooltip)) {
+			return datatable.map((row) => {
+				const obj: { [x: string]: string | number } = {};
+				data.columns.forEach((col, i) => {
+					obj[col] = row[i];
+				});
+				return obj;
+			});
+		}
+		return datatable.map((row) => {
+			const obj = {
+				[gradio.props.x]: row[x_index],
+				[gradio.props.y]: row[y_index]
+			};
+			if (gradio.props.color && color_index !== null) {
+				obj[gradio.props.color] = row[color_index];
+			}
+			return obj;
+		});
+	}
+
+	$effect(() => {
+		_data = gradio.props.value
+			? reformat_data(gradio.props.value, x_start, x_end)
+			: [];
+	});
+
+	let old_value = $state<PlotData | null>(gradio.props.value);
+	$effect(() => {
+		if (old_value !== gradio.props.value && view) {
+			old_value = gradio.props.value;
+			view.data("data", _data).runAsync();
+		}
+	});
+
+	const is_browser = typeof window !== "undefined";
+	let chart_element = $state<HTMLDivElement>();
+	let computed_style = $derived(
+		chart_element ? window.getComputedStyle(chart_element) : null
+	);
+	let view = $state<View>();
+	let mounted = $state(false);
+	let old_width = $state<number>(0);
+	let old_height = $state<number>(0);
+	let resizeObserver = $state<ResizeObserver>();
+
+	let vegaEmbed: typeof import("vega-embed").default;
+
+	async function load_chart(): Promise<void> {
+		if (mouse_down_on_chart) {
+			refresh_pending = true;
+			return;
+		}
+		if (view) {
+			view.finalize();
+		}
+		if (!gradio.props.value || !chart_element) return;
+		old_width = chart_element.offsetWidth;
+		old_height = chart_element.offsetHeight;
+		const spec = create_vega_lite_spec();
+		if (!spec) return;
+		resizeObserver = new ResizeObserver((el) => {
+			if (!el[0].target || !(el[0].target instanceof HTMLElement)) return;
+			if (
+				old_width === 0 &&
+				chart_element!.offsetWidth !== 0 &&
+				gradio.props.value!.datatypes[gradio.props.x] === "nominal"
+			) {
+				// a bug where when a nominal chart is first loaded, the width is 0, it doesn't resize
+				load_chart();
+			} else {
+				const width_change = Math.abs(old_width - el[0].target.offsetWidth);
+				const height_change = Math.abs(old_height - el[0].target.offsetHeight);
+				if (width_change > 100 || height_change > 100) {
+					old_width = el[0].target.offsetWidth;
+					old_height = el[0].target.offsetHeight;
+					load_chart();
+				} else if (view) {
+					view.signal("width", el[0].target.offsetWidth).run();
+					if (fullscreen) {
+						view.signal("height", el[0].target.offsetHeight).run();
+					}
+				}
+			}
+		});
+
+		if (!vegaEmbed) {
+			vegaEmbed = (await import("vega-embed")).default;
+		}
+		if (!chart_element) return;
+		vegaEmbed(chart_element, spec, { actions: false, renderer: "svg" }).then(
+			function (result) {
+				view = result.view;
+				resizeObserver!.observe(chart_element!);
+				var debounceTimeout: NodeJS.Timeout;
+				var lastSelectTime = 0;
+				view.addEventListener("dblclick", () => {
+					gradio.dispatch("double_click");
+				});
+				// prevent double-clicks from highlighting text
+				chart_element!.addEventListener(
+					"mousedown",
+					function (e) {
+						if (e.detail > 1) {
+							e.preventDefault();
+						}
+					},
+					false
+				);
+				if (gradio.props._selectable) {
+					view.addSignalListener("brush", function (_, value) {
+						if (Date.now() - lastSelectTime < 1000) return;
+						mouse_down_on_chart = true;
+						if (Object.keys(value).length === 0) return;
+						clearTimeout(debounceTimeout);
+						let range: [number, number] = value[Object.keys(value)[0]];
+						if (x_temporal) {
+							range = [range[0] / 1000, range[1] / 1000];
+						}
+						debounceTimeout = setTimeout(function () {
+							mouse_down_on_chart = false;
+							lastSelectTime = Date.now();
+							gradio.dispatch("select", {
+								value: range,
+								index: range,
+								selected: true
+							});
+							if (refresh_pending) {
+								refresh_pending = false;
+								load_chart();
+							}
+						}, 250);
+					});
+				}
+			}
+		);
+	}
+
+	let refresh_pending = $state(false);
+
+	onMount(() => {
+		mounted = true;
+		return () => {
+			mounted = false;
+			if (view) {
+				view.finalize();
+			}
+			if (resizeObserver) {
+				resizeObserver.disconnect();
+			}
+		};
+	});
+
+	function export_chart(): void {
+		if (!view || !computed_style) return;
+		const current_view = view;
+
+		const block_background = computed_style.getPropertyValue(
+			"--block-background-fill"
+		);
+		const export_background = block_background || "white";
+
+		current_view.background(export_background).run();
+
+		current_view
+			.toImageURL("png", 2)
+			.then(function (url) {
+				current_view.background("transparent").run();
+
+				const link = document.createElement("a");
+				link.setAttribute("href", url);
+				link.setAttribute("download", "chart.png");
+				link.style.display = "none";
+				document.body.appendChild(link);
+				link.click();
+				document.body.removeChild(link);
+			})
+			.catch(function (err) {
+				console.error("Export failed:", err);
+				current_view.background("transparent").run();
+			});
+	}
+
+	let _color_map = $derived(JSON.stringify(gradio.props.color_map));
+
+	$effect(() => {
+		// Track dependencies to trigger chart reload
+		void gradio.props.title;
+		void gradio.props.x_title;
+		void gradio.props.y_title;
+		void gradio.props.color_title;
+		void gradio.props.x;
+		void gradio.props.y;
+		void gradio.props.color;
+		void gradio.props.x_bin;
+		void _y_aggregate;
+		void _color_map;
+		void gradio.props.colors_in_legend;
+		void x_start;
+		void x_end;
+		void y_start;
+		void y_end;
+		void gradio.props.caption;
+		void gradio.props.sort;
+		void mounted;
+		void chart_element;
+		void fullscreen;
+		void computed_style;
+
+		if (mounted && chart_element) {
+			untrack(() => {
+				load_chart();
+			});
+		}
+	});
+
+	function create_vega_lite_spec(): Spec | null {
+		if (!gradio.props.value || !computed_style) return null;
+		let accent_color = computed_style.getPropertyValue("--color-accent");
+		let body_text_color = computed_style.getPropertyValue("--body-text-color");
+		let borderColorPrimary = computed_style.getPropertyValue(
+			"--border-color-primary"
+		);
+		let font_family = computed_style.fontFamily;
+		let title_weight = computed_style.getPropertyValue(
+			"--block-title-text-weight"
+		) as
+			| "bold"
+			| "normal"
+			| 100
+			| 200
+			| 300
+			| 400
+			| 500
+			| 600
+			| 700
+			| 800
+			| 900;
+		const font_to_px_val = (font: string): number => {
+			return font.endsWith("px") ? parseFloat(font.slice(0, -2)) : 12;
+		};
+		let text_size_md = font_to_px_val(
+			computed_style.getPropertyValue("--text-md")
+		);
+		let text_size_sm = font_to_px_val(
+			computed_style.getPropertyValue("--text-sm")
+		);
+
+		return {
+			$schema: "https://vega.github.io/schema/vega-lite/v5.17.0.json",
+			background: "transparent",
+			config: {
+				autosize: { type: "fit", contains: "padding" },
+				axis: {
+					labelFont: font_family,
+					labelColor: body_text_color,
+					titleFont: font_family,
+					titleColor: body_text_color,
+					titlePadding: 8,
+					tickColor: borderColorPrimary,
+					labelFontSize: text_size_sm,
+					gridColor: borderColorPrimary,
+					titleFontWeight: "normal",
+					titleFontSize: text_size_sm,
+					labelFontWeight: "normal",
+					domain: false,
+					labelAngle: 0,
+					titleLimit: (chart_element?.offsetHeight ?? 0) * 0.8
+				},
+				legend: {
+					labelColor: body_text_color,
+					labelFont: font_family,
+					titleColor: body_text_color,
+					titleFont: font_family,
+					titleFontWeight: "normal",
+					titleFontSize: text_size_sm,
+					labelFontWeight: "normal",
+					offset: 2
+				},
+				title: {
+					color: body_text_color,
+					font: font_family,
+					fontSize: text_size_md,
+					fontWeight: title_weight,
+					anchor: "middle"
+				},
+				view: { stroke: borderColorPrimary },
+				mark: {
+					stroke: gradio.props.value.mark !== "bar" ? accent_color : undefined,
+					fill: gradio.props.value.mark === "bar" ? accent_color : undefined,
+					cursor: "crosshair"
+				}
+			},
+			data: { name: "data" },
+			datasets: {
+				data: _data
+			},
+			layer: [
+				"plot",
+				...(gradio.props.value.mark === "line" ? ["hover"] : [])
+			].map((mode) => {
+				return {
+					encoding: {
+						size:
+							gradio.props.value!.mark === "line"
+								? mode == "plot"
+									? {
+											condition: {
+												empty: false,
+												param: "hoverPlot",
+												value: 3
+											},
+											value: 2
+										}
+									: {
+											condition: { empty: false, param: "hover", value: 100 },
+											value: 0
+										}
+								: undefined,
+						opacity:
+							mode === "plot"
+								? undefined
+								: {
+										condition: { empty: false, param: "hover", value: 1 },
+										value: 0
+									},
+						x: {
+							axis: {
+								...(gradio.props.x_label_angle !== null && {
+									labelAngle: gradio.props.x_label_angle
+								}),
+								labels: gradio.props.x_axis_labels_visible,
+								ticks: gradio.props.x_axis_labels_visible,
+								...(gradio.props.x_axis_format !== null && {
+									format: gradio.props.x_axis_format
+								})
+							},
+							field: escape_field_name(gradio.props.x),
+							title: gradio.props.x_title || gradio.props.x,
+							type: gradio.props.value!.datatypes[gradio.props.x],
+							scale: {
+								zero: false,
+								domainMin: _x_lim?.[0] !== null ? _x_lim?.[0] : undefined,
+								domainMax: _x_lim?.[1] !== null ? _x_lim?.[1] : undefined
+							},
+							bin: _x_bin ? { step: _x_bin } : undefined,
+							sort: _sort
+						},
+						y: {
+							axis: {
+								...(gradio.props.y_label_angle && {
+									labelAngle: gradio.props.y_label_angle
+								}),
+								...(gradio.props.y_axis_format !== null && {
+									format: gradio.props.y_axis_format
+								})
+							},
+							field: escape_field_name(gradio.props.y),
+							title: gradio.props.y_title || gradio.props.y,
+							type: gradio.props.value!.datatypes[gradio.props.y],
+							scale: {
+								zero: false,
+								domainMin: y_start ?? undefined,
+								domainMax: y_end ?? undefined
+							},
+							aggregate: aggregating ? _y_aggregate : undefined
+						},
+						color: gradio.props.color
+							? {
+									field: escape_field_name(gradio.props.color),
+									legend:
+										gradio.props.colors_in_legend?.length === 0
+											? null
+											: {
+													orient: "bottom",
+													title: gradio.props.color_title,
+													values: gradio.props.colors_in_legend
+														? [...gradio.props.colors_in_legend]
+														: undefined
+												},
+									scale:
+										gradio.props.value!.datatypes[gradio.props.color] ===
+										"nominal"
+											? {
+													domain: unique_colors,
+													range: gradio.props.color_map
+														? unique_colors.map(
+																(c) => gradio.props.color_map![c]
+															)
+														: undefined
+												}
+											: {
+													range: [
+														100, 200, 300, 400, 500, 600, 700, 800, 900
+													].map((n) =>
+														computed_style!.getPropertyValue("--primary-" + n)
+													),
+													interpolate: "hsl"
+												},
+									type: gradio.props.value!.datatypes[gradio.props.color]
+								}
+							: undefined,
+						tooltip:
+							gradio.props.tooltip == "none"
+								? undefined
+								: [
+										{
+											field: escape_field_name(gradio.props.y),
+											type: gradio.props.value!.datatypes[gradio.props.y],
+											aggregate: aggregating ? _y_aggregate : undefined,
+											title: gradio.props.y_title || gradio.props.y
+										},
+										{
+											field: escape_field_name(gradio.props.x),
+											type: gradio.props.value!.datatypes[gradio.props.x],
+											title: gradio.props.x_title || gradio.props.x,
+											format: x_temporal ? "%Y-%m-%d %H:%M:%S" : undefined,
+											bin: _x_bin ? { step: _x_bin } : undefined
+										},
+										...(gradio.props.color
+											? [
+													{
+														field: gradio.props.color,
+														type: gradio.props.value!.datatypes[
+															gradio.props.color
+														]
+													}
+												]
+											: []),
+										...(gradio.props.tooltip === "axis"
+											? []
+											: (gradio.props.value?.columns ?? [])
+													.filter(
+														(col) =>
+															col !== gradio.props.x &&
+															col !== gradio.props.y &&
+															col !== gradio.props.color &&
+															(gradio.props.tooltip === "all" ||
+																gradio.props.tooltip.includes(col))
+													)
+													.map((column) => ({
+														field: column,
+														type: gradio.props.value!.datatypes[column]
+													})))
+									]
+					},
+					strokeDash: {},
+					mark: {
+						clip: true,
+						type: mode === "hover" ? "point" : gradio.props.value!.mark
+					},
+					name: mode
+				};
+			}),
+			// @ts-ignore
+			params: [
+				...(gradio.props.value!.mark === "line"
+					? [
+							{
+								name: "hoverPlot",
+								select: {
+									clear: "mouseout",
+									fields: gradio.props.color ? [gradio.props.color] : [],
+									nearest: true,
+									on: "mouseover",
+									type: "point" as "point"
+								},
+								views: ["hover"]
+							},
+							{
+								name: "hover",
+								select: {
+									clear: "mouseout",
+									nearest: true,
+									on: "mouseover",
+									type: "point" as "point"
+								},
+								views: ["hover"]
+							}
+						]
+					: []),
+				...(gradio.props._selectable
+					? [
+							{
+								name: "brush",
+								select: {
+									encodings: ["x"],
+									mark: { fill: "gray", fillOpacity: 0.3, stroke: "none" },
+									type: "interval" as "interval"
+								},
+								views: ["plot"]
+							}
+						]
+					: [])
+			],
+			width: chart_element!.offsetWidth,
+			height: gradio.props.height || fullscreen ? "container" : undefined,
+			title: gradio.props.title || undefined
+		} as Spec;
+	}
+
+	$inspect("visible", gradio.shared.visible);
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	padding={true}
+	height={gradio.props.height}
+	bind:fullscreen
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+	{#if gradio.props.buttons?.length}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		>
+			{#if gradio.props.buttons?.some((btn) => typeof btn === "string" && btn === "export")}
+				<IconButton Icon={Download} label="Export" onclick={export_chart} />
+			{/if}
+			{#if gradio.props.buttons?.some((btn) => typeof btn === "string" && btn === "fullscreen")}
+				<FullscreenButton {fullscreen} onclick={(fs) => (fullscreen = fs)} />
+			{/if}
+		</IconButtonWrapper>
+	{/if}
+	<BlockTitle show_label={gradio.shared.show_label} info={undefined}
+		>{gradio.shared.label}</BlockTitle
+	>
+
+	{#if gradio.props.value && is_browser}
+		<div bind:this={chart_element}></div>
+
+		{#if gradio.props.caption}
+			<p class="caption">{gradio.props.caption}</p>
+		{/if}
+	{:else}
+		<Empty unpadded_box={true}><LabelIcon /></Empty>
+	{/if}
+</Block>
+
+<style>
+	div {
+		width: 100%;
+		height: 100%;
+	}
+	:global(#vg-tooltip-element) {
+		font-family: var(--font) !important;
+		font-size: var(--text-xs) !important;
+		box-shadow: none !important;
+		background-color: var(--block-background-fill) !important;
+		border: 1px solid var(--border-color-primary) !important;
+		color: var(--body-text-color) !important;
+	}
+	:global(#vg-tooltip-element .key) {
+		color: var(--body-text-color-subdued) !important;
+	}
+	.caption {
+		padding: 0 4px;
+		margin: 0;
+		text-align: center;
+	}
+</style>
diff --git a/js/nativeplot/NativePlot.stories.svelte b/js/nativeplot/NativePlot.stories.svelte
new file mode 100644
index 0000000..c952434
--- /dev/null
+++ b/js/nativeplot/NativePlot.stories.svelte
@@ -0,0 +1,144 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import NativePlot from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/NativePlot",
+		component: NativePlot,
+		parameters: {
+			chromatic: { delay: 500 }
+		}
+	});
+</script>
+
+<Story
+	name="Scatter Plot"
+	args={{
+		value: {
+			columns: ["x", "y", "category"],
+			data: [
+				[1, 2, "A"],
+				[2, 4, "A"],
+				[3, 1, "B"],
+				[4, 5, "B"],
+				[5, 3, "C"],
+				[6, 6, "C"]
+			],
+			datatypes: {
+				x: "quantitative",
+				y: "quantitative",
+				category: "nominal"
+			},
+			mark: "point"
+		},
+		x: "x",
+		y: "y",
+		color: "category",
+		title: "Sample Scatter Plot",
+		x_title: "X Axis",
+		y_title: "Y Axis",
+		color_title: "Categories",
+		label: "Scatter Plot",
+		show_label: true,
+		tooltip: "all"
+	}}
+>
+	{#snippet template(args)}
+		<div style="width: 600px; height: 400px;">
+			<NativePlot {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="Line Plot"
+	args={{
+		value: {
+			columns: ["time", "value"],
+			data: [
+				[1, 10],
+				[2, 15],
+				[3, 13],
+				[4, 17],
+				[5, 14],
+				[6, 20]
+			],
+			datatypes: {
+				time: "quantitative",
+				value: "quantitative"
+			},
+			mark: "line"
+		},
+		x: "time",
+		y: "value",
+		title: "Sample Line Plot",
+		x_title: "Time",
+		y_title: "Value",
+		label: "Line Plot",
+		show_label: true
+	}}
+>
+	{#snippet template(args)}
+		<div style="width: 600px; height: 400px;">
+			<NativePlot {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="Colors In Legend Test"
+	args={{
+		value: {
+			columns: ["x", "y", "category"],
+			data: [
+				[1, 2, "A"],
+				[2, 4, "A"],
+				[3, 1, "B"],
+				[4, 5, "B"],
+				[5, 3, "C"],
+				[6, 6, "C"],
+				[7, 4, "D"],
+				[8, 7, "D"]
+			],
+			datatypes: {
+				x: "quantitative",
+				y: "quantitative",
+				category: "nominal"
+			},
+			mark: "point"
+		},
+		x: "x",
+		y: "y",
+		color: "category",
+		colors_in_legend: ["A", "C"],
+		title: "Plot with Filtered Legend (only A and C shown)",
+		x_title: "X Axis",
+		y_title: "Y Axis",
+		color_title: "Categories",
+		label: "Filtered Legend Plot",
+		show_label: true,
+		tooltip: "all"
+	}}
+>
+	{#snippet template(args)}
+		<div style="width: 600px; height: 400px;">
+			<NativePlot {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
+
+<Story
+	name="Empty Plot"
+	args={{
+		value: null,
+		label: "Empty Plot",
+		show_label: true
+	}}
+>
+	{#snippet template(args)}
+		<div style="width: 600px; height: 400px;">
+			<NativePlot {...wrapProps(args)} />
+		</div>
+	{/snippet}
+</Story>
diff --git a/js/nativeplot/NativePlot.test.ts b/js/nativeplot/NativePlot.test.ts
new file mode 100644
index 0000000..fe066eb
--- /dev/null
+++ b/js/nativeplot/NativePlot.test.ts
@@ -0,0 +1,123 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import NativePlot from "./Index.svelte";
+import type { NativePlotProps } from "./types";
+
+const plot_value = {
+	columns: ["x", "y", "series"],
+	data: [
+		[1, 4, "alpha"],
+		[2, 5, "alpha"],
+		[1, 7, "beta"],
+		[2, 8, "beta"]
+	],
+	datatypes: {
+		x: "quantitative",
+		y: "quantitative",
+		series: "nominal"
+	},
+	mark: "line"
+} satisfies NativePlotProps["value"];
+
+const default_props = {
+	value: plot_value,
+	x: "x",
+	y: "y",
+	color: null,
+	title: null,
+	x_title: null,
+	y_title: null,
+	color_title: null,
+	x_bin: null,
+	y_aggregate: undefined,
+	color_map: null,
+	colors_in_legend: null,
+	x_lim: null,
+	y_lim: null,
+	x_label_angle: 0,
+	y_label_angle: 0,
+	x_axis_format: null,
+	y_axis_format: null,
+	x_axis_labels_visible: true,
+	caption: null,
+	sort: null,
+	tooltip: "axis" as const,
+	buttons: null,
+	_selectable: false,
+	label: "Native Plot",
+	show_label: false,
+	scale: null,
+	min_width: 160,
+	loading_status: undefined,
+	height: 260
+};
+
+run_shared_prop_tests({
+	component: NativePlot,
+	name: "NativePlot",
+	base_props: { ...default_props, value: null },
+	has_label: false
+});
+
+async function waitForChart(container: HTMLElement): Promise<void> {
+	await waitFor(() => {
+		expect(container.querySelector("svg")).toBeInTheDocument();
+	});
+}
+
+describe("Props: colors_in_legend", () => {
+	afterEach(() => cleanup());
+
+	test("colors_in_legend: [] hides all color legend entries", async () => {
+		const { container } = await render(NativePlot, {
+			...default_props,
+			color: "series",
+			colors_in_legend: []
+		});
+
+		await waitForChart(container);
+
+		expect(container).not.toHaveTextContent("alpha");
+		expect(container).not.toHaveTextContent("beta");
+		expect(container).not.toHaveTextContent("series");
+	});
+
+	test("colors_in_legend limits visible color legend entries", async () => {
+		const { container } = await render(NativePlot, {
+			...default_props,
+			color: "series",
+			colors_in_legend: ["alpha"]
+		});
+
+		await waitForChart(container);
+
+		expect(container).toHaveTextContent("alpha");
+		expect(container).not.toHaveTextContent("beta");
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("clicking the fullscreen button toggles fullscreen mode", async () => {
+		const { container, getByLabelText } = await render(NativePlot, {
+			...default_props,
+			buttons: ["fullscreen"]
+		});
+
+		await waitForChart(container);
+
+		await fireEvent.click(getByLabelText("Fullscreen"));
+		await waitFor(() => {
+			expect(getByLabelText("Exit fullscreen mode")).toBeVisible();
+		});
+
+		await fireEvent.click(getByLabelText("Exit fullscreen mode"));
+		await waitFor(() => {
+			expect(getByLabelText("Fullscreen")).toBeVisible();
+		});
+		await waitForChart(container);
+	});
+});
diff --git a/js/nativeplot/package.json b/js/nativeplot/package.json
new file mode 100644
index 0000000..2634f34
--- /dev/null
+++ b/js/nativeplot/package.json
@@ -0,0 +1,44 @@
+{
+	"name": "@gradio/nativeplot",
+	"version": "0.12.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"vega": "^6.2.0",
+		"vega-embed": "^7.0.2",
+		"vega-lite": "^6.4.1"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/nativeplot"
+	}
+}
diff --git a/js/nativeplot/types.ts b/js/nativeplot/types.ts
new file mode 100644
index 0000000..30045a8
--- /dev/null
+++ b/js/nativeplot/types.ts
@@ -0,0 +1,53 @@
+import type { Gradio, SelectData, CustomButton } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export interface PlotData {
+	columns: string[];
+	data: (string | number)[][];
+	datatypes: Record<string, "quantitative" | "temporal" | "nominal">;
+	mark: "line" | "point" | "bar";
+}
+
+export interface NativePlotProps {
+	value: PlotData | null;
+	x: string;
+	y: string;
+	color: string | null;
+	title: string | null;
+	x_title: string | null;
+	y_title: string | null;
+	color_title: string | null;
+	x_bin: string | number | null;
+	y_aggregate: "sum" | "mean" | "median" | "min" | "max" | undefined;
+	color_map: Record<string, string> | null;
+	colors_in_legend: string[] | null;
+	x_lim: [number | null, number | null] | null;
+	y_lim: [number | null, number | null] | null;
+	x_label_angle: number | null;
+	y_label_angle: number | null;
+	x_axis_format: string | null;
+	y_axis_format: string | null;
+	x_axis_labels_visible: boolean;
+	caption: string | null;
+	sort: "x" | "y" | "-x" | "-y" | string[] | null;
+	tooltip: "axis" | "none" | "all" | string[];
+	buttons: (string | CustomButton)[] | null;
+	_selectable: boolean;
+	label: string;
+	elem_id: string;
+	elem_classes: string[];
+	visible: boolean | "hidden";
+	show_label: boolean;
+	scale: number | null;
+	min_width: number | undefined;
+	loading_status: LoadingStatus | undefined;
+	height: number | undefined;
+}
+
+export interface NativePlotEvents {
+	change: never;
+	select: SelectData;
+	double_click: undefined;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/navbar/CHANGELOG.md b/js/navbar/CHANGELOG.md
new file mode 100644
index 0000000..7bd0feb
--- /dev/null
+++ b/js/navbar/CHANGELOG.md
@@ -0,0 +1,211 @@
+# @gradio/navbar
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+- @gradio/core@1.9.0
+
+## 0.3.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/core@1.8.0
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/core@1.6.0
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/core@1.5.1
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/core@1.5.0
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/core@1.4.2
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/core@1.4.2
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/core@1.4.1
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/core@1.4.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/core@1.2.0
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+- @gradio/core@1.1.3
+
+## 0.2.4
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/core@1.1.2
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/core@1.1.1
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+- @gradio/core@1.1.0
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/core@1.0.2
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/core@1.0.1
+- @gradio/utils@0.10.4
+
+## 0.2.2
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Unit test fixes
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/core@1.0.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.2.2-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/core@1.0.0-dev.3
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.2.2-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/core@1.0.0-dev.1
+
+## 0.2.2-dev.0
+
+### Dependency updates
+
+- @gradio/core@1.0.0-dev.0
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/core@0.29.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/core@0.29.0
+
+## 0.2.0
+
+### Features
+
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/core@0.28.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.1.0
+
+### Features
+
+- Initial implementation of Navbar component for multipage apps ([#xxxx](https://github.com/gradio-app/gradio/pull/xxxx))
\ No newline at end of file
diff --git a/js/navbar/Example.svelte b/js/navbar/Example.svelte
new file mode 100644
index 0000000..b242b4c
--- /dev/null
+++ b/js/navbar/Example.svelte
@@ -0,0 +1,11 @@
+<script>
+	export let value = {
+		visible: true,
+		home_page_title: "Home"
+	};
+</script>
+
+<!-- Navbar component examples are not displayed as it's a configuration component -->
+<div style="display: none;">
+	Navbar config: visible={value.visible}, home_page_title="{value.home_page_title}"
+</div>
diff --git a/js/navbar/Index.svelte b/js/navbar/Index.svelte
new file mode 100644
index 0000000..d9ce6d5
--- /dev/null
+++ b/js/navbar/Index.svelte
@@ -0,0 +1,37 @@
+<!-- Configuration-only component that stores navbar props in a global store. The actual navbar UI is in Embed.svelte -->
+<script lang="ts">
+	import type { NavbarProps, NavbarEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import { navbar_config } from "@gradio/core/navbar_store";
+	import { onMount } from "svelte";
+	import { get } from "svelte/store";
+
+	const props = $props();
+	const gradio = new Gradio<NavbarEvents, NavbarProps>(props);
+
+	let navbar_props = $derived.by(() => {
+		return {
+			visible:
+				gradio.shared.visible === "hidden" ? false : gradio.shared.visible,
+			main_page_name: gradio.props.main_page_name ?? "Home",
+			value: gradio.props.value
+		};
+	});
+
+	onMount(() => {
+		const current_store = get(navbar_config);
+		if (!current_store) {
+			navbar_config.set(navbar_props);
+		}
+	});
+
+	$effect(() => {
+		navbar_config.set(navbar_props);
+	});
+</script>
+
+<div
+	style="display: none;"
+	id={gradio.shared.elem_id}
+	class={gradio.shared.elem_classes.join(" ")}
+></div>
diff --git a/js/navbar/Navbar.stories.svelte b/js/navbar/Navbar.stories.svelte
new file mode 100644
index 0000000..98ea48a
--- /dev/null
+++ b/js/navbar/Navbar.stories.svelte
@@ -0,0 +1,133 @@
+<script>
+	import { Meta, Template, Story } from "@storybook/addon-svelte-csf";
+
+	const defaultPages = [
+		["", "Home"],
+		["page1", "Page 1"],
+		["page2", "Page 2"],
+		["settings", "Settings"]
+	];
+</script>
+
+<Meta
+	title="Components/Navbar"
+	argTypes={{
+		visible: {
+			options: [true, false],
+			description: "Sets the visibility of the navbar",
+			control: { type: "boolean" },
+			defaultValue: true
+		},
+		main_page_name: {
+			control: "text",
+			description:
+				"The name to display for the main page in the navbar. Set to false to use default 'Home'",
+			name: "main_page_name",
+			value: "Home"
+		},
+		value: {
+			control: "object",
+			description:
+				"List of [route, name] tuples for additional navbar pages. These are added to the existing pages",
+			name: "value",
+			value: null
+		}
+	}}
+/>
+
+<Template let:args>
+	{#key `${args.visible}-${args.main_page_name}-${JSON.stringify(args.value)}`}
+		<div
+			style="width: 100%; min-height: 400px; border: 1px solid #ddd; border-radius: 8px; overflow: hidden;"
+		>
+			{#if args.visible}
+				<div
+					class="nav-holder"
+					style="border-bottom: 1px solid var(--border-color-primary, #e5e7eb); background: var(--background-fill-primary, white);"
+				>
+					<nav
+						style="display: flex; gap: 0; padding: 0 1rem; font-family: var(--font-sans, system-ui, sans-serif);"
+					>
+						{#each defaultPages as [route, label], i}
+							<a
+								href="#{route}"
+								style="
+									padding: 0.75rem 1rem;
+									text-decoration: none;
+									color: {i === 0
+									? 'var(--color-accent, #f97316)'
+									: 'var(--body-text-color, #374151)'};
+									border-bottom: 2px solid {i === 0
+									? 'var(--color-accent, #f97316)'
+									: 'transparent'};
+									font-weight: {i === 0 ? '600' : '400'};
+								"
+							>
+								{i === 0 ? args.main_page_name : label}
+							</a>
+						{/each}
+						{#if args.value}
+							{#each args.value as [label, route]}
+								<a
+									href="#{route}"
+									style="
+										padding: 0.75rem 1rem;
+										text-decoration: none;
+										color: var(--body-text-color, #374151);
+										border-bottom: 2px solid transparent;
+										font-weight: 400;
+									"
+								>
+									{label}
+								</a>
+							{/each}
+						{/if}
+					</nav>
+				</div>
+			{/if}
+			<div
+				style="padding: 20px; font-family: var(--font-sans, system-ui, sans-serif);"
+			>
+				<h3 style="margin: 0 0 0.5rem; font-size: 1rem; font-weight: 700;">
+					Navbar Storybook Demo
+				</h3>
+				<p style="margin: 0 0 0.5rem;">The navbar above shows:</p>
+				<ul style="margin: 0; padding-left: 1.5rem;">
+					<li>
+						<strong>Visibility:</strong>
+						{args.visible ? "Visible" : "Hidden"}
+					</li>
+					<li><strong>Main Page Name:</strong> {args.main_page_name}</li>
+					<li>
+						<strong>Custom Pages:</strong>
+						{args.value ? JSON.stringify(args.value) : "None"}
+					</li>
+				</ul>
+				<p
+					style="margin-top: 1rem; color: var(--body-text-color-subdued, #6b7280);"
+				></p>
+			</div>
+		</div>
+	{/key}
+</Template>
+
+<Story
+	name="Default"
+	args={{
+		visible: true,
+		main_page_name: "Home",
+		value: null
+	}}
+/>
+
+<Story
+	name="Additional Pages"
+	args={{
+		visible: true,
+		main_page_name: "Home",
+		value: [
+			["Analytics", "analytics"],
+			["Twitter", "https://twitter.com/abidlabs"]
+		]
+	}}
+/>
diff --git a/js/navbar/Navbar.test.ts b/js/navbar/Navbar.test.ts
new file mode 100644
index 0000000..5889ddc
--- /dev/null
+++ b/js/navbar/Navbar.test.ts
@@ -0,0 +1,94 @@
+import { test, describe, assert, afterEach, beforeEach } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+import { setupi18n } from "../core/src/i18n";
+import { get } from "svelte/store";
+import { navbar_config } from "@gradio/core/navbar_store";
+
+import Navbar from "./Index.svelte";
+
+beforeEach(() => {
+	setupi18n();
+	cleanup();
+	navbar_config.set(null);
+});
+
+afterEach(cleanup);
+
+describe("Navbar Component", () => {
+	test("initializes the navbar store with custom props", async () => {
+		await render(Navbar, {
+			visible: true,
+			main_page_name: "Dashboard",
+			elem_classes: [],
+			value: [
+				["Main", ""],
+				["Settings", "settings"]
+			]
+		});
+
+		const store_value = get(navbar_config);
+		assert.equal(store_value?.visible, true);
+		assert.equal(store_value?.main_page_name, "Dashboard");
+		assert.deepEqual(store_value?.value, [
+			["Main", ""],
+			["Settings", "settings"]
+		]);
+	});
+
+	test("setting elem_id and elem_classes applies to the navbar", async () => {
+		const { container } = await render(Navbar, {
+			visible: true,
+			main_page_name: "Home",
+			elem_id: "test-navbar",
+			elem_classes: ["custom-class"]
+		});
+
+		const navbar_div = container.querySelector("#test-navbar");
+		assert.isTrue(navbar_div?.classList.contains("custom-class"));
+	});
+
+	test("navbar store updates when props change", async () => {
+		const { unmount } = await render(Navbar, {
+			visible: true,
+			main_page_name: "Home",
+			elem_classes: [],
+			value: null
+		});
+
+		let store_value = get(navbar_config);
+		assert.equal(store_value?.visible, true);
+		assert.equal(store_value?.main_page_name, "Home");
+		assert.equal(store_value?.value, null);
+
+		unmount();
+		await render(Navbar, {
+			visible: false,
+			main_page_name: "Admin Panel",
+			elem_classes: [],
+			value: [
+				["Dashboard", ""],
+				["Users", "users"]
+			]
+		});
+
+		store_value = get(navbar_config);
+		assert.equal(store_value?.visible, false);
+		assert.equal(store_value?.main_page_name, "Admin Panel");
+		assert.deepEqual(store_value?.value, [
+			["Dashboard", ""],
+			["Users", "users"]
+		]);
+	});
+
+	test("main_page_name can be set to false", async () => {
+		await render(Navbar, {
+			visible: true,
+			main_page_name: false,
+			elem_classes: [],
+			value: null
+		});
+
+		const store_value = get(navbar_config);
+		assert.equal(store_value?.main_page_name, false);
+	});
+});
diff --git a/js/navbar/package.json b/js/navbar/package.json
new file mode 100644
index 0000000..2cc0624
--- /dev/null
+++ b/js/navbar/package.json
@@ -0,0 +1,45 @@
+{
+	"name": "@gradio/navbar",
+	"version": "0.3.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/core": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./base": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/navbar"
+	}
+}
diff --git a/js/navbar/types.ts b/js/navbar/types.ts
new file mode 100644
index 0000000..375e5ed
--- /dev/null
+++ b/js/navbar/types.ts
@@ -0,0 +1,9 @@
+export interface NavbarProps {
+	value: [string, string][] | null;
+	main_page_name: string | false;
+}
+
+export interface NavbarEvents {
+	change: never;
+	clear_status: never;
+}
diff --git a/js/number/CHANGELOG.md b/js/number/CHANGELOG.md
new file mode 100644
index 0000000..efcbe04
--- /dev/null
+++ b/js/number/CHANGELOG.md
@@ -0,0 +1,825 @@
+# @gradio/number
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.9.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.8.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+
+## 0.8.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.8.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.7.2
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.7.2-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.7.2-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.7.1
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.7.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.6.0
+
+### Features
+
+- [#11429](https://github.com/gradio-app/gradio/pull/11429) [`1a718e7`](https://github.com/gradio-app/gradio/commit/1a718e72f0aef043f4ee4a6cfd2af4f68902ce63) - Add placeholder support to number component.  Thanks @seb-goodman!
+- [#11447](https://github.com/gradio-app/gradio/pull/11447) [`58631ef`](https://github.com/gradio-app/gradio/commit/58631efdf3e2ff805ce625b7ef63e651f01af03e) - Revert .only marker in e2e tests.  Thanks @freddyaboulton!
+
+## 0.5.23
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.5.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.5.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.5.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.5.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+
+## 0.5.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+
+## 0.5.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.5.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.5.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.5.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.5.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.5.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.5.0-beta.5
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.5.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.4.13-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.4.13-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.4.13-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.4.13-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.4.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.4.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.4.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.3.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.3.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.3.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.3.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.3.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.3.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.3.8
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7294](https://github.com/gradio-app/gradio/pull/7294) [`d7095c4`](https://github.com/gradio-app/gradio/commit/d7095c4699658f2acc5af7557dd455e8655954f4) - Number example fix. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6026](https://github.com/gradio-app/gradio/pull/6026) [`338969af2`](https://github.com/gradio-app/gradio/commit/338969af290de032f9cdc204dab8a50be3bf3cc5) - V4: Single-file implementation of form components. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.3.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.2.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Features
+
+- [#5047](https://github.com/gradio-app/gradio/pull/5047) [`883ac364`](https://github.com/gradio-app/gradio/commit/883ac364f69d92128774ac446ce49bdf8415fd7b) - Add `step` param to `Number`. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5005](https://github.com/gradio-app/gradio/pull/5005) [`f5539c76`](https://github.com/gradio-app/gradio/commit/f5539c7618e31451420bd3228754774da14dc65f) - Enhancement: Add focus event to textbox and number component. Thanks [@JodyZ0203](https://github.com/JodyZ0203)!
\ No newline at end of file
diff --git a/js/number/Example.svelte b/js/number/Example.svelte
new file mode 100644
index 0000000..309d014
--- /dev/null
+++ b/js/number/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value !== null ? value : ""}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/number/Index.svelte b/js/number/Index.svelte
new file mode 100644
index 0000000..af4675e
--- /dev/null
+++ b/js/number/Index.svelte
@@ -0,0 +1,142 @@
+<script lang="ts">
+	import type { NumberProps, NumberEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import { Block, BlockTitle, IconButtonWrapper } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { tick } from "svelte";
+
+	const props = $props();
+	const gradio = new Gradio<NumberEvents, NumberProps>(props);
+
+	gradio.props.value ??= 0;
+
+	let old_value = $state(gradio.props.value);
+
+	$effect(() => {
+		if (old_value != gradio.props.value) {
+			//@ts-ignore
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+
+	async function handle_keypress(e: KeyboardEvent): Promise<void> {
+		await tick();
+		if (e.key === "Enter") {
+			e.preventDefault();
+			gradio.dispatch("submit");
+		}
+	}
+	const disabled = $derived(!gradio.shared.interactive);
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	padding={gradio.shared.container}
+	allow_overflow={false}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		show_validation_error={false}
+		on_clear_status={() => {
+			gradio.dispatch("clear_status", gradio.shared.loading_status);
+		}}
+	/>
+	<label class="block" class:container={gradio.shared.container}>
+		{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+			<IconButtonWrapper
+				buttons={gradio.props.buttons}
+				on_custom_button_click={(id) => {
+					gradio.dispatch("custom_button_click", { id });
+				}}
+			/>
+		{/if}
+		<BlockTitle show_label={gradio.shared.show_label} info={gradio.props.info}
+			>{gradio.shared.label || "Number"}
+			{#if gradio.shared.loading_status?.validation_error}
+				<div class="validation-error">
+					{gradio.shared.loading_status?.validation_error}
+				</div>
+			{/if}
+		</BlockTitle>
+
+		<input
+			class:validation-error={gradio.shared.loading_status?.validation_error}
+			aria-label={gradio.shared.label || "Number"}
+			type="number"
+			bind:value={gradio.props.value}
+			min={gradio.props.minimum}
+			max={gradio.props.maximum}
+			step={gradio.props.step}
+			placeholder={gradio.props.placeholder}
+			on:keypress={handle_keypress}
+			on:input={() => gradio.dispatch("input")}
+			on:blur={() => gradio.dispatch("blur")}
+			on:focus={() => gradio.dispatch("focus")}
+			{disabled}
+		/>
+	</label>
+</Block>
+
+<style>
+	label:not(.container),
+	label:not(.container) > input {
+		height: 100%;
+		border: none;
+	}
+	.container > input {
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-radius: var(--input-radius);
+	}
+	input[type="number"] {
+		display: block;
+		position: relative;
+		outline: none !important;
+		box-shadow: var(--input-shadow);
+		background: var(--input-background-fill);
+		padding: var(--input-padding);
+		width: 100%;
+		color: var(--body-text-color);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+	}
+	input:disabled {
+		-webkit-text-fill-color: var(--body-text-color);
+		-webkit-opacity: 1;
+		opacity: 1;
+	}
+
+	input:focus {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+		background: var(--input-background-fill-focus);
+	}
+
+	input::placeholder {
+		color: var(--input-placeholder-color);
+	}
+
+	input:out-of-range {
+		border: var(--input-border-width) solid var(--error-border-color);
+	}
+
+	div.validation-error {
+		color: var(--error-icon-color);
+		font-size: var(--font-sans);
+		margin-top: var(--spacing-sm);
+		font-weight: var(--weight-semibold);
+	}
+
+	label.container input.validation-error {
+		border-color: transparent !important;
+		box-shadow:
+			0 0 3px 1px var(--error-icon-color),
+			var(--shadow-inset) !important;
+	}
+</style>
diff --git a/js/number/Number.stories.svelte b/js/number/Number.stories.svelte
new file mode 100644
index 0000000..4bed73a
--- /dev/null
+++ b/js/number/Number.stories.svelte
@@ -0,0 +1,41 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Number from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Number",
+		component: Number,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			minimum: { control: "number", description: "Minimum value" },
+			maximum: { control: "number", description: "Maximum value" },
+			step: { control: "number", description: "Step increment" },
+			interactive: { control: "boolean", description: "Whether interactive" },
+			show_label: { control: "boolean", description: "Whether to show label" }
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Number {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Number with min 0 and max 100"
+	args={{ minimum: 0, maximum: 100, interactive: true }}
+	{template}
+/>
+<Story
+	name="Number in disabled state"
+	args={{ interactive: false }}
+	{template}
+/>
diff --git a/js/number/Number.test.ts b/js/number/Number.test.ts
new file mode 100644
index 0000000..6c8c30d
--- /dev/null
+++ b/js/number/Number.test.ts
@@ -0,0 +1,446 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Number from "./Index.svelte";
+
+const default_props = {
+	show_label: true,
+	value: 42,
+	label: "Number",
+	interactive: true
+};
+
+run_shared_prop_tests({
+	component: Number,
+	name: "Number",
+	base_props: {
+		value: 0,
+		interactive: true
+	},
+	has_validation_error: false
+});
+
+describe("Props: value", () => {
+	afterEach(() => cleanup());
+
+	test("renders provided value", async () => {
+		const { getByDisplayValue } = await render(Number, {
+			...default_props,
+			value: 7
+		});
+
+		const item = getByDisplayValue("7") as HTMLInputElement;
+		expect(item.value).toBe("7");
+	});
+
+	test("renders input with type=number", async () => {
+		const { getByLabelText } = await render(Number, default_props);
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		expect(el).toHaveAttribute("type", "number");
+	});
+
+	test("null value renders empty input", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: null
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		expect(el.value).toBe("");
+	});
+
+	test("zero is rendered correctly", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 0
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		expect(el.valueAsNumber).toBe(0);
+		expect(el.value).toBe("0");
+	});
+
+	test("undefined renders empty input", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: undefined
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		expect(el.value).toBe("");
+	});
+
+	test("negative numbers are preserved", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: -42
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		expect(el.valueAsNumber).toBe(-42);
+	});
+
+	test("decimal numbers are preserved", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 3.14159
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		expect(el.valueAsNumber).toBe(3.14159);
+	});
+});
+
+describe("Props: limits", () => {
+	afterEach(() => cleanup());
+
+	test("step up increments by step", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 0,
+			step: 5
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		el.stepUp();
+		await fireEvent.input(el);
+
+		await waitFor(() => {
+			expect(el.valueAsNumber).toBe(5);
+		});
+	});
+
+	test("step down decrements by step", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 10,
+			step: 5
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		el.stepDown();
+		await fireEvent.input(el);
+
+		await waitFor(() => {
+			expect(el.valueAsNumber).toBe(5);
+		});
+	});
+
+	test("step down does not go below minimum", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 0,
+			minimum: 0,
+			step: 1
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		el.stepDown();
+		await fireEvent.input(el);
+
+		await waitFor(() => {
+			expect(el.valueAsNumber).toBeGreaterThanOrEqual(0);
+		});
+	});
+
+	test("step up does not exceed maximum", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 100,
+			maximum: 100,
+			step: 1
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		el.stepUp();
+
+		await fireEvent.input(el);
+
+		await waitFor(() => {
+			expect(el.valueAsNumber).toBeLessThanOrEqual(100);
+		});
+	});
+
+	test("out-of-bounds value via set_data is flagged as invalid", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 50,
+			minimum: 0,
+			maximum: 100
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		el.value = "200";
+		await fireEvent.input(el);
+
+		expect(el.validity.rangeOverflow).toBe(true);
+	});
+
+	test("below-minimum value via user input is flagged as invalid", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			value: 50,
+			minimum: 0,
+			maximum: 100
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		el.value = "-5";
+		await fireEvent.input(el);
+
+		expect(el.validity.rangeUnderflow).toBe(true);
+	});
+});
+
+describe("Validation error", () => {
+	afterEach(() => cleanup());
+
+	test("validation error is displayed when set via loading_status", async () => {
+		const { getByText } = await render(Number, {
+			...default_props,
+			loading_status: {
+				status: "complete",
+				validation_error: "Value must be between 0 and 100"
+			}
+		});
+
+		getByText("Value must be between 0 and 100");
+	});
+
+	test("input has validation-error class when error is present", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			loading_status: {
+				status: "complete",
+				validation_error: "Invalid"
+			}
+		});
+
+		const el = getByLabelText("Number");
+		expect(el).toHaveClass("validation-error");
+	});
+
+	test("no validation error when loading_status has no error", async () => {
+		const { queryByText } = await render(Number, {
+			...default_props,
+			loading_status: {
+				status: "complete",
+				validation_error: null
+			}
+		});
+
+		expect(queryByText("Value must be between 0 and 100")).toBeNull();
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("buttons are rendered when provided", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			buttons: [{ value: "Randomize", id: 1, icon: null }]
+		});
+
+		getByLabelText("Randomize");
+	});
+
+	test("no buttons rendered when empty array", async () => {
+		const { queryByRole } = await render(Number, {
+			...default_props,
+			buttons: []
+		});
+
+		expect(queryByRole("button")).toBeNull();
+	});
+});
+
+describe("Props: text", () => {
+	afterEach(() => cleanup());
+
+	test("placeholder text is rendered", async () => {
+		const { getByPlaceholderText } = await render(Number, {
+			...default_props,
+			value: null,
+			placeholder: "Enter a number..."
+		});
+
+		getByPlaceholderText("Enter a number...");
+	});
+
+	test("info renders descriptive text", async () => {
+		const { getByText } = await render(Number, {
+			...default_props,
+			info: "Must be between 0 and 100"
+		});
+
+		getByText("Must be between 0 and 100");
+	});
+
+	test("info is not rendered when not provided", async () => {
+		const { queryByText } = await render(Number, {
+			...default_props,
+			info: undefined
+		});
+
+		expect(queryByText("Must be between 0 and 100")).toBeNull();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=false disables the input", async () => {
+		const { getByLabelText } = await render(Number, {
+			...default_props,
+			interactive: false
+		});
+
+		const el = getByLabelText("Number");
+		expect(el).toBeDisabled();
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change emitted when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Number, default_props);
+
+		const change = listen("change");
+		await set_data({ value: 99 });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change event does not fire on mount", async () => {
+		const { listen } = await render(Number, default_props);
+
+		const change = listen("change");
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change deduplication: same value does not re-fire", async () => {
+		const { listen, set_data } = await render(Number, {
+			...default_props,
+			value: 0
+		});
+
+		const change = listen("change");
+		await set_data({ value: 50 });
+		await set_data({ value: 50 });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("input emitted on keystroke", async () => {
+		const { getByLabelText, listen } = await render(Number, {
+			...default_props,
+			value: null
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		const input = listen("input");
+
+		el.focus();
+		await event.type(el, "5");
+
+		await waitFor(() => {
+			expect(input).toHaveBeenCalled();
+		});
+	});
+
+	test("submit emitted on Enter key", async () => {
+		const { getByLabelText, listen } = await render(Number, default_props);
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		const submit = listen("submit");
+
+		el.focus();
+		await event.keyboard("{Enter}");
+
+		expect(submit).toHaveBeenCalledTimes(1);
+	});
+
+	test("blur emitted when input loses focus", async () => {
+		const { getByLabelText, listen } = await render(Number, default_props);
+
+		const el = getByLabelText("Number");
+		const blur = listen("blur");
+
+		el.focus();
+		el.blur();
+
+		expect(blur).toHaveBeenCalledTimes(1);
+	});
+
+	test("focus emitted when input gains focus", async () => {
+		const { getByLabelText, listen } = await render(Number, default_props);
+
+		const el = getByLabelText("Number");
+		const focus = listen("focus");
+
+		el.focus();
+
+		expect(focus).toHaveBeenCalledTimes(1);
+	});
+
+	test("custom_button_click emitted when custom button is clicked", async () => {
+		const { listen, getByLabelText } = await render(Number, {
+			...default_props,
+			buttons: [{ value: "Randomize", id: 7, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Randomize");
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 7 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the current value", async () => {
+		const { get_data } = await render(Number, {
+			...default_props,
+			value: 123
+		});
+
+		const data = await get_data();
+		expect(data.value).toBe(123);
+	});
+
+	test("set_data updates the value in the UI", async () => {
+		const { set_data, getByLabelText } = await render(Number, {
+			...default_props,
+			value: 0
+		});
+
+		await set_data({ value: 999 });
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		expect(el.valueAsNumber).toBe(999);
+	});
+
+	test("user input is reflected in get_data", async () => {
+		const { getByLabelText, get_data } = await render(Number, {
+			...default_props,
+			value: null
+		});
+
+		const el = getByLabelText("Number") as HTMLInputElement;
+		el.focus();
+		await event.type(el, "42");
+
+		await waitFor(async () => {
+			const data = await get_data();
+			expect(data.value).toBe(42);
+		});
+	});
+});
diff --git a/js/number/package.json b/js/number/package.json
new file mode 100644
index 0000000..a18f210
--- /dev/null
+++ b/js/number/package.json
@@ -0,0 +1,39 @@
+{
+	"name": "@gradio/number",
+	"version": "0.9.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/number"
+	}
+}
diff --git a/js/number/types.ts b/js/number/types.ts
new file mode 100644
index 0000000..40b543f
--- /dev/null
+++ b/js/number/types.ts
@@ -0,0 +1,22 @@
+import type { ILoadingStatus as LoadingStatus } from "js/statustracker";
+import type { CustomButton } from "@gradio/utils";
+
+export interface NumberProps {
+	value: number | null;
+	placeholder: string;
+	minimum: number | undefined;
+	maximum: number | undefined;
+	step: number | null;
+	info: string | undefined;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface NumberEvents {
+	change: never;
+	input: never;
+	submit: never;
+	blur: never;
+	focus: never;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/paramviewer/CHANGELOG.md b/js/paramviewer/CHANGELOG.md
new file mode 100644
index 0000000..dc546e5
--- /dev/null
+++ b/js/paramviewer/CHANGELOG.md
@@ -0,0 +1,667 @@
+# @gradio/paramviewer
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.10.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.9.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12761](https://github.com/gradio-app/gradio/pull/12761) [`2afffc2`](https://github.com/gradio-app/gradio/commit/2afffc2944f4418df7d81cceaeaffa7713bb899a) - Migrate ParamTable syntax to svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.9.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix website with param viewer
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - 🌙 Add dark mode to gradio docs
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.9.0-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.9.0-dev.0
+
+### Features
+
+- [#12106](https://github.com/gradio-app/gradio/pull/12106) [`26bbdf8`](https://github.com/gradio-app/gradio/commit/26bbdf8b6a16d370d0314b03b3fa49de922ad2ff) - 🌙 Add dark mode to gradio docs.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.8.1
+
+### Fixes
+
+- [#11940](https://github.com/gradio-app/gradio/pull/11940) [`13fdfa6`](https://github.com/gradio-app/gradio/commit/13fdfa6d549ee4e31308af69b75140085ea51fc4) - Upgrade Prismjs.  Thanks @freddyaboulton!
+
+## 0.8.0
+
+### Features
+
+- [#11901](https://github.com/gradio-app/gradio/pull/11901) [`8264ad8`](https://github.com/gradio-app/gradio/commit/8264ad87f098573438fb3175fe19a34dcd84ed7e) - Add max_height parameter to ParamViewer.  Thanks @drewmlawton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.7.16
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.7.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.7.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+
+## 0.7.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.7.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.7.12
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.7.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.7.0
+
+### Features
+
+- [#10495](https://github.com/gradio-app/gradio/pull/10495) [`35fda36`](https://github.com/gradio-app/gradio/commit/35fda36de9745757298cafb3d8b91cbc1a4358c9) - Add an `anchor_links` parameter to `gr.ParamViewer` that allows linking to specific parameters.  Thanks @abidlabs!
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.6.0
+
+### Features
+
+- [#10083](https://github.com/gradio-app/gradio/pull/10083) [`b2a21c6`](https://github.com/gradio-app/gradio/commit/b2a21c643dc5e50581567cbde7b660357b3d982e) - Add HTML support to paramviewer descriptions.  Thanks @aliabd!
+- [#10096](https://github.com/gradio-app/gradio/pull/10096) [`ec10aa3`](https://github.com/gradio-app/gradio/commit/ec10aa3b9b42d8c3fe930aff9465c469626992d4) - Fix paramviewer descriptions to only render markdown links.  Thanks @aliabd!
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.4.22-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.4.22-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.4.22-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.4.22-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.4.22-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.4.22-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.4.22
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.4.21
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.4.20
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.4.19
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.4.18
+
+### Features
+
+- [#8618](https://github.com/gradio-app/gradio/pull/8618) [`aa4b7a7`](https://github.com/gradio-app/gradio/commit/aa4b7a71921fd5b7ad7e3c0cce7687a8f6d284da) - Improve styling of parameter tables in the docs.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.4.17
+
+### Features
+
+- [#8744](https://github.com/gradio-app/gradio/pull/8744) [`b736c8d`](https://github.com/gradio-app/gradio/commit/b736c8db343087a4854f659b92732c8859fa999a) - Refactor `gr.ParamViewer` to use HTML `<details>` and other tweaks.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.4.9
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.4.0
+
+### Features
+
+- [#7109](https://github.com/gradio-app/gradio/pull/7109) [`125a832`](https://github.com/gradio-app/gradio/commit/125a832ab7ee2b5affa574e8b32c88f430cc6663) - generate docs when running `gradio cc build`. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#7130](https://github.com/gradio-app/gradio/pull/7130) [`e7ab406`](https://github.com/gradio-app/gradio/commit/e7ab4063eb2624820b9f1076960e9596791d9427) - Fix ParamViewer css. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0
+
+### Highlights
+
+#### Custom component documentation generator ([#7030](https://github.com/gradio-app/gradio/pull/7030) [`3a944ed`](https://github.com/gradio-app/gradio/commit/3a944ed9f162a224d26959a9c556346a9d205311))
+
+If your custom component has type hints and docstrings for both parameters and return values, you can now automatically generate a documentation page and README.md with no additional effort. Simply run the following command:
+
+```sh
+gradio cc docs
+```
+
+This will generate a Gradio app that you can upload to spaces providing rich documentation for potential users. The documentation page includes:
+
+- Installation instructions.
+- A live embedded demo and working code snippet, pulled from your demo app.
+- An API reference for initialising the component, with types, default values and descriptions.
+- An explanation of how the component affects the user's predict function inputs and outputs.
+- Any additional interfaces or classes that are necessary to understand the API reference.
+- Optional links to GitHub, PyPi, and Hugging Face Spaces.
+
+A README will also be generated detailing the same information but in a format that is optimised for viewing on GitHub or PyPi!
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#7069](https://github.com/gradio-app/gradio/pull/7069) [`07d520c`](https://github.com/gradio-app/gradio/commit/07d520c7a2590eb5544bd0b17f82ea31ecf43e00) - fix versions. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/paramviewer/Example.svelte b/js/paramviewer/Example.svelte
new file mode 100644
index 0000000..18eacb1
--- /dev/null
+++ b/js/paramviewer/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	<pre>{JSON.stringify(value, null, 2)}</pre>
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/paramviewer/Index.svelte b/js/paramviewer/Index.svelte
new file mode 100644
index 0000000..b3141d2
--- /dev/null
+++ b/js/paramviewer/Index.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { ParamViewerProps, ParamViewerEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import ParamViewer from "./ParamViewer.svelte";
+
+	const props = $props();
+	const gradio = new Gradio<ParamViewerEvents, ParamViewerProps>(props);
+</script>
+
+<ParamViewer
+	docs={gradio.props.value}
+	linkify={gradio.props.linkify}
+	header={gradio.props.header}
+	anchor_links={gradio.props.anchor_links}
+	max_height={gradio.props.max_height}
+/>
diff --git a/js/paramviewer/ParamViewer.svelte b/js/paramviewer/ParamViewer.svelte
new file mode 100644
index 0000000..5a49d36
--- /dev/null
+++ b/js/paramviewer/ParamViewer.svelte
@@ -0,0 +1,376 @@
+<script lang="ts">
+	import "./prism.css";
+
+	import Prism from "prismjs";
+	import "prismjs/components/prism-python";
+	import "prismjs/components/prism-typescript";
+
+	import { onMount, tick } from "svelte";
+
+	interface Param {
+		type: string | null;
+		description: string;
+		default: string | null;
+		name?: string;
+	}
+
+	let {
+		docs,
+		linkify = [],
+		header,
+		anchor_links,
+		max_height
+	}: {
+		docs: Record<string, Param>;
+		linkify: string[];
+		header: string | null;
+		anchor_links: string | boolean;
+		max_height: number | string | undefined;
+	} = $props();
+
+	let component_root: HTMLElement;
+	let all_open = $state(false);
+	let lang: "python" | "typescript" = "python";
+
+	let _docs = $derived(highlight_code(docs, lang));
+
+	function create_slug(name: string, anchor_links: string | boolean): string {
+		let prefix = "param-";
+		if (typeof anchor_links === "string") {
+			prefix += anchor_links + "-";
+		}
+		return prefix + name.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+	}
+
+	function highlight(code: string, lang: "python" | "typescript"): string {
+		let highlighted = Prism.highlight(code, Prism.languages[lang], lang);
+
+		for (const link of linkify) {
+			highlighted = highlighted.replace(
+				new RegExp(link, "g"),
+				`<a href="#h-${link.toLocaleLowerCase()}">${link}</a>`
+			);
+		}
+
+		return highlighted;
+	}
+
+	function highlight_code(
+		_docs: typeof docs,
+		lang: "python" | "typescript"
+	): Param[] {
+		if (!_docs) {
+			return [];
+		}
+		return Object.entries(_docs).map(
+			([name, { type, description, default: _default }]) => {
+				let highlighted_type = type ? highlight(type, lang) : null;
+
+				return {
+					name: name,
+					type: highlighted_type,
+					description: description,
+					default: _default ? highlight(_default, lang) : null
+				};
+			}
+		);
+	}
+
+	function toggle_all(): void {
+		all_open = !all_open;
+		const details = component_root.querySelectorAll(".param");
+		details.forEach((detail) => {
+			if (detail instanceof HTMLDetailsElement) {
+				detail.open = all_open;
+			}
+		});
+	}
+
+	function render_links(description: string): string {
+		const escaped = description
+			.replace(/&/g, "&amp;")
+			.replace(/</g, "&lt;")
+			.replace(/>/g, "&gt;")
+			.replace(/"/g, "&quot;")
+			.replace(/'/g, "&#039;");
+
+		const markdown_links = escaped.replace(
+			/\[([^\]]+)\]\(([^)]+)\)/g,
+			'<a href="$2" target="_blank">$1</a>'
+		);
+		return markdown_links;
+	}
+
+	onMount(() => {
+		if (window.location.hash) {
+			open_parameter_from_hash(window.location.hash);
+		}
+
+		window.addEventListener("hashchange", (e) => {
+			open_parameter_from_hash(window.location.hash);
+		});
+	});
+
+	function open_parameter_from_hash(hash: string): void {
+		if (!component_root) return;
+
+		const id = hash.slice(1);
+		const detail = component_root.querySelector(`#${id}`);
+
+		if (detail instanceof HTMLDetailsElement) {
+			detail.open = true;
+			detail.scrollIntoView({ behavior: "smooth" });
+		}
+	}
+
+	const get_dimension = (
+		dimension_value: string | number | undefined
+	): string | undefined => {
+		if (dimension_value === undefined) {
+			return undefined;
+		}
+		if (typeof dimension_value === "number") {
+			return dimension_value + "px";
+		} else if (typeof dimension_value === "string") {
+			return dimension_value;
+		}
+	};
+</script>
+
+<div
+	class="wrap"
+	bind:this={component_root}
+	style:max-height={get_dimension(max_height)}
+>
+	<div class="header">
+		{#if header !== null}
+			<span class="title">{header}</span>
+		{/if}
+		<button
+			class="toggle-all"
+			on:click={toggle_all}
+			title={all_open ? "Close All" : "Open All"}
+		>
+			{all_open ? "▲" : "▼"}
+		</button>
+	</div>
+	{#if _docs}
+		<div class="param-content">
+			{#each _docs as { type, description, default: _default, name } (name)}
+				<details
+					class="param md"
+					id={anchor_links ? create_slug(name || "", anchor_links) : undefined}
+				>
+					<summary class="type">
+						{#if anchor_links}
+							<a
+								href="#{create_slug(name || '', anchor_links)}"
+								class="param-link"
+							>
+								<span class="link-icon">🔗</span>
+							</a>
+						{/if}
+						<pre class="language-{lang}"><code
+								>{name}{#if type}: {@html type}{/if}</code
+							></pre>
+					</summary>
+					{#if _default}
+						<div class="default" class:last={!description}>
+							<span style:padding-right={"4px"}>default</span>
+							<code>= {@html _default}</code>
+						</div>
+					{/if}
+					{#if description}
+						<div class="description">
+							<p>{@html render_links(description)}</p>
+						</div>
+					{/if}
+				</details>
+			{/each}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 0.7rem 1rem;
+		border-bottom: 1px solid var(--table-border-color);
+	}
+
+	.title {
+		font-size: var(--scale-0);
+		font-weight: 600;
+		color: var(--body-text-color);
+	}
+
+	.toggle-all {
+		background: none;
+		border: none;
+		cursor: pointer;
+		padding: 0;
+		color: var(--body-text-color);
+		font-size: 0.7em;
+		line-height: 1;
+		opacity: 0.7;
+		transition:
+			opacity 0.2s ease,
+			transform 0.3s ease;
+	}
+
+	.toggle-all:hover {
+		opacity: 1;
+	}
+
+	:global(.wrap[data-all-open="true"]) .toggle-all {
+		transform: rotate(180deg);
+	}
+
+	.default :global(pre),
+	.default :global(.highlight) {
+		display: inline-block;
+	}
+
+	.wrap :global(pre),
+	.wrap :global(.highlight) {
+		margin: 0 !important;
+		background: transparent !important;
+		font-family: var(--font-mono);
+		font-weight: 400;
+		padding: 0 !important;
+	}
+
+	.wrap :global(pre a) {
+		color: var(--link-text-color-hover);
+		text-decoration: underline;
+	}
+
+	.wrap :global(pre a:hover) {
+		color: var(--link-text-color-hover);
+	}
+
+	.default > span {
+		text-transform: uppercase;
+		font-size: 0.7rem;
+		font-weight: 600;
+	}
+
+	.default > code {
+		border: none;
+	}
+	code {
+		background: none;
+		font-family: var(--font-mono);
+	}
+
+	.wrap {
+		padding: 0rem;
+		border-radius: 5px;
+		overflow: hidden;
+		position: relative;
+		margin: 0;
+		box-shadow: var(--block-shadow);
+		border-width: var(--block-border-width);
+		border-color: var(--block-border-color);
+		border-radius: var(--block-radius);
+		width: 100%;
+		line-height: var(--line-sm);
+		color: var(--body-text-color);
+		display: grid;
+		grid-template-rows: auto 1fr;
+	}
+
+	.type {
+		position: relative;
+		padding: 0.7rem 1rem;
+		padding-left: 2rem;
+		background: var(--table-odd-background-fill);
+		border-bottom: 0px solid var(--table-border-color);
+		list-style: none;
+	}
+
+	.type::after {
+		content: "▼";
+		position: absolute;
+		top: 50%;
+		right: 15px;
+		transform: translateY(-50%);
+		transition: transform 0.3s ease;
+		font-size: 0.7em;
+		opacity: 0.7;
+	}
+
+	details[open] .type::after {
+		transform: translateY(-50%) rotate(180deg);
+	}
+
+	.default {
+		padding: 0.2rem 1rem 0.3rem 1rem;
+		border-bottom: 1px solid var(--table-border-color);
+		background: var(--block-background-fill);
+	}
+
+	.default.last {
+		border-bottom: none;
+	}
+
+	.description {
+		padding: 0.7rem 1rem;
+		font-size: var(--scale-00);
+		font-family: var(--font-sans);
+		background: var(--block-background-fill);
+	}
+
+	.param {
+		border-bottom: 1px solid var(--table-border-color);
+	}
+
+	.param:last-child {
+		border-bottom: none;
+	}
+
+	details[open] .type {
+		border-bottom-width: 1px;
+	}
+
+	.param.md code {
+		background: none;
+	}
+
+	details > summary {
+		cursor: pointer;
+	}
+
+	details > summary::-webkit-details-marker {
+		display: none;
+	}
+
+	.param-link {
+		opacity: 0;
+		position: absolute;
+		left: 8px;
+		top: 50%;
+		transform: translateY(-50%);
+		transition: opacity 0.2s;
+		color: var(--body-text-color);
+		text-decoration: none;
+	}
+
+	.link-icon {
+		font-size: 14px;
+	}
+
+	.type:hover .param-link {
+		opacity: 0.7;
+	}
+
+	.param-link:hover {
+		opacity: 1 !important;
+	}
+
+	.param-content {
+		overflow-y: auto;
+	}
+</style>
diff --git a/js/paramviewer/ParamViewer.test.ts b/js/paramviewer/ParamViewer.test.ts
new file mode 100644
index 0000000..a8022ce
--- /dev/null
+++ b/js/paramviewer/ParamViewer.test.ts
@@ -0,0 +1,407 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+
+import ParamViewer from "./Index.svelte";
+
+const sample_params = {
+	number: {
+		type: "int | float",
+		description: "The number to round",
+		default: "None"
+	},
+	ndigits: {
+		type: "int",
+		description: "The number of digits to round to",
+		default: "0"
+	}
+};
+
+const default_props = {
+	value: sample_params,
+	linkify: [],
+	header: "Parameters",
+	anchor_links: false,
+	max_height: undefined
+};
+
+describe("ParamViewer", () => {
+	afterEach(() => cleanup());
+
+	test("renders parameter details elements for each entry in value", async () => {
+		const { getAllByRole } = await render(ParamViewer, default_props);
+
+		const details = getAllByRole("group");
+		expect(details.length).toBe(2);
+	});
+
+	test("renders parameter types alongside names", async () => {
+		const { getByText } = await render(ParamViewer, default_props);
+
+		expect(getByText("float")).toBeVisible();
+	});
+
+	test("renders header text when provided", async () => {
+		const { getByText } = await render(ParamViewer, {
+			...default_props,
+			header: "My Parameters"
+		});
+
+		expect(getByText("My Parameters")).toBeVisible();
+	});
+
+	test("does not render header section when header is null", async () => {
+		const { queryByText, getByRole } = await render(ParamViewer, {
+			...default_props,
+			header: null
+		});
+
+		expect(queryByText("Parameters")).not.toBeInTheDocument();
+		expect(getByRole("button")).toBeVisible();
+	});
+
+	test("renders toggle-all button", async () => {
+		const { getByRole } = await render(ParamViewer, default_props);
+
+		const btn = getByRole("button");
+		expect(btn).toBeVisible();
+		expect(btn).toBeEnabled();
+	});
+
+	test("toggle-all button has correct title when closed", async () => {
+		const { getByRole } = await render(ParamViewer, default_props);
+
+		const btn = getByRole("button");
+		expect(btn).toHaveAttribute("title", "Open All");
+	});
+});
+
+describe("Props: value", () => {
+	afterEach(() => cleanup());
+
+	test("empty value renders component with no parameters", async () => {
+		const { queryByRole } = await render(ParamViewer, {
+			...default_props,
+			value: {}
+		});
+
+		expect(queryByRole("group")).not.toBeInTheDocument();
+	});
+
+	test("parameter with no type does not prevent rendering", async () => {
+		const { getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				simple: {
+					type: null as unknown as string,
+					description: "A param with no type",
+					default: null as unknown as string
+				}
+			}
+		});
+
+		const details = getAllByRole("group");
+		expect(details.length).toBe(1);
+	});
+
+	test("parameter with description shows it when expanded", async () => {
+		const { getByText, getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				param_a: {
+					type: "str",
+					description: "This is param A",
+					default: null as unknown as string
+				}
+			}
+		});
+
+		const details = getAllByRole("group");
+		await fireEvent.click(details[0]);
+
+		expect(getByText("This is param A")).toBeInTheDocument();
+	});
+
+	test("parameter with default shows it when expanded", async () => {
+		const { getByText, getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				param_a: {
+					type: "str",
+					description: "A param",
+					default: "'hello'"
+				}
+			}
+		});
+
+		const details = getAllByRole("group");
+		await fireEvent.click(details[0]);
+
+		expect(getByText("default")).toBeInTheDocument();
+	});
+
+	test("parameter with null default does not show default section", async () => {
+		const { queryByText, getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				param_a: {
+					type: "str",
+					description: "A param",
+					default: null as unknown as string
+				}
+			}
+		});
+
+		const details = getAllByRole("group");
+		await fireEvent.click(details[0]);
+
+		expect(queryByText("default")).not.toBeInTheDocument();
+	});
+
+	test("parameter with empty description does not show description section", async () => {
+		const { getByText, queryByText, getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				param_a: {
+					type: "str",
+					description: "",
+					default: "'hello'"
+				}
+			}
+		});
+
+		const details = getAllByRole("group");
+		await fireEvent.click(details[0]);
+
+		expect(getByText("default")).toBeInTheDocument();
+	});
+});
+
+describe("Props: anchor_links", () => {
+	afterEach(() => cleanup());
+
+	test("anchor_links=true creates slug IDs on details elements", async () => {
+		const { getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			anchor_links: true
+		});
+
+		const details = getAllByRole("group");
+		expect(details[0]).toHaveAttribute("id", "param-number");
+		expect(details[1]).toHaveAttribute("id", "param-ndigits");
+	});
+
+	test("anchor_links with string prefix creates prefixed slug IDs", async () => {
+		const { getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			anchor_links: "mycomp"
+		});
+
+		const details = getAllByRole("group");
+		expect(details[0]).toHaveAttribute("id", "param-mycomp-number");
+		expect(details[1]).toHaveAttribute("id", "param-mycomp-ndigits");
+	});
+
+	test("anchor_links=false does not create IDs on details elements", async () => {
+		const { getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			anchor_links: false
+		});
+
+		const details = getAllByRole("group");
+		expect(details[0]).not.toHaveAttribute("id");
+	});
+
+	test("anchor_links=true renders link icons in summaries", async () => {
+		const { getAllByText } = await render(ParamViewer, {
+			...default_props,
+			anchor_links: true
+		});
+
+		const link_icons = getAllByText("🔗");
+		expect(link_icons.length).toBe(2);
+	});
+
+	test("anchor_links=false does not render link icons", async () => {
+		const { queryAllByText } = await render(ParamViewer, {
+			...default_props,
+			anchor_links: false
+		});
+
+		const link_icons = queryAllByText("🔗");
+		expect(link_icons.length).toBe(0);
+	});
+});
+
+describe("Props: linkify", () => {
+	afterEach(() => cleanup());
+
+	test("linkify creates anchor links for matching strings in type", async () => {
+		const { getByText } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				param_a: {
+					type: "SomeComponent",
+					description: "A parameter",
+					default: null as unknown as string
+				}
+			},
+			linkify: ["SomeComponent"]
+		});
+
+		const link = getByText("SomeComponent");
+		expect(link.tagName).toBe("A");
+		expect(link).toHaveAttribute("href", "#h-somecomponent");
+	});
+});
+
+describe("Toggle All", () => {
+	afterEach(() => cleanup());
+
+	test("clicking toggle-all opens all details", async () => {
+		const { getByRole, getAllByRole } = await render(
+			ParamViewer,
+			default_props
+		);
+
+		const btn = getByRole("button");
+		await fireEvent.click(btn);
+
+		const details = getAllByRole("group") as HTMLDetailsElement[];
+		for (const detail of details) {
+			expect(detail.open).toBe(true);
+		}
+	});
+
+	test("clicking toggle-all twice closes all details", async () => {
+		const { getByRole, getAllByRole } = await render(
+			ParamViewer,
+			default_props
+		);
+
+		const btn = getByRole("button");
+		await fireEvent.click(btn);
+		await fireEvent.click(btn);
+
+		const details = getAllByRole("group") as HTMLDetailsElement[];
+		for (const detail of details) {
+			expect(detail.open).toBe(false);
+		}
+	});
+
+	test("toggle-all button title updates after opening", async () => {
+		const { getByRole } = await render(ParamViewer, default_props);
+
+		const btn = getByRole("button");
+		expect(btn).toHaveAttribute("title", "Open All");
+
+		await fireEvent.click(btn);
+		expect(btn).toHaveAttribute("title", "Close All");
+	});
+});
+
+describe("Props: max_height", () => {
+	afterEach(() => cleanup());
+
+	test.todo(
+		"VISUAL: max_height causes vertical scrolling when content overflows — needs Playwright visual regression screenshot comparison"
+	);
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("set_data updates the displayed parameters", async () => {
+		const { set_data, getAllByRole, queryByRole } = await render(
+			ParamViewer,
+			default_props
+		);
+
+		expect(getAllByRole("group").length).toBe(2);
+
+		await set_data({
+			value: {
+				new_param: {
+					type: "str",
+					description: "A new parameter",
+					default: "'test'"
+				}
+			}
+		});
+
+		expect(queryByRole("group")).toBeInTheDocument();
+		const details = getAllByRole("group");
+		expect(details.length).toBe(1);
+	});
+
+	test("get_data returns the current value", async () => {
+		const { get_data } = await render(ParamViewer, default_props);
+
+		const data = await get_data();
+		expect(data.value).toEqual(sample_params);
+	});
+
+	test("set_data then get_data round-trips", async () => {
+		const new_params = {
+			alpha: {
+				type: "bool",
+				description: "A boolean flag",
+				default: "True"
+			}
+		};
+
+		const { set_data, get_data } = await render(ParamViewer, default_props);
+
+		await set_data({ value: new_params });
+		const data = await get_data();
+		expect(data.value).toEqual(new_params);
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("parameter name with special characters creates valid slug", async () => {
+		const { getAllByRole } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				"my-param_name": {
+					type: "str",
+					description: "Special name",
+					default: null as unknown as string
+				}
+			},
+			anchor_links: true
+		});
+
+		const details = getAllByRole("group");
+		expect(details[0]).toHaveAttribute("id", "param-my-param-name");
+	});
+
+	test("description with markdown links renders as anchor tags", async () => {
+		const { getAllByRole, getByText } = await render(ParamViewer, {
+			...default_props,
+			value: {
+				param_a: {
+					type: "str",
+					description: "See [the docs](https://example.com) for details",
+					default: null as unknown as string
+				}
+			}
+		});
+
+		const details = getAllByRole("group");
+		await fireEvent.click(details[0]);
+
+		const link = getByText("the docs") as HTMLAnchorElement;
+		expect(link.tagName).toBe("A");
+		expect(link.href).toBe("https://example.com/");
+		expect(link).toHaveAttribute("target", "_blank");
+	});
+
+	test("no spurious change event on mount", async () => {
+		const { listen } = await render(ParamViewer, default_props);
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+});
diff --git a/js/paramviewer/package.json b/js/paramviewer/package.json
new file mode 100644
index 0000000..c364b95
--- /dev/null
+++ b/js/paramviewer/package.json
@@ -0,0 +1,50 @@
+{
+	"name": "@gradio/paramviewer",
+	"version": "0.10.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"types": "./dist/Index.svelte.d.ts",
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"default": "./dist/Index.svelte"
+		},
+		"./ParamViewer": {
+			"types": "./dist/ParamViewer.svelte.d.ts",
+			"gradio": "./ParamViewer.svelte",
+			"svelte": "./dist/ParamViewer.svelte",
+			"default": "./dist/ParamViewer.svelte"
+		},
+		"./example": {
+			"types": "./dist/Example.svelte.d.ts",
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"default": "./dist/Example.svelte"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"prismjs": "^1.30.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^",
+		"@types/prismjs": "^1.26.5"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/paramviewer"
+	}
+}
diff --git a/js/paramviewer/prism.css b/js/paramviewer/prism.css
new file mode 100644
index 0000000..f7f5f4e
--- /dev/null
+++ b/js/paramviewer/prism.css
@@ -0,0 +1,211 @@
+Tables */ table,
+tr,
+td,
+th {
+	margin-top: var(--spacing-sm);
+	margin-bottom: var(--spacing-sm);
+	padding: var(--spacing-xl);
+}
+
+/* .message-wrap :global(pre[class*="language-"]),
+	.message-wrap :global(pre) {
+		border: none;
+		background: none;
+		position: relative;
+		direction: ltr;
+		white-space: no-wrap;
+		overflow-x: auto;
+	}
+	.message-wrap :global(code) {
+	} */
+
+/* .message-wrap :global(div[class*="code_wrap"]) {
+		
+	} */
+
+.md code,
+.md pre {
+	background: none;
+	font-family: var(--font-mono);
+	font-size: var(--text-md);
+
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+	tab-size: 2;
+
+	hyphens: none;
+}
+
+.md pre[class*="language-"]::-moz-selection,
+.md pre[class*="language-"] ::-moz-selection,
+.md code[class*="language-"]::-moz-selection,
+.md code[class*="language-"] ::-moz-selection {
+}
+
+.md pre[class*="language-"]::selection,
+.md pre[class*="language-"] ::selection,
+.md code[class*="language-"]::selection,
+.md code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+/* Code blocks */
+.md pre {
+	padding: 1em;
+	margin: 0.5em 0;
+	overflow: auto;
+	position: relative;
+	margin-top: var(--spacing-sm);
+	margin-bottom: var(--spacing-sm);
+	box-shadow: none;
+	border: none;
+	border-radius: var(--radius-md);
+	background: var(--code-background-fill);
+	font-family: var(--font-mono);
+	display: block;
+	white-space: pre;
+	border-radius: var(--radius-sm);
+	text-shadow: none;
+	border-radius: var(--radius-sm);
+	/* font-size: 85%; */
+	white-space: nowrap;
+	display: block;
+	white-space: pre;
+}
+
+.prose code {
+}
+.prose pre > code {
+}
+
+/* Inline code */
+.md :not(pre) > code {
+	padding: 0.1em;
+	border-radius: var(--radius-xs);
+	white-space: normal;
+	background: var(--code-background-fill);
+	border: 1px solid var(--panel-border-color);
+	padding: var(--spacing-xxs) var(--spacing-xs);
+}
+
+.md .token.comment,
+.md .token.prolog,
+.md .token.doctype,
+.md .token.cdata {
+	color: slategray;
+}
+
+.md .token.punctuation {
+	color: #999;
+}
+
+.md .token.namespace {
+	opacity: 0.7;
+}
+
+.md .token.property,
+.md .token.tag,
+.md .token.boolean,
+.md .token.number,
+.md .token.constant,
+.md .token.symbol,
+.md .token.deleted {
+	color: #905;
+}
+
+.md .token.selector,
+.md .token.attr-name,
+.md .token.string,
+.md .token.char,
+.md .token.builtin,
+.md .token.inserted {
+	color: #690;
+}
+
+.md .token.atrule,
+.md .token.attr-value,
+.md .token.keyword {
+	color: #07a;
+}
+
+.md .token.function,
+.md .token.class-name {
+	color: #dd4a68;
+}
+
+.md .token.regex,
+.md .token.important,
+.md .token.variable {
+	color: #e90;
+}
+
+.md .token.important,
+.md .token.bold {
+	font-weight: bold;
+}
+.md .token.italic {
+	font-style: italic;
+}
+
+.md .token.entity {
+	cursor: help;
+}
+
+.dark .md .token.comment,
+.dark .md .token.prolog,
+.dark .md .token.cdata {
+	color: hsl(220, 10%, 40%);
+}
+
+.dark .md .token.doctype,
+.dark .md .token.punctuation,
+.dark .md .token.entity {
+	color: hsl(220, 14%, 71%);
+}
+
+.dark .md .token.attr-name,
+.dark .md .token.class-name,
+.dark .md .token.boolean,
+.dark .md .token.constant,
+.dark .md .token.number,
+.dark .md .token.atrule {
+	color: hsl(29, 54%, 61%);
+}
+
+.dark .md .token.keyword {
+	color: hsl(286, 60%, 67%);
+}
+
+.dark .md .token.property,
+.dark .md .token.tag,
+.dark .md .token.symbol,
+.dark .md .token.deleted,
+.dark .md .token.important {
+	color: hsl(355, 65%, 65%);
+}
+
+.dark .md .token.selector,
+.dark .md .token.string,
+.dark .md .token.char,
+.dark .md .token.builtin,
+.dark .md .token.inserted,
+.dark .md .token.regex,
+.dark .md .token.attr-value,
+.dark .md .token.attr-value > .token.punctuation {
+	color: hsl(95, 38%, 62%);
+}
+
+.dark .md .token.variable,
+.dark .md .token.operator,
+.dark .md .token.function {
+	color: hsl(207, 82%, 66%);
+}
+
+.dark .md .token.url {
+	color: hsl(187, 47%, 55%);
+}
diff --git a/js/paramviewer/types.ts b/js/paramviewer/types.ts
new file mode 100644
index 0000000..33d4732
--- /dev/null
+++ b/js/paramviewer/types.ts
@@ -0,0 +1,20 @@
+export interface ParamViewerProps {
+	value: Record<
+		string,
+		{
+			type: string;
+			description: string;
+			default: string;
+		}
+	>;
+	linkify: string[];
+	header: string | null;
+	anchor_links: boolean | string;
+	max_height: number | string | undefined;
+}
+
+export interface ParamViewerEvents {
+	change: never;
+	upload: never;
+	clear_status: never;
+}
diff --git a/js/plot/CHANGELOG.md b/js/plot/CHANGELOG.md
new file mode 100644
index 0000000..95aa98b
--- /dev/null
+++ b/js/plot/CHANGELOG.md
@@ -0,0 +1,911 @@
+# @gradio/plot
+
+## 0.12.1
+
+### Fixes
+
+- [#13540](https://github.com/gradio-app/gradio/pull/13540) [`98de45e`](https://github.com/gradio-app/gradio/commit/98de45e708305563f79614221aede2bf5d863922) - Fix gr.Plot collapsing to zero height for autosize Plotly figures.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.12.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/theme@0.6.2
+
+## 0.11.0
+
+### Features
+
+- [#13510](https://github.com/gradio-app/gradio/pull/13510) [`75c684e`](https://github.com/gradio-app/gradio/commit/75c684efb87624bee2fb63b08122564e6538509e) - Migrate Plot to Svelte 5.  Thanks @dawoodkhan82!
+
+## 0.10.10
+
+### Fixes
+
+- [#13463](https://github.com/gradio-app/gradio/pull/13463) [`58088ad`](https://github.com/gradio-app/gradio/commit/58088ad1d75eee0f93ba1c02f427ee04f60847b4) - Self-host frontend assets so that Gradio works offline!.  Thanks @abidlabs!
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.10.8
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.10.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/theme@0.6.1
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/theme@0.6.0
+
+## 0.10.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Fixes
+
+- [#12565](https://github.com/gradio-app/gradio/pull/12565) [`b4c69af`](https://github.com/gradio-app/gradio/commit/b4c69af0f5d9461259dbb8ad40a98315428539c0) - Fix Plot display in chatbot.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.9.25
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.9.25
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Migrate non-native plots to svelte 5
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/theme@0.5.0
+- @gradio/utils@0.10.3
+
+## 0.9.25-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.9.25-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+- @gradio/theme@0.5.0-dev.0
+
+## 0.9.24
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.9.24
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.9.23
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.9.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.9.22
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.9.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.9.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.9.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.9.19
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.9.16
+
+### Features
+
+- [#11177](https://github.com/gradio-app/gradio/pull/11177) [`3068196`](https://github.com/gradio-app/gradio/commit/3068196d47234fd1c1634f33b9ddfc089f5cbbe0) - Improved, smoother fullscreen mode for components.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.9.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.9.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.9.13
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.9.8
+
+### Fixes
+
+- [#10544](https://github.com/gradio-app/gradio/pull/10544) [`9b87e12`](https://github.com/gradio-app/gradio/commit/9b87e12f1a44e1bcee1373a877a6d39f4e6395e9) - Fix gr.Plot change/load events and plotly css loaded.  Thanks @freddyaboulton!
+- [#10515](https://github.com/gradio-app/gradio/pull/10515) [`1269ad0`](https://github.com/gradio-app/gradio/commit/1269ad0f0096323d613e7c8d15728bb491bcc409) - Plotly 6.0 Fix: Install latest plotly js version.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/theme@0.4.0
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.9.0
+
+### Features
+
+- [#9805](https://github.com/gradio-app/gradio/pull/9805) [`78e3b51`](https://github.com/gradio-app/gradio/commit/78e3b517af97dd11a3a0465bd34360b9bd8945c1) - Allow setting plotly margins.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.8.0
+
+### Features
+
+- [#9781](https://github.com/gradio-app/gradio/pull/9781) [`7579e92`](https://github.com/gradio-app/gradio/commit/7579e92971e67be3ae81dd00a3acfbb58dd9ba27) - Allow smoother plot changes.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.7.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix plots
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/theme@0.3.0
+- @gradio/utils@0.7.0
+
+## 0.7.0-beta.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.7.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.7.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.7.0-beta.3
+
+### Features
+
+- [#9464](https://github.com/gradio-app/gradio/pull/9464) [`3ac5d9c`](https://github.com/gradio-app/gradio/commit/3ac5d9c972576d82bc365a6532e6e12f55441a30) - Fix plots.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.6.5-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.6.5-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/theme@0.3.0-beta.1
+
+## 0.6.5
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/theme@0.2.5
+
+## 0.6.4
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/theme@0.2.4
+- @gradio/icons@0.7.1
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.6.0
+
+### Features
+
+- [#8713](https://github.com/gradio-app/gradio/pull/8713) [`e3c7079`](https://github.com/gradio-app/gradio/commit/e3c7079e380880d5759d98d180eaf688122f1c69) - Time range component.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.5.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+- [#8603](https://github.com/gradio-app/gradio/pull/8603) [`affce4c`](https://github.com/gradio-app/gradio/commit/affce4cbd9e2df14175c79da27408ccce57a74e9) - Fix resizer on altair.  Thanks @aliabid94!
+- [#8580](https://github.com/gradio-app/gradio/pull/8580) [`797621b`](https://github.com/gradio-app/gradio/commit/797621b81a0ab9b794e6872f8d43bf6d19a68b78) - Improved plot rendering to thematically match.  Thanks @aliabid94!/n  highlight:Expect visual changes in gr.Plot, gr.BarPlot, gr.LinePlot, gr.ScatterPlot, including changes to color and width sizing.
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/theme@0.2.3
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.4.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/theme@0.2.2
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/theme@0.2.1
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.3.0
+
+### Features
+
+- [#7222](https://github.com/gradio-app/gradio/pull/7222) [`5181957`](https://github.com/gradio-app/gradio/commit/51819577068addde8fab1f4d4cfe691f20396f3f) - Add mobile Chromatic tests. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Patch Changes
+
+- Updated dependencies [[`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a), [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13)]:
+  - @gradio/atoms@0.2.0-beta.6
+  - @gradio/statustracker@0.3.0-beta.8
+  - @gradio/utils@0.2.0-beta.6
+  - @gradio/icons@0.2.0-beta.3
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.2.2
+
+### Fixes
+
+- [#5795](https://github.com/gradio-app/gradio/pull/5795) [`957ba5cfd`](https://github.com/gradio-app/gradio/commit/957ba5cfde18e09caedf31236a2064923cd7b282) - Prevent bokeh from injecting bokeh js multiple times. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.2.0
+
+### Features
+
+- [#5642](https://github.com/gradio-app/gradio/pull/5642) [`21c7225bd`](https://github.com/gradio-app/gradio/commit/21c7225bda057117a9d3311854323520218720b5) - Improve plot rendering. Thanks [@aliabid94](https://github.com/aliabid94)!
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/theme@0.1.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`41c83070`](https://github.com/gradio-app/gradio/commit/41c83070b01632084e7d29123048a96c1e261407)]:
+  - @gradio/theme@0.0.2
+  - @gradio/utils@0.0.2
+  - @gradio/atoms@0.0.2
\ No newline at end of file
diff --git a/js/plot/Index.svelte b/js/plot/Index.svelte
new file mode 100644
index 0000000..efbb9ea
--- /dev/null
+++ b/js/plot/Index.svelte
@@ -0,0 +1,79 @@
+<script context="module" lang="ts">
+	export { default as BasePlot } from "./shared/Plot.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import Plot from "./shared/Plot.svelte";
+
+	import {
+		Block,
+		BlockLabel,
+		FullscreenButton,
+		IconButtonWrapper
+	} from "@gradio/atoms";
+	import { Plot as PlotIcon } from "@gradio/icons";
+
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { PlotProps, PlotEvents } from "./types.ts";
+
+	let props = $props();
+	const gradio = new Gradio<PlotEvents, PlotProps>(props);
+
+	let fullscreen = $state(false);
+</script>
+
+<Block
+	padding={false}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	visible={gradio.shared.visible}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	bind:fullscreen
+>
+	<BlockLabel
+		show_label={gradio.shared.show_label}
+		label={gradio.shared.label || gradio.i18n("plot.plot")}
+		Icon={PlotIcon}
+	/>
+	{#if (gradio.props.buttons && gradio.props.buttons.length > 0) || gradio.props.show_fullscreen_button}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons ?? []}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		>
+			{#if gradio.props.show_fullscreen_button}
+				<FullscreenButton
+					{fullscreen}
+					onclick={(value) => {
+						fullscreen = value;
+					}}
+				/>
+			{/if}
+		</IconButtonWrapper>
+	{/if}
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	<Plot
+		value={gradio.props.value}
+		theme_mode={gradio.props.theme_mode}
+		show_label={gradio.shared.show_label}
+		caption={gradio.props.caption}
+		bokeh_version={gradio.props.bokeh_version}
+		show_actions_button={gradio.props.show_actions_button}
+		_selectable={gradio.props._selectable}
+		x_lim={gradio.props.x_lim}
+		show_fullscreen_button={gradio.props.show_fullscreen_button}
+		on_change={() => gradio.dispatch("change")}
+		onselect={(data) => gradio.dispatch("select", data)}
+	/>
+</Block>
diff --git a/js/plot/Plot.stories.svelte b/js/plot/Plot.stories.svelte
new file mode 100644
index 0000000..8601424
--- /dev/null
+++ b/js/plot/Plot.stories.svelte
@@ -0,0 +1,43 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import PlotComponent from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { matplotlib_plot } from "./testplot";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Plot",
+		component: PlotComponent,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+</script>
+
+<Story
+	name="with matplotlib value"
+	args={{
+		value: matplotlib_plot,
+		label: "Plot"
+	}}
+>
+	{#snippet template(args)}
+		<PlotComponent {...wrapProps(args)} />
+	{/snippet}
+</Story>
+
+<Story
+	name="with no value"
+	args={{
+		label: "Plot"
+	}}
+>
+	{#snippet template(args)}
+		<PlotComponent {...wrapProps(args)} />
+	{/snippet}
+</Story>
diff --git a/js/plot/Plot.test.ts b/js/plot/Plot.test.ts
new file mode 100644
index 0000000..3cbe109
--- /dev/null
+++ b/js/plot/Plot.test.ts
@@ -0,0 +1,327 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+
+import Plot from "./Index.svelte";
+
+const matplotlib_value = {
+	type: "matplotlib",
+	plot: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+M8AAAMBAQDJ/pLvAAAAAElFTkSuQmCC",
+	chart: "bar"
+};
+
+// layout has no height on purpose: this is the autosize path.
+const plotly_autosize_value = {
+	type: "plotly",
+	plot: JSON.stringify({
+		data: [{ type: "scatter", x: [1, 2, 3], y: [4, 5, 6] }],
+		layout: {}
+	})
+};
+
+const default_props = {
+	value: null as null | Record<string, any>,
+	label: "Plot",
+	show_label: true,
+	caption: "",
+	theme_mode: "light" as const,
+	bokeh_version: null,
+	show_actions_button: false,
+	_selectable: false,
+	x_lim: null,
+	show_fullscreen_button: false,
+	buttons: null,
+	container: true
+};
+
+run_shared_prop_tests({
+	component: Plot,
+	name: "Plot",
+	base_props: { ...default_props },
+	has_label: false
+});
+
+describe("Props: label", () => {
+	afterEach(() => cleanup());
+
+	test("renders the label text", async () => {
+		const { getByTestId } = await render(Plot, {
+			...default_props,
+			label: "My Chart"
+		});
+
+		expect(getByTestId("block-label")).toHaveTextContent("My Chart");
+	});
+
+	test("show_label: true makes the label visible", async () => {
+		const { getByTestId } = await render(Plot, {
+			...default_props,
+			show_label: true
+		});
+
+		expect(getByTestId("block-label")).toBeVisible();
+	});
+
+	test("show_label: false hides the label", async () => {
+		const { getByTestId } = await render(Plot, {
+			...default_props,
+			show_label: false
+		});
+
+		expect(getByTestId("block-label")).not.toBeVisible();
+	});
+});
+
+describe("Props: value", () => {
+	afterEach(() => cleanup());
+
+	test("renders the empty state when value is null", async () => {
+		const { getByLabelText } = await render(Plot, {
+			...default_props,
+			value: null
+		});
+
+		expect(getByLabelText("Empty value")).toBeInTheDocument();
+	});
+
+	test("renders a plot when value is provided", async () => {
+		const { getByTestId, queryByLabelText } = await render(Plot, {
+			...default_props,
+			value: matplotlib_value
+		});
+
+		await waitFor(() => {
+			expect(getByTestId("matplotlib")).toBeInTheDocument();
+		});
+		expect(queryByLabelText("Empty value")).toBeNull();
+	});
+
+	test("the rendered plot uses the value's image source", async () => {
+		const { getByTestId } = await render(Plot, {
+			...default_props,
+			value: matplotlib_value
+		});
+
+		await waitFor(() => {
+			const img = getByTestId("matplotlib").querySelector("img");
+			expect(img).toHaveAttribute("src", matplotlib_value.plot);
+		});
+	});
+
+	test("set_data with a value replaces the empty state with a plot", async () => {
+		const { set_data, getByTestId, queryByLabelText } = await render(Plot, {
+			...default_props,
+			value: null
+		});
+
+		expect(queryByLabelText("Empty value")).toBeInTheDocument();
+
+		await set_data({ value: matplotlib_value });
+
+		await waitFor(() => {
+			expect(getByTestId("matplotlib")).toBeInTheDocument();
+		});
+		expect(queryByLabelText("Empty value")).toBeNull();
+	});
+
+	test("set_data with null restores the empty state", async () => {
+		const { set_data, getByLabelText } = await render(Plot, {
+			...default_props,
+			value: matplotlib_value
+		});
+
+		await set_data({ value: null });
+
+		expect(getByLabelText("Empty value")).toBeInTheDocument();
+	});
+});
+
+describe("Props: show_fullscreen_button", () => {
+	afterEach(() => cleanup());
+
+	test("show_fullscreen_button: true renders the fullscreen button", async () => {
+		const { getByLabelText } = await render(Plot, {
+			...default_props,
+			show_fullscreen_button: true
+		});
+
+		expect(getByLabelText("Fullscreen")).toBeVisible();
+	});
+
+	test("show_fullscreen_button: false hides the fullscreen button", async () => {
+		const { queryByLabelText } = await render(Plot, {
+			...default_props,
+			show_fullscreen_button: false
+		});
+
+		expect(queryByLabelText("Fullscreen")).toBeNull();
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("a custom button is rendered with its label", async () => {
+		const { getByLabelText } = await render(Plot, {
+			...default_props,
+			buttons: [{ value: "Export", id: 1, icon: null }]
+		});
+
+		expect(getByLabelText("Export")).toBeVisible();
+	});
+
+	test("no toolbar buttons render when buttons is null and fullscreen is off", async () => {
+		const { queryByLabelText } = await render(Plot, {
+			...default_props,
+			buttons: null,
+			show_fullscreen_button: false
+		});
+
+		expect(queryByLabelText("Export")).toBeNull();
+		expect(queryByLabelText("Fullscreen")).toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("fires when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Plot, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: matplotlib_value });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("does not fire when an unrelated prop changes", async () => {
+		const { listen, set_data } = await render(Plot, {
+			...default_props,
+			value: matplotlib_value
+		});
+
+		const change = listen("change");
+
+		await set_data({ caption: "A new caption" });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+describe("Events: custom_button_click", () => {
+	afterEach(() => cleanup());
+
+	test("fires with the button id when a custom button is clicked", async () => {
+		const { listen, getByLabelText } = await render(Plot, {
+			...default_props,
+			buttons: [{ value: "Export", id: 42, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+
+		await fireEvent.click(getByLabelText("Export"));
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 42 });
+	});
+
+	test("each custom button dispatches its own id", async () => {
+		const { listen, getByLabelText } = await render(Plot, {
+			...default_props,
+			buttons: [
+				{ value: "First", id: 1, icon: null },
+				{ value: "Second", id: 2, icon: null }
+			]
+		});
+
+		const custom = listen("custom_button_click");
+
+		await fireEvent.click(getByLabelText("First"));
+		await fireEvent.click(getByLabelText("Second"));
+
+		expect(custom).toHaveBeenNthCalledWith(1, { id: 1 });
+		expect(custom).toHaveBeenNthCalledWith(2, { id: 2 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the initial value", async () => {
+		const { get_data } = await render(Plot, {
+			...default_props,
+			value: matplotlib_value
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(matplotlib_value);
+	});
+
+	test("get_data returns null when no value is set", async () => {
+		const { get_data } = await render(Plot, {
+			...default_props,
+			value: null
+		});
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("set_data then get_data round-trips correctly", async () => {
+		const { set_data, get_data } = await render(Plot, {
+			...default_props,
+			value: null
+		});
+
+		await set_data({ value: matplotlib_value });
+
+		const data = await get_data();
+		expect(data.value).toEqual(matplotlib_value);
+	});
+});
+
+describe("Plotly", () => {
+	afterEach(() => cleanup());
+
+	// Regression: this collapsed to zero height after the Svelte 5 migration.
+	test("an autosize figure renders with a non-zero height", async () => {
+		const { getByTestId } = await render(Plot, {
+			...default_props,
+			value: plotly_autosize_value
+		});
+
+		await waitFor(() => {
+			const plot = getByTestId("plotly");
+			expect(plot.querySelector(".main-svg")).toBeTruthy();
+			expect(plot.offsetHeight).toBeGreaterThan(0);
+		});
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("renders without crashing when value is null", async () => {
+		const { container } = await render(Plot, {
+			...default_props,
+			value: null
+		});
+
+		expect(container).toBeInTheDocument();
+	});
+
+	test("change fires on initial mount", async () => {
+		const { listen } = await render(Plot, {
+			...default_props,
+			value: matplotlib_value
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).toHaveBeenCalled();
+	});
+});
diff --git a/js/plot/package.json b/js/plot/package.json
new file mode 100644
index 0000000..0b97805
--- /dev/null
+++ b/js/plot/package.json
@@ -0,0 +1,47 @@
+{
+	"name": "@gradio/plot",
+	"version": "0.12.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@rollup/plugin-json": "^6.1.0",
+		"plotly.js-dist-min": "^3.1.1",
+		"vega": "^5.23.0",
+		"vega-embed": "^6.25.0",
+		"vega-lite": "^5.12.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main": "./Index.svelte",
+	"main_changeset": true,
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./base": {
+			"gradio": "./shared/Plot.svelte",
+			"svelte": "./dist/shared/Plot.svelte",
+			"types": "./dist/shared/Plot.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/plot"
+	}
+}
diff --git a/js/plot/shared/Plot.svelte b/js/plot/shared/Plot.svelte
new file mode 100644
index 0000000..c319732
--- /dev/null
+++ b/js/plot/shared/Plot.svelte
@@ -0,0 +1,92 @@
+<script lang="ts">
+	//@ts-nocheck
+	import { Plot as PlotIcon } from "@gradio/icons";
+	import { Empty } from "@gradio/atoms";
+	import type { SelectData } from "@gradio/utils";
+	import type { ThemeMode } from "../types";
+	import { untrack } from "svelte";
+
+	let {
+		value,
+		theme_mode,
+		caption,
+		bokeh_version,
+		show_actions_button,
+		_selectable,
+		x_lim,
+		show_fullscreen_button,
+		show_label,
+		on_change,
+		onselect
+	}: {
+		value: null | string;
+		theme_mode: ThemeMode;
+		caption: string;
+		bokeh_version: string | null;
+		show_actions_button: boolean;
+		_selectable: boolean;
+		x_lim: [number, number] | null;
+		show_fullscreen_button: boolean;
+		show_label: boolean;
+		on_change: () => void;
+		onselect?: (data: SelectData) => void;
+	} = $props();
+
+	let PlotComponent: any = $state(null);
+	let loaded_plotly_css = $state(false);
+	let key = $state(0);
+
+	const plotTypeMapping = {
+		plotly: () => import("./plot_types/PlotlyPlot.svelte"),
+		bokeh: () => import("./plot_types/BokehPlot.svelte"),
+		matplotlib: () => import("./plot_types/MatplotlibPlot.svelte"),
+		altair: () => import("./plot_types/AltairPlot.svelte")
+	};
+
+	let loadedPlotTypeMapping: Record<string, any> = {};
+
+	const is_browser = typeof window !== "undefined";
+	let _type = $state(null);
+
+	$effect(() => {
+		let type = value?.type;
+		untrack(() => {
+			key = key + 1;
+			if (type !== _type) {
+				PlotComponent = null;
+			}
+			if (type && type in plotTypeMapping && is_browser) {
+				if (loadedPlotTypeMapping[type]) {
+					PlotComponent = loadedPlotTypeMapping[type];
+				} else {
+					plotTypeMapping[type]().then((module) => {
+						PlotComponent = module.default;
+						loadedPlotTypeMapping[type] = PlotComponent;
+					});
+				}
+			}
+			_type = type;
+		});
+		on_change();
+	});
+</script>
+
+{#if value && PlotComponent}
+	{#key key}
+		<PlotComponent
+			{value}
+			colors={[]}
+			{theme_mode}
+			{show_label}
+			{caption}
+			{bokeh_version}
+			{show_actions_button}
+			{_selectable}
+			{x_lim}
+			bind:loaded_plotly_css
+			{onselect}
+		/>
+	{/key}
+{:else}
+	<Empty unpadded_box={true} size="large"><PlotIcon /></Empty>
+{/if}
diff --git a/js/plot/shared/plot_types/AltairPlot.svelte b/js/plot/shared/plot_types/AltairPlot.svelte
new file mode 100644
index 0000000..48abcbd
--- /dev/null
+++ b/js/plot/shared/plot_types/AltairPlot.svelte
@@ -0,0 +1,197 @@
+<script lang="ts">
+	//@ts-nocheck
+	import { set_config } from "./altair_utils";
+	import { untrack } from "svelte";
+	import type { TopLevelSpec as Spec } from "vega-lite";
+	import vegaEmbed from "vega-embed";
+	import type { SelectData } from "@gradio/utils";
+	import type { View } from "vega";
+
+	let {
+		value,
+		colors = [],
+		caption,
+		show_actions_button,
+		_selectable,
+		onselect
+	}: {
+		value: any;
+		colors?: string[];
+		caption: string;
+		show_actions_button: boolean;
+		_selectable: boolean;
+		onselect?: (data: SelectData) => void;
+	} = $props();
+
+	let element: HTMLElement;
+	let parent_element: HTMLElement;
+	let view: View | undefined;
+
+	let computed_style = window.getComputedStyle(document.body);
+
+	let old_spec: Spec = $state(null);
+	let spec_width: number = $state(0);
+
+	let plot = $derived(value?.plot);
+	let spec = $derived.by(() => {
+		if (!plot) return null;
+		let parsed_spec = JSON.parse(plot) as Spec;
+
+		if (parsed_spec && parsed_spec.params && !_selectable) {
+			parsed_spec.params = parsed_spec.params.filter(
+				(param) => param.name !== "brush"
+			);
+		}
+
+		untrack(() => {
+			if (old_spec !== parsed_spec) {
+				old_spec = parsed_spec;
+				spec_width = parsed_spec.width;
+			}
+
+			if (value.chart && parsed_spec) {
+				parsed_spec = set_config(
+					parsed_spec,
+					computed_style,
+					value.chart as string,
+					colors
+				);
+			}
+		});
+
+		return parsed_spec;
+	});
+
+	let fit_width_to_parent = $derived(
+		spec?.encoding?.column?.field ||
+			spec?.encoding?.row?.field ||
+			value.chart === undefined
+			? false
+			: true
+	);
+
+	const get_width = (): number => {
+		return Math.min(
+			parent_element.offsetWidth,
+			spec_width || parent_element.offsetWidth
+		);
+	};
+	let resize_callback = (): void => {};
+	const renderPlot = (): void => {
+		if (view) {
+			view.finalize();
+			view = undefined;
+		}
+		if (fit_width_to_parent) {
+			spec.width = get_width();
+		}
+		vegaEmbed(element, spec, { actions: show_actions_button }).then(
+			function (result): void {
+				view = result.view;
+				resize_callback = () => {
+					view.signal("width", get_width()).run();
+				};
+
+				if (!_selectable) return;
+				const callback = (event, item): void => {
+					const brushValue = view.signal("brush");
+					if (brushValue) {
+						if (Object.keys(brushValue).length === 0) {
+							onselect?.({
+								value: null,
+								index: null,
+								selected: false
+							});
+						} else {
+							const key = Object.keys(brushValue)[0];
+							let range: [number, number] = brushValue[key].map(
+								(x) => x / 1000
+							);
+							onselect?.({
+								value: brushValue,
+								index: range,
+								selected: true
+							});
+						}
+					}
+				};
+				view.addEventListener("mouseup", callback);
+				view.addEventListener("touchup", callback);
+			}
+		);
+	};
+
+	const resizeObserver = new ResizeObserver(() => {
+		if (fit_width_to_parent && spec.width !== parent_element.offsetWidth) {
+			resize_callback();
+		}
+	});
+
+	$effect(() => {
+		if (!element || !parent_element || !spec) return;
+
+		renderPlot();
+		resizeObserver.observe(parent_element);
+
+		return () => {
+			if (view) {
+				view.finalize();
+				view = undefined;
+			}
+			resizeObserver.disconnect();
+		};
+	});
+</script>
+
+<div data-testid={"altair"} class="altair layout" bind:this={parent_element}>
+	<div bind:this={element}></div>
+	{#if caption}
+		<div class="caption layout">
+			{caption}
+		</div>
+	{/if}
+</div>
+
+<style>
+	.altair :global(canvas) {
+		padding: 6px;
+	}
+	.altair :global(.vega-embed) {
+		padding: 0px !important;
+	}
+	.altair :global(.vega-actions) {
+		right: 0px !important;
+	}
+	.layout {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: var(--size-full);
+		height: var(--size-full);
+		color: var(--body-text-color);
+	}
+	.altair {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+	.caption {
+		font-size: var(--text-sm);
+		margin-bottom: 6px;
+	}
+	:global(#vg-tooltip-element) {
+		font-family: var(--font) !important;
+		font-size: var(--text-xs) !important;
+		box-shadow: none !important;
+		background-color: var(--block-background-fill) !important;
+		border: 1px solid var(--border-color-primary) !important;
+		color: var(--body-text-color) !important;
+	}
+	:global(#vg-tooltip-element .key) {
+		color: var(--body-text-color-subdued) !important;
+	}
+</style>
diff --git a/js/plot/shared/plot_types/BokehPlot.svelte b/js/plot/shared/plot_types/BokehPlot.svelte
new file mode 100644
index 0000000..a88e9b6
--- /dev/null
+++ b/js/plot/shared/plot_types/BokehPlot.svelte
@@ -0,0 +1,166 @@
+<script lang="ts">
+	//@ts-nocheck
+	let { value, bokeh_version }: { value: any; bokeh_version: string | null } =
+		$props();
+
+	const div_id = `bokehDiv-${Math.random().toString(5).substring(2)}`;
+	let plot = $derived(value?.plot);
+
+	function static_base(version: string): string {
+		const root =
+			(typeof window !== "undefined" && window.gradio_config?.root) || "";
+		return `${root}/static/bokeh/${version}`;
+	}
+
+	function bokeh_local_url(version: string, filename: string): string {
+		return `${static_base(version)}/${filename}`;
+	}
+
+	function bokeh_cdn_url(version: string, filename: string): string {
+		if (filename === `bokeh-${version}.min.js`) {
+			return `https://cdn.bokeh.org/bokeh/release/${filename}`;
+		}
+		return `https://cdn.pydata.org/bokeh/release/${filename}`;
+	}
+
+	function load_script(
+		src: string,
+		fallback?: string
+	): Promise<HTMLScriptElement> {
+		return new Promise((resolve, reject) => {
+			const script = document.createElement("script");
+			script.onload = () => resolve(script);
+			script.onerror = () => {
+				if (fallback) {
+					const fallback_script = document.createElement("script");
+					fallback_script.onload = () => resolve(fallback_script);
+					fallback_script.onerror = () => {
+						console.error(`Failed to load Bokeh script: ${src}`);
+						reject(new Error(`Failed to load ${src}`));
+					};
+					fallback_script.src = fallback;
+					document.head.appendChild(fallback_script);
+				} else {
+					console.error(`Failed to load Bokeh script: ${src}`);
+					reject(new Error(`Failed to load ${src}`));
+				}
+			};
+			script.src = src;
+			document.head.appendChild(script);
+		});
+	}
+
+	async function embed_bokeh(_plot: string): Promise<void> {
+		if (document) {
+			const el = document.getElementById(div_id);
+			if (el) {
+				el.innerHTML = "";
+			}
+		}
+		if (window.Bokeh) {
+			load_bokeh();
+			let plotObj = JSON.parse(_plot);
+			await window.Bokeh.embed.embed_item(plotObj, div_id);
+		}
+	}
+
+	const main_src = bokeh_version
+		? bokeh_local_url(bokeh_version, `bokeh-${bokeh_version}.min.js`)
+		: null;
+
+	const main_fallback = bokeh_version
+		? bokeh_cdn_url(bokeh_version, `bokeh-${bokeh_version}.min.js`)
+		: null;
+
+	const plugins_src = bokeh_version
+		? [
+				bokeh_local_url(bokeh_version, `bokeh-widgets-${bokeh_version}.min.js`),
+				bokeh_local_url(bokeh_version, `bokeh-tables-${bokeh_version}.min.js`),
+				bokeh_local_url(bokeh_version, `bokeh-gl-${bokeh_version}.min.js`),
+				bokeh_local_url(bokeh_version, `bokeh-api-${bokeh_version}.min.js`)
+			]
+		: [];
+
+	const plugins_fallback = bokeh_version
+		? [
+				bokeh_cdn_url(bokeh_version, `bokeh-widgets-${bokeh_version}.min.js`),
+				bokeh_cdn_url(bokeh_version, `bokeh-tables-${bokeh_version}.min.js`),
+				bokeh_cdn_url(bokeh_version, `bokeh-gl-${bokeh_version}.min.js`),
+				bokeh_cdn_url(bokeh_version, `bokeh-api-${bokeh_version}.min.js`)
+			]
+		: [];
+
+	let loaded = $state(false);
+	let plugin_scripts: HTMLScriptElement[] = $state([]);
+
+	async function load_plugins(): Promise<void> {
+		plugin_scripts = await Promise.all(
+			plugins_src.map((src, i) => load_script(src, plugins_fallback[i]))
+		);
+
+		loaded = true;
+	}
+
+	function handle_bokeh_loaded(): void {
+		load_plugins();
+	}
+
+	let added_main_script = false;
+
+	function load_bokeh(): HTMLScriptElement | null {
+		const script = document.createElement("script");
+		script.onload = handle_bokeh_loaded;
+		script.onerror = () => {
+			if (main_fallback) {
+				load_script(main_fallback)
+					.then(handle_bokeh_loaded)
+					.catch(() => {});
+			}
+		};
+		script.src = main_src;
+		const is_bokeh_script_present = document.head.querySelector(
+			`script[src="${main_src}"]`
+		);
+		if (!is_bokeh_script_present) {
+			document.head.appendChild(script);
+			added_main_script = true;
+			return script;
+		}
+		handle_bokeh_loaded();
+		return null;
+	}
+
+	const main_script = bokeh_version ? load_bokeh() : null;
+
+	$effect(() => {
+		if (loaded && plot) {
+			embed_bokeh(plot);
+		}
+	});
+
+	$effect(() => {
+		return () => {
+			if (
+				added_main_script &&
+				main_script &&
+				document.head.contains(main_script)
+			) {
+				document.head.removeChild(main_script);
+			}
+			plugin_scripts.forEach((child) => {
+				if (document.head.contains(child)) {
+					document.head.removeChild(child);
+				}
+			});
+		};
+	});
+</script>
+
+<div data-testid={"bokeh"} id={div_id} class="gradio-bokeh" />
+
+<style>
+	.gradio-bokeh {
+		display: flex;
+		justify-content: center;
+	}
+</style>
diff --git a/js/plot/shared/plot_types/MatplotlibPlot.svelte b/js/plot/shared/plot_types/MatplotlibPlot.svelte
new file mode 100644
index 0000000..041afef
--- /dev/null
+++ b/js/plot/shared/plot_types/MatplotlibPlot.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	let { value }: { value: any } = $props();
+
+	let plot = $derived(value?.plot);
+</script>
+
+<div data-testid={"matplotlib"} class="matplotlib layout">
+	<img src={plot} alt={`${value.chart} plot visualising provided data`} />
+</div>
+
+<style>
+	.layout {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		width: var(--size-full);
+		height: var(--size-full);
+		color: var(--body-text-color);
+	}
+	.matplotlib img {
+		object-fit: contain;
+	}
+</style>
diff --git a/js/plot/shared/plot_types/PlotlyPlot.svelte b/js/plot/shared/plot_types/PlotlyPlot.svelte
new file mode 100644
index 0000000..125e98d
--- /dev/null
+++ b/js/plot/shared/plot_types/PlotlyPlot.svelte
@@ -0,0 +1,60 @@
+<script lang="ts">
+	//@ts-nocheck
+	import Plotly from "plotly.js-dist-min";
+	import { untrack } from "svelte";
+
+	let {
+		value,
+		show_label,
+		loaded_plotly_css = $bindable(false)
+	}: {
+		value: any;
+		show_label: boolean;
+		loaded_plotly_css?: boolean;
+	} = $props();
+
+	let plot = $derived(value?.plot);
+
+	let plot_div: HTMLDivElement;
+	let plotly_global_style: HTMLElement;
+
+	function load_plotly_css(): void {
+		if (!loaded_plotly_css) {
+			plotly_global_style = document.getElementById("plotly.js-style-global");
+			const plotly_style_clone = plotly_global_style.cloneNode();
+			plot_div.appendChild(plotly_style_clone);
+			for (const rule of plotly_global_style.sheet.cssRules) {
+				plotly_style_clone.sheet.insertRule(rule.cssText);
+			}
+			loaded_plotly_css = true;
+		}
+	}
+
+	$effect(() => {
+		if (!plot_div || !plot) return;
+
+		// load_plotly_css writes loaded_plotly_css; untrack it so this effect
+		// doesn't re-run and collapse an autosize plot to zero height.
+		untrack(() => load_plotly_css());
+
+		let plotObj = JSON.parse(plot);
+
+		plotObj.config = plotObj.config || {};
+		plotObj.config.responsive = true;
+		plotObj.responsive = true;
+		plotObj.layout.autosize = true;
+
+		if (plotObj.layout.margin == undefined) {
+			plotObj.layout.margin = {};
+		}
+		if (plotObj.layout.title && show_label) {
+			plotObj.layout.margin.t = Math.max(100, plotObj.layout.margin.t || 0);
+		}
+		plotObj.layout.margin.autoexpand = true;
+
+		Plotly.react(plot_div, plotObj.data, plotObj.layout, plotObj.config);
+		Plotly.Plots.resize(plot_div);
+	});
+</script>
+
+<div data-testid={"plotly"} bind:this={plot_div}></div>
diff --git a/js/plot/shared/plot_types/altair_utils.ts b/js/plot/shared/plot_types/altair_utils.ts
new file mode 100644
index 0000000..47ae0df
--- /dev/null
+++ b/js/plot/shared/plot_types/altair_utils.ts
@@ -0,0 +1,111 @@
+import { colors as color_palette } from "@gradio/theme";
+import { get_next_color } from "@gradio/utils";
+import type { Config, TopLevelSpec as Spec } from "vega-lite";
+
+export function set_config(
+	spec: Spec,
+	computed_style: CSSStyleDeclaration,
+	chart_type: string,
+	colors: string[]
+): Spec {
+	let accentColor = computed_style.getPropertyValue("--color-accent");
+	let bodyTextColor = computed_style.getPropertyValue("--body-text-color");
+	let borderColorPrimary = computed_style.getPropertyValue(
+		"--border-color-primary"
+	);
+	let fontFamily = computed_style.fontFamily;
+	let titleWeight = computed_style.getPropertyValue(
+		"--block-title-text-weight"
+	) as "bold" | "normal" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
+	const fontToPxVal = (font: string): number => {
+		return font.endsWith("px") ? parseFloat(font.slice(0, -2)) : 12;
+	};
+	let textSizeMd = fontToPxVal(computed_style.getPropertyValue("--text-md"));
+	let textSizeSm = fontToPxVal(computed_style.getPropertyValue("--text-sm"));
+	let config: Config = {
+		autosize: { type: "fit", contains: "padding" },
+		axis: {
+			labelFont: fontFamily,
+			labelColor: bodyTextColor,
+			titleFont: fontFamily,
+			titleColor: bodyTextColor,
+			tickColor: borderColorPrimary,
+			labelFontSize: textSizeSm,
+			gridColor: borderColorPrimary,
+			titleFontWeight: "normal",
+			titleFontSize: textSizeSm,
+			labelFontWeight: "normal",
+			domain: false,
+			labelAngle: 0
+		},
+		legend: {
+			labelColor: bodyTextColor,
+			labelFont: fontFamily,
+			titleColor: bodyTextColor,
+			titleFont: fontFamily,
+			titleFontWeight: "normal",
+			titleFontSize: textSizeSm,
+			labelFontWeight: "normal",
+			offset: 2
+		},
+		title: {
+			color: bodyTextColor,
+			font: fontFamily,
+			fontSize: textSizeMd,
+			fontWeight: titleWeight,
+			anchor: "middle"
+		},
+		view: {
+			stroke: borderColorPrimary
+		}
+	};
+	spec.config = config;
+	// @ts-ignore (unsure why the following are not typed in Spec)
+	let encoding: any = spec.encoding;
+	// @ts-ignore
+	let layer: any = spec.layer;
+	switch (chart_type) {
+		case "scatter":
+			spec.config.mark = { stroke: accentColor };
+			if (encoding.color && encoding.color.type == "nominal") {
+				encoding.color.scale.range = encoding.color.scale.range.map(
+					(_: string, i: number) => get_color(colors, i)
+				);
+			} else if (encoding.color && encoding.color.type == "quantitative") {
+				encoding.color.scale.range = ["#eff6ff", "#1e3a8a"];
+				encoding.color.scale.range.interpolate = "hsl";
+			}
+			break;
+		case "line":
+			spec.config.mark = { stroke: accentColor, cursor: "crosshair" };
+			layer.forEach((d: any) => {
+				if (d.encoding.color) {
+					d.encoding.color.scale.range = d.encoding.color.scale.range.map(
+						(_: any, i: any) => get_color(colors, i)
+					);
+				}
+			});
+			break;
+		case "bar":
+			spec.config.mark = { opacity: 0.8, fill: accentColor };
+			if (encoding.color) {
+				encoding.color.scale.range = encoding.color.scale.range.map(
+					(_: any, i: any) => get_color(colors, i)
+				);
+			}
+			break;
+	}
+	return spec;
+}
+
+function get_color(colors: string[], index: number): string {
+	let current_color = colors[index % colors.length];
+
+	if (current_color && current_color in color_palette) {
+		return color_palette[current_color as keyof typeof color_palette]?.primary;
+	} else if (!current_color) {
+		return color_palette[get_next_color(index) as keyof typeof color_palette]
+			.primary;
+	}
+	return current_color;
+}
diff --git a/js/plot/testplot.js b/js/plot/testplot.js
new file mode 100644
index 0000000..cb8d4e7
--- /dev/null
+++ b/js/plot/testplot.js
@@ -0,0 +1,28 @@
+export const matplotlib_plot = {
+	type: "matplotlib",
+	plot: "data:image/png;base64,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"
+};
+
+export let bar_plot = {
+	type: "altair",
+	plot: '{\n "$schema": "https://vega.github.io/schema/vega-lite/v5.17.0.json",\n "background": "transparent",\n "config": {\n "view": {\n "continuousHeight": 300,\n "continuousWidth": 300\n }\n },\n "data": {\n "name": "data-7684334a68ab74ba4c3ca7d0ceaeb461"\n },\n "datasets": {\n "data-7684334a68ab74ba4c3ca7d0ceaeb461": [\n {\n "a": "A",\n "b": 28\n },\n {\n "a": "B",\n "b": 55\n },\n {\n "a": "C",\n "b": 43\n },\n {\n "a": "D",\n "b": 91\n },\n {\n "a": "E",\n "b": 81\n },\n {\n "a": "F",\n "b": 53\n },\n {\n "a": "G",\n "b": 19\n },\n {\n "a": "H",\n "b": 87\n },\n {\n "a": "I",\n "b": 52\n }\n ]\n },\n "encoding": {\n "tooltip": [\n {\n "field": "a",\n "type": "nominal"\n },\n {\n "field": "b",\n "type": "quantitative"\n }\n ],\n "x": {\n "axis": {},\n "field": "a",\n "sort": null,\n "title": "a",\n "type": "nominal"\n },\n "y": {\n "aggregate": "sum",\n "axis": {},\n "field": "b",\n "scale": {\n "domain": [\n 20,\n 100\n ]\n },\n "sort": null,\n "title": "b",\n "type": "quantitative"\n }\n },\n "mark": {\n "type": "bar"\n },\n "params": [\n {\n "bind": "scales",\n "name": "param_9",\n "select": {\n "encodings": [\n "x",\n "y"\n ],\n "type": "interval"\n }\n }\n ],\n "title": "Simple Bar Plot with made up data"\n}',
+	chart: "bar"
+};
+
+export let line_plot = {
+	type: "altair",
+	plot: '{\n "$schema": "https://vega.github.io/schema/vega-lite/v5.17.0.json",\n "background": "transparent",\n "config": {\n "view": {\n "continuousHeight": 300,\n "continuousWidth": 300\n }\n },\n "data": {\n "name": "data-2cfbf5a7da997fa4bec9dfb6b7046a44"\n },\n "datasets": {\n "data-2cfbf5a7da997fa4bec9dfb6b7046a44": [\n {\n "DATE": "2010-01-01T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 344,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 339,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 334,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 279,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 277,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 323,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10213,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 282,\n "HLY-PRES-NORMAL": 10217,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10221,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 293,\n "HLY-PRES-NORMAL": 10220,\n "HLY-TEMP-NORMAL": 394,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 421,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 291,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 442,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 456,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 462,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 458,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 412,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 396,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 382,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 372,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 363,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-01T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 355,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 344,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 339,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 335,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 279,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 277,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 323,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10213,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10217,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 291,\n "HLY-PRES-NORMAL": 10220,\n "HLY-TEMP-NORMAL": 366,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 295,\n "HLY-PRES-NORMAL": 10219,\n "HLY-TEMP-NORMAL": 396,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 295,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 424,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 294,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 445,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 291,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 460,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 465,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 461,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 444,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 415,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 291,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 398,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 385,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 374,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 365,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-02T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 291,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 358,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 351,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 337,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 282,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 333,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 329,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 279,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 278,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 277,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 323,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10216,\n "HLY-TEMP-NORMAL": 340,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10220,\n "HLY-TEMP-NORMAL": 367,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 296,\n "HLY-PRES-NORMAL": 10219,\n "HLY-TEMP-NORMAL": 397,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 297,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 425,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 295,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 445,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 459,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 465,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 460,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 443,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 415,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 398,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 293,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 385,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 293,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 374,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 293,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 365,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-03T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 357,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 350,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 345,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 340,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 336,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 278,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 277,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 324,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10215,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10219,\n "HLY-TEMP-NORMAL": 366,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 294,\n "HLY-PRES-NORMAL": 10218,\n "HLY-TEMP-NORMAL": 396,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 294,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 423,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 292,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 443,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 456,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 462,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 457,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 413,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 395,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 383,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 372,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-04T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 356,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 348,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 337,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 279,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 332,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 277,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 324,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 318,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10215,\n "HLY-TEMP-NORMAL": 335,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10219,\n "HLY-TEMP-NORMAL": 363,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10218,\n "HLY-TEMP-NORMAL": 393,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 291,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 421,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 455,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 460,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 456,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 439,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 411,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 394,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 382,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 371,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 288,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 363,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-05T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 355,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 348,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 282,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 337,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 278,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 332,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 318,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10216,\n "HLY-TEMP-NORMAL": 335,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10219,\n "HLY-TEMP-NORMAL": 363,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10219,\n "HLY-TEMP-NORMAL": 393,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 289,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 420,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 440,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 453,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 459,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 455,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 282,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 411,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 394,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 381,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 371,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 362,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-06T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 354,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 347,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 282,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 279,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 336,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 277,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 332,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 318,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10214,\n "HLY-TEMP-NORMAL": 334,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10217,\n "HLY-TEMP-NORMAL": 362,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10216,\n "HLY-TEMP-NORMAL": 392,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 290,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 419,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 287,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 440,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 453,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10187,\n "HLY-TEMP-NORMAL": 459,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 454,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 281,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 410,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 393,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 380,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 370,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 286,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 361,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-07T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 353,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 282,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 340,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 278,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 334,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 330,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 326,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 271,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 269,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 315,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10213,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 283,\n "HLY-PRES-NORMAL": 10216,\n "HLY-TEMP-NORMAL": 359,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 285,\n "HLY-PRES-NORMAL": 10216,\n "HLY-TEMP-NORMAL": 390,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 284,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 416,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 437,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 277,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 451,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10187,\n "HLY-TEMP-NORMAL": 457,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10188,\n "HLY-TEMP-NORMAL": 452,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 436,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 408,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 278,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 390,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 377,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 367,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 357,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-08T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 279,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 278,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 343,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 336,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 271,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 326,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 270,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 319,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 316,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 266,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 313,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 278,\n "HLY-PRES-NORMAL": 10216,\n "HLY-TEMP-NORMAL": 356,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 280,\n "HLY-PRES-NORMAL": 10216,\n "HLY-TEMP-NORMAL": 386,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 279,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 413,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 434,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 448,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 270,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 454,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 269,\n "HLY-PRES-NORMAL": 10188,\n "HLY-TEMP-NORMAL": 450,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 270,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 433,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 271,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 405,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 387,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 375,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 354,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-09T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 340,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 270,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 333,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 323,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 266,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 318,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 315,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 313,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 308,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 269,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10215,\n "HLY-TEMP-NORMAL": 354,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 276,\n "HLY-PRES-NORMAL": 10215,\n "HLY-TEMP-NORMAL": 384,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 275,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 411,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 431,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 270,\n "HLY-PRES-NORMAL": 10188,\n "HLY-TEMP-NORMAL": 446,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 452,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10187,\n "HLY-TEMP-NORMAL": 448,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 432,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 269,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 403,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 386,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 373,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 362,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 352,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-10T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 344,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 270,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 326,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 313,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 309,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 307,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 266,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 323,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 272,\n "HLY-PRES-NORMAL": 10214,\n "HLY-TEMP-NORMAL": 352,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 274,\n "HLY-PRES-NORMAL": 10214,\n "HLY-TEMP-NORMAL": 382,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 273,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 409,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 269,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 430,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 266,\n "HLY-PRES-NORMAL": 10187,\n "HLY-TEMP-NORMAL": 444,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 451,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 447,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 432,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 403,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 385,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 270,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 372,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 271,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 361,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 271,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 351,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-11T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 269,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 343,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 337,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 330,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 326,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 313,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 308,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10213,\n "HLY-TEMP-NORMAL": 350,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 269,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 379,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 406,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 426,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 448,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 444,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 429,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 400,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 382,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 369,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 358,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-12T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 266,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 334,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 323,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 319,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 308,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 348,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 266,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 377,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 403,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 424,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 444,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10188,\n "HLY-TEMP-NORMAL": 426,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 397,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 379,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 367,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 355,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-13T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 316,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 308,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 303,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 345,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 374,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 401,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 421,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 435,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 423,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 394,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 376,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 352,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-14T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 335,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 312,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 307,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 302,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 299,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 297,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10214,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10214,\n "HLY-TEMP-NORMAL": 371,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 398,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 419,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10187,\n "HLY-TEMP-NORMAL": 434,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 437,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 422,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 394,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 375,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 363,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 351,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-15T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 333,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 315,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 302,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 300,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 297,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 295,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 312,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10214,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10214,\n "HLY-TEMP-NORMAL": 370,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 398,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 419,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 435,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 442,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10189,\n "HLY-TEMP-NORMAL": 424,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 396,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 376,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 352,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-16T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 334,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 316,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 303,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 298,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 296,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 371,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 399,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 420,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 435,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10188,\n "HLY-TEMP-NORMAL": 424,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 395,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 376,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 352,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-17T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 334,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 316,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 302,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 300,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 297,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 295,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 371,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 399,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 421,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 436,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10181,\n "HLY-TEMP-NORMAL": 442,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 439,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 425,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 396,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 377,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 352,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-18T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 334,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 315,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 243,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 299,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 296,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 294,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 313,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 340,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 370,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 398,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 420,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 436,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10181,\n "HLY-TEMP-NORMAL": 442,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 439,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 425,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 397,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 377,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 351,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-19T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 333,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 326,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 309,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 300,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 297,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 241,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 294,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 240,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 293,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 339,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 368,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 396,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 418,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 434,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 243,\n "HLY-PRES-NORMAL": 10181,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 243,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 243,\n "HLY-PRES-NORMAL": 10187,\n "HLY-TEMP-NORMAL": 425,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 396,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 375,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 362,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 339,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-20T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 324,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 241,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 297,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 239,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 294,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 237,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 292,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 237,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 290,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10212,\n "HLY-TEMP-NORMAL": 368,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 397,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 419,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 435,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 442,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 241,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 439,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 241,\n "HLY-PRES-NORMAL": 10188,\n "HLY-TEMP-NORMAL": 426,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 397,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 376,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 362,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 339,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-21T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 324,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 312,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 307,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 241,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 241,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 298,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 239,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 295,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 238,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 292,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 238,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 291,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10213,\n "HLY-TEMP-NORMAL": 340,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10213,\n "HLY-TEMP-NORMAL": 370,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 399,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 420,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 437,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 443,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 440,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10188,\n "HLY-TEMP-NORMAL": 428,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 399,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 378,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 351,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-22T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 333,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 319,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 309,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 243,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 298,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 241,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 295,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 242,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 294,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 342,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10211,\n "HLY-TEMP-NORMAL": 373,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 402,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 422,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 439,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 445,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 442,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10186,\n "HLY-TEMP-NORMAL": 429,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 401,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 380,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 367,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10201,\n "HLY-TEMP-NORMAL": 354,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 344,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-23T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 336,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 316,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 312,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 303,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 300,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 244,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 298,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 243,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 297,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 316,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 344,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10210,\n "HLY-TEMP-NORMAL": 375,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 403,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 424,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 447,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 445,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10185,\n "HLY-TEMP-NORMAL": 432,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 404,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 383,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 369,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 356,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-24T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 330,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 324,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 318,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 309,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 246,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 302,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 300,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 245,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 298,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 318,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 377,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 406,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 427,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 444,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 450,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 448,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 435,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 407,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 386,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 372,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 358,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 348,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-25T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 340,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 255,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 319,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 315,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 307,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 303,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 247,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 300,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10206,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 381,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 410,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 431,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10182,\n "HLY-TEMP-NORMAL": 448,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 454,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 451,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 410,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 389,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 374,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 360,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 349,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-26T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 341,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 332,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 319,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 314,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 309,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 250,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 302,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 248,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 249,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 301,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 322,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 352,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 384,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 414,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 436,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 453,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 459,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 457,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 443,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 416,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 393,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 378,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 364,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 353,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-27T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 344,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 335,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 328,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 323,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 318,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 313,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 310,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10204,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10207,\n "HLY-TEMP-NORMAL": 326,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 356,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 388,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 417,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 438,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 455,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 461,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 459,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 446,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 418,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10196,\n "HLY-TEMP-NORMAL": 395,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 379,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 366,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 355,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-28T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 337,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 330,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10193,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 315,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 307,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 304,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 357,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 390,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10203,\n "HLY-TEMP-NORMAL": 418,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 439,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 456,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 462,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 460,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 447,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 419,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 397,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 381,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 367,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 356,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-29T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 346,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 338,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 331,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 262,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 325,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 320,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 315,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 256,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 311,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 307,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 251,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 305,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 358,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 391,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 419,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 440,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 457,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 463,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 461,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 448,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 421,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 398,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 382,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 369,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 357,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-30T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 266,\n "HLY-PRES-NORMAL": 10198,\n "HLY-TEMP-NORMAL": 348,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T00:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10197,\n "HLY-TEMP-NORMAL": 339,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T01:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 332,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T02:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 327,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T03:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 321,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T04:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 317,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T05:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10191,\n "HLY-TEMP-NORMAL": 312,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T06:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 254,\n "HLY-PRES-NORMAL": 10194,\n "HLY-TEMP-NORMAL": 308,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T07:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 252,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T08:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 253,\n "HLY-PRES-NORMAL": 10205,\n "HLY-TEMP-NORMAL": 306,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T09:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 329,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T10:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 268,\n "HLY-PRES-NORMAL": 10209,\n "HLY-TEMP-NORMAL": 360,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T11:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 267,\n "HLY-PRES-NORMAL": 10208,\n "HLY-TEMP-NORMAL": 393,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T12:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10202,\n "HLY-TEMP-NORMAL": 421,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T13:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 260,\n "HLY-PRES-NORMAL": 10192,\n "HLY-TEMP-NORMAL": 441,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T14:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10183,\n "HLY-TEMP-NORMAL": 458,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T15:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 257,\n "HLY-PRES-NORMAL": 10179,\n "HLY-TEMP-NORMAL": 465,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T16:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 258,\n "HLY-PRES-NORMAL": 10180,\n "HLY-TEMP-NORMAL": 462,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T17:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 259,\n "HLY-PRES-NORMAL": 10184,\n "HLY-TEMP-NORMAL": 449,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T18:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 261,\n "HLY-PRES-NORMAL": 10190,\n "HLY-TEMP-NORMAL": 422,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T19:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 263,\n "HLY-PRES-NORMAL": 10195,\n "HLY-TEMP-NORMAL": 399,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T20:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 264,\n "HLY-PRES-NORMAL": 10199,\n "HLY-TEMP-NORMAL": 382,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T21:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 369,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T22:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 357,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n },\n {\n "DATE": "2010-01-31T23:00:00",\n "ELEVATION": 645.3,\n "HLY-DEWP-NORMAL": 265,\n "HLY-PRES-NORMAL": 10200,\n "HLY-TEMP-NORMAL": 347,\n "LATITUDE": 35.43194,\n "LONGITUDE": -82.5375,\n "STATION": "GHCND:USW00003812",\n "STATION_NAME": "ASHEVILLE REGIONAL AIRPORT NC US"\n }\n ]\n },\n "layer": [\n {\n "encoding": {\n "strokeDash": {},\n "tooltip": [\n {\n "field": "DATE",\n "type": "temporal"\n },\n {\n "field": "HLY-TEMP-NORMAL",\n "type": "quantitative"\n }\n ],\n "x": {\n "axis": {},\n "field": "DATE",\n "title": "DATE",\n "type": "temporal"\n },\n "y": {\n "axis": {},\n "field": "HLY-TEMP-NORMAL",\n "scale": {\n "domain": [\n 250,\n 500\n ]\n },\n "title": "HLY-TEMP-NORMAL",\n "type": "quantitative"\n }\n },\n "mark": {\n "clip": true,\n "type": "line"\n },\n "name": "view_3"\n },\n {\n "encoding": {\n "opacity": {\n "value": 0\n },\n "tooltip": [\n {\n "field": "DATE",\n "type": "temporal"\n },\n {\n "field": "HLY-TEMP-NORMAL",\n "type": "quantitative"\n }\n ],\n "x": {\n "axis": {},\n "field": "DATE",\n "title": "DATE",\n "type": "temporal"\n },\n "y": {\n "axis": {},\n "field": "HLY-TEMP-NORMAL",\n "scale": {\n "domain": [\n 250,\n 500\n ]\n },\n "title": "HLY-TEMP-NORMAL",\n "type": "quantitative"\n }\n },\n "mark": {\n "clip": true,\n "type": "point"\n }\n }\n ],\n "params": [\n {\n "bind": "scales",\n "name": "param_7",\n "select": {\n "encodings": [\n "x",\n "y"\n ],\n "type": "interval"\n },\n "views": [\n "view_3"\n ]\n }\n ],\n "title": "Climate"\n}',
+	chart: "line"
+};
+
+export let multi_line_plot = {
+	type: "altair",
+	plot: '{\n "$schema": "https://vega.github.io/schema/vega-lite/v5.17.0.json",\n "background": "transparent",\n "config": {\n "view": {\n "continuousHeight": 300,\n "continuousWidth": 300\n }\n },\n "data": {\n "name": "data-b0fe595546d47c5085f225c35730172c"\n },\n "datasets": {\n "data-b0fe595546d47c5085f225c35730172c": [\n {\n "date": "2000-01-01T00:00:00",\n "price": 39.81,\n "symbol": "MSFT"\n },\n {\n "date": "2000-02-01T00:00:00",\n "price": 36.35,\n "symbol": "MSFT"\n },\n {\n "date": "2000-03-01T00:00:00",\n "price": 43.22,\n "symbol": "MSFT"\n },\n {\n "date": "2000-04-01T00:00:00",\n "price": 28.37,\n "symbol": "MSFT"\n },\n {\n "date": "2000-05-01T00:00:00",\n "price": 25.45,\n "symbol": "MSFT"\n },\n {\n "date": "2000-06-01T00:00:00",\n "price": 32.54,\n "symbol": "MSFT"\n },\n {\n "date": "2000-07-01T00:00:00",\n "price": 28.4,\n "symbol": "MSFT"\n },\n {\n "date": "2000-08-01T00:00:00",\n "price": 28.4,\n "symbol": "MSFT"\n },\n {\n "date": "2000-09-01T00:00:00",\n "price": 24.53,\n "symbol": "MSFT"\n },\n {\n "date": "2000-10-01T00:00:00",\n "price": 28.02,\n "symbol": "MSFT"\n },\n {\n "date": "2000-11-01T00:00:00",\n "price": 23.34,\n "symbol": "MSFT"\n },\n {\n "date": "2000-12-01T00:00:00",\n "price": 17.65,\n "symbol": "MSFT"\n },\n {\n "date": "2001-01-01T00:00:00",\n "price": 24.84,\n "symbol": "MSFT"\n },\n {\n "date": "2001-02-01T00:00:00",\n "price": 24.0,\n "symbol": "MSFT"\n },\n {\n "date": "2001-03-01T00:00:00",\n "price": 22.25,\n "symbol": "MSFT"\n },\n {\n "date": "2001-04-01T00:00:00",\n "price": 27.56,\n "symbol": "MSFT"\n },\n {\n "date": "2001-05-01T00:00:00",\n "price": 28.14,\n "symbol": "MSFT"\n },\n {\n "date": "2001-06-01T00:00:00",\n "price": 29.7,\n "symbol": "MSFT"\n },\n {\n "date": "2001-07-01T00:00:00",\n "price": 26.93,\n "symbol": "MSFT"\n },\n {\n "date": "2001-08-01T00:00:00",\n "price": 23.21,\n "symbol": "MSFT"\n },\n {\n "date": "2001-09-01T00:00:00",\n "price": 20.82,\n "symbol": "MSFT"\n },\n {\n "date": "2001-10-01T00:00:00",\n "price": 23.65,\n "symbol": "MSFT"\n },\n {\n "date": "2001-11-01T00:00:00",\n "price": 26.12,\n "symbol": "MSFT"\n },\n {\n "date": "2001-12-01T00:00:00",\n "price": 26.95,\n "symbol": "MSFT"\n },\n {\n "date": "2002-01-01T00:00:00",\n "price": 25.92,\n "symbol": "MSFT"\n },\n {\n "date": "2002-02-01T00:00:00",\n "price": 23.73,\n "symbol": "MSFT"\n },\n {\n "date": "2002-03-01T00:00:00",\n "price": 24.53,\n "symbol": "MSFT"\n },\n {\n "date": "2002-04-01T00:00:00",\n "price": 21.26,\n "symbol": "MSFT"\n },\n {\n "date": "2002-05-01T00:00:00",\n "price": 20.71,\n "symbol": "MSFT"\n },\n {\n "date": "2002-06-01T00:00:00",\n "price": 22.25,\n "symbol": "MSFT"\n },\n {\n "date": "2002-07-01T00:00:00",\n "price": 19.52,\n "symbol": "MSFT"\n },\n {\n "date": "2002-08-01T00:00:00",\n "price": 19.97,\n "symbol": "MSFT"\n },\n {\n "date": "2002-09-01T00:00:00",\n "price": 17.79,\n "symbol": "MSFT"\n },\n {\n "date": "2002-10-01T00:00:00",\n "price": 21.75,\n "symbol": "MSFT"\n },\n {\n "date": "2002-11-01T00:00:00",\n "price": 23.46,\n "symbol": "MSFT"\n },\n {\n "date": "2002-12-01T00:00:00",\n "price": 21.03,\n "symbol": "MSFT"\n },\n {\n "date": "2003-01-01T00:00:00",\n "price": 19.31,\n "symbol": "MSFT"\n },\n {\n "date": "2003-02-01T00:00:00",\n "price": 19.34,\n "symbol": "MSFT"\n },\n {\n "date": "2003-03-01T00:00:00",\n "price": 19.76,\n "symbol": "MSFT"\n },\n {\n "date": "2003-04-01T00:00:00",\n "price": 20.87,\n "symbol": "MSFT"\n },\n {\n "date": "2003-05-01T00:00:00",\n "price": 20.09,\n "symbol": "MSFT"\n },\n {\n "date": "2003-06-01T00:00:00",\n "price": 20.93,\n "symbol": "MSFT"\n },\n {\n "date": "2003-07-01T00:00:00",\n "price": 21.56,\n "symbol": "MSFT"\n },\n {\n "date": "2003-08-01T00:00:00",\n "price": 21.65,\n "symbol": "MSFT"\n },\n {\n "date": "2003-09-01T00:00:00",\n "price": 22.69,\n "symbol": "MSFT"\n },\n {\n "date": "2003-10-01T00:00:00",\n "price": 21.45,\n "symbol": "MSFT"\n },\n {\n "date": "2003-11-01T00:00:00",\n "price": 21.1,\n "symbol": "MSFT"\n },\n {\n "date": "2003-12-01T00:00:00",\n "price": 22.46,\n "symbol": "MSFT"\n },\n {\n "date": "2004-01-01T00:00:00",\n "price": 22.69,\n "symbol": "MSFT"\n },\n {\n "date": "2004-02-01T00:00:00",\n "price": 21.77,\n "symbol": "MSFT"\n },\n {\n "date": "2004-03-01T00:00:00",\n "price": 20.46,\n "symbol": "MSFT"\n },\n {\n "date": "2004-04-01T00:00:00",\n "price": 21.45,\n "symbol": "MSFT"\n },\n {\n "date": "2004-05-01T00:00:00",\n "price": 21.53,\n "symbol": "MSFT"\n },\n {\n "date": "2004-06-01T00:00:00",\n "price": 23.44,\n "symbol": "MSFT"\n },\n {\n "date": "2004-07-01T00:00:00",\n "price": 23.38,\n "symbol": "MSFT"\n },\n {\n "date": "2004-08-01T00:00:00",\n "price": 22.47,\n "symbol": "MSFT"\n },\n {\n "date": "2004-09-01T00:00:00",\n "price": 22.76,\n "symbol": "MSFT"\n },\n {\n "date": "2004-10-01T00:00:00",\n "price": 23.02,\n "symbol": "MSFT"\n },\n {\n "date": "2004-11-01T00:00:00",\n "price": 24.6,\n "symbol": "MSFT"\n },\n {\n "date": "2004-12-01T00:00:00",\n "price": 24.52,\n "symbol": "MSFT"\n },\n {\n "date": "2005-01-01T00:00:00",\n "price": 24.11,\n "symbol": "MSFT"\n },\n {\n "date": "2005-02-01T00:00:00",\n "price": 23.15,\n "symbol": "MSFT"\n },\n {\n "date": "2005-03-01T00:00:00",\n "price": 22.24,\n "symbol": "MSFT"\n },\n {\n "date": "2005-04-01T00:00:00",\n "price": 23.28,\n "symbol": "MSFT"\n },\n {\n "date": "2005-05-01T00:00:00",\n "price": 23.82,\n "symbol": "MSFT"\n },\n {\n "date": "2005-06-01T00:00:00",\n "price": 22.93,\n "symbol": "MSFT"\n },\n {\n "date": "2005-07-01T00:00:00",\n "price": 23.64,\n "symbol": "MSFT"\n },\n {\n "date": "2005-08-01T00:00:00",\n "price": 25.35,\n "symbol": "MSFT"\n },\n {\n "date": "2005-09-01T00:00:00",\n "price": 23.83,\n "symbol": "MSFT"\n },\n {\n "date": "2005-10-01T00:00:00",\n "price": 23.8,\n "symbol": "MSFT"\n },\n {\n "date": "2005-11-01T00:00:00",\n "price": 25.71,\n "symbol": "MSFT"\n },\n {\n "date": "2005-12-01T00:00:00",\n "price": 24.29,\n "symbol": "MSFT"\n },\n {\n "date": "2006-01-01T00:00:00",\n "price": 26.14,\n "symbol": "MSFT"\n },\n {\n "date": "2006-02-01T00:00:00",\n "price": 25.04,\n "symbol": "MSFT"\n },\n {\n "date": "2006-03-01T00:00:00",\n "price": 25.36,\n "symbol": "MSFT"\n },\n {\n "date": "2006-04-01T00:00:00",\n "price": 22.5,\n "symbol": "MSFT"\n },\n {\n "date": "2006-05-01T00:00:00",\n "price": 21.19,\n "symbol": "MSFT"\n },\n {\n "date": "2006-06-01T00:00:00",\n "price": 21.8,\n "symbol": "MSFT"\n },\n {\n "date": "2006-07-01T00:00:00",\n "price": 22.51,\n "symbol": "MSFT"\n },\n {\n "date": "2006-08-01T00:00:00",\n "price": 24.13,\n "symbol": "MSFT"\n },\n {\n "date": "2006-09-01T00:00:00",\n "price": 25.68,\n "symbol": "MSFT"\n },\n {\n "date": "2006-10-01T00:00:00",\n "price": 26.96,\n "symbol": "MSFT"\n },\n {\n "date": "2006-11-01T00:00:00",\n "price": 27.66,\n "symbol": "MSFT"\n },\n {\n "date": "2006-12-01T00:00:00",\n "price": 28.13,\n "symbol": "MSFT"\n },\n {\n "date": "2007-01-01T00:00:00",\n "price": 29.07,\n "symbol": "MSFT"\n },\n {\n "date": "2007-02-01T00:00:00",\n "price": 26.63,\n "symbol": "MSFT"\n },\n {\n "date": "2007-03-01T00:00:00",\n "price": 26.35,\n "symbol": "MSFT"\n },\n {\n "date": "2007-04-01T00:00:00",\n "price": 28.3,\n "symbol": "MSFT"\n },\n {\n "date": "2007-05-01T00:00:00",\n "price": 29.11,\n "symbol": "MSFT"\n },\n {\n "date": "2007-06-01T00:00:00",\n "price": 27.95,\n "symbol": "MSFT"\n },\n {\n "date": "2007-07-01T00:00:00",\n "price": 27.5,\n "symbol": "MSFT"\n },\n {\n "date": "2007-08-01T00:00:00",\n "price": 27.34,\n "symbol": "MSFT"\n },\n {\n "date": "2007-09-01T00:00:00",\n "price": 28.04,\n "symbol": "MSFT"\n },\n {\n "date": "2007-10-01T00:00:00",\n "price": 35.03,\n "symbol": "MSFT"\n },\n {\n "date": "2007-11-01T00:00:00",\n "price": 32.09,\n "symbol": "MSFT"\n },\n {\n "date": "2007-12-01T00:00:00",\n "price": 34.0,\n "symbol": "MSFT"\n },\n {\n "date": "2008-01-01T00:00:00",\n "price": 31.13,\n "symbol": "MSFT"\n },\n {\n "date": "2008-02-01T00:00:00",\n "price": 26.07,\n "symbol": "MSFT"\n },\n {\n "date": "2008-03-01T00:00:00",\n "price": 27.21,\n "symbol": "MSFT"\n },\n {\n "date": "2008-04-01T00:00:00",\n "price": 27.34,\n "symbol": "MSFT"\n },\n {\n "date": "2008-05-01T00:00:00",\n "price": 27.25,\n "symbol": "MSFT"\n },\n {\n "date": "2008-06-01T00:00:00",\n "price": 26.47,\n "symbol": "MSFT"\n },\n {\n "date": "2008-07-01T00:00:00",\n "price": 24.75,\n "symbol": "MSFT"\n },\n {\n "date": "2008-08-01T00:00:00",\n "price": 26.36,\n "symbol": "MSFT"\n },\n {\n "date": "2008-09-01T00:00:00",\n "price": 25.78,\n "symbol": "MSFT"\n },\n {\n "date": "2008-10-01T00:00:00",\n "price": 21.57,\n "symbol": "MSFT"\n },\n {\n "date": "2008-11-01T00:00:00",\n "price": 19.66,\n "symbol": "MSFT"\n },\n {\n "date": "2008-12-01T00:00:00",\n "price": 18.91,\n "symbol": "MSFT"\n },\n {\n "date": "2009-01-01T00:00:00",\n "price": 16.63,\n "symbol": "MSFT"\n },\n {\n "date": "2009-02-01T00:00:00",\n "price": 15.81,\n "symbol": "MSFT"\n },\n {\n "date": "2009-03-01T00:00:00",\n "price": 17.99,\n "symbol": "MSFT"\n },\n {\n "date": "2009-04-01T00:00:00",\n "price": 19.84,\n "symbol": "MSFT"\n },\n {\n "date": "2009-05-01T00:00:00",\n "price": 20.59,\n "symbol": "MSFT"\n },\n {\n "date": "2009-06-01T00:00:00",\n "price": 23.42,\n "symbol": "MSFT"\n },\n {\n "date": "2009-07-01T00:00:00",\n "price": 23.18,\n "symbol": "MSFT"\n },\n {\n "date": "2009-08-01T00:00:00",\n "price": 24.43,\n "symbol": "MSFT"\n },\n {\n "date": "2009-09-01T00:00:00",\n "price": 25.49,\n "symbol": "MSFT"\n },\n {\n "date": "2009-10-01T00:00:00",\n "price": 27.48,\n "symbol": "MSFT"\n },\n {\n "date": "2009-11-01T00:00:00",\n "price": 29.27,\n "symbol": "MSFT"\n },\n {\n "date": "2009-12-01T00:00:00",\n "price": 30.34,\n "symbol": "MSFT"\n },\n {\n "date": "2010-01-01T00:00:00",\n "price": 28.05,\n "symbol": "MSFT"\n },\n {\n "date": "2010-02-01T00:00:00",\n "price": 28.67,\n "symbol": "MSFT"\n },\n {\n "date": "2010-03-01T00:00:00",\n "price": 28.8,\n "symbol": "MSFT"\n },\n {\n "date": "2000-01-01T00:00:00",\n "price": 64.56,\n "symbol": "AMZN"\n },\n {\n "date": "2000-02-01T00:00:00",\n "price": 68.87,\n "symbol": "AMZN"\n },\n {\n "date": "2000-03-01T00:00:00",\n "price": 67.0,\n "symbol": "AMZN"\n },\n {\n "date": "2000-04-01T00:00:00",\n "price": 55.19,\n "symbol": "AMZN"\n },\n {\n "date": "2000-05-01T00:00:00",\n "price": 48.31,\n "symbol": "AMZN"\n },\n {\n "date": "2000-06-01T00:00:00",\n "price": 36.31,\n "symbol": "AMZN"\n },\n {\n "date": "2000-07-01T00:00:00",\n "price": 30.12,\n "symbol": "AMZN"\n },\n {\n "date": "2000-08-01T00:00:00",\n "price": 41.5,\n "symbol": "AMZN"\n },\n {\n "date": "2000-09-01T00:00:00",\n "price": 38.44,\n "symbol": "AMZN"\n },\n {\n "date": "2000-10-01T00:00:00",\n "price": 36.62,\n "symbol": "AMZN"\n },\n {\n "date": "2000-11-01T00:00:00",\n "price": 24.69,\n "symbol": "AMZN"\n },\n {\n "date": "2000-12-01T00:00:00",\n "price": 15.56,\n "symbol": "AMZN"\n },\n {\n "date": "2001-01-01T00:00:00",\n "price": 17.31,\n "symbol": "AMZN"\n },\n {\n "date": "2001-02-01T00:00:00",\n "price": 10.19,\n "symbol": "AMZN"\n },\n {\n "date": "2001-03-01T00:00:00",\n "price": 10.23,\n "symbol": "AMZN"\n },\n {\n "date": "2001-04-01T00:00:00",\n "price": 15.78,\n "symbol": "AMZN"\n },\n {\n "date": "2001-05-01T00:00:00",\n "price": 16.69,\n "symbol": "AMZN"\n },\n {\n "date": "2001-06-01T00:00:00",\n "price": 14.15,\n "symbol": "AMZN"\n },\n {\n "date": "2001-07-01T00:00:00",\n "price": 12.49,\n "symbol": "AMZN"\n },\n {\n "date": "2001-08-01T00:00:00",\n "price": 8.94,\n "symbol": "AMZN"\n },\n {\n "date": "2001-09-01T00:00:00",\n "price": 5.97,\n "symbol": "AMZN"\n },\n {\n "date": "2001-10-01T00:00:00",\n "price": 6.98,\n "symbol": "AMZN"\n },\n {\n "date": "2001-11-01T00:00:00",\n "price": 11.32,\n "symbol": "AMZN"\n },\n {\n "date": "2001-12-01T00:00:00",\n "price": 10.82,\n "symbol": "AMZN"\n },\n {\n "date": "2002-01-01T00:00:00",\n "price": 14.19,\n "symbol": "AMZN"\n },\n {\n "date": "2002-02-01T00:00:00",\n "price": 14.1,\n "symbol": "AMZN"\n },\n {\n "date": "2002-03-01T00:00:00",\n "price": 14.3,\n "symbol": "AMZN"\n },\n {\n "date": "2002-04-01T00:00:00",\n "price": 16.69,\n "symbol": "AMZN"\n },\n {\n "date": "2002-05-01T00:00:00",\n "price": 18.23,\n "symbol": "AMZN"\n },\n {\n "date": "2002-06-01T00:00:00",\n "price": 16.25,\n "symbol": "AMZN"\n },\n {\n "date": "2002-07-01T00:00:00",\n "price": 14.45,\n "symbol": "AMZN"\n },\n {\n "date": "2002-08-01T00:00:00",\n "price": 14.94,\n "symbol": "AMZN"\n },\n {\n "date": "2002-09-01T00:00:00",\n "price": 15.93,\n "symbol": "AMZN"\n },\n {\n "date": "2002-10-01T00:00:00",\n "price": 19.36,\n "symbol": "AMZN"\n },\n {\n "date": "2002-11-01T00:00:00",\n "price": 23.35,\n "symbol": "AMZN"\n },\n {\n "date": "2002-12-01T00:00:00",\n "price": 18.89,\n "symbol": "AMZN"\n },\n {\n "date": "2003-01-01T00:00:00",\n "price": 21.85,\n "symbol": "AMZN"\n },\n {\n "date": "2003-02-01T00:00:00",\n "price": 22.01,\n "symbol": "AMZN"\n },\n {\n "date": "2003-03-01T00:00:00",\n "price": 26.03,\n "symbol": "AMZN"\n },\n {\n "date": "2003-04-01T00:00:00",\n "price": 28.69,\n "symbol": "AMZN"\n },\n {\n "date": "2003-05-01T00:00:00",\n "price": 35.89,\n "symbol": "AMZN"\n },\n {\n "date": "2003-06-01T00:00:00",\n "price": 36.32,\n "symbol": "AMZN"\n },\n {\n "date": "2003-07-01T00:00:00",\n "price": 41.64,\n "symbol": "AMZN"\n },\n {\n "date": "2003-08-01T00:00:00",\n "price": 46.32,\n "symbol": "AMZN"\n },\n {\n "date": "2003-09-01T00:00:00",\n "price": 48.43,\n "symbol": "AMZN"\n },\n {\n "date": "2003-10-01T00:00:00",\n "price": 54.43,\n "symbol": "AMZN"\n },\n {\n "date": "2003-11-01T00:00:00",\n "price": 53.97,\n "symbol": "AMZN"\n },\n {\n "date": "2003-12-01T00:00:00",\n "price": 52.62,\n "symbol": "AMZN"\n },\n {\n "date": "2004-01-01T00:00:00",\n "price": 50.4,\n "symbol": "AMZN"\n },\n {\n "date": "2004-02-01T00:00:00",\n "price": 43.01,\n "symbol": "AMZN"\n },\n {\n "date": "2004-03-01T00:00:00",\n "price": 43.28,\n "symbol": "AMZN"\n },\n {\n "date": "2004-04-01T00:00:00",\n "price": 43.6,\n "symbol": "AMZN"\n },\n {\n "date": "2004-05-01T00:00:00",\n "price": 48.5,\n "symbol": "AMZN"\n },\n {\n "date": "2004-06-01T00:00:00",\n "price": 54.4,\n "symbol": "AMZN"\n },\n {\n "date": "2004-07-01T00:00:00",\n "price": 38.92,\n "symbol": "AMZN"\n },\n {\n "date": "2004-08-01T00:00:00",\n "price": 38.14,\n "symbol": "AMZN"\n },\n {\n "date": "2004-09-01T00:00:00",\n "price": 40.86,\n "symbol": "AMZN"\n },\n {\n "date": "2004-10-01T00:00:00",\n "price": 34.13,\n "symbol": "AMZN"\n },\n {\n "date": "2004-11-01T00:00:00",\n "price": 39.68,\n "symbol": "AMZN"\n },\n {\n "date": "2004-12-01T00:00:00",\n "price": 44.29,\n "symbol": "AMZN"\n },\n {\n "date": "2005-01-01T00:00:00",\n "price": 43.22,\n "symbol": "AMZN"\n },\n {\n "date": "2005-02-01T00:00:00",\n "price": 35.18,\n "symbol": "AMZN"\n },\n {\n "date": "2005-03-01T00:00:00",\n "price": 34.27,\n "symbol": "AMZN"\n },\n {\n "date": "2005-04-01T00:00:00",\n "price": 32.36,\n "symbol": "AMZN"\n },\n {\n "date": "2005-05-01T00:00:00",\n "price": 35.51,\n "symbol": "AMZN"\n },\n {\n "date": "2005-06-01T00:00:00",\n "price": 33.09,\n "symbol": "AMZN"\n },\n {\n "date": "2005-07-01T00:00:00",\n "price": 45.15,\n "symbol": "AMZN"\n },\n {\n "date": "2005-08-01T00:00:00",\n "price": 42.7,\n "symbol": "AMZN"\n },\n {\n "date": "2005-09-01T00:00:00",\n "price": 45.3,\n "symbol": "AMZN"\n },\n {\n "date": "2005-10-01T00:00:00",\n "price": 39.86,\n "symbol": "AMZN"\n },\n {\n "date": "2005-11-01T00:00:00",\n "price": 48.46,\n "symbol": "AMZN"\n },\n {\n "date": "2005-12-01T00:00:00",\n "price": 47.15,\n "symbol": "AMZN"\n },\n {\n "date": "2006-01-01T00:00:00",\n "price": 44.82,\n "symbol": "AMZN"\n },\n {\n "date": "2006-02-01T00:00:00",\n "price": 37.44,\n "symbol": "AMZN"\n },\n {\n "date": "2006-03-01T00:00:00",\n "price": 36.53,\n "symbol": "AMZN"\n },\n {\n "date": "2006-04-01T00:00:00",\n "price": 35.21,\n "symbol": "AMZN"\n },\n {\n "date": "2006-05-01T00:00:00",\n "price": 34.61,\n "symbol": "AMZN"\n },\n {\n "date": "2006-06-01T00:00:00",\n "price": 38.68,\n "symbol": "AMZN"\n },\n {\n "date": "2006-07-01T00:00:00",\n "price": 26.89,\n "symbol": "AMZN"\n },\n {\n "date": "2006-08-01T00:00:00",\n "price": 30.83,\n "symbol": "AMZN"\n },\n {\n "date": "2006-09-01T00:00:00",\n "price": 32.12,\n "symbol": "AMZN"\n },\n {\n "date": "2006-10-01T00:00:00",\n "price": 38.09,\n "symbol": "AMZN"\n },\n {\n "date": "2006-11-01T00:00:00",\n "price": 40.34,\n "symbol": "AMZN"\n },\n {\n "date": "2006-12-01T00:00:00",\n "price": 39.46,\n "symbol": "AMZN"\n },\n {\n "date": "2007-01-01T00:00:00",\n "price": 37.67,\n "symbol": "AMZN"\n },\n {\n "date": "2007-02-01T00:00:00",\n "price": 39.14,\n "symbol": "AMZN"\n },\n {\n "date": "2007-03-01T00:00:00",\n "price": 39.79,\n "symbol": "AMZN"\n },\n {\n "date": "2007-04-01T00:00:00",\n "price": 61.33,\n "symbol": "AMZN"\n },\n {\n "date": "2007-05-01T00:00:00",\n "price": 69.14,\n "symbol": "AMZN"\n },\n {\n "date": "2007-06-01T00:00:00",\n "price": 68.41,\n "symbol": "AMZN"\n },\n {\n "date": "2007-07-01T00:00:00",\n "price": 78.54,\n "symbol": "AMZN"\n },\n {\n "date": "2007-08-01T00:00:00",\n "price": 79.91,\n "symbol": "AMZN"\n },\n {\n "date": "2007-09-01T00:00:00",\n "price": 93.15,\n "symbol": "AMZN"\n },\n {\n "date": "2007-10-01T00:00:00",\n "price": 89.15,\n "symbol": "AMZN"\n },\n {\n "date": "2007-11-01T00:00:00",\n "price": 90.56,\n "symbol": "AMZN"\n },\n {\n "date": "2007-12-01T00:00:00",\n "price": 92.64,\n "symbol": "AMZN"\n },\n {\n "date": "2008-01-01T00:00:00",\n "price": 77.7,\n "symbol": "AMZN"\n },\n {\n "date": "2008-02-01T00:00:00",\n "price": 64.47,\n "symbol": "AMZN"\n },\n {\n "date": "2008-03-01T00:00:00",\n "price": 71.3,\n "symbol": "AMZN"\n },\n {\n "date": "2008-04-01T00:00:00",\n "price": 78.63,\n "symbol": "AMZN"\n },\n {\n "date": "2008-05-01T00:00:00",\n "price": 81.62,\n "symbol": "AMZN"\n },\n {\n "date": "2008-06-01T00:00:00",\n "price": 73.33,\n "symbol": "AMZN"\n },\n {\n "date": "2008-07-01T00:00:00",\n "price": 76.34,\n "symbol": "AMZN"\n },\n {\n "date": "2008-08-01T00:00:00",\n "price": 80.81,\n "symbol": "AMZN"\n },\n {\n "date": "2008-09-01T00:00:00",\n "price": 72.76,\n "symbol": "AMZN"\n },\n {\n "date": "2008-10-01T00:00:00",\n "price": 57.24,\n "symbol": "AMZN"\n },\n {\n "date": "2008-11-01T00:00:00",\n "price": 42.7,\n "symbol": "AMZN"\n },\n {\n "date": "2008-12-01T00:00:00",\n "price": 51.28,\n "symbol": "AMZN"\n },\n {\n "date": "2009-01-01T00:00:00",\n "price": 58.82,\n "symbol": "AMZN"\n },\n {\n "date": "2009-02-01T00:00:00",\n "price": 64.79,\n "symbol": "AMZN"\n },\n {\n "date": "2009-03-01T00:00:00",\n "price": 73.44,\n "symbol": "AMZN"\n },\n {\n "date": "2009-04-01T00:00:00",\n "price": 80.52,\n "symbol": "AMZN"\n },\n {\n "date": "2009-05-01T00:00:00",\n "price": 77.99,\n "symbol": "AMZN"\n },\n {\n "date": "2009-06-01T00:00:00",\n "price": 83.66,\n "symbol": "AMZN"\n },\n {\n "date": "2009-07-01T00:00:00",\n "price": 85.76,\n "symbol": "AMZN"\n },\n {\n "date": "2009-08-01T00:00:00",\n "price": 81.19,\n "symbol": "AMZN"\n },\n {\n "date": "2009-09-01T00:00:00",\n "price": 93.36,\n "symbol": "AMZN"\n },\n {\n "date": "2009-10-01T00:00:00",\n "price": 118.81,\n "symbol": "AMZN"\n },\n {\n "date": "2009-11-01T00:00:00",\n "price": 135.91,\n "symbol": "AMZN"\n },\n {\n "date": "2009-12-01T00:00:00",\n "price": 134.52,\n "symbol": "AMZN"\n },\n {\n "date": "2010-01-01T00:00:00",\n "price": 125.41,\n "symbol": "AMZN"\n },\n {\n "date": "2010-02-01T00:00:00",\n "price": 118.4,\n "symbol": "AMZN"\n },\n {\n "date": "2010-03-01T00:00:00",\n "price": 128.82,\n "symbol": "AMZN"\n },\n {\n "date": "2000-01-01T00:00:00",\n "price": 100.52,\n "symbol": "IBM"\n },\n {\n "date": "2000-02-01T00:00:00",\n "price": 92.11,\n "symbol": "IBM"\n },\n {\n "date": "2000-03-01T00:00:00",\n "price": 106.11,\n "symbol": "IBM"\n },\n {\n "date": "2000-04-01T00:00:00",\n "price": 99.95,\n "symbol": "IBM"\n },\n {\n "date": "2000-05-01T00:00:00",\n "price": 96.31,\n "symbol": "IBM"\n },\n {\n "date": "2000-06-01T00:00:00",\n "price": 98.33,\n "symbol": "IBM"\n },\n {\n "date": "2000-07-01T00:00:00",\n "price": 100.74,\n "symbol": "IBM"\n },\n {\n "date": "2000-08-01T00:00:00",\n "price": 118.62,\n "symbol": "IBM"\n },\n {\n "date": "2000-09-01T00:00:00",\n "price": 101.19,\n "symbol": "IBM"\n },\n {\n "date": "2000-10-01T00:00:00",\n "price": 88.5,\n "symbol": "IBM"\n },\n {\n "date": "2000-11-01T00:00:00",\n "price": 84.12,\n "symbol": "IBM"\n },\n {\n "date": "2000-12-01T00:00:00",\n "price": 76.47,\n "symbol": "IBM"\n },\n {\n "date": "2001-01-01T00:00:00",\n "price": 100.76,\n "symbol": "IBM"\n },\n {\n "date": "2001-02-01T00:00:00",\n "price": 89.98,\n "symbol": "IBM"\n },\n {\n "date": "2001-03-01T00:00:00",\n "price": 86.63,\n "symbol": "IBM"\n },\n {\n "date": "2001-04-01T00:00:00",\n "price": 103.7,\n "symbol": "IBM"\n },\n {\n "date": "2001-05-01T00:00:00",\n "price": 100.82,\n "symbol": "IBM"\n },\n {\n "date": "2001-06-01T00:00:00",\n "price": 102.35,\n "symbol": "IBM"\n },\n {\n "date": "2001-07-01T00:00:00",\n "price": 94.87,\n "symbol": "IBM"\n },\n {\n "date": "2001-08-01T00:00:00",\n "price": 90.25,\n "symbol": "IBM"\n },\n {\n "date": "2001-09-01T00:00:00",\n "price": 82.82,\n "symbol": "IBM"\n },\n {\n "date": "2001-10-01T00:00:00",\n "price": 97.58,\n "symbol": "IBM"\n },\n {\n "date": "2001-11-01T00:00:00",\n "price": 104.5,\n "symbol": "IBM"\n },\n {\n "date": "2001-12-01T00:00:00",\n "price": 109.36,\n "symbol": "IBM"\n },\n {\n "date": "2002-01-01T00:00:00",\n "price": 97.54,\n "symbol": "IBM"\n },\n {\n "date": "2002-02-01T00:00:00",\n "price": 88.82,\n "symbol": "IBM"\n },\n {\n "date": "2002-03-01T00:00:00",\n "price": 94.15,\n "symbol": "IBM"\n },\n {\n "date": "2002-04-01T00:00:00",\n "price": 75.82,\n "symbol": "IBM"\n },\n {\n "date": "2002-05-01T00:00:00",\n "price": 72.97,\n "symbol": "IBM"\n },\n {\n "date": "2002-06-01T00:00:00",\n "price": 65.31,\n "symbol": "IBM"\n },\n {\n "date": "2002-07-01T00:00:00",\n "price": 63.86,\n "symbol": "IBM"\n },\n {\n "date": "2002-08-01T00:00:00",\n "price": 68.52,\n "symbol": "IBM"\n },\n {\n "date": "2002-09-01T00:00:00",\n "price": 53.01,\n "symbol": "IBM"\n },\n {\n "date": "2002-10-01T00:00:00",\n "price": 71.76,\n "symbol": "IBM"\n },\n {\n "date": "2002-11-01T00:00:00",\n "price": 79.16,\n "symbol": "IBM"\n },\n {\n "date": "2002-12-01T00:00:00",\n "price": 70.58,\n "symbol": "IBM"\n },\n {\n "date": "2003-01-01T00:00:00",\n "price": 71.22,\n "symbol": "IBM"\n },\n {\n "date": "2003-02-01T00:00:00",\n "price": 71.13,\n "symbol": "IBM"\n },\n {\n "date": "2003-03-01T00:00:00",\n "price": 71.57,\n "symbol": "IBM"\n },\n {\n "date": "2003-04-01T00:00:00",\n "price": 77.47,\n "symbol": "IBM"\n },\n {\n "date": "2003-05-01T00:00:00",\n "price": 80.48,\n "symbol": "IBM"\n },\n {\n "date": "2003-06-01T00:00:00",\n "price": 75.42,\n "symbol": "IBM"\n },\n {\n "date": "2003-07-01T00:00:00",\n "price": 74.28,\n "symbol": "IBM"\n },\n {\n "date": "2003-08-01T00:00:00",\n "price": 75.12,\n "symbol": "IBM"\n },\n {\n "date": "2003-09-01T00:00:00",\n "price": 80.91,\n "symbol": "IBM"\n },\n {\n "date": "2003-10-01T00:00:00",\n "price": 81.96,\n "symbol": "IBM"\n },\n {\n "date": "2003-11-01T00:00:00",\n "price": 83.08,\n "symbol": "IBM"\n },\n {\n "date": "2003-12-01T00:00:00",\n "price": 85.05,\n "symbol": "IBM"\n },\n {\n "date": "2004-01-01T00:00:00",\n "price": 91.06,\n "symbol": "IBM"\n },\n {\n "date": "2004-02-01T00:00:00",\n "price": 88.7,\n "symbol": "IBM"\n },\n {\n "date": "2004-03-01T00:00:00",\n "price": 84.41,\n "symbol": "IBM"\n },\n {\n "date": "2004-04-01T00:00:00",\n "price": 81.04,\n "symbol": "IBM"\n },\n {\n "date": "2004-05-01T00:00:00",\n "price": 81.59,\n "symbol": "IBM"\n },\n {\n "date": "2004-06-01T00:00:00",\n "price": 81.19,\n "symbol": "IBM"\n },\n {\n "date": "2004-07-01T00:00:00",\n "price": 80.19,\n "symbol": "IBM"\n },\n {\n "date": "2004-08-01T00:00:00",\n "price": 78.17,\n "symbol": "IBM"\n },\n {\n "date": "2004-09-01T00:00:00",\n "price": 79.13,\n "symbol": "IBM"\n },\n {\n "date": "2004-10-01T00:00:00",\n "price": 82.84,\n "symbol": "IBM"\n },\n {\n "date": "2004-11-01T00:00:00",\n "price": 87.15,\n "symbol": "IBM"\n },\n {\n "date": "2004-12-01T00:00:00",\n "price": 91.16,\n "symbol": "IBM"\n },\n {\n "date": "2005-01-01T00:00:00",\n "price": 86.39,\n "symbol": "IBM"\n },\n {\n "date": "2005-02-01T00:00:00",\n "price": 85.78,\n "symbol": "IBM"\n },\n {\n "date": "2005-03-01T00:00:00",\n "price": 84.66,\n "symbol": "IBM"\n },\n {\n "date": "2005-04-01T00:00:00",\n "price": 70.77,\n "symbol": "IBM"\n },\n {\n "date": "2005-05-01T00:00:00",\n "price": 70.18,\n "symbol": "IBM"\n },\n {\n "date": "2005-06-01T00:00:00",\n "price": 68.93,\n "symbol": "IBM"\n },\n {\n "date": "2005-07-01T00:00:00",\n "price": 77.53,\n "symbol": "IBM"\n },\n {\n "date": "2005-08-01T00:00:00",\n "price": 75.07,\n "symbol": "IBM"\n },\n {\n "date": "2005-09-01T00:00:00",\n "price": 74.7,\n "symbol": "IBM"\n },\n {\n "date": "2005-10-01T00:00:00",\n "price": 76.25,\n "symbol": "IBM"\n },\n {\n "date": "2005-11-01T00:00:00",\n "price": 82.98,\n "symbol": "IBM"\n },\n {\n "date": "2005-12-01T00:00:00",\n "price": 76.73,\n "symbol": "IBM"\n },\n {\n "date": "2006-01-01T00:00:00",\n "price": 75.89,\n "symbol": "IBM"\n },\n {\n "date": "2006-02-01T00:00:00",\n "price": 75.09,\n "symbol": "IBM"\n },\n {\n "date": "2006-03-01T00:00:00",\n "price": 77.17,\n "symbol": "IBM"\n },\n {\n "date": "2006-04-01T00:00:00",\n "price": 77.05,\n "symbol": "IBM"\n },\n {\n "date": "2006-05-01T00:00:00",\n "price": 75.04,\n "symbol": "IBM"\n },\n {\n "date": "2006-06-01T00:00:00",\n "price": 72.15,\n "symbol": "IBM"\n },\n {\n "date": "2006-07-01T00:00:00",\n "price": 72.7,\n "symbol": "IBM"\n },\n {\n "date": "2006-08-01T00:00:00",\n "price": 76.35,\n "symbol": "IBM"\n },\n {\n "date": "2006-09-01T00:00:00",\n "price": 77.26,\n "symbol": "IBM"\n },\n {\n "date": "2006-10-01T00:00:00",\n "price": 87.06,\n "symbol": "IBM"\n },\n {\n "date": "2006-11-01T00:00:00",\n "price": 86.95,\n "symbol": "IBM"\n },\n {\n "date": "2006-12-01T00:00:00",\n "price": 91.9,\n "symbol": "IBM"\n },\n {\n "date": "2007-01-01T00:00:00",\n "price": 93.79,\n "symbol": "IBM"\n },\n {\n "date": "2007-02-01T00:00:00",\n "price": 88.18,\n "symbol": "IBM"\n },\n {\n "date": "2007-03-01T00:00:00",\n "price": 89.44,\n "symbol": "IBM"\n },\n {\n "date": "2007-04-01T00:00:00",\n "price": 96.98,\n "symbol": "IBM"\n },\n {\n "date": "2007-05-01T00:00:00",\n "price": 101.54,\n "symbol": "IBM"\n },\n {\n "date": "2007-06-01T00:00:00",\n "price": 100.25,\n "symbol": "IBM"\n },\n {\n "date": "2007-07-01T00:00:00",\n "price": 105.4,\n "symbol": "IBM"\n },\n {\n "date": "2007-08-01T00:00:00",\n "price": 111.54,\n "symbol": "IBM"\n },\n {\n "date": "2007-09-01T00:00:00",\n "price": 112.6,\n "symbol": "IBM"\n },\n {\n "date": "2007-10-01T00:00:00",\n "price": 111.0,\n "symbol": "IBM"\n },\n {\n "date": "2007-11-01T00:00:00",\n "price": 100.9,\n "symbol": "IBM"\n },\n {\n "date": "2007-12-01T00:00:00",\n "price": 103.7,\n "symbol": "IBM"\n },\n {\n "date": "2008-01-01T00:00:00",\n "price": 102.75,\n "symbol": "IBM"\n },\n {\n "date": "2008-02-01T00:00:00",\n "price": 109.64,\n "symbol": "IBM"\n },\n {\n "date": "2008-03-01T00:00:00",\n "price": 110.87,\n "symbol": "IBM"\n },\n {\n "date": "2008-04-01T00:00:00",\n "price": 116.23,\n "symbol": "IBM"\n },\n {\n "date": "2008-05-01T00:00:00",\n "price": 125.14,\n "symbol": "IBM"\n },\n {\n "date": "2008-06-01T00:00:00",\n "price": 114.6,\n "symbol": "IBM"\n },\n {\n "date": "2008-07-01T00:00:00",\n "price": 123.74,\n "symbol": "IBM"\n },\n {\n "date": "2008-08-01T00:00:00",\n "price": 118.16,\n "symbol": "IBM"\n },\n {\n "date": "2008-09-01T00:00:00",\n "price": 113.53,\n "symbol": "IBM"\n },\n {\n "date": "2008-10-01T00:00:00",\n "price": 90.24,\n "symbol": "IBM"\n },\n {\n "date": "2008-11-01T00:00:00",\n "price": 79.65,\n "symbol": "IBM"\n },\n {\n "date": "2008-12-01T00:00:00",\n "price": 82.15,\n "symbol": "IBM"\n },\n {\n "date": "2009-01-01T00:00:00",\n "price": 89.46,\n "symbol": "IBM"\n },\n {\n "date": "2009-02-01T00:00:00",\n "price": 90.32,\n "symbol": "IBM"\n },\n {\n "date": "2009-03-01T00:00:00",\n "price": 95.09,\n "symbol": "IBM"\n },\n {\n "date": "2009-04-01T00:00:00",\n "price": 101.29,\n "symbol": "IBM"\n },\n {\n "date": "2009-05-01T00:00:00",\n "price": 104.85,\n "symbol": "IBM"\n },\n {\n "date": "2009-06-01T00:00:00",\n "price": 103.01,\n "symbol": "IBM"\n },\n {\n "date": "2009-07-01T00:00:00",\n "price": 116.34,\n "symbol": "IBM"\n },\n {\n "date": "2009-08-01T00:00:00",\n "price": 117.0,\n "symbol": "IBM"\n },\n {\n "date": "2009-09-01T00:00:00",\n "price": 118.55,\n "symbol": "IBM"\n },\n {\n "date": "2009-10-01T00:00:00",\n "price": 119.54,\n "symbol": "IBM"\n },\n {\n "date": "2009-11-01T00:00:00",\n "price": 125.79,\n "symbol": "IBM"\n },\n {\n "date": "2009-12-01T00:00:00",\n "price": 130.32,\n "symbol": "IBM"\n },\n {\n "date": "2010-01-01T00:00:00",\n "price": 121.85,\n "symbol": "IBM"\n },\n {\n "date": "2010-02-01T00:00:00",\n "price": 127.16,\n "symbol": "IBM"\n },\n {\n "date": "2010-03-01T00:00:00",\n "price": 125.55,\n "symbol": "IBM"\n },\n {\n "date": "2004-08-01T00:00:00",\n "price": 102.37,\n "symbol": "GOOG"\n },\n {\n "date": "2004-09-01T00:00:00",\n "price": 129.6,\n "symbol": "GOOG"\n },\n {\n "date": "2004-10-01T00:00:00",\n "price": 190.64,\n "symbol": "GOOG"\n },\n {\n "date": "2004-11-01T00:00:00",\n "price": 181.98,\n "symbol": "GOOG"\n },\n {\n "date": "2004-12-01T00:00:00",\n "price": 192.79,\n "symbol": "GOOG"\n },\n {\n "date": "2005-01-01T00:00:00",\n "price": 195.62,\n "symbol": "GOOG"\n },\n {\n "date": "2005-02-01T00:00:00",\n "price": 187.99,\n "symbol": "GOOG"\n },\n {\n "date": "2005-03-01T00:00:00",\n "price": 180.51,\n "symbol": "GOOG"\n },\n {\n "date": "2005-04-01T00:00:00",\n "price": 220.0,\n "symbol": "GOOG"\n },\n {\n "date": "2005-05-01T00:00:00",\n "price": 277.27,\n "symbol": "GOOG"\n },\n {\n "date": "2005-06-01T00:00:00",\n "price": 294.15,\n "symbol": "GOOG"\n },\n {\n "date": "2005-07-01T00:00:00",\n "price": 287.76,\n "symbol": "GOOG"\n },\n {\n "date": "2005-08-01T00:00:00",\n "price": 286.0,\n "symbol": "GOOG"\n },\n {\n "date": "2005-09-01T00:00:00",\n "price": 316.46,\n "symbol": "GOOG"\n },\n {\n "date": "2005-10-01T00:00:00",\n "price": 372.14,\n "symbol": "GOOG"\n },\n {\n "date": "2005-11-01T00:00:00",\n "price": 404.91,\n "symbol": "GOOG"\n },\n {\n "date": "2005-12-01T00:00:00",\n "price": 414.86,\n "symbol": "GOOG"\n },\n {\n "date": "2006-01-01T00:00:00",\n "price": 432.66,\n "symbol": "GOOG"\n },\n {\n "date": "2006-02-01T00:00:00",\n "price": 362.62,\n "symbol": "GOOG"\n },\n {\n "date": "2006-03-01T00:00:00",\n "price": 390.0,\n "symbol": "GOOG"\n },\n {\n "date": "2006-04-01T00:00:00",\n "price": 417.94,\n "symbol": "GOOG"\n },\n {\n "date": "2006-05-01T00:00:00",\n "price": 371.82,\n "symbol": "GOOG"\n },\n {\n "date": "2006-06-01T00:00:00",\n "price": 419.33,\n "symbol": "GOOG"\n },\n {\n "date": "2006-07-01T00:00:00",\n "price": 386.6,\n "symbol": "GOOG"\n },\n {\n "date": "2006-08-01T00:00:00",\n "price": 378.53,\n "symbol": "GOOG"\n },\n {\n "date": "2006-09-01T00:00:00",\n "price": 401.9,\n "symbol": "GOOG"\n },\n {\n "date": "2006-10-01T00:00:00",\n "price": 476.39,\n "symbol": "GOOG"\n },\n {\n "date": "2006-11-01T00:00:00",\n "price": 484.81,\n "symbol": "GOOG"\n },\n {\n "date": "2006-12-01T00:00:00",\n "price": 460.48,\n "symbol": "GOOG"\n },\n {\n "date": "2007-01-01T00:00:00",\n "price": 501.5,\n "symbol": "GOOG"\n },\n {\n "date": "2007-02-01T00:00:00",\n "price": 449.45,\n "symbol": "GOOG"\n },\n {\n "date": "2007-03-01T00:00:00",\n "price": 458.16,\n "symbol": "GOOG"\n },\n {\n "date": "2007-04-01T00:00:00",\n "price": 471.38,\n "symbol": "GOOG"\n },\n {\n "date": "2007-05-01T00:00:00",\n "price": 497.91,\n "symbol": "GOOG"\n },\n {\n "date": "2007-06-01T00:00:00",\n "price": 522.7,\n "symbol": "GOOG"\n },\n {\n "date": "2007-07-01T00:00:00",\n "price": 510.0,\n "symbol": "GOOG"\n },\n {\n "date": "2007-08-01T00:00:00",\n "price": 515.25,\n "symbol": "GOOG"\n },\n {\n "date": "2007-09-01T00:00:00",\n "price": 567.27,\n "symbol": "GOOG"\n },\n {\n "date": "2007-10-01T00:00:00",\n "price": 707.0,\n "symbol": "GOOG"\n },\n {\n "date": "2007-11-01T00:00:00",\n "price": 693.0,\n "symbol": "GOOG"\n },\n {\n "date": "2007-12-01T00:00:00",\n "price": 691.48,\n "symbol": "GOOG"\n },\n {\n "date": "2008-01-01T00:00:00",\n "price": 564.3,\n "symbol": "GOOG"\n },\n {\n "date": "2008-02-01T00:00:00",\n "price": 471.18,\n "symbol": "GOOG"\n },\n {\n "date": "2008-03-01T00:00:00",\n "price": 440.47,\n "symbol": "GOOG"\n },\n {\n "date": "2008-04-01T00:00:00",\n "price": 574.29,\n "symbol": "GOOG"\n },\n {\n "date": "2008-05-01T00:00:00",\n "price": 585.8,\n "symbol": "GOOG"\n },\n {\n "date": "2008-06-01T00:00:00",\n "price": 526.42,\n "symbol": "GOOG"\n },\n {\n "date": "2008-07-01T00:00:00",\n "price": 473.75,\n "symbol": "GOOG"\n },\n {\n "date": "2008-08-01T00:00:00",\n "price": 463.29,\n "symbol": "GOOG"\n },\n {\n "date": "2008-09-01T00:00:00",\n "price": 400.52,\n "symbol": "GOOG"\n },\n {\n "date": "2008-10-01T00:00:00",\n "price": 359.36,\n "symbol": "GOOG"\n },\n {\n "date": "2008-11-01T00:00:00",\n "price": 292.96,\n "symbol": "GOOG"\n },\n {\n "date": "2008-12-01T00:00:00",\n "price": 307.65,\n "symbol": "GOOG"\n },\n {\n "date": "2009-01-01T00:00:00",\n "price": 338.53,\n "symbol": "GOOG"\n },\n {\n "date": "2009-02-01T00:00:00",\n "price": 337.99,\n "symbol": "GOOG"\n },\n {\n "date": "2009-03-01T00:00:00",\n "price": 348.06,\n "symbol": "GOOG"\n },\n {\n "date": "2009-04-01T00:00:00",\n "price": 395.97,\n "symbol": "GOOG"\n },\n {\n "date": "2009-05-01T00:00:00",\n "price": 417.23,\n "symbol": "GOOG"\n },\n {\n "date": "2009-06-01T00:00:00",\n "price": 421.59,\n "symbol": "GOOG"\n },\n {\n "date": "2009-07-01T00:00:00",\n "price": 443.05,\n "symbol": "GOOG"\n },\n {\n "date": "2009-08-01T00:00:00",\n "price": 461.67,\n "symbol": "GOOG"\n },\n {\n "date": "2009-09-01T00:00:00",\n "price": 495.85,\n "symbol": "GOOG"\n },\n {\n "date": "2009-10-01T00:00:00",\n "price": 536.12,\n "symbol": "GOOG"\n },\n {\n "date": "2009-11-01T00:00:00",\n "price": 583.0,\n "symbol": "GOOG"\n },\n {\n "date": "2009-12-01T00:00:00",\n "price": 619.98,\n "symbol": "GOOG"\n },\n {\n "date": "2010-01-01T00:00:00",\n "price": 529.94,\n "symbol": "GOOG"\n },\n {\n "date": "2010-02-01T00:00:00",\n "price": 526.8,\n "symbol": "GOOG"\n },\n {\n "date": "2010-03-01T00:00:00",\n "price": 560.19,\n "symbol": "GOOG"\n },\n {\n "date": "2000-01-01T00:00:00",\n "price": 25.94,\n "symbol": "AAPL"\n },\n {\n "date": "2000-02-01T00:00:00",\n "price": 28.66,\n "symbol": "AAPL"\n },\n {\n "date": "2000-03-01T00:00:00",\n "price": 33.95,\n "symbol": "AAPL"\n },\n {\n "date": "2000-04-01T00:00:00",\n "price": 31.01,\n "symbol": "AAPL"\n },\n {\n "date": "2000-05-01T00:00:00",\n "price": 21.0,\n "symbol": "AAPL"\n },\n {\n "date": "2000-06-01T00:00:00",\n "price": 26.19,\n "symbol": "AAPL"\n },\n {\n "date": "2000-07-01T00:00:00",\n "price": 25.41,\n "symbol": "AAPL"\n },\n {\n "date": "2000-08-01T00:00:00",\n "price": 30.47,\n "symbol": "AAPL"\n },\n {\n "date": "2000-09-01T00:00:00",\n "price": 12.88,\n "symbol": "AAPL"\n },\n {\n "date": "2000-10-01T00:00:00",\n "price": 9.78,\n "symbol": "AAPL"\n },\n {\n "date": "2000-11-01T00:00:00",\n "price": 8.25,\n "symbol": "AAPL"\n },\n {\n "date": "2000-12-01T00:00:00",\n "price": 7.44,\n "symbol": "AAPL"\n },\n {\n "date": "2001-01-01T00:00:00",\n "price": 10.81,\n "symbol": "AAPL"\n },\n {\n "date": "2001-02-01T00:00:00",\n "price": 9.12,\n "symbol": "AAPL"\n },\n {\n "date": "2001-03-01T00:00:00",\n "price": 11.03,\n "symbol": "AAPL"\n },\n {\n "date": "2001-04-01T00:00:00",\n "price": 12.74,\n "symbol": "AAPL"\n },\n {\n "date": "2001-05-01T00:00:00",\n "price": 9.98,\n "symbol": "AAPL"\n },\n {\n "date": "2001-06-01T00:00:00",\n "price": 11.62,\n "symbol": "AAPL"\n },\n {\n "date": "2001-07-01T00:00:00",\n "price": 9.4,\n "symbol": "AAPL"\n },\n {\n "date": "2001-08-01T00:00:00",\n "price": 9.27,\n "symbol": "AAPL"\n },\n {\n "date": "2001-09-01T00:00:00",\n "price": 7.76,\n "symbol": "AAPL"\n },\n {\n "date": "2001-10-01T00:00:00",\n "price": 8.78,\n "symbol": "AAPL"\n },\n {\n "date": "2001-11-01T00:00:00",\n "price": 10.65,\n "symbol": "AAPL"\n },\n {\n "date": "2001-12-01T00:00:00",\n "price": 10.95,\n "symbol": "AAPL"\n },\n {\n "date": "2002-01-01T00:00:00",\n "price": 12.36,\n "symbol": "AAPL"\n },\n {\n "date": "2002-02-01T00:00:00",\n "price": 10.85,\n "symbol": "AAPL"\n },\n {\n "date": "2002-03-01T00:00:00",\n "price": 11.84,\n "symbol": "AAPL"\n },\n {\n "date": "2002-04-01T00:00:00",\n "price": 12.14,\n "symbol": "AAPL"\n },\n {\n "date": "2002-05-01T00:00:00",\n "price": 11.65,\n "symbol": "AAPL"\n },\n {\n "date": "2002-06-01T00:00:00",\n "price": 8.86,\n "symbol": "AAPL"\n },\n {\n "date": "2002-07-01T00:00:00",\n "price": 7.63,\n "symbol": "AAPL"\n },\n {\n "date": "2002-08-01T00:00:00",\n "price": 7.38,\n "symbol": "AAPL"\n },\n {\n "date": "2002-09-01T00:00:00",\n "price": 7.25,\n "symbol": "AAPL"\n },\n {\n "date": "2002-10-01T00:00:00",\n "price": 8.03,\n "symbol": "AAPL"\n },\n {\n "date": "2002-11-01T00:00:00",\n "price": 7.75,\n "symbol": "AAPL"\n },\n {\n "date": "2002-12-01T00:00:00",\n "price": 7.16,\n "symbol": "AAPL"\n },\n {\n "date": "2003-01-01T00:00:00",\n "price": 7.18,\n "symbol": "AAPL"\n },\n {\n "date": "2003-02-01T00:00:00",\n "price": 7.51,\n "symbol": "AAPL"\n },\n {\n "date": "2003-03-01T00:00:00",\n "price": 7.07,\n "symbol": "AAPL"\n },\n {\n "date": "2003-04-01T00:00:00",\n "price": 7.11,\n "symbol": "AAPL"\n },\n {\n "date": "2003-05-01T00:00:00",\n "price": 8.98,\n "symbol": "AAPL"\n },\n {\n "date": "2003-06-01T00:00:00",\n "price": 9.53,\n "symbol": "AAPL"\n },\n {\n "date": "2003-07-01T00:00:00",\n "price": 10.54,\n "symbol": "AAPL"\n },\n {\n "date": "2003-08-01T00:00:00",\n "price": 11.31,\n "symbol": "AAPL"\n },\n {\n "date": "2003-09-01T00:00:00",\n "price": 10.36,\n "symbol": "AAPL"\n },\n {\n "date": "2003-10-01T00:00:00",\n "price": 11.44,\n "symbol": "AAPL"\n },\n {\n "date": "2003-11-01T00:00:00",\n "price": 10.45,\n "symbol": "AAPL"\n },\n {\n "date": "2003-12-01T00:00:00",\n "price": 10.69,\n "symbol": "AAPL"\n },\n {\n "date": "2004-01-01T00:00:00",\n "price": 11.28,\n "symbol": "AAPL"\n },\n {\n "date": "2004-02-01T00:00:00",\n "price": 11.96,\n "symbol": "AAPL"\n },\n {\n "date": "2004-03-01T00:00:00",\n "price": 13.52,\n "symbol": "AAPL"\n },\n {\n "date": "2004-04-01T00:00:00",\n "price": 12.89,\n "symbol": "AAPL"\n },\n {\n "date": "2004-05-01T00:00:00",\n "price": 14.03,\n "symbol": "AAPL"\n },\n {\n "date": "2004-06-01T00:00:00",\n "price": 16.27,\n "symbol": "AAPL"\n },\n {\n "date": "2004-07-01T00:00:00",\n "price": 16.17,\n "symbol": "AAPL"\n },\n {\n "date": "2004-08-01T00:00:00",\n "price": 17.25,\n "symbol": "AAPL"\n },\n {\n "date": "2004-09-01T00:00:00",\n "price": 19.38,\n "symbol": "AAPL"\n },\n {\n "date": "2004-10-01T00:00:00",\n "price": 26.2,\n "symbol": "AAPL"\n },\n {\n "date": "2004-11-01T00:00:00",\n "price": 33.53,\n "symbol": "AAPL"\n },\n {\n "date": "2004-12-01T00:00:00",\n "price": 32.2,\n "symbol": "AAPL"\n },\n {\n "date": "2005-01-01T00:00:00",\n "price": 38.45,\n "symbol": "AAPL"\n },\n {\n "date": "2005-02-01T00:00:00",\n "price": 44.86,\n "symbol": "AAPL"\n },\n {\n "date": "2005-03-01T00:00:00",\n "price": 41.67,\n "symbol": "AAPL"\n },\n {\n "date": "2005-04-01T00:00:00",\n "price": 36.06,\n "symbol": "AAPL"\n },\n {\n "date": "2005-05-01T00:00:00",\n "price": 39.76,\n "symbol": "AAPL"\n },\n {\n "date": "2005-06-01T00:00:00",\n "price": 36.81,\n "symbol": "AAPL"\n },\n {\n "date": "2005-07-01T00:00:00",\n "price": 42.65,\n "symbol": "AAPL"\n },\n {\n "date": "2005-08-01T00:00:00",\n "price": 46.89,\n "symbol": "AAPL"\n },\n {\n "date": "2005-09-01T00:00:00",\n "price": 53.61,\n "symbol": "AAPL"\n },\n {\n "date": "2005-10-01T00:00:00",\n "price": 57.59,\n "symbol": "AAPL"\n },\n {\n "date": "2005-11-01T00:00:00",\n "price": 67.82,\n "symbol": "AAPL"\n },\n {\n "date": "2005-12-01T00:00:00",\n "price": 71.89,\n "symbol": "AAPL"\n },\n {\n "date": "2006-01-01T00:00:00",\n "price": 75.51,\n "symbol": "AAPL"\n },\n {\n "date": "2006-02-01T00:00:00",\n "price": 68.49,\n "symbol": "AAPL"\n },\n {\n "date": "2006-03-01T00:00:00",\n "price": 62.72,\n "symbol": "AAPL"\n },\n {\n "date": "2006-04-01T00:00:00",\n "price": 70.39,\n "symbol": "AAPL"\n },\n {\n "date": "2006-05-01T00:00:00",\n "price": 59.77,\n "symbol": "AAPL"\n },\n {\n "date": "2006-06-01T00:00:00",\n "price": 57.27,\n "symbol": "AAPL"\n },\n {\n "date": "2006-07-01T00:00:00",\n "price": 67.96,\n "symbol": "AAPL"\n },\n {\n "date": "2006-08-01T00:00:00",\n "price": 67.85,\n "symbol": "AAPL"\n },\n {\n "date": "2006-09-01T00:00:00",\n "price": 76.98,\n "symbol": "AAPL"\n },\n {\n "date": "2006-10-01T00:00:00",\n "price": 81.08,\n "symbol": "AAPL"\n },\n {\n "date": "2006-11-01T00:00:00",\n "price": 91.66,\n "symbol": "AAPL"\n },\n {\n "date": "2006-12-01T00:00:00",\n "price": 84.84,\n "symbol": "AAPL"\n },\n {\n "date": "2007-01-01T00:00:00",\n "price": 85.73,\n "symbol": "AAPL"\n },\n {\n "date": "2007-02-01T00:00:00",\n "price": 84.61,\n "symbol": "AAPL"\n },\n {\n "date": "2007-03-01T00:00:00",\n "price": 92.91,\n "symbol": "AAPL"\n },\n {\n "date": "2007-04-01T00:00:00",\n "price": 99.8,\n "symbol": "AAPL"\n },\n {\n "date": "2007-05-01T00:00:00",\n "price": 121.19,\n "symbol": "AAPL"\n },\n {\n "date": "2007-06-01T00:00:00",\n "price": 122.04,\n "symbol": "AAPL"\n },\n {\n "date": "2007-07-01T00:00:00",\n "price": 131.76,\n "symbol": "AAPL"\n },\n {\n "date": "2007-08-01T00:00:00",\n "price": 138.48,\n "symbol": "AAPL"\n },\n {\n "date": "2007-09-01T00:00:00",\n "price": 153.47,\n "symbol": "AAPL"\n },\n {\n "date": "2007-10-01T00:00:00",\n "price": 189.95,\n "symbol": "AAPL"\n },\n {\n "date": "2007-11-01T00:00:00",\n "price": 182.22,\n "symbol": "AAPL"\n },\n {\n "date": "2007-12-01T00:00:00",\n "price": 198.08,\n "symbol": "AAPL"\n },\n {\n "date": "2008-01-01T00:00:00",\n "price": 135.36,\n "symbol": "AAPL"\n },\n {\n "date": "2008-02-01T00:00:00",\n "price": 125.02,\n "symbol": "AAPL"\n },\n {\n "date": "2008-03-01T00:00:00",\n "price": 143.5,\n "symbol": "AAPL"\n },\n {\n "date": "2008-04-01T00:00:00",\n "price": 173.95,\n "symbol": "AAPL"\n },\n {\n "date": "2008-05-01T00:00:00",\n "price": 188.75,\n "symbol": "AAPL"\n },\n {\n "date": "2008-06-01T00:00:00",\n "price": 167.44,\n "symbol": "AAPL"\n },\n {\n "date": "2008-07-01T00:00:00",\n "price": 158.95,\n "symbol": "AAPL"\n },\n {\n "date": "2008-08-01T00:00:00",\n "price": 169.53,\n "symbol": "AAPL"\n },\n {\n "date": "2008-09-01T00:00:00",\n "price": 113.66,\n "symbol": "AAPL"\n },\n {\n "date": "2008-10-01T00:00:00",\n "price": 107.59,\n "symbol": "AAPL"\n },\n {\n "date": "2008-11-01T00:00:00",\n "price": 92.67,\n "symbol": "AAPL"\n },\n {\n "date": "2008-12-01T00:00:00",\n "price": 85.35,\n "symbol": "AAPL"\n },\n {\n "date": "2009-01-01T00:00:00",\n "price": 90.13,\n "symbol": "AAPL"\n },\n {\n "date": "2009-02-01T00:00:00",\n "price": 89.31,\n "symbol": "AAPL"\n },\n {\n "date": "2009-03-01T00:00:00",\n "price": 105.12,\n "symbol": "AAPL"\n },\n {\n "date": "2009-04-01T00:00:00",\n "price": 125.83,\n "symbol": "AAPL"\n },\n {\n "date": "2009-05-01T00:00:00",\n "price": 135.81,\n "symbol": "AAPL"\n },\n {\n "date": "2009-06-01T00:00:00",\n "price": 142.43,\n "symbol": "AAPL"\n },\n {\n "date": "2009-07-01T00:00:00",\n "price": 163.39,\n "symbol": "AAPL"\n },\n {\n "date": "2009-08-01T00:00:00",\n "price": 168.21,\n "symbol": "AAPL"\n },\n {\n "date": "2009-09-01T00:00:00",\n "price": 185.35,\n "symbol": "AAPL"\n },\n {\n "date": "2009-10-01T00:00:00",\n "price": 188.5,\n "symbol": "AAPL"\n },\n {\n "date": "2009-11-01T00:00:00",\n "price": 199.91,\n "symbol": "AAPL"\n },\n {\n "date": "2009-12-01T00:00:00",\n "price": 210.73,\n "symbol": "AAPL"\n },\n {\n "date": "2010-01-01T00:00:00",\n "price": 192.06,\n "symbol": "AAPL"\n },\n {\n "date": "2010-02-01T00:00:00",\n "price": 204.62,\n "symbol": "AAPL"\n },\n {\n "date": "2010-03-01T00:00:00",\n "price": 223.02,\n "symbol": "AAPL"\n }\n ]\n },\n "layer": [\n {\n "encoding": {\n "color": {\n "field": "symbol",\n "legend": {\n "orient": "bottom",\n "title": null\n },\n "scale": {\n "domain": [\n "MSFT",\n "AMZN",\n "IBM",\n "GOOG",\n "AAPL"\n ],\n "range": [\n 0,\n 1,\n 2,\n 3,\n 4\n ]\n },\n "type": "nominal"\n },\n "size": {\n "condition": {\n "param": "param_10",\n "value": 4\n },\n "value": 1\n },\n "strokeDash": {},\n "tooltip": [\n {\n "field": "date",\n "type": "temporal"\n },\n {\n "field": "price",\n "type": "quantitative"\n },\n {\n "field": "symbol",\n "type": "nominal"\n }\n ],\n "x": {\n "axis": {},\n "field": "date",\n "title": "date",\n "type": "temporal"\n },\n "y": {\n "axis": {},\n "field": "price",\n "title": "price",\n "type": "quantitative"\n }\n },\n "mark": {\n "clip": true,\n "type": "line"\n },\n "name": "view_5"\n },\n {\n "encoding": {\n "color": {\n "field": "symbol",\n "legend": {\n "orient": "bottom",\n "title": null\n },\n "scale": {\n "domain": [\n "MSFT",\n "AMZN",\n "IBM",\n "GOOG",\n "AAPL"\n ],\n "range": [\n 0,\n 1,\n 2,\n 3,\n 4\n ]\n },\n "type": "nominal"\n },\n "opacity": {\n "value": 0\n },\n "tooltip": [\n {\n "field": "date",\n "type": "temporal"\n },\n {\n "field": "price",\n "type": "quantitative"\n },\n {\n "field": "symbol",\n "type": "nominal"\n }\n ],\n "x": {\n "axis": {},\n "field": "date",\n "title": "date",\n "type": "temporal"\n },\n "y": {\n "axis": {},\n "field": "price",\n "title": "price",\n "type": "quantitative"\n }\n },\n "mark": {\n "clip": true,\n "type": "point"\n },\n "name": "view_4"\n }\n ],\n "params": [\n {\n "name": "param_10",\n "select": {\n "fields": [\n "symbol"\n ],\n "nearest": true,\n "on": "mouseover",\n "type": "point"\n },\n "views": [\n "view_4"\n ]\n },\n {\n "bind": "scales",\n "name": "param_11",\n "select": {\n "encodings": [\n "x",\n "y"\n ],\n "type": "interval"\n },\n "views": [\n "view_5"\n ]\n }\n ],\n "title": "Stock Prices"\n}',
+	chart: "line"
+};
+
+export let scatter_plot = {
+	type: "altair",
+	plot: '{\n "$schema": "https://vega.github.io/schema/vega-lite/v5.17.0.json",\n "background": "transparent",\n "config": {\n "view": {\n "continuousHeight": 300,\n "continuousWidth": 300\n }\n },\n "data": {\n "name": "data-583e73726c1545c56c203344161a975c"\n },\n "datasets": {\n "data-583e73726c1545c56c203344161a975c": [\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 307.0,\n "Horsepower": 130.0,\n "Miles_per_Gallon": 18.0,\n "Name": "chevrolet chevelle malibu",\n "Origin": "USA",\n "Weight_in_lbs": 3504,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 165.0,\n "Miles_per_Gallon": 15.0,\n "Name": "buick skylark 320",\n "Origin": "USA",\n "Weight_in_lbs": 3693,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 18.0,\n "Name": "plymouth satellite",\n "Origin": "USA",\n "Weight_in_lbs": 3436,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 304.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 16.0,\n "Name": "amc rebel sst",\n "Origin": "USA",\n "Weight_in_lbs": 3433,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 10.5,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": 17.0,\n "Name": "ford torino",\n "Origin": "USA",\n "Weight_in_lbs": 3449,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 10.0,\n "Cylinders": 8,\n "Displacement": 429.0,\n "Horsepower": 198.0,\n "Miles_per_Gallon": 15.0,\n "Name": "ford galaxie 500",\n "Origin": "USA",\n "Weight_in_lbs": 4341,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 9.0,\n "Cylinders": 8,\n "Displacement": 454.0,\n "Horsepower": 220.0,\n "Miles_per_Gallon": 14.0,\n "Name": "chevrolet impala",\n "Origin": "USA",\n "Weight_in_lbs": 4354,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 8.5,\n "Cylinders": 8,\n "Displacement": 440.0,\n "Horsepower": 215.0,\n "Miles_per_Gallon": 14.0,\n "Name": "plymouth fury iii",\n "Origin": "USA",\n "Weight_in_lbs": 4312,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 10.0,\n "Cylinders": 8,\n "Displacement": 455.0,\n "Horsepower": 225.0,\n "Miles_per_Gallon": 14.0,\n "Name": "pontiac catalina",\n "Origin": "USA",\n "Weight_in_lbs": 4425,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 8.5,\n "Cylinders": 8,\n "Displacement": 390.0,\n "Horsepower": 190.0,\n "Miles_per_Gallon": 15.0,\n "Name": "amc ambassador dpl",\n "Origin": "USA",\n "Weight_in_lbs": 3850,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 17.5,\n "Cylinders": 4,\n "Displacement": 133.0,\n "Horsepower": 115.0,\n "Miles_per_Gallon": null,\n "Name": "citroen ds-21 pallas",\n "Origin": "Europe",\n "Weight_in_lbs": 3090,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 165.0,\n "Miles_per_Gallon": null,\n "Name": "chevrolet chevelle concours (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4142,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 153.0,\n "Miles_per_Gallon": null,\n "Name": "ford torino (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4034,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 10.5,\n "Cylinders": 8,\n "Displacement": 383.0,\n "Horsepower": 175.0,\n "Miles_per_Gallon": null,\n "Name": "plymouth satellite (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4166,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 360.0,\n "Horsepower": 175.0,\n "Miles_per_Gallon": null,\n "Name": "amc rebel sst (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 3850,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 10.0,\n "Cylinders": 8,\n "Displacement": 383.0,\n "Horsepower": 170.0,\n "Miles_per_Gallon": 15.0,\n "Name": "dodge challenger se",\n "Origin": "USA",\n "Weight_in_lbs": 3563,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 8.0,\n "Cylinders": 8,\n "Displacement": 340.0,\n "Horsepower": 160.0,\n "Miles_per_Gallon": 14.0,\n "Name": "plymouth \'cuda 340",\n "Origin": "USA",\n "Weight_in_lbs": 3609,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 8.0,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": null,\n "Name": "ford mustang boss 302",\n "Origin": "USA",\n "Weight_in_lbs": 3353,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 9.5,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 15.0,\n "Name": "chevrolet monte carlo",\n "Origin": "USA",\n "Weight_in_lbs": 3761,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 10.0,\n "Cylinders": 8,\n "Displacement": 455.0,\n "Horsepower": 225.0,\n "Miles_per_Gallon": 14.0,\n "Name": "buick estate wagon (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 3086,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 4,\n "Displacement": 113.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 24.0,\n "Name": "toyota corona mark ii",\n "Origin": "Japan",\n "Weight_in_lbs": 2372,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 6,\n "Displacement": 198.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 22.0,\n "Name": "plymouth duster",\n "Origin": "USA",\n "Weight_in_lbs": 2833,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 6,\n "Displacement": 199.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 18.0,\n "Name": "amc hornet",\n "Origin": "USA",\n "Weight_in_lbs": 2774,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 21.0,\n "Name": "ford maverick",\n "Origin": "USA",\n "Weight_in_lbs": 2587,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 27.0,\n "Name": "datsun pl510",\n "Origin": "Japan",\n "Weight_in_lbs": 2130,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 20.5,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 46.0,\n "Miles_per_Gallon": 26.0,\n "Name": "volkswagen 1131 deluxe sedan",\n "Origin": "Europe",\n "Weight_in_lbs": 1835,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 17.5,\n "Cylinders": 4,\n "Displacement": 110.0,\n "Horsepower": 87.0,\n "Miles_per_Gallon": 25.0,\n "Name": "peugeot 504",\n "Origin": "Europe",\n "Weight_in_lbs": 2672,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 107.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 24.0,\n "Name": "audi 100 ls",\n "Origin": "Europe",\n "Weight_in_lbs": 2430,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 17.5,\n "Cylinders": 4,\n "Displacement": 104.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 25.0,\n "Name": "saab 99e",\n "Origin": "Europe",\n "Weight_in_lbs": 2375,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 113.0,\n "Miles_per_Gallon": 26.0,\n "Name": "bmw 2002",\n "Origin": "Europe",\n "Weight_in_lbs": 2234,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 6,\n "Displacement": 199.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 21.0,\n "Name": "amc gremlin",\n "Origin": "USA",\n "Weight_in_lbs": 2648,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 8,\n "Displacement": 360.0,\n "Horsepower": 215.0,\n "Miles_per_Gallon": 10.0,\n "Name": "ford f250",\n "Origin": "USA",\n "Weight_in_lbs": 4615,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 8,\n "Displacement": 307.0,\n "Horsepower": 200.0,\n "Miles_per_Gallon": 10.0,\n "Name": "chevy c20",\n "Origin": "USA",\n "Weight_in_lbs": 4376,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 210.0,\n "Miles_per_Gallon": 11.0,\n "Name": "dodge d200",\n "Origin": "USA",\n "Weight_in_lbs": 4382,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 18.5,\n "Cylinders": 8,\n "Displacement": 304.0,\n "Horsepower": 193.0,\n "Miles_per_Gallon": 9.0,\n "Name": "hi 1200d",\n "Origin": "USA",\n "Weight_in_lbs": 4732,\n "Year": "1970-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 27.0,\n "Name": "datsun pl510",\n "Origin": "Japan",\n "Weight_in_lbs": 2130,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 28.0,\n "Name": "chevrolet vega 2300",\n "Origin": "USA",\n "Weight_in_lbs": 2264,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 113.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 25.0,\n "Name": "toyota corona",\n "Origin": "Japan",\n "Weight_in_lbs": 2228,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": null,\n "Miles_per_Gallon": 25.0,\n "Name": "ford pinto",\n "Origin": "USA",\n "Weight_in_lbs": 2046,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 20.0,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 48.0,\n "Miles_per_Gallon": null,\n "Name": "volkswagen super beetle 117",\n "Origin": "Europe",\n "Weight_in_lbs": 1978,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 19.0,\n "Name": "amc gremlin",\n "Origin": "USA",\n "Weight_in_lbs": 2634,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 16.0,\n "Name": "plymouth satellite custom",\n "Origin": "USA",\n "Weight_in_lbs": 3439,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 17.0,\n "Name": "chevrolet chevelle malibu",\n "Origin": "USA",\n "Weight_in_lbs": 3329,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 19.0,\n "Name": "ford torino 500",\n "Origin": "USA",\n "Weight_in_lbs": 3302,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 18.0,\n "Name": "amc matador",\n "Origin": "USA",\n "Weight_in_lbs": 3288,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 165.0,\n "Miles_per_Gallon": 14.0,\n "Name": "chevrolet impala",\n "Origin": "USA",\n "Weight_in_lbs": 4209,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 175.0,\n "Miles_per_Gallon": 14.0,\n "Name": "pontiac catalina brougham",\n "Origin": "USA",\n "Weight_in_lbs": 4464,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 153.0,\n "Miles_per_Gallon": 14.0,\n "Name": "ford galaxie 500",\n "Origin": "USA",\n "Weight_in_lbs": 4154,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 14.0,\n "Name": "plymouth fury iii",\n "Origin": "USA",\n "Weight_in_lbs": 4096,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 383.0,\n "Horsepower": 180.0,\n "Miles_per_Gallon": 12.0,\n "Name": "dodge monaco (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4955,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 170.0,\n "Miles_per_Gallon": 13.0,\n "Name": "ford country squire (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4746,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 175.0,\n "Miles_per_Gallon": 13.0,\n "Name": "pontiac safari (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 5140,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 6,\n "Displacement": 258.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 18.0,\n "Name": "amc hornet sportabout (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 2962,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 72.0,\n "Miles_per_Gallon": 22.0,\n "Name": "chevrolet vega (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 2408,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 19.0,\n "Name": "pontiac firebird",\n "Origin": "USA",\n "Weight_in_lbs": 3282,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 18.0,\n "Name": "ford mustang",\n "Origin": "USA",\n "Weight_in_lbs": 3139,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 122.0,\n "Horsepower": 86.0,\n "Miles_per_Gallon": 23.0,\n "Name": "mercury capri 2000",\n "Origin": "USA",\n "Weight_in_lbs": 2220,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 116.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 28.0,\n "Name": "opel 1900",\n "Origin": "Europe",\n "Weight_in_lbs": 2123,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 19.5,\n "Cylinders": 4,\n "Displacement": 79.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 30.0,\n "Name": "peugeot 304",\n "Origin": "Europe",\n "Weight_in_lbs": 2074,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 88.0,\n "Horsepower": 76.0,\n "Miles_per_Gallon": 30.0,\n "Name": "fiat 124b",\n "Origin": "Europe",\n "Weight_in_lbs": 2065,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 4,\n "Displacement": 71.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 31.0,\n "Name": "toyota corolla 1200",\n "Origin": "Japan",\n "Weight_in_lbs": 1773,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 4,\n "Displacement": 72.0,\n "Horsepower": 69.0,\n "Miles_per_Gallon": 35.0,\n "Name": "datsun 1200",\n "Origin": "Japan",\n "Weight_in_lbs": 1613,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 60.0,\n "Miles_per_Gallon": 27.0,\n "Name": "volkswagen model 111",\n "Origin": "Europe",\n "Weight_in_lbs": 1834,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 20.5,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 26.0,\n "Name": "plymouth cricket",\n "Origin": "USA",\n "Weight_in_lbs": 1955,\n "Year": "1971-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 113.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 24.0,\n "Name": "toyota corona hardtop",\n "Origin": "Japan",\n "Weight_in_lbs": 2278,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 97.5,\n "Horsepower": 80.0,\n "Miles_per_Gallon": 25.0,\n "Name": "dodge colt hardtop",\n "Origin": "USA",\n "Weight_in_lbs": 2126,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 23.5,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 54.0,\n "Miles_per_Gallon": 23.0,\n "Name": "volkswagen type 3",\n "Origin": "Europe",\n "Weight_in_lbs": 2254,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 19.5,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 20.0,\n "Name": "chevrolet vega",\n "Origin": "USA",\n "Weight_in_lbs": 2408,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 122.0,\n "Horsepower": 86.0,\n "Miles_per_Gallon": 21.0,\n "Name": "ford pinto runabout",\n "Origin": "USA",\n "Weight_in_lbs": 2226,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 165.0,\n "Miles_per_Gallon": 13.0,\n "Name": "chevrolet impala",\n "Origin": "USA",\n "Weight_in_lbs": 4274,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 175.0,\n "Miles_per_Gallon": 14.0,\n "Name": "pontiac catalina",\n "Origin": "USA",\n "Weight_in_lbs": 4385,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 15.0,\n "Name": "plymouth fury iii",\n "Origin": "USA",\n "Weight_in_lbs": 4135,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 153.0,\n "Miles_per_Gallon": 14.0,\n "Name": "ford galaxie 500",\n "Origin": "USA",\n "Weight_in_lbs": 4129,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 304.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 17.0,\n "Name": "amc ambassador sst",\n "Origin": "USA",\n "Weight_in_lbs": 3672,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 429.0,\n "Horsepower": 208.0,\n "Miles_per_Gallon": 11.0,\n "Name": "mercury marquis",\n "Origin": "USA",\n "Weight_in_lbs": 4633,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 155.0,\n "Miles_per_Gallon": 13.0,\n "Name": "buick lesabre custom",\n "Origin": "USA",\n "Weight_in_lbs": 4502,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 160.0,\n "Miles_per_Gallon": 12.0,\n "Name": "oldsmobile delta 88 royale",\n "Origin": "USA",\n "Weight_in_lbs": 4456,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 190.0,\n "Miles_per_Gallon": 13.0,\n "Name": "chrysler newport royal",\n "Origin": "USA",\n "Weight_in_lbs": 4422,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 3,\n "Displacement": 70.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 19.0,\n "Name": "mazda rx2 coupe",\n "Origin": "Japan",\n "Weight_in_lbs": 2330,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 8,\n "Displacement": 304.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 15.0,\n "Name": "amc matador (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 3892,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 8,\n "Displacement": 307.0,\n "Horsepower": 130.0,\n "Miles_per_Gallon": 13.0,\n "Name": "chevrolet chevelle concours (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4098,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": 13.0,\n "Name": "ford gran torino (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4294,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 14.0,\n "Name": "plymouth satellite custom (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4077,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 112.0,\n "Miles_per_Gallon": 18.0,\n "Name": "volvo 145e (sw)",\n "Origin": "Europe",\n "Weight_in_lbs": 2933,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 76.0,\n "Miles_per_Gallon": 22.0,\n "Name": "volkswagen 411 (sw)",\n "Origin": "Europe",\n "Weight_in_lbs": 2511,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 19.5,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 87.0,\n "Miles_per_Gallon": 21.0,\n "Name": "peugeot 504 (sw)",\n "Origin": "Europe",\n "Weight_in_lbs": 2979,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 4,\n "Displacement": 96.0,\n "Horsepower": 69.0,\n "Miles_per_Gallon": 26.0,\n "Name": "renault 12 (sw)",\n "Origin": "Europe",\n "Weight_in_lbs": 2189,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 4,\n "Displacement": 122.0,\n "Horsepower": 86.0,\n "Miles_per_Gallon": 22.0,\n "Name": "ford pinto (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 2395,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 92.0,\n "Miles_per_Gallon": 28.0,\n "Name": "datsun 510 (sw)",\n "Origin": "Japan",\n "Weight_in_lbs": 2288,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 23.0,\n "Name": "toyouta corona mark ii (sw)",\n "Origin": "Japan",\n "Weight_in_lbs": 2506,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 80.0,\n "Miles_per_Gallon": 28.0,\n "Name": "dodge colt (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 2164,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 27.0,\n "Name": "toyota corolla 1600 (sw)",\n "Origin": "Japan",\n "Weight_in_lbs": 2100,\n "Year": "1972-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 175.0,\n "Miles_per_Gallon": 13.0,\n "Name": "buick century 350",\n "Origin": "USA",\n "Weight_in_lbs": 4100,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 304.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 14.0,\n "Name": "amc matador",\n "Origin": "USA",\n "Weight_in_lbs": 3672,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 145.0,\n "Miles_per_Gallon": 13.0,\n "Name": "chevrolet malibu",\n "Origin": "USA",\n "Weight_in_lbs": 3988,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 137.0,\n "Miles_per_Gallon": 14.0,\n "Name": "ford gran torino",\n "Origin": "USA",\n "Weight_in_lbs": 4042,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 15.0,\n "Name": "dodge coronet custom",\n "Origin": "USA",\n "Weight_in_lbs": 3777,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 429.0,\n "Horsepower": 198.0,\n "Miles_per_Gallon": 12.0,\n "Name": "mercury marquis brougham",\n "Origin": "USA",\n "Weight_in_lbs": 4952,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 13.0,\n "Name": "chevrolet caprice classic",\n "Origin": "USA",\n "Weight_in_lbs": 4464,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 158.0,\n "Miles_per_Gallon": 13.0,\n "Name": "ford ltd",\n "Origin": "USA",\n "Weight_in_lbs": 4363,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 14.0,\n "Name": "plymouth fury gran sedan",\n "Origin": "USA",\n "Weight_in_lbs": 4237,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 440.0,\n "Horsepower": 215.0,\n "Miles_per_Gallon": 13.0,\n "Name": "chrysler new yorker brougham",\n "Origin": "USA",\n "Weight_in_lbs": 4735,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 455.0,\n "Horsepower": 225.0,\n "Miles_per_Gallon": 12.0,\n "Name": "buick electra 225 custom",\n "Origin": "USA",\n "Weight_in_lbs": 4951,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 360.0,\n "Horsepower": 175.0,\n "Miles_per_Gallon": 13.0,\n "Name": "amc ambassador brougham",\n "Origin": "USA",\n "Weight_in_lbs": 3821,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 18.0,\n "Name": "plymouth valiant",\n "Origin": "USA",\n "Weight_in_lbs": 3121,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 16.0,\n "Name": "chevrolet nova custom",\n "Origin": "USA",\n "Weight_in_lbs": 3278,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 18.0,\n "Name": "amc hornet",\n "Origin": "USA",\n "Weight_in_lbs": 2945,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 18.0,\n "Name": "ford maverick",\n "Origin": "USA",\n "Weight_in_lbs": 3021,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 6,\n "Displacement": 198.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 23.0,\n "Name": "plymouth duster",\n "Origin": "USA",\n "Weight_in_lbs": 2904,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 21.0,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 46.0,\n "Miles_per_Gallon": 26.0,\n "Name": "volkswagen super beetle",\n "Origin": "Europe",\n "Weight_in_lbs": 1950,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 11.0,\n "Name": "chevrolet impala",\n "Origin": "USA",\n "Weight_in_lbs": 4997,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 167.0,\n "Miles_per_Gallon": 12.0,\n "Name": "ford country",\n "Origin": "USA",\n "Weight_in_lbs": 4906,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 360.0,\n "Horsepower": 170.0,\n "Miles_per_Gallon": 13.0,\n "Name": "plymouth custom suburb",\n "Origin": "USA",\n "Weight_in_lbs": 4654,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 180.0,\n "Miles_per_Gallon": 12.0,\n "Name": "oldsmobile vista cruiser",\n "Origin": "USA",\n "Weight_in_lbs": 4499,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 18.0,\n "Name": "amc gremlin",\n "Origin": "USA",\n "Weight_in_lbs": 2789,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 20.0,\n "Name": "toyota carina",\n "Origin": "Japan",\n "Weight_in_lbs": 2279,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 19.5,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 72.0,\n "Miles_per_Gallon": 21.0,\n "Name": "chevrolet vega",\n "Origin": "USA",\n "Weight_in_lbs": 2401,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 108.0,\n "Horsepower": 94.0,\n "Miles_per_Gallon": 22.0,\n "Name": "datsun 610",\n "Origin": "Japan",\n "Weight_in_lbs": 2379,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 3,\n "Displacement": 70.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 18.0,\n "Name": "maxda rx3",\n "Origin": "Japan",\n "Weight_in_lbs": 2124,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 18.5,\n "Cylinders": 4,\n "Displacement": 122.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 19.0,\n "Name": "ford pinto",\n "Origin": "USA",\n "Weight_in_lbs": 2310,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 6,\n "Displacement": 155.0,\n "Horsepower": 107.0,\n "Miles_per_Gallon": 21.0,\n "Name": "mercury capri v6",\n "Origin": "USA",\n "Weight_in_lbs": 2472,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 26.0,\n "Name": "fiat 124 sport coupe",\n "Origin": "Europe",\n "Weight_in_lbs": 2265,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 145.0,\n "Miles_per_Gallon": 15.0,\n "Name": "chevrolet monte carlo s",\n "Origin": "USA",\n "Weight_in_lbs": 4082,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 9.5,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 230.0,\n "Miles_per_Gallon": 16.0,\n "Name": "pontiac grand prix",\n "Origin": "USA",\n "Weight_in_lbs": 4278,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 19.5,\n "Cylinders": 4,\n "Displacement": 68.0,\n "Horsepower": 49.0,\n "Miles_per_Gallon": 29.0,\n "Name": "fiat 128",\n "Origin": "Europe",\n "Weight_in_lbs": 1867,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 116.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 24.0,\n "Name": "opel manta",\n "Origin": "Europe",\n "Weight_in_lbs": 2158,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 114.0,\n "Horsepower": 91.0,\n "Miles_per_Gallon": 20.0,\n "Name": "audi 100ls",\n "Origin": "Europe",\n "Weight_in_lbs": 2582,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 112.0,\n "Miles_per_Gallon": 19.0,\n "Name": "volvo 144ea",\n "Origin": "Europe",\n "Weight_in_lbs": 2868,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 15.0,\n "Name": "dodge dart custom",\n "Origin": "USA",\n "Weight_in_lbs": 3399,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 24.0,\n "Name": "saab 99le",\n "Origin": "Europe",\n "Weight_in_lbs": 2660,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 6,\n "Displacement": 156.0,\n "Horsepower": 122.0,\n "Miles_per_Gallon": 20.0,\n "Name": "toyota mark ii",\n "Origin": "Japan",\n "Weight_in_lbs": 2807,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 11.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 180.0,\n "Miles_per_Gallon": 11.0,\n "Name": "oldsmobile omega",\n "Origin": "USA",\n "Weight_in_lbs": 3664,\n "Year": "1973-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 6,\n "Displacement": 198.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 20.0,\n "Name": "plymouth duster",\n "Origin": "USA",\n "Weight_in_lbs": 3102,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": null,\n "Miles_per_Gallon": 21.0,\n "Name": "ford maverick",\n "Origin": "USA",\n "Weight_in_lbs": 2875,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 19.0,\n "Name": "amc hornet",\n "Origin": "USA",\n "Weight_in_lbs": 2901,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 15.0,\n "Name": "chevrolet nova",\n "Origin": "USA",\n "Weight_in_lbs": 3336,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 4,\n "Displacement": 79.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 31.0,\n "Name": "datsun b210",\n "Origin": "Japan",\n "Weight_in_lbs": 1950,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 122.0,\n "Horsepower": 80.0,\n "Miles_per_Gallon": 26.0,\n "Name": "ford pinto",\n "Origin": "USA",\n "Weight_in_lbs": 2451,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 21.0,\n "Cylinders": 4,\n "Displacement": 71.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 32.0,\n "Name": "toyota corolla 1200",\n "Origin": "Japan",\n "Weight_in_lbs": 1836,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 25.0,\n "Name": "chevrolet vega",\n "Origin": "USA",\n "Weight_in_lbs": 2542,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 16.0,\n "Name": "chevrolet chevelle malibu classic",\n "Origin": "USA",\n "Weight_in_lbs": 3781,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 6,\n "Displacement": 258.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 16.0,\n "Name": "amc matador",\n "Origin": "USA",\n "Weight_in_lbs": 3632,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 18.0,\n "Name": "plymouth satellite sebring",\n "Origin": "USA",\n "Weight_in_lbs": 3613,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": 16.0,\n "Name": "ford gran torino",\n "Origin": "USA",\n "Weight_in_lbs": 4141,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 13.0,\n "Name": "buick century luxus (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4699,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 14.0,\n "Name": "dodge coronet custom (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4457,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": 14.0,\n "Name": "ford gran torino (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4638,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 8,\n "Displacement": 304.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 14.0,\n "Name": "amc matador (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4257,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 83.0,\n "Miles_per_Gallon": 29.0,\n "Name": "audi fox",\n "Origin": "Europe",\n "Weight_in_lbs": 2219,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 79.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 26.0,\n "Name": "volkswagen dasher",\n "Origin": "Europe",\n "Weight_in_lbs": 1963,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 78.0,\n "Miles_per_Gallon": 26.0,\n "Name": "opel manta",\n "Origin": "Europe",\n "Weight_in_lbs": 2300,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 76.0,\n "Horsepower": 52.0,\n "Miles_per_Gallon": 31.0,\n "Name": "toyota corona",\n "Origin": "Japan",\n "Weight_in_lbs": 1649,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 4,\n "Displacement": 83.0,\n "Horsepower": 61.0,\n "Miles_per_Gallon": 32.0,\n "Name": "datsun 710",\n "Origin": "Japan",\n "Weight_in_lbs": 2003,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 28.0,\n "Name": "dodge colt",\n "Origin": "USA",\n "Weight_in_lbs": 2125,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 24.0,\n "Name": "fiat 128",\n "Origin": "Europe",\n "Weight_in_lbs": 2108,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 116.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 26.0,\n "Name": "fiat 124 tc",\n "Origin": "Europe",\n "Weight_in_lbs": 2246,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 24.0,\n "Name": "honda civic",\n "Origin": "Japan",\n "Weight_in_lbs": 2489,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 108.0,\n "Horsepower": 93.0,\n "Miles_per_Gallon": 26.0,\n "Name": "subaru",\n "Origin": "Japan",\n "Weight_in_lbs": 2391,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 4,\n "Displacement": 79.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 31.0,\n "Name": "fiat x1.9",\n "Origin": "Europe",\n "Weight_in_lbs": 2000,\n "Year": "1974-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 19.0,\n "Name": "plymouth valiant custom",\n "Origin": "USA",\n "Weight_in_lbs": 3264,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 18.0,\n "Name": "chevrolet nova",\n "Origin": "USA",\n "Weight_in_lbs": 3459,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 21.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 72.0,\n "Miles_per_Gallon": 15.0,\n "Name": "mercury monarch",\n "Origin": "USA",\n "Weight_in_lbs": 3432,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 19.5,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 72.0,\n "Miles_per_Gallon": 15.0,\n "Name": "ford maverick",\n "Origin": "USA",\n "Weight_in_lbs": 3158,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 11.5,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 170.0,\n "Miles_per_Gallon": 16.0,\n "Name": "pontiac catalina",\n "Origin": "USA",\n "Weight_in_lbs": 4668,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 145.0,\n "Miles_per_Gallon": 15.0,\n "Name": "chevrolet bel air",\n "Origin": "USA",\n "Weight_in_lbs": 4440,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 16.0,\n "Name": "plymouth grand fury",\n "Origin": "USA",\n "Weight_in_lbs": 4498,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 148.0,\n "Miles_per_Gallon": 14.0,\n "Name": "ford ltd",\n "Origin": "USA",\n "Weight_in_lbs": 4657,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 21.0,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 17.0,\n "Name": "buick century",\n "Origin": "USA",\n "Weight_in_lbs": 3907,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 18.5,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 16.0,\n "Name": "chevroelt chevelle malibu",\n "Origin": "USA",\n "Weight_in_lbs": 3897,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 6,\n "Displacement": 258.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 15.0,\n "Name": "amc matador",\n "Origin": "USA",\n "Weight_in_lbs": 3730,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 18.0,\n "Name": "plymouth fury",\n "Origin": "USA",\n "Weight_in_lbs": 3785,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 21.0,\n "Name": "buick skyhawk",\n "Origin": "USA",\n "Weight_in_lbs": 3039,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 8,\n "Displacement": 262.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 20.0,\n "Name": "chevrolet monza 2+2",\n "Origin": "USA",\n "Weight_in_lbs": 3221,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 129.0,\n "Miles_per_Gallon": 13.0,\n "Name": "ford mustang ii",\n "Origin": "USA",\n "Weight_in_lbs": 3169,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 29.0,\n "Name": "toyota corolla",\n "Origin": "Japan",\n "Weight_in_lbs": 2171,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 83.0,\n "Miles_per_Gallon": 23.0,\n "Name": "ford pinto",\n "Origin": "USA",\n "Weight_in_lbs": 2639,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 20.0,\n "Name": "amc gremlin",\n "Origin": "USA",\n "Weight_in_lbs": 2914,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 18.5,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 78.0,\n "Miles_per_Gallon": 23.0,\n "Name": "pontiac astro",\n "Origin": "USA",\n "Weight_in_lbs": 2592,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 4,\n "Displacement": 134.0,\n "Horsepower": 96.0,\n "Miles_per_Gallon": 24.0,\n "Name": "toyota corona",\n "Origin": "Japan",\n "Weight_in_lbs": 2702,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 71.0,\n "Miles_per_Gallon": 25.0,\n "Name": "volkswagen dasher",\n "Origin": "Europe",\n "Weight_in_lbs": 2223,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 119.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 24.0,\n "Name": "datsun 710",\n "Origin": "Japan",\n "Weight_in_lbs": 2545,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 6,\n "Displacement": 171.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 18.0,\n "Name": "ford pinto",\n "Origin": "USA",\n "Weight_in_lbs": 2984,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 29.0,\n "Name": "volkswagen rabbit",\n "Origin": "Europe",\n "Weight_in_lbs": 1937,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 19.0,\n "Name": "amc pacer",\n "Origin": "USA",\n "Weight_in_lbs": 3211,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 4,\n "Displacement": 115.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 23.0,\n "Name": "audi 100ls",\n "Origin": "Europe",\n "Weight_in_lbs": 2694,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 23.0,\n "Name": "peugeot 504",\n "Origin": "Europe",\n "Weight_in_lbs": 2957,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 98.0,\n "Miles_per_Gallon": 22.0,\n "Name": "volvo 244dl",\n "Origin": "Europe",\n "Weight_in_lbs": 2945,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 115.0,\n "Miles_per_Gallon": 25.0,\n "Name": "saab 99le",\n "Origin": "Europe",\n "Weight_in_lbs": 2671,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 17.5,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 53.0,\n "Miles_per_Gallon": 33.0,\n "Name": "honda civic cvcc",\n "Origin": "Japan",\n "Weight_in_lbs": 1795,\n "Year": "1975-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 107.0,\n "Horsepower": 86.0,\n "Miles_per_Gallon": 28.0,\n "Name": "fiat 131",\n "Origin": "Europe",\n "Weight_in_lbs": 2464,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 16.9,\n "Cylinders": 4,\n "Displacement": 116.0,\n "Horsepower": 81.0,\n "Miles_per_Gallon": 25.0,\n "Name": "opel 1900",\n "Origin": "Europe",\n "Weight_in_lbs": 2220,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 14.9,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 92.0,\n "Miles_per_Gallon": 25.0,\n "Name": "capri ii",\n "Origin": "USA",\n "Weight_in_lbs": 2572,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 17.7,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 79.0,\n "Miles_per_Gallon": 26.0,\n "Name": "dodge colt",\n "Origin": "USA",\n "Weight_in_lbs": 2255,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 15.3,\n "Cylinders": 4,\n "Displacement": 101.0,\n "Horsepower": 83.0,\n "Miles_per_Gallon": 27.0,\n "Name": "renault 12tl",\n "Origin": "Europe",\n "Weight_in_lbs": 2202,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 305.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": 17.5,\n "Name": "chevrolet chevelle malibu classic",\n "Origin": "USA",\n "Weight_in_lbs": 4215,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 16.0,\n "Name": "dodge coronet brougham",\n "Origin": "USA",\n "Weight_in_lbs": 4190,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 13.9,\n "Cylinders": 8,\n "Displacement": 304.0,\n "Horsepower": 120.0,\n "Miles_per_Gallon": 15.5,\n "Name": "amc matador",\n "Origin": "USA",\n "Weight_in_lbs": 3962,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 12.8,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 152.0,\n "Miles_per_Gallon": 14.5,\n "Name": "ford gran torino",\n "Origin": "USA",\n "Weight_in_lbs": 4215,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 15.4,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 22.0,\n "Name": "plymouth valiant",\n "Origin": "USA",\n "Weight_in_lbs": 3233,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 22.0,\n "Name": "chevrolet nova",\n "Origin": "USA",\n "Weight_in_lbs": 3353,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 17.6,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": 81.0,\n "Miles_per_Gallon": 24.0,\n "Name": "ford maverick",\n "Origin": "USA",\n "Weight_in_lbs": 3012,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 17.6,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 22.5,\n "Name": "amc hornet",\n "Origin": "USA",\n "Weight_in_lbs": 3085,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 22.2,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": 52.0,\n "Miles_per_Gallon": 29.0,\n "Name": "chevrolet chevette",\n "Origin": "USA",\n "Weight_in_lbs": 2035,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 22.1,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 60.0,\n "Miles_per_Gallon": 24.5,\n "Name": "chevrolet woody",\n "Origin": "USA",\n "Weight_in_lbs": 2164,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 14.2,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 29.0,\n "Name": "vw rabbit",\n "Origin": "Europe",\n "Weight_in_lbs": 1937,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 17.4,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 53.0,\n "Miles_per_Gallon": 33.0,\n "Name": "honda civic",\n "Origin": "Japan",\n "Weight_in_lbs": 1795,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 17.7,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 20.0,\n "Name": "dodge aspen se",\n "Origin": "USA",\n "Weight_in_lbs": 3651,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 21.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 78.0,\n "Miles_per_Gallon": 18.0,\n "Name": "ford granada ghia",\n "Origin": "USA",\n "Weight_in_lbs": 3574,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 16.2,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 18.5,\n "Name": "pontiac ventura sj",\n "Origin": "USA",\n "Weight_in_lbs": 3645,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 17.8,\n "Cylinders": 6,\n "Displacement": 258.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 17.5,\n "Name": "amc pacer d/l",\n "Origin": "USA",\n "Weight_in_lbs": 3193,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 12.2,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 71.0,\n "Miles_per_Gallon": 29.5,\n "Name": "volkswagen rabbit",\n "Origin": "Europe",\n "Weight_in_lbs": 1825,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 32.0,\n "Name": "datsun b-210",\n "Origin": "Japan",\n "Weight_in_lbs": 1990,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 28.0,\n "Name": "toyota corolla",\n "Origin": "Japan",\n "Weight_in_lbs": 2155,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 13.6,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 72.0,\n "Miles_per_Gallon": 26.5,\n "Name": "ford pinto",\n "Origin": "USA",\n "Weight_in_lbs": 2565,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 15.7,\n "Cylinders": 4,\n "Displacement": 130.0,\n "Horsepower": 102.0,\n "Miles_per_Gallon": 20.0,\n "Name": "volvo 245",\n "Origin": "Europe",\n "Weight_in_lbs": 3150,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 13.2,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 13.0,\n "Name": "plymouth volare premier v8",\n "Origin": "USA",\n "Weight_in_lbs": 3940,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 21.9,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 19.0,\n "Name": "peugeot 504",\n "Origin": "Europe",\n "Weight_in_lbs": 3270,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 6,\n "Displacement": 156.0,\n "Horsepower": 108.0,\n "Miles_per_Gallon": 19.0,\n "Name": "toyota mark ii",\n "Origin": "Japan",\n "Weight_in_lbs": 2930,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 16.7,\n "Cylinders": 6,\n "Displacement": 168.0,\n "Horsepower": 120.0,\n "Miles_per_Gallon": 16.5,\n "Name": "mercedes-benz 280s",\n "Origin": "Europe",\n "Weight_in_lbs": 3820,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 12.1,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 180.0,\n "Miles_per_Gallon": 16.5,\n "Name": "cadillac seville",\n "Origin": "USA",\n "Weight_in_lbs": 4380,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 12.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 145.0,\n "Miles_per_Gallon": 13.0,\n "Name": "chevy c10",\n "Origin": "USA",\n "Weight_in_lbs": 4055,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 130.0,\n "Miles_per_Gallon": 13.0,\n "Name": "ford f108",\n "Origin": "USA",\n "Weight_in_lbs": 3870,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 13.0,\n "Name": "dodge d100",\n "Origin": "USA",\n "Weight_in_lbs": 3755,\n "Year": "1976-01-01T00:00:00"\n },\n {\n "Acceleration": 18.5,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 68.0,\n "Miles_per_Gallon": 31.5,\n "Name": "honda Accelerationord cvcc",\n "Origin": "Japan",\n "Weight_in_lbs": 2045,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 14.8,\n "Cylinders": 4,\n "Displacement": 111.0,\n "Horsepower": 80.0,\n "Miles_per_Gallon": 30.0,\n "Name": "buick opel isuzu deluxe",\n "Origin": "USA",\n "Weight_in_lbs": 2155,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 18.6,\n "Cylinders": 4,\n "Displacement": 79.0,\n "Horsepower": 58.0,\n "Miles_per_Gallon": 36.0,\n "Name": "renault 5 gtl",\n "Origin": "Europe",\n "Weight_in_lbs": 1825,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 122.0,\n "Horsepower": 96.0,\n "Miles_per_Gallon": 25.5,\n "Name": "plymouth arrow gs",\n "Origin": "USA",\n "Weight_in_lbs": 2300,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 16.8,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 33.5,\n "Name": "datsun f-10 hatchback",\n "Origin": "Japan",\n "Weight_in_lbs": 1945,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 8,\n "Displacement": 305.0,\n "Horsepower": 145.0,\n "Miles_per_Gallon": 17.5,\n "Name": "chevrolet caprice classic",\n "Origin": "USA",\n "Weight_in_lbs": 3880,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 8,\n "Displacement": 260.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 17.0,\n "Name": "oldsmobile cutlass supreme",\n "Origin": "USA",\n "Weight_in_lbs": 4060,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 13.7,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 145.0,\n "Miles_per_Gallon": 15.5,\n "Name": "dodge monaco brougham",\n "Origin": "USA",\n "Weight_in_lbs": 4140,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 14.9,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 130.0,\n "Miles_per_Gallon": 15.0,\n "Name": "mercury cougar brougham",\n "Origin": "USA",\n "Weight_in_lbs": 4295,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 17.5,\n "Name": "chevrolet concours",\n "Origin": "USA",\n "Weight_in_lbs": 3520,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 16.9,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 20.5,\n "Name": "buick skylark",\n "Origin": "USA",\n "Weight_in_lbs": 3425,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 17.7,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 19.0,\n "Name": "plymouth volare custom",\n "Origin": "USA",\n "Weight_in_lbs": 3630,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 6,\n "Displacement": 250.0,\n "Horsepower": 98.0,\n "Miles_per_Gallon": 18.5,\n "Name": "ford granada",\n "Origin": "USA",\n "Weight_in_lbs": 3525,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 11.1,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 180.0,\n "Miles_per_Gallon": 16.0,\n "Name": "pontiac grand prix lj",\n "Origin": "USA",\n "Weight_in_lbs": 4220,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 11.4,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 170.0,\n "Miles_per_Gallon": 15.5,\n "Name": "chevrolet monte carlo landau",\n "Origin": "USA",\n "Weight_in_lbs": 4165,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 12.2,\n "Cylinders": 8,\n "Displacement": 400.0,\n "Horsepower": 190.0,\n "Miles_per_Gallon": 15.5,\n "Name": "chrysler cordoba",\n "Origin": "USA",\n "Weight_in_lbs": 4325,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 149.0,\n "Miles_per_Gallon": 16.0,\n "Name": "ford thunderbird",\n "Origin": "USA",\n "Weight_in_lbs": 4335,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 78.0,\n "Miles_per_Gallon": 29.0,\n "Name": "volkswagen rabbit custom",\n "Origin": "Europe",\n "Weight_in_lbs": 1940,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 24.5,\n "Name": "pontiac sunbird coupe",\n "Origin": "USA",\n "Weight_in_lbs": 2740,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 18.2,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 26.0,\n "Name": "toyota corolla liftback",\n "Origin": "Japan",\n "Weight_in_lbs": 2265,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 15.8,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 89.0,\n "Miles_per_Gallon": 25.5,\n "Name": "ford mustang ii 2+2",\n "Origin": "USA",\n "Weight_in_lbs": 2755,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 63.0,\n "Miles_per_Gallon": 30.5,\n "Name": "chevrolet chevette",\n "Origin": "USA",\n "Weight_in_lbs": 2051,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 15.9,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 83.0,\n "Miles_per_Gallon": 33.5,\n "Name": "dodge colt m/m",\n "Origin": "USA",\n "Weight_in_lbs": 2075,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 30.0,\n "Name": "subaru dl",\n "Origin": "Japan",\n "Weight_in_lbs": 1985,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 14.1,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 78.0,\n "Miles_per_Gallon": 30.5,\n "Name": "volkswagen dasher",\n "Origin": "Europe",\n "Weight_in_lbs": 2190,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 6,\n "Displacement": 146.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 22.0,\n "Name": "datsun 810",\n "Origin": "Japan",\n "Weight_in_lbs": 2815,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 12.8,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 21.5,\n "Name": "bmw 320i",\n "Origin": "Europe",\n "Weight_in_lbs": 2600,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 13.5,\n "Cylinders": 3,\n "Displacement": 80.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 21.5,\n "Name": "mazda rx-4",\n "Origin": "Japan",\n "Weight_in_lbs": 2720,\n "Year": "1977-01-01T00:00:00"\n },\n {\n "Acceleration": 21.5,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 48.0,\n "Miles_per_Gallon": 43.1,\n "Name": "volkswagen rabbit custom diesel",\n "Origin": "Europe",\n "Weight_in_lbs": 1985,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 14.4,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 66.0,\n "Miles_per_Gallon": 36.1,\n "Name": "ford fiesta",\n "Origin": "USA",\n "Weight_in_lbs": 1800,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 19.4,\n "Cylinders": 4,\n "Displacement": 78.0,\n "Horsepower": 52.0,\n "Miles_per_Gallon": 32.8,\n "Name": "mazda glc deluxe",\n "Origin": "Japan",\n "Weight_in_lbs": 1985,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 18.6,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 39.4,\n "Name": "datsun b210 gx",\n "Origin": "Japan",\n "Weight_in_lbs": 2070,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 60.0,\n "Miles_per_Gallon": 36.1,\n "Name": "honda civic cvcc",\n "Origin": "Japan",\n "Weight_in_lbs": 1800,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 8,\n "Displacement": 260.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 19.9,\n "Name": "oldsmobile cutlass salon brougham",\n "Origin": "USA",\n "Weight_in_lbs": 3365,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 13.2,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": 19.4,\n "Name": "dodge diplomat",\n "Origin": "USA",\n "Weight_in_lbs": 3735,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 12.8,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 139.0,\n "Miles_per_Gallon": 20.2,\n "Name": "mercury monarch ghia",\n "Origin": "USA",\n "Weight_in_lbs": 3570,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 19.2,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 19.2,\n "Name": "pontiac phoenix lj",\n "Origin": "USA",\n "Weight_in_lbs": 3535,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 18.2,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 20.5,\n "Name": "chevrolet malibu",\n "Origin": "USA",\n "Weight_in_lbs": 3155,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.8,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 20.2,\n "Name": "ford fairmont (auto)",\n "Origin": "USA",\n "Weight_in_lbs": 2965,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.4,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 25.1,\n "Name": "ford fairmont (man)",\n "Origin": "USA",\n "Weight_in_lbs": 2720,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 17.2,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 20.5,\n "Name": "plymouth volare",\n "Origin": "USA",\n "Weight_in_lbs": 3430,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 17.2,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 19.4,\n "Name": "amc concord",\n "Origin": "USA",\n "Weight_in_lbs": 3210,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.8,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 20.6,\n "Name": "buick century special",\n "Origin": "USA",\n "Weight_in_lbs": 3380,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 16.7,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 20.8,\n "Name": "mercury zephyr",\n "Origin": "USA",\n "Weight_in_lbs": 3070,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 18.7,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 18.6,\n "Name": "dodge aspen",\n "Origin": "USA",\n "Weight_in_lbs": 3620,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.1,\n "Cylinders": 6,\n "Displacement": 258.0,\n "Horsepower": 120.0,\n "Miles_per_Gallon": 18.1,\n "Name": "amc concord d/l",\n "Origin": "USA",\n "Weight_in_lbs": 3410,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 13.2,\n "Cylinders": 8,\n "Displacement": 305.0,\n "Horsepower": 145.0,\n "Miles_per_Gallon": 19.2,\n "Name": "chevrolet monte carlo landau",\n "Origin": "USA",\n "Weight_in_lbs": 3425,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 13.4,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 165.0,\n "Miles_per_Gallon": 17.7,\n "Name": "buick regal sport coupe (turbo)",\n "Origin": "USA",\n "Weight_in_lbs": 3445,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 11.2,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 139.0,\n "Miles_per_Gallon": 18.1,\n "Name": "ford futura",\n "Origin": "USA",\n "Weight_in_lbs": 3205,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 13.7,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 140.0,\n "Miles_per_Gallon": 17.5,\n "Name": "dodge magnum xe",\n "Origin": "USA",\n "Weight_in_lbs": 4080,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 68.0,\n "Miles_per_Gallon": 30.0,\n "Name": "chevrolet chevette",\n "Origin": "USA",\n "Weight_in_lbs": 2155,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 14.2,\n "Cylinders": 4,\n "Displacement": 134.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 27.5,\n "Name": "toyota corona",\n "Origin": "Japan",\n "Weight_in_lbs": 2560,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 14.7,\n "Cylinders": 4,\n "Displacement": 119.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 27.2,\n "Name": "datsun 510",\n "Origin": "Japan",\n "Weight_in_lbs": 2300,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 105.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 30.9,\n "Name": "dodge omni",\n "Origin": "USA",\n "Weight_in_lbs": 2230,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 14.8,\n "Cylinders": 4,\n "Displacement": 134.0,\n "Horsepower": 95.0,\n "Miles_per_Gallon": 21.1,\n "Name": "toyota celica gt liftback",\n "Origin": "Japan",\n "Weight_in_lbs": 2515,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 16.7,\n "Cylinders": 4,\n "Displacement": 156.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 23.2,\n "Name": "plymouth sapporo",\n "Origin": "USA",\n "Weight_in_lbs": 2745,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 17.6,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 23.8,\n "Name": "oldsmobile starfire sx",\n "Origin": "USA",\n "Weight_in_lbs": 2855,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 14.9,\n "Cylinders": 4,\n "Displacement": 119.0,\n "Horsepower": 97.0,\n "Miles_per_Gallon": 23.9,\n "Name": "datsun 200-sx",\n "Origin": "Japan",\n "Weight_in_lbs": 2405,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.9,\n "Cylinders": 5,\n "Displacement": 131.0,\n "Horsepower": 103.0,\n "Miles_per_Gallon": 20.3,\n "Name": "audi 5000",\n "Origin": "Europe",\n "Weight_in_lbs": 2830,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 13.6,\n "Cylinders": 6,\n "Displacement": 163.0,\n "Horsepower": 125.0,\n "Miles_per_Gallon": 17.0,\n "Name": "volvo 264gl",\n "Origin": "Europe",\n "Weight_in_lbs": 3140,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.7,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 115.0,\n "Miles_per_Gallon": 21.6,\n "Name": "saab 99gle",\n "Origin": "Europe",\n "Weight_in_lbs": 2795,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.8,\n "Cylinders": 6,\n "Displacement": 163.0,\n "Horsepower": 133.0,\n "Miles_per_Gallon": 16.2,\n "Name": "peugeot 604sl",\n "Origin": "Europe",\n "Weight_in_lbs": 3410,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 14.9,\n "Cylinders": 4,\n "Displacement": 89.0,\n "Horsepower": 71.0,\n "Miles_per_Gallon": 31.5,\n "Name": "volkswagen scirocco",\n "Origin": "Europe",\n "Weight_in_lbs": 1990,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 16.6,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 68.0,\n "Miles_per_Gallon": 29.5,\n "Name": "honda Accelerationord lx",\n "Origin": "Japan",\n "Weight_in_lbs": 2135,\n "Year": "1978-01-01T00:00:00"\n },\n {\n "Acceleration": 15.4,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 115.0,\n "Miles_per_Gallon": 21.5,\n "Name": "pontiac lemans v6",\n "Origin": "USA",\n "Weight_in_lbs": 3245,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 18.2,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 19.8,\n "Name": "mercury zephyr 6",\n "Origin": "USA",\n "Weight_in_lbs": 2990,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 17.3,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 22.3,\n "Name": "ford fairmont 4",\n "Origin": "USA",\n "Weight_in_lbs": 2890,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 18.2,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 20.2,\n "Name": "amc concord dl 6",\n "Origin": "USA",\n "Weight_in_lbs": 3265,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 16.6,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 20.6,\n "Name": "dodge aspen 6",\n "Origin": "USA",\n "Weight_in_lbs": 3360,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 15.4,\n "Cylinders": 8,\n "Displacement": 305.0,\n "Horsepower": 130.0,\n "Miles_per_Gallon": 17.0,\n "Name": "chevrolet caprice classic",\n "Origin": "USA",\n "Weight_in_lbs": 3840,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 13.4,\n "Cylinders": 8,\n "Displacement": 302.0,\n "Horsepower": 129.0,\n "Miles_per_Gallon": 17.6,\n "Name": "ford ltd landau",\n "Origin": "USA",\n "Weight_in_lbs": 3725,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 13.2,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 138.0,\n "Miles_per_Gallon": 16.5,\n "Name": "mercury grand marquis",\n "Origin": "USA",\n "Weight_in_lbs": 3955,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 15.2,\n "Cylinders": 8,\n "Displacement": 318.0,\n "Horsepower": 135.0,\n "Miles_per_Gallon": 18.2,\n "Name": "dodge st. regis",\n "Origin": "USA",\n "Weight_in_lbs": 3830,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 14.9,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 155.0,\n "Miles_per_Gallon": 16.9,\n "Name": "buick estate wagon (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4360,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 14.3,\n "Cylinders": 8,\n "Displacement": 351.0,\n "Horsepower": 142.0,\n "Miles_per_Gallon": 15.5,\n "Name": "ford country squire (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 4054,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 8,\n "Displacement": 267.0,\n "Horsepower": 125.0,\n "Miles_per_Gallon": 19.2,\n "Name": "chevrolet malibu classic (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 3605,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 8,\n "Displacement": 360.0,\n "Horsepower": 150.0,\n "Miles_per_Gallon": 18.5,\n "Name": "chrysler lebaron town @ country (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 3940,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 14.0,\n "Cylinders": 4,\n "Displacement": 89.0,\n "Horsepower": 71.0,\n "Miles_per_Gallon": 31.9,\n "Name": "vw rabbit custom",\n "Origin": "Europe",\n "Weight_in_lbs": 1925,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 15.2,\n "Cylinders": 4,\n "Displacement": 86.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 34.1,\n "Name": "maxda glc deluxe",\n "Origin": "Japan",\n "Weight_in_lbs": 1975,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 14.4,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 80.0,\n "Miles_per_Gallon": 35.7,\n "Name": "dodge colt hatchback custom",\n "Origin": "USA",\n "Weight_in_lbs": 1915,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 80.0,\n "Miles_per_Gallon": 27.4,\n "Name": "amc spirit dl",\n "Origin": "USA",\n "Weight_in_lbs": 2670,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 20.1,\n "Cylinders": 5,\n "Displacement": 183.0,\n "Horsepower": 77.0,\n "Miles_per_Gallon": 25.4,\n "Name": "mercedes benz 300d",\n "Origin": "Europe",\n "Weight_in_lbs": 3530,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 17.4,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 125.0,\n "Miles_per_Gallon": 23.0,\n "Name": "cadillac eldorado",\n "Origin": "USA",\n "Weight_in_lbs": 3900,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 24.8,\n "Cylinders": 4,\n "Displacement": 141.0,\n "Horsepower": 71.0,\n "Miles_per_Gallon": 27.2,\n "Name": "peugeot 504",\n "Origin": "Europe",\n "Weight_in_lbs": 3190,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 22.2,\n "Cylinders": 8,\n "Displacement": 260.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 23.9,\n "Name": "oldsmobile cutlass salon brougham",\n "Origin": "USA",\n "Weight_in_lbs": 3420,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 13.2,\n "Cylinders": 4,\n "Displacement": 105.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 34.2,\n "Name": "plymouth horizon",\n "Origin": "USA",\n "Weight_in_lbs": 2200,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 14.9,\n "Cylinders": 4,\n "Displacement": 105.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 34.5,\n "Name": "plymouth horizon tc3",\n "Origin": "USA",\n "Weight_in_lbs": 2150,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 19.2,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 31.8,\n "Name": "datsun 210",\n "Origin": "Japan",\n "Weight_in_lbs": 2020,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 14.7,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 69.0,\n "Miles_per_Gallon": 37.3,\n "Name": "fiat strada custom",\n "Origin": "Europe",\n "Weight_in_lbs": 2130,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 28.4,\n "Name": "buick skylark limited",\n "Origin": "USA",\n "Weight_in_lbs": 2670,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 11.3,\n "Cylinders": 6,\n "Displacement": 173.0,\n "Horsepower": 115.0,\n "Miles_per_Gallon": 28.8,\n "Name": "chevrolet citation",\n "Origin": "USA",\n "Weight_in_lbs": 2595,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 12.9,\n "Cylinders": 6,\n "Displacement": 173.0,\n "Horsepower": 115.0,\n "Miles_per_Gallon": 26.8,\n "Name": "oldsmobile omega brougham",\n "Origin": "USA",\n "Weight_in_lbs": 2700,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 13.2,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 33.5,\n "Name": "pontiac phoenix",\n "Origin": "USA",\n "Weight_in_lbs": 2556,\n "Year": "1979-01-01T00:00:00"\n },\n {\n "Acceleration": 14.7,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 76.0,\n "Miles_per_Gallon": 41.5,\n "Name": "vw rabbit",\n "Origin": "Europe",\n "Weight_in_lbs": 2144,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 18.8,\n "Cylinders": 4,\n "Displacement": 89.0,\n "Horsepower": 60.0,\n "Miles_per_Gallon": 38.1,\n "Name": "toyota corolla tercel",\n "Origin": "Japan",\n "Weight_in_lbs": 1968,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 32.1,\n "Name": "chevrolet chevette",\n "Origin": "USA",\n "Weight_in_lbs": 2120,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 4,\n "Displacement": 86.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 37.2,\n "Name": "datsun 310",\n "Origin": "Japan",\n "Weight_in_lbs": 2019,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 16.5,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 28.0,\n "Name": "chevrolet citation",\n "Origin": "USA",\n "Weight_in_lbs": 2678,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 18.1,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 26.4,\n "Name": "ford fairmont",\n "Origin": "USA",\n "Weight_in_lbs": 2870,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 20.1,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 24.3,\n "Name": "amc concord",\n "Origin": "USA",\n "Weight_in_lbs": 3003,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 18.7,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 19.1,\n "Name": "dodge aspen",\n "Origin": "USA",\n "Weight_in_lbs": 3381,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.8,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 78.0,\n "Miles_per_Gallon": 34.3,\n "Name": "audi 4000",\n "Origin": "Europe",\n "Weight_in_lbs": 2188,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.5,\n "Cylinders": 4,\n "Displacement": 134.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 29.8,\n "Name": "toyota corona liftback",\n "Origin": "Japan",\n "Weight_in_lbs": 2711,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 17.5,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 31.3,\n "Name": "mazda 626",\n "Origin": "Japan",\n "Weight_in_lbs": 2542,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 4,\n "Displacement": 119.0,\n "Horsepower": 92.0,\n "Miles_per_Gallon": 37.0,\n "Name": "datsun 510 hatchback",\n "Origin": "Japan",\n "Weight_in_lbs": 2434,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.2,\n "Cylinders": 4,\n "Displacement": 108.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 32.2,\n "Name": "toyota corolla",\n "Origin": "Japan",\n "Weight_in_lbs": 2265,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 17.9,\n "Cylinders": 4,\n "Displacement": 86.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 46.6,\n "Name": "mazda glc",\n "Origin": "Japan",\n "Weight_in_lbs": 2110,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 14.4,\n "Cylinders": 4,\n "Displacement": 156.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 27.9,\n "Name": "dodge colt",\n "Origin": "USA",\n "Weight_in_lbs": 2800,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 19.2,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 40.8,\n "Name": "datsun 210",\n "Origin": "Japan",\n "Weight_in_lbs": 2110,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 21.7,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 48.0,\n "Miles_per_Gallon": 44.3,\n "Name": "vw rabbit c (diesel)",\n "Origin": "Europe",\n "Weight_in_lbs": 2085,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 23.7,\n "Cylinders": 4,\n "Displacement": 90.0,\n "Horsepower": 48.0,\n "Miles_per_Gallon": 43.4,\n "Name": "vw dasher (diesel)",\n "Origin": "Europe",\n "Weight_in_lbs": 2335,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 19.9,\n "Cylinders": 5,\n "Displacement": 121.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 36.4,\n "Name": "audi 5000s (diesel)",\n "Origin": "Europe",\n "Weight_in_lbs": 2950,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 21.8,\n "Cylinders": 4,\n "Displacement": 146.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 30.0,\n "Name": "mercedes-benz 240d",\n "Origin": "Europe",\n "Weight_in_lbs": 3250,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 13.8,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 44.6,\n "Name": "honda civic 1500 gl",\n "Origin": "Japan",\n "Weight_in_lbs": 1850,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 17.3,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": null,\n "Miles_per_Gallon": 40.9,\n "Name": "renault lecar deluxe",\n "Origin": "Europe",\n "Weight_in_lbs": 1835,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 33.8,\n "Name": "subaru dl",\n "Origin": "Japan",\n "Weight_in_lbs": 2145,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.3,\n "Cylinders": 4,\n "Displacement": 89.0,\n "Horsepower": 62.0,\n "Miles_per_Gallon": 29.8,\n "Name": "vokswagen rabbit",\n "Origin": "Europe",\n "Weight_in_lbs": 1845,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 11.4,\n "Cylinders": 6,\n "Displacement": 168.0,\n "Horsepower": 132.0,\n "Miles_per_Gallon": 32.7,\n "Name": "datsun 280-zx",\n "Origin": "Japan",\n "Weight_in_lbs": 2910,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 12.5,\n "Cylinders": 3,\n "Displacement": 70.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 23.7,\n "Name": "mazda rx-7 gs",\n "Origin": "Japan",\n "Weight_in_lbs": 2420,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.1,\n "Cylinders": 4,\n "Displacement": 122.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 35.0,\n "Name": "triumph tr7 coupe",\n "Origin": "Europe",\n "Weight_in_lbs": 2500,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 14.3,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": null,\n "Miles_per_Gallon": 23.6,\n "Name": "ford mustang cobra",\n "Origin": "USA",\n "Weight_in_lbs": 2905,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 4,\n "Displacement": 107.0,\n "Horsepower": 72.0,\n "Miles_per_Gallon": 32.4,\n "Name": "honda Accelerationord",\n "Origin": "Japan",\n "Weight_in_lbs": 2290,\n "Year": "1980-01-01T00:00:00"\n },\n {\n "Acceleration": 15.7,\n "Cylinders": 4,\n "Displacement": 135.0,\n "Horsepower": 84.0,\n "Miles_per_Gallon": 27.2,\n "Name": "plymouth reliant",\n "Origin": "USA",\n "Weight_in_lbs": 2490,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 84.0,\n "Miles_per_Gallon": 26.6,\n "Name": "buick skylark",\n "Origin": "USA",\n "Weight_in_lbs": 2635,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.4,\n "Cylinders": 4,\n "Displacement": 156.0,\n "Horsepower": 92.0,\n "Miles_per_Gallon": 25.8,\n "Name": "dodge aries wagon (sw)",\n "Origin": "USA",\n "Weight_in_lbs": 2620,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 12.6,\n "Cylinders": 6,\n "Displacement": 173.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 23.5,\n "Name": "chevrolet citation",\n "Origin": "USA",\n "Weight_in_lbs": 2725,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 12.9,\n "Cylinders": 4,\n "Displacement": 135.0,\n "Horsepower": 84.0,\n "Miles_per_Gallon": 30.0,\n "Name": "plymouth reliant",\n "Origin": "USA",\n "Weight_in_lbs": 2385,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.9,\n "Cylinders": 4,\n "Displacement": 79.0,\n "Horsepower": 58.0,\n "Miles_per_Gallon": 39.1,\n "Name": "toyota starlet",\n "Origin": "Japan",\n "Weight_in_lbs": 1755,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 4,\n "Displacement": 86.0,\n "Horsepower": 64.0,\n "Miles_per_Gallon": 39.0,\n "Name": "plymouth champ",\n "Origin": "USA",\n "Weight_in_lbs": 1875,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.1,\n "Cylinders": 4,\n "Displacement": 81.0,\n "Horsepower": 60.0,\n "Miles_per_Gallon": 35.1,\n "Name": "honda civic 1300",\n "Origin": "Japan",\n "Weight_in_lbs": 1760,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 17.8,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 32.3,\n "Name": "subaru",\n "Origin": "Japan",\n "Weight_in_lbs": 2065,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 19.4,\n "Cylinders": 4,\n "Displacement": 85.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 37.0,\n "Name": "datsun 210",\n "Origin": "Japan",\n "Weight_in_lbs": 1975,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 17.3,\n "Cylinders": 4,\n "Displacement": 89.0,\n "Horsepower": 62.0,\n "Miles_per_Gallon": 37.7,\n "Name": "toyota tercel",\n "Origin": "Japan",\n "Weight_in_lbs": 2050,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 68.0,\n "Miles_per_Gallon": 34.1,\n "Name": "mazda glc 4",\n "Origin": "Japan",\n "Weight_in_lbs": 1985,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.9,\n "Cylinders": 4,\n "Displacement": 105.0,\n "Horsepower": 63.0,\n "Miles_per_Gallon": 34.7,\n "Name": "plymouth horizon 4",\n "Origin": "USA",\n "Weight_in_lbs": 2215,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.2,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 34.4,\n "Name": "ford escort 4w",\n "Origin": "USA",\n "Weight_in_lbs": 2045,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 20.7,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 65.0,\n "Miles_per_Gallon": 29.9,\n "Name": "ford escort 2h",\n "Origin": "USA",\n "Weight_in_lbs": 2380,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.2,\n "Cylinders": 4,\n "Displacement": 105.0,\n "Horsepower": 74.0,\n "Miles_per_Gallon": 33.0,\n "Name": "volkswagen jetta",\n "Origin": "Europe",\n "Weight_in_lbs": 2190,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 15.8,\n "Cylinders": 4,\n "Displacement": 100.0,\n "Horsepower": null,\n "Miles_per_Gallon": 34.5,\n "Name": "renault 18i",\n "Origin": "Europe",\n "Weight_in_lbs": 2320,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.4,\n "Cylinders": 4,\n "Displacement": 107.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 33.7,\n "Name": "honda prelude",\n "Origin": "Japan",\n "Weight_in_lbs": 2210,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.8,\n "Cylinders": 4,\n "Displacement": 108.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 32.4,\n "Name": "toyota corolla",\n "Origin": "Japan",\n "Weight_in_lbs": 2350,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.8,\n "Cylinders": 4,\n "Displacement": 119.0,\n "Horsepower": 100.0,\n "Miles_per_Gallon": 32.9,\n "Name": "datsun 200sx",\n "Origin": "Japan",\n "Weight_in_lbs": 2615,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 18.3,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 74.0,\n "Miles_per_Gallon": 31.6,\n "Name": "mazda 626",\n "Origin": "Japan",\n "Weight_in_lbs": 2635,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 20.4,\n "Cylinders": 4,\n "Displacement": 141.0,\n "Horsepower": 80.0,\n "Miles_per_Gallon": 28.1,\n "Name": "peugeot 505s turbo diesel",\n "Origin": "Europe",\n "Weight_in_lbs": 3230,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 15.4,\n "Cylinders": 4,\n "Displacement": 121.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": null,\n "Name": "saab 900s",\n "Origin": "Europe",\n "Weight_in_lbs": 2800,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 19.6,\n "Cylinders": 6,\n "Displacement": 145.0,\n "Horsepower": 76.0,\n "Miles_per_Gallon": 30.7,\n "Name": "volvo diesel",\n "Origin": "Europe",\n "Weight_in_lbs": 3160,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 12.6,\n "Cylinders": 6,\n "Displacement": 168.0,\n "Horsepower": 116.0,\n "Miles_per_Gallon": 25.4,\n "Name": "toyota cressida",\n "Origin": "Japan",\n "Weight_in_lbs": 2900,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 13.8,\n "Cylinders": 6,\n "Displacement": 146.0,\n "Horsepower": 120.0,\n "Miles_per_Gallon": 24.2,\n "Name": "datsun 810 maxima",\n "Origin": "Japan",\n "Weight_in_lbs": 2930,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 15.8,\n "Cylinders": 6,\n "Displacement": 231.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 22.4,\n "Name": "buick century",\n "Origin": "USA",\n "Weight_in_lbs": 3415,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 19.0,\n "Cylinders": 8,\n "Displacement": 350.0,\n "Horsepower": 105.0,\n "Miles_per_Gallon": 26.6,\n "Name": "oldsmobile cutlass ls",\n "Origin": "USA",\n "Weight_in_lbs": 3725,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 17.1,\n "Cylinders": 6,\n "Displacement": 200.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 20.2,\n "Name": "ford granada gl",\n "Origin": "USA",\n "Weight_in_lbs": 3060,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.6,\n "Cylinders": 6,\n "Displacement": 225.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 17.6,\n "Name": "chrysler lebaron salon",\n "Origin": "USA",\n "Weight_in_lbs": 3465,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 19.6,\n "Cylinders": 4,\n "Displacement": 112.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 28.0,\n "Name": "chevrolet cavalier",\n "Origin": "USA",\n "Weight_in_lbs": 2605,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 18.6,\n "Cylinders": 4,\n "Displacement": 112.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 27.0,\n "Name": "chevrolet cavalier wagon",\n "Origin": "USA",\n "Weight_in_lbs": 2640,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 4,\n "Displacement": 112.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 34.0,\n "Name": "chevrolet cavalier 2-door",\n "Origin": "USA",\n "Weight_in_lbs": 2395,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.2,\n "Cylinders": 4,\n "Displacement": 112.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 31.0,\n "Name": "pontiac j2000 se hatchback",\n "Origin": "USA",\n "Weight_in_lbs": 2575,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.0,\n "Cylinders": 4,\n "Displacement": 135.0,\n "Horsepower": 84.0,\n "Miles_per_Gallon": 29.0,\n "Name": "dodge aries se",\n "Origin": "USA",\n "Weight_in_lbs": 2525,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 18.0,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 27.0,\n "Name": "pontiac phoenix",\n "Origin": "USA",\n "Weight_in_lbs": 2735,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 92.0,\n "Miles_per_Gallon": 24.0,\n "Name": "ford fairmont futura",\n "Origin": "USA",\n "Weight_in_lbs": 2865,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 20.5,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": null,\n "Miles_per_Gallon": 23.0,\n "Name": "amc concord dl",\n "Origin": "USA",\n "Weight_in_lbs": 3035,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 15.3,\n "Cylinders": 4,\n "Displacement": 105.0,\n "Horsepower": 74.0,\n "Miles_per_Gallon": 36.0,\n "Name": "volkswagen rabbit l",\n "Origin": "Europe",\n "Weight_in_lbs": 1980,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 18.2,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 68.0,\n "Miles_per_Gallon": 37.0,\n "Name": "mazda glc custom l",\n "Origin": "Japan",\n "Weight_in_lbs": 2025,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 17.6,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 68.0,\n "Miles_per_Gallon": 31.0,\n "Name": "mazda glc custom",\n "Origin": "Japan",\n "Weight_in_lbs": 1970,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.7,\n "Cylinders": 4,\n "Displacement": 105.0,\n "Horsepower": 63.0,\n "Miles_per_Gallon": 38.0,\n "Name": "plymouth horizon miser",\n "Origin": "USA",\n "Weight_in_lbs": 2125,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 17.3,\n "Cylinders": 4,\n "Displacement": 98.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 36.0,\n "Name": "mercury lynx l",\n "Origin": "USA",\n "Weight_in_lbs": 2125,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 88.0,\n "Miles_per_Gallon": 36.0,\n "Name": "nissan stanza xe",\n "Origin": "Japan",\n "Weight_in_lbs": 2160,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 107.0,\n "Horsepower": 75.0,\n "Miles_per_Gallon": 36.0,\n "Name": "honda Accelerationord",\n "Origin": "Japan",\n "Weight_in_lbs": 2205,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.9,\n "Cylinders": 4,\n "Displacement": 108.0,\n "Horsepower": 70.0,\n "Miles_per_Gallon": 34.0,\n "Name": "toyota corolla",\n "Origin": "Japan",\n "Weight_in_lbs": 2245,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 15.0,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 38.0,\n "Name": "honda civic",\n "Origin": "Japan",\n "Weight_in_lbs": 1965,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 15.7,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 32.0,\n "Name": "honda civic (auto)",\n "Origin": "Japan",\n "Weight_in_lbs": 1965,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.2,\n "Cylinders": 4,\n "Displacement": 91.0,\n "Horsepower": 67.0,\n "Miles_per_Gallon": 38.0,\n "Name": "datsun 310 gx",\n "Origin": "Japan",\n "Weight_in_lbs": 1995,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 16.4,\n "Cylinders": 6,\n "Displacement": 181.0,\n "Horsepower": 110.0,\n "Miles_per_Gallon": 25.0,\n "Name": "buick century limited",\n "Origin": "USA",\n "Weight_in_lbs": 2945,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 17.0,\n "Cylinders": 6,\n "Displacement": 262.0,\n "Horsepower": 85.0,\n "Miles_per_Gallon": 38.0,\n "Name": "oldsmobile cutlass ciera (diesel)",\n "Origin": "USA",\n "Weight_in_lbs": 3015,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.5,\n "Cylinders": 4,\n "Displacement": 156.0,\n "Horsepower": 92.0,\n "Miles_per_Gallon": 26.0,\n "Name": "chrysler lebaron medallion",\n "Origin": "USA",\n "Weight_in_lbs": 2585,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 14.7,\n "Cylinders": 6,\n "Displacement": 232.0,\n "Horsepower": 112.0,\n "Miles_per_Gallon": 22.0,\n "Name": "ford granada l",\n "Origin": "USA",\n "Weight_in_lbs": 2835,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 13.9,\n "Cylinders": 4,\n "Displacement": 144.0,\n "Horsepower": 96.0,\n "Miles_per_Gallon": 32.0,\n "Name": "toyota celica gt",\n "Origin": "Japan",\n "Weight_in_lbs": 2665,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 13.0,\n "Cylinders": 4,\n "Displacement": 135.0,\n "Horsepower": 84.0,\n "Miles_per_Gallon": 36.0,\n "Name": "dodge charger 2.2",\n "Origin": "USA",\n "Weight_in_lbs": 2370,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 17.3,\n "Cylinders": 4,\n "Displacement": 151.0,\n "Horsepower": 90.0,\n "Miles_per_Gallon": 27.0,\n "Name": "chevrolet camaro",\n "Origin": "USA",\n "Weight_in_lbs": 2950,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 15.6,\n "Cylinders": 4,\n "Displacement": 140.0,\n "Horsepower": 86.0,\n "Miles_per_Gallon": 27.0,\n "Name": "ford mustang gl",\n "Origin": "USA",\n "Weight_in_lbs": 2790,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 24.6,\n "Cylinders": 4,\n "Displacement": 97.0,\n "Horsepower": 52.0,\n "Miles_per_Gallon": 44.0,\n "Name": "vw pickup",\n "Origin": "Europe",\n "Weight_in_lbs": 2130,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 11.6,\n "Cylinders": 4,\n "Displacement": 135.0,\n "Horsepower": 84.0,\n "Miles_per_Gallon": 32.0,\n "Name": "dodge rampage",\n "Origin": "USA",\n "Weight_in_lbs": 2295,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 18.6,\n "Cylinders": 4,\n "Displacement": 120.0,\n "Horsepower": 79.0,\n "Miles_per_Gallon": 28.0,\n "Name": "ford ranger",\n "Origin": "USA",\n "Weight_in_lbs": 2625,\n "Year": "1982-01-01T00:00:00"\n },\n {\n "Acceleration": 19.4,\n "Cylinders": 4,\n "Displacement": 119.0,\n "Horsepower": 82.0,\n "Miles_per_Gallon": 31.0,\n "Name": "chevy s-10",\n "Origin": "USA",\n "Weight_in_lbs": 2720,\n "Year": "1982-01-01T00:00:00"\n }\n ]\n },\n "encoding": {\n "color": {\n "field": "Origin",\n "legend": {\n "orient": "bottom",\n "title": null\n },\n "scale": {\n "domain": [\n "USA",\n "Europe",\n "Japan"\n ],\n "range": [\n 0,\n 1,\n 2\n ]\n },\n "type": "nominal"\n },\n "tooltip": {\n "field": "Name",\n "type": "nominal"\n },\n "x": {\n "axis": {},\n "field": "Horsepower",\n "title": "Petal Width",\n "type": "quantitative"\n },\n "y": {\n "axis": {},\n "field": "Miles_per_Gallon",\n "title": "Miles per Gallon",\n "type": "quantitative"\n }\n },\n "mark": {\n "clip": true,\n "type": "point"\n },\n "params": [\n {\n "bind": "scales",\n "name": "param_6",\n "select": {\n "encodings": [\n "x",\n "y"\n ],\n "type": "interval"\n }\n }\n ],\n "title": "Car Data"\n}',
+	chart: "scatter"
+};
diff --git a/js/plot/types.ts b/js/plot/types.ts
new file mode 100644
index 0000000..1bf6c33
--- /dev/null
+++ b/js/plot/types.ts
@@ -0,0 +1,23 @@
+import type { SelectData, CustomButton } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export type ThemeMode = "system" | "light" | "dark";
+
+export interface PlotProps {
+	value: null | string;
+	theme_mode: ThemeMode;
+	caption: string;
+	bokeh_version: string | null;
+	show_actions_button: boolean;
+	_selectable: boolean;
+	x_lim: [number, number] | null;
+	show_fullscreen_button: boolean;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface PlotEvents {
+	change: never;
+	select: SelectData;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/preview/CHANGELOG.md b/js/preview/CHANGELOG.md
new file mode 100644
index 0000000..971be0e
--- /dev/null
+++ b/js/preview/CHANGELOG.md
@@ -0,0 +1,378 @@
+# @gradio/preview
+
+## 0.16.2
+
+### Fixes
+
+- [#13182](https://github.com/gradio-app/gradio/pull/13182) [`2e36802`](https://github.com/gradio-app/gradio/commit/2e36802a04251315454c3872aa888bbf984ae4c1) - fix: make example field optional in cc build.  Thanks @xr843!
+
+## 0.16.1
+
+### Fixes
+
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+
+## 0.16.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+### Fixes
+
+- [#12970](https://github.com/gradio-app/gradio/pull/12970) [`7326ea3`](https://github.com/gradio-app/gradio/commit/7326ea312bee7ccdaf4a1e4e11ace8f11b607ca5) - remove new console logs.  Thanks @hannahblair!
+
+## 0.15.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+## 0.15.1
+
+### Fixes
+
+- [#12416](https://github.com/gradio-app/gradio/pull/12416) [`7e867fd`](https://github.com/gradio-app/gradio/commit/7e867fde9070849fb474a08544c72f2522a9cbe9) - Fix custom components for gradio 6.  Thanks @pngwn!
+
+## 0.15.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix custom components
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.15.0-dev.0
+
+### Features
+
+- [#12397](https://github.com/gradio-app/gradio/pull/12397) [`f2a47fe`](https://github.com/gradio-app/gradio/commit/f2a47fe4f155a1ed93ad3e8f18504e9427ba61d2) - fix custom components.  Thanks @pngwn!
+
+## 0.14.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+
+## 0.13.2
+
+### Fixes
+
+- [#11395](https://github.com/gradio-app/gradio/pull/11395) [`59e8b23`](https://github.com/gradio-app/gradio/commit/59e8b236cbbbfd3ad7667fbad31a16677098d9a6) - Be able to run gradio cc dev if the parent directory has spaces.  Thanks @freddyaboulton!
+
+## 0.13.1
+
+### Fixes
+
+- [#11304](https://github.com/gradio-app/gradio/pull/11304) [`bdbc210`](https://github.com/gradio-app/gradio/commit/bdbc210dbf09555b3bd8f647c6f19621771b5771) - Fix custom components build and dev mode with certain base components (Image and Audio at least).  Thanks @pngwn!
+
+## 0.13.0
+
+### Features
+
+- [#9794](https://github.com/gradio-app/gradio/pull/9794) [`70bda3b`](https://github.com/gradio-app/gradio/commit/70bda3bb187a7219f4707344cf47edd0a021da19) - fix storybook build.  Thanks @pngwn!
+
+## 0.12.1
+
+### Fixes
+
+- [#9707](https://github.com/gradio-app/gradio/pull/9707) [`8d848dd`](https://github.com/gradio-app/gradio/commit/8d848dd1e46751a9c5bf26245158add47be44834) - Add a port timeout detection feature for gradio/preview.  Thanks @achilou!
+
+## 0.12.0
+
+### Features
+
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix custom component CLI on main/5.0
+
+### Fixes
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix package.json `exports` of @gradio/preview
+
+## 0.12.0-beta.1
+
+### Features
+
+- [#9482](https://github.com/gradio-app/gradio/pull/9482) [`bd6c5f2`](https://github.com/gradio-app/gradio/commit/bd6c5f237b0631d86273c7684c3bf2b1011992a3) - Fix custom component CLI on main/5.0.  Thanks @freddyaboulton!
+
+## 0.11.2-beta.0
+
+### Fixes
+
+- [#9468](https://github.com/gradio-app/gradio/pull/9468) [`36d6636`](https://github.com/gradio-app/gradio/commit/36d6636719b31aef07afbc0209713372edf672b5) - Fix package.json `exports` of @gradio/preview.  Thanks @Col0ring!
+
+## 0.11.2
+
+### Features
+
+- [#9478](https://github.com/gradio-app/gradio/pull/9478) [`00d1846`](https://github.com/gradio-app/gradio/commit/00d18463ffeb49d882003f1e4c8bb72f8f7fb596) - fix exports in `main`.  Thanks @abidlabs!
+
+## 0.11.1
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 0.11.0
+
+### Features
+
+- [#9091](https://github.com/gradio-app/gradio/pull/9091) [`bbbd1f5`](https://github.com/gradio-app/gradio/commit/bbbd1f5ebee9143db8628af64c5669d99f2574d7) - Be able to set optimizeDeps options in gradio.config.js.  Thanks @freddyaboulton!
+
+## 0.10.2
+
+### Fixes
+
+- [#8926](https://github.com/gradio-app/gradio/pull/8926) [`69f1e36`](https://github.com/gradio-app/gradio/commit/69f1e36f7d64e2b3fcc8a9ebb5f07a1f1d6c56fa) - fix typescript issue with custom components.  Thanks @pngwn!
+
+## 0.10.1
+
+### Fixes
+
+- [#8761](https://github.com/gradio-app/gradio/pull/8761) [`078663a`](https://github.com/gradio-app/gradio/commit/078663a3a4f9c19e86e415295e82be7103260f97) - Fix issue with virtual module in custom components.  Thanks @pngwn!
+
+## 0.10.0
+
+### Features
+
+- [#8520](https://github.com/gradio-app/gradio/pull/8520) [`595ecf3`](https://github.com/gradio-app/gradio/commit/595ecf35da6cd5f9aa7d9135282d005b63fbdef1) - Add build target option to the custom component `gradio.config.js` file.  Thanks @pngwn!
+
+### Fixes
+
+- [#8531](https://github.com/gradio-app/gradio/pull/8531) [`88de38e`](https://github.com/gradio-app/gradio/commit/88de38e2597bc39532be77b917f1f02b1a11647d) - Fix custom components on windows.  Thanks @freddyaboulton!
+
+## 0.9.1
+
+### Fixes
+
+- [#8439](https://github.com/gradio-app/gradio/pull/8439) [`63d36fb`](https://github.com/gradio-app/gradio/commit/63d36fbbf4bf6dc909be9a0ffc7b6bf6621d83e8) - Handle gradio apps using `state` in the JS Client.  Thanks @hannahblair!
+
+## 0.9.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+
+## 0.8.3
+
+### Fixes
+
+- [#8144](https://github.com/gradio-app/gradio/pull/8144) [`7ba2780`](https://github.com/gradio-app/gradio/commit/7ba2780dc096a21f790695bf9368d2b39a79e2fa) - fix missing dependencies for `@gradio/preview`.  Thanks @pngwn!
+
+## 0.8.2
+
+### Fixes
+
+- [#8142](https://github.com/gradio-app/gradio/pull/8142) [`44eb8ac`](https://github.com/gradio-app/gradio/commit/44eb8ac6c315ffe4f0e3f544b0664c93813b6f68) - ensure @gradio/preview dist files are published.  Thanks @pngwn!
+
+## 0.8.1
+
+### Fixes
+
+- [#8140](https://github.com/gradio-app/gradio/pull/8140) [`0d41b22`](https://github.com/gradio-app/gradio/commit/0d41b221dc69eb543396504a276b84a485c98901) - fix publish build.  Thanks @pngwn!
+
+## 0.8.0
+
+### Features
+
+- [#6787](https://github.com/gradio-app/gradio/pull/6787) [`15a7106`](https://github.com/gradio-app/gradio/commit/15a7106a36874310f5ace9cf6e32744069ca1cce) - allow custom component authors to provide custom vite plugins and svelte preprocessors.  Thanks @pngwn!
+- [#8040](https://github.com/gradio-app/gradio/pull/8040) [`32cfa61`](https://github.com/gradio-app/gradio/commit/32cfa614d641b2358ea5d679b30497d1dfbee533) - Remove auto-created files from `gradio cc publish` and other tweaks.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+## 0.7.2
+
+### Fixes
+
+- [#7638](https://github.com/gradio-app/gradio/pull/7638) [`b3b0ea3`](https://github.com/gradio-app/gradio/commit/b3b0ea3e111ef8a3cdd82ecc310a4accc6af6120) - Add --python-path, --pip-path, --gradio-path CLI arguments to let custom component developers control which executable is used.  Thanks @freddyaboulton!
+
+## 0.7.1
+
+### Features
+
+- [#7340](https://github.com/gradio-app/gradio/pull/7340) [`4b0d589`](https://github.com/gradio-app/gradio/commit/4b0d58933057432758a54169a360eb352903d6b4) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#7604](https://github.com/gradio-app/gradio/pull/7604) [`0eea27a`](https://github.com/gradio-app/gradio/commit/0eea27a984d5f230a0186f418ddc20992d49888f) - chore(deps): update dependency stylus to ^0.63.0.  Thanks [@renovate](https://github.com/apps/renovate)!
+- [#7594](https://github.com/gradio-app/gradio/pull/7594) [`3940490`](https://github.com/gradio-app/gradio/commit/3940490fc018d8e5b28a16bc7e0fd95f7e440e72) - chore(deps): update dependency svelte-hmr to ^0.16.0.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.7.0
+
+### Features
+
+- [#7061](https://github.com/gradio-app/gradio/pull/7061) [`05d8a3c`](https://github.com/gradio-app/gradio/commit/05d8a3c8030b733bd47250f5db6f89f230f9a707) - Update ruff to 0.1.13, enable more rules, fix issues.  Thanks [@akx](https://github.com/akx)!
+
+## 0.6.0
+
+### Features
+
+- [#6738](https://github.com/gradio-app/gradio/pull/6738) [`f3c4d78`](https://github.com/gradio-app/gradio/commit/f3c4d78b710854b94d9a15db78178e504a02c680) - reload on css changes + fix css specificity.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6654](https://github.com/gradio-app/gradio/pull/6654) [`95827bb`](https://github.com/gradio-app/gradio/commit/95827bbe6e5e766c44d8e357cd513c3330534f75) - Update dependency @sveltejs/vite-plugin-svelte to v3.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.5.0
+
+### Features
+
+- [#6537](https://github.com/gradio-app/gradio/pull/6537) [`6d3fecfa4`](https://github.com/gradio-app/gradio/commit/6d3fecfa42dde1c70a60c397434c88db77289be6) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.4.0
+
+### Features
+
+- [#6532](https://github.com/gradio-app/gradio/pull/6532) [`96290d304`](https://github.com/gradio-app/gradio/commit/96290d304a61064b52c10a54b2feeb09ca007542) - tweak deps.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6296](https://github.com/gradio-app/gradio/pull/6296) [`46f13f496`](https://github.com/gradio-app/gradio/commit/46f13f4968c8177e318c9d75f2eed1ed55c2c042) - chore(deps): update all non-major dependencies.  Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.3.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.2
+
+### Features
+
+- [#6467](https://github.com/gradio-app/gradio/pull/6467) [`739e3a5a0`](https://github.com/gradio-app/gradio/commit/739e3a5a09771a4a386cab0c6605156cf9fda7f6) - Fix dev mode.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.1
+
+### Fixes
+
+- [#6457](https://github.com/gradio-app/gradio/pull/6457) [`d00fcf89d`](https://github.com/gradio-app/gradio/commit/d00fcf89d1c3ecbc910e81bb1311479ec2b73e4e) - Gradio custom component dev mode now detects changes to Example.svelte file.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0
+
+### Features
+
+- [#6261](https://github.com/gradio-app/gradio/pull/6261) [`8bbeca0e7`](https://github.com/gradio-app/gradio/commit/8bbeca0e772a5a2853d02a058b35abb2c15ffaf1) - Improve Embed and CDN handling and fix a couple of related bugs.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.1
+
+### Fixes
+
+- [#6191](https://github.com/gradio-app/gradio/pull/6191) [`b555bc09f`](https://github.com/gradio-app/gradio/commit/b555bc09ffe8e58b10da6227e2f11a0c084aa71d) - fix cdn build.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix cc build.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6171](https://github.com/gradio-app/gradio/pull/6171) [`28322422c`](https://github.com/gradio-app/gradio/commit/28322422cb9d8d3e471e439ad602959662e79312) - strip dangling svelte imports.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Strip vite import warning.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.8
+
+### Features
+
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6079](https://github.com/gradio-app/gradio/pull/6079) [`3b2d9eaa3`](https://github.com/gradio-app/gradio/commit/3b2d9eaa3e84de3e4a0799e4585a94510d665f26) - fix cc build.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6112](https://github.com/gradio-app/gradio/pull/6112) [`e402bf07a`](https://github.com/gradio-app/gradio/commit/e402bf07af637b0763291f6936583afc305f1e31) - fix build.  Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Add host to dev mode for vite.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Use tags to identify custom component dirs and ignore uninstalled components.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - In dev/build use full path to python/gradio executables.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5962](https://github.com/gradio-app/gradio/pull/5962) [`d298e7695`](https://github.com/gradio-app/gradio/commit/d298e76952289f87213e243e813dbce3cf09a5b3) - Strip vite import warning.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Better logs in dev mode.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.5
+
+### Features
+
+- [#5745](https://github.com/gradio-app/gradio/pull/5745) [`f2154eb7d`](https://github.com/gradio-app/gradio/commit/f2154eb7d871162bdf01e5f6bd903bed3a969f05) - Fix windows paths.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.4
+
+### Features
+
+- [#5649](https://github.com/gradio-app/gradio/pull/5649) [`d56b355c1`](https://github.com/gradio-app/gradio/commit/d56b355c12ccdeeb8406a3520fecc15ae69d9141) - Fix front-end imports + other misc fixes.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.3
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#5630](https://github.com/gradio-app/gradio/pull/5630) [`0b4fd5b6d`](https://github.com/gradio-app/gradio/commit/0b4fd5b6db96fc95a155e5e935e17e1ab11d1161) - Fix esbuild.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#5624](https://github.com/gradio-app/gradio/pull/5624) [`14fc612d8`](https://github.com/gradio-app/gradio/commit/14fc612d84bf6b1408eccd3a40fab41f25477571) - Fix esbuild.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.0
+
+### Features
+
+- [#5507](https://github.com/gradio-app/gradio/pull/5507) [`1385dc688`](https://github.com/gradio-app/gradio/commit/1385dc6881f2d8ae7a41106ec21d33e2ef04d6a9) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/preview/package.json b/js/preview/package.json
new file mode 100644
index 0000000..2a71768
--- /dev/null
+++ b/js/preview/package.json
@@ -0,0 +1,36 @@
+{
+	"name": "@gradio/preview",
+	"version": "0.16.2",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "dist/index.js",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"scripts": {
+		"build": "vite build --ssr"
+	},
+	"dependencies": {
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"@types/which": "^3.0.4",
+		"rollup": "^4.59.0",
+		"vite": "^7.1.9",
+		"svelte-preprocess": "^6.0.3",
+		"typescript": "^5.9.3"
+	},
+	"exports": {
+		".": {
+			"default": "./dist/index.js",
+			"import": "./dist/index.js",
+			"gradio": "./src/index.ts",
+			"svelte": "./dist/src/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/preview"
+	}
+}
diff --git a/js/preview/rollup.config.js b/js/preview/rollup.config.js
new file mode 100644
index 0000000..32a3770
--- /dev/null
+++ b/js/preview/rollup.config.js
@@ -0,0 +1,130 @@
+// @ts-nocheck
+import { createRequire } from "node:module";
+import { join } from "node:path";
+import { readFileSync } from "node:fs";
+
+import ts from "@rollup/plugin-typescript";
+import node from "@rollup/plugin-node-resolve";
+import cjs from "@rollup/plugin-commonjs";
+import json from "@rollup/plugin-json";
+import terser from "@rollup/plugin-terser";
+
+const onwarn = (warning, warn) => {
+	if (warning.plugin === "typescript") return;
+	if (warning.code === "CIRCULAR_DEPENDENCY") return;
+	if (warning.code === "EVAL") return;
+
+	warn(warning);
+};
+
+const require = createRequire(import.meta.url);
+const dir = require.resolve("./package.json");
+const svelte_path = find_pkg_json(require.resolve("svelte"));
+console.log("Svelte path:", svelte_path);
+
+const svelte_pkg = JSON.parse(readFileSync(svelte_path, "utf-8"));
+if (!svelte_pkg) {
+	throw new Error("Could not find svelte package.json");
+}
+
+console.log("Svelte exports:", svelte_pkg.exports);
+
+const _exports = Object.keys(svelte_pkg.exports)
+	.filter((entry) => {
+		const _entry = Object.keys(svelte_pkg.exports[entry]).filter(
+			(e) => e !== "types"
+		);
+		return _entry.length !== 0;
+	})
+	.map((key) => `svelte${key.replace(/^\./, "")}`);
+
+console.log("Svelte exports:", _exports);
+const output_svelte_dir = join(
+	dir,
+	"..",
+	"..",
+	"..",
+	"gradio",
+	"templates",
+	"frontend",
+	"assets",
+	"svelte"
+);
+
+const plugins = [
+	node({ preferBuiltins: true, browser: true }),
+	json(),
+	cjs(),
+	ts()
+	// terser()
+];
+
+function make_config(input_file, output_file) {
+	return {
+		input: input_file,
+		output: {
+			file: join(output_svelte_dir, output_file),
+			format: "esm"
+		},
+		onwarn,
+		plugins
+	};
+}
+// export default _exports.map((name) => {
+// 	const input_file = name;
+// 	const output_file = `${name.split("/").join("_")}.js`;
+// 	return make_config(input_file, output_file);
+// });
+
+export default {
+	input: _exports,
+	output: {
+		dir: output_svelte_dir,
+		entryFileNames: (chunk) => {
+			const { facadeModuleId: path } = chunk;
+			path.split("node_modules/svelte/")[1];
+			const export_path = path
+				.split("node_modules/svelte/")[1]
+				.replace(/\?.*$/, "");
+			let name = find_in_exports(svelte_pkg.exports, export_path);
+			console.log("Export path:", export_path, "Name:", name);
+			if (name === ".") name = "svelte";
+			if (name) {
+				return (
+					"svelte_" + name.replace(/^\.\//, "").replace(/\//g, "_") + ".js"
+				);
+			}
+			return "[name].js";
+		},
+		format: "esm"
+	},
+	onwarn,
+	plugins
+};
+
+function find_pkg_json(path) {
+	const pkg_json = join(path, "package.json");
+	try {
+		require.resolve(pkg_json);
+		return pkg_json;
+	} catch (e) {
+		const parent = join(path, "..");
+		if (parent === path) return null; // reached the root
+		return find_pkg_json(parent);
+	}
+}
+
+function find_in_exports(_exports, target) {
+	for (const key in _exports) {
+		if (typeof _exports[key] === "string" && _exports[key].endsWith(target)) {
+			return key;
+		} else if (typeof _exports[key] === "object") {
+			for (const subkey in _exports[key]) {
+				if (_exports[key][subkey].endsWith(target)) {
+					return key;
+				}
+			}
+		}
+	}
+	return null;
+}
diff --git a/js/preview/src/_deepmerge_internal.ts b/js/preview/src/_deepmerge_internal.ts
new file mode 100644
index 0000000..a388c9b
--- /dev/null
+++ b/js/preview/src/_deepmerge_internal.ts
@@ -0,0 +1,133 @@
+// this is a copy of the deepemerge source code but with an esm interface rather than commonjs
+
+export const deepmerge = `
+function isMergeableObject(value) {
+	return isNonNullObject(value)
+		&& !isSpecial(value)
+}
+
+function isNonNullObject(value) {
+	return !!value && typeof value === 'object'
+}
+
+function isSpecial(value) {
+	var stringValue = Object.prototype.toString.call(value)
+
+	return stringValue === '[object RegExp]'
+		|| stringValue === '[object Date]'
+		|| isReactElement(value)
+}
+
+var canUseSymbol = typeof Symbol === 'function' && Symbol.for
+var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7
+
+function isReactElement(value) {
+	return value.$$typeof === REACT_ELEMENT_TYPE
+}
+
+var defaultIsMergeableObject = isMergeableObject;
+
+function emptyTarget(val) {
+	return Array.isArray(val) ? [] : {}
+}
+
+function cloneUnlessOtherwiseSpecified(value, options) {
+	return (options.clone !== false && options.isMergeableObject(value))
+		? deepmerge(emptyTarget(value), value, options)
+		: value
+}
+
+function defaultArrayMerge(target, source, options) {
+	return target.concat(source).map(function(element) {
+		return cloneUnlessOtherwiseSpecified(element, options)
+	})
+}
+
+function getMergeFunction(key, options) {
+	if (!options.customMerge) {
+		return deepmerge
+	}
+	var customMerge = options.customMerge(key)
+	return typeof customMerge === 'function' ? customMerge : deepmerge
+}
+
+function getEnumerableOwnPropertySymbols(target) {
+	return Object.getOwnPropertySymbols
+		? Object.getOwnPropertySymbols(target).filter(function(symbol) {
+			return Object.propertyIsEnumerable.call(target, symbol)
+		})
+		: []
+}
+
+function getKeys(target) {
+	return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))
+}
+
+function propertyIsOnObject(object, property) {
+	try {
+		return property in object
+	} catch(_) {
+		return false
+	}
+}
+
+// Protects from prototype poisoning and unexpected merging up the prototype chain.
+function propertyIsUnsafe(target, key) {
+	return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,
+		&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,
+			&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.
+}
+
+function mergeObject(target, source, options) {
+	var destination = {}
+	if (options.isMergeableObject(target)) {
+		getKeys(target).forEach(function(key) {
+			destination[key] = cloneUnlessOtherwiseSpecified(target[key], options)
+		})
+	}
+	getKeys(source).forEach(function(key) {
+		if (propertyIsUnsafe(target, key)) {
+			return
+		}
+
+		if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
+			destination[key] = getMergeFunction(key, options)(target[key], source[key], options)
+		} else {
+			destination[key] = cloneUnlessOtherwiseSpecified(source[key], options)
+		}
+	})
+	return destination
+}
+
+function deepmerge(target, source, options) {
+	options = options || {}
+	options.arrayMerge = options.arrayMerge || defaultArrayMerge
+	options.isMergeableObject = options.isMergeableObject || defaultIsMergeableObject
+	
+	options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified
+
+	var sourceIsArray = Array.isArray(source)
+	var targetIsArray = Array.isArray(target)
+	var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray
+
+	if (!sourceAndTargetTypesMatch) {
+		return cloneUnlessOtherwiseSpecified(source, options)
+	} else if (sourceIsArray) {
+		return options.arrayMerge(target, source, options)
+	} else {
+		return mergeObject(target, source, options)
+	}
+}
+
+deepmerge.all = function deepmergeAll(array, options) {
+	if (!Array.isArray(array)) {
+		throw new Error('first argument should be an array')
+	}
+
+	return array.reduce(function(prev, next) {
+		return deepmerge(prev, next, options)
+	}, {})
+}
+
+export default deepmerge;
+`;
diff --git a/js/preview/src/build.ts b/js/preview/src/build.ts
new file mode 100644
index 0000000..a63d5e9
--- /dev/null
+++ b/js/preview/src/build.ts
@@ -0,0 +1,138 @@
+import * as fs from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+
+import { build } from "vite";
+import type { PreRenderedChunk } from "rollup";
+
+import { plugins, make_gradio_plugin } from "./plugins";
+import { examine_module } from "./index";
+
+interface BuildOptions {
+	component_dir: string;
+	root_dir: string;
+	python_path: string;
+}
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export async function make_build({
+	component_dir,
+	root_dir,
+	python_path
+}: BuildOptions): Promise<void> {
+	process.env.gradio_mode = "dev";
+	const svelte_dir = join(root_dir, "assets", "svelte");
+
+	const module_meta = examine_module(
+		component_dir,
+		root_dir,
+		python_path,
+		"build"
+	);
+	try {
+		for (const comp of module_meta) {
+			const template_dir = comp.template_dir;
+			const source_dir = comp.frontend_dir;
+
+			const pkg = JSON.parse(
+				fs.readFileSync(join(source_dir, "package.json"), "utf-8")
+			);
+			let component_config = {
+				plugins: [],
+				svelte: {
+					preprocess: []
+				},
+				build: {
+					target: []
+				},
+				optimizeDeps: {
+					exclude: ["svelte", "svelte/*"]
+				}
+			};
+
+			if (
+				comp.frontend_dir &&
+				fs.existsSync(join(comp.frontend_dir, "gradio.config.js"))
+			) {
+				const m = await import(
+					join("file://" + comp.frontend_dir, "gradio.config.js")
+				);
+
+				component_config.plugins = m.default.plugins || [];
+				component_config.svelte.preprocess = m.default.svelte?.preprocess || [];
+				component_config.build.target = m.default.build?.target || "modules";
+				component_config.optimizeDeps =
+					m.default.optimizeDeps || component_config.optimizeDeps;
+			}
+
+			const exports: (string | any)[][] = [
+				[
+					join(template_dir, "component"),
+					[
+						join(__dirname, "svelte_runtime_entry.js"),
+						join(source_dir, pkg.exports["."].gradio)
+					]
+				],
+				...(pkg.exports["./example"]
+					? [
+							[
+								join(template_dir, "example"),
+								[
+									join(__dirname, "svelte_runtime_entry.js"),
+									join(source_dir, pkg.exports["./example"].gradio)
+								]
+							]
+						]
+					: [])
+			];
+
+			for (const [out_path, entry_path] of exports) {
+				try {
+					const x = await build({
+						root: source_dir,
+						configFile: false,
+						plugins: [
+							...plugins(component_config),
+							make_gradio_plugin({ svelte_dir, component_dir })
+						],
+						build: {
+							emptyOutDir: true,
+							outDir: out_path,
+							lib: {
+								entry: entry_path,
+								fileName: "index.js",
+								formats: ["es"]
+							},
+							minify: true,
+							rollupOptions: {
+								output: {
+									assetFileNames: (chunkInfo) => {
+										if (chunkInfo.names[0].endsWith(".css")) {
+											return `style.css`;
+										}
+
+										return chunkInfo.names[0];
+									},
+									entryFileNames: (chunkInfo: PreRenderedChunk) => {
+										if (
+											chunkInfo.name.toLocaleLowerCase() ===
+											"svelte_runtime_entry"
+										) {
+											return "svelte_runtime_entry.js";
+										}
+										return "index.js";
+									}
+								}
+							}
+						}
+					});
+				} catch (e) {
+					throw e;
+				}
+			}
+		}
+	} catch (e) {
+		throw e;
+	}
+}
diff --git a/js/preview/src/dev.ts b/js/preview/src/dev.ts
new file mode 100644
index 0000000..ab58227
--- /dev/null
+++ b/js/preview/src/dev.ts
@@ -0,0 +1,220 @@
+import { join } from "path";
+import * as fs from "fs";
+
+import { createServer, createLogger } from "vite";
+import type { PreprocessorGroup } from "svelte/compiler";
+
+import { plugins, make_gradio_plugin } from "./plugins";
+import { examine_module } from "./index";
+
+const vite_messages_to_ignore = [
+	"Default and named imports from CSS files are deprecated.",
+	"The above dynamic import cannot be analyzed by Vite."
+];
+
+const logger = createLogger();
+const originalWarning = logger.warn;
+logger.warn = (msg, options) => {
+	if (vite_messages_to_ignore.some((m) => msg.includes(m))) return;
+
+	originalWarning(msg, options);
+};
+
+const originalError = logger.error;
+
+logger.error = (msg, options) => {
+	if (msg && msg.includes("Pre-transform error")) return;
+	originalError(msg, options);
+};
+
+interface ServerOptions {
+	component_dir: string;
+	root_dir: string;
+	frontend_port: number;
+	backend_port: number;
+	host: string;
+	python_path: string;
+}
+
+export async function create_server({
+	component_dir,
+	root_dir,
+	frontend_port,
+	backend_port,
+	host,
+	python_path
+}: ServerOptions): Promise<void> {
+	process.env.gradio_mode = "dev";
+	const [imports, config, runtimes] = await generate_imports(
+		component_dir,
+		root_dir,
+		python_path
+	);
+
+	const svelte_dir = join(root_dir, "assets", "svelte");
+
+	try {
+		const server = await createServer({
+			customLogger: logger,
+			mode: "development",
+			configFile: false,
+			root: root_dir,
+			server: {
+				port: frontend_port,
+				host: host,
+				fs: {
+					allow: [root_dir, component_dir]
+				}
+			},
+			optimizeDeps: config.optimizeDeps,
+			cacheDir: join(component_dir, "frontend", "node_modules", ".vite"),
+			plugins: [
+				...plugins(config),
+				make_gradio_plugin({
+					backend_port,
+					svelte_dir,
+					component_dir,
+					imports,
+					runtimes
+				})
+			]
+		});
+
+		await server.listen();
+
+		console.info(
+			`[orange3]Frontend Server[/] (Go here): ${server.resolvedUrls?.local}`
+		);
+	} catch (e) {
+		console.error(e);
+	}
+}
+
+function find_frontend_folders(start_path: string): string[] {
+	if (!fs.existsSync(start_path)) {
+		console.warn("No directory found at:", start_path);
+		return [];
+	}
+
+	if (fs.existsSync(join(start_path, "pyproject.toml"))) return [start_path];
+
+	const results: string[] = [];
+	const dir = fs.readdirSync(start_path);
+	dir.forEach((dir) => {
+		const filepath = join(start_path, dir);
+		if (fs.existsSync(filepath)) {
+			if (fs.existsSync(join(filepath, "pyproject.toml")))
+				results.push(filepath);
+		}
+	});
+
+	return results;
+}
+
+function to_posix(_path: string): string {
+	const isExtendedLengthPath = /^\\\\\?\\/.test(_path);
+	const hasNonAscii = /[^\u0000-\u0080]+/.test(_path);
+
+	if (isExtendedLengthPath || hasNonAscii) {
+		return _path;
+	}
+
+	return _path.replace(/\\/g, "/");
+}
+
+export interface ComponentConfig {
+	plugins: any[];
+	svelte: {
+		preprocess: PreprocessorGroup[];
+		extensions?: string[];
+	};
+	build: {
+		target: string | string[];
+	};
+	optimizeDeps: object;
+}
+
+async function generate_imports(
+	component_dir: string,
+	root: string,
+	python_path: string
+): Promise<[string, ComponentConfig, string]> {
+	const components = find_frontend_folders(component_dir);
+
+	const component_entries = components.flatMap((component) => {
+		return examine_module(component, root, python_path, "dev");
+	});
+	if (component_entries.length === 0) {
+		console.info(
+			`No custom components were found in ${component_dir}. It is likely that dev mode does not work properly. Please pass the --gradio-path and --python-path CLI arguments so that gradio uses the right executables.`
+		);
+	}
+
+	let component_config: ComponentConfig = {
+		plugins: [],
+		svelte: {
+			preprocess: []
+		},
+		build: {
+			target: []
+		},
+		optimizeDeps: {
+			exclude: ["svelte", "svelte/*"]
+		}
+	};
+
+	await Promise.all(
+		component_entries.map(async (component) => {
+			if (
+				component.frontend_dir &&
+				fs.existsSync(join(component.frontend_dir, "gradio.config.js"))
+			) {
+				const m = await import(
+					join("file://" + component.frontend_dir, "gradio.config.js")
+				);
+
+				component_config.plugins = m.default.plugins || [];
+				component_config.svelte.preprocess = m.default.svelte?.preprocess || [];
+				component_config.build.target = m.default.build?.target || "modules";
+				component_config.optimizeDeps =
+					m.default.optimizeDeps || component_config.optimizeDeps;
+			} else {
+			}
+		})
+	);
+
+	const imports = component_entries.reduce((acc, component) => {
+		const pkg = JSON.parse(
+			fs.readFileSync(join(component.frontend_dir, "package.json"), "utf-8")
+		);
+
+		const exports: Record<string, any | undefined> = {
+			component: pkg.exports["."],
+			example: pkg.exports["./example"]
+		};
+
+		if (!exports.component)
+			throw new Error(
+				"Could not find component entry point. Please check the exports field of your package.json."
+			);
+
+		const example = exports.example
+			? `example: () => import("/@fs/${to_posix(
+					join(component.frontend_dir, exports.example.gradio)
+				)}"),\n`
+			: "";
+		return `${acc}"${component.component_class_id}": {
+			${example}
+			component: () => import("/@fs/${to_posix(
+				join(component.frontend_dir, exports.component.gradio)
+			)}"),
+
+			},\n`;
+	}, "");
+
+	const runtimes = component_entries.reduce((acc, component) => {
+		return `${acc}"${component.component_class_id}": import("svelte"),\n`;
+	}, "");
+
+	return [`{${imports}}`, component_config, `{${runtimes}}`];
+}
diff --git a/js/preview/src/examine.py b/js/preview/src/examine.py
new file mode 100644
index 0000000..62327c5
--- /dev/null
+++ b/js/preview/src/examine.py
@@ -0,0 +1,76 @@
+import argparse
+import importlib
+import inspect
+import os
+from pathlib import Path
+import sys
+
+from tomlkit import dumps, parse
+
+from gradio.blocks import BlockContext
+from gradio.components import Component
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser(description="Description of your program")
+    parser.add_argument("-m", "--mode", help="Build mode or dev mode")
+    args = parser.parse_args()
+
+    try:
+        with open("../pyproject.toml") as f:
+            pyproject_source = f.read()
+
+        pyproject_toml = parse(pyproject_source)
+        keywords = pyproject_toml["project"]["keywords"]
+        custom_component = ("gradio-custom-component" in  keywords or
+                            "gradio custom component" in keywords)
+        if not custom_component:
+            sys.exit(0)
+
+        module_name = pyproject_toml["project"]["name"]
+        module = importlib.import_module(module_name)
+
+        artifacts: list[str] = pyproject_toml["tool"]["hatch"]["build"]["artifacts"]
+
+        def get_relative_path(path):
+            return (
+                os.path.abspath(Path(__file__).parent / path)
+                .replace(os.path.abspath(os.getcwd()), "")
+                .lstrip("/")
+            )
+
+        for name in dir(module):
+            value = getattr(module, name)
+            if name.startswith("__"):
+                continue
+
+            if inspect.isclass(value) and (
+                issubclass(value, BlockContext) or issubclass(value, Component)
+            ):
+                file_location = Path(inspect.getfile(value)).parent
+
+                found = [
+                    x
+                    for x in artifacts
+                    if get_relative_path(Path("..") / x)
+                    == get_relative_path(file_location / value.TEMPLATE_DIR)
+                ]
+                if len(found) == 0:
+                    artifact = "/" + (os.path.abspath(file_location / value.TEMPLATE_DIR)
+                        .replace(os.path.abspath(Path("..")), "")
+                        .lstrip("/"))
+                    if artifact not in artifacts:
+                        artifacts.append(artifact)
+
+                print(
+                    f"{name}~|~|~|~{os.path.abspath(file_location  / value.TEMPLATE_DIR)}~|~|~|~{os.path.abspath(file_location / value.FRONTEND_DIR)}~|~|~|~{value.get_component_class_id()}"
+                )
+                continue
+
+        if args.mode == "build":
+            pyproject_toml["tool"]["hatch"]["build"]["artifacts"] = artifacts
+
+            with open("../pyproject.toml", "w") as f:
+                f.write(dumps(pyproject_toml))
+    except Exception as e:
+        _, _, exc_tb = sys.exc_info()
+        print(f"|EXCEPTION|:{str(e)}, examine.py line {exc_tb.tb_lineno}")
\ No newline at end of file
diff --git a/js/preview/src/hooks.mjs b/js/preview/src/hooks.mjs
new file mode 100644
index 0000000..6edabab
--- /dev/null
+++ b/js/preview/src/hooks.mjs
@@ -0,0 +1,19 @@
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export async function resolve(specifier, context, nextResolve) {
+	// Take an `import` or `require` specifier and resolve it to a URL.
+	if (specifier === "svelte/internal" || specifier === "svelte") {
+		return nextResolve(
+			join(__dirname, "frontend", "assets", "svelte", "svelte.js")
+		);
+	}
+	if (specifier.startsWith("svelte/")) {
+		return nextResolve(
+			join(__dirname, "frontend", "assets", "svelte", "svelte-submodules.js")
+		);
+	}
+	return nextResolve(specifier);
+}
diff --git a/js/preview/src/index.ts b/js/preview/src/index.ts
new file mode 100644
index 0000000..e4cf51b
--- /dev/null
+++ b/js/preview/src/index.ts
@@ -0,0 +1,202 @@
+import { type ChildProcess, spawn, spawnSync } from "node:child_process";
+import * as net from "net";
+
+import { create_server, type ComponentConfig } from "./dev";
+import { make_build } from "./build";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export interface ComponentMeta {
+	name: string;
+	template_dir: string;
+	frontend_dir: string;
+	component_class_id: string;
+}
+
+const args = process.argv.slice(2);
+// get individual args as `--arg value` or `value`
+
+function parse_args(args: string[]): Record<string, string> {
+	const arg_map: Record<string, string> = {};
+	for (let i = 0; i < args.length; i++) {
+		const arg = args[i];
+		if (arg.startsWith("--")) {
+			const name = arg.slice(2);
+			const value = args[i + 1];
+			arg_map[name] = value;
+			i++;
+		}
+	}
+	return arg_map;
+}
+
+const parsed_args = parse_args(args);
+
+async function run(): Promise<void> {
+	if (parsed_args.mode === "build") {
+		await make_build({
+			component_dir: parsed_args["component-directory"],
+			root_dir: parsed_args.root,
+			python_path: parsed_args["python-path"]
+		});
+	} else {
+		const [backend_port, frontend_port] = await find_free_ports(7860, 8860);
+		const options = {
+			component_dir: parsed_args["component-directory"],
+			root_dir: parsed_args.root,
+			frontend_port,
+			backend_port,
+			host: parsed_args.host,
+			...parsed_args
+		};
+		process.env.GRADIO_BACKEND_PORT = backend_port.toString();
+		const _process = spawn(
+			parsed_args["gradio-path"],
+			[parsed_args.app, "--watch-dirs", options.component_dir],
+			{
+				shell: false,
+				stdio: "pipe",
+				cwd: process.cwd(),
+				env: {
+					...process.env,
+					GRADIO_SERVER_PORT: backend_port.toString(),
+					PYTHONUNBUFFERED: "true"
+				}
+			}
+		);
+
+		_process.stdout.setEncoding("utf8");
+		_process.stderr.setEncoding("utf8");
+
+		function std_out(mode: "stdout" | "stderr") {
+			return function (data: Buffer): void {
+				const _data = data.toString();
+
+				if (_data.includes("Running on")) {
+					create_server({
+						component_dir: options.component_dir,
+						root_dir: options.root_dir,
+						frontend_port,
+						backend_port,
+						host: options.host,
+						python_path: parsed_args["python-path"]
+					});
+				}
+
+				process[mode].write(_data);
+			};
+		}
+
+		_process.stdout.on("data", std_out("stdout"));
+		_process.stderr.on("data", std_out("stderr"));
+		_process.on("exit", () => kill_process(_process));
+		_process.on("close", () => kill_process(_process));
+		_process.on("disconnect", () => kill_process(_process));
+	}
+}
+
+function kill_process(process: ChildProcess): void {
+	process.kill("SIGKILL");
+}
+
+export { create_server };
+
+run();
+
+export async function find_free_ports(
+	start_port: number,
+	end_port: number
+): Promise<[number, number]> {
+	let found_ports: number[] = [];
+
+	for (let port = start_port; port < end_port; port++) {
+		if (await is_free_port(port)) {
+			found_ports.push(port);
+			if (found_ports.length === 2) {
+				return [found_ports[0], found_ports[1]];
+			}
+		}
+	}
+
+	throw new Error(
+		`Could not find free ports: there were not enough ports available.`
+	);
+}
+
+export function is_free_port(port: number): Promise<boolean> {
+	return new Promise((accept, reject) => {
+		const sock = net.createConnection(port, "127.0.0.1");
+		setTimeout(() => {
+			sock.destroy();
+			reject(
+				new Error(`Timeout while detecting free port with 127.0.0.1:${port} `)
+			);
+		}, 3000);
+		sock.once("connect", () => {
+			sock.end();
+			accept(false);
+		});
+		sock.once("error", (e) => {
+			sock.destroy();
+			//@ts-ignore
+			if (e.code === "ECONNREFUSED") {
+				accept(true);
+			} else {
+				reject(e);
+			}
+		});
+	});
+}
+
+function is_truthy<T>(value: T | null | undefined | false): value is T {
+	return value !== null && value !== undefined && value !== false;
+}
+
+export function examine_module(
+	component_dir: string,
+	root: string,
+	python_path: string,
+	mode: "build" | "dev"
+): ComponentMeta[] {
+	const _process = spawnSync(
+		python_path,
+		[join(__dirname, "examine.py"), "-m", mode],
+		{
+			cwd: join(component_dir, "backend"),
+			stdio: "pipe"
+		}
+	);
+	const exceptions: string[] = [];
+
+	const components = _process.stdout
+		.toString()
+		.trim()
+		.split("\n")
+		.map((line) => {
+			if (line.startsWith("|EXCEPTION|")) {
+				exceptions.push(line.slice("|EXCEPTION|:".length));
+			}
+			const [name, template_dir, frontend_dir, component_class_id] =
+				line.split("~|~|~|~");
+			if (name && template_dir && frontend_dir && component_class_id) {
+				return {
+					name: name.trim(),
+					template_dir: template_dir.trim(),
+					frontend_dir: frontend_dir.trim(),
+					component_class_id: component_class_id.trim()
+				};
+			}
+			return false;
+		})
+		.filter(is_truthy);
+	if (exceptions.length > 0) {
+		console.info(
+			`While searching for gradio custom component source directories in ${component_dir}, the following exceptions were raised. If dev mode does not work properly please pass the --gradio-path and --python-path CLI arguments so that gradio uses the right executables: ${exceptions.join(
+				"\n"
+			)}`
+		);
+	}
+	return components;
+}
diff --git a/js/preview/src/placeholder.ts b/js/preview/src/placeholder.ts
new file mode 100644
index 0000000..ff8b4c5
--- /dev/null
+++ b/js/preview/src/placeholder.ts
@@ -0,0 +1 @@
+export default {};
diff --git a/js/preview/src/plugins.ts b/js/preview/src/plugins.ts
new file mode 100644
index 0000000..13bf0bd
--- /dev/null
+++ b/js/preview/src/plugins.ts
@@ -0,0 +1,155 @@
+import type { Plugin, PluginOption } from "vite";
+import { svelte } from "@sveltejs/vite-plugin-svelte";
+import { join, dirname } from "path";
+import { createRequire } from "module";
+import { readFileSync } from "fs";
+import { type ComponentConfig } from "./dev";
+import type { PreprocessorGroup } from "svelte/compiler";
+import { sveltePreprocess } from "svelte-preprocess";
+
+const svelte_codes_to_ignore: Record<string, string> = {
+	"reactive-component": "Icon"
+};
+
+export function plugins(config: ComponentConfig): PluginOption[] {
+	const _additional_plugins = config.plugins || [];
+	const _additional_svelte_preprocess = config.svelte?.preprocess || [];
+	const _svelte_extensions = (config.svelte?.extensions || [".svelte"]).map(
+		(ext) => {
+			if (ext.trim().startsWith(".")) {
+				return ext;
+			}
+			return `.${ext.trim()}`;
+		}
+	);
+
+	if (!_svelte_extensions.includes(".svelte")) {
+		_svelte_extensions.push(".svelte");
+	}
+
+	return [
+		svelte({
+			inspector: false,
+			onwarn(warning, handler) {
+				if (
+					svelte_codes_to_ignore.hasOwnProperty(warning.code) &&
+					svelte_codes_to_ignore[warning.code] &&
+					warning.message.includes(svelte_codes_to_ignore[warning.code])
+				) {
+					return;
+				}
+				handler!(warning);
+			},
+			prebundleSvelteLibraries: false,
+			compilerOptions: {
+				discloseVersion: false,
+				hmr: true
+			},
+			extensions: _svelte_extensions,
+			preprocess: [
+				sveltePreprocess({
+					typescript: {
+						compilerOptions: {
+							declaration: false,
+							declarationMap: false
+						}
+					}
+				}),
+				...(_additional_svelte_preprocess as PreprocessorGroup[])
+			]
+		}),
+		..._additional_plugins
+	];
+}
+
+function resolve_svelte_entry(id: string, base_dir: string): string | null {
+	const require_fn = createRequire(join(base_dir, "frontend", "_"));
+	try {
+		const svelte_pkg_path = require_fn.resolve("svelte/package.json");
+		const svelte_dir = dirname(svelte_pkg_path);
+		const pkg = JSON.parse(readFileSync(svelte_pkg_path, "utf-8"));
+
+		const subpath = id === "svelte" ? "." : "./" + id.slice("svelte/".length);
+
+		if (pkg.exports && pkg.exports[subpath]) {
+			const entry = pkg.exports[subpath];
+			const resolved =
+				typeof entry === "string" ? entry : entry.browser || entry.default;
+			if (resolved) {
+				return join(svelte_dir, resolved);
+			}
+		}
+	} catch {
+		return null;
+	}
+	return null;
+}
+
+interface GradioPluginOptions {
+	svelte_dir: string;
+	component_dir: string;
+	backend_port?: number;
+	imports?: string;
+	runtimes?: string;
+}
+
+export function make_gradio_plugin({
+	backend_port,
+	component_dir,
+	imports,
+	runtimes
+}: GradioPluginOptions): Plugin {
+	const v_id = "virtual:component-loader";
+	const v_id_2 = "virtual:cc-init";
+	const resolved_v_id = "\0" + v_id;
+	const resolved_v_id_2 = "\0" + v_id_2;
+	return {
+		name: "gradio",
+		enforce: "pre",
+		resolveId(id) {
+			if (id === v_id) {
+				return resolved_v_id;
+			}
+			if (id === v_id_2) {
+				return resolved_v_id_2;
+			}
+
+			if (id.startsWith("svelte")) {
+				const resolved = resolve_svelte_entry(id, component_dir);
+				if (resolved) {
+					return resolved;
+				}
+			}
+		},
+		load(id) {
+			if (id === resolved_v_id) {
+				return `export default {};`;
+			}
+
+			if (id === resolved_v_id_2) {
+				return `window.__GRADIO_DEV__ = "dev";
+      window.__GRADIO__SERVER_PORT__ = ${backend_port};
+      window.__GRADIO__CC__ = ${imports};
+      window.__GRADIO__CC__RUNTIMES__ = ${runtimes};`;
+			}
+		},
+		transform(code, id) {
+			return code.replace('"_NORMAL_"', '"_CC_"');
+		}
+	};
+}
+
+// export const deepmerge_plugin: Plugin = {
+//   name: "deepmerge",
+//   enforce: "pre",
+//   resolveId(id) {
+//     if (id === "deepmerge") {
+//       return "deepmerge_internal";
+//     }
+//   },
+//   load(id) {
+//     if (id === "deepmerge_internal") {
+//       return deepmerge;
+//     }
+//   },
+// };
diff --git a/js/preview/src/register.mjs b/js/preview/src/register.mjs
new file mode 100644
index 0000000..aa94883
--- /dev/null
+++ b/js/preview/src/register.mjs
@@ -0,0 +1,3 @@
+import { register } from "node:module";
+
+register("./hooks.mjs", import.meta.url);
diff --git a/js/preview/src/svelte_runtime_entry.js b/js/preview/src/svelte_runtime_entry.js
new file mode 100644
index 0000000..bac89ce
--- /dev/null
+++ b/js/preview/src/svelte_runtime_entry.js
@@ -0,0 +1,3 @@
+export { mount, unmount } from "svelte";
+//@ts-ignore
+export * as SVELTE_VERSION from "svelte/internal/disclose-version";
diff --git a/js/preview/test/test/.gitignore b/js/preview/test/test/.gitignore
new file mode 100644
index 0000000..60188ee
--- /dev/null
+++ b/js/preview/test/test/.gitignore
@@ -0,0 +1,9 @@
+.eggs/
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+__tmp/*
+*.pyi
+node_modules
\ No newline at end of file
diff --git a/js/preview/test/test/backend/gradio_test/__init__.py b/js/preview/test/test/backend/gradio_test/__init__.py
new file mode 100644
index 0000000..50ea907
--- /dev/null
+++ b/js/preview/test/test/backend/gradio_test/__init__.py
@@ -0,0 +1,4 @@
+
+from .test import Test
+
+__all__ = ['Test']
diff --git a/js/preview/test/test/backend/gradio_test/test.py b/js/preview/test/test/backend/gradio_test/test.py
new file mode 100644
index 0000000..ee340ca
--- /dev/null
+++ b/js/preview/test/test/backend/gradio_test/test.py
@@ -0,0 +1,15 @@
+from gradio.components.base import Component
+
+
+class Test(Component):
+    def preprocess(self, x):
+        return x
+
+    def postprocess(self, x):
+        return x
+
+    def example_inputs(self):
+        return {"foo": "bar"}
+
+    def api_info(self):
+        return {"type": {}, "description": "any valid json"}
diff --git a/js/preview/test/test/demo/__init__.py b/js/preview/test/test/demo/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/js/preview/test/test/demo/app.py b/js/preview/test/test/demo/app.py
new file mode 100644
index 0000000..f6bdf18
--- /dev/null
+++ b/js/preview/test/test/demo/app.py
@@ -0,0 +1,13 @@
+
+from gradio_test import Test
+
+import gradio as gr
+
+example = Test().example_inputs()
+
+with gr.Blocks() as demo:
+    Test(value=example, interactive=True)
+    Test(value=example, interactive=False)
+
+
+demo.launch()
diff --git a/js/preview/test/test/frontend/CHANGELOG.md b/js/preview/test/test/frontend/CHANGELOG.md
new file mode 100644
index 0000000..2fe7246
--- /dev/null
+++ b/js/preview/test/test/frontend/CHANGELOG.md
@@ -0,0 +1,188 @@
+# gradio_test
+
+## 0.6.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+## 0.5.2
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+## 0.5.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+## 0.5.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8189](https://github.com/gradio-app/gradio/pull/8189) [`68dcae5`](https://github.com/gradio-app/gradio/commit/68dcae512c0fb699304446c3b1ae2afaba1a63d2) - Use workspace version for code in _website.  Thanks @aliabd!
+
+## 0.4.0
+
+### Features
+
+- [#6787](https://github.com/gradio-app/gradio/pull/6787) [`15a7106`](https://github.com/gradio-app/gradio/commit/15a7106a36874310f5ace9cf6e32744069ca1cce) - allow custom component authors to provide custom vite plugins and svelte preprocessors.  Thanks @pngwn!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.3.8
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.3.0
+
+### Features
+
+- [#6532](https://github.com/gradio-app/gradio/pull/6532) [`96290d304`](https://github.com/gradio-app/gradio/commit/96290d304a61064b52c10a54b2feeb09ca007542) - tweak deps. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix cc build. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Swap websockets for SSE. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6069](https://github.com/gradio-app/gradio/pull/6069) [`bf127e124`](https://github.com/gradio-app/gradio/commit/bf127e1241a41401e144874ea468dff8474eb505) - Swap websockets for SSE. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6079](https://github.com/gradio-app/gradio/pull/6079) [`3b2d9eaa3`](https://github.com/gradio-app/gradio/commit/3b2d9eaa3e84de3e4a0799e4585a94510d665f26) - fix cc build. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/preview/test/test/frontend/Example.svelte b/js/preview/test/test/frontend/Example.svelte
new file mode 100644
index 0000000..6b6a4a0
--- /dev/null
+++ b/js/preview/test/test/frontend/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/preview/test/test/frontend/Index.svelte b/js/preview/test/test/frontend/Index.svelte
new file mode 100644
index 0000000..95c7a51
--- /dev/null
+++ b/js/preview/test/test/frontend/Index.svelte
@@ -0,0 +1,113 @@
+<script lang="ts">
+	import "./main.css";
+	import { JsonView } from "@zerodevx/svelte-json-view";
+
+	import type { Gradio } from "@gradio/utils";
+	import { Block, Info } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+	import type { SelectData } from "@gradio/utils";
+
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible: boolean | "hidden" = true;
+	export let value = false;
+	// export let value_is_output = false;
+	// export let label = "Checkbox";
+	// export let info: string | undefined = undefined;
+	export let container = true;
+	export let scale: number | null = null;
+	export let min_width: number | undefined = undefined;
+	export let loading_status: LoadingStatus;
+	export let gradio: Gradio<{
+		change: never;
+		select: SelectData;
+		input: never;
+	}>;
+</script>
+
+<div class="relative flex min-h-screen flex-col justify-center overflow-hidden">
+	<div
+		class="relative bg-white px-6 pt-10 pb-8 shadow-xl ring-1 ring-gray-900/5 sm:mx-auto sm:max-w-lg sm:rounded-lg sm:px-10"
+	>
+		<div class="mx-auto max-w-md">
+			<h1 class="text-xl! font-bold! text-gray-900">
+				<span class="text-blue-500">Tailwind</span> in Gradio
+			</h1>
+			<h2><em>(i hope you're happy now)</em></h2>
+			<div class="divide-y divide-gray-300/50">
+				<div class="space-y-6 py-8 text-base leading-7 text-gray-600">
+					<p>
+						An advanced online playground for Tailwind CSS, including support
+						for things like:
+					</p>
+					<ul class="space-y-4 my-4!">
+						<li class="flex items-center">
+							<svg
+								class="h-6 w-6 flex-none fill-sky-100 stroke-sky-500 stroke-2 mr-4"
+								stroke-linecap="round"
+								stroke-linejoin="round"
+							>
+								<circle cx="12" cy="12" r="11" />
+								<path
+									d="m8 13 2.165 2.165a1 1 0 0 0 1.521-.126L16 9"
+									fill="none"
+								/>
+							</svg>
+							<p class="ml-4">
+								Customizing your
+								<code class="text-sm font-bold text-gray-900"
+									>tailwind.config.js</code
+								> file
+							</p>
+						</li>
+						<li class="flex items-center">
+							<svg
+								class="h-6 w-6 flex-none fill-sky-100 stroke-sky-500 stroke-2 mr-4"
+								stroke-linecap="round"
+								stroke-linejoin="round"
+							>
+								<circle cx="12" cy="12" r="11" />
+								<path
+									d="m8 13 2.165 2.165a1 1 0 0 0 1.521-.126L16 9"
+									fill="none"
+								/>
+							</svg>
+							<p class="ml-4">
+								Extracting classes with
+								<code class="text-sm font-bold text-gray-900">@apply</code>
+							</p>
+						</li>
+						<li class="flex items-center">
+							<svg
+								class="h-6 w-6 flex-none fill-sky-100 stroke-sky-500 stroke-2 mr-4"
+								stroke-linecap="round"
+								stroke-linejoin="round"
+							>
+								<circle cx="12" cy="12" r="11" />
+								<path
+									d="m8 13 2.165 2.165a1 1 0 0 0 1.521-.126L16 9"
+									fill="none"
+								/>
+							</svg>
+							<p class="ml-4">Code completion with instant preview</p>
+						</li>
+					</ul>
+					<p>
+						Perfect for learning how the framework works, prototyping a new
+						idea, or creating a demo to share online.
+					</p>
+				</div>
+				<div class="pt-8 text-base font-semibold leading-7">
+					<p class="text-gray-900">Want to dig deeper into Tailwind?</p>
+					<p>
+						<a
+							href="https://tailwindcss.com/docs"
+							class="text-sky-500 hover:text-sky-600">Read the docs &rarr;</a
+						>
+					</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
diff --git a/js/preview/test/test/frontend/gradio.config.js b/js/preview/test/test/frontend/gradio.config.js
new file mode 100644
index 0000000..5c4edd8
--- /dev/null
+++ b/js/preview/test/test/frontend/gradio.config.js
@@ -0,0 +1,8 @@
+import tailwindcss from "@tailwindcss/vite";
+
+export default {
+	plugins: [tailwindcss()],
+	svelte: {
+		preprocess: require("svelte-preprocess")()
+	}
+};
diff --git a/js/preview/test/test/frontend/main.css b/js/preview/test/test/frontend/main.css
new file mode 100644
index 0000000..f1d8c73
--- /dev/null
+++ b/js/preview/test/test/frontend/main.css
@@ -0,0 +1 @@
+@import "tailwindcss";
diff --git a/js/preview/test/test/frontend/package.json b/js/preview/test/test/frontend/package.json
new file mode 100644
index 0000000..32d6617
--- /dev/null
+++ b/js/preview/test/test/frontend/package.json
@@ -0,0 +1,22 @@
+{
+	"name": "gradio_test",
+	"version": "0.6.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": true,
+	"main_changeset": true,
+	"exports": {
+		".": "./Index.svelte",
+		"./example": "./Example.svelte",
+		"./package.json": "./package.json"
+	},
+	"dependencies": {},
+	"devDependencies": {},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/preview/test/test/frontend"
+	}
+}
diff --git a/js/preview/test/test/pyproject.toml b/js/preview/test/test/pyproject.toml
new file mode 100644
index 0000000..c160f63
--- /dev/null
+++ b/js/preview/test/test/pyproject.toml
@@ -0,0 +1,47 @@
+[build-system]
+requires = [
+  "hatchling",
+  "hatch-requirements-txt",
+  "hatch-fancy-pypi-readme>=22.5.0",
+]
+build-backend = "hatchling.build"
+
+[project]
+name = "gradio_test"
+version = "0.0.1"
+description = "Python library for easily interacting with trained machine learning models"
+license = "Apache-2.0"
+requires-python = ">=3.8"
+authors = [{ name = "YOUR NAME", email = "YOUREMAIL@domain.com" }]
+keywords = [
+  "machine learning",
+  "reproducibility",
+  "visualization",
+  "gradio",
+  "gradio custom component",
+]
+# Add dependencies here
+dependencies = ["gradio"]
+classifiers = [
+  'Development Status :: 3 - Alpha',
+  'License :: OSI Approved :: Apache Software License',
+  'Operating System :: OS Independent',
+  'Programming Language :: Python :: 3',
+  'Programming Language :: Python :: 3 :: Only',
+  'Programming Language :: Python :: 3.8',
+  'Programming Language :: Python :: 3.9',
+  'Programming Language :: Python :: 3.10',
+  'Programming Language :: Python :: 3.11',
+  'Topic :: Scientific/Engineering',
+  'Topic :: Scientific/Engineering :: Artificial Intelligence',
+  'Topic :: Scientific/Engineering :: Visualization',
+]
+
+[project.optional-dependencies]
+dev = ["build", "twine"]
+
+[tool.hatch.build]
+artifacts = ["/backend/gradio_test/templates", "*.pyi", "backend/gradio_test/templates", "backend/gradio_test/templates"]
+
+[tool.hatch.build.targets.wheel]
+packages = ["/backend/gradio_test"]
diff --git a/js/preview/vite.config.ts b/js/preview/vite.config.ts
new file mode 100644
index 0000000..7561f66
--- /dev/null
+++ b/js/preview/vite.config.ts
@@ -0,0 +1,35 @@
+import { defineConfig } from "vite";
+import { cpSync, write } from "fs";
+import { join } from "node:path";
+import { createRequire } from "node:module";
+
+const require = createRequire(import.meta.url);
+const dir = require.resolve("./package.json");
+
+const template_dir = join(dir, "..", "..", "..", "gradio", "templates");
+
+export default defineConfig({
+	build: {
+		lib: {
+			entry: "./src/index.ts",
+			formats: ["es"]
+		},
+		outDir: "dist",
+		rollupOptions: {
+			external: ["fsevents", "vite", "@sveltejs/vite-plugin-svelte"]
+		}
+	},
+	plugins: [copy_files()]
+});
+
+export function copy_files() {
+	return {
+		name: "copy_files",
+		writeBundle() {
+			cpSync("./src/examine.py", "dist/examine.py");
+			cpSync("./src/svelte_runtime_entry.js", "dist/svelte_runtime_entry.js");
+			cpSync("./src/register.mjs", join(template_dir, "register.mjs"));
+			cpSync("./src/hooks.mjs", join(template_dir, "hooks.mjs"));
+		}
+	};
+}
diff --git a/js/radio/CHANGELOG.md b/js/radio/CHANGELOG.md
new file mode 100644
index 0000000..bdd39a9
--- /dev/null
+++ b/js/radio/CHANGELOG.md
@@ -0,0 +1,879 @@
+# @gradio/radio
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.12.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+- [#13534](https://github.com/gradio-app/gradio/pull/13534) [`a11c728`](https://github.com/gradio-app/gradio/commit/a11c7282461ccef90f24a031d77a597ac9ae3d0e) - Re-translate i18n choices display names when the language is switched at runtime.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.11.0
+
+### Features
+
+- [#13516](https://github.com/gradio-app/gradio/pull/13516) [`8ec4cbc`](https://github.com/gradio-app/gradio/commit/8ec4cbc8de3bbc1d8ecb660ad8dd22ad35500e1c) - Translate i18n `choices` display names in choice-based components.  Thanks @hysts!
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.10.0
+
+### Features
+
+- [#13021](https://github.com/gradio-app/gradio/pull/13021) [`5c4dc6a`](https://github.com/gradio-app/gradio/commit/5c4dc6aca11575cf4fec6704afd48a54664f983f) - add core themes.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.9.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.9.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.8.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.8.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix font
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add back default values for labels
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix some e2e tests
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.8.0-dev.1
+
+### Features
+
+- [#12375](https://github.com/gradio-app/gradio/pull/12375) [`2043967`](https://github.com/gradio-app/gradio/commit/2043967b958be9d51c4ee25272afa84bf0dbea08) - fix font.  Thanks @pngwn!
+- [#12378](https://github.com/gradio-app/gradio/pull/12378) [`f5e5344`](https://github.com/gradio-app/gradio/commit/f5e5344db61eba28253719928577dc2c495958e1) - Fix some e2e tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.7.13-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.7.12
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.7.12
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.7.11
+
+### Fixes
+
+- [#11810](https://github.com/gradio-app/gradio/pull/11810) [`daf7f1e`](https://github.com/gradio-app/gradio/commit/daf7f1e1a8d65b74623f131aaf8bd82f8f661edb) - Ensure input events fires as expected in gr.Radio.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.7.6
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+
+## 0.7.0
+
+### Features
+
+- [#10923](https://github.com/gradio-app/gradio/pull/10923) [`8a62c7e`](https://github.com/gradio-app/gradio/commit/8a62c7e90b5e0945709d97e34f405a7f92675ab0) - Add `rtl` to `gr.Radio`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+
+## 0.6.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.6.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.6.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.6.7
+
+### Fixes
+
+- [#9901](https://github.com/gradio-app/gradio/pull/9901) [`74b4ff0`](https://github.com/gradio-app/gradio/commit/74b4ff0e61a2a32e1cd5e3354d3002b369c7ad83) - Ensure radio radius is consistent with checkbox radius.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.6.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Decrease component radii and remove input shadows
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix change triggers for dropdown and radio
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.6.0-beta.5
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.6.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.6.0-beta.3
+
+### Features
+
+- [#9519](https://github.com/gradio-app/gradio/pull/9519) [`0ab6ac5`](https://github.com/gradio-app/gradio/commit/0ab6ac5dc01b69e4f2462d00c4910f3354441227) - Fix change triggers for dropdown and radio.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.6.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.6.0-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.6.0-beta.1
+
+### Features
+
+- [#9216](https://github.com/gradio-app/gradio/pull/9216) [`e137b30`](https://github.com/gradio-app/gradio/commit/e137b30b1a53ca32d3cd809d31e97d5d54a4e479) - Decrease component radii and remove input shadows.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.5.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.5.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.5.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.4.7
+
+### Fixes
+
+- [#7762](https://github.com/gradio-app/gradio/pull/7762) [`e78bca4`](https://github.com/gradio-app/gradio/commit/e78bca4f3789b5b229f6e5f402a1028c7b3bad33) - Trigger input event for Radio even when radio is output component.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.4.6
+
+### Features
+
+- [#7743](https://github.com/gradio-app/gradio/pull/7743) [`a2badf1`](https://github.com/gradio-app/gradio/commit/a2badf151e3f4b1b5ac80621ee189870a71893c5) - Migrate to Storybook 8.  Thanks @hannahblair!
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.4.2
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.4.0
+
+### Fixes
+
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.7
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.3.6
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.3.1
+
+### Fixes
+
+- [#6262](https://github.com/gradio-app/gradio/pull/6262) [`afb72bd19`](https://github.com/gradio-app/gradio/commit/afb72bd1970e6c43ddba0638fe9861330bdabb64) - Fix bug where radio.select passes the previous value to the function instead of the selected value. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6249](https://github.com/gradio-app/gradio/pull/6249) [`2cffcf3c3`](https://github.com/gradio-app/gradio/commit/2cffcf3c39acd782f314f8a406100ae22e0809b7) - ensure radios have different names. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Remove duplicate `elem_ids` from components. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6152](https://github.com/gradio-app/gradio/pull/6152) [`982bff2fd`](https://github.com/gradio-app/gradio/commit/982bff2fdd938b798c400fb90d1cf0caf7278894) - Remove duplicate `elem_ids` from components. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6026](https://github.com/gradio-app/gradio/pull/6026) [`338969af2`](https://github.com/gradio-app/gradio/commit/338969af290de032f9cdc204dab8a50be3bf3cc5) - V4: Single-file implementation of form components. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.3.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#5384](https://github.com/gradio-app/gradio/pull/5384) [`ddc02268`](https://github.com/gradio-app/gradio/commit/ddc02268f731bd2ed04b7a5854accf3383f9a0da) - Allows the `gr.Dropdown` to have separate names and values, as well as enables `allow_custom_value` for multiselect dropdown. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#5232](https://github.com/gradio-app/gradio/pull/5232) [`c57d4c23`](https://github.com/gradio-app/gradio/commit/c57d4c232a97e03b4671f9e9edc3af456438fe89) - `gr.Radio` and `gr.CheckboxGroup` can now accept different names and values. Thanks [@abidlabs](https://github.com/abidlabs)!
\ No newline at end of file
diff --git a/js/radio/Example.svelte b/js/radio/Example.svelte
new file mode 100644
index 0000000..9a1a056
--- /dev/null
+++ b/js/radio/Example.svelte
@@ -0,0 +1,29 @@
+<script lang="ts">
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+	export let choices: [string, string | number][];
+
+	let name_string: string;
+
+	if (value === null) {
+		name_string = "";
+	} else {
+		let name = choices.find((pair) => pair[1] === value);
+		name_string = name ? name[0] : "";
+	}
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{name_string}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/radio/Index.svelte b/js/radio/Index.svelte
new file mode 100644
index 0000000..771e9c1
--- /dev/null
+++ b/js/radio/Index.svelte
@@ -0,0 +1,84 @@
+<script context="module" lang="ts">
+	export { default as BaseRadio } from "./shared/Radio.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import { Block, BlockTitle, IconButtonWrapper } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import BaseRadio from "./shared/Radio.svelte";
+	import type { RadioEvents, RadioProps } from "./types";
+
+	const props = $props();
+
+	const gradio = new Gradio<RadioEvents, RadioProps>(props);
+
+	let disabled = $derived(!gradio.shared.interactive);
+
+	let old_value = $state(gradio.props.value);
+	$effect(() => {
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	type="fieldset"
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	rtl={gradio.props.rtl}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+	{#if gradio.shared.show_label && gradio.props.buttons && gradio.props.buttons.length > 0}
+		<IconButtonWrapper
+			buttons={gradio.props.buttons}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+		/>
+	{/if}
+
+	<BlockTitle show_label={gradio.shared.show_label} info={gradio.props.info}
+		>{gradio.shared.label || gradio.i18n("radio.radio")}</BlockTitle
+	>
+
+	<div class="wrap">
+		{#each gradio.props.choices as [display_value, internal_value], i (i)}
+			<BaseRadio
+				display_value={gradio.live_i18n(display_value)}
+				{internal_value}
+				bind:selected={gradio.props.value}
+				{disabled}
+				rtl={gradio.props.rtl}
+				on_input={() => {
+					gradio.dispatch("input");
+					gradio.dispatch("select", {
+						value: internal_value,
+						index: i
+					});
+				}}
+			/>
+		{/each}
+	</div>
+</Block>
+
+<style>
+	.wrap {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--checkbox-label-gap);
+	}
+</style>
diff --git a/js/radio/README.md b/js/radio/README.md
new file mode 100644
index 0000000..e42bc37
--- /dev/null
+++ b/js/radio/README.md
@@ -0,0 +1,23 @@
+# `@gradio/radio`
+
+```html
+<script>
+    import { BaseRadio, BaseExample } from "@gradio/radio"; 
+</script>
+```
+
+BaseRadio
+```javascript
+	export let display_value: string;
+	export let internal_value: string | number;
+	export let disabled = false;
+	export let elem_id = "";
+	export let selected: string | number | null = null;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/radio/Radio.stories.svelte b/js/radio/Radio.stories.svelte
new file mode 100644
index 0000000..c4ab987
--- /dev/null
+++ b/js/radio/Radio.stories.svelte
@@ -0,0 +1,83 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Radio from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Radio",
+		component: Radio,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The radio group label"
+			},
+			interactive: {
+				control: "boolean",
+				description: "Whether the radio is interactive"
+			},
+			rtl: {
+				control: "boolean",
+				description: "Whether to render right-to-left"
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Radio {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Radio with choices"
+	args={{
+		value: "jump again",
+		choices: [
+			["run", "run"],
+			["swim", "swim"],
+			["jump", "jump"],
+			["jump", "jump again"]
+		],
+		label: "Radio",
+		interactive: true
+	}}
+	{template}
+/>
+<Story
+	name="Radio with right to left text"
+	args={{
+		value: "option1",
+		choices: [
+			["Option 1", "option1"],
+			["Option 2", "option2"],
+			["Option 3", "option3"],
+			["Option 4", "option4"]
+		],
+		rtl: true,
+		label: "RTL Radio",
+		interactive: true
+	}}
+	{template}
+/>
+<Story
+	name="Radio disabled"
+	args={{
+		value: "swim",
+		choices: [
+			["Run", "run"],
+			["Swim", "swim"],
+			["Jump", "jump"]
+		],
+		label: "Disabled Radio",
+		interactive: false
+	}}
+	{template}
+/>
diff --git a/js/radio/Radio.test.ts b/js/radio/Radio.test.ts
new file mode 100644
index 0000000..3b7f2cd
--- /dev/null
+++ b/js/radio/Radio.test.ts
@@ -0,0 +1,412 @@
+import { test, describe, expect, afterEach, beforeAll } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+import { setupi18n, changeLocale } from "../core/src/i18n";
+import { formatter, reactive_formatter } from "../core/src/gradio_helper";
+
+import Radio from "./Index.svelte";
+
+// Build a real i18n marker the way the backend's I18nData does.
+const marker = (key: string): string =>
+	`__i18n__${JSON.stringify({ __type__: "translation_metadata", key })}`;
+
+afterEach(cleanup);
+
+const choices: [string, string][] = [
+	["dog", "dog"],
+	["cat", "cat"],
+	["turtle", "turtle"]
+];
+
+const default_props = {
+	show_label: true,
+	choices,
+	value: "cat",
+	label: "Radio",
+	interactive: true
+};
+
+run_shared_prop_tests({
+	component: Radio,
+	name: "Radio",
+	base_props: {
+		choices,
+		value: "dog",
+		interactive: true
+	},
+	has_validation_error: false
+});
+
+describe("Props: value", () => {
+	test("renders provided value as checked", async () => {
+		const { getAllByRole } = await render(Radio, default_props);
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		expect(radios).toHaveLength(3);
+		expect(radios[0]).not.toBeChecked();
+		expect(radios[1]).toBeChecked();
+		expect(radios[2]).not.toBeChecked();
+	});
+
+	test("null value renders no radio checked", async () => {
+		const { getAllByRole } = await render(Radio, {
+			...default_props,
+			value: null
+		});
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		radios.forEach((radio) => {
+			expect(radio).not.toBeChecked();
+		});
+	});
+
+	test("undefined value renders no radio checked", async () => {
+		const { getAllByRole } = await render(Radio, {
+			...default_props,
+			value: undefined
+		});
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		radios.forEach((radio) => {
+			expect(radio).not.toBeChecked();
+		});
+	});
+
+	test("value not in choices renders no radio checked", async () => {
+		const { getAllByRole } = await render(Radio, {
+			...default_props,
+			value: "fish"
+		});
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		radios.forEach((radio) => {
+			expect(radio).not.toBeChecked();
+		});
+	});
+
+	test("numeric values are supported in choices", async () => {
+		const numeric_choices: [string, number][] = [
+			["one", 1],
+			["two", 2],
+			["three", 3]
+		];
+
+		const { getAllByRole } = await render(Radio, {
+			...default_props,
+			choices: numeric_choices,
+			value: 2
+		});
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		expect(radios[1]).toBeChecked();
+	});
+});
+
+describe("Props: choices", () => {
+	test("renders display values as labels", async () => {
+		const { getByText } = await render(Radio, default_props);
+
+		expect(getByText("dog")).toBeVisible();
+		expect(getByText("cat")).toBeVisible();
+		expect(getByText("turtle")).toBeVisible();
+	});
+
+	test("display value and internal value can differ", async () => {
+		const custom_choices: [string, string][] = [
+			["dog label", "dog_val"],
+			["cat label", "cat_val"]
+		];
+
+		const { getByText, getAllByRole, get_data } = await render(Radio, {
+			...default_props,
+			choices: custom_choices,
+			value: "cat_val"
+		});
+
+		expect(getByText("dog label")).toBeVisible();
+		expect(getByText("cat label")).toBeVisible();
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		expect(radios[1]).toBeChecked();
+
+		const data = await get_data();
+		expect(data.value).toBe("cat_val");
+	});
+
+	test("empty choices renders no radios", async () => {
+		const { queryAllByRole } = await render(Radio, {
+			...default_props,
+			choices: [],
+			value: null
+		});
+
+		expect(queryAllByRole("radio")).toHaveLength(0);
+	});
+});
+
+describe("Props: i18n choices", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+
+	const i18n_choices: [string, string][] = [
+		[marker("common.clear"), "bold"],
+		[marker("common.remove"), "italic"]
+	];
+
+	test("translates choice display values through the i18n formatter", async () => {
+		const { getByText } = await render(Radio, {
+			...default_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: "bold"
+		});
+
+		expect(getByText("Clear")).toBeVisible();
+		expect(getByText("Remove")).toBeVisible();
+	});
+
+	test("internal value is unaffected by translation", async () => {
+		const { getAllByRole, get_data } = await render(Radio, {
+			...default_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: "italic"
+		});
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		expect(radios[1]).toBeChecked();
+
+		const data = await get_data();
+		expect(data.value).toBe("italic");
+	});
+});
+
+describe("Radio: runtime locale switching", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+	afterEach(() => {
+		changeLocale("en");
+		cleanup();
+	});
+
+	test("re-translates choice display values when the locale changes", async () => {
+		const { getByText, get_data } = await render(Radio, {
+			...default_props,
+			i18n: formatter,
+			i18n_store: reactive_formatter,
+			choices: [
+				[marker("common.clear"), "bold"],
+				[marker("common.remove"), "italic"]
+			],
+			value: "bold"
+		});
+
+		expect(getByText("Clear")).toBeVisible();
+
+		changeLocale("es");
+
+		await waitFor(() => {
+			expect(getByText("Limpiar")).toBeVisible();
+			expect(getByText("Eliminar")).toBeVisible();
+		});
+
+		const data = await get_data();
+		expect(data.value).toBe("bold");
+	});
+});
+
+describe("Props: interactive", () => {
+	test("interactive=false disables all radios", async () => {
+		const { getAllByRole } = await render(Radio, {
+			...default_props,
+			interactive: false
+		});
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		radios.forEach((radio) => {
+			expect(radio).toBeDisabled();
+		});
+	});
+});
+
+describe("Props: info", () => {
+	test("info renders descriptive text", async () => {
+		const { getByText } = await render(Radio, {
+			...default_props,
+			info: "Pick your favorite animal"
+		});
+
+		expect(getByText("Pick your favorite animal")).toBeVisible();
+	});
+
+	test("no info does not render info text", async () => {
+		const { queryByText } = await render(Radio, {
+			...default_props,
+			info: undefined
+		});
+
+		expect(queryByText("Pick your favorite animal")).toBeNull();
+	});
+});
+
+describe("Props: buttons", () => {
+	test("custom buttons are rendered when provided", async () => {
+		const { getByLabelText } = await render(Radio, {
+			...default_props,
+			buttons: [{ value: "Shuffle", id: 1, icon: null }]
+		});
+
+		getByLabelText("Shuffle");
+	});
+
+	test("no buttons rendered when null", async () => {
+		const { queryByRole } = await render(Radio, {
+			...default_props,
+			buttons: null
+		});
+
+		expect(queryByRole("button")).toBeNull();
+	});
+});
+
+describe("Interactive behavior", () => {
+	test("clicking through options selects and deselects correctly", async () => {
+		const { getAllByRole } = await render(Radio, default_props);
+
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+		expect(radios[1]).toBeChecked();
+
+		await event.click(radios[0]);
+		expect(radios[0]).toBeChecked();
+		expect(radios[1]).not.toBeChecked();
+
+		await event.click(radios[2]);
+		expect(radios[2]).toBeChecked();
+		expect(radios[0]).not.toBeChecked();
+
+		await event.click(radios[1]);
+		expect(radios[1]).toBeChecked();
+		expect(radios[2]).not.toBeChecked();
+	});
+
+	test("multiple radio instances on the same page do not conflict", async () => {
+		const { container } = await render(Radio, {
+			...default_props,
+			value: "cat"
+		});
+
+		const { getAllByLabelText } = await render(
+			Radio,
+			{
+				...default_props,
+				value: "dog"
+			},
+			{ container: container as HTMLElement }
+		);
+
+		const items = getAllByLabelText("dog") as HTMLInputElement[];
+		expect([items[0].checked, items[1].checked]).toEqual([false, true]);
+
+		await event.click(items[0]);
+
+		expect([items[0].checked, items[1].checked]).toEqual([true, true]);
+	});
+});
+
+describe("Events", () => {
+	test("change emitted when value changes via set_data", async () => {
+		const { listen, set_data } = await render(Radio, default_props);
+
+		const change = listen("change");
+		const input = listen("input");
+		await set_data({ value: "dog" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(input).not.toHaveBeenCalled();
+	});
+
+	test("change event does not fire on mount", async () => {
+		const { listen } = await render(Radio, default_props);
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change deduplication: same value does not re-fire", async () => {
+		const { listen, set_data } = await render(Radio, {
+			...default_props,
+			value: "dog"
+		});
+
+		const change = listen("change");
+		await set_data({ value: "cat" });
+		await set_data({ value: "cat" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("input and select emitted on user click", async () => {
+		const { listen, getAllByRole } = await render(Radio, default_props);
+
+		const input = listen("input");
+		const select = listen("select");
+		const radios = getAllByRole("radio") as HTMLInputElement[];
+
+		await event.click(radios[2]);
+
+		await waitFor(() => {
+			expect(input).toHaveBeenCalledTimes(1);
+			expect(select).toHaveBeenCalledTimes(1);
+			expect(select).toHaveBeenCalledWith({ value: "turtle", index: 2 });
+		});
+	});
+	test("custom_button_click emitted when custom button is clicked", async () => {
+		const { listen, getByLabelText } = await render(Radio, {
+			...default_props,
+			buttons: [{ value: "Shuffle", id: 5, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Shuffle");
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 5 });
+	});
+});
+
+describe("get_data / set_data", () => {
+	test("get_data returns the current value", async () => {
+		const { get_data } = await render(Radio, {
+			...default_props,
+			value: "turtle"
+		});
+
+		const data = await get_data();
+		expect(data.value).toBe("turtle");
+	});
+
+	test("set_data updates the value", async () => {
+		const { set_data, get_data } = await render(Radio, default_props);
+
+		await set_data({ value: "dog" });
+
+		const data = await get_data();
+		expect(data.value).toBe("dog");
+	});
+
+	test("set_data to null clears the value", async () => {
+		const { set_data, get_data } = await render(Radio, default_props);
+
+		await set_data({ value: null });
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+});
diff --git a/js/radio/package.json b/js/radio/package.json
new file mode 100644
index 0000000..08bfd3c
--- /dev/null
+++ b/js/radio/package.json
@@ -0,0 +1,40 @@
+{
+	"name": "@gradio/radio",
+	"version": "0.12.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/radio"
+	}
+}
diff --git a/js/radio/shared/Radio.svelte b/js/radio/shared/Radio.svelte
new file mode 100644
index 0000000..9380ecf
--- /dev/null
+++ b/js/radio/shared/Radio.svelte
@@ -0,0 +1,149 @@
+<script context="module">
+	let id = 0;
+</script>
+
+<script lang="ts">
+	import { tick } from "svelte";
+	let {
+		selected = $bindable(),
+		display_value,
+		internal_value,
+		disabled,
+		rtl,
+		on_input
+	} = $props();
+	let is_selected = $derived(selected === internal_value);
+
+	async function handle_input(
+		e: Event & { currentTarget: EventTarget & HTMLInputElement }
+	): Promise<void> {
+		is_selected = e.currentTarget.checked;
+		if (is_selected) {
+			await tick();
+			on_input();
+		}
+	}
+</script>
+
+<label
+	class:disabled
+	class:selected={is_selected}
+	data-testid="{display_value}-radio-label"
+	class:rtl
+>
+	<input
+		{disabled}
+		type="radio"
+		name="radio-{++id}"
+		value={internal_value}
+		aria-checked={is_selected}
+		bind:group={selected}
+		on:input={handle_input}
+	/>
+	<span>{display_value}</span>
+</label>
+
+<style>
+	label {
+		display: flex;
+		align-items: center;
+		transition: var(--button-transition);
+		cursor: pointer;
+		box-shadow: var(--checkbox-label-shadow);
+		border: var(--checkbox-label-border-width) solid
+			var(--checkbox-label-border-color);
+		border-radius: var(--checkbox-border-radius);
+		background: var(--checkbox-label-background-fill);
+		padding: var(--checkbox-label-padding);
+		color: var(--checkbox-label-text-color);
+		font-weight: var(--checkbox-label-text-weight);
+		font-size: var(--checkbox-label-text-size);
+		line-height: var(--line-md);
+	}
+
+	label:hover {
+		background: var(--checkbox-label-background-fill-hover);
+		transform: var(--button-transform-hover);
+		box-shadow: var(
+			--checkbox-label-shadow-hover,
+			var(--checkbox-label-shadow)
+		);
+	}
+	label:active {
+		transform: var(--button-transform-active);
+		box-shadow: var(
+			--checkbox-label-shadow-active,
+			var(--checkbox-label-shadow)
+		);
+	}
+	label:focus {
+		background: var(--checkbox-label-background-fill-focus);
+	}
+
+	label.selected {
+		background: var(--checkbox-label-background-fill-selected);
+		color: var(--checkbox-label-text-color-selected);
+		border-color: var(--checkbox-label-border-color-selected);
+	}
+
+	label > * + * {
+		margin-left: var(--size-2);
+	}
+
+	label.rtl > * + * {
+		margin-left: 0;
+		margin-right: var(--size-2);
+	}
+
+	input {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow: var(--checkbox-shadow);
+		border: var(--checkbox-border-width) solid var(--checkbox-border-color);
+		border-radius: var(--radius-full);
+		background-color: var(--checkbox-background-color);
+		line-height: var(--line-sm);
+	}
+
+	input:checked,
+	input:checked:hover {
+		border-color: var(--checkbox-border-color-selected);
+		background-image: var(--radio-circle);
+		background-color: var(--checkbox-background-color-selected);
+	}
+
+	input:checked::after {
+		content: "";
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		border-radius: 50%;
+		background-color: white;
+	}
+
+	input:hover:not([disabled]) {
+		border-color: var(--checkbox-border-color-hover);
+		background-color: var(--checkbox-background-color-hover);
+	}
+
+	input:focus:not([disabled]) {
+		border-color: var(--checkbox-border-color-focus);
+		background-color: var(--checkbox-background-color-focus);
+	}
+
+	input:checked:focus:not([disabled]) {
+		border-color: var(--checkbox-border-color-focus);
+		background-image: var(--radio-circle);
+		background-color: var(--checkbox-background-color-selected);
+	}
+
+	input[disabled],
+	.disabled {
+		cursor: not-allowed;
+	}
+
+	input[disabled] {
+		opacity: 0.75;
+	}
+</style>
diff --git a/js/radio/types.ts b/js/radio/types.ts
new file mode 100644
index 0000000..1bbb709
--- /dev/null
+++ b/js/radio/types.ts
@@ -0,0 +1,18 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { SelectData, CustomButton } from "@gradio/utils";
+
+export interface RadioProps {
+	choices: [string, string | number][];
+	value: string;
+	info: string;
+	rtl: boolean;
+	buttons: (string | CustomButton)[] | null;
+}
+
+export interface RadioEvents {
+	select: SelectData;
+	change: any;
+	input: any;
+	clear_status: LoadingStatus;
+	custom_button_click: { id: number };
+}
diff --git a/js/row/CHANGELOG.md b/js/row/CHANGELOG.md
new file mode 100644
index 0000000..bb59ee1
--- /dev/null
+++ b/js/row/CHANGELOG.md
@@ -0,0 +1,487 @@
+# @gradio/row
+
+## 0.4.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.1
+
+## 0.3.2
+
+### Features
+
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/statustracker@0.13.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/statustracker@0.12.4
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.3
+
+## 0.3.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/utils@0.11.2
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.2.2
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.0
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.14
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/utils@0.10.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.8
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.6
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/utils@0.10.1
+
+## 0.2.1
+
+### Fixes
+
+- [#10372](https://github.com/gradio-app/gradio/pull/10372) [`96bbde2`](https://github.com/gradio-app/gradio/commit/96bbde277e059f79bb2c9898576050e84dab147a) - Allow propogation of fill_height through Rows and Tabs, via scale.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.1
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.2.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Equal height columns
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - UI theme fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate
+
+## 0.2.0-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+
+## 0.2.0-beta.3
+
+### Features
+
+- [#9577](https://github.com/gradio-app/gradio/pull/9577) [`9f532e0`](https://github.com/gradio-app/gradio/commit/9f532e03a6b91b9a5592152c19b9b2611774cae7) - Equal height columns.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+
+## 0.2.0-beta.2
+
+### Features
+
+- [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+
+## 0.2.0-beta.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.2.0-beta.1
+
+### Features
+
+- [#9313](https://github.com/gradio-app/gradio/pull/9313) [`1fef9d9`](https://github.com/gradio-app/gradio/commit/1fef9d9a26f0ebce4de18c486702661f6539b1c6) - Standardize `height` across components and add `max_height` and `min_height` parameters where appropriate.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.1.5-beta.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.1.5
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+
+## 0.1.4
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/statustracker@0.7.5
+
+## 0.1.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.4
+
+## 0.1.3
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.1.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+
+## 0.1.3
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.1.3
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.1.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.1.3
+
+### Features
+
+- [#8398](https://github.com/gradio-app/gradio/pull/8398) [`945ac83`](https://github.com/gradio-app/gradio/commit/945ac837e779b120790814ea6f6f81bd2712f5f8) - Improve rendering.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.1.2
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+## 0.1.1
+
+### Features
+
+- [#6399](https://github.com/gradio-app/gradio/pull/6399) [`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142) - Improve CSS token documentation in Storybook.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2-beta.0
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
\ No newline at end of file
diff --git a/js/row/Index.svelte b/js/row/Index.svelte
new file mode 100644
index 0000000..56f1ddd
--- /dev/null
+++ b/js/row/Index.svelte
@@ -0,0 +1,120 @@
+<script lang="ts">
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+	import { Gradio } from "@gradio/utils";
+
+	// export let equal_height = true;
+	// export let elem_id: string;
+	// export let elem_classes: string[] = [];
+	// export let visible: boolean | "hidden" = true;
+	// export let variant: "default" | "panel" | "compact" = "default";
+	// export let loading_status: LoadingStatus | undefined = undefined;
+	// export let gradio: Gradio | undefined = undefined;
+	// export let show_progress = false;
+	// export let height: number | string | undefined;
+	// export let min_height: number | string | undefined;
+	// export let max_height: number | string | undefined;
+	// export let scale: number | null = null;
+
+	const get_dimension = (
+		dimension_value: string | number | undefined
+	): string | undefined => {
+		if (dimension_value === undefined) {
+			return undefined;
+		}
+		if (typeof dimension_value === "number") {
+			return dimension_value + "px";
+		} else if (typeof dimension_value === "string") {
+			return dimension_value;
+		}
+	};
+
+	let props = $props();
+	let gradio = new Gradio<
+		{},
+		{
+			equal_height: boolean | null;
+			variant: "default" | "panel" | "compact";
+			height: number | string | undefined;
+			min_height: number | string | undefined;
+			max_height: number | string | undefined;
+		}
+	>(props);
+</script>
+
+<div
+	class:compact={gradio.props.variant === "compact"}
+	class:panel={gradio.props.variant === "panel"}
+	class:unequal-height={gradio.props.equal_height === false}
+	class:stretch={gradio.props.equal_height}
+	class:hide={!gradio.shared.visible}
+	class:grow-children={gradio.shared.scale && gradio.shared.scale >= 1}
+	style:height={get_dimension(gradio.props.height)}
+	style:max-height={get_dimension(gradio.props.max_height)}
+	style:min-height={get_dimension(gradio.props.min_height)}
+	style:flex-grow={gradio.shared.scale}
+	id={gradio.shared.elem_id}
+	class="row {gradio.shared.elem_classes?.join(' ')}"
+>
+	{#if gradio.shared.loading_status && gradio.shared.loading_status.show_progress && gradio}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			status={gradio.shared.loading_status
+				? gradio.shared.loading_status.status == "pending"
+					? "generating"
+					: gradio.shared.loading_status.status
+				: null}
+		/>
+	{/if}
+	<slot />
+</div>
+
+<style>
+	div {
+		display: flex;
+		flex-wrap: wrap;
+		gap: var(--layout-gap);
+		width: var(--size-full);
+		position: relative;
+	}
+
+	.hide {
+		display: none;
+	}
+	.compact > :global(*),
+	.compact :global(.box) {
+		border-radius: 0;
+	}
+	.compact,
+	.panel {
+		border-radius: var(--container-radius);
+		background: var(--background-fill-secondary);
+		padding: var(--size-2);
+	}
+	.unequal-height {
+		align-items: flex-start;
+	}
+
+	.stretch {
+		align-items: stretch;
+	}
+
+	.stretch > :global(.column > *),
+	.stretch > :global(.column > .form > *) {
+		flex-grow: 1;
+		flex-shrink: 0;
+	}
+
+	div > :global(*),
+	div > :global(.form > *) {
+		flex: 1 1 0%;
+		flex-wrap: wrap;
+		min-width: min(160px, 100%);
+	}
+
+	.grow-children > :global(.column) {
+		align-self: stretch;
+	}
+</style>
diff --git a/js/row/Row.stories.svelte b/js/row/Row.stories.svelte
new file mode 100644
index 0000000..192a2fb
--- /dev/null
+++ b/js/row/Row.stories.svelte
@@ -0,0 +1,30 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Row from "./Index.svelte";
+	import Button from "../button/shared/Button.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Layout Elements/Row",
+		component: Row,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+</script>
+
+<Story name="Row with multiple items">
+	{#snippet template(args)}
+		<Row {...wrapProps(args)}>
+			<Button elem_id="btn1" size="lg">Button 1</Button>
+			<Button elem_id="btn2" size="lg">Button 2</Button>
+			<Button elem_id="btn3" size="lg">Button 3</Button>
+		</Row>
+	{/snippet}
+</Story>
diff --git a/js/row/Row.test.ts b/js/row/Row.test.ts
new file mode 100644
index 0000000..330c99d
--- /dev/null
+++ b/js/row/Row.test.ts
@@ -0,0 +1,90 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render } from "@self/tootils/render";
+
+import Row from "./Index.svelte";
+import RowWithChild from "./WithChild.svelte";
+
+describe("Row", () => {
+	afterEach(() => cleanup());
+
+	test("renders the row container", async () => {
+		const { container } = await render(Row, {});
+		// No role, label, or text available for a bare layout container —
+		// querySelector(".row") is the appropriate query here.
+		expect(container.querySelector(".row")).not.toBeNull();
+	});
+
+	test("elem_id is applied to the root div", async () => {
+		const { container } = await render(Row, { elem_id: "my-row" });
+		expect(container.querySelector("#my-row")).not.toBeNull();
+	});
+
+	test("elem_classes are applied to the root div", async () => {
+		const { container } = await render(Row, { elem_classes: ["my-row-class"] });
+		expect(container.querySelector(".my-row-class")).not.toBeNull();
+	});
+
+	test("visible: true → container is visible", async () => {
+		const { container } = await render(Row, {
+			visible: true,
+			elem_id: "row-visible"
+		});
+		expect(container.querySelector("#row-visible")).toBeVisible();
+	});
+
+	test("visible: false → container is hidden in the DOM", async () => {
+		const { container } = await render(Row, {
+			visible: false,
+			elem_id: "row-false"
+		});
+		const el = container.querySelector("#row-false");
+		expect(el).not.toBeNull();
+		expect(el).not.toBeVisible();
+	});
+
+	test("visible: 'hidden' does NOT hide the container (Row uses !visible — 'hidden' is truthy)", async () => {
+		// Row's template uses class:hide={!gradio.shared.visible}. "hidden" is a
+		// non-empty string and therefore truthy, so !("hidden") === false — .hide is
+		// not applied. This differs from components that explicitly check === "hidden".
+		const { container } = await render(Row, {
+			visible: "hidden",
+			elem_id: "row-str-hidden"
+		});
+		const el = container.querySelector("#row-str-hidden");
+		expect(el).not.toBeNull();
+		expect(el).toBeVisible();
+	});
+});
+
+describe("Children / slot", () => {
+	afterEach(() => cleanup());
+
+	test("renders slot children inside the row container", async () => {
+		const { getByTestId } = await render(RowWithChild, {});
+		expect(getByTestId("slot-content")).not.toBeNull();
+	});
+
+	test("slot children are visible when row is visible", async () => {
+		const { getByTestId } = await render(RowWithChild, { visible: true });
+		expect(getByTestId("slot-content")).toBeVisible();
+	});
+
+	test("slot children are hidden when row is hidden (visible: false)", async () => {
+		const { getByTestId } = await render(RowWithChild, { visible: false });
+		// Row applies display:none via .hide class — children inherit the hidden state
+		expect(getByTestId("slot-content")).not.toBeVisible();
+	});
+});
+
+test.todo(
+	"VISUAL: variant='panel' applies secondary background fill and border-radius to the row container — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: variant='compact' removes border-radius from direct child elements — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: equal_height=true stretches child column containers to equal height via align-items: stretch — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: height/min_height/max_height props apply inline style constraints to the row container — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/row/WithChild.svelte b/js/row/WithChild.svelte
new file mode 100644
index 0000000..449fc27
--- /dev/null
+++ b/js/row/WithChild.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+	import Row from "./Index.svelte";
+	let props = $props();
+</script>
+
+<Row {...props}>
+	<div data-testid="slot-content">test child</div>
+</Row>
diff --git a/js/row/package.json b/js/row/package.json
new file mode 100644
index 0000000..8152f80
--- /dev/null
+++ b/js/row/package.json
@@ -0,0 +1,31 @@
+{
+	"name": "@gradio/row",
+	"version": "0.4.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"devDependencies": {
+		"@gradio/preview": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/row"
+	}
+}
diff --git a/js/sanitize/CHANGELOG.md b/js/sanitize/CHANGELOG.md
new file mode 100644
index 0000000..9552d73
--- /dev/null
+++ b/js/sanitize/CHANGELOG.md
@@ -0,0 +1,51 @@
+# @gradio/sanitize
+
+## 0.4.0
+
+### Features
+
+- [#13408](https://github.com/gradio-app/gradio/pull/13408) [`6b0c8af`](https://github.com/gradio-app/gradio/commit/6b0c8aff7a9688ad605e4ca52a083c5754fe1610) - Markdown link fix.  Thanks @dawoodkhan82!
+
+## 0.3.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.2.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+
+### Fixes
+
+- [#11430](https://github.com/gradio-app/gradio/pull/11430) [`4d4cd4b`](https://github.com/gradio-app/gradio/commit/4d4cd4b08d6daafc66e0189a2b274916da00d480) - fix exports + add browser build.  Thanks @pngwn!
+
+## 0.1.4
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+## 0.1.3
+
+### Features
+
+- [#9792](https://github.com/gradio-app/gradio/pull/9792) [`d2b56a4`](https://github.com/gradio-app/gradio/commit/d2b56a4c0457c1d5f30a9bbef2572049e47de312) - more fix.  Thanks @pngwn!
+
+## 0.1.2
+
+### Features
+
+- [#9746](https://github.com/gradio-app/gradio/pull/9746) [`5015abb`](https://github.com/gradio-app/gradio/commit/5015abbd78434754931c2b09d9f603f212c4566d) - fix `@gradio/sanitize` exports.  Thanks @pngwn!
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+
+## 0.1.1
+
+### Fixes
+
+- [#9711](https://github.com/gradio-app/gradio/pull/9711) [`7134fc2`](https://github.com/gradio-app/gradio/commit/7134fc272e9e60be4b80dfd294ff8926d5995188) - Custom component fixes.  Thanks @freddyaboulton!
\ No newline at end of file
diff --git a/js/sanitize/browser.ts b/js/sanitize/browser.ts
new file mode 100644
index 0000000..19028b1
--- /dev/null
+++ b/js/sanitize/browser.ts
@@ -0,0 +1,41 @@
+import Amuchina from "amuchina";
+
+const should_open_link_in_new_tab = (link: string | null): boolean => {
+	const href = link?.trim();
+	return !!href && !href.startsWith("#");
+};
+
+export function sanitize(source: string): string {
+	const amuchina = new Amuchina();
+	const node = new DOMParser().parseFromString(source, "text/html");
+	const sanitized_node = amuchina.sanitize(node);
+	walk_nodes(sanitized_node.body, "A", (node) => {
+		if (node instanceof HTMLElement && "target" in node) {
+			if (should_open_link_in_new_tab(node.getAttribute("href"))) {
+				node.setAttribute("target", "_blank");
+				node.setAttribute("rel", "noopener noreferrer");
+			}
+		}
+	});
+
+	return sanitized_node.body.innerHTML;
+}
+
+function walk_nodes(
+	node: Node | null | HTMLElement,
+	test: string | ((node: Node | HTMLElement) => boolean),
+	callback: (node: Node | HTMLElement) => void
+): void {
+	if (
+		node &&
+		((typeof test === "string" && node.nodeName === test) ||
+			(typeof test === "function" && test(node)))
+	) {
+		callback(node);
+	}
+	const children = node?.childNodes || [];
+	for (let i = 0; i < children.length; i++) {
+		// @ts-ignore
+		walk_nodes(children[i], test, callback);
+	}
+}
diff --git a/js/sanitize/index.d.ts b/js/sanitize/index.d.ts
new file mode 100644
index 0000000..50a40d5
--- /dev/null
+++ b/js/sanitize/index.d.ts
@@ -0,0 +1 @@
+export declare function sanitize(source: string): string;
diff --git a/js/sanitize/package.json b/js/sanitize/package.json
new file mode 100644
index 0000000..68f8993
--- /dev/null
+++ b/js/sanitize/package.json
@@ -0,0 +1,39 @@
+{
+	"name": "@gradio/sanitize",
+	"version": "0.4.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"main": "./dist/server.js",
+	"license": "ISC",
+	"dependencies": {
+		"amuchina": "^1.0.12",
+		"sanitize-html": "^2.17.0"
+	},
+	"devDependencies": {
+		"@types/sanitize-html": "^2.16.0"
+	},
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/utils"
+	},
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"browser": {
+				"gradio": "./browser.ts",
+				"default": "./dist/browser.js"
+			},
+			"default": {
+				"gradio": "./server.ts",
+				"default": "./dist/server.js"
+			}
+		},
+		"./package.json": "./package.json"
+	},
+	"scripts": {
+		"package": "svelte-package --input=. --tsconfig=../../tsconfig.json"
+	}
+}
diff --git a/js/sanitize/sanitize.test.ts b/js/sanitize/sanitize.test.ts
new file mode 100644
index 0000000..0934218
--- /dev/null
+++ b/js/sanitize/sanitize.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, test } from "vitest";
+
+import { sanitize } from "./browser";
+
+describe("sanitize", () => {
+	test("opens non-fragment links in a new tab", () => {
+		const node = new DOMParser().parseFromString(
+			sanitize('<a href="/docs">docs</a>'),
+			"text/html"
+		);
+
+		const link = node.querySelector("a");
+		expect(link?.getAttribute("href")).toBe("/docs");
+		expect(link?.getAttribute("target")).toBe("_blank");
+		expect(link?.getAttribute("rel")).toBe("noopener noreferrer");
+	});
+
+	test("keeps hash-only links in the same page", () => {
+		const node = new DOMParser().parseFromString(
+			sanitize('<a href="#section">section</a>'),
+			"text/html"
+		);
+
+		const link = node.querySelector("a");
+		expect(link?.getAttribute("href")).toBe("#section");
+		expect(link?.getAttribute("target")).toBeNull();
+		expect(link?.getAttribute("rel")).toBeNull();
+	});
+});
diff --git a/js/sanitize/server.ts b/js/sanitize/server.ts
new file mode 100644
index 0000000..b46cc31
--- /dev/null
+++ b/js/sanitize/server.ts
@@ -0,0 +1,5 @@
+import { default as sanitize_html_ } from "sanitize-html";
+
+export function sanitize(source: string): string {
+	return sanitize_html_(source);
+}
diff --git a/js/sidebar/CHANGELOG.md b/js/sidebar/CHANGELOG.md
new file mode 100644
index 0000000..d211d0f
--- /dev/null
+++ b/js/sidebar/CHANGELOG.md
@@ -0,0 +1,357 @@
+# @gradio/sidebar
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/column@0.4.0
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.2.7
+
+### Features
+
+- [#13231](https://github.com/gradio-app/gradio/pull/13231) [`89f7a09`](https://github.com/gradio-app/gradio/commit/89f7a096ceb947c97ac5dce9f8b8d62e1361ad7b) - Layout tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/column@0.3.3
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/column@0.3.2
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/column@0.3.2
+- @gradio/atoms@0.22.2
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.2.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/column@0.3.2
+- @gradio/utils@0.11.2
+
+## 0.2.0
+
+### Features
+
+- [#12756](https://github.com/gradio-app/gradio/pull/12756) [`2b4176c`](https://github.com/gradio-app/gradio/commit/2b4176c2edad6988cea12850c2ea04ce868723ed) - Migrate Sidebar to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/column@0.3.1
+
+## 0.1.25
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+- @gradio/column@0.3.0
+
+## 0.1.24
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.1.24
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/column@0.3.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.1.24-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/column@0.2.2
+
+## 0.1.24-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/column@0.2.2
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.1.23
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.1.23
+
+### Fixes
+
+- [#11956](https://github.com/gradio-app/gradio/pull/11956) [`fdb2bb2`](https://github.com/gradio-app/gradio/commit/fdb2bb2451ea21ce5916f12478c20d7d78cfd128) - Pass elem_classes to Sidebar svelte component.  Thanks @freddyaboulton!
+
+## 0.1.22
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/column@0.2.2
+
+## 0.1.21
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/column@0.2.1
+
+## 0.1.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.1.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/column@0.2.1
+
+## 0.1.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/column@0.2.1
+
+## 0.1.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+- @gradio/column@0.2.1
+
+## 0.1.17
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/column@0.2.1
+
+## 0.1.16
+
+### Dependency updates
+
+- @gradio/column@0.2.1
+
+## 0.1.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/column@0.2.0
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.1.14
+
+### Fixes
+
+- [#11270](https://github.com/gradio-app/gradio/pull/11270) [`636be09`](https://github.com/gradio-app/gradio/commit/636be09928448dd6d4ef29013dbf698f22787d3d) - A few frontend / UI fixes to `gr.Sidebar`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/column@0.2.0
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/column@0.2.0
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+- @gradio/column@0.2.0
+
+## 0.1.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+- @gradio/column@0.2.0
+
+## 0.1.10
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/column@0.2.0
+
+## 0.1.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/column@0.2.0
+
+## 0.1.8
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/column@0.2.0
+
+## 0.1.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+- @gradio/column@0.2.0
+
+## 0.1.6
+
+### Features
+
+- [#10694](https://github.com/gradio-app/gradio/pull/10694) [`16244f3`](https://github.com/gradio-app/gradio/commit/16244f3c1cb1a65ac1f719142f8fab67512fbb25) - Event Listeners in gradio sketch.  Thanks @aliabid94!
+- [#10737](https://github.com/gradio-app/gradio/pull/10737) [`1cf992b`](https://github.com/gradio-app/gradio/commit/1cf992b04225580b9c7c4d4dd0c84e5a7ebe6ad3) - Sidebar fixed positioning.  Thanks @dawoodkhan82!
+
+## 0.1.5
+
+### Fixes
+
+- [#10616](https://github.com/gradio-app/gradio/pull/10616) [`ae4ba46`](https://github.com/gradio-app/gradio/commit/ae4ba46cfb9235904f8bfc197c72ad22275edd67) - Change sidebar to absolute positioning and make accessible.  Thanks @dawoodkhan82!
+
+## 0.1.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+- @gradio/column@0.2.0
+
+## 0.1.3
+
+### Features
+
+- [#10579](https://github.com/gradio-app/gradio/pull/10579) [`b640df2`](https://github.com/gradio-app/gradio/commit/b640df2517dee166634f279fcfaac8ba5f5aef2f) - Fix Sidebar for mobile.  Thanks @dawoodkhan82!
+- [#10582](https://github.com/gradio-app/gradio/pull/10582) [`1299267`](https://github.com/gradio-app/gradio/commit/1299267a8a78546d3f9e13d6b3c58231cf88f2b9) - Change sidebar position.  Thanks @dawoodkhan82!
+
+## 0.1.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/column@0.2.0
+
+## 0.1.1
+
+### Features
+
+- [#10483](https://github.com/gradio-app/gradio/pull/10483) [`3750082`](https://github.com/gradio-app/gradio/commit/3750082b266464487cd5b7684ae1590ae03d3bef) - Sidebar Fixes.  Thanks @dawoodkhan82!
+
+## 0.1.0
+
+### Features
+
+- [#10435](https://github.com/gradio-app/gradio/pull/10435) [`ef66fe5`](https://github.com/gradio-app/gradio/commit/ef66fe52b22448a5125a314581f2ec6c73c24145) - Sidebar Component.  Thanks @dawoodkhan82!
\ No newline at end of file
diff --git a/js/sidebar/Index.svelte b/js/sidebar/Index.svelte
new file mode 100644
index 0000000..ea1a4b8
--- /dev/null
+++ b/js/sidebar/Index.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import type { SidebarProps, SidebarEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import Sidebar from "./shared/Sidebar.svelte";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { BaseColumn } from "@gradio/column";
+
+	const props = $props();
+	const gradio = new Gradio<SidebarEvents, SidebarProps>(props);
+</script>
+
+<StatusTracker
+	autoscroll={gradio.shared.autoscroll}
+	i18n={gradio.i18n}
+	{...gradio.shared.loading_status}
+/>
+
+{#if gradio.shared.visible}
+	<Sidebar
+		bind:open={gradio.props.open}
+		bind:position={gradio.props.position}
+		width={gradio.props.width}
+		onexpand={() => gradio.dispatch("expand")}
+		oncollapse={() => gradio.dispatch("collapse")}
+		elem_classes={gradio.shared.elem_classes}
+		elem_id={gradio.shared.elem_id}
+	>
+		<BaseColumn>
+			<slot />
+		</BaseColumn>
+	</Sidebar>
+{/if}
diff --git a/js/sidebar/README.md b/js/sidebar/README.md
new file mode 100644
index 0000000..147dd03
--- /dev/null
+++ b/js/sidebar/README.md
@@ -0,0 +1,10 @@
+# `@gradio/sidebar`
+
+```html
+<script>
+	import { Sidebar } from "@gradio/sidebar";
+</script>
+
+<Sidebar>
+</Sidebar>	
+```
diff --git a/js/sidebar/Sidebar.stories.svelte b/js/sidebar/Sidebar.stories.svelte
new file mode 100644
index 0000000..d043d41
--- /dev/null
+++ b/js/sidebar/Sidebar.stories.svelte
@@ -0,0 +1,19 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Sidebar from "./shared/Sidebar.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/Sidebar",
+		component: Sidebar,
+		argTypes: {
+			isOpen: { control: "boolean" }
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Sidebar {...args} />
+{/snippet}
+
+<Story name="Open Sidebar" args={{ open: true, width: 300 }} {template} />
+<Story name="Closed Sidebar" args={{ open: false, width: 300 }} {template} />
diff --git a/js/sidebar/Sidebar.test.ts b/js/sidebar/Sidebar.test.ts
new file mode 100644
index 0000000..fc0a438
--- /dev/null
+++ b/js/sidebar/Sidebar.test.ts
@@ -0,0 +1,337 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+
+import Sidebar from "./Index.svelte";
+import SidebarWithChild from "./WithChild.svelte";
+
+// Sidebar requires both `visible` and `open` to be passed explicitly:
+// - Index.svelte uses {#if gradio.shared.visible}, so omitting visible leaves
+//   gradio.shared.visible=undefined (falsy) and the sidebar never mounts.
+// - bind:open={gradio.props.open} passing undefined into a $bindable prop
+//   triggers a Svelte props_invalid_value error.
+
+describe("Sidebar", () => {
+	afterEach(() => cleanup());
+
+	test("renders the sidebar container", async () => {
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		// No semantic role or label on the sidebar container itself —
+		// querySelector(".sidebar") is the appropriate query here.
+		expect(container.querySelector(".sidebar")).not.toBeNull();
+	});
+
+	test("renders the toggle button with an accessible label", async () => {
+		const { getByRole } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		expect(getByRole("button", { name: "Toggle Sidebar" })).not.toBeNull();
+	});
+
+	test("elem_id is applied to the sidebar div", async () => {
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left",
+			elem_id: "my-sidebar"
+		});
+		expect(container.querySelector("#my-sidebar")).not.toBeNull();
+	});
+
+	test("elem_classes are applied to the sidebar div", async () => {
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left",
+			elem_classes: ["my-sidebar-class"]
+		});
+		expect(container.querySelector(".my-sidebar-class")).not.toBeNull();
+	});
+
+	test("visible: true → sidebar is in the DOM", async () => {
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left",
+			elem_id: "sb-visible"
+		});
+		expect(container.querySelector("#sb-visible")).not.toBeNull();
+	});
+
+	test("visible: false → sidebar is removed from the DOM", async () => {
+		// {#if gradio.shared.visible} removes the component when false.
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: false,
+			open: false,
+			position: "left",
+			elem_id: "sb-gone"
+		});
+		expect(container.querySelector("#sb-gone")).toBeNull();
+	});
+
+	test("visible: 'hidden' → sidebar is in the DOM (truthy string, not hidden)", async () => {
+		// {#if gradio.shared.visible} — "hidden" is a truthy string so the sidebar
+		// renders. There is no CSS hiding applied for this case.
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: "hidden",
+			open: false,
+			position: "left",
+			elem_id: "sb-str-hidden"
+		});
+		expect(container.querySelector("#sb-str-hidden")).not.toBeNull();
+	});
+});
+
+describe("Props: open / position", () => {
+	afterEach(() => cleanup());
+
+	test("open: true → get_data reports sidebar is open", async () => {
+		const { get_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: true,
+			position: "left"
+		});
+		expect((await get_data()).open).toBe(true);
+	});
+
+	test("open: false → get_data reports sidebar is closed", async () => {
+		const { get_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		expect((await get_data()).open).toBe(false);
+	});
+
+	test("position: 'right' applies .right class to the sidebar div", async () => {
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "right",
+			elem_id: "sb-right"
+		});
+		// .right is the mechanism by which right-side positioning is applied
+		// (toggle button moves to the left, transform direction inverts) —
+		// no semantic alternative exists.
+		expect(container.querySelector("#sb-right.right")).not.toBeNull();
+	});
+
+	test("position: 'left' (default) does not apply .right class", async () => {
+		const { container } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left",
+			elem_id: "sb-left"
+		});
+		expect(container.querySelector("#sb-left.right")).toBeNull();
+	});
+});
+
+describe("Toggle button", () => {
+	afterEach(() => cleanup());
+
+	test("clicking when closed fires expand event", async () => {
+		const { getByRole, listen } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		const expand = listen("expand");
+		await fireEvent.click(getByRole("button", { name: "Toggle Sidebar" }));
+		expect(expand).toHaveBeenCalledTimes(1);
+	});
+
+	test("clicking when open fires collapse event", async () => {
+		// Use set_data to open the sidebar first so the double-tick settles _open.
+		const { getByRole, listen, set_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		await set_data({ open: true });
+		const collapse = listen("collapse");
+		await fireEvent.click(getByRole("button", { name: "Toggle Sidebar" }));
+		expect(collapse).toHaveBeenCalledTimes(1);
+	});
+
+	test("clicking twice fires expand then collapse in order", async () => {
+		const { getByRole, listen } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		const expand = listen("expand");
+		const collapse = listen("collapse");
+		const button = getByRole("button", { name: "Toggle Sidebar" });
+
+		await fireEvent.click(button); // closed → open
+		expect(expand).toHaveBeenCalledTimes(1);
+		expect(collapse).toHaveBeenCalledTimes(0);
+
+		await fireEvent.click(button); // open → closed
+		expect(expand).toHaveBeenCalledTimes(1);
+		expect(collapse).toHaveBeenCalledTimes(1);
+	});
+
+	test("no expand or collapse events fire on mount", async () => {
+		const { listen } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: true,
+			position: "left"
+		});
+		// retrospective: true replays any events buffered during render
+		const expand = listen("expand", { retrospective: true });
+		const collapse = listen("collapse", { retrospective: true });
+		expect(expand).not.toHaveBeenCalled();
+		expect(collapse).not.toHaveBeenCalled();
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns current open state", async () => {
+		const { get_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		expect((await get_data()).open).toBe(false);
+	});
+
+	test("set_data({ open: true }) → get_data reports open", async () => {
+		const { set_data, get_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		await set_data({ open: true });
+		expect((await get_data()).open).toBe(true);
+	});
+
+	test("set_data({ open: false }) → get_data reports closed", async () => {
+		const { set_data, get_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: true,
+			position: "left"
+		});
+		await set_data({ open: false });
+		expect((await get_data()).open).toBe(false);
+	});
+
+	test("set_data does not fire expand or collapse (events only come from user click)", async () => {
+		// Unlike Accordion (which has a $effect that dispatches events when open
+		// changes), Sidebar only fires events from the toggle button's onclick handler.
+		const { listen, set_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		const expand = listen("expand");
+		const collapse = listen("collapse");
+
+		await set_data({ open: true });
+		expect(expand).not.toHaveBeenCalled();
+		expect(collapse).not.toHaveBeenCalled();
+
+		await set_data({ open: false });
+		expect(expand).not.toHaveBeenCalled();
+		expect(collapse).not.toHaveBeenCalled();
+	});
+
+	test("round-trip: set_data then get_data preserves open state", async () => {
+		const { set_data, get_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		await set_data({ open: true });
+		expect((await get_data()).open).toBe(true);
+		await set_data({ open: false });
+		expect((await get_data()).open).toBe(false);
+	});
+
+	test("clicking updates get_data open state", async () => {
+		const { getByRole, get_data } = await render(Sidebar, {
+			width: 320,
+			visible: true,
+			open: false,
+			position: "left"
+		});
+		await fireEvent.click(getByRole("button", { name: "Toggle Sidebar" }));
+		expect((await get_data()).open).toBe(true);
+	});
+});
+
+describe("Children / slot", () => {
+	afterEach(() => cleanup());
+
+	test("renders slot children inside the sidebar", async () => {
+		const { getByTestId } = await render(SidebarWithChild, {
+			width: 320,
+			visible: true,
+			open: true,
+			position: "left"
+		});
+		expect(getByTestId("slot-content")).not.toBeNull();
+	});
+
+	test("slot children are in the DOM when sidebar is visible", async () => {
+		const { getByTestId } = await render(SidebarWithChild, {
+			width: 320,
+			visible: true,
+			open: true,
+			position: "left"
+		});
+		expect(getByTestId("slot-content")).toBeInTheDocument();
+	});
+
+	test("slot children are not in the DOM when sidebar is removed (visible: false)", async () => {
+		const { queryByTestId } = await render(SidebarWithChild, {
+			width: 320,
+			visible: false,
+			open: true,
+			position: "left"
+		});
+		// {#if visible} removes the entire sidebar from the DOM, including slot children
+		expect(queryByTestId("slot-content")).not.toBeInTheDocument();
+	});
+});
+
+test.todo(
+	"VISUAL: open=true slides the sidebar into view via CSS transform translateX(100%) for left, translateX(-100%) for right — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: position='right' places the sidebar at the right edge and moves the toggle button to the left side — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: width prop controls the sidebar container width (default 320px) — needs Playwright visual regression screenshot comparison"
+);
+test.todo(
+	"VISUAL: open sidebar adjusts parent .wrap padding via --overlap-amount CSS variable to prevent content overlap — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/sidebar/WithChild.svelte b/js/sidebar/WithChild.svelte
new file mode 100644
index 0000000..a448e10
--- /dev/null
+++ b/js/sidebar/WithChild.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+	import Sidebar from "./Index.svelte";
+	let props = $props();
+</script>
+
+<Sidebar {...props}>
+	<div data-testid="slot-content">test child</div>
+</Sidebar>
diff --git a/js/sidebar/package.json b/js/sidebar/package.json
new file mode 100644
index 0000000..283057e
--- /dev/null
+++ b/js/sidebar/package.json
@@ -0,0 +1,34 @@
+{
+	"name": "@gradio/sidebar",
+	"version": "0.2.10",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"main_changeset": true,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/column": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/sidebar"
+	}
+}
diff --git a/js/sidebar/shared/Sidebar.svelte b/js/sidebar/shared/Sidebar.svelte
new file mode 100644
index 0000000..5deb847
--- /dev/null
+++ b/js/sidebar/shared/Sidebar.svelte
@@ -0,0 +1,263 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	let {
+		open = $bindable(true),
+		width,
+		position = $bindable<"left" | "right">("left"),
+		elem_classes = [],
+		elem_id = "",
+		onexpand = () => {},
+		oncollapse = () => {}
+	}: {
+		open?: boolean;
+		width: number | string;
+		position?: "left" | "right";
+		elem_classes?: string[];
+		elem_id?: string;
+		onexpand?: () => void;
+		oncollapse?: () => void;
+	} = $props();
+
+	// Using a temporary variable to animate the sidebar opening at the start
+	let mounted = $state(false);
+	let _open = $state(false);
+	let sidebar_div: HTMLElement;
+	let overlap_amount = $state(0);
+
+	let width_css = $derived(typeof width === "number" ? `${width}px` : width);
+	let prefersReducedMotion = $state(false);
+
+	// Check if the sidebar overlaps with the main content
+	function check_overlap(): void {
+		if (!sidebar_div.closest(".wrap")) return;
+		const parent_rect = sidebar_div.closest(".wrap")?.getBoundingClientRect();
+		if (!parent_rect) return;
+		const sidebar_rect = sidebar_div.getBoundingClientRect();
+		const available_space =
+			position === "left"
+				? parent_rect.left
+				: window.innerWidth - parent_rect.right;
+		overlap_amount = Math.max(0, sidebar_rect.width - available_space + 30);
+	}
+
+	onMount(() => {
+		sidebar_div.closest(".wrap")?.classList.add("sidebar-parent");
+		check_overlap();
+		window.addEventListener("resize", check_overlap);
+		const update_parent_overlap = (): void => {
+			document.documentElement.style.setProperty(
+				"--overlap-amount",
+				`${overlap_amount}px`
+			);
+		};
+		update_parent_overlap();
+		mounted = true;
+		const mediaQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+		prefersReducedMotion = mediaQuery.matches;
+		const updateMotionPreference = (e: MediaQueryListEvent): void => {
+			prefersReducedMotion = e.matches;
+		};
+		mediaQuery.addEventListener("change", updateMotionPreference);
+		return () => {
+			window.removeEventListener("resize", check_overlap);
+			mediaQuery.removeEventListener("change", updateMotionPreference);
+		};
+	});
+
+	// We need to wait for the component to be mounted before we can set the open state
+	// so that it animates correctly.
+	$effect(() => {
+		if (mounted) _open = open;
+	});
+
+	let _elem_classes = $derived(elem_classes?.join(" ") || "");
+</script>
+
+<div
+	class="sidebar {_elem_classes}"
+	id={elem_id}
+	class:open={_open}
+	class:right={position === "right"}
+	class:reduce-motion={prefersReducedMotion}
+	bind:this={sidebar_div}
+	style="width: {width_css}; {position}: calc({width_css} * -1)"
+>
+	<button
+		onclick={() => {
+			_open = !_open;
+			open = _open;
+			if (_open) {
+				onexpand?.();
+			} else {
+				oncollapse?.();
+			}
+		}}
+		class="toggle-button"
+		aria-label="Toggle Sidebar"
+	>
+		<div class="chevron">
+			<span class="chevron-left"></span>
+		</div>
+	</button>
+	<div class="sidebar-content">
+		<slot />
+	</div>
+</div>
+
+<style>
+	/* Mobile styles (≤ 768px) */
+	@media (max-width: 768px) {
+		.sidebar {
+			width: 100vw !important;
+		}
+
+		.sidebar:not(.right) {
+			left: -100vw !important;
+		}
+
+		.sidebar.right {
+			right: -100vw !important;
+		}
+
+		.sidebar:not(.reduce-motion) {
+			transition: transform 0.3s ease-in-out !important;
+		}
+
+		:global(.sidebar-parent) {
+			padding-left: 0 !important;
+			padding-right: 0 !important;
+		}
+
+		:global(.sidebar-parent:has(.sidebar.open)) {
+			padding-left: 0 !important;
+			padding-right: 0 !important;
+		}
+		.sidebar.open {
+			z-index: 1001 !important;
+		}
+	}
+
+	:global(.sidebar-parent) {
+		display: flex !important;
+		padding-left: 0;
+		padding-right: 0;
+	}
+
+	:global(.sidebar-parent:not(.reduce-motion)) {
+		transition:
+			padding-left 0.3s ease-in-out,
+			padding-right 0.3s ease-in-out;
+	}
+
+	:global(.sidebar-parent:has(.sidebar.open:not(.right))) {
+		padding-left: var(--overlap-amount);
+	}
+
+	:global(.sidebar-parent:has(.sidebar.open.right)) {
+		padding-right: var(--overlap-amount);
+	}
+
+	.sidebar {
+		display: flex;
+		flex-direction: column;
+		position: fixed;
+		top: 0;
+		height: 100%;
+		background-color: var(--background-fill-secondary);
+		transform: translateX(0%);
+		z-index: 1000;
+	}
+
+	.sidebar:not(.reduce-motion) {
+		transition: transform 0.3s ease-in-out;
+	}
+
+	.sidebar.open:not(.right) {
+		transform: translateX(100%);
+		box-shadow: var(--size-1) 0 var(--size-1) rgba(0, 0, 0, 0.05);
+	}
+
+	.sidebar.open.right {
+		transform: translateX(-100%);
+		box-shadow: calc(var(--size-1) * -1) 0 var(--size-1) rgba(0, 0, 0, 0.05);
+	}
+
+	.toggle-button {
+		position: absolute;
+		top: var(--size-4);
+		background: var(--background-fill-secondary);
+		border: 1px solid var(--border-color-primary);
+		cursor: pointer;
+		padding: var(--size-2);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--size-7);
+		height: var(--size-8);
+		z-index: 1001;
+		border-radius: 0;
+	}
+
+	.toggle-button:not(.reduce-motion) {
+		transition: all 0.3s ease-in-out;
+	}
+
+	.sidebar:not(.right) .toggle-button {
+		left: 100%;
+		border-radius: 0 var(--size-8) var(--size-8) 0;
+		border-left: none;
+	}
+
+	.sidebar.right .toggle-button {
+		right: 100%;
+		transform: rotate(180deg);
+		border-radius: 0 var(--size-8) var(--size-8) 0;
+		border-left: none;
+	}
+
+	.open:not(.right) .toggle-button {
+		right: 0;
+		left: auto;
+		transform: rotate(180deg);
+		border-radius: 0 var(--size-8) var(--size-8) 0;
+		border-left: none;
+		border-right: 1px solid var(--border-color-primary);
+	}
+
+	.open.right .toggle-button {
+		left: 0;
+		right: auto;
+		transform: rotate(0deg);
+		border-radius: 0 var(--size-8) var(--size-8) 0;
+		border-left: none;
+		border-right: 1px solid var(--border-color-primary);
+	}
+
+	.chevron {
+		position: relative;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding-right: 8px;
+	}
+
+	.chevron-left {
+		position: relative;
+		width: var(--size-3);
+		height: var(--size-3);
+		border-top: var(--size-0-5) solid var(--body-text-color);
+		border-right: var(--size-0-5) solid var(--body-text-color);
+		transform: rotate(45deg);
+	}
+
+	.sidebar-content {
+		padding: var(--size-5);
+		padding-right: var(--size-8);
+		overflow-y: auto;
+	}
+
+	.sidebar.right .sidebar-content {
+		padding-left: var(--size-8);
+	}
+</style>
diff --git a/js/sidebar/types.ts b/js/sidebar/types.ts
new file mode 100644
index 0000000..a1d380c
--- /dev/null
+++ b/js/sidebar/types.ts
@@ -0,0 +1,11 @@
+export interface SidebarProps {
+	open: boolean;
+	position: "left" | "right";
+	width: number | string;
+}
+
+export interface SidebarEvents {
+	expand: never;
+	collapse: never;
+	clear_status: never;
+}
diff --git a/js/simpledropdown/CHANGELOG.md b/js/simpledropdown/CHANGELOG.md
new file mode 100644
index 0000000..b9cb56b
--- /dev/null
+++ b/js/simpledropdown/CHANGELOG.md
@@ -0,0 +1,759 @@
+# @gradio/simpledropdown
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.5.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+- [#13534](https://github.com/gradio-app/gradio/pull/13534) [`a11c728`](https://github.com/gradio-app/gradio/commit/a11c7282461ccef90f24a031d77a597ac9ae3d0e) - Re-translate i18n choices display names when the language is switched at runtime.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.4.0
+
+### Features
+
+- [#13516](https://github.com/gradio-app/gradio/pull/13516) [`8ec4cbc`](https://github.com/gradio-app/gradio/commit/8ec4cbc8de3bbc1d8ecb660ad8dd22ad35500e1c) - Translate i18n `choices` display names in choice-based components.  Thanks @hysts!
+
+## 0.3.39
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.3.38
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.3.37
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.3.36
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.3.35
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.3.34
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.3.33
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.3.32
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.3.31
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.31
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.3.30
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.30
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.3.30-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.3.30-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.3.29
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.3.29
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.3.28
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.3.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.3.27
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.3.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.3.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.3.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.3.24
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.3.23
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.3.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.3.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.3.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.3.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.3.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.3.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.3.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.3.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.3.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.3.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.3.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.3.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.2.13-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.2.13-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.2.13-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.2.13-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.2.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.2.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.2.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.1.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.1.10
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.1.8
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.1.0
+
+### Patch Changes
+
+- Updated dependencies [[`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7), [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7), [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7)]:
+  - @gradio/icons@0.2.0
+  - @gradio/utils@0.2.0
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.3.0
+
+## 0.1.0-beta.3
+
+### Features
+
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#5996](https://github.com/gradio-app/gradio/pull/5996) [`9cf40f76f`](https://github.com/gradio-app/gradio/commit/9cf40f76fed1c0f84b5a5336a9b0100f8a9b4ee3) - V4: Simple dropdown. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
\ No newline at end of file
diff --git a/js/simpledropdown/Example.svelte b/js/simpledropdown/Example.svelte
new file mode 100644
index 0000000..1ebb90d
--- /dev/null
+++ b/js/simpledropdown/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value ? value : ""}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/simpledropdown/Index.svelte b/js/simpledropdown/Index.svelte
new file mode 100644
index 0000000..a12df9f
--- /dev/null
+++ b/js/simpledropdown/Index.svelte
@@ -0,0 +1,119 @@
+<script lang="ts">
+	import type { SimpleDropdownProps, SimpleDropdownEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import { Block, BlockTitle } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	const props = $props();
+	const gradio = new Gradio<SimpleDropdownEvents, SimpleDropdownProps>(props);
+
+	let display_value = $state("");
+	let candidate: [string, string | number][] = [];
+	let old_value = $state(gradio.props.value);
+
+	const container = true;
+
+	// Translate the display side only; values stay raw for selection matching.
+	let translated_choices = $derived(
+		gradio.props.choices.map(
+			([display, value]) =>
+				[gradio.live_i18n(display), value] as [string, string | number]
+		)
+	);
+
+	$effect(() => {
+		if (display_value) {
+			candidate = translated_choices.filter(
+				(choice) => choice[0] === display_value
+			);
+			if (candidate.length) {
+				if (gradio.props.value !== candidate[0][1]) {
+					gradio.props.value = candidate[0][1];
+					gradio.dispatch("input");
+				}
+			} else {
+				const current = translated_choices.find(
+					(choice) => choice[1] === gradio.props.value
+				);
+				if (current) {
+					// The display strings changed under us (e.g. a runtime locale
+					// switch): refresh the displayed string from the still-valid
+					// internal value instead of clearing the selection.
+					display_value = current[0];
+				} else {
+					gradio.props.value = "";
+					gradio.dispatch("input");
+				}
+			}
+		}
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	padding={container}
+	allow_overflow={false}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+
+	<label class:container>
+		<BlockTitle show_label={gradio.shared.show_label} info={undefined}
+			>{gradio.shared.label}</BlockTitle
+		>
+		<select disabled={!gradio.shared.interactive} bind:value={display_value}>
+			{#each translated_choices as choice}
+				<option>{choice[0]}</option>
+			{/each}
+		</select>
+	</label>
+</Block>
+
+<style>
+	select {
+		--ring-color: transparent;
+		display: block;
+		position: relative;
+		outline: none !important;
+		box-shadow:
+			0 0 0 var(--shadow-spread) var(--ring-color),
+			var(--shadow-inset);
+		border: var(--input-border-width) solid var(--border-color-primary);
+		border-radius: var(--radius-lg);
+		background-color: var(--input-background-base);
+		padding: var(--size-2-5);
+		width: 100%;
+		color: var(--color-text-body);
+		font-size: var(--scale-00);
+		line-height: var(--line-sm);
+	}
+
+	select:focus {
+		--ring-color: var(--color-focus-ring);
+		border-color: var(--input-border-color-focus);
+	}
+
+	select::placeholder {
+		color: var(--color-text-placeholder);
+	}
+
+	select[disabled] {
+		cursor: not-allowed;
+		box-shadow: none;
+	}
+</style>
diff --git a/js/simpledropdown/package.json b/js/simpledropdown/package.json
new file mode 100644
index 0000000..4118c02
--- /dev/null
+++ b/js/simpledropdown/package.json
@@ -0,0 +1,40 @@
+{
+	"name": "@gradio/simpledropdown",
+	"version": "0.5.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/simpledropdown"
+	}
+}
diff --git a/js/simpledropdown/simpledropdown.test.ts b/js/simpledropdown/simpledropdown.test.ts
new file mode 100644
index 0000000..96932d9
--- /dev/null
+++ b/js/simpledropdown/simpledropdown.test.ts
@@ -0,0 +1,127 @@
+import { test, describe, expect, afterEach, beforeAll } from "vitest";
+import { cleanup, render, waitFor } from "@self/tootils/render";
+import event from "@testing-library/user-event";
+import { setupi18n, changeLocale } from "../core/src/i18n";
+import { formatter, reactive_formatter } from "../core/src/gradio_helper";
+
+import SimpleDropdown from "./Index.svelte";
+
+// Build a real i18n marker the way the backend's I18nData does.
+const marker = (key: string): string =>
+	`__i18n__${JSON.stringify({ __type__: "translation_metadata", key })}`;
+
+const default_props = {
+	label: "Simple Dropdown",
+	show_label: true,
+	value: "apple",
+	choices: [
+		["Apple", "apple"],
+		["Banana", "banana"],
+		["Cherry", "cherry"]
+	] as [string, string | number][],
+	interactive: true
+};
+
+describe("SimpleDropdown", () => {
+	afterEach(() => cleanup());
+
+	test("renders all choices as options", async () => {
+		const { container } = await render(SimpleDropdown, default_props);
+
+		const options = container.querySelectorAll("option");
+		const labels = Array.from(options).map((o) => o.textContent?.trim());
+		expect(labels).toEqual(["Apple", "Banana", "Cherry"]);
+	});
+
+	test("selecting an option updates the internal value", async () => {
+		const { container, get_data } = await render(SimpleDropdown, default_props);
+
+		const select = container.querySelector("select") as HTMLSelectElement;
+		await event.selectOptions(select, "Banana");
+
+		const data = await get_data();
+		expect(data.value).toBe("banana");
+	});
+});
+
+describe("SimpleDropdown: i18n choices", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+	afterEach(() => cleanup());
+
+	const i18n_choices: [string, string][] = [
+		[marker("common.clear"), "bold"],
+		[marker("common.remove"), "italic"]
+	];
+
+	test("translates option display names through the i18n formatter", async () => {
+		const { container } = await render(SimpleDropdown, {
+			...default_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: "bold"
+		});
+
+		const options = container.querySelectorAll("option");
+		const labels = Array.from(options).map((o) => o.textContent?.trim());
+		expect(labels).toEqual(["Clear", "Remove"]);
+	});
+
+	test("selecting a translated option maps back to the internal value", async () => {
+		const { container, get_data } = await render(SimpleDropdown, {
+			...default_props,
+			i18n: formatter,
+			choices: i18n_choices,
+			value: "bold"
+		});
+
+		const select = container.querySelector("select") as HTMLSelectElement;
+		await event.selectOptions(select, "Remove");
+
+		const data = await get_data();
+		expect(data.value).toBe("italic");
+	});
+});
+
+describe("SimpleDropdown: runtime locale switching", () => {
+	beforeAll(async () => {
+		await setupi18n(undefined, "en");
+		changeLocale("en");
+	});
+	afterEach(() => {
+		changeLocale("en");
+		cleanup();
+	});
+
+	test("re-translates options and keeps the selection when the locale changes", async () => {
+		const { getByRole, getAllByRole, get_data } = await render(SimpleDropdown, {
+			...default_props,
+			i18n: formatter,
+			i18n_store: reactive_formatter,
+			choices: [
+				[marker("common.clear"), "bold"],
+				[marker("common.remove"), "italic"]
+			],
+			value: ""
+		});
+
+		const select = getByRole("combobox") as HTMLSelectElement;
+		await event.selectOptions(select, "Clear");
+
+		let data = await get_data();
+		expect(data.value).toBe("bold");
+
+		changeLocale("es");
+
+		await waitFor(() => {
+			const labels = getAllByRole("option").map((o) => o.textContent?.trim());
+			expect(labels).toEqual(["Limpiar", "Eliminar"]);
+			expect(select).toHaveValue("Limpiar");
+		});
+
+		data = await get_data();
+		expect(data.value).toBe("bold");
+	});
+});
diff --git a/js/simpledropdown/types.ts b/js/simpledropdown/types.ts
new file mode 100644
index 0000000..fb7a8ae
--- /dev/null
+++ b/js/simpledropdown/types.ts
@@ -0,0 +1,13 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export interface SimpleDropdownProps {
+	value: string | number;
+	choices: [string, string | number][];
+}
+
+export interface SimpleDropdownEvents {
+	change: string;
+	input: never;
+	select: never;
+	clear_status: LoadingStatus;
+}
diff --git a/js/simpleimage/CHANGELOG.md b/js/simpleimage/CHANGELOG.md
new file mode 100644
index 0000000..7899f76
--- /dev/null
+++ b/js/simpleimage/CHANGELOG.md
@@ -0,0 +1,1042 @@
+# @gradio/simpleimage
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.10.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/upload@0.17.5
+
+## 0.9.3
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.9.1
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.9.1-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+
+## 0.9.1-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.9.1-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.9.1-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.9.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+
+## 0.8.40
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+
+## 0.8.39
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.8.39
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.8.39
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+
+## 0.8.38
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+
+## 0.8.37
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+
+## 0.8.36
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+
+## 0.8.35
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+
+## 0.8.34
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+
+## 0.8.33
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+
+## 0.8.32
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+
+## 0.8.31
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.8.31
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+
+## 0.8.30
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.8.30
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+
+## 0.8.29
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+
+## 0.8.28
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+
+## 0.8.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.8.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+
+## 0.8.25
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.8.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+
+## 0.8.23
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+
+## 0.8.22
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+
+## 0.8.21
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.8.20
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+
+## 0.8.19
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+
+## 0.8.18
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.8.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+
+## 0.8.16
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+
+## 0.8.15
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/wasm@0.17.2
+
+## 0.8.14
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/wasm@0.17.1
+
+## 0.8.13
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+
+## 0.8.12
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+
+## 0.8.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+
+## 0.8.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+
+## 0.8.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/wasm@0.14.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.8.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.8.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.8.0-beta.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+
+## 0.8.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.8.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.8.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+
+## 0.8.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.7.1-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.7.1
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+
+## 0.7.0
+
+### Features
+
+- [#8930](https://github.com/gradio-app/gradio/pull/8930) [`41d5ab9`](https://github.com/gradio-app/gradio/commit/41d5ab987ba9728753be4509490c79041655809b) - Add `placeholder` param to Image and ImageEditor to replace upload image text.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Fixes
+
+- [#9116](https://github.com/gradio-app/gradio/pull/9116) [`ba6322e`](https://github.com/gradio-app/gradio/commit/ba6322ec2bb975f15389fe0700816bf671c6819d) - Fix image height content fit.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+
+## 0.6.3
+
+### Fixes
+
+- [#8852](https://github.com/gradio-app/gradio/pull/8852) [`16b8200`](https://github.com/gradio-app/gradio/commit/16b820038df43905447ab7623d39d91ceb0d6238) - Fix gr.Image height inconsistencies.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/icons@0.6.0
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+
+## 0.6.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/upload@0.10.6
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/upload@0.10.4
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.5.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.5.0
+
+### Features
+
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+
+## 0.4.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+
+## 0.3.4
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.3.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.0
+
+### Features
+
+- [#7129](https://github.com/gradio-app/gradio/pull/7129) [`ccdaec4`](https://github.com/gradio-app/gradio/commit/ccdaec45002d0a9d6016e8e2078b843a1ff9172b) - Add a `simpleimage` template for custom components. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7205](https://github.com/gradio-app/gradio/pull/7205) [`e418edd`](https://github.com/gradio-app/gradio/commit/e418edd011d06df519c778b9a50573288d5bf30f) - Fix SimpleImage package json. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
\ No newline at end of file
diff --git a/js/simpleimage/Example.svelte b/js/simpleimage/Example.svelte
new file mode 100644
index 0000000..a419ca9
--- /dev/null
+++ b/js/simpleimage/Example.svelte
@@ -0,0 +1,48 @@
+<script lang="ts">
+	import type { FileData } from "@gradio/client";
+
+	export let value: null | FileData;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+{#if value}
+	<div
+		class="container"
+		class:table={type === "table"}
+		class:gallery={type === "gallery"}
+		class:selected
+	>
+		<img src={value.url} alt="" />
+	</div>
+{/if}
+
+<style>
+	.container :global(img) {
+		width: 100%;
+		height: 100%;
+	}
+
+	.container.selected {
+		border-color: var(--border-color-accent);
+	}
+
+	.container.table {
+		margin: 0 auto;
+		border: 2px solid var(--border-color-primary);
+		border-radius: var(--radius-lg);
+		overflow: hidden;
+		width: var(--size-20);
+		height: var(--size-20);
+		object-fit: cover;
+	}
+
+	.container.gallery {
+		height: var(--size-20);
+		max-height: var(--size-20);
+		object-fit: cover;
+	}
+	.container img {
+		object-fit: cover;
+	}
+</style>
diff --git a/js/simpleimage/Index.svelte b/js/simpleimage/Index.svelte
new file mode 100644
index 0000000..1f60ef0
--- /dev/null
+++ b/js/simpleimage/Index.svelte
@@ -0,0 +1,99 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+	export { default as BaseImageUploader } from "./shared/ImageUploader.svelte";
+	export { default as BaseStaticImage } from "./shared/ImagePreview.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import type { SimpleImageProps, SimpleImageEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import ImagePreview from "./shared/ImagePreview.svelte";
+	import ImageUploader from "./shared/ImageUploader.svelte";
+
+	import { Block, UploadText } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+
+	const props = $props();
+	const gradio = new Gradio<SimpleImageEvents, SimpleImageProps>(props);
+
+	let dragging = $state(false);
+	let old_value = $state(gradio.props.value);
+
+	$effect(() => {
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+</script>
+
+{#if !gradio.shared.interactive}
+	<Block
+		visible={gradio.shared.visible}
+		variant={"solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		allow_overflow={false}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+		<ImagePreview
+			value={gradio.props.value}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			show_download_button={gradio.props.show_download_button}
+			i18n={gradio.i18n}
+		/>
+	</Block>
+{:else}
+	<Block
+		visible={gradio.shared.visible}
+		variant={gradio.props.value === null ? "dashed" : "solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		allow_overflow={false}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		<ImageUploader
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={(...args) => gradio.shared.client.stream(...args)}
+			bind:value={gradio.props.value}
+			root={gradio.shared.root}
+			on:clear={() => gradio.dispatch("clear")}
+			on:drag={({ detail }) => (dragging = detail)}
+			on:upload={() => gradio.dispatch("upload")}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+		>
+			<UploadText
+				i18n={gradio.i18n}
+				type="image"
+				placeholder={gradio.props.placeholder}
+			/>
+		</ImageUploader>
+	</Block>
+{/if}
diff --git a/js/simpleimage/package.json b/js/simpleimage/package.json
new file mode 100644
index 0000000..1cd4119
--- /dev/null
+++ b/js/simpleimage/package.json
@@ -0,0 +1,51 @@
+{
+	"name": "@gradio/simpleimage",
+	"version": "0.10.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"cropperjs": "^2.0.1",
+		"lazy-brush": "^2.0.2",
+		"resize-observer-polyfill": "^1.5.1"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"main_changeset": true,
+	"main": "./Index.svelte",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./base": {
+			"gradio": "./shared/ImagePreview.svelte",
+			"svelte": "./dist/shared/ImagePreview.svelte",
+			"types": "./dist/shared/ImagePreview.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/simpleimage"
+	}
+}
diff --git a/js/simpleimage/shared/ClearImage.svelte b/js/simpleimage/shared/ClearImage.svelte
new file mode 100644
index 0000000..66971ca
--- /dev/null
+++ b/js/simpleimage/shared/ClearImage.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import { IconButton, IconButtonWrapper } from "@gradio/atoms";
+	import { Clear } from "@gradio/icons";
+
+	const dispatch = createEventDispatcher();
+</script>
+
+<IconButtonWrapper>
+	<IconButton
+		Icon={Clear}
+		label="Remove Image"
+		onclick={(event) => {
+			dispatch("remove_image");
+			event.stopPropagation();
+		}}
+	/>
+</IconButtonWrapper>
diff --git a/js/simpleimage/shared/ImagePreview.svelte b/js/simpleimage/shared/ImagePreview.svelte
new file mode 100644
index 0000000..6bdf86a
--- /dev/null
+++ b/js/simpleimage/shared/ImagePreview.svelte
@@ -0,0 +1,61 @@
+<script lang="ts">
+	import {
+		BlockLabel,
+		Empty,
+		IconButton,
+		IconButtonWrapper,
+		DownloadLink
+	} from "@gradio/atoms";
+	import { Download } from "@gradio/icons";
+
+	import { Image as ImageIcon } from "@gradio/icons";
+	import { type FileData } from "@gradio/client";
+	import type { I18nFormatter } from "@gradio/utils";
+
+	export let value: null | FileData;
+	export let label: string | undefined = undefined;
+	export let show_label: boolean;
+	export let show_download_button = true;
+	export let selectable = false;
+	export let i18n: I18nFormatter;
+</script>
+
+<BlockLabel
+	{show_label}
+	Icon={ImageIcon}
+	label={label || i18n("image.image")}
+/>
+{#if value === null || !value.url}
+	<Empty unpadded_box={true} size="large"><ImageIcon /></Empty>
+{:else}
+	<IconButtonWrapper>
+		{#if show_download_button}
+			<DownloadLink href={value.url} download={value.orig_name || "image"}>
+				<IconButton Icon={Download} label={i18n("common.download")} />
+			</DownloadLink>
+		{/if}
+	</IconButtonWrapper>
+	<button>
+		<div class:selectable class="image-container">
+			<img src={value.url} alt="" loading="lazy" />
+		</div>
+	</button>
+{/if}
+
+<style>
+	.image-container {
+		height: 100%;
+	}
+	.image-container :global(img),
+	button {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: scale-down;
+		display: block;
+		border-radius: var(--radius-lg);
+	}
+
+	.selectable {
+		cursor: crosshair;
+	}
+</style>
diff --git a/js/simpleimage/shared/ImageUploader.svelte b/js/simpleimage/shared/ImageUploader.svelte
new file mode 100644
index 0000000..0af896d
--- /dev/null
+++ b/js/simpleimage/shared/ImageUploader.svelte
@@ -0,0 +1,100 @@
+<script lang="ts">
+	import { createEventDispatcher } from "svelte";
+	import { BlockLabel } from "@gradio/atoms";
+	import { Image as ImageIcon } from "@gradio/icons";
+
+	import { Upload } from "@gradio/upload";
+	import type { FileData, Client } from "@gradio/client";
+	import ClearImage from "./ClearImage.svelte";
+
+	export let value: null | FileData;
+	export let label: string | undefined = undefined;
+	export let show_label: boolean;
+	export let root: string;
+	export let upload: Client["upload"];
+	export let stream_handler: Client["stream"];
+
+	let upload_component: Upload;
+	let uploading = false;
+
+	function handle_upload(detail: FileData): void {
+		value = detail;
+		dispatch("upload");
+	}
+	$: if (uploading) value = null;
+
+	const dispatch = createEventDispatcher<{
+		change?: never;
+		clear?: never;
+		drag: boolean;
+		upload?: never;
+		error: string;
+	}>();
+
+	let dragging = false;
+	$: dispatch("drag", dragging);
+</script>
+
+<BlockLabel {show_label} Icon={ImageIcon} label={label || "Image"} />
+
+<div data-testid="image" class="image-container">
+	{#if value?.url}
+		<ClearImage
+			on:remove_image={() => {
+				value = null;
+				dispatch("clear");
+			}}
+		/>
+	{/if}
+	<div class="upload-container">
+		<Upload
+			{upload}
+			{stream_handler}
+			hidden={value !== null}
+			bind:this={upload_component}
+			bind:uploading
+			bind:dragging
+			filetype="image/*"
+			onload={handle_upload}
+			onerror={(e) => dispatch("error", e)}
+			{root}
+		>
+			{#if value === null}
+				<slot />
+			{/if}
+		</Upload>
+		{#if value !== null}
+			<div class="image-frame">
+				<img src={value.url} alt={value.alt_text} />
+			</div>
+		{/if}
+	</div>
+</div>
+
+<style>
+	.image-frame :global(img) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: scale-down;
+	}
+
+	.image-frame {
+		width: 100%;
+		height: 100%;
+	}
+
+	.upload-container {
+		height: 100%;
+		flex-shrink: 1;
+		max-height: 100%;
+	}
+
+	.image-container {
+		display: flex;
+		height: 100%;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		max-height: 100%;
+	}
+</style>
diff --git a/js/simpleimage/types.ts b/js/simpleimage/types.ts
new file mode 100644
index 0000000..46b8cd5
--- /dev/null
+++ b/js/simpleimage/types.ts
@@ -0,0 +1,15 @@
+import type { FileData } from "@gradio/client";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export interface SimpleImageProps {
+	value: null | FileData;
+	show_download_button: boolean;
+	placeholder: string | undefined;
+}
+
+export interface SimpleImageEvents {
+	change: never;
+	upload: never;
+	clear: never;
+	clear_status: LoadingStatus;
+}
diff --git a/js/simpletextbox/CHANGELOG.md b/js/simpletextbox/CHANGELOG.md
new file mode 100644
index 0000000..be95493
--- /dev/null
+++ b/js/simpletextbox/CHANGELOG.md
@@ -0,0 +1,766 @@
+# @gradio/simpletextbox
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.3.41
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.3.40
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.3.39
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.3.38
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.3.37
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.3.36
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.3.35
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.3.34
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.3.33
+
+### Fixes
+
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.3.32
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.3.31
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.31
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.3.31-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.3.31-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.3.30
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.3.30
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.3.29
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.3.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.3.28
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.3.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.3.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.3.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.3.25
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.3.24
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.3.23
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.23
+
+### Features
+
+- [#11380](https://github.com/gradio-app/gradio/pull/11380) [`0b2b6cb`](https://github.com/gradio-app/gradio/commit/0b2b6cbd44562a2f5843af872fe6761c5f255185) - Truncate textbox examples to 70 chars.  Thanks @hannahblair!
+
+## 0.3.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.3.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.3.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.3.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.3.18
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.3.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.3.16
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.3.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.3.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.3.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.3.5
+
+### Fixes
+
+- [#9831](https://github.com/gradio-app/gradio/pull/9831) [`767643f`](https://github.com/gradio-app/gradio/commit/767643fdeccb1ae1481e1d79034317082144b371) - Fix a bug in example textbox rendering when it is initially invisible.  Thanks @cornzz!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.3.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.3.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.3.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.2.13-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.2.13-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.2.13-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.2.13-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.2.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.2.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.2.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.1.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.1.14
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.1.13
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.1.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.1.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.1.10
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.1.8
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.1.0
+
+### Patch Changes
+
+- Updated dependencies [[`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7), [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7), [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7)]:
+  - @gradio/icons@0.2.0
+  - @gradio/utils@0.2.0
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.3.0
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#5990](https://github.com/gradio-app/gradio/pull/5990) [`85056de5c`](https://github.com/gradio-app/gradio/commit/85056de5cd4e90a10cbfcefab74037dbc622b26b) - V4: Simple textbox. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
\ No newline at end of file
diff --git a/js/simpletextbox/Example.svelte b/js/simpletextbox/Example.svelte
new file mode 100644
index 0000000..b83484e
--- /dev/null
+++ b/js/simpletextbox/Example.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+
+	let size: number;
+	let el: HTMLDivElement;
+
+	function set_styles(element: HTMLElement, el_width: number): void {
+		element.style.setProperty(
+			"--local-text-width",
+			`${el_width && el_width < 150 ? el_width : 200}px`
+		);
+		element.style.whiteSpace = "unset";
+	}
+
+	function truncate_text(text: string | null, max_length = 60): string {
+		if (!text) return "";
+		const str = String(text);
+		if (str.length <= max_length) return str;
+		return str.slice(0, max_length) + "...";
+	}
+
+	onMount(() => {
+		set_styles(el, size);
+	});
+</script>
+
+<div
+	bind:clientWidth={size}
+	bind:this={el}
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{truncate_text(value)}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+
+	div {
+		overflow: hidden;
+		min-width: var(--local-text-width);
+
+		white-space: nowrap;
+	}
+</style>
diff --git a/js/simpletextbox/Index.svelte b/js/simpletextbox/Index.svelte
new file mode 100644
index 0000000..da3a4e0
--- /dev/null
+++ b/js/simpletextbox/Index.svelte
@@ -0,0 +1,112 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import type { SimpleTextboxProps, SimpleTextboxEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+	import { BlockTitle } from "@gradio/atoms";
+	import { Block } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { tick } from "svelte";
+
+	const props = $props();
+	const gradio = new Gradio<SimpleTextboxEvents, SimpleTextboxProps>(props);
+
+	let el: HTMLTextAreaElement | HTMLInputElement;
+	const container = true;
+	let old_value = $state(gradio.props.value);
+
+	async function handle_keypress(e: KeyboardEvent): Promise<void> {
+		await tick();
+		if (e.key === "Enter") {
+			e.preventDefault();
+			gradio.dispatch("submit");
+		}
+	}
+
+	$effect(() => {
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	padding={true}
+	rtl={gradio.props.rtl}
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+
+	<label class:container>
+		<BlockTitle show_label={gradio.shared.show_label} info={undefined}
+			>{gradio.shared.label}</BlockTitle
+		>
+
+		<input
+			data-testid="textbox"
+			type="text"
+			class="scroll-hide"
+			bind:value={gradio.props.value}
+			bind:this={el}
+			placeholder={gradio.props.placeholder}
+			disabled={!gradio.shared.interactive}
+			dir={gradio.props.rtl ? "rtl" : "ltr"}
+			on:input={() => gradio.dispatch("input")}
+			on:keypress={handle_keypress}
+		/>
+	</label>
+</Block>
+
+<style>
+	label {
+		display: block;
+		width: 100%;
+	}
+
+	input {
+		display: block;
+		position: relative;
+		outline: none !important;
+		box-shadow: var(--input-shadow);
+		background: var(--input-background-fill);
+		padding: var(--input-padding);
+		width: 100%;
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		border: none;
+	}
+	.container > input {
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-radius: var(--input-radius);
+	}
+	input:disabled {
+		-webkit-text-fill-color: var(--body-text-color);
+		-webkit-opacity: 1;
+		opacity: 1;
+	}
+
+	input:focus {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+	}
+
+	input::placeholder {
+		color: var(--input-placeholder-color);
+	}
+</style>
diff --git a/js/simpletextbox/package.json b/js/simpletextbox/package.json
new file mode 100644
index 0000000..83efa6e
--- /dev/null
+++ b/js/simpletextbox/package.json
@@ -0,0 +1,40 @@
+{
+	"name": "@gradio/simpletextbox",
+	"version": "0.4.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/simpletextbox"
+	}
+}
diff --git a/js/simpletextbox/types.ts b/js/simpletextbox/types.ts
new file mode 100644
index 0000000..ecc5edf
--- /dev/null
+++ b/js/simpletextbox/types.ts
@@ -0,0 +1,14 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export interface SimpleTextboxProps {
+	value: string;
+	placeholder: string;
+	rtl: boolean;
+}
+
+export interface SimpleTextboxEvents {
+	change: never;
+	submit: never;
+	input: never;
+	clear_status: LoadingStatus;
+}
diff --git a/js/slider/CHANGELOG.md b/js/slider/CHANGELOG.md
new file mode 100644
index 0000000..73315b9
--- /dev/null
+++ b/js/slider/CHANGELOG.md
@@ -0,0 +1,877 @@
+# @gradio/slider
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+
+## 0.8.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.7.11
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.7.10
+
+### Features
+
+- [#13140](https://github.com/gradio-app/gradio/pull/13140) [`0dd1c79`](https://github.com/gradio-app/gradio/commit/0dd1c79c75406d4609c79698987fadc624bb9035) - Slider Tests.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.7.5
+
+### Fixes
+
+- [#12840](https://github.com/gradio-app/gradio/pull/12840) [`26cea7a`](https://github.com/gradio-app/gradio/commit/26cea7ad6fbaf0352f0dc0d44e37c24c8f1797f8) - Ensure change event fires when slider value changes to 0.  Thanks @hannahblair!
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.7.3
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.7.1
+
+### Features
+
+- [#12476](https://github.com/gradio-app/gradio/pull/12476) [`4e9a330`](https://github.com/gradio-app/gradio/commit/4e9a330a85396659e8cf4d90f25d3dde82a685b3) - Fix slider css issue.  Thanks @freddyaboulton!
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.7.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix various event issues
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Unit test fixes
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.7.0-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.7.0-dev.1
+
+### Features
+
+- [#12357](https://github.com/gradio-app/gradio/pull/12357) [`c9cf634`](https://github.com/gradio-app/gradio/commit/c9cf634a9cd34b4adadde1a6a98d60faf732639a) - Fix various event issues.  Thanks @pngwn!
+
+## 0.6.19-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.6.18
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.6.18
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.6.17
+
+### Dependency updates
+
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.6.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.6.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+
+## 0.6.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.6.12
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.11
+
+### Fixes
+
+- [#11278](https://github.com/gradio-app/gradio/pull/11278) [`ac2bcea`](https://github.com/gradio-app/gradio/commit/ac2bcea619806ff99a44d98c15ca5c5969cdd54d) - Add gap around slider input in mobile.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.6.10
+
+### Fixes
+
+- [#11228](https://github.com/gradio-app/gradio/pull/11228) [`0b7f753`](https://github.com/gradio-app/gradio/commit/0b7f753a8e400795b5e03fd3faf2a6d1f4426f05) - Improve slider alignment.  Thanks @hannahblair!
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.6.0
+
+### Features
+
+- [#10340](https://github.com/gradio-app/gradio/pull/10340) [`a91cb9c`](https://github.com/gradio-app/gradio/commit/a91cb9c42c02b70273b4cd55ab18148a7436fe57) - Add `show_reset_button` to `gr.slider` initialization.  Thanks @amanchauhan11!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.5.11
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+
+## 0.5.10
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.5.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.5.8
+
+### Fixes
+
+- [#9988](https://github.com/gradio-app/gradio/pull/9988) [`2afcad8`](https://github.com/gradio-app/gradio/commit/2afcad80abd489111e47cf586a2a8221cc3dc9b6) - Allow negative values in gr.Slider.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.5.2
+
+### Fixes
+
+- [#9652](https://github.com/gradio-app/gradio/pull/9652) [`35bebf3`](https://github.com/gradio-app/gradio/commit/35bebf38eb0f61fe8e4f032ee093e92355baeecb) - Hide default slider background.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.5.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Redesign `gr.Slider()`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix `slider-color` var
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.5.0-beta.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.5.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.5.0-beta.3
+
+### Features
+
+- [#9481](https://github.com/gradio-app/gradio/pull/9481) [`2510a6e`](https://github.com/gradio-app/gradio/commit/2510a6e978a49432d7820e9518f164a70cf8acc8) - Fix `slider-color` var.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.5.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.5.0-beta.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.5.0-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.5.0-beta.0
+
+### Features
+
+- [#9197](https://github.com/gradio-app/gradio/pull/9197) [`6773c4d`](https://github.com/gradio-app/gradio/commit/6773c4da22f957a11b2a07f032ce13c7b4c94f8c) - Redesign `gr.Slider()`.  Thanks @hannahblair!
+
+## 0.4.13
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+
+## 0.4.12
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.4.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+
+## 0.3.0
+
+### Features
+
+- [#7814](https://github.com/gradio-app/gradio/pull/7814) [`f7df92f`](https://github.com/gradio-app/gradio/commit/f7df92f3f3ff4bb1300ed6d6eb1828615a728acd) - Improve UX of non-interactive slider.  Thanks @Pythongor!
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.2.11
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.2.10
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.2.9
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.2.8
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+  - @gradio/statustracker@0.4.5
+
+## 0.2.7
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.2.6
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.2.5
+
+### Patch Changes
+
+- Updated dependencies [[`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.3.1
+  - @gradio/statustracker@0.4.1
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/statustracker@0.3.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Fixes: slider bar are too thin on FireFox. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.8
+
+### Features
+
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6107](https://github.com/gradio-app/gradio/pull/6107) [`9a40de7bf`](https://github.com/gradio-app/gradio/commit/9a40de7bff5844c8a135e73c7d175eb02b63a966) - Fix: Move to cache in init postprocess + Fallback Fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6026](https://github.com/gradio-app/gradio/pull/6026) [`338969af2`](https://github.com/gradio-app/gradio/commit/338969af290de032f9cdc204dab8a50be3bf3cc5) - V4: Single-file implementation of form components. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#5984](https://github.com/gradio-app/gradio/pull/5984) [`66549d8d2`](https://github.com/gradio-app/gradio/commit/66549d8d256b1845c8c5efa0384695b36cb46eab) - Fixes: slider bar are too thin on FireFox. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.2.0
+
+### Features
+
+- [#5697](https://github.com/gradio-app/gradio/pull/5697) [`f4e4f82b5`](https://github.com/gradio-app/gradio/commit/f4e4f82b58a65efca9030a7e8e7c5ace60d8cc10) - Increase Slider clickable area. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.3
+
+### Features
+
+- [#5535](https://github.com/gradio-app/gradio/pull/5535) [`d29b1ab74`](https://github.com/gradio-app/gradio/commit/d29b1ab740784d8c70f9ab7bc38bbbf7dd3ff737) - Makes sliders consistent across all browsers. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/slider/Example.svelte b/js/slider/Example.svelte
new file mode 100644
index 0000000..6b6a4a0
--- /dev/null
+++ b/js/slider/Example.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+</script>
+
+<div
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{value}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+</style>
diff --git a/js/slider/Index.svelte b/js/slider/Index.svelte
new file mode 100644
index 0000000..a454c62
--- /dev/null
+++ b/js/slider/Index.svelte
@@ -0,0 +1,389 @@
+<script context="module">
+	let _id = 0;
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import { Block, BlockTitle } from "@gradio/atoms";
+	import { StatusTracker } from "@gradio/statustracker";
+	import type { SliderEvents, SliderProps } from "./types";
+	import { tick } from "svelte";
+
+	let props = $props();
+	let gradio = new Gradio<SliderEvents, SliderProps>(props);
+	const INITIAL_VALUE = gradio.props.value;
+	let old_value = $state(gradio.props.value);
+
+	let range_input: HTMLInputElement;
+	let number_input: HTMLInputElement;
+
+	const id = `range_id_${_id++}`;
+
+	let window_width: number;
+
+	let minimum_value = $derived(gradio.props.minimum ?? 0);
+	let percentage = $derived.by(() => {
+		const min = gradio.props.minimum;
+		const max = gradio.props.maximum;
+		const val = gradio.props.value;
+		if (val > max) {
+			return 100;
+		} else if (val < min) {
+			return 0;
+		}
+		return ((val - min) / (max - min)) * 100;
+	});
+
+	$effect(() => {
+		if (gradio.props.value == null || !range_input) return;
+		range_input.style.setProperty("--range_progress", `${percentage}%`);
+		range_input.value = gradio.props.value.toString();
+	});
+
+	async function handle_change() {
+		await tick();
+		gradio.dispatch("change");
+	}
+
+	async function handle_release(e: MouseEvent): Promise<void> {
+		await tick();
+		gradio.dispatch("release", gradio.props.value);
+	}
+	function clamp(): void {
+		gradio.dispatch("release", gradio.props.value);
+		gradio.props.value = Math.min(
+			Math.max(gradio.props.value, gradio.props.minimum),
+			gradio.props.maximum
+		);
+	}
+
+	let disabled = $derived(!gradio.shared.interactive);
+
+	// When the value changes, dispatch the change event via handle_change()
+	// See the docs for an explanation: https://svelte.dev/docs/svelte-components#script-3-$-marks-a-statement-as-reactive
+	$effect(() => {
+		if (gradio.props.value != old_value) {
+			old_value = gradio.props.value;
+			handle_change();
+		}
+	});
+
+	function handle_resize(): void {
+		window_width = window.innerWidth;
+	}
+
+	function reset_value(): void {
+		gradio.props.value = INITIAL_VALUE;
+		gradio.dispatch("change");
+		gradio.dispatch("release", gradio.props.value);
+	}
+
+	async function handle_input(): Promise<void> {
+		await tick();
+		gradio.dispatch("input");
+	}
+</script>
+
+<svelte:window on:resize={handle_resize} />
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	container={gradio.shared.container}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+>
+	<StatusTracker
+		autoscroll={gradio.shared.autoscroll}
+		i18n={gradio.i18n}
+		{...gradio.shared.loading_status}
+		on_clear_status={() =>
+			gradio.dispatch("clear_status", gradio.shared.loading_status)}
+	/>
+
+	<div class="wrap">
+		<div class="head">
+			<label for={id}>
+				<BlockTitle
+					show_label={gradio.shared.show_label}
+					info={gradio.props.info}>{gradio.shared.label || "Slider"}</BlockTitle
+				>
+			</label>
+			<div class="tab-like-container">
+				<input
+					aria-label={`number input for ${gradio.shared.label}`}
+					data-testid="number-input"
+					type="number"
+					bind:value={gradio.props.value}
+					bind:this={number_input}
+					min={gradio.props.minimum}
+					max={gradio.props.maximum}
+					on:input={handle_input}
+					on:blur={clamp}
+					step={gradio.props.step}
+					{disabled}
+					on:pointerup={handle_release}
+				/>
+				{#if gradio.props.buttons?.includes("reset") ?? true}
+					<button
+						class="reset-button"
+						on:click={reset_value}
+						{disabled}
+						aria-label="Reset to default value"
+						data-testid="reset-button"
+					>
+						↺
+					</button>
+				{/if}
+			</div>
+		</div>
+
+		<div class="slider_input_container">
+			<span class="min_value" data-testid="min-value">{minimum_value}</span>
+			<input
+				type="range"
+				{id}
+				name="cowbell"
+				data-testid="range-input"
+				bind:value={gradio.props.value}
+				bind:this={range_input}
+				min={gradio.props.minimum}
+				max={gradio.props.maximum}
+				on:input={handle_input}
+				step={gradio.props.step}
+				{disabled}
+				on:pointerup={handle_release}
+				aria-label={`range slider for ${gradio.shared.label}`}
+			/>
+			<span class="max_value" data-testid="max-value"
+				>{gradio.props.maximum}</span
+			>
+		</div>
+	</div>
+</Block>
+
+<style>
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+	}
+
+	.head {
+		margin-bottom: var(--size-2);
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		flex-wrap: wrap;
+		width: 100%;
+	}
+
+	.head > label {
+		flex: 1;
+	}
+
+	.head > .tab-like-container {
+		margin-left: auto;
+		order: 1;
+	}
+
+	.slider_input_container {
+		display: flex;
+		align-items: center;
+		gap: var(--size-2);
+	}
+
+	input[type="range"] {
+		-webkit-appearance: none;
+		appearance: none;
+		width: 100%;
+		cursor: pointer;
+		outline: none;
+		border-radius: var(--radius-xl);
+		min-width: var(--size-28);
+		background: transparent;
+	}
+
+	/* webkit track */
+	input[type="range"]::-webkit-slider-runnable-track {
+		height: var(--size-2);
+		background: var(--neutral-200);
+		border-radius: var(--radius-xl);
+	}
+
+	/* webkit thumb */
+	input[type="range"]::-webkit-slider-thumb {
+		-webkit-appearance: none;
+		appearance: none;
+		height: var(--size-4);
+		width: var(--size-4);
+		background-color: white;
+		border-radius: 50%;
+		margin-top: -5px;
+		box-shadow:
+			0 0 0 1px rgba(247, 246, 246, 0.739),
+			1px 1px 4px rgba(0, 0, 0, 0.1);
+	}
+
+	input[type="range"]::-webkit-slider-runnable-track {
+		background: linear-gradient(
+			to right,
+			var(--slider-color) var(--range_progress),
+			var(--neutral-200) var(--range_progress)
+		);
+	}
+
+	/* firefox */
+	input[type="range"]::-moz-range-track {
+		height: var(--size-2);
+		background: var(--neutral-200);
+		border-radius: var(--radius-xl);
+	}
+
+	input[type="range"]::-moz-range-thumb {
+		appearance: none;
+		height: var(--size-4);
+		width: var(--size-4);
+		background-color: white;
+		border-radius: 50%;
+		border: none;
+		margin-top: calc(-1 * (var(--size-4) - var(--size-2)) / 2);
+		box-shadow:
+			0 0 0 1px rgba(247, 246, 246, 0.739),
+			1px 1px 4px rgba(0, 0, 0, 0.1);
+	}
+
+	input[type="range"]::-moz-range-progress {
+		height: var(--size-2);
+		background-color: var(--slider-color);
+		border-radius: var(--radius-xl);
+	}
+
+	input[type="number"] {
+		display: block;
+		outline: none;
+		border: 1px solid var(--input-border-color);
+		border-radius: var(--radius-sm);
+		background: var(--input-background-fill);
+		padding: var(--size-2) var(--size-3);
+		height: var(--size-8);
+		color: var(--body-text-color);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		text-align: center;
+		min-width: var(--size-16);
+		transition: border-color 0.15s ease-in-out;
+	}
+
+	input[type="number"]:focus {
+		box-shadow: none;
+		border-width: 2px;
+	}
+
+	input:disabled,
+	input[disabled] {
+		-webkit-text-fill-color: var(--body-text-color);
+		opacity: 1;
+		cursor: not-allowed;
+	}
+
+	input::placeholder {
+		color: var(--input-placeholder-color);
+	}
+
+	input[type="range"][disabled] {
+		opacity: 0.6;
+	}
+
+	input[type="range"][disabled]::-webkit-slider-thumb,
+	input[type="range"][disabled]::-moz-range-thumb,
+	input[type="range"][disabled]::-ms-thumb,
+	input[type="range"][disabled]::-webkit-slider-thumb:hover,
+	input[type="range"][disabled]::-moz-range-thumb:hover,
+	input[type="range"][disabled]::-moz-range-track:hover {
+		background-color: var(--body-text-color-subdued);
+		cursor: not-allowed;
+	}
+
+	.min_value,
+	.max_value {
+		font-size: var(--text-sm);
+		color: var(--body-text-color-subdued);
+	}
+
+	.min_value {
+		margin-right: var(--size-0-5);
+	}
+
+	.max_value {
+		margin-left: var(--size-0-5);
+		margin-right: var(--size-0-5);
+	}
+
+	@media (max-width: 480px) {
+		.min_value,
+		.max_value {
+			display: none;
+		}
+	}
+
+	@media (max-width: 520px) {
+		.head {
+			gap: var(--size-3);
+		}
+	}
+
+	@media (max-width: 420px) {
+		.head .tab-like-container {
+			margin-bottom: var(--size-4);
+		}
+	}
+
+	.tab-like-container {
+		display: flex;
+		align-items: stretch;
+		border: 1px solid var(--input-border-color);
+		border-radius: var(--radius-sm);
+		overflow: hidden;
+		height: var(--size-6);
+	}
+
+	input[type="number"] {
+		border: none;
+		border-radius: 0;
+		padding: var(--size-1) var(--size-2);
+		height: 100%;
+		min-width: var(--size-14);
+		font-size: var(--text-sm);
+	}
+
+	input[type="number"]:focus {
+		box-shadow: inset 0 0 0 1px var(--color-accent);
+		border-radius: 3px 0 0px 3px;
+	}
+
+	.reset-button {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: none;
+		border: none;
+		border-left: 1px solid var(--input-border-color);
+		cursor: pointer;
+		font-size: var(--text-sm);
+		color: var(--body-text-color);
+		padding: 0 var(--size-2);
+		min-width: var(--size-6);
+		transition: background-color 0.15s ease-in-out;
+	}
+
+	.reset-button:hover:not(:disabled) {
+		background-color: var(--background-fill-secondary);
+	}
+
+	.reset-button:disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+	}
+</style>
diff --git a/js/slider/Slider.stories.svelte b/js/slider/Slider.stories.svelte
new file mode 100644
index 0000000..1848f18
--- /dev/null
+++ b/js/slider/Slider.stories.svelte
@@ -0,0 +1,53 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Slider from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Slider",
+		component: Slider,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			minimum: { control: "number", description: "Minimum value" },
+			maximum: { control: "number", description: "Maximum value" },
+			step: { control: "number", description: "Step increment" },
+			value: { control: "number", description: "Current value" },
+			interactive: { control: "boolean", description: "Whether interactive" },
+			show_label: { control: "boolean", description: "Whether to show label" }
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Slider {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Slider with min and max"
+	args={{ minimum: 0, maximum: 100, interactive: true }}
+	{template}
+/>
+<Story
+	name="Slider with hidden label and negative value"
+	args={{
+		value: -50,
+		minimum: -100,
+		maximum: 0,
+		show_label: false,
+		interactive: true
+	}}
+	{template}
+/>
+<Story
+	name="Non-interactive Slider"
+	args={{ value: 30, minimum: 0, maximum: 100, interactive: false }}
+	{template}
+/>
diff --git a/js/slider/Slider.test.ts b/js/slider/Slider.test.ts
new file mode 100644
index 0000000..e08bc16
--- /dev/null
+++ b/js/slider/Slider.test.ts
@@ -0,0 +1,470 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import { tick } from "svelte";
+
+import Slider from "./Index.svelte";
+
+const loading_status = {
+	status: "complete" as const,
+	eta: 0,
+	queue_position: 1,
+	queue_size: 1,
+	scroll_to_output: false,
+	visible: true,
+	fn_index: 0,
+	show_progress: "full" as const,
+	type: "input" as const,
+	stream_state: "closed" as const
+};
+
+const default_props = {
+	value: 5,
+	minimum: 0,
+	maximum: 10,
+	step: 1,
+	label: "Slider",
+	show_label: true,
+	interactive: true,
+	buttons: null as string[] | null,
+	info: undefined as string | undefined,
+	loading_status
+};
+
+run_shared_prop_tests({
+	component: Slider,
+	name: "Slider",
+	base_props: {
+		...default_props
+	},
+	has_label: true,
+	has_validation_error: true
+});
+
+describe("Slider", () => {
+	afterEach(() => cleanup());
+
+	test("renders with value displayed in number input", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			value: 7
+		});
+
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+		expect(number_input).toBeVisible();
+		expect(number_input.value).toBe("7");
+	});
+
+	test("renders range input with correct min, max, and step", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			minimum: 2,
+			maximum: 20,
+			step: 0.5
+		});
+
+		const range_input = getByTestId("range-input") as HTMLInputElement;
+		expect(range_input).toBeVisible();
+		expect(range_input.min).toBe("2");
+		expect(range_input.max).toBe("20");
+		expect(range_input.step).toBe("0.5");
+	});
+
+	test("displays min and max values", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			minimum: -10,
+			maximum: 100
+		});
+
+		expect(getByTestId("min-value")).toHaveTextContent("-10");
+		expect(getByTestId("max-value")).toHaveTextContent("100");
+	});
+
+	test("defaults label to 'Slider' when label is empty", async () => {
+		const { getByText } = await render(Slider, {
+			...default_props,
+			label: ""
+		});
+
+		expect(getByText("Slider")).toBeVisible();
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=true enables both inputs", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			interactive: true
+		});
+
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+		const range_input = getByTestId("range-input") as HTMLInputElement;
+
+		expect(number_input).toBeEnabled();
+		expect(range_input).toBeEnabled();
+	});
+
+	test("interactive=false disables both inputs", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			interactive: false
+		});
+
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+		const range_input = getByTestId("range-input") as HTMLInputElement;
+
+		expect(number_input).toBeDisabled();
+		expect(range_input).toBeDisabled();
+	});
+
+	test("interactive=false disables the reset button", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			interactive: false
+		});
+
+		expect(getByTestId("reset-button")).toBeDisabled();
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("reset button is shown by default when buttons is null", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			buttons: null
+		});
+
+		expect(getByTestId("reset-button")).toBeVisible();
+	});
+
+	test("reset button is shown when buttons includes 'reset'", async () => {
+		const { getByTestId } = await render(Slider, {
+			...default_props,
+			buttons: ["reset"]
+		});
+
+		expect(getByTestId("reset-button")).toBeVisible();
+	});
+
+	test("reset button is hidden when buttons is empty array", async () => {
+		const { queryByTestId } = await render(Slider, {
+			...default_props,
+			buttons: []
+		});
+
+		expect(queryByTestId("reset-button")).toBeNull();
+	});
+
+	test("reset button is hidden when buttons does not include 'reset'", async () => {
+		const { queryByTestId } = await render(Slider, {
+			...default_props,
+			buttons: ["other"]
+		});
+
+		expect(queryByTestId("reset-button")).toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("setting value triggers change event", async () => {
+		const { listen, set_data } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: 8 });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change event is not triggered on mount with a default value", async () => {
+		const { listen } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+		await tick();
+		await tick();
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("changing value multiple times triggers change each time", async () => {
+		const { listen, set_data } = await render(Slider, {
+			...default_props,
+			value: 0
+		});
+
+		const change = listen("change");
+		const input = listen("input");
+		const release = listen("release");
+
+		await set_data({ value: 3 });
+		await set_data({ value: 7 });
+		await set_data({ value: 10 });
+
+		expect(change).toHaveBeenCalledTimes(3);
+		expect(input).not.toHaveBeenCalled();
+		expect(release).not.toHaveBeenCalled();
+	});
+
+	test("setting same value does not trigger change", async () => {
+		const { listen, set_data } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: 5 });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+describe("Events: input", () => {
+	afterEach(() => cleanup());
+
+	test("typing in number input fires input event", async () => {
+		const { getByTestId, listen } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		const input = listen("input");
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+
+		await fireEvent.input(number_input, { target: { value: "8" } });
+
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+
+	test("moving range slider fires input event", async () => {
+		const { getByTestId, listen } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		const input = listen("input");
+		const range_input = getByTestId("range-input") as HTMLInputElement;
+
+		await fireEvent.input(range_input, { target: { value: "8" } });
+
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events: release", () => {
+	afterEach(() => cleanup());
+
+	test("pointerup on range input fires release event with value", async () => {
+		const { getByTestId, listen } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		const release = listen("release");
+		const range_input = getByTestId("range-input") as HTMLInputElement;
+
+		await fireEvent.pointerUp(range_input);
+
+		expect(release).toHaveBeenCalledTimes(1);
+		expect(release).toHaveBeenCalledWith(5);
+	});
+
+	test("pointerup on number input fires release event", async () => {
+		const { getByTestId, listen } = await render(Slider, {
+			...default_props,
+			value: 3
+		});
+
+		const release = listen("release");
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+
+		await fireEvent.pointerUp(number_input);
+
+		expect(release).toHaveBeenCalledTimes(1);
+		expect(release).toHaveBeenCalledWith(3);
+	});
+
+	test("blur on number input fires release event via clamp", async () => {
+		const { getByTestId, listen } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		const release = listen("release");
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+
+		await fireEvent.blur(number_input);
+
+		expect(release).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Value clamping", () => {
+	afterEach(() => cleanup());
+
+	test("value above maximum is clamped on number input blur", async () => {
+		const { getByTestId, get_data } = await render(Slider, {
+			...default_props,
+			value: 5,
+			minimum: 0,
+			maximum: 10
+		});
+
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+
+		await fireEvent.input(number_input, { target: { value: "15" } });
+		await fireEvent.blur(number_input);
+
+		const data = await get_data();
+		expect(data.value).toBe(10);
+	});
+
+	test("value below minimum is clamped on number input blur", async () => {
+		const { getByTestId, get_data } = await render(Slider, {
+			...default_props,
+			value: 5,
+			minimum: 0,
+			maximum: 10
+		});
+
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+
+		await fireEvent.input(number_input, { target: { value: "-5" } });
+		await fireEvent.blur(number_input);
+
+		const data = await get_data();
+		expect(data.value).toBe(0);
+	});
+
+	test("value within range is not clamped", async () => {
+		const { getByTestId, get_data } = await render(Slider, {
+			...default_props,
+			value: 5,
+			minimum: 0,
+			maximum: 10
+		});
+
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+
+		await fireEvent.input(number_input, { target: { value: "7" } });
+		await fireEvent.blur(number_input);
+
+		const data = await get_data();
+		expect(data.value).toBe(7);
+	});
+});
+
+describe("Reset button", () => {
+	afterEach(() => cleanup());
+
+	test("clicking reset restores the initial value", async () => {
+		const { getByTestId, set_data, get_data } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		await set_data({ value: 9 });
+
+		const reset_btn = getByTestId("reset-button");
+		await fireEvent.click(reset_btn);
+
+		const data = await get_data();
+		expect(data.value).toBe(5);
+	});
+
+	test("clicking reset dispatches change and release events", async () => {
+		const { getByTestId, listen, set_data } = await render(Slider, {
+			...default_props,
+			value: 5
+		});
+
+		await set_data({ value: 9 });
+
+		const change = listen("change");
+		const release = listen("release");
+
+		const reset_btn = getByTestId("reset-button");
+		await fireEvent.click(reset_btn);
+
+		expect(change).toHaveBeenCalled();
+		expect(release).toHaveBeenCalled();
+		expect(release).toHaveBeenCalledWith(5);
+	});
+});
+
+describe("Number input and range input sync", () => {
+	afterEach(() => cleanup());
+
+	test("number input reflects the current value", async () => {
+		const { getByTestId, set_data } = await render(Slider, {
+			...default_props,
+			value: 3
+		});
+
+		const number_input = getByTestId("number-input") as HTMLInputElement;
+		expect(number_input.value).toBe("3");
+
+		await set_data({ value: 8 });
+
+		expect(number_input.value).toBe("8");
+	});
+
+	test("range input reflects the current value", async () => {
+		const { getByTestId, set_data } = await render(Slider, {
+			...default_props,
+			value: 3
+		});
+
+		const range_input = getByTestId("range-input") as HTMLInputElement;
+		expect(range_input.value).toBe("3");
+
+		await set_data({ value: 8 });
+
+		expect(range_input.value).toBe("8");
+	});
+});
+
+describe("Accessibility", () => {
+	afterEach(() => cleanup());
+
+	test("number input has correct aria-label", async () => {
+		const { getByLabelText } = await render(Slider, {
+			...default_props,
+			label: "Range"
+		});
+
+		expect(() => getByLabelText("number input for Range")).not.toThrow();
+	});
+
+	test("range input has correct aria-label", async () => {
+		const { getByLabelText } = await render(Slider, {
+			...default_props,
+			label: "Range"
+		});
+
+		expect(() => getByLabelText("range slider for Range")).not.toThrow();
+	});
+
+	test("reset button has aria-label", async () => {
+		const { getByLabelText } = await render(Slider, {
+			...default_props
+		});
+
+		expect(() => getByLabelText("Reset to default value")).not.toThrow();
+	});
+});
diff --git a/js/slider/package.json b/js/slider/package.json
new file mode 100644
index 0000000..24d0429
--- /dev/null
+++ b/js/slider/package.json
@@ -0,0 +1,39 @@
+{
+	"name": "@gradio/slider",
+	"version": "0.8.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/slider"
+	}
+}
diff --git a/js/slider/types.ts b/js/slider/types.ts
new file mode 100644
index 0000000..4cf5864
--- /dev/null
+++ b/js/slider/types.ts
@@ -0,0 +1,17 @@
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export interface SliderEvents {
+	change: never;
+	input: never;
+	release: number;
+	clear_status: LoadingStatus;
+}
+
+export interface SliderProps {
+	value: number;
+	minimum: number;
+	maximum: number;
+	step: number;
+	buttons: string[] | null;
+	info: string | undefined;
+}
diff --git a/js/spa/CHANGELOG.md b/js/spa/CHANGELOG.md
new file mode 100644
index 0000000..04a052c
--- /dev/null
+++ b/js/spa/CHANGELOG.md
@@ -0,0 +1,805 @@
+# @self/spa
+
+## 1.5.1
+
+### Fixes
+
+- [#13561](https://github.com/gradio-app/gradio/pull/13561) [`882df35`](https://github.com/gradio-app/gradio/commit/882df35e9eaa7b2fb8767e23f03c66c46ab66d78) - Fix `TypeError: this.app.$destroy is not a function` when embedding a Gradio app with the `<gradio-app>` web component.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.3.1
+- @gradio/core@1.9.0
+
+## 1.5.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.3.0
+- @gradio/theme@0.6.2
+- @gradio/core@1.8.0
+
+## 1.4.2
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 1.4.2
+
+### Fixes
+
+- [#13450](https://github.com/gradio-app/gradio/pull/13450) [`dba4a16`](https://github.com/gradio-app/gradio/commit/dba4a168ce00c15497fd2b99a3364ebbb4842b72) - preserve head script execution order.  Thanks @hysts!
+
+## 1.4.1
+
+### Fixes
+
+- [#13463](https://github.com/gradio-app/gradio/pull/13463) [`58088ad`](https://github.com/gradio-app/gradio/commit/58088ad1d75eee0f93ba1c02f427ee04f60847b4) - Self-host frontend assets so that Gradio works offline!.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/core@1.6.0
+
+## 1.4.0
+
+### Features
+
+- [#13366](https://github.com/gradio-app/gradio/pull/13366) [`10f43e0`](https://github.com/gradio-app/gradio/commit/10f43e0fe187aac9594f3a9765f8addc81b63ad1) - Offload traffic to static workers and use node as the proxy.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/core@1.5.1
+
+## 1.3.1
+
+### Dependency updates
+
+- @gradio/core@1.5.0
+
+## 1.3.1
+
+### Fixes
+
+- [#13239](https://github.com/gradio-app/gradio/pull/13239) [`9efdcb5`](https://github.com/gradio-app/gradio/commit/9efdcb57b46fc808dc55051a113154489fcc237d) - Reduce `gradio` package size by restoring frontend settings.  Thanks @abidlabs!
+- [#13210](https://github.com/gradio-app/gradio/pull/13210) [`4005b93`](https://github.com/gradio-app/gradio/commit/4005b93dd59d7e0d144619986f01e900659b3d0b) - Fix ZeroGPU handling for `gr.Server`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.2.0
+- @gradio/core@1.4.2
+
+## 1.3.0
+
+### Features
+
+- [#13151](https://github.com/gradio-app/gradio/pull/13151) [`c13daab`](https://github.com/gradio-app/gradio/commit/c13daab68aa40cb58f2c643a650b5db48e986935) - add test utils.  Thanks @pngwn!
+- [#13150](https://github.com/gradio-app/gradio/pull/13150) [`9487b60`](https://github.com/gradio-app/gradio/commit/9487b60670f6532eaccb3251d15f5505fa23d4e3) - migrate dataframe to svelte 5.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@1.4.2
+
+## 1.2.0
+
+### Features
+
+- [#12998](https://github.com/gradio-app/gradio/pull/12998) [`d5e1b8f`](https://github.com/gradio-app/gradio/commit/d5e1b8f6cb7473b70fc8c082589996d5e0402810) - use a real browser environment for unit tests.  Thanks @pngwn!
+
+### Fixes
+
+- [#13028](https://github.com/gradio-app/gradio/pull/13028) [`30af84c`](https://github.com/gradio-app/gradio/commit/30af84cdd100855999281de8720cbb6d58b48556) - Browser tests follow-up.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@1.4.1
+
+## 1.1.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+### Fixes
+
+- [#12970](https://github.com/gradio-app/gradio/pull/12970) [`7326ea3`](https://github.com/gradio-app/gradio/commit/7326ea312bee7ccdaf4a1e4e11ace8f11b607ca5) - remove new console logs.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/core@1.4.0
+- @self/build@0.6.0
+
+## 1.0.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 1.0.3
+
+### Fixes
+
+- [#12797](https://github.com/gradio-app/gradio/pull/12797) [`6a0c6ea`](https://github.com/gradio-app/gradio/commit/6a0c6eae53931ec137c0b8379428acc8a7ea27c9) - Refactor translation logic.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/core@1.2.0
+
+## 1.0.2
+
+### Dependency updates
+
+- @gradio/client@2.0.4
+- @gradio/core@1.1.3
+
+## 1.0.2
+
+### Dependency updates
+
+- @gradio/client@2.0.3
+- @gradio/theme@0.6.1
+- @gradio/core@1.1.2
+- @self/build@0.5.2
+
+## 1.0.2
+
+### Dependency updates
+
+- @gradio/client@2.0.2
+- @gradio/theme@0.6.0
+- @gradio/core@1.1.1
+- @self/build@0.5.1
+
+## 1.0.2
+
+### Dependency updates
+
+- @gradio/client@2.0.1
+- @gradio/core@1.1.0
+
+## 1.0.2
+
+### Fixes
+
+- [#12494](https://github.com/gradio-app/gradio/pull/12494) [`251add4`](https://github.com/gradio-app/gradio/commit/251add42b69b0c1f6c96559e2ecdefc40def79f4) - JS unit test fix.  Thanks @dawoodkhan82!
+- [#12508](https://github.com/gradio-app/gradio/pull/12508) [`0715279`](https://github.com/gradio-app/gradio/commit/0715279005cbd6fea3c8081996aa5afddbd27e34) - Fix custom `js` param.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/core@1.0.2
+
+## 1.0.1
+
+### Fixes
+
+- [#12416](https://github.com/gradio-app/gradio/pull/12416) [`7e867fd`](https://github.com/gradio-app/gradio/commit/7e867fde9070849fb474a08544c72f2522a9cbe9) - Fix custom components for gradio 6.  Thanks @pngwn!
+- [#12461](https://github.com/gradio-app/gradio/pull/12461) [`9a86e80`](https://github.com/gradio-app/gradio/commit/9a86e8064787029bc20b086c6f3191879f786e0f) - Fix Login Gradio 6.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/core@1.0.1
+
+## 1.0.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix browser component tests
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Rename show_api
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Add default gradio style to custom html in spa mode
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix Reload Mode in 6.0
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Reduce files in build
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 1.0.0-dev.1
+
+### Features
+
+- [#12383](https://github.com/gradio-app/gradio/pull/12383) [`6505763`](https://github.com/gradio-app/gradio/commit/650576399bad10f03aaa03dd9437f03b47ba378b) - Fix Reload Mode in 6.0.  Thanks @freddyaboulton!
+- [#12391](https://github.com/gradio-app/gradio/pull/12391) [`5ba7e1e`](https://github.com/gradio-app/gradio/commit/5ba7e1e7d502017551c5899db175bcc9c6fb5eaa) - Reduce files in build.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/core@1.0.0-dev.3
+- @gradio/client@2.0.0-dev.2
+- @self/build@0.5.0-dev.1
+
+## 1.0.0-dev.0
+
+### Dependency updates
+
+- @gradio/theme@0.5.0-dev.0
+- @gradio/core@1.0.0-dev.1
+- @self/build@0.4.1-dev.0
+
+## 1.0.0-dev.0
+
+### Features
+
+- [#12069](https://github.com/gradio-app/gradio/pull/12069) [`9de88ca`](https://github.com/gradio-app/gradio/commit/9de88ca470ce529366d259f0deaa955f658000b9) - Rename show_api.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+- @gradio/core@1.0.0-dev.0
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.0
+- @gradio/core@0.29.2
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.12.1
+
+### Fixes
+
+- [#11972](https://github.com/gradio-app/gradio/pull/11972) [`cc27cd7`](https://github.com/gradio-app/gradio/commit/cc27cd765559a047efffe1073063cad0e071de0c) - Fix postMessage warning when running outside hugging face spaces.  Thanks @freddyaboulton!
+
+## 0.12.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+- [#11902](https://github.com/gradio-app/gradio/pull/11902) [`6d39644`](https://github.com/gradio-app/gradio/commit/6d39644ee1000b04728eb4909cee405e7ee3b5b2) - Add navbar visibility controls and customization options.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@1.19.0
+- @gradio/core@0.29.0
+- @self/build@0.4.0
+
+## 0.11.0
+
+### Features
+
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+
+### Fixes
+
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.28.0
+- @gradio/client@1.18.0
+- @self/build@0.3.0
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/client@1.17.1
+- @gradio/core@0.27.0
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/client@1.17.0
+- @gradio/core@0.26.0
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/client@1.16.0
+- @gradio/core@0.25.0
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/client@1.15.7
+- @gradio/core@0.24.0
+
+## 0.10.3
+
+### Fixes
+
+- [#11632](https://github.com/gradio-app/gradio/pull/11632) [`8f19bff`](https://github.com/gradio-app/gradio/commit/8f19bffd04a73d4fc1080f5854caa0361516f3af) - ensure i18n is initialised before displaying localised loading text.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/core@0.23.2
+
+## 0.10.2
+
+### Fixes
+
+- [#11595](https://github.com/gradio-app/gradio/pull/11595) [`801f288`](https://github.com/gradio-app/gradio/commit/801f2887b95393c406aef57f0b0c7344753b03c6) - Ensure initial `Loading` text is translated in SPA mode.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/core@0.23.1
+
+## 0.10.1
+
+### Features
+
+- [#11543](https://github.com/gradio-app/gradio/pull/11543) [`ac95ac0`](https://github.com/gradio-app/gradio/commit/ac95ac0d8c2e65d1632376e632fb7d16131334b6) - Connection handling messaging.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/core@0.23.0
+- @gradio/client@1.15.6
+
+## 0.10.0
+
+### Features
+
+- [#11572](https://github.com/gradio-app/gradio/pull/11572) [`552a5eb`](https://github.com/gradio-app/gradio/commit/552a5ebf9beb5d543f82a24a546daaf9ad3d88b1) - handle i18n error when browsers aren't set to en.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/core@0.22.0
+
+## 0.9.1
+
+### Features
+
+- [#11539](https://github.com/gradio-app/gradio/pull/11539) [`6b6d95b`](https://github.com/gradio-app/gradio/commit/6b6d95b6409f9136233ba1d4f55a1cab9e040070) - Update @huggingface/space-header to 1.0.4.  Thanks @aayush4vedi!
+
+## 0.9.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+- [#11511](https://github.com/gradio-app/gradio/pull/11511) [`1a99336`](https://github.com/gradio-app/gradio/commit/1a99336043076e7b0a4c4b07f97082f0361882f4) - Fix SSR.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.15.5
+- @gradio/core@0.21.0
+
+## 0.8.5
+
+### Fixes
+
+- [#11421](https://github.com/gradio-app/gradio/pull/11421) [`c2acf6e`](https://github.com/gradio-app/gradio/commit/c2acf6e33025fe7bbfe0660c182006651cc95090) - Preserve value in reload mode.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/client@1.15.4
+- @gradio/core@0.20.0
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/core@0.19.3
+
+## 0.8.4
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/client@1.15.3
+- @gradio/core@0.19.3
+
+## 0.8.3
+
+### Fixes
+
+- [#11379](https://github.com/gradio-app/gradio/pull/11379) [`546008c`](https://github.com/gradio-app/gradio/commit/546008c9c3e460e736da3feae0027b2b7b583e1e) - Fixes hardcoded HTTP protocol in dev reload.  Thanks @mtojek!
+
+### Dependency updates
+
+- @gradio/core@0.19.2
+
+## 0.8.2
+
+### Fixes
+
+- [#11338](https://github.com/gradio-app/gradio/pull/11338) [`b31c3ed`](https://github.com/gradio-app/gradio/commit/b31c3edef97373b96f188072d5bb16db9d690261) - Fix Reload Mode when using gr.render.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.15.2
+- @gradio/core@0.19.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/core@0.19.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+- @gradio/core@0.18.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/core@0.18.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/client@1.15.0
+- @gradio/core@0.17.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/core@0.16.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/core@0.16.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/core@0.15.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/core@0.15.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/core@0.14.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/client@1.14.2
+- @gradio/core@0.14.0
+
+## 0.8.1
+
+### Fixes
+
+- [#10968](https://github.com/gradio-app/gradio/pull/10968) [`238702a`](https://github.com/gradio-app/gradio/commit/238702a709c23f9c1b6302eb143c7cb71a3a066b) - Fix Default meta social tags + Add ability to override existing meta tags.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/core@0.14.0
+
+## 0.8.0
+
+### Dependency updates
+
+- @gradio/core@0.13.2
+
+## 0.8.0
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/core@0.13.2
+
+## 0.8.0
+
+### Features
+
+- [#10834](https://github.com/gradio-app/gradio/pull/10834) [`c05610c`](https://github.com/gradio-app/gradio/commit/c05610c87dd7f9e9fe5d0aed2fe93e40fdd32648) - Add Deep Links.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.14.0
+- @gradio/core@0.13.1
+- @gradio/wasm@0.18.0
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/core@0.13.0
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/core@0.12.1
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/client@1.13.0
+- @gradio/core@0.12.0
+
+## 0.7.0
+
+### Dependency updates
+
+- @gradio/core@0.11.1
+
+## 0.7.0
+
+### Features
+
+- [#10569](https://github.com/gradio-app/gradio/pull/10569) [`bd4895a`](https://github.com/gradio-app/gradio/commit/bd4895a95a29fa1f0d12fefde26a82a1d60954e9) - Update Lite to support multi-page apps.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/core@0.11.0
+
+## 0.6.1
+
+### Fixes
+
+- [#10608](https://github.com/gradio-app/gradio/pull/10608) [`b8fada8`](https://github.com/gradio-app/gradio/commit/b8fada87724cdc76b5862f84a1025f7da151db42) - [ZeroGPU] Handshake-based postMessage part.2 (non-SSR mode).  Thanks @cbensimon!
+
+### Dependency updates
+
+- @gradio/core@0.10.1
+
+## 0.6.0
+
+### Dependency updates
+
+- @gradio/theme@0.4.0
+- @gradio/client@1.12.0
+- @gradio/core@0.10.0
+- @gradio/wasm@0.17.3
+- @self/build@0.2.1
+
+## 0.6.0
+
+### Features
+
+- [#10433](https://github.com/gradio-app/gradio/pull/10433) [`2e8dc74`](https://github.com/gradio-app/gradio/commit/2e8dc74f751be02f7217f78d241806b42fcdca04) - Allow building multipage Gradio apps.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/core@0.9.0
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/wasm@0.17.2
+- @gradio/core@0.8.0
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/wasm@0.17.1
+- @gradio/core@0.7.0
+
+## 0.5.0
+
+### Features
+
+- [#10341](https://github.com/gradio-app/gradio/pull/10341) [`b0cf92f`](https://github.com/gradio-app/gradio/commit/b0cf92f03ba29f29fa540de8c5803a7263df0106) - PWA icon customization.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/wasm@0.17.0
+- @gradio/core@0.7.0
+
+## 0.4.0
+
+### Dependency updates
+
+- @gradio/client@1.10.0
+- @gradio/core@0.6.1
+
+## 0.4.0
+
+### Features
+
+- [#10187](https://github.com/gradio-app/gradio/pull/10187) [`64d1864`](https://github.com/gradio-app/gradio/commit/64d1864f8fb6f2d0b274fcf7bd47bdb1f6a77980) - `manifest json` for PWA.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/client@1.9.0
+- @gradio/wasm@0.16.0
+- @gradio/core@0.6.0
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/core@0.5.0
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/core@0.4.1
+
+## 0.3.0
+
+### Features
+
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@1.8.0
+- @gradio/core@0.4.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/wasm@0.15.0
+- @gradio/core@0.3.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/client@1.7.1
+- @gradio/core@0.2.1
+
+## 0.2.0
+
+### Dependency updates
+
+- @self/build@0.2.0
+- @gradio/core@0.2.1
+
+## 0.2.0
+
+### Features
+
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+### Dependency updates
+
+- @gradio/client@1.7.0
+- @gradio/wasm@0.14.2
+- @self/build@0.1.1
+- @gradio/core@0.2.0
+
+## 0.1.0
+
+### Dependency updates
+
+- @gradio/wasm@0.14.1
+- @gradio/core@0.1.1
+
+## 0.1.0
+
+### Dependency updates
+
+- @gradio/core@0.1.1
+
+## 0.1.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - SSR e2e + fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix reload mode and streaming in 5.0 dev
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix custom component CLI on main/5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - add local fonts and update themes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Remove lite/theme.css from the Git-managed file tree
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix reload mode
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Fix plots
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+## 0.1.0-beta.3
+
+### Features
+
+- [#9590](https://github.com/gradio-app/gradio/pull/9590) [`e853c41`](https://github.com/gradio-app/gradio/commit/e853c413583d91186aef3aceb0849d0ec0494834) - SSR e2e + fixes.  Thanks @pngwn!
+- [#9482](https://github.com/gradio-app/gradio/pull/9482) [`bd6c5f2`](https://github.com/gradio-app/gradio/commit/bd6c5f237b0631d86273c7684c3bf2b1011992a3) - Fix custom component CLI on main/5.0.  Thanks @freddyaboulton!
+- [#9576](https://github.com/gradio-app/gradio/pull/9576) [`430a26a`](https://github.com/gradio-app/gradio/commit/430a26a4fbcbabb5e9ddb6173bf658a00960e88e) - Fix reload mode.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/core@0.1.0-beta.6
+- @self/build@0.1.0-beta.3
+
+## 0.1.0-beta.2
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.4
+- @gradio/core@0.1.0-beta.5
+
+## 0.1.0-beta.2
+
+### Dependency updates
+
+- @gradio/core@0.1.0-beta.4
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#9464](https://github.com/gradio-app/gradio/pull/9464) [`3ac5d9c`](https://github.com/gradio-app/gradio/commit/3ac5d9c972576d82bc365a6532e6e12f55441a30) - Fix plots.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.14.0-beta.3
+- @gradio/core@0.1.0-beta.4
+
+## 0.1.0-beta.1
+
+### Dependency updates
+
+- @gradio/core@0.1.0-beta.3
+
+## 0.1.0-beta.1
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.3
+- @gradio/core@0.1.0-beta.3
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9269](https://github.com/gradio-app/gradio/pull/9269) [`e05f568`](https://github.com/gradio-app/gradio/commit/e05f568f47e9fa33ef91dbbe5cc477d32762bc36) - Fix reload mode and streaming in 5.0 dev.  Thanks @freddyaboulton!
+- [#9367](https://github.com/gradio-app/gradio/pull/9367) [`1c94328`](https://github.com/gradio-app/gradio/commit/1c94328cfe6ce0676c3850f5e9da5bcabf9ee570) - add local fonts and update themes.  Thanks @hannahblair!
+- [#9335](https://github.com/gradio-app/gradio/pull/9335) [`b543465`](https://github.com/gradio-app/gradio/commit/b543465d06d7d1b399c4d0755da05e022611a97f) - Remove lite/theme.css from the Git-managed file tree.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/core@0.1.0-beta.2
+- @self/build@0.1.0-beta.2
+
+## 0.0.3-beta.0
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.1
+- @gradio/wasm@0.13.1-beta.1
+- @gradio/theme@0.3.0-beta.1
+
+## 0.0.3
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/theme@0.2.5
+
+## 0.0.2
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.5.1
+- @gradio/theme@0.2.4
+- @gradio/wasm@0.13.0
\ No newline at end of file
diff --git a/js/spa/index.html b/js/spa/index.html
new file mode 100644
index 0000000..dbaeaf4
--- /dev/null
+++ b/js/spa/index.html
@@ -0,0 +1,124 @@
+<!doctype html>
+<html
+	lang="en"
+	style="
+		margin: 0;
+		padding: 0;
+		min-height: 100%;
+		display: flex;
+		flex-direction: column;
+	"
+>
+	<head>
+		<meta charset="utf-8" />
+		<meta
+			name="viewport"
+			content="width=device-width, initial-scale=1, shrink-to-fit=no"
+		/>
+		<meta property="og:title" content="Gradio" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="{url}" />
+		<meta property="og:description" content="Click to try out the app!" />
+		<meta
+			property="og:image"
+			content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg"
+		/>
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta name="twitter:creator" content="@Gradio" />
+		<meta name="twitter:title" content="Gradio" />
+		<meta name="twitter:description" content="Click to try out the app!" />
+		<meta
+			name="twitter:image"
+			content="https://raw.githubusercontent.com/gradio-app/gradio/main/js/_website/src/lib/assets/img/header-image.jpg"
+		/>
+
+		<style>
+			:root {
+				--bg: {{ config.get('body_css', {}).get('body_background_fill', 'white') }};
+				--col:   {{ config.get('body_css', {}).get('body_text_color', '#1f2937') }};
+				--bg-dark: {{ config.get('body_css', {}).get('body_background_fill_dark', '#0b0f19') }};
+				--col-dark: {{ config.get('body_css', {}).get('body_text_color_dark', '#f3f4f6') }};
+			}
+
+
+			body {
+				background: var(--bg);
+				color: var(--col);
+				font-family: Arial, Helvetica, sans-serif;
+			}
+
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: var(--bg-dark);
+					color: var(--col-dark);
+				}
+			}
+		</style>
+
+		<script type="module" src="./src/main.ts"></script>
+		<meta property="og:url" content="https://gradio.app/" />
+		<meta property="og:type" content="website" />
+		<meta property="og:image" content="{{ config['thumbnail'] or '' }}" />
+		<meta property="og:title" content="{{ config['title'] or '' }}" />
+		<meta
+			property="og:description"
+			content="{{ config['simple_description'] or '' }}"
+		/>
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta name="twitter:creator" content="@teamGradio" />
+		<meta name="twitter:title" content="{{ config['title'] or '' }}" />
+		<meta
+			name="twitter:description"
+			content="{{ config['simple_description'] or '' }}"
+		/>
+		<meta name="twitter:image" content="{{ config['thumbnail'] or '' }}" />
+
+		%gradio_config%%gradio_api_info%
+
+		<script
+			src="{{ config.get('root', '') }}/static/js/iframeResizer.contentWindow.min.js"
+			async
+		></script>
+		<script data-gradio-mode>
+			window.__gradio_mode__ = "app";
+			window.iFrameResizer = {
+				autoResize: false,
+				sizeWidth: false
+			};
+			window.parent?.postMessage(
+				{ type: "SET_SCROLLING", enabled: false },
+				"*"
+			);
+		</script>
+		<link rel="manifest" href="/manifest.json" />
+	</head>
+
+	<body
+		style="
+			width: 100%;
+			margin: 0;
+			padding: 0;
+			display: flex;
+			flex-direction: column;
+			flex-grow: 1;
+		"
+	>
+		<gradio-app
+			control_page_title="true"
+			embed="false"
+			eager="true"
+			style="display: flex; flex-direction: column; flex-grow: 1"
+		>
+		</gradio-app>
+		<script>
+			const ce = document.getElementsByTagName("gradio-app");
+
+			if (ce[0]) {
+				ce[0].addEventListener("domchange", () => {
+					document.body.style.padding = "0";
+				});
+				document.body.style.padding = "0";
+			}
+		</script>
+	</body>
+</html>
diff --git a/js/spa/package.json b/js/spa/package.json
new file mode 100644
index 0000000..5fc211f
--- /dev/null
+++ b/js/spa/package.json
@@ -0,0 +1,42 @@
+{
+	"name": "@self/spa",
+	"version": "1.5.1",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "vite --port 9876",
+		"build": "vite build --mode production --emptyOutDir",
+		"preview": "vite preview",
+		"test:snapshot": "pnpm exec playwright test snapshots/ --config=../../.config/playwright.config.js",
+		"test:browser": "pnpm exec playwright test test/ --grep-invert 'reload.spec.ts' --config=../../.config/playwright.config.js",
+		"test:browser:dev": "pnpm exec playwright test test/ --ui --config=../../.config/playwright.config.js",
+		"test:browser:reload": "CI=1 pnpm exec playwright test test/ --grep 'reload.spec.ts' --config=../../.config/playwright.config.js",
+		"build:css": "pollen -c pollen.config.cjs -o src/pollen-dev.css"
+	},
+	"devDependencies": {
+		"@gradio/client": "workspace:^",
+		"@gradio/core": "workspace:^",
+		"@gradio/theme": "workspace:^",
+		"@huggingface/space-header": "^1.0.4",
+		"@self/build": "workspace:^",
+		"@types/eventsource": "^3.0.0",
+		"cross-env": "^10.1.0"
+	},
+	"msw": {
+		"workerDirectory": "public"
+	},
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/spa"
+	},
+	"exports": {
+		".": "./src/Index.svelte",
+		"./webcomponent": {
+			"gradio": "./src/main.ts",
+			"import": "./src/main.ts",
+			"default": "./src/main.ts"
+		}
+	}
+}
diff --git a/js/spa/postcss.config.js b/js/spa/postcss.config.js
new file mode 100644
index 0000000..f053ebf
--- /dev/null
+++ b/js/spa/postcss.config.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/js/spa/public/favicon.png b/js/spa/public/favicon.png
new file mode 100644
index 0000000..7e6f5eb
Binary files /dev/null and b/js/spa/public/favicon.png differ
diff --git a/js/spa/public/static/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2 b/js/spa/public/static/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2
new file mode 100644
index 0000000..add42af
Binary files /dev/null and b/js/spa/public/static/fonts/IBMPlexMono/IBMPlexMono-Bold.woff2 differ
diff --git a/js/spa/public/static/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2 b/js/spa/public/static/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2
new file mode 100644
index 0000000..d0d7ded
Binary files /dev/null and b/js/spa/public/static/fonts/IBMPlexMono/IBMPlexMono-Regular.woff2 differ
diff --git a/js/spa/public/static/fonts/IBMPlexSans/IBMPlexSans-Bold.woff2 b/js/spa/public/static/fonts/IBMPlexSans/IBMPlexSans-Bold.woff2
new file mode 100644
index 0000000..0ded50b
Binary files /dev/null and b/js/spa/public/static/fonts/IBMPlexSans/IBMPlexSans-Bold.woff2 differ
diff --git a/js/spa/public/static/fonts/IBMPlexSans/IBMPlexSans-Regular.woff2 b/js/spa/public/static/fonts/IBMPlexSans/IBMPlexSans-Regular.woff2
new file mode 100644
index 0000000..163f065
Binary files /dev/null and b/js/spa/public/static/fonts/IBMPlexSans/IBMPlexSans-Regular.woff2 differ
diff --git a/js/spa/public/static/fonts/Inconsolata/Inconsolata-Bold.woff2 b/js/spa/public/static/fonts/Inconsolata/Inconsolata-Bold.woff2
new file mode 100644
index 0000000..c06f290
Binary files /dev/null and b/js/spa/public/static/fonts/Inconsolata/Inconsolata-Bold.woff2 differ
diff --git a/js/spa/public/static/fonts/Inconsolata/Inconsolata-Regular.woff2 b/js/spa/public/static/fonts/Inconsolata/Inconsolata-Regular.woff2
new file mode 100644
index 0000000..e3bddc0
Binary files /dev/null and b/js/spa/public/static/fonts/Inconsolata/Inconsolata-Regular.woff2 differ
diff --git a/js/spa/public/static/fonts/Montserrat/Montserrat-Bold.woff2 b/js/spa/public/static/fonts/Montserrat/Montserrat-Bold.woff2
new file mode 100644
index 0000000..a75e620
Binary files /dev/null and b/js/spa/public/static/fonts/Montserrat/Montserrat-Bold.woff2 differ
diff --git a/js/spa/public/static/fonts/Montserrat/Montserrat-Regular.woff2 b/js/spa/public/static/fonts/Montserrat/Montserrat-Regular.woff2
new file mode 100644
index 0000000..0fbe588
Binary files /dev/null and b/js/spa/public/static/fonts/Montserrat/Montserrat-Regular.woff2 differ
diff --git a/js/spa/public/static/fonts/Quicksand/Quicksand-Bold.woff2 b/js/spa/public/static/fonts/Quicksand/Quicksand-Bold.woff2
new file mode 100644
index 0000000..fc81b59
Binary files /dev/null and b/js/spa/public/static/fonts/Quicksand/Quicksand-Bold.woff2 differ
diff --git a/js/spa/public/static/fonts/Quicksand/Quicksand-Regular.woff2 b/js/spa/public/static/fonts/Quicksand/Quicksand-Regular.woff2
new file mode 100644
index 0000000..eb3616c
Binary files /dev/null and b/js/spa/public/static/fonts/Quicksand/Quicksand-Regular.woff2 differ
diff --git a/js/spa/public/static/fonts/Source Sans Pro/SourceSansPro-Bold.woff2 b/js/spa/public/static/fonts/Source Sans Pro/SourceSansPro-Bold.woff2
new file mode 100644
index 0000000..fe7236b
Binary files /dev/null and b/js/spa/public/static/fonts/Source Sans Pro/SourceSansPro-Bold.woff2 differ
diff --git a/js/spa/public/static/fonts/Source Sans Pro/SourceSansPro-Regular.woff2 b/js/spa/public/static/fonts/Source Sans Pro/SourceSansPro-Regular.woff2
new file mode 100644
index 0000000..6077378
Binary files /dev/null and b/js/spa/public/static/fonts/Source Sans Pro/SourceSansPro-Regular.woff2 differ
diff --git a/js/spa/public/static/img/api-logo.svg b/js/spa/public/static/img/api-logo.svg
new file mode 100644
index 0000000..bce49a5
--- /dev/null
+++ b/js/spa/public/static/img/api-logo.svg
@@ -0,0 +1,4 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.9425 2.94265C27.4632 2.42195 27.4632 1.57773 26.9425 1.05703C26.4218 0.536329 25.5776 0.536329 25.0569 1.05703L22.5713 3.54256C21.1213 2.59333 19.5367 2.43378 18.1753 2.64006C16.5495 2.88638 15.1127 3.66838 14.3905 4.39053L12.3905 6.39053C12.1405 6.64058 12 6.97972 12 7.33334C12 7.68697 12.1405 8.0261 12.3905 8.27615L19.7239 15.6095C20.2446 16.1302 21.0888 16.1302 21.6095 15.6095L23.6095 13.6095C24.3316 12.8873 25.1136 11.4505 25.36 9.82475C25.5663 8.46312 25.4066 6.87827 24.4571 5.42807L26.9425 2.94265Z" fill="#3c4555"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.276 12.9426C12.7967 12.4219 12.7967 11.5777 12.276 11.057C11.7553 10.5363 10.9111 10.5363 10.3904 11.057L8.66651 12.7809L8.27615 12.3905C8.0261 12.1405 7.68697 12 7.33334 12C6.97972 12 6.64058 12.1405 6.39053 12.3905L4.39053 14.3905C3.66838 15.1127 2.88638 16.5495 2.64006 18.1753C2.43377 19.5367 2.59333 21.1214 3.54262 22.5714L1.05703 25.057C0.536329 25.5777 0.536329 26.4219 1.05703 26.9426C1.57773 27.4633 2.42195 27.4633 2.94265 26.9426L5.42817 24.4571C6.87835 25.4066 8.46315 25.5663 9.82475 25.36C11.4505 25.1136 12.8873 24.3316 13.6095 23.6095L15.6095 21.6095C16.1302 21.0888 16.1302 20.2446 15.6095 19.7239L15.2188 19.3332L16.9426 17.6093C17.4633 17.0886 17.4633 16.2444 16.9426 15.7237C16.4219 15.203 15.5777 15.203 15.057 15.7237L13.3332 17.4475L10.5521 14.6665L12.276 12.9426Z" fill="#FF7C00"/>
+</svg>
diff --git a/js/spa/public/static/img/camera.svg b/js/spa/public/static/img/camera.svg
new file mode 100644
index 0000000..b46daeb
--- /dev/null
+++ b/js/spa/public/static/img/camera.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-camera"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"></path><circle cx="12" cy="13" r="4"></circle></svg>
\ No newline at end of file
diff --git a/js/spa/public/static/img/clear.svg b/js/spa/public/static/img/clear.svg
new file mode 100644
index 0000000..bea0330
--- /dev/null
+++ b/js/spa/public/static/img/clear.svg
@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="5.9403949mm"
+   height="5.9403949mm"
+   viewBox="0 0 5.9403949 5.9403949"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="clear.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="10.925474"
+     inkscape:cx="4.1188143"
+     inkscape:cy="15.559965"
+     inkscape:window-width="1248"
+     inkscape:window-height="770"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-115.10942,-119.22353)">
+    <g
+       id="g239"
+       transform="matrix(0.05138986,0.05138986,-0.05138986,0.05138986,117.0869,112.75317)">
+      <rect
+         style="fill:#000000;stroke-width:0.295287"
+         id="rect31"
+         width="20"
+         height="80"
+         x="-111.51107"
+         y="42.193726"
+         rx="2.9434128"
+         ry="2.6448057"
+         transform="scale(-1,1)" />
+      <rect
+         style="fill:#000000;stroke-width:0.295287"
+         id="rect31-3"
+         width="20"
+         height="80"
+         x="-92.193726"
+         y="-141.51106"
+         rx="2.9434128"
+         ry="2.6448057"
+         transform="matrix(0,-1,-1,0,0,0)" />
+    </g>
+  </g>
+</svg>
diff --git a/js/spa/public/static/img/edit.svg b/js/spa/public/static/img/edit.svg
new file mode 100644
index 0000000..07fbe15
--- /dev/null
+++ b/js/spa/public/static/img/edit.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   fill="#000000"
+   viewBox="0 0 24 24"
+   width="24px"
+   height="24px"
+   version="1.1"
+   id="svg4"
+   sodipodi:docname="edit.svg"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="11.291667"
+     inkscape:cx="10.538745"
+     inkscape:cy="16.383764"
+     inkscape:window-width="1248"
+     inkscape:window-height="770"
+     inkscape:window-x="-6"
+     inkscape:window-y="-6"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4" />
+  <path
+     d="m 19.701578,1.2915129 c -0.814834,0 -1.629669,0.307743 -2.251701,0.9246243 l -1.319356,1.3084307 4.503402,4.46611 1.319356,-1.3084308 c 1.242939,-1.2326462 1.242939,-3.232347 0,-4.4661099 C 21.331247,1.5992559 20.516413,1.2915129 19.701578,1.2915129 Z M 14.441745,5.1993591 1.494465,18.039425 v 4.46611 H 5.997867 L 18.945148,9.665469 Z"
+     id="path2"
+     style="stroke-width:1.12118" />
+</svg>
diff --git a/js/spa/public/static/img/javascript.svg b/js/spa/public/static/img/javascript.svg
new file mode 100644
index 0000000..426b76c
--- /dev/null
+++ b/js/spa/public/static/img/javascript.svg
@@ -0,0 +1,16 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<rect width="32" height="32" fill="#f7df1e"></rect>
+	<path
+		d="M21.5,25a3.27,3.27,0,0,0,3,1.83c1.25,0,2-.63,2-1.49,0-1-.81-1.39-2.19-2L23.56,23C21.39,22.1,20,20.94,20,18.49c0-2.25,1.72-4,4.41-4a4.44,4.44,0,0,1,4.27,2.41l-2.34,1.5a2,2,0,0,0-1.93-1.29,1.31,1.31,0,0,0-1.44,1.29c0,.9.56,1.27,1.85,1.83l.75.32c2.55,1.1,4,2.21,4,4.72,0,2.71-2.12,4.19-5,4.19a5.78,5.78,0,0,1-5.48-3.07Zm-10.63.26c.48.84.91,1.55,1.94,1.55s1.61-.39,1.61-1.89V14.69h3V25c0,3.11-1.83,4.53-4.49,4.53a4.66,4.66,0,0,1-4.51-2.75Z"
+	></path>
+</svg>
diff --git a/js/spa/public/static/img/logo.svg b/js/spa/public/static/img/logo.svg
new file mode 100644
index 0000000..4666c03
--- /dev/null
+++ b/js/spa/public/static/img/logo.svg
@@ -0,0 +1,19 @@
+<svg width="576" height="576" viewBox="0 0 576 576" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M287.5 229L86 344.5L287.5 460L489 344.5L287.5 229Z" stroke="url(#paint0_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M287.5 116L86 231.5L287.5 347L489 231.5L287.5 116Z" stroke="url(#paint1_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M86 344L288 229" stroke="url(#paint2_linear_102_7)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_102_7" x1="60" y1="344" x2="429.5" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_102_7" x1="513.5" y1="231" x2="143.5" y2="231" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_102_7" x1="60" y1="344" x2="428.987" y2="341.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/spa/public/static/img/logo_error.svg b/js/spa/public/static/img/logo_error.svg
new file mode 100644
index 0000000..5662b67
--- /dev/null
+++ b/js/spa/public/static/img/logo_error.svg
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="40.810085mm"
+   height="10.393202mm"
+   viewBox="0 0 40.810087 10.393202"
+   version="1.1"
+   id="svg5"
+   inkscape:version="1.1 (c68e22c387, 2021-05-23)"
+   sodipodi:docname="logo_error.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview7"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="2.7313686"
+     inkscape:cx="97.020959"
+     inkscape:cy="33.133573"
+     inkscape:window-width="1278"
+     inkscape:window-height="991"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g880" />
+  <defs
+     id="defs2" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-90.438365,-136.96404)">
+    <path
+       style="fill:#000000;stroke-width:1.02388"
+       id="path21"
+       d="" />
+    <path
+       style="fill:#000000;stroke-width:0.271737"
+       id="path3317"
+       d="" />
+    <g
+       id="g880"
+       transform="matrix(0.56975915,0,0,0.56975915,63.360109,62.438369)">
+      <g
+         id="g842"
+         transform="matrix(0.79495203,0,0,0.79495203,13.79033,28.860894)">
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1-7"
+           width="10.522298"
+           height="2.9480448"
+           x="-146.48871"
+           y="70.555779"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1"
+           width="10.522298"
+           height="2.9480448"
+           x="-146.48871"
+           y="65.439095"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0478841"
+           id="rect5331-6-4"
+           width="10.56119"
+           height="2.9670203"
+           x="135.93057"
+           y="206.32899"
+           transform="matrix(0.87677457,-0.48090161,0,1,0,0)" />
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1-3"
+           width="10.561918"
+           height="2.9670298"
+           x="-135.92775"
+           y="75.596405"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0479552"
+           id="rect5331-6-3"
+           width="10.592357"
+           height="2.9670446"
+           x="125.25629"
+           y="195.93875"
+           transform="matrix(0.87755288,-0.47947986,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0478841"
+           id="rect5331-6-4-9"
+           width="10.56119"
+           height="2.9670203"
+           x="135.93057"
+           y="211.44563"
+           transform="matrix(0.87677457,-0.48090161,0,1,0,0)" />
+        <rect
+           style="fill:#f08a8d;fill-opacity:1;stroke-width:0.0478859"
+           id="rect5331-6-3-1-3-1"
+           width="10.561918"
+           height="2.9670298"
+           x="-135.92775"
+           y="80.713081"
+           transform="matrix(-0.87679283,-0.48086831,0,1,0,0)" />
+        <rect
+           style="fill:#ec7c80;fill-opacity:1;stroke-width:0.0479552"
+           id="rect5331-6-3-2"
+           width="10.592357"
+           height="2.9670446"
+           x="125.25629"
+           y="201.05539"
+           transform="matrix(0.87755288,-0.47947986,0,1,0,0)" />
+      </g>
+      <text
+         xml:space="preserve"
+         style="font-size:12.9405px;line-height:1.25;font-family:Arial;-inkscape-font-specification:Arial;fill:#ec7c80;fill-opacity:1;stroke-width:0.323512"
+         x="50.629585"
+         y="144.87993"
+         id="text6662"><tspan
+           sodipodi:role="line"
+           id="tspan6660"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Arial;-inkscape-font-specification:'Arial Bold';fill:#ec7c80;fill-opacity:1;stroke-width:0.323512"
+           x="50.629585"
+           y="144.87993">ERROR</tspan></text>
+    </g>
+  </g>
+</svg>
diff --git a/js/spa/public/static/img/logo_nosize.svg b/js/spa/public/static/img/logo_nosize.svg
new file mode 100644
index 0000000..7452f8f
--- /dev/null
+++ b/js/spa/public/static/img/logo_nosize.svg
@@ -0,0 +1,19 @@
+<svg viewBox="0 0 576 576" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M287.5 229L86 344.5L287.5 460L489 344.5L287.5 229Z" stroke="url(#paint0_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M287.5 116L86 231.5L287.5 347L489 231.5L287.5 116Z" stroke="url(#paint1_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M86 344L288 229" stroke="url(#paint2_linear_102_7)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_102_7" x1="60" y1="344" x2="429.5" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_102_7" x1="513.5" y1="231" x2="143.5" y2="231" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_102_7" x1="60" y1="344" x2="428.987" y2="341.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/spa/public/static/img/python.svg b/js/spa/public/static/img/python.svg
new file mode 100644
index 0000000..ae0065b
--- /dev/null
+++ b/js/spa/public/static/img/python.svg
@@ -0,0 +1,20 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M15.84.5a16.4,16.4,0,0,0-3.57.32C9.1,1.39,8.53,2.53,8.53,4.64V7.48H16v1H5.77a4.73,4.73,0,0,0-4.7,3.74,14.82,14.82,0,0,0,0,7.54c.57,2.28,1.86,3.82,4,3.82h2.6V20.14a4.73,4.73,0,0,1,4.63-4.63h7.38a3.72,3.72,0,0,0,3.73-3.73V4.64A4.16,4.16,0,0,0,19.65.82,20.49,20.49,0,0,0,15.84.5ZM11.78,2.77a1.39,1.39,0,0,1,1.38,1.46,1.37,1.37,0,0,1-1.38,1.38A1.42,1.42,0,0,1,10.4,4.23,1.44,1.44,0,0,1,11.78,2.77Z"
+		fill="#5a9fd4"
+	></path>
+	<path
+		d="M16.16,31.5a16.4,16.4,0,0,0,3.57-.32c3.17-.57,3.74-1.71,3.74-3.82V24.52H16v-1H26.23a4.73,4.73,0,0,0,4.7-3.74,14.82,14.82,0,0,0,0-7.54c-.57-2.28-1.86-3.82-4-3.82h-2.6v3.41a4.73,4.73,0,0,1-4.63,4.63H12.35a3.72,3.72,0,0,0-3.73,3.73v7.14a4.16,4.16,0,0,0,3.73,3.82A20.49,20.49,0,0,0,16.16,31.5Zm4.06-2.27a1.39,1.39,0,0,1-1.38-1.46,1.37,1.37,0,0,1,1.38-1.38,1.42,1.42,0,0,1,1.38,1.38A1.44,1.44,0,0,1,20.22,29.23Z"
+		fill="#ffd43b"
+	></path>
+</svg>
diff --git a/js/spa/public/static/img/undo-solid.svg b/js/spa/public/static/img/undo-solid.svg
new file mode 100644
index 0000000..bbbc967
--- /dev/null
+++ b/js/spa/public/static/img/undo-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="undo" class="svg-inline--fa fa-undo fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M212.333 224.333H12c-6.627 0-12-5.373-12-12V12C0 5.373 5.373 0 12 0h48c6.627 0 12 5.373 12 12v78.112C117.773 39.279 184.26 7.47 258.175 8.007c136.906.994 246.448 111.623 246.157 248.532C504.041 393.258 393.12 504 256.333 504c-64.089 0-122.496-24.313-166.51-64.215-5.099-4.622-5.334-12.554-.467-17.42l33.967-33.967c4.474-4.474 11.662-4.717 16.401-.525C170.76 415.336 211.58 432 256.333 432c97.268 0 176-78.716 176-176 0-97.267-78.716-176-176-176-58.496 0-110.28 28.476-142.274 72.333h98.274c6.627 0 12 5.373 12 12v48c0 6.627-5.373 12-12 12z"></path></svg>
\ No newline at end of file
diff --git a/js/spa/src/Index.svelte b/js/spa/src/Index.svelte
new file mode 100644
index 0000000..321fe90
--- /dev/null
+++ b/js/spa/src/Index.svelte
@@ -0,0 +1,658 @@
+<script context="module" lang="ts">
+	import { writable } from "svelte/store";
+	import { mount_css, prefix_css } from "@gradio/core";
+
+	import type { Client as ClientType } from "@gradio/client";
+
+	import type { ComponentMeta, Dependency, LayoutNode } from "@gradio/core";
+
+	declare let BUILD_MODE: string;
+	interface Config {
+		auth_required?: true;
+		auth_message: string;
+		components: ComponentMeta[];
+		css: string | null;
+		js: string | null;
+		head: string | null;
+		dependencies: Dependency[];
+		dev_mode: boolean;
+		enable_queue: boolean;
+		layout: LayoutNode;
+		mode: "blocks" | "interface";
+		root: string;
+		theme: string;
+		title: string;
+		version: string;
+		space_id: string | null;
+		is_colab: boolean;
+		footer_links: string[];
+		stylesheets?: string[];
+		app_id?: string;
+		fill_height?: boolean;
+		fill_width?: boolean;
+		theme_hash?: number;
+		username: string | null;
+		api_prefix?: string;
+		max_file_size?: number;
+		pages: [string, string, boolean][];
+		current_page: string;
+		deep_link_state?: "valid" | "invalid" | "none";
+		page: Record<
+			string,
+			{
+				components: number[];
+				dependencies: number[];
+				layout: any;
+			}
+		>;
+	}
+
+	let id = -1;
+
+	function create_intersection_store(): {
+		register: (n: number, el: HTMLDivElement) => void;
+		subscribe: (typeof intersecting)["subscribe"];
+	} {
+		const intersecting = writable<Record<string, boolean>>({});
+
+		const els = new Map<HTMLDivElement, number>();
+
+		const observer = new IntersectionObserver((entries) => {
+			entries.forEach((entry) => {
+				if (entry.isIntersecting) {
+					let _el: number | undefined = els.get(entry.target as HTMLDivElement);
+					if (_el !== undefined)
+						intersecting.update((s) => ({ ...s, [_el as number]: true }));
+				}
+			});
+		});
+
+		function register(_id: number, el: HTMLDivElement): void {
+			els.set(el, _id);
+			observer.observe(el);
+		}
+
+		return { register, subscribe: intersecting.subscribe };
+	}
+
+	const intersecting = create_intersection_store();
+</script>
+
+<script lang="ts">
+	import { onMount, createEventDispatcher, onDestroy } from "svelte";
+	import type { SpaceStatus } from "@gradio/client";
+	import { Embed } from "@gradio/core";
+	import type { ThemeMode } from "@gradio/core";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { _ } from "svelte-i18n";
+	import { setupi18n } from "@gradio/core";
+	import { init } from "@huggingface/space-header";
+
+	let i18n_ready = false;
+	setupi18n().then(() => {
+		i18n_ready = true;
+	});
+
+	const dispatch = createEventDispatcher();
+
+	export let autoscroll: boolean;
+	export let version: string;
+	export let initial_height: string;
+	export let app_mode: boolean;
+	export let is_embed: boolean;
+	export let theme_mode: ThemeMode | null = "system";
+	export let control_page_title: boolean;
+	export let container: boolean;
+	export let info: boolean;
+	export let eager: boolean;
+	let stream: EventSource;
+	let pages: [string, string, boolean][] = [];
+	let current_page: string;
+	let root: string;
+
+	// These utilities are exported to be injectable for the Wasm version.
+	export let Client: typeof ClientType;
+
+	export let space: string | null;
+	export let src: string | null;
+
+	let _id = id++;
+
+	let loader_status: "pending" | "error" | "complete" | "generating" =
+		"pending";
+	let app_id: string | null = null;
+	let wrapper: HTMLDivElement;
+	let ready = false;
+	let render_complete = false;
+	let config: Config;
+	let loading_text = "Loading...";
+
+	let active_theme_mode: ThemeMode;
+	let api_url: string;
+
+	$: if (config?.app_id) {
+		app_id = config.app_id;
+	}
+
+	let css_text_stylesheet: HTMLStyleElement | null = null;
+	async function mount_custom_css(css_string: string | null): Promise<void> {
+		if (css_string) {
+			if (!css_text_stylesheet) {
+				css_text_stylesheet = document.createElement("style");
+				document.head.appendChild(css_text_stylesheet);
+			}
+			css_text_stylesheet.textContent = prefix_css(
+				css_string,
+				version,
+				css_text_stylesheet
+			);
+		}
+		await mount_css(
+			config.root + "/theme.css?v=" + config.theme_hash,
+			document.head
+		);
+		if (!config.stylesheets) return;
+
+		await Promise.all(
+			config.stylesheets.map((stylesheet) => {
+				let absolute_link =
+					stylesheet.startsWith("http:") || stylesheet.startsWith("https:");
+				if (absolute_link) {
+					return mount_css(stylesheet, document.head);
+				}
+
+				return fetch(config.root + "/" + stylesheet)
+					.then((response) => response.text())
+					.then((css_string) => {
+						prefix_css(css_string, version);
+					});
+			})
+		);
+	}
+	async function add_custom_html_head(
+		head_string: string | null
+	): Promise<void> {
+		if (head_string) {
+			const parser = new DOMParser();
+			const parsed_head_html = Array.from(
+				parser.parseFromString(head_string, "text/html").head.children
+			);
+
+			if (parsed_head_html) {
+				for (let head_element of parsed_head_html) {
+					let newElement = document.createElement(head_element.tagName);
+					if (newElement.tagName === "SCRIPT") {
+						// Created scripts default to force-async; restore document order
+						// (an explicit `async` attribute is re-applied just below).
+						(newElement as HTMLScriptElement).async = false;
+					}
+					Array.from(head_element.attributes).forEach((attr) => {
+						newElement.setAttribute(attr.name, attr.value);
+					});
+					newElement.textContent = head_element.textContent;
+
+					if (newElement.tagName == "META") {
+						const propertyAttr = newElement.getAttribute("property");
+						const nameAttr = newElement.getAttribute("name");
+
+						if (propertyAttr || nameAttr) {
+							const domMetaList = Array.from(
+								document.head.getElementsByTagName("meta") ?? []
+							);
+
+							const matched = domMetaList.find((el) => {
+								if (
+									propertyAttr &&
+									el.getAttribute("property") === propertyAttr
+								) {
+									return !el.isEqualNode(newElement);
+								}
+								if (nameAttr && el.getAttribute("name") === nameAttr) {
+									return !el.isEqualNode(newElement);
+								}
+								return false;
+							});
+
+							if (matched) {
+								document.head.replaceChild(newElement, matched);
+								continue;
+							}
+						}
+					}
+					document.head.appendChild(newElement);
+				}
+			}
+		}
+	}
+
+	function handle_theme_mode(target: HTMLDivElement): "light" | "dark" {
+		const force_light = window.__gradio_mode__ === "website";
+
+		let new_theme_mode: ThemeMode;
+		if (force_light) {
+			new_theme_mode = "light";
+		} else {
+			const url = new URL(window.location.toString());
+			const url_color_mode: ThemeMode | null = url.searchParams.get(
+				"__theme"
+			) as ThemeMode | null;
+			new_theme_mode = theme_mode || url_color_mode || "system";
+		}
+
+		if (new_theme_mode === "dark" || new_theme_mode === "light") {
+			apply_theme(target, new_theme_mode);
+		} else {
+			new_theme_mode = sync_system_theme(target);
+		}
+		return new_theme_mode;
+	}
+
+	function sync_system_theme(target: HTMLDivElement): "light" | "dark" {
+		const theme = update_scheme();
+		window
+			?.matchMedia("(prefers-color-scheme: dark)")
+			?.addEventListener("change", update_scheme);
+
+		function update_scheme(): "light" | "dark" {
+			let _theme: "light" | "dark" = window?.matchMedia?.(
+				"(prefers-color-scheme: dark)"
+			).matches
+				? "dark"
+				: "light";
+
+			apply_theme(target, _theme);
+			return _theme;
+		}
+		return theme;
+	}
+
+	function apply_theme(target: HTMLDivElement, theme: "dark" | "light"): void {
+		const dark_class_element = is_embed ? target.parentElement! : document.body;
+		const bg_element = is_embed ? target : target.parentElement!;
+		bg_element.style.background = "var(--body-background-fill)";
+		if (theme === "dark") {
+			dark_class_element.classList.add("dark");
+		} else {
+			dark_class_element.classList.remove("dark");
+		}
+	}
+
+	let status: SpaceStatus = {
+		message: "",
+		load_status: "pending",
+		status: "sleeping",
+		detail: "SLEEPING"
+	};
+
+	let app: ClientType;
+	let css_ready = false;
+	function handle_status(_status: SpaceStatus): void {
+		status = _status;
+	}
+	//@ts-ignore
+	const gradio_dev_mode = window.__GRADIO_DEV__;
+
+	let pending_deep_link_error = false;
+
+	type AddNewMessage = (
+		title: string,
+		message: string,
+		fn_index: number,
+		type: "info" | "error" | "success" | "warning",
+		duration?: number | null,
+		visible?: boolean
+	) => void;
+
+	let new_message_fn: AddNewMessage;
+
+	$: if (new_message_fn && pending_deep_link_error) {
+		new_message_fn("Error", "Deep link was not valid", -1, "error", 10, true);
+		pending_deep_link_error = false;
+	}
+
+	let reload_count = 0;
+
+	onMount(async () => {
+		active_theme_mode = handle_theme_mode(wrapper);
+
+		//@ts-ignore
+		const server_port = window.__GRADIO__SERVER_PORT__;
+
+		api_url =
+			BUILD_MODE === "dev" || gradio_dev_mode === "dev"
+				? `http://localhost:${
+						typeof server_port === "number" ? server_port : 7860
+					}`
+				: space ||
+					src ||
+					new URL(location.pathname, location.origin).href.replace(/\/$/, "");
+
+		const deep_link = new URLSearchParams(window.location.search).get(
+			"deep_link"
+		);
+		const query_params: Record<string, string> = {};
+		if (deep_link) {
+			query_params.deep_link = deep_link;
+		}
+		app = await Client.connect(api_url, {
+			status_callback: handle_status,
+			with_null_state: true,
+			events: ["data", "log", "status", "render"],
+			query_params
+		});
+		window.addEventListener("beforeunload", () => {
+			app.close();
+		});
+
+		if (!app.config && !config?.auth_required) {
+			throw new Error("Could not resolve app config");
+		}
+
+		config = app.get_url_config() as unknown as Config;
+		window.__gradio_space__ = config.space_id;
+
+		if (app.config?.i18n_translations) {
+			await setupi18n(app.config.i18n_translations);
+			i18n_ready = true;
+		}
+		//@ts-ignore
+		window.__gradio_session_hash__ = app.session_hash;
+
+		status = {
+			message: "",
+			load_status: "complete",
+			status: "running",
+			detail: "RUNNING"
+		};
+
+		await mount_custom_css(config.css);
+		await add_custom_html_head(config.head);
+		css_ready = true;
+		window.__is_colab__ = config.is_colab;
+
+		dispatch("loaded");
+
+		pages = config.pages;
+		current_page = config.current_page;
+		root = config.root;
+		if (config.deep_link_state === "invalid") {
+			pending_deep_link_error = true;
+		}
+		if (config.js) {
+			try {
+				const script = document.createElement("script");
+				script.textContent = config.js;
+				document.head.appendChild(script);
+			} catch (e) {
+				console.error("Error executing custom JS:", e);
+			}
+		}
+		if (config.dev_mode) {
+			setTimeout(() => {
+				const { host } = new URL(api_url);
+				let url = new URL(
+					`${window.location.protocol}//${host}${app.api_prefix}/dev/reload`
+				);
+				stream = new EventSource(url);
+				stream.addEventListener("error", async (e) => {
+					// @ts-ignore
+					let event_data: string | undefined = e.data;
+					if (event_data) {
+						new_message_fn(
+							"Error",
+							"Error reloading app",
+							-1,
+							"error",
+							10,
+							true
+						);
+						console.error(JSON.parse(event_data));
+					}
+				});
+				stream.addEventListener("reload", async (event) => {
+					app.close();
+					app = await Client.connect(api_url, {
+						status_callback: handle_status,
+						with_null_state: true,
+						events: ["data", "log", "status", "render"],
+						session_hash: app.session_hash
+					});
+
+					if (!app.config) {
+						throw new Error("Could not resolve app config");
+					}
+
+					config = app.get_url_config() as unknown as Config;
+					window.__gradio_space__ = config.space_id;
+					await mount_custom_css(config.css);
+					await add_custom_html_head(config.head);
+					css_ready = true;
+					window.__is_colab__ = config.is_colab;
+					reload_count += 1;
+					dispatch("loaded");
+				});
+			}, 200);
+		}
+	});
+
+	$: loader_status =
+		!ready && status.load_status !== "error"
+			? "pending"
+			: !ready && status.load_status === "error"
+				? "error"
+				: status.load_status;
+
+	$: config && (eager || $intersecting[_id]) && load_demo();
+
+	let Blocks: typeof import("@gradio/core/blocks").default;
+
+	let Login: typeof import("@gradio/core/login").default;
+
+	async function get_blocks(): Promise<void> {
+		Blocks = (await import("@gradio/core/blocks")).default;
+	}
+	async function get_login(): Promise<void> {
+		Login = (await import("@gradio/core/login")).default;
+	}
+
+	function load_demo(): void {
+		if (config.auth_required) get_login();
+		else get_blocks();
+	}
+
+	type error_types =
+		| "NO_APP_FILE"
+		| "CONFIG_ERROR"
+		| "BUILD_ERROR"
+		| "RUNTIME_ERROR"
+		| "PAUSED";
+
+	// todo @hannahblair: translate these messages
+	let discussion_message: {
+		readable_error: Record<error_types, string>;
+		title: (error: error_types) => string;
+		description: (error: error_types, site: string) => string;
+	};
+
+	$: if (i18n_ready) {
+		loading_text = $_("common.loading") + "...";
+		discussion_message = {
+			readable_error: {
+				NO_APP_FILE: $_("errors.no_app_file"),
+				CONFIG_ERROR: $_("errors.config_error"),
+				BUILD_ERROR: $_("errors.build_error"),
+				RUNTIME_ERROR: $_("errors.runtime_error"),
+				PAUSED: $_("errors.space_paused")
+			} as const,
+			title(error: error_types): string {
+				return encodeURIComponent($_("errors.space_not_working"));
+			},
+			description(error: error_types, site: string): string {
+				return encodeURIComponent(
+					`Hello,\n\nFirstly, thanks for creating this space!\n\nI noticed that the space isn't working correctly because there is ${
+						this.readable_error[error] || "an error"
+					}.\n\nIt would be great if you could take a look at this because this space is being embedded on ${site}.\n\nThanks!`
+				);
+			}
+		};
+	}
+
+	onMount(async () => {
+		intersecting.register(_id, wrapper);
+	});
+
+	$: if (render_complete) {
+		wrapper.dispatchEvent(
+			new CustomEvent("render", {
+				bubbles: true,
+				cancelable: false,
+				composed: true
+			})
+		);
+	}
+
+	$: app?.config && mount_space_header(app?.config?.space_id, is_embed);
+	let spaceheader: HTMLElement | undefined;
+
+	async function mount_space_header(
+		space_id: string | null | undefined,
+		is_embed: boolean
+	): Promise<void> {
+		if (space_id && !is_embed && window.self === window.top) {
+			if (spaceheader) {
+				spaceheader.remove();
+				spaceheader = undefined;
+			}
+			const header = await init(space_id);
+			if (header) spaceheader = header.element;
+		}
+	}
+	onDestroy(() => {
+		spaceheader?.remove();
+	});
+</script>
+
+<Embed
+	display={container && is_embed}
+	{is_embed}
+	info={!!space && info}
+	{version}
+	{initial_height}
+	{space}
+	loaded={loader_status === "complete"}
+	fill_width={config?.fill_width || false}
+	{pages}
+	{current_page}
+	{root}
+	components={config?.components || []}
+	bind:wrapper
+>
+	{#if i18n_ready}
+		{#if (loader_status === "pending" || loader_status === "error") && !(config && config?.auth_required)}
+			<StatusTracker
+				absolute={!is_embed}
+				status={loader_status}
+				timer={false}
+				queue_position={null}
+				queue_size={null}
+				translucent={true}
+				{loading_text}
+				i18n={$_}
+				{autoscroll}
+			>
+				<div class="load-text" slot="additional-loading-text">
+					{#if gradio_dev_mode === "dev"}
+						<p>
+							If your custom component never loads, consult the troubleshooting <a
+								style="color: blue;"
+								href="https://www.gradio.app/guides/frequently-asked-questions#the-development-server-didnt-work-for-me"
+								>guide</a
+							>.
+						</p>
+					{/if}
+				</div>
+				<!-- todo: translate message text -->
+				<div class="error" slot="error">
+					<p><strong>{status?.message || ""}</strong></p>
+					{#if (status.status === "space_error" || status.status === "paused") && status.discussions_enabled && discussion_message}
+						<p>
+							Please <a
+								href="https://huggingface.co/spaces/{space}/discussions/new?title={discussion_message.title(
+									status?.detail
+								)}&description={discussion_message.description(
+									status?.detail,
+									location.origin
+								)}"
+							>
+								contact the author of the space</a
+							> to let them know.
+						</p>
+					{:else if i18n_ready}
+						<p>{$_("errors.contact_page_author")}</p>
+					{/if}
+				</div>
+			</StatusTracker>
+		{/if}
+		{#if config?.auth_required && Login}
+			<Login
+				auth_message={config.auth_message}
+				root={config.root}
+				space_id={space}
+				i18n={i18n_ready ? $_ : (s: string) => s}
+				{app_mode}
+			/>
+		{:else if config && Blocks && css_ready}
+			<Blocks
+				{app}
+				{...config}
+				bind:ready
+				fill_height={!is_embed && !!config.fill_height}
+				theme_mode={active_theme_mode}
+				{control_page_title}
+				target={wrapper}
+				{autoscroll}
+				bind:render_complete
+				bind:add_new_message={new_message_fn}
+				footer_links={is_embed ? [] : config.footer_links}
+				{app_mode}
+				vibe_mode={false}
+				{version}
+				api_prefix={config.api_prefix || ""}
+				max_file_size={config.max_file_size}
+				initial_layout={undefined}
+				search_params={new URLSearchParams(window.location.search)}
+				{reload_count}
+			/>
+		{/if}
+	{/if}
+</Embed>
+
+<style>
+	.error {
+		position: relative;
+		padding: var(--size-4);
+		color: var(--body-text-color);
+		text-align: center;
+	}
+
+	.error > * {
+		margin-top: var(--size-4);
+	}
+
+	a {
+		color: var(--link-text-color);
+	}
+
+	a:hover {
+		color: var(--link-text-color-hover);
+		text-decoration: underline;
+	}
+
+	a:visited {
+		color: var(--link-text-color-visited);
+	}
+
+	a:active {
+		color: var(--link-text-color-active);
+	}
+</style>
diff --git a/js/spa/src/main.ts b/js/spa/src/main.ts
new file mode 100644
index 0000000..6dac496
--- /dev/null
+++ b/js/spa/src/main.ts
@@ -0,0 +1,213 @@
+import "@gradio/theme/reset.css";
+import "@gradio/theme/global.css";
+import "@gradio/theme/pollen.css";
+import "@gradio/theme/typography.css";
+import "@gradio/theme/gradio-style.scss";
+//@ts-ignore
+// import * as svelte from "./svelte/svelte.js";
+import { Client } from "@gradio/client";
+import type Index from "./Index.svelte";
+import type { ThemeMode } from "@gradio/core";
+import { mount, unmount } from "svelte";
+declare let BUILD_MODE: string;
+declare let GRADIO_VERSION: string;
+
+declare global {
+	var __MODE__: "_NORMAL_" | "_CC_" | undefined;
+}
+
+const ENTRY_CSS = "__ENTRY_CSS__";
+
+let FONTS: string | [];
+
+FONTS = "__FONTS_CSS__";
+
+let IndexComponent: typeof Index;
+let mount_css: typeof import("@gradio/core").mount_css;
+let _res: (value?: unknown) => void;
+let pending = new Promise((res) => {
+	_res = res;
+});
+
+globalThis.__MODE__ ??= "_NORMAL_";
+const mode: "_NORMAL_" | "_CC_" = globalThis.__MODE__;
+
+async function get_index(): Promise<void> {
+	if (mode === "_CC_") {
+		await import("virtual:cc-init");
+	}
+	const modules = await Promise.all([
+		import("./Index.svelte"),
+		import("@gradio/core")
+	]);
+	IndexComponent = modules[0].default;
+	mount_css = modules[1].mount_css;
+	_res();
+}
+
+function create_custom_element(): void {
+	class GradioApp extends HTMLElement {
+		control_page_title: string | null;
+		initial_height: string;
+		is_embed: string;
+		container: string;
+		info: string | true;
+		autoscroll: string | null;
+		eager: string | null;
+		theme_mode: ThemeMode | null;
+		host: string | null;
+		space: string | null;
+		src: string | null;
+		app?: ReturnType<typeof mount>;
+		loading: boolean;
+		updating: { name: string; value: string } | false;
+		constructor() {
+			super();
+			this.host = this.getAttribute("host");
+			this.space = this.getAttribute("space");
+			this.src = this.getAttribute("src");
+
+			this.control_page_title = this.getAttribute("control_page_title");
+			this.initial_height = this.getAttribute("initial_height") ?? "300px"; // default: 300px
+			this.is_embed = this.getAttribute("embed") ?? "true"; // default: true
+			this.container = this.getAttribute("container") ?? "true"; // default: true
+			this.info = this.getAttribute("info") ?? true; // default: true
+			this.autoscroll = this.getAttribute("autoscroll");
+			this.eager = this.getAttribute("eager");
+			this.theme_mode = this.getAttribute("theme_mode") as ThemeMode | null;
+			this.updating = false;
+			this.loading = false;
+		}
+
+		async connectedCallback(): Promise<void> {
+			await get_index();
+			this.loading = true;
+
+			if (this.app) {
+				unmount(this.app);
+			}
+
+			if (typeof FONTS !== "string") {
+				FONTS.forEach((f) => mount_css(f, document.head));
+			}
+
+			await mount_css(ENTRY_CSS, document.head);
+
+			const event = new CustomEvent("domchange", {
+				bubbles: true,
+				cancelable: false,
+				composed: true
+			});
+
+			const observer = new MutationObserver((mutations) => {
+				this.dispatchEvent(event);
+			});
+
+			observer.observe(this, { childList: true });
+
+			const opts = {
+				target: this,
+				props: {
+					// embed source
+					space: this.space ? this.space.trim() : this.space,
+					src: this.src ? this.src.trim() : this.src,
+					// embed info
+					info: this.info === "false" ? false : true,
+					container: this.container === "false" ? false : true,
+					is_embed: this.is_embed === "false" ? false : true,
+					initial_height: this.initial_height,
+					eager: this.eager === "true" ? true : false,
+					// gradio meta info
+					version: GRADIO_VERSION,
+					theme_mode: this.theme_mode,
+					// misc global behaviour
+					autoscroll: this.autoscroll === "true" ? true : false,
+					control_page_title: this.control_page_title === "true" ? true : false,
+					// injectables
+					Client,
+					// for gradio docs
+					// TODO: Remove -- i think this is just for autoscroll behavhiour, app vs embeds
+					app_mode: window.__gradio_mode__ === "app"
+				}
+			};
+
+			this.app = mount(IndexComponent, opts);
+
+			if (this.updating) {
+				this.setAttribute(this.updating.name, this.updating.value);
+			}
+
+			this.loading = false;
+		}
+
+		static get observedAttributes(): ["src", "space", "host"] {
+			return ["src", "space", "host"];
+		}
+
+		async attributeChangedCallback(
+			name: string,
+			old_val: string,
+			new_val: string
+		): Promise<void> {
+			await pending;
+			if (
+				(name === "host" || name === "space" || name === "src") &&
+				new_val !== old_val
+			) {
+				this.updating = { name, value: new_val };
+				if (this.loading) return;
+
+				if (this.app) {
+					unmount(this.app);
+				}
+
+				this.space = null;
+				this.host = null;
+				this.src = null;
+
+				if (name === "host") {
+					this.host = new_val;
+				} else if (name === "space") {
+					this.space = new_val;
+				} else if (name === "src") {
+					this.src = new_val;
+				}
+
+				const opts = {
+					target: this,
+					props: {
+						// embed source
+						space: this.space ? this.space.trim() : this.space,
+						src: this.src ? this.src.trim() : this.src,
+						// embed info
+						info: this.info === "false" ? false : true,
+						container: this.container === "false" ? false : true,
+						is_embed: this.is_embed === "false" ? false : true,
+						initial_height: this.initial_height,
+						eager: this.eager === "true" ? true : false,
+						// gradio meta info
+						version: GRADIO_VERSION,
+						theme_mode: this.theme_mode,
+						// misc global behaviour
+						autoscroll: this.autoscroll === "true" ? true : false,
+						control_page_title:
+							this.control_page_title === "true" ? true : false,
+						// injectables
+						Client,
+						// for gradio docs
+						// TODO: Remove -- i think this is just for autoscroll behavhiour, app vs embeds
+						app_mode: window.__gradio_mode__ === "app"
+					}
+				};
+
+				this.app = mount(IndexComponent, opts);
+
+				this.updating = false;
+			}
+		}
+	}
+	if (!customElements.get("gradio-app"))
+		customElements.define("gradio-app", GradioApp);
+}
+
+create_custom_element();
diff --git a/js/spa/src/vite-env-override.d.ts b/js/spa/src/vite-env-override.d.ts
new file mode 100644
index 0000000..a1ecdd4
--- /dev/null
+++ b/js/spa/src/vite-env-override.d.ts
@@ -0,0 +1,23 @@
+// See https://vitejs.dev/guide/features.html#client-types
+
+declare module "*.whl" {
+	const content: string;
+	export default content;
+}
+
+// virtual module component type definition
+declare module "virtual:component-loader" {
+	interface Args {
+		api_url: string;
+		name: string;
+		id?: string;
+		variant: "component" | "example" | "base";
+	}
+	export function load_component(args: Args): {
+		name: ComponentMeta["type"];
+		component: LoadedComponent;
+		runtime: false | typeof import("svelte");
+	};
+}
+
+declare module "virtual:cc-init";
diff --git a/js/spa/test/accordion_tab_switch.spec.ts b/js/spa/test/accordion_tab_switch.spec.ts
new file mode 100644
index 0000000..0046f1b
--- /dev/null
+++ b/js/spa/test/accordion_tab_switch.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from "@self/tootils";
+
+test("toggling the checkbox opens the accordion and shows the textbox", async ({
+	page
+}) => {
+	await expect(page.getByLabel("Name")).not.toBeVisible();
+
+	await page.getByLabel("Accordion Open").check();
+	await expect(page.getByLabel("Name")).toBeVisible();
+
+	await page.getByLabel("Accordion Open").uncheck();
+	await expect(page.getByLabel("Name")).not.toBeVisible();
+});
+
+test("clicking the switch tabs button shows Tab 2 content", async ({
+	page
+}) => {
+	await expect(page.getByText("This is Tab 2 content.")).not.toBeVisible();
+
+	await page.getByRole("button", { name: "Switch to Tab 2" }).click();
+	await expect(page.getByText("This is Tab 2 content.")).toBeVisible();
+});
diff --git a/js/spa/test/allowed_paths.reload.spec.ts b/js/spa/test/allowed_paths.reload.spec.ts
new file mode 100644
index 0000000..fb45106
--- /dev/null
+++ b/js/spa/test/allowed_paths.reload.spec.ts
@@ -0,0 +1,92 @@
+import { test, expect } from "@playwright/test";
+import { spawnSync } from "node:child_process";
+import { launch_app_background, kill_process } from "./utils";
+import { join } from "path";
+
+const demo_file = "allowed_paths_demo.py";
+let _process;
+
+test.beforeAll(() => {
+	const demo = `
+import gradio as gr
+        
+def get_image():
+    return "../../test/test_files/images/bus.png"
+
+demo = gr.Interface(fn=get_image, inputs=None, outputs="image")
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=["../../test/test_files/images"])
+    `;
+	// write contents of demo to a local 'run.py' file
+	spawnSync(`echo '${demo}' > ${join(process.cwd(), demo_file)}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test.afterAll(() => {
+	if (_process) kill_process(_process);
+	spawnSync(`rm  ${join(process.cwd(), demo_file)}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test("gradio dev mode respects allowed paths after reload", async ({
+	page
+}) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), demo_file)}`,
+				process.cwd()
+			);
+		_process = server_process;
+		const demo = `
+import gradio as gr
+        
+def get_image():
+    return "../../test/test_files/images/bus.png"
+
+demo = gr.Interface(fn=get_image, inputs=None, outputs=gr.Image(label="Image"))
+
+if __name__ == "__main__":
+    demo.launch(allowed_paths=["../../test/test_files/images/bus.png"])
+        `;
+		// write contents of demo to a local 'run.py' file
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2000);
+		spawnSync(`echo '${demo}' > ${join(process.cwd(), demo_file)}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(async () => {
+			const blockLabels = await page.locator('[data-testid="block-label"]');
+			await expect(blockLabels.filter({ hasText: "Image" })).toHaveCount(1);
+		}).toPass();
+
+		await page.getByRole("button", { name: "Generate" }).click();
+		await expect(async () => {
+			const image = page.locator("img").first();
+			expect(await image.getAttribute("src")).toContain("bus.png");
+		}).toPass();
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
diff --git a/js/spa/test/audio_component_events.spec.ts b/js/spa/test/audio_component_events.spec.ts
new file mode 100644
index 0000000..50491aa
--- /dev/null
+++ b/js/spa/test/audio_component_events.spec.ts
@@ -0,0 +1,84 @@
+import { test, expect, drag_and_drop_file } from "@self/tootils";
+import { chromium } from "playwright";
+
+test("Audio click-to-upload downloads the file with the correct name.", async ({
+	page
+}) => {
+	const uploader = await page.locator("input[type=file]");
+	await uploader.setInputFiles(["../../test/test_files/audio_sample.wav"]);
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByLabel("Download").nth(1).click();
+	const download = await downloadPromise;
+	await expect(download.suggestedFilename()).toBe("audio_sample.wav");
+});
+
+test("Audio drag-and-drop displays a warning when the file is of the wrong mime type.", async ({
+	page
+}) => {
+	await drag_and_drop_file(
+		page,
+		"input[type=file]",
+		"../../test/test_files/audio_sample.wav",
+		"audio_sample.wav"
+	);
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("Warning");
+});
+
+test.skip("Play, Pause, and stop events work correctly.", async ({ page }) => {
+	const uploader = await page.locator("input[type=file]");
+	await uploader.setInputFiles(["../../demo/audio_debugger/cantina.wav"]);
+	const event_triggered = async (label: string) => {
+		const value = await page.getByLabel(label).inputValue();
+		expect(Number(value)).toBeGreaterThan(0);
+	};
+
+	await page
+		.getByTestId("waveform-Output Audio")
+		.getByLabel("Play", { exact: true })
+		.click();
+	await expect(async () => event_triggered("# Output Play Events")).toPass();
+
+	await page.getByTestId("waveform-Output Audio").getByLabel("Pause").click();
+	await expect(async () => event_triggered("# Output Pause Events")).toPass();
+
+	await page
+		.getByTestId("waveform-Output Audio")
+		.getByLabel("Play", { exact: true })
+		.click();
+	await expect(async () => event_triggered("# Output Stop Events")).toPass();
+});
+
+test.skip("Record, pause, and stop recording events work correctly.", async ({
+	page
+}) => {
+	const browser = await chromium.launch();
+	const context = await browser.newContext({
+		permissions: ["microphone"]
+	});
+	context.grantPermissions(["microphone"]);
+
+	await page.getByLabel("Record audio").click();
+	await page.getByRole("button", { name: "Record", exact: true }).click();
+
+	expect(await page.getByLabel("# Input Start Recording Events")).toHaveValue(
+		"1"
+	);
+
+	await page.waitForTimeout(2000);
+	await page.getByLabel("pause", { exact: true }).click();
+	await page.getByRole("button", { name: "Resume" }).click();
+
+	expect(await page.getByLabel("# Input Pause Recording Events")).toHaveValue(
+		"1"
+	);
+
+	await page.getByRole("button", { name: "Stop" }).click();
+
+	expect(await page.getByLabel("# Input Stop Recording Events")).toHaveValue(
+		"1"
+	);
+
+	expect(await page.getByLabel("# Input Change Events")).toHaveValue("1");
+});
diff --git a/js/spa/test/audio_debugger.spec.ts b/js/spa/test/audio_debugger.spec.ts
new file mode 100644
index 0000000..1328a0f
--- /dev/null
+++ b/js/spa/test/audio_debugger.spec.ts
@@ -0,0 +1,86 @@
+import { test, expect } from "@self/tootils";
+import { chromium } from "playwright";
+// we cannot currently test the waveform canvas with playwright (https://github.com/microsoft/playwright/issues/23964)
+// so this test covers the interactive elements around the waveform canvas
+
+test.fixme("audio waveform", async ({ page }) => {
+	await expect(page.getByRole("tab", { name: "Audio" })).toHaveAttribute(
+		"aria-selected",
+		"true"
+	);
+	await page.getByRole("tab", { name: "Interface" }).click();
+	await page.getByRole("button", { name: "cantina.wav" }).click();
+
+	await expect(page.getByTestId("waveform-x")).toHaveCount(1);
+	await expect(page.getByTestId("waveform-output")).toHaveCount(1);
+
+	await page
+		.getByTestId("waveform-x")
+		.getByLabel("Adjust playback speed to 1.5x")
+		.first()
+		.click();
+	await page
+		.getByTestId("waveform-x")
+		.getByLabel("Adjust playback speed to 2x")
+		.first()
+		.click();
+
+	await page
+		.getByTestId("waveform-x")
+		.getByLabel("Skip forward by 0.15 seconds")
+		.click();
+	await page
+		.getByTestId("waveform-x")
+		.getByLabel("Skip backwards by 0.15 seconds")
+		.click();
+	await page.getByLabel("Trim audio to selection").click();
+	await page.getByRole("button", { name: "Trim" }).click();
+	await page.getByLabel("Reset audio").click();
+	await page.getByRole("button", { name: "Submit" }).click();
+	await expect(page.getByTestId("waveform-output")).toHaveCount(1);
+});
+
+test("audio streaming tab", async ({ page }) => {
+	const browser = await chromium.launch({
+		args: ["--use-fake-ui-for-media-stream"]
+	});
+
+	const context = await browser.newContext({
+		permissions: ["microphone"]
+	});
+
+	context.grantPermissions(["microphone"]);
+
+	await page.getByRole("tab", { name: "Streaming" }).click();
+
+	await expect(page.getByLabel("Select input device")).toContainText(
+		"Fake Default Audio InputFake Audio Input 1Fake Audio Input 2"
+	);
+});
+
+test("recording audio", async ({ page }) => {
+	const browser = await chromium.launch({
+		args: ["--use-fake-ui-for-media-stream"]
+	});
+
+	const context = await browser.newContext({
+		permissions: ["microphone"]
+	});
+
+	await page.getByRole("tab", { name: "Interface" }).click();
+	await page.getByLabel("Record audio").click();
+
+	context.grantPermissions(["microphone"]);
+
+	await expect(page.getByRole("combobox")).toContainText(
+		"Fake Default Audio InputFake Audio Input 1Fake Audio Input 2"
+	);
+
+	await page.getByRole("button", { name: "Record", exact: true }).click();
+
+	await page.waitForTimeout(1000);
+
+	await expect(page.getByText("0:01", { exact: true })).toBeAttached();
+
+	await page.getByText("Stop", { exact: true }).nth(0).click();
+});
diff --git a/js/spa/test/big_complex_demo.spec.ts b/js/spa/test/big_complex_demo.spec.ts
new file mode 100644
index 0000000..7c53665
--- /dev/null
+++ b/js/spa/test/big_complex_demo.spec.ts
@@ -0,0 +1,217 @@
+import { test, expect, type Page, type Response } from "@playwright/test";
+import { launchGradioApp, killGradioApp } from "@self/tootils/app-launcher";
+import fs from "fs";
+
+const PERF_RESULTS_FILE =
+	process.env.PERF_RESULTS_FILE || "/tmp/perf_results.json";
+
+const WARMUP_ITERATIONS = 1;
+const ITERATIONS = 6;
+
+function median(values: number[]): number {
+	const sorted = [...values].sort((a, b) => a - b);
+	const mid = Math.floor(sorted.length / 2);
+	return sorted.length % 2 !== 0
+		? sorted[mid]
+		: Math.round((sorted[mid - 1] + sorted[mid]) / 2);
+}
+
+function trimmedMedian(values: number[]): number {
+	if (values.length < 4) return median(values);
+	const sorted = [...values].sort((a, b) => a - b);
+	const q1 = sorted[Math.floor(sorted.length * 0.25)];
+	const q3 = sorted[Math.floor(sorted.length * 0.75)];
+	const iqr = q3 - q1;
+	const lower = q1 - 1.5 * iqr;
+	const upper = q3 + 1.5 * iqr;
+	const filtered = sorted.filter((v) => v >= lower && v <= upper);
+	return filtered.length > 0 ? median(filtered) : median(values);
+}
+
+async function gotoApp(page: Page, url: string): Promise<void> {
+	await page.goto(url, { waitUntil: "load" });
+}
+
+async function waitForAppReady(page: Page): Promise<void> {
+	await page.waitForFunction(
+		() => {
+			const trackers = document.querySelectorAll(
+				'[data-testid="status-tracker"]'
+			);
+			return (
+				trackers.length === 0 ||
+				Array.from(trackers).every(
+					(t) =>
+						t.classList.contains("hide") ||
+						getComputedStyle(t).display === "none"
+				)
+			);
+		},
+		{ timeout: 15_000 }
+	);
+}
+
+async function collectMetrics(
+	page: Page,
+	url: string
+): Promise<{
+	dom_content_loaded_ms: number;
+	page_load_ms: number;
+	lcp_ms: number;
+	tab_nav_ms: number;
+	total_js_kb: number;
+	total_css_kb: number;
+	js_resource_count: number;
+	css_resource_count: number;
+}> {
+	const resourceSizes = { js: 0, css: 0, jsCount: 0, cssCount: 0 };
+	const responseHandler = (response: Response): void => {
+		const rUrl = response.url();
+		const headers = response.headers();
+		const bytes = parseInt(headers["content-length"] || "0", 10);
+		if (rUrl.endsWith(".js") || rUrl.endsWith(".mjs")) {
+			resourceSizes.js += bytes;
+			resourceSizes.jsCount++;
+		} else if (rUrl.endsWith(".css")) {
+			resourceSizes.css += bytes;
+			resourceSizes.cssCount++;
+		}
+	};
+
+	await page.addInitScript(() => {
+		(window as any).__lcpValue = 0;
+		(window as any).__lcpResolve = null;
+		(window as any).__lcpPromise = null;
+
+		(window as any).__resetLcp = () => {
+			(window as any).__lcpValue = 0;
+			(window as any).__lcpPromise = new Promise<void>((resolve) => {
+				(window as any).__lcpResolve = resolve;
+			});
+		};
+		(window as any).__resetLcp();
+
+		new PerformanceObserver((list) => {
+			const entries = list.getEntries();
+			if (entries.length > 0) {
+				(window as any).__lcpValue = entries[entries.length - 1].startTime;
+				if ((window as any).__lcpResolve) {
+					(window as any).__lcpResolve();
+				}
+			}
+		}).observe({ type: "largest-contentful-paint", buffered: true });
+	});
+
+	page.on("response", responseHandler);
+	try {
+		await gotoApp(page, url);
+		await waitForAppReady(page);
+	} finally {
+		page.removeListener("response", responseHandler);
+	}
+
+	const domContentLoadedValues: number[] = [];
+	const pageLoadValues: number[] = [];
+	const lcpValues: number[] = [];
+	const tabNavValues: number[] = [];
+
+	for (let i = 0; i < WARMUP_ITERATIONS; i++) {
+		await gotoApp(page, url);
+		await page.waitForTimeout(200);
+	}
+
+	for (let i = 0; i < ITERATIONS; i++) {
+		await page.evaluate(() => (window as any).__resetLcp());
+		await gotoApp(page, url);
+
+		await page.evaluate(() => {
+			return Promise.race([
+				(window as any).__lcpPromise,
+				new Promise<void>((resolve) => setTimeout(resolve, 2000))
+			]);
+		});
+
+		const timings = await page.evaluate(() => {
+			const nav = performance.getEntriesByType(
+				"navigation"
+			)[0] as PerformanceNavigationTiming;
+			return {
+				domContentLoaded: Math.round(nav.domContentLoadedEventEnd),
+				pageLoad: Math.round(nav.loadEventEnd),
+				lcp: Math.round((window as any).__lcpValue || 0)
+			};
+		});
+
+		domContentLoadedValues.push(timings.domContentLoaded);
+		pageLoadValues.push(timings.pageLoad);
+		lcpValues.push(timings.lcp);
+
+		await waitForAppReady(page);
+
+		const navDuration = await page.evaluate(() => {
+			const start = performance.now();
+			const btn = (document.querySelector('button[data-tab-id="chatbot"]') ??
+				Array.from(document.querySelectorAll('[role="tab"]')).find(
+					(el) => el.textContent?.trim() === "Chatbot"
+				)) as HTMLElement | undefined;
+			if (!btn) {
+				throw new Error("Chatbot tab button not found");
+			}
+			btn.click();
+			return Promise.race([
+				new Promise<number>((resolve) => {
+					function check() {
+						const chatbot = document.querySelector('[role="log"]');
+						if (chatbot && (chatbot as HTMLElement).offsetParent !== null) {
+							resolve(Math.round(performance.now() - start));
+						} else {
+							requestAnimationFrame(check);
+						}
+					}
+					requestAnimationFrame(check);
+				}),
+				new Promise<number>((resolve) =>
+					setTimeout(
+						() => resolve(Math.round(performance.now() - start)),
+						10_000
+					)
+				)
+			]);
+		});
+		tabNavValues.push(navDuration);
+	}
+
+	return {
+		dom_content_loaded_ms: trimmedMedian(domContentLoadedValues),
+		page_load_ms: trimmedMedian(pageLoadValues),
+		lcp_ms: trimmedMedian(lcpValues),
+		tab_nav_ms: trimmedMedian(tabNavValues),
+		total_js_kb: Math.round(resourceSizes.js / 1024),
+		total_css_kb: Math.round(resourceSizes.css / 1024),
+		js_resource_count: resourceSizes.jsCount,
+		css_resource_count: resourceSizes.cssCount
+	};
+}
+
+test.setTimeout(240_000);
+
+test("collect frontend performance metrics", async ({ page }, testInfo) => {
+	page.setDefaultNavigationTimeout(60_000);
+
+	const { port, process: appProcess } = await launchGradioApp(
+		"big_complex_demo",
+		testInfo.workerIndex,
+		60_000
+	);
+
+	try {
+		const metrics = await collectMetrics(page, `http://localhost:${port}`);
+		fs.writeFileSync(PERF_RESULTS_FILE, JSON.stringify(metrics, null, 2));
+		expect(metrics.dom_content_loaded_ms).toBeGreaterThan(0);
+		expect(metrics.page_load_ms).toBeGreaterThan(0);
+		expect(metrics.tab_nav_ms).toBeGreaterThan(0);
+		expect(metrics.total_js_kb).toBeGreaterThan(0);
+	} finally {
+		killGradioApp(appProcess);
+	}
+});
diff --git a/js/spa/test/blocks_chained_events.spec.ts b/js/spa/test/blocks_chained_events.spec.ts
new file mode 100644
index 0000000..00871da
--- /dev/null
+++ b/js/spa/test/blocks_chained_events.spec.ts
@@ -0,0 +1,81 @@
+import { test, expect } from "@self/tootils";
+
+test(".success should not run if function fails", async ({ page }) => {
+	const textbox = page.getByLabel("Result");
+	await expect(textbox).toHaveValue("");
+
+	await page.click("text=Trigger Failure");
+	expect(textbox).toHaveValue("");
+});
+
+test(".failure should only run if function fails", async ({ page }) => {
+	const success_textbox = page.getByLabel("Result");
+	const failure_textbox = page.getByLabel("Failure Event");
+	await expect(success_textbox).toHaveValue("");
+	await expect(failure_textbox).toHaveValue("");
+
+	await page.click("text=Trigger Failure");
+	await expect(success_textbox).toHaveValue("");
+	await expect(failure_textbox).toHaveValue("Failure event triggered");
+});
+
+test(".success event runs after function successfully completes", async ({
+	page
+}) => {
+	const textbox = page.getByLabel("Result");
+	await page.click("text=Trigger Success");
+	await expect(textbox).toHaveValue("Success event triggered");
+});
+
+test("Consecutive .success event is triggered successfully", async ({
+	page
+}) => {
+	const textbox = page.getByLabel("Consecutive Event");
+	const first = page.getByLabel("Result");
+
+	await page.click("text=Trigger Consecutive Success");
+	await expect(textbox).toHaveValue("Consecutive Event Triggered");
+	expect(first).toHaveValue("First Event Trigered");
+});
+
+test("gr.Error makes the toast show up", async ({ page }) => {
+	await page.click("text=Trigger Failure");
+
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("Error");
+	const close = page.getByTestId("toast-close");
+	await close.click();
+	await expect(page.getByTestId("toast-body")).toHaveCount(0);
+});
+
+test("ValueError makes the toast show up when show_error=True", async ({
+	page
+}) => {
+	await page.click("text=Trigger Failure With ValueError");
+
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("Error");
+	const close = page.getByTestId("toast-close");
+	await close.click();
+	await expect(page.getByTestId("toast-body")).toHaveCount(0);
+});
+
+test("gr.Info makes the toast show up", async ({ page }) => {
+	await page.click("text=Trigger Info");
+	const toast = await page.getByTestId("toast-body");
+
+	expect(toast).toContainText("This is some info");
+	const close = await page.getByTestId("toast-close");
+	await close.click();
+	await expect(page.getByTestId("toast-body")).toHaveCount(0);
+});
+
+test("gr.Warning makes the toast show up", async ({ page }) => {
+	await page.click("text=Trigger Warning");
+
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("This is a warning!");
+	const close = page.getByTestId("toast-close");
+	await close.click();
+	await expect(page.getByTestId("toast-body")).toHaveCount(0);
+});
diff --git a/js/spa/test/blocks_essay.spec.ts b/js/spa/test/blocks_essay.spec.ts
new file mode 100644
index 0000000..ec1a716
--- /dev/null
+++ b/js/spa/test/blocks_essay.spec.ts
@@ -0,0 +1,81 @@
+import { test, expect } from "@self/tootils";
+
+test("updates frontend correctly", async ({ page }) => {
+	const short_btn = await page.getByLabel("short");
+	const long_btn = await page.getByLabel("long");
+	const hidden_btn = await page.getByLabel("none");
+	const textbox = await page.locator("#essay-textbox").locator("textarea");
+
+	textbox.fill("hello world");
+	await long_btn.check();
+	await expect(textbox).toHaveValue("Lorem ipsum dolor sit amet");
+	await expect(textbox).toHaveAttribute("rows", "8");
+
+	textbox.fill("hello world");
+	await short_btn.check();
+	await expect(textbox).toHaveValue("hello world");
+	await expect(textbox).toHaveAttribute("rows", "2");
+
+	await hidden_btn.check();
+	await expect(textbox).toBeHidden();
+});
+
+test("updates interactivity correctly", async ({ page }) => {
+	const short_btn = await page.getByLabel("short");
+	const hidden_btn = await page.getByLabel("none");
+	const submit_tn = await page.locator("button.primary").first();
+
+	await hidden_btn.check();
+	await expect(submit_tn).toHaveAttribute("disabled");
+
+	await short_btn.check();
+	await expect(submit_tn).not.toHaveAttribute("disabled");
+});
+
+test("updates backend correctly", async ({ page }) => {
+	const min_slider = await page.getByLabel("number input for min");
+	const num = await page.getByLabel("input").first();
+	const output = await page.getByLabel("output");
+
+	await min_slider.fill("10");
+	await num.fill("15");
+	await num.press("Enter");
+	await expect(output).toHaveValue("15");
+
+	await num.fill("25");
+	await num.press("Enter");
+	await expect(output).toHaveValue("25");
+
+	await num.fill("5");
+	await num.press("Enter");
+	await expect(output).toHaveValue("25");
+});
+
+test("updates dropdown choices correctly", async ({ page }) => {
+	const country = await page.getByLabel("Country").first();
+	const city = await page.getByLabel("Cities").first();
+
+	await country.fill("Canada");
+	await country.press("Enter");
+	await expect(city).toHaveValue("Toronto");
+
+	await country.fill("Pakistan");
+	await country.press("Enter");
+	await expect(city).toHaveValue("Karachi");
+});
+
+test("updates column visibility correctly", async ({ page }) => {
+	const toggle_btn = page.locator("#toggle-col-btn");
+	const test_column = page.locator("#test-column");
+	const column_content = page.getByLabel("Column Content");
+
+	await expect(test_column).toBeVisible();
+	await expect(column_content).toBeVisible();
+
+	await toggle_btn.click();
+	await expect(test_column).not.toBeVisible();
+
+	await toggle_btn.click();
+	await expect(test_column).toBeVisible();
+	await expect(column_content).toBeVisible();
+});
diff --git a/js/spa/test/blocks_flashcards.spec.ts b/js/spa/test/blocks_flashcards.spec.ts
new file mode 100644
index 0000000..8c98742
--- /dev/null
+++ b/js/spa/test/blocks_flashcards.spec.ts
@@ -0,0 +1,14 @@
+import { test, expect } from "@self/tootils";
+
+test.fixme("shows the results tab when results > 0", async ({ page }) => {
+	await page.getByRole("button", { name: "Start Practice" }).click();
+	await expect(
+		page.getByText("Please enter word prompts into the table.")
+	).toBeAttached();
+	await page.getByLabel("Close").click();
+	await page.getByLabel("Add row").click();
+	await page.getByText("Start Practice").click();
+	await expect(
+		page.getByText("Please enter word prompts into the table.")
+	).not.toBeAttached();
+});
diff --git a/js/spa/test/blocks_flipper.spec.ts b/js/spa/test/blocks_flipper.spec.ts
new file mode 100644
index 0000000..fb5e15e
--- /dev/null
+++ b/js/spa/test/blocks_flipper.spec.ts
@@ -0,0 +1,14 @@
+import { test, expect } from "@self/tootils";
+
+test("accordion stays open when interacting with the slider", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Open for More! ▼" }).click();
+
+	await page.getByLabel("Textbox").nth(0).fill("123");
+
+	await page.getByRole("button", { name: "Flip" }).click();
+	await expect(page.getByLabel("Textbox").nth(1)).toHaveValue("321");
+
+	await expect(page.getByText("Look at me...")).toBeVisible();
+});
diff --git a/js/spa/test/blocks_inputs.spec.ts b/js/spa/test/blocks_inputs.spec.ts
new file mode 100644
index 0000000..f6f0fe5
--- /dev/null
+++ b/js/spa/test/blocks_inputs.spec.ts
@@ -0,0 +1,9 @@
+import { test, expect } from "@self/tootils";
+
+test("renders the correct elements", async ({ page }) => {
+	await page.getByLabel("Input", { exact: true }).fill("hi");
+	await page.getByLabel("Input 2", { exact: true }).first().fill("dawood");
+	await page.click('text="Submit"');
+
+	await expect(page.getByLabel("Output")).toHaveValue("hi dawood");
+});
diff --git a/js/spa/test/blocks_page_load.spec.ts b/js/spa/test/blocks_page_load.spec.ts
new file mode 100644
index 0000000..2c3b8af
--- /dev/null
+++ b/js/spa/test/blocks_page_load.spec.ts
@@ -0,0 +1,20 @@
+import { test, expect } from "@self/tootils";
+
+test("renders the correct elements", async ({ page }) => {
+	const textbox = await page.getByLabel("Name");
+
+	await textbox.fill("Frank");
+	await expect(await textbox).toHaveValue("Frank");
+	await expect(await page.getByLabel("Output")).toHaveValue(
+		"Welcome! This page has loaded for Frank"
+	);
+});
+
+test("renders the footer text", async ({ page }) => {
+	const footer = page.locator("footer");
+
+	await expect(footer).toBeVisible();
+	await expect(
+		footer.getByText("Use via API  · Built with Gradio ")
+	).toBeVisible();
+});
diff --git a/js/spa/test/blocks_sidebar.spec.ts b/js/spa/test/blocks_sidebar.spec.ts
new file mode 100644
index 0000000..37c59f7
--- /dev/null
+++ b/js/spa/test/blocks_sidebar.spec.ts
@@ -0,0 +1,26 @@
+import { test, expect } from "@self/tootils";
+
+test("shows open sidebar and components in sidebar work", async ({ page }) => {
+	await expect(
+		page.getByRole("heading", { name: "🐾 Pet Name Generator" })
+	).toBeVisible();
+	await expect(page.getByLabel("Choose your pet type")).toBeVisible();
+	await expect(page.getByText("Personality type")).toBeVisible();
+
+	await page.getByLabel("Choose your pet type").click();
+	await page.getByText("Dog").click();
+	await page.getByText("Silly").click();
+	await page.getByRole("button", { name: "Generate Name! 🎲" }).click();
+
+	const nameOutput = page.getByText("Your pet's fancy name:");
+	await expect(nameOutput).toBeVisible();
+	await expect(nameOutput).not.toBeEmpty();
+
+	await page.getByLabel("Toggle Sidebar").click();
+
+	await expect(
+		page.getByRole("heading", { name: "🐾 Pet Name Generator" })
+	).not.toBeInViewport();
+	await expect(page.getByText("Choose your pet type")).not.toBeInViewport();
+	await expect(page.getByText("Personality type")).not.toBeInViewport();
+});
diff --git a/js/spa/test/blocks_xray.spec.ts b/js/spa/test/blocks_xray.spec.ts
new file mode 100644
index 0000000..3dc02a8
--- /dev/null
+++ b/js/spa/test/blocks_xray.spec.ts
@@ -0,0 +1,26 @@
+import { test, expect } from "@self/tootils";
+
+test("renders the correct elements", async ({ page }) => {
+	const description = await page.getByTestId("markdown");
+	await expect(description).toContainText("Detect Disease From Scan");
+
+	const checkboxes = await page.getByTestId("checkbox-group");
+	await expect(checkboxes).toContainText("Covid Malaria Lung Cancer");
+
+	// const tabs = await page.locator("button", { hasText: /X-ray|CT Scan/ });
+	const tabs = await page.getByRole("tab", { name: /X-ray|CT Scan/ });
+	await expect(tabs).toHaveCount(2);
+});
+
+test("can run an api request and display the data", async ({ page }) => {
+	await page.getByTitle("Covid").check();
+	await page.getByTitle("Lung Cancer").check();
+
+	const run_button = await page.locator("button", { hasText: /Run/ }).first();
+	await run_button.click();
+
+	const json = await page.getByTestId("json").first();
+	await expect(json).toHaveText(
+		`      [     \"0\": {     \"Covid\": 0.25 ,   \"Lung Cancer\": 0.5    }   ] `
+	);
+});
diff --git a/js/spa/test/cancel_events.spec.ts b/js/spa/test/cancel_events.spec.ts
new file mode 100644
index 0000000..d3c1336
--- /dev/null
+++ b/js/spa/test/cancel_events.spec.ts
@@ -0,0 +1,68 @@
+import { test, expect } from "@self/tootils";
+import { readFileSync } from "fs";
+
+test("when using an iterative function the UI should update over time as iteration results are received", async ({
+	page
+}) => {
+	const start_button = await page.locator("button", {
+		hasText: /Start Iterating/
+	});
+
+	let output_values: string[] = [];
+	let last_output_value = "";
+	let interval = setInterval(async () => {
+		let value = await page.getByLabel("Iterative Output").inputValue();
+		if (value !== last_output_value) {
+			output_values.push(value);
+			last_output_value = value;
+		}
+	}, 100);
+
+	await start_button.click();
+	await expect(page.getByLabel("Iterative Output")).toHaveValue("8");
+	clearInterval(interval);
+	for (let i = 1; i < 8; i++) {
+		expect(output_values).toContain(i.toString());
+	}
+});
+
+test("when using an iterative function it should be possible to cancel the function, after which the UI should stop updating", async ({
+	page
+}) => {
+	const start_button = await page.locator("button", {
+		hasText: /Start Iterating/
+	});
+	const stop_button = await page.locator("button", {
+		hasText: /Stop Iterating/
+	});
+	const textbox = await page.getByLabel("Iterative Output");
+
+	await start_button.click();
+	await page.waitForTimeout(200);
+	await stop_button.click();
+	await expect(textbox).not.toHaveValue("9");
+});
+
+test("when using an iterative function and the user closes the page, the python function should stop running", async ({
+	page
+}) => {
+	const start_button = await page.locator("button", {
+		hasText: /Start Iterating/
+	});
+
+	await start_button.click();
+	await page.waitForTimeout(300);
+	await page.close();
+
+	// wait for the duration of the entire iteration
+	// check that the final value did not get written
+	// to the log file. That's our proof python stopped
+	// running
+	await new Promise((resolve) => setTimeout(resolve, 2000));
+	const data = readFileSync(
+		"../../demo/cancel_events/cancel_events_output_log.txt",
+		"utf-8"
+	);
+	expect(data).toContain("Current step: 0");
+	expect(data).not.toContain("Current step: 8");
+});
diff --git a/js/spa/test/change_vs_input.spec.ts b/js/spa/test/change_vs_input.spec.ts
new file mode 100644
index 0000000..9b72602
--- /dev/null
+++ b/js/spa/test/change_vs_input.spec.ts
@@ -0,0 +1,24 @@
+import { test, expect } from "@self/tootils";
+
+test.describe.configure({ mode: "serial" });
+
+test("Change counter is 0 on page load", async ({ page }) => {
+	const counter = page.getByLabel("Change counter");
+	await expect(counter).toHaveValue("0");
+});
+
+test("Textbox change and input events work correctly", async ({ page }) => {
+	await expect(page.getByLabel("TB Input")).toBeVisible();
+	await page.waitForTimeout(500);
+	const textbox = page.getByLabel("TB Input");
+	await textbox.press("h");
+	await page.waitForTimeout(1_000);
+
+	expect(page.getByLabel("Change counter")).toHaveValue("1");
+
+	await expect(page.getByLabel("Textbox Input Event")).toHaveValue("h");
+	await expect(
+		page.getByLabel("Textbox Change Event", { exact: true })
+	).toHaveValue("h");
+	await expect(page.getByLabel("Textbox Change Event x2")).toHaveValue("h");
+});
diff --git a/js/spa/test/chatbot_core_components_simple.spec.ts b/js/spa/test/chatbot_core_components_simple.spec.ts
new file mode 100644
index 0000000..bbdd938
--- /dev/null
+++ b/js/spa/test/chatbot_core_components_simple.spec.ts
@@ -0,0 +1,51 @@
+import { test, expect } from "@self/tootils";
+
+test(`Gallery component properly displayed`, async ({ page }) => {
+	await page.getByTestId("gallery-radio-label").click();
+	await page.getByTestId("textbox").click();
+	await page.getByTestId("textbox").fill("gallery");
+	await page.keyboard.press("Enter");
+	await expect(
+		page.getByLabel("Thumbnail 1 of 2").locator("img")
+	).toBeVisible();
+	await expect(
+		page.getByLabel("Thumbnail 2 of 2").locator("img")
+	).toBeVisible();
+});
+
+test(`Audio component properly displayed`, async ({ page }) => {
+	await page.getByTestId("audio-radio-label").click();
+	await page.getByTestId("textbox").click();
+	await page.getByTestId("textbox").fill("audio");
+	await page.keyboard.press("Enter");
+	await expect(page.getByTestId("waveform-Audio")).toBeVisible();
+});
+
+test(`Video component properly displayed`, async ({ page }) => {
+	await page.getByTestId("video-radio-label").click();
+	await page.getByTestId("textbox").click();
+	await page.getByTestId("textbox").fill("video");
+	await page.keyboard.press("Enter");
+	await expect(page.getByTestId("test-player")).toBeAttached();
+	await expect(
+		page.getByTestId("test-player").getAttribute("src")
+	).toBeTruthy();
+});
+
+test(`Image component properly displayed`, async ({ page }) => {
+	await page.getByTestId("image-radio-label").click();
+	await page.getByTestId("textbox").click();
+	await page.getByTestId("textbox").fill("image");
+	await page.keyboard.press("Enter");
+	await expect(page.getByTestId("bot").locator("img")).toBeAttached();
+});
+
+test(`Model3D component properly displayed`, async ({ page }) => {
+	await page.getByTestId("model3d-radio-label").click();
+	await page.getByTestId("textbox").click();
+	await page.getByTestId("textbox").fill("model3d");
+	await page.keyboard.press("Enter");
+	await expect(
+		page.getByTestId("bot").locator('[data-testid="model3d"]')
+	).toBeAttached();
+});
diff --git a/js/spa/test/chatbot_editable.spec.ts b/js/spa/test/chatbot_editable.spec.ts
new file mode 100644
index 0000000..7a4f73c
--- /dev/null
+++ b/js/spa/test/chatbot_editable.spec.ts
@@ -0,0 +1,48 @@
+import { test, expect } from "@self/tootils";
+
+test("test editing chatbot messages", async ({ page }) => {
+	await page.getByRole("button", { name: "Add Message" }).click();
+	await expect(page.getByLabel("Concatenated Chat 1")).toHaveValue(
+		"I'm a user|I'm a bot"
+	);
+	await page.getByRole("button", { name: "Add Message" }).click();
+	await expect(page.getByLabel("Concatenated Chat 1")).toHaveValue(
+		"I'm a user|I'm a bot|I'm a user|I'm a bot"
+	);
+	await page.getByLabel("Edit").nth(0).click();
+	await page.locator("textarea").first().fill("GRADIO");
+	await page.getByLabel("Submit").click();
+	await expect(page.getByLabel("Edited Message")).toHaveValue(
+		"from I'm a user to GRADIO at 0"
+	);
+	await page.getByLabel("Edit").nth(1).click();
+	await page.locator("textarea").first().fill("FAIL");
+	await page.getByLabel("Cancel").click();
+	await page.getByLabel("Edit").nth(1).click();
+	await page.locator("textarea").first().fill("SUCCESS");
+	await page.getByLabel("Submit").click();
+	await expect(page.getByLabel("Edited Message")).toHaveValue(
+		"from I'm a user to SUCCESS at 2"
+	);
+	await expect(page.getByLabel("Concatenated Chat 1")).toHaveValue(
+		"GRADIO|I'm a bot|SUCCESS|I'm a bot"
+	);
+});
+
+test("test editing consecutive user messages", async ({ page }) => {
+	await page.getByRole("button", { name: "Add User Message" }).click();
+	await expect(page.getByLabel("Concatenated Chat 1")).toHaveValue(
+		"I'm a user"
+	);
+	await page.getByRole("button", { name: "Add User Message" }).click();
+	await expect(page.getByLabel("Concatenated Chat 1")).toHaveValue(
+		"I'm a user|I'm a user"
+	);
+	await page.getByLabel("Edit").nth(0).click();
+	await page.locator("textarea").nth(0).fill("FIRST EDIT");
+	await page.locator("textarea").nth(1).fill("SECOND EDIT");
+	await page.getByLabel("Submit").click();
+	await expect(page.getByLabel("Concatenated Chat 1")).toHaveValue(
+		"FIRST EDIT|SECOND EDIT"
+	);
+});
diff --git a/js/spa/test/chatbot_load_event.spec.ts b/js/spa/test/chatbot_load_event.spec.ts
new file mode 100644
index 0000000..1dd06b7
--- /dev/null
+++ b/js/spa/test/chatbot_load_event.spec.ts
@@ -0,0 +1,14 @@
+import { test, expect } from "@self/tootils";
+
+test("load event sets value on component in hidden tab", async ({ page }) => {
+	// Wait for the load event to complete (value arrives from backend)
+	await page.waitForTimeout(2000);
+
+	// Click Tab 2 to reveal the textbox
+	await page.getByRole("tab", { name: "Tab 2" }).click();
+
+	// The textbox should show the value set by demo.load()
+	await expect(page.getByLabel("Output")).toHaveValue("some text", {
+		timeout: 5000
+	});
+});
diff --git a/js/spa/test/chatbot_multimodal.spec.ts b/js/spa/test/chatbot_multimodal.spec.ts
new file mode 100644
index 0000000..4bfe15b
--- /dev/null
+++ b/js/spa/test/chatbot_multimodal.spec.ts
@@ -0,0 +1,253 @@
+import { test, expect } from "@self/tootils";
+
+test(`Text input by a user should be shown in the chatbot as a paragraph`, async ({
+	page
+}) => {
+	const textbox = await page.getByTestId("textbox");
+	await textbox.fill("Lorem ipsum");
+	await page.keyboard.press("Enter");
+	const user_message = await page
+		.getByTestId("user")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+	await expect(user_message).toEqual("Lorem ipsum");
+	await expect(bot_message).toBeTruthy();
+});
+
+test(`Images uploaded by a user should be shown in the chat`, async ({
+	page
+}) => {
+	const fileChooserPromise = page.waitForEvent("filechooser");
+	await page.getByTestId("upload-button").click();
+	const fileChooser = await fileChooserPromise;
+	await fileChooser.setFiles("./test/files/cheetah1.jpg");
+	await expect(page.locator(".thumbnail-item")).toBeVisible();
+	await page.getByTestId("textbox").click();
+	await page.keyboard.press("Enter");
+
+	const user_message_locator = await page.getByTestId("user").first();
+	const user_message = await user_message_locator.elementHandle();
+	if (user_message) {
+		const imageContainer = await user_message.$("div.image-container");
+
+		if (imageContainer) {
+			const imgElement = await imageContainer.$("img");
+			if (imgElement) {
+				const image_src = await imgElement.getAttribute("src");
+				expect(image_src).toBeTruthy();
+			}
+		}
+	}
+
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+
+	expect(bot_message).toBeTruthy();
+});
+
+test(`audio uploaded by a user should be shown in the chatbot`, async ({
+	page
+}) => {
+	const fileChooserPromise = page.waitForEvent("filechooser");
+	await page.getByTestId("upload-button").click();
+	const fileChooser = await fileChooserPromise;
+	await fileChooser.setFiles("../../test/test_files/audio_sample.wav");
+	await expect(page.locator(".thumbnail-item")).toBeVisible();
+	await page.getByTestId("textbox").click();
+	await page.keyboard.press("Enter");
+
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+
+	await expect(
+		page.getByTestId("user").getByTestId("waveform-Audio")
+	).toBeVisible();
+	expect(bot_message).toBeTruthy();
+});
+
+test(`videos uploaded by a user should be shown in the chatbot`, async ({
+	page
+}) => {
+	const fileChooserPromise = page.waitForEvent("filechooser");
+	await page.getByTestId("upload-button").click();
+	const fileChooser = await fileChooserPromise;
+	await fileChooser.setFiles("../../test/test_files/video_sample.mp4");
+	await expect(page.locator(".thumbnail-item")).toBeVisible();
+	await page.getByTestId("textbox").click();
+	await page.keyboard.press("Enter");
+
+	const user_message = await page.getByTestId("user").first().locator("video");
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+	const video_data = await user_message.getAttribute("src");
+	await expect(video_data).toBeTruthy();
+	await expect(bot_message).toBeTruthy();
+});
+
+test(`markdown input by a user should be correctly formatted: bold, italics, links`, async ({
+	page
+}) => {
+	const textbox = await page.getByTestId("textbox");
+	await textbox.fill(
+		"This is **bold text**. This is *italic text*. This is a [link](https://gradio.app)."
+	);
+	await page.keyboard.press("Enter");
+	const user_message = await page
+		.getByTestId("user")
+		.first()
+		.getByRole("paragraph")
+		.innerHTML();
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+	await expect(user_message).toContain(
+		"This is <strong>bold text</strong>. This is <em>italic text</em>. This is a <a "
+	);
+	await expect(user_message).toContain('href="https://gradio.app"');
+	await expect(user_message).toContain('target="_blank"');
+	await expect(user_message).toContain('rel="noopener noreferrer"');
+	await expect(bot_message).toBeTruthy();
+});
+
+test(`inline code markdown input by the user should be correctly formatted`, async ({
+	page
+}) => {
+	const textbox = await page.getByTestId("textbox");
+	await textbox.fill("This is `code`.");
+	await page.keyboard.press("Enter");
+	const user_message = await page
+		.getByTestId("user")
+		.first()
+		.getByRole("paragraph")
+		.innerHTML();
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+	await expect(user_message).toEqual("This is <code>code</code>.");
+	await expect(bot_message).toBeTruthy();
+});
+
+test(`markdown code blocks input by a user should be rendered correctly with the correct language tag`, async ({
+	page
+}) => {
+	const textbox = await page.getByTestId("textbox");
+	await textbox.fill("```python\nprint('Hello')\nprint('World!')\n```");
+	await page.keyboard.press("Enter");
+	const user_message = await page
+		.getByTestId("user")
+		.first()
+		.locator("pre")
+		.innerHTML();
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+	await expect(user_message).toContain("language-python");
+	await expect(bot_message).toBeTruthy();
+});
+
+test(`LaTeX input by a user should be rendered correctly`, async ({ page }) => {
+	const textbox = await page.getByTestId("textbox");
+	await textbox.fill("This is LaTeX $$x^2$$");
+	await page.keyboard.press("Enter");
+	const userElement = page.getByTestId("user").first().getByRole("paragraph");
+
+	await userElement.locator(".katex-display").waitFor({ state: "visible" });
+
+	const user_message = await userElement.innerHTML();
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph")
+		.textContent();
+	await expect(user_message).toContain("katex-display");
+	await expect(bot_message).toBeTruthy();
+});
+
+test(`when a new message is sent the chatbot should scroll to the latest message`, async ({
+	page
+}) => {
+	const textbox = await page.getByTestId("textbox");
+	const line_break = "<br>";
+	await textbox.fill(line_break.repeat(30));
+	await page.keyboard.press("Enter");
+	const bot_message = await page
+		.getByTestId("bot")
+		.first()
+		.getByRole("paragraph");
+	await expect(bot_message).toBeVisible();
+	const bot_message_text = bot_message.textContent();
+	await expect(bot_message_text).toBeTruthy();
+});
+
+test(`chatbot like and dislike functionality`, async ({ page }) => {
+	await page.getByTestId("textbox").click();
+	await page.getByTestId("textbox").fill("hello");
+	await page.keyboard.press("Enter");
+	await expect(
+		page.getByTestId("bot").first().getByRole("paragraph")
+	).toBeVisible();
+	await page.getByLabel("Like", { exact: true }).first().click();
+	await page.getByLabel("Dislike", { exact: true }).first().click();
+
+	expect(await page.getByLabel("Disliked", { exact: true }).count()).toEqual(1);
+	expect(await page.getByLabel("Liked", { exact: true }).count()).toEqual(0);
+});
+
+test(`Users can upload multiple images and they will be shown as thumbnails`, async ({
+	page
+}) => {
+	const fileChooserPromise = page.waitForEvent("filechooser");
+	await page.getByTestId("upload-button").click();
+	const fileChooser = await fileChooserPromise;
+	await fileChooser.setFiles([
+		"./test/files/cheetah1.jpg",
+		"./test/files/cheetah1.jpg"
+	]);
+
+	await expect(page.locator(".thumbnail-image")).toHaveCount(2);
+});
+
+test(`pasting large text should create a file upload`, async ({ page }) => {
+	const textbox = await page.getByTestId("textbox");
+	const largeText = "x".repeat(2000);
+
+	await textbox.focus();
+	await page.evaluate((text) => {
+		const dataTransfer = new DataTransfer();
+		const clipboardData = new ClipboardEvent("paste", {
+			clipboardData: dataTransfer,
+			bubbles: true,
+			cancelable: true
+		});
+		dataTransfer.setData("text/plain", text);
+		document.activeElement?.dispatchEvent(clipboardData);
+	}, largeText);
+
+	await expect(page.locator(".thumbnail-item")).toBeVisible();
+	const fileIcon = await page.locator(".thumbnail-item").first();
+	await expect(fileIcon).toBeVisible();
+
+	const textboxValue = await textbox.inputValue();
+	await expect(textboxValue).toBe("");
+});
diff --git a/js/spa/test/chatbot_with_tools.spec.ts b/js/spa/test/chatbot_with_tools.spec.ts
new file mode 100644
index 0000000..7435b5f
--- /dev/null
+++ b/js/spa/test/chatbot_with_tools.spec.ts
@@ -0,0 +1,17 @@
+import { test, expect } from "@self/tootils";
+
+test("Chatbot can support agentic demos by displaying messages with metadata", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Get San Francisco Weather" }).click();
+	await expect(
+		await page.locator("div").filter({ hasText: "💥 Error" }).nth(1)
+	).toBeVisible();
+	await expect(
+		page.locator("span").filter({ hasText: "🛠️ Used tool" })
+	).toBeVisible();
+	await expect(page.locator(".bot")).toHaveCount(1);
+	await expect(page.locator(".bot")).toContainText(
+		"It's a sunny day in San Francisco"
+	);
+});
diff --git a/js/spa/test/chatinterface_deep_link.spec.ts b/js/spa/test/chatinterface_deep_link.spec.ts
new file mode 100644
index 0000000..e32aaad
--- /dev/null
+++ b/js/spa/test/chatinterface_deep_link.spec.ts
@@ -0,0 +1,50 @@
+import { test, expect } from "@self/tootils";
+
+test.skip(process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true");
+
+test("DeepLinkButton correctly saves and loads multimodal chatinterface conversation state", async ({
+	page,
+	context
+}) => {
+	const textbox = await page.getByTestId("textbox");
+	await textbox.fill("hello");
+
+	await page.keyboard.press("Enter");
+
+	await expect(
+		page.getByTestId("bot").first().getByRole("paragraph")
+	).toContainText("You typed: hello");
+
+	await page.getByRole("button", { name: "Share via Link" }).click();
+	await page.waitForTimeout(1000);
+	const clipboardText: string = await page.evaluate(
+		"navigator.clipboard.readText()"
+	);
+
+	// Open a new tab
+	const newPage = await context.newPage();
+
+	await newPage.goto(clipboardText);
+
+	await expect(
+		newPage.getByTestId("bot").first().getByRole("paragraph")
+	).toContainText("You typed: hello");
+});
+
+test("DeepLinkButton correctly saves and loads cached_examples", async ({
+	page,
+	context
+}) => {
+	await page.getByRole("link", { name: "cached_examples" }).click();
+	await page.locator(".table").first().click();
+	await page.getByRole("button", { name: "Share via Link" }).click();
+	await page.waitForTimeout(1000);
+	const clipboardText: string = await page.evaluate(
+		"navigator.clipboard.readText()"
+	);
+
+	const newPage = await context.newPage();
+
+	await newPage.goto(clipboardText);
+	await expect(page.getByLabel("Output")).toHaveValue("Hello: Freddy");
+});
diff --git a/js/spa/test/clear_components.spec.ts b/js/spa/test/clear_components.spec.ts
new file mode 100644
index 0000000..d806da8
--- /dev/null
+++ b/js/spa/test/clear_components.spec.ts
@@ -0,0 +1,30 @@
+import { test, expect } from "@self/tootils";
+
+test("Components value can be set via callable to a non-None value", async ({
+	page
+}) => {
+	await page.waitForTimeout(500);
+	expect(page.getByLabel(`component_00`).inputValue()).not.toEqual("");
+
+	const sliderValue = await page.getByLabel(`component_01`).inputValue();
+	expect(parseFloat(sliderValue)).toBeGreaterThan(0);
+
+	const dropDownValue = await page.getByLabel(`component_07`).inputValue();
+	expect(Array("a", "b", "c").includes(dropDownValue)).toBeTruthy();
+});
+
+test("gr.ClearButton clears every component's value", async ({ page }) => {
+	await page.click("text=Get Values");
+	await expect(page.getByLabel("Are all cleared?")).toHaveValue("False");
+	await page.click("text=Clear");
+	await page.click("text=Get Values");
+	await expect(page.getByLabel("Are all cleared?")).toHaveValue("True");
+});
+
+test("gr.ClearButton can be made hidden and unhidden", async ({ page }) => {
+	await page.click("text=Hide");
+	const button = await page.locator("button", { hasText: "Clear" });
+	await expect(button).toBeHidden();
+	await page.click("text=Reveal");
+	await expect(button).not.toBeHidden();
+});
diff --git a/js/spa/test/component_props.spec.ts b/js/spa/test/component_props.spec.ts
new file mode 100644
index 0000000..f720858
--- /dev/null
+++ b/js/spa/test/component_props.spec.ts
@@ -0,0 +1,68 @@
+import { test, expect } from "@self/tootils";
+
+test("component props", async ({ page }) => {
+	const numberInput = page.getByLabel("Input A");
+	const outputJson = page.locator("#output");
+	const showValueBtn = page.getByRole("button", { name: "Show Value" });
+	const doubleBtn = page.getByRole("button", {
+		name: "Double Value and Maximum"
+	});
+	const resetBtn = page.getByRole("button", { name: "Reset", exact: true });
+
+	await expect(numberInput).toHaveValue("5");
+
+	await showValueBtn.click();
+	await expect(outputJson).toContainText('"value": 5');
+	await expect(outputJson).toContainText('"maximum": 10');
+	await expect(outputJson).toContainText('"minimum": 0');
+
+	await doubleBtn.click();
+
+	await expect(numberInput).toHaveValue("10");
+	await expect(outputJson).toContainText('"value": 10');
+	await expect(outputJson).toContainText('"maximum": 20');
+	await expect(outputJson).toContainText('"minimum": 0');
+
+	await doubleBtn.click();
+	await expect(numberInput).toHaveValue("20");
+	await expect(outputJson).toContainText('"value": 20');
+	await expect(outputJson).toContainText('"maximum": 40');
+
+	await resetBtn.click();
+	await expect(outputJson).toContainText('"value": 5');
+	await expect(outputJson).toContainText('"maximum": 10');
+	await expect(outputJson).toContainText('"minimum": 0');
+
+	await numberInput.fill("7");
+	await showValueBtn.click();
+
+	await expect(outputJson).toContainText('"value": 7');
+	await expect(outputJson).toContainText('"maximum": 10');
+	await expect(outputJson).toContainText('"minimum": 0');
+
+	const imageOutputJson = page.locator("#image-output");
+	const showImagePropsBtn = page.getByRole("button", {
+		name: "Show Image Props"
+	});
+	const changeImageSizeBtn = page.getByRole("button", {
+		name: "Change Image Size"
+	});
+	const resetImageBtn = page.getByRole("button", {
+		name: "Reset Image"
+	});
+
+	await showImagePropsBtn.click();
+	await expect(imageOutputJson).toContainText('"width": 300');
+	await expect(imageOutputJson).toContainText('"height": 300');
+	await expect(imageOutputJson).toContainText('"type": "filepath"');
+	await expect(imageOutputJson).toContainText("cheetah.jpg");
+
+	await changeImageSizeBtn.click();
+	await expect(imageOutputJson).toContainText('"width": 400');
+	await expect(imageOutputJson).toContainText('"height": 400');
+
+	await resetImageBtn.click();
+	await expect(imageOutputJson).toContainText('"width": 300');
+	await expect(imageOutputJson).toContainText('"height": 300');
+	await expect(imageOutputJson).toContainText("cheetah.jpg");
+});
diff --git a/js/spa/test/components.test.ts b/js/spa/test/components.test.ts
new file mode 100644
index 0000000..5ea56f8
--- /dev/null
+++ b/js/spa/test/components.test.ts
@@ -0,0 +1,354 @@
+import { afterEach, beforeAll, describe, expect, test } from "vitest";
+import { render, cleanup } from "@self/tootils/render";
+import { setupi18n } from "../../core/src/i18n";
+import { Gradio } from "../../core/src/gradio_helper";
+
+import StaticAnnotatedImage from "@gradio/annotatedimage";
+import StaticAudio from "@gradio/audio";
+import StaticChatbot from "@gradio/chatbot";
+import StaticCheckbox from "@gradio/checkbox";
+import StaticCheckboxGroup from "@gradio/checkboxgroup";
+import StaticColorPicker from "@gradio/colorpicker";
+import StaticDropdown from "@gradio/dropdown";
+import StaticFile from "@gradio/file";
+import StaticGallery from "@gradio/gallery";
+import StaticHTML from "@gradio/html";
+import StaticHighlightedText from "@gradio/highlightedtext";
+import StaticJson from "@gradio/json";
+import StaticLabel from "@gradio/label";
+import StaticMarkdown from "@gradio/markdown";
+import StaticModel3D from "@gradio/model3d";
+import StaticNumber from "@gradio/number";
+import StaticRadio from "@gradio/radio";
+import StaticSlider from "@gradio/slider";
+import StaticTextbox from "@gradio/textbox";
+import StaticUploadButton from "@gradio/uploadbutton";
+import StaticVideo from "@gradio/video";
+
+import InteractiveAudio from "@gradio/audio";
+import InteractiveCheckbox from "@gradio/checkbox";
+import InteractiveCheckboxGroup from "@gradio/checkboxgroup";
+import InteractiveColorPicker from "@gradio/colorpicker";
+import InteractiveDropdown from "@gradio/dropdown";
+import InteractiveFile from "@gradio/file";
+import InteractiveModel3D from "@gradio/model3d";
+import InteractiveNumber from "@gradio/number";
+import InteractiveRadio from "@gradio/radio";
+import InteractiveSlider from "@gradio/slider";
+import InteractiveTextbox from "@gradio/textbox";
+import InteractiveUploadButton from "@gradio/uploadbutton";
+import InteractiveVideo from "@gradio/video";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+const loading_status: LoadingStatus = {
+	eta: 0,
+	queue_position: 1,
+	queue_size: 1,
+	status: "complete",
+	scroll_to_output: false,
+	visible: true,
+	fn_index: 0,
+	show_progress: "full"
+};
+
+const components = [
+	[
+		"StaticAnnotatedImage",
+		StaticAnnotatedImage,
+		{ height: 100, width: 100, value: null, interactive: false }
+	],
+	[
+		"InteractiveAudio",
+		InteractiveAudio,
+		{ interactive: true, value: null, waveform_options: {} }
+	],
+	[
+		"StaticAudio",
+		StaticAudio,
+		{ interactive: false, value: null, waveform_options: {} }
+	],
+
+	["StaticChatbot", StaticChatbot, { interactive: false, value: [] }],
+	["InteractiveCheckbox", InteractiveCheckbox, { interactive: true }],
+	["StaticCheckbox", StaticCheckbox, { interactive: false }],
+	[
+		"InteractiveCheckboxGroup",
+		InteractiveCheckboxGroup,
+		{
+			choices: [
+				["a", "a"],
+				["b", "b"],
+				["c", "c"]
+			],
+			interactive: true,
+			value: [],
+			info: "",
+			show_select_all: false
+		}
+	],
+	[
+		"StaticCheckboxGroup",
+		StaticCheckboxGroup,
+		{
+			choices: [
+				["a", "a"],
+				["b", "b"],
+				["c", "c"]
+			],
+			interactive: false,
+			value: [],
+			info: "",
+			show_select_all: false
+		}
+	],
+	["InteractiveColorPicker", InteractiveColorPicker, { interactive: true }],
+	["StaticColorPicker", StaticColorPicker, { interactive: false }],
+	// [
+	// 	"InteractiveDataFrame",
+	// 	InteractiveDataframe,
+	// 	{
+	// 		value: {
+	// 			data: [[1, 2, 3]],
+	// 			headers: [],
+	// 			metadata: null
+	// 		},
+	// 		col_count: [3, "fixed"],
+	// 		row_count: [3, "fixed"],
+	// 		interactive: true,
+	// 		static_columns: []
+	// 	}
+	// ],
+	// [
+	// 	"StaticDataFrame",
+	// 	StaticDataframe,
+	// 	{
+	// 		value: {
+	// 			data: [[1, 2, 3]],
+	// 			headers: [],
+	// 			metadata: null
+	// 		},
+	// 		col_count: [3, "fixed"],
+	// 		row_count: [3, "fixed"],
+	// 		interactive: false,
+	// 		static_columns: []
+	// 	}
+	// ],
+	[
+		"InteractiveDropdown",
+		InteractiveDropdown,
+		{ choices: ["a", "b", "c"], interactive: true }
+	],
+	[
+		"StaticDropdown",
+		StaticDropdown,
+		{ choices: ["a", "b", "c"], interactive: false }
+	],
+	["InteractiveFile", InteractiveFile, { interactive: true }],
+	["StaticFile", StaticFile, { interactive: false }],
+
+	[
+		"StaticGallery",
+		StaticGallery,
+		{
+			interactive: false,
+			value: null,
+			file_types: null,
+			columns: 2,
+			rows: undefined,
+			height: "auto",
+			preview: false,
+			allow_preview: true,
+			selected_index: null,
+			object_fit: "cover",
+			buttons: [],
+			type: "filepath",
+			fit_columns: false
+		}
+	],
+
+	["StaticHTML", StaticHTML, { interactive: false, value: "" }],
+
+	[
+		"StaticHighlightedText",
+		StaticHighlightedText,
+		{ interactive: false, value: null }
+	],
+
+	["StaticJson", StaticJson, { interactive: false, value: null }],
+
+	[
+		"StaticLabel",
+		StaticLabel,
+		{ interactive: false, value: { confidences: [] } }
+	],
+
+	["StaticMarkdown", StaticMarkdown, { interactive: false }],
+	["InteractiveModel3D", InteractiveModel3D, { interactive: true }],
+	["StaticModel3D", StaticModel3D, { interactive: false }],
+	["InteractiveNumber", InteractiveNumber, { interactive: true }],
+	["StaticNumber", StaticNumber, { interactive: false }],
+	["InteractiveRadio", InteractiveRadio, { interactive: true }],
+	["StaticRadio", StaticRadio, { interactive: false }],
+	["InteractiveSlider", InteractiveSlider, { interactive: true }],
+	["StaticSlider", StaticSlider, { interactive: false }],
+	[
+		"InteractiveTextbox",
+		InteractiveTextbox,
+		{ container: false, interactive: true }
+	],
+	["StaticTextbox", StaticTextbox, { container: false, interactive: false }],
+	// ["InteractiveTimeSeries", InteractiveTimeSeries, {}],
+	// ["StaticTimeSeries", StaticTimeSeries, {}],
+	["InteractiveUploadButton", InteractiveUploadButton, { interactive: true }],
+	["StaticUploadButton", StaticUploadButton, { interactive: false }],
+	[
+		"InteractiveVideo",
+		InteractiveVideo,
+		{ interactive: true, webcam_options: { mirror: true, constraints: null } }
+	],
+	["StaticVideo", StaticVideo, { interactive: false }]
+] as const;
+
+describe("all components should apply provided class names", () => {
+	beforeAll(async () => {
+		await setupi18n();
+	});
+
+	afterEach(() => {
+		cleanup();
+	});
+
+	components.forEach(([name, component, props]) => {
+		test(name, async () => {
+			const { container } = await render(component, {
+				...props,
+				loading_status,
+				elem_classes: ["test-class"]
+			});
+
+			const elem = container.querySelector(`.test-class`);
+			expect(elem).not.toBeNull();
+		});
+	});
+
+	["Button", "Code", "Image", "Plot"].forEach((name) => {
+		test.todo(name);
+	});
+});
+
+describe("all components should apply provided id", () => {
+	beforeAll(async () => {
+		await setupi18n();
+	});
+
+	afterEach(() => {
+		cleanup();
+	});
+
+	components.forEach(([name, component, props]) => {
+		test(name, async () => {
+			const { container } = await render(component, {
+				...props,
+				loading_status,
+				elem_id: "test-id"
+			});
+
+			const elem = container.querySelector(`#test-id`);
+			expect(elem).not.toBeNull();
+		});
+	});
+
+	["Button", "Code", "Image", "Plot"].forEach((name) => {
+		test.todo(name);
+	});
+});
+
+describe("all components should be invisible when visible=hidden", () => {
+	beforeAll(async () => {
+		await setupi18n();
+	});
+
+	afterEach(() => {
+		cleanup();
+	});
+
+	components.forEach(([name, component, props]) => {
+		test(name, async () => {
+			const { container } = await render(component, {
+				...props,
+				loading_status,
+				elem_id: "test-id",
+				visible: "hidden"
+			});
+
+			const elem = container.querySelector(`#test-id`);
+
+			expect(elem).not.toBeNull();
+			expect(elem!.classList.contains("hidden")).toBe(true);
+		});
+	});
+
+	["Button", "Code", "Image", "Plot"].forEach((name) => {
+		test.todo(name);
+	});
+});
+
+describe("all components should have the appropriate label when set via the `label` prop", () => {
+	beforeAll(async () => {
+		await setupi18n();
+	});
+
+	afterEach(() => {
+		cleanup();
+	});
+
+	components
+		.filter(([name]) => name !== "StaticMarkdown" && name !== "StaticHTML")
+		.forEach(([name, component, props]) => {
+			test(name, async () => {
+				const { getAllByText } = await render(component, {
+					...props,
+					loading_status,
+					label: name + "LABEL_TEST"
+				});
+
+				const elems = getAllByText(name + "LABEL_TEST");
+
+				expect(elems.length).toBeGreaterThan(0);
+			});
+		});
+
+	["Button", "Code", "Image", "Plot"].forEach((name) => {
+		test.todo(name);
+	});
+});
+
+describe("all components should hide their label when `show_label=false`", () => {
+	components.forEach(([name, component, props]) => {
+		test.todo(name);
+	});
+
+	["Button", "Code", "Image", "Plot"].forEach((name) => {
+		test.todo(name);
+	});
+});
+
+describe("all components should show their label when `show_label=true`", () => {
+	components.forEach(([name, component, props]) => {
+		test.todo(name);
+	});
+
+	["Button", "Code", "Image", "Plot"].forEach((name) => {
+		test.todo(name);
+	});
+});
+
+describe("all components should hide their container when `container=false`", () => {
+	components.forEach(([name, component, props]) => {
+		test.todo(name);
+	});
+
+	["Button", "Code", "Image", "Plot"].forEach((name) => {
+		test.todo(name);
+	});
+});
diff --git a/js/spa/test/custom_css.reload.spec.ts b/js/spa/test/custom_css.reload.spec.ts
new file mode 100644
index 0000000..302ec87
--- /dev/null
+++ b/js/spa/test/custom_css.reload.spec.ts
@@ -0,0 +1,100 @@
+import { test, expect } from "@playwright/test";
+import { spawnSync } from "node:child_process";
+import { launch_app_background, kill_process } from "./utils";
+import { join } from "path";
+
+let _process;
+
+test.beforeAll(() => {
+	const demo = `
+import gradio as gr
+
+custom_css= """
+    h1 { color: #6D94C5; text-align: center; }
+    .gradio-container { max-width: 900px !important; }
+"""
+
+# gr.HTML style works for hot reload
+with gr.Blocks(css=custom_css,
+    theme=gr.themes.Soft()) as demo:
+    gr.HTML("<h1> AI Travel Agent</h1>")
+    gr.Chatbot(height=400)
+    gr.Textbox(placeholder="Type here...")
+
+if __name__ == "__main__":
+    demo.launch()
+`;
+	// write contents of demo to a local 'run.py' file
+	spawnSync(`echo '${demo}' > ${join(process.cwd(), "run.py")}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test.afterAll(() => {
+	if (_process) kill_process(_process);
+	spawnSync(`rm  ${join(process.cwd(), "run.py")}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test("gradio dev mode correctly reloads custom css", async ({ page }) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), "run.py")}`,
+				process.cwd()
+			);
+
+		_process = server_process;
+		console.log("Connected to port", port);
+
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2_000);
+
+		await expect(page.locator("h1")).toHaveCSS("color", "rgb(109, 148, 197)");
+
+		const demo1 = `
+import gradio as gr
+
+custom_css= """
+    h1 { color: red; text-align: center; }
+    .gradio-container { max-width: 900px !important; }
+"""
+
+# gr.HTML style works for hot reload
+with gr.Blocks(css=custom_css,
+    theme=gr.themes.Soft()) as demo:
+    gr.HTML("<h1> AI Travel Agent</h1>")
+    gr.Chatbot(height=400)
+    gr.Textbox(placeholder="Type here...")
+
+if __name__ == "__main__":
+    demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo1}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.locator("h1")).toHaveCSS("color", "rgb(255, 0, 0)");
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
diff --git a/js/spa/test/custom_css.spec.ts b/js/spa/test/custom_css.spec.ts
new file mode 100644
index 0000000..3e108fd
--- /dev/null
+++ b/js/spa/test/custom_css.spec.ts
@@ -0,0 +1,62 @@
+import { test, expect } from "@self/tootils";
+
+test("renders the correct elements", async ({ page }) => {
+	await expect(page.getByTestId("markdown")).toHaveCount(2);
+});
+
+test("applies the custom CSS styles", async ({ page }) => {
+	test.skip(process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true");
+	// Test for CSSKeyframesRule
+	const animationName = await page
+		.locator(".cool-col")
+		.evaluate((node) => getComputedStyle(node).animationName);
+	expect(animationName).toBe("animation");
+
+	// Test for CSSMediaRule and CSSStyleRule
+	await page.setViewportSize({ width: 500, height: 720 });
+	await expect(page.locator(".markdown").nth(1)).toHaveCSS(
+		"background-color",
+		"rgb(0, 0, 255)"
+	);
+	await expect(page.locator(".markdown p")).toHaveCSS(
+		"color",
+		"rgb(173, 216, 230)"
+	);
+
+	await page.setViewportSize({ width: 1280, height: 720 });
+	await expect(page.locator(".markdown").nth(1)).toHaveCSS(
+		"background-color",
+		"rgb(173, 216, 230)"
+	);
+	await expect(page.locator(".markdown p")).toHaveCSS(
+		"color",
+		"rgb(65, 105, 225)"
+	);
+});
+
+test("applies the custom font family", async ({ page }) => {
+	await expect(
+		page.getByRole("heading", { name: "Gradio Demo with Custom CSS" })
+	).toHaveCSS("font-family", "test-font");
+});
+
+test("applies resources from the @import rule", async ({ page }) => {
+	await expect(page.getByText("Resize the browser window to")).toHaveCSS(
+		"font-family",
+		'"Protest Riot", sans-serif'
+	);
+});
+
+test(".dark styles are applied corrently", async ({ page }) => {
+	await page.goto(`${page.url()}?__theme=dark`);
+	await page.waitForTimeout(500);
+
+	await expect(page.locator(".markdown").nth(1)).toHaveCSS(
+		"background-color",
+		"rgb(255, 192, 203)"
+	);
+	await expect(page.locator(".darktest h3")).toHaveCSS(
+		"color",
+		"rgb(255, 255, 0)"
+	);
+});
diff --git a/js/spa/test/custom_path.spec.ts b/js/spa/test/custom_path.spec.ts
new file mode 100644
index 0000000..7325fe6
--- /dev/null
+++ b/js/spa/test/custom_path.spec.ts
@@ -0,0 +1,40 @@
+import { test, expect } from "@self/tootils";
+
+test.skip(
+	process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true",
+	"Not Running SSR Mode"
+);
+
+test.skip("Gradio works behind a reverse proxy with root_path", async ({
+	page
+}) => {
+	const url = new URL(page.url());
+	await page.goto(`${url.origin}/myapp/gradio/`);
+
+	const configResponse = await page.request.get(
+		`${url.origin}/myapp/gradio/config`
+	);
+	const config = await configResponse.json();
+	expect(config.root).toContain("/myapp/gradio");
+
+	const uploader = page.locator("input[type=file]");
+	await uploader.setInputFiles("./test/files/cheetah1.jpg");
+	await page.getByRole("button", { name: "Submit" }).click();
+
+	// Wait for the output image to load with a src URL that goes through
+	// the proxied gradio_api path
+	// Without the fix, the src would use /gradio/gradio_api/... (missing /myapp).
+	await expect(async () => {
+		const imgs = page.locator('[data-testid="image"] img');
+		const count = await imgs.count();
+		let foundProxiedSrc = false;
+		for (let i = 0; i < count; i++) {
+			const src = await imgs.nth(i).getAttribute("src");
+			if (src && src.includes("/myapp/gradio/gradio_api/")) {
+				foundProxiedSrc = true;
+				break;
+			}
+		}
+		expect(foundProxiedSrc).toBe(true);
+	}).toPass();
+});
diff --git a/js/spa/test/dataframe_colorful.spec.ts b/js/spa/test/dataframe_colorful.spec.ts
new file mode 100644
index 0000000..a8f59ed
--- /dev/null
+++ b/js/spa/test/dataframe_colorful.spec.ts
@@ -0,0 +1,25 @@
+import { test, expect } from "@self/tootils";
+
+test("table cells are highlighted correctly via Styler", async ({ page }) => {
+	// The demo uses highlight_max(color="lightgreen", axis=0)
+	// Column A max=14 is at row 0, so cell (0,0) should be lightgreen
+	const highlighted_cell = page.locator("[data-testid='cell-0-0']");
+	await expect(highlighted_cell).toHaveCSS(
+		"background-color",
+		"rgb(144, 238, 144)"
+	);
+
+	// Column B max=54 is at row 2, so cell (2,1) should be lightgreen
+	const highlighted_cell_b = page.locator("[data-testid='cell-2-1']");
+	await expect(highlighted_cell_b).toHaveCSS(
+		"background-color",
+		"rgb(144, 238, 144)"
+	);
+
+	// Column A row 1 is not the max, so cell (1,0) should not be lightgreen
+	const non_highlighted_cell = page.locator("[data-testid='cell-1-0']");
+	await expect(non_highlighted_cell).not.toHaveCSS(
+		"background-color",
+		"rgb(144, 238, 144)"
+	);
+});
diff --git a/js/spa/test/dataframe_events.spec.ts b/js/spa/test/dataframe_events.spec.ts
new file mode 100644
index 0000000..b87f526
--- /dev/null
+++ b/js/spa/test/dataframe_events.spec.ts
@@ -0,0 +1,331 @@
+import { test, expect } from "@self/tootils";
+import { Locator } from "@playwright/test";
+
+// returns a cell in a dataframe by row and column indices
+function get_cell(element: Locator, row: number, col: number) {
+	return element.locator(`[data-row='${row}'][data-col='${col}']`);
+}
+
+test.fixme("Dataframe input events work as expected @firefox", async ({
+	page
+}) => {
+	const input_events = page.getByLabel("Input events");
+	await expect(input_events).toHaveValue("0");
+
+	await page.getByRole("button", { name: "Update dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const df = page.locator("#dataframe");
+	await get_cell(df, 0, 0).click();
+
+	await page.getByLabel("Edit cell").fill("42");
+	await page.getByLabel("Edit cell").press("Enter");
+
+	await expect(input_events).toHaveValue("1");
+
+	await get_cell(df, 0, 1).click();
+
+	await page.getByLabel("Edit cell").fill("50");
+	await get_cell(df, 0, 0).click();
+
+	await expect(input_events).toHaveValue("2");
+
+	await page.getByLabel("Edit cell").press("Enter");
+
+	await expect(input_events).toHaveValue("2");
+});
+
+test("Dataframe blur event works as expected", async ({ page }) => {
+	const df = page.locator("#dataframe").first();
+
+	await get_cell(df, 0, 0).dblclick();
+	await page.getByLabel("Edit cell").fill("test_blur");
+	await get_cell(df, 1, 1).click();
+	await page.waitForTimeout(100);
+
+	await expect(page.getByLabel("Change events")).toHaveValue("1");
+});
+
+test("Dataframe filter functionality works correctly", async ({ page }) => {
+	await page.getByRole("button", { name: "Update dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const search_input = page.getByPlaceholder("Filter...");
+	await search_input.click();
+	await search_input.fill("test");
+	await page
+		.getByRole("button", { name: "Apply filter and update dataframe values" })
+		.click();
+
+	await page.waitForTimeout(500);
+
+	await expect(page.getByLabel("Change events")).not.toHaveValue("0");
+});
+
+test("Tall dataframe has vertical scrolling", async ({ page }) => {
+	await page.getByRole("button", { name: "Update dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const tall_df_block = page.locator("#dataframe_tall");
+	await expect(tall_df_block).toBeVisible();
+
+	const visible_rows = await tall_df_block
+		.locator(".virtual-body .virtual-row")
+		.count();
+
+	expect(visible_rows).toBeGreaterThan(0);
+	expect(visible_rows).toBeLessThan(50);
+
+	const column_count = await tall_df_block
+		.locator(".header-table th.header-cell")
+		.count();
+	expect(column_count).toBe(3);
+});
+
+test("Dataframe can be cleared and updated indirectly", async ({ page }) => {
+	await page.getByRole("button", { name: "Clear dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const df_block = page.locator("#dataframe");
+	const empty_rows = await df_block
+		.locator(".virtual-body .virtual-row")
+		.count();
+	expect(empty_rows).toBe(0);
+
+	await page.getByRole("button", { name: "Update dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const updated_rows = await df_block
+		.locator(".virtual-body .virtual-row")
+		.count();
+	expect(updated_rows).toBeGreaterThan(0);
+
+	const headers = await df_block
+		.locator(".header-table th.header-cell")
+		.allTextContents();
+
+	expect(headers.map((header) => header.trim().replace(/\D/g, ""))).toEqual([
+		"0",
+		"1",
+		"2",
+		"3",
+		"4"
+	]);
+});
+
+test("Dataframe keyboard operations work as expected", async ({ page }) => {
+	const df = page.locator("#dataframe").first();
+
+	await get_cell(df, 0, 0).dblclick();
+	await page.getByLabel("Edit cell").fill("test_delete_value");
+	await page.getByLabel("Edit cell").press("Enter");
+
+	await get_cell(df, 0, 1).dblclick();
+	await page.getByLabel("Edit cell").fill("test_backspace_value");
+	await page.getByLabel("Edit cell").press("Enter");
+	await page.waitForTimeout(100);
+
+	await get_cell(df, 1, 0).dblclick();
+	await page.getByLabel("Edit cell").fill("test_copy_value");
+	await page.getByLabel("Edit cell").press("Enter");
+	await page.waitForTimeout(100);
+
+	// test delete key
+	await get_cell(df, 0, 0).click();
+	await page.waitForTimeout(100);
+	await page.keyboard.press("Escape");
+	await page.keyboard.press("Delete");
+
+	expect(await get_cell(df, 0, 0).textContent()).toBe("    ⋮");
+
+	// test backspace key
+	await get_cell(df, 0, 1).click();
+	await page.waitForTimeout(100);
+	await page.keyboard.press("Backspace");
+
+	// test copy key
+	await get_cell(df, 1, 0).click();
+	await page.keyboard.press("ControlOrMeta+c");
+	await page.waitForTimeout(300);
+
+	const clipboard_value = await page.evaluate(() =>
+		navigator.clipboard.readText()
+	);
+	expect(clipboard_value).toBe("test_copy_value");
+});
+
+test("Dataframe shift+click selection works", async ({ page }) => {
+	const df = page.locator("#dataframe").first();
+
+	await get_cell(df, 1, 2).dblclick();
+	await page.getByLabel("Edit cell").fill("6");
+	await page.getByLabel("Edit cell").press("Enter");
+	await page.waitForTimeout(100);
+
+	await get_cell(df, 2, 2).dblclick();
+	await page.getByLabel("Edit cell").fill("6");
+	await page.getByLabel("Edit cell").press("Enter");
+	await page.waitForTimeout(100);
+
+	await get_cell(df, 1, 2).click();
+	await page.keyboard.down("Shift");
+	await get_cell(df, 2, 1).click();
+	await page.keyboard.up("Shift");
+	await page.waitForTimeout(100);
+
+	await page.keyboard.press("ControlOrMeta+c");
+
+	const clipboard_value = await page.evaluate(() =>
+		navigator.clipboard.readText()
+	);
+
+	expect(clipboard_value).toBe("0,6\n0,6");
+});
+
+test("Dataframe cmd + click selection works", async ({ page }) => {
+	const df = page.locator("#dataframe").first();
+
+	await get_cell(df, 1, 2).dblclick();
+	await page.getByLabel("Edit cell").fill("6");
+	await page.getByLabel("Edit cell").press("Enter");
+
+	await get_cell(df, 2, 2).dblclick();
+	await page.getByLabel("Edit cell").fill("8");
+	await page.getByLabel("Edit cell").press("Enter");
+	await page.waitForTimeout(100);
+
+	await get_cell(df, 1, 2).click();
+
+	await get_cell(df, 2, 2).click({
+		modifiers: ["Shift"]
+	});
+
+	await page.waitForTimeout(100);
+
+	await page.keyboard.press("ControlOrMeta+c");
+
+	const clipboard_value = await page.evaluate(() =>
+		navigator.clipboard.readText()
+	);
+
+	expect(clipboard_value).toBe("6\n8");
+});
+
+test("Dataframe search functionality works correctly after data update", async ({
+	page
+}) => {
+	const df = page.locator("#non-interactive-dataframe");
+	await page.getByRole("button", { name: "Update dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const initial_row_count = await df
+		.locator(".virtual-body .virtual-row")
+		.count();
+
+	const search_input = df.locator("input.search-input");
+	await search_input.fill("14");
+	await search_input.press("Enter");
+
+	await page.waitForTimeout(100);
+	const filtered_row_count = await df
+		.locator(".virtual-body .virtual-row")
+		.count();
+	expect(filtered_row_count).toEqual(4);
+
+	await search_input.clear();
+	await search_input.press("Enter");
+	await page.waitForTimeout(100);
+
+	const restored_row_count = await df
+		.locator(".virtual-body .virtual-row")
+		.count();
+	expect(restored_row_count).toEqual(initial_row_count);
+
+	await search_input.fill("81");
+	await search_input.press("Enter");
+
+	await page.waitForTimeout(100);
+	const filtered_after_update = await df
+		.locator(".virtual-body .virtual-row")
+		.count();
+	expect(filtered_after_update).toEqual(1);
+});
+
+test("Dataframe displays custom display values with medal icons correctly", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Update dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const tall_df = page.locator("#dataframe_tall");
+	await expect(tall_df).toBeVisible();
+
+	// check medal icons in first column
+	expect(await get_cell(tall_df, 0, 0).textContent()).toContain("🥇");
+	expect(await get_cell(tall_df, 1, 0).textContent()).toContain("🥈");
+	expect(await get_cell(tall_df, 2, 0).textContent()).toContain("🥉");
+
+	// no medals for 4th position
+	const fourth_cell = await get_cell(tall_df, 3, 0).textContent();
+	expect(fourth_cell).not.toContain("🥇");
+	expect(fourth_cell).not.toContain("🥈");
+	expect(fourth_cell).not.toContain("🥉");
+
+	// verify medals don't appear in other columns
+	expect(await get_cell(tall_df, 0, 1).textContent()).not.toContain("🥇");
+});
+
+test("Dataframe select events work as expected", async ({ page }) => {
+	const df = page.locator("#dataframe_tall");
+	const search_input = df.locator("input.search-input");
+
+	await get_cell(df, 0, 0).click();
+	await page.waitForTimeout(100);
+
+	const selected_cell_value = await page
+		.locator("#tall_selected_cell_value textarea")
+		.inputValue();
+
+	expect(selected_cell_value).toBe("DeepSeek Coder");
+
+	await search_input.fill("llama");
+	await search_input.press("Enter");
+
+	await page.waitForTimeout(200);
+	await get_cell(df, 1, 0).click();
+	await page.waitForTimeout(200);
+
+	const updated_selected_cell_value = await page
+		.locator("#tall_selected_cell_value textarea")
+		.inputValue();
+
+	expect(updated_selected_cell_value).toBe("Llama 3.3");
+
+	await search_input.clear();
+	await search_input.press("Enter");
+	await page.waitForTimeout(200);
+
+	await get_cell(df, 0, 0).click();
+	await page.waitForTimeout(200);
+
+	const restored_selected_cell_value = await page
+		.locator("#tall_selected_cell_value textarea")
+		.inputValue();
+
+	expect(restored_selected_cell_value).toBe("DeepSeek Coder");
+});
+
+test("Dataframe keyboard events allow newlines", async ({ page }) => {
+	await page.getByRole("button", { name: "Update dataframe" }).click();
+	await page.waitForTimeout(500);
+
+	const df = page.locator("#dataframe");
+	await get_cell(df, 0, 0).dblclick();
+
+	await page.getByLabel("Edit cell").fill("42");
+	await page.getByLabel("Edit cell").press("Shift+Enter");
+	await page.getByLabel("Edit cell").pressSequentially("don't panic");
+	await page.getByLabel("Edit cell").press("Enter");
+
+	expect(await get_cell(df, 0, 0).textContent()).toContain(" 42\ndon't panic");
+});
diff --git a/js/spa/test/dataframe_streaming.spec.ts b/js/spa/test/dataframe_streaming.spec.ts
new file mode 100644
index 0000000..44c97ad
--- /dev/null
+++ b/js/spa/test/dataframe_streaming.spec.ts
@@ -0,0 +1,14 @@
+import { test, expect } from "@self/tootils";
+
+test("DataFrame updates and events are tracked correctly", async ({ page }) => {
+	await expect(page.getByLabel("Change events")).toHaveValue("0");
+	await expect(page.getByLabel("Input events")).toHaveValue("0");
+	await expect(page.getByLabel("Sum of values")).toHaveValue("0");
+
+	await page.getByRole("button", { name: "Update DataFrame" }).click();
+	await page.getByTestId("cell-0-0").getByRole("button", { name: "2" }).click();
+
+	await expect(page.getByLabel("Change events")).toHaveValue("2");
+	await expect(page.getByLabel("Input events")).toHaveValue("0");
+	await expect(page.getByLabel("Sum of values")).toHaveValue("50");
+});
diff --git a/js/spa/test/dataframe_tab_select.spec.ts b/js/spa/test/dataframe_tab_select.spec.ts
new file mode 100644
index 0000000..962a31a
--- /dev/null
+++ b/js/spa/test/dataframe_tab_select.spec.ts
@@ -0,0 +1,30 @@
+import { test, expect } from "@self/tootils";
+
+// Regression test for https://github.com/gradio-app/gradio/issues/13198
+//
+// Switching to a tab whose `.select` listener populates a Dataframe used to
+// trigger an infinite reactive loop in the TanStack table adapter (TanStack's
+// automatic page-index reset fired `setState` on every row-model recompute,
+// which our adapter turned into a `version` bump that re-ran the row-model
+// `$derived`, re-firing the reset). That loop saturated the microtask queue
+// and froze the browser tab. These assertions would time out if it regressed.
+test("switching to a tab that populates a dataframe does not freeze", async ({
+	page
+}) => {
+	const df = page.locator("#tab_df");
+
+	// No data rows are present before the tab is selected.
+	await expect(df.getByTestId("cell-0-1")).toHaveCount(0);
+
+	await page.getByRole("tab", { name: "Tab 2" }).click();
+
+	// The select event populates the dataframe with 10 rows (the "Name" column
+	// is col 1). If the page froze, these assertions would time out.
+	await expect(df.getByTestId("cell-0-1")).toContainText("Item 0");
+	await expect(df.getByTestId("cell-9-1")).toContainText("Item 9");
+
+	// The main thread must still be responsive after rendering: a frozen page
+	// could not switch back to Tab 1.
+	await page.getByRole("tab", { name: "Tab 1" }).click();
+	await expect(page.getByText("Click 'Tab 2'.")).toBeVisible();
+});
diff --git a/js/spa/test/datetimes.spec.ts b/js/spa/test/datetimes.spec.ts
new file mode 100644
index 0000000..fd82e49
--- /dev/null
+++ b/js/spa/test/datetimes.spec.ts
@@ -0,0 +1,53 @@
+import { test, expect } from "@self/tootils";
+
+test("gr.DateTime shows correct values", async ({ page }) => {
+	await page.locator("#date1").getByRole("textbox").first().click();
+	await page
+		.locator("#date1")
+		.getByRole("textbox")
+		.first()
+		.fill("2020-10-01 10:50:00");
+	await page.locator("body").first().click();
+	await expect(page.getByLabel("Last Change")).toHaveValue(
+		"2020-10-01 10:50:00"
+	);
+	await expect(page.getByLabel("Last Submit")).toHaveValue("");
+	await page.locator("#date1").getByRole("textbox").first().press("Enter");
+	await expect(page.getByLabel("Last Submit")).toHaveValue(
+		"2020-10-01 10:50:00"
+	);
+	await expect(page.getByLabel("Last Load")).toHaveValue("");
+
+	await page.locator("#date2").getByRole("textbox").first().click();
+	await page.locator("#date2").getByRole("textbox").first().fill("2000-02-22");
+	await page.locator("body").first().click();
+	await expect(page.getByLabel("Last Change")).toHaveValue("2000-02-22");
+
+	await page.getByRole("button", { name: "Load Date 1" }).click();
+	await expect(page.getByLabel("Last Load")).toHaveValue("2020-10-01 10:50:00");
+	await page.getByRole("button", { name: "Load Date 2" }).click();
+	await expect(page.getByLabel("Last Load")).toHaveValue("2000-02-22");
+
+	await page.locator("#date2").getByRole("textbox").first().click();
+	await page
+		.locator("#date2")
+		.getByRole("textbox")
+		.first()
+		.fill("2020-05-01xxx");
+	await page.locator("body").first().click();
+	await expect(page.getByLabel("Last Change")).toHaveValue("2000-02-22");
+
+	await page.locator("#date2").getByRole("textbox").first().click();
+	await page.locator("#date2").getByRole("textbox").first().fill("2020-05-02");
+	await page.locator("body").first().click();
+	await expect(page.getByLabel("Last Change")).toHaveValue("2020-05-02");
+
+	await page.locator("#date3").getByRole("textbox").first().click();
+	await page
+		.locator("#date3")
+		.getByRole("textbox")
+		.first()
+		.fill("2020-10-10 05:01:01");
+	await page.getByRole("button", { name: "Load Date 3" }).click();
+	await expect(page.getByLabel("Last Load")).toHaveValue("1602298861.0");
+});
diff --git a/js/spa/test/dropdown_custom_value.spec.ts b/js/spa/test/dropdown_custom_value.spec.ts
new file mode 100644
index 0000000..78d760d
--- /dev/null
+++ b/js/spa/test/dropdown_custom_value.spec.ts
@@ -0,0 +1,77 @@
+import { test, expect } from "@self/tootils";
+
+test.describe("Dropdown with allow_custom_value=True", () => {
+	test("selecting an option updates the textbox with the value, not the name", async ({
+		page
+	}) => {
+		const dropdown = page.getByRole("combobox", { name: "Dropdown" });
+		const output = page.getByLabel("Output");
+
+		await dropdown.click();
+		await page.getByRole("option", { name: "abc" }).click();
+
+		await expect(output).toHaveValue("123");
+	});
+
+	test("blurring dropdown after selecting an option does not change the value", async ({
+		page
+	}) => {
+		const dropdown = page.getByRole("combobox", { name: "Dropdown" });
+		const output = page.getByLabel("Output");
+
+		await dropdown.click();
+		await page.getByRole("option", { name: "abc" }).click();
+
+		await expect(output).toHaveValue("123");
+
+		await dropdown.click();
+		await dropdown.blur();
+
+		await expect(output).toHaveValue("123");
+	});
+
+	test("typing a custom value and pressing Enter updates the textbox", async ({
+		page
+	}) => {
+		const dropdown = page.getByRole("combobox", { name: "Dropdown" });
+		const output = page.getByLabel("Output");
+
+		// Focus the dropdown and type a custom value
+		await dropdown.click();
+		await dropdown.fill("my custom value");
+		await dropdown.press("Enter");
+
+		// The textbox should show the custom value
+		await expect(output).toHaveValue("my custom value");
+	});
+
+	test("typing a custom value and blurring updates the textbox", async ({
+		page
+	}) => {
+		const dropdown = page.getByRole("combobox", { name: "Dropdown" });
+		const output = page.getByLabel("Output");
+
+		await dropdown.click();
+		await dropdown.fill("another custom value");
+		await dropdown.blur();
+
+		await expect(output).toHaveValue("another custom value");
+	});
+
+	test("selecting an option after typing a custom value works correctly", async ({
+		page
+	}) => {
+		const dropdown = page.getByRole("combobox", { name: "Dropdown" });
+		const output = page.getByLabel("Output");
+
+		await dropdown.click();
+		await dropdown.fill("custom");
+		await dropdown.press("Enter");
+		await expect(output).toHaveValue("custom");
+
+		await dropdown.click();
+		await page.getByRole("option", { name: "hello" }).click();
+
+		await expect(output).toHaveValue("goodbye");
+	});
+});
diff --git a/js/spa/test/file_component_events.spec.ts b/js/spa/test/file_component_events.spec.ts
new file mode 100644
index 0000000..0329a71
--- /dev/null
+++ b/js/spa/test/file_component_events.spec.ts
@@ -0,0 +1,60 @@
+import { test, expect, drag_and_drop_file } from "@self/tootils";
+
+async function error_modal_showed(page) {
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("Error");
+	const close = page.getByTestId("toast-close");
+	await close.click();
+	await expect(page.getByTestId("toast-body")).toHaveCount(0);
+}
+
+test("File component uploads and downloads a single file with the correct name.", async ({
+	page
+}) => {
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to upload or drop files").first().click()
+	]);
+	await fileChooser.setFiles(["./test/files/cheetah1.jpg"]);
+
+	await expect(page.getByLabel("# Load Upload Single File")).toHaveValue("1");
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByRole("link").nth(0).click();
+	const download = await downloadPromise;
+	await expect(download.suggestedFilename()).toBe("cheetah1.jpg");
+});
+
+test("File component properly handles invalid file_types.", async ({
+	page
+}) => {
+	const locator = page.locator("input[type=file]").nth(4);
+	await drag_and_drop_file(
+		page,
+		locator,
+		"./test/files/cheetah1.jpg",
+		"cheetah1.jpg",
+		"image/jpeg"
+	);
+
+	await error_modal_showed(page);
+});
+
+test("Delete event is fired correctly", async ({ page }) => {
+	const locator = page.locator("input[type=file]").nth(5);
+	await drag_and_drop_file(
+		page,
+		locator,
+		"./test/files/cheetah1.jpg",
+		"cheetah1.jpg",
+		"image/jpeg",
+		2
+	);
+
+	await page.getByLabel("Remove this file").first().click();
+
+	await expect(page.getByLabel("# Deleted File")).toHaveValue("1");
+	expect(
+		(await page.getByLabel("Delete file data").inputValue()).length
+	).toBeGreaterThan(5);
+});
diff --git a/js/spa/test/file_explorer_component_events.spec.ts b/js/spa/test/file_explorer_component_events.spec.ts
new file mode 100644
index 0000000..62fbd32
--- /dev/null
+++ b/js/spa/test/file_explorer_component_events.spec.ts
@@ -0,0 +1,174 @@
+import { test, expect } from "@self/tootils";
+
+test.skip("File Explorer is interactive and re-runs the server_fn when root is updated", async ({
+	page
+}) => {
+	await page
+		.locator("span")
+		.filter({ hasText: "bar.txt" })
+		.getByRole("checkbox")
+		.check();
+	await page
+		.locator("span")
+		.filter({ hasText: "foo.txt" })
+		.getByRole("checkbox")
+		.check();
+
+	await page.getByLabel("Select File Explorer Root").click();
+	await page.getByLabel(new RegExp("/dir2$"), { exact: true }).first().click();
+	await page
+		.locator("span")
+		.filter({ hasText: "baz.png" })
+		.getByRole("checkbox")
+		.check();
+	await page
+		.locator("span")
+		.filter({ hasText: "foo.png" })
+		.getByRole("checkbox")
+		.check();
+
+	await page.locator("#input-box").getByTestId("textbox").fill("test");
+
+	await expect(
+		page.locator("span").filter({ hasText: "baz.png" }).getByRole("checkbox")
+	).toBeChecked();
+
+	await expect(
+		page.locator("span").filter({ hasText: "foo.png" }).getByRole("checkbox")
+	).toBeChecked();
+
+	await page
+		.locator("span")
+		.filter({ hasText: "foo.png" })
+		.getByRole("checkbox")
+		.uncheck();
+
+	await expect(page.locator("#total-changes input")).toHaveValue("6");
+});
+
+test("File Explorer correctly displays both directories and files. Directories included in value.", async ({
+	page
+}) => {
+	await page.getByLabel("Select File Explorer Root").click();
+	await page.getByLabel(new RegExp("/dir3$"), { exact: true }).first().click();
+
+	await page
+		.locator("span")
+		.filter({ hasText: "dir4" })
+		.getByLabel("expand directory")
+		.click();
+
+	await page
+		.locator("li")
+		.filter({ hasText: "dir4 . dir5 dir7 dir_4_bar.log dir_4_foo.txt" })
+		.getByRole("checkbox")
+		.first()
+		.check();
+
+	await page
+		.locator("span")
+		.filter({ hasText: "dir_4_foo.txt" })
+		.getByRole("checkbox")
+		.check();
+
+	await page
+		.locator("span")
+		.filter({ hasText: "dir3_bar.log" })
+		.getByRole("checkbox")
+		.check();
+
+	await page.getByRole("button", { name: "Run" }).click();
+	const directory_paths_displayed = async () => {
+		const value = await page.getByLabel("Selected Directory").inputValue();
+		const files = value.split(",");
+
+		return (
+			files.some((f) => f.endsWith("dir4")) &&
+			files.some((f) => f.endsWith("dir_4_foo.txt")) &&
+			files.some((f) => f.endsWith("dir3_bar.log"))
+		);
+	};
+
+	await expect.poll(directory_paths_displayed).toBe(true);
+});
+
+test("File Explorer selects all children when top level directory is selected.", async ({
+	page
+}) => {
+	await page.getByLabel("Select File Explorer Root").click();
+	await page.getByLabel(new RegExp("/dir3$"), { exact: true }).first().click();
+
+	await page
+		.locator("span")
+		.filter({ hasText: "dir4" })
+		.getByRole("checkbox")
+		.check();
+
+	await page.getByRole("button", { name: "Run" }).click();
+
+	async function directory_paths_displayed() {
+		const value = await page.getByLabel("Selected Directory").inputValue();
+		const files_and_dirs = value.split(",");
+
+		return files_and_dirs.length === 7;
+	}
+	await expect.poll(directory_paths_displayed).toBe(true);
+});
+
+test("File Explorer correctly displays only text files", async ({ page }) => {
+	const check = page.getByRole("checkbox", {
+		name: "Show only text files",
+		exact: true
+	});
+	await check.click();
+
+	await page.getByLabel("Select File Explorer Root").click();
+	await page.getByLabel(new RegExp("/dir3$"), { exact: true }).first().click();
+
+	await page
+		.locator("span")
+		.filter({ hasText: "dir4" })
+		.getByRole("checkbox")
+		.check();
+	await page.getByRole("button", { name: "Run" }).click();
+
+	async function text_files_displayed() {
+		const value = await page.getByLabel("Selected Directory").inputValue();
+		const dirs = value.split(",");
+		return dirs.length === 3 && dirs.every((d) => d.endsWith(".txt"));
+	}
+
+	await expect.poll(text_files_displayed).toBe(true);
+});
+
+test("File Explorer correctly excludes text files when ignore_glob is '*.txt'.", async ({
+	page
+}) => {
+	const check = page.getByRole("checkbox", {
+		name: "Ignore text files in glob",
+		exact: true
+	});
+	await check.click();
+
+	await page.getByLabel("Select File Explorer Root").click();
+	await page.getByLabel(new RegExp("/dir3$"), { exact: true }).first().click();
+
+	await page
+		.locator("span")
+		.filter({ hasText: "dir4" })
+		.getByRole("checkbox")
+		.check();
+	await page.getByRole("button", { name: "Run" }).click();
+
+	const only_files_displayed = async () => {
+		const value = await page.getByLabel("Selected Directory").inputValue();
+		const files = value.split(",");
+		return (
+			files.length === 4 &&
+			files.some((f) => f.endsWith(".log")) &&
+			!files.some((f) => f.endsWith(".txt"))
+		);
+	};
+
+	await expect.poll(only_files_displayed).toBe(true);
+});
diff --git a/js/spa/test/files/alphabet.txt b/js/spa/test/files/alphabet.txt
new file mode 100644
index 0000000..e85d5b4
--- /dev/null
+++ b/js/spa/test/files/alphabet.txt
@@ -0,0 +1 @@
+abcdefghijklmnopqrstuvwxyz
\ No newline at end of file
diff --git a/js/spa/test/files/av1-video.mp4 b/js/spa/test/files/av1-video.mp4
new file mode 100644
index 0000000..bc2e963
Binary files /dev/null and b/js/spa/test/files/av1-video.mp4 differ
diff --git a/js/spa/test/files/bike.jpeg b/js/spa/test/files/bike.jpeg
new file mode 100644
index 0000000..6e4e226
Binary files /dev/null and b/js/spa/test/files/bike.jpeg differ
diff --git a/js/spa/test/files/bus.png b/js/spa/test/files/bus.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/js/spa/test/files/bus.png differ
diff --git a/js/spa/test/files/cheetah1.jpg b/js/spa/test/files/cheetah1.jpg
new file mode 100644
index 0000000..c510ff3
Binary files /dev/null and b/js/spa/test/files/cheetah1.jpg differ
diff --git a/js/spa/test/files/contract.pdf b/js/spa/test/files/contract.pdf
new file mode 100644
index 0000000..4d7abec
Binary files /dev/null and b/js/spa/test/files/contract.pdf differ
diff --git a/js/spa/test/files/face.obj b/js/spa/test/files/face.obj
new file mode 100644
index 0000000..a2e82ee
--- /dev/null
+++ b/js/spa/test/files/face.obj
@@ -0,0 +1,2471 @@
+####
+#
+# OBJ File Generated by Meshlab
+#
+####
+# Object face.obj
+#
+# Vertices: 845
+# Faces: 1610
+#
+####
+v 54.126293 -49.502399 71.230705 0.384314 0.254902 0.200000
+v 51.424591 -54.578999 75.431709 0.337255 0.227451 0.172549
+v 44.556496 -61.237099 65.307907 0.384314 0.254902 0.192157
+v 18.416197 -75.205498 35.343601 0.529412 0.376471 0.298039
+v 13.523697 -77.731102 34.633598 0.513725 0.364706 0.290196
+v 11.454597 -74.201599 29.775103 0.639216 0.454902 0.372549
+v 5.855427 -77.386299 30.315100 0.603922 0.435294 0.356863
+v -0.378855 -77.287903 29.743700 0.611765 0.443137 0.360784
+v 6.812867 -79.041397 33.545300 0.505882 0.368627 0.298039
+v 21.881296 -70.810898 34.982002 0.588235 0.415686 0.329412
+v 17.653797 -69.034798 30.263802 0.674510 0.478431 0.388235
+v 39.436996 -66.435501 64.968597 0.164706 0.109804 0.082353
+v 33.808598 -70.338699 57.717205 0.364706 0.247059 0.184314
+v 31.909595 -68.409302 47.974705 0.439216 0.301961 0.227451
+v 38.451797 -64.744904 55.703503 0.427451 0.294118 0.219608
+v 28.802397 -72.939499 50.408905 0.372549 0.254902 0.192157
+v 22.955397 -75.486603 43.228905 0.400000 0.274510 0.215686
+v 26.511995 -70.622101 41.049904 0.494118 0.341176 0.262745
+v 24.465696 -76.217796 49.972805 0.345098 0.239216 0.184314
+v 15.571197 -78.986099 40.602001 0.396078 0.278431 0.219608
+v 17.437696 -79.466103 47.124001 0.352941 0.247059 0.196078
+v 28.846695 -74.018898 56.477203 0.164706 0.113725 0.086275
+v 9.321696 -81.938202 48.001999 0.172549 0.129412 0.105882
+v -0.898453 -82.647102 47.089699 0.172549 0.129412 0.105882
+v -0.725759 -82.110100 43.572498 0.400000 0.301961 0.254902
+v 18.763496 -79.316498 51.133400 0.172549 0.117647 0.094118
+v 8.731546 -81.557503 44.441002 0.392157 0.286275 0.235294
+v 27.614496 -65.079002 38.432205 0.596078 0.419608 0.321569
+v 33.274998 -61.490501 43.398605 0.568627 0.400000 0.301961
+v 38.784996 -60.440899 50.047802 0.513725 0.356863 0.266667
+v 42.862595 -58.651798 55.019802 0.490196 0.337255 0.250980
+v 7.726847 -80.575996 38.638500 0.415686 0.301961 0.247059
+v -0.490965 -80.930901 37.912300 0.427451 0.317647 0.262745
+v -0.419731 -79.354401 33.152100 0.513725 0.376471 0.305882
+v -0.332592 -73.782600 27.050400 0.705882 0.505882 0.415686
+v -0.212143 -66.515099 24.546000 0.815686 0.584314 0.501961
+v 11.557498 -67.907898 26.621702 0.749020 0.529412 0.443137
+v 23.830296 -66.563599 34.771904 0.631373 0.447059 0.352941
+v 35.915897 105.133003 38.176804 0.219608 0.152941 0.117647
+v 36.548496 101.879997 36.786003 0.454902 0.309804 0.235294
+v 27.391598 102.010002 31.503502 0.278431 0.188235 0.141176
+v 59.787598 -0.163902 47.832703 0.611765 0.403922 0.321569
+v 50.721996 -9.559180 38.382904 0.721569 0.490196 0.403922
+v 52.439697 -0.358719 38.911705 0.741176 0.501961 0.419608
+v 29.889196 -56.737301 37.395603 0.662745 0.470588 0.360784
+v 26.097795 -54.826500 33.666504 0.694118 0.486275 0.372549
+v 26.293499 -49.727501 32.217205 0.717647 0.501961 0.388235
+v 25.434498 -44.035900 30.291403 0.729412 0.509804 0.400000
+v 31.436096 -44.876701 34.064003 0.737255 0.533333 0.411765
+v 32.500095 -51.078300 37.202503 0.690196 0.490196 0.376471
+v 21.003098 -62.278099 31.444601 0.705882 0.501961 0.400000
+v 26.550097 -59.714100 35.467205 0.666667 0.474510 0.364706
+v 44.267796 -52.222500 50.556103 0.552941 0.384314 0.290196
+v 44.155598 -45.754700 45.234005 0.607843 0.423529 0.325490
+v 39.424698 -54.441200 45.685303 0.588235 0.411765 0.309804
+v 42.849094 -40.630600 40.559803 0.662745 0.462745 0.364706
+v 38.941998 -42.900600 37.800304 0.713725 0.505882 0.400000
+v 52.563396 -19.698900 43.829704 0.650980 0.443137 0.356863
+v 46.654697 -16.837099 36.168205 0.749020 0.517647 0.427451
+v 33.321995 -35.720200 31.409004 0.745098 0.541176 0.427451
+v 32.657997 -40.731899 33.174603 0.752941 0.549020 0.427451
+v 35.472797 -44.317001 36.017105 0.737255 0.533333 0.415686
+v 27.102999 -39.309502 30.560902 0.713725 0.494118 0.388235
+v 21.412498 -21.051500 22.568802 0.733333 0.509804 0.415686
+v 23.988897 -17.175900 24.872402 0.803922 0.549020 0.447059
+v 27.558098 -24.650700 25.424603 0.745098 0.533333 0.443137
+v 27.926598 -35.123001 29.129301 0.701961 0.494118 0.384314
+v 24.306997 -32.355598 25.602802 0.674510 0.478431 0.384314
+v 26.352098 -28.906099 25.178001 0.725490 0.537255 0.439216
+v 22.071098 -41.536701 27.588202 0.670588 0.447059 0.368627
+v 20.085999 -45.811401 26.494501 0.701961 0.486275 0.384314
+v 19.001799 -42.619900 24.806602 0.662745 0.431373 0.364706
+v 28.976398 -21.374100 26.378202 0.788235 0.556863 0.454902
+v 26.341497 -16.211300 25.941402 0.839216 0.584314 0.474510
+v 30.814697 -16.946400 27.290703 0.866667 0.611765 0.501961
+v 15.764998 -20.247000 19.382002 0.698039 0.478431 0.392157
+v 16.598598 -15.898800 21.267502 0.737255 0.486275 0.400000
+v 22.444199 -3.466390 25.169203 0.752941 0.505882 0.415686
+v 21.588697 -7.433040 25.304302 0.760784 0.513725 0.423529
+v 18.939598 -4.099130 23.521101 0.556863 0.321569 0.270588
+v 26.227198 -11.129200 26.175901 0.894118 0.639216 0.533333
+v 23.958097 -13.787900 25.571701 0.843137 0.584314 0.474510
+v 3.233079 -28.114599 12.996900 0.807843 0.517647 0.474510
+v 3.691189 -24.150000 13.560400 0.788235 0.545098 0.450980
+v 7.239779 -23.905701 14.043200 0.760784 0.533333 0.439216
+v 3.876879 -20.045601 14.070800 0.803922 0.580392 0.490196
+v 9.195189 -19.025499 15.793001 0.705882 0.498039 0.411765
+v 3.141149 -17.198000 13.771500 0.807843 0.584314 0.498039
+v 4.931409 -13.967200 13.240000 0.737255 0.509804 0.435294
+v 30.555098 -31.658199 28.330402 0.737255 0.537255 0.439216
+v 36.921795 -39.106701 34.709404 0.749020 0.541176 0.427451
+v 37.097694 -31.720600 32.396603 0.737255 0.521569 0.415686
+v 32.560898 -26.616501 28.413202 0.749020 0.533333 0.435294
+v 10.314199 -9.869830 13.888401 0.564706 0.352941 0.301961
+v 3.716749 -10.896600 9.270600 0.549020 0.333333 0.278431
+v 6.998729 -8.745080 9.093191 0.458824 0.274510 0.247059
+v 11.017399 -7.650950 11.325301 0.407843 0.235294 0.196078
+v 13.094099 -8.179750 13.619401 0.596078 0.372549 0.305882
+v 14.387198 -9.345590 16.544502 0.682353 0.423529 0.349020
+v 14.674398 -10.957500 19.197702 0.619608 0.352941 0.286275
+v 12.273198 -13.638600 18.082401 0.670588 0.415686 0.349020
+v 15.706099 -12.324600 21.310001 0.654902 0.400000 0.341176
+v 0.160743 -11.927500 9.164860 0.631373 0.415686 0.345098
+v 16.748499 -0.088195 17.466702 0.486275 0.262745 0.211765
+v 14.135499 2.999720 13.703901 0.498039 0.278431 0.223529
+v 15.227698 3.521270 17.552402 0.509804 0.286275 0.227451
+v 11.515499 5.295930 9.697881 0.517647 0.298039 0.235294
+v 12.664099 6.361880 14.138000 0.529412 0.305882 0.243137
+v 17.526098 -1.031370 20.210901 0.478431 0.250980 0.203922
+v 18.114098 -7.909870 23.033703 0.556863 0.313725 0.266667
+v 10.384699 8.630760 10.439901 0.541176 0.321569 0.250980
+v 17.828499 0.413114 21.808401 0.541176 0.305882 0.250980
+v 17.929298 -3.542410 20.437902 0.482353 0.247059 0.203922
+v 17.031097 -10.684200 22.274002 0.619608 0.368627 0.313725
+v 0.287526 -2.020300 -3.337250 0.925490 0.694118 0.627451
+v 3.060050 -2.048090 -2.924980 0.894118 0.650980 0.584314
+v 3.007730 -4.729930 -2.346410 0.870588 0.611765 0.537255
+v 5.864850 -1.934710 -1.552539 0.835294 0.592157 0.525490
+v 5.417400 -4.893230 -0.945915 0.788235 0.533333 0.458824
+v 8.198860 -5.353820 2.653151 0.627451 0.403922 0.329412
+v 5.432270 -7.772490 2.088590 0.639216 0.411765 0.337255
+v 6.036009 -8.309330 5.213161 0.458824 0.270588 0.223529
+v 8.222100 -6.896640 5.293671 0.498039 0.305882 0.247059
+v 5.315060 7.954630 2.505800 0.662745 0.400000 0.321569
+v 5.391600 3.642640 -0.798212 0.729412 0.454902 0.372549
+v 3.235490 4.316670 -1.382350 0.764706 0.482353 0.396078
+v 5.431940 1.019950 -1.779530 0.788235 0.521569 0.443137
+v 3.012540 0.964488 -2.729010 0.847059 0.572549 0.494118
+v 3.567950 -7.050370 -0.455861 0.772549 0.517647 0.439216
+v 0.254061 -9.470920 1.815530 0.694118 0.466667 0.388235
+v 3.185970 -9.021570 1.994320 0.686275 0.458824 0.380392
+v 3.347260 -9.952950 5.307401 0.568627 0.360784 0.294118
+v 11.644599 -4.814710 6.525851 0.666667 0.439216 0.360784
+v 10.245199 -6.916610 8.546041 0.431373 0.254902 0.207843
+v 14.322199 -5.140650 10.096601 0.682353 0.439216 0.360784
+v 13.032799 -7.158690 11.593801 0.564706 0.352941 0.286275
+v 16.428497 -5.656990 13.658102 0.650980 0.396078 0.321569
+v 15.041399 -7.855270 14.466301 0.674510 0.423529 0.345098
+v 17.493698 -6.043210 17.118502 0.572549 0.313725 0.254902
+v 16.415197 -8.234700 17.133102 0.619608 0.356863 0.290196
+v 0.234891 4.747230 -1.584250 0.788235 0.498039 0.407843
+v 7.301090 1.952910 -0.069825 0.709804 0.443137 0.364706
+v 9.047320 -0.970925 1.557191 0.690196 0.443137 0.368627
+v 9.465290 3.177850 3.547511 0.596078 0.352941 0.282353
+v 17.660997 -6.569220 20.282202 0.505882 0.258824 0.215686
+v 16.557198 -9.033780 19.871101 0.552941 0.290196 0.235294
+v 20.394499 -10.617700 24.778902 0.776471 0.517647 0.427451
+v 19.250498 -13.611500 23.636002 0.780392 0.513725 0.423529
+v 11.990899 1.078080 6.089581 0.576471 0.337255 0.266667
+v 12.157999 -1.685630 5.705281 0.647059 0.403922 0.329412
+v 8.839929 9.251840 7.807421 0.568627 0.341176 0.262745
+v 8.096309 14.803000 11.047301 0.600000 0.368627 0.290196
+v 11.552299 11.023700 14.935801 0.584314 0.360784 0.278431
+v 8.089608 23.007601 17.162300 0.607843 0.376471 0.290196
+v 12.042598 18.267500 20.407701 0.627451 0.396078 0.305882
+v 21.344799 3.444300 24.364801 0.760784 0.525490 0.435294
+v 10.378798 43.596600 19.092800 0.760784 0.545098 0.439216
+v 11.674199 50.650799 15.859901 0.796078 0.596078 0.509804
+v 54.439495 58.174599 40.267605 0.525490 0.352941 0.262745
+v 56.231796 64.326599 44.901005 0.525490 0.349020 0.258824
+v 20.091297 46.555901 20.626602 0.615686 0.435294 0.352941
+v 12.458998 40.488800 23.149502 0.682353 0.470588 0.364706
+v 11.517699 58.712601 14.732701 0.894118 0.666667 0.576471
+v 20.941198 69.476898 17.756903 0.811765 0.568627 0.458824
+v 28.594099 70.756203 20.988201 0.768627 0.537255 0.427451
+v 36.831398 72.183800 26.344303 0.705882 0.490196 0.380392
+v 44.649097 71.571800 32.518906 0.650980 0.447059 0.337255
+v 44.312595 65.052498 30.244703 0.650980 0.450980 0.349020
+v 51.160194 68.888397 38.786102 0.580392 0.392157 0.290196
+v 50.121696 63.216999 35.800903 0.592157 0.400000 0.301961
+v 29.676498 38.193501 27.577202 0.278431 0.203922 0.172549
+v 32.242195 35.520000 28.930403 0.176471 0.149020 0.133333
+v 36.059795 38.007198 28.101904 0.337255 0.254902 0.223529
+v 29.195498 28.762300 30.062502 0.537255 0.407843 0.376471
+v 35.387295 30.454100 30.872303 0.494118 0.427451 0.419608
+v 40.619995 36.623299 30.930103 0.376471 0.290196 0.262745
+v 40.689995 30.856199 33.447403 0.560784 0.435294 0.415686
+v 46.166798 34.721901 35.938004 0.427451 0.274510 0.219608
+v 24.791199 28.750900 30.347101 0.631373 0.439216 0.380392
+v 23.558298 30.911301 30.865202 0.654902 0.525490 0.490196
+v 23.990099 35.138500 30.007702 0.588235 0.525490 0.505882
+v 18.925999 31.543200 29.964102 0.607843 0.411765 0.345098
+v 22.978798 22.609301 29.898302 0.698039 0.478431 0.415686
+v 44.176495 24.024099 36.367702 0.666667 0.462745 0.368627
+v 48.844097 28.759600 40.696102 0.568627 0.372549 0.290196
+v 29.935898 20.776899 30.510502 0.764706 0.541176 0.462745
+v 37.725395 21.069901 32.600403 0.768627 0.552941 0.450980
+v 43.673397 41.639000 29.921003 0.639216 0.447059 0.364706
+v 30.249598 43.423698 24.863802 0.698039 0.498039 0.396078
+v 21.971298 38.089298 28.511002 0.552941 0.376471 0.305882
+v 18.851599 37.250599 29.058102 0.600000 0.403922 0.317647
+v 26.141699 38.694302 27.701101 0.415686 0.305882 0.258824
+v 24.366098 42.716400 25.250301 0.670588 0.470588 0.364706
+v 33.047497 40.919201 25.876904 0.588235 0.415686 0.341176
+v 38.202995 45.220299 25.513803 0.741176 0.541176 0.447059
+v 37.181396 41.326099 26.587204 0.592157 0.415686 0.341176
+v 40.767696 39.773300 28.946104 0.533333 0.368627 0.305882
+v 17.566698 40.536701 25.680403 0.682353 0.478431 0.372549
+v 12.599898 34.387402 26.919203 0.635294 0.439216 0.356863
+v 9.244298 36.241699 22.858601 0.670588 0.454902 0.349020
+v 42.106094 27.525101 34.601604 0.588235 0.396078 0.337255
+v 9.833448 28.316700 23.639999 0.592157 0.392157 0.298039
+v 18.639698 24.671700 29.695803 0.650980 0.447059 0.376471
+v 17.292599 20.688499 27.482101 0.654902 0.439216 0.341176
+v 13.333098 24.688499 26.033302 0.607843 0.407843 0.305882
+v 22.784698 17.533800 28.735502 0.721569 0.498039 0.407843
+v 30.601099 15.688600 30.290201 0.780392 0.560784 0.466667
+v 41.169495 16.181299 33.723103 0.792157 0.564706 0.458824
+v 47.120296 20.681999 37.970406 0.709804 0.501961 0.400000
+v 51.931698 25.841200 43.142902 0.639216 0.443137 0.341176
+v 52.340096 32.697899 43.622303 0.576471 0.384314 0.298039
+v 55.356895 32.597599 46.411205 0.619608 0.439216 0.341176
+v 53.222797 37.287899 42.089905 0.568627 0.392157 0.301961
+v 29.678698 24.733801 30.073902 0.717647 0.501961 0.431373
+v 36.489197 25.085699 31.599504 0.698039 0.498039 0.427451
+v 7.209608 -47.131500 19.961300 0.694118 0.474510 0.392157
+v 14.446698 -46.892300 22.922901 0.701961 0.486275 0.392157
+v 14.611198 -50.406300 25.080801 0.741176 0.521569 0.407843
+v 59.776695 32.152901 51.172405 0.615686 0.435294 0.333333
+v 55.757698 22.840000 45.449802 0.650980 0.447059 0.341176
+v 50.009796 17.205099 38.838005 0.725490 0.501961 0.396078
+v 41.713795 8.508140 32.452805 0.839216 0.580392 0.486275
+v 57.126797 40.041698 45.909004 0.552941 0.380392 0.294118
+v 60.104397 43.092098 50.342705 0.509804 0.345098 0.262745
+v 54.672398 42.407398 40.515404 0.556863 0.380392 0.305882
+v 56.906197 46.631001 42.925304 0.462745 0.305882 0.239216
+v 51.822495 43.786900 36.258904 0.596078 0.415686 0.337255
+v 54.271397 50.864399 37.835804 0.419608 0.282353 0.223529
+v 47.592297 46.765598 30.486204 0.627451 0.454902 0.384314
+v 49.821495 53.293598 31.830803 0.427451 0.298039 0.243137
+v 42.391796 49.445400 25.742804 0.607843 0.454902 0.388235
+v 44.034695 54.943100 26.506004 0.443137 0.317647 0.266667
+v 36.751995 50.112900 22.968603 0.545098 0.407843 0.349020
+v 37.753296 55.541100 22.525805 0.490196 0.364706 0.313725
+v 28.692497 48.042801 21.970001 0.600000 0.435294 0.356863
+v 31.105598 56.180599 19.828001 0.596078 0.450980 0.392157
+v 36.435097 81.925400 28.781404 0.682353 0.470588 0.364706
+v 45.338295 80.322098 35.563904 0.603922 0.411765 0.305882
+v 24.592999 80.095299 21.969002 0.772549 0.541176 0.427451
+v 11.213599 69.043297 15.977401 0.835294 0.588235 0.474510
+v 11.825998 81.413200 18.962801 0.803922 0.564706 0.447059
+v 21.538898 53.003700 17.177603 0.588235 0.439216 0.380392
+v -0.179365 43.542702 17.002100 0.898039 0.666667 0.564706
+v 5.625159 37.419102 18.996799 0.803922 0.576471 0.466667
+v 4.198629 23.955999 12.407200 0.686275 0.435294 0.345098
+v 14.535299 -2.114900 9.443011 0.631373 0.380392 0.309804
+v 15.685598 8.142320 20.454601 0.658824 0.427451 0.337255
+v 30.598497 1.488610 27.147802 0.839216 0.576471 0.490196
+v 29.978397 -6.397050 26.571701 0.894118 0.635294 0.545098
+v 41.297398 -1.405200 31.022003 0.854902 0.596078 0.509804
+v 36.111397 -6.540340 28.005903 0.882353 0.623529 0.537255
+v 44.276794 -9.991890 32.788902 0.811765 0.568627 0.478431
+v 36.580196 -12.147500 28.853804 0.874510 0.623529 0.525490
+v 23.545498 26.550501 30.193302 0.670588 0.454902 0.392157
+v 7.536978 -50.700600 22.940800 0.737255 0.513725 0.407843
+v 0.049966 -50.745201 22.357901 0.713725 0.490196 0.403922
+v -0.059187 -47.707500 19.745001 0.662745 0.450980 0.376471
+v 13.614799 -61.189201 26.770203 0.772549 0.549020 0.447059
+v 7.402448 -54.763500 24.320801 0.792157 0.549020 0.443137
+v 5.676798 -60.044102 24.120001 0.815686 0.568627 0.478431
+v 0.007680 -58.305000 23.528999 0.823529 0.568627 0.478431
+v 14.550098 -55.003899 26.621601 0.780392 0.549020 0.431373
+v 20.750698 -49.841400 28.390602 0.729412 0.505882 0.396078
+v 14.341599 -43.669201 21.142101 0.690196 0.443137 0.392157
+v 9.106318 -44.220402 18.280300 0.749020 0.454902 0.427451
+v 4.624769 -44.514198 17.213200 0.768627 0.458824 0.439216
+v 13.494699 1.203290 9.375581 0.541176 0.305882 0.247059
+v 17.587399 -3.090150 17.170603 0.521569 0.282353 0.231373
+v 15.390899 0.616895 13.529201 0.525490 0.290196 0.239216
+v 16.498499 -2.610490 13.351402 0.580392 0.333333 0.270588
+v 0.114789 -17.205601 13.556900 0.803922 0.576471 0.490196
+v 0.213039 -10.739900 5.333460 0.631373 0.419608 0.345098
+v 0.155695 9.698840 1.605760 0.737255 0.458824 0.372549
+v 63.699497 35.875702 57.276005 0.541176 0.364706 0.274510
+v 62.952995 26.737499 54.915302 0.588235 0.400000 0.301961
+v 62.913197 46.593300 56.027405 0.486275 0.321569 0.239216
+v 66.067696 49.149700 63.298607 0.435294 0.282353 0.207843
+v 67.025894 36.883900 64.329010 0.478431 0.313725 0.235294
+v 66.947090 22.464199 62.047707 0.505882 0.325490 0.243137
+v 62.186794 10.766600 50.973103 0.576471 0.376471 0.290196
+v 68.964989 11.545400 68.556404 0.415686 0.266667 0.200000
+v 64.644791 3.438430 56.958504 0.498039 0.317647 0.243137
+v 7.315678 30.263700 20.278500 0.635294 0.407843 0.309804
+v 16.478199 14.480500 23.730602 0.674510 0.435294 0.341176
+v 22.498598 11.176800 26.488401 0.752941 0.505882 0.411765
+v 30.975899 9.046680 28.818901 0.800000 0.545098 0.447059
+v 59.705097 18.493999 48.250504 0.619608 0.415686 0.317647
+v 53.774796 10.607700 40.580803 0.741176 0.505882 0.411765
+v 4.194539 31.168200 16.627800 0.733333 0.498039 0.388235
+v -0.049233 31.606899 15.159500 0.800000 0.552941 0.435294
+v 60.551994 58.758701 51.876305 0.482353 0.313725 0.231373
+v 64.570694 60.979000 60.018402 0.403922 0.266667 0.196078
+v 58.582897 51.884102 46.769802 0.482353 0.317647 0.239216
+v 58.461395 70.455803 49.594505 0.466667 0.313725 0.231373
+v 52.436497 76.538399 42.343403 0.533333 0.356863 0.262745
+v -0.208444 49.913601 15.256100 0.917647 0.698039 0.611765
+v -0.124523 58.086498 14.326200 0.905882 0.674510 0.584314
+v 0.274219 81.382401 18.191799 0.819608 0.576471 0.458824
+v 0.481933 93.290398 21.740499 0.725490 0.498039 0.384314
+v 12.405998 93.661400 22.874903 0.713725 0.486275 0.376471
+v 24.880598 93.906502 26.578302 0.658824 0.447059 0.341176
+v 36.480595 93.078102 32.634003 0.576471 0.388235 0.294118
+v 46.004696 90.203003 39.649605 0.505882 0.345098 0.258824
+v 53.584496 85.144096 46.494904 0.450980 0.305882 0.223529
+v 62.545998 71.367798 56.403603 0.364706 0.250980 0.188235
+v 59.255596 78.845100 52.443905 0.400000 0.274510 0.203922
+v 61.191795 85.050301 57.241005 0.333333 0.235294 0.180392
+v 65.452393 75.230003 61.807304 0.286275 0.207843 0.160784
+v 68.381790 63.713902 67.643311 0.266667 0.188235 0.149020
+v 69.324196 50.443100 71.447411 0.341176 0.227451 0.172549
+v 70.128990 37.903400 72.923409 0.360784 0.239216 0.180392
+v 70.487595 24.768299 72.393105 0.396078 0.250980 0.192157
+v 10.803699 -24.072800 15.435301 0.713725 0.501961 0.407843
+v 15.684198 -24.840200 18.155502 0.698039 0.494118 0.403922
+v 14.923498 -28.631399 17.459002 0.729412 0.498039 0.431373
+v 19.121199 -30.573601 20.995502 0.694118 0.478431 0.403922
+v 21.119598 -26.506599 21.583101 0.701961 0.509804 0.423529
+v 36.499996 -22.712601 30.213703 0.811765 0.572549 0.466667
+v 40.448395 -36.176701 36.400604 0.725490 0.509804 0.407843
+v 44.144596 -32.603699 38.731205 0.705882 0.490196 0.392157
+v 38.536495 -47.817600 40.317505 0.666667 0.474510 0.364706
+v 46.546295 -37.311100 43.387104 0.635294 0.439216 0.349020
+v 50.373398 -34.235699 47.127705 0.611765 0.423529 0.333333
+v 49.724796 -40.818298 50.185303 0.588235 0.403922 0.317647
+v 49.255295 -27.889099 42.907104 0.658824 0.454902 0.360784
+v 44.257797 -23.479799 35.807602 0.752941 0.525490 0.427451
+v 40.645798 -27.765900 34.063705 0.764706 0.537255 0.431373
+v 40.754898 -19.093399 32.012905 0.815686 0.576471 0.478431
+v 10.416199 -27.973200 14.961201 0.756863 0.498039 0.443137
+v 0.075350 -28.306400 12.898400 0.803922 0.521569 0.466667
+v 0.092755 -24.430799 13.505000 0.772549 0.529412 0.443137
+v 0.110785 -20.513000 13.908800 0.807843 0.588235 0.501961
+v 0.085609 -54.512001 23.610901 0.784314 0.537255 0.443137
+v 20.909399 -54.946800 30.047201 0.729412 0.509804 0.392157
+v 35.645298 -55.715099 42.223003 0.623529 0.439216 0.337255
+v 49.814896 -48.565498 56.933704 0.517647 0.356863 0.274510
+v 47.977795 -55.414200 62.039703 0.443137 0.301961 0.231373
+v 55.688496 -28.994600 53.447903 0.560784 0.380392 0.301961
+v 55.983391 -43.000198 65.692207 0.450980 0.305882 0.239216
+v 56.362797 -36.061699 59.322903 0.517647 0.349020 0.274510
+v 57.892796 -19.573200 52.540302 0.560784 0.376471 0.294118
+v 70.365593 -2.993800 89.379608 0.321569 0.211765 0.164706
+v 71.177193 8.937180 81.271606 0.321569 0.211765 0.164706
+v 72.558990 10.622100 91.867805 0.298039 0.200000 0.156863
+v 66.125992 -21.471800 81.920410 0.341176 0.223529 0.168627
+v 67.528091 -10.306600 77.117210 0.364706 0.239216 0.180392
+v 61.701691 -27.660801 67.740509 0.443137 0.294118 0.227451
+v 68.337189 -0.022244 71.967606 0.380392 0.243137 0.188235
+v 63.424397 -15.896200 64.452606 0.443137 0.290196 0.219608
+v 68.125694 -16.648800 92.619408 0.301961 0.200000 0.156863
+v 63.768192 -32.212200 86.796310 0.305882 0.203922 0.156863
+v 61.167294 -36.372501 75.628105 0.376471 0.250980 0.192157
+v 59.626293 -41.868698 80.668411 0.333333 0.223529 0.172549
+v 64.162796 -6.066620 60.428703 0.454902 0.294118 0.223529
+v 57.393696 -11.239100 47.991703 0.611765 0.411765 0.329412
+v 72.524994 24.387699 82.025009 0.282353 0.188235 0.145098
+v 73.856789 35.723499 88.540108 0.105882 0.074510 0.062745
+v 73.683792 23.761801 91.300209 0.243137 0.164706 0.129412
+v 74.501190 30.125500 94.839706 0.094118 0.062745 0.050980
+v 74.034592 22.480499 96.303810 0.141176 0.098039 0.078431
+v 72.831192 7.859240 98.770004 0.149020 0.101961 0.082353
+v 69.296593 -13.425300 99.241905 0.305882 0.200000 0.160784
+v 71.395790 -3.606020 100.302010 0.325490 0.215686 0.172549
+v 71.129791 -7.143250 103.242004 0.188235 0.125490 0.101961
+v 68.107590 -18.211399 101.004005 0.133333 0.086275 0.070588
+v 72.363594 -0.137348 102.838005 0.176471 0.117647 0.094118
+v 46.213596 99.739601 44.501404 0.388235 0.266667 0.200000
+v 54.685898 92.834099 51.120205 0.376471 0.258824 0.192157
+v 55.596695 97.970802 54.777103 0.294118 0.207843 0.160784
+v 59.781796 92.442200 58.018204 0.125490 0.090196 0.066667
+v 50.586895 101.808998 50.572002 0.172549 0.121569 0.094118
+v 43.422997 104.478996 44.205505 0.184314 0.125490 0.098039
+v 72.007690 49.799099 78.898109 0.250980 0.176471 0.137255
+v 73.057594 49.127201 82.269409 0.094118 0.066667 0.054902
+v 49.949097 58.855202 33.782906 0.564706 0.388235 0.301961
+v 44.336697 60.042801 28.311203 0.603922 0.419608 0.337255
+v 37.959198 59.937000 23.450504 0.674510 0.482353 0.400000
+v 4.464459 16.161301 7.486950 0.682353 0.423529 0.341176
+v 0.094371 16.649401 6.087460 0.745098 0.466667 0.376471
+v 0.014745 24.425800 10.934700 0.745098 0.482353 0.384314
+v 71.478493 58.516998 75.568504 0.105882 0.074510 0.058824
+v 68.260490 72.263603 66.620407 0.137255 0.101961 0.082353
+v 70.731094 66.735497 71.686806 0.109804 0.082353 0.066667
+v 72.507889 38.181301 81.341507 0.254902 0.176471 0.137255
+v 64.500496 82.174896 61.573006 0.149020 0.109804 0.082353
+v 55.767296 99.280998 55.781605 0.145098 0.101961 0.078431
+v 12.876298 100.102997 25.744701 0.317647 0.215686 0.164706
+v 0.286601 -4.793040 -2.721520 0.894118 0.643137 0.568627
+v 64.638489 -29.722000 98.167007 0.121569 0.082353 0.062745
+v 58.149193 -45.228298 86.664307 0.290196 0.196078 0.152941
+v 62.356594 -36.605999 93.365707 0.274510 0.184314 0.141176
+v 60.716892 -40.186600 93.595604 0.113725 0.078431 0.058824
+v 56.109493 -48.650299 86.931511 0.141176 0.098039 0.074510
+v 49.385094 -57.278099 77.067108 0.160784 0.109804 0.082353
+v 66.355392 -24.387800 96.374504 0.270588 0.184314 0.141176
+v 37.257298 34.215500 30.609003 0.415686 0.392157 0.388235
+v 39.520298 33.790501 31.976805 0.529412 0.494118 0.490196
+v 27.428999 33.649700 29.901602 0.372549 0.333333 0.309804
+v 23.755198 -35.746101 28.257301 0.482353 0.278431 0.235294
+v 3.793149 -35.116299 16.927900 0.600000 0.278431 0.294118
+v 3.855958 -38.129200 17.080799 0.756863 0.376471 0.407843
+v -0.023884 -38.223301 16.909401 0.749020 0.368627 0.400000
+v 8.071998 -35.035198 18.102501 0.588235 0.266667 0.286275
+v 8.431998 -37.966801 18.149799 0.717647 0.352941 0.384314
+v 13.239598 -35.231899 20.689901 0.545098 0.262745 0.274510
+v 13.372499 -37.816101 20.728703 0.631373 0.317647 0.337255
+v 17.666399 -35.273201 23.658503 0.447059 0.227451 0.227451
+v 17.640099 -37.751598 24.088802 0.556863 0.282353 0.286275
+v 21.365198 -34.941399 26.083202 0.478431 0.266667 0.231373
+v 21.738897 -38.277302 27.387302 0.564706 0.325490 0.298039
+v 21.377197 -34.903000 26.050001 0.490196 0.278431 0.239216
+v -0.125513 -44.742699 17.141100 0.749020 0.454902 0.419608
+v 14.317698 -31.063400 17.972801 0.662745 0.403922 0.364706
+v 6.533319 -27.864201 13.520501 0.788235 0.505882 0.458824
+v 17.674997 -35.227402 23.629501 0.427451 0.219608 0.211765
+v 18.364597 -33.324001 22.496202 0.580392 0.341176 0.301961
+v 13.245798 -35.168499 20.655602 0.537255 0.258824 0.270588
+v 13.862498 -33.057598 19.452902 0.596078 0.333333 0.313725
+v 8.065038 -34.963299 18.048201 0.580392 0.270588 0.282353
+v 9.277578 -32.971199 17.116100 0.631373 0.349020 0.337255
+v 3.799159 -35.048901 16.841700 0.600000 0.278431 0.294118
+v 5.629269 -33.251099 16.003500 0.643137 0.349020 0.341176
+v 2.758119 -33.165501 15.103900 0.650980 0.345098 0.341176
+v 0.038323 -35.330101 16.649599 0.396078 0.176471 0.192157
+v 0.067189 -33.274799 14.942100 0.662745 0.345098 0.352941
+v 2.880549 -31.155199 13.597900 0.701961 0.388235 0.380392
+v 5.936328 -30.985800 14.264301 0.694118 0.396078 0.380392
+v 4.098669 -41.269699 16.459999 0.811765 0.458824 0.486275
+v 8.892108 -41.014599 17.645000 0.760784 0.427451 0.450980
+v 9.781240 -30.931801 15.664701 0.682353 0.400000 0.376471
+v 13.905798 -40.587799 20.457802 0.658824 0.360784 0.364706
+v 18.077698 -39.992001 24.048601 0.603922 0.341176 0.325490
+v 0.069898 -31.269300 13.405600 0.725490 0.411765 0.407843
+v 37.322296 65.013603 24.625504 0.709804 0.498039 0.396078
+v 29.652199 63.115200 19.714302 0.780392 0.560784 0.466667
+v 21.287199 60.616798 16.368002 0.847059 0.623529 0.533333
+v 0.127883 -14.200400 12.254200 0.741176 0.509804 0.435294
+v 0.278404 1.040420 -3.071150 0.870588 0.596078 0.513725
+v -0.116712 37.803699 17.313200 0.882353 0.650980 0.533333
+v 0.279360 -7.378550 -0.992634 0.819608 0.560784 0.478431
+v 0.046502 68.758400 15.460200 0.854902 0.607843 0.494118
+v 0.599951 99.454498 24.243299 0.349020 0.235294 0.180392
+v 0.031221 -35.395699 16.746401 0.458824 0.203922 0.219608
+v -0.106864 -41.376099 16.290199 0.800000 0.447059 0.474510
+v -53.841106 -48.983299 71.426689 0.407843 0.274510 0.215686
+v -51.275307 -53.996498 75.538391 0.368627 0.247059 0.192157
+v -44.535206 -60.645199 65.560791 0.411765 0.274510 0.211765
+v -18.750103 -74.796997 35.786999 0.529412 0.372549 0.298039
+v -14.085703 -77.391403 34.978100 0.509804 0.364706 0.290196
+v -11.957403 -73.963402 30.096098 0.635294 0.450980 0.368627
+v -6.566503 -77.262100 30.449800 0.596078 0.431373 0.349020
+v -7.564453 -78.871101 33.695099 0.501961 0.360784 0.290196
+v -22.016403 -70.478699 35.529198 0.588235 0.415686 0.329412
+v -17.863401 -68.837303 30.791098 0.674510 0.478431 0.388235
+v -39.540703 -65.852203 65.266602 0.180392 0.121569 0.090196
+v -33.939205 -69.790604 58.118694 0.388235 0.262745 0.200000
+v -31.925804 -67.925903 48.449497 0.458824 0.317647 0.239216
+v -38.444904 -64.204102 56.125298 0.450980 0.305882 0.231373
+v -28.939505 -72.407097 50.816597 0.392157 0.270588 0.203922
+v -23.188004 -74.982597 43.634598 0.415686 0.290196 0.223529
+v -26.559404 -70.188103 41.544697 0.505882 0.352941 0.270588
+v -24.695004 -75.705597 50.416195 0.364706 0.250980 0.192157
+v -16.072004 -78.604698 40.981701 0.403922 0.282353 0.223529
+v -17.844904 -79.063103 47.658199 0.360784 0.250980 0.196078
+v -29.056807 -73.493698 56.917194 0.176471 0.117647 0.090196
+v -10.376904 -81.684601 48.519402 0.168627 0.121569 0.101961
+v -19.158804 -78.889801 51.744801 0.176471 0.121569 0.094118
+v -9.669264 -81.344200 44.934101 0.376471 0.274510 0.223529
+v -27.571703 -64.815102 39.005997 0.603922 0.423529 0.329412
+v -33.198803 -61.133202 43.968197 0.576471 0.403922 0.305882
+v -38.691704 -59.988998 50.588497 0.525490 0.364706 0.274510
+v -42.734406 -58.145699 55.489697 0.501961 0.341176 0.258824
+v -8.533234 -80.387604 38.906601 0.407843 0.294118 0.239216
+v -11.915502 -67.795502 26.995598 0.745098 0.529412 0.443137
+v -23.853804 -66.357597 35.367195 0.635294 0.447059 0.352941
+v -34.301003 104.745003 38.021896 0.207843 0.141176 0.109804
+v -35.090004 101.537003 36.596096 0.427451 0.282353 0.215686
+v -26.006802 101.713997 31.525198 0.270588 0.176471 0.133333
+v -59.540703 -0.172551 48.112595 0.619608 0.403922 0.325490
+v -50.470104 -9.587020 38.842495 0.729412 0.490196 0.411765
+v -52.236305 -0.444375 39.310497 0.745098 0.501961 0.419608
+v -29.805405 -56.547798 37.997498 0.666667 0.474510 0.364706
+v -26.022703 -54.744801 34.242695 0.694118 0.490196 0.376471
+v -26.218403 -49.663700 32.767998 0.717647 0.498039 0.388235
+v -25.394102 -44.041801 30.750198 0.729412 0.505882 0.396078
+v -31.448503 -44.790001 34.639797 0.737255 0.525490 0.403922
+v -32.419804 -50.899601 37.823597 0.690196 0.490196 0.376471
+v -21.044302 -62.170700 31.980398 0.705882 0.498039 0.400000
+v -26.501503 -59.568001 36.049995 0.670588 0.474510 0.368627
+v -44.034306 -51.844898 51.117294 0.560784 0.384314 0.294118
+v -43.882004 -45.489799 45.821396 0.611765 0.419608 0.329412
+v -39.261204 -54.099098 46.284496 0.592157 0.411765 0.309804
+v -42.625404 -40.450100 41.156296 0.662745 0.458824 0.360784
+v -38.801704 -42.761002 38.411594 0.713725 0.501961 0.396078
+v -52.231606 -19.653799 44.279896 0.658824 0.443137 0.356863
+v -46.410305 -16.803400 36.662895 0.756863 0.517647 0.427451
+v -33.261505 -35.711102 31.876297 0.741176 0.537255 0.423529
+v -32.671204 -40.674500 33.693596 0.749020 0.545098 0.423529
+v -35.453705 -44.188400 36.643997 0.733333 0.529412 0.411765
+v -27.096502 -39.330601 30.955198 0.713725 0.498039 0.384314
+v -21.293402 -21.040701 22.753899 0.729412 0.498039 0.407843
+v -23.889301 -17.153200 25.090498 0.796078 0.537255 0.431373
+v -27.442001 -24.677700 25.678598 0.741176 0.529412 0.435294
+v -27.894802 -35.143299 29.500797 0.698039 0.494118 0.384314
+v -24.245901 -32.390999 25.918598 0.666667 0.470588 0.380392
+v -26.250002 -28.942699 25.473698 0.721569 0.529412 0.431373
+v -22.010002 -41.590900 27.971397 0.670588 0.450980 0.364706
+v -20.023802 -45.808498 26.881199 0.705882 0.486275 0.384314
+v -18.923801 -42.662899 25.164799 0.666667 0.435294 0.364706
+v -28.864202 -21.376200 26.642797 0.784314 0.545098 0.443137
+v -26.229301 -16.210501 26.192198 0.827451 0.568627 0.454902
+v -30.681902 -16.933201 27.620897 0.858824 0.603922 0.490196
+v -15.621302 -20.221901 19.470098 0.690196 0.470588 0.380392
+v -16.465702 -15.840100 21.345999 0.729412 0.474510 0.384314
+v -22.337402 -3.399040 25.406399 0.741176 0.494118 0.396078
+v -21.458002 -7.348170 25.506098 0.721569 0.474510 0.380392
+v -18.854101 -4.005630 23.601898 0.533333 0.301961 0.250980
+v -26.091501 -11.087000 26.476297 0.878431 0.623529 0.513725
+v -23.841803 -13.780800 25.798899 0.831373 0.572549 0.458824
+v -3.088731 -28.148701 13.002100 0.811765 0.521569 0.478431
+v -3.510681 -24.156099 13.543200 0.788235 0.541176 0.450980
+v -7.061972 -23.912500 14.032299 0.764706 0.529412 0.435294
+v -3.687661 -20.046000 14.031400 0.807843 0.584314 0.494118
+v -9.043321 -19.022600 15.774699 0.705882 0.494118 0.403922
+v -2.931611 -17.201000 13.721800 0.807843 0.584314 0.494118
+v -4.743171 -14.022100 13.188100 0.737255 0.505882 0.431373
+v -30.459501 -31.690300 28.703999 0.729412 0.537255 0.435294
+v -36.833103 -39.026501 35.269897 0.749020 0.537255 0.423529
+v -36.962105 -31.691099 32.883995 0.741176 0.517647 0.411765
+v -32.433002 -26.637400 28.764599 0.749020 0.529412 0.427451
+v -10.186301 -10.045900 13.821699 0.560784 0.341176 0.290196
+v -3.445531 -10.998200 9.252610 0.556863 0.337255 0.278431
+v -6.762481 -8.908630 9.055569 0.494118 0.294118 0.258824
+v -10.854001 -7.895510 11.215299 0.427451 0.250980 0.211765
+v -12.950301 -8.438200 13.560799 0.588235 0.368627 0.305882
+v -14.310402 -9.532510 16.465097 0.674510 0.411765 0.333333
+v -14.624502 -11.047600 19.142298 0.615686 0.345098 0.282353
+v -12.154902 -13.660100 18.041199 0.662745 0.403922 0.337255
+v -15.637602 -12.306800 21.315199 0.635294 0.376471 0.313725
+v -16.678001 0.018672 17.475899 0.454902 0.239216 0.188235
+v -14.077101 3.077540 13.715799 0.470588 0.254902 0.203922
+v -15.178302 3.616140 17.563799 0.490196 0.270588 0.215686
+v -11.450801 5.402890 9.661229 0.498039 0.278431 0.219608
+v -12.646701 6.457730 14.109399 0.513725 0.294118 0.231373
+v -17.444702 -0.924688 20.193298 0.450980 0.227451 0.184314
+v -18.059002 -7.877630 23.064198 0.529412 0.286275 0.243137
+v -10.368801 8.722010 10.384299 0.521569 0.301961 0.235294
+v -17.744202 0.517129 21.854698 0.521569 0.294118 0.239216
+v -17.907402 -3.455530 20.442198 0.458824 0.231373 0.188235
+v -16.974201 -10.677600 22.292898 0.596078 0.341176 0.286275
+v -2.506120 -2.028510 -3.080180 0.913725 0.674510 0.607843
+v -2.469770 -4.768590 -2.486050 0.886275 0.623529 0.552941
+v -5.439900 -1.886710 -1.785390 0.847059 0.584314 0.517647
+v -4.991440 -4.960640 -1.139691 0.803922 0.541176 0.462745
+v -7.917010 -5.451350 2.487329 0.647059 0.415686 0.341176
+v -5.044560 -7.893640 1.983989 0.650980 0.415686 0.349020
+v -5.685171 -8.434240 5.155859 0.486275 0.290196 0.243137
+v -7.915720 -7.024910 5.173709 0.537255 0.337255 0.282353
+v -5.069190 8.041960 2.428190 0.662745 0.396078 0.317647
+v -5.017550 3.745630 -0.921486 0.737255 0.454902 0.372549
+v -2.789870 4.372350 -1.462200 0.772549 0.486275 0.396078
+v -4.999330 1.117930 -1.968431 0.792157 0.509804 0.427451
+v -2.481880 1.025610 -2.840810 0.854902 0.576471 0.494118
+v -3.088550 -7.134860 -0.568535 0.784314 0.529412 0.447059
+v -2.741080 -9.109190 1.948480 0.694118 0.462745 0.384314
+v -2.959080 -10.054000 5.285800 0.576471 0.360784 0.298039
+v -11.491201 -4.921930 6.367449 0.674510 0.447059 0.372549
+v -10.020901 -7.086960 8.412829 0.474510 0.290196 0.243137
+v -14.259301 -5.239610 9.939149 0.690196 0.443137 0.368627
+v -12.878401 -7.387150 11.456599 0.564706 0.352941 0.290196
+v -16.464901 -5.716880 13.556098 0.647059 0.388235 0.317647
+v -14.983801 -8.065290 14.371499 0.670588 0.415686 0.337255
+v -17.583902 -6.038910 17.100498 0.560784 0.305882 0.247059
+v -16.457602 -8.372230 17.068798 0.623529 0.352941 0.286275
+v -6.973730 2.091660 -0.242824 0.705882 0.435294 0.356863
+v -8.818600 -0.891477 1.383239 0.690196 0.439216 0.364706
+v -9.290710 3.329020 3.458919 0.580392 0.337255 0.266667
+v -17.710503 -6.541460 20.280298 0.498039 0.250980 0.207843
+v -16.597502 -9.103660 19.840698 0.560784 0.290196 0.239216
+v -20.254002 -10.584600 24.919098 0.725490 0.466667 0.380392
+v -19.110601 -13.563800 23.751698 0.756863 0.490196 0.400000
+v -11.853701 1.210450 5.993569 0.552941 0.313725 0.247059
+v -12.033501 -1.648010 5.569239 0.631373 0.388235 0.313725
+v -8.771261 9.366440 7.745239 0.549020 0.317647 0.247059
+v -8.091181 14.909600 10.967199 0.588235 0.352941 0.278431
+v -11.574701 11.120500 14.904899 0.564706 0.341176 0.262745
+v -8.252582 23.095100 17.156300 0.592157 0.356863 0.274510
+v -12.164402 18.366899 20.500298 0.607843 0.372549 0.286275
+v -21.284002 3.497090 24.570698 0.768627 0.525490 0.431373
+v -10.742502 43.732601 19.227800 0.772549 0.552941 0.447059
+v -12.018201 50.872398 15.973799 0.796078 0.596078 0.513725
+v -53.977802 58.171299 39.694695 0.501961 0.325490 0.250980
+v -55.620903 64.281502 44.285595 0.509804 0.329412 0.247059
+v -20.308903 46.723099 20.792599 0.607843 0.427451 0.345098
+v -12.843102 40.605900 23.333698 0.694118 0.474510 0.368627
+v -11.662601 58.885700 14.851099 0.890196 0.662745 0.576471
+v -20.507902 69.580101 17.878298 0.800000 0.549020 0.435294
+v -27.933802 70.843803 20.968597 0.749020 0.509804 0.400000
+v -36.014503 72.235001 26.102497 0.690196 0.466667 0.356863
+v -43.836502 71.610802 32.086895 0.631373 0.423529 0.317647
+v -43.620102 65.109001 29.763796 0.635294 0.427451 0.329412
+v -50.451702 68.894699 38.239597 0.564706 0.372549 0.278431
+v -49.542004 63.241699 35.253395 0.576471 0.380392 0.290196
+v -29.960102 38.037498 27.851099 0.282353 0.203922 0.168627
+v -32.476303 35.348900 29.197298 0.176471 0.149020 0.133333
+v -36.246204 37.764400 28.355696 0.329412 0.254902 0.223529
+v -29.328802 28.733900 30.342098 0.529412 0.392157 0.360784
+v -35.523403 30.304701 31.130497 0.482353 0.411765 0.400000
+v -40.727005 36.324501 31.155497 0.392157 0.313725 0.294118
+v -40.839203 30.600300 33.689297 0.568627 0.435294 0.411765
+v -46.191402 34.452000 36.131695 0.427451 0.274510 0.223529
+v -24.977001 28.765301 30.636297 0.627451 0.431373 0.372549
+v -23.804102 30.909100 31.155798 0.686275 0.556863 0.521569
+v -24.319902 35.130699 30.242397 0.592157 0.521569 0.505882
+v -19.257402 31.576700 30.228998 0.611765 0.411765 0.341176
+v -23.152302 22.654400 30.191898 0.721569 0.498039 0.431373
+v -44.272903 23.796400 36.654297 0.666667 0.454902 0.360784
+v -48.903404 28.476500 40.922897 0.552941 0.352941 0.274510
+v -30.033503 20.755199 30.809198 0.784314 0.556863 0.474510
+v -37.799706 20.942499 32.892296 0.772549 0.545098 0.443137
+v -43.489803 41.473999 30.150797 0.639216 0.439216 0.360784
+v -30.361101 43.423199 25.189299 0.698039 0.494118 0.392157
+v -22.342802 38.114101 28.789198 0.560784 0.376471 0.301961
+v -19.248802 37.309799 29.324799 0.603922 0.396078 0.309804
+v -26.459501 38.629799 27.978798 0.427451 0.305882 0.258824
+v -24.593601 42.781898 25.542498 0.670588 0.466667 0.360784
+v -33.258904 40.763699 26.193096 0.592157 0.419608 0.345098
+v -37.950806 45.187599 25.795197 0.741176 0.533333 0.435294
+v -37.224903 41.155800 26.895596 0.592157 0.411765 0.337255
+v -40.750904 39.547798 29.199097 0.537255 0.368627 0.305882
+v -17.907701 40.627102 25.913097 0.686275 0.478431 0.372549
+v -12.980102 34.449100 27.123398 0.639216 0.439216 0.352941
+v -9.614821 36.339699 23.000999 0.678431 0.458824 0.352941
+v -42.234406 27.275101 34.868195 0.588235 0.388235 0.329412
+v -10.124502 28.367300 23.751200 0.580392 0.372549 0.282353
+v -18.888203 24.715599 29.982798 0.658824 0.454902 0.380392
+v -17.454302 20.764400 27.755598 0.639216 0.419608 0.321569
+v -13.572302 24.756201 26.250998 0.592157 0.388235 0.286275
+v -22.865002 17.581499 29.052998 0.733333 0.505882 0.411765
+v -30.623402 15.645700 30.650799 0.803922 0.576471 0.482353
+v -41.184105 16.006500 34.079998 0.796078 0.560784 0.450980
+v -47.160904 20.448400 38.277298 0.705882 0.490196 0.388235
+v -51.919205 25.598900 43.368195 0.623529 0.423529 0.321569
+v -52.268005 32.498501 43.699497 0.568627 0.372549 0.290196
+v -55.200302 32.461800 46.434196 0.611765 0.419608 0.329412
+v -53.071705 37.138699 42.057297 0.576471 0.388235 0.301961
+v -29.791203 24.710300 30.338198 0.729412 0.513725 0.439216
+v -36.564205 24.958700 31.851896 0.698039 0.490196 0.415686
+v -7.289592 -47.139000 20.103399 0.694118 0.474510 0.392157
+v -14.413102 -46.868698 23.217598 0.705882 0.486275 0.392157
+v -14.603202 -50.371601 25.371597 0.741176 0.517647 0.407843
+v -59.491802 32.046799 51.147495 0.603922 0.415686 0.321569
+v -55.639103 22.632401 45.670296 0.639216 0.431373 0.325490
+v -49.984604 16.973101 39.163597 0.725490 0.494118 0.388235
+v -41.621704 8.346640 32.884995 0.843137 0.576471 0.478431
+v -56.876003 39.973801 45.675396 0.556863 0.372549 0.298039
+v -59.767105 43.045399 49.976097 0.501961 0.329412 0.258824
+v -54.420605 42.338902 40.295395 0.568627 0.384314 0.313725
+v -56.593704 46.599098 42.486496 0.454902 0.294118 0.239216
+v -51.546104 43.681000 36.144497 0.615686 0.423529 0.349020
+v -53.910103 50.838902 37.405296 0.403922 0.266667 0.215686
+v -47.176605 46.687801 30.461897 0.658824 0.470588 0.400000
+v -49.335606 53.263500 31.465897 0.419608 0.286275 0.239216
+v -41.835705 49.451500 25.770996 0.623529 0.458824 0.388235
+v -43.368805 54.963402 26.223997 0.435294 0.305882 0.258824
+v -36.252106 50.171902 23.068497 0.549020 0.400000 0.341176
+v -37.054005 55.634499 22.359797 0.482353 0.352941 0.301961
+v -28.583101 48.147099 22.169699 0.588235 0.423529 0.345098
+v -30.643501 56.322201 19.778698 0.596078 0.443137 0.384314
+v -35.441105 81.907204 28.633097 0.662745 0.443137 0.337255
+v -44.335304 80.277100 35.155895 0.584314 0.388235 0.286275
+v -23.805302 80.078201 22.057999 0.756863 0.517647 0.403922
+v -11.024801 69.106598 16.104898 0.835294 0.584314 0.470588
+v -11.198602 81.384598 19.098099 0.800000 0.556863 0.435294
+v -21.602503 53.225300 17.283098 0.596078 0.443137 0.384314
+v -5.917871 37.487801 19.084600 0.811765 0.580392 0.466667
+v -4.247971 24.037399 12.356400 0.686275 0.435294 0.345098
+v -14.467901 -2.056030 9.347089 0.611765 0.356863 0.290196
+v -15.684502 8.225480 20.506998 0.647059 0.411765 0.325490
+v -30.492302 1.468230 27.575397 0.847059 0.576471 0.486275
+v -29.855103 -6.375450 26.988998 0.890196 0.627451 0.537255
+v -41.125404 -1.490210 31.515596 0.854902 0.580392 0.494118
+v -35.953903 -6.553680 28.526196 0.882353 0.615686 0.525490
+v -44.049503 -10.001100 33.293495 0.819608 0.564706 0.478431
+v -36.408905 -12.117100 29.324495 0.878431 0.615686 0.517647
+v -23.772902 26.589300 30.467398 0.690196 0.466667 0.400000
+v -7.501412 -50.686699 23.065300 0.737255 0.509804 0.403922
+v -13.754702 -61.147598 27.150497 0.772549 0.545098 0.443137
+v -7.330832 -54.754902 24.476400 0.796078 0.552941 0.447059
+v -5.799892 -60.043400 24.272900 0.815686 0.568627 0.478431
+v -14.562901 -54.969002 26.952198 0.784314 0.549020 0.431373
+v -20.703901 -49.802700 28.816797 0.729412 0.501961 0.392157
+v -14.287502 -43.688099 21.461899 0.698039 0.447059 0.392157
+v -9.185982 -44.236801 18.529900 0.749020 0.454902 0.427451
+v -4.844681 -44.535198 17.332600 0.772549 0.458824 0.443137
+v -13.385301 1.321240 9.319969 0.517647 0.282353 0.223529
+v -17.594803 -2.992360 17.184399 0.494118 0.258824 0.207843
+v -15.316101 0.718187 13.531699 0.490196 0.262745 0.211765
+v -16.484503 -2.517690 13.317098 0.556863 0.305882 0.247059
+v -63.277405 35.791199 57.119396 0.525490 0.345098 0.266667
+v -62.593704 26.610701 54.955097 0.576471 0.380392 0.290196
+v -62.468002 46.489700 55.637897 0.466667 0.301961 0.227451
+v -65.474205 48.985901 62.915993 0.419608 0.262745 0.196078
+v -66.472511 36.767601 64.102196 0.454902 0.290196 0.219608
+v -66.524406 22.424500 62.011292 0.490196 0.309804 0.235294
+v -61.938904 10.699000 51.148296 0.568627 0.364706 0.286275
+v -68.543007 11.577000 68.501892 0.411765 0.258824 0.200000
+v -64.340508 3.476640 57.093597 0.498039 0.313725 0.247059
+v -7.594552 30.348700 20.315800 0.627451 0.396078 0.298039
+v -16.549402 14.557100 23.902597 0.662745 0.419608 0.325490
+v -22.511202 11.211700 26.775698 0.764706 0.505882 0.407843
+v -30.923302 8.988230 29.229298 0.815686 0.549020 0.447059
+v -59.490303 18.310400 48.448795 0.607843 0.396078 0.301961
+v -53.647404 10.434700 40.909695 0.737255 0.494118 0.403922
+v -4.381762 31.257401 16.638100 0.737255 0.494118 0.388235
+v -60.029804 58.640598 51.293797 0.462745 0.294118 0.219608
+v -64.019104 60.767300 59.519794 0.392157 0.250980 0.188235
+v -58.184303 51.842499 46.189598 0.458824 0.298039 0.227451
+v -57.762302 70.295197 48.925396 0.447059 0.290196 0.215686
+v -51.554703 76.438698 41.738796 0.513725 0.337255 0.247059
+v -11.345502 93.571404 23.007797 0.709804 0.482353 0.372549
+v -23.729801 93.736099 26.669699 0.647059 0.435294 0.329412
+v -35.271004 92.898697 32.481598 0.556863 0.364706 0.274510
+v -44.764503 89.974899 39.158897 0.482353 0.313725 0.235294
+v -52.434803 84.860397 45.720497 0.427451 0.278431 0.207843
+v -61.925304 71.077103 55.743397 0.360784 0.239216 0.180392
+v -58.381702 78.523102 51.614697 0.380392 0.250980 0.188235
+v -60.005302 84.621002 56.387897 0.313725 0.215686 0.168627
+v -64.720604 74.840401 61.180397 0.278431 0.196078 0.152941
+v -67.735107 63.471001 67.175995 0.274510 0.188235 0.149020
+v -68.669807 50.221901 71.097496 0.333333 0.215686 0.168627
+v -69.477310 37.736198 72.644493 0.352941 0.227451 0.176471
+v -69.931206 24.711700 72.207596 0.388235 0.239216 0.188235
+v -10.646601 -24.065701 15.460499 0.713725 0.498039 0.403922
+v -15.570902 -24.833599 18.256699 0.694118 0.490196 0.400000
+v -14.838702 -28.652700 17.550598 0.725490 0.498039 0.427451
+v -19.051203 -30.614100 21.181898 0.694118 0.478431 0.403922
+v -21.021603 -26.519899 21.785698 0.698039 0.501961 0.415686
+v -36.361103 -22.694599 30.639095 0.811765 0.568627 0.462745
+v -40.278202 -36.076199 36.963898 0.725490 0.509804 0.403922
+v -43.906403 -32.487301 39.282295 0.705882 0.486275 0.392157
+v -38.385506 -47.603401 40.941395 0.666667 0.470588 0.364706
+v -46.264404 -37.117699 43.960796 0.643137 0.439216 0.349020
+v -50.024704 -34.044201 47.640896 0.619608 0.419608 0.337255
+v -49.385105 -40.522999 50.694595 0.596078 0.403922 0.321569
+v -48.941204 -27.787399 43.411995 0.662745 0.450980 0.364706
+v -44.039505 -23.420401 36.323795 0.756863 0.529412 0.431373
+v -40.469105 -27.708000 34.571297 0.768627 0.537255 0.435294
+v -40.584103 -19.038799 32.502396 0.819608 0.576471 0.474510
+v -10.270801 -27.988501 14.987799 0.760784 0.501961 0.447059
+v -20.882402 -54.889301 30.517797 0.729412 0.509804 0.392157
+v -35.545204 -55.400200 42.849697 0.627451 0.439216 0.337255
+v -49.520702 -48.135101 57.375698 0.533333 0.360784 0.282353
+v -47.788506 -54.890400 62.359497 0.466667 0.313725 0.243137
+v -55.262604 -28.814100 53.853397 0.572549 0.380392 0.305882
+v -55.605106 -42.532398 65.974190 0.466667 0.313725 0.247059
+v -55.941505 -35.714100 59.684597 0.529412 0.349020 0.282353
+v -57.457302 -19.495899 52.872997 0.568627 0.376471 0.301961
+v -69.852905 -2.797300 89.256996 0.333333 0.215686 0.168627
+v -70.631210 9.026070 81.100189 0.333333 0.211765 0.164706
+v -72.047607 10.667300 91.656296 0.305882 0.200000 0.160784
+v -65.526306 -21.184401 81.961395 0.352941 0.227451 0.176471
+v -66.953011 -10.110300 77.137192 0.368627 0.235294 0.180392
+v -61.182209 -27.386299 67.969193 0.447059 0.290196 0.227451
+v -67.878204 0.099053 71.940689 0.384314 0.243137 0.188235
+v -62.927803 -15.756000 64.638695 0.447059 0.286275 0.223529
+v -67.671104 -16.365200 92.531090 0.329412 0.215686 0.168627
+v -63.259407 -31.738800 86.818794 0.321569 0.211765 0.164706
+v -60.684906 -35.904400 75.737091 0.392157 0.258824 0.203922
+v -59.222309 -41.333500 80.770195 0.352941 0.235294 0.184314
+v -63.768204 -5.981940 60.569996 0.462745 0.294118 0.231373
+v -57.061104 -11.211700 48.339996 0.615686 0.407843 0.329412
+v -71.885208 24.282400 81.760689 0.294118 0.184314 0.149020
+v -73.277611 35.372601 88.210091 0.105882 0.070588 0.058824
+v -73.102806 23.570700 90.919289 0.247059 0.160784 0.129412
+v -74.068710 29.841700 94.291794 0.094118 0.062745 0.050980
+v -73.606911 22.268999 95.906693 0.137255 0.090196 0.074510
+v -72.477509 7.978640 98.615295 0.152941 0.101961 0.082353
+v -69.024506 -13.136300 99.036591 0.333333 0.215686 0.172549
+v -71.098709 -3.316490 100.109993 0.341176 0.223529 0.180392
+v -70.885109 -6.826520 103.005989 0.192157 0.125490 0.101961
+v -67.819908 -17.923401 100.792992 0.145098 0.094118 0.074510
+v -72.112007 0.218792 102.677994 0.180392 0.117647 0.094118
+v -44.566803 99.373398 43.969296 0.364706 0.243137 0.184314
+v -53.142704 92.472603 50.275696 0.345098 0.231373 0.176471
+v -53.622902 97.571404 53.947998 0.262745 0.176471 0.137255
+v -58.044403 92.007202 57.123795 0.121569 0.086275 0.066667
+v -48.604305 101.376999 49.915794 0.156863 0.105882 0.082353
+v -41.549603 104.077003 43.819798 0.172549 0.113725 0.086275
+v -71.393410 49.452900 78.631592 0.247059 0.168627 0.137255
+v -72.491310 48.692600 82.087189 0.094118 0.066667 0.054902
+v -49.436703 58.866501 33.259895 0.545098 0.364706 0.290196
+v -43.665604 60.113602 27.862896 0.592157 0.403922 0.325490
+v -37.226006 60.068802 23.153795 0.670588 0.474510 0.392157
+v -4.352591 16.224400 7.395720 0.682353 0.419608 0.337255
+v -70.843208 58.216900 75.191589 0.101961 0.074510 0.058824
+v -67.510704 71.916199 66.095291 0.133333 0.098039 0.078431
+v -69.946907 66.516602 71.206192 0.109804 0.078431 0.066667
+v -71.842804 37.894199 81.078789 0.254902 0.168627 0.137255
+v -63.468903 81.661102 60.812897 0.137255 0.094118 0.074510
+v -53.695305 98.844704 54.975895 0.129412 0.086275 0.066667
+v -11.574702 100.000999 25.843098 0.317647 0.211765 0.160784
+v -64.204407 -29.280001 98.039894 0.129412 0.086275 0.066667
+v -57.808506 -44.627602 86.710495 0.313725 0.207843 0.164706
+v -61.904308 -36.036499 93.323090 0.290196 0.192157 0.152941
+v -60.306007 -39.574100 93.578392 0.125490 0.082353 0.066667
+v -55.835407 -48.028099 86.987991 0.156863 0.105882 0.082353
+v -49.323906 -56.665699 77.172592 0.176471 0.117647 0.090196
+v -65.933609 -24.037500 96.256691 0.290196 0.188235 0.149020
+v -37.446705 33.968201 30.858696 0.407843 0.384314 0.380392
+v -39.703102 33.516899 32.215996 0.572549 0.533333 0.541176
+v -27.674603 33.585201 30.179197 0.356863 0.309804 0.290196
+v -23.713802 -35.788601 28.594898 0.482353 0.282353 0.235294
+v -3.734711 -35.148399 16.966900 0.596078 0.274510 0.290196
+v -3.894611 -38.155800 17.165199 0.756863 0.372549 0.407843
+v -8.034562 -35.082500 18.211599 0.584314 0.262745 0.282353
+v -8.452592 -38.003201 18.352200 0.713725 0.349020 0.380392
+v -13.179702 -35.288399 20.849298 0.541176 0.258824 0.270588
+v -13.330002 -37.864399 20.994598 0.635294 0.317647 0.337255
+v -17.577602 -35.332802 23.885798 0.447059 0.223529 0.223529
+v -17.583403 -37.785702 24.382399 0.549020 0.274510 0.278431
+v -21.285702 -34.999901 26.378998 0.474510 0.262745 0.231373
+v -21.699402 -38.312199 27.727598 0.564706 0.325490 0.294118
+v -21.295403 -34.956501 26.346899 0.486275 0.270588 0.239216
+v -14.235902 -31.116699 18.050999 0.666667 0.407843 0.368627
+v -6.377821 -27.889299 13.529899 0.796078 0.509804 0.466667
+v -17.588001 -35.285000 23.855999 0.427451 0.215686 0.211765
+v -18.272202 -33.384800 22.694597 0.576471 0.337255 0.298039
+v -13.185702 -35.228500 20.810898 0.533333 0.254902 0.266667
+v -13.791502 -33.117401 19.544298 0.596078 0.329412 0.313725
+v -8.025412 -35.018002 18.154800 0.576471 0.266667 0.282353
+v -9.206802 -33.017300 17.168400 0.631373 0.345098 0.337255
+v -3.731441 -35.080601 16.883200 0.596078 0.274510 0.290196
+v -5.548481 -33.276402 16.041901 0.643137 0.341176 0.337255
+v -2.653011 -33.159401 15.113800 0.650980 0.341176 0.341176
+v -2.764671 -31.169201 13.618300 0.705882 0.388235 0.384314
+v -5.831661 -30.993200 14.292099 0.698039 0.388235 0.380392
+v -4.266491 -41.302898 16.592800 0.807843 0.458824 0.490196
+v -8.956841 -41.049999 17.898399 0.749020 0.415686 0.439216
+v -9.671581 -30.964100 15.692699 0.686275 0.400000 0.376471
+v -13.864402 -40.635300 20.778898 0.654902 0.360784 0.364706
+v -18.022501 -40.030899 24.391897 0.603922 0.345098 0.325490
+v -36.597202 65.101097 24.312796 0.701961 0.478431 0.380392
+v -29.114101 63.241402 19.640799 0.772549 0.541176 0.447059
+v -21.118702 60.808300 16.469297 0.843137 0.607843 0.517647
+# 845 vertices, 0 vertices normals
+
+f 1 2 3
+f 4 5 6
+f 7 6 5
+f 8 7 9
+f 10 4 6
+f 3 12 13
+f 14 15 13
+f 14 16 17
+f 4 10 18
+f 17 16 19
+f 19 16 13
+f 5 4 17
+f 20 17 19
+f 21 19 22
+f 22 13 12
+f 23 24 25
+f 26 23 27
+f 10 6 11
+f 18 28 29
+f 14 29 30
+f 3 15 31
+f 32 20 21
+f 32 33 34
+f 27 25 33
+f 9 5 20
+f 35 36 37
+f 7 8 35
+f 31 15 30
+f 18 10 38
+f 39 40 41
+f 42 43 44
+f 45 46 47
+f 47 48 49
+f 45 47 50
+f 28 38 51
+f 46 45 52
+f 29 28 52
+f 53 31 30
+f 54 53 55
+f 56 54 57
+f 61 62 49
+f 61 48 63
+f 64 65 66
+f 67 68 69
+f 48 70 63
+f 71 72 70
+f 73 74 75
+f 64 76 77
+f 78 79 80
+f 79 81 82
+f 83 84 85
+f 84 86 87
+f 86 88 89
+f 91 60 92
+f 60 90 93
+f 94 89 95
+f 94 95 96
+f 94 96 97
+f 94 97 98
+f 94 98 99
+f 94 99 100
+f 94 100 101
+f 94 101 89
+f 101 100 102
+f 103 95 89
+f 104 105 106
+f 107 108 105
+f 112 109 106
+f 113 109 80
+f 115 116 117
+f 116 118 119
+f 119 120 121
+f 122 121 120
+f 124 125 126
+f 125 127 128
+f 127 118 116
+f 129 117 119
+f 130 131 132
+f 131 121 122
+f 120 133 134
+f 133 135 136
+f 135 137 138
+f 137 139 140
+f 141 126 128
+f 125 142 127
+f 144 142 125
+f 96 95 132
+f 139 145 146
+f 145 110 114
+f 110 147 114
+f 147 148 114
+f 147 82 148
+f 104 109 113
+f 144 107 149
+f 96 123 134
+f 120 143 150
+f 143 144 149
+f 151 152 153
+f 152 154 155
+f 100 146 114
+f 145 113 80
+f 78 112 156
+f 161 162 157
+f 166 167 168
+f 167 169 170
+f 169 160 159
+f 172 171 173
+f 190 192 182
+f 193 189 190
+f 189 194 192
+f 195 196 194
+f 188 197 196
+f 162 198 199
+f 198 191 182
+f 178 185 184
+f 202 199 182
+f 203 204 205
+f 203 183 206
+f 183 186 207
+f 186 187 208
+f 187 184 209
+f 184 185 210
+f 185 211 212
+f 213 211 178
+f 179 174 214
+f 174 175 215
+f 201 215 175
+f 216 217 218
+f 210 212 219
+f 209 210 220
+f 221 222 208
+f 223 224 219
+f 225 226 223
+f 227 228 226
+f 229 230 228
+f 229 231 232
+f 231 233 234
+f 233 235 236
+f 166 237 238
+f 165 239 237
+f 164 239 165
+f 240 241 239
+f 161 242 236
+f 243 157 244
+f 245 154 152
+f 246 135 133
+f 153 247 106
+f 106 247 156
+f 156 248 249
+f 248 250 251
+f 250 252 251
+f 250 44 43
+f 253 251 252
+f 82 74 65
+f 202 205 155
+f 214 215 187
+f 183 254 214
+f 182 180 179
+f 193 190 191
+f 189 193 235
+f 195 189 233
+f 188 195 231
+f 178 188 229
+f 178 225 213
+f 196 197 176
+f 194 196 173
+f 192 194 171
+f 182 192 181
+f 255 256 257
+f 258 37 36
+f 259 260 261
+f 262 259 255
+f 71 263 218
+f 264 72 71
+f 265 264 217
+f 266 265 216
+f 266 216 257
+f 150 149 267
+f 143 118 127
+f 144 125 124
+f 80 79 147
+f 109 104 106
+f 104 113 268
+f 105 104 269
+f 107 105 269
+f 106 105 108
+f 151 111 107
+f 267 149 107
+f 151 107 144
+f 268 113 145
+f 109 112 80
+f 270 246 267
+f 268 270 269
+f 270 268 139
+f 246 270 137
+f 119 118 143
+f 131 129 121
+f 136 98 97
+f 138 140 99
+f 100 99 140
+f 102 114 148
+f 101 102 77
+f 87 89 101
+f 89 88 271
+f 103 272 132
+f 129 131 130
+f 128 116 115
+f 126 141 273
+f 153 108 111
+f 211 213 223
+f 219 274 275
+f 220 219 275
+f 274 276 277
+f 275 274 278
+f 275 279 280
+f 281 282 280
+f 154 283 202
+f 155 205 204
+f 284 204 206
+f 285 206 207
+f 286 207 208
+f 221 220 287
+f 288 287 280
+f 286 222 250
+f 285 286 248
+f 284 285 156
+f 155 284 247
+f 182 203 205
+f 289 244 200
+f 244 289 290
+f 202 283 200
+f 276 274 219
+f 291 292 277
+f 293 291 276
+f 291 293 159
+f 294 291 160
+f 169 295 294
+f 158 157 243
+f 163 158 296
+f 240 163 297
+f 298 241 240
+f 241 298 299
+f 239 241 300
+f 237 239 301
+f 238 237 302
+f 295 238 303
+f 295 169 167
+f 294 295 304
+f 305 292 291
+f 305 294 306
+f 305 306 307
+f 292 305 308
+f 277 292 309
+f 278 277 310
+f 279 278 311
+f 312 281 279
+f 42 44 280
+f 313 314 315
+f 313 87 76
+f 87 313 85
+f 69 68 316
+f 66 69 317
+f 64 317 314
+f 77 148 65
+f 92 93 318
+f 319 56 57
+f 56 319 320
+f 57 321 62
+f 57 54 321
+f 54 56 322
+f 323 324 322
+f 325 323 322
+f 326 327 318
+f 253 328 318
+f 66 73 93
+f 93 73 75
+f 82 81 75
+f 82 147 79
+f 249 81 79
+f 253 249 251
+f 249 253 75
+f 85 313 329
+f 314 317 316
+f 76 87 77
+f 84 83 330
+f 86 84 331
+f 88 86 332
+f 36 261 260
+f 259 262 258
+f 259 333 256
+f 47 46 334
+f 55 335 50
+f 262 334 51
+f 334 262 218
+f 46 52 51
+f 11 37 258
+f 38 11 51
+f 335 29 45
+f 55 30 29
+f 53 54 324
+f 336 337 31
+f 91 61 60
+f 327 320 319
+f 326 325 320
+f 59 328 252
+f 325 338 323
+f 1 337 336
+f 339 336 324
+f 340 324 323
+f 338 325 58
+f 342 343 344
+f 345 346 342
+f 346 345 347
+f 348 346 349
+f 350 351 345
+f 345 351 352
+f 352 353 1
+f 347 352 339
+f 349 347 338
+f 354 349 341
+f 43 58 59
+f 355 58 43
+f 282 354 355
+f 281 348 354
+f 344 343 356
+f 343 342 346
+f 343 348 281
+f 356 343 312
+f 356 312 311
+f 357 358 356
+f 358 357 359
+f 344 358 360
+f 342 344 361
+f 362 350 342
+f 48 47 263
+f 49 62 321
+f 61 91 57
+f 61 49 48
+f 363 364 365
+f 366 364 363
+f 326 58 325
+f 326 59 58
+f 326 328 59
+f 183 182 254
+f 184 187 215
+f 303 367 368
+f 302 40 367
+f 369 370 307
+f 371 369 368
+f 372 371 367
+f 373 374 357
+f 301 41 40
+f 226 293 224
+f 228 159 293
+f 230 375 159
+f 232 376 375
+f 234 377 376
+f 234 236 377
+f 161 235 193
+f 162 200 244
+f 162 161 198
+f 242 161 158
+f 378 379 380
+f 245 289 283
+f 380 290 289
+f 378 124 273
+f 152 151 124
+f 381 382 383
+f 384 311 310
+f 381 374 373
+f 385 307 370
+f 308 307 385
+f 309 308 382
+f 373 310 309
+f 306 304 368
+f 352 351 353
+f 65 74 73
+f 82 65 148
+f 44 250 222
+f 288 222 221
+f 371 386 369
+f 387 300 299
+f 301 300 387
+f 386 370 369
+f 39 372 40
+f 388 117 129
+f 390 391 392
+f 390 393 394
+f 2 394 12
+f 391 395 389
+f 390 2 1
+f 390 353 351
+f 391 351 395
+f 395 351 350
+f 395 362 365
+f 397 175 396
+f 173 176 397
+f 397 178 177
+f 175 397 177
+f 180 398 174
+f 398 180 181
+f 178 397 176
+f 172 398 171
+f 172 173 396
+f 172 396 175
+f 399 68 67
+f 400 401 402
+f 403 404 401
+f 405 406 404
+f 407 408 406
+f 409 410 408
+f 399 410 409
+f 410 399 63
+f 413 315 316
+f 411 415 416
+f 415 417 418
+f 417 419 420
+f 419 421 422
+f 421 423 422
+f 421 424 425
+f 426 427 422
+f 426 83 414
+f 399 67 63
+f 266 428 429
+f 427 430 420
+f 70 410 63
+f 264 265 429
+f 72 264 431
+f 410 70 72
+f 406 408 432
+f 404 406 431
+f 401 404 429
+f 428 266 412
+f 402 401 428
+f 413 316 416
+f 430 413 418
+f 329 315 413
+f 414 329 430
+f 433 426 423
+f 330 83 426
+f 159 375 170
+f 375 376 168
+f 376 377 434
+f 435 434 377
+f 165 166 434
+f 164 165 435
+f 436 163 164
+f 436 435 236
+f 436 242 158
+f 1 3 337
+f 7 5 9
+f 8 9 34
+f 11 6 37
+f 3 13 15
+f 14 13 16
+f 14 17 18
+f 4 18 17
+f 19 13 22
+f 5 17 20
+f 20 19 21
+f 21 22 26
+f 23 25 27
+f 26 27 21
+f 10 11 38
+f 18 29 14
+f 14 30 15
+f 3 31 337
+f 32 21 27
+f 32 34 9
+f 27 33 32
+f 9 20 32
+f 35 37 6
+f 35 6 7
+f 18 38 28
+f 47 49 50
+f 45 50 335
+f 28 51 52
+f 29 52 45
+f 53 30 55
+f 54 55 321
+f 60 61 67
+f 61 63 67
+f 67 69 90
+f 71 70 48
+f 64 77 65
+f 78 80 112
+f 83 85 414
+f 84 87 85
+f 86 89 87
+f 67 90 60
+f 91 92 319
+f 60 93 92
+f 103 89 437
+f 115 117 388
+f 116 119 117
+f 119 121 129
+f 122 120 123
+f 123 96 122
+f 124 126 273
+f 125 128 126
+f 127 116 128
+f 130 132 272
+f 131 122 132
+f 120 134 123
+f 133 136 134
+f 135 138 136
+f 137 140 138
+f 141 128 438
+f 143 142 144
+f 96 132 122
+f 139 146 140
+f 145 114 146
+f 96 134 97
+f 120 150 133
+f 143 149 150
+f 151 153 111
+f 152 155 153
+f 108 107 111
+f 100 114 102
+f 145 80 110
+f 157 158 161
+f 164 163 240
+f 167 170 168
+f 169 159 170
+f 182 183 203
+f 188 178 197
+f 190 182 191
+f 189 192 190
+f 195 194 189
+f 188 196 195
+f 162 199 200
+f 198 182 199
+f 178 201 177
+f 178 184 201
+f 202 182 205
+f 203 206 204
+f 183 207 206
+f 186 208 207
+f 187 209 208
+f 184 210 209
+f 185 212 210
+f 179 214 254
+f 174 215 214
+f 201 175 177
+f 216 218 255
+f 210 219 220
+f 209 220 221
+f 221 208 209
+f 178 211 185
+f 223 219 212
+f 225 223 213
+f 227 226 225
+f 229 228 227
+f 229 232 230
+f 231 234 232
+f 233 236 234
+f 166 238 167
+f 165 237 166
+f 240 239 164
+f 161 236 235
+f 243 244 439
+f 245 152 378
+f 246 133 150
+f 153 106 108
+f 106 156 112
+f 156 249 78
+f 248 251 249
+f 250 43 252
+f 253 252 328
+f 214 187 186
+f 183 214 186
+f 182 179 254
+f 193 191 198
+f 189 235 233
+f 195 233 231
+f 188 231 229
+f 178 229 227
+f 178 227 225
+f 197 178 176
+f 196 176 173
+f 194 173 171
+f 192 171 181
+f 182 181 180
+f 255 257 216
+f 258 36 260
+f 259 261 333
+f 262 255 218
+f 71 218 217
+f 264 71 217
+f 265 217 216
+f 266 257 412
+f 150 267 246
+f 143 127 142
+f 144 124 151
+f 80 147 110
+f 107 269 267
+f 268 145 139
+f 270 267 269
+f 268 269 104
+f 270 139 137
+f 246 137 135
+f 119 143 120
+f 136 97 134
+f 98 136 138
+f 138 99 98
+f 100 140 146
+f 102 148 77
+f 101 77 87
+f 89 271 437
+f 103 132 95
+f 129 130 440
+f 128 115 438
+f 211 223 212
+f 220 275 287
+f 274 277 278
+f 275 278 279
+f 275 280 287
+f 281 280 279
+f 154 202 155
+f 155 204 284
+f 284 206 285
+f 285 207 286
+f 286 208 222
+f 221 287 288
+f 288 280 44
+f 286 250 248
+f 285 248 156
+f 284 156 247
+f 155 247 153
+f 289 200 283
+f 244 290 439
+f 202 200 199
+f 276 219 224
+f 291 277 276
+f 293 276 224
+f 291 159 160
+f 169 294 160
+f 158 243 296
+f 163 296 297
+f 240 297 441
+f 298 240 441
+f 241 299 300
+f 239 300 301
+f 237 301 302
+f 238 302 303
+f 295 303 304
+f 295 167 238
+f 294 304 306
+f 305 291 294
+f 305 307 308
+f 292 308 309
+f 277 309 310
+f 278 310 311
+f 279 311 312
+f 42 280 282
+f 313 315 329
+f 313 76 314
+f 69 316 317
+f 66 317 64
+f 64 314 76
+f 92 318 327
+f 319 57 91
+f 56 320 322
+f 54 322 324
+f 325 322 320
+f 326 318 328
+f 253 318 75
+f 90 69 66
+f 66 93 90
+f 93 75 318
+f 82 75 74
+f 249 79 78
+f 249 75 81
+f 85 329 414
+f 314 316 315
+f 84 330 331
+f 86 331 332
+f 88 332 271
+f 259 258 260
+f 259 256 255
+f 47 334 263
+f 55 50 321
+f 262 51 258
+f 334 218 263
+f 46 51 334
+f 11 258 51
+f 55 29 335
+f 53 324 336
+f 336 31 53
+f 327 319 92
+f 326 320 327
+f 1 336 339
+f 339 324 340
+f 340 323 338
+f 338 58 341
+f 341 58 355
+f 345 342 350
+f 346 347 349
+f 348 349 354
+f 345 352 347
+f 352 1 339
+f 347 339 340
+f 347 340 338
+f 349 338 341
+f 354 341 355
+f 43 59 252
+f 355 43 42
+f 282 355 42
+f 281 354 282
+f 344 356 358
+f 343 346 348
+f 343 281 312
+f 356 311 384
+f 357 356 384
+f 358 359 360
+f 344 360 361
+f 342 361 363
+f 362 342 363
+f 48 263 71
+f 49 321 50
+f 61 57 62
+f 363 365 362
+f 184 215 201
+f 303 368 304
+f 302 367 303
+f 369 307 368
+f 371 368 367
+f 372 367 40
+f 373 357 384
+f 301 40 302
+f 226 224 223
+f 228 293 226
+f 230 159 228
+f 232 375 230
+f 234 376 232
+f 161 193 198
+f 162 244 157
+f 378 380 245
+f 245 283 154
+f 380 289 245
+f 378 273 379
+f 152 124 378
+f 384 310 373
+f 308 385 382
+f 309 382 381
+f 373 309 381
+f 306 368 307
+f 65 73 66
+f 44 222 288
+f 387 299 442
+f 301 387 41
+f 388 129 440
+f 390 392 393
+f 390 394 2
+f 2 12 3
+f 391 389 392
+f 390 1 353
+f 390 351 391
+f 395 350 362
+f 395 365 389
+f 173 397 396
+f 180 174 179
+f 398 181 171
+f 172 175 174
+f 172 174 398
+f 400 402 443
+f 403 401 400
+f 405 404 403
+f 407 406 405
+f 409 408 407
+f 411 68 399
+f 411 416 68
+f 415 418 416
+f 417 420 418
+f 419 422 420
+f 421 425 423
+f 426 422 423
+f 426 414 427
+f 266 429 265
+f 427 420 422
+f 264 429 431
+f 72 431 432
+f 410 72 432
+f 408 410 432
+f 406 432 431
+f 404 431 429
+f 401 429 428
+f 428 412 444
+f 402 428 444
+f 413 416 418
+f 430 418 420
+f 316 68 416
+f 329 413 430
+f 414 430 427
+f 433 423 425
+f 330 426 433
+f 375 168 170
+f 376 434 168
+f 435 377 236
+f 166 168 434
+f 165 434 435
+f 164 435 436
+f 436 236 242
+f 436 158 163
+f 363 361 366
+f 445 447 446
+f 448 450 449
+f 451 449 450
+f 8 452 451
+f 453 450 448
+f 447 456 455
+f 457 456 458
+f 457 460 459
+f 448 461 453
+f 460 462 459
+f 462 456 459
+f 449 460 448
+f 463 462 460
+f 464 465 462
+f 465 455 456
+f 466 25 24
+f 467 468 466
+f 453 454 450
+f 461 470 469
+f 457 471 470
+f 447 472 458
+f 473 464 463
+f 473 34 33
+f 468 33 25
+f 452 463 449
+f 35 474 36
+f 451 35 8
+f 472 471 458
+f 461 475 453
+f 476 478 477
+f 479 481 480
+f 482 484 483
+f 484 486 485
+f 482 487 484
+f 469 488 475
+f 483 489 482
+f 470 489 469
+f 490 471 472
+f 491 492 490
+f 493 494 491
+f 498 486 499
+f 498 500 485
+f 501 503 502
+f 504 506 505
+f 485 500 507
+f 508 507 509
+f 510 512 511
+f 501 514 513
+f 515 517 516
+f 516 519 518
+f 520 522 521
+f 521 524 523
+f 523 526 525
+f 528 529 497
+f 497 530 527
+f 531 532 526
+f 531 533 532
+f 531 534 533
+f 531 535 534
+f 531 536 535
+f 531 537 536
+f 531 538 537
+f 531 526 538
+f 538 539 537
+f 103 526 532
+f 540 542 541
+f 543 541 544
+f 548 542 545
+f 549 517 545
+f 115 552 551
+f 551 554 553
+f 554 556 555
+f 557 555 556
+f 559 561 560
+f 560 563 562
+f 562 551 553
+f 564 554 552
+f 130 566 565
+f 565 557 556
+f 555 568 567
+f 567 570 569
+f 569 572 571
+f 571 574 573
+f 141 563 561
+f 560 562 575
+f 577 560 575
+f 533 566 532
+f 573 579 578
+f 578 550 546
+f 546 550 580
+f 580 550 581
+f 580 581 519
+f 540 549 545
+f 577 582 543
+f 533 568 558
+f 555 583 576
+f 576 582 577
+f 584 586 585
+f 585 588 587
+f 537 550 579
+f 578 517 549
+f 515 589 548
+f 594 590 595
+f 599 601 600
+f 600 603 602
+f 602 592 593
+f 605 606 604
+f 623 615 625
+f 626 623 622
+f 622 625 627
+f 628 627 629
+f 621 629 630
+f 595 632 631
+f 631 615 624
+f 611 617 618
+f 635 615 632
+f 636 638 637
+f 636 639 616
+f 616 640 619
+f 619 641 620
+f 620 642 617
+f 617 643 618
+f 618 645 644
+f 646 611 644
+f 612 647 607
+f 607 648 608
+f 634 608 648
+f 649 651 650
+f 643 652 645
+f 642 653 643
+f 654 641 655
+f 656 652 657
+f 658 656 659
+f 660 659 661
+f 662 661 663
+f 662 665 664
+f 664 667 666
+f 666 669 668
+f 599 671 670
+f 598 670 672
+f 597 598 672
+f 673 672 674
+f 594 669 675
+f 243 676 590
+f 677 585 587
+f 678 567 569
+f 586 542 679
+f 542 589 679
+f 589 681 680
+f 680 683 682
+f 682 683 684
+f 682 480 481
+f 685 684 683
+f 519 502 511
+f 635 588 638
+f 647 620 648
+f 616 647 686
+f 615 612 613
+f 626 624 623
+f 622 668 626
+f 628 666 622
+f 621 664 628
+f 611 662 621
+f 611 646 658
+f 629 609 630
+f 627 606 629
+f 625 604 627
+f 615 614 625
+f 687 257 256
+f 688 36 474
+f 689 261 690
+f 691 687 689
+f 508 651 692
+f 693 508 509
+f 694 650 693
+f 695 649 694
+f 695 257 649
+f 583 696 582
+f 576 562 553
+f 577 559 560
+f 517 580 516
+f 545 542 540
+f 540 697 549
+f 541 698 540
+f 543 698 541
+f 542 544 541
+f 584 543 547
+f 696 543 582
+f 584 577 543
+f 697 578 549
+f 545 517 548
+f 699 696 678
+f 697 698 699
+f 699 573 697
+f 678 571 699
+f 554 576 553
+f 565 556 564
+f 570 534 535
+f 572 536 574
+f 537 574 536
+f 539 581 550
+f 538 514 539
+f 524 538 526
+f 526 271 525
+f 103 566 272
+f 564 130 565
+f 563 115 551
+f 561 273 141
+f 586 547 544
+f 644 656 646
+f 652 701 700
+f 653 701 652
+f 700 703 702
+f 701 704 700
+f 701 706 705
+f 707 706 708
+f 587 635 709
+f 588 637 638
+f 710 639 637
+f 711 640 639
+f 712 641 640
+f 654 713 653
+f 714 706 713
+f 712 682 655
+f 711 680 712
+f 710 589 711
+f 588 679 710
+f 615 638 636
+f 715 633 676
+f 676 290 715
+f 635 633 709
+f 702 652 700
+f 716 703 717
+f 718 702 716
+f 716 592 718
+f 719 593 716
+f 602 719 720
+f 591 243 590
+f 596 296 591
+f 673 297 596
+f 298 673 674
+f 674 299 298
+f 672 721 674
+f 670 722 672
+f 671 723 670
+f 720 724 671
+f 720 600 602
+f 719 725 720
+f 726 716 717
+f 726 727 719
+f 726 728 727
+f 717 729 726
+f 703 730 717
+f 704 731 703
+f 705 732 704
+f 733 705 707
+f 479 706 481
+f 734 736 735
+f 734 513 524
+f 524 522 734
+f 506 737 505
+f 503 738 506
+f 501 735 738
+f 514 502 581
+f 529 739 530
+f 740 494 493
+f 493 741 740
+f 494 499 742
+f 494 742 491
+f 491 743 493
+f 744 743 745
+f 746 743 744
+f 747 739 748
+f 685 739 749
+f 503 530 510
+f 530 512 510
+f 519 512 518
+f 519 516 580
+f 681 516 518
+f 685 683 681
+f 681 512 685
+f 522 750 734
+f 735 737 738
+f 513 514 524
+f 521 330 520
+f 523 331 521
+f 525 332 523
+f 36 690 261
+f 689 688 691
+f 689 256 333
+f 484 751 483
+f 492 487 752
+f 691 488 751
+f 751 651 691
+f 483 488 489
+f 454 688 474
+f 475 488 454
+f 752 482 470
+f 492 470 471
+f 490 745 491
+f 753 472 754
+f 528 497 498
+f 748 740 741
+f 747 741 746
+f 496 684 749
+f 746 744 755
+f 445 753 754
+f 756 745 753
+f 757 744 745
+f 755 495 746
+f 759 761 760
+f 762 759 763
+f 763 764 762
+f 765 766 763
+f 767 762 768
+f 762 769 768
+f 769 445 770
+f 764 756 769
+f 766 755 764
+f 771 758 766
+f 480 496 495
+f 772 480 495
+f 708 772 771
+f 707 771 765
+f 761 773 760
+f 760 763 759
+f 760 707 765
+f 773 733 760
+f 773 732 733
+f 774 773 775
+f 775 776 774
+f 761 777 775
+f 759 778 761
+f 779 759 767
+f 485 692 484
+f 486 742 499
+f 498 494 528
+f 498 485 486
+f 780 782 781
+f 783 780 781
+f 747 746 495
+f 747 495 496
+f 747 496 749
+f 616 686 615
+f 617 648 620
+f 724 785 784
+f 723 784 477
+f 786 728 787
+f 788 785 786
+f 789 784 788
+f 790 774 791
+f 722 477 478
+f 659 657 718
+f 661 718 592
+f 663 592 792
+f 665 792 793
+f 667 793 794
+f 667 794 669
+f 594 626 668
+f 595 676 633
+f 595 631 594
+f 675 591 594
+f 795 380 379
+f 677 709 715
+f 380 715 290
+f 795 273 559
+f 585 559 584
+f 796 798 797
+f 799 731 732
+f 796 790 791
+f 800 787 728
+f 729 800 728
+f 730 797 729
+f 790 730 731
+f 727 785 725
+f 769 770 768
+f 502 510 511
+f 519 581 502
+f 481 655 682
+f 714 654 655
+f 788 786 801
+f 802 299 721
+f 722 802 721
+f 801 786 787
+f 476 477 789
+f 388 564 552
+f 804 806 805
+f 804 808 807
+f 446 455 808
+f 805 803 809
+f 804 445 446
+f 804 768 770
+f 805 809 768
+f 809 767 768
+f 809 782 779
+f 811 810 608
+f 606 811 609
+f 811 610 611
+f 608 610 811
+f 613 607 812
+f 812 614 613
+f 611 609 811
+f 605 604 812
+f 605 810 606
+f 605 608 810
+f 813 504 505
+f 814 402 815
+f 816 815 817
+f 818 817 819
+f 820 819 821
+f 822 821 823
+f 813 822 823
+f 823 500 813
+f 825 737 736
+f 824 828 827
+f 827 830 829
+f 829 832 831
+f 831 834 833
+f 833 834 835
+f 833 425 424
+f 836 834 837
+f 836 826 520
+f 813 500 504
+f 695 839 838
+f 837 832 840
+f 507 500 823
+f 693 839 694
+f 509 841 693
+f 823 509 507
+f 819 842 821
+f 817 841 819
+f 815 839 817
+f 838 412 695
+f 402 838 815
+f 825 828 737
+f 840 830 825
+f 750 825 736
+f 826 840 750
+f 433 835 836
+f 330 836 520
+f 592 603 792
+f 792 601 793
+f 793 843 794
+f 844 794 843
+f 598 843 599
+f 597 844 598
+f 845 597 596
+f 845 669 844
+f 845 591 675
+f 445 754 447
+f 451 452 449
+f 8 34 452
+f 454 474 450
+f 447 458 456
+f 457 459 456
+f 457 461 460
+f 448 460 461
+f 462 465 456
+f 449 463 460
+f 463 464 462
+f 464 467 465
+f 466 468 25
+f 467 464 468
+f 453 475 454
+f 461 457 470
+f 457 458 471
+f 447 754 472
+f 473 468 464
+f 473 452 34
+f 468 473 33
+f 452 473 463
+f 35 450 474
+f 35 451 450
+f 461 469 475
+f 484 487 486
+f 482 752 487
+f 469 489 488
+f 470 482 489
+f 490 492 471
+f 491 742 492
+f 497 504 498
+f 498 504 500
+f 504 527 506
+f 508 485 507
+f 501 502 514
+f 515 548 517
+f 520 826 522
+f 521 522 524
+f 523 524 526
+f 504 497 527
+f 528 740 529
+f 497 529 530
+f 103 437 526
+f 115 388 552
+f 551 552 554
+f 554 564 556
+f 557 558 555
+f 558 557 533
+f 559 273 561
+f 560 561 563
+f 562 563 551
+f 130 272 566
+f 565 566 557
+f 555 558 568
+f 567 568 570
+f 569 570 572
+f 571 572 574
+f 141 438 563
+f 576 577 575
+f 533 557 566
+f 573 574 579
+f 578 579 550
+f 533 534 568
+f 555 567 583
+f 576 583 582
+f 584 547 586
+f 585 586 588
+f 544 547 543
+f 537 539 550
+f 578 546 517
+f 590 594 591
+f 597 673 596
+f 600 601 603
+f 602 603 592
+f 615 636 616
+f 621 630 611
+f 623 624 615
+f 622 623 625
+f 628 622 627
+f 621 628 629
+f 595 633 632
+f 631 632 615
+f 611 610 634
+f 611 634 617
+f 635 638 615
+f 636 637 639
+f 616 639 640
+f 619 640 641
+f 620 641 642
+f 617 642 643
+f 618 643 645
+f 612 686 647
+f 607 647 648
+f 634 610 608
+f 649 687 651
+f 643 653 652
+f 642 654 653
+f 654 642 641
+f 611 618 644
+f 656 645 652
+f 658 646 656
+f 660 658 659
+f 662 660 661
+f 662 663 665
+f 664 665 667
+f 666 667 669
+f 599 600 671
+f 598 599 670
+f 673 597 672
+f 594 668 669
+f 243 439 676
+f 677 795 585
+f 678 583 567
+f 586 544 542
+f 542 548 589
+f 589 515 681
+f 680 681 683
+f 682 684 480
+f 685 749 684
+f 647 619 620
+f 616 619 647
+f 615 686 612
+f 626 631 624
+f 622 666 668
+f 628 664 666
+f 621 662 664
+f 611 660 662
+f 611 658 660
+f 630 609 611
+f 629 606 609
+f 627 604 606
+f 625 614 604
+f 615 613 614
+f 687 649 257
+f 688 690 36
+f 689 333 261
+f 691 651 687
+f 508 650 651
+f 693 650 508
+f 694 649 650
+f 695 412 257
+f 583 678 696
+f 576 575 562
+f 577 584 559
+f 517 546 580
+f 543 696 698
+f 697 573 578
+f 699 698 696
+f 697 540 698
+f 699 571 573
+f 678 569 571
+f 554 555 576
+f 570 568 534
+f 535 572 570
+f 572 535 536
+f 537 579 574
+f 539 514 581
+f 538 524 514
+f 526 437 271
+f 103 532 566
+f 564 440 130
+f 563 438 115
+f 644 645 656
+f 653 713 701
+f 700 704 703
+f 701 705 704
+f 701 713 706
+f 707 705 706
+f 587 588 635
+f 588 710 637
+f 710 711 639
+f 711 712 640
+f 712 655 641
+f 654 714 713
+f 714 481 706
+f 712 680 682
+f 711 589 680
+f 710 679 589
+f 588 586 679
+f 715 709 633
+f 676 439 290
+f 635 632 633
+f 702 657 652
+f 716 702 703
+f 718 657 702
+f 716 593 592
+f 602 593 719
+f 591 296 243
+f 596 297 296
+f 673 441 297
+f 298 441 673
+f 674 721 299
+f 672 722 721
+f 670 723 722
+f 671 724 723
+f 720 725 724
+f 720 671 600
+f 719 727 725
+f 726 719 716
+f 726 729 728
+f 717 730 729
+f 703 731 730
+f 704 732 731
+f 705 733 732
+f 479 708 706
+f 734 750 736
+f 734 735 513
+f 506 738 737
+f 503 501 738
+f 501 513 735
+f 529 748 739
+f 740 528 494
+f 493 743 741
+f 491 745 743
+f 746 741 743
+f 747 749 739
+f 685 512 739
+f 527 503 506
+f 503 527 530
+f 530 739 512
+f 519 511 512
+f 681 515 516
+f 681 518 512
+f 522 826 750
+f 735 736 737
+f 521 331 330
+f 523 332 331
+f 525 271 332
+f 689 690 688
+f 689 687 256
+f 484 692 751
+f 492 742 487
+f 691 688 488
+f 751 692 651
+f 483 751 488
+f 454 488 688
+f 492 752 470
+f 490 753 745
+f 753 490 472
+f 748 529 740
+f 747 748 741
+f 445 756 753
+f 756 757 745
+f 757 755 744
+f 755 758 495
+f 758 772 495
+f 762 767 759
+f 763 766 764
+f 765 771 766
+f 762 764 769
+f 769 756 445
+f 764 757 756
+f 764 755 757
+f 766 758 755
+f 771 772 758
+f 480 684 496
+f 772 479 480
+f 708 479 772
+f 707 708 771
+f 761 775 773
+f 760 765 763
+f 760 733 707
+f 773 799 732
+f 774 799 773
+f 775 777 776
+f 761 778 777
+f 759 780 778
+f 779 780 759
+f 485 508 692
+f 486 487 742
+f 498 499 494
+f 780 779 782
+f 617 634 648
+f 724 725 785
+f 723 724 784
+f 786 785 728
+f 788 784 785
+f 789 477 784
+f 790 799 774
+f 722 723 477
+f 659 656 657
+f 661 659 718
+f 663 661 592
+f 665 663 792
+f 667 665 793
+f 594 631 626
+f 595 590 676
+f 795 677 380
+f 677 587 709
+f 380 677 715
+f 795 379 273
+f 585 795 559
+f 799 790 731
+f 729 797 800
+f 730 796 797
+f 790 796 730
+f 727 728 785
+f 502 503 510
+f 481 714 655
+f 802 442 299
+f 722 478 802
+f 388 440 564
+f 804 807 806
+f 804 446 808
+f 446 447 455
+f 805 806 803
+f 804 770 445
+f 804 805 768
+f 809 779 767
+f 809 803 782
+f 606 810 811
+f 613 612 607
+f 812 604 614
+f 605 607 608
+f 605 812 607
+f 814 443 402
+f 816 814 815
+f 818 816 817
+f 820 818 819
+f 822 820 821
+f 824 813 505
+f 824 505 828
+f 827 828 830
+f 829 830 832
+f 831 832 834
+f 833 835 425
+f 836 835 834
+f 836 837 826
+f 695 694 839
+f 837 834 832
+f 693 841 839
+f 509 842 841
+f 823 842 509
+f 821 842 823
+f 819 841 842
+f 817 839 841
+f 815 838 839
+f 838 444 412
+f 402 444 838
+f 825 830 828
+f 840 832 830
+f 737 828 505
+f 750 840 825
+f 826 837 840
+f 433 425 835
+f 330 433 836
+f 792 603 601
+f 793 601 843
+f 844 669 794
+f 599 843 601
+f 598 844 843
+f 597 845 844
+f 845 675 669
+f 845 596 591
+f 780 783 778
+# 1610 faces, 0 coords texture
+
+# End of File
diff --git a/js/spa/test/files/file_test.ogg b/js/spa/test/files/file_test.ogg
new file mode 100644
index 0000000..409d598
Binary files /dev/null and b/js/spa/test/files/file_test.ogg differ
diff --git a/js/spa/test/files/gradio-logo.svg b/js/spa/test/files/gradio-logo.svg
new file mode 100644
index 0000000..4666c03
--- /dev/null
+++ b/js/spa/test/files/gradio-logo.svg
@@ -0,0 +1,19 @@
+<svg width="576" height="576" viewBox="0 0 576 576" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M287.5 229L86 344.5L287.5 460L489 344.5L287.5 229Z" stroke="url(#paint0_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M287.5 116L86 231.5L287.5 347L489 231.5L287.5 116Z" stroke="url(#paint1_linear_102_7)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M86 344L288 229" stroke="url(#paint2_linear_102_7)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_102_7" x1="60" y1="344" x2="429.5" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_102_7" x1="513.5" y1="231" x2="143.5" y2="231" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_102_7" x1="60" y1="344" x2="428.987" y2="341.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/spa/test/files/time.csv b/js/spa/test/files/time.csv
new file mode 100644
index 0000000..ddb2035
--- /dev/null
+++ b/js/spa/test/files/time.csv
@@ -0,0 +1,8 @@
+time,value,price
+1,1,4
+2,3,8
+3,6,12
+4,10,16
+5,15,20
+6,21,24
+7,28,28
\ No newline at end of file
diff --git a/js/spa/test/files/titanic.csv b/js/spa/test/files/titanic.csv
new file mode 100644
index 0000000..63b68ab
--- /dev/null
+++ b/js/spa/test/files/titanic.csv
@@ -0,0 +1,892 @@
+PassengerId,Survived,Pclass,Name,Sex,Age,SibSp,Parch,Ticket,Fare,Cabin,Embarked
+1,0,3,"Braund, Mr. Owen Harris",male,22,1,0,A/5 21171,7.25,,S
+2,1,1,"Cumings, Mrs. John Bradley (Florence Briggs Thayer)",female,38,1,0,PC 17599,71.2833,C85,C
+3,1,3,"Heikkinen, Miss. Laina",female,26,0,0,STON/O2. 3101282,7.925,,S
+4,1,1,"Futrelle, Mrs. Jacques Heath (Lily May Peel)",female,35,1,0,113803,53.1,C123,S
+5,0,3,"Allen, Mr. William Henry",male,35,0,0,373450,8.05,,S
+6,0,3,"Moran, Mr. James",male,,0,0,330877,8.4583,,Q
+7,0,1,"McCarthy, Mr. Timothy J",male,54,0,0,17463,51.8625,E46,S
+8,0,3,"Palsson, Master. Gosta Leonard",male,2,3,1,349909,21.075,,S
+9,1,3,"Johnson, Mrs. Oscar W (Elisabeth Vilhelmina Berg)",female,27,0,2,347742,11.1333,,S
+10,1,2,"Nasser, Mrs. Nicholas (Adele Achem)",female,14,1,0,237736,30.0708,,C
+11,1,3,"Sandstrom, Miss. Marguerite Rut",female,4,1,1,PP 9549,16.7,G6,S
+12,1,1,"Bonnell, Miss. Elizabeth",female,58,0,0,113783,26.55,C103,S
+13,0,3,"Saundercock, Mr. William Henry",male,20,0,0,A/5. 2151,8.05,,S
+14,0,3,"Andersson, Mr. Anders Johan",male,39,1,5,347082,31.275,,S
+15,0,3,"Vestrom, Miss. Hulda Amanda Adolfina",female,14,0,0,350406,7.8542,,S
+16,1,2,"Hewlett, Mrs. (Mary D Kingcome) ",female,55,0,0,248706,16,,S
+17,0,3,"Rice, Master. Eugene",male,2,4,1,382652,29.125,,Q
+18,1,2,"Williams, Mr. Charles Eugene",male,,0,0,244373,13,,S
+19,0,3,"Vander Planke, Mrs. Julius (Emelia Maria Vandemoortele)",female,31,1,0,345763,18,,S
+20,1,3,"Masselmani, Mrs. Fatima",female,,0,0,2649,7.225,,C
+21,0,2,"Fynney, Mr. Joseph J",male,35,0,0,239865,26,,S
+22,1,2,"Beesley, Mr. Lawrence",male,34,0,0,248698,13,D56,S
+23,1,3,"McGowan, Miss. Anna ""Annie""",female,15,0,0,330923,8.0292,,Q
+24,1,1,"Sloper, Mr. William Thompson",male,28,0,0,113788,35.5,A6,S
+25,0,3,"Palsson, Miss. Torborg Danira",female,8,3,1,349909,21.075,,S
+26,1,3,"Asplund, Mrs. Carl Oscar (Selma Augusta Emilia Johansson)",female,38,1,5,347077,31.3875,,S
+27,0,3,"Emir, Mr. Farred Chehab",male,,0,0,2631,7.225,,C
+28,0,1,"Fortune, Mr. Charles Alexander",male,19,3,2,19950,263,C23 C25 C27,S
+29,1,3,"O'Dwyer, Miss. Ellen ""Nellie""",female,,0,0,330959,7.8792,,Q
+30,0,3,"Todoroff, Mr. Lalio",male,,0,0,349216,7.8958,,S
+31,0,1,"Uruchurtu, Don. Manuel E",male,40,0,0,PC 17601,27.7208,,C
+32,1,1,"Spencer, Mrs. William Augustus (Marie Eugenie)",female,,1,0,PC 17569,146.5208,B78,C
+33,1,3,"Glynn, Miss. Mary Agatha",female,,0,0,335677,7.75,,Q
+34,0,2,"Wheadon, Mr. Edward H",male,66,0,0,C.A. 24579,10.5,,S
+35,0,1,"Meyer, Mr. Edgar Joseph",male,28,1,0,PC 17604,82.1708,,C
+36,0,1,"Holverson, Mr. Alexander Oskar",male,42,1,0,113789,52,,S
+37,1,3,"Mamee, Mr. Hanna",male,,0,0,2677,7.2292,,C
+38,0,3,"Cann, Mr. Ernest Charles",male,21,0,0,A./5. 2152,8.05,,S
+39,0,3,"Vander Planke, Miss. Augusta Maria",female,18,2,0,345764,18,,S
+40,1,3,"Nicola-Yarred, Miss. Jamila",female,14,1,0,2651,11.2417,,C
+41,0,3,"Ahlin, Mrs. Johan (Johanna Persdotter Larsson)",female,40,1,0,7546,9.475,,S
+42,0,2,"Turpin, Mrs. William John Robert (Dorothy Ann Wonnacott)",female,27,1,0,11668,21,,S
+43,0,3,"Kraeff, Mr. Theodor",male,,0,0,349253,7.8958,,C
+44,1,2,"Laroche, Miss. Simonne Marie Anne Andree",female,3,1,2,SC/Paris 2123,41.5792,,C
+45,1,3,"Devaney, Miss. Margaret Delia",female,19,0,0,330958,7.8792,,Q
+46,0,3,"Rogers, Mr. William John",male,,0,0,S.C./A.4. 23567,8.05,,S
+47,0,3,"Lennon, Mr. Denis",male,,1,0,370371,15.5,,Q
+48,1,3,"O'Driscoll, Miss. Bridget",female,,0,0,14311,7.75,,Q
+49,0,3,"Samaan, Mr. Youssef",male,,2,0,2662,21.6792,,C
+50,0,3,"Arnold-Franchi, Mrs. Josef (Josefine Franchi)",female,18,1,0,349237,17.8,,S
+51,0,3,"Panula, Master. Juha Niilo",male,7,4,1,3101295,39.6875,,S
+52,0,3,"Nosworthy, Mr. Richard Cater",male,21,0,0,A/4. 39886,7.8,,S
+53,1,1,"Harper, Mrs. Henry Sleeper (Myna Haxtun)",female,49,1,0,PC 17572,76.7292,D33,C
+54,1,2,"Faunthorpe, Mrs. Lizzie (Elizabeth Anne Wilkinson)",female,29,1,0,2926,26,,S
+55,0,1,"Ostby, Mr. Engelhart Cornelius",male,65,0,1,113509,61.9792,B30,C
+56,1,1,"Woolner, Mr. Hugh",male,,0,0,19947,35.5,C52,S
+57,1,2,"Rugg, Miss. Emily",female,21,0,0,C.A. 31026,10.5,,S
+58,0,3,"Novel, Mr. Mansouer",male,28.5,0,0,2697,7.2292,,C
+59,1,2,"West, Miss. Constance Mirium",female,5,1,2,C.A. 34651,27.75,,S
+60,0,3,"Goodwin, Master. William Frederick",male,11,5,2,CA 2144,46.9,,S
+61,0,3,"Sirayanian, Mr. Orsen",male,22,0,0,2669,7.2292,,C
+62,1,1,"Icard, Miss. Amelie",female,38,0,0,113572,80,B28,
+63,0,1,"Harris, Mr. Henry Birkhardt",male,45,1,0,36973,83.475,C83,S
+64,0,3,"Skoog, Master. Harald",male,4,3,2,347088,27.9,,S
+65,0,1,"Stewart, Mr. Albert A",male,,0,0,PC 17605,27.7208,,C
+66,1,3,"Moubarek, Master. Gerios",male,,1,1,2661,15.2458,,C
+67,1,2,"Nye, Mrs. (Elizabeth Ramell)",female,29,0,0,C.A. 29395,10.5,F33,S
+68,0,3,"Crease, Mr. Ernest James",male,19,0,0,S.P. 3464,8.1583,,S
+69,1,3,"Andersson, Miss. Erna Alexandra",female,17,4,2,3101281,7.925,,S
+70,0,3,"Kink, Mr. Vincenz",male,26,2,0,315151,8.6625,,S
+71,0,2,"Jenkin, Mr. Stephen Curnow",male,32,0,0,C.A. 33111,10.5,,S
+72,0,3,"Goodwin, Miss. Lillian Amy",female,16,5,2,CA 2144,46.9,,S
+73,0,2,"Hood, Mr. Ambrose Jr",male,21,0,0,S.O.C. 14879,73.5,,S
+74,0,3,"Chronopoulos, Mr. Apostolos",male,26,1,0,2680,14.4542,,C
+75,1,3,"Bing, Mr. Lee",male,32,0,0,1601,56.4958,,S
+76,0,3,"Moen, Mr. Sigurd Hansen",male,25,0,0,348123,7.65,F G73,S
+77,0,3,"Staneff, Mr. Ivan",male,,0,0,349208,7.8958,,S
+78,0,3,"Moutal, Mr. Rahamin Haim",male,,0,0,374746,8.05,,S
+79,1,2,"Caldwell, Master. Alden Gates",male,0.83,0,2,248738,29,,S
+80,1,3,"Dowdell, Miss. Elizabeth",female,30,0,0,364516,12.475,,S
+81,0,3,"Waelens, Mr. Achille",male,22,0,0,345767,9,,S
+82,1,3,"Sheerlinck, Mr. Jan Baptist",male,29,0,0,345779,9.5,,S
+83,1,3,"McDermott, Miss. Brigdet Delia",female,,0,0,330932,7.7875,,Q
+84,0,1,"Carrau, Mr. Francisco M",male,28,0,0,113059,47.1,,S
+85,1,2,"Ilett, Miss. Bertha",female,17,0,0,SO/C 14885,10.5,,S
+86,1,3,"Backstrom, Mrs. Karl Alfred (Maria Mathilda Gustafsson)",female,33,3,0,3101278,15.85,,S
+87,0,3,"Ford, Mr. William Neal",male,16,1,3,W./C. 6608,34.375,,S
+88,0,3,"Slocovski, Mr. Selman Francis",male,,0,0,SOTON/OQ 392086,8.05,,S
+89,1,1,"Fortune, Miss. Mabel Helen",female,23,3,2,19950,263,C23 C25 C27,S
+90,0,3,"Celotti, Mr. Francesco",male,24,0,0,343275,8.05,,S
+91,0,3,"Christmann, Mr. Emil",male,29,0,0,343276,8.05,,S
+92,0,3,"Andreasson, Mr. Paul Edvin",male,20,0,0,347466,7.8542,,S
+93,0,1,"Chaffee, Mr. Herbert Fuller",male,46,1,0,W.E.P. 5734,61.175,E31,S
+94,0,3,"Dean, Mr. Bertram Frank",male,26,1,2,C.A. 2315,20.575,,S
+95,0,3,"Coxon, Mr. Daniel",male,59,0,0,364500,7.25,,S
+96,0,3,"Shorney, Mr. Charles Joseph",male,,0,0,374910,8.05,,S
+97,0,1,"Goldschmidt, Mr. George B",male,71,0,0,PC 17754,34.6542,A5,C
+98,1,1,"Greenfield, Mr. William Bertram",male,23,0,1,PC 17759,63.3583,D10 D12,C
+99,1,2,"Doling, Mrs. John T (Ada Julia Bone)",female,34,0,1,231919,23,,S
+100,0,2,"Kantor, Mr. Sinai",male,34,1,0,244367,26,,S
+101,0,3,"Petranec, Miss. Matilda",female,28,0,0,349245,7.8958,,S
+102,0,3,"Petroff, Mr. Pastcho (""Pentcho"")",male,,0,0,349215,7.8958,,S
+103,0,1,"White, Mr. Richard Frasar",male,21,0,1,35281,77.2875,D26,S
+104,0,3,"Johansson, Mr. Gustaf Joel",male,33,0,0,7540,8.6542,,S
+105,0,3,"Gustafsson, Mr. Anders Vilhelm",male,37,2,0,3101276,7.925,,S
+106,0,3,"Mionoff, Mr. Stoytcho",male,28,0,0,349207,7.8958,,S
+107,1,3,"Salkjelsvik, Miss. Anna Kristine",female,21,0,0,343120,7.65,,S
+108,1,3,"Moss, Mr. Albert Johan",male,,0,0,312991,7.775,,S
+109,0,3,"Rekic, Mr. Tido",male,38,0,0,349249,7.8958,,S
+110,1,3,"Moran, Miss. Bertha",female,,1,0,371110,24.15,,Q
+111,0,1,"Porter, Mr. Walter Chamberlain",male,47,0,0,110465,52,C110,S
+112,0,3,"Zabour, Miss. Hileni",female,14.5,1,0,2665,14.4542,,C
+113,0,3,"Barton, Mr. David John",male,22,0,0,324669,8.05,,S
+114,0,3,"Jussila, Miss. Katriina",female,20,1,0,4136,9.825,,S
+115,0,3,"Attalah, Miss. Malake",female,17,0,0,2627,14.4583,,C
+116,0,3,"Pekoniemi, Mr. Edvard",male,21,0,0,STON/O 2. 3101294,7.925,,S
+117,0,3,"Connors, Mr. Patrick",male,70.5,0,0,370369,7.75,,Q
+118,0,2,"Turpin, Mr. William John Robert",male,29,1,0,11668,21,,S
+119,0,1,"Baxter, Mr. Quigg Edmond",male,24,0,1,PC 17558,247.5208,B58 B60,C
+120,0,3,"Andersson, Miss. Ellis Anna Maria",female,2,4,2,347082,31.275,,S
+121,0,2,"Hickman, Mr. Stanley George",male,21,2,0,S.O.C. 14879,73.5,,S
+122,0,3,"Moore, Mr. Leonard Charles",male,,0,0,A4. 54510,8.05,,S
+123,0,2,"Nasser, Mr. Nicholas",male,32.5,1,0,237736,30.0708,,C
+124,1,2,"Webber, Miss. Susan",female,32.5,0,0,27267,13,E101,S
+125,0,1,"White, Mr. Percival Wayland",male,54,0,1,35281,77.2875,D26,S
+126,1,3,"Nicola-Yarred, Master. Elias",male,12,1,0,2651,11.2417,,C
+127,0,3,"McMahon, Mr. Martin",male,,0,0,370372,7.75,,Q
+128,1,3,"Madsen, Mr. Fridtjof Arne",male,24,0,0,C 17369,7.1417,,S
+129,1,3,"Peter, Miss. Anna",female,,1,1,2668,22.3583,F E69,C
+130,0,3,"Ekstrom, Mr. Johan",male,45,0,0,347061,6.975,,S
+131,0,3,"Drazenoic, Mr. Jozef",male,33,0,0,349241,7.8958,,C
+132,0,3,"Coelho, Mr. Domingos Fernandeo",male,20,0,0,SOTON/O.Q. 3101307,7.05,,S
+133,0,3,"Robins, Mrs. Alexander A (Grace Charity Laury)",female,47,1,0,A/5. 3337,14.5,,S
+134,1,2,"Weisz, Mrs. Leopold (Mathilde Francoise Pede)",female,29,1,0,228414,26,,S
+135,0,2,"Sobey, Mr. Samuel James Hayden",male,25,0,0,C.A. 29178,13,,S
+136,0,2,"Richard, Mr. Emile",male,23,0,0,SC/PARIS 2133,15.0458,,C
+137,1,1,"Newsom, Miss. Helen Monypeny",female,19,0,2,11752,26.2833,D47,S
+138,0,1,"Futrelle, Mr. Jacques Heath",male,37,1,0,113803,53.1,C123,S
+139,0,3,"Osen, Mr. Olaf Elon",male,16,0,0,7534,9.2167,,S
+140,0,1,"Giglio, Mr. Victor",male,24,0,0,PC 17593,79.2,B86,C
+141,0,3,"Boulos, Mrs. Joseph (Sultana)",female,,0,2,2678,15.2458,,C
+142,1,3,"Nysten, Miss. Anna Sofia",female,22,0,0,347081,7.75,,S
+143,1,3,"Hakkarainen, Mrs. Pekka Pietari (Elin Matilda Dolck)",female,24,1,0,STON/O2. 3101279,15.85,,S
+144,0,3,"Burke, Mr. Jeremiah",male,19,0,0,365222,6.75,,Q
+145,0,2,"Andrew, Mr. Edgardo Samuel",male,18,0,0,231945,11.5,,S
+146,0,2,"Nicholls, Mr. Joseph Charles",male,19,1,1,C.A. 33112,36.75,,S
+147,1,3,"Andersson, Mr. August Edvard (""Wennerstrom"")",male,27,0,0,350043,7.7958,,S
+148,0,3,"Ford, Miss. Robina Maggie ""Ruby""",female,9,2,2,W./C. 6608,34.375,,S
+149,0,2,"Navratil, Mr. Michel (""Louis M Hoffman"")",male,36.5,0,2,230080,26,F2,S
+150,0,2,"Byles, Rev. Thomas Roussel Davids",male,42,0,0,244310,13,,S
+151,0,2,"Bateman, Rev. Robert James",male,51,0,0,S.O.P. 1166,12.525,,S
+152,1,1,"Pears, Mrs. Thomas (Edith Wearne)",female,22,1,0,113776,66.6,C2,S
+153,0,3,"Meo, Mr. Alfonzo",male,55.5,0,0,A.5. 11206,8.05,,S
+154,0,3,"van Billiard, Mr. Austin Blyler",male,40.5,0,2,A/5. 851,14.5,,S
+155,0,3,"Olsen, Mr. Ole Martin",male,,0,0,Fa 265302,7.3125,,S
+156,0,1,"Williams, Mr. Charles Duane",male,51,0,1,PC 17597,61.3792,,C
+157,1,3,"Gilnagh, Miss. Katherine ""Katie""",female,16,0,0,35851,7.7333,,Q
+158,0,3,"Corn, Mr. Harry",male,30,0,0,SOTON/OQ 392090,8.05,,S
+159,0,3,"Smiljanic, Mr. Mile",male,,0,0,315037,8.6625,,S
+160,0,3,"Sage, Master. Thomas Henry",male,,8,2,CA. 2343,69.55,,S
+161,0,3,"Cribb, Mr. John Hatfield",male,44,0,1,371362,16.1,,S
+162,1,2,"Watt, Mrs. James (Elizabeth ""Bessie"" Inglis Milne)",female,40,0,0,C.A. 33595,15.75,,S
+163,0,3,"Bengtsson, Mr. John Viktor",male,26,0,0,347068,7.775,,S
+164,0,3,"Calic, Mr. Jovo",male,17,0,0,315093,8.6625,,S
+165,0,3,"Panula, Master. Eino Viljami",male,1,4,1,3101295,39.6875,,S
+166,1,3,"Goldsmith, Master. Frank John William ""Frankie""",male,9,0,2,363291,20.525,,S
+167,1,1,"Chibnall, Mrs. (Edith Martha Bowerman)",female,,0,1,113505,55,E33,S
+168,0,3,"Skoog, Mrs. William (Anna Bernhardina Karlsson)",female,45,1,4,347088,27.9,,S
+169,0,1,"Baumann, Mr. John D",male,,0,0,PC 17318,25.925,,S
+170,0,3,"Ling, Mr. Lee",male,28,0,0,1601,56.4958,,S
+171,0,1,"Van der hoef, Mr. Wyckoff",male,61,0,0,111240,33.5,B19,S
+172,0,3,"Rice, Master. Arthur",male,4,4,1,382652,29.125,,Q
+173,1,3,"Johnson, Miss. Eleanor Ileen",female,1,1,1,347742,11.1333,,S
+174,0,3,"Sivola, Mr. Antti Wilhelm",male,21,0,0,STON/O 2. 3101280,7.925,,S
+175,0,1,"Smith, Mr. James Clinch",male,56,0,0,17764,30.6958,A7,C
+176,0,3,"Klasen, Mr. Klas Albin",male,18,1,1,350404,7.8542,,S
+177,0,3,"Lefebre, Master. Henry Forbes",male,,3,1,4133,25.4667,,S
+178,0,1,"Isham, Miss. Ann Elizabeth",female,50,0,0,PC 17595,28.7125,C49,C
+179,0,2,"Hale, Mr. Reginald",male,30,0,0,250653,13,,S
+180,0,3,"Leonard, Mr. Lionel",male,36,0,0,LINE,0,,S
+181,0,3,"Sage, Miss. Constance Gladys",female,,8,2,CA. 2343,69.55,,S
+182,0,2,"Pernot, Mr. Rene",male,,0,0,SC/PARIS 2131,15.05,,C
+183,0,3,"Asplund, Master. Clarence Gustaf Hugo",male,9,4,2,347077,31.3875,,S
+184,1,2,"Becker, Master. Richard F",male,1,2,1,230136,39,F4,S
+185,1,3,"Kink-Heilmann, Miss. Luise Gretchen",female,4,0,2,315153,22.025,,S
+186,0,1,"Rood, Mr. Hugh Roscoe",male,,0,0,113767,50,A32,S
+187,1,3,"O'Brien, Mrs. Thomas (Johanna ""Hannah"" Godfrey)",female,,1,0,370365,15.5,,Q
+188,1,1,"Romaine, Mr. Charles Hallace (""Mr C Rolmane"")",male,45,0,0,111428,26.55,,S
+189,0,3,"Bourke, Mr. John",male,40,1,1,364849,15.5,,Q
+190,0,3,"Turcin, Mr. Stjepan",male,36,0,0,349247,7.8958,,S
+191,1,2,"Pinsky, Mrs. (Rosa)",female,32,0,0,234604,13,,S
+192,0,2,"Carbines, Mr. William",male,19,0,0,28424,13,,S
+193,1,3,"Andersen-Jensen, Miss. Carla Christine Nielsine",female,19,1,0,350046,7.8542,,S
+194,1,2,"Navratil, Master. Michel M",male,3,1,1,230080,26,F2,S
+195,1,1,"Brown, Mrs. James Joseph (Margaret Tobin)",female,44,0,0,PC 17610,27.7208,B4,C
+196,1,1,"Lurette, Miss. Elise",female,58,0,0,PC 17569,146.5208,B80,C
+197,0,3,"Mernagh, Mr. Robert",male,,0,0,368703,7.75,,Q
+198,0,3,"Olsen, Mr. Karl Siegwart Andreas",male,42,0,1,4579,8.4042,,S
+199,1,3,"Madigan, Miss. Margaret ""Maggie""",female,,0,0,370370,7.75,,Q
+200,0,2,"Yrois, Miss. Henriette (""Mrs Harbeck"")",female,24,0,0,248747,13,,S
+201,0,3,"Vande Walle, Mr. Nestor Cyriel",male,28,0,0,345770,9.5,,S
+202,0,3,"Sage, Mr. Frederick",male,,8,2,CA. 2343,69.55,,S
+203,0,3,"Johanson, Mr. Jakob Alfred",male,34,0,0,3101264,6.4958,,S
+204,0,3,"Youseff, Mr. Gerious",male,45.5,0,0,2628,7.225,,C
+205,1,3,"Cohen, Mr. Gurshon ""Gus""",male,18,0,0,A/5 3540,8.05,,S
+206,0,3,"Strom, Miss. Telma Matilda",female,2,0,1,347054,10.4625,G6,S
+207,0,3,"Backstrom, Mr. Karl Alfred",male,32,1,0,3101278,15.85,,S
+208,1,3,"Albimona, Mr. Nassef Cassem",male,26,0,0,2699,18.7875,,C
+209,1,3,"Carr, Miss. Helen ""Ellen""",female,16,0,0,367231,7.75,,Q
+210,1,1,"Blank, Mr. Henry",male,40,0,0,112277,31,A31,C
+211,0,3,"Ali, Mr. Ahmed",male,24,0,0,SOTON/O.Q. 3101311,7.05,,S
+212,1,2,"Cameron, Miss. Clear Annie",female,35,0,0,F.C.C. 13528,21,,S
+213,0,3,"Perkin, Mr. John Henry",male,22,0,0,A/5 21174,7.25,,S
+214,0,2,"Givard, Mr. Hans Kristensen",male,30,0,0,250646,13,,S
+215,0,3,"Kiernan, Mr. Philip",male,,1,0,367229,7.75,,Q
+216,1,1,"Newell, Miss. Madeleine",female,31,1,0,35273,113.275,D36,C
+217,1,3,"Honkanen, Miss. Eliina",female,27,0,0,STON/O2. 3101283,7.925,,S
+218,0,2,"Jacobsohn, Mr. Sidney Samuel",male,42,1,0,243847,27,,S
+219,1,1,"Bazzani, Miss. Albina",female,32,0,0,11813,76.2917,D15,C
+220,0,2,"Harris, Mr. Walter",male,30,0,0,W/C 14208,10.5,,S
+221,1,3,"Sunderland, Mr. Victor Francis",male,16,0,0,SOTON/OQ 392089,8.05,,S
+222,0,2,"Bracken, Mr. James H",male,27,0,0,220367,13,,S
+223,0,3,"Green, Mr. George Henry",male,51,0,0,21440,8.05,,S
+224,0,3,"Nenkoff, Mr. Christo",male,,0,0,349234,7.8958,,S
+225,1,1,"Hoyt, Mr. Frederick Maxfield",male,38,1,0,19943,90,C93,S
+226,0,3,"Berglund, Mr. Karl Ivar Sven",male,22,0,0,PP 4348,9.35,,S
+227,1,2,"Mellors, Mr. William John",male,19,0,0,SW/PP 751,10.5,,S
+228,0,3,"Lovell, Mr. John Hall (""Henry"")",male,20.5,0,0,A/5 21173,7.25,,S
+229,0,2,"Fahlstrom, Mr. Arne Jonas",male,18,0,0,236171,13,,S
+230,0,3,"Lefebre, Miss. Mathilde",female,,3,1,4133,25.4667,,S
+231,1,1,"Harris, Mrs. Henry Birkhardt (Irene Wallach)",female,35,1,0,36973,83.475,C83,S
+232,0,3,"Larsson, Mr. Bengt Edvin",male,29,0,0,347067,7.775,,S
+233,0,2,"Sjostedt, Mr. Ernst Adolf",male,59,0,0,237442,13.5,,S
+234,1,3,"Asplund, Miss. Lillian Gertrud",female,5,4,2,347077,31.3875,,S
+235,0,2,"Leyson, Mr. Robert William Norman",male,24,0,0,C.A. 29566,10.5,,S
+236,0,3,"Harknett, Miss. Alice Phoebe",female,,0,0,W./C. 6609,7.55,,S
+237,0,2,"Hold, Mr. Stephen",male,44,1,0,26707,26,,S
+238,1,2,"Collyer, Miss. Marjorie ""Lottie""",female,8,0,2,C.A. 31921,26.25,,S
+239,0,2,"Pengelly, Mr. Frederick William",male,19,0,0,28665,10.5,,S
+240,0,2,"Hunt, Mr. George Henry",male,33,0,0,SCO/W 1585,12.275,,S
+241,0,3,"Zabour, Miss. Thamine",female,,1,0,2665,14.4542,,C
+242,1,3,"Murphy, Miss. Katherine ""Kate""",female,,1,0,367230,15.5,,Q
+243,0,2,"Coleridge, Mr. Reginald Charles",male,29,0,0,W./C. 14263,10.5,,S
+244,0,3,"Maenpaa, Mr. Matti Alexanteri",male,22,0,0,STON/O 2. 3101275,7.125,,S
+245,0,3,"Attalah, Mr. Sleiman",male,30,0,0,2694,7.225,,C
+246,0,1,"Minahan, Dr. William Edward",male,44,2,0,19928,90,C78,Q
+247,0,3,"Lindahl, Miss. Agda Thorilda Viktoria",female,25,0,0,347071,7.775,,S
+248,1,2,"Hamalainen, Mrs. William (Anna)",female,24,0,2,250649,14.5,,S
+249,1,1,"Beckwith, Mr. Richard Leonard",male,37,1,1,11751,52.5542,D35,S
+250,0,2,"Carter, Rev. Ernest Courtenay",male,54,1,0,244252,26,,S
+251,0,3,"Reed, Mr. James George",male,,0,0,362316,7.25,,S
+252,0,3,"Strom, Mrs. Wilhelm (Elna Matilda Persson)",female,29,1,1,347054,10.4625,G6,S
+253,0,1,"Stead, Mr. William Thomas",male,62,0,0,113514,26.55,C87,S
+254,0,3,"Lobb, Mr. William Arthur",male,30,1,0,A/5. 3336,16.1,,S
+255,0,3,"Rosblom, Mrs. Viktor (Helena Wilhelmina)",female,41,0,2,370129,20.2125,,S
+256,1,3,"Touma, Mrs. Darwis (Hanne Youssef Razi)",female,29,0,2,2650,15.2458,,C
+257,1,1,"Thorne, Mrs. Gertrude Maybelle",female,,0,0,PC 17585,79.2,,C
+258,1,1,"Cherry, Miss. Gladys",female,30,0,0,110152,86.5,B77,S
+259,1,1,"Ward, Miss. Anna",female,35,0,0,PC 17755,512.3292,,C
+260,1,2,"Parrish, Mrs. (Lutie Davis)",female,50,0,1,230433,26,,S
+261,0,3,"Smith, Mr. Thomas",male,,0,0,384461,7.75,,Q
+262,1,3,"Asplund, Master. Edvin Rojj Felix",male,3,4,2,347077,31.3875,,S
+263,0,1,"Taussig, Mr. Emil",male,52,1,1,110413,79.65,E67,S
+264,0,1,"Harrison, Mr. William",male,40,0,0,112059,0,B94,S
+265,0,3,"Henry, Miss. Delia",female,,0,0,382649,7.75,,Q
+266,0,2,"Reeves, Mr. David",male,36,0,0,C.A. 17248,10.5,,S
+267,0,3,"Panula, Mr. Ernesti Arvid",male,16,4,1,3101295,39.6875,,S
+268,1,3,"Persson, Mr. Ernst Ulrik",male,25,1,0,347083,7.775,,S
+269,1,1,"Graham, Mrs. William Thompson (Edith Junkins)",female,58,0,1,PC 17582,153.4625,C125,S
+270,1,1,"Bissette, Miss. Amelia",female,35,0,0,PC 17760,135.6333,C99,S
+271,0,1,"Cairns, Mr. Alexander",male,,0,0,113798,31,,S
+272,1,3,"Tornquist, Mr. William Henry",male,25,0,0,LINE,0,,S
+273,1,2,"Mellinger, Mrs. (Elizabeth Anne Maidment)",female,41,0,1,250644,19.5,,S
+274,0,1,"Natsch, Mr. Charles H",male,37,0,1,PC 17596,29.7,C118,C
+275,1,3,"Healy, Miss. Hanora ""Nora""",female,,0,0,370375,7.75,,Q
+276,1,1,"Andrews, Miss. Kornelia Theodosia",female,63,1,0,13502,77.9583,D7,S
+277,0,3,"Lindblom, Miss. Augusta Charlotta",female,45,0,0,347073,7.75,,S
+278,0,2,"Parkes, Mr. Francis ""Frank""",male,,0,0,239853,0,,S
+279,0,3,"Rice, Master. Eric",male,7,4,1,382652,29.125,,Q
+280,1,3,"Abbott, Mrs. Stanton (Rosa Hunt)",female,35,1,1,C.A. 2673,20.25,,S
+281,0,3,"Duane, Mr. Frank",male,65,0,0,336439,7.75,,Q
+282,0,3,"Olsson, Mr. Nils Johan Goransson",male,28,0,0,347464,7.8542,,S
+283,0,3,"de Pelsmaeker, Mr. Alfons",male,16,0,0,345778,9.5,,S
+284,1,3,"Dorking, Mr. Edward Arthur",male,19,0,0,A/5. 10482,8.05,,S
+285,0,1,"Smith, Mr. Richard William",male,,0,0,113056,26,A19,S
+286,0,3,"Stankovic, Mr. Ivan",male,33,0,0,349239,8.6625,,C
+287,1,3,"de Mulder, Mr. Theodore",male,30,0,0,345774,9.5,,S
+288,0,3,"Naidenoff, Mr. Penko",male,22,0,0,349206,7.8958,,S
+289,1,2,"Hosono, Mr. Masabumi",male,42,0,0,237798,13,,S
+290,1,3,"Connolly, Miss. Kate",female,22,0,0,370373,7.75,,Q
+291,1,1,"Barber, Miss. Ellen ""Nellie""",female,26,0,0,19877,78.85,,S
+292,1,1,"Bishop, Mrs. Dickinson H (Helen Walton)",female,19,1,0,11967,91.0792,B49,C
+293,0,2,"Levy, Mr. Rene Jacques",male,36,0,0,SC/Paris 2163,12.875,D,C
+294,0,3,"Haas, Miss. Aloisia",female,24,0,0,349236,8.85,,S
+295,0,3,"Mineff, Mr. Ivan",male,24,0,0,349233,7.8958,,S
+296,0,1,"Lewy, Mr. Ervin G",male,,0,0,PC 17612,27.7208,,C
+297,0,3,"Hanna, Mr. Mansour",male,23.5,0,0,2693,7.2292,,C
+298,0,1,"Allison, Miss. Helen Loraine",female,2,1,2,113781,151.55,C22 C26,S
+299,1,1,"Saalfeld, Mr. Adolphe",male,,0,0,19988,30.5,C106,S
+300,1,1,"Baxter, Mrs. James (Helene DeLaudeniere Chaput)",female,50,0,1,PC 17558,247.5208,B58 B60,C
+301,1,3,"Kelly, Miss. Anna Katherine ""Annie Kate""",female,,0,0,9234,7.75,,Q
+302,1,3,"McCoy, Mr. Bernard",male,,2,0,367226,23.25,,Q
+303,0,3,"Johnson, Mr. William Cahoone Jr",male,19,0,0,LINE,0,,S
+304,1,2,"Keane, Miss. Nora A",female,,0,0,226593,12.35,E101,Q
+305,0,3,"Williams, Mr. Howard Hugh ""Harry""",male,,0,0,A/5 2466,8.05,,S
+306,1,1,"Allison, Master. Hudson Trevor",male,0.92,1,2,113781,151.55,C22 C26,S
+307,1,1,"Fleming, Miss. Margaret",female,,0,0,17421,110.8833,,C
+308,1,1,"Penasco y Castellana, Mrs. Victor de Satode (Maria Josefa Perez de Soto y Vallejo)",female,17,1,0,PC 17758,108.9,C65,C
+309,0,2,"Abelson, Mr. Samuel",male,30,1,0,P/PP 3381,24,,C
+310,1,1,"Francatelli, Miss. Laura Mabel",female,30,0,0,PC 17485,56.9292,E36,C
+311,1,1,"Hays, Miss. Margaret Bechstein",female,24,0,0,11767,83.1583,C54,C
+312,1,1,"Ryerson, Miss. Emily Borie",female,18,2,2,PC 17608,262.375,B57 B59 B63 B66,C
+313,0,2,"Lahtinen, Mrs. William (Anna Sylfven)",female,26,1,1,250651,26,,S
+314,0,3,"Hendekovic, Mr. Ignjac",male,28,0,0,349243,7.8958,,S
+315,0,2,"Hart, Mr. Benjamin",male,43,1,1,F.C.C. 13529,26.25,,S
+316,1,3,"Nilsson, Miss. Helmina Josefina",female,26,0,0,347470,7.8542,,S
+317,1,2,"Kantor, Mrs. Sinai (Miriam Sternin)",female,24,1,0,244367,26,,S
+318,0,2,"Moraweck, Dr. Ernest",male,54,0,0,29011,14,,S
+319,1,1,"Wick, Miss. Mary Natalie",female,31,0,2,36928,164.8667,C7,S
+320,1,1,"Spedden, Mrs. Frederic Oakley (Margaretta Corning Stone)",female,40,1,1,16966,134.5,E34,C
+321,0,3,"Dennis, Mr. Samuel",male,22,0,0,A/5 21172,7.25,,S
+322,0,3,"Danoff, Mr. Yoto",male,27,0,0,349219,7.8958,,S
+323,1,2,"Slayter, Miss. Hilda Mary",female,30,0,0,234818,12.35,,Q
+324,1,2,"Caldwell, Mrs. Albert Francis (Sylvia Mae Harbaugh)",female,22,1,1,248738,29,,S
+325,0,3,"Sage, Mr. George John Jr",male,,8,2,CA. 2343,69.55,,S
+326,1,1,"Young, Miss. Marie Grice",female,36,0,0,PC 17760,135.6333,C32,C
+327,0,3,"Nysveen, Mr. Johan Hansen",male,61,0,0,345364,6.2375,,S
+328,1,2,"Ball, Mrs. (Ada E Hall)",female,36,0,0,28551,13,D,S
+329,1,3,"Goldsmith, Mrs. Frank John (Emily Alice Brown)",female,31,1,1,363291,20.525,,S
+330,1,1,"Hippach, Miss. Jean Gertrude",female,16,0,1,111361,57.9792,B18,C
+331,1,3,"McCoy, Miss. Agnes",female,,2,0,367226,23.25,,Q
+332,0,1,"Partner, Mr. Austen",male,45.5,0,0,113043,28.5,C124,S
+333,0,1,"Graham, Mr. George Edward",male,38,0,1,PC 17582,153.4625,C91,S
+334,0,3,"Vander Planke, Mr. Leo Edmondus",male,16,2,0,345764,18,,S
+335,1,1,"Frauenthal, Mrs. Henry William (Clara Heinsheimer)",female,,1,0,PC 17611,133.65,,S
+336,0,3,"Denkoff, Mr. Mitto",male,,0,0,349225,7.8958,,S
+337,0,1,"Pears, Mr. Thomas Clinton",male,29,1,0,113776,66.6,C2,S
+338,1,1,"Burns, Miss. Elizabeth Margaret",female,41,0,0,16966,134.5,E40,C
+339,1,3,"Dahl, Mr. Karl Edwart",male,45,0,0,7598,8.05,,S
+340,0,1,"Blackwell, Mr. Stephen Weart",male,45,0,0,113784,35.5,T,S
+341,1,2,"Navratil, Master. Edmond Roger",male,2,1,1,230080,26,F2,S
+342,1,1,"Fortune, Miss. Alice Elizabeth",female,24,3,2,19950,263,C23 C25 C27,S
+343,0,2,"Collander, Mr. Erik Gustaf",male,28,0,0,248740,13,,S
+344,0,2,"Sedgwick, Mr. Charles Frederick Waddington",male,25,0,0,244361,13,,S
+345,0,2,"Fox, Mr. Stanley Hubert",male,36,0,0,229236,13,,S
+346,1,2,"Brown, Miss. Amelia ""Mildred""",female,24,0,0,248733,13,F33,S
+347,1,2,"Smith, Miss. Marion Elsie",female,40,0,0,31418,13,,S
+348,1,3,"Davison, Mrs. Thomas Henry (Mary E Finck)",female,,1,0,386525,16.1,,S
+349,1,3,"Coutts, Master. William Loch ""William""",male,3,1,1,C.A. 37671,15.9,,S
+350,0,3,"Dimic, Mr. Jovan",male,42,0,0,315088,8.6625,,S
+351,0,3,"Odahl, Mr. Nils Martin",male,23,0,0,7267,9.225,,S
+352,0,1,"Williams-Lambert, Mr. Fletcher Fellows",male,,0,0,113510,35,C128,S
+353,0,3,"Elias, Mr. Tannous",male,15,1,1,2695,7.2292,,C
+354,0,3,"Arnold-Franchi, Mr. Josef",male,25,1,0,349237,17.8,,S
+355,0,3,"Yousif, Mr. Wazli",male,,0,0,2647,7.225,,C
+356,0,3,"Vanden Steen, Mr. Leo Peter",male,28,0,0,345783,9.5,,S
+357,1,1,"Bowerman, Miss. Elsie Edith",female,22,0,1,113505,55,E33,S
+358,0,2,"Funk, Miss. Annie Clemmer",female,38,0,0,237671,13,,S
+359,1,3,"McGovern, Miss. Mary",female,,0,0,330931,7.8792,,Q
+360,1,3,"Mockler, Miss. Helen Mary ""Ellie""",female,,0,0,330980,7.8792,,Q
+361,0,3,"Skoog, Mr. Wilhelm",male,40,1,4,347088,27.9,,S
+362,0,2,"del Carlo, Mr. Sebastiano",male,29,1,0,SC/PARIS 2167,27.7208,,C
+363,0,3,"Barbara, Mrs. (Catherine David)",female,45,0,1,2691,14.4542,,C
+364,0,3,"Asim, Mr. Adola",male,35,0,0,SOTON/O.Q. 3101310,7.05,,S
+365,0,3,"O'Brien, Mr. Thomas",male,,1,0,370365,15.5,,Q
+366,0,3,"Adahl, Mr. Mauritz Nils Martin",male,30,0,0,C 7076,7.25,,S
+367,1,1,"Warren, Mrs. Frank Manley (Anna Sophia Atkinson)",female,60,1,0,110813,75.25,D37,C
+368,1,3,"Moussa, Mrs. (Mantoura Boulos)",female,,0,0,2626,7.2292,,C
+369,1,3,"Jermyn, Miss. Annie",female,,0,0,14313,7.75,,Q
+370,1,1,"Aubart, Mme. Leontine Pauline",female,24,0,0,PC 17477,69.3,B35,C
+371,1,1,"Harder, Mr. George Achilles",male,25,1,0,11765,55.4417,E50,C
+372,0,3,"Wiklund, Mr. Jakob Alfred",male,18,1,0,3101267,6.4958,,S
+373,0,3,"Beavan, Mr. William Thomas",male,19,0,0,323951,8.05,,S
+374,0,1,"Ringhini, Mr. Sante",male,22,0,0,PC 17760,135.6333,,C
+375,0,3,"Palsson, Miss. Stina Viola",female,3,3,1,349909,21.075,,S
+376,1,1,"Meyer, Mrs. Edgar Joseph (Leila Saks)",female,,1,0,PC 17604,82.1708,,C
+377,1,3,"Landergren, Miss. Aurora Adelia",female,22,0,0,C 7077,7.25,,S
+378,0,1,"Widener, Mr. Harry Elkins",male,27,0,2,113503,211.5,C82,C
+379,0,3,"Betros, Mr. Tannous",male,20,0,0,2648,4.0125,,C
+380,0,3,"Gustafsson, Mr. Karl Gideon",male,19,0,0,347069,7.775,,S
+381,1,1,"Bidois, Miss. Rosalie",female,42,0,0,PC 17757,227.525,,C
+382,1,3,"Nakid, Miss. Maria (""Mary"")",female,1,0,2,2653,15.7417,,C
+383,0,3,"Tikkanen, Mr. Juho",male,32,0,0,STON/O 2. 3101293,7.925,,S
+384,1,1,"Holverson, Mrs. Alexander Oskar (Mary Aline Towner)",female,35,1,0,113789,52,,S
+385,0,3,"Plotcharsky, Mr. Vasil",male,,0,0,349227,7.8958,,S
+386,0,2,"Davies, Mr. Charles Henry",male,18,0,0,S.O.C. 14879,73.5,,S
+387,0,3,"Goodwin, Master. Sidney Leonard",male,1,5,2,CA 2144,46.9,,S
+388,1,2,"Buss, Miss. Kate",female,36,0,0,27849,13,,S
+389,0,3,"Sadlier, Mr. Matthew",male,,0,0,367655,7.7292,,Q
+390,1,2,"Lehmann, Miss. Bertha",female,17,0,0,SC 1748,12,,C
+391,1,1,"Carter, Mr. William Ernest",male,36,1,2,113760,120,B96 B98,S
+392,1,3,"Jansson, Mr. Carl Olof",male,21,0,0,350034,7.7958,,S
+393,0,3,"Gustafsson, Mr. Johan Birger",male,28,2,0,3101277,7.925,,S
+394,1,1,"Newell, Miss. Marjorie",female,23,1,0,35273,113.275,D36,C
+395,1,3,"Sandstrom, Mrs. Hjalmar (Agnes Charlotta Bengtsson)",female,24,0,2,PP 9549,16.7,G6,S
+396,0,3,"Johansson, Mr. Erik",male,22,0,0,350052,7.7958,,S
+397,0,3,"Olsson, Miss. Elina",female,31,0,0,350407,7.8542,,S
+398,0,2,"McKane, Mr. Peter David",male,46,0,0,28403,26,,S
+399,0,2,"Pain, Dr. Alfred",male,23,0,0,244278,10.5,,S
+400,1,2,"Trout, Mrs. William H (Jessie L)",female,28,0,0,240929,12.65,,S
+401,1,3,"Niskanen, Mr. Juha",male,39,0,0,STON/O 2. 3101289,7.925,,S
+402,0,3,"Adams, Mr. John",male,26,0,0,341826,8.05,,S
+403,0,3,"Jussila, Miss. Mari Aina",female,21,1,0,4137,9.825,,S
+404,0,3,"Hakkarainen, Mr. Pekka Pietari",male,28,1,0,STON/O2. 3101279,15.85,,S
+405,0,3,"Oreskovic, Miss. Marija",female,20,0,0,315096,8.6625,,S
+406,0,2,"Gale, Mr. Shadrach",male,34,1,0,28664,21,,S
+407,0,3,"Widegren, Mr. Carl/Charles Peter",male,51,0,0,347064,7.75,,S
+408,1,2,"Richards, Master. William Rowe",male,3,1,1,29106,18.75,,S
+409,0,3,"Birkeland, Mr. Hans Martin Monsen",male,21,0,0,312992,7.775,,S
+410,0,3,"Lefebre, Miss. Ida",female,,3,1,4133,25.4667,,S
+411,0,3,"Sdycoff, Mr. Todor",male,,0,0,349222,7.8958,,S
+412,0,3,"Hart, Mr. Henry",male,,0,0,394140,6.8583,,Q
+413,1,1,"Minahan, Miss. Daisy E",female,33,1,0,19928,90,C78,Q
+414,0,2,"Cunningham, Mr. Alfred Fleming",male,,0,0,239853,0,,S
+415,1,3,"Sundman, Mr. Johan Julian",male,44,0,0,STON/O 2. 3101269,7.925,,S
+416,0,3,"Meek, Mrs. Thomas (Annie Louise Rowley)",female,,0,0,343095,8.05,,S
+417,1,2,"Drew, Mrs. James Vivian (Lulu Thorne Christian)",female,34,1,1,28220,32.5,,S
+418,1,2,"Silven, Miss. Lyyli Karoliina",female,18,0,2,250652,13,,S
+419,0,2,"Matthews, Mr. William John",male,30,0,0,28228,13,,S
+420,0,3,"Van Impe, Miss. Catharina",female,10,0,2,345773,24.15,,S
+421,0,3,"Gheorgheff, Mr. Stanio",male,,0,0,349254,7.8958,,C
+422,0,3,"Charters, Mr. David",male,21,0,0,A/5. 13032,7.7333,,Q
+423,0,3,"Zimmerman, Mr. Leo",male,29,0,0,315082,7.875,,S
+424,0,3,"Danbom, Mrs. Ernst Gilbert (Anna Sigrid Maria Brogren)",female,28,1,1,347080,14.4,,S
+425,0,3,"Rosblom, Mr. Viktor Richard",male,18,1,1,370129,20.2125,,S
+426,0,3,"Wiseman, Mr. Phillippe",male,,0,0,A/4. 34244,7.25,,S
+427,1,2,"Clarke, Mrs. Charles V (Ada Maria Winfield)",female,28,1,0,2003,26,,S
+428,1,2,"Phillips, Miss. Kate Florence (""Mrs Kate Louise Phillips Marshall"")",female,19,0,0,250655,26,,S
+429,0,3,"Flynn, Mr. James",male,,0,0,364851,7.75,,Q
+430,1,3,"Pickard, Mr. Berk (Berk Trembisky)",male,32,0,0,SOTON/O.Q. 392078,8.05,E10,S
+431,1,1,"Bjornstrom-Steffansson, Mr. Mauritz Hakan",male,28,0,0,110564,26.55,C52,S
+432,1,3,"Thorneycroft, Mrs. Percival (Florence Kate White)",female,,1,0,376564,16.1,,S
+433,1,2,"Louch, Mrs. Charles Alexander (Alice Adelaide Slow)",female,42,1,0,SC/AH 3085,26,,S
+434,0,3,"Kallio, Mr. Nikolai Erland",male,17,0,0,STON/O 2. 3101274,7.125,,S
+435,0,1,"Silvey, Mr. William Baird",male,50,1,0,13507,55.9,E44,S
+436,1,1,"Carter, Miss. Lucile Polk",female,14,1,2,113760,120,B96 B98,S
+437,0,3,"Ford, Miss. Doolina Margaret ""Daisy""",female,21,2,2,W./C. 6608,34.375,,S
+438,1,2,"Richards, Mrs. Sidney (Emily Hocking)",female,24,2,3,29106,18.75,,S
+439,0,1,"Fortune, Mr. Mark",male,64,1,4,19950,263,C23 C25 C27,S
+440,0,2,"Kvillner, Mr. Johan Henrik Johannesson",male,31,0,0,C.A. 18723,10.5,,S
+441,1,2,"Hart, Mrs. Benjamin (Esther Ada Bloomfield)",female,45,1,1,F.C.C. 13529,26.25,,S
+442,0,3,"Hampe, Mr. Leon",male,20,0,0,345769,9.5,,S
+443,0,3,"Petterson, Mr. Johan Emil",male,25,1,0,347076,7.775,,S
+444,1,2,"Reynaldo, Ms. Encarnacion",female,28,0,0,230434,13,,S
+445,1,3,"Johannesen-Bratthammer, Mr. Bernt",male,,0,0,65306,8.1125,,S
+446,1,1,"Dodge, Master. Washington",male,4,0,2,33638,81.8583,A34,S
+447,1,2,"Mellinger, Miss. Madeleine Violet",female,13,0,1,250644,19.5,,S
+448,1,1,"Seward, Mr. Frederic Kimber",male,34,0,0,113794,26.55,,S
+449,1,3,"Baclini, Miss. Marie Catherine",female,5,2,1,2666,19.2583,,C
+450,1,1,"Peuchen, Major. Arthur Godfrey",male,52,0,0,113786,30.5,C104,S
+451,0,2,"West, Mr. Edwy Arthur",male,36,1,2,C.A. 34651,27.75,,S
+452,0,3,"Hagland, Mr. Ingvald Olai Olsen",male,,1,0,65303,19.9667,,S
+453,0,1,"Foreman, Mr. Benjamin Laventall",male,30,0,0,113051,27.75,C111,C
+454,1,1,"Goldenberg, Mr. Samuel L",male,49,1,0,17453,89.1042,C92,C
+455,0,3,"Peduzzi, Mr. Joseph",male,,0,0,A/5 2817,8.05,,S
+456,1,3,"Jalsevac, Mr. Ivan",male,29,0,0,349240,7.8958,,C
+457,0,1,"Millet, Mr. Francis Davis",male,65,0,0,13509,26.55,E38,S
+458,1,1,"Kenyon, Mrs. Frederick R (Marion)",female,,1,0,17464,51.8625,D21,S
+459,1,2,"Toomey, Miss. Ellen",female,50,0,0,F.C.C. 13531,10.5,,S
+460,0,3,"O'Connor, Mr. Maurice",male,,0,0,371060,7.75,,Q
+461,1,1,"Anderson, Mr. Harry",male,48,0,0,19952,26.55,E12,S
+462,0,3,"Morley, Mr. William",male,34,0,0,364506,8.05,,S
+463,0,1,"Gee, Mr. Arthur H",male,47,0,0,111320,38.5,E63,S
+464,0,2,"Milling, Mr. Jacob Christian",male,48,0,0,234360,13,,S
+465,0,3,"Maisner, Mr. Simon",male,,0,0,A/S 2816,8.05,,S
+466,0,3,"Goncalves, Mr. Manuel Estanslas",male,38,0,0,SOTON/O.Q. 3101306,7.05,,S
+467,0,2,"Campbell, Mr. William",male,,0,0,239853,0,,S
+468,0,1,"Smart, Mr. John Montgomery",male,56,0,0,113792,26.55,,S
+469,0,3,"Scanlan, Mr. James",male,,0,0,36209,7.725,,Q
+470,1,3,"Baclini, Miss. Helene Barbara",female,0.75,2,1,2666,19.2583,,C
+471,0,3,"Keefe, Mr. Arthur",male,,0,0,323592,7.25,,S
+472,0,3,"Cacic, Mr. Luka",male,38,0,0,315089,8.6625,,S
+473,1,2,"West, Mrs. Edwy Arthur (Ada Mary Worth)",female,33,1,2,C.A. 34651,27.75,,S
+474,1,2,"Jerwan, Mrs. Amin S (Marie Marthe Thuillard)",female,23,0,0,SC/AH Basle 541,13.7917,D,C
+475,0,3,"Strandberg, Miss. Ida Sofia",female,22,0,0,7553,9.8375,,S
+476,0,1,"Clifford, Mr. George Quincy",male,,0,0,110465,52,A14,S
+477,0,2,"Renouf, Mr. Peter Henry",male,34,1,0,31027,21,,S
+478,0,3,"Braund, Mr. Lewis Richard",male,29,1,0,3460,7.0458,,S
+479,0,3,"Karlsson, Mr. Nils August",male,22,0,0,350060,7.5208,,S
+480,1,3,"Hirvonen, Miss. Hildur E",female,2,0,1,3101298,12.2875,,S
+481,0,3,"Goodwin, Master. Harold Victor",male,9,5,2,CA 2144,46.9,,S
+482,0,2,"Frost, Mr. Anthony Wood ""Archie""",male,,0,0,239854,0,,S
+483,0,3,"Rouse, Mr. Richard Henry",male,50,0,0,A/5 3594,8.05,,S
+484,1,3,"Turkula, Mrs. (Hedwig)",female,63,0,0,4134,9.5875,,S
+485,1,1,"Bishop, Mr. Dickinson H",male,25,1,0,11967,91.0792,B49,C
+486,0,3,"Lefebre, Miss. Jeannie",female,,3,1,4133,25.4667,,S
+487,1,1,"Hoyt, Mrs. Frederick Maxfield (Jane Anne Forby)",female,35,1,0,19943,90,C93,S
+488,0,1,"Kent, Mr. Edward Austin",male,58,0,0,11771,29.7,B37,C
+489,0,3,"Somerton, Mr. Francis William",male,30,0,0,A.5. 18509,8.05,,S
+490,1,3,"Coutts, Master. Eden Leslie ""Neville""",male,9,1,1,C.A. 37671,15.9,,S
+491,0,3,"Hagland, Mr. Konrad Mathias Reiersen",male,,1,0,65304,19.9667,,S
+492,0,3,"Windelov, Mr. Einar",male,21,0,0,SOTON/OQ 3101317,7.25,,S
+493,0,1,"Molson, Mr. Harry Markland",male,55,0,0,113787,30.5,C30,S
+494,0,1,"Artagaveytia, Mr. Ramon",male,71,0,0,PC 17609,49.5042,,C
+495,0,3,"Stanley, Mr. Edward Roland",male,21,0,0,A/4 45380,8.05,,S
+496,0,3,"Yousseff, Mr. Gerious",male,,0,0,2627,14.4583,,C
+497,1,1,"Eustis, Miss. Elizabeth Mussey",female,54,1,0,36947,78.2667,D20,C
+498,0,3,"Shellard, Mr. Frederick William",male,,0,0,C.A. 6212,15.1,,S
+499,0,1,"Allison, Mrs. Hudson J C (Bessie Waldo Daniels)",female,25,1,2,113781,151.55,C22 C26,S
+500,0,3,"Svensson, Mr. Olof",male,24,0,0,350035,7.7958,,S
+501,0,3,"Calic, Mr. Petar",male,17,0,0,315086,8.6625,,S
+502,0,3,"Canavan, Miss. Mary",female,21,0,0,364846,7.75,,Q
+503,0,3,"O'Sullivan, Miss. Bridget Mary",female,,0,0,330909,7.6292,,Q
+504,0,3,"Laitinen, Miss. Kristina Sofia",female,37,0,0,4135,9.5875,,S
+505,1,1,"Maioni, Miss. Roberta",female,16,0,0,110152,86.5,B79,S
+506,0,1,"Penasco y Castellana, Mr. Victor de Satode",male,18,1,0,PC 17758,108.9,C65,C
+507,1,2,"Quick, Mrs. Frederick Charles (Jane Richards)",female,33,0,2,26360,26,,S
+508,1,1,"Bradley, Mr. George (""George Arthur Brayton"")",male,,0,0,111427,26.55,,S
+509,0,3,"Olsen, Mr. Henry Margido",male,28,0,0,C 4001,22.525,,S
+510,1,3,"Lang, Mr. Fang",male,26,0,0,1601,56.4958,,S
+511,1,3,"Daly, Mr. Eugene Patrick",male,29,0,0,382651,7.75,,Q
+512,0,3,"Webber, Mr. James",male,,0,0,SOTON/OQ 3101316,8.05,,S
+513,1,1,"McGough, Mr. James Robert",male,36,0,0,PC 17473,26.2875,E25,S
+514,1,1,"Rothschild, Mrs. Martin (Elizabeth L. Barrett)",female,54,1,0,PC 17603,59.4,,C
+515,0,3,"Coleff, Mr. Satio",male,24,0,0,349209,7.4958,,S
+516,0,1,"Walker, Mr. William Anderson",male,47,0,0,36967,34.0208,D46,S
+517,1,2,"Lemore, Mrs. (Amelia Milley)",female,34,0,0,C.A. 34260,10.5,F33,S
+518,0,3,"Ryan, Mr. Patrick",male,,0,0,371110,24.15,,Q
+519,1,2,"Angle, Mrs. William A (Florence ""Mary"" Agnes Hughes)",female,36,1,0,226875,26,,S
+520,0,3,"Pavlovic, Mr. Stefo",male,32,0,0,349242,7.8958,,S
+521,1,1,"Perreault, Miss. Anne",female,30,0,0,12749,93.5,B73,S
+522,0,3,"Vovk, Mr. Janko",male,22,0,0,349252,7.8958,,S
+523,0,3,"Lahoud, Mr. Sarkis",male,,0,0,2624,7.225,,C
+524,1,1,"Hippach, Mrs. Louis Albert (Ida Sophia Fischer)",female,44,0,1,111361,57.9792,B18,C
+525,0,3,"Kassem, Mr. Fared",male,,0,0,2700,7.2292,,C
+526,0,3,"Farrell, Mr. James",male,40.5,0,0,367232,7.75,,Q
+527,1,2,"Ridsdale, Miss. Lucy",female,50,0,0,W./C. 14258,10.5,,S
+528,0,1,"Farthing, Mr. John",male,,0,0,PC 17483,221.7792,C95,S
+529,0,3,"Salonen, Mr. Johan Werner",male,39,0,0,3101296,7.925,,S
+530,0,2,"Hocking, Mr. Richard George",male,23,2,1,29104,11.5,,S
+531,1,2,"Quick, Miss. Phyllis May",female,2,1,1,26360,26,,S
+532,0,3,"Toufik, Mr. Nakli",male,,0,0,2641,7.2292,,C
+533,0,3,"Elias, Mr. Joseph Jr",male,17,1,1,2690,7.2292,,C
+534,1,3,"Peter, Mrs. Catherine (Catherine Rizk)",female,,0,2,2668,22.3583,,C
+535,0,3,"Cacic, Miss. Marija",female,30,0,0,315084,8.6625,,S
+536,1,2,"Hart, Miss. Eva Miriam",female,7,0,2,F.C.C. 13529,26.25,,S
+537,0,1,"Butt, Major. Archibald Willingham",male,45,0,0,113050,26.55,B38,S
+538,1,1,"LeRoy, Miss. Bertha",female,30,0,0,PC 17761,106.425,,C
+539,0,3,"Risien, Mr. Samuel Beard",male,,0,0,364498,14.5,,S
+540,1,1,"Frolicher, Miss. Hedwig Margaritha",female,22,0,2,13568,49.5,B39,C
+541,1,1,"Crosby, Miss. Harriet R",female,36,0,2,WE/P 5735,71,B22,S
+542,0,3,"Andersson, Miss. Ingeborg Constanzia",female,9,4,2,347082,31.275,,S
+543,0,3,"Andersson, Miss. Sigrid Elisabeth",female,11,4,2,347082,31.275,,S
+544,1,2,"Beane, Mr. Edward",male,32,1,0,2908,26,,S
+545,0,1,"Douglas, Mr. Walter Donald",male,50,1,0,PC 17761,106.425,C86,C
+546,0,1,"Nicholson, Mr. Arthur Ernest",male,64,0,0,693,26,,S
+547,1,2,"Beane, Mrs. Edward (Ethel Clarke)",female,19,1,0,2908,26,,S
+548,1,2,"Padro y Manent, Mr. Julian",male,,0,0,SC/PARIS 2146,13.8625,,C
+549,0,3,"Goldsmith, Mr. Frank John",male,33,1,1,363291,20.525,,S
+550,1,2,"Davies, Master. John Morgan Jr",male,8,1,1,C.A. 33112,36.75,,S
+551,1,1,"Thayer, Mr. John Borland Jr",male,17,0,2,17421,110.8833,C70,C
+552,0,2,"Sharp, Mr. Percival James R",male,27,0,0,244358,26,,S
+553,0,3,"O'Brien, Mr. Timothy",male,,0,0,330979,7.8292,,Q
+554,1,3,"Leeni, Mr. Fahim (""Philip Zenni"")",male,22,0,0,2620,7.225,,C
+555,1,3,"Ohman, Miss. Velin",female,22,0,0,347085,7.775,,S
+556,0,1,"Wright, Mr. George",male,62,0,0,113807,26.55,,S
+557,1,1,"Duff Gordon, Lady. (Lucille Christiana Sutherland) (""Mrs Morgan"")",female,48,1,0,11755,39.6,A16,C
+558,0,1,"Robbins, Mr. Victor",male,,0,0,PC 17757,227.525,,C
+559,1,1,"Taussig, Mrs. Emil (Tillie Mandelbaum)",female,39,1,1,110413,79.65,E67,S
+560,1,3,"de Messemaeker, Mrs. Guillaume Joseph (Emma)",female,36,1,0,345572,17.4,,S
+561,0,3,"Morrow, Mr. Thomas Rowan",male,,0,0,372622,7.75,,Q
+562,0,3,"Sivic, Mr. Husein",male,40,0,0,349251,7.8958,,S
+563,0,2,"Norman, Mr. Robert Douglas",male,28,0,0,218629,13.5,,S
+564,0,3,"Simmons, Mr. John",male,,0,0,SOTON/OQ 392082,8.05,,S
+565,0,3,"Meanwell, Miss. (Marion Ogden)",female,,0,0,SOTON/O.Q. 392087,8.05,,S
+566,0,3,"Davies, Mr. Alfred J",male,24,2,0,A/4 48871,24.15,,S
+567,0,3,"Stoytcheff, Mr. Ilia",male,19,0,0,349205,7.8958,,S
+568,0,3,"Palsson, Mrs. Nils (Alma Cornelia Berglund)",female,29,0,4,349909,21.075,,S
+569,0,3,"Doharr, Mr. Tannous",male,,0,0,2686,7.2292,,C
+570,1,3,"Jonsson, Mr. Carl",male,32,0,0,350417,7.8542,,S
+571,1,2,"Harris, Mr. George",male,62,0,0,S.W./PP 752,10.5,,S
+572,1,1,"Appleton, Mrs. Edward Dale (Charlotte Lamson)",female,53,2,0,11769,51.4792,C101,S
+573,1,1,"Flynn, Mr. John Irwin (""Irving"")",male,36,0,0,PC 17474,26.3875,E25,S
+574,1,3,"Kelly, Miss. Mary",female,,0,0,14312,7.75,,Q
+575,0,3,"Rush, Mr. Alfred George John",male,16,0,0,A/4. 20589,8.05,,S
+576,0,3,"Patchett, Mr. George",male,19,0,0,358585,14.5,,S
+577,1,2,"Garside, Miss. Ethel",female,34,0,0,243880,13,,S
+578,1,1,"Silvey, Mrs. William Baird (Alice Munger)",female,39,1,0,13507,55.9,E44,S
+579,0,3,"Caram, Mrs. Joseph (Maria Elias)",female,,1,0,2689,14.4583,,C
+580,1,3,"Jussila, Mr. Eiriik",male,32,0,0,STON/O 2. 3101286,7.925,,S
+581,1,2,"Christy, Miss. Julie Rachel",female,25,1,1,237789,30,,S
+582,1,1,"Thayer, Mrs. John Borland (Marian Longstreth Morris)",female,39,1,1,17421,110.8833,C68,C
+583,0,2,"Downton, Mr. William James",male,54,0,0,28403,26,,S
+584,0,1,"Ross, Mr. John Hugo",male,36,0,0,13049,40.125,A10,C
+585,0,3,"Paulner, Mr. Uscher",male,,0,0,3411,8.7125,,C
+586,1,1,"Taussig, Miss. Ruth",female,18,0,2,110413,79.65,E68,S
+587,0,2,"Jarvis, Mr. John Denzil",male,47,0,0,237565,15,,S
+588,1,1,"Frolicher-Stehli, Mr. Maxmillian",male,60,1,1,13567,79.2,B41,C
+589,0,3,"Gilinski, Mr. Eliezer",male,22,0,0,14973,8.05,,S
+590,0,3,"Murdlin, Mr. Joseph",male,,0,0,A./5. 3235,8.05,,S
+591,0,3,"Rintamaki, Mr. Matti",male,35,0,0,STON/O 2. 3101273,7.125,,S
+592,1,1,"Stephenson, Mrs. Walter Bertram (Martha Eustis)",female,52,1,0,36947,78.2667,D20,C
+593,0,3,"Elsbury, Mr. William James",male,47,0,0,A/5 3902,7.25,,S
+594,0,3,"Bourke, Miss. Mary",female,,0,2,364848,7.75,,Q
+595,0,2,"Chapman, Mr. John Henry",male,37,1,0,SC/AH 29037,26,,S
+596,0,3,"Van Impe, Mr. Jean Baptiste",male,36,1,1,345773,24.15,,S
+597,1,2,"Leitch, Miss. Jessie Wills",female,,0,0,248727,33,,S
+598,0,3,"Johnson, Mr. Alfred",male,49,0,0,LINE,0,,S
+599,0,3,"Boulos, Mr. Hanna",male,,0,0,2664,7.225,,C
+600,1,1,"Duff Gordon, Sir. Cosmo Edmund (""Mr Morgan"")",male,49,1,0,PC 17485,56.9292,A20,C
+601,1,2,"Jacobsohn, Mrs. Sidney Samuel (Amy Frances Christy)",female,24,2,1,243847,27,,S
+602,0,3,"Slabenoff, Mr. Petco",male,,0,0,349214,7.8958,,S
+603,0,1,"Harrington, Mr. Charles H",male,,0,0,113796,42.4,,S
+604,0,3,"Torber, Mr. Ernst William",male,44,0,0,364511,8.05,,S
+605,1,1,"Homer, Mr. Harry (""Mr E Haven"")",male,35,0,0,111426,26.55,,C
+606,0,3,"Lindell, Mr. Edvard Bengtsson",male,36,1,0,349910,15.55,,S
+607,0,3,"Karaic, Mr. Milan",male,30,0,0,349246,7.8958,,S
+608,1,1,"Daniel, Mr. Robert Williams",male,27,0,0,113804,30.5,,S
+609,1,2,"Laroche, Mrs. Joseph (Juliette Marie Louise Lafargue)",female,22,1,2,SC/Paris 2123,41.5792,,C
+610,1,1,"Shutes, Miss. Elizabeth W",female,40,0,0,PC 17582,153.4625,C125,S
+611,0,3,"Andersson, Mrs. Anders Johan (Alfrida Konstantia Brogren)",female,39,1,5,347082,31.275,,S
+612,0,3,"Jardin, Mr. Jose Neto",male,,0,0,SOTON/O.Q. 3101305,7.05,,S
+613,1,3,"Murphy, Miss. Margaret Jane",female,,1,0,367230,15.5,,Q
+614,0,3,"Horgan, Mr. John",male,,0,0,370377,7.75,,Q
+615,0,3,"Brocklebank, Mr. William Alfred",male,35,0,0,364512,8.05,,S
+616,1,2,"Herman, Miss. Alice",female,24,1,2,220845,65,,S
+617,0,3,"Danbom, Mr. Ernst Gilbert",male,34,1,1,347080,14.4,,S
+618,0,3,"Lobb, Mrs. William Arthur (Cordelia K Stanlick)",female,26,1,0,A/5. 3336,16.1,,S
+619,1,2,"Becker, Miss. Marion Louise",female,4,2,1,230136,39,F4,S
+620,0,2,"Gavey, Mr. Lawrence",male,26,0,0,31028,10.5,,S
+621,0,3,"Yasbeck, Mr. Antoni",male,27,1,0,2659,14.4542,,C
+622,1,1,"Kimball, Mr. Edwin Nelson Jr",male,42,1,0,11753,52.5542,D19,S
+623,1,3,"Nakid, Mr. Sahid",male,20,1,1,2653,15.7417,,C
+624,0,3,"Hansen, Mr. Henry Damsgaard",male,21,0,0,350029,7.8542,,S
+625,0,3,"Bowen, Mr. David John ""Dai""",male,21,0,0,54636,16.1,,S
+626,0,1,"Sutton, Mr. Frederick",male,61,0,0,36963,32.3208,D50,S
+627,0,2,"Kirkland, Rev. Charles Leonard",male,57,0,0,219533,12.35,,Q
+628,1,1,"Longley, Miss. Gretchen Fiske",female,21,0,0,13502,77.9583,D9,S
+629,0,3,"Bostandyeff, Mr. Guentcho",male,26,0,0,349224,7.8958,,S
+630,0,3,"O'Connell, Mr. Patrick D",male,,0,0,334912,7.7333,,Q
+631,1,1,"Barkworth, Mr. Algernon Henry Wilson",male,80,0,0,27042,30,A23,S
+632,0,3,"Lundahl, Mr. Johan Svensson",male,51,0,0,347743,7.0542,,S
+633,1,1,"Stahelin-Maeglin, Dr. Max",male,32,0,0,13214,30.5,B50,C
+634,0,1,"Parr, Mr. William Henry Marsh",male,,0,0,112052,0,,S
+635,0,3,"Skoog, Miss. Mabel",female,9,3,2,347088,27.9,,S
+636,1,2,"Davis, Miss. Mary",female,28,0,0,237668,13,,S
+637,0,3,"Leinonen, Mr. Antti Gustaf",male,32,0,0,STON/O 2. 3101292,7.925,,S
+638,0,2,"Collyer, Mr. Harvey",male,31,1,1,C.A. 31921,26.25,,S
+639,0,3,"Panula, Mrs. Juha (Maria Emilia Ojala)",female,41,0,5,3101295,39.6875,,S
+640,0,3,"Thorneycroft, Mr. Percival",male,,1,0,376564,16.1,,S
+641,0,3,"Jensen, Mr. Hans Peder",male,20,0,0,350050,7.8542,,S
+642,1,1,"Sagesser, Mlle. Emma",female,24,0,0,PC 17477,69.3,B35,C
+643,0,3,"Skoog, Miss. Margit Elizabeth",female,2,3,2,347088,27.9,,S
+644,1,3,"Foo, Mr. Choong",male,,0,0,1601,56.4958,,S
+645,1,3,"Baclini, Miss. Eugenie",female,0.75,2,1,2666,19.2583,,C
+646,1,1,"Harper, Mr. Henry Sleeper",male,48,1,0,PC 17572,76.7292,D33,C
+647,0,3,"Cor, Mr. Liudevit",male,19,0,0,349231,7.8958,,S
+648,1,1,"Simonius-Blumer, Col. Oberst Alfons",male,56,0,0,13213,35.5,A26,C
+649,0,3,"Willey, Mr. Edward",male,,0,0,S.O./P.P. 751,7.55,,S
+650,1,3,"Stanley, Miss. Amy Zillah Elsie",female,23,0,0,CA. 2314,7.55,,S
+651,0,3,"Mitkoff, Mr. Mito",male,,0,0,349221,7.8958,,S
+652,1,2,"Doling, Miss. Elsie",female,18,0,1,231919,23,,S
+653,0,3,"Kalvik, Mr. Johannes Halvorsen",male,21,0,0,8475,8.4333,,S
+654,1,3,"O'Leary, Miss. Hanora ""Norah""",female,,0,0,330919,7.8292,,Q
+655,0,3,"Hegarty, Miss. Hanora ""Nora""",female,18,0,0,365226,6.75,,Q
+656,0,2,"Hickman, Mr. Leonard Mark",male,24,2,0,S.O.C. 14879,73.5,,S
+657,0,3,"Radeff, Mr. Alexander",male,,0,0,349223,7.8958,,S
+658,0,3,"Bourke, Mrs. John (Catherine)",female,32,1,1,364849,15.5,,Q
+659,0,2,"Eitemiller, Mr. George Floyd",male,23,0,0,29751,13,,S
+660,0,1,"Newell, Mr. Arthur Webster",male,58,0,2,35273,113.275,D48,C
+661,1,1,"Frauenthal, Dr. Henry William",male,50,2,0,PC 17611,133.65,,S
+662,0,3,"Badt, Mr. Mohamed",male,40,0,0,2623,7.225,,C
+663,0,1,"Colley, Mr. Edward Pomeroy",male,47,0,0,5727,25.5875,E58,S
+664,0,3,"Coleff, Mr. Peju",male,36,0,0,349210,7.4958,,S
+665,1,3,"Lindqvist, Mr. Eino William",male,20,1,0,STON/O 2. 3101285,7.925,,S
+666,0,2,"Hickman, Mr. Lewis",male,32,2,0,S.O.C. 14879,73.5,,S
+667,0,2,"Butler, Mr. Reginald Fenton",male,25,0,0,234686,13,,S
+668,0,3,"Rommetvedt, Mr. Knud Paust",male,,0,0,312993,7.775,,S
+669,0,3,"Cook, Mr. Jacob",male,43,0,0,A/5 3536,8.05,,S
+670,1,1,"Taylor, Mrs. Elmer Zebley (Juliet Cummins Wright)",female,,1,0,19996,52,C126,S
+671,1,2,"Brown, Mrs. Thomas William Solomon (Elizabeth Catherine Ford)",female,40,1,1,29750,39,,S
+672,0,1,"Davidson, Mr. Thornton",male,31,1,0,F.C. 12750,52,B71,S
+673,0,2,"Mitchell, Mr. Henry Michael",male,70,0,0,C.A. 24580,10.5,,S
+674,1,2,"Wilhelms, Mr. Charles",male,31,0,0,244270,13,,S
+675,0,2,"Watson, Mr. Ennis Hastings",male,,0,0,239856,0,,S
+676,0,3,"Edvardsson, Mr. Gustaf Hjalmar",male,18,0,0,349912,7.775,,S
+677,0,3,"Sawyer, Mr. Frederick Charles",male,24.5,0,0,342826,8.05,,S
+678,1,3,"Turja, Miss. Anna Sofia",female,18,0,0,4138,9.8417,,S
+679,0,3,"Goodwin, Mrs. Frederick (Augusta Tyler)",female,43,1,6,CA 2144,46.9,,S
+680,1,1,"Cardeza, Mr. Thomas Drake Martinez",male,36,0,1,PC 17755,512.3292,B51 B53 B55,C
+681,0,3,"Peters, Miss. Katie",female,,0,0,330935,8.1375,,Q
+682,1,1,"Hassab, Mr. Hammad",male,27,0,0,PC 17572,76.7292,D49,C
+683,0,3,"Olsvigen, Mr. Thor Anderson",male,20,0,0,6563,9.225,,S
+684,0,3,"Goodwin, Mr. Charles Edward",male,14,5,2,CA 2144,46.9,,S
+685,0,2,"Brown, Mr. Thomas William Solomon",male,60,1,1,29750,39,,S
+686,0,2,"Laroche, Mr. Joseph Philippe Lemercier",male,25,1,2,SC/Paris 2123,41.5792,,C
+687,0,3,"Panula, Mr. Jaako Arnold",male,14,4,1,3101295,39.6875,,S
+688,0,3,"Dakic, Mr. Branko",male,19,0,0,349228,10.1708,,S
+689,0,3,"Fischer, Mr. Eberhard Thelander",male,18,0,0,350036,7.7958,,S
+690,1,1,"Madill, Miss. Georgette Alexandra",female,15,0,1,24160,211.3375,B5,S
+691,1,1,"Dick, Mr. Albert Adrian",male,31,1,0,17474,57,B20,S
+692,1,3,"Karun, Miss. Manca",female,4,0,1,349256,13.4167,,C
+693,1,3,"Lam, Mr. Ali",male,,0,0,1601,56.4958,,S
+694,0,3,"Saad, Mr. Khalil",male,25,0,0,2672,7.225,,C
+695,0,1,"Weir, Col. John",male,60,0,0,113800,26.55,,S
+696,0,2,"Chapman, Mr. Charles Henry",male,52,0,0,248731,13.5,,S
+697,0,3,"Kelly, Mr. James",male,44,0,0,363592,8.05,,S
+698,1,3,"Mullens, Miss. Katherine ""Katie""",female,,0,0,35852,7.7333,,Q
+699,0,1,"Thayer, Mr. John Borland",male,49,1,1,17421,110.8833,C68,C
+700,0,3,"Humblen, Mr. Adolf Mathias Nicolai Olsen",male,42,0,0,348121,7.65,F G63,S
+701,1,1,"Astor, Mrs. John Jacob (Madeleine Talmadge Force)",female,18,1,0,PC 17757,227.525,C62 C64,C
+702,1,1,"Silverthorne, Mr. Spencer Victor",male,35,0,0,PC 17475,26.2875,E24,S
+703,0,3,"Barbara, Miss. Saiide",female,18,0,1,2691,14.4542,,C
+704,0,3,"Gallagher, Mr. Martin",male,25,0,0,36864,7.7417,,Q
+705,0,3,"Hansen, Mr. Henrik Juul",male,26,1,0,350025,7.8542,,S
+706,0,2,"Morley, Mr. Henry Samuel (""Mr Henry Marshall"")",male,39,0,0,250655,26,,S
+707,1,2,"Kelly, Mrs. Florence ""Fannie""",female,45,0,0,223596,13.5,,S
+708,1,1,"Calderhead, Mr. Edward Pennington",male,42,0,0,PC 17476,26.2875,E24,S
+709,1,1,"Cleaver, Miss. Alice",female,22,0,0,113781,151.55,,S
+710,1,3,"Moubarek, Master. Halim Gonios (""William George"")",male,,1,1,2661,15.2458,,C
+711,1,1,"Mayne, Mlle. Berthe Antonine (""Mrs de Villiers"")",female,24,0,0,PC 17482,49.5042,C90,C
+712,0,1,"Klaber, Mr. Herman",male,,0,0,113028,26.55,C124,S
+713,1,1,"Taylor, Mr. Elmer Zebley",male,48,1,0,19996,52,C126,S
+714,0,3,"Larsson, Mr. August Viktor",male,29,0,0,7545,9.4833,,S
+715,0,2,"Greenberg, Mr. Samuel",male,52,0,0,250647,13,,S
+716,0,3,"Soholt, Mr. Peter Andreas Lauritz Andersen",male,19,0,0,348124,7.65,F G73,S
+717,1,1,"Endres, Miss. Caroline Louise",female,38,0,0,PC 17757,227.525,C45,C
+718,1,2,"Troutt, Miss. Edwina Celia ""Winnie""",female,27,0,0,34218,10.5,E101,S
+719,0,3,"McEvoy, Mr. Michael",male,,0,0,36568,15.5,,Q
+720,0,3,"Johnson, Mr. Malkolm Joackim",male,33,0,0,347062,7.775,,S
+721,1,2,"Harper, Miss. Annie Jessie ""Nina""",female,6,0,1,248727,33,,S
+722,0,3,"Jensen, Mr. Svend Lauritz",male,17,1,0,350048,7.0542,,S
+723,0,2,"Gillespie, Mr. William Henry",male,34,0,0,12233,13,,S
+724,0,2,"Hodges, Mr. Henry Price",male,50,0,0,250643,13,,S
+725,1,1,"Chambers, Mr. Norman Campbell",male,27,1,0,113806,53.1,E8,S
+726,0,3,"Oreskovic, Mr. Luka",male,20,0,0,315094,8.6625,,S
+727,1,2,"Renouf, Mrs. Peter Henry (Lillian Jefferys)",female,30,3,0,31027,21,,S
+728,1,3,"Mannion, Miss. Margareth",female,,0,0,36866,7.7375,,Q
+729,0,2,"Bryhl, Mr. Kurt Arnold Gottfrid",male,25,1,0,236853,26,,S
+730,0,3,"Ilmakangas, Miss. Pieta Sofia",female,25,1,0,STON/O2. 3101271,7.925,,S
+731,1,1,"Allen, Miss. Elisabeth Walton",female,29,0,0,24160,211.3375,B5,S
+732,0,3,"Hassan, Mr. Houssein G N",male,11,0,0,2699,18.7875,,C
+733,0,2,"Knight, Mr. Robert J",male,,0,0,239855,0,,S
+734,0,2,"Berriman, Mr. William John",male,23,0,0,28425,13,,S
+735,0,2,"Troupiansky, Mr. Moses Aaron",male,23,0,0,233639,13,,S
+736,0,3,"Williams, Mr. Leslie",male,28.5,0,0,54636,16.1,,S
+737,0,3,"Ford, Mrs. Edward (Margaret Ann Watson)",female,48,1,3,W./C. 6608,34.375,,S
+738,1,1,"Lesurer, Mr. Gustave J",male,35,0,0,PC 17755,512.3292,B101,C
+739,0,3,"Ivanoff, Mr. Kanio",male,,0,0,349201,7.8958,,S
+740,0,3,"Nankoff, Mr. Minko",male,,0,0,349218,7.8958,,S
+741,1,1,"Hawksford, Mr. Walter James",male,,0,0,16988,30,D45,S
+742,0,1,"Cavendish, Mr. Tyrell William",male,36,1,0,19877,78.85,C46,S
+743,1,1,"Ryerson, Miss. Susan Parker ""Suzette""",female,21,2,2,PC 17608,262.375,B57 B59 B63 B66,C
+744,0,3,"McNamee, Mr. Neal",male,24,1,0,376566,16.1,,S
+745,1,3,"Stranden, Mr. Juho",male,31,0,0,STON/O 2. 3101288,7.925,,S
+746,0,1,"Crosby, Capt. Edward Gifford",male,70,1,1,WE/P 5735,71,B22,S
+747,0,3,"Abbott, Mr. Rossmore Edward",male,16,1,1,C.A. 2673,20.25,,S
+748,1,2,"Sinkkonen, Miss. Anna",female,30,0,0,250648,13,,S
+749,0,1,"Marvin, Mr. Daniel Warner",male,19,1,0,113773,53.1,D30,S
+750,0,3,"Connaghton, Mr. Michael",male,31,0,0,335097,7.75,,Q
+751,1,2,"Wells, Miss. Joan",female,4,1,1,29103,23,,S
+752,1,3,"Moor, Master. Meier",male,6,0,1,392096,12.475,E121,S
+753,0,3,"Vande Velde, Mr. Johannes Joseph",male,33,0,0,345780,9.5,,S
+754,0,3,"Jonkoff, Mr. Lalio",male,23,0,0,349204,7.8958,,S
+755,1,2,"Herman, Mrs. Samuel (Jane Laver)",female,48,1,2,220845,65,,S
+756,1,2,"Hamalainen, Master. Viljo",male,0.67,1,1,250649,14.5,,S
+757,0,3,"Carlsson, Mr. August Sigfrid",male,28,0,0,350042,7.7958,,S
+758,0,2,"Bailey, Mr. Percy Andrew",male,18,0,0,29108,11.5,,S
+759,0,3,"Theobald, Mr. Thomas Leonard",male,34,0,0,363294,8.05,,S
+760,1,1,"Rothes, the Countess. of (Lucy Noel Martha Dyer-Edwards)",female,33,0,0,110152,86.5,B77,S
+761,0,3,"Garfirth, Mr. John",male,,0,0,358585,14.5,,S
+762,0,3,"Nirva, Mr. Iisakki Antino Aijo",male,41,0,0,SOTON/O2 3101272,7.125,,S
+763,1,3,"Barah, Mr. Hanna Assi",male,20,0,0,2663,7.2292,,C
+764,1,1,"Carter, Mrs. William Ernest (Lucile Polk)",female,36,1,2,113760,120,B96 B98,S
+765,0,3,"Eklund, Mr. Hans Linus",male,16,0,0,347074,7.775,,S
+766,1,1,"Hogeboom, Mrs. John C (Anna Andrews)",female,51,1,0,13502,77.9583,D11,S
+767,0,1,"Brewe, Dr. Arthur Jackson",male,,0,0,112379,39.6,,C
+768,0,3,"Mangan, Miss. Mary",female,30.5,0,0,364850,7.75,,Q
+769,0,3,"Moran, Mr. Daniel J",male,,1,0,371110,24.15,,Q
+770,0,3,"Gronnestad, Mr. Daniel Danielsen",male,32,0,0,8471,8.3625,,S
+771,0,3,"Lievens, Mr. Rene Aime",male,24,0,0,345781,9.5,,S
+772,0,3,"Jensen, Mr. Niels Peder",male,48,0,0,350047,7.8542,,S
+773,0,2,"Mack, Mrs. (Mary)",female,57,0,0,S.O./P.P. 3,10.5,E77,S
+774,0,3,"Elias, Mr. Dibo",male,,0,0,2674,7.225,,C
+775,1,2,"Hocking, Mrs. Elizabeth (Eliza Needs)",female,54,1,3,29105,23,,S
+776,0,3,"Myhrman, Mr. Pehr Fabian Oliver Malkolm",male,18,0,0,347078,7.75,,S
+777,0,3,"Tobin, Mr. Roger",male,,0,0,383121,7.75,F38,Q
+778,1,3,"Emanuel, Miss. Virginia Ethel",female,5,0,0,364516,12.475,,S
+779,0,3,"Kilgannon, Mr. Thomas J",male,,0,0,36865,7.7375,,Q
+780,1,1,"Robert, Mrs. Edward Scott (Elisabeth Walton McMillan)",female,43,0,1,24160,211.3375,B3,S
+781,1,3,"Ayoub, Miss. Banoura",female,13,0,0,2687,7.2292,,C
+782,1,1,"Dick, Mrs. Albert Adrian (Vera Gillespie)",female,17,1,0,17474,57,B20,S
+783,0,1,"Long, Mr. Milton Clyde",male,29,0,0,113501,30,D6,S
+784,0,3,"Johnston, Mr. Andrew G",male,,1,2,W./C. 6607,23.45,,S
+785,0,3,"Ali, Mr. William",male,25,0,0,SOTON/O.Q. 3101312,7.05,,S
+786,0,3,"Harmer, Mr. Abraham (David Lishin)",male,25,0,0,374887,7.25,,S
+787,1,3,"Sjoblom, Miss. Anna Sofia",female,18,0,0,3101265,7.4958,,S
+788,0,3,"Rice, Master. George Hugh",male,8,4,1,382652,29.125,,Q
+789,1,3,"Dean, Master. Bertram Vere",male,1,1,2,C.A. 2315,20.575,,S
+790,0,1,"Guggenheim, Mr. Benjamin",male,46,0,0,PC 17593,79.2,B82 B84,C
+791,0,3,"Keane, Mr. Andrew ""Andy""",male,,0,0,12460,7.75,,Q
+792,0,2,"Gaskell, Mr. Alfred",male,16,0,0,239865,26,,S
+793,0,3,"Sage, Miss. Stella Anna",female,,8,2,CA. 2343,69.55,,S
+794,0,1,"Hoyt, Mr. William Fisher",male,,0,0,PC 17600,30.6958,,C
+795,0,3,"Dantcheff, Mr. Ristiu",male,25,0,0,349203,7.8958,,S
+796,0,2,"Otter, Mr. Richard",male,39,0,0,28213,13,,S
+797,1,1,"Leader, Dr. Alice (Farnham)",female,49,0,0,17465,25.9292,D17,S
+798,1,3,"Osman, Mrs. Mara",female,31,0,0,349244,8.6833,,S
+799,0,3,"Ibrahim Shawah, Mr. Yousseff",male,30,0,0,2685,7.2292,,C
+800,0,3,"Van Impe, Mrs. Jean Baptiste (Rosalie Paula Govaert)",female,30,1,1,345773,24.15,,S
+801,0,2,"Ponesell, Mr. Martin",male,34,0,0,250647,13,,S
+802,1,2,"Collyer, Mrs. Harvey (Charlotte Annie Tate)",female,31,1,1,C.A. 31921,26.25,,S
+803,1,1,"Carter, Master. William Thornton II",male,11,1,2,113760,120,B96 B98,S
+804,1,3,"Thomas, Master. Assad Alexander",male,0.42,0,1,2625,8.5167,,C
+805,1,3,"Hedman, Mr. Oskar Arvid",male,27,0,0,347089,6.975,,S
+806,0,3,"Johansson, Mr. Karl Johan",male,31,0,0,347063,7.775,,S
+807,0,1,"Andrews, Mr. Thomas Jr",male,39,0,0,112050,0,A36,S
+808,0,3,"Pettersson, Miss. Ellen Natalia",female,18,0,0,347087,7.775,,S
+809,0,2,"Meyer, Mr. August",male,39,0,0,248723,13,,S
+810,1,1,"Chambers, Mrs. Norman Campbell (Bertha Griggs)",female,33,1,0,113806,53.1,E8,S
+811,0,3,"Alexander, Mr. William",male,26,0,0,3474,7.8875,,S
+812,0,3,"Lester, Mr. James",male,39,0,0,A/4 48871,24.15,,S
+813,0,2,"Slemen, Mr. Richard James",male,35,0,0,28206,10.5,,S
+814,0,3,"Andersson, Miss. Ebba Iris Alfrida",female,6,4,2,347082,31.275,,S
+815,0,3,"Tomlin, Mr. Ernest Portage",male,30.5,0,0,364499,8.05,,S
+816,0,1,"Fry, Mr. Richard",male,,0,0,112058,0,B102,S
+817,0,3,"Heininen, Miss. Wendla Maria",female,23,0,0,STON/O2. 3101290,7.925,,S
+818,0,2,"Mallet, Mr. Albert",male,31,1,1,S.C./PARIS 2079,37.0042,,C
+819,0,3,"Holm, Mr. John Fredrik Alexander",male,43,0,0,C 7075,6.45,,S
+820,0,3,"Skoog, Master. Karl Thorsten",male,10,3,2,347088,27.9,,S
+821,1,1,"Hays, Mrs. Charles Melville (Clara Jennings Gregg)",female,52,1,1,12749,93.5,B69,S
+822,1,3,"Lulic, Mr. Nikola",male,27,0,0,315098,8.6625,,S
+823,0,1,"Reuchlin, Jonkheer. John George",male,38,0,0,19972,0,,S
+824,1,3,"Moor, Mrs. (Beila)",female,27,0,1,392096,12.475,E121,S
+825,0,3,"Panula, Master. Urho Abraham",male,2,4,1,3101295,39.6875,,S
+826,0,3,"Flynn, Mr. John",male,,0,0,368323,6.95,,Q
+827,0,3,"Lam, Mr. Len",male,,0,0,1601,56.4958,,S
+828,1,2,"Mallet, Master. Andre",male,1,0,2,S.C./PARIS 2079,37.0042,,C
+829,1,3,"McCormack, Mr. Thomas Joseph",male,,0,0,367228,7.75,,Q
+830,1,1,"Stone, Mrs. George Nelson (Martha Evelyn)",female,62,0,0,113572,80,B28,
+831,1,3,"Yasbeck, Mrs. Antoni (Selini Alexander)",female,15,1,0,2659,14.4542,,C
+832,1,2,"Richards, Master. George Sibley",male,0.83,1,1,29106,18.75,,S
+833,0,3,"Saad, Mr. Amin",male,,0,0,2671,7.2292,,C
+834,0,3,"Augustsson, Mr. Albert",male,23,0,0,347468,7.8542,,S
+835,0,3,"Allum, Mr. Owen George",male,18,0,0,2223,8.3,,S
+836,1,1,"Compton, Miss. Sara Rebecca",female,39,1,1,PC 17756,83.1583,E49,C
+837,0,3,"Pasic, Mr. Jakob",male,21,0,0,315097,8.6625,,S
+838,0,3,"Sirota, Mr. Maurice",male,,0,0,392092,8.05,,S
+839,1,3,"Chip, Mr. Chang",male,32,0,0,1601,56.4958,,S
+840,1,1,"Marechal, Mr. Pierre",male,,0,0,11774,29.7,C47,C
+841,0,3,"Alhomaki, Mr. Ilmari Rudolf",male,20,0,0,SOTON/O2 3101287,7.925,,S
+842,0,2,"Mudd, Mr. Thomas Charles",male,16,0,0,S.O./P.P. 3,10.5,,S
+843,1,1,"Serepeca, Miss. Augusta",female,30,0,0,113798,31,,C
+844,0,3,"Lemberopolous, Mr. Peter L",male,34.5,0,0,2683,6.4375,,C
+845,0,3,"Culumovic, Mr. Jeso",male,17,0,0,315090,8.6625,,S
+846,0,3,"Abbing, Mr. Anthony",male,42,0,0,C.A. 5547,7.55,,S
+847,0,3,"Sage, Mr. Douglas Bullen",male,,8,2,CA. 2343,69.55,,S
+848,0,3,"Markoff, Mr. Marin",male,35,0,0,349213,7.8958,,C
+849,0,2,"Harper, Rev. John",male,28,0,1,248727,33,,S
+850,1,1,"Goldenberg, Mrs. Samuel L (Edwiga Grabowska)",female,,1,0,17453,89.1042,C92,C
+851,0,3,"Andersson, Master. Sigvard Harald Elias",male,4,4,2,347082,31.275,,S
+852,0,3,"Svensson, Mr. Johan",male,74,0,0,347060,7.775,,S
+853,0,3,"Boulos, Miss. Nourelain",female,9,1,1,2678,15.2458,,C
+854,1,1,"Lines, Miss. Mary Conover",female,16,0,1,PC 17592,39.4,D28,S
+855,0,2,"Carter, Mrs. Ernest Courtenay (Lilian Hughes)",female,44,1,0,244252,26,,S
+856,1,3,"Aks, Mrs. Sam (Leah Rosen)",female,18,0,1,392091,9.35,,S
+857,1,1,"Wick, Mrs. George Dennick (Mary Hitchcock)",female,45,1,1,36928,164.8667,,S
+858,1,1,"Daly, Mr. Peter Denis ",male,51,0,0,113055,26.55,E17,S
+859,1,3,"Baclini, Mrs. Solomon (Latifa Qurban)",female,24,0,3,2666,19.2583,,C
+860,0,3,"Razi, Mr. Raihed",male,,0,0,2629,7.2292,,C
+861,0,3,"Hansen, Mr. Claus Peter",male,41,2,0,350026,14.1083,,S
+862,0,2,"Giles, Mr. Frederick Edward",male,21,1,0,28134,11.5,,S
+863,1,1,"Swift, Mrs. Frederick Joel (Margaret Welles Barron)",female,48,0,0,17466,25.9292,D17,S
+864,0,3,"Sage, Miss. Dorothy Edith ""Dolly""",female,,8,2,CA. 2343,69.55,,S
+865,0,2,"Gill, Mr. John William",male,24,0,0,233866,13,,S
+866,1,2,"Bystrom, Mrs. (Karolina)",female,42,0,0,236852,13,,S
+867,1,2,"Duran y More, Miss. Asuncion",female,27,1,0,SC/PARIS 2149,13.8583,,C
+868,0,1,"Roebling, Mr. Washington Augustus II",male,31,0,0,PC 17590,50.4958,A24,S
+869,0,3,"van Melkebeke, Mr. Philemon",male,,0,0,345777,9.5,,S
+870,1,3,"Johnson, Master. Harold Theodor",male,4,1,1,347742,11.1333,,S
+871,0,3,"Balkic, Mr. Cerin",male,26,0,0,349248,7.8958,,S
+872,1,1,"Beckwith, Mrs. Richard Leonard (Sallie Monypeny)",female,47,1,1,11751,52.5542,D35,S
+873,0,1,"Carlsson, Mr. Frans Olof",male,33,0,0,695,5,B51 B53 B55,S
+874,0,3,"Vander Cruyssen, Mr. Victor",male,47,0,0,345765,9,,S
+875,1,2,"Abelson, Mrs. Samuel (Hannah Wizosky)",female,28,1,0,P/PP 3381,24,,C
+876,1,3,"Najib, Miss. Adele Kiamie ""Jane""",female,15,0,0,2667,7.225,,C
+877,0,3,"Gustafsson, Mr. Alfred Ossian",male,20,0,0,7534,9.8458,,S
+878,0,3,"Petroff, Mr. Nedelio",male,19,0,0,349212,7.8958,,S
+879,0,3,"Laleff, Mr. Kristo",male,,0,0,349217,7.8958,,S
+880,1,1,"Potter, Mrs. Thomas Jr (Lily Alexenia Wilson)",female,56,0,1,11767,83.1583,C50,C
+881,1,2,"Shelley, Mrs. William (Imanita Parrish Hall)",female,25,0,1,230433,26,,S
+882,0,3,"Markun, Mr. Johann",male,33,0,0,349257,7.8958,,S
+883,0,3,"Dahlberg, Miss. Gerda Ulrika",female,22,0,0,7552,10.5167,,S
+884,0,2,"Banfield, Mr. Frederick James",male,28,0,0,C.A./SOTON 34068,10.5,,S
+885,0,3,"Sutehall, Mr. Henry Jr",male,25,0,0,SOTON/OQ 392076,7.05,,S
+886,0,3,"Rice, Mrs. William (Margaret Norton)",female,39,0,5,382652,29.125,,Q
+887,0,2,"Montvila, Rev. Juozas",male,27,0,0,211536,13,,S
+888,1,1,"Graham, Miss. Margaret Edith",female,19,0,0,112053,30,B42,S
+889,0,3,"Johnston, Miss. Catherine Helen ""Carrie""",female,,1,2,W./C. 6607,23.45,,S
+890,1,1,"Behr, Mr. Karl Howell",male,26,0,0,111369,30,C148,C
+891,0,3,"Dooley, Mr. Patrick",male,32,0,0,370376,7.75,,Q
diff --git a/js/spa/test/files/world.mp4 b/js/spa/test/files/world.mp4
new file mode 100644
index 0000000..b11552f
Binary files /dev/null and b/js/spa/test/files/world.mp4 differ
diff --git a/js/spa/test/function_values.spec.ts b/js/spa/test/function_values.spec.ts
new file mode 100644
index 0000000..ab6d84c
--- /dev/null
+++ b/js/spa/test/function_values.spec.ts
@@ -0,0 +1,43 @@
+import { test, expect } from "@self/tootils";
+
+test("Test Country Filter", async ({ page }) => {
+	const countries_list = page.getByTestId("json");
+	await expect(countries_list).toContainText("Algeria");
+	await expect(countries_list).not.toContainText("Argentina");
+	await page.getByLabel("range slider for Country Count").fill("3");
+	await expect(countries_list).toContainText("Algeria");
+	await expect(countries_list).toContainText("Argentina");
+	await page.getByLabel("Alphabetical Order").uncheck();
+	await expect(countries_list).not.toContainText("Algeria");
+	await expect(countries_list).toContainText("Sudan");
+});
+
+test("Test Random Country List", async ({ page }) => {
+	const random_country_box = page.getByLabel("Random Country");
+	const random_countries_box = page.getByLabel("Random Countries");
+	await expect(random_country_box).not.toBeEmpty();
+	await expect(random_countries_box).not.toBeEmpty();
+	const first_country_value = await random_country_box.inputValue();
+	const first_countries_value = await random_countries_box.inputValue();
+	await expect(random_country_box).not.toHaveValue(
+		first_country_value as string
+	);
+	await expect(random_countries_box).not.toHaveValue(
+		first_countries_value as string
+	);
+	await page.getByRole("button", { name: "Stop" }).click();
+	await page.waitForTimeout(2000);
+	const current_country_value = await random_country_box.inputValue();
+	const current_countries_value = await random_countries_box.inputValue();
+	await expect(random_country_box).toHaveValue(current_country_value as string);
+	await expect(random_countries_box).toHaveValue(
+		current_countries_value as string
+	);
+	await page.getByRole("button", { name: "Start" }).click();
+	await expect(random_country_box).not.toHaveValue(
+		current_country_value as string
+	);
+	await expect(random_countries_box).not.toHaveValue(
+		current_countries_value as string
+	);
+});
diff --git a/js/spa/test/gallery_component_events.spec.ts b/js/spa/test/gallery_component_events.spec.ts
new file mode 100644
index 0000000..6b2547e
--- /dev/null
+++ b/js/spa/test/gallery_component_events.spec.ts
@@ -0,0 +1,118 @@
+import { test, expect } from "@self/tootils";
+
+async function mock_clipboard_with_image(page): Promise<void> {
+	await page.evaluate(async () => {
+		const canvas = document.createElement("canvas");
+		canvas.width = 100;
+		canvas.height = 100;
+		const ctx = canvas.getContext("2d")!;
+		ctx.fillStyle = "red";
+		ctx.fillRect(0, 0, 100, 100);
+		const blob = await new Promise<Blob>((resolve) =>
+			canvas.toBlob((b) => resolve(b!), "image/png")
+		);
+		await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
+	});
+}
+
+async function mock_clipboard_with_text(page): Promise<void> {
+	await page.evaluate(async () => {
+		navigator.clipboard.writeText("just some text, no image");
+	});
+}
+
+test("Gallery preview mode displays all images/videos correctly.", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Run" }).click();
+	await page.getByLabel("Thumbnail 2 of 3").click();
+
+	await expect(
+		await page.getByTestId("detailed-video").getAttribute("src")
+	).toEqual("https://gradio-static-files.s3.amazonaws.com/world.mp4");
+
+	await expect(
+		await page.getByTestId("thumbnail 1").getAttribute("src")
+	).toEqual("https://gradio-builds.s3.amazonaws.com/assets/cheetah-003.jpg");
+});
+
+test("Gallery select event returns the right value and the download button works correctly", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Run" }).click();
+	await page.getByLabel("Thumbnail 2 of 3").click();
+	await expect(page.getByLabel("Select Data")).toHaveValue(
+		"https://gradio-static-files.s3.amazonaws.com/world.mp4"
+	);
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByLabel("Download", { exact: true }).click();
+	const download = await downloadPromise;
+	expect(download.suggestedFilename()).toBe("world.mp4");
+});
+
+test("Gallery subsequent upload via upload button works correctly", async ({
+	page
+}) => {
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to upload or drop files").first().click()
+	]);
+	await fileChooser.setFiles(["./test/files/cheetah1.jpg"]);
+
+	await expect(page.getByLabel("Num Upload")).toHaveValue("1");
+
+	const [fileChooser2] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to Upload", { exact: true }).first().click()
+	]);
+	await fileChooser2.setFiles(["./test/files/cheetah1.jpg"]);
+
+	await expect(page.getByLabel("Num Upload")).toHaveValue("2");
+});
+
+test("Gallery paste from clipboard works after initial upload", async ({
+	page
+}) => {
+	// First upload a file
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page
+			.getByLabel("Click to upload or drop files", { exact: true })
+			.first()
+			.click()
+	]);
+	await fileChooser.setFiles(["./test/files/cheetah1.jpg"]);
+
+	await expect(page.getByLabel("Num Upload")).toHaveValue("1");
+
+	// Mock clipboard with an image and paste
+	await mock_clipboard_with_image(page);
+	await page.getByLabel("Paste from Clipboard").click();
+
+	await expect(page.getByLabel("Num Change")).toHaveValue("2");
+});
+
+test("Gallery shows warning toast when clipboard has no image", async ({
+	page
+}) => {
+	// First upload a file so the paste button is visible
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page
+			.getByLabel("Click to upload or drop files", { exact: true })
+			.first()
+			.click()
+	]);
+	await fileChooser.setFiles(["./test/files/cheetah1.jpg"]);
+
+	await expect(page.getByLabel("Num Upload")).toHaveValue("1");
+
+	// Mock clipboard with text only (no image)
+	await mock_clipboard_with_text(page);
+	await page.getByLabel("Paste from Clipboard").click();
+
+	// Check that warning toast is displayed
+	const toast = page.getByTestId("toast-body");
+	await expect(toast).toContainText("No image or video found in clipboard");
+});
diff --git a/js/spa/test/gradio_pdf_demo.spec.ts b/js/spa/test/gradio_pdf_demo.spec.ts
new file mode 100644
index 0000000..3cb6b41
--- /dev/null
+++ b/js/spa/test/gradio_pdf_demo.spec.ts
@@ -0,0 +1,25 @@
+import { test, expect } from "@self/tootils";
+
+test.skip("Custom PDF component demo can be loaded and inference function works .", async ({
+	page
+}) => {
+	await page
+		.getByRole("button", { name: "Drop PDF - or - Click to Upload" })
+		.first()
+		.click();
+	const uploader = await page.locator("input[type=file]").first();
+	await uploader.setInputFiles(["./test/files/contract.pdf"]);
+
+	await page.getByRole("button", { name: "Submit" }).click();
+
+	await expect(page.getByLabel("contract.pdf")).toBeVisible();
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByRole("link").nth(0).click();
+	const download = await downloadPromise;
+	await expect(download.suggestedFilename()).toBe("contract.pdf");
+});
+
+test.skip("Custom PDF component examples load properly .", async ({ page }) => {
+	expect(page.locator("canvas")).toBeVisible();
+});
diff --git a/js/spa/test/hello_blocks.reload.spec.ts b/js/spa/test/hello_blocks.reload.spec.ts
new file mode 100644
index 0000000..e95d1ee
--- /dev/null
+++ b/js/spa/test/hello_blocks.reload.spec.ts
@@ -0,0 +1,579 @@
+import { test, expect } from "@playwright/test";
+import { spawnSync } from "node:child_process";
+import { launch_app_background, kill_process } from "./utils";
+import { join } from "path";
+
+let _process;
+
+test.beforeAll(() => {
+	const demo = `
+import gradio as gr
+    
+with gr.Blocks() as demo:
+	with gr.Row():
+		t1 = gr.Textbox(label="x")
+		t2 = gr.Textbox(label="y")
+	t1.change(lambda x:x[::-1], inputs=t1, outputs=t2)
+	
+if __name__ == "__main__":
+    demo.launch()
+`;
+	// write contents of demo to a local 'run.py' file
+	spawnSync(`echo '${demo}' > ${join(process.cwd(), "run.py")}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test.afterAll(() => {
+	if (_process) kill_process(_process);
+	spawnSync(`rm  ${join(process.cwd(), "run.py")}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test("gradio dev mode correctly reloads the page", async ({ page }) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), "run.py")}`,
+				process.cwd()
+			);
+
+		_process = server_process;
+		console.log("Connected to port", port);
+
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2_000);
+
+		await page.getByLabel("x").fill("abcde");
+		await expect(page.getByLabel("y")).toHaveValue("edcba");
+
+		const demo1 = `
+import gradio as gr
+    
+with gr.Blocks() as demo:
+	with gr.Row():
+		t1 = gr.Textbox(label="x")
+		t2 = gr.Textbox(label="y")
+		t3 = gr.Textbox("new", label="z")
+	t1.change(lambda x:[x[::-1], x], inputs=t1, outputs=[t2, t3])
+
+if __name__ == "__main__":
+    demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo1}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("z")).toHaveValue("new");
+		await page.getByLabel("x").fill("gradio");
+		await expect(page.getByLabel("x")).toHaveValue("gradio");
+		await expect(page.getByLabel("y")).toHaveValue("oidarg");
+		await expect(page.getByLabel("z")).toHaveValue("gradio");
+
+		const demo2 = `
+import gradio as gr
+    
+with gr.Blocks() as demo:
+	with gr.Row():
+		t1 = gr.Textbox(label="x", interactive=True)
+		t2 = gr.Textbox(label="y")
+		t3 = gr.Textbox("new", label="z")
+	btn = gr.Button("Reset")
+	btn.click(lambda: ["", "", ""], outputs=[t1, t2, t3])
+
+if __name__ == "__main__":
+    demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo2}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("x")).toHaveValue("gradio");
+		await expect(page.getByLabel("y")).toHaveValue("oidarg");
+		await expect(page.getByLabel("z")).toHaveValue("new");
+
+		await page.getByLabel("x").fill("test");
+		await expect(page.getByLabel("y")).toHaveValue("oidarg");
+
+		await page.getByRole("button", { name: "Reset" }).click();
+		await expect(page.getByLabel("x")).toHaveValue("");
+		await expect(page.getByLabel("y")).toHaveValue("");
+		await expect(page.getByLabel("z")).toHaveValue("");
+
+		const demo3 = `
+import gradio as gr
+    
+with gr.Blocks() as demo:
+	with gr.Row():
+		t1 = gr.Textbox("new", label="x")
+		btn = gr.Button("Swap")
+		t2 = gr.Textbox(label="y")
+	btn.click(lambda x, y: [y, x], inputs=[t1, t2], outputs=[t1, t2])
+
+if __name__ == "__main__":
+    demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo3}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("x")).toHaveValue("new");
+		await expect(page.getByLabel("y")).toHaveValue("");
+
+		await page.getByLabel("x").fill("test");
+		await page.getByRole("button", { name: "Swap" }).click();
+		await expect(page.getByLabel("x")).toHaveValue("");
+		await expect(page.getByLabel("y")).toHaveValue("test");
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
+
+test("gradio dev mode works with removing / changing existing elements", async ({
+	page
+}) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), "run.py")}`,
+				process.cwd()
+			);
+
+		_process = server_process;
+		console.log("Connected to port", port);
+
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2_000);
+
+		const demo = `
+import gradio as gr
+    
+with gr.Blocks() as demo:
+	t1 = gr.Textbox("a", label="x")
+	t2 = gr.Textbox("b", label="y")
+	btn = gr.Button("Button")
+
+if __name__ == "__main__":
+    demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("x")).toHaveValue("a");
+		await expect(page.getByLabel("y")).toHaveValue("b");
+		await page.getByRole("button", { name: "Button" }).click();
+
+		const demo2 = `
+import gradio as gr
+
+with gr.Blocks() as demo:
+	t1 = gr.Textbox("a", label="x")
+	btn = gr.Button("Button")
+
+if __name__ == "__main__":
+	demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo2}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("x")).toHaveValue("a");
+		await page.getByRole("button", { name: "Button" }).click();
+
+		const demo3 = `
+import gradio as gr
+
+with gr.Blocks() as demo:
+	t1 = gr.Textbox(label="a")
+	t2 = gr.Textbox(label="b")
+	
+	with gr.Row():
+		t3 = gr.Textbox(label="c")
+		t4 = gr.Textbox(label="d")
+		t5 = gr.Textbox(label="e")
+
+	btn = gr.Button("Button")
+	btn.click(lambda *args: args, inputs=[t1, t2, t3, t4, t5], outputs=[t2, t3, t4, t5, t1])
+
+if __name__ == "__main__":
+	demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo3}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await page.getByLabel("a").fill("a");
+		await page.getByLabel("b").fill("b");
+		await page.getByLabel("c").fill("c");
+		await page.getByLabel("d").fill("d");
+		await page.getByLabel("e").fill("e");
+
+		await page.getByRole("button", { name: "Button" }).click();
+
+		await expect(page.getByLabel("a")).toHaveValue("e");
+		await expect(page.getByLabel("b")).toHaveValue("a");
+		await expect(page.getByLabel("c")).toHaveValue("b");
+		await expect(page.getByLabel("d")).toHaveValue("c");
+		await expect(page.getByLabel("e")).toHaveValue("d");
+
+		const demo4 = `
+import gradio as gr
+
+with gr.Blocks() as demo:
+	t1 = gr.Textbox(label="a")
+	t2 = gr.Textbox(label="b")
+	tx = gr.Textbox(label="x")
+	
+	with gr.Row():
+		t3 = gr.Textbox(label="c")
+		with gr.Column():
+			t4 = gr.Textbox(label="d")
+			t5 = gr.Textbox(label="e")
+
+	btn = gr.Button("Button")
+	btn.click(lambda *args: args, inputs=[t1, t2, t3, t4, t5], outputs=[t2, t3, t4, t5, t1])
+
+if __name__ == "__main__":
+	demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo4}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("a")).toHaveValue("e");
+		await expect(page.getByLabel("b")).toHaveValue("a");
+		await expect(page.getByLabel("x")).toHaveValue("");
+		await expect(page.getByLabel("c")).toHaveValue("b");
+		await expect(page.getByLabel("d")).toHaveValue("");
+		await expect(page.getByLabel("e")).toHaveValue("");
+
+		await page.getByRole("button", { name: "Button" }).click();
+
+		await expect(page.getByLabel("a")).toHaveValue("");
+		await expect(page.getByLabel("b")).toHaveValue("e");
+		await expect(page.getByLabel("c")).toHaveValue("a");
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
+
+test("gradio dev mode works when switching between interface / blocks / chatinterface", async ({
+	page
+}) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), "run.py")}`,
+				process.cwd()
+			);
+
+		_process = server_process;
+		console.log("Connected to port", port);
+
+		await page.goto(`http://localhost:${port}`);
+
+		await page.waitForTimeout(2_000);
+
+		const demo1 = `
+import gradio as gr
+
+def echo(message, history):
+	return f"{len(history)}: {message}"
+
+demo = gr.ChatInterface(
+    echo,
+)
+
+if __name__ == "__main__":
+	demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo1}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByText("Chatbot")).toBeVisible();
+		const textbox = page.getByTestId("textbox");
+		await textbox.fill("Hello");
+		await page.keyboard.press("Enter");
+		const bot_message = await page
+			.getByTestId("bot")
+			.first()
+			.getByRole("paragraph")
+			.textContent();
+		expect(bot_message).toEqual("0: Hello");
+
+		await textbox.fill("World");
+		await page.keyboard.press("Enter");
+
+		const bot_message2 = await page
+			.getByTestId("bot")
+			.nth(1)
+			.getByRole("paragraph")
+			.textContent();
+
+		expect(bot_message2).toEqual("2: World");
+
+		const demo2 = `
+import gradio as gr
+import numpy as np
+
+with gr.Blocks() as demo:
+	def create_image_noise(width, height):
+		return np.random.randint(0, 255, (height, width, 3), dtype=np.uint8)
+
+	with gr.Row():
+		w = gr.Number(label="Width")
+		h = gr.Number(label="Height")
+
+	create_btn = gr.Button("Create")
+	img = gr.Image(label="Image")
+
+	create_btn.click(create_image_noise, inputs=[w, h], outputs=img)
+
+	def count_pixels(image):
+		return np.shape(image)[0] * np.shape(image)[1]
+
+	count_btn = gr.Button("Count Pixels")
+	count = gr.Number(label="Total Pixels")
+	count_btn.click(count_pixels, inputs=img, outputs=count)
+
+if __name__ == "__main__":
+	demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo2}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await page.getByLabel("Width").fill("100");
+		await page.getByLabel("Height").fill("100");
+		await page.getByRole("button", { name: "Create" }).click();
+		const image = page.getByTestId("image").locator("img").first();
+		expect(await image.getAttribute("src")).toContain("/file=");
+		await page.getByRole("button", { name: "Count Pixels" }).click();
+		await expect(page.getByLabel("Total Pixels")).toHaveValue("10000");
+
+		const demo3 = `
+import gradio as gr
+
+with gr.Blocks() as demo:
+	t1 = gr.Textbox()
+	ERROR_WTF
+
+if __name__ == "__main__":
+	demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo3}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByTestId("toast-body").first()).toContainText("Error");
+
+		const demo4 = `
+import gradio as gr
+
+def count_letter(sentence, letter):
+	return sentence.count(letter)
+
+demo = gr.Interface(
+	count_letter, 
+	[gr.Textbox(label="sentence"), gr.Textbox(label="letter")], 
+	gr.Number(label="count")
+)
+
+if __name__ == "__main__":
+	demo.launch()
+`;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo4}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await page.getByLabel("sentence").fill("We looove Gradio!");
+		await page.getByLabel("letter").fill("o");
+		await page.getByRole("button", { name: "Submit" }).click();
+		await expect(page.getByLabel("count")).toHaveValue("4");
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
+
+test.fixme("gradio dev mode works with gr.render()", async ({ page }) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), "run.py")}`,
+				process.cwd()
+			);
+
+		_process = server_process;
+		console.log("Connected to port", port);
+
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2_000);
+
+		const demo1 = `
+import gradio as gr
+
+with gr.Blocks() as demo:
+	text = gr.Textbox(label="name")
+	name = gr.State("---")
+	text.submit(lambda x:x, text, name)
+	
+	@gr.render(inputs=name)
+	def render_name(name):
+		for i, letter in enumerate(name):
+			gr.Textbox(letter, label=f"Letter {i + 1}")
+
+if __name__ == "__main__":
+	demo.launch()		
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo1}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("Letter 1")).toHaveValue("-");
+		await expect(page.getByLabel("Letter 2")).toHaveValue("-");
+		await expect(page.getByLabel("Letter 3")).toHaveValue("-");
+
+		await page.getByLabel("name").fill("qwerty");
+		await page.keyboard.press("Enter");
+
+		await expect(page.getByLabel("Letter 1")).toHaveValue("q");
+		await expect(page.getByLabel("Letter 2")).toHaveValue("w");
+		await expect(page.getByLabel("Letter 3")).toHaveValue("e");
+		await expect(page.getByLabel("Letter 4")).toHaveValue("r");
+		await expect(page.getByLabel("Letter 5")).toHaveValue("t");
+		await expect(page.getByLabel("Letter 6")).toHaveValue("y");
+
+		const demo2 = `
+import gradio as gr
+
+with gr.Blocks() as demo:
+	text = gr.Textbox(label="name2")
+	name = gr.State("---")
+	text.submit(lambda x:x, text, name)
+	
+	@gr.render(inputs=name)
+	def render_name(name):
+		for i, letter in enumerate(name):
+			gr.Textbox(letter, label=f"Letter {i + 1}")
+
+if __name__ == "__main__":
+	demo.launch()	
+    `;
+		// write contents of demo to a local 'run.py' file
+		spawnSync(`echo '${demo2}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByLabel("Letter 1")).toHaveValue("-");
+		await expect(page.getByLabel("Letter 2")).toHaveValue("-");
+		await expect(page.getByLabel("Letter 3")).toHaveValue("-");
+
+		await page.getByLabel("name2").fill("1234");
+		await page.keyboard.press("Enter");
+
+		await expect(page.getByLabel("Letter 1")).toHaveValue("1");
+		await expect(page.getByLabel("Letter 2")).toHaveValue("2");
+		await expect(page.getByLabel("Letter 3")).toHaveValue("3");
+		await expect(page.getByLabel("Letter 4")).toHaveValue("4");
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
diff --git a/js/spa/test/hello_blocks.spec.ts b/js/spa/test/hello_blocks.spec.ts
new file mode 100644
index 0000000..a8d94bf
--- /dev/null
+++ b/js/spa/test/hello_blocks.spec.ts
@@ -0,0 +1,15 @@
+import { test, expect } from "@self/tootils";
+
+test.describe("hello blocks", () => {
+	test("the demo renders correctly", async ({ page }) => {
+		await expect(page.getByLabel("Output Box")).toBeVisible();
+	});
+});
+
+test.describe("i18n", () => {
+	test.use({ locale: "pt-BR", timezoneId: "America/Sao_Paulo" });
+
+	test("the demo renders correctly: i18n", async ({ page }) => {
+		await expect(page.getByLabel("Output Box")).toBeVisible();
+	});
+});
diff --git a/js/spa/test/hello_login.spec.ts b/js/spa/test/hello_login.spec.ts
new file mode 100644
index 0000000..d348389
--- /dev/null
+++ b/js/spa/test/hello_login.spec.ts
@@ -0,0 +1,65 @@
+import { test, expect } from "@self/tootils";
+
+const LOGIN_TITLE = "Login";
+const USERNAME_LABEL = "username";
+const PASSWORD_LABEL = "password";
+const INCORRECT_CREDENTIALS = "Incorrect Credentials";
+
+test("shows login page when auth is required", async ({ page }) => {
+	// The login page should be shown initially
+	await expect(page.getByRole("heading", { name: LOGIN_TITLE })).toBeVisible();
+	await expect(page.getByLabel(USERNAME_LABEL)).toBeVisible();
+	await expect(page.getByLabel(PASSWORD_LABEL)).toBeVisible();
+	await expect(page.getByRole("button", { name: LOGIN_TITLE })).toBeVisible();
+});
+
+test("shows error message with incorrect credentials", async ({ page }) => {
+	// Fill in wrong credentials
+	await page.getByLabel(USERNAME_LABEL).fill("wrong_user");
+	await page.getByLabel(PASSWORD_LABEL).fill("wrong_pass");
+	await page.getByRole("button", { name: LOGIN_TITLE }).click();
+
+	// Should show incorrect credentials message
+	await expect(page.getByText(INCORRECT_CREDENTIALS)).toBeVisible();
+
+	// Should still be on login page
+	await expect(page.getByRole("heading", { name: LOGIN_TITLE })).toBeVisible();
+});
+
+test("successful login shows the app", async ({ page }) => {
+	// Fill in correct credentials (admin/admin as defined in the demo)
+	await page.getByLabel(USERNAME_LABEL).fill("admin");
+	await page.getByLabel(PASSWORD_LABEL).fill("admin");
+	await page.getByRole("button", { name: LOGIN_TITLE }).click();
+
+	// Wait for page to reload and show the app
+	await expect(
+		page.getByRole("heading", { name: "Greetings User!" })
+	).toBeVisible({ timeout: 10000 });
+
+	// Login form should no longer be visible
+	await expect(
+		page.getByRole("heading", { name: LOGIN_TITLE })
+	).not.toBeVisible();
+});
+
+test("app functionality works after login", async ({ page }) => {
+	// Login first
+	await page.getByLabel(USERNAME_LABEL).fill("admin");
+	await page.getByLabel(PASSWORD_LABEL).fill("admin");
+	await page.getByRole("button", { name: LOGIN_TITLE }).click();
+
+	// Wait for app to load
+	await expect(
+		page.getByRole("heading", { name: "Greetings User!" })
+	).toBeVisible({ timeout: 10000 });
+
+	// Test the app functionality - input should copy to output
+	const inputTextbox = page.getByLabel("Textbox").first();
+	const outputTextbox = page.getByLabel("Textbox").last();
+
+	await inputTextbox.fill("Hello World");
+
+	// The change event should copy the value to output
+	await expect(outputTextbox).toHaveValue("Hello World");
+});
diff --git a/js/spa/test/hello_world.reload.spec.ts b/js/spa/test/hello_world.reload.spec.ts
new file mode 100644
index 0000000..b3b783e
--- /dev/null
+++ b/js/spa/test/hello_world.reload.spec.ts
@@ -0,0 +1,84 @@
+import { test, expect } from "@playwright/test";
+import { spawnSync } from "node:child_process";
+import { launch_app_background, kill_process } from "./utils";
+import { join } from "path";
+
+let _process;
+
+test.beforeAll(() => {
+	const demo = `
+import gradio as gr
+    
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="text", outputs="text")
+
+if __name__ == "__main__":
+    demo.launch()
+`;
+	// write contents of demo to a local 'run.py' file
+	spawnSync(`echo '${demo}' > ${join(process.cwd(), "run.py")}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test.afterAll(() => {
+	if (_process) kill_process(_process);
+	spawnSync(`rm  ${join(process.cwd(), "run.py")}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test("gradio dev mode correctly reloads the page", async ({ page }) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), "run.py")}`,
+				process.cwd()
+			);
+		_process = server_process;
+		console.log("Connected to port", port);
+		const demo = `
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs=gr.Textbox(label="x"), outputs=gr.Textbox(label="foo"))
+
+if __name__ == "__main__":
+    demo.launch()
+    `;
+		// write contents of demo to a local 'run.py' file
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2_000);
+		spawnSync(`echo '${demo}' > ${join(process.cwd(), "run.py")}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await page.getByLabel("x").fill("Maria");
+		await page.getByRole("button", { name: "Submit" }).click();
+
+		await expect(page.getByLabel("foo")).toHaveValue("Hello Maria!");
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
diff --git a/js/spa/test/html_head_script_async.spec.ts b/js/spa/test/html_head_script_async.spec.ts
new file mode 100644
index 0000000..4e4cb34
--- /dev/null
+++ b/js/spa/test/html_head_script_async.spec.ts
@@ -0,0 +1,40 @@
+import { test, expect } from "@self/tootils";
+
+// Both scripts are explicitly `async`, so download-completion order applies:
+// the delayed "first" must run after the fast "second".
+const FIRST = `
+window.__ASYNC_ORDER = window.__ASYNC_ORDER || [];
+window.__ASYNC_ORDER.push("first");
+`;
+
+const SECOND = `
+window.__ASYNC_ORDER = window.__ASYNC_ORDER || [];
+window.__ASYNC_ORDER.push("second");
+`;
+
+test("explicit async on head scripts is honored", async ({ page }) => {
+	await page.route("**/__head_async__/first.js", async (route) => {
+		// Delay "first" so, if async is respected, the fast "second" wins.
+		await new Promise((resolve) => setTimeout(resolve, 800));
+		await route.fulfill({
+			contentType: "application/javascript",
+			body: FIRST
+		});
+	});
+	await page.route("**/__head_async__/second.js", async (route) => {
+		await route.fulfill({
+			contentType: "application/javascript",
+			body: SECOND
+		});
+	});
+
+	// Reload so loadHead re-runs with the routes above now active.
+	await page.reload();
+	await page.waitForLoadState("load");
+
+	await expect
+		.poll(async () => page.evaluate(() => (window as any).__ASYNC_ORDER), {
+			timeout: 10000
+		})
+		.toEqual(["second", "first"]);
+});
diff --git a/js/spa/test/html_head_script_order.spec.ts b/js/spa/test/html_head_script_order.spec.ts
new file mode 100644
index 0000000..28a2590
--- /dev/null
+++ b/js/spa/test/html_head_script_order.spec.ts
@@ -0,0 +1,50 @@
+import { test, expect } from "@self/tootils";
+
+// "plugin" depends on a global set by "core". core is delayed, so the buggy
+// force-async path would run plugin first and miss it; document order must win.
+const CORE = `
+window.__SCRIPT_ORDER = window.__SCRIPT_ORDER || [];
+window.__SCRIPT_ORDER.push("core");
+window.__CORE_READY = true;
+`;
+
+const PLUGIN = `
+window.__SCRIPT_ORDER = window.__SCRIPT_ORDER || [];
+window.__SCRIPT_ORDER.push("plugin");
+window.__PLUGIN_SAW_CORE = window.__CORE_READY === true;
+var result = document.getElementById("order-result");
+if (result) {
+	result.textContent =
+		window.__SCRIPT_ORDER.join(",") + " saw_core=" + window.__PLUGIN_SAW_CORE;
+}
+`;
+
+test("head scripts execute in document order", async ({ page }) => {
+	await page.route("**/__head_order__/core.js", async (route) => {
+		// Delay core so the smaller plugin wins the download race.
+		await new Promise((resolve) => setTimeout(resolve, 800));
+		await route.fulfill({
+			contentType: "application/javascript",
+			body: CORE
+		});
+	});
+	await page.route("**/__head_order__/plugin.js", async (route) => {
+		await route.fulfill({
+			contentType: "application/javascript",
+			body: PLUGIN
+		});
+	});
+
+	// Reload so loadHead re-runs with the routes above now active.
+	await page.reload();
+	await page.waitForLoadState("load");
+
+	await expect
+		.poll(async () => page.evaluate(() => (window as any).__SCRIPT_ORDER), {
+			timeout: 10000
+		})
+		.toEqual(["core", "plugin"]);
+
+	const saw_core = await page.evaluate(() => (window as any).__PLUGIN_SAW_CORE);
+	expect(saw_core).toBe(true);
+});
diff --git a/js/spa/test/i18n.spec.ts b/js/spa/test/i18n.spec.ts
new file mode 100644
index 0000000..710c5c0
--- /dev/null
+++ b/js/spa/test/i18n.spec.ts
@@ -0,0 +1,103 @@
+import { test, expect } from "@self/tootils";
+
+test("i18n labels render correctly", async ({ page }) => {
+	await expect(page.getByLabel("Your Name")).toBeVisible();
+	await expect(page.getByRole("button", { name: "Greet" })).toBeVisible();
+	await expect(page.getByLabel("Result")).toBeVisible();
+});
+
+test("i18n markers translate when props update via event", async ({ page }) => {
+	const nameInput = page.getByLabel("Your Name");
+
+	await nameInput.fill("");
+	await expect(nameInput).toHaveValue("");
+
+	await page.getByRole("button", { name: "Reset Name" }).click();
+
+	await expect(nameInput).not.toHaveValue(/__i18n__/);
+	await expect(nameInput).toHaveValue("John English");
+});
+
+test("changing language via settings updates UI and persists selection", async ({
+	page
+}) => {
+	await expect(page.getByLabel("Your Name")).toBeVisible();
+
+	await page.locator("footer").getByText("Settings").click();
+	await expect(page.getByRole("dialog", { name: "Settings" })).toBeVisible();
+
+	const languageInput = page.locator('input[aria-label="Language"]');
+	await expect(languageInput).toBeVisible();
+
+	await languageInput.click();
+	await languageInput.clear();
+	await languageInput.pressSequentially("Esp");
+	await page.keyboard.press("ArrowDown");
+	await page.keyboard.press("Enter");
+
+	await page.locator(".backdrop").click();
+	await expect(page.getByLabel("Tu Nombre")).toBeVisible();
+
+	await page.locator("footer").getByText("Configuración").click();
+	await expect(
+		page.getByRole("dialog", { name: "Configuración" })
+	).toBeVisible();
+
+	const languageInputReopened = page.locator('input[aria-label="Language"]');
+	await expect(languageInputReopened).toHaveValue("Español");
+
+	await languageInputReopened.click();
+	await languageInputReopened.clear();
+	await languageInputReopened.pressSequentially("Deu");
+	await page.keyboard.press("ArrowDown");
+	await page.keyboard.press("Enter");
+
+	await page.locator(".backdrop").click();
+	await expect(page.getByLabel("Dein Name")).toBeVisible();
+
+	await page.locator("footer").getByText("Einstellungen").click();
+	await expect(
+		page.getByRole("dialog", { name: "Einstellungen" })
+	).toBeVisible();
+
+	const languageInputGerman = page.locator('input[aria-label="Language"]');
+	await expect(languageInputGerman).toHaveValue("Deutsch");
+});
+
+test("choice display names re-translate when the language is switched at runtime", async ({
+	page
+}) => {
+	await expect(page.getByRole("radio", { name: "Bold" })).toBeChecked();
+	await expect(page.getByRole("radio", { name: "Italic" })).toBeVisible();
+
+	await page.locator("footer").getByText("Settings").click();
+	await expect(page.getByRole("dialog", { name: "Settings" })).toBeVisible();
+
+	const languageInput = page.locator('input[aria-label="Language"]');
+	await languageInput.click();
+	await languageInput.clear();
+	await languageInput.pressSequentially("Esp");
+	await page.keyboard.press("ArrowDown");
+	await page.keyboard.press("Enter");
+	await page.locator(".backdrop").click();
+
+	await expect(page.getByRole("radio", { name: "Negrita" })).toBeChecked();
+	await expect(page.getByRole("radio", { name: "Cursiva" })).toBeVisible();
+});
+
+test.describe("i18n with Spanish locale", () => {
+	test.use({ locale: "es" });
+
+	test("labels render in Spanish", async ({ page }) => {
+		await expect(page.getByLabel("Tu Nombre")).toBeVisible();
+		await expect(page.getByRole("button", { name: "Saludar" })).toBeVisible();
+		await expect(page.getByLabel("Resultado")).toBeVisible();
+	});
+
+	test("props update with Spanish translations", async ({ page }) => {
+		const nameInput = page.getByLabel("Tu Nombre");
+		await nameInput.fill("");
+		await page.getByRole("button", { name: "Reset Name" }).click();
+		await expect(nameInput).toHaveValue("John Spanish");
+	});
+});
diff --git a/js/spa/test/image_component_events.spec.ts b/js/spa/test/image_component_events.spec.ts
new file mode 100644
index 0000000..b88e3d7
--- /dev/null
+++ b/js/spa/test/image_component_events.spec.ts
@@ -0,0 +1,114 @@
+import { test, expect, drag_and_drop_file } from "@self/tootils";
+
+test("Image click-to-upload downloads files with the correct names.", async ({
+	page
+}) => {
+	const uploader = await page.locator("input[type=file]");
+
+	await uploader.setInputFiles("./test/files/cheetah1.jpg");
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByLabel("Download").click();
+	const download = await downloadPromise;
+	// PIL converts from .jpg to .jpeg
+	await expect(download.suggestedFilename()).toBe("cheetah1.jpg");
+
+	await page.getByLabel("Remove Image").click();
+
+	await uploader.setInputFiles("./test/files/gradio-logo.svg");
+
+	const SVGdownloadPromise = page.waitForEvent("download");
+	await page.getByLabel("Download").click();
+	const SVGdownload = await SVGdownloadPromise;
+	expect(SVGdownload.suggestedFilename()).toBe("gradio-logo.svg");
+});
+
+test("Image drag-to-upload replaces an image successfully.", async ({
+	page,
+	context
+}) => {
+	const initialPages = context.pages();
+	await drag_and_drop_file(
+		page,
+		"input[type=file]",
+		"./test/files/cheetah1.jpg",
+		"cheetah1.jpg",
+		"image/*"
+	);
+	await expect(page.getByLabel("# Change Events").first()).toHaveValue("1");
+	await expect(page.getByLabel("# Upload Events")).toHaveValue("1");
+
+	await drag_and_drop_file(
+		page,
+		"input[type=file]",
+		"./test/files/bus.png",
+		"bus.png",
+		"image/*"
+	);
+
+	await expect(page.getByLabel("# Change Events").first()).toHaveValue("2");
+	await expect(page.getByLabel("# Upload Events")).toHaveValue("2");
+	const newPages = context.pages();
+	expect(newPages.length).toBe(initialPages.length);
+});
+
+test("Image copy from clipboard dispatches upload event.", async ({ page }) => {
+	// Need to make request from inside browser for blob to be formatted correctly
+	// tried lots of different things
+	await page.evaluate(async () => {
+		const canvas = document.createElement("canvas");
+		canvas.width = 100;
+		canvas.height = 100;
+		const ctx = canvas.getContext("2d")!;
+		ctx.fillStyle = "red";
+		ctx.fillRect(0, 0, 100, 100);
+		const blob = await new Promise<Blob>((resolve) =>
+			canvas.toBlob((b) => resolve(b!), "image/png")
+		);
+		await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
+	});
+
+	await page.getByLabel("Paste from clipboard").click();
+	await expect(page.getByLabel("# Change Events").first()).toHaveValue("1");
+	await expect(page.getByLabel("# Upload Events")).toHaveValue("1");
+});
+
+test("Image paste to clipboard via the Upload component works", async ({
+	page
+}) => {
+	await page.evaluate(async () => {
+		navigator.clipboard.writeText("123");
+	});
+
+	await page.getByLabel("Paste from clipboard").click();
+	await page.evaluate(async () => {
+		const canvas = document.createElement("canvas");
+		canvas.width = 100;
+		canvas.height = 100;
+		const ctx = canvas.getContext("2d")!;
+		ctx.fillStyle = "blue";
+		ctx.fillRect(0, 0, 100, 100);
+		const blob = await new Promise<Blob>((resolve) =>
+			canvas.toBlob((b) => resolve(b!), "image/png")
+		);
+		await navigator.clipboard.write([new ClipboardItem({ [blob.type]: blob })]);
+	});
+
+	await page.getByText("Paste from clipboard").click();
+	await expect(page.getByLabel("# Upload Events")).toHaveValue("1");
+});
+
+test("Image select and change events work as expected.", async ({ page }) => {
+	const uploader = await page.locator("input[type=file]");
+	const change_output_counter = await page.getByLabel("# Change Events Output");
+	const select_event_counter = await page.getByLabel("# Select Events");
+
+	await uploader.setInputFiles("./test/files/cheetah1.jpg");
+	await expect(change_output_counter).toHaveValue("1");
+	await expect(select_event_counter).toHaveValue("0");
+
+	const output_image = await page.locator(".selectable");
+	await output_image.click();
+	await expect(change_output_counter).toHaveValue("1");
+	await expect(select_event_counter).toHaveValue("1");
+});
diff --git a/js/spa/test/image_editor_canvas_size.spec.ts b/js/spa/test/image_editor_canvas_size.spec.ts
new file mode 100644
index 0000000..8b9654f
--- /dev/null
+++ b/js/spa/test/image_editor_canvas_size.spec.ts
@@ -0,0 +1,67 @@
+import { test, expect } from "@self/tootils";
+
+test("Image Editor canvas matches background image size if fixed_canvas=False", async ({
+	page
+}) => {
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to upload or drop files").first().click()
+	]);
+	await fileChooser.setFiles(["./test/files/bike.jpeg"]);
+	await page.waitForTimeout(500);
+	await page.getByRole("button", { name: "Get Default" }).click();
+
+	await expect(page.getByLabel("Width")).toHaveValue("1024");
+	await expect(page.getByLabel("Height")).toHaveValue("769");
+});
+
+test("Image Editor 300 x 300 canvas resizes to match uploaded image", async ({
+	page
+}) => {
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to upload or drop files").nth(1).click()
+	]);
+	await fileChooser.setFiles(["./test/files/bike.jpeg"]);
+	await page.waitForTimeout(500);
+	await page.getByRole("button", { name: "Get Small" }).click();
+
+	await expect(page.getByLabel("Width")).toHaveValue("1024");
+	await expect(page.getByLabel("Height")).toHaveValue("769");
+});
+
+test("Image Editor 300 x 300 canvas maintains size while being drawn upon", async ({
+	page
+}) => {
+	await page.locator("#small").getByLabel("Brush").click();
+	await page
+		.locator("#small .pixi-target")
+		.click({ position: { x: 200, y: 100 } });
+	await page.waitForTimeout(500);
+	await page.getByRole("button", { name: "Get Small" }).click();
+	await expect(page.getByLabel("Width")).toHaveValue("300");
+	await expect(page.getByLabel("Height")).toHaveValue("300");
+
+	await page
+		.locator("#small .pixi-target")
+		.click({ position: { x: 200, y: 100 } });
+	await page.waitForTimeout(500);
+	await page.getByRole("button", { name: "Get Small" }).click();
+	await expect(page.getByLabel("Width")).toHaveValue("300");
+	await expect(page.getByLabel("Height")).toHaveValue("300");
+});
+
+test("Image Editor reshapes image to fit fixed 500 x 500 canvas", async ({
+	page
+}) => {
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to upload or drop files").nth(2).click()
+	]);
+	await fileChooser.setFiles(["./test/files/bike.jpeg"]);
+	await page.waitForTimeout(500);
+	await page.getByRole("button", { name: "Get Fixed" }).click();
+
+	await expect(page.getByLabel("Width")).toHaveValue("500");
+	await expect(page.getByLabel("Height")).toHaveValue("500");
+});
diff --git a/js/spa/test/image_editor_events.spec.ts b/js/spa/test/image_editor_events.spec.ts
new file mode 100644
index 0000000..ba2ce34
--- /dev/null
+++ b/js/spa/test/image_editor_events.spec.ts
@@ -0,0 +1,90 @@
+import { test, expect } from "@self/tootils";
+
+test("upload events work as expected", async ({ page }) => {
+	await page.getByLabel("Click to upload or drop files").first().click();
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to upload or drop files").first().click()
+	]);
+	await fileChooser.setFiles(["./test/files/cheetah1.jpg"]);
+
+	await expect(page.locator("#upload h2")).toContainText("1");
+});
+
+test("change events work as expected", async ({ page }) => {
+	const change_text = page.locator("#change h2");
+
+	await page.getByLabel("Brush").first().click();
+
+	const canvas = page.locator("canvas").first();
+	await canvas.click({ position: { x: 200, y: 100 } });
+	await expect(change_text).toContainText("1");
+});
+
+test("Image editor user can draw after upload", async ({ page }) => {
+	await page.getByLabel("Click to upload or drop files").first().click();
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Click to upload or drop files").first().click()
+	]);
+
+	// crucial to use a large image here
+	await fileChooser.setFiles(["./test/files/bike.jpeg"]);
+
+	await expect(page.locator("#upload h2")).toContainText("1");
+	await page.getByLabel("Brush").first().click();
+	const canvas = page.locator("canvas").first();
+	await canvas.click({ position: { x: 200, y: 100 } });
+	const change_text = page.locator("#change h2");
+	await expect(change_text).toContainText("2");
+});
+
+test("input events work as expected", async ({ page }) => {
+	const input_text = page.locator("#input h2");
+
+	await page.getByLabel("Brush").first().click();
+
+	const canvas = page.locator("canvas").first();
+	await canvas.click({ position: { x: 200, y: 100 } });
+	await expect(input_text).toContainText("1");
+});
+
+test("erase triggers change and input events", async ({ page }) => {
+	const canvas = page.locator("canvas").first();
+	const input_text = page.locator("#input h2");
+	const change_text = page.locator("#change h2");
+
+	await page.getByLabel("Erase").first().click();
+	await canvas.click({ position: { x: 200, y: 100 } });
+	await expect(input_text).toContainText("1");
+	await expect(change_text).toContainText("1");
+});
+
+test("apply events work as expected", async ({ page }) => {
+	const apply_text = page.locator("#apply h2");
+	const apply_button = page.getByLabel("Save changes").first();
+
+	await page.getByLabel("Brush").first().click();
+	const canvas = page.locator("canvas").first();
+	await canvas.click({ position: { x: 200, y: 100 } });
+	await apply_button.click();
+	await expect(apply_text).toContainText("1");
+});
+
+test("image editor can be cleared twice by setting value to None", async ({
+	page
+}) => {
+	await page.getByLabel("Brush").first().click();
+	const canvas = page.locator("canvas").first();
+	await canvas.click({ position: { x: 200, y: 100 } });
+	await page.getByRole("button", { name: "Clear Button" }).click();
+	await page.waitForTimeout(1000);
+
+	await page.getByLabel("Brush").first().click();
+	const canvas_2 = page.locator("canvas").first();
+	await canvas_2.click({ position: { x: 200, y: 100 } });
+	await canvas_2.click({ position: { x: 201, y: 100 } });
+	await page.getByRole("button", { name: "Clear Button" }).click();
+
+	await expect(page.getByLabel("cleared properly")).toHaveValue("1");
+});
diff --git a/js/spa/test/image_editor_layers.spec.ts b/js/spa/test/image_editor_layers.spec.ts
new file mode 100644
index 0000000..cb4d001
--- /dev/null
+++ b/js/spa/test/image_editor_layers.spec.ts
@@ -0,0 +1,19 @@
+import { test, expect } from "@self/tootils";
+
+test.fixme("ImageEditor layers are properly set", async ({ page }) => {
+	await page.getByRole("button", { name: "Set Layers" }).click();
+	await expect(page.getByLabel("Layer Updates")).toHaveValue("1");
+	await page.getByRole("button", { name: "Get Layers" }).click();
+	await expect(page.getByLabel("Num Layers")).toHaveValue("1");
+});
+
+test("Clicking on examples should properly run the function", async ({
+	page
+}) => {
+	const examples = page.locator(".gallery > .gallery-item");
+	await expect(examples).toHaveCount(2);
+	const local_example = examples.nth(1);
+	await expect(local_example).toBeVisible();
+	await local_example.click();
+	await expect(page.getByLabel("Example Ran")).toHaveValue("1");
+});
diff --git a/js/spa/test/image_mod.spec.ts b/js/spa/test/image_mod.spec.ts
new file mode 100644
index 0000000..208500c
--- /dev/null
+++ b/js/spa/test/image_mod.spec.ts
@@ -0,0 +1,20 @@
+import { test, expect } from "@self/tootils";
+
+test("examples_get_updated_correctly", async ({ page }) => {
+	await page.locator(".gallery-item").first().click();
+	let image = await page.getByTestId("image").locator("img").first();
+	await expect(await image.getAttribute("src")).toContain("cheetah1.jpg");
+	await page.getByRole("button", { name: "Update Examples" }).click();
+
+	let example_image;
+	await expect(async () => {
+		example_image = await page.locator(".gallery-item").locator("img").first();
+		await expect(await example_image.getAttribute("src")).toContain("logo.png");
+	}).toPass();
+
+	await example_image.click();
+	await expect(async () => {
+		image = await page.getByTestId("image").locator("img").first();
+		await expect(await image.getAttribute("src")).toContain("logo.png");
+	}).toPass();
+});
diff --git a/js/spa/test/image_remote_url.spec.ts b/js/spa/test/image_remote_url.spec.ts
new file mode 100644
index 0000000..6b74a27
--- /dev/null
+++ b/js/spa/test/image_remote_url.spec.ts
@@ -0,0 +1,30 @@
+import { test, expect } from "@self/tootils";
+
+test("Image displays remote image correctly", async ({ page }) => {
+	const example_image = page.locator(
+		'div.block:has(div.label:has-text("Examples")) img'
+	);
+	const input_image = page.locator(
+		'div.block:has(label:has-text("InputImage")) img'
+	);
+	const loopback_image = page.locator(
+		'div.block:has(label:has-text("Loopback")) img'
+	);
+	const remote_output_image = page.locator(
+		'div.block:has(label:has-text("RemoteImage")) img'
+	);
+	const submit_button = page.locator('button:has-text("Submit")');
+
+	await expect(example_image).toHaveJSProperty("complete", true);
+	await expect(example_image).not.toHaveJSProperty("naturalWidth", 0);
+
+	await expect(input_image).toHaveJSProperty("complete", true);
+	await expect(input_image).not.toHaveJSProperty("naturalWidth", 0);
+
+	await submit_button.click();
+
+	await expect(loopback_image).toHaveJSProperty("complete", true);
+	await expect(loopback_image).not.toHaveJSProperty("naturalWidth", 0);
+	await expect(remote_output_image).toHaveJSProperty("complete", true);
+	await expect(remote_output_image).not.toHaveJSProperty("naturalWidth", 0);
+});
diff --git a/js/spa/test/input_output.spec.ts b/js/spa/test/input_output.spec.ts
new file mode 100644
index 0000000..6d731b0
--- /dev/null
+++ b/js/spa/test/input_output.spec.ts
@@ -0,0 +1,9 @@
+import { test, expect } from "@self/tootils";
+
+test("a component acts as both input and output", async ({ page }) => {
+	const textbox = await page.getByLabel("Input-Output");
+
+	await textbox.fill("test");
+	await page.click("button");
+	await expect(await textbox).toHaveValue("tset");
+});
diff --git a/js/spa/test/invisible_textbox.spec.ts b/js/spa/test/invisible_textbox.spec.ts
new file mode 100644
index 0000000..0f9fbf8
--- /dev/null
+++ b/js/spa/test/invisible_textbox.spec.ts
@@ -0,0 +1,108 @@
+import { test, expect } from "@self/tootils";
+
+test("Textbox visibility can be toggled from the backend. Toggling visibility retains the value", async ({
+	page
+}) => {
+	await expect(page.locator("#test-textbox textarea")).toHaveCount(0);
+
+	await page.click('text="Show"');
+
+	await expect(page.locator("#test-textbox")).toHaveCount(1);
+
+	const textbox = page.locator("#test-textbox textarea");
+	const form = page.locator(".form");
+
+	await textbox.fill("Test value");
+
+	await page.click('text="Hide"');
+
+	await expect(textbox).not.toBeVisible();
+	await expect(form).not.toBeVisible();
+	await expect(textbox).toHaveCount(0);
+
+	await page.click('text="Show"');
+	await expect(form).toBeVisible();
+	await expect(form).toHaveCount(1);
+	await expect(textbox).toHaveValue("Test value");
+
+	await page.click('text="Make Invisible"');
+	await expect(form).not.toBeVisible();
+	await expect(textbox).not.toBeVisible();
+	await expect(form).toHaveCount(1);
+});
+
+test("Component visibility is respected in inactive tabs. A component with visibility=False will not be shown when the tab is active", async ({
+	page
+}) => {
+	await page.click('text="Show"');
+
+	await expect(page.locator("#test-textbox")).toHaveCount(1);
+
+	await page.getByRole("tab", { name: "Another Tab" }).click();
+
+	await page.click('text="Show Message"');
+
+	await expect(
+		page.getByText(
+			"This is another tab to demonstrate that invisible components work across tabs."
+		)
+	).toBeVisible();
+
+	// Switch back to first tab and check textbox is still there
+	await page.getByRole("tab", { name: "Invisible Textbox Demo" }).click();
+
+	await expect(page.locator("#test-textbox")).toHaveCount(1);
+});
+
+test("Making accordion visible does not show all children automatically", async ({
+	page
+}) => {
+	await page.getByRole("tab", { name: "Third Tab" }).click();
+	await expect(page.locator("#hidden-number")).toHaveCount(0);
+
+	await page.click('text="Show Accordion"');
+
+	await expect(page.getByLabel("Visible Textbox")).toBeVisible();
+
+	await page.click('text="Show Number"');
+
+	await expect(page.locator("#hidden-number")).toHaveCount(1);
+
+	await page.click('text="Hide Number"');
+	await expect(page.locator("#hidden-number")).toHaveCount(0);
+});
+
+test("Making two components of the same type visible in one event does not freeze the page", async ({
+	page
+}) => {
+	await page.getByRole("tab", { name: "Sliders Tab" }).click();
+
+	await page.click('text="Show Sliders"');
+
+	await expect(page.locator("#slider-1")).toBeVisible();
+	await expect(page.locator("#slider-2")).toBeVisible();
+
+	await page.click('text="Hide Sliders"');
+
+	await expect(page.locator("#slider-1")).not.toBeVisible();
+	await expect(page.locator("#slider-2")).not.toBeVisible();
+});
+
+test("Hiding accordion retains textbox value when accordion is shown again", async ({
+	page
+}) => {
+	await page.getByRole("tab", { name: "Third Tab" }).click();
+
+	await page.click('text="Show Accordion"');
+
+	const textbox = page.getByLabel("Visible Textbox");
+	await expect(textbox).toBeVisible();
+	await textbox.fill("Hello there");
+
+	await page.click('text="Hide Accordion"');
+	await expect(textbox).not.toBeVisible();
+
+	await page.click('text="Show Accordion"');
+	await expect(textbox).toBeVisible();
+	await expect(textbox).toHaveValue("Hello there");
+});
diff --git a/js/spa/test/kitchen_sink.spec.ts b/js/spa/test/kitchen_sink.spec.ts
new file mode 100644
index 0000000..8eae14e
--- /dev/null
+++ b/js/spa/test/kitchen_sink.spec.ts
@@ -0,0 +1,120 @@
+import { test, expect } from "@self/tootils";
+
+test("clicking cached example loads image and video correctly", async ({
+	page
+}) => {
+	// Click the first example row in the examples table
+	const example_row = page.locator("tr.tr-body").first();
+	await expect(example_row).toBeVisible();
+	await example_row.click();
+
+	// Verify the input image loaded successfully (populated via queue=False /run/ endpoint)
+	const input_image = page.locator(
+		'div.block:has(label:has-text("Image")) img'
+	);
+	await expect(input_image.first()).toHaveJSProperty("complete", true);
+	await expect(input_image.first()).not.toHaveJSProperty("naturalWidth", 0);
+
+	// Verify the output image loaded successfully (populated via queue)
+	const output_image = page.locator("#output-img img");
+	await expect(output_image).toHaveJSProperty("complete", true);
+	await expect(output_image).not.toHaveJSProperty("naturalWidth", 0);
+
+	// Verify the output video loaded successfully
+	const output_video = page.locator(
+		'div.block:has(label:has-text("Video")) video'
+	);
+	await expect(output_video.last()).toBeVisible();
+	const video_src = await output_video
+		.last()
+		.evaluate((el: HTMLVideoElement) => {
+			const source = el.querySelector("source");
+			return source?.src || el.src;
+		});
+	expect(video_src).toBeTruthy();
+	// Verify the video file URL returns 200 (not 404 from wrong root_url)
+	const response = await page.request.get(video_src);
+	expect(response.status()).toBe(200);
+});
+
+test.fixme("test inputs", async ({ page, browser }) => {
+	const context = await browser.newContext({
+		permissions: ["camera"]
+	});
+	context.grantPermissions(["camera"]);
+
+	const textbox = await page.getByLabel("Textbox").nth(0);
+	await expect(textbox).toHaveValue("Lorem ipsum");
+
+	await textbox.fill("hello world");
+	await expect(textbox).toHaveValue("hello world");
+
+	const textbox2 = await page.getByLabel("Textbox 2");
+	await textbox2.fill("hello world");
+	await expect(textbox2).toHaveValue("hello world");
+
+	const number = await page.getByLabel("Number").first();
+	await expect(number).toHaveValue("42");
+	await number.fill("10");
+	await expect(number).toHaveValue("10");
+
+	// Image Input
+	const image = page.getByTestId("image").nth(0).locator("input");
+	await image.setInputFiles("./test/files/cheetah1.jpg");
+
+	const uploaded_image = await page.locator("img").nth(0);
+	const image_data = await uploaded_image.getAttribute("src");
+	await expect(image_data).toBeTruthy();
+
+	// Image Input w/ Webcam
+	await page.getByRole("button", { name: "Click to Access Webcam" }).click();
+	await page.getByRole("button", { name: "select input source" }).click();
+	expect(await page.getByText("fake_device_0")).toBeTruthy();
+});
+
+test.fixme("test outputs", async ({ page }) => {
+	const submit_button = await page.locator("button", { hasText: /Submit/ });
+
+	await submit_button.click();
+
+	const textbox = await page.getByLabel("Textbox").nth(2);
+	await expect(textbox).toHaveValue(", selected:foo, bar");
+
+	const label = await page.getByTestId("label");
+	await expect(label).toContainText(
+		`  Label positive  positive  74%  negative  26%  neutral  0%`
+	);
+
+	const highlight_text_color_map = await page
+		.getByTestId("highlighted-text")
+		.nth(0);
+	const highlight_text_legend = await page
+		.getByTestId("highlighted-text")
+		.nth(1);
+	await expect(highlight_text_color_map).toContainText(
+		"  HighlightedText  The art quick brown adj fox nn jumped vrb testing testing testing  over prp the art testing  lazy adj dogs nn . punc test 0 test 0 test 1 test 1 test 2 test 2 test 3 test 3 test 4 test 4 test 5 test 5 test 6 test 6 test 7 test 7 test 8 test 8 test 9 test 9"
+	);
+	await expect(highlight_text_legend).toContainText(
+		"The testing testing testing over the testing lazy dogs . test test test test test test test test test test test test test test test test test test test test"
+	);
+
+	const json = await page.locator("data-testid=json");
+	await expect(json).toContainText(
+		`{     "items": {     "item": [     "0": { Object(6) }    "id": "0001" ,   "type": null ,   "is_good": false ,   "ppu": 0.55 ,   "batters": { Object(1) } ,   "batter": [ Array(4) ]    "0": { Object(2) } ,   "id": "1001" ,   "type": "Regular"    } ,  "1": { Object(2) } ,   "id": "1002" ,   "type": "Chocolate"    } ,  "2": { Object(2) } ,   "id": "1003" ,   "type": "Blueberry"    } ,  "3": { Object(2) }    "id": "1004" ,   "type": "Devil's Food"    }   ]   } ,  "topping": [ Array(7) ]    "0": { Object(2) } ,   "id": "5001" ,   "type": "None"    } ,  "1": { Object(2) } ,   "id": "5002" ,   "type": "Glazed"    } ,  "2": { Object(2) } ,   "id": "5005" ,   "type": "Sugar"    } ,  "3": { Object(2) } ,   "id": "5007" ,   "type": "Powdered Sugar"    } ,  "4": { Object(2) } ,   "id": "5006" ,   "type": "Chocolate with Sprinkles"    } ,  "5": { Object(2) } ,   "id": "5003" ,   "type": "Chocolate"    } ,  "6": { Object(2) }    "id": "5004" ,   "type": "Maple"    }   ]   }   ]   }   } `
+	);
+
+	const lineNumbers = json.locator(".line-number");
+	const lineNumberCount = await lineNumbers.count();
+	const lastLineNumber = lineNumbers.nth(lineNumberCount - 1);
+	await expect(lastLineNumber).toHaveAttribute("data-pseudo-content", "62");
+
+	const image = page.locator("#output-img img");
+	const image_data = await image.getAttribute("src");
+	expect(image_data).toBeTruthy();
+
+	const audio = page.getByTestId("unlabelled-audio");
+	expect(audio).toBeTruthy();
+
+	const controls = page.getByTestId("waveform-controls");
+	await expect(controls).toBeVisible();
+});
diff --git a/js/spa/test/media_data.ts b/js/spa/test/media_data.ts
new file mode 100644
index 0000000..64d36c6
--- /dev/null
+++ b/js/spa/test/media_data.ts
@@ -0,0 +1,10 @@
+// cheetah1.jpg
+export const BASE64_IMAGE =
+	"/kitchen_sink/file=/var/folders/3w/6btg016509v7b2lz9h7vwqv00000gn/T/gradio/d0a3c81692e072d119e2c665defbd47ce4d3b89a/cheetah1.jpg";
+
+// matplotlib plot image
+export const BASE64_PLOT_IMG =
+	"data:image/png;base64,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";
+// cantina.wav
+export const BASE64_AUDIO =
+	"data:audio/wav;base64,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QvtQ/Db97fu/+mH7o/4JA+0FoQScAXIAJgECAtICqwM1BnAHnAdgBsYGVQZDBOj/3/yL/Yr+Wv6D/Hz66/o7+9L7mf1R/qT/D/80/+r+GAJaBKAEDwRDA0b/X/qA9734l/le+fH2vfWS93D7Av4o/vD+YwI6BIIH8AgaCKsE+QFXBN4HuAq1CmoFJgArAjADnwJEAKb9hPsl++D6oPyw/jMBqAEL/r/93AFiBnUGEwU9BLoHcgi4BhkEl/8N/Cn7/PzG/Bb6F/dx843yKfP89YX7afz/+p78zP+QA0oFqAHg/8AEmAZ6Be0AEP+F/Hj94Pu++dL6KPt3/L372/dU9fz7sgGpA4QAo/x9/q8CzQIzA5cDUwfiB+UEUQCJ/f/+k/4YAHT+MPxi+lL43/hb/Mz/DwSyBNoEewZ2Bg4IygkQDDELTArdBe4EVQT/Ae3/o/4d/o39Av7R/SL+mPzW/uP9HgHsARsFsAH6/loBWgASBEwG+AQj/U34fvh8+pz6pPdI9YPzZPIJ9C/03PZz96L54/4QAMkC3APWBQ4EhwXDCnsIcQdq/RUD/vvd/HL8R/6HAswDQQHm/sUB0APVBmAGPgOJATAE4wTQBa7/U/5j/AD/wP85AsQFCQHW/+n/FgIGA3QF2wE0/Ej+UgPBARv+XvzE/ooBLQFn/gX/DwASAacAsf+x/xYAIADZ//D//f8AAP//AAD+//v//v/+//v/AQD7/////f/+//3//f////7////9/wEA//8BAPz//P/+//z/+//+////AAD8//3/AgD7//3/AAD8//7/+//9//v////7//v//f8BAP//AQD9//v/AQACAAEA///9//3/+/////z//P/9/wAA/v/9/wAAAAD6//z/AgD4/wAA+v/4//3//f/+//z//v/8//j/+v/7//z//P/+//v/+//8//z/+v/6//7//v/6/wAA/f/+//7/AAD8//v/+f/8//3//f/5////AAD6/////v/+//3/AAAAAP3//v/6//3////7/////v////z///8CAAEA///7/wQAAgD//wAA/f////3//P/9//7////9//7//f/+////AQD//wEA/v/+////+f/9/////f/+/wIA/v/9//7//P/+/wEAAAD8//7/AAAAAP7/AQD+//z////8//3//f///wAAAQACAP7/AwAAAP///P/9/wMA//////v//f8AAP///v8BAP3/AAD3//r//f/9//7//v8BAP/////+/wEAAAAAAP3/AAD7//n//f/7//z//v/9//7//P////3//P/9//7////9//7//f8AAP////8BAAIA/f/+//3/AQABAP7/AQD+/////v/+/wAAAgD//wEA/f////3//v/8//3//P/+//v//f////7//P////v//v/8//z//P/8/////v/+//z//v/9//f/+v/+//7//v/8//7/AQD+//7/+//8//z//v/7//3/+/////3//v/+//v//P/6//v/AQD+//7/+//5//3/+v/7//v//P////7/+f/+//z/+f/8/wIA+f/7//n//v/+//7///8AAP7//v8AAPn//v/8//7////8//v//P/9//v////+//n/+f/4//v////9/wAA/v/9//z/+//3//3/+v/8/wAA/f8AAP3//f8AAP7////8//3//f/6//7//f/9/wEA/f8BAP///f/8/wAAAAD+//z//f/9//7//////wEA/v/9//3//P/8/wEAAQAAAAEA/f/9//3//P8AAPv//f8BAAIAAAD///z/AgAAAAIAAQAAAP3//v/8//7/AQD///z//P/8//7//v/7//3//P/7//7//P/4////+//7//n/+v/8//v//P/7//r/+//8//n/+P/8//3/+/////z//f/8/////P/6//j/+//6//r/+v/8//3//f/7//7//P/8//v/+f/8//n/+//4//z/+v/+//3/+//6//7////9//3//P/7//3//////wEA/P/9//3/+//7//v/+f/5//3//P/6//r///////z/+//9//3//P/9/wEA///+//r/AAD8//v//v////r//P/4/wAA+f/7//7//f8AAPr//f/+/////f8DAAIA/v/9//3//v/8//3/AgAAAAEA/v/7//z///8BAP3///8BAPz//f/+//3/AQD7//7/AAD9//n/AAD9/wAA/v/+//v//v/+//v////+/wEA/f/8//3//P/9//z/AQD9//7//f/+/wAA/////wAAAQD8//v//f8AAP//AAD//////P/8//j//P/3//r/AAD9//7////+//r//P/9//7//f/8//z/+f/+//3//f/9/wQAAQD/////AAAAAAAA///9//n/+f/5//v//f/6//r/+P/9//v//P/+//3//f/7//j/+v/4//n/9//8//7//P/+//n//f/7//v/+v/8//j/9v/5//r//P/4//3/AAD5//7/9//9//v/+f/8//v//P/7//n////7//v//f/7//z/+v/6//7//f/+//7/+//9//r//v////z////8//7//f/4//z//f/4//7//v/8//v//v8AAAAAAQD6//z//f/8//7//P/8//v//P/8//v//P/9////AQD7//3//P/8////+//8//3//P/9//v/+//8//7/+v/+//z/+v/4//r//v/7//z/AAD///j/+//5//T/+f/7//j/+//8//b//f/8//r//v/8//r//f/9//v/AAD7//3//P////z//f/7//7//v////r//P/7//z/+P/6////AAD9//z//f/9//z/+f/3//b//f/6//r/9//6//r//f/9//v//P/7//r//P/6//v//f/5//j/+v/9//v//v/3//j/8//2//r/+f/2//f/+f/4//f/+P/2//j/+P/5//z/9//+//n/+//4//z/+v/5//3/+//8//3//P/6//j//P/8//v//P/9//r/AAD///z//v/7//7//f/5//3//P/+//z/+//7//v//P////7//P/+//v/+//8//7//f/8//n/+//4//v/+P////r//P/+//r/+v/9//v//P/6//r/9v/5//j/+/8CAPz//v/8//3//v/8//3////7//j/9//8//v//v////7/+//+/////P/8//j/+f/6//v/+f/8//f/+v/5//v//f/5//7/+v/8//v/+v/5//v////5//j/9v/5//z/+f/4//r/+P/9//7/+v/5//r/+f/2//b/9//8//r//f/9//3/+v/7//f/9f/1//n/+v/5//f/+//8//n/+f/6//3/+//4//n//P/+//n/+f/7////+//4//r/+v/3//v/+v/4//r/+//+//v/+f/4//T/9f/4//r/+v/4//v/+f/0//X/+v/7//v/+f/3//n/+f/6//f/9//2//f/9v/z//T/9P/1//r/+v/6//v/+v/8//r/+//5//j/9v/3//n/9v/1//f/9P/2//X/9//3//n/+f/7//v//v/3//z/+f/4//v//P/4//j/+f/6/wAA+//7//n/+P/6//j/9//3//b/9//7//j/+P/8//n//P/8//z//P/9//3//f/8//z//f/8//3//f/9//z//f/9//z//P/8//z//P/8//z//P/9//z//f/8//z//f/8//3//f/9//3//P/8//3//P/9//z//f/8//3//P/8//z//f/8//v/+//7//v//P/9//v//P/7//v/+//7//z/+//8//v/+//7//3/+//7//v//P/8//v/+//7//v/+v/6//v/+v/6//r/+v/6//r/+//6//r/+//7//r/+v/7//r/+//6//r/+//5//r/+f/7//r/+v/5//r/+f/5//j/+v/6//n/+P/4//n/9//5//n/9v/3//f/+P/4//j/+P/3//j/9//4//f/9//3//f/+P/2//b/9v/1//f/9//2//b/9v/2//b/9//1//b/9f/0//b/9P/1//b/9f/1//X/9f/1//X/9P/z//X/9P/0//T/8//z//T/9P/1//b/9P/z//T/9v/1//b/9f/2//b/9P/0//X/9P/1//X/9f/0//T/9f/0//X/8//0//X/9//3//X/9v/2//b/9f/0//f/9v/3//b/9v/3//j/9v/4//X/9v/3//f/9f/2//f/9f/2//T/9P/4//f/9v/3//n/8//1//b/9P/3//X/9v/1//f/9f/0//b/9//2//X/8v/0//b/9f/2//b/9//5//X/8//2//f/9v/2//j/+f/2//b/9v/3//b//f/2//f/+P/4//f/+v/7//j/+v/4//n/+f/6//f/+v/7//r/+//1//f/+P/3//v/+v/6//v/+P/7//z/+f/7//v/+f/2//r/+//7//z//f/+//3/+//8//r//f/9/wEA+//7//v//P/8/////v/////////9//3///8CAP7///////7//v8DAAAAAQAEAAIAAwABAAUAAAAAAAIAAgAAAAEAAgADAAMABQABAAQAAwAGAAEAAwABAAEAAwACAAQAAQABAAEAAgD+/wAAAQD//wEA/v////7/AgADAAEA/f/7//7///8BAP//AQD9//3//f/+//z////+//z//v/9/wIA/v8AAP7/AQD/////AQD9/wEAAQD+/wIAAAD+//7/AgACAAUAAQABAAQAAgADAAYAAwAGAAMABQAEAAQABwAHAAgACgAHAAgABwAHAAgABgAKAAoACwAKAAoACwAKAAsACwALAA4ADQALAA8ADQAOAA8ADwAQAA0ADAAOAA0ADgANAA4ADQAQAA0AEAASAA0AEQAMAA0ADgALAA0ADgAPAA4ADQAJAA4ADwAPAA4ADAANAA0ADQAMAAsACAAOABAADgAMAAoACwAKAAsADQAOAAoADQAKAAkACwANAAwACgAHAAgABwAJAAkACgAJAAsACQAHAAgACQAMAAoADAAJAAsACQAHAAsACwAKAAsACQAIAAgABwAHAAkACgALAAkACwAIAAkABwAKAAoACwAJAAoACgAMAAkACgAKAAkADQALAAkACQAHAAoADQANAAoACwAJAAwAEAANAAwADAANAA0ACgAMAAwADgAOAA0ADQAMAA4ADgALAA4ADQAOAA0ACgAMAA4ADgAQAA0ADgANAAsAEAAPABEAEgATABAADwAPAAwAEwARABAAEAANAA4ACwAQAA0AEAASAAwAEAAOABAAEQAPABEAEQAMAA0ADAANAA4ADgAOAA4ADgAOAA4ADQARABAADQAOAA0AEQANAA0AEgAMAA8ADAAPAA4ADgAQAA4ADwAOAA0ACwAKAAoADgALAA4ADAALAAsACgAIAAoADQANAAsACAAKAAoACAAGAAcACAAGAAYABgAHAAkABwAGAAcABAAEAAcABQAIAAkABQAGAAUAAwADAAQABgADAAUAAgD/////AAAEAAUABQACAAIAAQADAAAAAgAAAAIAAgAAAP//AQABAAAAAwABAAIA/f/9/wEAAgACAAEABAACAP3/AAAAAP7/AAAAAAIA+//9/////v/+/////v////3//P/8/wAA/f/9//7/+//8//z/+//7//7//P/7//z/+//6//v/+f/9//r/+//4//z/+v/8//v//P/7//z/+f/5//v/+v/7////+P/6//r/+v/5//z//v/7//v/+P/6//n/9//6//r/+v/9//r/+f/8//n/+v/6//z/+v/5//z/+f/7//r//v/7//z//P/9//3//f/7//z//v/8//7//v///wAABAACAP//AQD//wMAAwACAAAABQADAAUAAwADAAcABwAEAAMABQAIAAMABAAEAAsABgAJAAkABwAKAAoACwAKAAwADQALAAwACgAOAA0ADQAPAA0AEAAPAA8ADwANAA8AEgAPAA0ADwAQABAADgAPABEADwAPABAAEgARABMAEAAQABAAEAATABEAEgAOABMAEAAQAA8AEwARABIAFAASABMAEAATABIAEwAVABQAEwAUABUAEwAUABMAFAATABUAEgASABQAFAAXABUAEwAXABMAEQAWABcAFwASABQAEgASABUAFgAXABQAFwAVABUAFQAVABUAFgAXABgAFAAUABYAFgAVABkAGgAVABcAFQAVABYAFwAcABcAGAAYABYAFQAVABcAGAAaABYAGgAWABcAGAAZABgAGwAYABcAGAAcABUAFwAaABsAFwAZABkAGwAcABgAHQAdABoAFgAeABwAHgAdABwAGwAdABwAIAAgACIAIQAfACEAIAAgACAAIQAjACIAIAAgACMAIwAhACEAIwAkACcAHwAhACUAJAAlACkAJQAoACQAIwAhACIAJwAiACAAIQAfACIAIwAjACQAJAAkAB8AIAAiACEAIAAhACIAIwAeACIAIgAiACEAIgAjACAAHwAhACEAIwAiACQAIQAhAB8AHwAhACQAIgAiACMAIgAcAB0AIAAiAB8AHwAiAB8AHwAfACAAIQAiAB8AHgAgACIAHgAgACAAIAAfABwAIgAdACAAIAAdAB8AHQAdABwAHQAcAB4AHgAgAB8AGgAcABsAGwAdACEAHQAaABkAGwAZABkAGwAcABsAGgAaABoAGAAaABsAFwAXABkAFQAYABMAGQAYABcAFgATABIAFQATABUAFQARABMAFAATAA8AEwASABIAEgAOAA8ADgAOAA0ADgAOAAoADQALAAkACAALAAoABgAHAAsACAAFAAYABwAJAAUABQAGAAQABgAGAAYAAgADAAAABAADAAIAAwAFAAUAAwADAAQAAQAAAAAAAQABAAIAAwAFAAAABgAFAAIAAwAGAAQABAACAAQAAQAGAAEABQADAAUABgAFAAYABwAGAAMABgAJAAoACAAKAAUACAAGAAoABgAFAAkABwAIAAkACQAJAAgACQAIAAoACQALAAgACwAKAAsADQAJAAwACgANAAsACwANABMACgAKAA4ACgALAA4ADwANAA4ACgAOAA0ADwANABAADAAQABAADgAQAA8ADgAQABEADwATAAwAEAAPABEAEgAPABIAEQASABMAEwASABMAEQAUABIAEgASABIAFAATABEAEgASABEAFAASABMAFAATABEAEQATABIAFAAPABEAEwAPABUAEQARABIAFAASABUAEwASAA8AFAAWABQAFwASABAAFwAVABcAFAAVABoAFwAXABgAGAAXABoAGQAYABcAFgAXABsAGQAXABoAGAAcABsAHQAaABwAHQAeABwAHAAdABwAHQAdAB4AIgAcACAAHgAeACEAIQAgACQAIgAgACYAIQAnACQAJwAjACMAJgAnACQAJAAlACUAJQAlACUAKAAnACkAKAAmACkAKAApACoAKwAoACoALAApACsALAAqACkALAAuACwAKAApACsALAAuAC0ALAArACsALQAuACsALgAtAC4ALAAuAC0AKgAxAC4ALgAtAC4ALwAvACsALwAtAC4ALgAsADIANAAvADEAMQAxADEALgAwADEANAAxADMAMQAyADAAMgA0ADQAMwAyADMANgA2ADQANwA2ADQANgA0ADMANgA4ADgANgA1ADYANwA3ADsAOAA5ADYAOAA4ADsAOQA9ADoAPQA6ADsAOwA4ADwAPAA6ADsAPAA8ADoAOwA5ADcAPQA9ADoAOgA5ADYANwA3ADgAOAA5ADIANQA6ADkANgA3ADkANwA4ADcANwA3ADgANwA4ADYANgA5ADcANwA1ADUANwA0ADYANgAyADQAMwAyADEANAAxADIALwAwADMAMQAyADIAKwAxAC0ALwAsAC4AMAAtACsAKwAuAC4ALgAuACsAKwAuAC0ALAAuACwALgAqACoAKQArACwALAAwAC0AJwAqACsALAAqAC0ALwArACgAKAApACkALgAoACsAJwApACgAKwAnACkAKQAqACcAJwAoACgAKwAtACgAKQAnACcAKAAnACkAJQAnACQAJgAlACYAIQAnACcAJwAiACAAIwAgACQAIgAhACIAHgAbACAAIwAiAB8AHwAiAB0AHgAfAB4AHQAgAB4AFgAZABcAGAAZABsAGgAaABQAFwAUABYAEQARABQAEAAPABMAEAAPABEAEAAUAA0ADgAMAAsADAALAAoACwAIAAoABwAHAAkACQAIAAcACAAEAAIABgAGAAQABAACAP//AQABAAMAAgADAAMA///+/wEAAwACAAIAAgD9/wIAAAD9////AQABAAIA/v/+///////+/wAA/v8AAP///f/7//z/AQD+//3////9//z/+v/+//7//v/+//3//P/8//v//P/9//7//P/6//z//f/8//v/+//8//z//P/8//3/+//9//7/+/////z//f/8/wAA/v/9//z////+//3////+////AAD///3///8BAP7///8BAP/////9/wEA/v/9//z////+/wAA///7//3/+v/+//v//f/6/////f/9//r//P/9//v//P/6//r/+P/6//r/+//4//f/+P/5//f/9//8//r/+f/0//X/9//0//f/+f/3//z/9v/4//X/9f/2//b/+P/4//b/9f/1//j/+P/5//v/9//2//j/+P/4//n//P/7//r/+f/4//v/+v/8//v//P////z//v/5/wIA/v8AAP3///8AAAIAAAADAAUAAwADAAMABAAFAAUABwAGAAgABwAFAAgACAAGAAoABwAHAAgACgALAAoADAANAAkACwAOAAsACwALABAADAAPABAADwAOAA0ADgARAA4AEAAOAA0AEAAOABEAEQAQAAoAEQAOABAAEAASABQAEgASABEADwAPABAAEgAOABAADgARAA8AEgARAA4ADgANAA8ADQALAAwADgANAA0ADgANAAoADgAOABAACgAMAAsADQAIAAsADQAOAAoADQAKAAsACgAMAAwACwAMAAoACQAJAAkACgALAAwADgAMAAoACQAKAAkACgAJAAoACAAJAAkADgAIAA4ACgAJAAoACgAJAAwADQAMAAsACwANAAoACQALAAsACQAIAA4ACAAHAA0ACgAHAAoACQAHAAgACAAHAAcACgAIAAYAAwAFAAQABQAFAAUABgAFAAUAAgABAAUAAwABAAEAAwACAAAAAwAAAP//AwAAAAAA//8AAP3/AQAAAP///v/7//7////9///////+//7//f/8//7//v/9//z//P/9//z/+v/8//7/+/////3/+P/4//v//v/5//n/+f/3//j/9v/6//n/+f/3//r/9f/3//f/9//3//b/+P/1//j/9v/3//f/9v/2//b/9f/2//b/8v/3//T/9//0//T/9P/3//b/9v/3//X/9//0//P/9v/0//b/9f/0//T/9f/y//b/9P/2//P/+P/1//j/8v/4//n/+P/6//X//P/4//f/9//1//j/+//6//n/+P/1//r/+v/6//v/+P/5//r//P/4//v//P/8//j//f/7//j/+//9//n/+//+//v/+f/3//r/+v/5////+//5//n/+P/6//z/+v/7//r/9//6//3/+f/8//v/+P/5//v/+P/3//3/+f/6//r//P/9//f/+P/7//j/+//6//b/9f/6//r/+P/6//r/+f/4//n/9v/6//n/9//2//f/9//3//j/+P/7//z/+v/3//v/+f/4//3//P/8//r/+P/6//r/+//8//r//P/5//n//P/4//z/+//6//r/+//4//v/+//7//7/+v/7//r/+//7//z/+//9//z//f/7//7//P/9/wAA/v/9//z/+P////7///8AAAEA///9//////////z//P/9//z/+//7//3/+//4//3/+v/6//r/+P/3//r/+//3//v/9//1//T/9//4//n/9v/5//b/9P/0//X/9P/2//L/8//w//H/8v/y//L/7//x/+v/8P/r//D/8P/r/+3/7f/p/+f/6f/o/+3/6f/p/+n/5v/p/+T/6P/p/+f/5//n/+b/5P/l/+L/5v/j/+f/4f/i/+L/5P/l/+b/5f/j/+P/4//i/+T/4//l/+T/4v/l/+L/5f/h/+L/4v/i/+D/4//i/+T/4P/m/+X/5P/f/+H/4P/j/+P/4v/j/+L/4f/h/+L/3//j/9//3P/h/+D/4P/f/+D/5P/i/+D/4v/i/9//4v/g/+D/4P/f/93/4P/d/93/3//f/97/3//f/9v/2//c/9v/3f/d/+H/2f/c/9j/2//c/93/2v/Z/9f/3P/a/9v/3f/a/9f/3P/Z/9r/1//Z/9r/2v/a/9f/1//Z/9j/2P/X/9j/2P/Z/9b/1v/X/9f/1v/W/9b/1v/Y/9b/1//Z/9X/1//Y/9P/1f/X/9n/1P/a/9n/2P/V/9b/1v/W/9j/2v/b/9f/2P/Y/9n/2//Y/9f/2P/X/9j/2f/Z/9j/2P/X/9j/2v/Y/9j/2v/a/9n/2P/Z/9z/1//c/9r/3P/a/9r/1//a/9z/3P/Z/93/3v/a/9z/2//b/93/4f/f/+D/3f/e/9z/4f/h/9z/3v/g/+T/4v/g/+P/4v/i/+L/4v/i/+H/5P/g/+X/5f/m/+P/6P/l/+X/4//n/+j/6P/n/+b/5P/n/+n/6v/o/+j/5//k/+X/6P/m/+j/6f/k/+X/4//p/+f/6P/p/+r/5//p/+v/8P/o/+n/7P/q/+v/6v/t/+z/7f/t/+v/6//s/+v/6//t/+z/7f/r/+v/6v/p/+3/8v/t/+3/7v/t/+z/6v/s/+v/6//w/+r/7P/r/+//7v/u/+3/7v/s/+//7//w//H/6v/v//P/8P/x//H/8P/0//P/8P/y//D/7//z//H/8v/y//L/8f/y//H/9P/x//L/9v/1//L/9v/z//X/9v/0//b/9f/3//X/9//3//b/9v/3//f/+P/5//f/9//4//X/9//4//j/9//2//v/+P/3//b/+v/4//f/+v/3//X/9//4//X/+P/4//b/9f/1//n/+P/0//f/9v/1//j/9v/3//b/+P/5//j/+P/2//j/8//0//b/+P/0//f/9//2//b/9v/1//L/+f/4//X/9//3//b/9f/1//n/9//0//f/9v/6//b/9//1//j/8//3//T/+f/5//f/+P/3//f/+P/2//X/9//4//f/9v/4//b/9//1//f/+v/6//j/9f/1//b/9f/1//b/+v/4//X/9P/4//P/9P/1//T/8v/1//X/8f/x//P/8//2//T/8//0//D/8v/1//P/8f/x//T/8P/v//D/7v/w/+//8f/s//D/7f/s/+7/8f/t/+v/7f/r/+z/7//x/+3/7P/q/+3/7v/r/+//7//v/+n/7f/r/+7/8P/t/+3/7f/u/+//7P/t/+//6f/t/+3/6//s/+7/7P/q/+7/8P/u/+v/6f/r/+r/7//t/+z/7P/u/+7/7//s/+v/7v/u/+7/6//t/+7/7//v/+//7//u/+3/7//w/+//6//x//D/8v/w//D/8f/z//P/8v/v//T/8P/y//X/9f/2//b/8f/2//b/+P/6//n/+P/4//f/+//3//z/+P/7//z//f////v//P////7////9//3//f8AAP7/AQACAAEAAgAAAAIAAAACAAMAAwAAAAQABAAEAAUABgAHAAgACAAGAAgACQAIAAsABwALAAoACgAJAAsACAAJAAwADAALAA4ADAAKAAsADwAQAAwADwANAA8ADAAPABEAEwAQABEAEAAQABIAEQAUABMAEwAVABMAEwATABcAGAAXABgAFQAYABkAGgAZABkAGQAaABkAGAAWABkAGwAdAB8AHAAeAB0AHAAdACEAIAAgAB0AHwAfAB0AIAAgAB8AJAAdACEAIQAjACEAJgAlACIAJgAkACQAJwAmACkAKAAlACkAJwAkACkAKgArACYAKAAqACcAKAAoACoAKwApACgAKQApACkAKAApACsAKwAnACoALAApACwAKQAqACsAKQAtACsALgAtACoAKwApACcAKQAqACwAKwArAC4AKAArACoAKwArACoAKAAqACUAKAApACIAJQAkACUAJAAeACMAJAAdACEAIwAgAB4AIAAcABwAHQAeABwAHQAgABoAGQAaABsAGwAcABgAGQAZABgAFwAZABgAGQAbABcAGgAWABoAGAAaABkAFQAYABsAFwAYABkAFwAWABcAFgAYABgAFwAZABcAFgAUABIAFQAZABYAFAAWABMAEgAUABUAEgAVABYAGgAVABQAFQAVABUAFAAVABMAFQAVABMAFQAXABQAGQATABcAFgAVABYAGAAUABMAFAATABMAEgATABUAFQAVABIAEwAUABUAFQAUABQAEQARAA8AFgARABQAFQATABQAEwATABIAFAAWABMAFAASABMAEAAQABQAFgAPABIAEQAQABEAFQASABIAEQARABAAEAAPABEAEQASABEAEAAQAA8ADwAOAA8ADwAOAAwADwALAA0AEQAPAA8AEQAQAA4ADgAPABAAEwASABEAEQANABEAEwASABQAFQASABMAEQAVABIAEwATABYAFgAVABIAEQATABQAFQAUABUAEgARABQAFQAUABQAFAARABEAFQAVABcAFgATABMAFQAWABcAFgAXABcAFgAWABUAFwAXABUAGAAYABgAGgAXABcAFgAVABgAGwAWABkAGwAaABgAGwAaABkAFwAYABcAGAAXABoAGQAXABgAGAAUABgAGAAXABgAFQAXABYAGQAVABkAGAAUABQAFwAWABkAFQAWABkAEwAWABEAEwAQABIAEwASABIADgARABIAEAAOABIADQAUAA4ACgAQAA4ADQAKAA4ACgALAAkADQAKAAwACQAIAAkACQAHAAcACAAHAAsABgAFAAIAAwAFAAQABAAEAAIA/f///wIAAgAEAAMAAAAAAP////8AAAEAAQAAAAEA/v////3//v///wAA///+//7//f////7//v/9/////P/6//r/+//6//3/+P/6//n/+f/6//X/+P/2//b/9P/1//b/8//2//f/9P/1//X/9P/1//P/8v/2//b/9v/0//T/8v/y/+//8P/y//H/8P/w/+7/8f/w/+z/7v/u/+3/7v/v/+7/7P/x/+7/7//s/+3/7//v/+7/7v/s/+//7v/u/+z/7//u/+7/8P/t/+v/7f/v/+7/7v/w/+7/7v/w//L/8f/z//P/7//x/+//8P/x/+//8v/x//L/8//u//L/8v/y//H/8//0//T/8v/z//P/9P/0//f/9f/z//b/9//4//f/9//5//n/8//5//f/+f/6////+//7//r/9//7//7//f///wAAAAABAP7//////wMAAwAFAP//AQD//wQAAwAEAAYABgADAAAAAgADAAYACQAEAAYABQAEAAYABgAHAAgABwAEAAoABwAHAAgABQALAAkABgADAAQACwAIAAcACQAIAAcABwAIAAkACgAMAAgABQAGAAYACQAGAAkADAAKAAYACAAFAAkACQAKAAkACAAKAAoADAAMAAsACQALAA0ACgAKAAsADAAMAAwADQAKAAsADAAMAA0ADAAMAAwADQAJAA0ADAAMAA0AEAALAA0ADgAKAAwAEgAPABAADwAQABAAEQAQABIAEAAQAAsADgAJAA8AEAAQAA8ADwAQAA8AEAAPAA8ADwASAA4ADwALAA8AEAANAA8ADwAQAAwADQAOAA8AEQAMAA0ADgALAAwAEQARAA0ADgAOAA4ACwAMAA0ADwAMAA0ADwALAA0ADAAMAAoADAAKAAoACwAJAAUACgAJAAkACQAHAAgACAAGAAcACAAJAAcABQADAAAAAwAFAAIABgAAAP3//v////3/AgD+/wEA/f/+/wEA/P/9//z//f/9//z//P/8//v//P/6//n/+f/3//j/+f/5//n/+//6//n/9v/4//r/+v/1//r//P/8//z/+P/4//v/+f/5//r/+f/3//n/+P/8/wAA/P/6//z/+v/5//n//P/+//3//P/8//v/AAD9/wIAAQAAAP////8AAAIAAQAFAAcABQAGAAYABQAGAAYACQAHAAgACAAHAAkADAALAAsADQALAAsAEAAOAA4ADwANABAAEAAOAA8AEgARABQAFAASABMAFAATABEAFAAXABcAGAAYABcAGgAXABgAFgAXABUAGAAXABcAFwAZABkAGgAYABcAGwAVABkAGAAZABoAGwAWAB0AGgAbABkAHAAZABYAGQAZABoAGgAcABwAGQAXABkAGAAZABwAGwAcABsAHAAeABkAHgAeABwAHgAeABsAHgAcABsAGwAeAB0AHQAeAB4AHgAcACMAHgAfACAAHgAfAB4AIAAeAB0AIgAfAB8AHwAhACEAIgAhACMAIgAlACIAJAAiACIAJAAfACIAIwAjACYAIwAkACMAIAAkACUAJgAjACUAIAAiACAAJQAkACIAJQAlACUAIgAgACEAJAAjACAAIAAiACIAIgAjACAAIAAgACAAIwAgACEAIgAfACMAIQAiAB8AIAAdAB0AHQAhAB0AHwAeABsAHgAcAB4AHAAeABwAHwAcAB0AHgAhAB4AGwAcABkAHAAaABoAGAAaABoAGAAYABkAGwAYABkAGAAXABYAEgAXABQAFgAVABMAEgASABIAFQAWABIAEgAPABMAEQAPABEADgAUAA8AEQAPAA4AEAASABIADQANAA8ADwAOAAwADgAMAAwADQAKAAkACQAIAAsACgALAAgABwAGAAQABgAIAAUABQAEAAMAAwABAAUAAwADAAIA/f8EAAMAAQAAAAIABAAAAP7/+//8//7//P8AAPz/+/////3//P/6//7//P/5//r/9//7//v/+v/6//b/9v/3//X/9//1//b/9v/1//f/9//2//j/9//0//b/9//0//P/9f/y//f/9//3//X/8//3//j/8//y//H/9P/z//b/8//y//D/8v/x//D/9f/y/+//8f/w//H/8f/x//D/7//s//D/7//v/+7/8v/t//H/8f/w/+//8f/w//L/8P/v/+//7v/2//b/8v/y//L/8//y//b/9P/3//j/9//1//f/9//1//f/+v/5//n/9//+//3/+v/9//r/+//+//7//////wAAAAAEAAAAAQACAAEAAAAGAAMAAQADAAUAAwAFAAYABgAIAAgABwAGAAcABgAIAAIACAAGAAgABAAGAAgACAAIAAoACAAGAAkABgAIAAsACgAIAAcACgAJAAcACQALAAcACAAIAAgADQAJAAsACAAIAAsACwAMAAkABwAIAAoACgAGAAgACAADAAgABQAHAAUABQAFAAMABgAHAAYABQAEAAcABAACAAQABwADAAIACQADAAMAAgAIAAIAAwACAAMAAQADAAMAAwACAAMAAgACAAMAAwABAAQAAgACAAEABAD/////AQACAAQAAgADAAEAAgADAAkABwAHAAUAAgADAAkABgAHAAUABwAKAAgABwAIAAYACQAIAAoACwAJAAgABwAJAAoADAALAAsACwAHAAkACgAKAAoACQAKAAoACQAJAAoACwAKAAkADAALAAoACAAKAA0ACgALAAsADAALAAoADgAJAAkACAAJAAgABwAIAAkACQAIAAgACAAFAAgABwAIAAcACwAHAAcABwAHAAcACQAIAAkACgAGAAcABQALAAcACwAIAAoABgAIAAUACgAKAAYABgAFAAgABgAGAAYACAAFAAYABwADAAYABQAFAAYABAACAAIAAQADAP//AgAHAAQA//8FAAMAAwAGAAIABAABAAAAAQAAAAEA/v///wAA/P/8//3//P/7////+v/8//v/+v/6//z/9//8//v/+f/7//v/9//4//j/+v/5//n/+v/4//b/+//3//n/9//2//n/9v/0//f/+v/0//b/9f/y//X/9P/y//P/8//x//H/8P/x/+//7//1//D/8P/x//L/7v/x//H/8v/x//D/8P/t/+7/8f/v//H/7v/v/+7/7//v//H/7v/w//D/8P/v//H/8v/x//D/8f/y/+3/8P/0//D/8P/x/+7/7v/u/+//7v/z//L/8P/x/+//7//u/+//8//w/+//7v/u/+//8P/v//P/8P/x//D/7//w//H/7//w//X/8f/x//H/8//w//H/9P/y//D/8//w//L/8v/1//T/8//1//P/8//z//f/9f/1//f/8f/v//H/9f/y//P/9v/y//b/9P/1//j/+P/3//f/+P/3//j/9v/2//n/+v/2//b/9f/0//f/9v/5//f/9//4//X/9v/5//j/9//5//T/9P/2//X/9P/4//P/9//0//P/8//z//L/9P/1//T/8v/v//L/8P/w/+//7//s/+v/7//t/+7/7P/u/+v/7v/r/+r/7P/q/+z/6v/r/+r/6f/p/+r/6f/r/+r/5//p/+j/6v/p/+j/6f/r/+j/6f/p/+j/6//o/+j/6v/n/+b/6P/o/+n/5f/q/+f/6v/n/+b/5v/o/+n/6v/r/+X/6v/p/+z/6f/q/+v/7f/t/+r/7f/t/+//7P/u/+3/8f/t/+v/8f/y/+7/7//y//L/8P/w//H/8P/z//D/8f/t//L/8P/0//f/9//z//f/8v/z//X/9v/0//T/9f/0//X/8//1//f/+v/4//j/9//7//j//P/7//3//f/7//n/+v/9/////v/9//7/AAD8//z/AgABAP7//v8BAAEAAQD///7/AgAEAAAA//8DAAIABQAFAAcAAwAEAAcABQAAAAcAAwA=";
diff --git a/js/spa/test/mini_leaderboard.spec.ts b/js/spa/test/mini_leaderboard.spec.ts
new file mode 100644
index 0000000..fd9e801
--- /dev/null
+++ b/js/spa/test/mini_leaderboard.spec.ts
@@ -0,0 +1,48 @@
+import { test, expect } from "@self/tootils";
+
+test("Search bar filters dataframe correctly.", async ({ page }) => {
+	await page.getByTestId("textbox").fill("yam-peleg");
+	await page.getByTestId("textbox").press("Enter");
+	const cell = page.getByTestId("cell-0-1").first();
+	await expect(cell).toContainText("yam-peleg/Experiment26-7B");
+});
+
+test("Column selection adds columns to the dataframe.", async ({ page }) => {
+	await page.waitForSelector("#leaderboard-table");
+	const typeHeaderExists =
+		(await page.locator("#leaderboard-table th >> text=Type").count()) > 0;
+	expect(typeHeaderExists).toBe(false);
+
+	await page.getByLabel("Type").check();
+	await page.waitForTimeout(500);
+
+	const typeHeaderVisibleAfter =
+		(await page.locator("#leaderboard-table th >> text=Type").count()) > 0;
+	expect(typeHeaderVisibleAfter).toBe(true);
+});
+
+test("Column selection removes columns to the dataframe.", async ({ page }) => {
+	await page.waitForSelector("#leaderboard-table");
+	const arcHeaderExists =
+		(await page.locator("#leaderboard-table th >> text=ARC").count()) > 0;
+	expect(arcHeaderExists).toBe(true);
+
+	await page.getByLabel("ARC", { exact: true }).uncheck();
+	await page.waitForTimeout(500);
+
+	const arcHeaderVisibleAfter =
+		(await page.locator("#leaderboard-table th >> text=ARC").count()) > 0;
+	expect(arcHeaderVisibleAfter).toBe(false);
+});
+
+test("Model Types Checkbox filters models from the table", async ({ page }) => {
+	await expect(
+		page.getByRole("button", { name: "Qwen/Qwen-72B", exact: true }).first()
+	).not.toBeInViewport();
+	await page.getByLabel("🔶").uncheck();
+	await page.getByLabel("💬").uncheck();
+	await page.getByLabel("🤝").uncheck();
+	await expect(
+		page.getByRole("button", { name: "Qwen/Qwen-72B", exact: true }).first()
+	).toBeInViewport();
+});
diff --git a/js/spa/test/model3d_component_events.spec.ts b/js/spa/test/model3d_component_events.spec.ts
new file mode 100644
index 0000000..e2032ba
--- /dev/null
+++ b/js/spa/test/model3d_component_events.spec.ts
@@ -0,0 +1,25 @@
+import { test, expect } from "@self/tootils";
+
+test("Model3D click-to-upload uploads file successfuly. Upload and clear events work correctly. Downloading works.", async ({
+	page
+}) => {
+	const uploader = await page.locator("input[type=file]");
+	const change_counter = await page.getByLabel("# Change Events");
+	const upload_counter = await page.getByLabel("# Upload Events");
+	const clear_counter = await page.getByLabel("# Clear Events");
+
+	await uploader.setInputFiles("./test/files/face.obj");
+
+	await expect(change_counter).toHaveValue("1");
+	await expect(upload_counter).toHaveValue("1");
+
+	await page.getByLabel("Clear").nth(0).click();
+	await expect(change_counter).toHaveValue("2");
+	await expect(clear_counter).toHaveValue("1");
+	await expect(await page.getByLabel("Clear Value")).toHaveValue("");
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByLabel("Download").click();
+	const download = await downloadPromise;
+	await expect(download.suggestedFilename()).toBe("face.obj");
+});
diff --git a/js/spa/test/multipage.spec.ts b/js/spa/test/multipage.spec.ts
new file mode 100644
index 0000000..ea503a5
--- /dev/null
+++ b/js/spa/test/multipage.spec.ts
@@ -0,0 +1,26 @@
+import { test, expect } from "@self/tootils";
+
+test("Test multipage navigation and events", async ({ page }) => {
+	test.skip(process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true");
+	await page.getByLabel("Name").fill("asdf");
+	await page.getByRole("button", { name: "Greet" }).click();
+	await expect(page.getByLabel("Output")).toHaveValue("Hello asdf!");
+	await expect(page.getByLabel("Textbox")).toHaveCount(4);
+
+	await page.getByRole("link", { name: "Interface" }).click();
+	await page.getByLabel("x").click();
+	await page.getByLabel("x").fill("3");
+	await page.getByLabel("y", { exact: true }).click();
+	await page.getByLabel("y", { exact: true }).fill("4");
+	await page.getByText("Submit").last().click();
+	await expect(page.getByLabel("output").last()).toHaveValue("12");
+
+	await page.getByRole("link", { name: "Up" }).click();
+	await expect(page.getByLabel("Number")).not.toHaveValue("0");
+	await page.getByLabel("Number").click();
+	await page.getByLabel("Number").fill("5");
+	await page.getByRole("main").click();
+	await page.getByRole("button", { name: "Increase" }).click();
+	await expect(page.getByLabel("Number")).toHaveValue("6");
+	await expect(page.getByLabel("Textbox")).toHaveCount(100);
+});
diff --git a/js/spa/test/on_listener_test.spec.ts b/js/spa/test/on_listener_test.spec.ts
new file mode 100644
index 0000000..595a8eb
--- /dev/null
+++ b/js/spa/test/on_listener_test.spec.ts
@@ -0,0 +1,22 @@
+import { test, expect } from "@self/tootils";
+
+test("On listener works.", async ({ page }) => {
+	const name_box = await page.locator("textarea").nth(0);
+	const output_box = await page.locator("textarea").nth(1);
+	const trigger1_box = await page.locator("textarea").nth(2);
+	const trigger2_box = await page.locator("textarea").nth(3);
+
+	await name_box.fill("Jimmy");
+	await page.click("text=Greet");
+	await expect(output_box).toHaveValue("Hello Jimmy!");
+	await expect(trigger1_box).toHaveValue("Button");
+	await expect(name_box).toHaveValue("");
+	await expect(trigger2_box).toHaveValue("Button");
+
+	await name_box.fill("Sally");
+	await name_box.press("Enter");
+	await expect(output_box).toHaveValue("Hello Sally!");
+	await expect(trigger1_box).toHaveValue("Textbox");
+	await expect(name_box).toHaveValue("");
+	await expect(trigger2_box).toHaveValue("Textbox");
+});
diff --git a/js/spa/test/outbreak_forecast.spec.ts b/js/spa/test/outbreak_forecast.spec.ts
new file mode 100644
index 0000000..36fef6d
--- /dev/null
+++ b/js/spa/test/outbreak_forecast.spec.ts
@@ -0,0 +1,117 @@
+import { test, expect } from "@self/tootils";
+
+test.fixme("selecting matplotlib should show matplotlib image and pressing clear should clear output", async ({
+	page
+}) => {
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "Matplotlib" }).click();
+	await page.getByLabel("Month").click();
+	await page.getByRole("option", { name: "January" }).click();
+	await page.getByLabel("Social Distancing?").check();
+
+	await page.click("text=Submit");
+
+	const matplotlib_img = await page.getByTestId("matplotlib").getByRole("img");
+	const matplotlib_img_data = await matplotlib_img.getAttribute("src");
+	await expect(matplotlib_img_data).toBeTruthy();
+
+	await page.getByRole("button", { name: "Clear" }).click();
+	await expect(matplotlib_img).toHaveCount(0);
+});
+
+test.fixme("selecting plotly should show plotly plot and pressing clear should clear output", async ({
+	page,
+	browserName
+}) => {
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "Plotly" }).click();
+	await page.getByLabel("Month").click();
+	await page.getByRole("option", { name: "January" }).click();
+	await page.getByLabel("Social Distancing?").check();
+
+	await page.click("text=Submit");
+
+	const plotly_plot = page.getByTestId("plotly");
+	await expect(plotly_plot).toHaveCount(1);
+
+	await page.getByRole("button", { name: "Clear" }).click();
+	await expect(plotly_plot).toHaveCount(0);
+});
+
+test.fixme("selecting altair should show altair plot and pressing clear should clear output", async ({
+	page
+}) => {
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "altair" }).click();
+	await page.getByLabel("Month").click();
+	await page.getByRole("option", { name: "January" }).click();
+	await page.getByLabel("Social Distancing?").check();
+
+	await page.click("text=Submit");
+
+	const altair = page.getByTestId("altair");
+	await expect(altair).toHaveCount(1);
+
+	await page.getByRole("button", { name: "Clear" }).click();
+	await expect(altair).toHaveCount(0);
+});
+
+test.fixme("selecting bokeh should show bokeh plot and pressing clear should clear output", async ({
+	page
+}) => {
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "bokeh" }).click();
+	await page.getByLabel("Month").click();
+	await page.getByRole("option", { name: "January" }).click();
+	await page.getByLabel("Social Distancing?").check();
+
+	await page.click("text=Submit");
+
+	const altair = page.getByTestId("bokeh");
+	await expect(altair).toHaveCount(1);
+
+	await page.getByRole("button", { name: "Clear" }).click();
+	await expect(altair).toHaveCount(0);
+});
+
+test.fixme("switching between all 4 plot types and pressing submit should update output component to corresponding plot type", async ({
+	page,
+	browserName
+}) => {
+	//Matplotlib
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "Matplotlib" }).click();
+	await page.getByLabel("Month").click();
+	await page.getByRole("option", { name: "January" }).click();
+	await page.getByLabel("Social Distancing?").check();
+
+	await page.click("text=Submit");
+
+	const matplotlib_img = await page.getByTestId("matplotlib").getByRole("img");
+	const matplotlib_img_data = await matplotlib_img.getAttribute("src");
+	await expect(matplotlib_img_data).toBeTruthy();
+
+	//Plotly
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "Plotly" }).click();
+
+	await page.click("text=Submit");
+	const plotly = page.getByTestId("plotly");
+	await expect(plotly).toHaveCount(1);
+
+	//Altair
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "Altair" }).click();
+
+	await page.click("text=Submit");
+	const altair = await page.getByTestId("altair");
+	await expect(altair).toHaveCount(1);
+
+	//Bokeh
+	await page.getByLabel("Plot Type").click();
+	await page.getByRole("option", { name: "Bokeh" }).click();
+
+	await page.click("text=Submit");
+	const bokeh = await page.getByTestId("bokeh");
+	await expect(bokeh).toHaveCount(1);
+});
diff --git a/js/spa/test/playback_position.spec.ts b/js/spa/test/playback_position.spec.ts
new file mode 100644
index 0000000..f7fdca8
--- /dev/null
+++ b/js/spa/test/playback_position.spec.ts
@@ -0,0 +1,38 @@
+import { test, expect } from "@self/tootils";
+
+test("Audio playback position is retrieved correctly and updates as audio plays.", async ({
+	page
+}) => {
+	await page.getByRole("tab", { name: "Audio" }).click();
+	await page.waitForSelector('[data-testid="waveform-Audio"] svg');
+	await page
+		.getByRole("button", { name: "Get Audio Playback Position" })
+		.click();
+
+	const initialPositionBox = page.getByLabel(
+		"Current Audio Position (seconds)"
+	);
+	await expect(initialPositionBox).not.toHaveValue("0");
+
+	const initialPosition = await initialPositionBox.inputValue();
+	expect(parseFloat(initialPosition)).toBeGreaterThanOrEqual(1.5);
+	expect(parseFloat(initialPosition)).toBeLessThanOrEqual(2.5);
+
+	await page
+		.getByTestId("waveform-Audio")
+		.getByLabel("Play", { exact: true })
+		.click();
+	await page.waitForTimeout(2000);
+
+	await page
+		.getByRole("button", { name: "Get Audio Playback Position" })
+		.click();
+	await expect(initialPositionBox).not.toHaveValue(initialPosition);
+
+	const updatedPosition = await page
+		.getByLabel("Current Audio Position (seconds)")
+		.inputValue();
+	expect(parseFloat(updatedPosition)).toBeGreaterThan(
+		parseFloat(initialPosition)
+	);
+});
diff --git a/js/spa/test/queue_full_e2e_test.spec.ts b/js/spa/test/queue_full_e2e_test.spec.ts
new file mode 100644
index 0000000..a7f747a
--- /dev/null
+++ b/js/spa/test/queue_full_e2e_test.spec.ts
@@ -0,0 +1,29 @@
+import { test, expect } from "@self/tootils";
+
+test("When the queue is full the queue full message gets shown. Also when there is an exception in a user function the queue does not get blocked", async ({
+	page
+}) => {
+	await page.pause();
+	await page.getByRole("button", { name: "First Call" }).click();
+	await page.getByRole("button", { name: "Second Call" }).click();
+	await page.getByRole("button", { name: "Third Call" }).click();
+	await page.getByRole("button", { name: "Fourth Call" }).click();
+
+	await expect(page.getByTestId("toast-text")).toHaveCount(2, {
+		timeout: 10000
+	});
+	const all_toast = (await page.getByTestId("toast-text").all()).map(
+		async (t) => await t.innerText()
+	);
+	const all_text = await Promise.all(all_toast);
+
+	expect(all_text.join("\n")).toContain("This is a gradio error");
+	expect(all_text.join("\n")).toContain("This application is currently busy");
+
+	await expect
+		.poll(async () => page.getByLabel("First Result").inputValue())
+		.toBeTruthy();
+	await expect
+		.poll(async () => page.getByLabel("First Result").inputValue())
+		.toBeTruthy();
+});
diff --git a/js/spa/test/rapid_generation.spec.ts b/js/spa/test/rapid_generation.spec.ts
new file mode 100644
index 0000000..11274f6
--- /dev/null
+++ b/js/spa/test/rapid_generation.spec.ts
@@ -0,0 +1,16 @@
+import { test, expect } from "@self/tootils";
+
+test("No errors on generation", async ({ page }) => {
+	await page.getByRole("button", { name: "Start" }).click();
+	const conversation = page.getByLabel("chatbot conversation");
+	const num_a = page.getByLabel("a", { exact: true });
+	const num_b = page.getByLabel("b", { exact: true });
+	const num_c = page.getByLabel("c", { exact: true });
+	const num_d = page.getByLabel("d", { exact: true });
+
+	await expect(conversation).toContainText("11 11 11 11 11 11 11 11");
+	await expect(num_a).toHaveValue("22");
+	await expect(num_b).toHaveValue("21");
+	await expect(num_c).toHaveValue("22");
+	await expect(num_d).toHaveValue("21");
+});
diff --git a/js/spa/test/reload_mode.reload.spec.ts b/js/spa/test/reload_mode.reload.spec.ts
new file mode 100644
index 0000000..75afa0a
--- /dev/null
+++ b/js/spa/test/reload_mode.reload.spec.ts
@@ -0,0 +1,51 @@
+import { test, expect } from "@playwright/test";
+import { spawnSync } from "node:child_process";
+import { launch_app_background, kill_process } from "./utils";
+import { join } from "path";
+import fs from "fs";
+
+const demo_file = join("..", "..", "demo", "reload_mode", "run.py");
+let _process;
+let original_code: string;
+
+test.beforeAll(() => {
+	original_code = fs.readFileSync(demo_file, "utf8");
+});
+
+test.afterAll(() => {
+	if (_process) kill_process(_process);
+	fs.writeFileSync(demo_file, original_code, "utf8");
+});
+
+test("gradio reload mode works and updates UI after file edit", async ({
+	page
+}) => {
+	test.setTimeout(30 * 1000);
+	try {
+		const { _process: server_process, port } = await launch_app_background(
+			`GRADIO_SERVER_PORT=7423 gradio ${demo_file}`,
+			process.cwd()
+		);
+		_process = server_process;
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2000);
+
+		await page.getByRole("button", { name: "Eat" }).click();
+		await expect(page.getByLabel("Status")).toHaveValue("full");
+
+		let new_code = original_code.replace(
+			'gr.Button("Eat")',
+			'gr.Button("Eat🍔")'
+		);
+		fs.writeFileSync(demo_file, new_code, "utf8");
+
+		await page.waitForTimeout(4000);
+
+		await page.getByRole("button", { name: "Eat🍔" }).click();
+		await expect(page.getByLabel("Status")).toHaveValue("reloaded");
+	} finally {
+		if (_process) kill_process(_process);
+		// Restore the file in case of error
+		fs.writeFileSync(demo_file, original_code, "utf8");
+	}
+});
diff --git a/js/spa/test/render_heavy_concurrently.spec.ts b/js/spa/test/render_heavy_concurrently.spec.ts
new file mode 100644
index 0000000..4c33079
--- /dev/null
+++ b/js/spa/test/render_heavy_concurrently.spec.ts
@@ -0,0 +1,9 @@
+import { test, expect } from "@self/tootils";
+
+test("1000 total textboxes render", async ({ page }) => {
+	await page.getByText("DONE 1", { exact: false }).click();
+	await page.getByText("DONE 2", { exact: false }).click();
+
+	const textboxes = await page.getByLabel("Textbox").all();
+	expect(textboxes).toHaveLength(1000);
+});
diff --git a/js/spa/test/render_merge.spec.ts b/js/spa/test/render_merge.spec.ts
new file mode 100644
index 0000000..2b9b0c4
--- /dev/null
+++ b/js/spa/test/render_merge.spec.ts
@@ -0,0 +1,48 @@
+import { test, expect } from "@self/tootils";
+
+test("Test re-renders reattach components and listeners", async ({ page }) => {
+	const output = page.getByLabel("Textbox", { exact: true });
+	await page.getByLabel("Box 0").click();
+	await page.getByLabel("Box 0").fill("c");
+
+	await page
+		.getByLabel("range slider for Textbox Count")
+		.fill("3", { timeout: 200 });
+	await expect(page.getByLabel("Box 0")).toHaveValue("c");
+	await page.getByLabel("Box 1").click();
+	await page.getByLabel("Box 1").fill("a");
+	await page.getByLabel("Box 2").click();
+	await page.getByLabel("Box 2").fill("t");
+	await page.getByRole("button", { name: "Merge" }).click();
+
+	await expect(output).toHaveValue("c a t");
+
+	await page.getByRole("button", { name: "Count" }).click();
+	await expect(page.getByLabel("Box 2")).toHaveValue("2");
+
+	await page.getByRole("button", { name: "Clear" }).click();
+	await expect(page.getByLabel("Box 2")).toHaveValue(" ");
+
+	await page
+		.getByLabel("range slider for Textbox Count")
+		.fill("4", { timeout: 200 });
+
+	await page.getByLabel("Box 3").click();
+	await page.getByLabel("Box 3").fill("t");
+	await page.getByLabel("Box 2").click();
+	await page.getByLabel("Box 2").fill("s");
+	await page.getByLabel("Box 1").click();
+	await page.getByLabel("Box 1").fill("e");
+	await page.getByLabel("Box 0").click();
+	await page.getByLabel("Box 0").fill("t");
+	await page.getByRole("button", { name: "Merge" }).click();
+
+	await expect(output).toHaveValue("t e s t");
+
+	await page.getByLabel("range slider for Textbox Count").fill("5");
+	await expect(page.getByLabel("Box 3")).toHaveValue("t");
+	await page.getByLabel("Box 4").fill("s", { timeout: 500 });
+	await page.getByRole("button", { name: "Merge" }).click();
+
+	await expect(output).toHaveValue("t e s t s");
+});
diff --git a/js/spa/test/render_queue_false.spec.ts b/js/spa/test/render_queue_false.spec.ts
new file mode 100644
index 0000000..8828dde
--- /dev/null
+++ b/js/spa/test/render_queue_false.spec.ts
@@ -0,0 +1,15 @@
+import { test, expect } from "@self/tootils";
+
+test("Test @gr.render with queue=False works correctly", async ({ page }) => {
+	await expect(page.getByText("No Input Provided")).toBeVisible();
+
+	const inputTextbox = page.getByLabel("Input Text");
+	await inputTextbox.fill("f");
+
+	await page.waitForTimeout(500);
+
+	await expect(page.getByRole("button", { name: "Clear" })).toBeVisible();
+
+	await expect(page.getByLabel("Letter f")).toBeVisible();
+	await expect(page.getByLabel("Letter f")).toHaveValue("f");
+});
diff --git a/js/spa/test/render_tests.skip.ts b/js/spa/test/render_tests.skip.ts
new file mode 100644
index 0000000..36bfc8b
--- /dev/null
+++ b/js/spa/test/render_tests.skip.ts
@@ -0,0 +1,81 @@
+import { test, expect } from "@self/tootils";
+
+test.skip("Test button.click listener works in render", async ({ page }) => {
+	const slider = page.getByLabel("number input for Box Count");
+	await slider.fill("6");
+	await page.getByRole("button", { name: "Create Boxes" }).click();
+	await expect(page.getByLabel("Count 4")).toHaveValue("3");
+});
+
+test.skip("Test every= works in render", async ({ page }) => {
+	const timebox = page.getByLabel("Time");
+	const box_1 = page.getByLabel("Render 1");
+	const slider = page.getByLabel("number input for Slider");
+	let timebox_value_start = parseFloat(await timebox.inputValue());
+	let box_1_value_start = parseFloat(await box_1.inputValue());
+
+	await page.waitForTimeout(1_500);
+	let timebox_value_end = parseFloat(await timebox.inputValue());
+	expect(timebox_value_end).toBeGreaterThan(timebox_value_start);
+
+	await page.waitForTimeout(1_500);
+	await slider.fill("4");
+	const box_2 = page.getByLabel("Render 2");
+	let box_2_value_start = parseFloat(await box_2.inputValue());
+	expect(box_2_value_start).toBeGreaterThan(box_1_value_start);
+
+	await page.waitForTimeout(1_500);
+	let box_2_value_end = parseFloat(await box_2.inputValue());
+	expect(box_2_value_end).toBeGreaterThan(box_2_value_start);
+});
+
+test.skip("Test event/selection data works in render", async ({ page }) => {
+	const selected_button = page.getByLabel("Selected Button");
+	const slider = page.getByLabel("number input for Slider");
+	await slider.fill("3");
+	await page.getByRole("button", { name: "Button 2" }).click();
+
+	await expect(selected_button).toHaveValue("Button 2");
+
+	const selected_chat = page.getByLabel("Selected Chat");
+	await page.getByText("Hi").click();
+	await expect(selected_chat).toHaveValue("1");
+});
+
+test.skip("Test event/selection data can trigger render", async ({ page }) => {
+	await page.getByText("chat3").click();
+	const selected_chat = page.getByLabel("Trigger Index");
+	await expect(selected_chat).toHaveValue("2");
+});
+
+test.skip("Test examples work in render", async ({ page }) => {
+	const input = page.getByLabel("input", { exact: true });
+	await input.waitFor();
+	const testButton = page.getByRole("button", { name: "test" });
+	await testButton.waitFor();
+	await testButton.click();
+	await expect(input).toHaveValue("test", { timeout: 10000 });
+
+	const little_textbox = page.getByLabel("little textbox", { exact: true });
+	await little_textbox.waitFor();
+	const defButton = page.getByRole("button", { name: "def", exact: true });
+	await defButton.waitFor();
+	await defButton.click();
+	await expect(little_textbox).toHaveValue("def", { timeout: 10000 });
+});
+
+test.skip("Test keyed event listeners in render", async ({ page }) => {
+	await page.getByLabel("box-a").fill("a");
+	await page.waitForTimeout(1000);
+	await expect(page.getByLabel("box-b")).toHaveValue("a");
+	await page.getByLabel("box-a").fill("abc");
+	await page.waitForTimeout(1000);
+	await expect(page.getByLabel("box-b")).toHaveValue("abc");
+});
+
+test.skip("Test Tabs Rendered Correctly in gr.render", async ({ page }) => {
+	await page.getByRole("button", { name: "Render Tab" }).click();
+	await expect(page.getByLabel("Rendered Tab", { exact: true })).toHaveValue(
+		"This is a rendered tab"
+	);
+});
diff --git a/js/spa/test/show_progress_on.spec.ts b/js/spa/test/show_progress_on.spec.ts
new file mode 100644
index 0000000..49a1eac
--- /dev/null
+++ b/js/spa/test/show_progress_on.spec.ts
@@ -0,0 +1,21 @@
+import { test, expect } from "@self/tootils";
+
+test("Gallery has no status tracker and textbox has minimal status tracker", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Generate Images" }).click();
+	await page.waitForTimeout(1000); // wait for status tracker to appear
+
+	// gallery
+	await expect(page.getByTestId("status-tracker").nth(0)).toHaveClass(/wrap/);
+	await expect(page.getByTestId("status-tracker").nth(0)).toHaveClass(/hide/);
+
+	// the textbox has a minimal status tracker
+	await expect(page.getByTestId("status-tracker").nth(1)).toHaveClass(/wrap/);
+	await expect(page.getByTestId("status-tracker").nth(1)).toHaveClass(
+		/minimal/
+	);
+	await expect(page.getByTestId("status-tracker").nth(1)).not.toHaveClass(
+		/hide/
+	);
+});
diff --git a/js/spa/test/state_change.spec.ts b/js/spa/test/state_change.spec.ts
new file mode 100644
index 0000000..fae1de4
--- /dev/null
+++ b/js/spa/test/state_change.spec.ts
@@ -0,0 +1,91 @@
+import { test, expect } from "@self/tootils";
+
+test("test 2d state-based render", async ({ page }) => {
+	await page.getByRole("button", { name: "Increment A" }).click();
+	await expect(
+		page.locator("button").filter({ hasText: "Button" })
+	).toHaveCount(0);
+
+	await expect(page.getByLabel("Number A")).toHaveValue("1");
+	await page.getByRole("button", { name: "Increment B" }).click();
+	await page.getByRole("button", { name: "Increment A" }).click();
+	await expect(page.getByLabel("Number B")).toHaveValue("1");
+	await expect(
+		page.locator("button").filter({ hasText: "Button" })
+	).toHaveCount(2);
+	await page.getByRole("button", { name: "Increment A" }).click();
+	await expect(page.getByLabel("Number A")).toHaveValue("2");
+
+	await page.getByRole("button", { name: "Increment B" }).click();
+	await expect(page.getByLabel("Number B")).toHaveValue("2");
+
+	await page.getByRole("button", { name: "Increment A" }).click();
+	await expect(page.getByLabel("Number A").first()).toHaveValue("4");
+	await expect(
+		page.locator("button").filter({ hasText: "Button" })
+	).toHaveCount(8);
+});
+
+test("test datastructure-based state changes", async ({ page }) => {
+	await page.getByRole("button", { name: "Count to" }).click();
+	await expect(page.getByLabel("Output")).toHaveValue(
+		`{1: 1, 2: 2, 3: 3}\n[[1, 2, 3], [1, 2, 3], [1, 2, 3]]\n{1, 2, 3}`
+	);
+	await expect(page.getByLabel("Changes").first()).toHaveValue("1");
+	await expect(page.getByLabel("Clicks").first()).toHaveValue("1");
+
+	await page.getByRole("button", { name: "Count to" }).click();
+	await expect(page.getByLabel("Changes").first()).toHaveValue("1");
+	await expect(page.getByLabel("Clicks").first()).toHaveValue("2");
+
+	await page.getByRole("button", { name: "Count to" }).click();
+	await expect(page.getByLabel("Changes").first()).toHaveValue("1");
+	await expect(page.getByLabel("Clicks").first()).toHaveValue("3");
+	await expect(page.getByLabel("Output")).toHaveValue(
+		`{1: 1, 2: 2, 3: 3}\n[[1, 2, 3], [1, 2, 3], [1, 2, 3]]\n{1, 2, 3}`
+	);
+
+	await page.getByRole("button", { name: "Zero All" }).click();
+	await expect(page.getByLabel("Output")).toHaveValue(
+		`{0: 0}\n[[0, 0, 0], [0, 0, 0], [0, 0, 0]]\n{0}`
+	);
+	await expect(page.getByLabel("Changes").first()).toHaveValue("2");
+	await expect(page.getByLabel("Clicks").first()).toHaveValue("4");
+
+	await page.getByRole("button", { name: "Zero All" }).click();
+	await expect(page.getByLabel("Changes").first()).toHaveValue("2");
+	await expect(page.getByLabel("Clicks").first()).toHaveValue("5");
+});
+
+test("test generators properly trigger state changes", async ({ page }) => {
+	await page.getByRole("button", { name: "Iterator State Change" }).click();
+	await expect(page.getByTestId("markdown").first()).toHaveText(
+		"Success Box 0 added"
+	);
+	await page.getByRole("button", { name: "Iterator State Change" }).click();
+	await expect(page.getByTestId("markdown").nth(1)).toHaveText(
+		"Success Box 1 added"
+	);
+});
+
+test("test state change for custom hashes", async ({ page }) => {
+	await expect(page.getByLabel("Custom State Changes").first()).toHaveValue(
+		"0"
+	);
+	await page.getByRole("button", { name: "Set State to 10" }).click();
+	await expect(page.getByLabel("Custom State Clicks").first()).toHaveValue("1");
+	await expect(page.getByLabel("Custom State Changes").first()).toHaveValue(
+		"1"
+	);
+	await page.getByRole("button", { name: "Set State to 10" }).click();
+	await expect(page.getByLabel("Custom State Clicks").first()).toHaveValue("2");
+	await expect(page.getByLabel("Custom State Changes").first()).toHaveValue(
+		"1"
+	);
+});
+
+test("test state changes work within gr.render", async ({ page }) => {
+	const textbox = await page.getByLabel("Start State");
+	await textbox.fill("test");
+	await expect(page.getByLabel("End State").first()).toHaveValue("test");
+});
diff --git a/js/spa/test/stream_audio_out.spec.ts b/js/spa/test/stream_audio_out.spec.ts
new file mode 100644
index 0000000..dbf9855
--- /dev/null
+++ b/js/spa/test/stream_audio_out.spec.ts
@@ -0,0 +1,43 @@
+import { test, expect } from "@self/tootils";
+
+test.skip("audio streams from wav file correctly @firefox", async ({
+	page
+}) => {
+	test.skip(!!process.env.CI, "Not supported in CI");
+	await page.getByRole("gridcell", { name: "wav" }).first().click();
+	await page.getByRole("button", { name: "Stream as File" }).click();
+	// @ts-ignore
+	await page
+		.locator("#stream_as_file_output audio")
+		.evaluate(async (el) => await el.play());
+	await expect
+		.poll(
+			async () =>
+				await page
+					.locator("#stream_as_file_output audio")
+					// @ts-ignore
+					.evaluate((el) => el.currentTime)
+		)
+		.toBeGreaterThan(0);
+});
+
+test.skip("audio streams from wav file correctly as bytes @firefox", async ({
+	page
+}) => {
+	test.skip(!!process.env.CI, "Not supported in CI");
+	await page.getByRole("gridcell", { name: "wav" }).first().click();
+	await page.getByRole("button", { name: "Stream as Bytes" }).click();
+	// @ts-ignore
+	await page
+		.locator("#stream_as_bytes_output audio")
+		.evaluate(async (el) => await el.play());
+	await expect
+		.poll(
+			async () =>
+				await page
+					.locator("#stream_as_bytes_output audio")
+					// @ts-ignore
+					.evaluate((el) => el.currentTime)
+		)
+		.toBeGreaterThan(0);
+});
diff --git a/js/spa/test/stream_video_out.spec.ts b/js/spa/test/stream_video_out.spec.ts
new file mode 100644
index 0000000..b5abdc9
--- /dev/null
+++ b/js/spa/test/stream_video_out.spec.ts
@@ -0,0 +1,37 @@
+import { test, expect } from "@self/tootils";
+
+test.skip("video streams from ts files correctly @firefox", async ({
+	page
+}) => {
+	test.skip(!!process.env.CI, "Not supported in CI");
+	await page.getByRole("gridcell", { name: "false" }).click();
+	await page.waitForSelector("[data-testid='video'] video");
+	await page.getByRole("button", { name: "process video" }).click();
+	await expect
+		.poll(
+			async () =>
+				await page
+					.locator("#stream_video_output video")
+					// @ts-ignore
+					.evaluate((el) => el.currentTime)
+		)
+		.toBeGreaterThan(0);
+});
+
+test.skip("video streams from mp4 files correctly @firefox", async ({
+	page
+}) => {
+	test.skip(!!process.env.CI, "Not supported in CI");
+	await page.getByRole("gridcell", { name: "true" }).click();
+	await page.waitForSelector("[data-testid='video'] video");
+	await page.getByRole("button", { name: "process video" }).click();
+	await expect
+		.poll(
+			async () =>
+				await page
+					.locator("#stream_video_output video")
+					// @ts-ignore
+					.evaluate((el) => el.currentTime)
+		)
+		.toBeGreaterThan(0);
+});
diff --git a/js/spa/test/sub_block_render.spec.ts b/js/spa/test/sub_block_render.spec.ts
new file mode 100644
index 0000000..7f81b92
--- /dev/null
+++ b/js/spa/test/sub_block_render.spec.ts
@@ -0,0 +1,15 @@
+import { test, expect } from "@self/tootils";
+
+test("submit works", async ({ page }) => {
+	await page.getByTestId("textbox").first().focus();
+	await page.getByTestId("textbox").first().fill("test");
+	await page.keyboard.press("Enter");
+
+	await expect(page.getByLabel("Prompt", { exact: true })).toHaveValue("image");
+});
+
+test("examples work", async ({ page }) => {
+	await page.getByText("A serious capybara at work, wearing a suit").click();
+
+	await expect(page.getByLabel("Prompt", { exact: true })).toHaveValue("image");
+});
diff --git a/js/spa/test/super_html.spec.ts b/js/spa/test/super_html.spec.ts
new file mode 100644
index 0000000..427f905
--- /dev/null
+++ b/js/spa/test/super_html.spec.ts
@@ -0,0 +1,116 @@
+import { test, expect } from "@self/tootils";
+
+test("test HTML components", async ({ page }) => {
+	await expect(page.locator("#simple")).toContainText("Hello, World!");
+
+	await page.getByLabel("Name").first().fill("Sam");
+	await expect(page.locator("#templated")).toContainText(
+		"Hello, Sam! 3 letters"
+	);
+
+	await page.getByLabel("Person").fill("Carl");
+	await page.getByText("Bold Text").click();
+	await page.getByRole("button", { name: "Update HTML" }).click();
+	await expect(page.locator("#css")).toContainText("Hello, Carl!");
+	const html = await page.locator("#css").innerHTML();
+	expect(html).toContain("<li>C</li>");
+	expect(html).toContain("<li>a</li>");
+
+	await page.locator("#A").click();
+	await expect(page.getByLabel("Clicked")).toHaveValue("A");
+	await page.locator("#B").click();
+	await expect(page.getByLabel("Clicked")).toHaveValue("B");
+
+	await page.locator("#text-input").fill("testing");
+	await page.locator("button:has-text('submit')").click();
+	await expect(page.locator("#form")).toContainText("letters");
+	await page.locator("button:has-text('clear')").click();
+	await expect(page.locator("#form")).toContainText("0 letters");
+
+	await expect(page.locator("#fruits")).toContainText("Apple");
+	await expect(page.locator("#vegetables")).toContainText("Carrot");
+
+	await page.getByRole("button", { name: "Make Ordered" }).click();
+	await expect(async () => {
+		const fruitsOrderedHtml = await page.locator("#fruits").innerHTML();
+		expect(fruitsOrderedHtml).toContain("<ol>");
+	}).toPass();
+	await expect(async () => {
+		const vegetablesOrderedHtml = await page.locator("#vegetables").innerHTML();
+		expect(vegetablesOrderedHtml).toContain("<ol>");
+	}).toPass();
+
+	await page.getByRole("button", { name: "Make Unordered" }).click();
+	await expect(async () => {
+		const fruitsUnorderedHtml = await page.locator("#fruits").innerHTML();
+		expect(fruitsUnorderedHtml).toContain("<ul>");
+	}).toPass();
+	await expect(async () => {
+		const vegetablesUnorderedHtml = await page
+			.locator("#vegetables")
+			.innerHTML();
+		expect(vegetablesUnorderedHtml).toContain("<ul>");
+	}).toPass();
+
+	await expect(page.locator("#watch_demo")).toContainText("value: 0");
+	const incBackendButton = page.getByRole("button", { name: "Increment" });
+	await incBackendButton.click();
+	await expect(page.locator("#watch_demo")).toContainText("value: 1");
+	await incBackendButton.click();
+	await expect(page.locator("#watch_demo")).toContainText("value: 2");
+	await incBackendButton.click();
+	await expect(page.locator("#watch_demo")).toContainText("value: 3");
+	await expect(page.getByLabel("Watch Output")).toHaveValue("3");
+
+	await expect(page.locator("body")).toContainText("Zalue is not defined");
+
+	const secondTodoCheckbox = page
+		.locator("#todo input[type='checkbox']")
+		.nth(1);
+	const secondTodoItem = page.locator("#todo li").nth(1);
+
+	await expect(secondTodoItem).toHaveCSS("text-decoration", /line-through/);
+	await secondTodoCheckbox.click();
+	await expect(secondTodoItem).not.toHaveCSS("text-decoration", /line-through/);
+	await secondTodoCheckbox.click();
+	await expect(secondTodoItem).toHaveCSS("text-decoration", /line-through/);
+
+	await expect(page.locator("#children_form")).toContainText("Contact Form");
+	await page.getByLabel("Your Name").fill("Alice");
+	await page.getByLabel("Your Email").fill("alice@example.com");
+	await page.locator("#children_form .send").click();
+	await expect(page.getByLabel("Children Output")).toHaveValue(
+		"Name: Alice, Email: alice@example.com"
+	);
+
+	const file_input = page.locator("#upload_html #html-file-input");
+	await file_input.setInputFiles("./test/files/alphabet.txt");
+	await page.locator("#upload_html #html-upload-btn").click();
+	await expect(async () => {
+		const status = await page
+			.locator("#upload_html #html-upload-status")
+			.textContent();
+		expect(status).toMatch(/^Uploaded: /);
+	}).toPass();
+	await expect(page.getByLabel("Upload Result")).not.toHaveValue("");
+
+	await page.locator("#server-fn-load").click();
+	await expect(async () => {
+		const treeContent = await page.locator("#server-fn-tree").textContent();
+		expect(treeContent).toContain("run.py");
+	}).toPass();
+
+	await page.keyboard.press("a");
+	await expect(page.getByLabel("Key Pressed")).toHaveValue("a");
+	await page.keyboard.press("Enter");
+	await expect(page.getByLabel("Key Pressed")).toHaveValue("Enter");
+
+	// Head / third-party script test (Chart.js loaded via head param)
+	await expect(async () => {
+		const canvas = page.locator("#head_demo canvas#head-chart");
+		await expect(canvas).toBeVisible();
+		// Chart.js renders onto the canvas, so check that the script loaded
+		const chartExists = await page.evaluate(() => typeof Chart !== "undefined");
+		expect(chartExists).toBe(true);
+	}).toPass();
+});
diff --git a/js/spa/test/tab_render_children.spec.ts b/js/spa/test/tab_render_children.spec.ts
new file mode 100644
index 0000000..11962c5
--- /dev/null
+++ b/js/spa/test/tab_render_children.spec.ts
@@ -0,0 +1,9 @@
+import { test, expect } from "@self/tootils";
+
+test.fixme("If render_children=True in Tab, the children with visible!=False are rendered", async ({
+	page
+}) => {
+	await expect(page.locator("#invisible-but-rendered")).toBeAttached();
+	await expect(page.locator("#invisible-and-not-rendered")).not.toBeAttached();
+	await expect(page.locator("#visibility-hidden")).toBeAttached();
+});
diff --git a/js/spa/test/tabs.spec.ts b/js/spa/test/tabs.spec.ts
new file mode 100644
index 0000000..0c4a514
--- /dev/null
+++ b/js/spa/test/tabs.spec.ts
@@ -0,0 +1,157 @@
+import { test, expect } from "@self/tootils";
+
+test.describe.configure({ mode: "serial" });
+test.skip(
+	process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true",
+	"These tests flake in SSR MODE only in CI"
+);
+
+test("clicking through tabs shows correct content", async ({ page }) => {
+	await page.waitForTimeout(1000);
+	await page.getByRole("tab", { name: "Tab 2" }).click();
+	await expect(page.getByText("Text 1!")).toBeHidden();
+	await expect(page.getByText("Text 2!")).toBeVisible();
+
+	await page.getByRole("tab", { name: "Tab 4" }).click();
+	await expect(page.getByText("Text 2!")).toBeHidden();
+	await expect(page.getByText("Text 4!")).toBeVisible();
+
+	await page.getByRole("tab", { name: "Set 2" }).click();
+	await page.getByRole("tab", { name: "Tab 12" }).click();
+	await expect(page.getByText("Text 2!")).toBeHidden();
+	await expect(page.getByText("Text 12!")).toBeVisible();
+});
+
+test("select event fires on the Tabs container itself", async ({ page }) => {
+	await page.waitForTimeout(1000);
+	// `outer_tabs.select(...)` should fire when the active top-level tab changes.
+	// Click "Set 1" first so the subsequent clicks are guaranteed tab changes
+	// regardless of which tab the serial test run left active.
+	await page.getByRole("tab", { name: "Set 1" }).click();
+
+	await page.getByRole("tab", { name: "Set 2" }).click();
+	await expect(page.getByLabel("Outer Container Tab")).toHaveValue("Set 2");
+
+	await page.getByRole("tab", { name: "Set 1" }).click();
+	await expect(page.getByLabel("Outer Container Tab")).toHaveValue("Set 1");
+});
+
+test("per-tab select fires exactly once per tab change", async ({ page }) => {
+	await page.waitForTimeout(1000);
+	const count = page.getByLabel("Tab Select Count");
+	const selected = page.getByLabel("Selected Tab");
+
+	await page.getByRole("tab", { name: "Tab 2" }).click();
+	await expect(selected).toHaveValue("Tab 2");
+	// Settle before baselining: the count is a separate listener, and a
+	// double-dispatch would briefly show `before + 1` before settling on
+	// `before + 2`, so we must read only once the value is stable.
+	await page.waitForTimeout(1000);
+	const before = Number(await count.inputValue());
+
+	await page.getByRole("tab", { name: "Tab 5" }).click();
+	await expect(selected).toHaveValue("Tab 5");
+	await page.waitForTimeout(1000);
+	await expect(count).toHaveValue(String(before + 1));
+});
+
+test("correct selected tab shown", async ({ page }) => {
+	await page.waitForTimeout(1000);
+	await page.getByRole("tab", { name: "Tab 2" }).click();
+	await expect(page.getByLabel("Selected Tab")).toHaveValue("Tab 2");
+
+	await page.getByRole("tab", { name: "Tab 5" }).click();
+	await expect(page.getByLabel("Selected Tab")).toHaveValue("Tab 5");
+
+	await page
+		.getByRole("button", { name: "Make Even Tabs Uninteractive" })
+		.click();
+	await page.waitForTimeout(1000);
+
+	await expect(page.getByRole("tab", { name: "Tab 2" })).toBeDisabled();
+
+	await page.getByRole("button", { name: "Make All Tabs Interactive" }).click();
+	await page.waitForTimeout(1000);
+
+	await page.getByRole("tab", { name: "Tab 2" }).click();
+	await expect(page.getByLabel("Selected Tab")).toHaveValue("Tab 2");
+
+	await page.getByRole("button", { name: "Hide Odd Tabs" }).click();
+	await page.waitForTimeout(1000);
+
+	await page.getByRole("tab", { name: "Tab 4" }).click();
+	await page.getByRole("button", { name: "Show All Tabs" }).click();
+	await page.waitForTimeout(1000);
+
+	await page.getByRole("tab", { name: "Tab 9" }).click();
+	await expect(page.getByLabel("Selected Tab")).toHaveValue("Tab 9");
+});
+
+test("output from one tab to another works", async ({ page }) => {
+	await page.waitForTimeout(1000);
+	await page.getByRole("tab", { name: "Tab 4" }).click();
+	await page.getByLabel("Input 4").fill("hi");
+	await page.getByLabel("Input 4").press("Enter");
+
+	await page.getByRole("tab", { name: "Set 2" }).click();
+	await page.getByRole("tab", { name: "Tab 13" }).click();
+	await expect(page.getByLabel("Input 13")).toHaveValue("");
+	await expect(page.getByLabel("Input 13")).toBeVisible();
+	await expect(page.getByLabel("Input 14")).toBeHidden();
+
+	await page.getByRole("tab", { name: "Tab 14" }).click();
+	await expect(page.getByLabel("Input 14")).toBeVisible();
+	await expect(page.getByLabel("Input 14")).toHaveValue("hi");
+});
+
+test("programmatic selection works", async ({ page }) => {
+	await page.waitForTimeout(1000);
+	await expect(page.getByText("Text 1!")).toBeHidden();
+	await expect(page.getByText("Text 3!")).toBeVisible();
+
+	await page.getByLabel("Select Tab #").click();
+	await page.getByLabel("Select Tab #").fill("6");
+	await page.getByLabel("Select Tab #").press("Enter");
+
+	await expect(page.getByText("Text 3!")).toBeHidden();
+	await expect(page.getByText("Text 6!")).toBeVisible();
+});
+
+test("tab initialized with interactive=False can be unlocked", async ({
+	page
+}) => {
+	await page.waitForTimeout(1000);
+
+	// The "Locked Tab" should be visible but disabled
+	const locked_tab = page.getByRole("tab", { name: "Locked Tab" });
+	await expect(locked_tab).toBeVisible();
+	await expect(locked_tab).toBeDisabled();
+
+	// Click unlock button
+	await page.getByRole("button", { name: "Unlock Tab" }).click();
+	await page.waitForTimeout(1000);
+
+	// Tab should now be enabled and clickable
+	await expect(locked_tab).toBeEnabled();
+	await locked_tab.click();
+	await expect(page.getByText("This tab was unlocked!")).toBeVisible();
+});
+
+test("lazy load subtabs and accordion components", async ({ page }) => {
+	await page.waitForTimeout(1000);
+	// Main tab components visible and rendered
+	await expect(page.getByText("Text 3!")).toBeVisible();
+	await expect(page.getByLabel("Input 3")).toBeVisible();
+	// Subtabs not visible
+	await expect(page.getByLabel("Input 1")).not.toBeVisible();
+	await expect(page.getByLabel("Input 2")).not.toBeVisible();
+	await expect(page.getByLabel("Input 4")).not.toBeVisible();
+
+	// Click second main tab (Set 2); subtab (Tab 11) should render
+	await page.getByRole("tab", { name: "Set 2" }).click();
+	await expect(page.getByText("Text 11!")).toBeVisible();
+	await expect(page.getByLabel("Input 11")).toBeVisible();
+	// Other subtabs should not be visible
+	await expect(page.getByLabel("Input 12")).not.toBeVisible();
+	await expect(page.getByLabel("Input 14")).not.toBeVisible();
+});
diff --git a/js/spa/test/test_chatinterface.reload.spec.ts b/js/spa/test/test_chatinterface.reload.spec.ts
new file mode 100644
index 0000000..8e7894e
--- /dev/null
+++ b/js/spa/test/test_chatinterface.reload.spec.ts
@@ -0,0 +1,95 @@
+import { test, expect } from "@playwright/test";
+import { spawnSync } from "node:child_process";
+import { launch_app_background, kill_process } from "./utils";
+import { join } from "path";
+
+const demo_file = "chat_demo.py";
+let _process;
+
+test.beforeAll(() => {
+	const demo = `
+import gradio as gr
+		
+def greet(msg, history):
+	return "Hello"
+
+demo = gr.ChatInterface(fn=greet)
+
+if __name__ == "__main__":
+	demo.launch()
+	`;
+	// write contents of demo to a local 'run.py' file
+	spawnSync(`echo '${demo}' > ${join(process.cwd(), demo_file)}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test.afterAll(() => {
+	if (_process) kill_process(_process);
+	spawnSync(`rm  ${join(process.cwd(), demo_file)}`, {
+		shell: true,
+		stdio: "pipe",
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+});
+
+test("gradio dev mode correctly reloads a stateful ChatInterface demo", async ({
+	page
+}) => {
+	test.setTimeout(20 * 1000);
+
+	try {
+		const { _process: server_process, port: port } =
+			await launch_app_background(
+				`gradio ${join(process.cwd(), demo_file)}`,
+				process.cwd()
+			);
+		_process = server_process;
+		console.log("Connected to port", port);
+		const demo = `
+import gradio as gr
+
+def greet(msg, history):
+	return f"You typed: {msg}"
+
+demo = gr.ChatInterface(fn=greet, textbox=gr.Textbox(label="foo", placeholder="Hello..."))
+
+if __name__ == "__main__":
+	demo.launch()
+		`;
+		// write contents of demo to a local 'run.py' file
+		await page.goto(`http://localhost:${port}`);
+		await page.waitForTimeout(2000);
+		spawnSync(`echo '${demo}' > ${join(process.cwd(), demo_file)}`, {
+			shell: true,
+			stdio: "pipe",
+			env: {
+				...process.env,
+				PYTHONUNBUFFERED: "true"
+			}
+		});
+
+		await expect(page.getByPlaceholder("Hello...")).toBeVisible();
+		const textbox = page.getByTestId("textbox").first();
+
+		await textbox.fill("hello");
+		await page.waitForTimeout(500);
+		await textbox.press("Enter");
+
+		await expect(textbox).toHaveValue("");
+		const response = page.locator(".bot  p", {
+			hasText: "You typed: hello"
+		});
+		await expect(response).toBeVisible();
+	} finally {
+		if (_process) kill_process(_process);
+	}
+});
diff --git a/js/spa/test/test_chatinterface_examples.spec.ts b/js/spa/test/test_chatinterface_examples.spec.ts
new file mode 100644
index 0000000..e83463e
--- /dev/null
+++ b/js/spa/test/test_chatinterface_examples.spec.ts
@@ -0,0 +1,48 @@
+import { test, expect, go_to_testcase } from "@self/tootils";
+
+const cases = [
+	"messages",
+	"multimodal_messages_examples",
+	"eager_caching_examples",
+	"lazy_caching_examples"
+];
+
+for (const test_case of cases) {
+	test(`case ${test_case}: clicked example is added to history and passed to chat function`, async ({
+		page
+	}) => {
+		if (cases.slice(1).includes(test_case)) {
+			await go_to_testcase(page, test_case);
+		}
+
+		// Click on an example and the input/response are correct
+		await page.getByRole("button", { name: "Hey" }).click();
+		await expect(page.locator(".user p")).toContainText("Hey");
+		await expect(page.locator(".bot p")).toContainText("Hey");
+
+		// Clear the chat and click on a different example, the input/response are correct
+		await page.getByLabel("Clear").click();
+		await page
+			.getByRole("button", { name: "Can you explain briefly to me" })
+			.click();
+		await expect(page.locator(".user p")).toContainText(
+			"Can you explain briefly to me what is the Python programming language?"
+		);
+		await expect(page.locator(".bot p")).toContainText(
+			"Can you explain briefly to me what is the Python programming language?"
+		);
+
+		// Retry button works
+		await page.getByLabel("Retry").click();
+		await expect(page.locator(".user p")).toContainText(
+			"Can you explain briefly to me what is the Python programming language?"
+		);
+		await expect(page.locator(".bot p")).toContainText(
+			"Can you explain briefly to me what is the Python programming language?"
+		);
+
+		// Undo message resets to the examples view
+		await page.getByLabel("Undo", { exact: true }).click();
+		await expect(page.getByRole("button", { name: "Hey" })).toBeVisible();
+	});
+}
diff --git a/js/spa/test/test_chatinterface_multimodal_examples.spec.ts b/js/spa/test/test_chatinterface_multimodal_examples.spec.ts
new file mode 100644
index 0000000..00b7109
--- /dev/null
+++ b/js/spa/test/test_chatinterface_multimodal_examples.spec.ts
@@ -0,0 +1,49 @@
+import { test, expect, go_to_testcase } from "@self/tootils";
+
+const cases = ["not_cached", "cached"];
+
+for (const test_case of cases) {
+	test(`case ${test_case}: clicked example is added to history and passed to chat function`, async ({
+		page
+	}) => {
+		if (cases.slice(1).includes(test_case)) {
+			await go_to_testcase(page, test_case);
+		}
+
+		// Click on an example and the input/response are correct
+		await page.getByRole("button", { name: "hello" }).click();
+		await expect(page.locator(".user p")).toContainText("hello");
+		await expect(page.locator(".bot p")).toContainText(
+			"You wrote: hello and uploaded 0 files."
+		);
+		await expect(page.locator(".user img")).not.toBeVisible();
+
+		// Clear the chat and click on a different example, the input/response are correct
+		await page.getByLabel("Clear").click();
+		await page.getByRole("button", { name: "Select example 2: hola" }).click();
+		await expect(page.locator(".user img")).toBeVisible();
+		await expect(page.locator(".user p")).toContainText("hola");
+		await expect(page.locator(".bot p")).toContainText(
+			"You wrote: hola and uploaded 1 files."
+		);
+
+		// // Retry button works
+		await page.getByLabel("Retry").click();
+		await expect(page.locator(".user p")).toContainText("hola");
+		await expect(page.locator(".bot p")).toContainText(
+			"You wrote: hola and uploaded 1 files."
+		);
+		await expect(page.locator(".user img")).toBeVisible();
+
+		// Undo message resets to the examples view
+		await page.getByLabel("Undo", { exact: true }).click();
+		await expect(page.getByRole("button", { name: "hello" })).toBeVisible();
+
+		const textbox = page.getByTestId("textbox").first();
+		const submit_button = page.locator(".submit-button");
+
+		await textbox.fill("Awesome");
+		await submit_button.click();
+		await expect(textbox).toBeFocused();
+	});
+}
diff --git a/js/spa/test/test_chatinterface_streaming_echo.spec.ts b/js/spa/test/test_chatinterface_streaming_echo.spec.ts
new file mode 100644
index 0000000..73e96bc
--- /dev/null
+++ b/js/spa/test/test_chatinterface_streaming_echo.spec.ts
@@ -0,0 +1,146 @@
+import { test, expect, go_to_testcase } from "@self/tootils";
+
+const cases = [
+	"messages",
+	"multimodal_messages",
+	"multimodal_non_stream",
+	"multimodal_group_messages"
+];
+
+for (const test_case of cases) {
+	test(`test case ${test_case} chatinterface works with streaming functions and all buttons behave as expected`, async ({
+		page
+	}) => {
+		if (cases.slice(1).includes(test_case)) {
+			test.skip(process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true");
+			await go_to_testcase(page, test_case);
+		}
+		const submit_button = page.locator(".submit-button");
+		const textbox = page.getByTestId("textbox").first();
+
+		await textbox.fill("hello");
+		await submit_button.click();
+
+		await expect(textbox).toHaveValue("");
+		const expected_text_el_0 = page.locator(".bot  p", {
+			hasText: "Run 1 - You typed: hello"
+		});
+		await expect(expected_text_el_0).toBeVisible();
+		await expect
+			.poll(async () => page.locator(".bot.message").count(), { timeout: 2000 })
+			.toBe(1);
+
+		await textbox.fill("hi");
+		if (test_case === "multimodal_group_messages") {
+			const fileChooserPromise = page.waitForEvent("filechooser");
+			await page.getByTestId("upload-button").click();
+			const fileChooser = await fileChooserPromise;
+			await fileChooser.setFiles("./test/files/cheetah1.jpg");
+			await expect(page.locator(".thumbnail-item")).toBeVisible();
+		}
+		await submit_button.click();
+		await expect(textbox).toHaveValue("");
+		const expected_text_el_1 = page.locator(".bot p", {
+			hasText: "Run 2 - You typed: hi"
+		});
+		await expect(expected_text_el_1).toBeVisible();
+		await expect(page.locator(".bot.message")).toHaveCount(2);
+
+		await page.getByLabel("undo").first().click();
+		await expect(page.locator(".bot.message")).toHaveCount(1);
+		await expect(textbox).toHaveValue("hi");
+
+		await page.getByLabel("retry").first().click();
+		const expected_text_el_2 = page.locator(".bot p", {
+			hasText: "Run 3 - You typed: hello"
+		});
+		await expect(expected_text_el_2).toBeVisible();
+
+		await expect(page.locator(".bot.message")).toHaveCount(1);
+
+		await textbox.fill("hi");
+		await submit_button.click();
+		await expect(textbox).toHaveValue("");
+		const expected_text_el_3 = page.locator(".bot p", {
+			hasText: "Run 4 - You typed: hi"
+		});
+		await expect(expected_text_el_3).toBeVisible();
+		await expect(page.locator(".bot.message")).toHaveCount(2);
+		await page.getByLabel("clear").first().click();
+		await expect(page.locator(".bot.message")).toHaveCount(0);
+	});
+
+	test(`test case ${test_case} the api recorder correctly records the api calls`, async ({
+		page
+	}) => {
+		if (cases.slice(1).includes(test_case)) {
+			test.skip(process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true");
+			await go_to_testcase(page, test_case);
+		}
+		const textbox = page.getByTestId("textbox").first();
+		const submit_button = page.locator(".submit-button");
+		await textbox.fill("hi");
+
+		await page.getByRole("button", { name: "Use via API logo" }).click();
+		await page.locator("#start-api-recorder").click();
+		await submit_button.click();
+		await expect(textbox).toHaveValue("");
+		await expect(page.locator(".bot p").first()).toContainText(
+			/\- You typed: hi/
+		);
+		const api_recorder = await page.locator("#api-recorder");
+		await api_recorder.click();
+		await expect(page.locator("#num-recorded-api-calls")).toContainText(
+			`🪄 Recorded API Calls`
+		);
+	});
+}
+
+test("test stopping generation", async ({ page }) => {
+	const submit_button = page.locator(".submit-button");
+	const textbox = page.getByPlaceholder("Type a message...");
+	const stop_button = page.locator(".stop-button");
+	const bot_message = page.locator(".bot.message").first();
+
+	const long_string = "abc".repeat(3000);
+	await textbox.fill(long_string);
+	await submit_button.click();
+
+	await expect(stop_button).toBeVisible();
+	await stop_button.click();
+
+	await expect(submit_button).toBeVisible();
+
+	// Verify the bot message has some content
+	await expect(bot_message).toContainText("You typed:");
+
+	const content = await bot_message.textContent();
+	await expect.poll(async () => bot_message.textContent()).toBe(content);
+
+	expect(content!.length).toBeLessThan(long_string.length);
+});
+
+test("editing messages", async ({ page }) => {
+	const submit_button = page.locator(".submit-button");
+	const textbox = page.locator(".input-container textarea");
+	const chatbot = page.getByLabel("chatbot conversation");
+
+	await textbox.fill("Lets");
+	await submit_button.click();
+	await expect(chatbot).toContainText("You typed: Lets");
+
+	await textbox.fill("Test");
+	await submit_button.click();
+	await expect(chatbot).toContainText("You typed: Test");
+
+	await textbox.fill("This");
+	await submit_button.click();
+	await expect(chatbot).toContainText("You typed: This");
+
+	await page.getByLabel("Edit").nth(1).click();
+	await page.getByLabel("chatbot conversation").getByRole("textbox").fill("Do");
+	await page.getByLabel("Submit").click();
+
+	await expect(chatbot).toContainText("You typed: Do");
+	await expect(chatbot).not.toContainText("You typed: This");
+});
diff --git a/js/spa/test/tests.md b/js/spa/test/tests.md
new file mode 100644
index 0000000..622fb55
--- /dev/null
+++ b/js/spa/test/tests.md
@@ -0,0 +1,186 @@
+# Test Coverage
+
+Just a little reference docs to understand what is tested/ needs testing. Perhaps temporary until we are in a better place.
+
+## Interface
+
+## Flagging
+
+## Blocks
+
+## Block Layouts
+
+## Themes
+
+## Components
+
+### Props/kwargs
+
+| Component       | `value` | `visible` | `elem_id` | `elem_classes` | `container` | `label` | `show_label` |
+| --------------- | ------- | --------- | --------- | -------------- | ----------- | ------- | ------------ | --- |
+| AnnotatedImage  | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Audio           | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| BarPlot         | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Button          | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Chatbot         | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Checkbox        | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| CheckboxGroup   | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| ClearButton     | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Code            | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| ColorPicker     | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Dataframe       | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Dropdown        | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| File            | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Gallery         | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| HTML            | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| HighlightedText | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Image           | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |     |
+| JSON            | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Label           | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Lineplot        | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Markdown        | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Model3D         | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Number          | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Plot            | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Radio           | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| ScatterPlot     | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Slider          | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Textbox         | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Timeseries      | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| UploadButton    | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+| Video           | `❌`    | `✅`      | `✅`      | `✅`           | `❌`        | `✅`    | `❌`         |
+
+### Events
+
+| Component       | `value` | `visible` | `elem_id` | `elem_classes` | `container` | `label` | `show_label` |
+| --------------- | ------- | --------- | --------- | -------------- | ----------- | ------- | ------------ | --- |
+| AnnotatedImage  | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Audio           | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| BarPlot         | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Button          | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Chatbot         | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Checkbox        | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| CheckboxGroup   | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| ClearButton     | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Code            | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| ColorPicker     | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Dataframe       | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Dataset         | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Dropdown        | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| File            | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Gallery         | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| HTML            | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| HighlightedText | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Image           | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |     |
+| Interpretation  | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| JSON            | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Label           | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Lineplot        | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Markdown        | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Model3D         | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Number          | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Plot            | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Radio           | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| ScatterPlot     | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Slider          | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| State           | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Textbox         | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Timeseries      | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| UploadButton    | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+| Video           | `❌`    | `❌`      | `❌`      | `❌`           | `❌`        | `❌`    | `❌`         |
+
+### `AnnotatedImage`
+
+### `Audio`
+
+### `BarPlot`
+
+### `Button`
+
+### `Chatbot`
+
+### `Checkbox`
+
+### `CheckboxGroup`
+
+### `ClearButton`
+
+### `Code`
+
+### `ColorPicker`
+
+### `Dataframe`
+
+### `Dataset`
+
+### `Dropdown`
+
+### `File`
+
+### `Gallery`
+
+### `HTML`
+
+### `HighlightedText`
+
+### `Image`
+
+### `Interpretation`
+
+### `JSON`
+
+### `Label`
+
+### `Lineplot`
+
+### `Markdown`
+
+### `Model3D`
+
+### `Number`
+
+### `Plot`
+
+### `Radio`
+
+### `ScatterPlot`
+
+### `Slider`
+
+### `State`
+
+### `Textbox`
+
+### `Timeseries`
+
+### `UploadButton`
+
+### `Video`
+
+## Helpers
+
+### Error
+
+### load
+
+### Examples
+
+### Progress
+
+### update
+
+### make_waveform
+
+### EventData
+
+## Routes
+
+### `Request`
+
+### `mount_gradio_app`
+
+## Clients
+
+### Python (`gradio_client`)
+
+### JavaScript (`@gradio/client`)
diff --git a/js/spa/test/theme_builder.spec.ts b/js/spa/test/theme_builder.spec.ts
new file mode 100644
index 0000000..4f24058
--- /dev/null
+++ b/js/spa/test/theme_builder.spec.ts
@@ -0,0 +1,27 @@
+import { test, expect } from "@self/tootils";
+
+test("test theme builder changes are applied", async ({ page }) => {
+	await page.getByLabel("Theme", { exact: true }).click();
+	await page.getByLabel("Soft", { exact: true }).click();
+	await page.getByRole("button", { name: "Load Theme" }).click();
+
+	const go_btn = page.getByRole("button", { name: "Go", exact: true });
+
+	// Wait for Soft theme to be fully applied before changing the primary hue,
+	// otherwise the Load Theme and emerald select event chains can race.
+	await expect(go_btn).toHaveCSS(
+		"font-family",
+		"Montserrat, ui-sans-serif, system-ui, sans-serif"
+	);
+
+	await page.getByRole("tab", { name: "Core Colors" }).click();
+	await page.getByLabel("Primary Hue").click();
+	await page.getByLabel("emerald").click();
+
+	await expect(go_btn).toHaveCSS("background-color", "rgb(16, 185, 129)");
+
+	await page.getByRole("button", { name: "View Code ▼" }).click();
+	const code = page.getByLabel("Code input container");
+	await expect(code).toContainText("gr.themes.Soft");
+	await expect(code).toContainText('primary_hue="emerald"');
+});
diff --git a/js/spa/test/todo_list.spec.ts b/js/spa/test/todo_list.spec.ts
new file mode 100644
index 0000000..1e43b25
--- /dev/null
+++ b/js/spa/test/todo_list.spec.ts
@@ -0,0 +1,48 @@
+import { test, expect } from "@self/tootils";
+
+test("clicking through tabs shows correct content", async ({ page }) => {
+	await expect(page.locator("body")).toContainText("Incomplete Tasks (0)");
+	await expect(page.locator("body")).toContainText("Complete Tasks (0)");
+
+	const input_text = page.getByLabel("Task Name");
+
+	await input_text.fill("eat");
+	await input_text.press("Enter");
+
+	await expect(page.locator("body")).not.toContainText("Incomplete Tasks (0)");
+	await expect(page.locator("body")).toContainText("Incomplete Tasks (1)");
+	await expect(page.locator("body")).toContainText("Complete Tasks (0)");
+	await expect(page.locator("textarea").nth(0)).toHaveValue("eat");
+
+	await input_text.fill("pray");
+	await input_text.press("Enter");
+
+	await expect(page.locator("body")).toContainText("Incomplete Tasks (2)");
+	await expect(page.locator("body")).toContainText("Complete Tasks (0)");
+	await expect(page.locator("textarea").nth(1)).toHaveValue("pray");
+
+	await input_text.fill("love");
+	await input_text.press("Enter");
+
+	await expect(page.locator("body")).toContainText("Incomplete Tasks (3)");
+	await expect(page.locator("body")).toContainText("Complete Tasks (0)");
+	await expect(page.locator("textarea").nth(2)).toHaveValue("love");
+
+	const done_btn_for_eat = page
+		.locator("button")
+		.filter({ hasText: "Done" })
+		.first();
+	await done_btn_for_eat.click();
+
+	await expect(page.locator("body")).toContainText("Incomplete Tasks (2)");
+	await expect(page.locator("body")).toContainText("Complete Tasks (1)");
+
+	const delete_btn_for_love = page
+		.locator("button")
+		.filter({ hasText: "Delete" })
+		.last();
+	await delete_btn_for_love.click();
+
+	await expect(page.locator("body")).toContainText("Incomplete Tasks (1)");
+	await expect(page.locator("body")).toContainText("Complete Tasks (1)");
+});
diff --git a/js/spa/test/unload_event_test.spec.ts b/js/spa/test/unload_event_test.spec.ts
new file mode 100644
index 0000000..961c1de
--- /dev/null
+++ b/js/spa/test/unload_event_test.spec.ts
@@ -0,0 +1,34 @@
+import { test, expect } from "@self/tootils";
+import { readFileSync } from "fs";
+
+test("when a user closes the page, the unload event should be triggered", async ({
+	page
+}) => {
+	const increment = await page.locator("button", {
+		hasText: /Increment/
+	});
+
+	// if you click too fast, the page may close before the event is processed
+	await increment.click();
+	await expect(page.getByLabel("Number")).toHaveValue("1");
+	await increment.click();
+	await expect(page.getByLabel("Number")).toHaveValue("2");
+	await increment.click();
+	await expect(page.getByLabel("Number")).toHaveValue("3");
+	await increment.click();
+	await expect(page.getByLabel("Number")).toHaveValue("4");
+	await page.close();
+
+	await new Promise((resolve) => setTimeout(resolve, 5000));
+
+	const data = readFileSync(
+		"../../demo/unload_event_test/output_log.txt",
+		"utf-8"
+	);
+	expect(data).toContain("incremented 0");
+	expect(data).toContain("incremented 1");
+	expect(data).toContain("incremented 2");
+	expect(data).toContain("incremented 3");
+	expect(data).toContain("unloading");
+	expect(data).toContain("deleted 4");
+});
diff --git a/js/spa/test/upload_button_component_events.spec.ts b/js/spa/test/upload_button_component_events.spec.ts
new file mode 100644
index 0000000..78d512d
--- /dev/null
+++ b/js/spa/test/upload_button_component_events.spec.ts
@@ -0,0 +1,44 @@
+import { test, expect } from "@self/tootils";
+
+test("UploadButton properly dispatches load event and click event for the single file case.", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Upload Single File" }).click();
+	const uploader = await page.getByTestId("Upload Single File-upload-button");
+	await uploader.setInputFiles(["./test/files/cheetah1.jpg"]);
+
+	await expect(page.getByLabel("# Load Upload Single File")).toHaveValue("1");
+	await expect(
+		page.getByLabel("# Click Upload Single File Output")
+	).toHaveValue("1");
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByRole("link").nth(0).click();
+	const download = await downloadPromise;
+	await expect(download.suggestedFilename()).toBe("cheetah1.jpg");
+});
+
+test.skip("UploadButton properly dispatches load event and click event for the multiple file case.", async ({
+	page
+}) => {
+	await page.getByRole("button", { name: "Upload Multiple Files" }).click();
+	const uploader = await page.getByTestId(
+		"Upload Multiple Files-upload-button"
+	);
+	await uploader.setInputFiles([
+		"./test/files/face.obj",
+		"./test/files/cheetah1.jpg"
+	]);
+
+	await expect(page.getByLabel("# Load Upload Multiple Files")).toHaveValue(
+		"1"
+	);
+	await expect(
+		page.getByLabel("# Click Upload Multiple Files Output")
+	).toHaveValue("1");
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByRole("link").nth(1).click();
+	const download = await downloadPromise;
+	await expect(download.suggestedFilename()).toBe("cheetah1.jpg");
+});
diff --git a/js/spa/test/upload_file_limit_test.spec.ts b/js/spa/test/upload_file_limit_test.spec.ts
new file mode 100644
index 0000000..e1bc6ad
--- /dev/null
+++ b/js/spa/test/upload_file_limit_test.spec.ts
@@ -0,0 +1,150 @@
+import { test, expect } from "@self/tootils";
+
+async function error_modal_showed(page) {
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("Error");
+	const close = page.getByTestId("toast-close");
+	await close.click();
+	await expect(page.getByTestId("toast-body")).toHaveCount(0);
+}
+
+async function get_file_selector(page, locator) {
+	//source https://stackoverflow.com/questions/74048369/setinputfiles-gives-error-on-antd-upload-component
+	let [file_chooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		locator.click()
+	]);
+
+	return file_chooser;
+}
+
+test("gr.Image triggers the gr.Error model when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const uploader = await page.locator("input[type=file]").nth(0);
+	await uploader.setInputFiles("./test/files/cheetah1.jpg");
+	await error_modal_showed(page);
+});
+
+test("gr.File(file_count='single') triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByText(
+		"Single File Drop File Here - or - Click to Upload"
+	);
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles("./test/files/cheetah1.jpg");
+	await error_modal_showed(page);
+});
+
+test("gr.File(file_count='multiple') triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByText(
+		"Multiple Files Drop File Here - or - Click to Upload"
+	);
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles([
+		"./test/files/cheetah1.jpg",
+		"./test/files/alphabet.txt"
+	]);
+	await error_modal_showed(page);
+});
+
+test("gr.Gallery() triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByText(
+		"Gallery Drop Media Here - or - Click to Upload"
+	);
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/cheetah1.jpg"]);
+	await error_modal_showed(page);
+});
+
+test("gr.Model3D() triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByText(
+		"Model 3D Drop File Here - or - Click to Upload"
+	);
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/face.obj"]);
+	await error_modal_showed(page);
+});
+
+test("gr.MultimodalTextBox() triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByTestId("upload-button").first();
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/face.obj"]);
+	await error_modal_showed(page);
+});
+
+test("gr.UploadButton() triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByRole("button", {
+		name: "Upload Button",
+		exact: true
+	});
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/face.obj"]);
+	await error_modal_showed(page);
+});
+
+test("gr.Video() triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByText(
+		"Video Drop Video Here - or - Click to Upload"
+	);
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/world.mp4"]);
+	await error_modal_showed(page);
+});
+
+test("gr.Audio() triggers the gr.Error modal when an uploaded file exceeds max_file_size ", async ({
+	page
+}) => {
+	const locator = page.getByText(
+		"Audio Drop Audio Here - or - Click to Upload"
+	);
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/file_test.ogg"]);
+	await error_modal_showed(page);
+});
+
+test("gr.File() will allow uploads below the max_file_size limit of 15kb", async ({
+	page
+}) => {
+	// test fails because the error modal does not show up
+	test.fail();
+
+	const locator = page.getByText(
+		"Single File Drop File Here - or - Click to Upload"
+	);
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/gradio-logo.svg"]);
+	await expect(page.getByTestId("toast-body")).toHaveCount(1, {
+		timeout: 2000
+	});
+});
+
+test("gr.UploadButton() will allow uploads below the max_file_size limit of 15kb", async ({
+	page
+}) => {
+	// test fails because the error modal does not show up
+	test.fail();
+
+	const locator = page.getByRole("button", {
+		name: "Upload Button",
+		exact: true
+	});
+	const file_chooser = await get_file_selector(page, locator);
+	await file_chooser.setFiles(["./test/files/time.csv"]);
+	await expect(page.getByTestId("toast-body")).toHaveCount(1, {
+		timeout: 2000
+	});
+});
diff --git a/js/spa/test/utils.ts b/js/spa/test/utils.ts
new file mode 100644
index 0000000..b7e90e3
--- /dev/null
+++ b/js/spa/test/utils.ts
@@ -0,0 +1,61 @@
+import { spawn } from "node:child_process";
+
+import type { ChildProcess } from "child_process";
+
+export function kill_process(process: ChildProcess) {
+	process.kill("SIGTERM");
+}
+
+type LaunchAppBackgroundReturn = {
+	port: number;
+	_process: ChildProcess;
+};
+
+export const launch_app_background = async (
+	command: string,
+	cwd?: string
+): Promise<LaunchAppBackgroundReturn> => {
+	const _process = spawn(command, {
+		shell: true,
+		stdio: "pipe",
+		cwd: cwd || process.cwd(),
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true"
+		}
+	});
+
+	_process.stdout.setEncoding("utf8");
+	_process.stderr.setEncoding("utf8");
+
+	_process.on("exit", () => kill_process(_process));
+	_process.on("close", () => kill_process(_process));
+	_process.on("disconnect", () => kill_process(_process));
+
+	let port;
+
+	function std_out(data: any) {
+		const _data: string = data.toString();
+		console.log(_data);
+
+		const portRegExp = /:(\d+)/;
+		const match = portRegExp.exec(_data);
+
+		if (match && match[1] && _data.includes("Running on local URL:")) {
+			port = parseInt(match[1], 10);
+		}
+	}
+
+	function std_err(data: any) {
+		const _data: string = data.toString();
+		console.log(_data);
+	}
+
+	_process.stdout.on("data", std_out);
+	_process.stderr.on("data", std_err);
+
+	while (!port) {
+		await new Promise((r) => setTimeout(r, 1000));
+	}
+	return { port: port, _process: _process };
+};
diff --git a/js/spa/test/validator_chatinterface.spec.ts b/js/spa/test/validator_chatinterface.spec.ts
new file mode 100644
index 0000000..d6eec1d
--- /dev/null
+++ b/js/spa/test/validator_chatinterface.spec.ts
@@ -0,0 +1,25 @@
+import { test, expect } from "@self/tootils";
+
+test(`Chatinterface correctly validates user message and displays error message`, async ({
+	page
+}) => {
+	const submit_button = page.locator(".submit-button");
+	const textbox = page.getByTestId("textbox").first();
+
+	await textbox.fill("error");
+	await submit_button.click();
+
+	await expect(page.getByText("Can't be error")).toBeVisible();
+	await textbox.fill("hello");
+	await submit_button.click();
+
+	const expected_text_el_0 = page.locator(".bot  p", {
+		hasText: "You typed: hello"
+	});
+	await expect(expected_text_el_0).toBeVisible();
+	await expect
+		.poll(async () => page.locator(".bot.message").count(), { timeout: 2000 })
+		.toBe(1);
+
+	await expect(page.getByText("Can't be error")).not.toBeVisible();
+});
diff --git a/js/spa/test/validator_test.spec.ts b/js/spa/test/validator_test.spec.ts
new file mode 100644
index 0000000..e58f504
--- /dev/null
+++ b/js/spa/test/validator_test.spec.ts
@@ -0,0 +1,18 @@
+import { test, expect } from "@self/tootils";
+
+async function error_modal_showed(page) {
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("Error");
+	const close = page.getByTestId("toast-close");
+	await close.click();
+	await expect(page.getByTestId("toast-body")).toHaveCount(0);
+}
+
+test(`Errors during validation are properly shown in an error toast`, async ({
+	page
+}) => {
+	await page.getByRole("tab", { name: "Validation Error" }).click();
+
+	await page.locator("button", { hasText: /Raise Validation Error/ }).click();
+	await error_modal_showed(page);
+});
diff --git a/js/spa/test/video_component_events.spec.ts b/js/spa/test/video_component_events.spec.ts
new file mode 100644
index 0000000..d5e09e8
--- /dev/null
+++ b/js/spa/test/video_component_events.spec.ts
@@ -0,0 +1,47 @@
+import { test, expect, drag_and_drop_file } from "@self/tootils";
+
+test("Video click-to-upload downloads the file with the correct name.", async ({
+	page
+}) => {
+	let [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Drop a video file here to upload").first().click()
+	]);
+	await fileChooser.setFiles(["./test/files/av1-video.mp4"]);
+
+	const downloadPromise = page.waitForEvent("download");
+	await page.getByLabel("Download").click();
+	const download = await downloadPromise;
+	await expect(download.suggestedFilename()).toBe("av1-video.mp4");
+});
+
+test.skip("Video play, pause events work correctly.", async ({ page }) => {
+	const [fileChooser] = await Promise.all([
+		page.waitForEvent("filechooser"),
+		page.getByLabel("Drop a video file here to upload").first().click()
+	]);
+	await fileChooser.setFiles(["./test/files/av1-video.mp4"]);
+
+	// Wait change event to trigger
+
+	await expect(page.getByLabel("# Upload Events")).toHaveValue("1");
+	await expect(page.getByLabel("# Change Events")).toHaveValue("1");
+
+	await page.getByLabel("play-pause-replay-button").first().click();
+	await expect(page.getByLabel("# Play Events")).toHaveValue("1");
+	await page.getByLabel("play-pause-replay-button").first().click();
+	await expect(page.getByLabel("# Pause Events")).toHaveValue("1");
+});
+
+test("Video drag-and-drop displays a warning when the file is of the wrong mime type.", async ({
+	page
+}) => {
+	await drag_and_drop_file(
+		page,
+		"input[type=file]",
+		"./test/files/file_test.ogg",
+		"file_test.ogg"
+	);
+	const toast = page.getByTestId("toast-body");
+	expect(toast).toContainText("Warning");
+});
diff --git a/js/spa/test/visibility_test.spec.ts b/js/spa/test/visibility_test.spec.ts
new file mode 100644
index 0000000..3538ead
--- /dev/null
+++ b/js/spa/test/visibility_test.spec.ts
@@ -0,0 +1,110 @@
+import { test, expect } from "@self/tootils";
+
+test.describe("Visibility States", () => {
+	test("components with visible=true are visible and in DOM", async ({
+		page
+	}) => {
+		const textbox = page.locator("#test-textbox");
+		await expect(textbox).toBeVisible();
+	});
+
+	test("components with visible=false are removed from DOM", async ({
+		page
+	}) => {
+		await page
+			.locator("#visibility-radio")
+			.getByText("Not Visible (removed)")
+			.click();
+
+		const textbox = page.locator("#test-textbox");
+
+		// invisible because there is no element
+		await expect(textbox).not.toBeVisible();
+		await expect(textbox).toHaveCount(0);
+	});
+
+	test("components with visible='hidden' remain in DOM but are not visible", async ({
+		page
+	}) => {
+		await page
+			.locator("#visibility-radio")
+			.getByText("Hidden (in DOM)")
+			.click();
+
+		const textbox = page.locator("#test-textbox");
+
+		await expect(textbox).not.toBeVisible();
+		await expect(textbox).toHaveCount(1);
+	});
+
+	test("hidden components can still trigger and respond to events", async ({
+		page
+	}) => {
+		const incrementBtn = page.locator("#increment-button");
+		const counter_output = page.locator("#counter-result textarea");
+
+		await expect(counter_output).toHaveValue("");
+
+		await incrementBtn.click();
+		await expect(counter_output).toHaveValue("Counter Result: 1");
+
+		await incrementBtn.click();
+		await expect(counter_output).toHaveValue("Counter Result: 2");
+	});
+
+	test("column revealed by a multi-yield generator stays visible", async ({
+		page
+	}) => {
+		const target = page.locator("#yield-target");
+
+		// starts hidden (visible=false removes it from the DOM)
+		await expect(target).toHaveCount(0);
+
+		// a generator that yields visible=false then visible=true for this
+		// column (while another column is hidden in the same event) must leave
+		// it visible (#13494)
+		await page.locator("#yield-reveal").click();
+		await expect(target).toBeVisible();
+
+		// round trip: hide it again, then reveal once more
+		await page.locator("#yield-hide").click();
+		await expect(target).not.toBeVisible();
+
+		await page.locator("#yield-reveal").click();
+		await expect(target).toBeVisible();
+	});
+
+	test("hidden textbox maintains its value", async ({ page }) => {
+		const textbox = page.locator("#test-textbox textarea");
+		const button = page.locator("#test-button");
+		const output = page.locator("#output-textbox textarea");
+
+		// Type in the textbox while visible
+		await textbox.fill("Test value");
+
+		// Hide the textbox (keep in DOM)
+		await page
+			.locator("#visibility-radio")
+			.getByText("Hidden (in DOM)")
+			.click();
+		await page.waitForTimeout(500);
+
+		// Textbox should not be visible but still in DOM
+		await expect(textbox).not.toBeVisible();
+		await expect(textbox).toHaveCount(1);
+
+		await expect(textbox).toHaveValue("Test value");
+
+		await page
+			.locator("#visibility-radio")
+			.getByText("Visible")
+			.first()
+			.click();
+
+		await expect(textbox).toBeVisible();
+		await expect(textbox).toHaveValue("Test value");
+
+		await button.click();
+		await expect(output).toHaveValue("Retrieved value: Test value");
+	});
+});
diff --git a/js/spa/test/walkthrough.spec.ts b/js/spa/test/walkthrough.spec.ts
new file mode 100644
index 0000000..223661f
--- /dev/null
+++ b/js/spa/test/walkthrough.spec.ts
@@ -0,0 +1,37 @@
+import { test, expect } from "@self/tootils";
+
+test("Walkthrough step buttons allow re-navigating forward after going back", async ({
+	page
+}) => {
+	// Step 0 should be visible initially
+	await expect(
+		page.getByRole("button", { name: "go to prompt" })
+	).toBeVisible();
+
+	// Navigate to step 1 via the button (programmatic selected=1)
+	await page.getByRole("button", { name: "go to prompt" }).click();
+	await page.waitForTimeout(300);
+
+	// Step 1 should now be visible
+	await expect(page.getByRole("button", { name: "generate" })).toBeVisible();
+
+	// Click the step 0 button in the stepper UI to go back to step 0.
+	// Use data-tab-id since the button text changes (checkmark SVG) when completed.
+	await page.locator('[role="tab"][data-tab-id="0"]').click();
+	await page.waitForTimeout(300);
+
+	// Step 0 should be visible again
+	await expect(
+		page.getByRole("button", { name: "go to prompt" })
+	).toBeVisible();
+
+	// Now try to navigate forward again to step 1 — this is the bug scenario.
+	// Without the fix, this click has no effect because the parent's
+	// gradio.props.selected is still 1 (never synced back when the user
+	// clicked the stepper button to go back to step 0).
+	await page.getByRole("button", { name: "go to prompt" }).click();
+	await page.waitForTimeout(300);
+
+	// Step 1 should be visible again
+	await expect(page.getByRole("button", { name: "generate" })).toBeVisible();
+});
diff --git a/js/spa/test/walkthrough_many.spec.ts b/js/spa/test/walkthrough_many.spec.ts
new file mode 100644
index 0000000..a57215b
--- /dev/null
+++ b/js/spa/test/walkthrough_many.spec.ts
@@ -0,0 +1,49 @@
+import { test, expect } from "@self/tootils";
+
+test("Walkthrough updates to next step correctly", async ({ page }) => {
+	await expect(page.getByText("This is the introduction step.")).toBeVisible();
+	await expect(page.getByLabel("Step 1 Output")).toBeVisible();
+
+	await page.getByRole("button", { name: "Next Step" }).first().click();
+	await page.waitForTimeout(300);
+
+	await expect(page.getByText("Enter your basic information.")).toBeVisible();
+	await expect(page.getByLabel("Step 2 Output")).toBeVisible();
+
+	await page.getByRole("button", { name: "Next Step" }).first().click();
+	await page.waitForTimeout(300);
+
+	await expect(page.getByText("Set your preferences.")).toBeVisible();
+	await expect(page.getByLabel("Step 3 Output")).toBeVisible();
+
+	await page.getByRole("button", { name: "Next Step" }).first().click();
+	await page.waitForTimeout(300);
+
+	await expect(page.getByText("Configure advanced settings.")).toBeVisible();
+	await expect(page.getByLabel("Step 4 Output")).toBeVisible();
+
+	await page.getByRole("button", { name: "Next Step" }).first().click();
+	await page.waitForTimeout(300);
+
+	await expect(page.getByText("Review your choices.")).toBeVisible();
+	await expect(page.getByLabel("Step 5 Output")).toBeVisible();
+
+	await page.getByRole("button", { name: "Next Step" }).first().click();
+	await page.waitForTimeout(300);
+
+	await expect(page.getByText("Confirm and submit.")).toBeVisible();
+	await expect(page.getByLabel("Step 6 Output")).toBeVisible();
+
+	await page.getByRole("button", { name: "Next Step" }).first().click();
+	await page.waitForTimeout(300);
+
+	await expect(page.getByText("Additional options if needed.")).toBeVisible();
+	await expect(page.getByLabel("Step 7 Output")).toBeVisible();
+
+	await page.getByRole("button", { name: "Next Step" }).first().click();
+	await page.waitForTimeout(300);
+
+	await expect(page.getByText("This is the final step!")).toBeVisible();
+	await expect(page.getByLabel("Step 8 Output")).toBeVisible();
+	await expect(page.getByRole("button", { name: "Complete" })).toBeVisible();
+});
diff --git a/js/spa/test/web_component_embed.spec.ts b/js/spa/test/web_component_embed.spec.ts
new file mode 100644
index 0000000..066aa2f
--- /dev/null
+++ b/js/spa/test/web_component_embed.spec.ts
@@ -0,0 +1,55 @@
+import { test, expect } from "@self/tootils";
+
+// Embeds an app with the `<gradio-app>` web component and re-attaches the
+// element, a regression test for `this.app.$destroy is not a function` (#12507).
+
+// Skipped in SSR mode: the test discovers the bundle from the index HTML, which
+// SSR (SvelteKit) doesn't expose. Embedding itself works fine against an SSR app.
+test.skip(
+	process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true",
+	"test discovers the web-component bundle from the client-rendered index HTML"
+);
+
+test("app embeds and renders via the <gradio-app> web component", async ({
+	page
+}) => {
+	const app_url = new URL(page.url()).origin;
+
+	const page_errors: string[] = [];
+	page.on("pageerror", (e) => page_errors.push(e.message));
+
+	await page.setContent(`
+		<h1>Host page</h1>
+		<div id="slot"></div>
+		<script type="module">
+			const html = await (await fetch("/")).text();
+			const entry = html.match(/assets\\/index-[A-Za-z0-9_-]+\\.js/)[0];
+			await import("/" + entry);
+			await customElements.whenDefined("gradio-app");
+			document.getElementById("slot").innerHTML =
+				'<gradio-app src="${app_url}"></gradio-app>';
+		</script>
+	`);
+
+	const embed = page.locator("gradio-app");
+	await expect(embed.getByRole("button", { name: "Greet" })).toBeVisible({
+		timeout: 20_000
+	});
+
+	// #12507: re-attaching re-runs connectedCallback with `this.app` already set.
+	await page.evaluate(() => {
+		const slot = document.getElementById("slot");
+		const el = slot?.querySelector("gradio-app");
+		if (el) {
+			el.remove();
+			slot?.appendChild(el);
+		}
+	});
+
+	await expect(embed.getByRole("button", { name: "Greet" })).toBeVisible({
+		timeout: 20_000
+	});
+	expect(
+		page_errors.filter((e) => /\$destroy is not a function/.test(e))
+	).toHaveLength(0);
+});
diff --git a/js/spa/vite.config.ts b/js/spa/vite.config.ts
new file mode 100644
index 0000000..ef5b2d5
--- /dev/null
+++ b/js/spa/vite.config.ts
@@ -0,0 +1,242 @@
+import { defineConfig, createLogger } from "vite";
+import type { Plugin } from "vite";
+import {
+	svelte as svelte_plugin,
+	vitePreprocess
+} from "@sveltejs/vite-plugin-svelte";
+import { sveltePreprocess } from "svelte-preprocess";
+// @ts-ignore
+import custom_media from "postcss-custom-media";
+import global_data from "@csstools/postcss-global-data";
+// @ts-ignore
+import prefixer from "postcss-prefix-selector";
+import { readFileSync } from "fs";
+import { resolve } from "path";
+import { playwright } from "@vitest/browser-playwright";
+import {
+	expect_download,
+	set_file_inputs,
+	drop_files
+} from "@self/tootils/download-command";
+
+/// <reference types="@vitest/browser/providers/playwright" />
+
+const version_path = resolve(__dirname, "../../gradio/package.json");
+const theme_token_path = resolve(__dirname, "../theme/src/tokens.css");
+const version_raw = JSON.parse(
+	readFileSync(version_path, { encoding: "utf-8" })
+).version.trim();
+const version = version_raw.replace(/\./g, "-");
+
+import {
+	inject_ejs,
+	generate_cdn_entry,
+	handle_ce_css,
+	inject_component_loader,
+	mock_modules
+} from "@self/build";
+
+const GRADIO_VERSION = version_raw || "asd_stub_asd";
+const CDN_BASE = "https://gradio.s3-us-west-2.amazonaws.com";
+const TEST_MODE = process.env.TEST_MODE || "happy-dom";
+const logger = createLogger();
+const originalWarning = logger.warn;
+
+logger.warn = (log, options) => {
+	if (log.includes("was created with unknown prop")) return false;
+	if (log.includes("https://svelte.dev")) return false;
+	if (log.includes("[vite-plugin-svelte]")) return false;
+	if (log && log.includes("[MSW]")) return;
+	originalWarning(log, options);
+};
+
+const originalError = logger.error;
+
+logger.error = (msg, options) => {
+	if (msg && msg.includes("[MSW]")) return;
+	originalError(msg, options);
+};
+
+//@ts-ignore
+export default defineConfig(({ mode, isSsrBuild }) => {
+	const production = mode === "production";
+
+	return {
+		customLogger: mode === "test" ? logger : undefined,
+		base: "./",
+		server: {
+			port: 9876,
+			open: "/"
+		},
+		build: {
+			sourcemap: false,
+			target: "esnext",
+			minify: production,
+			outDir: "../../gradio/templates/frontend",
+			rollupOptions: {
+				external: ["virtual:cc-init"]
+			}
+		},
+		define: {
+			BROWSER_BUILD: JSON.stringify(true),
+			BUILD_MODE: production ? JSON.stringify("prod") : JSON.stringify("dev"),
+			BACKEND_URL: production
+				? JSON.stringify("")
+				: JSON.stringify("http://localhost:7860/"),
+			GRADIO_VERSION: JSON.stringify(version)
+		},
+		css: {
+			postcss: {
+				plugins: [
+					prefixer({
+						prefix: `.gradio-container-${version}`,
+						// @ts-ignore
+						transform(prefix, selector, prefixedSelector, fileName) {
+							if (selector.indexOf("gradio-container") > -1) {
+								return prefix;
+							} else if (
+								selector.indexOf(":root") > -1 ||
+								selector.indexOf("dark") > -1 ||
+								selector.indexOf("body") > -1 ||
+								fileName.indexOf(".svelte") > -1
+							) {
+								return selector;
+							}
+							return prefixedSelector;
+						}
+					}),
+					custom_media()
+				]
+			}
+		},
+		plugins: [
+			handle_msw_imports(),
+			svelte_plugin({
+				inspector: false,
+				compilerOptions: {
+					dev: true,
+					discloseVersion: false,
+					accessors: true,
+					experimental: {
+						async: true
+					}
+				},
+				onwarn(warning, handler) {
+					if (mode === "test") return;
+					handler(warning);
+				},
+				hot: !process.env.VITEST && !production,
+				preprocess: [
+					vitePreprocess(),
+					sveltePreprocess({
+						postcss: {
+							plugins: [
+								global_data({ files: [theme_token_path] }),
+								custom_media()
+							]
+						}
+					})
+				]
+			}),
+
+			inject_ejs(),
+			generate_cdn_entry({ version: GRADIO_VERSION, cdn_base: CDN_BASE }),
+			handle_ce_css(),
+			inject_component_loader({ mode }),
+			mode === "test" && mock_modules()
+		],
+
+		optimizeDeps: {
+			exclude: [
+				"fsevents",
+				"@ffmpeg/ffmpeg",
+				"@ffmpeg/util",
+				"chromium-bidi",
+				"esbuild"
+			]
+		},
+		resolve: {
+			conditions: ["gradio", "browser", "default"]
+		},
+		test: {
+			setupFiles: [resolve(__dirname, "../../.config/setup_vite_tests.ts")],
+			environment: TEST_MODE,
+
+			include:
+				TEST_MODE === "node"
+					? ["**/*.node-test.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"]
+					: ["**/*.test.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
+			exclude: [
+				"**/node_modules/**",
+				"**/gradio/gradio/**",
+				"**/client/js/**",
+				"js/app/proxy_routes.test.js",
+				"**/.svelte-kit/**",
+				"**/dist/**",
+				".venv/**"
+			],
+			globals: true,
+
+			onConsoleLog(log, type) {
+				if (log.includes("was created with unknown prop")) return false;
+				if (log.includes("https://svelte.dev")) return false;
+				if (log.includes("[vite-plugin-svelte]")) return false;
+				if (log.includes("[MSW]")) return false;
+				if (log.includes("Error loading translations")) return false;
+				if (log.includes("ResizeObserver loop")) return false;
+			},
+			browser: {
+				enabled: true,
+				headless: !!process.env.CI,
+				commands: {
+					expect_download,
+					set_file_inputs,
+					drop_files
+				},
+				provider: playwright({
+					contextOptions: {
+						permissions: [
+							"camera",
+							"microphone",
+							"clipboard-read",
+							"clipboard-write"
+						]
+					}
+				}),
+				instances: [
+					{
+						browser: "chromium"
+					}
+				]
+			}
+		}
+	};
+});
+
+import { createRequire } from "module";
+
+const require = createRequire(import.meta.url);
+
+function handle_msw_imports(): Plugin {
+	return {
+		name: "handle_msw_imports",
+		enforce: "pre",
+		resolveId(id, importer, options) {
+			if (!process.env.VITEST) {
+				return null;
+			}
+
+			if (id === "msw/node") {
+				try {
+					const mswPath = require.resolve("msw");
+					const mswDir = mswPath.substring(0, mswPath.lastIndexOf("msw") + 3);
+					return resolve(mswDir, "lib/node/index.mjs");
+				} catch (e) {
+					console.warn("Failed to resolve msw/node:", e);
+					return null;
+				}
+			}
+			return null;
+		}
+	};
+}
diff --git a/js/state/CHANGELOG.md b/js/state/CHANGELOG.md
new file mode 100644
index 0000000..45ff0b9
--- /dev/null
+++ b/js/state/CHANGELOG.md
@@ -0,0 +1,107 @@
+# @gradio/state
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+
+## 0.2.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.2
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+
+## 0.2.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.2.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/utils@0.10.3
+
+## 0.1.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 0.1.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.1
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`85ba6de13`](https://github.com/gradio-app/gradio/commit/85ba6de136a45b3e92c74e410bb27e3cbe7138d7) - Adds the ability to build the frontend and backend of custom components in preparation for publishing to pypi using `gradio_component build`.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2-beta.0
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
\ No newline at end of file
diff --git a/js/state/Index.svelte b/js/state/Index.svelte
new file mode 100644
index 0000000..6272b87
--- /dev/null
+++ b/js/state/Index.svelte
@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	let props = $props();
+
+	const gradio = new Gradio<{ change: never }, { value: any }>(props);
+
+	$effect(() => {
+		gradio.props.value && gradio.dispatch("change");
+	});
+</script>
diff --git a/js/state/package.json b/js/state/package.json
new file mode 100644
index 0000000..cc05db2
--- /dev/null
+++ b/js/state/package.json
@@ -0,0 +1,29 @@
+{
+	"name": "@gradio/state",
+	"version": "0.2.4",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"dependencies": {
+		"@gradio/utils": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/state"
+	}
+}
diff --git a/js/statustracker/CHANGELOG.md b/js/statustracker/CHANGELOG.md
new file mode 100644
index 0000000..db75fbd
--- /dev/null
+++ b/js/statustracker/CHANGELOG.md
@@ -0,0 +1,840 @@
+# @gradio/statustracker
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.15.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/utils@0.13.0
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+
+## 0.14.0
+
+### Features
+
+- [#13176](https://github.com/gradio-app/gradio/pull/13176) [`45c4ecd`](https://github.com/gradio-app/gradio/commit/45c4ecd25fc83c7ee0210d216df1bc4bd509e622) - Add `@gr.cache()` decorator for caching deterministic functions, as as well as a lower-level `gr.Cache` that uses dependency injection.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13181](https://github.com/gradio-app/gradio/pull/13181) [`755c3d3`](https://github.com/gradio-app/gradio/commit/755c3d32c388a36d2296f8d895c5c0e1144fb54f) - fix: show validation errors on StatusTracker-dependent components.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+
+## 0.13.0
+
+### Features
+
+- [#12998](https://github.com/gradio-app/gradio/pull/12998) [`d5e1b8f`](https://github.com/gradio-app/gradio/commit/d5e1b8f6cb7473b70fc8c082589996d5e0402810) - use a real browser environment for unit tests.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.12.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.12.4
+
+### Fixes
+
+- [#12877](https://github.com/gradio-app/gradio/pull/12877) [`ebbd242`](https://github.com/gradio-app/gradio/commit/ebbd24231dbc006c21fbbf1df00918be16883b86) - Ensure disconnected toast text is visible.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+
+## 0.12.3
+
+### Fixes
+
+- [#12813](https://github.com/gradio-app/gradio/pull/12813) [`99caae6`](https://github.com/gradio-app/gradio/commit/99caae630771569e90f1e6a208183ad1a0826460) - Migrate StatusTracker to Svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+
+## 0.12.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+
+## 0.12.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.12.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix browser component tests
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix full width toast issue
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Change gr.Toast expanded to true by default
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Improve gr.Toast in mobile
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix progress in StatusTracker
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix status tracker iterative image
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix show_progress not being respected
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/sanitize@0.3.0
+- @gradio/utils@0.10.3
+
+## 0.12.0-dev.1
+
+### Features
+
+- [#12358](https://github.com/gradio-app/gradio/pull/12358) [`4552df4`](https://github.com/gradio-app/gradio/commit/4552df4e3698b39c58fc86d3023e434db6aeec1e) - Fix status tracker iterative image.  Thanks @freddyaboulton!
+- [#12381](https://github.com/gradio-app/gradio/pull/12381) [`36d5657`](https://github.com/gradio-app/gradio/commit/36d5657128a81739a78d6b11b3f5a632a9027ab1) - Fix full width toast issue.  Thanks @freddyaboulton!
+- [#12370](https://github.com/gradio-app/gradio/pull/12370) [`f632b87`](https://github.com/gradio-app/gradio/commit/f632b87f83ff283817e21ce679b70d2406074ea2) - Fix progress in StatusTracker.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+
+## 0.12.0-dev.0
+
+### Features
+
+- [#12291](https://github.com/gradio-app/gradio/pull/12291) [`881d8fb`](https://github.com/gradio-app/gradio/commit/881d8fbaa7827bbe0f56b9e89c6ab81258cb21b7) - Change gr.Toast expanded to true by default.  Thanks @hannahblair!
+- [#12099](https://github.com/gradio-app/gradio/pull/12099) [`e2a5768`](https://github.com/gradio-app/gradio/commit/e2a5768f5f133d0c23549eb3388582bfcf40e5e6) - Improve gr.Toast in mobile.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.11.1
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.0
+
+## 0.11.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+
+### Fixes
+
+- [#11749](https://github.com/gradio-app/gradio/pull/11749) [`70f4532`](https://github.com/gradio-app/gradio/commit/70f4532a4dc7576dbdbe1d0a43a05644a0dfcf43) - fix various iFrame related UI issues when deploying to spaces.  Thanks @pngwn!
+- [#11816](https://github.com/gradio-app/gradio/pull/11816) [`77deb72`](https://github.com/gradio-app/gradio/commit/77deb72cb29b412b415a86908255a2294e8b50d9) - Set Progress Animation to cover component height.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+
+## 0.10.18
+
+### Fixes
+
+- [#11782](https://github.com/gradio-app/gradio/pull/11782) [`e132283`](https://github.com/gradio-app/gradio/commit/e132283b2289d3689927a8fa7f0b4ac8f8628a18) - remove dompurify, update mermaid.  Thanks @pngwn!
+
+## 0.10.17
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.10.17
+
+### Dependency updates
+
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.10.16
+
+### Dependency updates
+
+- @gradio/atoms@0.16.4
+
+## 0.10.15
+
+### Features
+
+- [#11543](https://github.com/gradio-app/gradio/pull/11543) [`ac95ac0`](https://github.com/gradio-app/gradio/commit/ac95ac0d8c2e65d1632376e632fb7d16131334b6) - Connection handling messaging.  Thanks @aliabid94!
+
+## 0.10.14
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+
+## 0.10.13
+
+### Dependency updates
+
+- @gradio/atoms@0.16.2
+
+## 0.10.12
+
+### Fixes
+
+- [#11279](https://github.com/gradio-app/gradio/pull/11279) [`8ae434c`](https://github.com/gradio-app/gradio/commit/8ae434c58906fda5fe20a6b08a12b6007a47af09) - Ensure error text overflows as expected.  Thanks @hannahblair!
+
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/atoms@0.16.1
+
+## 0.10.10
+
+### Dependency updates
+
+- @gradio/atoms@0.16.0
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.10.8
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/icons@0.12.0
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/atoms@0.14.0
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/atoms@0.13.3
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.10.2
+
+### Fixes
+
+- [#10390](https://github.com/gradio-app/gradio/pull/10390) [`9e6eded`](https://github.com/gradio-app/gradio/commit/9e6ededef144f3f1a8ebbc47076b55d60f5b2ef3) - Removes css tag that overrides Gradio theme setting.  Thanks @ericwu09!
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/icons@0.10.0
+
+## 0.10.0
+
+### Features
+
+- [#10262](https://github.com/gradio-app/gradio/pull/10262) [`f3bedd4`](https://github.com/gradio-app/gradio/commit/f3bedd4011bdfdecc952eb1275a9dd96af3e8d71) - add gr.Success and update windows contributing.  Thanks @not-lain!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/atoms@0.12.0
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/atoms@0.11.0
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/atoms@0.10.1
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/atoms@0.9.2
+
+## 0.9.0
+
+### Features
+
+- [#9681](https://github.com/gradio-app/gradio/pull/9681) [`2ed2361`](https://github.com/gradio-app/gradio/commit/2ed236187a9aab18e17fc4a8079eddef7dd195a5) - Allow setting title in gr.Info/Warning/Error.  Thanks @ABucket!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+
+## 0.8.1
+
+### Features
+
+- [#9617](https://github.com/gradio-app/gradio/pull/9617) [`c163182`](https://github.com/gradio-app/gradio/commit/c163182d1b752ef91629f9caa13bf3cce0fb0869) - Fix dark mode detection and container height.  Thanks @pngwn!
+
+## 0.8.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move buttons from chat_interface into Chatbot
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Move icons into `IconButtonWrapper`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming inputs for 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.8.0-beta.5
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.8.0-beta.4
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.8.0-beta.3
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.8.0-beta.2
+
+### Features
+
+- [#9261](https://github.com/gradio-app/gradio/pull/9261) [`73647a0`](https://github.com/gradio-app/gradio/commit/73647a07b0439efabe3dd218ff6c366ffa3b84a0) - Move icons into `IconButtonWrapper`.  Thanks @hannahblair!
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.8.0-beta.1
+
+### Features
+
+- [#9201](https://github.com/gradio-app/gradio/pull/9201) [`5492e74`](https://github.com/gradio-app/gradio/commit/5492e742b1f1fa618208cce523f50ad22a6e86f1) - Move buttons from chat_interface into Chatbot.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.8.0-beta.0
+
+### Features
+
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+
+## 0.7.6
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.7.5
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/icons@0.7.1
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/icons@0.7.0
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+
+## 0.7.2
+
+### Features
+
+- [#8817](https://github.com/gradio-app/gradio/pull/8817) [`34510db`](https://github.com/gradio-app/gradio/commit/34510db468daae19ad618c347cb88a4769816fb2) - Allow HTML in alert modals.  Thanks @abidlabs!
+- [#8821](https://github.com/gradio-app/gradio/pull/8821) [`cea3bf9`](https://github.com/gradio-app/gradio/commit/cea3bf990057391f699bdeeabbdb62fdad9b43f5) - Fix dependency loop with statustracker and markdown.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.7
+
+## 0.7.1
+
+### Fixes
+
+- [#8748](https://github.com/gradio-app/gradio/pull/8748) [`a9307c6`](https://github.com/gradio-app/gradio/commit/a9307c64525c5b323e56ea6f7475faa7c3dad4a4) - Chatbot generating scroll and click fix.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/icons@0.6.0
+
+## 0.7.0
+
+### Features
+
+- [#8489](https://github.com/gradio-app/gradio/pull/8489) [`c2a0d05`](https://github.com/gradio-app/gradio/commit/c2a0d056d679d90631d9ccd944dadd67e7e03b7f) - Control Display of Error, Info, Warning.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8543](https://github.com/gradio-app/gradio/pull/8543) [`a4433be`](https://github.com/gradio-app/gradio/commit/a4433be25c183080d397413dc8c4330cd8c2b562) - Ability to disable orange progress animation for generators by setting `show_progress='minimal'` or `show_progress='hidden'` in the event definition. This is a small visual breaking change but it aligns better with the expected behavior of the `show_progress` parameter. Also added `show_progress` to `gr.Interface` and `gr.ChatInterface`.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+
+## 0.6.0
+
+### Features
+
+- [#8398](https://github.com/gradio-app/gradio/pull/8398) [`945ac83`](https://github.com/gradio-app/gradio/commit/945ac837e779b120790814ea6f6f81bd2712f5f8) - Improve rendering.  Thanks @aliabid94!
+- [#8409](https://github.com/gradio-app/gradio/pull/8409) [`8028c33`](https://github.com/gradio-app/gradio/commit/8028c33bbc5a324a5e9e8b28906443db28683d79) - Render decorator documentation.  Thanks @aliabid94!
+
+### Fixes
+
+- [#8372](https://github.com/gradio-app/gradio/pull/8372) [`89d6a17`](https://github.com/gradio-app/gradio/commit/89d6a176b39f713dd8144a1e6df1419303412ed2) - Change z-index of status tracker.  Thanks @hannahblair!
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+
+## 0.5.4
+
+### Features
+
+- [#8279](https://github.com/gradio-app/gradio/pull/8279) [`4350215`](https://github.com/gradio-app/gradio/commit/4350215348981aba6dea473884b047f096dcdf0f) - Link to troubleshooting guide in the custom component loading status.  Thanks @freddyaboulton!
+
+## 0.5.3
+
+### Fixes
+
+- [#8261](https://github.com/gradio-app/gradio/pull/8261) [`719d596`](https://github.com/gradio-app/gradio/commit/719d5962bb7018412f073b55eb3b62d8b4e02d63) - Fix bug where status tracker was the target of pointer events.  Thanks @freddyaboulton!
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/icons@0.4.1
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/column@0.1.1
+
+## 0.5.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/column@0.1.1
+- @gradio/utils@0.4.0
+
+## 0.4.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.4.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+
+## 0.4.10
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/icons@0.3.4
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.0
+
+## 0.4.8
+
+### Fixes
+
+- [#7466](https://github.com/gradio-app/gradio/pull/7466) [`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89) - Fix z-index layer of orange generating border.  Thanks [@daviirodrig](https://github.com/daviirodrig)!
+
+## 0.4.7
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/atoms@0.5.1
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+
+## 0.4.3
+
+### Features
+
+- [#6814](https://github.com/gradio-app/gradio/pull/6814) [`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d) - Refactor queue so that there are separate queues for each concurrency id. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+
+## 0.4.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [[`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0), [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e), [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74)]:
+  - @gradio/column@0.1.0-beta.3
+  - @gradio/icons@0.2.0-beta.2
+  - @gradio/utils@0.2.0-beta.5
+  - @gradio/atoms@0.2.0-beta.5
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.4
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+
+## 0.2.0
+
+### Features
+
+- [#5342](https://github.com/gradio-app/gradio/pull/5342) [`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912) - significantly improve the performance of `gr.Dataframe` for large datasets. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/atoms@0.1.1
+
+## 0.1.0
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/statustracker/README.md b/js/statustracker/README.md
new file mode 100644
index 0000000..ff91f1c
--- /dev/null
+++ b/js/statustracker/README.md
@@ -0,0 +1,38 @@
+# `@gradio/statustracker`
+
+```html
+<script>
+    import {StatusTracker, Toast, Loader} from `@gradio/statustracker`;
+</script>
+```
+
+StatusTracker
+```javascript
+	export let i18n: I18nFormatter;
+	export let eta: number | null = null;
+	export let queue = false;
+	export let queue_position: number | null;
+	export let queue_size: number | null;
+	export let status: "complete" | "pending" | "error" | "generating";
+	export let scroll_to_output = false;
+	export let timer = true;
+	export let show_progress: "full" | "minimal" | "hidden" = "full";
+	export let message: string | null = null;
+	export let progress: LoadingStatus["progress"] | null | undefined = null;
+	export let variant: "default" | "center" = "default";
+	export let loading_text = "Loading...";
+	export let absolute = true;
+	export let translucent = false;
+	export let border = false;
+	export let autoscroll: boolean;
+```
+
+Toast
+```javascript
+	export let messages: ToastMessage[] = [];
+```
+
+Loader
+```javascript
+	export let margin = true;
+```
\ No newline at end of file
diff --git a/js/statustracker/StatusTracker.test.ts b/js/statustracker/StatusTracker.test.ts
new file mode 100644
index 0000000..c0e3245
--- /dev/null
+++ b/js/statustracker/StatusTracker.test.ts
@@ -0,0 +1,121 @@
+import { test, describe, expect, afterEach } from "vitest";
+import { mount, unmount, tick } from "svelte";
+import { within } from "@self/tootils/render";
+import StatusTracker from "./static/index.svelte";
+
+describe("StatusTracker: validation errors", () => {
+	let target: HTMLDivElement;
+	let component: ReturnType<typeof mount>;
+
+	const base_props = {
+		i18n: (s: string | null | undefined) => s ?? "",
+		autoscroll: false,
+		queue_position: null,
+		queue_size: null
+	};
+
+	afterEach(() => {
+		if (component) {
+			unmount(component);
+		}
+		if (target) {
+			target.remove();
+		}
+	});
+
+	test("component is visible when validation_error is present", async () => {
+		target = document.createElement("div");
+		document.body.appendChild(target);
+
+		component = mount(StatusTracker, {
+			target,
+			props: {
+				...base_props,
+				status: null,
+				validation_error: "This field is required",
+				show_validation_error: true
+			}
+		});
+		await tick();
+
+		const { getByTestId } = within(target);
+		expect(getByTestId("status-tracker")).toBeVisible();
+	});
+
+	test("validation error text is rendered and visible", async () => {
+		target = document.createElement("div");
+		document.body.appendChild(target);
+
+		component = mount(StatusTracker, {
+			target,
+			props: {
+				...base_props,
+				status: null,
+				validation_error: "Can't be error",
+				show_validation_error: true
+			}
+		});
+		await tick();
+
+		const { getByText } = within(target);
+		expect(getByText("Can't be error")).toBeVisible();
+	});
+
+	test("component is hidden when status is null and no validation error", async () => {
+		target = document.createElement("div");
+		document.body.appendChild(target);
+
+		component = mount(StatusTracker, {
+			target,
+			props: {
+				...base_props,
+				status: null,
+				validation_error: null,
+				show_validation_error: true
+			}
+		});
+		await tick();
+
+		const { getByTestId } = within(target);
+		expect(getByTestId("status-tracker")).not.toBeVisible();
+	});
+
+	test("validation error stays visible when status is undefined", async () => {
+		target = document.createElement("div");
+		document.body.appendChild(target);
+
+		component = mount(StatusTracker, {
+			target,
+			props: {
+				...base_props,
+				status: undefined as any,
+				validation_error: "Error message",
+				show_validation_error: true
+			}
+		});
+		await tick();
+
+		const { getByTestId, getByText } = within(target);
+		expect(getByTestId("status-tracker")).toBeVisible();
+		expect(getByText("Error message")).toBeVisible();
+	});
+
+	test("component is hidden when show_validation_error is false even with validation_error", async () => {
+		target = document.createElement("div");
+		document.body.appendChild(target);
+
+		component = mount(StatusTracker, {
+			target,
+			props: {
+				...base_props,
+				status: null,
+				validation_error: "Error message",
+				show_validation_error: false
+			}
+		});
+		await tick();
+
+		const { getByTestId } = within(target);
+		expect(getByTestId("status-tracker")).not.toBeVisible();
+	});
+});
diff --git a/js/statustracker/index.ts b/js/statustracker/index.ts
new file mode 100644
index 0000000..df1b405
--- /dev/null
+++ b/js/statustracker/index.ts
@@ -0,0 +1,10 @@
+export { default as StatusTracker } from "./static/index.svelte";
+export { default as Toast } from "./static/Toast.svelte";
+export { default as Loader } from "./static/Loader.svelte";
+export { default as StreamingBar } from "./static/StreamingBar.svelte";
+export type * from "./static/types";
+export { default } from "./static/index.svelte";
+export {
+	LoadingStatus,
+	LoadingStatus as LoadingStatusState
+} from "./static/state.svelte.js";
diff --git a/js/statustracker/package.json b/js/statustracker/package.json
new file mode 100644
index 0000000..f33845e
--- /dev/null
+++ b/js/statustracker/package.json
@@ -0,0 +1,35 @@
+{
+	"name": "@gradio/statustracker",
+	"version": "0.15.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "./index.ts",
+	"author": "",
+	"license": "ISC",
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./index.ts",
+			"svelte": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/sanitize": "^0.2.0",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/statustracker"
+	}
+}
diff --git a/js/statustracker/static/Loader.svelte b/js/statustracker/static/Loader.svelte
new file mode 100644
index 0000000..6a9b2d0
--- /dev/null
+++ b/js/statustracker/static/Loader.svelte
@@ -0,0 +1,107 @@
+<script lang="ts">
+	import { spring } from "svelte/motion";
+
+	interface Props {
+		margin?: boolean;
+	}
+
+	let { margin = true }: Props = $props();
+
+	const top = spring([0, 0]);
+	const bottom = spring([0, 0]);
+
+	let dismounted = $state(false);
+
+	async function animate(): Promise<void> {
+		await Promise.all([top.set([125, 140]), bottom.set([-125, -140])]);
+		await Promise.all([top.set([-125, 140]), bottom.set([125, -140])]);
+		await Promise.all([top.set([-125, 0]), bottom.set([125, -0])]);
+		await Promise.all([top.set([125, 0]), bottom.set([-125, 0])]);
+	}
+
+	async function run(): Promise<void> {
+		await animate();
+		if (!dismounted) run();
+	}
+
+	async function loading(): Promise<void> {
+		await Promise.all([top.set([125, 0]), bottom.set([-125, 0])]);
+
+		run();
+	}
+
+	$effect(() => {
+		loading();
+		return () => {
+			dismounted = true;
+		};
+	});
+</script>
+
+<div class:margin>
+	<svg
+		viewBox="-1200 -1200 3000 3000"
+		fill="none"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<g style="transform: translate({$top[0]}px, {$top[1]}px);">
+			<path
+				d="M255.926 0.754768L509.702 139.936V221.027L255.926 81.8465V0.754768Z"
+				fill="#FF7C00"
+				fill-opacity="0.4"
+			/>
+			<path
+				d="M509.69 139.936L254.981 279.641V361.255L509.69 221.55V139.936Z"
+				fill="#FF7C00"
+			/>
+			<path
+				d="M0.250138 139.937L254.981 279.641V361.255L0.250138 221.55V139.937Z"
+				fill="#FF7C00"
+				fill-opacity="0.4"
+			/>
+			<path
+				d="M255.923 0.232622L0.236328 139.936V221.55L255.923 81.8469V0.232622Z"
+				fill="#FF7C00"
+			/>
+		</g>
+		<g style="transform: translate({$bottom[0]}px, {$bottom[1]}px);">
+			<path
+				d="M255.926 141.5L509.702 280.681V361.773L255.926 222.592V141.5Z"
+				fill="#FF7C00"
+				fill-opacity="0.4"
+			/>
+			<path
+				d="M509.69 280.679L254.981 420.384V501.998L509.69 362.293V280.679Z"
+				fill="#FF7C00"
+			/>
+			<path
+				d="M0.250138 280.681L254.981 420.386V502L0.250138 362.295V280.681Z"
+				fill="#FF7C00"
+				fill-opacity="0.4"
+			/>
+			<path
+				d="M255.923 140.977L0.236328 280.68V362.294L255.923 222.591V140.977Z"
+				fill="#FF7C00"
+			/>
+		</g>
+	</svg>
+</div>
+
+<style>
+	svg {
+		width: var(--size-20);
+		height: var(--size-20);
+	}
+
+	svg path {
+		fill: var(--loader-color);
+	}
+
+	div {
+		z-index: var(--layer-2);
+	}
+
+	.margin {
+		margin: var(--size-4);
+	}
+</style>
diff --git a/js/statustracker/static/StreamingBar.svelte b/js/statustracker/static/StreamingBar.svelte
new file mode 100644
index 0000000..b0c183c
--- /dev/null
+++ b/js/statustracker/static/StreamingBar.svelte
@@ -0,0 +1,33 @@
+<script lang="ts">
+	interface Props {
+		time_limit: number | null;
+	}
+
+	let { time_limit }: Props = $props();
+</script>
+
+{#if time_limit}
+	<div class="streaming-bar" style:animation-duration="{time_limit}s"></div>
+{/if}
+
+<style>
+	.streaming-bar {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		height: 4px;
+		background-color: var(--primary-600);
+		animation: countdown linear forwards;
+		z-index: 1;
+	}
+
+	@keyframes countdown {
+		from {
+			transform: translateX(0%);
+		}
+		to {
+			transform: translateX(-100%);
+		}
+	}
+</style>
diff --git a/js/statustracker/static/Toast.stories.svelte b/js/statustracker/static/Toast.stories.svelte
new file mode 100644
index 0000000..d6312eb
--- /dev/null
+++ b/js/statustracker/static/Toast.stories.svelte
@@ -0,0 +1,116 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Toast from "./Toast.svelte";
+	import { allModes } from "../../storybook/modes";
+
+	const { Story } = defineMeta({
+		title: "Components/Toast",
+		component: Toast,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			messages: {
+				control: "object",
+				description: "Array of toast messages to display"
+			}
+		}
+	});
+
+	function noop() {}
+</script>
+
+{#snippet template(args)}
+	<div style="min-height: 400px; position: relative;">
+		<Toast messages={args.messages} on_close={noop} />
+	</div>
+{/snippet}
+
+<Story
+	name="Multiple Messages Same Type"
+	args={{
+		messages: [
+			{
+				type: "error",
+				title: "Error",
+				message: "First error message.",
+				id: 1,
+				duration: null,
+				visible: true
+			},
+			{
+				type: "error",
+				title: "Error",
+				message: "Second error message.",
+				id: 2,
+				duration: null,
+				visible: true
+			},
+			{
+				type: "error",
+				title: "Error",
+				message: "Third error message.",
+				id: 3,
+				duration: null,
+				visible: true
+			}
+		]
+	}}
+	{template}
+/>
+
+<Story
+	name="Multiple Toast Types"
+	args={{
+		messages: [
+			{
+				type: "error",
+				title: "Error",
+				message: "An error occurred.",
+				id: 1,
+				duration: null,
+				visible: true
+			},
+			{
+				type: "warning",
+				title: "Warning",
+				message: "A warning to consider.",
+				id: 2,
+				duration: null,
+				visible: true
+			},
+			{
+				type: "success",
+				title: "Success",
+				message: "Task completed.",
+				id: 3,
+				duration: null,
+				visible: true
+			}
+		]
+	}}
+	{template}
+/>
+
+<Story
+	name="Long Message"
+	args={{
+		messages: [
+			{
+				type: "warning",
+				title: "Warning",
+				message:
+					"This is a very long warning message. This is a very long warning message. This is a very long warning message. This is a very long warning message. This is a very long warning message.",
+				id: 1,
+				duration: null,
+				visible: true
+			}
+		]
+	}}
+	{template}
+/>
diff --git a/js/statustracker/static/Toast.svelte b/js/statustracker/static/Toast.svelte
new file mode 100644
index 0000000..e58584f
--- /dev/null
+++ b/js/statustracker/static/Toast.svelte
@@ -0,0 +1,105 @@
+<script lang="ts">
+	import type { ToastMessage, GroupedToastMessage } from "./types";
+	import ToastContent from "./ToastContent.svelte";
+	import { spring } from "svelte/motion";
+
+	interface Props {
+		messages?: ToastMessage[];
+		on_close: (id: number) => void;
+	}
+
+	let { messages = [], on_close }: Props = $props();
+	const top = spring(0, { stiffness: 0.4, damping: 0.5 });
+
+	let grouped_messages: GroupedToastMessage[] = $state([]);
+
+	$effect(() => {
+		scroll_to_top(messages);
+	});
+
+	$effect(() => {
+		grouped_messages = group_messages(messages);
+	});
+
+	function group_messages(msgs: ToastMessage[]): GroupedToastMessage[] {
+		const groups = new Map<string, GroupedToastMessage>();
+
+		msgs.forEach((msg) => {
+			const key = msg.type;
+			if (!groups.has(key)) {
+				groups.set(key, {
+					type: msg.type,
+					messages: [],
+					expanded: true
+				});
+			}
+			groups.get(key)!.messages.push(msg);
+		});
+
+		return Array.from(groups.values());
+	}
+
+	function scroll_to_top(_messages: ToastMessage[]): void {
+		if (_messages.length > 0) {
+			if ("parentIFrame" in window) {
+				window.parentIFrame?.getPageInfo((page_info) => {
+					if (page_info.scrollTop < page_info.offsetTop) {
+						top.set(0);
+					} else {
+						top.set(page_info.scrollTop - page_info.offsetTop);
+					}
+				});
+			}
+		}
+	}
+
+	function toggle_group(type: string): void {
+		grouped_messages = grouped_messages.map((group) => {
+			if (group.type === type) {
+				return { ...group, expanded: !group.expanded };
+			}
+			return group;
+		});
+	}
+</script>
+
+<div class="toast-wrap" style="--toast-top: {$top}px;">
+	{#each grouped_messages as group (group.type)}
+		<div class="toast-item">
+			<ToastContent
+				type={group.type}
+				messages={group.messages}
+				expanded={group.expanded}
+				ontoggle={() => toggle_group(group.type)}
+				onclose={(id) => on_close(id)}
+			/>
+		</div>
+	{/each}
+</div>
+
+<style>
+	.toast-wrap {
+		--toast-top: var(--size-4);
+		display: flex;
+		position: fixed;
+		top: calc(var(--toast-top) + var(--size-3));
+		flex-direction: column;
+		gap: var(--size-2);
+		z-index: var(--layer-top);
+		right: var(--size-3);
+		left: var(--size-3);
+		align-items: end;
+		max-width: none;
+	}
+
+	.toast-item {
+		width: 100%;
+	}
+
+	@media (min-width: 640px) {
+		.toast-wrap {
+			left: auto;
+			width: calc(var(--size-96) + var(--size-10));
+		}
+	}
+</style>
diff --git a/js/statustracker/static/ToastContent.svelte b/js/statustracker/static/ToastContent.svelte
new file mode 100644
index 0000000..43aece7
--- /dev/null
+++ b/js/statustracker/static/ToastContent.svelte
@@ -0,0 +1,396 @@
+<script lang="ts">
+	import { Error, Info, Warning, Success, ChevronDown } from "@gradio/icons";
+	import { sanitize } from "@gradio/sanitize";
+	import { fade, slide } from "svelte/transition";
+	import type { ToastMessage } from "./types";
+
+	interface Props {
+		type: ToastMessage["type"];
+		messages?: ToastMessage[];
+		expanded?: boolean;
+		ontoggle?: () => void;
+		onclose?: (id: number) => void;
+	}
+
+	let {
+		type,
+		messages = [],
+		expanded = true,
+		ontoggle,
+		onclose
+	}: Props = $props();
+
+	let touch_start_x = $state(0);
+	let touch_start_y = $state(0);
+	let offset_x = $state(0);
+	let is_dragging = $state(false);
+	let toast_element: HTMLElement;
+
+	const default_messages: Record<ToastMessage["type"], string> = {
+		error: "An error occurred.",
+		warning: "Warning.",
+		success: "Success.",
+		info: "Info."
+	};
+
+	let count = $derived(messages.length);
+	let first_message = $derived(messages[0]);
+	let type_label = $derived(type.charAt(0).toUpperCase() + type.slice(1));
+	let has_duration = $derived(first_message?.duration !== null);
+	let timer_duration = $derived(
+		has_duration ? `${first_message.duration}s` : "0s"
+	);
+
+	function handle_toggle(): void {
+		ontoggle?.();
+	}
+
+	function close_all(): void {
+		messages.forEach((msg) => {
+			onclose?.(msg.id);
+		});
+	}
+
+	function handle_touch_start(e: TouchEvent): void {
+		touch_start_x = e.touches[0].clientX;
+		touch_start_y = e.touches[0].clientY;
+		is_dragging = true;
+	}
+
+	function handle_touch_move(e: TouchEvent): void {
+		if (!is_dragging) return;
+
+		const touch_x = e.touches[0].clientX;
+		const touch_y = e.touches[0].clientY;
+		const delta_x = touch_x - touch_start_x;
+		const delta_y = touch_y - touch_start_y;
+
+		if (Math.abs(delta_x) > Math.abs(delta_y) && Math.abs(delta_x) > 10) {
+			e.preventDefault();
+			offset_x = delta_x;
+		}
+	}
+
+	function handle_touch_end(): void {
+		if (!is_dragging) return;
+
+		if (Math.abs(offset_x) > 100) {
+			close_all();
+		} else {
+			offset_x = 0;
+		}
+
+		is_dragging = false;
+	}
+
+	$effect(() => {
+		if (has_duration && messages.length === 1) {
+			setTimeout(close_all, first_message.duration! * 1000);
+		}
+	});
+</script>
+
+<div
+	bind:this={toast_element}
+	class="toast-body {type}"
+	role="status"
+	aria-live="polite"
+	data-testid="toast-body"
+	ontouchstart={handle_touch_start}
+	ontouchmove={handle_touch_move}
+	ontouchend={handle_touch_end}
+	in:fade={{ duration: 200, delay: 100 }}
+	out:fade={{ duration: 200 }}
+	style="transform: translateX({offset_x}px); opacity: {1 -
+		Math.abs(offset_x) / 300};"
+>
+	<div
+		class="toast-header"
+		onclick={handle_toggle}
+		role="button"
+		tabindex="0"
+		onkeydown={(e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				handle_toggle();
+			}
+		}}
+	>
+		<div class="toast-icon {type}">
+			{#if type === "warning"}
+				<Warning />
+			{:else if type === "info"}
+				<Info />
+			{:else if type === "success"}
+				<Success />
+			{:else if type === "error"}
+				<Error />
+			{/if}
+		</div>
+
+		<div class="toast-title-row">
+			<span class="toast-title {type}">
+				{type_label}
+				{#if count > 1}
+					<span class="toast-count">({count})</span>
+				{/if}
+			</span>
+			<div class="chevron" class:expanded class:visible={count > 0}>
+				<ChevronDown />
+			</div>
+		</div>
+
+		<button
+			onclick={(e) => {
+				e.stopPropagation();
+				close_all();
+			}}
+			class="toast-close {type}"
+			type="button"
+			aria-label="Close"
+			data-testid="toast-close"
+		>
+			<span aria-hidden="true">&#215;</span>
+		</button>
+	</div>
+
+	{#if expanded}
+		<div class="toast-messages" transition:slide={{ duration: 200 }}>
+			{#each messages as message, i (message.id)}
+				<div class="toast-message-item {type}">
+					<div class="toast-message-text {type}" data-testid="toast-text">
+						{@html sanitize(message.message || default_messages[type])}
+					</div>
+				</div>
+				{#if i < messages.length - 1}
+					<div class="toast-separator" />
+				{/if}
+			{/each}
+		</div>
+	{/if}
+
+	{#if has_duration}
+		<div class="timer {type}" style="animation-duration: {timer_duration}" />
+	{/if}
+</div>
+
+<!-- s-csdrBJqpTpqa  -->
+<style>
+	.toast-body {
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		right: 0;
+		left: 0;
+		margin: auto;
+		border-radius: var(--radius-sm);
+		overflow: hidden;
+		pointer-events: auto;
+		background: var(--background-fill-secondary);
+		border: 1px solid var(--border-color-primary);
+		box-shadow: var(--shadow-drop);
+		touch-action: pan-y;
+		user-select: none;
+	}
+
+	:global(.dark) .toast-body {
+		background: var(--background-fill-primary);
+	}
+
+	.toast-body.error {
+		--toast-color: var(--color-red-700);
+	}
+
+	.toast-body.warning {
+		--toast-color: var(--color-yellow-700);
+	}
+
+	.toast-body.info {
+		--toast-color: var(--color-grey-700);
+	}
+
+	.toast-body.success {
+		--toast-color: var(--color-green-700);
+	}
+
+	:global(.dark) .toast-body.error {
+		--toast-color: var(--color-red-500);
+	}
+
+	:global(.dark) .toast-body.warning {
+		--toast-color: var(--color-yellow-500);
+	}
+
+	:global(.dark) .toast-body.info {
+		--toast-color: var(--color-grey-500);
+	}
+
+	:global(.dark) .toast-body.success {
+		--toast-color: var(--color-green-500);
+	}
+
+	.toast-header {
+		display: flex;
+		align-items: center;
+		padding: var(--size-3) var(--size-3);
+		cursor: pointer;
+	}
+
+	.toast-header:hover {
+		opacity: 0.9;
+	}
+
+	.toast-title-row {
+		flex: 1;
+		display: flex;
+		align-items: center;
+		gap: var(--size-2);
+	}
+
+	.chevron {
+		display: flex;
+		align-items: center;
+		width: var(--size-4);
+		height: var(--size-4);
+		transition: transform 0.2s ease;
+		opacity: 0.6;
+	}
+
+	.chevron.visible {
+		opacity: 1;
+	}
+
+	.chevron.expanded {
+		transform: rotate(180deg);
+	}
+
+	.toast-title {
+		display: flex;
+		align-items: center;
+		font-weight: var(--weight-bold);
+		font-size: var(--text-lg);
+		line-height: var(--line-sm);
+	}
+
+	.toast-count {
+		margin-left: var(--size-1);
+		font-weight: var(--weight-semibold);
+	}
+
+	.toast-close {
+		margin: 0 var(--size-1);
+		border-radius: var(--radius-lg);
+		padding: var(--size-1);
+		font-size: var(--text-xl);
+		line-height: 1;
+		background: transparent;
+		border: none;
+		cursor: pointer;
+		transition: all 0.2s ease;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: var(--size-7);
+		height: var(--size-7);
+		opacity: 0.6;
+		flex-shrink: 0;
+	}
+
+	.toast-close:hover {
+		opacity: 1;
+		transform: scale(1.1);
+	}
+
+	.toast-close:active {
+		transform: scale(0.95);
+	}
+
+	.toast-close {
+		color: var(--body-text-color);
+	}
+
+	.toast-icon {
+		display: flex;
+		position: relative;
+		flex-shrink: 0;
+		justify-content: center;
+		align-items: center;
+		margin-right: var(--size-2);
+		border-radius: var(--radius-full);
+		padding: var(--size-1-5);
+		width: var(--size-8);
+		height: var(--size-8);
+	}
+
+	.toast-icon {
+		color: var(--toast-color);
+	}
+
+	.toast-messages {
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-2);
+		padding: 0 var(--size-3) var(--size-2) var(--size-3);
+	}
+
+	.toast-message-item {
+		padding: var(--size-1-5) var(--size-1-5) var(--size-1-5) var(--size-1-5);
+		border-radius: var(--radius-lg);
+	}
+
+	.toast-separator {
+		height: 1px;
+		background: var(--border-color-primary);
+		margin: 0;
+	}
+
+	.toast-message-text {
+		font-size: var(--text-md);
+		line-height: 1.5;
+		word-wrap: break-word;
+		overflow-wrap: break-word;
+		word-break: break-word;
+		color: var(--body-text-color);
+	}
+
+	.toast-message-text :global(a) {
+		text-decoration: underline;
+	}
+
+	@keyframes countdown {
+		from {
+			transform: scaleX(1);
+		}
+		to {
+			transform: scaleX(0);
+		}
+	}
+
+	.timer {
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		transform-origin: 0 0;
+		animation: countdown 10s linear forwards;
+		width: 100%;
+		height: var(--size-1);
+	}
+
+	.timer {
+		background: var(--toast-color);
+	}
+
+	@media (max-width: 640px) {
+		.toast-header {
+			padding: var(--size-2) var(--size-2);
+		}
+
+		.toast-messages {
+			gap: var(--size-1);
+			padding: 0 var(--size-2) var(--size-1-5) var(--size-2);
+		}
+
+		.toast-message-item {
+			padding: 0 var(--size-1) var(--size-1) var(--size-1);
+		}
+	}
+</style>
diff --git a/js/statustracker/static/index.svelte b/js/statustracker/static/index.svelte
new file mode 100644
index 0000000..b7949a7
--- /dev/null
+++ b/js/statustracker/static/index.svelte
@@ -0,0 +1,680 @@
+<script context="module" lang="ts">
+	import { tick, untrack } from "svelte";
+	import { pretty_si } from "./utils";
+
+	let items: HTMLDivElement[] = [];
+
+	let called = false;
+
+	const is_browser = typeof window !== "undefined";
+	const raf = is_browser
+		? window.requestAnimationFrame
+		: (cb: (...args: any[]) => void) => {};
+	const shown_cache_indicator_keys = new Set<string>();
+
+	async function scroll_into_view(
+		el: HTMLDivElement,
+		enable: boolean | null = true
+	): Promise<void> {
+		if (
+			window.__gradio_mode__ === "website" ||
+			(window.__gradio_mode__ !== "app" && enable !== true)
+		) {
+			return;
+		}
+
+		items.push(el);
+		if (!called) called = true;
+		else return;
+
+		await tick();
+
+		raf(() => {
+			let min = [0, 0];
+
+			for (let i = 0; i < items.length; i++) {
+				const element = items[i];
+
+				const box = element.getBoundingClientRect();
+				if (i === 0 || box.top + window.scrollY <= min[0]) {
+					min[0] = box.top + window.scrollY;
+					min[1] = i;
+				}
+			}
+
+			window.scrollTo({ top: min[0] - 20, behavior: "smooth" });
+
+			called = false;
+			items = [];
+		});
+	}
+</script>
+
+<script lang="ts">
+	import Loader from "./Loader.svelte";
+	import type { ILoadingStatus as LoadingStatus } from "./types";
+	import type { I18nFormatter } from "@gradio/utils";
+
+	import { IconButton } from "@gradio/atoms";
+	import { Clear } from "@gradio/icons";
+
+	interface Props {
+		i18n: I18nFormatter;
+		eta?: number | null;
+		queue_position: number | null;
+		queue_size: number | null;
+		component_id?: number | null;
+		fn_index?: number | null;
+		status:
+			| "complete"
+			| "pending"
+			| "error"
+			| "generating"
+			| "streaming"
+			| null;
+		scroll_to_output?: boolean;
+		timer?: boolean;
+		show_progress?: "full" | "minimal" | "hidden";
+		message?: string | null;
+		progress?: LoadingStatus["progress"] | null | undefined;
+		variant?: "default" | "center";
+		loading_text?: string;
+		absolute?: boolean;
+		translucent?: boolean;
+		border?: boolean;
+		autoscroll: boolean;
+		validation_error?: string | null;
+		show_validation_error?: boolean;
+		type?: "input" | "output" | "skip" | null;
+		on_clear_status?: () => void;
+		used_cache?: "full" | "partial" | null;
+		cache_duration?: number | null;
+		avg_time?: number | null;
+		cache_event_id?: number | null;
+	}
+
+	interface ProgressLevel {
+		progress_level: (number | undefined)[] | null;
+		last_progress_level: number | undefined;
+		progress_bar_transition: string;
+	}
+
+	let {
+		i18n,
+		eta = null,
+		queue_position,
+		queue_size,
+		component_id = null,
+		fn_index = null,
+		status,
+		scroll_to_output = false,
+		timer = true,
+		show_progress = "full",
+		message = null,
+		progress = null,
+		variant = "default",
+		loading_text = "Loading...",
+		absolute = true,
+		translucent = false,
+		border = false,
+		autoscroll,
+		validation_error = null,
+		show_validation_error = true,
+		type = null,
+		on_clear_status,
+		used_cache = null,
+		cache_duration = null,
+		avg_time = null,
+		cache_event_id = null
+	}: Props = $props();
+
+	let el: HTMLDivElement;
+
+	let _timer = false;
+	let timer_start = $state(0);
+	let old_eta = $state<number | null>(null);
+	let eta_from_start = $state<number | null>(null);
+	let message_visible = $state(false);
+	let formatted_eta = $state<string | null>(null);
+	let show_message_timeout = $state<NodeJS.Timeout | null>(null);
+	let show_cache_indicator = $state(false);
+	let cache_indicator_fading = $state(false);
+	let cache_display_time = $state<string | null>(null);
+	let cache_display_avg = $state<string | null>(null);
+	let cache_indicator_label = $state("from cache");
+	let show_cache_avg = $state(false);
+	let cache_timeout: ReturnType<typeof setTimeout> | null = null;
+	let cache_fade_timeout: ReturnType<typeof setTimeout> | null = null;
+	let last_cache_indicator_key: string | null = null;
+
+	function hide_cache_indicator(): void {
+		if (cache_timeout) clearTimeout(cache_timeout);
+		if (cache_fade_timeout) clearTimeout(cache_fade_timeout);
+		cache_timeout = null;
+		cache_fade_timeout = null;
+		show_cache_indicator = false;
+		cache_indicator_fading = false;
+	}
+
+	const should_hide = $derived(
+		!(show_validation_error && validation_error) &&
+			(type === "input" ||
+				!status ||
+				status === "complete" ||
+				show_progress === "hidden" ||
+				status == "streaming")
+	);
+
+	let timer_diff = $state(0);
+
+	const eta_level = $derived(
+		eta_from_start === null || eta_from_start <= 0 || !timer_diff
+			? 0
+			: Math.min(timer_diff / eta_from_start, 1)
+	);
+
+	const formatted_timer = $derived(timer_diff.toFixed(1));
+
+	let show_eta_bar = $derived(progress != null ? false : true);
+	let effective_eta = $derived(eta ?? old_eta);
+
+	function run(): void {
+		raf(() => {
+			timer_diff = (performance.now() - timer_start) / 1000;
+			if (_timer) run();
+		});
+	}
+
+	let progress_level = $derived.by<ProgressLevel>(() => {
+		let _progress_level: (number | undefined)[] | null = null;
+		if (progress != null) {
+			_progress_level = progress.map((p) => {
+				if (p.index != null && p.length != null) {
+					return p.index / p.length;
+				} else if (p.progress != null) {
+					return p.progress;
+				}
+				return undefined;
+			});
+		} else {
+			_progress_level = null;
+		}
+
+		let _last_progress_level: number | undefined;
+		let transition = "";
+		if (_progress_level) {
+			_last_progress_level = _progress_level[_progress_level.length - 1];
+
+			if (_last_progress_level === 0) {
+				transition = "0";
+			} else {
+				transition = "150ms";
+			}
+		} else {
+			_last_progress_level = undefined;
+		}
+
+		return {
+			progress_level: _progress_level,
+			last_progress_level: _last_progress_level,
+			progress_bar_transition: transition
+		};
+	});
+
+	function start_timer(): void {
+		if (_timer) return;
+
+		old_eta = formatted_eta = null;
+		timer_start = performance.now();
+
+		_timer = true;
+		run();
+	}
+
+	function stop_timer(): void {
+		old_eta = formatted_eta = null;
+		if (!_timer) return;
+		_timer = false;
+	}
+
+	$effect(() => {
+		if (status === "pending") {
+			start_timer();
+		} else {
+			untrack(() => {
+				stop_timer();
+			});
+		}
+	});
+
+	$effect(() => {
+		if (
+			el &&
+			scroll_to_output &&
+			(status === "pending" || status === "complete")
+		) {
+			scroll_into_view(el, autoscroll);
+		}
+	});
+
+	$effect(() => {
+		if (effective_eta != null && old_eta !== effective_eta) {
+			eta_from_start = (performance.now() - timer_start) / 1000 + effective_eta;
+			formatted_eta = eta_from_start.toFixed(1);
+			old_eta = effective_eta;
+		}
+	});
+
+	function close_message(): void {
+		message_visible = false;
+		if (show_message_timeout !== null) {
+			clearTimeout(show_message_timeout);
+		}
+	}
+
+	$effect(() => {
+		untrack(() => {
+			close_message();
+		});
+
+		if (status === "error" && message) {
+			message_visible = true;
+		}
+	});
+
+	$effect(() => {
+		if (
+			status === "complete" &&
+			type === "output" &&
+			used_cache &&
+			cache_duration != null
+		) {
+			const cache_indicator_key =
+				cache_event_id == null
+					? null
+					: `${component_id ?? fn_index ?? "unknown"}:${fn_index ?? "unknown"}:${cache_event_id}`;
+			if (
+				cache_indicator_key === last_cache_indicator_key ||
+				(cache_indicator_key != null &&
+					shown_cache_indicator_keys.has(cache_indicator_key))
+			) {
+				return;
+			}
+			last_cache_indicator_key = cache_indicator_key;
+			if (cache_indicator_key != null) {
+				shown_cache_indicator_keys.add(cache_indicator_key);
+			}
+			cache_display_time = cache_duration.toFixed(1);
+			cache_indicator_label =
+				used_cache === "full" ? "from cache" : "used cache";
+			show_cache_avg =
+				avg_time != null && avg_time > cache_duration && avg_time > 0;
+			cache_display_avg = show_cache_avg ? avg_time!.toFixed(1) : null;
+			show_cache_indicator = true;
+			cache_indicator_fading = false;
+
+			if (cache_timeout) clearTimeout(cache_timeout);
+			if (cache_fade_timeout) clearTimeout(cache_fade_timeout);
+			cache_timeout = setTimeout(() => {
+				cache_indicator_fading = true;
+				cache_fade_timeout = setTimeout(() => {
+					show_cache_indicator = false;
+					cache_indicator_fading = false;
+				}, 500);
+			}, 1750);
+		} else if (type === "output" && !used_cache) {
+			hide_cache_indicator();
+		}
+	});
+</script>
+
+<div
+	class="wrap {variant} {show_progress}"
+	class:no-click={validation_error && show_validation_error}
+	class:hide={should_hide}
+	class:translucent={(variant === "center" &&
+		(status === "pending" || status === "error")) ||
+		translucent ||
+		show_progress === "minimal" ||
+		validation_error}
+	class:generating={status === "generating" && show_progress === "full"}
+	class:border
+	style:position={absolute ? "absolute" : "static"}
+	style:padding={absolute ? "0" : "var(--size-8) 0"}
+	data-testid="status-tracker"
+	bind:this={el}
+>
+	{#if validation_error && show_validation_error}
+		<div class="validation-error">
+			{validation_error}
+			<button
+				><IconButton
+					Icon={Clear}
+					label={i18n ? i18n("common.clear") : "Clear"}
+					disabled={false}
+					size="x-small"
+					background="var(--background-fill-primary)"
+					color="var(--error-background-text)"
+					border="var(--border-color-primary)"
+					onclick={() => (validation_error = null)}
+				/></button
+			>
+		</div>
+	{/if}
+	{#if status === "pending"}
+		{#if variant === "default" && show_eta_bar && show_progress === "full"}
+			<div
+				class="eta-bar"
+				style:transform="translateX({(eta_level || 0) * 100 - 100}%)"
+			/>
+		{/if}
+		<div
+			class:meta-text-center={variant === "center"}
+			class:meta-text={variant === "default"}
+			class="progress-text"
+		>
+			{#if progress}
+				{#each progress as p}
+					{#if p.index != null}
+						{#if p.length != null}
+							{pretty_si(p.index || 0)}/{pretty_si(p.length)}
+						{:else}
+							{pretty_si(p.index || 0)}
+						{/if}
+						{p.unit} | {" "}
+					{/if}
+				{/each}
+			{:else if queue_position !== null && queue_size !== undefined && queue_position >= 0}
+				queue: {queue_position + 1}/{queue_size} |
+			{:else if queue_position === 0}
+				processing |
+			{/if}
+
+			{#if timer}
+				{formatted_timer}{eta ? `/${formatted_eta}` : ""}s
+			{/if}
+		</div>
+
+		{#if progress_level.last_progress_level != null}
+			<div class="progress-level">
+				<div class="progress-level-inner">
+					{#if progress != null}
+						{#each progress as p, i}
+							{#if p.desc != null || (progress_level.progress_level && progress_level.progress_level[i] != null)}
+								{#if i !== 0}
+									&nbsp;/
+								{/if}
+								{#if p.desc != null}
+									{p.desc}
+								{/if}
+								{#if p.desc != null && progress_level.progress_level && progress_level.progress_level[i] != null}
+									-
+								{/if}
+								{#if progress_level.progress_level != null}
+									{(100 * (progress_level.progress_level[i] || 0)).toFixed(1)}%
+								{/if}
+							{/if}
+						{/each}
+					{/if}
+				</div>
+
+				<div class="progress-bar-wrap">
+					<div
+						class="progress-bar"
+						style:width="{progress_level.last_progress_level * 100}%"
+						style:transition={progress_level.progress_bar_transition}
+					/>
+				</div>
+			</div>
+		{:else if show_progress === "full"}
+			<Loader margin={variant === "default"} />
+		{/if}
+
+		{#if !timer}
+			<p class="loading">{loading_text}</p>
+			<slot name="additional-loading-text" />
+		{/if}
+	{:else if status === "error"}
+		<div class="clear-status">
+			<IconButton
+				Icon={Clear}
+				label={i18n("common.clear")}
+				disabled={false}
+				onclick={() => {
+					on_clear_status?.();
+				}}
+			/>
+		</div>
+		<span class="error">{i18n("common.error")}</span>
+		<slot name="error" />
+	{/if}
+</div>
+
+{#if show_cache_indicator}
+	<div
+		class="cache-indicator"
+		class:fade-out={cache_indicator_fading}
+		style:position={absolute ? "absolute" : "static"}
+	>
+		&#9889; {cache_indicator_label}: {#if show_cache_avg}~{cache_display_avg}s
+			&rarr;&nbsp;
+		{/if}{cache_display_time}s
+	</div>
+{/if}
+
+<style>
+	.wrap {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		z-index: var(--layer-3);
+		transition: opacity 0.1s ease-in-out;
+		border-radius: var(--block-radius);
+		background: var(--block-background-fill);
+		padding: 0 var(--size-6);
+		overflow: hidden;
+	}
+	.no-click {
+		pointer-events: none;
+	}
+
+	.wrap.center {
+		top: 0;
+		right: 0px;
+		left: 0px;
+	}
+
+	.wrap.default {
+		top: 0px;
+		right: 0px;
+		bottom: 0px;
+		left: 0px;
+	}
+
+	.hide {
+		opacity: 0;
+		pointer-events: none;
+	}
+
+	.generating {
+		animation:
+			pulseStart 1s cubic-bezier(0.4, 0, 0.6, 1),
+			pulse 2s cubic-bezier(0.4, 0, 0.6, 1) 1s infinite;
+		border: 2px solid var(--color-accent);
+		background: transparent;
+		z-index: var(--layer-1);
+		pointer-events: none;
+	}
+
+	.translucent {
+		background: none;
+	}
+
+	@keyframes pulseStart {
+		0% {
+			opacity: 0;
+		}
+		100% {
+			opacity: 1;
+		}
+	}
+
+	@keyframes pulse {
+		0%,
+		100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.5;
+		}
+	}
+
+	.loading {
+		z-index: var(--layer-2);
+		color: var(--body-text-color);
+	}
+	.eta-bar {
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		transform-origin: left;
+		opacity: 0.8;
+		z-index: var(--layer-1);
+		transition: 10ms;
+		background: var(--background-fill-secondary);
+	}
+	.progress-bar-wrap {
+		border: 1px solid var(--border-color-primary);
+		background: var(--background-fill-primary);
+		width: 55.5%;
+		height: var(--size-4);
+	}
+	.progress-bar {
+		transform-origin: left;
+		background-color: var(--loader-color);
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+
+	.progress-level {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		gap: 1;
+		z-index: var(--layer-2);
+		width: var(--size-full);
+	}
+
+	.progress-level-inner {
+		margin: var(--size-2) auto;
+		color: var(--body-text-color);
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+	}
+
+	.meta-text {
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		z-index: var(--layer-2);
+		padding: var(--size-1) var(--size-2);
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+	}
+
+	.meta-text-center {
+		display: flex;
+		position: absolute;
+		top: 0;
+		right: 0;
+		justify-content: center;
+		align-items: center;
+		transform: translateY(var(--size-6));
+		z-index: var(--layer-2);
+		padding: var(--size-1) var(--size-2);
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+		text-align: center;
+	}
+
+	.error {
+		box-shadow: var(--shadow-drop);
+		border: solid 1px var(--error-border-color);
+		border-radius: var(--radius-full);
+		background: var(--error-background-fill);
+		padding-right: var(--size-4);
+		padding-left: var(--size-4);
+		color: var(--error-text-color);
+		font-weight: var(--weight-semibold);
+		font-size: var(--text-lg);
+		line-height: var(--line-lg);
+		font-family: var(--font);
+	}
+
+	.validation-error {
+		pointer-events: auto;
+		color: var(--error-text-color);
+		font-weight: var(--weight-semibold);
+		font-size: var(--text-lg);
+		line-height: var(--line-lg);
+		font-family: var(--font);
+		position: absolute;
+		background: var(--error-background-fill);
+		top: 0;
+		right: 0;
+		z-index: var(--layer-3);
+		padding: var(--size-1) var(--size-2);
+		font-size: var(--text-md);
+		text-align: center;
+		border-bottom-left-radius: var(--radius-sm);
+		border-bottom: 1px solid var(--error-border-color);
+		border-left: 1px solid var(--error-border-color);
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		gap: var(--spacing-xl);
+	}
+
+	.minimal {
+		pointer-events: none;
+	}
+
+	.minimal .progress-text {
+		background: var(--block-background-fill);
+	}
+
+	.border {
+		border: 1px solid var(--border-color-primary);
+	}
+
+	.clear-status {
+		position: absolute;
+		display: flex;
+		top: var(--size-2);
+		right: var(--size-2);
+		justify-content: flex-end;
+		gap: var(--spacing-sm);
+		z-index: var(--layer-1);
+	}
+
+	.cache-indicator {
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		z-index: var(--layer-2);
+		padding: var(--size-1) var(--size-2);
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+		pointer-events: none;
+		background: var(--block-background-fill);
+		opacity: 1;
+		transition: opacity 0.5s ease-out;
+	}
+
+	.cache-indicator.fade-out {
+		opacity: 0;
+	}
+</style>
diff --git a/js/statustracker/static/index.ts b/js/statustracker/static/index.ts
new file mode 100644
index 0000000..e2512e8
--- /dev/null
+++ b/js/statustracker/static/index.ts
@@ -0,0 +1,12 @@
+export { default as StatusTracker } from "./index.svelte";
+export { default as Toast } from "./Toast.svelte";
+export { default as Loader } from "./Loader.svelte";
+export { default as StreamingBar } from "./StreamingBar.svelte";
+export type {
+	ILoadingStatus,
+	LoadingStatusCollection,
+	LoadingStatusArgs,
+	GroupedToastMessage,
+	ToastMessage
+} from "./types";
+export { default } from "./index.svelte";
diff --git a/js/statustracker/static/state.svelte.ts b/js/statustracker/static/state.svelte.ts
new file mode 100644
index 0000000..2a58f6c
--- /dev/null
+++ b/js/statustracker/static/state.svelte.ts
@@ -0,0 +1,166 @@
+import type { ILoadingStatus, LoadingStatusArgs } from "./types.js";
+
+export class LoadingStatus {
+	current: Record<string, ILoadingStatus> = {};
+	fn_outputs: Record<number, number[]> = {};
+	fn_inputs: Record<number, number[]> = {};
+	pending_outputs = new Map<number, number>();
+	fn_status: Record<number, ILoadingStatus["status"]> = {};
+	show_progress: Record<number, "full" | "minimal" | "hidden"> = {};
+	cache_event_id = 0;
+
+	register(
+		dependency_id: number,
+		outputs: number[],
+		inputs: number[],
+		show_progress: "full" | "minimal" | "hidden"
+	): void {
+		this.fn_outputs[dependency_id] = outputs;
+		this.fn_inputs[dependency_id] = inputs;
+		this.show_progress[dependency_id] = show_progress;
+	}
+
+	clear(id: number): void {
+		if (id in this.current) {
+			//@ts-ignore
+			this.current[id] = {};
+		}
+	}
+
+	update(args: LoadingStatusArgs): void {
+		for (const [id, current] of Object.entries(this.current)) {
+			if (current.fn_index !== args.fn_index) {
+				this.current[id] = {
+					...current,
+					used_cache: null,
+					cache_duration: null,
+					avg_time: null,
+					cache_event_id: null
+				};
+			}
+		}
+
+		const cache_event_id = args.used_cache ? ++this.cache_event_id : null;
+		const updates = this.resolve_args(args);
+
+		updates.forEach(
+			({
+				id,
+				queue_position,
+				queue_size,
+				eta,
+				status,
+				message,
+				progress,
+				stream_state,
+				time_limit,
+				type,
+				used_cache,
+				cache_duration,
+				avg_time
+			}) => {
+				this.current[id] = {
+					queue: args.queue || false,
+					queue_size: queue_size,
+					queue_position: queue_position,
+					eta: eta,
+					component_id: Number(id),
+					stream_state: stream_state,
+					message: message,
+					progress: progress || undefined,
+					status,
+					fn_index: args.fn_index,
+					time_limit,
+					type,
+					show_progress: this.show_progress[args.fn_index],
+					used_cache,
+					cache_duration,
+					avg_time,
+					cache_event_id
+				};
+			}
+		);
+	}
+
+	set_status(id: number, status: ILoadingStatus["status"]): void {
+		this.current[id].status = status;
+	}
+
+	resolve_args(args: LoadingStatusArgs) {
+		const {
+			fn_index,
+			status,
+			size = undefined,
+			position = null,
+			eta = null,
+			message = null,
+			stream_state = null,
+			time_limit = null,
+			progress_data = null,
+			used_cache = null,
+			cache_duration = null,
+			avg_time = null
+		} = args;
+
+		const outputs = this.fn_outputs[fn_index];
+		const last_status = this.fn_status[fn_index];
+		const inputs = this.fn_inputs[fn_index];
+
+		const all_ids = outputs.concat(inputs);
+
+		// from (pending -> error) | complete - decrement pending count
+		return all_ids
+			.map((id) => {
+				let new_status: ILoadingStatus["status"];
+
+				const pending_count = this.pending_outputs.get(id) || 0;
+
+				// from (pending -> error) | complete - decrement pending count
+				if (last_status === "pending" && status !== "pending") {
+					let new_count = pending_count - 1;
+
+					this.pending_outputs.set(id, new_count < 0 ? 0 : new_count);
+
+					new_status = new_count > 0 ? "pending" : status;
+
+					// from pending -> pending - do nothing
+				} else if (last_status === "pending" && status === "pending") {
+					new_status = "pending";
+
+					// (error | complete) -> pending - - increment pending count
+				} else if (last_status !== "pending" && status === "pending") {
+					new_status = "pending";
+					this.pending_outputs.set(id, pending_count + 1);
+				} else {
+					new_status = status;
+				}
+
+				// We update the status tracker only for input components of streaming events
+				// or for outputs of the dependency
+				const type = (
+					inputs.includes(id) && stream_state
+						? "input"
+						: outputs.includes(id)
+							? "output"
+							: "skip"
+				) as "input" | "output" | "skip";
+
+				return {
+					id,
+					queue_position: position,
+					queue_size: size,
+					eta: eta,
+					status: new_status,
+					message: message,
+					progress: progress_data,
+					stream_state: stream_state,
+					time_limit,
+					type: type,
+					used_cache,
+					cache_duration,
+					avg_time
+				};
+			})
+			.filter((update) => update.type !== "skip");
+	}
+}
diff --git a/js/statustracker/static/types.ts b/js/statustracker/static/types.ts
new file mode 100644
index 0000000..6d3874a
--- /dev/null
+++ b/js/statustracker/static/types.ts
@@ -0,0 +1,63 @@
+export interface ILoadingStatus {
+	eta: number | null;
+	status: "pending" | "error" | "complete" | "generating" | "streaming";
+	queue: boolean;
+	queue_position: number | null;
+	queue_size?: number;
+	component_id?: number;
+	fn_index: number;
+	message?: string | null;
+	scroll_to_output?: boolean;
+	show_progress?: "full" | "minimal" | "hidden";
+	time_limit?: number | null | undefined;
+	progress?: {
+		progress: number | null;
+		index: number | null;
+		length: number | null;
+		unit: string | null;
+		desc: string | null;
+	}[];
+	validation_error?: string | null;
+	type: "input" | "output" | "skip";
+	stream_state: "open" | "closed" | "waiting" | null;
+	used_cache?: "full" | "partial" | null;
+	cache_duration?: number | null;
+	avg_time?: number | null;
+	cache_event_id?: number | null;
+}
+
+export type LoadingStatusCollection = Record<number, ILoadingStatus>;
+
+export interface LoadingStatusArgs {
+	fn_index: ILoadingStatus["fn_index"];
+	status: ILoadingStatus["status"];
+	queue?: ILoadingStatus["queue"];
+	size?: ILoadingStatus["queue_size"];
+	position?: ILoadingStatus["queue_position"];
+	eta?: ILoadingStatus["eta"];
+	message?: ILoadingStatus["message"];
+	progress_data?: ILoadingStatus["progress"];
+	time_limit?: ILoadingStatus["time_limit"];
+	type?: "input" | "output" | "skip";
+	stream_state: "open" | "closed" | "waiting" | null;
+	validation_error?: string;
+	show_validation_error?: boolean;
+	used_cache?: "full" | "partial" | null;
+	cache_duration?: number | null;
+	avg_time?: number | null;
+}
+
+export interface ToastMessage {
+	type: "error" | "warning" | "info" | "success";
+	title: string;
+	message: string;
+	id: number;
+	duration: number | null;
+	visible: boolean;
+}
+
+export interface GroupedToastMessage {
+	type: "error" | "warning" | "info" | "success";
+	messages: ToastMessage[];
+	expanded: boolean;
+}
diff --git a/js/statustracker/static/utils.ts b/js/statustracker/static/utils.ts
new file mode 100644
index 0000000..c1e6754
--- /dev/null
+++ b/js/statustracker/static/utils.ts
@@ -0,0 +1,10 @@
+export function pretty_si(num: number): string {
+	let units = ["", "k", "M", "G", "T", "P", "E", "Z"];
+	let i = 0;
+	while (num > 1000 && i < units.length - 1) {
+		num /= 1000;
+		i++;
+	}
+	let unit = units[i];
+	return (Number.isInteger(num) ? num : num.toFixed(1)) + unit;
+}
diff --git a/js/storybook/CHANGELOG.md b/js/storybook/CHANGELOG.md
new file mode 100644
index 0000000..974d346
--- /dev/null
+++ b/js/storybook/CHANGELOG.md
@@ -0,0 +1,155 @@
+# @self/storybook
+
+## 0.11.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+## 0.10.0
+
+### Features
+
+- [#12683](https://github.com/gradio-app/gradio/pull/12683) [`0cfaef9`](https://github.com/gradio-app/gradio/commit/0cfaef91c3b80b646556581a7380bfd63a516884) - Upgrade to Storybook 10.  Thanks @hannahblair!
+
+## 0.9.1
+
+### Fixes
+
+- [#11964](https://github.com/gradio-app/gradio/pull/11964) [`86e6176`](https://github.com/gradio-app/gradio/commit/86e61763a14c745f7eb0ce35b861ea2be2336a15) - Add dark mode to storybook.  Thanks @hannahblair!
+
+## 0.9.0
+
+### Features
+
+- [#11833](https://github.com/gradio-app/gradio/pull/11833) [`a446fcb`](https://github.com/gradio-app/gradio/commit/a446fcba6f3fe59c32194beb7f27fb6f80b61347) - Add gr.Navbar component for multipage apps.  Thanks @abidlabs!
+
+## 0.8.2
+
+### Fixes
+
+- [#11049](https://github.com/gradio-app/gradio/pull/11049) [`8d2aa3e`](https://github.com/gradio-app/gradio/commit/8d2aa3e99e165413bae1d8f5f3b4630e870308f5) - Ensure translations work as expected.  Thanks @hannahblair!
+
+## 0.8.1
+
+### Features
+
+- [#10446](https://github.com/gradio-app/gradio/pull/10446) [`2cf449a`](https://github.com/gradio-app/gradio/commit/2cf449abb38815bb3414ac9bee1535f5f0f834ae) - Add more ImageEditor js tests.  Thanks @freddyaboulton!
+
+## 0.8.0
+
+### Features
+
+- [#9794](https://github.com/gradio-app/gradio/pull/9794) [`70bda3b`](https://github.com/gradio-app/gradio/commit/70bda3bb187a7219f4707344cf47edd0a021da19) - fix storybook build.  Thanks @pngwn!
+
+## 0.7.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 🔡 Update default core Gradio font
+
+## 0.7.0-beta.1
+
+### Features
+
+- [#9204](https://github.com/gradio-app/gradio/pull/9204) [`3c73f00`](https://github.com/gradio-app/gradio/commit/3c73f00e3016b16917ebfe0bad390f2dff683457) - 🔡 Update default core Gradio font.  Thanks @hannahblair!
+
+## 0.6.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 0.6.1
+
+### Features
+
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Fixes
+
+- [#9116](https://github.com/gradio-app/gradio/pull/9116) [`ba6322e`](https://github.com/gradio-app/gradio/commit/ba6322ec2bb975f15389fe0700816bf671c6819d) - Fix image height content fit.  Thanks @hannahblair!
+
+## 0.6.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+## 0.5.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+## 0.4.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+## 0.3.1
+
+### Features
+
+- [#7743](https://github.com/gradio-app/gradio/pull/7743) [`a2badf1`](https://github.com/gradio-app/gradio/commit/a2badf151e3f4b1b5ac80621ee189870a71893c5) - Migrate to Storybook 8.  Thanks @hannahblair!
+
+## 0.3.0
+
+### Features
+
+- [#7222](https://github.com/gradio-app/gradio/pull/7222) [`5181957`](https://github.com/gradio-app/gradio/commit/51819577068addde8fab1f4d4cfe691f20396f3f) - Add mobile Chromatic tests.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#6451](https://github.com/gradio-app/gradio/pull/6451) [`d92de491b`](https://github.com/gradio-app/gradio/commit/d92de491bf2fbdbbb57fe5bc23165c4933afe182) - Optimise Chromatic workflow.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.0
+
+### Features
+
+- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6089](https://github.com/gradio-app/gradio/pull/6089) [`cd8146ba0`](https://github.com/gradio-app/gradio/commit/cd8146ba053fbcb56cf5052e658e4570d457fb8a) - Update logos for v4.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+### Fixes
+
+- [#6065](https://github.com/gradio-app/gradio/pull/6065) [`7d07001e8`](https://github.com/gradio-app/gradio/commit/7d07001e8e7ca9cbd2251632667b3a043de49f49) - fix storybook.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests.  Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/storybook/Introduction.mdx b/js/storybook/Introduction.mdx
new file mode 100644
index 0000000..3153af9
--- /dev/null
+++ b/js/storybook/Introduction.mdx
@@ -0,0 +1,67 @@
+import { Meta } from "@storybook/addon-docs/blocks";
+
+<Meta title="Introduction" />
+
+<style>
+	{`
+    img {
+      margin: 1rem;
+      display: flex;
+      justify-content: left;
+
+      @media (max-width: 600px) {
+        width: 200px;
+      }
+    }
+
+    .container {
+      margin: 0 auto;
+      padding: 0 1rem;
+    }
+
+    .heading {
+      font-size: 2rem;
+      margin: 0 auto;
+    }
+
+    .subheading {
+      font-size: 1rem;
+      margin: 1rem auto;
+    }
+
+    ul {
+      list-style: none;
+      padding-left: 0;
+      margin: 0;
+    }
+
+    li a {
+      color: #ff7c01 !important;
+    }
+  `}
+</style>
+
+<img src="./gradio.svg" alt="Gradio Logo" />
+<div class="container">
+
+<div class="heading">Welcome to the Gradio Storybook</div>
+
+This is Gradio's component library. It is a collection of reusable components that are used to build Gradio interfaces.
+Here you'll find documentation for each component, the props they take, and the visual variations they have, as well as some examples of how they can be used.
+This is still a work in progress and we welcome any contributions.
+
+<div class="divider" />
+
+<div class="subheading">Resources</div>
+<ul>
+
+  <li><a href="https://gradio.app">Documentation</a></li>
+  <li><a href="https://gradio.app/guides/">Guides</a></li>
+  <li><a href="https://github.com/gradio-app/gradio">GitHub</a></li>
+  <li><a href="https://discord.com/invite/feTf9x3ZSB">Discord</a></li>
+  <li><a href="https://discuss.huggingface.co/c/gradio/26">Hugging Face Forum</a></li>
+</ul>
+
+<div class="subheading">Feedback</div>
+If you have any questions, issues, or feedback on our components, please refer to our Discord or raise an issue in our GitHub repo. 
+</div>
diff --git a/js/storybook/ie_automation.js b/js/storybook/ie_automation.js
new file mode 100644
index 0000000..d92284c
--- /dev/null
+++ b/js/storybook/ie_automation.js
@@ -0,0 +1,52 @@
+import { chromium } from "playwright";
+
+(async () => {
+	const browser = await chromium.launch({ headless: true });
+	const page = await browser.newPage();
+
+	await page.goto("http://localhost:7860");
+
+	await page.getByLabel("Show Layers").click();
+	await page.waitForTimeout(500);
+
+	await page.getByLabel("layer-1").click();
+	await page.waitForTimeout(500);
+
+	const draw_button = page.getByLabel("Draw button").first();
+	await draw_button.click();
+
+	await page.mouse.move(300, 100);
+	await page.mouse.down();
+	await page.mouse.move(300, 300);
+	await page.waitForTimeout(300);
+
+	await page.mouse.move(100, 100);
+	await page.mouse.down();
+	await page.waitForTimeout(500);
+	await page.mouse.up();
+
+	await draw_button.click();
+	await page.waitForTimeout(300);
+	const color = page.locator("menu > button").nth(1);
+	await color.click();
+	await page.mouse.move(300, 100);
+	await page.mouse.down();
+	await page.mouse.move(100, 100);
+
+	await page.getByLabel("Transform button").click();
+	await page.waitForTimeout(300);
+	const right_handle = page.locator(".handle.corner.r");
+	const rectangle = await right_handle.boundingBox();
+
+	//@ts-ignore
+	await page.mouse.move(rectangle.x, rectangle.y);
+	await page.mouse.down();
+	//@ts-ignore
+	await page.mouse.move(rectangle.x - 100, rectangle.y, { steps: 25 });
+	await page.mouse.up();
+	await page.waitForTimeout(500);
+
+	await page.getByRole("button", { name: "Get" }).click();
+	await page.waitForTimeout(7000);
+	await browser.close();
+})();
diff --git a/js/storybook/manager.js b/js/storybook/manager.js
new file mode 100644
index 0000000..2da8b14
--- /dev/null
+++ b/js/storybook/manager.js
@@ -0,0 +1,6 @@
+import { addons } from "storybook/manager-api";
+import gradioTheme from "./themeLight";
+
+addons.setConfig({
+	theme: gradioTheme
+});
diff --git a/js/storybook/modes.js b/js/storybook/modes.js
new file mode 100644
index 0000000..6bde617
--- /dev/null
+++ b/js/storybook/modes.js
@@ -0,0 +1,11 @@
+export const allModes = {
+	mobile: {
+		viewport: "mobile"
+	},
+	tablet: {
+		viewport: "tablet"
+	},
+	desktop: {
+		viewport: "desktop"
+	}
+};
diff --git a/js/storybook/package.json b/js/storybook/package.json
new file mode 100644
index 0000000..121ba0a
--- /dev/null
+++ b/js/storybook/package.json
@@ -0,0 +1,12 @@
+{
+	"name": "@self/storybook",
+	"version": "0.11.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": true,
+	"dependencies": {
+		"storybook-dark-mode": "^4.0.2"
+	}
+}
diff --git a/js/storybook/public/HF_logo.svg b/js/storybook/public/HF_logo.svg
new file mode 100644
index 0000000..ef36d62
--- /dev/null
+++ b/js/storybook/public/HF_logo.svg
@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+	width="95"
+	height="88"
+	viewBox="0 0 95 88"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<path
+		d="M47.2119 76.5C66.4037 76.5 81.9619 60.9419 81.9619 41.75C81.9619 22.5581 66.4037 7 47.2119 7C28.02 7 12.4619 22.5581 12.4619 41.75C12.4619 60.9419 28.02 76.5 47.2119 76.5Z"
+		fill="#FFD21E"
+	/>
+	<path
+		d="M81.9619 41.75C81.9619 22.5581 66.4037 7 47.2119 7C28.02 7 12.4619 22.5581 12.4619 41.75C12.4619 60.9419 28.02 76.5 47.2119 76.5C66.4037 76.5 81.9619 60.9419 81.9619 41.75ZM8.46185 41.75C8.46185 20.349 25.8108 3 47.2119 3C68.6129 3 85.9619 20.349 85.9619 41.75C85.9619 63.151 68.6129 80.5 47.2119 80.5C25.8108 80.5 8.46185 63.151 8.46185 41.75Z"
+		fill="#FF9D0B"
+	/>
+	<path
+		d="M58.5024 32.2915C59.7768 32.7415 60.2839 35.3615 61.5713 34.6769C64.0095 33.3805 64.9351 30.353 63.6387 27.9148C62.3423 25.4767 59.3148 24.5511 56.8766 25.8475C54.4384 27.1439 53.5128 30.1714 54.8092 32.6096C55.4211 33.7604 57.3632 31.8892 58.5024 32.2915Z"
+		fill="#3A3B45"
+	/>
+	<path
+		d="M34.9454 32.2915C33.671 32.7415 33.164 35.3615 31.8766 34.6769C29.4384 33.3805 28.5128 30.353 29.8092 27.9148C31.1056 25.4767 34.1331 24.5511 36.5713 25.8475C39.0095 27.1439 39.9351 30.1714 38.6387 32.6096C38.0268 33.7604 36.0846 31.8892 34.9454 32.2915Z"
+		fill="#3A3B45"
+	/>
+	<path
+		d="M46.9619 56.289C56.7903 56.289 59.9619 47.5261 59.9619 43.0262C59.9619 40.6875 58.3898 41.4236 55.8718 42.6702C53.5449 43.8222 50.4102 45.4101 46.9619 45.4101C39.7822 45.4101 33.9619 38.5263 33.9619 43.0262C33.9619 47.5261 37.1334 56.289 46.9619 56.289Z"
+		fill="#3A3B45"
+	/>
+	<mask
+		id="mask0"
+		mask-type="alpha"
+		maskUnits="userSpaceOnUse"
+		x="33"
+		y="41"
+		width="27"
+		height="16"
+	>
+		<path
+			d="M46.9619 56.289C56.7903 56.289 59.9619 47.5261 59.9619 43.0262C59.9619 40.6875 58.3898 41.4236 55.8718 42.6702C53.5449 43.8222 50.4102 45.4101 46.9619 45.4101C39.7822 45.4101 33.9619 38.5263 33.9619 43.0262C33.9619 47.5261 37.1334 56.289 46.9619 56.289Z"
+			fill="white"
+		/>
+	</mask>
+	<g mask="url(#mask0)">
+		<path
+			d="M47.2119 66.5C52.0018 66.5 55.8848 62.617 55.8848 57.8271C55.8848 54.0962 53.5291 50.9156 50.224 49.6915C50.1023 49.6464 49.9794 49.604 49.8553 49.5643C49.0219 49.2979 48.1337 52.1623 47.2119 52.1623C46.3506 52.1623 45.5186 49.2797 44.7332 49.5135C41.151 50.5799 38.5389 53.8984 38.5389 57.8271C38.5389 62.617 42.4219 66.5 47.2119 66.5Z"
+			fill="#F94040"
+		/>
+	</g>
+	<path
+		d="M70.7119 37C72.5068 37 73.9619 35.5449 73.9619 33.75C73.9619 31.9551 72.5068 30.5 70.7119 30.5C68.9169 30.5 67.4619 31.9551 67.4619 33.75C67.4619 35.5449 68.9169 37 70.7119 37Z"
+		fill="#FF9D0B"
+	/>
+	<path
+		d="M24.2119 37C26.0068 37 27.4619 35.5449 27.4619 33.75C27.4619 31.9551 26.0068 30.5 24.2119 30.5C22.4169 30.5 20.9619 31.9551 20.9619 33.75C20.9619 35.5449 22.4169 37 24.2119 37Z"
+		fill="#FF9D0B"
+	/>
+	<path
+		d="M17.5238 48C15.9048 48 14.4578 48.665 13.4488 49.871C12.8248 50.618 12.1728 51.822 12.1198 53.625C11.4408 53.43 10.7878 53.321 10.1778 53.321C8.6278 53.321 7.2278 53.915 6.2378 54.994C4.9658 56.379 4.4008 58.081 4.6468 59.784C4.7638 60.595 5.0348 61.322 5.4398 61.995C4.5858 62.686 3.9568 63.648 3.6528 64.805C3.4148 65.712 3.1708 67.601 4.4448 69.547C4.3638 69.674 4.2878 69.806 4.2168 69.941C3.4508 71.395 3.4018 73.038 4.0778 74.568C5.1028 76.887 7.6498 78.714 12.5958 80.675C15.6728 81.895 18.4878 82.675 18.5128 82.682C22.5808 83.737 26.2598 84.273 29.4448 84.273C35.2988 84.273 39.4898 82.48 41.9018 78.944C45.7838 73.25 45.2288 68.042 40.2058 63.022C37.4258 60.244 35.5778 56.148 35.1928 55.249C34.4168 52.587 32.3648 49.628 28.9538 49.628H28.9528C28.6658 49.628 28.3758 49.651 28.0898 49.696C26.5958 49.931 25.2898 50.791 24.3568 52.085C23.3498 50.833 22.3718 49.837 21.4868 49.275C20.1528 48.429 18.8198 48 17.5238 48ZM17.5238 52C18.0338 52 18.6568 52.217 19.3438 52.653C21.4768 54.006 25.5928 61.081 27.0998 63.833C27.6048 64.755 28.4678 65.145 29.2448 65.145C30.7868 65.145 31.9908 63.612 29.3858 61.664C25.4688 58.733 26.8428 53.942 28.7128 53.647C28.7948 53.634 28.8758 53.628 28.9538 53.628C30.6538 53.628 31.4038 56.558 31.4038 56.558C31.4038 56.558 33.6018 62.078 37.3778 65.851C41.1538 69.625 41.3488 72.654 38.5968 76.69C36.7198 79.442 33.1268 80.273 29.4448 80.273C25.6258 80.273 21.7108 79.379 19.5168 78.81C19.4088 78.782 6.0658 75.013 7.7558 71.805C8.0398 71.266 8.5078 71.05 9.0968 71.05C11.4768 71.05 15.8058 74.592 17.6668 74.592C18.0828 74.592 18.3758 74.415 18.4958 73.983C19.2888 71.138 6.4388 69.942 7.5218 65.821C7.7128 65.092 8.2308 64.796 8.9588 64.797C12.1038 64.797 19.1598 70.328 20.6388 70.328C20.7518 70.328 20.8328 70.295 20.8768 70.225C21.6178 69.029 21.2118 68.194 15.9888 65.033C10.7658 61.871 7.0998 59.969 9.1848 57.699C9.4248 57.437 9.7648 57.321 10.1778 57.321C13.3488 57.322 20.8408 64.14 20.8408 64.14C20.8408 64.14 22.8628 66.243 24.0858 66.243C24.3668 66.243 24.6058 66.132 24.7678 65.858C25.6348 64.396 16.7148 57.636 16.2118 54.847C15.8708 52.957 16.4508 52 17.5238 52Z"
+		fill="#FF9D0B"
+	/>
+	<path
+		d="M38.5967 76.6898C41.3487 72.6538 41.1537 69.6248 37.3777 65.8508C33.6017 62.0778 31.4037 56.5578 31.4037 56.5578C31.4037 56.5578 30.5827 53.3518 28.7127 53.6468C26.8427 53.9418 25.4697 58.7328 29.3867 61.6638C33.3037 64.5938 28.6067 66.5848 27.0997 63.8328C25.5927 61.0808 21.4777 54.0058 19.3437 52.6528C17.2107 51.2998 15.7087 52.0578 16.2117 54.8468C16.7147 57.6358 25.6357 64.3958 24.7677 65.8588C23.8997 67.3208 20.8407 64.1398 20.8407 64.1398C20.8407 64.1398 11.2687 55.4288 9.18465 57.6988C7.10065 59.9688 10.7657 61.8708 15.9887 65.0328C21.2127 68.1938 21.6177 69.0288 20.8767 70.2248C20.1347 71.4208 8.60465 61.6998 7.52165 65.8208C6.43965 69.9418 19.2887 71.1378 18.4957 73.9828C17.7027 76.8288 9.44465 68.5978 7.75565 71.8048C6.06565 75.0128 19.4087 78.7818 19.5167 78.8098C23.8267 79.9278 34.7727 82.2968 38.5967 76.6898Z"
+		fill="#FFD21E"
+	/>
+	<path
+		d="M77.3999 48C79.0189 48 80.4659 48.665 81.4749 49.871C82.0989 50.618 82.7509 51.822 82.8039 53.625C83.4829 53.43 84.1359 53.321 84.7459 53.321C86.2959 53.321 87.6959 53.915 88.6859 54.994C89.9579 56.379 90.5229 58.081 90.2769 59.784C90.1599 60.595 89.8889 61.322 89.4839 61.995C90.3379 62.686 90.9669 63.648 91.2709 64.805C91.5089 65.712 91.7529 67.601 90.4789 69.547C90.5599 69.674 90.6359 69.806 90.7069 69.941C91.4729 71.395 91.5219 73.038 90.8459 74.568C89.8209 76.887 87.2739 78.714 82.3279 80.675C79.2509 81.895 76.4359 82.675 76.4109 82.682C72.3429 83.737 68.6639 84.273 65.4789 84.273C59.6249 84.273 55.4339 82.48 53.0219 78.944C49.1399 73.25 49.6949 68.042 54.7179 63.022C57.4979 60.244 59.3459 56.148 59.7309 55.249C60.5069 52.587 62.5589 49.628 65.9699 49.628H65.9709C66.2579 49.628 66.5479 49.651 66.8339 49.696C68.3279 49.931 69.6339 50.791 70.5669 52.085C71.5739 50.833 72.5519 49.837 73.4369 49.275C74.7709 48.429 76.1039 48 77.3999 48ZM77.3999 52C76.8899 52 76.2669 52.217 75.5799 52.653C73.4469 54.006 69.3309 61.081 67.8239 63.833C67.3189 64.755 66.4559 65.145 65.6789 65.145C64.1369 65.145 62.9329 63.612 65.5379 61.664C69.4549 58.733 68.0809 53.942 66.2109 53.647C66.1289 53.634 66.0479 53.628 65.9699 53.628C64.2699 53.628 63.5199 56.558 63.5199 56.558C63.5199 56.558 61.3219 62.078 57.5459 65.851C53.7699 69.625 53.5749 72.654 56.3269 76.69C58.2039 79.442 61.7969 80.273 65.4789 80.273C69.2979 80.273 73.2129 79.379 75.4069 78.81C75.5149 78.782 88.8579 75.013 87.1679 71.805C86.8839 71.266 86.4159 71.05 85.8269 71.05C83.4469 71.05 79.1179 74.592 77.2569 74.592C76.8409 74.592 76.5479 74.415 76.4279 73.983C75.6349 71.138 88.4849 69.942 87.4019 65.821C87.2109 65.092 86.6929 64.796 85.9649 64.797C82.8199 64.797 75.7639 70.328 74.2849 70.328C74.1719 70.328 74.0909 70.295 74.0469 70.225C73.3059 69.029 73.7119 68.194 78.9349 65.033C84.1579 61.871 87.8239 59.969 85.7389 57.699C85.4989 57.437 85.1589 57.321 84.7459 57.321C81.5749 57.322 74.0829 64.14 74.0829 64.14C74.0829 64.14 72.0609 66.243 70.8379 66.243C70.5569 66.243 70.3179 66.132 70.1559 65.858C69.2889 64.396 78.2089 57.636 78.7119 54.847C79.0529 52.957 78.4729 52 77.3999 52Z"
+		fill="#FF9D0B"
+	/>
+	<path
+		d="M56.3271 76.6898C53.5751 72.6538 53.7701 69.6248 57.5461 65.8508C61.3221 62.0778 63.5201 56.5578 63.5201 56.5578C63.5201 56.5578 64.3411 53.3518 66.2111 53.6468C68.0811 53.9418 69.4541 58.7328 65.5371 61.6638C61.6201 64.5938 66.3171 66.5848 67.8241 63.8328C69.3311 61.0808 73.4461 54.0058 75.5801 52.6528C77.7131 51.2998 79.2151 52.0578 78.7121 54.8468C78.2091 57.6358 69.2881 64.3958 70.1561 65.8588C71.0241 67.3208 74.0831 64.1398 74.0831 64.1398C74.0831 64.1398 83.6551 55.4288 85.7391 57.6988C87.8231 59.9688 84.1581 61.8708 78.9351 65.0328C73.7111 68.1938 73.3061 69.0288 74.0471 70.2248C74.7891 71.4208 86.3191 61.6998 87.4021 65.8208C88.4841 69.9418 75.6351 71.1378 76.4281 73.9828C77.2211 76.8288 85.4791 68.5978 87.1681 71.8048C88.8581 75.0128 75.5151 78.7818 75.4071 78.8098C71.0971 79.9278 60.1511 82.2968 56.3271 76.6898Z"
+		fill="#FFD21E"
+	/>
+</svg>
diff --git a/js/storybook/public/gradio-dark.svg b/js/storybook/public/gradio-dark.svg
new file mode 100644
index 0000000..9ad96d1
--- /dev/null
+++ b/js/storybook/public/gradio-dark.svg
@@ -0,0 +1,20 @@
+<svg width="2016" height="703" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#ffffff"/>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/storybook/public/gradio.svg b/js/storybook/public/gradio.svg
new file mode 100644
index 0000000..ff8df41
--- /dev/null
+++ b/js/storybook/public/gradio.svg
@@ -0,0 +1,20 @@
+<svg width="2016" height="703" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#232D36"/>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/js/storybook/test_files/image_100x100.webp b/js/storybook/test_files/image_100x100.webp
new file mode 100644
index 0000000..02ff163
Binary files /dev/null and b/js/storybook/test_files/image_100x100.webp differ
diff --git a/js/storybook/test_files/image_100x1000.webp b/js/storybook/test_files/image_100x1000.webp
new file mode 100644
index 0000000..7f69616
Binary files /dev/null and b/js/storybook/test_files/image_100x1000.webp differ
diff --git a/js/storybook/themeDark.js b/js/storybook/themeDark.js
new file mode 100644
index 0000000..4b5f82b
--- /dev/null
+++ b/js/storybook/themeDark.js
@@ -0,0 +1,13 @@
+import { create } from "storybook/theming/create";
+import LogoDark from "./public/gradio-dark.svg";
+
+export default create({
+	base: "dark",
+	brandTitle: "Gradio Storybook",
+	brandUrl: "https://gradio.app",
+	brandImage: LogoDark,
+	brandTarget: "_blank",
+
+	fontBase: '"IBM Plex Sans", sans-serif',
+	fontCode: "monospace"
+});
diff --git a/js/storybook/themeLight.js b/js/storybook/themeLight.js
new file mode 100644
index 0000000..bebd0cb
--- /dev/null
+++ b/js/storybook/themeLight.js
@@ -0,0 +1,13 @@
+import { create } from "storybook/theming/create";
+import Logo from "./public/gradio.svg";
+
+export default create({
+	base: "light",
+	brandTitle: "Gradio Storybook",
+	brandUrl: "https://gradio.app",
+	brandImage: Logo,
+	brandTarget: "_blank",
+
+	fontBase: '"IBM Plex Sans", sans-serif',
+	fontCode: "monospace"
+});
diff --git a/js/storybook/wrapProps.js b/js/storybook/wrapProps.js
new file mode 100644
index 0000000..ea9a6e0
--- /dev/null
+++ b/js/storybook/wrapProps.js
@@ -0,0 +1,62 @@
+import { format } from "svelte-i18n";
+import { get } from "svelte/store";
+
+/**
+ * Helper to wrap props in the format Gradio components expect.
+ * Provides mock shared_props and formats component props for Storybook stories.
+ * @param {Record<string, any>} componentProps
+ */
+export function wrapProps(componentProps) {
+	/** @param {string} s */
+	const i18nFormatter = (s) => {
+		if (!s) return "";
+		const formatFn = get(format);
+		return formatFn(s);
+	};
+	return {
+		shared_props: {
+			id: Math.floor(Math.random() * 1000000),
+			theme_mode: "light",
+			version: "5.0.0",
+			formatter: i18nFormatter,
+			client: {
+				upload: () => Promise.resolve([]),
+				fetch
+			},
+			load_component: () => Promise.resolve({ default: {} }),
+			show_progress: "full",
+			api_prefix: "",
+			root: "",
+			visible: componentProps.visible ?? true,
+			interactive: componentProps.interactive ?? true,
+			show_label: componentProps.show_label ?? true,
+			label: componentProps.label ?? "",
+			container: true,
+			scale: componentProps.scale ?? null,
+			min_width: componentProps.min_width ?? 0,
+			elem_id: componentProps.elem_id ?? undefined,
+			elem_classes: componentProps.elem_classes ?? [],
+			autoscroll: false,
+			max_file_size: null,
+			attached_events: [],
+			server: {
+				accept_blobs: () => {}
+			},
+			loading_status: {
+				eta: 0,
+				queue_position: 1,
+				queue_size: 1,
+				status: "complete",
+				scroll_to_output: false,
+				visible: true,
+				fn_index: 0,
+				show_progress: "full"
+			}
+		},
+		props: {
+			...componentProps,
+			i18n: i18nFormatter,
+			__GRADIO_BROWSER_TEST__: true
+		}
+	};
+}
diff --git a/js/tabitem/CHANGELOG.md b/js/tabitem/CHANGELOG.md
new file mode 100644
index 0000000..3f1dbea
--- /dev/null
+++ b/js/tabitem/CHANGELOG.md
@@ -0,0 +1,675 @@
+# @gradio/tabitem
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/tabs@0.9.0
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+- @gradio/column@0.4.0
+- @gradio/tabs@0.8.0
+
+## 0.8.0
+
+### Features
+
+- [#13509](https://github.com/gradio-app/gradio/pull/13509) [`dcd072c`](https://github.com/gradio-app/gradio/commit/dcd072cd57f09ffd2dc5f97ae6afc505894824a6) - Migrate Chatbot, Tabs, TabItem to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/tabs@0.7.0
+
+## 0.7.0
+
+### Features
+
+- [#13467](https://github.com/gradio-app/gradio/pull/13467) [`feba2e1`](https://github.com/gradio-app/gradio/commit/feba2e1e41c68f4bbdacf4c963d8d9689d4b3346) - `Tab`, `TabItem`, `Plot` Unit tests.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/tabs@0.6.0
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/tabs@0.5.10
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/column@0.3.3
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/tabs@0.5.9
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/column@0.3.2
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/tabs@0.5.8
+- @gradio/utils@0.12.0
+- @gradio/column@0.3.2
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/tabs@0.5.7
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/tabs@0.5.6
+
+## 0.6.5
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/tabs@0.5.5
+- @gradio/column@0.3.2
+- @gradio/utils@0.11.2
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/column@0.3.1
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/column@0.3.0
+- @gradio/tabs@0.5.4
+
+## 0.6.3
+
+### Fixes
+
+- [#12491](https://github.com/gradio-app/gradio/pull/12491) [`4f6327b`](https://github.com/gradio-app/gradio/commit/4f6327be6815fc8d574b60272b02915c75359ace) - Load visible components in 6.0.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/tabs@0.5.3
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.6.2
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/column@0.3.0
+- @gradio/tabs@0.5.2
+- @gradio/utils@0.10.3
+
+## 0.6.2-dev.0
+
+### Dependency updates
+
+- @gradio/tabs@0.5.2-dev.0
+- @gradio/column@0.2.2
+
+## 0.6.2-dev.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/column@0.2.2
+- @gradio/tabs@0.5.2-dev.0
+
+## 0.6.1
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/tabs@0.5.1
+- @gradio/column@0.2.2
+
+## 0.6.0
+
+### Features
+
+- [#11783](https://github.com/gradio-app/gradio/pull/11783) [`f407daf`](https://github.com/gradio-app/gradio/commit/f407daf8046f37e042ab8b86730ff0ab8d174bcf) - Add Walkthrough and Step compoents to facilitate multi-step workflows.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/tabs@0.5.0
+- @gradio/column@0.2.1
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/column@0.2.1
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/column@0.2.1
+
+## 0.5.0
+
+### Dependency updates
+
+- @gradio/column@0.2.1
+
+## 0.5.0
+
+### Features
+
+- [#11427](https://github.com/gradio-app/gradio/pull/11427) [`6b2bcd0`](https://github.com/gradio-app/gradio/commit/6b2bcd097ae5ef999a7fb273ecf7c7e4c0eab305) - Improve load times of the Gradio front-end.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/column@0.2.1
+- @gradio/tabs@0.4.5
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/column@0.2.1
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/tabs@0.4.5
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/tabs@0.4.5
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/tabs@0.4.4
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/tabs@0.4.3
+- @gradio/utils@0.10.2
+- @gradio/column@0.2.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/tabs@0.4.2
+- @gradio/utils@0.10.1
+- @gradio/column@0.2.0
+
+## 0.4.1
+
+### Fixes
+
+- [#10372](https://github.com/gradio-app/gradio/pull/10372) [`96bbde2`](https://github.com/gradio-app/gradio/commit/96bbde277e059f79bb2c9898576050e84dab147a) - Allow propogation of fill_height through Rows and Tabs, via scale.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/tabs@0.4.1
+- @gradio/column@0.2.0
+
+## 0.4.0
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.4.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/tabs@0.4.0
+- @gradio/column@0.2.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/tabs@0.3.5
+- @gradio/utils@0.9.0
+- @gradio/column@0.2.0
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/tabs@0.3.4
+- @gradio/utils@0.8.0
+- @gradio/column@0.2.0
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.3.3
+
+### Dependency updates
+
+- @gradio/tabs@0.3.3
+- @gradio/column@0.2.0
+
+## 0.3.2
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/tabs@0.3.2
+- @gradio/column@0.2.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+- @gradio/tabs@0.3.1
+
+## 0.3.0
+
+### Dependency updates
+
+- @gradio/column@0.2.0
+
+## 0.3.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Playground requirements tab
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Redesign `gr.Tabs()`
+
+### Dependencies
+
+- @gradio/column@0.2.0
+- @gradio/tabs@0.3.0
+- @gradio/utils@0.7.0
+
+## 0.3.0-beta.4
+
+### Dependency updates
+
+- @gradio/tabs@0.3.0-beta.3
+- @gradio/column@0.2.0-beta.2
+
+## 0.3.0-beta.4
+
+### Dependency updates
+
+- @gradio/column@0.2.0-beta.2
+
+## 0.3.0-beta.3
+
+### Features
+
+- [#9460](https://github.com/gradio-app/gradio/pull/9460) [`7352a89`](https://github.com/gradio-app/gradio/commit/7352a89722da91461c32fd33588531f3edce9c48) - Playground requirements tab.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/tabs@0.3.0-beta.3
+- @gradio/column@0.2.0-beta.1
+
+## 0.3.0-beta.2
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.2
+- @gradio/column@0.2.0-beta.0
+- @gradio/tabs@0.3.0-beta.2
+
+## 0.3.0-beta.1
+
+### Features
+
+- [#9199](https://github.com/gradio-app/gradio/pull/9199) [`3175c7a`](https://github.com/gradio-app/gradio/commit/3175c7aebc6ad2466d31d6949580f5a3cb4cd698) - Redesign `gr.Tabs()`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.1
+- @gradio/tabs@0.3.0-beta.1
+- @gradio/column@0.2.0-beta.0
+
+## 0.2.15
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/column@0.1.4
+- @gradio/tabs@0.2.14
+
+## 0.2.14
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/column@0.1.3
+- @gradio/tabs@0.2.13
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/column@0.1.2
+
+## 0.2.13
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+- @gradio/column@0.1.2
+- @gradio/tabs@0.2.12
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/column@0.1.2
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/column@0.1.2
+- @gradio/tabs@0.2.11
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/column@0.1.2
+- @gradio/tabs@0.2.10
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/column@0.1.2
+- @gradio/tabs@0.2.9
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/column@0.1.2
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/tabs@0.2.9
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/utils@0.4.1
+- @gradio/column@0.1.1
+- @gradio/tabs@0.2.8
+
+## 0.2.7
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/column@0.1.1
+- @gradio/tabs@0.2.7
+- @gradio/utils@0.4.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/tabs@0.2.6
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/tabs@0.2.5
+
+## 0.2.4
+
+### Patch Changes
+
+- Updated dependencies [[`ba3ec13`](https://github.com/gradio-app/gradio/commit/ba3ec1300e81e64be7389d759b89284c66473158)]:
+  - @gradio/tabs@0.2.4
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/tabs@0.2.3
+
+## 0.2.2
+
+### Fixes
+
+- [#7220](https://github.com/gradio-app/gradio/pull/7220) [`3b8dfc6`](https://github.com/gradio-app/gradio/commit/3b8dfc684dc0eb0544d06300fa546b23f587c63f) - Add `visible` check to Tab. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`80f8fbf`](https://github.com/gradio-app/gradio/commit/80f8fbf0e8900627b9c2575bbd7c68fad8108544)]:
+  - @gradio/utils@0.2.1
+  - @gradio/tabs@0.2.1
+
+## 0.2.0
+
+### Features
+
+- [#7018](https://github.com/gradio-app/gradio/pull/7018) [`ec28b4e`](https://github.com/gradio-app/gradio/commit/ec28b4e7c47a9233d9e3a725cc9fe8f9044dfa94) - Add `visible` and `interactive` params to `gr.Tab()`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.8
+
+### Patch Changes
+
+- Updated dependencies [[`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a)]:
+  - @gradio/utils@0.2.0-beta.6
+  - @gradio/tabs@0.1.0-beta.8
+
+## 0.1.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/tabs@0.0.7
+
+## 0.0.5
+
+### Features
+
+- [#5590](https://github.com/gradio-app/gradio/pull/5590) [`d1ad1f671`](https://github.com/gradio-app/gradio/commit/d1ad1f671caef9f226eb3965f39164c256d8615c) - Attach `elem_classes` selectors to layout elements, and an id to the Tab button (for targeting via CSS/JS). Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.1
+  - @gradio/tabs@0.0.5
+
+## 0.0.3
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+  - @gradio/tabs@0.0.4
+
+## 0.0.2
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/tabitem/Index.svelte b/js/tabitem/Index.svelte
new file mode 100644
index 0000000..8b9c323
--- /dev/null
+++ b/js/tabitem/Index.svelte
@@ -0,0 +1,28 @@
+<script context="module" lang="ts">
+	export { default as BaseTabItem } from "./shared/TabItem.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import TabItem from "./shared/TabItem.svelte";
+	import type { TabItemProps, TabItemEvents } from "./types";
+
+	let props = $props();
+
+	const gradio = new Gradio<TabItemEvents, TabItemProps>(props);
+</script>
+
+<TabItem
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	label={gradio.shared.label}
+	visible={gradio.shared.visible}
+	interactive={gradio.shared.interactive}
+	id={gradio.props.id}
+	order={gradio.props.order}
+	scale={gradio.props.scale}
+	component_id={gradio.props.component_id}
+	onselect={(data) => gradio.dispatch("select", data)}
+>
+	<slot />
+</TabItem>
diff --git a/js/tabitem/TabItem.test.ts b/js/tabitem/TabItem.test.ts
new file mode 100644
index 0000000..da5e508
--- /dev/null
+++ b/js/tabitem/TabItem.test.ts
@@ -0,0 +1,123 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, waitFor } from "@self/tootils/render";
+
+import TabItemHarness from "./TabItemHarness.svelte";
+
+describe("TabItem", () => {
+	afterEach(() => cleanup());
+
+	test("renders its slot content inside a tabpanel", async () => {
+		const { getByRole, getByTestId } = await render(TabItemHarness, {
+			tab_selected: "t1"
+		});
+
+		expect(getByRole("tabpanel", { hidden: true })).toBeInTheDocument();
+		expect(getByTestId("tab-content")).toHaveTextContent("tab panel content");
+	});
+
+	test("content is visible when this tab is the selected tab", async () => {
+		const { getByTestId } = await render(TabItemHarness, {
+			tab_selected: "t1"
+		});
+
+		expect(getByTestId("tab-content")).toBeVisible();
+	});
+
+	test("content is hidden when a different tab is selected", async () => {
+		const { getByTestId } = await render(TabItemHarness, {
+			tab_selected: "t2"
+		});
+
+		expect(getByTestId("tab-content")).not.toBeVisible();
+	});
+
+	test("content stays hidden when visible is false even if selected", async () => {
+		const { getByTestId } = await render(TabItemHarness, {
+			tab_selected: "t1",
+			tab_visible: false
+		});
+
+		expect(getByTestId("tab-content")).not.toBeVisible();
+	});
+
+	test("uses a stable internal id when no explicit id is provided", async () => {
+		const on_register = vi.fn();
+		const { getByTestId } = await render(TabItemHarness, {
+			omit_id: true,
+			tab_selected: 1,
+			on_register
+		});
+
+		expect(getByTestId("tab-content")).toBeVisible();
+		await waitFor(() => {
+			expect(on_register).toHaveBeenCalledWith(
+				expect.objectContaining({ id: 1 })
+			);
+		});
+	});
+
+	test("keeps 0 as an explicit id", async () => {
+		const on_register = vi.fn();
+		const { getByTestId } = await render(TabItemHarness, {
+			tab_id: 0,
+			tab_selected: 0,
+			on_register
+		});
+
+		expect(getByTestId("tab-content")).toBeVisible();
+		await waitFor(() => {
+			expect(on_register).toHaveBeenCalledWith(
+				expect.objectContaining({ id: 0 })
+			);
+		});
+	});
+
+	test("keeps an empty string as an explicit id", async () => {
+		const on_register = vi.fn();
+		const { getByTestId } = await render(TabItemHarness, {
+			tab_id: "",
+			tab_selected: "",
+			on_register
+		});
+
+		expect(getByTestId("tab-content")).toBeVisible();
+		await waitFor(() => {
+			expect(on_register).toHaveBeenCalledWith(
+				expect.objectContaining({ id: "" })
+			);
+		});
+	});
+});
+
+describe("Events: select", () => {
+	afterEach(() => cleanup());
+
+	test("fires when this tab is the active index on mount", async () => {
+		const on_tab_select = vi.fn();
+
+		await render(TabItemHarness, {
+			tab_selected: "t1",
+			tab_selected_index: 0,
+			on_tab_select
+		});
+
+		await waitFor(() => {
+			expect(on_tab_select).toHaveBeenCalledWith({
+				value: "First Tab",
+				index: 0
+			});
+		});
+	});
+
+	test("does not fire when this tab is not the active index", async () => {
+		const on_tab_select = vi.fn();
+
+		await render(TabItemHarness, {
+			tab_selected: "t2",
+			tab_selected_index: 1,
+			on_tab_select
+		});
+
+		expect(on_tab_select).not.toHaveBeenCalled();
+	});
+});
diff --git a/js/tabitem/TabItemHarness.svelte b/js/tabitem/TabItemHarness.svelte
new file mode 100644
index 0000000..c06dbdc
--- /dev/null
+++ b/js/tabitem/TabItemHarness.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+	import { setContext } from "svelte";
+	import { writable } from "svelte/store";
+	import { TABS } from "@gradio/tabs";
+	import { BaseTabItem } from "./Index.svelte";
+
+	let all = $props();
+	const cfg = (all as any).props ?? {};
+
+	const selected_tab = writable<string | number | false>(
+		cfg.tab_selected ?? "t1"
+	);
+	const selected_tab_index = writable<number>(cfg.tab_selected_index ?? 0);
+
+	setContext(TABS, {
+		register_tab: (tab: any, order: number) => {
+			cfg.on_register?.(tab);
+			return order;
+		},
+		unregister_tab: () => {},
+		selected_tab,
+		selected_tab_index
+	});
+</script>
+
+<BaseTabItem
+	label="First Tab"
+	id={cfg.omit_id ? undefined : (cfg.tab_id ?? "t1")}
+	order={0}
+	visible={cfg.tab_visible ?? true}
+	interactive={true}
+	scale={0}
+	component_id={1}
+	onselect={(data) => cfg.on_tab_select?.(data)}
+>
+	<div data-testid="tab-content">tab panel content</div>
+</BaseTabItem>
diff --git a/js/tabitem/package.json b/js/tabitem/package.json
new file mode 100644
index 0000000..6d3837d
--- /dev/null
+++ b/js/tabitem/package.json
@@ -0,0 +1,34 @@
+{
+	"name": "@gradio/tabitem",
+	"version": "0.8.2",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/column": "workspace:^",
+		"@gradio/tabs": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/tabitem"
+	}
+}
diff --git a/js/tabitem/shared/TabItem.svelte b/js/tabitem/shared/TabItem.svelte
new file mode 100644
index 0000000..b74f84c
--- /dev/null
+++ b/js/tabitem/shared/TabItem.svelte
@@ -0,0 +1,100 @@
+<script lang="ts">
+	import { getContext, tick, untrack } from "svelte";
+	import { TABS } from "@gradio/tabs";
+	import { BaseColumn } from "@gradio/column";
+	import type { SelectData } from "@gradio/utils";
+
+	let {
+		elem_id = "",
+		elem_classes = [],
+		label,
+		id,
+		visible,
+		interactive,
+		order,
+		scale,
+		component_id,
+		onselect
+	}: {
+		elem_id?: string;
+		elem_classes?: string[];
+		label: string;
+		id?: string | number | null;
+		visible: boolean | "hidden";
+		interactive: boolean;
+		order: number;
+		scale: number;
+		component_id: number;
+		onselect?: (data: SelectData) => void;
+	} = $props();
+
+	const { register_tab, unregister_tab, selected_tab, selected_tab_index } =
+		getContext(TABS) as any;
+
+	let tab_index = $state<number | undefined>(undefined);
+
+	function _register_tab(obj: string, order: number): number {
+		obj = JSON.parse(obj);
+		return register_tab(obj, order);
+	}
+
+	let tab_id = $derived(id ?? component_id);
+
+	let props_json = $derived(
+		JSON.stringify({
+			label,
+			id: tab_id,
+			elem_id,
+			visible,
+			interactive,
+			scale,
+			component_id
+		})
+	);
+
+	let is_visible = $derived(visible !== false && visible !== "hidden");
+
+	$effect(() => {
+		const tab_props = props_json;
+		tab_index = untrack(() => _register_tab(tab_props, order));
+	});
+
+	$effect(() => {
+		return (): void => unregister_tab({ label, id: tab_id, elem_id }, order);
+	});
+
+	$effect(() => {
+		const index = tab_index;
+		if (index !== undefined && $selected_tab_index === index) {
+			tick().then(() => onselect?.({ value: label, index }));
+		}
+	});
+</script>
+
+<div
+	id={elem_id}
+	class="tabitem {elem_classes.join(' ')}"
+	class:grow-children={scale >= 1}
+	style:display={$selected_tab === tab_id && is_visible ? "flex" : "none"}
+	style:flex-grow={scale}
+	role="tabpanel"
+>
+	<BaseColumn scale={scale >= 1 ? scale : null}>
+		<slot />
+	</BaseColumn>
+</div>
+
+<style>
+	div {
+		display: flex;
+		flex-direction: column;
+		position: relative;
+		border: none;
+		border-radius: var(--radius-sm);
+		width: 100%;
+		box-sizing: border-box;
+	}
+	.grow-children > :global(.column > .column) {
+		flex-grow: 1;
+	}
+</style>
diff --git a/js/tabitem/types.ts b/js/tabitem/types.ts
new file mode 100644
index 0000000..5138e9d
--- /dev/null
+++ b/js/tabitem/types.ts
@@ -0,0 +1,17 @@
+import type { SelectData } from "@gradio/utils";
+
+export interface TabItemProps {
+	elem_id: string;
+	elem_classes: string[];
+	label: string;
+	id?: string | number | null;
+	visible: boolean | "hidden";
+	interactive: boolean;
+	order: number;
+	scale: number;
+	component_id: number;
+}
+
+export interface TabItemEvents {
+	select: SelectData;
+}
diff --git a/js/tabs/CHANGELOG.md b/js/tabs/CHANGELOG.md
new file mode 100644
index 0000000..63a7f0b
--- /dev/null
+++ b/js/tabs/CHANGELOG.md
@@ -0,0 +1,442 @@
+# @gradio/tabs
+
+## 0.9.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+## 0.8.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+
+## 0.7.0
+
+### Features
+
+- [#13509](https://github.com/gradio-app/gradio/pull/13509) [`dcd072c`](https://github.com/gradio-app/gradio/commit/dcd072cd57f09ffd2dc5f97ae6afc505894824a6) - Migrate Chatbot, Tabs, TabItem to Svelte 5.  Thanks @dawoodkhan82!
+
+## 0.6.0
+
+### Features
+
+- [#13467](https://github.com/gradio-app/gradio/pull/13467) [`feba2e1`](https://github.com/gradio-app/gradio/commit/feba2e1e41c68f4bbdacf4c963d8d9689d4b3346) - `Tab`, `TabItem`, `Plot` Unit tests.  Thanks @dawoodkhan82!
+
+## 0.5.11
+
+### Fixes
+
+- [#13240](https://github.com/gradio-app/gradio/pull/13240) [`0d670ad`](https://github.com/gradio-app/gradio/commit/0d670adf41a0b510f7fd745495dce1664d38f0e5) - Fix browser freeze when a dataframe's value is set (e.g. via a tab select event), and only dispatch the tabs select event when the selected tab actually changes.  Thanks @freddyaboulton!
+
+## 0.5.10
+
+### Fixes
+
+- [#13303](https://github.com/gradio-app/gradio/pull/13303) [`79c5776`](https://github.com/gradio-app/gradio/commit/79c577680978adfb5eeaa01944635e14dc67e5f1) - Rework `Dataframe` wrapping, truncation, and column width sizing.  Thanks @pngwn!
+
+## 0.5.9
+
+### Fixes
+
+- [#13048](https://github.com/gradio-app/gradio/pull/13048) [`a5d4096`](https://github.com/gradio-app/gradio/commit/a5d40965bba21a832da522127048926b71c1a6dd) - Fix Tab Interactive Bug.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+
+## 0.5.7
+
+### Fixes
+
+- [#12925](https://github.com/gradio-app/gradio/pull/12925) [`ccff8b8`](https://github.com/gradio-app/gradio/commit/ccff8b8cacffe36a270fcea9fc8ba29b78c31c8d) - Walkthrough Selected Bug.  Thanks @freddyaboulton!
+
+## 0.5.6
+
+### Fixes
+
+- [#12846](https://github.com/gradio-app/gradio/pull/12846) [`226daba`](https://github.com/gradio-app/gradio/commit/226daba5f65257244efc7c310500ea5366b20a87) - Fix bug where children of accordions dont get rendered when they are opened programmatically.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+
+## 0.5.5
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12693](https://github.com/gradio-app/gradio/pull/12693) [`b48da51`](https://github.com/gradio-app/gradio/commit/b48da517d2daa62d3b201f9a84bef9352d485b38) - Fix bug where Walkthrough Component Freezes.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.2
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+
+## 0.5.3
+
+### Fixes
+
+- [#12491](https://github.com/gradio-app/gradio/pull/12491) [`4f6327b`](https://github.com/gradio-app/gradio/commit/4f6327be6815fc8d574b60272b02915c75359ace) - Load visible components in 6.0.  Thanks @freddyaboulton!
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.5.2
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/utils@0.10.3
+
+## 0.5.2-dev.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+
+## 0.5.1
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+## 0.5.0
+
+### Features
+
+- [#11783](https://github.com/gradio-app/gradio/pull/11783) [`f407daf`](https://github.com/gradio-app/gradio/commit/f407daf8046f37e042ab8b86730ff0ab8d174bcf) - Add Walkthrough and Step compoents to facilitate multi-step workflows.  Thanks @pngwn!
+
+## 0.4.5
+
+### Fixes
+
+- [#11344](https://github.com/gradio-app/gradio/pull/11344) [`b961441`](https://github.com/gradio-app/gradio/commit/b961441780d70c82504141bd4deae7b3290c2227) - Fixes default tab label.  Thanks @dawoodkhan82!
+
+## 0.4.4
+
+### Fixes
+
+- [#11189](https://github.com/gradio-app/gradio/pull/11189) [`88f06c7`](https://github.com/gradio-app/gradio/commit/88f06c7b8126a67edefd3116c764148d0f39c6c7) - Ensure that tabs with `visible=False` don't show up in the overflow menu.  Thanks @abidlabs!
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/utils@0.10.2
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.1
+
+## 0.4.1
+
+### Fixes
+
+- [#10372](https://github.com/gradio-app/gradio/pull/10372) [`96bbde2`](https://github.com/gradio-app/gradio/commit/96bbde277e059f79bb2c9898576050e84dab147a) - Allow propogation of fill_height through Rows and Tabs, via scale.  Thanks @aliabid94!
+
+## 0.4.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/utils@0.8.0
+
+## 0.3.3
+
+### Fixes
+
+- [#9836](https://github.com/gradio-app/gradio/pull/9836) [`a4e70f3`](https://github.com/gradio-app/gradio/commit/a4e70f3c428d7a43e31b63d296e9c4c73b09eda8) - Fix Tabs in Rows.  Thanks @aliabid94!
+
+## 0.3.2
+
+### Fixes
+
+- [#9653](https://github.com/gradio-app/gradio/pull/9653) [`61cd768`](https://github.com/gradio-app/gradio/commit/61cd768490a12f5d63101d5434092bcd1cfc43a8) - Ensures tabs with visible set to false are not visible.  Thanks @hannahblair!
+- [#9738](https://github.com/gradio-app/gradio/pull/9738) [`2ade59b`](https://github.com/gradio-app/gradio/commit/2ade59b95d4c3610a1a461cc95f020fbf9627305) - Export `Tabs` type from `@gradio/tabs` and fix the Playground to be compatible with the new Tabs API.  Thanks @whitphx!
+
+## 0.3.1
+
+### Fixes
+
+- [#9728](https://github.com/gradio-app/gradio/pull/9728) [`d0b2ce8`](https://github.com/gradio-app/gradio/commit/d0b2ce8c0f150f0b636ad7d2226f7c8c61401996) - Ensure tabs render in SSR mode and reduce time it takes for them to render.  Thanks @pngwn!
+
+## 0.3.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Playground requirements tab
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Redesign `gr.Tabs()`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - UI theme fixes
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/utils@0.7.0
+
+## 0.3.0-beta.3
+
+### Features
+
+- [#9460](https://github.com/gradio-app/gradio/pull/9460) [`7352a89`](https://github.com/gradio-app/gradio/commit/7352a89722da91461c32fd33588531f3edce9c48) - Playground requirements tab.  Thanks @whitphx!
+- [#9496](https://github.com/gradio-app/gradio/pull/9496) [`1647ebd`](https://github.com/gradio-app/gradio/commit/1647ebddc3e2ed6fc143a62629409e32afcc5801) - UI theme fixes.  Thanks @aliabid94!
+
+## 0.3.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.0-beta.1
+
+### Features
+
+- [#9199](https://github.com/gradio-app/gradio/pull/9199) [`3175c7a`](https://github.com/gradio-app/gradio/commit/3175c7aebc6ad2466d31d6949580f5a3cb4cd698) - Redesign `gr.Tabs()`.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.1
+
+## 0.2.14
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+
+## 0.2.13
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+
+## 0.2.12
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+
+## 0.2.11
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+
+## 0.2.10
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+
+## 0.2.9
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/utils@0.4.1
+
+## 0.2.7
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.4.0
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+
+## 0.2.4
+
+### Fixes
+
+- [#7470](https://github.com/gradio-app/gradio/pull/7470) [`ba3ec13`](https://github.com/gradio-app/gradio/commit/ba3ec1300e81e64be7389d759b89284c66473158) - Tab select fix.  Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+
+## 0.2.1
+
+### Fixes
+
+- [#7107](https://github.com/gradio-app/gradio/pull/7107) [`80f8fbf`](https://github.com/gradio-app/gradio/commit/80f8fbf0e8900627b9c2575bbd7c68fad8108544) - Add logic to handle non-interactive or hidden tabs. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.0
+
+### Features
+
+- [#7018](https://github.com/gradio-app/gradio/pull/7018) [`ec28b4e`](https://github.com/gradio-app/gradio/commit/ec28b4e7c47a9233d9e3a725cc9fe8f9044dfa94) - Add `visible` and `interactive` params to `gr.Tab()`. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.8
+
+### Patch Changes
+
+- Updated dependencies [[`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a)]:
+  - @gradio/utils@0.2.0-beta.6
+
+## 0.1.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+
+## 0.0.6
+
+### Features
+
+- [#5590](https://github.com/gradio-app/gradio/pull/5590) [`d1ad1f671`](https://github.com/gradio-app/gradio/commit/d1ad1f671caef9f226eb3965f39164c256d8615c) - Attach `elem_classes` selectors to layout elements, and an id to the Tab button (for targeting via CSS/JS). Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.0.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.1
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/utils@0.1.0
+
+## 0.0.3
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.0.2
\ No newline at end of file
diff --git a/js/tabs/Index.svelte b/js/tabs/Index.svelte
new file mode 100644
index 0000000..3eae4ff
--- /dev/null
+++ b/js/tabs/Index.svelte
@@ -0,0 +1,64 @@
+<script context="module" lang="ts">
+	export { default as BaseTabs, TABS, type Tab } from "./shared/Tabs.svelte";
+</script>
+
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import Tabs from "./shared/Tabs.svelte";
+	import Walkthrough from "./shared/Walkthrough.svelte";
+	import type { TabsProps, TabsEvents } from "./types";
+
+	let props = $props();
+	const gradio = new Gradio<TabsEvents, TabsProps>(props);
+
+	let old_selected = gradio.props.selected;
+
+	$effect(() => {
+		if (old_selected !== gradio.props.selected) {
+			const i = gradio.props.initial_tabs.findIndex(
+				(t) => t.id === gradio.props.selected
+			);
+			if (i >= 0) {
+				gradio.dispatch("gradio_tab_select", {
+					value: gradio.props.initial_tabs[i].label,
+					index: i,
+					id: gradio.props.initial_tabs[i].id,
+					component_id: gradio.props.initial_tabs[i].component_id
+				});
+			}
+			old_selected = gradio.props.selected;
+		}
+	});
+</script>
+
+{#if gradio.props.name === "walkthrough"}
+	<Walkthrough
+		visible={gradio.shared.visible}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		bind:selected={gradio.props.selected}
+		onchange={() => gradio.dispatch("change")}
+		onselect={(data) => {
+			gradio.dispatch("select", data);
+			gradio.dispatch("gradio_tab_select", data);
+		}}
+		initial_tabs={gradio.props.initial_tabs}
+	>
+		<slot />
+	</Walkthrough>
+{:else}
+	<Tabs
+		visible={gradio.shared.visible}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		bind:selected={gradio.props.selected}
+		onchange={() => gradio.dispatch("change")}
+		onselect={(data) => {
+			gradio.dispatch("select", data);
+			gradio.dispatch("gradio_tab_select", data);
+		}}
+		initial_tabs={gradio.props.initial_tabs}
+	>
+		<slot />
+	</Tabs>
+{/if}
diff --git a/js/tabs/Tabs.stories.svelte b/js/tabs/Tabs.stories.svelte
new file mode 100644
index 0000000..fe5bc4c
--- /dev/null
+++ b/js/tabs/Tabs.stories.svelte
@@ -0,0 +1,110 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import { BaseTabs } from "./Index.svelte";
+
+	const cheetah = "/cheetah.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/Tabs",
+		component: BaseTabs
+	});
+
+	const basicTabs = [
+		{
+			label: "Image Tab",
+			id: "tab-1",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 1
+		},
+		{
+			label: "Hidden Tab",
+			id: "tab-2",
+			elem_id: undefined,
+			visible: false,
+			interactive: true,
+			scale: null,
+			component_id: 2
+		},
+		{
+			label: "Visible Tab",
+			id: "tab-3",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 3
+		}
+	];
+
+	const manyTabs = [
+		{
+			label: "This is visible tab 1",
+			id: "tab-1",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 1
+		},
+		{
+			label: "This is visible tab 2",
+			id: "tab-2",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 2
+		},
+		{
+			label: "This is visible tab 3",
+			id: "tab-3",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 3
+		},
+		{
+			label: "This is invisible tab 4",
+			id: "tab-4",
+			elem_id: undefined,
+			visible: false,
+			interactive: true,
+			scale: null,
+			component_id: 4
+		},
+		{
+			label: "This is invisible tab 5",
+			id: "tab-5",
+			elem_id: undefined,
+			visible: false,
+			interactive: true,
+			scale: null,
+			component_id: 5
+		}
+	];
+</script>
+
+<Story name="Tabs" args={{ initial_tabs: basicTabs, selected: "tab-1" }}>
+	{#snippet template(args)}
+		<BaseTabs {...args}>
+			<div style="padding: 1rem;">
+				<img style="width: 200px;" alt="Cheetah" src={cheetah} />
+			</div>
+		</BaseTabs>
+	{/snippet}
+</Story>
+
+<Story
+	name="TabsLastInvisible"
+	args={{ initial_tabs: manyTabs, selected: "tab-1" }}
+>
+	{#snippet template(args)}
+		<BaseTabs {...args}>
+			<div style="padding: 1rem;">Tab content goes here</div>
+		</BaseTabs>
+	{/snippet}
+</Story>
diff --git a/js/tabs/Tabs.test.ts b/js/tabs/Tabs.test.ts
new file mode 100644
index 0000000..ad41db7
--- /dev/null
+++ b/js/tabs/Tabs.test.ts
@@ -0,0 +1,303 @@
+import { test, describe, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import type { Tab } from "./shared/Tabs.svelte";
+
+import Tabs from "./Index.svelte";
+import TabsWithChild from "./WithChild.svelte";
+
+const make_tab = (over: Partial<Tab>): Tab => ({
+	label: "Tab",
+	id: "t1",
+	elem_id: undefined,
+	visible: true,
+	interactive: true,
+	scale: null,
+	component_id: 1,
+	...over
+});
+
+const tabs: Tab[] = [
+	make_tab({ label: "First", id: "t1", component_id: 1 }),
+	make_tab({ label: "Second", id: "t2", component_id: 2 }),
+	make_tab({ label: "Third", id: "t3", component_id: 3 })
+];
+
+const default_props = {
+	initial_tabs: tabs,
+	selected: "t1",
+	name: "tabs" as const,
+	visible: true
+};
+
+run_shared_prop_tests({
+	component: Tabs,
+	name: "Tabs",
+	base_props: { initial_tabs: tabs, selected: "t1", name: "tabs" },
+	has_label: false,
+	has_validation_error: false,
+	has_block_wrapper: false,
+	visible_false_hides: true
+});
+
+describe("Tabs", () => {
+	afterEach(() => cleanup());
+
+	test("renders a tab button for each visible tab", async () => {
+		const { getByRole } = await render(Tabs, default_props);
+
+		expect(getByRole("tab", { name: "First" })).toBeInTheDocument();
+		expect(getByRole("tab", { name: "Second" })).toBeInTheDocument();
+		expect(getByRole("tab", { name: "Third" })).toBeInTheDocument();
+	});
+
+	test("does not render a button for a tab with visible: false", async () => {
+		const { queryByRole } = await render(Tabs, {
+			...default_props,
+			initial_tabs: [
+				make_tab({ label: "Shown", id: "t1", component_id: 1 }),
+				make_tab({ label: "Gone", id: "t2", visible: false, component_id: 2 })
+			]
+		});
+
+		expect(queryByRole("tab", { name: "Gone" })).toBeNull();
+		expect(queryByRole("tab", { name: "Shown" })).toBeInTheDocument();
+	});
+
+	test("the selected tab is marked aria-selected", async () => {
+		const { getByRole } = await render(Tabs, {
+			...default_props,
+			selected: "t2"
+		});
+
+		expect(getByRole("tab", { name: "Second" })).toHaveAttribute(
+			"aria-selected",
+			"true"
+		);
+		expect(getByRole("tab", { name: "First" })).toHaveAttribute(
+			"aria-selected",
+			"false"
+		);
+	});
+});
+
+describe("Props: interactive", () => {
+	afterEach(() => cleanup());
+
+	test("a non-interactive tab is disabled", async () => {
+		const { getByRole } = await render(Tabs, {
+			...default_props,
+			initial_tabs: [
+				make_tab({ label: "Active", id: "t1", component_id: 1 }),
+				make_tab({
+					label: "Locked",
+					id: "t2",
+					interactive: false,
+					component_id: 2
+				})
+			]
+		});
+
+		expect(getByRole("tab", { name: "Locked" })).toBeDisabled();
+		expect(getByRole("tab", { name: "Active" })).toBeEnabled();
+	});
+});
+
+describe("Events: select", () => {
+	afterEach(() => cleanup());
+
+	test("clicking a tab dispatches select with its details", async () => {
+		const { listen, getByRole } = await render(Tabs, default_props);
+
+		const select = listen("select");
+
+		await fireEvent.click(getByRole("tab", { name: "Second" }));
+
+		expect(select).toHaveBeenCalledTimes(1);
+		expect(select).toHaveBeenCalledWith({
+			value: "Second",
+			index: 1,
+			id: "t2",
+			component_id: 2
+		});
+	});
+
+	test("clicking the already-selected tab does not dispatch select", async () => {
+		const { listen, getByRole } = await render(Tabs, default_props);
+
+		const select = listen("select");
+
+		await fireEvent.click(getByRole("tab", { name: "First" }));
+
+		expect(select).not.toHaveBeenCalled();
+	});
+
+	test("clicking a disabled tab does not make it the selected tab", async () => {
+		const { listen, get_data, getByRole } = await render(Tabs, {
+			...default_props,
+			selected: "t1",
+			initial_tabs: [
+				make_tab({ label: "Active", id: "t1", component_id: 1 }),
+				make_tab({
+					label: "Locked",
+					id: "t2",
+					interactive: false,
+					component_id: 2
+				})
+			]
+		});
+
+		const change = listen("change");
+
+		await fireEvent.click(getByRole("tab", { name: "Locked" }));
+
+		expect(change).not.toHaveBeenCalled();
+		expect(getByRole("tab", { name: "Locked" })).toHaveAttribute(
+			"aria-selected",
+			"false"
+		);
+		expect((await get_data()).selected).toBe("t1");
+	});
+});
+
+describe("Events: change", () => {
+	afterEach(() => cleanup());
+
+	test("clicking a different tab dispatches change once", async () => {
+		const { listen, getByRole } = await render(Tabs, default_props);
+
+		const change = listen("change");
+
+		await fireEvent.click(getByRole("tab", { name: "Third" }));
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("clicking the already-selected tab does not dispatch change", async () => {
+		const { listen, getByRole } = await render(Tabs, default_props);
+
+		const change = listen("change");
+
+		await fireEvent.click(getByRole("tab", { name: "First" }));
+
+		expect(change).not.toHaveBeenCalled();
+	});
+});
+
+describe("Events: gradio_tab_select", () => {
+	afterEach(() => cleanup());
+
+	test("fires when the selected tab changes via set_data", async () => {
+		const { listen, set_data } = await render(Tabs, default_props);
+
+		const gradio_tab_select = listen("gradio_tab_select");
+
+		await set_data({ selected: "t3" });
+
+		expect(gradio_tab_select).toHaveBeenCalledTimes(1);
+		expect(gradio_tab_select).toHaveBeenCalledWith({
+			value: "Third",
+			index: 2,
+			id: "t3",
+			component_id: 3
+		});
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the initial selection", async () => {
+		const { get_data } = await render(Tabs, default_props);
+
+		const data = await get_data();
+		expect(data.selected).toBe("t1");
+	});
+
+	test("clicking a tab updates the selection returned by get_data", async () => {
+		const { get_data, getByRole } = await render(Tabs, default_props);
+
+		await fireEvent.click(getByRole("tab", { name: "Second" }));
+
+		const data = await get_data();
+		expect(data.selected).toBe("t2");
+	});
+
+	test("set_data updates which tab is marked aria-selected", async () => {
+		const { set_data, getByRole } = await render(Tabs, default_props);
+
+		await set_data({ selected: "t3" });
+
+		expect(getByRole("tab", { name: "Third" })).toHaveAttribute(
+			"aria-selected",
+			"true"
+		);
+	});
+
+	test("set_data then get_data round-trips the selection", async () => {
+		const { set_data, get_data } = await render(Tabs, default_props);
+
+		await set_data({ selected: "t2" });
+
+		const data = await get_data();
+		expect(data.selected).toBe("t2");
+	});
+
+	test("keeps 0 as an explicit tab id", async () => {
+		const { get_data, getByRole } = await render(Tabs, {
+			...default_props,
+			selected: 0,
+			initial_tabs: [
+				make_tab({ label: "First", id: "first", component_id: 1 }),
+				make_tab({ label: "Zero", id: 0, component_id: 2 })
+			]
+		});
+
+		expect(getByRole("tab", { name: "Zero" })).toHaveAttribute(
+			"aria-selected",
+			"true"
+		);
+		expect((await get_data()).selected).toBe(0);
+	});
+
+	test("keeps an empty string as an explicit tab id", async () => {
+		const { get_data, getByRole } = await render(Tabs, {
+			...default_props,
+			selected: "",
+			initial_tabs: [
+				make_tab({ label: "First", id: "first", component_id: 1 }),
+				make_tab({ label: "Empty", id: "", component_id: 2 })
+			]
+		});
+
+		expect(getByRole("tab", { name: "Empty" })).toHaveAttribute(
+			"aria-selected",
+			"true"
+		);
+		expect((await get_data()).selected).toBe("");
+	});
+});
+
+describe("Children / slot", () => {
+	afterEach(() => cleanup());
+
+	test("renders slot children inside the tabs container", async () => {
+		const { getByTestId } = await render(TabsWithChild, default_props);
+
+		expect(getByTestId("slot-content")).toBeVisible();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("no select or change events fire on initial mount", async () => {
+		const { listen } = await render(Tabs, default_props);
+
+		const select = listen("select", { retrospective: true });
+		const change = listen("change", { retrospective: true });
+
+		expect(select).not.toHaveBeenCalled();
+		expect(change).not.toHaveBeenCalled();
+	});
+});
diff --git a/js/tabs/Walkthrough.stories.svelte b/js/tabs/Walkthrough.stories.svelte
new file mode 100644
index 0000000..4f14139
--- /dev/null
+++ b/js/tabs/Walkthrough.stories.svelte
@@ -0,0 +1,122 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Walkthrough from "./shared/Walkthrough.svelte";
+
+	const cheetah = "/cheetah.jpg";
+
+	const { Story } = defineMeta({
+		title: "Components/Walkthrough",
+		component: Walkthrough
+	});
+
+	const walkthroughTabs = [
+		{
+			label: "Image Tab",
+			id: "tab-1",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 1
+		},
+		{
+			label: "Hidden Tab",
+			id: "tab-2",
+			elem_id: undefined,
+			visible: false,
+			interactive: true,
+			scale: null,
+			component_id: 2
+		},
+		{
+			label: "Visible Tab 1",
+			id: "tab-3",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 3
+		},
+		{
+			label: "Visible Tab 2",
+			id: "tab-4",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 4
+		}
+	];
+
+	const lastInvisibleTabs = [
+		{
+			label: "This is visible tab 1",
+			id: "tab-1",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 1
+		},
+		{
+			label: "This is visible tab 2",
+			id: "tab-2",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 2
+		},
+		{
+			label: "This is visible tab 3",
+			id: "tab-3",
+			elem_id: undefined,
+			visible: true,
+			interactive: true,
+			scale: null,
+			component_id: 3
+		},
+		{
+			label: "This is invisible tab 4",
+			id: "tab-4",
+			elem_id: undefined,
+			visible: false,
+			interactive: true,
+			scale: null,
+			component_id: 4
+		},
+		{
+			label: "This is invisible tab 5",
+			id: "tab-5",
+			elem_id: undefined,
+			visible: false,
+			interactive: true,
+			scale: null,
+			component_id: 5
+		}
+	];
+</script>
+
+<Story
+	name="Tabs Walkthrough"
+	args={{ initial_tabs: walkthroughTabs, selected: "tab-1" }}
+>
+	{#snippet template(args)}
+		<Walkthrough {...args}>
+			<div style="padding: 1rem;">
+				<img style="width: 200px;" alt="Cheetah" src={cheetah} />
+			</div>
+		</Walkthrough>
+	{/snippet}
+</Story>
+
+<Story
+	name="TabsLastInvisible"
+	args={{ initial_tabs: lastInvisibleTabs, selected: "tab-1" }}
+>
+	{#snippet template(args)}
+		<Walkthrough {...args}>
+			<div style="padding: 1rem;">Walkthrough content goes here</div>
+		</Walkthrough>
+	{/snippet}
+</Story>
diff --git a/js/tabs/WithChild.svelte b/js/tabs/WithChild.svelte
new file mode 100644
index 0000000..83c9408
--- /dev/null
+++ b/js/tabs/WithChild.svelte
@@ -0,0 +1,8 @@
+<script lang="ts">
+	import Tabs from "./Index.svelte";
+	let props = $props();
+</script>
+
+<Tabs {...props}>
+	<div data-testid="slot-content">tab panel content</div>
+</Tabs>
diff --git a/js/tabs/package.json b/js/tabs/package.json
new file mode 100644
index 0000000..f3e5719
--- /dev/null
+++ b/js/tabs/package.json
@@ -0,0 +1,33 @@
+{
+	"name": "@gradio/tabs",
+	"version": "0.9.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/tabs"
+	}
+}
diff --git a/js/tabs/shared/OverflowIcon.svelte b/js/tabs/shared/OverflowIcon.svelte
new file mode 100644
index 0000000..08dc22e
--- /dev/null
+++ b/js/tabs/shared/OverflowIcon.svelte
@@ -0,0 +1,11 @@
+<svg
+	width="16"
+	height="16"
+	viewBox="0 0 16 16"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
+	<circle cx="2.5" cy="8" r="1.5" fill="currentColor" />
+	<circle cx="8" cy="8" r="1.5" fill="currentColor" />
+	<circle cx="13.5" cy="8" r="1.5" fill="currentColor" />
+</svg>
diff --git a/js/tabs/shared/Tabs.svelte b/js/tabs/shared/Tabs.svelte
new file mode 100644
index 0000000..3869f0f
--- /dev/null
+++ b/js/tabs/shared/Tabs.svelte
@@ -0,0 +1,474 @@
+<script context="module" lang="ts">
+	import type { SelectData } from "@gradio/utils";
+
+	export const TABS = {};
+
+	export interface Tab {
+		label: string;
+		id: string | number;
+		elem_id: string | undefined;
+		visible: boolean | "hidden";
+		interactive: boolean;
+		scale: number | null;
+		component_id: number;
+	}
+
+	export type TabSelectData = Omit<SelectData, "index"> & {
+		index: number;
+		id: string | number;
+		component_id: number;
+	};
+
+	function is_visible_tab(tab: Tab | null | undefined): tab is Tab {
+		return !!tab && tab.visible !== false && tab.visible !== "hidden";
+	}
+
+	function find_tab_index(tabs: (Tab | null)[], id: string | number): number {
+		const index = tabs.findIndex((t) => t?.id === id);
+		return index === -1 ? 0 : index;
+	}
+</script>
+
+<script lang="ts">
+	import { setContext, tick, untrack } from "svelte";
+	import OverflowIcon from "./OverflowIcon.svelte";
+	import { writable } from "svelte/store";
+
+	let {
+		visible = true,
+		elem_id = "",
+		elem_classes = [],
+		selected = $bindable(),
+		initial_tabs,
+		onchange,
+		onselect
+	}: {
+		visible?: boolean | "hidden";
+		elem_id?: string;
+		elem_classes?: string[];
+		selected: number | string;
+		initial_tabs: Tab[];
+		onchange?: () => void;
+		onselect?: (data: TabSelectData) => void;
+	} = $props();
+
+	let tabs = $state<(Tab | null)[]>([...initial_tabs]);
+	let visible_tabs = $state<(Tab | null)[]>([...initial_tabs]);
+	let overflow_tabs = $state<(Tab | null)[]>([]);
+	let overflow_menu_open = $state(false);
+	let overflow_menu: HTMLElement;
+
+	let mounted_tab_orders = new Set<number>();
+
+	$effect(() => {
+		const new_tabs = initial_tabs;
+		untrack(() => _sync_tabs(new_tabs));
+	});
+
+	function _sync_tabs(new_tabs: Tab[]): void {
+		tick().then(() => {
+			untrack(() => {
+				for (let i = 0; i < new_tabs.length; i++) {
+					if (new_tabs[i] && !mounted_tab_orders.has(i)) {
+						tabs[i] = new_tabs[i];
+					}
+				}
+				handle_menu_overflow();
+			});
+		});
+	}
+
+	let has_tabs = $derived(tabs.length > 0);
+
+	let tab_nav_el: HTMLDivElement;
+
+	const selected_tab = writable<false | number | string>(
+		selected ?? tabs[0]?.id ?? false
+	);
+	const selected_tab_index = writable<number>(find_tab_index(tabs, selected));
+
+	let is_overflowing = $state(false);
+	let overflow_has_selected_tab = $state(false);
+	let tab_els: Record<string | number, HTMLElement> = $state({});
+
+	function sync_tab_entry(tab: Tab, order: number): void {
+		tabs[order] = tab;
+		visible_tabs = visible_tabs.map((t) => (t?.id === tab.id ? tab : t));
+		overflow_tabs = overflow_tabs.map((t) => (t?.id === tab.id ? tab : t));
+	}
+
+	setContext(TABS, {
+		register_tab: (tab: Tab, order: number) => {
+			mounted_tab_orders.add(order);
+			sync_tab_entry(tab, order);
+
+			if ($selected_tab === false && is_visible_tab(tab) && tab.interactive) {
+				$selected_tab = tab.id;
+				$selected_tab_index = order;
+			} else if ($selected_tab === tab.id) {
+				$selected_tab_index = order;
+			}
+			handle_menu_overflow();
+			return order;
+		},
+		unregister_tab: (tab: Tab, order: number) => {
+			mounted_tab_orders.delete(order);
+			if ($selected_tab === tab.id) {
+				$selected_tab = tabs[0]?.id ?? false;
+			}
+			tabs[order] = null;
+			visible_tabs = visible_tabs.filter((t) => t?.id !== tab.id);
+			overflow_tabs = overflow_tabs.filter((t) => t?.id !== tab.id);
+			handle_menu_overflow();
+		},
+		selected_tab,
+		selected_tab_index
+	});
+
+	function change_tab(id: string | number | undefined): void {
+		const tab_to_activate = tabs.find((t) => t?.id === id);
+		if (
+			id !== undefined &&
+			tab_to_activate &&
+			tab_to_activate.interactive &&
+			is_visible_tab(tab_to_activate) &&
+			$selected_tab !== tab_to_activate.id
+		) {
+			selected = id;
+			$selected_tab = id;
+			$selected_tab_index = tabs.findIndex((t) => t?.id === id);
+			onchange?.();
+			overflow_menu_open = false;
+		}
+	}
+
+	$effect(() => {
+		if (selected !== null) change_tab(selected);
+	});
+
+	$effect(() => {
+		if (!tab_nav_el) return;
+		handle_menu_overflow();
+		const ro = new ResizeObserver(() => {
+			handle_menu_overflow();
+		});
+		ro.observe(tab_nav_el);
+		return () => ro.disconnect();
+	});
+
+	function handle_outside_click(event: MouseEvent): void {
+		if (
+			overflow_menu_open &&
+			overflow_menu &&
+			!overflow_menu.contains(event.target as Node)
+		) {
+			overflow_menu_open = false;
+		}
+	}
+
+	const OVERFLOW_BTN_RESERVE = 48;
+
+	async function handle_menu_overflow(): Promise<void> {
+		if (!tab_nav_el) return;
+
+		await tick();
+		await new Promise((r) => requestAnimationFrame(r));
+
+		if (!tab_nav_el) return;
+
+		const available = tab_nav_el.clientWidth;
+
+		let cumulative = 0;
+		let split_index = tabs.length;
+
+		for (let i = 0; i < tabs.length; i++) {
+			const tab = tabs[i];
+			if (!is_visible_tab(tab)) continue;
+			const el = tab_els[tab.id];
+			if (!el) continue;
+			cumulative += el.getBoundingClientRect().width;
+			const has_more = tabs.slice(i + 1).some((t) => is_visible_tab(t));
+			const limit = has_more ? available - OVERFLOW_BTN_RESERVE : available;
+			if (cumulative > limit) {
+				split_index = i;
+				break;
+			}
+		}
+
+		visible_tabs = tabs.slice(0, split_index);
+		overflow_tabs = tabs.slice(split_index);
+
+		overflow_has_selected_tab = handle_overflow_has_selected_tab($selected_tab);
+		is_overflowing = overflow_tabs.filter((t) => is_visible_tab(t)).length > 0;
+	}
+
+	$effect(() => {
+		overflow_has_selected_tab = handle_overflow_has_selected_tab($selected_tab);
+	});
+
+	function handle_overflow_has_selected_tab(
+		selected_tab_value: number | string | false
+	): boolean {
+		if (selected_tab_value === false) return false;
+		return overflow_tabs.some((t) => t?.id === selected_tab_value);
+	}
+
+	let tab_scale = $derived(
+		tabs[$selected_tab_index >= 0 ? $selected_tab_index : 0]?.scale
+	);
+</script>
+
+<svelte:window onresize={handle_menu_overflow} onclick={handle_outside_click} />
+
+<div
+	class="tabs {elem_classes.join(' ')}"
+	class:hide={visible === false}
+	class:hidden={visible === "hidden"}
+	id={elem_id}
+	style:flex-grow={tab_scale}
+>
+	{#if has_tabs}
+		<div class="tab-wrapper">
+			<div class="tab-container visually-hidden" aria-hidden="true">
+				{#each tabs as t, i}
+					{#if is_visible_tab(t)}
+						<button bind:this={tab_els[t.id]}>
+							{t?.label}
+						</button>
+					{/if}
+				{/each}
+			</div>
+			<div class="tab-container" bind:this={tab_nav_el} role="tablist">
+				{#each visible_tabs as t, i}
+					{#if is_visible_tab(t)}
+						<button
+							role="tab"
+							class:selected={t.id === $selected_tab}
+							aria-selected={t.id === $selected_tab}
+							aria-controls={t.elem_id}
+							disabled={!t.interactive}
+							aria-disabled={!t.interactive}
+							id={t.elem_id ? t.elem_id + "-button" : null}
+							data-tab-id={t.id}
+							onclick={() => {
+								if (t.id !== $selected_tab) {
+									change_tab(t.id);
+									onselect?.({
+										value: t.label,
+										index: i,
+										id: t.id,
+										component_id: t.component_id
+									});
+								}
+							}}
+						>
+							{t?.label !== undefined ? t?.label : "Tab " + (i + 1)}
+						</button>
+					{/if}
+				{/each}
+			</div>
+			<span
+				class="overflow-menu"
+				class:hide={!is_overflowing ||
+					!overflow_tabs.some((t) => is_visible_tab(t))}
+				bind:this={overflow_menu}
+			>
+				<button
+					onclick={(e) => {
+						e.stopPropagation();
+						overflow_menu_open = !overflow_menu_open;
+					}}
+					class:overflow-item-selected={overflow_has_selected_tab}
+				>
+					<OverflowIcon />
+				</button>
+				<div class="overflow-dropdown" class:hide={!overflow_menu_open}>
+					{#each overflow_tabs as t, i}
+						{#if is_visible_tab(t)}
+							<button
+								onclick={() => {
+									change_tab(t?.id);
+									onselect?.({
+										value: t.label,
+										index: i,
+										id: t.id,
+										component_id: t.component_id
+									});
+								}}
+								class:selected={t?.id === $selected_tab}
+							>
+								{t?.label}
+							</button>
+						{/if}
+					{/each}
+				</div>
+			</span>
+		</div>
+	{/if}
+	<slot />
+</div>
+
+<style>
+	.tabs {
+		position: relative;
+		flex-direction: column;
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.hidden {
+		display: none !important;
+	}
+
+	.tab-wrapper {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		position: relative;
+		height: var(--size-8);
+		padding-bottom: var(--size-2);
+		margin-bottom: var(--layout-gap);
+	}
+
+	.tab-container {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		position: relative;
+		overflow: hidden;
+		height: var(--size-8);
+	}
+
+	.tab-container::after {
+		content: "";
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		height: 1px;
+		background-color: var(--border-color-primary);
+	}
+
+	.overflow-menu {
+		flex-shrink: 0;
+		margin-left: var(--size-2);
+	}
+
+	button {
+		margin-bottom: 0;
+		border: none;
+		border-radius: 0;
+		padding: 0 var(--size-4);
+		color: var(--body-text-color);
+		font-weight: var(--section-header-text-weight);
+		font-size: var(--section-header-text-size);
+		transition: background-color color 0.2s ease-out;
+		background-color: transparent;
+		height: 100%;
+		display: flex;
+		align-items: center;
+		white-space: nowrap;
+		position: relative;
+	}
+
+	button:disabled {
+		opacity: 0.5;
+		cursor: not-allowed;
+	}
+
+	button:hover:not(:disabled):not(.selected) {
+		background-color: var(--background-fill-secondary);
+		color: var(--body-text-color);
+	}
+
+	.selected {
+		background-color: transparent;
+		color: var(--color-accent);
+		position: relative;
+	}
+
+	.selected::after {
+		content: "";
+		position: absolute;
+		bottom: 0;
+		left: 0;
+		width: 100%;
+		height: 2px;
+		background-color: var(--color-accent);
+		animation: fade-grow 0.2s ease-out forwards;
+		transform-origin: center;
+		z-index: 1;
+	}
+
+	@keyframes fade-grow {
+		from {
+			opacity: 0;
+			transform: scaleX(0.8);
+		}
+		to {
+			opacity: 1;
+			transform: scaleX(1);
+		}
+	}
+
+	.overflow-dropdown {
+		position: absolute;
+		top: calc(100% + var(--size-2));
+		right: 0;
+		background-color: var(--background-fill-primary);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		z-index: var(--layer-5);
+		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+		padding: var(--size-2);
+		min-width: 150px;
+		width: max-content;
+	}
+
+	.overflow-dropdown button {
+		display: block;
+		width: 100%;
+		text-align: left;
+		padding: var(--size-2);
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.overflow-menu > button {
+		padding: var(--size-1) var(--size-2);
+		min-width: auto;
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.overflow-menu > button:hover {
+		background-color: var(--background-fill-secondary);
+	}
+
+	.overflow-menu :global(svg) {
+		width: 16px;
+		height: 16px;
+	}
+
+	.overflow-item-selected :global(svg) {
+		color: var(--color-accent);
+	}
+
+	.visually-hidden {
+		position: absolute;
+		width: 1px;
+		height: 1px;
+		padding: 0;
+		margin: -1px;
+		overflow: hidden;
+		clip: rect(0, 0, 0, 0);
+		white-space: nowrap;
+		border: 0;
+	}
+</style>
diff --git a/js/tabs/shared/Walkthrough.svelte b/js/tabs/shared/Walkthrough.svelte
new file mode 100644
index 0000000..5d9ac02
--- /dev/null
+++ b/js/tabs/shared/Walkthrough.svelte
@@ -0,0 +1,485 @@
+<script context="module" lang="ts">
+	import { TABS, type Tab, type TabSelectData } from "./Tabs.svelte";
+
+	function is_visible_tab(tab: Tab | null | undefined): tab is Tab {
+		return !!tab && tab.visible !== false && tab.visible !== "hidden";
+	}
+
+	function find_tab_index(tabs: (Tab | null)[], id: string | number): number {
+		const index = tabs.findIndex((t) => t?.id === id);
+		return index === -1 ? 0 : index;
+	}
+</script>
+
+<script lang="ts">
+	import { setContext, tick } from "svelte";
+	import { writable } from "svelte/store";
+
+	let {
+		visible = true,
+		elem_id = "",
+		elem_classes = [],
+		selected = $bindable(),
+		initial_tabs,
+		onchange,
+		onselect
+	}: {
+		visible?: boolean | "hidden";
+		elem_id?: string;
+		elem_classes?: string[];
+		selected: number | string;
+		initial_tabs: Tab[];
+		onchange?: () => void;
+		onselect?: (data: TabSelectData) => void;
+	} = $props();
+
+	let tabs = $state<(Tab | null)[]>([...initial_tabs]);
+	let stepper_container: HTMLDivElement;
+	let show_labels_for_all = $state(true);
+	let measurement_container: HTMLDivElement;
+	let step_buttons: HTMLButtonElement[] = $state([]);
+	let step_labels: HTMLSpanElement[] = $state([]);
+	let label_height = $state(0);
+	let compact = $state(false);
+	let recompute_overflow = $state(true);
+
+	let has_tabs = $derived(tabs.length > 0);
+
+	const selected_tab = writable<false | number | string>(
+		selected ?? tabs[0]?.id ?? false
+	);
+	const selected_tab_index = writable<number>(find_tab_index(tabs, selected));
+
+	async function check_overflow(): Promise<void> {
+		if (!stepper_container || !measurement_container || !recompute_overflow)
+			return;
+		recompute_overflow = false;
+		await tick();
+
+		show_labels_for_all = true;
+		await tick();
+
+		const SEP_WIDTH = 50;
+		const button_width =
+			step_buttons[0].getBoundingClientRect().width * step_buttons.length +
+			SEP_WIDTH * (step_buttons.length - 1);
+
+		const containerWidth = stepper_container.getBoundingClientRect().width;
+		const does_it_fit = button_width < containerWidth;
+
+		if (!does_it_fit) {
+			show_labels_for_all = false;
+			compact = true;
+			return;
+		}
+
+		let max_height = 0;
+		let is_overlapping = false;
+		let last_right = 0;
+
+		for (const label of step_labels) {
+			const { height, width, left, right } = label.getBoundingClientRect();
+			if (height > max_height) {
+				max_height = height;
+			}
+			if (last_right && left - 10 < last_right && !is_overlapping) {
+				is_overlapping = true;
+			}
+			last_right = right;
+		}
+		label_height = max_height;
+
+		if (is_overlapping) {
+			show_labels_for_all = false;
+		}
+	}
+
+	let last_width = 0;
+
+	$effect(() => {
+		check_overflow();
+
+		const observer = new ResizeObserver((entries) => {
+			if (entries[0].contentRect.width === last_width) return;
+			last_width = entries[0].contentRect.width;
+			compact = false;
+			recompute_overflow = true;
+			check_overflow();
+		});
+
+		if (stepper_container) {
+			observer.observe(stepper_container);
+		}
+
+		return () => {
+			observer.disconnect();
+		};
+	});
+
+	setContext(TABS, {
+		register_tab: (tab: Tab, order: number) => {
+			tabs[order] = tab;
+
+			if ($selected_tab === false && is_visible_tab(tab) && tab.interactive) {
+				$selected_tab = tab.id;
+				$selected_tab_index = order;
+			}
+			return order;
+		},
+		unregister_tab: (tab: Tab, order: number) => {
+			if ($selected_tab === tab.id) {
+				$selected_tab = tabs[0]?.id ?? false;
+			}
+			tabs[order] = null;
+		},
+		selected_tab,
+		selected_tab_index
+	});
+
+	function change_tab(id: string | number | undefined, index: number): void {
+		const tab_to_activate = tabs.find((t) => t?.id === id);
+		if (
+			id !== undefined &&
+			tab_to_activate &&
+			tab_to_activate.interactive &&
+			is_visible_tab(tab_to_activate) &&
+			$selected_tab !== tab_to_activate.id
+		) {
+			selected = id;
+			$selected_tab = id;
+			$selected_tab_index = tabs.findIndex((t) => t?.id === id);
+			onchange?.();
+		}
+	}
+
+	$effect(() => {
+		tabs;
+		if (selected !== null) {
+			change_tab(
+				selected,
+				tabs.findIndex((t) => t?.id === selected)
+			);
+		}
+	});
+
+	$effect(() => {
+		tabs;
+		check_overflow();
+	});
+
+	$effect(() => {
+		$selected_tab_index;
+		check_overflow();
+	});
+
+	let tab_scale = $derived(
+		tabs[$selected_tab_index >= 0 ? $selected_tab_index : 0]?.scale
+	);
+</script>
+
+<svelte:window onresize={check_overflow} />
+
+<div
+	class="stepper {elem_classes.join(' ')}"
+	class:hide={visible === false}
+	class:hidden={visible === "hidden"}
+	id={elem_id}
+	style:flex-grow={tab_scale}
+	class:compact
+>
+	{#if has_tabs}
+		{#if compact}
+			<p class="step-title">
+				<strong>Step {($selected_tab_index || 0) + 1}/{tabs.length}:</strong>
+				{tabs[$selected_tab_index]?.label || "Walkthrough"}
+			</p>
+		{/if}
+		<div
+			class="stepper-wrapper"
+			bind:this={stepper_container}
+			style:--label-height={label_height + "px"}
+		>
+			<div
+				class="stepper-container"
+				bind:this={measurement_container}
+				role="tablist"
+			>
+				{#each tabs as t, i}
+					{#if is_visible_tab(t)}
+						<div class="step-item">
+							<button
+								bind:this={step_buttons[i]}
+								role="tab"
+								class="step-button"
+								class:active={t.id === $selected_tab}
+								class:completed={t.id < $selected_tab}
+								class:pending={t.id > $selected_tab}
+								aria-selected={t.id === $selected_tab}
+								aria-controls={t.elem_id}
+								disabled={!t.interactive || i > $selected_tab_index}
+								aria-disabled={!t.interactive || i > $selected_tab_index}
+								id={t.elem_id ? t.elem_id + "-button" : null}
+								data-tab-id={t.id}
+								onclick={() => {
+									if (i <= $selected_tab_index && t.id !== $selected_tab) {
+										change_tab(t.id, i);
+										onselect?.({
+											value: t.label,
+											index: i,
+											id: t.id,
+											component_id: t.component_id
+										});
+									}
+								}}
+							>
+								<span class="step-number">
+									{#if t.id < $selected_tab}
+										<svg
+											width="12"
+											height="10"
+											viewBox="0 0 12 10"
+											fill="none"
+											xmlns="http://www.w3.org/2000/svg"
+										>
+											<path
+												d="M1 5L4.5 8.5L11 1.5"
+												stroke="currentColor"
+												stroke-width="2"
+												stroke-linecap="round"
+												stroke-linejoin="round"
+											/>
+										</svg>
+									{:else}
+										{i + 1}
+									{/if}
+								</span>
+								{#if !compact}
+									<span
+										bind:this={step_labels[i]}
+										class="step-label"
+										class:visible={show_labels_for_all ||
+											i === $selected_tab_index}
+									>
+										{t?.label !== undefined ? t?.label : "Step " + (i + 1)}
+									</span>
+								{/if}
+							</button>
+						</div>
+						{#if i < tabs.length - 1 && !compact}
+							<div
+								class="step-connector"
+								class:completed={i < $selected_tab_index}
+							></div>
+						{/if}
+					{/if}
+				{/each}
+			</div>
+		</div>
+	{/if}
+	<slot />
+</div>
+
+<style>
+	.stepper {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		gap: var(--layout-gap);
+	}
+
+	.compact.stepper {
+		gap: 0;
+	}
+
+	.hide {
+		display: none;
+	}
+
+	.hidden {
+		display: none !important;
+	}
+
+	.stepper-wrapper {
+		display: flex;
+		align-items: center;
+		position: relative;
+		padding-top: var(--size-4);
+		padding-bottom: calc(var(--label-height) + var(--size-4));
+	}
+
+	.compact .stepper-wrapper {
+		padding-top: var(--size-2);
+		padding-bottom: var(--size-6);
+	}
+
+	.stepper-container {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-start;
+		width: 100%;
+		position: relative;
+		padding: var(--size-2);
+		gap: var(--size-1);
+	}
+
+	.compact .stepper-container {
+		justify-content: center;
+		gap: 2px;
+		padding: 0;
+	}
+
+	.step-item {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex: 1 1 0;
+		position: relative;
+	}
+
+	.compact .step-item {
+		/* flex: 0 0 auto; */
+		width: 100%;
+	}
+
+	.step-button {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: var(--size-1);
+
+		border: none;
+		background: transparent;
+		cursor: pointer;
+		border-radius: var(--radius-md);
+		transition: background-color 0.2s ease;
+		font-size: var(--text-sm);
+		color: var(--body-text-color-subdued);
+		white-space: nowrap;
+		z-index: 1;
+		position: relative;
+	}
+
+	.compact .step-button {
+		padding: 0;
+		width: 100%;
+		border: none;
+	}
+
+	.compact .step-number {
+		height: 10px;
+		width: 100%;
+		border-radius: 0;
+		border: none;
+	}
+
+	.step-button:hover:not(:disabled) {
+		background-color: var(--background-fill-secondary);
+	}
+
+	.step-button:disabled {
+		cursor: not-allowed;
+		opacity: 0.5;
+	}
+
+	.step-button.active {
+		color: var(--body-text-color);
+	}
+
+	.step-button.completed {
+		color: var(--body-text-color);
+	}
+
+	.step-button.pending {
+		color: var(--body-text-color-subdued);
+	}
+
+	.step-number {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 32px;
+		height: 32px;
+		border-radius: 50%;
+		font-size: var(--text-sm);
+		font-weight: var(--weight-semibold);
+		transition: background-color 0.2s ease;
+		flex-shrink: 0;
+	}
+
+	.active .step-number {
+		background-color: var(--color-accent);
+		color: white;
+		box-shadow: 0 0 0 4px rgba(var(--color-accent-rgb), 0.1);
+	}
+
+	.completed .step-number {
+		background-color: var(--color-accent);
+		color: white;
+	}
+
+	.compact .completed .step-number {
+		color: transparent;
+	}
+
+	.compact .pending .step-number {
+		color: transparent;
+		background-color: var(--body-text-color-subdued);
+	}
+
+	.compact .active .step-number {
+		color: transparent;
+	}
+
+	.pending .step-number {
+		background-color: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+	}
+
+	.compact .step-item:last-child .step-number {
+		border-top-right-radius: var(--radius-xs);
+		border-bottom-right-radius: var(--radius-xs);
+	}
+	.compact .step-item:first-child .step-number {
+		border-top-left-radius: var(--radius-xs);
+		border-bottom-left-radius: var(--radius-xs);
+	}
+
+	.step-label {
+		font-size: var(--text-md);
+		line-height: 1.2;
+		text-align: center;
+		max-width: 120px;
+		position: absolute;
+		bottom: -20px;
+		display: none;
+	}
+
+	.step-label.visible {
+		display: block;
+	}
+
+	.step-connector {
+		width: 100%;
+		height: 2px;
+		background-color: var(--border-color-primary);
+		transition: background-color 0.3s ease;
+		z-index: 0;
+		transform: translate(0, 15px);
+	}
+
+	.step-connector.completed {
+		background-color: var(--color-accent);
+	}
+
+	:global(.dark) .pending .step-number {
+		background-color: var(--neutral-800);
+		color: var(--neutral-400);
+		border-color: var(--neutral-600);
+	}
+
+	:global(.dark) .step-connector {
+		background-color: var(--neutral-600);
+	}
+</style>
diff --git a/js/tabs/types.ts b/js/tabs/types.ts
new file mode 100644
index 0000000..69fdfb9
--- /dev/null
+++ b/js/tabs/types.ts
@@ -0,0 +1,22 @@
+import type { SelectData } from "@gradio/utils";
+import type { Tab } from "./shared/Tabs.svelte";
+
+export interface TabsProps {
+	visible: boolean | "hidden";
+	elem_id: string;
+	elem_classes: string[];
+	selected: number | string;
+	initial_tabs: Tab[];
+	name: "tabs" | "walkthrough";
+}
+
+export interface TabsEvents {
+	change: never;
+	select: SelectData;
+	gradio_tab_select: {
+		value: string;
+		index: number;
+		id: string | number;
+		component_id: string | number;
+	};
+}
diff --git a/js/textbox/CHANGELOG.md b/js/textbox/CHANGELOG.md
new file mode 100644
index 0000000..63443d9
--- /dev/null
+++ b/js/textbox/CHANGELOG.md
@@ -0,0 +1,982 @@
+# @gradio/textbox
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+
+## 0.14.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.13.9
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.13.8
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+
+## 0.13.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.13.6
+
+### Fixes
+
+- [#13028](https://github.com/gradio-app/gradio/pull/13028) [`30af84c`](https://github.com/gradio-app/gradio/commit/30af84cdd100855999281de8720cbb6d58b48556) - Browser tests follow-up.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.13.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.13.4
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.13.3
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/statustracker@0.12.3
+
+## 0.13.2
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12770](https://github.com/gradio-app/gradio/pull/12770) [`3115258`](https://github.com/gradio-app/gradio/commit/3115258d5dcbc00e91025eaa84ae01ff5db03978) - Remove textbox scrollbar if value is empty.  Thanks @freddyaboulton!
+- [#12757](https://github.com/gradio-app/gradio/pull/12757) [`6d9c2d7`](https://github.com/gradio-app/gradio/commit/6d9c2d7d81e4b0936c15fac2eae9e7640ab22777) - Migrate Textbox to Svelte 5.  Thanks @dawoodkhan82!
+- [#12784](https://github.com/gradio-app/gradio/pull/12784) [`565f07f`](https://github.com/gradio-app/gradio/commit/565f07fdc7888ad74452d3ed027807b670aec714) - Fix gr.Textbox auto-resize regression when lines=1.  Thanks @hysts!
+- [#12775](https://github.com/gradio-app/gradio/pull/12775) [`e023cac`](https://github.com/gradio-app/gradio/commit/e023cac0ae8c69ee12400f61abda616de9db67ce) - Restore gr.Textbox resize listener.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+
+## 0.13.1
+
+### Fixes
+
+- [#12605](https://github.com/gradio-app/gradio/pull/12605) [`48f580b`](https://github.com/gradio-app/gradio/commit/48f580b508c1f7fe121929aceecc31b2af15c189) - fix: Fix Textbox white background in dark mode.  Thanks @Godkunn!
+- [#12692](https://github.com/gradio-app/gradio/pull/12692) [`3b3eaf0`](https://github.com/gradio-app/gradio/commit/3b3eaf0dcb0690cc815eb2b3c40ca335c9a47a11) - Restore RTL prop to gradio components.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.13.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.12.1
+
+### Fixes
+
+- [#12516](https://github.com/gradio-app/gradio/pull/12516) [`23c9bb5`](https://github.com/gradio-app/gradio/commit/23c9bb5d46909a07b4ff639655b59b4a979a0c06) - Fix copy button in `gr.Textbox`.  Thanks @dawoodkhan82!
+
+## 0.12.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.12.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - fix input
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - remove_placeholder_type_here
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix bug where Textbox change/input events triggers automatically when component mounts
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Enhancements to DX/Docs for Custom HTML components
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.12.0-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.12.0-dev.1
+
+### Features
+
+- [#12359](https://github.com/gradio-app/gradio/pull/12359) [`9040fd5`](https://github.com/gradio-app/gradio/commit/9040fd5e2c7de9c806debdc801e230edf6589802) - fix input.  Thanks @pngwn!
+
+## 0.11.2-dev.0
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.11.1
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+
+## 0.11.0
+
+### Features
+
+- [#11814](https://github.com/gradio-app/gradio/pull/11814) [`013784a`](https://github.com/gradio-app/gradio/commit/013784a7086047651e8e661a38bde7d5c7f10db7) - add validation support.  Thanks @pngwn!
+- [#11832](https://github.com/gradio-app/gradio/pull/11832) [`e40df25`](https://github.com/gradio-app/gradio/commit/e40df252064e41d532472a535c42e3539877aa06) - Consolidate copy button implementations to use IconButton.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.10.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.10.20
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.10.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/icons@0.13.0
+
+## 0.10.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+
+## 0.10.18
+
+### Fixes
+
+- [#11598](https://github.com/gradio-app/gradio/pull/11598) [`33d9c48`](https://github.com/gradio-app/gradio/commit/33d9c4812b0cadfb741c0f8116a9fad74e991237) - Ensure `gr.Textbox` is responsive with content.  Thanks @hannahblair!
+
+## 0.10.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.10.16
+
+### Fixes
+
+- [#11537](https://github.com/gradio-app/gradio/pull/11537) [`8eb253b`](https://github.com/gradio-app/gradio/commit/8eb253be32a01c0c67911d7a7a3762c52a76a87b) - fix html attribute spreading bug and pin `httpx`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+
+## 0.10.15
+
+### Fixes
+
+- [#11387](https://github.com/gradio-app/gradio/pull/11387) [`8245afc`](https://github.com/gradio-app/gradio/commit/8245afc669501e1e5f0d619f452455f68a3b7667) - Define root URL in frontend.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+
+## 0.10.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.10.14
+
+### Features
+
+- [#11380](https://github.com/gradio-app/gradio/pull/11380) [`0b2b6cb`](https://github.com/gradio-app/gradio/commit/0b2b6cbd44562a2f5843af872fe6761c5f255185) - Truncate textbox examples to 70 chars.  Thanks @hannahblair!
+
+## 0.10.13
+
+### Fixes
+
+- [#11318](https://github.com/gradio-app/gradio/pull/11318) [`3e40af3`](https://github.com/gradio-app/gradio/commit/3e40af3df4669ce400db4c9308d0e20f0d7ddf96) - Fix textbox autoscroll in tabs.  Thanks @dawoodkhan82!
+
+## 0.10.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.10.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.10.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+
+## 0.10.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/atoms@0.16.0
+
+## 0.10.9
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/utils@0.10.2
+
+## 0.10.8
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+
+## 0.10.5
+
+### Fixes
+
+- [#10785](https://github.com/gradio-app/gradio/pull/10785) [`fb8c1cb`](https://github.com/gradio-app/gradio/commit/fb8c1cb6d159fbcec80749f691e9b783bc212936) - Move `gr.Textbox` lines logic to frontend.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/icons@0.10.0
+
+## 0.10.0
+
+### Features
+
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/atoms@0.12.0
+
+## 0.9.0
+
+### Features
+
+- [#9979](https://github.com/gradio-app/gradio/pull/9979) [`e7629f7`](https://github.com/gradio-app/gradio/commit/e7629f7eacdc2a8960fae7472669b60405a4a06c) - Adds copy event to `gr.Markdown`, `gr.Chatbot`, and `gr.Textbox`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.8.5
+
+### Fixes
+
+- [#9859](https://github.com/gradio-app/gradio/pull/9859) [`c1cb5be`](https://github.com/gradio-app/gradio/commit/c1cb5be2d79fce5d25032366b5864700ba9d1114) - Fix: Resolve copy button visibility issue in Textbox component.  Thanks @rahulsamant37!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+
+## 0.8.4
+
+### Fixes
+
+- [#9831](https://github.com/gradio-app/gradio/pull/9831) [`767643f`](https://github.com/gradio-app/gradio/commit/767643fdeccb1ae1481e1d79034317082144b371) - Fix a bug in example textbox rendering when it is initially invisible.  Thanks @cornzz!
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/atoms@0.9.2
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+
+## 0.8.0
+
+### Features
+
+- [#9677](https://github.com/gradio-app/gradio/pull/9677) [`3a19e69`](https://github.com/gradio-app/gradio/commit/3a19e690ef8de12c4494429d52988b863065eed3) - Revert text disable.  Thanks @whitphx!
+
+## 0.7.1
+
+### Features
+
+- [#9626](https://github.com/gradio-app/gradio/pull/9626) [`ec95b02`](https://github.com/gradio-app/gradio/commit/ec95b0212b3ce2bf1a14af92fcd40d15052dd672) - Fix stopping chat interface when stop button is clicked.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.7.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adding new themes to Gradio 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot Examples
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Allow `info=` to render markdown
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Disable the submit button and enter-key submit when the text is empty
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Match style of textbox stop button to submit button
+
+### Fixes
+
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Set the color of placeholder in a disabled textbox to gray instead of black, and disable typing while a response is generating in `gr.ChatInterface`, allow `gr.MultimodalTextbox` to accept string values
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.7.0-beta.5
+
+### Features
+
+- [#9437](https://github.com/gradio-app/gradio/pull/9437) [`c3d93be`](https://github.com/gradio-app/gradio/commit/c3d93bef94b9401747a363f7bad88a1d347d535b) - Adding new themes to Gradio 5.0.  Thanks @allisonwhilden!
+- [#9583](https://github.com/gradio-app/gradio/pull/9583) [`b92a762`](https://github.com/gradio-app/gradio/commit/b92a7623e1ebd801587041e1ccca058a61058da9) - Disable the submit button and enter-key submit when the text is empty.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.7.0-beta.4
+
+### Features
+
+- [#9521](https://github.com/gradio-app/gradio/pull/9521) [`06ef22e`](https://github.com/gradio-app/gradio/commit/06ef22e83cdd27e7afb381396d153d9db3dea16e) - Allow `info=` to render markdown.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+
+## 0.7.0-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.7.0-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.7.0-beta.2
+
+### Features
+
+- [#8966](https://github.com/gradio-app/gradio/pull/8966) [`8e52b6a`](https://github.com/gradio-app/gradio/commit/8e52b6a3e75957462bc7fdbf6ff9c280084d5f08) - Chatbot Examples.  Thanks @dawoodkhan82!
+- [#9280](https://github.com/gradio-app/gradio/pull/9280) [`7122420`](https://github.com/gradio-app/gradio/commit/712242047fde3a594dfde7f48a44c7ea16239dc8) - Match style of textbox stop button to submit button.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#9328](https://github.com/gradio-app/gradio/pull/9328) [`6a7f631`](https://github.com/gradio-app/gradio/commit/6a7f63180b4105622298dd742d6a0d25216ea629) - Set the color of placeholder in a disabled textbox to gray instead of black, and disable typing while a response is generating in `gr.ChatInterface`, allow `gr.MultimodalTextbox` to accept string values.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.7.0-beta.1
+
+### Features
+
+- [#9235](https://github.com/gradio-app/gradio/pull/9235) [`f8b411f`](https://github.com/gradio-app/gradio/commit/f8b411fe282ff0316ed4abebc0a043b044bf4dd9) - Built-in submit and stop buttons in `gr.ChatInterface(multimodal=False)`, adding `submit_btn` and `stop_btn` props to `gr.Textbox()` and `gr.MultimodalText()`.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.7.0
+
+### Features
+
+- [#9185](https://github.com/gradio-app/gradio/pull/9185) [`2daf3d1`](https://github.com/gradio-app/gradio/commit/2daf3d10f5986675f6ceb75ebb50c9d991c282bf) - Adding `maxlength` attribute handling of `textarea` and `input` HTML element for the `gr.TextBox()` component via a `max_length` parameter.  Thanks @WH-Yoshi!
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+
+## 0.6.11
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/statustracker@0.7.5
+- @gradio/icons@0.7.1
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/icons@0.7.0
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+- @gradio/atoms@0.7.7
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/icons@0.6.0
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/icons@0.4.1
+
+## 0.6.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.5.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.4.16
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.4.15
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+
+## 0.4.14
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+
+## 0.4.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+- @gradio/atoms@0.6.0
+
+## 0.4.12
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.4.11
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/statustracker@0.4.7
+
+## 0.4.10
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/atoms@0.5.2
+  - @gradio/statustracker@0.4.6
+
+## 0.4.9
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.8
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b), [`c60ad4d`](https://github.com/gradio-app/gradio/commit/c60ad4d34ab5b56a89bf6796822977e51e7a4a32)]:
+  - @gradio/utils@0.2.1
+  - @gradio/atoms@0.5.0
+  - @gradio/statustracker@0.4.4
+
+## 0.4.7
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/statustracker@0.4.3
+  - @gradio/atoms@0.4.1
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`053bec9`](https://github.com/gradio-app/gradio/commit/053bec98be1127e083414024e02cf0bebb0b5142), [`4d1cbbc`](https://github.com/gradio-app/gradio/commit/4d1cbbcf30833ef1de2d2d2710c7492a379a9a00)]:
+  - @gradio/icons@0.3.2
+  - @gradio/atoms@0.4.0
+  - @gradio/statustracker@0.4.2
+
+## 0.4.5
+
+### Fixes
+
+- [#6635](https://github.com/gradio-app/gradio/pull/6635) [`b639e04`](https://github.com/gradio-app/gradio/commit/b639e040741e6c0d9104271c81415d7befbd8cf3) - Quick Image + Text Component Fixes. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/statustracker@0.4.0
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.4.2
+
+### Fixes
+
+- [#6323](https://github.com/gradio-app/gradio/pull/6323) [`55fda81fa`](https://github.com/gradio-app/gradio/commit/55fda81fa5918b48952729232d6e2fc55af9351d) - Textbox and Code Component Blur/Focus Fixes. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780), [`fad92c29d`](https://github.com/gradio-app/gradio/commit/fad92c29dc1f5cd84341aae417c495b33e01245f)]:
+  - @gradio/atoms@0.2.1
+  - @gradio/statustracker@0.3.1
+
+## 0.4.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.8
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.7
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+  - @gradio/statustracker@0.2.3
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/statustracker@0.2.2
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/statustracker@0.2.1
+
+## 0.4.0
+
+### Features
+
+- [#5652](https://github.com/gradio-app/gradio/pull/5652) [`2e25d4305`](https://github.com/gradio-app/gradio/commit/2e25d430582264945ae3316acd04c4453a25ce38) - Pause autoscrolling if a user scrolls up in a `gr.Textbox` and resume autoscrolling if they go all the way down. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.0
+
+### Features
+
+- [#5488](https://github.com/gradio-app/gradio/pull/5488) [`8909e42a`](https://github.com/gradio-app/gradio/commit/8909e42a7c6272358ad413588d27a5124d151205) - Adds `autoscroll` param to `gr.Textbox()`. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.2.0
+
+### Features
+
+- [#5417](https://github.com/gradio-app/gradio/pull/5417) [`d14d63e3`](https://github.com/gradio-app/gradio/commit/d14d63e30c4af3f9c2a664fd11b0a01943a8300c) - Auto scroll to bottom of textbox. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/atoms@0.1.1
+  - @gradio/statustracker@0.1.1
+
+## 0.1.2
+
+### Fixes
+
+- [#5324](https://github.com/gradio-app/gradio/pull/5324) [`31996c99`](https://github.com/gradio-app/gradio/commit/31996c991d6bfca8cef975eb8e3c9f61a7aced19) - ensure login form has correct styles. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.1
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0
+
+### Features
+
+- [#5005](https://github.com/gradio-app/gradio/pull/5005) [`f5539c76`](https://github.com/gradio-app/gradio/commit/f5539c7618e31451420bd3228754774da14dc65f) - Enhancement: Add focus event to textbox and number component. Thanks [@JodyZ0203](https://github.com/JodyZ0203)!
+
+### Fixes
+
+- [#5114](https://github.com/gradio-app/gradio/pull/5114) [`56d2609d`](https://github.com/gradio-app/gradio/commit/56d2609de93387a75dc82b1c06c1240c5b28c0b8) - Reset textbox value to empty string when value is None. Thanks [@hannahblair](https://github.com/hannahblair)!
\ No newline at end of file
diff --git a/js/textbox/Example.svelte b/js/textbox/Example.svelte
new file mode 100644
index 0000000..a79e202
--- /dev/null
+++ b/js/textbox/Example.svelte
@@ -0,0 +1,50 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	export let value: string | null;
+	export let type: "gallery" | "table";
+	export let selected = false;
+
+	let size: number;
+	let el: HTMLDivElement;
+
+	function set_styles(element: HTMLElement, el_width: number): void {
+		element.style.setProperty(
+			"--local-text-width",
+			`${el_width && el_width < 150 ? el_width : 200}px`
+		);
+		element.style.whiteSpace = "unset";
+	}
+
+	function truncate_text(text: string | null, max_length = 60): string {
+		if (!text) return "";
+		const str = String(text);
+		if (str.length <= max_length) return str;
+		return str.slice(0, max_length) + "...";
+	}
+
+	onMount(() => {
+		set_styles(el, size);
+	});
+</script>
+
+<div
+	bind:clientWidth={size}
+	bind:this={el}
+	class:table={type === "table"}
+	class:gallery={type === "gallery"}
+	class:selected
+>
+	{truncate_text(value)}
+</div>
+
+<style>
+	.gallery {
+		padding: var(--size-1) var(--size-2);
+	}
+
+	div {
+		overflow: hidden;
+		white-space: nowrap;
+	}
+</style>
diff --git a/js/textbox/Index.svelte b/js/textbox/Index.svelte
new file mode 100644
index 0000000..bba29a8
--- /dev/null
+++ b/js/textbox/Index.svelte
@@ -0,0 +1,112 @@
+<svelte:options accessors={true} />
+
+<script context="module" lang="ts">
+	export { default as BaseTextbox } from "./shared/Textbox.svelte";
+	export { default as BaseExample } from "./Example.svelte";
+</script>
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import TextBox from "./shared/Textbox.svelte";
+	import StatusTracker from "@gradio/statustracker";
+	import { Block } from "@gradio/atoms";
+	import { Gradio } from "@gradio/utils";
+	import type { TextboxProps, TextboxEvents } from "./types";
+
+	let _props = $props();
+	const gradio = new Gradio<TextboxEvents, TextboxProps>(_props);
+
+	let label = $derived(gradio.shared.label || "Textbox");
+	// Need to set the value to "" otherwise a change event gets
+	// dispatched when the child sets it to ""
+	gradio.props.value = gradio.props.value ?? "";
+	let old_value = $state(gradio.props.value);
+
+	async function dispatch_change() {
+		if (old_value !== gradio.props.value) {
+			old_value = gradio.props.value;
+			await tick();
+			gradio.dispatch("change", $state.snapshot(gradio.props.value));
+		}
+	}
+
+	async function handle_input(value: string): Promise<void> {
+		if (!gradio.shared || !gradio.props) return;
+		gradio.props.validation_error = null;
+		gradio.props.value = value;
+		await tick();
+		gradio.dispatch("input");
+	}
+
+	$effect(() => {
+		dispatch_change();
+	});
+
+	function handle_change(value: string): void {
+		if (!gradio.shared || !gradio.props) return;
+		gradio.props.validation_error = null;
+		gradio.props.value = value;
+	}
+</script>
+
+<Block
+	visible={gradio.shared.visible}
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	scale={gradio.shared.scale}
+	min_width={gradio.shared.min_width}
+	allow_overflow={false}
+	padding={gradio.shared.container}
+	rtl={gradio.props.rtl}
+>
+	{#if gradio.shared.loading_status}
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			show_validation_error={false}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+	{/if}
+
+	<TextBox
+		bind:value={gradio.props.value}
+		{label}
+		info={gradio.props.info}
+		show_label={gradio.shared.show_label}
+		lines={gradio.props.lines}
+		type={gradio.props.type}
+		rtl={gradio.props.rtl}
+		text_align={gradio.props.text_align}
+		max_lines={gradio.props.max_lines}
+		placeholder={gradio.props.placeholder}
+		submit_btn={gradio.props.submit_btn}
+		stop_btn={gradio.props.stop_btn}
+		buttons={gradio.props.buttons}
+		autofocus={gradio.props.autofocus}
+		container={gradio.shared.container}
+		autoscroll={gradio.shared.autoscroll}
+		max_length={gradio.props.max_length}
+		html_attributes={gradio.props.html_attributes}
+		validation_error={gradio.shared?.loading_status?.validation_error ||
+			gradio.shared?.validation_error}
+		onchange={handle_change}
+		oninput={handle_input}
+		onsubmit={() => {
+			gradio.shared.validation_error = null;
+			gradio.dispatch("submit");
+		}}
+		onblur={() => gradio.dispatch("blur")}
+		onselect={(data) => gradio.dispatch("select", data)}
+		onfocus={() => gradio.dispatch("focus")}
+		onstop={() => gradio.dispatch("stop")}
+		oncopy={(data) => gradio.dispatch("copy", data)}
+		oncustombuttonclick={(id) => {
+			gradio.dispatch("custom_button_click", { id });
+		}}
+		disabled={!gradio.shared.interactive}
+	/>
+</Block>
+
+<!-- bind:value_is_output={gradio.props.value_is_output} -->
diff --git a/js/textbox/README.md b/js/textbox/README.md
new file mode 100644
index 0000000..1c5f564
--- /dev/null
+++ b/js/textbox/README.md
@@ -0,0 +1,35 @@
+# `@gradio/textbox`
+
+```html
+<script>
+    import { BaseTextbox, BaseExample } from "@gradio/textbox";
+</script>
+```
+
+BaseTextbox
+```javascript
+	export let value = "";
+	export let value_is_output = false;
+	export let lines = 1;
+	export let placeholder = "";
+	export let label: string;
+	export let info: string | undefined = undefined;
+	export let disabled = false;
+	export let show_label = true;
+	export let container = true;
+	export let max_lines: number;
+	export let type: "text" | "password" | "email" = "text";
+	export let show_copy_button = false;
+	export let rtl = false;
+	export let autofocus = false;
+	export let text_align: "left" | "right" | undefined = undefined;
+	export let autoscroll = true;
+	export let max_length: number | undefined = undefined;
+```
+
+BaseExample
+```javascript
+	export let value: string;
+	export let type: "gallery" | "table";
+	export let selected = false;
+```
\ No newline at end of file
diff --git a/js/textbox/Textbox.stories.svelte b/js/textbox/Textbox.stories.svelte
new file mode 100644
index 0000000..3632fc6
--- /dev/null
+++ b/js/textbox/Textbox.stories.svelte
@@ -0,0 +1,84 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Textbox from "./Index.svelte";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/Textbox",
+		component: Textbox,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		},
+		argTypes: {
+			label: { control: "text", description: "The textbox label" },
+			show_label: {
+				control: "boolean",
+				description: "Whether to show the label",
+				defaultValue: true
+			},
+			type: {
+				control: "select",
+				options: ["text", "email", "password"],
+				description: "The type of textbox"
+			},
+			text_align: {
+				control: "select",
+				options: ["left", "right"],
+				description: "Text alignment"
+			},
+			lines: {
+				control: "select",
+				options: [1, 5, 10, 20],
+				description: "Number of lines"
+			},
+			max_lines: {
+				control: "select",
+				options: [1, 5, 10, 20],
+				description: "Max lines"
+			},
+			rtl: { control: "boolean", description: "Right-to-left" }
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Textbox {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Textbox with label"
+	args={{
+		label: "My simple label",
+		show_label: true,
+		value: "hello world",
+		interactive: true
+	}}
+	{template}
+/>
+<Story
+	name="Textbox with 5 lines and max 5 lines"
+	args={{ lines: 5, max_lines: 5, value: "hello world", interactive: true }}
+	{template}
+/>
+<Story
+	name="Password input"
+	args={{
+		type: "password",
+		lines: 1,
+		max_lines: 1,
+		value: "secret",
+		interactive: true
+	}}
+	{template}
+/>
+<Story
+	name="RTL textbox"
+	args={{ rtl: true, value: "hello world", interactive: true }}
+	{template}
+/>
diff --git a/js/textbox/Textbox.test.ts b/js/textbox/Textbox.test.ts
new file mode 100644
index 0000000..7071c73
--- /dev/null
+++ b/js/textbox/Textbox.test.ts
@@ -0,0 +1,512 @@
+import { test, describe, assert, afterEach, expect } from "vitest";
+import { cleanup, render, fireEvent, waitFor } from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import Textbox from "./Index.svelte";
+import { tick } from "svelte";
+
+const default_props = {
+	show_label: true,
+	max_lines: 10,
+	lines: 1,
+	value: "hi ",
+	label: "Textbox",
+	interactive: true
+};
+
+run_shared_prop_tests({
+	component: Textbox,
+	name: "Textbox",
+	base_props: {
+		lines: 1,
+		max_lines: 10,
+		value: "",
+		interactive: true
+	}
+});
+
+describe("Textbox", () => {
+	afterEach(() => cleanup());
+
+	test("renders provided value", async () => {
+		const { getByDisplayValue } = await render(Textbox, {
+			...default_props,
+			max_lines: 1,
+			value: "hello world",
+			interactive: false
+		});
+
+		const item: HTMLInputElement = getByDisplayValue(
+			"hello world"
+		) as HTMLInputElement;
+		assert.equal(item.value, "hello world");
+	});
+
+	test("changing the text should update the value", async () => {
+		const { getByDisplayValue } = await render(Textbox, default_props);
+
+		const item: HTMLInputElement = getByDisplayValue("hi") as HTMLInputElement;
+
+		item.focus();
+		await event.keyboard("some text");
+
+		expect(item.value).toBe("hi some text");
+	});
+});
+
+describe("Props: type", () => {
+	afterEach(() => cleanup());
+
+	test("type='text' renders a text input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			type: "text",
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox");
+		expect(el.tagName).toBe("INPUT");
+	});
+
+	test("type='password' renders a password input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			type: "password",
+			max_lines: 1
+		});
+		const el = result.getByTestId("password");
+
+		expect(el).toBeTruthy();
+		expect(el).toHaveAttribute("type", "password");
+	});
+
+	test("type='email' renders an email input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			type: "email",
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toHaveAttribute("type", "email");
+	});
+});
+
+describe("Props: lines", () => {
+	afterEach(() => cleanup());
+
+	test("lines=1 renders an input element", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			lines: 1,
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox");
+		expect(el.tagName).toBe("INPUT");
+	});
+
+	test("lines > 1 renders a textarea with correct rows", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			lines: 5,
+			max_lines: 10
+		});
+		const el = result.getByRole("textbox");
+		expect(el.tagName).toBe("TEXTAREA");
+		expect(el).toHaveAttribute("rows", "5");
+	});
+});
+
+describe("Props: text content", () => {
+	afterEach(() => cleanup());
+
+	test("placeholder text is rendered", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			value: "",
+			placeholder: "Enter text..."
+		});
+		const el = result.getByPlaceholderText("Enter text...");
+		expect(el).toBeTruthy();
+	});
+
+	test("max_length limits input length", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			value: "",
+			max_length: 5,
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox") as HTMLInputElement;
+		el.focus();
+		await event.type(el, "abcdefgh");
+		expect(el).toHaveValue("abcde");
+	});
+
+	test("value is rendered in the input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			value: "hello world"
+		});
+		result.getByDisplayValue("hello world");
+	});
+});
+
+describe("Props: directional", () => {
+	afterEach(() => cleanup());
+
+	test("rtl=true sets right-to-left direction", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			rtl: true,
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toHaveAttribute("dir", "rtl");
+	});
+
+	test("rtl=false sets left-to-right direction", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			rtl: false,
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toHaveAttribute("dir", "ltr");
+	});
+});
+
+describe("Props: buttons", () => {
+	afterEach(() => cleanup());
+
+	test("submit_btn=true renders a submit button", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			submit_btn: true
+		});
+		const btn = result.getByTestId("submit-button");
+		expect(btn).toBeTruthy();
+	});
+
+	test("submit_btn with string renders the string as button text", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			submit_btn: "Send it"
+		});
+		const btn = result.getByRole("button", { name: "Send it" });
+		expect(btn).toBeTruthy();
+	});
+
+	test("stop_btn=true renders a stop button", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			stop_btn: true
+		});
+		const btn = result.getByTestId("stop-button");
+		expect(btn).toBeTruthy();
+	});
+
+	test("stop_btn with string renders the string as button text", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			stop_btn: "Cancel"
+		});
+		const btn = result.getByRole("button", { name: "Cancel" });
+		expect(btn).toBeTruthy();
+	});
+
+	test("no submit_btn or stop_btn renders no buttons", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			submit_btn: false,
+			stop_btn: false
+		});
+		const btn = result.queryByRole("button");
+		expect(btn).toBeNull();
+	});
+});
+
+describe("Props: info", () => {
+	afterEach(() => cleanup());
+
+	test("info renders descriptive text", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			info: "Additional info here"
+		});
+		const el = await waitFor(() => result.getByText("Additional info here"));
+		expect(el).toBeTruthy();
+	});
+
+	test("no info does not render info text", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			info: undefined
+		});
+		const el = result.queryByText("Additional info here");
+		expect(el).toBeNull();
+	});
+});
+
+describe("Props: html_attributes", () => {
+	afterEach(() => cleanup());
+
+	test("spellcheck is applied to the input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			max_lines: 1,
+			html_attributes: { spellcheck: "false" }
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toHaveAttribute("spellcheck", "false");
+	});
+
+	test("autocomplete is applied to the input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			max_lines: 1,
+			html_attributes: { autocomplete: "username" }
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toHaveAttribute("autocomplete", "username");
+	});
+});
+
+describe("Props: autofocus", () => {
+	afterEach(() => cleanup());
+
+	test("autofocus=true focuses the element on mount", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			autofocus: true,
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toHaveFocus();
+	});
+});
+
+describe("Interactive behavior", () => {
+	afterEach(() => cleanup());
+
+	test("interactive=false disables the input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			interactive: false,
+			max_lines: 1
+		});
+		const el = result.getByTestId("textbox");
+		expect(el).toBeDisabled();
+	});
+
+	test("interactive=true enables the input", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			interactive: true,
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toBeEnabled();
+	});
+
+	test("interactive=false disables a textarea too", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			interactive: false,
+			lines: 3,
+			max_lines: 5
+		});
+		const el = result.getByRole("textbox");
+		expect(el).toBeDisabled();
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("value defaults to empty string when null", async () => {
+		const result = await render(Textbox, {
+			...default_props,
+			value: null,
+			max_lines: 1
+		});
+		const el = result.getByRole("textbox") as HTMLInputElement;
+		expect(el).toHaveValue("");
+	});
+
+	test("no spurious change event on mount", async () => {
+		const { listen } = await render(Textbox, {
+			...default_props,
+			value: "initial"
+		});
+		const change = listen("change");
+		await tick();
+		await tick();
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("change deduplication: same value does not re-fire", async () => {
+		const { listen, set_data } = await render(Textbox, {
+			...default_props,
+			value: ""
+		});
+		const change = listen("change");
+		await set_data({ value: "hello" });
+		await set_data({ value: "hello" });
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("change: emitted when value changes from outside", async () => {
+		const { listen, set_data } = await render(Textbox, default_props);
+
+		const change = listen("change");
+
+		await set_data({ value: "hello world" });
+
+		expect(change).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledWith("hello world");
+	});
+
+	test("input: emitted on each keystroke", async () => {
+		const { getByDisplayValue, listen } = await render(Textbox, default_props);
+
+		const item: HTMLInputElement = getByDisplayValue("hi") as HTMLInputElement;
+		const input = listen("input");
+
+		item.focus();
+		await event.keyboard("a");
+
+		await waitFor(() => {
+			expect(input).toHaveBeenCalledTimes(1);
+		});
+
+		await event.keyboard("b");
+
+		await waitFor(() => {
+			expect(input).toHaveBeenCalledTimes(2);
+		});
+	});
+
+	test("submit: emitted on Enter key in single-line textbox", async () => {
+		const { getByDisplayValue, listen, get_data } = await render(
+			Textbox,
+			default_props
+		);
+
+		const item: HTMLInputElement = getByDisplayValue("hi") as HTMLInputElement;
+		const submit = listen("submit");
+
+		item.focus();
+		await event.keyboard("ab");
+		await event.keyboard("{Enter}");
+
+		expect(submit).toHaveBeenCalledTimes(1);
+		const new_data = await get_data();
+		expect(new_data.value).toEqual("hi ab");
+	});
+
+	test("submit: emitted when submit button is clicked", async () => {
+		const { listen, getByTestId } = await render(Textbox, {
+			...default_props,
+			submit_btn: true
+		});
+
+		const submit = listen("submit");
+		const btn = getByTestId("submit-button") as HTMLButtonElement;
+
+		fireEvent.click(btn);
+
+		expect(submit).toHaveBeenCalledTimes(1);
+	});
+
+	test("blur: emitted when input loses focus", async () => {
+		const { getByDisplayValue, listen } = await render(Textbox, default_props);
+
+		const item = getByDisplayValue("hi");
+		const blur = listen("blur");
+
+		item.focus();
+		item.blur();
+
+		expect(blur).toHaveBeenCalledTimes(1);
+	});
+
+	test("focus: emitted when input gains focus", async () => {
+		const { getByDisplayValue, listen } = await render(Textbox, default_props);
+
+		const item = getByDisplayValue("hi");
+		const focus = listen("focus");
+
+		item.focus();
+
+		expect(focus).toHaveBeenCalledTimes(1);
+	});
+
+	test("select: emitted when text is selected", async () => {
+		const { getByDisplayValue, listen } = await render(Textbox, {
+			...default_props,
+			value: "hello world"
+		});
+
+		const item = getByDisplayValue("hello world") as HTMLInputElement;
+		const select = listen("select");
+
+		item.focus();
+		item.setSelectionRange(0, 5);
+		await fireEvent.select(item);
+
+		expect(select).toHaveBeenCalledWith({
+			value: "hello",
+			index: [0, 5]
+		});
+	});
+
+	test("stop: emitted when stop button is clicked", async () => {
+		const { listen, getByTestId } = await render(Textbox, {
+			...default_props,
+			stop_btn: true
+		});
+
+		const stop = listen("stop");
+		const btn = getByTestId("stop-button");
+
+		await fireEvent.click(btn);
+
+		expect(stop).toHaveBeenCalledTimes(1);
+	});
+
+	test("copy: emitted when copy button is clicked", async () => {
+		const { listen, getByLabelText } = await render(Textbox, {
+			...default_props,
+			value: "copy me",
+			buttons: ["copy"]
+		});
+
+		const copy = listen("copy");
+		const btn = getByLabelText("Copy");
+
+		await fireEvent.click(btn);
+
+		await waitFor(() => {
+			expect(copy).toHaveBeenCalledTimes(1);
+		});
+		expect(copy).toHaveBeenCalledWith({ value: "copy me" });
+	});
+
+	test("custom_button_click: emitted when custom button is clicked", async () => {
+		const { listen, getByLabelText } = await render(Textbox, {
+			...default_props,
+			buttons: [{ value: "Run", id: 42, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Run");
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 42 });
+	});
+});
diff --git a/js/textbox/TextboxExample.stories.svelte b/js/textbox/TextboxExample.stories.svelte
new file mode 100644
index 0000000..8c2cdf6
--- /dev/null
+++ b/js/textbox/TextboxExample.stories.svelte
@@ -0,0 +1,33 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Textbox from "./Example.svelte";
+
+	const { Story } = defineMeta({
+		title: "Components/Textbox/Example",
+		component: Textbox
+	});
+</script>
+
+<Story
+	name="Text value"
+	args={{
+		value: "the quick brown fox"
+	}}
+>
+	{#snippet template(args)}
+		<Textbox {...args} />
+	{/snippet}
+</Story>
+
+<Story
+	name="Long text truncated at 60 chars"
+	args={{
+		value: [
+			`[00:04.34]Tell me that I'm special\n[00:06.57]Tell me I look pretty\n[00:08.46]Tell me I'm a little angel\n[00:10.58]Sweetheart of your city\n[00:13.64]Say what I'm dying to hear\n[00:17.35]Cause I'm dying to hear you\n[00:20.86]Tell me I'm that new thing\n[00:22.93]Tell me that I'm relevant\n[00:24.96]Tell me that I got a big heart\n[00:27.04]Then back it up with evidence\n[00:29.94]I need it and I don't know why\n[00:34.28]This late at night\n[00:36.32]Isn't it lonely\n[00:39.24]I'd do anything to make you want me\n[00:43.40]I'd give it all up if you told me\n[00:47.42]That I'd be\n[00:49.43]The number one girl in your eyes\n[00:52.85]Your one and only\n[00:55.74]So what's it gon' take for you to want me\n[00:59.78]I'd give it all up if you told me\n[01:03.89]That I'd be\n[01:05.94]The number one girl in your eyes\n[01:11.34]Tell me I'm going real big places\n[01:14.32]Down to earth so friendly\n[01:16.30]And even through all the phases\n[01:18.46]Tell me you accept me\n[01:21.56]Well that's all I'm dying to hear\n[01:25.30]Yeah I'm dying to hear you\n[01:28.91]Tell me that you need me\n[01:30.85]Tell me that I'm loved\n[01:32.90]Tell me that I'm worth it\n`
+		]
+	}}
+>
+	{#snippet template(args)}
+		<Textbox {...args} />
+	{/snippet}
+</Story>
diff --git a/js/textbox/package.json b/js/textbox/package.json
new file mode 100644
index 0000000..44aab01
--- /dev/null
+++ b/js/textbox/package.json
@@ -0,0 +1,41 @@
+{
+	"name": "@gradio/textbox",
+	"version": "0.14.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/textbox"
+	}
+}
diff --git a/js/textbox/shared/Textbox.svelte b/js/textbox/shared/Textbox.svelte
new file mode 100644
index 0000000..994d790
--- /dev/null
+++ b/js/textbox/shared/Textbox.svelte
@@ -0,0 +1,584 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import { BlockTitle, IconButton, IconButtonWrapper } from "@gradio/atoms";
+	import { Copy, Check, Send, Square } from "@gradio/icons";
+	import type {
+		SelectData,
+		CopyData,
+		CustomButton as CustomButtonType
+	} from "@gradio/utils";
+	import type { InputHTMLAttributes } from "../types";
+
+	let {
+		value = $bindable(""),
+		value_is_output = $bindable(false),
+		lines = 1,
+		placeholder = "",
+		label,
+		info = undefined,
+		disabled = false,
+		show_label = true,
+		container = true,
+		max_lines = undefined,
+		type = "text",
+		buttons = null,
+		oncustombuttonclick = null,
+		submit_btn = null,
+		stop_btn = null,
+		rtl = false,
+		autofocus = false,
+		text_align = undefined,
+		autoscroll = true,
+		max_length = undefined,
+		html_attributes = null,
+		validation_error = undefined,
+		onchange,
+		onsubmit,
+		onstop,
+		onblur,
+		onselect,
+		oninput,
+		onfocus,
+		oncopy
+	}: {
+		value?: string;
+		value_is_output?: boolean;
+		lines?: number;
+		placeholder?: string;
+		label: string;
+		info?: string | undefined;
+		disabled?: boolean;
+		show_label?: boolean;
+		container?: boolean;
+		max_lines?: number | undefined;
+		type?: "text" | "password" | "email";
+		buttons?: (string | CustomButtonType)[] | null;
+		oncustombuttonclick?: ((id: number) => void) | null;
+		submit_btn?: string | boolean | null;
+		stop_btn?: string | boolean | null;
+		rtl?: boolean;
+		autofocus?: boolean;
+		text_align?: "left" | "right" | undefined;
+		autoscroll?: boolean;
+		max_length?: number | undefined;
+		html_attributes?: InputHTMLAttributes | null;
+		validation_error?: string | null | undefined;
+		onchange?: (value: string) => void;
+		onsubmit?: () => void;
+		onstop?: () => void;
+		onblur?: () => void;
+		onselect?: (data: SelectData) => void;
+		oninput?: (value: string) => void;
+		onfocus?: () => void;
+		oncopy?: (data: CopyData) => void;
+	} = $props();
+
+	// svelte-ignore non_reactive_update
+	let el: HTMLTextAreaElement | HTMLInputElement;
+	let copied = $state(false);
+	let timer: NodeJS.Timeout;
+	let can_scroll = $state(false);
+	let previous_scroll_top = $state(0);
+	let user_has_scrolled_up = $state(false);
+	let _max_lines = $state(1);
+
+	// svelte-ignore state_referenced_locally
+	const show_textbox_border = !submit_btn;
+
+	$effect(() => {
+		if (max_lines === undefined || max_lines === null) {
+			if (type === "text") {
+				_max_lines = Math.max(lines, 20);
+			} else {
+				_max_lines = 1;
+			}
+		} else {
+			_max_lines = Math.max(max_lines, lines);
+		}
+	});
+
+	$effect(() => {
+		value;
+		validation_error;
+		if (el && lines !== _max_lines && _max_lines > 1) {
+			resize({ target: el });
+		}
+	});
+
+	$effect(() => {
+		if (value === null) value = "";
+	});
+
+	$effect.pre(() => {
+		if (
+			!user_has_scrolled_up &&
+			el &&
+			el.offsetHeight + el.scrollTop > el.scrollHeight - 100
+		) {
+			can_scroll = true;
+		}
+	});
+
+	const scroll = (): void => {
+		if (can_scroll && autoscroll && !user_has_scrolled_up) {
+			el.scrollTo(0, el.scrollHeight);
+		}
+	};
+
+	async function handle_change(): Promise<void> {
+		await tick();
+		onchange?.(value);
+	}
+
+	$effect(() => {
+		if (autofocus && el) {
+			el.focus();
+		}
+		if (can_scroll && autoscroll) {
+			scroll();
+		}
+		value_is_output = false;
+	});
+
+	$effect(() => {
+		value;
+		handle_change();
+	});
+
+	async function handle_copy(): Promise<void> {
+		if ("clipboard" in navigator) {
+			try {
+				await navigator.clipboard.writeText(value);
+				oncopy?.({ value: value });
+			} catch (e) {
+				console.error("COPYING CLIPBOARD FAILED", e);
+			}
+			copy_feedback();
+		}
+	}
+
+	function copy_feedback(): void {
+		copied = true;
+		if (timer) clearTimeout(timer);
+		timer = setTimeout(() => {
+			copied = false;
+		}, 1000);
+	}
+
+	function handle_select(event: Event): void {
+		const target: HTMLTextAreaElement | HTMLInputElement = event.target as
+			| HTMLTextAreaElement
+			| HTMLInputElement;
+		const text = target.value;
+		const index: [number, number] = [
+			target.selectionStart as number,
+			target.selectionEnd as number
+		];
+		onselect?.({ value: text.substring(...index), index: index });
+	}
+
+	async function handle_keypress(e: KeyboardEvent): Promise<void> {
+		if (e.key === "Enter" && e.shiftKey && lines > 1) {
+			e.preventDefault();
+			await tick();
+			onsubmit?.();
+		} else if (
+			e.key === "Enter" &&
+			!e.shiftKey &&
+			lines === 1 &&
+			_max_lines >= 1
+		) {
+			e.preventDefault();
+			await tick();
+			onsubmit?.();
+		}
+		await tick();
+		oninput?.(value);
+	}
+
+	function handle_scroll(event: Event): void {
+		const target = event.target as HTMLElement;
+		const current_scroll_top = target.scrollTop;
+		if (current_scroll_top < previous_scroll_top) {
+			user_has_scrolled_up = true;
+		}
+		previous_scroll_top = current_scroll_top;
+
+		const max_scroll_top = target.scrollHeight - target.clientHeight;
+		const user_has_scrolled_to_bottom = current_scroll_top >= max_scroll_top;
+		if (user_has_scrolled_to_bottom) {
+			user_has_scrolled_up = false;
+		}
+	}
+
+	function handle_stop(): void {
+		onstop?.();
+	}
+
+	function handle_submit(): void {
+		onsubmit?.();
+	}
+
+	async function resize(
+		event: Event | { target: HTMLTextAreaElement | HTMLInputElement }
+	): Promise<void> {
+		await tick();
+		if (lines === _max_lines) return;
+
+		const target = event.target as HTMLTextAreaElement;
+		const computed_styles = window.getComputedStyle(target);
+		const padding_top = parseFloat(computed_styles.paddingTop);
+		const padding_bottom = parseFloat(computed_styles.paddingBottom);
+		const line_height = parseFloat(computed_styles.lineHeight);
+
+		let max =
+			_max_lines === undefined
+				? false
+				: padding_top + padding_bottom + line_height * _max_lines;
+		let min = padding_top + padding_bottom + lines * line_height;
+
+		target.style.height = "1px";
+
+		let scroll_height;
+		if (max && target.scrollHeight > max) {
+			scroll_height = max;
+		} else if (target.scrollHeight < min) {
+			scroll_height = min;
+		} else {
+			scroll_height = target.scrollHeight;
+		}
+
+		target.style.height = `${scroll_height}px`;
+
+		update_scrollbar_visibility(target);
+	}
+
+	function update_scrollbar_visibility(textarea: HTMLTextAreaElement): void {
+		// Using "auto" scroll does not work, as the scrollbar is visible even
+		// when the content is about the same height as the textarea height. So
+		// here, we add the scrollbar if the content is longer than a threshold
+		// of 1 line height beyond the textarea height.
+		const content_height = textarea.scrollHeight;
+		const visible_height = textarea.clientHeight;
+		const line_height = parseFloat(
+			window.getComputedStyle(textarea).lineHeight
+		);
+		if (content_height > visible_height + line_height) {
+			textarea.style.overflowY = "scroll";
+		} else {
+			textarea.style.overflowY = "hidden";
+		}
+	}
+
+	function text_area_resize(
+		_el: HTMLTextAreaElement,
+		_value: string
+	): any | undefined {
+		if (lines === _max_lines || (lines === 1 && _max_lines === 1)) return;
+
+		_el.addEventListener("input", resize);
+
+		if (_value.trim()) {
+			_el.style.overflowY = "scroll";
+			resize({ target: _el });
+		}
+
+		return {
+			destroy: () => _el.removeEventListener("input", resize)
+		};
+	}
+</script>
+
+<label class:container class:show_textbox_border>
+	{#if show_label && buttons && buttons.length > 0}
+		<IconButtonWrapper {buttons} on_custom_button_click={oncustombuttonclick}>
+			{#if buttons.some((btn) => typeof btn === "string" && btn === "copy")}
+				<IconButton
+					Icon={copied ? Check : Copy}
+					onclick={handle_copy}
+					label={copied ? "Copied" : "Copy"}
+				/>
+			{/if}
+		</IconButtonWrapper>
+	{/if}
+	<BlockTitle show_label={validation_error ? true : show_label} {info}
+		>{label}
+		{#if validation_error}
+			<div class="validation-error">{validation_error}</div>
+		{/if}
+	</BlockTitle>
+
+	<div class="input-container">
+		{#if lines === 1 && _max_lines === 1}
+			{#if type === "text"}
+				<!-- svelte-ignore a11y_autofocus -->
+				<input
+					data-testid="textbox"
+					type="text"
+					class="scroll-hide"
+					dir={rtl ? "rtl" : "ltr"}
+					bind:value
+					bind:this={el}
+					{placeholder}
+					{disabled}
+					{autofocus}
+					maxlength={max_length}
+					onkeypress={handle_keypress}
+					onblur={() => onblur?.()}
+					onselect={handle_select}
+					onfocus={() => onfocus?.()}
+					class:validation-error={validation_error}
+					style={text_align ? "text-align: " + text_align : ""}
+					autocapitalize={html_attributes?.autocapitalize}
+					autocorrect={html_attributes?.autocorrect}
+					spellcheck={html_attributes?.spellcheck}
+					autocomplete={html_attributes?.autocomplete}
+					tabindex={html_attributes?.tabindex}
+					enterkeyhint={html_attributes?.enterkeyhint}
+					lang={html_attributes?.lang}
+				/>
+			{:else if type === "password"}
+				<!-- svelte-ignore a11y_autofocus -->
+				<input
+					data-testid="password"
+					type="password"
+					class="scroll-hide"
+					bind:value
+					bind:this={el}
+					{placeholder}
+					{disabled}
+					{autofocus}
+					maxlength={max_length}
+					onkeypress={handle_keypress}
+					onblur={() => onblur?.()}
+					onselect={handle_select}
+					onfocus={() => onfocus?.()}
+					class:validation-error={validation_error}
+					autocomplete=""
+					autocapitalize={html_attributes?.autocapitalize}
+					autocorrect={html_attributes?.autocorrect}
+					spellcheck={html_attributes?.spellcheck}
+					tabindex={html_attributes?.tabindex}
+					enterkeyhint={html_attributes?.enterkeyhint}
+					lang={html_attributes?.lang}
+				/>
+			{:else if type === "email"}
+				<!-- svelte-ignore a11y_autofocus -->
+				<input
+					data-testid="textbox"
+					type="email"
+					class="scroll-hide"
+					bind:value
+					bind:this={el}
+					{placeholder}
+					{disabled}
+					{autofocus}
+					maxlength={max_length}
+					onkeypress={handle_keypress}
+					onblur={() => onblur?.()}
+					onselect={handle_select}
+					onfocus={() => onfocus?.()}
+					class:validation-error={validation_error}
+					autocomplete="email"
+					autocapitalize={html_attributes?.autocapitalize}
+					autocorrect={html_attributes?.autocorrect}
+					spellcheck={html_attributes?.spellcheck}
+					tabindex={html_attributes?.tabindex}
+					enterkeyhint={html_attributes?.enterkeyhint}
+					lang={html_attributes?.lang}
+				/>
+			{/if}
+		{:else}
+			<!-- svelte-ignore a11y_autofocus -->
+			<textarea
+				data-testid="textbox"
+				use:text_area_resize={value}
+				dir={rtl ? "rtl" : "ltr"}
+				class:no-label={!show_label && (submit_btn || stop_btn)}
+				bind:value
+				bind:this={el}
+				{placeholder}
+				rows={lines}
+				{disabled}
+				{autofocus}
+				maxlength={max_length}
+				onkeypress={handle_keypress}
+				onblur={() => onblur?.()}
+				onselect={handle_select}
+				onfocus={() => onfocus?.()}
+				onscroll={handle_scroll}
+				class:validation-error={validation_error}
+				style={text_align ? "text-align: " + text_align : ""}
+				autocapitalize={html_attributes?.autocapitalize}
+				autocorrect={html_attributes?.autocorrect}
+				spellcheck={html_attributes?.spellcheck}
+				autocomplete={html_attributes?.autocomplete}
+				tabindex={html_attributes?.tabindex}
+				enterkeyhint={html_attributes?.enterkeyhint}
+				lang={html_attributes?.lang}
+			></textarea>
+		{/if}
+		{#if submit_btn}
+			<button
+				class="submit-button"
+				class:padded-button={submit_btn !== true}
+				onclick={handle_submit}
+				data-testid="submit-button"
+			>
+				{#if submit_btn === true}
+					<Send />
+				{:else}
+					{submit_btn}
+				{/if}
+			</button>
+		{/if}
+		{#if stop_btn}
+			<button
+				class="stop-button"
+				class:padded-button={stop_btn !== true}
+				onclick={handle_stop}
+				data-testid="stop-button"
+			>
+				{#if stop_btn === true}
+					<Square fill="none" stroke_width={2.5} />
+				{:else}
+					{stop_btn}
+				{/if}
+			</button>
+		{/if}
+	</div>
+</label>
+
+<style>
+	label {
+		display: block;
+		width: 100%;
+	}
+
+	input[type="text"],
+	input[type="password"],
+	input[type="email"],
+	textarea {
+		flex-grow: 1;
+		outline: none !important;
+		margin-top: 0px;
+		margin-bottom: 0px;
+		resize: none;
+		z-index: 1;
+		display: block;
+		position: relative;
+		outline: none !important;
+		background: var(--input-background-fill);
+		padding: var(--input-padding);
+		width: 100%;
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		border: none;
+	}
+
+	textarea.no-label {
+		padding-top: 5px;
+		padding-bottom: 5px;
+	}
+	label.show_textbox_border input,
+	label.show_textbox_border textarea {
+		box-shadow: var(--input-shadow);
+	}
+	label:not(.container),
+	label:not(.container) input,
+	label:not(.container) textarea {
+		height: 100%;
+	}
+	label.container.show_textbox_border input,
+	label.container.show_textbox_border textarea {
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-radius: var(--input-radius);
+	}
+	input:disabled,
+	textarea:disabled {
+		-webkit-opacity: 1;
+		opacity: 1;
+	}
+
+	label.container.show_textbox_border input:focus,
+	label.container.show_textbox_border textarea:focus {
+		box-shadow: var(--input-shadow-focus);
+		border-color: var(--input-border-color-focus);
+		background: var(--input-background-fill-focus);
+	}
+
+	input::placeholder,
+	textarea::placeholder {
+		color: var(--input-placeholder-color);
+	}
+
+	/* Same submit button style as MultimodalTextbox for the consistent UI */
+	.input-container {
+		display: flex;
+		position: relative;
+		align-items: flex-end;
+	}
+	.submit-button,
+	.stop-button {
+		border: none;
+		text-align: center;
+		text-decoration: none;
+		font-size: 14px;
+		cursor: pointer;
+		border-radius: 15px;
+		min-width: 30px;
+		height: 30px;
+		flex-shrink: 0;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		z-index: var(--layer-1);
+	}
+	.stop-button,
+	.submit-button {
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+	}
+	.stop-button:hover,
+	.submit-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+	}
+	.stop-button:disabled,
+	.submit-button:disabled {
+		background: var(--button-secondary-background-fill);
+		cursor: pointer;
+	}
+	.stop-button:active,
+	.submit-button:active {
+		box-shadow: var(--button-shadow-active);
+	}
+	.submit-button :global(svg) {
+		height: 22px;
+		width: 22px;
+	}
+
+	.stop-button :global(svg) {
+		height: 16px;
+		width: 16px;
+	}
+	.padded-button {
+		padding: 0 10px;
+	}
+
+	div.validation-error {
+		color: var(--error-icon-color);
+		font-size: var(--font-sans);
+		margin-top: var(--spacing-sm);
+		font-weight: var(--weight-semibold);
+	}
+
+	label.container input.validation-error,
+	label.container textarea.validation-error {
+		border-color: transparent !important;
+		box-shadow:
+			0 0 3px 1px var(--error-icon-color),
+			var(--shadow-inset) !important;
+	}
+</style>
diff --git a/js/textbox/types.ts b/js/textbox/types.ts
new file mode 100644
index 0000000..8d9ad66
--- /dev/null
+++ b/js/textbox/types.ts
@@ -0,0 +1,74 @@
+import {
+	type SelectData,
+	type CopyData,
+	type CustomButton
+} from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+export interface TextboxEvents {
+	change: string;
+	submit: never;
+	blur: never;
+	select: SelectData;
+	input: never;
+	focus: never;
+	stop: never;
+	clear_status: LoadingStatus;
+	copy: CopyData;
+	custom_button_click: { id: number };
+}
+
+export interface TextboxProps {
+	value: string;
+	info: string;
+	lines: number;
+	type: "text" | "password" | "email" | undefined;
+	rtl: boolean;
+	text_align: "right" | "left";
+	max_lines: number;
+	placeholder: string;
+	submit_btn: string;
+	stop_btn: string;
+	buttons: (string | CustomButton)[] | null;
+	autofocus: boolean;
+	autoscroll: boolean;
+	max_length: number;
+	html_attributes: InputHTMLAttributes;
+	validation_error: string | null;
+}
+
+type FullAutoFill =
+	| AutoFill
+	| "bday"
+	| `${OptionalPrefixToken<AutoFillAddressKind>}${"cc-additional-name"}`
+	| "nickname"
+	| "language"
+	| "organization-title"
+	| "photo"
+	| "sex"
+	| "url";
+
+export interface InputHTMLAttributes {
+	autocapitalize?:
+		| "off"
+		| "none"
+		| "on"
+		| "sentences"
+		| "words"
+		| "characters"
+		| null;
+	autocorrect?: "on" | "off" | null;
+	spellcheck?: boolean | null;
+	autocomplete?: FullAutoFill | undefined | null;
+	tabindex?: number | null;
+	enterkeyhint?:
+		| "enter"
+		| "done"
+		| "go"
+		| "next"
+		| "previous"
+		| "search"
+		| "send"
+		| null;
+	lang?: string | null;
+}
diff --git a/js/theme/.gitignore b/js/theme/.gitignore
new file mode 100644
index 0000000..b5c056f
--- /dev/null
+++ b/js/theme/.gitignore
@@ -0,0 +1,2 @@
+*/pollen.css
+*/theme.css
\ No newline at end of file
diff --git a/js/theme/CHANGELOG.md b/js/theme/CHANGELOG.md
new file mode 100644
index 0000000..82f3113
--- /dev/null
+++ b/js/theme/CHANGELOG.md
@@ -0,0 +1,143 @@
+# @gradio/theme
+
+## 0.6.2
+
+### Fixes
+
+- [#13541](https://github.com/gradio-app/gradio/pull/13541) [`1d19f2b`](https://github.com/gradio-app/gradio/commit/1d19f2b21f6b12285089abc73468ac67b5b93e27) - Fix long unbroken text overflowing in the Markdown component.  Thanks @hysts!
+
+## 0.6.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+## 0.6.0
+
+### Features
+
+- [#12762](https://github.com/gradio-app/gradio/pull/12762) [`51b7010`](https://github.com/gradio-app/gradio/commit/51b7010a507e2eca138993fbc0a8c8d2ac2a12f0) - pollen css fix.  Thanks @dawoodkhan82!
+
+## 0.5.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - gr.HTML "custom components"
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.5.0-dev.0
+
+### Features
+
+- [#12098](https://github.com/gradio-app/gradio/pull/12098) [`3965abe`](https://github.com/gradio-app/gradio/commit/3965abe584fef88e23501ffb67145fd47e517633) - gr.HTML "custom components".  Thanks @aliabid94!
+
+## 0.4.0
+
+### Features
+
+- [#10552](https://github.com/gradio-app/gradio/pull/10552) [`ed25a10`](https://github.com/gradio-app/gradio/commit/ed25a1053a55ddd2cf7d3067c72bdf77185ada8d) - Add 1920px wide resolution for wide monitors.  Thanks @Oncorporation!
+
+## 0.3.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - 🔡 Update default core Gradio font
+
+## 0.3.0-beta.1
+
+### Features
+
+- [#9204](https://github.com/gradio-app/gradio/pull/9204) [`3c73f00`](https://github.com/gradio-app/gradio/commit/3c73f00e3016b16917ebfe0bad390f2dff683457) - 🔡 Update default core Gradio font.  Thanks @hannahblair!
+
+## 0.2.5
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 0.2.4
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+## 0.2.3
+
+### Features
+
+- [#8311](https://github.com/gradio-app/gradio/pull/8311) [`35905c5`](https://github.com/gradio-app/gradio/commit/35905c5c8f7acbe669486ac8f57b6955328e4783) - Cleanup markdown styling.  Thanks @aliabid94!
+
+## 0.2.2
+
+### Features
+
+- [#7998](https://github.com/gradio-app/gradio/pull/7998) [`06bdf0e`](https://github.com/gradio-app/gradio/commit/06bdf0eddf59bf79b6b4d1268fc9290955ef2490) - Restore chatbot formatting.  Thanks @aliabid94!
+
+## 0.2.1
+
+### Features
+
+- [#7936](https://github.com/gradio-app/gradio/pull/7936) [`b165193`](https://github.com/gradio-app/gradio/commit/b165193902985b77a732ed703423ebebeaf0da27) - Restore Markdown formatting for Chatbots, MarkdownCode.  Thanks @aliabid94!
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.2
+
+### Features
+
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0
+
+### Highlights
+
+#### new `FileExplorer` component ([#5672](https://github.com/gradio-app/gradio/pull/5672) [`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e))
+
+Thanks to a new capability that allows components to communicate directly with the server _without_ passing data via the value, we have created a new `FileExplorer` component.
+
+This component allows you to populate the explorer by passing a glob, but only provides the selected file(s) in your prediction function. 
+
+Users can then navigate the virtual filesystem and select files which will be accessible in your predict function. This component will allow developers to build more complex spaces, with more flexible input options.
+
+![output](https://github.com/pngwn/MDsveX/assets/12937446/ef108f0b-0e84-4292-9984-9dc66b3e144d)
+
+For more information check the [`FileExplorer` documentation](https://gradio.app/docs/fileexplorer).
+
+ Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.1.0
+
+### Features
+
+- [#5342](https://github.com/gradio-app/gradio/pull/5342) [`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912) - significantly improve the performance of `gr.Dataframe` for large datasets.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.3
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+ Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2
+
+### Fixes
+
+- [#4997](https://github.com/gradio-app/gradio/pull/4997) [`41c83070`](https://github.com/gradio-app/gradio/commit/41c83070b01632084e7d29123048a96c1e261407) - Add CSS resets and specifiers to play nice with HF blog. Thanks [@aliabid94](https://github.com/aliabid94)!
\ No newline at end of file
diff --git a/js/theme/README.md b/js/theme/README.md
new file mode 100644
index 0000000..0d2f5ad
--- /dev/null
+++ b/js/theme/README.md
@@ -0,0 +1,3 @@
+# `@gradio/theme`
+
+css for gradio
diff --git a/js/theme/package.json b/js/theme/package.json
new file mode 100644
index 0000000..9295dfc
--- /dev/null
+++ b/js/theme/package.json
@@ -0,0 +1,55 @@
+{
+	"name": "@gradio/theme",
+	"version": "0.6.2",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "src/index.ts",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"scripts": {
+		"generate": "pollen -c src/pollen.config.mjs",
+		"package": "svelte-package --input=. --tsconfig=../../tsconfig.json"
+	},
+	"exports": {
+		".": {
+			"gradio": "./src/index.ts",
+			"import": "./dist/src/index.js",
+			"types": "./dist/src/index.d.ts"
+		},
+		"./reset.css": {
+			"gradio": "./src/reset.css",
+			"import": "./dist/src/reset.css"
+		},
+		"./global.css": {
+			"gradio": "./src/global.css",
+			"import": "./dist/src/global.css"
+		},
+		"./tokens": {
+			"gradio": "./src/tokens.ts",
+			"import": "./dist/src/tokens.js"
+		},
+		"./typography.css": {
+			"gradio": "./src/typography.css",
+			"import": "./dist/src/typography.css"
+		},
+		"./gradio-style.scss": {
+			"gradio": "./src/gradio-style.scss",
+			"import": "./dist/src/gradio-style.scss"
+		},
+		"./pollen.css": {
+			"gradio": "./src/pollen.css",
+			"import": "./dist/src/pollen.css"
+		},
+		"./package.json": "./package.json"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/theme"
+	}
+}
diff --git a/js/theme/src/colors.ts b/js/theme/src/colors.ts
new file mode 100644
index 0000000..04a9c9b
--- /dev/null
+++ b/js/theme/src/colors.ts
@@ -0,0 +1,350 @@
+// import tw_colors from "tailwindcss/colors";
+
+export const ordered_colors = [
+	"red",
+	"green",
+	"blue",
+	"yellow",
+	"purple",
+	"teal",
+	"orange",
+	"cyan",
+	"lime",
+	"pink"
+] as const;
+interface ColorPair {
+	primary: string;
+	secondary: string;
+}
+
+interface Colors {
+	red: ColorPair;
+	green: ColorPair;
+	blue: ColorPair;
+	yellow: ColorPair;
+	purple: ColorPair;
+	teal: ColorPair;
+	orange: ColorPair;
+	cyan: ColorPair;
+	lime: ColorPair;
+	pink: ColorPair;
+}
+
+// https://play.tailwindcss.com/ZubQYya0aN
+export const color_values = [
+	{ color: "red", primary: 600, secondary: 100 },
+	{ color: "green", primary: 600, secondary: 100 },
+	{ color: "blue", primary: 600, secondary: 100 },
+	{ color: "yellow", primary: 500, secondary: 100 },
+	{ color: "purple", primary: 600, secondary: 100 },
+	{ color: "teal", primary: 600, secondary: 100 },
+	{ color: "orange", primary: 600, secondary: 100 },
+	{ color: "cyan", primary: 600, secondary: 100 },
+	{ color: "lime", primary: 500, secondary: 100 },
+	{ color: "pink", primary: 600, secondary: 100 }
+] as const;
+
+const tw_colors = {
+	inherit: "inherit",
+	current: "currentColor",
+	transparent: "transparent",
+	black: "#000",
+	white: "#fff",
+	slate: {
+		50: "#f8fafc",
+		100: "#f1f5f9",
+		200: "#e2e8f0",
+		300: "#cbd5e1",
+		400: "#94a3b8",
+		500: "#64748b",
+		600: "#475569",
+		700: "#334155",
+		800: "#1e293b",
+		900: "#0f172a",
+		950: "#020617"
+	},
+	gray: {
+		50: "#f9fafb",
+		100: "#f3f4f6",
+		200: "#e5e7eb",
+		300: "#d1d5db",
+		400: "#9ca3af",
+		500: "#6b7280",
+		600: "#4b5563",
+		700: "#374151",
+		800: "#1f2937",
+		900: "#111827",
+		950: "#030712"
+	},
+	zinc: {
+		50: "#fafafa",
+		100: "#f4f4f5",
+		200: "#e4e4e7",
+		300: "#d4d4d8",
+		400: "#a1a1aa",
+		500: "#71717a",
+		600: "#52525b",
+		700: "#3f3f46",
+		800: "#27272a",
+		900: "#18181b",
+		950: "#09090b"
+	},
+	neutral: {
+		50: "#fafafa",
+		100: "#f5f5f5",
+		200: "#e5e5e5",
+		300: "#d4d4d4",
+		400: "#a3a3a3",
+		500: "#737373",
+		600: "#525252",
+		700: "#404040",
+		800: "#262626",
+		900: "#171717",
+		950: "#0a0a0a"
+	},
+	stone: {
+		50: "#fafaf9",
+		100: "#f5f5f4",
+		200: "#e7e5e4",
+		300: "#d6d3d1",
+		400: "#a8a29e",
+		500: "#78716c",
+		600: "#57534e",
+		700: "#44403c",
+		800: "#292524",
+		900: "#1c1917",
+		950: "#0c0a09"
+	},
+	red: {
+		50: "#fef2f2",
+		100: "#fee2e2",
+		200: "#fecaca",
+		300: "#fca5a5",
+		400: "#f87171",
+		500: "#ef4444",
+		600: "#dc2626",
+		700: "#b91c1c",
+		800: "#991b1b",
+		900: "#7f1d1d",
+		950: "#450a0a"
+	},
+	orange: {
+		50: "#fff7ed",
+		100: "#ffedd5",
+		200: "#fed7aa",
+		300: "#fdba74",
+		400: "#fb923c",
+		500: "#f97316",
+		600: "#ea580c",
+		700: "#c2410c",
+		800: "#9a3412",
+		900: "#7c2d12",
+		950: "#431407"
+	},
+	amber: {
+		50: "#fffbeb",
+		100: "#fef3c7",
+		200: "#fde68a",
+		300: "#fcd34d",
+		400: "#fbbf24",
+		500: "#f59e0b",
+		600: "#d97706",
+		700: "#b45309",
+		800: "#92400e",
+		900: "#78350f",
+		950: "#451a03"
+	},
+	yellow: {
+		50: "#fefce8",
+		100: "#fef9c3",
+		200: "#fef08a",
+		300: "#fde047",
+		400: "#facc15",
+		500: "#eab308",
+		600: "#ca8a04",
+		700: "#a16207",
+		800: "#854d0e",
+		900: "#713f12",
+		950: "#422006"
+	},
+	lime: {
+		50: "#f7fee7",
+		100: "#ecfccb",
+		200: "#d9f99d",
+		300: "#bef264",
+		400: "#a3e635",
+		500: "#84cc16",
+		600: "#65a30d",
+		700: "#4d7c0f",
+		800: "#3f6212",
+		900: "#365314",
+		950: "#1a2e05"
+	},
+	green: {
+		50: "#f0fdf4",
+		100: "#dcfce7",
+		200: "#bbf7d0",
+		300: "#86efac",
+		400: "#4ade80",
+		500: "#22c55e",
+		600: "#16a34a",
+		700: "#15803d",
+		800: "#166534",
+		900: "#14532d",
+		950: "#052e16"
+	},
+	emerald: {
+		50: "#ecfdf5",
+		100: "#d1fae5",
+		200: "#a7f3d0",
+		300: "#6ee7b7",
+		400: "#34d399",
+		500: "#10b981",
+		600: "#059669",
+		700: "#047857",
+		800: "#065f46",
+		900: "#064e3b",
+		950: "#022c22"
+	},
+	teal: {
+		50: "#f0fdfa",
+		100: "#ccfbf1",
+		200: "#99f6e4",
+		300: "#5eead4",
+		400: "#2dd4bf",
+		500: "#14b8a6",
+		600: "#0d9488",
+		700: "#0f766e",
+		800: "#115e59",
+		900: "#134e4a",
+		950: "#042f2e"
+	},
+	cyan: {
+		50: "#ecfeff",
+		100: "#cffafe",
+		200: "#a5f3fc",
+		300: "#67e8f9",
+		400: "#22d3ee",
+		500: "#06b6d4",
+		600: "#0891b2",
+		700: "#0e7490",
+		800: "#155e75",
+		900: "#164e63",
+		950: "#083344"
+	},
+	sky: {
+		50: "#f0f9ff",
+		100: "#e0f2fe",
+		200: "#bae6fd",
+		300: "#7dd3fc",
+		400: "#38bdf8",
+		500: "#0ea5e9",
+		600: "#0284c7",
+		700: "#0369a1",
+		800: "#075985",
+		900: "#0c4a6e",
+		950: "#082f49"
+	},
+	blue: {
+		50: "#eff6ff",
+		100: "#dbeafe",
+		200: "#bfdbfe",
+		300: "#93c5fd",
+		400: "#60a5fa",
+		500: "#3b82f6",
+		600: "#2563eb",
+		700: "#1d4ed8",
+		800: "#1e40af",
+		900: "#1e3a8a",
+		950: "#172554"
+	},
+	indigo: {
+		50: "#eef2ff",
+		100: "#e0e7ff",
+		200: "#c7d2fe",
+		300: "#a5b4fc",
+		400: "#818cf8",
+		500: "#6366f1",
+		600: "#4f46e5",
+		700: "#4338ca",
+		800: "#3730a3",
+		900: "#312e81",
+		950: "#1e1b4b"
+	},
+	violet: {
+		50: "#f5f3ff",
+		100: "#ede9fe",
+		200: "#ddd6fe",
+		300: "#c4b5fd",
+		400: "#a78bfa",
+		500: "#8b5cf6",
+		600: "#7c3aed",
+		700: "#6d28d9",
+		800: "#5b21b6",
+		900: "#4c1d95",
+		950: "#2e1065"
+	},
+	purple: {
+		50: "#faf5ff",
+		100: "#f3e8ff",
+		200: "#e9d5ff",
+		300: "#d8b4fe",
+		400: "#c084fc",
+		500: "#a855f7",
+		600: "#9333ea",
+		700: "#7e22ce",
+		800: "#6b21a8",
+		900: "#581c87",
+		950: "#3b0764"
+	},
+	fuchsia: {
+		50: "#fdf4ff",
+		100: "#fae8ff",
+		200: "#f5d0fe",
+		300: "#f0abfc",
+		400: "#e879f9",
+		500: "#d946ef",
+		600: "#c026d3",
+		700: "#a21caf",
+		800: "#86198f",
+		900: "#701a75",
+		950: "#4a044e"
+	},
+	pink: {
+		50: "#fdf2f8",
+		100: "#fce7f3",
+		200: "#fbcfe8",
+		300: "#f9a8d4",
+		400: "#f472b6",
+		500: "#ec4899",
+		600: "#db2777",
+		700: "#be185d",
+		800: "#9d174d",
+		900: "#831843",
+		950: "#500724"
+	},
+	rose: {
+		50: "#fff1f2",
+		100: "#ffe4e6",
+		200: "#fecdd3",
+		300: "#fda4af",
+		400: "#fb7185",
+		500: "#f43f5e",
+		600: "#e11d48",
+		700: "#be123c",
+		800: "#9f1239",
+		900: "#881337",
+		950: "#4c0519"
+	}
+};
+
+export const colors = color_values.reduce(
+	(acc, { color, primary, secondary }) => ({
+		...acc,
+		[color]: {
+			primary: tw_colors[color][primary],
+			secondary: tw_colors[color][secondary]
+		}
+	}),
+	{} as Colors
+);
diff --git a/js/theme/src/global.css b/js/theme/src/global.css
new file mode 100644
index 0000000..ece11ac
--- /dev/null
+++ b/js/theme/src/global.css
@@ -0,0 +1,340 @@
+/*
+ Custom element styles
+ */
+gradio-lite {
+	display: flex;
+}
+
+/*
+	To avoid FOUC of custom elements
+	Refs:
+	https://www.abeautifulsite.net/posts/flash-of-undefined-custom-elements/#the-%3Adefined-selector
+	https://github.com/pyscript/pypercard/blob/66d3550abd8e478f9389e6b87790d5985e55ef7f/static/pyscript.css#L6-L8
+	*/
+gradio-lite:not(:defined) {
+	display: none;
+}
+
+.scroll-hide {
+	-ms-overflow-style: none;
+	scrollbar-width: none;
+}
+
+.sr-only {
+	clip: rect(0, 0, 0, 0);
+	position: absolute;
+	margin: -1px;
+	border-width: 0;
+	padding: 0;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+.scroll-hide::-webkit-scrollbar {
+	display: none;
+}
+
+.gradio-container {
+	-webkit-text-size-adjust: 100%; /* 2 */
+	line-height: 1.5; /* 1 */
+	font-family: var(--font); /* 4 */
+	-moz-tab-size: 4; /* 3 */
+	tab-size: 4; /* 3 */
+}
+
+.cropper-container {
+	position: relative;
+	-ms-touch-action: none;
+	touch-action: none;
+	font-size: 0;
+	line-height: 0;
+	direction: ltr;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.cropper-container img {
+	display: block;
+	image-orientation: 0deg;
+	width: 100%;
+	min-width: 0 !important;
+	max-width: none !important;
+	height: 100%;
+	min-height: 0 !important;
+	max-height: none !important;
+}
+
+.cropper-wrap-box,
+.cropper-canvas,
+.cropper-drag-box,
+.cropper-crop-box,
+.cropper-modal {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+}
+
+.cropper-wrap-box,
+.cropper-canvas {
+	overflow: hidden;
+}
+
+.cropper-drag-box {
+	opacity: 0;
+	background-color: #fff;
+}
+
+.cropper-modal {
+	opacity: 0.5;
+	background-color: #000;
+}
+
+.cropper-view-box {
+	display: block;
+	outline: 1px solid #39f;
+	outline-color: rgba(51, 153, 255, 0.75);
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.cropper-dashed {
+	display: block;
+	position: absolute;
+	opacity: 0.5;
+	border: 0 dashed #eee;
+}
+
+.cropper-dashed.dashed-h {
+	top: calc(100% / 3);
+	left: 0;
+	border-top-width: 1px;
+	border-bottom-width: 1px;
+	width: 100%;
+	height: calc(100% / 3);
+}
+
+.cropper-dashed.dashed-v {
+	top: 0;
+	left: calc(100% / 3);
+	border-right-width: 1px;
+	border-left-width: 1px;
+	width: calc(100% / 3);
+	height: 100%;
+}
+
+.cropper-center {
+	display: block;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	opacity: 0.75;
+	width: 0;
+	height: 0;
+}
+
+.cropper-center::before,
+.cropper-center::after {
+	display: block;
+	position: absolute;
+	background-color: #eee;
+	content: " ";
+}
+
+.cropper-center::before {
+	top: 0;
+	left: -3px;
+	width: 7px;
+	height: 1px;
+}
+
+.cropper-center::after {
+	top: -3px;
+	left: 0;
+	width: 1px;
+	height: 7px;
+}
+
+.cropper-face,
+.cropper-line,
+.cropper-point {
+	display: block;
+	position: absolute;
+	opacity: 0.1;
+	width: 100%;
+	height: 100%;
+}
+
+.cropper-face {
+	top: 0;
+	left: 0;
+	background-color: #fff;
+}
+
+.cropper-line {
+	background-color: #39f;
+}
+
+.cropper-line.line-e {
+	top: 0;
+	right: -3px;
+	cursor: ew-resize;
+	width: 5px;
+}
+
+.cropper-line.line-n {
+	top: -3px;
+	left: 0;
+	cursor: ns-resize;
+	height: 5px;
+}
+
+.cropper-line.line-w {
+	top: 0;
+	left: -3px;
+	cursor: ew-resize;
+	width: 5px;
+}
+
+.cropper-line.line-s {
+	bottom: -3px;
+	left: 0;
+	cursor: ns-resize;
+	height: 5px;
+}
+
+.cropper-point {
+	opacity: 0.75;
+	background-color: #39f;
+	width: 5px;
+	height: 5px;
+}
+
+.cropper-point.point-e {
+	top: 50%;
+	right: -3px;
+	cursor: ew-resize;
+	margin-top: -3px;
+}
+
+.cropper-point.point-n {
+	top: -3px;
+	left: 50%;
+	cursor: ns-resize;
+	margin-left: -3px;
+}
+
+.cropper-point.point-w {
+	top: 50%;
+	left: -3px;
+	cursor: ew-resize;
+	margin-top: -3px;
+}
+
+.cropper-point.point-s {
+	bottom: -3px;
+	left: 50%;
+	cursor: s-resize;
+	margin-left: -3px;
+}
+
+.cropper-point.point-ne {
+	top: -3px;
+	right: -3px;
+	cursor: nesw-resize;
+}
+
+.cropper-point.point-nw {
+	top: -3px;
+	left: -3px;
+	cursor: nwse-resize;
+}
+
+.cropper-point.point-sw {
+	bottom: -3px;
+	left: -3px;
+	cursor: nesw-resize;
+}
+
+.cropper-point.point-se {
+	right: -3px;
+	bottom: -3px;
+	opacity: 1;
+	cursor: nwse-resize;
+	width: 20px;
+	height: 20px;
+}
+
+@media (min-width: 768px) {
+	.cropper-point.point-se {
+		width: 15px;
+		height: 15px;
+	}
+}
+
+@media (min-width: 992px) {
+	.cropper-point.point-se {
+		width: 10px;
+		height: 10px;
+	}
+}
+
+@media (min-width: 1200px) {
+	.cropper-point.point-se {
+		opacity: 0.75;
+		width: 5px;
+		height: 5px;
+	}
+}
+
+.cropper-point.point-se::before {
+	display: block;
+	position: absolute;
+	right: -50%;
+	bottom: -50%;
+	opacity: 0;
+	background-color: #39f;
+	width: 200%;
+	height: 200%;
+	content: " ";
+}
+
+.cropper-invisible {
+	opacity: 0;
+}
+
+.cropper-bg {
+	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
+}
+
+.cropper-hide {
+	display: block;
+	position: absolute;
+	width: 0;
+	height: 0;
+}
+
+.cropper-hidden {
+	display: none !important;
+}
+
+.cropper-move {
+	cursor: move;
+}
+
+.cropper-crop {
+	cursor: crosshair;
+}
+
+.cropper-disabled .cropper-drag-box,
+.cropper-disabled .cropper-face,
+.cropper-disabled .cropper-line,
+.cropper-disabled .cropper-point {
+	cursor: not-allowed;
+}
diff --git a/js/theme/src/gradio-style.scss b/js/theme/src/gradio-style.scss
new file mode 100644
index 0000000..1e3636d
--- /dev/null
+++ b/js/theme/src/gradio-style.scss
@@ -0,0 +1,207 @@
+.gradio-style {
+	input[type="text"],
+	input[type="number"],
+	textarea {
+		outline: none !important;
+		background: var(--input-background-fill);
+		padding: var(--input-padding);
+		color: var(--body-text-color);
+		font-weight: var(--input-text-weight);
+		font-size: var(--input-text-size);
+		line-height: var(--line-sm);
+		border: var(--input-border-width) solid var(--input-border-color);
+		border-radius: var(--input-radius);
+
+		&:disabled,
+		&:disabled {
+			-webkit-opacity: 1;
+			opacity: 1;
+		}
+
+		&:focus,
+		&:focus {
+			box-shadow: var(--input-shadow-focus);
+			border-color: var(--input-border-color-focus);
+			background: var(--input-background-fill-focus);
+		}
+
+		&::placeholder,
+		&::placeholder {
+			color: var(--input-placeholder-color);
+		}
+	}
+
+	button,
+	a {
+		transition: var(--button-transition);
+		padding: var(--size-0-5) var(--size-2);
+		text-align: center;
+	}
+
+	button:hover {
+		transform: var(--button-transform-hover);
+	}
+
+	button:active,
+	a:active {
+		transform: var(--button-transform-active);
+	}
+
+	button[disabled],
+	a.disabled {
+		opacity: 0.5;
+		filter: grayscale(30%);
+		cursor: not-allowed;
+		transform: none;
+	}
+
+	button {
+		border: var(--button-border-width) solid
+			var(--button-secondary-border-color);
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+		box-shadow: var(--button-secondary-shadow);
+		border-radius: var(--button-large-radius);
+		padding: var(--button-large-padding);
+		font-weight: var(--button-large-text-weight);
+		font-size: var(--button-large-text-size);
+	}
+
+	button:hover,
+	button[disabled] {
+		background: var(--button-secondary-background-fill-hover);
+		color: var(--button-secondary-text-color-hover);
+	}
+
+	button:hover {
+		border-color: var(--button-secondary-border-color-hover);
+		box-shadow: var(--button-secondary-shadow-hover);
+	}
+
+	button:active {
+		box-shadow: var(--button-secondary-shadow-active);
+	}
+
+	button[disabled] {
+		border-color: var(--button-secondary-border-color);
+	}
+
+	input[type="checkbox"] {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow: var(--checkbox-shadow);
+		border: 1px solid var(--checkbox-border-color);
+		border-radius: var(--checkbox-border-radius);
+		background-color: var(--checkbox-background-color);
+		line-height: var(--line-sm);
+
+		&:checked,
+		&:checked:hover,
+		&:checked:focus {
+			background-image: var(--checkbox-check);
+			background-color: var(--checkbox-background-color-selected);
+			border-color: var(--checkbox-border-color-focus);
+		}
+
+		&:checked:focus {
+			background-image: var(--checkbox-check);
+			background-color: var(--checkbox-background-color-selected);
+			border-color: var(--checkbox-border-color-focus);
+		}
+
+		&:hover {
+			border-color: var(--checkbox-border-color-hover);
+			background-color: var(--checkbox-background-color-hover);
+		}
+
+		&:focus {
+			border-color: var(--checkbox-border-color-focus);
+			background-color: var(--checkbox-background-color-focus);
+		}
+
+		&:indeterminate {
+			background-image: none;
+			background-color: var(--checkbox-background-color-selected);
+			border-color: var(--checkbox-border-color-focus);
+			position: relative;
+		}
+
+		&:indeterminate::after {
+			content: "";
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+			width: 8px;
+			height: 2px;
+			background-color: white;
+		}
+
+		&:indeterminate:hover {
+			background-color: var(--checkbox-background-color-selected);
+			border-color: var(--checkbox-border-color-hover);
+		}
+
+		&:indeterminate:focus {
+			background-color: var(--checkbox-background-color-selected);
+			border-color: var(--checkbox-border-color-focus);
+		}
+
+		&[disabled],
+		.disabled {
+			cursor: not-allowed !important;
+		}
+
+		&:hover {
+			cursor: pointer;
+		}
+	}
+
+	input[type="radio"] {
+		--ring-color: transparent;
+		position: relative;
+		box-shadow: var(--checkbox-shadow);
+		border: var(--checkbox-border-width) solid var(--checkbox-border-color);
+		border-radius: var(--radius-full);
+		background-color: var(--checkbox-background-color);
+		line-height: var(--line-sm);
+
+		&:checked,
+		&:checked:hover {
+			border-color: var(--checkbox-border-color-selected);
+			background-image: var(--radio-circle);
+			background-color: var(--checkbox-background-color-selected);
+		}
+
+		&:checked::after {
+			content: "";
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translate(-50%, -50%);
+			border-radius: 50%;
+			background-color: white;
+		}
+
+		&:hover {
+			border-color: var(--checkbox-border-color-hover);
+			background-color: var(--checkbox-background-color-hover);
+		}
+
+		&:focus {
+			border-color: var(--checkbox-border-color-focus);
+			background-color: var(--checkbox-background-color-focus);
+		}
+
+		&:checked:focus {
+			border-color: var(--checkbox-border-color-focus);
+			background-image: var(--radio-circle);
+			background-color: var(--checkbox-background-color-selected);
+		}
+
+		input[disabled],
+		.disabled {
+			cursor: not-allowed;
+		}
+	}
+}
diff --git a/js/theme/src/index.ts b/js/theme/src/index.ts
new file mode 100644
index 0000000..bd1cb29
--- /dev/null
+++ b/js/theme/src/index.ts
@@ -0,0 +1,6 @@
+// export { default as reset } from "./reset.css";
+// export { default as global } from "./global.css";
+// export { default as css } from "./pollen.css";
+// export { default as typography } from "./typography.css";
+
+export * from "./colors.js";
diff --git a/js/theme/src/pollen.config.mjs b/js/theme/src/pollen.config.mjs
new file mode 100644
index 0000000..82890ce
--- /dev/null
+++ b/js/theme/src/pollen.config.mjs
@@ -0,0 +1,121 @@
+import { defineConfig } from "pollen-css/utils";
+
+export default defineConfig((pollen) => {
+	return {
+		selector: ":root",
+		output: "./src/pollen.css",
+		modules: {
+			line: {
+				...pollen.line,
+				sm: "1.4"
+			},
+			font: {
+				...pollen.font,
+				sans: `IBM Plex Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`,
+				mono: `IBM Plex Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace`
+			},
+			radius: {
+				...pollen.radius,
+
+				xs: "2px",
+				sm: "4px",
+				md: "6px",
+				lg: "8px",
+				xl: "12px",
+				"2xl": "16px",
+				"3xl": "22px"
+			},
+			size: {
+				...pollen.size,
+				0.5: "2px",
+				"0-5": "2px",
+				1.5: "6px",
+				"1-5": "6px",
+				2.5: "10px",
+				"2-5": "10px",
+				"screen-h": "100vh"
+			},
+			color: {
+				...pollen.color,
+				blue: "#0ea5e9",
+				"blue-10": "#fafcff",
+				"blue-50": "#eff6ff",
+				"blue-100": "#dbeafe",
+				"blue-200": "#bfdbfe",
+				"blue-300": "#93c5fd",
+				"blue-400": "#60a5fa",
+				"blue-500": "#0ea5e9",
+				"blue-600": "#2563eb",
+				"blue-700": "#1d4ed8",
+				"blue-800": "#1e40af",
+				"blue-900": "#1e3a8a",
+				"blue-950": "#1c366b",
+				grey: "#6b7280",
+				"grey-10": "#fdfdfe",
+				"grey-50": "#f9fafb",
+				"grey-100": "#f3f4f6",
+				"grey-200": "#e5e7eb",
+				"grey-300": "#d1d5db",
+				"grey-400": "#9ca3af",
+				"grey-500": "#6b7280",
+				"grey-600": "#4b5563",
+				"grey-700": "#374151",
+				"grey-800": "#1f2937",
+				"grey-900": "#111827",
+				"grey-950": "#0b0f19",
+				red: "#ef4444",
+				"red-10": "#fffbfb",
+				"red-50": "#fef2f2",
+				"red-100": "#fee2e2",
+				"red-200": "#fecaca",
+				"red-300": "#fca5a5",
+				"red-400": "#f87171",
+				"red-500": "#ef4444",
+				"red-600": "#dc2626",
+				"red-700": "#b91c1c",
+				"red-800": "#991b1b",
+				"red-900": "#7f1d1d",
+				"red-950": "#63171a",
+				green: "#22c55e",
+				"green-10": "#f9fefc",
+				"green-50": "#ecfdf5",
+				"green-100": "#d1fae5",
+				"green-200": "#bbf7d0",
+				"green-300": "#86efac",
+				"green-400": "#4ade80",
+				"green-500": "#22c55e",
+				"green-600": "#16a34a",
+				"green-700": "#15803d",
+				"green-800": "#166534",
+				"green-900": "#14532d",
+				"green-950": "#134227",
+				orange: "#f97316",
+				"orange-10": "#fffbf6",
+				"orange-50": "#FFF2E5",
+				"orange-100": "#FFE5CC",
+				"orange-200": "#FFD8B4",
+				"orange-300": "#FFB066",
+				"orange-400": "#FF9633",
+				"orange-500": "#FF7C00",
+				"orange-600": "#EE7400",
+				"orange-700": "#CE6400",
+				"orange-800": "#A45000",
+				"orange-900": "#5C2D00",
+				"orange-950": "#3C1F00",
+				yellow: "#eab308",
+				"yellow-10": "#FFFEF8",
+				"yellow-50": "#fffbeb",
+				"yellow-100": "#fff9c2",
+				"yellow-200": "#fef08a",
+				"yellow-300": "#fde047",
+				"yellow-400": "#facc15",
+				"yellow-500": "#eab308",
+				"yellow-600": "#ca8a04",
+				"yellow-700": "#a16207",
+				"yellow-800": "#854d0e",
+				"yellow-900": "#713f12",
+				"yellow-950": "#633112"
+			}
+		}
+	};
+});
diff --git a/js/theme/src/reset.css b/js/theme/src/reset.css
new file mode 100644
index 0000000..229fd05
--- /dev/null
+++ b/js/theme/src/reset.css
@@ -0,0 +1,303 @@
+.gradio-container,
+*,
+::before,
+::after {
+	box-sizing: border-box;
+	border-width: 0;
+	border-style: solid;
+}
+
+html {
+	-webkit-text-size-adjust: 100%;
+	line-height: 1.5;
+	font-family: var(--font-sans);
+	-moz-tab-size: 4;
+	tab-size: 2;
+}
+
+body {
+	margin: 0;
+	line-height: inherit;
+}
+
+hr {
+	border-top-width: 1px;
+	height: 0;
+	color: inherit;
+}
+
+abbr:where([title]) {
+	text-decoration: underline dotted;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	font-weight: inherit;
+	font-size: inherit;
+}
+
+a {
+	color: inherit;
+	text-decoration: inherit;
+}
+
+b,
+strong {
+	font-weight: bolder;
+}
+
+code,
+kbd,
+samp,
+pre {
+	font-family: -var(--font-mono);
+}
+
+small {
+	font-size: 80%;
+}
+
+sub,
+sup {
+	position: relative;
+	vertical-align: baseline;
+	font-size: 75%;
+	line-height: 0;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+sup {
+	top: -0.5em;
+}
+
+table {
+	border-color: inherit;
+
+	text-indent: 0;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	margin: 0;
+	padding: 0;
+	color: inherit;
+	font-weight: inherit;
+	font-size: 100%;
+	line-height: inherit;
+	font-family: inherit;
+}
+
+button,
+select {
+	text-transform: none;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+	-webkit-appearance: button;
+	background-image: none;
+	background-color: transparent;
+}
+
+:-moz-focusring {
+	outline: auto;
+}
+
+:-moz-ui-invalid {
+	box-shadow: none;
+}
+
+progress {
+	vertical-align: baseline;
+}
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+	height: auto;
+}
+
+[type="search"] {
+	-webkit-appearance: textfield;
+	outline-offset: -2px;
+}
+
+::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+	-webkit-appearance: button;
+	font: inherit;
+}
+
+summary {
+	display: list-item;
+}
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+	margin: 0;
+}
+
+fieldset {
+	margin: 0;
+	padding: 0;
+}
+
+legend {
+	padding: 0;
+}
+
+ol,
+ul,
+menu {
+	margin: 0;
+	padding: 0;
+}
+
+textarea {
+	resize: vertical;
+}
+
+input::placeholder,
+textarea::placeholder {
+	opacity: 1;
+	color: --color-var(--color-grey-400);
+}
+
+button,
+[role="button"] {
+	cursor: pointer;
+}
+
+:disabled {
+	cursor: default;
+}
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+	display: block;
+	vertical-align: middle;
+}
+
+img,
+video {
+	max-width: 100%;
+	height: auto;
+	margin: 0;
+}
+
+[hidden] {
+	display: none;
+}
+
+[type="text"],
+[type="email"],
+[type="url"],
+[type="password"],
+[type="number"],
+[type="date"],
+[type="datetime-local"],
+[type="month"],
+[type="search"],
+[type="tel"],
+[type="time"],
+[type="week"],
+[multiple],
+textarea,
+select {
+	--tw-shadow: 0 0 #0000;
+	appearance: none;
+	border-width: 1px;
+	border-color: #6b7280;
+	border-radius: 0px;
+	background-color: #fff;
+	padding-top: 0.5rem;
+	padding-right: 0.75rem;
+	padding-bottom: 0.5rem;
+	padding-left: 0.75rem;
+	font-size: 1rem;
+	line-height: 1.5rem;
+}
+
+[type="checkbox"],
+[type="radio"] {
+	color-adjust: exact;
+	display: inline-block;
+	flex-shrink: 0;
+	vertical-align: middle;
+	appearance: none;
+	border-width: 1px;
+	background-origin: border-box;
+
+	padding: 0;
+	width: 1rem;
+	height: 1rem;
+	color: #2563eb;
+	user-select: none;
+}
+[type="checkbox"]:checked {
+	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+[type="radio"]:checked {
+	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
+}
+
+select {
+	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+	background-position: right 0.5rem center;
+	background-size: 1.5em 1.5em;
+	background-repeat: no-repeat;
+	padding-right: 2.5rem;
+}
+
+[type="checkbox"]:checked,
+[type="radio"]:checked {
+	background-position: center;
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+}
+
+[type="checkbox"]:checked:hover,
+[type="checkbox"]:checked:focus,
+[type="radio"]:checked:hover,
+[type="radio"]:checked:focus {
+	border-color: transparent;
+}
+
+[type="checkbox"]:focus-visible,
+[type="checkbox"]:focus-visible,
+[type="radio"]:focus-visible,
+[type="radio"]:focus-visible {
+	outline: none;
+}
diff --git a/js/theme/src/tokens.css b/js/theme/src/tokens.css
new file mode 100644
index 0000000..5437b49
--- /dev/null
+++ b/js/theme/src/tokens.css
@@ -0,0 +1,6 @@
+@custom-media --screen-sm (min-width: 640px);
+@custom-media --screen-md (min-width: 768px);
+@custom-media --screen-lg (min-width: 1024px);
+@custom-media --screen-xl (min-width: 1280px);
+@custom-media --screen-xxl (min-width: 1536px);
+@custom-media --screen-xxxl (min-width: 1920px);
diff --git a/js/theme/src/typography.css b/js/theme/src/typography.css
new file mode 100644
index 0000000..96ceb89
--- /dev/null
+++ b/js/theme/src/typography.css
@@ -0,0 +1,168 @@
+.prose {
+	font-weight: var(--prose-text-weight);
+	font-size: var(--text-md);
+}
+
+.prose * {
+	color: var(--body-text-color);
+}
+
+.prose p {
+	margin-bottom: var(--spacing-sm);
+	line-height: var(--line-lg);
+}
+
+/* headings
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.prose h1,
+.prose h2,
+.prose h3,
+.prose h4,
+.prose h5 {
+	margin: var(--spacing-xxl) 0 var(--spacing-lg);
+	font-weight: var(--prose-header-text-weight);
+	line-height: 1.3;
+	color: var(--body-text-color);
+}
+
+.prose > *:first-child {
+	margin-top: 0;
+}
+
+.prose h1 {
+	font-size: var(--text-xxl);
+}
+
+.prose h2 {
+	font-size: var(--text-xl);
+}
+
+.prose h3 {
+	font-size: var(--text-lg);
+}
+
+.prose h4 {
+	font-size: 1.1em;
+}
+
+.prose h5 {
+	font-size: 1.05em;
+}
+
+/* lists
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.prose ul {
+	list-style: circle outside;
+}
+.prose ol {
+	list-style: decimal outside;
+}
+
+.prose ul > p,
+.prose li > p {
+	display: inline;
+}
+.prose ol,
+.prose ul {
+	margin-top: 0;
+	/* `outside` markers need this gutter; `inside` pushes the marker onto its
+	   own line when a long unbreakable item wraps. */
+	padding-inline-start: 1.5em;
+}
+.prose ul ul,
+.prose ul ol,
+.prose ol ol,
+.prose ol ul {
+	margin: 0.5em 0 0.5em 0em;
+	font-size: 90%;
+	padding-inline-start: 2em;
+}
+.prose li {
+	margin-bottom: 0.5em;
+}
+
+/* code
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+/* tables
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.prose th,
+.prose td {
+	border-bottom: 1px solid #e1e1e1;
+	padding: var(--text-xs) var(--text-md);
+	text-align: left;
+}
+
+/* spacing
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.prose button,
+.prose .button {
+	margin-bottom: var(--spacing-sm);
+}
+.prose input,
+.prose textarea,
+.prose select,
+.prose fieldset {
+	margin-bottom: var(--spacing-sm);
+}
+.prose pre,
+.prose blockquote,
+.prose dl,
+.prose figure,
+.prose table,
+.prose p,
+.prose ul,
+.prose ol,
+.prose form {
+	margin-bottom: var(--spacing-md);
+}
+
+.prose table,
+.prose tr,
+.prose td,
+.prose th {
+	border: 1px solid var(--body-text-color);
+}
+.prose table {
+	border-collapse: collapse;
+	margin-bottom: var(--spacing-xxl);
+}
+
+/* links
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+.prose a {
+	color: var(--link-text-color);
+	text-decoration: underline;
+}
+
+.prose a:visited {
+	color: var(--link-text-color-visited);
+}
+
+.prose a:hover {
+	color: var(--link-text-color-hover);
+}
+.prose a:active {
+	color: var(--link-text-color-active);
+}
+
+/* misc
+–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
+.prose hr {
+	margin-top: 3em;
+	margin-bottom: 3.5em;
+	border-width: 0;
+	border-top: 1px solid #e1e1e1;
+}
+
+.prose blockquote {
+	margin: var(--size-6) 0 !important;
+	border-left: 5px solid var(--border-color-primary);
+	padding-left: var(--size-2);
+}
+
+.prose :last-child {
+	margin-bottom: 0 !important;
+}
diff --git a/js/timer/CHANGELOG.md b/js/timer/CHANGELOG.md
new file mode 100644
index 0000000..6d662d4
--- /dev/null
+++ b/js/timer/CHANGELOG.md
@@ -0,0 +1,159 @@
+# @gradio/timer
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+
+## 0.5.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.4.9
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+
+## 0.4.8
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+
+## 0.4.8
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.2
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.4.7
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+
+## 0.4.6
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.4.6
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/utils@0.10.3
+
+## 0.4.6-dev.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/utils@0.10.2
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/utils@0.10.1
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/utils@0.8.0
+
+## 0.3.3-beta.2
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.2
+
+## 0.3.3-beta.1
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.1
+
+## 0.3.3
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+
+## 0.3.2
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+
+## 0.3.0
+
+### Fixes
+
+- [#8505](https://github.com/gradio-app/gradio/pull/8505) [`2943d6d`](https://github.com/gradio-app/gradio/commit/2943d6d68847314885dc6c5c0247083116017ca0) - Add Timer component.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
\ No newline at end of file
diff --git a/js/timer/Index.svelte b/js/timer/Index.svelte
new file mode 100644
index 0000000..3309672
--- /dev/null
+++ b/js/timer/Index.svelte
@@ -0,0 +1,25 @@
+<script lang="ts">
+	import { onDestroy } from "svelte";
+	import type { TimerProps, TimerEvents } from "./types";
+	import { Gradio } from "@gradio/utils";
+
+	const props = $props();
+	const gradio = new Gradio<TimerEvents, TimerProps>(props);
+	gradio.watch_for_change();
+
+	let interval: NodeJS.Timeout | undefined = undefined;
+
+	$effect(() => {
+		if (interval) clearInterval(interval);
+		if (gradio.props.active) {
+			interval = setInterval(() => {
+				if (document.visibilityState === "visible") {
+					gradio.dispatch("tick");
+				}
+			}, gradio.props.value * 1000);
+		}
+	});
+	onDestroy(() => {
+		if (interval) clearInterval(interval);
+	});
+</script>
diff --git a/js/timer/Timer.test.ts b/js/timer/Timer.test.ts
new file mode 100644
index 0000000..b2fdb86
--- /dev/null
+++ b/js/timer/Timer.test.ts
@@ -0,0 +1,202 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import { cleanup, render, waitFor } from "@self/tootils/render";
+
+import Timer from "./Index.svelte";
+
+const default_props = {
+	value: 1,
+	active: true
+};
+
+describe("Timer", () => {
+	afterEach(() => cleanup());
+
+	test("renders without errors when active", async () => {
+		const result = await render(Timer, default_props);
+		expect(result.container).toBeInTheDocument();
+	});
+
+	test("renders without errors when inactive", async () => {
+		const result = await render(Timer, {
+			...default_props,
+			active: false
+		});
+		expect(result.container).toBeInTheDocument();
+	});
+});
+
+describe("Props: active", () => {
+	afterEach(() => cleanup());
+
+	test("active=true dispatches tick events", async () => {
+		const { listen } = await render(Timer, {
+			...default_props,
+			value: 0.1,
+			active: true
+		});
+
+		const tick = listen("tick");
+
+		await waitFor(() => {
+			expect(tick).toHaveBeenCalled();
+		});
+	});
+
+	test("active=false does not dispatch tick events", async () => {
+		const { listen } = await render(Timer, {
+			...default_props,
+			value: 0.1,
+			active: false
+		});
+
+		const tick = listen("tick");
+
+		await new Promise((resolve) => setTimeout(resolve, 300));
+		expect(tick).not.toHaveBeenCalled();
+	});
+
+	test("setting active to false via set_data stops tick events", async () => {
+		const { listen, set_data } = await render(Timer, {
+			...default_props,
+			value: 0.1,
+			active: true
+		});
+
+		const tick = listen("tick");
+
+		await waitFor(() => {
+			expect(tick).toHaveBeenCalled();
+		});
+
+		await set_data({ active: false });
+
+		const count_after_stop = tick.mock.calls.length;
+
+		await new Promise((resolve) => setTimeout(resolve, 400));
+		expect(tick.mock.calls.length).toBe(count_after_stop);
+	});
+
+	test("setting active to true via set_data starts tick events", async () => {
+		const { listen, set_data } = await render(Timer, {
+			...default_props,
+			value: 0.1,
+			active: false
+		});
+
+		const tick = listen("tick");
+
+		await new Promise((resolve) => setTimeout(resolve, 300));
+		expect(tick).not.toHaveBeenCalled();
+
+		await set_data({ active: true });
+
+		await waitFor(() => {
+			expect(tick).toHaveBeenCalled();
+		});
+	});
+});
+
+describe("Props: value", () => {
+	afterEach(() => cleanup());
+
+	test("value controls the tick interval in seconds", async () => {
+		const { listen } = await render(Timer, {
+			...default_props,
+			value: 0.5,
+			active: true
+		});
+
+		const tick = listen("tick");
+
+		await new Promise((resolve) => setTimeout(resolve, 120));
+		expect(tick).not.toHaveBeenCalled();
+
+		await waitFor(() => {
+			expect(tick).toHaveBeenCalled();
+		});
+	});
+
+	test("changing value via set_data resets the interval", async () => {
+		const { listen, set_data } = await render(Timer, {
+			...default_props,
+			value: 0.1,
+			active: true
+		});
+
+		const tick = listen("tick");
+
+		await waitFor(() => {
+			expect(tick).toHaveBeenCalled();
+		});
+
+		await set_data({ value: 0.5 });
+
+		const count_after_change = tick.mock.calls.length;
+
+		await new Promise((resolve) => setTimeout(resolve, 200));
+		expect(tick.mock.calls.length).toBe(count_after_change);
+
+		await waitFor(() => {
+			expect(tick.mock.calls.length).toBeGreaterThan(count_after_change);
+		});
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns the current value and active state", async () => {
+		const { get_data } = await render(Timer, default_props);
+
+		const data = await get_data();
+		expect(data.value).toBe(1);
+		expect(data.active).toBe(true);
+	});
+
+	test("set_data updates the value and active state", async () => {
+		const { set_data, get_data } = await render(Timer, default_props);
+
+		await set_data({ value: 5, active: false });
+		const data = await get_data();
+		expect(data.value).toBe(5);
+		expect(data.active).toBe(false);
+	});
+
+	test("set_data then get_data round-trips", async () => {
+		const { set_data, get_data } = await render(Timer, default_props);
+
+		await set_data({ value: 2.5, active: false });
+		const data = await get_data();
+		expect(data.value).toBe(2.5);
+		expect(data.active).toBe(false);
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("large interval value dispatches ticks infrequently", async () => {
+		const { listen } = await render(Timer, {
+			...default_props,
+			value: 10,
+			active: true
+		});
+
+		const tick = listen("tick");
+
+		await new Promise((resolve) => setTimeout(resolve, 500));
+		expect(tick).not.toHaveBeenCalled();
+	});
+
+	test("no spurious tick event on mount before the first interval", async () => {
+		const { listen } = await render(Timer, {
+			...default_props,
+			value: 10,
+			active: true
+		});
+
+		const tick = listen("tick");
+
+		expect(tick).not.toHaveBeenCalled();
+	});
+});
diff --git a/js/timer/package.json b/js/timer/package.json
new file mode 100644
index 0000000..13dbbf8
--- /dev/null
+++ b/js/timer/package.json
@@ -0,0 +1,32 @@
+{
+	"name": "@gradio/timer",
+	"version": "0.5.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/timer"
+	}
+}
diff --git a/js/timer/types.ts b/js/timer/types.ts
new file mode 100644
index 0000000..a6e65a0
--- /dev/null
+++ b/js/timer/types.ts
@@ -0,0 +1,10 @@
+export interface TimerProps {
+	value: number;
+	active: boolean;
+}
+
+export interface TimerEvents {
+	change: never;
+	tick: never;
+	clear_status: never;
+}
diff --git a/js/tooltip/CHANGELOG.md b/js/tooltip/CHANGELOG.md
new file mode 100644
index 0000000..cce657d
--- /dev/null
+++ b/js/tooltip/CHANGELOG.md
@@ -0,0 +1,45 @@
+# @gradio/tooltip
+
+## 0.2.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+## 0.2.0
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+## 0.1.2
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+## 0.1.1
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+## 0.1.0
+
+## 0.1.0-beta.2
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.1
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`681f10c31`](https://github.com/gradio-app/gradio/commit/681f10c315a75cc8cd0473c9a0167961af7696db) - release first version. Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/tooltip/README.md b/js/tooltip/README.md
new file mode 100644
index 0000000..49a31d2
--- /dev/null
+++ b/js/tooltip/README.md
@@ -0,0 +1,12 @@
+# `@gradio/tooltip`
+
+```javascript
+import { Tooltip } from "@gradio/tooltip";
+```
+
+```javascript
+	export let text: string;
+	export let x: number;
+	export let y: number;
+	export let color: string;
+```
\ No newline at end of file
diff --git a/js/tooltip/package.json b/js/tooltip/package.json
new file mode 100644
index 0000000..1b69944
--- /dev/null
+++ b/js/tooltip/package.json
@@ -0,0 +1,26 @@
+{
+	"name": "@gradio/tooltip",
+	"version": "0.2.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "src/index.ts",
+	"author": "",
+	"license": "ISC",
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/tooltip"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"exports": {
+		".": {
+			"gradio": "./src/index.js",
+			"svelte": "./dist/src/index.js",
+			"types": "./dist/src/index.d.ts"
+		},
+		"./package.json": "./package.json"
+	}
+}
diff --git a/js/tooltip/src/Tooltip.svelte b/js/tooltip/src/Tooltip.svelte
new file mode 100644
index 0000000..c9c9ecc
--- /dev/null
+++ b/js/tooltip/src/Tooltip.svelte
@@ -0,0 +1,42 @@
+<script lang="ts">
+	export let text: string;
+	export let x: number;
+	export let y: number;
+	export let color: string;
+
+	let w: number;
+	let h: number;
+</script>
+
+<div
+	bind:offsetWidth={w}
+	bind:offsetHeight={h}
+	style="
+		top: {y - h / 2}px;
+		left: {x - w - 7}px;"
+>
+	<span style="background: {color}" />
+	{text}
+</div>
+
+<style>
+	div {
+		display: flex;
+		position: absolute;
+		justify-content: center;
+		align-items: center;
+		border-radius: var(--radius-sm);
+		background-color: rgba(0, 0, 0, 0.8);
+		padding: var(--size-1) 0.4rem;
+		color: white;
+		font-size: var(--text-sm);
+	}
+
+	span {
+		display: inline-block;
+		margin-right: var(--size-1);
+		border-radius: var(--radius-xs);
+		width: var(--size-3);
+		height: var(--size-3);
+	}
+</style>
diff --git a/js/tooltip/src/index.ts b/js/tooltip/src/index.ts
new file mode 100644
index 0000000..b89ac87
--- /dev/null
+++ b/js/tooltip/src/index.ts
@@ -0,0 +1 @@
+export { tooltip } from "./tooltip";
diff --git a/js/tooltip/src/tooltip.ts b/js/tooltip/src/tooltip.ts
new file mode 100644
index 0000000..09403f9
--- /dev/null
+++ b/js/tooltip/src/tooltip.ts
@@ -0,0 +1,49 @@
+import Tooltip from "./Tooltip.svelte";
+
+interface ActionArgs {
+	color: string;
+	text: string;
+}
+
+export function tooltip(
+	element: HTMLElement | SVGElement,
+	{ color, text }: ActionArgs
+): any {
+	let tooltipComponent: Tooltip;
+	function mouse_over(event: MouseEvent): MouseEvent {
+		tooltipComponent = new Tooltip({
+			props: {
+				text,
+				x: event.pageX,
+				y: event.pageY,
+				color
+			},
+			target: document.body
+		});
+
+		return event;
+	}
+	function mouseMove(event: MouseEvent): void {
+		tooltipComponent.$set({
+			x: event.pageX,
+			y: event.pageY
+		});
+	}
+	function mouseLeave(): void {
+		tooltipComponent.$destroy();
+	}
+
+	const el = element as HTMLElement;
+
+	el.addEventListener("mouseover", mouse_over);
+	el.addEventListener("mouseleave", mouseLeave);
+	el.addEventListener("mousemove", mouseMove);
+
+	return {
+		destroy() {
+			el.removeEventListener("mouseover", mouse_over);
+			el.removeEventListener("mouseleave", mouseLeave);
+			el.removeEventListener("mousemove", mouseMove);
+		}
+	};
+}
diff --git a/js/tootils/CHANGELOG.md b/js/tootils/CHANGELOG.md
new file mode 100644
index 0000000..4c01872
--- /dev/null
+++ b/js/tootils/CHANGELOG.md
@@ -0,0 +1,871 @@
+# @self/tootils
+
+## 0.15.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+
+## 0.15.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+
+## 0.14.0
+
+### Features
+
+- [#13348](https://github.com/gradio-app/gradio/pull/13348) [`d7c4cad`](https://github.com/gradio-app/gradio/commit/d7c4cadd8fdd5205ae544d57ca001fb32b2aae5a) - fix(e2e): plug gradio-app leaks in playwright test harness, and stop spurious ECONNRESETs from aborting the free-port scan.  Thanks @pngwn!
+- [#13348](https://github.com/gradio-app/gradio/pull/13348) [`d7c4cad`](https://github.com/gradio-app/gradio/commit/d7c4cadd8fdd5205ae544d57ca001fb32b2aae5a) - fix(e2e): plug gradio-app leaks in playwright test harness.  Thanks @pngwn!
+
+## 0.13.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.1
+
+## 0.13.0
+
+### Features
+
+- [#13192](https://github.com/gradio-app/gradio/pull/13192) [`f4656ae`](https://github.com/gradio-app/gradio/commit/f4656ae89c30b78b4f0652b6778176d34c1b61af) - Button Unit Tests.  Thanks @dawoodkhan82!
+- [#13235](https://github.com/gradio-app/gradio/pull/13235) [`394423d`](https://github.com/gradio-app/gradio/commit/394423ddd3ec919b8dabceb3903479ab3bf8194f) - clear DOM after cleanup in render.  Thanks @hannahblair!
+
+### Fixes
+
+- [#13181](https://github.com/gradio-app/gradio/pull/13181) [`755c3d3`](https://github.com/gradio-app/gradio/commit/755c3d32c388a36d2296f8d895c5c0e1144fb54f) - fix: show validation errors on StatusTracker-dependent components.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/statustracker@0.14.0
+
+## 0.12.0
+
+### Features
+
+- [#13151](https://github.com/gradio-app/gradio/pull/13151) [`c13daab`](https://github.com/gradio-app/gradio/commit/c13daab68aa40cb58f2c643a650b5db48e986935) - add test utils.  Thanks @pngwn!
+
+### Fixes
+
+- [#13183](https://github.com/gradio-app/gradio/pull/13183) [`1bf9bae`](https://github.com/gradio-app/gradio/commit/1bf9bae723475ad664f7d3d32596856c4881e63d) - Ensure the Accordion's `expand` and `collapse` events fire when toggled from python.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/statustracker@0.13.1
+
+## 0.11.0
+
+### Features
+
+- [#12998](https://github.com/gradio-app/gradio/pull/12998) [`d5e1b8f`](https://github.com/gradio-app/gradio/commit/d5e1b8f6cb7473b70fc8c082589996d5e0402810) - use a real browser environment for unit tests.  Thanks @pngwn!
+- [#13049](https://github.com/gradio-app/gradio/pull/13049) [`9ea8359`](https://github.com/gradio-app/gradio/commit/9ea8359458afbbae5431e581486fa739b85366a2) - Fix flaky playwright tests.  Thanks @freddyaboulton!
+- [#13055](https://github.com/gradio-app/gradio/pull/13055) [`ccf119d`](https://github.com/gradio-app/gradio/commit/ccf119d33f705a0c84897082359275e72e88f988) - add test helper and more textbox tests.  Thanks @pngwn!
+
+### Fixes
+
+- [#13028](https://github.com/gradio-app/gradio/pull/13028) [`30af84c`](https://github.com/gradio-app/gradio/commit/30af84cdd100855999281de8720cbb6d58b48556) - Browser tests follow-up.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.10.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/statustracker@0.12.4
+
+## 0.9.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.3
+
+## 0.9.0
+
+### Features
+
+- [#12781](https://github.com/gradio-app/gradio/pull/12781) [`c64d861`](https://github.com/gradio-app/gradio/commit/c64d8613e96dedf80e47ad03a26a1b94a5761a5a) - Split e2e tests into independent apps.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12472](https://github.com/gradio-app/gradio/pull/12472) [`9a2bc0d`](https://github.com/gradio-app/gradio/commit/9a2bc0dacdd2b3f670fae815093c61ad08eee7e3) - Re-enable SSR mode.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/utils@0.11.2
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/statustracker@0.12.1
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.8.1
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Be able to update visibility programmatically
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Unit test fixes
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.8.1-dev.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.8.1-dev.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.8.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+
+## 0.7.29
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.0
+
+## 0.7.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.7.28
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+
+## 0.7.27
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+
+## 0.7.26
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.15
+
+## 0.7.25
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.14
+
+## 0.7.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+
+## 0.7.23
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.23
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.23
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.7.22
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+
+## 0.7.21
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+
+## 0.7.20
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/utils@0.10.2
+
+## 0.7.19
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.8
+
+## 0.7.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+
+## 0.7.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.6
+
+## 0.7.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.5
+
+## 0.7.15
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.4
+
+## 0.7.14
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/utils@0.10.1
+
+## 0.7.13
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.2
+
+## 0.7.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.1
+
+## 0.7.11
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/statustracker@0.10.0
+
+## 0.7.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/utils@0.8.0
+- @gradio/statustracker@0.9.5
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.0
+
+## 0.7.2
+
+### Fixes
+
+- [#9528](https://github.com/gradio-app/gradio/pull/9528) [`9004b11`](https://github.com/gradio-app/gradio/commit/9004b110640bdb54995343a870bf080ee15da02d) - Fix Lite to work on FireFox.  Thanks @whitphx!
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+
+## 0.7.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - SSR e2e + fixes
+
+### Dependencies
+
+- @gradio/statustracker@0.8.0
+- @gradio/utils@0.7.0
+
+## 0.7.0-beta.5
+
+### Features
+
+- [#9590](https://github.com/gradio-app/gradio/pull/9590) [`e853c41`](https://github.com/gradio-app/gradio/commit/e853c413583d91186aef3aceb0849d0ec0494834) - SSR e2e + fixes.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.5
+
+## 0.6.5-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+
+## 0.6.5-beta.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.3
+
+## 0.6.5-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+
+## 0.6.5-beta.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.6.5-beta.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+
+## 0.6.5
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/statustracker@0.7.5
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.4
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+
+## 0.6.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.7.2
+
+## 0.6.0
+
+### Highlights
+
+#### Support message format in chatbot 💬 ([#8422](https://github.com/gradio-app/gradio/pull/8422) [`4221290`](https://github.com/gradio-app/gradio/commit/4221290d847041024b1faa3df5585bba0775b8b3))
+
+`gr.Chatbot` and `gr.ChatInterface` now support the [Messages API](https://huggingface.co/docs/text-generation-inference/en/messages_api#messages-api), which is fully compatible with LLM API providers such as Hugging Face Text Generation Inference, OpenAI's chat completions API, and Llama.cpp server. 
+
+Building Gradio applications around these LLM solutions is now even easier! 
+
+`gr.Chatbot` and `gr.ChatInterface` now have a `type` parameter that can accept two values - `'tuples'` and `'messages'`. If set to `'tuples'`, the default chatbot data format is expected. If set to `'messages'`, a list of dictionaries with `content` and `role` keys is expected. See below - 
+
+```python
+def chat_greeter(msg, history):
+    history.append({"role": "assistant", "content": "Hello!"})
+    return history
+```
+
+Additionally, gradio now exposes a `gr.ChatMessage` dataclass you can use for IDE type hints and auto completion.
+
+<img width="852" alt="image" src="https://github.com/freddyaboulton/freddyboulton/assets/41651716/d283e8f3-b194-466a-8194-c7e697dca9ad">
+
+
+#### Tool use in Chatbot 🛠️
+
+The Gradio Chatbot can now natively display tool usage and intermediate thoughts common in Agent and chain-of-thought workflows!
+
+If you are using the new "messages" format, simply add a `metadata` key with a dictionary containing a `title` key and `value`. This will display the assistant message in an expandable message box to show the result of a tool or intermediate step.
+
+```python
+import gradio as gr
+from gradio import ChatMessage
+import time
+
+def generate_response(history):
+    history.append(ChatMessage(role="user", content="What is the weather in San Francisco right now?"))
+    yield history
+    time.sleep(0.25)
+    history.append(ChatMessage(role="assistant",
+                               content="In order to find the current weather in San Francisco, I will need to use my weather tool.")
+                               )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="API Error when connecting to weather service.",
+                              metadata={"title": "💥 Error using tool 'Weather'"})
+                  )
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="I will try again",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Weather 72 degrees Fahrenheit with 20% chance of rain.",
+                                metadata={"title": "🛠️ Used tool 'Weather'"}
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="Now that the API succeeded I can complete my task.",
+                              ))
+    yield history
+    time.sleep(0.25)
+
+    history.append(ChatMessage(role="assistant",
+                               content="It's a sunny day in San Francisco with a current temperature of 72 degrees Fahrenheit and a 20% chance of rain. Enjoy the weather!",
+                              ))
+    yield history
+
+
+with gr.Blocks() as demo:
+    chatbot  = gr.Chatbot(type="messages")
+    button = gr.Button("Get San Francisco Weather")
+    button.click(generate_response, chatbot, chatbot)
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+
+
+![tool-box-demo](https://github.com/freddyaboulton/freddyboulton/assets/41651716/cf73ecc9-90ac-42ce-bca5-768e0cc00a48)
+
+ Thanks @freddyaboulton!
+
+### Features
+
+- [#8222](https://github.com/gradio-app/gradio/pull/8222) [`3a6142f`](https://github.com/gradio-app/gradio/commit/3a6142fa4829aa6d65d7b8388fbba49cc8db8ab1) - Lite load perf ci.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+
+## 0.5.1
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/statustracker@0.7.0
+
+## 0.5.0
+
+### Features
+
+- [#8417](https://github.com/gradio-app/gradio/pull/8417) [`96d8de2`](https://github.com/gradio-app/gradio/commit/96d8de231270321da5f310768643363276df3204) - add delete event to `File` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+
+## 0.4.4
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/statustracker@0.5.5
+
+## 0.4.3
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.4
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+
+## 0.4.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.2
+
+## 0.4.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.4.1
+- @gradio/statustracker@0.5.1
+
+## 0.3.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.0
+- @gradio/utils@0.4.0
+
+## 0.2.8
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+
+## 0.2.7
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/statustracker@0.4.11
+
+## 0.2.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.10
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.4.9
+
+## 0.2.4
+
+### Features
+
+- [#7345](https://github.com/gradio-app/gradio/pull/7345) [`561579d`](https://github.com/gradio-app/gradio/commit/561579d9b7b860c5cb3f8131e0dced0c8114463f) - fix-tests.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/statustracker@0.4.7
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7)]:
+  - @gradio/utils@0.3.0
+  - @gradio/statustracker@0.4.6
+
+## 0.2.0
+
+### Features
+
+- [#6890](https://github.com/gradio-app/gradio/pull/6890) [`cccab27`](https://github.com/gradio-app/gradio/commit/cccab27fe8b6ae6860b3fff68694fa33060e18a7) - E2E tests for Lite. Thanks [@whitphx](https://github.com/whitphx)!
+- [#7342](https://github.com/gradio-app/gradio/pull/7342) [`0db7272`](https://github.com/gradio-app/gradio/commit/0db7272694f307890afa569c80619828c173c3d5) - Fix lite tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies [[`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557)]:
+  - @gradio/utils@0.2.2
+  - @gradio/statustracker@0.4.5
+
+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [[`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b)]:
+  - @gradio/utils@0.2.1
+  - @gradio/statustracker@0.4.4
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d)]:
+  - @gradio/statustracker@0.4.3
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/statustracker@0.4.2
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/statustracker@0.4.1
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/statustracker@0.4.0
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/statustracker@0.3.2
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/statustracker@0.3.1
+
+## 0.1.1
+
+### Fixes
+
+- [#6234](https://github.com/gradio-app/gradio/pull/6234) [`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e) - Video/Audio fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6236](https://github.com/gradio-app/gradio/pull/6236) [`6bce259c5`](https://github.com/gradio-app/gradio/commit/6bce259c5db7b21b327c2067e74ea20417bc89ec) - Ensure `gr.CheckboxGroup` updates as expected. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6249](https://github.com/gradio-app/gradio/pull/6249) [`2cffcf3c3`](https://github.com/gradio-app/gradio/commit/2cffcf3c39acd782f314f8a406100ae22e0809b7) - ensure radios have different names. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [[`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a)]:
+  - @gradio/utils@0.2.0-beta.6
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.5
+
+### Patch Changes
+
+- Updated dependencies [[`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93)]:
+  - @gradio/utils@0.2.0-beta.4
+
+## 0.1.0-beta.4
+
+### Features
+
+- [#5648](https://github.com/gradio-app/gradio/pull/5648) [`c573e2339`](https://github.com/gradio-app/gradio/commit/c573e2339b86c85b378dc349de5e9223a3c3b04a) - Publish all components to npm. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.3
+
+### Patch Changes
+
+- Updated dependencies [[`0b4fd5b6d`](https://github.com/gradio-app/gradio/commit/0b4fd5b6db96fc95a155e5e935e17e1ab11d1161)]:
+  - @gradio/utils@0.2.0-beta.3
+
+## 0.1.0-beta.2
+
+### Patch Changes
+
+- Updated dependencies [[`14fc612d8`](https://github.com/gradio-app/gradio/commit/14fc612d84bf6b1408eccd3a40fab41f25477571)]:
+  - @gradio/utils@0.2.0-beta.2
+
+## 0.1.0-beta.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.2.0-beta.1
+
+## 0.1.0-beta.0
+
+### Features
+
+- [#5507](https://github.com/gradio-app/gradio/pull/5507) [`1385dc688`](https://github.com/gradio-app/gradio/commit/1385dc6881f2d8ae7a41106ec21d33e2ef04d6a9) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
\ No newline at end of file
diff --git a/js/tootils/README.md b/js/tootils/README.md
new file mode 100644
index 0000000..ace3d92
--- /dev/null
+++ b/js/tootils/README.md
@@ -0,0 +1,323 @@
+# `@gradio/tootils`
+
+Unit testing utilities for Gradio Svelte components. Built on top of `@testing-library/dom` and `vitest`.
+
+## `render`
+
+Mounts a Gradio component into the DOM with all required shared props (dispatcher, i18n, theme, etc.) pre-configured. Returns query helpers, event utilities, and lifecycle controls.
+
+```ts
+import { render } from "@self/tootils";
+import MyComponent from "./Index.svelte";
+
+const result = await render(MyComponent, {
+  value: "hello",
+  label: "My input"
+});
+```
+
+### Signature
+
+```ts
+function render(
+  Component,
+  props?,
+  options?: { container?: HTMLElement }
+): Promise<RenderResult>
+```
+
+#### `Component`
+
+The Svelte component to mount. Accepts either a component constructor directly or a module with a `default` export.
+
+#### `props`
+
+Component props, excluding `gradio` and `loading_status` (which are provided automatically). You can override `loading_status` if needed:
+
+```ts
+await render(MyComponent, {
+  value: "hello",
+  loading_status: { status: "pending", /* ... */ }
+});
+```
+
+Props listed in `allowed_shared_props` (from `@gradio/utils`) are separated out and passed via `shared_props`. All other props are passed as component-level props.
+
+#### `options.container`
+
+The parent DOM element to mount into. Defaults to `document.body`.
+
+### Return value
+
+`render` returns a promise that resolves to an object combining `@testing-library/dom` query helpers with Gradio-specific utilities:
+
+#### DOM queries
+
+All `@testing-library/dom` query functions are bound to the container and available directly on the result:
+
+```ts
+const { getByText, getByLabelText, queryByRole } = await render(MyComponent, {
+  label: "Name"
+});
+
+const input = getByLabelText("Name");
+```
+
+See the [@testing-library/dom docs](https://testing-library.com/docs/queries/about) for the full list.
+
+#### `container`
+
+The root DOM element the component was mounted into.
+
+#### `component`
+
+The mounted Svelte component instance.
+
+#### `listen`
+
+Creates a `vi.fn()` mock that records all dispatched events for a given event name.
+
+```ts
+const { listen } = await render(MyComponent, { value: "" });
+
+const change = listen("change");
+
+// interact with the component...
+
+expect(change).toHaveBeenCalledTimes(1);
+expect(change).toHaveBeenCalledWith("new value");
+```
+
+##### Retrospective mode
+
+By default, `listen` only captures events dispatched **after** it is called. If a component emits events during mount (before `listen` can be called), pass `{ retrospective: true }` to replay all buffered events onto the mock:
+
+```ts
+const { listen } = await render(MyComponent, { value: "hi" });
+
+// "change" may have fired during mount — retrospective replays it
+const change = listen("change", { retrospective: true });
+
+expect(change).toHaveBeenCalledWith("hi");
+```
+
+All dispatched events are buffered from the moment the dispatcher is created (before mount), so retrospective mode has access to the complete event history.
+
+#### `set_data`
+
+Simulates the Gradio server sending new data to the component (as if via a backend update). Waits for two Svelte ticks to allow all reactive updates and side-effect events to settle before returning:
+
+```ts
+const { set_data, listen } = await render(MyComponent, { value: "" });
+
+const change = listen("change");
+await set_data({ value: "updated" });
+
+expect(change).toHaveBeenCalledWith("updated");
+```
+
+#### `get_data`
+
+Retrieves the component's current data as reported by its internal `get_data` handler:
+
+```ts
+const { get_data } = await render(MyComponent, { value: "hello" });
+
+const data = await get_data();
+expect(data.value).toBe("hello");
+```
+
+#### `debug`
+
+Prints a pretty-formatted DOM tree of the container (or a specific element) to the console. Useful for debugging test failures:
+
+```ts
+const result = await render(MyComponent, { value: "hello" });
+
+result.debug(); // prints full container
+result.debug(someElement); // prints specific element
+```
+
+#### `unmount`
+
+Removes the component from the DOM:
+
+```ts
+const { unmount } = await render(MyComponent, { value: "hello" });
+
+// ...assertions...
+
+unmount();
+```
+
+## `cleanup`
+
+Unmounts all components mounted via `render` and removes their DOM nodes. Call this in an `afterEach` hook to prevent test pollution:
+
+```ts
+import { cleanup } from "@self/tootils";
+
+afterEach(() => {
+  cleanup();
+});
+```
+
+## `fireEvent`
+
+An async wrapper around `@testing-library/dom`'s `fireEvent`. Each event method waits for two Svelte ticks after firing, ensuring reactive state updates and any resulting event emissions have settled before your assertions run:
+
+```ts
+import { render, fireEvent } from "@self/tootils";
+
+const { getByRole } = await render(MyComponent, { value: "" });
+
+const input = getByRole("textbox");
+await fireEvent.input(input, { target: { value: "hello" } });
+await fireEvent.blur(input);
+
+// state has settled — safe to assert
+```
+
+All standard DOM event methods are available (`click`, `input`, `change`, `focus`, `blur`, `keyDown`, etc.).
+
+## `download_file`
+
+Clicks an element and captures the resulting file download. This triggers a real browser download via Playwright's download event API — the file is actually downloaded and its content is readable.
+
+Works with both download patterns used in Gradio components:
+- Static `<a download href="...">` links (DownloadLink, FilePreview, etc.)
+- Programmatic downloads that create an anchor, set `.href`/`.download`, and call `.click()` (DownloadButton, Gallery, Code, etc.)
+
+```ts
+import { render, download_file } from "@self/tootils/render";
+
+const { container } = await render(FileComponent, {
+  value: { url: "/files/data.csv", orig_name: "data.csv" }
+});
+
+const { suggested_filename, content } = await download_file("a[download]");
+
+expect(suggested_filename).toBe("data.csv");
+expect(content).toContain("col1,col2");
+```
+
+### Signature
+
+```ts
+function download_file(
+  selector: string,
+  options?: { timeout?: number }
+): Promise<{ suggested_filename: string; content: string | null }>
+```
+
+#### `selector`
+
+A CSS selector for the element to click. The click triggers the download.
+
+#### `options.timeout`
+
+How long to wait for the download event (default 5000ms). If no download is triggered within this window, the promise rejects.
+
+#### Return value
+
+- `suggested_filename` — the filename the browser would save the file as (from the `download` attribute or `Content-Disposition` header)
+- `content` — the text content of the downloaded file, or `null` if the file couldn't be read
+
+### How it works
+
+This utility uses a [Vitest browser command](https://vitest.dev/guide/browser/commands) that runs server-side with access to the Playwright `Page` object. It sets up `page.waitForEvent("download")` **before** clicking the element, so the download event is never missed regardless of timing. The downloaded file is saved to a temp path by Playwright and its content is read back.
+
+## `upload_file`
+
+Sets files on an `<input type="file">` element using real file fixtures. Triggers the browser's native change event.
+
+```ts
+import { render, upload_file, mock_client, TEST_JPG } from "@self/tootils/render";
+
+const { listen } = await render(ImageUpload, { interactive: true, client: mock_client() });
+const upload = listen("upload");
+
+await upload_file(TEST_JPG);
+
+await vi.waitFor(() => expect(upload).toHaveBeenCalled());
+```
+
+### Signature
+
+```ts
+function upload_file(
+  files: FileData | FileData[],
+  selector?: string  // default: 'input[type="file"]'
+): Promise<void>
+```
+
+## `drop_file`
+
+Simulates dragging and dropping files onto an element. Reads fixture files from disk, constructs a real `DataTransfer` with `File` objects, and dispatches `dragenter`, `dragover`, and `drop` events on the target.
+
+```ts
+import { render, drop_file, mock_client, TEST_JPG } from "@self/tootils/render";
+
+const { listen } = await render(ImageUpload, { interactive: true, client: mock_client() });
+const upload = listen("upload");
+
+await drop_file(TEST_JPG, "[aria-label='Click to upload or drop files']");
+
+await vi.waitFor(() => expect(upload).toHaveBeenCalled());
+```
+
+### Signature
+
+```ts
+function drop_file(
+  files: FileData | FileData[],
+  selector: string
+): Promise<void>
+```
+
+## `mock_client`
+
+Creates a mock client suitable for components that use file uploads. The upload mock echoes back the input `FileData` unchanged, and the stream mock returns a no-op event source.
+
+```ts
+import { render, mock_client } from "@self/tootils/render";
+
+await render(FileComponent, {
+  interactive: true,
+  root: "http://localhost:7860",
+  client: mock_client()
+});
+```
+
+## Test fixtures
+
+Pre-built `FileData` instances pointing to existing test files in `test/test_files/`. Use these as `value` props or with `upload_file`/`drop_file`:
+
+| Export | File | MIME type |
+|--------|------|-----------|
+| `TEST_TXT` | `alphabet.txt` | `text/plain` |
+| `TEST_JPG` | `cheetah1.jpg` | `image/jpeg` |
+| `TEST_PNG` | `bus.png` | `image/png` |
+| `TEST_MP4` | `video_sample.mp4` | `video/mp4` |
+| `TEST_WAV` | `audio_sample.wav` | `audio/wav` |
+| `TEST_PDF` | `sample_file.pdf` | `application/pdf` |
+
+```ts
+import { render, TEST_PNG } from "@self/tootils/render";
+
+// As a component value
+await render(ImageComponent, { value: TEST_PNG });
+
+// As an upload fixture
+await upload_file(TEST_PNG);
+```
+
+Each fixture has `path`, `url`, `orig_name`, `size`, and `mime_type` set. The URLs are served by the Vite dev server during tests.
+
+## Re-exports
+
+Everything from `@testing-library/dom` is re-exported, so you can import query utilities, `screen`, `within`, etc. directly:
+
+```ts
+import { screen, within } from "@self/tootils";
+```
diff --git a/js/tootils/package.json b/js/tootils/package.json
new file mode 100644
index 0000000..91fbd0e
--- /dev/null
+++ b/js/tootils/package.json
@@ -0,0 +1,27 @@
+{
+	"name": "@self/tootils",
+	"version": "0.15.0",
+	"description": "Internal test utilities",
+	"type": "module",
+	"main": "src/index.ts",
+	"author": "",
+	"license": "ISC",
+	"private": true,
+	"dependencies": {
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"exports": {
+		".": "./src/index.ts",
+		"./render": "./src/render.ts",
+		"./shared-prop-tests": "./src/shared-prop-tests.ts",
+		"./app-launcher": "./src/app-launcher.ts",
+		"./download-command": "./src/download-command.ts"
+	},
+	"scripts": {
+		"package": "svelte-package --input=. --tsconfig=../../tsconfig.json"
+	}
+}
diff --git a/js/tootils/src/_demo_runner.py b/js/tootils/src/_demo_runner.py
new file mode 100644
index 0000000..4833e86
--- /dev/null
+++ b/js/tootils/src/_demo_runner.py
@@ -0,0 +1,39 @@
+"""Test-only demo runner with parent-death detection.
+
+Used by the Playwright e2e fixture instead of invoking demo run.py directly.
+Watches stdin: Node spawns us with stdio="pipe", so when the playwright
+worker dies (cleanly or via SIGKILL on timeout), the kernel closes our end
+of the stdin pipe and the blocking read returns EOF — we self-exit
+immediately, instead of becoming an orphan that survives the rest of the
+suite. (Earlier this was a 2s polling loop on os.kill(parent_pid, 0); the
+EOF approach is instant and doesn't need the parent PID plumbed in.)
+
+Then runs the actual demo file as if it were `python <demo>`.
+"""
+
+import os
+import runpy
+import sys
+import threading
+
+
+def _watch_parent() -> None:
+    # Blocks until the parent closes the stdin pipe (process death).
+    sys.stdin.read()
+    os._exit(0)
+
+
+def main() -> None:
+    if len(sys.argv) < 2:
+        sys.stderr.write("usage: _demo_runner.py <demo_path>\n")
+        sys.exit(2)
+
+    threading.Thread(target=_watch_parent, daemon=True).start()
+
+    demo_path = sys.argv[1]
+    sys.argv = [demo_path] + sys.argv[2:]
+    runpy.run_path(demo_path, run_name="__main__")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/js/tootils/src/app-launcher.ts b/js/tootils/src/app-launcher.ts
new file mode 100644
index 0000000..25be6a6
--- /dev/null
+++ b/js/tootils/src/app-launcher.ts
@@ -0,0 +1,276 @@
+import { spawn, spawnSync, type ChildProcess } from "node:child_process";
+import http from "http";
+import net from "net";
+import path from "path";
+import fs from "fs";
+import os from "os";
+import url from "url";
+
+const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
+const ROOT_DIR = path.resolve(__dirname, "../../..");
+
+export interface GradioApp {
+	port: number;
+	process: ChildProcess;
+}
+
+export function killGradioApp(process: ChildProcess): void {
+	try {
+		process.kill("SIGTERM");
+	} catch {
+		// Process may already be dead
+	}
+}
+
+/**
+ * Sweep orphaned gradio demo python processes — i.e. processes running
+ * `python <demo>/run.py` whose parent has died (PPID == 1, reparented to
+ * init/launchd). Without this, a Playwright worker that crashes (e.g.
+ * after a test timeout) leaves its spawned demo apps behind: the new
+ * worker has an empty appCache and won't kill them, ports get squatted,
+ * and resources accumulate. Documented behavior, not a guess: in the SSR
+ * profile run, this orphaning produced 100+ leaked python procs / 7.5GB.
+ *
+ * Best-effort: failures in the sweep are swallowed so they can't block
+ * the spawn path itself.
+ */
+function reapOrphanedDemos(): void {
+	try {
+		const result = spawnSync("ps", ["-A", "-o", "pid=,ppid=,command="], {
+			encoding: "utf8"
+		});
+		if (result.status !== 0 || !result.stdout) return;
+
+		for (const line of result.stdout.split("\n")) {
+			const trimmed = line.trim();
+			if (!trimmed) continue;
+			const match = trimmed.match(/^(\d+)\s+(\d+)\s+(.*)$/);
+			if (!match) continue;
+			const [, pidStr, ppidStr, cmd] = match;
+			if (ppidStr !== "1") continue;
+			// Only target our test demo apps (python running gradio demo files).
+			// Match `gradio/.../demo/<name>/<file>.py` to avoid accidentally
+			// killing unrelated python processes.
+			if (!/python.*\/demo\/[^/]+\/[^/]+\.py/.test(cmd)) continue;
+			if (!cmd.includes("/gradio/")) continue;
+			try {
+				process.kill(Number(pidStr), "SIGTERM");
+			} catch {
+				// already dead, or not ours to kill
+			}
+		}
+	} catch {
+		// ps unavailable or parse error — non-fatal
+	}
+}
+
+export async function findFreePort(
+	startPort: number,
+	endPort: number
+): Promise<number> {
+	for (let port = startPort; port < endPort; port++) {
+		if (await isPortFree(port)) {
+			return port;
+		}
+	}
+	throw new Error(`Could not find free port in range ${startPort}-${endPort}`);
+}
+
+function isPortFree(port: number): Promise<boolean> {
+	return new Promise((resolve) => {
+		const sock = net.createConnection(port, "127.0.0.1");
+		sock.once("connect", () => {
+			sock.end();
+			resolve(false);
+		});
+		sock.once("error", (e: NodeJS.ErrnoException) => {
+			sock.destroy();
+			// ECONNREFUSED → no listener (free). Anything else (ECONNRESET from
+			// a half-closed socket left by a SIGTERM'd demo, ETIMEDOUT, etc.)
+			// → don't trust the port, skip to the next one. Previously we
+			// rejected on non-ECONNREFUSED errors, which aborted the whole
+			// findFreePort scan and surfaced as "Failed to launch app".
+			resolve(e.code === "ECONNREFUSED");
+		});
+	});
+}
+
+/**
+ * Poll the server with HTTP GET requests until it returns a response.
+ * Gradio prints "Running on local URL:" before the server is fully ready,
+ * so we need to verify it actually responds to HTTP requests.
+ */
+async function waitForServerReady(
+	port: number,
+	timeoutMs = 15000
+): Promise<void> {
+	const start = Date.now();
+	const pollInterval = 200;
+
+	while (Date.now() - start < timeoutMs) {
+		try {
+			await new Promise<void>((resolve, reject) => {
+				// Use HEAD on /gradio_api/info to avoid triggering SSR rendering on
+				// the root URL, which could block Gradio's own startup health check.
+				const req = http.request(
+					`http://127.0.0.1:${port}/gradio_api/info`,
+					{ method: "HEAD", timeout: 2000 },
+					(res) => {
+						res.resume(); // drain the response
+						resolve();
+					}
+				);
+				req.on("error", reject);
+				req.on("timeout", () => {
+					req.destroy();
+					reject(new Error("request timeout"));
+				});
+				req.end();
+			});
+			return; // Server responded successfully
+		} catch {
+			// Server not ready yet, wait and retry
+			await new Promise((r) => setTimeout(r, pollInterval));
+		}
+	}
+	throw new Error(
+		`Server on port ${port} did not become ready within ${timeoutMs}ms`
+	);
+}
+
+export function getTestcases(demoName: string): string[] {
+	const demoDir = path.join(ROOT_DIR, "demo", demoName);
+	if (!fs.existsSync(demoDir)) {
+		return [];
+	}
+
+	return fs
+		.readdirSync(demoDir)
+		.filter((f) => f.endsWith("_testcase.py"))
+		.map((f) => path.basename(f, ".py"));
+}
+
+// Check if a testcase file exists for this demo
+export function hasTestcase(demoName: string, testcaseName: string): boolean {
+	const testcaseFile = path.join(
+		ROOT_DIR,
+		"demo",
+		demoName,
+		`${testcaseName}_testcase.py`
+	);
+	return fs.existsSync(testcaseFile);
+}
+
+// Get the path to a demo's Python file
+function getDemoFilePath(demoName: string, testcaseName?: string): string {
+	if (testcaseName) {
+		return path.join(ROOT_DIR, "demo", demoName, `${testcaseName}_testcase.py`);
+	}
+	return path.join(ROOT_DIR, "demo", demoName, "run.py");
+}
+
+export async function launchGradioApp(
+	demoName: string,
+	workerIndex = 0,
+	timeout = 60000,
+	testcaseName?: string
+): Promise<GradioApp> {
+	// Sweep orphaned demo apps from previous (crashed) worker generations
+	// before claiming a port — see reapOrphanedDemos() for rationale.
+	reapOrphanedDemos();
+
+	// Partition ports by worker index to avoid collisions
+	const basePort = 7860 + workerIndex * 100;
+	const port = await findFreePort(basePort, basePort + 99);
+
+	// Get the path to the demo file
+	const demoFilePath = getDemoFilePath(demoName, testcaseName);
+
+	// Create unique directories for this instance to avoid cache conflicts
+	const instanceId = testcaseName
+		? `${demoName}_${testcaseName}_${port}`
+		: `${demoName}_${port}`;
+	const instanceDir = path.join(os.tmpdir(), `gradio_test_${instanceId}`);
+	const cacheDir = path.join(instanceDir, "cached_examples");
+	const tempDir = path.join(instanceDir, "temp");
+
+	if (!fs.existsSync(instanceDir)) {
+		fs.mkdirSync(instanceDir, { recursive: true });
+	}
+
+	// Run the demo via _demo_runner.py instead of directly. The wrapper
+	// watches its stdin pipe: if the playwright worker that spawned us
+	// dies (cleanly or via SIGKILL on timeout), the kernel closes the pipe,
+	// stdin returns EOF and the demo self-exits immediately — instead of
+	// becoming an orphan that survives the rest of the suite.
+	const demoRunnerPath = path.join(__dirname, "_demo_runner.py");
+	const childProcess = spawn("python", [demoRunnerPath, demoFilePath], {
+		stdio: "pipe",
+		cwd: ROOT_DIR,
+		env: {
+			...process.env,
+			PYTHONUNBUFFERED: "true",
+			GRADIO_ANALYTICS_ENABLED: "False",
+			GRADIO_IS_E2E_TEST: "1",
+			GRADIO_RESET_EXAMPLES_CACHE: "True",
+			// Control the port via environment variable
+			GRADIO_SERVER_PORT: port.toString(),
+			// Use unique directories per instance to avoid conflicts
+			GRADIO_EXAMPLES_CACHE: cacheDir,
+			GRADIO_TEMP_DIR: tempDir
+		}
+	});
+
+	childProcess.stdout?.setEncoding("utf8");
+	childProcess.stderr?.setEncoding("utf8");
+
+	// Wait for app to be ready
+	return new Promise<GradioApp>((resolve, reject) => {
+		const timeoutId = setTimeout(() => {
+			killGradioApp(childProcess);
+			reject(
+				new Error(`Gradio app ${demoName} failed to start within ${timeout}ms`)
+			);
+		}, timeout);
+
+		let output = "";
+		let startupDetected = false;
+
+		function handleOutput(data: string): void {
+			output += data;
+			// Check for Gradio's startup message
+			if (
+				!startupDetected &&
+				(data.includes("Running on local URL:") ||
+					data.includes(`Uvicorn running on`))
+			) {
+				startupDetected = true;
+				clearTimeout(timeoutId);
+				// The startup message is printed before the server is fully ready.
+				// Poll with HTTP requests to ensure it actually responds.
+				waitForServerReady(port)
+					.then(() => resolve({ port, process: childProcess }))
+					.catch(reject);
+			}
+		}
+
+		childProcess.stdout?.on("data", handleOutput);
+		childProcess.stderr?.on("data", handleOutput);
+
+		childProcess.on("error", (err) => {
+			clearTimeout(timeoutId);
+			reject(err);
+		});
+
+		childProcess.on("exit", (code) => {
+			if (code !== 0 && code !== null) {
+				clearTimeout(timeoutId);
+				reject(
+					new Error(
+						`Gradio app ${demoName} exited with code ${code}.\nOutput: ${output}`
+					)
+				);
+			}
+		});
+	});
+}
diff --git a/js/tootils/src/download-command.ts b/js/tootils/src/download-command.ts
new file mode 100644
index 0000000..2d99d08
--- /dev/null
+++ b/js/tootils/src/download-command.ts
@@ -0,0 +1,136 @@
+import type { BrowserCommand } from "vitest/node";
+import { resolve } from "path";
+import { readFile } from "fs/promises";
+
+/**
+ * Vitest browser command that captures a real file download triggered by
+ * clicking an element. Runs server-side with access to the Playwright page.
+ *
+ * Sets up page.waitForEvent("download") BEFORE clicking, so the download
+ * event is never missed.
+ */
+export const expect_download: BrowserCommand<
+	[selector: string, options?: { timeout?: number }],
+	{ suggested_filename: string; content: string | null }
+> = async (context, selector, options) => {
+	const timeout = options?.timeout ?? 5000;
+	const provider = context.provider as any;
+	const page = provider.getPage(context.sessionId);
+	// Tests run inside an iframe; use the iframe locator to click
+	// but listen for the download event on the parent page.
+	const iframe = (context as any).iframe;
+
+	const [download] = await Promise.all([
+		page.waitForEvent("download", { timeout }),
+		iframe.locator(selector).click()
+	]);
+
+	const suggested_filename = download.suggestedFilename();
+	const path = await download.path();
+
+	let content: string | null = null;
+	if (path) {
+		const fs = await import("fs/promises");
+		content = await fs.readFile(path, "utf-8");
+	}
+
+	return {
+		suggested_filename,
+		content
+	};
+};
+
+/**
+ * Vitest browser command that sets files on an <input type="file"> element.
+ * Resolves fixture URL paths (e.g. "/test/test_files/bus.png") to absolute
+ * disk paths and uses Playwright's setInputFiles().
+ */
+export const set_file_inputs: BrowserCommand<
+	[file_urls: string[], selector?: string]
+> = async (context, file_urls, selector) => {
+	const root = context.project.config.root;
+	const iframe = (context as any).iframe;
+
+	const paths = file_urls.map((url) => resolve(root, url.replace(/^\//, "")));
+
+	await iframe
+		.locator(selector ?? 'input[type="file"]')
+		.first()
+		.setInputFiles(paths);
+};
+
+interface Drop_file_spec {
+	data: string; // base64
+	name: string;
+	mime_type: string;
+}
+
+/**
+ * Vitest browser command that simulates dropping files onto an element.
+ * Reads files from disk, transfers them as base64 into the browser context,
+ * and dispatches dragenter, dragover, and drop events with a real DataTransfer.
+ */
+export const drop_files: BrowserCommand<
+	[file_urls: string[], selector: string]
+> = async (context, file_urls, selector) => {
+	const root = context.project.config.root;
+
+	const files: Drop_file_spec[] = await Promise.all(
+		file_urls.map(async (url) => {
+			const abs = resolve(root, url.replace(/^\//, ""));
+			const data = (await readFile(abs)).toString("base64");
+			const name = abs.split("/").pop()!;
+			const ext = name.split(".").pop()!.toLowerCase();
+			const mime_type = MIME_TYPES[ext] || "application/octet-stream";
+			return { data, name, mime_type };
+		})
+	);
+
+	const iframe = (context as any).iframe;
+	await iframe
+		.locator(selector)
+		.first()
+		.evaluate((target: Element, files: Drop_file_spec[]) => {
+			const dt = new DataTransfer();
+			for (const f of files) {
+				const bytes = Uint8Array.from(atob(f.data), (c) => c.charCodeAt(0));
+				dt.items.add(new File([bytes], f.name, { type: f.mime_type }));
+			}
+
+			target.dispatchEvent(
+				new DragEvent("dragenter", {
+					dataTransfer: dt,
+					bubbles: true
+				})
+			);
+			target.dispatchEvent(
+				new DragEvent("dragover", {
+					dataTransfer: dt,
+					bubbles: true
+				})
+			);
+			target.dispatchEvent(
+				new DragEvent("drop", { dataTransfer: dt, bubbles: true })
+			);
+		}, files);
+};
+
+const MIME_TYPES: Record<string, string> = {
+	txt: "text/plain",
+	csv: "text/csv",
+	json: "application/json",
+	pdf: "application/pdf",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	png: "image/png",
+	gif: "image/gif",
+	webp: "image/webp",
+	svg: "image/svg+xml",
+	mp4: "video/mp4",
+	webm: "video/webm",
+	ogg: "video/ogg",
+	avi: "video/x-msvideo",
+	wav: "audio/wav",
+	mp3: "audio/mpeg",
+	flac: "audio/flac"
+};
diff --git a/js/tootils/src/download.test.ts b/js/tootils/src/download.test.ts
new file mode 100644
index 0000000..77fb64a
--- /dev/null
+++ b/js/tootils/src/download.test.ts
@@ -0,0 +1,25 @@
+import { describe, test, expect } from "vitest";
+import { download_file } from "./download.js";
+import { TEST_TXT } from "./fixtures.js";
+
+describe("download_file", () => {
+	test("captures a file download triggered by clicking an anchor element", async () => {
+		const link = document.createElement("a");
+		link.href = TEST_TXT.url!;
+		link.download = TEST_TXT.orig_name!;
+		link.id = "test-download-link";
+		link.textContent = "Download";
+		document.body.appendChild(link);
+
+		try {
+			const { suggested_filename, content } = await download_file(
+				"#test-download-link"
+			);
+
+			expect(suggested_filename).toBe("alphabet.txt");
+			expect(content).toBe("abcdefghijklmnopqrstuvwxyz");
+		} finally {
+			document.body.removeChild(link);
+		}
+	});
+});
diff --git a/js/tootils/src/download.ts b/js/tootils/src/download.ts
new file mode 100644
index 0000000..c6217fc
--- /dev/null
+++ b/js/tootils/src/download.ts
@@ -0,0 +1,92 @@
+import { commands } from "vitest/browser";
+import type { FileData } from "@gradio/client";
+
+export interface DownloadResult {
+	suggested_filename: string;
+	content: string | null;
+}
+
+/**
+ * Clicks an element and captures the resulting file download.
+ *
+ * Uses a real browser download via Playwright under the hood —
+ * the file is actually downloaded and its content is readable.
+ *
+ * @param selector - CSS selector for the element to click
+ * @param options - Optional timeout (default 5000ms)
+ * @returns The downloaded file's suggested filename and text content
+ *
+ * @example
+ * ```ts
+ * const { suggested_filename, content } = await download_file("a.download-link");
+ * expect(suggested_filename).toBe("data.csv");
+ * expect(content).toContain("col1,col2");
+ * ```
+ */
+export async function download_file(
+	selector: string,
+	options?: { timeout?: number }
+): Promise<DownloadResult> {
+	return (commands as any).expect_download(selector, options);
+}
+
+/**
+ * Sets files on an `<input type="file">` element using real file fixtures.
+ *
+ * Accepts one or more FileData fixtures (e.g. TEST_JPG, TEST_PNG) and
+ * sets them on the file input, triggering the browser's native change event.
+ *
+ * @param files - One or more FileData fixtures to upload
+ * @param selector - CSS selector for the file input (default: 'input[type="file"]')
+ *
+ * @example
+ * ```ts
+ * import { render, upload_file, TEST_JPG } from "@self/tootils/render";
+ *
+ * const { listen } = await render(ImageUpload, { interactive: true });
+ * const upload = listen("upload");
+ *
+ * await upload_file(TEST_JPG);
+ *
+ * expect(upload).toHaveBeenCalled();
+ * ```
+ */
+export async function upload_file(
+	files: FileData | FileData[],
+	selector?: string
+): Promise<void> {
+	const file_list = Array.isArray(files) ? files : [files];
+	const urls = file_list.map((f) => f.url ?? f.path);
+	return (commands as any).set_file_inputs(urls, selector);
+}
+
+/**
+ * Simulates dragging and dropping files onto an element.
+ *
+ * Reads the fixture files from disk, constructs a real DataTransfer
+ * with File objects, and dispatches dragenter, dragover, and drop events
+ * on the target element.
+ *
+ * @param files - One or more FileData fixtures to drop
+ * @param selector - CSS selector for the drop target element
+ *
+ * @example
+ * ```ts
+ * import { render, drop_file, TEST_JPG } from "@self/tootils/render";
+ *
+ * const { listen } = await render(ImageUpload, { interactive: true });
+ * const upload = listen("upload");
+ *
+ * await drop_file(TEST_JPG, "[aria-label='Click to upload or drop files']");
+ *
+ * await vi.waitFor(() => expect(upload).toHaveBeenCalled());
+ * ```
+ */
+export async function drop_file(
+	files: FileData | FileData[],
+	selector: string
+): Promise<void> {
+	const file_list = Array.isArray(files) ? files : [files];
+	const urls = file_list.map((f) => f.url ?? f.path);
+	return (commands as any).drop_files(urls, selector);
+}
diff --git a/js/tootils/src/fixtures.ts b/js/tootils/src/fixtures.ts
new file mode 100644
index 0000000..75d8a64
--- /dev/null
+++ b/js/tootils/src/fixtures.ts
@@ -0,0 +1,28 @@
+import { FileData } from "@gradio/client";
+
+const BASE = "/test/test_files";
+
+function fixture(filename: string, mime_type: string, size: number): FileData {
+	const url = `${BASE}/${filename}`;
+	return new FileData({
+		path: url,
+		url,
+		orig_name: filename,
+		size,
+		mime_type
+	});
+}
+
+export const TEST_TXT = fixture("alphabet.txt", "text/plain", 26);
+export const TEST_JPG = fixture("cheetah1.jpg", "image/jpeg", 20552);
+export const TEST_PNG = fixture("bus.png", "image/png", 1951);
+export const TEST_MP4 = fixture("video_sample.mp4", "video/mp4", 261179);
+export const TEST_WAV = fixture("audio_sample.wav", "audio/wav", 16136);
+export const TEST_PDF = fixture("sample_file.pdf", "application/pdf", 10558);
+export const TEST_GLTF = fixture("Box.gltf", "model/gltf+json", 5249);
+export const TEST_PLY = fixture("model.ply", "application/octet-stream", 413);
+export const TEST_SPLAT = fixture(
+	"model.splat",
+	"application/octet-stream",
+	32
+);
diff --git a/js/tootils/src/index.ts b/js/tootils/src/index.ts
new file mode 100644
index 0000000..a85eba6
--- /dev/null
+++ b/js/tootils/src/index.ts
@@ -0,0 +1,245 @@
+import { test as base, type Locator, type Page } from "@playwright/test";
+import { spy } from "tinyspy";
+import url from "url";
+import path from "path";
+import fsPromises from "fs/promises";
+import type { ChildProcess } from "node:child_process";
+
+import type { SvelteComponent } from "svelte";
+import type { SpyFn } from "tinyspy";
+
+import { launchGradioApp, killGradioApp, hasTestcase } from "./app-launcher";
+
+export function get_text<T extends HTMLElement>(el: T): string {
+	return el.innerText.trim();
+}
+
+export function wait(n: number): Promise<void> {
+	return new Promise((r) => setTimeout(r, n));
+}
+
+const ROOT_DIR = path.resolve(
+	url.fileURLToPath(import.meta.url),
+	"../../../.."
+);
+
+// Extract testcase name from test title if present
+// Test titles can be:
+//   - "case eager_caching_examples: ..."
+//   - "test case multimodal_messages chatinterface works..."
+function extractTestcaseFromTitle(
+	title: string,
+	demoName: string
+): string | undefined {
+	// Try pattern: "case <name>:" or "test case <name> "
+	const patterns = [/^case\s+(\w+):/, /^test case\s+(\w+)\s/];
+
+	for (const pattern of patterns) {
+		const match = title.match(pattern);
+		if (match) {
+			const caseName = match[1];
+			// Check if this is a testcase (not the main demo)
+			if (hasTestcase(demoName, caseName)) {
+				return caseName;
+			}
+		}
+	}
+	return undefined;
+}
+
+// Cache for launched apps - key is "demoName" or "demoName_testcaseName"
+const appCache = new Map<
+	string,
+	{ port: number; process: ChildProcess; refCount: number }
+>();
+
+// Track the cacheKey of the currently-running spec file so we can kill the
+// previous spec's gradio app when the worker moves on. Without this, every
+// app spawned during a worker's lifetime stayed resident until process exit
+// (~50 python procs / 5GB RSS by end of suite — the tail of the run starved
+// for CPU and tests timed out).
+let currentCacheKey: string | null = null;
+
+function killAndEvict(cacheKey: string): void {
+	const info = appCache.get(cacheKey);
+	if (!info) return;
+	killGradioApp(info.process);
+	appCache.delete(cacheKey);
+}
+
+// Test fixture that launches Gradio app per test
+const test_normal = base.extend<{ setup: void }>({
+	setup: [
+		async ({ page }, use, testInfo): Promise<void> => {
+			const { file, title } = testInfo;
+			const demoName = path.basename(file, ".spec.ts");
+
+			// Check if this is a reload test (they manage their own apps)
+			if (demoName.endsWith(".reload")) {
+				// For reload tests, don't launch an app - they handle it themselves
+				await use();
+				return;
+			}
+
+			// Check if this test is for a specific testcase
+			const testcaseName = extractTestcaseFromTitle(title, demoName);
+
+			// Cache key includes testcase if present
+			const cacheKey = testcaseName ? `${demoName}_${testcaseName}` : demoName;
+
+			// First test of a new spec file → previous file's app is no longer
+			// needed on this worker. fullyParallel=false in playwright.config
+			// guarantees a worker finishes a file before starting the next, so
+			// the kill is unconditional on the transition (we don't gate on
+			// refCount: a throw before `await use()` — e.g. a flaky SSR
+			// hydration wait — can leak refCount, which would otherwise pin
+			// the previous spec's app forever).
+			if (currentCacheKey !== null && currentCacheKey !== cacheKey) {
+				killAndEvict(currentCacheKey);
+			}
+			currentCacheKey = cacheKey;
+
+			let appInfo = appCache.get(cacheKey);
+
+			if (!appInfo) {
+				// Launch the app for this test
+				const workerIndex = testInfo.workerIndex;
+				try {
+					const { port, process } = await launchGradioApp(
+						demoName,
+						workerIndex,
+						60000,
+						testcaseName
+					);
+					appInfo = { port, process, refCount: 0 };
+					appCache.set(cacheKey, appInfo);
+				} catch (error) {
+					console.error(`Failed to launch app for ${cacheKey}:`, error);
+					throw error;
+				}
+			}
+
+			try {
+				// Navigate to the app
+				await page.goto(`http://localhost:${appInfo.port}`);
+
+				if (
+					process.env?.GRADIO_SSR_MODE?.toLowerCase() === "true" &&
+					!(
+						demoName.includes("multipage") ||
+						demoName.includes("chatinterface_deep_link")
+					)
+				) {
+					await page.waitForSelector("#svelte-announcer");
+				}
+				await page.waitForLoadState("load");
+
+				await use();
+			} finally {
+			}
+		},
+		{ auto: true }
+	]
+});
+
+// Cleanup apps when the process exits
+process.on("exit", () => {
+	for (const [, appInfo] of appCache) {
+		killGradioApp(appInfo.process);
+	}
+});
+
+process.on("SIGINT", () => {
+	for (const [, appInfo] of appCache) {
+		killGradioApp(appInfo.process);
+	}
+	process.exit(0);
+});
+
+process.on("SIGTERM", () => {
+	for (const [, appInfo] of appCache) {
+		killGradioApp(appInfo.process);
+	}
+	process.exit(0);
+});
+
+export const test = test_normal;
+
+export async function wait_for_event(
+	component: SvelteComponent,
+	event: string
+): Promise<SpyFn> {
+	const mock = spy();
+	return new Promise((res) => {
+		component.$on(event, () => {
+			mock();
+			res(mock);
+		});
+	});
+}
+
+export interface ActionReturn<
+	Parameter = never,
+	Attributes extends Record<string, any> = Record<never, any>
+> {
+	update?: [Parameter] extends [never] ? never : (parameter: Parameter) => void;
+	destroy?: () => void;
+	/**
+	 * ### DO NOT USE THIS
+	 * This exists solely for type-checking and has no effect at runtime.
+	 * Set this through the `Attributes` generic instead.
+	 */
+	$$_attributes?: Attributes;
+}
+
+export { expect } from "@playwright/test";
+
+export const drag_and_drop_file = async (
+	page: Page,
+	selector: string | Locator,
+	filePath: string,
+	fileName: string,
+	fileType = "",
+	count = 1
+): Promise<void> => {
+	const buffer = (await fsPromises.readFile(filePath)).toString("base64");
+
+	const dataTransfer = await page.evaluateHandle(
+		async ({ bufferData, localFileName, localFileType, count }) => {
+			const dt = new DataTransfer();
+
+			const blobData = await fetch(bufferData).then((res) => res.blob());
+
+			const file = new File([blobData], localFileName, {
+				type: localFileType
+			});
+
+			for (let i = 0; i < count; i++) {
+				dt.items.add(file);
+			}
+			return dt;
+		},
+		{
+			bufferData: `data:application/octet-stream;base64,${buffer}`,
+			localFileName: fileName,
+			localFileType: fileType,
+			count
+		}
+	);
+
+	if (typeof selector === "string") {
+		await page.dispatchEvent(selector, "drop", { dataTransfer });
+	} else {
+		await selector.dispatchEvent("drop", { dataTransfer });
+	}
+};
+
+export async function go_to_testcase(
+	page: Page,
+	_test_case: string
+): Promise<void> {
+	// With the new setup, each testcase launches its own Gradio app.
+	// The fixture detects the testcase from the test title and launches
+	// the correct app, so this function is now a no-op.
+	// The page is already at the correct testcase app.
+}
diff --git a/js/tootils/src/render.ts b/js/tootils/src/render.ts
new file mode 100644
index 0000000..71fd61a
--- /dev/null
+++ b/js/tootils/src/render.ts
@@ -0,0 +1,297 @@
+import {
+	getQueriesForElement,
+	prettyDOM,
+	fireEvent as dtlFireEvent
+} from "@testing-library/dom";
+import { tick, mount, unmount } from "svelte";
+import type { SvelteComponent, Component } from "svelte";
+
+import type {
+	queries,
+	Queries,
+	BoundFunction,
+	EventType
+} from "@testing-library/dom";
+import { vi, type Mock } from "vitest";
+import { GRADIO_ROOT, allowed_shared_props } from "@gradio/utils";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import { _ } from "svelte-i18n";
+
+const containerCache = new Map();
+const componentCache = new Set();
+
+type ComponentType<
+	T extends SvelteComponent,
+	Props extends Record<string, any>
+> = Component<Props>;
+
+export type RenderResult<
+	C extends SvelteComponent,
+	Q extends Queries = typeof queries
+> = {
+	container: HTMLElement;
+	component: C;
+	debug: (el?: HTMLElement | DocumentFragment) => void;
+	unmount: () => void;
+} & { [P in keyof Q]: BoundFunction<Q[P]> };
+const loading_status: LoadingStatus = {
+	eta: 0,
+	queue_position: 1,
+	queue_size: 1,
+	queue: true,
+	message: null,
+	time_limit: null,
+	progress: [],
+	validation_error: null,
+	type: "output",
+	stream_state: null,
+	status: "complete" as LoadingStatus["status"],
+	scroll_to_output: false,
+	fn_index: 0,
+	show_progress: "full" as LoadingStatus["show_progress"]
+};
+
+export interface RenderOptions<Q extends Queries = typeof queries> {
+	container?: HTMLElement;
+	queries?: Q;
+}
+
+export async function render<
+	Events extends Record<string, any>,
+	Props extends Record<string, any>,
+	T extends SvelteComponent<Props, Events>,
+	X extends Record<string, any>
+>(
+	Component: ComponentType<T, Props> | { default: ComponentType<T, Props> },
+	props?: Omit<Props, "gradio" | "loading_status"> & {
+		loading_status?: LoadingStatus;
+	},
+	options?: {
+		container?: HTMLElement;
+	}
+): Promise<
+	RenderResult<T> & {
+		listen: (event_name: string, opts?: { retrospective?: boolean }) => Mock;
+		set_data: (data: Record<string, any>) => Promise<void>;
+		get_data: () => Promise<Record<string, any>>;
+	}
+> {
+	let container: HTMLElement;
+	if (!options?.container) {
+		container = document.body;
+	} else {
+		container = options.container;
+	}
+
+	const target = container.appendChild(document.createElement("div"));
+
+	const ComponentConstructor: ComponentType<T, Props> =
+		//@ts-ignore
+		Component.default || Component;
+
+	const id = Math.floor(Math.random() * 1000000);
+
+	let component_set_data: (data: Record<string, any>) => void;
+	let component_get_data: () => Promise<Record<string, any>>;
+
+	const mock_register = (
+		_id: number,
+		set_data: (data: Record<string, any>) => void,
+		get_data: () => Promise<Record<string, any>>
+	): void => {
+		component_set_data = set_data;
+		component_get_data = get_data;
+	};
+
+	const event_listeners = new Map<string, Set<(data: any) => void>>();
+	const event_buffer: { event: string; data: any }[] = [];
+
+	function notify_listeners(event: string, data: any): void {
+		const listeners = event_listeners.get(event);
+		if (listeners) {
+			for (const listener of listeners) {
+				listener(data);
+			}
+		}
+	}
+
+	const dispatcher = (_id: number, event: string, data: any): void => {
+		event_buffer.push({ event, data });
+		notify_listeners(event, data);
+	};
+
+	function listen(
+		event_name: string,
+		opts?: { retrospective?: boolean }
+	): Mock {
+		const fn = vi.fn();
+		if (!event_listeners.has(event_name)) {
+			event_listeners.set(event_name, new Set());
+		}
+		event_listeners.get(event_name)!.add(fn);
+
+		if (opts?.retrospective) {
+			for (const entry of event_buffer) {
+				if (entry.event === event_name) {
+					fn(entry.data);
+				}
+			}
+		}
+
+		return fn;
+	}
+
+	const i18nFormatter = (s: string | null | undefined): string => s ?? "";
+
+	const shared_props_obj: Record<string, any> = {
+		id,
+		target,
+		theme_mode: "light" as const,
+		version: "2.0.0",
+		formatter: i18nFormatter,
+		client: {} as any,
+		load_component: () => Promise.resolve({ default: {} as any }),
+		show_progress: true,
+		api_prefix: "",
+		server: {} as any,
+		show_label: true,
+		register_component: mock_register,
+		dispatcher
+	};
+
+	const component_props_obj: Record<string, any> = {
+		i18n: i18nFormatter
+	};
+
+	if (props) {
+		for (const key in props) {
+			const value = (props as any)[key];
+			if (allowed_shared_props.includes(key as any)) {
+				shared_props_obj[key] = value;
+			} else {
+				component_props_obj[key] = value;
+			}
+		}
+	}
+
+	shared_props_obj.loading_status = props?.loading_status
+		? props.loading_status
+		: loading_status;
+
+	const componentProps = {
+		shared_props: shared_props_obj,
+		props: {
+			...component_props_obj
+		},
+		...shared_props_obj
+	};
+
+	const component = mount(ComponentConstructor, {
+		target,
+		props: componentProps
+	} as any) as T;
+
+	containerCache.set(container, { target, component });
+	componentCache.add(component);
+
+	await tick();
+
+	return {
+		container,
+		component,
+		listen,
+		set_data: async (data: Record<string, any>) => {
+			const r = component_set_data(data);
+			// we double tick here because the event may trigger state update inside  the component
+			// the event may _only_ be fired in response to these state updates.
+			// so we want everything to settle before returning and continuing with the test.
+			await tick();
+			await tick();
+			return r;
+		},
+		get_data: () => component_get_data(),
+		//@ts-ignore
+		debug: (el = container): void => console.warn(prettyDOM(el)),
+		unmount: (): void => {
+			if (componentCache.has(component)) {
+				unmount(component);
+			}
+		},
+		...getQueriesForElement(container)
+	};
+}
+
+const cleanupAtContainer = (container: HTMLElement): void => {
+	const { target, component } = containerCache.get(container);
+
+	if (componentCache.has(component)) {
+		unmount(component);
+	}
+
+	if (target.parentNode === document.body) {
+		document.body.removeChild(target);
+	}
+
+	containerCache.delete(container);
+};
+
+export function cleanup(): void {
+	Array.from(containerCache.keys()).forEach(cleanupAtContainer);
+	document.body.innerHTML = "";
+}
+
+type AsyncFireObject = {
+	[K in EventType]: (
+		element: Document | Element | Window | Node,
+		options?: object
+	) => Promise<boolean>;
+};
+
+export const fireEvent = Object.keys(dtlFireEvent).reduce((acc, key) => {
+	const _key = key as EventType;
+	return {
+		...acc,
+		[_key]: async (
+			element: Document | Element | Window,
+			options: object = {}
+		): Promise<boolean> => {
+			const event = dtlFireEvent[_key](element, options);
+			// we double tick here because the event may trigger state update inside  the component
+			// the event may _only_ be fired in response to these state updates.
+			// so we want everything to settle before returning and continuing with the test.
+			await tick();
+			await tick();
+			return event;
+		}
+	};
+}, {} as AsyncFireObject);
+
+export type FireFunction = (
+	element: Document | Element | Window,
+	event: Event
+) => Promise<boolean>;
+
+export { download_file, upload_file, drop_file } from "./download.js";
+
+/**
+ * Creates a mock client suitable for components that use file uploads.
+ * The upload mock echoes back the input FileData unchanged.
+ */
+export function mock_client(): Record<string, any> {
+	return {
+		upload: async (file_data: any[]) => file_data,
+		stream: async () => ({ onmessage: null, close: () => {} })
+	};
+}
+export {
+	TEST_TXT,
+	TEST_JPG,
+	TEST_PNG,
+	TEST_MP4,
+	TEST_WAV,
+	TEST_PDF,
+	TEST_GLTF,
+	TEST_PLY,
+	TEST_SPLAT
+} from "./fixtures.js";
+export * from "@testing-library/dom";
diff --git a/js/tootils/src/shared-prop-tests.ts b/js/tootils/src/shared-prop-tests.ts
new file mode 100644
index 0000000..b8f58e6
--- /dev/null
+++ b/js/tootils/src/shared-prop-tests.ts
@@ -0,0 +1,183 @@
+import { describe, test, expect, afterEach } from "vitest";
+import { render, cleanup } from "./render";
+
+const loading_status = {
+	status: "complete",
+	queue_position: null,
+	queue_size: null,
+	eta: null,
+	message: null
+};
+
+export interface SharedPropTestConfig {
+	/** The Svelte component to test */
+	component: any;
+	/** Minimum props required to render the component without errors */
+	base_props: Record<string, any>;
+	/** Display name for test output */
+	name: string;
+	/**
+	 * Some components don't render labels (e.g. HTML, Markdown).
+	 * Set to false to skip label-related tests.
+	 * @default true
+	 */
+	has_label?: boolean;
+	/**
+	 * Whether the component renders validation_error text.
+	 * Not all components support this. Set to false to skip.
+	 * @default true
+	 */
+	has_validation_error?: boolean;
+	/**
+	 * Some components (e.g. Accordion) map visible=false to "hidden"
+	 * instead of removing from the DOM. Set to true to expect hidden
+	 * behaviour rather than removal.
+	 * @default false
+	 */
+	visible_false_hides?: boolean;
+	/**
+	 * Whether the component is wrapped in a Block (which renders a `.block`
+	 * element). Components like Button render a bare element instead.
+	 * Set to false to skip `.block` selector checks.
+	 * @default true
+	 */
+	has_block_wrapper?: boolean;
+}
+
+export function run_shared_prop_tests(config: SharedPropTestConfig): void {
+	const {
+		component,
+		base_props,
+		name,
+		has_label = true,
+		has_validation_error = true,
+		visible_false_hides = false,
+		has_block_wrapper = true
+	} = config;
+
+	const label = "Test Label";
+
+	function make_props(
+		overrides: Record<string, any> = {}
+	): Record<string, any> {
+		return {
+			...base_props,
+			loading_status: { ...loading_status, ...overrides },
+			label,
+			...overrides
+		};
+	}
+
+	describe(`${name}: shared props`, () => {
+		afterEach(() => cleanup());
+
+		test("elem_id is applied to the wrapper", async () => {
+			const { container } = await render(
+				component,
+				make_props({ elem_id: "my-test-id" })
+			);
+			const el = container.querySelector("#my-test-id");
+			expect(el).not.toBeNull();
+		});
+
+		test("elem_classes are applied to the wrapper", async () => {
+			const { container } = await render(
+				component,
+				make_props({ elem_classes: ["my-test-class"] })
+			);
+			const el = container.querySelector(".my-test-class");
+			expect(el).not.toBeNull();
+		});
+
+		test("visible: true renders the component", async () => {
+			const { container } = await render(
+				component,
+				make_props({ visible: true, elem_id: "visible-test" })
+			);
+			const el = has_block_wrapper
+				? container.querySelector(".block")
+				: container.querySelector("#visible-test");
+			expect(el).not.toBeNull();
+		});
+
+		test("visible: 'hidden' hides the component but keeps it in the DOM", async () => {
+			const result = await render(
+				component,
+				make_props({ visible: "hidden", elem_id: "hidden-test" })
+			);
+
+			const el = result.container.querySelector("#hidden-test");
+			expect(el).not.toBeNull();
+			expect(el).not.toBeVisible();
+		});
+
+		if (visible_false_hides) {
+			test("visible: false hides the component but keeps it in the DOM", async () => {
+				const result = await render(
+					component,
+					make_props({ visible: false, elem_id: "gone-test" })
+				);
+
+				const el = result.container.querySelector("#gone-test");
+				expect(el).not.toBeNull();
+				expect(el).not.toBeVisible();
+			});
+		} else {
+			test("visible: false removes the component from the DOM", async () => {
+				const result = await render(
+					component,
+					make_props({ visible: false, elem_id: "gone-test" })
+				);
+
+				const el = result.container.querySelector("#gone-test");
+				expect(el).toBeNull();
+			});
+		}
+
+		if (has_label) {
+			test("label text is rendered", async () => {
+				const result = await render(
+					component,
+					make_props({ label: "My Custom Label", show_label: true })
+				);
+				const el = result.getByText("My Custom Label");
+				expect(el).toBeTruthy();
+			});
+
+			test("show_label: true makes the label visible", async () => {
+				const result = await render(
+					component,
+					make_props({ label: "Visible Label", show_label: true })
+				);
+				const el = result.getByText("Visible Label");
+				expect(el).toBeVisible();
+			});
+
+			test("show_label: false hides the label visually but keeps it in the DOM", async () => {
+				const result = await render(
+					component,
+					make_props({ label: "Hidden Label", show_label: false })
+				);
+				const el = result.getByText("Hidden Label");
+				// The label remains in the DOM for screen readers via sr-only.
+				// sr-only uses clip/1px dimensions rather than display:none,
+				// so toBeVisible() won't catch it. We check the class directly.
+				expect(el.closest("[data-testid='block-info']")).toHaveClass("sr-only");
+			});
+		}
+
+		if (has_validation_error) {
+			test("validation_error displays error text visibly", async () => {
+				const result = await render(
+					component,
+					make_props({
+						validation_error: "This field is required",
+						show_validation_error: true
+					})
+				);
+				const el = result.getByText("This field is required");
+				expect(el).toBeVisible();
+			});
+		}
+	});
+}
diff --git a/js/upload/CHANGELOG.md b/js/upload/CHANGELOG.md
new file mode 100644
index 0000000..54ad7bf
--- /dev/null
+++ b/js/upload/CHANGELOG.md
@@ -0,0 +1,1243 @@
+# @gradio/upload
+
+## 0.18.1
+
+### Fixes
+
+- [#13597](https://github.com/gradio-app/gradio/pull/13597) [`7a595cb`](https://github.com/gradio-app/gradio/commit/7a595cb72d8a82151ee2231e86d20c91d0bb9062) - Fix ImageEditor brush texture resets.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+
+## 0.18.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+
+## 0.17.10
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.17.10
+
+### Fixes
+
+- [#13336](https://github.com/gradio-app/gradio/pull/13336) [`14c8870`](https://github.com/gradio-app/gradio/commit/14c88701756c5fa57e8eaeac4df1385b9601da45) - Add UploadButton unit tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+
+## 0.17.9
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+
+## 0.17.8
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/client@2.2.0
+
+## 0.17.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+
+## 0.17.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+
+## 0.17.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.17.6
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.17.6
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+
+## 0.17.5
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+
+## 0.17.4
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+- [#12637](https://github.com/gradio-app/gradio/pull/12637) [`e202750`](https://github.com/gradio-app/gradio/commit/e202750b1deb5d4583c07d7d9d1b86f6b3dfef4b) - Fix bug where UploadProgress initializes with a null upload_id.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/client@2.0.3
+
+## 0.17.3
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.17.3
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+
+## 0.17.2
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.17.2
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/icons@0.15.0
+- @gradio/client@2.0.0
+- @gradio/utils@0.10.3
+
+## 0.17.2-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+
+## 0.17.2-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.17.2-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.17.2-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.0
+
+## 0.17.1
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.17.1
+
+### Fixes
+
+- [#11969](https://github.com/gradio-app/gradio/pull/11969) [`c8f7909`](https://github.com/gradio-app/gradio/commit/c8f79090ede3b071a8d9620a885350b6ee5a8926) - Show UploadProgress for Webcam Uploads.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.17.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+
+## 0.16.17
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+
+## 0.16.16
+
+### Fixes
+
+- [#11771](https://github.com/gradio-app/gradio/pull/11771) [`f53b24b`](https://github.com/gradio-app/gradio/commit/f53b24b010a98d9028d8bade39db9c4dd37782d1) - Fix file upload error due to file extension case differences.  Thanks @rca-umb!
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+
+## 0.16.15
+
+### Dependency updates
+
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+
+## 0.16.14
+
+### Dependency updates
+
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+
+## 0.16.13
+
+### Dependency updates
+
+- @gradio/client@1.16.0
+
+## 0.16.12
+
+### Dependency updates
+
+- @gradio/client@1.15.7
+
+## 0.16.11
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+
+## 0.16.10
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/client@1.15.5
+
+## 0.16.9
+
+### Dependency updates
+
+- @gradio/client@1.15.4
+
+## 0.16.8
+
+### Dependency updates
+
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+
+## 0.16.7
+
+### Dependency updates
+
+- @gradio/client@1.15.2
+
+## 0.16.6
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+
+## 0.16.5
+
+### Dependency updates
+
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+
+## 0.16.4
+
+### Fixes
+
+- [#11098](https://github.com/gradio-app/gradio/pull/11098) [`49ad594`](https://github.com/gradio-app/gradio/commit/49ad5943eeab96b153f0b56fe8d42d755fe1e0f8) - Fix #10281: Dragging image replaces existing instead of opening new tab.  Thanks @Martim-Rito!
+
+## 0.16.3
+
+### Dependency updates
+
+- @gradio/atoms@0.16.0
+
+## 0.16.2
+
+### Dependency updates
+
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+
+## 0.16.1
+
+### Dependency updates
+
+- @gradio/atoms@0.15.1
+- @gradio/icons@0.12.0
+
+## 0.16.0
+
+### Features
+
+- [#10635](https://github.com/gradio-app/gradio/pull/10635) [`2f68c9d`](https://github.com/gradio-app/gradio/commit/2f68c9d988dcbc53a0b8e53bdb1de49c9c8c65d8) - Refactor and redesign `ImageEditor` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+
+## 0.15.7
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+
+## 0.15.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+
+## 0.15.5
+
+### Dependency updates
+
+- @gradio/atoms@0.14.0
+
+## 0.15.4
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+
+## 0.15.3
+
+### Dependency updates
+
+- @gradio/client@1.13.0
+
+## 0.15.2
+
+### Dependency updates
+
+- @gradio/atoms@0.13.3
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/wasm@0.17.3
+
+## 0.15.0
+
+### Features
+
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/wasm@0.17.2
+
+## 0.14.7
+
+### Dependency updates
+
+- @gradio/wasm@0.17.1
+
+## 0.14.6
+
+### Dependency updates
+
+- @gradio/wasm@0.17.0
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+
+## 0.14.4
+
+### Fixes
+
+- [#10209](https://github.com/gradio-app/gradio/pull/10209) [`2700d18`](https://github.com/gradio-app/gradio/commit/2700d1898bc8eeb3fd9f65ce77be17c2614a388f) - Ensure the `height` param in `gr.File` works as expected.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/wasm@0.16.0
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/atoms@0.12.0
+
+## 0.14.2
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+
+## 0.14.0
+
+### Features
+
+- [#9891](https://github.com/gradio-app/gradio/pull/9891) [`fc12496`](https://github.com/gradio-app/gradio/commit/fc124964a1b4922e54a4ca4755f0a536dfae1a21) - Allow uploading more files in gr.File.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.11.0
+- @gradio/wasm@0.15.0
+
+## 0.13.5
+
+### Dependency updates
+
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+
+## 0.13.4
+
+### Fixes
+
+- [#9770](https://github.com/gradio-app/gradio/pull/9770) [`47b5565`](https://github.com/gradio-app/gradio/commit/47b556523db3b63d6a9c2f9f69e8632bfa4ddff6) - Fix broken image select.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+
+## 0.13.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.2
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/client@1.7.0
+- @gradio/wasm@0.14.2
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/wasm@0.14.1
+
+## 0.13.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/icons@0.8.0
+- @gradio/client@1.6.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.13.0-beta.7
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+
+## 0.13.0-beta.6
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+
+## 0.13.0-beta.5
+
+### Dependency updates
+
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+
+## 0.13.0-beta.4
+
+### Dependency updates
+
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.13.0-beta.3
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.3
+
+## 0.13.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+
+## 0.12.4-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.12.4
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+
+## 0.12.3
+
+### Features
+
+- [#9031](https://github.com/gradio-app/gradio/pull/9031) [`04b7d32`](https://github.com/gradio-app/gradio/commit/04b7d327ec1227a693fc2dfea51b1e2729851bde) - Allow drag and replace image in `gr.Image` and Multimodal textbox.  Thanks @hannahblair!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+
+## 0.12.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+
+## 0.12.1
+
+### Fixes
+
+- [#8879](https://github.com/gradio-app/gradio/pull/8879) [`67c08bf`](https://github.com/gradio-app/gradio/commit/67c08bfb9e59d801081591b8a59232c32d4467cf) - Fix file uploading in iOS.  Thanks @hannahblair!
+- [#8905](https://github.com/gradio-app/gradio/pull/8905) [`4b14ea8`](https://github.com/gradio-app/gradio/commit/4b14ea860d5055410a3a2257974b61a5c8eaac9d) - Allow use of file extensions in gr.File in iOS.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+
+## 0.12.0
+
+### Features
+
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/atoms@0.7.7
+
+## 0.11.5
+
+### Fixes
+
+- [#8714](https://github.com/gradio-app/gradio/pull/8714) [`1b5b5b0`](https://github.com/gradio-app/gradio/commit/1b5b5b0b43e69ee84f3baad2aae59ffc9c4d995a) - Bind `fetch` and `stream` in JS client.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/client@1.3.0
+- @gradio/icons@0.6.0
+
+## 0.11.4
+
+### Fixes
+
+- [#8608](https://github.com/gradio-app/gradio/pull/8608) [`c12f82a`](https://github.com/gradio-app/gradio/commit/c12f82a36dc75ff30918dc2ce5f24e583b676f22) - Bugfix: Add a `file_count` parameter to `gr.MultimodalTextbox`. Multiple files cab be uploaded by setting `file_count="multiple"`. Default is `"single"` to preserve the previous behavior.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@1.2.1
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+
+## 0.11.2
+
+### Features
+
+- [#8491](https://github.com/gradio-app/gradio/pull/8491) [`ffd53fa`](https://github.com/gradio-app/gradio/commit/ffd53fa2dcb13d564fd07aa441d4016df8d2f155) - Remove broken guide redirect.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+
+## 0.11.0
+
+### Features
+
+- [#8417](https://github.com/gradio-app/gradio/pull/8417) [`96d8de2`](https://github.com/gradio-app/gradio/commit/96d8de231270321da5f310768643363276df3204) - add delete event to `File` component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+
+## 0.10.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+
+## 0.10.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/upload@0.10.6
+
+## 0.10.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+
+## 0.10.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/upload@0.10.4
+
+## 0.10.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/client@0.19.1
+- @gradio/upload@0.10.2
+
+## 0.10.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/upload@0.10.1
+
+## 0.10.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+- [#8118](https://github.com/gradio-app/gradio/pull/8118) [`7aca673`](https://github.com/gradio-app/gradio/commit/7aca673b38a087533524b2fd8dd3a03e0e4bacfe) - Add eventsource polyfill for Node.js and browser environments.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+
+## 0.9.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.8.5
+
+### Fixes
+
+- [#8002](https://github.com/gradio-app/gradio/pull/8002) [`8903415`](https://github.com/gradio-app/gradio/commit/8903415e49b1526d31ff454b2235ea238e319c2c) - Add show_progress prop to Upload Component to bring back upload progress animation.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.8.2
+
+### Fixes
+
+- [#7848](https://github.com/gradio-app/gradio/pull/7848) [`8d7b3ca`](https://github.com/gradio-app/gradio/commit/8d7b3caebd8f95b1372f8412cadbb5862766c365) - Multimodal Textbox Loading + other fixes.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+
+## 0.8.0
+
+### Features
+
+- [#7420](https://github.com/gradio-app/gradio/pull/7420) [`15da39f`](https://github.com/gradio-app/gradio/commit/15da39fca01d09a30cf47e7e72d7efa5052f61f8) - Multimodal Textbox (Chat Input Component).  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+
+## 0.7.6
+
+### Features
+
+- [#7625](https://github.com/gradio-app/gradio/pull/7625) [`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d) - image upload fix.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.7.5
+
+### Fixes
+
+- [#7559](https://github.com/gradio-app/gradio/pull/7559) [`26356a6`](https://github.com/gradio-app/gradio/commit/26356a623c4196f48ca236d973a597831743cdb8) - Fixes: Invalid file_type breaks drag and drop.  Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.7.4
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/upload@0.7.4
+
+## 0.7.3
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/upload@0.7.3
+
+## 0.7.2
+
+### Patch Changes
+
+- Updated dependencies [[`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6)]:
+  - @gradio/client@0.12.0
+  - @gradio/upload@0.7.2
+
+## 0.7.1
+
+### Features
+
+- [#7206](https://github.com/gradio-app/gradio/pull/7206) [`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd) - Upload tweak. Thanks [@pngwn](https://github.com/pngwn)!
+
+### Fixes
+
+- [#7141](https://github.com/gradio-app/gradio/pull/7141) [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16) - Few File component drag and drop. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.7.0
+
+### Features
+
+- [#7104](https://github.com/gradio-app/gradio/pull/7104) [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585) - Allow download button for interactive Audio and Video components. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.6.1
+
+### Fixes
+
+- [#6982](https://github.com/gradio-app/gradio/pull/6982) [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9) - Fix File drag and drop for specific file_types. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.6.0
+
+### Features
+
+- [#6965](https://github.com/gradio-app/gradio/pull/6965) [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0) - Make <UploadProgress /> Wasm-compatible. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6969](https://github.com/gradio-app/gradio/pull/6969) [`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a) - Display pending file in `<Upload />` while waiting for upload request. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.8
+
+### Features
+
+- [#6931](https://github.com/gradio-app/gradio/pull/6931) [`6c863af`](https://github.com/gradio-app/gradio/commit/6c863af92fa9ceb5c638857eb22cc5ddb718d549) - Fix functional tests. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.5.7
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/upload@0.5.7
+
+## 0.5.6
+
+### Fixes
+
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.5.5
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/upload@0.5.5
+
+## 0.5.4
+
+### Fixes
+
+- [#6525](https://github.com/gradio-app/gradio/pull/6525) [`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a) - Fixes Drag and Drop for Upload. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.5.3
+
+### Fixes
+
+- [#6709](https://github.com/gradio-app/gradio/pull/6709) [`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88) - Remove progress animation on streaming. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.5.2
+
+### Patch Changes
+
+- Updated dependencies [[`206af31`](https://github.com/gradio-app/gradio/commit/206af31d7c1a31013364a44e9b40cf8df304ba50)]:
+  - @gradio/icons@0.3.1
+  - @gradio/atoms@0.3.1
+  - @gradio/upload@0.5.2
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/upload@0.5.1
+
+## 0.5.0
+
+### Highlights
+
+#### New `ImageEditor` component ([#6169](https://github.com/gradio-app/gradio/pull/6169) [`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8))
+
+A brand new component, completely separate from `Image` that provides simple editing capabilities.
+
+- Set background images from file uploads, webcam, or just paste!
+- Crop images with an improved cropping UI. App authors can event set specific crop size, or crop ratios (`1:1`, etc)
+- Paint on top of any image (or no image) and erase any mistakes!
+- The ImageEditor supports layers, confining draw and erase actions to that layer.
+- More flexible access to data. The image component returns a composite image representing the final state of the canvas as well as providing the background and all layers as individual images.
+- Fully customisable. All features can be enabled and disabled. Even the brush color swatches can be customised.
+
+<video src="https://user-images.githubusercontent.com/12937446/284027169-31188926-fd16-4a1c-8718-998e7aae4695.mp4" autoplay muted></video>
+
+```py
+
+def fn(im):
+    im["composite"] # the full canvas
+    im["background"] # the background image
+    im["layers"] # a list of individual layers
+
+
+im = gr.ImageEditor(
+    # decide which sources you'd like to accept
+    sources=["upload", "webcam", "clipboard"],
+    # set a cropsize constraint, can either be a ratio or a concrete [width, height]
+    crop_size="1:1",
+    # enable crop (or disable it)
+    transforms=["crop"],
+    # customise the brush
+    brush=Brush(
+      default_size="25", # or leave it as 'auto'
+      color_mode="fixed", # 'fixed' hides the user swatches and colorpicker, 'defaults' shows it
+      default_color="hotpink", # html names are supported
+      colors=[
+        "rgba(0, 150, 150, 1)", # rgb(a)
+        "#fff", # hex rgb
+        "hsl(360, 120, 120)" # in fact any valid colorstring
+      ]
+    ),
+    brush=Eraser(default_size="25")
+)
+
+```
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.4.2
+
+### Fixes
+
+- [#6441](https://github.com/gradio-app/gradio/pull/6441) [`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521) - Small but important bugfixes for gr.Image: The upload event was not triggering at all. The paste-from-clipboard was not triggering an upload event. The clear button was not triggering a change event. The change event was triggering infinitely. Uploaded images were not preserving their original names. Uploading a new image should clear out the previous image. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/upload@0.4.1
+
+## 0.4.0
+
+### Features
+
+- [#6356](https://github.com/gradio-app/gradio/pull/6356) [`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c) - Redesign file upload. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6307](https://github.com/gradio-app/gradio/pull/6307) [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57) - Provide status updates on file uploads. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.3
+
+### Fixes
+
+- [#6279](https://github.com/gradio-app/gradio/pull/6279) [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780) - Ensure source selection does not get hidden in overflow. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.3.2
+
+### Fixes
+
+- [#6234](https://github.com/gradio-app/gradio/pull/6234) [`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e) - Video/Audio fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/upload@0.3.1
+
+## 0.3.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.6
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.5
+
+### Features
+
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.3.0-beta.4
+
+### Features
+
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`e70805d54`](https://github.com/gradio-app/gradio/commit/e70805d54cc792452545f5d8eccc1aa0212a4695)]:
+  - @gradio/atoms@0.2.0
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.4
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+
+## 0.3.0
+
+### Features
+
+- [#5554](https://github.com/gradio-app/gradio/pull/5554) [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423) - Accessibility Improvements. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.1.2
+
+## 0.2.0
+
+### Features
+
+- [#5373](https://github.com/gradio-app/gradio/pull/5373) [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96) - Adds `height` and `zoom_speed` parameters to `Model3D` component, as well as a button to reset the camera position. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.0
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5216](https://github.com/gradio-app/gradio/pull/5216) [`4b58ea6d`](https://github.com/gradio-app/gradio/commit/4b58ea6d98e7a43b3f30d8a4cb6f379bc2eca6a8) - Update i18n tokens and locale files. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#5285](https://github.com/gradio-app/gradio/pull/5285) [`cdfd4217`](https://github.com/gradio-app/gradio/commit/cdfd42174a9c777eaee9c1209bf8e90d8c7791f2) - Tweaks to `icon` parameter in `gr.Button()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.0.3
+
+### Fixes
+
+- [#5077](https://github.com/gradio-app/gradio/pull/5077) [`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd) - Live audio streaming output
+
+highlight:
+
+#### Now supports loading streamed outputs
+
+Allows users to use generators to stream audio out, yielding consecutive chunks of audio. Requires `streaming=True` to be set on the output audio.
+
+```python
+import gradio as gr
+from pydub import AudioSegment
+
+def stream_audio(audio_file):
+    audio = AudioSegment.from_mp3(audio_file)
+    i = 0
+    chunk_size = 3000
+
+    while chunk_size*i < len(audio):
+        chunk = audio[chunk_size*i:chunk_size*(i+1)]
+        i += 1
+        if chunk:
+            file = f"/tmp/{i}.mp3"
+            chunk.export(file, format="mp3")
+            yield file
+
+demo = gr.Interface(
+    fn=stream_audio,
+    inputs=gr.Audio(type="filepath", label="Audio file to stream"),
+    outputs=gr.Audio(autoplay=True, streaming=True),
+)
+
+demo.queue().launch()
+```
+
+From the backend, streamed outputs are served from the `/stream/` endpoint instead of the `/file/` endpoint. Currently just used to serve audio streaming output. The output JSON will have `is_stream`: `true`, instead of `is_file`: `true` in the file data object. Thanks [@aliabid94](https://github.com/aliabid94)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/atoms@0.0.2
\ No newline at end of file
diff --git a/js/upload/README.md b/js/upload/README.md
new file mode 100644
index 0000000..b21c47f
--- /dev/null
+++ b/js/upload/README.md
@@ -0,0 +1,83 @@
+# `@gradio/upload`
+
+```html
+<script>
+    import { Upload, ModifyUpload, normalise_file, get_fetchable_url_or_file, upload, prepare_files } from "@gradio/upload";
+</script>
+```
+
+Upload
+```javascript
+	export let filetype: string | null = null;
+	export let dragging = false;
+	export let boundedheight = true;
+	export let center = true;
+	export let flex = true;
+	export let file_count = "single";
+	export let disable_click = false;
+	export let root: string;
+	export let hidden = false;
+```
+
+ModifyUpload
+```javascript
+    export let editable = false;
+	export let undoable = false;
+	export let absolute = true;
+	export let i18n: I18nFormatter;
+```
+
+```javascript
+export function normalise_file(
+	file: FileData | null,
+	server_url: string,
+	proxy_url: string | null
+): FileData | null;
+
+export function normalise_file(
+	file: FileData[] | null,
+	server_url: string,
+	proxy_url: string | null
+): FileData[] | null;
+
+export function normalise_file(
+	file: FileData[] | FileData | null,
+	server_url: string, // root: string,
+	proxy_url: string | null // root_url: string | null
+): FileData[] | FileData | null;
+
+export function normalise_file(
+	file: FileData[] | FileData | null,
+	server_url: string, // root: string,
+	proxy_url: string | null // root_url: string | null
+): FileData[] | FileData | null;
+
+export function get_fetchable_url_or_file(
+	path: string | null,
+	server_url: string,
+	proxy_url: string | null
+): string
+
+export async function upload(
+	file_data: FileData[],
+	root: string,
+	upload_fn: typeof upload_files = upload_files
+): Promise<(FileData | null)[] | null>
+
+export async function prepare_files(
+	files: File[],
+	is_stream?: boolean
+): Promise<FileData[]> {
+	return files.map(
+		(f, i) =>
+			new FileData({
+				path: f.name,
+				orig_name: f.name,
+				blob: f,
+				size: f.size,
+				mime_type: f.type,
+				is_stream
+			})
+	);
+}
+```
\ No newline at end of file
diff --git a/js/upload/package.json b/js/upload/package.json
new file mode 100644
index 0000000..3a9b3ee
--- /dev/null
+++ b/js/upload/package.json
@@ -0,0 +1,31 @@
+{
+	"name": "@gradio/upload",
+	"version": "0.18.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "src/index.ts",
+	"author": "",
+	"license": "ISC",
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./src/index.ts",
+			"svelte": "./dist/src/index.js",
+			"types": "./dist/src/index.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/upload"
+	}
+}
diff --git a/js/upload/src/ModifyUpload.svelte b/js/upload/src/ModifyUpload.svelte
new file mode 100644
index 0000000..7c8db47
--- /dev/null
+++ b/js/upload/src/ModifyUpload.svelte
@@ -0,0 +1,61 @@
+<script lang="ts">
+	import { IconButton, IconButtonWrapper } from "@gradio/atoms";
+	import type { I18nFormatter } from "@gradio/utils";
+	import { Edit, Clear, Undo, Download } from "@gradio/icons";
+	import { DownloadLink } from "@gradio/atoms";
+
+	let {
+		editable = false,
+		undoable = false,
+		download = null,
+		i18n,
+		onedit,
+		onclear,
+		onundo,
+		children
+	}: {
+		editable?: boolean;
+		undoable?: boolean;
+		download?: string | null;
+		i18n: I18nFormatter;
+		onedit?: () => void;
+		onclear?: () => void;
+		onundo?: () => void;
+		children?: import("svelte").Snippet;
+	} = $props();
+</script>
+
+<IconButtonWrapper>
+	{#if editable}
+		<IconButton
+			Icon={Edit}
+			label={i18n("common.edit")}
+			onclick={() => onedit?.()}
+		/>
+	{/if}
+
+	{#if undoable}
+		<IconButton
+			Icon={Undo}
+			label={i18n("common.undo")}
+			onclick={() => onundo?.()}
+		/>
+	{/if}
+
+	{#if download}
+		<DownloadLink href={download} download>
+			<IconButton Icon={Download} label={i18n("common.download")} />
+		</DownloadLink>
+	{/if}
+
+	{#if children}{@render children()}{/if}
+
+	<IconButton
+		Icon={Clear}
+		label={i18n("common.clear")}
+		onclick={(event) => {
+			onclear?.();
+			event.stopPropagation();
+		}}
+	/>
+</IconButtonWrapper>
diff --git a/js/upload/src/Upload.svelte b/js/upload/src/Upload.svelte
new file mode 100644
index 0000000..348cb1f
--- /dev/null
+++ b/js/upload/src/Upload.svelte
@@ -0,0 +1,369 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import type { FileData } from "@gradio/client";
+	import { prepare_files, type Client } from "@gradio/client";
+	import UploadProgress from "./UploadProgress.svelte";
+	import { create_drag, is_valid_mimetype } from "./utils";
+
+	const { drag, open_file_upload: _open_file_upload } = create_drag();
+
+	let {
+		filetype = null,
+		dragging = $bindable(false),
+		boundedheight = true,
+		center = true,
+		flex = true,
+		file_count = "single",
+		disable_click = false,
+		root,
+		hidden = false,
+		format = "file",
+		uploading = $bindable(false),
+		show_progress = true,
+		max_file_size = null,
+		upload,
+		stream_handler,
+		icon_upload = false,
+		height = undefined,
+		aria_label = undefined,
+		upload_promise = $bindable(),
+		onload,
+		onerror,
+		children
+	}: {
+		filetype?: string | string[] | null;
+		dragging?: boolean;
+		boundedheight?: boolean;
+		center?: boolean;
+		flex?: boolean;
+		file_count?: "single" | "multiple" | "directory";
+		disable_click?: boolean;
+		root: string;
+		hidden?: boolean;
+		format?: "blob" | "file";
+		uploading?: boolean;
+		show_progress?: boolean;
+		max_file_size?: number | null;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		icon_upload?: boolean;
+		height?: number | string | undefined;
+		aria_label?: string | undefined;
+		upload_promise?: Promise<(FileData | null)[]> | null;
+		onload?: (data: any) => void;
+		onerror?: (error: string) => void;
+		children?: import("svelte").Snippet;
+	} = $props();
+
+	export function open_upload(): void {
+		_open_file_upload();
+	}
+
+	let upload_id = "";
+	let file_data: FileData[];
+	let accept_file_types: string | null = $state(null);
+	let use_post_upload_validation: boolean | null = null;
+
+	const get_ios = (): boolean => {
+		if (typeof navigator !== "undefined") {
+			const userAgent = navigator.userAgent.toLowerCase();
+			return userAgent.indexOf("iphone") > -1 || userAgent.indexOf("ipad") > -1;
+		}
+		return false;
+	};
+
+	let ios = get_ios();
+
+	const validFileTypes = ["image", "video", "audio", "text", "file"];
+	const process_file_type = (type: string): string => {
+		if (ios && type.startsWith(".")) {
+			use_post_upload_validation = true;
+			return type;
+		}
+		if (ios && type.includes("file/*")) {
+			return "*";
+		}
+		if (type.startsWith(".") || type.endsWith("/*")) {
+			return type;
+		}
+		if (validFileTypes.includes(type)) {
+			return type + "/*";
+		}
+		return "." + type;
+	};
+
+	$effect(() => {
+		if (filetype == null) {
+			accept_file_types = null;
+		} else if (typeof filetype === "string") {
+			accept_file_types = process_file_type(filetype);
+		} else if (ios && filetype.includes("file/*")) {
+			accept_file_types = "*";
+		} else {
+			const processed = filetype.map(process_file_type);
+			accept_file_types = processed.join(", ");
+		}
+	});
+
+	export function paste_clipboard(): void {
+		navigator.clipboard.read().then(async (items) => {
+			for (let i = 0; i < items.length; i++) {
+				const type = items[i].types.find((t) => t.startsWith("image/"));
+				if (type) {
+					items[i].getType(type).then(async (blob) => {
+						const file = new File(
+							[blob],
+							`clipboard.${type.replace("image/", "")}`
+						);
+						await load_files([file]);
+					});
+					break;
+				}
+			}
+		});
+	}
+
+	export function open_file_upload(): void {
+		_open_file_upload();
+	}
+
+	async function handle_upload(
+		file_data: FileData[],
+		_upload_id?: string
+	): Promise<(FileData | null)[]> {
+		if (!_upload_id) {
+			upload_id = Math.random().toString(36).substring(2, 15);
+		} else {
+			upload_id = _upload_id;
+		}
+
+		await tick();
+		uploading = true;
+		upload_promise = new Promise(async (resolve) => {
+			try {
+				const _file_data =
+					(await upload(
+						file_data,
+						root,
+						upload_id,
+						max_file_size ?? Infinity
+					)) || [];
+				if (file_count === "single") {
+					if (_file_data[0] !== undefined) onload?.(_file_data[0]);
+				} else {
+					onload?.(_file_data);
+				}
+				resolve(_file_data);
+				uploading = false;
+			} catch (e) {
+				onerror?.((e as Error).message);
+				uploading = false;
+				resolve([]);
+			}
+		});
+
+		return upload_promise;
+	}
+
+	export async function load_files(
+		files: File[] | Blob[],
+		upload_id?: string
+	): Promise<(FileData | null)[] | void> {
+		if (!files.length) {
+			return;
+		}
+		let _files: File[] = files.map(
+			(f) =>
+				new File([f], f instanceof File ? f.name : "file", { type: f.type })
+		);
+
+		if (ios && use_post_upload_validation) {
+			_files = _files.filter((file) => {
+				if (is_valid_file(file)) {
+					return true;
+				}
+				onerror?.(`Invalid file type: ${file.name}. Only ${filetype} allowed.`);
+				return false;
+			});
+
+			if (_files.length === 0) {
+				return [];
+			}
+		}
+
+		file_data = await prepare_files(_files);
+		return await handle_upload(file_data, upload_id);
+	}
+
+	function is_valid_file(file: File): boolean {
+		if (!filetype) return true;
+
+		const allowed_types = Array.isArray(filetype) ? filetype : [filetype];
+
+		return allowed_types.some((type) => {
+			const processed_type = process_file_type(type);
+
+			if (processed_type.startsWith(".")) {
+				return file.name.toLowerCase().endsWith(processed_type.toLowerCase());
+			}
+
+			if (processed_type === "*") {
+				return true;
+			}
+
+			if (processed_type.endsWith("/*")) {
+				const [category] = processed_type.split("/");
+				return file.type.startsWith(category + "/");
+			}
+
+			return file.type === processed_type;
+		});
+	}
+
+	async function load_files_from_upload(files: File[]): Promise<void> {
+		const files_to_load = files.filter((file) => {
+			const file_extension = "." + file.name.toLowerCase().split(".").pop();
+			if (
+				file_extension &&
+				is_valid_mimetype(accept_file_types, file_extension, file.type)
+			) {
+				return true;
+			}
+			if (
+				file_extension && Array.isArray(filetype)
+					? filetype.includes(file_extension)
+					: file_extension === filetype
+			) {
+				return true;
+			}
+			onerror?.(`Invalid file type only ${filetype} allowed.`);
+			return false;
+		});
+		if (format != "blob") {
+			await load_files(files_to_load);
+		} else {
+			if (file_count === "single") {
+				onload?.(files_to_load[0]);
+				return;
+			}
+			onload?.(files_to_load);
+		}
+	}
+
+	export async function load_files_from_drop(e: DragEvent): Promise<void> {
+		dragging = false;
+		if (!e.dataTransfer?.files) return;
+		const files_to_load = Array.from(e.dataTransfer.files).filter(
+			is_valid_file
+		);
+
+		if (format != "blob") {
+			await load_files(files_to_load);
+		} else {
+			if (file_count === "single") {
+				onload?.(files_to_load[0]);
+				return;
+			}
+			onload?.(files_to_load);
+		}
+	}
+</script>
+
+{#if filetype === "clipboard"}
+	<button
+		class:hidden
+		class:center
+		class:boundedheight
+		class:flex
+		class:icon-mode={icon_upload}
+		style:height={icon_upload
+			? ""
+			: height
+				? typeof height === "number"
+					? height + "px"
+					: height
+				: "100%"}
+		tabindex={hidden ? -1 : 0}
+		onclick={paste_clipboard}
+		aria-label={aria_label || "Paste from clipboard"}
+	>
+		{#if children}{@render children()}{/if}
+	</button>
+{:else if uploading && show_progress}
+	{#if !hidden}
+		<UploadProgress {root} {upload_id} files={file_data} {stream_handler} />
+	{/if}
+{:else}
+	<button
+		class:hidden
+		class:center
+		class:boundedheight
+		class:flex
+		class:disable_click
+		class:icon-mode={icon_upload}
+		style:height={icon_upload
+			? ""
+			: height
+				? typeof height === "number"
+					? height + "px"
+					: height
+				: "100%"}
+		tabindex={hidden ? -1 : 0}
+		use:drag={{
+			on_drag_change: (d) => (dragging = d),
+			on_files: (files) => load_files_from_upload(files),
+			accepted_types: accept_file_types,
+			mode: file_count,
+			disable_click
+		}}
+		aria-label={aria_label || "Click to upload or drop files"}
+		aria-dropeffect="copy"
+	>
+		{#if children}{@render children()}{/if}
+	</button>
+{/if}
+
+<style>
+	button {
+		cursor: pointer;
+		width: var(--size-full);
+	}
+
+	.center {
+		display: flex;
+		justify-content: center;
+	}
+	.flex {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+	.hidden {
+		display: none;
+		position: absolute;
+		flex-grow: 0;
+	}
+
+	.hidden :global(svg) {
+		display: none;
+	}
+
+	.disable_click {
+		cursor: default;
+	}
+
+	.icon-mode {
+		position: absolute !important;
+		width: var(--size-4);
+		height: var(--size-4);
+		padding: 0;
+		min-height: 0;
+		border-radius: var(--radius-circle);
+	}
+
+	.icon-mode :global(svg) {
+		width: var(--size-4);
+		height: var(--size-4);
+	}
+</style>
diff --git a/js/upload/src/UploadProgress.svelte b/js/upload/src/UploadProgress.svelte
new file mode 100644
index 0000000..3470232
--- /dev/null
+++ b/js/upload/src/UploadProgress.svelte
@@ -0,0 +1,198 @@
+<script lang="ts">
+	import { FileData, type Client } from "@gradio/client";
+	import { onMount, onDestroy } from "svelte";
+
+	type FileDataWithProgress = FileData & { progress: number };
+
+	let {
+		upload_id,
+		root,
+		files,
+		stream_handler,
+		ondone
+	}: {
+		upload_id: string;
+		root: string;
+		files: FileData[];
+		stream_handler: Client["stream"];
+		ondone?: () => void;
+	} = $props();
+
+	let stream: Awaited<ReturnType<Client["stream"]>>;
+	let progress = $state(false);
+	let current_file_upload = $state<FileDataWithProgress>();
+	let files_with_progress = $state<FileDataWithProgress[]>(
+		files.map((file) => {
+			return {
+				...file,
+				progress: 0
+			};
+		})
+	);
+	let file_to_display = $derived(current_file_upload || files_with_progress[0]);
+
+	function handleProgress(filename: string, chunk_size: number): void {
+		// Find the corresponding file in the array and update its progress
+		files_with_progress = files_with_progress.map((file) => {
+			if (file.orig_name === filename) {
+				file.progress += chunk_size;
+			}
+			return file;
+		});
+	}
+
+	function getProgress(file: FileDataWithProgress): number {
+		return (file.progress * 100) / (file.size || 0) || 0;
+	}
+
+	onMount(async () => {
+		stream = await stream_handler(
+			new URL(`${root}/gradio_api/upload_progress?upload_id=${upload_id}`)
+		);
+
+		if (stream == null) {
+			throw new Error("Event source is not defined");
+		}
+		// Event listener for progress updates
+		stream.onmessage = async function (event) {
+			const _data = JSON.parse(event.data);
+			if (!progress) progress = true;
+			if (_data.msg === "done") {
+				// the stream will close itself but is here for clarity; remove .close() in 5.0
+				stream?.close();
+				ondone?.();
+			} else {
+				current_file_upload = _data;
+				handleProgress(_data.orig_name, _data.chunk_size);
+			}
+		};
+	});
+
+	onDestroy(() => {
+		// the stream will close itself but is here for clarity; remove .close() in 5.0
+		if (stream != null || stream != undefined) stream.close();
+	});
+
+	function calculateTotalProgress(files: FileDataWithProgress[]): number {
+		let totalProgress = 0;
+		files.forEach((file) => {
+			totalProgress += getProgress(file);
+		});
+
+		document.documentElement.style.setProperty(
+			"--upload-progress-width",
+			(totalProgress / files.length).toFixed(2) + "%"
+		);
+
+		return totalProgress / files.length;
+	}
+
+	$effect(() => {
+		calculateTotalProgress(files_with_progress);
+	});
+</script>
+
+<div class="wrap" class:progress>
+	<span class="uploading"
+		>Uploading {files_with_progress.length}
+		{files_with_progress.length > 1 ? "files" : "file"}...</span
+	>
+
+	{#if file_to_display}
+		<div class="file">
+			<span>
+				<div class="progress-bar">
+					<progress
+						style="visibility:hidden;height:0;width:0;"
+						value={getProgress(file_to_display)}
+						max="100">{getProgress(file_to_display)}</progress
+					>
+				</div>
+			</span>
+			<span class="file-name">
+				{file_to_display.orig_name}
+			</span>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.wrap {
+		overflow-y: auto;
+		transition: opacity 0.5s ease-in-out;
+		background: var(--block-background-fill);
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		min-height: var(--size-40);
+		width: var(--size-full);
+	}
+
+	.wrap::after {
+		content: "";
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: var(--upload-progress-width);
+		height: 100%;
+		transition: all 0.5s ease-in-out;
+		z-index: 1;
+	}
+
+	.uploading {
+		font-size: var(--text-lg);
+		font-family: var(--font);
+		z-index: 2;
+	}
+
+	.file-name {
+		margin: var(--spacing-md);
+		font-size: var(--text-lg);
+		color: var(--body-text-color-subdued);
+	}
+
+	.file {
+		font-size: var(--text-md);
+		z-index: 2;
+		display: flex;
+		align-items: center;
+	}
+
+	.file progress {
+		display: inline;
+		height: var(--size-1);
+		width: 100%;
+		transition: all 0.5s ease-in-out;
+		color: var(--color-accent);
+		border: none;
+	}
+
+	.file progress[value]::-webkit-progress-value {
+		background-color: var(--color-accent);
+		border-radius: 20px;
+	}
+
+	.file progress[value]::-webkit-progress-bar {
+		background-color: var(--border-color-accent);
+		border-radius: 20px;
+	}
+
+	.progress-bar {
+		width: 14px;
+		height: 14px;
+		border-radius: 50%;
+		background:
+			radial-gradient(
+				closest-side,
+				var(--block-background-fill) 64%,
+				transparent 53% 100%
+			),
+			conic-gradient(
+				var(--color-accent) var(--upload-progress-width),
+				var(--border-color-accent) 0
+			);
+		transition: all 0.5s ease-in-out;
+	}
+</style>
diff --git a/js/upload/src/index.ts b/js/upload/src/index.ts
new file mode 100644
index 0000000..8f103ea
--- /dev/null
+++ b/js/upload/src/index.ts
@@ -0,0 +1,4 @@
+export { default as Upload } from "./Upload.svelte";
+export { default as ModifyUpload } from "./ModifyUpload.svelte";
+export { default as UploadProgress } from "./UploadProgress.svelte";
+export { create_drag, is_valid_mimetype } from "./utils";
diff --git a/js/upload/src/utils.test.ts b/js/upload/src/utils.test.ts
new file mode 100644
index 0000000..951ce13
--- /dev/null
+++ b/js/upload/src/utils.test.ts
@@ -0,0 +1,48 @@
+import { afterEach, describe, expect, test, vi } from "vitest";
+import { create_drag } from "./utils";
+
+describe("create_drag", () => {
+	afterEach(() => {
+		document.body.innerHTML = "";
+		vi.restoreAllMocks();
+	});
+
+	test("does not open the file input when an ignored child is clicked", () => {
+		const click = vi
+			.spyOn(HTMLInputElement.prototype, "click")
+			.mockImplementation(() => {});
+		const node = document.createElement("div");
+		const toolbar = document.createElement("div");
+		const button = document.createElement("button");
+
+		toolbar.className = "toolbar-wrap";
+		toolbar.appendChild(button);
+		node.appendChild(toolbar);
+		document.body.appendChild(node);
+
+		const { drag } = create_drag();
+		const action = drag(node, { ignore_click_selector: ".toolbar-wrap" });
+
+		button.click();
+
+		expect(click).not.toHaveBeenCalled();
+		action.destroy();
+	});
+
+	test("opens the file input when the dropzone is clicked", () => {
+		const click = vi
+			.spyOn(HTMLInputElement.prototype, "click")
+			.mockImplementation(() => {});
+		const node = document.createElement("div");
+
+		document.body.appendChild(node);
+
+		const { drag } = create_drag();
+		const action = drag(node, { ignore_click_selector: ".toolbar-wrap" });
+
+		node.click();
+
+		expect(click).toHaveBeenCalledOnce();
+		action.destroy();
+	});
+});
diff --git a/js/upload/src/utils.ts b/js/upload/src/utils.ts
new file mode 100644
index 0000000..8941598
--- /dev/null
+++ b/js/upload/src/utils.ts
@@ -0,0 +1,185 @@
+export function is_valid_mimetype(
+	file_accept: string | string[] | null,
+	uploaded_file_extension: string,
+	uploaded_file_type: string
+): boolean {
+	if (
+		!file_accept ||
+		file_accept === "*" ||
+		file_accept === "file/*" ||
+		(Array.isArray(file_accept) &&
+			file_accept.some((accept) => accept === "*" || accept === "file/*"))
+	) {
+		return true;
+	}
+	let acceptArray: string[];
+	if (typeof file_accept === "string") {
+		acceptArray = file_accept.split(",").map((s) => s.trim());
+	} else if (Array.isArray(file_accept)) {
+		acceptArray = file_accept;
+	} else {
+		return false;
+	}
+
+	return (
+		acceptArray.includes(uploaded_file_extension) ||
+		acceptArray.some((type) => {
+			const [category] = type.split("/").map((s) => s.trim());
+			return (
+				type.endsWith("/*") && uploaded_file_type.startsWith(category + "/")
+			);
+		})
+	);
+}
+
+interface DragActionOptions {
+	disable_click?: boolean;
+	ignore_click_selector?: string;
+	accepted_types?: string | string[] | null;
+	mode?: "single" | "multiple" | "directory";
+	on_drag_change?: (dragging: boolean) => void;
+	on_files?: (files: File[]) => void;
+}
+
+type ActionReturn = {
+	update: (new_options: DragActionOptions) => void;
+	destroy: () => void;
+};
+
+export function create_drag(): {
+	drag: (node: HTMLElement, options: DragActionOptions) => ActionReturn;
+	open_file_upload: () => void;
+} {
+	let hidden_input: HTMLInputElement;
+	let _options: DragActionOptions;
+	return {
+		drag(
+			node: HTMLElement,
+			options: DragActionOptions = {}
+		): {
+			update: (new_options: DragActionOptions) => void;
+			destroy: () => void;
+		} {
+			_options = options;
+
+			// Create and configure hidden file input
+			function setup_hidden_input(): void {
+				hidden_input = document.createElement("input");
+				hidden_input.type = "file";
+				hidden_input.style.display = "none";
+				hidden_input.setAttribute("aria-label", "File upload");
+				hidden_input.setAttribute("data-testid", "file-upload");
+				const accept_options = Array.isArray(_options.accepted_types)
+					? _options.accepted_types.join(",")
+					: _options.accepted_types || undefined;
+
+				if (accept_options) {
+					hidden_input.accept = accept_options;
+				}
+
+				hidden_input.multiple = _options.mode === "multiple" || false;
+				if (_options.mode === "directory") {
+					hidden_input.webkitdirectory = true;
+					hidden_input.setAttribute("directory", "");
+					hidden_input.setAttribute("mozdirectory", "");
+				}
+				node.appendChild(hidden_input);
+			}
+
+			setup_hidden_input();
+
+			function handle_drag(e: DragEvent): void {
+				e.preventDefault();
+				e.stopPropagation();
+			}
+
+			function handle_drag_enter(e: DragEvent): void {
+				e.preventDefault();
+				e.stopPropagation();
+				_options.on_drag_change?.(true);
+			}
+
+			function handle_drag_leave(e: DragEvent): void {
+				e.preventDefault();
+				e.stopPropagation();
+				_options.on_drag_change?.(false);
+			}
+
+			function handle_drop(e: DragEvent): void {
+				e.preventDefault();
+				e.stopPropagation();
+				_options.on_drag_change?.(false);
+
+				if (!e.dataTransfer?.files) return;
+				const files = Array.from(e.dataTransfer.files);
+				if (files.length > 0) {
+					_options.on_files?.(files);
+				}
+			}
+
+			function handle_click(e: MouseEvent): void {
+				const target = e.target;
+				const ignored_click_selector = _options.ignore_click_selector;
+				if (
+					_options.disable_click ||
+					(ignored_click_selector &&
+						target instanceof Element &&
+						target.closest(ignored_click_selector) !== null)
+				) {
+					return;
+				}
+
+				hidden_input.value = "";
+				hidden_input.click();
+			}
+
+			function handle_file_input_change(): void {
+				if (hidden_input.files) {
+					const files = Array.from(hidden_input.files);
+					if (files.length > 0) {
+						_options.on_files?.(files);
+					}
+				}
+			}
+
+			// Add all event listeners
+			node.addEventListener("drag", handle_drag);
+			node.addEventListener("dragstart", handle_drag);
+			node.addEventListener("dragend", handle_drag);
+			node.addEventListener("dragover", handle_drag);
+			node.addEventListener("dragenter", handle_drag_enter);
+			node.addEventListener("dragleave", handle_drag_leave);
+			node.addEventListener("drop", handle_drop);
+			node.addEventListener("click", handle_click);
+			hidden_input!.addEventListener("change", handle_file_input_change);
+
+			return {
+				update(new_options: DragActionOptions) {
+					_options = new_options;
+					// Recreate hidden input with new options
+					hidden_input.remove();
+					setup_hidden_input();
+					hidden_input.addEventListener("change", handle_file_input_change);
+				},
+				destroy() {
+					node.removeEventListener("drag", handle_drag);
+					node.removeEventListener("dragstart", handle_drag);
+					node.removeEventListener("dragend", handle_drag);
+					node.removeEventListener("dragover", handle_drag);
+					node.removeEventListener("dragenter", handle_drag_enter);
+					node.removeEventListener("dragleave", handle_drag_leave);
+					node.removeEventListener("drop", handle_drop);
+					node.removeEventListener("click", handle_click);
+					hidden_input.removeEventListener("change", handle_file_input_change);
+					hidden_input.remove();
+				}
+			};
+		},
+		open_file_upload(): void {
+			if (hidden_input) {
+				hidden_input.value = "";
+				hidden_input.click();
+			}
+		}
+	};
+}
diff --git a/js/uploadbutton/CHANGELOG.md b/js/uploadbutton/CHANGELOG.md
new file mode 100644
index 0000000..8cdee3e
--- /dev/null
+++ b/js/uploadbutton/CHANGELOG.md
@@ -0,0 +1,1219 @@
+# @gradio/uploadbutton
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/button@0.8.1
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/button@0.8.0
+
+## 0.10.0
+
+### Features
+
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+- @gradio/button@0.7.0
+
+## 0.9.19
+
+### Fixes
+
+- [#13336](https://github.com/gradio-app/gradio/pull/13336) [`14c8870`](https://github.com/gradio-app/gradio/commit/14c88701756c5fa57e8eaeac4df1385b9601da45) - Add UploadButton unit tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/upload@0.17.9
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/client@2.2.0
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/upload@0.17.8
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/button@0.6.6
+
+## 0.9.18
+
+### Dependency updates
+
+- @gradio/button@0.6.5
+- @gradio/utils@0.12.0
+- @gradio/upload@0.17.7
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+- @gradio/button@0.6.4
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/upload@0.17.6
+
+## 0.9.17
+
+### Dependency updates
+
+- @gradio/client@2.0.4
+- @gradio/upload@0.17.5
+
+## 0.9.17
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12782](https://github.com/gradio-app/gradio/pull/12782) [`8a262d6`](https://github.com/gradio-app/gradio/commit/8a262d652ad8f33a2c09f3f98f501978ae416cf0) - Migrate UploadButton.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/button@0.6.3
+- @gradio/utils@0.11.2
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+
+## 0.9.16
+
+### Fixes
+
+- [#12681](https://github.com/gradio-app/gradio/pull/12681) [`ba46c2d`](https://github.com/gradio-app/gradio/commit/ba46c2df1405c11e495304af8f91acfdf69d0b18) - Migrate Button to Svelte 5.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/button@0.6.2
+- @gradio/client@2.0.2
+
+## 0.9.15
+
+### Dependency updates
+
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/upload@0.17.3
+- @gradio/button@0.6.1
+
+## 0.9.14
+
+### Dependency updates
+
+- @gradio/button@0.6.0
+
+## 0.9.13
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.9.13
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix textbox updates
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/button@0.5.14
+- @gradio/client@2.0.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.9.13-dev.1
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.2
+- @gradio/button@0.5.14-dev.2
+- @gradio/upload@0.17.2-dev.2
+
+## 0.9.13-dev.1
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/button@0.5.14-dev.1
+
+## 0.9.13-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.9.13-dev.0
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/button@0.5.14-dev.0
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.9.12
+
+### Dependency updates
+
+- @gradio/upload@0.17.1
+
+## 0.9.12
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/button@0.5.13
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/upload@0.16.17
+- @gradio/button@0.5.12
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/upload@0.16.16
+
+## 0.9.11
+
+### Dependency updates
+
+- @gradio/client@1.17.1
+- @gradio/upload@0.16.15
+- @gradio/button@0.5.11
+
+## 0.9.10
+
+### Dependency updates
+
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/button@0.5.10
+
+## 0.9.9
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/button@0.5.9
+
+## 0.9.8
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+- @gradio/button@0.5.8
+
+## 0.9.7
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/button@0.5.7
+- @gradio/upload@0.16.11
+
+## 0.9.6
+
+### Dependency updates
+
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/button@0.5.6
+
+## 0.9.5
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+- @gradio/button@0.5.5
+
+## 0.9.4
+
+### Dependency updates
+
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/button@0.5.4
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/button@0.5.3
+
+## 0.9.3
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+- @gradio/button@0.5.3
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/button@0.5.2
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/client@1.15.1
+- @gradio/button@0.5.1
+- @gradio/upload@0.16.6
+
+## 0.9.0
+
+### Features
+
+- [#11047](https://github.com/gradio-app/gradio/pull/11047) [`6d4b8a7`](https://github.com/gradio-app/gradio/commit/6d4b8a7f10daefc9c79aa224635da23fbaeebb76) - Implement custom i18n.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/button@0.5.0
+
+## 0.8.18
+
+### Dependency updates
+
+- @gradio/button@0.4.18
+- @gradio/upload@0.16.4
+
+## 0.8.17
+
+### Dependency updates
+
+- @gradio/button@0.4.17
+
+## 0.8.16
+
+### Dependency updates
+
+- @gradio/upload@0.16.3
+- @gradio/button@0.4.16
+
+## 0.8.15
+
+### Dependency updates
+
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/button@0.4.15
+- @gradio/upload@0.16.2
+
+## 0.8.14
+
+### Dependency updates
+
+- @gradio/button@0.4.14
+- @gradio/upload@0.16.1
+
+## 0.8.13
+
+### Dependency updates
+
+- @gradio/button@0.4.13
+- @gradio/upload@0.16.0
+
+## 0.8.12
+
+### Dependency updates
+
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/button@0.4.12
+
+## 0.8.11
+
+### Dependency updates
+
+- @gradio/client@1.14.0
+- @gradio/upload@0.15.6
+- @gradio/button@0.4.11
+
+## 0.8.10
+
+### Dependency updates
+
+- @gradio/upload@0.15.5
+- @gradio/button@0.4.10
+
+## 0.8.9
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/upload@0.15.4
+- @gradio/button@0.4.9
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+- @gradio/button@0.4.8
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/upload@0.15.2
+- @gradio/button@0.4.7
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/button@0.4.6
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/button@0.4.5
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/button@0.4.4
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/button@0.4.3
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/button@0.4.2
+
+## 0.8.1
+
+### Dependency updates
+
+- @gradio/client@1.10.0
+- @gradio/upload@0.14.5
+- @gradio/button@0.4.1
+
+## 0.8.0
+
+### Features
+
+- [#10191](https://github.com/gradio-app/gradio/pull/10191) [`5ce2832`](https://github.com/gradio-app/gradio/commit/5ce28324971e974ae24dc9a229b2160793140fb2) - Support saving chat history in `gr.ChatInterface`.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/button@0.4.0
+
+## 0.7.9
+
+### Dependency updates
+
+- @gradio/upload@0.14.3
+- @gradio/button@0.3.9
+
+## 0.7.8
+
+### Dependency updates
+
+- @gradio/utils@0.9.0
+- @gradio/button@0.3.8
+- @gradio/upload@0.14.2
+
+## 0.7.7
+
+### Dependency updates
+
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/button@0.3.7
+- @gradio/upload@0.14.1
+
+## 0.7.6
+
+### Dependency updates
+
+- @gradio/button@0.3.6
+- @gradio/upload@0.14.0
+
+## 0.7.5
+
+### Dependency updates
+
+- @gradio/client@1.7.1
+- @gradio/upload@0.13.5
+- @gradio/button@0.3.5
+
+## 0.7.4
+
+### Dependency updates
+
+- @gradio/button@0.3.4
+- @gradio/upload@0.13.4
+
+## 0.7.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.3
+- @gradio/button@0.3.3
+
+## 0.7.2
+
+### Dependency updates
+
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/button@0.3.2
+
+## 0.7.1
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/button@0.3.1
+
+## 0.7.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/button@0.3.0
+- @gradio/client@1.6.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+
+## 0.7.0-beta.7
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/button@0.3.0-beta.7
+
+## 0.7.0-beta.6
+
+### Dependency updates
+
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/button@0.3.0-beta.6
+
+## 0.7.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/button@0.3.0-beta.5
+
+## 0.7.0-beta.4
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.4
+- @gradio/button@0.3.0-beta.4
+
+## 0.7.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/button@0.3.0-beta.3
+
+## 0.7.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/button@0.3.0-beta.2
+
+## 0.6.19-beta.1
+
+### Dependency updates
+
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/button@0.3.0-beta.1
+
+## 0.6.19
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/button@0.2.51
+
+## 0.6.18
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/button@0.2.50
+- @gradio/client@1.5.1
+
+## 0.6.17
+
+### Dependency updates
+
+- @gradio/client@1.5.0
+- @gradio/upload@0.12.2
+- @gradio/button@0.2.49
+
+## 0.6.16
+
+### Dependency updates
+
+- @gradio/utils@0.5.2
+- @gradio/upload@0.12.1
+- @gradio/button@0.2.48
+
+## 0.6.15
+
+### Dependency updates
+
+- @gradio/client@1.4.0
+- @gradio/upload@0.12.0
+- @gradio/button@0.2.47
+
+## 0.6.14
+
+### Dependency updates
+
+- @gradio/utils@0.5.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/button@0.2.46
+
+## 0.6.13
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/button@0.2.45
+
+## 0.6.12
+
+### Dependency updates
+
+- @gradio/utils@0.5.0
+- @gradio/client@1.2.0
+- @gradio/button@0.2.44
+- @gradio/upload@0.11.3
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/button@0.2.43
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/button@0.2.42
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+- @gradio/button@0.2.41
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/button@0.2.40
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/button@0.2.39
+- @gradio/upload@0.10.6
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+- @gradio/button@0.2.38
+
+## 0.6.5
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/button@0.2.37
+- @gradio/upload@0.10.4
+
+## 0.6.4
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/button@0.2.36
+
+## 0.6.3
+
+### Dependency updates
+
+- @gradio/client@0.19.1
+- @gradio/button@0.2.35
+- @gradio/upload@0.10.2
+
+## 0.6.2
+
+### Dependency updates
+
+- @gradio/client@0.19.0
+- @gradio/upload@0.10.1
+- @gradio/button@0.2.34
+
+## 0.6.1
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/button@0.2.33
+
+## 0.6.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/client@0.17.0
+- @gradio/button@0.2.32
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.5.8
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/button@0.2.31
+
+## 0.5.7
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/upload@0.8.4
+- @gradio/client@0.15.1
+- @gradio/button@0.2.30
+
+## 0.5.6
+
+### Dependency updates
+
+- @gradio/button@0.2.29
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+
+## 0.5.5
+
+### Dependency updates
+
+- @gradio/button@0.2.28
+- @gradio/upload@0.8.2
+
+## 0.5.4
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/button@0.2.27
+
+## 0.5.3
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/button@0.2.26
+
+## 0.5.2
+
+### Dependency updates
+
+- @gradio/button@0.2.25
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+
+## 0.5.1
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/button@0.2.24
+
+## 0.5.0
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7518](https://github.com/gradio-app/gradio/pull/7518) [`bd2c695`](https://github.com/gradio-app/gradio/commit/bd2c69532801f9a0626cd1192de158bde6068b9a) - Adds a `gr.DownloadButton` component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.7
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.7.4
+  - @gradio/button@0.2.22
+
+## 0.4.6
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/button@0.2.21
+  - @gradio/upload@0.7.3
+
+## 0.4.5
+
+### Patch Changes
+
+- Updated dependencies [[`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6)]:
+  - @gradio/client@0.12.0
+  - @gradio/button@0.2.20
+  - @gradio/upload@0.7.2
+
+## 0.4.4
+
+### Patch Changes
+
+- Updated dependencies [[`572e360`](https://github.com/gradio-app/gradio/commit/572e360fff4a03c335b86e1a7517a44cb6af2bcd), [`68a54a7`](https://github.com/gradio-app/gradio/commit/68a54a7a310d8d7072fdae930bf1cfdf12c45a7f), [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557), [`c3e61e4`](https://github.com/gradio-app/gradio/commit/c3e61e4f70696a71aede67b65d28447eb67daf16)]:
+  - @gradio/upload@0.7.1
+  - @gradio/client@0.11.0
+  - @gradio/utils@0.2.2
+  - @gradio/button@0.2.19
+
+## 0.4.3
+
+### Fixes
+
+- [#7126](https://github.com/gradio-app/gradio/pull/7126) [`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b) - Allow buttons to take null value. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.4.2
+
+### Patch Changes
+
+- Updated dependencies [[`3c3cf86`](https://github.com/gradio-app/gradio/commit/3c3cf8618a8cad1ef66a7f96664923d2c9f5e0e2), [`3f139c7`](https://github.com/gradio-app/gradio/commit/3f139c7c995f749562bb007d2a567bb167669de9)]:
+  - @gradio/client@0.10.1
+  - @gradio/upload@0.6.1
+  - @gradio/button@0.2.17
+
+## 0.4.1
+
+### Patch Changes
+
+- Updated dependencies [[`793bf8f`](https://github.com/gradio-app/gradio/commit/793bf8f7b1943f265c5d016c1a0c682ee549232a), [`5d00dd3`](https://github.com/gradio-app/gradio/commit/5d00dd37ca14bbfef2ceac550b29dbe05ba8cab0)]:
+  - @gradio/upload@0.6.0
+  - @gradio/button@0.2.16
+
+## 0.4.0
+
+### Features
+
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.3.5
+
+### Patch Changes
+
+- Updated dependencies [[`d406855`](https://github.com/gradio-app/gradio/commit/d4068557953746662235d595ec435c42ceb24414)]:
+  - @gradio/client@0.9.4
+  - @gradio/button@0.2.14
+  - @gradio/upload@0.5.7
+
+## 0.3.4
+
+### Patch Changes
+
+- Updated dependencies [[`828fb9e`](https://github.com/gradio-app/gradio/commit/828fb9e6ce15b6ea08318675a2361117596a1b5d), [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144)]:
+  - @gradio/client@0.9.3
+  - @gradio/upload@0.5.6
+  - @gradio/button@0.2.13
+
+## 0.3.3
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/button@0.2.12
+  - @gradio/upload@0.5.5
+
+## 0.3.2
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+  - @gradio/button@0.2.11
+
+## 0.3.1
+
+### Patch Changes
+
+- Updated dependencies [[`6a9151d`](https://github.com/gradio-app/gradio/commit/6a9151d5c9432c724098da7d88a539aaaf5ffe88), [`d76bcaa`](https://github.com/gradio-app/gradio/commit/d76bcaaaf0734aaf49a680f94ea9d4d22a602e70), [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0)]:
+  - @gradio/upload@0.5.3
+  - @gradio/client@0.9.0
+  - @gradio/button@0.2.10
+
+## 0.3.0
+
+### Features
+
+- [#6584](https://github.com/gradio-app/gradio/pull/6584) [`9bcb1da`](https://github.com/gradio-app/gradio/commit/9bcb1da189a9738d023ef6daad8c6c827e3f6371) - Feat: make UploadButton accept icon. Thanks [@Justin-Xiang](https://github.com/Justin-Xiang)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/button@0.2.8
+  - @gradio/upload@0.5.1
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/upload@0.5.0
+  - @gradio/button@0.2.7
+
+## 0.2.0
+
+### Features
+
+- [#6461](https://github.com/gradio-app/gradio/pull/6461) [`6b53330a5`](https://github.com/gradio-app/gradio/commit/6b53330a5be53579d9128aea4858713082ce302d) - UploadButton tests. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [[`324867f63`](https://github.com/gradio-app/gradio/commit/324867f63c920113d89a565892aa596cf8b1e486)]:
+  - @gradio/client@0.8.1
+  - @gradio/button@0.2.5
+  - @gradio/upload@0.4.1
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+  - @gradio/button@0.2.4
+
+## 0.1.3
+
+### Patch Changes
+
+- Updated dependencies [[`bca6c2c80`](https://github.com/gradio-app/gradio/commit/bca6c2c80f7e5062427019de45c282238388af95), [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780)]:
+  - @gradio/client@0.7.2
+  - @gradio/upload@0.3.3
+  - @gradio/button@0.2.3
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e)]:
+  - @gradio/upload@0.3.2
+  - @gradio/button@0.2.2
+
+## 0.1.1
+
+### Features
+
+- [#6181](https://github.com/gradio-app/gradio/pull/6181) [`62ec2075c`](https://github.com/gradio-app/gradio/commit/62ec2075ccad8025a7721a08d0f29eb5a4f87fad) - modify preprocess to use pydantic models. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.7
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6044](https://github.com/gradio-app/gradio/pull/6044) [`9053c95a1`](https://github.com/gradio-app/gradio/commit/9053c95a10de12aef572018ee37c71106d2da675) - Simplify File Component. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0-beta.5
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.0.12
+
+### Patch Changes
+
+- Updated dependencies [[`4e62b8493`](https://github.com/gradio-app/gradio/commit/4e62b8493dfce50bafafe49f1a5deb929d822103)]:
+  - @gradio/client@0.5.2
+  - @gradio/upload@0.3.3
+  - @gradio/button@0.2.3
+
+## 0.0.11
+
+### Patch Changes
+
+- Updated dependencies [[`796145e2c`](https://github.com/gradio-app/gradio/commit/796145e2c48c4087bec17f8ec0be4ceee47170cb)]:
+  - @gradio/client@0.5.1
+
+## 0.0.10
+
+### Patch Changes
+
+- Updated dependencies [[`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e), [`caeee8bf7`](https://github.com/gradio-app/gradio/commit/caeee8bf7821fd5fe2f936ed82483bed00f613ec), [`c0fef4454`](https://github.com/gradio-app/gradio/commit/c0fef44541bfa61568bdcfcdfc7d7d79869ab1df)]:
+  - @gradio/client@0.5.0
+  - @gradio/utils@0.1.2
+  - @gradio/button@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.0.9
+
+### Patch Changes
+
+- Updated dependencies [[`6e56a0d9b`](https://github.com/gradio-app/gradio/commit/6e56a0d9b0c863e76c69e1183d9d40196922b4cd)]:
+  - @gradio/client@0.4.2
+
+## 0.0.8
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/upload@0.3.1
+  - @gradio/button@0.2.1
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`78e7cf516`](https://github.com/gradio-app/gradio/commit/78e7cf5163e8d205e8999428fce4c02dbdece25f)]:
+  - @gradio/client@0.4.1
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies [[`c57f1b75e`](https://github.com/gradio-app/gradio/commit/c57f1b75e272c76b0af4d6bd0c7f44743ff34f26), [`40de3d217`](https://github.com/gradio-app/gradio/commit/40de3d2178b61ebe424b6f6228f94c0c6f679bea), [`ea0e00b20`](https://github.com/gradio-app/gradio/commit/ea0e00b207b4b90a10e9d054c4202d4e705a29ba), [`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423)]:
+  - @gradio/client@0.4.0
+  - @gradio/button@0.2.0
+  - @gradio/upload@0.3.0
+
+## 0.0.5
+
+### Patch Changes
+
+- Updated dependencies [[`26fef8c7`](https://github.com/gradio-app/gradio/commit/26fef8c7f85a006c7e25cdbed1792df19c512d02)]:
+  - @gradio/client@0.3.1
+  - @gradio/utils@0.1.1
+  - @gradio/button@0.1.3
+  - @gradio/upload@0.2.1
+
+## 0.0.4
+
+### Patch Changes
+
+- Updated dependencies [[`119c8343`](https://github.com/gradio-app/gradio/commit/119c834331bfae60d4742c8f20e9cdecdd67e8c2), [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/client@0.3.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/button@0.1.2
+
+## 0.0.3
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`61129052`](https://github.com/gradio-app/gradio/commit/61129052ed1391a75c825c891d57fa0ad6c09fc8), [`667875b2`](https://github.com/gradio-app/gradio/commit/667875b2441753e74d25bd9d3c8adedd8ede11cd), [`67265a58`](https://github.com/gradio-app/gradio/commit/67265a58027ef1f9e4c0eb849a532f72eaebde48), [`8b4eb8ca`](https://github.com/gradio-app/gradio/commit/8b4eb8cac9ea07bde31b44e2006ca2b7b5f4de36), [`37caa2e0`](https://github.com/gradio-app/gradio/commit/37caa2e0fe95d6cab8beb174580fb557904f137f)]:
+  - @gradio/client@0.2.0
+  - @gradio/upload@0.0.3
+  - @gradio/button@0.1.0
\ No newline at end of file
diff --git a/js/uploadbutton/Index.svelte b/js/uploadbutton/Index.svelte
new file mode 100644
index 0000000..cb03451
--- /dev/null
+++ b/js/uploadbutton/Index.svelte
@@ -0,0 +1,52 @@
+<script lang="ts" context="module">
+	export { default as BaseUploadButton } from "./shared/UploadButton.svelte";
+</script>
+
+<script lang="ts">
+	import type { UploadButtonProps, UploadButtonEvents } from "./types";
+	import type { FileData } from "@gradio/client";
+	import { Gradio } from "@gradio/utils";
+	import UploadButton from "./shared/UploadButton.svelte";
+
+	const props = $props();
+	const gradio = new Gradio<UploadButtonEvents, UploadButtonProps>(props);
+
+	let value = $derived(gradio.props.value);
+
+	async function handle_event(
+		detail: null | FileData | FileData[],
+		event: "change" | "upload" | "click"
+	): Promise<void> {
+		gradio.props.value = detail;
+		gradio.dispatch(event);
+	}
+
+	const disabled = $derived(!gradio.shared.interactive);
+</script>
+
+<UploadButton
+	elem_id={gradio.shared.elem_id}
+	elem_classes={gradio.shared.elem_classes}
+	visible={gradio.shared.visible}
+	file_count={gradio.props.file_count}
+	file_types={gradio.props.file_types}
+	size={gradio.props.size}
+	scale={gradio.shared.scale}
+	icon={gradio.props.icon}
+	min_width={gradio.shared.min_width}
+	root={gradio.shared.root}
+	{value}
+	{disabled}
+	variant={gradio.props.variant}
+	label={gradio.shared.label}
+	max_file_size={gradio.shared.max_file_size}
+	onclick={() => gradio.dispatch("click")}
+	onchange={(detail) => handle_event(detail, "change")}
+	onupload={(detail) => handle_event(detail, "upload")}
+	onerror={(detail) => {
+		gradio.dispatch("error", detail);
+	}}
+	upload={(...args) => gradio.shared.client.upload(...args)}
+>
+	{gradio.shared.label ?? ""}
+</UploadButton>
diff --git a/js/uploadbutton/README.md b/js/uploadbutton/README.md
new file mode 100644
index 0000000..a8c97c7
--- /dev/null
+++ b/js/uploadbutton/README.md
@@ -0,0 +1,24 @@
+# `@gradio/uploadbutton`
+
+```html
+<script>
+    import { BaseUploadButton } from "@gradio/uploadbutton";
+</script>
+```
+
+BaseUploadButton
+```javascript
+	export let elem_id = "";
+	export let elem_classes: string[] = [];
+	export let visible = true;
+	export let label: string;
+	export let value: null | FileData | FileData[];
+	export let file_count: string;
+	export let file_types: string[] = [];
+	export let root: string;
+	export let size: "sm" | "lg" = "lg";
+	export let scale: number | null = null;
+	export let min_width: number | undefined = undefined;
+	export let variant: "primary" | "secondary" | "stop" = "secondary";
+	export let disabled = false;
+```
\ No newline at end of file
diff --git a/js/uploadbutton/UploadButton.stories.svelte b/js/uploadbutton/UploadButton.stories.svelte
new file mode 100644
index 0000000..7f73be8
--- /dev/null
+++ b/js/uploadbutton/UploadButton.stories.svelte
@@ -0,0 +1,83 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import UploadButton from "./Index.svelte";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const { Story } = defineMeta({
+		title: "Components/UploadButton",
+		component: UploadButton,
+		argTypes: {
+			label: {
+				control: "text",
+				description: "The text to display on the button",
+				name: "label",
+				value: "Gradio Button"
+			},
+			variant: {
+				options: ["primary", "secondary", "stop"],
+				description: "The variant of the button",
+				control: { type: "select" },
+				defaultValue: "primary"
+			},
+			size: {
+				options: ["sm", "lg"],
+				description: "The size of the button",
+				control: { type: "select" },
+				defaultValue: "lg"
+			},
+			visible: {
+				options: [true, false],
+				description: "Sets the visibility of the button",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			interactive: {
+				options: [true, false],
+				description: "If false, the button will be in a disabled state",
+				control: { type: "boolean" },
+				defaultValue: true
+			},
+			disabled: {
+				options: [true, false],
+				control: { type: "boolean" },
+				defaultValue: false
+			},
+			scale: {
+				options: [null, 0.5, 1, 2],
+				description: "relative size compared to adjacent Components.",
+				control: { type: "select" }
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<UploadButton {...wrapProps({ value: "Gradio Button", ...args })} />
+{/snippet}
+
+<Story
+	name="Primary"
+	args={{ label: "Upload", variant: "primary", size: "lg", scale: 1 }}
+	{template}
+/>
+<Story
+	name="Secondary"
+	args={{ label: "Upload", variant: "secondary", size: "lg" }}
+	{template}
+/>
+<Story
+	name="Button with external image icon"
+	args={{
+		label: "Upload",
+		icon: {
+			path: "https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+			url: "https://huggingface.co/front/assets/huggingface_logo-noborder.svg"
+		}
+	}}
+	{template}
+/>
+<Story
+	name="Button with null label (should be collapsed)"
+	args={{ label: null }}
+	{template}
+/>
diff --git a/js/uploadbutton/UploadButton.test.ts b/js/uploadbutton/UploadButton.test.ts
new file mode 100644
index 0000000..b6b991a
--- /dev/null
+++ b/js/uploadbutton/UploadButton.test.ts
@@ -0,0 +1,436 @@
+import { test, describe, afterEach, expect, vi } from "vitest";
+import {
+	cleanup,
+	render,
+	waitFor,
+	upload_file,
+	mock_client,
+	TEST_TXT,
+	TEST_JPG
+} from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import event from "@testing-library/user-event";
+
+import UploadButton from "./Index.svelte";
+
+const base_props = {
+	label: "Upload",
+	show_label: true,
+	interactive: true,
+	value: null as any,
+	file_count: "single" as "single" | "multiple" | "directory",
+	file_types: [] as string[],
+	size: "lg" as "sm" | "md" | "lg",
+	icon: null as any,
+	variant: "secondary" as "primary" | "secondary" | "stop"
+};
+
+const upload_props = {
+	...base_props,
+	root: "https://example.com",
+	client: mock_client()
+};
+
+run_shared_prop_tests({
+	component: UploadButton,
+	name: "UploadButton",
+	base_props,
+	has_label: false,
+	has_validation_error: false,
+	has_block_wrapper: false,
+	visible_false_hides: true
+});
+
+describe("UploadButton", () => {
+	afterEach(() => cleanup());
+
+	test("renders a button with the label text", async () => {
+		const { getByRole } = await render(UploadButton, {
+			...base_props,
+			label: "Upload a File"
+		});
+
+		expect(getByRole("button", { name: "Upload a File" })).toBeVisible();
+	});
+
+	test("button is enabled when interactive is true", async () => {
+		const { getByRole } = await render(UploadButton, {
+			...base_props,
+			interactive: true
+		});
+
+		expect(getByRole("button", { name: "Upload" })).toBeEnabled();
+	});
+
+	test("button is disabled when interactive is false", async () => {
+		const { getByRole } = await render(UploadButton, {
+			...base_props,
+			interactive: false
+		});
+
+		expect(getByRole("button", { name: "Upload" })).toBeDisabled();
+	});
+});
+
+describe("Props: file_count", () => {
+	afterEach(() => cleanup());
+
+	test("file_count='single' returns a single FileData, not an array", async () => {
+		const { get_data } = await render(UploadButton, {
+			...upload_props,
+			file_count: "single"
+		});
+
+		await upload_file(TEST_TXT);
+
+		await waitFor(async () => {
+			const data = await get_data();
+			expect(data.value).not.toBeNull();
+		});
+		const data = await get_data();
+		expect(Array.isArray(data.value)).toBe(false);
+		expect(data.value).toHaveProperty("orig_name");
+	});
+
+	test("file_count='multiple' returns an array of FileData", async () => {
+		const { get_data } = await render(UploadButton, {
+			...upload_props,
+			file_count: "multiple"
+		});
+
+		await upload_file([TEST_TXT, TEST_JPG]);
+
+		await waitFor(async () => {
+			const data = await get_data();
+			expect(data.value).not.toBeNull();
+		});
+		const data = await get_data();
+		expect(Array.isArray(data.value)).toBe(true);
+		expect(data.value).toHaveLength(2);
+	});
+
+	// Attribute assertion: directory upload can't be driven programmatically —
+	// webkitdirectory is the browser-native mechanism and there's no behavioural
+	// equivalent we can simulate in a unit test.
+	test("file_count='directory' sets webkitdirectory attribute on input", async () => {
+		const { getByTestId } = await render(UploadButton, {
+			...base_props,
+			file_count: "directory"
+		});
+
+		const input = getByTestId("Upload-upload-button");
+		expect(input).toHaveAttribute("webkitdirectory");
+	});
+});
+
+describe("Props: file_types", () => {
+	afterEach(() => cleanup());
+
+	test("file_types maps category names to wildcard MIME types", async () => {
+		const { getByTestId } = await render(UploadButton, {
+			...base_props,
+			file_types: ["image", "audio"]
+		});
+
+		const input = getByTestId("Upload-upload-button");
+		expect(input).toHaveAttribute("accept", "image/*, audio/*");
+	});
+
+	test("file_types passes dot-prefixed extensions through unchanged", async () => {
+		const { getByTestId } = await render(UploadButton, {
+			...base_props,
+			file_types: [".csv", ".json"]
+		});
+
+		const input = getByTestId("Upload-upload-button");
+		expect(input).toHaveAttribute("accept", ".csv, .json");
+	});
+
+	test("empty file_types array results in empty accept attribute", async () => {
+		const { getByTestId } = await render(UploadButton, {
+			...base_props,
+			file_types: []
+		});
+
+		const input = getByTestId("Upload-upload-button");
+		expect(input).toHaveAttribute("accept", "");
+	});
+
+	test("rejects files that do not match file_types and dispatches error", async () => {
+		const { listen } = await render(UploadButton, {
+			...upload_props,
+			file_types: ["image"]
+		});
+
+		const upload = listen("upload");
+		const error = listen("error");
+
+		await upload_file(TEST_TXT);
+
+		await waitFor(() => {
+			expect(error).toHaveBeenCalledTimes(1);
+		});
+		expect(error).toHaveBeenCalledWith(
+			expect.stringContaining("Invalid file type")
+		);
+		expect(upload).not.toHaveBeenCalled();
+	});
+
+	test("accepts files matching a wildcard MIME category", async () => {
+		const { listen } = await render(UploadButton, {
+			...upload_props,
+			file_types: ["image"]
+		});
+
+		const upload = listen("upload");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+	});
+
+	test("accepts files matching a dot-prefixed extension", async () => {
+		const { listen } = await render(UploadButton, {
+			...upload_props,
+			file_types: [".txt"]
+		});
+
+		const upload = listen("upload");
+
+		await upload_file(TEST_TXT);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+	});
+
+	test("multiple file_types each allow their matching files", async () => {
+		const { listen } = await render(UploadButton, {
+			...upload_props,
+			file_types: ["image", ".txt"]
+		});
+
+		const upload = listen("upload");
+
+		await upload_file(TEST_JPG);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+
+		await upload_file(TEST_TXT);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(2);
+		});
+	});
+
+	test("rejects file not matching any of multiple file_types", async () => {
+		const { listen } = await render(UploadButton, {
+			...upload_props,
+			file_types: ["image", "audio"]
+		});
+
+		const upload = listen("upload");
+		const error = listen("error");
+
+		await upload_file(TEST_TXT);
+
+		await waitFor(() => {
+			expect(error).toHaveBeenCalledTimes(1);
+		});
+		expect(upload).not.toHaveBeenCalled();
+	});
+});
+
+describe("Props: icon", () => {
+	afterEach(() => cleanup());
+
+	test("icon renders an image inside the button when provided", async () => {
+		const { getByRole } = await render(UploadButton, {
+			...base_props,
+			icon: {
+				path: "icon.png",
+				url: "https://example.com/icon.png",
+				orig_name: "icon.png",
+				size: 100,
+				mime_type: "image/png"
+			}
+		});
+
+		expect(getByRole("img")).toHaveAttribute(
+			"src",
+			"https://example.com/icon.png"
+		);
+	});
+
+	test("no icon rendered when icon is null", async () => {
+		const { queryByRole } = await render(UploadButton, {
+			...base_props,
+			icon: null
+		});
+
+		expect(queryByRole("img")).not.toBeInTheDocument();
+	});
+});
+
+describe("Events", () => {
+	afterEach(() => cleanup());
+
+	test("no spurious change event on mount", async () => {
+		const { listen } = await render(UploadButton, {
+			...base_props,
+			value: null
+		});
+
+		const change = listen("change", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("click event fires when button is clicked", async () => {
+		const { getByRole, listen } = await render(UploadButton, {
+			...upload_props
+		});
+
+		const click = listen("click");
+		await event.click(getByRole("button", { name: "Upload" }));
+
+		expect(click).toHaveBeenCalledTimes(1);
+	});
+
+	test("upload and change events fire after file upload", async () => {
+		const { listen } = await render(UploadButton, {
+			...upload_props
+		});
+
+		const upload = listen("upload");
+		const change = listen("change");
+
+		await upload_file(TEST_TXT);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("upload failure dispatches error event with the message", async () => {
+		const failing_upload = vi
+			.fn()
+			.mockRejectedValue(new Error("File too large"));
+		const { listen } = await render(UploadButton, {
+			...upload_props,
+			client: { ...mock_client(), upload: failing_upload }
+		});
+
+		const error = listen("error");
+
+		await upload_file(TEST_TXT);
+
+		await waitFor(() => {
+			expect(failing_upload).toHaveBeenCalled();
+		});
+
+		await waitFor(() => {
+			expect(error).toHaveBeenCalledTimes(1);
+		});
+		expect(error).toHaveBeenCalledWith("File too large");
+	});
+});
+
+describe("get_data / set_data", () => {
+	afterEach(() => cleanup());
+
+	test("get_data returns null initially", async () => {
+		const { get_data } = await render(UploadButton, {
+			...base_props,
+			value: null
+		});
+
+		const data = await get_data();
+		expect(data.value).toBeNull();
+	});
+
+	test("get_data returns initial value when mounted with one", async () => {
+		const { get_data } = await render(UploadButton, {
+			...base_props,
+			value: TEST_TXT
+		});
+
+		const data = await get_data();
+		expect(data.value).toEqual(TEST_TXT);
+	});
+
+	test("set_data updates the value reported by get_data", async () => {
+		const { set_data, get_data } = await render(UploadButton, base_props);
+		await set_data({ value: TEST_TXT });
+		await waitFor(async () =>
+			expect((await get_data()).value).toEqual(TEST_TXT)
+		);
+	});
+
+	test("upload interaction is reflected in get_data", async () => {
+		const { get_data } = await render(UploadButton, upload_props);
+		await upload_file(TEST_TXT);
+		await waitFor(async () => expect((await get_data()).value).not.toBeNull());
+	});
+});
+
+describe("Edge cases", () => {
+	afterEach(() => cleanup());
+
+	test("max_file_size is forwarded to client.upload", async () => {
+		const upload_spy = vi.fn(async (file_data) => file_data);
+		await render(UploadButton, {
+			...upload_props,
+			max_file_size: 100,
+			client: { ...mock_client(), upload: upload_spy }
+		});
+		await upload_file(TEST_TXT);
+		await waitFor(() => expect(upload_spy).toHaveBeenCalled());
+		expect(upload_spy).toHaveBeenCalledWith(
+			expect.anything(),
+			expect.anything(),
+			undefined,
+			100
+		);
+	});
+
+	test("no mount-time events with initial value set", async () => {
+		const { listen } = await render(UploadButton, {
+			...base_props,
+			value: TEST_TXT
+		});
+
+		const change = listen("change", { retrospective: true });
+		const upload = listen("upload", { retrospective: true });
+		expect(change).not.toHaveBeenCalled();
+		expect(upload).not.toHaveBeenCalled();
+	});
+});
+
+test.todo(
+	"VISUAL: variant='primary' renders the button with primary styling — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: variant='secondary' renders the button with secondary styling — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: variant='stop' renders the button with stop/red styling — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: size='sm' renders a small button — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: size='md' renders a medium button — needs Playwright visual regression screenshot comparison"
+);
+
+test.todo(
+	"VISUAL: size='lg' renders a large button — needs Playwright visual regression screenshot comparison"
+);
diff --git a/js/uploadbutton/package.json b/js/uploadbutton/package.json
new file mode 100644
index 0000000..32a98e2
--- /dev/null
+++ b/js/uploadbutton/package.json
@@ -0,0 +1,36 @@
+{
+	"name": "@gradio/uploadbutton",
+	"version": "0.10.1",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts"
+		},
+		"./package.json": "./package.json"
+	},
+	"main": "./Index.svelte",
+	"dependencies": {
+		"@gradio/button": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/uploadbutton"
+	}
+}
diff --git a/js/uploadbutton/shared/UploadButton.svelte b/js/uploadbutton/shared/UploadButton.svelte
new file mode 100644
index 0000000..9f230d4
--- /dev/null
+++ b/js/uploadbutton/shared/UploadButton.svelte
@@ -0,0 +1,158 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import { BaseButton } from "@gradio/button";
+	import { prepare_files, type FileData, type Client } from "@gradio/client";
+	import { is_valid_mimetype } from "@gradio/upload";
+
+	let {
+		elem_id = "",
+		elem_classes = [],
+		visible = true,
+		label,
+		value,
+		file_count,
+		file_types = [],
+		root,
+		size = "lg",
+		icon = null,
+		scale = null,
+		min_width = undefined,
+		variant = "secondary",
+		disabled = false,
+		max_file_size = null,
+		upload,
+		onclick,
+		onchange,
+		onupload,
+		onerror,
+		children
+	}: {
+		elem_id?: string;
+		elem_classes?: string[];
+		visible?: boolean | "hidden";
+		label: string | null;
+		value?: null | FileData | FileData[];
+		file_count: string;
+		file_types?: string[];
+		root: string;
+		size?: "sm" | "md" | "lg";
+		icon?: FileData | null;
+		scale?: number | null;
+		min_width?: number | undefined;
+		variant?: "primary" | "secondary" | "stop";
+		disabled?: boolean;
+		max_file_size?: number | null;
+		upload: Client["upload"];
+		onclick?: () => void;
+		onchange?: (value: null | FileData | FileData[]) => void;
+		onupload?: (value: null | FileData | FileData[]) => void;
+		onerror?: (message: string) => void;
+		children?: import("svelte").Snippet;
+	} = $props();
+
+	let hidden_upload: HTMLInputElement;
+
+	let accept_file_types = $derived.by(() => {
+		if (file_types == null) {
+			return null;
+		}
+		const mapped = file_types.map((x) => {
+			if (x.startsWith(".")) {
+				return x;
+			}
+			return x + "/*";
+		});
+		return mapped.join(", ");
+	});
+
+	function open_file_upload(): void {
+		onclick?.();
+		hidden_upload.click();
+	}
+
+	async function load_files(files: FileList): Promise<void> {
+		let _files: File[] = Array.from(files).filter((file) => {
+			const ext = "." + file.name.toLowerCase().split(".").pop();
+			if (is_valid_mimetype(accept_file_types, ext, file.type)) {
+				return true;
+			}
+			onerror?.(`Invalid file type only ${file_types?.join(", ")} allowed.`);
+			return false;
+		});
+
+		if (!_files.length) {
+			return;
+		}
+		if (file_count === "single") {
+			_files = [_files[0]];
+		}
+		let all_file_data = await prepare_files(_files);
+		await tick();
+
+		try {
+			all_file_data = (
+				await upload(all_file_data, root, undefined, max_file_size ?? Infinity)
+			)?.filter((x) => x !== null) as FileData[];
+		} catch (e) {
+			onerror?.((e as Error).message);
+			return;
+		}
+		const new_value =
+			file_count === "single" ? all_file_data?.[0] : all_file_data;
+		onchange?.(new_value);
+		onupload?.(new_value);
+	}
+
+	async function load_files_from_upload(e: Event): Promise<void> {
+		const target = e.target as HTMLInputElement;
+
+		if (!target.files) return;
+		await load_files(target.files);
+	}
+
+	function clear_input_value(e: Event): void {
+		const target = e.target as HTMLInputElement;
+		if (target.value) target.value = "";
+	}
+</script>
+
+<input
+	class="hide"
+	accept={accept_file_types}
+	type="file"
+	bind:this={hidden_upload}
+	onchange={load_files_from_upload}
+	onclick={clear_input_value}
+	multiple={file_count === "multiple" || undefined}
+	webkitdirectory={file_count === "directory" || undefined}
+	mozdirectory={file_count === "directory" || undefined}
+	data-testid="{label}-upload-button"
+/>
+
+<BaseButton
+	{size}
+	{variant}
+	{elem_id}
+	{elem_classes}
+	{visible}
+	onclick={open_file_upload}
+	{scale}
+	{min_width}
+	{disabled}
+>
+	{#if icon}
+		<img class="button-icon" src={icon.url} alt={`${value} icon`} />
+	{/if}
+	{#if children}{@render children()}{/if}
+</BaseButton>
+
+<style>
+	.hide {
+		display: none;
+	}
+	.button-icon {
+		width: var(--text-xl);
+		height: var(--text-xl);
+		margin-right: var(--spacing-xl);
+	}
+</style>
diff --git a/js/uploadbutton/types.ts b/js/uploadbutton/types.ts
new file mode 100644
index 0000000..100547b
--- /dev/null
+++ b/js/uploadbutton/types.ts
@@ -0,0 +1,17 @@
+import type { FileData } from "@gradio/client";
+
+export interface UploadButtonProps {
+	value: null | FileData | FileData[];
+	file_count: string;
+	file_types: string[];
+	size: "sm" | "lg";
+	icon: FileData | null;
+	variant: "primary" | "secondary" | "stop";
+}
+
+export interface UploadButtonEvents {
+	change: never;
+	upload: never;
+	click: never;
+	error: string;
+}
diff --git a/js/utils/CHANGELOG.md b/js/utils/CHANGELOG.md
new file mode 100644
index 0000000..5429e87
--- /dev/null
+++ b/js/utils/CHANGELOG.md
@@ -0,0 +1,337 @@
+# @gradio/utils
+
+## 0.13.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+- [#13534](https://github.com/gradio-app/gradio/pull/13534) [`a11c728`](https://github.com/gradio-app/gradio/commit/a11c7282461ccef90f24a031d77a597ac9ae3d0e) - Re-translate i18n choices display names when the language is switched at runtime.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/theme@0.6.2
+
+## 0.12.2
+
+### Features
+
+- [#13167](https://github.com/gradio-app/gradio/pull/13167) [`a4e1c92`](https://github.com/gradio-app/gradio/commit/a4e1c92c11e05bee332ff69e19b533fbd9abc840) - Audio and Video unit tests.  Thanks @freddyaboulton!
+
+## 0.12.1
+
+### Fixes
+
+- [#12566](https://github.com/gradio-app/gradio/pull/12566) [`7760161`](https://github.com/gradio-app/gradio/commit/7760161258abe6329b754dd6d2511fc3b61fed95) - Fix custom components in SSR Mode + Custom Component Examples.  Thanks @freddyaboulton!
+- [#13028](https://github.com/gradio-app/gradio/pull/13028) [`30af84c`](https://github.com/gradio-app/gradio/commit/30af84cdd100855999281de8720cbb6d58b48556) - Browser tests follow-up.  Thanks @pngwn!
+
+## 0.12.0
+
+### Features
+
+- [#12879](https://github.com/gradio-app/gradio/pull/12879) [`c498688`](https://github.com/gradio-app/gradio/commit/c4986883b267570d76b442899c6fc09d14e3e222) - Ensure svelte version mismatches do not break custom components.  Thanks @pngwn!
+
+## 0.11.3
+
+### Fixes
+
+- [#12797](https://github.com/gradio-app/gradio/pull/12797) [`6a0c6ea`](https://github.com/gradio-app/gradio/commit/6a0c6eae53931ec137c0b8379428acc8a7ea27c9) - Refactor translation logic.  Thanks @hannahblair!
+
+## 0.11.2
+
+### Fixes
+
+- [#12795](https://github.com/gradio-app/gradio/pull/12795) [`184968a`](https://github.com/gradio-app/gradio/commit/184968aa13636b5afe78f8ae443cd7fc29635bfa) - Add fade effect to overflowing text.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/theme@0.6.1
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/theme@0.6.0
+
+## 0.11.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+## 0.10.4
+
+### Fixes
+
+- [#12416](https://github.com/gradio-app/gradio/pull/12416) [`7e867fd`](https://github.com/gradio-app/gradio/commit/7e867fde9070849fb474a08544c72f2522a9cbe9) - Fix custom components for gradio 6.  Thanks @pngwn!
+
+## 0.10.3
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix browser component tests
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Fix textbox updates
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/theme@0.5.0
+
+## 0.10.3-dev.0
+
+### Dependency updates
+
+- @gradio/theme@0.5.0-dev.0
+
+## 0.10.2
+
+### Fixes
+
+- [#11005](https://github.com/gradio-app/gradio/pull/11005) [`3def0ed`](https://github.com/gradio-app/gradio/commit/3def0ed9edc5a9194d69456948324ec4e2740b7d) - Ensure that the `.select()` event in `gr.DataFrame` carries the `.row_value` and `.col_value`.  Thanks @abidlabs!
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/theme@0.4.0
+
+## 0.10.0
+
+### Features
+
+- [#10272](https://github.com/gradio-app/gradio/pull/10272) [`a1f2649`](https://github.com/gradio-app/gradio/commit/a1f2649586752a013fb4d36b83d5fea2e137bb81) - Chat Interface flagging and chatbot feedback.  Thanks @aliabid94!
+
+## 0.9.0
+
+### Features
+
+- [#9979](https://github.com/gradio-app/gradio/pull/9979) [`e7629f7`](https://github.com/gradio-app/gradio/commit/e7629f7eacdc2a8960fae7472669b60405a4a06c) - Adds copy event to `gr.Markdown`, `gr.Chatbot`, and `gr.Textbox`.  Thanks @abidlabs!
+
+## 0.8.0
+
+### Features
+
+- [#9950](https://github.com/gradio-app/gradio/pull/9950) [`fc06fe4`](https://github.com/gradio-app/gradio/commit/fc06fe41f015678a0545f4e5c99f6ae2704f0031) - Add ability to read and write from LocalStorage.  Thanks @abidlabs!
+
+## 0.7.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming Guides
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Prevent HTML and Markdown height changing when status is hidden
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/theme@0.3.0
+
+## 0.7.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9363](https://github.com/gradio-app/gradio/pull/9363) [`3ad28c7`](https://github.com/gradio-app/gradio/commit/3ad28c7e310e8589e0c53b7efee8031e129bece8) - Prevent HTML and Markdown height changing when status is hidden.  Thanks @hannahblair!
+
+## 0.7.0-beta.1
+
+### Features
+
+- [#9187](https://github.com/gradio-app/gradio/pull/9187) [`5bf00b7`](https://github.com/gradio-app/gradio/commit/5bf00b7524ebf399b48719120a49d15bb21bd65c) - make all component SSR compatible.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/theme@0.3.0-beta.1
+
+## 0.7.0
+
+### Features
+
+- [#9173](https://github.com/gradio-app/gradio/pull/9173) [`66349fe`](https://github.com/gradio-app/gradio/commit/66349fe26827e3a3c15b738a1177e95fec7f5554) - Streaming Guides.  Thanks @freddyaboulton!
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/theme@0.2.5
+
+## 0.6.0
+
+### Features
+
+- [#9128](https://github.com/gradio-app/gradio/pull/9128) [`747013b`](https://github.com/gradio-app/gradio/commit/747013bbacebae6bfdda554b45e541e80b2894e0) - Allow accessing the entire row of selected values in `gr.DataFrame`.  Thanks @abidlabs!
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/theme@0.2.4
+
+## 0.5.2
+
+### Fixes
+
+- [#8927](https://github.com/gradio-app/gradio/pull/8927) [`223688b`](https://github.com/gradio-app/gradio/commit/223688b70a7a3cf4daa92ae77f8fca7b537cc2b4) - Fix `Could not resolve "virtual:component-loader"` in gradio/utils package.  Thanks @benzler!
+
+## 0.5.1
+
+### Fixes
+
+- [#8737](https://github.com/gradio-app/gradio/pull/8737) [`31a876d`](https://github.com/gradio-app/gradio/commit/31a876d0274d7b74a90d30148f3e9c098f486242) - Fix `Share to community` button for images.  Thanks @hannahblair!
+
+## 0.5.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+## 0.4.2
+
+### Dependency updates
+
+- @gradio/theme@0.2.3
+
+## 0.4.1
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+## 0.4.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/theme@0.2.2
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/theme@0.2.1
+
+## 0.3.0
+
+### Fixes
+
+- [#7404](https://github.com/gradio-app/gradio/pull/7404) [`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7) - Add `.key_up` event listener to `gr.Dropdown()`.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.2
+
+### Features
+
+- [#7274](https://github.com/gradio-app/gradio/pull/7274) [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557) - chore: Change time format (thanks @jjshoots for the independent contribution).  Thanks [@arian81](https://github.com/arian81)!
+
+## 0.2.1
+
+### Fixes
+
+- [#7126](https://github.com/gradio-app/gradio/pull/7126) [`5727b92`](https://github.com/gradio-app/gradio/commit/5727b92abc8a00a675bfc0a921b38de771af947b) - Allow buttons to take null value.  Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.2.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Audio Component.  Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.6
+
+### Features
+
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.2.0-beta.5
+
+### Features
+
+- [#5966](https://github.com/gradio-app/gradio/pull/5966) [`9cad2127b`](https://github.com/gradio-app/gradio/commit/9cad2127b965023687470b3abfe620e188a9da6e) - Improve Audio Component.  Thanks [@hannahblair](https://github.com/hannahblair)!
+
+### Fixes
+
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests.  Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.2.0-beta.4
+
+### Features
+
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages.  Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [[`e4a307ed6`](https://github.com/gradio-app/gradio/commit/e4a307ed6cde3bbdf4ff2f17655739addeec941e)]:
+  - @gradio/theme@0.2.0
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/theme@0.1.0
+
+## 0.1.0
+
+### Highlights
+
+#### Like/Dislike Button for Chatbot ([#5391](https://github.com/gradio-app/gradio/pull/5391) [`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db))
+
+Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.0.3
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`41c83070`](https://github.com/gradio-app/gradio/commit/41c83070b01632084e7d29123048a96c1e261407)]:
+  - @gradio/theme@0.0.2
\ No newline at end of file
diff --git a/js/utils/README.md b/js/utils/README.md
new file mode 100644
index 0000000..d8d7185
--- /dev/null
+++ b/js/utils/README.md
@@ -0,0 +1,15 @@
+# `@gradio/utils`
+
+General functions for handling events in Gradio Svelte components
+
+
+```javascript
+export async function uploadToHuggingFace(
+		data: string,
+		type: "base64" | "url"
+	): Promise<string>
+
+export function copy(node: HTMLDivElement): ActionReturn
+
+
+```
\ No newline at end of file
diff --git a/js/utils/package.json b/js/utils/package.json
new file mode 100644
index 0000000..8412d27
--- /dev/null
+++ b/js/utils/package.json
@@ -0,0 +1,29 @@
+{
+	"name": "@gradio/utils",
+	"version": "0.13.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"main": "./src/index.ts",
+	"author": "",
+	"license": "ISC",
+	"dependencies": {
+		"@gradio/theme": "workspace:^"
+	},
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/utils"
+	},
+	"exports": {
+		".": {
+			"gradio": "./src/index.ts",
+			"types": "./dist/src/index.d.ts",
+			"import": "./dist/src/index.js"
+		},
+		"./package.json": "./package.json"
+	},
+	"scripts": {
+		"package": "svelte-package --input=. --tsconfig=../../tsconfig.json"
+	}
+}
diff --git a/js/utils/src/color.ts b/js/utils/src/color.ts
new file mode 100644
index 0000000..86d3fe6
--- /dev/null
+++ b/js/utils/src/color.ts
@@ -0,0 +1,5 @@
+import { colors, ordered_colors } from "@gradio/theme";
+
+export const get_next_color = (index: number): keyof typeof colors => {
+	return ordered_colors[index % ordered_colors.length];
+};
diff --git a/js/utils/src/index.ts b/js/utils/src/index.ts
new file mode 100644
index 0000000..8d00963
--- /dev/null
+++ b/js/utils/src/index.ts
@@ -0,0 +1,3 @@
+export * from "./color.js";
+export * from "./utils.svelte.js";
+export type * from "./types.js";
diff --git a/js/utils/src/types.ts b/js/utils/src/types.ts
new file mode 100644
index 0000000..8dd47a4
--- /dev/null
+++ b/js/utils/src/types.ts
@@ -0,0 +1,7 @@
+import type { FileData } from "@gradio/client";
+
+export interface CustomButton {
+	id: number;
+	value: string | null;
+	icon: FileData | null;
+}
diff --git a/js/utils/src/utils.svelte.ts b/js/utils/src/utils.svelte.ts
new file mode 100644
index 0000000..8b2bae2
--- /dev/null
+++ b/js/utils/src/utils.svelte.ts
@@ -0,0 +1,609 @@
+import type { ActionReturn } from "svelte/action";
+import type { Client } from "@gradio/client";
+import type { ComponentType, SvelteComponent } from "svelte";
+import { tick, untrack } from "svelte";
+import type { Component } from "svelte";
+import { fromStore } from "svelte/store";
+import type { Readable } from "svelte/store";
+
+export const I18N_MARKER = "__i18n__";
+const TRANSLATABLE_PROPS = [
+	"label",
+	"info",
+	"placeholder",
+	"description",
+	"title",
+	"value"
+];
+
+export interface SharedProps {
+	elem_id?: string;
+	elem_classes: string[];
+	components?: string[];
+	server_fns?: string[];
+	interactive: boolean;
+	visible: boolean | "hidden";
+	id: number;
+	container: boolean;
+	target: HTMLElement;
+	theme_mode: "light" | "dark" | "system";
+	version: string;
+	root: string;
+	autoscroll: boolean;
+	max_file_size: number | null;
+	formatter: any; //I18nFormatter;
+	client: Client;
+	scale: number;
+	min_width: number;
+	padding: number;
+	load_component: load_component;
+	loading_status?: any;
+	label: string;
+	show_label: boolean;
+	validation_error?: string | null;
+	theme?: "light" | "dark";
+	show_progress: boolean;
+	api_prefix: string;
+	server: ServerFunctions;
+	attached_events?: string[];
+	register_component: (
+		id: number,
+		set_data: (data: Record<string, any> & SharedProps) => void,
+		get_data: Function
+	) => void;
+	dispatcher: Function;
+}
+
+export type LoadingComponent = Promise<{
+	default: Component;
+}>;
+
+export const GRADIO_ROOT = "GRADIO_ROOT";
+
+export interface ValueData {
+	value: any;
+	is_value_data: boolean;
+}
+
+export interface SelectData {
+	id?: string | number;
+	component_id?: string | number;
+	row_value?: any[];
+	col_value?: any[];
+	index: number | [number, number];
+	value: any;
+	selected?: boolean;
+}
+
+export interface LikeData {
+	index: number | [number, number];
+	value: any;
+	liked?: boolean | string;
+}
+
+export interface KeyUpData {
+	key: string;
+	input_value: string;
+}
+
+export interface ShareData {
+	description: string;
+	title?: string;
+}
+
+export interface CopyData {
+	value: string;
+}
+
+export class ShareError extends Error {
+	constructor(message: string) {
+		super(message);
+		this.name = "ShareError";
+	}
+}
+
+export async function uploadToHuggingFace(
+	data: string | { url?: string; path?: string },
+	type: "base64" | "url"
+): Promise<string> {
+	if (window.__gradio_space__ == null) {
+		throw new ShareError("Must be on Spaces to share.");
+	}
+	let blob: Blob;
+	let contentType: string;
+	let filename: string;
+	if (type === "url") {
+		let url: string;
+
+		if (typeof data === "object" && data.url) {
+			url = data.url;
+		} else if (typeof data === "string") {
+			url = data;
+		} else {
+			throw new Error("Invalid data format for URL type");
+		}
+
+		const response = await fetch(url);
+		blob = await response.blob();
+		contentType = response.headers.get("content-type") || "";
+		filename = response.headers.get("content-disposition") || "";
+	} else {
+		let dataurl: string;
+
+		if (typeof data === "object" && data.path) {
+			dataurl = data.path;
+		} else if (typeof data === "string") {
+			dataurl = data;
+		} else {
+			throw new Error("Invalid data format for base64 type");
+		}
+
+		blob = dataURLtoBlob(dataurl);
+		contentType = dataurl.split(";")[0].split(":")[1];
+		filename = "file." + contentType.split("/")[1];
+	}
+
+	const file = new File([blob], filename, { type: contentType });
+
+	// Send file to endpoint
+	const uploadResponse = await fetch("https://huggingface.co/uploads", {
+		method: "POST",
+		body: file,
+		headers: {
+			"Content-Type": file.type,
+			"X-Requested-With": "XMLHttpRequest"
+		}
+	});
+
+	// Check status of response
+	if (!uploadResponse.ok) {
+		if (
+			uploadResponse.headers.get("content-type")?.includes("application/json")
+		) {
+			const error = await uploadResponse.json();
+			throw new ShareError(`Upload failed: ${error.error}`);
+		}
+		throw new ShareError(`Upload failed.`);
+	}
+
+	// Return response if needed
+	const result = await uploadResponse.text();
+	return result;
+}
+
+function dataURLtoBlob(dataurl: string): Blob {
+	var arr = dataurl.split(","),
+		mime = (arr[0].match(/:(.*?);/) as RegExpMatchArray)[1],
+		bstr = atob(arr[1]),
+		n = bstr.length,
+		u8arr = new Uint8Array(n);
+	while (n--) {
+		u8arr[n] = bstr.charCodeAt(n);
+	}
+	return new Blob([u8arr], { type: mime });
+}
+
+export function copy(node: HTMLDivElement): ActionReturn {
+	node.addEventListener("click", handle_copy);
+
+	async function handle_copy(event: MouseEvent): Promise<void> {
+		const path = event.composedPath() as HTMLButtonElement[];
+
+		const [copy_button] = path.filter(
+			(e) => e?.tagName === "BUTTON" && e.classList.contains("copy_code_button")
+		);
+
+		if (copy_button) {
+			event.stopImmediatePropagation();
+
+			const copy_text = copy_button.parentElement!.innerText.trim();
+			const copy_sucess_button = Array.from(
+				copy_button.children
+			)[1] as HTMLDivElement;
+
+			const copied = await copy_to_clipboard(copy_text);
+
+			if (copied) copy_feedback(copy_sucess_button);
+
+			function copy_feedback(_copy_sucess_button: HTMLDivElement): void {
+				_copy_sucess_button.style.opacity = "1";
+				setTimeout(() => {
+					_copy_sucess_button.style.opacity = "0";
+				}, 2000);
+			}
+		}
+	}
+
+	return {
+		destroy(): void {
+			node.removeEventListener("click", handle_copy);
+		}
+	};
+}
+
+async function copy_to_clipboard(value: string): Promise<boolean> {
+	let copied = false;
+	if ("clipboard" in navigator) {
+		await navigator.clipboard.writeText(value);
+		copied = true;
+	} else {
+		const textArea = document.createElement("textarea");
+		textArea.value = value;
+
+		textArea.style.position = "absolute";
+		textArea.style.left = "-999999px";
+
+		document.body.prepend(textArea);
+		textArea.select();
+
+		try {
+			document.execCommand("copy");
+			copied = true;
+		} catch (error) {
+			console.error(error);
+			copied = false;
+		} finally {
+			textArea.remove();
+		}
+	}
+
+	return copied;
+}
+
+export const format_time = (seconds: number): string => {
+	const hours = Math.floor(seconds / 3600);
+	const minutes = Math.floor((seconds % 3600) / 60);
+	const seconds_remainder = Math.round(seconds) % 60;
+	const padded_minutes = `${minutes < 10 ? "0" : ""}${minutes}`;
+	const padded_seconds = `${
+		seconds_remainder < 10 ? "0" : ""
+	}${seconds_remainder}`;
+
+	if (hours > 0) {
+		return `${hours}:${padded_minutes}:${padded_seconds}`;
+	}
+	return `${minutes}:${padded_seconds}`;
+};
+
+interface Args {
+	api_url: string;
+	name: string;
+	id?: string;
+	variant: "component" | "example" | "base";
+}
+
+export type component_loader = (args: Args) => {
+	component: {
+		default: ComponentType<SvelteComponent>;
+	};
+};
+
+export type LoadedComponentWithRuntime = {
+	component: LoadingComponent;
+	runtime: false | typeof import("svelte");
+};
+
+export type load_component = (
+	name: string,
+	variant: "component" | "example" | "base",
+	component_class_id?: string
+) => LoadedComponentWithRuntime;
+
+const is_browser = typeof window !== "undefined";
+
+export type ServerFunctions = Record<string, (...args: any[]) => Promise<any>>;
+
+export const allowed_shared_props: (keyof SharedProps)[] = [
+	"elem_id",
+	"elem_classes",
+	"visible",
+	"interactive",
+	"server_fns",
+	"server",
+	"id",
+	"target",
+	"theme_mode",
+	"version",
+	"root",
+	"autoscroll",
+	"max_file_size",
+	"formatter",
+	"client",
+	"load_component",
+	"scale",
+	"min_width",
+	"theme",
+	"padding",
+	"loading_status",
+	"label",
+	"show_label",
+	"validation_error",
+	"show_progress",
+	"api_prefix",
+	"container",
+	"attached_events",
+	"register_component",
+	"dispatcher"
+] as const;
+
+export type I18nFormatter = any;
+
+export function has_i18n_marker(value: unknown): value is string {
+	return typeof value === "string" && value.includes(I18N_MARKER);
+}
+
+export function translate_i18n_marker(
+	value: string,
+	translate: (key: string) => string
+): string {
+	const start = value.indexOf(I18N_MARKER);
+	if (start === -1) return value;
+
+	const json_start = start + I18N_MARKER.length;
+	const json_end = value.indexOf("}", json_start) + 1;
+	if (json_end === 0) return value;
+
+	try {
+		const metadata = JSON.parse(value.slice(json_start, json_end));
+		if (metadata?.key) {
+			const translated = translate(metadata.key);
+			const result = translated !== metadata.key ? translated : metadata.key;
+			return value.slice(0, start) + result + value.slice(json_end);
+		}
+	} catch {}
+
+	return value;
+}
+
+export class Gradio<T extends object = {}, U extends object = {}> {
+	load_component: load_component;
+	shared: SharedProps = $state<SharedProps>({} as SharedProps) as SharedProps;
+	props = $state<U>({} as U) as U;
+	i18n: I18nFormatter = $state<any>((v: string) => v) as any;
+	// Live formatter store injected by @gradio/core (its canonical svelte-i18n
+	// instance). Used purely as a reactivity trigger to re-translate props when
+	// the locale changes. Kept off `props`/`$state` so it isn't proxied or
+	// serialized. See Blocks.svelte where this is set.
+	// NOTE: the underlying duplicate-svelte-i18n issue is also addressed by the
+	// workspace resolving to a single Svelte version (pinned to 5.48.0, since
+	// 5.56 regressed lazy-rendering); this injection remains as defense-in-depth.
+	i18n_store: Readable<unknown> | undefined;
+	_i18n_from_store: { readonly current: unknown } | undefined;
+	translatable_props: Record<string, string> = {};
+	dispatcher!: Function;
+	last_update: ReturnType<typeof tick> | null = null;
+	shared_props: (keyof SharedProps)[] = allowed_shared_props;
+	mounted = false;
+	old_value: any;
+	register_component!: (
+		id: number,
+		set_data: (data: Record<string, any> & SharedProps) => void,
+		get_data: Function
+	) => void;
+
+	constructor(
+		_props: { shared_props: SharedProps; props: U },
+		default_values?: Partial<U>
+	) {
+		for (const key in _props.shared_props) {
+			// @ts-ignore i'm not doing pointless typescript gymanstics
+			this.shared[key] = _props.shared_props[key];
+		}
+		for (const key in _props.props) {
+			// i18n_store is a store reference kept off `props`/`$state` (see below)
+			if (key === "i18n_store") continue;
+			// @ts-ignore same here
+			this.props[key] = _props.props[key];
+		}
+
+		if (default_values) {
+			for (const key in default_values) {
+				if (this.props[key as keyof U] === undefined) {
+					// @ts-ignore
+					this.props[key] = default_values[key as keyof U];
+				}
+			}
+		}
+		// @ts-ignore same here
+		this.i18n = this.props.i18n ?? ((v: string) => v);
+		// @ts-ignore - read the raw store reference before it's wrapped in $state
+		this.i18n_store = _props.props.i18n_store;
+		this._i18n_from_store = this.i18n_store
+			? fromStore(this.i18n_store)
+			: undefined;
+
+		for (const key of TRANSLATABLE_PROPS) {
+			// @ts-ignore
+			this.shared[key] = this._translate_and_store(
+				"shared",
+				key,
+				// @ts-ignore
+				_props.shared_props[key]
+			);
+			// @ts-ignore
+			this.props[key] = this._translate_and_store(
+				"props",
+				key,
+				// @ts-ignore
+				_props.props[key]
+			);
+		}
+
+		this.load_component = this.shared.load_component;
+
+		this.register_component = this.shared.register_component || (() => {});
+		this.dispatcher = this.shared.dispatcher || (() => {});
+
+		this.register_component(
+			_props.shared_props.id,
+			// @ts-ignore
+			this.set_data.bind(this),
+			this.get_data.bind(this)
+		);
+
+		$effect(() => {
+			// Need to update the props here
+			// otherwise UI won't reflect latest state from render
+			for (const key in _props.shared_props) {
+				// @ts-ignore
+				if (this._is_i18n_managed(`shared.${key}`, _props.shared_props[key]))
+					continue;
+				// @ts-ignore i'm not doing pointless typescript gymanstics
+				this.shared[key] = _props.shared_props[key];
+			}
+			for (const key in _props.props) {
+				if (key === "i18n_store") continue;
+				if (this._is_i18n_managed(`props.${key}`, _props.props[key])) continue;
+				// @ts-ignore same here
+				this.props[key] = _props.props[key];
+			}
+			this.register_component(
+				_props.shared_props.id,
+				// @ts-ignore
+				this.set_data.bind(this),
+				this.get_data.bind(this)
+			);
+			untrack(() => {
+				this.shared.id = _props.shared_props.id;
+			});
+		});
+
+		// Re-translate props when the locale changes at runtime. The store is
+		// injected by @gradio/core so we subscribe to the same svelte-i18n
+		// instance that actually receives locale updates.
+		$effect(() => {
+			if (!this.i18n_store) return;
+			const unsubscribe = this.i18n_store.subscribe(() => {
+				for (const [full_key, original] of Object.entries(
+					this.translatable_props
+				)) {
+					const [target, key] = full_key.split(".");
+					const translated = this.i18n(original);
+					// @ts-ignore
+					if (target === "shared") this.shared[key] = translated;
+					// @ts-ignore
+					else this.props[key] = translated;
+				}
+			});
+			return unsubscribe;
+		});
+	}
+
+	// check if props are translatable
+	_is_i18n_managed(key: string, new_value: unknown): boolean {
+		const original_marker = this.translatable_props[key];
+		if (!original_marker) return false;
+		if (new_value === original_marker) return true;
+		// if value has changed then remove key
+		delete this.translatable_props[key];
+		return false;
+	}
+
+	_translate_and_store(
+		target: "shared" | "props",
+		key: string,
+		value: unknown
+	): unknown {
+		if (typeof value !== "string") return value;
+		const translated = this.i18n(value);
+		if (translated !== value) {
+			this.translatable_props[`${target}.${key}`] = value;
+		}
+		return translated;
+	}
+
+	// Reactive variant of `i18n`. Reading it inside a derived or template
+	// subscribes to the live locale store (via Svelte's createSubscriber), so
+	// the caller re-runs when the locale changes at runtime. The store is only
+	// the reactivity trigger; translation always goes through `this.i18n` so a
+	// custom formatter passed via props keeps taking effect.
+	live_i18n = (value: string): string => {
+		void this._i18n_from_store?.current;
+		return this.i18n(value);
+	};
+
+	dispatch<E extends keyof T>(event_name: E, data?: T[E]): void {
+		this.dispatcher(this.shared.id, event_name, data);
+	}
+
+	async get_data(): Promise<any> {
+		return $state.snapshot(this.props);
+	}
+
+	update(data: Partial<U & SharedProps>): void {
+		this.set_data(data as U & SharedProps);
+	}
+
+	set_data(data: Partial<U & SharedProps>): void {
+		for (const key in data) {
+			// @ts-ignore
+			const value = data[key];
+			const translated = has_i18n_marker(value)
+				? this._translate_and_store(
+						this.shared_props.includes(key as keyof SharedProps)
+							? "shared"
+							: "props",
+						key,
+						value
+					)
+				: value;
+
+			if (this.shared_props.includes(key as keyof SharedProps)) {
+				const _key = key as keyof SharedProps;
+				// @ts-ignore i'm not doing pointless typescript gymanstics
+				this.shared[_key] = translated;
+				continue;
+			}
+			// @ts-ignore
+			this.props[key] = translated;
+		}
+	}
+
+	watch_for_change() {
+		$effect(() => {
+			if (!this.mounted) {
+				// @ts-ignore
+				this.old_value = this.props.value;
+				this.mounted = true;
+			}
+			// @ts-ignore
+			if (this.old_value != this.props.value) {
+				// @ts-ignore
+				this.old_value = this.props.value;
+				// @ts-ignore
+				this.dispatch("change");
+			}
+		});
+	}
+}
+
+// function _load_component(
+// 	this: Gradio,
+// 	name: string,
+// 	variant: "component" | "example" | "base" = "component"
+// ): ReturnType<component_loader> {
+// 	return this._load_component!({
+// 		name,
+// 		api_url: this.shared.client.config?.root!,
+// 		variant
+// 	});
+// }
+
+export const css_units = (dimension_value: string | number): string => {
+	return typeof dimension_value === "number"
+		? dimension_value + "px"
+		: dimension_value;
+};
+
+export function should_show_scroll_fade(
+	container: HTMLElement | null
+): boolean {
+	if (!container) return false;
+	const has_overflow = container.scrollHeight > container.clientHeight;
+	const at_bottom =
+		container.scrollTop >= container.scrollHeight - container.clientHeight - 1;
+	return has_overflow && !at_bottom;
+}
+
+type MappedProps<T> = { [K in keyof T]: T[K] };
+type MappedProp<T, K extends keyof T> = { [P in K]: T[P] };
diff --git a/js/vibeeditor/CHANGELOG.md b/js/vibeeditor/CHANGELOG.md
new file mode 100644
index 0000000..c15d53d
--- /dev/null
+++ b/js/vibeeditor/CHANGELOG.md
@@ -0,0 +1,236 @@
+# @gradio/vibeeditor
+
+## 0.3.12
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+
+## 0.3.11
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+
+## 0.3.10
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+
+## 0.3.9
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+
+## 0.3.8
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+
+## 0.3.7
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+
+## 0.3.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.3.5
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+
+## 0.3.4
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+
+## 0.3.3
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/client@2.0.3
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.3.2
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+
+## 0.3.1
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.3.1
+
+### Features
+
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/client@2.0.0
+- @gradio/atoms@0.19.0
+- @gradio/statustracker@0.12.0
+- @gradio/utils@0.10.3
+
+## 0.3.1-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+
+## 0.3.1-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/utils@0.10.3-dev.0
+- @gradio/statustracker@0.12.0-dev.0
+
+## 0.3.1-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.3.1-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.0
+
+## 0.3.0
+
+### Features
+
+- [#11986](https://github.com/gradio-app/gradio/pull/11986) [`cf9aefd`](https://github.com/gradio-app/gradio/commit/cf9aefd0ae04ecc19bf7e69ec8d2ae4a081ef842) - More vibe editor issues and features.  Thanks @aliabd!
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.2.5
+
+### Dependency updates
+
+- @gradio/atoms@0.18.1
+
+## 0.2.5
+
+### Fixes
+
+- [#11958](https://github.com/gradio-app/gradio/pull/11958) [`3f1842f`](https://github.com/gradio-app/gradio/commit/3f1842f4887a3d5ef721d55aa88d5254de5c7d69) - Fix various vibe editor issues.  Thanks @aliabd!
+
+## 0.2.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+
+## 0.2.3
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.2.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+
+## 0.2.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+
+## 0.2.0
+
+### Features
+
+- [#11662](https://github.com/gradio-app/gradio/pull/11662) [`a78f5fa`](https://github.com/gradio-app/gradio/commit/a78f5fa466a4b11ffaaafc5099a64df49afb6e41) - Gradio vibe editor.  Thanks @aliabid94!
+
+### Dependency updates
+
+- @gradio/client@1.16.0
\ No newline at end of file
diff --git a/js/vibeeditor/Index.svelte b/js/vibeeditor/Index.svelte
new file mode 100644
index 0000000..6db9b3c
--- /dev/null
+++ b/js/vibeeditor/Index.svelte
@@ -0,0 +1,764 @@
+<script lang="ts">
+	import { Client } from "@gradio/client";
+	import { onMount, tick } from "svelte";
+	import { BaseCode } from "@gradio/code";
+	import { BaseMarkdown } from "@gradio/markdown";
+
+	export let app: Client;
+	export let root: string;
+	let prompt = "";
+	let editorWidth = 350;
+	let isResizing = false;
+	let editorElement: HTMLDivElement;
+	let activeTab: "chat" | "code" = "chat";
+
+	let codeValue = "";
+	let diffStats: { lines_added: number; lines_removed: number } | null = null;
+
+	interface Message {
+		text: string;
+		isBot: boolean;
+		isPending?: boolean;
+		hash?: string;
+	}
+
+	let message_history: Message[] = [];
+
+	let history_elem: HTMLDivElement;
+
+	const scroll_to_bottom = (behavior: "smooth" | "auto" = "smooth"): void => {
+		if (!history_elem) return;
+		history_elem.scrollTo({
+			top: history_elem.scrollHeight,
+			behavior: behavior
+		});
+	};
+
+	let starterQueries: string[] = [];
+
+	const fetchStarterQueries = async (): Promise<void> => {
+		const post = app.post_data(`${root}/gradio_api/vibe-starter-queries/`, {});
+		post
+			.then(async ([response, status_code]) => {
+				if (status_code !== 200) {
+					throw new Error(`Error: ${status_code}`);
+				}
+				const responseData = response as {
+					starter_queries: string[];
+				};
+				starterQueries = responseData.starter_queries;
+			})
+			.catch(async (error) => {
+				console.error("Failed to fetch starter queries:", error);
+			});
+	};
+
+	fetchStarterQueries();
+
+	const submit = async (queryText?: string): Promise<void> => {
+		const textToSubmit = queryText || prompt;
+		if (textToSubmit.trim() === "") return;
+
+		// Clear diff stats when submitting new prompt
+		diffStats = null;
+
+		const userMessageIndex = message_history.length;
+		message_history = [
+			...message_history,
+			{ text: textToSubmit, isBot: false }
+		];
+
+		const botMessageIndex = message_history.length;
+		message_history = [
+			...message_history,
+			{ text: "Working...", isBot: true, isPending: true }
+		];
+
+		await tick();
+		scroll_to_bottom();
+
+		const userPrompt = textToSubmit;
+		if (!queryText) {
+			prompt = "";
+		}
+
+		const post = app.post_data(`${root}/gradio_api/vibe-edit/`, {
+			prompt: userPrompt
+		});
+		post
+			.then(async ([response, status_code]) => {
+				if (status_code !== 200) {
+					throw new Error(`Error: ${status_code}`);
+				}
+
+				const responseData = response as {
+					hash: string;
+					diff_stats: { lines_added: number; lines_removed: number };
+					reasoning: string;
+				};
+
+				// Update diff stats from response
+				diffStats = responseData.diff_stats;
+
+				message_history = message_history.map((msg, index) => {
+					return index === userMessageIndex
+						? { ...msg, hash: responseData.hash }
+						: msg;
+				});
+
+				message_history = message_history.map((msg, index) =>
+					index === botMessageIndex
+						? {
+								text: responseData.reasoning ? responseData.reasoning : "Done.",
+								isBot: true,
+								isPending: false
+							}
+						: msg
+				);
+				await tick();
+				scroll_to_bottom();
+			})
+			.catch(async (error) => {
+				message_history = message_history.map((msg, index) =>
+					index === botMessageIndex
+						? { text: "Error occurred.", isBot: true, isPending: false }
+						: msg
+				);
+				await tick();
+				scroll_to_bottom();
+			});
+	};
+
+	const handleStarterQuery = async (query: string): Promise<void> => {
+		await submit(query);
+	};
+
+	const undoMessage = async (
+		hash: string,
+		messageIndex: number
+	): Promise<void> => {
+		try {
+			await app.post_data(`${root}/gradio_api/undo-vibe-edit/`, { hash });
+
+			// Clear diff stats when undoing
+			diffStats = null;
+
+			const messageToUndo = message_history[messageIndex];
+			prompt = messageToUndo.text;
+
+			message_history = message_history.slice(0, messageIndex);
+		} catch (error) {
+			console.error("Failed to undo:", error);
+		}
+	};
+
+	const handleResizeStart = (e: MouseEvent): void => {
+		e.preventDefault();
+		isResizing = true;
+		document.addEventListener("mousemove", handleResizeMove);
+		document.addEventListener("mouseup", handleResizeEnd);
+		document.body.style.cursor = "col-resize";
+		document.body.style.userSelect = "none";
+	};
+
+	const handleResizeMove = (e: MouseEvent): void => {
+		if (!isResizing) return;
+
+		const minWidth = 250;
+		const maxWidth = Math.min(800, window.innerWidth * 0.5);
+		const newWidth = window.innerWidth - e.clientX;
+
+		editorWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
+
+		// Dispatch custom event to update the main content margin
+		window.dispatchEvent(
+			new CustomEvent("vibeEditorResize", {
+				detail: { width: editorWidth }
+			})
+		);
+	};
+
+	const handleResizeEnd = (): void => {
+		isResizing = false;
+		document.removeEventListener("mousemove", handleResizeMove);
+		document.removeEventListener("mouseup", handleResizeEnd);
+		document.body.style.cursor = "";
+		document.body.style.userSelect = "";
+	};
+
+	const fetchCode = async (): Promise<void> => {
+		try {
+			const response = await fetch(`${root}/gradio_api/vibe-code/`, {
+				method: "GET",
+				headers: {
+					"Content-Type": "application/json"
+				}
+			});
+			if (response.ok) {
+				const data = await response.json();
+				codeValue = data.code;
+			}
+		} catch (error) {
+			console.error("Failed to fetch code:", error);
+		}
+	};
+
+	let code_updated = false;
+
+	const updateCode = async (): Promise<void> => {
+		try {
+			await app.post_data(`${root}/gradio_api/vibe-code/`, {
+				code: codeValue
+			});
+			code_updated = true;
+			setTimeout(() => {
+				code_updated = false;
+			}, 1000);
+		} catch (error) {
+			console.error("Failed to update code:", error);
+		}
+	};
+
+	$: (app, fetchCode());
+
+	$: if (activeTab === "chat") {
+		tick().then(() => scroll_to_bottom("auto"));
+	}
+
+	$: code_updated;
+
+	function create_spaces_url(): void {
+		const base_URL = "https://huggingface.co/new-space";
+		const params = new URLSearchParams({
+			name: "new-space",
+			sdk: "gradio"
+		});
+		const encoded_content = codeValue.trimStart();
+		params.append("files[0][path]", "app.py");
+		params.append("files[0][content]", encoded_content);
+		window.open(`${base_URL}?${params.toString()}`, "_blank")?.focus();
+	}
+
+	onMount(() => {
+		return () => {
+			document.removeEventListener("mousemove", handleResizeMove);
+			document.removeEventListener("mouseup", handleResizeEnd);
+		};
+	});
+
+	$: starterQueries;
+</script>
+
+<div
+	class="vibe-editor"
+	bind:this={editorElement}
+	style="width: {editorWidth}px;"
+>
+	<button
+		class="resize-handle"
+		aria-label="Resize sidebar"
+		on:mousedown={handleResizeStart}
+	></button>
+	<div class="tab-header">
+		<button
+			class="tab-button"
+			class:active={activeTab === "chat"}
+			on:click={() => (activeTab = "chat")}
+		>
+			Chat
+		</button>
+		<button
+			class="tab-button"
+			class:active={activeTab === "code"}
+			on:click={() => (activeTab = "code")}
+		>
+			Code
+			{#if diffStats && (diffStats.lines_added > 0 || diffStats.lines_removed > 0)}
+				<span class="diff-stats">
+					{#if diffStats.lines_added > 0}
+						<span class="added">+{diffStats.lines_added}</span>
+					{/if}
+					{#if diffStats.lines_removed > 0}
+						<span class="removed">-{diffStats.lines_removed}</span>
+					{/if}
+				</span>
+			{/if}
+		</button>
+	</div>
+
+	<div class="tab-content">
+		{#if activeTab === "chat"}
+			<div class="message-history" bind:this={history_elem}>
+				{#each message_history as message, index}
+					<div
+						class="message-item"
+						class:bot-message={message.isBot}
+						class:user-message={!message.isBot}
+					>
+						<div class="message-content">
+							<span class="message-text">
+								<BaseMarkdown
+									value={message.text}
+									latex_delimiters={[]}
+									theme_mode="system"
+								/>
+							</span>
+							{#if !message.isBot && message.hash && !message.isPending}
+								<button
+									class="undo-button"
+									on:click={() => undoMessage(message.hash || "", index)}
+									title="Undo this change"
+								>
+									Undo
+								</button>
+							{/if}
+						</div>
+					</div>
+				{/each}
+
+				{#if message_history.length === 0}
+					<div class="no-messages">No messages yet</div>
+				{/if}
+
+				{#if message_history.length === 0}
+					<div class="starter-queries-container">
+						<div class="starter-queries">
+							{#each starterQueries as query}
+								<button
+									class="starter-query-button"
+									on:click={() => handleStarterQuery(query)}
+								>
+									{query}
+								</button>
+							{/each}
+						</div>
+					</div>
+				{/if}
+			</div>
+		{:else if activeTab === "code"}
+			<div class="code-content">
+				<div class="code-editor-container">
+					<BaseCode
+						bind:value={codeValue}
+						language="python"
+						lines={10}
+						dark_mode={false}
+						basic={true}
+						readonly={false}
+						placeholder="Enter your code here..."
+						wrap_lines={true}
+					/>
+				</div>
+				<button
+					class:updating={code_updated}
+					class="update-code-button"
+					on:click={updateCode}
+				>
+					{#if code_updated}
+						Updated!
+					{:else}
+						Update Code
+					{/if}
+				</button>
+				<button
+					class="deploy-to-spaces-button"
+					on:click={() => create_spaces_url()}
+				>
+					<span class="button-content">
+						Deploy to
+						<svg
+							class="spaces-logo"
+							xmlns="http://www.w3.org/2000/svg"
+							xmlns:xlink="http://www.w3.org/1999/xlink"
+							aria-hidden="true"
+							focusable="false"
+							role="img"
+							preserveAspectRatio="xMidYMid meet"
+							viewBox="0 0 39 40"
+							><path
+								d="M6.3712 2.04427C3.7183 2.04427 1.56771 4.19486 1.56771 6.84776V18.3546V18.6544V32.7341C1.56771 35.3868 3.71818 37.5377 6.3712 37.5377H17.878H20.7507H32.2575C34.9104 37.5377 37.0612 35.387 37.0612 32.7341V21.6204C37.0612 20.177 36.4252 18.8839 35.4189 18.004C36.4576 16.3895 37.0612 14.4666 37.0612 12.4046C37.0612 6.68274 32.4225 2.04427 26.7007 2.04427C24.6388 2.04427 22.7159 2.64776 21.1014 3.68647C20.2214 2.6802 18.9282 2.04427 17.4849 2.04427H6.3712Z"
+								fill="black"
+								class="stroke-white dark:stroke-white/10"
+								stroke-width="3.07552"
+							></path><path
+								d="M9.56855 23.5001C8.8406 23.5001 8.25047 24.0902 8.25047 24.8182V29.5361C8.25047 30.2641 8.8406 30.8542 9.56855 30.8542H14.2864C15.0144 30.8542 15.6045 30.2641 15.6045 29.5361V24.8182C15.6045 24.0902 15.0143 23.5001 14.2864 23.5001H9.56855Z"
+								fill="#FF3270"
+							></path><path
+								d="M24.3409 23.5001C23.613 23.5001 23.0228 24.0902 23.0228 24.8182V29.5361C23.0228 30.2641 23.613 30.8542 24.3409 30.8542H29.0588C29.7868 30.8542 30.3769 30.2641 30.3769 29.5361V24.8182C30.3769 24.0902 29.7868 23.5001 29.0588 23.5001H24.3409Z"
+								fill="#861FFF"
+							></path><path
+								d="M9.56855 8.72815C8.8406 8.72815 8.25047 9.31827 8.25047 10.0462V14.7641C8.25047 15.4921 8.8406 16.0822 9.56855 16.0822H14.2864C15.0144 16.0822 15.6045 15.4921 15.6045 14.7641V10.0462C15.6045 9.31827 15.0143 8.72815 14.2864 8.72815H9.56855Z"
+								fill="#097EFF"
+							></path><path
+								d="M26.6999 8.72815C24.6692 8.72815 23.0228 10.3744 23.0228 12.4052C23.0228 14.4359 24.6692 16.0822 26.6999 16.0822C28.7306 16.0822 30.3769 14.4359 30.3769 12.4052C30.3769 10.3744 28.7306 8.72815 26.6999 8.72815Z"
+								fill="#FFD702"
+							></path></svg
+						>
+						<span style="font-weight: 600;">Spaces</span>
+					</span>
+				</button>
+			</div>
+		{/if}
+	</div>
+
+	<div class="input-section">
+		<div class="powered-by">Powered by: <code>gpt-oss</code></div>
+		<textarea
+			on:keydown={(e) => {
+				if (e.key === "Enter" && !e.shiftKey) {
+					e.preventDefault();
+					submit();
+				}
+			}}
+			bind:value={prompt}
+			placeholder="What can I add or change?"
+			class="prompt-input"
+		/>
+		<button
+			on:click={() => submit()}
+			class="submit-button"
+			disabled={prompt.trim() === ""}
+		>
+			Send
+		</button>
+	</div>
+</div>
+
+<style>
+	.vibe-editor {
+		position: fixed;
+		top: 0;
+		right: 0;
+		height: 100vh;
+		background: var(--background-fill-primary);
+		border-left: 1px solid var(--border-color-primary);
+		display: flex;
+		flex-direction: column;
+		z-index: 100;
+		box-shadow: var(--shadow-drop-lg);
+		overflow: hidden;
+	}
+
+	.resize-handle {
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 4px;
+		height: 100%;
+		cursor: col-resize;
+		background: transparent;
+		border: none;
+		border-left: 2px solid transparent;
+		transition: border-color 0.2s ease;
+		z-index: 101;
+		padding: 0;
+	}
+
+	.resize-handle:hover {
+		border-left-color: var(--color-accent);
+	}
+
+	.resize-handle:active {
+		border-left-color: var(--color-accent);
+		background: rgba(var(--color-accent-soft), 0.1);
+	}
+
+	.tab-header {
+		display: flex;
+		border-bottom: 1px solid var(--border-color-primary);
+		background: var(--background-fill-secondary);
+	}
+
+	.tab-button {
+		flex: 1;
+		padding: 12px 16px;
+		background: transparent;
+		border: none;
+		border-bottom: 2px solid transparent;
+		font-size: 14px;
+		font-weight: 500;
+		color: var(--body-text-color-subdued);
+		cursor: pointer;
+		transition: all 0.2s ease;
+	}
+
+	.tab-button:hover {
+		color: var(--body-text-color);
+		background: var(--background-fill-primary);
+	}
+
+	.tab-button.active {
+		color: var(--color-accent);
+		border-bottom-color: var(--color-accent);
+		background: var(--background-fill-primary);
+	}
+
+	.tab-content {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+	}
+
+	.code-content {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		padding: 16px;
+		gap: 12px;
+		overflow: hidden;
+	}
+
+	.code-editor-container {
+		flex: 1;
+		overflow-y: auto;
+		overflow-x: hidden;
+		min-height: 0; /* Allow flex child to shrink below content size */
+	}
+
+	.update-code-button {
+		background: var(--button-primary-background-fill);
+		color: var(--button-primary-text-color);
+		border: none;
+		border-radius: var(--button-large-radius);
+		padding: 8px 16px;
+		font-weight: 600;
+		cursor: pointer;
+		transition: background-color 0.2s;
+		align-self: flex-start;
+		width: 100%;
+	}
+
+	.update-code-button.updating {
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+	}
+
+	.update-code-button:hover {
+		background: var(--button-primary-background-fill-hover);
+	}
+
+	.update-code-button.updating:hover {
+		background: var(--button-secondary-background-fill);
+	}
+
+	.deploy-to-spaces-button {
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+		border: none;
+		border-radius: var(--button-large-radius);
+		padding: 8px 16px;
+		font-weight: 600;
+		cursor: pointer;
+		transition: background-color 0.2s;
+		align-self: flex-start;
+		width: 100%;
+	}
+
+	.deploy-to-spaces-button:hover {
+		background: var(--button-secondary-background-fill-hover);
+	}
+
+	.button-content {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 4px;
+		font-weight: 200;
+	}
+
+	.spaces-logo {
+		width: 1em;
+		height: 1em;
+		vertical-align: middle;
+		display: inline-block;
+		margin-right: -3px;
+	}
+
+	.message-history {
+		flex: 1;
+		overflow-y: auto;
+		padding: 16px;
+		display: flex;
+		flex-direction: column;
+		gap: 12px;
+		position: relative;
+	}
+
+	.message-item {
+		position: relative;
+		padding: 12px;
+		border-radius: var(--radius-md);
+		border: 1px solid var(--border-color-primary);
+		word-wrap: break-word;
+		line-height: 1.4;
+		border-color: var(--border-color-primary);
+	}
+
+	.user-message {
+		margin-left: 20px;
+		padding: 12px 64px 12px 12px;
+	}
+
+	.bot-message {
+		margin-right: 20px;
+	}
+
+	.message-content {
+		display: block;
+	}
+
+	.message-text {
+		color: var(--body-text-color);
+		word-wrap: break-word;
+		line-height: 1.4;
+		flex: 1;
+	}
+
+	.undo-button {
+		position: absolute;
+		top: 8px;
+		right: 8px;
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--radius-sm);
+		padding: var(--button-small-padding);
+		font-size: 12px;
+		font-weight: 500;
+		cursor: pointer;
+		transition: all 0.2s;
+	}
+
+	.undo-button:active {
+		transform: translateY(0);
+	}
+
+	.no-messages {
+		text-align: center;
+		color: var(--body-text-color-subdued);
+		font-style: italic;
+		padding: 24px;
+	}
+
+	.input-section {
+		padding: 16px;
+		border-top: 1px solid var(--border-color-primary);
+		background: var(--background-fill-secondary);
+		display: flex;
+		flex-direction: column;
+		gap: 12px;
+	}
+
+	.prompt-input {
+		width: 100%;
+		min-height: 80px;
+		background: var(--input-background-fill);
+		border: 1px solid var(--border-color-primary);
+		border-radius: var(--input-radius);
+		padding: 12px;
+		resize: vertical;
+		outline: none;
+		font-family: inherit;
+		font-size: 14px;
+		color: var(--body-text-color);
+	}
+
+	.prompt-input:focus {
+		border-color: var(--color-accent);
+	}
+
+	.submit-button {
+		background: var(--button-primary-background-fill);
+		color: var(--button-primary-text-color);
+		border: none;
+		border-radius: var(--button-large-radius);
+		padding: 10px 20px;
+		font-weight: 600;
+		cursor: pointer;
+		transition: background-color 0.2s;
+	}
+
+	.submit-button:hover:not(:disabled) {
+		background: var(--button-primary-background-fill-hover);
+	}
+
+	.submit-button:disabled {
+		background: var(--button-secondary-background-fill);
+		color: var(--button-secondary-text-color);
+		cursor: not-allowed;
+	}
+
+	.powered-by {
+		text-align: right;
+		font-size: 12px;
+		color: var(--body-text-color-subdued);
+	}
+
+	.diff-stats {
+		margin-left: 8px;
+		display: inline-flex;
+		gap: 4px;
+		font-size: 11px;
+		font-weight: 600;
+	}
+
+	.diff-stats .added {
+		color: #22c55e;
+	}
+
+	.diff-stats .removed {
+		color: #ef4444;
+	}
+
+	.starter-queries-container {
+		position: absolute;
+		bottom: 16px;
+		left: 50%;
+		transform: translateX(-50%);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		padding: 16px;
+		gap: 12px;
+		width: calc(100% - 32px);
+		max-width: 500px;
+	}
+
+	.starter-queries {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+		gap: var(--spacing-md);
+		width: 100%;
+	}
+
+	.starter-query-button {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		padding: var(--spacing-lg);
+		border: none;
+		border-radius: var(--radius-lg);
+		background-color: var(--block-background-fill);
+		cursor: pointer;
+		transition: all 150ms ease-in-out;
+		width: 100%;
+		gap: var(--spacing-sm);
+		border: var(--block-border-width) solid var(--block-border-color);
+		transform: translateY(0px);
+		text-align: left;
+		line-height: 1.4;
+		word-wrap: break-word;
+		white-space: normal;
+		font-size: var(--text-md);
+	}
+
+	.starter-query-button:hover {
+		transform: translateY(-2px);
+		background-color: var(--color-accent-soft);
+	}
+
+	.starter-query-button:active {
+		transform: translateY(0);
+	}
+</style>
diff --git a/js/vibeeditor/package.json b/js/vibeeditor/package.json
new file mode 100644
index 0000000..6dc900c
--- /dev/null
+++ b/js/vibeeditor/package.json
@@ -0,0 +1,37 @@
+{
+	"name": "@gradio/vibeeditor",
+	"version": "0.3.12",
+	"description": "Gradio VibeEditor component",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts",
+			"default": "./dist/Index.svelte"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/client": "workspace:^",
+		"@gradio/atoms": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/vibeeditor"
+	}
+}
diff --git a/js/video/CHANGELOG.md b/js/video/CHANGELOG.md
new file mode 100644
index 0000000..668f1cb
--- /dev/null
+++ b/js/video/CHANGELOG.md
@@ -0,0 +1,1534 @@
+# @gradio/video
+
+## 0.22.0
+
+### Features
+
+- [#13543](https://github.com/gradio-app/gradio/pull/13543) [`0533483`](https://github.com/gradio-app/gradio/commit/0533483bccdee38f334a598f18297e8c02966343) - Migrate Image components to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/icons@0.16.0
+- @gradio/atoms@0.26.0
+- @gradio/image@0.28.0
+- @gradio/client@2.3.1
+- @gradio/upload@0.18.1
+
+## 0.21.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+- @gradio/upload@0.18.0
+- @gradio/image@0.27.0
+
+## 0.20.9
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.20.9
+
+### Fixes
+
+- [#13463](https://github.com/gradio-app/gradio/pull/13463) [`58088ad`](https://github.com/gradio-app/gradio/commit/58088ad1d75eee0f93ba1c02f427ee04f60847b4) - Self-host frontend assets so that Gradio works offline!.  Thanks @abidlabs!
+
+## 0.20.8
+
+### Dependency updates
+
+- @gradio/client@2.2.1
+- @gradio/upload@0.17.10
+
+## 0.20.8
+
+### Dependency updates
+
+- @gradio/atoms@0.24.0
+- @gradio/statustracker@0.14.1
+- @gradio/upload@0.17.9
+- @gradio/image@0.26.3
+
+## 0.20.7
+
+### Dependency updates
+
+- @gradio/atoms@0.23.1
+- @gradio/statustracker@0.14.0
+- @gradio/client@2.2.0
+- @gradio/image@0.26.2
+
+## 0.20.6
+
+### Features
+
+- [#13167](https://github.com/gradio-app/gradio/pull/13167) [`a4e1c92`](https://github.com/gradio-app/gradio/commit/a4e1c92c11e05bee332ff69e19b533fbd9abc840) - Audio and Video unit tests.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/utils@0.12.2
+- @gradio/atoms@0.23.0
+- @gradio/statustracker@0.13.1
+- @gradio/upload@0.17.8
+- @gradio/image@0.26.1
+
+## 0.20.5
+
+### Dependency updates
+
+- @gradio/utils@0.12.1
+- @gradio/statustracker@0.13.0
+- @gradio/image@0.26.0
+
+## 0.20.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.5
+- @gradio/utils@0.12.0
+- @gradio/atoms@0.22.2
+- @gradio/upload@0.17.7
+- @gradio/image@0.25.4
+
+## 0.20.3
+
+### Dependency updates
+
+- @gradio/client@2.1.0
+
+## 0.20.3
+
+### Fixes
+
+- [#12830](https://github.com/gradio-app/gradio/pull/12830) [`a2a0078`](https://github.com/gradio-app/gradio/commit/a2a0078de878481752b952f9ed0e759a0e884d0b) - `Video` to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/utils@0.11.3
+- @gradio/atoms@0.22.0
+- @gradio/statustracker@0.12.4
+- @gradio/upload@0.17.6
+- @gradio/image@0.25.3
+
+## 0.20.2
+
+### Dependency updates
+
+- @gradio/atoms@0.21.0
+- @gradio/client@2.0.4
+- @gradio/statustracker@0.12.3
+- @gradio/image@0.25.2
+- @gradio/upload@0.17.5
+
+## 0.20.1
+
+### Fixes
+
+- [#12800](https://github.com/gradio-app/gradio/pull/12800) [`7a1c321`](https://github.com/gradio-app/gradio/commit/7a1c321b6546ba05a353488f5133e8262c4a8a39) - Bump svelte/kit for security reasons.  Thanks @freddyaboulton!
+- [#12758](https://github.com/gradio-app/gradio/pull/12758) [`fb4b92a`](https://github.com/gradio-app/gradio/commit/fb4b92afe9cf43c0d35ba0293496058d967ad818) - Add volume control to gr.Video.  Thanks @hysts!
+- [#12779](https://github.com/gradio-app/gradio/pull/12779) [`ea2d3e9`](https://github.com/gradio-app/gradio/commit/ea2d3e985a8b42d188e551f517c5825c00790628) - Migrate Audio + Upload + Atoms to Svelte 5.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/statustracker@0.12.2
+- @gradio/atoms@0.20.1
+- @gradio/utils@0.11.2
+- @gradio/icons@0.15.1
+- @gradio/upload@0.17.4
+- @gradio/client@2.0.3
+- @gradio/image@0.25.1
+
+## 0.20.0
+
+### Features
+
+- [#12680](https://github.com/gradio-app/gradio/pull/12680) [`c99a50b`](https://github.com/gradio-app/gradio/commit/c99a50b9434bf66282a5308d442beeb97f6cf6bb) - Add .input() to Video.  Thanks @hysts!
+
+### Dependency updates
+
+- @gradio/utils@0.11.1
+- @gradio/client@2.0.2
+
+## 0.19.0
+
+### Features
+
+- [#12539](https://github.com/gradio-app/gradio/pull/12539) [`f1d83fa`](https://github.com/gradio-app/gradio/commit/f1d83fac3d6e4bad60cf896a026fa2d572f26073) - Add ability to add custom buttons to components.  Thanks @abidlabs!
+
+### Dependency updates
+
+- @gradio/atoms@0.20.0
+- @gradio/utils@0.11.0
+- @gradio/client@2.0.1
+- @gradio/statustracker@0.12.1
+- @gradio/upload@0.17.3
+- @gradio/image@0.25.0
+
+## 0.18.0
+
+### Features
+
+- [#12504](https://github.com/gradio-app/gradio/pull/12504) [`4476400`](https://github.com/gradio-app/gradio/commit/44764009dfebecf894298efe80366e42578ea65d) - Add `playback_position` to gr.Audio and gr.Video, which can be updated and read.  Thanks @aliabid94!
+
+## 0.17.0
+
+### Dependency updates
+
+- @gradio/utils@0.10.4
+
+## 0.17.0
+
+### Features
+
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Clear Error statuses
+- [#11908](https://github.com/gradio-app/gradio/pull/11908) [`029034f`](https://github.com/gradio-app/gradio/commit/029034f7853ea018d110efe9b7e2ef7d1407091c) - Video subtitles
+- [#12438](https://github.com/gradio-app/gradio/pull/12438) [`25ffc03`](https://github.com/gradio-app/gradio/commit/25ffc0398f8feb43d817c02b2ab970c16de6d797) - Svelte5 migration and bugfix
+
+### Dependencies
+
+- @gradio/atoms@0.19.0
+- @gradio/client@2.0.0
+- @gradio/icons@0.15.0
+- @gradio/image@0.24.0
+- @gradio/statustracker@0.12.0
+- @gradio/upload@0.17.2
+- @gradio/utils@0.10.3
+
+## 0.17.0-dev.2
+
+### Dependency updates
+
+- @gradio/atoms@0.19.0-dev.1
+- @gradio/client@2.0.0-dev.2
+- @gradio/statustracker@0.12.0-dev.1
+- @gradio/upload@0.17.2-dev.2
+- @gradio/image@0.24.0-dev.2
+
+## 0.17.0-dev.1
+
+### Dependency updates
+
+- @gradio/atoms@0.18.2-dev.0
+- @gradio/upload@0.17.2-dev.1
+- @gradio/utils@0.10.3-dev.0
+- @gradio/image@0.23.2-dev.1
+- @gradio/statustracker@0.12.0-dev.0
+- @gradio/icons@0.15.0-dev.0
+
+## 0.17.0-dev.0
+
+### Dependency updates
+
+- @gradio/client@2.0.0-dev.1
+
+## 0.17.0-dev.0
+
+### Features
+
+- [#12041](https://github.com/gradio-app/gradio/pull/12041) [`90e8a2c`](https://github.com/gradio-app/gradio/commit/90e8a2c23774e1d2a7401bccf4bdc86f70531de5) - Video subtitles.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/upload@0.17.2-dev.0
+- @gradio/client@2.0.0-dev.0
+- @gradio/image@0.23.2-dev.0
+
+## 0.16.0
+
+### Dependency updates
+
+- @gradio/client@1.19.1
+
+## 0.16.0
+
+### Dependency updates
+
+- @gradio/image@0.23.1
+- @gradio/upload@0.17.1
+- @gradio/atoms@0.18.1
+
+## 0.16.0
+
+### Features
+
+- [#11858](https://github.com/gradio-app/gradio/pull/11858) [`3f8ea13`](https://github.com/gradio-app/gradio/commit/3f8ea13a8ca92abf0ad34392e403a449fda3c6c2) - remove lite.  Thanks @pngwn!
+
+### Fixes
+
+- [#11784](https://github.com/gradio-app/gradio/pull/11784) [`d9dd3f5`](https://github.com/gradio-app/gradio/commit/d9dd3f54b7fb34cf7118e549d39fc63937ca3489) - Add "hidden" option to component's `visible` kwarg to render but visually hide the component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/statustracker@0.11.1
+- @gradio/atoms@0.18.0
+- @gradio/client@1.19.0
+- @gradio/upload@0.17.0
+- @gradio/image@0.23.0
+
+## 0.15.1
+
+### Dependency updates
+
+- @gradio/client@1.18.0
+- @gradio/icons@0.14.0
+- @gradio/atoms@0.17.0
+- @gradio/statustracker@0.11.0
+- @gradio/upload@0.16.17
+- @gradio/image@0.22.18
+
+## 0.15.0
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.18
+
+## 0.15.0
+
+### Dependency updates
+
+- @gradio/icons@0.13.1
+- @gradio/upload@0.16.16
+
+## 0.15.0
+
+### Features
+
+- [#11721](https://github.com/gradio-app/gradio/pull/11721) [`58d9d9e`](https://github.com/gradio-app/gradio/commit/58d9d9e98194dada5267ac1599063cf21723cbde) - Remove dupe maximise/maximize icon.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.17
+- @gradio/atoms@0.16.5
+- @gradio/client@1.17.1
+- @gradio/icons@0.13.0
+- @gradio/upload@0.16.15
+- @gradio/image@0.22.17
+
+## 0.14.24
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.16
+- @gradio/atoms@0.16.4
+- @gradio/client@1.17.0
+- @gradio/upload@0.16.14
+- @gradio/image@0.22.16
+
+## 0.14.23
+
+### Dependency updates
+
+- @gradio/upload@0.16.13
+- @gradio/client@1.16.0
+- @gradio/image@0.22.15
+
+## 0.14.22
+
+### Dependency updates
+
+- @gradio/upload@0.16.12
+- @gradio/client@1.15.7
+- @gradio/image@0.22.14
+
+## 0.14.21
+
+### Dependency updates
+
+- @gradio/client@1.15.6
+- @gradio/statustracker@0.10.15
+- @gradio/upload@0.16.11
+- @gradio/image@0.22.13
+
+## 0.14.20
+
+### Dependency updates
+
+- @gradio/atoms@0.16.3
+- @gradio/statustracker@0.10.14
+- @gradio/upload@0.16.10
+- @gradio/client@1.15.5
+- @gradio/image@0.22.12
+
+## 0.14.19
+
+### Dependency updates
+
+- @gradio/upload@0.16.9
+- @gradio/client@1.15.4
+- @gradio/image@0.22.11
+
+## 0.14.18
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.13
+- @gradio/atoms@0.16.2
+- @gradio/client@1.15.3
+- @gradio/upload@0.16.8
+- @gradio/image@0.22.10
+
+## 0.14.17
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+
+## 0.14.17
+
+### Dependency updates
+
+- @gradio/upload@0.16.7
+- @gradio/client@1.15.2
+- @gradio/image@0.22.9
+
+## 0.14.16
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/image@0.22.8
+
+## 0.14.15
+
+### Fixes
+
+- [#11272](https://github.com/gradio-app/gradio/pull/11272) [`8177b01`](https://github.com/gradio-app/gradio/commit/8177b014e5539aa1011a74856d065dbb17fa0326) - Fix bug where streaming one chunk of audio or video would not play.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.12
+- @gradio/client@1.15.1
+- @gradio/upload@0.16.6
+- @gradio/image@0.22.7
+
+## 0.14.14
+
+### Fixes
+
+- [#11117](https://github.com/gradio-app/gradio/pull/11117) [`9b976b7`](https://github.com/gradio-app/gradio/commit/9b976b750a61368f369bcefaacda6d4fb0975c5f) - Raise UI error if video not playable in the browser.  Thanks @freddyaboulton!
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.11
+- @gradio/atoms@0.16.1
+- @gradio/client@1.15.0
+- @gradio/upload@0.16.5
+- @gradio/image@0.22.6
+
+## 0.14.13
+
+### Dependency updates
+
+- @gradio/upload@0.16.4
+- @gradio/image@0.22.5
+
+## 0.14.12
+
+### Dependency updates
+
+- @gradio/image@0.22.4
+
+## 0.14.11
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.10
+- @gradio/image@0.22.3
+- @gradio/upload@0.16.3
+- @gradio/atoms@0.16.0
+
+## 0.14.10
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.9
+- @gradio/atoms@0.15.2
+- @gradio/client@1.14.2
+- @gradio/utils@0.10.2
+- @gradio/upload@0.16.2
+- @gradio/image@0.22.2
+
+## 0.14.9
+
+### Fixes
+
+- [#10979](https://github.com/gradio-app/gradio/pull/10979) [`975feee`](https://github.com/gradio-app/gradio/commit/975feee3925e5b65e52ae00da5c5066d8889ae6a) - improve webcam options for the ImageEditor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/upload@0.16.1
+- @gradio/atoms@0.15.1
+- @gradio/statustracker@0.10.8
+- @gradio/icons@0.12.0
+- @gradio/image@0.22.1
+
+## 0.14.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.7
+- @gradio/atoms@0.15.0
+- @gradio/icons@0.11.0
+- @gradio/upload@0.16.0
+- @gradio/image@0.22.0
+
+## 0.14.7
+
+### Dependency updates
+
+- @gradio/wasm@0.18.1
+- @gradio/client@1.14.1
+- @gradio/upload@0.15.7
+- @gradio/image@0.21.7
+
+## 0.14.6
+
+### Dependency updates
+
+- @gradio/atoms@0.14.1
+- @gradio/statustracker@0.10.6
+- @gradio/client@1.14.0
+- @gradio/wasm@0.18.0
+- @gradio/upload@0.15.6
+- @gradio/image@0.21.6
+
+## 0.14.5
+
+### Dependency updates
+
+- @gradio/image@0.21.5
+- @gradio/upload@0.15.5
+- @gradio/statustracker@0.10.5
+- @gradio/atoms@0.14.0
+
+## 0.14.4
+
+### Dependency updates
+
+- @gradio/client@1.13.1
+- @gradio/wasm@0.17.4
+- @gradio/upload@0.15.4
+- @gradio/image@0.21.4
+
+## 0.14.3
+
+### Dependency updates
+
+- @gradio/upload@0.15.3
+- @gradio/client@1.13.0
+- @gradio/image@0.21.3
+
+## 0.14.2
+
+### Dependency updates
+
+- @gradio/image@0.21.2
+- @gradio/upload@0.15.2
+- @gradio/statustracker@0.10.4
+- @gradio/atoms@0.13.3
+
+## 0.14.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.10.3
+- @gradio/atoms@0.13.2
+- @gradio/utils@0.10.1
+- @gradio/client@1.12.0
+- @gradio/upload@0.15.1
+- @gradio/wasm@0.17.3
+- @gradio/image@0.21.1
+
+## 0.14.0
+
+### Features
+
+- [#10478](https://github.com/gradio-app/gradio/pull/10478) [`afb96c6`](https://github.com/gradio-app/gradio/commit/afb96c64451e5a282bfee89445d831d1c87f9746) - Improve dataframe's upload accessibility.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@1.11.0
+- @gradio/upload@0.15.0
+- @gradio/image@0.21.0
+
+## 0.13.4
+
+### Dependency updates
+
+- @gradio/upload@0.14.8
+- @gradio/image@0.20.4
+- @gradio/wasm@0.17.2
+
+## 0.13.3
+
+### Dependency updates
+
+- @gradio/upload@0.14.7
+- @gradio/image@0.20.3
+- @gradio/wasm@0.17.1
+
+## 0.13.2
+
+### Dependency updates
+
+- @gradio/upload@0.14.6
+- @gradio/wasm@0.17.0
+- @gradio/statustracker@0.10.2
+- @gradio/image@0.20.2
+
+## 0.13.1
+
+### Dependency updates
+
+- @gradio/atoms@0.13.1
+- @gradio/statustracker@0.10.1
+- @gradio/client@1.10.0
+- @gradio/icons@0.10.0
+- @gradio/upload@0.14.5
+- @gradio/image@0.20.1
+
+## 0.13.0
+
+### Features
+
+- [#10192](https://github.com/gradio-app/gradio/pull/10192) [`4fc7fb7`](https://github.com/gradio-app/gradio/commit/4fc7fb777c42af537e4af612423fa44029657d41) - Ensure components can be remounted with their previous data.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.13.0
+- @gradio/utils@0.10.0
+- @gradio/upload@0.14.4
+- @gradio/client@1.9.0
+- @gradio/icons@0.9.0
+- @gradio/statustracker@0.10.0
+- @gradio/wasm@0.16.0
+- @gradio/image@0.20.0
+
+## 0.12.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.7
+- @gradio/upload@0.14.3
+- @gradio/atoms@0.12.0
+- @gradio/image@0.19.0
+
+## 0.12.0
+
+### Features
+
+- [#10032](https://github.com/gradio-app/gradio/pull/10032) [`e450674`](https://github.com/gradio-app/gradio/commit/e450674ce41ca28f1f37a27fb149c728593a6ddf) - add  `webcam_height` and `webcam_width` to specify the resolution of the Webcam.  Thanks @yinsumirage!
+
+### Dependency updates
+
+- @gradio/image@0.18.0
+
+## 0.11.9
+
+### Dependency updates
+
+- @gradio/atoms@0.11.2
+- @gradio/utils@0.9.0
+- @gradio/statustracker@0.9.6
+- @gradio/upload@0.14.2
+- @gradio/image@0.17.0
+
+## 0.11.8
+
+### Dependency updates
+
+- @gradio/atoms@0.11.1
+- @gradio/client@1.8.0
+- @gradio/utils@0.8.0
+- @gradio/upload@0.14.1
+- @gradio/statustracker@0.9.5
+- @gradio/image@0.16.8
+
+## 0.11.7
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.4
+- @gradio/atoms@0.11.0
+- @gradio/upload@0.14.0
+- @gradio/wasm@0.15.0
+- @gradio/image@0.16.7
+
+## 0.11.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.3
+- @gradio/atoms@0.10.1
+- @gradio/client@1.7.1
+- @gradio/image@0.16.6
+- @gradio/upload@0.13.5
+
+## 0.11.5
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.2
+- @gradio/atoms@0.10.0
+- @gradio/icons@0.8.1
+- @gradio/upload@0.13.4
+- @gradio/image@0.16.5
+
+## 0.11.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.9.1
+- @gradio/upload@0.13.3
+- @gradio/atoms@0.9.2
+- @gradio/image@0.16.4
+
+## 0.11.3
+
+### Dependency updates
+
+- @gradio/atoms@0.9.1
+- @gradio/statustracker@0.9.0
+- @gradio/client@1.7.0
+- @gradio/upload@0.13.2
+- @gradio/wasm@0.14.2
+- @gradio/image@0.16.3
+
+## 0.11.2
+
+### Dependency updates
+
+- @gradio/upload@0.13.1
+- @gradio/image@0.16.2
+- @gradio/wasm@0.14.1
+
+## 0.11.1
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.1
+- @gradio/image@0.16.1
+
+## 0.11.0
+
+### Features
+
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Improve Icon Button consistency
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Adds ability to block event trigger when file is uploading
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Chatbot autoscroll
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Streaming inputs for 5.0
+- [#8843](https://github.com/gradio-app/gradio/pull/8843) [`6f95286`](https://github.com/gradio-app/gradio/commit/6f95286337459efbccb95c9cfac63355669df9ee) - Ssr part 2
+
+### Dependencies
+
+- @gradio/atoms@0.9.0
+- @gradio/client@1.6.0
+- @gradio/icons@0.8.0
+- @gradio/image@0.16.0
+- @gradio/statustracker@0.8.0
+- @gradio/upload@0.13.0
+- @gradio/utils@0.7.0
+- @gradio/wasm@0.14.0
+
+## 0.11.0-beta.7
+
+### Features
+
+- [#9582](https://github.com/gradio-app/gradio/pull/9582) [`43a7f42`](https://github.com/gradio-app/gradio/commit/43a7f420d8ac34c7f7fa71d6e630a4c8618d3780) - Chatbot autoscroll.  Thanks @whitphx!
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.7
+- @gradio/statustracker@0.8.0-beta.5
+- @gradio/icons@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.5
+- @gradio/image@0.16.0-beta.7
+
+## 0.11.0-beta.6
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.4
+- @gradio/atoms@0.9.0-beta.4
+- @gradio/client@1.6.0-beta.4
+- @gradio/upload@0.13.0-beta.6
+- @gradio/image@0.16.0-beta.6
+
+## 0.11.0-beta.5
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.5
+- @gradio/statustracker@0.8.0-beta.3
+- @gradio/icons@0.8.0-beta.3
+- @gradio/atoms@0.9.0-beta.3
+- @gradio/image@0.16.0-beta.5
+
+## 0.11.0-beta.4
+
+### Dependency updates
+
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/upload@0.13.0-beta.4
+- @gradio/image@0.16.0-beta.4
+- @gradio/wasm@0.14.0-beta.3
+
+## 0.11.0-beta.3
+
+### Dependency updates
+
+- @gradio/upload@0.13.0-beta.3
+- @gradio/client@1.6.0-beta.3
+- @gradio/image@0.16.0-beta.3
+
+## 0.11.0-beta.2
+
+### Features
+
+- [#9339](https://github.com/gradio-app/gradio/pull/9339) [`4c8c6f2`](https://github.com/gradio-app/gradio/commit/4c8c6f2fe603081941c5fdc43f48a0632b9f31ad) - Ssr part 2.  Thanks @pngwn!
+- [#9250](https://github.com/gradio-app/gradio/pull/9250) [`350b0a5`](https://github.com/gradio-app/gradio/commit/350b0a5cafb9176f914f62e7c90de51d4352cc77) - Improve Icon Button consistency.  Thanks @hannahblair!
+- [#9253](https://github.com/gradio-app/gradio/pull/9253) [`99648ec`](https://github.com/gradio-app/gradio/commit/99648ec7c4443e74799941e47b0015ac9ca581e1) - Adds ability to block event trigger when file is uploading.  Thanks @dawoodkhan82!
+
+### Dependency updates
+
+- @gradio/atoms@0.9.0-beta.2
+- @gradio/upload@0.13.0-beta.2
+- @gradio/wasm@0.14.0-beta.2
+- @gradio/client@1.6.0-beta.2
+- @gradio/icons@0.8.0-beta.2
+- @gradio/statustracker@0.8.0-beta.2
+- @gradio/utils@0.7.0-beta.2
+- @gradio/image@0.16.0-beta.2
+
+## 0.11.0-beta.1
+
+### Dependency updates
+
+- @gradio/atoms@0.8.1-beta.1
+- @gradio/icons@0.8.0-beta.1
+- @gradio/statustracker@0.8.0-beta.1
+- @gradio/utils@0.7.0-beta.1
+- @gradio/client@1.6.0-beta.1
+- @gradio/image@0.16.0-beta.1
+- @gradio/upload@0.12.4-beta.1
+- @gradio/wasm@0.13.1-beta.1
+
+## 0.11.0
+
+### Features
+
+- [#8941](https://github.com/gradio-app/gradio/pull/8941) [`97a7bf6`](https://github.com/gradio-app/gradio/commit/97a7bf66a79179d1b91a3199d68e5c11216ca500) - Streaming inputs for 5.0.  Thanks @freddyaboulton!
+## 0.10.4
+
+### Fixes
+
+- [#9163](https://github.com/gradio-app/gradio/pull/9163) [`2b6cbf2`](https://github.com/gradio-app/gradio/commit/2b6cbf25908e42cf027324e54ef2cc0baad11a91) - fix exports and generate types.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.1
+- @gradio/statustracker@0.7.6
+- @gradio/atoms@0.8.1
+- @gradio/icons@0.7.2
+- @gradio/wasm@0.13.1
+- @gradio/client@1.5.2
+- @gradio/upload@0.12.4
+- @gradio/image@0.15.1
+
+## 0.10.3
+
+### Features
+
+- [#9118](https://github.com/gradio-app/gradio/pull/9118) [`e1c404d`](https://github.com/gradio-app/gradio/commit/e1c404da1143fb52b659d03e028bdba1badf443d) - setup npm-previews of all packages.  Thanks @pngwn!
+- [#9102](https://github.com/gradio-app/gradio/pull/9102) [`efdc323`](https://github.com/gradio-app/gradio/commit/efdc3231a7bde38cfe45d10086d0d36a24c1b9b4) - Initial SSR refactor.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/utils@0.6.0
+- @gradio/upload@0.12.3
+- @gradio/atoms@0.8.0
+- @gradio/client@1.5.1
+- @gradio/statustracker@0.7.5
+- @gradio/wasm@0.13.0
+- @gradio/icons@0.7.1
+- @gradio/image@0.15.0
+
+## 0.10.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.9
+- @gradio/statustracker@0.7.4
+- @gradio/client@1.5.0
+- @gradio/icons@0.7.0
+- @gradio/upload@0.12.2
+- @gradio/image@0.14.0
+
+## 0.10.1
+
+### Dependency updates
+
+- @gradio/atoms@0.7.8
+- @gradio/icons@0.6.1
+- @gradio/utils@0.5.2
+- @gradio/statustracker@0.7.3
+- @gradio/upload@0.12.1
+- @gradio/image@0.13.1
+
+## 0.10.0
+
+### Features
+
+- [#8806](https://github.com/gradio-app/gradio/pull/8806) [`a3d23b4`](https://github.com/gradio-app/gradio/commit/a3d23b43e71c22bc2b019ae96668605e744768d5) - Add `loop` parameters to `gr.Audio` and `gr.Video`.  Thanks @abidlabs!
+- [#8803](https://github.com/gradio-app/gradio/pull/8803) [`e1a4040`](https://github.com/gradio-app/gradio/commit/e1a404093cfaf9d8f2a92bc1d28fb6aa254848d1) - Ensure all upload components have consistent upload regions.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/wasm@0.12.0
+- @gradio/client@1.4.0
+- @gradio/image@0.13.0
+- @gradio/statustracker@0.7.2
+- @gradio/upload@0.12.0
+- @gradio/atoms@0.7.7
+
+## 0.9.2
+
+### Dependency updates
+
+- @gradio/atoms@0.7.6
+- @gradio/utils@0.5.1
+- @gradio/statustracker@0.7.1
+- @gradio/client@1.3.0
+- @gradio/upload@0.11.5
+- @gradio/image@0.12.2
+- @gradio/icons@0.6.0
+
+## 0.9.1
+
+### Dependency updates
+
+- @gradio/upload@0.11.4
+- @gradio/client@1.2.1
+- @gradio/image@0.12.1
+
+## 0.9.0
+
+### Features
+
+- [#8131](https://github.com/gradio-app/gradio/pull/8131) [`bb504b4`](https://github.com/gradio-app/gradio/commit/bb504b494947a287d6386e0e7ead3860c0f15223) - Gradio components in `gr.Chatbot()`.  Thanks @dawoodkhan82!
+
+### Fixes
+
+- [#8594](https://github.com/gradio-app/gradio/pull/8594) [`530f8a0`](https://github.com/gradio-app/gradio/commit/530f8a0b056b35dabe9bdd148e1ab7c4577f017d) - chatbot component tweaks.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.5
+- @gradio/image@0.12.0
+- @gradio/utils@0.5.0
+- @gradio/icons@0.5.0
+- @gradio/wasm@0.11.0
+- @gradio/client@1.2.0
+- @gradio/statustracker@0.7.0
+- @gradio/upload@0.11.3
+
+## 0.8.10
+
+### Dependency updates
+
+- @gradio/client@1.1.1
+- @gradio/upload@0.11.2
+- @gradio/image@0.11.10
+
+## 0.8.9
+
+### Dependency updates
+
+- @gradio/upload@0.11.1
+- @gradio/client@1.1.0
+- @gradio/image@0.11.9
+
+## 0.8.8
+
+### Dependency updates
+
+- @gradio/statustracker@0.6.0
+- @gradio/client@1.0.0
+- @gradio/upload@0.11.0
+- @gradio/image@0.11.8
+
+## 0.8.7
+
+### Dependency updates
+
+- @gradio/upload@0.10.7
+- @gradio/client@0.20.1
+- @gradio/image@0.11.7
+
+## 0.8.6
+
+### Dependency updates
+
+- @gradio/client@0.20.0
+- @gradio/statustracker@0.6.0
+- @gradio/image@0.11.6
+- @gradio/upload@0.10.6
+
+## 0.8.5
+
+### Dependency updates
+
+- @gradio/utils@0.4.2
+- @gradio/atoms@0.7.4
+- @gradio/statustracker@0.5.5
+- @gradio/upload@0.10.5
+- @gradio/client@0.19.4
+- @gradio/image@0.11.5
+
+## 0.8.4
+
+### Dependency updates
+
+- @gradio/client@0.19.3
+- @gradio/statustracker@0.5.4
+- @gradio/image@0.11.4
+- @gradio/upload@0.10.4
+
+## 0.8.3
+
+### Dependency updates
+
+- @gradio/upload@0.10.3
+- @gradio/client@0.19.2
+- @gradio/image@0.11.3
+
+## 0.8.2
+
+### Dependency updates
+
+- @gradio/statustracker@0.5.3
+- @gradio/client@0.19.1
+- @gradio/image@0.11.2
+- @gradio/upload@0.10.2
+
+## 0.8.1
+
+### Fixes
+
+- [#8252](https://github.com/gradio-app/gradio/pull/8252) [`22df61a`](https://github.com/gradio-app/gradio/commit/22df61a26adf8023f6dd49c051979990e8d3879a) - Client node fix.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.3
+- @gradio/statustracker@0.5.2
+- @gradio/client@0.19.0
+- @gradio/icons@0.4.1
+- @gradio/image@0.11.1
+- @gradio/upload@0.10.1
+
+## 0.8.0
+
+### Features
+
+- [#8121](https://github.com/gradio-app/gradio/pull/8121) [`f5b710c`](https://github.com/gradio-app/gradio/commit/f5b710c919b0ce604ea955f0d5f4faa91095ca4a) - chore(deps): update dependency eslint to v9.  Thanks @renovate!
+- [#8209](https://github.com/gradio-app/gradio/pull/8209) [`b9afe93`](https://github.com/gradio-app/gradio/commit/b9afe93915401df5bd6737c89395c2477acfa585) - Rename `eventSource_Factory` and `fetch_implementation`.  Thanks @hannahblair!
+
+### Fixes
+
+- [#8179](https://github.com/gradio-app/gradio/pull/8179) [`6a218b4`](https://github.com/gradio-app/gradio/commit/6a218b4148095aaa0c58d8c20973ba01c8764fc2) - rework upload to be a class method + pass client into each component.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.2
+- @gradio/client@0.18.0
+- @gradio/upload@0.10.0
+- @gradio/utils@0.4.1
+- @gradio/wasm@0.10.1
+- @gradio/statustracker@0.5.1
+- @gradio/image@0.11.0
+
+## 0.7.0
+
+### Highlights
+
+#### Setting File Upload Limits ([#7909](https://github.com/gradio-app/gradio/pull/7909) [`2afca65`](https://github.com/gradio-app/gradio/commit/2afca6541912b37dc84f447c7ad4af21607d7c72))
+
+We have added a `max_file_size` size parameter to `launch()` that limits to size of files uploaded to the server. This limit applies to each individual file. This parameter can be specified as a string or an integer (corresponding to the size in bytes).
+
+The following code snippet sets a max file size of 5 megabytes.
+
+```python
+import gradio as gr
+
+demo = gr.Interface(lambda x: x, "image", "image")
+
+demo.launch(max_file_size="5mb")
+# or
+demo.launch(max_file_size=5 * gr.FileSize.MB)
+```
+
+![max_file_size_upload](https://github.com/gradio-app/gradio/assets/41651716/7547330c-a082-4901-a291-3f150a197e45)
+
+
+#### Error states can now be cleared
+
+When a component encounters an error, the error state shown in the UI can now be cleared by clicking on the `x` icon in the top right of the component. This applies to all types of errors, whether it's raised in the UI or the server.
+
+![error_modal_calculator](https://github.com/gradio-app/gradio/assets/41651716/16cb071c-accd-45a6-9c18-0dea27d4bd98)
+
+ Thanks @freddyaboulton!
+
+### Fixes
+
+- [#8066](https://github.com/gradio-app/gradio/pull/8066) [`624f9b9`](https://github.com/gradio-app/gradio/commit/624f9b9477f74a581a6c14119234f9efdfcda398) - make gradio dev tools a local dependency rather than bundling.  Thanks @pngwn!
+
+### Dependency updates
+
+- @gradio/atoms@0.7.1
+- @gradio/client@0.17.0
+- @gradio/image@0.10.0
+- @gradio/statustracker@0.5.0
+- @gradio/upload@0.9.0
+- @gradio/utils@0.4.0
+
+## 0.6.12
+
+### Dependency updates
+
+- @gradio/utils@0.3.2
+- @gradio/statustracker@0.4.12
+- @gradio/client@0.16.0
+- @gradio/upload@0.8.5
+- @gradio/atoms@0.7.0
+- @gradio/icons@0.4.0
+- @gradio/image@0.9.12
+
+## 0.6.11
+
+### Dependency updates
+
+- @gradio/utils@0.3.1
+- @gradio/atoms@0.6.2
+- @gradio/statustracker@0.4.11
+- @gradio/upload@0.8.4
+- @gradio/image@0.9.11
+- @gradio/client@0.15.1
+
+## 0.6.10
+
+### Dependency updates
+
+- @gradio/upload@0.8.3
+- @gradio/client@0.15.0
+- @gradio/image@0.9.10
+
+## 0.6.9
+
+### Dependency updates
+
+- @gradio/atoms@0.6.1
+- @gradio/statustracker@0.4.10
+- @gradio/icons@0.3.4
+- @gradio/upload@0.8.2
+- @gradio/image@0.9.9
+
+## 0.6.8
+
+### Dependency updates
+
+- @gradio/upload@0.8.1
+- @gradio/statustracker@0.4.9
+- @gradio/wasm@0.10.0
+- @gradio/atoms@0.6.0
+- @gradio/image@0.9.8
+
+## 0.6.7
+
+### Dependency updates
+
+- @gradio/client@0.14.0
+- @gradio/upload@0.8.0
+- @gradio/wasm@0.9.0
+- @gradio/image@0.9.7
+
+## 0.6.6
+
+### Dependency updates
+
+- @gradio/upload@0.7.7
+- @gradio/client@0.13.0
+- @gradio/wasm@0.8.0
+- @gradio/image@0.9.6
+
+## 0.6.5
+
+### Patch Changes
+
+- Updated dependencies [[`8181695`](https://github.com/gradio-app/gradio/commit/8181695e70187e8bc2bf7518697098c8d1b9843d)]:
+  - @gradio/upload@0.7.6
+  - @gradio/image@0.9.5
+
+## 0.6.4
+
+### Features
+
+- [#7528](https://github.com/gradio-app/gradio/pull/7528) [`eda33b3`](https://github.com/gradio-app/gradio/commit/eda33b3763897a542acf298e523fa493dc655aee) - Refactors `get_fetchable_url_or_file()` to remove it from the frontend. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.6.3
+
+### Patch Changes
+
+- Updated dependencies [[`98a2719`](https://github.com/gradio-app/gradio/commit/98a2719bfb9c64338caf9009891b6c6b0b33ea89)]:
+  - @gradio/statustracker@0.4.8
+  - @gradio/image@0.9.3
+
+## 0.6.2
+
+### Patch Changes
+
+- Updated dependencies [[`f191786`](https://github.com/gradio-app/gradio/commit/f1917867916647d383b8d7ce15e0c17f2abbdec1)]:
+  - @gradio/icons@0.3.3
+  - @gradio/atoms@0.5.3
+  - @gradio/image@0.9.2
+  - @gradio/statustracker@0.4.7
+  - @gradio/upload@0.7.4
+
+## 0.6.1
+
+### Patch Changes
+
+- Updated dependencies [[`065c5b1`](https://github.com/gradio-app/gradio/commit/065c5b163c4badb9d9cbd06d627fb4ba086003e7), [`32b317f`](https://github.com/gradio-app/gradio/commit/32b317f24e3d43f26684bb9f3964f31efd0ea556)]:
+  - @gradio/utils@0.3.0
+  - @gradio/client@0.12.1
+  - @gradio/atoms@0.5.2
+  - @gradio/image@0.9.1
+  - @gradio/statustracker@0.4.6
+  - @gradio/upload@0.7.3
+
+## 0.6.0
+
+### Features
+
+- [#7183](https://github.com/gradio-app/gradio/pull/7183) [`49d9c48`](https://github.com/gradio-app/gradio/commit/49d9c48537aa706bf72628e3640389470138bdc6) - [WIP] Refactor file normalization to be in the backend and remove it from the frontend of each component. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.1
+
+### Features
+
+- [#7274](https://github.com/gradio-app/gradio/pull/7274) [`fdd1521`](https://github.com/gradio-app/gradio/commit/fdd15213c24b9cbc58bbc1b6beb4af7c18f48557) - chore: Change time format (thanks @jjshoots for the independent contribution). Thanks [@arian81](https://github.com/arian81)!
+
+### Fixes
+
+- [#7192](https://github.com/gradio-app/gradio/pull/7192) [`8dd6f4b`](https://github.com/gradio-app/gradio/commit/8dd6f4bc1901792f05cd59e86df7b1dbab692739) - Handle the case where examples is `null` for all components. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.5.0
+
+### Features
+
+- [#7104](https://github.com/gradio-app/gradio/pull/7104) [`bc2cdc1`](https://github.com/gradio-app/gradio/commit/bc2cdc1df95b38025486cf76df4a494b66d98585) - Allow download button for interactive Audio and Video components. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.4.0
+
+### Fixes
+
+- [#6933](https://github.com/gradio-app/gradio/pull/6933) [`9cefd2e`](https://github.com/gradio-app/gradio/commit/9cefd2e90a1d0cc4d3e4e953fc5b9b1a7afb68dd) - Refactor examples so they accept data in the same format as is returned by function, rename `.as_example()` to `.process_example()`. Thanks [@abidlabs](https://github.com/abidlabs)!
+- [#7038](https://github.com/gradio-app/gradio/pull/7038) [`6be3c2c`](https://github.com/gradio-app/gradio/commit/6be3c2c47a616c904c8497d1fbef7a851c54d488) - Fix Chatbot custom component template. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.3.1
+
+### Fixes
+
+- [#6885](https://github.com/gradio-app/gradio/pull/6885) [`640b7fe`](https://github.com/gradio-app/gradio/commit/640b7fe05276e11720b4341cadf088491395e53d) - Fix issue with Webcam Recording. Thanks [@dawoodkhan82](https://github.com/dawoodkhan82)!
+
+## 0.3.0
+
+### Features
+
+- [#6133](https://github.com/gradio-app/gradio/pull/6133) [`f742d0e`](https://github.com/gradio-app/gradio/commit/f742d0e861c8e25c5d77d9102c9d50f94b0d3383) - Lite: Support AnnotatedImage on Wasm. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6897](https://github.com/gradio-app/gradio/pull/6897) [`fb9c6ca`](https://github.com/gradio-app/gradio/commit/fb9c6cacd7ca4598c000f1f97d7d39a8c4463519) - Lite: Chatbot. Thanks [@whitphx](https://github.com/whitphx)!
+
+## 0.2.4
+
+### Features
+
+- [#6854](https://github.com/gradio-app/gradio/pull/6854) [`e528f98`](https://github.com/gradio-app/gradio/commit/e528f98b88f4322f61d315e1770fce0448ca5e26) - chore(deps): update dependency mrmime to v2. Thanks [@renovate](https://github.com/apps/renovate)!
+
+## 0.2.3
+
+### Fixes
+
+- [#6766](https://github.com/gradio-app/gradio/pull/6766) [`73268ee`](https://github.com/gradio-app/gradio/commit/73268ee2e39f23ebdd1e927cb49b8d79c4b9a144) - Improve source selection UX. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.2.2
+
+### Patch Changes
+
+- Updated dependencies [[`245d58e`](https://github.com/gradio-app/gradio/commit/245d58eff788e8d44a59d37a2d9b26d0f08a62b4)]:
+  - @gradio/client@0.9.2
+  - @gradio/image@0.5.2
+  - @gradio/upload@0.5.5
+
+## 0.2.1
+
+### Patch Changes
+
+- Updated dependencies [[`5d51fbc`](https://github.com/gradio-app/gradio/commit/5d51fbce7826da840a2fd4940feb5d9ad6f1bc5a), [`34f9431`](https://github.com/gradio-app/gradio/commit/34f943101bf7dd6b8a8974a6131c1ed7c4a0dac0)]:
+  - @gradio/upload@0.5.4
+  - @gradio/client@0.9.1
+  - @gradio/image@0.5.1
+
+## 0.2.0
+
+### Features
+
+- [#6726](https://github.com/gradio-app/gradio/pull/6726) [`21cfb0a`](https://github.com/gradio-app/gradio/commit/21cfb0acc309bb1a392f4d8a8e42f6be864c5978) - Remove the styles from the Image/Video primitive components and Fix the container styles. Thanks [@whitphx](https://github.com/whitphx)!
+- [#6398](https://github.com/gradio-app/gradio/pull/6398) [`67ddd40`](https://github.com/gradio-app/gradio/commit/67ddd40b4b70d3a37cb1637c33620f8d197dbee0) - Lite v4. Thanks [@whitphx](https://github.com/whitphx)!
+
+### Fixes
+
+- [#6698](https://github.com/gradio-app/gradio/pull/6698) [`798eca5`](https://github.com/gradio-app/gradio/commit/798eca524d44289c536c47eec7c4fdce9fe81905) - Fit video media within Video component. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.9
+
+### Fixes
+
+- [#6566](https://github.com/gradio-app/gradio/pull/6566) [`d548202`](https://github.com/gradio-app/gradio/commit/d548202d2b5bd8a99e3ebc5bf56820b0282ce0f5) - Improve video trimming and error handling. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.8
+
+### Patch Changes
+
+- Updated dependencies [[`71f1a1f99`](https://github.com/gradio-app/gradio/commit/71f1a1f9931489d465c2c1302a5c8d768a3cd23a)]:
+  - @gradio/client@0.8.2
+  - @gradio/image@0.4.1
+  - @gradio/upload@0.5.1
+
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [[`9caddc17b`](https://github.com/gradio-app/gradio/commit/9caddc17b1dea8da1af8ba724c6a5eab04ce0ed8)]:
+  - @gradio/atoms@0.3.0
+  - @gradio/icons@0.3.0
+  - @gradio/image@0.4.0
+  - @gradio/statustracker@0.4.0
+  - @gradio/upload@0.5.0
+
+## 0.1.6
+
+### Patch Changes
+
+- Updated dependencies [[`2f805a7dd`](https://github.com/gradio-app/gradio/commit/2f805a7dd3d2b64b098f659dadd5d01258290521), [`f816136a0`](https://github.com/gradio-app/gradio/commit/f816136a039fa6011be9c4fb14f573e4050a681a)]:
+  - @gradio/image@0.3.6
+  - @gradio/upload@0.4.2
+  - @gradio/atoms@0.2.2
+  - @gradio/icons@0.2.1
+  - @gradio/statustracker@0.3.2
+
+## 0.1.5
+
+### Features
+
+- [#6406](https://github.com/gradio-app/gradio/pull/6406) [`0401c77f3`](https://github.com/gradio-app/gradio/commit/0401c77f3d35763b79e040dbe876e69083defd36) - Move ffmpeg to `Video` deps. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [[`6204ccac5`](https://github.com/gradio-app/gradio/commit/6204ccac5967763e0ebde550d04d12584243a120), [`4d3aad33a`](https://github.com/gradio-app/gradio/commit/4d3aad33a0b66639dbbb2928f305a79fb7789b2d), [`854b482f5`](https://github.com/gradio-app/gradio/commit/854b482f598e0dc47673846631643c079576da9c), [`f1409f95e`](https://github.com/gradio-app/gradio/commit/f1409f95ed39c5565bed6a601e41f94e30196a57)]:
+  - @gradio/image@0.3.4
+  - @gradio/upload@0.4.0
+  - @gradio/client@0.8.0
+
+## 0.1.3
+
+### Fixes
+
+- [#6279](https://github.com/gradio-app/gradio/pull/6279) [`3cdeabc68`](https://github.com/gradio-app/gradio/commit/3cdeabc6843000310e1a9e1d17190ecbf3bbc780) - Ensure source selection does not get hidden in overflow. Thanks [@hannahblair](https://github.com/hannahblair)!
+
+## 0.1.2
+
+### Fixes
+
+- [#6234](https://github.com/gradio-app/gradio/pull/6234) [`aaa55ce85`](https://github.com/gradio-app/gradio/commit/aaa55ce85e12f95aba9299445e9c5e59824da18e) - Video/Audio fixes. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.1
+
+### Patch Changes
+
+- Updated dependencies [[`2ba14b284`](https://github.com/gradio-app/gradio/commit/2ba14b284f908aa13859f4337167a157075a68eb)]:
+  - @gradio/client@0.7.1
+  - @gradio/image@0.3.1
+  - @gradio/upload@0.3.1
+
+## 0.1.0
+
+### Features
+
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Clean root url. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Improve Video Component. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Publish all components to npm. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5498](https://github.com/gradio-app/gradio/pull/5498) [`287fe6782`](https://github.com/gradio-app/gradio/commit/287fe6782825479513e79a5cf0ba0fbfe51443d7) - Custom components. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.9
+
+### Features
+
+- [#6143](https://github.com/gradio-app/gradio/pull/6143) [`e4f7b4b40`](https://github.com/gradio-app/gradio/commit/e4f7b4b409323b01aa01b39e15ce6139e29aa073) - fix circular dependency with client + upload. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6136](https://github.com/gradio-app/gradio/pull/6136) [`667802a6c`](https://github.com/gradio-app/gradio/commit/667802a6cdbfb2ce454a3be5a78e0990b194548a) - JS Component Documentation. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+- [#6094](https://github.com/gradio-app/gradio/pull/6094) [`c476bd5a5`](https://github.com/gradio-app/gradio/commit/c476bd5a5b70836163b9c69bf4bfe068b17fbe13) - Image v4. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6149](https://github.com/gradio-app/gradio/pull/6149) [`90318b1dd`](https://github.com/gradio-app/gradio/commit/90318b1dd118ae08a695a50e7c556226234ab6dc) - swap `mode` on the frontned to `interactive` to match the backend. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6118](https://github.com/gradio-app/gradio/pull/6118) [`88bccfdba`](https://github.com/gradio-app/gradio/commit/88bccfdba3df2df4b2747ea5d649ed528047cf50) - Improve Video Component. Thanks [@hannahblair](https://github.com/hannahblair)!
+- [#6140](https://github.com/gradio-app/gradio/pull/6140) [`71bf2702c`](https://github.com/gradio-app/gradio/commit/71bf2702cd5b810c89e2e53452532650acdcfb87) - Fix video. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.1.0-beta.8
+
+### Features
+
+- [#6016](https://github.com/gradio-app/gradio/pull/6016) [`83e947676`](https://github.com/gradio-app/gradio/commit/83e947676d327ca2ab6ae2a2d710c78961c771a0) - Format js in v4 branch. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+### Fixes
+
+- [#6067](https://github.com/gradio-app/gradio/pull/6067) [`bf38e5f06`](https://github.com/gradio-app/gradio/commit/bf38e5f06a7039be913614901c308794fea83ae0) - remove dupe component. Thanks [@pngwn](https://github.com/pngwn)!
+- [#6046](https://github.com/gradio-app/gradio/pull/6046) [`dbb7de5e0`](https://github.com/gradio-app/gradio/commit/dbb7de5e02c53fee05889d696d764d212cb96c74) - fix tests. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.1.0-beta.7
+
+### Patch Changes
+
+- Updated dependencies [[`174b73619`](https://github.com/gradio-app/gradio/commit/174b736194756e23f51bbaf6f850bac5f1ca95b5), [`5fbda0bd2`](https://github.com/gradio-app/gradio/commit/5fbda0bd2b2bbb2282249b8875d54acf87cd7e84)]:
+  - @gradio/wasm@0.2.0-beta.1
+  - @gradio/image@0.3.0-beta.7
+
+## 0.1.0-beta.6
+
+### Features
+
+- [#5960](https://github.com/gradio-app/gradio/pull/5960) [`319c30f3f`](https://github.com/gradio-app/gradio/commit/319c30f3fccf23bfe1da6c9b132a6a99d59652f7) - rererefactor frontend files. Thanks [@pngwn](https://github.com/pngwn)!
+- [#5938](https://github.com/gradio-app/gradio/pull/5938) [`13ed8a485`](https://github.com/gradio-app/gradio/commit/13ed8a485d5e31d7d75af87fe8654b661edcca93) - V4: Use beta release versions for '@gradio' packages. Thanks [@freddyaboulton](https://github.com/freddyaboulton)!
+
+## 0.1.0
+
+### Features
+
+- [#5627](https://github.com/gradio-app/gradio/pull/5627) [`b67115e8e`](https://github.com/gradio-app/gradio/commit/b67115e8e6e489fffd5271ea830211863241ddc5) - Lite: Make the Examples component display media files using pseudo HTTP requests to the Wasm server. Thanks [@whitphx](https://github.com/whitphx)!
+- [#5934](https://github.com/gradio-app/gradio/pull/5934) [`8d909624f`](https://github.com/gradio-app/gradio/commit/8d909624f61a49536e3c0f71cb2d9efe91216219) - Fix styling issues with Audio, Image and Video components. Thanks [@aliabd](https://github.com/aliabd)!
+
+## 0.0.11
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @gradio/utils@0.1.2
+  - @gradio/atoms@0.1.4
+  - @gradio/image@0.3.2
+  - @gradio/statustracker@0.2.2
+  - @gradio/upload@0.3.2
+
+## 0.0.10
+
+### Patch Changes
+
+- Updated dependencies [[`8f0fed857`](https://github.com/gradio-app/gradio/commit/8f0fed857d156830626eb48b469d54d211a582d2)]:
+  - @gradio/icons@0.2.0
+  - @gradio/atoms@0.1.3
+  - @gradio/image@0.3.1
+  - @gradio/statustracker@0.2.1
+  - @gradio/upload@0.3.1
+
+## 0.0.9
+
+### Patch Changes
+
+- Updated dependencies [[`75ddeb390`](https://github.com/gradio-app/gradio/commit/75ddeb390d665d4484667390a97442081b49a423)]:
+  - @gradio/image@0.3.0
+  - @gradio/upload@0.3.0
+
+## 0.0.8
+
+### Patch Changes
+
+- Updated dependencies [[`e0d61b8ba`](https://github.com/gradio-app/gradio/commit/e0d61b8baa0f6293f53b9bdb1647d42f9ae2583a)]:
+  - @gradio/image@0.2.4
+
+## 0.0.7
+
+### Patch Changes
+
+- Updated dependencies [[`dc86e4a7`](https://github.com/gradio-app/gradio/commit/dc86e4a7e1c40b910c74558e6f88fddf9b3292bc)]:
+  - @gradio/image@0.2.3
+
+## 0.0.6
+
+### Patch Changes
+
+- Updated dependencies [[`afac0006`](https://github.com/gradio-app/gradio/commit/afac0006337ce2840cf497cd65691f2f60ee5912)]:
+  - @gradio/statustracker@0.2.0
+  - @gradio/image@0.2.2
+  - @gradio/utils@0.1.1
+  - @gradio/atoms@0.1.2
+  - @gradio/upload@0.2.1
+
+## 0.0.5
+
+### Patch Changes
+
+- Updated dependencies [[`abf1c57d`](https://github.com/gradio-app/gradio/commit/abf1c57d7d85de0df233ee3b38aeb38b638477db), [`79d8f9d8`](https://github.com/gradio-app/gradio/commit/79d8f9d891901683c5a1b7486efb44eab2478c96)]:
+  - @gradio/icons@0.1.0
+  - @gradio/utils@0.1.0
+  - @gradio/upload@0.2.0
+  - @gradio/atoms@0.1.1
+  - @gradio/image@0.2.1
+  - @gradio/statustracker@0.1.1
+
+## 0.0.4
+
+### Highlights
+
+#### Improve startup performance and markdown support ([#5279](https://github.com/gradio-app/gradio/pull/5279) [`fe057300`](https://github.com/gradio-app/gradio/commit/fe057300f0672c62dab9d9b4501054ac5d45a4ec))
+
+##### Improved markdown support
+
+We now have better support for markdown in `gr.Markdown` and `gr.Dataframe`. Including syntax highlighting and Github Flavoured Markdown. We also have more consistent markdown behaviour and styling.
+
+##### Various performance improvements
+
+These improvements will be particularly beneficial to large applications.
+
+- Rather than attaching events manually, they are now delegated, leading to a significant performance improvement and addressing a performance regression introduced in a recent version of Gradio. App startup for large applications is now around twice as fast.
+- Optimised the mounting of individual components, leading to a modest performance improvement during startup (~30%).
+- Corrected an issue that was causing markdown to re-render infinitely.
+- Ensured that the `gr.3DModel` does re-render prematurely.
+
+Thanks [@pngwn](https://github.com/pngwn)!
+
+### Features
+
+- [#5215](https://github.com/gradio-app/gradio/pull/5215) [`fbdad78a`](https://github.com/gradio-app/gradio/commit/fbdad78af4c47454cbb570f88cc14bf4479bbceb) - Lazy load interactive or static variants of a component individually, rather than loading both variants regardless. This change will improve performance for many applications. Thanks [@pngwn](https://github.com/pngwn)!
+
+## 0.0.3
+
+### Fixes
+
+- [#5140](https://github.com/gradio-app/gradio/pull/5140) [`cd1353fa`](https://github.com/gradio-app/gradio/commit/cd1353fa3eb1b015f5860ca5d5a8e8d1aa4a831c) - Fixes the display of minutes in the video player. Thanks [@abidlabs](https://github.com/abidlabs)!
+
+## 0.0.2
+
+### Patch Changes
+
+- Updated dependencies [[`44ac8ad0`](https://github.com/gradio-app/gradio/commit/44ac8ad08d82ea12c503dde5c78f999eb0452de2)]:
+  - @gradio/image@0.1.0
+  - @gradio/utils@0.0.2
+  - @gradio/atoms@0.0.2
+  - @gradio/upload@0.0.2
\ No newline at end of file
diff --git a/js/video/Example.svelte b/js/video/Example.svelte
new file mode 100644
index 0000000..0c0769f
--- /dev/null
+++ b/js/video/Example.svelte
@@ -0,0 +1,84 @@
+<script lang="ts">
+	import Video from "./shared/Video.svelte";
+	import { playable } from "./shared/utils";
+	import { type FileData } from "@gradio/client";
+
+	interface Props {
+		type: "gallery" | "table";
+		selected?: boolean;
+		value?: null | FileData;
+		loop: boolean;
+	}
+
+	let { type, selected = false, value = null, loop }: Props = $props();
+
+	let video: HTMLVideoElement | undefined = $state();
+
+	async function init(): Promise<void> {
+		if (!video) return;
+		video.muted = true;
+		video.playsInline = true;
+		video.controls = false;
+		video.setAttribute("muted", "");
+
+		await video.play();
+		video.pause();
+	}
+</script>
+
+{#if value}
+	{#if playable()}
+		<div
+			class="container"
+			class:table={type === "table"}
+			class:gallery={type === "gallery"}
+			class:selected
+		>
+			<Video
+				muted
+				playsinline
+				bind:node={video}
+				onloadeddata={init}
+				onmouseover={() => video?.play()}
+				onmouseout={() => video?.pause()}
+				src={value?.url}
+				is_stream={false}
+				{loop}
+			/>
+		</div>
+	{:else}
+		<div>{value}</div>
+	{/if}
+{/if}
+
+<style>
+	.container {
+		flex: none;
+		max-width: none;
+	}
+	.container :global(video) {
+		width: var(--size-full);
+		height: var(--size-full);
+		object-fit: cover;
+	}
+
+	.container:hover,
+	.container.selected {
+		border-color: var(--border-color-accent);
+	}
+	.container.table {
+		margin: 0 auto;
+		border: 2px solid var(--border-color-primary);
+		border-radius: var(--radius-lg);
+		overflow: hidden;
+		width: var(--size-20);
+		height: var(--size-20);
+		object-fit: cover;
+	}
+
+	.container.gallery {
+		height: var(--size-20);
+		max-height: var(--size-20);
+		object-fit: cover;
+	}
+</style>
diff --git a/js/video/Index.svelte b/js/video/Index.svelte
new file mode 100644
index 0000000..8172d8c
--- /dev/null
+++ b/js/video/Index.svelte
@@ -0,0 +1,195 @@
+<svelte:options accessors={true} />
+
+<script lang="ts">
+	import { tick } from "svelte";
+	import type { FileData } from "@gradio/client";
+	import { Block, UploadText } from "@gradio/atoms";
+	import StaticVideo from "./shared/VideoPreview.svelte";
+	import Video from "./shared/InteractiveVideo.svelte";
+	import { StatusTracker } from "@gradio/statustracker";
+	import { Gradio } from "@gradio/utils";
+	import type { VideoProps, VideoEvents } from "./types";
+
+	const props = $props();
+
+	let upload_promise = $state<Promise<any>>();
+
+	class VideoGradio extends Gradio<VideoEvents, VideoProps> {
+		async get_data() {
+			if (upload_promise) {
+				await upload_promise;
+				await tick();
+			}
+			const data = await super.get_data();
+
+			return data;
+		}
+	}
+
+	const gradio = new VideoGradio(props);
+	let old_value = gradio.props.value;
+	let mounted = false;
+
+	let uploading = $state(false);
+	let dragging = $state(false);
+	let active_source = $derived.by(() =>
+		gradio.props.sources ? gradio.props.sources[0] : undefined
+	);
+	let initial_value: FileData | null = gradio.props.value;
+
+	$effect(() => {
+		if (!mounted) {
+			old_value = gradio.props.value;
+			mounted = true;
+			return;
+		}
+		if (old_value != gradio.props.value) {
+			old_value = gradio.props.value;
+			gradio.dispatch("change");
+		}
+	});
+
+	const handle_reset_value = (): void => {
+		if (initial_value === null || gradio.props.value === initial_value) {
+			return;
+		}
+		gradio.props.value = initial_value;
+	};
+
+	function handle_change(detail: FileData | null): void {
+		if (detail != null) {
+			gradio.props.value = detail as FileData;
+		} else {
+			gradio.props.value = null;
+		}
+	}
+
+	function handle_error(detail: string): void {
+		const [level, status] = detail.includes("Invalid file type")
+			? ["warning", "complete"]
+			: ["error", "error"];
+		gradio.shared.loading_status.status = status as any;
+		gradio.shared.loading_status.message = detail;
+		gradio.dispatch(level as "error" | "warning", detail);
+	}
+</script>
+
+{#if !gradio.shared.interactive}
+	<Block
+		visible={gradio.shared.visible}
+		variant={gradio.props.value === null && active_source === "upload"
+			? "dashed"
+			: "solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height || undefined}
+		width={gradio.props.width}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+		allow_overflow={false}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		<StaticVideo
+			value={gradio.props.value}
+			subtitle={gradio.props.subtitles}
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			autoplay={gradio.props.autoplay}
+			loop={gradio.props.loop}
+			buttons={gradio.props.buttons ?? ["download", "share"]}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			bind:playback_position={gradio.props.playback_position}
+			onplay={() => gradio.dispatch("play")}
+			onpause={() => gradio.dispatch("pause")}
+			onstop={() => gradio.dispatch("stop")}
+			onend={() => gradio.dispatch("end")}
+			onshare={(detail) => gradio.dispatch("share", detail)}
+			onerror={(detail) => gradio.dispatch("error", detail)}
+			i18n={gradio.i18n}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+		/>
+	</Block>
+{:else}
+	<Block
+		visible={gradio.shared.visible}
+		variant={gradio.props.value === null && active_source === "upload"
+			? "dashed"
+			: "solid"}
+		border_mode={dragging ? "focus" : "base"}
+		padding={false}
+		elem_id={gradio.shared.elem_id}
+		elem_classes={gradio.shared.elem_classes}
+		height={gradio.props.height || undefined}
+		width={gradio.props.width}
+		container={gradio.shared.container}
+		scale={gradio.shared.scale}
+		min_width={gradio.shared.min_width}
+		allow_overflow={false}
+	>
+		<StatusTracker
+			autoscroll={gradio.shared.autoscroll}
+			i18n={gradio.i18n}
+			{...gradio.shared.loading_status}
+			on_clear_status={() =>
+				gradio.dispatch("clear_status", gradio.shared.loading_status)}
+		/>
+
+		<Video
+			bind:upload_promise
+			value={gradio.props.value}
+			subtitle={gradio.props.subtitles}
+			onchange={handle_change}
+			ondrag={(detail) => (dragging = detail)}
+			onerror={handle_error}
+			bind:uploading
+			label={gradio.shared.label}
+			show_label={gradio.shared.show_label}
+			buttons={gradio.props.buttons ?? ["download", "share"]}
+			on_custom_button_click={(id) => {
+				gradio.dispatch("custom_button_click", { id });
+			}}
+			sources={gradio.props.sources}
+			{active_source}
+			webcam_options={gradio.props.webcam_options}
+			include_audio={gradio.props.include_audio}
+			autoplay={gradio.props.autoplay}
+			root={gradio.shared.root}
+			loop={gradio.props.loop}
+			{handle_reset_value}
+			bind:playback_position={gradio.props.playback_position}
+			onclear={() => {
+				gradio.props.value = null;
+				gradio.dispatch("clear");
+				gradio.dispatch("input");
+			}}
+			onplay={() => gradio.dispatch("play")}
+			onpause={() => gradio.dispatch("pause")}
+			onupload={() => {
+				gradio.dispatch("upload");
+				gradio.dispatch("input");
+			}}
+			onstop={() => gradio.dispatch("stop")}
+			onend={() => gradio.dispatch("end")}
+			onstart_recording={() => gradio.dispatch("start_recording")}
+			onstop_recording={() => gradio.dispatch("stop_recording")}
+			i18n={gradio.i18n}
+			max_file_size={gradio.shared.max_file_size}
+			upload={(...args) => gradio.shared.client.upload(...args)}
+			stream_handler={(...args) => gradio.shared.client.stream(...args)}
+		>
+			<UploadText i18n={gradio.i18n} type="video" />
+		</Video>
+	</Block>
+{/if}
diff --git a/js/video/README.md b/js/video/README.md
new file mode 100644
index 0000000..4d9bef2
--- /dev/null
+++ b/js/video/README.md
@@ -0,0 +1,43 @@
+# `@gradio/video`
+
+```javascript
+<script>
+	import { BaseInteractiveVideo, BaseStaticVideo, BasePlayer } from "@gradio/button";
+	import type { FileData } from "@gradio/upload";
+	import type { Gradio } from "@gradio/utils";
+	export let _video: FileData;
+</script>
+
+<StaticVideo
+	value={_video}
+	{label}
+	{show_label}
+	{autoplay}
+	{show_share_button}
+	i18n={gradio.i18n}
+/>
+
+<Video
+	value={_video}
+	{label}
+	{show_label}
+	source={"upload"}
+	{mirror_webcam}
+	{include_audio}
+	{autoplay}
+	i18n={gradio.i18n}
+>
+	<p>Upload Video Here</p>
+</Video>
+
+<BasePlayer
+	src={value.data}
+	{autoplay}
+	on:play
+	on:pause
+	on:stop
+	on:end
+	mirror={false}
+	{label}
+/>
+```
diff --git a/js/video/Video.stories.svelte b/js/video/Video.stories.svelte
new file mode 100644
index 0000000..ca6142e
--- /dev/null
+++ b/js/video/Video.stories.svelte
@@ -0,0 +1,94 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import Video from "./Index.svelte";
+	import { userEvent, within } from "storybook/test";
+	import { allModes } from "../storybook/modes";
+	import { wrapProps } from "../storybook/wrapProps";
+
+	const video_sample = "/video_sample.mp4";
+
+	const { Story } = defineMeta({
+		title: "Components/Video",
+		component: Video,
+		parameters: {
+			chromatic: {
+				modes: {
+					desktop: allModes["desktop"],
+					mobile: allModes["mobile"]
+				}
+			}
+		}
+	});
+</script>
+
+{#snippet template(args)}
+	<Video {...wrapProps(args)} />
+{/snippet}
+
+<Story
+	name="Record from webcam"
+	args={{
+		format: "mp4",
+		label: "world video",
+		show_label: true,
+		interactive: true,
+		height: 400,
+		width: 400,
+		webcam_options: { mirror: true, constraints: null }
+	}}
+	{template}
+/>
+<Story
+	name="Static video"
+	args={{
+		value: {
+			path: video_sample,
+			url: video_sample,
+			orig_name: "video_sample.mp4"
+		},
+		label: "world video",
+		show_label: true,
+		buttons: ["download"],
+		interactive: false,
+		height: 200,
+		width: 400,
+		webcam_options: { mirror: true, constraints: null }
+	}}
+	{template}
+/>
+<Story
+	name="Upload video"
+	args={{
+		label: "world video",
+		show_label: true,
+		interactive: true,
+		sources: ["upload", "webcam"],
+		width: 400,
+		height: 400,
+		value: null,
+		webcam_options: { mirror: true, constraints: null }
+	}}
+	{template}
+/>
+<Story
+	name="Trim video"
+	args={{
+		value: {
+			path: video_sample,
+			url: video_sample,
+			orig_name: "video_sample.mp4"
+		},
+		label: "world video",
+		show_label: true,
+		interactive: "true",
+		sources: ["upload"],
+		width: 400,
+		webcam_options: { mirror: true, constraints: null }
+	}}
+	play={async ({ canvasElement }) => {
+		const canvas = within(canvasElement);
+		const trimButton = canvas.getByLabelText("Trim video to selection");
+		userEvent.click(trimButton);
+	}}
+	{template}
+/>
diff --git a/js/video/Video.test.ts b/js/video/Video.test.ts
new file mode 100644
index 0000000..df6d046
--- /dev/null
+++ b/js/video/Video.test.ts
@@ -0,0 +1,537 @@
+import {
+	test,
+	describe,
+	assert,
+	afterEach,
+	vi,
+	beforeAll,
+	expect
+} from "vitest";
+import {
+	cleanup,
+	render,
+	fireEvent,
+	waitFor,
+	upload_file,
+	drop_file,
+	mock_client,
+	TEST_MP4
+} from "@self/tootils/render";
+import { run_shared_prop_tests } from "@self/tootils/shared-prop-tests";
+import { setupi18n } from "../core/src/i18n";
+
+vi.mock("@ffmpeg/ffmpeg", () => ({
+	FFmpeg: class MockFFmpeg {
+		load = vi.fn(() => Promise.resolve());
+		writeFile = vi.fn(() => Promise.resolve());
+		readFile = vi.fn(() => Promise.resolve(new Uint8Array()));
+		exec = vi.fn(() => Promise.resolve(0));
+		terminate = vi.fn(() => Promise.resolve());
+		on = vi.fn();
+	}
+}));
+
+vi.mock("@ffmpeg/util", () => ({
+	fetchFile: vi.fn(() => Promise.resolve(new Uint8Array())),
+	toBlobURL: vi.fn(() => Promise.resolve("blob:mock"))
+}));
+
+import Video from "./Index.svelte";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+
+const loading_status: LoadingStatus = {
+	eta: 0,
+	queue_position: 1,
+	queue_size: 1,
+	status: "complete",
+	scroll_to_output: false,
+	visible: true,
+	fn_index: 0,
+	show_progress: "full",
+	type: "input" as const,
+	stream_state: "closed" as const
+};
+
+const fake_value = {
+	path: "video_sample.mp4",
+	url: "https://example.com/video_sample.mp4",
+	orig_name: "video_sample.mp4",
+	size: 261179,
+	mime_type: "video/mp4",
+	is_stream: false
+};
+
+const default_props = {
+	loading_status,
+	label: "Video",
+	show_label: true,
+	value: null as any,
+	sources: ["upload", "webcam"] as ("upload" | "webcam")[],
+	interactive: true,
+	streaming: false,
+	pending: false,
+	autoplay: false,
+	loop: false,
+	webcam_options: { mirror: false, constraints: {} },
+	buttons: [] as (string | { value: string; id: number; icon: null })[]
+};
+
+beforeAll(() => {
+	window.HTMLMediaElement.prototype.play = vi.fn();
+	window.HTMLMediaElement.prototype.pause = vi.fn();
+});
+
+run_shared_prop_tests({
+	component: Video,
+	name: "Video",
+	base_props: {
+		...default_props
+	},
+	has_label: false,
+	has_validation_error: false
+});
+
+describe("Video", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("renders upload area when value is null", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			sources: ["upload"],
+			value: null
+		});
+
+		expect(getByLabelText("video.drop_to_upload")).toBeVisible();
+	});
+
+	test("renders video player when value is set", async () => {
+		const { getByTestId } = await render(Video, {
+			...default_props,
+			label: "Test Video",
+			value: fake_value
+		});
+
+		const vid = getByTestId("Test Video-player") as HTMLVideoElement;
+		expect(vid).toBeTruthy();
+		expect(vid.src).toContain("video_sample.mp4");
+	});
+});
+
+describe("Props: sources", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("multiple sources renders source selection buttons", async () => {
+		const { getByTestId } = await render(Video, {
+			...default_props,
+			sources: ["upload", "webcam"]
+		});
+
+		expect(getByTestId("source-select")).toBeTruthy();
+	});
+
+	test("single upload source does not render source selection", async () => {
+		const { queryByTestId } = await render(Video, {
+			...default_props,
+			sources: ["upload"]
+		});
+
+		expect(queryByTestId("source-select")).toBeNull();
+	});
+
+	test("upload and webcam sources render corresponding buttons", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			sources: ["upload", "webcam"]
+		});
+
+		expect(getByLabelText("Upload file")).toBeTruthy();
+		expect(getByLabelText("Capture from camera")).toBeTruthy();
+	});
+});
+
+describe("Props: interactive", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("interactive=true shows upload area when value is null", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			sources: ["upload"],
+			value: null
+		});
+
+		expect(getByLabelText("video.drop_to_upload")).toBeTruthy();
+	});
+
+	test("interactive=false renders the video without upload controls", async () => {
+		const { queryByLabelText } = await render(Video, {
+			...default_props,
+			interactive: false,
+			value: fake_value
+		});
+
+		expect(queryByLabelText("video.drop_to_upload")).toBeNull();
+		expect(queryByLabelText("Upload file")).toBeNull();
+	});
+
+	test("interactive=false with null value does not show upload area", async () => {
+		const { queryByLabelText } = await render(Video, {
+			...default_props,
+			interactive: false,
+			value: null
+		});
+
+		expect(queryByLabelText("video.drop_to_upload")).toBeNull();
+	});
+});
+
+describe("Events: change", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("setting value triggers change event", async () => {
+		const { listen, set_data } = await render(Video, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: fake_value });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("change event is not triggered on mount with a default value", async () => {
+		const { listen } = await render(Video, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change", { retrospective: true });
+
+		expect(change).not.toHaveBeenCalled();
+	});
+
+	test("changing value multiple times triggers change each time", async () => {
+		const { listen, set_data } = await render(Video, {
+			...default_props,
+			value: null
+		});
+
+		const change = listen("change");
+
+		const value_a = { ...fake_value, url: "https://example.com/a.mp4" };
+		const value_b = { ...fake_value, url: "https://example.com/b.mp4" };
+
+		await set_data({ value: value_a });
+		await set_data({ value: value_b });
+
+		expect(change).toHaveBeenCalledTimes(2);
+	});
+
+	test("setting value to null after a value triggers change", async () => {
+		const { listen, set_data } = await render(Video, {
+			...default_props,
+			value: fake_value
+		});
+
+		const change = listen("change");
+
+		await set_data({ value: null });
+
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("Props: buttons (static mode)", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("buttons with download shows download button", async () => {
+		const { getAllByTestId } = await render(Video, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: ["download"]
+		});
+
+		const downloadDiv = getAllByTestId("download-div")[0];
+		expect(downloadDiv).toBeTruthy();
+		const link = downloadDiv.querySelector("a");
+		expect(link?.getAttribute("href")).toContain("video_sample.mp4");
+	});
+
+	test("custom button renders and dispatches custom_button_click", async () => {
+		const { listen, getByLabelText } = await render(Video, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			buttons: [{ value: "Analyze", id: 5, icon: null }]
+		});
+
+		const custom = listen("custom_button_click");
+		const btn = getByLabelText("Analyze");
+
+		await fireEvent.click(btn);
+
+		expect(custom).toHaveBeenCalledTimes(1);
+		expect(custom).toHaveBeenCalledWith({ id: 5 });
+	});
+});
+
+describe("Props: buttons (interactive mode)", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("clear button appears when video has a value", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		const clearBtn = getByLabelText("common.clear");
+		expect(clearBtn).toBeTruthy();
+	});
+
+	test("clicking clear button removes the video and dispatches clear and input", async () => {
+		const { getByLabelText, listen } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		const clear = listen("clear");
+		const input = listen("input");
+		const clearBtn = getByLabelText("common.clear");
+
+		await fireEvent.click(clearBtn);
+
+		expect(clear).toHaveBeenCalledTimes(1);
+		expect(input).toHaveBeenCalledTimes(1);
+	});
+});
+
+describe("get_data", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("get_data returns the current value", async () => {
+		const { get_data, set_data } = await render(Video, {
+			...default_props,
+			value: null
+		});
+
+		const initial = await get_data();
+		expect(initial.value).toBeNull();
+
+		await set_data({ value: fake_value });
+
+		const updated = await get_data();
+		expect(updated.value).toEqual(fake_value);
+	});
+});
+
+describe("Autoplay", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("autoplay calls media.play in static mode", async () => {
+		const { getByTestId } = await render(Video, {
+			...default_props,
+			interactive: false,
+			value: fake_value,
+			autoplay: true
+		});
+
+		const video = getByTestId("Video-player") as HTMLVideoElement;
+		const fn = vi.spyOn(video, "play").mockResolvedValue(undefined);
+		video.dispatchEvent(new Event("loadeddata"));
+		expect(fn).toHaveBeenCalledTimes(1);
+	});
+
+	test("autoplay calls media.play in interactive mode", async () => {
+		const { getByTestId } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value,
+			autoplay: true
+		});
+
+		const video = getByTestId("Video-player") as HTMLVideoElement;
+		const fn = vi.spyOn(video, "play").mockResolvedValue(undefined);
+		video.dispatchEvent(new Event("loadeddata"));
+		expect(fn).toHaveBeenCalled();
+	});
+});
+
+describe("Player controls", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("play/pause button is rendered when video has a value", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		expect(getByLabelText("play-pause-replay-button")).toBeTruthy();
+	});
+
+	test("volume button is rendered", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		expect(getByLabelText("Adjust volume")).toBeTruthy();
+	});
+
+	test("fullscreen button is rendered", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		expect(getByLabelText("full-screen")).toBeTruthy();
+	});
+
+	test("trim button is rendered in interactive mode", async () => {
+		const { getByLabelText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		expect(getByLabelText("Trim video to selection")).toBeTruthy();
+	});
+
+	test("trim button is not rendered in static mode", async () => {
+		const { queryByLabelText } = await render(Video, {
+			...default_props,
+			interactive: false,
+			value: fake_value
+		});
+
+		expect(queryByLabelText("Trim video to selection")).toBeNull();
+	});
+
+	test("clicking trim button enters edit mode with Trim and Cancel buttons", async () => {
+		const { getByLabelText, getByText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		await fireEvent.click(getByLabelText("Trim video to selection"));
+
+		expect(getByText("Trim")).toBeTruthy();
+		expect(getByText("Cancel")).toBeTruthy();
+	});
+
+	test("clicking Cancel exits edit mode and restores trim button", async () => {
+		const { getByLabelText, getByText, queryByText } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		await fireEvent.click(getByLabelText("Trim video to selection"));
+		expect(getByText("Cancel")).toBeTruthy();
+
+		await fireEvent.click(getByText("Cancel"));
+
+		expect(queryByText("Cancel")).toBeNull();
+		expect(getByLabelText("Trim video to selection")).toBeTruthy();
+	});
+
+	test("time display is rendered", async () => {
+		const { container } = await render(Video, {
+			...default_props,
+			interactive: true,
+			value: fake_value
+		});
+
+		const timeDisplay = container.querySelector(".time");
+		expect(timeDisplay).toBeTruthy();
+	});
+});
+
+const upload_props = {
+	...default_props,
+	sources: ["upload"] as "upload"[],
+	interactive: true,
+	value: null,
+	root: "https://example.com",
+	client: mock_client()
+};
+
+describe("Events: upload via file input", () => {
+	setupi18n();
+	afterEach(() => cleanup());
+
+	test("selecting a file triggers upload, change, and input events", async () => {
+		const { listen } = await render(Video, upload_props);
+
+		const upload = listen("upload");
+		const change = listen("change");
+		const input = listen("input");
+
+		await upload_file(TEST_MP4);
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(input).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("drag and drop a file triggers upload, change, and input events", async () => {
+		const { listen } = await render(Video, upload_props);
+
+		const upload = listen("upload");
+		const change = listen("change");
+		const input = listen("input");
+
+		await drop_file(TEST_MP4, "[aria-label='video.drop_to_upload']");
+
+		await waitFor(() => {
+			expect(upload).toHaveBeenCalledTimes(1);
+		});
+		expect(input).toHaveBeenCalledTimes(1);
+		expect(change).toHaveBeenCalledTimes(1);
+	});
+
+	test("upload failure dispatches error event with the message", async () => {
+		const failing_upload = vi
+			.fn()
+			.mockRejectedValue(new Error("File too large"));
+		const { listen } = await render(Video, {
+			...upload_props,
+			client: {
+				upload: failing_upload,
+				stream: async () => ({ onmessage: null, close: () => {} })
+			}
+		});
+
+		const error = listen("error");
+
+		await upload_file(TEST_MP4);
+
+		await waitFor(() => {
+			expect(failing_upload).toHaveBeenCalled();
+		});
+
+		await waitFor(() => {
+			expect(error).toHaveBeenCalledTimes(1);
+		});
+		expect(error).toHaveBeenCalledWith("File too large");
+	});
+});
diff --git a/js/video/index.ts b/js/video/index.ts
new file mode 100644
index 0000000..fb16e85
--- /dev/null
+++ b/js/video/index.ts
@@ -0,0 +1,7 @@
+export { default as BaseInteractiveVideo } from "./shared/InteractiveVideo.svelte";
+export { default as BaseStaticVideo } from "./shared/VideoPreview.svelte";
+export { default as BasePlayer } from "./shared/Player.svelte";
+export { prettyBytes, playable, loaded } from "./shared/utils";
+export { default as BaseExample } from "./Example.svelte";
+import { default as Index } from "./Index.svelte";
+export default Index;
diff --git a/js/video/package.json b/js/video/package.json
new file mode 100644
index 0000000..40eaf3b
--- /dev/null
+++ b/js/video/package.json
@@ -0,0 +1,58 @@
+{
+	"name": "@gradio/video",
+	"version": "0.22.0",
+	"description": "Gradio UI packages",
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": false,
+	"dependencies": {
+		"@ffmpeg/ffmpeg": "^0.12.15",
+		"@ffmpeg/util": "^0.12.2",
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/icons": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"hls.js": "^1.6.13",
+		"mrmime": "^2.0.1"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"gradio": "./index.ts",
+			"svelte": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		},
+		"./example": {
+			"gradio": "./Example.svelte",
+			"svelte": "./dist/Example.svelte",
+			"types": "./dist/Example.svelte.d.ts"
+		},
+		"./shared": {
+			"gradio": "./shared/index.ts",
+			"svelte": "./dist/shared/index.js",
+			"types": "./dist/shared/index.d.ts"
+		},
+		"./base": {
+			"gradio": "./shared/VideoPreview.svelte",
+			"svelte": "./dist/shared/VideoPreview.svelte",
+			"types": "./dist/shared/VideoPreview.svelte.d.ts"
+		}
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"main": "index.ts",
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/video"
+	}
+}
diff --git a/js/video/shared/InteractiveVideo.svelte b/js/video/shared/InteractiveVideo.svelte
new file mode 100644
index 0000000..625698a
--- /dev/null
+++ b/js/video/shared/InteractiveVideo.svelte
@@ -0,0 +1,232 @@
+<script lang="ts">
+	import { Upload } from "@gradio/upload";
+	import type { FileData, Client } from "@gradio/client";
+	import { BlockLabel } from "@gradio/atoms";
+	import { Webcam } from "@gradio/image";
+	import { Video } from "@gradio/icons";
+	import type { WebcamOptions } from "./utils";
+	import { prettyBytes, playable } from "./utils";
+	import Player from "./Player.svelte";
+	import type { I18nFormatter } from "@gradio/utils";
+	import { SelectSource } from "@gradio/atoms";
+	import type { Snippet } from "svelte";
+
+	interface Props {
+		value?: FileData | null;
+		subtitle?: FileData | null;
+		sources?:
+			| ["webcam"]
+			| ["upload"]
+			| ["webcam", "upload"]
+			| ["upload", "webcam"];
+		label?: string;
+		show_download_button?: boolean;
+		show_label?: boolean;
+		webcam_options: WebcamOptions;
+		include_audio: boolean;
+		autoplay: boolean;
+		root: string;
+		i18n: I18nFormatter;
+		active_source?: "webcam" | "upload";
+		handle_reset_value?: () => void;
+		max_file_size?: number | null;
+		upload: Client["upload"];
+		stream_handler: Client["stream"];
+		loop: boolean;
+		uploading?: boolean;
+		upload_promise?: Promise<any> | null;
+		playback_position?: number;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		onchange?: (value: FileData | null) => void;
+		onclear?: () => void;
+		onplay?: () => void;
+		onpause?: () => void;
+		onend?: () => void;
+		ondrag?: (dragging: boolean) => void;
+		onerror?: (error: string) => void;
+		onupload?: (value: FileData) => void;
+		onstart_recording?: () => void;
+		onstop_recording?: () => void;
+		onstop?: () => void;
+		children?: Snippet;
+	}
+
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+
+	let {
+		value = $bindable(null),
+		subtitle = null,
+		sources = ["webcam", "upload"],
+		label = undefined,
+		show_download_button = false,
+		show_label = true,
+		webcam_options,
+		include_audio,
+		autoplay,
+		root,
+		i18n,
+		active_source: initial_active_source = "webcam",
+		handle_reset_value = () => {},
+		max_file_size = null,
+		upload,
+		stream_handler,
+		loop,
+		uploading = $bindable(),
+		upload_promise = $bindable(),
+		playback_position = $bindable(),
+		buttons = null,
+		on_custom_button_click = null,
+		onchange,
+		onclear,
+		onplay,
+		onpause,
+		onend,
+		ondrag,
+		onerror,
+		onupload,
+		onstart_recording,
+		onstop_recording,
+		onstop,
+		children
+	}: Props = $props();
+
+	let has_change_history = $state(false);
+	let active_source = $derived.by(() => {
+		return initial_active_source ?? "webcam";
+	});
+
+	function handle_load(detail: FileData | null): void {
+		value = detail;
+		onchange?.(detail);
+		if (detail) {
+			onupload?.(detail);
+		}
+	}
+
+	function handle_clear(): void {
+		value = null;
+		onchange?.(null);
+		onclear?.();
+	}
+
+	function handle_change(video: FileData): void {
+		has_change_history = true;
+		onchange?.(video);
+	}
+
+	function handle_capture({
+		detail
+	}: CustomEvent<FileData | any | null>): void {
+		onchange?.(detail);
+	}
+
+	let dragging = $state(false);
+
+	$effect(() => {
+		ondrag?.(dragging);
+	});
+</script>
+
+<BlockLabel {show_label} Icon={Video} label={label || "Video"} />
+<div data-testid="video" class="video-container">
+	{#if value === null || value?.url === undefined}
+		<div class="upload-container">
+			{#if active_source === "upload"}
+				<Upload
+					bind:upload_promise
+					bind:dragging
+					bind:uploading
+					filetype="video/x-m4v,video/*"
+					onload={handle_load}
+					{max_file_size}
+					onerror={(detail) => onerror?.(detail)}
+					{root}
+					{upload}
+					{stream_handler}
+					aria_label={i18n("video.drop_to_upload")}
+				>
+					{#if children}
+						{@render children()}
+					{/if}
+				</Upload>
+			{:else if active_source === "webcam"}
+				<Webcam
+					{root}
+					mirror_webcam={webcam_options.mirror}
+					webcam_constraints={webcam_options.constraints}
+					{include_audio}
+					mode="video"
+					onerror={(detail) => onerror?.(detail)}
+					oncapture={(detail) => handle_capture({ detail } as CustomEvent)}
+					onstart_recording={() => onstart_recording?.()}
+					onstop_recording={() => onstop_recording?.()}
+					{i18n}
+					{upload}
+					stream_every={1}
+				/>
+			{/if}
+		</div>
+	{:else if value?.url}
+		{#key value?.url}
+			<Player
+				{upload}
+				{root}
+				interactive
+				{autoplay}
+				src={value.url}
+				subtitle={subtitle?.url}
+				is_stream={false}
+				onplay={() => onplay?.()}
+				onpause={() => onpause?.()}
+				onstop={() => onstop?.()}
+				onend={() => onend?.()}
+				onerror={(error) => onerror?.(error)}
+				mirror={webcam_options.mirror && active_source === "webcam"}
+				{label}
+				{handle_change}
+				{handle_reset_value}
+				{loop}
+				{value}
+				{i18n}
+				{show_download_button}
+				{handle_clear}
+				{has_change_history}
+				bind:playback_position
+			/>
+		{/key}
+	{:else if value.size}
+		<div class="file-name">{value.orig_name || value.url}</div>
+		<div class="file-size">
+			{prettyBytes(value.size)}
+		</div>
+	{/if}
+
+	<SelectSource {sources} bind:active_source {handle_clear} />
+</div>
+
+<style>
+	.file-name {
+		padding: var(--size-6);
+		font-size: var(--text-xxl);
+		word-break: break-all;
+	}
+
+	.file-size {
+		padding: var(--size-2);
+		font-size: var(--text-xl);
+	}
+
+	.upload-container {
+		height: 100%;
+		width: 100%;
+	}
+
+	.video-container {
+		display: flex;
+		height: 100%;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+</style>
diff --git a/js/video/shared/Player.svelte b/js/video/shared/Player.svelte
new file mode 100644
index 0000000..87e4b12
--- /dev/null
+++ b/js/video/shared/Player.svelte
@@ -0,0 +1,437 @@
+<script lang="ts">
+	import { onMount, onDestroy } from "svelte";
+	import { Play, Pause, Maximize, Undo } from "@gradio/icons";
+	import Video from "./Video.svelte";
+	import VideoControls from "./VideoControls.svelte";
+	import VolumeControl from "./VolumeControl.svelte";
+	import VolumeLevels from "../../audio/shared/VolumeLevels.svelte";
+	import type { FileData, Client } from "@gradio/client";
+	import { prepare_files } from "@gradio/client";
+	import { format_time } from "@gradio/utils";
+	import type { I18nFormatter } from "@gradio/utils";
+
+	interface Props {
+		root?: string;
+		src: string;
+		subtitle?: string | null;
+		mirror: boolean;
+		autoplay: boolean;
+		loop: boolean;
+		label?: string;
+		interactive?: boolean;
+		handle_change?: (video: FileData) => void;
+		handle_reset_value?: () => void;
+		upload: Client["upload"];
+		is_stream?: boolean;
+		i18n: I18nFormatter;
+		show_download_button?: boolean;
+		value?: FileData | null;
+		handle_clear?: () => void;
+		has_change_history?: boolean;
+		playback_position?: number;
+		onplay?: () => void;
+		onpause?: () => void;
+		onstop?: () => void;
+		onend?: () => void;
+		onerror?: (error: string) => void;
+		onloadstart?: () => void;
+		onloadeddata?: () => void;
+		onloadedmetadata?: () => void;
+	}
+
+	let {
+		root = "",
+		src,
+		subtitle = null,
+		mirror,
+		autoplay,
+		loop,
+		label = "test",
+		interactive = false,
+		handle_change = () => {},
+		handle_reset_value = () => {},
+		upload,
+		is_stream = false,
+		i18n,
+		show_download_button = false,
+		value = null,
+		handle_clear = () => {},
+		has_change_history = false,
+		playback_position = $bindable(),
+		onplay,
+		onpause,
+		onstop,
+		onend,
+		onerror,
+		onloadstart,
+		onloadeddata,
+		onloadedmetadata
+	}: Props = $props();
+
+	let time = $state(0);
+	let duration = $state<number>(0);
+	let paused = $state(true);
+	let video = $state<HTMLVideoElement>();
+	let processingVideo = $state(false);
+	let show_volume_slider = $state(false);
+	let current_volume = $state(1);
+	let is_fullscreen = $state(false);
+
+	function handleMove(e: TouchEvent | MouseEvent): void {
+		if (!duration) return;
+
+		if (e.type === "click") {
+			handle_click(e as MouseEvent);
+			return;
+		}
+
+		if (e.type !== "touchmove" && !((e as MouseEvent).buttons & 1)) return;
+
+		const clientX =
+			e.type === "touchmove"
+				? (e as TouchEvent).touches[0].clientX
+				: (e as MouseEvent).clientX;
+		const { left, right } = (
+			e.currentTarget as HTMLProgressElement
+		).getBoundingClientRect();
+		time = (duration * (clientX - left)) / (right - left);
+	}
+
+	async function play_pause(): Promise<void> {
+		if (!video) return;
+		if (document.fullscreenElement != video) {
+			const isPlaying =
+				video.currentTime > 0 &&
+				!video.paused &&
+				!video.ended &&
+				video.readyState > video.HAVE_CURRENT_DATA;
+
+			if (!isPlaying) {
+				await video.play();
+			} else video.pause();
+		}
+	}
+
+	function handle_click(e: MouseEvent): void {
+		if (!duration) return;
+		const { left, right } = (
+			e.currentTarget as HTMLProgressElement
+		).getBoundingClientRect();
+		time = (duration * (e.clientX - left)) / (right - left);
+	}
+
+	function handle_end(): void {
+		onstop?.();
+		onend?.();
+	}
+
+	const handle_trim_video = async (videoBlob: Blob): Promise<void> => {
+		let _video_blob = new File([videoBlob], "video.mp4");
+		const val = await prepare_files([_video_blob]);
+		let value = ((await upload(val, root))?.filter(Boolean) as FileData[])[0];
+
+		handle_change(value);
+	};
+
+	function open_full_screen(): void {
+		if (!video) return;
+		if (!is_fullscreen) {
+			video.requestFullscreen();
+		} else {
+			document.exitFullscreen();
+		}
+	}
+
+	function handleFullscreenChange(): void {
+		is_fullscreen = document.fullscreenElement === video;
+		if (video) {
+			video.controls = is_fullscreen;
+		}
+	}
+
+	let last_synced_volume = 1;
+	let previous_video: HTMLVideoElement | undefined;
+	// Tolerance for floating-point comparison of volume values
+	const VOLUME_EPSILON = 0.001;
+
+	function handleVolumeChange(): void {
+		if (video && Math.abs(video.volume - last_synced_volume) > VOLUME_EPSILON) {
+			current_volume = video.volume;
+			last_synced_volume = video.volume;
+		}
+	}
+
+	onMount(() => {
+		document.addEventListener("fullscreenchange", handleFullscreenChange);
+		return () => {
+			document.removeEventListener("fullscreenchange", handleFullscreenChange);
+		};
+	});
+
+	onDestroy(() => {
+		if (video) {
+			video.removeEventListener("volumechange", handleVolumeChange);
+		}
+	});
+
+	$effect(() => {
+		if (video && video !== previous_video) {
+			if (previous_video) {
+				previous_video.removeEventListener("volumechange", handleVolumeChange);
+			}
+			video.addEventListener("volumechange", handleVolumeChange);
+			previous_video = video;
+		}
+	});
+
+	$effect(() => {
+		playback_position = time;
+	});
+
+	$effect(() => {
+		if (
+			playback_position !== undefined &&
+			playback_position !== time &&
+			video
+		) {
+			video.currentTime = playback_position;
+		}
+	});
+
+	$effect(() => {
+		if (video && !is_fullscreen) {
+			if (Math.abs(video.volume - current_volume) > VOLUME_EPSILON) {
+				video.volume = current_volume;
+				last_synced_volume = current_volume;
+			}
+			video.controls = false;
+		}
+	});
+
+	$effect(() => {
+		if (video && is_fullscreen) {
+			last_synced_volume = video.volume;
+		}
+	});
+</script>
+
+<div class="wrap">
+	<div class="mirror-wrap" class:mirror>
+		<Video
+			{src}
+			preload="auto"
+			{autoplay}
+			{loop}
+			{is_stream}
+			controls={is_fullscreen}
+			onclick={play_pause}
+			onplay={() => onplay?.()}
+			onpause={() => onpause?.()}
+			onerror={(error) => onerror?.(error)}
+			onended={handle_end}
+			bind:currentTime={time}
+			bind:duration
+			bind:paused
+			bind:node={video}
+			data-testid={`${label}-player`}
+			{processingVideo}
+			onloadstart={() => onloadstart?.()}
+			onloadeddata={() => onloadeddata?.()}
+			onloadedmetadata={() => onloadedmetadata?.()}
+		>
+			<track kind="captions" src={subtitle} default />
+		</Video>
+	</div>
+
+	<div class="controls">
+		<div class="inner">
+			<span
+				role="button"
+				tabindex="0"
+				class="icon"
+				aria-label="play-pause-replay-button"
+				onclick={play_pause}
+				onkeydown={play_pause}
+			>
+				{#if time === duration}
+					<Undo />
+				{:else if paused}
+					<Play />
+				{:else}
+					<Pause />
+				{/if}
+			</span>
+
+			<span class="time">{format_time(time)} / {format_time(duration)}</span>
+
+			<!-- TODO: implement accessible video timeline for 4.0 -->
+			<!-- svelte-ignore a11y_click_events_have_key_events -->
+			<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+			<progress
+				value={time / duration || 0}
+				onmousemove={handleMove}
+				ontouchmove={(e) => {
+					e.preventDefault();
+					handleMove(e);
+				}}
+				onclick={(e) => {
+					e.stopPropagation();
+					e.preventDefault();
+					handle_click(e);
+				}}
+			></progress>
+
+			<div class="volume-control-wrapper">
+				<button
+					class="icon volume-button"
+					style:color={show_volume_slider ? "var(--color-accent)" : "white"}
+					aria-label="Adjust volume"
+					onclick={() => (show_volume_slider = !show_volume_slider)}
+				>
+					<VolumeLevels currentVolume={current_volume} />
+				</button>
+
+				{#if show_volume_slider}
+					<VolumeControl bind:current_volume bind:show_volume_slider />
+				{/if}
+			</div>
+
+			{#if !show_volume_slider}
+				<div
+					role="button"
+					tabindex="0"
+					class="icon"
+					aria-label="full-screen"
+					onclick={open_full_screen}
+					onkeypress={open_full_screen}
+				>
+					<Maximize />
+				</div>
+			{/if}
+		</div>
+	</div>
+</div>
+{#if interactive}
+	<VideoControls
+		videoElement={video}
+		showRedo
+		{handle_trim_video}
+		{handle_reset_value}
+		bind:processingVideo
+		{value}
+		{i18n}
+		{show_download_button}
+		{handle_clear}
+		{has_change_history}
+	/>
+{/if}
+
+<style lang="postcss">
+	span {
+		text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
+	}
+
+	progress {
+		margin-right: var(--size-3);
+		border-radius: var(--radius-sm);
+		width: var(--size-full);
+		height: var(--size-2);
+	}
+
+	progress::-webkit-progress-bar {
+		border-radius: 2px;
+		background-color: rgba(255, 255, 255, 0.2);
+		overflow: hidden;
+	}
+
+	progress::-webkit-progress-value {
+		background-color: rgba(255, 255, 255, 0.9);
+	}
+
+	.mirror {
+		transform: scaleX(-1);
+	}
+
+	.mirror-wrap {
+		position: relative;
+		height: 100%;
+		width: 100%;
+	}
+
+	.controls {
+		position: absolute;
+		bottom: 0;
+		opacity: 0;
+		transition: 500ms;
+		margin: var(--size-2);
+		border-radius: var(--radius-md);
+		background: var(--color-grey-800);
+		padding: var(--size-2) var(--size-1);
+		width: calc(100% - 0.375rem * 2);
+		width: calc(100% - var(--size-2) * 2);
+		z-index: 10;
+	}
+	.wrap:hover .controls {
+		opacity: 1;
+	}
+	:global(:fullscreen) .controls {
+		display: none;
+	}
+
+	.inner {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding-right: var(--size-2);
+		padding-left: var(--size-2);
+		width: var(--size-full);
+		height: var(--size-full);
+	}
+
+	.icon {
+		display: flex;
+		justify-content: center;
+		cursor: pointer;
+		width: var(--size-6);
+		color: white;
+	}
+
+	.volume-control-wrapper {
+		position: relative;
+		display: flex;
+		align-items: center;
+		margin-right: var(--spacing-md);
+	}
+
+	.volume-button {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		cursor: pointer;
+		width: var(--size-6);
+		color: white;
+		border: none;
+		background: none;
+		padding: 0;
+	}
+
+	.time {
+		flex-shrink: 0;
+		margin-right: var(--size-3);
+		margin-left: var(--size-3);
+		color: white;
+		font-size: var(--text-sm);
+		font-family: var(--font-mono);
+	}
+	.wrap {
+		position: relative;
+		background-color: var(--background-fill-secondary);
+		height: var(--size-full);
+		width: var(--size-full);
+		border-radius: var(--radius-xl);
+	}
+	.wrap :global(video) {
+		height: var(--size-full);
+		width: var(--size-full);
+	}
+</style>
diff --git a/js/video/shared/Video.svelte b/js/video/shared/Video.svelte
new file mode 100644
index 0000000..6651eb3
--- /dev/null
+++ b/js/video/shared/Video.svelte
@@ -0,0 +1,225 @@
+<script lang="ts">
+	import type { HTMLVideoAttributes } from "svelte/elements";
+	import { loaded } from "./utils";
+	import type { Snippet } from "svelte";
+
+	import Hls from "hls.js";
+
+	interface Props {
+		src?: HTMLVideoAttributes["src"];
+		muted?: HTMLVideoAttributes["muted"];
+		playsinline?: HTMLVideoAttributes["playsinline"];
+		preload?: HTMLVideoAttributes["preload"];
+		autoplay?: HTMLVideoAttributes["autoplay"];
+		controls?: HTMLVideoAttributes["controls"];
+		currentTime?: number;
+		duration?: number;
+		paused?: boolean;
+		node?: HTMLVideoElement;
+		loop: boolean;
+		is_stream: boolean;
+		processingVideo?: boolean;
+		onloadeddata?: () => void;
+		onclick?: () => void;
+		onplay?: () => void;
+		onpause?: () => void;
+		onended?: () => void;
+		onmouseover?: () => void;
+		onmouseout?: () => void;
+		onfocus?: () => void;
+		onblur?: () => void;
+		onerror?: (error: string) => void;
+		onloadstart?: () => void;
+		onloadedmetadata?: () => void;
+		"data-testid"?: string;
+		children?: Snippet;
+		[key: string]: any;
+	}
+
+	let {
+		src = undefined,
+		muted = undefined,
+		playsinline = undefined,
+		preload = undefined,
+		autoplay = undefined,
+		controls = undefined,
+		currentTime = $bindable(undefined),
+		duration = $bindable(undefined),
+		paused = $bindable(undefined),
+		node = $bindable(undefined),
+		loop,
+		is_stream,
+		processingVideo = false,
+		onloadeddata,
+		onclick,
+		onplay,
+		onpause,
+		onended,
+		onmouseover,
+		onmouseout,
+		onfocus,
+		onblur,
+		onerror,
+		onloadstart,
+		onloadedmetadata,
+		"data-testid": dataTestid,
+		children
+	}: Props = $props();
+
+	let stream_active = $state(false);
+
+	function load_stream(
+		src: string | null | undefined,
+		is_stream: boolean,
+		node: HTMLVideoElement
+	): void {
+		if (!src || !is_stream) return;
+
+		if (Hls.isSupported() && !stream_active) {
+			const hls = new Hls({
+				maxBufferLength: 1, // 0.5 seconds (500 ms)
+				maxMaxBufferLength: 1, // Maximum max buffer length in seconds
+				lowLatencyMode: true // Enable low latency mode
+			});
+			hls.loadSource(src);
+			hls.attachMedia(node);
+			hls.on(Hls.Events.MANIFEST_PARSED, function () {
+				(node as HTMLVideoElement).play();
+			});
+			hls.on(Hls.Events.ERROR, function (event, data) {
+				console.error("HLS error:", event, data);
+				if (data.fatal) {
+					switch (data.type) {
+						case Hls.ErrorTypes.NETWORK_ERROR:
+							console.error(
+								"Fatal network error encountered, trying to recover"
+							);
+							hls.startLoad();
+							break;
+						case Hls.ErrorTypes.MEDIA_ERROR:
+							console.error("Fatal media error encountered, trying to recover");
+							hls.recoverMediaError();
+							break;
+						default:
+							console.error("Fatal error, cannot recover");
+							hls.destroy();
+							break;
+					}
+				}
+			});
+			stream_active = true;
+		}
+	}
+
+	$effect(() => {
+		src;
+		stream_active = false;
+	});
+
+	$effect(() => {
+		if (node && src && is_stream) {
+			load_stream(src, is_stream, node);
+		}
+	});
+</script>
+
+<!--
+The spread operator with `$$props` or `$$restProps` can't be used here
+to pass props from the parent component to the <video> element
+because of its unexpected behavior: https://github.com/sveltejs/svelte/issues/7404
+For example, if we add {...$$props} or {...$$restProps}, the boolean props aside it like `controls` will be compiled as string "true" or "false" on the actual DOM.
+Then, even when `controls` is false, the compiled DOM would be `<video controls="false">` which is equivalent to `<video controls>` since the string "false" is even truthy.
+-->
+<div class:hidden={!processingVideo} class="overlay">
+	<span class="load-wrap">
+		<span class="loader" />
+	</span>
+</div>
+<video
+	{src}
+	{muted}
+	{playsinline}
+	{preload}
+	{autoplay}
+	{controls}
+	{loop}
+	onloadeddata={() => onloadeddata?.()}
+	onclick={() => onclick?.()}
+	onplay={() => onplay?.()}
+	onpause={() => onpause?.()}
+	onended={() => onended?.()}
+	onmouseover={() => onmouseover?.()}
+	onmouseout={() => onmouseout?.()}
+	onfocus={() => onfocus?.()}
+	onblur={() => onblur?.()}
+	onerror={() => onerror?.("Video not playable")}
+	onloadstart={() => onloadstart?.()}
+	onloadedmetadata={() => onloadedmetadata?.()}
+	bind:currentTime
+	bind:duration
+	bind:paused
+	bind:this={node}
+	use:loaded={{ autoplay: autoplay ?? false }}
+	data-testid={dataTestid}
+	crossorigin="anonymous"
+>
+	{#if children}
+		{@render children()}
+	{/if}
+</video>
+
+<style>
+	.overlay {
+		position: absolute;
+		background-color: rgba(0, 0, 0, 0.4);
+		width: 100%;
+		height: 100%;
+	}
+
+	.hidden {
+		display: none;
+	}
+
+	.load-wrap {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100%;
+	}
+
+	.loader {
+		display: flex;
+		position: relative;
+		background-color: var(--border-color-accent-subdued);
+		animation: shadowPulse 2s linear infinite;
+		box-shadow:
+			-24px 0 var(--border-color-accent-subdued),
+			24px 0 var(--border-color-accent-subdued);
+		margin: var(--spacing-md);
+		border-radius: 50%;
+		width: 10px;
+		height: 10px;
+		scale: 0.5;
+	}
+
+	@keyframes shadowPulse {
+		33% {
+			box-shadow:
+				-24px 0 var(--border-color-accent-subdued),
+				24px 0 #fff;
+			background: #fff;
+		}
+		66% {
+			box-shadow:
+				-24px 0 #fff,
+				24px 0 #fff;
+			background: var(--border-color-accent-subdued);
+		}
+		100% {
+			box-shadow:
+				-24px 0 #fff,
+				24px 0 var(--border-color-accent-subdued);
+			background: #fff;
+		}
+	}
+</style>
diff --git a/js/video/shared/VideoControls.svelte b/js/video/shared/VideoControls.svelte
new file mode 100644
index 0000000..8e4c6d5
--- /dev/null
+++ b/js/video/shared/VideoControls.svelte
@@ -0,0 +1,224 @@
+<script lang="ts">
+	import { Undo, Trim, Clear } from "@gradio/icons";
+	import VideoTimeline from "./VideoTimeline.svelte";
+	import { trimVideo } from "./utils";
+	import { FFmpeg } from "@ffmpeg/ffmpeg";
+	import loadFfmpeg from "./utils";
+	import { onMount } from "svelte";
+	import { format_time } from "@gradio/utils";
+	import { IconButton } from "@gradio/atoms";
+	import { ModifyUpload } from "@gradio/upload";
+	import type { FileData } from "@gradio/client";
+
+	interface Props {
+		videoElement?: HTMLVideoElement;
+		showRedo?: boolean;
+		interactive?: boolean;
+		mode?: string;
+		handle_reset_value: () => void;
+		handle_trim_video: (videoBlob: Blob) => void;
+		processingVideo?: boolean;
+		i18n: (key: string) => string;
+		value?: FileData | null;
+		show_download_button?: boolean;
+		handle_clear?: () => void;
+		has_change_history?: boolean;
+	}
+
+	let {
+		videoElement = undefined,
+		showRedo = false,
+		interactive = true,
+		mode = $bindable(""),
+		handle_reset_value,
+		handle_trim_video,
+		processingVideo = $bindable(false),
+		i18n,
+		value = null,
+		show_download_button = false,
+		handle_clear = () => {},
+		has_change_history = false
+	}: Props = $props();
+
+	let ffmpeg: FFmpeg;
+
+	onMount(async () => {
+		ffmpeg = await loadFfmpeg();
+	});
+
+	$effect(() => {
+		if (mode === "edit" && trimmedDuration === null && videoElement) {
+			trimmedDuration = videoElement.duration;
+		}
+	});
+
+	let trimmedDuration = $state<number | null>(null);
+	let dragStart = $state(0);
+	let dragEnd = $state(0);
+
+	let loadingTimeline = $state(false);
+
+	const toggleTrimmingMode = (): void => {
+		if (mode === "edit") {
+			mode = "";
+			if (videoElement) {
+				trimmedDuration = videoElement.duration;
+			}
+		} else {
+			mode = "edit";
+		}
+	};
+</script>
+
+<div class="container" class:hidden={mode !== "edit"}>
+	{#if mode === "edit" && videoElement}
+		<div class="timeline-wrapper">
+			<VideoTimeline
+				{videoElement}
+				bind:dragStart
+				bind:dragEnd
+				bind:trimmedDuration
+				bind:loadingTimeline
+			/>
+		</div>
+	{/if}
+
+	<div class="controls" data-testid="waveform-controls">
+		{#if mode === "edit" && trimmedDuration !== null}
+			<time
+				aria-label="duration of selected region in seconds"
+				class:hidden={loadingTimeline}>{format_time(trimmedDuration)}</time
+			>
+			<div class="edit-buttons">
+				<button
+					class:hidden={loadingTimeline}
+					class="text-button"
+					onclick={() => {
+						if (!videoElement) return;
+						mode = "";
+						processingVideo = true;
+						trimVideo(ffmpeg, dragStart, dragEnd, videoElement)
+							.then((videoBlob) => {
+								handle_trim_video(videoBlob);
+							})
+							.then(() => {
+								processingVideo = false;
+							});
+					}}>Trim</button
+				>
+				<button
+					class="text-button"
+					class:hidden={loadingTimeline}
+					onclick={toggleTrimmingMode}>Cancel</button
+				>
+			</div>
+		{:else}
+			<div />
+		{/if}
+	</div>
+</div>
+
+<ModifyUpload
+	{i18n}
+	onclear={() => handle_clear()}
+	download={show_download_button ? value?.url : null}
+>
+	{#if showRedo && mode === ""}
+		<IconButton
+			Icon={Undo}
+			label="Reset video to initial value"
+			disabled={processingVideo || !has_change_history}
+			onclick={() => {
+				handle_reset_value();
+				mode = "";
+			}}
+		/>
+	{/if}
+
+	{#if interactive && mode === ""}
+		<IconButton
+			Icon={Trim}
+			label="Trim video to selection"
+			disabled={processingVideo}
+			onclick={toggleTrimmingMode}
+		/>
+	{/if}
+</ModifyUpload>
+
+<style>
+	.container {
+		width: 100%;
+	}
+	time {
+		color: var(--color-accent);
+		font-weight: bold;
+		padding-left: var(--spacing-xs);
+	}
+
+	.timeline-wrapper {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 100%;
+	}
+
+	.text-button {
+		border: 1px solid var(--neutral-400);
+		border-radius: var(--radius-sm);
+		font-weight: 300;
+		font-size: var(--size-3);
+		text-align: center;
+		color: var(--neutral-400);
+		height: var(--size-5);
+		font-weight: bold;
+		padding: 0 5px;
+		margin-left: 5px;
+	}
+
+	.text-button:hover,
+	.text-button:focus {
+		color: var(--color-accent);
+		border-color: var(--color-accent);
+	}
+
+	.controls {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		margin: var(--spacing-lg);
+		overflow: hidden;
+	}
+
+	.edit-buttons {
+		display: flex;
+		gap: var(--spacing-sm);
+	}
+
+	@media (max-width: 320px) {
+		.controls {
+			flex-direction: column;
+			align-items: flex-start;
+		}
+
+		.edit-buttons {
+			margin-top: var(--spacing-sm);
+		}
+
+		.controls * {
+			margin: var(--spacing-sm);
+		}
+
+		.controls .text-button {
+			margin-left: 0;
+		}
+	}
+
+	.container {
+		display: flex;
+		flex-direction: column;
+	}
+
+	.hidden {
+		display: none;
+	}
+</style>
diff --git a/js/video/shared/VideoPreview.svelte b/js/video/shared/VideoPreview.svelte
new file mode 100644
index 0000000..a82da3a
--- /dev/null
+++ b/js/video/shared/VideoPreview.svelte
@@ -0,0 +1,154 @@
+<script lang="ts">
+	import { tick } from "svelte";
+	import {
+		BlockLabel,
+		Empty,
+		IconButton,
+		ShareButton,
+		IconButtonWrapper,
+		DownloadLink
+	} from "@gradio/atoms";
+	import type { FileData, Client } from "@gradio/client";
+	import { Video, Download } from "@gradio/icons";
+	import { uploadToHuggingFace } from "@gradio/utils";
+	import type { CustomButton as CustomButtonType } from "@gradio/utils";
+
+	import Player from "./Player.svelte";
+	import type { I18nFormatter } from "js/core/src/gradio_helper";
+
+	interface Props {
+		value?: FileData | null;
+		subtitle?: FileData | null;
+		label?: string;
+		show_label?: boolean;
+		autoplay: boolean;
+		buttons?: (string | CustomButtonType)[] | null;
+		on_custom_button_click?: ((id: number) => void) | null;
+		loop: boolean;
+		i18n: I18nFormatter;
+		upload: Client["upload"];
+		display_icon_button_wrapper_top_corner?: boolean;
+		playback_position?: number;
+		onplay?: () => void;
+		onpause?: () => void;
+		onend?: () => void;
+		onstop?: () => void;
+		onload?: () => void;
+		onchange?: (value: FileData) => void;
+		onerror?: (error: string) => void;
+		onshare?: (detail: unknown) => void;
+	}
+
+	let {
+		value = $bindable(null),
+		subtitle = null,
+		label = undefined,
+		show_label = true,
+		autoplay,
+		buttons = null,
+		on_custom_button_click = null,
+		loop,
+		i18n,
+		upload,
+		display_icon_button_wrapper_top_corner = false,
+		playback_position = $bindable(),
+		onplay,
+		onpause,
+		onend,
+		onstop,
+		onload,
+		onchange,
+		onerror,
+		onshare
+	}: Props = $props();
+
+	let old_value = $state<FileData | null>(null);
+	let old_subtitle = $state<FileData | null>(null);
+
+	$effect(() => {
+		if (value) {
+			onchange?.(value);
+		}
+	});
+
+	$effect(() => {
+		async function updateValue(): Promise<void> {
+			// needed to bust subtitle caching issues on Chrome
+			if (
+				value !== old_value &&
+				subtitle !== old_subtitle &&
+				old_subtitle !== null
+			) {
+				old_value = value;
+				value = null;
+				await tick();
+				value = old_value;
+			}
+			old_value = value;
+			old_subtitle = subtitle;
+		}
+		updateValue();
+	});
+</script>
+
+<BlockLabel {show_label} Icon={Video} label={label || "Video"} />
+{#if !value || value.url === undefined}
+	<Empty unpadded_box={true} size="large"><Video /></Empty>
+{:else}
+	{#key value.url}
+		<Player
+			src={value.url}
+			subtitle={subtitle?.url}
+			is_stream={value.is_stream}
+			{autoplay}
+			onplay={() => onplay?.()}
+			onpause={() => onpause?.()}
+			onstop={() => onstop?.()}
+			onend={() => onend?.()}
+			onloadedmetadata={() => {
+				// Deal with `<video>`'s `loadedmetadata` event as `VideoPreview`'s `load` event
+				// to represent not only the video is loaded but also the metadata is loaded
+				// so its dimensions (w/h) are known. This is used for Chatbot's auto scroll.
+				onload?.();
+			}}
+			mirror={false}
+			{label}
+			{loop}
+			interactive={false}
+			{upload}
+			{i18n}
+			bind:playback_position
+		/>
+	{/key}
+	<div data-testid="download-div">
+		<IconButtonWrapper
+			display_top_corner={display_icon_button_wrapper_top_corner}
+			buttons={buttons ?? ["download", "share"]}
+			{on_custom_button_click}
+		>
+			{#if buttons?.some((btn) => typeof btn === "string" && btn === "download")}
+				<DownloadLink
+					href={value.is_stream
+						? value.url?.replace("playlist.m3u8", "playlist-file")
+						: value.url}
+					download={value.orig_name || value.path}
+				>
+					<IconButton Icon={Download} label="Download" />
+				</DownloadLink>
+			{/if}
+			{#if buttons?.some((btn) => typeof btn === "string" && btn === "share")}
+				<ShareButton
+					{i18n}
+					onerror={(detail) => onerror?.(detail)}
+					onshare={(detail) => onshare?.(detail)}
+					{value}
+					formatter={async (value) => {
+						if (!value) return "";
+						let url = await uploadToHuggingFace(value.data, "url");
+						return url;
+					}}
+				/>
+			{/if}
+		</IconButtonWrapper>
+	</div>
+{/if}
diff --git a/js/video/shared/VideoTimeline.svelte b/js/video/shared/VideoTimeline.svelte
new file mode 100644
index 0000000..e07540e
--- /dev/null
+++ b/js/video/shared/VideoTimeline.svelte
@@ -0,0 +1,293 @@
+<script lang="ts">
+	import { onMount, onDestroy } from "svelte";
+
+	interface Props {
+		videoElement: HTMLVideoElement;
+		trimmedDuration?: number | null;
+		dragStart?: number;
+		dragEnd?: number;
+		loadingTimeline?: boolean;
+	}
+
+	let {
+		videoElement,
+		trimmedDuration = $bindable(null),
+		dragStart = $bindable(0),
+		dragEnd = $bindable(0),
+		loadingTimeline = $bindable(false)
+	}: Props = $props();
+
+	let thumbnails = $state<string[]>([]);
+	let numberOfThumbnails = 10;
+	let intervalId: ReturnType<typeof setInterval> | undefined;
+	let videoDuration: number;
+
+	let leftHandlePosition = $state(0);
+	let rightHandlePosition = $state(100);
+
+	let dragging = $state<string | null>(null);
+
+	const startDragging = (side: string | null): void => {
+		dragging = side;
+	};
+
+	let loadingTimelineValue = $derived(thumbnails.length !== numberOfThumbnails);
+
+	$effect(() => {
+		loadingTimeline = loadingTimelineValue;
+	});
+
+	const stopDragging = (): void => {
+		dragging = null;
+	};
+
+	const drag = (event: { clientX: number }, distance?: number): void => {
+		if (dragging) {
+			const timeline = document.getElementById("timeline");
+
+			if (!timeline) return;
+
+			const rect = timeline.getBoundingClientRect();
+			let newPercentage = ((event.clientX - rect.left) / rect.width) * 100;
+
+			if (distance) {
+				// Move handle based on arrow key press
+				newPercentage =
+					dragging === "left"
+						? leftHandlePosition + distance
+						: rightHandlePosition + distance;
+			} else {
+				// Move handle based on mouse drag
+				newPercentage = ((event.clientX - rect.left) / rect.width) * 100;
+			}
+
+			newPercentage = Math.max(0, Math.min(newPercentage, 100)); // Keep within 0 and 100
+
+			if (dragging === "left") {
+				leftHandlePosition = Math.min(newPercentage, rightHandlePosition);
+
+				// Calculate the new time and set it for the videoElement
+				const newTimeLeft = (leftHandlePosition / 100) * videoDuration;
+				videoElement.currentTime = newTimeLeft;
+
+				dragStart = newTimeLeft;
+			} else if (dragging === "right") {
+				rightHandlePosition = Math.max(newPercentage, leftHandlePosition);
+
+				const newTimeRight = (rightHandlePosition / 100) * videoDuration;
+				videoElement.currentTime = newTimeRight;
+
+				dragEnd = newTimeRight;
+			}
+
+			const startTime = (leftHandlePosition / 100) * videoDuration;
+			const endTime = (rightHandlePosition / 100) * videoDuration;
+			trimmedDuration = endTime - startTime;
+
+			leftHandlePosition = leftHandlePosition;
+			rightHandlePosition = rightHandlePosition;
+		}
+	};
+
+	const moveHandle = (e: KeyboardEvent): void => {
+		if (dragging) {
+			// Calculate the movement distance as a percentage of the video duration
+			const distance = (1 / videoDuration) * 100;
+
+			if (e.key === "ArrowLeft") {
+				drag({ clientX: 0 }, -distance);
+			} else if (e.key === "ArrowRight") {
+				drag({ clientX: 0 }, distance);
+			}
+		}
+	};
+
+	const generateThumbnail = (): void => {
+		const canvas = document.createElement("canvas");
+		const ctx = canvas.getContext("2d");
+		if (!ctx) return;
+
+		canvas.width = videoElement.videoWidth;
+		canvas.height = videoElement.videoHeight;
+
+		ctx.drawImage(videoElement, 0, 0, canvas.width, canvas.height);
+
+		const thumbnail: string = canvas.toDataURL("image/jpeg", 0.7);
+		thumbnails = [...thumbnails, thumbnail];
+	};
+
+	onMount(() => {
+		const loadMetadata = (): void => {
+			videoDuration = videoElement.duration;
+
+			const interval = videoDuration / numberOfThumbnails;
+			let captures = 0;
+
+			const onSeeked = (): void => {
+				generateThumbnail();
+				captures++;
+
+				if (captures < numberOfThumbnails) {
+					videoElement.currentTime += interval;
+				} else {
+					videoElement.removeEventListener("seeked", onSeeked);
+				}
+			};
+
+			videoElement.addEventListener("seeked", onSeeked);
+			videoElement.currentTime = 0;
+		};
+
+		if (videoElement.readyState >= 1) {
+			loadMetadata();
+		} else {
+			videoElement.addEventListener("loadedmetadata", loadMetadata);
+		}
+	});
+
+	onDestroy(() => {
+		window.removeEventListener("mousemove", drag);
+		window.removeEventListener("mouseup", stopDragging);
+		window.removeEventListener("keydown", moveHandle);
+
+		if (intervalId !== undefined) {
+			clearInterval(intervalId);
+		}
+	});
+
+	onMount(() => {
+		window.addEventListener("mousemove", drag);
+		window.addEventListener("mouseup", stopDragging);
+		window.addEventListener("keydown", moveHandle);
+	});
+</script>
+
+<div class="container">
+	{#if loadingTimelineValue}
+		<div class="load-wrap">
+			<span aria-label="loading timeline" class="loader" />
+		</div>
+	{:else}
+		<div id="timeline" class="thumbnail-wrapper">
+			<button
+				aria-label="start drag handle for trimming video"
+				class="handle left"
+				onmousedown={() => startDragging("left")}
+				onblur={stopDragging}
+				onkeydown={(e) => {
+					if (e.key === "ArrowLeft" || e.key == "ArrowRight") {
+						startDragging("left");
+					}
+				}}
+				style="left: {leftHandlePosition}%;"
+			></button>
+
+			<div
+				class="opaque-layer"
+				style="left: {leftHandlePosition}%; right: {100 - rightHandlePosition}%"
+			></div>
+
+			{#each thumbnails as thumbnail, i (i)}
+				<img src={thumbnail} alt={`frame-${i}`} draggable="false" />
+			{/each}
+			<button
+				aria-label="end drag handle for trimming video"
+				class="handle right"
+				onmousedown={() => startDragging("right")}
+				onblur={stopDragging}
+				onkeydown={(e) => {
+					if (e.key === "ArrowLeft" || e.key == "ArrowRight") {
+						startDragging("right");
+					}
+				}}
+				style="left: {rightHandlePosition}%;"
+			></button>
+		</div>
+	{/if}
+</div>
+
+<style>
+	.load-wrap {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		height: 100%;
+	}
+	.loader {
+		display: flex;
+		position: relative;
+		background-color: var(--border-color-accent-subdued);
+		animation: shadowPulse 2s linear infinite;
+		box-shadow:
+			-24px 0 var(--border-color-accent-subdued),
+			24px 0 var(--border-color-accent-subdued);
+		margin: var(--spacing-md);
+		border-radius: 50%;
+		width: 10px;
+		height: 10px;
+		scale: 0.5;
+	}
+
+	@keyframes shadowPulse {
+		33% {
+			box-shadow:
+				-24px 0 var(--border-color-accent-subdued),
+				24px 0 #fff;
+			background: #fff;
+		}
+		66% {
+			box-shadow:
+				-24px 0 #fff,
+				24px 0 #fff;
+			background: var(--border-color-accent-subdued);
+		}
+		100% {
+			box-shadow:
+				-24px 0 #fff,
+				24px 0 var(--border-color-accent-subdued);
+			background: #fff;
+		}
+	}
+
+	.container {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		margin: var(--spacing-lg) var(--spacing-lg) 0 var(--spacing-lg);
+	}
+
+	#timeline {
+		display: flex;
+		height: var(--size-10);
+		flex: 1;
+		position: relative;
+	}
+
+	img {
+		flex: 1 1 auto;
+		min-width: 0;
+		object-fit: cover;
+		height: var(--size-12);
+		border: 1px solid var(--block-border-color);
+		user-select: none;
+		z-index: 1;
+	}
+
+	.handle {
+		width: 3px;
+		background-color: var(--color-accent);
+		cursor: ew-resize;
+		height: var(--size-12);
+		z-index: 3;
+		position: absolute;
+	}
+
+	.opaque-layer {
+		background-color: rgba(230, 103, 40, 0.25);
+		border: 1px solid var(--color-accent);
+		height: var(--size-12);
+		position: absolute;
+		z-index: 2;
+	}
+</style>
diff --git a/js/video/shared/VolumeControl.svelte b/js/video/shared/VolumeControl.svelte
new file mode 100644
index 0000000..0c991a8
--- /dev/null
+++ b/js/video/shared/VolumeControl.svelte
@@ -0,0 +1,85 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+
+	interface Props {
+		current_volume?: number;
+		show_volume_slider?: boolean;
+	}
+
+	let {
+		current_volume = $bindable(),
+		show_volume_slider = $bindable(false)
+	}: Props = $props();
+
+	let volume_element: HTMLInputElement | undefined = $state();
+
+	onMount(() => {
+		adjustSlider();
+	});
+
+	const adjustSlider = (): void => {
+		let slider = volume_element;
+		if (!slider) return;
+
+		slider.style.background = `linear-gradient(to right, white ${
+			(current_volume ?? 1) * 100
+		}%, rgba(255, 255, 255, 0.3) ${(current_volume ?? 1) * 100}%)`;
+	};
+
+	$effect(() => {
+		current_volume;
+		adjustSlider();
+	});
+</script>
+
+<input
+	bind:this={volume_element}
+	id="volume"
+	class="volume-slider"
+	type="range"
+	min="0"
+	max="1"
+	step="0.01"
+	value={current_volume ?? 1}
+	onfocusout={() => (show_volume_slider = false)}
+	oninput={(e) => {
+		if (e.target instanceof HTMLInputElement) {
+			current_volume = parseFloat(e.target.value);
+		}
+	}}
+/>
+
+<style>
+	.volume-slider {
+		-webkit-appearance: none;
+		appearance: none;
+		width: var(--size-20);
+		accent-color: var(--color-accent);
+		height: 4px;
+		cursor: pointer;
+		outline: none;
+		border-radius: 15px;
+		background-color: rgba(255, 255, 255, 0.3);
+		margin-left: var(--spacing-sm);
+	}
+
+	input[type="range"]::-webkit-slider-thumb {
+		-webkit-appearance: none;
+		appearance: none;
+		height: 15px;
+		width: 15px;
+		background-color: white;
+		border-radius: 50%;
+		border: none;
+		transition: 0.2s ease-in-out;
+	}
+
+	input[type="range"]::-moz-range-thumb {
+		height: 15px;
+		width: 15px;
+		background-color: white;
+		border-radius: 50%;
+		border: none;
+		transition: 0.2s ease-in-out;
+	}
+</style>
diff --git a/js/video/shared/index.ts b/js/video/shared/index.ts
new file mode 100644
index 0000000..979dcd6
--- /dev/null
+++ b/js/video/shared/index.ts
@@ -0,0 +1 @@
+export { default as Video } from "./Video.svelte";
diff --git a/js/video/shared/types.ts b/js/video/shared/types.ts
new file mode 100644
index 0000000..49b0233
--- /dev/null
+++ b/js/video/shared/types.ts
@@ -0,0 +1,5 @@
+export interface SubtitleData {
+	start: number;
+	end: number;
+	text: string;
+}
diff --git a/js/video/shared/utils.ts b/js/video/shared/utils.ts
new file mode 100644
index 0000000..8e2612a
--- /dev/null
+++ b/js/video/shared/utils.ts
@@ -0,0 +1,155 @@
+import { toBlobURL } from "@ffmpeg/util";
+import { FFmpeg } from "@ffmpeg/ffmpeg";
+import { lookup } from "mrmime";
+
+export const prettyBytes = (bytes: number): string => {
+	let units = ["B", "KB", "MB", "GB", "PB"];
+	let i = 0;
+	while (bytes > 1024) {
+		bytes /= 1024;
+		i++;
+	}
+	let unit = units[i];
+	return bytes.toFixed(1) + " " + unit;
+};
+
+export const playable = (): boolean => {
+	// TODO: Fix this
+	// let video_element = document.createElement("video");
+	// let mime_type = mime.lookup(filename);
+	// return video_element.canPlayType(mime_type) != "";
+	return true; // FIX BEFORE COMMIT - mime import causing issues
+};
+
+export function loaded(
+	node: HTMLVideoElement,
+	{ autoplay }: { autoplay: boolean }
+): any {
+	async function handle_playback(): Promise<void> {
+		if (!autoplay) return;
+		await node.play();
+	}
+
+	node.addEventListener("loadeddata", handle_playback);
+
+	return {
+		destroy(): void {
+			node.removeEventListener("loadeddata", handle_playback);
+		}
+	};
+}
+
+export default async function loadFfmpeg(): Promise<FFmpeg> {
+	const ffmpeg = new FFmpeg();
+	const root =
+		(typeof window !== "undefined" && window.gradio_config?.root) || "";
+	const baseURL = `${root}/static/ffmpeg`;
+
+	await ffmpeg.load({
+		coreURL: await toBlobURL(`${baseURL}/ffmpeg-core.js`, "text/javascript"),
+		wasmURL: await toBlobURL(`${baseURL}/ffmpeg-core.wasm`, "application/wasm")
+	});
+
+	return ffmpeg;
+}
+
+export function blob_to_data_url(blob: Blob): Promise<string> {
+	return new Promise((fulfill, reject) => {
+		let reader = new FileReader();
+		reader.onerror = reject;
+		reader.onload = () => fulfill(reader.result as string);
+		reader.readAsDataURL(blob);
+	});
+}
+
+export async function trimVideo(
+	ffmpeg: FFmpeg,
+	startTime: number,
+	endTime: number,
+	videoElement: HTMLVideoElement
+): Promise<any> {
+	const videoUrl = videoElement.src;
+	const mimeType = lookup(videoElement.src) || "video/mp4";
+	const blobUrl = await toBlobURL(videoUrl, mimeType);
+	const response = await fetch(blobUrl);
+	const vidBlob = await response.blob();
+	const type = getVideoExtensionFromMimeType(mimeType) || "mp4";
+	const inputName = `input.${type}`;
+	const outputName = `output.${type}`;
+
+	try {
+		if (startTime === 0 && endTime === 0) {
+			return vidBlob;
+		}
+
+		await ffmpeg.writeFile(
+			inputName,
+			new Uint8Array(await vidBlob.arrayBuffer())
+		);
+
+		let command = [
+			"-i",
+			inputName,
+			...(startTime !== 0 ? ["-ss", startTime.toString()] : []),
+			...(endTime !== 0 ? ["-to", endTime.toString()] : []),
+			"-c:a",
+			"copy",
+			outputName
+		];
+
+		await ffmpeg.exec(command);
+		const outputData = await ffmpeg.readFile(outputName);
+		const outputBytes =
+			typeof outputData === "string" ? outputData : new Uint8Array(outputData);
+		const outputBlob = new Blob([outputBytes], {
+			type: `video/${type}`
+		});
+
+		return outputBlob;
+	} catch (error) {
+		console.error("Error initializing FFmpeg:", error);
+		return vidBlob;
+	}
+}
+
+const getVideoExtensionFromMimeType = (mimeType: string): string | null => {
+	const videoMimeToExtensionMap: { [key: string]: string } = {
+		"video/mp4": "mp4",
+		"video/webm": "webm",
+		"video/ogg": "ogv",
+		"video/quicktime": "mov",
+		"video/x-msvideo": "avi",
+		"video/x-matroska": "mkv",
+		"video/mpeg": "mpeg",
+		"video/3gpp": "3gp",
+		"video/3gpp2": "3g2",
+		"video/h261": "h261",
+		"video/h263": "h263",
+		"video/h264": "h264",
+		"video/jpeg": "jpgv",
+		"video/jpm": "jpm",
+		"video/mj2": "mj2",
+		"video/mpv": "mpv",
+		"video/vnd.ms-playready.media.pyv": "pyv",
+		"video/vnd.uvvu.mp4": "uvu",
+		"video/vnd.vivo": "viv",
+		"video/x-f4v": "f4v",
+		"video/x-fli": "fli",
+		"video/x-flv": "flv",
+		"video/x-m4v": "m4v",
+		"video/x-ms-asf": "asf",
+		"video/x-ms-wm": "wm",
+		"video/x-ms-wmv": "wmv",
+		"video/x-ms-wmx": "wmx",
+		"video/x-ms-wvx": "wvx",
+		"video/x-sgi-movie": "movie",
+		"video/x-smv": "smv"
+	};
+
+	return videoMimeToExtensionMap[mimeType] || null;
+};
+
+export interface WebcamOptions {
+	mirror: boolean;
+	constraints: Record<string, any>;
+}
diff --git a/js/video/types.ts b/js/video/types.ts
new file mode 100644
index 0000000..ff17c14
--- /dev/null
+++ b/js/video/types.ts
@@ -0,0 +1,41 @@
+import type { FileData } from "@gradio/client";
+import type { ILoadingStatus as LoadingStatus } from "@gradio/statustracker";
+import type { CustomButton } from "@gradio/utils";
+import type { WebcamOptions } from "./shared/utils";
+
+export interface VideoProps {
+	value: FileData | null;
+	height: number | undefined;
+	width: number | undefined;
+	autoplay: boolean;
+	buttons: ("share" | "download" | "fullscreen" | CustomButton)[];
+	sources:
+		| ["webcam"]
+		| ["upload"]
+		| ["webcam", "upload"]
+		| ["upload", "webcam"];
+	webcam_options: WebcamOptions;
+	include_audio: boolean;
+	loop: boolean;
+	webcam_constraints: object;
+	subtitles: FileData | null;
+	playback_position: number;
+}
+
+export interface VideoEvents {
+	change: never;
+	clear: never;
+	play: never;
+	pause: never;
+	upload: never;
+	stop: never;
+	end: never;
+	start_recording: never;
+	stop_recording: never;
+	input: any;
+	clear_status: LoadingStatus;
+	share: any;
+	error: any;
+	warning: any;
+	custom_button_click: { id: number };
+}
diff --git a/js/workflowcanvas/CHANGELOG.md b/js/workflowcanvas/CHANGELOG.md
new file mode 100644
index 0000000..2333d91
--- /dev/null
+++ b/js/workflowcanvas/CHANGELOG.md
@@ -0,0 +1,75 @@
+# @gradio/workflowcanvas
+
+## 0.5.0
+
+### Features
+
+- [#13544](https://github.com/gradio-app/gradio/pull/13544) [`784eb53`](https://github.com/gradio-app/gradio/commit/784eb536ab6596b0fa967419aaa93de39fa9418d) - workflow: show downstream output on subgraph run.  Thanks @hannahblair!
+- [#13582](https://github.com/gradio-app/gradio/pull/13582) [`59968e8`](https://github.com/gradio-app/gradio/commit/59968e8fdc86230eebb329ce0871dfaa9fa9c746) - workflow: update input change handling.  Thanks @hannahblair!
+- [#13557](https://github.com/gradio-app/gradio/pull/13557) [`55241c8`](https://github.com/gradio-app/gradio/commit/55241c890fc5f0bbfddae4ce2ec14525d594e05e) - workflow: auto add node on port click.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/statustracker@0.15.1
+- @gradio/atoms@0.26.0
+- @gradio/client@2.3.1
+
+## 0.4.0
+
+### Features
+
+- [#13526](https://github.com/gradio-app/gradio/pull/13526) [`53cb4ca`](https://github.com/gradio-app/gradio/commit/53cb4cae1ec3521e9170d12867253516413ba37a) - Run `pnpm lint` and `pnpm ts:check` on CI.  Thanks @abidlabs!
+- [#13524](https://github.com/gradio-app/gradio/pull/13524) [`d4d340d`](https://github.com/gradio-app/gradio/commit/d4d340d1bbc1dfdec72fa46431b43f6a808f084f) - Run `gr.Workflow` subgraphs via the Gradio API — each subgraph is exposed as a named endpoint (returning all of its outputs) reusing `/info`, `/call`, and `/api`, with a "View API" panel in the canvas.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13511](https://github.com/gradio-app/gradio/pull/13511) [`8eafb31`](https://github.com/gradio-app/gradio/commit/8eafb31ee17c134e65d1a006753b9a6ee4631f07) - refactor space and model discovery modal.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/atoms@0.25.0
+- @gradio/statustracker@0.15.0
+- @gradio/utils@0.13.0
+- @gradio/client@2.3.0
+
+## 0.3.0
+
+### Features
+
+- [#13501](https://github.com/gradio-app/gradio/pull/13501) [`e547392`](https://github.com/gradio-app/gradio/commit/e547392d794bc8ac0bcf60f6846229e95350f2c4) - workflow: update pipeline UX around pro accounts.  Thanks @hannahblair!
+- [#13517](https://github.com/gradio-app/gradio/pull/13517) [`100eaf2`](https://github.com/gradio-app/gradio/commit/100eaf2705861ccb71ea53748e2c6965a9c68bd0) - workflow: implement drag selection.  Thanks @hannahblair!
+- [#13502](https://github.com/gradio-app/gradio/pull/13502) [`429faeb`](https://github.com/gradio-app/gradio/commit/429faeb643fb1afc1722c0f63fafa11603f2c87f) - Ensure every component dispatches a `change` event when its value changes.  Thanks @abidlabs!
+- [#13520](https://github.com/gradio-app/gradio/pull/13520) [`9362fd9`](https://github.com/gradio-app/gradio/commit/9362fd9fdb1f5699c8902e74d33afb6c25343209) - Use local HF token in Workflow, gated behind a write-token auth model.  Thanks @abidlabs!
+
+### Fixes
+
+- [#13484](https://github.com/gradio-app/gradio/pull/13484) [`87f42b9`](https://github.com/gradio-app/gradio/commit/87f42b9135004f416bfc71798c55eebf8120ef9c) - workflow: preserve dropdown, radio and checkbox inputs.  Thanks @hannahblair!
+- [#13489](https://github.com/gradio-app/gradio/pull/13489) [`965a36c`](https://github.com/gradio-app/gradio/commit/965a36cfa9fd4f29dcf0225b2c3da891b7e0027b) - workflow: dont render nodes for optional params on spawn.  Thanks @hannahblair!
+
+### Dependency updates
+
+- @gradio/client@2.2.2
+
+## 0.2.2
+
+### Features
+
+- [#13497](https://github.com/gradio-app/gradio/pull/13497) [`c26e797`](https://github.com/gradio-app/gradio/commit/c26e7975ede55b4c27d22379255de0b4e69ba3c6) - fix workflow canvas repo.url.  Thanks @pngwn!
+
+## 0.2.1
+
+### Fixes
+
+- [#13487](https://github.com/gradio-app/gradio/pull/13487) [`61b9715`](https://github.com/gradio-app/gradio/commit/61b9715739936a73c03408eb8b435bf7833f524f) - workflow: tweak zerogpu toggle UX.  Thanks @hannahblair!
+
+## 0.2.0
+
+### Features
+
+- [#13417](https://github.com/gradio-app/gradio/pull/13417) [`127400b`](https://github.com/gradio-app/gradio/commit/127400b01538faa0cf9d8a1ea7984c5ee05e66a0) - Add `gr.Workflow` and `gr.WorkflowCanvas` for building AI pipelines visually. `gr.Workflow` accepts `graph`, `bind`, and `edges` parameters to wire Python functions into a canvas, with automatic persistence to the graph JSON file.  Thanks @hannahblair!
+
+## 0.1.0
+
+### Features
+
+- Initial release: Workflow Canvas component integrated into core Gradio
\ No newline at end of file
diff --git a/js/workflowcanvas/Index.svelte b/js/workflowcanvas/Index.svelte
new file mode 100644
index 0000000..ee2b5d7
--- /dev/null
+++ b/js/workflowcanvas/Index.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+	import { Gradio } from "@gradio/utils";
+	import { get } from "svelte/store";
+	import WorkflowCanvas from "./workflow/WorkflowCanvas.svelte";
+	import { workflow, sanitize_for_save } from "./workflow/workflow-store";
+
+	let _props = $props();
+	const gradio = new Gradio<{ change: never }, { value: string | null }>(
+		_props
+	);
+	gradio.watch_for_change();
+
+	let serverObj = $derived(gradio.shared?.server ?? {});
+	let initialValue = $derived(gradio.props.value ?? null);
+
+	$effect(() => {
+		if (!serverObj?.save_workflow) return;
+
+		function handlePageHide() {
+			const gradioConfig = (window as any).gradio_config;
+			const componentId = gradioConfig?.components?.find(
+				(c: any) => c.type === "workflowcanvas"
+			)?.id;
+			if (!componentId) return;
+			const client = gradio.shared?.client;
+			if (!client) return;
+			const root = gradioConfig?.root ?? "";
+			const apiPrefix = gradioConfig?.api_prefix ?? "/gradio_api";
+			fetch(`${root}${apiPrefix}/component_server/`, {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({
+					data: [JSON.stringify(sanitize_for_save(get(workflow)))],
+					component_id: componentId,
+					fn_name: "save_workflow",
+					session_hash: client.session_hash
+				}),
+				keepalive: true
+			}).catch(() => {});
+		}
+
+		window.addEventListener("pagehide", handlePageHide);
+		return () => window.removeEventListener("pagehide", handlePageHide);
+	});
+</script>
+
+<div class="workflow-fullscreen">
+	<WorkflowCanvas server={serverObj} {initialValue} />
+</div>
+
+<style>
+	.workflow-fullscreen {
+		position: fixed;
+		inset: 0;
+		z-index: 100;
+		background: #0c0d10;
+	}
+</style>
diff --git a/js/workflowcanvas/package.json b/js/workflowcanvas/package.json
new file mode 100644
index 0000000..8aefab8
--- /dev/null
+++ b/js/workflowcanvas/package.json
@@ -0,0 +1,39 @@
+{
+	"name": "@gradio/workflowcanvas",
+	"version": "0.5.0",
+	"description": "Gradio Workflow Canvas component",
+	"type": "module",
+	"author": "",
+	"license": "Apache-2.0",
+	"private": false,
+	"main_changeset": true,
+	"main": "Index.svelte",
+	"exports": {
+		".": {
+			"gradio": "./Index.svelte",
+			"svelte": "./dist/Index.svelte",
+			"types": "./dist/Index.svelte.d.ts",
+			"default": "./dist/Index.svelte"
+		},
+		"./package.json": "./package.json"
+	},
+	"dependencies": {
+		"@gradio/atoms": "workspace:^",
+		"@gradio/client": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/utils": "workspace:^",
+		"@huggingface/hub": "^1.0.0",
+		"svelte": "^5.48.0"
+	},
+	"devDependencies": {
+		"@gradio/preview": "workspace:^"
+	},
+	"peerDependencies": {
+		"svelte": "^5.48.0"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/workflowcanvas"
+	}
+}
diff --git a/js/workflowcanvas/workflow/NodeModelPicker.svelte b/js/workflowcanvas/workflow/NodeModelPicker.svelte
new file mode 100644
index 0000000..ceba900
--- /dev/null
+++ b/js/workflowcanvas/workflow/NodeModelPicker.svelte
@@ -0,0 +1,1918 @@
+<script lang="ts">
+	import { TASK_SCHEMAS } from "./node-library";
+	import {
+		fetchSpaceApi,
+		is_zero_gpu_space,
+		normalize_space_id,
+		normalizeOperatorPorts
+	} from "./space-api";
+	import { MODALITIES } from "./workflow-modalities";
+	import type { ModalityConfig, SubTab } from "./workflow-modalities";
+	import SearchIcon from "./icons/SearchIcon.svelte";
+	import CloseIcon from "./icons/CloseIcon.svelte";
+	import OpenLinkIcon from "./icons/OpenLinkIcon.svelte";
+	import ImageIcon from "./icons/ImageIcon.svelte";
+	import AudioIcon from "./icons/AudioIcon.svelte";
+	import VideoIcon from "./icons/VideoIcon.svelte";
+	import Model3DIcon from "./icons/Model3DIcon.svelte";
+	import TextIcon from "./icons/TextIcon.svelte";
+	import DatasetIcon from "./icons/DatasetIcon.svelte";
+	import TaskIcon from "./icons/tasks/TaskIcon.svelte";
+
+	type ResultType = "space" | "model" | "dataset";
+
+	interface SpaceResult {
+		id: string;
+		title: string;
+		description: string;
+		likes: number;
+		type: ResultType;
+		pipeline_tag?: string;
+		zero_gpu?: boolean;
+		curated?: boolean;
+		thumbnail?: string;
+	}
+
+	interface Props {
+		mode: "create" | "update";
+		modality: ModalityConfig;
+		nodeId?: string;
+		server?: Record<string, any>;
+		anchorX?: number;
+		anchorY?: number;
+		initialSubtab?: string;
+		oncreate: (template: any) => void;
+		onupdate: (nodeId: string, template: any) => void;
+		onclose: () => void;
+		oncleared?: () => void;
+		onerror?: (message: string) => void;
+	}
+
+	let {
+		mode,
+		modality,
+		nodeId,
+		server = {},
+		anchorX = undefined,
+		anchorY = undefined,
+		initialSubtab = undefined,
+		oncreate,
+		onupdate,
+		onclose,
+		oncleared,
+		onerror
+	}: Props = $props();
+
+	const is_all = $derived(modality.key === "all");
+
+	const is_dataset = $derived(modality.key === "data");
+
+	const search_placeholder = $derived.by(() => {
+		if (is_dataset) return "Search datasets, paste a Hub URL...";
+		if (is_all) return "Search spaces & models, paste a Hub URL...";
+		return `Search ${modality.label.toLowerCase()} spaces & models, paste a Hub URL...`;
+	});
+
+	let available_tasks = $state<Set<string> | null>(null);
+
+	$effect(() => {
+		const m = modality.key;
+		available_tasks = null;
+		if (m === "data") return;
+		if (!server?.curated_modality_tasks) return;
+		void server
+			.curated_modality_tasks([m === "all" ? "" : m])
+			.then((raw: any) => {
+				try {
+					const parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
+					available_tasks = new Set(Array.isArray(parsed) ? parsed : []);
+				} catch {
+					available_tasks = new Set();
+				}
+			});
+	});
+
+	function subtab_available(st: SubTab): boolean {
+		if (available_tasks === null) return true;
+		if (st.key === "all") return true;
+		if (st.pipelineTag && available_tasks.has(st.pipelineTag)) return true;
+		if (st.spaceCategory && available_tasks.has(st.spaceCategory)) return true;
+		return false;
+	}
+
+	const sidebar_groups = $derived.by(() => {
+		if (is_dataset) return [];
+		available_tasks;
+		const mods = is_all ? MODALITIES : [modality];
+		return mods
+			.map((m) => ({
+				modality: m,
+				subtabs: m.subtabs.filter(
+					(st) => (!is_all || st.key !== "all") && subtab_available(st)
+				)
+			}))
+			.filter((g) => g.subtabs.length > 0);
+	});
+
+	const all_visible_subtabs = $derived.by(() => {
+		const flat = sidebar_groups.flatMap((g) => g.subtabs);
+		return is_all ? [modality.subtabs[0], ...flat] : flat;
+	});
+
+	let active_subtab = $state<SubTab>(
+		(initialSubtab && modality.subtabs.find((s) => s.key === initialSubtab)) ||
+			modality.subtabs[0]
+	);
+	let active_task_modality = $state<string | null>(null);
+
+	$effect(() => {
+		if (all_visible_subtabs.length === 0) return;
+		if (!all_visible_subtabs.some((st) => st.key === active_subtab.key)) {
+			active_subtab = all_visible_subtabs[0];
+			active_task_modality = null;
+		}
+	});
+
+	function select_task(st: SubTab, mod_key: string | null): void {
+		active_subtab = st;
+		active_task_modality = mod_key;
+	}
+
+	const AVATAR_COLORS = [
+		"#f97316",
+		"#8b5cf6",
+		"#3b82f6",
+		"#10b981",
+		"#ec4899",
+		"#f59e0b",
+		"#06b6d4",
+		"#84cc16"
+	];
+	function avatar_color(id: string): string {
+		let h = 5381;
+		for (let i = 0; i < id.length; i++) h = ((h << 5) + h) ^ id.charCodeAt(i);
+		return AVATAR_COLORS[Math.abs(h) % AVATAR_COLORS.length];
+	}
+	function avatar_initial(id: string): string {
+		return (id.split("/").pop() || id)[0].toUpperCase();
+	}
+
+	const SPACE_IMAGES: Record<string, string> = {};
+
+	let search_query = $state("");
+	let space_results = $state<SpaceResult[]>([]);
+	let model_results = $state<SpaceResult[]>([]);
+	let dataset_results = $state<SpaceResult[]>([]);
+	let loading = $state(false);
+	let zero_gpu_only = $state(false);
+	let loading_space_id = $state<string | null>(null);
+
+	const has_results = $derived(
+		is_dataset
+			? dataset_results.length > 0
+			: space_results.length + model_results.length > 0
+	);
+
+	let search_timeout: ReturnType<typeof setTimeout> | null = null;
+	let resolve_timeout: ReturnType<typeof setTimeout> | null = null;
+	let fetch_token = 0;
+
+	function parse_space(s: any): SpaceResult {
+		const desc = s.cardData?.short_description || s.ai_short_description || "";
+		return {
+			id: s.id,
+			title: s.cardData?.title || s.title || s.id.split("/").pop() || s.id,
+			description: desc,
+			likes: s.likes ?? 0,
+			type: "space",
+			pipeline_tag: s.cardData?.pipeline_tag || s.pipeline_tag || undefined,
+			zero_gpu: is_zero_gpu_space(s),
+			curated: s._curated === true,
+			thumbnail: s._thumbnail || undefined
+		};
+	}
+
+	function parse_model(m: any): SpaceResult {
+		return {
+			id: m.id,
+			title: m.id.split("/").pop() || m.id,
+			description: m.pipeline_tag || "",
+			likes: m.likes ?? 0,
+			type: "model",
+			pipeline_tag: m.pipeline_tag,
+			curated: m._curated === true,
+			thumbnail: m._thumbnail || undefined
+		};
+	}
+
+	async function fetch_results() {
+		if (is_dataset) {
+			await fetch_datasets(search_query);
+			return;
+		}
+		const token = ++fetch_token;
+		loading = true;
+		try {
+			const space_tag =
+				active_subtab.spaceCategory ?? active_subtab.pipelineTag;
+			const model_tag = active_subtab.pipelineTag;
+			const kind = search_query.length >= 2 ? "search" : "trending";
+			const query = search_query.length >= 2 ? search_query : "";
+
+			const backend_modality = is_all
+				? (active_task_modality ?? "")
+				: modality.key;
+			const calls: Promise<any>[] = [];
+			if (server?.search_spaces) {
+				calls.push(
+					server.search_spaces([
+						kind,
+						query,
+						space_tag,
+						backend_modality,
+						zero_gpu_only
+					])
+				);
+			} else {
+				calls.push(Promise.resolve("[]"));
+			}
+			if (server?.search_models) {
+				calls.push(
+					server.search_models([kind, query, model_tag, backend_modality])
+				);
+			} else {
+				calls.push(Promise.resolve("[]"));
+			}
+
+			const [rawSpaces, rawModels] = await Promise.all(calls);
+			if (token !== fetch_token) return;
+
+			const spaceData =
+				typeof rawSpaces === "string" ? JSON.parse(rawSpaces) : rawSpaces;
+			const modelData =
+				typeof rawModels === "string" ? JSON.parse(rawModels) : rawModels;
+
+			const spaces = Array.isArray(spaceData) ? spaceData.map(parse_space) : [];
+			const models = Array.isArray(modelData)
+				? modelData
+						.filter((m: any) => m.pipeline_tag && TASK_SCHEMAS[m.pipeline_tag])
+						.map(parse_model)
+				: [];
+
+			if (token !== fetch_token) return;
+			space_results = spaces.slice(0, 24);
+			model_results = models.slice(0, 20);
+		} catch {
+			if (token === fetch_token) {
+				space_results = [];
+				model_results = [];
+			}
+		} finally {
+			if (token === fetch_token) loading = false;
+		}
+	}
+
+	async function fetch_datasets(query: string) {
+		if (!server?.search_datasets) {
+			dataset_results = [];
+			loading = false;
+			return;
+		}
+		const token = ++fetch_token;
+		loading = true;
+		try {
+			const raw = await server.search_datasets([query]);
+			if (token !== fetch_token) return;
+			const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+			if (!Array.isArray(data)) {
+				dataset_results = [];
+				return;
+			}
+			dataset_results = data.slice(0, 20).map((d: any) => ({
+				id: d.id,
+				title: d.id.split("/").pop() || d.id,
+				description: d.description || d.cardData?.summary || "",
+				likes: d.likes ?? 0,
+				type: "dataset" as const,
+				pipeline_tag: undefined
+			}));
+		} catch {
+			if (token === fetch_token) dataset_results = [];
+		} finally {
+			if (token === fetch_token) loading = false;
+		}
+	}
+
+	$effect(() => {
+		active_subtab;
+		active_task_modality;
+		is_dataset;
+		modality.key;
+		zero_gpu_only;
+		void fetch_results();
+	});
+
+	function handle_search_input(e: Event) {
+		search_query = (e.currentTarget as HTMLInputElement).value;
+		if (search_timeout) clearTimeout(search_timeout);
+		if (resolve_timeout) clearTimeout(resolve_timeout);
+
+		if (!is_dataset && looks_like_repo(search_query)) {
+			resolve_timeout = setTimeout(
+				() => void resolve_pinned(search_query),
+				120
+			);
+		} else {
+			pinned_result = null;
+			pinned_error = null;
+			pinned_loading = false;
+			pinned_token++;
+		}
+
+		loading = true;
+		const fetcher = is_dataset
+			? () => fetch_datasets(search_query)
+			: () => fetch_results();
+		search_timeout = setTimeout(() => void fetcher(), 150);
+	}
+
+	function select_model(item: SpaceResult) {
+		const schema = item.pipeline_tag ? TASK_SCHEMAS[item.pipeline_tag] : null;
+		const inputHints = active_subtab.inputs;
+		const outputHints = active_subtab.outputs;
+		const template = {
+			label: item.id.split("/").pop() || item.id,
+			kind: "transform" as const,
+			source: "model" as const,
+			model_id: item.id,
+			pipeline_tag: item.pipeline_tag,
+			inputs: normalizeOperatorPorts(
+				modality,
+				schema?.inputs ?? [],
+				inputHints
+			),
+			outputs: normalizeOperatorPorts(
+				modality,
+				schema?.outputs ?? [],
+				outputHints
+			),
+			width: 280,
+			height: 90
+		};
+		if (mode === "update" && nodeId) {
+			onupdate(nodeId, template);
+		} else {
+			oncreate(template);
+		}
+		onclose();
+	}
+
+	async function select_space(space: SpaceResult) {
+		if (loading_space_id) return;
+		loading_space_id = space.id;
+		try {
+			const api_info = await fetchSpaceApi(space.id);
+			const inputHints = active_subtab.inputs;
+			const outputHints = active_subtab.outputs;
+			const template = {
+				label: space.title || space.id.split("/").pop() || space.id,
+				kind: "transform" as const,
+				source: "space" as const,
+				space_id: space.id,
+				pipeline_tag: space.pipeline_tag,
+				endpoint: api_info.endpoint,
+				endpoints: api_info.endpoints,
+				inputs: normalizeOperatorPorts(modality, api_info.inputs, inputHints),
+				outputs: normalizeOperatorPorts(
+					modality,
+					api_info.outputs,
+					outputHints
+				),
+				width: api_info.width,
+				height: 90
+			};
+			if (mode === "update" && nodeId) {
+				onupdate(nodeId, template);
+			} else {
+				oncreate(template);
+			}
+			onclose();
+		} catch (err) {
+			loading_space_id = null;
+			const msg = err instanceof Error ? err.message : "Couldn't load space";
+			pinned_error = msg;
+		}
+	}
+
+	function feature_to_port_type(feature: any): string {
+		const t = feature?.type;
+		if (!t) return "json";
+		if (t._type === "Image" || t.dtype === "image") return "image";
+		if (t._type === "Audio" || t.dtype === "audio") return "audio";
+		if (t._type === "Video" || t.dtype === "video") return "video";
+		if (t._type === "ClassLabel") return "text";
+		if (t._type === "Translation" || t._type === "TranslationVariableLanguages")
+			return "text";
+		if (t._type === "Value") {
+			if (t.dtype === "string") return "text";
+			if (t.dtype?.includes("int") || t.dtype?.includes("float"))
+				return "number";
+			if (t.dtype === "bool") return "boolean";
+		}
+		return "json";
+	}
+
+	async function select_dataset(dataset: SpaceResult) {
+		loading_space_id = dataset.id;
+		let outputs: { id: string; label: string; type: string }[] = [
+			{ id: "out_0", label: "Data", type: "json" }
+		];
+		let config = "default";
+		let split = "train";
+		try {
+			if (server?.get_dataset_schema) {
+				const raw = await server.get_dataset_schema([dataset.id]);
+				const schema = typeof raw === "string" ? JSON.parse(raw) : raw;
+				if (
+					!schema.error &&
+					Array.isArray(schema.features) &&
+					schema.features.length > 0
+				) {
+					config = schema.config ?? "default";
+					split = schema.split ?? "train";
+					const ports = schema.features.map((f: any, i: number) => ({
+						id: `out_${i}`,
+						label: f.name,
+						type: feature_to_port_type(f)
+					}));
+					if (ports.length > 0) outputs = ports;
+				}
+			}
+		} catch {
+		} finally {
+			loading_space_id = null;
+		}
+		oncreate({
+			label: dataset.title || dataset.id.split("/").pop() || dataset.id,
+			kind: "transform" as const,
+			source: "dataset" as const,
+			dataset_id: dataset.id,
+			dataset_config: config,
+			dataset_split: split,
+			// Single scalar input: row index. Inline-editable when not wired
+			// (the standard `.port-inline-config` block handles the widget);
+			// accepts upstream numbers/fns when wired.
+			inputs: [
+				{
+					id: "row_index",
+					label: "Row",
+					type: "number" as const,
+					default_value: 0
+				}
+			],
+			outputs,
+			width: 240,
+			height: 90
+		});
+		onclose();
+	}
+
+	function hub_url(item: SpaceResult): string {
+		if (item.type === "dataset")
+			return `https://huggingface.co/datasets/${item.id}`;
+		if (item.type === "model") return `https://huggingface.co/${item.id}`;
+		return `https://huggingface.co/spaces/${item.id}`;
+	}
+
+	function handle_row_click(item: SpaceResult) {
+		if (item.type === "dataset") {
+			void select_dataset(item);
+		} else if (item.type === "model") {
+			select_model(item);
+		} else {
+			select_space(item);
+		}
+	}
+
+	let pinned_result = $state<SpaceResult | null>(null);
+	let pinned_loading = $state(false);
+	let pinned_error = $state<string | null>(null);
+	let pinned_token = 0;
+
+	function looks_like_repo(input: string): boolean {
+		return normalize_space_id(input) !== null;
+	}
+
+	async function resolve_pinned(input: string) {
+		if (!server?.resolve_repo) return;
+		const myToken = ++pinned_token;
+		pinned_loading = true;
+		pinned_error = null;
+		pinned_result = null;
+		try {
+			const raw = await server.resolve_repo([input]);
+			if (myToken !== pinned_token) return;
+			const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+			if (data?.error) {
+				pinned_error = data.error === "not_found" ? "Not found" : null;
+				return;
+			}
+			const kind: ResultType =
+				data.kind === "model"
+					? "model"
+					: data.kind === "dataset"
+						? "dataset"
+						: "space";
+			const rec = data.record ?? {};
+			const desc =
+				rec.cardData?.short_description || rec.ai_short_description || "";
+
+			let curated = false;
+			if (server?.is_curated) {
+				try {
+					const cRaw = await server.is_curated([data.id, kind]);
+					const cData = typeof cRaw === "string" ? JSON.parse(cRaw) : cRaw;
+					curated = cData?.curated === true && cData?.status === "ok";
+				} catch {
+					/* noop */
+				}
+				if (myToken !== pinned_token) return;
+			}
+
+			pinned_result = {
+				id: data.id,
+				title:
+					rec.cardData?.title ||
+					rec.title ||
+					data.id.split("/").pop() ||
+					data.id,
+				description: desc,
+				likes: rec.likes ?? 0,
+				type: kind,
+				pipeline_tag:
+					rec.cardData?.pipeline_tag || rec.pipeline_tag || undefined,
+				zero_gpu: kind === "space" ? is_zero_gpu_space(rec) : undefined,
+				curated
+			};
+		} catch {
+			if (myToken === pinned_token) pinned_error = null;
+		} finally {
+			if (myToken === pinned_token) pinned_loading = false;
+		}
+	}
+
+	function format_likes(n: number): string {
+		if (n >= 1000) return `${(n / 1000).toFixed(1)}k`;
+		return String(n);
+	}
+</script>
+
+{#snippet modality_icon(key: string)}
+	{#if key === "image"}
+		<ImageIcon />
+	{:else if key === "audio"}
+		<AudioIcon />
+	{:else if key === "video"}
+		<VideoIcon />
+	{:else if key === "3d"}
+		<Model3DIcon />
+	{:else if key === "text"}
+		<TextIcon />
+	{:else if key === "data"}
+		<DatasetIcon />
+	{/if}
+{/snippet}
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div class="picker-overlay" onclick={onclose}>
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="picker-panel"
+		class:picker-panel-anchored={anchorX !== undefined}
+		style={anchorX !== undefined
+			? `left:${anchorX}px; top:${anchorY ?? 0}px;`
+			: ""}
+		onclick={(e) => e.stopPropagation()}
+		onwheel={(e) => e.stopPropagation()}
+	>
+		{#if is_dataset}
+			<div class="picker-filter-pill" role="status">
+				<span class="picker-filter-label">Filter</span>
+				<span class="picker-filter-modality">
+					<span class="picker-filter-icon">
+						<DatasetIcon />
+					</span>
+					{modality.label}
+				</span>
+				<button
+					class="picker-filter-close"
+					onclick={() => (oncleared ? oncleared() : onclose())}
+					aria-label="Clear modality filter"
+					title="Clear filter — show all spaces & models"
+				>
+					<CloseIcon />
+				</button>
+			</div>
+		{/if}
+
+		<div class="picker-search-row">
+			<div class="picker-search-wrap">
+				<span class="search-icon">
+					<SearchIcon />
+				</span>
+				<input
+					class="picker-search"
+					type="text"
+					placeholder={search_placeholder}
+					value={search_query}
+					oninput={handle_search_input}
+					autofocus
+				/>
+				{#if !is_dataset}
+					<button
+						class="picker-zerogpu-toggle"
+						class:active={zero_gpu_only}
+						onclick={() => (zero_gpu_only = !zero_gpu_only)}
+						aria-pressed={zero_gpu_only}
+						title={zero_gpu_only
+							? "Showing only ZeroGPU spaces"
+							: "Show only ZeroGPU spaces"}
+					>
+						⚡ ZeroGPU
+					</button>
+				{/if}
+				<button
+					class="picker-close-inline"
+					onclick={onclose}
+					aria-label="Close picker"
+					title="Close"
+				>
+					<CloseIcon />
+				</button>
+			</div>
+		</div>
+
+		<div class="picker-body">
+			{#if !is_dataset}
+				<div class="picker-sidebar">
+					{#if is_all}
+						<div class="picker-sidebar-heading">
+							<span>All tasks</span>
+						</div>
+						<button
+							class="picker-task-item"
+							class:active={active_subtab.key === "all"}
+							onclick={() => select_task(modality.subtabs[0], null)}
+						>
+							<span class="picker-task-icon">
+								<TaskIcon pipeline="all" />
+							</span>
+							<span class="picker-task-label">All</span>
+						</button>
+						{#each sidebar_groups as group (group.modality.key)}
+							<div class="picker-sidebar-group-heading">
+								<span class="picker-sidebar-icon">
+									{@render modality_icon(group.modality.key)}
+								</span>
+								<span>{group.modality.label}</span>
+							</div>
+							{#each group.subtabs as st (st.key)}
+								<button
+									class="picker-task-item"
+									class:active={active_subtab.key === st.key}
+									onclick={() => select_task(st, group.modality.key)}
+								>
+									<span class="picker-task-icon">
+										<TaskIcon pipeline={st.pipelineTag || st.key} />
+									</span>
+									<span class="picker-task-label">{st.label}</span>
+								</button>
+							{/each}
+						{/each}
+					{:else}
+						<div class="picker-sidebar-heading">
+							<span class="picker-sidebar-icon">
+								{@render modality_icon(modality.key)}
+							</span>
+							<span>{modality.label} tasks</span>
+						</div>
+						<button
+							class="picker-sidebar-clear"
+							onclick={() => (oncleared ? oncleared() : onclose())}
+							aria-label="Clear modality filter"
+							title="Show all spaces & models"
+						>
+							← All tasks
+						</button>
+						{#each sidebar_groups[0]?.subtabs ?? [] as st (st.key)}
+							<button
+								class="picker-task-item"
+								class:active={active_subtab.key === st.key}
+								onclick={() => select_task(st, null)}
+							>
+								<span class="picker-task-icon">
+									<TaskIcon pipeline={st.pipelineTag || st.key} />
+								</span>
+								<span class="picker-task-label">{st.label}</span>
+							</button>
+						{/each}
+					{/if}
+				</div>
+			{/if}
+
+			<div class="picker-results" class:picker-results-stale={loading}>
+				{#if pinned_loading}
+					<div class="picker-pinned picker-pinned-loading">
+						<span class="spinner small"></span>
+						<span>Resolving repo…</span>
+					</div>
+				{:else if pinned_error && !pinned_result}
+					<div class="picker-pinned picker-pinned-error">{pinned_error}</div>
+				{:else if pinned_result}
+					{@const pinned = pinned_result}
+					<!-- svelte-ignore a11y_no_static_element_interactions -->
+					<div
+						class="space-row pinned"
+						class:loading={loading_space_id === pinned.id}
+						class:uncurated={!pinned.curated}
+						onclick={() => handle_row_click(pinned)}
+						role="button"
+						tabindex="0"
+						title={pinned.curated
+							? `Use this exact ${pinned.type}`
+							: `Use this exact ${pinned.type} — not in our verified catalog`}
+					>
+						<div
+							class="space-avatar"
+							style="background:linear-gradient(135deg, {avatar_color(
+								pinned.id
+							)}, {avatar_color(pinned.id + '_2')})"
+						>
+							{avatar_initial(pinned.id)}
+						</div>
+						<div class="space-row-left">
+							<div class="space-name-row">
+								<span class="space-name"
+									>{pinned.title ||
+										(pinned.id.split("/").pop() ?? pinned.id)}</span
+								>
+								<span class="type-chip type-chip-{pinned.type}"
+									>{pinned.type === "model" ? "Model" : "Space"}</span
+								>
+								{#if pinned.curated}
+									<span
+										class="verified-chip"
+										title="Verified by the workflow team — checked daily"
+										>✓ Verified</span
+									>
+								{:else}
+									<span
+										class="uncurated-chip"
+										title="Not in our verified catalog — may not work or may be down"
+										>Unverified</span
+									>
+								{/if}
+								{#if pinned.type === "space" && pinned.zero_gpu}
+									<span class="space-badge space-badge-zerogpu">⚡ ZeroGPU</span
+									>
+								{/if}
+								{#if pinned.pipeline_tag}
+									<span class="space-badge">{pinned.pipeline_tag}</span>
+								{/if}
+							</div>
+							<div class="space-desc">
+								{#if pinned.curated}
+									Use this exact {pinned.type}
+									{#if pinned.description}
+										— {pinned.description}{/if}
+								{:else}
+									Not in our verified catalog — may not work. {pinned.description ||
+										""}
+								{/if}
+							</div>
+						</div>
+						<div class="space-row-right">
+							{#if loading_space_id === pinned.id}
+								<span class="spinner small"></span>
+							{/if}
+							<a
+								class="space-row-link"
+								href={hub_url(pinned)}
+								target="_blank"
+								rel="noopener noreferrer"
+								title="Open on HuggingFace"
+								aria-label="Open on HuggingFace"
+								onclick={(e) => e.stopPropagation()}
+								onmousedown={(e) => e.stopPropagation()}
+							>
+								<OpenLinkIcon />
+							</a>
+						</div>
+					</div>
+					{#if pinned_error}
+						<div class="picker-pinned picker-pinned-error">{pinned_error}</div>
+					{/if}
+				{/if}
+
+				{#if loading && !has_results}
+					<div class="picker-loading">
+						<span class="spinner"></span>
+					</div>
+				{:else if !has_results && !pinned_result}
+					<div class="picker-empty">
+						{search_query.length >= 2
+							? "Nothing found"
+							: is_all
+								? "No results found"
+								: `No ${modality.label.toLowerCase()} results found`}
+					</div>
+				{:else if is_dataset}
+					{#each dataset_results as dataset (dataset.id)}
+						<!-- svelte-ignore a11y_no_static_element_interactions -->
+						<div
+							class="space-row"
+							class:loading={loading_space_id === dataset.id}
+							onclick={() => handle_row_click(dataset)}
+							role="button"
+							tabindex="0"
+						>
+							<div
+								class="space-avatar"
+								style="background:linear-gradient(135deg, {avatar_color(
+									dataset.id
+								)}, {avatar_color(dataset.id + '_2')})"
+							>
+								{avatar_initial(dataset.id)}
+							</div>
+							<div class="space-row-left">
+								<div class="space-name-row">
+									<span class="space-name"
+										>{dataset.title ||
+											(dataset.id.split("/").pop() ?? dataset.id)}</span
+									>
+								</div>
+								{#if dataset.description}
+									<div class="space-desc">{dataset.description}</div>
+								{/if}
+							</div>
+							<div class="space-row-right">
+								{#if loading_space_id === dataset.id}
+									<span class="spinner small"></span>
+								{:else if dataset.likes > 0}
+									<span class="space-likes"
+										>♥ {format_likes(dataset.likes)}</span
+									>
+								{/if}
+								<a
+									class="space-row-link"
+									href={hub_url(dataset)}
+									target="_blank"
+									rel="noopener noreferrer"
+									title="Open on HuggingFace"
+									aria-label="Open on HuggingFace"
+									onclick={(e) => e.stopPropagation()}
+									onmousedown={(e) => e.stopPropagation()}
+								>
+									<OpenLinkIcon />
+								</a>
+							</div>
+						</div>
+					{/each}
+				{:else}
+					{#if space_results.length > 0}
+						<div class="picker-section-header">Curated Spaces</div>
+						<div class="picker-space-grid">
+							{#each space_results as space (space.id)}
+								<!-- svelte-ignore a11y_no_static_element_interactions -->
+								<div
+									class="space-card"
+									class:loading={loading_space_id === space.id}
+									onclick={() => handle_row_click(space)}
+									role="button"
+									tabindex="0"
+									title={space.title || space.id}
+								>
+									<div class="space-card-thumb">
+										{#if space.thumbnail || SPACE_IMAGES[space.id]}
+											<img
+												src={space.thumbnail || SPACE_IMAGES[space.id]}
+												alt={space.title || space.id}
+												loading="lazy"
+											/>
+										{:else}
+											<div
+												class="space-card-avatar"
+												style="background:linear-gradient(135deg, {avatar_color(
+													space.id
+												)}, {avatar_color(space.id + '_2')})"
+											>
+												{avatar_initial(space.id)}
+											</div>
+										{/if}
+										{#if space.zero_gpu}
+											<span
+												class="space-card-zerogpu"
+												title="ZeroGPU — always running">⚡ ZeroGPU</span
+											>
+										{/if}
+										{#if loading_space_id === space.id}
+											<div class="space-card-loading">
+												<span class="spinner"></span>
+											</div>
+										{/if}
+									</div>
+									<div class="space-card-body">
+										<div class="space-card-title">
+											{space.title || (space.id.split("/").pop() ?? space.id)}
+										</div>
+										<div class="space-card-meta">
+											{#if space.likes > 0}
+												<span class="space-likes"
+													>♥ {format_likes(space.likes)}</span
+												>
+											{/if}
+											{#if space.pipeline_tag}
+												<span class="space-card-tag">{space.pipeline_tag}</span>
+											{/if}
+										</div>
+									</div>
+								</div>
+							{/each}
+						</div>
+					{/if}
+
+					{#if model_results.length > 0}
+						<div class="picker-section-header">Curated Models</div>
+						<div class="picker-space-grid">
+							{#each model_results as model (model.id)}
+								<!-- svelte-ignore a11y_no_static_element_interactions -->
+								<div
+									class="space-card"
+									onclick={() => handle_row_click(model)}
+									role="button"
+									tabindex="0"
+									title={model.id}
+								>
+									<div class="space-card-thumb">
+										{#if model.thumbnail || SPACE_IMAGES[model.id]}
+											<img
+												src={model.thumbnail || SPACE_IMAGES[model.id]}
+												alt={model.title || model.id}
+												loading="lazy"
+											/>
+										{:else}
+											<div
+												class="space-card-avatar"
+												style="background:linear-gradient(135deg, {avatar_color(
+													model.id
+												)}, {avatar_color(model.id + '_2')})"
+											>
+												{avatar_initial(model.id)}
+											</div>
+										{/if}
+									</div>
+									<div class="space-card-body">
+										<div class="space-card-title">
+											{model.title || (model.id.split("/").pop() ?? model.id)}
+										</div>
+										<div class="space-card-meta">
+											<span class="space-card-owner"
+												>{model.id.split("/")[0]}</span
+											>
+											{#if model.likes > 0}
+												<span class="space-likes"
+													>♥ {format_likes(model.likes)}</span
+												>
+											{/if}
+											{#if model.pipeline_tag}
+												<span class="space-card-tag">{model.pipeline_tag}</span>
+											{/if}
+										</div>
+									</div>
+								</div>
+							{/each}
+						</div>
+					{/if}
+				{/if}
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+	/* Reuse toast-in animation from WorkflowCanvas.css */
+	@keyframes wf-toast-in {
+		from {
+			opacity: 0;
+			transform: translateY(6px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+	.picker-overlay {
+		position: absolute;
+		inset: 0;
+		z-index: 50;
+		pointer-events: none;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		/* Compensate for the bottom bar (~60px) so the panel is centered in
+		 * the visible canvas area, not the raw viewport. Extra few px of
+		 * bottom padding keeps the optical center balanced against the top
+		 * toolbar. */
+		padding-bottom: 72px;
+		padding-top: 8px;
+		box-sizing: border-box;
+	}
+
+	.picker-panel {
+		pointer-events: auto;
+		width: min(940px, calc(100vw - 64px));
+		/* Lock the panel to a fixed height so switching tasks doesn't make
+		 * the modal jump up and down. The results list scrolls inside; on
+		 * short viewports we cap to leave room for the toolbar and bottom
+		 * bar. */
+		height: min(720px, calc(100vh - 160px));
+		background: #13141c;
+		border: 1px solid #2a2b36;
+		border-radius: 16px;
+		box-shadow:
+			0 20px 60px rgba(0, 0, 0, 0.6),
+			0 0 0 1px rgba(255, 255, 255, 0.04);
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+		animation: wf-toast-in 0.12s ease-out;
+	}
+
+	.picker-panel-anchored {
+		position: absolute;
+	}
+
+	.picker-close-inline {
+		position: absolute;
+		right: 8px;
+		top: 50%;
+		transform: translateY(-50%);
+		width: 22px;
+		height: 22px;
+		border: none;
+		border-radius: 50%;
+		background: transparent;
+		color: #5c5e6a;
+		font-size: 16px;
+		line-height: 1;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		padding: 0;
+		transition:
+			background 0.15s,
+			color 0.15s;
+	}
+
+	.picker-close-inline:hover {
+		background: #1e1f2a;
+		color: #a0a2ae;
+	}
+
+	:global(body:not(.dark)) .picker-close-inline {
+		color: #8b8d98;
+	}
+
+	:global(body:not(.dark)) .picker-close-inline:hover {
+		background: rgba(0, 0, 0, 0.06);
+		color: #3e4050;
+	}
+
+	.picker-zerogpu-toggle {
+		position: absolute;
+		right: 38px;
+		top: 50%;
+		transform: translateY(-50%);
+		display: inline-flex;
+		align-items: center;
+		gap: 4px;
+		height: 22px;
+		padding: 0 8px;
+		border: 1px solid rgba(249, 115, 22, 0.4);
+		border-radius: 11px;
+		background: transparent;
+		color: rgba(249, 115, 22, 0.85);
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		font-weight: 600;
+		letter-spacing: 0.02em;
+		cursor: pointer;
+		transition:
+			background 0.15s,
+			color 0.15s,
+			border-color 0.15s;
+	}
+
+	.picker-zerogpu-toggle:hover {
+		background: rgba(249, 115, 22, 0.12);
+	}
+
+	.picker-zerogpu-toggle.active {
+		background: rgba(249, 115, 22, 0.85);
+		border-color: rgba(249, 115, 22, 0.85);
+		color: #fff;
+	}
+
+	.picker-filter-pill {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		margin: 12px 14px 0;
+		padding: 6px 8px 6px 12px;
+		border-radius: 28px;
+		background: rgba(249, 115, 22, 0.12);
+		box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.32);
+		font-family: "Manrope", sans-serif;
+		flex-shrink: 0;
+	}
+
+	.picker-filter-label {
+		font-size: 10px;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		color: #f97316;
+		opacity: 0.75;
+	}
+
+	.picker-filter-modality {
+		display: inline-flex;
+		align-items: center;
+		gap: 6px;
+		font-size: 13px;
+		font-weight: 700;
+		color: #f97316;
+		letter-spacing: -0.01em;
+	}
+
+	.picker-filter-icon {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 16px;
+		height: 16px;
+	}
+
+	.picker-filter-close {
+		margin-left: auto;
+		width: 22px;
+		height: 22px;
+		border: none;
+		border-radius: 50%;
+		background: transparent;
+		color: rgba(249, 115, 22, 0.7);
+		cursor: pointer;
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		transition:
+			background 0.12s,
+			color 0.12s;
+	}
+
+	.picker-filter-close:hover {
+		background: rgba(249, 115, 22, 0.18);
+		color: #f97316;
+	}
+
+	:global(body:not(.dark)) .picker-filter-pill {
+		background: rgba(249, 115, 22, 0.1);
+		box-shadow: inset 0 0 0 1px rgba(249, 115, 22, 0.3);
+	}
+
+	:global(body:not(.dark)) .picker-filter-label,
+	:global(body:not(.dark)) .picker-filter-modality {
+		color: #d65500;
+	}
+
+	:global(body:not(.dark)) .picker-filter-close {
+		color: rgba(214, 85, 0, 0.7);
+	}
+
+	:global(body:not(.dark)) .picker-filter-close:hover {
+		background: rgba(214, 85, 0, 0.14);
+		color: #d65500;
+	}
+
+	.picker-search-row {
+		padding: 14px 16px 10px;
+		flex-shrink: 0;
+	}
+
+	.picker-search-wrap {
+		position: relative;
+		display: flex;
+		align-items: center;
+	}
+
+	.search-icon {
+		position: absolute;
+		left: 13px;
+		display: inline-flex;
+		color: #4a4d57;
+		pointer-events: none;
+		flex-shrink: 0;
+	}
+
+	.picker-search {
+		flex: 1;
+		min-width: 0;
+		padding: 11px 130px 11px 36px;
+		background: #0c0d10;
+		border: 1px solid #2a2b36;
+		border-radius: 10px;
+		font-family: "Manrope", sans-serif;
+		font-size: 14px;
+		color: #d5d6de;
+		outline: none;
+		transition:
+			border-color 0.15s,
+			box-shadow 0.15s;
+	}
+
+	.picker-search::placeholder {
+		color: #3e4050;
+	}
+
+	.picker-search:focus {
+		border-color: #f97316;
+		box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.1);
+	}
+
+	.picker-body {
+		display: flex;
+		flex: 1;
+		min-height: 0;
+	}
+
+	.picker-sidebar {
+		width: 200px;
+		flex-shrink: 0;
+		overflow-y: auto;
+		border-right: 1px solid #2a2b36;
+		padding: 4px 8px 14px;
+		scrollbar-width: thin;
+		scrollbar-color: #2a2b36 transparent;
+	}
+
+	.picker-sidebar-heading,
+	.picker-sidebar-group-heading {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 8px 8px 6px;
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		color: #4a4d57;
+	}
+
+	.picker-sidebar-group-heading {
+		margin-top: 14px;
+	}
+
+	.picker-sidebar-icon {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 14px;
+		height: 14px;
+	}
+
+	.picker-sidebar-clear {
+		display: block;
+		width: calc(100% - 16px);
+		margin: 2px 8px 8px;
+		padding: 6px 10px;
+		border: 1px solid #2a2b36;
+		border-radius: 8px;
+		background: transparent;
+		color: #8b8d98;
+		font-family: "Manrope", sans-serif;
+		font-size: 11px;
+		font-weight: 600;
+		text-align: left;
+		cursor: pointer;
+		transition:
+			background 0.12s,
+			border-color 0.12s,
+			color 0.12s;
+	}
+
+	.picker-sidebar-clear:hover {
+		background: rgba(255, 255, 255, 0.04);
+		border-color: #3a3b48;
+		color: #d5d6de;
+	}
+
+	.picker-task-item {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 7px 10px;
+		border: none;
+		border-radius: 8px;
+		background: transparent;
+		color: #8b8d98;
+		font-family: "Manrope", sans-serif;
+		font-size: 12px;
+		font-weight: 600;
+		letter-spacing: -0.01em;
+		text-align: left;
+		cursor: pointer;
+		transition:
+			background 0.12s,
+			color 0.12s;
+	}
+
+	.picker-task-item:hover {
+		background: rgba(255, 255, 255, 0.04);
+		color: #e8e9f0;
+	}
+
+	.picker-task-item.active {
+		background: rgba(249, 115, 22, 0.08);
+		color: #f97316;
+	}
+
+	.picker-task-icon {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		font-size: 16px;
+		line-height: 1;
+		opacity: 0.85;
+		flex-shrink: 0;
+	}
+
+	.picker-task-item:hover .picker-task-icon,
+	.picker-task-item.active .picker-task-icon {
+		opacity: 1;
+	}
+
+	.picker-task-label {
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	:global(body:not(.dark)) .picker-sidebar {
+		border-right-color: #e2e4ea;
+		scrollbar-color: #e2e4ea transparent;
+	}
+
+	:global(body:not(.dark)) .picker-sidebar-heading,
+	:global(body:not(.dark)) .picker-sidebar-group-heading {
+		color: #8b8d98;
+	}
+
+	:global(body:not(.dark)) .picker-sidebar-clear {
+		border-color: #e2e4ea;
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .picker-sidebar-clear:hover {
+		background: rgba(0, 0, 0, 0.04);
+		border-color: #cdd0d8;
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .picker-task-item {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .picker-task-item:hover {
+		background: rgba(0, 0, 0, 0.04);
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .picker-task-item.active {
+		background: rgba(249, 115, 22, 0.1);
+		color: #d65500;
+	}
+
+	.type-chip {
+		font-family: "Manrope", sans-serif;
+		font-size: 9px;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		padding: 1px 6px;
+		border-radius: 8px;
+		flex-shrink: 0;
+	}
+	.type-chip-space {
+		background: rgba(249, 115, 22, 0.12);
+		color: #f97316;
+	}
+	.type-chip-model {
+		background: rgba(139, 92, 246, 0.14);
+		color: #8b5cf6;
+	}
+	:global(body:not(.dark)) .type-chip-space {
+		background: rgba(234, 88, 12, 0.1);
+		color: #d65500;
+	}
+	:global(body:not(.dark)) .type-chip-model {
+		background: rgba(124, 58, 237, 0.1);
+		color: #7c3aed;
+	}
+
+	.verified-chip {
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		font-weight: 700;
+		color: #10b981;
+		flex-shrink: 0;
+	}
+	:global(body:not(.dark)) .verified-chip {
+		color: #059669;
+	}
+
+	.uncurated-chip {
+		font-family: "Manrope", sans-serif;
+		font-size: 9px;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		padding: 1px 6px;
+		border-radius: 8px;
+		background: rgba(245, 158, 11, 0.14);
+		color: #f59e0b;
+		flex-shrink: 0;
+	}
+	:global(body:not(.dark)) .uncurated-chip {
+		background: rgba(217, 119, 6, 0.1);
+		color: #b45309;
+	}
+
+	.space-row.pinned.uncurated {
+		background: rgba(245, 158, 11, 0.05);
+		border-left-color: #f59e0b;
+	}
+	:global(body:not(.dark)) .space-row.pinned.uncurated {
+		background: rgba(245, 158, 11, 0.04);
+	}
+
+	.picker-pinned {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 10px 14px;
+		font-family: "Manrope", sans-serif;
+		font-size: 12px;
+		color: #8b8d98;
+	}
+	.picker-pinned-error {
+		color: #ef4444;
+		background: rgba(239, 68, 68, 0.08);
+		border-radius: 8px;
+		margin: 4px 0;
+		font-size: 12.5px;
+	}
+	.space-row.pinned {
+		background: rgba(249, 115, 22, 0.06);
+	}
+	:global(body:not(.dark)) .space-row.pinned {
+		background: rgba(249, 115, 22, 0.05);
+	}
+
+	.picker-results {
+		position: relative;
+		flex: 1;
+		min-width: 0;
+		overflow-y: auto;
+		padding: 6px 10px 12px;
+		scrollbar-width: thin;
+		scrollbar-color: #2a2b36 transparent;
+		transition: opacity 0.12s ease;
+	}
+
+	.picker-results-stale {
+		opacity: 0.55;
+	}
+
+	.picker-section-header {
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		color: #4a4d57;
+		padding: 10px 6px 6px;
+	}
+
+	:global(body:not(.dark)) .picker-section-header {
+		color: #8b8d98;
+	}
+
+	.picker-space-grid {
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
+		gap: 12px;
+		padding: 2px 4px 8px;
+	}
+
+	.space-card {
+		display: block;
+		min-height: 180px;
+		border-radius: 12px;
+		background: rgba(255, 255, 255, 0.025);
+		border: 1px solid rgba(255, 255, 255, 0.05);
+		cursor: pointer;
+		overflow: hidden;
+		transition:
+			background 0.12s,
+			border-color 0.12s,
+			transform 0.12s;
+	}
+
+	.space-card:hover {
+		background: rgba(255, 255, 255, 0.05);
+		border-color: rgba(249, 115, 22, 0.35);
+		transform: translateY(-1px);
+	}
+
+	.space-card.loading {
+		opacity: 0.6;
+		pointer-events: none;
+	}
+
+	.space-card-thumb {
+		position: relative;
+		display: block;
+		width: 100%;
+		height: 120px;
+		min-height: 120px;
+		max-height: 120px;
+		overflow: hidden;
+		background: #0c0d10;
+		flex-shrink: 0;
+	}
+
+	.space-card-thumb img {
+		position: absolute;
+		inset: 0;
+		width: 100%;
+		height: 100%;
+		object-fit: cover;
+		display: block;
+	}
+
+	.space-card-avatar {
+		position: absolute;
+		inset: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		font-family: "Manrope", sans-serif;
+		font-size: 48px;
+		font-weight: 800;
+		color: rgba(0, 0, 0, 0.55);
+		text-shadow: 0 1px 2px rgba(255, 255, 255, 0.18);
+	}
+
+	.space-card-zerogpu {
+		position: absolute;
+		top: 6px;
+		right: 6px;
+		font-family: "Manrope", sans-serif;
+		font-size: 9px;
+		font-weight: 700;
+		padding: 2px 6px;
+		border-radius: 6px;
+		background: rgba(249, 115, 22, 0.85);
+		color: #fff;
+		letter-spacing: 0.02em;
+	}
+
+	.space-card-loading {
+		position: absolute;
+		inset: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		background: rgba(12, 13, 16, 0.55);
+	}
+
+	.space-card-body {
+		padding: 8px 10px 10px;
+		min-width: 0;
+	}
+
+	.space-card-title {
+		display: flex;
+		align-items: center;
+		gap: 4px;
+		font-family: "Manrope", sans-serif;
+		font-size: 13px;
+		font-weight: 700;
+		color: #e8e9f0;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.space-card-meta {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		margin-top: 3px;
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		color: #6b6e78;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+
+	.space-card-tag {
+		color: #8b8d98;
+		text-overflow: ellipsis;
+		overflow: hidden;
+	}
+
+	:global(body:not(.dark)) .space-card {
+		background: #fafbfc;
+		border-color: #e8eaef;
+	}
+
+	:global(body:not(.dark)) .space-card:hover {
+		background: #f4f5f8;
+		border-color: rgba(249, 115, 22, 0.35);
+	}
+
+	:global(body:not(.dark)) .space-card-thumb {
+		background: #f0f1f5;
+	}
+
+	:global(body:not(.dark)) .space-card-title {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .space-card-meta {
+		color: #8b8d98;
+	}
+
+	:global(body:not(.dark)) .space-card-tag {
+		color: #6b6e78;
+	}
+
+	.space-card-owner {
+		color: #6b6e78;
+		flex-shrink: 0;
+	}
+
+	:global(body:not(.dark)) .space-card-owner {
+		color: #8b8d98;
+	}
+
+	.picker-loading {
+		position: absolute;
+		inset: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		pointer-events: none;
+	}
+
+	.picker-empty {
+		text-align: center;
+		padding: 60px 24px;
+		font-family: "Manrope", sans-serif;
+		font-size: 13px;
+		color: #4a4d57;
+	}
+
+	.space-avatar {
+		width: 52px;
+		height: 52px;
+		border-radius: 12px;
+		font-size: 22px;
+		font-weight: 700;
+		color: rgba(0, 0, 0, 0.55);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+		text-shadow: 0 1px 2px rgba(255, 255, 255, 0.15);
+		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
+	}
+
+	.space-row {
+		display: flex;
+		align-items: center;
+		gap: 14px;
+		padding: 10px 12px;
+		border-radius: 10px;
+		cursor: pointer;
+		transition: background 0.12s;
+	}
+
+	.space-row:hover {
+		background: rgba(255, 255, 255, 0.04);
+	}
+
+	.space-row.loading {
+		opacity: 0.6;
+		pointer-events: none;
+	}
+
+	.space-row-left {
+		flex: 1;
+		min-width: 0;
+	}
+
+	.space-name-row {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		min-width: 0;
+	}
+
+	.space-name {
+		font-family: "Manrope", sans-serif;
+		font-size: 14px;
+		font-weight: 700;
+		color: #e8e9f0;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.space-badge {
+		display: inline-flex;
+		align-items: center;
+		padding: 2px 7px;
+		border-radius: 10px;
+		background: rgba(255, 255, 255, 0.06);
+		color: #8b8d98;
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		font-weight: 600;
+		white-space: nowrap;
+		flex-shrink: 0;
+	}
+
+	.space-badge-zerogpu {
+		background: rgba(249, 115, 22, 0.14);
+		color: #f97316;
+	}
+
+	.space-badge-providers {
+		background: rgba(56, 189, 248, 0.14);
+		color: #38bdf8;
+	}
+
+	.space-desc {
+		font-family: "Manrope", sans-serif;
+		font-size: 12.5px;
+		color: #7a7d88;
+		margin-top: 3px;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		line-height: 1.35;
+	}
+
+	.space-row-right {
+		display: flex;
+		align-items: center;
+		gap: 10px;
+		flex-shrink: 0;
+	}
+
+	.space-likes {
+		font-family: "Manrope", sans-serif;
+		font-size: 11px;
+		font-weight: 600;
+		color: #4a4d57;
+		flex-shrink: 0;
+	}
+
+	.space-row-link {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 22px;
+		height: 22px;
+		border-radius: 6px;
+		color: #4a4d57;
+		text-decoration: none;
+		opacity: 0;
+		flex-shrink: 0;
+		transition:
+			opacity 0.15s,
+			color 0.15s,
+			background 0.15s;
+	}
+
+	.space-row:hover .space-row-link,
+	.space-row:focus-within .space-row-link {
+		opacity: 1;
+	}
+
+	.space-row-link:hover {
+		color: #f97316;
+		background: rgba(249, 115, 22, 0.08);
+	}
+
+	.spinner {
+		display: inline-block;
+		width: 18px;
+		height: 18px;
+		border: 2px solid #2a2b36;
+		border-top-color: #f97316;
+		border-radius: 50%;
+		animation: spin 0.7s linear infinite;
+	}
+
+	.spinner.small {
+		width: 14px;
+		height: 14px;
+		border-width: 1.5px;
+	}
+
+	@keyframes spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	/* Light mode */
+	:global(body:not(.dark)) .picker-panel {
+		background: #ffffff;
+		border-color: #e2e4ea;
+		box-shadow:
+			0 12px 40px rgba(0, 0, 0, 0.12),
+			0 0 0 1px rgba(0, 0, 0, 0.04);
+	}
+
+	:global(body:not(.dark)) .picker-search {
+		background: #f8f9fb;
+		border-color: #e2e4ea;
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .picker-search::placeholder {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .picker-search:focus {
+		background: #ffffff;
+	}
+
+	:global(body:not(.dark)) .space-row:hover {
+		background: #f4f5f8;
+	}
+
+	:global(body:not(.dark)) .space-name {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .space-desc {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .space-badge {
+		background: #eef0f4;
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .space-badge-zerogpu {
+		background: rgba(249, 115, 22, 0.12);
+		color: #c84a00;
+	}
+
+	:global(body:not(.dark)) .space-badge-providers {
+		background: rgba(56, 189, 248, 0.14);
+		color: #0369a1;
+	}
+
+	:global(body:not(.dark)) .space-likes {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .picker-empty {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .space-avatar {
+		color: rgba(0, 0, 0, 0.55);
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/NodeWidget.svelte b/js/workflowcanvas/workflow/NodeWidget.svelte
new file mode 100644
index 0000000..7fd2a30
--- /dev/null
+++ b/js/workflowcanvas/workflow/NodeWidget.svelte
@@ -0,0 +1,774 @@
+<script lang="ts">
+	import type {
+		WFNode,
+		PortType,
+		NodeDataValue,
+		FileValue
+	} from "./workflow-types";
+	import { BaseTextbox } from "@gradio/textbox";
+	import { BaseStaticImage } from "@gradio/image";
+	import DownloadIcon from "./icons/DownloadIcon.svelte";
+
+	interface Props {
+		node: WFNode;
+		widgetPortId: string;
+		widgetType: PortType;
+		isReadonly: boolean;
+		ondatachange: (
+			nodeId: string,
+			portId: string,
+			value: NodeDataValue
+		) => void;
+	}
+
+	let { node, widgetPortId, widgetType, isReadonly, ondatachange }: Props =
+		$props();
+
+	const widgetPort = $derived(
+		node.outputs.find((p) => p.id === widgetPortId) ??
+			node.inputs.find((p) => p.id === widgetPortId)
+	);
+	const choices = $derived(widgetPort?.choices ?? null);
+	const hasChoices = $derived(!!choices?.length);
+	const multiselect = $derived(!!widgetPort?.multiselect);
+
+	let fileInputEl: HTMLInputElement | undefined = $state();
+
+	function getTextValue(): string {
+		const v = node.data?.[widgetPortId];
+		return typeof v === "string" ? v : "";
+	}
+
+	function getFileValue(): FileValue | null {
+		const v = node.data?.[widgetPortId];
+		return v && typeof v === "object" && !Array.isArray(v) ? v : null;
+	}
+
+	function getNumberValue(): number {
+		const v = node.data?.[widgetPortId];
+		return typeof v === "number" ? v : 0;
+	}
+
+	function getBooleanValue(): boolean {
+		const v = node.data?.[widgetPortId];
+		return typeof v === "boolean" ? v : false;
+	}
+
+	function handleNumberInput(e: Event) {
+		const target = e.currentTarget as HTMLInputElement;
+		ondatachange(node.id, widgetPortId, parseFloat(target.value) || 0);
+	}
+
+	function handleBooleanInput(e: Event) {
+		const target = e.currentTarget as HTMLInputElement;
+		ondatachange(node.id, widgetPortId, target.checked);
+	}
+
+	function revoke_old_blob(): void {
+		const old = getFileValue();
+		if (old?.url?.startsWith("blob:")) URL.revokeObjectURL(old.url);
+	}
+
+	function adopt_file(file: File): void {
+		revoke_old_blob();
+		ondatachange(node.id, widgetPortId, {
+			name: file.name,
+			url: URL.createObjectURL(file),
+			mime: file.type
+		});
+	}
+
+	function handleFileSelect(e: Event) {
+		const file = (e.currentTarget as HTMLInputElement).files?.[0];
+		if (file) adopt_file(file);
+	}
+
+	function handleFileDrop(e: DragEvent) {
+		e.preventDefault();
+		e.stopPropagation();
+		const file = e.dataTransfer?.files?.[0];
+		if (file) adopt_file(file);
+	}
+
+	function clearFile() {
+		revoke_old_blob();
+		ondatachange(node.id, widgetPortId, null);
+	}
+
+	/**
+	 * Download the current file value. Same-origin and blob/data URLs work
+	 * via a direct `<a download>`. Cross-origin URLs (e.g. HF Inference
+	 * results) often ignore the download attribute and navigate instead,
+	 * so we fetch into a blob first and then trigger the link on the
+	 * resulting object URL — that forces a save instead of a tab swap.
+	 */
+	async function downloadFile() {
+		const v = getFileValue();
+		if (!v?.url) return;
+		const name = v.name || "download";
+		const sameOrigin =
+			v.url.startsWith("blob:") ||
+			v.url.startsWith("data:") ||
+			(v.url.startsWith("http") &&
+				new URL(v.url, window.location.origin).origin ===
+					window.location.origin) ||
+			!v.url.startsWith("http");
+		try {
+			const url = sameOrigin
+				? v.url
+				: await fetch(v.url)
+						.then((r) => r.blob())
+						.then((b) => URL.createObjectURL(b));
+			const a = document.createElement("a");
+			a.href = url;
+			a.download = name;
+			document.body.appendChild(a);
+			a.click();
+			document.body.removeChild(a);
+			if (!sameOrigin) setTimeout(() => URL.revokeObjectURL(url), 1000);
+		} catch {
+			// Fall back to navigating; user can right-click → save.
+			window.open(v.url, "_blank", "noopener");
+		}
+	}
+
+	const i18n = (key: string) => key;
+	async function stubUpload(files: File[]): Promise<any[]> {
+		return files.map((f) => ({
+			url: URL.createObjectURL(f),
+			orig_name: f.name,
+			path: f.name,
+			mime_type: f.type,
+			size: f.size
+		}));
+	}
+	async function stubStream(): Promise<any> {
+		return;
+	}
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="widget-zone nodrag nopan"
+	class:text-full={(widgetType === "text" || widgetType === "json") &&
+		!hasChoices}
+	onmousedown={(e) => e.stopPropagation()}
+	onpointerdown={(e) => e.stopPropagation()}
+>
+	{#if hasChoices && choices}
+		{@const rawValue = node.data?.[widgetPortId]}
+		{@const selected = multiselect && Array.isArray(rawValue) ? rawValue : []}
+		{@const current =
+			!multiselect && typeof rawValue === "string" ? rawValue : ""}
+		<div class="widget-choices">
+			{#each choices as choice}
+				<label class="widget-choice-row">
+					{#if multiselect}
+						<input
+							type="checkbox"
+							class="widget-checkbox widget-checkbox-choice"
+							checked={selected.includes(choice)}
+							disabled={isReadonly}
+							onchange={(e) =>
+								ondatachange(
+									node.id,
+									widgetPortId,
+									e.currentTarget.checked
+										? [...selected, choice]
+										: selected.filter((c) => c !== choice)
+								)}
+						/>
+					{:else}
+						<input
+							type="radio"
+							class="widget-radio"
+							name="{node.id}-{widgetPortId}"
+							value={choice}
+							checked={current === choice}
+							disabled={isReadonly}
+							onchange={() => ondatachange(node.id, widgetPortId, choice)}
+						/>
+					{/if}
+					<span class="widget-checkbox-label">{choice}</span>
+				</label>
+			{/each}
+		</div>
+	{:else if widgetType === "text" || widgetType === "json"}
+		<div class="widget-text-wrap">
+			<div class="widget-gradio-wrap">
+				<BaseTextbox
+					value={getTextValue()}
+					label="text"
+					show_label={false}
+					lines={widgetType === "json" ? 4 : 3}
+					max_lines={8}
+					placeholder={isReadonly
+						? "Waiting for output..."
+						: widgetType === "json"
+							? '{"key": "value"}'
+							: "Enter text..."}
+					disabled={isReadonly}
+					onchange={(val) => {
+						if (node.data?.[widgetPortId] !== val)
+							ondatachange(node.id, widgetPortId, val);
+					}}
+				/>
+			</div>
+		</div>
+	{:else if widgetType === "number"}
+		<div class="widget-number-wrap">
+			{#if isReadonly}
+				<div class="widget-text-display">
+					{getNumberValue()}
+				</div>
+			{:else}
+				<input
+					class="widget-number"
+					type="number"
+					value={getNumberValue()}
+					oninput={handleNumberInput}
+					step="any"
+				/>
+			{/if}
+		</div>
+	{:else if widgetType === "boolean"}
+		<div class="widget-bool-wrap">
+			<label class="widget-checkbox-row">
+				<input
+					class="widget-checkbox"
+					type="checkbox"
+					checked={getBooleanValue()}
+					disabled={isReadonly}
+					onchange={handleBooleanInput}
+				/>
+				<span class="widget-checkbox-label"
+					>{getBooleanValue() ? "On" : "Off"}</span
+				>
+			</label>
+		</div>
+	{:else if widgetType === "image" || widgetType === "audio" || widgetType === "video" || widgetType === "file" || widgetType === "gallery" || widgetType === "model3d"}
+		{@const fileVal = getFileValue()}
+		{#if fileVal}
+			<div class="widget-preview">
+				{#if (widgetType === "image" || widgetType === "gallery") && isReadonly}
+					<div class="widget-gradio-wrap widget-gradio-image">
+						<BaseStaticImage
+							value={{
+								url: fileVal.url,
+								orig_name: fileVal.name,
+								path: fileVal.url,
+								mime_type: fileVal.mime,
+								meta: { _type: "gradio.FileData" }
+							}}
+							show_label={false}
+							{i18n}
+							buttons={[]}
+						/>
+					</div>
+				{:else if widgetType === "image" || widgetType === "gallery"}
+					<img class="widget-img" src={fileVal.url} alt={fileVal.name} />
+				{:else if widgetType === "audio"}
+					<audio class="widget-audio" controls src={fileVal.url}></audio>
+				{:else if widgetType === "video"}
+					<video class="widget-video" controls src={fileVal.url}></video>
+				{:else}
+					<div class="widget-file-info">
+						<span class="widget-file-name">{fileVal.name}</span>
+					</div>
+				{/if}
+				<div class="widget-preview-actions">
+					<button
+						class="widget-action"
+						onclick={downloadFile}
+						title="Download {fileVal.name}"
+						aria-label="Download"
+					>
+						<DownloadIcon />
+					</button>
+					{#if !isReadonly}
+						<button
+							class="widget-action widget-clear"
+							onclick={clearFile}
+							title="Clear"
+							aria-label="Clear">&times;</button
+						>
+					{/if}
+				</div>
+			</div>
+		{:else if isReadonly}
+			<div class="widget-placeholder">Waiting for output...</div>
+		{:else}
+			<!-- svelte-ignore a11y_interactive_supports_focus -->
+			<div
+				class="widget-file-drop nodrag nopan"
+				role="button"
+				tabindex="0"
+				onclick={() => fileInputEl?.click()}
+				onkeydown={(e) => {
+					if (e.key === "Enter" || e.key === " ") fileInputEl?.click();
+				}}
+				onmousedown={(e) => e.stopPropagation()}
+				onpointerdown={(e) => e.stopPropagation()}
+				ondragover={(e) => {
+					e.preventDefault();
+					e.stopPropagation();
+				}}
+				ondrop={handleFileDrop}
+			>
+				<input
+					bind:this={fileInputEl}
+					type="file"
+					accept={widgetType === "image"
+						? "image/*"
+						: widgetType === "audio"
+							? "audio/*"
+							: widgetType === "video"
+								? "video/*"
+								: widgetType === "model3d"
+									? ".glb,.gltf,.obj,.stl"
+									: "*"}
+					onchange={handleFileSelect}
+					style="display: none"
+				/>
+				<span class="widget-drop-text">
+					Drop {widgetType} or click
+				</span>
+			</div>
+		{/if}
+	{/if}
+</div>
+
+<style>
+	/* ─── Gradio Component Wrapper ─── */
+	.widget-text-wrap,
+	.widget-number-wrap,
+	.widget-bool-wrap {
+		padding: 6px 12px 8px;
+	}
+
+	.widget-gradio-wrap {
+		font-size: 12px;
+		--input-text-size: 11px;
+		--input-text-weight: 400;
+		--input-padding: 8px 10px;
+		--input-background-fill: #101118;
+		--input-background-fill-focus: #101118;
+		--input-border-color: #1e1f2a;
+		--input-border-color-focus: var(--accent);
+		--input-border-width: 1px;
+		--input-radius: 6px;
+		--input-shadow: none;
+		--input-shadow-focus: 0 0 0 2px var(--accent-dim);
+		--input-placeholder-color: #4a4b58;
+		--body-text-color: #c8c9d2;
+		--font-sans: "JetBrains Mono", monospace;
+		--line-sm: 1.4;
+		--spacing-sm: 4px;
+		--weight-semibold: 600;
+		--layer-1: #101118;
+		--shadow-inset: none;
+		--button-secondary-background-fill: #1e1f2a;
+		--button-secondary-background-fill-hover: #2a2b36;
+		--button-secondary-text-color: #8b8d98;
+		--button-shadow-active: none;
+		--error-icon-color: #ef4444;
+	}
+
+	.widget-gradio-wrap :global(textarea),
+	.widget-gradio-wrap :global(input) {
+		font-family: "JetBrains Mono", monospace !important;
+		font-size: 11px !important;
+		line-height: 1.4 !important;
+		background: #101118 !important;
+		color: #c8c9d2 !important;
+		border: 1px solid #1e1f2a !important;
+		border-radius: 6px !important;
+		padding: 8px 10px !important;
+		outline: none !important;
+		box-shadow: none !important;
+	}
+
+	.widget-gradio-wrap :global(textarea:focus),
+	.widget-gradio-wrap :global(input:focus) {
+		border-color: var(--accent) !important;
+		box-shadow: 0 0 0 2px var(--accent-dim) !important;
+	}
+
+	.widget-gradio-wrap :global(textarea::placeholder),
+	.widget-gradio-wrap :global(input::placeholder) {
+		color: #4a4b58 !important;
+	}
+
+	.widget-gradio-wrap :global(.block),
+	.widget-gradio-wrap :global(.wrap),
+	.widget-gradio-wrap :global(.container) {
+		background: transparent !important;
+		border: none !important;
+		box-shadow: none !important;
+		padding: 0 !important;
+		margin: 0 !important;
+		gap: 0 !important;
+	}
+
+	.widget-gradio-wrap :global(.block.padded) {
+		padding: 0 !important;
+	}
+
+	.widget-gradio-wrap :global(.label-wrap),
+	.widget-gradio-wrap :global(.info-text),
+	.widget-gradio-wrap :global(.icon-button-wrapper),
+	.widget-gradio-wrap :global(.icon-buttons) {
+		display: none !important;
+	}
+
+	.widget-gradio-image {
+		overflow: hidden;
+		border-radius: 6px;
+	}
+
+	.widget-gradio-image :global(img) {
+		max-height: 140px !important;
+		width: 100% !important;
+		object-fit: contain !important;
+		display: block !important;
+	}
+
+	.widget-gradio-image :global(.image-container) {
+		max-height: 140px !important;
+		overflow: hidden !important;
+	}
+
+	.widget-gradio-image :global(.empty-wrapper) {
+		display: none !important;
+	}
+
+	.widget-gradio-wrap :global(textarea) {
+		min-height: 60px !important;
+		height: auto !important;
+		resize: vertical !important;
+	}
+
+	.widget-gradio-wrap :global(label) {
+		display: block !important;
+	}
+
+	.widget-gradio-wrap :global(.input-container) {
+		display: flex !important;
+	}
+
+	/* ─── Widget Zone ─── */
+	.widget-zone {
+		padding: 0;
+		border-top: 1px solid #1e1f2a;
+		/* Canvas blocks user-select to stop dbl-click selecting random
+		 * UI text; opt the widget back in so users can highlight + copy
+		 * text inside textboxes / display zones. */
+		user-select: text;
+		-webkit-user-select: text;
+	}
+
+	.widget-zone.text-full {
+		border-top: none;
+	}
+
+	.widget-zone.text-full .widget-text-wrap {
+		padding: 0;
+	}
+
+	.widget-zone.text-full :global(textarea) {
+		border-radius: 0 0 9px 9px !important;
+		border-top: 1px solid #1e1f2a !important;
+		border-left: none !important;
+		border-right: none !important;
+		border-bottom: none !important;
+		min-height: 120px !important;
+		width: 100% !important;
+		box-sizing: border-box !important;
+		resize: vertical !important;
+	}
+
+	.widget-zone.text-full :global(textarea:focus) {
+		border-top-color: var(--accent) !important;
+		box-shadow: none !important;
+	}
+
+	.widget-text-display {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 11px;
+		line-height: 1.4;
+		padding: 8px 10px;
+		border: 1px solid #1e1f2a;
+		border-radius: 6px;
+		background: #101118;
+		color: #5c5e6a;
+		min-height: 42px;
+		max-height: 300px;
+		overflow-y: auto;
+		white-space: pre-wrap;
+		word-break: break-word;
+	}
+
+	.widget-number {
+		width: 100%;
+		font-family: "JetBrains Mono", monospace;
+		font-size: 12px;
+		border: 1px solid #1e1f2a;
+		border-radius: 6px;
+		padding: 8px 10px;
+		background: #101118;
+		color: #c8c9d2;
+		outline: none;
+		box-sizing: border-box;
+		transition: border-color 0.15s;
+	}
+
+	.widget-number:focus {
+		border-color: var(--accent);
+		box-shadow: 0 0 0 2px var(--accent-dim);
+	}
+
+	.widget-checkbox-row {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 6px 0;
+		cursor: pointer;
+	}
+
+	.widget-choices {
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+		padding: 8px 12px 10px;
+	}
+
+	.widget-choice-row {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		cursor: pointer;
+	}
+
+	.widget-radio {
+		width: 14px;
+		height: 14px;
+		accent-color: var(--accent);
+		cursor: pointer;
+		border-radius: 50%;
+		appearance: auto;
+		-webkit-appearance: radio;
+	}
+
+	.widget-checkbox-choice {
+		width: 14px;
+		height: 14px;
+		accent-color: var(--accent);
+		cursor: pointer;
+		appearance: auto;
+		-webkit-appearance: checkbox;
+	}
+
+	.widget-checkbox {
+		width: 16px;
+		height: 16px;
+		accent-color: var(--accent);
+		cursor: pointer;
+	}
+
+	.widget-checkbox-label {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 11px;
+		color: #8b8d98;
+	}
+
+	.widget-file-info {
+		padding: 10px 12px;
+	}
+
+	.widget-file-name {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10.5px;
+		color: #8b8d98;
+		word-break: break-all;
+	}
+
+	.widget-file-drop {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		height: 80px;
+		border: none;
+		border-radius: 0 0 10px 10px;
+		background: #101118;
+		cursor: pointer;
+		transition: background 0.15s;
+	}
+
+	.widget-file-drop:hover {
+		background: #14151a;
+	}
+
+	.widget-file-drop input {
+		display: none;
+	}
+
+	.widget-drop-text {
+		font-size: 10.5px;
+		color: #4a4b58;
+	}
+
+	.widget-placeholder {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10px;
+		color: #2e2f3d;
+		text-align: center;
+		padding: 24px 0;
+		background: #101118;
+		border-radius: 0 0 10px 10px;
+	}
+
+	.widget-preview {
+		position: relative;
+		overflow: hidden;
+		border-radius: 0 0 10px 10px;
+	}
+
+	.widget-img {
+		display: block;
+		width: 100%;
+		max-height: 320px;
+		object-fit: contain;
+		background: #101118;
+	}
+
+	.widget-audio {
+		display: block;
+		width: 100%;
+		height: 36px;
+		border-radius: 5px;
+	}
+
+	.widget-video {
+		display: block;
+		width: 100%;
+		max-height: 100px;
+		object-fit: contain;
+		border-radius: 5px;
+	}
+
+	.widget-preview-actions {
+		position: absolute;
+		top: 4px;
+		right: 4px;
+		display: flex;
+		gap: 4px;
+		opacity: 0;
+		transition: opacity 0.15s;
+	}
+
+	.widget-preview:hover .widget-preview-actions {
+		opacity: 1;
+	}
+
+	.widget-action {
+		width: 22px;
+		height: 22px;
+		border-radius: 50%;
+		border: none;
+		background: rgba(0, 0, 0, 0.6);
+		color: #d5d6de;
+		font-size: 13px;
+		line-height: 1;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		transition:
+			background 0.15s,
+			color 0.15s;
+	}
+
+	.widget-action:hover {
+		background: rgba(0, 0, 0, 0.85);
+		color: #fff;
+	}
+
+	.widget-clear:hover {
+		background: rgba(239, 68, 68, 0.85);
+		color: #fff;
+	}
+
+	/* ─── Light mode ─── */
+	:global(body:not(.dark)) .widget-zone {
+		border-top-color: #e2e4ea;
+	}
+
+	:global(body:not(.dark)) .widget-gradio-wrap {
+		--input-background-fill: #f8f9fb;
+		--input-background-fill-focus: #ffffff;
+		--input-border-color: #e2e4ea;
+		--input-placeholder-color: #c0c2cc;
+		--body-text-color: #1a1b25;
+		--layer-1: #f8f9fb;
+		--button-secondary-background-fill: #f0f1f5;
+		--button-secondary-background-fill-hover: #e2e4ea;
+		--button-secondary-text-color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .widget-gradio-wrap :global(textarea),
+	:global(body:not(.dark)) .widget-gradio-wrap :global(input) {
+		background: #f8f9fb !important;
+		color: #1a1b25 !important;
+		border-color: #e2e4ea !important;
+	}
+
+	:global(body:not(.dark)) .widget-gradio-wrap :global(textarea::placeholder),
+	:global(body:not(.dark)) .widget-gradio-wrap :global(input::placeholder) {
+		color: #c0c2cc !important;
+	}
+
+	:global(body:not(.dark)) .widget-text-display {
+		background: #f8f9fb;
+		border-color: #e2e4ea;
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .widget-number {
+		background: #f8f9fb;
+		border-color: #e2e4ea;
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .widget-checkbox-label {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .widget-file-name {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .widget-file-drop {
+		background: #f8f9fb;
+		border-color: #d0d2dc;
+	}
+
+	:global(body:not(.dark)) .widget-file-drop:hover {
+		background: #f0f1f5;
+	}
+
+	:global(body:not(.dark)) .widget-drop-text {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .widget-placeholder {
+		background: #f8f9fb;
+		border-color: #e2e4ea;
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .widget-preview {
+		background: #f8f9fb;
+		border-color: #e2e4ea;
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/WorkflowApiPanel.svelte b/js/workflowcanvas/workflow/WorkflowApiPanel.svelte
new file mode 100644
index 0000000..c4a4a24
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowApiPanel.svelte
@@ -0,0 +1,451 @@
+<script lang="ts">
+	import { onMount } from "svelte";
+	import CodeIcon from "./icons/CodeIcon.svelte";
+
+	interface ApiParam {
+		label: string;
+		parameter_name?: string;
+		type: string;
+		python_type: string;
+	}
+	interface ApiEndpoint {
+		api_name: string;
+		label: string;
+		parameters: ApiParam[];
+		returns: ApiParam[];
+	}
+
+	let {
+		server = {},
+		workflowName = "Workflow",
+		onClose
+	}: {
+		server?: Record<string, any>;
+		workflowName?: string;
+		onClose: () => void;
+	} = $props();
+
+	type Lang = "python" | "javascript" | "bash";
+	const LANGS: { key: Lang; label: string }[] = [
+		{ key: "python", label: "Python" },
+		{ key: "javascript", label: "JavaScript" },
+		{ key: "bash", label: "curl" }
+	];
+
+	let endpoints = $state<ApiEndpoint[]>([]);
+	let loading = $state(true);
+	let error = $state<string | null>(null);
+	let lang = $state<Lang>("python");
+	let copied = $state<string | null>(null);
+
+	// The Workflow app is served at the site root, so the API base is the
+	// current origin (+ any sub-path the app is mounted under, minus a trailing
+	// slash).
+	const root =
+		typeof window !== "undefined"
+			? (window.location.origin + window.location.pathname).replace(/\/$/, "")
+			: "";
+
+	onMount(async () => {
+		try {
+			if (!server?.get_workflow_api) {
+				throw new Error("This server does not expose a workflow API.");
+			}
+			const raw = await server.get_workflow_api();
+			const parsed = JSON.parse(raw);
+			endpoints = parsed.endpoints ?? [];
+		} catch (e) {
+			error = e instanceof Error ? e.message : String(e);
+		} finally {
+			loading = false;
+		}
+	});
+
+	function example(p: ApiParam): string {
+		if (
+			p.python_type === "filepath" ||
+			p.python_type.startsWith("list[filepath")
+		)
+			return lang === "python"
+				? `handle_file('https://example.com/file')`
+				: `"https://example.com/file"`;
+		if (p.python_type === "float") return "3";
+		if (p.python_type === "bool") return lang === "python" ? "True" : "true";
+		if (p.python_type === "dict") return "{}";
+		return lang === "python" ? '"Hello!!"' : '"Hello!!"';
+	}
+
+	function pySnippet(ep: ApiEndpoint): string {
+		const needsHandleFile = ep.parameters.some((p) =>
+			p.python_type.includes("filepath")
+		);
+		const imports = needsHandleFile
+			? "from gradio_client import Client, handle_file"
+			: "from gradio_client import Client";
+		const args = ep.parameters.map((p) => `\t\t${paramName(p)}=${example(p)},`);
+		return [
+			imports,
+			"",
+			`client = Client("${root}")`,
+			"result = client.predict(",
+			...args,
+			`\t\tapi_name="${ep.api_name}"`,
+			")",
+			"print(result)"
+		].join("\n");
+	}
+
+	function jsSnippet(ep: ApiEndpoint): string {
+		const args = ep.parameters
+			.map((p) => `\t${paramName(p)}: ${example(p)}`)
+			.join(",\n");
+		return [
+			'import { Client } from "@gradio/client";',
+			"",
+			`const client = await Client.connect("${root}");`,
+			`const result = await client.predict("${ep.api_name}", {`,
+			args,
+			"});",
+			"console.log(result.data);"
+		].join("\n");
+	}
+
+	function bashSnippet(ep: ApiEndpoint): string {
+		const data = ep.parameters.map((p) => example(p)).join(", ");
+		return [
+			`curl -X POST ${root}/gradio_api/call${ep.api_name} \\`,
+			`\t-H "Content-Type: application/json" \\`,
+			`\t-d '{"data": [${data}]}' \\`,
+			`\t| awk -F'"' '{ print $4 }' \\`,
+			`\t| xargs -I {} curl -N ${root}/gradio_api/call${ep.api_name}/{}`
+		].join("\n");
+	}
+
+	function argName(label: string): string {
+		return (
+			label
+				.trim()
+				.toLowerCase()
+				.replace(/[^a-z0-9]+/g, "_")
+				.replace(/^_+|_+$/g, "") || "value"
+		);
+	}
+
+	function paramName(param: ApiParam): string {
+		return param.parameter_name || argName(param.label);
+	}
+
+	function snippet(ep: ApiEndpoint): string {
+		if (lang === "python") return pySnippet(ep);
+		if (lang === "javascript") return jsSnippet(ep);
+		return bashSnippet(ep);
+	}
+
+	async function copy(ep: ApiEndpoint): Promise<void> {
+		try {
+			await navigator.clipboard.writeText(snippet(ep));
+			copied = ep.api_name;
+			setTimeout(() => {
+				if (copied === ep.api_name) copied = null;
+			}, 1400);
+		} catch {
+			/* clipboard unavailable */
+		}
+	}
+</script>
+
+<!-- svelte-ignore a11y_click_events_have_key_events, a11y_no_static_element_interactions -->
+<div class="api-overlay" onclick={onClose}>
+	<div class="api-panel" onclick={(e) => e.stopPropagation()}>
+		<div class="api-header">
+			<div class="api-title">
+				<span class="api-glyph"><CodeIcon /></span>
+				<div>
+					<div class="api-title-main">API</div>
+					<div class="api-title-sub">
+						Call <strong>{workflowName}</strong> programmatically — one endpoint per
+						subgraph
+					</div>
+				</div>
+			</div>
+			<button class="api-close" onclick={onClose} title="Close">&times;</button>
+		</div>
+
+		<div class="api-langs">
+			{#each LANGS as l}
+				<button
+					class="api-lang"
+					class:active={lang === l.key}
+					onclick={() => (lang = l.key)}>{l.label}</button
+				>
+			{/each}
+		</div>
+
+		<div class="api-body">
+			{#if loading}
+				<div class="api-empty">Loading API…</div>
+			{:else if error}
+				<div class="api-empty api-error">{error}</div>
+			{:else if endpoints.length === 0}
+				<div class="api-empty">
+					No API endpoints yet — add an output node to expose one.
+				</div>
+			{:else}
+				{#each endpoints as ep}
+					<div class="api-endpoint">
+						<div class="api-endpoint-head">
+							<span class="api-method">POST</span>
+							<span class="api-name">{ep.api_name}</span>
+							<button class="api-copy" onclick={() => copy(ep)}>
+								{copied === ep.api_name ? "Copied!" : "Copy"}
+							</button>
+						</div>
+
+						<div class="api-io">
+							<div class="api-io-col">
+								<div class="api-io-label">
+									Accepts {ep.parameters.length} parameter{ep.parameters
+										.length === 1
+										? ""
+										: "s"}
+								</div>
+								{#each ep.parameters as p}
+									<div class="api-port">
+										<span class="api-port-name">{paramName(p)}</span>
+										<span class="api-port-type">{p.python_type}</span>
+									</div>
+								{:else}
+									<div class="api-port api-port-empty">no inputs</div>
+								{/each}
+							</div>
+							<div class="api-io-col">
+								<div class="api-io-label">Returns</div>
+								{#each ep.returns as r}
+									<div class="api-port">
+										<span class="api-port-name">{paramName(r)}</span>
+										<span class="api-port-type">{r.python_type}</span>
+									</div>
+								{/each}
+							</div>
+						</div>
+
+						<pre class="api-code"><code>{snippet(ep)}</code></pre>
+					</div>
+				{/each}
+			{/if}
+		</div>
+	</div>
+</div>
+
+<style>
+	.api-overlay {
+		position: fixed;
+		inset: 0;
+		background: rgba(8, 9, 13, 0.72);
+		backdrop-filter: blur(2px);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		z-index: 1000;
+		padding: var(--size-6);
+	}
+	.api-panel {
+		width: min(720px, 100%);
+		max-height: 86vh;
+		display: flex;
+		flex-direction: column;
+		background: #101118;
+		border: 1px solid #2a2b38;
+		border-radius: var(--radius-xl);
+		box-shadow: 0 var(--size-6) 60px rgba(0, 0, 0, 0.5);
+		overflow: hidden;
+	}
+	.api-header {
+		display: flex;
+		align-items: flex-start;
+		justify-content: space-between;
+		padding: var(--size-4) 18px;
+		border-bottom: 1px solid #1e1f2a;
+	}
+	.api-title {
+		display: flex;
+		gap: var(--size-3);
+		align-items: center;
+	}
+	.api-glyph {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		color: var(--color-accent, #f97316);
+		background: #1a1b25;
+		border: 1px solid #2a2b38;
+		border-radius: var(--radius-lg);
+		padding: var(--size-2) var(--size-2-5);
+	}
+	.api-title-main {
+		font-family: "Manrope", sans-serif;
+		font-size: 15px;
+		font-weight: 700;
+		color: #e6e7ec;
+	}
+	.api-title-sub {
+		font-family: "Manrope", sans-serif;
+		font-size: var(--size-3);
+		color: #8a8c98;
+		margin-top: 2px;
+	}
+	.api-title-sub strong {
+		color: #a0a2ae;
+		font-weight: 600;
+	}
+	.api-close {
+		background: transparent;
+		border: none;
+		color: #6b6e78;
+		font-size: 22px;
+		line-height: 1;
+		cursor: pointer;
+		padding: 0 var(--size-1);
+	}
+	.api-close:hover {
+		color: #e6e7ec;
+	}
+	.api-langs {
+		display: flex;
+		gap: var(--size-1);
+		padding: var(--size-2-5) 18px;
+		border-bottom: 1px solid #1e1f2a;
+	}
+	.api-lang {
+		font-family: "Manrope", sans-serif;
+		font-size: var(--size-3);
+		font-weight: 500;
+		padding: var(--size-1) var(--size-3);
+		border-radius: var(--radius-full);
+		border: 1px solid transparent;
+		background: transparent;
+		color: #6b6e78;
+		cursor: pointer;
+	}
+	.api-lang:hover {
+		color: #a0a2ae;
+	}
+	.api-lang.active {
+		background: #1a1b25;
+		border-color: #2a2b38;
+		color: #e6e7ec;
+	}
+	.api-body {
+		overflow-y: auto;
+		padding: var(--size-4) 18px;
+		display: flex;
+		flex-direction: column;
+		gap: var(--size-4);
+	}
+	.api-empty {
+		font-family: "Manrope", sans-serif;
+		font-size: 13px;
+		color: #8a8c98;
+		text-align: center;
+		padding: var(--size-8) 0;
+	}
+	.api-error {
+		color: #f87171;
+	}
+	.api-endpoint {
+		border: 1px solid #1e1f2a;
+		border-radius: var(--size-2-5);
+		overflow: hidden;
+	}
+	.api-endpoint-head {
+		display: flex;
+		align-items: center;
+		gap: var(--size-2-5);
+		padding: var(--size-2-5) var(--size-3);
+		background: #16171f;
+		border-bottom: 1px solid #1e1f2a;
+	}
+	.api-method {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10px;
+		font-weight: 700;
+		letter-spacing: 0.05em;
+		color: #1a1b25;
+		background: var(--color-accent, #f97316);
+		border-radius: var(--radius-sm);
+		padding: 2px var(--size-1-5);
+	}
+	.api-name {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 13px;
+		color: #e6e7ec;
+		flex: 1;
+	}
+	.api-copy {
+		font-family: "Manrope", sans-serif;
+		font-size: 11px;
+		font-weight: 600;
+		padding: var(--size-1) var(--size-2-5);
+		border: 1px solid #2a2b38;
+		border-radius: var(--radius-md);
+		background: transparent;
+		color: #a0a2ae;
+		cursor: pointer;
+	}
+	.api-copy:hover {
+		background: #1a1b25;
+		color: #e6e7ec;
+	}
+	.api-io {
+		display: flex;
+		gap: var(--size-6);
+		padding: var(--size-3);
+		border-bottom: 1px solid #1e1f2a;
+	}
+	.api-io-col {
+		flex: 1;
+		min-width: 0;
+	}
+	.api-io-label {
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		font-weight: 600;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		color: #6b6e78;
+		margin-bottom: var(--size-1-5);
+	}
+	.api-port {
+		display: flex;
+		justify-content: space-between;
+		gap: var(--size-2);
+		font-family: "JetBrains Mono", monospace;
+		font-size: var(--size-3);
+		padding: 3px 0;
+	}
+	.api-port-name {
+		color: #c5c7d0;
+	}
+	.api-port-type {
+		color: var(--color-accent, #f97316);
+	}
+	.api-port-empty {
+		color: #5a5d68;
+		font-style: italic;
+	}
+	.api-code {
+		margin: 0;
+		padding: var(--size-3) 14px;
+		background: #0b0c12;
+		font-family: "JetBrains Mono", monospace;
+		font-size: var(--size-3);
+		line-height: 1.55;
+		color: #c5c7d0;
+		overflow-x: auto;
+		white-space: pre;
+		tab-size: 2;
+	}
+	.api-code code {
+		font-family: inherit;
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/WorkflowBottomBar.svelte b/js/workflowcanvas/workflow/WorkflowBottomBar.svelte
new file mode 100644
index 0000000..acac2ce
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowBottomBar.svelte
@@ -0,0 +1,544 @@
+<script lang="ts">
+	import { MODALITIES, DATASET_MODALITY } from "./workflow-modalities";
+	import type { ModalityConfig } from "./workflow-modalities";
+	import ImageIcon from "./icons/ImageIcon.svelte";
+	import AudioIcon from "./icons/AudioIcon.svelte";
+	import VideoIcon from "./icons/VideoIcon.svelte";
+	import Model3DIcon from "./icons/Model3DIcon.svelte";
+	import TextIcon from "./icons/TextIcon.svelte";
+	import DatasetIcon from "./icons/DatasetIcon.svelte";
+	import PlusIcon from "./icons/PlusIcon.svelte";
+	import FunctionIcon from "./icons/FunctionIcon.svelte";
+	import StopIcon from "./icons/StopIcon.svelte";
+	import PlayIcon from "./icons/PlayIcon.svelte";
+
+	export interface BoundFnTemplate {
+		fn: string;
+		label: string;
+		inputs: { id: string; label: string; type: string }[];
+		outputs: { id: string; label: string; type: string }[];
+	}
+
+	interface Props {
+		running: boolean;
+		hasTransforms: boolean;
+		boundFns: BoundFnTemplate[];
+		activeModalityKey?: string | null;
+		server?: Record<string, any>;
+		readOnly?: boolean;
+		onopenpicker: (modality: ModalityConfig) => void;
+		onaddinput: (portType: string) => void;
+		onaddfn: (template: BoundFnTemplate) => void;
+		onrun: () => void;
+		onstop: () => void;
+	}
+
+	let {
+		running,
+		hasTransforms,
+		boundFns,
+		activeModalityKey = null,
+		server = {},
+		readOnly = false,
+		onopenpicker,
+		onaddinput,
+		onaddfn,
+		onrun,
+		onstop
+	}: Props = $props();
+
+	let available_modalities = $state<Set<string> | null>(null);
+
+	$effect(() => {
+		if (!server?.curated_modalities) {
+			available_modalities = new Set(MODALITIES.map((m) => m.key));
+			return;
+		}
+		void server.curated_modalities([]).then((raw: any) => {
+			try {
+				const parsed = typeof raw === "string" ? JSON.parse(raw) : raw;
+				available_modalities = new Set(
+					Array.isArray(parsed) && parsed.length > 0
+						? parsed
+						: MODALITIES.map((m) => m.key)
+				);
+			} catch {
+				available_modalities = new Set(MODALITIES.map((m) => m.key));
+			}
+		});
+	});
+
+	const visible_modalities = $derived.by(() => {
+		const mods = available_modalities ?? new Set(MODALITIES.map((m) => m.key));
+		return MODALITIES.filter((m) => mods.has(m.key));
+	});
+
+	const INPUT_TYPES = [
+		{ key: "image", label: "Image" },
+		{ key: "text", label: "Text" },
+		{ key: "audio", label: "Audio" },
+		{ key: "video", label: "Video" },
+		{ key: "number", label: "Number" },
+		{ key: "file", label: "File" }
+	];
+
+	let showInputMenu = $state(false);
+	let showFnMenu = $state(false);
+
+	function closeMenus(): void {
+		showInputMenu = false;
+		showFnMenu = false;
+	}
+
+	function toggleInputMenu(e: MouseEvent) {
+		e.stopPropagation();
+		showFnMenu = false;
+		showInputMenu = !showInputMenu;
+	}
+
+	function toggleFnMenu(e: MouseEvent) {
+		e.stopPropagation();
+		showInputMenu = false;
+		showFnMenu = !showFnMenu;
+	}
+
+	function handleInputType(type: string, e: MouseEvent) {
+		e.stopPropagation();
+		showInputMenu = false;
+		onaddinput(type);
+	}
+
+	function handleFnClick(tmpl: BoundFnTemplate, e: MouseEvent) {
+		e.stopPropagation();
+		showFnMenu = false;
+		onaddfn(tmpl);
+	}
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div
+	class="bottom-bar"
+	onclick={(e) => {
+		e.stopPropagation();
+		closeMenus();
+	}}
+>
+	{#if !readOnly}
+		{#if visible_modalities.length > 0}
+			<div class="bb-modality-group">
+				<span class="bb-group-label">Add a node:</span>
+				<div class="bb-group">
+					{#each visible_modalities as m}
+						<div class="bb-modality-wrap">
+							<button
+								class="bb-btn bb-modality-btn"
+								class:bb-modality-active={activeModalityKey === m.key}
+								onclick={(e) => {
+									e.stopPropagation();
+									closeMenus();
+									onopenpicker(m);
+								}}
+								title="Add {m.label} node"
+							>
+								<span class="bb-icon">
+									{#if m.key === "image"}
+										<ImageIcon />
+									{:else if m.key === "audio"}
+										<AudioIcon />
+									{:else if m.key === "video"}
+										<VideoIcon />
+									{:else if m.key === "3d"}
+										<Model3DIcon />
+									{:else if m.key === "text"}
+										<TextIcon />
+									{/if}
+								</span>
+								<span class="bb-label">{m.label}</span>
+								{#if activeModalityKey === m.key}
+									<span class="bb-active-caret" aria-hidden="true"></span>
+								{/if}
+							</button>
+						</div>
+					{/each}
+				</div>
+			</div>
+		{/if}
+
+		<button
+			class="bb-btn"
+			onclick={(e) => {
+				e.stopPropagation();
+				onopenpicker(DATASET_MODALITY);
+			}}
+			title="Add dataset node"
+		>
+			<span class="bb-icon">
+				<DatasetIcon />
+			</span>
+			<span class="bb-label">Data</span>
+		</button>
+
+		<div class="bb-divider"></div>
+
+		<div class="bb-input-wrap">
+			<button
+				class="bb-input-btn"
+				onclick={toggleInputMenu}
+				title="Add input node"
+			>
+				<PlusIcon />
+				Input
+			</button>
+			{#if showInputMenu}
+				<div class="input-type-menu">
+					{#each INPUT_TYPES as t}
+						<button
+							class="input-type-opt"
+							onclick={(e) => handleInputType(t.key, e)}>{t.label}</button
+						>
+					{/each}
+				</div>
+			{/if}
+		</div>
+
+		{#if boundFns.length > 0}
+			<div class="bb-input-wrap">
+				<button
+					class="bb-input-btn"
+					onclick={toggleFnMenu}
+					title="Add Python function node"
+				>
+					<FunctionIcon />
+					Function
+				</button>
+				{#if showFnMenu}
+					<div class="input-type-menu fn-menu">
+						{#each boundFns as t}
+							<button
+								class="input-type-opt"
+								onclick={(e) => handleFnClick(t, e)}
+								title={t.fn}
+							>
+								{t.label}
+							</button>
+						{/each}
+					</div>
+				{/if}
+			</div>
+		{/if}
+
+		<div class="bb-divider"></div>
+	{/if}
+
+	{#if running}
+		<button class="bb-run-btn stop" onclick={onstop}>
+			<StopIcon />
+			Stop
+		</button>
+	{:else}
+		<button class="bb-run-btn" onclick={onrun} disabled={!hasTransforms}>
+			<PlayIcon />
+			Run
+		</button>
+	{/if}
+</div>
+
+<style>
+	.bottom-bar {
+		position: absolute;
+		bottom: 20px;
+		left: 50%;
+		transform: translateX(-50%);
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 5px 8px;
+		background: rgba(16, 17, 24, 0.92);
+		border: 1px solid rgba(255, 255, 255, 0.07);
+		border-radius: 40px;
+		backdrop-filter: blur(16px);
+		-webkit-backdrop-filter: blur(16px);
+		box-shadow:
+			0 4px 24px rgba(0, 0, 0, 0.5),
+			0 0 0 1px rgba(255, 255, 255, 0.03);
+		z-index: 20;
+		white-space: nowrap;
+	}
+
+	.bb-group {
+		display: flex;
+		align-items: center;
+		gap: 2px;
+	}
+
+	.bb-modality-group {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 2px 8px 2px 10px;
+		border-radius: 32px;
+		background: rgba(255, 255, 255, 0.025);
+	}
+
+	.bb-group-label {
+		font-family: "Manrope", sans-serif;
+		font-size: 10px;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		color: #4a4d57;
+		flex-shrink: 0;
+		white-space: nowrap;
+	}
+
+	:global(body:not(.dark)) .bb-modality-group {
+		background: rgba(0, 0, 0, 0.03);
+	}
+
+	:global(body:not(.dark)) .bb-group-label {
+		color: #8b8d98;
+	}
+
+	.bb-modality-active {
+		background: rgba(249, 115, 22, 0.14);
+		color: #f97316;
+		box-shadow: inset 0 0 0 1.5px rgba(249, 115, 22, 0.5);
+	}
+
+	.bb-modality-active:hover {
+		background: rgba(249, 115, 22, 0.18);
+		color: #f97316;
+	}
+
+	:global(body:not(.dark)) .bb-modality-active {
+		background: rgba(249, 115, 22, 0.12);
+		color: #d65500;
+		box-shadow: inset 0 0 0 1.5px rgba(249, 115, 22, 0.45);
+	}
+
+	:global(body:not(.dark)) .bb-modality-active:hover {
+		background: rgba(249, 115, 22, 0.18);
+		color: #d65500;
+	}
+
+	.bb-active-caret {
+		position: absolute;
+		top: -6px;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 0;
+		height: 0;
+		border-left: 5px solid transparent;
+		border-right: 5px solid transparent;
+		border-bottom: 6px solid #f97316;
+		pointer-events: none;
+	}
+
+	.bb-btn {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 6px 12px;
+		border: none;
+		border-radius: 28px;
+		background: transparent;
+		color: #8b8d98;
+		font-family: "Manrope", sans-serif;
+		font-size: 12px;
+		font-weight: 600;
+		cursor: pointer;
+		transition:
+			background 0.15s,
+			color 0.15s;
+	}
+
+	.bb-btn:hover {
+		background: rgba(255, 255, 255, 0.06);
+		color: #d5d6de;
+	}
+
+	.bb-modality-wrap {
+		position: relative;
+	}
+
+	.bb-icon {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-shrink: 0;
+	}
+
+	.bb-label {
+		letter-spacing: -0.01em;
+	}
+
+	.bb-divider {
+		width: 1px;
+		height: 20px;
+		background: rgba(255, 255, 255, 0.07);
+		flex-shrink: 0;
+	}
+
+	.bb-input-wrap {
+		position: relative;
+	}
+
+	.bb-input-btn {
+		display: flex;
+		align-items: center;
+		gap: 5px;
+		padding: 6px 12px;
+		border: 1px solid rgba(255, 255, 255, 0.08);
+		border-radius: 28px;
+		background: transparent;
+		color: #6b6e78;
+		font-family: "Manrope", sans-serif;
+		font-size: 12px;
+		font-weight: 600;
+		cursor: pointer;
+		transition:
+			background 0.15s,
+			color 0.15s,
+			border-color 0.15s;
+	}
+
+	.bb-input-btn:hover {
+		background: rgba(255, 255, 255, 0.06);
+		color: #a0a2ae;
+		border-color: rgba(255, 255, 255, 0.14);
+	}
+
+	.input-type-menu {
+		position: absolute;
+		bottom: calc(100% + 16px);
+		left: 50%;
+		transform: translateX(-50%);
+		background: #16171f;
+		border: 1px solid #2a2b36;
+		border-radius: 10px;
+		padding: 4px;
+		display: flex;
+		flex-direction: column;
+		gap: 1px;
+		/* Negative Y offset casts the shadow UPWARD, since the menu opens
+		 * above the bottom bar. The previous downward shadow smudged onto
+		 * the button below. Pair with a subtle inset ring for crisper
+		 * edge definition on dark bg. */
+		box-shadow:
+			0 -6px 20px rgba(0, 0, 0, 0.35),
+			0 0 0 1px rgba(255, 255, 255, 0.03);
+		z-index: 30;
+		min-width: 90px;
+	}
+
+	.input-type-opt {
+		padding: 7px 12px;
+		border: none;
+		border-radius: 6px;
+		background: transparent;
+		color: #8b8d98;
+		font-family: "Manrope", sans-serif;
+		font-size: 12px;
+		font-weight: 500;
+		cursor: pointer;
+		text-align: left;
+		transition:
+			background 0.1s,
+			color 0.1s;
+	}
+
+	.input-type-opt:hover {
+		background: rgba(255, 255, 255, 0.06);
+		color: #d5d6de;
+	}
+
+	.bb-run-btn {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 7px 16px;
+		border: none;
+		border-radius: 28px;
+		background: linear-gradient(135deg, #f97316, #ea580c);
+		color: #fff;
+		font-family: "Manrope", sans-serif;
+		font-size: 12.5px;
+		font-weight: 700;
+		cursor: pointer;
+		transition:
+			transform 0.1s,
+			box-shadow 0.15s;
+		box-shadow: 0 2px 10px rgba(249, 115, 22, 0.3);
+	}
+
+	.bb-run-btn:hover {
+		transform: translateY(-1px);
+		box-shadow: 0 4px 18px rgba(249, 115, 22, 0.4);
+	}
+
+	.bb-run-btn:active {
+		transform: translateY(0);
+	}
+
+	.bb-run-btn:disabled {
+		opacity: 0.35;
+		cursor: default;
+		transform: none;
+		box-shadow: none;
+	}
+
+	.bb-run-btn.stop {
+		background: linear-gradient(135deg, #ef4444, #dc2626);
+		box-shadow: 0 2px 10px rgba(239, 68, 68, 0.3);
+	}
+
+	.bb-run-btn.stop:hover {
+		box-shadow: 0 4px 18px rgba(239, 68, 68, 0.4);
+	}
+
+	/* Light mode */
+	:global(body:not(.dark)) .bottom-bar {
+		background: rgba(255, 255, 255, 0.92);
+		border-color: rgba(0, 0, 0, 0.08);
+		box-shadow:
+			0 4px 24px rgba(0, 0, 0, 0.12),
+			0 0 0 1px rgba(0, 0, 0, 0.04);
+	}
+
+	:global(body:not(.dark)) .bb-btn {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .bb-btn:hover {
+		background: rgba(0, 0, 0, 0.04);
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .bb-divider {
+		background: rgba(0, 0, 0, 0.1);
+	}
+
+	:global(body:not(.dark)) .bb-input-btn {
+		border-color: rgba(0, 0, 0, 0.1);
+		color: #8b8d98;
+	}
+
+	:global(body:not(.dark)) .bb-input-btn:hover {
+		background: rgba(0, 0, 0, 0.04);
+		color: #3e4050;
+	}
+
+	:global(body:not(.dark)) .input-type-menu {
+		background: #ffffff;
+		border-color: #e2e4ea;
+	}
+
+	:global(body:not(.dark)) .input-type-opt {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .input-type-opt:hover {
+		background: #f0f1f5;
+		color: #1a1b25;
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/WorkflowCanvas.css b/js/workflowcanvas/workflow/WorkflowCanvas.css
new file mode 100644
index 0000000..c166b3f
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowCanvas.css
@@ -0,0 +1,943 @@
+.workflow-root {
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	height: 100%;
+	min-height: 600px;
+	background: #0c0d10;
+	border: 1px solid #1e1f2a;
+	border-radius: 14px;
+	overflow: hidden;
+	font-family: "Manrope", sans-serif;
+	color-scheme: dark;
+	box-shadow:
+		0 0 0 1px rgba(255, 255, 255, 0.03),
+		0 20px 60px rgba(0, 0, 0, 0.5);
+}
+
+.toolbar {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	height: 48px;
+	padding: 0 16px;
+	background: #101118;
+	border-bottom: 1px solid #1e1f2a;
+	flex-shrink: 0;
+}
+
+.toolbar-left,
+.toolbar-right {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+
+.name-btn {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	background: none;
+	border: none;
+	cursor: pointer;
+	padding: 4px 8px;
+	border-radius: 6px;
+	transition: background 0.15s;
+}
+
+.name-btn:hover {
+	background: #1a1b25;
+}
+
+.name-text {
+	font-size: 14px;
+	font-weight: 700;
+	color: #d5d6de;
+	letter-spacing: -0.01em;
+}
+
+.name-edit-icon {
+	font-size: 11px;
+	color: #3e3f4d;
+}
+
+.name-readonly {
+	padding: 4px 8px;
+}
+
+.access-badge {
+	font-family: "JetBrains Mono", monospace;
+	font-size: 10px;
+	font-weight: 600;
+	letter-spacing: 0.04em;
+	text-transform: uppercase;
+	border-radius: 999px;
+	padding: 2px 8px;
+	cursor: default;
+}
+
+/* Neutral/muted: you can run but not edit. */
+.access-badge.access-readonly {
+	color: #9a9cab;
+	background: #1a1b25;
+	border: 1px solid #2a2b38;
+}
+
+/* Accent (green): you hold the write token / own the Space — more permissions. */
+.access-badge.access-write {
+	color: #4fd1a5;
+	background: rgba(79, 209, 165, 0.1);
+	border: 1px solid rgba(79, 209, 165, 0.3);
+}
+
+.access-info-wrap {
+	position: relative;
+	display: inline-flex;
+	align-items: center;
+}
+
+/* The read-only badge is a button so it can be clicked to explain why editing
+   is disabled (and, on a Space with no OAuth, how to enable it). */
+button.access-badge {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	cursor: pointer;
+	transition:
+		color 0.15s,
+		border-color 0.15s;
+}
+
+/* The (i) hints that the badge is clickable for an explanation. */
+.access-info-icon {
+	display: inline-flex;
+	align-items: center;
+	opacity: 0.75;
+}
+
+button.access-badge.access-readonly:hover,
+button.access-badge.access-readonly.open {
+	color: #c7c9d6;
+	border-color: #3a3b48;
+}
+
+.access-info-popover {
+	position: absolute;
+	top: calc(100% + 8px);
+	right: 0;
+	width: 264px;
+	background: #16171f;
+	border: 1px solid #2a2b36;
+	border-radius: 10px;
+	padding: 12px;
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	font-weight: 400;
+	line-height: 1.5;
+	letter-spacing: normal;
+	text-transform: none;
+	color: #a0a2ae;
+	box-shadow:
+		0 8px 24px rgba(0, 0, 0, 0.45),
+		0 0 0 1px rgba(255, 255, 255, 0.03);
+	z-index: 40;
+}
+
+.save-indicator {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	font-family: "Manrope", sans-serif;
+	font-size: 11px;
+	font-weight: 600;
+	color: #4fd1a5;
+	letter-spacing: 0.01em;
+}
+
+.name-input {
+	font-family: "Manrope", sans-serif;
+	font-size: 14px;
+	font-weight: 700;
+	border: 1px solid #f97316;
+	border-radius: 6px;
+	padding: 4px 8px;
+	outline: none;
+	background: #16171f;
+	color: #d5d6de;
+	box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.15);
+}
+
+.toolbar-stat {
+	font-family: "JetBrains Mono", monospace;
+	font-size: 10px;
+	color: #3e3f4d;
+	letter-spacing: 0.02em;
+}
+
+.tool-btn {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	font-weight: 500;
+	padding: 5px 10px;
+	border: 1px solid #1e1f2a;
+	border-radius: 6px;
+	background: transparent;
+	color: #6b6e78;
+	cursor: pointer;
+	transition:
+		background 0.15s,
+		color 0.15s,
+		border-color 0.15s;
+}
+
+.tool-btn:hover {
+	background: #16171f;
+	color: #a0a2ae;
+	border-color: #2a2b36;
+}
+
+.api-btn-glyph {
+	font-family: "JetBrains Mono", monospace;
+	font-size: 11px;
+	color: var(--color-accent, #f97316);
+}
+
+.toolbar-login-btn {
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	font-weight: 500;
+	padding: 5px 12px;
+	border: 1px solid #1e1f2a;
+	border-radius: 6px;
+	background: transparent;
+	color: #a0a2ae;
+	cursor: pointer;
+	transition:
+		background 0.15s,
+		color 0.15s,
+		border-color 0.15s;
+}
+
+.toolbar-login-btn:hover {
+	background: #16171f;
+	color: #e0e1e6;
+	border-color: #2a2b36;
+}
+
+.toolbar-user-wrap {
+	position: relative;
+	display: flex;
+	align-items: center;
+}
+
+.toolbar-user-chip {
+	display: flex;
+	align-items: center;
+	gap: 7px;
+	padding: 3px 10px 3px 3px;
+	border: 1px solid #1e1f2a;
+	border-radius: 999px;
+	background: transparent;
+	color: #a0a2ae;
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	font-weight: 600;
+	cursor: pointer;
+	transition:
+		background 0.15s,
+		color 0.15s,
+		border-color 0.15s;
+}
+
+.toolbar-user-chip:hover,
+.toolbar-user-chip.open {
+	background: #16171f;
+	color: #e0e1e6;
+	border-color: #2a2b36;
+}
+
+.toolbar-user-avatar {
+	width: 22px;
+	height: 22px;
+	border-radius: 50%;
+	object-fit: cover;
+	flex-shrink: 0;
+	background: #1e1f2a;
+}
+
+.toolbar-user-avatar-fallback {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-family: "Manrope", sans-serif;
+	font-size: 11px;
+	font-weight: 700;
+	color: #a0a2ae;
+}
+
+.toolbar-user-name {
+	letter-spacing: -0.01em;
+	max-width: 140px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.toolbar-user-menu {
+	position: absolute;
+	top: calc(100% + 8px);
+	right: 0;
+	width: 256px;
+	background: #16171f;
+	border: 1px solid #2a2b36;
+	border-radius: 10px;
+	padding: 12px;
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	box-shadow:
+		0 8px 24px rgba(0, 0, 0, 0.45),
+		0 0 0 1px rgba(255, 255, 255, 0.03);
+	z-index: 40;
+}
+
+.toolbar-user-menu-msg {
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	line-height: 1.5;
+	color: #a0a2ae;
+}
+
+.toolbar-user-menu-btn {
+	align-self: flex-start;
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	font-weight: 600;
+	padding: 5px 12px;
+	border: 1px solid #2a2b36;
+	border-radius: 6px;
+	background: transparent;
+	color: #e0e1e6;
+	cursor: pointer;
+	transition:
+		background 0.15s,
+		border-color 0.15s;
+}
+
+.toolbar-user-menu-btn:hover {
+	background: #1e1f2a;
+	border-color: #3a3b48;
+}
+
+.toolbar-token-input {
+	font-family: "JetBrains Mono", monospace;
+	font-size: 11px;
+	padding: 5px 10px;
+	border: 1px solid #1e1f2a;
+	border-radius: 6px;
+	background: #0c0d10;
+	color: #6b6e78;
+	outline: none;
+	transition:
+		background 0.15s,
+		color 0.15s,
+		border-color 0.15s;
+}
+
+.toolbar-token-input::placeholder {
+	color: #4a4d57;
+}
+
+.toolbar-token-input:focus {
+	background: #16171f;
+	color: #a0a2ae;
+	border-color: #f5a623;
+	box-shadow: 0 0 0 2px rgba(245, 166, 35, 0.1);
+}
+
+.toolbar-token-input.has-user {
+	border-color: #4fd1a5;
+	box-shadow: 0 0 0 2px rgba(79, 209, 165, 0.08);
+}
+
+.toolbar-token-input.invalid {
+	border-color: #ef4444;
+	box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.1);
+}
+
+.toolbar-token-form {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.toolbar-token-status {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	font-family: "Manrope", sans-serif;
+	font-size: 11px;
+	font-weight: 600;
+	white-space: nowrap;
+}
+
+.toolbar-token-status.valid {
+	color: #4fd1a5;
+}
+
+.toolbar-token-status.validating {
+	color: #8b8d98;
+	font-weight: 500;
+	font-style: italic;
+}
+
+.toolbar-token-status.invalid {
+	color: #ef4444;
+}
+
+.toolbar-divider {
+	width: 1px;
+	height: 20px;
+	background: #1e1f2a;
+}
+
+.editor {
+	display: flex;
+	flex: 1;
+	overflow: hidden;
+	position: relative;
+}
+
+.canvas {
+	flex: 1;
+	position: relative;
+	overflow: hidden;
+	background-color: #0c0d10;
+	/* Block the browser's "select word/paragraph" behaviour on
+	 * dbl-click. Input fields, textboxes, and node labels opt back
+	 * in to text selection where needed. */
+	user-select: none;
+	-webkit-user-select: none;
+	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='M17 20h6M20 17v6' stroke='%233a3c4d' stroke-width='1' stroke-opacity='0.18'/%3E%3C/svg%3E");
+	background-size: var(--grid-spacing, 40px) var(--grid-spacing, 40px);
+	background-position: var(--pan-x, 0px) var(--pan-y, 0px);
+	cursor: grab;
+}
+
+.canvas.panning {
+	cursor: grabbing;
+}
+
+.canvas-transform {
+	position: absolute;
+	top: 0;
+	left: 0;
+	transform-origin: 0 0;
+	width: 0;
+	height: 0;
+	overflow: visible;
+}
+
+.zoom-controls {
+	position: absolute;
+	bottom: 12px;
+	right: 12px;
+	display: flex;
+	align-items: center;
+	gap: 2px;
+	background: #16171f;
+	border: 1px solid #1e1f2a;
+	border-radius: 6px;
+	padding: 2px;
+}
+
+.zoom-ctrl-btn {
+	width: 26px;
+	height: 26px;
+	border: none;
+	border-radius: 4px;
+	background: transparent;
+	color: #5c5e6a;
+	font-size: 14px;
+	font-weight: 600;
+	cursor: pointer;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	transition:
+		color 0.15s,
+		background 0.15s;
+}
+
+.zoom-ctrl-btn:hover {
+	background: #1e1f2a;
+	color: #a0a2ae;
+}
+
+.zoom-ctrl-divider {
+	width: 1px;
+	height: 18px;
+	margin: 0 2px;
+	background: #1e1f2a;
+	flex-shrink: 0;
+}
+
+.zoom-btn {
+	font-family: "JetBrains Mono", monospace;
+	font-size: 10px;
+	font-weight: 600;
+	padding: 4px 8px;
+	border: 1px solid #1e1f2a;
+	border-radius: 5px;
+	background: #16171f;
+	color: #5c5e6a;
+	cursor: pointer;
+	transition:
+		color 0.15s,
+		border-color 0.15s;
+}
+
+.zoom-btn:hover {
+	color: #a0a2ae;
+	border-color: #2a2b36;
+}
+
+.shortcuts-panel {
+	position: absolute;
+	bottom: 56px;
+	right: 12px;
+	background: #16171f;
+	border: 1px solid #2a2b36;
+	border-radius: 8px;
+	padding: 12px 16px;
+	z-index: 25;
+	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+	min-width: 200px;
+}
+
+.shortcuts-title {
+	font-size: 11px;
+	font-weight: 700;
+	color: #8b8d98;
+	margin-bottom: 8px;
+}
+
+.shortcut-row {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 12px;
+	padding: 3px 0;
+	font-size: 11px;
+	color: #5c5e6a;
+}
+
+.shortcut-row kbd {
+	font-family: "JetBrains Mono", monospace;
+	font-size: 10px;
+	padding: 1px 5px;
+	border-radius: 3px;
+	background: #1e1f2a;
+	color: #a0a2ae;
+	border: 1px solid #2a2b36;
+}
+
+.run-overlay {
+	position: absolute;
+	inset: 0;
+	z-index: 15;
+	cursor: wait;
+}
+
+.wf-toast-stack {
+	position: absolute;
+	bottom: 80px;
+	left: 50%;
+	transform: translateX(-50%);
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	z-index: 30;
+	pointer-events: none;
+}
+
+.wf-toast {
+	font-family: "JetBrains Mono", monospace;
+	font-size: 11px;
+	font-weight: 600;
+	padding: 8px 12px 8px 16px;
+	border-radius: 8px;
+	background: #1a1b25;
+	color: #c8c9d2;
+	border: 1px solid #2a2b36;
+	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+	opacity: 1;
+	max-width: min(480px, 80vw);
+	white-space: normal;
+	word-break: break-word;
+	text-align: center;
+	animation: wf-toast-in 0.2s ease-out;
+	pointer-events: auto;
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+}
+
+.wf-toast-msg {
+	flex: 1;
+}
+
+.wf-toast-close {
+	background: none;
+	border: none;
+	color: inherit;
+	font-size: 16px;
+	line-height: 1;
+	padding: 0 4px;
+	cursor: pointer;
+	opacity: 0.6;
+}
+
+.wf-toast-close:hover {
+	opacity: 1;
+}
+
+.wf-toast-action {
+	font-family: inherit;
+	font-size: 11px;
+	font-weight: 700;
+	padding: 4px 10px;
+	border-radius: 6px;
+	border: 1px solid currentColor;
+	background: transparent;
+	color: inherit;
+	cursor: pointer;
+	text-decoration: none;
+	white-space: nowrap;
+	flex-shrink: 0;
+}
+
+.wf-toast-action:hover {
+	background: rgba(255, 255, 255, 0.08);
+}
+
+.wf-toast.wf-toast-error {
+	border-color: #f87171;
+	color: #fca5a5;
+}
+
+.wf-toast.wf-toast-warning {
+	border-color: #f59e0b;
+	color: #fcd34d;
+}
+
+.wf-toast.wf-toast-success {
+	border-color: #34d399;
+	color: #6ee7b7;
+}
+
+.wf-toast.wf-toast-pro {
+	border-color: #2a2b36;
+	color: #c8c9d2;
+}
+
+.wf-toast.wf-toast-pro .wf-toast-action {
+	font-family: inherit;
+	font-size: 11px;
+	font-weight: 600;
+	padding: 4px 10px;
+	border-radius: 6px;
+	border: 1px solid rgba(139, 92, 246, 0.5);
+	background: rgba(139, 92, 246, 0.1);
+	color: #c4b5fd;
+}
+
+.wf-toast.wf-toast-pro .wf-toast-action:hover {
+	background: rgba(139, 92, 246, 0.18);
+	border-color: rgba(139, 92, 246, 0.7);
+	color: #ddd6fe;
+}
+
+@keyframes wf-toast-in {
+	from {
+		opacity: 0;
+		transform: translateY(8px);
+	}
+	to {
+		opacity: 1;
+		transform: translateY(0);
+	}
+}
+
+/* ─── Confirm modal (Clear workflow, etc.) ─────────────────────────────── */
+.wf-modal-backdrop {
+	position: absolute;
+	inset: 0;
+	background: rgba(8, 9, 12, 0.55);
+	backdrop-filter: blur(2px);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: 60;
+	animation: wf-toast-in 0.12s ease-out;
+}
+
+.wf-modal {
+	min-width: 320px;
+	max-width: 420px;
+	background: #16171f;
+	border: 1px solid #2a2b36;
+	border-radius: 12px;
+	padding: 18px 18px 14px;
+	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.55);
+	font-family: "Manrope", sans-serif;
+	color: #d5d6de;
+}
+
+.wf-modal-title {
+	font-size: 14px;
+	font-weight: 700;
+	color: #e5e6ec;
+	margin-bottom: 8px;
+}
+
+.wf-modal-body {
+	font-size: 12px;
+	color: #8b8d98;
+	line-height: 1.45;
+	margin-bottom: 16px;
+}
+
+.wf-modal-body strong {
+	color: #d5d6de;
+	font-weight: 600;
+}
+
+.wf-modal-actions {
+	display: flex;
+	justify-content: flex-end;
+	gap: 8px;
+}
+
+.wf-modal-btn {
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	font-weight: 600;
+	padding: 7px 14px;
+	border-radius: 6px;
+	border: 1px solid #2a2b36;
+	background: transparent;
+	color: #8b8d98;
+	cursor: pointer;
+	transition:
+		background 0.1s,
+		color 0.1s,
+		border-color 0.1s;
+}
+
+.wf-modal-btn:hover {
+	background: rgba(255, 255, 255, 0.04);
+	color: #d5d6de;
+	border-color: #3a3c4d;
+}
+
+.wf-modal-btn-danger {
+	background: #b13a3a;
+	border-color: #b13a3a;
+	color: #fff;
+}
+
+.wf-modal-btn-danger:hover {
+	background: #c64545;
+	border-color: #c64545;
+	color: #fff;
+}
+
+:global(body:not(.dark)) .wf-modal-backdrop {
+	background: rgba(20, 22, 28, 0.35);
+}
+
+:global(body:not(.dark)) .wf-modal {
+	background: #ffffff;
+	border-color: #e2e4ea;
+	color: #2c2e36;
+}
+
+:global(body:not(.dark)) .wf-modal-title {
+	color: #1c1d24;
+}
+
+:global(body:not(.dark)) .wf-modal-body {
+	color: #6e7079;
+}
+
+:global(body:not(.dark)) .wf-modal-body strong {
+	color: #2c2e36;
+}
+
+:global(body:not(.dark)) .wf-modal-btn {
+	border-color: #e2e4ea;
+	color: #6e7079;
+}
+
+:global(body:not(.dark)) .wf-modal-btn:hover {
+	background: rgba(0, 0, 0, 0.04);
+	color: #2c2e36;
+	border-color: #c8cad2;
+}
+
+.drop-menu {
+	position: absolute;
+	transform: none;
+	background: #16171f;
+	border: 1px solid #2a2b36;
+	border-radius: 10px;
+	padding: 4px;
+	display: flex;
+	flex-direction: column;
+	gap: 1px;
+	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+	z-index: 30;
+	min-width: 130px;
+	animation: wf-toast-in 0.12s ease-out;
+}
+
+.drop-opt {
+	display: flex;
+	align-items: center;
+	gap: 7px;
+	padding: 7px 10px;
+	border: none;
+	border-radius: 6px;
+	background: transparent;
+	color: #8b8d98;
+	font-family: "Manrope", sans-serif;
+	font-size: 12px;
+	font-weight: 500;
+	cursor: pointer;
+	text-align: left;
+	transition:
+		background 0.1s,
+		color 0.1s;
+	white-space: nowrap;
+}
+
+.drop-opt:hover {
+	background: rgba(255, 255, 255, 0.06);
+	color: #d5d6de;
+}
+
+.drop-section-label {
+	font-family: "Manrope", sans-serif;
+	font-size: 9px;
+	font-weight: 700;
+	color: #3e4050;
+	letter-spacing: 0.06em;
+	text-transform: uppercase;
+	padding: 6px 10px 3px;
+}
+
+.drop-section-label:first-child {
+	padding-top: 3px;
+}
+
+.add-node-menu {
+	position: absolute;
+	background: #16171f;
+	border: 1px solid #2a2b36;
+	border-radius: 10px;
+	padding: 8px;
+	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+	z-index: 30;
+	animation: wf-toast-in 0.12s ease-out;
+	min-width: 160px;
+}
+
+.add-node-section-label {
+	font-family: "Manrope", sans-serif;
+	font-size: 9px;
+	font-weight: 700;
+	color: #3e4050;
+	letter-spacing: 0.06em;
+	text-transform: uppercase;
+	padding: 2px 4px 4px;
+}
+
+.add-node-grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 3px;
+	margin-bottom: 2px;
+}
+
+.add-node-type-btn {
+	padding: 6px 8px;
+	border: 1px solid #2a2b36;
+	border-radius: 6px;
+	background: transparent;
+	color: #8b8d98;
+	font-family: "Manrope", sans-serif;
+	font-size: 11px;
+	font-weight: 600;
+	cursor: pointer;
+	text-align: center;
+	transition:
+		background 0.1s,
+		color 0.1s,
+		border-color 0.1s;
+	white-space: nowrap;
+}
+
+.add-node-type-btn:hover {
+	background: rgba(255, 255, 255, 0.06);
+	color: #d5d6de;
+	border-color: #3e4050;
+}
+
+.add-node-divider {
+	height: 1px;
+	background: #1e1f2a;
+	margin: 6px 0;
+}
+
+:global(body:not(.dark)) .add-node-menu {
+	background: #ffffff;
+	border-color: #e2e4ea;
+	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+}
+
+:global(body:not(.dark)) .add-node-section-label {
+	color: #8b8d98;
+}
+
+:global(body:not(.dark)) .add-node-type-btn {
+	border-color: #e2e4ea;
+	color: #6b6e78;
+}
+
+:global(body:not(.dark)) .add-node-type-btn:hover {
+	background: rgba(0, 0, 0, 0.04);
+	color: #2c2e36;
+	border-color: #c8cad2;
+}
+
+:global(body:not(.dark)) .add-node-divider {
+	background: #e2e4ea;
+}
+
+.connection-badge {
+	position: absolute;
+	font-family: "JetBrains Mono", monospace;
+	font-size: 9px;
+	font-weight: 600;
+	padding: 2px 6px;
+	border-radius: 4px;
+	background: var(--badge-color);
+	color: #0c0d10;
+	pointer-events: none;
+	z-index: 20;
+	white-space: nowrap;
+}
diff --git a/js/workflowcanvas/workflow/WorkflowCanvas.svelte b/js/workflowcanvas/workflow/WorkflowCanvas.svelte
new file mode 100644
index 0000000..ee92fae
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowCanvas.svelte
@@ -0,0 +1,2895 @@
+<script lang="ts">
+	import { setContext } from "svelte";
+	import { fade } from "svelte/transition";
+
+	import WorkflowNodeSF from "./WorkflowNodeSF.svelte";
+	import WorkflowBottomBar from "./WorkflowBottomBar.svelte";
+	import type { BoundFnTemplate } from "./WorkflowBottomBar.svelte";
+	import NodeModelPicker from "./NodeModelPicker.svelte";
+	import WorkflowEmptyState from "./WorkflowEmptyState.svelte";
+	import WorkflowApiPanel from "./WorkflowApiPanel.svelte";
+	import CheckIcon from "./icons/CheckIcon.svelte";
+	import LayoutIcon from "./icons/LayoutIcon.svelte";
+	import InfoIcon from "./icons/InfoIcon.svelte";
+	import CodeIcon from "./icons/CodeIcon.svelte";
+
+	import {
+		MODALITIES,
+		DATASET_MODALITY,
+		ALL_MODALITY,
+		portMeta,
+		modalityForPort
+	} from "./workflow-modalities";
+	import type { ModalityConfig } from "./workflow-modalities";
+	import { fetchSpaceApi } from "./space-api";
+	import {
+		workflow,
+		addNode,
+		moveNode,
+		addEdge,
+		removeEdge,
+		updateNodeData,
+		removeNode,
+		replaceNodeSource,
+		switch_endpoint,
+		hydrate_endpoints,
+		sanitize_for_save,
+		revoke_blob_urls
+	} from "./workflow-store";
+	import { migrateToV2, toLegacyShape } from "./workflow-migration";
+	import { PORT_COLOR, ports_compatible } from "./workflow-types";
+	import type {
+		PortType,
+		Port,
+		WFNode,
+		WFEdge,
+		NodeStatus,
+		NodeRole,
+		Workflow
+	} from "./workflow-types";
+	import { executeWorkflow } from "./workflow-executor";
+	import { stream_text_generation } from "./inference-stream";
+	import {
+		findFreeSpot as findFreeSpotImpl,
+		countSubgraphs,
+		topoSort,
+		resolveCurrentInputs as resolveCurrentInputsImpl,
+		computeStaleNodes,
+		buildUpstreamSubgraph as buildUpstreamSubgraphImpl
+	} from "./workflow-graph";
+	import { LIBRARY, getComponentForPortType } from "./node-library";
+	import { createHFAuth } from "./hf-auth.svelte";
+	import { load_viewport, save_viewport } from "./viewport-persistence";
+
+	/**
+	 * A node template's role for the v2 store. v1-style templates from LIBRARY/
+	 * picker use `kind: "component" | "transform"` — map them to v2 roles here.
+	 * Subjects aren't auto-created by templates today; they're created when an
+	 * edge wires into a reference (future enhancement). For now, components default
+	 * to reference.
+	 */
+	function templateRole(template: any): NodeRole {
+		if (template?.role) return template.role;
+		if (template?.kind === "transform") return "operator";
+		return "reference";
+	}
+
+	let {
+		server = {},
+		initialValue = null
+	}: { server?: Record<string, any>; initialValue?: string | null } = $props();
+
+	const auth = createHFAuth(() => server);
+
+	// Sessions without the write token (share-link visitors, tunnelled
+	// requests) get a view-only canvas: they can run the workflow and fill in
+	// input values, but not change its structure or persist anything. The
+	// server independently rejects unauthorized saves — this is UX, not the
+	// security boundary. Stays editable until the server answers so the owner
+	// doesn't see controls flash out and back in.
+	const readOnly = $derived(auth.writeAccessKnown && !auth.canWrite);
+
+	// Why this session can't edit — surfaced on the "Run only" badge (hover and
+	// click). Differs by deployment: locally the fix is opening the write-token
+	// edit link; on a Space it's signing in as an account that owns the Space —
+	// unless the Space has no OAuth enabled, in which case no one can sign in to
+	// edit and the developer must enable it.
+	const readOnlyReason = $derived(
+		auth.isHFSpace
+			? auth.oauthAvailable
+				? "Run-only: you can run this workflow but not edit it. Sign in with a Hugging Face account that owns this Space (or has write access to it) to make changes. Alternatively, duplicate this Space under your own account to edit your own copy."
+				: "Run-only: editing is disabled because this Space doesn't have OAuth enabled, so the owner can't sign in to authenticate. To allow editing, add `hf_oauth: true` to the Space's README metadata and redeploy. Alternatively, duplicate this Space under your own account to edit your own copy."
+			: "Run-only: you can run this workflow but not edit it. This session is missing the write token — open the edit link printed in the terminal to make changes."
+	);
+
+	// Flash a brief "Saved" confirmation after each successful autosave. The
+	// timer is cleared on each new save so rapid edits coalesce into a single
+	// lingering checkmark rather than flickering.
+	let saveIndicator = $state(false);
+	let saveIndicatorTimer: ReturnType<typeof setTimeout> | null = null;
+	// Serialized form of what's currently persisted on the server. Autosave
+	// compares against this so loading the workflow into the store on page load
+	// (and any no-op change) doesn't trigger a redundant save + "Saved" flash.
+	let lastSavedSerialized: string | null = null;
+	function flashSaved(): void {
+		saveIndicator = true;
+		if (saveIndicatorTimer) clearTimeout(saveIndicatorTimer);
+		saveIndicatorTimer = setTimeout(() => {
+			saveIndicator = false;
+		}, 1400);
+	}
+
+	$effect(() => {
+		void auth.init();
+	});
+
+	$effect(() => {
+		if (!initialValue) return;
+		try {
+			const parsed = JSON.parse(initialValue);
+			// Migration handles both v1 (legacy workflow.json files) and v2.
+			const v2 = migrateToV2(parsed);
+			workflow.set(v2);
+			// Baseline the persisted state so the load itself isn't autosaved.
+			lastSavedSerialized = JSON.stringify(sanitize_for_save(v2));
+		} catch {}
+	});
+
+	$effect(() => {
+		const wf = $workflow;
+		// Wait for the write-access answer before autosaving — the optimistic
+		// editable window would otherwise fire saves the backend rejects.
+		if (!server?.save_workflow || !auth.writeAccessKnown || !auth.canWrite)
+			return;
+		const serialized = JSON.stringify(sanitize_for_save(wf));
+		if (lastSavedSerialized === null) {
+			// No persisted baseline yet (e.g. a brand-new workflow with no saved
+			// file): adopt the current state instead of saving it on load.
+			lastSavedSerialized = serialized;
+			return;
+		}
+		// Nothing changed since the last save/load — don't re-save or flash.
+		if (serialized === lastSavedSerialized) return;
+		const timer = setTimeout(() => {
+			server
+				.save_workflow([serialized])
+				.then(() => {
+					lastSavedSerialized = serialized;
+					flashSaved();
+				})
+				.catch(() => {});
+		}, 500);
+		return () => clearTimeout(timer);
+	});
+
+	// Pull the bind=[…] list from the server once on mount so the
+	// Functions button in the bottom bar can offer them as add-able
+	// nodes. Silently no-op if the server doesn't expose it (older
+	// gradio backends).
+	$effect(() => {
+		if (!server?.list_bound_fns) return;
+		void server
+			.list_bound_fns()
+			.then((raw: string) => {
+				try {
+					const parsed = JSON.parse(raw);
+					if (Array.isArray(parsed)) boundFns = parsed as BoundFnTemplate[];
+				} catch {
+					/* ignore malformed */
+				}
+			})
+			.catch(() => {});
+	});
+
+	$effect(() => {
+		window.addEventListener("keydown", handleKeydown);
+		window.addEventListener("keyup", handle_keyup);
+		return () => {
+			window.removeEventListener("keydown", handleKeydown);
+			window.removeEventListener("keyup", handle_keyup);
+		};
+	});
+
+	function handle_keyup(e: KeyboardEvent): void {
+		if (e.code === "Space") spaceHeld = false;
+	}
+
+	// ─── Canvas state ───────────────────────────────────────────────────────────
+	let viewport = $state(load_viewport($workflow.name));
+
+	let lastViewportName = $state($workflow.name);
+	$effect(() => {
+		if ($workflow.name !== lastViewportName) {
+			lastViewportName = $workflow.name;
+			viewport = load_viewport($workflow.name);
+		}
+	});
+
+	$effect(() => {
+		const name = $workflow.name;
+		const v = viewport;
+		const timer = setTimeout(() => save_viewport(name, v), 250);
+		return () => clearTimeout(timer);
+	});
+
+	// Pointer interaction state: track which kind of drag is happening so
+	// pointermove/up know what to do. Mutually exclusive — at most one mode.
+	type DragMode =
+		| { kind: "pan"; startX: number; startY: number; vx: number; vy: number }
+		| {
+				kind: "node";
+				nodeId: string;
+				startClientX: number;
+				startClientY: number;
+				startNodeX: number;
+				startNodeY: number;
+				moved: boolean;
+				groupStart: Map<string, { x: number; y: number }>;
+		  }
+		| {
+				kind: "connection";
+				fromNodeId: string;
+				fromPortId: string;
+				type: PortType;
+				reversed: boolean;
+				cursorCanvasX: number;
+				cursorCanvasY: number;
+				startCanvasX: number;
+				startCanvasY: number;
+		  }
+		| {
+				kind: "marquee";
+				startCanvasX: number;
+				startCanvasY: number;
+				endCanvasX: number;
+				endCanvasY: number;
+				additive: boolean;
+				moved: boolean;
+		  };
+	let dragMode = $state<DragMode | null>(null);
+	let spaceHeld = $state(false);
+	let last_node_drag_moved = false;
+
+	// ─── App state ──────────────────────────────────────────────────────────────
+	let canvasEl: HTMLDivElement;
+	let rootEl: HTMLDivElement;
+	let running = $state(false);
+	let abortController: AbortController | null = null;
+	let nodeStatus: Record<string, NodeStatus> = $state({});
+	let nodeErrors: Record<string, string> = $state({});
+	/**
+	 * Bound Python functions advertised by the server (`list_bound_fns`).
+	 * Populates the bottom-bar Functions button so users can re-add an
+	 * fn node after deleting it without re-launching the app.
+	 */
+	let boundFns = $state<BoundFnTemplate[]>([]);
+	/**
+	 * Snapshot of resolved inputs at the moment a node last completed. Used
+	 * to flag nodes as stale when their current inputs differ from the
+	 * snapshot — i.e. an upstream value changed but this node hasn't been
+	 * re-run yet. Pattern lifted from gradio-app/daggr.
+	 */
+	let nodeInputSnapshots: Record<string, string> = $state({});
+	let editingName = $state(false);
+	let selectedNodeIds = $state<Set<string>>(new Set());
+	let selectedEdgeIds = $state<Set<string>>(new Set());
+	const selectedNodeId = $derived(
+		selectedNodeIds.size === 1
+			? (selectedNodeIds.values().next().value ?? null)
+			: null
+	);
+	let showShortcuts = $state(false);
+	let showUserMenu = $state(false);
+	let showApiPanel = $state(false);
+	// Popover shown when the "Run only" badge is clicked, explaining why editing
+	// is disabled and how to enable it.
+	let showAccessInfo = $state(false);
+	let nameInput: HTMLInputElement = $state()!;
+
+	// Human-readable explanation of how the current user is authenticated,
+	// shown in the popover when they click their avatar. The "local" case also
+	// tells them logout happens from the CLI, since the UI can't clear a token
+	// it never stored (it's the host's `huggingface-cli login` token).
+	const authExplanation = $derived.by(() => {
+		if (auth.source === "local")
+			return "Signed in with the Hugging Face token saved on this machine (via `huggingface-cli login`). To sign out, run `huggingface-cli logout` in your terminal.";
+		if (auth.source === "oauth")
+			return "Signed in with your Hugging Face account.";
+		if (auth.source === "pat")
+			return "Signed in with a Hugging Face token you provided.";
+		return "";
+	});
+
+	type Pending = {
+		from_node_id: string;
+		from_port_id: string;
+		type: PortType;
+		reversed?: boolean;
+	};
+	let activeConnection: Pending | null = $state(null);
+
+	interface WfToast {
+		id: number;
+		message: string;
+		type: "info" | "warning" | "error" | "success" | "pro";
+		action?: { label: string; href?: string; onClick?: () => void };
+	}
+	let toasts: WfToast[] = $state([]);
+	let toastCounter = 0;
+
+	function showToast(
+		msg: string,
+		ms = 3000,
+		type: "info" | "warning" | "error" | "success" | "pro" = "info",
+		action?: WfToast["action"]
+	): void {
+		const id = ++toastCounter;
+		toasts = [...toasts, { id, message: msg, type, action }].slice(-3);
+		if (ms > 0) setTimeout(() => dismissToast(id), ms);
+	}
+
+	function dismissToast(id: number): void {
+		toasts = toasts.filter((t) => t.id !== id);
+	}
+
+	// v1 shape for read paths; writes go through v2 store actions.
+	const legacyView = $derived(toLegacyShape($workflow));
+
+	const gridTile = $derived.by(() => {
+		let tile = 22 * viewport.zoom;
+		while (tile < 16) tile *= 2;
+		return tile;
+	});
+
+	const nodeCount = $derived(legacyView.nodes.length);
+	const hasTransforms = $derived($workflow.operators.length > 0);
+	const edgeCount = $derived($workflow.edges.length);
+	const subgraphCount = $derived(
+		countSubgraphs(legacyView.nodes, $workflow.edges)
+	);
+
+	const connectedPortsSet = $derived(() => {
+		const set = new Set<string>();
+		for (const e of $workflow.edges) {
+			set.add(`${e.from_node_id}:${e.from_port_id}:output`);
+			set.add(`${e.to_node_id}:${e.to_port_id}:input`);
+		}
+		return set;
+	});
+
+	interface ActivePicker {
+		mode: "create" | "update";
+		modality: ModalityConfig;
+		nodeId?: string;
+		anchorX?: number;
+		anchorY?: number;
+		initialSubtab?: string;
+	}
+	let activePicker: ActivePicker | null = $state(null);
+
+	interface PendingDrop {
+		from_node_id: string;
+		from_port_id: string;
+		type: PortType;
+		x: number;
+		y: number;
+		reversed?: boolean;
+		positionOnly?: boolean;
+	}
+	let pendingDrop: PendingDrop | null = $state(null);
+
+	interface DropOption {
+		kind: "model" | "component";
+		label: string;
+		subtab?: string;
+	}
+	interface DropChoice {
+		clientX: number;
+		clientY: number;
+		modelOptions: DropOption[];
+		componentOptions: DropOption[];
+		/** true → user dragged from an input port (needs a Source);
+		 *  false → user dragged from an output port (needs an Output sink). */
+		reversed: boolean;
+	}
+	let dropChoice: DropChoice | null = $state(null);
+
+	interface DoubleClickMenu {
+		clientX: number;
+		clientY: number;
+		canvasX: number;
+		canvasY: number;
+	}
+	let doubleClickMenu: DoubleClickMenu | null = $state(null);
+
+	function inputOutputLabel(type: PortType, reversed: boolean): string {
+		const base = portMeta(type)?.label ?? "File";
+		// When dragging from an input (reversed), media types want an "Upload"
+		// affordance; scalar types reuse their own label as the source widget.
+		if (reversed) {
+			const scalar =
+				type === "text" ||
+				type === "number" ||
+				type === "json" ||
+				type === "boolean";
+			return scalar ? base : "Upload";
+		}
+		return base;
+	}
+
+	// ─── Context for node components ────────────────────────────────────────────
+	const wfCtx = $state({
+		pending: null as Pending | null,
+		nodeStatus: {} as Record<string, NodeStatus>,
+		nodeErrors: {} as Record<string, string>,
+		staleNodes: new Set<string>(),
+		connectedPorts: new Set<string>(),
+		readOnly: false,
+		ondatachange: updateNodeData,
+		onremove: (id: string) => {
+			if (!readOnly) removeNode(id);
+		},
+		onopenpicker: (id: string) => {
+			if (!readOnly) openPickerForNode(id);
+		},
+		onswitchendpoint: (id: string, endpointName: string) => {
+			if (!readOnly) switch_endpoint(id, endpointName);
+		},
+		onhydratendpoints: async (id: string, spaceId: string) => {
+			try {
+				const info = await fetchSpaceApi(spaceId);
+				if (!info.endpoints || info.endpoints.length === 0) {
+					showToast(`${spaceId} has no usable endpoints`, 4000, "warning");
+					return;
+				}
+				hydrate_endpoints(id, info.endpoints);
+				if (info.endpoints.length === 1) {
+					showToast(`${spaceId} only exposes one endpoint`, 3000);
+				}
+			} catch (err) {
+				showToast(
+					err instanceof Error ? err.message : "Failed to load endpoints",
+					4000,
+					"error"
+				);
+			}
+		},
+		onrunnode: (id: string) => void runNode(id),
+		onselect: (id: string, additive = false) => selectNode(id, additive),
+		onnodepointerdown: (e: PointerEvent, id: string) => startNodeDrag(e, id),
+		onportpointerdown: (
+			e: PointerEvent,
+			nodeId: string,
+			portId: string,
+			type: PortType,
+			isInput: boolean
+		) => startConnection(e, nodeId, portId, type, isInput),
+		onpopout: (
+			nodeId: string,
+			portId: string,
+			type: PortType,
+			isInput: boolean
+		) => {
+			if (readOnly) return;
+			const node = legacyView.nodes.find((n) => n.id === nodeId);
+			if (!node) return;
+			const template = getComponentForPortType(type);
+			if (!template) return;
+			if (isInput) {
+				const { x, y } = clampToViewport(
+					node.x - 260,
+					node.y,
+					template.width,
+					template.height
+				);
+				const newId = addNode("reference", template, x, y);
+				addEdge({
+					from_node_id: newId,
+					from_port_id: "out",
+					to_node_id: nodeId,
+					to_port_id: portId,
+					type
+				});
+				updateNodeData(nodeId, portId, "");
+			} else {
+				const { x, y } = clampToViewport(
+					node.x + node.width + 40,
+					node.y,
+					template.width,
+					template.height
+				);
+				const newId = addNode("reference", template, x, y);
+				addEdge({
+					from_node_id: nodeId,
+					from_port_id: portId,
+					to_node_id: newId,
+					to_port_id: "in",
+					type
+				});
+			}
+		}
+	});
+	setContext("wf", wfCtx);
+
+	$effect(() => {
+		wfCtx.pending = activeConnection;
+	});
+	$effect(() => {
+		wfCtx.nodeStatus = nodeStatus;
+	});
+	$effect(() => {
+		wfCtx.nodeErrors = nodeErrors;
+	});
+	$effect(() => {
+		wfCtx.staleNodes = staleNodes;
+	});
+	$effect(() => {
+		wfCtx.connectedPorts = connectedPortsSet();
+	});
+	$effect(() => {
+		wfCtx.readOnly = readOnly;
+	});
+
+	// ─── Custom canvas event handlers ───────────────────────────────────────────
+
+	function clientToCanvas(
+		clientX: number,
+		clientY: number
+	): { x: number; y: number } {
+		const r = canvasEl?.getBoundingClientRect();
+		if (!r) return { x: 0, y: 0 };
+		return {
+			x: (clientX - r.left - viewport.x) / viewport.zoom,
+			y: (clientY - r.top - viewport.y) / viewport.zoom
+		};
+	}
+
+	function clampToViewport(
+		x: number,
+		y: number,
+		w: number,
+		h: number
+	): { x: number; y: number } {
+		if (!canvasEl) return { x, y };
+		const r = canvasEl.getBoundingClientRect();
+		const pad = 20;
+		const minX = -viewport.x / viewport.zoom + pad;
+		const maxX = (r.width - viewport.x) / viewport.zoom - w - pad;
+		const minY = -viewport.y / viewport.zoom + pad;
+		const maxY = (r.height - viewport.y) / viewport.zoom - h - pad;
+		return {
+			x: Math.max(minX, Math.min(maxX, x)),
+			y: Math.max(minY, Math.min(maxY, y))
+		};
+	}
+
+	function onCanvasPointerDown(e: PointerEvent): void {
+		if (e.button !== 0 && e.button !== 1) return;
+		const target = e.target as HTMLElement;
+		if (
+			target.closest(
+				".node-pos-wrap, .edge-path, .picker-panel, .drop-menu, .add-node-menu, .bottom-bar, .zoom-controls, .toolbar"
+			)
+		) {
+			return;
+		}
+		const pan_requested = e.button === 1 || spaceHeld;
+		if (pan_requested) {
+			dragMode = {
+				kind: "pan",
+				startX: e.clientX,
+				startY: e.clientY,
+				vx: viewport.x,
+				vy: viewport.y
+			};
+			canvasEl.setPointerCapture(e.pointerId);
+			return;
+		}
+		const { x, y } = clientToCanvas(e.clientX, e.clientY);
+		dragMode = {
+			kind: "marquee",
+			startCanvasX: x,
+			startCanvasY: y,
+			endCanvasX: x,
+			endCanvasY: y,
+			additive: e.shiftKey,
+			moved: false
+		};
+		canvasEl.setPointerCapture(e.pointerId);
+	}
+
+	function onWheel(e: WheelEvent): void {
+		if (!canvasEl) return;
+		e.preventDefault();
+		if (e.ctrlKey || e.metaKey) {
+			const r = canvasEl.getBoundingClientRect();
+			const cx = e.clientX - r.left;
+			const cy = e.clientY - r.top;
+			const factor = e.deltaY < 0 ? 1.1 : 1 / 1.1;
+			const oldZoom = viewport.zoom;
+			const newZoom = Math.max(0.15, Math.min(4, oldZoom * factor));
+			viewport = {
+				x: cx - (cx - viewport.x) * (newZoom / oldZoom),
+				y: cy - (cy - viewport.y) * (newZoom / oldZoom),
+				zoom: newZoom
+			};
+			return;
+		}
+		viewport = {
+			...viewport,
+			x: viewport.x - e.deltaX,
+			y: viewport.y - e.deltaY
+		};
+	}
+
+	function startNodeDrag(e: PointerEvent, nodeId: string): void {
+		if (e.button !== 0 || readOnly) return;
+		const node = legacyView.nodes.find((n) => n.id === nodeId);
+		if (!node) return;
+		e.stopPropagation();
+		const drag_whole_group =
+			selectedNodeIds.has(nodeId) && selectedNodeIds.size > 1;
+		const groupStart = new Map<string, { x: number; y: number }>();
+		if (drag_whole_group) {
+			for (const n of legacyView.nodes) {
+				if (selectedNodeIds.has(n.id)) {
+					groupStart.set(n.id, { x: n.x, y: n.y });
+				}
+			}
+		} else {
+			groupStart.set(nodeId, { x: node.x, y: node.y });
+		}
+		dragMode = {
+			kind: "node",
+			nodeId,
+			startClientX: e.clientX,
+			startClientY: e.clientY,
+			startNodeX: node.x,
+			startNodeY: node.y,
+			moved: false,
+			groupStart
+		};
+		canvasEl?.setPointerCapture(e.pointerId);
+	}
+
+	function startConnection(
+		e: PointerEvent,
+		nodeId: string,
+		portId: string,
+		type: PortType,
+		isInput: boolean
+	): void {
+		if (e.button !== 0 || readOnly) return;
+		e.stopPropagation();
+		const { x, y } = clientToCanvas(e.clientX, e.clientY);
+		dragMode = {
+			kind: "connection",
+			fromNodeId: nodeId,
+			fromPortId: portId,
+			type,
+			reversed: isInput,
+			cursorCanvasX: x,
+			cursorCanvasY: y,
+			startCanvasX: x,
+			startCanvasY: y
+		};
+		activeConnection = {
+			from_node_id: nodeId,
+			from_port_id: portId,
+			type,
+			reversed: isInput
+		};
+		canvasEl?.setPointerCapture(e.pointerId);
+	}
+
+	function onCanvasPointerMove(e: PointerEvent): void {
+		if (!dragMode) return;
+		if (dragMode.kind === "pan") {
+			viewport = {
+				...viewport,
+				x: dragMode.vx + (e.clientX - dragMode.startX),
+				y: dragMode.vy + (e.clientY - dragMode.startY)
+			};
+		} else if (dragMode.kind === "node") {
+			const dx = (e.clientX - dragMode.startClientX) / viewport.zoom;
+			const dy = (e.clientY - dragMode.startClientY) / viewport.zoom;
+			if (Math.abs(dx) > 0 || Math.abs(dy) > 0) dragMode.moved = true;
+			if (dragMode.groupStart.size > 1) {
+				for (const [id, start] of dragMode.groupStart) {
+					moveNode(id, start.x + dx, start.y + dy);
+				}
+			} else {
+				moveNode(
+					dragMode.nodeId,
+					dragMode.startNodeX + dx,
+					dragMode.startNodeY + dy
+				);
+			}
+		} else if (dragMode.kind === "connection") {
+			const { x, y } = clientToCanvas(e.clientX, e.clientY);
+			dragMode = { ...dragMode, cursorCanvasX: x, cursorCanvasY: y };
+		} else if (dragMode.kind === "marquee") {
+			const { x, y } = clientToCanvas(e.clientX, e.clientY);
+			const moved =
+				dragMode.moved ||
+				Math.abs(x - dragMode.startCanvasX) > 2 ||
+				Math.abs(y - dragMode.startCanvasY) > 2;
+			dragMode = { ...dragMode, endCanvasX: x, endCanvasY: y, moved };
+		}
+	}
+
+	function onCanvasPointerUp(e: PointerEvent): void {
+		if (!dragMode) return;
+		const mode = dragMode;
+		if (mode.kind === "marquee") {
+			if (mode.moved) {
+				const hit_nodes = nodes_in_rect(
+					mode.startCanvasX,
+					mode.startCanvasY,
+					mode.endCanvasX,
+					mode.endCanvasY
+				);
+				const hit_edges = edges_in_rect(
+					mode.startCanvasX,
+					mode.startCanvasY,
+					mode.endCanvasX,
+					mode.endCanvasY
+				);
+				if (mode.additive) {
+					const next_nodes = new Set(selectedNodeIds);
+					for (const id of hit_nodes) next_nodes.add(id);
+					const next_edges = new Set(selectedEdgeIds);
+					for (const id of hit_edges) next_edges.add(id);
+					selectedNodeIds = next_nodes;
+					selectedEdgeIds = next_edges;
+				} else {
+					selectedNodeIds = hit_nodes;
+					selectedEdgeIds = hit_edges;
+				}
+			} else if (!mode.additive) {
+				clear_selection();
+			}
+			dragMode = null;
+			try {
+				canvasEl?.releasePointerCapture(e.pointerId);
+			} catch {}
+			return;
+		}
+		if (mode.kind === "connection") {
+			activeConnection = null;
+			const dx =
+				Math.abs(mode.cursorCanvasX - mode.startCanvasX) * viewport.zoom;
+			const dy =
+				Math.abs(mode.cursorCanvasY - mode.startCanvasY) * viewport.zoom;
+			if (dx < 4 && dy < 4) {
+				const direction = mode.reversed ? "input" : "output";
+				const isConnected = connectedPortsSet().has(
+					`${mode.fromNodeId}:${mode.fromPortId}:${direction}`
+				);
+				if (!isConnected) {
+					const srcNode = legacyView.nodes.find(
+						(n) => n.id === mode.fromNodeId
+					);
+					const template = getComponentForPortType(mode.type);
+					if (srcNode && template) {
+						if (mode.reversed) {
+							const { x, y } = clampToViewport(
+								srcNode.x - 260,
+								srcNode.y,
+								template.width,
+								template.height
+							);
+							const newId = addNode("reference", template, x, y);
+							addEdge({
+								from_node_id: newId,
+								from_port_id: "out",
+								to_node_id: mode.fromNodeId,
+								to_port_id: mode.fromPortId,
+								type: mode.type
+							});
+							updateNodeData(mode.fromNodeId, mode.fromPortId, "");
+						} else {
+							const { x, y } = clampToViewport(
+								srcNode.x + srcNode.width + 40,
+								srcNode.y,
+								template.width,
+								template.height
+							);
+							const newId = addNode("reference", template, x, y);
+							addEdge({
+								from_node_id: mode.fromNodeId,
+								from_port_id: mode.fromPortId,
+								to_node_id: newId,
+								to_port_id: "in",
+								type: mode.type
+							});
+						}
+					}
+					dragMode = null;
+					try {
+						canvasEl?.releasePointerCapture(e.pointerId);
+					} catch {}
+					return;
+				}
+			}
+			const targetEl = document.elementFromPoint(
+				e.clientX,
+				e.clientY
+			) as HTMLElement | null;
+
+			// 1. Precise hit on a port handle — use it directly.
+			const portEl = targetEl?.closest("[data-port-id]") as HTMLElement | null;
+			if (portEl) {
+				const toNodeId = portEl.getAttribute("data-node-id");
+				const toPortId = portEl.getAttribute("data-port-id");
+				const toIsInput =
+					portEl.getAttribute("data-port-direction") === "input";
+				if (toNodeId && toPortId && toNodeId !== mode.fromNodeId) {
+					tryCreateEdge(
+						mode.fromNodeId,
+						mode.fromPortId,
+						mode.reversed,
+						toNodeId,
+						toPortId,
+						toIsInput
+					);
+				}
+				dragMode = null;
+				try {
+					canvasEl?.releasePointerCapture(e.pointerId);
+				} catch {}
+				return;
+			}
+
+			// 2. Fuzzy hit — dropped on a node body, not its port. Find the first
+			// compatible free port on that node and use it. This is what users
+			// usually mean: "connect to that node", not "to that 12px circle."
+			const nodeWrap = targetEl?.closest(
+				"[data-node-id]"
+			) as HTMLElement | null;
+			const droppedNodeId = nodeWrap?.getAttribute("data-node-id");
+			if (droppedNodeId && droppedNodeId !== mode.fromNodeId) {
+				const autoPort = pickCompatiblePort(
+					droppedNodeId,
+					mode.type,
+					mode.reversed
+				);
+				if (autoPort) {
+					tryCreateEdge(
+						mode.fromNodeId,
+						mode.fromPortId,
+						mode.reversed,
+						droppedNodeId,
+						autoPort.id,
+						autoPort.direction === "input"
+					);
+					dragMode = null;
+					try {
+						canvasEl?.releasePointerCapture(e.pointerId);
+					} catch {}
+					return;
+				}
+			}
+
+			// 3. Empty drop — open the drop-choice menu so the user can spawn a new node.
+			const r = canvasEl?.getBoundingClientRect();
+			if (r) {
+				const drop: PendingDrop = {
+					from_node_id: mode.fromNodeId,
+					from_port_id: mode.fromPortId,
+					type: mode.type,
+					x: mode.cursorCanvasX,
+					y: mode.cursorCanvasY,
+					reversed: mode.reversed
+				};
+				const srcPort = findSourcePort(
+					mode.fromNodeId,
+					mode.fromPortId,
+					mode.reversed
+				);
+				const hasChoices = !!(srcPort?.choices && srcPort.choices.length > 0);
+				const rootRect = rootEl?.getBoundingClientRect();
+				const menuW = 220,
+					menuH = 360;
+				const rawX = rootRect ? e.clientX - rootRect.left : e.clientX - r.left;
+				const rawY = rootRect ? e.clientY - rootRect.top : e.clientY - r.top;
+				const containerW = rootRect ? rootRect.width : r.width;
+				const containerH = rootRect ? rootRect.height : r.height;
+				const choice: DropChoice = {
+					clientX: Math.min(rawX, containerW - menuW - 8),
+					clientY: Math.min(rawY, containerH - menuH - 8),
+					modelOptions: hasChoices ? [] : buildModelOptions(mode.type),
+					componentOptions: hasChoices
+						? [{ kind: "component", label: srcPort!.label }]
+						: buildComponentOptions(mode.type, mode.reversed),
+					reversed: mode.reversed
+				};
+				setTimeout(() => {
+					pendingDrop = drop;
+					dropChoice = choice;
+				}, 0);
+			}
+		}
+		if (mode.kind === "node" && mode.moved) {
+			last_node_drag_moved = true;
+			setTimeout(() => (last_node_drag_moved = false), 0);
+		}
+		dragMode = null;
+		try {
+			canvasEl?.releasePointerCapture(e.pointerId);
+		} catch {}
+	}
+
+	/**
+	 * Choose the best port on `nodeId` for a connection of `type` whose source
+	 * is reversed/forward. Forward = we're dragging an output, so we want an
+	 * unconnected input on the target; reversed = we're dragging an input, so
+	 * we want any output on the target. Returns null if nothing fits.
+	 */
+	function pickCompatiblePort(
+		nodeId: string,
+		type: PortType,
+		reversed: boolean
+	): { id: string; direction: "input" | "output" } | null {
+		const target = legacyView.nodes.find((n) => n.id === nodeId);
+		if (!target) return null;
+		if (reversed) {
+			const out = target.outputs.find((p) => ports_compatible(p.type, type));
+			return out ? { id: out.id, direction: "output" } : null;
+		}
+		const inPort = target.inputs.find(
+			(p) =>
+				ports_compatible(type, p.type) &&
+				!$workflow.edges.some(
+					(e) => e.to_node_id === nodeId && e.to_port_id === p.id
+				)
+		);
+		return inPort ? { id: inPort.id, direction: "input" } : null;
+	}
+
+	/**
+	 * Cache of measured port-handle centers in canvas-space. Re-populated after
+	 * any node change via the effect below; canvas coords are invariant to
+	 * pan/zoom so we don't need to re-measure on viewport changes.
+	 */
+	let portPositions = $state(new Map<string, { x: number; y: number }>());
+
+	function portKey(
+		nodeId: string,
+		portId: string,
+		direction: "input" | "output"
+	): string {
+		return `${nodeId}:${portId}:${direction}`;
+	}
+
+	$effect(() => {
+		legacyView.nodes;
+		// Defer until after Svelte commits this render so the handle elements
+		// have their final positions in the DOM.
+		const raf = requestAnimationFrame(() => {
+			if (!canvasEl) return;
+			const cr = canvasEl.getBoundingClientRect();
+			const next = new Map<string, { x: number; y: number }>();
+			canvasEl.querySelectorAll<HTMLElement>("[data-port-id]").forEach((el) => {
+				const nodeId = el.getAttribute("data-node-id");
+				const portId = el.getAttribute("data-port-id");
+				const dir = el.getAttribute("data-port-direction") as
+					| "input"
+					| "output"
+					| null;
+				if (!nodeId || !portId || !dir) return;
+				const r = el.getBoundingClientRect();
+				const cx = r.left + r.width / 2 - cr.left;
+				const cy = r.top + r.height / 2 - cr.top;
+				next.set(portKey(nodeId, portId, dir), {
+					x: (cx - viewport.x) / viewport.zoom,
+					y: (cy - viewport.y) / viewport.zoom
+				});
+			});
+			portPositions = next;
+		});
+		return () => cancelAnimationFrame(raf);
+	});
+
+	/**
+	 * Canvas-space position of a port handle. Uses the measured DOM position
+	 * when available; falls back to a coarse estimate for the first paint
+	 * before the measurement effect has run (handles are ~24px outside the
+	 * node edge, so the heuristic offsets X by ±18 to hit the handle center).
+	 */
+	function portPos(
+		nodeId: string,
+		portId: string,
+		direction: "input" | "output"
+	): { x: number; y: number } | null {
+		const measured = portPositions.get(portKey(nodeId, portId, direction));
+		if (measured) return measured;
+		const node = legacyView.nodes.find((n) => n.id === nodeId);
+		if (!node) return null;
+		const ports = direction === "input" ? node.inputs : node.outputs;
+		const i = ports.findIndex((p) => p.id === portId);
+		if (i < 0) return null;
+		const headerHeight = 36;
+		const rowHeight = 30;
+		const y = node.y + headerHeight + i * rowHeight + rowHeight / 2;
+		const x = direction === "input" ? node.x - 18 : node.x + node.width + 18;
+		return { x, y };
+	}
+
+	function bezier(
+		a: { x: number; y: number },
+		b: { x: number; y: number }
+	): string {
+		const dx = Math.max(40, Math.abs(b.x - a.x) * 0.5);
+		return `M ${a.x} ${a.y} C ${a.x + dx} ${a.y}, ${b.x - dx} ${b.y}, ${b.x} ${b.y}`;
+	}
+
+	function edgePath(edge: WFEdge): string | null {
+		const a = portPos(edge.from_node_id, edge.from_port_id, "output");
+		const b = portPos(edge.to_node_id, edge.to_port_id, "input");
+		if (!a || !b) return null;
+		return bezier(a, b);
+	}
+
+	function connectionPreviewPath(
+		mode: Extract<DragMode, { kind: "connection" }>
+	): string | null {
+		const port = portPos(
+			mode.fromNodeId,
+			mode.fromPortId,
+			mode.reversed ? "input" : "output"
+		);
+		if (!port) return null;
+		const cursor = { x: mode.cursorCanvasX, y: mode.cursorCanvasY };
+		return mode.reversed ? bezier(cursor, port) : bezier(port, cursor);
+	}
+
+	function tryCreateEdge(
+		fromId: string,
+		fromPort: string,
+		fromIsInput: boolean,
+		toId: string,
+		toPort: string,
+		toIsInput: boolean
+	): void {
+		if (fromIsInput === toIsInput) return; // both ends same direction → invalid
+		// Normalize: edges always flow output → input
+		const [sourceId, sourcePort, targetId, targetPort] = fromIsInput
+			? [toId, toPort, fromId, fromPort]
+			: [fromId, fromPort, toId, toPort];
+		const sourceNode = legacyView.nodes.find((n) => n.id === sourceId);
+		const targetNode = legacyView.nodes.find((n) => n.id === targetId);
+		if (!sourceNode || !targetNode) return;
+		const outPort = sourceNode.outputs.find((p) => p.id === sourcePort);
+		const inPort = targetNode.inputs.find((p) => p.id === targetPort);
+		if (!outPort || !inPort || !ports_compatible(outPort.type, inPort.type))
+			return;
+		addEdge({
+			from_node_id: sourceId,
+			from_port_id: sourcePort,
+			to_node_id: targetId,
+			to_port_id: targetPort,
+			type: outPort.type
+		});
+	}
+
+	function findSourcePort(
+		nodeId: string,
+		portId: string,
+		reversed: boolean
+	): Port | undefined {
+		const node = legacyView.nodes.find((n) => n.id === nodeId);
+		return reversed
+			? node?.inputs.find((p) => p.id === portId)
+			: node?.outputs.find((p) => p.id === portId);
+	}
+
+	function buildModelOptions(type: PortType): DropOption[] {
+		const modality = modalityForPort(type);
+		if (!modality) return [];
+		return modality.subtabs
+			.filter((st) => st.key !== "all")
+			.map((st) => ({
+				kind: "model" as const,
+				label: st.label,
+				subtab: st.key
+			}));
+	}
+
+	function buildComponentOptions(
+		type: PortType,
+		reversed: boolean
+	): DropOption[] {
+		return [
+			{ kind: "component" as const, label: inputOutputLabel(type, reversed) }
+		];
+	}
+
+	function handleDropChoiceModel(subtab?: string): void {
+		dropChoice = null;
+		if (!pendingDrop) return;
+		const modality = modalityForPort(pendingDrop.type);
+		if (!modality) return;
+		activePicker = { mode: "create", modality, initialSubtab: subtab };
+	}
+
+	function handleDropChoiceUpload(): void {
+		dropChoice = null;
+		const drop = pendingDrop;
+		pendingDrop = null;
+		if (!drop) return;
+		const typedComponents: Record<string, any> = {};
+		for (const c of LIBRARY.components) {
+			typedComponents[c.outputs[0]?.type ?? "any"] = c;
+		}
+		const base = typedComponents[drop.type] ?? LIBRARY.components[0];
+		const sourcePort = findSourcePort(
+			drop.from_node_id,
+			drop.from_port_id,
+			drop.reversed ?? false
+		);
+		const choiceInfo =
+			sourcePort?.choices && sourcePort.choices.length > 0
+				? {
+						choices: sourcePort.choices,
+						multiselect: !!sourcePort.multiselect
+					}
+				: null;
+		const template = choiceInfo
+			? {
+					...base,
+					label: sourcePort?.label || base.label,
+					inputs: base.inputs.map((p: Port) => ({ ...p, ...choiceInfo })),
+					outputs: base.outputs.map((p: Port) => ({ ...p, ...choiceInfo }))
+				}
+			: base;
+		const rawX = drop.reversed
+			? drop.x - (template.width ?? 200) - 80
+			: drop.x - (template.width ?? 200) / 2;
+		const { x, y } = findFreeSpot(rawX, drop.y - 45);
+		// reversed=true → user dragged from an input port; they need a Source
+		// (reference) supplying that value. reversed=false → user dragged from
+		// an output port; they need a Sink (subject) displaying that value.
+		const role: "reference" | "subject" = drop.reversed
+			? "reference"
+			: "subject";
+		const newId = addNode(role, template, x, y);
+		const newNode = legacyView.nodes.find((n) => n.id === newId);
+		if (drop.reversed) {
+			const outputPort = newNode?.outputs.find((p: any) =>
+				ports_compatible(p.type, drop.type)
+			);
+			if (outputPort) {
+				addEdge({
+					from_node_id: newId,
+					from_port_id: outputPort.id,
+					to_node_id: drop.from_node_id,
+					to_port_id: drop.from_port_id,
+					type: drop.type
+				});
+			}
+		} else {
+			const inputPort = newNode?.inputs.find((p: any) =>
+				ports_compatible(drop.type, p.type)
+			);
+			if (inputPort) {
+				addEdge({
+					from_node_id: drop.from_node_id,
+					from_port_id: drop.from_port_id,
+					to_node_id: newId,
+					to_port_id: inputPort.id,
+					type: drop.type
+				});
+			}
+		}
+	}
+
+	function handleCanvasDoubleClick(e: MouseEvent): void {
+		if (readOnly) return;
+		const target = e.target as HTMLElement;
+		if (
+			target.closest(".node-pos-wrap") ||
+			target.closest(".drop-menu") ||
+			target.closest(".picker-panel")
+		)
+			return;
+		const r = canvasEl?.getBoundingClientRect();
+		if (!r) return;
+		setTimeout(() => {
+			doubleClickMenu = {
+				clientX: e.clientX - r.left,
+				clientY: e.clientY - r.top,
+				canvasX: (e.clientX - r.left - viewport.x) / viewport.zoom,
+				canvasY: (e.clientY - r.top - viewport.y) / viewport.zoom
+			};
+		}, 0);
+	}
+
+	function handleDoubleClickInputNode(portType: PortType): void {
+		if (!doubleClickMenu) return;
+		const { canvasX, canvasY } = doubleClickMenu;
+		doubleClickMenu = null;
+		const typedComponents: Record<string, any> = {};
+		for (const c of LIBRARY.components) {
+			typedComponents[c.outputs[0]?.type ?? "any"] = c;
+		}
+		const template = typedComponents[portType] ?? LIBRARY.components[0];
+		addNode(
+			"reference",
+			template,
+			canvasX - (template.width ?? 200) / 2,
+			canvasY - 45
+		);
+	}
+
+	function handleDoubleClickUpload(): void {
+		if (!doubleClickMenu) return;
+		const { canvasX, canvasY } = doubleClickMenu;
+		doubleClickMenu = null;
+
+		// Attach the input to body briefly. Safari (and some popup
+		// blockers) refuse to open the OS file-picker dialog when
+		// `input.click()` is called on a detached element, even from
+		// a real user gesture.
+		const input = document.createElement("input");
+		input.type = "file";
+		input.accept = "image/*,audio/*,video/*";
+		input.style.display = "none";
+		document.body.appendChild(input);
+		const cleanup = (): void => {
+			try {
+				document.body.removeChild(input);
+			} catch {
+				/* noop */
+			}
+		};
+		input.onchange = () => {
+			const file = input.files?.[0];
+			if (!file) {
+				cleanup();
+				return;
+			}
+			let portType: PortType = "file";
+			if (file.type.startsWith("image/")) portType = "image";
+			else if (file.type.startsWith("audio/")) portType = "audio";
+			else if (file.type.startsWith("video/")) portType = "video";
+			const typedComponents: Record<string, any> = {};
+			for (const c of LIBRARY.components) {
+				typedComponents[c.outputs[0]?.type ?? "any"] = c;
+			}
+			const template = typedComponents[portType] ?? LIBRARY.components[0];
+			const { x: fx, y: fy } = findFreeSpot(
+				canvasX - (template.width ?? 200) / 2,
+				canvasY - 45
+			);
+			const newId = addNode("reference", template, fx, fy);
+			const url = URL.createObjectURL(file);
+			const portId = template.outputs[0]?.id;
+			if (portId && newId) {
+				updateNodeData(newId, portId, {
+					url,
+					path: file.name,
+					name: file.name
+				} as any);
+			}
+			cleanup();
+		};
+		// `cancel` fires when the user dismisses the dialog without picking.
+		input.oncancel = cleanup;
+		input.click();
+	}
+
+	function handleDoubleClickSpaceModel(modality: ModalityConfig): void {
+		if (!doubleClickMenu) return;
+		const { canvasX, canvasY } = doubleClickMenu;
+		doubleClickMenu = null;
+		pendingDrop = {
+			from_node_id: "",
+			from_port_id: "",
+			type: "any" as PortType,
+			x: canvasX,
+			y: canvasY,
+			positionOnly: true
+		};
+		activePicker = { mode: "create", modality };
+	}
+
+	// ─── Helpers ─────────────────────────────────────────────────────────────────
+
+	function resolveCurrentInputs(node: WFNode): Record<string, unknown> {
+		return resolveCurrentInputsImpl(node, legacyView.nodes, $workflow.edges);
+	}
+
+	const staleNodes = $derived(
+		computeStaleNodes(
+			legacyView.nodes,
+			$workflow.edges,
+			nodeStatus,
+			nodeInputSnapshots
+		)
+	);
+
+	function canvasCenter(): { x: number; y: number } {
+		if (!canvasEl) return { x: 200, y: 200 };
+		const r = canvasEl.getBoundingClientRect();
+		return {
+			x: (r.width / 2 - viewport.x) / viewport.zoom - 150,
+			y: (r.height / 2 - viewport.y) / viewport.zoom - 60
+		};
+	}
+
+	/**
+	 * Walk diagonally from (x, y) in 28px steps until an open spot is found
+	 * that doesn't visually overlap an existing node. Used by any code path
+	 * that drops a fresh node at a fixed fallback position (canvas center,
+	 * picker create, etc.) — without this, successive adds stack identically.
+	 */
+	function findFreeSpot(x: number, y: number): { x: number; y: number } {
+		return findFreeSpotImpl(legacyView.nodes, x, y);
+	}
+
+	async function addTemplateToCanvas(
+		template: any,
+		x?: number,
+		y?: number
+	): Promise<string | null> {
+		if (readOnly) return null;
+		if (
+			template.source === "space" &&
+			template.space_id &&
+			template.inputs.length === 0
+		) {
+			showToast(`Connecting to ${template.space_id}...`);
+			try {
+				const apiInfo = await fetchSpaceApi(template.space_id);
+				template.inputs = apiInfo.inputs;
+				template.outputs = apiInfo.outputs;
+				template.endpoint = apiInfo.endpoint;
+				template.width = apiInfo.width;
+			} catch (err) {
+				showToast(
+					err instanceof Error ? err.message : "Failed to connect to Space",
+					5000,
+					"error"
+				);
+				return null;
+			}
+		}
+		if (x === undefined || y === undefined) {
+			const nodes = legacyView.nodes;
+			x =
+				nodes.length > 0
+					? Math.max(...nodes.map((n) => n.x + n.width)) + 80
+					: 200;
+			y = nodes.length > 0 ? nodes[nodes.length - 1].y : 150;
+		}
+		return addNode(templateRole(template), template, x, y);
+	}
+
+	async function handleDrop(e: DragEvent): Promise<void> {
+		e.preventDefault();
+		if (readOnly) return;
+		const raw = e.dataTransfer?.getData("node-template");
+		if (!raw) return;
+		const template = JSON.parse(raw);
+		const r = canvasEl.getBoundingClientRect();
+		const x = (e.clientX - r.left - viewport.x) / viewport.zoom - 100;
+		const y = (e.clientY - r.top - viewport.y) / viewport.zoom - 45;
+		await addTemplateToCanvas(template, x, y);
+	}
+
+	function revokeAllBlobUrls(nodes: WFNode[]): void {
+		for (const node of nodes) revoke_blob_urls(node.data);
+	}
+
+	let clearConfirm = $state(false);
+
+	function clearWorkflow(): void {
+		if (legacyView.nodes.length === 0 || readOnly) return;
+		clearConfirm = true;
+	}
+
+	function confirmClearWorkflow(): void {
+		clearConfirm = false;
+		if (readOnly) return;
+		revokeAllBlobUrls(legacyView.nodes);
+		workflow.set({
+			schema_version: "2",
+			name: $workflow.name,
+			runtime: { default: "client" },
+			references: [],
+			operators: [],
+			subjects: [],
+			edges: [],
+			view: { default: "canvas" }
+		});
+	}
+
+	function autoLayout(): void {
+		const sorted = topoSort(legacyView.nodes, $workflow.edges);
+		const edges = $workflow.edges;
+		const depth = new Map<string, number>();
+		for (const node of sorted) {
+			const maxParent = edges
+				.filter((e) => e.to_node_id === node.id)
+				.map((e) => depth.get(e.from_node_id) ?? 0)
+				.reduce((max, d) => Math.max(max, d + 1), 0);
+			depth.set(node.id, maxParent);
+		}
+		const columns = new Map<number, WFNode[]>();
+		for (const node of sorted) {
+			const d = depth.get(node.id) ?? 0;
+			if (!columns.has(d)) columns.set(d, []);
+			columns.get(d)!.push(node);
+		}
+		const gap = 30;
+		const colGap = 80;
+		// Auto-layout produces { id -> {x, y} }; apply to v2 arrays without
+		// changing role membership.
+		const positions = new Map<string, { x: number; y: number }>();
+		let xOffset = 80;
+		for (const [_, col] of [...columns.entries()].sort((a, b) => a[0] - b[0])) {
+			let yOffset = 80;
+			let maxWidth = 0;
+			for (const node of col) {
+				positions.set(node.id, { x: xOffset, y: yOffset });
+				yOffset += node.height + gap;
+				maxWidth = Math.max(maxWidth, node.width);
+			}
+			xOffset += maxWidth + colGap;
+		}
+		workflow.update((wf) => {
+			const reposition = <T extends { id: string; x: number; y: number }>(
+				n: T
+			): T => {
+				const p = positions.get(n.id);
+				return p ? { ...n, x: p.x, y: p.y } : n;
+			};
+			return {
+				...wf,
+				references: wf.references.map(reposition),
+				operators: wf.operators.map(reposition),
+				subjects: wf.subjects.map(reposition)
+			};
+		});
+	}
+
+	async function runNode(targetId: string): Promise<void> {
+		if (running) return;
+		await runWorkflow(buildUpstreamSubgraphImpl($workflow, targetId));
+	}
+
+	async function runWorkflow(target?: Workflow): Promise<void> {
+		if (running) return;
+		running = true;
+		const wfToRun = target ?? $workflow;
+		// Clear status only for nodes we're about to run, so already-finished
+		// nodes outside the target subgraph keep their snapshots + state.
+		const runningIds = new Set([
+			...wfToRun.references.map((n) => n.id),
+			...wfToRun.operators.map((n) => n.id),
+			...wfToRun.subjects.map((n) => n.id)
+		]);
+		nodeStatus = Object.fromEntries(
+			Object.entries(nodeStatus).filter(([id]) => !runningIds.has(id))
+		);
+		nodeErrors = Object.fromEntries(
+			Object.entries(nodeErrors).filter(([id]) => !runningIds.has(id))
+		);
+		abortController = new AbortController();
+
+		if (
+			legacyView.nodes.some((n) => n.source === "space" && n.space_id) &&
+			!auth.token
+		) {
+			showToast(
+				"Running as guest — GPU Spaces may hit quota limits. Sign in with HuggingFace for your own compute.",
+				5000,
+				"warning"
+			);
+		}
+
+		const callSpaceWithToken = server?.call_space
+			? async (spaceId: string, endpoint: string, argsJson: string) =>
+					server.call_space([spaceId, endpoint, argsJson, auth.token])
+			: undefined;
+
+		const callModelWithToken = server?.call_model
+			? async (
+					modelId: string,
+					pipelineTag: string,
+					argsJson: string,
+					provider?: string
+				) =>
+					server.call_model([
+						modelId,
+						pipelineTag,
+						argsJson,
+						auth.token,
+						provider ?? ""
+					])
+			: undefined;
+
+		const fetchDatasetWithToken = server?.fetch_dataset
+			? async (
+					datasetId: string,
+					config: string,
+					split: string,
+					offset: string,
+					length: string
+				) =>
+					server.fetch_dataset([
+						datasetId,
+						config,
+						split,
+						offset,
+						length,
+						auth.token
+					])
+			: undefined;
+
+		const callFnWithToken = server?.call_fn
+			? async (fnName: string, argsJson: string) =>
+					server.call_fn([fnName, argsJson])
+			: undefined;
+
+		await executeWorkflow(
+			wfToRun,
+			(nodeId, status, error, errorType) => {
+				nodeStatus = { ...nodeStatus, [nodeId]: status };
+				if (status === "done") {
+					const node = legacyView.nodes.find((n) => n.id === nodeId);
+					if (node) {
+						nodeInputSnapshots = {
+							...nodeInputSnapshots,
+							[nodeId]: JSON.stringify(resolveCurrentInputs(node))
+						};
+					}
+				}
+				if (error) {
+					const node = legacyView.nodes.find((n) => n.id === nodeId);
+					const label =
+						node?.label ?? node?.space_id ?? node?.model_id ?? "Node";
+					if (errorType === "quota" || errorType === "gpu") {
+						const headline =
+							errorType === "quota"
+								? "GPU quota exceeded"
+								: "GPU unavailable — try again in a minute";
+						nodeErrors = { ...nodeErrors, [nodeId]: headline };
+						const cta = auth.getQuotaCTA();
+						showToast(
+							`${label}: ${headline}. ${cta.suffix}`,
+							0,
+							"pro",
+							cta.action
+						);
+					} else {
+						nodeErrors = { ...nodeErrors, [nodeId]: error };
+						showToast(`${label}: ${error}`, 5000, "error");
+					}
+				}
+			},
+			(nodeId, portId, value) => {
+				updateNodeData(nodeId, portId, value);
+			},
+			abortController.signal,
+			callSpaceWithToken,
+			callModelWithToken,
+			fetchDatasetWithToken,
+			callFnWithToken,
+			auth.token
+				? (modelId, prompt, provider, signal, onChunk) =>
+						stream_text_generation({
+							modelId,
+							prompt,
+							provider,
+							hfToken: auth.token,
+							signal: signal ?? undefined,
+							onChunk
+						})
+				: undefined
+		);
+
+		running = false;
+		abortController = null;
+
+		const hasErrors = Object.values(nodeStatus).some((s) => s === "error");
+		showToast(
+			hasErrors ? "Workflow finished with errors" : "Workflow complete",
+			hasErrors ? 5000 : 3000,
+			hasErrors ? "error" : "success"
+		);
+
+		setTimeout(() => {
+			nodeStatus = Object.fromEntries(
+				Object.entries(nodeStatus).filter(([_, s]) => s === "error")
+			);
+		}, 3000);
+	}
+
+	function stopWorkflow(): void {
+		abortController?.abort();
+		running = false;
+		abortController = null;
+		nodeStatus = Object.fromEntries(
+			Object.entries(nodeStatus).map(([id, s]) => [
+				id,
+				s === "running" ? "idle" : s
+			])
+		);
+		showToast("Stopped", 3000, "warning");
+	}
+
+	function handleGlobalClick(e: MouseEvent): void {
+		const target = e.target as HTMLElement;
+		if (dropChoice && !target?.closest(".drop-menu")) {
+			dropChoice = null;
+			pendingDrop = null;
+		}
+		if (doubleClickMenu && !target?.closest(".add-node-menu")) {
+			doubleClickMenu = null;
+		}
+		if (
+			showShortcuts &&
+			!target?.closest(".shortcuts-panel") &&
+			!target?.closest(".zoom-controls")
+		) {
+			showShortcuts = false;
+		}
+		if (activePicker && !target?.closest(".picker-panel")) {
+			activePicker = null;
+		}
+		if (showUserMenu && !target?.closest(".toolbar-user-wrap")) {
+			showUserMenu = false;
+		}
+		if (showAccessInfo && !target?.closest(".access-info-wrap")) {
+			showAccessInfo = false;
+		}
+	}
+
+	function zoomToFit(): void {
+		const nodes = legacyView.nodes;
+		if (nodes.length === 0) {
+			viewport = { x: 0, y: 0, zoom: 1 };
+			return;
+		}
+		const padding = 60;
+		const minX = Math.min(...nodes.map((n) => n.x));
+		const minY = Math.min(...nodes.map((n) => n.y));
+		const maxX = Math.max(...nodes.map((n) => n.x + n.width));
+		const maxY = Math.max(...nodes.map((n) => n.y + n.height));
+		const contentW = maxX - minX + padding * 2;
+		const contentH = maxY - minY + padding * 2;
+		if (!canvasEl) {
+			viewport = { x: 0, y: 0, zoom: 1 };
+			return;
+		}
+		const r = canvasEl.getBoundingClientRect();
+		const newZoom = Math.min(
+			Math.max(Math.min(r.width / contentW, r.height / contentH), 0.15),
+			2
+		);
+		viewport = {
+			x: (r.width - contentW * newZoom) / 2 - (minX - padding) * newZoom,
+			y: (r.height - contentH * newZoom) / 2 - (minY - padding) * newZoom,
+			zoom: newZoom
+		};
+	}
+
+	function selectNode(id: string, additive = false): void {
+		if (last_node_drag_moved) return;
+		selectedNodeIds = additive
+			? toggle_set(selectedNodeIds, id)
+			: new Set([id]);
+		selectedEdgeIds = new Set();
+	}
+
+	function clear_selection(): void {
+		selectedNodeIds = new Set();
+		selectedEdgeIds = new Set();
+	}
+
+	function toggle_set<T>(set: Set<T>, value: T): Set<T> {
+		const next = new Set(set);
+		if (next.has(value)) next.delete(value);
+		else next.add(value);
+		return next;
+	}
+
+	function rects_intersect(
+		ax: number,
+		ay: number,
+		aw: number,
+		ah: number,
+		bx: number,
+		by: number,
+		bw: number,
+		bh: number
+	): boolean {
+		return ax < bx + bw && ax + aw > bx && ay < by + bh && ay + ah > by;
+	}
+
+	function nodes_in_rect(
+		x1: number,
+		y1: number,
+		x2: number,
+		y2: number
+	): Set<string> {
+		const rx = Math.min(x1, x2);
+		const ry = Math.min(y1, y2);
+		const rw = Math.abs(x2 - x1);
+		const rh = Math.abs(y2 - y1);
+		const out = new Set<string>();
+		for (const n of legacyView.nodes) {
+			if (rects_intersect(n.x, n.y, n.width, n.height, rx, ry, rw, rh)) {
+				out.add(n.id);
+			}
+		}
+		return out;
+	}
+
+	function edges_in_rect(
+		x1: number,
+		y1: number,
+		x2: number,
+		y2: number
+	): Set<string> {
+		const rx = Math.min(x1, x2);
+		const ry = Math.min(y1, y2);
+		const rw = Math.abs(x2 - x1);
+		const rh = Math.abs(y2 - y1);
+		const out = new Set<string>();
+		const point_in = (px: number, py: number): boolean =>
+			px >= rx && px <= rx + rw && py >= ry && py <= ry + rh;
+		for (const e of $workflow.edges) {
+			const a = portPos(e.from_node_id, e.from_port_id, "output");
+			const b = portPos(e.to_node_id, e.to_port_id, "input");
+			if (!a || !b) continue;
+			const dx = Math.max(40, Math.abs(b.x - a.x) * 0.5);
+			const c1x = a.x + dx;
+			const c1y = a.y;
+			const c2x = b.x - dx;
+			const c2y = b.y;
+			let hit = false;
+			for (let i = 0; i <= 12; i++) {
+				const t = i / 12;
+				const mt = 1 - t;
+				const px =
+					mt * mt * mt * a.x +
+					3 * mt * mt * t * c1x +
+					3 * mt * t * t * c2x +
+					t * t * t * b.x;
+				const py =
+					mt * mt * mt * a.y +
+					3 * mt * mt * t * c1y +
+					3 * mt * t * t * c2y +
+					t * t * t * b.y;
+				if (point_in(px, py)) {
+					hit = true;
+					break;
+				}
+			}
+			if (hit) out.add(e.id);
+		}
+		return out;
+	}
+
+	function duplicateNode(id: string): void {
+		const node = legacyView.nodes.find((n) => n.id === id);
+		if (!node) return;
+		const { id: _, data: __, ...template } = node;
+		const new_id = addNode(
+			templateRole(template),
+			template,
+			node.x + 40,
+			node.y + 40
+		);
+		selectedNodeIds = new Set([new_id]);
+		selectedEdgeIds = new Set();
+	}
+
+	function handleKeydown(e: KeyboardEvent): void {
+		if (
+			e.key === "Enter" &&
+			(e.metaKey || e.ctrlKey) &&
+			!running &&
+			hasTransforms
+		) {
+			e.preventDefault();
+			runWorkflow();
+			return;
+		}
+		const tag = (e.target as HTMLElement)?.tagName;
+		if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return;
+		if (e.code === "Space") {
+			spaceHeld = true;
+			e.preventDefault();
+		}
+		if (
+			(e.key === "Delete" || e.key === "Backspace") &&
+			!readOnly &&
+			(selectedNodeIds.size > 0 || selectedEdgeIds.size > 0)
+		) {
+			e.preventDefault();
+			const node_ids = [...selectedNodeIds];
+			const edge_ids = [...selectedEdgeIds];
+			selectedNodeIds = new Set();
+			selectedEdgeIds = new Set();
+			requestAnimationFrame(() => {
+				for (const id of node_ids) removeNode(id);
+				for (const id of edge_ids) removeEdge(id);
+			});
+		}
+		if (e.key === "d" && (e.metaKey || e.ctrlKey) && selectedNodeId) {
+			e.preventDefault();
+			if (!readOnly) duplicateNode(selectedNodeId);
+		}
+		if (e.key === "f" && !e.metaKey && !e.ctrlKey) {
+			e.preventDefault();
+			zoomToFit();
+		}
+		if (
+			e.key === "a" &&
+			(e.metaKey || e.ctrlKey) &&
+			legacyView.nodes.length > 0
+		) {
+			e.preventDefault();
+			selectedNodeIds = new Set(legacyView.nodes.map((n) => n.id));
+			selectedEdgeIds = new Set($workflow.edges.map((edge) => edge.id));
+		}
+		if (e.key === "0" && (e.metaKey || e.ctrlKey)) {
+			e.preventDefault();
+			viewport = { x: 0, y: 0, zoom: 1 };
+		}
+		if (e.key === "Escape") {
+			clear_selection();
+			activeConnection = null;
+			activePicker = null;
+			pendingDrop = null;
+			dropChoice = null;
+			doubleClickMenu = null;
+			clearConfirm = false;
+		}
+		if (e.key === "Enter" && clearConfirm && !readOnly) {
+			e.preventDefault();
+			confirmClearWorkflow();
+		}
+	}
+
+	function openPicker(modality: ModalityConfig): void {
+		activePicker = { mode: "create", modality };
+	}
+
+	function openPickerForNode(nodeId: string): void {
+		const node = legacyView.nodes.find((n) => n.id === nodeId);
+		if (!node) return;
+
+		// Components no longer open the picker — only transform nodes can have
+		// their model/space swapped. Guard so any stale callers no-op cleanly.
+		if (node.kind !== "transform") return;
+
+		let modality: ModalityConfig;
+		if (node.dataset_id) {
+			modality = DATASET_MODALITY;
+		} else {
+			const cat = node.pipeline_tag
+				? getModalityForPipelineTag(node.pipeline_tag)
+				: "image";
+			modality = MODALITIES.find((m) => m.category === cat) ?? MODALITIES[0];
+		}
+
+		let anchorX: number | undefined;
+		let anchorY: number | undefined;
+		if (canvasEl && rootEl) {
+			const rootRect = rootEl.getBoundingClientRect();
+			const canvasRect = canvasEl.getBoundingClientRect();
+			const canvasOffsetX = canvasRect.left - rootRect.left;
+			const canvasOffsetY = canvasRect.top - rootRect.top;
+			const panelWidth = Math.min(940, rootRect.width - 8);
+			const panelHeight = Math.min(720, rootRect.height - 160);
+			const nodeRight =
+				canvasOffsetX +
+				node.x * viewport.zoom +
+				viewport.x +
+				node.width * viewport.zoom;
+			const nodeLeft = canvasOffsetX + node.x * viewport.zoom + viewport.x;
+			const nodeTop = canvasOffsetY + node.y * viewport.zoom + viewport.y;
+			anchorX = nodeRight + 12;
+			if (anchorX + panelWidth > rootRect.width - 4) {
+				anchorX = nodeLeft - panelWidth - 12;
+			}
+			anchorX = Math.max(4, Math.min(anchorX, rootRect.width - panelWidth - 4));
+			anchorY = Math.max(
+				4,
+				Math.min(nodeTop, rootRect.height - panelHeight - 8)
+			);
+		}
+
+		activePicker = {
+			mode: "update",
+			modality,
+			nodeId,
+			anchorX,
+			anchorY
+		};
+	}
+
+	function getModalityForPipelineTag(tag: string): string {
+		const map: Record<string, string> = {
+			"text-to-image": "image",
+			"image-to-image": "image",
+			"text-to-audio": "audio",
+			"text-to-speech": "audio",
+			"automatic-speech-recognition": "audio",
+			"text-to-video": "video",
+			"image-to-video": "video",
+			"text-to-3d": "3d",
+			"image-to-3d": "3d",
+			"text-generation": "text",
+			summarization: "text",
+			translation: "text"
+		};
+		return map[tag] ?? "image";
+	}
+
+	const SUBGRAPH_PORT_TYPES = new Set([
+		"image",
+		"audio",
+		"video",
+		"text",
+		"file",
+		"gallery",
+		"boolean",
+		"number"
+	]);
+
+	async function handlePickerCreate(template: any): Promise<void> {
+		activePicker = null;
+		const drop = pendingDrop;
+		pendingDrop = null;
+		let x: number, y: number;
+		if (drop) {
+			x = drop.reversed
+				? drop.x - (template.width ?? 200) - 80
+				: drop.x - (template.width ?? 200) / 2;
+			y = drop.y - 60;
+		} else {
+			({ x, y } = findFreeSpot(canvasCenter().x, canvasCenter().y));
+		}
+		const newId = await addTemplateToCanvas({ ...template }, x, y);
+		if (!newId) return;
+
+		// For spaces added fresh to the canvas (not wired from an existing port),
+		// auto-create input + output components to form a ready-to-run subgraph
+		const isSpaceFresh =
+			template.source === "space" && (!drop || drop.positionOnly);
+		if (isSpaceFresh) {
+			const spaceNode = legacyView.nodes.find((n) => n.id === newId);
+			if (spaceNode) {
+				const compGap = 24;
+				const compH = 180;
+				// Skip ports with `choices` — they render an inline dropdown in
+				// the node body, so an auto-wired reference would be redundant
+				// (and worse, the reference is a plain textbox).
+				const typedInputs = spaceNode.inputs.filter(
+					(p) =>
+						SUBGRAPH_PORT_TYPES.has(p.type) &&
+						!(p.choices && p.choices.length > 0)
+				);
+				const requiredInputs = typedInputs.filter((p) => p.required !== false);
+				const inputPorts =
+					requiredInputs.length > 0 ? requiredInputs : typedInputs;
+				const outputPorts = spaceNode.outputs.filter((p) =>
+					SUBGRAPH_PORT_TYPES.has(p.type)
+				);
+
+				const inTotal = inputPorts.length * (compH + compGap) - compGap;
+				const inStartY = y + (spaceNode.height ?? 90) / 2 - inTotal / 2;
+				inputPorts.forEach((port, i) => {
+					const comp = getComponentForPortType(port.type);
+					if (!comp) return;
+					const { x: cx, y: cy } = findFreeSpot(
+						x - 220 - 80,
+						inStartY + i * (compH + compGap)
+					);
+					const cId = addNode("reference", comp, cx, cy);
+					addEdge({
+						from_node_id: cId,
+						from_port_id: "out",
+						to_node_id: newId,
+						to_port_id: port.id,
+						type: port.type
+					});
+				});
+
+				const outTotal = outputPorts.length * (compH + compGap) - compGap;
+				const outStartY = y + (spaceNode.height ?? 90) / 2 - outTotal / 2;
+				outputPorts.forEach((port, i) => {
+					const comp = getComponentForPortType(port.type);
+					if (!comp) return;
+					const { x: cx, y: cy } = findFreeSpot(
+						x + (spaceNode.width ?? 280) + 80,
+						outStartY + i * (compH + compGap)
+					);
+					const cId = addNode("subject", comp, cx, cy);
+					addEdge({
+						from_node_id: newId,
+						from_port_id: port.id,
+						to_node_id: cId,
+						to_port_id: "in",
+						type: port.type
+					});
+				});
+			}
+			return;
+		}
+
+		// Wiring from an existing port drag
+		if (drop && !drop.positionOnly) {
+			const newNode = legacyView.nodes.find((n) => n.id === newId);
+			if (drop.reversed) {
+				const outputPort = newNode?.outputs.find((p: any) =>
+					ports_compatible(p.type, drop.type)
+				);
+				if (outputPort) {
+					addEdge({
+						from_node_id: newId,
+						from_port_id: outputPort.id,
+						to_node_id: drop.from_node_id,
+						to_port_id: drop.from_port_id,
+						type: drop.type
+					});
+				}
+			} else {
+				const inputPort = newNode?.inputs.find((p: any) =>
+					ports_compatible(drop.type, p.type)
+				);
+				if (inputPort) {
+					addEdge({
+						from_node_id: drop.from_node_id,
+						from_port_id: drop.from_port_id,
+						to_node_id: newId,
+						to_port_id: inputPort.id,
+						type: drop.type
+					});
+				}
+			}
+		}
+	}
+
+	function handlePickerUpdate(nodeId: string, template: any): void {
+		if (!readOnly) replaceNodeSource(nodeId, template);
+		activePicker = null;
+	}
+
+	function addInputNode(portType: string, cx?: number, cy?: number): void {
+		if (readOnly) return;
+		let pos: { x: number; y: number };
+		if (cx !== undefined && cy !== undefined) {
+			const r = canvasEl?.getBoundingClientRect();
+			pos = r
+				? {
+						x: (cx - r.left - viewport.x) / viewport.zoom,
+						y: (cy - r.top - viewport.y) / viewport.zoom
+					}
+				: canvasCenter();
+		} else {
+			pos = canvasCenter();
+		}
+		const typedComponents: Record<string, any> = {};
+		for (const c of LIBRARY.components) {
+			typedComponents[c.outputs[0]?.type ?? "any"] = c;
+		}
+		const template = typedComponents[portType] ?? LIBRARY.components[0];
+		const half = (template.width ?? 200) / 2;
+		const { x, y } = findFreeSpot(pos.x - half, pos.y - 45);
+		addNode("reference", template, x, y);
+	}
+
+	/**
+	 * Spawn a Python fn node from a server-advertised bound function.
+	 * Wire-compatible with `_workflow_from_bind`: same id prefix, same
+	 * port shape, so it merges cleanly with any auto-generated fn nodes
+	 * already on the canvas.
+	 */
+	function addFnNode(tmpl: BoundFnTemplate): void {
+		if (readOnly) return;
+		const half = 110;
+		const { x, y } = findFreeSpot(
+			canvasCenter().x - half,
+			canvasCenter().y - 45
+		);
+		const height =
+			80 + Math.max(tmpl.inputs.length, tmpl.outputs.length, 1) * 36;
+		addNode(
+			"operator",
+			{
+				label: tmpl.label,
+				kind: "fn",
+				source: "fn",
+				fn: tmpl.fn,
+				inputs: tmpl.inputs,
+				outputs: tmpl.outputs,
+				width: 220,
+				height
+			},
+			x,
+			y
+		);
+	}
+
+	function setName(value: string): void {
+		if (!readOnly) workflow.update((wf) => ({ ...wf, name: value }));
+		editingName = false;
+	}
+</script>
+
+<!-- svelte-ignore a11y_no_static_element_interactions -->
+<div class="workflow-root" bind:this={rootEl} onclick={handleGlobalClick}>
+	<div class="toolbar">
+		<div class="toolbar-left">
+			{#if readOnly}
+				<span class="name-text name-readonly">{$workflow.name}</span>
+			{:else if editingName}
+				<input
+					bind:this={nameInput}
+					class="name-input"
+					value={$workflow.name}
+					onblur={(e) => setName(e.currentTarget.value)}
+					onkeydown={(e) => {
+						if (e.key === "Enter") setName(e.currentTarget.value);
+						if (e.key === "Escape") editingName = false;
+					}}
+				/>
+			{:else}
+				<button
+					class="name-btn"
+					onclick={() => {
+						editingName = true;
+						requestAnimationFrame(() => nameInput?.focus());
+					}}
+				>
+					<span class="name-text">{$workflow.name}</span>
+					<span class="name-edit-icon">&#x270E;</span>
+				</button>
+			{/if}
+			<span class="toolbar-stat"
+				>{subgraphCount}
+				{subgraphCount === 1 ? "subgraph" : "subgraphs"}</span
+			>
+			<button
+				class="tool-btn api-btn"
+				onclick={() => (showApiPanel = true)}
+				title="View the API for this workflow"
+			>
+				<CodeIcon />
+				View API
+			</button>
+			{#if saveIndicator}
+				<span
+					class="save-indicator"
+					in:fade={{ duration: 120 }}
+					out:fade={{ duration: 400 }}
+				>
+					<CheckIcon />
+					Saved
+				</span>
+			{/if}
+		</div>
+		<div class="toolbar-right">
+			{#if auth.status !== "checking"}
+				{#if auth.user}
+					<div class="toolbar-user-wrap">
+						<button
+							class="toolbar-user-chip"
+							class:open={showUserMenu}
+							onclick={(e) => {
+								e.stopPropagation();
+								showUserMenu = !showUserMenu;
+							}}
+							title="Account"
+						>
+							{#if auth.avatarUrl}
+								<img
+									class="toolbar-user-avatar"
+									src={auth.avatarUrl}
+									alt=""
+									referrerpolicy="no-referrer"
+								/>
+							{:else}
+								<span class="toolbar-user-avatar toolbar-user-avatar-fallback"
+									>{auth.user.charAt(0).toUpperCase()}</span
+								>
+							{/if}
+							<span class="toolbar-user-name">{auth.user}</span>
+						</button>
+						{#if showUserMenu}
+							<div class="toolbar-user-menu">
+								<div class="toolbar-user-menu-msg">{authExplanation}</div>
+								{#if auth.source !== "local"}
+									<button
+										class="toolbar-user-menu-btn"
+										onclick={() => {
+											showUserMenu = false;
+											auth.signOut();
+										}}>Log out</button
+									>
+								{/if}
+							</div>
+						{/if}
+					</div>
+				{:else if auth.isHFSpace && auth.oauthAvailable}
+					<button class="toolbar-login-btn" onclick={auth.signIn}
+						>Sign in with 🤗</button
+					>
+				{:else}
+					<form class="toolbar-token-form" onsubmit={(e) => e.preventDefault()}>
+						<input
+							class="toolbar-token-input"
+							class:invalid={auth.status === "invalid"}
+							type="password"
+							placeholder="Paste HF token (hf_...)"
+							value={auth.token}
+							onchange={(e) => auth.setPAT(e.currentTarget.value)}
+							title="HuggingFace token for GPU access"
+						/>
+						{#if auth.status === "validating"}
+							<span class="toolbar-token-status validating">checking…</span>
+						{:else if auth.status === "invalid"}
+							<span class="toolbar-token-status invalid">invalid</span>
+						{/if}
+					</form>
+				{/if}
+			{/if}
+			{#if !readOnly}
+				<button class="tool-btn" onclick={clearWorkflow}>Clear</button>
+				{#if auth.writeAccessKnown}
+					<span
+						class="access-badge access-write"
+						title="You have write access — changes you make are saved automatically."
+						>Write access</span
+					>
+				{/if}
+			{:else}
+				<div class="access-info-wrap">
+					<button
+						class="access-badge access-readonly"
+						class:open={showAccessInfo}
+						title={readOnlyReason}
+						aria-label="Why is this read-only?"
+						onclick={(e) => {
+							e.stopPropagation();
+							showAccessInfo = !showAccessInfo;
+						}}
+						>Run only<span class="access-info-icon"><InfoIcon /></span></button
+					>
+					{#if showAccessInfo}
+						<div class="access-info-popover">{readOnlyReason}</div>
+					{/if}
+				</div>
+			{/if}
+		</div>
+	</div>
+
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<div
+		class="editor"
+		class:editor-panning={dragMode?.kind === "pan"}
+		class:editor-pan-ready={spaceHeld && !dragMode}
+		class:editor-marquee={dragMode?.kind === "marquee"}
+		bind:this={canvasEl}
+		ondragover={(e) => e.preventDefault()}
+		ondrop={handleDrop}
+		ondblclick={handleCanvasDoubleClick}
+		onpointerdown={onCanvasPointerDown}
+		onpointermove={onCanvasPointerMove}
+		onpointerup={onCanvasPointerUp}
+		onwheel={onWheel}
+	>
+		<!-- Dot grid background — fixed in screen space, parallax-free -->
+		<div
+			class="canvas-bg"
+			style="background-position: {viewport.x}px {viewport.y}px; background-size: {gridTile}px {gridTile}px;"
+		></div>
+
+		<!-- Viewport: all nodes + edges live in here, sharing one transform -->
+		<div
+			class="canvas-viewport"
+			style="transform: translate({viewport.x}px, {viewport.y}px) scale({viewport.zoom});"
+		>
+			<!-- Edges layer (SVG). overflow:visible so edges aren't clipped. -->
+			<svg class="edges-layer" width="1" height="1" style="overflow: visible;">
+				{#each legacyView.edges as edge (edge.id)}
+					{@const path = edgePath(edge)}
+					{#if path}
+						<path
+							class="edge-path"
+							class:edge-selected={selectedEdgeIds.has(edge.id)}
+							d={path}
+							stroke={PORT_COLOR[edge.type] ?? "#6b6e78"}
+							stroke-width={(selectedEdgeIds.has(edge.id) ? 3 : 2) /
+								viewport.zoom}
+							fill="none"
+							onclick={(e) => {
+								if (e.shiftKey)
+									selectedEdgeIds = toggle_set(selectedEdgeIds, edge.id);
+								else if (!readOnly) removeEdge(edge.id);
+							}}
+						/>
+					{/if}
+				{/each}
+				{#if dragMode?.kind === "connection"}
+					{@const preview = connectionPreviewPath(dragMode)}
+					{#if preview}
+						<path
+							class="edge-preview"
+							d={preview}
+							stroke={PORT_COLOR[dragMode.type] ?? "#6b6e78"}
+							stroke-width={2 / viewport.zoom}
+							stroke-dasharray="6 4"
+							fill="none"
+						/>
+					{/if}
+				{/if}
+			</svg>
+
+			<!-- Nodes layer -->
+			{#each legacyView.nodes as n (n.id)}
+				<div
+					class="node-pos-wrap"
+					class:node-pos-selected={selectedNodeIds.has(n.id)}
+					data-node-id={n.id}
+					style="left: {n.x}px; top: {n.y}px; width: {n.width}px;"
+					onpointerdown={(e) => startNodeDrag(e, n.id)}
+				>
+					<WorkflowNodeSF
+						id={n.id}
+						data={n}
+						selected={selectedNodeIds.has(n.id)}
+					/>
+				</div>
+			{/each}
+
+			{#if dragMode?.kind === "marquee" && dragMode.moved}
+				{@const mx = Math.min(dragMode.startCanvasX, dragMode.endCanvasX)}
+				{@const my = Math.min(dragMode.startCanvasY, dragMode.endCanvasY)}
+				{@const mw = Math.abs(dragMode.endCanvasX - dragMode.startCanvasX)}
+				{@const mh = Math.abs(dragMode.endCanvasY - dragMode.startCanvasY)}
+				<div
+					class="marquee-rect"
+					style="left: {mx}px; top: {my}px; width: {mw}px; height: {mh}px; border-width: {1 /
+						viewport.zoom}px;"
+				></div>
+			{/if}
+		</div>
+
+		{#if nodeCount === 0}
+			<WorkflowEmptyState />
+		{/if}
+
+		{#if running}
+			<div class="run-overlay"></div>
+		{/if}
+
+		{#if dropChoice}
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<!-- Stop click + mousedown propagation: handleGlobalClick on
+			     workflow-root closes activePicker when the click target is
+			     outside .picker-panel. Without onclick stopPropagation, a
+			     "Generate" click here would set activePicker and then have
+			     the very same click bubble out and close it. -->
+			<div
+				class="drop-menu"
+				style="left: {dropChoice.clientX}px; top: {dropChoice.clientY}px;"
+				onmousedown={(e) => e.stopPropagation()}
+				onclick={(e) => e.stopPropagation()}
+			>
+				{#if dropChoice.modelOptions.length > 0}
+					<div class="drop-section-label">Models</div>
+					{#each dropChoice.modelOptions as opt}
+						<button
+							class="drop-opt"
+							onclick={() => handleDropChoiceModel(opt.subtab)}
+							>{opt.label}</button
+						>
+					{/each}
+				{/if}
+				{#if dropChoice.componentOptions.length > 0}
+					<div class="drop-section-label">
+						{dropChoice.reversed ? "Sources" : "Outputs"}
+					</div>
+					{#each dropChoice.componentOptions as opt}
+						<button class="drop-opt" onclick={handleDropChoiceUpload}
+							>{opt.label}</button
+						>
+					{/each}
+				{/if}
+			</div>
+		{/if}
+
+		{#if doubleClickMenu}
+			<!-- svelte-ignore a11y_no_static_element_interactions -->
+			<!-- Stop click+mousedown so handleGlobalClick (on .workflow-root)
+			     doesn't close the menu before the inner button fires.
+			     Same bug we fixed on .drop-menu earlier. -->
+			<div
+				class="add-node-menu"
+				style="left: {doubleClickMenu.clientX}px; top: {doubleClickMenu.clientY}px;"
+				onmousedown={(e) => e.stopPropagation()}
+				onclick={(e) => e.stopPropagation()}
+			>
+				<div class="add-node-section-label">Add</div>
+				<div class="add-node-grid">
+					<button class="add-node-type-btn" onclick={handleDoubleClickUpload}
+						>Upload Media</button
+					>
+					<button
+						class="add-node-type-btn"
+						onclick={() => handleDoubleClickInputNode("text" as PortType)}
+						>Text</button
+					>
+				</div>
+				<div class="add-node-divider"></div>
+				<div class="add-node-section-label">Space / Model</div>
+				<div class="add-node-grid">
+					{#each MODALITIES.filter( (m) => ["image", "audio", "video", "text", "3d"].includes(m.key) ) as m}
+						<button
+							class="add-node-type-btn"
+							onclick={() => handleDoubleClickSpaceModel(m)}>{m.label}</button
+						>
+					{/each}
+				</div>
+			</div>
+		{/if}
+
+		<div class="zoom-controls">
+			{#if !readOnly}
+				<button
+					class="zoom-ctrl-btn"
+					onclick={autoLayout}
+					title="Auto-arrange nodes"
+					aria-label="Auto-arrange nodes"
+				>
+					<LayoutIcon />
+				</button>
+				<div class="zoom-ctrl-divider"></div>
+			{/if}
+			<button
+				class="zoom-ctrl-btn"
+				onclick={() => (showShortcuts = !showShortcuts)}
+				title="Keyboard shortcuts">?</button
+			>
+			<button class="zoom-ctrl-btn" onclick={zoomToFit} title="Fit all (F)"
+				>&#x2922;</button
+			>
+			<button
+				class="zoom-ctrl-btn"
+				onclick={() => {
+					viewport = { ...viewport, zoom: Math.max(0.15, viewport.zoom / 1.2) };
+				}}>−</button
+			>
+			<button
+				class="zoom-btn"
+				onclick={() => {
+					viewport = { x: 0, y: 0, zoom: 1 };
+				}}>{Math.round(viewport.zoom * 100)}%</button
+			>
+			<button
+				class="zoom-ctrl-btn"
+				onclick={() => {
+					viewport = { ...viewport, zoom: Math.min(4, viewport.zoom * 1.2) };
+				}}>+</button
+			>
+		</div>
+
+		{#if showShortcuts}
+			<div class="shortcuts-panel">
+				<div class="shortcuts-title">Keyboard shortcuts</div>
+				<div class="shortcut-row">
+					<kbd>Cmd+Enter</kbd> <span>Run workflow</span>
+				</div>
+				<div class="shortcut-row">
+					<kbd>Cmd+D</kbd> <span>Duplicate node</span>
+				</div>
+				<div class="shortcut-row"><kbd>F</kbd> <span>Zoom to fit</span></div>
+				<div class="shortcut-row"><kbd>Cmd+0</kbd> <span>Reset zoom</span></div>
+				<div class="shortcut-row">
+					<kbd>Delete</kbd> <span>Remove selection</span>
+				</div>
+				<div class="shortcut-row">
+					<kbd>Cmd+A</kbd> <span>Select all</span>
+				</div>
+				<div class="shortcut-row"><kbd>Escape</kbd> <span>Deselect</span></div>
+				<div class="shortcut-row"><kbd>Scroll</kbd> <span>Pan</span></div>
+				<div class="shortcut-row">
+					<kbd>Cmd+Scroll</kbd> <span>Zoom</span>
+				</div>
+				<div class="shortcut-row">
+					<kbd>Drag canvas</kbd> <span>Marquee select</span>
+				</div>
+				<div class="shortcut-row">
+					<kbd>Shift+Drag</kbd> <span>Add to selection</span>
+				</div>
+				<div class="shortcut-row">
+					<kbd>Space+Drag</kbd> <span>Pan</span>
+				</div>
+				<div class="shortcut-row">
+					<kbd>Double-click</kbd> <span>Rename node</span>
+				</div>
+			</div>
+		{/if}
+
+		<WorkflowBottomBar
+			{running}
+			{hasTransforms}
+			{boundFns}
+			{server}
+			{readOnly}
+			activeModalityKey={activePicker?.modality.key ?? null}
+			onopenpicker={openPicker}
+			onaddinput={addInputNode}
+			onaddfn={addFnNode}
+			onrun={() => void runWorkflow()}
+			onstop={stopWorkflow}
+		/>
+
+		{#if activePicker}
+			<!-- Key on modality so swapping the bottom-bar modality button
+			     while the picker is open re-mounts the component and
+			     re-fetches Trending / New for the new modality. Without
+			     this, NodeModelPicker just sees its `modality` prop change
+			     and keeps stale activeSubtab + results. -->
+			{#key activePicker.modality.key}
+				<NodeModelPicker
+					mode={activePicker.mode}
+					modality={activePicker.modality}
+					nodeId={activePicker.nodeId}
+					initialSubtab={activePicker.initialSubtab}
+					{server}
+					anchorX={activePicker.anchorX}
+					anchorY={activePicker.anchorY}
+					oncreate={handlePickerCreate}
+					onupdate={handlePickerUpdate}
+					onclose={() => {
+						activePicker = null;
+					}}
+					oncleared={() => {
+						if (activePicker)
+							activePicker = { ...activePicker, modality: ALL_MODALITY };
+					}}
+					onerror={(msg) => showToast(msg, 5000, "error")}
+				/>
+			{/key}
+		{/if}
+	</div>
+
+	{#if toasts.length > 0}
+		<div class="wf-toast-stack">
+			{#each toasts as t (t.id)}
+				<div class="wf-toast wf-toast-{t.type}">
+					<span class="wf-toast-msg">{t.message}</span>
+					{#if t.action?.href}
+						<a
+							class="wf-toast-action"
+							href={t.action.href}
+							target="_blank"
+							rel="noopener noreferrer"
+							onclick={() => dismissToast(t.id)}
+						>
+							{t.action.label}
+						</a>
+					{:else if t.action?.onClick}
+						<button
+							class="wf-toast-action"
+							onclick={() => {
+								t.action?.onClick?.();
+								dismissToast(t.id);
+							}}
+						>
+							{t.action.label}
+						</button>
+					{/if}
+					<button
+						class="wf-toast-close"
+						aria-label="Dismiss"
+						title="Dismiss"
+						onclick={() => dismissToast(t.id)}
+					>
+						×
+					</button>
+				</div>
+			{/each}
+		</div>
+	{/if}
+
+	{#if clearConfirm}
+		<!-- svelte-ignore a11y_click_events_have_key_events -->
+		<!-- svelte-ignore a11y_no_static_element_interactions -->
+		<div class="wf-modal-backdrop" onclick={() => (clearConfirm = false)}>
+			<div
+				class="wf-modal"
+				role="dialog"
+				aria-modal="true"
+				aria-labelledby="wf-modal-title"
+				onclick={(e) => e.stopPropagation()}
+			>
+				<div class="wf-modal-title" id="wf-modal-title">Clear workflow?</div>
+				<div class="wf-modal-body">
+					This will remove <strong>{nodeCount}</strong>
+					{nodeCount === 1 ? "node" : "nodes"} and
+					<strong>{edgeCount}</strong>
+					{edgeCount === 1 ? "edge" : "edges"}. This can't be undone.
+				</div>
+				<div class="wf-modal-actions">
+					<button class="wf-modal-btn" onclick={() => (clearConfirm = false)}
+						>Cancel</button
+					>
+					<button
+						class="wf-modal-btn wf-modal-btn-danger"
+						onclick={confirmClearWorkflow}>Clear</button
+					>
+				</div>
+			</div>
+		</div>
+	{/if}
+
+	{#if showApiPanel}
+		<WorkflowApiPanel
+			{server}
+			workflowName={$workflow.name}
+			onClose={() => (showApiPanel = false)}
+		/>
+	{/if}
+</div>
+
+<style>
+	@import "./WorkflowCanvas.css";
+
+	/* ─── Custom canvas ─────────────────────────────────────────────────────── */
+	.editor {
+		cursor: default;
+	}
+
+	.editor.editor-pan-ready {
+		cursor: grab;
+	}
+
+	.editor.editor-panning {
+		cursor: grabbing;
+	}
+
+	.editor.editor-marquee {
+		cursor: crosshair;
+	}
+
+	.canvas-bg {
+		position: absolute;
+		inset: 0;
+		background-image: radial-gradient(#2a2b36 1px, transparent 1px);
+		background-repeat: repeat;
+		pointer-events: none;
+	}
+
+	.canvas-viewport {
+		position: absolute;
+		top: 0;
+		left: 0;
+		transform-origin: 0 0;
+		width: 0;
+		height: 0;
+	}
+
+	.edges-layer {
+		position: absolute;
+		top: 0;
+		left: 0;
+		overflow: visible;
+		pointer-events: none;
+	}
+
+	.edges-layer .edge-path {
+		cursor: pointer;
+		pointer-events: stroke;
+		transition: stroke-width 0.1s;
+	}
+
+	.edges-layer .edge-path:hover {
+		stroke-width: 3 !important;
+	}
+
+	.edges-layer .edge-preview {
+		pointer-events: none;
+	}
+
+	.node-pos-wrap {
+		position: absolute;
+		touch-action: none;
+		z-index: 1;
+	}
+
+	.node-pos-wrap.node-pos-selected {
+		z-index: 2;
+	}
+
+	.marquee-rect {
+		position: absolute;
+		border: 1px dashed #4f8cff;
+		background: rgba(79, 140, 255, 0.08);
+		pointer-events: none;
+		z-index: 3;
+	}
+
+	.edges-layer .edge-path.edge-selected {
+		filter: drop-shadow(0 0 4px #4f8cff);
+	}
+
+	:global(body:not(.dark)) .canvas-bg {
+		background-image: radial-gradient(#d0d2dc 1px, transparent 1px);
+	}
+
+	/* ─── Light mode ─── */
+	:global(body:not(.dark) .workflow-root) {
+		background: #f8f9fb;
+		border-color: #e2e4ea;
+		color-scheme: light;
+		box-shadow:
+			0 0 0 1px rgba(0, 0, 0, 0.04),
+			0 20px 60px rgba(0, 0, 0, 0.08);
+	}
+
+	:global(body:not(.dark) .toolbar) {
+		background: #ffffff;
+		border-bottom-color: #e2e4ea;
+	}
+
+	:global(body:not(.dark) .name-btn:hover) {
+		background: #f0f1f5;
+	}
+	:global(body:not(.dark) .name-text) {
+		color: #1a1b25;
+	}
+	:global(body:not(.dark) .name-edit-icon) {
+		color: #b0b2bc;
+	}
+	:global(body:not(.dark) .name-input) {
+		background: #ffffff;
+		color: #1a1b25;
+	}
+	:global(body:not(.dark) .toolbar-stat) {
+		color: #b0b2bc;
+	}
+	:global(body:not(.dark) .tool-btn) {
+		border-color: #e2e4ea;
+		color: #8b8d98;
+	}
+	:global(body:not(.dark) .tool-btn:hover) {
+		background: #f0f1f5;
+		color: #3e4050;
+		border-color: #d0d2dc;
+	}
+	:global(body:not(.dark) .toolbar-login-btn) {
+		border-color: #e2e4ea;
+		color: #6b6e78;
+	}
+	:global(body:not(.dark) .toolbar-login-btn:hover) {
+		background: #f0f1f5;
+		color: #1a1b25;
+		border-color: #d0d2dc;
+	}
+	:global(body:not(.dark) .toolbar-user-chip) {
+		border-color: #e2e4ea;
+		color: #3e4050;
+	}
+	:global(body:not(.dark) .toolbar-user-chip:hover),
+	:global(body:not(.dark) .toolbar-user-chip.open) {
+		background: #f0f1f5;
+		color: #1a1b25;
+		border-color: #d0d2dc;
+	}
+	:global(body:not(.dark) .toolbar-user-avatar) {
+		background: #e2e4ea;
+	}
+	:global(body:not(.dark) .toolbar-user-avatar-fallback) {
+		color: #6b6e78;
+	}
+	:global(body:not(.dark) .toolbar-user-menu) {
+		background: #ffffff;
+		border-color: #e2e4ea;
+		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+	}
+	:global(body:not(.dark) .toolbar-user-menu-msg) {
+		color: #6b6e78;
+	}
+	:global(body:not(.dark) .toolbar-user-menu-btn) {
+		border-color: #e2e4ea;
+		color: #1a1b25;
+	}
+	:global(body:not(.dark) .toolbar-user-menu-btn:hover) {
+		background: #f0f1f5;
+		border-color: #d0d2dc;
+	}
+	:global(body:not(.dark) .toolbar-token-input) {
+		background: #ffffff;
+		color: #6b6e78;
+		border-color: #e2e4ea;
+	}
+	:global(body:not(.dark) .toolbar-token-input::placeholder) {
+		color: #c0c2cc;
+	}
+	:global(body:not(.dark) .toolbar-token-input:focus) {
+		background: #ffffff;
+		color: #3e4050;
+	}
+	:global(body:not(.dark) .toolbar-divider) {
+		background: #e2e4ea;
+	}
+	:global(body:not(.dark) .access-badge.access-readonly) {
+		color: #6b6e78;
+		background: #f0f1f5;
+		border-color: #e2e4ea;
+	}
+	:global(body:not(.dark) .access-badge.access-write) {
+		color: #0f9d76;
+		background: rgba(15, 157, 118, 0.08);
+		border-color: rgba(15, 157, 118, 0.25);
+	}
+	:global(body:not(.dark) button.access-badge.access-readonly:hover),
+	:global(body:not(.dark) button.access-badge.access-readonly.open) {
+		color: #3e4050;
+		border-color: #d0d2dc;
+	}
+	:global(body:not(.dark) .access-info-popover) {
+		background: #ffffff;
+		border-color: #e2e4ea;
+		color: #6b6e78;
+		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+	}
+	:global(body:not(.dark) .save-indicator) {
+		color: #0f9d76;
+	}
+	:global(body:not(.dark) .zoom-ctrl-divider) {
+		background: #e2e4ea;
+	}
+	:global(body:not(.dark) .zoom-controls) {
+		background: #ffffff;
+		border-color: #e2e4ea;
+	}
+	:global(body:not(.dark) .zoom-ctrl-btn) {
+		color: #9a9caa;
+	}
+	:global(body:not(.dark) .zoom-ctrl-btn:hover) {
+		background: #f0f1f5;
+		color: #3e4050;
+	}
+	:global(body:not(.dark) .zoom-btn) {
+		background: #ffffff;
+		border-color: #e2e4ea;
+		color: #9a9caa;
+	}
+	:global(body:not(.dark) .zoom-btn:hover) {
+		color: #3e4050;
+		border-color: #d0d2dc;
+	}
+	:global(body:not(.dark) .shortcuts-panel) {
+		background: #ffffff;
+		border-color: #e2e4ea;
+		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
+	}
+	:global(body:not(.dark) .shortcuts-title) {
+		color: #6b6e78;
+	}
+	:global(body:not(.dark) .shortcut-row) {
+		color: #9a9caa;
+	}
+	:global(body:not(.dark) .shortcut-row kbd) {
+		background: #f0f1f5;
+		color: #3e4050;
+		border-color: #d0d2dc;
+	}
+	:global(body:not(.dark) .wf-toast) {
+		background: #ffffff;
+		color: #2a2b36;
+		border-color: #e2e4ea;
+		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/WorkflowEdges.svelte b/js/workflowcanvas/workflow/WorkflowEdges.svelte
new file mode 100644
index 0000000..0ac0b64
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowEdges.svelte
@@ -0,0 +1,174 @@
+<script lang="ts">
+	import { workflow } from "./workflow-store";
+	import { PORT_COLOR } from "./workflow-types";
+	import type { PortType } from "./workflow-types";
+
+	interface Props {
+		pending: {
+			from_node_id: string;
+			from_port_id: string;
+			type: PortType;
+			x: number;
+			y: number;
+			reversed?: boolean;
+		} | null;
+		onremove: (id: string) => void;
+		zoom: number;
+		panX: number;
+		panY: number;
+	}
+
+	let { pending, onremove, zoom, panX, panY }: Props = $props();
+
+	function bez(x1: number, y1: number, x2: number, y2: number): string {
+		const cx = Math.max(Math.abs(x2 - x1) * 0.5, 60);
+		return `M ${x1} ${y1} C ${x1 + cx} ${y1}, ${x2 - cx} ${y2}, ${x2} ${y2}`;
+	}
+
+	function getPortPos(
+		nodeId: string,
+		portId: string,
+		side: "output" | "input"
+	): { x: number; y: number } {
+		const dotEl = document.querySelector(
+			`[data-port-id="${nodeId}:${portId}:${side}"]`
+		);
+		const transformEl = document.querySelector(".canvas-transform");
+		if (!dotEl || !transformEl) return { x: 0, y: 0 };
+		const dotRect = dotEl.getBoundingClientRect();
+		const transformRect = transformEl.getBoundingClientRect();
+		const edgeX =
+			side === "output"
+				? dotRect.right - transformRect.left
+				: dotRect.left - transformRect.left;
+		return {
+			x: edgeX / zoom,
+			y: (dotRect.top + dotRect.height / 2 - transformRect.top) / zoom
+		};
+	}
+</script>
+
+<svg class="edge-layer">
+	<defs>
+		{#each $workflow.edges as edge (edge.id)}
+			<linearGradient id="grad-{edge.id}" x1="0%" y1="0%" x2="100%" y2="0%">
+				<stop
+					offset="0%"
+					stop-color={PORT_COLOR[edge.type]}
+					stop-opacity="0.9"
+				/>
+				<stop
+					offset="100%"
+					stop-color={PORT_COLOR[edge.type]}
+					stop-opacity="0.4"
+				/>
+			</linearGradient>
+		{/each}
+	</defs>
+
+	{#each $workflow.edges as edge (edge.id)}
+		{@const from = getPortPos(edge.from_node_id, edge.from_port_id, "output")}
+		{@const to = getPortPos(edge.to_node_id, edge.to_port_id, "input")}
+		<!-- glow -->
+		<path
+			d={bez(from.x, from.y, to.x, to.y)}
+			fill="none"
+			stroke={PORT_COLOR[edge.type]}
+			stroke-width={6 / zoom}
+			stroke-opacity="0.08"
+			style="pointer-events: none"
+		/>
+		<!-- hitbox -->
+		<path
+			class="wire-hitbox"
+			d={bez(from.x, from.y, to.x, to.y)}
+			fill="none"
+			stroke="transparent"
+			stroke-width={16 / zoom}
+			onclick={() => onremove(edge.id)}
+			role="button"
+			tabindex="-1"
+		/>
+		<!-- wire -->
+		<path
+			class="wire"
+			d={bez(from.x, from.y, to.x, to.y)}
+			fill="none"
+			stroke="url(#grad-{edge.id})"
+			stroke-width={2 / zoom}
+			style="pointer-events: none"
+		/>
+		<!-- flow particles -->
+		<path
+			class="wire-flow"
+			d={bez(from.x, from.y, to.x, to.y)}
+			fill="none"
+			stroke={PORT_COLOR[edge.type]}
+			stroke-width={2 / zoom}
+			stroke-dasharray="{4 / zoom} {12 / zoom}"
+			stroke-opacity="0.5"
+			style="pointer-events: none"
+		/>
+	{/each}
+
+	{#if pending}
+		{@const anchor = getPortPos(
+			pending.from_node_id,
+			pending.from_port_id,
+			pending.reversed ? "input" : "output"
+		)}
+		<path
+			d={pending.reversed
+				? bez(pending.x, pending.y, anchor.x, anchor.y)
+				: bez(anchor.x, anchor.y, pending.x, pending.y)}
+			fill="none"
+			stroke={PORT_COLOR[pending.type] ?? "#5c5e6a"}
+			stroke-width={2 / zoom}
+			stroke-dasharray="{6 / zoom} {4 / zoom}"
+			stroke-opacity="0.6"
+			style="pointer-events: none"
+		/>
+		<circle
+			cx={pending.x}
+			cy={pending.y}
+			r={4 / zoom}
+			fill="none"
+			stroke={PORT_COLOR[pending.type] ?? "#5c5e6a"}
+			stroke-width={1.5 / zoom}
+			stroke-opacity="0.5"
+			style="pointer-events: none"
+		/>
+	{/if}
+</svg>
+
+<style>
+	.edge-layer {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 1px;
+		height: 1px;
+		overflow: visible;
+		pointer-events: none;
+	}
+
+	.wire-hitbox {
+		pointer-events: stroke;
+		cursor: pointer;
+		transition: stroke 0.15s;
+	}
+
+	.wire-hitbox:hover {
+		stroke: rgba(239, 68, 68, 0.25);
+	}
+
+	.wire-flow {
+		animation: flow 1.2s linear infinite;
+	}
+
+	@keyframes flow {
+		to {
+			stroke-dashoffset: -16;
+		}
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/WorkflowEmptyState.svelte b/js/workflowcanvas/workflow/WorkflowEmptyState.svelte
new file mode 100644
index 0000000..e302702
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowEmptyState.svelte
@@ -0,0 +1,36 @@
+<div class="empty-state">
+	<div class="empty-icon">✦</div>
+	<div class="empty-title">Start building</div>
+	<div class="empty-hint">Add a model or space from the toolbar below</div>
+</div>
+
+<style>
+	.empty-state {
+		position: absolute;
+		inset: 0;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		gap: 8px;
+		pointer-events: none;
+	}
+
+	.empty-icon {
+		font-size: 22px;
+		color: #2a2b36;
+		margin-bottom: 4px;
+	}
+
+	.empty-title {
+		font-size: 15px;
+		font-weight: 700;
+		color: #3e3f4d;
+		letter-spacing: -0.01em;
+	}
+
+	.empty-hint {
+		font-size: 11.5px;
+		color: #2a2b36;
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/WorkflowNodeSF.svelte b/js/workflowcanvas/workflow/WorkflowNodeSF.svelte
new file mode 100644
index 0000000..0c84b18
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowNodeSF.svelte
@@ -0,0 +1,1222 @@
+<script lang="ts">
+	import { getContext } from "svelte";
+	import { resizeNode, workflow } from "./workflow-store";
+	import NodeWidget from "./NodeWidget.svelte";
+	import PlayIcon from "./icons/PlayIcon.svelte";
+	import OpenLinkIcon from "./icons/OpenLinkIcon.svelte";
+	import {
+		PORT_COLOR,
+		PORT_COLOR_DIM,
+		ports_compatible
+	} from "./workflow-types";
+	import type {
+		WFNode,
+		PortType,
+		NodeDataValue,
+		NodeStatus
+	} from "./workflow-types";
+
+	interface Props {
+		id: string;
+		data: WFNode;
+		selected?: boolean;
+	}
+
+	let { id, data: node, selected = false }: Props = $props();
+
+	interface WfCtx {
+		pending: {
+			from_node_id: string;
+			from_port_id: string;
+			type: PortType;
+			reversed?: boolean;
+		} | null;
+		nodeStatus: Record<string, NodeStatus>;
+		nodeErrors: Record<string, string>;
+		staleNodes: Set<string>;
+		connectedPorts: Set<string>;
+		readOnly: boolean;
+		ondatachange: (
+			nodeId: string,
+			portId: string,
+			value: NodeDataValue
+		) => void;
+		onremove: (id: string) => void;
+		onopenpicker: (id: string) => void;
+		onswitchendpoint: (id: string, endpointName: string) => void;
+		onhydratendpoints: (id: string, spaceId: string) => void;
+		onrunnode: (id: string) => void;
+		onselect: (id: string, additive?: boolean) => void;
+		onnodepointerdown: (e: PointerEvent, id: string) => void;
+		onportpointerdown: (
+			e: PointerEvent,
+			nodeId: string,
+			portId: string,
+			type: PortType,
+			isInput: boolean
+		) => void;
+		onpopout: (
+			nodeId: string,
+			portId: string,
+			type: PortType,
+			isInput: boolean
+		) => void;
+	}
+
+	const ctx = getContext<WfCtx>("wf");
+
+	const pending = $derived(ctx.pending);
+	const readOnly = $derived(ctx.readOnly);
+	const status = $derived((ctx.nodeStatus[id] ?? "idle") as NodeStatus);
+	const error = $derived(ctx.nodeErrors[id] ?? "");
+	const isStale = $derived(ctx.staleNodes.has(id));
+	const connectedPorts = $derived(ctx.connectedPorts);
+	// Only operator nodes have meaningful per-node execution. References just
+	// hold values; subjects just display passthrough.
+	const canRunSolo = $derived(node.kind === "transform");
+
+	let nodeEl: HTMLDivElement;
+	let editingLabel = $state(false);
+	let labelInput: HTMLInputElement;
+	let showAllInputs = $state(false);
+
+	function castChoiceValue(v: string, portType: PortType): NodeDataValue {
+		if (portType === "number") {
+			const n = Number(v);
+			return Number.isNaN(n) ? v : n;
+		}
+		if (portType === "boolean") {
+			if (v === "true") return true;
+			if (v === "false") return false;
+		}
+		return v;
+	}
+
+	function renameNode(newLabel: string): void {
+		const trimmed = newLabel.trim();
+		if (!readOnly && trimmed && trimmed !== node.label) {
+			workflow.update((wf) => ({
+				...wf,
+				references: wf.references.map((n) =>
+					n.id === node.id ? { ...n, label: trimmed } : n
+				),
+				operators: wf.operators.map((n) =>
+					n.id === node.id ? { ...n, label: trimmed } : n
+				),
+				subjects: wf.subjects.map((n) =>
+					n.id === node.id ? { ...n, label: trimmed } : n
+				)
+			}));
+		}
+		editingLabel = false;
+	}
+
+	const primaryType = $derived<PortType>(
+		node.outputs[0]?.type ?? node.inputs[0]?.type ?? "any"
+	);
+	const accentColor = $derived(PORT_COLOR[primaryType]);
+	const accentDim = $derived(PORT_COLOR_DIM[primaryType]);
+
+	const isComponent = $derived(node.kind === "component");
+	const componentIsOutput = $derived(
+		isComponent && node.inputs[0]
+			? connectedPorts.has(`${node.id}:${node.inputs[0].id}:input`)
+			: false
+	);
+	const mode = $derived(
+		isComponent ? (componentIsOutput ? "output" : "input") : node.kind
+	);
+
+	const hasWidget = $derived(mode === "input" || mode === "output");
+	const widgetPortId = $derived(
+		mode === "input"
+			? (node.outputs[0]?.id ?? null)
+			: mode === "output"
+				? (node.inputs[0]?.id ?? null)
+				: null
+	);
+	const widgetType = $derived<PortType | null>(
+		mode === "input"
+			? (node.outputs[0]?.type ?? null)
+			: mode === "output"
+				? (node.inputs[0]?.type ?? null)
+				: null
+	);
+	const isReadonly = $derived(mode === "output");
+
+	function sourceHFUrl(n: WFNode): string {
+		if (n.space_id) return `https://huggingface.co/spaces/${n.space_id}`;
+		if (n.model_id) return `https://huggingface.co/${n.model_id}`;
+		if (n.dataset_id) return `https://huggingface.co/datasets/${n.dataset_id}`;
+		return "";
+	}
+
+	const isDropTarget = $derived(
+		pending !== null &&
+			pending.from_node_id !== node.id &&
+			node.inputs.some(
+				(p) =>
+					ports_compatible(pending.type, p.type) &&
+					!connectedPorts.has(`${node.id}:${p.id}:input`)
+			)
+	);
+
+	$effect(() => {
+		if (!nodeEl) return;
+		const ro = new ResizeObserver(([entry]) => {
+			const h = Math.ceil(entry.borderBoxSize[0].blockSize);
+			if (Math.abs(h - node.height) > 1) {
+				resizeNode(node.id, node.width, h);
+			}
+		});
+		ro.observe(nodeEl);
+		return () => ro.disconnect();
+	});
+</script>
+
+<div
+	class="wf-node"
+	class:node-transform={node.kind === "transform"}
+	class:node-running={status === "running"}
+	class:node-done={status === "done"}
+	class:node-error={status === "error"}
+	class:node-stale={isStale}
+	class:node-selected={selected}
+	class:node-droptarget={isDropTarget}
+	class:has-pending={pending !== null}
+	bind:this={nodeEl}
+	onclick={(e) => ctx.onselect(node.id, e.shiftKey)}
+	style="
+		width: {node.width}px;
+		--accent: {accentColor};
+		--accent-dim: {accentDim};
+	"
+>
+	<div class="node-header" role="button" tabindex="-1">
+		<div class="node-header-top">
+			{#if status === "running"}
+				<span class="node-status-spinner"></span>
+			{/if}
+			{#if editingLabel}
+				<input
+					bind:this={labelInput}
+					class="node-label-input"
+					value={node.label}
+					onblur={(e) => renameNode(e.currentTarget.value)}
+					onkeydown={(e) => {
+						if (e.key === "Enter") renameNode(e.currentTarget.value);
+						if (e.key === "Escape") editingLabel = false;
+						e.stopPropagation();
+					}}
+					onmousedown={(e) => e.stopPropagation()}
+				/>
+			{:else}
+				<span
+					class="node-label"
+					ondblclick={(e) => {
+						e.stopPropagation();
+						if (readOnly) return;
+						editingLabel = true;
+						requestAnimationFrame(() => labelInput?.select());
+					}}>{node.label}</span
+				>
+			{/if}
+			{#if canRunSolo}
+				<button
+					class="node-run"
+					class:node-run-stale={isStale}
+					onpointerdown={(e) => e.stopPropagation()}
+					onmousedown={(e) => e.stopPropagation()}
+					onclick={(e) => {
+						e.stopPropagation();
+						ctx.onrunnode(node.id);
+					}}
+					title={isStale ? "Run this node (inputs changed)" : "Run this node"}
+					aria-label="Run this node"
+				>
+					<PlayIcon />
+				</button>
+			{/if}
+			{#if !readOnly}
+				<button
+					class="node-delete"
+					onpointerdown={(e) => e.stopPropagation()}
+					onmousedown={(e) => e.stopPropagation()}
+					onclick={(e) => {
+						e.stopPropagation();
+						ctx.onremove(node.id);
+					}}
+					title="Delete node">&times;</button
+				>
+			{/if}
+		</div>
+	</div>
+
+	<!-- Source label for transform nodes — floats above the card.
+	     Components are pure data containers and have no source label. -->
+	{#if node.kind === "transform"}
+		{#if node.space_id || node.model_id || node.dataset_id}
+			{@const itemId = node.space_id ?? node.model_id ?? node.dataset_id ?? ""}
+			<div class="node-outside-label-wrap">
+				{#if readOnly}
+					<span class="node-outside-label"
+						>{itemId.split("/").pop() ?? itemId}</span
+					>
+				{:else}
+					<button
+						class="node-outside-label"
+						title="Click to change source"
+						onpointerdown={(e) => e.stopPropagation()}
+						onmousedown={(e) => e.stopPropagation()}
+						onclick={(e) => {
+							e.stopPropagation();
+							ctx.onopenpicker(node.id);
+						}}>{itemId.split("/").pop() ?? itemId}</button
+					>
+				{/if}
+				<a
+					class="node-outside-link"
+					href={sourceHFUrl(node)}
+					target="_blank"
+					rel="noopener noreferrer"
+					title="Open on HuggingFace"
+					onpointerdown={(e) => e.stopPropagation()}
+					onmousedown={(e) => e.stopPropagation()}
+					onclick={(e) => e.stopPropagation()}
+					aria-label="Open on HuggingFace"
+				>
+					<OpenLinkIcon />
+				</a>
+			</div>
+		{:else if node.fn}
+			<!-- Python fn nodes already have a "source" — their function
+			     name. Show that above the card; no picker swap because
+			     fn nodes can't be replaced by a Space/Model in place. -->
+			<div class="node-outside-label-wrap">
+				<span class="node-outside-label node-outside-label-fn">{node.fn}()</span
+				>
+			</div>
+		{:else if !readOnly}
+			<button
+				class="node-outside-label node-outside-label-empty"
+				onpointerdown={(e) => e.stopPropagation()}
+				onmousedown={(e) => e.stopPropagation()}
+				onclick={(e) => {
+					e.stopPropagation();
+					ctx.onopenpicker(node.id);
+				}}>+ source</button
+			>
+		{/if}
+	{/if}
+
+	{#if node.space_id}
+		<div
+			class="node-endpoint-row"
+			onpointerdown={(e) => e.stopPropagation()}
+			onmousedown={(e) => e.stopPropagation()}
+		>
+			{#if node.endpoints && node.endpoints.length > 1}
+				<select
+					class="node-endpoint-select"
+					disabled={readOnly}
+					value={node.endpoint ?? ""}
+					onpointerdown={(e) => e.stopPropagation()}
+					onmousedown={(e) => e.stopPropagation()}
+					onclick={(e) => e.stopPropagation()}
+					onchange={(e) => {
+						e.stopPropagation();
+						ctx.onswitchendpoint(
+							node.id,
+							(e.currentTarget as HTMLSelectElement).value
+						);
+					}}
+				>
+					{#each node.endpoints as ep}
+						<option value={ep.name}>{ep.name}</option>
+					{/each}
+				</select>
+			{:else if !node.endpoints}
+				<button
+					class="node-endpoint-load"
+					onpointerdown={(e) => e.stopPropagation()}
+					onmousedown={(e) => e.stopPropagation()}
+					onclick={(e) => {
+						e.stopPropagation();
+						ctx.onhydratendpoints(node.id, node.space_id ?? "");
+					}}
+					title="Discover this Space's other endpoints"
+				>
+					{node.endpoint ?? "/predict"} ▾
+				</button>
+			{/if}
+		</div>
+	{/if}
+
+	<!-- Input ports -->
+	{#if node.inputs.length > 0}
+		{@const hiddenCount = node.inputs.filter(
+			(p) =>
+				p.required === false && !connectedPorts.has(`${node.id}:${p.id}:input`)
+		).length}
+		{@const collapsible = hiddenCount > 0}
+		<div class="ports" class:widget-ports={hasWidget}>
+			{#each node.inputs as port}
+				{@const portConnected = connectedPorts.has(
+					`${node.id}:${port.id}:input`
+				)}
+				{@const visible =
+					showAllInputs || portConnected || port.required !== false}
+				{#if visible}
+					<div class="port-row input-row" class:widget-port={hasWidget}>
+						<!-- svelte-ignore a11y_no_static_element_interactions -->
+						<div
+							class="port-handle-sf input-handle-sf"
+							class:connected={portConnected}
+							class:incompatible={pending !== null &&
+								!ports_compatible(pending.type, port.type)}
+							class:pulse={pending !== null &&
+								ports_compatible(pending.type, port.type)}
+							class:popout-hint={!portConnected && pending === null}
+							data-node-id={node.id}
+							data-port-id={port.id}
+							data-port-type={port.type}
+							data-port-direction="input"
+							style="--port-color: {PORT_COLOR[port.type]}"
+							title={!portConnected && pending === null
+								? "Click to create an input node"
+								: undefined}
+							onpointerdown={(e) =>
+								ctx.onportpointerdown(e, node.id, port.id, port.type, true)}
+							onclick={(e) => {
+								if (!portConnected && pending === null) {
+									e.stopPropagation();
+									ctx.onpopout(node.id, port.id, port.type, true);
+								}
+							}}
+						></div>
+						{#if !hasWidget}
+							<span
+								class="port-label"
+								class:port-label-optional={port.required === false}
+								>{port.label}</span
+							>
+							<span class="port-type-tag" style="color: {PORT_COLOR[port.type]}"
+								>{port.type}</span
+							>
+						{/if}
+					</div>
+					{#if !portConnected && node.kind === "transform" && (port.type === "text" || port.type === "number" || port.type === "boolean" || port.type === "any" || port.type === "json")}
+						<div
+							class="port-inline-config"
+							onmousedown={(e) => e.stopPropagation()}
+						>
+							{#if port.choices && port.choices.length > 0 && port.multiselect}
+								{@const selected = Array.isArray(node.data?.[port.id])
+									? (node.data[port.id] as string[])
+									: []}
+								<div class="inline-choices">
+									{#each port.choices as choice}
+										<label class="inline-checkbox">
+											<input
+												type="checkbox"
+												checked={selected.includes(choice)}
+												onchange={(e) => {
+													const next = e.currentTarget.checked
+														? [...selected, choice]
+														: selected.filter((c) => c !== choice);
+													ctx.ondatachange(node.id, port.id, next);
+												}}
+											/>
+											<span>{choice}</span>
+										</label>
+									{/each}
+								</div>
+							{:else if port.choices && port.choices.length > 0}
+								{@const raw = node.data?.[port.id] ?? port.default_value}
+								{@const current = raw != null ? String(raw) : ""}
+								{@const hasCurrent = port.choices.includes(current)}
+								<select
+									class="inline-input inline-select"
+									value={hasCurrent ? current : ""}
+									onchange={(e) => {
+										const v = e.currentTarget.value;
+										if (v === "") return;
+										ctx.ondatachange(
+											node.id,
+											port.id,
+											castChoiceValue(v, port.type)
+										);
+									}}
+								>
+									{#if !hasCurrent}
+										<option value="" disabled>Select {port.label}</option>
+									{/if}
+									{#each port.choices as choice}
+										<option value={choice}>{choice}</option>
+									{/each}
+								</select>
+							{:else if port.type === "number"}
+								<input
+									class="inline-input inline-number"
+									type="number"
+									step="any"
+									placeholder={port.default_value != null
+										? String(port.default_value)
+										: "0"}
+									value={node.data?.[port.id] ?? ""}
+									oninput={(e) =>
+										ctx.ondatachange(
+											node.id,
+											port.id,
+											parseFloat(e.currentTarget.value) || 0
+										)}
+								/>
+							{:else if port.type === "boolean"}
+								<label class="inline-checkbox">
+									<input
+										type="checkbox"
+										checked={!!node.data?.[port.id]}
+										onchange={(e) =>
+											ctx.ondatachange(
+												node.id,
+												port.id,
+												e.currentTarget.checked
+											)}
+									/>
+									<span>{node.data?.[port.id] ? "On" : "Off"}</span>
+								</label>
+							{:else}
+								<input
+									class="inline-input"
+									type="text"
+									placeholder={port.default_value != null
+										? String(port.default_value)
+										: port.label}
+									value={typeof node.data?.[port.id] === "string"
+										? (node.data[port.id] as string)
+										: ""}
+									oninput={(e) =>
+										ctx.ondatachange(node.id, port.id, e.currentTarget.value)}
+								/>
+							{/if}
+						</div>
+					{/if}
+				{/if}
+			{/each}
+			{#if collapsible}
+				<button
+					class="ports-toggle"
+					onpointerdown={(e) => e.stopPropagation()}
+					onmousedown={(e) => e.stopPropagation()}
+					onclick={(e) => {
+						e.stopPropagation();
+						showAllInputs = !showAllInputs;
+					}}
+				>
+					{#if showAllInputs}▴ show less{:else}▾ {hiddenCount} optional param{hiddenCount ===
+						1
+							? ""
+							: "s"}{/if}
+				</button>
+			{/if}
+		</div>
+	{/if}
+
+	<!-- Widget zone -->
+	{#if hasWidget && widgetPortId && widgetType}
+		<NodeWidget
+			{node}
+			{widgetPortId}
+			{widgetType}
+			{isReadonly}
+			ondatachange={ctx.ondatachange}
+		/>
+	{/if}
+
+	<!-- Output ports -->
+	{#if node.outputs.length > 0}
+		<div class="ports" class:widget-ports={hasWidget}>
+			{#each node.outputs as port}
+				{@const portConnected = connectedPorts.has(
+					`${node.id}:${port.id}:output`
+				)}
+				<div class="port-row output-row" class:widget-port={hasWidget}>
+					{#if !hasWidget}
+						<span class="port-type-tag" style="color: {PORT_COLOR[port.type]}"
+							>{port.type}</span
+						>
+						<span class="port-label">{port.label}</span>
+					{/if}
+					<!-- svelte-ignore a11y_no_static_element_interactions -->
+					<div
+						class="port-handle-sf output-handle-sf"
+						class:connected={portConnected}
+						class:popout-hint={!readOnly && !portConnected && pending === null}
+						data-node-id={node.id}
+						data-port-id={port.id}
+						data-port-type={port.type}
+						data-port-direction="output"
+						style="--port-color: {PORT_COLOR[port.type]}"
+						title={!readOnly && !portConnected && pending === null
+							? "Click to create an output node"
+							: undefined}
+						onpointerdown={(e) =>
+							ctx.onportpointerdown(e, node.id, port.id, port.type, false)}
+						onclick={(e) => {
+							if (!readOnly && !portConnected && pending === null) {
+								e.stopPropagation();
+								ctx.onpopout(node.id, port.id, port.type, false);
+							}
+						}}
+					></div>
+				</div>
+			{/each}
+		</div>
+	{/if}
+
+	{#if status === "error" && error}
+		<div class="node-error-banner">{error}</div>
+	{/if}
+</div>
+
+<style>
+	/* Prevent SvelteFlow from adding its own drag cursor while we use the node header */
+	.wf-node {
+		position: relative;
+		background: #16171f;
+		border: 1px solid #24252e;
+		border-radius: 10px;
+		min-height: 90px;
+		user-select: none;
+		font-family: "Manrope", sans-serif;
+		overflow: visible;
+		transition:
+			box-shadow 0.2s,
+			border-color 0.3s;
+		box-sizing: border-box;
+	}
+
+	/* Space/transform nodes get a subtle top accent to distinguish from component nodes */
+	.wf-node.node-transform {
+		background: #13141c;
+		border-color: #2a2b38;
+	}
+
+	.wf-node.node-transform .node-header {
+		border-bottom-color: #22233a;
+	}
+
+	.wf-node:hover {
+		box-shadow:
+			0 0 0 1px var(--accent-dim),
+			0 4px 20px rgba(0, 0, 0, 0.4);
+	}
+
+	.wf-node.node-selected {
+		border-color: #f97316;
+		box-shadow:
+			0 0 0 1px #f97316,
+			0 0 16px rgba(249, 115, 22, 0.15);
+	}
+
+	.wf-node.node-droptarget {
+		border-color: var(--accent);
+		box-shadow:
+			0 0 0 1px var(--accent),
+			0 0 20px var(--accent-dim);
+	}
+
+	.wf-node.node-running {
+		border-color: #f5a623;
+		box-shadow: 0 0 12px rgba(245, 166, 35, 0.2);
+	}
+
+	.wf-node.node-done {
+		border-color: #4fd1a5;
+		box-shadow: 0 0 12px rgba(79, 209, 165, 0.15);
+	}
+
+	.wf-node.node-error {
+		border-color: #ef4444;
+		box-shadow: 0 0 12px rgba(239, 68, 68, 0.15);
+	}
+
+	/* Stale: ran successfully, but inputs have since changed. Subtle dashed
+	 * outline so the user knows the displayed output no longer reflects
+	 * current upstream state. Overridden by running/error which are stronger
+	 * signals. */
+	.wf-node.node-stale:not(.node-running):not(.node-error) {
+		border-color: #f97316;
+		border-style: dashed;
+		box-shadow: 0 0 10px rgba(249, 115, 22, 0.12);
+	}
+
+	.node-status-spinner {
+		width: 12px;
+		height: 12px;
+		border: 2px solid transparent;
+		border-top-color: #f5a623;
+		border-radius: 50%;
+		animation: node-spin 0.7s linear infinite;
+		flex-shrink: 0;
+	}
+
+	@keyframes node-spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.node-header {
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+		padding: 9px 12px 8px;
+		cursor: grab;
+		border-bottom: 1px solid #1e1f2a;
+	}
+
+	.node-header:active {
+		cursor: grabbing;
+	}
+
+	.node-header-top {
+		display: flex;
+		align-items: center;
+		gap: 7px;
+	}
+
+	.node-label {
+		font-size: 12.5px;
+		font-weight: 600;
+		color: #d5d6de;
+		white-space: nowrap;
+		cursor: text;
+		flex: 1;
+		min-width: 0;
+		overflow: hidden;
+		padding: 1px 4px;
+		border: 1px solid transparent;
+		border-radius: 4px;
+		box-sizing: border-box;
+		mask-image: linear-gradient(
+			to right,
+			black calc(100% - 24px),
+			transparent 100%
+		);
+		-webkit-mask-image: linear-gradient(
+			to right,
+			black calc(100% - 24px),
+			transparent 100%
+		);
+	}
+
+	.node-label-input {
+		font-family: "Manrope", sans-serif;
+		font-size: 12.5px;
+		font-weight: 600;
+		color: #d5d6de;
+		background: #101118;
+		border: 1px solid #f97316;
+		border-radius: 4px;
+		padding: 1px 4px;
+		outline: none;
+		width: 100%;
+		min-width: 0;
+		box-sizing: border-box;
+	}
+
+	.node-outside-label-wrap {
+		position: absolute;
+		bottom: calc(100% + 6px);
+		/* Anchor to the card's right edge; label sits to the LEFT of the
+		 * open-link icon with a small gap. */
+		right: 0;
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		pointer-events: auto;
+	}
+
+	.node-outside-label {
+		position: absolute;
+		bottom: calc(100% + 6px);
+		right: 12px;
+		white-space: nowrap;
+		font-family: "Manrope", sans-serif;
+		font-size: 11.5px;
+		font-weight: 500;
+		color: #6b6e78;
+		background: transparent;
+		border: none;
+		padding: 0;
+		cursor: pointer;
+		transition: color 0.15s;
+		pointer-events: auto;
+	}
+
+	.node-outside-label-wrap .node-outside-label {
+		position: static;
+		bottom: auto;
+		right: auto;
+	}
+
+	.node-outside-label:hover {
+		color: #c8c9d2;
+	}
+
+	.node-outside-link {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		width: 16px;
+		height: 16px;
+		color: #4a4d57;
+		opacity: 0;
+		text-decoration: none;
+		border-radius: 3px;
+		transition:
+			opacity 0.15s,
+			color 0.15s,
+			background 0.15s;
+		flex-shrink: 0;
+	}
+
+	.wf-node:hover .node-outside-link,
+	.node-outside-label-wrap:focus-within .node-outside-link {
+		opacity: 1;
+	}
+
+	.node-outside-link:hover {
+		color: #f97316;
+		background: rgba(249, 115, 22, 0.08);
+	}
+
+	.node-outside-label-empty {
+		color: #3a3b47;
+		font-size: 10.5px;
+	}
+
+	.node-outside-label-empty:hover {
+		color: #f97316;
+	}
+
+	.node-outside-label-fn {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10.5px;
+		color: #8b8d98;
+		cursor: default;
+	}
+
+	.node-delete {
+		display: none;
+		width: 20px;
+		height: 20px;
+		border: none;
+		border-radius: 4px;
+		background: transparent;
+		color: #5c5e6a;
+		font-size: 12px;
+		cursor: pointer;
+		flex-shrink: 0;
+		margin-left: auto;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		text-align: center;
+	}
+
+	.wf-node:hover .node-delete {
+		display: flex;
+	}
+
+	.node-delete:hover {
+		background: rgba(239, 68, 68, 0.15);
+		color: #ef4444;
+	}
+
+	/* Per-node run button — hidden by default, revealed on hover, mirrors
+	 * the node-delete affordance pattern. Stale state pulses faintly to
+	 * signal "this needs re-running". */
+	.node-run {
+		display: none;
+		width: 20px;
+		height: 20px;
+		margin-left: auto;
+		border: none;
+		border-radius: 4px;
+		background: transparent;
+		color: #5c5e6a;
+		cursor: pointer;
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+	}
+
+	.wf-node:hover .node-run {
+		display: flex;
+	}
+
+	.node-run + .node-delete {
+		margin-left: 2px;
+	}
+
+	.node-run:hover {
+		background: rgba(249, 115, 22, 0.18);
+		color: #f97316;
+	}
+
+	.node-run.node-run-stale {
+		display: flex;
+		color: #f97316;
+		animation: node-run-pulse 1.8s ease-in-out infinite;
+	}
+
+	@keyframes node-run-pulse {
+		0%,
+		100% {
+			opacity: 1;
+		}
+		50% {
+			opacity: 0.55;
+		}
+	}
+
+	.ports {
+		padding: 6px 0 8px;
+	}
+
+	.ports.widget-ports {
+		padding: 0;
+	}
+
+	.port-row.widget-port {
+		padding: 0;
+		min-height: 0;
+		position: static;
+	}
+
+	.port-row {
+		display: flex;
+		align-items: center;
+		gap: 7px;
+		padding: 4px 12px;
+		position: relative;
+		min-height: 22px;
+	}
+
+	.input-row {
+		padding-left: 20px;
+	}
+
+	.output-row {
+		justify-content: flex-end;
+		padding-right: 20px;
+	}
+
+	.port-label {
+		font-size: 11.5px;
+		font-weight: 500;
+		color: #8b8d98;
+		white-space: nowrap;
+	}
+
+	.port-label-optional {
+		opacity: 0.5;
+	}
+
+	.port-type-tag {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		font-weight: 500;
+		opacity: 0.5;
+	}
+
+	/* Port handles (plain divs, positioned on each port-row) */
+	.port-handle-sf {
+		width: 12px;
+		height: 12px;
+		border-radius: 50%;
+		border: 2px solid var(--port-color);
+		background: #0c0d10;
+		cursor: crosshair;
+		opacity: 0.5;
+		transition:
+			opacity 0.15s,
+			transform 0.15s,
+			background 0.15s,
+			box-shadow 0.15s;
+		position: absolute;
+		top: 50%;
+		transform: translateY(-50%);
+		touch-action: none;
+	}
+
+	.wf-node:hover .port-handle-sf,
+	.wf-node.node-selected .port-handle-sf,
+	.wf-node.has-pending .port-handle-sf {
+		opacity: 1;
+	}
+
+	.port-handle-sf.incompatible {
+		border-color: #ef4444;
+		opacity: 0.4;
+		animation: none;
+	}
+
+	.port-handle-sf.connected {
+		background: var(--port-color);
+		opacity: 1;
+	}
+
+	.input-handle-sf {
+		left: -24px;
+		right: auto;
+	}
+
+	.output-handle-sf {
+		right: -24px;
+		left: auto;
+		border-radius: 2px;
+		transform: translateY(-50%) rotate(45deg);
+	}
+
+	.port-handle-sf:hover {
+		opacity: 1;
+		background: var(--port-color);
+		box-shadow: 0 0 6px var(--port-color);
+	}
+
+	.output-handle-sf:hover {
+		transform: translateY(-50%) rotate(45deg) scale(1.4);
+	}
+
+	.port-handle-sf.pulse {
+		animation: port-pulse 1s ease-in-out infinite;
+	}
+
+	@keyframes port-pulse {
+		0%,
+		100% {
+			box-shadow: 0 0 0 0 transparent;
+		}
+		50% {
+			box-shadow: 0 0 0 4px var(--port-color);
+			opacity: 0.3;
+		}
+	}
+
+	.node-error-banner {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		color: #fca5a5;
+		background: rgba(239, 68, 68, 0.1);
+		border-top: 1px solid rgba(239, 68, 68, 0.2);
+		border-radius: 0 0 10px 10px;
+		padding: 6px 12px;
+		line-height: 1.4;
+		word-break: break-word;
+		overflow: hidden;
+		max-height: 4.5em;
+		overflow-y: auto;
+	}
+
+	.ports-toggle {
+		display: block;
+		width: 100%;
+		padding: 4px 12px;
+		border: none;
+		background: transparent;
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		font-weight: 600;
+		color: #3e3f4d;
+		cursor: pointer;
+		text-align: left;
+		letter-spacing: 0.03em;
+		transition: color 0.15s;
+	}
+
+	.ports-toggle:hover {
+		color: #8b8d98;
+	}
+
+	.port-inline-config {
+		padding: 2px 12px 4px 20px;
+	}
+
+	.inline-input {
+		width: 100%;
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10px;
+		padding: 4px 8px;
+		border: 1px solid #1e1f2a;
+		border-radius: 4px;
+		background: #101118;
+		color: #c8c9d2;
+		outline: none;
+		box-sizing: border-box;
+	}
+
+	.inline-input:focus {
+		border-color: #3e3f4d;
+	}
+
+	.inline-input::placeholder {
+		color: #4a4b58;
+	}
+
+	.popout-hint {
+		cursor: cell;
+	}
+
+	.inline-number {
+		width: 80px;
+	}
+
+	.inline-checkbox {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10px;
+		color: #8b8d98;
+		cursor: pointer;
+	}
+
+	.inline-select {
+		cursor: pointer;
+	}
+
+	.inline-choices {
+		display: flex;
+		flex-direction: column;
+		gap: 4px;
+		max-height: 120px;
+		overflow-y: auto;
+	}
+
+	.inline-choices input[type="checkbox"] {
+		width: 14px;
+		height: 14px;
+		accent-color: var(--accent);
+		cursor: pointer;
+		appearance: auto;
+		-webkit-appearance: checkbox;
+	}
+
+	/* Light mode */
+	:global(body:not(.dark)) .wf-node {
+		background: #ffffff;
+		border-color: #e2e4ea;
+	}
+
+	:global(body:not(.dark)) .wf-node:hover {
+		box-shadow:
+			0 0 0 1px var(--accent-dim),
+			0 4px 20px rgba(0, 0, 0, 0.08);
+	}
+
+	:global(body:not(.dark)) .node-header {
+		border-bottom-color: #e2e4ea;
+	}
+
+	:global(body:not(.dark)) .node-label {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .node-label-input {
+		color: #1a1b25;
+		background: #ffffff;
+	}
+
+	:global(body:not(.dark)) .port-label {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .node-outside-label {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .node-outside-label:hover {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .node-outside-label-empty {
+		color: #c0c2cc;
+	}
+
+	:global(body:not(.dark)) .ports-toggle {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .node-delete {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .port-handle-sf {
+		background: #ffffff;
+	}
+
+	:global(body:not(.dark)) .inline-input {
+		background: #f8f9fb;
+		border-color: #e2e4ea;
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .inline-input::placeholder {
+		color: #c0c2cc;
+	}
+
+	:global(body:not(.dark)) .inline-checkbox {
+		color: #6b6e78;
+	}
+
+	.node-endpoint-row {
+		padding: 2px 12px 0 0;
+		display: flex;
+		justify-content: flex-end;
+	}
+
+	.node-endpoint-select,
+	.node-endpoint-load {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9.5px;
+		padding: 1px 0 1px 4px;
+		border: none;
+		background: transparent;
+		color: #5c5e6a;
+		cursor: pointer;
+		outline: none;
+		opacity: 0.6;
+		transition:
+			opacity 0.15s,
+			color 0.15s;
+		-webkit-appearance: none;
+		appearance: none;
+		text-align: right;
+		text-align-last: right;
+	}
+
+	.node-endpoint-select:hover,
+	.node-endpoint-load:hover {
+		opacity: 1;
+		color: #a0a2ae;
+	}
+
+	.wf-node:hover .node-endpoint-select,
+	.wf-node:hover .node-endpoint-load {
+		opacity: 1;
+	}
+
+	:global(body:not(.dark)) .node-endpoint-select,
+	:global(body:not(.dark)) .node-endpoint-load {
+		color: #8b8d98;
+	}
+
+	:global(body:not(.dark)) .node-endpoint-select:hover,
+	:global(body:not(.dark)) .node-endpoint-load:hover {
+		color: #3e4050;
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/WorkflowSidebar.svelte b/js/workflowcanvas/workflow/WorkflowSidebar.svelte
new file mode 100644
index 0000000..c7b4721
--- /dev/null
+++ b/js/workflowcanvas/workflow/WorkflowSidebar.svelte
@@ -0,0 +1,1713 @@
+<script lang="ts">
+	import {
+		LIBRARY,
+		SPACE_CATEGORIES,
+		TASK_SCHEMAS,
+		categorizeSpace,
+		type NodeTemplate
+	} from "./node-library";
+	import { PORT_COLOR } from "./workflow-types";
+	import type { PortType } from "./workflow-types";
+	import { fetchSpaceApi, normalize_space_id } from "./space-api";
+	import ChevronLeftIcon from "./icons/ChevronLeftIcon.svelte";
+	import ChevronDownIcon from "./icons/ChevronDownIcon.svelte";
+
+	interface TrendingSpace {
+		id: string;
+		title: string;
+		description: string;
+		likes: number;
+		running: boolean;
+		category: string | null;
+	}
+
+	let {
+		onadd = undefined,
+		server = {},
+		hfToken = "",
+		trendingSpaces: propTrendingSpaces = undefined,
+		trendingLoading: propTrendingLoading = undefined
+	}: {
+		onadd?: (template: NodeTemplate) => void;
+		server?: Record<string, any>;
+		hfToken?: string;
+		trendingSpaces?: TrendingSpace[];
+		trendingLoading?: boolean;
+	} = $props();
+
+	let expandedSection: string | null = $state("spaces");
+	let collapsed = $state(false);
+	let sidebarWidth = $state(240);
+	let isResizing = $state(false);
+
+	// Load custom spaces from localStorage
+	let customSpaces: NodeTemplate[] = $state(
+		typeof localStorage !== "undefined"
+			? JSON.parse(localStorage.getItem("gradio_custom_spaces") ?? "[]")
+			: []
+	);
+
+	// Auto-save custom spaces to localStorage
+	$effect(() => {
+		if (typeof localStorage !== "undefined") {
+			localStorage.setItem(
+				"gradio_custom_spaces",
+				JSON.stringify(customSpaces)
+			);
+		}
+	});
+
+	function startResize(e: MouseEvent) {
+		e.preventDefault();
+		isResizing = true;
+		const startX = e.clientX;
+		const startWidth = sidebarWidth;
+
+		function onMove(ev: MouseEvent) {
+			sidebarWidth = Math.max(
+				160,
+				Math.min(400, startWidth + (ev.clientX - startX))
+			);
+		}
+		function onUp() {
+			isResizing = false;
+			window.removeEventListener("mousemove", onMove);
+			window.removeEventListener("mouseup", onUp);
+		}
+		window.addEventListener("mousemove", onMove);
+		window.addEventListener("mouseup", onUp);
+	}
+	let customSpaceInput = $state("");
+	let loadingSpace = $state(false);
+	let loadingSpaceName = $state("");
+	let spaceError = $state("");
+
+	function handleWindowClick(e: MouseEvent): void {
+		const target = e.target as HTMLElement;
+		if (searchResults.length > 0 && !target.closest(".add-space-wrapper")) {
+			searchResults = [];
+		}
+	}
+
+	// Trending spaces — use parent-provided data if available, otherwise fetch own
+	let ownTrendingSpaces: TrendingSpace[] = $state([]);
+	let ownTrendingLoading = $state(true);
+	let trendingSpaces = $derived(propTrendingSpaces ?? ownTrendingSpaces);
+	let trendingLoading = $derived(propTrendingLoading ?? ownTrendingLoading);
+
+	async function fetchTrendingSpaces() {
+		if (propTrendingSpaces !== undefined) return;
+		if (!server?.search_spaces) {
+			ownTrendingLoading = false;
+			return;
+		}
+		try {
+			const raw = await server.search_spaces(["trending", "", ""]);
+			const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+			if (!Array.isArray(data)) {
+				ownTrendingSpaces = [];
+				return;
+			}
+			ownTrendingSpaces = data
+				.map((s: any) => {
+					const desc = s.cardData?.short_description || "";
+					return {
+						id: s.id,
+						title: s.cardData?.title || s.id.split("/").pop() || s.id,
+						description: desc,
+						likes: s.likes ?? 0,
+						running: s.runtime?.stage === "RUNNING",
+						category: categorizeSpace(
+							s.cardData?.pipeline_tag || s.pipeline_tag,
+							s.cardData?.tags,
+							desc,
+							s.id
+						)
+					};
+				})
+				.filter((s: TrendingSpace) => s.category !== null && s.running);
+		} catch {
+			ownTrendingSpaces = [];
+		} finally {
+			ownTrendingLoading = false;
+		}
+	}
+
+	if (typeof window !== "undefined") {
+		fetchTrendingSpaces();
+	}
+
+	function trendingToTemplate(space: TrendingSpace): NodeTemplate {
+		return {
+			label: space.id.split("/").pop() || space.id,
+			kind: "transform",
+			source: "space",
+			space_id: space.id,
+			category: space.category ?? undefined,
+			inputs: [],
+			outputs: [],
+			width: 280,
+			height: 90
+		};
+	}
+
+	function getTrendingByCategory(cat: string): TrendingSpace[] {
+		return trendingSpaces.filter((s) => s.category === cat);
+	}
+
+	// Search state
+	let searchResults: {
+		id: string;
+		likes: number;
+		title?: string;
+		description?: string;
+		running: boolean;
+	}[] = $state([]);
+	let searching = $state(false);
+	let searchTimeout: ReturnType<typeof setTimeout> | null = null;
+
+	function handleSearchInput(e: Event) {
+		const query = (e.currentTarget as HTMLInputElement).value;
+		customSpaceInput = query;
+		spaceError = "";
+
+		if (searchTimeout) clearTimeout(searchTimeout);
+
+		if (query.length < 2) {
+			searchResults = [];
+			searching = false;
+			return;
+		}
+
+		if (normalize_space_id(query)) {
+			searchResults = [];
+			return;
+		}
+
+		searching = true;
+		searchTimeout = setTimeout(async () => {
+			try {
+				if (!server?.search_spaces) {
+					searchResults = [];
+					return;
+				}
+				const raw = await server.search_spaces(["search", query, ""]);
+				const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+				if (!Array.isArray(data)) {
+					searchResults = [];
+					return;
+				}
+				searchResults = data.slice(0, 6).map((s: any) => ({
+					id: s.id,
+					likes: s.likes ?? 0,
+					title: s.title || s.id.split("/").pop(),
+					description: s.ai_short_description || "",
+					running: s.runtime?.stage === "RUNNING"
+				}));
+			} catch {
+				searchResults = [];
+			} finally {
+				searching = false;
+			}
+		}, 300);
+	}
+
+	function selectSearchResult(spaceId: string) {
+		customSpaceInput = spaceId;
+		searchResults = [];
+		addCustomSpace();
+	}
+
+	function primaryType(item: (typeof LIBRARY)["inputs"][number]): PortType {
+		return item.outputs[0]?.type ?? item.inputs[0]?.type ?? "any";
+	}
+
+	function toggle(section: string) {
+		expandedSection = expandedSection === section ? null : section;
+	}
+
+	async function addCustomSpace() {
+		const spaceId = normalize_space_id(customSpaceInput);
+		if (!spaceId) {
+			spaceError = "Enter owner/repo or paste a Space URL";
+			return;
+		}
+		if (customSpaces.some((s) => s.space_id === spaceId)) {
+			customSpaceInput = "";
+			return;
+		}
+
+		loadingSpace = true;
+		loadingSpaceName = spaceId;
+		spaceError = "";
+		customSpaceInput = "";
+
+		try {
+			const apiInfo = await fetchSpaceApi(spaceId);
+			const label = spaceId.split("/").pop() ?? spaceId;
+
+			customSpaces = [
+				...customSpaces,
+				{
+					label,
+					kind: "transform",
+					source: "space",
+					space_id: spaceId,
+					endpoint: apiInfo.endpoint,
+					inputs: apiInfo.inputs,
+					outputs: apiInfo.outputs,
+					width: apiInfo.width,
+					height: 90
+				}
+			];
+			customSpaceInput = "";
+		} catch (err) {
+			spaceError = err instanceof Error ? err.message : "Failed to connect";
+		} finally {
+			loadingSpace = false;
+		}
+	}
+
+	// ── Model search ──
+	interface HFModel {
+		id: string;
+		pipeline_tag: string;
+		likes: number;
+		downloads: number;
+	}
+
+	const MODEL_TASKS = [
+		{ key: "text-to-image", label: "Text → Image" },
+		{ key: "text-generation", label: "Text Generation" },
+		{ key: "image-to-text", label: "Image → Text" },
+		{ key: "image-classification", label: "Image Classification" },
+		{ key: "object-detection", label: "Object Detection" },
+		{ key: "automatic-speech-recognition", label: "Speech → Text" },
+		{ key: "text-to-speech", label: "Text → Speech" },
+		{ key: "translation", label: "Translation" },
+		{ key: "summarization", label: "Summarization" },
+		{ key: "text-classification", label: "Text Classification" },
+		{ key: "image-to-image", label: "Image → Image" },
+		{ key: "depth-estimation", label: "Depth Estimation" },
+		{ key: "image-segmentation", label: "Image Segmentation" },
+		{ key: "text-to-video", label: "Text → Video" },
+		{ key: "image-text-to-text", label: "Image+Text → Text" },
+		{ key: "feature-extraction", label: "Embeddings" }
+	];
+
+	let modelSearchQuery = $state("");
+	let modelSearchResults: HFModel[] = $state([]);
+	let modelSearching = $state(false);
+	let modelSearchTimeout: ReturnType<typeof setTimeout> | null = null;
+	let selectedModelTask = $state("");
+	let trendingModels: HFModel[] = $state([]);
+	let trendingModelsLoading = $state(true);
+
+	async function fetchTrendingModels() {
+		if (!server?.search_models) {
+			trendingModelsLoading = false;
+			return;
+		}
+		try {
+			const raw = await server.search_models(["trending", "", "", ""]);
+			const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+			if (!Array.isArray(data)) {
+				trendingModels = [];
+				return;
+			}
+			trendingModels = data
+				.filter((m: any) => m.pipeline_tag && TASK_SCHEMAS[m.pipeline_tag])
+				.map((m: any) => ({
+					id: m.id,
+					pipeline_tag: m.pipeline_tag,
+					likes: m.likes ?? 0,
+					downloads: m.downloads ?? 0
+				}));
+		} catch {
+			trendingModels = [];
+		} finally {
+			trendingModelsLoading = false;
+		}
+	}
+
+	if (typeof window !== "undefined") {
+		fetchTrendingModels();
+	}
+
+	function handleModelSearch(e: Event) {
+		const query = (e.currentTarget as HTMLInputElement).value;
+		modelSearchQuery = query;
+
+		if (modelSearchTimeout) clearTimeout(modelSearchTimeout);
+
+		if (query.length < 2 && !selectedModelTask) {
+			modelSearchResults = [];
+			modelSearching = false;
+			return;
+		}
+
+		modelSearching = true;
+		modelSearchTimeout = setTimeout(async () => {
+			try {
+				if (!server?.search_models) {
+					modelSearchResults = [];
+					return;
+				}
+				const raw = await server.search_models([
+					"search",
+					query.length >= 2 ? query : "",
+					selectedModelTask,
+					""
+				]);
+				const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+				if (!Array.isArray(data)) {
+					modelSearchResults = [];
+					return;
+				}
+				modelSearchResults = data
+					.filter((m: any) => m.pipeline_tag && TASK_SCHEMAS[m.pipeline_tag])
+					.map((m: any) => ({
+						id: m.id,
+						pipeline_tag: m.pipeline_tag,
+						likes: m.likes ?? 0,
+						downloads: m.downloads ?? 0
+					}));
+			} catch {
+				modelSearchResults = [];
+			} finally {
+				modelSearching = false;
+			}
+		}, 300);
+	}
+
+	function handleTaskFilter(taskKey: string) {
+		selectedModelTask = selectedModelTask === taskKey ? "" : taskKey;
+		// Re-trigger search with new filter
+		handleModelSearch({ currentTarget: { value: modelSearchQuery } } as any);
+	}
+
+	function modelToTemplate(model: HFModel): NodeTemplate {
+		const schema = TASK_SCHEMAS[model.pipeline_tag];
+		return {
+			label: model.id.split("/").pop() || model.id,
+			kind: "transform",
+			source: "model",
+			model_id: model.id,
+			pipeline_tag: model.pipeline_tag,
+			inputs: schema?.inputs ?? [],
+			outputs: schema?.outputs ?? [],
+			width: 280,
+			height: 90
+		};
+	}
+
+	function getModelsForTask(task: string): HFModel[] {
+		return trendingModels.filter((m) => m.pipeline_tag === task);
+	}
+
+	// ── Dataset search ──
+	interface HFDataset {
+		id: string;
+		likes: number;
+		downloads: number;
+		description: string;
+	}
+
+	let datasetSearchQuery = $state("");
+	let datasetSearchResults: HFDataset[] = $state([]);
+	let datasetSearching = $state(false);
+	let datasetSearchTimeout: ReturnType<typeof setTimeout> | null = null;
+	let loadingDataset = $state(false);
+	let loadingDatasetName = $state("");
+	let datasetError = $state("");
+	let datasetsAdded = $state(0);
+
+	function handleDatasetSearch(e: Event) {
+		const query = (e.currentTarget as HTMLInputElement).value;
+		datasetSearchQuery = query;
+		datasetError = "";
+
+		if (datasetSearchTimeout) clearTimeout(datasetSearchTimeout);
+
+		if (query.length < 2) {
+			datasetSearchResults = [];
+			datasetSearching = false;
+			return;
+		}
+
+		datasetSearching = true;
+		datasetSearchTimeout = setTimeout(async () => {
+			try {
+				if (!server?.search_datasets) {
+					datasetSearchResults = [];
+					return;
+				}
+				const raw = await server.search_datasets([query, ""]);
+				const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+				if (!Array.isArray(data)) {
+					datasetSearchResults = [];
+					return;
+				}
+				datasetSearchResults = data.map((d: any) => ({
+					id: d.id,
+					likes: d.likes ?? 0,
+					downloads: d.downloads ?? 0,
+					description: d.cardData?.description?.slice(0, 80) || ""
+				}));
+			} catch {
+				datasetSearchResults = [];
+			} finally {
+				datasetSearching = false;
+			}
+		}, 300);
+	}
+
+	async function addDataset(datasetId: string) {
+		loadingDataset = true;
+		loadingDatasetName = datasetId;
+		datasetError = "";
+
+		try {
+			if (!server?.get_dataset_schema)
+				throw new Error("Dataset schema function not available");
+			const raw = await server.get_dataset_schema([datasetId, hfToken || ""]);
+			const data = typeof raw === "string" ? JSON.parse(raw) : raw;
+			if (data?.error) throw new Error(data.error);
+
+			const features: { name: string; type: any }[] = data.features ?? [];
+			const featureToPortType = (f: any): PortType => {
+				const dtype = f.type?.dtype || f.type?._type || "";
+				if (
+					dtype === "string" ||
+					(f.type?._type === "Value" && f.type?.dtype === "string")
+				)
+					return "text";
+				if (
+					dtype === "float32" ||
+					dtype === "float64" ||
+					dtype === "int32" ||
+					dtype === "int64"
+				)
+					return "number";
+				if (f.type?._type === "Image") return "image";
+				if (f.type?._type === "Audio") return "audio";
+				return "json";
+			};
+
+			const outputs = features.slice(0, 6).map((f, i) => ({
+				id: `out_${i}`,
+				label: f.name,
+				type: featureToPortType(f)
+			}));
+
+			const template: NodeTemplate = {
+				label: datasetId.split("/").pop() || datasetId,
+				kind: "input" as const,
+				source: "dataset",
+				dataset_id: datasetId,
+				dataset_config: data.config,
+				dataset_split: data.split,
+				inputs: [],
+				outputs,
+				width: 280,
+				height: Math.max(90, 50 + outputs.length * 22)
+			};
+
+			onadd?.(template);
+			datasetsAdded += 1;
+		} catch (err) {
+			datasetError =
+				err instanceof Error ? err.message : "Failed to load dataset";
+		} finally {
+			loadingDataset = false;
+		}
+	}
+
+	const sections = [
+		{ key: "spaces", label: "Spaces", icon: "hub", items: LIBRARY.spaces },
+		{
+			key: "models",
+			label: "Models",
+			icon: "model",
+			items: [] as NodeTemplate[]
+		},
+		{
+			key: "datasets",
+			label: "Datasets",
+			icon: "data",
+			items: [] as NodeTemplate[]
+		},
+		{
+			key: "components",
+			label: "Components",
+			icon: "layers",
+			items: LIBRARY.components
+		}
+	];
+</script>
+
+<!-- svelte-ignore a11y_no_noninteractive_element_interactions -->
+<svelte:window onclick={handleWindowClick} />
+
+<aside
+	class="sidebar"
+	class:sidebar-collapsed={collapsed}
+	style="width: {collapsed ? 40 : sidebarWidth}px; min-width: {collapsed
+		? 40
+		: sidebarWidth}px;"
+>
+	<div class="sidebar-header">
+		<button
+			class="sidebar-collapse-btn"
+			class:collapsed
+			onclick={() => (collapsed = !collapsed)}
+		>
+			<ChevronLeftIcon />
+		</button>
+	</div>
+
+	{#if !collapsed}
+		{#each sections as section}
+			<button
+				class="section-toggle"
+				class:expanded={expandedSection === section.key}
+				onclick={() => toggle(section.key)}
+			>
+				<span class="section-label">{section.label}</span>
+				<span class="section-count"
+					>{section.key === "spaces"
+						? customSpaces.length + trendingSpaces.length
+						: section.key === "models"
+							? trendingModels.length
+							: section.key === "datasets"
+								? datasetsAdded
+								: section.items.length}</span
+				>
+				<span
+					class="section-chevron"
+					class:expanded={expandedSection === section.key}
+				>
+					<ChevronDownIcon />
+				</span>
+			</button>
+
+			{#if expandedSection === section.key}
+				<div class="section-items">
+					{#if section.key === "spaces"}
+						{#if trendingLoading}
+							<div class="trending-status">
+								<span class="space-loading-spinner"></span>
+								<span class="trending-status-text"
+									>Loading trending spaces...</span
+								>
+							</div>
+						{/if}
+
+						{#each SPACE_CATEGORIES as cat}
+							{@const trending = getTrendingByCategory(cat.key)}
+							{#if trending.length > 0}
+								<div class="category-header">
+									<span class="category-label">{cat.label}</span>
+									<span class="category-count">{trending.length}</span>
+								</div>
+
+								{#each trending as space}
+									<div
+										draggable="true"
+										class="space-card"
+										onclick={() => onadd?.(trendingToTemplate(space))}
+										ondragstart={(e) => {
+											const template = trendingToTemplate(space);
+											e.dataTransfer!.setData(
+												"node-template",
+												JSON.stringify(template)
+											);
+											const ghost = document.createElement("div");
+											ghost.textContent = space.title;
+											ghost.style.cssText =
+												"background:#f97316;color:#0c0d10;padding:4px 10px;border-radius:5px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;position:fixed;top:-100px";
+											document.body.appendChild(ghost);
+											e.dataTransfer!.setDragImage(ghost, 0, 0);
+											setTimeout(() => document.body.removeChild(ghost), 0);
+										}}
+									>
+										<div class="space-card-header">
+											<span
+												class="space-card-status"
+												class:space-card-running={space.running}
+												title={space.running ? "Running" : "Sleeping"}
+											></span>
+											<span class="space-card-name">{space.title}</span>
+											<span class="space-card-likes"
+												>&hearts; {space.likes}</span
+											>
+											<a
+												class="space-card-link"
+												href="https://huggingface.co/spaces/{space.id}"
+												target="_blank"
+												rel="noopener"
+												onclick={(e) => e.stopPropagation()}
+												title="Open on HuggingFace">&#x2197;</a
+											>
+										</div>
+										<div class="space-card-id">{space.id}</div>
+										{#if space.description}
+											<div class="space-card-desc">{space.description}</div>
+										{/if}
+									</div>
+								{/each}
+							{/if}
+						{/each}
+					{:else if section.key === "models"}
+						<div class="add-space-wrapper">
+							<div class="add-space">
+								<input
+									class="space-input"
+									type="text"
+									placeholder="Search models..."
+									value={modelSearchQuery}
+									oninput={handleModelSearch}
+								/>
+							</div>
+						</div>
+						<div class="model-task-filters">
+							{#each MODEL_TASKS as task}
+								<button
+									class="model-task-tag"
+									class:model-task-tag-active={selectedModelTask === task.key}
+									onclick={() => handleTaskFilter(task.key)}
+									>{task.label}</button
+								>
+							{/each}
+						</div>
+
+						{#if modelSearching}
+							<div class="space-loading">
+								<span class="space-loading-spinner"></span>
+								<span class="space-loading-text">Searching...</span>
+							</div>
+						{:else if modelSearchQuery.length >= 2 || selectedModelTask}
+							{#each modelSearchResults as model}
+								{@const template = modelToTemplate(model)}
+								{@const pt =
+									template.outputs[0]?.type ??
+									template.inputs[0]?.type ??
+									"any"}
+								<div
+									draggable="true"
+									class="space-card"
+									onclick={() => onadd?.(template)}
+									ondragstart={(e) => {
+										e.dataTransfer!.setData(
+											"node-template",
+											JSON.stringify(template)
+										);
+										const ghost = document.createElement("div");
+										ghost.textContent = model.id;
+										ghost.style.cssText = `background:${PORT_COLOR[pt]};color:#0c0d10;padding:4px 10px;border-radius:5px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;position:fixed;top:-100px`;
+										document.body.appendChild(ghost);
+										e.dataTransfer!.setDragImage(ghost, 0, 0);
+										setTimeout(() => document.body.removeChild(ghost), 0);
+									}}
+								>
+									<div class="space-card-header">
+										<span
+											class="chip-dot"
+											style="background: {PORT_COLOR[
+												pt
+											]}; box-shadow: 0 0 6px {PORT_COLOR[pt]}40"
+										></span>
+										<span class="space-card-name"
+											>{model.id.split("/").pop()}</span
+										>
+										<span class="space-card-likes">&hearts; {model.likes}</span>
+									</div>
+									<div class="space-card-id">{model.id}</div>
+									<div class="space-card-desc">{model.pipeline_tag}</div>
+								</div>
+							{/each}
+							{#if modelSearchResults.length === 0}
+								<div class="trending-status">
+									<span class="trending-status-text">No models found</span>
+								</div>
+							{/if}
+						{:else if trendingModelsLoading}
+							<div class="trending-status">
+								<span class="space-loading-spinner"></span>
+								<span class="trending-status-text"
+									>Loading trending models...</span
+								>
+							</div>
+						{:else}
+							{#each MODEL_TASKS.slice(0, 6) as task}
+								{@const models = getModelsForTask(task.key)}
+								{#if models.length > 0}
+									<div class="category-header">
+										<span class="category-label">{task.label}</span>
+										<span class="category-count">{models.length}</span>
+									</div>
+									{#each models.slice(0, 3) as model}
+										{@const template = modelToTemplate(model)}
+										{@const pt =
+											template.outputs[0]?.type ??
+											template.inputs[0]?.type ??
+											"any"}
+										<div
+											draggable="true"
+											class="space-card"
+											onclick={() => onadd?.(template)}
+											ondragstart={(e) => {
+												e.dataTransfer!.setData(
+													"node-template",
+													JSON.stringify(template)
+												);
+											}}
+										>
+											<div class="space-card-header">
+												<span
+													class="chip-dot"
+													style="background: {PORT_COLOR[
+														pt
+													]}; box-shadow: 0 0 6px {PORT_COLOR[pt]}40"
+												></span>
+												<span class="space-card-name"
+													>{model.id.split("/").pop()}</span
+												>
+												<span class="space-card-likes"
+													>&hearts; {model.likes}</span
+												>
+											</div>
+											<div class="space-card-id">{model.id}</div>
+										</div>
+									{/each}
+								{/if}
+							{/each}
+						{/if}
+					{:else if section.key === "datasets"}
+						<div class="add-space-wrapper">
+							<div class="add-space">
+								<input
+									class="space-input"
+									type="text"
+									placeholder="Search datasets..."
+									value={datasetSearchQuery}
+									disabled={loadingDataset}
+									oninput={handleDatasetSearch}
+									onkeydown={(e) => {
+										if (e.key === "Enter" && datasetSearchQuery.includes("/")) {
+											datasetSearchResults = [];
+											addDataset(datasetSearchQuery.trim());
+										}
+										if (e.key === "Escape") datasetSearchResults = [];
+									}}
+								/>
+							</div>
+							{#if datasetSearchResults.length > 0}
+								<div class="search-dropdown">
+									{#each datasetSearchResults as result}
+										<button
+											class="search-result"
+											onclick={() => {
+												const id = result.id;
+												datasetSearchResults = [];
+												datasetSearchQuery = "";
+												addDataset(id);
+											}}
+										>
+											<div class="search-result-top">
+												<span class="search-result-name">{result.id}</span>
+												<span class="search-result-likes"
+													>&hearts; {result.likes}</span
+												>
+											</div>
+											{#if result.description}
+												<div class="search-result-desc">
+													{result.description}
+												</div>
+											{/if}
+										</button>
+									{/each}
+								</div>
+							{:else if datasetSearching}
+								<div class="search-dropdown">
+									<div class="search-searching">Searching...</div>
+								</div>
+							{/if}
+						</div>
+						{#if loadingDataset}
+							<div class="space-loading">
+								<span class="space-loading-spinner"></span>
+								<span class="space-loading-text"
+									>Loading {loadingDatasetName}...</span
+								>
+							</div>
+						{/if}
+						{#if datasetError}
+							<span class="space-error">{datasetError}</span>
+						{/if}
+						<div class="trending-status">
+							<span class="trending-status-text"
+								>Search for a dataset by name</span
+							>
+						</div>
+					{:else}
+						{#each section.items as item}
+							{@const pt = primaryType(item)}
+							<div
+								draggable="true"
+								class="chip"
+								onclick={() => onadd?.(item)}
+								ondragstart={(e) => {
+									e.dataTransfer!.setData(
+										"node-template",
+										JSON.stringify(item)
+									);
+									const ghost = document.createElement("div");
+									ghost.textContent = item.label;
+									ghost.style.cssText = `background:${PORT_COLOR[pt]};color:#0c0d10;padding:4px 10px;border-radius:5px;font-family:Manrope,sans-serif;font-size:11px;font-weight:600;position:fixed;top:-100px`;
+									document.body.appendChild(ghost);
+									e.dataTransfer!.setDragImage(ghost, 0, 0);
+									setTimeout(() => document.body.removeChild(ghost), 0);
+								}}
+							>
+								<span
+									class="chip-dot"
+									style="background: {PORT_COLOR[
+										pt
+									]}; box-shadow: 0 0 6px {PORT_COLOR[pt]}40"
+								></span>
+								<span class="chip-label">{item.label}</span>
+							</div>
+						{/each}
+					{/if}
+
+					{#if section.key === "spaces"}
+						{#each customSpaces as item, i}
+							{@const pt = primaryType(item)}
+							<div
+								draggable="true"
+								class="chip"
+								onclick={() => onadd?.(item)}
+								ondragstart={(e) =>
+									e.dataTransfer!.setData(
+										"node-template",
+										JSON.stringify(item)
+									)}
+							>
+								<span
+									class="chip-dot"
+									style="background: {PORT_COLOR[
+										pt
+									]}; box-shadow: 0 0 6px {PORT_COLOR[pt]}40"
+								></span>
+								<span class="chip-label">{item.label}</span>
+								{#if item.space_id}
+									<a
+										class="chip-link"
+										href="https://huggingface.co/spaces/{item.space_id}"
+										target="_blank"
+										rel="noopener"
+										onclick={(e) => e.stopPropagation()}
+										title="Open on HuggingFace">&#x2197;</a
+									>
+								{/if}
+								<button
+									class="chip-remove"
+									onclick={(e) => {
+										e.stopPropagation();
+										customSpaces = customSpaces.filter((_, j) => j !== i);
+									}}
+									title="Remove">&times;</button
+								>
+							</div>
+						{/each}
+						<div class="add-space-wrapper">
+							<div class="add-space">
+								<input
+									class="space-input"
+									type="text"
+									placeholder="Search Spaces..."
+									value={customSpaceInput}
+									disabled={loadingSpace}
+									oninput={handleSearchInput}
+									onkeydown={(e) => {
+										if (e.key === "Enter" && customSpaceInput.includes("/")) {
+											searchResults = [];
+											addCustomSpace();
+										}
+										if (e.key === "Escape") searchResults = [];
+									}}
+								/>
+								<button
+									class="space-add-btn"
+									onclick={() => {
+										searchResults = [];
+										addCustomSpace();
+									}}
+									disabled={loadingSpace ||
+										!customSpaceInput.trim().includes("/")}
+									>{loadingSpace ? "..." : "+"}</button
+								>
+							</div>
+							{#if searchResults.length > 0}
+								<div class="search-dropdown">
+									{#each searchResults as result}
+										<button
+											class="search-result"
+											onclick={() => selectSearchResult(result.id)}
+										>
+											<div class="search-result-top">
+												<span
+													class="search-result-status"
+													class:search-result-running={result.running}
+													title={result.running ? "Running" : "Not running"}
+												></span>
+												<span class="search-result-name">{result.id}</span>
+												<span class="search-result-likes"
+													>&hearts; {result.likes}</span
+												>
+												<a
+													class="search-result-link"
+													href="https://huggingface.co/spaces/{result.id}"
+													target="_blank"
+													rel="noopener"
+													onclick={(e) => e.stopPropagation()}
+													title="Open on HuggingFace">&#x2197;</a
+												>
+											</div>
+											{#if result.description}
+												<div class="search-result-desc">
+													{result.description}
+												</div>
+											{/if}
+										</button>
+									{/each}
+								</div>
+							{:else if searching}
+								<div class="search-dropdown">
+									<div class="search-searching">Searching...</div>
+								</div>
+							{/if}
+						</div>
+						{#if loadingSpace}
+							<div class="space-loading">
+								<span class="space-loading-spinner"></span>
+								<span class="space-loading-text"
+									>Connecting to {loadingSpaceName}...</span
+								>
+							</div>
+						{/if}
+						{#if spaceError}
+							<span class="space-error">{spaceError}</span>
+						{/if}
+					{/if}
+				</div>
+			{/if}
+		{/each}
+
+		<div class="sidebar-footer">
+			<span class="hint">Drag to canvas</span>
+		</div>
+	{/if}
+	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	{#if !collapsed}
+		<div class="resize-handle" onmousedown={startResize}></div>
+	{/if}
+</aside>
+
+<style>
+	.sidebar {
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		background: #101118;
+		border-right: 1px solid #1e1f2a;
+		overflow-y: auto;
+		font-family: "Manrope", sans-serif;
+		color-scheme: dark;
+	}
+
+	.sidebar-collapsed {
+		width: 40px;
+		min-width: 40px;
+	}
+
+	.sidebar-collapse-btn {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		width: 24px;
+		height: 24px;
+		border: none;
+		border-radius: 4px;
+		background: transparent;
+		color: #5c5e6a;
+		cursor: pointer;
+		flex-shrink: 0;
+		padding: 0;
+		line-height: 1;
+		transition:
+			color 0.15s,
+			background 0.15s,
+			transform 0.2s ease;
+	}
+
+	.sidebar-collapse-btn:hover {
+		background: #1e1f2a;
+		color: #a0a2ae;
+	}
+
+	.sidebar-collapse-btn.collapsed {
+		transform: rotate(180deg);
+	}
+
+	.sidebar-header {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 12px 12px 10px;
+		border-bottom: 1px solid #1e1f2a;
+	}
+
+	.sidebar-collapsed .sidebar-header {
+		justify-content: center;
+		padding: 14px 8px 10px;
+	}
+
+	.section-toggle {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		padding: 10px 16px;
+		border: none;
+		background: transparent;
+		cursor: pointer;
+		transition: background 0.15s;
+	}
+
+	.section-toggle:hover {
+		background: #16171f;
+	}
+
+	.section-label {
+		font-size: 12px;
+		font-weight: 600;
+		color: #a0a2ae;
+		flex: 1;
+		text-align: left;
+	}
+
+	.section-count {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10px;
+		color: #3e3f4d;
+		margin-right: 6px;
+	}
+
+	.section-chevron {
+		display: inline-flex;
+		color: #5c5e6a;
+		flex-shrink: 0;
+		transition: transform 0.2s ease;
+		transform: rotate(-90deg);
+	}
+
+	.section-chevron.expanded {
+		transform: rotate(0deg);
+	}
+
+	.section-items {
+		padding: 2px 8px 8px;
+	}
+
+	.chip {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 7px 10px;
+		margin-bottom: 2px;
+		border-radius: 6px;
+		cursor: pointer;
+		transition:
+			background 0.15s,
+			transform 0.1s;
+		background: transparent;
+	}
+
+	.chip:hover {
+		background: #1a1b25;
+	}
+
+	.chip:active {
+		cursor: grabbing;
+		transform: scale(0.98);
+	}
+
+	.chip-dot {
+		width: 7px;
+		height: 7px;
+		border-radius: 50%;
+		flex-shrink: 0;
+	}
+
+	.category-header {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 8px 10px 4px;
+		margin-top: 4px;
+	}
+
+	.category-header:first-child {
+		margin-top: 0;
+	}
+
+	.category-label {
+		font-size: 10px;
+		font-weight: 700;
+		text-transform: uppercase;
+		letter-spacing: 0.06em;
+		color: #5c5e6a;
+	}
+
+	.category-count {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		color: #3e3f4d;
+	}
+
+	/* Trending space cards */
+	.space-card {
+		display: flex;
+		flex-direction: column;
+		padding: 8px 10px;
+		margin-bottom: 2px;
+		border-radius: 6px;
+		cursor: pointer;
+		transition:
+			background 0.15s,
+			transform 0.1s;
+		background: transparent;
+	}
+
+	.space-card:hover {
+		background: #1a1b25;
+	}
+
+	.space-card:active {
+		cursor: grabbing;
+		transform: scale(0.98);
+	}
+
+	.space-card-header {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		width: 100%;
+	}
+
+	.space-card-status {
+		width: 6px;
+		height: 6px;
+		border-radius: 50%;
+		background: #5c5e6a;
+		flex-shrink: 0;
+	}
+
+	.space-card-running {
+		background: #34d399;
+		box-shadow: 0 0 4px #34d39960;
+	}
+
+	.space-card-name {
+		font-size: 12px;
+		font-weight: 600;
+		color: #c8c9d2;
+		flex: 1;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.space-card-likes {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		color: #5c5e6a;
+		flex-shrink: 0;
+	}
+
+	.space-card-link {
+		visibility: hidden;
+		font-size: 11px;
+		color: #5c5e6a;
+		text-decoration: none;
+		flex-shrink: 0;
+		padding: 2px;
+		border-radius: 3px;
+		transition: color 0.15s;
+	}
+
+	.space-card:hover .space-card-link {
+		visibility: visible;
+	}
+
+	.space-card-link:hover {
+		color: #c8c9d2;
+	}
+
+	.space-card-id {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		color: #3e3f4d;
+		padding-left: 12px;
+		margin-top: 1px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.space-card-desc {
+		font-size: 10px;
+		color: #5c5e6a;
+		padding-left: 12px;
+		margin-top: 2px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		line-height: 1.3;
+	}
+
+	.trending-status {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 8px 12px;
+	}
+
+	.trending-status-text {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9.5px;
+		color: #5c5e6a;
+	}
+
+	.chip-label {
+		font-size: 12.5px;
+		font-weight: 500;
+		color: #c8c9d2;
+		flex: 1;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.chip-link {
+		visibility: hidden;
+		font-size: 11px;
+		color: #5c5e6a;
+		text-decoration: none;
+		flex-shrink: 0;
+		line-height: 1;
+		padding: 2px;
+		border-radius: 3px;
+		transition: color 0.15s;
+	}
+
+	.chip:hover .chip-link {
+		visibility: visible;
+	}
+
+	.chip-link:hover {
+		color: #c8c9d2;
+	}
+
+	.chip-remove {
+		visibility: hidden;
+		display: flex;
+		width: 16px;
+		height: 16px;
+		border: none;
+		border-radius: 3px;
+		background: transparent;
+		color: #5c5e6a;
+		font-size: 12px;
+		line-height: 1;
+		cursor: pointer;
+		align-items: center;
+		justify-content: center;
+		padding: 0;
+		flex-shrink: 0;
+	}
+
+	.chip:hover .chip-remove {
+		visibility: visible;
+	}
+
+	.chip-remove:hover {
+		color: #ef4444;
+		background: rgba(239, 68, 68, 0.15);
+	}
+
+	.add-space {
+		display: flex;
+		gap: 4px;
+		padding: 6px 4px 2px;
+	}
+
+	.space-input {
+		flex: 1;
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10.5px;
+		height: 28px;
+		padding: 0 8px;
+		border: 1px solid #1e1f2a;
+		border-radius: 5px;
+		background: #0c0d10;
+		color: #c8c9d2;
+		outline: none;
+		min-width: 0;
+		box-sizing: border-box;
+	}
+
+	.space-input::placeholder {
+		color: #5c5e6a;
+	}
+
+	.space-input:focus {
+		border-color: #3e3f4d;
+	}
+
+	.space-add-btn {
+		width: 28px;
+		height: 28px;
+		border: 1px solid #3e3f4d;
+		border-radius: 5px;
+		background: #1a1b25;
+		color: #a0a2ae;
+		font-size: 14px;
+		font-weight: 600;
+		cursor: pointer;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		transition:
+			background 0.15s,
+			color 0.15s,
+			border-color 0.15s;
+		flex-shrink: 0;
+	}
+
+	.space-add-btn:hover:not(:disabled) {
+		background: #2a2b36;
+		color: #f97316;
+		border-color: #f97316;
+	}
+
+	.space-add-btn:disabled {
+		opacity: 0.35;
+		cursor: default;
+		background: #101118;
+		color: #3e3f4d;
+		border-color: #1e1f2a;
+	}
+
+	.add-space-wrapper {
+		position: relative;
+	}
+
+	.search-dropdown {
+		position: absolute;
+		top: 100%;
+		left: 4px;
+		right: 4px;
+		background: #16171f;
+		border: 1px solid #2a2b36;
+		border-radius: 6px;
+		margin-top: 2px;
+		overflow: hidden;
+		z-index: 10;
+		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+	}
+
+	.search-result {
+		display: flex;
+		flex-direction: column;
+		width: 100%;
+		padding: 7px 10px;
+		border: none;
+		border-bottom: 1px solid #1e1f2a;
+		background: transparent;
+		color: #c8c9d2;
+		cursor: pointer;
+		text-align: left;
+		transition: background 0.1s;
+	}
+
+	.search-result:last-child {
+		border-bottom: none;
+	}
+
+	.search-result:hover {
+		background: #1a1b25;
+	}
+
+	.search-result-top {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		width: 100%;
+	}
+
+	.search-result-status {
+		width: 6px;
+		height: 6px;
+		border-radius: 50%;
+		background: #5c5e6a;
+		flex-shrink: 0;
+	}
+
+	.search-result-running {
+		background: #34d399;
+		box-shadow: 0 0 4px #34d39960;
+	}
+
+	.search-result-name {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10px;
+		flex: 1;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.search-result-desc {
+		font-size: 9.5px;
+		color: #5c5e6a;
+		margin-top: 2px;
+		padding-left: 12px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+
+	.search-result-likes {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		color: #5c5e6a;
+		flex-shrink: 0;
+	}
+
+	.search-result-link {
+		font-size: 11px;
+		color: #5c5e6a;
+		text-decoration: none;
+		flex-shrink: 0;
+		padding: 2px;
+		border-radius: 3px;
+		transition: color 0.15s;
+	}
+
+	.search-result-link:hover {
+		color: #c8c9d2;
+	}
+
+	.search-searching {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9.5px;
+		color: #5c5e6a;
+		padding: 8px 10px;
+		text-align: center;
+	}
+
+	.space-loading {
+		display: flex;
+		align-items: center;
+		gap: 8px;
+		padding: 6px 12px;
+	}
+
+	.space-loading-spinner {
+		width: 12px;
+		height: 12px;
+		border: 2px solid transparent;
+		border-top-color: #f5a623;
+		border-radius: 50%;
+		animation: sidebar-spin 0.7s linear infinite;
+		flex-shrink: 0;
+	}
+
+	@keyframes sidebar-spin {
+		to {
+			transform: rotate(360deg);
+		}
+	}
+
+	.space-loading-text {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9.5px;
+		color: #5c5e6a;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.space-error {
+		display: block;
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		color: #ef4444;
+		padding: 2px 12px 4px;
+	}
+
+	.sidebar-footer {
+		margin-top: auto;
+		padding: 12px 16px;
+		border-top: 1px solid #1e1f2a;
+	}
+
+	.resize-handle {
+		position: absolute;
+		top: 0;
+		right: -3px;
+		width: 6px;
+		height: 100%;
+		cursor: col-resize;
+		z-index: 10;
+	}
+
+	.resize-handle:hover {
+		background: rgba(249, 115, 22, 0.3);
+	}
+
+	.model-task-filters {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 4px;
+		padding: 4px 4px 8px;
+	}
+
+	.model-task-tag {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 9px;
+		padding: 3px 7px;
+		border: 1px solid #1e1f2a;
+		border-radius: 4px;
+		background: transparent;
+		color: #5c5e6a;
+		cursor: pointer;
+		transition: all 0.15s;
+	}
+
+	.model-task-tag:hover {
+		border-color: #3e3f4d;
+		color: #a0a2ae;
+	}
+
+	.model-task-tag-active {
+		border-color: #f97316;
+		color: #f97316;
+		background: rgba(249, 115, 22, 0.1);
+	}
+
+	.hint {
+		font-family: "JetBrains Mono", monospace;
+		font-size: 10px;
+		color: #2e2f3d;
+		letter-spacing: 0.02em;
+	}
+
+	/* ─── Light mode ─── */
+	:global(body:not(.dark)) .sidebar {
+		background: #f8f9fb;
+		border-right-color: #e2e4ea;
+		color-scheme: light;
+	}
+
+	:global(body:not(.dark)) .sidebar-header {
+		border-bottom-color: #e2e4ea;
+	}
+
+	:global(body:not(.dark)) .sidebar-collapse-btn {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .sidebar-collapse-btn:hover {
+		background: #e8eaf0;
+		color: #3e4050;
+	}
+
+	:global(body:not(.dark)) .section-toggle:hover {
+		background: #f0f1f5;
+	}
+
+	:global(body:not(.dark)) .section-label {
+		color: #6b6e78;
+	}
+
+	:global(body:not(.dark)) .section-count {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .section-chevron {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .chip:hover {
+		background: #f0f1f5;
+	}
+
+	:global(body:not(.dark)) .chip-label {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .chip-link {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .chip-link:hover {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .category-label {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .category-count {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .space-card:hover {
+		background: #f0f1f5;
+	}
+
+	:global(body:not(.dark)) .space-card-name {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .space-card-likes {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .space-card-link {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .space-card-link:hover {
+		color: #1a1b25;
+	}
+
+	:global(body:not(.dark)) .space-card-id {
+		color: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .space-card-desc {
+		color: #9a9caa;
+	}
+
+	:global(body:not(.dark)) .space-card-status {
+		background: #b0b2bc;
+	}
+
+	:global(body:not(.dark)) .trending-status-text {
+		color: #9a9caa;
+	}
+</style>
diff --git a/js/workflowcanvas/workflow/hf-auth.svelte.ts b/js/workflowcanvas/workflow/hf-auth.svelte.ts
new file mode 100644
index 0000000..76775e4
--- /dev/null
+++ b/js/workflowcanvas/workflow/hf-auth.svelte.ts
@@ -0,0 +1,310 @@
+interface WhoAmI {
+	name: string;
+	isPro: boolean;
+	avatarUrl: string;
+}
+
+/**
+ * Normalize the avatar URL returned by whoami-v2. The API sometimes returns a
+ * site-relative path (`/avatars/…`) rather than an absolute URL, so resolve
+ * those against huggingface.co; leave absolute (`https://…`) URLs untouched.
+ */
+function normalize_avatar_url(raw: unknown): string {
+	if (typeof raw !== "string" || !raw) return "";
+	if (raw.startsWith("http://") || raw.startsWith("https://")) return raw;
+	return `https://huggingface.co${raw.startsWith("/") ? "" : "/"}${raw}`;
+}
+
+async function fetch_whoami(token: string): Promise<WhoAmI | null> {
+	try {
+		const res = await fetch("https://huggingface.co/api/whoami-v2", {
+			headers: { Authorization: `Bearer ${token}` }
+		});
+		if (!res.ok) return null;
+		const body = await res.json();
+		return {
+			name: body.name || "User",
+			isPro: body.isPro === true,
+			avatarUrl: normalize_avatar_url(body.avatarUrl)
+		};
+	} catch {
+		return null;
+	}
+}
+
+function redirect_to(path: string): void {
+	const target = encodeURIComponent(
+		window.location.pathname + window.location.search
+	);
+	window.location.assign(`${path}?_target_url=${target}`);
+}
+
+type AuthSource = "" | "oauth" | "local" | "pat";
+type AuthStatus = "checking" | "ready" | "validating" | "invalid";
+
+const WRITE_TOKEN_COOKIE_PREFIX = "gradio_workflow_write_token";
+
+/**
+ * Move a `?write_token=…` query param (from the edit link printed at launch)
+ * into a cookie so subsequent /component_server calls carry it, then strip it
+ * from the URL. The cookie name is suffixed with the port because cookies are
+ * shared across ports on the same host — two local apps would otherwise
+ * clobber each other (the server prefix-matches the name).
+ */
+function applyWriteTokenFromUrl(): void {
+	if (typeof window === "undefined") return;
+	const params = new URLSearchParams(window.location.search);
+	const wt = params.get("write_token");
+	if (!wt) return;
+	const port =
+		window.location.port ||
+		(window.location.protocol === "https:" ? "443" : "80");
+	const maxAge = 60 * 60 * 24 * 7;
+	const secure = window.location.protocol === "https:" ? "; Secure" : "";
+	document.cookie = `${WRITE_TOKEN_COOKIE_PREFIX}_${port}=${encodeURIComponent(wt)}; path=/; max-age=${maxAge}; SameSite=Lax${secure}`;
+	params.delete("write_token");
+	const q = params.toString();
+	window.history.replaceState(
+		{},
+		"",
+		window.location.pathname + (q ? `?${q}` : "") + window.location.hash
+	);
+}
+
+/**
+ * Delete this port's write-token cookie if present. The token is regenerated
+ * each server restart but the cookie lives for 7 days, so a cookie left over
+ * from a previous process is stale — the server already rejects it, but we
+ * clear it here once the server confirms no write access so it doesn't linger.
+ */
+function clearStaleWriteTokenCookie(): void {
+	if (typeof window === "undefined") return;
+	const port =
+		window.location.port ||
+		(window.location.protocol === "https:" ? "443" : "80");
+	const name = `${WRITE_TOKEN_COOKIE_PREFIX}_${port}`;
+	if (!document.cookie.split(";").some((c) => c.trim().startsWith(`${name}=`)))
+		return;
+	const secure = window.location.protocol === "https:" ? "; Secure" : "";
+	document.cookie = `${name}=; path=/; max-age=0; SameSite=Lax${secure}`;
+}
+
+export function createHFAuth(getServer: () => Record<string, any>) {
+	let user = $state("");
+	let isPro = $state(false);
+	let avatarUrl = $state("");
+	let token = $state("");
+	let source = $state<AuthSource>("");
+	let status = $state<AuthStatus>("checking");
+	let isHFSpace = $state(false);
+	// Optimistic until the server answers, so the owner (the common case)
+	// doesn't see edit controls flash out and back in. The server rejects
+	// unauthorized saves regardless of what the UI shows.
+	let canWrite = $state(true);
+	let writeAccessKnown = $state(false);
+	// Whether OAuth sign-in is actually available (a Space with `hf_oauth: true`).
+	// Defaults to false so a broken "Sign in" button never flashes before the
+	// server confirms it — only shown once known to work.
+	let oauthAvailable = $state(false);
+
+	function clearIdentity(): void {
+		user = "";
+		isPro = false;
+		avatarUrl = "";
+		token = "";
+		source = "";
+	}
+
+	function applyIdentity(t: string, who: WhoAmI, src: AuthSource): void {
+		token = t;
+		user = who.name;
+		isPro = who.isPro;
+		avatarUrl = who.avatarUrl;
+		source = src;
+	}
+
+	async function refreshWriteAccess(): Promise<void> {
+		const s = getServer();
+		if (!s?.get_write_access) {
+			// Older backends without write-token support stay fully editable.
+			canWrite = true;
+			writeAccessKnown = true;
+			return;
+		}
+		try {
+			canWrite = (await s.get_write_access()) === "true";
+		} catch {
+			canWrite = false;
+		}
+		// No write access: drop any stale write-token cookie left from a prior
+		// server process so it doesn't sit unused for the cookie's 7-day lifetime.
+		if (!canWrite) clearStaleWriteTokenCookie();
+		writeAccessKnown = true;
+	}
+
+	async function refreshOAuthAvailable(): Promise<void> {
+		const s = getServer();
+		if (!s?.get_oauth_available) {
+			oauthAvailable = false;
+			return;
+		}
+		try {
+			oauthAvailable = (await s.get_oauth_available()) === "true";
+		} catch {
+			oauthAvailable = false;
+		}
+	}
+
+	async function init(): Promise<void> {
+		isHFSpace = window.location.hostname.endsWith(".hf.space");
+
+		applyWriteTokenFromUrl();
+		void refreshWriteAccess();
+		void refreshOAuthAvailable();
+
+		// The server's get_token returns the OAuth user's token on a Space, but
+		// the host's locally saved `huggingface-cli login` token when running
+		// locally (and only to sessions holding the write token). Label the
+		// source accordingly so the UI can explain how the user is signed in —
+		// and, for the local token, point them at logging out from the CLI
+		// rather than offering a UI button that can't actually clear it.
+		const serverToken = await readOAuthToken();
+		if (serverToken) {
+			const who = await fetch_whoami(serverToken);
+			if (who) {
+				applyIdentity(serverToken, who, isHFSpace ? "oauth" : "local");
+				status = "ready";
+				return;
+			}
+		}
+
+		const pat =
+			typeof localStorage !== "undefined"
+				? (localStorage.getItem("hf_token") ?? "")
+				: "";
+		if (pat) {
+			status = "validating";
+			const who = await fetch_whoami(pat);
+			if (who) {
+				applyIdentity(pat, who, "pat");
+				status = "ready";
+				return;
+			}
+			status = "invalid";
+			return;
+		}
+
+		status = "ready";
+	}
+
+	async function readOAuthToken(): Promise<string> {
+		const s = getServer();
+		if (!s?.get_token) return "";
+		try {
+			return (await s.get_token()) || "";
+		} catch {
+			return "";
+		}
+	}
+
+	async function setPAT(input: string): Promise<void> {
+		const next = input.trim();
+		if (typeof localStorage !== "undefined") {
+			if (next) localStorage.setItem("hf_token", next);
+			else localStorage.removeItem("hf_token");
+		}
+		if (!next) {
+			clearIdentity();
+			status = "ready";
+			return;
+		}
+		status = "validating";
+		const who = await fetch_whoami(next);
+		if (who) {
+			applyIdentity(next, who, "pat");
+			status = "ready";
+		} else {
+			clearIdentity();
+			status = "invalid";
+		}
+	}
+
+	function signIn(): void {
+		redirect_to("/login/huggingface");
+	}
+
+	function signOut(): void {
+		if (typeof localStorage !== "undefined") {
+			localStorage.removeItem("hf_token");
+		}
+		clearIdentity();
+		status = "ready";
+		if (isHFSpace) redirect_to("/logout");
+	}
+
+	function getQuotaCTA(): {
+		suffix: string;
+		action: { label: string; href?: string; onClick?: () => void };
+	} {
+		if (!user) {
+			return {
+				suffix: "Sign in with HuggingFace for your own GPU credits.",
+				action: { label: "Sign in", onClick: signIn }
+			};
+		}
+		if (!isPro) {
+			return {
+				suffix: "Upgrade to PRO for higher ZeroGPU quota.",
+				action: {
+					label: "Upgrade to PRO",
+					href: "https://huggingface.co/subscribe/pro"
+				}
+			};
+		}
+		return {
+			suffix: "Manage your ZeroGPU credits in account settings.",
+			action: {
+				label: "Manage credits",
+				href: "https://huggingface.co/settings/billing"
+			}
+		};
+	}
+
+	return {
+		get user() {
+			return user;
+		},
+		get isPro() {
+			return isPro;
+		},
+		get avatarUrl() {
+			return avatarUrl;
+		},
+		get token() {
+			return token;
+		},
+		get source() {
+			return source;
+		},
+		get status() {
+			return status;
+		},
+		get isHFSpace() {
+			return isHFSpace;
+		},
+		get canWrite() {
+			return canWrite;
+		},
+		get writeAccessKnown() {
+			return writeAccessKnown;
+		},
+		get oauthAvailable() {
+			return oauthAvailable;
+		},
+		init,
+		setPAT,
+		signIn,
+		signOut,
+		getQuotaCTA
+	};
+}
diff --git a/js/workflowcanvas/workflow/icons/AudioIcon.svelte b/js/workflowcanvas/workflow/icons/AudioIcon.svelte
new file mode 100644
index 0000000..9e92aa4
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/AudioIcon.svelte
@@ -0,0 +1,16 @@
+<svg
+	width="14"
+	height="14"
+	viewBox="0 0 14 14"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="1.4"
+	stroke-linecap="round"
+	aria-hidden="true"
+>
+	<path d="M2.5 6v2" />
+	<path d="M5 4v6" />
+	<path d="M7.5 2.5v9" />
+	<path d="M10 4.5v5" />
+	<path d="M12.5 6v2" />
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/CheckIcon.svelte b/js/workflowcanvas/workflow/icons/CheckIcon.svelte
new file mode 100644
index 0000000..7e6f357
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/CheckIcon.svelte
@@ -0,0 +1,9 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" aria-hidden="true">
+	<path
+		d="M2 5.5L4.5 8L9 3"
+		stroke="currentColor"
+		stroke-width="1.6"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/ChevronDownIcon.svelte b/js/workflowcanvas/workflow/icons/ChevronDownIcon.svelte
new file mode 100644
index 0000000..794da4e
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/ChevronDownIcon.svelte
@@ -0,0 +1,13 @@
+<svg
+	viewBox="0 0 24 24"
+	width="16"
+	height="16"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	aria-hidden="true"
+>
+	<polyline points="6 9 12 15 18 9"></polyline>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/ChevronLeftIcon.svelte b/js/workflowcanvas/workflow/icons/ChevronLeftIcon.svelte
new file mode 100644
index 0000000..37ee677
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/ChevronLeftIcon.svelte
@@ -0,0 +1,13 @@
+<svg
+	viewBox="0 0 24 24"
+	width="16"
+	height="16"
+	fill="none"
+	stroke="currentColor"
+	stroke-width="2"
+	stroke-linecap="round"
+	stroke-linejoin="round"
+	aria-hidden="true"
+>
+	<polyline points="15 18 9 12 15 6"></polyline>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/CloseIcon.svelte b/js/workflowcanvas/workflow/icons/CloseIcon.svelte
new file mode 100644
index 0000000..a11db90
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/CloseIcon.svelte
@@ -0,0 +1,8 @@
+<svg width="10" height="10" viewBox="0 0 10 10" fill="none" aria-hidden="true">
+	<path
+		d="M2 2L8 8M8 2L2 8"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/CodeIcon.svelte b/js/workflowcanvas/workflow/icons/CodeIcon.svelte
new file mode 100644
index 0000000..b15db2f
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/CodeIcon.svelte
@@ -0,0 +1,22 @@
+<svg width="20" height="12" viewBox="0 0 20 12" fill="none" aria-hidden="true">
+	<path
+		d="M5 2L2 6l3 4"
+		stroke="currentColor"
+		stroke-width="1.6"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M12 1L8 11"
+		stroke="currentColor"
+		stroke-width="1.6"
+		stroke-linecap="round"
+	/>
+	<path
+		d="M15 2l3 4-3 4"
+		stroke="currentColor"
+		stroke-width="1.6"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/DatasetIcon.svelte b/js/workflowcanvas/workflow/icons/DatasetIcon.svelte
new file mode 100644
index 0000000..4dc8cf3
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/DatasetIcon.svelte
@@ -0,0 +1,20 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+	<ellipse
+		cx="7"
+		cy="3.5"
+		rx="5"
+		ry="2"
+		stroke="currentColor"
+		stroke-width="1.5"
+	/>
+	<path
+		d="M2 3.5v3c0 1.1 2.24 2 5 2s5-.9 5-2v-3"
+		stroke="currentColor"
+		stroke-width="1.5"
+	/>
+	<path
+		d="M2 6.5v3c0 1.1 2.24 2 5 2s5-.9 5-2v-3"
+		stroke="currentColor"
+		stroke-width="1.5"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/DownloadIcon.svelte b/js/workflowcanvas/workflow/icons/DownloadIcon.svelte
new file mode 100644
index 0000000..57662dd
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/DownloadIcon.svelte
@@ -0,0 +1,15 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true">
+	<path
+		d="M6 1.5v6.5M6 8L3 5M6 8l3-3"
+		stroke="currentColor"
+		stroke-width="1.4"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M2 9.5v.5a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-.5"
+		stroke="currentColor"
+		stroke-width="1.4"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/FunctionIcon.svelte b/js/workflowcanvas/workflow/icons/FunctionIcon.svelte
new file mode 100644
index 0000000..2fecf6d
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/FunctionIcon.svelte
@@ -0,0 +1,14 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true">
+	<path
+		d="M2 3h2.5a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H2"
+		stroke="currentColor"
+		stroke-width="1.4"
+		stroke-linecap="round"
+	/>
+	<path
+		d="M10 3H7.5a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1H10"
+		stroke="currentColor"
+		stroke-width="1.4"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/ImageIcon.svelte b/js/workflowcanvas/workflow/icons/ImageIcon.svelte
new file mode 100644
index 0000000..9f77c63
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/ImageIcon.svelte
@@ -0,0 +1,19 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+	<rect
+		x="1.5"
+		y="2"
+		width="11"
+		height="10"
+		rx="1.5"
+		stroke="currentColor"
+		stroke-width="1.4"
+	/>
+	<circle cx="5" cy="5.5" r="1.1" stroke="currentColor" stroke-width="1.2" />
+	<path
+		d="M2 10l3-3 3 3 2-2 2 2"
+		stroke="currentColor"
+		stroke-width="1.4"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/InfoIcon.svelte b/js/workflowcanvas/workflow/icons/InfoIcon.svelte
new file mode 100644
index 0000000..60a48ca
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/InfoIcon.svelte
@@ -0,0 +1,10 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" aria-hidden="true">
+	<circle cx="5.5" cy="5.5" r="4.6" stroke="currentColor" stroke-width="1.1" />
+	<path
+		d="M5.5 5V7.8"
+		stroke="currentColor"
+		stroke-width="1.3"
+		stroke-linecap="round"
+	/>
+	<circle cx="5.5" cy="3.2" r="0.75" fill="currentColor" />
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/LayoutIcon.svelte b/js/workflowcanvas/workflow/icons/LayoutIcon.svelte
new file mode 100644
index 0000000..0bd5e04
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/LayoutIcon.svelte
@@ -0,0 +1,35 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true">
+	<rect
+		x="0.75"
+		y="4"
+		width="3.5"
+		height="4"
+		rx="1"
+		stroke="currentColor"
+		stroke-width="1.2"
+	/>
+	<rect
+		x="7.75"
+		y="0.75"
+		width="3.5"
+		height="3.5"
+		rx="1"
+		stroke="currentColor"
+		stroke-width="1.2"
+	/>
+	<rect
+		x="7.75"
+		y="7.75"
+		width="3.5"
+		height="3.5"
+		rx="1"
+		stroke="currentColor"
+		stroke-width="1.2"
+	/>
+	<path
+		d="M4.25 6h1.5a1 1 0 0 1 1 1v1.5M4.25 6h1.5a1 1 0 0 0 1-1V3.5"
+		stroke="currentColor"
+		stroke-width="1.2"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/Model3DIcon.svelte b/js/workflowcanvas/workflow/icons/Model3DIcon.svelte
new file mode 100644
index 0000000..44165e1
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/Model3DIcon.svelte
@@ -0,0 +1,15 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+	<path
+		d="M7 1.6L12 4.3v5.4L7 12.4 2 9.7V4.3L7 1.6z"
+		stroke="currentColor"
+		stroke-width="1.4"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M2 4.3L7 7l5-2.7"
+		stroke="currentColor"
+		stroke-width="1.2"
+		stroke-linejoin="round"
+	/>
+	<path d="M7 7v5.4" stroke="currentColor" stroke-width="1.2" />
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/OpenLinkIcon.svelte b/js/workflowcanvas/workflow/icons/OpenLinkIcon.svelte
new file mode 100644
index 0000000..47a8991
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/OpenLinkIcon.svelte
@@ -0,0 +1,21 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true">
+	<path
+		d="M5 2H3.5A1.5 1.5 0 0 0 2 3.5v5A1.5 1.5 0 0 0 3.5 10h5A1.5 1.5 0 0 0 10 8.5V7"
+		stroke="currentColor"
+		stroke-width="1.3"
+		stroke-linecap="round"
+	/>
+	<path
+		d="M7 2h3v3"
+		stroke="currentColor"
+		stroke-width="1.3"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+	/>
+	<path
+		d="M10 2L5.5 6.5"
+		stroke="currentColor"
+		stroke-width="1.3"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/PlayIcon.svelte b/js/workflowcanvas/workflow/icons/PlayIcon.svelte
new file mode 100644
index 0000000..e04eaee
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/PlayIcon.svelte
@@ -0,0 +1,9 @@
+<svg
+	width="9"
+	height="10"
+	viewBox="0 0 9 10"
+	fill="currentColor"
+	aria-hidden="true"
+>
+	<path d="M0 0l9 5-9 5V0z" />
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/PlusIcon.svelte b/js/workflowcanvas/workflow/icons/PlusIcon.svelte
new file mode 100644
index 0000000..173818b
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/PlusIcon.svelte
@@ -0,0 +1,8 @@
+<svg width="11" height="11" viewBox="0 0 11 11" fill="none" aria-hidden="true">
+	<path
+		d="M5.5 1v9M1 5.5h9"
+		stroke="currentColor"
+		stroke-width="1.8"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/SearchIcon.svelte b/js/workflowcanvas/workflow/icons/SearchIcon.svelte
new file mode 100644
index 0000000..ea1f0a6
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/SearchIcon.svelte
@@ -0,0 +1,9 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+	<circle cx="6" cy="6" r="4.5" stroke="currentColor" stroke-width="1.5" />
+	<path
+		d="M9.5 9.5L12.5 12.5"
+		stroke="currentColor"
+		stroke-width="1.5"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/StopIcon.svelte b/js/workflowcanvas/workflow/icons/StopIcon.svelte
new file mode 100644
index 0000000..b63805a
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/StopIcon.svelte
@@ -0,0 +1,9 @@
+<svg
+	width="9"
+	height="9"
+	viewBox="0 0 9 9"
+	fill="currentColor"
+	aria-hidden="true"
+>
+	<rect width="9" height="9" rx="1.5" />
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/TextIcon.svelte b/js/workflowcanvas/workflow/icons/TextIcon.svelte
new file mode 100644
index 0000000..e0960dd
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/TextIcon.svelte
@@ -0,0 +1,14 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+	<path
+		d="M3 3h8"
+		stroke="currentColor"
+		stroke-width="1.6"
+		stroke-linecap="round"
+	/>
+	<path
+		d="M7 3v8"
+		stroke="currentColor"
+		stroke-width="1.6"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/VideoIcon.svelte b/js/workflowcanvas/workflow/icons/VideoIcon.svelte
new file mode 100644
index 0000000..f801a85
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/VideoIcon.svelte
@@ -0,0 +1,18 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true">
+	<rect
+		x="1.5"
+		y="3.5"
+		width="8.5"
+		height="7"
+		rx="1.4"
+		stroke="currentColor"
+		stroke-width="1.4"
+	/>
+	<path
+		d="M10 6l2.5-1.5v5L10 8V6z"
+		stroke="currentColor"
+		stroke-width="1.4"
+		stroke-linejoin="round"
+		stroke-linecap="round"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/AllTasks.svelte b/js/workflowcanvas/workflow/icons/tasks/AllTasks.svelte
new file mode 100644
index 0000000..66674f0
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/AllTasks.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path d="M4 4h10v10H4zM18 4h10v10H18zM4 18h10v10H4zM18 18h10v10H18z" />
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/AudioClassification.svelte b/js/workflowcanvas/workflow/icons/tasks/AudioClassification.svelte
new file mode 100644
index 0000000..c23dfe1
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/AudioClassification.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M25 4H10a2.002 2.002 0 0 0-2 2v14.556A3.955 3.955 0 0 0 6 20a4 4 0 1 0 4 4V12h15v8.556A3.954 3.954 0 0 0 23 20a4 4 0 1 0 4 4V6a2.002 2.002 0 0 0-2-2zM6 26a2 2 0 1 1 2-2a2.002 2.002 0 0 1-2 2zm17 0a2 2 0 1 1 2-2a2.003 2.003 0 0 1-2 2zM10 6h15v4H10z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/AudioToAudio.svelte b/js/workflowcanvas/workflow/icons/tasks/AudioToAudio.svelte
new file mode 100644
index 0000000..4a8dc55
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/AudioToAudio.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 18 18"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M4.5 11.12H5C5.26513 11.1203 5.51933 11.2257 5.70681 11.4132C5.89429 11.6007 5.99973 11.8549 6 12.12V13.12C5.99973 13.3851 5.89429 13.6393 5.70681 13.8268C5.51933 14.0143 5.26513 14.1197 5 14.12H4.5V16.12H3.5V14.12H3C2.73486 14.1197 2.48066 14.0143 2.29319 13.8268C2.10571 13.6393 2.00026 13.3851 2 13.12V12.12C2.00026 11.8549 2.10571 11.6007 2.29319 11.4132C2.48066 11.2257 2.73486 11.1203 3 11.12H3.5V2.12H4.5V11.12ZM3 13.12H5V12.12H3V13.12ZM10 4.12H9.5V2.12H8.5V4.12H8C7.73487 4.12027 7.48067 4.22571 7.29319 4.41319C7.10571 4.60067 7.00027 4.85487 7 5.12V6.12C7.00027 6.38514 7.10571 6.63934 7.29319 6.82682C7.48067 7.01429 7.73487 7.11974 8 7.12H8.5V16.12H9.5V7.12H10C10.2651 7.11974 10.5193 7.01429 10.7068 6.82682C10.8943 6.63934 10.9997 6.38514 11 6.12V5.12C10.9997 4.85487 10.8943 4.60067 10.7068 4.41319C10.5193 4.22571 10.2651 4.12027 10 4.12ZM10 6.12H8V5.12H10V6.12ZM15 8.12H14.5V2.12H13.5V8.12H13C12.7349 8.12027 12.4807 8.22571 12.2932 8.41319C12.1057 8.60067 12.0003 8.85486 12 9.12V10.12C12.0003 10.3851 12.1057 10.6393 12.2932 10.8268C12.4807 11.0143 12.7349 11.1197 13 11.12H13.5V16.12H14.5V11.12H15C15.2651 11.1196 15.5192 11.0141 15.7067 10.8267C15.8941 10.6392 15.9996 10.3851 16 10.12V9.12C15.9997 8.85486 15.8943 8.60067 15.7068 8.41319C15.5193 8.22571 15.2651 8.12027 15 8.12ZM15 10.12H13V9.12H15V10.12Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/AutomaticSpeechRecognition.svelte b/js/workflowcanvas/workflow/icons/tasks/AutomaticSpeechRecognition.svelte
new file mode 100644
index 0000000..4db00c5
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/AutomaticSpeechRecognition.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 18 18"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M8.38893 3.42133C7.9778 3.14662 7.49446 3 7 3C6.33696 3 5.70108 3.26339 5.23223 3.73223C4.76339 4.20107 4.5 4.83696 4.5 5.5C4.5 5.99445 4.64662 6.4778 4.92133 6.88893C5.19603 7.30005 5.58648 7.62048 6.04329 7.8097C6.50011 7.99892 7.00278 8.04843 7.48773 7.95196C7.97268 7.8555 8.41814 7.6174 8.76777 7.26777C9.1174 6.91814 9.3555 6.47268 9.45197 5.98773C9.54843 5.50277 9.49892 5.00011 9.3097 4.54329C9.12048 4.08648 8.80005 3.69603 8.38893 3.42133ZM5.05551 2.58986C5.63108 2.20527 6.30777 2 7 2C7.92826 2 8.8185 2.36875 9.47488 3.02513C10.1313 3.6815 10.5 4.57174 10.5 5.5C10.5 6.19223 10.2947 6.86892 9.91015 7.4445C9.52556 8.02007 8.97894 8.46867 8.33939 8.73358C7.69985 8.99849 6.99612 9.0678 6.31719 8.93275C5.63825 8.7977 5.01461 8.46436 4.52513 7.97487C4.03564 7.48539 3.7023 6.86175 3.56725 6.18282C3.4322 5.50388 3.50152 4.80015 3.76642 4.16061C4.03133 3.52107 4.47993 2.97444 5.05551 2.58986ZM14.85 9.6425L15.7075 10.5C15.8005 10.5927 15.8743 10.7029 15.9245 10.8242C15.9747 10.9456 16.0004 11.0757 16 11.207V16H2V13.5C2.00106 12.5721 2.37015 11.6824 3.0263 11.0263C3.68244 10.3701 4.57207 10.0011 5.5 10H8.5C9.42793 10.0011 10.3176 10.3701 10.9737 11.0263C11.6299 11.6824 11.9989 12.5721 12 13.5V15H15V11.207L14.143 10.35C13.9426 10.4476 13.7229 10.4989 13.5 10.5C13.2033 10.5 12.9133 10.412 12.6666 10.2472C12.42 10.0824 12.2277 9.84811 12.1142 9.57403C12.0006 9.29994 11.9709 8.99834 12.0288 8.70737C12.0867 8.41639 12.2296 8.14912 12.4393 7.93934C12.6491 7.72956 12.9164 7.5867 13.2074 7.52882C13.4983 7.47094 13.7999 7.50065 14.074 7.61418C14.3481 7.72771 14.5824 7.91997 14.7472 8.16665C14.912 8.41332 15 8.70333 15 9C14.9988 9.22271 14.9475 9.44229 14.85 9.6425ZM3.73311 11.7331C3.26444 12.2018 3.00079 12.8372 3 13.5V15H11V13.5C10.9992 12.8372 10.7356 12.2018 10.2669 11.7331C9.79822 11.2644 9.1628 11.0008 8.5 11H5.5C4.8372 11.0008 4.20178 11.2644 3.73311 11.7331Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/DocumentQuestionAnswering.svelte b/js/workflowcanvas/workflow/icons/tasks/DocumentQuestionAnswering.svelte
new file mode 100644
index 0000000..818041e
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/DocumentQuestionAnswering.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg class={classNames} width="1em" height="1em" viewBox="0 0 32 32"
+	><path
+		fill="currentColor"
+		d="M24 30a6 6 0 1 1 6-6a6.007 6.007 0 0 1-6 6zm0-10a4 4 0 1 0 4 4a4.005 4.005 0 0 0-4-4zM8 22h8v2H8zm0-6h10v2H8z"
+	/><path
+		fill="currentColor"
+		d="M16 28H6V4h8v6a2.006 2.006 0 0 0 2 2h6v3h2v-5a.91.91 0 0 0-.3-.7l-7-7A.909.909 0 0 0 16 2H6a2.006 2.006 0 0 0-2 2v24a2.006 2.006 0 0 0 2 2h10Zm0-23.6l5.6 5.6H16Z"
+	/></svg
+>
diff --git a/js/workflowcanvas/workflow/icons/tasks/ImageClassification.svelte b/js/workflowcanvas/workflow/icons/tasks/ImageClassification.svelte
new file mode 100644
index 0000000..b4c9d02
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/ImageClassification.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<polygon
+		points="4 20 4 22 8.586 22 2 28.586 3.414 30 10 23.414 10 28 12 28 12 20 4 20"
+	/>
+	<path
+		d="M19,14a3,3,0,1,0-3-3A3,3,0,0,0,19,14Zm0-4a1,1,0,1,1-1,1A1,1,0,0,1,19,10Z"
+	/>
+	<path
+		d="M26,4H6A2,2,0,0,0,4,6V16H6V6H26V21.17l-3.59-3.59a2,2,0,0,0-2.82,0L18,19.17,11.8308,13l-1.4151,1.4155L14,18l2.59,2.59a2,2,0,0,0,2.82,0L21,19l5,5v2H16v2H26a2,2,0,0,0,2-2V6A2,2,0,0,0,26,4Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/ImageSegmentation.svelte b/js/workflowcanvas/workflow/icons/tasks/ImageSegmentation.svelte
new file mode 100644
index 0000000..de78ff2
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/ImageSegmentation.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M30,3.4141,28.5859,2,2,28.5859,3.4141,30l2-2H26a2.0027,2.0027,0,0,0,2-2V5.4141ZM26,26H7.4141l7.7929-7.793,2.3788,2.3787a2,2,0,0,0,2.8284,0L22,19l4,3.9973Zm0-5.8318-2.5858-2.5859a2,2,0,0,0-2.8284,0L19,19.1682l-2.377-2.3771L26,7.4141Z"
+	/>
+	<path
+		d="M6,22V19l5-4.9966,1.3733,1.3733,1.4159-1.416-1.375-1.375a2,2,0,0,0-2.8284,0L6,16.1716V6H22V4H6A2.002,2.002,0,0,0,4,6V22Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/ImageToImage.svelte b/js/workflowcanvas/workflow/icons/tasks/ImageToImage.svelte
new file mode 100644
index 0000000..b0deae9
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/ImageToImage.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		fill="currentColor"
+		d="M4 22H2V4a2.002 2.002 0 0 1 2-2h18v2H4zm17-5a3 3 0 1 0-3-3a3.003 3.003 0 0 0 3 3zm0-4a1 1 0 1 1-1 1a1 1 0 0 1 1-1z"
+	/><path
+		fill="currentColor"
+		d="M28 7H9a2.002 2.002 0 0 0-2 2v19a2.002 2.002 0 0 0 2 2h19a2.002 2.002 0 0 0 2-2V9a2.002 2.002 0 0 0-2-2Zm0 21H9v-6l4-3.997l5.586 5.586a2 2 0 0 0 2.828 0L23 22.003L28 27Zm0-3.828l-3.586-3.586a2 2 0 0 0-2.828 0L20 22.172l-5.586-5.586a2 2 0 0 0-2.828 0L9 19.172V9h19Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/ImageToText.svelte b/js/workflowcanvas/workflow/icons/tasks/ImageToText.svelte
new file mode 100644
index 0000000..6114c31
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/ImageToText.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+​
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M29.707 19.293l-3-3a1 1 0 0 0-1.414 0L16 25.586V30h4.414l9.293-9.293a1 1 0 0 0 0-1.414zM19.586 28H18v-1.586l5-5L24.586 23zM26 21.586L24.414 20L26 18.414L27.586 20z"
+		fill="currentColor"
+	/>
+	<path
+		d="M20 13v-2h-2.142a3.94 3.94 0 0 0-.425-1.019l1.517-1.517l-1.414-1.414l-1.517 1.517A3.944 3.944 0 0 0 15 8.142V6h-2v2.142a3.944 3.944 0 0 0-1.019.425L10.464 7.05L9.05 8.464l1.517 1.517A3.94 3.94 0 0 0 10.142 11H8v2h2.142a3.94 3.94 0 0 0 .425 1.019L9.05 15.536l1.414 1.414l1.517-1.517a3.944 3.944 0 0 0 1.019.425V18h2v-2.142a3.944 3.944 0 0 0 1.019-.425l1.517 1.517l1.414-1.414l-1.517-1.517A3.94 3.94 0 0 0 17.858 13zm-6 1a2 2 0 1 1 2-2a2.002 2.002 0 0 1-2 2z"
+		fill="currentColor"
+	/>
+	<path
+		d="M12 30H6a2.002 2.002 0 0 1-2-2V4a2.002 2.002 0 0 1 2-2h16a2.002 2.002 0 0 1 2 2v10h-2V4H6v24h6z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/ObjectDetection.svelte b/js/workflowcanvas/workflow/icons/tasks/ObjectDetection.svelte
new file mode 100644
index 0000000..b8cccab
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/ObjectDetection.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M24,14a5.99,5.99,0,0,0-4.885,9.4712L14,28.5859,15.4141,30l5.1147-5.1147A5.9971,5.9971,0,1,0,24,14Zm0,10a4,4,0,1,1,4-4A4.0045,4.0045,0,0,1,24,24Z"
+	/>
+	<path
+		d="M17,12a3,3,0,1,0-3-3A3.0033,3.0033,0,0,0,17,12Zm0-4a1,1,0,1,1-1,1A1.0009,1.0009,0,0,1,17,8Z"
+	/>
+	<path
+		d="M12,24H4V17.9966L9,13l5.5859,5.5859L16,17.168l-5.5859-5.5855a2,2,0,0,0-2.8282,0L4,15.168V4H24v6h2V4a2.0023,2.0023,0,0,0-2-2H4A2.002,2.002,0,0,0,2,4V24a2.0023,2.0023,0,0,0,2,2h8Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/QuestionAnswering.svelte b/js/workflowcanvas/workflow/icons/tasks/QuestionAnswering.svelte
new file mode 100644
index 0000000..f9383f2
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/QuestionAnswering.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path d="M2 9h9V2H2zm2-5h5v3H4z" fill="currentColor" />
+	<path d="M2 19h9v-7H2zm2-5h5v3H4z" fill="currentColor" />
+	<path d="M2 29h9v-7H2zm2-5h5v3H4z" fill="currentColor" />
+	<path
+		d="M27 9h-9l3.41-3.59L20 4l-6 6l6 6l1.41-1.41L18 11h9a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H15v2h12a3 3 0 0 0 3-3V12a3 3 0 0 0-3-3z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/Summarization.svelte b/js/workflowcanvas/workflow/icons/tasks/Summarization.svelte
new file mode 100644
index 0000000..e763d51
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/Summarization.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 18 19"
+>
+	<path
+		d="M15.4988 8.79309L12.1819 5.47621C12.0188 5.25871 11.7469 5.14996 11.475 5.14996H7.12501C6.52688 5.14996 6.03751 5.63934 6.03751 6.23746V16.025C6.03751 16.6231 6.52688 17.1125 7.12501 17.1125H14.7375C15.3356 17.1125 15.825 16.6231 15.825 16.025V9.55434C15.825 9.28246 15.7163 9.01059 15.4988 8.79309V8.79309ZM11.475 6.23746L14.6831 9.49996H11.475V6.23746ZM7.12501 16.025V6.23746H10.3875V9.49996C10.3875 10.0981 10.8769 10.5875 11.475 10.5875H14.7375V16.025H7.12501Z"
+	/>
+	<path
+		d="M3.8625 10.5875H2.775V2.97498C2.775 2.37686 3.26438 1.88748 3.8625 1.88748H11.475V2.97498H3.8625V10.5875Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/TaskIcon.svelte b/js/workflowcanvas/workflow/icons/tasks/TaskIcon.svelte
new file mode 100644
index 0000000..3dc580a
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/TaskIcon.svelte
@@ -0,0 +1,66 @@
+<script lang="ts">
+	import AllTasks from "./AllTasks.svelte";
+	import AudioClassification from "./AudioClassification.svelte";
+	import AudioToAudio from "./AudioToAudio.svelte";
+	import AutomaticSpeechRecognition from "./AutomaticSpeechRecognition.svelte";
+	import DocumentQuestionAnswering from "./DocumentQuestionAnswering.svelte";
+	import ImageClassification from "./ImageClassification.svelte";
+	import ImageSegmentation from "./ImageSegmentation.svelte";
+	import ImageToImage from "./ImageToImage.svelte";
+	import ImageToText from "./ImageToText.svelte";
+	import ObjectDetection from "./ObjectDetection.svelte";
+	import QuestionAnswering from "./QuestionAnswering.svelte";
+	import Summarization from "./Summarization.svelte";
+	import TextClassification from "./TextClassification.svelte";
+	import TextGeneration from "./TextGeneration.svelte";
+	import TextToImage from "./TextToImage.svelte";
+	import TextToSpeech from "./TextToSpeech.svelte";
+	import Translation from "./Translation.svelte";
+	import ZeroShotClassification from "./ZeroShotClassification.svelte";
+
+	interface Props {
+		pipeline: string;
+		classNames?: string;
+	}
+
+	let { pipeline, classNames = "" }: Props = $props();
+
+	const ICONS: Record<string, any> = {
+		all: AllTasks,
+		"text-to-image": TextToImage,
+		"image-to-image": ImageToImage,
+		"image-to-text": ImageToText,
+		"object-detection": ObjectDetection,
+		"image-segmentation": ImageSegmentation,
+		"image-classification": ImageClassification,
+		"depth-estimation": ImageSegmentation,
+		"text-to-speech": TextToSpeech,
+		"automatic-speech-recognition": AutomaticSpeechRecognition,
+		"audio-to-audio": AudioToAudio,
+		"text-to-audio": TextToSpeech,
+		"audio-classification": AudioClassification,
+		"text-to-video": TextToImage,
+		"image-to-video": ImageToImage,
+		"video-classification": ImageClassification,
+		"text-generation": TextGeneration,
+		summarization: Summarization,
+		translation: Translation,
+		"text-classification": TextClassification,
+		"question-answering": QuestionAnswering,
+		"text-to-3d": TextToImage,
+		"image-to-3d": ImageToImage,
+		"zero-shot-classification": ZeroShotClassification,
+		"zero-shot-image-classification": ZeroShotClassification,
+		"zero-shot-object-detection": ObjectDetection,
+		"mask-generation": ImageSegmentation,
+		"keypoint-detection": ObjectDetection,
+		"visual-question-answering": QuestionAnswering,
+		"document-question-answering": DocumentQuestionAnswering
+	};
+
+	const Component = $derived(ICONS[pipeline]);
+</script>
+
+{#if Component}
+	<Component {classNames} />
+{/if}
diff --git a/js/workflowcanvas/workflow/icons/tasks/TextClassification.svelte b/js/workflowcanvas/workflow/icons/tasks/TextClassification.svelte
new file mode 100644
index 0000000..89ea9d0
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/TextClassification.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+	style="transform: rotate(360deg);"
+>
+	<circle cx="10" cy="20" r="2" fill="currentColor" />
+	<circle cx="10" cy="28" r="2" fill="currentColor" />
+	<circle cx="10" cy="14" r="2" fill="currentColor" />
+	<circle cx="28" cy="4" r="2" fill="currentColor" />
+	<circle cx="22" cy="6" r="2" fill="currentColor" />
+	<circle cx="28" cy="10" r="2" fill="currentColor" />
+	<circle cx="20" cy="12" r="2" fill="currentColor" />
+	<circle cx="28" cy="22" r="2" fill="currentColor" />
+	<circle cx="26" cy="28" r="2" fill="currentColor" />
+	<circle cx="20" cy="26" r="2" fill="currentColor" />
+	<circle cx="22" cy="20" r="2" fill="currentColor" />
+	<circle cx="16" cy="4" r="2" fill="currentColor" />
+	<circle cx="4" cy="24" r="2" fill="currentColor" />
+	<circle cx="4" cy="16" r="2" fill="currentColor" />
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/TextGeneration.svelte b/js/workflowcanvas/workflow/icons/tasks/TextGeneration.svelte
new file mode 100644
index 0000000..7c8e4c5
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/TextGeneration.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 18 18"
+>
+	<path
+		d="M16.2607 8.08202L14.468 6.28928C14.3063 6.12804 14.0873 6.03749 13.859 6.03749C13.6307 6.03749 13.4117 6.12804 13.25 6.28928L5.6375 13.904V16.9125H8.64607L16.2607 9.30002C16.422 9.13836 16.5125 8.91935 16.5125 8.69102C16.5125 8.4627 16.422 8.24369 16.2607 8.08202V8.08202ZM8.1953 15.825H6.725V14.3547L11.858 9.22118L13.3288 10.6915L8.1953 15.825ZM14.0982 9.92262L12.6279 8.45232L13.8606 7.21964L15.3309 8.68994L14.0982 9.92262Z"
+	/>
+	<path
+		d="M6.18125 9.84373H7.26875V6.03748H8.9V4.94998H4.55V6.03748H6.18125V9.84373Z"
+	/>
+	<path
+		d="M4.55 11.475H2.375V2.775H11.075V4.95H12.1625V2.775C12.1625 2.48658 12.0479 2.20997 11.844 2.00602C11.64 1.80208 11.3634 1.6875 11.075 1.6875H2.375C2.08658 1.6875 1.80997 1.80208 1.60602 2.00602C1.40207 2.20997 1.2875 2.48658 1.2875 2.775V11.475C1.2875 11.7634 1.40207 12.04 1.60602 12.244C1.80997 12.4479 2.08658 12.5625 2.375 12.5625H4.55V11.475Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/TextToImage.svelte b/js/workflowcanvas/workflow/icons/tasks/TextToImage.svelte
new file mode 100644
index 0000000..86f70f1
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/TextToImage.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 32 32"
+>
+	<path
+		d="M29.537 13.76l-3.297-3.297a1.586 1.586 0 0 0-2.24 0L10 24.467V30h5.533l14.004-14a1.586 1.586 0 0 0 0-2.24zM14.704 28H12v-2.704l9.44-9.441l2.705 2.704zM25.56 17.145l-2.704-2.704l2.267-2.267l2.704 2.704z"
+		fill="currentColor"
+	/><path d="M11 17h2v-7h3V8H8v2h3v7z" fill="currentColor" /><path
+		d="M8 20H4V4h16v4h2V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h4z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/TextToSpeech.svelte b/js/workflowcanvas/workflow/icons/tasks/TextToSpeech.svelte
new file mode 100644
index 0000000..e5e71fd
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/TextToSpeech.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 18 18"
+>
+	<path
+		fill-rule="evenodd"
+		clip-rule="evenodd"
+		d="M3.0625 3.0625L10 3.0625V2H3.0625C2.78071 2 2.51045 2.11194 2.3112 2.3112C2.11194 2.51046 2 2.78071 2 3.0625V11.5625C2 11.8443 2.11194 12.1145 2.3112 12.3138C2.51045 12.5131 2.78071 12.625 3.0625 12.625H7V11.5625H3.0625L3.0625 3.0625ZM5.78125 9.96875H6.84375V6.25H8.4375V5.1875H4.1875V6.25H5.78125V9.96875ZM12.5 13C13.163 13 13.7989 12.7366 14.2678 12.2678C14.7366 11.7989 15 11.163 15 10.5V5.5C15 4.83696 14.7366 4.20107 14.2678 3.73223C13.7989 3.26339 13.163 3 12.5 3C11.837 3 11.2011 3.26339 10.7322 3.73223C10.2634 4.20107 10 4.83696 10 5.5V10.5C10 11.163 10.2634 11.7989 10.7322 12.2678C11.2011 12.7366 11.837 13 12.5 13ZM11 5.5C11 5.10218 11.158 4.72064 11.4393 4.43934C11.7206 4.15804 12.1022 4 12.5 4C12.8978 4 13.2794 4.15804 13.5607 4.43934C13.842 4.72064 14 5.10218 14 5.5V10.5C14 10.8978 13.842 11.2794 13.5607 11.5607C13.2794 11.842 12.8978 12 12.5 12C12.1022 12 11.7206 11.842 11.4393 11.5607C11.158 11.2794 11 10.8978 11 10.5V5.5ZM16 9V10.5C16 11.4283 15.6313 12.3185 14.9749 12.9749C14.3185 13.6313 13.4283 14 12.5 14C11.5717 14 10.6815 13.6313 10.0251 12.9749C9.36875 12.3185 9 11.4283 9 10.5V9H8V10.5C8.00053 11.6065 8.40873 12.6741 9.14661 13.4987C9.88449 14.3232 10.9003 14.8471 12 14.97V16H10V17H15V16H13V14.97C14.0997 14.8471 15.1155 14.3232 15.8534 13.4987C16.5913 12.6741 16.9995 11.6065 17 10.5V9H16Z"
+		fill="currentColor"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/Translation.svelte b/js/workflowcanvas/workflow/icons/tasks/Translation.svelte
new file mode 100644
index 0000000..b15a1d9
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/Translation.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 18 18"
+>
+	<path
+		d="M15.7435 16.3688H16.9125L13.65 8.21251H12.3722L9.1097 16.3688H10.2788L11.1488 14.1938H14.8735L15.7435 16.3688ZM11.5838 13.1063L13.0084 9.53926L14.4385 13.1063H11.5838Z"
+	/>
+	<path
+		d="M10.3875 4.40625V3.31875H6.58125V1.6875H5.49375V3.31875H1.6875V4.40625H7.52737C7.2261 5.64892 6.63129 6.80125 5.79281 7.76663C5.24624 7.08884 4.8246 6.31923 4.54763 5.49375H3.40575C3.74803 6.60116 4.30202 7.63159 5.037 8.52787C4.2247 9.3158 3.27338 9.94633 2.23125 10.3875L2.63906 11.3989C3.81007 10.9044 4.87658 10.1922 5.78194 9.3C6.67088 10.2044 7.73719 10.9153 8.91394 11.388L9.3 10.3875C8.25187 9.98235 7.3026 9.35754 6.516 8.55506C7.55705 7.36858 8.2892 5.94351 8.6475 4.40625H10.3875Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/icons/tasks/ZeroShotClassification.svelte b/js/workflowcanvas/workflow/icons/tasks/ZeroShotClassification.svelte
new file mode 100644
index 0000000..81d7a7e
--- /dev/null
+++ b/js/workflowcanvas/workflow/icons/tasks/ZeroShotClassification.svelte
@@ -0,0 +1,54 @@
+<script lang="ts">
+	interface Props {
+		classNames?: string;
+	}
+	let { classNames = "" }: Props = $props();
+</script>
+
+<svg
+	class={classNames}
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink"
+	aria-hidden="true"
+	fill="currentColor"
+	focusable="false"
+	role="img"
+	width="1em"
+	height="1em"
+	preserveAspectRatio="xMidYMid meet"
+	viewBox="0 0 18 18"
+>
+	<path
+		d="M16.7125 8.75625H9.64375V1.6875H8.55625V8.75625H1.4875V9.84375H8.55625V16.9125H9.64375V9.84375H16.7125V8.75625Z"
+	/>
+	<path
+		d="M3.11875 16.9125C2.79612 16.9125 2.48073 16.8168 2.21247 16.6376C1.94421 16.4584 1.73513 16.2036 1.61167 15.9055C1.4882 15.6074 1.4559 15.2794 1.51884 14.963C1.58178 14.6466 1.73714 14.3559 1.96528 14.1278C2.19341 13.8997 2.48407 13.7443 2.8005 13.6814C3.11694 13.6184 3.44493 13.6507 3.743 13.7742C4.04107 13.8976 4.29584 14.1067 4.47508 14.375C4.65432 14.6432 4.75 14.9586 4.75 15.2813C4.74956 15.7138 4.57756 16.1284 4.27174 16.4343C3.96591 16.7401 3.55125 16.9121 3.11875 16.9125V16.9125ZM3.11875 14.7375C3.0112 14.7375 2.90607 14.7694 2.81665 14.8291C2.72724 14.8889 2.65754 14.9738 2.61639 15.0732C2.57523 15.1725 2.56446 15.2819 2.58544 15.3873C2.60642 15.4928 2.65821 15.5897 2.73426 15.6657C2.8103 15.7418 2.90719 15.7936 3.01267 15.8146C3.11814 15.8355 3.22747 15.8248 3.32683 15.7836C3.42619 15.7425 3.51111 15.6728 3.57086 15.5834C3.63061 15.4939 3.6625 15.3888 3.6625 15.2813C3.66235 15.1371 3.60502 14.9989 3.50308 14.8969C3.40113 14.795 3.26291 14.7377 3.11875 14.7375Z"
+	/>
+	<path
+		d="M4.75 4.95C4.42737 4.95 4.11198 4.85433 3.84372 4.67509C3.57547 4.49584 3.36639 4.24107 3.24292 3.943C3.11945 3.64493 3.08715 3.31694 3.15009 3.00051C3.21303 2.68408 3.3684 2.39342 3.59653 2.16528C3.82466 1.93715 4.11533 1.78179 4.43176 1.71884C4.74819 1.6559 5.07618 1.68821 5.37425 1.81167C5.67232 1.93514 5.92709 2.14422 6.10633 2.41248C6.28558 2.68073 6.38125 2.99612 6.38125 3.31875C6.38082 3.75125 6.20881 4.16592 5.90299 4.47174C5.59716 4.77757 5.1825 4.94957 4.75 4.95ZM4.75 2.775C4.64245 2.775 4.53733 2.80689 4.44791 2.86664C4.35849 2.92639 4.28879 3.01131 4.24764 3.11067C4.20648 3.21002 4.19572 3.31935 4.2167 3.42483C4.23768 3.53031 4.28946 3.62719 4.36551 3.70324C4.44155 3.77928 4.53844 3.83107 4.64392 3.85205C4.7494 3.87303 4.85873 3.86227 4.95808 3.82111C5.05744 3.77995 5.14236 3.71026 5.20211 3.62084C5.26186 3.53142 5.29375 3.42629 5.29375 3.31875C5.2936 3.17458 5.23627 3.03636 5.13433 2.93442C5.03239 2.83248 4.89417 2.77514 4.75 2.775Z"
+	/>
+	<path
+		d="M12.3625 7.66875C12.0399 7.66875 11.7245 7.57308 11.4562 7.39384C11.188 7.21459 10.9789 6.95982 10.8554 6.66175C10.732 6.36368 10.6996 6.03569 10.7626 5.71926C10.8255 5.40283 10.9809 5.11217 11.209 4.88403C11.4372 4.6559 11.7278 4.50054 12.0443 4.43759C12.3607 4.37465 12.6887 4.40696 12.9867 4.53042C13.2848 4.65389 13.5396 4.86297 13.7188 5.13123C13.8981 5.39948 13.9937 5.71487 13.9937 6.0375C13.9933 6.47 13.8213 6.88467 13.5155 7.19049C13.2097 7.49632 12.795 7.66832 12.3625 7.66875ZM12.3625 5.49375C12.255 5.49375 12.1498 5.52564 12.0604 5.58539C11.971 5.64514 11.9013 5.73006 11.8601 5.82942C11.819 5.92877 11.8082 6.0381 11.8292 6.14358C11.8502 6.24906 11.902 6.34595 11.978 6.42199C12.0541 6.49803 12.1509 6.54982 12.2564 6.5708C12.3619 6.59178 12.4712 6.58102 12.5706 6.53986C12.6699 6.4987 12.7549 6.42901 12.8146 6.33959C12.8744 6.25017 12.9062 6.14504 12.9062 6.0375C12.9061 5.89333 12.8488 5.75511 12.7468 5.65317C12.6449 5.55123 12.5067 5.49389 12.3625 5.49375Z"
+	/>
+	<path
+		d="M6.38125 7.66876C6.98186 7.66876 7.46875 7.18187 7.46875 6.58126C7.46875 5.98065 6.98186 5.49376 6.38125 5.49376C5.78064 5.49376 5.29375 5.98065 5.29375 6.58126C5.29375 7.18187 5.78064 7.66876 6.38125 7.66876Z"
+	/>
+	<path
+		d="M6.38125 13.1063C6.98186 13.1063 7.46875 12.6194 7.46875 12.0188C7.46875 11.4181 6.98186 10.9313 6.38125 10.9313C5.78064 10.9313 5.29375 11.4181 5.29375 12.0188C5.29375 12.6194 5.78064 13.1063 6.38125 13.1063Z"
+	/>
+	<path
+		d="M11.8187 13.1063C12.4194 13.1063 12.9062 12.6194 12.9062 12.0188C12.9062 11.4181 12.4194 10.9313 11.8187 10.9313C11.2181 10.9313 10.7312 11.4181 10.7312 12.0188C10.7312 12.6194 11.2181 13.1063 11.8187 13.1063Z"
+	/>
+	<path
+		d="M12.3625 16.9125C12.9631 16.9125 13.45 16.4256 13.45 15.825C13.45 15.2244 12.9631 14.7375 12.3625 14.7375C11.7619 14.7375 11.275 15.2244 11.275 15.825C11.275 16.4256 11.7619 16.9125 12.3625 16.9125Z"
+	/>
+	<path
+		d="M15.625 14.7375C16.2256 14.7375 16.7125 14.2506 16.7125 13.65C16.7125 13.0494 16.2256 12.5625 15.625 12.5625C15.0244 12.5625 14.5375 13.0494 14.5375 13.65C14.5375 14.2506 15.0244 14.7375 15.625 14.7375Z"
+	/>
+	<path
+		d="M2.575 7.66876C3.17561 7.66876 3.6625 7.18187 3.6625 6.58126C3.6625 5.98065 3.17561 5.49376 2.575 5.49376C1.97439 5.49376 1.4875 5.98065 1.4875 6.58126C1.4875 7.18187 1.97439 7.66876 2.575 7.66876Z"
+	/>
+	<path
+		d="M15.625 3.8625C16.2256 3.8625 16.7125 3.37561 16.7125 2.775C16.7125 2.17439 16.2256 1.6875 15.625 1.6875C15.0244 1.6875 14.5375 2.17439 14.5375 2.775C14.5375 3.37561 15.0244 3.8625 15.625 3.8625Z"
+	/>
+</svg>
diff --git a/js/workflowcanvas/workflow/inference-stream.test.ts b/js/workflowcanvas/workflow/inference-stream.test.ts
new file mode 100644
index 0000000..10f120d
--- /dev/null
+++ b/js/workflowcanvas/workflow/inference-stream.test.ts
@@ -0,0 +1,282 @@
+import { describe, test, expect, vi, beforeEach, afterEach } from "vitest";
+import {
+	is_streamable_text_task,
+	stream_text_generation
+} from "./inference-stream";
+
+/**
+ * Build a mock `Response` whose `body.getReader()` yields the given UTF-8
+ * chunks in order. The router endpoint streams SSE frames, so test inputs
+ * are formatted like `data: {...}\n\n`.
+ */
+function sseResponse(chunks: string[]): Response {
+	const encoder = new TextEncoder();
+	let i = 0;
+	const reader = {
+		async read() {
+			if (i >= chunks.length) return { value: undefined, done: true };
+			const value = encoder.encode(chunks[i++]);
+			return { value, done: false };
+		},
+		releaseLock() {
+			// noop
+		}
+	};
+	return {
+		ok: true,
+		status: 200,
+		body: { getReader: () => reader } as unknown as ReadableStream,
+		text: async () => ""
+	} as unknown as Response;
+}
+
+const origFetch = globalThis.fetch;
+
+afterEach(() => {
+	globalThis.fetch = origFetch;
+});
+
+describe("is_streamable_text_task", () => {
+	test("accepts known text-generation tags", () => {
+		expect(is_streamable_text_task("text-generation")).toBe(true);
+		expect(is_streamable_text_task("text2text-generation")).toBe(true);
+		expect(is_streamable_text_task("conversational")).toBe(true);
+	});
+
+	test("rejects other modalities", () => {
+		expect(is_streamable_text_task("text-to-image")).toBe(false);
+		expect(is_streamable_text_task("automatic-speech-recognition")).toBe(false);
+		expect(is_streamable_text_task("summarization")).toBe(false);
+	});
+
+	test("rejects empty / undefined", () => {
+		expect(is_streamable_text_task(undefined)).toBe(false);
+		expect(is_streamable_text_task("")).toBe(false);
+	});
+});
+
+describe("stream_text_generation — request", () => {
+	beforeEach(() => {
+		globalThis.fetch = vi
+			.fn()
+			.mockResolvedValue(sseResponse(["data: [DONE]\n"]));
+	});
+
+	test("hits the HF unified router endpoint", async () => {
+		await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk: () => {}
+		});
+		const call = (globalThis.fetch as ReturnType<typeof vi.fn>).mock.calls[0];
+		expect(call[0]).toBe("https://router.huggingface.co/v1/chat/completions");
+		expect(call[1].method).toBe("POST");
+	});
+
+	test("sends the Authorization header when hfToken is provided", async () => {
+		await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			hfToken: "hf_secret",
+			onChunk: () => {}
+		});
+		const call = (globalThis.fetch as ReturnType<typeof vi.fn>).mock.calls[0];
+		expect(call[1].headers.Authorization).toBe("Bearer hf_secret");
+	});
+
+	test("omits Authorization header when no token", async () => {
+		await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk: () => {}
+		});
+		const call = (globalThis.fetch as ReturnType<typeof vi.fn>).mock.calls[0];
+		expect(call[1].headers.Authorization).toBeUndefined();
+	});
+
+	test("sends model unqualified when provider is undefined or 'auto'", async () => {
+		await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			provider: "auto",
+			onChunk: () => {}
+		});
+		const call = (globalThis.fetch as ReturnType<typeof vi.fn>).mock.calls[0];
+		expect(JSON.parse(call[1].body).model).toBe("user/m");
+	});
+
+	test("appends provider suffix when set to a specific provider", async () => {
+		await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			provider: "together",
+			onChunk: () => {}
+		});
+		const call = (globalThis.fetch as ReturnType<typeof vi.fn>).mock.calls[0];
+		expect(JSON.parse(call[1].body).model).toBe("user/m:together");
+	});
+
+	test("requests streaming with max_tokens", async () => {
+		await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			maxTokens: 100,
+			onChunk: () => {}
+		});
+		const body = JSON.parse(
+			(globalThis.fetch as ReturnType<typeof vi.fn>).mock.calls[0][1].body
+		);
+		expect(body.stream).toBe(true);
+		expect(body.max_tokens).toBe(100);
+		expect(body.messages).toEqual([{ role: "user", content: "hi" }]);
+	});
+});
+
+describe("stream_text_generation — SSE parsing", () => {
+	test("accumulates content deltas across frames", async () => {
+		globalThis.fetch = vi
+			.fn()
+			.mockResolvedValue(
+				sseResponse([
+					'data: {"choices":[{"delta":{"content":"Hel"}}]}\n',
+					'data: {"choices":[{"delta":{"content":"lo "}}]}\n',
+					'data: {"choices":[{"delta":{"content":"world"}}]}\n',
+					"data: [DONE]\n"
+				])
+			);
+		const seen: string[] = [];
+		const final = await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk: (_delta, accumulated) => seen.push(accumulated)
+		});
+		expect(seen).toEqual(["Hel", "Hello ", "Hello world"]);
+		expect(final).toBe("Hello world");
+	});
+
+	test("each onChunk call also receives the new delta", async () => {
+		globalThis.fetch = vi
+			.fn()
+			.mockResolvedValue(
+				sseResponse([
+					'data: {"choices":[{"delta":{"content":"A"}}]}\n',
+					'data: {"choices":[{"delta":{"content":"B"}}]}\n',
+					"data: [DONE]\n"
+				])
+			);
+		const deltas: string[] = [];
+		await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk: (delta) => deltas.push(delta)
+		});
+		expect(deltas).toEqual(["A", "B"]);
+	});
+
+	test("ignores frames with no content delta", async () => {
+		globalThis.fetch = vi
+			.fn()
+			.mockResolvedValue(
+				sseResponse([
+					'data: {"choices":[{"delta":{}}]}\n',
+					'data: {"choices":[{"delta":{"content":"only this"}}]}\n',
+					"data: [DONE]\n"
+				])
+			);
+		const onChunk = vi.fn();
+		const final = await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk
+		});
+		expect(onChunk).toHaveBeenCalledTimes(1);
+		expect(final).toBe("only this");
+	});
+
+	test("skips malformed JSON frames without aborting", async () => {
+		globalThis.fetch = vi
+			.fn()
+			.mockResolvedValue(
+				sseResponse([
+					'data: {"choices":[{"delta":{"content":"good"}}]}\n',
+					"data: {not json\n",
+					'data: {"choices":[{"delta":{"content":"!"}}]}\n',
+					"data: [DONE]\n"
+				])
+			);
+		const final = await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk: () => {}
+		});
+		expect(final).toBe("good!");
+	});
+
+	test("handles content split across reader chunks (partial line buffer)", async () => {
+		// Single SSE frame arrives as two TCP chunks — the parser must
+		// hold the partial line until the newline arrives.
+		globalThis.fetch = vi
+			.fn()
+			.mockResolvedValue(
+				sseResponse([
+					'data: {"choices":[{"delta":{"con',
+					'tent":"split"}}]}\n',
+					"data: [DONE]\n"
+				])
+			);
+		const final = await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk: () => {}
+		});
+		expect(final).toBe("split");
+	});
+
+	test("returns immediately on [DONE] without emitting", async () => {
+		globalThis.fetch = vi
+			.fn()
+			.mockResolvedValue(sseResponse(["data: [DONE]\n"]));
+		const onChunk = vi.fn();
+		const final = await stream_text_generation({
+			modelId: "user/m",
+			prompt: "hi",
+			onChunk
+		});
+		expect(onChunk).not.toHaveBeenCalled();
+		expect(final).toBe("");
+	});
+});
+
+describe("stream_text_generation — errors", () => {
+	test("throws when the router returns a non-OK status", async () => {
+		globalThis.fetch = vi.fn().mockResolvedValue({
+			ok: false,
+			status: 404,
+			body: null,
+			text: async () => "Not Found"
+		} as unknown as Response);
+		await expect(
+			stream_text_generation({
+				modelId: "user/m",
+				prompt: "hi",
+				onChunk: () => {}
+			})
+		).rejects.toThrow(/404/);
+	});
+
+	test("throws when the response has no body", async () => {
+		globalThis.fetch = vi.fn().mockResolvedValue({
+			ok: true,
+			status: 200,
+			body: null,
+			text: async () => ""
+		} as unknown as Response);
+		await expect(
+			stream_text_generation({
+				modelId: "user/m",
+				prompt: "hi",
+				onChunk: () => {}
+			})
+		).rejects.toThrow();
+	});
+});
diff --git a/js/workflowcanvas/workflow/inference-stream.ts b/js/workflowcanvas/workflow/inference-stream.ts
new file mode 100644
index 0000000..70304e2
--- /dev/null
+++ b/js/workflowcanvas/workflow/inference-stream.ts
@@ -0,0 +1,126 @@
+/**
+ * Browser-side streaming client for HF Inference text generation.
+ *
+ * Routes through `https://router.huggingface.co/v1/chat/completions`, HF's
+ * OpenAI-compatible unified endpoint. This bypasses our Python `call_model`
+ * server function for text-generation specifically so tokens stream into
+ * the canvas as they arrive instead of waiting for the full response.
+ *
+ * Other tasks (image, audio, classification, etc.) still go through the
+ * Python path — only text-generation gets the streaming treatment because
+ * it's the one task where partial output is meaningful.
+ */
+
+const ROUTER_URL = "https://router.huggingface.co/v1/chat/completions";
+
+export interface StreamTextOptions {
+	modelId: string;
+	prompt: string;
+	hfToken?: string;
+	provider?: string;
+	maxTokens?: number;
+	signal?: AbortSignal;
+	onChunk: (delta: string, accumulated: string) => void;
+}
+
+/**
+ * Stream a text-generation response token-by-token. Returns the final
+ * accumulated string when the stream ends. `onChunk` fires for each
+ * incremental delta with both the new delta and the running accumulator.
+ *
+ * Throws if the request fails or the stream cannot be opened — the caller
+ * is expected to surface the error (toast / node status).
+ */
+export async function stream_text_generation(
+	opts: StreamTextOptions
+): Promise<string> {
+	const headers: Record<string, string> = {
+		"Content-Type": "application/json"
+	};
+	if (opts.hfToken) headers["Authorization"] = `Bearer ${opts.hfToken}`;
+
+	const model =
+		opts.provider && opts.provider !== "auto"
+			? `${opts.modelId}:${opts.provider}`
+			: opts.modelId;
+
+	const body = JSON.stringify({
+		model,
+		messages: [{ role: "user", content: opts.prompt }],
+		max_tokens: opts.maxTokens ?? 512,
+		stream: true
+	});
+
+	const res = await fetch(ROUTER_URL, {
+		method: "POST",
+		headers,
+		body,
+		signal: opts.signal
+	});
+
+	if (!res.ok || !res.body) {
+		const detail = await res.text().catch(() => "");
+		throw new Error(
+			`HF router ${res.status}${detail ? `: ${detail.slice(0, 200)}` : ""}`
+		);
+	}
+
+	const reader = res.body.getReader();
+	const decoder = new TextDecoder("utf-8");
+	let buffer = "";
+	let accumulated = "";
+
+	try {
+		while (true) {
+			const { value, done } = await reader.read();
+			if (done) break;
+			buffer += decoder.decode(value, { stream: true });
+
+			// SSE frames are separated by blank lines; each `data:` line is a JSON
+			// chunk or the literal `[DONE]` sentinel.
+			let nl: number;
+			while ((nl = buffer.indexOf("\n")) !== -1) {
+				const line = buffer.slice(0, nl).trim();
+				buffer = buffer.slice(nl + 1);
+				if (!line.startsWith("data:")) continue;
+				const payload = line.slice(5).trim();
+				if (payload === "[DONE]") return accumulated;
+				try {
+					const chunk = JSON.parse(payload);
+					const delta = chunk?.choices?.[0]?.delta?.content ?? "";
+					if (delta) {
+						accumulated += delta;
+						opts.onChunk(delta, accumulated);
+					}
+				} catch {
+					// Malformed frame — skip; the next one usually recovers.
+				}
+			}
+		}
+	} finally {
+		try {
+			reader.releaseLock();
+		} catch {
+			/* noop */
+		}
+	}
+
+	return accumulated;
+}
+
+/**
+ * Pipeline tags eligible for browser-side streaming. Only text-generation
+ * variants benefit — image / audio / classification tasks are
+ * single-shot in nature, so the streaming router endpoint adds no value
+ * and would in fact be incorrect (it's a chat-completions API).
+ */
+export function is_streamable_text_task(
+	pipelineTag: string | undefined
+): boolean {
+	if (!pipelineTag) return false;
+	return (
+		pipelineTag === "text-generation" ||
+		pipelineTag === "text2text-generation" ||
+		pipelineTag === "conversational"
+	);
+}
diff --git a/js/workflowcanvas/workflow/node-library.test.ts b/js/workflowcanvas/workflow/node-library.test.ts
new file mode 100644
index 0000000..68f5dce
--- /dev/null
+++ b/js/workflowcanvas/workflow/node-library.test.ts
@@ -0,0 +1,110 @@
+import { describe, test, expect } from "vitest";
+import { LIBRARY, getComponentForPortType, TASK_SCHEMAS } from "./node-library";
+import { PORT_REGISTRY } from "./workflow-modalities";
+
+describe("LIBRARY.components", () => {
+	test("has one template per PORT_REGISTRY entry", () => {
+		expect(LIBRARY.components.length).toBe(PORT_REGISTRY.length);
+	});
+
+	test("each template's port type matches its registry entry", () => {
+		for (const meta of PORT_REGISTRY) {
+			const tmpl = LIBRARY.components.find((c) => c.label === meta.label);
+			expect(tmpl, `no template for ${meta.label}`).toBeTruthy();
+			expect(tmpl!.outputs[0]?.type).toBe(meta.port_type);
+			expect(tmpl!.inputs[0]?.type).toBe(meta.port_type);
+		}
+	});
+
+	test("every template has exactly one in and one out port", () => {
+		for (const tmpl of LIBRARY.components) {
+			expect(tmpl.inputs).toHaveLength(1);
+			expect(tmpl.outputs).toHaveLength(1);
+		}
+	});
+
+	test("number template has compact height, others use standard", () => {
+		const number = LIBRARY.components.find((c) => c.label === "Number");
+		const image = LIBRARY.components.find((c) => c.label === "Image");
+		expect(number?.height).toBe(130);
+		expect(image?.height).toBe(160);
+	});
+
+	test("all templates are kind=component, source=local", () => {
+		for (const tmpl of LIBRARY.components) {
+			expect(tmpl.kind).toBe("component");
+			expect(tmpl.source).toBe("local");
+		}
+	});
+
+	test("does not include File or any port templates", () => {
+		const types = LIBRARY.components.map((c) => c.outputs[0]?.type);
+		expect(types).not.toContain("file");
+		expect(types).not.toContain("any");
+	});
+});
+
+describe("getComponentForPortType", () => {
+	test("returns the matching template for a known port type", () => {
+		expect(getComponentForPortType("image")?.label).toBe("Image");
+		expect(getComponentForPortType("audio")?.label).toBe("Audio");
+		expect(getComponentForPortType("text")?.label).toBe("Text");
+		expect(getComponentForPortType("number")?.label).toBe("Number");
+		expect(getComponentForPortType("model3d")?.label).toBe("3D");
+		expect(getComponentForPortType("gallery")?.label).toBe("Gallery");
+	});
+
+	test("falls back to Image for inference-only types", () => {
+		expect(getComponentForPortType("any")?.label).toBe("Image");
+		expect(getComponentForPortType("file")?.label).toBe("Image");
+	});
+
+	test("returns null for unknown port types", () => {
+		expect(getComponentForPortType("nonsense")).toBeNull();
+	});
+});
+
+describe("TASK_SCHEMAS", () => {
+	test("every entry declares at least one input and one output", () => {
+		for (const [tag, schema] of Object.entries(TASK_SCHEMAS)) {
+			expect(schema.inputs.length, `${tag} has no inputs`).toBeGreaterThan(0);
+			expect(schema.outputs.length, `${tag} has no outputs`).toBeGreaterThan(0);
+		}
+	});
+
+	test("no schema port uses inference-only fallback types", () => {
+		for (const [tag, schema] of Object.entries(TASK_SCHEMAS)) {
+			for (const p of [...schema.inputs, ...schema.outputs]) {
+				expect(p.type, `${tag}:${p.id} uses fallback type ${p.type}`).not.toBe(
+					"any"
+				);
+				expect(p.type, `${tag}:${p.id} uses fallback type ${p.type}`).not.toBe(
+					"file"
+				);
+			}
+		}
+	});
+
+	test("port ids and labels are non-empty", () => {
+		for (const [tag, schema] of Object.entries(TASK_SCHEMAS)) {
+			for (const p of [...schema.inputs, ...schema.outputs]) {
+				expect(p.id.length, `${tag} port missing id`).toBeGreaterThan(0);
+				expect(p.label.length, `${tag} port missing label`).toBeGreaterThan(0);
+			}
+		}
+	});
+
+	test("known modality alignment: text-to-image outputs image", () => {
+		expect(TASK_SCHEMAS["text-to-image"].outputs[0]?.type).toBe("image");
+	});
+
+	test("known modality alignment: automatic-speech-recognition outputs text", () => {
+		expect(TASK_SCHEMAS["automatic-speech-recognition"].outputs[0]?.type).toBe(
+			"text"
+		);
+	});
+
+	test("known modality alignment: text-to-speech outputs audio", () => {
+		expect(TASK_SCHEMAS["text-to-speech"].outputs[0]?.type).toBe("audio");
+	});
+});
diff --git a/js/workflowcanvas/workflow/node-library.ts b/js/workflowcanvas/workflow/node-library.ts
new file mode 100644
index 0000000..5cd4b3b
--- /dev/null
+++ b/js/workflowcanvas/workflow/node-library.ts
@@ -0,0 +1,336 @@
+import type { PortType } from "./workflow-types";
+import { PORT_REGISTRY } from "./workflow-modalities";
+import type { PortMeta } from "./workflow-modalities";
+
+export interface NodeTemplate {
+	label: string;
+	kind: "input" | "transform" | "output" | "component";
+	source: "local" | "space" | "model" | "dataset";
+	space_id?: string;
+	model_id?: string;
+	dataset_id?: string;
+	dataset_config?: string;
+	dataset_split?: string;
+	pipeline_tag?: string;
+	endpoint?: string;
+	category?: string;
+	inputs: { id: string; label: string; type: PortType }[];
+	outputs: { id: string; label: string; type: PortType }[];
+	width: number;
+	height: number;
+}
+
+/* ── HF Inference API task → port schemas ── */
+
+export interface TaskSchema {
+	inputs: { id: string; label: string; type: PortType }[];
+	outputs: { id: string; label: string; type: PortType }[];
+}
+
+export const TASK_SCHEMAS: Record<string, TaskSchema> = {
+	// Text → Text
+	"text-generation": {
+		inputs: [{ id: "in_0", label: "Prompt", type: "text" }],
+		outputs: [{ id: "out_0", label: "Text", type: "text" }]
+	},
+	"text2text-generation": {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Text", type: "text" }]
+	},
+	summarization: {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Summary", type: "text" }]
+	},
+	translation: {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Translation", type: "text" }]
+	},
+	"fill-mask": {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Result", type: "json" }]
+	},
+	conversational: {
+		inputs: [{ id: "in_0", label: "Message", type: "text" }],
+		outputs: [{ id: "out_0", label: "Reply", type: "text" }]
+	},
+	// Text → Classification
+	"text-classification": {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Labels", type: "json" }]
+	},
+	"token-classification": {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Entities", type: "json" }]
+	},
+	"zero-shot-classification": {
+		inputs: [
+			{ id: "in_0", label: "Text", type: "text" },
+			{ id: "in_1", label: "Labels", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Scores", type: "json" }]
+	},
+	"sentence-similarity": {
+		inputs: [
+			{ id: "in_0", label: "Source", type: "text" },
+			{ id: "in_1", label: "Sentences", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Scores", type: "json" }]
+	},
+	"question-answering": {
+		inputs: [
+			{ id: "in_0", label: "Question", type: "text" },
+			{ id: "in_1", label: "Context", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Answer", type: "text" }]
+	},
+	"feature-extraction": {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Embeddings", type: "json" }]
+	},
+	// Text → Image
+	"text-to-image": {
+		inputs: [{ id: "in_0", label: "Prompt", type: "text" }],
+		outputs: [{ id: "out_0", label: "Image", type: "image" }]
+	},
+	// Text → Audio
+	"text-to-speech": {
+		inputs: [{ id: "in_0", label: "Text", type: "text" }],
+		outputs: [{ id: "out_0", label: "Audio", type: "audio" }]
+	},
+	"text-to-audio": {
+		inputs: [{ id: "in_0", label: "Prompt", type: "text" }],
+		outputs: [{ id: "out_0", label: "Audio", type: "audio" }]
+	},
+	// Text → Video
+	"text-to-video": {
+		inputs: [{ id: "in_0", label: "Prompt", type: "text" }],
+		outputs: [{ id: "out_0", label: "Video", type: "video" }]
+	},
+	// Image → *
+	"image-classification": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Labels", type: "json" }]
+	},
+	"object-detection": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Detections", type: "json" }]
+	},
+	"image-segmentation": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Segments", type: "json" }]
+	},
+	"image-to-text": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Text", type: "text" }]
+	},
+	"image-to-image": {
+		inputs: [
+			{ id: "in_0", label: "Image", type: "image" },
+			{ id: "in_1", label: "Prompt", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Image", type: "image" }]
+	},
+	"image-to-video": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Video", type: "video" }]
+	},
+	"depth-estimation": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Depth", type: "image" }]
+	},
+	"image-text-to-text": {
+		inputs: [
+			{ id: "in_0", label: "Image", type: "image" },
+			{ id: "in_1", label: "Prompt", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Text", type: "text" }]
+	},
+	// Audio → *
+	"automatic-speech-recognition": {
+		inputs: [{ id: "in_0", label: "Audio", type: "audio" }],
+		outputs: [{ id: "out_0", label: "Text", type: "text" }]
+	},
+	"audio-classification": {
+		inputs: [{ id: "in_0", label: "Audio", type: "audio" }],
+		outputs: [{ id: "out_0", label: "Labels", type: "json" }]
+	},
+	"audio-to-audio": {
+		inputs: [{ id: "in_0", label: "Audio", type: "audio" }],
+		outputs: [{ id: "out_0", label: "Audio", type: "audio" }]
+	},
+	// Multimodal
+	"visual-question-answering": {
+		inputs: [
+			{ id: "in_0", label: "Image", type: "image" },
+			{ id: "in_1", label: "Question", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Answer", type: "text" }]
+	},
+	"document-question-answering": {
+		inputs: [
+			{ id: "in_0", label: "Document", type: "image" },
+			{ id: "in_1", label: "Question", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Answer", type: "text" }]
+	},
+	"zero-shot-image-classification": {
+		inputs: [
+			{ id: "in_0", label: "Image", type: "image" },
+			{ id: "in_1", label: "Labels", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Scores", type: "json" }]
+	},
+	"zero-shot-object-detection": {
+		inputs: [
+			{ id: "in_0", label: "Image", type: "image" },
+			{ id: "in_1", label: "Labels", type: "text" }
+		],
+		outputs: [{ id: "out_0", label: "Detections", type: "json" }]
+	},
+	"mask-generation": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Mask", type: "image" }]
+	},
+	"keypoint-detection": {
+		inputs: [{ id: "in_0", label: "Image", type: "image" }],
+		outputs: [{ id: "out_0", label: "Keypoints", type: "json" }]
+	}
+};
+
+/**
+ * Build a reference/subject template for a port-registry entry. Reference
+ * and subject nodes share the same shape today (in/out of the same type) —
+ * the role tag in the workflow store disambiguates them at the data layer.
+ * Width/height stay constant; the runtime widget decides actual rendering.
+ */
+function componentTemplate(meta: PortMeta): NodeTemplate {
+	const height = meta.port_type === "number" ? 130 : 160;
+	return {
+		label: meta.label,
+		kind: "component",
+		source: "local",
+		inputs: [{ id: "in", label: meta.label, type: meta.port_type }],
+		outputs: [{ id: "out", label: meta.label, type: meta.port_type }],
+		width: 220,
+		height
+	};
+}
+
+export const LIBRARY: Record<string, NodeTemplate[]> = {
+	components: PORT_REGISTRY.map(componentTemplate),
+	spaces: [] as NodeTemplate[]
+};
+
+export function getComponentForPortType(type: string): NodeTemplate | null {
+	// `any`/`file` are inference-only fallbacks — default them to Image so
+	// the user gets a usable picker entry rather than nothing.
+	const lookup = (
+		type === "any" || type === "file" ? "image" : type
+	) as PortType;
+	return LIBRARY.components.find((c) => c.outputs[0]?.type === lookup) ?? null;
+}
+
+export const SPACE_CATEGORIES = [
+	{ key: "image", label: "Image" },
+	{ key: "audio", label: "Audio" },
+	{ key: "text", label: "Text" },
+	{ key: "video", label: "Video" },
+	{ key: "multimodal", label: "Multimodal" },
+	{ key: "3d", label: "3D" },
+	{ key: "chat", label: "Chat" },
+	{ key: "code", label: "Code" }
+];
+
+export const PIPELINE_TO_CATEGORY: Record<string, string> = {
+	// Image
+	"text-to-image": "image",
+	"image-to-image": "image",
+	"image-classification": "image",
+	"image-segmentation": "image",
+	"object-detection": "image",
+	"unconditional-image-generation": "image",
+	"image-feature-extraction": "image",
+	"depth-estimation": "image",
+	"image-to-text": "image",
+	// Audio
+	"text-to-speech": "audio",
+	"automatic-speech-recognition": "audio",
+	"audio-to-audio": "audio",
+	"audio-classification": "audio",
+	"voice-activity-detection": "audio",
+	// Text
+	"text-generation": "text",
+	"text2text-generation": "text",
+	translation: "text",
+	summarization: "text",
+	"text-classification": "text",
+	"question-answering": "text",
+	"fill-mask": "text",
+	"token-classification": "text",
+	"sentence-similarity": "text",
+	"feature-extraction": "text",
+	"zero-shot-classification": "text",
+	"table-question-answering": "text",
+	// Video
+	"text-to-video": "video",
+	"image-to-video": "video",
+	"video-classification": "video",
+	// 3D
+	"text-to-3d": "3d",
+	"image-to-3d": "3d",
+	// Multimodal
+	"visual-question-answering": "multimodal",
+	"image-text-to-text": "multimodal",
+	"document-question-answering": "multimodal",
+	"zero-shot-image-classification": "multimodal",
+	"video-text-to-text": "multimodal",
+	// Chat
+	conversational: "chat"
+};
+
+const KEYWORD_PATTERNS: [RegExp, string][] = [
+	// Video — check before image since "image to video" should be video
+	[/\b(video|animate|animation|motion|film|movie)\b/i, "video"],
+	// 3D
+	[/\b(3d|mesh|point.?cloud|nerf|gaussian.?splat|triposr)\b/i, "3d"],
+	// Audio
+	[/\b(audio|voice|speech|tts|whisper|music|sound|sing|talk)\b/i, "audio"],
+	// Chat
+	[
+		/\b(chat|conversation|assistant|llm|gpt|gemma|llama|mistral|qwen(?!.*(?:image|edit|video)))\b/i,
+		"chat"
+	],
+	// Multimodal
+	[/\b(multimodal|vision.?language|vqa|document.?q|ocr)\b/i, "multimodal"],
+	// Code
+	[/\b(code|program|compiler|debug|ide)\b/i, "code"],
+	// Image — broad, check last
+	[
+		/\b(image|photo|picture|paint|draw|sketch|pixel|diffus|flux|stable|edit.*image|image.*edit|face|swap|background|segm|detect|caption|upscal|super.?res|inpaint|outpaint|style.?transfer|lora|controlnet)\b/i,
+		"image"
+	]
+];
+
+export function categorizeSpace(
+	pipelineTag?: string | null,
+	tags?: string[] | null,
+	description?: string | null,
+	spaceId?: string | null
+): string | null {
+	if (pipelineTag && PIPELINE_TO_CATEGORY[pipelineTag]) {
+		return PIPELINE_TO_CATEGORY[pipelineTag];
+	}
+	if (tags) {
+		for (const tag of tags) {
+			if (PIPELINE_TO_CATEGORY[tag]) return PIPELINE_TO_CATEGORY[tag];
+		}
+	}
+	// Fall back to keyword matching on description + space ID
+	const text = [description ?? "", spaceId ?? ""].join(" ");
+	if (text.trim()) {
+		for (const [pattern, category] of KEYWORD_PATTERNS) {
+			if (pattern.test(text)) return category;
+		}
+	}
+	return null;
+}
diff --git a/js/workflowcanvas/workflow/space-api.test.ts b/js/workflowcanvas/workflow/space-api.test.ts
new file mode 100644
index 0000000..9ddb8d0
--- /dev/null
+++ b/js/workflowcanvas/workflow/space-api.test.ts
@@ -0,0 +1,228 @@
+import { describe, test, expect } from "vitest";
+import {
+	canonicalizePort,
+	extract_choices,
+	normalizeOperatorPorts,
+	normalize_space_id
+} from "./space-api";
+import { MODALITIES } from "./workflow-modalities";
+import type { Port } from "./workflow-types";
+
+const imageModality = MODALITIES.find((m) => m.key === "image")!;
+const audioModality = MODALITIES.find((m) => m.key === "audio")!;
+const textModality = MODALITIES.find((m) => m.key === "text")!;
+
+describe("canonicalizePort", () => {
+	test("passes through already-specific types regardless of hint", () => {
+		expect(canonicalizePort("text", "image")).toBe("text");
+		expect(canonicalizePort("audio")).toBe("audio");
+		expect(canonicalizePort("image", "image")).toBe("image");
+	});
+
+	test("falls back unchanged when no hint is supplied", () => {
+		expect(canonicalizePort("any")).toBe("any");
+		expect(canonicalizePort("file")).toBe("file");
+	});
+
+	test("clamps `any` to the modality canonical type derived from a hint", () => {
+		expect(canonicalizePort("any", "image")).toBe("image");
+		expect(canonicalizePort("any", "audio")).toBe("audio");
+		expect(canonicalizePort("any", "model3d")).toBe("model3d");
+	});
+
+	test("clamps `file` similarly", () => {
+		expect(canonicalizePort("file", "video")).toBe("video");
+		expect(canonicalizePort("file", "text")).toBe("text");
+	});
+
+	test("leaves fallback unchanged when the hint has no picker modality", () => {
+		expect(canonicalizePort("any", "number")).toBe("any");
+		expect(canonicalizePort("file", "boolean")).toBe("file");
+		expect(canonicalizePort("any", "json")).toBe("any");
+	});
+});
+
+describe("normalizeOperatorPorts", () => {
+	test("returns the same ports when modality is null", () => {
+		const ports: Port[] = [{ id: "in", label: "Input", type: "any" }];
+		expect(normalizeOperatorPorts(null, ports)).toEqual(ports);
+	});
+
+	test("returns the same ports when modality has no canonical port_type", () => {
+		const dataset = MODALITIES.find((m) => m.key === "image")!;
+		// data / model modalities have port_type: null — simulate with a stub
+		const noopModality = { ...dataset, port_type: null };
+		const ports: Port[] = [{ id: "in", label: "Input", type: "any" }];
+		expect(normalizeOperatorPorts(noopModality, ports)).toEqual(ports);
+	});
+
+	test("clamps `any` and `file` to the modality canonical type", () => {
+		const ports: Port[] = [
+			{ id: "in", label: "Input A", type: "any" },
+			{ id: "out", label: "Output", type: "file" }
+		];
+		const result = normalizeOperatorPorts(imageModality, ports);
+		expect(result[0].type).toBe("image");
+		expect(result[1].type).toBe("image");
+	});
+
+	test("does not touch already-specific ports", () => {
+		const ports: Port[] = [
+			{ id: "in", label: "Prompt", type: "text" },
+			{ id: "out", label: "Image", type: "image" }
+		];
+		const result = normalizeOperatorPorts(audioModality, ports);
+		expect(result[0].type).toBe("text");
+		expect(result[1].type).toBe("image");
+	});
+
+	test("preserves other port fields (id, label, required, default_value)", () => {
+		const ports: Port[] = [
+			{
+				id: "in_0",
+				label: "Prompt",
+				type: "any",
+				required: true,
+				default_value: "hello"
+			}
+		];
+		const [out] = normalizeOperatorPorts(textModality, ports);
+		expect(out.id).toBe("in_0");
+		expect(out.label).toBe("Prompt");
+		expect(out.required).toBe(true);
+		expect(out.default_value).toBe("hello");
+		expect(out.type).toBe("text");
+	});
+
+	test("returns a new array (does not mutate input)", () => {
+		const ports: Port[] = [{ id: "in", label: "x", type: "any" }];
+		const result = normalizeOperatorPorts(imageModality, ports);
+		expect(result).not.toBe(ports);
+		expect(ports[0].type).toBe("any");
+	});
+});
+
+describe("normalize_space_id", () => {
+	test("passes through bare owner/repo", () => {
+		expect(normalize_space_id("owner/repo")).toBe("owner/repo");
+	});
+
+	test("accepts owner/repo with hyphens, dots, underscores", () => {
+		expect(normalize_space_id("JacobLinCool/audio-super-resolution")).toBe(
+			"JacobLinCool/audio-super-resolution"
+		);
+		expect(normalize_space_id("gradio_app/v1.2-test")).toBe(
+			"gradio_app/v1.2-test"
+		);
+	});
+
+	test("parses huggingface.co/spaces/ URLs", () => {
+		expect(normalize_space_id("https://huggingface.co/spaces/owner/repo")).toBe(
+			"owner/repo"
+		);
+	});
+
+	test("parses URLs with trailing paths", () => {
+		expect(
+			normalize_space_id(
+				"https://huggingface.co/spaces/owner/repo/discussions/3"
+			)
+		).toBe("owner/repo");
+	});
+
+	test("parses URLs with www subdomain", () => {
+		expect(
+			normalize_space_id("https://www.huggingface.co/spaces/owner/repo")
+		).toBe("owner/repo");
+	});
+
+	test("parses *.hf.space subdomains", () => {
+		expect(normalize_space_id("https://owner-repo.hf.space")).toBe(
+			"owner/repo"
+		);
+	});
+
+	test("hf.space subdomain with multi-hyphen repo names", () => {
+		// Heuristic: first hyphen splits owner/repo. Imperfect but matches HF's actual subdomain format.
+		expect(normalize_space_id("https://owner-some-repo-name.hf.space")).toBe(
+			"owner/some-repo-name"
+		);
+	});
+
+	test("trims trailing slashes", () => {
+		expect(
+			normalize_space_id("https://huggingface.co/spaces/owner/repo/")
+		).toBe("owner/repo");
+		expect(normalize_space_id("owner/repo/")).toBe("owner/repo");
+	});
+
+	test("trims whitespace", () => {
+		expect(normalize_space_id("  owner/repo  ")).toBe("owner/repo");
+	});
+
+	test("returns null for empty input", () => {
+		expect(normalize_space_id("")).toBeNull();
+		expect(normalize_space_id("   ")).toBeNull();
+	});
+
+	test("returns null for unrecognisable input", () => {
+		expect(normalize_space_id("just-a-name")).toBeNull();
+		expect(normalize_space_id("https://example.com/foo")).toBeNull();
+	});
+
+	test("returns null for too-many-slashes plain input", () => {
+		// A plain "a/b/c" isn't an HF Space ID (HF Spaces are owner/repo only).
+		expect(normalize_space_id("a/b/c")).toBeNull();
+	});
+});
+
+describe("extract_choices", () => {
+	test("pulls single-select enum from a Dropdown / Radio schema", () => {
+		expect(extract_choices({ type: "string", enum: ["a", "b", "c"] })).toEqual({
+			choices: ["a", "b", "c"],
+			multiselect: false
+		});
+	});
+
+	test("pulls multiselect enum from a CheckboxGroup schema", () => {
+		expect(
+			extract_choices({
+				type: "array",
+				items: { type: "string", enum: ["x", "y"] }
+			})
+		).toEqual({ choices: ["x", "y"], multiselect: true });
+	});
+
+	test("coerces non-string enum values to strings", () => {
+		expect(extract_choices({ type: "number", enum: [1, 2, 3] })).toEqual({
+			choices: ["1", "2", "3"],
+			multiselect: false
+		});
+	});
+
+	test("returns null for a plain string schema (no enum)", () => {
+		expect(extract_choices({ type: "string" })).toBeNull();
+	});
+
+	test("returns null for an array schema whose items lack enum", () => {
+		expect(
+			extract_choices({ type: "array", items: { type: "string" } })
+		).toBeNull();
+	});
+
+	test("returns null for an empty enum array", () => {
+		expect(extract_choices({ type: "string", enum: [] })).toBeNull();
+	});
+
+	test("returns null for an array schema with empty items.enum", () => {
+		expect(
+			extract_choices({ type: "array", items: { type: "string", enum: [] } })
+		).toBeNull();
+	});
+
+	test("returns null for missing / non-object inputs", () => {
+		expect(extract_choices(undefined)).toBeNull();
+		expect(extract_choices(null)).toBeNull();
+		expect(extract_choices("string")).toBeNull();
+	});
+});
diff --git a/js/workflowcanvas/workflow/space-api.ts b/js/workflowcanvas/workflow/space-api.ts
new file mode 100644
index 0000000..ae53b88
--- /dev/null
+++ b/js/workflowcanvas/workflow/space-api.ts
@@ -0,0 +1,349 @@
+import type { PortType, Port } from "./workflow-types";
+import { modalityForPort } from "./workflow-modalities";
+import type { ModalityConfig } from "./workflow-modalities";
+
+export function is_zero_gpu_space(s: any): boolean {
+	const tags: string[] = s?.cardData?.tags || s?.tags || [];
+	if (tags.includes("zero-gpu") || tags.includes("zerogpu")) return true;
+	const hwRaw = s?.runtime?.hardware ?? s?.runtime?.requestedHardware ?? "";
+	const hw =
+		typeof hwRaw === "string"
+			? hwRaw
+			: (hwRaw?.current ?? hwRaw?.requested ?? "");
+	return typeof hw === "string" && hw.toLowerCase().startsWith("zero");
+}
+
+export function normalize_space_id(raw: string): string | null {
+	const trimmed = raw.trim().replace(/\/+$/, "");
+	if (!trimmed) return null;
+
+	if (/^[a-zA-Z0-9_.-]+\/[a-zA-Z0-9_.-]+$/.test(trimmed)) {
+		return trimmed;
+	}
+
+	const pageMatch = trimmed.match(
+		/^https?:\/\/(?:www\.)?huggingface\.co\/(?:spaces|models|datasets)?\/?\/?([^/\s?#]+)\/([^/\s?#]+)/i
+	);
+	if (pageMatch) return `${pageMatch[1]}/${pageMatch[2]}`;
+
+	const sub = trimmed.match(/^https?:\/\/([^/]+)\.hf\.space/i);
+	if (sub) {
+		const parts = sub[1].split("-");
+		if (parts.length >= 2) {
+			return `${parts[0]}/${parts.slice(1).join("-")}`;
+		}
+	}
+
+	return null;
+}
+
+export function componentToPortType(
+	component: string,
+	type?: string,
+	pythonType?: string,
+	labelHint?: string
+): PortType | "__skip__" {
+	const c = component.toLowerCase();
+	if (pythonType) {
+		const cleaned = pythonType
+			.toLowerCase()
+			.replace(/^none\s*\|\s*/, "")
+			.replace(/\s*\|\s*none$/, "")
+			.trim();
+		if (cleaned === "str" || cleaned === "string") return "text";
+		if (cleaned === "int" || cleaned === "integer" || cleaned === "float")
+			return "number";
+		if (cleaned === "bool" || cleaned === "boolean") return "boolean";
+	}
+	if (c === "image" || c === "imageeditor" || c === "imageslider")
+		return "image";
+	if (c === "gallery") return "gallery";
+	if (c === "audio") return "audio";
+	if (c === "video") return "video";
+	if (c === "number" || c === "slider") return "number";
+	if (c === "checkbox") return "boolean";
+	if (c === "file" || c === "uploadbutton" || c === "downloadbutton")
+		return "file";
+	if (c === "model3d") return "model3d";
+	if (c === "json" || c === "dataframe") return "json";
+	if (c === "state") return "__skip__";
+	if (
+		c === "textbox" ||
+		c === "text" ||
+		c === "markdown" ||
+		c === "chatbot" ||
+		c === "label" ||
+		c === "code" ||
+		c === "highlightedtext" ||
+		c === "dropdown" ||
+		c === "radio" ||
+		c === "checkboxgroup" ||
+		c === "colorpicker" ||
+		c === "html"
+	)
+		return "text";
+
+	// gr.api endpoints use component="Api" with python_type carrying the
+	// real hint — primitives already handled at the top of the function.
+	if (pythonType) {
+		const cleaned = pythonType
+			.toLowerCase()
+			.replace(/^none\s*\|\s*/, "")
+			.replace(/\s*\|\s*none$/, "")
+			.trim();
+		if (
+			cleaned === "filepath" ||
+			cleaned === "file" ||
+			cleaned.includes("filedata")
+		) {
+			const l = (labelHint ?? "").toLowerCase();
+			if (/audio|wav|mp3|voice|sound|speech|tts|asr/.test(l)) return "audio";
+			if (/image|img|photo|picture|pic\b/.test(l)) return "image";
+			if (/video|mp4|movie|clip/.test(l)) return "video";
+			if (/model3d|mesh|glb|gltf|obj\b/.test(l)) return "model3d";
+			return "file";
+		}
+		if (
+			cleaned.includes("dict") ||
+			cleaned.includes("list") ||
+			cleaned.includes("any")
+		)
+			return "json";
+	}
+
+	// Fallback: check the type field from the API
+	if (type) {
+		const t = typeof type === "string" ? type.toLowerCase() : "";
+		if (t.includes("image") || t.includes("pil")) return "image";
+		if (t.includes("video") || t.includes("mp4")) return "video";
+		if (t.includes("audio") || t.includes("wav") || t.includes("mp3"))
+			return "audio";
+		if (t.includes("filepath") || t.includes("file")) return "file";
+		if (t === "number" || t === "float" || t === "int" || t === "integer")
+			return "number";
+		if (t === "bool" || t === "boolean") return "boolean";
+		if (t === "str" || t === "string") return "text";
+	}
+
+	return "any";
+}
+
+/** Prefixes that indicate utility/event-handler endpoints — skip these */
+const UTILITY_PREFIXES = [
+	"/on_",
+	"/handle_",
+	"/update_",
+	"/prepare_",
+	"/load_",
+	"/clear_",
+	"/reset_"
+];
+
+export interface EndpointSig {
+	name: string;
+	inputs: Port[];
+	outputs: Port[];
+}
+
+export interface SpaceApiInfo {
+	endpoint: string;
+	inputs: Port[];
+	outputs: Port[];
+	width: number;
+	endpoints: EndpointSig[];
+}
+
+const ORDINAL_LABEL = /^\d+(st|nd|rd|th)$/i;
+
+export function extract_choices(
+	type: unknown
+): { choices: string[]; multiselect: boolean } | null {
+	if (!type || typeof type !== "object") return null;
+	const t = type as { type?: string; enum?: unknown[]; items?: any };
+	if (Array.isArray(t.enum) && t.enum.length > 0) {
+		return { choices: t.enum.map(String), multiselect: false };
+	}
+	if (
+		t.type === "array" &&
+		t.items &&
+		Array.isArray(t.items.enum) &&
+		t.items.enum.length > 0
+	) {
+		return { choices: t.items.enum.map(String), multiselect: true };
+	}
+	return null;
+}
+
+function parse_endpoint_sig(name: string, ep: any): EndpointSig {
+	const inputs = (ep.parameters ?? [])
+		.map((p: any, i: number) => {
+			const isApi = (p.component ?? "").toLowerCase() === "api";
+			const pyType = p.python_type?.type;
+			const labelHint = p.parameter_name || p.label || "";
+			const portType = componentToPortType(
+				p.component ?? "",
+				typeof p.type === "string" ? p.type : "",
+				pyType,
+				labelHint
+			);
+			if (portType === "__skip__") return null;
+			const hasDefault = p.parameter_has_default === true;
+			const useParamName =
+				(isApi || ORDINAL_LABEL.test(p.label ?? "")) && p.parameter_name;
+			const rawLabel = useParamName
+				? p.parameter_name
+				: p.label || p.parameter_name || `Input ${i}`;
+			const choiceInfo = extract_choices(p.type);
+			return {
+				id: `in_${i}`,
+				label: rawLabel,
+				type: portType,
+				required: !hasDefault,
+				default_value:
+					hasDefault && p.default !== undefined ? p.default : undefined,
+				...(choiceInfo ?? {})
+			};
+		})
+		.filter(Boolean) as Port[];
+
+	const outputs = (ep.returns ?? [])
+		.map((r: any, i: number) => {
+			const isApi = (r.component ?? "").toLowerCase() === "api";
+			const pyType = r.python_type?.type;
+			const labelHint = isApi
+				? `${r.parameter_name ?? ""} ${name ?? ""}`.trim()
+				: r.parameter_name || r.label || "";
+			const portType = componentToPortType(
+				r.component ?? "",
+				typeof r.type === "string" ? r.type : "",
+				pyType,
+				labelHint
+			);
+			if (portType === "__skip__") return null;
+			const useParamName =
+				(isApi || ORDINAL_LABEL.test(r.label ?? "")) && r.parameter_name;
+			const rawLabel = useParamName
+				? r.parameter_name
+				: r.label || `Output ${i}`;
+			return {
+				id: `out_${i}`,
+				label: rawLabel,
+				type: portType,
+				output_index: i
+			};
+		})
+		.filter(Boolean) as Port[];
+
+	if (inputs.length === 0)
+		inputs.push({ id: "in", label: "Input", type: "any" as PortType });
+	if (outputs.length === 0)
+		outputs.push({ id: "out", label: "Output", type: "any" as PortType });
+
+	return { name, inputs, outputs };
+}
+
+/** Cache for fetched API info */
+const spaceApiCache = new Map<string, SpaceApiInfo>();
+
+/**
+ * Fetch API info from a Space and return endpoint, inputs, outputs.
+ * Results are cached by space_id.
+ */
+export async function fetchSpaceApi(spaceId: string): Promise<SpaceApiInfo> {
+	const cached = spaceApiCache.get(spaceId);
+	if (cached) return cached;
+
+	const spaceUrl = spaceId.startsWith("http")
+		? spaceId
+		: `https://${spaceId.replace("/", "-").replaceAll(".", "-").toLowerCase()}.hf.space`;
+
+	// Try multiple API paths — older Spaces use /info, newer use /gradio_api/info
+	let infoRes: Response | null = null;
+	for (const path of ["/gradio_api/info", "/info", "/api/info"]) {
+		try {
+			const res = await Promise.race([
+				fetch(`${spaceUrl}${path}`),
+				new Promise<never>((_, reject) =>
+					setTimeout(() => reject(new Error("Timed out")), 10000)
+				)
+			]);
+			if (res.ok) {
+				infoRes = res;
+				break;
+			}
+		} catch {
+			/* try next */
+		}
+	}
+	if (!infoRes)
+		throw new Error(
+			"Could not connect to Space — it may be sleeping or have no Gradio API"
+		);
+
+	const api = await infoRes.json();
+	const named = api.named_endpoints ?? {};
+	const unnamed = api.unnamed_endpoints ?? {};
+
+	const all_endpoints: [string, any][] = [
+		...Object.entries(named),
+		...Object.entries(unnamed)
+	].filter(([n]) => !UTILITY_PREFIXES.some((p) => n.startsWith(p)));
+
+	if (all_endpoints.length === 0) {
+		throw new Error("No suitable endpoints found");
+	}
+
+	// Default to /predict if present (most common Gradio convention), else
+	// the first non-utility endpoint. Users can switch via the node dropdown.
+	const default_index = Math.max(
+		0,
+		all_endpoints.findIndex(([n]) => n === "/predict")
+	);
+	const [epName, ep] = all_endpoints[default_index];
+	const endpoints: EndpointSig[] = all_endpoints.map(([n, e]) =>
+		parse_endpoint_sig(n, e)
+	);
+
+	const picked = parse_endpoint_sig(epName, ep);
+	const inputs = picked.inputs;
+	const outputs = picked.outputs;
+
+	const label = spaceId.split("/").pop() ?? spaceId;
+	const maxPortLen = Math.max(
+		...inputs.map((p: any) => (p.label as string).length),
+		...outputs.map((p: any) => (p.label as string).length),
+		label.length
+	);
+	const width = Math.max(280, Math.min(400, maxPortLen * 9 + 100));
+
+	const result = { endpoint: epName, inputs, outputs, width, endpoints };
+	spaceApiCache.set(spaceId, result);
+	return result;
+}
+
+export function normalizeOperatorPorts(
+	modality: ModalityConfig | null,
+	ports: Port[],
+	types?: PortType[]
+): Port[] {
+	const fallback = modality?.port_type ?? null;
+	if (!fallback && (!types || types.length === 0)) return ports;
+	return ports.map((p, i) => {
+		if (p.type !== "any" && p.type !== "file") return p;
+		const hint = types?.[i] ?? fallback;
+		if (!hint) return p;
+		return { ...p, type: hint };
+	});
+}
+
+/**
+ * Canonicalize a single port type using the modality registry. Used by
+ * schema lookups (TASK_SCHEMAS) to clamp legacy `any`/`file` entries.
+ * Pass-through for already-specific types.
+ */
+export function canonicalizePort(type: PortType, hint?: PortType): PortType {
+	if (type !== "any" && type !== "file") return type;
+	if (!hint) return type;
+	const modality = modalityForPort(hint);
+	return modality?.port_type ?? type;
+}
diff --git a/js/workflowcanvas/workflow/viewport-persistence.test.ts b/js/workflowcanvas/workflow/viewport-persistence.test.ts
new file mode 100644
index 0000000..961979f
--- /dev/null
+++ b/js/workflowcanvas/workflow/viewport-persistence.test.ts
@@ -0,0 +1,126 @@
+import { describe, test, expect, beforeEach } from "vitest";
+import {
+	load_viewport,
+	save_viewport,
+	viewport_storage_key
+} from "./viewport-persistence";
+
+class MemoryStorage implements Storage {
+	private store = new Map<string, string>();
+	get length(): number {
+		return this.store.size;
+	}
+	key(i: number): string | null {
+		return Array.from(this.store.keys())[i] ?? null;
+	}
+	getItem(k: string): string | null {
+		return this.store.has(k) ? this.store.get(k)! : null;
+	}
+	setItem(k: string, v: string): void {
+		this.store.set(k, v);
+	}
+	removeItem(k: string): void {
+		this.store.delete(k);
+	}
+	clear(): void {
+		this.store.clear();
+	}
+}
+
+let storage: MemoryStorage;
+
+beforeEach(() => {
+	storage = new MemoryStorage();
+});
+
+describe("viewport_storage_key", () => {
+	test("namespaces by workflow name", () => {
+		expect(viewport_storage_key("My Workflow")).toBe(
+			"gradio_workflow_viewport:My Workflow"
+		);
+	});
+
+	test("two workflows get separate keys", () => {
+		expect(viewport_storage_key("a")).not.toBe(viewport_storage_key("b"));
+	});
+});
+
+describe("load_viewport", () => {
+	test("returns default when key is missing", () => {
+		expect(load_viewport("blank", storage)).toEqual({
+			x: 0,
+			y: 0,
+			zoom: 1
+		});
+	});
+
+	test("returns stored value when present", () => {
+		storage.setItem(
+			viewport_storage_key("w"),
+			JSON.stringify({ x: 100, y: -50, zoom: 1.5 })
+		);
+		expect(load_viewport("w", storage)).toEqual({
+			x: 100,
+			y: -50,
+			zoom: 1.5
+		});
+	});
+
+	test("returns default when stored value is invalid JSON", () => {
+		storage.setItem(viewport_storage_key("w"), "not json {{");
+		expect(load_viewport("w", storage)).toEqual({ x: 0, y: 0, zoom: 1 });
+	});
+
+	test("returns default when stored value has wrong shape", () => {
+		storage.setItem(
+			viewport_storage_key("w"),
+			JSON.stringify({ x: "string", y: 0, zoom: 1 })
+		);
+		expect(load_viewport("w", storage)).toEqual({ x: 0, y: 0, zoom: 1 });
+	});
+
+	test("returns default when stored value is missing fields", () => {
+		storage.setItem(
+			viewport_storage_key("w"),
+			JSON.stringify({ x: 1, y: 2 }) // no zoom
+		);
+		expect(load_viewport("w", storage)).toEqual({ x: 0, y: 0, zoom: 1 });
+	});
+
+	test("returns default when storage is undefined", () => {
+		expect(load_viewport("w", undefined)).toEqual({ x: 0, y: 0, zoom: 1 });
+	});
+
+	test("returns a fresh object (callers can mutate without leaking back)", () => {
+		const a = load_viewport("w", storage);
+		const b = load_viewport("w", storage);
+		expect(a).not.toBe(b);
+	});
+});
+
+describe("save_viewport", () => {
+	test("writes the viewport to storage under the namespaced key", () => {
+		save_viewport("w", { x: 5, y: 6, zoom: 2 }, storage);
+		expect(storage.getItem(viewport_storage_key("w"))).toBe(
+			JSON.stringify({ x: 5, y: 6, zoom: 2 })
+		);
+	});
+
+	test("overwrites existing entry", () => {
+		save_viewport("w", { x: 1, y: 1, zoom: 1 }, storage);
+		save_viewport("w", { x: 99, y: 99, zoom: 3 }, storage);
+		expect(load_viewport("w", storage)).toEqual({ x: 99, y: 99, zoom: 3 });
+	});
+
+	test("no-op when storage is undefined", () => {
+		expect(() =>
+			save_viewport("w", { x: 1, y: 1, zoom: 1 }, undefined)
+		).not.toThrow();
+	});
+
+	test("round-trips through load_viewport", () => {
+		const viewport = { x: 42, y: -42, zoom: 0.75 };
+		save_viewport("round-trip", viewport, storage);
+		expect(load_viewport("round-trip", storage)).toEqual(viewport);
+	});
+});
diff --git a/js/workflowcanvas/workflow/viewport-persistence.ts b/js/workflowcanvas/workflow/viewport-persistence.ts
new file mode 100644
index 0000000..1d8ee72
--- /dev/null
+++ b/js/workflowcanvas/workflow/viewport-persistence.ts
@@ -0,0 +1,46 @@
+export interface Viewport {
+	x: number;
+	y: number;
+	zoom: number;
+}
+
+const DEFAULT_VIEWPORT: Viewport = { x: 0, y: 0, zoom: 1 };
+
+export function viewport_storage_key(name: string): string {
+	return `gradio_workflow_viewport:${name}`;
+}
+
+export function load_viewport(
+	name: string,
+	storage: Storage | undefined = typeof localStorage !== "undefined"
+		? localStorage
+		: undefined
+): Viewport {
+	if (!storage) return { ...DEFAULT_VIEWPORT };
+	try {
+		const raw = storage.getItem(viewport_storage_key(name));
+		if (!raw) return { ...DEFAULT_VIEWPORT };
+		const v = JSON.parse(raw);
+		if (
+			typeof v?.x === "number" &&
+			typeof v?.y === "number" &&
+			typeof v?.zoom === "number"
+		) {
+			return { x: v.x, y: v.y, zoom: v.zoom };
+		}
+	} catch {}
+	return { ...DEFAULT_VIEWPORT };
+}
+
+export function save_viewport(
+	name: string,
+	viewport: Viewport,
+	storage: Storage | undefined = typeof localStorage !== "undefined"
+		? localStorage
+		: undefined
+): void {
+	if (!storage) return;
+	try {
+		storage.setItem(viewport_storage_key(name), JSON.stringify(viewport));
+	} catch {}
+}
diff --git a/js/workflowcanvas/workflow/workflow-executor.test.ts b/js/workflowcanvas/workflow/workflow-executor.test.ts
new file mode 100644
index 0000000..6743da4
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-executor.test.ts
@@ -0,0 +1,730 @@
+import { describe, test, expect, vi } from "vitest";
+import { executeWorkflow } from "./workflow-executor";
+import type {
+	OperatorNode,
+	NodeDataValue,
+	NodeStatus,
+	ReferenceNode,
+	WFEdge,
+	Workflow
+} from "./workflow-types";
+
+function emptyV2(
+	operators: OperatorNode[] = [],
+	references: ReferenceNode[] = [],
+	edges: WFEdge[] = []
+): Workflow {
+	return {
+		schema_version: "2",
+		name: "Test",
+		runtime: { default: "client" },
+		references,
+		operators,
+		subjects: [],
+		edges,
+		view: { default: "canvas" }
+	};
+}
+
+function statusBag(): {
+	onStatus: (id: string, s: NodeStatus, err?: string) => void;
+	statuses: Record<string, NodeStatus>;
+	errors: Record<string, string>;
+} {
+	const statuses: Record<string, NodeStatus> = {};
+	const errors: Record<string, string> = {};
+	return {
+		onStatus: (id, s, err) => {
+			statuses[id] = s;
+			if (err) errors[id] = err;
+		},
+		statuses,
+		errors
+	};
+}
+
+describe("executeWorkflow — dataset row_index input port", () => {
+	function datasetOpWithRowIndex(
+		id: string,
+		overrides: Partial<OperatorNode> = {}
+	): OperatorNode {
+		return {
+			id,
+			role: "operator",
+			kind: "dataset",
+			label: "ds",
+			dataset_id: "user/dataset",
+			dataset_config: "default",
+			dataset_split: "train",
+			inputs: [
+				{
+					id: "row_index",
+					label: "Row",
+					type: "number",
+					default_value: 0
+				}
+			],
+			outputs: [{ id: "out_0", label: "value", type: "text" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 240,
+			height: 90,
+			runtime: "client",
+			...overrides
+		};
+	}
+
+	test("uses inline data value when row_index is unwired", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		const op = datasetOpWithRowIndex("d1", { data: { row_index: 11 } });
+
+		await executeWorkflow(
+			emptyV2([op]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][3]).toBe("11");
+	});
+
+	test("falls back to port default_value when neither edge nor inline data is set", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		// Default value on the port itself; no data, no edge.
+		const op = datasetOpWithRowIndex("d1", {
+			inputs: [
+				{
+					id: "row_index",
+					label: "Row",
+					type: "number",
+					default_value: 6
+				}
+			]
+		});
+
+		await executeWorkflow(
+			emptyV2([op]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][3]).toBe("6");
+	});
+
+	test("reads from upstream when row_index is wired", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		const ref: ReferenceNode = {
+			id: "r1",
+			role: "reference",
+			label: "Number",
+			asset_type: "number",
+			inputs: [{ id: "in", label: "n", type: "number" }],
+			outputs: [{ id: "out", label: "n", type: "number" }],
+			data: { in: 9 },
+			x: 0,
+			y: 0,
+			width: 200,
+			height: 130
+		};
+		const op = datasetOpWithRowIndex("d1");
+		const edge: WFEdge = {
+			id: "e1",
+			from_node_id: "r1",
+			from_port_id: "in",
+			to_node_id: "d1",
+			to_port_id: "row_index",
+			type: "number"
+		};
+
+		await executeWorkflow(
+			emptyV2([op], [ref], [edge]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][3]).toBe("9");
+	});
+
+	test("coerces string numerics from upstream", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		const op = datasetOpWithRowIndex("d1", {
+			data: { row_index: "14" as unknown as NodeDataValue }
+		});
+
+		await executeWorkflow(
+			emptyV2([op]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][3]).toBe("14");
+	});
+
+	test("falls back to offset 0 when the row_index port has no value", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		const op = datasetOpWithRowIndex("d1", {
+			inputs: [{ id: "row_index", label: "Row", type: "number" }]
+		});
+
+		await executeWorkflow(
+			emptyV2([op]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][3]).toBe("0");
+	});
+
+	test("negative row indices clamp to 0", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		await executeWorkflow(
+			emptyV2([datasetOpWithRowIndex("d1", { data: { row_index: -42 } })]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][3]).toBe("0");
+	});
+
+	test("fractional indices truncate", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		await executeWorkflow(
+			emptyV2([datasetOpWithRowIndex("d1", { data: { row_index: 3.7 } })]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][3]).toBe("3");
+	});
+
+	test("passes dataset_config and dataset_split through verbatim", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "x" }] }));
+
+		await executeWorkflow(
+			emptyV2([
+				datasetOpWithRowIndex("d1", {
+					dataset_config: "subset_a",
+					dataset_split: "test"
+				})
+			]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(fetchStub.mock.calls[0][1]).toBe("subset_a");
+		expect(fetchStub.mock.calls[0][2]).toBe("test");
+	});
+
+	test("marks status error when fetch returns an error blob", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ error: "boom" }));
+		const { onStatus, statuses, errors } = statusBag();
+
+		await executeWorkflow(
+			emptyV2([datasetOpWithRowIndex("d1")]),
+			onStatus,
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(statuses.d1).toBe("error");
+		expect(errors.d1).toBe("boom");
+	});
+
+	test("emits output by matching the row column to the port label", async () => {
+		const fetchStub = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify({ rows: [{ value: "hello" }] }));
+		const onOutput = vi.fn();
+
+		await executeWorkflow(
+			emptyV2([datasetOpWithRowIndex("d1")]),
+			() => {},
+			onOutput,
+			undefined,
+			undefined,
+			undefined,
+			fetchStub as unknown as Parameters<typeof executeWorkflow>[6]
+		);
+
+		expect(onOutput).toHaveBeenCalledWith("d1", "out_0", "hello");
+	});
+});
+
+describe("executeWorkflow — model operator routing", () => {
+	function modelOp(
+		id: string,
+		overrides: Partial<OperatorNode> = {}
+	): OperatorNode {
+		return {
+			id,
+			role: "operator",
+			kind: "model",
+			label: "m",
+			model_id: "user/m",
+			pipeline_tag: "text-generation",
+			inputs: [
+				{
+					id: "in_0",
+					label: "Prompt",
+					type: "text",
+					default_value: "hello"
+				}
+			],
+			outputs: [{ id: "out_0", label: "Text", type: "text" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 280,
+			height: 90,
+			runtime: "client",
+			...overrides
+		};
+	}
+
+	test("passes node.provider through to serverCallModel", async () => {
+		const callModel = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify(["fake-output"]));
+
+		await executeWorkflow(
+			emptyV2([
+				modelOp("m1", { provider: "together", pipeline_tag: "summarization" })
+			]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			callModel as unknown as Parameters<typeof executeWorkflow>[5],
+			undefined,
+			undefined
+		);
+
+		// (modelId, pipelineTag, argsJson, provider)
+		expect(callModel).toHaveBeenCalledTimes(1);
+		expect(callModel.mock.calls[0][0]).toBe("user/m");
+		expect(callModel.mock.calls[0][1]).toBe("summarization");
+		expect(callModel.mock.calls[0][3]).toBe("together");
+	});
+
+	test("provider stays undefined when the node doesn't declare one", async () => {
+		const callModel = vi.fn().mockResolvedValue(JSON.stringify(["fake"]));
+
+		await executeWorkflow(
+			emptyV2([modelOp("m1", { pipeline_tag: "summarization" })]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			callModel as unknown as Parameters<typeof executeWorkflow>[5],
+			undefined,
+			undefined
+		);
+
+		expect(callModel.mock.calls[0][3]).toBeUndefined();
+	});
+
+	test("text-generation routes through stream_text_generation when provided", async () => {
+		const streamFn = vi
+			.fn()
+			.mockImplementation(
+				async (_modelId, _prompt, _provider, _signal, onChunk) => {
+					onChunk("hel", "hel");
+					onChunk("lo", "hello");
+					return "hello";
+				}
+			);
+		const callModel = vi.fn();
+		const onOutput = vi.fn();
+
+		await executeWorkflow(
+			emptyV2([modelOp("m1", { pipeline_tag: "text-generation" })]),
+			() => {},
+			onOutput,
+			undefined,
+			undefined,
+			callModel as unknown as Parameters<typeof executeWorkflow>[5],
+			undefined,
+			undefined,
+			streamFn as unknown as Parameters<typeof executeWorkflow>[8]
+		);
+
+		expect(callModel).not.toHaveBeenCalled();
+		expect(streamFn).toHaveBeenCalledTimes(1);
+		// emits accumulated text per chunk to the output port
+		expect(onOutput).toHaveBeenNthCalledWith(1, "m1", "out_0", "hel");
+		expect(onOutput).toHaveBeenNthCalledWith(2, "m1", "out_0", "hello");
+	});
+
+	test("non-streamable text tasks still use serverCallModel even when stream fn is provided", async () => {
+		const streamFn = vi.fn();
+		const callModel = vi.fn().mockResolvedValue(JSON.stringify(["summary"]));
+
+		await executeWorkflow(
+			emptyV2([modelOp("m1", { pipeline_tag: "summarization" })]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			callModel as unknown as Parameters<typeof executeWorkflow>[5],
+			undefined,
+			undefined,
+			streamFn as unknown as Parameters<typeof executeWorkflow>[8]
+		);
+
+		expect(streamFn).not.toHaveBeenCalled();
+		expect(callModel).toHaveBeenCalledTimes(1);
+	});
+
+	test("falls back to serverCallModel for text-generation when no stream fn is provided", async () => {
+		const callModel = vi
+			.fn()
+			.mockResolvedValue(JSON.stringify(["fallback text"]));
+
+		await executeWorkflow(
+			emptyV2([modelOp("m1", { pipeline_tag: "text-generation" })]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			callModel as unknown as Parameters<typeof executeWorkflow>[5],
+			undefined,
+			undefined
+			// no stream fn
+		);
+
+		expect(callModel).toHaveBeenCalledTimes(1);
+	});
+
+	test("passes the streaming model id + provider to the stream fn", async () => {
+		const streamFn = vi.fn().mockResolvedValue("done");
+		const callModel = vi.fn();
+
+		await executeWorkflow(
+			emptyV2([
+				modelOp("m1", {
+					pipeline_tag: "text-generation",
+					provider: "together"
+				})
+			]),
+			() => {},
+			() => {},
+			undefined,
+			undefined,
+			callModel as unknown as Parameters<typeof executeWorkflow>[5],
+			undefined,
+			undefined,
+			streamFn as unknown as Parameters<typeof executeWorkflow>[8]
+		);
+
+		const [modelId, prompt, provider] = streamFn.mock.calls[0];
+		expect(modelId).toBe("user/m");
+		expect(prompt).toBe("hello");
+		expect(provider).toBe("together");
+	});
+});
+
+describe("executeWorkflow — space multi-output mapping", () => {
+	function spaceOp(
+		id: string,
+		overrides: Partial<OperatorNode> = {}
+	): OperatorNode {
+		return {
+			id,
+			role: "operator",
+			kind: "space",
+			label: "s",
+			space_id: "user/s",
+			endpoint: "/predict",
+			inputs: [
+				{
+					id: "in_0",
+					label: "Prompt",
+					type: "text",
+					default_value: "hello"
+				}
+			],
+			outputs: [{ id: "out_0", label: "Image", type: "image" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 280,
+			height: 90,
+			runtime: "client",
+			...overrides
+		};
+	}
+
+	async function run(
+		node: OperatorNode,
+		responseJson: string
+	): Promise<Record<string, NodeDataValue>> {
+		const callSpace = vi.fn().mockResolvedValue(responseJson);
+		const outputs: Record<string, NodeDataValue> = {};
+		await executeWorkflow(
+			emptyV2([node]),
+			() => {},
+			(_id, portId, value) => {
+				outputs[portId] = value;
+			},
+			undefined,
+			callSpace as unknown as Parameters<typeof executeWorkflow>[4],
+			undefined,
+			undefined,
+			undefined,
+			undefined
+		);
+		return outputs;
+	}
+
+	test("explicit output_index picks the right item over a trailing seed", async () => {
+		const node = spaceOp("s1", {
+			outputs: [
+				{
+					id: "out_0",
+					label: "Image",
+					type: "image",
+					output_index: 0
+				}
+			]
+		});
+		const response = JSON.stringify([
+			{ path: "/tmp/img.webp", url: "/file=/tmp/img.webp", is_file: true },
+			1686841721
+		]);
+		const outputs = await run(node, response);
+		expect((outputs.out_0 as { url: string }).url).toContain("img.webp");
+	});
+
+	test("output_index of a later position routes that item to the port", async () => {
+		const node = spaceOp("s1", {
+			outputs: [
+				{
+					id: "out_0",
+					label: "Image",
+					type: "image",
+					output_index: 1
+				}
+			]
+		});
+		const response = JSON.stringify([
+			1686841721,
+			{ path: "/tmp/img.webp", url: "/file=/tmp/img.webp", is_file: true }
+		]);
+		const outputs = await run(node, response);
+		expect((outputs.out_0 as { url: string }).url).toContain("img.webp");
+	});
+
+	test("legacy node (no output_index) shape-matches: picks image dict over trailing seed", async () => {
+		const node = spaceOp("s1");
+		const response = JSON.stringify([
+			{ path: "/tmp/img.webp", url: "/file=/tmp/img.webp", is_file: true },
+			1686841721
+		]);
+		const outputs = await run(node, response);
+		expect((outputs.out_0 as { url: string }).url).toContain("img.webp");
+	});
+
+	test("legacy node shape-matches: picks image when image is at index 1", async () => {
+		const node = spaceOp("s1");
+		const response = JSON.stringify([
+			1686841721,
+			{ path: "/tmp/img.webp", url: "/file=/tmp/img.webp", is_file: true }
+		]);
+		const outputs = await run(node, response);
+		expect((outputs.out_0 as { url: string }).url).toContain("img.webp");
+	});
+
+	test("legacy node falls back to first item when nothing matches port type", async () => {
+		const node = spaceOp("s1");
+		const response = JSON.stringify(["just a string", 42]);
+		const outputs = await run(node, response);
+		expect(outputs.out_0).toBeDefined();
+	});
+
+	test("two-port node maps response items by position", async () => {
+		const node = spaceOp("s1", {
+			outputs: [
+				{ id: "img", label: "Image", type: "image", output_index: 0 },
+				{ id: "seed", label: "Seed", type: "number", output_index: 1 }
+			]
+		});
+		const response = JSON.stringify([
+			{ path: "/tmp/img.webp", url: "/file=/tmp/img.webp", is_file: true },
+			1686841721
+		]);
+		const outputs = await run(node, response);
+		expect((outputs.img as { url: string }).url).toContain("img.webp");
+		expect(outputs.seed).toBe(1686841721);
+	});
+
+	test("stale output_index recovers via shape match (Space API drifted)", async () => {
+		const node = spaceOp("s1", {
+			outputs: [{ id: "out_0", label: "Image", type: "image", output_index: 0 }]
+		});
+		const response = JSON.stringify([
+			1686841721,
+			{ path: "/tmp/img.webp", url: "/file=/tmp/img.webp", is_file: true }
+		]);
+		const outputs = await run(node, response);
+		expect((outputs.out_0 as { url: string }).url).toContain("img.webp");
+	});
+
+	test("unwraps gr.update() wrapper objects", async () => {
+		const node = spaceOp("s1");
+		const response = JSON.stringify([
+			{
+				__type__: "update",
+				value: {
+					path: "/tmp/img.webp",
+					url: "/file=/tmp/img.webp",
+					is_file: true
+				},
+				visible: true
+			},
+			1686841721
+		]);
+		const outputs = await run(node, response);
+		expect((outputs.out_0 as { url: string }).url).toContain("img.webp");
+	});
+
+	test("nothing matches and primary is junk → falls back gracefully", async () => {
+		const node = spaceOp("s1", {
+			outputs: [{ id: "out_0", label: "Image", type: "image", output_index: 0 }]
+		});
+		const response = JSON.stringify(["unhelpful", 42]);
+		const outputs = await run(node, response);
+		expect(outputs.out_0).toBeDefined();
+	});
+});
+
+describe("executeWorkflow — cascading failure messages", () => {
+	test("downstream node's missing-input error names the failed upstream", async () => {
+		const failingFn = "boom";
+		const downstreamFn = "consumer";
+		const callFn = vi.fn().mockImplementation(async (name: string) => {
+			if (name === failingFn) {
+				return JSON.stringify({
+					error: "Upstream raised",
+					error_type: "unknown",
+					suggestion: ""
+				});
+			}
+			return JSON.stringify(["ok"]);
+		});
+
+		const upstream: OperatorNode = {
+			id: "u",
+			role: "operator",
+			kind: "fn",
+			label: "moondream2",
+			fn: failingFn,
+			inputs: [],
+			outputs: [{ id: "out", label: "Text", type: "text" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 200,
+			height: 80,
+			runtime: "client"
+		};
+		const downstream: OperatorNode = {
+			id: "d",
+			role: "operator",
+			kind: "fn",
+			label: "FLUX",
+			fn: downstreamFn,
+			inputs: [{ id: "in", label: "Prompt", type: "text", required: true }],
+			outputs: [{ id: "out", label: "Image", type: "image" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 200,
+			height: 80,
+			runtime: "client"
+		};
+		const edge: WFEdge = {
+			id: "e1",
+			from_node_id: "u",
+			from_port_id: "out",
+			to_node_id: "d",
+			to_port_id: "in",
+			type: "text"
+		};
+
+		const { onStatus, errors } = statusBag();
+		await executeWorkflow(
+			emptyV2([upstream, downstream], [], [edge]),
+			onStatus,
+			() => {},
+			undefined,
+			undefined,
+			undefined,
+			undefined,
+			callFn as unknown as Parameters<typeof executeWorkflow>[7],
+			undefined
+		);
+
+		expect(errors.d).toContain('"Prompt" is missing');
+		expect(errors.d).toContain("moondream2");
+	});
+});
diff --git a/js/workflowcanvas/workflow/workflow-executor.ts b/js/workflowcanvas/workflow/workflow-executor.ts
new file mode 100644
index 0000000..84f9933
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-executor.ts
@@ -0,0 +1,528 @@
+import type {
+	Workflow,
+	WFNode,
+	WFEdge,
+	NodeDataValue,
+	NodeStatus,
+	FileValue,
+	Port
+} from "./workflow-types";
+import { toLegacyShape } from "./workflow-migration";
+import { topoSort } from "./workflow-graph";
+
+type StatusCallback = (
+	nodeId: string,
+	status: NodeStatus,
+	error?: string,
+	errorType?: string
+) => void;
+type OutputCallback = (
+	nodeId: string,
+	portId: string,
+	value: NodeDataValue
+) => void;
+type ServerCallFn = (
+	spaceId: string,
+	endpoint: string,
+	argsJson: string
+) => Promise<string>;
+type ServerCallModelFn = (
+	modelId: string,
+	pipelineTag: string,
+	argsJson: string,
+	provider?: string
+) => Promise<string>;
+type ServerFetchDatasetFn = (
+	datasetId: string,
+	config: string,
+	split: string,
+	offset: string,
+	length: string
+) => Promise<string>;
+type ServerCallPyFn = (fnName: string, argsJson: string) => Promise<string>;
+/**
+ * Browser-side streaming for text-generation tasks. Returns the final
+ * accumulated string. `onChunk` fires per delta so the executor can call
+ * `onOutput` incrementally and the UI updates live as tokens arrive.
+ */
+type StreamTextFn = (
+	modelId: string,
+	prompt: string,
+	provider: string | undefined,
+	signal: AbortSignal | undefined,
+	onChunk: (delta: string, accumulated: string) => void
+) => Promise<string>;
+
+function resolveInputs(
+	node: WFNode,
+	edges: WFEdge[],
+	dataMap: Record<string, Record<string, NodeDataValue>>
+): Record<string, NodeDataValue> {
+	const resolved: Record<string, NodeDataValue> = {};
+	for (const port of node.inputs) {
+		const edge = edges.find(
+			(e) => e.to_node_id === node.id && e.to_port_id === port.id
+		);
+		if (edge) {
+			resolved[port.id] =
+				dataMap[edge.from_node_id]?.[edge.from_port_id] ?? null;
+		} else {
+			resolved[port.id] =
+				node.data?.[port.id] ?? (port.default_value as NodeDataValue) ?? null;
+		}
+	}
+	return resolved;
+}
+
+async function toGradioArg(value: NodeDataValue): Promise<unknown> {
+	if (value === null) return null;
+	if (typeof value === "string") return value;
+	if (typeof value === "number") return value;
+	if (typeof value === "boolean") return value;
+	if (Array.isArray(value)) return value;
+	const fileVal = value as FileValue;
+	// Blob URLs need to be uploaded to our Gradio server first
+	if (fileVal.url.startsWith("blob:") || fileVal.url.startsWith("data:")) {
+		try {
+			const response = await fetch(fileVal.url);
+			if (!response.ok)
+				throw new Error(`Blob fetch failed: ${response.status}`);
+			const blob = await response.blob();
+			const formData = new FormData();
+			formData.append("files", blob, fileVal.name || "file");
+			// Try /gradio_api/upload first, then /upload
+			for (const path of ["/gradio_api/upload", "/upload"]) {
+				const uploadRes = await fetch(path, { method: "POST", body: formData });
+				if (uploadRes.ok) {
+					const files = await uploadRes.json();
+					return { path: files[0], url: files[0] };
+				}
+			}
+			throw new Error("Upload failed");
+		} catch (err) {
+			console.error("[Executor] File upload error:", err);
+			throw new Error(
+				`Failed to upload file: ${err instanceof Error ? err.message : err}`
+			);
+		}
+	}
+	// Remote URLs can be passed directly
+	return { url: fileVal.url };
+}
+
+const MEDIA_PORT_TYPES = new Set([
+	"image",
+	"audio",
+	"video",
+	"file",
+	"gallery",
+	"model3d"
+]);
+
+function output_matches_port_type(item: unknown, portType: string): boolean {
+	if (item === null || item === undefined) return false;
+	if (MEDIA_PORT_TYPES.has(portType)) {
+		if (typeof item === "string") {
+			return /^(https?:|blob:|data:|\/)/.test(item);
+		}
+		return (
+			typeof item === "object" &&
+			("path" in (item as object) || "url" in (item as object))
+		);
+	}
+	if (portType === "text") return typeof item === "string";
+	if (portType === "number") return typeof item === "number";
+	if (portType === "boolean") return typeof item === "boolean";
+	if (portType === "json")
+		return typeof item === "object" || Array.isArray(item);
+	return true;
+}
+
+function pick_response_item(
+	port: { type: string; output_index?: number },
+	port_index: number,
+	output_data: unknown[],
+	total_ports: number
+): unknown {
+	const primary =
+		typeof port.output_index === "number"
+			? output_data[port.output_index]
+			: total_ports === 1 && output_data.length > 1
+				? null
+				: output_data[port_index];
+
+	if (primary != null && output_matches_port_type(primary, port.type)) {
+		return primary;
+	}
+
+	const shape_match = output_data.find((item) =>
+		output_matches_port_type(item, port.type)
+	);
+	if (shape_match !== undefined) return shape_match;
+
+	return primary ?? output_data[0] ?? null;
+}
+
+function fromGradioOutput(result: unknown, portType: string): NodeDataValue {
+	if (result === null || result === undefined) return null;
+	if (
+		typeof result === "object" &&
+		!Array.isArray(result) &&
+		(result as Record<string, unknown>).__type__ === "update" &&
+		"value" in (result as Record<string, unknown>)
+	) {
+		return fromGradioOutput(
+			(result as Record<string, unknown>).value,
+			portType
+		);
+	}
+	if (Array.isArray(result)) {
+		if (result.length === 0) return null;
+		return fromGradioOutput(result[result.length - 1], portType);
+	}
+	if (typeof result === "number") return result;
+	if (typeof result === "boolean") return result;
+	if (typeof result === "string") {
+		if (
+			portType !== "text" &&
+			(result.startsWith("http://") ||
+				result.startsWith("https://") ||
+				result.startsWith("blob:") ||
+				result.startsWith("data:"))
+		) {
+			return {
+				name: "output",
+				url: result,
+				mime:
+					portType === "image"
+						? "image/png"
+						: portType === "audio"
+							? "audio/wav"
+							: "video/mp4"
+			} satisfies FileValue;
+		}
+		return result;
+	}
+	if (
+		typeof result === "object" &&
+		"url" in (result as Record<string, unknown>)
+	) {
+		const obj = result as Record<string, unknown>;
+		return {
+			name: (obj.orig_name as string) ?? "output",
+			url: obj.url as string,
+			mime: (obj.mime_type as string) ?? "application/octet-stream"
+		} satisfies FileValue;
+	}
+	return String(result);
+}
+
+export async function executeWorkflow(
+	workflow: Workflow,
+	onStatus: StatusCallback,
+	onOutput: OutputCallback,
+	signal?: AbortSignal,
+	serverCallSpace?: ServerCallFn,
+	serverCallModel?: ServerCallModelFn,
+	serverFetchDataset?: ServerFetchDatasetFn,
+	serverCallFn?: ServerCallPyFn,
+	stream_text_generation?: StreamTextFn
+): Promise<void> {
+	const { nodes, edges } = toLegacyShape(workflow);
+	const dataMap: Record<string, Record<string, NodeDataValue>> = {};
+	const failed_nodes = new Map<string, string>();
+
+	function mark_node_failed(node: WFNode, err: unknown): void {
+		const msg = err instanceof Error ? err.message : String(err);
+		const errorType = (err as { errorType?: string })?.errorType;
+		onStatus(node.id, "error", msg, errorType);
+		failed_nodes.set(node.id, node.label);
+		dataMap[node.id] = {};
+		for (const port of node.outputs) dataMap[node.id][port.id] = null;
+	}
+
+	function missing_input_message(node: WFNode, port: Port): string {
+		const edge = edges.find(
+			(e) => e.to_node_id === node.id && e.to_port_id === port.id
+		);
+		if (edge) {
+			const upstream = nodes.find((n) => n.id === edge.from_node_id);
+			if (upstream && failed_nodes.has(upstream.id)) {
+				return `"${port.label}" is missing — upstream node "${upstream.label}" failed`;
+			}
+		}
+		return `"${port.label}" is missing — an upstream node may have failed`;
+	}
+
+	// Seed input nodes (including component nodes with no incoming edges)
+	for (const node of nodes.filter((n) => {
+		if (n.kind === "input") return true;
+		if (n.kind === "component") {
+			return !edges.some((e) => e.to_node_id === n.id);
+		}
+		return false;
+	})) {
+		dataMap[node.id] = { ...(node.data ?? {}) };
+	}
+
+	// Build layers for parallel execution
+	const sorted = topoSort(nodes, edges);
+	const layers: WFNode[][] = [];
+	for (const node of sorted) {
+		const depDepth = edges
+			.filter((e) => e.to_node_id === node.id)
+			.map((e) =>
+				layers.findIndex((layer) => layer.some((n) => n.id === e.from_node_id))
+			)
+			.reduce((max, d) => Math.max(max, d), -1);
+		const layerIdx = depDepth + 1;
+		while (layers.length <= layerIdx) layers.push([]);
+		layers[layerIdx].push(node);
+	}
+
+	async function executeNode(node: WFNode): Promise<void> {
+		if (signal?.aborted) return;
+
+		// Component nodes with no incoming edges act as inputs
+		const isComponentInput =
+			node.kind === "component" && !edges.some((e) => e.to_node_id === node.id);
+
+		// Dataset operators take a single scalar "row_index" input. When wired,
+		// upstream supplies the offset; when unwired the inline default (set at
+		// picker time, edited on the node body) is used.
+		if (node.source === "dataset" && node.dataset_id) {
+			onStatus(node.id, "running");
+			try {
+				if (!serverFetchDataset)
+					throw new Error("Dataset fetch function not available");
+				const inputs = resolveInputs(node, edges, dataMap);
+				const raw = inputs["row_index"] ?? 0;
+				const n = typeof raw === "number" ? raw : Number(raw);
+				const offset = Math.max(0, Math.trunc(Number.isFinite(n) ? n : 0));
+				const resultJson = await serverFetchDataset(
+					node.dataset_id,
+					node.dataset_config ?? "default",
+					node.dataset_split ?? "train",
+					String(offset),
+					"1"
+				);
+				const result = JSON.parse(resultJson);
+				if (result.error) throw new Error(result.error);
+
+				const row = result.rows?.[0] ?? {};
+				dataMap[node.id] = {};
+				for (const port of node.outputs) {
+					const value = row[port.label] ?? null;
+					// Convert image/audio objects to file values
+					if (value && typeof value === "object" && "src" in value) {
+						const fileVal = {
+							name: port.label,
+							url: value.src,
+							mime: "application/octet-stream"
+						};
+						dataMap[node.id][port.id] = fileVal as NodeDataValue;
+						onOutput(node.id, port.id, fileVal as NodeDataValue);
+					} else {
+						dataMap[node.id][port.id] = value as NodeDataValue;
+						onOutput(node.id, port.id, value as NodeDataValue);
+					}
+				}
+				onStatus(node.id, "done");
+			} catch (err) {
+				mark_node_failed(node, err);
+			}
+			return;
+		}
+
+		if (node.kind === "input" || isComponentInput) {
+			onStatus(node.id, "done");
+			return;
+		}
+
+		// Component nodes with incoming edges act as outputs
+		const isComponentOutput =
+			node.kind === "component" && edges.some((e) => e.to_node_id === node.id);
+		if (node.kind === "output" || isComponentOutput) {
+			const inputs = resolveInputs(node, edges, dataMap);
+			const inputPort = node.inputs[0];
+			if (inputPort) {
+				const value = inputs[inputPort.id];
+				dataMap[node.id] = { [inputPort.id]: value };
+				onOutput(node.id, inputPort.id, value);
+				const outputPort = node.outputs[0];
+				if (outputPort) {
+					dataMap[node.id][outputPort.id] = value;
+				}
+			}
+			onStatus(node.id, "done");
+			return;
+		}
+
+		// Python function nodes (FnNode) call back to the Python server
+		if (node.source === "fn" && node.fn) {
+			onStatus(node.id, "running");
+			try {
+				if (!serverCallFn)
+					throw new Error("Python function call not available");
+				const inputs = resolveInputs(node, edges, dataMap);
+				for (const port of node.inputs) {
+					if (port.required && inputs[port.id] === null) {
+						throw new Error(missing_input_message(node, port));
+					}
+				}
+				const args = node.inputs.map((port) => inputs[port.id]);
+				const resultJson = await serverCallFn(node.fn, JSON.stringify(args));
+				const resultData = JSON.parse(resultJson);
+				if (
+					resultData &&
+					typeof resultData === "object" &&
+					"error" in resultData
+				) {
+					throw new Error(resultData.error);
+				}
+				dataMap[node.id] = {};
+				const outputData = Array.isArray(resultData)
+					? resultData
+					: [resultData];
+				node.outputs.forEach((port, i) => {
+					const value = fromGradioOutput(outputData[i] ?? null, port.type);
+					dataMap[node.id][port.id] = value;
+					onOutput(node.id, port.id, value);
+				});
+				onStatus(node.id, "done");
+			} catch (err) {
+				mark_node_failed(node, err);
+			}
+			return;
+		}
+
+		if (node.kind === "transform" && (node.space_id || node.model_id)) {
+			onStatus(node.id, "running");
+
+			try {
+				const inputs = resolveInputs(node, edges, dataMap);
+				for (const port of node.inputs) {
+					if (port.required && inputs[port.id] === null) {
+						throw new Error(missing_input_message(node, port));
+					}
+				}
+				const args = await Promise.all(
+					node.inputs.map((port) => toGradioArg(inputs[port.id]))
+				);
+
+				let resultJson: string;
+
+				if (node.source === "model" && node.model_id) {
+					if (!serverCallModel) {
+						throw new Error("Model call function not available");
+					}
+					// Prefer browser-side streaming for chat-completion-compatible
+					// text tasks so the UI receives tokens as they arrive. The
+					// Python path stays for every other task.
+					const tag = node.pipeline_tag ?? "text-generation";
+					const streamable =
+						(tag === "text-generation" ||
+							tag === "text2text-generation" ||
+							tag === "conversational") &&
+						!!stream_text_generation;
+					if (streamable) {
+						const prompt =
+							typeof args[0] === "string" ? args[0] : String(args[0] ?? "");
+						const outputPort = node.outputs[0];
+						const final = await stream_text_generation!(
+							node.model_id,
+							prompt,
+							node.provider,
+							signal,
+							(_delta, accumulated) => {
+								if (outputPort) onOutput(node.id, outputPort.id, accumulated);
+							}
+						);
+						resultJson = JSON.stringify([final]);
+					} else {
+						resultJson = await Promise.race([
+							serverCallModel(
+								node.model_id,
+								tag,
+								JSON.stringify(args),
+								node.provider
+							),
+							new Promise<never>((_, reject) =>
+								setTimeout(
+									() =>
+										reject(
+											new Error("Request timed out — model may be loading")
+										),
+									300000
+								)
+							)
+						]);
+					}
+				} else {
+					const endpointName = node.endpoint ?? "/predict";
+					if (!serverCallSpace) {
+						throw new Error("Server call function not available");
+					}
+					resultJson = await Promise.race([
+						serverCallSpace(node.space_id!, endpointName, JSON.stringify(args)),
+						new Promise<never>((_, reject) =>
+							setTimeout(
+								() =>
+									reject(
+										new Error("Request timed out — Space may be overloaded")
+									),
+								300000
+							)
+						)
+					]);
+				}
+
+				const resultData = JSON.parse(resultJson);
+
+				// Check for structured error from Python
+				if (
+					resultData &&
+					typeof resultData === "object" &&
+					"error" in resultData
+				) {
+					const suggestion = resultData.suggestion;
+					const errorType = resultData.error_type;
+					const title = resultData.title;
+					const rawMsg = title
+						? `${title}: ${resultData.error}`
+						: resultData.error;
+					const msg = suggestion || rawMsg;
+					const err = new Error(msg);
+					(err as any).errorType = errorType;
+					throw err;
+				}
+
+				dataMap[node.id] = {};
+				const outputData = Array.isArray(resultData)
+					? resultData
+					: [resultData];
+				node.outputs.forEach((port, i) => {
+					const raw = pick_response_item(
+						port,
+						i,
+						outputData,
+						node.outputs.length
+					);
+					const value = fromGradioOutput(raw, port.type);
+					dataMap[node.id][port.id] = value;
+					onOutput(node.id, port.id, value);
+				});
+
+				onStatus(node.id, "done");
+			} catch (err) {
+				mark_node_failed(node, err);
+			}
+		}
+	}
+
+	// Execute layers in parallel
+	for (const layer of layers) {
+		if (signal?.aborted) break;
+		await Promise.all(layer.map(executeNode));
+	}
+}
diff --git a/js/workflowcanvas/workflow/workflow-graph.test.ts b/js/workflowcanvas/workflow/workflow-graph.test.ts
new file mode 100644
index 0000000..5a60481
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-graph.test.ts
@@ -0,0 +1,365 @@
+import { describe, test, expect } from "vitest";
+import {
+	findFreeSpot,
+	countSubgraphs,
+	topoSort,
+	resolveCurrentInputs,
+	computeStaleNodes,
+	buildUpstreamSubgraph
+} from "./workflow-graph";
+import type {
+	NodeStatus,
+	OperatorNode,
+	ReferenceNode,
+	SubjectNode,
+	WFEdge,
+	WFNode,
+	Workflow
+} from "./workflow-types";
+
+function ref(
+	id: string,
+	overrides: Partial<ReferenceNode> = {}
+): ReferenceNode {
+	return {
+		id,
+		role: "reference",
+		label: id,
+		asset_type: "text",
+		inputs: [{ id: "in", label: "in", type: "text" }],
+		outputs: [{ id: "out", label: "out", type: "text" }],
+		data: {},
+		x: 0,
+		y: 0,
+		width: 200,
+		height: 160,
+		...overrides
+	};
+}
+
+function op(id: string, overrides: Partial<OperatorNode> = {}): OperatorNode {
+	return {
+		id,
+		role: "operator",
+		kind: "model",
+		label: id,
+		model_id: `user/${id}`,
+		inputs: [{ id: "in", label: "in", type: "text" }],
+		outputs: [{ id: "out", label: "out", type: "text" }],
+		data: {},
+		x: 0,
+		y: 0,
+		width: 280,
+		height: 90,
+		runtime: "client",
+		...overrides
+	};
+}
+
+function sub(id: string, overrides: Partial<SubjectNode> = {}): SubjectNode {
+	return {
+		id,
+		role: "subject",
+		label: id,
+		asset_type: "text",
+		inputs: [{ id: "in", label: "in", type: "text" }],
+		outputs: [{ id: "out", label: "out", type: "text" }],
+		data: {},
+		x: 0,
+		y: 0,
+		width: 200,
+		height: 160,
+		...overrides
+	};
+}
+
+function wf(overrides: Partial<Workflow> = {}): Workflow {
+	return {
+		schema_version: "2",
+		name: "Test",
+		runtime: { default: "client" },
+		references: [],
+		operators: [],
+		subjects: [],
+		edges: [],
+		view: { default: "canvas" },
+		...overrides
+	};
+}
+
+function edge(from: string, to: string, port = "in"): WFEdge {
+	return {
+		id: `${from}-${to}`,
+		from_node_id: from,
+		from_port_id: "out",
+		to_node_id: to,
+		to_port_id: port,
+		type: "text"
+	};
+}
+
+// Cast helpers to the WFNode shape `resolveCurrentInputs` / `topoSort`
+// expect, mirroring `toLegacyShape`'s output.
+function asLegacy(n: ReferenceNode | OperatorNode | SubjectNode): WFNode {
+	return {
+		id: n.id,
+		kind: n.role === "operator" ? "transform" : "component",
+		label: n.label,
+		source: n.role === "operator" ? "model" : "local",
+		inputs: n.inputs,
+		outputs: n.outputs,
+		x: n.x,
+		y: n.y,
+		width: n.width,
+		height: n.height,
+		data: n.data
+	};
+}
+
+describe("findFreeSpot", () => {
+	test("returns the input position unchanged when no node is nearby", () => {
+		expect(findFreeSpot([], 100, 100)).toEqual({ x: 100, y: 100 });
+		expect(findFreeSpot([{ x: 500, y: 500 }], 100, 100)).toEqual({
+			x: 100,
+			y: 100
+		});
+	});
+
+	test("cascades diagonally by 28px when the spot is taken", () => {
+		expect(findFreeSpot([{ x: 100, y: 100 }], 100, 100)).toEqual({
+			x: 128,
+			y: 128
+		});
+	});
+
+	test("keeps cascading until a free spot is found", () => {
+		const occupied = [
+			{ x: 100, y: 100 },
+			{ x: 128, y: 128 },
+			{ x: 156, y: 156 }
+		];
+		expect(findFreeSpot(occupied, 100, 100)).toEqual({ x: 184, y: 184 });
+	});
+
+	test("treats positions within 8px as overlapping", () => {
+		expect(findFreeSpot([{ x: 104, y: 104 }], 100, 100)).toEqual({
+			x: 128,
+			y: 128
+		});
+	});
+});
+
+describe("topoSort", () => {
+	test("orders independent nodes in input order", () => {
+		const a = asLegacy(ref("a"));
+		const b = asLegacy(ref("b"));
+		expect(topoSort([a, b], []).map((n) => n.id)).toEqual(["a", "b"]);
+	});
+
+	test("places upstream nodes before downstream ones", () => {
+		const a = asLegacy(ref("a"));
+		const b = asLegacy(op("b"));
+		const c = asLegacy(sub("c"));
+		const sorted = topoSort([c, b, a], [edge("a", "b"), edge("b", "c")]);
+		expect(sorted.map((n) => n.id)).toEqual(["a", "b", "c"]);
+	});
+
+	test("handles diamond dependencies", () => {
+		const a = asLegacy(ref("a"));
+		const b = asLegacy(op("b"));
+		const c = asLegacy(op("c"));
+		const d = asLegacy(sub("d"));
+		const sorted = topoSort(
+			[d, c, b, a],
+			[edge("a", "b"), edge("a", "c"), edge("b", "d"), edge("c", "d")]
+		);
+		const order = sorted.map((n) => n.id);
+		expect(order.indexOf("a")).toBeLessThan(order.indexOf("b"));
+		expect(order.indexOf("a")).toBeLessThan(order.indexOf("c"));
+		expect(order.indexOf("b")).toBeLessThan(order.indexOf("d"));
+		expect(order.indexOf("c")).toBeLessThan(order.indexOf("d"));
+	});
+});
+
+describe("countSubgraphs", () => {
+	test("returns 0 for an empty graph", () => {
+		expect(countSubgraphs([], [])).toBe(0);
+	});
+
+	test("counts each unconnected node as its own subgraph", () => {
+		const a = asLegacy(ref("a"));
+		const b = asLegacy(ref("b"));
+		const c = asLegacy(ref("c"));
+		expect(countSubgraphs([a, b, c], [])).toBe(3);
+	});
+
+	test("collapses a connected chain into one subgraph", () => {
+		const a = asLegacy(ref("a"));
+		const b = asLegacy(op("b"));
+		const c = asLegacy(sub("c"));
+		expect(countSubgraphs([a, b, c], [edge("a", "b"), edge("b", "c")])).toBe(1);
+	});
+
+	test("counts two independent pipelines separately", () => {
+		const a = asLegacy(ref("a"));
+		const b = asLegacy(sub("b"));
+		const c = asLegacy(ref("c"));
+		const d = asLegacy(sub("d"));
+		expect(countSubgraphs([a, b, c, d], [edge("a", "b"), edge("c", "d")])).toBe(
+			2
+		);
+	});
+
+	test("treats edges as undirected when merging components", () => {
+		const a = asLegacy(ref("a"));
+		const b = asLegacy(op("b"));
+		const c = asLegacy(ref("c"));
+		// a -> b and c -> b: both feed b, so all three are one subgraph.
+		expect(countSubgraphs([a, b, c], [edge("a", "b"), edge("c", "b")])).toBe(1);
+	});
+});
+
+describe("resolveCurrentInputs", () => {
+	test("falls back to inline data when no edge is wired", () => {
+		const node = asLegacy(ref("a", { data: { in: "hello" } }));
+		expect(resolveCurrentInputs(node, [node], [])).toEqual({ in: "hello" });
+	});
+
+	test("uses port default_value if no edge and no inline data", () => {
+		const node = asLegacy(
+			ref("a", {
+				inputs: [
+					{ id: "in", label: "in", type: "text", default_value: "fallback" }
+				]
+			})
+		);
+		expect(resolveCurrentInputs(node, [node], [])).toEqual({ in: "fallback" });
+	});
+
+	test("returns null when neither edge, data, nor default is present", () => {
+		const node = asLegacy(ref("a"));
+		expect(resolveCurrentInputs(node, [node], [])).toEqual({ in: null });
+	});
+
+	test("reads from upstream node's data when wired", () => {
+		const up = asLegacy(ref("up", { data: { out: "from-upstream" } }));
+		const down = asLegacy(op("down"));
+		expect(
+			resolveCurrentInputs(down, [up, down], [edge("up", "down")])
+		).toEqual({ in: "from-upstream" });
+	});
+
+	test("preferring edge over inline data on the downstream node", () => {
+		const up = asLegacy(ref("up", { data: { out: "wired" } }));
+		const down = asLegacy(op("down", { data: { in: "inline" } }));
+		expect(
+			resolveCurrentInputs(down, [up, down], [edge("up", "down")])
+		).toEqual({ in: "wired" });
+	});
+});
+
+describe("computeStaleNodes", () => {
+	test("never marks not-yet-run nodes as stale", () => {
+		const a = asLegacy(ref("a"));
+		const status: Record<string, NodeStatus> = {};
+		expect(computeStaleNodes([a], [], status, {})).toEqual(new Set());
+	});
+
+	test("marks a done node stale when its inputs differ from its snapshot", () => {
+		const a = asLegacy(ref("a", { data: { in: "now" } }));
+		const status = { a: "done" as NodeStatus };
+		const snapshots = { a: JSON.stringify({ in: "then" }) };
+		expect(computeStaleNodes([a], [], status, snapshots).has("a")).toBe(true);
+	});
+
+	test("does not mark a done node stale when inputs match", () => {
+		const a = asLegacy(ref("a", { data: { in: "same" } }));
+		const status = { a: "done" as NodeStatus };
+		const snapshots = { a: JSON.stringify({ in: "same" }) };
+		expect(computeStaleNodes([a], [], status, snapshots).has("a")).toBe(false);
+	});
+
+	test("propagates staleness transitively downstream", () => {
+		const up = asLegacy(ref("up", { data: { in: "now" } }));
+		const down = asLegacy(op("down", { data: { in: "matches" } }));
+		const edges = [edge("up", "down")];
+		const status = {
+			up: "done" as NodeStatus,
+			down: "done" as NodeStatus
+		};
+		const snapshots = {
+			up: JSON.stringify({ in: "then" }),
+			down: JSON.stringify({ in: "matches" })
+		};
+		const stale = computeStaleNodes([up, down], edges, status, snapshots);
+		expect(stale.has("up")).toBe(true);
+		expect(stale.has("down")).toBe(true);
+	});
+
+	test("skips snapshot-less nodes (never run successfully)", () => {
+		const a = asLegacy(ref("a", { data: { in: "now" } }));
+		const status = { a: "done" as NodeStatus };
+		expect(computeStaleNodes([a], [], status, {}).has("a")).toBe(false);
+	});
+});
+
+describe("buildUpstreamSubgraph", () => {
+	test("includes only the target when it has no upstream", () => {
+		const a = ref("a");
+		const result = buildUpstreamSubgraph(wf({ references: [a] }), "a");
+		expect(result.references).toHaveLength(1);
+		expect(result.operators).toHaveLength(0);
+		expect(result.subjects).toHaveLength(0);
+	});
+
+	test("walks transitively up the edge chain", () => {
+		const a = ref("a");
+		const b = op("b");
+		const c = op("c");
+		const d = sub("d");
+		const e = sub("e");
+		const result = buildUpstreamSubgraph(
+			wf({
+				references: [a],
+				operators: [b, c],
+				subjects: [d, e],
+				edges: [edge("a", "b"), edge("b", "c"), edge("c", "d"), edge("a", "e")]
+			}),
+			"d"
+		);
+		// d → c → b → a should all be included; e is unrelated.
+		const ids = [
+			...result.references.map((n) => n.id),
+			...result.operators.map((n) => n.id),
+			...result.subjects.map((n) => n.id)
+		].sort();
+		expect(ids).toEqual(["a", "b", "c", "d"]);
+	});
+
+	test("drops edges that touch nodes outside the subgraph", () => {
+		const a = ref("a");
+		const b = op("b");
+		const c = sub("c"); // unrelated
+		const result = buildUpstreamSubgraph(
+			wf({
+				references: [a],
+				operators: [b],
+				subjects: [c],
+				edges: [edge("a", "b"), edge("a", "c")]
+			}),
+			"b"
+		);
+		expect(result.edges.map((e) => e.id)).toEqual(["a-b"]);
+	});
+
+	test("preserves workflow-level metadata", () => {
+		const a = ref("a");
+		const source = wf({
+			name: "Original",
+			references: [a]
+		});
+		const result = buildUpstreamSubgraph(source, "a");
+		expect(result.schema_version).toBe("2");
+		expect(result.name).toBe("Original");
+	});
+});
diff --git a/js/workflowcanvas/workflow/workflow-graph.ts b/js/workflowcanvas/workflow/workflow-graph.ts
new file mode 100644
index 0000000..80a2523
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-graph.ts
@@ -0,0 +1,175 @@
+/**
+ * Pure graph utilities used by the canvas — extracted so they can be
+ * unit-tested without standing up a Svelte component. Anything that
+ * computes a value from the workflow / node lists / edges and doesn't
+ * touch the DOM lives here.
+ */
+
+import type { NodeStatus, WFEdge, WFNode, Workflow } from "./workflow-types";
+
+/**
+ * Walk diagonally from (x, y) in 28px steps until an open spot is found
+ * that doesn't visually overlap an existing node. Used by code paths
+ * that drop a fresh node at a fixed fallback position (canvas center,
+ * picker create, etc.) — without this, successive adds stack identically.
+ */
+export function findFreeSpot(
+	nodes: { x: number; y: number }[],
+	x: number,
+	y: number
+): { x: number; y: number } {
+	let nx = x;
+	let ny = y;
+	while (nodes.some((n) => Math.abs(n.x - nx) < 8 && Math.abs(n.y - ny) < 8)) {
+		nx += 28;
+		ny += 28;
+	}
+	return { x: nx, y: ny };
+}
+
+/**
+ * Count the number of independent subgraphs (weakly connected components)
+ * in the workflow — i.e. how many disconnected pipelines exist. Edges are
+ * treated as undirected; an unconnected node counts as its own subgraph.
+ * This is what the toolbar surfaces instead of raw node/edge counts: it
+ * maps to the number of distinct things the workflow produces.
+ */
+export function countSubgraphs(nodes: WFNode[], edges: WFEdge[]): number {
+	const parent = new Map<string, string>(nodes.map((n) => [n.id, n.id]));
+	const find = (id: string): string => {
+		let root = id;
+		while (parent.get(root) !== root) root = parent.get(root)!;
+		while (parent.get(id) !== root) {
+			const next = parent.get(id)!;
+			parent.set(id, root);
+			id = next;
+		}
+		return root;
+	};
+	for (const e of edges) {
+		if (!parent.has(e.from_node_id) || !parent.has(e.to_node_id)) continue;
+		parent.set(find(e.from_node_id), find(e.to_node_id));
+	}
+	const roots = new Set<string>();
+	for (const n of nodes) roots.add(find(n.id));
+	return roots.size;
+}
+
+/**
+ * Topological sort: returns a sorted list of nodes such that every edge
+ * goes from an earlier node to a later one. Standard Kahn's algorithm.
+ */
+export function topoSort(nodes: WFNode[], edges: WFEdge[]): WFNode[] {
+	const deg = new Map(nodes.map((n) => [n.id, 0]));
+	for (const e of edges)
+		deg.set(e.to_node_id, (deg.get(e.to_node_id) ?? 0) + 1);
+	const q = nodes.filter((n) => deg.get(n.id) === 0);
+	const out: WFNode[] = [];
+	while (q.length) {
+		const n = q.shift()!;
+		out.push(n);
+		for (const e of edges.filter((e) => e.from_node_id === n.id)) {
+			const d = (deg.get(e.to_node_id) ?? 1) - 1;
+			deg.set(e.to_node_id, d);
+			if (d === 0) q.push(nodes.find((nd) => nd.id === e.to_node_id)!);
+		}
+	}
+	return out;
+}
+
+/**
+ * Compute the effective input values for a node right now — mirrors the
+ * executor's `resolveInputs` so the canvas can detect staleness without
+ * re-running the graph. For each input port:
+ *  - if wired, take the upstream node's stored data for that output port,
+ *  - otherwise fall back to the node's own inline data or port default.
+ */
+export function resolveCurrentInputs(
+	node: WFNode,
+	allNodes: WFNode[],
+	edges: WFEdge[]
+): Record<string, unknown> {
+	const resolved: Record<string, unknown> = {};
+	for (const port of node.inputs) {
+		const edge = edges.find(
+			(e) => e.to_node_id === node.id && e.to_port_id === port.id
+		);
+		if (edge) {
+			const upstream = allNodes.find((n) => n.id === edge.from_node_id);
+			resolved[port.id] = upstream?.data?.[edge.from_port_id] ?? null;
+		} else {
+			resolved[port.id] = node.data?.[port.id] ?? port.default_value ?? null;
+		}
+	}
+	return resolved;
+}
+
+/**
+ * Compute the set of node IDs that are currently "stale": their last
+ * successful run happened with inputs that no longer match the current
+ * ones, OR an upstream node is stale (so re-running will change this
+ * one's inputs). Walks in topological order so transitive staleness
+ * propagates in a single pass.
+ *
+ * Pattern lifted from `gradio-app/daggr`'s edge-stale derivation.
+ */
+export function computeStaleNodes(
+	nodes: WFNode[],
+	edges: WFEdge[],
+	nodeStatus: Record<string, NodeStatus>,
+	inputSnapshots: Record<string, string>
+): Set<string> {
+	const stale = new Set<string>();
+	const sorted = topoSort(nodes, edges);
+	for (const node of sorted) {
+		if (nodeStatus[node.id] !== "done") continue;
+		const snapshot = inputSnapshots[node.id];
+		if (
+			snapshot &&
+			JSON.stringify(resolveCurrentInputs(node, nodes, edges)) !== snapshot
+		) {
+			stale.add(node.id);
+			continue;
+		}
+		for (const edge of edges) {
+			if (edge.to_node_id === node.id && stale.has(edge.from_node_id)) {
+				stale.add(node.id);
+				break;
+			}
+		}
+	}
+	return stale;
+}
+
+/**
+ * Subgraph for "run this node": target + all upstream deps + direct downstream
+ * nodes (one hop), so output subjects update without running unrelated branches.
+ */
+export function buildUpstreamSubgraph(
+	workflow: Workflow,
+	targetId: string
+): Workflow {
+	const include = new Set<string>([targetId]);
+	const queue = [targetId];
+	while (queue.length) {
+		const cur = queue.shift()!;
+		for (const e of workflow.edges) {
+			if (e.to_node_id === cur && !include.has(e.from_node_id)) {
+				include.add(e.from_node_id);
+				queue.push(e.from_node_id);
+			}
+		}
+	}
+	for (const e of workflow.edges) {
+		if (e.from_node_id === targetId) include.add(e.to_node_id);
+	}
+	return {
+		...workflow,
+		references: workflow.references.filter((n) => include.has(n.id)),
+		operators: workflow.operators.filter((n) => include.has(n.id)),
+		subjects: workflow.subjects.filter((n) => include.has(n.id)),
+		edges: workflow.edges.filter(
+			(e) => include.has(e.from_node_id) && include.has(e.to_node_id)
+		)
+	};
+}
diff --git a/js/workflowcanvas/workflow/workflow-migration.test.ts b/js/workflowcanvas/workflow/workflow-migration.test.ts
new file mode 100644
index 0000000..014cfbf
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-migration.test.ts
@@ -0,0 +1,302 @@
+import { describe, test, expect } from "vitest";
+import {
+	isV2,
+	migrateToV2,
+	toLegacyShape,
+	allNodes,
+	findNode
+} from "./workflow-migration";
+import type {
+	OperatorNode,
+	ReferenceNode,
+	SubjectNode,
+	WFEdge,
+	Workflow,
+	WorkflowV1
+} from "./workflow-types";
+
+function makeV2(overrides: Partial<Workflow> = {}): Workflow {
+	return {
+		schema_version: "2",
+		name: "Test",
+		runtime: { default: "client" },
+		references: [],
+		operators: [],
+		subjects: [],
+		edges: [],
+		view: { default: "canvas" },
+		...overrides
+	};
+}
+
+function datasetOperator(
+	id: string,
+	overrides: Partial<OperatorNode> = {}
+): OperatorNode {
+	return {
+		id,
+		role: "operator",
+		kind: "dataset",
+		label: "Dataset",
+		dataset_id: "user/dataset",
+		dataset_config: "default",
+		dataset_split: "train",
+		inputs: [],
+		outputs: [{ id: "out_0", label: "Data", type: "json" }],
+		data: {},
+		x: 0,
+		y: 0,
+		width: 240,
+		height: 90,
+		runtime: "client",
+		...overrides
+	};
+}
+
+describe("isV2", () => {
+	test("accepts a properly-shaped v2 workflow", () => {
+		expect(isV2(makeV2())).toBe(true);
+	});
+
+	test("rejects v1-shaped workflows", () => {
+		const v1: WorkflowV1 = { version: "1", name: "old", nodes: [], edges: [] };
+		expect(isV2(v1)).toBe(false);
+	});
+
+	test("rejects null / non-objects", () => {
+		expect(isV2(null)).toBe(false);
+		expect(isV2(undefined)).toBe(false);
+		expect(isV2(42)).toBe(false);
+		expect(isV2("hello")).toBe(false);
+	});
+
+	test("rejects v2 missing required arrays", () => {
+		expect(isV2({ schema_version: "2", references: [], operators: [] })).toBe(
+			false
+		);
+	});
+});
+
+describe("migrateToV2 — v1 → v2 promotion", () => {
+	test("an empty v1 produces an empty v2", () => {
+		const result = migrateToV2({});
+		expect(result.schema_version).toBe("2");
+		expect(result.references).toEqual([]);
+		expect(result.operators).toEqual([]);
+		expect(result.subjects).toEqual([]);
+		expect(result.edges).toEqual([]);
+	});
+
+	test("v1 transforms become operators with inferred kind", () => {
+		const v1: WorkflowV1 = {
+			nodes: [
+				{
+					id: "n1",
+					kind: "transform",
+					label: "T2I",
+					source: "model",
+					model_id: "user/sd",
+					inputs: [],
+					outputs: [],
+					x: 0,
+					y: 0,
+					width: 200,
+					height: 100,
+					data: {}
+				}
+			],
+			edges: []
+		};
+		const wf = migrateToV2(v1);
+		expect(wf.operators).toHaveLength(1);
+		expect(wf.operators[0].kind).toBe("model");
+		expect(wf.operators[0].model_id).toBe("user/sd");
+	});
+
+	test("v1 components without incoming edges become references", () => {
+		const v1: WorkflowV1 = {
+			nodes: [
+				{
+					id: "n1",
+					kind: "component",
+					label: "Image",
+					source: "local",
+					inputs: [{ id: "in", label: "i", type: "image" }],
+					outputs: [{ id: "out", label: "o", type: "image" }],
+					x: 0,
+					y: 0,
+					width: 200,
+					height: 160,
+					data: {}
+				}
+			],
+			edges: []
+		};
+		const wf = migrateToV2(v1);
+		expect(wf.references).toHaveLength(1);
+		expect(wf.subjects).toHaveLength(0);
+		expect(wf.references[0].asset_type).toBe("image");
+	});
+
+	test("v1 components with incoming edges become subjects", () => {
+		const v1: WorkflowV1 = {
+			nodes: [
+				{
+					id: "n1",
+					kind: "component",
+					label: "Image",
+					source: "local",
+					inputs: [{ id: "in", label: "i", type: "image" }],
+					outputs: [{ id: "out", label: "o", type: "image" }],
+					x: 0,
+					y: 0,
+					width: 200,
+					height: 160,
+					data: {}
+				}
+			],
+			edges: [
+				{
+					id: "e1",
+					from_node_id: "x",
+					from_port_id: "out",
+					to_node_id: "n1",
+					to_port_id: "in",
+					type: "image"
+				}
+			]
+		};
+		const wf = migrateToV2(v1);
+		expect(wf.subjects).toHaveLength(1);
+		expect(wf.references).toHaveLength(0);
+	});
+
+	test("already-v2 input is returned (cleanups applied)", () => {
+		const wf = makeV2({
+			operators: [datasetOperator("d1")]
+		});
+		const result = migrateToV2(wf);
+		expect(result.schema_version).toBe("2");
+		expect(result.operators).toHaveLength(1);
+	});
+});
+
+describe("toLegacyShape", () => {
+	test("projects references to component nodes", () => {
+		const ref: ReferenceNode = {
+			id: "r1",
+			role: "reference",
+			label: "Text",
+			asset_type: "text",
+			inputs: [{ id: "in", label: "t", type: "text" }],
+			outputs: [{ id: "out", label: "t", type: "text" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 200,
+			height: 160
+		};
+		const legacy = toLegacyShape(makeV2({ references: [ref] }));
+		expect(legacy.nodes[0].kind).toBe("component");
+		expect(legacy.nodes[0].source).toBe("local");
+	});
+
+	test("projects operators with kind → source mapping", () => {
+		const op: OperatorNode = {
+			id: "d1",
+			role: "operator",
+			kind: "dataset",
+			label: "ds",
+			inputs: [],
+			outputs: [{ id: "out_0", label: "Data", type: "json" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 240,
+			height: 90,
+			runtime: "client"
+		};
+		const legacy = toLegacyShape(makeV2({ operators: [op] }));
+		expect(legacy.nodes[0].kind).toBe("transform");
+		expect(legacy.nodes[0].source).toBe("dataset");
+	});
+
+	test("projects subjects to component nodes", () => {
+		const sub: SubjectNode = {
+			id: "s1",
+			role: "subject",
+			label: "Image",
+			asset_type: "image",
+			inputs: [{ id: "in", label: "i", type: "image" }],
+			outputs: [{ id: "out", label: "o", type: "image" }],
+			data: {},
+			x: 0,
+			y: 0,
+			width: 200,
+			height: 160
+		};
+		const legacy = toLegacyShape(makeV2({ subjects: [sub] }));
+		expect(legacy.nodes[0].kind).toBe("component");
+	});
+
+	test("preserves edges verbatim", () => {
+		const edges: WFEdge[] = [
+			{
+				id: "e1",
+				from_node_id: "a",
+				from_port_id: "p1",
+				to_node_id: "b",
+				to_port_id: "p2",
+				type: "text"
+			}
+		];
+		const legacy = toLegacyShape(makeV2({ edges }));
+		expect(legacy.edges).toEqual(edges);
+	});
+});
+
+describe("allNodes / findNode", () => {
+	test("allNodes concatenates references, operators, subjects", () => {
+		const wf = makeV2({
+			references: [
+				{
+					id: "r1",
+					role: "reference",
+					label: "x",
+					asset_type: "text",
+					inputs: [],
+					outputs: [],
+					data: {},
+					x: 0,
+					y: 0,
+					width: 200,
+					height: 100
+				} as ReferenceNode
+			],
+			operators: [datasetOperator("o1")],
+			subjects: [
+				{
+					id: "s1",
+					role: "subject",
+					label: "x",
+					asset_type: "text",
+					inputs: [],
+					outputs: [],
+					data: {},
+					x: 0,
+					y: 0,
+					width: 200,
+					height: 100
+				} as SubjectNode
+			]
+		});
+		const ids = allNodes(wf).map((n) => n.id);
+		expect(ids).toEqual(["r1", "o1", "s1"]);
+	});
+
+	test("findNode locates a node by id across roles", () => {
+		const wf = makeV2({ operators: [datasetOperator("o42")] });
+		expect(findNode(wf, "o42")?.id).toBe("o42");
+		expect(findNode(wf, "missing")).toBeUndefined();
+	});
+});
diff --git a/js/workflowcanvas/workflow/workflow-migration.ts b/js/workflowcanvas/workflow/workflow-migration.ts
new file mode 100644
index 0000000..2dcbd28
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-migration.ts
@@ -0,0 +1,224 @@
+/**
+ * Schema v1 → v2 migration.
+ *
+ * v1 stored a flat `nodes` array tagged with `kind: "component" | "transform" | …`.
+ * v2 splits that into three role-collections (references / operators / subjects)
+ * so the data model expresses authoring intent, not just data flow. The graph
+ * topology is preserved exactly — edges still reference node ids — but the role
+ * tag drives studio-view rendering and lets future tooling reason about a
+ * workflow without re-deriving roles from edge topology every time.
+ *
+ * The migration is purposely conservative: when in doubt, prefer the role that
+ * keeps existing behavior (e.g. transforms always become operators, components
+ * become references unless they have incoming edges, in which case they're
+ * subjects).
+ */
+
+import type {
+	AnyNode,
+	OperatorKind,
+	OperatorNode,
+	PortType,
+	ReferenceNode,
+	SubjectNode,
+	WFEdge,
+	WFNode,
+	Workflow,
+	WorkflowV1
+} from "./workflow-types";
+
+export function isV2(wf: unknown): wf is Workflow {
+	if (!wf || typeof wf !== "object") return false;
+	const w = wf as Record<string, unknown>;
+	return (
+		w.schema_version === "2" &&
+		Array.isArray(w.references) &&
+		Array.isArray(w.operators) &&
+		Array.isArray(w.subjects) &&
+		Array.isArray(w.edges)
+	);
+}
+
+export function migrateToV2(raw: unknown): Workflow {
+	if (isV2(raw)) return raw;
+
+	const legacy = (raw ?? {}) as WorkflowV1;
+	const legacyNodes: WFNode[] = Array.isArray(legacy.nodes) ? legacy.nodes : [];
+	const edges: WFEdge[] = Array.isArray(legacy.edges) ? legacy.edges : [];
+
+	// Nodes with at least one incoming edge are "consumers" — when promoted from
+	// a v1 component, those become subjects (output tiles); otherwise references.
+	const hasIncoming = new Set<string>();
+	for (const e of edges) hasIncoming.add(e.to_node_id);
+
+	const references: ReferenceNode[] = [];
+	const operators: OperatorNode[] = [];
+	const subjects: SubjectNode[] = [];
+
+	for (const n of legacyNodes) {
+		const base = {
+			id: n.id,
+			label: n.label ?? "",
+			inputs: n.inputs ?? [],
+			outputs: n.outputs ?? [],
+			data: n.data ?? {},
+			x: n.x ?? 0,
+			y: n.y ?? 0,
+			width: n.width ?? 200,
+			height: n.height ?? 100
+		};
+
+		if (n.kind === "transform") {
+			const kind = inferOperatorKind(n);
+			operators.push({
+				...base,
+				role: "operator",
+				kind,
+				source: deriveSourceUri(n, kind),
+				space_id: n.space_id,
+				model_id: n.model_id,
+				dataset_id: n.dataset_id,
+				dataset_config: n.dataset_config,
+				dataset_split: n.dataset_split,
+				endpoint: n.endpoint,
+				pipeline_tag: n.pipeline_tag,
+				provider: n.provider,
+				fn: n.fn,
+				runtime: "client"
+			});
+			continue;
+		}
+
+		// Everything else (component / input / output / unknown) maps to either
+		// reference or subject based on edge topology.
+		const assetType: PortType = (n.outputs?.[0]?.type ??
+			n.inputs?.[0]?.type ??
+			"any") as PortType;
+
+		if (hasIncoming.has(n.id)) {
+			subjects.push({ ...base, role: "subject", asset_type: assetType });
+		} else {
+			references.push({ ...base, role: "reference", asset_type: assetType });
+		}
+	}
+
+	return {
+		schema_version: "2",
+		name: legacy.name ?? "My workflow",
+		runtime: { default: "client" },
+		references,
+		operators,
+		subjects,
+		edges,
+		view: { default: "canvas" }
+	};
+}
+
+function inferOperatorKind(n: WFNode): OperatorKind {
+	if (n.space_id || n.source === "space") return "space";
+	if (n.model_id || n.source === "model") return "model";
+	if (n.dataset_id || n.source === "dataset") return "dataset";
+	return "fn";
+}
+
+function deriveSourceUri(n: WFNode, kind: OperatorKind): string | undefined {
+	if (kind === "space" && n.space_id) return `hf://spaces/${n.space_id}`;
+	if (kind === "model" && n.model_id) return `hf://${n.model_id}`;
+	if (kind === "dataset" && n.dataset_id)
+		return `hf://datasets/${n.dataset_id}`;
+	if (kind === "fn") return n.fn ?? undefined;
+	return undefined;
+}
+
+// ─── Read helpers — keep store consumers from caring about which array a node lives in ─
+
+export function allNodes(wf: Workflow): AnyNode[] {
+	return [...wf.references, ...wf.operators, ...wf.subjects];
+}
+
+export function findNode(wf: Workflow, id: string): AnyNode | undefined {
+	return (
+		wf.references.find((n) => n.id === id) ??
+		wf.operators.find((n) => n.id === id) ??
+		wf.subjects.find((n) => n.id === id)
+	);
+}
+
+// ─── v2 → v1 adapter ────────────────────────────────────────────────────────
+//
+// The executor still reasons about v1 fields (`kind`, `source`, etc.). Rather
+// than rewriting it in the same pass, we expose a one-way projection that
+// reconstructs a v1-shaped node from a v2 node. Cheap, pure, deterministic.
+
+/**
+ * Project a v2 workflow into the legacy v1 shape that executor + any other
+ * still-v1 consumers expect. The migration sets the source identifiers and
+ * derives `kind` from role + edge topology so the v1 contract holds exactly.
+ */
+export function toLegacyShape(wf: Workflow): {
+	version: "1";
+	name: string;
+	nodes: WFNode[];
+	edges: WFEdge[];
+} {
+	const hasIncoming = new Set<string>();
+	for (const e of wf.edges) hasIncoming.add(e.to_node_id);
+
+	const nodes: WFNode[] = [];
+	for (const n of wf.references) {
+		nodes.push({
+			id: n.id,
+			kind: "component",
+			label: n.label,
+			source: "local",
+			inputs: n.inputs,
+			outputs: n.outputs,
+			x: n.x,
+			y: n.y,
+			width: n.width,
+			height: n.height,
+			data: n.data
+		});
+	}
+	for (const n of wf.operators) {
+		nodes.push({
+			id: n.id,
+			kind: "transform",
+			label: n.label,
+			source: n.kind,
+			space_id: n.space_id,
+			model_id: n.model_id,
+			dataset_id: n.dataset_id,
+			dataset_config: n.dataset_config,
+			dataset_split: n.dataset_split,
+			endpoint: n.endpoint,
+			endpoints: n.endpoints,
+			pipeline_tag: n.pipeline_tag,
+			provider: n.provider,
+			fn: n.fn,
+			inputs: n.inputs,
+			outputs: n.outputs,
+			x: n.x,
+			y: n.y,
+			width: n.width,
+			height: n.height,
+			data: n.data
+		});
+	}
+	for (const n of wf.subjects) {
+		nodes.push({
+			id: n.id,
+			kind: "component",
+			label: n.label,
+			source: "local",
+			inputs: n.inputs,
+			outputs: n.outputs,
+			x: n.x,
+			y: n.y,
+			width: n.width,
+			height: n.height,
+			data: n.data
+		});
+	}
+	return { version: "1", name: wf.name, nodes, edges: wf.edges };
+}
diff --git a/js/workflowcanvas/workflow/workflow-modalities.test.ts b/js/workflowcanvas/workflow/workflow-modalities.test.ts
new file mode 100644
index 0000000..da59a2a
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-modalities.test.ts
@@ -0,0 +1,138 @@
+import { describe, test, expect } from "vitest";
+import type { PortType } from "./workflow-types";
+import {
+	MODALITIES,
+	DATASET_MODALITY,
+	ALL_MODALITY,
+	PORT_REGISTRY,
+	portMeta,
+	modalityForPort
+} from "./workflow-modalities";
+
+describe("ModalityConfig.port_type", () => {
+	test("every picker modality declares a canonical port type", () => {
+		for (const m of MODALITIES) {
+			expect(
+				m.port_type,
+				`modality ${m.key} missing port_type`
+			).not.toBeUndefined();
+		}
+	});
+
+	test("each modality's port_type round-trips through modalityForPort", () => {
+		for (const m of MODALITIES) {
+			if (!m.port_type) continue;
+			const reverse = modalityForPort(m.port_type);
+			expect(
+				reverse?.key,
+				`port ${m.port_type} did not resolve back to ${m.key}`
+			).toBe(m.key);
+		}
+	});
+
+	test("dataset + all meta modalities have no canonical port type", () => {
+		expect(DATASET_MODALITY.port_type).toBeNull();
+		expect(ALL_MODALITY.port_type).toBeNull();
+	});
+
+	test("known modality → port_type mapping", () => {
+		const byKey = Object.fromEntries(
+			MODALITIES.map((m) => [m.key, m.port_type])
+		);
+		expect(byKey.image).toBe("image");
+		expect(byKey.audio).toBe("audio");
+		expect(byKey.video).toBe("video");
+		expect(byKey["3d"]).toBe("model3d");
+		expect(byKey.text).toBe("text");
+	});
+});
+
+describe("PORT_REGISTRY", () => {
+	test("contains every user-facing port type", () => {
+		const expected: PortType[] = [
+			"image",
+			"audio",
+			"video",
+			"model3d",
+			"text",
+			"number",
+			"boolean",
+			"json",
+			"gallery"
+		];
+		for (const t of expected) {
+			expect(
+				PORT_REGISTRY.find((p) => p.port_type === t),
+				`registry missing ${t}`
+			).toBeTruthy();
+		}
+	});
+
+	test("excludes inference-only fallbacks (any, file)", () => {
+		expect(PORT_REGISTRY.find((p) => p.port_type === "any")).toBeUndefined();
+		expect(PORT_REGISTRY.find((p) => p.port_type === "file")).toBeUndefined();
+	});
+
+	test("every entry has a non-empty label", () => {
+		for (const p of PORT_REGISTRY) {
+			expect(p.label.length, `${p.port_type} has empty label`).toBeGreaterThan(
+				0
+			);
+		}
+	});
+
+	test("each entry's modality_key (if set) points at an existing modality", () => {
+		for (const p of PORT_REGISTRY) {
+			if (!p.modality_key) continue;
+			expect(
+				MODALITIES.find((m) => m.key === p.modality_key),
+				`port ${p.port_type} references unknown modality ${p.modality_key}`
+			).toBeTruthy();
+		}
+	});
+
+	test("port types are unique", () => {
+		const types = PORT_REGISTRY.map((p) => p.port_type);
+		expect(new Set(types).size).toBe(types.length);
+	});
+});
+
+describe("portMeta", () => {
+	test("returns the registry entry for a known port type", () => {
+		expect(portMeta("image")?.label).toBe("Image");
+		expect(portMeta("text")?.label).toBe("Text");
+		expect(portMeta("number")?.label).toBe("Number");
+		expect(portMeta("boolean")?.label).toBe("Toggle");
+		expect(portMeta("model3d")?.label).toBe("3D");
+	});
+
+	test("returns null for inference-only fallback types", () => {
+		expect(portMeta("any")).toBeNull();
+		expect(portMeta("file")).toBeNull();
+	});
+});
+
+describe("modalityForPort", () => {
+	test("routes media types to their picker modality", () => {
+		expect(modalityForPort("image")?.key).toBe("image");
+		expect(modalityForPort("audio")?.key).toBe("audio");
+		expect(modalityForPort("video")?.key).toBe("video");
+		expect(modalityForPort("model3d")?.key).toBe("3d");
+		expect(modalityForPort("text")?.key).toBe("text");
+	});
+
+	test("gallery routes to the image modality", () => {
+		expect(modalityForPort("gallery")?.key).toBe("image");
+	});
+
+	test("scalar types do not map to a picker modality", () => {
+		expect(modalityForPort("number")).toBeNull();
+		expect(modalityForPort("boolean")).toBeNull();
+		expect(modalityForPort("json")).toBeNull();
+	});
+
+	test("inference-only fallbacks have no modality", () => {
+		expect(modalityForPort("any")).toBeNull();
+		expect(modalityForPort("file")).toBeNull();
+	});
+});
diff --git a/js/workflowcanvas/workflow/workflow-modalities.ts b/js/workflowcanvas/workflow/workflow-modalities.ts
new file mode 100644
index 0000000..0ca5d03
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-modalities.ts
@@ -0,0 +1,298 @@
+import type { PortType } from "./workflow-types";
+
+export interface SubTab {
+	key: string;
+	label: string;
+	pipelineTag: string;
+	spaceCategory?: string;
+	inputs: PortType[];
+	outputs: PortType[];
+}
+
+export interface ModalityConfig {
+	key: string;
+	label: string;
+	category: string;
+	port_type: PortType | null;
+	subtabs: SubTab[];
+}
+
+const ALL: SubTab = {
+	key: "all",
+	label: "All",
+	pipelineTag: "",
+	inputs: [],
+	outputs: []
+};
+
+function task(
+	key: string,
+	pipelineTag: string,
+	inputs: PortType[],
+	outputs: PortType[],
+	opts?: { label?: string; spaceCategory?: string }
+): SubTab {
+	const arrow = opts?.label ?? `${typeLabel(inputs)} → ${typeLabel(outputs)}`;
+	return {
+		key,
+		label: arrow,
+		pipelineTag,
+		spaceCategory: opts?.spaceCategory,
+		inputs,
+		outputs
+	};
+}
+
+function typeLabel(types: PortType[]): string {
+	if (types.length === 0) return "Any";
+	return types.map((t) => PORT_LABELS[t] ?? t).join(" + ");
+}
+
+const PORT_LABELS: Partial<Record<PortType, string>> = {
+	image: "Image",
+	audio: "Audio",
+	video: "Video",
+	text: "Text",
+	model3d: "3D",
+	number: "Number",
+	boolean: "Toggle",
+	json: "Data",
+	gallery: "Gallery"
+};
+
+export const DATASET_MODALITY: ModalityConfig = {
+	key: "data",
+	label: "Data",
+	category: "data",
+	port_type: null,
+	subtabs: [ALL]
+};
+
+export const ALL_MODALITY: ModalityConfig = {
+	key: "all",
+	label: "All",
+	category: "all",
+	port_type: null,
+	subtabs: [ALL]
+};
+
+export const MODALITIES: ModalityConfig[] = [
+	{
+		key: "image",
+		label: "Image",
+		category: "image",
+		port_type: "image",
+		subtabs: [
+			ALL,
+			task("text-to-image", "text-to-image", ["text"], ["image"], {
+				label: "Image Generation",
+				spaceCategory: "image-generation"
+			}),
+			task("image-to-image", "image-to-image", ["image"], ["image"], {
+				label: "Image Editing",
+				spaceCategory: "image-editing"
+			}),
+			task("image-to-text", "image-to-text", ["image"], ["text"], {
+				label: "Image Captioning",
+				spaceCategory: "image-captioning"
+			}),
+			task("object-detection", "object-detection", ["image"], ["json"], {
+				label: "Object Detection",
+				spaceCategory: "object-detection"
+			}),
+			task("image-segmentation", "image-segmentation", ["image"], ["json"], {
+				label: "Image Segmentation"
+			}),
+			task(
+				"image-classification",
+				"image-classification",
+				["image"],
+				["json"],
+				{
+					label: "Image Classification"
+				}
+			),
+			task(
+				"zero-shot-image-classification",
+				"zero-shot-image-classification",
+				["image", "text"],
+				["json"],
+				{ label: "Zero-Shot Classification" }
+			),
+			task(
+				"zero-shot-object-detection",
+				"zero-shot-object-detection",
+				["image", "text"],
+				["json"],
+				{ label: "Zero-Shot Detection" }
+			),
+			task("mask-generation", "mask-generation", ["image"], ["image"], {
+				label: "Mask Generation"
+			}),
+			task("keypoint-detection", "keypoint-detection", ["image"], ["json"], {
+				label: "Keypoint Detection"
+			}),
+			task(
+				"visual-question-answering",
+				"visual-question-answering",
+				["image", "text"],
+				["text"],
+				{ label: "Visual Q&A" }
+			),
+			task(
+				"document-question-answering",
+				"document-question-answering",
+				["image", "text"],
+				["text"],
+				{ label: "Document Q&A" }
+			),
+			task("depth-estimation", "depth-estimation", ["image"], ["image"], {
+				label: "Depth Estimation"
+			})
+		]
+	},
+	{
+		key: "audio",
+		label: "Audio",
+		category: "audio",
+		port_type: "audio",
+		subtabs: [
+			ALL,
+			task("text-to-speech", "text-to-speech", ["text"], ["audio"], {
+				label: "Speech Synthesis",
+				spaceCategory: "speech-synthesis"
+			}),
+			task(
+				"automatic-speech-recognition",
+				"automatic-speech-recognition",
+				["audio"],
+				["text"],
+				{ label: "Speech Recognition" }
+			),
+			task("audio-to-audio", "audio-to-audio", ["audio"], ["audio"], {
+				label: "Voice Cloning",
+				spaceCategory: "voice-cloning"
+			}),
+			task("text-to-audio", "text-to-audio", ["text"], ["audio"], {
+				label: "Music Generation",
+				spaceCategory: "music-generation"
+			}),
+			task(
+				"audio-classification",
+				"audio-classification",
+				["audio"],
+				["json"],
+				{
+					label: "Audio Classification"
+				}
+			)
+		]
+	},
+	{
+		key: "video",
+		label: "Video",
+		category: "video",
+		port_type: "video",
+		subtabs: [
+			ALL,
+			task("text-to-video", "text-to-video", ["text"], ["video"], {
+				label: "Video Generation",
+				spaceCategory: "video-generation"
+			}),
+			task("image-to-video", "image-to-video", ["image"], ["video"], {
+				label: "Character Animation",
+				spaceCategory: "character-animation"
+			}),
+			task(
+				"video-classification",
+				"video-classification",
+				["video"],
+				["json"],
+				{
+					label: "Video Classification"
+				}
+			)
+		]
+	},
+	{
+		key: "text",
+		label: "Text",
+		category: "text",
+		port_type: "text",
+		subtabs: [
+			ALL,
+			task("text-generation", "text-generation", ["text"], ["text"], {
+				label: "Text Generation",
+				spaceCategory: "text-generation"
+			}),
+			task("summarization", "summarization", ["text"], ["text"], {
+				label: "Text Summarization",
+				spaceCategory: "text-summarization"
+			}),
+			task("translation", "translation", ["text"], ["text"], {
+				label: "Language Translation",
+				spaceCategory: "language-translation"
+			}),
+			task("text-classification", "text-classification", ["text"], ["json"], {
+				label: "Text Analysis",
+				spaceCategory: "text-analysis"
+			}),
+			task(
+				"zero-shot-classification",
+				"zero-shot-classification",
+				["text"],
+				["json"],
+				{ label: "Zero-Shot Classification" }
+			),
+			task("question-answering", "question-answering", ["text"], ["text"], {
+				label: "Question Answering",
+				spaceCategory: "question-answering"
+			})
+		]
+	},
+	{
+		key: "3d",
+		label: "3D",
+		category: "3d",
+		port_type: "model3d",
+		subtabs: [
+			ALL,
+			task("text-to-3d", "text-to-3d", ["text"], ["model3d"], {
+				label: "3D from Text",
+				spaceCategory: "3d-modeling"
+			}),
+			task("image-to-3d", "image-to-3d", ["image"], ["model3d"], {
+				label: "3D from Image",
+				spaceCategory: "3d-modeling"
+			})
+		]
+	}
+];
+
+export interface PortMeta {
+	port_type: PortType;
+	label: string;
+	modality_key?: string;
+}
+
+export const PORT_REGISTRY: PortMeta[] = [
+	{ port_type: "image", label: "Image", modality_key: "image" },
+	{ port_type: "audio", label: "Audio", modality_key: "audio" },
+	{ port_type: "video", label: "Video", modality_key: "video" },
+	{ port_type: "model3d", label: "3D", modality_key: "3d" },
+	{ port_type: "text", label: "Text", modality_key: "text" },
+	{ port_type: "number", label: "Number" },
+	{ port_type: "boolean", label: "Toggle" },
+	{ port_type: "json", label: "JSON" },
+	{ port_type: "gallery", label: "Gallery", modality_key: "image" }
+];
+
+export function portMeta(type: PortType): PortMeta | null {
+	return PORT_REGISTRY.find((p) => p.port_type === type) ?? null;
+}
+
+export function modalityForPort(type: PortType): ModalityConfig | null {
+	const meta = portMeta(type);
+	if (!meta?.modality_key) return null;
+	return MODALITIES.find((m) => m.key === meta.modality_key) ?? null;
+}
diff --git a/js/workflowcanvas/workflow/workflow-store.test.ts b/js/workflowcanvas/workflow/workflow-store.test.ts
new file mode 100644
index 0000000..f843d25
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-store.test.ts
@@ -0,0 +1,503 @@
+import { describe, test, expect, beforeEach } from "vitest";
+import { get } from "svelte/store";
+import {
+	workflow,
+	addOperator,
+	addEdge,
+	replaceNodeSource,
+	removeNode,
+	removeEdge,
+	sanitize_for_save,
+	switch_endpoint
+} from "./workflow-store";
+import type { OperatorNode, ReferenceNode, Workflow } from "./workflow-types";
+
+function resetWorkflow(): void {
+	workflow.set({
+		schema_version: "2",
+		name: "Test",
+		runtime: { default: "client" },
+		references: [],
+		operators: [],
+		subjects: [],
+		edges: [],
+		view: { default: "canvas" }
+	});
+}
+
+describe("addOperator — dataset shape", () => {
+	beforeEach(resetWorkflow);
+
+	test("persists dataset config + split + row_index input port", () => {
+		const id = addOperator(
+			{
+				kind: "dataset",
+				label: "ds",
+				dataset_id: "user/ds",
+				dataset_config: "default",
+				dataset_split: "train",
+				inputs: [
+					{ id: "row_index", label: "Row", type: "number", default_value: 0 }
+				],
+				outputs: [{ id: "out_0", label: "v", type: "text" }],
+				width: 240,
+				height: 90,
+				runtime: "client"
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+		const op = get(workflow).operators.find((o) => o.id === id);
+		expect(op?.kind).toBe("dataset");
+		expect(op?.dataset_id).toBe("user/ds");
+		expect(op?.inputs.find((p) => p.id === "row_index")?.type).toBe("number");
+	});
+});
+
+describe("replaceNodeSource — dataset transitions", () => {
+	beforeEach(resetWorkflow);
+
+	test("switching away from a dataset clears dataset fields", () => {
+		const id = addOperator(
+			{
+				kind: "dataset",
+				label: "ds",
+				dataset_id: "user/ds",
+				inputs: [],
+				outputs: [],
+				width: 240,
+				height: 90,
+				runtime: "client"
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+		replaceNodeSource(id, {
+			label: "model",
+			kind: "model",
+			model_id: "user/m",
+			inputs: [{ id: "in", label: "x", type: "text" }],
+			outputs: [{ id: "out", label: "y", type: "text" }],
+			width: 280
+		});
+		const op = get(workflow).operators.find((o) => o.id === id);
+		expect(op?.dataset_id).toBeUndefined();
+		expect(op?.kind).toBe("model");
+	});
+});
+
+describe("removeNode", () => {
+	beforeEach(resetWorkflow);
+
+	function _makeOp(label: string): string {
+		return addOperator(
+			{
+				kind: "dataset",
+				label,
+				dataset_id: `user/${label}`,
+				inputs: [{ id: "in", label: "x", type: "text" }],
+				outputs: [{ id: "out", label: "y", type: "text" }],
+				width: 240,
+				height: 90,
+				runtime: "client"
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+	}
+
+	test("removes an operator from the store", () => {
+		const id = _makeOp("a");
+		removeNode(id);
+		expect(get(workflow).operators.find((o) => o.id === id)).toBeUndefined();
+	});
+
+	test("strips edges where removed node is the source", () => {
+		const a = _makeOp("a");
+		const b = _makeOp("b");
+		addEdge({
+			from_node_id: a,
+			from_port_id: "out",
+			to_node_id: b,
+			to_port_id: "in",
+			type: "text"
+		});
+		removeNode(a);
+		expect(get(workflow).edges).toEqual([]);
+	});
+
+	test("strips edges where removed node is the target", () => {
+		const a = _makeOp("a");
+		const b = _makeOp("b");
+		addEdge({
+			from_node_id: a,
+			from_port_id: "out",
+			to_node_id: b,
+			to_port_id: "in",
+			type: "text"
+		});
+		removeNode(b);
+		expect(get(workflow).edges).toEqual([]);
+	});
+
+	test("preserves edges between other nodes", () => {
+		const a = _makeOp("a");
+		const b = _makeOp("b");
+		const c = _makeOp("c");
+		addEdge({
+			from_node_id: a,
+			from_port_id: "out",
+			to_node_id: b,
+			to_port_id: "in",
+			type: "text"
+		});
+		addEdge({
+			from_node_id: b,
+			from_port_id: "out",
+			to_node_id: c,
+			to_port_id: "in",
+			type: "text"
+		});
+		removeNode(a);
+		const edges = get(workflow).edges;
+		expect(edges).toHaveLength(1);
+		expect(edges[0].from_node_id).toBe(b);
+		expect(edges[0].to_node_id).toBe(c);
+	});
+
+	test("no-op when id doesn't exist", () => {
+		const a = _makeOp("a");
+		removeNode("nonexistent");
+		expect(get(workflow).operators.find((o) => o.id === a)).toBeDefined();
+	});
+});
+
+describe("removeEdge", () => {
+	beforeEach(resetWorkflow);
+
+	function _makeOp(label: string): string {
+		return addOperator(
+			{
+				kind: "fn",
+				label,
+				fn: label,
+				inputs: [{ id: "in", label: "x", type: "text" }],
+				outputs: [{ id: "out", label: "y", type: "text" }],
+				width: 200,
+				height: 80
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+	}
+
+	test("removes only the targeted edge", () => {
+		const a = _makeOp("a");
+		const b = _makeOp("b");
+		const c = _makeOp("c");
+		addEdge({
+			from_node_id: a,
+			from_port_id: "out",
+			to_node_id: b,
+			to_port_id: "in",
+			type: "text"
+		});
+		addEdge({
+			from_node_id: b,
+			from_port_id: "out",
+			to_node_id: c,
+			to_port_id: "in",
+			type: "text"
+		});
+		const firstEdgeId = get(workflow).edges[0].id;
+		removeEdge(firstEdgeId);
+		const edges = get(workflow).edges;
+		expect(edges).toHaveLength(1);
+		expect(edges[0].from_node_id).toBe(b);
+	});
+
+	test("no-op when id doesn't exist", () => {
+		const a = _makeOp("a");
+		const b = _makeOp("b");
+		addEdge({
+			from_node_id: a,
+			from_port_id: "out",
+			to_node_id: b,
+			to_port_id: "in",
+			type: "text"
+		});
+		removeEdge("nonexistent");
+		expect(get(workflow).edges).toHaveLength(1);
+	});
+
+	test("does not touch nodes", () => {
+		const a = _makeOp("a");
+		const b = _makeOp("b");
+		addEdge({
+			from_node_id: a,
+			from_port_id: "out",
+			to_node_id: b,
+			to_port_id: "in",
+			type: "text"
+		});
+		const edgeId = get(workflow).edges[0].id;
+		removeEdge(edgeId);
+		expect(get(workflow).operators).toHaveLength(2);
+	});
+});
+
+describe("switch_endpoint", () => {
+	beforeEach(resetWorkflow);
+
+	function _spaceOp(): string {
+		return addOperator(
+			{
+				kind: "space",
+				label: "moondream2",
+				space_id: "user/moondream2",
+				endpoint: "/process_answer",
+				endpoints: [
+					{
+						name: "/answer_question",
+						inputs: [
+							{ id: "in_0", label: "img", type: "image" },
+							{ id: "in_1", label: "prompt", type: "text" }
+						],
+						outputs: [
+							{
+								id: "out_0",
+								label: "Response",
+								type: "text",
+								output_index: 0
+							}
+						]
+					},
+					{
+						name: "/process_answer",
+						inputs: [
+							{ id: "in_0", label: "img", type: "image" },
+							{ id: "in_1", label: "answer", type: "text" }
+						],
+						outputs: [
+							{
+								id: "out_0",
+								label: "Annotated",
+								type: "image",
+								output_index: 0
+							}
+						]
+					}
+				],
+				inputs: [
+					{ id: "in_0", label: "img", type: "image" },
+					{ id: "in_1", label: "answer", type: "text" }
+				],
+				outputs: [
+					{ id: "out_0", label: "Annotated", type: "image", output_index: 0 }
+				],
+				width: 280,
+				height: 90
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+	}
+
+	test("switches inputs and outputs to the new endpoint signature", () => {
+		const id = _spaceOp();
+		switch_endpoint(id, "/answer_question");
+		const op = get(workflow).operators.find((o) => o.id === id);
+		expect(op?.endpoint).toBe("/answer_question");
+		expect(op?.outputs[0].type).toBe("text");
+		expect(op?.outputs[0].label).toBe("Response");
+	});
+
+	test("no-op when switching to the current endpoint", () => {
+		const id = _spaceOp();
+		const before = get(workflow);
+		switch_endpoint(id, "/process_answer");
+		expect(get(workflow)).toBe(before);
+	});
+
+	test("no-op for unknown endpoint name", () => {
+		const id = _spaceOp();
+		const before = get(workflow);
+		switch_endpoint(id, "/nonexistent");
+		expect(get(workflow)).toBe(before);
+	});
+
+	test("drops edges to removed input ports", () => {
+		const id = _spaceOp();
+		const upstream = addOperator(
+			{
+				kind: "fn",
+				label: "src",
+				fn: "src",
+				inputs: [],
+				outputs: [{ id: "out", label: "y", type: "image" }],
+				width: 200,
+				height: 80
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+		addEdge({
+			from_node_id: upstream,
+			from_port_id: "out",
+			to_node_id: id,
+			to_port_id: "in_0",
+			type: "image"
+		});
+		switch_endpoint(id, "/answer_question");
+		expect(get(workflow).edges).toHaveLength(1);
+	});
+
+	test("drops edges that become type-incompatible after the switch", () => {
+		const id = _spaceOp();
+		const downstream = addOperator(
+			{
+				kind: "fn",
+				label: "sink",
+				fn: "sink",
+				inputs: [{ id: "in", label: "x", type: "image" }],
+				outputs: [],
+				width: 200,
+				height: 80
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+		addEdge({
+			from_node_id: id,
+			from_port_id: "out_0",
+			to_node_id: downstream,
+			to_port_id: "in",
+			type: "image"
+		});
+		switch_endpoint(id, "/answer_question");
+		expect(get(workflow).edges).toHaveLength(0);
+	});
+
+	test("preserves edges when the port type matches the new endpoint's port", () => {
+		const id = _spaceOp();
+		const upstream = addOperator(
+			{
+				kind: "fn",
+				label: "src",
+				fn: "src",
+				inputs: [],
+				outputs: [{ id: "out", label: "y", type: "text" }],
+				width: 200,
+				height: 80
+			} as unknown as Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+			0,
+			0
+		);
+		addEdge({
+			from_node_id: upstream,
+			from_port_id: "out",
+			to_node_id: id,
+			to_port_id: "in_1",
+			type: "text"
+		});
+		switch_endpoint(id, "/answer_question");
+		expect(get(workflow).edges).toHaveLength(1);
+	});
+
+	test("clears node.data so stale values don't bleed into new ports", () => {
+		const id = _spaceOp();
+		workflow.update((wf) => ({
+			...wf,
+			operators: wf.operators.map((o) =>
+				o.id === id ? { ...o, data: { in_1: "stale value" } } : o
+			)
+		}));
+		switch_endpoint(id, "/answer_question");
+		const op = get(workflow).operators.find((o) => o.id === id);
+		expect(op?.data).toEqual({});
+	});
+});
+
+describe("sanitize_for_save", () => {
+	function wf(refs: ReferenceNode[] = []): Workflow {
+		return {
+			schema_version: "2",
+			name: "Test",
+			runtime: { default: "client" },
+			references: refs,
+			operators: [],
+			subjects: [],
+			edges: [],
+			view: { default: "canvas" }
+		};
+	}
+
+	function refNode(id: string, data: Record<string, unknown>): ReferenceNode {
+		return {
+			id,
+			role: "reference",
+			label: id,
+			asset_type: "image",
+			inputs: [{ id: "in", label: "in", type: "image" }],
+			outputs: [{ id: "out", label: "out", type: "image" }],
+			data: data as ReferenceNode["data"],
+			x: 0,
+			y: 0,
+			width: 220,
+			height: 160
+		};
+	}
+
+	test("strips blob: URLs from node data", () => {
+		const w = wf([
+			refNode("a", {
+				in: { name: "img.png", url: "blob:http://x/abc", mime: "image/png" }
+			})
+		]);
+		expect(sanitize_for_save(w).references[0].data).toEqual({});
+	});
+
+	test("strips data: URLs from node data", () => {
+		const w = wf([
+			refNode("a", {
+				in: {
+					name: "img.png",
+					url: "data:image/png;base64,iVBOR",
+					mime: "image/png"
+				}
+			})
+		]);
+		expect(sanitize_for_save(w).references[0].data).toEqual({});
+	});
+
+	test("preserves server-served file URLs (http / file paths)", () => {
+		const fileVal = {
+			name: "out.png",
+			url: "/file=/tmp/out.png",
+			mime: "image/png"
+		};
+		const w = wf([refNode("a", { in: fileVal })]);
+		expect(sanitize_for_save(w).references[0].data).toEqual({ in: fileVal });
+	});
+
+	test("preserves non-file primitive data (text, numbers, booleans)", () => {
+		const w = wf([
+			refNode("a", { in: "hello world" }),
+			refNode("b", { in: 42 }),
+			refNode("c", { in: true })
+		]);
+		const result = sanitize_for_save(w);
+		expect(result.references[0].data).toEqual({ in: "hello world" });
+		expect(result.references[1].data).toEqual({ in: 42 });
+		expect(result.references[2].data).toEqual({ in: true });
+	});
+
+	test("does not mutate the input workflow", () => {
+		const original = wf([
+			refNode("a", { in: { name: "x", url: "blob:nope" } })
+		]);
+		const snapshot = JSON.stringify(original);
+		sanitize_for_save(original);
+		expect(JSON.stringify(original)).toBe(snapshot);
+	});
+});
diff --git a/js/workflowcanvas/workflow/workflow-store.ts b/js/workflowcanvas/workflow/workflow-store.ts
new file mode 100644
index 0000000..a8f1c33
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-store.ts
@@ -0,0 +1,421 @@
+import { writable } from "svelte/store";
+import type {
+	AnyNode,
+	NodeData,
+	NodeDataValue,
+	NodeRole,
+	OperatorKind,
+	OperatorNode,
+	Port,
+	PortType,
+	ReferenceNode,
+	SubjectNode,
+	WFEdge,
+	Workflow
+} from "./workflow-types";
+import { ports_compatible } from "./workflow-types";
+import { allNodes, findNode, isV2, migrateToV2 } from "./workflow-migration";
+
+function uuid(): string {
+	return crypto.randomUUID();
+}
+
+const DEFAULT: Workflow = {
+	schema_version: "2",
+	name: "My workflow",
+	runtime: { default: "client" },
+	references: [
+		{
+			id: "ref_default",
+			role: "reference",
+			label: "Image",
+			asset_type: "image",
+			inputs: [{ id: "in", label: "Image", type: "image" }],
+			outputs: [{ id: "out", label: "Image", type: "image" }],
+			data: {},
+			x: 80,
+			y: 120,
+			width: 200,
+			height: 160
+		}
+	],
+	operators: [],
+	subjects: [],
+	edges: [],
+	view: { default: "canvas" }
+};
+
+// The canonical store of truth for the workflow body is the Python-side
+// `workflow.json` (server function `save_workflow` writes; `initialValue`
+// reads). The frontend store seeds with DEFAULT and is overwritten on mount
+// by the file's contents — see `WorkflowCanvas.svelte` `$effect` reading
+// `initialValue`. No localStorage persistence for the workflow body;
+// `hf_token` and other auth bits persist separately in `hf-auth.svelte.ts`.
+export const workflow = writable<Workflow>(DEFAULT);
+
+// Re-export read helpers so callers import them from one place
+export { allNodes, findNode, isV2, migrateToV2 };
+
+/**
+ * Strip session-bound media (blob: / data: URLs) from node data before
+ * serialising the workflow. blob: URLs die with the page that minted
+ * them, and data: URLs would bloat workflow.json with base64 payloads —
+ * so we drop the field entirely and let the user re-upload on refresh.
+ * Other data (text, numbers, server-served file paths) passes through.
+ */
+function is_session_url(v: unknown): boolean {
+	const url = (v as { url?: string } | null)?.url;
+	return (
+		typeof url === "string" &&
+		(url.startsWith("blob:") || url.startsWith("data:"))
+	);
+}
+
+export function revoke_blob_urls(
+	data: Record<string, unknown> | undefined
+): void {
+	for (const v of Object.values(data ?? {})) {
+		const url = (v as { url?: string } | null)?.url;
+		if (typeof url === "string" && url.startsWith("blob:")) {
+			URL.revokeObjectURL(url);
+		}
+	}
+}
+
+export function sanitize_for_save(wf: Workflow): Workflow {
+	return mapAllRoles(wf, (n) => {
+		if (!n.data) return n;
+		const cleaned: NodeData = {};
+		for (const [k, v] of Object.entries(n.data)) {
+			if (!is_session_url(v)) cleaned[k] = v as NodeDataValue;
+		}
+		return { ...n, data: cleaned };
+	});
+}
+
+// ─── Actions ────────────────────────────────────────────────────────────────
+
+function addReference(
+	template: Omit<ReferenceNode, "id" | "role" | "x" | "y" | "data">,
+	x: number,
+	y: number
+): string {
+	const id = uuid();
+	const data: Record<string, NodeDataValue> = {};
+	for (const port of template.inputs) {
+		if (port.default_value !== undefined) {
+			data[port.id] = port.default_value as NodeDataValue;
+		}
+	}
+	const node: ReferenceNode = {
+		...template,
+		role: "reference",
+		id,
+		x,
+		y,
+		data
+	};
+	workflow.update((wf) => ({ ...wf, references: [...wf.references, node] }));
+	return id;
+}
+
+export function addOperator(
+	template: Omit<OperatorNode, "id" | "role" | "x" | "y" | "data">,
+	x: number,
+	y: number
+): string {
+	const id = uuid();
+	const data: Record<string, NodeDataValue> = {};
+	for (const port of template.inputs) {
+		if (port.default_value !== undefined) {
+			data[port.id] = port.default_value as NodeDataValue;
+		}
+	}
+	const node: OperatorNode = { ...template, role: "operator", id, x, y, data };
+	workflow.update((wf) => ({ ...wf, operators: [...wf.operators, node] }));
+	return id;
+}
+
+function addSubject(
+	template: Omit<SubjectNode, "id" | "role" | "x" | "y" | "data">,
+	x: number,
+	y: number
+): string {
+	const id = uuid();
+	const node: SubjectNode = {
+		...template,
+		role: "subject",
+		id,
+		x,
+		y,
+		data: {}
+	};
+	workflow.update((wf) => ({ ...wf, subjects: [...wf.subjects, node] }));
+	return id;
+}
+
+/**
+ * Single entry point for adding a node. Accepts both v2-shaped templates and
+ * legacy v1-shaped ones (which still come from `node-library.ts` and the
+ * picker) and normalizes missing role-specific fields. Picks the matching
+ * array based on `role`.
+ */
+export function addNode(
+	role: NodeRole,
+	template: any,
+	x: number,
+	y: number
+): string {
+	const baseFields = {
+		label: template.label ?? "",
+		inputs: template.inputs ?? [],
+		outputs: template.outputs ?? [],
+		width: template.width ?? 200,
+		height: template.height ?? 100
+	};
+
+	if (role === "reference") {
+		const asset_type: PortType =
+			template.asset_type ??
+			template.outputs?.[0]?.type ??
+			template.inputs?.[0]?.type ??
+			"any";
+		return addReference({ ...baseFields, asset_type }, x, y);
+	}
+
+	if (role === "operator") {
+		// v1 templates carry `kind: "transform"` + `source: "space" | "model" | ...`
+		// v2 templates carry `kind: OperatorKind` directly. Normalize.
+		const opKind: OperatorKind =
+			template.source === "space" ||
+			template.source === "model" ||
+			template.source === "dataset" ||
+			template.source === "fn"
+				? template.source
+				: template.kind === "space" ||
+					  template.kind === "model" ||
+					  template.kind === "dataset" ||
+					  template.kind === "fn"
+					? template.kind
+					: template.space_id
+						? "space"
+						: template.model_id
+							? "model"
+							: template.dataset_id
+								? "dataset"
+								: "fn";
+		return addOperator(
+			{
+				...baseFields,
+				kind: opKind,
+				source:
+					template.source &&
+					typeof template.source === "string" &&
+					template.source.startsWith("hf://")
+						? template.source
+						: undefined,
+				space_id: template.space_id,
+				model_id: template.model_id,
+				dataset_id: template.dataset_id,
+				dataset_config: template.dataset_config,
+				dataset_split: template.dataset_split,
+				endpoint: template.endpoint,
+				endpoints: template.endpoints,
+				pipeline_tag: template.pipeline_tag,
+				provider: template.provider,
+				fn: template.fn,
+				runtime: template.runtime
+			},
+			x,
+			y
+		);
+	}
+
+	// subject
+	const asset_type: PortType =
+		template.asset_type ??
+		template.inputs?.[0]?.type ??
+		template.outputs?.[0]?.type ??
+		"any";
+	return addSubject({ ...baseFields, asset_type }, x, y);
+}
+
+function mapAllRoles(wf: Workflow, fn: (node: AnyNode) => AnyNode): Workflow {
+	return {
+		...wf,
+		references: wf.references.map((n) => fn(n) as ReferenceNode),
+		operators: wf.operators.map((n) => fn(n) as OperatorNode),
+		subjects: wf.subjects.map((n) => fn(n) as SubjectNode)
+	};
+}
+
+export function moveNode(id: string, x: number, y: number): void {
+	workflow.update((wf) =>
+		mapAllRoles(wf, (n) => (n.id === id ? { ...n, x, y } : n))
+	);
+}
+
+export function resizeNode(id: string, width: number, height: number): void {
+	workflow.update((wf) =>
+		mapAllRoles(wf, (n) => (n.id === id ? { ...n, width, height } : n))
+	);
+}
+
+export function updateNodeData(
+	nodeId: string,
+	portId: string,
+	value: NodeDataValue
+): void {
+	workflow.update((wf) =>
+		mapAllRoles(wf, (n) =>
+			n.id === nodeId ? { ...n, data: { ...n.data, [portId]: value } } : n
+		)
+	);
+}
+
+export function removeNode(id: string): void {
+	workflow.update((wf) => {
+		const node = findNode(wf, id);
+		if (node) revoke_blob_urls(node.data);
+		return {
+			...wf,
+			references: wf.references.filter((n) => n.id !== id),
+			operators: wf.operators.filter((n) => n.id !== id),
+			subjects: wf.subjects.filter((n) => n.id !== id),
+			edges: wf.edges.filter(
+				(e) => e.from_node_id !== id && e.to_node_id !== id
+			)
+		};
+	});
+}
+
+export function addEdge(e: Omit<WFEdge, "id">): void {
+	workflow.update((wf) => ({
+		...wf,
+		edges: [...wf.edges, { ...e, id: uuid() }]
+	}));
+}
+
+export function removeEdge(id: string): void {
+	workflow.update((wf) => ({
+		...wf,
+		edges: wf.edges.filter((e) => e.id !== id)
+	}));
+}
+
+export function hydrate_endpoints(
+	nodeId: string,
+	endpoints: { name: string; inputs: Port[]; outputs: Port[] }[]
+): void {
+	workflow.update((wf) => ({
+		...wf,
+		operators: wf.operators.map((n) =>
+			n.id === nodeId ? { ...n, endpoints } : n
+		)
+	}));
+}
+
+export function switch_endpoint(nodeId: string, endpointName: string): void {
+	workflow.update((wf) => {
+		const node = wf.operators.find((n) => n.id === nodeId);
+		if (!node || !node.endpoints) return wf;
+		const sig = node.endpoints.find((e) => e.name === endpointName);
+		if (!sig || sig.name === node.endpoint) return wf;
+
+		const input_by_id = new Map(sig.inputs.map((p) => [p.id, p]));
+		const output_by_id = new Map(sig.outputs.map((p) => [p.id, p]));
+
+		return {
+			...wf,
+			operators: wf.operators.map((n) =>
+				n.id === nodeId
+					? {
+							...n,
+							endpoint: sig.name,
+							inputs: sig.inputs,
+							outputs: sig.outputs,
+							data: {}
+						}
+					: n
+			),
+			edges: wf.edges.filter((e) => {
+				if (e.from_node_id === nodeId) {
+					const new_port = output_by_id.get(e.from_port_id);
+					if (!new_port) return false;
+					if (!ports_compatible(new_port.type, e.type)) return false;
+				}
+				if (e.to_node_id === nodeId) {
+					const new_port = input_by_id.get(e.to_port_id);
+					if (!new_port) return false;
+					if (!ports_compatible(new_port.type, e.type)) return false;
+				}
+				return true;
+			})
+		};
+	});
+}
+
+/**
+ * Replace an operator's source identity (Space → different Space, Space → Model,
+ * etc.). Clears all source-specific fields before applying the new template so
+ * stale ids can't linger.
+ */
+export function replaceNodeSource(
+	nodeId: string,
+	template: {
+		label?: string;
+		kind?: OperatorKind;
+		source?: string;
+		space_id?: string;
+		model_id?: string;
+		dataset_id?: string;
+		dataset_config?: string;
+		dataset_split?: string;
+		endpoint?: string;
+		pipeline_tag?: string;
+		inputs: Port[];
+		outputs: Port[];
+		width?: number;
+	}
+): void {
+	workflow.update((wf) => ({
+		...wf,
+		operators: wf.operators.map((n) => {
+			if (n.id !== nodeId) return n;
+			const stripped = { ...n } as OperatorNode;
+			delete stripped.space_id;
+			delete stripped.model_id;
+			delete stripped.dataset_id;
+			delete stripped.dataset_config;
+			delete stripped.dataset_split;
+			delete stripped.endpoint;
+			delete stripped.pipeline_tag;
+			delete stripped.source;
+			return {
+				...stripped,
+				...(template.kind && { kind: template.kind }),
+				...(template.source !== undefined && { source: template.source }),
+				...(template.space_id !== undefined && { space_id: template.space_id }),
+				...(template.model_id !== undefined && { model_id: template.model_id }),
+				...(template.dataset_id !== undefined && {
+					dataset_id: template.dataset_id
+				}),
+				...(template.dataset_config !== undefined && {
+					dataset_config: template.dataset_config
+				}),
+				...(template.dataset_split !== undefined && {
+					dataset_split: template.dataset_split
+				}),
+				...(template.endpoint !== undefined && { endpoint: template.endpoint }),
+				...(template.pipeline_tag !== undefined && {
+					pipeline_tag: template.pipeline_tag
+				}),
+				inputs: template.inputs,
+				outputs: template.outputs,
+				label: template.label ?? n.label,
+				width: template.width ?? n.width,
+				data: {}
+			};
+		})
+	}));
+}
diff --git a/js/workflowcanvas/workflow/workflow-types.ts b/js/workflowcanvas/workflow/workflow-types.ts
new file mode 100644
index 0000000..1b1ae0f
--- /dev/null
+++ b/js/workflowcanvas/workflow/workflow-types.ts
@@ -0,0 +1,211 @@
+/**
+ * Port types. The first nine are user-facing and have entries in
+ * `PORT_REGISTRY` (workflow-modalities.ts). `file` and `any` are
+ * inference-only fallbacks emitted by schema introspection when a more
+ * specific type can't be determined — they are never offered as
+ * reference / subject templates and should not appear in pickers.
+ */
+export type PortType =
+	| "image"
+	| "text"
+	| "audio"
+	| "video"
+	| "number"
+	| "boolean"
+	| "file"
+	| "json"
+	| "gallery"
+	| "model3d"
+	| "any";
+
+export function ports_compatible(a: PortType, b: PortType): boolean {
+	return a === "any" || b === "any" || a === b;
+}
+
+export interface Port {
+	id: string;
+	label: string;
+	type: PortType;
+	required?: boolean;
+	default_value?: unknown;
+	output_index?: number;
+	choices?: string[];
+	multiselect?: boolean;
+}
+
+export interface FileValue {
+	name: string;
+	url: string;
+	mime: string;
+}
+
+export type NodeDataValue =
+	| string
+	| number
+	| boolean
+	| string[]
+	| FileValue
+	| null;
+export type NodeData = Record<string, NodeDataValue>;
+export type NodeStatus = "idle" | "running" | "done" | "error";
+
+export interface WFNode {
+	id: string;
+	kind: "input" | "transform" | "output" | "component";
+	label: string;
+	source: "local" | "space" | "model" | "dataset" | "fn";
+	space_id?: string;
+	model_id?: string;
+	dataset_id?: string;
+	dataset_config?: string;
+	dataset_split?: string;
+	pipeline_tag?: string;
+	provider?: string;
+	endpoint?: string;
+	endpoints?: EndpointChoice[];
+	fn?: string;
+	inputs: Port[];
+	outputs: Port[];
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+	data: NodeData;
+}
+
+export interface WFEdge {
+	id: string;
+	from_node_id: string;
+	from_port_id: string;
+	to_node_id: string;
+	to_port_id: string;
+	type: PortType;
+}
+
+/**
+ * Legacy v1 workflow shape. Stays here only to make the migration code
+ * (workflow-migration.ts) type-checkable; the live store is v2.
+ */
+export interface WorkflowV1 {
+	version?: "1";
+	name?: string;
+	nodes?: WFNode[];
+	edges?: WFEdge[];
+}
+
+// ─── v2 schema ──────────────────────────────────────────────────────────────
+//
+// The graph is split into three role-collections at the JSON level:
+//   references — inputs you bring in (uploaded files, prompts, literals)
+//   operators  — transformations (spaces / models / datasets / Python fns)
+//   subjects   — the things being created (typed output tiles)
+//
+// All three share BaseNode. The role tag drives visual presentation
+// (studio view) and authoring intent; the data structure stays uniform
+// enough that the executor and canvas can treat them as peer nodes.
+
+export type NodeRole = "reference" | "operator" | "subject";
+
+export type OperatorKind = "space" | "model" | "dataset" | "fn";
+
+export type Runtime = "client" | "server" | "job";
+
+export interface BaseNode {
+	id: string;
+	label: string;
+	inputs: Port[];
+	outputs: Port[];
+	data: NodeData;
+	x: number;
+	y: number;
+	width: number;
+	height: number;
+}
+
+export interface ReferenceNode extends BaseNode {
+	role: "reference";
+	asset_type: PortType;
+	/** Inline literal value, or in a later iteration an `hf://...` URI. */
+	value?: NodeDataValue;
+}
+
+export interface EndpointChoice {
+	name: string;
+	inputs: Port[];
+	outputs: Port[];
+}
+
+export interface OperatorNode extends BaseNode {
+	role: "operator";
+	kind: OperatorKind;
+	/** Canonical hub-native identifier when available (hf://...) or fn name. */
+	source?: string;
+	space_id?: string;
+	model_id?: string;
+	dataset_id?: string;
+	dataset_config?: string;
+	dataset_split?: string;
+	endpoint?: string;
+	endpoints?: EndpointChoice[];
+	pipeline_tag?: string;
+	fn?: string;
+	/** HF Inference provider override (e.g. "hf-inference", "together", "replicate"). Defaults to "auto" — let HF route. */
+	provider?: string;
+	/** Where this operator executes. Default inherited from workflow.runtime.default. */
+	runtime?: Runtime;
+}
+
+export interface SubjectNode extends BaseNode {
+	role: "subject";
+	asset_type: PortType;
+}
+
+export type AnyNode = ReferenceNode | OperatorNode | SubjectNode;
+
+export interface Workflow {
+	schema_version: "2";
+	/** Optional hub repo identifier, e.g. "username/my-workflow". */
+	id?: string;
+	name: string;
+	description?: string;
+	/** Lineage hook — set when a workflow was forked from another. */
+	parent?: string;
+	runtime?: {
+		default: Runtime;
+	};
+	references: ReferenceNode[];
+	operators: OperatorNode[];
+	subjects: SubjectNode[];
+	edges: WFEdge[];
+	view?: {
+		default?: "studio" | "canvas";
+	};
+}
+
+export const PORT_COLOR: Record<PortType, string> = {
+	image: "#4fd1a5",
+	text: "#8b83e8",
+	audio: "#f5a623",
+	video: "#4d9cf5",
+	number: "#e879a8",
+	boolean: "#f59e0b",
+	file: "#94a3b8",
+	json: "#22d3ee",
+	gallery: "#34d399",
+	model3d: "#a78bfa",
+	any: "#6b6e78"
+};
+
+export const PORT_COLOR_DIM: Record<PortType, string> = {
+	image: "rgba(79, 209, 165, 0.15)",
+	text: "rgba(139, 131, 232, 0.15)",
+	audio: "rgba(245, 166, 35, 0.15)",
+	video: "rgba(77, 156, 245, 0.15)",
+	number: "rgba(232, 121, 168, 0.15)",
+	boolean: "rgba(245, 158, 11, 0.15)",
+	file: "rgba(148, 163, 184, 0.15)",
+	json: "rgba(34, 211, 238, 0.15)",
+	gallery: "rgba(52, 211, 153, 0.15)",
+	model3d: "rgba(167, 139, 250, 0.15)",
+	any: "rgba(107, 110, 120, 0.10)"
+};
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..3230e98
--- /dev/null
+++ b/package.json
@@ -0,0 +1,184 @@
+{
+	"name": "gradio-ui",
+	"version": "0.0.1",
+	"description": "Gradio UI packages",
+	"scripts": {
+		"dev": "pnpm css && pnpm --filter @gradio/preview build && pnpm --filter @self/app dev",
+		"css": "pnpm --filter @gradio/theme generate",
+		"build": "pnpm css && cross-env NODE_OPTIONS='--max-old-space-size=8192' pnpm --filter @self/app build --emptyOutDir && pnpm --filter @self/spa build --emptyOutDir && pnpm --filter @gradio/preview build",
+		"format:check": "prettier --ignore-path .config/.prettierignore --check --config .config/.prettierrc.json --plugin prettier-plugin-svelte .",
+		"format:write": "prettier --ignore-path .config/.prettierignore --write --config .config/.prettierrc.json --plugin prettier-plugin-svelte .",
+		"lint": "ESLINT_USE_FLAT_CONFIG=true eslint -c .config/eslint.config.js js client/js",
+		"ts:check": "svelte-check --tsconfig tsconfig.json --threshold error",
+		"test": "pnpm --filter @gradio/client build && vitest dev --config .config/vitest.config.ts",
+		"test:run": "pnpm --filter @gradio/client build && vitest run --config .config/vitest.config.ts && node --test js/app/proxy_routes.test.js",
+		"test:client": "pnpm --filter=@gradio/client test",
+		"test:browser": "pnpm --filter @self/spa test:browser",
+		"test:browser:reload": "CUSTOM_TEST=1 pnpm --filter @self/spa test:browser:reload",
+		"test:browser:full": "run-s build test:browser",
+		"test:browser:verbose": "pnpm test:browser",
+		"test:browser:dev": "pnpm --filter @self/spa test:browser:dev",
+		"storybook": "storybook dev -p 6006",
+		"build-storybook": "storybook build",
+		"ci:version": "changeset version && pnpm i --lockfile-only && node ./.changeset/fix_changelogs.cjs",
+		"ci:publish": "pnpm changeset tag && git push origin --tags && pnpm publish --no-git-checks --access public -r --filter=@gradio/*",
+		"website": "pnpm --filter @gradio/website build",
+		"package": "pnpm --filter @gradio/* --filter=!@gradio/client --filter=!@gradio/preview exec svelte-package --input=. --tsconfig=../../tsconfig.json",
+		"spaces:dev": "pnpm css && pnpm --filter @gradio/preview build && pnpm --filter @self/spaces-test dev"
+	},
+	"type": "module",
+	"author": "",
+	"license": "ISC",
+	"private": true,
+	"dependencies": {
+		"@changesets/changelog-github": "^0.5.1",
+		"@changesets/cli": "^2.29.7",
+		"@changesets/get-github-info": "^0.6.0",
+		"@csstools/postcss-global-data": "^3.1.0",
+		"@gradio/client": "workspace:^",
+		"@manypkg/get-packages": "^3.1.0",
+		"@playwright/test": "^1.60.0",
+		"@self/build": "workspace:^",
+		"@self/tootils": "workspace:^",
+		"@sveltejs/package": "^2.5.7",
+		"@sveltejs/vite-plugin-svelte": "^6.2.1",
+		"@tailwindcss/forms": "^0.5.10",
+		"@testing-library/dom": "^10.4.1",
+		"@testing-library/jest-dom": "^6.9.1",
+		"@types/node": "^24.7.0",
+		"@types/testing-library__jest-dom": "^6.0.0",
+		"@typescript-eslint/eslint-plugin": "^8.46.0",
+		"@typescript-eslint/parser": "^8.46.0",
+		"@vitest/browser-playwright": "^4.0.18",
+		"autoprefixer": "^10.4.21",
+		"cross-env": "^10.1.0",
+		"esbuild": "^0.25.10",
+		"eslint": "^9.37.0",
+		"eslint-plugin-svelte": "^3.12.4",
+		"globals": "^16.4.0",
+		"handlebars": "4.7.9",
+		"happy-dom": "^19.0.2",
+		"jsdom": "^27.0.0",
+		"kleur": "^4.1.5",
+		"msw": "^2.11.3",
+		"node-html-parser": "^7.0.1",
+		"npm-run-all2": "^8.0.4",
+		"playwright": "^1.60.0",
+		"plotly.js-dist-min": "^3.1.1",
+		"polka": "1.0.0-next.25",
+		"pollen-css": "^5.0.2",
+		"postcss": "8.5.6",
+		"postcss-custom-media": "^11.0.6",
+		"postcss-nested": "^7.0.2",
+		"postcss-prefix-selector": "^2.1.1",
+		"prettier": "^3.6.2",
+		"prettier-plugin-css-order": "^2.1.2",
+		"prettier-plugin-svelte": "^3.4.0",
+		"sirv": "^3.0.2",
+		"sirv-cli": "^3.0.1",
+		"svelte": "^5.48.0",
+		"svelte-check": "^4.3.2",
+		"svelte-eslint-parser": "^1.3.3",
+		"svelte-i18n": "^4.0.1",
+		"svelte-preprocess": "^6.0.3",
+		"tailwindcss": "^4.1.14",
+		"tinyspy": "^4.0.4",
+		"typescript": "^5.9.3",
+		"typescript-svelte-plugin": "^0.3.50",
+		"vite": "^7.1.9",
+		"vite-plugin-turbosnap": "1.0.3",
+		"vitefu": "^1.1.3",
+		"vitest": "^4.0.18"
+	},
+	"devDependencies": {
+		"@chromatic-com/storybook": "^4.1.3",
+		"@eslint/js": "^9.39.2",
+		"@gradio/accordion": "workspace:^",
+		"@gradio/annotatedimage": "workspace:^",
+		"@gradio/audio": "workspace:^",
+		"@gradio/box": "workspace:^",
+		"@gradio/browserstate": "workspace:^",
+		"@gradio/button": "workspace:^",
+		"@gradio/chatbot": "workspace:^",
+		"@gradio/checkbox": "workspace:^",
+		"@gradio/checkboxgroup": "workspace:^",
+		"@gradio/code": "workspace:^",
+		"@gradio/colorpicker": "workspace:^",
+		"@gradio/column": "workspace:^",
+		"@gradio/core": "workspace:^",
+		"@gradio/dataframe": "workspace:^",
+		"@gradio/dataset": "workspace:^",
+		"@gradio/datetime": "workspace:^",
+		"@gradio/dialogue": "workspace:^",
+		"@gradio/downloadbutton": "workspace:^",
+		"@gradio/draggable": "workspace:^",
+		"@gradio/dropdown": "workspace:^",
+		"@gradio/fallback": "workspace:^",
+		"@gradio/file": "workspace:^",
+		"@gradio/fileexplorer": "workspace:^",
+		"@gradio/form": "workspace:^",
+		"@gradio/gallery": "workspace:^",
+		"@gradio/group": "workspace:^",
+		"@gradio/highlightedtext": "workspace:^",
+		"@gradio/html": "workspace:^",
+		"@gradio/image": "workspace:^",
+		"@gradio/imageeditor": "workspace:^",
+		"@gradio/imageslider": "workspace:^",
+		"@gradio/json": "workspace:^",
+		"@gradio/label": "workspace:^",
+		"@gradio/markdown": "workspace:^",
+		"@gradio/model3d": "workspace:^",
+		"@gradio/multimodaltextbox": "workspace:^",
+		"@gradio/nativeplot": "workspace:^",
+		"@gradio/navbar": "workspace:^",
+		"@gradio/number": "workspace:^",
+		"@gradio/paramviewer": "workspace:^",
+		"@gradio/plot": "workspace:^",
+		"@gradio/radio": "workspace:^",
+		"@gradio/row": "workspace:^",
+		"@gradio/sidebar": "workspace:^",
+		"@gradio/simpledropdown": "workspace:^",
+		"@gradio/simpleimage": "workspace:^",
+		"@gradio/simpletextbox": "workspace:^",
+		"@gradio/slider": "workspace:^",
+		"@gradio/state": "workspace:^",
+		"@gradio/statustracker": "workspace:^",
+		"@gradio/tabitem": "workspace:^",
+		"@gradio/tabs": "workspace:^",
+		"@gradio/textbox": "workspace:^",
+		"@gradio/timer": "workspace:^",
+		"@gradio/upload": "workspace:^",
+		"@gradio/uploadbutton": "workspace:^",
+		"@gradio/vibeeditor": "workspace:^",
+		"@gradio/video": "workspace:^",
+		"@gradio/workflowcanvas": "workspace:^",
+		"@storybook/addon-a11y": "^10.1.11",
+		"@storybook/addon-docs": "^10.1.11",
+		"@storybook/addon-svelte-csf": "^5.0.10",
+		"@storybook/addon-vitest": "^10.1.11",
+		"@storybook/svelte-vite": "^10.1.11",
+		"@testing-library/user-event": "^14.6.1",
+		"@vitest/browser": "^3.2.4",
+		"@vitest/coverage-v8": "^3.2.4",
+		"eslint-plugin-jsdoc": "^61.0.0",
+		"eslint-plugin-storybook": "^10.1.11",
+		"storybook": "^10.1.11",
+		"vitest-browser-svelte": "^0.1.0",
+		"wikidata-lang": "5.0.1"
+	},
+	"engines": {
+		"node": ">=24.0.0",
+		"pnpm": "^10"
+	},
+	"packageManager": "pnpm@10.17.0",
+	"eslintConfig": {
+		"extends": [
+			"plugin:storybook/recommended"
+		]
+	},
+	"pnpm": {
+		"overrides": {
+			"svelte": "5.48.0"
+		}
+	}
+}
diff --git a/patches/@ffmpeg__util@0.12.1.patch b/patches/@ffmpeg__util@0.12.1.patch
new file mode 100644
index 0000000..4d29f9c
--- /dev/null
+++ b/patches/@ffmpeg__util@0.12.1.patch
@@ -0,0 +1,116 @@
+diff --git a/package.json b/package.json
+index 3afedb4c0fd279eef1c4330bff7b9325c7dc94c1..f2d74213655bb50362c7ad493da6d170d93a1ac7 100644
+--- a/package.json
++++ b/package.json
+@@ -1,56 +1,57 @@
+ {
+-  "name": "@ffmpeg/util",
+-  "version": "0.12.1",
+-  "description": "browser utils for @ffmpeg/*",
+-  "main": "./dist/cjs/index.js",
+-  "types": "./dist/cjs/index.d.ts",
+-  "exports": {
+-    ".": {
+-      "types": "./dist/cjs/index.d.ts",
+-      "import": "./dist/esm/index.js",
+-      "require": "./dist/cjs/index.js"
+-    }
+-  },
+-  "scripts": {
+-    "dev": "tsc -p tsconfig-esm.json --watch",
+-    "lint": "eslint src",
+-    "clean": "rimraf dist",
+-    "build:esm": "tsc -p tsconfig.esm.json",
+-    "build:umd": "tsc -p tsconfig.cjs.json && webpack",
+-    "build": "npm run clean && npm run build:esm && npm run build:umd",
+-    "prepublishOnly": "npm run build"
+-  },
+-  "files": [
+-    "dist"
+-  ],
+-  "repository": {
+-    "type": "git",
+-    "url": "git+https://github.com/ffmpegwasm/ffmpeg.wasm.git"
+-  },
+-  "keywords": [
+-    "ffmpeg",
+-    "video",
+-    "audio",
+-    "transcode"
+-  ],
+-  "author": "Jerome Wu <jeromewus@gmail.com>",
+-  "license": "MIT",
+-  "bugs": {
+-    "url": "https://github.com/ffmpegwasm/ffmpeg.wasm/issues"
+-  },
+-  "engines": {
+-    "node": ">=18.x"
+-  },
+-  "homepage": "https://github.com/ffmpegwasm/ffmpeg.wasm#readme",
+-  "publishConfig": {
+-    "access": "public"
+-  },
+-  "devDependencies": {
+-    "@typescript-eslint/eslint-plugin": "^6.1.0",
+-    "@typescript-eslint/parser": "^6.1.0",
+-    "eslint": "^8.45.0",
+-    "rimraf": "^5.0.1",
+-    "typescript": "^5.1.6",
+-    "webpack-cli": "^5.1.4"
+-  }
++	"name": "@ffmpeg/util",
++	"version": "0.12.1",
++	"description": "browser utils for @ffmpeg/*",
++	"main": "./dist/cjs/index.js",
++	"types": "./dist/cjs/index.d.ts",
++	"exports": {
++		".": {
++			"types": "./dist/cjs/index.d.ts",
++			"import": "./dist/esm/index.js",
++			"require": "./dist/cjs/index.js"
++		}
++	},
++	"scripts": {
++		"dev": "tsc -p tsconfig-esm.json --watch",
++		"lint": "eslint src",
++		"clean": "rimraf dist",
++		"build:esm": "tsc -p tsconfig.esm.json",
++		"build:umd": "tsc -p tsconfig.cjs.json && webpack",
++		"build": "npm run clean && npm run build:esm && npm run build:umd",
++		"prepublishOnly": "npm run build"
++	},
++	"files": [
++		"dist"
++	],
++	"repository": {
++		"type": "git",
++		"url": "git+https://github.com/ffmpegwasm/ffmpeg.wasm.git"
++	},
++	"keywords": [
++		"ffmpeg",
++		"video",
++		"audio",
++		"transcode"
++	],
++	"author": "Jerome Wu <jeromewus@gmail.com>",
++	"license": "MIT",
++	"bugs": {
++		"url": "https://github.com/ffmpegwasm/ffmpeg.wasm/issues"
++	},
++	"engines": {
++		"node": ">=18.x"
++	},
++	"homepage": "https://github.com/ffmpegwasm/ffmpeg.wasm#readme",
++	"publishConfig": {
++		"access": "public"
++	},
++	"devDependencies": {
++		"@typescript-eslint/eslint-plugin": "^6.1.0",
++		"@typescript-eslint/parser": "^6.1.0",
++		"eslint": "^8.45.0",
++		"rimraf": "^5.0.1",
++		"typescript": "^5.1.6",
++		"webpack-cli": "^5.1.4"
++	},
++	"type": "module"
+ }
diff --git a/patches/@sveltejs__package.patch b/patches/@sveltejs__package.patch
new file mode 100644
index 0000000..d6959cb
--- /dev/null
+++ b/patches/@sveltejs__package.patch
@@ -0,0 +1,104 @@
+diff --git a/src/cli.js b/src/cli.js
+index ca28b1ee1464eeb3f41af007b887a110ebee74e3..e4784a61683424a4b6b481c5bcec1ae9bb5eefa0 100644
+--- a/src/cli.js
++++ b/src/cli.js
+@@ -30,9 +30,10 @@ prog
+ 		'--tsconfig',
+ 		'A path to a tsconfig or jsconfig file. When not provided, searches for the next upper tsconfig/jsconfig in the workspace path.'
+ 	)
++	.option('-c, --cwd', 'The current working directory')
+ 	.action(async (args) => {
+ 		try {
+-			const config = await load_config();
++			const config = await load_config({cwd: args.cwd});
+ 
+ 			// @ts-expect-error
+ 			if (config.package) {
+diff --git a/src/index.js b/src/index.js
+index b91aa92a2b9374ef1def61545690fc5304a40a3f..bc1311390223bac74caabbf26d022f5ed3bbc1c1 100644
+--- a/src/index.js
++++ b/src/index.js
+@@ -35,13 +35,34 @@ async function do_build(options, analyse_code) {
+ 		throw new Error(`${path.relative('.', input)} does not exist`);
+ 	}
+ 
+-	rimraf(temp);
+-	mkdirp(temp);
+ 
+-	const files = scan(input, extensions);
++
++	const tmp_input = path.join(input, 'tmp_input')
++
++ 	rimraf(temp);
++	rimraf(tmp_input)
++ 	mkdirp(temp);
++
++	mkdirp(tmp_input)
++	copy(input, tmp_input, {
++		filter: (p) => 
++			!p.includes('node_modules') && 
++			!p.includes('dist') && 
++			!p.includes('tmp_input') && 
++			!p.includes('public') &&
++			!p.endsWith('.stories.svelte') && 
++			!p.endsWith('.test.ts') && 
++			!p.endsWith('.spec.ts') && 
++			!p.endsWith('.md') &&
++			!p.endsWith('package.json') &&
++			!p.endsWith('.gitignore') &&
++			!p.endsWith('.svelte-kit')
++	})
++
++	const files = scan(tmp_input, extensions);
+ 
+ 	if (options.types) {
+-		await emit_dts(input, temp, output, options.cwd, alias, files, tsconfig);
++		await emit_dts(tmp_input, temp, output, options.cwd, alias, files, tsconfig);
+ 	}
+ 
+ 	/** @type {Map<string, import('typescript').CompilerOptions>} */
+@@ -49,7 +70,7 @@ async function do_build(options, analyse_code) {
+ 
+ 	for (const file of files) {
+ 		await process_file(
+-			input,
++			tmp_input,
+ 			temp,
+ 			file,
+ 			options.config.preprocess,
+@@ -66,11 +87,13 @@ async function do_build(options, analyse_code) {
+ 
+ 	mkdirp(output);
+ 	copy(temp, output);
++	rimraf(path.join(temp, ".."))
++	rimraf(tmp_input)
+ 
+ 	console.log(
+ 		colors
+ 			.bold()
+-			.green(`${path.relative(options.cwd, input)} -> ${path.relative(options.cwd, output)}`)
++			.green(`${path.relative(path.join(options.cwd, "..", ".."), input)} -> ${path.relative(options.cwd, output)}`)
+ 	);
+ }
+ 
+diff --git a/src/typescript.js b/src/typescript.js
+index 1105f935aa9827e990bf3aa53a26c7f3193420ec..ed5ba71889064176b4c374552b2f75e02d4677ae 100644
+--- a/src/typescript.js
++++ b/src/typescript.js
+@@ -22,6 +22,7 @@ import { load_pkg_json } from './config.js';
+  */
+ export async function emit_dts(input, output, final_output, cwd, alias, files, tsconfig) {
+ 	const tmp = `${output}/__package_types_tmp__`;
++	const root = path.resolve(cwd, "..", "..")
+ 	rimraf(tmp);
+ 	mkdirp(tmp);
+ 
+@@ -40,7 +41,7 @@ export async function emit_dts(input, output, final_output, cwd, alias, files, t
+ 		svelteShimsPath: no_svelte_3
+ 			? require.resolve('svelte2tsx/svelte-shims-v4.d.ts')
+ 			: require.resolve('svelte2tsx/svelte-shims.d.ts'),
+-		declarationDir: path.relative(cwd, tmp),
++		declarationDir: path.relative(root, tmp),
+ 		tsconfig
+ 	});
+ 
diff --git a/patches/@sveltejs__package@2.3.4.patch b/patches/@sveltejs__package@2.3.4.patch
new file mode 100644
index 0000000..64176f7
--- /dev/null
+++ b/patches/@sveltejs__package@2.3.4.patch
@@ -0,0 +1,94 @@
+diff --git a/src/cli.js b/src/cli.js
+index 4833dc489359f2fba202668672f3cd8e09c427d5..7aa312f3677b73dbdfd4d0f1bb2b66bd17346cb3 100644
+--- a/src/cli.js
++++ b/src/cli.js
+@@ -28,9 +28,10 @@ prog
+ 		'--tsconfig',
+ 		'A path to a tsconfig or jsconfig file. When not provided, searches for the next upper tsconfig/jsconfig in the workspace path.'
+ 	)
++	.option('-c, --cwd', 'The current working directory')
+ 	.action(async (args) => {
+ 		try {
+-			const config = await load_config();
++			const config = await load_config({cwd: args.cwd});
+ 
+ 			// @ts-expect-error
+ 			if (config.package) {
+diff --git a/src/index.js b/src/index.js
+index a6cbda297cbb23329ceb669942fdba0e7e1c274c..1e813b042739f565829bed56347a44e9c62121eb 100644
+--- a/src/index.js
++++ b/src/index.js
+@@ -28,27 +28,47 @@ async function do_build(options, analyse_code) {
+ 		throw new Error(`${path.relative('.', input)} does not exist`);
+ 	}
+ 
++	const tmp_input = path.join(input, 'tmp_input')
++
+ 	rimraf(temp);
++	rimraf(tmp_input)
+ 	mkdirp(temp);
+-
+-	const files = scan(input, extensions);
++	mkdirp(tmp_input)
++	copy(input, tmp_input, {
++		filter: (p) => 
++			!p.includes('node_modules') && 
++			!p.includes('dist') && 
++			!p.includes('tmp_input') && 
++			!p.includes('public') &&
++			!p.endsWith('.stories.svelte') && 
++			!p.endsWith('.test.ts') && 
++			!p.endsWith('.spec.ts') && 
++			!p.endsWith('.md') &&
++			!p.endsWith('package.json') &&
++			!p.endsWith('.gitignore') &&
++			!p.endsWith('.svelte-kit')
++	})
++
++	const files = scan(tmp_input, extensions);
+ 
+ 	if (options.types) {
+-		await emit_dts(input, temp, options.cwd, alias, files);
++		await emit_dts(tmp_input, temp, options.cwd, alias, files);
+ 	}
+ 
+ 	for (const file of files) {
+-		await process_file(input, temp, file, options.config.preprocess, alias, tsconfig, analyse_code);
++		await process_file(tmp_input, temp, file, options.config.preprocess, alias, tsconfig, analyse_code);
+ 	}
+ 
+ 	rimraf(output);
+ 	mkdirp(output);
+ 	copy(temp, output);
++	rimraf(path.join(temp, ".."))
++	rimraf(tmp_input)
+ 
+ 	console.log(
+ 		colors
+ 			.bold()
+-			.green(`${path.relative(options.cwd, input)} -> ${path.relative(options.cwd, output)}`)
++			.green(`${path.relative(path.join(options.cwd, "..", ".."), input)} -> ${path.relative(options.cwd, output)}`)
+ 	);
+ }
+ 
+diff --git a/src/typescript.js b/src/typescript.js
+index 810871d5015257f05199192ed275f051492ca923..53d3c2516086cca5285858c6113a81d885dfebdc 100644
+--- a/src/typescript.js
++++ b/src/typescript.js
+@@ -20,6 +20,7 @@ import { load_pkg_json } from './config.js';
+  */
+ export async function emit_dts(input, output, cwd, alias, files) {
+ 	const tmp = `${output}/__package_types_tmp__`;
++	const root = path.resolve(cwd, "..", "..")
+ 	rimraf(tmp);
+ 	mkdirp(tmp);
+ 
+@@ -32,7 +33,7 @@ export async function emit_dts(input, output, cwd, alias, files) {
+ 		svelteShimsPath: no_svelte_3
+ 			? require.resolve('svelte2tsx/svelte-shims-v4.d.ts')
+ 			: require.resolve('svelte2tsx/svelte-shims.d.ts'),
+-		declarationDir: path.relative(cwd, tmp)
++		declarationDir: path.relative(root, tmp)
+ 	});
+ 
+ 	const handwritten = new Set();
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..325d2e3
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,15877 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+overrides:
+  svelte: 5.48.0
+
+patchedDependencies:
+  '@sveltejs/package':
+    hash: 4bf60d897bf9a1418645763e4338b3223b9458b10046bd6cde08601581f05183
+    path: patches/@sveltejs__package.patch
+
+importers:
+
+  .:
+    dependencies:
+      '@changesets/changelog-github':
+        specifier: ^0.5.1
+        version: 0.5.2
+      '@changesets/cli':
+        specifier: ^2.29.7
+        version: 2.29.8(@types/node@24.10.9)
+      '@changesets/get-github-info':
+        specifier: ^0.6.0
+        version: 0.6.0
+      '@csstools/postcss-global-data':
+        specifier: ^3.1.0
+        version: 3.1.0(postcss@8.5.6)
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:client/js
+      '@manypkg/get-packages':
+        specifier: ^3.1.0
+        version: 3.1.0
+      '@playwright/test':
+        specifier: ^1.60.0
+        version: 1.60.0
+      '@self/build':
+        specifier: workspace:^
+        version: link:js/build
+      '@self/tootils':
+        specifier: workspace:^
+        version: link:js/tootils
+      '@sveltejs/package':
+        specifier: ^2.5.7
+        version: 2.5.7(patch_hash=4bf60d897bf9a1418645763e4338b3223b9458b10046bd6cde08601581f05183)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^6.2.1
+        version: 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@tailwindcss/forms':
+        specifier: ^0.5.10
+        version: 0.5.11(tailwindcss@4.1.18)
+      '@testing-library/dom':
+        specifier: ^10.4.1
+        version: 10.4.1
+      '@testing-library/jest-dom':
+        specifier: ^6.9.1
+        version: 6.9.1
+      '@types/node':
+        specifier: ^24.7.0
+        version: 24.10.9
+      '@types/testing-library__jest-dom':
+        specifier: ^6.0.0
+        version: 6.0.0
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^8.46.0
+        version: 8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/parser':
+        specifier: ^8.46.0
+        version: 8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@vitest/browser-playwright':
+        specifier: ^4.0.18
+        version: 4.0.18(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+      autoprefixer:
+        specifier: ^10.4.21
+        version: 10.4.23(postcss@8.5.6)
+      cross-env:
+        specifier: ^10.1.0
+        version: 10.1.0
+      esbuild:
+        specifier: ^0.25.10
+        version: 0.25.12
+      eslint:
+        specifier: ^9.37.0
+        version: 9.39.2(jiti@1.21.7)
+      eslint-plugin-svelte:
+        specifier: ^3.12.4
+        version: 3.14.0(eslint@9.39.2(jiti@1.21.7))(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      globals:
+        specifier: ^16.4.0
+        version: 16.5.0
+      handlebars:
+        specifier: 4.7.9
+        version: 4.7.9
+      happy-dom:
+        specifier: ^19.0.2
+        version: 19.0.2
+      jsdom:
+        specifier: ^27.0.0
+        version: 27.4.0(bufferutil@4.1.0)
+      kleur:
+        specifier: ^4.1.5
+        version: 4.1.5
+      msw:
+        specifier: ^2.11.3
+        version: 2.12.7(@types/node@24.10.9)(typescript@5.9.3)
+      node-html-parser:
+        specifier: ^7.0.1
+        version: 7.0.2
+      npm-run-all2:
+        specifier: ^8.0.4
+        version: 8.0.4
+      playwright:
+        specifier: ^1.60.0
+        version: 1.60.0
+      plotly.js-dist-min:
+        specifier: ^3.1.1
+        version: 3.3.1
+      polka:
+        specifier: 1.0.0-next.25
+        version: 1.0.0-next.25
+      pollen-css:
+        specifier: ^5.0.2
+        version: 5.0.2
+      postcss:
+        specifier: 8.5.6
+        version: 8.5.6
+      postcss-custom-media:
+        specifier: ^11.0.6
+        version: 11.0.6(postcss@8.5.6)
+      postcss-nested:
+        specifier: ^7.0.2
+        version: 7.0.2(postcss@8.5.6)
+      postcss-prefix-selector:
+        specifier: ^2.1.1
+        version: 2.1.1(postcss@8.5.6)
+      prettier:
+        specifier: ^3.6.2
+        version: 3.8.0
+      prettier-plugin-css-order:
+        specifier: ^2.1.2
+        version: 2.2.0(postcss@8.5.6)(prettier@3.8.0)
+      prettier-plugin-svelte:
+        specifier: ^3.4.0
+        version: 3.4.1(prettier@3.8.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      sirv:
+        specifier: ^3.0.2
+        version: 3.0.2
+      sirv-cli:
+        specifier: ^3.0.1
+        version: 3.0.1
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      svelte-check:
+        specifier: ^4.3.2
+        version: 4.3.5(picomatch@4.0.3)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+      svelte-eslint-parser:
+        specifier: ^1.3.3
+        version: 1.4.1(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      svelte-i18n:
+        specifier: ^4.0.1
+        version: 4.0.1(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      svelte-preprocess:
+        specifier: ^6.0.3
+        version: 6.0.3(coffeescript@2.7.0)(postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.6))(postcss@8.5.6)(pug@3.0.3)(sass@1.97.2)(stylus@0.64.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+      tailwindcss:
+        specifier: ^4.1.14
+        version: 4.1.18
+      tinyspy:
+        specifier: ^4.0.4
+        version: 4.0.4
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+      typescript-svelte-plugin:
+        specifier: ^0.3.50
+        version: 0.3.50(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+      vite:
+        specifier: ^7.1.9
+        version: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+      vite-plugin-turbosnap:
+        specifier: 1.0.3
+        version: 1.0.3
+      vitefu:
+        specifier: ^1.1.3
+        version: 1.1.3(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      vitest:
+        specifier: ^4.0.18
+        version: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+    devDependencies:
+      '@chromatic-com/storybook':
+        specifier: ^4.1.3
+        version: 4.1.3(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+      '@eslint/js':
+        specifier: ^9.39.2
+        version: 9.39.2
+      '@gradio/accordion':
+        specifier: workspace:^
+        version: link:js/accordion
+      '@gradio/annotatedimage':
+        specifier: workspace:^
+        version: link:js/annotatedimage
+      '@gradio/audio':
+        specifier: workspace:^
+        version: link:js/audio
+      '@gradio/box':
+        specifier: workspace:^
+        version: link:js/box
+      '@gradio/browserstate':
+        specifier: workspace:^
+        version: link:js/browserstate
+      '@gradio/button':
+        specifier: workspace:^
+        version: link:js/button
+      '@gradio/chatbot':
+        specifier: workspace:^
+        version: link:js/chatbot
+      '@gradio/checkbox':
+        specifier: workspace:^
+        version: link:js/checkbox
+      '@gradio/checkboxgroup':
+        specifier: workspace:^
+        version: link:js/checkboxgroup
+      '@gradio/code':
+        specifier: workspace:^
+        version: link:js/code
+      '@gradio/colorpicker':
+        specifier: workspace:^
+        version: link:js/colorpicker
+      '@gradio/column':
+        specifier: workspace:^
+        version: link:js/column
+      '@gradio/core':
+        specifier: workspace:^
+        version: link:js/core
+      '@gradio/dataframe':
+        specifier: workspace:^
+        version: link:js/dataframe
+      '@gradio/dataset':
+        specifier: workspace:^
+        version: link:js/dataset
+      '@gradio/datetime':
+        specifier: workspace:^
+        version: link:js/datetime
+      '@gradio/dialogue':
+        specifier: workspace:^
+        version: link:js/dialogue
+      '@gradio/downloadbutton':
+        specifier: workspace:^
+        version: link:js/downloadbutton
+      '@gradio/draggable':
+        specifier: workspace:^
+        version: link:js/draggable
+      '@gradio/dropdown':
+        specifier: workspace:^
+        version: link:js/dropdown
+      '@gradio/fallback':
+        specifier: workspace:^
+        version: link:js/fallback
+      '@gradio/file':
+        specifier: workspace:^
+        version: link:js/file
+      '@gradio/fileexplorer':
+        specifier: workspace:^
+        version: link:js/fileexplorer
+      '@gradio/form':
+        specifier: workspace:^
+        version: link:js/form
+      '@gradio/gallery':
+        specifier: workspace:^
+        version: link:js/gallery
+      '@gradio/group':
+        specifier: workspace:^
+        version: link:js/group
+      '@gradio/highlightedtext':
+        specifier: workspace:^
+        version: link:js/highlightedtext
+      '@gradio/html':
+        specifier: workspace:^
+        version: link:js/html
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:js/image
+      '@gradio/imageeditor':
+        specifier: workspace:^
+        version: link:js/imageeditor
+      '@gradio/imageslider':
+        specifier: workspace:^
+        version: link:js/imageslider
+      '@gradio/json':
+        specifier: workspace:^
+        version: link:js/json
+      '@gradio/label':
+        specifier: workspace:^
+        version: link:js/label
+      '@gradio/markdown':
+        specifier: workspace:^
+        version: link:js/markdown
+      '@gradio/model3d':
+        specifier: workspace:^
+        version: link:js/model3D
+      '@gradio/multimodaltextbox':
+        specifier: workspace:^
+        version: link:js/multimodaltextbox
+      '@gradio/nativeplot':
+        specifier: workspace:^
+        version: link:js/nativeplot
+      '@gradio/navbar':
+        specifier: workspace:^
+        version: link:js/navbar
+      '@gradio/number':
+        specifier: workspace:^
+        version: link:js/number
+      '@gradio/paramviewer':
+        specifier: workspace:^
+        version: link:js/paramviewer
+      '@gradio/plot':
+        specifier: workspace:^
+        version: link:js/plot
+      '@gradio/radio':
+        specifier: workspace:^
+        version: link:js/radio
+      '@gradio/row':
+        specifier: workspace:^
+        version: link:js/row
+      '@gradio/sidebar':
+        specifier: workspace:^
+        version: link:js/sidebar
+      '@gradio/simpledropdown':
+        specifier: workspace:^
+        version: link:js/simpledropdown
+      '@gradio/simpleimage':
+        specifier: workspace:^
+        version: link:js/simpleimage
+      '@gradio/simpletextbox':
+        specifier: workspace:^
+        version: link:js/simpletextbox
+      '@gradio/slider':
+        specifier: workspace:^
+        version: link:js/slider
+      '@gradio/state':
+        specifier: workspace:^
+        version: link:js/state
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:js/statustracker
+      '@gradio/tabitem':
+        specifier: workspace:^
+        version: link:js/tabitem
+      '@gradio/tabs':
+        specifier: workspace:^
+        version: link:js/tabs
+      '@gradio/textbox':
+        specifier: workspace:^
+        version: link:js/textbox
+      '@gradio/timer':
+        specifier: workspace:^
+        version: link:js/timer
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:js/upload
+      '@gradio/uploadbutton':
+        specifier: workspace:^
+        version: link:js/uploadbutton
+      '@gradio/vibeeditor':
+        specifier: workspace:^
+        version: link:js/vibeeditor
+      '@gradio/video':
+        specifier: workspace:^
+        version: link:js/video
+      '@gradio/workflowcanvas':
+        specifier: workspace:^
+        version: link:js/workflowcanvas
+      '@storybook/addon-a11y':
+        specifier: ^10.1.11
+        version: 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+      '@storybook/addon-docs':
+        specifier: ^10.1.11
+        version: 10.1.11(@types/react@19.2.9)(esbuild@0.25.12)(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@storybook/addon-svelte-csf':
+        specifier: ^5.0.10
+        version: 5.0.10(@storybook/svelte@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1)))(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@storybook/addon-vitest':
+        specifier: ^10.1.11
+        version: 10.1.11(@vitest/browser-playwright@4.0.18)(@vitest/browser@3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18))(@vitest/runner@4.0.18)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vitest@4.0.18)
+      '@storybook/svelte-vite':
+        specifier: ^10.1.11
+        version: 10.1.11(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(esbuild@0.25.12)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@testing-library/user-event':
+        specifier: ^14.6.1
+        version: 14.6.1(@testing-library/dom@10.4.1)
+      '@vitest/browser':
+        specifier: ^3.2.4
+        version: 3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+      '@vitest/coverage-v8':
+        specifier: ^3.2.4
+        version: 3.2.4(@vitest/browser@3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18))(vitest@4.0.18)
+      eslint-plugin-jsdoc:
+        specifier: ^61.0.0
+        version: 61.7.1(eslint@9.39.2(jiti@1.21.7))
+      eslint-plugin-storybook:
+        specifier: ^10.1.11
+        version: 10.1.11(eslint@9.39.2(jiti@1.21.7))(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3)
+      storybook:
+        specifier: ^10.1.11
+        version: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      vitest-browser-svelte:
+        specifier: ^0.1.0
+        version: 0.1.0(@vitest/browser@3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vitest@4.0.18)
+      wikidata-lang:
+        specifier: 5.0.1
+        version: 5.0.1
+
+  client/js:
+    dependencies:
+      fetch-event-stream:
+        specifier: ^0.1.5
+        version: 0.1.6
+    devDependencies:
+      msw:
+        specifier: ^2.11.3
+        version: 2.12.7(@types/node@24.10.9)(typescript@5.9.3)
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+
+  client/python/gradio_client: {}
+
+  gradio: {}
+
+  js/_cdn-test: {}
+
+  js/_spaces-test:
+    dependencies:
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/form':
+        specifier: workspace:^
+        version: link:../form
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@self/spa':
+        specifier: workspace:^
+        version: link:../spa
+      '@sveltejs/adapter-auto':
+        specifier: ^6.1.1
+        version: 6.1.1(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))
+      '@sveltejs/kit':
+        specifier: ^2.46.2
+        version: 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))
+      iframe-resizer:
+        specifier: ^5.5.7
+        version: 5.5.7
+    devDependencies:
+      '@types/iframe-resizer':
+        specifier: ^4.0.0
+        version: 4.0.0
+
+  js/_website:
+    dependencies:
+      '@gradio/button':
+        specifier: workspace:^
+        version: link:../button
+      '@gradio/code':
+        specifier: workspace:^
+        version: link:../code
+      '@gradio/html':
+        specifier: workspace:^
+        version: link:../html
+      '@gradio/paramviewer':
+        specifier: workspace:^
+        version: link:../paramviewer
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/tabitem':
+        specifier: workspace:^
+        version: link:../tabitem
+      '@gradio/tabs':
+        specifier: workspace:^
+        version: link:../tabs
+      '@sindresorhus/slugify':
+        specifier: ^3.0.0
+        version: 3.0.0
+      '@sveltejs/adapter-vercel':
+        specifier: ^5.10.3
+        version: 5.10.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(rollup@4.61.0)
+      hast-util-to-string:
+        specifier: ^3.0.1
+        version: 3.0.1
+      mdsvex:
+        specifier: ^0.12.6
+        version: 0.12.6(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      postcss:
+        specifier: ^8.5.6
+        version: 8.5.6
+      prism-svelte:
+        specifier: ^0.5.0
+        version: 0.5.0
+      wrangler:
+        specifier: ^4.42.1
+        version: 4.59.3(bufferutil@4.1.0)
+    devDependencies:
+      '@sveltejs/adapter-auto':
+        specifier: ^6.1.1
+        version: 6.1.1(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))
+      '@sveltejs/adapter-static':
+        specifier: ^3.0.10
+        version: 3.0.10(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))
+      '@sveltejs/kit':
+        specifier: ^2.46.2
+        version: 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+      '@tailwindcss/forms':
+        specifier: ^0.5.10
+        version: 0.5.11(tailwindcss@3.4.19)
+      '@tailwindcss/typography':
+        specifier: ^0.5.19
+        version: 0.5.19(tailwindcss@3.4.19)
+      '@types/prismjs':
+        specifier: ^1.26.5
+        version: 1.26.5
+      flexsearch:
+        specifier: ^0.8.212
+        version: 0.8.212
+      prismjs:
+        specifier: ^1.30.0
+        version: 1.30.0
+      tailwindcss:
+        specifier: ^3.1.6
+        version: 3.4.19
+
+  js/accordion:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/column':
+        specifier: workspace:^
+        version: link:../column
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/annotatedimage:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/app:
+    dependencies:
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/core':
+        specifier: workspace:^
+        version: link:../core
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@huggingface/space-header':
+        specifier: ^1.0.4
+        version: 1.0.4
+      '@self/build':
+        specifier: workspace:^
+        version: link:../build
+      '@sveltejs/adapter-node':
+        specifier: ^5.4.0
+        version: 5.5.1(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))
+      http-proxy:
+        specifier: ^1.18.1
+        version: 1.18.1
+      svelte-preprocess:
+        specifier: ^6.0.3
+        version: 6.0.3(coffeescript@2.7.0)(postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.15))(postcss@8.5.15)(pug@3.0.3)(sass@1.97.2)(stylus@0.64.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+    devDependencies:
+      '@sveltejs/adapter-auto':
+        specifier: ^7.0.0
+        version: 7.0.0(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))
+      '@sveltejs/kit':
+        specifier: ^2.49.5
+        version: 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^6.2.1
+        version: 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      prettier:
+        specifier: ^3.6.2
+        version: 3.8.0
+      prettier-plugin-svelte:
+        specifier: ^3.4.0
+        version: 3.4.1(prettier@3.8.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      svelte-check:
+        specifier: ^4.3.3
+        version: 4.3.5(picomatch@4.0.3)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+      vite:
+        specifier: ^7.1.12
+        version: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  js/atoms:
+    dependencies:
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/audio:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/button':
+        specifier: workspace:^
+        version: link:../button
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      extendable-media-recorder:
+        specifier: 9.0.0
+        version: 9.0.0
+      extendable-media-recorder-wav-encoder:
+        specifier: 7.0.76
+        version: 7.0.76
+      hls.js:
+        specifier: 1.5.13
+        version: 1.5.13
+      resize-observer-polyfill:
+        specifier: 1.5.1
+        version: 1.5.1
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      svelte-range-slider-pips:
+        specifier: 4.1.0
+        version: 4.1.0(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      wavesurfer.js:
+        specifier: 7.11.0
+        version: 7.11.0
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/box:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/browserstate:
+    dependencies:
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      crypto-js:
+        specifier: ^4.2.0
+        version: 4.2.0
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@types/crypto-js':
+        specifier: ^4.2.2
+        version: 4.2.2
+
+  js/build:
+    dependencies:
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      esbuild:
+        specifier: ^0.25.10
+        version: 0.25.12
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      svelte-i18n:
+        specifier: ^4.0.1
+        version: 4.0.1(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+
+  js/button:
+    dependencies:
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:../image
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/chatbot:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/gallery':
+        specifier: workspace:^
+        version: link:../gallery
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/markdown-code':
+        specifier: workspace:^
+        version: link:../markdown-code
+      '@gradio/plot':
+        specifier: workspace:^
+        version: link:../plot
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@types/katex':
+        specifier: ^0.16.7
+        version: 0.16.8
+      '@types/prismjs':
+        specifier: 1.26.5
+        version: 1.26.5
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/audio':
+        specifier: workspace:^
+        version: link:../audio
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:../image
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+      '@gradio/video':
+        specifier: workspace:^
+        version: link:../video
+
+  js/checkbox:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/checkboxgroup:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/code:
+    dependencies:
+      '@codemirror/autocomplete':
+        specifier: ^6.19.0
+        version: 6.20.0
+      '@codemirror/commands':
+        specifier: ^6.9.0
+        version: 6.10.1
+      '@codemirror/lang-css':
+        specifier: ^6.3.1
+        version: 6.3.1
+      '@codemirror/lang-html':
+        specifier: ^6.4.11
+        version: 6.4.11
+      '@codemirror/lang-javascript':
+        specifier: ^6.2.4
+        version: 6.2.4
+      '@codemirror/lang-json':
+        specifier: ^6.0.2
+        version: 6.0.2
+      '@codemirror/lang-markdown':
+        specifier: ^6.4.0
+        version: 6.5.0
+      '@codemirror/lang-python':
+        specifier: ^6.2.1
+        version: 6.2.1
+      '@codemirror/language':
+        specifier: ^6.11.3
+        version: 6.12.1
+      '@codemirror/legacy-modes':
+        specifier: ^6.5.2
+        version: 6.5.2
+      '@codemirror/lint':
+        specifier: ^6.9.0
+        version: 6.9.2
+      '@codemirror/search':
+        specifier: ^6.5.11
+        version: 6.6.0
+      '@codemirror/state':
+        specifier: ^6.5.2
+        version: 6.5.4
+      '@codemirror/view':
+        specifier: ^6.38.5
+        version: 6.39.11
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@lezer/common':
+        specifier: ^1.2.3
+        version: 1.5.0
+      '@lezer/highlight':
+        specifier: ^1.2.1
+        version: 1.2.3
+      '@lezer/markdown':
+        specifier: ^1.4.3
+        version: 1.6.3
+      cm6-theme-basic-dark:
+        specifier: ^0.2.0
+        version: 0.2.0(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.11)(@lezer/highlight@1.2.3)
+      cm6-theme-basic-light:
+        specifier: ^0.2.0
+        version: 0.2.0(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.11)(@lezer/highlight@1.2.3)
+      codemirror:
+        specifier: ^6.0.2
+        version: 6.0.2
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/colorpicker:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@types/tinycolor2':
+        specifier: ^1.4.6
+        version: 1.4.6
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      tinycolor2:
+        specifier: ^1.6.0
+        version: 1.6.0
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/column:
+    dependencies:
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+
+  js/component-test:
+    dependencies:
+      '@gradio/video':
+        specifier: workspace:^
+        version: link:../video
+    devDependencies:
+      '@self/build':
+        specifier: workspace:^
+        version: link:../build
+      '@sveltejs/adapter-auto':
+        specifier: ^6.1.1
+        version: 6.1.1(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))
+      '@sveltejs/kit':
+        specifier: ^2.46.2
+        version: 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))
+
+  js/core:
+    dependencies:
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      svelte-i18n:
+        specifier: ^4.0.1
+        version: 4.0.1(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+    devDependencies:
+      '@gradio/accordion':
+        specifier: workspace:^
+        version: link:../accordion
+      '@gradio/annotatedimage':
+        specifier: workspace:^
+        version: link:../annotatedimage
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/audio':
+        specifier: workspace:^
+        version: link:../audio
+      '@gradio/box':
+        specifier: workspace:^
+        version: link:../box
+      '@gradio/browserstate':
+        specifier: workspace:^
+        version: link:../browserstate
+      '@gradio/button':
+        specifier: workspace:^
+        version: link:../button
+      '@gradio/chatbot':
+        specifier: workspace:^
+        version: link:../chatbot
+      '@gradio/checkbox':
+        specifier: workspace:^
+        version: link:../checkbox
+      '@gradio/checkboxgroup':
+        specifier: workspace:^
+        version: link:../checkboxgroup
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/code':
+        specifier: workspace:^
+        version: link:../code
+      '@gradio/colorpicker':
+        specifier: workspace:^
+        version: link:../colorpicker
+      '@gradio/column':
+        specifier: workspace:^
+        version: link:../column
+      '@gradio/dataframe':
+        specifier: workspace:^
+        version: link:../dataframe
+      '@gradio/dataset':
+        specifier: workspace:^
+        version: link:../dataset
+      '@gradio/datetime':
+        specifier: workspace:^
+        version: link:../datetime
+      '@gradio/downloadbutton':
+        specifier: workspace:^
+        version: link:../downloadbutton
+      '@gradio/dropdown':
+        specifier: workspace:^
+        version: link:../dropdown
+      '@gradio/fallback':
+        specifier: workspace:^
+        version: link:../fallback
+      '@gradio/file':
+        specifier: workspace:^
+        version: link:../file
+      '@gradio/fileexplorer':
+        specifier: workspace:^
+        version: link:../fileexplorer
+      '@gradio/form':
+        specifier: workspace:^
+        version: link:../form
+      '@gradio/gallery':
+        specifier: workspace:^
+        version: link:../gallery
+      '@gradio/group':
+        specifier: workspace:^
+        version: link:../group
+      '@gradio/highlightedtext':
+        specifier: workspace:^
+        version: link:../highlightedtext
+      '@gradio/html':
+        specifier: workspace:^
+        version: link:../html
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:../image
+      '@gradio/imageeditor':
+        specifier: workspace:^
+        version: link:../imageeditor
+      '@gradio/imageslider':
+        specifier: workspace:^
+        version: link:../imageslider
+      '@gradio/json':
+        specifier: workspace:^
+        version: link:../json
+      '@gradio/label':
+        specifier: workspace:^
+        version: link:../label
+      '@gradio/markdown':
+        specifier: workspace:^
+        version: link:../markdown
+      '@gradio/model3d':
+        specifier: workspace:^
+        version: link:../model3D
+      '@gradio/multimodaltextbox':
+        specifier: workspace:^
+        version: link:../multimodaltextbox
+      '@gradio/nativeplot':
+        specifier: workspace:^
+        version: link:../nativeplot
+      '@gradio/number':
+        specifier: workspace:^
+        version: link:../number
+      '@gradio/paramviewer':
+        specifier: workspace:^
+        version: link:../paramviewer
+      '@gradio/plot':
+        specifier: workspace:^
+        version: link:../plot
+      '@gradio/radio':
+        specifier: workspace:^
+        version: link:../radio
+      '@gradio/row':
+        specifier: workspace:^
+        version: link:../row
+      '@gradio/sidebar':
+        specifier: workspace:^
+        version: link:../sidebar
+      '@gradio/simpledropdown':
+        specifier: workspace:^
+        version: link:../simpledropdown
+      '@gradio/simpleimage':
+        specifier: workspace:^
+        version: link:../simpleimage
+      '@gradio/simpletextbox':
+        specifier: workspace:^
+        version: link:../simpletextbox
+      '@gradio/slider':
+        specifier: workspace:^
+        version: link:../slider
+      '@gradio/state':
+        specifier: workspace:^
+        version: link:../state
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/tabitem':
+        specifier: workspace:^
+        version: link:../tabitem
+      '@gradio/tabs':
+        specifier: workspace:^
+        version: link:../tabs
+      '@gradio/textbox':
+        specifier: workspace:^
+        version: link:../textbox
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@gradio/timer':
+        specifier: workspace:^
+        version: link:../timer
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/uploadbutton':
+        specifier: workspace:^
+        version: link:../uploadbutton
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@gradio/vibeeditor':
+        specifier: workspace:^
+        version: link:../vibeeditor
+      '@gradio/video':
+        specifier: workspace:^
+        version: link:../video
+      '@gradio/workflowcanvas':
+        specifier: workspace:^
+        version: link:../workflowcanvas
+
+  js/dataframe:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/button':
+        specifier: workspace:^
+        version: link:../button
+      '@gradio/checkbox':
+        specifier: workspace:^
+        version: link:../checkbox
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/markdown-code':
+        specifier: workspace:^
+        version: link:../markdown-code
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@tanstack/table-core':
+        specifier: ^8.21.3
+        version: 8.21.3
+      '@tanstack/virtual-core':
+        specifier: ^3.13.6
+        version: 3.13.23
+      '@types/d3-dsv':
+        specifier: ^3.0.7
+        version: 3.0.7
+      '@types/katex':
+        specifier: ^0.16.7
+        version: 0.16.8
+      d3-dsv:
+        specifier: ^3.0.1
+        version: 3.0.1
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/dataset:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/textbox':
+        specifier: workspace:^
+        version: link:../textbox
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/datetime:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/dialogue:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/dropdown':
+        specifier: workspace:^
+        version: link:../dropdown
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/textbox':
+        specifier: workspace:^
+        version: link:../textbox
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/downloadbutton:
+    dependencies:
+      '@gradio/button':
+        specifier: workspace:^
+        version: link:../button
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/draggable:
+    dependencies:
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+
+  js/dropdown:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/fallback:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@zerodevx/svelte-json-view':
+        specifier: ^1.0.11
+        version: 1.0.11(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/file:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/fileexplorer:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/checkbox':
+        specifier: workspace:^
+        version: link:../checkbox
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/file':
+        specifier: workspace:^
+        version: link:../file
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/form:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/gallery:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/file':
+        specifier: workspace:^
+        version: link:../file
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:../image
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@gradio/video':
+        specifier: workspace:^
+        version: link:../video
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/group:
+    dependencies:
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/highlightedtext:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/html:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      handlebars:
+        specifier: ^4.7.9
+        version: 4.7.9
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/icons:
+    dependencies:
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/image:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      cropperjs:
+        specifier: ^2.0.1
+        version: 2.1.0
+      lazy-brush:
+        specifier: ^2.0.2
+        version: 2.0.2
+      resize-observer-polyfill:
+        specifier: ^1.5.1
+        version: 1.5.1
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/imageeditor:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:../image
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@types/tinycolor2':
+        specifier: ^1.4.6
+        version: 1.4.6
+      pixi-filters:
+        specifier: ^6.1.4
+        version: 6.1.5(pixi.js@8.15.0)
+      pixi.js:
+        specifier: ^8.14.0
+        version: 8.15.0
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      tinycolor2:
+        specifier: ^1.6.0
+        version: 1.6.0
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/imageslider:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@types/d3-drag':
+        specifier: ^3.0.7
+        version: 3.0.7
+      '@types/d3-selection':
+        specifier: ^3.0.11
+        version: 3.0.11
+      d3-drag:
+        specifier: ^3.0.0
+        version: 3.0.0
+      d3-selection:
+        specifier: ^3.0.0
+        version: 3.0.0
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/json:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/label:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/markdown:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/markdown-code':
+        specifier: workspace:^
+        version: link:../markdown-code
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/markdown-code:
+    dependencies:
+      '@gradio/sanitize':
+        specifier: workspace:^
+        version: link:../sanitize
+      '@types/katex':
+        specifier: ^0.16.7
+        version: 0.16.8
+      '@types/prismjs':
+        specifier: 1.26.5
+        version: 1.26.5
+      github-slugger:
+        specifier: ^2.0.0
+        version: 2.0.0
+      katex:
+        specifier: ^0.16.23
+        version: 0.16.27
+      marked:
+        specifier: ^12.0.0
+        version: 12.0.2
+      marked-gfm-heading-id:
+        specifier: ^3.1.2
+        version: 3.2.0(marked@12.0.2)
+      marked-highlight:
+        specifier: ^2.0.1
+        version: 2.2.3(marked@12.0.2)
+      mermaid:
+        specifier: ^11.12.0
+        version: 11.12.2
+      prismjs:
+        specifier: ^1.30.0
+        version: 1.30.0
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/model3D:
+    dependencies:
+      '@babylonjs/core':
+        specifier: ^8.30.5
+        version: 8.46.2
+      '@babylonjs/loaders':
+        specifier: ^8.30.5
+        version: 8.46.2(@babylonjs/core@8.46.2)(babylonjs-gltf2interface@8.46.2)
+      '@babylonjs/viewer':
+        specifier: ^8.30.5
+        version: 8.46.2(@babylonjs/core@8.46.2)(@babylonjs/loaders@8.46.2(@babylonjs/core@8.46.2)(babylonjs-gltf2interface@8.46.2))
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@types/babylon':
+        specifier: ^6.16.9
+        version: 6.16.9
+      dequal:
+        specifier: ^2.0.3
+        version: 2.0.3
+      gsplat:
+        specifier: ^1.2.9
+        version: 1.2.9
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/multimodaltextbox:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/audio':
+        specifier: workspace:^
+        version: link:../audio
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:../image
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@gradio/video':
+        specifier: workspace:^
+        version: link:../video
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/nativeplot:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      vega:
+        specifier: ^6.2.0
+        version: 6.2.0
+      vega-embed:
+        specifier: ^7.0.2
+        version: 7.1.0(vega-lite@6.4.2(vega@6.2.0))(vega@6.2.0)
+      vega-lite:
+        specifier: ^6.4.1
+        version: 6.4.2(vega@6.2.0)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/navbar:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/core':
+        specifier: workspace:^
+        version: link:../core
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/number:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/paramviewer:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      prismjs:
+        specifier: ^1.30.0
+        version: 1.30.0
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+      '@types/prismjs':
+        specifier: ^1.26.5
+        version: 1.26.5
+
+  js/plot:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@rollup/plugin-json':
+        specifier: ^6.1.0
+        version: 6.1.0(rollup@4.61.0)
+      plotly.js-dist-min:
+        specifier: ^3.1.1
+        version: 3.3.1
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+      vega:
+        specifier: ^5.23.0
+        version: 5.33.1
+      vega-embed:
+        specifier: ^6.25.0
+        version: 6.29.0(vega-lite@5.23.0(vega@5.33.1))(vega@5.33.1)
+      vega-lite:
+        specifier: ^5.12.0
+        version: 5.23.0(vega@5.33.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/preview:
+    dependencies:
+      '@sveltejs/vite-plugin-svelte':
+        specifier: ^6.2.1
+        version: 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@types/which':
+        specifier: ^3.0.4
+        version: 3.0.4
+      rollup:
+        specifier: ^4.59.0
+        version: 4.59.0
+      svelte-preprocess:
+        specifier: ^6.0.3
+        version: 6.0.3(coffeescript@2.7.0)(postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.15))(postcss@8.5.15)(pug@3.0.3)(sass@1.97.2)(stylus@0.64.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+      typescript:
+        specifier: ^5.9.3
+        version: 5.9.3
+      vite:
+        specifier: ^7.1.9
+        version: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  js/preview/test/test/frontend: {}
+
+  js/radio:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/row:
+    dependencies:
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+
+  js/sanitize:
+    dependencies:
+      amuchina:
+        specifier: ^1.0.12
+        version: 1.0.12
+      sanitize-html:
+        specifier: ^2.17.0
+        version: 2.17.0
+    devDependencies:
+      '@types/sanitize-html':
+        specifier: ^2.16.0
+        version: 2.16.0
+
+  js/sidebar:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/column':
+        specifier: workspace:^
+        version: link:../column
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/simpledropdown:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/simpleimage:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      cropperjs:
+        specifier: ^2.0.1
+        version: 2.1.0
+      lazy-brush:
+        specifier: ^2.0.2
+        version: 2.0.2
+      resize-observer-polyfill:
+        specifier: ^1.5.1
+        version: 1.5.1
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/simpletextbox:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/slider:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/spa:
+    devDependencies:
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/core':
+        specifier: workspace:^
+        version: link:../core
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+      '@huggingface/space-header':
+        specifier: ^1.0.4
+        version: 1.0.4
+      '@self/build':
+        specifier: workspace:^
+        version: link:../build
+      '@types/eventsource':
+        specifier: ^3.0.0
+        version: 3.0.0
+      cross-env:
+        specifier: ^10.1.0
+        version: 10.1.0
+
+  js/state:
+    dependencies:
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/statustracker:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/sanitize':
+        specifier: ^0.2.0
+        version: 0.2.0
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/storybook:
+    dependencies:
+      storybook-dark-mode:
+        specifier: ^4.0.2
+        version: 4.0.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+
+  js/tabitem:
+    dependencies:
+      '@gradio/column':
+        specifier: workspace:^
+        version: link:../column
+      '@gradio/tabs':
+        specifier: workspace:^
+        version: link:../tabs
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/tabs:
+    dependencies:
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/textbox:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/theme:
+    dependencies:
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/timer:
+    dependencies:
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/tooltip:
+    dependencies:
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/tootils:
+    dependencies:
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/upload:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  js/uploadbutton:
+    dependencies:
+      '@gradio/button':
+        specifier: workspace:^
+        version: link:../button
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/utils:
+    dependencies:
+      '@gradio/theme':
+        specifier: workspace:^
+        version: link:../theme
+
+  js/vibeeditor:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/video:
+    dependencies:
+      '@ffmpeg/ffmpeg':
+        specifier: ^0.12.15
+        version: 0.12.15
+      '@ffmpeg/util':
+        specifier: ^0.12.2
+        version: 0.12.2
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/icons':
+        specifier: workspace:^
+        version: link:../icons
+      '@gradio/image':
+        specifier: workspace:^
+        version: link:../image
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/upload':
+        specifier: workspace:^
+        version: link:../upload
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      hls.js:
+        specifier: ^1.6.13
+        version: 1.6.15
+      mrmime:
+        specifier: ^2.0.1
+        version: 2.0.1
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+  js/workflowcanvas:
+    dependencies:
+      '@gradio/atoms':
+        specifier: workspace:^
+        version: link:../atoms
+      '@gradio/client':
+        specifier: workspace:^
+        version: link:../../client/js
+      '@gradio/statustracker':
+        specifier: workspace:^
+        version: link:../statustracker
+      '@gradio/utils':
+        specifier: workspace:^
+        version: link:../utils
+      '@huggingface/hub':
+        specifier: ^1.0.0
+        version: 1.1.2
+      svelte:
+        specifier: 5.48.0
+        version: 5.48.0(@typescript-eslint/types@8.53.1)
+    devDependencies:
+      '@gradio/preview':
+        specifier: workspace:^
+        version: link:../preview
+
+packages:
+
+  '@acemir/cssom@0.9.31':
+    resolution: {integrity: sha512-ZnR3GSaH+/vJ0YlHau21FjfLYjMpYVIzTD8M8vIEQvIGxeOXyXdzCI140rrCY862p/C/BbzWsjc1dgnM9mkoTA==}
+
+  '@adobe/css-tools@4.3.3':
+    resolution: {integrity: sha512-rE0Pygv0sEZ4vBWHlAgJLGDU7Pm8xoO6p3wsEceb7GYAjScrOHpEo8KK/eVkAcnSM+slAEtXjA2JpdjLp4fJQQ==}
+
+  '@adobe/css-tools@4.4.4':
+    resolution: {integrity: sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==}
+
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
+  '@ampproject/remapping@2.3.0':
+    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
+    engines: {node: '>=6.0.0'}
+
+  '@antfu/install-pkg@1.1.0':
+    resolution: {integrity: sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ==}
+
+  '@asamuzakjp/css-color@4.1.1':
+    resolution: {integrity: sha512-B0Hv6G3gWGMn0xKJ0txEi/jM5iFpT3MfDxmhZFb4W047GvytCf1DHQ1D69W3zHI4yWe2aTZAA0JnbMZ7Xc8DuQ==}
+
+  '@asamuzakjp/dom-selector@6.7.6':
+    resolution: {integrity: sha512-hBaJER6A9MpdG3WgdlOolHmbOYvSk46y7IQN/1+iqiCuUu6iWdQrs9DGKF8ocqsEqWujWf/V7b7vaDgiUmIvUg==}
+
+  '@asamuzakjp/nwsapi@2.3.9':
+    resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==}
+
+  '@babel/code-frame@7.28.6':
+    resolution: {integrity: sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.28.6':
+    resolution: {integrity: sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/parser@7.29.7':
+    resolution: {integrity: sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/runtime@7.28.6':
+    resolution: {integrity: sha512-05WQkdpL9COIMz4LjTxGpPNCdlpyimKppYNoJ5Di5EUObifl8t4tuLuUBBZEpoLYOmfvIWrsp9fCl0HoPRVTdA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.28.6':
+    resolution: {integrity: sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.7':
+    resolution: {integrity: sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babylonjs/core@8.46.2':
+    resolution: {integrity: sha512-CrRpd05C6+bQjrmnel4NzNxDCRCHuBCua0cIHxtugGumonTIu9/7D8Dpz/X0X3NWU92dL7qETE1QdPaqlsCJig==}
+
+  '@babylonjs/loaders@8.46.2':
+    resolution: {integrity: sha512-fOATzKPzUmrcB0TuYLU4JEZPs2QONykecf5rb84lRm/MXyHTKfZFuccSS/89xrR43ytYPWQatkg87/+2dSbquw==}
+    peerDependencies:
+      '@babylonjs/core': ^8.0.0
+      babylonjs-gltf2interface: ^8.0.0
+
+  '@babylonjs/viewer@8.46.2':
+    resolution: {integrity: sha512-IAjvFaPoyipNtytvuKzsJeM8HeZckN7p5nEmmF9PMbH6Wj9wZJGp3Wa2zq5sUewZdKVGE8DYTxvbYFOi9u25FA==}
+    peerDependencies:
+      '@babylonjs/core': ^8.0.0
+      '@babylonjs/loaders': ^8.0.0
+
+  '@bcoe/v8-coverage@1.0.2':
+    resolution: {integrity: sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA==}
+    engines: {node: '>=18'}
+
+  '@braintree/sanitize-url@7.1.1':
+    resolution: {integrity: sha512-i1L7noDNxtFyL5DmZafWy1wRVhGehQmzZaz1HiN5e7iylJMSZR7ekOV7NsIqa5qBldlLrsKv4HbgFUVlQrz8Mw==}
+
+  '@changesets/apply-release-plan@7.0.14':
+    resolution: {integrity: sha512-ddBvf9PHdy2YY0OUiEl3TV78mH9sckndJR14QAt87KLEbIov81XO0q0QAmvooBxXlqRRP8I9B7XOzZwQG7JkWA==}
+
+  '@changesets/assemble-release-plan@6.0.9':
+    resolution: {integrity: sha512-tPgeeqCHIwNo8sypKlS3gOPmsS3wP0zHt67JDuL20P4QcXiw/O4Hl7oXiuLnP9yg+rXLQ2sScdV1Kkzde61iSQ==}
+
+  '@changesets/changelog-git@0.2.1':
+    resolution: {integrity: sha512-x/xEleCFLH28c3bQeQIyeZf8lFXyDFVn1SgcBiR2Tw/r4IAWlk1fzxCEZ6NxQAjF2Nwtczoen3OA2qR+UawQ8Q==}
+
+  '@changesets/changelog-github@0.5.2':
+    resolution: {integrity: sha512-HeGeDl8HaIGj9fQHo/tv5XKQ2SNEi9+9yl1Bss1jttPqeiASRXhfi0A2wv8yFKCp07kR1gpOI5ge6+CWNm1jPw==}
+
+  '@changesets/cli@2.29.8':
+    resolution: {integrity: sha512-1weuGZpP63YWUYjay/E84qqwcnt5yJMM0tep10Up7Q5cS/DGe2IZ0Uj3HNMxGhCINZuR7aO9WBMdKnPit5ZDPA==}
+    hasBin: true
+
+  '@changesets/config@3.1.2':
+    resolution: {integrity: sha512-CYiRhA4bWKemdYi/uwImjPxqWNpqGPNbEBdX1BdONALFIDK7MCUj6FPkzD+z9gJcvDFUQJn9aDVf4UG7OT6Kog==}
+
+  '@changesets/errors@0.2.0':
+    resolution: {integrity: sha512-6BLOQUscTpZeGljvyQXlWOItQyU71kCdGz7Pi8H8zdw6BI0g3m43iL4xKUVPWtG+qrrL9DTjpdn8eYuCQSRpow==}
+
+  '@changesets/get-dependents-graph@2.1.3':
+    resolution: {integrity: sha512-gphr+v0mv2I3Oxt19VdWRRUxq3sseyUpX9DaHpTUmLj92Y10AGy+XOtV+kbM6L/fDcpx7/ISDFK6T8A/P3lOdQ==}
+
+  '@changesets/get-github-info@0.6.0':
+    resolution: {integrity: sha512-v/TSnFVXI8vzX9/w3DU2Ol+UlTZcu3m0kXTjTT4KlAdwSvwutcByYwyYn9hwerPWfPkT2JfpoX0KgvCEi8Q/SA==}
+
+  '@changesets/get-github-info@0.7.0':
+    resolution: {integrity: sha512-+i67Bmhfj9V4KfDeS1+Tz3iF32btKZB2AAx+cYMqDSRFP7r3/ZdGbjCo+c6qkyViN9ygDuBjzageuPGJtKGe5A==}
+
+  '@changesets/get-release-plan@4.0.14':
+    resolution: {integrity: sha512-yjZMHpUHgl4Xl5gRlolVuxDkm4HgSJqT93Ri1Uz8kGrQb+5iJ8dkXJ20M2j/Y4iV5QzS2c5SeTxVSKX+2eMI0g==}
+
+  '@changesets/get-version-range-type@0.4.0':
+    resolution: {integrity: sha512-hwawtob9DryoGTpixy1D3ZXbGgJu1Rhr+ySH2PvTLHvkZuQ7sRT4oQwMh0hbqZH1weAooedEjRsbrWcGLCeyVQ==}
+
+  '@changesets/git@3.0.4':
+    resolution: {integrity: sha512-BXANzRFkX+XcC1q/d27NKvlJ1yf7PSAgi8JG6dt8EfbHFHi4neau7mufcSca5zRhwOL8j9s6EqsxmT+s+/E6Sw==}
+
+  '@changesets/logger@0.1.1':
+    resolution: {integrity: sha512-OQtR36ZlnuTxKqoW4Sv6x5YIhOmClRd5pWsjZsddYxpWs517R0HkyiefQPIytCVh4ZcC5x9XaG8KTdd5iRQUfg==}
+
+  '@changesets/parse@0.4.2':
+    resolution: {integrity: sha512-Uo5MC5mfg4OM0jU3up66fmSn6/NE9INK+8/Vn/7sMVcdWg46zfbvvUSjD9EMonVqPi9fbrJH9SXHn48Tr1f2yA==}
+
+  '@changesets/pre@2.0.2':
+    resolution: {integrity: sha512-HaL/gEyFVvkf9KFg6484wR9s0qjAXlZ8qWPDkTyKF6+zqjBe/I2mygg3MbpZ++hdi0ToqNUF8cjj7fBy0dg8Ug==}
+
+  '@changesets/read@0.6.6':
+    resolution: {integrity: sha512-P5QaN9hJSQQKJShzzpBT13FzOSPyHbqdoIBUd2DJdgvnECCyO6LmAOWSV+O8se2TaZJVwSXjL+v9yhb+a9JeJg==}
+
+  '@changesets/should-skip-package@0.1.2':
+    resolution: {integrity: sha512-qAK/WrqWLNCP22UDdBTMPH5f41elVDlsNyat180A33dWxuUDyNpg6fPi/FyTZwRriVjg0L8gnjJn2F9XAoF0qw==}
+
+  '@changesets/types@4.1.0':
+    resolution: {integrity: sha512-LDQvVDv5Kb50ny2s25Fhm3d9QSZimsoUGBsUioj6MC3qbMUCuC8GPIvk/M6IvXx3lYhAs0lwWUQLb+VIEUCECw==}
+
+  '@changesets/types@6.1.0':
+    resolution: {integrity: sha512-rKQcJ+o1nKNgeoYRHKOS07tAMNd3YSN0uHaJOZYjBAgxfV7TUE7JE+z4BzZdQwb5hKaYbayKN5KrYV7ODb2rAA==}
+
+  '@changesets/write@0.4.0':
+    resolution: {integrity: sha512-CdTLvIOPiCNuH71pyDu3rA+Q0n65cmAbXnwWH84rKGiFumFzkmHNT8KHTMEchcxN+Kl8I54xGUhJ7l3E7X396Q==}
+
+  '@chevrotain/cst-dts-gen@11.0.3':
+    resolution: {integrity: sha512-BvIKpRLeS/8UbfxXxgC33xOumsacaeCKAjAeLyOn7Pcp95HiRbrpl14S+9vaZLolnbssPIUuiUd8IvgkRyt6NQ==}
+
+  '@chevrotain/gast@11.0.3':
+    resolution: {integrity: sha512-+qNfcoNk70PyS/uxmj3li5NiECO+2YKZZQMbmjTqRI3Qchu8Hig/Q9vgkHpI3alNjr7M+a2St5pw5w5F6NL5/Q==}
+
+  '@chevrotain/regexp-to-ast@11.0.3':
+    resolution: {integrity: sha512-1fMHaBZxLFvWI067AVbGJav1eRY7N8DDvYCTwGBiE/ytKBgP8azTdgyrKyWZ9Mfh09eHWb5PgTSO8wi7U824RA==}
+
+  '@chevrotain/types@11.0.3':
+    resolution: {integrity: sha512-gsiM3G8b58kZC2HaWR50gu6Y1440cHiJ+i3JUvcp/35JchYejb2+5MVeJK0iKThYpAa/P2PYFV4hoi44HD+aHQ==}
+
+  '@chevrotain/utils@11.0.3':
+    resolution: {integrity: sha512-YslZMgtJUyuMbZ+aKvfF3x1f5liK4mWNxghFRv7jqRR9C3R3fAOGTTKvxXDa2Y1s9zSbcpuO0cAxDYsc9SrXoQ==}
+
+  '@chromatic-com/storybook@4.1.3':
+    resolution: {integrity: sha512-hc0HO9GAV9pxqDE6fTVOV5KeLpTiCfV8Jrpk5ogKLiIgeq2C+NPjpt74YnrZTjiK8E19fYcMP+2WY9ZtX7zHmw==}
+    engines: {node: '>=20.0.0', yarn: '>=1.22.18'}
+    peerDependencies:
+      storybook: ^0.0.0-0 || ^9.0.0 || ^9.1.0-0 || ^9.2.0-0 || ^10.0.0-0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0
+
+  '@cloudflare/kv-asset-handler@0.4.2':
+    resolution: {integrity: sha512-SIOD2DxrRRwQ+jgzlXCqoEFiKOFqaPjhnNTGKXSRLvp1HiOvapLaFG2kEr9dYQTYe8rKrd9uvDUzmAITeNyaHQ==}
+    engines: {node: '>=18.0.0'}
+
+  '@cloudflare/unenv-preset@2.10.0':
+    resolution: {integrity: sha512-/uII4vLQXhzCAZzEVeYAjFLBNg2nqTJ1JGzd2lRF6ItYe6U2zVoYGfeKpGx/EkBF6euiU+cyBXgMdtJih+nQ6g==}
+    peerDependencies:
+      unenv: 2.0.0-rc.24
+      workerd: ^1.20251221.0
+    peerDependenciesMeta:
+      workerd:
+        optional: true
+
+  '@cloudflare/workerd-darwin-64@1.20260116.0':
+    resolution: {integrity: sha512-0LF2jR/5bfCIMYsqtCXHqaZRlXEMgnz4NzG/8KVmHROlKb06SJezYYoNKw+7s6ji4fgi1BcYAJBmWbC4nzMbqw==}
+    engines: {node: '>=16'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@cloudflare/workerd-darwin-arm64@1.20260116.0':
+    resolution: {integrity: sha512-a9OHts4jMoOkPedc4CnuHPeo9XRG3VCMMgr0ER5HtSfEDRQhh7MwIuPEmqI27KKrYj+DeoCazIgbp3gW9bFTAg==}
+    engines: {node: '>=16'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@cloudflare/workerd-linux-64@1.20260116.0':
+    resolution: {integrity: sha512-nCMy7D7BeH/feGiD7C5Z1LG19Wvs3qmHSRe3cwz6HYRQHdDXUHTjXwEVid7Vejf9QFNe3iAn49Sy/h2XY2Rqeg==}
+    engines: {node: '>=16'}
+    cpu: [x64]
+    os: [linux]
+
+  '@cloudflare/workerd-linux-arm64@1.20260116.0':
+    resolution: {integrity: sha512-Hve4ciPI69aIzwfSD12PVZJoEnKIkdR3Vd0w8rD1hDVxk75xAA65KqVYf5qW+8KOYrYkU3pg7hBTMjeyDF//IQ==}
+    engines: {node: '>=16'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@cloudflare/workerd-windows-64@1.20260116.0':
+    resolution: {integrity: sha512-7QA6OTXQtBdszkXw3rzxpkk1RoINZJY1ADQjF0vFNAbVXD1VEXLZnk0jc505tqARI8w/0DdVjaJszqL7K5k00w==}
+    engines: {node: '>=16'}
+    cpu: [x64]
+    os: [win32]
+
+  '@codemirror/autocomplete@6.20.0':
+    resolution: {integrity: sha512-bOwvTOIJcG5FVo5gUUupiwYh8MioPLQ4UcqbcRf7UQ98X90tCa9E1kZ3Z7tqwpZxYyOvh1YTYbmZE9RTfTp5hg==}
+
+  '@codemirror/commands@6.10.1':
+    resolution: {integrity: sha512-uWDWFypNdQmz2y1LaNJzK7fL7TYKLeUAU0npEC685OKTF3KcQ2Vu3klIM78D7I6wGhktme0lh3CuQLv0ZCrD9Q==}
+
+  '@codemirror/lang-css@6.3.1':
+    resolution: {integrity: sha512-kr5fwBGiGtmz6l0LSJIbno9QrifNMUusivHbnA1H6Dmqy4HZFte3UAICix1VuKo0lMPKQr2rqB+0BkKi/S3Ejg==}
+
+  '@codemirror/lang-html@6.4.11':
+    resolution: {integrity: sha512-9NsXp7Nwp891pQchI7gPdTwBuSuT3K65NGTHWHNJ55HjYcHLllr0rbIZNdOzas9ztc1EUVBlHou85FFZS4BNnw==}
+
+  '@codemirror/lang-javascript@6.2.4':
+    resolution: {integrity: sha512-0WVmhp1QOqZ4Rt6GlVGwKJN3KW7Xh4H2q8ZZNGZaP6lRdxXJzmjm4FqvmOojVj6khWJHIb9sp7U/72W7xQgqAA==}
+
+  '@codemirror/lang-json@6.0.2':
+    resolution: {integrity: sha512-x2OtO+AvwEHrEwR0FyyPtfDUiloG3rnVTSZV1W8UteaLL8/MajQd8DpvUb2YVzC+/T18aSDv0H9mu+xw0EStoQ==}
+
+  '@codemirror/lang-markdown@6.5.0':
+    resolution: {integrity: sha512-0K40bZ35jpHya6FriukbgaleaqzBLZfOh7HuzqbMxBXkbYMJDxfF39c23xOgxFezR+3G+tR2/Mup+Xk865OMvw==}
+
+  '@codemirror/lang-python@6.2.1':
+    resolution: {integrity: sha512-IRjC8RUBhn9mGR9ywecNhB51yePWCGgvHfY1lWN/Mrp3cKuHr0isDKia+9HnvhiWNnMpbGhWrkhuWOc09exRyw==}
+
+  '@codemirror/language@6.12.1':
+    resolution: {integrity: sha512-Fa6xkSiuGKc8XC8Cn96T+TQHYj4ZZ7RdFmXA3i9xe/3hLHfwPZdM+dqfX0Cp0zQklBKhVD8Yzc8LS45rkqcwpQ==}
+
+  '@codemirror/legacy-modes@6.5.2':
+    resolution: {integrity: sha512-/jJbwSTazlQEDOQw2FJ8LEEKVS72pU0lx6oM54kGpL8t/NJ2Jda3CZ4pcltiKTdqYSRk3ug1B3pil1gsjA6+8Q==}
+
+  '@codemirror/lint@6.9.2':
+    resolution: {integrity: sha512-sv3DylBiIyi+xKwRCJAAsBZZZWo82shJ/RTMymLabAdtbkV5cSKwWDeCgtUq3v8flTaXS2y1kKkICuRYtUswyQ==}
+
+  '@codemirror/search@6.6.0':
+    resolution: {integrity: sha512-koFuNXcDvyyotWcgOnZGmY7LZqEOXZaaxD/j6n18TCLx2/9HieZJ5H6hs1g8FiRxBD0DNfs0nXn17g872RmYdw==}
+
+  '@codemirror/state@6.5.4':
+    resolution: {integrity: sha512-8y7xqG/hpB53l25CIoit9/ngxdfoG+fx+V3SHBrinnhOtLvKHRyAJJuHzkWrR4YXXLX8eXBsejgAAxHUOdW1yw==}
+
+  '@codemirror/view@6.39.11':
+    resolution: {integrity: sha512-bWdeR8gWM87l4DB/kYSF9A+dVackzDb/V56Tq7QVrQ7rn86W0rgZFtlL3g3pem6AeGcb9NQNoy3ao4WpW4h5tQ==}
+
+  '@cropper/element-canvas@2.1.0':
+    resolution: {integrity: sha512-el+rfJpZxsD2q5XxDBA4fRczcrOqB65Lb7roqXOq8LKufwf4bPWA9C6DjNJJahh/TP94dsLIEy3tSkgRMDv3Aw==}
+
+  '@cropper/element-crosshair@2.1.0':
+    resolution: {integrity: sha512-0V589dAx8uZAfvJwdINLn76gfPQEafPH94ukjJ76uX0FCUovLaAVX+VRD/MDSYn0Mza/xejzmL9Dhd1DfemvmA==}
+
+  '@cropper/element-grid@2.1.0':
+    resolution: {integrity: sha512-dEnk0rO+vp553LMvsPYgfrqVFcYXeVFrgFeavBYYEhAXtO40p7kN4rmLYLMMjaN+T/Mx2BATv6kUQpALKy2HLw==}
+
+  '@cropper/element-handle@2.1.0':
+    resolution: {integrity: sha512-8BklWA4C/2GGAULupIWleSnGutECvYt3vx9flodqDfZpDEozws4LgLqmmzVuQmVkRVUdLnXdtx28kjgWLtzkHg==}
+
+  '@cropper/element-image@2.1.0':
+    resolution: {integrity: sha512-mXOV8ixJvG0XtTxLebYAKDjEkFbFOQnsF02hXPZk1yQSV0J+LLhN7a2NePrtKnoTsEV19fhhX3UorMoyGGxvzg==}
+
+  '@cropper/element-selection@2.1.0':
+    resolution: {integrity: sha512-mtFtBl6HIa/s9TWohXw+Z5eJoeYTqylrIcHvS7oVv0uM7IyeRwBW65Q7z+KtLfq/LW+2Sw/XDyvR+VN/DawBPw==}
+
+  '@cropper/element-shade@2.1.0':
+    resolution: {integrity: sha512-zMdyqbb0lc0Vd1oj2Z1miIZvhyZG41OXMHvrNt0hNwblh0dVdrvtw48lnFDgRv+672vt2CNx7Q04GuvCQfPlgg==}
+
+  '@cropper/element-viewer@2.1.0':
+    resolution: {integrity: sha512-XnxlQuqHitd1FOFZ6E0yXAF5NYd/LyIvONLLHI9p1rJw747WYKUPxQaSYtFKF7IOizJu/8mMj++Zc1dZ5ZP3YQ==}
+
+  '@cropper/element@2.1.0':
+    resolution: {integrity: sha512-2zELddqHQNmlvkPoiYzE5nxEjPE+C8nXoTPuvV3FvLp3YjBinc7qb73Icg9UXP0o9qC4+h9q96JgGo0AyMO/Ng==}
+
+  '@cropper/elements@2.1.0':
+    resolution: {integrity: sha512-qvzlYDn3VQgPPpsCu6Gi1XUO0v3vpXQFSjjxcVijbXeNsl/eiKrN7H9/CEiRgi5vr8kXfd7ZvgYxBjUBbH+y+w==}
+
+  '@cropper/utils@2.1.0':
+    resolution: {integrity: sha512-wLtpZ4/UWgo+fGmG8NBWge8x5ehjfDe9ovleDfLy8kpwFaw43XXOEXQtRL1UNr0u4JZxaeO8FcXcolRWUUrlRQ==}
+
+  '@cspotcode/source-map-support@0.8.1':
+    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
+    engines: {node: '>=12'}
+
+  '@csstools/cascade-layer-name-parser@2.0.5':
+    resolution: {integrity: sha512-p1ko5eHgV+MgXFVa4STPKpvPxr6ReS8oS2jzTukjR74i5zJNyWO1ZM1m8YKBXnzDKWfBN1ztLYlHxbVemDD88A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/color-helpers@5.1.0':
+    resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-calc@2.1.4':
+    resolution: {integrity: sha512-3N8oaj+0juUw/1H3YwmDDJXCgTB1gKU6Hc/bB502u9zR0q2vd786XJH9QfrKIEgFlZmhZiq6epXl4rHqhzsIgQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-color-parser@3.1.0':
+    resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5':
+    resolution: {integrity: sha512-DaDeUkXZKjdGhgYaHNJTV9pV7Y9B3b644jCLs9Upc3VeNGg6LWARAT6O+Q+/COo+2gg/bM5rhpMAtf70WqfBdQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.25':
+    resolution: {integrity: sha512-g0Kw9W3vjx5BEBAF8c5Fm2NcB/Fs8jJXh85aXqwEXiL+tqtOut07TWgyaGzAAfTM+gKckrrncyeGEZPcaRgm2Q==}
+    engines: {node: '>=18'}
+
+  '@csstools/css-tokenizer@3.0.4':
+    resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==}
+    engines: {node: '>=18'}
+
+  '@csstools/media-query-list-parser@4.0.3':
+    resolution: {integrity: sha512-HAYH7d3TLRHDOUQK4mZKf9k9Ph/m8Akstg66ywKR4SFAigjs3yBiUeZtFxywiTm5moZMAp/5W/ZuFnNXXYLuuQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@csstools/css-parser-algorithms': ^3.0.5
+      '@csstools/css-tokenizer': ^3.0.4
+
+  '@csstools/postcss-global-data@3.1.0':
+    resolution: {integrity: sha512-qfS0bUxBukuyxEyxTTZG+px2xwAQPf7Qk6B7lFdjWnovb/O6h0t3sxrVY81nJLh7z0KvEMhjxTURNtEmOrADpQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss: ^8.4
+
+  '@emnapi/core@1.10.0':
+    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
+
+  '@emnapi/core@1.9.2':
+    resolution: {integrity: sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@emnapi/runtime@1.8.1':
+    resolution: {integrity: sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==}
+
+  '@emnapi/runtime@1.9.2':
+    resolution: {integrity: sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
+  '@epic-web/invariant@1.0.0':
+    resolution: {integrity: sha512-lrTPqgvfFQtR/eY/qkIzp98OGdNJu0m5ji3q/nJI8v3SXkRKEnWiOxMmbvcSoAIzv/cGiuvRy57k4suKQSAdwA==}
+
+  '@es-joy/jsdoccomment@0.78.0':
+    resolution: {integrity: sha512-rQkU5u8hNAq2NVRzHnIUUvR6arbO0b6AOlvpTNS48CkiKSn/xtNfOzBK23JE4SiW89DgvU7GtxLVgV4Vn2HBAw==}
+    engines: {node: '>=20.11.0'}
+
+  '@es-joy/resolve.exports@1.2.0':
+    resolution: {integrity: sha512-Q9hjxWI5xBM+qW2enxfe8wDKdFWMfd0Z29k5ZJnuBqD/CasY5Zryj09aCA6owbGATWz+39p5uIdaHXpopOcG8g==}
+    engines: {node: '>=10'}
+
+  '@esbuild/aix-ppc64@0.19.12':
+    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.25.12':
+    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.27.0':
+    resolution: {integrity: sha512-KuZrd2hRjz01y5JK9mEBSD3Vj3mbCvemhT466rSuJYeE/hjuBrHfjjcjMdTm/sz7au+++sdbJZJmuBwQLuw68A==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.27.2':
+    resolution: {integrity: sha512-GZMB+a0mOMZs4MpDbj8RJp4cw+w1WV5NYD6xzgvzUJ5Ek2jerwfO2eADyI6ExDSUED+1X8aMbegahsJi+8mgpw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/aix-ppc64@0.27.7':
+    resolution: {integrity: sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.19.12':
+    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.25.12':
+    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.27.0':
+    resolution: {integrity: sha512-CC3vt4+1xZrs97/PKDkl0yN7w8edvU2vZvAFGD16n9F0Cvniy5qvzRXjfO1l94efczkkQE6g1x0i73Qf5uthOQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.27.2':
+    resolution: {integrity: sha512-pvz8ZZ7ot/RBphf8fv60ljmaoydPU12VuXHImtAs0XhLLw+EXBi2BLe3OYSBslR4rryHvweW5gmkKFwTiFy6KA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm64@0.27.7':
+    resolution: {integrity: sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.19.12':
+    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.25.12':
+    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.0':
+    resolution: {integrity: sha512-j67aezrPNYWJEOHUNLPj9maeJte7uSMM6gMoxfPC9hOg8N02JuQi/T7ewumf4tNvJadFkvLZMlAq73b9uwdMyQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.2':
+    resolution: {integrity: sha512-DVNI8jlPa7Ujbr1yjU2PfUSRtAUZPG9I1RwW4F4xFB1Imiu2on0ADiI/c3td+KmDtVKNbi+nffGDQMfcIMkwIA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-arm@0.27.7':
+    resolution: {integrity: sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.19.12':
+    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.25.12':
+    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.0':
+    resolution: {integrity: sha512-wurMkF1nmQajBO1+0CJmcN17U4BP6GqNSROP8t0X/Jiw2ltYGLHpEksp9MpoBqkrFR3kv2/te6Sha26k3+yZ9Q==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.2':
+    resolution: {integrity: sha512-z8Ank4Byh4TJJOh4wpz8g2vDy75zFL0TlZlkUkEwYXuPSgX8yzep596n6mT7905kA9uHZsf/o2OJZubl2l3M7A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/android-x64@0.27.7':
+    resolution: {integrity: sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.19.12':
+    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.25.12':
+    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.27.0':
+    resolution: {integrity: sha512-uJOQKYCcHhg07DL7i8MzjvS2LaP7W7Pn/7uA0B5S1EnqAirJtbyw4yC5jQ5qcFjHK9l6o/MX9QisBg12kNkdHg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.27.2':
+    resolution: {integrity: sha512-davCD2Zc80nzDVRwXTcQP/28fiJbcOwvdolL0sOiOsbwBa72kegmVU0Wrh1MYrbuCL98Omp5dVhQFWRKR2ZAlg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-arm64@0.27.7':
+    resolution: {integrity: sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.19.12':
+    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.25.12':
+    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.0':
+    resolution: {integrity: sha512-8mG6arH3yB/4ZXiEnXof5MK72dE6zM9cDvUcPtxhUZsDjESl9JipZYW60C3JGreKCEP+p8P/72r69m4AZGJd5g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.2':
+    resolution: {integrity: sha512-ZxtijOmlQCBWGwbVmwOF/UCzuGIbUkqB1faQRf5akQmxRJ1ujusWsb3CVfk/9iZKr2L5SMU5wPBi1UWbvL+VQA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.27.7':
+    resolution: {integrity: sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.27.0':
+    resolution: {integrity: sha512-9FHtyO988CwNMMOE3YIeci+UV+x5Zy8fI2qHNpsEtSF83YPBmE8UWmfYAQg6Ux7Gsmd4FejZqnEUZCMGaNQHQw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.27.2':
+    resolution: {integrity: sha512-lS/9CN+rgqQ9czogxlMcBMGd+l8Q3Nj1MFQwBZJyoEKI50XGxwuzznYdwcav6lpOGv5BqaZXqvBSiB/kJ5op+g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    resolution: {integrity: sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.19.12':
+    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.25.12':
+    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.0':
+    resolution: {integrity: sha512-zCMeMXI4HS/tXvJz8vWGexpZj2YVtRAihHLk1imZj4efx1BQzN76YFeKqlDr3bUWI26wHwLWPd3rwh6pe4EV7g==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.2':
+    resolution: {integrity: sha512-tAfqtNYb4YgPnJlEFu4c212HYjQWSO/w/h/lQaBK7RbwGIkBOuNKQI9tqWzx7Wtp7bTPaGC6MJvWI608P3wXYA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.27.7':
+    resolution: {integrity: sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.19.12':
+    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.25.12':
+    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.27.0':
+    resolution: {integrity: sha512-AS18v0V+vZiLJyi/4LphvBE+OIX682Pu7ZYNsdUHyUKSoRwdnOsMf6FDekwoAFKej14WAkOef3zAORJgAtXnlQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.27.2':
+    resolution: {integrity: sha512-hYxN8pr66NsCCiRFkHUAsxylNOcAQaxSSkHMMjcpx0si13t1LHFphxJZUiGwojB1a/Hd5OiPIqDdXONia6bhTw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm64@0.27.7':
+    resolution: {integrity: sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.19.12':
+    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.25.12':
+    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.0':
+    resolution: {integrity: sha512-t76XLQDpxgmq2cNXKTVEB7O7YMb42atj2Re2Haf45HkaUpjM2J0UuJZDuaGbPbamzZ7bawyGFUkodL+zcE+jvQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.2':
+    resolution: {integrity: sha512-vWfq4GaIMP9AIe4yj1ZUW18RDhx6EPQKjwe7n8BbIecFtCQG4CfHGaHuh7fdfq+y3LIA2vGS/o9ZBGVxIDi9hw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.27.7':
+    resolution: {integrity: sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.19.12':
+    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.25.12':
+    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.0':
+    resolution: {integrity: sha512-Mz1jxqm/kfgKkc/KLHC5qIujMvnnarD9ra1cEcrs7qshTUSksPihGrWHVG5+osAIQ68577Zpww7SGapmzSt4Nw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.2':
+    resolution: {integrity: sha512-MJt5BRRSScPDwG2hLelYhAAKh9imjHK5+NE/tvnRLbIqUWa+0E9N4WNMjmp/kXXPHZGqPLxggwVhz7QP8CTR8w==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.27.7':
+    resolution: {integrity: sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.19.12':
+    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.25.12':
+    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.0':
+    resolution: {integrity: sha512-QbEREjdJeIreIAbdG2hLU1yXm1uu+LTdzoq1KCo4G4pFOLlvIspBm36QrQOar9LFduavoWX2msNFAAAY9j4BDg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.2':
+    resolution: {integrity: sha512-lugyF1atnAT463aO6KPshVCJK5NgRnU4yb3FUumyVz+cGvZbontBgzeGFO1nF+dPueHD367a2ZXe1NtUkAjOtg==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.27.7':
+    resolution: {integrity: sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.19.12':
+    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.25.12':
+    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.0':
+    resolution: {integrity: sha512-sJz3zRNe4tO2wxvDpH/HYJilb6+2YJxo/ZNbVdtFiKDufzWq4JmKAiHy9iGoLjAV7r/W32VgaHGkk35cUXlNOg==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.2':
+    resolution: {integrity: sha512-nlP2I6ArEBewvJ2gjrrkESEZkB5mIoaTswuqNFRv/WYd+ATtUpe9Y09RnJvgvdag7he0OWgEZWhviS1OTOKixw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.27.7':
+    resolution: {integrity: sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.19.12':
+    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.25.12':
+    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.0':
+    resolution: {integrity: sha512-z9N10FBD0DCS2dmSABDBb5TLAyF1/ydVb+N4pi88T45efQ/w4ohr/F/QYCkxDPnkhkp6AIpIcQKQ8F0ANoA2JA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.2':
+    resolution: {integrity: sha512-C92gnpey7tUQONqg1n6dKVbx3vphKtTHJaNG2Ok9lGwbZil6DrfyecMsp9CrmXGQJmZ7iiVXvvZH6Ml5hL6XdQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.27.7':
+    resolution: {integrity: sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.19.12':
+    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.25.12':
+    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.0':
+    resolution: {integrity: sha512-pQdyAIZ0BWIC5GyvVFn5awDiO14TkT/19FTmFcPdDec94KJ1uZcmFs21Fo8auMXzD4Tt+diXu1LW1gHus9fhFQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.2':
+    resolution: {integrity: sha512-B5BOmojNtUyN8AXlK0QJyvjEZkWwy/FKvakkTDCziX95AowLZKR6aCDhG7LeF7uMCXEJqwa8Bejz5LTPYm8AvA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.27.7':
+    resolution: {integrity: sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.19.12':
+    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.25.12':
+    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.0':
+    resolution: {integrity: sha512-hPlRWR4eIDDEci953RI1BLZitgi5uqcsjKMxwYfmi4LcwyWo2IcRP+lThVnKjNtk90pLS8nKdroXYOqW+QQH+w==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.2':
+    resolution: {integrity: sha512-p4bm9+wsPwup5Z8f4EpfN63qNagQ47Ua2znaqGH6bqLlmJ4bx97Y9JdqxgGZ6Y8xVTixUnEkoKSHcpRlDnNr5w==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.27.7':
+    resolution: {integrity: sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.19.12':
+    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.25.12':
+    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.0':
+    resolution: {integrity: sha512-1hBWx4OUJE2cab++aVZ7pObD6s+DK4mPGpemtnAORBvb5l/g5xFGk0vc0PjSkrDs0XaXj9yyob3d14XqvnQ4gw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.2':
+    resolution: {integrity: sha512-uwp2Tip5aPmH+NRUwTcfLb+W32WXjpFejTIOWZFw/v7/KnpCDKG66u4DLcurQpiYTiYwQ9B7KOeMJvLCu/OvbA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.27.7':
+    resolution: {integrity: sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-arm64@0.27.0':
+    resolution: {integrity: sha512-6m0sfQfxfQfy1qRuecMkJlf1cIzTOgyaeXaiVaaki8/v+WB+U4hc6ik15ZW6TAllRlg/WuQXxWj1jx6C+dfy3w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-Kj6DiBlwXrPsCRDeRvGAUb/LNrBASrfqAIok+xB0LxK8CHqxZ037viF13ugfsIpePH93mX7xfJp97cyDuTZ3cw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.19.12':
+    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.25.12':
+    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.0':
+    resolution: {integrity: sha512-xbbOdfn06FtcJ9d0ShxxvSn2iUsGd/lgPIO2V3VZIPDbEaIj1/3nBBe1AwuEZKXVXkMmpr6LUAgMkLD/4D2PPA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.2':
+    resolution: {integrity: sha512-HwGDZ0VLVBY3Y+Nw0JexZy9o/nUAWq9MlV7cahpaXKW6TOzfVno3y3/M8Ga8u8Yr7GldLOov27xiCnqRZf0tCA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.27.7':
+    resolution: {integrity: sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-arm64@0.27.0':
+    resolution: {integrity: sha512-fWgqR8uNbCQ/GGv0yhzttj6sU/9Z5/Sv/VGU3F5OuXK6J6SlriONKrQ7tNlwBrJZXRYk5jUhuWvF7GYzGguBZQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-arm64@0.27.2':
+    resolution: {integrity: sha512-DNIHH2BPQ5551A7oSHD0CKbwIA/Ox7+78/AWkbS5QoRzaqlev2uFayfSxq68EkonB+IKjiuxBFoV8ESJy8bOHA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    resolution: {integrity: sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.19.12':
+    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.25.12':
+    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.0':
+    resolution: {integrity: sha512-aCwlRdSNMNxkGGqQajMUza6uXzR/U0dIl1QmLjPtRbLOx3Gy3otfFu/VjATy4yQzo9yFDGTxYDo1FfAD9oRD2A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.2':
+    resolution: {integrity: sha512-/it7w9Nb7+0KFIzjalNJVR5bOzA9Vay+yIPLVHfIQYG/j+j9VTH84aNB8ExGKPU4AzfaEvN9/V4HV+F+vo8OEg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.27.7':
+    resolution: {integrity: sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/openharmony-arm64@0.27.0':
+    resolution: {integrity: sha512-nyvsBccxNAsNYz2jVFYwEGuRRomqZ149A39SHWk4hV0jWxKM0hjBPm3AmdxcbHiFLbBSwG6SbpIcUbXjgyECfA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/openharmony-arm64@0.27.2':
+    resolution: {integrity: sha512-LRBbCmiU51IXfeXk59csuX/aSaToeG7w48nMwA6049Y4J4+VbWALAuXcs+qcD04rHDuSCSRKdmY63sruDS5qag==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    resolution: {integrity: sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.19.12':
+    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.25.12':
+    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.27.0':
+    resolution: {integrity: sha512-Q1KY1iJafM+UX6CFEL+F4HRTgygmEW568YMqDA5UV97AuZSm21b7SXIrRJDwXWPzr8MGr75fUZPV67FdtMHlHA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.27.2':
+    resolution: {integrity: sha512-kMtx1yqJHTmqaqHPAzKCAkDaKsffmXkPHThSfRwZGyuqyIeBvf08KSsYXl+abf5HDAPMJIPnbBfXvP2ZC2TfHg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/sunos-x64@0.27.7':
+    resolution: {integrity: sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.19.12':
+    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.25.12':
+    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.27.0':
+    resolution: {integrity: sha512-W1eyGNi6d+8kOmZIwi/EDjrL9nxQIQ0MiGqe/AWc6+IaHloxHSGoeRgDRKHFISThLmsewZ5nHFvGFWdBYlgKPg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.27.2':
+    resolution: {integrity: sha512-Yaf78O/B3Kkh+nKABUF++bvJv5Ijoy9AN1ww904rOXZFLWVc5OLOfL56W+C8F9xn5JQZa3UX6m+IktJnIb1Jjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-arm64@0.27.7':
+    resolution: {integrity: sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.19.12':
+    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.25.12':
+    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.0':
+    resolution: {integrity: sha512-30z1aKL9h22kQhilnYkORFYt+3wp7yZsHWus+wSKAJR8JtdfI76LJ4SBdMsCopTR3z/ORqVu5L1vtnHZWVj4cQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.2':
+    resolution: {integrity: sha512-Iuws0kxo4yusk7sw70Xa2E2imZU5HoixzxfGCdxwBdhiDgt9vX9VUCBhqcwY7/uh//78A1hMkkROMJq9l27oLQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.27.7':
+    resolution: {integrity: sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.19.12':
+    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.25.12':
+    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.0':
+    resolution: {integrity: sha512-aIitBcjQeyOhMTImhLZmtxfdOcuNRpwlPNmlFKPcHQYPhEssw75Cl1TSXJXpMkzaua9FUetx/4OQKq7eJul5Cg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.2':
+    resolution: {integrity: sha512-sRdU18mcKf7F+YgheI/zGf5alZatMUTKj/jNS6l744f9u3WFu4v7twcUI9vu4mknF4Y9aDlblIie0IM+5xxaqQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.27.7':
+    resolution: {integrity: sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@eslint-community/eslint-utils@4.9.1':
+    resolution: {integrity: sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.21.1':
+    resolution: {integrity: sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/eslintrc@3.3.3':
+    resolution: {integrity: sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/js@9.39.2':
+    resolution: {integrity: sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@exodus/bytes@1.9.0':
+    resolution: {integrity: sha512-lagqsvnk09NKogQaN/XrtlWeUF8SRhT12odMvbTIIaVObqzwAogL6jhR4DAp0gPuKoM1AOVrKUshJpRdpMFrww==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      '@noble/hashes': ^1.8.0 || ^2.0.0
+    peerDependenciesMeta:
+      '@noble/hashes':
+        optional: true
+
+  '@ffmpeg/ffmpeg@0.12.15':
+    resolution: {integrity: sha512-1C8Obr4GsN3xw+/1Ww6PFM84wSQAGsdoTuTWPOj2OizsRDLT4CXTaVjPhkw6ARyDus1B9X/L2LiXHqYYsGnRFw==}
+    engines: {node: '>=18.x'}
+
+  '@ffmpeg/types@0.12.4':
+    resolution: {integrity: sha512-k9vJQNBGTxE5AhYDtOYR5rO5fKsspbg51gbcwtbkw2lCdoIILzklulcjJfIDwrtn7XhDeF2M+THwJ2FGrLeV6A==}
+    engines: {node: '>=16.x'}
+
+  '@ffmpeg/util@0.12.2':
+    resolution: {integrity: sha512-ouyoW+4JB7WxjeZ2y6KpRvB+dLp7Cp4ro8z0HIVpZVCM7AwFlHa0c4R8Y/a4M3wMqATpYKhC7lSFHQ0T11MEDw==}
+    engines: {node: '>=18.x'}
+
+  '@formatjs/ecma402-abstract@2.3.6':
+    resolution: {integrity: sha512-HJnTFeRM2kVFVr5gr5kH1XP6K0JcJtE7Lzvtr3FS/so5f1kpsqqqxy5JF+FRaO6H2qmcMfAUIox7AJteieRtVw==}
+
+  '@formatjs/fast-memoize@2.2.7':
+    resolution: {integrity: sha512-Yabmi9nSvyOMrlSeGGWDiH7rf3a7sIwplbvo/dlz9WCIjzIQAfy1RMf4S0X3yG724n5Ghu2GmEl5NJIV6O9sZQ==}
+
+  '@formatjs/icu-messageformat-parser@2.11.4':
+    resolution: {integrity: sha512-7kR78cRrPNB4fjGFZg3Rmj5aah8rQj9KPzuLsmcSn4ipLXQvC04keycTI1F7kJYDwIXtT2+7IDEto842CfZBtw==}
+
+  '@formatjs/icu-skeleton-parser@1.8.16':
+    resolution: {integrity: sha512-H13E9Xl+PxBd8D5/6TVUluSpxGNvFSlN/b3coUp0e0JpuWXXnQDiavIpY3NnvSp4xhEMoXyyBvVfdFX8jglOHQ==}
+
+  '@formatjs/intl-localematcher@0.6.2':
+    resolution: {integrity: sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==}
+
+  '@gradio/sanitize@0.2.0':
+    resolution: {integrity: sha512-fb8v4s/YHhCRF+4d3xTAtaW2z9G2xUJBlWpKwc0vAK7GL/eSKLtNKnWNjgkiRIHzpwT4PZEvWa7WxuTMoJgj+Q==}
+
+  '@huggingface/hub@1.1.2':
+    resolution: {integrity: sha512-Jf4GhvVj9ABDw4Itb3BV1T7f22iewuZva476qTicQ4kOTbosuUuFDhsVH7ZH6rVNgg20Ll9kaNBF5CXjySIT+w==}
+    engines: {node: '>=18'}
+
+  '@huggingface/space-header@1.0.4':
+    resolution: {integrity: sha512-GZu/LJZ6W1kuhiCevOt4iZrNb/vJvm8egSp7jTvjWlACkYddvKNEFGZ3HK8FE7fM2tUztotauMrbHVe8eQ9/ww==}
+
+  '@huggingface/tasks@0.18.12':
+    resolution: {integrity: sha512-hUEYhXJzJCUhLSBNglW+Sji5fuzMnpBimp3kbdcGor+MaN9xb+qrcLnMC7X8aOcZaZdCErwYYIqz2oSP2EM4Bg==}
+
+  '@humanfs/core@0.19.1':
+    resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.7':
+    resolution: {integrity: sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@iconify/types@2.0.0':
+    resolution: {integrity: sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg==}
+
+  '@iconify/utils@3.1.0':
+    resolution: {integrity: sha512-Zlzem1ZXhI1iHeeERabLNzBHdOa4VhQbqAcOQaMKuTuyZCpwKbC2R4Dd0Zo3g9EAc+Y4fiarO8HIHRAth7+skw==}
+
+  '@iframe-resizer/child@5.5.7':
+    resolution: {integrity: sha512-+/t5E9/wbB+sWg6xM6fRWvNZ48WcZSJXHwXt58EdsWnb1vW+N4wf0Tp6Bwq9JPN4GR64yjXAhb0bBq67ECr/lg==}
+
+  '@iframe-resizer/core@5.5.7':
+    resolution: {integrity: sha512-jxKF0uGS8RfJSkDoRJ697JbmuykGvEhl9nOLnBXdkaARcsFgTT1/Uvz3mxNHw3AqDgNCxCySuI5jYpYM7M4Xbw==}
+
+  '@iframe-resizer/jquery@5.5.7':
+    resolution: {integrity: sha512-sp9Jfv/SR6u9ConfBAx8tGB7/w4IZjmELUuVjvhns8PFw2P0ODvCk6VUt2FSoRJgC1isQQyien9afDCg3u/MaA==}
+
+  '@iframe-resizer/parent@5.5.7':
+    resolution: {integrity: sha512-1dDlHFl7TOgu7odDcz/AQkJRcm9Ztpw2F8af/IU5ZAJhVlQkj8pjdnc5RfniGqY3AHOnryFATtrk7TDgZqPQFg==}
+
+  '@img/colour@1.0.0':
+    resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.34.5':
+    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.34.5':
+    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.34.5':
+    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.34.5':
+    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.34.5':
+    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.34.5':
+    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.34.5':
+    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.34.5':
+    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.34.5':
+    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@inquirer/ansi@1.0.2':
+    resolution: {integrity: sha512-S8qNSZiYzFd0wAcyG5AXCvUHC5Sr7xpZ9wZ2py9XR88jUz8wooStVx5M6dRzczbBWjic9NP7+rY0Xi7qqK/aMQ==}
+    engines: {node: '>=18'}
+
+  '@inquirer/confirm@5.1.21':
+    resolution: {integrity: sha512-KR8edRkIsUayMXV+o3Gv+q4jlhENF9nMYUZs9PA2HzrXeHI8M5uDag70U7RJn9yyiMZSbtF5/UexBtAVtZGSbQ==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@inquirer/core@10.3.2':
+    resolution: {integrity: sha512-43RTuEbfP8MbKzedNqBrlhhNKVwoK//vUFNW3Q3vZ88BLcrs4kYpGg+B2mm5p2K/HfygoCxuKwJJiv8PbGmE0A==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@inquirer/external-editor@1.0.3':
+    resolution: {integrity: sha512-RWbSrDiYmO4LbejWY7ttpxczuwQyZLBUyygsA9Nsv95hpzUWwnNTVQmAq3xuh7vNwCp07UTmE5i11XAEExx4RA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@inquirer/figures@1.0.15':
+    resolution: {integrity: sha512-t2IEY+unGHOzAaVM5Xx6DEWKeXlDDcNPeDyUpsRc6CUhBfU3VQOEl+Vssh7VNp1dR8MdUJBWhuObjXCsVpjN5g==}
+    engines: {node: '>=18'}
+
+  '@inquirer/type@3.0.10':
+    resolution: {integrity: sha512-BvziSRxfz5Ov8ch0z/n3oijRSEcEsHnhggm4xFZe93DHcUCTlutlq9Ox4SVENAfcRD22UQq7T/atg9Wr3k09eA==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      '@types/node': '>=18'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@isaacs/cliui@8.0.2':
+    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+    engines: {node: '>=12'}
+
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
+  '@istanbuljs/schema@0.1.3':
+    resolution: {integrity: sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==}
+    engines: {node: '>=8'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/source-map@0.3.11':
+    resolution: {integrity: sha512-ZMp1V8ZFcPG5dIWnQLr3NSI1MiCU7UETdS/A0G8V/XWHvJv3ZsFqutJn1Y5RPmAPX6F3BiE397OqveU/9NCuIA==}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@jridgewell/trace-mapping@0.3.9':
+    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+
+  '@lezer/common@1.5.0':
+    resolution: {integrity: sha512-PNGcolp9hr4PJdXR4ix7XtixDrClScvtSCYW3rQG106oVMOOI+jFb+0+J3mbeL/53g1Zd6s0kJzaw6Ri68GmAA==}
+
+  '@lezer/css@1.3.0':
+    resolution: {integrity: sha512-pBL7hup88KbI7hXnZV3PQsn43DHy6TWyzuyk2AO9UyoXcDltvIdqWKE1dLL/45JVZ+YZkHe1WVHqO6wugZZWcw==}
+
+  '@lezer/highlight@1.2.3':
+    resolution: {integrity: sha512-qXdH7UqTvGfdVBINrgKhDsVTJTxactNNxLk7+UMwZhU13lMHaOBlJe9Vqp907ya56Y3+ed2tlqzys7jDkTmW0g==}
+
+  '@lezer/html@1.3.13':
+    resolution: {integrity: sha512-oI7n6NJml729m7pjm9lvLvmXbdoMoi2f+1pwSDJkl9d68zGr7a9Btz8NdHTGQZtW2DA25ybeuv/SyDb9D5tseg==}
+
+  '@lezer/javascript@1.5.4':
+    resolution: {integrity: sha512-vvYx3MhWqeZtGPwDStM2dwgljd5smolYD2lR2UyFcHfxbBQebqx8yjmFmxtJ/E6nN6u1D9srOiVWm3Rb4tmcUA==}
+
+  '@lezer/json@1.0.3':
+    resolution: {integrity: sha512-BP9KzdF9Y35PDpv04r0VeSTKDeox5vVr3efE7eBbx3r4s3oNLfunchejZhjArmeieBH+nVOpgIiBJpEAv8ilqQ==}
+
+  '@lezer/lr@1.4.7':
+    resolution: {integrity: sha512-wNIFWdSUfX9Jc6ePMzxSPVgTVB4EOfDIwLQLWASyiUdHKaMsiilj9bYiGkGQCKVodd0x6bgQCV207PILGFCF9Q==}
+
+  '@lezer/markdown@1.6.3':
+    resolution: {integrity: sha512-jpGm5Ps+XErS+xA4urw7ogEGkeZOahVQF21Z6oECF0sj+2liwZopd2+I8uH5I/vZsRuuze3OxBREIANLf6KKUw==}
+
+  '@lezer/python@1.1.18':
+    resolution: {integrity: sha512-31FiUrU7z9+d/ElGQLJFXl+dKOdx0jALlP3KEOsGTex8mvj+SoE1FgItcHWK/axkxCHGUSpqIHt6JAWfWu9Rhg==}
+
+  '@lit-labs/ssr-dom-shim@1.5.1':
+    resolution: {integrity: sha512-Aou5UdlSpr5whQe8AA/bZG0jMj96CoJIWbGfZ91qieWu5AWUMKw8VR/pAkQkJYvBNhmCcWnZlyyk5oze8JIqYA==}
+
+  '@lit/reactive-element@2.1.2':
+    resolution: {integrity: sha512-pbCDiVMnne1lYUIaYNN5wrwQXDtHaYtg7YEFPeW+hws6U47WeFvISGUWekPGKWOP1ygrs0ef0o1VJMk1exos5A==}
+
+  '@manypkg/find-root@1.1.0':
+    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}
+
+  '@manypkg/find-root@3.1.0':
+    resolution: {integrity: sha512-BcSqCyKhBVZ5YkSzOiheMCV41kqAFptW6xGqYSTjkVTl9XQpr+pqHhwgGCOHQtjDCv7Is6EFyA14Sm5GVbVABA==}
+    engines: {node: '>=20.0.0'}
+
+  '@manypkg/get-packages@1.1.3':
+    resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
+
+  '@manypkg/get-packages@3.1.0':
+    resolution: {integrity: sha512-0TbBVyvPrP7xGYBI/cP8UP+yl/z+HtbTttAD7FMAJgn/kXOTwh5/60TsqP9ZYY710forNfyV0N8P/IE/ujGZJg==}
+    engines: {node: '>=20.0.0'}
+
+  '@manypkg/tools@2.1.0':
+    resolution: {integrity: sha512-0FOIepYR4ugPYaHwK7hDeHDkfPOBVvayt9QpvRbi2LT/h2b0GaE/gM9Gag7fsnyYyNaTZ2IGyOuVg07IYepvYQ==}
+    engines: {node: '>=20.0.0'}
+
+  '@mapbox/node-pre-gyp@2.0.3':
+    resolution: {integrity: sha512-uwPAhccfFJlsfCxMYTwOdVfOz3xqyj8xYL3zJj8f0pb30tLohnnFPhLuqp4/qoEz8sNxe4SESZedcBojRefIzg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@marijn/find-cluster-break@1.0.2':
+    resolution: {integrity: sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==}
+
+  '@mdx-js/react@3.1.1':
+    resolution: {integrity: sha512-f++rKLQgUVYDAtECQ6fn/is15GkEH9+nZPM3MS0RcxVqoTfawHvDlSCH7JbMhAM6uJ32v3eXLvLmLvjGu7PTQw==}
+    peerDependencies:
+      '@types/react': '>=16'
+      react: '>=16'
+
+  '@mermaid-js/parser@0.6.3':
+    resolution: {integrity: sha512-lnjOhe7zyHjc+If7yT4zoedx2vo4sHaTmtkl1+or8BRTnCtDmcTpAjpzDSfCZrshM5bCoz0GyidzadJAH1xobA==}
+
+  '@mswjs/interceptors@0.40.0':
+    resolution: {integrity: sha512-EFd6cVbHsgLa6wa4RljGj6Wk75qoHxUSyc5asLyyPSyuhIcdS2Q3Phw6ImS1q+CkALthJRShiYfKANcQMuMqsQ==}
+    engines: {node: '>=18'}
+
+  '@napi-rs/wasm-runtime@1.1.4':
+    resolution: {integrity: sha512-3NQNNgA1YSlJb/kMH1ildASP9HW7/7kYnRI2szWJaofaS1hWmbGI4H+d3+22aGzXXN9IJ+n+GiFVcGipJP18ow==}
+    peerDependencies:
+      '@emnapi/core': ^1.7.1
+      '@emnapi/runtime': ^1.7.1
+
+  '@neoconfetti/react@1.0.0':
+    resolution: {integrity: sha512-klcSooChXXOzIm+SE5IISIAn3bYzYfPjbX7D7HoqZL84oAfgREeSg5vSIaSFH+DaGzzvImTyWe1OyrJ67vik4A==}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@open-draft/deferred-promise@2.2.0':
+    resolution: {integrity: sha512-CecwLWx3rhxVQF6V4bAgPS5t+So2sTbPgAzafKkVizyi7tlwpcFpdFqq+wqF2OwNBmqFuu6tOyouTuxgpMfzmA==}
+
+  '@open-draft/logger@0.3.0':
+    resolution: {integrity: sha512-X2g45fzhxH238HKO4xbSr7+wBS8Fvw6ixhTDuvLd5mqh6bJJCFAPwU9mPDxbcrRtfxv4u5IHCEH77BmxvXmmxQ==}
+
+  '@open-draft/until@2.1.0':
+    resolution: {integrity: sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==}
+
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    resolution: {integrity: sha512-0LC7ye4hvqbIKxAzThzvswgHLFu2AURKzYLeSVvLdu2TBOYWQDmHnTqPLeA597BcUCxiLqLsS4CJ5uoI5WYWCQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    resolution: {integrity: sha512-b5jtVTH6AU5CJXHNdj7Jj9IEiR9yVjjnwHzPJhGyHGPdcsZSzBCkS9GBbV33niRMvKthDwQRFRJfI4a+k4PvYg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    resolution: {integrity: sha512-obCE8B7ISKkJidjlhv9xRGJPOSDG2Yu6PRga9Ruaz35uintHxbp1Ki/Yc71wx4rj3Edrm0a1kzG1TAwit0wFpg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    resolution: {integrity: sha512-JL6Xb5IwPQT8rUzlpsX7E+AgfcdNklXNPFp8pjCQQ5MQOQo5rtEB2ui+3Hgg9Sn7Y9Egj6YOLLiHhLpdAe12Aw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    resolution: {integrity: sha512-SDQ/3MQFw58fqQz3Z1PhSKFF3JoCF4gmlNjziDm8X02tTahCw0qJbd7FGPDKw1i4VTBZene9JPyC3mHtSvi+wA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    resolution: {integrity: sha512-Av+D1MIqzV0YMGPT9we2SIZaMKD7Cxs4CvXSx/yxaWHewZjYEjScpOf5igc8IILASViw4WTnjlwUdI1KzVtDHQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    resolution: {integrity: sha512-Cs2fdJ8cPpFdeebj6p4dag8A4+56hPvZ0AhQQzlaLswGz1tz7bXt1nETLeorrM9+AMcWFFkqxcXwDGfTVidY8g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    resolution: {integrity: sha512-qdOfTcT6SY8gsJrrV92uyEUyjqMGPpIB5JZUG6QN5dukYd+7/j0kX6MwK1DgQj39jtUYixxPiaRUiEN1+0CXgQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    resolution: {integrity: sha512-EoTCZneNFU/P2qrpEM+RHmQwt+CvDkyGESG6qhr7KaegXLZwePfbrkCDfAk8/rhxbDUVGsZILX+2tqPzFtoFWA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    resolution: {integrity: sha512-zALjmZYgxFLHjXeudcDF0xFGNydTAtkAeXAr2EuC17ywCyFxcmQra4w0BMde0Yi/re4Bi4iwEoEXtYN7l6eBLQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    resolution: {integrity: sha512-fPP8M6zQLS7Jz7o9d5ArUSuAuSK3e+WCYVrCpdzeCOejidtZExJ9tjhDrAd3HEPqARBCPmdpqxESPFqy44vkBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    resolution: {integrity: sha512-7IcC4Ao02oGpfnjt+X/oF4U2mllo2qoSkw5xxiXNKL9MCTsTiAC6616beOuehdxGcnz1bRoPC1RQ2f1GQDdN+g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    resolution: {integrity: sha512-pbXIhiNFHoqWeqDNLiJ9JkpHz1IM9k4DXa66x+1GTWMG7iLxtkXgE53iiuKSXwmk3zIYmaPVfBvgcAhS583K4Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    resolution: {integrity: sha512-MYCguB9RvBvlSd6gbuNI7QwiLoCCAlGnlRJFPrzLI6U1/9wkC/WK6LtBAUln55H1Ctqw45PWmqrobKoMhsYQzQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    resolution: {integrity: sha512-5eY0B/bxf1xIUxb4NOTvOI3KWtBQfPWYyKAzgcrCt0mDibSZygVpO1Pz8bkeiSZ5Jj9+M09dkggG3H8I5d0Uyg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    resolution: {integrity: sha512-Gld0ajrFTUXNtdw20fVBuTQx66FA75nIVg+//pPfR3sXkuABB4mTBhl3r9JNzrJpgW//qiwxf0nWXUWGJSL3UQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    resolution: {integrity: sha512-T6KVD7rhLzFlwGRXMnxUFfkCZD8FHnb968wVXW1mXzgRFc5RNXOBY2mPPDZ77x5Ln76ltLMgtPg0cOkU1NSrEQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [wasm32]
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    resolution: {integrity: sha512-Ujvw4X+LD1CCGULcsQcvb4YNVoBGqt+JHgNNzGGaCImELiZLk477ifUH53gIbE7EKd933NdTi25JWEr9K2HwXw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    resolution: {integrity: sha512-0cwxKO7KHQQQfo4Uf4B2SQrhgm+cJaP9OvFFhx52Tkg4bezsacu83GB2/In5bC415Ueeym+kXdnge/57rbSfTw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    resolution: {integrity: sha512-rOrnSQSCbhI2kowr9XxE7m9a8oQXnBHjnS6j95LxxAnEZ0+Fz20WlRXG4ondQb+ejjt2KOsa65sE6++L6kUd+w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxc-project/types@0.127.0':
+    resolution: {integrity: sha512-aIYXQBo4lCbO4z0R3FHeucQHpF46l2LbMdxRvqvuRuW2OxdnSkcng5B8+K12spgLDj93rtN3+J2Vac/TIO+ciQ==}
+
+  '@oxc-resolver/binding-android-arm-eabi@11.20.0':
+    resolution: {integrity: sha512-IjfWOXRgJFNdORDl+Uf1aibNgZY2guOD3zmOhx1BGVb/MIiqlFTdmjpQNplSN58lhWehnX4UNqC3QwpUo8pjJg==}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-resolver/binding-android-arm64@11.20.0':
+    resolution: {integrity: sha512-QqslZAuFQG8Q9xm7JuIn8JUbvywhSBMVhuQHtYW+auirZJloS41oxUUaBXk7uUhZJgp44c5zQLeVvmFaDQB+2Q==}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-resolver/binding-darwin-arm64@11.20.0':
+    resolution: {integrity: sha512-MUcavykj2ewlR+kc5arpg4tC2RvzJkUxWtNv74pf7lcNk00GpIpN43vXMj+j6r4eMmfZhlb8hueKoIb8e9kAGQ==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-darwin-x64@11.20.0':
+    resolution: {integrity: sha512-BGB16nRUK5Etiv//ihPyzj8Lj1px0mhh4YIfe0FDf045ywknfSm0GEbiRESpr6Q4K82AvnyaRIhhluHByvS4bg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-resolver/binding-freebsd-x64@11.20.0':
+    resolution: {integrity: sha512-JZgtePaqj3qmD5XFHJaSLWzHRxQu0LaPkdoM1KJXYADvAaa83ijXHclV3ej3CueeW0wxfIAbGCZVP45J0CA7uQ==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.20.0':
+    resolution: {integrity: sha512-hOQ/p3ry3v3SchUBXicrrnszaI/UmYzM4wtS4RGfwgVUX7a+HbyQSzJ5aOzu+o6XZkFkS3ZXN4PZAzhOb77OSg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.20.0':
+    resolution: {integrity: sha512-2ArPksaw0AqeuGBfoS715VF+JvJQAhD2niWgjE5hVO+L+nAfikVQopvngCMX9x4BD8itWoQ3dnikrQyl5Ho5Jg==}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.20.0':
+    resolution: {integrity: sha512-0bJnmYFp62JdZ4nVMDUZ/C58BCZOCcqgKtnUlp7L9Ojf/czIN+3j72YlLPeWLkzlr6SlYvIQA4SGV/HyO0d+qg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.20.0':
+    resolution: {integrity: sha512-wKHHzPKZo7Ufhv/Bt6yxT7FOgnIgW4gwXcJUipkShGp68W3wGVqvr1Sr0fY65lN0Oy6y41+g2kIDvkgZaMMUkw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.20.0':
+    resolution: {integrity: sha512-RN8goF7Ie0B79L4i4G6OeBocTgSC56vJbQ65VJje+oXnldVpLnOU7j/AQ/dP94TcCS+Yh6WG8u3Qt4ETteXFNQ==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.20.0':
+    resolution: {integrity: sha512-5l1yU6/xQEqLZRzxqmMxJfWPslpwCmBsdDGaBvABPehxquCXDC7dd7oraNdKSJUMDXSM7VvVj8H2D2FTjU7oWw==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.20.0':
+    resolution: {integrity: sha512-xHEvkbgz6UC+A3JOyDQy76LkUaxsNSfIr3/GV8slwZsnuooJiIB34gzJfsyvR4JdCYNUUPsRJc/w/oWkODu+hg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.20.0':
+    resolution: {integrity: sha512-aWPDUUmSeyHvlW+SoEUd+JIJsQhVhu6a5tBpDRMu058naPAchTgAVGCFy35zjbnFlt0i8hLWziff6HX0D3LU4g==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.20.0':
+    resolution: {integrity: sha512-x2YeSimvhJjKLVD8KSu8f/rqU1potcdEMkApIPJqjZWN7c2Fpt4g2X32WDg1p+XDAmyT7nuQGe0vnhvXeLbH+g==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-resolver/binding-linux-x64-musl@11.20.0':
+    resolution: {integrity: sha512-kcRLEIxpZefeYfLChjpgFf3ilBzRDZ+yobMrpRsQlSrxuFGtm3U6PMU7AaEpMqo3NfDGVyJJseAjnRLzMFHjwQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxc-resolver/binding-openharmony-arm64@11.20.0':
+    resolution: {integrity: sha512-HHcfnApSZGtKhTiHqe8OZruOZe5XuFQH5/E0Yhj3u8fnFvzkM4/k6WjacUf4SvA0SPEAbfbgYmVPuo0VX/fIBQ==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-resolver/binding-wasm32-wasi@11.20.0':
+    resolution: {integrity: sha512-Tn0y1XOFYHNfK1wp1Z5QK8Rcld/bsOwRISQXfqAZ5IBpv8Gz1IvV39fUWNprqNdRizgcvFhOzWwFun2zkJsyBg==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.20.0':
+    resolution: {integrity: sha512-qPi25YNPe4YenS8MgsQU2+bIFHxxpLx1LVna2444cEHqNPhNjvWf9zqj4aWE43H9LpAsTmkkAlA3eL5ElBU3mA==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.20.0':
+    resolution: {integrity: sha512-Wb14jWEW8huH6It9F6sXd9vrYmIS7pMrgkU6sxpLxkP+9z+wRgs71hUEhRpcn8FOXAFa27FVWfY2tRpbfTzfLw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher-android-arm64@2.5.6':
+    resolution: {integrity: sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.5.6':
+    resolution: {integrity: sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.5.6':
+    resolution: {integrity: sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.5.6':
+    resolution: {integrity: sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
+    resolution: {integrity: sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm-musl@2.5.6':
+    resolution: {integrity: sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
+    resolution: {integrity: sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
+    resolution: {integrity: sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
+    resolution: {integrity: sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-musl@2.5.6':
+    resolution: {integrity: sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-win32-arm64@2.5.6':
+    resolution: {integrity: sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.5.6':
+    resolution: {integrity: sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.5.6':
+    resolution: {integrity: sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.5.6':
+    resolution: {integrity: sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==}
+    engines: {node: '>= 10.0.0'}
+
+  '@pixi/colord@2.9.6':
+    resolution: {integrity: sha512-nezytU2pw587fQstUu1AsJZDVEynjskwOL+kibwcdxsMBFqPsFFNA7xl0ii/gXuDi6M0xj3mfRJj8pBSc2jCfA==}
+
+  '@pkgjs/parseargs@0.11.0':
+    resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+    engines: {node: '>=14'}
+
+  '@playwright/test@1.60.0':
+    resolution: {integrity: sha512-O71yZIbAh/PxDMNGns37GHBIfrVkEVyn+AXyIa5dOTfb4/xNvRWV+Vv/NMbNCtODB/pO7vLlF2OTmMVLhmr7Ag==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@poppinss/colors@4.1.6':
+    resolution: {integrity: sha512-H9xkIdFswbS8n1d6vmRd8+c10t2Qe+rZITbbDHHkQixH5+2x1FDGmi/0K+WgWiqQFKPSlIYB7jlH6Kpfn6Fleg==}
+
+  '@poppinss/dumper@0.6.5':
+    resolution: {integrity: sha512-NBdYIb90J7LfOI32dOewKI1r7wnkiH6m920puQ3qHUeZkxNkQiFnXVWoE6YtFSv6QOiPPf7ys6i+HWWecDz7sw==}
+
+  '@poppinss/exception@1.2.3':
+    resolution: {integrity: sha512-dCED+QRChTVatE9ibtoaxc+WkdzOSjYTKi/+uacHWIsfodVfpsueo3+DKpgU5Px8qXjgmXkSvhXvSCz3fnP9lw==}
+
+  '@rollup/plugin-commonjs@28.0.9':
+    resolution: {integrity: sha512-PIR4/OHZ79romx0BVVll/PkwWpJ7e5lsqFa3gFfcrFPWwLXLV39JVUzQV9RKjWerE7B845Hqjj9VYlQeieZ2dA==}
+    engines: {node: '>=16.0.0 || 14 >= 14.17'}
+    peerDependencies:
+      rollup: ^2.68.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-json@6.1.0':
+    resolution: {integrity: sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/plugin-node-resolve@16.0.3':
+    resolution: {integrity: sha512-lUYM3UBGuM93CnMPG1YocWu7X802BrNF3jW2zny5gQyLQgRFJhV1Sq0Zi74+dh/6NBx1DxFC4b4GXg9wUCG5Qg==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^2.78.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/pluginutils@5.3.0':
+    resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.55.2':
+    resolution: {integrity: sha512-21J6xzayjy3O6NdnlO6aXi/urvSRjm6nCI6+nF6ra2YofKruGixN9kfT+dt55HVNwfDmpDHJcaS3JuP/boNnlA==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm-eabi@4.59.0':
+    resolution: {integrity: sha512-upnNBkA6ZH2VKGcBj9Fyl9IGNPULcjXRlg0LLeaioQWueH30p6IXtJEbKAgvyv+mJaMxSm1l6xwDXYjpEMiLMg==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm-eabi@4.61.0':
+    resolution: {integrity: sha512-dnxczajOqt0gesZlN5pGQ1s1imQVrsmCw5G2Ci4oM+0WvNz3pyRnlWrT7McoZIb8VlFwCawdmbWRmxRn7HI+VQ==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.55.2':
+    resolution: {integrity: sha512-eXBg7ibkNUZ+sTwbFiDKou0BAckeV6kIigK7y5Ko4mB/5A1KLhuzEKovsmfvsL8mQorkoincMFGnQuIT92SKqA==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.59.0':
+    resolution: {integrity: sha512-hZ+Zxj3SySm4A/DylsDKZAeVg0mvi++0PYVceVyX7hemkw7OreKdCvW2oQ3T1FMZvCaQXqOTHb8qmBShoqk69Q==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.61.0':
+    resolution: {integrity: sha512-Bp3JpGP00Vu3f238ivRrjf7z3xSzVPXqCmaJYA9t2c+c8vKYvOzmXF7LkkeUalTEGd6cZcSWe+PFIP3Vy48fRg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.55.2':
+    resolution: {integrity: sha512-UCbaTklREjrc5U47ypLulAgg4njaqfOVLU18VrCrI+6E5MQjuG0lSWaqLlAJwsD7NpFV249XgB0Bi37Zh5Sz4g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-arm64@4.59.0':
+    resolution: {integrity: sha512-W2Psnbh1J8ZJw0xKAd8zdNgF9HRLkdWwwdWqubSVk0pUuQkoHnv7rx4GiF9rT4t5DIZGAsConRE3AxCdJ4m8rg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-arm64@4.61.0':
+    resolution: {integrity: sha512-zaYIpr670mUmmZ1tVzUFplbQbG7h3Gugx3L5FoqhsC2m/YnLlR1a7zVLmXNPy+iY1tFPEbNG+HHBXZGyId0G5w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.55.2':
+    resolution: {integrity: sha512-dP67MA0cCMHFT2g5XyjtpVOtp7y4UyUxN3dhLdt11at5cPKnSm4lY+EhwNvDXIMzAMIo2KU+mc9wxaAQJTn7sQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.59.0':
+    resolution: {integrity: sha512-ZW2KkwlS4lwTv7ZVsYDiARfFCnSGhzYPdiOU4IM2fDbL+QGlyAbjgSFuqNRbSthybLbIJ915UtZBtmuLrQAT/w==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.61.0':
+    resolution: {integrity: sha512-+P49fvkv2dSoeevUW+lgZ/I2JHSsJCK1Lyjj7Cu6E4UHG4tS9XIefzIjo5qhgELjAclnen1rLzK2PMKJdo+Dyg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.55.2':
+    resolution: {integrity: sha512-WDUPLUwfYV9G1yxNRJdXcvISW15mpvod1Wv3ok+Ws93w1HjIVmCIFxsG2DquO+3usMNCpJQ0wqO+3GhFdl6Fow==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-arm64@4.59.0':
+    resolution: {integrity: sha512-EsKaJ5ytAu9jI3lonzn3BgG8iRBjV4LxZexygcQbpiU0wU0ATxhNVEpXKfUa0pS05gTcSDMKpn3Sx+QB9RlTTA==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-arm64@4.61.0':
+    resolution: {integrity: sha512-l3FAAOyKJXH2ea6KNFN+MMgC/rnE94YGLXs2ehYqDcCoHt1DpvgWX75BhUJxN38XojP7Ul+4H8PRn7EdyqSDrw==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.55.2':
+    resolution: {integrity: sha512-Ng95wtHVEulRwn7R0tMrlUuiLVL/HXA8Lt/MYVpy88+s5ikpntzZba1qEulTuPnPIZuOPcW9wNEiqvZxZmgmqQ==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.59.0':
+    resolution: {integrity: sha512-d3DuZi2KzTMjImrxoHIAODUZYoUUMsuUiY4SRRcJy6NJoZ6iIqWnJu9IScV9jXysyGMVuW+KNzZvBLOcpdl3Vg==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.61.0':
+    resolution: {integrity: sha512-VokPN3TSctKj65cyCNPaUh4vMFA8awxOot/0sp+4J7ZlNRKQEhXhawqPwajoi8H5ZFt61i0ugZJuTKXBjGJ17Q==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.55.2':
+    resolution: {integrity: sha512-AEXMESUDWWGqD6LwO/HkqCZgUE1VCJ1OhbvYGsfqX2Y6w5quSXuyoy/Fg3nRqiwro+cJYFxiw5v4kB2ZDLhxrw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.59.0':
+    resolution: {integrity: sha512-t4ONHboXi/3E0rT6OZl1pKbl2Vgxf9vJfWgmUoCEVQVxhW6Cw/c8I6hbbu7DAvgp82RKiH7TpLwxnJeKv2pbsw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.61.0':
+    resolution: {integrity: sha512-DxH0P3wxm+Yzs/p3zrk9dw1rURu8p0Nv5+MRK/L7OtnLNg5rLZraSBFZ8iUXOd9f2BlhJyEpIZUH/emjq4UJ4g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.55.2':
+    resolution: {integrity: sha512-ZV7EljjBDwBBBSv570VWj0hiNTdHt9uGznDtznBB4Caj3ch5rgD4I2K1GQrtbvJ/QiB+663lLgOdcADMNVC29Q==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.59.0':
+    resolution: {integrity: sha512-CikFT7aYPA2ufMD086cVORBYGHffBo4K8MQ4uPS/ZnY54GKj36i196u8U+aDVT2LX4eSMbyHtyOh7D7Zvk2VvA==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.61.0':
+    resolution: {integrity: sha512-T6ZvMNe84kAz6TBWHC7hGAoEtzP1LWYw/AqayGWEF6uISt3Abk/st06LqRD9THd7Xz3NxzurUpzAuEAUbZf+nw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.55.2':
+    resolution: {integrity: sha512-uvjwc8NtQVPAJtq4Tt7Q49FOodjfbf6NpqXyW/rjXoV+iZ3EJAHLNAnKT5UJBc6ffQVgmXTUL2ifYiLABlGFqA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.59.0':
+    resolution: {integrity: sha512-jYgUGk5aLd1nUb1CtQ8E+t5JhLc9x5WdBKew9ZgAXg7DBk0ZHErLHdXM24rfX+bKrFe+Xp5YuJo54I5HFjGDAA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.61.0':
+    resolution: {integrity: sha512-q/4hzvQkDs8b4jIBab1pnLiiM0ayTZsN2amBFPDzuyZxjEd4wDwx0UJFYM3cOZzSf5Kw8fnWSprJzIBMkcR44Q==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.55.2':
+    resolution: {integrity: sha512-s3KoWVNnye9mm/2WpOZ3JeUiediUVw6AvY/H7jNA6qgKA2V2aM25lMkVarTDfiicn/DLq3O0a81jncXszoyCFA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.59.0':
+    resolution: {integrity: sha512-peZRVEdnFWZ5Bh2KeumKG9ty7aCXzzEsHShOZEFiCQlDEepP1dpUl/SrUNXNg13UmZl+gzVDPsiCwnV1uI0RUA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.61.0':
+    resolution: {integrity: sha512-vvYWX3akdEAY6km+9wAqFDnk6pQsbJKVnj7xawcvs/+fdlYBGp+U+Qq/lLfpIxYIZvZLHMAKD9HLdacSx/r3dw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-gnu@4.55.2':
+    resolution: {integrity: sha512-gi21faacK+J8aVSyAUptML9VQN26JRxe484IbF+h3hpG+sNVoMXPduhREz2CcYr5my0NE3MjVvQ5bMKX71pfVA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-gnu@4.59.0':
+    resolution: {integrity: sha512-gbUSW/97f7+r4gHy3Jlup8zDG190AuodsWnNiXErp9mT90iCy9NKKU0Xwx5k8VlRAIV2uU9CsMnEFg/xXaOfXg==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-gnu@4.61.0':
+    resolution: {integrity: sha512-DePa5cqOxDP/Zp0VOXpeWaGew5iIv5DXp9NYbzkX5PFQyWVX9184WCTh3hvr/7lhXo8ZVlbFLkz8+o/q1dU6gA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.55.2':
+    resolution: {integrity: sha512-qSlWiXnVaS/ceqXNfnoFZh4IiCA0EwvCivivTGbEu1qv2o+WTHpn1zNmCTAoOG5QaVr2/yhCoLScQtc/7RxshA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.59.0':
+    resolution: {integrity: sha512-yTRONe79E+o0FWFijasoTjtzG9EBedFXJMl888NBEDCDV9I2wGbFFfJQQe63OijbFCUZqxpHz1GzpbtSFikJ4Q==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.61.0':
+    resolution: {integrity: sha512-LV8aWMB8UChglMCEzs7RkN0GsH29RJaLLqwm9fCIjlqwxQTiWAqNcc7wjBkH31hV0PU/yVxGYvrYsgfea2qw6g==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.55.2':
+    resolution: {integrity: sha512-rPyuLFNoF1B0+wolH277E780NUKf+KoEDb3OyoLbAO18BbeKi++YN6gC/zuJoPPDlQRL3fIxHxCxVEWiem2yXw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.59.0':
+    resolution: {integrity: sha512-sw1o3tfyk12k3OEpRddF68a1unZ5VCN7zoTNtSn2KndUE+ea3m3ROOKRCZxEpmT9nsGnogpFP9x6mnLTCaoLkA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.61.0':
+    resolution: {integrity: sha512-QoNSnwQtaeNu5grdBbsL0tt1uyl5EnS8DA8Mr3nluMXbhdQNyhN+G4tBax7VCdxLKj8YJ0/4OO9Ho84jMnJtKA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-musl@4.55.2':
+    resolution: {integrity: sha512-g+0ZLMook31iWV4PvqKU0i9E78gaZgYpSrYPed/4Bu+nGTgfOPtfs1h11tSSRPXSjC5EzLTjV/1A7L2Vr8pJoQ==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-musl@4.59.0':
+    resolution: {integrity: sha512-+2kLtQ4xT3AiIxkzFVFXfsmlZiG5FXYW7ZyIIvGA7Bdeuh9Z0aN4hVyXS/G1E9bTP/vqszNIN/pUKCk/BTHsKA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-musl@4.61.0':
+    resolution: {integrity: sha512-/zZp5MKapIIApE8trN8qLGNSiRN9TUoaUZ1cmVu4XnVdd5LQLOXTtyi+vtfUbNnT3iyjzpPqYeKXmvJ+gJGYWw==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.55.2':
+    resolution: {integrity: sha512-i+sGeRGsjKZcQRh3BRfpLsM3LX3bi4AoEVqmGDyc50L6KfYsN45wVCSz70iQMwPWr3E5opSiLOwsC9WB4/1pqg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.59.0':
+    resolution: {integrity: sha512-NDYMpsXYJJaj+I7UdwIuHHNxXZ/b/N2hR15NyH3m2qAtb/hHPA4g4SuuvrdxetTdndfj9b1WOmy73kcPRoERUg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.61.0':
+    resolution: {integrity: sha512-RbrzcD3aJ1k3UbtMRRBNwojdVVyXjuVAFTfn/xPa6EEl6GE9Sm/akPgFTb9aAC9pMKGJ6CtWxaGrqWcabH+ySg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.55.2':
+    resolution: {integrity: sha512-C1vLcKc4MfFV6I0aWsC7B2Y9QcsiEcvKkfxprwkPfLaN8hQf0/fKHwSF2lcYzA9g4imqnhic729VB9Fo70HO3Q==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.59.0':
+    resolution: {integrity: sha512-nLckB8WOqHIf1bhymk+oHxvM9D3tyPndZH8i8+35p/1YiVoVswPid2yLzgX7ZJP0KQvnkhM4H6QZ5m0LzbyIAg==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.61.0':
+    resolution: {integrity: sha512-ZF+onDsBso8PJf1XaG9lB+O9RnBpKGnY6OrzC4CSHrtC1jb6jWLTKK4bRqdoCXHd22gyr2hiYmEAm8Wns/BOCw==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.55.2':
+    resolution: {integrity: sha512-68gHUK/howpQjh7g7hlD9DvTTt4sNLp1Bb+Yzw2Ki0xvscm2cOdCLZNJNhd2jW8lsTPrHAHuF751BygifW4bkQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.59.0':
+    resolution: {integrity: sha512-oF87Ie3uAIvORFBpwnCvUzdeYUqi2wY6jRFWJAy1qus/udHFYIkplYRW+wo+GRUP4sKzYdmE1Y3+rY5Gc4ZO+w==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.61.0':
+    resolution: {integrity: sha512-Atk0aSIk5Zx2Wuh9dgRQgLP0Koc8hOeYpbWryMXyk8G8/HmPkwPPkMqIIDhrXHHYqfUzSJA/I7IWSBv8xSmRBA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.55.2':
+    resolution: {integrity: sha512-1e30XAuaBP1MAizaOBApsgeGZge2/Byd6wV4a8oa6jPdHELbRHBiw7wvo4dp7Ie2PE8TZT4pj9RLGZv9N4qwlw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.59.0':
+    resolution: {integrity: sha512-3AHmtQq/ppNuUspKAlvA8HtLybkDflkMuLK4DPo77DfthRb71V84/c4MlWJXixZz4uruIH4uaa07IqoAkG64fg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.61.0':
+    resolution: {integrity: sha512-0uMOcf3eZ5K+K4cYHkdxShFMPlPXCOdfDFEFn9dNYAEEd2cVvmOfH7zFgRVoDgmtQ1m9k5q7qfrHzyMAubKYUA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.55.2':
+    resolution: {integrity: sha512-4BJucJBGbuGnH6q7kpPqGJGzZnYrpAzRd60HQSt3OpX/6/YVgSsJnNzR8Ot74io50SeVT4CtCWe/RYIAymFPwA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.59.0':
+    resolution: {integrity: sha512-2UdiwS/9cTAx7qIUZB/fWtToJwvt0Vbo0zmnYt7ED35KPg13Q0ym1g442THLC7VyI6JfYTP4PiSOWyoMdV2/xg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.61.0':
+    resolution: {integrity: sha512-mvFtE4A/t/7hRJ7X8Ozmu8FsIkAUat2nzl12pgU337BRmq87AQUJztwHz2Zv5/tjo9/C95E66CK03SI/ToEDJw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-openbsd-x64@4.55.2':
+    resolution: {integrity: sha512-cT2MmXySMo58ENv8p6/O6wI/h/gLnD3D6JoajwXFZH6X9jz4hARqUhWpGuQhOgLNXscfZYRQMJvZDtWNzMAIDw==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openbsd-x64@4.59.0':
+    resolution: {integrity: sha512-M3bLRAVk6GOwFlPTIxVBSYKUaqfLrn8l0psKinkCFxl4lQvOSz8ZrKDz2gxcBwHFpci0B6rttydI4IpS4IS/jQ==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openbsd-x64@4.61.0':
+    resolution: {integrity: sha512-z9b9+aTxvt8n2rNltMPvyaUfB8NJ+CVyOrGK/MdIKHx7B+lXmZpm/XbRsU7Rpf3fRqJ2uS6mBJiJveCtq8LHDg==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.55.2':
+    resolution: {integrity: sha512-sZnyUgGkuzIXaK3jNMPmUIyJrxu/PjmATQrocpGA1WbCPX8H5tfGgRSuYtqBYAvLuIGp8SPRb1O4d1Fkb5fXaQ==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-openharmony-arm64@4.59.0':
+    resolution: {integrity: sha512-tt9KBJqaqp5i5HUZzoafHZX8b5Q2Fe7UjYERADll83O4fGqJ49O1FsL6LpdzVFQcpwvnyd0i+K/VSwu/o/nWlA==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-openharmony-arm64@4.61.0':
+    resolution: {integrity: sha512-jXaXFqKMehsOc+g8R6oo33RRC6w07G9jDBxAE5eAKX7mOcCbZloYIPNhfG9Wl+P9O9IWHFO4OJgPi1Ml2qkt7w==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.55.2':
+    resolution: {integrity: sha512-sDpFbenhmWjNcEbBcoTV0PWvW5rPJFvu+P7XoTY0YLGRupgLbFY0XPfwIbJOObzO7QgkRDANh65RjhPmgSaAjQ==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-arm64-msvc@4.59.0':
+    resolution: {integrity: sha512-V5B6mG7OrGTwnxaNUzZTDTjDS7F75PO1ae6MJYdiMu60sq0CqN5CVeVsbhPxalupvTX8gXVSU9gq+Rx1/hvu6A==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-arm64-msvc@4.61.0':
+    resolution: {integrity: sha512-OXNWVFocS2IA4+QplhTZZ2a+8hPZR7T8KuozsNmJKK8y7cp83StHvGksfHzPG3wczWTczyWHVQuqeiTUbjiyBg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.55.2':
+    resolution: {integrity: sha512-GvJ03TqqaweWCigtKQVBErw2bEhu1tyfNQbarwr94wCGnczA9HF8wqEe3U/Lfu6EdeNP0p6R+APeHVwEqVxpUQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.59.0':
+    resolution: {integrity: sha512-UKFMHPuM9R0iBegwzKF4y0C4J9u8C6MEJgFuXTBerMk7EJ92GFVFYBfOZaSGLu6COf7FxpQNqhNS4c4icUPqxA==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.61.0':
+    resolution: {integrity: sha512-AlAbNtBO637LxSldqV43z0FfXoGfl2TW1DgAg/bs7aQswFbDewz2SJm3BUhiGfbOVtW571xbc9p+REdxhyN/Eg==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.55.2':
+    resolution: {integrity: sha512-KvXsBvp13oZz9JGe5NYS7FNizLe99Ny+W8ETsuCyjXiKdiGrcz2/J/N8qxZ/RSwivqjQguug07NLHqrIHrqfYw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.59.0':
+    resolution: {integrity: sha512-laBkYlSS1n2L8fSo1thDNGrCTQMmxjYY5G0WFWjFFYZkKPjsMBsgJfGf4TLxXrF6RyhI60L8TMOjBMvXiTcxeA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.61.0':
+    resolution: {integrity: sha512-QRSrQXyJ1M4tjNXdR0/G/IgV6lzfQQJYBjlWIEYkY2Xs86DRl/iEpQ4blMDjJxSl7n19eDKKXMg0AmuBVYy8pQ==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.55.2':
+    resolution: {integrity: sha512-xNO+fksQhsAckRtDSPWaMeT1uIM+JrDRXlerpnWNXhn1TdB3YZ6uKBMBTKP0eX9XtYEP978hHk1f8332i2AW8Q==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.59.0':
+    resolution: {integrity: sha512-2HRCml6OztYXyJXAvdDXPKcawukWY2GpR5/nxKp4iBgiO3wcoEGkAaqctIbZcNB6KlUQBIqt8VYkNSj2397EfA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.61.0':
+    resolution: {integrity: sha512-tkuFxhvKO/HlGd0VsINF6vHSYH8AF8W0TcNxKDK6JZmrehngFj78pToc8iemtnvwilDjs2G/qSzYFhe9U8q+fw==}
+    cpu: [x64]
+    os: [win32]
+
+  '@sindresorhus/base62@1.0.0':
+    resolution: {integrity: sha512-TeheYy0ILzBEI/CO55CP6zJCSdSWeRtGnHy8U8dWSUH4I68iqTsy7HkMktR4xakThc9jotkPQUXT4ITdbV7cHA==}
+    engines: {node: '>=18'}
+
+  '@sindresorhus/is@7.2.0':
+    resolution: {integrity: sha512-P1Cz1dWaFfR4IR+U13mqqiGsLFf1KbayybWwdd2vfctdV6hDpUkgCY0nKOLLTMSoRd/jJNjtbqzf13K8DCCXQw==}
+    engines: {node: '>=18'}
+
+  '@sindresorhus/slugify@3.0.0':
+    resolution: {integrity: sha512-SCrKh1zS96q+CuH5GumHcyQEVPsM4Ve8oE0E6tw7AAhGq50K8ojbTUOQnX/j9Mhcv/AXiIsbCfquovyGOo5fGw==}
+    engines: {node: '>=20'}
+
+  '@sindresorhus/transliterate@2.3.1':
+    resolution: {integrity: sha512-gVaaGtKYMYAMmI8buULVH3A2TXVJ98QiwGwI7ddrWGuGidGC2uRt4FHs22+8iROJ0QTzju9CuMjlVsrvpqsdhA==}
+    engines: {node: '>=20'}
+
+  '@speed-highlight/core@1.2.14':
+    resolution: {integrity: sha512-G4ewlBNhUtlLvrJTb88d2mdy2KRijzs4UhnlrOSRT4bmjh/IqNElZa3zkrZ+TC47TwtlDWzVLFADljF1Ijp5hA==}
+
+  '@standard-schema/spec@1.1.0':
+    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
+
+  '@storybook/addon-a11y@10.1.11':
+    resolution: {integrity: sha512-3sr6HmcDgW1+TQAV9QtWBE3HlGyfFXVZY3RECTNLNH6fRC+rYQCItisvQIVxQpyftLSQ8EAMN9JQzs495MjWNg==}
+    peerDependencies:
+      storybook: ^10.1.11
+
+  '@storybook/addon-docs@10.1.11':
+    resolution: {integrity: sha512-Jwm291Fhim2eVcZIVlkG1B2skb0ZI9oru6nqMbJxceQZlvZmcIa4oxvS1oaMTKw2DJnCv97gLm57P/YvRZ8eUg==}
+    peerDependencies:
+      storybook: ^10.1.11
+
+  '@storybook/addon-svelte-csf@5.0.10':
+    resolution: {integrity: sha512-poSvTS7VdaQ42ZoqW5e4+2Hv1iLO0mekH9fwn/QuBNse48R4WlTyR8XFbHRTfatl9gdc9ZYC4uWzazrmV6zGIA==}
+    peerDependencies:
+      '@storybook/svelte': ^0.0.0-0 || ^8.2.0 || ^9.0.0 || ^9.1.0-0 || ^10.0.0-0
+      '@sveltejs/vite-plugin-svelte': ^4.0.0 || ^5.0.0 || ^6.0.0
+      storybook: ^0.0.0-0 || ^8.2.0 || ^9.0.0 || ^9.1.0-0 || ^10.0.0-0
+      svelte: 5.48.0
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+
+  '@storybook/addon-vitest@10.1.11':
+    resolution: {integrity: sha512-YbZzeKO3v+Xr97/malT4DZIATkVZT5EHNYx3xzEfPVuk19dDETAVYXO+tzcqCQHsgdKQHkmd56vv8nN3J3/kvw==}
+    peerDependencies:
+      '@vitest/browser': ^3.0.0 || ^4.0.0
+      '@vitest/browser-playwright': ^4.0.0
+      '@vitest/runner': ^3.0.0 || ^4.0.0
+      storybook: ^10.1.11
+      vitest: ^3.0.0 || ^4.0.0
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/runner':
+        optional: true
+      vitest:
+        optional: true
+
+  '@storybook/builder-vite@10.1.11':
+    resolution: {integrity: sha512-MMD09Ap7FyzDfWG961pkIMv/w684XXe1bBEi+wCEpHxvrgAd3j3A9w/Rqp9Am2uRDPCEdi1QgSzS3SGW3aGThQ==}
+    peerDependencies:
+      storybook: ^10.1.11
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+
+  '@storybook/components@8.6.14':
+    resolution: {integrity: sha512-HNR2mC5I4Z5ek8kTrVZlIY/B8gJGs5b3XdZPBPBopTIN6U/YHXiDyOjY3JlaS4fSG1fVhp/Qp1TpMn1w/9m1pw==}
+    peerDependencies:
+      storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+
+  '@storybook/core-events@8.6.14':
+    resolution: {integrity: sha512-RrJ95u3HuIE4Nk8VmZP0tc/u0vYoE2v9fYlMw6K2GUSExzKDITs3voy6WMIY7Q3qbQun8XUXVlmqkuFzTEy/pA==}
+    peerDependencies:
+      storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+
+  '@storybook/csf-plugin@10.1.11':
+    resolution: {integrity: sha512-Ant0NhgqHKzQsseeVTSetZCuDHHs0W2HRkHt51Kg/sUl0T/sDtfVA+fWZT8nGzGZqYSFkxqYPWjauPmIhPtaRw==}
+    peerDependencies:
+      esbuild: '*'
+      rollup: '*'
+      storybook: ^10.1.11
+      vite: '*'
+      webpack: '*'
+    peerDependenciesMeta:
+      esbuild:
+        optional: true
+      rollup:
+        optional: true
+      vite:
+        optional: true
+      webpack:
+        optional: true
+
+  '@storybook/csf@0.1.13':
+    resolution: {integrity: sha512-7xOOwCLGB3ebM87eemep89MYRFTko+D8qE7EdAAq74lgdqRR5cOUtYWJLjO2dLtP94nqoOdHJo6MdLLKzg412Q==}
+
+  '@storybook/global@5.0.0':
+    resolution: {integrity: sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==}
+
+  '@storybook/icons@1.6.0':
+    resolution: {integrity: sha512-hcFZIjW8yQz8O8//2WTIXylm5Xsgc+lW9ISLgUk1xGmptIJQRdlhVIXCpSyLrQaaRiyhQRaVg7l3BD9S216BHw==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+
+  '@storybook/icons@2.0.1':
+    resolution: {integrity: sha512-/smVjw88yK3CKsiuR71vNgWQ9+NuY2L+e8X7IMrFjexjm6ZR8ULrV2DRkTA61aV6ryefslzHEGDInGpnNeIocg==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@storybook/icons@2.0.2':
+    resolution: {integrity: sha512-KZBCpXsshAIjczYNXR/rlxEtCUX/eAbpFNwKi8bcOomrLA4t/SyPz5RF+lVPO2oZBUE4sAkt43mfJUevQDSEEw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  '@storybook/manager-api@8.6.14':
+    resolution: {integrity: sha512-ez0Zihuy17udLbfHZQXkGqwtep0mSGgHcNzGN7iZrMP1m+VmNo+7aGCJJdvXi7+iU3yq8weXSQFWg5DqWgLS7g==}
+    peerDependencies:
+      storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+
+  '@storybook/react-dom-shim@10.1.11':
+    resolution: {integrity: sha512-o8WPhRlZbORUWG9lAgDgJP0pi905VHJUFJr1Kp8980gHqtlemtnzjPxKy5vFwj6glNhAlK8SS8OOYzWP7hloTQ==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      storybook: ^10.1.11
+
+  '@storybook/svelte-vite@10.1.11':
+    resolution: {integrity: sha512-UVTeDWxWZ2XRbD1p1pgDz9aWJpJFfsgJHBFl/U1A858xYU6Tgp0KjyYfapM6BYVPmGcK0RCqHHWOv6Bj6cfrRQ==}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0
+      storybook: ^10.1.11
+      svelte: 5.48.0
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
+
+  '@storybook/svelte@10.1.11':
+    resolution: {integrity: sha512-G2ASV/Q16YkJf/3+4NXX1MdxFTO5qztePwGR12U8yKyyV2NjKtgnCA3jkvSakBLhRbO1nbD8+H13FgQrRfxdbQ==}
+    peerDependencies:
+      storybook: ^10.1.11
+      svelte: 5.48.0
+
+  '@storybook/theming@8.6.14':
+    resolution: {integrity: sha512-r4y+LsiB37V5hzpQo+BM10PaCsp7YlZ0YcZzQP1OCkPlYXmUAFy2VvDKaFRpD8IeNPKug2u4iFm/laDEbs03dg==}
+    peerDependencies:
+      storybook: ^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0
+
+  '@sveltejs/acorn-typescript@1.0.10':
+    resolution: {integrity: sha512-4WfKk68eTih+MiJD4fSbxN7E8kVBmTMPWHUPYjvl2N0rMs53YLTT8/YjKU5Dtnz5LqDjl7LEw4U7lXR2W3J5WA==}
+    peerDependencies:
+      acorn: ^8.9.0
+
+  '@sveltejs/acorn-typescript@1.0.8':
+    resolution: {integrity: sha512-esgN+54+q0NjB0Y/4BomT9samII7jGwNy/2a3wNZbT2A2RpmXsXwUt24LvLhx6jUq2gVk4cWEvcRO6MFQbOfNA==}
+    peerDependencies:
+      acorn: ^8.9.0
+
+  '@sveltejs/adapter-auto@6.1.1':
+    resolution: {integrity: sha512-cBNt4jgH4KuaNO5gRSB2CZKkGtz+OCZ8lPjRQGjhvVUD4akotnj2weUia6imLl2v07K3IgsQRyM36909miSwoQ==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/adapter-auto@7.0.0':
+    resolution: {integrity: sha512-ImDWaErTOCkRS4Gt+5gZuymKFBobnhChXUZ9lhUZLahUgvA4OOvRzi3sahzYgbxGj5nkA6OV0GAW378+dl/gyw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/adapter-node@5.5.1':
+    resolution: {integrity: sha512-VpZdPNRPQuZRtgfAMETPWWKpZx9JwXmUUsgz/+eSpw/Oh7+2O1uZHlsQTuyfxydJHPrRzjfu/ItcJjY4oscCiQ==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.4.0
+
+  '@sveltejs/adapter-static@3.0.10':
+    resolution: {integrity: sha512-7D9lYFWJmB7zxZyTE/qxjksvMqzMuYrrsyh1f4AlZqeZeACPRySjbC3aFiY55wb1tWUaKOQG9PVbm74JcN2Iew==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.0.0
+
+  '@sveltejs/adapter-vercel@5.10.3':
+    resolution: {integrity: sha512-fW2ZhMiOrUKsJJhiB4ift9sYDSFWgvH3N22cjf8ukOyWgHolb9SmSS3owr+nHQNlgTEAdy4eIr4Fnasw3nkxTw==}
+    peerDependencies:
+      '@sveltejs/kit': ^2.4.0
+
+  '@sveltejs/kit@2.50.0':
+    resolution: {integrity: sha512-Hj8sR8O27p2zshFEIJzsvfhLzxga/hWw6tRLnBjMYw70m1aS9BSYCqAUtzDBjRREtX1EvLMYgaC0mYE3Hz4KWA==}
+    engines: {node: '>=18.13'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.0.0
+      '@sveltejs/vite-plugin-svelte': ^3.0.0 || ^4.0.0-next.1 || ^5.0.0 || ^6.0.0-next.0
+      svelte: 5.48.0
+      typescript: ^5.3.3
+      vite: ^5.0.3 || ^6.0.0 || ^7.0.0-beta.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      typescript:
+        optional: true
+
+  '@sveltejs/package@2.5.7':
+    resolution: {integrity: sha512-qqD9xa9H7TDiGFrF6rz7AirOR8k15qDK/9i4MIE8te4vWsv5GEogPks61rrZcLy+yWph+aI6pIj2MdoK3YI8AQ==}
+    engines: {node: ^16.14 || >=18}
+    hasBin: true
+    peerDependencies:
+      svelte: 5.48.0
+
+  '@sveltejs/vite-plugin-svelte-inspector@5.0.2':
+    resolution: {integrity: sha512-TZzRTcEtZffICSAoZGkPSl6Etsj2torOVrx6Uw0KpXxrec9Gg6jFWQ60Q3+LmNGfZSxHRCZL7vXVZIWmuV50Ig==}
+    engines: {node: ^20.19 || ^22.12 || >=24}
+    peerDependencies:
+      '@sveltejs/vite-plugin-svelte': ^6.0.0-next.0
+      svelte: 5.48.0
+      vite: ^6.3.0 || ^7.0.0
+
+  '@sveltejs/vite-plugin-svelte@6.2.4':
+    resolution: {integrity: sha512-ou/d51QSdTyN26D7h6dSpusAKaZkAiGM55/AKYi+9AGZw7q85hElbjK3kEyzXHhLSnRISHOYzVge6x0jRZ7DXA==}
+    engines: {node: ^20.19 || ^22.12 || >=24}
+    peerDependencies:
+      svelte: 5.48.0
+      vite: ^6.3.0 || ^7.0.0
+
+  '@tailwindcss/forms@0.5.11':
+    resolution: {integrity: sha512-h9wegbZDPurxG22xZSoWtdzc41/OlNEUQERNqI/0fOwa2aVlWGu7C35E/x6LDyD3lgtztFSSjKZyuVM0hxhbgA==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1'
+
+  '@tailwindcss/typography@0.5.19':
+    resolution: {integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
+
+  '@tanstack/table-core@8.21.3':
+    resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
+    engines: {node: '>=12'}
+
+  '@tanstack/virtual-core@3.13.23':
+    resolution: {integrity: sha512-zSz2Z2HNyLjCplANTDyl3BcdQJc2k1+yyFoKhNRmCr7V7dY8o8q5m8uFTI1/Pg1kL+Hgrz6u3Xo6eFUB7l66cg==}
+
+  '@testing-library/dom@10.4.1':
+    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
+    engines: {node: '>=18'}
+
+  '@testing-library/jest-dom@6.9.1':
+    resolution: {integrity: sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==}
+    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
+
+  '@testing-library/user-event@14.6.1':
+    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
+    engines: {node: '>=12', npm: '>=6'}
+    peerDependencies:
+      '@testing-library/dom': '>=7.21.4'
+
+  '@tybys/wasm-util@0.10.2':
+    resolution: {integrity: sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==}
+
+  '@types/aria-query@5.0.4':
+    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
+
+  '@types/babel-types@7.0.16':
+    resolution: {integrity: sha512-5QXs9GBFTNTmilLlWBhnsprqpjfrotyrnzUdwDrywEL/DA4LuCWQT300BTOXA3Y9ngT9F2uvmCoIxI6z8DlJEA==}
+
+  '@types/babylon@6.16.9':
+    resolution: {integrity: sha512-sEKyxMVEowhcr8WLfN0jJYe4gS4Z9KC2DGz0vqfC7+MXFbmvOF7jSjALC77thvAO2TLgFUPa9vDeOak+AcUrZA==}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/cookie@0.6.0':
+    resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
+
+  '@types/crypto-js@4.2.2':
+    resolution: {integrity: sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==}
+
+  '@types/css-font-loading-module@0.0.12':
+    resolution: {integrity: sha512-x2tZZYkSxXqWvTDgveSynfjq/T2HyiZHXb00j/+gy19yp70PHCizM48XFdjBCWH7eHBD0R5i/pw9yMBP/BH5uA==}
+
+  '@types/d3-array@3.2.2':
+    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
+
+  '@types/d3-axis@3.0.6':
+    resolution: {integrity: sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==}
+
+  '@types/d3-brush@3.0.6':
+    resolution: {integrity: sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==}
+
+  '@types/d3-chord@3.0.6':
+    resolution: {integrity: sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==}
+
+  '@types/d3-color@3.1.3':
+    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
+
+  '@types/d3-contour@3.0.6':
+    resolution: {integrity: sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==}
+
+  '@types/d3-delaunay@6.0.4':
+    resolution: {integrity: sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==}
+
+  '@types/d3-dispatch@3.0.7':
+    resolution: {integrity: sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA==}
+
+  '@types/d3-drag@3.0.7':
+    resolution: {integrity: sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==}
+
+  '@types/d3-dsv@3.0.7':
+    resolution: {integrity: sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==}
+
+  '@types/d3-ease@3.0.2':
+    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
+
+  '@types/d3-fetch@3.0.7':
+    resolution: {integrity: sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==}
+
+  '@types/d3-force@3.0.10':
+    resolution: {integrity: sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==}
+
+  '@types/d3-format@3.0.4':
+    resolution: {integrity: sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==}
+
+  '@types/d3-geo@3.1.0':
+    resolution: {integrity: sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==}
+
+  '@types/d3-hierarchy@3.1.7':
+    resolution: {integrity: sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==}
+
+  '@types/d3-interpolate@3.0.4':
+    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
+
+  '@types/d3-path@3.1.1':
+    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
+
+  '@types/d3-polygon@3.0.2':
+    resolution: {integrity: sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==}
+
+  '@types/d3-quadtree@3.0.6':
+    resolution: {integrity: sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==}
+
+  '@types/d3-random@3.0.3':
+    resolution: {integrity: sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==}
+
+  '@types/d3-scale-chromatic@3.1.0':
+    resolution: {integrity: sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ==}
+
+  '@types/d3-scale@4.0.9':
+    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
+
+  '@types/d3-selection@3.0.11':
+    resolution: {integrity: sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w==}
+
+  '@types/d3-shape@3.1.8':
+    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
+
+  '@types/d3-time-format@4.0.3':
+    resolution: {integrity: sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==}
+
+  '@types/d3-time@3.0.4':
+    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
+
+  '@types/d3-timer@3.0.2':
+    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
+
+  '@types/d3-transition@3.0.9':
+    resolution: {integrity: sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg==}
+
+  '@types/d3-zoom@3.0.8':
+    resolution: {integrity: sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==}
+
+  '@types/d3@7.4.3':
+    resolution: {integrity: sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/earcut@3.0.0':
+    resolution: {integrity: sha512-k/9fOUGO39yd2sCjrbAJvGDEQvRwRnQIZlBz43roGwUZo5SHAmyVvSFyaVVZkicRVCaDXPKlbxrUcBuJoSWunQ==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/eventsource@3.0.0':
+    resolution: {integrity: sha512-yEhFj31FTD29DtNeqePu+A+lD6loRef6YOM5XfN1kUwBHyy2DySGlA3jJU+FbQSkrfmlBVluf2Dub/OyReFGKA==}
+    deprecated: This is a stub types definition. eventsource provides its own type definitions, so you do not need this installed.
+
+  '@types/geojson@7946.0.16':
+    resolution: {integrity: sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg==}
+
+  '@types/geojson@7946.0.4':
+    resolution: {integrity: sha512-MHmwBtCb7OCv1DSivz2UNJXPGU/1btAWRKlqJ2saEhVJkpkvqHMMaOpKg0v4sAbDWSQekHGvPVMM8nQ+Jen03Q==}
+
+  '@types/gradient-parser@0.1.5':
+    resolution: {integrity: sha512-r7K3NkJz3A95WkVVmjs0NcchhHstC2C/VIYNX4JC6tieviUNo774FFeOHjThr3Vw/WCeMP9kAT77MKbIRlO/4w==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/iframe-resizer@4.0.0':
+    resolution: {integrity: sha512-RKrT4goNVtqZvf9WPkV0cUcphQWXzLVW1IE4yOIY21c1W+obJJbcHFD1lQu5ncNHm/6TeQSeedVf9bmkx2NaGQ==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/katex@0.16.8':
+    resolution: {integrity: sha512-trgaNyfU+Xh2Tc+ABIb44a5AYUpicB3uwirOioeOkNPPbmgRNtcWyDeeFRzjPZENO9Vq8gvVqfhaaXWLlevVwg==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/mdx@2.0.13':
+    resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
+
+  '@types/node@12.20.55':
+    resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==}
+
+  '@types/node@20.19.30':
+    resolution: {integrity: sha512-WJtwWJu7UdlvzEAUm484QNg5eAoq5QR08KDNx7g45Usrs2NtOPiX8ugDqmKdXkyL03rBqU5dYNYVQetEpBHq2g==}
+
+  '@types/node@24.10.9':
+    resolution: {integrity: sha512-ne4A0IpG3+2ETuREInjPNhUGis1SFjv1d5asp8MzEAGtOZeTeHVDOYqOgqfhvseqg/iXty2hjBf1zAOb7RNiNw==}
+
+  '@types/prismjs@1.26.5':
+    resolution: {integrity: sha512-AUZTa7hQ2KY5L7AmtSiqxlhWxb4ina0yd8hNbl4TWuqnv/pFP0nDMb3YrfSBf4hJVGLh2YEIBfKaBW/9UEl6IQ==}
+
+  '@types/react@19.2.9':
+    resolution: {integrity: sha512-Lpo8kgb/igvMIPeNV2rsYKTgaORYdO1XGVZ4Qz3akwOj0ySGYMPlQWa8BaLn0G63D1aSaAQ5ldR06wCpChQCjA==}
+
+  '@types/resolve@1.20.2':
+    resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
+
+  '@types/sanitize-html@2.16.0':
+    resolution: {integrity: sha512-l6rX1MUXje5ztPT0cAFtUayXF06DqPhRyfVXareEN5gGCFaP/iwsxIyKODr9XDhfxPpN6vXUFNfo5kZMXCxBtw==}
+
+  '@types/statuses@2.0.6':
+    resolution: {integrity: sha512-xMAgYwceFhRA2zY+XbEA7mxYbA093wdiW8Vu6gZPGWy9cmOyU9XesH1tNcEWsKFd5Vzrqx5T3D38PWx1FIIXkA==}
+
+  '@types/testing-library__jest-dom@6.0.0':
+    resolution: {integrity: sha512-bnreXCgus6IIadyHNlN/oI5FfX4dWgvGhOPvpr7zzCYDGAPIfvyIoAozMBINmhmsVuqV0cncejF2y5KC7ScqOg==}
+    deprecated: This is a stub types definition. @testing-library/jest-dom provides its own type definitions, so you do not need this installed.
+
+  '@types/tinycolor2@1.4.6':
+    resolution: {integrity: sha512-iEN8J0BoMnsWBqjVbWH/c0G0Hh7O21lpR2/+PrvAVgWdzL7eexIFm4JN/Wn10PTcmNdtS6U67r499mlWMXOxNw==}
+
+  '@types/trusted-types@2.0.7':
+    resolution: {integrity: sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==}
+
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@types/whatwg-mimetype@3.0.2':
+    resolution: {integrity: sha512-c2AKvDT8ToxLIOUlN51gTiHXflsfIFisS4pO7pDPoKouJCESkhZnEy623gwP9laCy5lnLDAw1vAzu2vM2YLOrA==}
+
+  '@types/which@3.0.4':
+    resolution: {integrity: sha512-liyfuo/106JdlgSchJzXEQCVArk0CvevqPote8F8HgWgJ3dRCcTHgJIsLDuee0kxk/mhbInzIZk3QWSZJ8R+2w==}
+
+  '@typescript-eslint/eslint-plugin@8.53.1':
+    resolution: {integrity: sha512-cFYYFZ+oQFi6hUnBTbLRXfTJiaQtYE3t4O692agbBl+2Zy+eqSKWtPjhPXJu1G7j4RLjKgeJPDdq3EqOwmX5Ag==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.53.1
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/parser@8.53.1':
+    resolution: {integrity: sha512-nm3cvFN9SqZGXjmw5bZ6cGmvJSyJPn0wU9gHAZZHDnZl2wF9PhHv78Xf06E0MaNk4zLVHL8hb2/c32XvyJOLQg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/project-service@8.53.1':
+    resolution: {integrity: sha512-WYC4FB5Ra0xidsmlPb+1SsnaSKPmS3gsjIARwbEkHkoWloQmuzcfypljaJcR78uyLA1h8sHdWWPHSLDI+MtNog==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/scope-manager@8.53.1':
+    resolution: {integrity: sha512-Lu23yw1uJMFY8cUeq7JlrizAgeQvWugNQzJp8C3x8Eo5Jw5Q2ykMdiiTB9vBVOOUBysMzmRRmUfwFrZuI2C4SQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/tsconfig-utils@8.53.1':
+    resolution: {integrity: sha512-qfvLXS6F6b1y43pnf0pPbXJ+YoXIC7HKg0UGZ27uMIemKMKA6XH2DTxsEDdpdN29D+vHV07x/pnlPNVLhdhWiA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/type-utils@8.53.1':
+    resolution: {integrity: sha512-MOrdtNvyhy0rHyv0ENzub1d4wQYKb2NmIqG7qEqPWFW7Mpy2jzFC3pQ2yKDvirZB7jypm5uGjF2Qqs6OIqu47w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/types@8.53.1':
+    resolution: {integrity: sha512-jr/swrr2aRmUAUjW5/zQHbMaui//vQlsZcJKijZf3M26bnmLj8LyZUpj8/Rd6uzaek06OWsqdofN/Thenm5O8A==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.53.1':
+    resolution: {integrity: sha512-RGlVipGhQAG4GxV1s34O91cxQ/vWiHJTDHbXRr0li2q/BGg3RR/7NM8QDWgkEgrwQYCvmJV9ichIwyoKCQ+DTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/utils@8.53.1':
+    resolution: {integrity: sha512-c4bMvGVWW4hv6JmDUEG7fSYlWOl3II2I4ylt0NM+seinYQlZMQIaKaXIIVJWt9Ofh6whrpM+EdDQXKXjNovvrg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '>=4.8.4 <6.0.0'
+
+  '@typescript-eslint/visitor-keys@8.53.1':
+    resolution: {integrity: sha512-oy+wV7xDKFPRyNggmXuZQSBzvoLnpmJs+GhzRhPjrxl2b/jIlyjVokzm47CZCDUdXKr2zd7ZLodPfOBpOPyPlg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@vercel/nft@0.30.4':
+    resolution: {integrity: sha512-wE6eAGSXScra60N2l6jWvNtVK0m+sh873CpfZW4KI2v8EHuUQp+mSEi4T+IcdPCSEDgCdAS/7bizbhQlkjzrSA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@vitest/browser-playwright@4.0.18':
+    resolution: {integrity: sha512-gfajTHVCiwpxRj1qh0Sh/5bbGLG4F/ZH/V9xvFVoFddpITfMta9YGow0W6ZpTTORv2vdJuz9TnrNSmjKvpOf4g==}
+    peerDependencies:
+      playwright: '*'
+      vitest: 4.0.18
+
+  '@vitest/browser@3.2.4':
+    resolution: {integrity: sha512-tJxiPrWmzH8a+w9nLKlQMzAKX/7VjFs50MWgcAj7p9XQ7AQ9/35fByFYptgPELyLw+0aixTnC4pUWV+APcZ/kw==}
+    peerDependencies:
+      playwright: '*'
+      safaridriver: '*'
+      vitest: 3.2.4
+      webdriverio: ^7.0.0 || ^8.0.0 || ^9.0.0
+    peerDependenciesMeta:
+      playwright:
+        optional: true
+      safaridriver:
+        optional: true
+      webdriverio:
+        optional: true
+
+  '@vitest/browser@4.0.18':
+    resolution: {integrity: sha512-gVQqh7paBz3gC+ZdcCmNSWJMk70IUjDeVqi+5m5vYpEHsIwRgw3Y545jljtajhkekIpIp5Gg8oK7bctgY0E2Ng==}
+    peerDependencies:
+      vitest: 4.0.18
+
+  '@vitest/coverage-v8@3.2.4':
+    resolution: {integrity: sha512-EyF9SXU6kS5Ku/U82E259WSnvg6c8KTjppUncuNdm5QHpe17mwREHnjDzozC8x9MZ0xfBUFSaLkRv4TMA75ALQ==}
+    peerDependencies:
+      '@vitest/browser': 3.2.4
+      vitest: 3.2.4
+    peerDependenciesMeta:
+      '@vitest/browser':
+        optional: true
+
+  '@vitest/expect@3.2.4':
+    resolution: {integrity: sha512-Io0yyORnB6sikFlt8QW5K7slY4OjqNX9jmJQ02QDda8lyM6B5oNgVWoSoKPac8/kgnCUzuHQKrSLtu/uOqqrig==}
+
+  '@vitest/expect@4.0.18':
+    resolution: {integrity: sha512-8sCWUyckXXYvx4opfzVY03EOiYVxyNrHS5QxX3DAIi5dpJAAkyJezHCP77VMX4HKA2LDT/Jpfo8i2r5BE3GnQQ==}
+
+  '@vitest/mocker@3.2.4':
+    resolution: {integrity: sha512-46ryTE9RZO/rfDd7pEqFl7etuyzekzEhUbTW3BvmeO/BcCMEgq59BKhek3dXDWgAj4oMK6OZi+vRr1wPW6qjEQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/mocker@4.0.18':
+    resolution: {integrity: sha512-HhVd0MDnzzsgevnOWCBj5Otnzobjy5wLBe4EdeeFGv8luMsGcYqDuFRMcttKWZA5vVO8RFjexVovXvAM4JoJDQ==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0-0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@3.2.4':
+    resolution: {integrity: sha512-IVNZik8IVRJRTr9fxlitMKeJeXFFFN0JaB9PHPGQ8NKQbGpfjlTx9zO4RefN8gp7eqjNy8nyK3NZmBzOPeIxtA==}
+
+  '@vitest/pretty-format@4.0.18':
+    resolution: {integrity: sha512-P24GK3GulZWC5tz87ux0m8OADrQIUVDPIjjj65vBXYG17ZeU3qD7r+MNZ1RNv4l8CGU2vtTRqixrOi9fYk/yKw==}
+
+  '@vitest/runner@4.0.18':
+    resolution: {integrity: sha512-rpk9y12PGa22Jg6g5M3UVVnTS7+zycIGk9ZNGN+m6tZHKQb7jrP7/77WfZy13Y/EUDd52NDsLRQhYKtv7XfPQw==}
+
+  '@vitest/snapshot@4.0.18':
+    resolution: {integrity: sha512-PCiV0rcl7jKQjbgYqjtakly6T1uwv/5BQ9SwBLekVg/EaYeQFPiXcgrC2Y7vDMA8dM1SUEAEV82kgSQIlXNMvA==}
+
+  '@vitest/spy@3.2.4':
+    resolution: {integrity: sha512-vAfasCOe6AIK70iP5UD11Ac4siNUNJ9i/9PZ3NKx07sG6sUxeag1LWdNrMWeKKYBLlzuK+Gn65Yd5nyL6ds+nw==}
+
+  '@vitest/spy@4.0.18':
+    resolution: {integrity: sha512-cbQt3PTSD7P2OARdVW3qWER5EGq7PHlvE+QfzSC0lbwO+xnt7+XH06ZzFjFRgzUX//JmpxrCu92VdwvEPlWSNw==}
+
+  '@vitest/utils@3.2.4':
+    resolution: {integrity: sha512-fB2V0JFrQSMsCo9HiSq3Ezpdv4iYaXRG1Sx8edX3MwxfyNn83mKiGzOcH+Fkxt4MHxr3y42fQi1oeAInqgX2QA==}
+
+  '@vitest/utils@4.0.18':
+    resolution: {integrity: sha512-msMRKLMVLWygpK3u2Hybgi4MNjcYJvwTb0Ru09+fOyCXIgT5raYP041DRRdiJiI3k/2U6SEbAETB3YtBrUkCFA==}
+
+  '@webcontainer/env@1.1.1':
+    resolution: {integrity: sha512-6aN99yL695Hi9SuIk1oC88l9o0gmxL1nGWWQ/kNy81HigJ0FoaoTXpytCj6ItzgyCEwA9kF1wixsTuv5cjsgng==}
+
+  '@webgpu/types@0.1.69':
+    resolution: {integrity: sha512-RPmm6kgRbI8e98zSD3RVACvnuktIja5+yLgDAkTmxLr90BEwdTXRQWNLF3ETTTyH/8mKhznZuN5AveXYFEsMGQ==}
+
+  '@xmldom/xmldom@0.8.11':
+    resolution: {integrity: sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==}
+    engines: {node: '>=10.0.0'}
+    deprecated: this version has critical issues, please update to the latest version
+
+  '@zerodevx/svelte-json-view@1.0.11':
+    resolution: {integrity: sha512-mIjj0H1al/P4FPlbeDoiey93lNEUqBEAe5LIdD5GttZfEYt3awexD2lHwKNfUeY4jHizOJkoWTPN/2iO0GBqpw==}
+    peerDependencies:
+      svelte: 5.48.0
+
+  abbrev@3.0.1:
+    resolution: {integrity: sha512-AO2ac6pjRB3SJmGJo+v5/aK6Omggp6fsLrs6wN9bd35ulu4cCwaAU9+7ZhXjeqHVkaHThLuzH0nZr0YpCDhygg==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  acorn-import-attributes@1.9.5:
+    resolution: {integrity: sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ==}
+    peerDependencies:
+      acorn: ^8
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@7.4.1:
+    resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.15.0:
+    resolution: {integrity: sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  agent-base@7.1.4:
+    resolution: {integrity: sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==}
+    engines: {node: '>= 14'}
+
+  ajv@6.12.6:
+    resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
+
+  amuchina@1.0.12:
+    resolution: {integrity: sha512-Itv2NEwpiV53+bkpviJIC12+8SOlCSLR1HgQCv6wD7ldNFNesm4JSk7XjvTFkeVfLYzqKEZcEBZO1X/V2MYg4A==}
+
+  ansi-colors@4.1.3:
+    resolution: {integrity: sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==}
+    engines: {node: '>=6'}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
+    engines: {node: '>=10'}
+
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
+    engines: {node: '>=12'}
+
+  any-promise@1.3.0:
+    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  are-docs-informative@0.0.2:
+    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
+    engines: {node: '>=14'}
+
+  arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+  argparse@1.0.10:
+    resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  array-union@2.1.0:
+    resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
+    engines: {node: '>=8'}
+
+  asap@2.0.6:
+    resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
+
+  assert-never@1.4.0:
+    resolution: {integrity: sha512-5oJg84os6NMQNl27T9LnZkvvqzvAnHu03ShCnoj6bsJwS7L8AO4lf+C/XjK/nvzEqQB744moC6V128RucQd1jA==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  ast-types@0.16.1:
+    resolution: {integrity: sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==}
+    engines: {node: '>=4'}
+
+  ast-v8-to-istanbul@0.3.10:
+    resolution: {integrity: sha512-p4K7vMz2ZSk3wN8l5o3y2bJAoZXT3VuJI5OLTATY/01CYWumWvwkUw0SqDBnNq6IiTO3qDa1eSQDibAV8g7XOQ==}
+
+  async-sema@3.1.1:
+    resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==}
+
+  auto-console-group@1.2.11:
+    resolution: {integrity: sha512-/RFCswabfQZR4CDYser0V+AC+6+Q1ro2+RrP0AinOXDYnWsm3w14uc2MVdEaaSCDfpiTtETfahE9N7z9Yb1JiA==}
+
+  automation-events@7.1.15:
+    resolution: {integrity: sha512-NsHJlve3twcgs8IyP4iEYph7Fzpnh6klN7G5LahwvypakBjFbsiGHJxrqTmeHKREdu/Tx6oZboqNI0tD4MnFlA==}
+    engines: {node: '>=18.2.0'}
+
+  autoprefixer@10.4.23:
+    resolution: {integrity: sha512-YYTXSFulfwytnjAPlw8QHncHJmlvFKtczb8InXaAx9Q0LbfDnfEYDE55omerIJKihhmU61Ft+cAOSzQVaBUmeA==}
+    engines: {node: ^10 || ^12 || >=14}
+    hasBin: true
+    peerDependencies:
+      postcss: ^8.1.0
+
+  axe-core@4.11.1:
+    resolution: {integrity: sha512-BASOg+YwO2C+346x3LZOeoovTIoTrRqEsqMa6fmfAV0P+U9mFr9NsyOEpiYvFjbc64NMrSswhV50WdXzdb/Z5A==}
+    engines: {node: '>=4'}
+
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
+
+  babel-walk@3.0.0-canary-5:
+    resolution: {integrity: sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==}
+    engines: {node: '>= 10.0.0'}
+
+  babylonjs-gltf2interface@8.46.2:
+    resolution: {integrity: sha512-w0e4lCvTf4bQ/66aiJMBZPLoi1FEHuX8Puyqi2N/AWMmolAo5cDGR7j1/jMa1QHI8gO4LVBhl0uR5UDw66xkDw==}
+
+  balanced-match@1.0.2:
+    resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+  baseline-browser-mapping@2.9.16:
+    resolution: {integrity: sha512-KeUZdBuxngy825i8xvzaK1Ncnkx0tBmb3k8DkEuqjKRkmtvNTjey2ZsNeh8Dw4lfKvbCOu9oeNx2TKm2vHqcRw==}
+    hasBin: true
+
+  better-path-resolve@1.0.0:
+    resolution: {integrity: sha512-pbnl5XzGBdrFU/wT4jqmJVPn2B6UHPBOhzMQkY/SPUPB6QtUXtmBHBIwCbXJol93mOpGMnQyP/+BB19q04xj7g==}
+    engines: {node: '>=4'}
+
+  bidi-js@1.0.3:
+    resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
+
+  binary-extensions@2.3.0:
+    resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+    engines: {node: '>=8'}
+
+  bindings@1.5.0:
+    resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
+
+  blake3-wasm@2.1.5:
+    resolution: {integrity: sha512-F1+K8EbfOZE49dtoPtmxUQrpXaBIl3ICvasLh+nJta0xkz+9kF/7uet9fLnwKqhDrmj6g+6K3Tw9yQPUg2ka5g==}
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  brace-expansion@1.1.12:
+    resolution: {integrity: sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==}
+
+  brace-expansion@2.0.2:
+    resolution: {integrity: sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  broker-factory@3.1.13:
+    resolution: {integrity: sha512-H2VALe31mEtO/SRcNp4cUU5BAm1biwhc/JaF77AigUuni/1YT0FLCJfbUxwIEs9y6Kssjk2fmXgf+Y9ALvmKlw==}
+
+  browserslist@4.28.1:
+    resolution: {integrity: sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  buffer-from@1.1.2:
+    resolution: {integrity: sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==}
+
+  bufferutil@4.1.0:
+    resolution: {integrity: sha512-ZMANVnAixE6AWWnPzlW2KpUrxhm9woycYvPOo67jWHyFowASTEd9s+QN1EIMsSDtwhIxN4sWE1jotpuDUIgyIw==}
+    engines: {node: '>=6.14.2'}
+
+  bundle-name@4.1.0:
+    resolution: {integrity: sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==}
+    engines: {node: '>=18'}
+
+  call-bind-apply-helpers@1.0.2:
+    resolution: {integrity: sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==}
+    engines: {node: '>= 0.4'}
+
+  call-bound@1.0.4:
+    resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
+    engines: {node: '>= 0.4'}
+
+  callsites@3.1.0:
+    resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
+    engines: {node: '>=6'}
+
+  camelcase-css@2.0.1:
+    resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+    engines: {node: '>= 6'}
+
+  caniuse-lite@1.0.30001765:
+    resolution: {integrity: sha512-LWcNtSyZrakjECqmpP4qdg0MMGdN368D7X8XvvAqOcqMv0RxnlqVKZl2V6/mBR68oYMxOZPLw/gO7DuisMHUvQ==}
+
+  chai@5.3.3:
+    resolution: {integrity: sha512-4zNhdJD/iOjSH0A05ea+Ke6MU5mmpQcbQsSOkgdaUMJ9zTlDTD/GYlwohmIE2u0gaxHYiVHEn1Fw9mZ/ktJWgw==}
+    engines: {node: '>=18'}
+
+  chai@6.2.2:
+    resolution: {integrity: sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg==}
+    engines: {node: '>=18'}
+
+  chalk@4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
+    engines: {node: '>=10'}
+
+  character-parser@2.2.0:
+    resolution: {integrity: sha512-+UqJQjFEFaTAs3bNsF2j2kEN1baG/zghZbdqoYEDxGZtJo9LBzl1A+m0D4n3qKx8N2FNv8/Xp6yV9mQmBuptaw==}
+
+  chardet@2.1.1:
+    resolution: {integrity: sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==}
+
+  check-error@2.1.3:
+    resolution: {integrity: sha512-PAJdDJusoxnwm1VwW07VWwUN1sl7smmC3OKggvndJFadxxDRyFJBX/ggnu/KE4kQAB7a3Dp8f/YXC1FlUprWmA==}
+    engines: {node: '>= 16'}
+
+  chevrotain-allstar@0.3.1:
+    resolution: {integrity: sha512-b7g+y9A0v4mxCW1qUhf3BSVPg+/NvGErk/dOkrDaHA0nQIQGAtrOjlX//9OQtRlSCy+x9rfB5N8yC71lH1nvMw==}
+    peerDependencies:
+      chevrotain: ^11.0.0
+
+  chevrotain@11.0.3:
+    resolution: {integrity: sha512-ci2iJH6LeIkvP9eJW6gpueU8cnZhv85ELY8w8WiFtNjMHA5ad6pQLaJo9mEly/9qUyCpvqX8/POVUTf18/HFdw==}
+
+  chokidar@3.6.0:
+    resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+    engines: {node: '>= 8.10.0'}
+
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
+  chromatic@13.3.5:
+    resolution: {integrity: sha512-MzPhxpl838qJUo0A55osCF2ifwPbjcIPeElr1d4SHcjnHoIcg7l1syJDrAYK/a+PcCBrOGi06jPNpQAln5hWgw==}
+    hasBin: true
+    peerDependencies:
+      '@chromatic-com/cypress': ^0.*.* || ^1.0.0
+      '@chromatic-com/playwright': ^0.*.* || ^1.0.0
+    peerDependenciesMeta:
+      '@chromatic-com/cypress':
+        optional: true
+      '@chromatic-com/playwright':
+        optional: true
+
+  ci-info@3.9.0:
+    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
+    engines: {node: '>=8'}
+
+  cli-color@2.0.4:
+    resolution: {integrity: sha512-zlnpg0jNcibNrO7GG9IeHH7maWFeCz+Ja1wx/7tZNU5ASSSSZ+/qZciM0/LHCYxSdqv5h2sdbQ/PXYdOuetXvA==}
+    engines: {node: '>=0.10'}
+
+  cli-width@4.1.0:
+    resolution: {integrity: sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ==}
+    engines: {node: '>= 12'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  cliui@9.0.1:
+    resolution: {integrity: sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w==}
+    engines: {node: '>=20'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  cm6-theme-basic-dark@0.2.0:
+    resolution: {integrity: sha512-+mNNJecRtxS/KkloMDCQF0oTrT6aFGRZTjnBcdT5UG1pcDO4Brq8l1+0KR/8dZ7hub2gOGOzoi3rGFD8GzlH7Q==}
+    peerDependencies:
+      '@codemirror/language': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      '@lezer/highlight': ^1.0.0
+
+  cm6-theme-basic-light@0.2.0:
+    resolution: {integrity: sha512-1prg2gv44sYfpHscP26uLT/ePrh0mlmVwMSoSd3zYKQ92Ab3jPRLzyCnpyOCQLJbK+YdNs4HvMRqMNYdy4pMhA==}
+    peerDependencies:
+      '@codemirror/language': ^6.0.0
+      '@codemirror/state': ^6.0.0
+      '@codemirror/view': ^6.0.0
+      '@lezer/highlight': ^1.0.0
+
+  codemirror@6.0.2:
+    resolution: {integrity: sha512-VhydHotNW5w1UGK0Qj96BwSk/Zqbp9WbnyK2W/eVMv4QyF41INRGpjUhFJY7/uDNuudSc33a/PKr4iDqRduvHw==}
+
+  coffeescript@2.7.0:
+    resolution: {integrity: sha512-hzWp6TUE2d/jCcN67LrW1eh5b/rSDKQK6oD6VMLlggYVUUFexgTH9z3dNYihzX4RMhze5FTUsUmOXViJKFQR/A==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  commander@12.1.0:
+    resolution: {integrity: sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==}
+    engines: {node: '>=18'}
+
+  commander@2.20.3:
+    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
+
+  commander@4.1.1:
+    resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+    engines: {node: '>= 6'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  commander@8.3.0:
+    resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
+    engines: {node: '>= 12'}
+
+  comment-parser@1.4.1:
+    resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
+    engines: {node: '>= 12.0.0'}
+
+  commondir@1.0.1:
+    resolution: {integrity: sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==}
+
+  concat-map@0.0.1:
+    resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
+
+  confbox@0.1.8:
+    resolution: {integrity: sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==}
+
+  consola@3.4.2:
+    resolution: {integrity: sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==}
+    engines: {node: ^14.18.0 || >=16.10.0}
+
+  console-clear@1.1.1:
+    resolution: {integrity: sha512-pMD+MVR538ipqkG5JXeOEbKWS5um1H4LUUccUQG68qpeqBYbzYy79Gh55jkd2TtPdRfUaLWdv6LPP//5Zt0aPQ==}
+    engines: {node: '>=4'}
+
+  constantinople@4.0.1:
+    resolution: {integrity: sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==}
+
+  cookie@0.6.0:
+    resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
+    engines: {node: '>= 0.6'}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
+  cose-base@1.0.3:
+    resolution: {integrity: sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg==}
+
+  cose-base@2.2.0:
+    resolution: {integrity: sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g==}
+
+  crelt@1.0.6:
+    resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
+
+  cropperjs@2.1.0:
+    resolution: {integrity: sha512-SsSDqdVRl+mjbIBkGWlk1gCGcc+HzBqCbH5EQ+1tkAFUdxq2KUGukXF1RqhmvXrrdrX7PDwSUkWgXS7E36KvGQ==}
+
+  cross-env@10.1.0:
+    resolution: {integrity: sha512-GsYosgnACZTADcmEyJctkJIoqAhHjttw7RsFrVoJNXbsWWqaq6Ym+7kZjq6mS45O0jij6vtiReppKQEtqWy6Dw==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  crypto-js@4.2.0:
+    resolution: {integrity: sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==}
+
+  css-declaration-sorter@7.3.1:
+    resolution: {integrity: sha512-gz6x+KkgNCjxq3Var03pRYLhyNfwhkKF1g/yoLgDNtFvVu0/fOLV9C8fFEZRjACp/XQLumjAYo7JVjzH3wLbxA==}
+    engines: {node: ^14 || ^16 || >=18}
+    peerDependencies:
+      postcss: ^8.0.9
+
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
+  css-tree@3.1.0:
+    resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-vars-ponyfill@2.4.9:
+    resolution: {integrity: sha512-aZyLue5bdiGVNCiCclNjo123D8I7kyoYNUaAvz+H1JalX1ye4Ilz7jNRRH5YbM+dYD6ucejiydGwk7lol/GCXQ==}
+
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
+  css.escape@1.5.1:
+    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  cssstyle@5.3.7:
+    resolution: {integrity: sha512-7D2EPVltRrsTkhpQmksIu+LxeWAIEk6wRDMJ1qljlv+CKHJM+cJLlfhWIzNA44eAsHXSNe3+vO6DW1yCYx8SuQ==}
+    engines: {node: '>=20'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  cytoscape-cose-bilkent@4.1.0:
+    resolution: {integrity: sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape-fcose@2.2.0:
+    resolution: {integrity: sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ==}
+    peerDependencies:
+      cytoscape: ^3.2.0
+
+  cytoscape@3.33.1:
+    resolution: {integrity: sha512-iJc4TwyANnOGR1OmWhsS9ayRS3s+XQ185FmuHObThD+5AeJCakAAbWv8KimMTt08xCCLNgneQwFp+JRJOr9qGQ==}
+    engines: {node: '>=0.10'}
+
+  d3-array@2.12.1:
+    resolution: {integrity: sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ==}
+
+  d3-array@3.2.4:
+    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
+    engines: {node: '>=12'}
+
+  d3-axis@3.0.0:
+    resolution: {integrity: sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==}
+    engines: {node: '>=12'}
+
+  d3-brush@3.0.0:
+    resolution: {integrity: sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==}
+    engines: {node: '>=12'}
+
+  d3-chord@3.0.1:
+    resolution: {integrity: sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==}
+    engines: {node: '>=12'}
+
+  d3-color@3.1.0:
+    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
+    engines: {node: '>=12'}
+
+  d3-contour@4.0.2:
+    resolution: {integrity: sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==}
+    engines: {node: '>=12'}
+
+  d3-delaunay@6.0.4:
+    resolution: {integrity: sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==}
+    engines: {node: '>=12'}
+
+  d3-dispatch@3.0.1:
+    resolution: {integrity: sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==}
+    engines: {node: '>=12'}
+
+  d3-drag@3.0.0:
+    resolution: {integrity: sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==}
+    engines: {node: '>=12'}
+
+  d3-dsv@3.0.1:
+    resolution: {integrity: sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-ease@3.0.1:
+    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
+    engines: {node: '>=12'}
+
+  d3-fetch@3.0.1:
+    resolution: {integrity: sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==}
+    engines: {node: '>=12'}
+
+  d3-force@3.0.0:
+    resolution: {integrity: sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==}
+    engines: {node: '>=12'}
+
+  d3-format@3.1.2:
+    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
+    engines: {node: '>=12'}
+
+  d3-geo-projection@4.0.0:
+    resolution: {integrity: sha512-p0bK60CEzph1iqmnxut7d/1kyTmm3UWtPlwdkM31AU+LW+BXazd5zJdoCn7VFxNCHXRngPHRnsNn5uGjLRGndg==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  d3-geo@3.1.1:
+    resolution: {integrity: sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==}
+    engines: {node: '>=12'}
+
+  d3-hierarchy@3.1.2:
+    resolution: {integrity: sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==}
+    engines: {node: '>=12'}
+
+  d3-interpolate@3.0.1:
+    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
+    engines: {node: '>=12'}
+
+  d3-path@1.0.9:
+    resolution: {integrity: sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg==}
+
+  d3-path@3.1.0:
+    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
+    engines: {node: '>=12'}
+
+  d3-polygon@3.0.1:
+    resolution: {integrity: sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==}
+    engines: {node: '>=12'}
+
+  d3-quadtree@3.0.1:
+    resolution: {integrity: sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==}
+    engines: {node: '>=12'}
+
+  d3-random@3.0.1:
+    resolution: {integrity: sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==}
+    engines: {node: '>=12'}
+
+  d3-sankey@0.12.3:
+    resolution: {integrity: sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ==}
+
+  d3-scale-chromatic@3.1.0:
+    resolution: {integrity: sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==}
+    engines: {node: '>=12'}
+
+  d3-scale@4.0.2:
+    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
+    engines: {node: '>=12'}
+
+  d3-selection@3.0.0:
+    resolution: {integrity: sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==}
+    engines: {node: '>=12'}
+
+  d3-shape@1.3.7:
+    resolution: {integrity: sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==}
+
+  d3-shape@3.2.0:
+    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
+    engines: {node: '>=12'}
+
+  d3-time-format@4.1.0:
+    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
+    engines: {node: '>=12'}
+
+  d3-time@3.1.0:
+    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
+    engines: {node: '>=12'}
+
+  d3-timer@3.0.1:
+    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
+    engines: {node: '>=12'}
+
+  d3-transition@3.0.1:
+    resolution: {integrity: sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      d3-selection: 2 - 3
+
+  d3-zoom@3.0.0:
+    resolution: {integrity: sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==}
+    engines: {node: '>=12'}
+
+  d3@7.9.0:
+    resolution: {integrity: sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==}
+    engines: {node: '>=12'}
+
+  d@1.0.2:
+    resolution: {integrity: sha512-MOqHvMWF9/9MX6nza0KgvFH4HpMU0EF5uUDXqX/BtxtU8NfB0QzRtJ8Oe/6SuS4kbhyzVJwjd97EA4PKrzJ8bw==}
+    engines: {node: '>=0.12'}
+
+  dagre-d3-es@7.0.13:
+    resolution: {integrity: sha512-efEhnxpSuwpYOKRm/L5KbqoZmNNukHa/Flty4Wp62JRvgH2ojwVgPgdYyr4twpieZnyRDdIH7PY2mopX26+j2Q==}
+
+  data-urls@6.0.1:
+    resolution: {integrity: sha512-euIQENZg6x8mj3fO6o9+fOW8MimUI4PpD/fZBhJfeioZVy9TUpM4UY7KjQNVZFlqwJ0UdzRDzkycB997HEq1BQ==}
+    engines: {node: '>=20'}
+
+  dataloader@1.4.0:
+    resolution: {integrity: sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw==}
+
+  dayjs@1.11.19:
+    resolution: {integrity: sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decimal.js@10.6.0:
+    resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
+
+  dedent-js@1.0.1:
+    resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
+
+  dedent@1.7.1:
+    resolution: {integrity: sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg==}
+    peerDependencies:
+      babel-plugin-macros: ^3.1.0
+    peerDependenciesMeta:
+      babel-plugin-macros:
+        optional: true
+
+  deep-eql@5.0.2:
+    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
+    engines: {node: '>=6'}
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  deepmerge@4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  default-browser-id@5.0.1:
+    resolution: {integrity: sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q==}
+    engines: {node: '>=18'}
+
+  default-browser@5.4.0:
+    resolution: {integrity: sha512-XDuvSq38Hr1MdN47EDvYtx3U0MTqpCEn+F6ft8z2vYDzMrvQhVp0ui9oQdqW3MvK3vqUETglt1tVGgjLuJ5izg==}
+    engines: {node: '>=18'}
+
+  define-lazy-prop@3.0.0:
+    resolution: {integrity: sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==}
+    engines: {node: '>=12'}
+
+  delaunator@5.0.1:
+    resolution: {integrity: sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  detect-indent@6.1.0:
+    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
+    engines: {node: '>=8'}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  devalue@5.6.2:
+    resolution: {integrity: sha512-nPRkjWzzDQlsejL1WVifk5rvcFi/y1onBRxjaFMjZeR9mFpqu2gmAZ9xUB9/IEanEP/vBtGeGganC/GO1fmufg==}
+
+  devalue@5.8.1:
+    resolution: {integrity: sha512-4CXDYRBGqN+57wVJkuXBYmpAVUSg3L6JAQa/DFqm238G73E1wuyc/JhGQJzN7vUf/CMphYau2zXbfWzDR5aTEw==}
+
+  didyoumean@1.2.2:
+    resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+
+  dir-glob@3.0.1:
+    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
+    engines: {node: '>=8'}
+
+  dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
+  doctypes@1.1.0:
+    resolution: {integrity: sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ==}
+
+  dom-accessibility-api@0.5.16:
+    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
+
+  dom-accessibility-api@0.6.3:
+    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  dompurify@3.3.1:
+    resolution: {integrity: sha512-qkdCKzLNtrgPFP1Vo+98FRzJnBRGe4ffyCea9IwHB1fyxPOeNTHpLKYGd4Uk9xvNoH0ZoOjwZxNptyMwqrId1Q==}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  dotenv@8.6.0:
+    resolution: {integrity: sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g==}
+    engines: {node: '>=10'}
+
+  dunder-proto@1.0.1:
+    resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
+    engines: {node: '>= 0.4'}
+
+  earcut@3.0.2:
+    resolution: {integrity: sha512-X7hshQbLyMJ/3RPhyObLARM2sNxxmRALLKx1+NVFFnQ9gKzmCrxm9+uLIAdBcvc8FNLpctqlQ2V6AE92Ol9UDQ==}
+
+  eastasianwidth@0.2.0:
+    resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+  electron-to-chromium@1.5.267:
+    resolution: {integrity: sha512-0Drusm6MVRXSOJpGbaSVgcQsuB4hEkMpHXaVstcPmhu5LIedxs1xNK/nIxmQIU/RPC0+1/o0AVZfBTkTNJOdUw==}
+
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+  enquirer@2.4.1:
+    resolution: {integrity: sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==}
+    engines: {node: '>=8.6'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  error-stack-parser-es@1.0.5:
+    resolution: {integrity: sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA==}
+
+  es-define-property@1.0.1:
+    resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
+    engines: {node: '>= 0.4'}
+
+  es-errors@1.3.0:
+    resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
+    engines: {node: '>= 0.4'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  es-object-atoms@1.1.2:
+    resolution: {integrity: sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==}
+    engines: {node: '>= 0.4'}
+
+  es-toolkit@1.44.0:
+    resolution: {integrity: sha512-6penXeZalaV88MM3cGkFZZfOoLGWshWWfdy0tWw/RlVVyhvMaWSBTOvXNeiW3e5FwdS5ePW0LGEu17zT139ktg==}
+
+  es5-ext@0.10.64:
+    resolution: {integrity: sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==}
+    engines: {node: '>=0.10'}
+
+  es6-iterator@2.0.3:
+    resolution: {integrity: sha512-zw4SRzoUkd+cl+ZoE15A9o1oQd920Bb0iOJMQkQhl3jNc03YqVjAhG7scf9C5KWRU/R13Orf588uCC6525o02g==}
+
+  es6-symbol@3.1.4:
+    resolution: {integrity: sha512-U9bFFjX8tFiATgtkJ1zg25+KviIXpgRvRHS8sau3GfhVzThRQrOeksPeT0BWW2MNZs1OEWJ1DPXOQMn0KKRkvg==}
+    engines: {node: '>=0.12'}
+
+  es6-weak-map@2.0.3:
+    resolution: {integrity: sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==}
+
+  esbuild@0.19.12:
+    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+    engines: {node: '>=12'}
+    hasBin: true
+
+  esbuild@0.25.12:
+    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  esbuild@0.27.0:
+    resolution: {integrity: sha512-jd0f4NHbD6cALCyGElNpGAOtWxSq46l9X/sWB0Nzd5er4Kz2YTm+Vl0qKFT9KUJvD8+fiO8AvoHhFvEatfVixA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  esbuild@0.27.2:
+    resolution: {integrity: sha512-HyNQImnsOC7X9PMNaCIeAm4ISCQXs5a5YasTXVliKv4uuBo1dKrG0A+uQS8M5eXjVMnLg3WgXaKvprHlFJQffw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  esbuild@0.27.7:
+    resolution: {integrity: sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  eslint-plugin-jsdoc@61.7.1:
+    resolution: {integrity: sha512-36DpldF95MlTX//n3/naULFVt8d1cV4jmSkx7ZKrE9ikkKHAgMLesuWp1SmwpVwAs5ndIM6abKd6PeOYZUgdWg==}
+    engines: {node: '>=20.11.0'}
+    peerDependencies:
+      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
+
+  eslint-plugin-storybook@10.1.11:
+    resolution: {integrity: sha512-mbq2r2kK5+AcLl0XDJ3to91JOgzCbHOqj+J3n+FRw6drk+M1boRqMShSoMMm0HdzXPLmlr7iur+qJ5ZuhH6ayQ==}
+    peerDependencies:
+      eslint: '>=8'
+      storybook: ^10.1.11
+
+  eslint-plugin-svelte@3.14.0:
+    resolution: {integrity: sha512-Isw0GvaMm0yHxAj71edAdGFh28ufYs+6rk2KlbbZphnqZAzrH3Se3t12IFh2H9+1F/jlDhBBL4oiOJmLqmYX0g==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.1 || ^9.0.0
+      svelte: 5.48.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  eslint-visitor-keys@5.0.0:
+    resolution: {integrity: sha512-A0XeIi7CXU7nPlfHS9loMYEKxUaONu/hTEzHTGba9Huu94Cq1hPivf+DE5erJozZOky0LfvXAyrV/tcswpLI0Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@9.39.2:
+    resolution: {integrity: sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  esm-env@1.2.2:
+    resolution: {integrity: sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA==}
+
+  esniff@2.0.1:
+    resolution: {integrity: sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==}
+    engines: {node: '>=0.10'}
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  espree@11.1.0:
+    resolution: {integrity: sha512-WFWYhO1fV4iYkqOOvq8FbqIhr2pYfoDY0kCotMkDeNtGpiGGkZ1iov2u8ydjtgM8yF8rzK7oaTbw2NAzbAbehw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  esprima@4.0.1:
+    resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrap@1.2.2:
+    resolution: {integrity: sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==}
+
+  esrap@1.4.9:
+    resolution: {integrity: sha512-3OMlcd0a03UGuZpPeUC1HxR3nA23l+HEyCiZw3b3FumJIN9KphoGzDJKMXI1S72jVS1dsenDyQC0kJlO1U9E1g==}
+
+  esrap@2.2.9:
+    resolution: {integrity: sha512-4KijP+NxCWthMCUC3qHbE6n4vCjqgJS1uAYKhuT/GWfFTf1Qyive2TgOjep+gzbSzRfnNyaN/UU9YmdOt8Eg0A==}
+    peerDependencies:
+      '@typescript-eslint/types': ^8.2.0
+    peerDependenciesMeta:
+      '@typescript-eslint/types':
+        optional: true
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  event-emitter@0.3.5:
+    resolution: {integrity: sha512-D9rRn9y7kLPnJ+hMq7S/nhvoKwwvVJahBi2BPmx3bvbsEdK3W9ii8cBSGjP+72/LnM4n6fo3+dkCX5FeTQruXA==}
+
+  eventemitter3@4.0.7:
+    resolution: {integrity: sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==}
+
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
+  eventsource-parser@3.0.6:
+    resolution: {integrity: sha512-Vo1ab+QXPzZ4tCa8SwIHJFaSzy4R6SHf7BY79rFBDf0idraZWAkYrDjDj8uWaSm3S2TK+hJ7/t1CEmZ7jXw+pg==}
+    engines: {node: '>=18.0.0'}
+
+  eventsource@4.1.0:
+    resolution: {integrity: sha512-2GuF51iuHX6A9xdTccMTsNb7VO0lHZihApxhvQzJB5A03DvHDd2FQepodbMaztPBmBcE/ox7o2gqaxGhYB9LhQ==}
+    engines: {node: '>=20.0.0'}
+
+  expect-type@1.3.0:
+    resolution: {integrity: sha512-knvyeauYhqjOYvQ66MznSMs83wmHrCycNEN6Ao+2AeYEfxUIkuiVxdEa1qlGEPK+We3n0THiDciYSsCcgW/DoA==}
+    engines: {node: '>=12.0.0'}
+
+  ext@1.7.0:
+    resolution: {integrity: sha512-6hxeJYaL110a9b5TEJSj0gojyHQAmA2ch5Os+ySCiA1QGdS697XWY1pzsrSjqA9LDEEgdB/KypIlR59RcLuHYw==}
+
+  extendable-error@0.1.7:
+    resolution: {integrity: sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg==}
+
+  extendable-media-recorder-wav-encoder-broker@7.0.125:
+    resolution: {integrity: sha512-HVmznJvyG+eFZJRYLd9h3OF0oNNIGEmEHAP4IQ0Y5gwxJcmrFhVmGB4hLi1GT/jNM8aSoCxIePVkCX+5tuGvpA==}
+
+  extendable-media-recorder-wav-encoder-worker@8.0.121:
+    resolution: {integrity: sha512-UBBgWkyE9fpCLDdrWdTZM56FkImAljpUuxr6+y9W6LHvY7XWhkZP+yO5uZUUquS5IpsBlY2uKOWpKwiLdo3FOg==}
+
+  extendable-media-recorder-wav-encoder@7.0.76:
+    resolution: {integrity: sha512-HLeyR9R0mUPOo7zG3d3GRWltNaSYUjyUZGQ8amRjuQVkZFXszmOIAAUVBq3fou0Z3V1mAEo+mXnCqbEfYtgZXQ==}
+
+  extendable-media-recorder@9.0.0:
+    resolution: {integrity: sha512-50HNf/4wv2V7H7YBXVfxYLnaXQwMVcna9UHZxFPXmgWdThetWNu+TYKwA+xOPWA+rkr8Tqvtldxc/sPC/s/wXg==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-patch@3.1.1:
+    resolution: {integrity: sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ==}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fast-unique-numbers@9.0.26:
+    resolution: {integrity: sha512-3Mtq8p1zQinjGyWfKeuBunbuFoixG72AUkk4VvzbX4ykCW9Q4FzRaNyIlfQhUjnKw2ARVP+/CKnoyr6wfHftig==}
+    engines: {node: '>=18.2.0'}
+
+  fastq@1.20.1:
+    resolution: {integrity: sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fetch-event-stream@0.1.6:
+    resolution: {integrity: sha512-GREtJ5HNikdU2AXtZ6E/5bk+aslMU6ie5mPG6H9nvsdDkkHQ6m5lHwmmmDTOBexok9hApQ7EprsXCdmz9ZC68w==}
+
+  file-entry-cache@8.0.0:
+    resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
+    engines: {node: '>=16.0.0'}
+
+  file-uri-to-path@1.0.0:
+    resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==}
+
+  filesize@10.1.6:
+    resolution: {integrity: sha512-sJslQKU2uM33qH5nqewAwVB2QgR6w1aMNsYUp3aN5rMRyXEwJGmZvaWzeJFNTOXWlHQyBFCWrdj3fV/fsTOX8w==}
+    engines: {node: '>= 10.4.0'}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up@4.1.0:
+    resolution: {integrity: sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@4.0.1:
+    resolution: {integrity: sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==}
+    engines: {node: '>=16'}
+
+  flatted@3.3.3:
+    resolution: {integrity: sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==}
+
+  flexsearch@0.8.212:
+    resolution: {integrity: sha512-wSyJr1GUWoOOIISRu+X2IXiOcVfg9qqBRyCPRUdLMIGJqPzMo+jMRlvE83t14v1j0dRMEaBbER/adQjp6Du2pw==}
+
+  follow-redirects@1.16.0:
+    resolution: {integrity: sha512-y5rN/uOsadFT/JfYwhxRS5R7Qce+g3zG97+JrtFZlC9klX/W5hD7iiLzScI4nZqUS7DNUdhPgw4xI8W2LuXlUw==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      debug: '*'
+    peerDependenciesMeta:
+      debug:
+        optional: true
+
+  foreground-child@3.3.1:
+    resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
+    engines: {node: '>=14'}
+
+  fraction.js@5.3.4:
+    resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
+
+  fs-extra@7.0.1:
+    resolution: {integrity: sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fs-extra@8.1.0:
+    resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==}
+    engines: {node: '>=6 <7 || >=8'}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  function-bind@1.1.2:
+    resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-css-data@2.1.1:
+    resolution: {integrity: sha512-JpMa/f5P4mDXKg6l5/2cHL5xNY77Jap7tHyduMa6BF0E2a7bQ6Tvaz2BIMjeVYZYLcmOZ5w2Ro0yVJEI41tMbw==}
+
+  get-east-asian-width@1.4.0:
+    resolution: {integrity: sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q==}
+    engines: {node: '>=18'}
+
+  get-intrinsic@1.3.0:
+    resolution: {integrity: sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==}
+    engines: {node: '>= 0.4'}
+
+  get-port@5.1.1:
+    resolution: {integrity: sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==}
+    engines: {node: '>=8'}
+
+  get-proto@1.0.1:
+    resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
+    engines: {node: '>= 0.4'}
+
+  gifuct-js@2.1.2:
+    resolution: {integrity: sha512-rI2asw77u0mGgwhV3qA+OEgYqaDn5UNqgs+Bx0FGwSpuqfYn+Ir6RQY5ENNQ8SbIiG/m5gVa7CD5RriO4f4Lsg==}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  glob@10.5.0:
+    resolution: {integrity: sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
+    hasBin: true
+
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@16.5.0:
+    resolution: {integrity: sha512-c/c15i26VrJ4IRt5Z89DnIzCGDn9EcebibhAOjw5ibqEHsE1wLUgkPn9RDmNcUKyU87GeaL633nyJ+pplFR2ZQ==}
+    engines: {node: '>=18'}
+
+  globalyzer@0.1.0:
+    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
+
+  globby@11.1.0:
+    resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
+    engines: {node: '>=10'}
+
+  globrex@0.1.2:
+    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
+
+  gopd@1.2.0:
+    resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
+    engines: {node: '>= 0.4'}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  graphql@16.12.0:
+    resolution: {integrity: sha512-DKKrynuQRne0PNpEbzuEdHlYOMksHSUI8Zc9Unei5gTsMNA2/vMpoMz/yKba50pejK56qj98qM0SjYxAKi13gQ==}
+    engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
+
+  gsplat@1.2.9:
+    resolution: {integrity: sha512-zfpaL9TEQD4oHNesL77KYeRgWvIy2+7P3jRsOA0d8So4Cv/OELRoMXo687ZEXqUMCekiXJgpFw9dz12021NFlw==}
+
+  hachure-fill@0.5.2:
+    resolution: {integrity: sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg==}
+
+  handlebars@4.7.9:
+    resolution: {integrity: sha512-4E71E0rpOaQuJR2A3xDZ+GM1HyWYv1clR58tC8emQNeQe3RH7MAzSbat+V0wG78LQBo6m6bzSG/L4pBuCsgnUQ==}
+    engines: {node: '>=0.4.7'}
+    hasBin: true
+
+  happy-dom@19.0.2:
+    resolution: {integrity: sha512-831CLbgDyjRbd2lApHZFsBDe56onuFcjsCBPodzWpzedTpeDr8CGZjs7iEIdNW1DVwSFRecfwzLpVyGBPamwGA==}
+    engines: {node: '>=20.0.0'}
+
+  has-flag@4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
+    engines: {node: '>=8'}
+
+  has-symbols@1.1.0:
+    resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
+    engines: {node: '>= 0.4'}
+
+  has-tostringtag@1.0.2:
+    resolution: {integrity: sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.2:
+    resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+    engines: {node: '>= 0.4'}
+
+  hasown@2.0.4:
+    resolution: {integrity: sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==}
+    engines: {node: '>= 0.4'}
+
+  hast-util-to-string@3.0.1:
+    resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==}
+
+  he@1.2.0:
+    resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
+    hasBin: true
+
+  headers-polyfill@4.0.3:
+    resolution: {integrity: sha512-IScLbePpkvO846sIwOtOTDjutRMWdXdJmXdMvk6gCBHxFO8d+QKOQedyZSxFTTFYRSmlgSTDtXqqq4pcenBXLQ==}
+
+  hls.js@1.5.13:
+    resolution: {integrity: sha512-xRgKo84nsC7clEvSfIdgn/Tc0NOT+d7vdiL/wvkLO+0k0juc26NRBPPG1SfB8pd5bHXIjMW/F5VM8VYYkOYYdw==}
+
+  hls.js@1.6.15:
+    resolution: {integrity: sha512-E3a5VwgXimGHwpRGV+WxRTKeSp2DW5DI5MWv34ulL3t5UNmyJWCQ1KmLEHbYzcfThfXG8amBL+fCYPneGHC4VA==}
+
+  html-encoding-sniffer@6.0.0:
+    resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+
+  html-entities@2.6.0:
+    resolution: {integrity: sha512-kig+rMn/QOVRvr7c86gQ8lWXq+Hkv6CbAH1hLu+RG338StTpE8Z0b44SDVaqVu7HGKf27frdmUYEs9hTUX/cLQ==}
+
+  html-escaper@2.0.2:
+    resolution: {integrity: sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==}
+
+  htmlparser2@8.0.2:
+    resolution: {integrity: sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==}
+
+  http-proxy-agent@7.0.2:
+    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
+    engines: {node: '>= 14'}
+
+  http-proxy@1.18.1:
+    resolution: {integrity: sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==}
+    engines: {node: '>=8.0.0'}
+
+  https-proxy-agent@7.0.6:
+    resolution: {integrity: sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==}
+    engines: {node: '>= 14'}
+
+  human-id@4.1.3:
+    resolution: {integrity: sha512-tsYlhAYpjCKa//8rXZ9DqKEawhPoSytweBC2eNvcaDK+57RZLHGqNs3PZTQO6yekLFSuvA6AlnAfrw1uBvtb+Q==}
+    hasBin: true
+
+  iconv-lite@0.6.3:
+    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
+    engines: {node: '>=0.10.0'}
+
+  iconv-lite@0.7.2:
+    resolution: {integrity: sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==}
+    engines: {node: '>=0.10.0'}
+
+  iframe-resizer@5.5.7:
+    resolution: {integrity: sha512-vSAHzH1x+OnHn+O34wpS6qb2CEQhsgoCYV3iivrb0TQp4Wm2xKzTxl5kG8yNoJVLU3OOEFv4CRDL/ns6Or5g3w==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.5:
+    resolution: {integrity: sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==}
+    engines: {node: '>= 4'}
+
+  immutable@5.1.6:
+    resolution: {integrity: sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==}
+
+  import-fresh@3.3.1:
+    resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
+    engines: {node: '>=6'}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  indent-string@4.0.0:
+    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
+    engines: {node: '>=8'}
+
+  internmap@1.0.1:
+    resolution: {integrity: sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw==}
+
+  internmap@2.0.3:
+    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
+    engines: {node: '>=12'}
+
+  intl-messageformat@10.7.18:
+    resolution: {integrity: sha512-m3Ofv/X/tV8Y3tHXLohcuVuhWKo7BBq62cqY15etqmLxg2DZ34AGGgQDeR+SCta2+zICb1NX83af0GJmbQ1++g==}
+
+  is-binary-path@2.1.0:
+    resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+    engines: {node: '>=8'}
+
+  is-core-module@2.16.1:
+    resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
+    engines: {node: '>= 0.4'}
+
+  is-core-module@2.16.2:
+    resolution: {integrity: sha512-evOr8xfXKxE6qSR0hSXL2r3sd7ALj8+7jQEUvPYcm5sgZFdJ+AYzT6yNmJenvIYQBgIGwfwz08sL8zoL7yq2BA==}
+    engines: {node: '>= 0.4'}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-expression@4.0.0:
+    resolution: {integrity: sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-module@1.0.0:
+    resolution: {integrity: sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==}
+
+  is-node-process@1.2.0:
+    resolution: {integrity: sha512-Vg4o6/fqPxIjtxgUH5QLJhwZ7gW5diGCVlXpuUfELC62CuxM1iHcRe51f2W1FDy04Ai4KJkagKjx3XaqyfRKXw==}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-plain-object@5.0.0:
+    resolution: {integrity: sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==}
+    engines: {node: '>=0.10.0'}
+
+  is-potential-custom-element-name@1.0.1:
+    resolution: {integrity: sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==}
+
+  is-promise@2.2.2:
+    resolution: {integrity: sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==}
+
+  is-reference@1.2.1:
+    resolution: {integrity: sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==}
+
+  is-reference@3.0.3:
+    resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==}
+
+  is-regex@1.2.1:
+    resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
+    engines: {node: '>= 0.4'}
+
+  is-subdir@1.2.0:
+    resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
+    engines: {node: '>=4'}
+
+  is-windows@1.0.2:
+    resolution: {integrity: sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==}
+    engines: {node: '>=0.10.0'}
+
+  is-wsl@3.1.0:
+    resolution: {integrity: sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==}
+    engines: {node: '>=16'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  isexe@3.1.1:
+    resolution: {integrity: sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ==}
+    engines: {node: '>=16'}
+
+  ismobilejs@1.1.1:
+    resolution: {integrity: sha512-VaFW53yt8QO61k2WJui0dHf4SlL8lxBofUuUmwBo0ljPk0Drz2TiuDW4jo3wDcv41qy/SxrJ+VAzJ/qYqsmzRw==}
+
+  istanbul-lib-coverage@3.2.2:
+    resolution: {integrity: sha512-O8dpsF+r0WV/8MNRKfnmrtCWhuKjxrq2w+jpzBL5UZKTi2LeVWnWOmWRxFlesJONmc+wLAGvKQZEOanko0LFTg==}
+    engines: {node: '>=8'}
+
+  istanbul-lib-report@3.0.1:
+    resolution: {integrity: sha512-GCfE1mtsHGOELCU8e/Z7YWzpmybrx/+dSTfLrvY8qRmaY6zXTKWn6WQIjaAFw069icm6GVMNkgu0NzI4iPZUNw==}
+    engines: {node: '>=10'}
+
+  istanbul-lib-source-maps@5.0.6:
+    resolution: {integrity: sha512-yg2d+Em4KizZC5niWhQaIomgf5WlL4vOOjZ5xGCmF8SnPE/mDWWXgvRExdcpCgh9lLRRa1/fSYp2ymmbJ1pI+A==}
+    engines: {node: '>=10'}
+
+  istanbul-reports@3.2.0:
+    resolution: {integrity: sha512-HGYWWS/ehqTV3xN10i23tkPkpH46MLCIMFNCaaKNavAXTF1RkqxawEPtnjnGZ6XKSInBKkiOA5BKS+aZiY3AvA==}
+    engines: {node: '>=8'}
+
+  jackspeak@3.4.3:
+    resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
+
+  javascript-stringify@2.1.0:
+    resolution: {integrity: sha512-JVAfqNPTvNq3sB/VHQJAFxN/sPgKnsKrCwyRt15zwNCdrMMJDdcEOdubuy+DuJYYdm0ox1J4uzEuYKkN+9yhVg==}
+
+  jiti@1.21.7:
+    resolution: {integrity: sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==}
+    hasBin: true
+
+  jju@1.4.0:
+    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
+
+  js-binary-schema-parser@2.0.3:
+    resolution: {integrity: sha512-xezGJmOb4lk/M1ZZLTR/jaBHQ4gG/lqQnJqdIv4721DMggsa1bDVlHXNeHYogaIEHD9vCRv0fcL4hMA+Coarkg==}
+
+  js-stringify@1.0.2:
+    resolution: {integrity: sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-tokens@9.0.1:
+    resolution: {integrity: sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ==}
+
+  js-yaml@3.14.2:
+    resolution: {integrity: sha512-PMSmkqxr106Xa156c2M265Z+FTrPl+oxd/rgOQy2tijQeK5TxQ43psO1ZCwhVOSdnn+RzkzlRz/eY4BgJBYVpg==}
+    hasBin: true
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  jsdoc-type-pratt-parser@7.0.0:
+    resolution: {integrity: sha512-c7YbokssPOSHmqTbSAmTtnVgAVa/7lumWNYqomgd5KOMyPrRve2anx6lonfOsXEQacqF9FKVUj7bLg4vRSvdYA==}
+    engines: {node: '>=20.0.0'}
+
+  jsdom@27.4.0:
+    resolution: {integrity: sha512-mjzqwWRD9Y1J1KUi7W97Gja1bwOOM5Ug0EZ6UDK3xS7j7mndrkwozHtSblfomlzyB4NepioNt+B2sOSzczVgtQ==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
+    peerDependencies:
+      canvas: ^3.0.0
+    peerDependenciesMeta:
+      canvas:
+        optional: true
+
+  json-buffer@3.0.1:
+    resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
+
+  json-parse-even-better-errors@4.0.0:
+    resolution: {integrity: sha512-lR4MXjGNgkJc7tkQ97kb2nuEMnNCyU//XYVH0MKTGcXEiSudQ5MKGKen3C5QubYy0vmq+JGitUg92uuywGEwIA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json-stringify-pretty-compact@4.0.0:
+    resolution: {integrity: sha512-3CNZ2DnrpByG9Nqj6Xo8vqbjT4F6N+tb4Gb28ESAZjYZ5yqvmc56J+/kuIwkaAMOyblTQhUW7PxMkUb8Q36N3Q==}
+
+  jsonfile@4.0.0:
+    resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==}
+
+  jsonfile@6.2.0:
+    resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
+
+  jstransformer@1.0.0:
+    resolution: {integrity: sha512-C9YK3Rf8q6VAPDCCU9fnqo3mAfOH6vUGnMcP4AQAYIEpWtfGLpwOTmZ+igtdK5y+VvI2n3CyYSzy4Qh34eq24A==}
+
+  katex@0.16.27:
+    resolution: {integrity: sha512-aeQoDkuRWSqQN6nSvVCEFvfXdqo1OQiCmmW1kc9xSdjutPv7BGO7pqY9sQRJpMOGrEdfDgF2TfRXe5eUAD2Waw==}
+    hasBin: true
+
+  keyv@4.5.4:
+    resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
+
+  khroma@2.1.0:
+    resolution: {integrity: sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw==}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  known-css-properties@0.37.0:
+    resolution: {integrity: sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ==}
+
+  langium@3.3.1:
+    resolution: {integrity: sha512-QJv/h939gDpvT+9SiLVlY7tZC3xB2qK57v0J04Sh9wpMb6MP1q8gB21L3WIo8T5P1MSMg3Ep14L7KkDCFG3y4w==}
+    engines: {node: '>=16.0.0'}
+
+  layout-base@1.0.2:
+    resolution: {integrity: sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg==}
+
+  layout-base@2.0.1:
+    resolution: {integrity: sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg==}
+
+  lazy-brush@2.0.2:
+    resolution: {integrity: sha512-UtKepg8i9T0S6CPrG+W5gXwSy+zml+MUzPySPQDT9LCed+gFXEFQUL0r7OuAG0+Fqbg5qxGelBscw8mDVwBiJw==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.31.0:
+    resolution: {integrity: sha512-qRdhuBXBgGfO3NZ37l/lA1qqjqptBQoa37YiMDeMRpJpv/+0CGKtL4o5+VUFaHzZb9+hS/DOg3XNff3YmwY2ug==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.31.0:
+    resolution: {integrity: sha512-ctMERKCPJHgEhkCUvcCT5Z1wB+pCyFO+XskTNFB3uTrE9i3LzQXvrlm2PSuYhOYSExrzfmfD/HVyfqZYnfpjvQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.31.0:
+    resolution: {integrity: sha512-7+8dwpz4qj/IiKxSs210WKWoJg59npBxvEXrpuxAkfZDPSgXiPcNZfaL9HtcaRntd7DbzVSI5SHMsmlsl+NZgA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.31.0:
+    resolution: {integrity: sha512-HZdu0reyMXO0TzJnK3D37dxgijjJsZt9muQRi+df/sr6WnkSZJKHfOufm0amWz+LiWg9X3H+XIBW24s/y3itmQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.31.0:
+    resolution: {integrity: sha512-pqp0rGHc9rebDT7vVtu92JqU6gP5zm19m+zCqvHHMI+cEQrCjbNlMbPqn9UEfPYfRltL4pti9MJQ62558nVHnw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.31.0:
+    resolution: {integrity: sha512-EpAQTq6TXL+200bDNMzhbFpqAJsto01R//xuE8yAWN0l4wmJhmS1r/FxoudIUM9PxHMPEiWeLw+1thdF5ZPg7Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.31.0:
+    resolution: {integrity: sha512-6tuU37nXStA3kxNnjC49z1tPFEoviC9ZLyB34O3X1/VTLXdZX2vmPZ+45XesagvlgoeJQ9r9XVSovUZny41AQA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.31.0:
+    resolution: {integrity: sha512-enNePbgDKmJybVz90/8dAGTOulvpn0IwxamHHnIj32gmdbuSPJ9mk+Nob4UmiqLMAdHlH+0c+lpsZkv4TSxi3w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.31.0:
+    resolution: {integrity: sha512-EM4jGT+V+PdFkcrIB5m5yiSzfV7z43k0pOtUmODhFSbuay5JvbVChK1uoaMmwPTKGWatwSRbiu90BUzU262B9g==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.31.0:
+    resolution: {integrity: sha512-IGvE0eCsWrYWerlkXFitANJ2vdkzs4EVCm1sEttanqVc4lqdRKyZ7ZIapBfo5OckE+zuq/JNaIkbWHdYDpOblQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.31.0:
+    resolution: {integrity: sha512-7V6CPCLNO1Pv5gPPvXWst7V8cvZjbRKgwht1qd4/OH7yacV/kMV5VDq/RDnmdQpXUTnn4ye+vZkU8REXU46iZA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.31.0:
+    resolution: {integrity: sha512-mKXR8TIPqVNcs0qQplcnLgDSmyMW5q9Bt5GmcvABpeexaGGPILxDmMNoabSsS9pAPgICYmgzL2wYFPf84/fQ2A==}
+    engines: {node: '>= 12.0.0'}
+
+  lilconfig@2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+
+  lilconfig@3.1.3:
+    resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+    engines: {node: '>=14'}
+
+  lines-and-columns@1.2.4:
+    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+  lit-element@4.2.2:
+    resolution: {integrity: sha512-aFKhNToWxoyhkNDmWZwEva2SlQia+jfG0fjIWV//YeTaWrVnOxD89dPKfigCUspXFmjzOEUQpOkejH5Ly6sG0w==}
+
+  lit-html@3.3.2:
+    resolution: {integrity: sha512-Qy9hU88zcmaxBXcc10ZpdK7cOLXvXpRoBxERdtqV9QOrfpMZZ6pSYP91LhpPtap3sFMUiL7Tw2RImbe0Al2/kw==}
+
+  lit@3.3.2:
+    resolution: {integrity: sha512-NF9zbsP79l4ao2SNrH3NkfmFgN/hBYSQo90saIVI1o5GpjAdCPVstVzO1MrLOakHoEhYkrtRjPK6Ob521aoYWQ==}
+
+  local-access@1.1.0:
+    resolution: {integrity: sha512-XfegD5pyTAfb+GY6chk283Ox5z8WexG56OvM06RWLpAc/UHozO8X6xAxEkIitZOtsSMM1Yr3DkHgW5W+onLhCw==}
+    engines: {node: '>=6'}
+
+  locate-character@3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+
+  locate-path@5.0.0:
+    resolution: {integrity: sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==}
+    engines: {node: '>=8'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash-es@4.17.21:
+    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+
+  lodash-es@4.17.22:
+    resolution: {integrity: sha512-XEawp1t0gxSi9x01glktRZ5HDy0HXqrM0x5pXQM98EaI0NxO6jVM7omDOxsuEo5UIASAnm2bRp1Jt/e0a2XU8Q==}
+
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+  lodash.startcase@4.4.0:
+    resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
+
+  loupe@3.2.1:
+    resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
+
+  lru-cache@10.4.3:
+    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+  lru-cache@11.2.4:
+    resolution: {integrity: sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg==}
+    engines: {node: 20 || >=22}
+
+  lru-queue@0.1.0:
+    resolution: {integrity: sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==}
+
+  lz-string@1.5.0:
+    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
+    hasBin: true
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magicast@0.3.5:
+    resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
+
+  make-dir@4.0.0:
+    resolution: {integrity: sha512-hXdUTZYIVOt1Ex//jAQi+wTZZpUpwBj/0QsOzqegb3rGMMeJiSEu5xLHnYfBrRV4RH2+OCSOO95Is/7x1WJ4bw==}
+    engines: {node: '>=10'}
+
+  map-obj@5.0.2:
+    resolution: {integrity: sha512-K6K2NgKnTXimT3779/4KxSvobxOtMmx1LBZ3NwRxT/MDIR3Br/fQ4Q+WCX5QxjyUR8zg5+RV9Tbf2c5pAWTD2A==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+
+  map-or-similar@1.5.0:
+    resolution: {integrity: sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==}
+
+  marked-gfm-heading-id@3.2.0:
+    resolution: {integrity: sha512-Xfxpr5lXLDLY10XqzSCA9l2dDaiabQUgtYM9hw8yunyVsB/xYBRpiic6BOiY/EAJw1ik1eWr1ET1HKOAPZBhXg==}
+    peerDependencies:
+      marked: '>=4 <13'
+
+  marked-highlight@2.2.3:
+    resolution: {integrity: sha512-FCfZRxW/msZAiasCML4isYpxyQWKEEx44vOgdn5Kloae+Qc3q4XR7WjpKKf8oMLk7JP9ZCRd2vhtclJFdwxlWQ==}
+    peerDependencies:
+      marked: '>=4 <18'
+
+  marked@12.0.2:
+    resolution: {integrity: sha512-qXUm7e/YKFoqFPYPa3Ukg9xlI5cyAtGmyEIzMfW//m6kXwCy2Ps9DYf5ioijFKQ8qyuscrHoY04iJGctu2Kg0Q==}
+    engines: {node: '>= 18'}
+    hasBin: true
+
+  marked@16.4.2:
+    resolution: {integrity: sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA==}
+    engines: {node: '>= 20'}
+    hasBin: true
+
+  math-intrinsics@1.1.0:
+    resolution: {integrity: sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==}
+    engines: {node: '>= 0.4'}
+
+  mdn-data@2.12.2:
+    resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
+
+  mdsvex@0.12.6:
+    resolution: {integrity: sha512-pupx2gzWh3hDtm/iDW4WuCpljmyHbHi34r7ktOqpPGvyiM4MyfNgdJ3qMizXdgCErmvYC9Nn/qyjePy+4ss9Wg==}
+    peerDependencies:
+      svelte: 5.48.0
+
+  media-encoder-host-broker@7.1.0:
+    resolution: {integrity: sha512-Emu3f45Wbf6AoRJxfvZ8e5nh8fRVviBfkABgYNvVUsVBgJ7+l137gn324g/JmNVQhhVQ89fjmGT1kHIJ9JG5Nw==}
+
+  media-encoder-host-worker@9.2.0:
+    resolution: {integrity: sha512-LrJJgNBDZH2y1PYBLaiYQw9uFU5i3yPvDkDxdko+L3Z4qzhKq9+4eYxKDqlwO4EdOlaiggvMpkgZl3roOniz2A==}
+
+  media-encoder-host@8.1.0:
+    resolution: {integrity: sha512-VwX3ex48ltl+K1ObGEq3IcZp/XqpNTWemd9brC9ovo89rYmCRKTZAp1FCyfAY86RdvSMrUs26lbo45DIDVyERg==}
+
+  memoizee@0.4.17:
+    resolution: {integrity: sha512-DGqD7Hjpi/1or4F/aYAspXKNm5Yili0QDAFAY4QYvpqpgiY6+1jOfqpmByzjxbWd/T9mChbCArXAbDAsTm5oXA==}
+    engines: {node: '>=0.12'}
+
+  memoizerific@1.11.3:
+    resolution: {integrity: sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==}
+
+  memorystream@0.3.1:
+    resolution: {integrity: sha512-S3UwM3yj5mtUSEfP41UZmt/0SCoVYUcU1rkXv+BQ5Ig8ndL4sPoJNBUJERafdPb5jjHJGuMgytgKvKIf58XNBw==}
+    engines: {node: '>= 0.10.0'}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  mermaid@11.12.2:
+    resolution: {integrity: sha512-n34QPDPEKmaeCG4WDMGy0OT6PSyxKCfy2pJgShP+Qow2KLrvWjclwbc3yXfSIf4BanqWEhQEpngWwNp/XhZt6w==}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  min-indent@1.0.1:
+    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
+    engines: {node: '>=4'}
+
+  mini-svg-data-uri@1.4.4:
+    resolution: {integrity: sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==}
+    hasBin: true
+
+  miniflare@4.20260116.0:
+    resolution: {integrity: sha512-fCU1thOdiKfcauYp/gAchhesOTqTPy3K7xY6g72RiJ2xkna18QJ3Mh5sgDmnqlOEqSW9vpmYeK8vd/aqkrtlUA==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
+  minimatch@3.1.2:
+    resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
+
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minimist@1.2.8:
+    resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
+
+  minipass@7.1.2:
+    resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minizlib@3.1.0:
+    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
+    engines: {node: '>= 18'}
+
+  mlly@1.8.0:
+    resolution: {integrity: sha512-l8D9ODSRWLe2KHJSifWGwBqpTZXIXTeo8mlKjY+E2HAakaTeNpqAyBZ8GSqLzHgw4XmHmC8whvpjJNMbFZN7/g==}
+
+  mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  msw@2.12.7:
+    resolution: {integrity: sha512-retd5i3xCZDVWMYjHEVuKTmhqY8lSsxujjVrZiGbbdoxxIBg5S7rCuYy/YQpfrTYIxpd/o0Kyb/3H+1udBMoYg==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      typescript: '>= 4.8.x'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  multi-buffer-data-view@5.0.14:
+    resolution: {integrity: sha512-MaATo4p+GrnsfQIoOfr6ZRaUFdkHiDgaXv7fghTzEAnfWMdhkC2VJg5cduGQIhdmgbRoXMqJ8AEgIRYGt7MX4g==}
+    engines: {node: '>=16.1.0'}
+
+  mute-stream@2.0.0:
+    resolution: {integrity: sha512-WWdIxpyjEn+FhQJQQv9aQAYlHoNVdzIzUySNV1gHUPDSdZJ3yZn7pAAbQcV7B56Mvu881q9FZV+0Vx2xC44VWA==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  mz@2.7.0:
+    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
+  nanoid@3.3.11:
+    resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  nanoid@3.3.12:
+    resolution: {integrity: sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  neo-async@2.6.2:
+    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
+
+  next-tick@1.1.0:
+    resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
+
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
+  node-fetch@2.7.0:
+    resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+
+  node-gyp-build@4.8.4:
+    resolution: {integrity: sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ==}
+    hasBin: true
+
+  node-html-parser@7.0.2:
+    resolution: {integrity: sha512-DxodLVh7a6JMkYzWyc8nBX9MaF4M0lLFYkJHlWOiu7+9/I6mwNK9u5TbAMC7qfqDJEPX9OIoWA2A9t4C2l1mUQ==}
+
+  node-releases@2.0.27:
+    resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
+
+  nopt@8.1.0:
+    resolution: {integrity: sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+    hasBin: true
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  npm-normalize-package-bin@4.0.0:
+    resolution: {integrity: sha512-TZKxPvItzai9kN9H/TkmCtx/ZN/hvr3vUycjlfmH0ootY9yFBzNOpiXAdIn1Iteqsvk4lQn6B5PTrt+n6h8k/w==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  npm-run-all2@8.0.4:
+    resolution: {integrity: sha512-wdbB5My48XKp2ZfJUlhnLVihzeuA1hgBnqB2J9ahV77wLS+/YAJAlN8I+X3DIFIPZ3m5L7nplmlbhNiFDmXRDA==}
+    engines: {node: ^20.5.0 || >=22.0.0, npm: '>= 10'}
+    hasBin: true
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  object-assign@4.1.1:
+    resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+    engines: {node: '>=0.10.0'}
+
+  object-deep-merge@2.0.0:
+    resolution: {integrity: sha512-3DC3UMpeffLTHiuXSy/UG4NOIYTLlY9u3V82+djSCLYClWobZiS4ivYzpIUWrRY/nfsJ8cWsKyG3QfyLePmhvg==}
+
+  object-hash@3.0.0:
+    resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+    engines: {node: '>= 6'}
+
+  obug@2.1.1:
+    resolution: {integrity: sha512-uTqF9MuPraAQ+IsnPf366RG4cP9RtUi7MLO1N3KEc+wb0a6yKpeL0lmk2IB1jY5KHPAlTc6T/JRdC/YqxHNwkQ==}
+
+  open@10.2.0:
+    resolution: {integrity: sha512-YgBpdJHPyQ2UE5x+hlSXcnejzAvD0b22U2OuAP+8OnlJT+PjWPxtgmGqKKc+RgTM63U9gN0YzrYc71R2WT/hTA==}
+    engines: {node: '>=18'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  outdent@0.5.0:
+    resolution: {integrity: sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q==}
+
+  outvariant@1.4.3:
+    resolution: {integrity: sha512-+Sl2UErvtsoajRDKCE5/dBz4DIvHXQQnAxtQTF04OJxY0+DyZXSo5P5Bb7XYWOh81syohlYL24hbDwxedPUJCA==}
+
+  oxc-parser@0.127.0:
+    resolution: {integrity: sha512-bkgD4qHlN7WxLdX8bLXdaU54TtQtAIg/ZBAfm0aje/mo3MRDo3P0hZSgr4U7O3xfX+fQmR5AP04JS/TGcZLcFA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  oxc-resolver@11.20.0:
+    resolution: {integrity: sha512-CblytBiV/a/ZXY34dsVU2NxhIOxMXst8CvDCtyBelVITgd7PLrKzbEbA6oKLdPjvDKDzCiW48qzmzZ+mYaqn+g==}
+
+  p-filter@2.1.0:
+    resolution: {integrity: sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw==}
+    engines: {node: '>=8'}
+
+  p-limit@2.3.0:
+    resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
+    engines: {node: '>=6'}
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@4.1.0:
+    resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
+    engines: {node: '>=8'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  p-map@2.1.0:
+    resolution: {integrity: sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==}
+    engines: {node: '>=6'}
+
+  p-try@2.2.0:
+    resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
+    engines: {node: '>=6'}
+
+  package-json-from-dist@1.0.1:
+    resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+  package-manager-detector@0.2.11:
+    resolution: {integrity: sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ==}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  parent-module@1.0.1:
+    resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
+    engines: {node: '>=6'}
+
+  parse-imports-exports@0.2.4:
+    resolution: {integrity: sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==}
+
+  parse-srcset@1.0.2:
+    resolution: {integrity: sha512-/2qh0lav6CmI15FzA3i/2Bzk2zCgQhGMkvhOhKNcBVQ1ldgpbfiNTVslmooUmWJcADi1f1kIeynbDRVzNlfR6Q==}
+
+  parse-statements@1.0.11:
+    resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
+
+  parse-svg-path@0.1.2:
+    resolution: {integrity: sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ==}
+
+  parse5@8.0.0:
+    resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
+
+  path-data-parser@0.1.0:
+    resolution: {integrity: sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w==}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  path-parse@1.0.7:
+    resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+  path-scurry@1.11.1:
+    resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+    engines: {node: '>=16 || 14 >=14.18'}
+
+  path-to-regexp@6.3.0:
+    resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
+
+  path-type@4.0.0:
+    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
+    engines: {node: '>=8'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  pathval@2.0.1:
+    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
+    engines: {node: '>= 14.16'}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.1:
+    resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.3:
+    resolution: {integrity: sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==}
+    engines: {node: '>=12'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  pidtree@0.6.0:
+    resolution: {integrity: sha512-eG2dWTVw5bzqGRztnHExczNxt5VGsE6OwTeCG3fdUf9KBsZzO3R5OIIIzWR+iZA0NtZ+RDVdaoE2dK1cn6jH4g==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
+  pify@2.3.0:
+    resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+    engines: {node: '>=0.10.0'}
+
+  pify@4.0.1:
+    resolution: {integrity: sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==}
+    engines: {node: '>=6'}
+
+  pirates@4.0.7:
+    resolution: {integrity: sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==}
+    engines: {node: '>= 6'}
+
+  pixelmatch@7.1.0:
+    resolution: {integrity: sha512-1wrVzJ2STrpmONHKBy228LM1b84msXDUoAzVEl0R8Mz4Ce6EPr+IVtxm8+yvrqLYMHswREkjYFaMxnyGnaY3Ng==}
+    hasBin: true
+
+  pixi-filters@6.1.5:
+    resolution: {integrity: sha512-Ewb/J+kxAbaNN+0/ATJbglAJG+skGJfh7BIDP3ILIDdD6wWk1p0pGa25pVf1T8hGBOQSUNVAmwwJBwkj+cyLLA==}
+    peerDependencies:
+      pixi.js: '>=8.0.0-0'
+
+  pixi.js@8.15.0:
+    resolution: {integrity: sha512-J/Ghze/K9fjHRlfwC2EMZ7vnMIhGo4ByKCsKMcS0AB12iT79nf9zzWKUTzMJ8QAQFqQfDOl5ULwmHMUdeih2zQ==}
+
+  pkg-types@1.3.1:
+    resolution: {integrity: sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==}
+
+  playwright-core@1.60.0:
+    resolution: {integrity: sha512-9bW6zvX/m0lEbgTKJ6YppOKx8H3VOPBMOCFh2irXFOT4BbHgrx5hPjwJYLT40Lu+4qtD36qKc/Hn56StUW57IA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.60.0:
+    resolution: {integrity: sha512-hheHdokM8cdqCb0lcE3s+zT4t4W+vvjpGxsZlDnikarzx8tSzMebh3UiFtgqwFwnTnjYQcsyMF8ei2mCO/tpeA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  plotly.js-dist-min@3.3.1:
+    resolution: {integrity: sha512-ZxKM9DlEoEF3wBzGRPGHt6gWTJrm5N81J9AgX9UBX/Qjc9L4lRxtPBPq+RmBJWoA71j1X5Z1ouuguLkdoo88tg==}
+
+  pngjs@7.0.0:
+    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
+    engines: {node: '>=14.19.0'}
+
+  points-on-curve@0.2.0:
+    resolution: {integrity: sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A==}
+
+  points-on-path@0.2.1:
+    resolution: {integrity: sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g==}
+
+  polka@1.0.0-next.25:
+    resolution: {integrity: sha512-LBgDEGL73aeb/5yAwO9JWsqCuqPdvEdwA/n25Y38F4kv6jqFaLbgIWVuZfsv9Sc9O052eoWWrAjGB75oCQvELw==}
+    engines: {node: '>=8'}
+
+  pollen-css@5.0.2:
+    resolution: {integrity: sha512-HspWUC6Sr42yqJ8XQKqq3g51h4JXlOUjdVgAI4hk5AOVAH6kJqmJP6T19ak3RSzlQo4K3KgQ/Nce5459l5BcSA==}
+    hasBin: true
+
+  postcss-custom-media@11.0.6:
+    resolution: {integrity: sha512-C4lD4b7mUIw+RZhtY7qUbf4eADmb7Ey8BFA2px9jUbwg7pjTZDl4KY4bvlUV+/vXQvzQRfiGEVJyAbtOsCMInw==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      postcss: ^8.4
+
+  postcss-import@15.1.0:
+    resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-js@4.1.0:
+    resolution: {integrity: sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==}
+    engines: {node: ^12 || ^14 || >= 16}
+    peerDependencies:
+      postcss: ^8.4.21
+
+  postcss-less@6.0.0:
+    resolution: {integrity: sha512-FPX16mQLyEjLzEuuJtxA8X3ejDLNGGEG503d2YGZR5Ask1SpDN8KmZUMpzCvyalWRywAn1n1VOA5dcqfCLo5rg==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      postcss: ^8.3.5
+
+  postcss-load-config@3.1.4:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+
+  postcss-load-config@6.0.1:
+    resolution: {integrity: sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      jiti: '>=1.21.0'
+      postcss: '>=8.0.9'
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+      postcss:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  postcss-nested@6.2.0:
+    resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-nested@7.0.2:
+    resolution: {integrity: sha512-5osppouFc0VR9/VYzYxO03VaDa3e8F23Kfd6/9qcZTUI8P58GIYlArOET2Wq0ywSl2o2PjELhYOFI4W7l5QHKw==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.2.14
+
+  postcss-prefix-selector@2.1.1:
+    resolution: {integrity: sha512-ZBgf427Et6+XnrnJ9VXtJEKCjJwTvn2wn/qMg+wvvlRhIeFIAxdbrlZZ0CSsWYMJfcyPLBh8ogj5O1kb/Mcx3g==}
+    peerDependencies:
+      postcss: ^8.0.0
+
+  postcss-safe-parser@7.0.1:
+    resolution: {integrity: sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.4.31
+
+  postcss-scss@4.0.9:
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.29
+
+  postcss-selector-parser@6.0.10:
+    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+    engines: {node: '>=4'}
+
+  postcss-selector-parser@6.1.2:
+    resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
+    engines: {node: '>=4'}
+
+  postcss-selector-parser@7.1.1:
+    resolution: {integrity: sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg==}
+    engines: {node: '>=4'}
+
+  postcss-value-parser@4.2.0:
+    resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+  postcss@8.5.15:
+    resolution: {integrity: sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  postcss@8.5.6:
+    resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prettier-plugin-css-order@2.2.0:
+    resolution: {integrity: sha512-GCkwEgQ2roT7le+zpUFQThPDO4x5EXcZmY9Rj6rvO++I/nATTGBWdZdsooha/BlvIBbZclJzXsgJdlKWrys9+w==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      prettier: 3.x
+
+  prettier-plugin-svelte@3.4.1:
+    resolution: {integrity: sha512-xL49LCloMoZRvSwa6IEdN2GV6cq2IqpYGstYtMT+5wmml1/dClEoI0MZR78MiVPpu6BdQFfN0/y73yO6+br5Pg==}
+    peerDependencies:
+      prettier: ^3.0.0
+      svelte: 5.48.0
+
+  prettier@2.8.8:
+    resolution: {integrity: sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==}
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+
+  prettier@3.8.0:
+    resolution: {integrity: sha512-yEPsovQfpxYfgWNhCfECjG5AQaO+K3dp6XERmOepyPDVqcJm+bjyCVO3pmU+nAPe0N5dDvekfGezt/EIiRe1TA==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  pretty-format@27.5.1:
+    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+
+  prism-svelte@0.4.7:
+    resolution: {integrity: sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==}
+
+  prism-svelte@0.5.0:
+    resolution: {integrity: sha512-db91Bf3pRGKDPz1lAqLFSJXeW13mulUJxhycysFpfXV5MIK7RgWWK2E5aPAa71s8TCzQUXxF5JOV42/iOs6QkA==}
+
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
+    engines: {node: '>=6'}
+
+  promise@7.3.1:
+    resolution: {integrity: sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==}
+
+  pug-attrs@3.0.0:
+    resolution: {integrity: sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==}
+
+  pug-code-gen@3.0.4:
+    resolution: {integrity: sha512-6okWYIKdasTyXICyEtvobmTZAVX57JkzgzIi4iRJlin8kmhG+Xry2dsus+Mun/nGCn6F2U49haHI5mkELXB14g==}
+
+  pug-error@2.1.0:
+    resolution: {integrity: sha512-lv7sU9e5Jk8IeUheHata6/UThZ7RK2jnaaNztxfPYUY+VxZyk/ePVaNZ/vwmH8WqGvDz3LrNYt/+gA55NDg6Pg==}
+
+  pug-filters@4.0.0:
+    resolution: {integrity: sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==}
+
+  pug-lexer@5.0.1:
+    resolution: {integrity: sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==}
+
+  pug-linker@4.0.0:
+    resolution: {integrity: sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==}
+
+  pug-load@3.0.0:
+    resolution: {integrity: sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==}
+
+  pug-parser@6.0.0:
+    resolution: {integrity: sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==}
+
+  pug-runtime@3.0.1:
+    resolution: {integrity: sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg==}
+
+  pug-strip-comments@2.0.0:
+    resolution: {integrity: sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==}
+
+  pug-walk@2.0.0:
+    resolution: {integrity: sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ==}
+
+  pug@3.0.3:
+    resolution: {integrity: sha512-uBi6kmc9f3SZ3PXxqcHiUZLmIXgfgWooKWXcwSGwQd2Zi5Rb0bT14+8CJjJgI8AB+nndLaNgHGrcc6bPIB665g==}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  quansync@0.2.11:
+    resolution: {integrity: sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  react-dom@19.2.3:
+    resolution: {integrity: sha512-yELu4WmLPw5Mr/lmeEpox5rw3RETacE++JgHqQzd2dg+YbJuat3jH4ingc+WPZhxaoFzdv9y33G+F7Nl5O0GBg==}
+    peerDependencies:
+      react: ^19.2.3
+
+  react-is@17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
+
+  react@19.2.3:
+    resolution: {integrity: sha512-Ku/hhYbVjOQnXDZFv2+RibmLFGwFdeeKHFcOTlrt7xplBnya5OGn/hIRDsqDiSUcfORsDC7MPxwork8jBwsIWA==}
+    engines: {node: '>=0.10.0'}
+
+  read-cache@1.0.0:
+    resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+  read-package-json-fast@4.0.0:
+    resolution: {integrity: sha512-qpt8EwugBWDw2cgE2W+/3oxC+KTez2uSVR8JU9Q36TXPAGCaozfQUs59v4j4GFpWTaw0i6hAZSvOmu1J0uOEUg==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+
+  read-yaml-file@1.1.0:
+    resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==}
+    engines: {node: '>=6'}
+
+  readdirp@3.6.0:
+    resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+    engines: {node: '>=8.10.0'}
+
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
+  recast@0.23.11:
+    resolution: {integrity: sha512-YTUo+Flmw4ZXiWfQKGcwwc11KnoRAYgzAE2E7mXKCjSviTKShtxBsN6YUUBB2gtaBzKzeKunxhUwNHQuRryhWA==}
+    engines: {node: '>= 4'}
+
+  recorder-audio-worklet-processor@5.0.39:
+    resolution: {integrity: sha512-qGIXJC00M/QXY6eAOfQeRuBVC4HyKaSKbuH3QBNqvvWlgcaq9a37rzA4c8GwiLtLN27H+SciWyJSX0CGTJJoEA==}
+
+  recorder-audio-worklet@6.0.56:
+    resolution: {integrity: sha512-Fk6Fy1wc0jlnwdXXd3wIpekqyzp70jP22zP191z+vS267K0JfcbtbopX/7yc4P2dzHTfdXzxbdF1xn48RX/SNQ==}
+
+  redent@3.0.0:
+    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
+    engines: {node: '>=8'}
+
+  regexparam@3.0.0:
+    resolution: {integrity: sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==}
+    engines: {node: '>=8'}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  requires-port@1.0.0:
+    resolution: {integrity: sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==}
+
+  reserved-identifiers@1.2.0:
+    resolution: {integrity: sha512-yE7KUfFvaBFzGPs5H3Ops1RevfUEsDc5Iz65rOwWg4lE8HJSYtle77uul3+573457oHvBKuHYDl/xqUkKpEEdw==}
+    engines: {node: '>=18'}
+
+  resize-observer-polyfill@1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==}
+
+  resolve-from@4.0.0:
+    resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
+    engines: {node: '>=4'}
+
+  resolve-from@5.0.0:
+    resolution: {integrity: sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==}
+    engines: {node: '>=8'}
+
+  resolve@1.22.11:
+    resolution: {integrity: sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
+  resolve@1.22.12:
+    resolution: {integrity: sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
+  rettime@0.7.0:
+    resolution: {integrity: sha512-LPRKoHnLKd/r3dVxcwO7vhCW+orkOGj9ViueosEBK6ie89CijnfRlhaDhHq/3Hxu4CkWQtxwlBG0mzTQY6uQjw==}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  robust-predicates@3.0.2:
+    resolution: {integrity: sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==}
+
+  rollup@4.55.2:
+    resolution: {integrity: sha512-PggGy4dhwx5qaW+CKBilA/98Ql9keyfnb7lh4SR6shQ91QQQi1ORJ1v4UinkdP2i87OBs9AQFooQylcrrRfIcg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rollup@4.59.0:
+    resolution: {integrity: sha512-2oMpl67a3zCH9H79LeMcbDhXW/UmWG/y2zuqnF2jQq5uq9TbM9TVyXvA4+t+ne2IIkBdrLpAaRQAvo7YI/Yyeg==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  rollup@4.61.0:
+    resolution: {integrity: sha512-T9mWdbWfQtp0B5lv/HX+wrhYsmXRlcWnXXmJbXqKJhlRaoS6KMhq0gpyzW4UJfclcxrEdLnTgjT2NjruLONu0g==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  roughjs@4.6.6:
+    resolution: {integrity: sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ==}
+
+  run-applescript@7.1.0:
+    resolution: {integrity: sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==}
+    engines: {node: '>=18'}
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  rw@1.3.3:
+    resolution: {integrity: sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==}
+
+  rxjs-interop@2.0.0:
+    resolution: {integrity: sha512-ASEq9atUw7lualXB+knvgtvwkCEvGWV2gDD/8qnASzBkzEARZck9JAyxmY8OS6Nc1pCPEgDTKNcx+YqqYfzArw==}
+
+  sade@1.8.1:
+    resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
+    engines: {node: '>=6'}
+
+  safer-buffer@2.1.2:
+    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
+
+  sanitize-html@2.17.0:
+    resolution: {integrity: sha512-dLAADUSS8rBwhaevT12yCezvioCA+bmUTPH/u57xKPT8d++voeYE6HeluA/bPbQ15TwDBG2ii+QZIEmYx8VdxA==}
+
+  sass@1.97.2:
+    resolution: {integrity: sha512-y5LWb0IlbO4e97Zr7c3mlpabcbBtS+ieiZ9iwDooShpFKWXf62zz5pEPdwrLYm+Bxn1fnbwFGzHuCLSA9tBmrw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  sax@1.4.4:
+    resolution: {integrity: sha512-1n3r/tGXO6b6VXMdFT54SHzT9ytu9yr7TaELowdYpMqY/Ao7EnlQGmAQ1+RatX7Tkkdm6hONI2owqNx2aZj5Sw==}
+    engines: {node: '>=11.0.0'}
+
+  saxes@6.0.0:
+    resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
+    engines: {node: '>=v12.22.7'}
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  scule@1.3.0:
+    resolution: {integrity: sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==}
+
+  semiver@1.1.0:
+    resolution: {integrity: sha512-QNI2ChmuioGC1/xjyYwyZYADILWyW6AmS1UH6gDj/SFUUUS4MBAWs/7mxnkRPc/F4iHezDP+O8t0dO8WHiEOdg==}
+    engines: {node: '>=6'}
+
+  semver@7.7.3:
+    resolution: {integrity: sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  semver@7.8.1:
+    resolution: {integrity: sha512-rkVq3IXh+4FDGch+KwzX3aV9W3kO54GyEgpvBzSyctDA6Xtd7RJQV1xmXbeQp5v7+VzLOfVqiutSE6GICgPFvg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  set-cookie-parser@2.7.2:
+    resolution: {integrity: sha512-oeM1lpU/UvhTxw+g3cIfxXHyJRc/uidd3yK1P242gzHds0udQBYzs3y8j4gCCW+ZJ7ad0yctld8RYO+bdurlvw==}
+
+  sharp@0.34.5:
+    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  shell-quote@1.8.3:
+    resolution: {integrity: sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==}
+    engines: {node: '>= 0.4'}
+
+  siginfo@2.0.0:
+    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
+
+  signal-exit@4.1.0:
+    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+    engines: {node: '>=14'}
+
+  sirv-cli@3.0.1:
+    resolution: {integrity: sha512-ICXaF2u6IQhLZ0EXF6nqUF4YODfSQSt+mGykt4qqO5rY+oIiwdg7B8w2PVDBJlQulaS2a3J8666CUoDoAuCGvg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  slash@3.0.0:
+    resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==}
+    engines: {node: '>=8'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map-support@0.5.21:
+    resolution: {integrity: sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==}
+
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
+
+  spawndamnit@3.0.1:
+    resolution: {integrity: sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg==}
+
+  spdx-exceptions@2.5.0:
+    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
+
+  spdx-expression-parse@4.0.0:
+    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
+
+  spdx-license-ids@3.0.22:
+    resolution: {integrity: sha512-4PRT4nh1EImPbt2jASOKHX7PB7I+e4IWNLvkKFDxNhJlfjbYlleYQh285Z/3mPTHSAK/AvdMmw5BNNuYH8ShgQ==}
+
+  sprintf-js@1.0.3:
+    resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
+
+  stackback@0.0.2:
+    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
+
+  standardized-audio-context@25.3.77:
+    resolution: {integrity: sha512-Ki9zNz6pKcC5Pi+QPjPyVsD9GwJIJWgryji0XL9cAJXMGyn+dPOf6Qik1AHei0+UNVcc4BOCa0hWLBzlwqsW/A==}
+
+  statuses@2.0.2:
+    resolution: {integrity: sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==}
+    engines: {node: '>= 0.8'}
+
+  std-env@3.10.0:
+    resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
+
+  storybook-dark-mode@4.0.2:
+    resolution: {integrity: sha512-zjcwwQ01R5t1VsakA6alc2JDIRVtavryW8J3E3eKLDIlAMcvsgtpxlelWkZs2cuNspk6Z10XzhQVrUWtYc3F0w==}
+
+  storybook@10.1.11:
+    resolution: {integrity: sha512-pKP5jXJYM4OjvNklGuHKO53wOCAwfx79KvZyOWHoi9zXUH5WVMFUe/ZfWyxXG/GTcj0maRgHGUjq/0I43r0dDQ==}
+    hasBin: true
+    peerDependencies:
+      prettier: ^2 || ^3
+    peerDependenciesMeta:
+      prettier:
+        optional: true
+
+  storybook@10.4.1:
+    resolution: {integrity: sha512-V1Zd2e+gBFufqAQVZ1JR8KLqALsEZ3JYSBnWwQbKa6zCfWWanR6AFMyuOkLt2gZOgGp3h2Riuz88pGNVTQSG0A==}
+    hasBin: true
+    peerDependencies:
+      '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      prettier: ^2 || ^3
+      vite-plus: ^0.1.15
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      prettier:
+        optional: true
+      vite-plus:
+        optional: true
+
+  strict-event-emitter@0.5.1:
+    resolution: {integrity: sha512-vMgjE/GGEPEFnhFub6pa4FmJBRBVOLpIII2hvCZ8Kzb7K0hlHo7mQv6xYrBvCL2LtAIBwFUK8wvuJgTVSQ5MFQ==}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@5.1.2:
+    resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+    engines: {node: '>=12'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.1.2:
+    resolution: {integrity: sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==}
+    engines: {node: '>=12'}
+
+  strip-bom@3.0.0:
+    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
+    engines: {node: '>=4'}
+
+  strip-indent@3.0.0:
+    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
+    engines: {node: '>=8'}
+
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
+  style-mod@4.1.3:
+    resolution: {integrity: sha512-i/n8VsZydrugj3Iuzll8+x/00GH2vnYsk1eomD8QiRrSAeW6ItbCQDtfXCeJHd0iwiNagqjQkvpvREEPtW3IoQ==}
+
+  stylis@4.3.6:
+    resolution: {integrity: sha512-yQ3rwFWRfwNUY7H5vpU0wfdkNSnvnJinhF9830Swlaxl03zsOjCfmX0ugac+3LtK0lYSgwL/KXc8oYL3mG4YFQ==}
+
+  stylus@0.64.0:
+    resolution: {integrity: sha512-ZIdT8eUv8tegmqy1tTIdJv9We2DumkNZFdCF5mz/Kpq3OcTaxSuCAYZge6HKK2CmNC02G1eJig2RV7XTw5hQrA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  subscribable-things@2.1.57:
+    resolution: {integrity: sha512-Ebcu2SJUntGnfJlTKc5jIGcDbuev4Ys2bRstzl5DUyzjWTZV9ymONZ0x8kEiN8NtnDlVuFe40EB8t3XvH8SWkw==}
+
+  sucrase@3.35.1:
+    resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
+    engines: {node: '>=16 || 14 >=14.17'}
+    hasBin: true
+
+  sugarss@5.0.1:
+    resolution: {integrity: sha512-ctS5RYCBVvPoZAnzIaX5QSShK8ZiZxD5HUqSxlusvEMC+QZQIPCPOIJg6aceFX+K2rf4+SH89eu++h1Zmsr2nw==}
+    engines: {node: '>=18.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+
+  supports-color@10.2.2:
+    resolution: {integrity: sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==}
+    engines: {node: '>=18'}
+
+  supports-color@7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
+    engines: {node: '>=8'}
+
+  supports-preserve-symlinks-flag@1.0.0:
+    resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+    engines: {node: '>= 0.4'}
+
+  svelte-ast-print@0.4.2:
+    resolution: {integrity: sha512-hRHHufbJoArFmDYQKCpCvc0xUuIEfwYksvyLYEQyH+1xb5LD5sM/IthfooCdXZQtOIqXz6xm7NmaqdfwG4kh6w==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      svelte: 5.48.0
+
+  svelte-check@4.3.5:
+    resolution: {integrity: sha512-e4VWZETyXaKGhpkxOXP+B/d0Fp/zKViZoJmneZWe/05Y2aqSKj3YN2nLfYPJBQ87WEiY4BQCQ9hWGu9mPT1a1Q==}
+    engines: {node: '>= 18.0.0'}
+    hasBin: true
+    peerDependencies:
+      svelte: 5.48.0
+      typescript: '>=5.0.0'
+
+  svelte-eslint-parser@1.4.1:
+    resolution: {integrity: sha512-1eqkfQ93goAhjAXxZiu1SaKI9+0/sxp4JIWQwUpsz7ybehRE5L8dNuz7Iry7K22R47p5/+s9EM+38nHV2OlgXA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0, pnpm: 10.24.0}
+    peerDependencies:
+      svelte: 5.48.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+
+  svelte-i18n@4.0.1:
+    resolution: {integrity: sha512-jaykGlGT5PUaaq04JWbJREvivlCnALtT+m87Kbm0fxyYHynkQaxQMnIKHLm2WeIuBRoljzwgyvz0Z6/CMwfdmQ==}
+    engines: {node: '>= 16'}
+    hasBin: true
+    peerDependencies:
+      svelte: 5.48.0
+
+  svelte-preprocess@6.0.3:
+    resolution: {integrity: sha512-PLG2k05qHdhmRG7zR/dyo5qKvakhm8IJ+hD2eFRQmMLHp7X3eJnjeupUtvuRpbNiF31RjVw45W+abDwHEmP5OA==}
+    engines: {node: '>= 18.0.0'}
+    peerDependencies:
+      '@babel/core': ^7.10.2
+      coffeescript: ^2.5.1
+      less: ^3.11.3 || ^4.0.0
+      postcss: ^7 || ^8
+      postcss-load-config: '>=3'
+      pug: ^3.0.0
+      sass: ^1.26.8
+      stylus: '>=0.55'
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: 5.48.0
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      coffeescript:
+        optional: true
+      less:
+        optional: true
+      postcss:
+        optional: true
+      postcss-load-config:
+        optional: true
+      pug:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      typescript:
+        optional: true
+
+  svelte-range-slider-pips@4.1.0:
+    resolution: {integrity: sha512-2Zw7MngIuPeqdyJ3ueEp7jPSx0hce+Sx8r1eteCeUPxEWlNavKhBtqJyuoAdpvh5csPPFVZJ4TJ4MX9s4G70uw==}
+    peerDependencies:
+      svelte: 5.48.0
+
+  svelte2tsx@0.7.46:
+    resolution: {integrity: sha512-S++Vw3w47a8rBuhbz4JK0fcGea8tOoX1boT53Aib8+oUO2EKeOG+geXprJVTDfBlvR+IJdf3jIpR2RGwT6paQA==}
+    peerDependencies:
+      svelte: 5.48.0
+      typescript: ^4.9.4 || ^5.0.0
+
+  svelte@5.48.0:
+    resolution: {integrity: sha512-+NUe82VoFP1RQViZI/esojx70eazGF4u0O/9ucqZ4rPcOZD+n5EVp17uYsqwdzjUjZyTpGKunHbDziW6AIAVkQ==}
+    engines: {node: '>=18'}
+
+  symbol-tree@3.2.4:
+    resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
+
+  tagged-tag@1.0.0:
+    resolution: {integrity: sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng==}
+    engines: {node: '>=20'}
+
+  tailwindcss@3.4.19:
+    resolution: {integrity: sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  tailwindcss@4.1.18:
+    resolution: {integrity: sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==}
+
+  tar@7.5.4:
+    resolution: {integrity: sha512-AN04xbWGrSTDmVwlI4/GTlIIwMFk/XEv7uL8aa57zuvRy6s4hdBed+lVq2fAZ89XDa7Us3ANXcE3Tvqvja1kTA==}
+    engines: {node: '>=18'}
+    deprecated: Old versions of tar are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
+
+  term-size@2.2.1:
+    resolution: {integrity: sha512-wK0Ri4fOGjv/XPy8SBHZChl8CM7uMc5VML7SqiQ0zG7+J5Vr+RMQDoHa2CNT6KHUnTGIXH34UDMkPzAUyapBZg==}
+    engines: {node: '>=8'}
+
+  terser@5.46.0:
+    resolution: {integrity: sha512-jTwoImyr/QbOWFFso3YoU3ik0jBBDJ6JTOQiy/J2YxVJdZCc+5u7skhNwiOR3FQIygFqVUPHl7qbbxtjW2K3Qg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  test-exclude@7.0.1:
+    resolution: {integrity: sha512-pFYqmTw68LXVjeWJMST4+borgQP2AyMNbg1BpZh9LbyhUeNkeaPF9gzfPGUAnSMV3qPYdWUwDIjjCLiSDOl7vg==}
+    engines: {node: '>=18'}
+
+  thenify-all@1.6.0:
+    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+    engines: {node: '>=0.8'}
+
+  thenify@3.3.1:
+    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
+  timers-ext@0.1.8:
+    resolution: {integrity: sha512-wFH7+SEAcKfJpfLPkrgMPvvwnEtj8W4IurvEyrKsDleXnKLCDw71w8jltvfLa8Rm4qQxxT4jmDBYbJG/z7qoww==}
+    engines: {node: '>=0.12'}
+
+  tiny-glob@0.2.9:
+    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
+
+  tiny-invariant@1.3.3:
+    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
+
+  tiny-lru@11.4.7:
+    resolution: {integrity: sha512-w/Te7uMUVeH0CR8vZIjr+XiN41V+30lkDdK+NRIDCUYKKuL9VcmaUEmaPISuwGhLlrTGh5yu18lENtR9axSxYw==}
+    engines: {node: '>=12'}
+
+  tinybench@2.9.0:
+    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
+
+  tinycolor2@1.6.0:
+    resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
+
+  tinydate@1.3.0:
+    resolution: {integrity: sha512-7cR8rLy2QhYHpsBDBVYnnWXm8uRTr38RoZakFSW7Bs7PzfMPNZthuMLkwqZv7MTu8lhQ91cOFYS5a7iFj2oR3w==}
+    engines: {node: '>=4'}
+
+  tinyexec@1.0.2:
+    resolution: {integrity: sha512-W/KYk+NFhkmsYpuHq5JykngiOCnxeVL8v8dFnqxSD8qEEdRfXk1SDM6JzNqcERbcGYj9tMrDQBYV9cjgnunFIg==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tinyrainbow@2.0.0:
+    resolution: {integrity: sha512-op4nsTR47R6p0vMUUoYl/a+ljLFVtlfaXkLQmqfLR1qHma1h/ysYk4hEXZ880bf2CYgTskvTa/e196Vd5dDQXw==}
+    engines: {node: '>=14.0.0'}
+
+  tinyrainbow@3.0.3:
+    resolution: {integrity: sha512-PSkbLUoxOFRzJYjjxHJt9xro7D+iilgMX/C9lawzVuYiIdcihh9DXmVibBe8lmcFrRi/VzlPjBxbN7rH24q8/Q==}
+    engines: {node: '>=14.0.0'}
+
+  tinyspy@4.0.4:
+    resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==}
+    engines: {node: '>=14.0.0'}
+
+  tldts-core@7.0.19:
+    resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
+
+  tldts@7.0.19:
+    resolution: {integrity: sha512-8PWx8tvC4jDB39BQw1m4x8y5MH1BcQ5xHeL2n7UVFulMPH/3Q0uiamahFJ3lXA0zO2SUyRXuVVbWSDmstlt9YA==}
+    hasBin: true
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  to-valid-identifier@1.0.0:
+    resolution: {integrity: sha512-41wJyvKep3yT2tyPqX/4blcfybknGB4D+oETKLs7Q76UiPqRpUJK3hr1nxelyYO0PHKVzJwlu0aCeEAsGI6rpw==}
+    engines: {node: '>=20'}
+
+  token-stream@1.0.0:
+    resolution: {integrity: sha512-VSsyNPPW74RpHwR8Fc21uubwHY7wMDeJLys2IX5zJNih+OnAnaifKHo+1LHT7DAdloQ7apeaaWg8l7qnf/TnEg==}
+
+  topojson-client@3.1.0:
+    resolution: {integrity: sha512-605uxS6bcYxGXw9qi62XyrV6Q3xwbndjachmNxu8HWTtVPxZfEJN9fd/SZS1Q54Sn2y0TMyMxFj/cJINqGHrKw==}
+    hasBin: true
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tough-cookie@6.0.0:
+    resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
+    engines: {node: '>=16'}
+
+  tr46@0.0.3:
+    resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
+  tr46@6.0.0:
+    resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
+    engines: {node: '>=20'}
+
+  trouter@4.0.0:
+    resolution: {integrity: sha512-bwwr76BThfiVwAFZqks5cJ+VoKNM3/2Yg1ZwJslkdmAUQ6S0UNoCoGYFDxdw+u1skfexggdmD2p35kW5Td4Cug==}
+    engines: {node: '>=6'}
+
+  ts-api-utils@2.4.0:
+    resolution: {integrity: sha512-3TaVTaAv2gTiMB35i3FiGJaRfwb3Pyn/j3m/bfAvGe8FB7CF6u+LMYqYlDh7reQf7UNvoTvdfAqHGmPGOSsPmA==}
+    engines: {node: '>=18.12'}
+    peerDependencies:
+      typescript: '>=4.8.4'
+
+  ts-dedent@2.2.0:
+    resolution: {integrity: sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==}
+    engines: {node: '>=6.10'}
+
+  ts-interface-checker@0.1.13:
+    resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  type-fest@2.19.0:
+    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
+    engines: {node: '>=12.20'}
+
+  type-fest@5.4.1:
+    resolution: {integrity: sha512-xygQcmneDyzsEuKZrFbRMne5HDqMs++aFzefrJTgEIKjQ3rekM+RPfFCVq2Gp1VIDqddoYeppCj4Pcb+RZW0GQ==}
+    engines: {node: '>=20'}
+
+  type@2.7.3:
+    resolution: {integrity: sha512-8j+1QmAbPvLZow5Qpi6NCaN8FB60p/6x8/vfNqOk/hC+HuvFZhL4+WfekuhQLiqFZXOgQdrs3B+XxEmCc6b3FQ==}
+
+  typescript-svelte-plugin@0.3.50:
+    resolution: {integrity: sha512-CD6jMNAYJwqCyQ5zZBDRuveeJvAgIogLwXMf5eXAl4K36wD8W+Npw49h6j5fXnpd7SKcG3uptGpeCGETED6WSA==}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ufo@1.6.3:
+    resolution: {integrity: sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==}
+
+  uglify-js@3.19.3:
+    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
+    engines: {node: '>=0.8.0'}
+    hasBin: true
+
+  undici-types@6.21.0:
+    resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
+
+  undici-types@7.16.0:
+    resolution: {integrity: sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==}
+
+  undici@7.18.2:
+    resolution: {integrity: sha512-y+8YjDFzWdQlSE9N5nzKMT3g4a5UBX1HKowfdXh0uvAnTaqqwqB92Jt4UXBAeKekDs5IaDKyJFR4X1gYVCgXcw==}
+    engines: {node: '>=20.18.1'}
+
+  unenv@2.0.0-rc.24:
+    resolution: {integrity: sha512-i7qRCmY42zmCwnYlh9H2SvLEypEFGye5iRmEMKjcGi7zk9UquigRjFtTLz0TYqr0ZGLZhaMHl/foy1bZR+Cwlw==}
+
+  unist-util-is@4.1.0:
+    resolution: {integrity: sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==}
+
+  unist-util-stringify-position@2.0.3:
+    resolution: {integrity: sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==}
+
+  unist-util-visit-parents@3.1.1:
+    resolution: {integrity: sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg==}
+
+  unist-util-visit@2.0.3:
+    resolution: {integrity: sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==}
+
+  universalify@0.1.2:
+    resolution: {integrity: sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==}
+    engines: {node: '>= 4.0.0'}
+
+  universalify@2.0.1:
+    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
+    engines: {node: '>= 10.0.0'}
+
+  unplugin@2.3.11:
+    resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
+    engines: {node: '>=18.12.0'}
+
+  until-async@3.0.2:
+    resolution: {integrity: sha512-IiSk4HlzAMqTUseHHe3VhIGyuFmN90zMTpD3Z3y8jeQbzLIq500MVM7Jq2vUAnTKAFPJrqwkzr6PoTcPhGcOiw==}
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  use-sync-external-store@1.6.0:
+    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  uuid@11.1.0:
+    resolution: {integrity: sha512-0/A9rDy9P7cJ+8w1c9WD9V//9Wj15Ce2MPz8Ri6032usz+NfePxx5AcN3bN+r6ZL6jEo066/yNYB3tn4pQEx+A==}
+    hasBin: true
+
+  vega-canvas@1.2.7:
+    resolution: {integrity: sha512-OkJ9CACVcN9R5Pi9uF6MZBF06pO6qFpDYHWSKBJsdHP5o724KrsgR6UvbnXFH82FdsiTOff/HqjuaG8C7FL+9Q==}
+
+  vega-canvas@2.0.0:
+    resolution: {integrity: sha512-9x+4TTw/USYST5nx4yN272sy9WcqSRjAR0tkQYZJ4cQIeon7uVsnohvoPQK1JZu7K1QXGUqzj08z0u/UegBVMA==}
+
+  vega-crossfilter@4.1.4:
+    resolution: {integrity: sha512-5E/i60Y80CUt+4O+U89X8ZnauaFuq0ztq/Hx4i4sT/crk4Lfn1oplRAjNOo7dFEZ04TahyBbYiJKIhR0yvmHpw==}
+
+  vega-crossfilter@5.1.0:
+    resolution: {integrity: sha512-EmVhfP3p6AM7o/lPan/QAoqjblI19BxWUlvl2TSs0xjQd8KbaYYbS4Ixt3cmEvl0QjRdBMF6CdJJ/cy9DTS4Fw==}
+
+  vega-dataflow@5.7.8:
+    resolution: {integrity: sha512-jrllcIjSYU5Jh130RDR44o/SbUbJndLuoiM9IsKWW+a7HayKnfmbdHWm7MvCrj/YLupFZVojRaS1tTs53EXTdA==}
+
+  vega-dataflow@6.1.0:
+    resolution: {integrity: sha512-JxumGlODtFbzoQ4c/jQK8Tb/68ih0lrexlCozcMfTAwQ12XhTqCvlafh7MAKKTMBizjOfaQTHm4Jkyb1H5CfyQ==}
+
+  vega-embed@6.29.0:
+    resolution: {integrity: sha512-PmlshTLtLFLgWtF/b23T1OwX53AugJ9RZ3qPE2c01VFAbgt3/GSNI/etzA/GzdrkceXFma+FDHNXUppKuM0U6Q==}
+    peerDependencies:
+      vega: ^5.21.0
+      vega-lite: '*'
+
+  vega-embed@7.1.0:
+    resolution: {integrity: sha512-ZmEIn5XJrQt7fSh2lwtSdXG/9uf3yIqZnvXFEwBJRppiBgrEWZcZbj6VK3xn8sNTFQ+sQDXW5sl/6kmbAW3s5A==}
+    peerDependencies:
+      vega: '*'
+      vega-lite: '*'
+
+  vega-encode@4.10.3:
+    resolution: {integrity: sha512-245ebBuN1TjwVVDFG7JZaZ/ExLAhZ4kDTK2zlIoXs/g2P5rRgL4Q6oRixr+Pgr43G7ISCEHrUBgUjRcSoG8eEA==}
+
+  vega-encode@5.1.0:
+    resolution: {integrity: sha512-q26oI7B+MBQYcTQcr5/c1AMsX3FvjZLQOBi7yI0vV+GEn93fElDgvhQiYrgeYSD4Exi/jBPeUXuN6p4bLz16kA==}
+
+  vega-event-selector@3.0.1:
+    resolution: {integrity: sha512-K5zd7s5tjr1LiOOkjGpcVls8GsH/f2CWCrWcpKy74gTCp+llCdwz0Enqo013ZlGaRNjfgD/o1caJRt3GSaec4A==}
+
+  vega-event-selector@4.0.0:
+    resolution: {integrity: sha512-CcWF4m4KL/al1Oa5qSzZ5R776q8lRxCj3IafCHs5xipoEHrkgu1BWa7F/IH5HrDNXeIDnqOpSV1pFsAWRak4gQ==}
+
+  vega-expression@5.1.2:
+    resolution: {integrity: sha512-fFeDTh4UtOxlZWL54jf1ZqJHinyerWq/ROiqrQxqLkNJRJ86RmxYTgXwt65UoZ/l4VUv9eAd2qoJeDEf610Umw==}
+
+  vega-expression@5.2.1:
+    resolution: {integrity: sha512-9KKbI2q9qTI55NSjD/dVWg3aeCtw+gwyWCiLMM47ha6iXrAN9pQ+EKRJfxOHuoDfCTlJJTaUfnnXgbqm0HEszg==}
+
+  vega-expression@6.1.0:
+    resolution: {integrity: sha512-hHgNx/fQ1Vn1u6vHSamH7lRMsOa/yQeHGGcWVmh8fZafLdwdhCM91kZD9p7+AleNpgwiwzfGogtpATFaMmDFYg==}
+
+  vega-force@4.2.3:
+    resolution: {integrity: sha512-7Yp1uOPy3eyzK/hnAIU0v/yQ9mIhtoJ+tq8AMaZiWqy67SUYsE3olmgdllY6R9M81D/n/rv8K+8JjbHMU5/sUA==}
+
+  vega-force@5.1.0:
+    resolution: {integrity: sha512-wdnchOSeXpF9Xx8Yp0s6Do9F7YkFeOn/E/nENtsI7NOcyHpICJ5+UkgjUo9QaQ/Yu+dIDU+sP/4NXsUtq6SMaQ==}
+
+  vega-format@1.1.4:
+    resolution: {integrity: sha512-+oz6UvXjQSbweW9P8q+1o2qFYyBYPFax94j6a9PQMnCIWMovFSss1wEElljOT8CEpnHyS15yiGlmz4qbWTQwnQ==}
+
+  vega-format@2.1.0:
+    resolution: {integrity: sha512-i9Ht33IgqG36+S1gFDpAiKvXCPz+q+1vDhDGKK8YsgMxGOG4PzinKakI66xd7SdV4q97FgpR7odAXqtDN2wKqw==}
+
+  vega-functions@5.18.1:
+    resolution: {integrity: sha512-qEBAbo0jxGGebRvbX1zmxzmjwFz8/UtncRhzwk9/KcI0WudULNmCM1iTu+DGFRnNHdcKi6kUlwJBPIp7zDu3HQ==}
+
+  vega-functions@6.1.1:
+    resolution: {integrity: sha512-Due6jP0y0FfsGMTrHnzUGnEwXPu7VwE+9relfo+LjL/tRPYnnKqwWvzt7n9JkeBuZqjkgYjMzm/WucNn6Hkw5A==}
+
+  vega-geo@4.4.4:
+    resolution: {integrity: sha512-jTLYrDvhXJinWQCfuVLP1nSlOdFlA9blVS6K7uOcBTJ4382Aw3ALGZKluUQyJkFdrkGfqxoDJo5MLHLu2zlc6g==}
+
+  vega-geo@5.1.0:
+    resolution: {integrity: sha512-H8aBBHfthc3rzDbz/Th18+Nvp00J73q3uXGAPDQqizioDm/CoXCK8cX4pMePydBY9S6ikBiGJrLKFDa80wI20g==}
+
+  vega-hierarchy@4.1.4:
+    resolution: {integrity: sha512-/iSh1YqdgsHFB20QxJ6IAVzRZQBKuMpZ/GsN5sZDP3bBJdVWl3we48L/r6w7FP9NU+JzFHcDUPJ0S0UzpMhaqg==}
+
+  vega-hierarchy@5.1.0:
+    resolution: {integrity: sha512-rZlU8QJNETlB6o73lGCPybZtw2fBBsRIRuFE77aCLFHdGsh6wIifhplVarqE9icBqjUHRRUOmcEYfzwVIPr65g==}
+
+  vega-interpreter@1.2.1:
+    resolution: {integrity: sha512-EMHLGxJ+SWfh1K/fHDRlHEZtLA/2ZNAXItYb5e8CxuAIm/Ha/3DHX/8VlvbTGIciUpuwmcKx4tVhJWlKreQ/Yw==}
+
+  vega-interpreter@2.2.1:
+    resolution: {integrity: sha512-o+4ZEme2mdFLewlpF76dwPWW2VkZ3TAF3DMcq75/NzA5KPvnN4wnlCM8At2FVawbaHRyGdVkJSS5ROF5KwpHPQ==}
+
+  vega-label@1.3.2:
+    resolution: {integrity: sha512-YlUCUZNsp1FHkpPjOpD+aVVmVLFw6xa+bFQGBCECuY1DuRyN6l8oCRmUOjBrr70ip8fbqfGk+czHw543J1PJgg==}
+
+  vega-label@2.1.0:
+    resolution: {integrity: sha512-/hgf+zoA3FViDBehrQT42Lta3t8In6YwtMnwjYlh72zNn1p3c7E3YUBwqmAqTM1x+tudgzMRGLYig+bX1ewZxQ==}
+
+  vega-lite@5.23.0:
+    resolution: {integrity: sha512-l4J6+AWE3DIjvovEoHl2LdtCUkfm4zs8Xxx7INwZEAv+XVb6kR6vIN1gt3t2gN2gs/y4DYTs/RPoTeYAuEg6mA==}
+    engines: {node: '>=18'}
+    hasBin: true
+    peerDependencies:
+      vega: ^5.24.0
+
+  vega-lite@6.4.2:
+    resolution: {integrity: sha512-Mv2PaRIpijz256LM0NdOJd9Md8cqyrXina54xW6Qp865YfY502zlXGUst+W/XznVwISGfatt0yLZuDqCUbBDuw==}
+    engines: {node: '>=20'}
+    hasBin: true
+    peerDependencies:
+      vega: ^6.0.0
+
+  vega-loader@4.5.4:
+    resolution: {integrity: sha512-AOJPsDVz009aTdD9hzigUaO/NFmuN1o83rzvZu/g37TJfhU+3DOvgnO0rnqJbnSOfcBkLWER6XghlKS3j77w4A==}
+
+  vega-loader@5.1.0:
+    resolution: {integrity: sha512-GaY3BdSPbPNdtrBz8SYUBNmNd8mdPc3mtdZfdkFazQ0RD9m+Toz5oR8fKnTamNSk9fRTJX0Lp3uEqxrAlQVreg==}
+
+  vega-parser@6.6.1:
+    resolution: {integrity: sha512-FIez+huStzgjsxLqOkxDAooTkDC2XruYCIFWhd3HuM/QrqKtj9JKGuIUJjpVVkE7by7S5ejrucpRzVVgQfbzSg==}
+
+  vega-parser@7.1.0:
+    resolution: {integrity: sha512-g0lrYxtmYVW8G6yXpIS4J3Uxt9OUSkc0bLu5afoYDo4rZmoOOdll3x3ebActp5LHPW+usZIE+p5nukRS2vEc7Q==}
+
+  vega-projection@1.6.3:
+    resolution: {integrity: sha512-vusyaPi3EFIHrBVs0chNv2bCqxw4X+XgI1m3+yOgUD/dutsIGTcqy+PjlNlspPQvMI9JjTeIUTGt8u1V7oDwAA==}
+
+  vega-projection@2.1.0:
+    resolution: {integrity: sha512-EjRjVSoMR5ibrU7q8LaOQKP327NcOAM1+eZ+NO4ANvvAutwmbNVTmfA1VpPH+AD0AlBYc39ND/wnRk7SieDiXA==}
+
+  vega-regression@1.3.2:
+    resolution: {integrity: sha512-DtGToopuJGmxeoymaOXTDKlWkkYiDVvZFV1IWQNuRlChTBI6YBpil4WmA3U+ECePDQuk2+/mWlw+vafrbgF8Tg==}
+
+  vega-regression@2.1.0:
+    resolution: {integrity: sha512-HzC7MuoEwG1rIxRaNTqgcaYF03z/ZxYkQR2D5BN0N45kLnHY1HJXiEcZkcffTsqXdspLjn47yLi44UoCwF5fxQ==}
+
+  vega-runtime@6.2.2:
+    resolution: {integrity: sha512-5c+i7y5XBw5phIA1mBeqF/gtOQcDjUzroUAQ0g3y3weNx0K4mzj7V360yZiBLNcuHv65xgTlijstbKQttxeY/g==}
+
+  vega-runtime@7.1.0:
+    resolution: {integrity: sha512-mItI+WHimyEcZlZrQ/zYR3LwHVeyHCWwp7MKaBjkU8EwkSxEEGVceyGUY9X2YuJLiOgkLz/6juYDbMv60pfwYA==}
+
+  vega-scale@7.4.3:
+    resolution: {integrity: sha512-f7SSN2YJowtrdkt7nJIR6YYhjDk8oB37q5So2/OxXQv5CBHipFPQSHS1ZVw9vD3V5wLnrZCxC4Ji27gmsTefgA==}
+
+  vega-scale@8.1.0:
+    resolution: {integrity: sha512-VEgDuEcOec8+C8+FzLcnAmcXrv2gAJKqQifCdQhkgnsLa978vYUgVfCut/mBSMMHbH8wlUV1D0fKZTjRukA1+A==}
+
+  vega-scenegraph@4.13.2:
+    resolution: {integrity: sha512-eCutgcLzdUg23HLc6MTZ9pHCdH0hkqSmlbcoznspwT0ajjATk6M09JNyJddiaKR55HuQo03mBWsPeRCd5kOi0g==}
+
+  vega-scenegraph@5.1.0:
+    resolution: {integrity: sha512-4gA89CFIxkZX+4Nvl8SZF2MBOqnlj9J5zgdPh/HPx+JOwtzSlUqIhxFpFj7GWYfwzr/PyZnguBLPihPw1Og/cA==}
+
+  vega-schema-url-parser@2.2.0:
+    resolution: {integrity: sha512-yAtdBnfYOhECv9YC70H2gEiqfIbVkq09aaE4y/9V/ovEFmH9gPKaEgzIZqgT7PSPQjKhsNkb6jk6XvSoboxOBw==}
+
+  vega-schema-url-parser@3.0.2:
+    resolution: {integrity: sha512-xAnR7KAvNPYewI3O0l5QGdT8Tv0+GCZQjqfP39cW/hbe/b3aYMAQ39vm8O2wfXUHzm04xTe7nolcsx8WQNVLRQ==}
+
+  vega-selections@5.6.3:
+    resolution: {integrity: sha512-DXd+XVKcIjBAtSCcgtPx7cXuqG/7L98SWoFh6GKNu26EBUyn3zm0GAlZxNLPoI01Jz9Fb3YpSsewk2aIAbM68g==}
+
+  vega-selections@6.1.2:
+    resolution: {integrity: sha512-xJ+V4qdd46nk2RBdwIRrQm2iSTMHdlu/omhLz1pqRL3jZDrkqNBXimrisci2kIKpH2WBpA1YVagwuZEKBmF2Qw==}
+
+  vega-statistics@1.9.0:
+    resolution: {integrity: sha512-GAqS7mkatpXcMCQKWtFu1eMUKLUymjInU0O8kXshWaQrVWjPIO2lllZ1VNhdgE0qGj4oOIRRS11kzuijLshGXQ==}
+
+  vega-statistics@2.0.0:
+    resolution: {integrity: sha512-dGPfDXnBlgXbZF3oxtkb8JfeRXd5TYHx25Z/tIoaa9jWua4Vf/AoW2wwh8J1qmMy8J03/29aowkp1yk4DOPazQ==}
+
+  vega-themes@2.15.0:
+    resolution: {integrity: sha512-DicRAKG9z+23A+rH/3w3QjJvKnlGhSbbUXGjBvYGseZ1lvj9KQ0BXZ2NS/+MKns59LNpFNHGi9us/wMlci4TOA==}
+    peerDependencies:
+      vega: '*'
+      vega-lite: '*'
+
+  vega-themes@3.0.0:
+    resolution: {integrity: sha512-1iFiI3BNmW9FrsLnDLx0ZKEddsCitRY3XmUAwp6qmp+p+IXyJYc9pfjlVj9E6KXBPfm4cQyU++s0smKNiWzO4g==}
+    peerDependencies:
+      vega: '*'
+      vega-lite: '*'
+
+  vega-time@2.1.4:
+    resolution: {integrity: sha512-DBMRps5myYnSAlvQ+oiX8CycJZjGQNqyGE04xaZrpOgHll7vlvezpET2FnGZC7wS3DsqMcPjnpnI1h7+qJox1Q==}
+
+  vega-time@3.1.0:
+    resolution: {integrity: sha512-G93mWzPwNa6UYQRkr8Ujur9uqxbBDjDT/WpXjbDY0yygdSkRT+zXF+Sb4gjhW0nPaqdiwkn0R6kZcSPMj1bMNA==}
+
+  vega-tooltip@0.35.2:
+    resolution: {integrity: sha512-kuYcsAAKYn39ye5wKf2fq1BAxVcjoz0alvKp/G+7BWfIb94J0PHmwrJ5+okGefeStZnbXxINZEOKo7INHaj9GA==}
+
+  vega-tooltip@1.0.0:
+    resolution: {integrity: sha512-P1R0JP29v0qnTuwzCQ0SPJlkjAzr6qeyj+H4VgUFSykHmHc1OBxda//XBaFDl/bZgIscEMvjKSjZpXd84x3aZQ==}
+
+  vega-transforms@4.12.2:
+    resolution: {integrity: sha512-VuNLzB0DavFn5GIkFvR2XvwPavjY7VXl2oPUOFvNgSfyQywmCoC7VOX+iHeOdxoZdoy+XEOGAqRs9imxVo2HVA==}
+
+  vega-transforms@5.1.0:
+    resolution: {integrity: sha512-mj/sO2tSuzzpiXX8JSl4DDlhEmVwM/46MTAzTNQUQzJPMI/n4ChCjr/SdEbfEyzlD4DPm1bjohZGjLc010yuMg==}
+
+  vega-typings@1.5.1:
+    resolution: {integrity: sha512-40kRoG/jG8+4cd3kT5yw08iTlIGe57F7Go/ileSCtRtgU8RZ7tpPaE6GgYvF/HTPlCKMk9/pOdp62+o5sulhvQ==}
+
+  vega-typings@2.1.0:
+    resolution: {integrity: sha512-zdis4Fg4gv37yEvTTSZEVMNhp8hwyEl7GZ4X4HHddRVRKxWFsbyKvZx/YW5Z9Ox4sjxVA2qHzEbod4Fdx+SEJA==}
+
+  vega-util@1.17.4:
+    resolution: {integrity: sha512-+y3ZW7dEqM8Ck+KRsd+jkMfxfE7MrQxUyIpNjkfhIpGEreym+aTn7XUw1DKXqclr8mqTQvbilPo16B3lnBr0wA==}
+
+  vega-util@2.1.0:
+    resolution: {integrity: sha512-PGfp0m0QCufDmcxKJCWQy4Ov23FoF8DSXmoJwSezi3itQaa2hbxK0+xwsTMP2vy4PR16Pu25HMzgMwXVW1+33w==}
+
+  vega-view-transforms@4.6.2:
+    resolution: {integrity: sha512-udnYutgX7T7E0crqKWSs4hcxTdUmZHR2F4rKj0+3nN9+CfYMWbGgUkCkP2pMu7j2OH0ETX2uDn5xL8+YJWeXSg==}
+
+  vega-view-transforms@5.1.0:
+    resolution: {integrity: sha512-fpigh/xn/32t+An1ShoY3MLeGzNdlbAp2+HvFKzPpmpMTZqJEWkk/J/wHU7Swyc28Ta7W1z3fO+8dZkOYO5TWQ==}
+
+  vega-view@5.16.1:
+    resolution: {integrity: sha512-YyG4i2JDkRCacHd9xNAwyov2cELxwzPGY224PA2o0gEhkoOjPkVElTmo9QHJvKeVxMoyad6wvoq+Jj+TB6zhLw==}
+
+  vega-view@6.1.0:
+    resolution: {integrity: sha512-hmHDm/zC65lb23mb9Tr9Gx0wkxP0TMS31LpMPYxIZpvInxvUn7TYitkOtz1elr63k2YZrgmF7ztdGyQ4iCQ5fQ==}
+
+  vega-voronoi@4.2.5:
+    resolution: {integrity: sha512-u0TLSQboiLyoM6V9S0E6cc77EfWati+ApZ6zE+NhH3h/zZRzYZmElnDn46hUof2o9jNyh09xFXTXykVHmt7IGg==}
+
+  vega-voronoi@5.1.0:
+    resolution: {integrity: sha512-uKdsoR9x60mz7eYtVG+NhlkdQXeVdMr6jHNAHxs+W+i6kawkUp5S9jp1xf1FmW/uZvtO1eqinHQNwATcDRsiUg==}
+
+  vega-wordcloud@4.1.7:
+    resolution: {integrity: sha512-xdMykDXdWEp3/7Hil7Yx8uNVmjvqxwGibHJLSfiubNNO9OErrH3ZUgcxWv5hLe9wdK+KSGP94SSqTOAaqH7r/A==}
+
+  vega-wordcloud@5.1.0:
+    resolution: {integrity: sha512-sSdNmT8y2D7xXhM2h76dKyaYn3PA4eV49WUUkfYfqHz/vpcu10GSAoFxLhQQTkbZXR+q5ZB63tFUow9W2IFo6g==}
+
+  vega@5.33.1:
+    resolution: {integrity: sha512-1fArfVDUqVbb5z8n+/nVQb+VNBzx8svY6CrsyTK4Ujm4yrd9I1auoKxBAPXLCavY1LcrbHUskQbGUP8gXOzyQw==}
+
+  vega@6.2.0:
+    resolution: {integrity: sha512-BIwalIcEGysJdQDjeVUmMWB3e50jPDNAMfLJscjEvpunU9bSt7X1OYnQxkg3uBwuRRI4nWfFZO9uIW910nLeGw==}
+
+  vfile-message@2.0.4:
+    resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==}
+
+  vite-plugin-turbosnap@1.0.3:
+    resolution: {integrity: sha512-p4D8CFVhZS412SyQX125qxyzOgIFouwOcvjZWk6bQbNPR1wtaEzFT6jZxAjf1dejlGqa6fqHcuCvQea6EWUkUA==}
+
+  vite@7.3.1:
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vite@7.3.5:
+    resolution: {integrity: sha512-KuOaNhcnGFN2zIPGA7wRmzF+lJA1sea7rHq17aiJ++9lzY1WWG6Jpwqwe1KNbRVPIqHmr8GLYx7jbrQcN/7/ww==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitefu@1.1.3:
+    resolution: {integrity: sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
+  vitest-browser-svelte@0.1.0:
+    resolution: {integrity: sha512-YB6ZUZZQNqU1T9NzvTEDpwpPv35Ng1NZMPBh81zDrLEdOgROGE6nJb79NWb1Eu/a8VkHifqArpOZfJfALge6xQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      '@vitest/browser': ^2.1.0 || ^3.0.0-0
+      svelte: 5.48.0
+      vitest: ^2.1.0 || ^3.0.0-0
+
+  vitest@4.0.18:
+    resolution: {integrity: sha512-hOQuK7h0FGKgBAas7v0mSAsnvrIgAvWmRFjmzpJ7SwFHH3g1k2u37JtYwOwmEKhK6ZO3v9ggDBBm0La1LCK4uQ==}
+    engines: {node: ^20.0.0 || ^22.0.0 || >=24.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': ^20.0.0 || ^22.0.0 || >=24.0.0
+      '@vitest/browser-playwright': 4.0.18
+      '@vitest/browser-preview': 4.0.18
+      '@vitest/browser-webdriverio': 4.0.18
+      '@vitest/ui': 4.0.18
+      happy-dom: '*'
+      jsdom: '*'
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  void-elements@3.1.0:
+    resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
+    engines: {node: '>=0.10.0'}
+
+  vscode-jsonrpc@8.2.0:
+    resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.17.5:
+    resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
+
+  vscode-languageserver-textdocument@1.0.12:
+    resolution: {integrity: sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==}
+
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
+  vscode-languageserver@9.0.1:
+    resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
+    hasBin: true
+
+  vscode-uri@3.0.8:
+    resolution: {integrity: sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==}
+
+  w3c-keyname@2.2.8:
+    resolution: {integrity: sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==}
+
+  w3c-xmlserializer@5.0.0:
+    resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
+    engines: {node: '>=18'}
+
+  wavesurfer.js@7.11.0:
+    resolution: {integrity: sha512-LOGdIBIKv/roYuQYClhoqhwbIdQL1GfobLnS2vx0heoLD9lu57OUHWE2DIsCNXBvCsmmbkUvJq9W8bPLPbikGw==}
+
+  webidl-conversions@3.0.1:
+    resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
+  webidl-conversions@8.0.1:
+    resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
+    engines: {node: '>=20'}
+
+  webpack-virtual-modules@0.6.2:
+    resolution: {integrity: sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==}
+
+  whatwg-mimetype@3.0.0:
+    resolution: {integrity: sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==}
+    engines: {node: '>=12'}
+
+  whatwg-mimetype@4.0.0:
+    resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
+    engines: {node: '>=18'}
+
+  whatwg-mimetype@5.0.0:
+    resolution: {integrity: sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw==}
+    engines: {node: '>=20'}
+
+  whatwg-url@15.1.0:
+    resolution: {integrity: sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==}
+    engines: {node: '>=20'}
+
+  whatwg-url@5.0.0:
+    resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  which@5.0.0:
+    resolution: {integrity: sha512-JEdGzHwwkrbWoGOlIHqQ5gtprKGOenpDHpxE9zVR1bWbOtYRyPPHMe9FaP6x61CmNaTThSkb0DAJte5jD+DmzQ==}
+    engines: {node: ^18.17.0 || >=20.5.0}
+    hasBin: true
+
+  why-is-node-running@2.3.0:
+    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
+    engines: {node: '>=8'}
+    hasBin: true
+
+  wikidata-lang@5.0.1:
+    resolution: {integrity: sha512-PNlf6pNfDnNVLgi0AOl2h8yhdlpw9WLE/qHL/fxpnNf+fJraG5Qhhms7ABcqTH9knXw08BaX2ZvbKip4CcAR6g==}
+    engines: {node: '>= 14.0.0'}
+
+  with@7.0.2:
+    resolution: {integrity: sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==}
+    engines: {node: '>= 10.0.0'}
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wordwrap@1.0.0:
+    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
+
+  worker-factory@7.0.48:
+    resolution: {integrity: sha512-CGmBy3tJvpBPjUvb0t4PrpKubUsfkI1Ohg0/GGFU2RvA9j/tiVYwKU8O7yu7gH06YtzbeJLzdUR29lmZKn5pag==}
+
+  workerd@1.20260116.0:
+    resolution: {integrity: sha512-tVdBes3qkZKm9ntrgSDlvKzk4g2mcMp4bNM1+UgZMpTesb0x7e59vYYcKclbSNypmVkdLWpEc2TOpO0WF/rrZw==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  wrangler@4.59.3:
+    resolution: {integrity: sha512-zl+nqoGzWJ4K+NEMjy4GiaIi9ix59FkOzd7UsDb8CQADwy3li1DSNAzHty/BWYa3ZvMxr/G4pogMBb5vcSrNvQ==}
+    engines: {node: '>=20.0.0'}
+    hasBin: true
+    peerDependencies:
+      '@cloudflare/workers-types': ^4.20260116.0
+    peerDependenciesMeta:
+      '@cloudflare/workers-types':
+        optional: true
+
+  wrap-ansi@6.2.0:
+    resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
+    engines: {node: '>=8'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@8.1.0:
+    resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+    engines: {node: '>=12'}
+
+  wrap-ansi@9.0.2:
+    resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
+    engines: {node: '>=18'}
+
+  ws@8.18.0:
+    resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  ws@8.19.0:
+    resolution: {integrity: sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  ws@8.21.0:
+    resolution: {integrity: sha512-Vsp28b7DRcimFQvrqu2Wek3z1iYxDCWqHYB8Qsnk/S4RfaCQzPGPyBNuVjJV3cd6UiKtUtp6sNM77gWvzcCH+g==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  wsl-utils@0.1.0:
+    resolution: {integrity: sha512-h3Fbisa2nKGPxCpm89Hk33lBLsnaGBvctQopaBSOW/uIs6FTe1ATyAnKFJrzVs9vpGdsTe73WF3V4lIsk4Gacw==}
+    engines: {node: '>=18'}
+
+  xml-name-validator@5.0.0:
+    resolution: {integrity: sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==}
+    engines: {node: '>=18'}
+
+  xmlchars@2.2.0:
+    resolution: {integrity: sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
+  yaml@1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs-parser@22.0.0:
+    resolution: {integrity: sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=23}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yargs@18.0.0:
+    resolution: {integrity: sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==}
+    engines: {node: ^20.19.0 || ^22.12.0 || >=23}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  yoctocolors-cjs@2.1.3:
+    resolution: {integrity: sha512-U/PBtDf35ff0D8X8D0jfdzHYEPFxAI7jJlxZXwCSez5M3190m+QobIfh+sWDWSHMCWWJN2AWamkegn6vr6YBTw==}
+    engines: {node: '>=18'}
+
+  youch-core@0.3.3:
+    resolution: {integrity: sha512-ho7XuGjLaJ2hWHoK8yFnsUGy2Y5uDpqSTq1FkHLK4/oqKtyUU1AFbOOxY4IpC9f0fTLjwYbslUz0Po5BpD1wrA==}
+
+  youch@4.1.0-beta.10:
+    resolution: {integrity: sha512-rLfVLB4FgQneDr0dv1oddCVZmKjcJ6yX6mS4pU82Mq/Dt9a3cLZQ62pDBL4AUO+uVrCvtWz3ZFUL2HFAFJ/BXQ==}
+
+  zimmerframe@1.1.2:
+    resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}
+
+  zimmerframe@1.1.4:
+    resolution: {integrity: sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==}
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+snapshots:
+
+  '@acemir/cssom@0.9.31': {}
+
+  '@adobe/css-tools@4.3.3':
+    optional: true
+
+  '@adobe/css-tools@4.4.4': {}
+
+  '@alloc/quick-lru@5.2.0': {}
+
+  '@ampproject/remapping@2.3.0':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@antfu/install-pkg@1.1.0':
+    dependencies:
+      package-manager-detector: 1.6.0
+      tinyexec: 1.0.2
+
+  '@asamuzakjp/css-color@4.1.1':
+    dependencies:
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-color-parser': 3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      lru-cache: 11.2.4
+
+  '@asamuzakjp/dom-selector@6.7.6':
+    dependencies:
+      '@asamuzakjp/nwsapi': 2.3.9
+      bidi-js: 1.0.3
+      css-tree: 3.1.0
+      is-potential-custom-element-name: 1.0.1
+      lru-cache: 11.2.4
+
+  '@asamuzakjp/nwsapi@2.3.9': {}
+
+  '@babel/code-frame@7.28.6':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-string-parser@7.29.7':
+    optional: true
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    optional: true
+
+  '@babel/parser@7.28.6':
+    dependencies:
+      '@babel/types': 7.28.6
+
+  '@babel/parser@7.29.7':
+    dependencies:
+      '@babel/types': 7.29.7
+    optional: true
+
+  '@babel/runtime@7.28.6': {}
+
+  '@babel/types@7.28.6':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@babel/types@7.29.7':
+    dependencies:
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+    optional: true
+
+  '@babylonjs/core@8.46.2': {}
+
+  '@babylonjs/loaders@8.46.2(@babylonjs/core@8.46.2)(babylonjs-gltf2interface@8.46.2)':
+    dependencies:
+      '@babylonjs/core': 8.46.2
+      babylonjs-gltf2interface: 8.46.2
+
+  '@babylonjs/viewer@8.46.2(@babylonjs/core@8.46.2)(@babylonjs/loaders@8.46.2(@babylonjs/core@8.46.2)(babylonjs-gltf2interface@8.46.2))':
+    dependencies:
+      '@babylonjs/core': 8.46.2
+      '@babylonjs/loaders': 8.46.2(@babylonjs/core@8.46.2)(babylonjs-gltf2interface@8.46.2)
+      lit: 3.3.2
+
+  '@bcoe/v8-coverage@1.0.2': {}
+
+  '@braintree/sanitize-url@7.1.1': {}
+
+  '@changesets/apply-release-plan@7.0.14':
+    dependencies:
+      '@changesets/config': 3.1.2
+      '@changesets/get-version-range-type': 0.4.0
+      '@changesets/git': 3.0.4
+      '@changesets/should-skip-package': 0.1.2
+      '@changesets/types': 6.1.0
+      '@manypkg/get-packages': 1.1.3
+      detect-indent: 6.1.0
+      fs-extra: 7.0.1
+      lodash.startcase: 4.4.0
+      outdent: 0.5.0
+      prettier: 2.8.8
+      resolve-from: 5.0.0
+      semver: 7.7.3
+
+  '@changesets/assemble-release-plan@6.0.9':
+    dependencies:
+      '@changesets/errors': 0.2.0
+      '@changesets/get-dependents-graph': 2.1.3
+      '@changesets/should-skip-package': 0.1.2
+      '@changesets/types': 6.1.0
+      '@manypkg/get-packages': 1.1.3
+      semver: 7.7.3
+
+  '@changesets/changelog-git@0.2.1':
+    dependencies:
+      '@changesets/types': 6.1.0
+
+  '@changesets/changelog-github@0.5.2':
+    dependencies:
+      '@changesets/get-github-info': 0.7.0
+      '@changesets/types': 6.1.0
+      dotenv: 8.6.0
+    transitivePeerDependencies:
+      - encoding
+
+  '@changesets/cli@2.29.8(@types/node@24.10.9)':
+    dependencies:
+      '@changesets/apply-release-plan': 7.0.14
+      '@changesets/assemble-release-plan': 6.0.9
+      '@changesets/changelog-git': 0.2.1
+      '@changesets/config': 3.1.2
+      '@changesets/errors': 0.2.0
+      '@changesets/get-dependents-graph': 2.1.3
+      '@changesets/get-release-plan': 4.0.14
+      '@changesets/git': 3.0.4
+      '@changesets/logger': 0.1.1
+      '@changesets/pre': 2.0.2
+      '@changesets/read': 0.6.6
+      '@changesets/should-skip-package': 0.1.2
+      '@changesets/types': 6.1.0
+      '@changesets/write': 0.4.0
+      '@inquirer/external-editor': 1.0.3(@types/node@24.10.9)
+      '@manypkg/get-packages': 1.1.3
+      ansi-colors: 4.1.3
+      ci-info: 3.9.0
+      enquirer: 2.4.1
+      fs-extra: 7.0.1
+      mri: 1.2.0
+      p-limit: 2.3.0
+      package-manager-detector: 0.2.11
+      picocolors: 1.1.1
+      resolve-from: 5.0.0
+      semver: 7.7.3
+      spawndamnit: 3.0.1
+      term-size: 2.2.1
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@changesets/config@3.1.2':
+    dependencies:
+      '@changesets/errors': 0.2.0
+      '@changesets/get-dependents-graph': 2.1.3
+      '@changesets/logger': 0.1.1
+      '@changesets/types': 6.1.0
+      '@manypkg/get-packages': 1.1.3
+      fs-extra: 7.0.1
+      micromatch: 4.0.8
+
+  '@changesets/errors@0.2.0':
+    dependencies:
+      extendable-error: 0.1.7
+
+  '@changesets/get-dependents-graph@2.1.3':
+    dependencies:
+      '@changesets/types': 6.1.0
+      '@manypkg/get-packages': 1.1.3
+      picocolors: 1.1.1
+      semver: 7.7.3
+
+  '@changesets/get-github-info@0.6.0':
+    dependencies:
+      dataloader: 1.4.0
+      node-fetch: 2.7.0
+    transitivePeerDependencies:
+      - encoding
+
+  '@changesets/get-github-info@0.7.0':
+    dependencies:
+      dataloader: 1.4.0
+      node-fetch: 2.7.0
+    transitivePeerDependencies:
+      - encoding
+
+  '@changesets/get-release-plan@4.0.14':
+    dependencies:
+      '@changesets/assemble-release-plan': 6.0.9
+      '@changesets/config': 3.1.2
+      '@changesets/pre': 2.0.2
+      '@changesets/read': 0.6.6
+      '@changesets/types': 6.1.0
+      '@manypkg/get-packages': 1.1.3
+
+  '@changesets/get-version-range-type@0.4.0': {}
+
+  '@changesets/git@3.0.4':
+    dependencies:
+      '@changesets/errors': 0.2.0
+      '@manypkg/get-packages': 1.1.3
+      is-subdir: 1.2.0
+      micromatch: 4.0.8
+      spawndamnit: 3.0.1
+
+  '@changesets/logger@0.1.1':
+    dependencies:
+      picocolors: 1.1.1
+
+  '@changesets/parse@0.4.2':
+    dependencies:
+      '@changesets/types': 6.1.0
+      js-yaml: 4.1.1
+
+  '@changesets/pre@2.0.2':
+    dependencies:
+      '@changesets/errors': 0.2.0
+      '@changesets/types': 6.1.0
+      '@manypkg/get-packages': 1.1.3
+      fs-extra: 7.0.1
+
+  '@changesets/read@0.6.6':
+    dependencies:
+      '@changesets/git': 3.0.4
+      '@changesets/logger': 0.1.1
+      '@changesets/parse': 0.4.2
+      '@changesets/types': 6.1.0
+      fs-extra: 7.0.1
+      p-filter: 2.1.0
+      picocolors: 1.1.1
+
+  '@changesets/should-skip-package@0.1.2':
+    dependencies:
+      '@changesets/types': 6.1.0
+      '@manypkg/get-packages': 1.1.3
+
+  '@changesets/types@4.1.0': {}
+
+  '@changesets/types@6.1.0': {}
+
+  '@changesets/write@0.4.0':
+    dependencies:
+      '@changesets/types': 6.1.0
+      fs-extra: 7.0.1
+      human-id: 4.1.3
+      prettier: 2.8.8
+
+  '@chevrotain/cst-dts-gen@11.0.3':
+    dependencies:
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+
+  '@chevrotain/gast@11.0.3':
+    dependencies:
+      '@chevrotain/types': 11.0.3
+      lodash-es: 4.17.21
+
+  '@chevrotain/regexp-to-ast@11.0.3': {}
+
+  '@chevrotain/types@11.0.3': {}
+
+  '@chevrotain/utils@11.0.3': {}
+
+  '@chromatic-com/storybook@4.1.3(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+    dependencies:
+      '@neoconfetti/react': 1.0.0
+      chromatic: 13.3.5
+      filesize: 10.1.6
+      jsonfile: 6.2.0
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      strip-ansi: 7.1.2
+    transitivePeerDependencies:
+      - '@chromatic-com/cypress'
+      - '@chromatic-com/playwright'
+
+  '@cloudflare/kv-asset-handler@0.4.2': {}
+
+  '@cloudflare/unenv-preset@2.10.0(unenv@2.0.0-rc.24)(workerd@1.20260116.0)':
+    dependencies:
+      unenv: 2.0.0-rc.24
+    optionalDependencies:
+      workerd: 1.20260116.0
+
+  '@cloudflare/workerd-darwin-64@1.20260116.0':
+    optional: true
+
+  '@cloudflare/workerd-darwin-arm64@1.20260116.0':
+    optional: true
+
+  '@cloudflare/workerd-linux-64@1.20260116.0':
+    optional: true
+
+  '@cloudflare/workerd-linux-arm64@1.20260116.0':
+    optional: true
+
+  '@cloudflare/workerd-windows-64@1.20260116.0':
+    optional: true
+
+  '@codemirror/autocomplete@6.20.0':
+    dependencies:
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/common': 1.5.0
+
+  '@codemirror/commands@6.10.1':
+    dependencies:
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/common': 1.5.0
+
+  '@codemirror/lang-css@6.3.1':
+    dependencies:
+      '@codemirror/autocomplete': 6.20.0
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@lezer/common': 1.5.0
+      '@lezer/css': 1.3.0
+
+  '@codemirror/lang-html@6.4.11':
+    dependencies:
+      '@codemirror/autocomplete': 6.20.0
+      '@codemirror/lang-css': 6.3.1
+      '@codemirror/lang-javascript': 6.2.4
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/common': 1.5.0
+      '@lezer/css': 1.3.0
+      '@lezer/html': 1.3.13
+
+  '@codemirror/lang-javascript@6.2.4':
+    dependencies:
+      '@codemirror/autocomplete': 6.20.0
+      '@codemirror/language': 6.12.1
+      '@codemirror/lint': 6.9.2
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/common': 1.5.0
+      '@lezer/javascript': 1.5.4
+
+  '@codemirror/lang-json@6.0.2':
+    dependencies:
+      '@codemirror/language': 6.12.1
+      '@lezer/json': 1.0.3
+
+  '@codemirror/lang-markdown@6.5.0':
+    dependencies:
+      '@codemirror/autocomplete': 6.20.0
+      '@codemirror/lang-html': 6.4.11
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/common': 1.5.0
+      '@lezer/markdown': 1.6.3
+
+  '@codemirror/lang-python@6.2.1':
+    dependencies:
+      '@codemirror/autocomplete': 6.20.0
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@lezer/common': 1.5.0
+      '@lezer/python': 1.1.18
+
+  '@codemirror/language@6.12.1':
+    dependencies:
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/common': 1.5.0
+      '@lezer/highlight': 1.2.3
+      '@lezer/lr': 1.4.7
+      style-mod: 4.1.3
+
+  '@codemirror/legacy-modes@6.5.2':
+    dependencies:
+      '@codemirror/language': 6.12.1
+
+  '@codemirror/lint@6.9.2':
+    dependencies:
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      crelt: 1.0.6
+
+  '@codemirror/search@6.6.0':
+    dependencies:
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      crelt: 1.0.6
+
+  '@codemirror/state@6.5.4':
+    dependencies:
+      '@marijn/find-cluster-break': 1.0.2
+
+  '@codemirror/view@6.39.11':
+    dependencies:
+      '@codemirror/state': 6.5.4
+      crelt: 1.0.6
+      style-mod: 4.1.3
+      w3c-keyname: 2.2.8
+
+  '@cropper/element-canvas@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element-crosshair@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element-grid@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element-handle@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element-image@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/element-canvas': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element-selection@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/element-canvas': 2.1.0
+      '@cropper/element-image': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element-shade@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/element-canvas': 2.1.0
+      '@cropper/element-selection': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element-viewer@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/element-canvas': 2.1.0
+      '@cropper/element-image': 2.1.0
+      '@cropper/element-selection': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  '@cropper/element@2.1.0':
+    dependencies:
+      '@cropper/utils': 2.1.0
+
+  '@cropper/elements@2.1.0':
+    dependencies:
+      '@cropper/element': 2.1.0
+      '@cropper/element-canvas': 2.1.0
+      '@cropper/element-crosshair': 2.1.0
+      '@cropper/element-grid': 2.1.0
+      '@cropper/element-handle': 2.1.0
+      '@cropper/element-image': 2.1.0
+      '@cropper/element-selection': 2.1.0
+      '@cropper/element-shade': 2.1.0
+      '@cropper/element-viewer': 2.1.0
+
+  '@cropper/utils@2.1.0': {}
+
+  '@cspotcode/source-map-support@0.8.1':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.9
+
+  '@csstools/cascade-layer-name-parser@2.0.5(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/color-helpers@5.1.0': {}
+
+  '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/color-helpers': 5.1.0
+      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/css-syntax-patches-for-csstree@1.0.25': {}
+
+  '@csstools/css-tokenizer@3.0.4': {}
+
+  '@csstools/media-query-list-parser@4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
+    dependencies:
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+
+  '@csstools/postcss-global-data@3.1.0(postcss@8.5.6)':
+    dependencies:
+      postcss: 8.5.6
+
+  '@emnapi/core@1.10.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/core@1.9.2':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.8.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/runtime@1.9.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@epic-web/invariant@1.0.0': {}
+
+  '@es-joy/jsdoccomment@0.78.0':
+    dependencies:
+      '@types/estree': 1.0.8
+      '@typescript-eslint/types': 8.53.1
+      comment-parser: 1.4.1
+      esquery: 1.7.0
+      jsdoc-type-pratt-parser: 7.0.0
+
+  '@es-joy/resolve.exports@1.2.0': {}
+
+  '@esbuild/aix-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.27.0':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.27.2':
+    optional: true
+
+  '@esbuild/aix-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/android-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/android-arm@0.19.12':
+    optional: true
+
+  '@esbuild/android-arm@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm@0.27.0':
+    optional: true
+
+  '@esbuild/android-arm@0.27.2':
+    optional: true
+
+  '@esbuild/android-arm@0.27.7':
+    optional: true
+
+  '@esbuild/android-x64@0.19.12':
+    optional: true
+
+  '@esbuild/android-x64@0.25.12':
+    optional: true
+
+  '@esbuild/android-x64@0.27.0':
+    optional: true
+
+  '@esbuild/android-x64@0.27.2':
+    optional: true
+
+  '@esbuild/android-x64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/darwin-x64@0.19.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.0':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.2':
+    optional: true
+
+  '@esbuild/darwin-x64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.0':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-arm@0.19.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.0':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.2':
+    optional: true
+
+  '@esbuild/linux-arm@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.0':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.2':
+    optional: true
+
+  '@esbuild/linux-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/linux-loong64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.0':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-loong64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.19.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.25.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.0':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.2':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.27.7':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.0':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.0':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.27.7':
+    optional: true
+
+  '@esbuild/linux-s390x@0.19.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.25.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.0':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.2':
+    optional: true
+
+  '@esbuild/linux-s390x@0.27.7':
+    optional: true
+
+  '@esbuild/linux-x64@0.19.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.0':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.2':
+    optional: true
+
+  '@esbuild/linux-x64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.0':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.19.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.0':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.2':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.27.7':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/sunos-x64@0.19.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.25.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.0':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.2':
+    optional: true
+
+  '@esbuild/sunos-x64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-arm64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.0':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.2':
+    optional: true
+
+  '@esbuild/win32-arm64@0.27.7':
+    optional: true
+
+  '@esbuild/win32-ia32@0.19.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.0':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.2':
+    optional: true
+
+  '@esbuild/win32-ia32@0.27.7':
+    optional: true
+
+  '@esbuild/win32-x64@0.19.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.0':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.2':
+    optional: true
+
+  '@esbuild/win32-x64@0.27.7':
+    optional: true
+
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.2(jiti@1.21.7))':
+    dependencies:
+      eslint: 9.39.2(jiti@1.21.7)
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.21.1':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/eslintrc@3.3.3':
+    dependencies:
+      ajv: 6.12.6
+      debug: 4.4.3
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.2
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/js@9.39.2': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
+  '@exodus/bytes@1.9.0': {}
+
+  '@ffmpeg/ffmpeg@0.12.15':
+    dependencies:
+      '@ffmpeg/types': 0.12.4
+
+  '@ffmpeg/types@0.12.4': {}
+
+  '@ffmpeg/util@0.12.2': {}
+
+  '@formatjs/ecma402-abstract@2.3.6':
+    dependencies:
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/intl-localematcher': 0.6.2
+      decimal.js: 10.6.0
+      tslib: 2.8.1
+
+  '@formatjs/fast-memoize@2.2.7':
+    dependencies:
+      tslib: 2.8.1
+
+  '@formatjs/icu-messageformat-parser@2.11.4':
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.3.6
+      '@formatjs/icu-skeleton-parser': 1.8.16
+      tslib: 2.8.1
+
+  '@formatjs/icu-skeleton-parser@1.8.16':
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.3.6
+      tslib: 2.8.1
+
+  '@formatjs/intl-localematcher@0.6.2':
+    dependencies:
+      tslib: 2.8.1
+
+  '@gradio/sanitize@0.2.0':
+    dependencies:
+      amuchina: 1.0.12
+      sanitize-html: 2.17.0
+
+  '@huggingface/hub@1.1.2':
+    dependencies:
+      '@huggingface/tasks': 0.18.12
+
+  '@huggingface/space-header@1.0.4': {}
+
+  '@huggingface/tasks@0.18.12': {}
+
+  '@humanfs/core@0.19.1': {}
+
+  '@humanfs/node@0.16.7':
+    dependencies:
+      '@humanfs/core': 0.19.1
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@iconify/types@2.0.0': {}
+
+  '@iconify/utils@3.1.0':
+    dependencies:
+      '@antfu/install-pkg': 1.1.0
+      '@iconify/types': 2.0.0
+      mlly: 1.8.0
+
+  '@iframe-resizer/child@5.5.7':
+    dependencies:
+      auto-console-group: 1.2.11
+
+  '@iframe-resizer/core@5.5.7':
+    dependencies:
+      auto-console-group: 1.2.11
+
+  '@iframe-resizer/jquery@5.5.7':
+    dependencies:
+      '@iframe-resizer/core': 5.5.7
+
+  '@iframe-resizer/parent@5.5.7':
+    dependencies:
+      '@iframe-resizer/core': 5.5.7
+      auto-console-group: 1.2.11
+
+  '@img/colour@1.0.0': {}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-s390x@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-wasm32@0.34.5':
+    dependencies:
+      '@emnapi/runtime': 1.8.1
+    optional: true
+
+  '@img/sharp-win32-arm64@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.34.5':
+    optional: true
+
+  '@inquirer/ansi@1.0.2': {}
+
+  '@inquirer/confirm@5.1.21(@types/node@24.10.9)':
+    dependencies:
+      '@inquirer/core': 10.3.2(@types/node@24.10.9)
+      '@inquirer/type': 3.0.10(@types/node@24.10.9)
+    optionalDependencies:
+      '@types/node': 24.10.9
+
+  '@inquirer/core@10.3.2(@types/node@24.10.9)':
+    dependencies:
+      '@inquirer/ansi': 1.0.2
+      '@inquirer/figures': 1.0.15
+      '@inquirer/type': 3.0.10(@types/node@24.10.9)
+      cli-width: 4.1.0
+      mute-stream: 2.0.0
+      signal-exit: 4.1.0
+      wrap-ansi: 6.2.0
+      yoctocolors-cjs: 2.1.3
+    optionalDependencies:
+      '@types/node': 24.10.9
+
+  '@inquirer/external-editor@1.0.3(@types/node@24.10.9)':
+    dependencies:
+      chardet: 2.1.1
+      iconv-lite: 0.7.2
+    optionalDependencies:
+      '@types/node': 24.10.9
+
+  '@inquirer/figures@1.0.15': {}
+
+  '@inquirer/type@3.0.10(@types/node@24.10.9)':
+    optionalDependencies:
+      '@types/node': 24.10.9
+
+  '@isaacs/cliui@8.0.2':
+    dependencies:
+      string-width: 5.1.2
+      string-width-cjs: string-width@4.2.3
+      strip-ansi: 7.1.2
+      strip-ansi-cjs: strip-ansi@6.0.1
+      wrap-ansi: 8.1.0
+      wrap-ansi-cjs: wrap-ansi@7.0.0
+
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.2
+
+  '@istanbuljs/schema@0.1.3': {}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/source-map@0.3.11':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+    optional: true
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@jridgewell/trace-mapping@0.3.9':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@lezer/common@1.5.0': {}
+
+  '@lezer/css@1.3.0':
+    dependencies:
+      '@lezer/common': 1.5.0
+      '@lezer/highlight': 1.2.3
+      '@lezer/lr': 1.4.7
+
+  '@lezer/highlight@1.2.3':
+    dependencies:
+      '@lezer/common': 1.5.0
+
+  '@lezer/html@1.3.13':
+    dependencies:
+      '@lezer/common': 1.5.0
+      '@lezer/highlight': 1.2.3
+      '@lezer/lr': 1.4.7
+
+  '@lezer/javascript@1.5.4':
+    dependencies:
+      '@lezer/common': 1.5.0
+      '@lezer/highlight': 1.2.3
+      '@lezer/lr': 1.4.7
+
+  '@lezer/json@1.0.3':
+    dependencies:
+      '@lezer/common': 1.5.0
+      '@lezer/highlight': 1.2.3
+      '@lezer/lr': 1.4.7
+
+  '@lezer/lr@1.4.7':
+    dependencies:
+      '@lezer/common': 1.5.0
+
+  '@lezer/markdown@1.6.3':
+    dependencies:
+      '@lezer/common': 1.5.0
+      '@lezer/highlight': 1.2.3
+
+  '@lezer/python@1.1.18':
+    dependencies:
+      '@lezer/common': 1.5.0
+      '@lezer/highlight': 1.2.3
+      '@lezer/lr': 1.4.7
+
+  '@lit-labs/ssr-dom-shim@1.5.1': {}
+
+  '@lit/reactive-element@2.1.2':
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.5.1
+
+  '@manypkg/find-root@1.1.0':
+    dependencies:
+      '@babel/runtime': 7.28.6
+      '@types/node': 12.20.55
+      find-up: 4.1.0
+      fs-extra: 8.1.0
+
+  '@manypkg/find-root@3.1.0':
+    dependencies:
+      '@manypkg/tools': 2.1.0
+
+  '@manypkg/get-packages@1.1.3':
+    dependencies:
+      '@babel/runtime': 7.28.6
+      '@changesets/types': 4.1.0
+      '@manypkg/find-root': 1.1.0
+      fs-extra: 8.1.0
+      globby: 11.1.0
+      read-yaml-file: 1.1.0
+
+  '@manypkg/get-packages@3.1.0':
+    dependencies:
+      '@manypkg/find-root': 3.1.0
+      '@manypkg/tools': 2.1.0
+
+  '@manypkg/tools@2.1.0':
+    dependencies:
+      jju: 1.4.0
+      js-yaml: 4.1.1
+      tinyglobby: 0.2.15
+
+  '@mapbox/node-pre-gyp@2.0.3':
+    dependencies:
+      consola: 3.4.2
+      detect-libc: 2.1.2
+      https-proxy-agent: 7.0.6
+      node-fetch: 2.7.0
+      nopt: 8.1.0
+      semver: 7.7.3
+      tar: 7.5.4
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+
+  '@marijn/find-cluster-break@1.0.2': {}
+
+  '@mdx-js/react@3.1.1(@types/react@19.2.9)(react@19.2.3)':
+    dependencies:
+      '@types/mdx': 2.0.13
+      '@types/react': 19.2.9
+      react: 19.2.3
+
+  '@mermaid-js/parser@0.6.3':
+    dependencies:
+      langium: 3.3.1
+
+  '@mswjs/interceptors@0.40.0':
+    dependencies:
+      '@open-draft/deferred-promise': 2.2.0
+      '@open-draft/logger': 0.3.0
+      '@open-draft/until': 2.1.0
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      strict-event-emitter: 0.5.1
+
+  '@napi-rs/wasm-runtime@1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@tybys/wasm-util': 0.10.2
+    optional: true
+
+  '@napi-rs/wasm-runtime@1.1.4(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@tybys/wasm-util': 0.10.2
+    optional: true
+
+  '@neoconfetti/react@1.0.0': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.1
+
+  '@open-draft/deferred-promise@2.2.0': {}
+
+  '@open-draft/logger@0.3.0':
+    dependencies:
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+
+  '@open-draft/until@2.1.0': {}
+
+  '@oxc-parser/binding-android-arm-eabi@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-android-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-darwin-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-freebsd-x64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-gnueabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm-musleabihf@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-arm64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-ppc64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-riscv64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-s390x-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-gnu@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-linux-x64-musl@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-openharmony-arm64@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-wasm32-wasi@0.127.0':
+    dependencies:
+      '@emnapi/core': 1.9.2
+      '@emnapi/runtime': 1.9.2
+      '@napi-rs/wasm-runtime': 1.1.4(@emnapi/core@1.9.2)(@emnapi/runtime@1.9.2)
+    optional: true
+
+  '@oxc-parser/binding-win32-arm64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-ia32-msvc@0.127.0':
+    optional: true
+
+  '@oxc-parser/binding-win32-x64-msvc@0.127.0':
+    optional: true
+
+  '@oxc-project/types@0.127.0': {}
+
+  '@oxc-resolver/binding-android-arm-eabi@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-android-arm64@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-arm64@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-darwin-x64@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-freebsd-x64@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-gnueabihf@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm-musleabihf@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-gnu@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-arm64-musl@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-ppc64-gnu@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-gnu@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-riscv64-musl@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-s390x-gnu@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-gnu@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-linux-x64-musl@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-openharmony-arm64@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-wasm32-wasi@11.20.0':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@napi-rs/wasm-runtime': 1.1.4(@emnapi/core@1.10.0)(@emnapi/runtime@1.10.0)
+    optional: true
+
+  '@oxc-resolver/binding-win32-arm64-msvc@11.20.0':
+    optional: true
+
+  '@oxc-resolver/binding-win32-x64-msvc@11.20.0':
+    optional: true
+
+  '@parcel/watcher-android-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.5.6':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-arm64@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.5.6':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.5.6':
+    optional: true
+
+  '@parcel/watcher@2.5.6':
+    dependencies:
+      detect-libc: 2.1.2
+      is-glob: 4.0.3
+      node-addon-api: 7.1.1
+      picomatch: 4.0.4
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.5.6
+      '@parcel/watcher-darwin-arm64': 2.5.6
+      '@parcel/watcher-darwin-x64': 2.5.6
+      '@parcel/watcher-freebsd-x64': 2.5.6
+      '@parcel/watcher-linux-arm-glibc': 2.5.6
+      '@parcel/watcher-linux-arm-musl': 2.5.6
+      '@parcel/watcher-linux-arm64-glibc': 2.5.6
+      '@parcel/watcher-linux-arm64-musl': 2.5.6
+      '@parcel/watcher-linux-x64-glibc': 2.5.6
+      '@parcel/watcher-linux-x64-musl': 2.5.6
+      '@parcel/watcher-win32-arm64': 2.5.6
+      '@parcel/watcher-win32-ia32': 2.5.6
+      '@parcel/watcher-win32-x64': 2.5.6
+    optional: true
+
+  '@pixi/colord@2.9.6': {}
+
+  '@pkgjs/parseargs@0.11.0':
+    optional: true
+
+  '@playwright/test@1.60.0':
+    dependencies:
+      playwright: 1.60.0
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@poppinss/colors@4.1.6':
+    dependencies:
+      kleur: 4.1.5
+
+  '@poppinss/dumper@0.6.5':
+    dependencies:
+      '@poppinss/colors': 4.1.6
+      '@sindresorhus/is': 7.2.0
+      supports-color: 10.2.2
+
+  '@poppinss/exception@1.2.3': {}
+
+  '@rollup/plugin-commonjs@28.0.9(rollup@4.55.2)':
+    dependencies:
+      '@rollup/pluginutils': 5.3.0(rollup@4.55.2)
+      commondir: 1.0.1
+      estree-walker: 2.0.2
+      fdir: 6.5.0(picomatch@4.0.3)
+      is-reference: 1.2.1
+      magic-string: 0.30.21
+      picomatch: 4.0.3
+    optionalDependencies:
+      rollup: 4.55.2
+
+  '@rollup/plugin-json@6.1.0(rollup@4.55.2)':
+    dependencies:
+      '@rollup/pluginutils': 5.3.0(rollup@4.55.2)
+    optionalDependencies:
+      rollup: 4.55.2
+
+  '@rollup/plugin-json@6.1.0(rollup@4.61.0)':
+    dependencies:
+      '@rollup/pluginutils': 5.3.0(rollup@4.61.0)
+    optionalDependencies:
+      rollup: 4.61.0
+
+  '@rollup/plugin-node-resolve@16.0.3(rollup@4.55.2)':
+    dependencies:
+      '@rollup/pluginutils': 5.3.0(rollup@4.55.2)
+      '@types/resolve': 1.20.2
+      deepmerge: 4.3.1
+      is-module: 1.0.0
+      resolve: 1.22.11
+    optionalDependencies:
+      rollup: 4.55.2
+
+  '@rollup/pluginutils@5.3.0(rollup@4.55.2)':
+    dependencies:
+      '@types/estree': 1.0.8
+      estree-walker: 2.0.2
+      picomatch: 4.0.3
+    optionalDependencies:
+      rollup: 4.55.2
+
+  '@rollup/pluginutils@5.3.0(rollup@4.61.0)':
+    dependencies:
+      '@types/estree': 1.0.8
+      estree-walker: 2.0.2
+      picomatch: 4.0.3
+    optionalDependencies:
+      rollup: 4.61.0
+
+  '@rollup/rollup-android-arm-eabi@4.55.2':
+    optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.59.0':
+    optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.61.0':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.55.2':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.59.0':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.61.0':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.55.2':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.59.0':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.61.0':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.55.2':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.59.0':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.61.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.55.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.59.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.61.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.55.2':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.59.0':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.61.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.55.2':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.59.0':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.61.0':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.55.2':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.59.0':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.61.0':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.55.2':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.59.0':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.61.0':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.55.2':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.59.0':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.61.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.55.2':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.59.0':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.61.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.55.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.59.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.61.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.55.2':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.59.0':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.61.0':
+    optional: true
+
+  '@sindresorhus/base62@1.0.0': {}
+
+  '@sindresorhus/is@7.2.0': {}
+
+  '@sindresorhus/slugify@3.0.0':
+    dependencies:
+      '@sindresorhus/transliterate': 2.3.1
+      escape-string-regexp: 5.0.0
+
+  '@sindresorhus/transliterate@2.3.1': {}
+
+  '@speed-highlight/core@1.2.14': {}
+
+  '@standard-schema/spec@1.1.0': {}
+
+  '@storybook/addon-a11y@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+    dependencies:
+      '@storybook/global': 5.0.0
+      axe-core: 4.11.1
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+
+  '@storybook/addon-docs@10.1.11(@types/react@19.2.9)(esbuild@0.25.12)(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@mdx-js/react': 3.1.1(@types/react@19.2.9)(react@19.2.3)
+      '@storybook/csf-plugin': 10.1.11(esbuild@0.25.12)(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@storybook/icons': 2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@storybook/react-dom-shim': 10.1.11(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      ts-dedent: 2.2.0
+    transitivePeerDependencies:
+      - '@types/react'
+      - esbuild
+      - rollup
+      - vite
+      - webpack
+
+  '@storybook/addon-svelte-csf@5.0.10(@storybook/svelte@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1)))(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@storybook/csf': 0.1.13
+      '@storybook/svelte': 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      dedent: 1.7.1
+      es-toolkit: 1.44.0
+      esrap: 1.4.9
+      magic-string: 0.30.21
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      svelte-ast-print: 0.4.2(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+      zimmerframe: 1.1.4
+    transitivePeerDependencies:
+      - babel-plugin-macros
+
+  '@storybook/addon-vitest@10.1.11(@vitest/browser-playwright@4.0.18)(@vitest/browser@3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18))(@vitest/runner@4.0.18)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vitest@4.0.18)':
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+    optionalDependencies:
+      '@vitest/browser': 3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+      '@vitest/browser-playwright': 4.0.18(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+      '@vitest/runner': 4.0.18
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+    transitivePeerDependencies:
+      - react
+      - react-dom
+
+  '@storybook/builder-vite@10.1.11(esbuild@0.25.12)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@storybook/csf-plugin': 10.1.11(esbuild@0.25.12)(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@vitest/mocker': 3.2.4(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      ts-dedent: 2.2.0
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+    transitivePeerDependencies:
+      - esbuild
+      - msw
+      - rollup
+      - webpack
+
+  '@storybook/components@8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+    dependencies:
+      storybook: 10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+
+  '@storybook/core-events@8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+    dependencies:
+      storybook: 10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+
+  '@storybook/csf-plugin@10.1.11(esbuild@0.25.12)(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      unplugin: 2.3.11
+    optionalDependencies:
+      esbuild: 0.25.12
+      rollup: 4.61.0
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  '@storybook/csf@0.1.13':
+    dependencies:
+      type-fest: 2.19.0
+
+  '@storybook/global@5.0.0': {}
+
+  '@storybook/icons@1.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+
+  '@storybook/icons@2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+
+  '@storybook/icons@2.0.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
+    dependencies:
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+
+  '@storybook/manager-api@8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+    dependencies:
+      storybook: 10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+
+  '@storybook/react-dom-shim@10.1.11(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+    dependencies:
+      react: 19.2.3
+      react-dom: 19.2.3(react@19.2.3)
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+
+  '@storybook/svelte-vite@10.1.11(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(esbuild@0.25.12)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@storybook/builder-vite': 10.1.11(esbuild@0.25.12)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(rollup@4.61.0)(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@storybook/svelte': 10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      magic-string: 0.30.21
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      svelte2tsx: 0.7.46(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+      typescript: 5.9.3
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+    transitivePeerDependencies:
+      - esbuild
+      - msw
+      - rollup
+      - webpack
+
+  '@storybook/svelte@10.1.11(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(svelte@5.48.0(@typescript-eslint/types@8.53.1))':
+    dependencies:
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      ts-dedent: 2.2.0
+      type-fest: 2.19.0
+
+  '@storybook/theming@8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))':
+    dependencies:
+      storybook: 10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+
+  '@sveltejs/acorn-typescript@1.0.10(acorn@8.16.0)':
+    dependencies:
+      acorn: 8.16.0
+
+  '@sveltejs/acorn-typescript@1.0.8(acorn@8.15.0)':
+    dependencies:
+      acorn: 8.15.0
+
+  '@sveltejs/adapter-auto@6.1.1(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))':
+    dependencies:
+      '@sveltejs/kit': 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))
+
+  '@sveltejs/adapter-auto@6.1.1(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))':
+    dependencies:
+      '@sveltejs/kit': 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+
+  '@sveltejs/adapter-auto@7.0.0(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))':
+    dependencies:
+      '@sveltejs/kit': 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+
+  '@sveltejs/adapter-node@5.5.1(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))':
+    dependencies:
+      '@rollup/plugin-commonjs': 28.0.9(rollup@4.55.2)
+      '@rollup/plugin-json': 6.1.0(rollup@4.55.2)
+      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.55.2)
+      '@sveltejs/kit': 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      rollup: 4.55.2
+
+  '@sveltejs/adapter-static@3.0.10(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))':
+    dependencies:
+      '@sveltejs/kit': 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+
+  '@sveltejs/adapter-vercel@5.10.3(@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(rollup@4.61.0)':
+    dependencies:
+      '@sveltejs/kit': 2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+      '@vercel/nft': 0.30.4(rollup@4.61.0)
+      esbuild: 0.25.12
+    transitivePeerDependencies:
+      - encoding
+      - rollup
+      - supports-color
+
+  '@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@sveltejs/acorn-typescript': 1.0.8(acorn@8.15.0)
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@types/cookie': 0.6.0
+      acorn: 8.15.0
+      cookie: 0.6.0
+      devalue: 5.6.2
+      esm-env: 1.2.2
+      kleur: 4.1.5
+      magic-string: 0.30.21
+      mrmime: 2.0.1
+      sade: 1.8.1
+      set-cookie-parser: 2.7.2
+      sirv: 3.0.2
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@sveltejs/acorn-typescript': 1.0.8(acorn@8.15.0)
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))
+      '@types/cookie': 0.6.0
+      acorn: 8.15.0
+      cookie: 0.6.0
+      devalue: 5.6.2
+      esm-env: 1.2.2
+      kleur: 4.1.5
+      magic-string: 0.30.21
+      mrmime: 2.0.1
+      sade: 1.8.1
+      set-cookie-parser: 2.7.2
+      sirv: 3.0.2
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@sveltejs/kit@2.50.0(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@sveltejs/acorn-typescript': 1.0.8(acorn@8.15.0)
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+      '@types/cookie': 0.6.0
+      acorn: 8.15.0
+      cookie: 0.6.0
+      devalue: 5.6.2
+      esm-env: 1.2.2
+      kleur: 4.1.5
+      magic-string: 0.30.21
+      mrmime: 2.0.1
+      sade: 1.8.1
+      set-cookie-parser: 2.7.2
+      sirv: 3.0.2
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)
+    optionalDependencies:
+      typescript: 5.9.3
+
+  '@sveltejs/package@2.5.7(patch_hash=4bf60d897bf9a1418645763e4338b3223b9458b10046bd6cde08601581f05183)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)':
+    dependencies:
+      chokidar: 5.0.0
+      kleur: 4.1.5
+      sade: 1.8.1
+      semver: 7.7.3
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      svelte2tsx: 0.7.46(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+    transitivePeerDependencies:
+      - typescript
+
+  '@sveltejs/vite-plugin-svelte-inspector@5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      obug: 2.1.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  '@sveltejs/vite-plugin-svelte-inspector@5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))
+      obug: 2.1.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)
+
+  '@sveltejs/vite-plugin-svelte-inspector@5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte': 6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+      obug: 2.1.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)
+
+  '@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      deepmerge: 4.3.1
+      magic-string: 0.30.21
+      obug: 2.1.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+      vitefu: 1.1.3(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+
+  '@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))
+      deepmerge: 4.3.1
+      magic-string: 0.30.21
+      obug: 2.1.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)
+      vitefu: 1.1.3(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0))
+
+  '@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))':
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 5.0.2(@sveltejs/vite-plugin-svelte@6.2.4(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+      deepmerge: 4.3.1
+      magic-string: 0.30.21
+      obug: 2.1.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)
+      vitefu: 1.1.3(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0))
+
+  '@tailwindcss/forms@0.5.11(tailwindcss@3.4.19)':
+    dependencies:
+      mini-svg-data-uri: 1.4.4
+      tailwindcss: 3.4.19
+
+  '@tailwindcss/forms@0.5.11(tailwindcss@4.1.18)':
+    dependencies:
+      mini-svg-data-uri: 1.4.4
+      tailwindcss: 4.1.18
+
+  '@tailwindcss/typography@0.5.19(tailwindcss@3.4.19)':
+    dependencies:
+      postcss-selector-parser: 6.0.10
+      tailwindcss: 3.4.19
+
+  '@tanstack/table-core@8.21.3': {}
+
+  '@tanstack/virtual-core@3.13.23': {}
+
+  '@testing-library/dom@10.4.1':
+    dependencies:
+      '@babel/code-frame': 7.28.6
+      '@babel/runtime': 7.28.6
+      '@types/aria-query': 5.0.4
+      aria-query: 5.3.0
+      dom-accessibility-api: 0.5.16
+      lz-string: 1.5.0
+      picocolors: 1.1.1
+      pretty-format: 27.5.1
+
+  '@testing-library/jest-dom@6.9.1':
+    dependencies:
+      '@adobe/css-tools': 4.4.4
+      aria-query: 5.3.2
+      css.escape: 1.5.1
+      dom-accessibility-api: 0.6.3
+      picocolors: 1.1.1
+      redent: 3.0.0
+
+  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+
+  '@tybys/wasm-util@0.10.2':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@types/aria-query@5.0.4': {}
+
+  '@types/babel-types@7.0.16': {}
+
+  '@types/babylon@6.16.9':
+    dependencies:
+      '@types/babel-types': 7.0.16
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/cookie@0.6.0': {}
+
+  '@types/crypto-js@4.2.2': {}
+
+  '@types/css-font-loading-module@0.0.12': {}
+
+  '@types/d3-array@3.2.2': {}
+
+  '@types/d3-axis@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-brush@3.0.6':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-chord@3.0.6': {}
+
+  '@types/d3-color@3.1.3': {}
+
+  '@types/d3-contour@3.0.6':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-delaunay@6.0.4': {}
+
+  '@types/d3-dispatch@3.0.7': {}
+
+  '@types/d3-drag@3.0.7':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-dsv@3.0.7': {}
+
+  '@types/d3-ease@3.0.2': {}
+
+  '@types/d3-fetch@3.0.7':
+    dependencies:
+      '@types/d3-dsv': 3.0.7
+
+  '@types/d3-force@3.0.10': {}
+
+  '@types/d3-format@3.0.4': {}
+
+  '@types/d3-geo@3.1.0':
+    dependencies:
+      '@types/geojson': 7946.0.16
+
+  '@types/d3-hierarchy@3.1.7': {}
+
+  '@types/d3-interpolate@3.0.4':
+    dependencies:
+      '@types/d3-color': 3.1.3
+
+  '@types/d3-path@3.1.1': {}
+
+  '@types/d3-polygon@3.0.2': {}
+
+  '@types/d3-quadtree@3.0.6': {}
+
+  '@types/d3-random@3.0.3': {}
+
+  '@types/d3-scale-chromatic@3.1.0': {}
+
+  '@types/d3-scale@4.0.9':
+    dependencies:
+      '@types/d3-time': 3.0.4
+
+  '@types/d3-selection@3.0.11': {}
+
+  '@types/d3-shape@3.1.8':
+    dependencies:
+      '@types/d3-path': 3.1.1
+
+  '@types/d3-time-format@4.0.3': {}
+
+  '@types/d3-time@3.0.4': {}
+
+  '@types/d3-timer@3.0.2': {}
+
+  '@types/d3-transition@3.0.9':
+    dependencies:
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3-zoom@3.0.8':
+    dependencies:
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-selection': 3.0.11
+
+  '@types/d3@7.4.3':
+    dependencies:
+      '@types/d3-array': 3.2.2
+      '@types/d3-axis': 3.0.6
+      '@types/d3-brush': 3.0.6
+      '@types/d3-chord': 3.0.6
+      '@types/d3-color': 3.1.3
+      '@types/d3-contour': 3.0.6
+      '@types/d3-delaunay': 6.0.4
+      '@types/d3-dispatch': 3.0.7
+      '@types/d3-drag': 3.0.7
+      '@types/d3-dsv': 3.0.7
+      '@types/d3-ease': 3.0.2
+      '@types/d3-fetch': 3.0.7
+      '@types/d3-force': 3.0.10
+      '@types/d3-format': 3.0.4
+      '@types/d3-geo': 3.1.0
+      '@types/d3-hierarchy': 3.1.7
+      '@types/d3-interpolate': 3.0.4
+      '@types/d3-path': 3.1.1
+      '@types/d3-polygon': 3.0.2
+      '@types/d3-quadtree': 3.0.6
+      '@types/d3-random': 3.0.3
+      '@types/d3-scale': 4.0.9
+      '@types/d3-scale-chromatic': 3.1.0
+      '@types/d3-selection': 3.0.11
+      '@types/d3-shape': 3.1.8
+      '@types/d3-time': 3.0.4
+      '@types/d3-time-format': 4.0.3
+      '@types/d3-timer': 3.0.2
+      '@types/d3-transition': 3.0.9
+      '@types/d3-zoom': 3.0.8
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/earcut@3.0.0': {}
+
+  '@types/estree@1.0.8': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/eventsource@3.0.0':
+    dependencies:
+      eventsource: 4.1.0
+
+  '@types/geojson@7946.0.16': {}
+
+  '@types/geojson@7946.0.4': {}
+
+  '@types/gradient-parser@0.1.5': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/iframe-resizer@4.0.0': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/katex@0.16.8': {}
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 2.0.11
+
+  '@types/mdx@2.0.13': {}
+
+  '@types/node@12.20.55': {}
+
+  '@types/node@20.19.30':
+    dependencies:
+      undici-types: 6.21.0
+
+  '@types/node@24.10.9':
+    dependencies:
+      undici-types: 7.16.0
+
+  '@types/prismjs@1.26.5': {}
+
+  '@types/react@19.2.9':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/resolve@1.20.2': {}
+
+  '@types/sanitize-html@2.16.0':
+    dependencies:
+      htmlparser2: 8.0.2
+
+  '@types/statuses@2.0.6': {}
+
+  '@types/testing-library__jest-dom@6.0.0':
+    dependencies:
+      '@testing-library/jest-dom': 6.9.1
+
+  '@types/tinycolor2@1.4.6': {}
+
+  '@types/trusted-types@2.0.7': {}
+
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@types/whatwg-mimetype@3.0.2': {}
+
+  '@types/which@3.0.4': {}
+
+  '@typescript-eslint/eslint-plugin@8.53.1(@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3))(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/type-utils': 8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.1
+      eslint: 9.39.2(jiti@1.21.7)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.53.1
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/project-service@8.53.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.53.1
+      debug: 4.4.3
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.53.1':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/visitor-keys': 8.53.1
+
+  '@typescript-eslint/tsconfig-utils@8.53.1(typescript@5.9.3)':
+    dependencies:
+      typescript: 5.9.3
+
+  '@typescript-eslint/type-utils@8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      debug: 4.4.3
+      eslint: 9.39.2(jiti@1.21.7)
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.53.1': {}
+
+  '@typescript-eslint/typescript-estree@8.53.1(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/project-service': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/tsconfig-utils': 8.53.1(typescript@5.9.3)
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/visitor-keys': 8.53.1
+      debug: 4.4.3
+      minimatch: 9.0.5
+      semver: 7.7.3
+      tinyglobby: 0.2.15
+      ts-api-utils: 2.4.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      '@typescript-eslint/scope-manager': 8.53.1
+      '@typescript-eslint/types': 8.53.1
+      '@typescript-eslint/typescript-estree': 8.53.1(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.53.1':
+    dependencies:
+      '@typescript-eslint/types': 8.53.1
+      eslint-visitor-keys: 4.2.1
+
+  '@vercel/nft@0.30.4(rollup@4.61.0)':
+    dependencies:
+      '@mapbox/node-pre-gyp': 2.0.3
+      '@rollup/pluginutils': 5.3.0(rollup@4.61.0)
+      acorn: 8.15.0
+      acorn-import-attributes: 1.9.5(acorn@8.15.0)
+      async-sema: 3.1.1
+      bindings: 1.5.0
+      estree-walker: 2.0.2
+      glob: 10.5.0
+      graceful-fs: 4.2.11
+      node-gyp-build: 4.8.4
+      picomatch: 4.0.3
+      resolve-from: 5.0.0
+    transitivePeerDependencies:
+      - encoding
+      - rollup
+      - supports-color
+
+  '@vitest/browser-playwright@4.0.18(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)':
+    dependencies:
+      '@vitest/browser': 4.0.18(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+      '@vitest/mocker': 4.0.18(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      playwright: 1.60.0
+      tinyrainbow: 3.0.3
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/browser@3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)':
+    dependencies:
+      '@testing-library/dom': 10.4.1
+      '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
+      '@vitest/mocker': 3.2.4(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@vitest/utils': 3.2.4
+      magic-string: 0.30.21
+      sirv: 3.0.2
+      tinyrainbow: 2.0.0
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+      ws: 8.19.0(bufferutil@4.1.0)
+    optionalDependencies:
+      playwright: 1.60.0
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/browser@4.0.18(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)':
+    dependencies:
+      '@vitest/mocker': 4.0.18(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@vitest/utils': 4.0.18
+      magic-string: 0.30.21
+      pixelmatch: 7.1.0
+      pngjs: 7.0.0
+      sirv: 3.0.2
+      tinyrainbow: 3.0.3
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+      ws: 8.19.0(bufferutil@4.1.0)
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/coverage-v8@3.2.4(@vitest/browser@3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18))(vitest@4.0.18)':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      '@bcoe/v8-coverage': 1.0.2
+      ast-v8-to-istanbul: 0.3.10
+      debug: 4.4.3
+      istanbul-lib-coverage: 3.2.2
+      istanbul-lib-report: 3.0.1
+      istanbul-lib-source-maps: 5.0.6
+      istanbul-reports: 3.2.0
+      magic-string: 0.30.21
+      magicast: 0.3.5
+      std-env: 3.10.0
+      test-exclude: 7.0.1
+      tinyrainbow: 2.0.0
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+    optionalDependencies:
+      '@vitest/browser': 3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@vitest/expect@3.2.4':
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/spy': 3.2.4
+      '@vitest/utils': 3.2.4
+      chai: 5.3.3
+      tinyrainbow: 2.0.0
+
+  '@vitest/expect@4.0.18':
+    dependencies:
+      '@standard-schema/spec': 1.1.0
+      '@types/chai': 5.2.3
+      '@vitest/spy': 4.0.18
+      '@vitest/utils': 4.0.18
+      chai: 6.2.2
+      tinyrainbow: 3.0.3
+
+  '@vitest/mocker@3.2.4(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@vitest/spy': 3.2.4
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      msw: 2.12.7(@types/node@24.10.9)(typescript@5.9.3)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  '@vitest/mocker@4.0.18(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))':
+    dependencies:
+      '@vitest/spy': 4.0.18
+      estree-walker: 3.0.3
+      magic-string: 0.30.21
+    optionalDependencies:
+      msw: 2.12.7(@types/node@24.10.9)(typescript@5.9.3)
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  '@vitest/pretty-format@3.2.4':
+    dependencies:
+      tinyrainbow: 2.0.0
+
+  '@vitest/pretty-format@4.0.18':
+    dependencies:
+      tinyrainbow: 3.0.3
+
+  '@vitest/runner@4.0.18':
+    dependencies:
+      '@vitest/utils': 4.0.18
+      pathe: 2.0.3
+
+  '@vitest/snapshot@4.0.18':
+    dependencies:
+      '@vitest/pretty-format': 4.0.18
+      magic-string: 0.30.21
+      pathe: 2.0.3
+
+  '@vitest/spy@3.2.4':
+    dependencies:
+      tinyspy: 4.0.4
+
+  '@vitest/spy@4.0.18': {}
+
+  '@vitest/utils@3.2.4':
+    dependencies:
+      '@vitest/pretty-format': 3.2.4
+      loupe: 3.2.1
+      tinyrainbow: 2.0.0
+
+  '@vitest/utils@4.0.18':
+    dependencies:
+      '@vitest/pretty-format': 4.0.18
+      tinyrainbow: 3.0.3
+
+  '@webcontainer/env@1.1.1': {}
+
+  '@webgpu/types@0.1.69': {}
+
+  '@xmldom/xmldom@0.8.11': {}
+
+  '@zerodevx/svelte-json-view@1.0.11(svelte@5.48.0(@typescript-eslint/types@8.53.1))':
+    dependencies:
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  abbrev@3.0.1: {}
+
+  acorn-import-attributes@1.9.5(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
+  acorn-jsx@5.3.2(acorn@8.15.0):
+    dependencies:
+      acorn: 8.15.0
+
+  acorn@7.4.1:
+    optional: true
+
+  acorn@8.15.0: {}
+
+  acorn@8.16.0: {}
+
+  agent-base@7.1.4: {}
+
+  ajv@6.12.6:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  amuchina@1.0.12: {}
+
+  ansi-colors@4.1.3: {}
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@5.2.0: {}
+
+  ansi-styles@6.2.3: {}
+
+  any-promise@1.3.0: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.1
+
+  are-docs-informative@0.0.2: {}
+
+  arg@5.0.2: {}
+
+  argparse@1.0.10:
+    dependencies:
+      sprintf-js: 1.0.3
+
+  argparse@2.0.1: {}
+
+  aria-query@5.3.0:
+    dependencies:
+      dequal: 2.0.3
+
+  aria-query@5.3.2: {}
+
+  array-union@2.1.0: {}
+
+  asap@2.0.6:
+    optional: true
+
+  assert-never@1.4.0:
+    optional: true
+
+  assertion-error@2.0.1: {}
+
+  ast-types@0.16.1:
+    dependencies:
+      tslib: 2.8.1
+
+  ast-v8-to-istanbul@0.3.10:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      estree-walker: 3.0.3
+      js-tokens: 9.0.1
+
+  async-sema@3.1.1: {}
+
+  auto-console-group@1.2.11: {}
+
+  automation-events@7.1.15:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      tslib: 2.8.1
+
+  autoprefixer@10.4.23(postcss@8.5.6):
+    dependencies:
+      browserslist: 4.28.1
+      caniuse-lite: 1.0.30001765
+      fraction.js: 5.3.4
+      picocolors: 1.1.1
+      postcss: 8.5.6
+      postcss-value-parser: 4.2.0
+
+  axe-core@4.11.1: {}
+
+  axobject-query@4.1.0: {}
+
+  babel-walk@3.0.0-canary-5:
+    dependencies:
+      '@babel/types': 7.29.7
+    optional: true
+
+  babylonjs-gltf2interface@8.46.2: {}
+
+  balanced-match@1.0.2: {}
+
+  baseline-browser-mapping@2.9.16: {}
+
+  better-path-resolve@1.0.0:
+    dependencies:
+      is-windows: 1.0.2
+
+  bidi-js@1.0.3:
+    dependencies:
+      require-from-string: 2.0.2
+
+  binary-extensions@2.3.0: {}
+
+  bindings@1.5.0:
+    dependencies:
+      file-uri-to-path: 1.0.0
+
+  blake3-wasm@2.1.5: {}
+
+  boolbase@1.0.0: {}
+
+  brace-expansion@1.1.12:
+    dependencies:
+      balanced-match: 1.0.2
+      concat-map: 0.0.1
+
+  brace-expansion@2.0.2:
+    dependencies:
+      balanced-match: 1.0.2
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  broker-factory@3.1.13:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      fast-unique-numbers: 9.0.26
+      tslib: 2.8.1
+      worker-factory: 7.0.48
+
+  browserslist@4.28.1:
+    dependencies:
+      baseline-browser-mapping: 2.9.16
+      caniuse-lite: 1.0.30001765
+      electron-to-chromium: 1.5.267
+      node-releases: 2.0.27
+      update-browserslist-db: 1.2.3(browserslist@4.28.1)
+
+  buffer-from@1.1.2:
+    optional: true
+
+  bufferutil@4.1.0:
+    dependencies:
+      node-gyp-build: 4.8.4
+    optional: true
+
+  bundle-name@4.1.0:
+    dependencies:
+      run-applescript: 7.1.0
+
+  call-bind-apply-helpers@1.0.2:
+    dependencies:
+      es-errors: 1.3.0
+      function-bind: 1.1.2
+    optional: true
+
+  call-bound@1.0.4:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      get-intrinsic: 1.3.0
+    optional: true
+
+  callsites@3.1.0: {}
+
+  camelcase-css@2.0.1: {}
+
+  caniuse-lite@1.0.30001765: {}
+
+  chai@5.3.3:
+    dependencies:
+      assertion-error: 2.0.1
+      check-error: 2.1.3
+      deep-eql: 5.0.2
+      loupe: 3.2.1
+      pathval: 2.0.1
+
+  chai@6.2.2: {}
+
+  chalk@4.1.2:
+    dependencies:
+      ansi-styles: 4.3.0
+      supports-color: 7.2.0
+
+  character-parser@2.2.0:
+    dependencies:
+      is-regex: 1.2.1
+    optional: true
+
+  chardet@2.1.1: {}
+
+  check-error@2.1.3: {}
+
+  chevrotain-allstar@0.3.1(chevrotain@11.0.3):
+    dependencies:
+      chevrotain: 11.0.3
+      lodash-es: 4.17.22
+
+  chevrotain@11.0.3:
+    dependencies:
+      '@chevrotain/cst-dts-gen': 11.0.3
+      '@chevrotain/gast': 11.0.3
+      '@chevrotain/regexp-to-ast': 11.0.3
+      '@chevrotain/types': 11.0.3
+      '@chevrotain/utils': 11.0.3
+      lodash-es: 4.17.21
+
+  chokidar@3.6.0:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.6.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
+  chownr@3.0.0: {}
+
+  chromatic@13.3.5: {}
+
+  ci-info@3.9.0: {}
+
+  cli-color@2.0.4:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-iterator: 2.0.3
+      memoizee: 0.4.17
+      timers-ext: 0.1.8
+
+  cli-width@4.1.0: {}
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  cliui@9.0.1:
+    dependencies:
+      string-width: 7.2.0
+      strip-ansi: 7.1.2
+      wrap-ansi: 9.0.2
+
+  clsx@2.1.1: {}
+
+  cm6-theme-basic-dark@0.2.0(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.11)(@lezer/highlight@1.2.3):
+    dependencies:
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/highlight': 1.2.3
+
+  cm6-theme-basic-light@0.2.0(@codemirror/language@6.12.1)(@codemirror/state@6.5.4)(@codemirror/view@6.39.11)(@lezer/highlight@1.2.3):
+    dependencies:
+      '@codemirror/language': 6.12.1
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+      '@lezer/highlight': 1.2.3
+
+  codemirror@6.0.2:
+    dependencies:
+      '@codemirror/autocomplete': 6.20.0
+      '@codemirror/commands': 6.10.1
+      '@codemirror/language': 6.12.1
+      '@codemirror/lint': 6.9.2
+      '@codemirror/search': 6.6.0
+      '@codemirror/state': 6.5.4
+      '@codemirror/view': 6.39.11
+
+  coffeescript@2.7.0:
+    optional: true
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  commander@12.1.0: {}
+
+  commander@2.20.3: {}
+
+  commander@4.1.1: {}
+
+  commander@7.2.0: {}
+
+  commander@8.3.0: {}
+
+  comment-parser@1.4.1: {}
+
+  commondir@1.0.1: {}
+
+  concat-map@0.0.1: {}
+
+  confbox@0.1.8: {}
+
+  consola@3.4.2: {}
+
+  console-clear@1.1.1: {}
+
+  constantinople@4.0.1:
+    dependencies:
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+    optional: true
+
+  cookie@0.6.0: {}
+
+  cookie@1.1.1: {}
+
+  cose-base@1.0.3:
+    dependencies:
+      layout-base: 1.0.2
+
+  cose-base@2.2.0:
+    dependencies:
+      layout-base: 2.0.1
+
+  crelt@1.0.6: {}
+
+  cropperjs@2.1.0:
+    dependencies:
+      '@cropper/elements': 2.1.0
+      '@cropper/utils': 2.1.0
+
+  cross-env@10.1.0:
+    dependencies:
+      '@epic-web/invariant': 1.0.0
+      cross-spawn: 7.0.6
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  crypto-js@4.2.0: {}
+
+  css-declaration-sorter@7.3.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
+  css-tree@3.1.0:
+    dependencies:
+      mdn-data: 2.12.2
+      source-map-js: 1.2.1
+
+  css-vars-ponyfill@2.4.9:
+    dependencies:
+      balanced-match: 1.0.2
+      get-css-data: 2.1.1
+
+  css-what@6.2.2: {}
+
+  css.escape@1.5.1: {}
+
+  cssesc@3.0.0: {}
+
+  cssstyle@5.3.7:
+    dependencies:
+      '@asamuzakjp/css-color': 4.1.1
+      '@csstools/css-syntax-patches-for-csstree': 1.0.25
+      css-tree: 3.1.0
+      lru-cache: 11.2.4
+
+  csstype@3.2.3: {}
+
+  cytoscape-cose-bilkent@4.1.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 1.0.3
+      cytoscape: 3.33.1
+
+  cytoscape-fcose@2.2.0(cytoscape@3.33.1):
+    dependencies:
+      cose-base: 2.2.0
+      cytoscape: 3.33.1
+
+  cytoscape@3.33.1: {}
+
+  d3-array@2.12.1:
+    dependencies:
+      internmap: 1.0.1
+
+  d3-array@3.2.4:
+    dependencies:
+      internmap: 2.0.3
+
+  d3-axis@3.0.0: {}
+
+  d3-brush@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3-chord@3.0.1:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-color@3.1.0: {}
+
+  d3-contour@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-delaunay@6.0.4:
+    dependencies:
+      delaunator: 5.0.1
+
+  d3-dispatch@3.0.1: {}
+
+  d3-drag@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-selection: 3.0.0
+
+  d3-dsv@3.0.1:
+    dependencies:
+      commander: 7.2.0
+      iconv-lite: 0.6.3
+      rw: 1.3.3
+
+  d3-ease@3.0.1: {}
+
+  d3-fetch@3.0.1:
+    dependencies:
+      d3-dsv: 3.0.1
+
+  d3-force@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-timer: 3.0.1
+
+  d3-format@3.1.2: {}
+
+  d3-geo-projection@4.0.0:
+    dependencies:
+      commander: 7.2.0
+      d3-array: 3.2.4
+      d3-geo: 3.1.1
+
+  d3-geo@3.1.1:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-hierarchy@3.1.2: {}
+
+  d3-interpolate@3.0.1:
+    dependencies:
+      d3-color: 3.1.0
+
+  d3-path@1.0.9: {}
+
+  d3-path@3.1.0: {}
+
+  d3-polygon@3.0.1: {}
+
+  d3-quadtree@3.0.1: {}
+
+  d3-random@3.0.1: {}
+
+  d3-sankey@0.12.3:
+    dependencies:
+      d3-array: 2.12.1
+      d3-shape: 1.3.7
+
+  d3-scale-chromatic@3.1.0:
+    dependencies:
+      d3-color: 3.1.0
+      d3-interpolate: 3.0.1
+
+  d3-scale@4.0.2:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+
+  d3-selection@3.0.0: {}
+
+  d3-shape@1.3.7:
+    dependencies:
+      d3-path: 1.0.9
+
+  d3-shape@3.2.0:
+    dependencies:
+      d3-path: 3.1.0
+
+  d3-time-format@4.1.0:
+    dependencies:
+      d3-time: 3.1.0
+
+  d3-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  d3-timer@3.0.1: {}
+
+  d3-transition@3.0.1(d3-selection@3.0.0):
+    dependencies:
+      d3-color: 3.1.0
+      d3-dispatch: 3.0.1
+      d3-ease: 3.0.1
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-timer: 3.0.1
+
+  d3-zoom@3.0.0:
+    dependencies:
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-interpolate: 3.0.1
+      d3-selection: 3.0.0
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+
+  d3@7.9.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-axis: 3.0.0
+      d3-brush: 3.0.0
+      d3-chord: 3.0.1
+      d3-color: 3.1.0
+      d3-contour: 4.0.2
+      d3-delaunay: 6.0.4
+      d3-dispatch: 3.0.1
+      d3-drag: 3.0.0
+      d3-dsv: 3.0.1
+      d3-ease: 3.0.1
+      d3-fetch: 3.0.1
+      d3-force: 3.0.0
+      d3-format: 3.1.2
+      d3-geo: 3.1.1
+      d3-hierarchy: 3.1.2
+      d3-interpolate: 3.0.1
+      d3-path: 3.1.0
+      d3-polygon: 3.0.1
+      d3-quadtree: 3.0.1
+      d3-random: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      d3-selection: 3.0.0
+      d3-shape: 3.2.0
+      d3-time: 3.1.0
+      d3-time-format: 4.1.0
+      d3-timer: 3.0.1
+      d3-transition: 3.0.1(d3-selection@3.0.0)
+      d3-zoom: 3.0.0
+
+  d@1.0.2:
+    dependencies:
+      es5-ext: 0.10.64
+      type: 2.7.3
+
+  dagre-d3-es@7.0.13:
+    dependencies:
+      d3: 7.9.0
+      lodash-es: 4.17.22
+
+  data-urls@6.0.1:
+    dependencies:
+      whatwg-mimetype: 5.0.0
+      whatwg-url: 15.1.0
+
+  dataloader@1.4.0: {}
+
+  dayjs@1.11.19: {}
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decimal.js@10.6.0: {}
+
+  dedent-js@1.0.1: {}
+
+  dedent@1.7.1: {}
+
+  deep-eql@5.0.2: {}
+
+  deep-is@0.1.4: {}
+
+  deepmerge@4.3.1: {}
+
+  default-browser-id@5.0.1: {}
+
+  default-browser@5.4.0:
+    dependencies:
+      bundle-name: 4.1.0
+      default-browser-id: 5.0.1
+
+  define-lazy-prop@3.0.0: {}
+
+  delaunator@5.0.1:
+    dependencies:
+      robust-predicates: 3.0.2
+
+  dequal@2.0.3: {}
+
+  detect-indent@6.1.0: {}
+
+  detect-libc@2.1.2: {}
+
+  devalue@5.6.2: {}
+
+  devalue@5.8.1: {}
+
+  didyoumean@1.2.2: {}
+
+  dir-glob@3.0.1:
+    dependencies:
+      path-type: 4.0.0
+
+  dlv@1.1.3: {}
+
+  doctypes@1.1.0:
+    optional: true
+
+  dom-accessibility-api@0.5.16: {}
+
+  dom-accessibility-api@0.6.3: {}
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  dompurify@3.3.1:
+    optionalDependencies:
+      '@types/trusted-types': 2.0.7
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dotenv@8.6.0: {}
+
+  dunder-proto@1.0.1:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-errors: 1.3.0
+      gopd: 1.2.0
+    optional: true
+
+  earcut@3.0.2: {}
+
+  eastasianwidth@0.2.0: {}
+
+  electron-to-chromium@1.5.267: {}
+
+  emoji-regex@10.6.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  emoji-regex@9.2.2: {}
+
+  enquirer@2.4.1:
+    dependencies:
+      ansi-colors: 4.1.3
+      strip-ansi: 6.0.1
+
+  entities@4.5.0: {}
+
+  entities@6.0.1: {}
+
+  error-stack-parser-es@1.0.5: {}
+
+  es-define-property@1.0.1:
+    optional: true
+
+  es-errors@1.3.0:
+    optional: true
+
+  es-module-lexer@1.7.0: {}
+
+  es-object-atoms@1.1.2:
+    dependencies:
+      es-errors: 1.3.0
+    optional: true
+
+  es-toolkit@1.44.0: {}
+
+  es5-ext@0.10.64:
+    dependencies:
+      es6-iterator: 2.0.3
+      es6-symbol: 3.1.4
+      esniff: 2.0.1
+      next-tick: 1.1.0
+
+  es6-iterator@2.0.3:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-symbol: 3.1.4
+
+  es6-symbol@3.1.4:
+    dependencies:
+      d: 1.0.2
+      ext: 1.7.0
+
+  es6-weak-map@2.0.3:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-iterator: 2.0.3
+      es6-symbol: 3.1.4
+
+  esbuild@0.19.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.19.12
+      '@esbuild/android-arm': 0.19.12
+      '@esbuild/android-arm64': 0.19.12
+      '@esbuild/android-x64': 0.19.12
+      '@esbuild/darwin-arm64': 0.19.12
+      '@esbuild/darwin-x64': 0.19.12
+      '@esbuild/freebsd-arm64': 0.19.12
+      '@esbuild/freebsd-x64': 0.19.12
+      '@esbuild/linux-arm': 0.19.12
+      '@esbuild/linux-arm64': 0.19.12
+      '@esbuild/linux-ia32': 0.19.12
+      '@esbuild/linux-loong64': 0.19.12
+      '@esbuild/linux-mips64el': 0.19.12
+      '@esbuild/linux-ppc64': 0.19.12
+      '@esbuild/linux-riscv64': 0.19.12
+      '@esbuild/linux-s390x': 0.19.12
+      '@esbuild/linux-x64': 0.19.12
+      '@esbuild/netbsd-x64': 0.19.12
+      '@esbuild/openbsd-x64': 0.19.12
+      '@esbuild/sunos-x64': 0.19.12
+      '@esbuild/win32-arm64': 0.19.12
+      '@esbuild/win32-ia32': 0.19.12
+      '@esbuild/win32-x64': 0.19.12
+
+  esbuild@0.25.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.12
+      '@esbuild/android-arm': 0.25.12
+      '@esbuild/android-arm64': 0.25.12
+      '@esbuild/android-x64': 0.25.12
+      '@esbuild/darwin-arm64': 0.25.12
+      '@esbuild/darwin-x64': 0.25.12
+      '@esbuild/freebsd-arm64': 0.25.12
+      '@esbuild/freebsd-x64': 0.25.12
+      '@esbuild/linux-arm': 0.25.12
+      '@esbuild/linux-arm64': 0.25.12
+      '@esbuild/linux-ia32': 0.25.12
+      '@esbuild/linux-loong64': 0.25.12
+      '@esbuild/linux-mips64el': 0.25.12
+      '@esbuild/linux-ppc64': 0.25.12
+      '@esbuild/linux-riscv64': 0.25.12
+      '@esbuild/linux-s390x': 0.25.12
+      '@esbuild/linux-x64': 0.25.12
+      '@esbuild/netbsd-arm64': 0.25.12
+      '@esbuild/netbsd-x64': 0.25.12
+      '@esbuild/openbsd-arm64': 0.25.12
+      '@esbuild/openbsd-x64': 0.25.12
+      '@esbuild/openharmony-arm64': 0.25.12
+      '@esbuild/sunos-x64': 0.25.12
+      '@esbuild/win32-arm64': 0.25.12
+      '@esbuild/win32-ia32': 0.25.12
+      '@esbuild/win32-x64': 0.25.12
+
+  esbuild@0.27.0:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.0
+      '@esbuild/android-arm': 0.27.0
+      '@esbuild/android-arm64': 0.27.0
+      '@esbuild/android-x64': 0.27.0
+      '@esbuild/darwin-arm64': 0.27.0
+      '@esbuild/darwin-x64': 0.27.0
+      '@esbuild/freebsd-arm64': 0.27.0
+      '@esbuild/freebsd-x64': 0.27.0
+      '@esbuild/linux-arm': 0.27.0
+      '@esbuild/linux-arm64': 0.27.0
+      '@esbuild/linux-ia32': 0.27.0
+      '@esbuild/linux-loong64': 0.27.0
+      '@esbuild/linux-mips64el': 0.27.0
+      '@esbuild/linux-ppc64': 0.27.0
+      '@esbuild/linux-riscv64': 0.27.0
+      '@esbuild/linux-s390x': 0.27.0
+      '@esbuild/linux-x64': 0.27.0
+      '@esbuild/netbsd-arm64': 0.27.0
+      '@esbuild/netbsd-x64': 0.27.0
+      '@esbuild/openbsd-arm64': 0.27.0
+      '@esbuild/openbsd-x64': 0.27.0
+      '@esbuild/openharmony-arm64': 0.27.0
+      '@esbuild/sunos-x64': 0.27.0
+      '@esbuild/win32-arm64': 0.27.0
+      '@esbuild/win32-ia32': 0.27.0
+      '@esbuild/win32-x64': 0.27.0
+
+  esbuild@0.27.2:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.2
+      '@esbuild/android-arm': 0.27.2
+      '@esbuild/android-arm64': 0.27.2
+      '@esbuild/android-x64': 0.27.2
+      '@esbuild/darwin-arm64': 0.27.2
+      '@esbuild/darwin-x64': 0.27.2
+      '@esbuild/freebsd-arm64': 0.27.2
+      '@esbuild/freebsd-x64': 0.27.2
+      '@esbuild/linux-arm': 0.27.2
+      '@esbuild/linux-arm64': 0.27.2
+      '@esbuild/linux-ia32': 0.27.2
+      '@esbuild/linux-loong64': 0.27.2
+      '@esbuild/linux-mips64el': 0.27.2
+      '@esbuild/linux-ppc64': 0.27.2
+      '@esbuild/linux-riscv64': 0.27.2
+      '@esbuild/linux-s390x': 0.27.2
+      '@esbuild/linux-x64': 0.27.2
+      '@esbuild/netbsd-arm64': 0.27.2
+      '@esbuild/netbsd-x64': 0.27.2
+      '@esbuild/openbsd-arm64': 0.27.2
+      '@esbuild/openbsd-x64': 0.27.2
+      '@esbuild/openharmony-arm64': 0.27.2
+      '@esbuild/sunos-x64': 0.27.2
+      '@esbuild/win32-arm64': 0.27.2
+      '@esbuild/win32-ia32': 0.27.2
+      '@esbuild/win32-x64': 0.27.2
+
+  esbuild@0.27.7:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.7
+      '@esbuild/android-arm': 0.27.7
+      '@esbuild/android-arm64': 0.27.7
+      '@esbuild/android-x64': 0.27.7
+      '@esbuild/darwin-arm64': 0.27.7
+      '@esbuild/darwin-x64': 0.27.7
+      '@esbuild/freebsd-arm64': 0.27.7
+      '@esbuild/freebsd-x64': 0.27.7
+      '@esbuild/linux-arm': 0.27.7
+      '@esbuild/linux-arm64': 0.27.7
+      '@esbuild/linux-ia32': 0.27.7
+      '@esbuild/linux-loong64': 0.27.7
+      '@esbuild/linux-mips64el': 0.27.7
+      '@esbuild/linux-ppc64': 0.27.7
+      '@esbuild/linux-riscv64': 0.27.7
+      '@esbuild/linux-s390x': 0.27.7
+      '@esbuild/linux-x64': 0.27.7
+      '@esbuild/netbsd-arm64': 0.27.7
+      '@esbuild/netbsd-x64': 0.27.7
+      '@esbuild/openbsd-arm64': 0.27.7
+      '@esbuild/openbsd-x64': 0.27.7
+      '@esbuild/openharmony-arm64': 0.27.7
+      '@esbuild/sunos-x64': 0.27.7
+      '@esbuild/win32-arm64': 0.27.7
+      '@esbuild/win32-ia32': 0.27.7
+      '@esbuild/win32-x64': 0.27.7
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  eslint-plugin-jsdoc@61.7.1(eslint@9.39.2(jiti@1.21.7)):
+    dependencies:
+      '@es-joy/jsdoccomment': 0.78.0
+      '@es-joy/resolve.exports': 1.2.0
+      are-docs-informative: 0.0.2
+      comment-parser: 1.4.1
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint: 9.39.2(jiti@1.21.7)
+      espree: 11.1.0
+      esquery: 1.7.0
+      html-entities: 2.6.0
+      object-deep-merge: 2.0.0
+      parse-imports-exports: 0.2.4
+      semver: 7.7.3
+      spdx-expression-parse: 4.0.0
+      to-valid-identifier: 1.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-storybook@10.1.11(eslint@9.39.2(jiti@1.21.7))(storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/utils': 8.53.1(eslint@9.39.2(jiti@1.21.7))(typescript@5.9.3)
+      eslint: 9.39.2(jiti@1.21.7)
+      storybook: 10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  eslint-plugin-svelte@3.14.0(eslint@9.39.2(jiti@1.21.7))(svelte@5.48.0(@typescript-eslint/types@8.53.1)):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      '@jridgewell/sourcemap-codec': 1.5.5
+      eslint: 9.39.2(jiti@1.21.7)
+      esutils: 2.0.3
+      globals: 16.5.0
+      known-css-properties: 0.37.0
+      postcss: 8.5.6
+      postcss-load-config: 3.1.4(postcss@8.5.6)
+      postcss-safe-parser: 7.0.1(postcss@8.5.6)
+      semver: 7.7.3
+      svelte-eslint-parser: 1.4.1(svelte@5.48.0(@typescript-eslint/types@8.53.1))
+    optionalDependencies:
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+    transitivePeerDependencies:
+      - ts-node
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@4.2.1: {}
+
+  eslint-visitor-keys@5.0.0: {}
+
+  eslint@9.39.2(jiti@1.21.7):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.2(jiti@1.21.7))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.1
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.3
+      '@eslint/js': 9.39.2
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.12.6
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.2
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 1.21.7
+    transitivePeerDependencies:
+      - supports-color
+
+  esm-env@1.2.2: {}
+
+  esniff@2.0.1:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      event-emitter: 0.3.5
+      type: 2.7.3
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 4.2.1
+
+  espree@11.1.0:
+    dependencies:
+      acorn: 8.15.0
+      acorn-jsx: 5.3.2(acorn@8.15.0)
+      eslint-visitor-keys: 5.0.0
+
+  esprima@4.0.1: {}
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrap@1.2.2:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@types/estree': 1.0.8
+
+  esrap@1.4.9:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  esrap@2.2.9(@typescript-eslint/types@8.53.1):
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+    optionalDependencies:
+      '@typescript-eslint/types': 8.53.1
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.8
+
+  esutils@2.0.3: {}
+
+  event-emitter@0.3.5:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+
+  eventemitter3@4.0.7: {}
+
+  eventemitter3@5.0.4: {}
+
+  eventsource-parser@3.0.6: {}
+
+  eventsource@4.1.0:
+    dependencies:
+      eventsource-parser: 3.0.6
+
+  expect-type@1.3.0: {}
+
+  ext@1.7.0:
+    dependencies:
+      type: 2.7.3
+
+  extendable-error@0.1.7: {}
+
+  extendable-media-recorder-wav-encoder-broker@7.0.125:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      broker-factory: 3.1.13
+      extendable-media-recorder-wav-encoder-worker: 8.0.121
+      tslib: 2.8.1
+
+  extendable-media-recorder-wav-encoder-worker@8.0.121:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      tslib: 2.8.1
+      worker-factory: 7.0.48
+
+  extendable-media-recorder-wav-encoder@7.0.76:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      extendable-media-recorder-wav-encoder-broker: 7.0.125
+      extendable-media-recorder-wav-encoder-worker: 8.0.121
+      tslib: 2.8.1
+
+  extendable-media-recorder@9.0.0:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      media-encoder-host: 8.1.0
+      multi-buffer-data-view: 5.0.14
+      recorder-audio-worklet: 6.0.56
+      standardized-audio-context: 25.3.77
+      subscribable-things: 2.1.57
+      tslib: 2.8.1
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-patch@3.1.1: {}
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fast-unique-numbers@9.0.26:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      tslib: 2.8.1
+
+  fastq@1.20.1:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  fetch-event-stream@0.1.6: {}
+
+  file-entry-cache@8.0.0:
+    dependencies:
+      flat-cache: 4.0.1
+
+  file-uri-to-path@1.0.0: {}
+
+  filesize@10.1.6: {}
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up@4.1.0:
+    dependencies:
+      locate-path: 5.0.0
+      path-exists: 4.0.0
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@4.0.1:
+    dependencies:
+      flatted: 3.3.3
+      keyv: 4.5.4
+
+  flatted@3.3.3: {}
+
+  flexsearch@0.8.212: {}
+
+  follow-redirects@1.16.0: {}
+
+  foreground-child@3.3.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  fraction.js@5.3.4: {}
+
+  fs-extra@7.0.1:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
+
+  fs-extra@8.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      jsonfile: 4.0.0
+      universalify: 0.1.2
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
+  function-bind@1.1.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  get-css-data@2.1.1: {}
+
+  get-east-asian-width@1.4.0: {}
+
+  get-intrinsic@1.3.0:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.2
+      function-bind: 1.1.2
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.4
+      math-intrinsics: 1.1.0
+    optional: true
+
+  get-port@5.1.1: {}
+
+  get-proto@1.0.1:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-object-atoms: 1.1.2
+    optional: true
+
+  gifuct-js@2.1.2:
+    dependencies:
+      js-binary-schema-parser: 2.0.3
+
+  github-slugger@2.0.0: {}
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob@10.5.0:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 3.4.3
+      minimatch: 9.0.5
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 1.11.1
+
+  globals@14.0.0: {}
+
+  globals@16.5.0: {}
+
+  globalyzer@0.1.0: {}
+
+  globby@11.1.0:
+    dependencies:
+      array-union: 2.1.0
+      dir-glob: 3.0.1
+      fast-glob: 3.3.3
+      ignore: 5.3.2
+      merge2: 1.4.1
+      slash: 3.0.0
+
+  globrex@0.1.2: {}
+
+  gopd@1.2.0:
+    optional: true
+
+  graceful-fs@4.2.11: {}
+
+  graphql@16.12.0: {}
+
+  gsplat@1.2.9: {}
+
+  hachure-fill@0.5.2: {}
+
+  handlebars@4.7.9:
+    dependencies:
+      minimist: 1.2.8
+      neo-async: 2.6.2
+      source-map: 0.6.1
+      wordwrap: 1.0.0
+    optionalDependencies:
+      uglify-js: 3.19.3
+
+  happy-dom@19.0.2:
+    dependencies:
+      '@types/node': 20.19.30
+      '@types/whatwg-mimetype': 3.0.2
+      whatwg-mimetype: 3.0.0
+
+  has-flag@4.0.0: {}
+
+  has-symbols@1.1.0:
+    optional: true
+
+  has-tostringtag@1.0.2:
+    dependencies:
+      has-symbols: 1.1.0
+    optional: true
+
+  hasown@2.0.2:
+    dependencies:
+      function-bind: 1.1.2
+
+  hasown@2.0.4:
+    dependencies:
+      function-bind: 1.1.2
+    optional: true
+
+  hast-util-to-string@3.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  he@1.2.0: {}
+
+  headers-polyfill@4.0.3: {}
+
+  hls.js@1.5.13: {}
+
+  hls.js@1.6.15: {}
+
+  html-encoding-sniffer@6.0.0:
+    dependencies:
+      '@exodus/bytes': 1.9.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+
+  html-entities@2.6.0: {}
+
+  html-escaper@2.0.2: {}
+
+  htmlparser2@8.0.2:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      entities: 4.5.0
+
+  http-proxy-agent@7.0.2:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  http-proxy@1.18.1:
+    dependencies:
+      eventemitter3: 4.0.7
+      follow-redirects: 1.16.0
+      requires-port: 1.0.0
+    transitivePeerDependencies:
+      - debug
+
+  https-proxy-agent@7.0.6:
+    dependencies:
+      agent-base: 7.1.4
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  human-id@4.1.3: {}
+
+  iconv-lite@0.6.3:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  iconv-lite@0.7.2:
+    dependencies:
+      safer-buffer: 2.1.2
+
+  iframe-resizer@5.5.7:
+    dependencies:
+      '@iframe-resizer/child': 5.5.7
+      '@iframe-resizer/jquery': 5.5.7
+      '@iframe-resizer/parent': 5.5.7
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.5: {}
+
+  immutable@5.1.6:
+    optional: true
+
+  import-fresh@3.3.1:
+    dependencies:
+      parent-module: 1.0.1
+      resolve-from: 4.0.0
+
+  imurmurhash@0.1.4: {}
+
+  indent-string@4.0.0: {}
+
+  internmap@1.0.1: {}
+
+  internmap@2.0.3: {}
+
+  intl-messageformat@10.7.18:
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.3.6
+      '@formatjs/fast-memoize': 2.2.7
+      '@formatjs/icu-messageformat-parser': 2.11.4
+      tslib: 2.8.1
+
+  is-binary-path@2.1.0:
+    dependencies:
+      binary-extensions: 2.3.0
+
+  is-core-module@2.16.1:
+    dependencies:
+      hasown: 2.0.2
+
+  is-core-module@2.16.2:
+    dependencies:
+      hasown: 2.0.4
+    optional: true
+
+  is-docker@3.0.0: {}
+
+  is-expression@4.0.0:
+    dependencies:
+      acorn: 7.4.1
+      object-assign: 4.1.1
+    optional: true
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-module@1.0.0: {}
+
+  is-node-process@1.2.0: {}
+
+  is-number@7.0.0: {}
+
+  is-plain-object@5.0.0: {}
+
+  is-potential-custom-element-name@1.0.1: {}
+
+  is-promise@2.2.2: {}
+
+  is-reference@1.2.1:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  is-reference@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  is-regex@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      gopd: 1.2.0
+      has-tostringtag: 1.0.2
+      hasown: 2.0.4
+    optional: true
+
+  is-subdir@1.2.0:
+    dependencies:
+      better-path-resolve: 1.0.0
+
+  is-windows@1.0.2: {}
+
+  is-wsl@3.1.0:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  isexe@2.0.0: {}
+
+  isexe@3.1.1: {}
+
+  ismobilejs@1.1.1: {}
+
+  istanbul-lib-coverage@3.2.2: {}
+
+  istanbul-lib-report@3.0.1:
+    dependencies:
+      istanbul-lib-coverage: 3.2.2
+      make-dir: 4.0.0
+      supports-color: 7.2.0
+
+  istanbul-lib-source-maps@5.0.6:
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      debug: 4.4.3
+      istanbul-lib-coverage: 3.2.2
+    transitivePeerDependencies:
+      - supports-color
+
+  istanbul-reports@3.2.0:
+    dependencies:
+      html-escaper: 2.0.2
+      istanbul-lib-report: 3.0.1
+
+  jackspeak@3.4.3:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+    optionalDependencies:
+      '@pkgjs/parseargs': 0.11.0
+
+  javascript-stringify@2.1.0: {}
+
+  jiti@1.21.7: {}
+
+  jju@1.4.0: {}
+
+  js-binary-schema-parser@2.0.3: {}
+
+  js-stringify@1.0.2:
+    optional: true
+
+  js-tokens@4.0.0: {}
+
+  js-tokens@9.0.1: {}
+
+  js-yaml@3.14.2:
+    dependencies:
+      argparse: 1.0.10
+      esprima: 4.0.1
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsdoc-type-pratt-parser@7.0.0: {}
+
+  jsdom@27.4.0(bufferutil@4.1.0):
+    dependencies:
+      '@acemir/cssom': 0.9.31
+      '@asamuzakjp/dom-selector': 6.7.6
+      '@exodus/bytes': 1.9.0
+      cssstyle: 5.3.7
+      data-urls: 6.0.1
+      decimal.js: 10.6.0
+      html-encoding-sniffer: 6.0.0
+      http-proxy-agent: 7.0.2
+      https-proxy-agent: 7.0.6
+      is-potential-custom-element-name: 1.0.1
+      parse5: 8.0.0
+      saxes: 6.0.0
+      symbol-tree: 3.2.4
+      tough-cookie: 6.0.0
+      w3c-xmlserializer: 5.0.0
+      webidl-conversions: 8.0.1
+      whatwg-mimetype: 4.0.0
+      whatwg-url: 15.1.0
+      ws: 8.19.0(bufferutil@4.1.0)
+      xml-name-validator: 5.0.0
+    transitivePeerDependencies:
+      - '@noble/hashes'
+      - bufferutil
+      - supports-color
+      - utf-8-validate
+
+  json-buffer@3.0.1: {}
+
+  json-parse-even-better-errors@4.0.0: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json-stringify-pretty-compact@4.0.0: {}
+
+  jsonfile@4.0.0:
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  jsonfile@6.2.0:
+    dependencies:
+      universalify: 2.0.1
+    optionalDependencies:
+      graceful-fs: 4.2.11
+
+  jstransformer@1.0.0:
+    dependencies:
+      is-promise: 2.2.2
+      promise: 7.3.1
+    optional: true
+
+  katex@0.16.27:
+    dependencies:
+      commander: 8.3.0
+
+  keyv@4.5.4:
+    dependencies:
+      json-buffer: 3.0.1
+
+  khroma@2.1.0: {}
+
+  kleur@4.1.5: {}
+
+  known-css-properties@0.37.0: {}
+
+  langium@3.3.1:
+    dependencies:
+      chevrotain: 11.0.3
+      chevrotain-allstar: 0.3.1(chevrotain@11.0.3)
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.0.8
+
+  layout-base@1.0.2: {}
+
+  layout-base@2.0.1: {}
+
+  lazy-brush@2.0.2: {}
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-android-arm64@1.31.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.31.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.31.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.31.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.31.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.31.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.31.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.31.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.31.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.31.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.31.0:
+    optional: true
+
+  lightningcss@1.31.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.31.0
+      lightningcss-darwin-arm64: 1.31.0
+      lightningcss-darwin-x64: 1.31.0
+      lightningcss-freebsd-x64: 1.31.0
+      lightningcss-linux-arm-gnueabihf: 1.31.0
+      lightningcss-linux-arm64-gnu: 1.31.0
+      lightningcss-linux-arm64-musl: 1.31.0
+      lightningcss-linux-x64-gnu: 1.31.0
+      lightningcss-linux-x64-musl: 1.31.0
+      lightningcss-win32-arm64-msvc: 1.31.0
+      lightningcss-win32-x64-msvc: 1.31.0
+    optional: true
+
+  lilconfig@2.1.0: {}
+
+  lilconfig@3.1.3: {}
+
+  lines-and-columns@1.2.4: {}
+
+  lit-element@4.2.2:
+    dependencies:
+      '@lit-labs/ssr-dom-shim': 1.5.1
+      '@lit/reactive-element': 2.1.2
+      lit-html: 3.3.2
+
+  lit-html@3.3.2:
+    dependencies:
+      '@types/trusted-types': 2.0.7
+
+  lit@3.3.2:
+    dependencies:
+      '@lit/reactive-element': 2.1.2
+      lit-element: 4.2.2
+      lit-html: 3.3.2
+
+  local-access@1.1.0: {}
+
+  locate-character@3.0.0: {}
+
+  locate-path@5.0.0:
+    dependencies:
+      p-locate: 4.1.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash-es@4.17.21: {}
+
+  lodash-es@4.17.22: {}
+
+  lodash.merge@4.6.2: {}
+
+  lodash.startcase@4.4.0: {}
+
+  loupe@3.2.1: {}
+
+  lru-cache@10.4.3: {}
+
+  lru-cache@11.2.4: {}
+
+  lru-queue@0.1.0:
+    dependencies:
+      es5-ext: 0.10.64
+
+  lz-string@1.5.0: {}
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  magicast@0.3.5:
+    dependencies:
+      '@babel/parser': 7.28.6
+      '@babel/types': 7.28.6
+      source-map-js: 1.2.1
+
+  make-dir@4.0.0:
+    dependencies:
+      semver: 7.7.3
+
+  map-obj@5.0.2: {}
+
+  map-or-similar@1.5.0: {}
+
+  marked-gfm-heading-id@3.2.0(marked@12.0.2):
+    dependencies:
+      github-slugger: 2.0.0
+      marked: 12.0.2
+
+  marked-highlight@2.2.3(marked@12.0.2):
+    dependencies:
+      marked: 12.0.2
+
+  marked@12.0.2: {}
+
+  marked@16.4.2: {}
+
+  math-intrinsics@1.1.0:
+    optional: true
+
+  mdn-data@2.12.2: {}
+
+  mdsvex@0.12.6(svelte@5.48.0(@typescript-eslint/types@8.53.1)):
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 2.0.11
+      prism-svelte: 0.4.7
+      prismjs: 1.30.0
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      unist-util-visit: 2.0.3
+      vfile-message: 2.0.4
+
+  media-encoder-host-broker@7.1.0:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      broker-factory: 3.1.13
+      fast-unique-numbers: 9.0.26
+      media-encoder-host-worker: 9.2.0
+      tslib: 2.8.1
+
+  media-encoder-host-worker@9.2.0:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      extendable-media-recorder-wav-encoder-broker: 7.0.125
+      tslib: 2.8.1
+      worker-factory: 7.0.48
+
+  media-encoder-host@8.1.0:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      media-encoder-host-broker: 7.1.0
+      media-encoder-host-worker: 9.2.0
+      tslib: 2.8.1
+
+  memoizee@0.4.17:
+    dependencies:
+      d: 1.0.2
+      es5-ext: 0.10.64
+      es6-weak-map: 2.0.3
+      event-emitter: 0.3.5
+      is-promise: 2.2.2
+      lru-queue: 0.1.0
+      next-tick: 1.1.0
+      timers-ext: 0.1.8
+
+  memoizerific@1.11.3:
+    dependencies:
+      map-or-similar: 1.5.0
+
+  memorystream@0.3.1: {}
+
+  merge2@1.4.1: {}
+
+  mermaid@11.12.2:
+    dependencies:
+      '@braintree/sanitize-url': 7.1.1
+      '@iconify/utils': 3.1.0
+      '@mermaid-js/parser': 0.6.3
+      '@types/d3': 7.4.3
+      cytoscape: 3.33.1
+      cytoscape-cose-bilkent: 4.1.0(cytoscape@3.33.1)
+      cytoscape-fcose: 2.2.0(cytoscape@3.33.1)
+      d3: 7.9.0
+      d3-sankey: 0.12.3
+      dagre-d3-es: 7.0.13
+      dayjs: 1.11.19
+      dompurify: 3.3.1
+      katex: 0.16.27
+      khroma: 2.1.0
+      lodash-es: 4.17.22
+      marked: 16.4.2
+      roughjs: 4.6.6
+      stylis: 4.3.6
+      ts-dedent: 2.2.0
+      uuid: 11.1.0
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
+  min-indent@1.0.1: {}
+
+  mini-svg-data-uri@1.4.4: {}
+
+  miniflare@4.20260116.0(bufferutil@4.1.0):
+    dependencies:
+      '@cspotcode/source-map-support': 0.8.1
+      sharp: 0.34.5
+      undici: 7.18.2
+      workerd: 1.20260116.0
+      ws: 8.18.0(bufferutil@4.1.0)
+      youch: 4.1.0-beta.10
+      zod: 3.25.76
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
+  minimatch@3.1.2:
+    dependencies:
+      brace-expansion: 1.1.12
+
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.2
+
+  minimist@1.2.8: {}
+
+  minipass@7.1.2: {}
+
+  minizlib@3.1.0:
+    dependencies:
+      minipass: 7.1.2
+
+  mlly@1.8.0:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.3
+
+  mri@1.2.0: {}
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3):
+    dependencies:
+      '@inquirer/confirm': 5.1.21(@types/node@24.10.9)
+      '@mswjs/interceptors': 0.40.0
+      '@open-draft/deferred-promise': 2.2.0
+      '@types/statuses': 2.0.6
+      cookie: 1.1.1
+      graphql: 16.12.0
+      headers-polyfill: 4.0.3
+      is-node-process: 1.2.0
+      outvariant: 1.4.3
+      path-to-regexp: 6.3.0
+      picocolors: 1.1.1
+      rettime: 0.7.0
+      statuses: 2.0.2
+      strict-event-emitter: 0.5.1
+      tough-cookie: 6.0.0
+      type-fest: 5.4.1
+      until-async: 3.0.2
+      yargs: 17.7.2
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@types/node'
+
+  multi-buffer-data-view@5.0.14:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      tslib: 2.8.1
+
+  mute-stream@2.0.0: {}
+
+  mz@2.7.0:
+    dependencies:
+      any-promise: 1.3.0
+      object-assign: 4.1.1
+      thenify-all: 1.6.0
+
+  nanoid@3.3.11: {}
+
+  nanoid@3.3.12:
+    optional: true
+
+  natural-compare@1.4.0: {}
+
+  neo-async@2.6.2: {}
+
+  next-tick@1.1.0: {}
+
+  node-addon-api@7.1.1:
+    optional: true
+
+  node-fetch@2.7.0:
+    dependencies:
+      whatwg-url: 5.0.0
+
+  node-gyp-build@4.8.4: {}
+
+  node-html-parser@7.0.2:
+    dependencies:
+      css-select: 5.2.2
+      he: 1.2.0
+
+  node-releases@2.0.27: {}
+
+  nopt@8.1.0:
+    dependencies:
+      abbrev: 3.0.1
+
+  normalize-path@3.0.0: {}
+
+  npm-normalize-package-bin@4.0.0: {}
+
+  npm-run-all2@8.0.4:
+    dependencies:
+      ansi-styles: 6.2.3
+      cross-spawn: 7.0.6
+      memorystream: 0.3.1
+      picomatch: 4.0.3
+      pidtree: 0.6.0
+      read-package-json-fast: 4.0.0
+      shell-quote: 1.8.3
+      which: 5.0.0
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  object-assign@4.1.1: {}
+
+  object-deep-merge@2.0.0: {}
+
+  object-hash@3.0.0: {}
+
+  obug@2.1.1: {}
+
+  open@10.2.0:
+    dependencies:
+      default-browser: 5.4.0
+      define-lazy-prop: 3.0.0
+      is-inside-container: 1.0.0
+      wsl-utils: 0.1.0
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  outdent@0.5.0: {}
+
+  outvariant@1.4.3: {}
+
+  oxc-parser@0.127.0:
+    dependencies:
+      '@oxc-project/types': 0.127.0
+    optionalDependencies:
+      '@oxc-parser/binding-android-arm-eabi': 0.127.0
+      '@oxc-parser/binding-android-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-arm64': 0.127.0
+      '@oxc-parser/binding-darwin-x64': 0.127.0
+      '@oxc-parser/binding-freebsd-x64': 0.127.0
+      '@oxc-parser/binding-linux-arm-gnueabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm-musleabihf': 0.127.0
+      '@oxc-parser/binding-linux-arm64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-arm64-musl': 0.127.0
+      '@oxc-parser/binding-linux-ppc64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-riscv64-musl': 0.127.0
+      '@oxc-parser/binding-linux-s390x-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-gnu': 0.127.0
+      '@oxc-parser/binding-linux-x64-musl': 0.127.0
+      '@oxc-parser/binding-openharmony-arm64': 0.127.0
+      '@oxc-parser/binding-wasm32-wasi': 0.127.0
+      '@oxc-parser/binding-win32-arm64-msvc': 0.127.0
+      '@oxc-parser/binding-win32-ia32-msvc': 0.127.0
+      '@oxc-parser/binding-win32-x64-msvc': 0.127.0
+
+  oxc-resolver@11.20.0:
+    optionalDependencies:
+      '@oxc-resolver/binding-android-arm-eabi': 11.20.0
+      '@oxc-resolver/binding-android-arm64': 11.20.0
+      '@oxc-resolver/binding-darwin-arm64': 11.20.0
+      '@oxc-resolver/binding-darwin-x64': 11.20.0
+      '@oxc-resolver/binding-freebsd-x64': 11.20.0
+      '@oxc-resolver/binding-linux-arm-gnueabihf': 11.20.0
+      '@oxc-resolver/binding-linux-arm-musleabihf': 11.20.0
+      '@oxc-resolver/binding-linux-arm64-gnu': 11.20.0
+      '@oxc-resolver/binding-linux-arm64-musl': 11.20.0
+      '@oxc-resolver/binding-linux-ppc64-gnu': 11.20.0
+      '@oxc-resolver/binding-linux-riscv64-gnu': 11.20.0
+      '@oxc-resolver/binding-linux-riscv64-musl': 11.20.0
+      '@oxc-resolver/binding-linux-s390x-gnu': 11.20.0
+      '@oxc-resolver/binding-linux-x64-gnu': 11.20.0
+      '@oxc-resolver/binding-linux-x64-musl': 11.20.0
+      '@oxc-resolver/binding-openharmony-arm64': 11.20.0
+      '@oxc-resolver/binding-wasm32-wasi': 11.20.0
+      '@oxc-resolver/binding-win32-arm64-msvc': 11.20.0
+      '@oxc-resolver/binding-win32-x64-msvc': 11.20.0
+
+  p-filter@2.1.0:
+    dependencies:
+      p-map: 2.1.0
+
+  p-limit@2.3.0:
+    dependencies:
+      p-try: 2.2.0
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@4.1.0:
+    dependencies:
+      p-limit: 2.3.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  p-map@2.1.0: {}
+
+  p-try@2.2.0: {}
+
+  package-json-from-dist@1.0.1: {}
+
+  package-manager-detector@0.2.11:
+    dependencies:
+      quansync: 0.2.11
+
+  package-manager-detector@1.6.0: {}
+
+  parent-module@1.0.1:
+    dependencies:
+      callsites: 3.1.0
+
+  parse-imports-exports@0.2.4:
+    dependencies:
+      parse-statements: 1.0.11
+
+  parse-srcset@1.0.2: {}
+
+  parse-statements@1.0.11: {}
+
+  parse-svg-path@0.1.2: {}
+
+  parse5@8.0.0:
+    dependencies:
+      entities: 6.0.1
+
+  path-data-parser@0.1.0: {}
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  path-parse@1.0.7: {}
+
+  path-scurry@1.11.1:
+    dependencies:
+      lru-cache: 10.4.3
+      minipass: 7.1.2
+
+  path-to-regexp@6.3.0: {}
+
+  path-type@4.0.0: {}
+
+  pathe@2.0.3: {}
+
+  pathval@2.0.1: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.1: {}
+
+  picomatch@4.0.3: {}
+
+  picomatch@4.0.4: {}
+
+  pidtree@0.6.0: {}
+
+  pify@2.3.0: {}
+
+  pify@4.0.1: {}
+
+  pirates@4.0.7: {}
+
+  pixelmatch@7.1.0:
+    dependencies:
+      pngjs: 7.0.0
+
+  pixi-filters@6.1.5(pixi.js@8.15.0):
+    dependencies:
+      '@types/gradient-parser': 0.1.5
+      pixi.js: 8.15.0
+
+  pixi.js@8.15.0:
+    dependencies:
+      '@pixi/colord': 2.9.6
+      '@types/css-font-loading-module': 0.0.12
+      '@types/earcut': 3.0.0
+      '@webgpu/types': 0.1.69
+      '@xmldom/xmldom': 0.8.11
+      earcut: 3.0.2
+      eventemitter3: 5.0.4
+      gifuct-js: 2.1.2
+      ismobilejs: 1.1.1
+      parse-svg-path: 0.1.2
+      tiny-lru: 11.4.7
+
+  pkg-types@1.3.1:
+    dependencies:
+      confbox: 0.1.8
+      mlly: 1.8.0
+      pathe: 2.0.3
+
+  playwright-core@1.60.0: {}
+
+  playwright@1.60.0:
+    dependencies:
+      playwright-core: 1.60.0
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  plotly.js-dist-min@3.3.1: {}
+
+  pngjs@7.0.0: {}
+
+  points-on-curve@0.2.0: {}
+
+  points-on-path@0.2.1:
+    dependencies:
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+
+  polka@1.0.0-next.25:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      trouter: 4.0.0
+
+  pollen-css@5.0.2:
+    dependencies:
+      commander: 12.1.0
+      css-vars-ponyfill: 2.4.9
+      javascript-stringify: 2.1.0
+      lilconfig: 3.1.3
+      lodash-es: 4.17.22
+      map-obj: 5.0.2
+      prettier: 3.8.0
+
+  postcss-custom-media@11.0.6(postcss@8.5.6):
+    dependencies:
+      '@csstools/cascade-layer-name-parser': 2.0.5(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
+      '@csstools/css-tokenizer': 3.0.4
+      '@csstools/media-query-list-parser': 4.0.3(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
+      postcss: 8.5.6
+
+  postcss-import@15.1.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+      postcss-value-parser: 4.2.0
+      read-cache: 1.0.0
+      resolve: 1.22.11
+
+  postcss-js@4.1.0(postcss@8.5.6):
+    dependencies:
+      camelcase-css: 2.0.1
+      postcss: 8.5.6
+
+  postcss-less@6.0.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-load-config@3.1.4(postcss@8.5.6):
+    dependencies:
+      lilconfig: 2.1.0
+      yaml: 1.10.2
+    optionalDependencies:
+      postcss: 8.5.6
+
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.15):
+    dependencies:
+      lilconfig: 3.1.3
+    optionalDependencies:
+      jiti: 1.21.7
+      postcss: 8.5.15
+    optional: true
+
+  postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.6):
+    dependencies:
+      lilconfig: 3.1.3
+    optionalDependencies:
+      jiti: 1.21.7
+      postcss: 8.5.6
+
+  postcss-nested@6.2.0(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+      postcss-selector-parser: 6.1.2
+
+  postcss-nested@7.0.2(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+      postcss-selector-parser: 7.1.1
+
+  postcss-prefix-selector@2.1.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-safe-parser@7.0.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-scss@4.0.9(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+
+  postcss-selector-parser@6.0.10:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-selector-parser@6.1.2:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-selector-parser@7.1.1:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss-value-parser@4.2.0: {}
+
+  postcss@8.5.15:
+    dependencies:
+      nanoid: 3.3.12
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+    optional: true
+
+  postcss@8.5.6:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prelude-ls@1.2.1: {}
+
+  prettier-plugin-css-order@2.2.0(postcss@8.5.6)(prettier@3.8.0):
+    dependencies:
+      css-declaration-sorter: 7.3.1(postcss@8.5.6)
+      postcss-less: 6.0.0(postcss@8.5.6)
+      postcss-scss: 4.0.9(postcss@8.5.6)
+      prettier: 3.8.0
+    transitivePeerDependencies:
+      - postcss
+
+  prettier-plugin-svelte@3.4.1(prettier@3.8.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1)):
+    dependencies:
+      prettier: 3.8.0
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  prettier@2.8.8: {}
+
+  prettier@3.8.0: {}
+
+  pretty-format@27.5.1:
+    dependencies:
+      ansi-regex: 5.0.1
+      ansi-styles: 5.2.0
+      react-is: 17.0.2
+
+  prism-svelte@0.4.7: {}
+
+  prism-svelte@0.5.0: {}
+
+  prismjs@1.30.0: {}
+
+  promise@7.3.1:
+    dependencies:
+      asap: 2.0.6
+    optional: true
+
+  pug-attrs@3.0.0:
+    dependencies:
+      constantinople: 4.0.1
+      js-stringify: 1.0.2
+      pug-runtime: 3.0.1
+    optional: true
+
+  pug-code-gen@3.0.4:
+    dependencies:
+      constantinople: 4.0.1
+      doctypes: 1.1.0
+      js-stringify: 1.0.2
+      pug-attrs: 3.0.0
+      pug-error: 2.1.0
+      pug-runtime: 3.0.1
+      void-elements: 3.1.0
+      with: 7.0.2
+    optional: true
+
+  pug-error@2.1.0:
+    optional: true
+
+  pug-filters@4.0.0:
+    dependencies:
+      constantinople: 4.0.1
+      jstransformer: 1.0.0
+      pug-error: 2.1.0
+      pug-walk: 2.0.0
+      resolve: 1.22.12
+    optional: true
+
+  pug-lexer@5.0.1:
+    dependencies:
+      character-parser: 2.2.0
+      is-expression: 4.0.0
+      pug-error: 2.1.0
+    optional: true
+
+  pug-linker@4.0.0:
+    dependencies:
+      pug-error: 2.1.0
+      pug-walk: 2.0.0
+    optional: true
+
+  pug-load@3.0.0:
+    dependencies:
+      object-assign: 4.1.1
+      pug-walk: 2.0.0
+    optional: true
+
+  pug-parser@6.0.0:
+    dependencies:
+      pug-error: 2.1.0
+      token-stream: 1.0.0
+    optional: true
+
+  pug-runtime@3.0.1:
+    optional: true
+
+  pug-strip-comments@2.0.0:
+    dependencies:
+      pug-error: 2.1.0
+    optional: true
+
+  pug-walk@2.0.0:
+    optional: true
+
+  pug@3.0.3:
+    dependencies:
+      pug-code-gen: 3.0.4
+      pug-filters: 4.0.0
+      pug-lexer: 5.0.1
+      pug-linker: 4.0.0
+      pug-load: 3.0.0
+      pug-parser: 6.0.0
+      pug-runtime: 3.0.1
+      pug-strip-comments: 2.0.0
+    optional: true
+
+  punycode@2.3.1: {}
+
+  quansync@0.2.11: {}
+
+  queue-microtask@1.2.3: {}
+
+  react-dom@19.2.3(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+      scheduler: 0.27.0
+
+  react-is@17.0.2: {}
+
+  react@19.2.3: {}
+
+  read-cache@1.0.0:
+    dependencies:
+      pify: 2.3.0
+
+  read-package-json-fast@4.0.0:
+    dependencies:
+      json-parse-even-better-errors: 4.0.0
+      npm-normalize-package-bin: 4.0.0
+
+  read-yaml-file@1.1.0:
+    dependencies:
+      graceful-fs: 4.2.11
+      js-yaml: 3.14.2
+      pify: 4.0.1
+      strip-bom: 3.0.0
+
+  readdirp@3.6.0:
+    dependencies:
+      picomatch: 2.3.1
+
+  readdirp@4.1.2: {}
+
+  readdirp@5.0.0: {}
+
+  recast@0.23.11:
+    dependencies:
+      ast-types: 0.16.1
+      esprima: 4.0.1
+      source-map: 0.6.1
+      tiny-invariant: 1.3.3
+      tslib: 2.8.1
+
+  recorder-audio-worklet-processor@5.0.39:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      tslib: 2.8.1
+
+  recorder-audio-worklet@6.0.56:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      broker-factory: 3.1.13
+      fast-unique-numbers: 9.0.26
+      recorder-audio-worklet-processor: 5.0.39
+      standardized-audio-context: 25.3.77
+      subscribable-things: 2.1.57
+      tslib: 2.8.1
+      worker-factory: 7.0.48
+
+  redent@3.0.0:
+    dependencies:
+      indent-string: 4.0.0
+      strip-indent: 3.0.0
+
+  regexparam@3.0.0: {}
+
+  require-directory@2.1.1: {}
+
+  require-from-string@2.0.2: {}
+
+  requires-port@1.0.0: {}
+
+  reserved-identifiers@1.2.0: {}
+
+  resize-observer-polyfill@1.5.1: {}
+
+  resolve-from@4.0.0: {}
+
+  resolve-from@5.0.0: {}
+
+  resolve@1.22.11:
+    dependencies:
+      is-core-module: 2.16.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
+  resolve@1.22.12:
+    dependencies:
+      es-errors: 1.3.0
+      is-core-module: 2.16.2
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+    optional: true
+
+  rettime@0.7.0: {}
+
+  reusify@1.1.0: {}
+
+  robust-predicates@3.0.2: {}
+
+  rollup@4.55.2:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.55.2
+      '@rollup/rollup-android-arm64': 4.55.2
+      '@rollup/rollup-darwin-arm64': 4.55.2
+      '@rollup/rollup-darwin-x64': 4.55.2
+      '@rollup/rollup-freebsd-arm64': 4.55.2
+      '@rollup/rollup-freebsd-x64': 4.55.2
+      '@rollup/rollup-linux-arm-gnueabihf': 4.55.2
+      '@rollup/rollup-linux-arm-musleabihf': 4.55.2
+      '@rollup/rollup-linux-arm64-gnu': 4.55.2
+      '@rollup/rollup-linux-arm64-musl': 4.55.2
+      '@rollup/rollup-linux-loong64-gnu': 4.55.2
+      '@rollup/rollup-linux-loong64-musl': 4.55.2
+      '@rollup/rollup-linux-ppc64-gnu': 4.55.2
+      '@rollup/rollup-linux-ppc64-musl': 4.55.2
+      '@rollup/rollup-linux-riscv64-gnu': 4.55.2
+      '@rollup/rollup-linux-riscv64-musl': 4.55.2
+      '@rollup/rollup-linux-s390x-gnu': 4.55.2
+      '@rollup/rollup-linux-x64-gnu': 4.55.2
+      '@rollup/rollup-linux-x64-musl': 4.55.2
+      '@rollup/rollup-openbsd-x64': 4.55.2
+      '@rollup/rollup-openharmony-arm64': 4.55.2
+      '@rollup/rollup-win32-arm64-msvc': 4.55.2
+      '@rollup/rollup-win32-ia32-msvc': 4.55.2
+      '@rollup/rollup-win32-x64-gnu': 4.55.2
+      '@rollup/rollup-win32-x64-msvc': 4.55.2
+      fsevents: 2.3.3
+
+  rollup@4.59.0:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.59.0
+      '@rollup/rollup-android-arm64': 4.59.0
+      '@rollup/rollup-darwin-arm64': 4.59.0
+      '@rollup/rollup-darwin-x64': 4.59.0
+      '@rollup/rollup-freebsd-arm64': 4.59.0
+      '@rollup/rollup-freebsd-x64': 4.59.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.59.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.59.0
+      '@rollup/rollup-linux-arm64-gnu': 4.59.0
+      '@rollup/rollup-linux-arm64-musl': 4.59.0
+      '@rollup/rollup-linux-loong64-gnu': 4.59.0
+      '@rollup/rollup-linux-loong64-musl': 4.59.0
+      '@rollup/rollup-linux-ppc64-gnu': 4.59.0
+      '@rollup/rollup-linux-ppc64-musl': 4.59.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.59.0
+      '@rollup/rollup-linux-riscv64-musl': 4.59.0
+      '@rollup/rollup-linux-s390x-gnu': 4.59.0
+      '@rollup/rollup-linux-x64-gnu': 4.59.0
+      '@rollup/rollup-linux-x64-musl': 4.59.0
+      '@rollup/rollup-openbsd-x64': 4.59.0
+      '@rollup/rollup-openharmony-arm64': 4.59.0
+      '@rollup/rollup-win32-arm64-msvc': 4.59.0
+      '@rollup/rollup-win32-ia32-msvc': 4.59.0
+      '@rollup/rollup-win32-x64-gnu': 4.59.0
+      '@rollup/rollup-win32-x64-msvc': 4.59.0
+      fsevents: 2.3.3
+
+  rollup@4.61.0:
+    dependencies:
+      '@types/estree': 1.0.9
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.61.0
+      '@rollup/rollup-android-arm64': 4.61.0
+      '@rollup/rollup-darwin-arm64': 4.61.0
+      '@rollup/rollup-darwin-x64': 4.61.0
+      '@rollup/rollup-freebsd-arm64': 4.61.0
+      '@rollup/rollup-freebsd-x64': 4.61.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.61.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.61.0
+      '@rollup/rollup-linux-arm64-gnu': 4.61.0
+      '@rollup/rollup-linux-arm64-musl': 4.61.0
+      '@rollup/rollup-linux-loong64-gnu': 4.61.0
+      '@rollup/rollup-linux-loong64-musl': 4.61.0
+      '@rollup/rollup-linux-ppc64-gnu': 4.61.0
+      '@rollup/rollup-linux-ppc64-musl': 4.61.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.61.0
+      '@rollup/rollup-linux-riscv64-musl': 4.61.0
+      '@rollup/rollup-linux-s390x-gnu': 4.61.0
+      '@rollup/rollup-linux-x64-gnu': 4.61.0
+      '@rollup/rollup-linux-x64-musl': 4.61.0
+      '@rollup/rollup-openbsd-x64': 4.61.0
+      '@rollup/rollup-openharmony-arm64': 4.61.0
+      '@rollup/rollup-win32-arm64-msvc': 4.61.0
+      '@rollup/rollup-win32-ia32-msvc': 4.61.0
+      '@rollup/rollup-win32-x64-gnu': 4.61.0
+      '@rollup/rollup-win32-x64-msvc': 4.61.0
+      fsevents: 2.3.3
+
+  roughjs@4.6.6:
+    dependencies:
+      hachure-fill: 0.5.2
+      path-data-parser: 0.1.0
+      points-on-curve: 0.2.0
+      points-on-path: 0.2.1
+
+  run-applescript@7.1.0: {}
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  rw@1.3.3: {}
+
+  rxjs-interop@2.0.0: {}
+
+  sade@1.8.1:
+    dependencies:
+      mri: 1.2.0
+
+  safer-buffer@2.1.2: {}
+
+  sanitize-html@2.17.0:
+    dependencies:
+      deepmerge: 4.3.1
+      escape-string-regexp: 4.0.0
+      htmlparser2: 8.0.2
+      is-plain-object: 5.0.0
+      parse-srcset: 1.0.2
+      postcss: 8.5.6
+
+  sass@1.97.2:
+    dependencies:
+      chokidar: 4.0.3
+      immutable: 5.1.6
+      source-map-js: 1.2.1
+    optionalDependencies:
+      '@parcel/watcher': 2.5.6
+    optional: true
+
+  sax@1.4.4:
+    optional: true
+
+  saxes@6.0.0:
+    dependencies:
+      xmlchars: 2.2.0
+
+  scheduler@0.27.0: {}
+
+  scule@1.3.0: {}
+
+  semiver@1.1.0: {}
+
+  semver@7.7.3: {}
+
+  semver@7.8.1: {}
+
+  set-cookie-parser@2.7.2: {}
+
+  sharp@0.34.5:
+    dependencies:
+      '@img/colour': 1.0.0
+      detect-libc: 2.1.2
+      semver: 7.7.3
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.34.5
+      '@img/sharp-darwin-x64': 0.34.5
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+      '@img/sharp-linux-arm': 0.34.5
+      '@img/sharp-linux-arm64': 0.34.5
+      '@img/sharp-linux-ppc64': 0.34.5
+      '@img/sharp-linux-riscv64': 0.34.5
+      '@img/sharp-linux-s390x': 0.34.5
+      '@img/sharp-linux-x64': 0.34.5
+      '@img/sharp-linuxmusl-arm64': 0.34.5
+      '@img/sharp-linuxmusl-x64': 0.34.5
+      '@img/sharp-wasm32': 0.34.5
+      '@img/sharp-win32-arm64': 0.34.5
+      '@img/sharp-win32-ia32': 0.34.5
+      '@img/sharp-win32-x64': 0.34.5
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  shell-quote@1.8.3: {}
+
+  siginfo@2.0.0: {}
+
+  signal-exit@4.1.0: {}
+
+  sirv-cli@3.0.1:
+    dependencies:
+      console-clear: 1.1.1
+      get-port: 5.1.1
+      kleur: 4.1.5
+      local-access: 1.1.0
+      sade: 1.8.1
+      semiver: 1.1.0
+      sirv: 3.0.2
+      tinydate: 1.3.0
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  slash@3.0.0: {}
+
+  source-map-js@1.2.1: {}
+
+  source-map-support@0.5.21:
+    dependencies:
+      buffer-from: 1.1.2
+      source-map: 0.6.1
+    optional: true
+
+  source-map@0.6.1: {}
+
+  source-map@0.7.6:
+    optional: true
+
+  spawndamnit@3.0.1:
+    dependencies:
+      cross-spawn: 7.0.6
+      signal-exit: 4.1.0
+
+  spdx-exceptions@2.5.0: {}
+
+  spdx-expression-parse@4.0.0:
+    dependencies:
+      spdx-exceptions: 2.5.0
+      spdx-license-ids: 3.0.22
+
+  spdx-license-ids@3.0.22: {}
+
+  sprintf-js@1.0.3: {}
+
+  stackback@0.0.2: {}
+
+  standardized-audio-context@25.3.77:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      automation-events: 7.1.15
+      tslib: 2.8.1
+
+  statuses@2.0.2: {}
+
+  std-env@3.10.0: {}
+
+  storybook-dark-mode@4.0.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)):
+    dependencies:
+      '@storybook/components': 8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+      '@storybook/core-events': 8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 1.6.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@storybook/manager-api': 8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+      '@storybook/theming': 8.6.14(storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))
+      fast-deep-equal: 3.1.3
+      memoizerific: 1.11.3
+    transitivePeerDependencies:
+      - react
+      - react-dom
+      - storybook
+
+  storybook@10.1.11(@testing-library/dom@10.4.1)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.0.1(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@testing-library/jest-dom': 6.9.1
+      '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
+      '@vitest/expect': 3.2.4
+      '@vitest/spy': 3.2.4
+      esbuild: 0.25.12
+      open: 10.2.0
+      recast: 0.23.11
+      semver: 7.7.3
+      use-sync-external-store: 1.6.0(react@19.2.3)
+      ws: 8.19.0(bufferutil@4.1.0)
+    optionalDependencies:
+      prettier: 3.8.0
+    transitivePeerDependencies:
+      - '@testing-library/dom'
+      - bufferutil
+      - react
+      - react-dom
+      - utf-8-validate
+
+  storybook@10.4.1(@testing-library/dom@10.4.1)(@types/react@19.2.9)(bufferutil@4.1.0)(prettier@3.8.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
+    dependencies:
+      '@storybook/global': 5.0.0
+      '@storybook/icons': 2.0.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
+      '@testing-library/jest-dom': 6.9.1
+      '@testing-library/user-event': 14.6.1(@testing-library/dom@10.4.1)
+      '@vitest/expect': 3.2.4
+      '@vitest/spy': 3.2.4
+      '@webcontainer/env': 1.1.1
+      esbuild: 0.25.12
+      open: 10.2.0
+      oxc-parser: 0.127.0
+      oxc-resolver: 11.20.0
+      recast: 0.23.11
+      semver: 7.8.1
+      use-sync-external-store: 1.6.0(react@19.2.3)
+      ws: 8.21.0(bufferutil@4.1.0)
+    optionalDependencies:
+      '@types/react': 19.2.9
+      prettier: 3.8.0
+    transitivePeerDependencies:
+      - '@testing-library/dom'
+      - bufferutil
+      - react
+      - react-dom
+      - utf-8-validate
+
+  strict-event-emitter@0.5.1: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@5.1.2:
+    dependencies:
+      eastasianwidth: 0.2.0
+      emoji-regex: 9.2.2
+      strip-ansi: 7.1.2
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.4.0
+      strip-ansi: 7.1.2
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.1.2:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  strip-bom@3.0.0: {}
+
+  strip-indent@3.0.0:
+    dependencies:
+      min-indent: 1.0.1
+
+  strip-json-comments@3.1.1: {}
+
+  style-mod@4.1.3: {}
+
+  stylis@4.3.6: {}
+
+  stylus@0.64.0:
+    dependencies:
+      '@adobe/css-tools': 4.3.3
+      debug: 4.4.3
+      glob: 10.5.0
+      sax: 1.4.4
+      source-map: 0.7.6
+    transitivePeerDependencies:
+      - supports-color
+    optional: true
+
+  subscribable-things@2.1.57:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      rxjs-interop: 2.0.0
+      tslib: 2.8.1
+
+  sucrase@3.35.1:
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      commander: 4.1.1
+      lines-and-columns: 1.2.4
+      mz: 2.7.0
+      pirates: 4.0.7
+      tinyglobby: 0.2.15
+      ts-interface-checker: 0.1.13
+
+  sugarss@5.0.1(postcss@8.5.15):
+    dependencies:
+      postcss: 8.5.15
+    optional: true
+
+  sugarss@5.0.1(postcss@8.5.6):
+    dependencies:
+      postcss: 8.5.6
+    optional: true
+
+  supports-color@10.2.2: {}
+
+  supports-color@7.2.0:
+    dependencies:
+      has-flag: 4.0.0
+
+  supports-preserve-symlinks-flag@1.0.0: {}
+
+  svelte-ast-print@0.4.2(svelte@5.48.0(@typescript-eslint/types@8.53.1)):
+    dependencies:
+      esrap: 1.2.2
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      zimmerframe: 1.1.2
+
+  svelte-check@4.3.5(picomatch@4.0.3)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      chokidar: 4.0.3
+      fdir: 6.5.0(picomatch@4.0.3)
+      picocolors: 1.1.1
+      sade: 1.8.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - picomatch
+
+  svelte-eslint-parser@1.4.1(svelte@5.48.0(@typescript-eslint/types@8.53.1)):
+    dependencies:
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      postcss: 8.5.6
+      postcss-scss: 4.0.9(postcss@8.5.6)
+      postcss-selector-parser: 7.1.1
+    optionalDependencies:
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  svelte-i18n@4.0.1(svelte@5.48.0(@typescript-eslint/types@8.53.1)):
+    dependencies:
+      cli-color: 2.0.4
+      deepmerge: 4.3.1
+      esbuild: 0.19.12
+      estree-walker: 2.0.2
+      intl-messageformat: 10.7.18
+      sade: 1.8.1
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      tiny-glob: 0.2.9
+
+  svelte-preprocess@6.0.3(coffeescript@2.7.0)(postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.15))(postcss@8.5.15)(pug@3.0.3)(sass@1.97.2)(stylus@0.64.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3):
+    dependencies:
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+    optionalDependencies:
+      coffeescript: 2.7.0
+      postcss: 8.5.15
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.15)
+      pug: 3.0.3
+      sass: 1.97.2
+      stylus: 0.64.0
+      typescript: 5.9.3
+
+  svelte-preprocess@6.0.3(coffeescript@2.7.0)(postcss-load-config@6.0.1(jiti@1.21.7)(postcss@8.5.6))(postcss@8.5.6)(pug@3.0.3)(sass@1.97.2)(stylus@0.64.0)(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3):
+    dependencies:
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+    optionalDependencies:
+      coffeescript: 2.7.0
+      postcss: 8.5.6
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.6)
+      pug: 3.0.3
+      sass: 1.97.2
+      stylus: 0.64.0
+      typescript: 5.9.3
+
+  svelte-range-slider-pips@4.1.0(svelte@5.48.0(@typescript-eslint/types@8.53.1)):
+    dependencies:
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+
+  svelte2tsx@0.7.46(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3):
+    dependencies:
+      dedent-js: 1.0.1
+      scule: 1.3.0
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      typescript: 5.9.3
+
+  svelte@5.48.0(@typescript-eslint/types@8.53.1):
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@sveltejs/acorn-typescript': 1.0.10(acorn@8.16.0)
+      '@types/estree': 1.0.9
+      acorn: 8.16.0
+      aria-query: 5.3.2
+      axobject-query: 4.1.0
+      clsx: 2.1.1
+      devalue: 5.8.1
+      esm-env: 1.2.2
+      esrap: 2.2.9(@typescript-eslint/types@8.53.1)
+      is-reference: 3.0.3
+      locate-character: 3.0.0
+      magic-string: 0.30.21
+      zimmerframe: 1.1.4
+    transitivePeerDependencies:
+      - '@typescript-eslint/types'
+
+  symbol-tree@3.2.4: {}
+
+  tagged-tag@1.0.0: {}
+
+  tailwindcss@3.4.19:
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      arg: 5.0.2
+      chokidar: 3.6.0
+      didyoumean: 1.2.2
+      dlv: 1.1.3
+      fast-glob: 3.3.3
+      glob-parent: 6.0.2
+      is-glob: 4.0.3
+      jiti: 1.21.7
+      lilconfig: 3.1.3
+      micromatch: 4.0.8
+      normalize-path: 3.0.0
+      object-hash: 3.0.0
+      picocolors: 1.1.1
+      postcss: 8.5.6
+      postcss-import: 15.1.0(postcss@8.5.6)
+      postcss-js: 4.1.0(postcss@8.5.6)
+      postcss-load-config: 6.0.1(jiti@1.21.7)(postcss@8.5.6)
+      postcss-nested: 6.2.0(postcss@8.5.6)
+      postcss-selector-parser: 6.1.2
+      resolve: 1.22.11
+      sucrase: 3.35.1
+    transitivePeerDependencies:
+      - tsx
+      - yaml
+
+  tailwindcss@4.1.18: {}
+
+  tar@7.5.4:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.2
+      minizlib: 3.1.0
+      yallist: 5.0.0
+
+  term-size@2.2.1: {}
+
+  terser@5.46.0:
+    dependencies:
+      '@jridgewell/source-map': 0.3.11
+      acorn: 8.16.0
+      commander: 2.20.3
+      source-map-support: 0.5.21
+    optional: true
+
+  test-exclude@7.0.1:
+    dependencies:
+      '@istanbuljs/schema': 0.1.3
+      glob: 10.5.0
+      minimatch: 9.0.5
+
+  thenify-all@1.6.0:
+    dependencies:
+      thenify: 3.3.1
+
+  thenify@3.3.1:
+    dependencies:
+      any-promise: 1.3.0
+
+  timers-ext@0.1.8:
+    dependencies:
+      es5-ext: 0.10.64
+      next-tick: 1.1.0
+
+  tiny-glob@0.2.9:
+    dependencies:
+      globalyzer: 0.1.0
+      globrex: 0.1.2
+
+  tiny-invariant@1.3.3: {}
+
+  tiny-lru@11.4.7: {}
+
+  tinybench@2.9.0: {}
+
+  tinycolor2@1.6.0: {}
+
+  tinydate@1.3.0: {}
+
+  tinyexec@1.0.2: {}
+
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  tinyrainbow@2.0.0: {}
+
+  tinyrainbow@3.0.3: {}
+
+  tinyspy@4.0.4: {}
+
+  tldts-core@7.0.19: {}
+
+  tldts@7.0.19:
+    dependencies:
+      tldts-core: 7.0.19
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  to-valid-identifier@1.0.0:
+    dependencies:
+      '@sindresorhus/base62': 1.0.0
+      reserved-identifiers: 1.2.0
+
+  token-stream@1.0.0:
+    optional: true
+
+  topojson-client@3.1.0:
+    dependencies:
+      commander: 2.20.3
+
+  totalist@3.0.1: {}
+
+  tough-cookie@6.0.0:
+    dependencies:
+      tldts: 7.0.19
+
+  tr46@0.0.3: {}
+
+  tr46@6.0.0:
+    dependencies:
+      punycode: 2.3.1
+
+  trouter@4.0.0:
+    dependencies:
+      regexparam: 3.0.0
+
+  ts-api-utils@2.4.0(typescript@5.9.3):
+    dependencies:
+      typescript: 5.9.3
+
+  ts-dedent@2.2.0: {}
+
+  ts-interface-checker@0.1.13: {}
+
+  tslib@2.8.1: {}
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  type-fest@2.19.0: {}
+
+  type-fest@5.4.1:
+    dependencies:
+      tagged-tag: 1.0.0
+
+  type@2.7.3: {}
+
+  typescript-svelte-plugin@0.3.50(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3):
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      svelte2tsx: 0.7.46(svelte@5.48.0(@typescript-eslint/types@8.53.1))(typescript@5.9.3)
+    transitivePeerDependencies:
+      - svelte
+      - typescript
+
+  typescript@5.9.3: {}
+
+  ufo@1.6.3: {}
+
+  uglify-js@3.19.3:
+    optional: true
+
+  undici-types@6.21.0: {}
+
+  undici-types@7.16.0: {}
+
+  undici@7.18.2: {}
+
+  unenv@2.0.0-rc.24:
+    dependencies:
+      pathe: 2.0.3
+
+  unist-util-is@4.1.0: {}
+
+  unist-util-stringify-position@2.0.3:
+    dependencies:
+      '@types/unist': 2.0.11
+
+  unist-util-visit-parents@3.1.1:
+    dependencies:
+      '@types/unist': 2.0.11
+      unist-util-is: 4.1.0
+
+  unist-util-visit@2.0.3:
+    dependencies:
+      '@types/unist': 2.0.11
+      unist-util-is: 4.1.0
+      unist-util-visit-parents: 3.1.1
+
+  universalify@0.1.2: {}
+
+  universalify@2.0.1: {}
+
+  unplugin@2.3.11:
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      acorn: 8.15.0
+      picomatch: 4.0.3
+      webpack-virtual-modules: 0.6.2
+
+  until-async@3.0.2: {}
+
+  update-browserslist-db@1.2.3(browserslist@4.28.1):
+    dependencies:
+      browserslist: 4.28.1
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  use-sync-external-store@1.6.0(react@19.2.3):
+    dependencies:
+      react: 19.2.3
+
+  util-deprecate@1.0.2: {}
+
+  uuid@11.1.0: {}
+
+  vega-canvas@1.2.7: {}
+
+  vega-canvas@2.0.0: {}
+
+  vega-crossfilter@4.1.4:
+    dependencies:
+      d3-array: 3.2.4
+      vega-dataflow: 5.7.8
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-crossfilter@5.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      vega-dataflow: 6.1.0
+      vega-util: 2.1.0
+
+  vega-dataflow@5.7.8:
+    dependencies:
+      vega-format: 1.1.4
+      vega-loader: 4.5.4
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-dataflow@6.1.0:
+    dependencies:
+      vega-format: 2.1.0
+      vega-loader: 5.1.0
+      vega-util: 2.1.0
+
+  vega-embed@6.29.0(vega-lite@5.23.0(vega@5.33.1))(vega@5.33.1):
+    dependencies:
+      fast-json-patch: 3.1.1
+      json-stringify-pretty-compact: 4.0.0
+      semver: 7.7.3
+      tslib: 2.8.1
+      vega: 5.33.1
+      vega-interpreter: 1.2.1
+      vega-lite: 5.23.0(vega@5.33.1)
+      vega-schema-url-parser: 2.2.0
+      vega-themes: 2.15.0(vega-lite@5.23.0(vega@5.33.1))(vega@5.33.1)
+      vega-tooltip: 0.35.2
+
+  vega-embed@7.1.0(vega-lite@6.4.2(vega@6.2.0))(vega@6.2.0):
+    dependencies:
+      fast-json-patch: 3.1.1
+      json-stringify-pretty-compact: 4.0.0
+      semver: 7.7.3
+      tslib: 2.8.1
+      vega: 6.2.0
+      vega-interpreter: 2.2.1
+      vega-lite: 6.4.2(vega@6.2.0)
+      vega-schema-url-parser: 3.0.2
+      vega-themes: 3.0.0(vega-lite@6.4.2(vega@6.2.0))(vega@6.2.0)
+      vega-tooltip: 1.0.0
+
+  vega-encode@4.10.3:
+    dependencies:
+      d3-array: 3.2.4
+      d3-interpolate: 3.0.1
+      vega-dataflow: 5.7.8
+      vega-scale: 7.4.3
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-encode@5.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-interpolate: 3.0.1
+      vega-dataflow: 6.1.0
+      vega-scale: 8.1.0
+      vega-util: 2.1.0
+
+  vega-event-selector@3.0.1: {}
+
+  vega-event-selector@4.0.0: {}
+
+  vega-expression@5.1.2:
+    dependencies:
+      '@types/estree': 1.0.8
+      vega-util: 1.17.4
+
+  vega-expression@5.2.1:
+    dependencies:
+      '@types/estree': 1.0.8
+      vega-util: 1.17.4
+
+  vega-expression@6.1.0:
+    dependencies:
+      '@types/estree': 1.0.8
+      vega-util: 2.1.0
+
+  vega-force@4.2.3:
+    dependencies:
+      d3-force: 3.0.0
+      vega-dataflow: 5.7.8
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-force@5.1.0:
+    dependencies:
+      d3-force: 3.0.0
+      vega-dataflow: 6.1.0
+      vega-util: 2.1.0
+
+  vega-format@1.1.4:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-time-format: 4.1.0
+      vega-time: 2.1.4
+      vega-util: 1.17.4
+
+  vega-format@2.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-format: 3.1.2
+      d3-time-format: 4.1.0
+      vega-time: 3.1.0
+      vega-util: 2.1.0
+
+  vega-functions@5.18.1:
+    dependencies:
+      d3-array: 3.2.4
+      d3-color: 3.1.0
+      d3-geo: 3.1.1
+      vega-dataflow: 5.7.8
+      vega-expression: 5.2.1
+      vega-scale: 7.4.3
+      vega-scenegraph: 4.13.2
+      vega-selections: 5.6.3
+      vega-statistics: 1.9.0
+      vega-time: 2.1.4
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-functions@6.1.1:
+    dependencies:
+      d3-array: 3.2.4
+      d3-color: 3.1.0
+      d3-geo: 3.1.1
+      vega-dataflow: 6.1.0
+      vega-expression: 6.1.0
+      vega-scale: 8.1.0
+      vega-scenegraph: 5.1.0
+      vega-selections: 6.1.2
+      vega-statistics: 2.0.0
+      vega-time: 3.1.0
+      vega-util: 2.1.0
+
+  vega-geo@4.4.4:
+    dependencies:
+      d3-array: 3.2.4
+      d3-color: 3.1.0
+      d3-geo: 3.1.1
+      vega-canvas: 1.2.7
+      vega-dataflow: 5.7.8
+      vega-projection: 1.6.3
+      vega-statistics: 1.9.0
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-geo@5.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-color: 3.1.0
+      d3-geo: 3.1.1
+      vega-canvas: 2.0.0
+      vega-dataflow: 6.1.0
+      vega-projection: 2.1.0
+      vega-statistics: 2.0.0
+      vega-util: 2.1.0
+
+  vega-hierarchy@4.1.4:
+    dependencies:
+      d3-hierarchy: 3.1.2
+      vega-dataflow: 5.7.8
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-hierarchy@5.1.0:
+    dependencies:
+      d3-hierarchy: 3.1.2
+      vega-dataflow: 6.1.0
+      vega-util: 2.1.0
+
+  vega-interpreter@1.2.1:
+    dependencies:
+      vega-util: 1.17.4
+
+  vega-interpreter@2.2.1:
+    dependencies:
+      vega-util: 2.1.0
+
+  vega-label@1.3.2:
+    dependencies:
+      vega-canvas: 1.2.7
+      vega-dataflow: 5.7.8
+      vega-scenegraph: 4.13.2
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-label@2.1.0:
+    dependencies:
+      vega-canvas: 2.0.0
+      vega-dataflow: 6.1.0
+      vega-scenegraph: 5.1.0
+      vega-util: 2.1.0
+
+  vega-lite@5.23.0(vega@5.33.1):
+    dependencies:
+      json-stringify-pretty-compact: 4.0.0
+      tslib: 2.8.1
+      vega: 5.33.1
+      vega-event-selector: 3.0.1
+      vega-expression: 5.1.2
+      vega-util: 1.17.4
+      yargs: 17.7.2
+
+  vega-lite@6.4.2(vega@6.2.0):
+    dependencies:
+      json-stringify-pretty-compact: 4.0.0
+      tslib: 2.8.1
+      vega: 6.2.0
+      vega-event-selector: 4.0.0
+      vega-expression: 6.1.0
+      vega-util: 2.1.0
+      yargs: 18.0.0
+
+  vega-loader@4.5.4:
+    dependencies:
+      d3-dsv: 3.0.1
+      node-fetch: 2.7.0
+      topojson-client: 3.1.0
+      vega-format: 1.1.4
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-loader@5.1.0:
+    dependencies:
+      d3-dsv: 3.0.1
+      topojson-client: 3.1.0
+      vega-format: 2.1.0
+      vega-util: 2.1.0
+
+  vega-parser@6.6.1:
+    dependencies:
+      vega-dataflow: 5.7.8
+      vega-event-selector: 3.0.1
+      vega-functions: 5.18.1
+      vega-scale: 7.4.3
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-parser@7.1.0:
+    dependencies:
+      vega-dataflow: 6.1.0
+      vega-event-selector: 4.0.0
+      vega-functions: 6.1.1
+      vega-scale: 8.1.0
+      vega-util: 2.1.0
+
+  vega-projection@1.6.3:
+    dependencies:
+      d3-geo: 3.1.1
+      d3-geo-projection: 4.0.0
+      vega-scale: 7.4.3
+
+  vega-projection@2.1.0:
+    dependencies:
+      d3-geo: 3.1.1
+      d3-geo-projection: 4.0.0
+      vega-scale: 8.1.0
+
+  vega-regression@1.3.2:
+    dependencies:
+      d3-array: 3.2.4
+      vega-dataflow: 5.7.8
+      vega-statistics: 1.9.0
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-regression@2.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      vega-dataflow: 6.1.0
+      vega-statistics: 2.0.0
+      vega-util: 2.1.0
+
+  vega-runtime@6.2.2:
+    dependencies:
+      vega-dataflow: 5.7.8
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-runtime@7.1.0:
+    dependencies:
+      vega-dataflow: 6.1.0
+      vega-util: 2.1.0
+
+  vega-scale@7.4.3:
+    dependencies:
+      d3-array: 3.2.4
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      vega-time: 2.1.4
+      vega-util: 1.17.4
+
+  vega-scale@8.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-interpolate: 3.0.1
+      d3-scale: 4.0.2
+      d3-scale-chromatic: 3.1.0
+      vega-time: 3.1.0
+      vega-util: 2.1.0
+
+  vega-scenegraph@4.13.2:
+    dependencies:
+      d3-path: 3.1.0
+      d3-shape: 3.2.0
+      vega-canvas: 1.2.7
+      vega-loader: 4.5.4
+      vega-scale: 7.4.3
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-scenegraph@5.1.0:
+    dependencies:
+      d3-path: 3.1.0
+      d3-shape: 3.2.0
+      vega-canvas: 2.0.0
+      vega-loader: 5.1.0
+      vega-scale: 8.1.0
+      vega-util: 2.1.0
+
+  vega-schema-url-parser@2.2.0: {}
+
+  vega-schema-url-parser@3.0.2: {}
+
+  vega-selections@5.6.3:
+    dependencies:
+      d3-array: 3.2.4
+      vega-expression: 5.2.1
+      vega-util: 1.17.4
+
+  vega-selections@6.1.2:
+    dependencies:
+      d3-array: 3.2.4
+      vega-expression: 6.1.0
+      vega-util: 2.1.0
+
+  vega-statistics@1.9.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  vega-statistics@2.0.0:
+    dependencies:
+      d3-array: 3.2.4
+
+  vega-themes@2.15.0(vega-lite@5.23.0(vega@5.33.1))(vega@5.33.1):
+    dependencies:
+      vega: 5.33.1
+      vega-lite: 5.23.0(vega@5.33.1)
+
+  vega-themes@3.0.0(vega-lite@6.4.2(vega@6.2.0))(vega@6.2.0):
+    dependencies:
+      vega: 6.2.0
+      vega-lite: 6.4.2(vega@6.2.0)
+
+  vega-time@2.1.4:
+    dependencies:
+      d3-array: 3.2.4
+      d3-time: 3.1.0
+      vega-util: 1.17.4
+
+  vega-time@3.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-time: 3.1.0
+      vega-util: 2.1.0
+
+  vega-tooltip@0.35.2:
+    dependencies:
+      vega-util: 1.17.4
+    optionalDependencies:
+      '@rollup/rollup-linux-x64-gnu': 4.55.2
+
+  vega-tooltip@1.0.0:
+    dependencies:
+      vega-util: 2.1.0
+
+  vega-transforms@4.12.2:
+    dependencies:
+      d3-array: 3.2.4
+      vega-dataflow: 5.7.8
+      vega-statistics: 1.9.0
+      vega-time: 2.1.4
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-transforms@5.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      vega-dataflow: 6.1.0
+      vega-statistics: 2.0.0
+      vega-time: 3.1.0
+      vega-util: 2.1.0
+
+  vega-typings@1.5.1:
+    dependencies:
+      '@types/geojson': 7946.0.4
+      vega-event-selector: 3.0.1
+      vega-expression: 5.2.1
+      vega-util: 1.17.4
+
+  vega-typings@2.1.0:
+    dependencies:
+      '@types/geojson': 7946.0.16
+      vega-event-selector: 4.0.0
+      vega-expression: 6.1.0
+      vega-util: 2.1.0
+
+  vega-util@1.17.4: {}
+
+  vega-util@2.1.0: {}
+
+  vega-view-transforms@4.6.2:
+    dependencies:
+      vega-dataflow: 5.7.8
+      vega-scenegraph: 4.13.2
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-view-transforms@5.1.0:
+    dependencies:
+      vega-dataflow: 6.1.0
+      vega-scenegraph: 5.1.0
+      vega-util: 2.1.0
+
+  vega-view@5.16.1:
+    dependencies:
+      d3-array: 3.2.4
+      d3-timer: 3.0.1
+      vega-dataflow: 5.7.8
+      vega-format: 1.1.4
+      vega-functions: 5.18.1
+      vega-runtime: 6.2.2
+      vega-scenegraph: 4.13.2
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-view@6.1.0:
+    dependencies:
+      d3-array: 3.2.4
+      d3-timer: 3.0.1
+      vega-dataflow: 6.1.0
+      vega-format: 2.1.0
+      vega-functions: 6.1.1
+      vega-runtime: 7.1.0
+      vega-scenegraph: 5.1.0
+      vega-util: 2.1.0
+
+  vega-voronoi@4.2.5:
+    dependencies:
+      d3-delaunay: 6.0.4
+      vega-dataflow: 5.7.8
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-voronoi@5.1.0:
+    dependencies:
+      d3-delaunay: 6.0.4
+      vega-dataflow: 6.1.0
+      vega-util: 2.1.0
+
+  vega-wordcloud@4.1.7:
+    dependencies:
+      vega-canvas: 1.2.7
+      vega-dataflow: 5.7.8
+      vega-scale: 7.4.3
+      vega-statistics: 1.9.0
+      vega-util: 1.17.4
+    transitivePeerDependencies:
+      - encoding
+
+  vega-wordcloud@5.1.0:
+    dependencies:
+      vega-canvas: 2.0.0
+      vega-dataflow: 6.1.0
+      vega-scale: 8.1.0
+      vega-statistics: 2.0.0
+      vega-util: 2.1.0
+
+  vega@5.33.1:
+    dependencies:
+      vega-crossfilter: 4.1.4
+      vega-dataflow: 5.7.8
+      vega-encode: 4.10.3
+      vega-event-selector: 3.0.1
+      vega-expression: 5.2.1
+      vega-force: 4.2.3
+      vega-format: 1.1.4
+      vega-functions: 5.18.1
+      vega-geo: 4.4.4
+      vega-hierarchy: 4.1.4
+      vega-label: 1.3.2
+      vega-loader: 4.5.4
+      vega-parser: 6.6.1
+      vega-projection: 1.6.3
+      vega-regression: 1.3.2
+      vega-runtime: 6.2.2
+      vega-scale: 7.4.3
+      vega-scenegraph: 4.13.2
+      vega-statistics: 1.9.0
+      vega-time: 2.1.4
+      vega-transforms: 4.12.2
+      vega-typings: 1.5.1
+      vega-util: 1.17.4
+      vega-view: 5.16.1
+      vega-view-transforms: 4.6.2
+      vega-voronoi: 4.2.5
+      vega-wordcloud: 4.1.7
+    transitivePeerDependencies:
+      - encoding
+
+  vega@6.2.0:
+    dependencies:
+      vega-crossfilter: 5.1.0
+      vega-dataflow: 6.1.0
+      vega-encode: 5.1.0
+      vega-event-selector: 4.0.0
+      vega-expression: 6.1.0
+      vega-force: 5.1.0
+      vega-format: 2.1.0
+      vega-functions: 6.1.1
+      vega-geo: 5.1.0
+      vega-hierarchy: 5.1.0
+      vega-label: 2.1.0
+      vega-loader: 5.1.0
+      vega-parser: 7.1.0
+      vega-projection: 2.1.0
+      vega-regression: 2.1.0
+      vega-runtime: 7.1.0
+      vega-scale: 8.1.0
+      vega-scenegraph: 5.1.0
+      vega-statistics: 2.0.0
+      vega-time: 3.1.0
+      vega-transforms: 5.1.0
+      vega-typings: 2.1.0
+      vega-util: 2.1.0
+      vega-view: 6.1.0
+      vega-view-transforms: 5.1.0
+      vega-voronoi: 5.1.0
+      vega-wordcloud: 5.1.0
+
+  vfile-message@2.0.4:
+    dependencies:
+      '@types/unist': 2.0.11
+      unist-util-stringify-position: 2.0.3
+
+  vite-plugin-turbosnap@1.0.3: {}
+
+  vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0):
+    dependencies:
+      esbuild: 0.27.2
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.59.0
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 24.10.9
+      fsevents: 2.3.3
+      jiti: 1.21.7
+      lightningcss: 1.31.0
+      sass: 1.97.2
+      stylus: 0.64.0
+      terser: 5.46.0
+
+  vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0):
+    dependencies:
+      esbuild: 0.27.7
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.6
+      rollup: 4.61.0
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 24.10.9
+      fsevents: 2.3.3
+      jiti: 1.21.7
+      lightningcss: 1.31.0
+      sass: 1.97.2
+      stylus: 0.64.0
+      sugarss: 5.0.1(postcss@8.5.15)
+      terser: 5.46.0
+
+  vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0):
+    dependencies:
+      esbuild: 0.27.7
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.6
+      rollup: 4.61.0
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 24.10.9
+      fsevents: 2.3.3
+      jiti: 1.21.7
+      lightningcss: 1.31.0
+      sass: 1.97.2
+      stylus: 0.64.0
+      sugarss: 5.0.1(postcss@8.5.6)
+      terser: 5.46.0
+
+  vitefu@1.1.3(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)):
+    optionalDependencies:
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  vitefu@1.1.3(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)):
+    optionalDependencies:
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.15))(terser@5.46.0)
+
+  vitefu@1.1.3(vite@7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)):
+    optionalDependencies:
+      vite: 7.3.5(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(sugarss@5.0.1(postcss@8.5.6))(terser@5.46.0)
+
+  vitest-browser-svelte@0.1.0(@vitest/browser@3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18))(svelte@5.48.0(@typescript-eslint/types@8.53.1))(vitest@4.0.18):
+    dependencies:
+      '@vitest/browser': 3.2.4(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+      svelte: 5.48.0(@typescript-eslint/types@8.53.1)
+      vitest: 4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+
+  vitest@4.0.18(@types/node@24.10.9)(@vitest/browser-playwright@4.0.18)(happy-dom@19.0.2)(jiti@1.21.7)(jsdom@27.4.0(bufferutil@4.1.0))(lightningcss@1.31.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0):
+    dependencies:
+      '@vitest/expect': 4.0.18
+      '@vitest/mocker': 4.0.18(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))
+      '@vitest/pretty-format': 4.0.18
+      '@vitest/runner': 4.0.18
+      '@vitest/snapshot': 4.0.18
+      '@vitest/spy': 4.0.18
+      '@vitest/utils': 4.0.18
+      es-module-lexer: 1.7.0
+      expect-type: 1.3.0
+      magic-string: 0.30.21
+      obug: 2.1.1
+      pathe: 2.0.3
+      picomatch: 4.0.3
+      std-env: 3.10.0
+      tinybench: 2.9.0
+      tinyexec: 1.0.2
+      tinyglobby: 0.2.15
+      tinyrainbow: 3.0.3
+      vite: 7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0)
+      why-is-node-running: 2.3.0
+    optionalDependencies:
+      '@types/node': 24.10.9
+      '@vitest/browser-playwright': 4.0.18(bufferutil@4.1.0)(msw@2.12.7(@types/node@24.10.9)(typescript@5.9.3))(playwright@1.60.0)(vite@7.3.1(@types/node@24.10.9)(jiti@1.21.7)(lightningcss@1.31.0)(sass@1.97.2)(stylus@0.64.0)(terser@5.46.0))(vitest@4.0.18)
+      happy-dom: 19.0.2
+      jsdom: 27.4.0(bufferutil@4.1.0)
+    transitivePeerDependencies:
+      - jiti
+      - less
+      - lightningcss
+      - msw
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - terser
+      - tsx
+      - yaml
+
+  void-elements@3.1.0:
+    optional: true
+
+  vscode-jsonrpc@8.2.0: {}
+
+  vscode-languageserver-protocol@3.17.5:
+    dependencies:
+      vscode-jsonrpc: 8.2.0
+      vscode-languageserver-types: 3.17.5
+
+  vscode-languageserver-textdocument@1.0.12: {}
+
+  vscode-languageserver-types@3.17.5: {}
+
+  vscode-languageserver@9.0.1:
+    dependencies:
+      vscode-languageserver-protocol: 3.17.5
+
+  vscode-uri@3.0.8: {}
+
+  w3c-keyname@2.2.8: {}
+
+  w3c-xmlserializer@5.0.0:
+    dependencies:
+      xml-name-validator: 5.0.0
+
+  wavesurfer.js@7.11.0: {}
+
+  webidl-conversions@3.0.1: {}
+
+  webidl-conversions@8.0.1: {}
+
+  webpack-virtual-modules@0.6.2: {}
+
+  whatwg-mimetype@3.0.0: {}
+
+  whatwg-mimetype@4.0.0: {}
+
+  whatwg-mimetype@5.0.0: {}
+
+  whatwg-url@15.1.0:
+    dependencies:
+      tr46: 6.0.0
+      webidl-conversions: 8.0.1
+
+  whatwg-url@5.0.0:
+    dependencies:
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  which@5.0.0:
+    dependencies:
+      isexe: 3.1.1
+
+  why-is-node-running@2.3.0:
+    dependencies:
+      siginfo: 2.0.0
+      stackback: 0.0.2
+
+  wikidata-lang@5.0.1: {}
+
+  with@7.0.2:
+    dependencies:
+      '@babel/parser': 7.29.7
+      '@babel/types': 7.29.7
+      assert-never: 1.4.0
+      babel-walk: 3.0.0-canary-5
+    optional: true
+
+  word-wrap@1.2.5: {}
+
+  wordwrap@1.0.0: {}
+
+  worker-factory@7.0.48:
+    dependencies:
+      '@babel/runtime': 7.28.6
+      fast-unique-numbers: 9.0.26
+      tslib: 2.8.1
+
+  workerd@1.20260116.0:
+    optionalDependencies:
+      '@cloudflare/workerd-darwin-64': 1.20260116.0
+      '@cloudflare/workerd-darwin-arm64': 1.20260116.0
+      '@cloudflare/workerd-linux-64': 1.20260116.0
+      '@cloudflare/workerd-linux-arm64': 1.20260116.0
+      '@cloudflare/workerd-windows-64': 1.20260116.0
+
+  wrangler@4.59.3(bufferutil@4.1.0):
+    dependencies:
+      '@cloudflare/kv-asset-handler': 0.4.2
+      '@cloudflare/unenv-preset': 2.10.0(unenv@2.0.0-rc.24)(workerd@1.20260116.0)
+      blake3-wasm: 2.1.5
+      esbuild: 0.27.0
+      miniflare: 4.20260116.0(bufferutil@4.1.0)
+      path-to-regexp: 6.3.0
+      unenv: 2.0.0-rc.24
+      workerd: 1.20260116.0
+    optionalDependencies:
+      fsevents: 2.3.3
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
+  wrap-ansi@6.2.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@8.1.0:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 5.1.2
+      strip-ansi: 7.1.2
+
+  wrap-ansi@9.0.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 7.2.0
+      strip-ansi: 7.1.2
+
+  ws@8.18.0(bufferutil@4.1.0):
+    optionalDependencies:
+      bufferutil: 4.1.0
+
+  ws@8.19.0(bufferutil@4.1.0):
+    optionalDependencies:
+      bufferutil: 4.1.0
+
+  ws@8.21.0(bufferutil@4.1.0):
+    optionalDependencies:
+      bufferutil: 4.1.0
+
+  wsl-utils@0.1.0:
+    dependencies:
+      is-wsl: 3.1.0
+
+  xml-name-validator@5.0.0: {}
+
+  xmlchars@2.2.0: {}
+
+  y18n@5.0.8: {}
+
+  yallist@5.0.0: {}
+
+  yaml@1.10.2: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs-parser@22.0.0: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yargs@18.0.0:
+    dependencies:
+      cliui: 9.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      string-width: 7.2.0
+      y18n: 5.0.8
+      yargs-parser: 22.0.0
+
+  yocto-queue@0.1.0: {}
+
+  yoctocolors-cjs@2.1.3: {}
+
+  youch-core@0.3.3:
+    dependencies:
+      '@poppinss/exception': 1.2.3
+      error-stack-parser-es: 1.0.5
+
+  youch@4.1.0-beta.10:
+    dependencies:
+      '@poppinss/colors': 4.1.6
+      '@poppinss/dumper': 0.6.5
+      '@speed-highlight/core': 1.2.14
+      cookie: 1.1.1
+      youch-core: 0.3.3
+
+  zimmerframe@1.1.2: {}
+
+  zimmerframe@1.1.4: {}
+
+  zod@3.25.76: {}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
new file mode 100644
index 0000000..86a6051
--- /dev/null
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,9 @@
+packages:
+  - js/*
+  - gradio
+  - client/*
+  - client/*/*
+  - js/preview/test/**/*
+
+patchedDependencies:
+  '@sveltejs/package': patches/@sveltejs__package.patch
diff --git a/pyproject.toml b/pyproject.toml
new file mode 100644
index 0000000..cbcdfc6
--- /dev/null
+++ b/pyproject.toml
@@ -0,0 +1,188 @@
+[build-system]
+requires = [
+  "hatchling",
+  "hatch-requirements-txt",
+  "hatch-fancy-pypi-readme>=22.5.0",
+]
+build-backend = "hatchling.build"
+
+[project]
+name = "gradio"
+dynamic = ["version", "dependencies", "optional-dependencies", "readme"]
+description = "Python library for easily interacting with trained machine learning models"
+license = "Apache-2.0"
+requires-python = ">=3.10"
+authors = [
+  { name = "Abubakar Abid", email = "gradio-team@huggingface.co" },
+  { name = "Ali Abid", email = "gradio-team@huggingface.co" },
+  { name = "Ali Abdalla", email = "gradio-team@huggingface.co" },
+  { name = "Dawood Khan", email = "gradio-team@huggingface.co" },
+  { name = "Ahsen Khaliq", email = "gradio-team@huggingface.co" },
+  { name = "Pete Allen", email = "gradio-team@huggingface.co" },
+  { name = "Ömer Faruk Özdemir", email = "gradio-team@huggingface.co" },
+  { name = "Freddy A Boulton", email = "gradio-team@huggingface.co" },
+  { name = "Hannah Blair", email = "gradio-team@huggingface.co" },
+]
+keywords = ["machine learning", "reproducibility", "visualization"]
+
+classifiers = [
+  'Development Status :: 5 - Production/Stable',
+  'Operating System :: OS Independent',
+  'Programming Language :: Python :: 3',
+  'Programming Language :: Python :: 3 :: Only',
+  'Programming Language :: Python :: 3.10',
+  'Programming Language :: Python :: 3.11',
+  'Programming Language :: Python :: 3.12',
+  'Programming Language :: Python :: 3.13',
+  'Topic :: Scientific/Engineering',
+  'Topic :: Scientific/Engineering :: Artificial Intelligence',
+  'Topic :: Scientific/Engineering :: Visualization',
+]
+
+[project.scripts]
+gradio = "gradio.cli:cli"
+upload_theme = "gradio.themes.upload_theme:main"
+
+[project.urls]
+Homepage = "https://github.com/gradio-app/gradio"
+
+[tool.hatch.version]
+path = "gradio/package.json"
+pattern = ".*\"version\":\\s*\"(?P<version>[^\"]+)\""
+
+[tool.hatch.metadata.hooks.requirements_txt]
+filename = "requirements.txt"
+
+[tool.hatch.metadata.hooks.requirements_txt.optional-dependencies]
+oauth = ["requirements-oauth.txt"]
+mcp = ["requirements-mcp.txt"]
+
+[tool.hatch.metadata.hooks.fancy-pypi-readme]
+content-type = "text/markdown"
+fragments = [{ path = "README.md" }]
+
+[[tool.hatch.metadata.hooks.fancy-pypi-readme.substitutions]]
+pattern = "(website/homepage|readme_files)/"
+replacement = 'https://raw.githubusercontent.com/gradio-app/gradio/main/\g<1>/'
+
+[[tool.hatch.metadata.hooks.fancy-pypi-readme.substitutions]]
+pattern = 'demo/([\S]*.gif)'
+replacement = 'https://raw.githubusercontent.com/gradio-app/gradio/main/demo/\g<1>'
+
+[tool.hatch.build]
+artifacts = [
+  "/gradio/templates",
+  "/gradio/_frontend_code",
+  "*.pyi",
+  "/gradio/node",
+  "/gradio/py.typed",
+]
+
+[tool.hatch.build.targets.sdist]
+include = [
+  "/gradio",
+  "/test",
+  "/README.md",
+  "/requirements.txt",
+  "/requirements-oauth.txt",
+  "/.config/copy_frontend.py",
+  "/js",
+  "/client/js",
+]
+
+[tool.ty]
+environment.extra-paths = ["gradio/stubs"]
+
+[tool.ty.src]
+include = ["gradio/**/*.py", "demo/**/*.py", "test/**/*.py"]
+exclude = [
+  "gradio/themes/",
+  "gradio/_frontend_code/",
+  "gradio/components/*_plot.py",
+  "gradio/node/*.py",
+  "gradio/_frontend_code/*.py",
+  "gradio/cli/commands/cli_env_info.py",
+  "demo/scratch/**",
+  "gradio/_vendor/**",
+]
+
+[tool.uv]
+exclude-newer = "7 days"
+exclude-newer-package = {hf-gradio = false, gradio-client = false, starlette = false}
+
+[tool.ruff]
+exclude = ["gradio/node/*.py", ".venv/*", "gradio/_frontend_code/*.py", "gradio/_vendor/*"]
+
+[tool.ruff.lint]
+extend-select = [
+  "ARG",
+  "B",
+  "C",
+  "E",
+  "F",
+  "I",
+  "N",
+  "PL",
+  "S101",
+  "SIM",
+  "UP",
+  "W",
+]
+ignore = [
+  "B008",    # function call in argument defaults
+  "B017",    # pytest.raises considered evil
+  "B023",    # function definition in loop (TODO: un-ignore this)
+  "B028",    # explicit stacklevel for warnings
+  "B905",    # zip without explicit `strict` argument
+  "C901",    # function is too complex (TODO: un-ignore this)
+  "E501",    # from scripts/lint_backend.sh
+  "PLC0415", # import-outside-toplevel
+  "PLR091",  # complexity rules
+  "PLR2004", # magic numbers
+  "PLW1641", # Object does not have `__hash__` attribute
+  "PLW2901", # `for` loop variable overwritten by assignment target
+  "SIM105",  # contextlib.suppress (has a performance cost)
+  "SIM115",  # contextlib.suppress (has a performance cost)
+  "SIM117",  # multiple nested with blocks (doesn't look good with gr.Row etc)
+  "UP006",   # use `list` instead of `List` for type annotations (fails for 3.8)
+  "UP007",   # use X | Y for type annotations (TODO: can be enabled once Pydantic plays nice with them)
+  "UP038",   # uses of isinstance and issubclass that take a tuple of types for comparison.
+  "UP045",   # use `|` instead of `Union` for type annotations (TODO: can be enabled once Pydantic plays nice with them)
+]
+
+[tool.ruff.lint.per-file-ignores]
+"demo/*" = [
+  "ARG",
+  "E402", # Demos may have imports not at the top
+  "E741", # Demos may have ambiguous variable names
+  "F405", # Demos may use star imports
+  "I",    # Don't care about import order
+]
+"gradio/__init__.py" = [
+  "F401", # "Imported but unused" (TODO: it would be better to be explicit and use __all__)
+]
+"gradio/routes.py" = [
+  "UP006", # Pydantic on Python 3.7 requires old-style type annotations (TODO: drop when Python 3.7 is dropped)
+]
+"gradio/cli/commands/files/NoTemplateComponent.py" = ["ALL"]
+"client/python/gradio_client/serializing.py" = [
+  "ARG", # contains backward compatibility code, so args need to be named as such
+]
+"client/python/test/*" = [
+  "ARG",
+  "S101", # tests may use assertions
+]
+"test/*" = [
+  "ARG",
+  "S101", # tests may use assertions
+]
+"client/python/test/test_client.py" = [
+  "PLW0603", # using global to keep track of server progress
+]
+
+[tool.pytest.ini_options]
+GRADIO_ANALYTICS_ENABLED = "False"
+filterwarnings = [
+  "ignore::UserWarning:gradio.*:",
+  "ignore::DeprecationWarning:gradio.*:",
+]
diff --git a/readme_files/chromatic.svg b/readme_files/chromatic.svg
new file mode 100644
index 0000000..1893089
--- /dev/null
+++ b/readme_files/chromatic.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <g>
+        <circle fill="#FC521F" cx="128" cy="128" r="128">
+
</circle>
+        <path d="M158.160232,187.016008 L137.769217,175.247026 L199.113357,139.863696 C201.465932,138.507147 203.681018,136.948948 205.74334,135.213543 C213.71765,146.567006 214.499805,161.516546 207.393197,173.829371 C200.922097,184.967291 189.018878,191.826477 176.137566,191.840313 C169.852832,191.840313 163.641424,190.175179 158.160232,187.012953 L158.160232,187.016008 L158.160232,187.016008 Z M153.247323,195.515829 C155.599898,196.875433 158.056352,198.018112 160.595299,198.937755 C154.738305,211.507224 142.174947,219.658741 127.9434,219.658741 C108.077895,219.658741 91.9062382,203.505416 91.9062382,183.652132 L91.9062382,112.879363 L123.030491,130.841421 L123.030491,175.250081 C123.030491,177.003818 123.968466,178.623123 125.486946,179.499991 L153.247323,195.515829 L153.247323,195.515829 Z M79.8439479,191.834203 C66.9695984,191.821213 55.0722985,184.966739 48.6035936,173.835481 C43.8018296,165.574062 42.5078619,155.733965 45.0105709,146.51201 C47.4591904,137.271319 53.5052555,129.39548 61.799397,124.642235 L82.1843011,112.879363 L82.1873564,183.639911 C82.1873564,186.356065 82.4195585,189.047777 82.8931287,191.715046 C81.8787719,191.794484 80.8583046,191.834203 79.8439479,191.834203 L79.8439479,191.834203 Z M159.168478,104.376487 L128.05339,122.326324 L89.5567192,100.123521 C88.0367657,99.2495996 86.1668193,99.2495996 84.6468659,100.123521 L56.8864885,116.136304 C54.5339141,117.489798 52.3157726,119.03883 50.2503956,120.783402 C42.2821957,109.432994 41.5030964,94.4803983 48.6035936,82.1675741 C55.072915,71.0289622 66.9751531,64.1685071 79.856169,64.1535761 C86.1347928,64.1535761 92.3523108,65.8278758 97.8335035,68.9870471 L159.168478,104.376487 Z M127.9434,36.3412587 C147.81807,36.3412587 163.980562,52.4945842 163.980562,72.3570335 L163.980562,95.8827771 L102.654753,60.5025029 C100.308838,59.1439957 97.8467608,57.9967984 95.2976116,57.074466 C101.15155,44.4958314 113.721019,36.3412587 127.9434,36.3412587 Z M207.390142,82.1797952 C217.319839,99.3780304 211.404794,121.443345 194.194338,131.373042 L132.859364,166.753316 L132.859364,130.847532 L171.35298,108.638619 C172.874515,107.76175 173.812489,106.142446 173.812489,104.388708 L173.812489,72.3570335 C173.812489,69.6531006 173.568066,66.9583336 173.103662,64.3032854 C187.025248,63.1432034 200.370896,70.1014446 207.390142,82.1797952 Z" fill="#FFFFFF">
+
</path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/readme_files/encode.svg b/readme_files/encode.svg
new file mode 100644
index 0000000..f7608f6
--- /dev/null
+++ b/readme_files/encode.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="200.000000pt" height="200.000000pt" viewBox="0 0 200.000000 200.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,200.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M136 1865 c-21 -7 -54 -28 -72 -46 -67 -65 -65 -32 -62 -876 l3 -761
+30 -44 c17 -23 49 -53 70 -65 l40 -23 848 0 c688 0 854 3 880 13 44 19 103 87
+116 134 16 56 15 1468 -1 1531 -15 62 -78 125 -140 140 -74 19 -1660 16 -1712
+-3z m1740 -109 c33 -33 34 -36 34 -120 l0 -86 -916 0 -916 0 3 86 c4 84 5 86
+41 120 l38 34 841 0 841 0 34 -34z m34 -916 c0 -536 -2 -625 -15 -650 -32 -63
+6 -60 -897 -60 -808 0 -824 0 -856 20 -63 39 -62 27 -62 700 l0 610 915 0 915
+0 0 -620z"/>
+<path d="M171 1688 c-13 -33 4 -60 36 -56 56 7 55 69 -1 76 -20 3 -28 -2 -35
+-20z"/>
+<path d="M342 1698 c-27 -27 -6 -68 35 -68 28 0 43 28 32 58 -9 24 -47 30 -67
+10z"/>
+<path d="M510 1695 c-26 -32 13 -81 48 -59 34 22 22 74 -18 74 -10 0 -23 -7
+-30 -15z"/>
+<path d="M596 1114 c-9 -8 -16 -21 -16 -27 0 -6 53 -65 117 -129 l117 -118
+-118 -119 c-122 -124 -131 -140 -88 -169 22 -14 27 -11 162 124 90 88 140 145
+140 159 0 22 -266 295 -287 295 -6 0 -19 -7 -27 -16z"/>
+<path d="M1012 698 c-16 -16 -15 -43 2 -57 9 -8 82 -11 241 -9 204 3 229 5
+239 21 8 12 8 22 0 35 -10 15 -35 17 -240 20 -170 2 -233 -1 -242 -10z"/>
+</g>
+</svg>
diff --git a/readme_files/fastapi.svg b/readme_files/fastapi.svg
new file mode 100644
index 0000000..c307de8
--- /dev/null
+++ b/readme_files/fastapi.svg
@@ -0,0 +1 @@
+<svg fill="none" height="2500" width="2500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154 154"><circle cx="77" cy="77" fill="#05998b" r="77"/><path d="M81.375 18.667l-38.75 70H77.5l-3.875 46.666 38.75-70H77.5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/readme_files/gradio.svg b/readme_files/gradio.svg
new file mode 100644
index 0000000..ff8df41
--- /dev/null
+++ b/readme_files/gradio.svg
@@ -0,0 +1,20 @@
+<svg width="2016" height="703" viewBox="0 0 2016 703" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M766.251 523.254L795.698 486.91C811.975 501.82 830.116 509.276 850.121 509.276C863.54 509.276 874.598 507.287 883.296 503.311C891.993 499.335 896.342 493.868 896.342 486.91C896.342 475.106 886.713 469.204 867.454 469.204C862.235 469.204 854.469 469.826 844.157 471.068C833.844 472.311 826.078 472.932 820.859 472.932C788.802 472.932 772.774 461.439 772.774 438.452C772.774 431.867 775.445 425.406 780.788 419.069C786.131 412.732 792.344 408.073 799.426 405.09C776.688 390.305 765.319 369.368 765.319 342.281C765.319 320.91 773.147 303.266 788.802 289.35C804.458 275.31 823.717 268.289 846.579 268.289C864.472 268.289 879.444 271.644 891.496 278.354L909.761 257.107L942.005 286.368L919.826 302.583C927.529 314.262 931.381 328.054 931.381 343.959C931.381 366.697 924.423 384.9 910.507 398.567C896.715 412.111 879.258 418.882 858.135 418.882C854.78 418.882 850.307 418.572 844.716 417.951L837.074 416.832C836.204 416.832 832.85 418.199 827.01 420.933C821.294 423.542 818.436 426.275 818.436 429.133C818.436 434.103 822.723 436.588 831.297 436.588C835.148 436.588 841.609 435.656 850.68 433.793C859.75 431.929 867.516 430.997 873.977 430.997C919.329 430.997 942.005 449.2 942.005 485.606C942.005 505.734 932.934 521.514 914.794 532.945C896.653 544.501 874.785 550.279 849.189 550.279C818.623 550.279 790.977 541.27 766.251 523.254ZM812.845 342.468C812.845 354.272 816.076 363.777 822.537 370.983C829.122 378.066 837.944 381.607 849.002 381.607C860.061 381.607 868.572 378.128 874.536 371.17C880.5 364.212 883.482 354.644 883.482 342.468C883.482 332.403 880.252 323.892 873.791 316.934C867.454 309.976 859.191 306.497 849.002 306.497C838.317 306.497 829.619 309.852 822.91 316.561C816.2 323.271 812.845 331.906 812.845 342.468ZM1088.12 315.816C1079.8 310.349 1070.67 307.615 1060.73 307.615C1049.92 307.615 1040.29 312.523 1031.84 322.339C1023.51 332.155 1019.35 344.145 1019.35 358.31V472H972.757V272.39H1019.35V290.655C1032.4 275.993 1049.73 268.662 1071.35 268.662C1087.26 268.662 1099.43 271.085 1107.88 275.931L1088.12 315.816ZM1235.18 452.058C1230.95 459.016 1223.56 464.731 1213 469.204C1202.56 473.553 1191.63 475.728 1180.2 475.728C1158.7 475.728 1141.8 470.385 1129.5 459.699C1117.2 448.889 1111.05 433.606 1111.05 413.85C1111.05 390.739 1119.68 372.661 1136.96 359.614C1154.35 346.568 1179.01 340.045 1210.95 340.045C1216.41 340.045 1222.88 340.977 1230.33 342.84C1230.33 319.357 1215.48 307.615 1185.79 307.615C1168.27 307.615 1153.61 310.535 1141.8 316.375L1131.74 280.218C1147.77 272.514 1166.84 268.662 1188.96 268.662C1219.4 268.662 1241.7 275.62 1255.86 289.536C1270.03 303.328 1277.11 329.545 1277.11 368.188V410.868C1277.11 437.458 1282.45 454.17 1293.14 461.004C1289.29 467.713 1285 471.814 1280.28 473.305C1275.56 474.92 1270.15 475.728 1264.07 475.728C1257.36 475.728 1251.33 473.243 1245.99 468.272C1240.64 463.302 1237.04 457.897 1235.18 452.058ZM1230.7 378.066C1222.75 376.45 1216.79 375.643 1212.81 375.643C1176.03 375.643 1157.64 387.695 1157.64 411.8C1157.64 429.692 1168.02 438.638 1188.77 438.638C1216.73 438.638 1230.7 424.66 1230.7 396.703V378.066ZM1456.03 472V459.885C1452.18 464.11 1445.66 467.838 1436.46 471.068C1427.27 474.174 1417.76 475.728 1407.95 475.728C1380.12 475.728 1358.19 466.906 1342.16 449.262C1326.25 431.618 1318.3 407.016 1318.3 375.456C1318.3 343.897 1327.43 318.239 1345.7 298.483C1364.09 278.602 1387.07 268.662 1414.66 268.662C1429.82 268.662 1443.61 271.768 1456.03 277.981V198.025L1502.63 186.842V472H1456.03ZM1456.03 320.102C1446.09 312.15 1435.72 308.174 1424.91 308.174C1406.27 308.174 1391.92 313.89 1381.86 325.321C1371.79 336.628 1366.76 352.905 1366.76 374.152C1366.76 415.652 1386.76 436.402 1426.77 436.402C1431.25 436.402 1436.71 435.097 1443.17 432.488C1449.76 429.754 1454.05 427.021 1456.03 424.287V320.102ZM1585.94 195.043C1593.39 195.043 1599.73 197.714 1604.95 203.057C1610.29 208.276 1612.96 214.613 1612.96 222.068C1612.96 229.523 1610.29 235.922 1604.95 241.265C1599.73 246.483 1593.39 249.092 1585.94 249.092C1578.48 249.092 1572.09 246.483 1566.74 241.265C1561.52 235.922 1558.91 229.523 1558.91 222.068C1558.91 214.613 1561.52 208.276 1566.74 203.057C1572.09 197.714 1578.48 195.043 1585.94 195.043ZM1561.9 472V310.597H1536.36V272.39H1609.05V472H1561.9ZM1650.43 371.729C1650.43 341.287 1659.19 316.499 1676.71 297.364C1694.35 278.229 1717.58 268.662 1746.41 268.662C1776.73 268.662 1800.27 277.857 1817.05 296.246C1833.82 314.635 1842.21 339.796 1842.21 371.729C1842.21 403.537 1833.63 428.823 1816.49 447.585C1799.47 466.347 1776.11 475.728 1746.41 475.728C1716.09 475.728 1692.49 466.284 1675.59 447.398C1658.81 428.388 1650.43 403.165 1650.43 371.729ZM1698.88 371.729C1698.88 415.714 1714.73 437.707 1746.41 437.707C1760.95 437.707 1772.44 431.991 1780.89 420.56C1789.46 409.129 1793.75 392.852 1793.75 371.729C1793.75 328.365 1777.97 306.683 1746.41 306.683C1731.87 306.683 1720.32 312.399 1711.74 323.83C1703.17 335.261 1698.88 351.227 1698.88 371.729Z" fill="#232D36"/>
+<path d="M405.5 321L204 436.5L405.5 552L607 436.5L405.5 321Z" stroke="url(#paint0_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M405.5 208L204 323.5L405.5 439L607 323.5L405.5 208Z" stroke="url(#paint1_linear_94_11)" stroke-width="59" stroke-linejoin="round"/>
+<path d="M204 436L406 321" stroke="url(#paint2_linear_94_11)" stroke-width="59" stroke-linejoin="bevel"/>
+<defs>
+<linearGradient id="paint0_linear_94_11" x1="178" y1="436" x2="547.5" y2="436" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint1_linear_94_11" x1="631.5" y1="323" x2="261.5" y2="323" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+<linearGradient id="paint2_linear_94_11" x1="178" y1="436" x2="546.987" y2="433.811" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F9D100"/>
+<stop offset="1" stop-color="#F97700"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/readme_files/header-image.jpg b/readme_files/header-image.jpg
new file mode 100644
index 0000000..2afa3ce
Binary files /dev/null and b/readme_files/header-image.jpg differ
diff --git a/readme_files/huggingface_mini.svg b/readme_files/huggingface_mini.svg
new file mode 100644
index 0000000..688ceb4
--- /dev/null
+++ b/readme_files/huggingface_mini.svg
@@ -0,0 +1,48 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="95px" height="88px" viewBox="0 0 95 88" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+    <title>icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M13,14.7890193 C22.8284801,14.7890193 26,6.02605902 26,1.5261751 C26,-0.812484109 24.4279133,-0.0763570998 21.9099482,1.17020987 C19.5830216,2.32219957 16.4482998,3.91011313 13,3.91011313 C5.82029825,3.91011313 0,-2.97370882 0,1.5261751 C0,6.02605902 3.17151989,14.7890193 13,14.7890193 Z" id="path-1"></path>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="icon_desktop">
+            <g id="icon">
+                <g id="icon_desktop">
+                    <g id="Group-2">
+                        <g id="Group">
+                            <path d="M93.7930402,70.08 C94.5430402,72.24 94.3630402,74.54 93.3630402,76.54 C92.6430402,78 91.6130402,79.13 90.3530402,80.14 C88.8330402,81.34 86.9430402,82.36 84.6630402,83.34 C81.9430402,84.5 78.6230402,85.59 77.1030402,85.99 C73.2130402,87 69.4730402,87.64 65.6830402,87.67 C60.2630402,87.72 55.5930402,86.44 52.2730402,83.17 C50.5530402,83.38 48.8130402,83.5 47.0630402,83.5 C45.4030402,83.5 43.7630402,83.4 42.1330402,83.2 C38.8030402,86.45 34.1530402,87.72 28.7530402,87.67 C24.9630402,87.64 21.2230402,87 17.3230402,85.99 C15.8130402,85.59 12.4930402,84.5 9.77304019,83.34 C7.49304019,82.36 5.60304019,81.34 4.09304019,80.14 C2.82304019,79.13 1.79304019,78 1.07304019,76.54 C0.0830401858,74.54 -0.106959814,72.24 0.653040186,70.08 C-0.0469598142,68.43 -0.226959814,66.54 0.323040186,64.45 C0.573040186,63.5 0.983040186,62.62 1.50304019,61.84 C1.39304019,61.43 1.30304019,61.01 1.24304019,60.55 C0.863040186,57.81 1.81304019,55.31 3.60304019,53.37 C4.48304019,52.4 5.43304019,51.73 6.42304019,51.3 C5.69304019,48.2 5.31304019,45.01 5.31304019,41.75 C5.31304019,18.69 24.0030402,0 47.0630402,0 C54.9830402,0 62.3930402,2.2 68.7130402,6.04 C69.8530402,6.74 70.9730402,7.49 72.0430402,8.29 C72.5730402,8.69 73.1030402,9.1 73.6130402,9.53 C74.1330402,9.95 74.6430402,10.39 75.1330402,10.84 C76.6130402,12.19 78.0030402,13.64 79.2730402,15.19 C79.7030402,15.7 80.1130402,16.23 80.5130402,16.77 C81.3230402,17.84 82.0730402,18.95 82.7630402,20.1 C83.8130402,21.82 84.7330402,23.62 85.5330402,25.49 C86.0630402,26.74 86.5230402,28.02 86.9330402,29.33 C87.5430402,31.29 88.0130402,33.31 88.3330402,35.39 C88.4330402,36.08 88.5230402,36.78 88.5930402,37.48 C88.7330402,38.88 88.8130402,40.3 88.8130402,41.75 C88.8130402,44.97 88.4330402,48.13 87.7230402,51.18 C88.8230402,51.61 89.8630402,52.31 90.8330402,53.37 C92.6230402,55.31 93.5730402,57.82 93.1930402,60.56 C93.1330402,61.01 93.0430402,61.43 92.9330402,61.84 C93.4530402,62.62 93.8630402,63.5 94.1130402,64.45 C94.6630402,66.54 94.4830402,68.43 93.7930402,70.08" id="Fill-1" fill="#FFFFFF" fill-rule="nonzero"></path>
+                            <circle id="Oval" fill="#FFD21E" fill-rule="nonzero" cx="46.75" cy="41.75" r="34.75"></circle>
+                            <path d="M81.5,41.75 C81.5,22.5581049 65.9418951,7 46.75,7 C27.5581049,7 12,22.5581049 12,41.75 C12,60.9418951 27.5581049,76.5 46.75,76.5 C65.9418951,76.5 81.5,60.9418951 81.5,41.75 Z M8,41.75 C8,20.3489659 25.3489659,3 46.75,3 C68.1510341,3 85.5,20.3489659 85.5,41.75 C85.5,63.1510341 68.1510341,80.5 46.75,80.5 C25.3489659,80.5 8,63.1510341 8,41.75 Z" id="Oval" fill="#FFAC03" fill-rule="nonzero"></path>
+                            <path d="M57.1723547,31.7151181 C58.0863134,32.7107502 57.3040427,35.2620959 58.7620957,35.2620959 C61.5235194,35.2620959 63.7620957,33.0235196 63.7620957,30.2620959 C63.7620957,27.5006721 61.5235194,25.2620959 58.7620957,25.2620959 C56.0006719,25.2620959 53.7620957,27.5006721 53.7620957,30.2620959 C53.7620957,31.5654666 56.3553563,30.8251108 57.1723547,31.7151181 Z" id="Oval-2" fill="#3A3B45" fill-rule="nonzero" transform="translate(58.762096, 30.262096) rotate(-28.000000) translate(-58.762096, -30.262096) "></path>
+                            <path d="M32.1723553,31.7151181 C33.086314,32.7107502 32.3040433,35.2620959 33.7620963,35.2620959 C36.52352,35.2620959 38.7620963,33.0235196 38.7620963,30.2620959 C38.7620963,27.5006721 36.52352,25.2620959 33.7620963,25.2620959 C31.0006725,25.2620959 28.7620963,27.5006721 28.7620963,30.2620959 C28.7620963,31.5654666 31.3553569,30.8251108 32.1723553,31.7151181 Z" id="Oval-2" fill="#3A3B45" fill-rule="nonzero" transform="translate(33.762096, 30.262096) scale(-1, 1) rotate(-28.000000) translate(-33.762096, -30.262096) "></path>
+                            <g id="Oval-4" transform="translate(33.500000, 41.500000)">
+                                <g id="Mask" fill-rule="nonzero" fill="#3A3B45">
+                                    <path d="M13,14.7890193 C22.8284801,14.7890193 26,6.02605902 26,1.5261751 C26,-0.812484109 24.4279133,-0.0763570998 21.9099482,1.17020987 C19.5830216,2.32219957 16.4482998,3.91011313 13,3.91011313 C5.82029825,3.91011313 0,-2.97370882 0,1.5261751 C0,6.02605902 3.17151989,14.7890193 13,14.7890193 Z" id="path-1"></path>
+                                </g>
+                                <g id="Clipped">
+                                    <mask id="mask-2" fill="white">
+                                        <use xlink:href="#path-1"></use>
+                                    </mask>
+                                    <g id="path-1"></g>
+                                    <path d="M13.25,25 C18.0399291,25 21.9229338,21.1169953 21.9229338,16.3270662 C21.9229338,12.5962324 19.5672252,9.41560375 16.2620987,8.19147116 C16.1404592,8.14641904 16.0175337,8.10401696 15.8933923,8.06433503 C15.0599892,7.79793679 14.1717882,10.6623144 13.25,10.6623144 C12.3886883,10.6623144 11.5567012,7.77968641 10.7713426,8.01349068 C7.18916268,9.07991937 4.57706621,12.3984489 4.57706621,16.3270662 C4.57706621,21.1169953 8.46007093,25 13.25,25 Z" id="Shape" fill="#EF4E4E" fill-rule="nonzero" mask="url(#mask-2)"></path>
+                                </g>
+                            </g>
+                            <circle id="Oval-3" fill="#FFD21E" fill-rule="nonzero" style="mix-blend-mode: multiply;" cx="70.25" cy="33.75" r="3.25"></circle>
+                            <circle id="Oval-3" fill="#FFD21E" fill-rule="nonzero" style="mix-blend-mode: multiply;" cx="23.75" cy="33.75" r="3.25"></circle>
+                        </g>
+                    </g>
+                </g>
+                <g id="Group-4" transform="translate(3.000000, 48.000000)" fill-rule="nonzero">
+                    <path d="M14.0619453,0 L14.0619453,0 C12.4429453,0 10.9959453,0.665 9.98694534,1.871 C9.36294534,2.618 8.71094534,3.822 8.65794534,5.625 C7.97894534,5.43 7.32594534,5.321 6.71594534,5.321 C5.16594534,5.321 3.76594534,5.915 2.77594534,6.994 C1.50394534,8.379 0.938945345,10.081 1.18494534,11.784 C1.30194534,12.595 1.57294534,13.322 1.97794534,13.995 C1.12394534,14.686 0.494945345,15.648 0.190945345,16.805 C-0.0470546551,17.712 -0.291054655,19.601 0.982945345,21.547 C0.901945345,21.674 0.825945345,21.806 0.754945345,21.941 C-0.0110546551,23.395 -0.0600546551,25.038 0.615945345,26.568 C1.64094534,28.887 4.18794534,30.714 9.13394534,32.675 C12.2109453,33.895 15.0259453,34.675 15.0509453,34.682 C19.1189453,35.737 22.7979453,36.273 25.9829453,36.273 C31.8369453,36.273 36.0279453,34.48 38.4399453,30.944 C42.3219453,25.25 41.7669453,20.042 36.7439453,15.022 C33.9639453,12.244 32.1159453,8.148 31.7309453,7.249 C30.9549453,4.587 28.9029453,1.628 25.4919453,1.628 L25.4909453,1.628 C25.2039453,1.628 24.9139453,1.651 24.6279453,1.696 C23.1339453,1.931 21.8279453,2.791 20.8949453,4.085 C19.8879453,2.833 18.9099453,1.837 18.0249453,1.275 C16.6909453,0.429 15.3579453,0 14.0619453,0 M14.0619453,4 C14.5719453,4 15.1949453,4.217 15.8819453,4.653 C18.0149453,6.006 22.1309453,13.081 23.6379453,15.833 C24.1429453,16.755 25.0059453,17.145 25.7829453,17.145 C27.3249453,17.145 28.5289453,15.612 25.9239453,13.664 C22.0069453,10.733 23.3809453,5.942 25.2509453,5.647 C25.3329453,5.634 25.4139453,5.628 25.4919453,5.628 C27.1919453,5.628 27.9419453,8.558 27.9419453,8.558 C27.9419453,8.558 30.1399453,14.078 33.9159453,17.851 C37.6919453,21.625 37.8869453,24.654 35.1349453,28.69 C33.2579453,31.442 29.6649453,32.273 25.9829453,32.273 C22.1639453,32.273 18.2489453,31.379 16.0549453,30.81 C15.9469453,30.782 2.60394534,27.013 4.29394534,23.805 C4.57794534,23.266 5.04594534,23.05 5.63494534,23.05 C8.01494534,23.05 12.3439453,26.592 14.2049453,26.592 C14.6209453,26.592 14.9139453,26.415 15.0339453,25.983 C15.8269453,23.138 2.97694534,21.942 4.05994534,17.821 C4.25094534,17.092 4.76894534,16.796 5.49694534,16.797 C8.64194534,16.797 15.6979453,22.328 17.1769453,22.328 C17.2899453,22.328 17.3709453,22.295 17.4149453,22.225 C18.1559453,21.029 17.7499453,20.194 12.5269453,17.033 C7.30394534,13.871 3.63794534,11.969 5.72294534,9.699 C5.96294534,9.437 6.30294534,9.321 6.71594534,9.321 C9.88694534,9.322 17.3789453,16.14 17.3789453,16.14 C17.3789453,16.14 19.4009453,18.243 20.6239453,18.243 C20.9049453,18.243 21.1439453,18.132 21.3059453,17.858 C22.1729453,16.396 13.2529453,9.636 12.7499453,6.847 C12.4089453,4.957 12.9889453,4 14.0619453,4" id="Fill-1" fill="#FFAC03"></path>
+                    <path d="M35.1348,28.6899 C37.8868,24.6539 37.6918,21.6249 33.9158,17.8509 C30.1398,14.0779 27.9418,8.5579 27.9418,8.5579 C27.9418,8.5579 27.1208,5.3519 25.2508,5.6469 C23.3808,5.9419 22.0078,10.7329 25.9248,13.6639 C29.8418,16.5939 25.1448,18.5849 23.6378,15.8329 C22.1308,13.0809 18.0158,6.0059 15.8818,4.6529 C13.7488,3.2999 12.2468,4.0579 12.7498,6.8469 C13.2528,9.6359 22.1738,16.3959 21.3058,17.8589 C20.4378,19.3209 17.3788,16.1399 17.3788,16.1399 C17.3788,16.1399 7.8068,7.4289 5.7228,9.6989 C3.6388,11.9689 7.3038,13.8709 12.5268,17.0329 C17.7508,20.1939 18.1558,21.0289 17.4148,22.2249 C16.6728,23.4209 5.1428,13.6999 4.0598,17.8209 C2.9778,21.9419 15.8268,23.1379 15.0338,25.9829 C14.2408,28.8289 5.9828,20.5979 4.2938,23.8049 C2.6038,27.0129 15.9468,30.7819 16.0548,30.8099 C20.3648,31.9279 31.3108,34.2969 35.1348,28.6899" id="Fill-4" fill="#FFD21E"></path>
+                </g>
+                <g id="Group-4" transform="translate(70.500000, 66.500000) scale(-1, 1) translate(-70.500000, -66.500000) translate(50.000000, 48.000000)" fill-rule="nonzero">
+                    <path d="M14.0619453,0 L14.0619453,0 C12.4429453,0 10.9959453,0.665 9.98694534,1.871 C9.36294534,2.618 8.71094534,3.822 8.65794534,5.625 C7.97894534,5.43 7.32594534,5.321 6.71594534,5.321 C5.16594534,5.321 3.76594534,5.915 2.77594534,6.994 C1.50394534,8.379 0.938945345,10.081 1.18494534,11.784 C1.30194534,12.595 1.57294534,13.322 1.97794534,13.995 C1.12394534,14.686 0.494945345,15.648 0.190945345,16.805 C-0.0470546551,17.712 -0.291054655,19.601 0.982945345,21.547 C0.901945345,21.674 0.825945345,21.806 0.754945345,21.941 C-0.0110546551,23.395 -0.0600546551,25.038 0.615945345,26.568 C1.64094534,28.887 4.18794534,30.714 9.13394534,32.675 C12.2109453,33.895 15.0259453,34.675 15.0509453,34.682 C19.1189453,35.737 22.7979453,36.273 25.9829453,36.273 C31.8369453,36.273 36.0279453,34.48 38.4399453,30.944 C42.3219453,25.25 41.7669453,20.042 36.7439453,15.022 C33.9639453,12.244 32.1159453,8.148 31.7309453,7.249 C30.9549453,4.587 28.9029453,1.628 25.4919453,1.628 L25.4909453,1.628 C25.2039453,1.628 24.9139453,1.651 24.6279453,1.696 C23.1339453,1.931 21.8279453,2.791 20.8949453,4.085 C19.8879453,2.833 18.9099453,1.837 18.0249453,1.275 C16.6909453,0.429 15.3579453,0 14.0619453,0 M14.0619453,4 C14.5719453,4 15.1949453,4.217 15.8819453,4.653 C18.0149453,6.006 22.1309453,13.081 23.6379453,15.833 C24.1429453,16.755 25.0059453,17.145 25.7829453,17.145 C27.3249453,17.145 28.5289453,15.612 25.9239453,13.664 C22.0069453,10.733 23.3809453,5.942 25.2509453,5.647 C25.3329453,5.634 25.4139453,5.628 25.4919453,5.628 C27.1919453,5.628 27.9419453,8.558 27.9419453,8.558 C27.9419453,8.558 30.1399453,14.078 33.9159453,17.851 C37.6919453,21.625 37.8869453,24.654 35.1349453,28.69 C33.2579453,31.442 29.6649453,32.273 25.9829453,32.273 C22.1639453,32.273 18.2489453,31.379 16.0549453,30.81 C15.9469453,30.782 2.60394534,27.013 4.29394534,23.805 C4.57794534,23.266 5.04594534,23.05 5.63494534,23.05 C8.01494534,23.05 12.3439453,26.592 14.2049453,26.592 C14.6209453,26.592 14.9139453,26.415 15.0339453,25.983 C15.8269453,23.138 2.97694534,21.942 4.05994534,17.821 C4.25094534,17.092 4.76894534,16.796 5.49694534,16.797 C8.64194534,16.797 15.6979453,22.328 17.1769453,22.328 C17.2899453,22.328 17.3709453,22.295 17.4149453,22.225 C18.1559453,21.029 17.7499453,20.194 12.5269453,17.033 C7.30394534,13.871 3.63794534,11.969 5.72294534,9.699 C5.96294534,9.437 6.30294534,9.321 6.71594534,9.321 C9.88694534,9.322 17.3789453,16.14 17.3789453,16.14 C17.3789453,16.14 19.4009453,18.243 20.6239453,18.243 C20.9049453,18.243 21.1439453,18.132 21.3059453,17.858 C22.1729453,16.396 13.2529453,9.636 12.7499453,6.847 C12.4089453,4.957 12.9889453,4 14.0619453,4" id="Fill-1" fill="#FFAC03"></path>
+                    <path d="M35.1348,28.6899 C37.8868,24.6539 37.6918,21.6249 33.9158,17.8509 C30.1398,14.0779 27.9418,8.5579 27.9418,8.5579 C27.9418,8.5579 27.1208,5.3519 25.2508,5.6469 C23.3808,5.9419 22.0078,10.7329 25.9248,13.6639 C29.8418,16.5939 25.1448,18.5849 23.6378,15.8329 C22.1308,13.0809 18.0158,6.0059 15.8818,4.6529 C13.7488,3.2999 12.2468,4.0579 12.7498,6.8469 C13.2528,9.6359 22.1738,16.3959 21.3058,17.8589 C20.4378,19.3209 17.3788,16.1399 17.3788,16.1399 C17.3788,16.1399 7.8068,7.4289 5.7228,9.6989 C3.6388,11.9689 7.3038,13.8709 12.5268,17.0329 C17.7508,20.1939 18.1558,21.0289 17.4148,22.2249 C16.6728,23.4209 5.1428,13.6999 4.0598,17.8209 C2.9778,21.9419 15.8268,23.1379 15.0338,25.9829 C14.2408,28.8289 5.9828,20.5979 4.2938,23.8049 C2.6038,27.0129 15.9468,30.7819 16.0548,30.8099 C20.3648,31.9279 31.3108,34.2969 35.1348,28.6899" id="Fill-4" fill="#FFD21E"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/readme_files/pnpm.svg b/readme_files/pnpm.svg
new file mode 100644
index 0000000..869d98f
--- /dev/null
+++ b/readme_files/pnpm.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" viewBox="11.402372448979719 44 229.19525510204053 164" width="225.2" height="160"><defs><path d="M237.6 95L187.6 95L187.6 45L237.6 45L237.6 95Z" id="bI6Nf60N9"></path><path d="M182.59 95L132.59 95L132.59 45L182.59 45L182.59 95Z" id="a8FFhKgd0c"></path><path d="M127.59 95L77.59 95L77.59 45L127.59 45L127.59 95Z" id="a9qyl7Isz"></path><path d="M237.6 150L187.6 150L187.6 100L237.6 100L237.6 150Z" id="a1kzUBS4Ji"></path><path d="M182.59 150L132.59 150L132.59 100L182.59 100L182.59 150Z" id="e7QCwVpLSq"></path><path d="M182.59 205L132.59 205L132.59 155L182.59 155L182.59 205Z" id="c2ueZ9Eij"></path><path d="M237.6 205L187.6 205L187.6 155L237.6 155L237.6 205Z" id="a5ceqftta"></path><path d="M127.59 205L77.59 205L77.59 155L127.59 155L127.59 205Z" id="k81mfCtuC4"></path><text id="aVpRxCdSG" x="-100" y="-48.5" font-size="42" font-family="Baloo" font-weight="normal" font-style="normal" letter-spacing="0" alignment-baseline="before-edge" transform="matrix(1 0 0 1 112.40237244897972 139.5)" style="line-height:100%" xml:space="preserve" dominant-baseline="text-before-edge"><tspan x="-100" dy="0em" alignment-baseline="before-edge" dominant-baseline="text-before-edge" text-anchor="start">pnpm</tspan></text><style id="baloonormalnormal">
+    @font-face {
+    font-family: "Baloo";
+    font-weight: normal;
+    src: url("data:font/ttf;base64,AAEAAAARAQAABAAQR0RFRmjFbj0ACD4MAAAAzkdQT1PhRqNLAAg+3AABFUpHU1VC3QqK/QAJVCgAADsST1MvMhGVV48AAAGYAAAAYGNtYXAZRh1hAAAX+AAABVRjdnQgBbA5igAAKxgAAACmZnBnbbKSn0AAAB1MAAANHmdhc3AAAAAQAAg+BAAAAAhnbHlmU2z8tAAAQcQAB7xcaGVhZAwFip0AAAEcAAAANmhoZWELHgPNAAABVAAAACRobXR4a1B1IgAAAfgAABYAbG9jYRIzRIUAACvAAAAWBG1heHAHCQ4mAAABeAAAACBuYW1lUJN38QAH/iAAAAOmcG9zdJopdfsACAHIAAA8PHByZXA/QVhyAAAqbAAAAKwAAQAAAAEZmecQanFfDzz1ABsD6AAAAADS3CJ5AAAAANL5C5b+B/30CPoEGgAAAAkAAgABAAAAAAABAAAEGv30AAAIKP4H+DAI+gABAAAAAAAAAAAAAAAAAAAFgAABAAAFgAC8AAgAAAAAAAIAOABJAIsAAAC9DR8AAAAAAAMCuwGQAAUAAAKKAlgAAABLAooCWAAAAV4AMgEjAAADCAkCBAMCAgIAoACAf0AAIHsAAAAAAAAAAEVLVEYAQAAA+wIEGv30AAAEGgIMIAABkwAAAAAB5QJfAAAAIAAFAN8AAAAAAAAA3wAAAMgAAAEqADUBmgAZAsoAHgI1ACwDHwAdAqEAJADbABkBMQAqATEAAgFfABQCIQAeAPP/9gFiAB4A7gAWAVcAAwJeACMBiQAKAgoAIwIGABkCXgAVAgoALQIuACMB4gAUAjAAJAIuACABAgAgAQoAAwHXAB4B6QAgAdcAHwHyABgELQAxAnMAFwJrAEECOwAjApoAQQIkAEECEwBBApgAIwKgAEEBMQBBAZwAFQJnAEECAQBBAx0ANAKnAEECvwAjAkUAQQLBACMCYQBBAicAKAIsABICmAA+AnoAEQNfABkCWQAXAj4ACgIwACIBLwAuAWgAAAE9AAUB6AAjAjkAHgEuABACIAAcAk4ANgHpAB8CSgAfAiUAHwGuADYCNwAeAkkANgEaADABH//5AisANgEYADcDTgA0AkcANAJKAB8CSQA0AksAHwGbADQB7AAoAZAANgJGADQCIQAUAxcAFwILABkCJwAUAeEAIgFHABgBGQBBAUcAGAH3ABIAyAAAASoANQHsAB0B+AAjAjUANwJVACEBJQBBAiIAMgF2//ICyQAjAWMADgI+AB0B4QAaAWIAHgJrACUBQQAOAWkAEAHxABoBGAAWAR4AEQEqABcCSAA1AiYAEADqABQAw//sAN4ABwGMABkCPgAdAnYABwJ8AAcCrgARAbf/7QJzABcCcwAXAnMAFwJzABcCcwAXAnMAFwNrABkCOwAjAh0AOgIdADoCHQA6Ah0AOgEx//kBMQAqATH/7QEx/8sCvAAUApkAOgK/ACMCvwAjAr8AIwK/ACMCvwAjAfgAHAK/ACMCmAA+ApgAPgKYAD4CmAA+Aj4ACgJVADwCcAA2AiAAHAIgABwCIAAcAiAAHAIgABwCIAAcA0EAHAHuAB8CJgAfAiYAHwImAB8CJgAfARr/6AEaACgBGv/cARr/wwJJAB8CRwA0AkoAHwJKAB8CSgAfAkoAHwJKAB8CDQAeAkoAHwJGADQCRgA0AkYANAJGADQCJgAUAk4ANQImABQCcwAXAiAAHAJzABcCIAAcAnMAFwIgABwCOwAjAe4AHwI7ACMB7gAfAjsAIwHuAB8COwAjAe4AHwKTADoDKgAfAr0ADwJQAB8CHQA6AiYAHwIdADoCJgAfAh0AOgImAB8CHQA6AiYAHwIdADoCJgAfApgAIwI3AB4CmAAjAjcAHgKYACMCNwAeApgAIwI3AB4CgwBKAkn/2wK9ABQCTwAAATH/1AEa/8wBMf/mARr/5QExAD8BGgAwATEAOQEaADgBmAAVAR//1AJgADoCLQA2Ai0ANgIBAEEBGAAPAgEAQQEYABkCAf/sAfgANwIPAEECAgA3AiAACgGGAAoCmQA6AkcANAKZADoCRwA0ApkAOgJHADQC5wAWAr8AIwJKAB8CvwAjAkoAHwO4ACUDgAAfAloAOgGbADQCWgA6AbMANAJaADoBrAA0AicAKAHsACgCJwAoAewAKAInACgB7AAoAicAKAHsACgCLAASAZAANgIsABICdAA2ApgAPgJGADQCmAA+AkYANAKYAD4CRgA0ApgAPgJGADQCmAA+AlMANAKYAD4CRgA0A3UAHQMgABYCPgAKAiYAFAI+AAoCMAAiAeEAIgIwACIB4QAiAjAAIgHhACICpAAmAhj/8QL/ACMCjAAfAwsAOgLIADQCcwAXAiAAHAEx/+QBGv/bAr8AIwJKAB8CmAA+AkYANAKYAD4CRgA0As4APgJGADQCmAA+AkYANALOAD4CRgA0ApgAIwI3AB4CJwAoAewAKAIsABIBigA2AR//+QJLAB8CJQAeAjcAHgDgABQA4AAWARIAFAESACMBXP/7AV7/+wFWAHYBawAOATUAFwEkABABfgB2AVD//ADOAA0BHgAIAOsADAF2AAEB6AAUAS4AEAEqABcBXP/7AAD+iwFBAA4BUP/8AM4ADQGN//IBBgAlAR4ACAHoABQBXv/7ANoACADOAA4Bdv/+ANwAAADDAAIA6wAMAWL//AFwAAkCmQAeApMAOgJKAB8CkwA6AkoAHwKYACMCNwAeAoMASgJJADYCgwBKAkkANgH6ADoBGAA3AgH//gEY/9wB+gA6ARj/6wMmADMDTgA0ApkAOgJHADQCmQA6AkcANAKZADoCRwA0AloAOgGbADQCWgA6AaMAOQJaADoBqAA0Ah8ALAHsACgCHwAsAewAKAIsABIBkAA2AiwAEgGQACwDdQAdAyAAFgN1AB0DIAAWA3UAHQMgABYCPgAKAiYAFAIwACIB4QAiAZD/+AJmADYCcwAXAiAAHAJzABcCIAAcAnMAFwIgABwCcwAXAiAAHAJzABcCIAAcAnMAFwIgABwCcwAXAiAAHAJzABcCIAAcAnMAFwIgABwCcwAXAiAAHAJzABcCIAAcAnMAFwIgABwCHQA6AiYAHwIdADoCJgAfAh0AOgImAB8CJABBAiYAHwIkAEECJgAfAiQAQQImAB8CHQA6AiYAHwIdADoCJgAfATEALwEaACUBMQBBARoAMAK/ACMCSgAfAr8AIwJKAB8CvwAjAksAHwK/ACMCSwAfAr8AIwJLAB8CvwAjAkoAHwK/ACMCSgAfAv8AIwKMAB8C/wAjAowAHwL/ACMCjAAfAv8AIwKMAB8C/wAjAowAHwKYAD4CRgA0ApgAPgJGADQDCwA6AsgANAMLADoCyAA0AwsAOgLIADQDCwA6AsgANAMLADoCyAA0Aj4ACgImABQCPgAKAl4AFAI+AAoCJgAUAj4ACgImABQB9AAAAWIAHgHzAB4CHQAeAvUAHgLNAB4A4AAUAOAAFgDSAB8BogAUAaIAFgGmAB4CEABDAhAAQwE5ACMCxgAWBIIAHQDgABYBogAWAWEAIwFhACMB1AAJAUsAFgE/AAoBHQAZAS4AFgECAAoBMQAXAS8AEwCrABMAqwAHAYcALAFLABYA3gAHARgAFgEeABEBPwAKAR0AGQEuABYA+gAKATEAFwEvABMAqwATAKsABwJSACMCFAAyAukAFATPADoCUAAfAlEACgKYABQCmAAjAjsAIwI2ACgCLQAKAmQAFAHrADcCyQAjAwIAHQL+ABQC6gAjAwYAIwKKAAcCvwAWAosABwK9ABECwAAZAnoACgLTABQB5gAUAtMAFAHmABQCQQAeApIAFQJhAEECNwAeAfkAHgHUAAkCaQAKAxoAIwHDABMB+QAaAd0AGgHgABoB3QAaAogAPAJmACECZgAhAnMAPAJzADwCZgAhAmYAIQJzACECcwAhAnEAIwJQAB4CxQA2AsYANgDIAAABD//9AQcACgHIAAoBEAAIAW4AEQFvABEAAP6xAAD+sQAA/w8A5v/dAw8AGQMPABkEOQAZAif/2AIn/9gB8P/dAwf/3QNC/9gDF//dAjf/0wI3/9MCN//TAjf/0wQ5ABkEOQAZBDkAGQQ5ABkDRv/YA2n/2AJt/9gCkv/OAqH/2AKw/9gC/P/OAvH/2AM7/9gCw//YAhz/2AJm/9gCLv/YAk7/2AMg/9MCcf/dArMAFwIh/9gCsAAMAlf/2AJX/9gCUv/TA1b/0wJn/9gCh//jAoL/3QKM/9gBrf/YAa3/2AMM/90DHP/dAxz/3QJc/9gDCQAeAl3/0wLU/9gCFf/YAAD/GwEq/90AAP4YAh0ANwEq/90BKv/dASr/EAAA/kUAAP6RAAD+iAAA/sYAAP6xAAD+BwAA/kMAAP4oASr/TQEq/zEBKv9xASr/VgAA/vAAAP8ZASr/HQOoABkAAP8bAAD+CwAA/qUAAP8rAAD+wwAA/qMAAP6jA0b/2ANp/9gCbf/YAvH/2AIu/9gCTv/YA1b/0wKM/9gDTP/YAxf/3QAA/gkAAP4JAU4AVQJ0AFUCAQAUAfgAFAH7ABkB/AAZAiwAFAIiABkB/wAjAo0AHgHzAB4B6gAZAa0AFAElAEEDDwAZAw8AGQQ5ABkEOQAZAw8AGQMPABkC8f/YAoz/2AJt/9gC8f/YAhsAPAIu/9gCZ//YAyoAIQL0/9gDBf/nAyv/3QInABkCRQAeAif/2AKu/84Crv/OAmv/yQJr/8kCBf/YAqr/2ALN/9gDHwASAi7/2AMqACEC9P/YA0b/2ANp/9gCbf/YApL/zgKw/9gC8f/YA2X/2ALD/9gDIP/TAmT/2AKzABcCH//YArAADAJX/9gCUv/TA1b/0wJn/9gCh//jAoL/3QKM/9gDFv/dAlz/2AMHABICXf/TAuj/2AI8/9gDOf/YA2n/2AJt/9gC8f/YA0z/0wKM/9gFYv/OBHr/2ASs/9gEhv/YBKn/2ARH/9gFp//YBX3/2ASB/9gEgf/YBCUADAPc/9gD+f/jBIoAEgWE/9MF+v/TBWL/zgL8/84Ccf/YAnH/2AJx/9gE1//YAh7/2AIe/9gEbf/YAhz/2AJJ/9gE1//YAin/2AIp/9gEgP/YAk7/2ASk/9gCK//YAgj/2ANH/9gCIf/YAiH/2AMd/9gC1P/YArr/zgIh/9gF9gAhBmb/2Ago/9gGOP/YBoX/3Qf7/9gE6//YBqv/2AU7/9gGJ//YBOr/2AX7/9gEq//YBjf/2ASMACEEkwAhBF0AIQYM/9gGQv/YBmL/2AZm/9gFUv/YBY//2APd/9gFWv/YA93/2ASe/9gE0f/YBcj/2AWs/9gEZv/YBgr/3QR9/90F9f/dBHX/3QSz/90Es//dA/z/2APR/9gD8v/dA3H/3QU0/90FC//dA7X/2AZJ/90FL//dBX7/3QVK/90GXP/YBOv/2AOu/9gFMv/YBVn/2AUU/9gDUP/YA1z/2AV6/9gD+P/YBT3/2ANm/9gFP//YBQr/2AUY/9gElf/YBOr/2AV9/9gEUf/YBMT/0wYS/9gFS//YA9n/2AXc/9gDt//dBUn/3QO8/90Fb//dA/f/3QU6/90G2f/dBlP/3QQo/90Gh//dBYL/3QUm/90EhP/TBcz/0wOR/9ME8P/TBQv/2AZ2/9gFXv/YBCP/2AUy/9gF+v/YBBf/2AV+/9gEnv/YBZj/2AXL/9gE1//YBSn/2AWK/9gEbv/YBYD/2AOa/9gFBv/YBHD/2ASp/9gEq//YBa//2ATf/9gE0//YBVv/2ASx/9gFbf/YBSP/2AXI/9gEtv/YA2n/2ATN/9gE8//YBMD/2AVn/9gDw//YA/L/2AQx/9gEcP/YA23/2AQN/9gCbf/YA7P/2APi/9gD2v/YA93/2ARS/9gDqf/YBC7/2AKU/84D9//OBB//zgQo/9gEnv/YArD/2AQK/9gENf/YBT3/2ARL/9gFI//YBBX/2AQT/9gEYv/YBBv/2ALx/9gEYP/YBID/2ARu/9gEUv/YBHr/2AS6/9gEsv/YBKn/2AS2/9gEDP/TBFf/0wQX/9MEP//TBSH/0wR+/9MEj//TBFj/0wR7/90Er//dApn/2APk/90Cmf/dA3D/3QR0/90Drf/dA7v/3QRI/90Dj//dBAL/3QQ7ABcD9gAXArAADAQlAAwEMgAMA/UADAR//9gDif/YA5H/2AQi/9gEBP/YA07/2ANZ/9gDoP/YA9L/2ANS/9gD+P/YAmH/2ANm/9gEav/YA8f/2AO6/9gDq//YA5L/2AQ6/9gEAf/YAz7/2AQm/9MCPf/TA3n/0wJS/9MDjf/TBJH/0wON/9MDxP/TBBX/0wN6/9MERv/TA/T/0wU4/9MEff/TBNH/0wUV/9MEuf/TBb3/0wTn/9MFav/TBX//0wSc/9gEoP/YA5L/2AO+/9gDcf/YBBP/2AJn/9gDwP/YA9n/2AP1/9gEX//YA7T/2ARf/9gEUv/YBIL/2AP//+MEdP/jA8r/4wO5/90DcP/dAoL/3QO4/90EvP/dA7z/3QP3/90Dyf/dA+D/3QRV/90DrP/dBGD/3QQ0/90Daf/dA+r/2AVM/90Fd//dBGX/3QR+/90E3v/dBCD/3QRp/90EJv/dBE3/3QRt/90Ey//dBCz/3wRC/90FRv/dBHn/3QSC/90Ejf/dBIn/3QUK/90EZf/dBRX/3QTO/90EDv/YBN7/3QS3/90FS//dA3n/2APi/9gETP/YA6T/2ANa/9gFIwAeBJ8AHgTtAB4D8AAeBEIAHgMHABIEUAAeBHEAHgTXAB4EOQAeBOQAHgUjAB4EhP/TA0X/0wOS/9MEXf/TA5H/0wSV/9MDkv/TA7r/0wOI/9MDnP/TBQv/2AUr/9gE4v/YA73/2AQT/9gEcv/YA9P/2AQB/9gEF//YBRv/2AQg/9gEIP/YBFD/2AS0/9gEHP/YBH7/2AJp/9gCXf/YAzL/2AMo/9gCaf/YAl3/2ATK/9gFxv/YBMv/2ATW/9gFlP/YBa7/2ATB/9gEw//YBPj/2ATF/9gFbP/YBUn/2ARu/9gESv/YBOj/0wVB/9MFOP/TBcn/0wJq/9gCcf/YAWb/2AGH/84BoP/YAdz/2AI0/9gBsv/YAgr/0wFl/90BuQAXAbgADAFg/9gBYP/YATz/0wJV/9MBZv/YAWb/4wFw/90Ba//YAPn/2AIl/90Cwf/d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AABV9gAAVpMAAFewAABY1wAAWlcAAFrzAABcPQAAXWAAAF7HAABgugAAYh8AAGOMAABlNwAAZh8AAGcXAABn9QAAaQwAAGodAABq0wAAa3AAAGxDAABtEgAAbhsAAG+7AABwoAAAcWkAAHJtAABz6gAAdOcAAHWJAAB2vwAAd7AAAHiFAAB5kwAAep8AAHtxAAB8RwAAfYkAAH60AAB/zgAAgSEAAILrAACEMgAAhX0AAIbgAACHzwAAiPAAAIoAAACLSAAAjIUAAI06AACN3wAAjrgAAI+HAACQewAAkgAAAJLoAACTxQAAlNEAAJZPAACXTQAAl/AAAJkFAACZ9wAAmtkAAJvxAACc/wAAne0AAJ7WAACf8gAAoTQAAKJXAACj+wAApagAAKcFAACoUgAAqTQAAKomAACrQgAArGsAAK1TAACuQAAAr1IAALB3AACxmQAAswYAALQTAAC1MAAAth8AALc3AAC4hAAAuiYAALsHAAC8EgAAvUYAAL6AAAC/jAAAwNAAAMImAADDkAAAxRYAAMboAADIAgAAyS8AAMppAADLqwAAzNAAAM3+AADPQwAA0E0AANGRAADS1AAA04QAANQwAADU5gAA1dkAANZ4AADW5AAA1+IAANjHAADZzAAA2tQAANugAADcVQAA3NgAAN20AADeUQAA3zcAAN/ZAADglAAA4RYAAOHTAADiYQAA41MAAOQyAADlSwAA5kcAAOdnAADofgAA6cIAAOqeAADrfwAA7I0AAO2pAADvxAAA8Z0AAPK5AADzhwAA9MsAAPW1AAD3BwAA+A4AAPkMAAD6GwAA+1EAAPyXAAD9nwAA/rkAAP/lAAEBJgABAg4AAQMQAAEEAAABBRAAAQaYAAEIIQABCQwAAQn5AAELNgABDKIAAQ2wAAEOwgABD90AAREFAAESAgABExsAARScAAEWRQABF2EAARiHAAEZkgABGloAARs0AAEcAAABHPsAAR3yAAEe/QABH9AAASCkAAEhfwABIoIAASNlAAEkXwABJbsAAScJAAEnzwABKKMAASmcAAEqogABK6UAASy4AAEuCQABL1YAATCbAAEx3wABM0UAATSvAAE19AABN0sAATiNAAE58gABOxcAATxDAAE9KwABPi0AAT6kAAE/ewABQFMAAUFMAAFBvAABQiwAAUKqAAFDKAABQ6QAAUQbAAFEdAABRM0AAUUYAAFFcAABRcgAAUZmAAFGsgABRycAAUeOAAFIXQABSOgAAUlAAAFJiwABSgcAAUrWAAFLLwABS80AAUwZAAFMkwABTUsAAU3AAAFOSwABTsIAAU8YAAFPZAABT9MAAVAyAAFQfwABUMwAAVFpAAFRwQABUjMAAVMmAAFULwABVS8AAVZFAAFXbQABWKcAAVmYAAFakQABW+wAAV1PAAFeBwABXoYAAV+EAAFgOwABYQEAAWGNAAFixAABY/4AAWT2AAFl0AABZscAAWeeAAFoowABaYkAAWqqAAFrcAABbNIAAW3fAAFvDQABb+IAAXDlAAFx8AABcvEAAXP6AAF0vgABdZ0AAXZuAAF3WwABeMAAAXpOAAF7igABfPsAAX5xAAGAEQABgOsAAYHXAAGCowABg3YAAYSJAAGFywABhv8AAYgVAAGJoQABizYAAYzpAAGOfQABkEAAAZHeAAGT7AABlg0AAZiEAAGazAABnGsAAZ3wAAGf3gABodYAAaPMAAGl0QABqBcAAaq0AAGtdAABsEgAAbImAAG0EwABtPEAAbX7AAG3ZgABuPEAAbqLAAG8SwABvacAAb8wAAHAkwABwiYAAcQaAAHGMAAByEIAAcp/AAHLxwABzUEAAc5ZAAHPcQAB0AwAAdDbAAHRpwAB0nQAAdPEAAHVFQAB1l8AAde1AAHZBgAB2l8AAdw4AAHeGgAB4A8AAeIMAAHjQAAB5HsAAeWAAAHmvQAB5+gAAelAAAHq0gAB7KEAAe5kAAHwcAAB8XwAAfK3AAHzkAAB9GoAAfXDAAH3HQAB+CoAAflfAAH6kgAB++EAAf13AAH/OwACAQMAAgMDAAIEGAACBUoAAgY4AAIHPgACCBMAAgj8AAIKTAACC64AAg0tAAIOvQACDr0AAg8MAAIPXAACD6wAAg/8AAIQTAACEK8AAhESAAIRbgACEg4AAhKtAAITOwACE/UAAhUTAAIVVwACFdsAAhdZAAIXvAACGFsAAhjMAAIZLwACGW8AAhnZAAIaawACG3QAAhwsAAIcmAACHUgAAh4BAAIecAACHt8AAh9bAAIfxAACIB0AAiC9AAIhewACIgwAAiMWAAIj0QACJDsAAiTqAAIlogACJhAAAiZ+AAInfgACKLcAAinvAAIsmgACLjIAAi9qAAIw/wACMfcAAjLDAAIzvAACNL0AAjYpAAI2pwACN34AAjiBAAI5SAACOeAAAjpxAAI74AACPZkAAj7tAAJAvAACQ0QAAkS8AAJFGwACRX8AAkXfAAJGQwACRtgAAkdFAAJHogACSCAAAkhYAAJImAACSQUAAkmyAAJKFQACStMAAktpAAJL7AACTHAAAkytAAJM+gACTVYAAk2kAAJOAAACTk8AAk6rAAJO+QACT1QAAk+kAAJQEQACUbMAAlLqAAJTMAACU3UAAlOwAAJUGgACVG0AAlTHAAJVFgACVbEAAlZLAAJWlwACV18AAlpVAAJcyAACX2QAAmClAAJigAACY4sAAmV4AAJnawACaP8AAmpBAAJrhAACbHYAAm2hAAJwkQACc6gAAnZ6AAJ53gACe0cAAny1AAJ9lgACfr8AAoAXAAKBMwACgpkAAoPlAAKFmQAChtYAAoeoAAKImwACibkAAorlAAKL1AACjOgAAo6jAAKPugACkZ4AApKhAAKT5wAClMEAApYEAAKXIwACmUAAApojAAKbJgACnAYAAp0gAAKelQACoAUAAqG6AAKixQACpK0AAqWRAAKnCwACqH0AAqjUAAKphAACqbYAAqp+AAKrDgACrA0AAq0AAAKtpgACrnIAAq8DAAKvzgACsDgAArCsAAKxDgACsZgAArJ3AAKzUQACtBsAArUzAAK1hwACtggAArc6AAK5wQACufkAAroxAAK6iQACutkAArt3AAK74AACvJAAAr4zAAK/3AACwPcAAsKGAALD3gACxUQAAsbBAALH/gACyicAAsxJAALNbQACzsYAAs8HAALPegACz/sAAtC7AALRegAC0psAAtPGAALUrAAC1dcAAtceAALX3gAC2KcAAtkoAALZgQAC3EgAAt7eAALhnQAC5PwAAufaAALrKAAC7RUAAu4tAALvNAAC8IEAAvEbAALyegAC86oAAvW4AAL25QAC+DkAAvmNAAL69wAC/AwAAv3aAAMAZQADAz8AAwUuAAMHagADCJIAAwnYAAMLPAADDUIAAw73AAMR2AADE3wAAxUsAAMW7QADF+4AAxkdAAMaUwADG7cAAx2DAAMe1wADH9kAAyDDAAMiqQADJAUAAyYQAAMnZQADKG4AAyoFAAMrOgADLZYAAy7SAAMv4wADMbwAAzLKAAM0VQADNWkAAzc9AAM41QADOs8AAzzUAAM+FgADP8UAA0GfAANC8AADRYQAA0fDAANJ2gADTJgAA0+fAANR3gADVX8AA1hOAANbCwADXpMAA2E9AANi8QADZXMAA2dzAANp8QADbDgAA26/AANwpQADcusAA3SgAAN2bAADePoAA3ouAAN7eQADfYQAA37RAAOAOgADghYAA4PHAAOFYwADh3gAA4kpAAOLiwADjO0AA45EAAOQcgADkboAA5QFAAOVjAADl2QAA5iyAAOa6gADnkwAA6D0AAOklQADp30AA6pAAAOtsQADsAEAA7JZAAO1BQADt8EAA7opAAO9IgADvxsAA8FZAAPEJwADxqQAA8kyAAPMXwADz+8AA9LQAAPVDwAD2IMAA9t1AAPdBQAD4AAAA+FgAAPjzgAD5YEAA+eQAAPpuAAD61EAA+4SAAPwUgAD80YAA/bsAAP5YQAD++cAA/2DAAP/OAAEATAABALiAAQFYgAEB0gABAiWAAQK8wAEDSoABA/XAAQR+gAEFIsABBauAAQYeQAEGr8ABB2IAAQgdAAEImcABCVzAAQo0gAEK5sABC9bAAQxAwAENEcABDejAAQ5yQAEPJMABD7WAARBjAAERFgABEYhAARI8AAETKgABE93AARR9AAEU6wABFWUAARXHgAEWa8ABFvZAARedgAEYVsABGSaAARnVQAEaeYABG0SAARvrQAEccMABHOsAAR1AgAEdvkABHm1AAR8hQAEfxEABIDtAASDmAAEhycABIkuAASLqgAEjlcABJDzAASTpQAElcoABJiMAASb0gAEnkwABKATAASiGQAEpP4ABKfNAASpygAEq3oABK3dAASvkAAEsWcABLQPAAS13QAEuQ8ABLsIAAS9OQAEvz8ABMEfAATDJQAExQQABMcgAATKOQAEy18ABMzZAATOfwAEz+YABNGEAATUAwAE1TIABNaiAATY+AAE2lsABNuvAATdfgAE3toABOCdAATiCQAE450ABOU8AATmuwAE6KMABOoWAATroQAE7S4ABO+3AATxTwAE8+4ABPWcAAT3oQAE+bsABPv7AAT9cgAE/2YABQDcAAUCpgAFBIkABQa8AAUIwgAFCusABQ0AAAUP6AAFERYABRJlAAUT4gAFFaYABRbmAAUYXgAFGb8ABRspAAUdWgAFHzgABSBjAAUinAAFI/cABSVdAAUnKwAFKI4ABSoR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FwHxHx8MJQkAAAANAKIAAwABBAkAAABiAAAAAwABBAkAAQAKAGIAAwABBAkAAgAOAGwAAwABBAkAAwAgAHoAAwABBAkABAAKAGIAAwABBAkABQCeAJoAAwABBAkABgAaATgAAwABBAkACAAOAVIAAwABBAkACQA2AWAAAwABBAkACwAaAZYAAwABBAkADAAaAZYAAwABBAkADQEgAbAAAwABBAkADgA0AtAAQwBvAHAAeQByAGkAZwBoAHQAIAAoAGMAKQAgADIAMAAxADUALAAgAEUAawAgAFQAeQBwAGUALgAgAEEAbABsACAAcgBpAGcAaAB0AHMAIAByAGUAcwBlAHIAdgBlAGQALgBCAGEAbABvAG8AUgBlAGcAdQBsAGEAcgAxAC4AMQAwADAAOwBFAEsAVABGADsAQgBhAGwAbwBvAFYAZQByAHMAaQBvAG4AIAAxAC4AMQAwADAAOwBQAFMAIAAxAC4AMAAwADAAOwBoAG8AdABjAG8AbgB2ACAAMQAuADAALgA4ADgAOwBtAGEAawBlAG8AdABmAC4AbABpAGIAMgAuADUALgA2ADQANwA4ADAAMAA7ACAAdAB0AGYAYQB1AHQAbwBoAGkAbgB0ACAAKAB2ADEALgA1ACkAQgBhAGwAbwBvAC0AUgBlAGcAdQBsAGEAcgBFAGsAIABUAHkAcABlAFMAYQByAGEAbgBnACAASwB1AGwAawBhAHIAbgBpACAAYQBuAGQAIABFAGsAIABUAHkAcABlAHcAdwB3AC4AZQBrAHQAeQBwAGUALgBpAG4AVABoAGkAcwAgAEYAbwBuAHQAIABTAG8AZgB0AHcAYQByAGUAIABpAHMAIABsAGkAYwBlAG4AcwBlAGQAIAB1AG4AZABlAHIAIAB0AGgAZQAgAFMASQBMACAATwBwAGUAbgAgAEYAbwBuAHQAIABMAGkAYwBlAG4AcwBlACwAIABWAGUAcgBzAGkAbwBuACAAMQAuADEALgAgAFQAaABpAHMAIABsAGkAYwBlAG4AcwBlACAAaQBzACAAYQB2AGEAaQBsAGEAYgBsAGUAIAB3AGkAdABoACAAYQAgAEYAQQBRACAAYQB0ADoAIABoAHQAdABwADoALwAvAHMAYwByAGkAcAB0AHMALgBzAGkAbAAuAG8AcgBnAC8ATwBGAEwAaAB0AHQAcAA6AC8ALwBzAGMAcgBpAHAAdABzAC4AcwBpAGwALgBvAHIAZwAvAE8ARgBMAAAAAgAAAAAAAP+1ADIAAAAAAAAAAAAAAAAAAAAAAAAAAAWAAAABAgEDAAMABAAFAAYABwAIAAkACgALAAwADQAOAA8AEAARABIAEwAUABUAFgAXABgAGQAaABsAHAAdAB4AHwAgACEAIgAjACQAJQAmACcAKAApACoAKwAsAC0ALgAvADAAMQAyADMANAA1ADYANwA4ADkAOgA7ADwAPQA+AD8AQABBAEIAQwBEAEUARgBHAEgASQBKAEsATABNAE4ATwBQAFEAUgBTAFQAVQBWAFcAWABZAFoAWwBcAF0AXgBfAGAAYQEEAKMAhACFAL0AlgDoAIYAjgCLAJ0AqQCkAQUAigDaAIMAkwDyAPMAjQCXAIgAwwDeAPEAngCqAPUA9AD2AKIArQDJAMcArgBiAGMAkABkAMsAZQDIAMoAzwDMAM0AzgDpAGYA0wDQANEArwBnAPAAkQDWANQA1QBoAOsA7QCJAGoAaQBrAG0AbABuAKAAbwBxAHAAcgBzAHUAdAB2AHcA6gB4AHoAeQB7AH0AfAC4AKEAfwB+AIAAgQDsAO4AugEGAQcBCAEJAQoBCwD9AP4BDAENAQ4BDwD/AQABEAERARIBAQETARQBFQEWARcBGAEZARoBGwEcAR0BHgD4APkBHwEgASEBIgEjASQBJQEmAScBKAEpASoBKwEsAPoA1wEtAS4BLwEwATEBMgEzATQBNQE2ATcBOAE5AOIA4wE6ATsBPAE9AT4BPwFAAUEBQgFDAUQAsACxAUUBRgFHAUgBSQFKAUsBTAFNAU4A+wD8AOQA5QFPAVABUQFSAVMBVAFVAVYBVwFYAVkBWgFbAVwBXQFeAV8BYAFhAWIAuwFjAWQBZQFmAOYA5wFnAKYBaAFpAWoBawFsAW0BbgFvAXABcQFyAXMBdAF1AXYBdwF4AXkBegF7AXwBfQF+AX8BgAGBAYIBgwGEAYUBhgGHAYgBiQDYAOEBigGLAYwBjQGOANsA3ADdAOAA2QDfAY8BkAGRAZIBkwGUAZUBlgGXAZgBmQGaAZsBnAGdAZ4BnwGgAaEBogCbAaMBpAGlAaYBpwGoAakBqgGrAawBrQGuAa8BsAGxAbIBswG0AbUBtgG3AbgBuQG6AbsBvAG9Ab4BvwHAAcEBwgHDAcQBxQHGAccByAHJAcoBywHMAc0BzgHPAdAB0QHSAdMB1AHVAdYB1wHYAdkB2gHbAdwB3QHeAd8B4AHhAeIB4wHkAeUB5gHnAegB6QHqAesB7AHtAe4B7wHwAfEB8gHzAfQB9QH2AfcB+AH5AfoB+wH8Af0B/gH/AgACAQICAgMCBAIFAgYCBwIIAgkCCgILAgwCDQIOAg8CEAIRAhICEwIUAhUCFgIXAhgCGQIaAhsCHAIdAh4CHwIgAiECIgIjAiQCJQImAicCKAIpAioCKwIsAi0CLgIvAjACMQCyALMCMgC2ALcAxAC0ALUAxQCCAMIAhwCrAMYCMwI0AL4AvwC8AjUCNgI3AjgCOQI6AjsCPAI9Aj4CPwJAAkECQgJDAkQCRQJGAkcCSAJJAkoCSwJMAk0CTgJPAlACUQJSAlMCVAJVAlYCVwJYAlkAjACfAloCWwJcAl0CXgJfAmACYQJiAmMCZACYAKgAmgCZAO8CZQClAJIAnACnAI8AlACVAmYCZwJoAmkCagJrAmwCbQJuAm8AuQDAAMECcAJxAnICcwJ0AnUCdgJ3AngCeQJ6AnsCfAJ9An4CfwKAAoECggKDAoQChQKGAocCiAKJAooCiwKMAo0CjgKPApACkQKSApMClAKVApYClwKYApkCmgKbApwCnQKeAp8CoAKhAqICowKkAqUCpgKnAqgCqQKqAqsCrAKtAq4CrwKwArECsgKzArQCtQK2ArcCuAK5AroCuwK8Ar0CvgK/AsACwQLCAsMCxALFAsYCxwLIAskCygLLAswCzQLOAs8C0ALRAtIC0wLUAtUC1gLXAtgC2QLaAtsC3ALdAt4C3wLgAuEC4gLjAuQC5QLmAucC6ALpAuoC6wLsAu0C7gLvAvAC8QLyAvMC9AL1AvYC9wL4AvkC+gL7AvwC/QL+Av8DAAMBAwIDAwMEAwUDBgMHAwgDCQMKAwsDDAMNAw4DDwMQAxEDEgMTAxQDFQMWAxcDGAMZAxoDGwMcAx0DHgMfAyADIQMiAyMDJAMlAyYDJwMoAykDKgMrAywDLQMuAy8DMAMxAzIDMwM0AzUDNgM3AzgDOQM6AzsDPAM9Az4DPwNAA0EDQgNDA0QDRQNGA0cDSANJA0oDSwNMA00DTgNPA1ADUQNSA1MDVANVA1YDVwNYA1kDWgNbA1wDXQNeA18DYANhA2IDYwNkA2UDZgNnA2gDaQNqA2sDbANtA24DbwNwA3EDcgNzA3QDdQN2A3cDeAN5A3oDewN8A30DfgN/A4ADgQOCA4MDhAOFA4YDhwOIA4kDigOLA4wDjQOOA48DkAORA5IDkwOUA5UDlgOXA5gDmQOaA5sDnAOdA54DnwOgA6EDogOjA6QDpQOmA6cDqAOpA6oDqwOsA60DrgOvA7ADsQOyA7MDtAO1A7YDtwO4A7kDugO7A7wDvQO+A78DwAPBA8IDwwPEA8UDxgPHA8gDyQPKA8sDzAPNA84DzwPQA9ED0gPTA9QD1QPWA9cD2APZA9oD2wPcA90D3gPfA+AD4QPiA+MD5APlA+YD5wPoA+kD6gPrA+wD7QPuA+8D8APxA/ID8wP0A/UD9gP3A/gD+QP6A/sD/AP9A/4D/wQABAEEAgQDBAQEBQQGBAcECAQJBAoECwQMBA0EDgQPBBAEEQQSBBMEFAQVBBYEFwQYBBkEGgQbBBwEHQQeBB8EIAQhBCIEIwQkBCUEJgQnBCgEKQQqBCsELAQtBC4ELwQwBDEEMgQzBDQENQQ2BDcEOAQ5BDoEOwQ8BD0EPgQ/BEAEQQRCBEMERARFBEYERwRIBEkESgRLBEwETQROBE8EUARRBFIEUwRUBFUEVgRXBFgEWQRaBFsEXARdBF4EXwRgBGEEYgRjBGQEZQRmBGcEaARpBGoEawRsBG0EbgRvBHAEcQRyBHMEdAR1BHYEdwR4BHkEegR7BHwEfQR+BH8EgASBBIIEgwSEBIUEhgSHBIgEiQSKBIsEjASNBI4EjwSQBJEEkgSTBJQElQSWBJcEmASZBJoEmwScBJ0EngSfBKAEoQSiBKMEpASlBKYEpwSoBKkEqgSrBKwErQSuBK8EsASxBLIEswS0BLUEtgS3BLgEuQS6BLsEvAS9BL4EvwTABMEEwgTDBMQExQTGBMcEyATJBMoEywTMBM0EzgTPBNAE0QTSBNME1ATVBNYE1wTYBNkE2gTbBNwE3QTeBN8E4AThBOIE4wTkBOUE5gTnBOgE6QTqBOsE7ATtBO4E7wTwBPEE8gTzBPQE9QT2BPcE+AT5BPoE+wT8BP0E/gT/BQAFAQUCBQMFBAUFBQYFBwUIBQkFCgULBQwFDQUOBQ8FEAURBRIFEwUUBRUFFgUXBRgFGQUaBRsFHAUdBR4FHwUgBSEFIgUjBSQFJQUmBScFKAUpBSoFKwUsBS0FLgUvBTAFMQUyBTMFNAU1BTYFNwU4BTkFOgU7BTwFPQU+BT8FQAVBBUIFQwVEBUUFRgVHBUgFSQVKBUsFTAVNBU4FTwVQBVEFUgVTBVQFVQVWBVcFWAVZBVoFWwVcBV0FXgVfBWAFYQViBWMFZAVlBWYFZwVoBWkFagVrBWwFbQVuBW8FcAVxBXIFcwV0BXUFdgV3BXgFeQV6BXsFfAV9BX4FfwWABYEFggWDBYQETlVMTAJDUgd1bmkwMEEwB3VuaTAwQUQHQW1hY3JvbgdhbWFjcm9uBkFicmV2ZQZhYnJldmUHQW9nb25lawdhb2dvbmVrC0NjaXJjdW1mbGV4C2NjaXJjdW1mbGV4CkNkb3RhY2NlbnQKY2RvdGFjY2VudAZEY2Fyb24GZGNhcm9uBkRjcm9hdAdFbWFjcm9uB2VtYWNyb24GRWJyZXZlBmVicmV2ZQpFZG90YWNjZW50CmVkb3RhY2NlbnQHRW9nb25lawdlb2dvbmVrBkVjYXJvbgZlY2Fyb24LR2NpcmN1bWZsZXgLZ2NpcmN1bWZsZXgKR2RvdGFjY2VudApnZG90YWNjZW50DEdjb21tYWFjY2VudAxnY29tbWFhY2NlbnQLSGNpcmN1bWZsZXgLaGNpcmN1bWZsZXgESGJhcgRoYmFyBkl0aWxkZQZpdGlsZGUHSW1hY3JvbgdpbWFjcm9uB0lvZ29uZWsHaW9nb25lawtKY2lyY3VtZmxleAtqY2lyY3VtZmxleAxLY29tbWFhY2NlbnQMa2NvbW1hYWNjZW50DGtncmVlbmxhbmRpYwZMYWN1dGUGbGFjdXRlDExjb21tYWFjY2VudAxsY29tbWFhY2NlbnQGTGNhcm9uBmxjYXJvbgRMZG90BGxkb3QGTmFjdXRlBm5hY3V0ZQxOY29tbWFhY2NlbnQMbmNvbW1hYWNjZW50Bk5jYXJvbgZuY2Fyb24LbmFwb3N0cm9waGUHT21hY3JvbgdvbWFjcm9uDU9odW5nYXJ1bWxhdXQNb2h1bmdhcnVtbGF1dAZSYWN1dGUGcmFjdXRlDFJjb21tYWFjY2VudAxyY29tbWFhY2NlbnQGUmNhcm9uBnJjYXJvbgZTYWN1dGUGc2FjdXRlC1NjaXJjdW1mbGV4C3NjaXJjdW1mbGV4DFRjb21tYWFjY2VudAx0Y29tbWFhY2NlbnQGVGNhcm9uBnRjYXJvbgZVdGlsZGUGdXRpbGRlB1VtYWNyb24HdW1hY3JvbgZVYnJldmUGdWJyZXZlBVVyaW5nBXVyaW5nDVVodW5nYXJ1bWxhdXQNdWh1bmdhcnVtbGF1dAdVb2dvbmVrB3VvZ29uZWsLV2NpcmN1bWZsZXgLd2NpcmN1bWZsZXgLWWNpcmN1bWZsZXgLeWNpcmN1bWZsZXgGWmFjdXRlBnphY3V0ZQpaZG90YWNjZW50Cnpkb3RhY2NlbnQHdW5pMDE4RgVPaG9ybgVvaG9ybgVVaG9ybgV1aG9ybgd1bmkwMUNEB3VuaTAxQ0UHdW5pMDFDRgd1bmkwMUQwB3VuaTAxRDEHdW5pMDFEMgd1bmkwMUQzB3VuaTAxRDQHdW5pMDFENQd1bmkwMUQ2B3VuaTAxRDcHdW5pMDFEOAd1bmkwMUQ5B3VuaTAxREEHdW5pMDFEQgd1bmkwMURDBkdjYXJvbgZnY2Fyb24MU2NvbW1hYWNjZW50DHNjb21tYWFjY2VudAd1bmkwMjFBB3VuaTAyMUIHdW5pMDIzNwd1bmkwMjUxB3VuaTAyNTkHdW5pMDI2MQd1bmkwMkJCB3VuaTAyQkMHdW5pMDJCRQd1bmkwMkJGB3VuaTAyQzgHdW5pMDJDOQd1bmkwMkNBB3VuaTAyQ0IHdW5pMDJDQwlncmF2ZWNvbWIJYWN1dGVjb21iB3VuaTAzMDIJdGlsZGVjb21iB3VuaTAzMDQHdW5pMDMwNgd1bmkwMzA3B3VuaTAzMDgNaG9va2Fib3ZlY29tYgd1bmkwMzBBB3VuaTAzMEIHdW5pMDMwQwd1bmkwMzFCDGRvdGJlbG93Y29tYgd1bmkwMzI0B3VuaTAzMjYHdW5pMDMyNwd1bmkwMzI4B3VuaTAzMkUHdW5pMDMzMQd1bmkxRTBDB3VuaTFFMEQHdW5pMUUwRQd1bmkxRTBGB3VuaTFFMjAHdW5pMUUyMQd1bmkxRTI0B3VuaTFFMjUHdW5pMUUyQQd1bmkxRTJCB3VuaTFFMzYHdW5pMUUzNwd1bmkxRTM4B3VuaTFFMzkHdW5pMUUzQQd1bmkxRTNCB3VuaTFFNDIHdW5pMUU0Mwd1bmkxRTQ0B3VuaTFFNDUHdW5pMUU0Ngd1bmkxRTQ3B3VuaTFFNDgHdW5pMUU0OQd1bmkxRTVBB3VuaTFFNUIHdW5pMUU1Qwd1bmkxRTVEB3VuaTFFNUUHdW5pMUU1Rgd1bmkxRTYwB3VuaTFFNjEHdW5pMUU2Mgd1bmkxRTYzB3VuaTFFNkMHdW5pMUU2RAd1bmkxRTZFB3VuaTFFNkYGV2dyYXZlBndncmF2ZQZXYWN1dGUGd2FjdXRlCVdkaWVyZXNpcwl3ZGllcmVzaXMHdW5pMUU4RQd1bmkxRThGB3VuaTFFOTIHdW5pMUU5Mwd1bmkxRTk3B3VuaTFFOUUHdW5pMUVBMAd1bmkxRUExB3VuaTFFQTIHdW5pMUVBMwd1bmkxRUE0B3VuaTFFQTUHdW5pMUVBNgd1bmkxRUE3B3VuaTFFQTgHdW5pMUVBOQd1bmkxRUFBB3VuaTFFQUIHdW5pMUVBQwd1bmkxRUFEB3VuaTFFQUUHdW5pMUVBRgd1bmkxRUIwB3VuaTFFQjEHdW5pMUVCMgd1bmkxRUIzB3VuaTFFQjQHdW5pMUVCNQd1bmkxRUI2B3VuaTFFQjcHdW5pMUVCOAd1bmkxRUI5B3VuaTFFQkEHdW5pMUVCQgd1bmkxRUJDB3VuaTFFQkQHdW5pMUVCRQd1bmkxRUJGB3VuaTFFQzAHdW5pMUVDMQd1bmkxRUMyB3VuaTFFQzMHdW5pMUVDNAd1bmkxRUM1B3VuaTFFQzYHdW5pMUVDNwd1bmkxRUM4B3VuaTFFQzkHdW5pMUVDQQd1bmkxRUNCB3VuaTFFQ0MHdW5pMUVDRAd1bmkxRUNFB3VuaTFFQ0YHdW5pMUVEMAd1bmkxRUQxB3VuaTFFRDIHdW5pMUVEMwd1bmkxRUQ0B3VuaTFFRDUHdW5pMUVENgd1bmkxRUQ3B3VuaTFFRDgHdW5pMUVEOQd1bmkxRURBB3VuaTFFREIHdW5pMUVEQwd1bmkxRUREB3VuaTFFREUHdW5pMUVERgd1bmkxRUUwB3VuaTFFRTEHdW5pMUVFMgd1bmkxRUUzB3VuaTFFRTQHdW5pMUVFNQd1bmkxRUU2B3VuaTFFRTcHdW5pMUVFOAd1bmkxRUU5B3VuaTFFRUEHdW5pMUVFQgd1bmkxRUVDB3VuaTFFRUQHdW5pMUVFRQd1bmkxRUVGB3VuaTFFRjAHdW5pMUVGMQZZZ3JhdmUGeWdyYXZlB3VuaTFFRjQHdW5pMUVGNQd1bmkxRUY2B3VuaTFFRjcHdW5pMUVGOAd1bmkxRUY5B3VuaTIwMDcHdW5pMjAxMApmaWd1cmVkYXNoB3VuaTIwMTUHdW5pMjAzMgd1bmkyMDMzDXplcm8uc3VwZXJpb3INZm91ci5zdXBlcmlvcg1maXZlLnN1cGVyaW9yDHNpeC5zdXBlcmlvcg5zZXZlbi5zdXBlcmlvcg5laWdodC5zdXBlcmlvcg1uaW5lLnN1cGVyaW9yEnBhcmVubGVmdC5zdXBlcmlvchNwYXJlbnJpZ2h0LnN1cGVyaW9yCm4uc3VwZXJpb3INemVyby5pbmZlcmlvcgxvbmUuaW5mZXJpb3IMdHdvLmluZmVyaW9yDnRocmVlLmluZmVyaW9yDWZvdXIuaW5mZXJpb3INZml2ZS5pbmZlcmlvcgxzaXguaW5mZXJpb3IOc2V2ZW4uaW5mZXJpb3IOZWlnaHQuaW5mZXJpb3INbmluZS5pbmZlcmlvchJwYXJlbmxlZnQuaW5mZXJpb3ITcGFyZW5yaWdodC5pbmZlcmlvcg1jb2xvbm1vbmV0YXJ5BGxpcmEHdW5pMjBBNgZwZXNldGEEZG9uZwRFdXJvB3VuaTIwQjEHdW5pMjBCMgd1bmkyMEI1B3VuaTIwQjkHdW5pMjBCQQd1bmkyMEJECWFmaWk2MTI4OQd1bmkyMTE3B3VuaTIxMjAJZXN0aW1hdGVkCG9uZXRoaXJkCXR3b3RoaXJkcwlvbmVlaWdodGgMdGhyZWVlaWdodGhzC2ZpdmVlaWdodGhzDHNldmVuZWlnaHRocwd1bmkyMTkwB2Fycm93dXAHdW5pMjE5MglhcnJvd2Rvd24HdW5pMjIxNQd1bmkyNUEwB3RyaWFndXAHdW5pMjVCMwd1bmkyNUI2B3VuaTI1QjcHdHJpYWdkbgd1bmkyNUJEB3VuaTI1QzAHdW5pMjVDMQd1bmkyNUM2CERpYUNvbW1hCGNhcGdyYXZlCGNhcGFjdXRlD2NhcGh1bmdhcnVtbGF1dAdjYXByaW5nDWNhcGNpcmN1bWZsZXgIY2FwY2Fyb24HdW5pMDkwMA9DaGFuZHJhYmluZHUuZHYIQmluZHUuZHYKVmlzYXJnYS5kdg52b3dlbFNob3J0QS5kdgl2b3dlbEEuZHYKdm93ZWxBYS5kdgl2b3dlbEkuZHYKdm93ZWxJaS5kdgl2b3dlbFUuZHYKdm93ZWxVdS5kdgp2b3dlbFJ1LmR2C3Zvd2VsTHJ1LmR2EHZvd2VsQ2hhbmRyYUUuZHYOdm93ZWxTaG9ydEUuZHYJdm93ZWxFLmR2CnZvd2VsQWkuZHYQdm93ZWxDaGFuZHJhTy5kdg52b3dlbFNob3J0Ty5kdgl2b3dlbE8uZHYKdm93ZWxBdS5kdgVLYS5kdgZLaGEuZHYFR2EuZHYGR2hhLmR2Bk5nYS5kdgVDYS5kdgZDaGEuZHYFSmEuZHYGSmhhLmR2Bk55YS5kdgZUdGEuZHYHVHRoYS5kdgZEZGEuZHYHRGRoYS5kdgZObmEuZHYFVGEuZHYGVGhhLmR2BURhLmR2BkRoYS5kdgVOYS5kdgpOYU51a3RhLmR2BVBhLmR2BlBoYS5kdgVCYS5kdgZCaGEuZHYFTWEuZHYFWWEuZHYFUmEuZHYKUmFOdWt0YS5kdgVMYS5kdgZMbGEuZHYLTGxhTnVrdGEuZHYFVmEuZHYGU2hhLmR2BlNzYS5kdgVTYS5kdgVIYS5kdgd1bmkwOTNBB3VuaTA5M0IITnVrdGEuZHYLQXZhZ3JhaGEuZHYJbWF0cmFBLmR2CW1hdHJhSS5kdgptYXRyYUlpLmR2CW1hdHJhVS5kdgptYXRyYVV1LmR2Cm1hdHJhUnUuZHYLbWF0cmFSdXUuZHYKQ2hhbmRyYS5kdg5tYXRyYVNob3J0RS5kdgltYXRyYUUuZHYKbWF0cmFBaS5kdhBtYXRyYUFDaGFuZHJhLmR2Dm1hdHJhU2hvcnRPLmR2CW1hdHJhTy5kdgptYXRyYUF1LmR2CUhhbGFudC5kdgd1bmkwOTRFB3VuaTA5NEYFT20uZHYJVWRhdHRhLmR2C0FudWRhdHRhLmR2B3VuaTA5NTMHdW5pMDk1NAd1bmkwOTU1B3VuaTA5NTYHdW5pMDk1NwpLYU51a3RhLmR2C0toYU51a3RhLmR2CkdhTnVrdGEuZHYKSmFOdWt0YS5kdgtEZGFOdWt0YS5kdgxEZGhhTnVrdGEuZHYLUGhhTnVrdGEuZHYKWWFOdWt0YS5kdgt2b3dlbFJ1dS5kdgx2b3dlbExydXUuZHYLbWF0cmFMcnUuZHYMbWF0cmFMcnV1LmR2CERhbmRhLmR2DkRvdWJsZWRhbmRhLmR2CVNodW55YS5kdgVFay5kdgZEb24uZHYHVGVlbi5kdghDaGFhci5kdghQYWFjaC5kdgdTYWhhLmR2B1NhYXQuZHYHQWF0aC5kdgZOYXUuZHYHdW5pMDk3MAd1bmkwOTcxEHZvd2VsQ2hhbmRyYUEuZHYHdW5pMDk3Mwd1bmkwOTc0B3VuaTA5NzUHdW5pMDk3Ngd1bmkwOTc3B3VuaTA5NzkHdW5pMDk3QQd1bmkwOTdCB3VuaTA5N0MHdW5pMDk3RAd1bmkwOTdFB3VuaTA5N0YIS2FTc2EuZHYISmFOeWEuZHYKU2hhLk1BUi5kdglMYS5NQVIuZHYJUGFhbmNoLmR2CEFhbnRoLmR2D3Zvd2VsSWlCaW5kdS5kdg1LYW1hdHJhTHJ1LmR2DkthbWF0cmFMcnV1LmR2DVBhbWF0cmFMcnUuZHYOUGFtYXRyYUxydXUuZHYMRGFtYXRyYVJ1LmR2C1JhbWF0cmFVLmR2DFJhbWF0cmFVdS5kdg1TaGFtYXRyYVJ1LmR2DEhhbWF0cmFSdS5kdg5LYVNzYW1hdHJhVS5kdg5KYU55YW1hdHJhVS5kdgdLYVJhLmR2CEtoYVJhLmR2B0dhUmEuZHYIR2hhUmEuZHYHQ2FSYS5kdgdKYVJhLmR2CEpoYVJhLmR2CE55YVJhLmR2CE5uYVJhLmR2B1RhUmEuZHYIVGhhUmEuZHYHRGFSYS5kdghEaGFSYS5kdgdOYVJhLmR2B1BhUmEuZHYIUGhhUmEuZHYHQmFSYS5kdghCaGFSYS5kdgdNYVJhLmR2B1lhUmEuZHYHTGFSYS5kdgdWYVJhLmR2CFNoYVJhLmR2CFNzYVJhLmR2B1NhUmEuZHYHSGFSYS5kdgxLYU51a3RhUmEuZHYNS2hhTnVrdGFSYS5kdgxHYU51a3RhUmEuZHYMSmFOdWt0YVJhLmR2DVBoYU51a3RhUmEuZHYMWWFOdWt0YVJhLmR2CkNoYVJhWWEuZHYLVHRhVHRhWWEuZHYNVHRoYVR0aGFZYS5kdgtEZGFEZGFZYS5kdgtEZGhhUmFZYS5kdglEYURhWWEuZHYKRGFEaGFZYS5kdgpEYUJoYVlhLmR2CURhUmFZYS5kdglEYVZhWWEuZHYKRGhhTmFZYS5kdglOYU5hWWEuZHYKQmhhUmFZYS5kdgpTaGFSYVlhLmR2C1NzYVR0YVlhLmR2DFNzYVR0aGFZYS5kdghDaGFZYS5kdghDaGFWYS5kdghOZ2FLYS5kdghOZ2FHYS5kdghOZ2FNYS5kdghOZ2FZYS5kdglUdGFUdGEuZHYKVHRhVHRoYS5kdghUdGFZYS5kdghUdGFWYS5kdgtUdGhhVHRoYS5kdglUdGhhWWEuZHYJRGRhRGRhLmR2CkRkYURkaGEuZHYIRGRhWWEuZHYLRGRoYURkaGEuZHYJRGRoYVlhLmR2B0RhR2EuZHYHRGFEYS5kdghEYURoYS5kdgdEYU5hLmR2B0RhQmEuZHYIRGFCaGEuZHYHRGFNYS5kdgdEYVlhLmR2B0RhVmEuZHYMS2FTc2FNYVlhLmR2C0thU2FQYVJhLmR2C0thU2FQYUxhLmR2C05hU2FLYVJhLmR2C1RhU2FOYVlhLmR2DE5hUGhhTGFZYS5kdgtOYVRhUmFZYS5kdgtOYVNhTWFZYS5kdgpCYVNhVHRhLmR2CUthVGFZYS5kdglLYVRhUmEuZHYJS2FUYVZhLmR2CUthUGFSYS5kdglLYVZhWWEuZHYKS2FTc2FNYS5kdgpLYVNzYVlhLmR2CkthU3NhVmEuZHYKS2FTYVR0YS5kdgpLYVNhRGRhLmR2CUthU2FUYS5kdglLYVNhUGEuZHYKR2FEaGFWYS5kdgpHYURoYVlhLmR2CUdhTmFZYS5kdgpHYUJoYVlhLmR2CUdhUmFZYS5kdgpDYUNoYVZhLmR2CkphSmFOeWEuZHYJSmFKYVlhLmR2CUphSmFWYS5kdgpKYU55YVlhLmR2CVRhS2FZYS5kdglUYUthUmEuZHYJVGFLYVZhLmR2ClRhS2FTc2EuZHYKVGFLaGFOYS5kdgpUYUtoYVJhLmR2CVRhVGFZYS5kdglUYVRhVmEuZHYJVGFOYVlhLmR2CVRhUGFSYS5kdglUYVBhTGEuZHYJVGFNYVlhLmR2CVRhUmFZYS5kdgpUYVNhUGhhLmR2CVRhU2FOYS5kdglUYVNhWWEuZHYJVGFTYVZhLmR2CU5hS2FTYS5kdglOYVRhWWEuZHYJTmFUYVJhLmR2CU5hVGFTYS5kdgpOYVRoYVlhLmR2Ck5hVGhhVmEuZHYJTmFEYVJhLmR2CU5hRGFWYS5kdgpOYURoYVlhLmR2Ck5hRGhhUmEuZHYKTmFEaGFWYS5kdglOYVBhUmEuZHYKTmFCaGFZYS5kdgpOYUJoYVZhLmR2CU5hTWFZYS5kdglOYVZhSGEuZHYKTmFTYVR0YS5kdglOYVNhWWEuZHYJTmFIYVlhLmR2CVBhVGFZYS5kdglCYUphWWEuZHYKQmFEaGFWYS5kdgpCYUJoYVJhLmR2CUJhTGFZYS5kdglNYVBhUmEuZHYJTWFCYVlhLmR2CU1hQmFSYS5kdgpNYUJoYVlhLmR2Ck1hQmhhUmEuZHYKTWFCaGFWYS5kdglMYUthWWEuZHYKTGFUaGFZYS5kdglMYURhUmEuZHYJTGFMYVlhLmR2CkxhVmFEZGEuZHYJTGFIYVlhLmR2ClNzYUthUmEuZHYLU3NhTm5hWWEuZHYKU3NhUGFSYS5kdgpTc2FNYVlhLmR2CVNhS2FSYS5kdglTYUthVmEuZHYJU2FUYVlhLmR2CVNhVGFSYS5kdglTYVRhVmEuZHYKU2FUaGFZYS5kdglTYVBhUmEuZHYJU2FNYVlhLmR2CUhhTWFZYS5kdgdLYUthLmR2CEthS2hhLmR2B0thQ2EuZHYHS2FKYS5kdghLYUpoYS5kdghLYVR0YS5kdghLYU5uYS5kdgdLYVRhLmR2CEthVGhhLmR2B0thRGEuZHYHS2FOYS5kdgdLYVBhLmR2CEthUGhhLmR2B0thTWEuZHYHS2FZYS5kdgdLYUxhLmR2B0thVmEuZHYIS2FTaGEuZHYHS2FTYS5kdglLaGFLaGEuZHYIS2hhVGEuZHYIS2hhTmEuZHYIS2hhTWEuZHYIS2hhWWEuZHYIS2hhVmEuZHYJS2hhU2hhLmR2B0dhR2EuZHYIR2FHaGEuZHYHR2FKYS5kdghHYU5uYS5kdgdHYURhLmR2CEdhRGhhLmR2B0dhTmEuZHYHR2FCYS5kdghHYUJoYS5kdgdHYU1hLmR2B0dhWWEuZHYHR2FMYS5kdgdHYVZhLmR2B0dhU2EuZHYIR2hhTmEuZHYIR2hhTWEuZHYIR2hhWWEuZHYHQ2FDYS5kdghDYUNoYS5kdgdDYU5hLmR2B0NhTWEuZHYHQ2FZYS5kdgdKYUthLmR2B0phSmEuZHYISmFKaGEuZHYISmFUdGEuZHYISmFEZGEuZHYHSmFUYS5kdgdKYURhLmR2B0phTmEuZHYHSmFCYS5kdgdKYU1hLmR2B0phWWEuZHYHSmFWYS5kdghKaGFOYS5kdghKaGFNYS5kdghKaGFZYS5kdglOeWFDaGEuZHYJTnlhU2hhLmR2CU5uYVR0YS5kdgpObmFUdGhhLmR2CU5uYURkYS5kdgpObmFEZGhhLmR2CU5uYU5uYS5kdghObmFNYS5kdghObmFZYS5kdghObmFWYS5kdgdUYUthLmR2CFRhS2hhLmR2B1RhVGEuZHYIVGFUaGEuZHYHVGFOYS5kdgdUYVBhLmR2CFRhUGhhLmR2B1RhTWEuZHYHVGFZYS5kdgdUYUxhLmR2B1RhVmEuZHYHVGFTYS5kdghUaGFZYS5kdghUaGFWYS5kdghEaGFOYS5kdghEaGFNYS5kdghEaGFZYS5kdghEaGFWYS5kdgdOYUthLmR2B05hR2EuZHYHTmFDYS5kdghOYUNoYS5kdgdOYUphLmR2CE5hVHRhLmR2CE5hRGRhLmR2B05hVGEuZHYITmFUaGEuZHYHTmFEYS5kdghOYURoYS5kdgdOYU5hLmR2B05hUGEuZHYITmFQaGEuZHYITmFCaGEuZHYHTmFNYS5kdgdOYVlhLmR2B05hVmEuZHYITmFTaGEuZHYHTmFTYS5kdgdOYUhhLmR2CFBhQ2hhLmR2CFBhVHRhLmR2B1BhVGEuZHYHUGFOYS5kdgdQYVBhLmR2CFBhUGhhLmR2B1BhTWEuZHYHUGFZYS5kdgdQYUxhLmR2B1BhVmEuZHYIUGFTaGEuZHYHUGFTYS5kdghQaGFKYS5kdglQaGFUdGEuZHYIUGhhVGEuZHYJUGhhVGhhLmR2CFBoYVBhLmR2CVBoYVBoYS5kdghQaGFZYS5kdghQaGFMYS5kdglQaGFTaGEuZHYHQmFKYS5kdghCYUpoYS5kdghCYURkYS5kdgdCYVRhLmR2B0JhRGEuZHYIQmFEaGEuZHYHQmFOYS5kdgdCYUJhLmR2CEJhQmhhLmR2B0JhWWEuZHYHQmFMYS5kdgdCYVZhLmR2CEJhU2hhLmR2B0JhU2EuZHYMQmFKYU51a3RhLmR2CEJoYVlhLmR2CEJoYUxhLmR2CEJoYVZhLmR2B01hVGEuZHYHTWFEYS5kdgdNYU5hLmR2B01hUGEuZHYITWFQaGEuZHYHTWFCYS5kdghNYUJoYS5kdgdNYU1hLmR2B01hWWEuZHYHTWFMYS5kdgdNYVZhLmR2CE1hU2hhLmR2B01hU2EuZHYHTWFIYS5kdgdZYVlhLmR2B0xhS2EuZHYITGFLaGEuZHYHTGFHYS5kdgdMYUNhLmR2B0xhSmEuZHYITGFUdGEuZHYJTGFUdGhhLmR2CExhRGRhLmR2CUxhRGRoYS5kdgdMYVRhLmR2CExhVGhhLmR2B0xhRGEuZHYHTGFQYS5kdghMYVBoYS5kdgdMYUJhLmR2CExhQmhhLmR2B0xhTWEuZHYHTGFZYS5kdgdMYUxhLmR2B0xhVmEuZHYITGFTaGEuZHYHTGFTYS5kdgdMYUhhLmR2DExhSmFOdWt0YS5kdghMbGFZYS5kdglMbGFMbGEuZHYIVmFEZGEuZHYHVmFZYS5kdgdWYUxhLmR2B1ZhVmEuZHYHVmFIYS5kdghTaGFLYS5kdghTaGFDYS5kdglTaGFDaGEuZHYJU2hhVHRhLmR2CFNoYVRhLmR2CFNoYU5hLmR2CFNoYU1hLmR2CFNoYVlhLmR2CFNoYUxhLmR2CFNoYVZhLmR2CVNoYVNoYS5kdg1TaGFLYU51a3RhLmR2CFNzYUthLmR2CVNzYVR0YS5kdgpTc2FUdGhhLmR2CVNzYU5uYS5kdghTc2FQYS5kdglTc2FQaGEuZHYIU3NhTWEuZHYIU3NhWWEuZHYIU3NhVmEuZHYJU3NhU3NhLmR2B1NhS2EuZHYIU2FLaGEuZHYHU2FKYS5kdghTYVR0YS5kdgdTYVRhLmR2CFNhVGhhLmR2B1NhRGEuZHYHU2FOYS5kdgdTYVBhLmR2CFNhUGhhLmR2B1NhQmEuZHYHU2FNYS5kdgdTYVlhLmR2B1NhTGEuZHYHU2FWYS5kdgdTYVNhLmR2CEhhTm5hLmR2B0hhTmEuZHYHSGFNYS5kdgdIYVlhLmR2B0hhTGEuZHYHSGFWYS5kdgxLYU51a3RhVGEuZHYNS2FOdWt0YVBoYS5kdgxLYU51a3RhQmEuZHYMS2FOdWt0YU1hLmR2EUthTnVrdGFLYU51a3RhLmR2EkthTnVrdGFQaGFOdWt0YS5kdg1LaGFOdWt0YVRhLmR2DUtoYU51a3RhTWEuZHYNS2hhTnVrdGFZYS5kdg1LaGFOdWt0YVZhLmR2DktoYU51a3RhU2hhLmR2DUtoYU51a3RhU2EuZHYMSmFOdWt0YVlhLmR2EUphTnVrdGFKYU51a3RhLmR2DVBoYU51a3RhVGEuZHYNUGhhTnVrdGFTYS5kdhJQaGFOdWt0YUphTnVrdGEuZHYTUGhhTnVrdGFQaGFOdWt0YS5kdgtLYUhhbGFudC5kdgxLaGFIYWxhbnQuZHYLR2FIYWxhbnQuZHYMR2hhSGFsYW50LmR2C0NhSGFsYW50LmR2C0phSGFsYW50LmR2DEpoYUhhbGFudC5kdgxOeWFIYWxhbnQuZHYMTm5hSGFsYW50LmR2C1RhSGFsYW50LmR2DFRoYUhhbGFudC5kdgxEaGFIYWxhbnQuZHYLTmFIYWxhbnQuZHYQTmFOdWt0YUhhbGFudC5kdgtQYUhhbGFudC5kdgxQaGFIYWxhbnQuZHYLQmFIYWxhbnQuZHYMQmhhSGFsYW50LmR2C01hSGFsYW50LmR2C1lhSGFsYW50LmR2EFJhTnVrdGFIYWxhbnQuZHYLTGFIYWxhbnQuZHYMTGxhSGFsYW50LmR2EUxsYU51a3RhSGFsYW50LmR2C1ZhSGFsYW50LmR2DFNoYUhhbGFudC5kdgxTc2FIYWxhbnQuZHYLU2FIYWxhbnQuZHYLSGFIYWxhbnQuZHYQS2FOdWt0YUhhbGFudC5kdhFLaGFOdWt0YUhhbGFudC5kdhBHYU51a3RhSGFsYW50LmR2EEphTnVrdGFIYWxhbnQuZHYRUGhhTnVrdGFIYWxhbnQuZHYQWWFOdWt0YUhhbGFudC5kdg5LYVNzYUhhbGFudC5kdg5KYU55YUhhbGFudC5kdg1LYVJhSGFsYW50LmR2DkdoYVJhSGFsYW50LmR2DVRhUmFIYWxhbnQuZHYORGhhUmFIYWxhbnQuZHYNUGFSYUhhbGFudC5kdg1WYVJhSGFsYW50LmR2DlNoYVJhSGFsYW50LmR2DlNzYVJhSGFsYW50LmR2DVNhUmFIYWxhbnQuZHYNR2FSYUhhbGFudC5kdg1EYVJhSGFsYW50LmR2DkJoYVJhSGFsYW50LmR2EEthU3NhTWFIYWxhbnQuZHYNVGFUYUhhbGFudC5kdg5OYUJoYUhhbGFudC5kdg1OYVNhSGFsYW50LmR2Dk1hQmhhSGFsYW50LmR2DkxhQmhhSGFsYW50LmR2Dm1hdHJhVXNtYWxsLmR2D21hdHJhVXVzbWFsbC5kdg9tYXRyYVJ1c21hbGwuZHYQbWF0cmFMcnVzbWFsbC5kdghWYXR0dS5kdg5WYXR0dW1hdHJhVS5kdg9WYXR0dW1hdHJhVXUuZHYLQmluZHVvbmUuZHYSQ2hhbmRyYWJpbmR1b25lLmR2B1JlcGguZHYMUmVwaEJpbmR1LmR2E1JlcGhDaGFuZHJhYmluZHUuZHYObWF0cmFFQmluZHUuZHYVbWF0cmFFQ2hhbmRyYWJpbmR1LmR2DW1hdHJhRVJlcGguZHYSbWF0cmFFUmVwaEJpbmR1LmR2GW1hdHJhRVJlcGhDaGFuZHJhYmluZHUuZHYPbWF0cmFBaUJpbmR1LmR2Fm1hdHJhQWlDaGFuZHJhYmluZHUuZHYObWF0cmFBaVJlcGguZHYTbWF0cmFBaVJlcGhCaW5kdS5kdhptYXRyYUFpUmVwaENoYW5kcmFiaW5kdS5kdg5tYXRyYUFCaW5kdS5kdhVtYXRyYUFDaGFuZHJhYmluZHUuZHYNbWF0cmFBUmVwaC5kdhJtYXRyYUFSZXBoQmluZHUuZHYZbWF0cmFBUmVwaENoYW5kcmFiaW5kdS5kdg5tYXRyYU9CaW5kdS5kdhVtYXRyYU9DaGFuZHJhYmluZHUuZHYNbWF0cmFPUmVwaC5kdhJtYXRyYU9SZXBoQmluZHUuZHYZbWF0cmFPUmVwaENoYW5kcmFiaW5kdS5kdg9tYXRyYUF1QmluZHUuZHYWbWF0cmFBdUNoYW5kcmFiaW5kdS5kdg5tYXRyYUF1UmVwaC5kdhNtYXRyYUF1UmVwaEJpbmR1LmR2Gm1hdHJhQXVSZXBoQ2hhbmRyYWJpbmR1LmR2E21hdHJhU2hvcnRFQmluZHUuZHYabWF0cmFTaG9ydEVDaGFuZHJhYmluZHUuZHYSbWF0cmFTaG9ydEVSZXBoLmR2F21hdHJhU2hvcnRFUmVwaEJpbmR1LmR2Hm1hdHJhU2hvcnRFUmVwaENoYW5kcmFiaW5kdS5kdhNtYXRyYVNob3J0T0JpbmR1LmR2Gm1hdHJhU2hvcnRPQ2hhbmRyYWJpbmR1LmR2Em1hdHJhU2hvcnRPUmVwaC5kdh5tYXRyYVNob3J0T1JlcGhDaGFuZHJhYmluZHUuZHYXbWF0cmFTaG9ydE9SZXBoQmluZHUuZHYMbWF0cmFFb25lLmR2EW1hdHJhRW9uZUJpbmR1LmR2EG1hdHJhRW9uZVJlcGguZHYVbWF0cmFFb25lUmVwaEJpbmR1LmR2DW1hdHJhQWlvbmUuZHYSbWF0cmFBaW9uZUJpbmR1LmR2D21hdHJhSWlCaW5kdS5kdhZtYXRyYUlpQ2hhbmRyYWJpbmR1LmR2Dm1hdHJhSWlSZXBoLmR2E21hdHJhSWlSZXBoQmluZHUuZHYabWF0cmFJaVJlcGhDaGFuZHJhYmluZHUuZHYNbWF0cmFJaW9uZS5kdhJtYXRyYUlpQmluZHVvbmUuZHYZbWF0cmFJaUNoYW5kcmFiaW5kdW9uZS5kdhFtYXRyYUlpUmVwaG9uZS5kdhZtYXRyYUlpUmVwaEJpbmR1b25lLmR2HW1hdHJhSWlSZXBoQ2hhbmRyYWJpbmR1b25lLmR2DW1hdHJhSWl0d28uZHYSbWF0cmFJaUJpbmR1dHdvLmR2GW1hdHJhSWlDaGFuZHJhYmluZHV0d28uZHYRbWF0cmFJaVJlcGh0d28uZHYWbWF0cmFJaVJlcGhCaW5kdXR3by5kdh1tYXRyYUlpUmVwaENoYW5kcmFiaW5kdXR3by5kdgttYXRyYUlpMy5kdhBtYXRyYUlpQmluZHUzLmR2F21hdHJhSWlDaGFuZHJhYmluZHUzLmR2D21hdHJhSWlSZXBoMy5kdhRtYXRyYUlpUmVwaEJpbmR1My5kdhttYXRyYUlpUmVwaENoYW5kcmFiaW5kdTMuZHYMbWF0cmFJb25lLmR2DG1hdHJhSXR3by5kdg5tYXRyYUl0aHJlZS5kdg1tYXRyYUlmb3VyLmR2DW1hdHJhSWZpdmUuZHYMbWF0cmFJc2l4LmR2Dm1hdHJhSXNldmVuLmR2Dm1hdHJhSWVpZ2h0LmR2DW1hdHJhSW5pbmUuZHYMbWF0cmFJdGVuLmR2D21hdHJhSWVsZXZlbi5kdg9tYXRyYUl0d2VsdmUuZHYRbWF0cmFJdGhpcnRlZW4uZHYRbWF0cmFJZm91cnRlZW4uZHYQbWF0cmFJZmlmdGVlbi5kdhBtYXRyYUlzaXh0ZWVuLmR2Em1hdHJhSXNldmVudGVlbi5kdhFtYXRyYUllaWdodGVlbi5kdhFtYXRyYUluaW5ldGVlbi5kdg9tYXRyYUl0d2VudHkuZHYSbWF0cmFJdHdlbnR5b25lLmR2Em1hdHJhSXR3ZW50eXR3by5kdhRtYXRyYUl0d2VudHl0aHJlZS5kdg1tYXRyYUlSZXBoLmR2EG1hdHJhSVJlcGhvbmUuZHYQbWF0cmFJUmVwaHR3by5kdhJtYXRyYUlSZXBodGhyZWUuZHYRbWF0cmFJUmVwaGZvdXIuZHYRbWF0cmFJUmVwaGZpdmUuZHYQbWF0cmFJUmVwaHNpeC5kdhJtYXRyYUlSZXBoc2V2ZW4uZHYSbWF0cmFJUmVwaGVpZ2h0LmR2EW1hdHJhSVJlcGhuaW5lLmR2EG1hdHJhSVJlcGh0ZW4uZHYTbWF0cmFJUmVwaGVsZXZlbi5kdhNtYXRyYUlSZXBodHdlbHZlLmR2FW1hdHJhSVJlcGh0aGlydGVlbi5kdhVtYXRyYUlSZXBoZm91cnRlZW4uZHYUbWF0cmFJUmVwaGZpZnRlZW4uZHYUbWF0cmFJUmVwaHNpeHRlZW4uZHYWbWF0cmFJUmVwaHNldmVudGVlbi5kdhVtYXRyYUlSZXBoZWlnaHRlZW4uZHYVbWF0cmFJUmVwaG5pbmV0ZWVuLmR2E21hdHJhSVJlcGh0d2VudHkuZHYWbWF0cmFJUmVwaHR3ZW50eW9uZS5kdhZtYXRyYUlSZXBodHdlbnR5dHdvLmR2GG1hdHJhSVJlcGh0d2VudHl0aHJlZS5kdhJtYXRyYUlSZXBoQmluZHUuZHYVbWF0cmFJUmVwaEJpbmR1b25lLmR2FW1hdHJhSVJlcGhCaW5kdXR3by5kdhdtYXRyYUlSZXBoQmluZHV0aHJlZS5kdhZtYXRyYUlSZXBoQmluZHVmb3VyLmR2Fm1hdHJhSVJlcGhCaW5kdWZpdmUuZHYVbWF0cmFJUmVwaEJpbmR1c2l4LmR2F21hdHJhSVJlcGhCaW5kdXNldmVuLmR2F21hdHJhSVJlcGhCaW5kdWVpZ2h0LmR2Fm1hdHJhSVJlcGhCaW5kdW5pbmUuZHYVbWF0cmFJUmVwaEJpbmR1dGVuLmR2GG1hdHJhSVJlcGhCaW5kdWVsZXZlbi5kdhhtYXRyYUlSZXBoQmluZHV0d2VsdmUuZHYabWF0cmFJUmVwaEJpbmR1dGhpcnRlZW4uZHYabWF0cmFJUmVwaEJpbmR1Zm91cnRlZW4uZHYZbWF0cmFJUmVwaEJpbmR1ZmlmdGVlbi5kdhltYXRyYUlSZXBoQmluZHVzaXh0ZWVuLmR2G21hdHJhSVJlcGhCaW5kdXNldmVudGVlbi5kdhptYXRyYUlSZXBoQmluZHVlaWdodGVlbi5kdhpt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DuwPBhHMEcwLmg9aD4AQrBIMEooQSgu8EooQogvKDBAMEBSSDC4MNAxSDFgMZgyCDHAMggycEM4QzhDOEM4QzhDOEUoM3hFKEUoRShFKEZYRlhGWEZYRlhGWFNIRlhIGEgYSBhIGEiARMBEwETARMBEwETARfA0IEXwRfBF8EXwVNhU2DKIMwA8GEcwRzBHMEcwRzBTSEcwSDBIMEgwSDBKKEooQzhEwEM4RMBDOETAM3g0IDN4NCAzeDQgM3g0IEZYTGhGWEUoRfBFKEXwRShF8EUoRfBFKEXwOFA46DhQOOg4UDjoOFA46DSYVNhU2DUANWg2EDYQOWA5YDgIOWBMaDlgPBg8GDwYRlhHMEZYRzBFKEXwPIA9aDyAPWg8gD1oN3g+ADd4PgA3eD4AN3g+AD6IQrA+iExoSBhIGEgwSBhIGEgwSBhIMEgYSDBAMEEoSIBKKEiAQeBCiEHgQohB4EKINlg3IEhYSFhDOETARlhHMEgYSDBIGEgwSBhIMEgYSDBIGEgwOFA46Dd4PgA+iEcwOOg38EZYOAhGWDgIOFA46DwYPBg5YDlgOWA66DuwPBg8GDwYPIA9aDyAPWg8gD1oPgA+AD6IQrA+iEKwQDBBKEAwQShAMEEoSIBKKEHgQohCsEM4RMBDOETAQzhEwEM4RMBDOETAQzhEwEM4RMBDOETAQzhEwEM4RMBDOETAQzhEwEUoRfBFKEXwRShF8EUoRfBFKEXwRShF8EUoRfBFKEXwRlhHMEZYRzBGWEcwRlhHMEZYRzBGWEcwRlhHMEhYSFhIWEhYSFhIGEgwSBhIMEhYSFhIWEhYSFhIgEooSIBKKEiASihIgEooU0hTSFNIU0hTSErwTGhK8ExoU0hNcE6ITrBPGE8wT1hP0E/oUCBQiFCgUMhRIFE4UVBRiFGwUghSMFJIUoBSmFLgU0hUQFRoVKBU2F64XrhVMFXYVkBWWFZYVlhWWF3gXrhXcFeIV7BX2FhAWFhY0Fk4WiBayFswW+hd4FyQXLhdsF2wXrhdyF64XeBeuF3gXrheuF3gXrhd4F64XrheuAAIAYgAFAAcAAAAJAAsAAwANAB4ABgAgACoAGAAuADAAIwAyAD8AJgBCAEIANABEAF8ANQBoAGgAUQBrAGsAUgBwAHAAUwByAHIAVAB0AHUAVQB7AHsAVwB+AI0AWACSAJIAaACUAJ8AaQCiALEAdQCzAL8AhQDBANIAkgDUAOUApADtAO0AtgDvAO8AtwDxAPEAuADzAPcAuQD5AP0AvgECAQIAwwEEAQQAxAEGAQYAxQEIASAAxgEiASQA3wEmATkA4gE7ATsA9gE9AT4A9wFBAVEA+QFVAVYBCgF8AYIBDAGEAYQBEwGGAYcBFAGJAYkBFgGLAYsBFwGNAY4BGAGQAZABGgGSAZIBGwGUAZoBHAGcAZwBIwGeAa0BJAGvAdYBNAHbAekBXAHrAesBawHtAe0BbAHvAe8BbQHxAfEBbgHzAfcBbwH5AfkBdAH7AfsBdQH9Af0BdgH/Af8BdwIBAggBeAIKAhABgAISAhMBhwIXAhgBiQIfAiMBiwIlAiUBkAIpAikBkQItAjABkgIyAjMBlgI6AjoBmAI+AkIBmQJSAlUBngJXAlcBogJdAl0BowJoAmkBpAJ5AnsBpgJ9AoIBqQKNAo0BrwKTApMBsALSAtIBsQLWAtwBsgLeAuEBuQL0AvQBvQL2AvYBvgL+Av4BvwMBAwIBwAM/Az8BwgNCA0IBwwNfA18BxANnA2cBxQOfA58BxgPaA9oBxwPiA+IByAPxA/EByQQMBAwBygQPBA8BywQeBB4BzAQ1BDUBzQRbBFsBzgRuBG4BzwAEABQACgAW//sAGgAFABwABQAHAtgAKALaAB4C2wAeAtwAGQLeAB4C3wAeAuAAHgAGABT/4gAVAA8AFwAFABr/9gAbAAUAHP/7ABUAA//OABQADAAX/9gAGgAPABv/+QAcAAUAOQAPAIj/sACuABQAsAAoALEAMgDtABQCewBBAnwAQQKQAEEC2QAUAtwAFALg/+IC4QAPAvMAPAM1ADwAEAAW//wAF//7ABoADAAb//wAW//7AK4AMgCwADIAsQBGAO0AKAJ7ADICfAAyApAANwKZAA8C4P/2AvMAKAM1ADcACAAT//EAFAAKABf/2AAZ//YAGgAKADkABQA7AAgC3AAPAA8AEv/dABQADwAX/+IAGgAUABwABQA5AB4AOwAUAFv/9gLZABQC2gAPAtwAFALeAAUC4P/sAuEACgL2AAoACgAN//gAFP/2ABX/8QAW//gAFwAFABr/9AAc//sAQv/sAHL/9gJU//sABwASABkAFQAKABcABQAaAAgAIwAFAD8AFABCAAUABgASAAoAF//7ABr/+wA5//sAQgAMAlf/8QAHAAkABQASAAUAGv/7ABsACAAcAAQAIwAEADn/9gAgAAT/+wAGAA8ACQAUAA3/7AASABQAEwAKABT/7AAWAAQAFwAUABj/8QAZAAoAGv/nABsADwAc//EAOf/2AD//4gBC//YAZAAeAHD/+ABy/84AdP/sAHX/7AB7/+IBfP/xAjcAFAI6ABQCPAAKAj0ACgI/AAoCQAAUAlT/8QKnAA8ADgAGAAUADf/2ABIABQATAAUAFgAKABcABQAZAAQAGwAKABz/9gAjAAUAOf/xAHD/+ABy/+ICVP/7ABAADf/2ABIABQAU//gAFf/2ABb/+QAXAAUAGP/7ABr/+AAc//YAOf/sADv/+wA///YAcv/dAHv/7ACAAAUCVP/4AB4ABAAIAAb/4gAJ/+IADQAUABL/4gATAAMAFAAaABYABQAX/+cAGQADABoADwAbAAQAHAAFACIAKAAj//gAOwAFAD8AFABC/8QAZP/2AHIAFAB7ABQAiP+6Aj4ACgJA/+wCRf/2AlL/2AJTAB4CV//OAmj/9gLzADIACAAJAAoADf/2ABX/+wAY//YAGv/xADn/8QB7/+wCVP/7AAcAFf/xABb/+AAa//QAOf/2AEL/7ABy//sCVP/7AAQAFQAFABsABQA5//YAOwAKAAQAF//iABoAHgA5AAoAOwAPAAYAFQADABcABQAa//wAHP/7ADn/8QA7//YAAwAV//sAFv/7ADn/7AAPAAb/9gAS/9gAE//4ABQABQAV//sAFv/2ABf/+wAZ//gAGgAIABz/+wAj//gAOQAOADsACgBb/+cAgAAFAAoABv/4ABL/2AAUAAYAFf/xABb/9gAX//QAHAAFACIABQA7//gAiP/OABAADf/7AA8AMgASAC0AFP/4ABX/8QAW//YAGv/2AB4AMgAi/+wAOf/xADv/+ABb//EAYAAhAGQABQB7/+IAiP/xABMABv/xAA0ACgAS/+IAFAAFABX/+wAW//sAF//sABoABQAb//YAIgAUACP/9gA5AAwAOwAFAEAABQBb//YAZf/2AIj/ugI6/+wCQP/nAAsABv/xAA0ACAASABQAFQAEABb/+wAiAAwAI//4ADsABQBk//sAcP/4Ajr/7AARABb//AAX//sAGgAMABv//AA5AAUAW//7AK4AMgCwADIAsQBGAO0AKAJ7ADICfAAyApAANwKZAA8C4P/2AvMAKAM1ADcABAAU/9gAFQAFABr/8QAc//YABQAT/+wAFP/OABUAEgAWAAoAHP/sABEACf/iABL/3QAUABQAFf/7ABb/+wAX/+wAGgAUABwABAAiAB4AI//2ADkACgA/ACgAW//+AIAAFACuAAoCKAAUAj4ADwAIAA3/8QASAAoAFP/sABr/9gAeAAUAIv/2ADn/3QA///YAAwASAA8AFAAHADn/8QARABb//AAX//sAGgAMABv//ABb//sAYAAZAK4AMgCwADIAsQBGAO0AKAJ7ADICfAAyApAANwKZAA8C4P/2AvMAKAM1ADcABwAUAAUAFQAIABcABQAYAAgAGgAFAnsAFALzABQAAQA7//YABwAUABQAF//OABoAFALZABQC3AAUAuD/4gLhABQAAQAYAAQAAwAX//EAGAAEABoABwACABf/8QAYAAQABAAXAAYAGAAEADn/+AA7AAcABgAU//EAFQAEABcABgAbAAYAOf/pADsABwABADn/2AAHAAQAFAAiACgAOf/0ALAACgCxACMA6wAZAO0ABQAHAAQAIwAiADIAOf/0ALAACgCxACMA6wAZAO0ABQAKAA0AFAASAA8AFAAIACIAFAAj//YAOQAEADsADwBk//YAkv/sANL/7AAHABYABQAXAAUAGAADABwABQA5//YAP//xAFsABgAGACIAFAA5//QAsAAKALEAIwDrABkA7QAFAAYADwAKABIACACwAAoAsQAjAOsAGQDtAAUACgASABQAE//7ABn/+wAiAAUAI//2ADn/+wA7AAUAZP/sAHD/9gJA//EABAAi//YAI//2ADn/5wA//+IADAAN//sAFP/4ABX/8QAW//YAGv/2ACL/7AA5//EAO//4AFv/8QBkAAUAe//iAIj/8QAFABL/4gAUABQAF//sABoAHgAcAA8ABwAU//gAHP/7ADn/8QA7AAUAW//7AHD/9gCI//EAAQAUAAoABACwAA8AsQAeAOsAFADtAAUACQAN/+wAFP/iABr/8QAc//gAIv/sADn/8QBb//YAe//sAID/+wAHAA3/8QASAAUAFP/sABr/9gAi//YAOf/dAD//9gAYAA3/2AASABQAE//2ABT/zgAZ//sAGv/iABz/5wAi/9gAI//7ADn/zgA7AAUAZP/dAGf/4gBw/8QAdP+6AHX/ugB7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ABUADwAWAB4AGgAyACIAMgA+AB4CkAAKAtkAMgLbAB4C3AAyAt4AHgLfAA8C8wAKA0oABQQL//YAAQKQAB4AAgAD/8QC1v/TAAIAA//EAtf/0wAGAtkACgLaAAoC2//7At4ACgLfABQC4QAFAAEC4f/7AAcAcgAPAtgADwLZAA8C3AAKAt4ABQLfAAoC4QAFAAYC2AAKAtsABQLcAAoC3gAKAt8ACgLgAAUADgANAA8AcgAUAnsAMgJ8ADICkAAyApkADwLZAA8C3AAPAt4ADwLfAAoC4P/7AuEABQLzADIC9gAFAAoAEgAUAnsAHgKQAB4C2P/7Atn/8QLbAAwC3AAFAt4ABQLgAAoC4f/2AAYC2AAUAtkABQLaAAoC3gAFAt8ABQLgAAUACwAN/+IAEgAPACL/7ABy/+IC2P/xAtn/8QLa//YC2wAUAt4ABQLh/+wC9v/sAAoAEgAPAHIAFAJ7AB4CkAAeAtkACgLaAAUC2wAKAtwACgLeAAUC4QAFAAIC3AAFAuEABQAPAAQAIwANADIAFAA8ABUACgAWABQAGgAyACIALQA+AB4C2QA3AtoAGQLbABkC3AAyAt4AHgLfAA8C4QAeAAEADwA3AAECkAAKAA0ABAAjAA0AMgAUAEYAFgAeABoAMgAiAC0APgAeApAACALZADIC2gAZAtwAMgLhACMC8wAIABQABAAeAA0AMgAUADwAFQAPABYAHgAaADIAIgAyAD4AHgKQAAoC2QAyAtoAGQLbABkC3AAyAt4AHgLfAA8C4QAjAvMADwNK//kECv/2BBT/+wABA1YABAAAAaYFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIBYgFiAWIAAIAXQJ2AngAAAKDAoYAAwKIAooABwKMAowACgKOApAACwKVApcADgKZApwAEQKeAqEAFQKkAqQAGQKnAqoAGgKwArAAHgKyArIAHwK7Ar4AIALBAsEAJALLAs0AJQLRAtEAKALkAu0AKQLwAvMAMwMBAwIANwMEAw0AOQMPAxEAQwMTAxsARgMeAyAATwMiAzMAUgM4AzgAZAM7AzsAZQM+Az4AZgNBA0EAZwNDA0MAaANKA0sAaQNNA08AawNRA1QAbgNWA10AcgNgA2YAegNoA2wAgQNuA3gAhgN6A4IAkQOFA4sAmgOOA5wAoQOeA54AsAOgA6AAsQOiA6QAsgOmA60AtQOvA7IAvQO0A7QAwQO2A7YAwgO4A7kAwwO7A8sAxQPNA9kA1gPbA90A4wPfA+AA5gPjA+MA6APlA+wA6QPuA+4A8QPzA/YA8gP4A/wA9gP+BAgA+wQKBAsBBgQNBA0BCAQQBBEBCQQTBBUBCwQXBBwBDgQgBCIBFAQkBCoBFwQsBC4BHgQwBDQBIQQ2BDYBJgQ4BEUBJwRHBEgBNQRKBFEBNwRTBFMBPwRVBFgBQARdBF4BRARgBGABRgRiBGkBRwRrBGwBTwRvBHEBUQR0BHQBVAR3BH0BVQSCBIMBXASFBIgBXgSKBIsBYgSNBI4BZASQBJEBZgSTBJgBaASbBJwBbgSfBJ8BcAShBKIBcQSlBK8BcwT+BP8BfgUDBQwBgAUSBRYBigUdBTMBjwAMAAQAHgANADIAFAA8ABUACgAWABQAGgAtACIALQA+ABQC2QAoAtoADwLbABkC3AAyAAEEJAAEAAACDQfkB+QH5AbuB+QH5AfkB+QHOAfkB+QH5AWMB+QH5AfkB+QGpAZeBgwH5AfkB+QHggfkB+QH5AfkBzgH5AfkB+QH5AUkBSQH5AZeBl4H5AfkB+QH5AbuB+QH5AfkB+QH5AfkB+QHOAfkB+QH5AYMBzgH5AVqB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AVqBzgH5AfkBzgH5AfkB+QH5AfkB+QH5AfkB+QH5AeCB+QH5AfkBzgH5AfkB+QH5AfkB+QH5AfkB+QG7gfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AWMBYwFjAfkBqQGpAfkBqQGXgfkB+QFvgfkB4IHggeCB4IHggfkB+QHggfkB+QH5Ac4B+QH5AfkB+QGpAfkB+QH5AfkB+QH5AfkB+QGpAfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5Ac4B+QH5AfkB+QH5AfkB+QH5AfkB+QH5Ac4B+QH5AfkB+QH5AfkB+QH5AfkB4IHggfkB+QH5AfkB+QH5AfkBu4H5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QHggfkB+QHOAfkB+QH5Ac4B+QH5AfkB+QH5AfkB+QH5Ac4B+QH5AfkB+QGpAfkBzgH5AeCB+QH5Ac4B+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AeCB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QH5AfkB+QHOAfkB+QGpAfkB4IH5AfkB+QH5AfkB+QH5AfkB+QGpAZeBgwH5AfkB+QH5Ac4B+QH5Afk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/7oBwP/sAcH/ugHC/+wBw/+6AcT/7AHF/7oBxv/sAcj/7AHK/+wBzP/sAc7/7AHQ/+wB0v/sAdT/7AHW/+wB2//7Adz/7AHd//sB3v/sAd//+wHg/+wB4f/7AeL/7AHj//sB5P/sAeX/+wHm/+wB5//7Aej/7AHp//sB6v/sAev/+wHs/+wB7f/7Ae7/7AHv//sB8P/sAfH/+wHy/+wCAQAKAgIABQIDAAoCBAAFAgUACgIGAAUCBwAKAggABQACAE0ACgDzAAoA4gAk/+IAJv/7ACr/+wAt/9gAMv/7ADT/+wA3ACgAOAAKADoAFAA8AB4APQAKAET/3QBG/+IAR//iAEj/4gBK/+IAUP/YAFH/2ABS/+IAU//YAFT/4gBV/9gAVv/nAF3/9gCC/+IAg//iAIT/4gCF/+IAhv/iAIf/4gCJ//sAlP/7AJX/+wCW//sAl//7AJj/+wCa//sAmwAKAJwACgCdAAoAngAKAJ8AHgCi/90Ao//dAKT/3QCl/90Apv/dAKf/3QCo/90Aqf/iAKr/4gCr/+IArP/iAK3/4gCy/+IAtP/iALX/4gC2/+IAt//iALj/4gC6/+IAwv/iAMP/3QDE/+IAxf/dAMb/4gDH/90AyP/7AMn/4gDK//sAy//iAMz/+wDN/+IAzv/7AM//4gDR/+IA0//iANX/4gDX/+IA2f/iANv/4gDd/+IA3v/7AN//4gDg//sA4f/iAOL/+wDj/+IA5P/7AOX/4gDy/9gBAv/YAQT/2AEG/9gBB//YAQj/+wEJ/+IBCv/7AQv/4gEP/9gBEf/YARP/2AEV/+cBF//nARn/5wEb/+cBHAAoAR4AKAEgAAoBIgAKASQACgEmAAoBKAAKASoACgEsABQBLgAeATAAHgExAAoBMv/2ATMACgE0//YBNQAKATb/9gE5//sBOv/iAT3/4gE+/90BQf/7AUL/4gFDAAoBRQAKAUcACgFJAAoBSwAKAU3/+wFO/+IBUP/nAVEAKAFT/9gBVP/iAVb/4gF+/+IBgP/iAYH/+wGC/+IBjv/YAZD/2AGS/9gBlP/YAZb/2AGY/9gBmv/YAZz/5wGe/+cBnwAoAaEAKAGjABQBpQAUAacAFAGpAB4BqwAKAaz/9gGv/+IBsP/dAbH/4gGy/90Bs//iAbT/3QG1/+IBtv/dAbf/4gG4/90Buf/iAbr/3QG7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AA8EywAPBMwACgTOAA8EzwAKBNIADwTWAA8E2gAPBNsADwTdAA8E3gAKBOYADwG2AAX/7AAI/+IACv/sAAz/+wAOABQAEAAUAB3/8QAe//EAHwAeACAAFAAkAA8AJgAPACoADwAyAA8ANAAPADf/8QA6/+IAPP/xAD0ACgBA//sARAAUAEYAFABHABQASAAUAEoAFABSABQAVAAUAFn/7ABa//EAXP/sAGD/+wB+/+wAf//sAIIADwCDAA8AhAAPAIUADwCGAA8AhwAPAIkADwCUAA8AlQAPAJYADwCXAA8AmAAPAJkAFACaAA8An//xAKIAFACjABQApAAUAKUAFACmABQApwAUAKgAFACpABQAqgAUAKsAFACsABQArQAUALIAFAC0ABQAtQAUALYAFAC3ABQAuAAUALkAFAC6ABQAv//sAMH/7ADCAA8AwwAUAMQADwDFABQAxgAPAMcAFADIAA8AyQAUAMoADwDLABQAzAAPAM0AFADOAA8AzwAUANEAFADTABQA1QAUANcAFADZABQA2wAUAN0AFADeAA8A3wAUAOAADwDhABQA4gAPAOMAFADkAA8A5QAUAQgADwEJABQBCgAPAQsAFAEc//EBHv/xASz/4gEt//EBLv/xAS//7AEw//EBMQAKATMACgE1AAoBOQAPAToAFAE9AA8BPgAUAUEADwFCABQBTQAPAU4AFAFR//EBVAAUAVYAFAF+ABQBgAAUAYEADwGCABQBn//xAaH/8QGj/+IBpP/xAaX/4gGm//EBp//iAaj/8QGp//EBqv/sAasACgGvAA8BsAAUAbEADwGyABQBswAPAbQAFAG1AA8BtgAUAbcADwG4ABQBuQAPAboAFAG7AA8BvAAUAb0ADwG+ABQBvwAPAcAAFAHBAA8BwgAUAcMADwHEABQBxQAPAcYAFAHIABQBygAUAcwAFAHOABQB0AAUAdIAFAHUABQB1gAUAdsADwHcABQB3QAPAd4AFAHfAA8B4AAUAeEADwHiABQB4wAPAeQAFAHlAA8B5gAUAecADwHoABQB6QAPAeoAFAHrAA8B7AAUAe0ADwHuABQB7wAPAfAAFAHxAA8B8gAUAgH/8QIC/+wCA//xAgT/7AIF//ECBv/sAgf/8QII/+wCCgAUAgsAFAIMABQCDQAUAg4AFAIP//ECEP/7AhL/8QIT//sCFwAUAhn/4gJD/+wCRP/sAkf/7AJJ/+wCVQAUAlwAHgJ+ABQCiAAUAokADwKOABQCkQAUApIAFAKUABQClgAUApgAFAKgAA8CogAUAqMAFAKkABQCpQAUAqYAFAKqABQCywAUAswADwLNABQCzwAUAtMAFALqABQC7AAPAu0AFALyABQC9AAUAv0AFAL+ABQDAgAUAwQAFAMFAA8DCAAUAw4AFAMVAA8DFwAUAxsAFAMeABQDHwAPAyAAFAMnABQDOwAUAzwAFAM+ABQDQwAUA0QAFANGABQDRwAUA0gAFANJABQDTAAUA1EAFANiAA8DYwAPA2QADwNlAA8DZgAPA2gAFANpABQDagAUA2wAFANtABQDbgAUA28AFANwABQDcQAUA3QAFAN1ABQDdgAUA3cAFAN5ABQDegAUA3sAFAN8ABQDlQAPA5YADwOXAA8DmAAPA5kADwOaAA8DmwAUA5wAFAOdABQDngAUA58AFAOgABQDpQAUA6YAFAOnABQDqAAUA6kAFAOqABQDqwAUA6wAFAPBABQDwgAUA8MAFAPEABQDxQAUA8YAFAPHABQDyAAPA8kADwPKAA8DywAPA8wADwPNAA8DzgAPA88ADwPQAA8D0QAPA9IADwPTAA8D1AAPA9UADwPeABQD3wAUA+AAFAPhABQD4gAUA+MAFAPkABQD5QAUA+YAFAPnABQD6AAUA+kAFAP3ABQD+AAUA/oAFAP7ABQD/AAUA/0AFAP+ABQD/wAUBAAAFAQBABQEAgAUBEUADwRGAA8ERwAPBEgADwRJAA8ESgAPBEsADwRMAA8ETQAPBE4ADwRPAA8EUAAPBFEADwRSAA8EVAAUBFUAFARWABQEVwAUBFgAFARZABQEWgAUBFsAFARcABQEXQAUBF4AFARfABQEYAAUBGEAFARiABQEYwAUBGQAFARlABQEZgAUBGcAFARoABQEaQAUBGoAFARrABQEbAAUBG0AFASJABQEigAUBIsAFASMABQEjQAUBI4AFASPABQEkAAUBJEAFASSABQEkwAUBJQAFASVABQElgAUBJcAFASYABQEpQAUBKYAFASnABQEqAAUBKkAFASqABQEqwAUBKwAFASyABQEswAPBLYAFAS6ABQEwwAPBMYAFATHABQEyAAUBMwAFATPABQE0AAPBNEAFATVABQE3gAUBN8ADwTmAA8E5wAUAhEABf/uAAr/7gAM//wAN//2ADr/8QA8/+cAQP/8AEYAAgBHAAIASAACAEoAAwBSAAIAVAACAFn/9gBa//YAXP/2AF3/9gBg//wAn//nAKkAAgCqAAIAqwACAKwAAgCtAAIAsgACALQAAgC1AAIAtgACALcAAgC4AAIAugACAL//9gDB//YAyQACAMsAAgDNAAIAzwACANEAAgDTAAIA1QACANcAAgDZAAIA2wACAN0AAgDfAAMA4QADAOMAAwDlAAMBCQACAQsAAgEc//YBHv/2ASz/8QEt//YBLv/nAS//9gEw/+cBMv/2ATT/9gE2//YBOgACAUIAAgFOAAMBUf/2AVQAAgFWAAMBfgACAYAAAgGCAAMBn//2AaH/9gGj//EBpP/2AaX/8QGm//YBp//xAaj/9gGp/+cBqv/2Aaz/9gHIAAIBygACAcwAAgHOAAIB0AACAdIAAgHUAAIB1gACAdwAAgHeAAIB4AACAeIAAgHkAAIB5gACAegAAgHqAAIB7AACAe4AAgHwAAIB8gACAgH/5wIC//YCA//nAgT/9gIF/+cCBv/2Agf/5wII//YCeQAUAnoAFAJ+ABQCfwAPAoAADwKBAA8CggAPAocAFAKIABQCiQAUAooAGQKLABQCjAAUAo8AFAKRABQCkgAUApMAFAKUABQClQAZApgAFAKZABkCmgAUApsAFAKcABkCnQAZAp4AFAKfABQCoAAUAqEAFAKiABQCowAUAqQAFAKlABQCpgAUAqcAFAKpABkCqgAUAqsAFALKABQCywAUAswAFALPABQC0AAZAtEAFALTABQC6wAUAuwAFALvABQC8AAUAvQAFAL8ABQC/QAUAv4AFAMAABQDAwAUAwQAFAMFABQDBgAZAwcAFAMJABQDCwAZAw4AFAMPABkDEAAUAxEAGQMSABkDEwAUAxQAFAMVABQDFgAUAxcAFAMYABQDGgAZAxsAFAMcABQDHQAUAx4AFAMfABQDIQAZAyIAFAMnABQDLQAZAy4AFAMvABQDMQAZAzIAGQM7ABQDPAAUAz4AFANDABQDRAAUA0UAFANHABQDSAAUA0sAGQNMABQDTgAUA08AFANSABQDUwAUA1QAFANWABQDVwAUA1gAFANZABQDWgAUA14AFANfABQDYAAUA2EAFANiABQDYwAUA2QAFANlABQDZgAUA2cAFAN9ABQDfgAUA38AFAOAABQDgQAUA4IAFAODABQDhAAUA4UAFAOGABQDhwAUA4gAFAOJABQDigAUA4sAFAOMABQDjQAUA44AFAOPABQDkAAZA5EAFAOSABQDkwAUA5QAFAOVABQDlgAUA5cAFAOYABQDmQAUA5oAFAObABQDnAAUA50AFAOeABQDnwAUA6AAFAOhABkDogAZA6MAGQOkABkDpQAUA6YAFAOnABQDqAAUA6kAFAOqABQDqwAUA6wAFAOtABQDrgAUA68AFAOwABQDsQAUA7IAFAOzABQDtAAUA7YAFAO3ABQDuAAUA7kAFAO6ABQDuwAUA7wAFAO9ABQDvgAUA78AFAPAABQDwQAUA8IAFAPDABQDxAAUA8UAFAPGABQDxwAUA8gAFAPJABQDygAUA8sAFAPMABQDzQAUA84AFAPPABQD0AAUA9EAFAPSABQD0wAUA9QAFAPVABQD1gAZA9cAGQPYABkD2QAUA9oAFAPbABQD3AAUA90AFAPqABQD6wAUA+wAFAPvABkD8AAZA/EAGQPyABkD8wAZA/QAGQP1ABkD9gAZBAUAGQQGABkEBwAZBAgAGQQJABQECgAUBAsAFAQMABQEDQAUBA4AFAQPABQEEAAUBBEAFAQSABQEEwAUBBQAFAQVABQEFgAUBBcAFAQYABQEGQAUBBoAFAQbABQEHAAUBB0AFAQeABkEHwAZBCAAGQQhABkEIgAZBCMAGQQkABkEJQAZBCYAGQQnABkEKAAZBCkAGQQqABkEKwAZBCwAGQQtABkELgAZBC8AGQQwABkEMQAZBDIAGQQzABQENAAUBDUAFAQ2ABQENwAUBDgAFAQ5ABQEOgAUBDsAFAQ8ABQEPQAUBD4AFAQ/ABQEQAAUBEEAFARCABQEQwAUBEQAFARFABQERgAUBEcAFARIABQESQAUBEoAFARLABQETAAUBE0AFAROABQETwAUBFAAFARRABQEUgAUBFMAFARUABQEVQAUBFYAFARXABQEWAAUBFkAFARaABQEWwAUBFwAFARdABQEXgAUBF8AFARgABQEYQAUBGIAFARjABQEZAAUBGUAFARmABQEZwAUBGgAFARpABQEagAUBGsAFARsABQEbQAUBG4AFARvABQEcAAUBHEAFARyABQEfwAZBIAAGQSBABkEggAZBIMAGQSEABkEhQAZBIYAGQSHABkEiAAZBIkAFASKABQEiwAUBIwAFASNABQEjgAUBI8AFASQABQEkQAUBJIAFASTABQElAAUBJUAFASWABQElwAUBJgAFASZABQEmgAUBJsAFAScABQEnQAUBJ4AFASfABQEoAAUBKEAFASiABQEowAUBKQAFASlABQEpgAUBKcAFASoABQEqQAUBKoAFAStABkErgAZBK8AGQSwABkEsQAUBLIAFASzABQEtAAZBLUAFAS3ABQEuQAZBLwAGQS9ABQEvgAUBL8AGQTAABkEwQAUBMIAFATDABQExAAUBMYAFATHABQEyAAUBMkAFATLABkEzAAUBM4AFATPABQE0AAUBNIAGQTTABQE1gAUBNcAGQTZABkE2gAZBNsAFATdABkE3gAUBN8AFAThABQE5AAUBOUAFATmABQE5wAUACYABf/sAAr/7AA3//YAOv/2ADz/4gBZ//sAXP/7AJ//4gC///sAwf/7ARz/9gEe//YBLP/2AS7/4gEv//sBMP/iAVH/9gGf//YBof/2AaP/9gGl//YBp//2Aan/4gGq//sCAf/iAgL/+wID/+ICBP/7AgX/4gIG//sCB//iAgj/+wIP//ECEP/2AhL/8QIT//YCQ//nAkT/5wABAGYABAAAAC4AxgGkDMYNcA6qEVAR4hQEGIIbpBu6H4wjCiNEJJoolCr+Kxgrbit8LH4siCzyLVwucjCwMwozIDOeNDA0mjUQNRo1JDV2NeA2vjhAOJI4qD56QSRIGkgoTY5NyAABAC4AGQAaABsAHAAiACMAJQApADMANAA5ADsAPgA/AEkAWwBeAGMAZwBwAHIAdAB1AHsAfwCBAK8AsACxAOsA7QDuAO8CIwIoAjoCPgI/AkACewJ8An0CfgLSAtgC2gA3AEYABABHAAQASAAEAFIABABUAAQAqQAEAKoABACrAAQArAAEAK0ABACyAAQAtAAEALUABAC2AAQAtwAEALgABAC6AAQAyQAEAMsABADNAAQAzwAEANEABADTAAQA1QAEANcABADZAAQA2wAEAN0ABAEJAAQBCwAEAToABAFCAAQBVAAEAX4ABAGAAAQByAAEAcoABAHMAAQBzgAEAdAABAHSAAQB1AAEAdYABAHcAAQB3gAEAeAABAHiAAQB5AAEAeYABAHoAAQB6gAEAewABAHuAAQB8AAEAfIABALIAAUAGAAIAAoACgAYAAwADwAO//EAD//JABD/8QAR/8kAH//sACD/8QAh//sAJP/YACb/+wAq//sALf/OADD/9gAy//sANP/7ADcADwA8AAoAQAAPAET/7ABG/+wAR//sAEj/7ABK/+wAUP/2AFH/9gBS/+wAU//2AFT/7ABV//YAVv/2AGAADwB+ABQAfwAUAIL/2ACD/9gAhP/YAIX/2ACG/9gAh//YAIn/+wCU//sAlf/7AJb/+wCX//sAmP/7AJn/8QCa//sAnwAKAKL/7ACj/+wApP/sAKX/7ACm/+wAp//sAKj/7ACp/+wAqv/sAKv/7ACs/+wArf/sALL/7AC0/+wAtf/sALb/7AC3/+wAuP/sALn/8QC6/+wAwv/YAMP/7ADE/9gAxf/sAMb/2ADH/+wAyP/7AMn/7ADK//sAy//sAMz/+wDN/+wAzv/7AM//7ADR/+wA0//sANX/7ADX/+wA2f/sANv/7ADd/+wA3v/7AN//7ADg//sA4f/sAOL/+wDj/+wA5P/7AOX/7ADy/84BAv/2AQT/9gEG//YBB//2AQj/+wEJ/+wBCv/7AQv/7AEP//YBEf/2ARP/9gEV//YBF//2ARn/9gEb//YBHAAPAR4ADwEuAAoBMAAKATn/+wE6/+wBPf/YAT7/7AFB//sBQv/sAU3/+wFO/+wBUP/2AVEADwFT/84BVP/sAVb/7AF+/+wBgP/sAYH/+wGC/+wBjf/2AY7/9gGQ//YBkv/2AZT/9gGW//YBmP/2AZr/9gGc//YBnv/2AZ8ADwGhAA8BqQAKAa//2AGw/+wBsf/YAbL/7AGz/9gBtP/sAbX/2AG2/+wBt//YAbj/7AG5/9gBuv/sAbv/2AG8/+wBvf/YAb7/7AG//9gBwP/sAcH/2AHC/+wBw//YAcT/7AHF/9gBxv/sAcj/7AHK/+wBzP/sAc7/7AHQ/+wB0v/sAdT/7AHW/+wB2//7Adz/7AHd//sB3v/sAd//+wHg/+wB4f/7AeL/7AHj//sB5P/sAeX/+wHm/+wB5//7Aej/7AHp//sB6v/sAev/+wHs/+wB7f/7Ae7/7AHv//sB8P/sAfH/+wHy/+wCAQAKAgMACgIFAAoCBwAKAgr/8QIL//ECDP/xAg3/8QIO//ECDwAZAhAAGQISABkCEwAZAhf/8QIY/8kCGQAKAkMADwJEAA8CRwAUAkkAFAJV//ECXP/sAl3/+wJ5ADICegAyAn4AMgJ/ADICgAAyAoEAMgKCADIChwAyAogAPAKJADICigAyAosAMgKMADICjQAyAo4AMgKPADICkQA8ApIAPAKTADIClAA8ApUAMgKWADICmAA8ApkAMgKaADICmwAyApwAMgKdADICngAyAp8AKAKgADICoQAyAqIAPAKjADwCpAAyAqUAMgKmADICpwAyAqkAMgKqADwCqwAyAsoAMgLLADwCzAAyAs0AMgLPADwC0AAyAtEAMgLTADIC6gAyAusAMgLsADIC7QAyAu8AMgLwADIC8gAyAvQAMgL8ADIC/QA8Av4APAMAADIDAgAyAwMAMgMEADwDBQAyAwYAMgMHADIDCAAyAwkAMgMLADIDDgA8Aw8AMgMQADIDEQAyAxIAMgMTADIDFAAoAxUAMgMWADIDFwAyAxgAMgMaADIDGwA8AxwAMgMdADIDHgA8Ax8AMgMgADIDIQAyAyIAMgMjADIDJwA8Ay0AMgMuADIDLwAoAzEAMgMyADIDMwAyAzQAMgM7ADwDPAA8Az4APANDADwDRAA8A0UAMgNGADIDRwA8A0gAPANJADIDSwAyA0wAPANOADIDTwAyA1EAMgNSADIDUwAyA1QAMgNWADIDVwAyA1gAMgNZADIDWgAyA14AMgNfADIDYAAyA2EAMgNiADIDYwAyA2QAMgNlADIDZgAyA2cAMgNoADIDaQAyA2oAMgNsADIDbQAyA24AMgNvADIDcAAyA3EAMgN0ADIDdQAyA3YAMgN3ADIDeQAyA3oAMgN7ADIDfAAyA30AMgN+ADIDfwAyA4AAMgOBADIDggAyA4MAMgOEADIDhQAyA4YAMgOHADIDiAAyA4kAMgOKADIDiwAyA4wAMgONADIDjgAyA48AMgOQADIDkQAyA5IAMgOTADIDlAAyA5UAMgOWADIDlwAyA5gAMgOZADIDmgAyA5sAMgOcADIDnQAyA54AMgOfADIDoAAyA6EAMgOiADIDowAyA6QAMgOlADwDpgA8A6cAPAOoADwDqQA8A6oAPAOrADwDrAA8A60AMgOuADIDrwAyA7AAMgOxADIDsgAyA7MAMgO0ADIDtgAyA7cAMgO4ADIDuQAyA7oAMgO7ADIDvAAyA70AMgO+ADIDvwAyA8AAMgPBADwDwgA8A8MAPAPEADwDxQA8A8YAPAPHADwDyAAyA8kAMgPKADIDywAyA8wAMgPNADIDzgAyA88AMgPQADID0QAyA9IAMgPTADID1AAyA9UAMgPWADID1wAyA9gAMgPZADID2gAyA9sAMgPcADID3QAyA94AMgPfADID4AAyA+EAMgPiADID4wAyA+QAMgPlADID5gAyA+cAMgPoADID6QAyA+oAMgPrADID7AAyA+8AMgPwADID8QAyA/IAMgPzADID9AAyA/UAMgP2ADID9wAyA/gAMgP6ADID+wAyA/wAMgP9ADID/gAyA/8AMgQAADIEAQAyBAIAMgQFADIEBgAyBAcAMgQIADIECQAyBAoAMgQLADIEDAAyBA0AMgQOADIEDwAyBBAAMgQRADIEEgAyBBMAMgQUADIEFQAyBBYAMgQXADIEGAAyBBkAMgQaADIEGwAyBBwAMgQdADIEHgAyBB8AMgQgADIEIQAyBCIAMgQjADIEJAAyBCUAMgQmADIEJwAyBCgAMgQpADIEKgAyBCsAMgQsADIELQAyBC4AMgQvADIEMAAyBDEAMgQyADIEMwAyBDQAMgQ1ADIENgAyBDcAMgQ4ADIEOQAyBDoAMgQ7ADIEPAAyBD0AMgQ+ADIEPwAyBEAAMgRBADIEQgAoBEMAKAREACgERQAyBEYAMgRHADIESAAyBEkAMgRKADIESwAyBEwAMgRNADIETgAyBE8AMgRQADIEUQAyBFIAMgRTADIEVAAyBFUAMgRWADIEVwAyBFgAMgRZADIEWgAyBFsAMgRcADIEXQAyBF4AMgRfADIEYAAyBGEAMgRiADIEYwAyBGQAMgRlADIEZgAyBGcAMgRoADIEaQAyBGoAMgRrADIEbAAyBG0AMgRuADIEbwAyBHAAMgRxADIEcgAyBH8AMgSAADIEgQAyBIIAMgSDADIEhAAyBIUAMgSGADIEhwAyBIgAMgSJADwEigA8BIsAPASMADwEjQA8BI4APASPADwEkAA8BJEAPASSADwEkwA8BJQAPASVADwElgA8BJcAPASYADwEmQAyBJoAMgSbADIEnAAyBJ0AMgSeADIEnwAyBKAAMgShADIEogAyBKMAMgSkADIEpQA8BKYAPASnADwEqAA8BKkAPASqADwEqwAyBKwAMgStADIErgAyBK8AMgSwADIEsQAyBLIAPASzADIEtAAyBLUAMgS2ADIEtwAyBLkAMgS6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AZ//9gGh//YBo//2AaT/+AGl//YBpv/4Aaf/9gGo//gBqf/sAar/8wHI//0Byv/9Acz//QHO//0B0P/9AdL//QHU//0B1v/9Adz//QHe//0B4P/9AeL//QHk//0B5v/9Aej//QHq//0B7P/9Ae7//QHw//0B8v/9AfT/+wH2//sB+P/7Afr/+wH8//sB/v/7AgD/+wIB/+wCAv/zAgP/7AIE//MCBf/sAgb/8wIH/+wCCP/zAg//+wIS//sCQ//sAkT/7AEfAAUAFAAKABQADAAIAA7/+AAP/9gAEP/4ABH/2AAg//gAJP/iACb/+wAq//sALf/YADL/+wA0//sANv/7ADcADgA6AAgAPAAMAEAACABE/+oARv/qAEf/6gBI/+oASv/2AEz/+ABQ/+wAUf/sAFL/6gBT/+wAVP/qAFX/7ABW//EAV//xAFj/7ABZ/+wAWv/xAFz/7ABd//EAYAAIAH4AFAB/ABQAgv/iAIP/4gCE/+IAhf/iAIb/4gCH/+IAif/7AJT/+wCV//sAlv/7AJf/+wCY//sAmf/4AJr/+wCfAAwAov/qAKP/6gCk/+oApf/qAKb/6gCn/+oAqP/qAKn/6gCq/+oAq//qAKz/6gCt/+oArv/4AK//+ACw//gAsf/4ALL/6gC0/+oAtf/qALb/6gC3/+oAuP/qALn/+AC6/+oAu//sALz/7AC9/+wAvv/sAL//7ADB/+wAwv/iAMP/6gDE/+IAxf/qAMb/4gDH/+oAyP/7AMn/6gDK//sAy//qAMz/+wDN/+oAzv/7AM//6gDR/+oA0//qANX/6gDX/+oA2f/qANv/6gDd/+oA3v/7AN//9gDg//sA4f/2AOL/+wDj//YA5P/7AOX/9gDr//gA7f/4AO//+ADx//gA8v/YAQL/7AEE/+wBBv/sAQf/7AEI//sBCf/qAQr/+wEL/+oBD//sARH/7AET/+wBFP/7ARX/8QEW//sBF//xARj/+wEZ//EBGv/7ARv/8QEcAA4BHf/xAR4ADgEj/+wBJ//sASn/7AEr/+wBLAAIAS3/8QEuAAwBL//sATAADAEy//EBNP/xATb/8QE5//sBOv/qATz/7AE9/+IBPv/qAUD/+AFB//sBQv/qAUT/7AFG/+wBSP/sAUr/7AFM/+wBTf/7AU7/9gFP//sBUP/xAVEADgFT/9gBVP/qAVb/9gF+/+oBgP/qAYH/+wGC//YBjv/sAZD/7AGS/+wBlP/sAZb/7AGY/+wBmv/sAZz/8QGe//EBnwAOAaD/8QGhAA4Bov/xAaMACAGk//EBpQAIAab/8QGnAAgBqP/xAakADAGq/+wBrP/xAa3/8QGv/+IBsP/qAbH/4gGy/+oBs//iAbT/6gG1/+IBtv/qAbf/4gG4/+oBuf/iAbr/6gG7/+IBvP/qAb3/4gG+/+oBv//iAcD/6gHB/+IBwv/qAcP/4gHE/+oBxf/iAcb/6gHI/+oByv/qAcz/6gHO/+oB0P/qAdL/6gHU/+oB1v/qAdj/+AHa//gB2//7Adz/6gHd//sB3v/qAd//+wHg/+oB4f/7AeL/6gHj//sB5P/qAeX/+wHm/+oB5//7Aej/6gHp//sB6v/qAev/+wHs/+oB7f/7Ae7/6gHv//sB8P/qAfH/+wHy/+oB9P/sAfb/7AH4/+wB+v/sAfz/7AH+/+wCAP/sAgEADAIC/+wCAwAMAgT/7AIFAAwCBv/sAgcADAII/+wCCv/4Agv/+AIM//gCDf/4Ag7/+AIX//gCGP/YAkMACgJEAAoCRwAUAkkAFAJV//gAyAAFAAgACgAIAA7//AAP/8QAEP/8ABH/xAAg//wAJP/iAC3/0wAw//0ANv/7ADcABAA9//YARP/2AEb/8QBH//EASP/xAEr/+wBM//YATf/2AFD/7ABR/+wAUv/xAFP/7ABU//EAVf/sAFb/+wBd//sAbAAKAHwACgCC/+IAg//iAIT/4gCF/+IAhv/iAIf/4gCZ//wAov/2AKP/9gCk//YApf/2AKb/9gCn//YAqP/2AKn/8QCq//EAq//xAKz/8QCt//EArv/2AK//9gCw//YAsf/2ALL/8QC0//EAtf/xALb/8QC3//EAuP/xALn//AC6//EAwv/iAMP/9gDE/+IAxf/2AMb/4gDH//YAyf/xAMv/8QDN//EAz//xANH/8QDT//EA1f/xANf/8QDZ//EA2//xAN3/8QDf//sA4f/7AOP/+wDl//sA6//2AO3/9gDv//YA8f/2APL/0wDz//YBAv/sAQT/7AEG/+wBB//sAQn/8QEL//EBD//sARH/7AET/+wBFP/7ARX/+wEW//sBF//7ARj/+wEZ//sBGv/7ARv/+wEcAAQBHgAEATH/9gEy//sBM//2ATT/+wE1//YBNv/7ATr/8QE9/+IBPv/2AUD/9gFC//EBTv/7AU//+wFQ//sBUQAEAVP/0wFU//EBVv/7AX7/8QGA//EBgv/7AY3//QGO/+wBkP/sAZL/7AGU/+wBlv/sAZj/7AGa/+wBnP/7AZ7/+wGfAAQBoQAEAav/9gGs//sBr//iAbD/9gGx/+IBsv/2AbP/4gG0//YBtf/iAbb/9gG3/+IBuP/2Abn/4gG6//YBu//iAbz/9gG9/+IBvv/2Ab//4gHA//YBwf/iAcL/9gHD/+IBxP/2AcX/4gHG//YByP/xAcr/8QHM//EBzv/xAdD/8QHS//EB1P/xAdb/8QHY//YB2v/2Adz/8QHe//EB4P/xAeL/8QHk//EB5v/xAej/8QHq//EB7P/xAe7/8QHw//EB8v/xAgr//AIL//wCDP/8Ag3//AIO//wCEAAeAhMAHgIX//wCGP/EAkP/+wJE//sCVf/8AAUADAAoAC0ACgBAACgA8gAKAVMACgD0AAUADwAKAA8ADv/kAA//2AAQ/+QAEf/YACD/5AAk/+IAJv/5ACr/+QAt/84AMP/4ADL/+QA0//kANgAFADcADwA6AAoAPAAKAD3//ABG/98AR//fAEj/3wBK/90ATP/0AFD/4gBR/+IAUv/fAFP/4gBU/98AVf/iAFb/7ABY//YAfgAUAH8AFACC/+IAg//iAIT/4gCF/+IAhv/iAIf/4gCJ//kAlP/5AJX/+QCW//kAl//5AJj/+QCZ/+QAmv/5AJ8ACgCp/98Aqv/fAKv/3wCs/98Arf/fAK7/9ACv//QAsP/0ALH/9ACy/98AtP/fALX/3wC2/98At//fALj/3wC5/+QAuv/fALv/9gC8//YAvf/2AL7/9gDC/+IAxP/iAMb/4gDI//kAyf/fAMr/+QDL/98AzP/5AM3/3wDO//kAz//fANH/3wDT/98A1f/fANf/3wDZ/98A2//fAN3/3wDe//kA3//dAOD/+QDh/90A4v/5AOP/3QDk//kA5f/dAOv/9ADt//QA7//0APH/9ADy/84BAv/iAQT/4gEG/+IBB//iAQj/+QEJ/98BCv/5AQv/3wEP/+IBEf/iARP/4gEUAAUBFf/sARYABQEX/+wBGAAFARn/7AEaAAUBG//sARwADwEeAA8BI//2ASf/9gEp//YBK//2ASwACgEuAAoBMAAKATH//AEz//wBNf/8ATn/+QE6/98BPP/2AT3/4gFA//QBQf/5AUL/3wFE//YBRv/2AUj/9gFK//YBTP/2AU3/+QFO/90BTwAFAVD/7AFRAA8BU//OAVT/3wFW/90Bfv/fAYD/3wGB//kBgv/dAY3/+AGO/+IBkP/iAZL/4gGU/+IBlv/iAZj/4gGa/+IBnP/sAZ7/7AGfAA8BoQAPAaMACgGlAAoBpwAKAakACgGr//wBr//iAbH/4gGz/+IBtf/iAbf/4gG5/+IBu//iAb3/4gG//+IBwf/iAcP/4gHF/+IByP/fAcr/3wHM/98Bzv/fAdD/3wHS/98B1P/fAdb/3wHY//QB2v/0Adv/+QHc/98B3f/5Ad7/3wHf//kB4P/fAeH/+QHi/98B4//5AeT/3wHl//kB5v/fAef/+QHo/98B6f/5Aer/3wHr//kB7P/fAe3/+QHu/98B7//5AfD/3wHx//kB8v/fAfT/9gH2//YB+P/2Afr/9gH8//YB/v/2AgD/9gIBAAoCAwAKAgUACgIHAAoCCv/kAgv/5AIM/+QCDf/kAg7/5AIQABkCEwAZAhf/5AIY/9gCQwAIAkQACAJHABQCSQAUAlX/5ADfAAUABQAKAAUADv/7AA8ACgAQ//sAEQAKAB0ADwAeAA8AIP/7ACQACgAm//MAKv/zAC0AFAAwAAUAMv/zADT/8wA3AAUAPQAKAEb/9gBH//YASP/2AEr/+wBQ//sAUf/7AFL/9gBT//sAVP/2AFX/+wBY//sAWf/4AFr/+ABc//gAa//2AH4ACAB/AAgAggAKAIMACgCEAAoAhQAKAIYACgCHAAoAif/zAJT/8wCV//MAlv/zAJf/8wCY//MAmf/7AJr/8wCp//YAqv/2AKv/9gCs//YArf/2ALL/9gC0//YAtf/2ALb/9gC3//YAuP/2ALn/+wC6//YAu//7ALz/+wC9//sAvv/7AL//+ADB//gAwgAKAMQACgDGAAoAyP/zAMn/9gDK//MAy//2AMz/8wDN//YAzv/zAM//9gDR//YA0//2ANX/9gDX//YA2f/2ANv/9gDd//YA3v/zAN//+wDg//MA4f/7AOL/8wDj//sA5P/zAOX/+wDyABQBAv/7AQT/+wEG//sBB//7AQj/8wEJ//YBCv/zAQv/9gEP//sBEf/7ARP/+wEcAAUBHgAFASP/+wEn//sBKf/7ASv/+wEt//gBL//4ATEACgEzAAoBNQAKATn/8wE6//YBPP/7AT0ACgFB//MBQv/2AUT/+wFG//sBSP/7AUr/+wFM//sBTf/zAU7/+wFRAAUBUwAUAVT/9gFW//sBfv/2AYD/9gGB//MBgv/7AY0ABQGO//sBkP/7AZL/+wGU//sBlv/7AZj/+wGa//sBnwAFAaEABQGk//gBpv/4Aaj/+AGq//gBqwAKAa8ACgGxAAoBswAKAbUACgG3AAoBuQAKAbsACgG9AAoBvwAKAcEACgHDAAoBxQAKAcj/9gHK//YBzP/2Ac7/9gHQ//YB0v/2AdT/9gHW//YB2//zAdz/9gHd//MB3v/2Ad//8wHg//YB4f/zAeL/9gHj//MB5P/2AeX/8wHm//YB5//zAej/9gHp//MB6v/2Aev/8wHs//YB7f/zAe7/9gHv//MB8P/2AfH/8wHy//YB9P/7Afb/+wH4//sB+v/7Afz/+wH+//sCAP/7AgL/+AIE//gCBv/4Agj/+AIK//sCC//7Agz/+wIN//sCDv/7AhAACgITAAoCF//7AhgACgJC//YCQwAIAkQACAJHAAgCSQAIAlX/+wAOADoABQA8AAgAnwAIASwABQEuAAgBMAAIAaMABQGlAAUBpwAFAakACAIBAAgCAwAIAgUACAIHAAgAVQBGAAUARwAFAEgABQBNAEYAUgAFAFQABQBWAAoAWf/nAFr/7ABc/+cAXQAPAKkABQCqAAUAqwAFAKwABQCtAAUAsgAFALQABQC1AAUAtgAFALcABQC4AAUAugAFAL//5wDB/+cAyQAFAMsABQDNAAUAzwAFANEABQDTAAUA1QAFANcABQDZAAUA2wAFAN0ABQDzAEYBCQAFAQsABQEVAAoBFwAKARkACgEbAAoBLf/sAS//5wEyAA8BNAAPATYADwE6AAUBQgAFAVAACgFUAAUBfgAFAYAABQGcAAoBngAKAaT/7AGm/+wBqP/sAar/5wGsAA8ByAAFAcoABQHMAAUBzgAFAdAABQHSAAUB1AAFAdYABQHcAAUB3gAFAeAABQHiAAUB5AAFAeYABQHoAAUB6gAFAewABQHuAAUB8AAFAfIABQIC/+cCBP/nAgb/5wII/+cA/gAFABkACAAKAAoAGQAMAB4ADv/2AA//xAAQ//YAEf/EACD/9gAk/9MALf+6ADD/+AA3AAoAOgAKADwACgBAAB4ARP/sAEb/6gBH/+oASP/qAEn/8QBK/+wATP/9AE3//QBQ/+wAUf/sAFL/6gBT/+wAVP/qAFX/7ABW//EAV//7AFj/9gBZ//YAWgADAFz/9gBd//gAYAAeAH4AFAB/ABQAgv/TAIP/0wCE/9MAhf/TAIb/0wCH/9MAmf/2AJ8ACgCi/+wAo//sAKT/7ACl/+wApv/sAKf/7ACo/+wAqf/qAKr/6gCr/+oArP/qAK3/6gCv//0AsP/9ALH//QCy/+oAtP/qALX/6gC2/+oAt//qALj/6gC5//YAuv/qALv/9gC8//YAvf/2AL7/9gC///YAwf/2AML/0wDD/+wAxP/TAMX/7ADG/9MAx//sAMn/6gDL/+oAzf/qAM//6gDR/+oA0//qANX/6gDX/+oA2f/qANv/6gDd/+oA3//sAOH/7ADj/+wA5f/sAOv//QDt//0A7//9APH//QDy/7oA8//9AQL/7AEE/+wBBv/sAQf/7AEJ/+oBC//qAQ//7AER/+wBE//sARX/8QEX//EBGf/xARv/8QEcAAoBHf/7AR4ACgEj//YBJ//2ASn/9gEr//YBLAAKAS0AAwEuAAoBL//2ATAACgEy//gBNP/4ATb/+AE6/+oBPP/2AT3/0wE+/+wBQP/9AUL/6gFE//YBRv/2AUj/9gFK//YBTP/2AU7/7AFQ//EBUQAKAVP/ugFU/+oBVv/sAX7/6gGA/+oBgv/sAY3/+AGO/+wBkP/sAZL/7AGU/+wBlv/sAZj/7AGa/+wBnP/xAZ7/8QGfAAoBoP/7AaEACgGi//sBowAKAaQAAwGlAAoBpgADAacACgGoAAMBqQAKAar/9gGs//gBrf/7Aa//0wGw/+wBsf/TAbL/7AGz/9MBtP/sAbX/0wG2/+wBt//TAbj/7AG5/9MBuv/sAbv/0wG8/+wBvf/TAb7/7AG//9MBwP/sAcH/0wHC/+wBw//TAcT/7AHF/9MBxv/sAcj/6gHK/+oBzP/qAc7/6gHQ/+oB0v/qAdT/6gHW/+oB2P/9Adr//QHc/+oB3v/qAeD/6gHi/+oB5P/qAeb/6gHo/+oB6v/qAez/6gHu/+oB8P/qAfL/6gH0//YB9v/2Afj/9gH6//YB/P/2Af7/9gIA//YCAQAKAgL/9gIDAAoCBP/2AgUACgIG//YCBwAKAgj/9gIK//YCC//2Agz/9gIN//YCDv/2Ag8AFAIQAB4CEgAUAhMAHgIX//YCGP/EAhkACgJHABQCSQAUAlX/9gJp//ECav/xAJoADP/7ACb//AAq//wALQAKADL//AA0//wANv/7ADf/9gA6//YAPP/nAD0AAwBA//sARv/8AEf//ABI//wAUv/8AFT//ABWAAQAWf/7AFz/+wBdAAUAYP/7AIn//ACU//wAlf/8AJb//ACX//wAmP/8AJr//ACf/+cAqf/8AKr//ACr//wArP/8AK3//ACy//wAtP/8ALX//AC2//wAt//8ALj//AC6//wAv//7AMH/+wDI//wAyf/8AMr//ADL//wAzP/8AM3//ADO//wAz//8ANH//ADT//wA1f/8ANf//ADZ//wA2//8AN3//ADe//wA4P/8AOL//ADk//wA8gAKAQj//AEJ//wBCv/8AQv//AEU//sBFQAEARb/+wEXAAQBGP/7ARkABAEa//sBGwAEARz/9gEe//YBLP/2AS7/5wEv//sBMP/nATEAAwEyAAUBMwADATQABQE1AAMBNgAFATn//AE6//wBQf/8AUL//AFN//wBT//7AVAABAFR//YBUwAKAVT//AF+//wBgP/8AYH//AGcAAQBngAEAZ//9gGh//YBo//2AaX/9gGn//YBqf/nAar/+wGrAAMBrAAFAcj//AHK//wBzP/8Ac7//AHQ//wB0v/8AdT//AHW//wB2//8Adz//AHd//wB3v/8Ad///AHg//wB4f/8AeL//AHj//wB5P/8AeX//AHm//wB5//8Aej//AHp//wB6v/8Aev//AHs//wB7f/8Ae7//AHv//wB8P/8AfH//AHy//wCAf/nAgL/+wID/+cCBP/7AgX/5wIG//sCB//nAgj/+wIQAAgCEwAIAAYANwAFARwABQEeAAUBUQAFAZ8ABQGhAAUAFQA6//YAPP/sAD0ABQBNACgAn//sAPMAKAEs//YBLv/sATD/7AExAAUBMwAFATUABQGj//YBpf/2Aaf/9gGp/+wBqwAFAgH/7AID/+wCBf/sAgf/7AADAC3/9gDy//YBU//2AEAAJP/iAC3/zgA8//gAPf/2AET/+wCC/+IAg//iAIT/4gCF/+IAhv/iAIf/4gCf//gAov/7AKP/+wCk//sApf/7AKb/+wCn//sAqP/7AML/4gDD//sAxP/iAMX/+wDG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/+wB9f/sAgH/zgIC/+ICA//OAgT/4gIF/84CBv/iAgf/zgII/+IABQAFABQACgAUAAwAHgBAAB4AYAAeAB8ABQAoAAoAKAAMADIAQAAyAEUADwBLAA8ATAAIAE0ACABOAA8ATwAPAGAAMgCuAAgArwAIAOcADwDvAAgA8QAIAPMACAD1AA8A+AAPAPoADwD8AA8A/gAPAUAACAGEAA8BhgAPAdgACAHaAAgCDwAKAhAAKAISAAoCEwAoACQABQAyAAoAMgAMAEYAQABGAEUAHgBLAB4ATAAeAE0AHgBOAB4ATwAeAFcACgBgAEYArgAeAK8AHgDnAB4A7wAeAPEAHgDzAB4A9QAeAPgAHgD6AB4A/AAeAP4AHgEdAAoBQAAeAYQAHgGGAB4BoAAKAaIACgGtAAoB2AAeAdoAHgIPABkCEAA3AhIAGQITADcAGgBFABIASwASAEwADwBNAA8ATgASAE8AEgCuAA8ArwAPALAADwCxAA8A5wASAOsADwDtAA8A7wAPAPEADwDzAA8A9QASAPgAEgD6ABIA/AASAP4AEgFAAA8BhAASAYYAEgHYAA8B2gAPAB0ABQAUAAoAFAAMACgAQAAoAEUACABLAAgATAAFAE0ABQBOAAgATwAIAGAAKACuAAUArwAFAOcACADvAAUA8QAFAPMABQD1AAgA+AAIAPoACAD8AAgA/gAIAUAABQGEAAgBhgAIAdgABQHaAAUCEAAPAhMADwACAE0AFADzABQAAgBNABkA8wAZABQANwAKADoADwA8ABQAnwAUARwACgEeAAoBLAAPAS4AFAEwABQBUQAKAZ8ACgGhAAoBowAPAaUADwGnAA8BqQAUAgEAFAIDABQCBQAUAgcAFAAaACT/4gAt/9gAgv/iAIP/4gCE/+IAhf/iAIb/4gCH/+IAwv/iAMT/4gDG/+IA8v/YAT3/4gFT/9gBr//iAbH/4gGz/+IBtf/iAbf/4gG5/+IBu//iAb3/4gG//+IBwf/iAcP/4gHF/+IANwAm/+wAKv/sAC0ABQAy/+wANP/sADcAGQA8AAoAif/sAJT/7ACV/+wAlv/sAJf/7ACY/+wAmv/sAJ8ACgDI/+wAyv/sAMz/7ADO/+wA3v/sAOD/7ADi/+wA5P/sAPIABQEI/+wBCv/sARwAGQEeABkBLgAKATAACgE5/+wBQf/sAU3/7AFRABkBUwAFAYH/7AGfABkBoQAZAakACgHb/+wB3f/sAd//7AHh/+wB4//sAeX/7AHn/+wB6f/sAev/7AHt/+wB7//sAfH/7AIBAAoCAwAKAgUACgIHAAoAYAAk/9gALf/YADcAFAA8AAoARv/2AEf/9gBI//YAUv/2AFT/9gCC/9gAg//YAIT/2ACF/9gAhv/YAIf/2ACfAAoAqf/2AKr/9gCr//YArP/2AK3/9gCy//YAtP/2ALX/9gC2//YAt//2ALj/9gC6//YAwv/YAMT/2ADG/9gAyf/2AMv/9gDN//YAz//2ANH/9gDT//YA1f/2ANf/9gDZ//YA2//2AN3/9gDy/9gBCf/2AQv/9gEcABQBHgAUAS4ACgEwAAoBOv/2AT3/2AFC//YBUQAUAVP/2AFU//YBfv/2AYD/9gGfABQBoQAUAakACgGv/9gBsf/YAbP/2AG1/9gBt//YAbn/2AG7/9gBvf/YAb//2AHB/9gBw//YAcX/2AHI//YByv/2Acz/9gHO//YB0P/2AdL/9gHU//YB1v/2Adz/9gHe//YB4P/2AeL/9gHk//YB5v/2Aej/9gHq//YB7P/2Ae7/9gHw//YB8v/2AgEACgIDAAoCBQAKAgcACgAUADf/2AA6/+cAPP/OAJ//zgEc/9gBHv/YASz/5wEu/84BMP/OAVH/2AGf/9gBof/YAaP/5wGl/+cBp//nAan/zgIB/84CA//OAgX/zgIH/84ABQAt/84AMP/2APL/zgFT/84Bjf/2AXQABQBBAAoAQQAMADIAQAAyAF8AFABgADIAaAAUAg8AHgIQADICEgAeAhMAMgJDADcCRAA3AnkADwJ6AA8CfwAKAoAACgKBAAoCggAKAocACgKIAAoCiQARAooACgKLAA8CjQAKAo4ACgKPAA8CkQAPApIADwKTAA8ClAAPApUABQKYAA8CmQAKApwABQKdAAUCngAKAp8ADwKgAA8CogAKAqMACgKnAAoCqAAKAqkABQKqAAoCqwAKAsoACgLLAAoCzAARAs0ACgLPAA8C0AAFAt0AKALqAAoC7AARAu0ACgLvAA8C8AAKAvIACgL1ACgC/AAKAv0ACgL+AAoDAAAKAwIACgMDAAoDBAAKAwUAEQMGAAoDCAAKAwkADwMLAAUDDgAPAw8ACgMRAAUDEgAFAxMACgMUAA8DFQAPAxgACgMa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ABQE3wAXBOEACgTiAAgE5AAFBOUABQTmABQE5wAKAAMADAAyAEAAMgBgADIBWQJ2AAoCdwAKAngACgJ5ABQCegAUAnsACgJ8AAoCfQAKAn4AFAKDAAoChAAKAoUACgKGAAoChwANAogACgKJAA8CigAKAosAFAKM//kCjQAUAo4AHgKPABQCkQAUApIAFAKTABQClAAUApgAFAKZAAoCngANAp8ACgKgAAoCogAKAqMACgKkABQCpQAUAqYAFAKnAA0CqgAKAqsAGQLKAA0CywAKAswADwLNAB4CzwAUAtIACgLTABQC5AAKAuUACgLmAAoC5wAKAugACgLpAAoC6gAeAuwADwLtAB4C7wAUAvAADQLyAB4C9AAUAvwAGQL9AAoC/gAKAwAAGQMCAB4DAwANAwQACgMFAA8DBgAKAwf/+QMIAB4DCQAUAwwACgMOABQDDwAKAxMADQMUAAoDFQAKAxcAFAMYAA0DGwAKAxwAGQMdAA0DHgAKAx8ADwMgAB4DIwAUAycAFAMtAAoDLwAKAzMAFAM0ABQDOwAUAzwAFAM+ABQDQwAUA0QAFANFABkDRgAeA0cAFANIABQDSQAeA0sACgNMABQDTgANA08ADQNWAA0DVwANA1gADQNZAA0DWgANA14ADQNfAA0DYAANA2EADQNiAA8DYwAPA2QADwNlAA8DZgAPA2f/+QNoAB4DaQAeA2oAHgN4AAoDkQANA5IADQOTAA0DlAANA5UACgOWAAoDlwAKA5gACgOZAAoDmgAKA5sAFAOcABQDnQAUA54AFAOfABQDoAAUA6UACgOmAAoDpwAKA6gACgOpAAoDqgAKA6sACgOsAAoDrQAZA64ADQOvAA0DsAANA7EADQOyAA0DswANA7QADQO2AA0DtwANA7gADQO5AA0DugANA7sADQO8AA0DvQANA74ADQO/AA0DwAANA8EACgPCAAoDwwAKA8QACgPFAAoDxgAKA8cACgPIAA8DyQAPA8oADwPLAA8DzAAPA80ADwPOAA8DzwAPA9AADwPRAA8D0gAPA9MADwPUAA8D1QAPA9YACgPXAAoD2AAKA9n/+QPa//kD2//5A9z/+QPd//kD3gAeA98AHgPgAB4D4QAeA+IAHgPjAB4D5AAeA+UAHgPmAB4D5wAeA+gAHgPpAB4D6gAUA+sAFAPsABQEBQAKBAYACgQH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ADIDiQAyA4oAMgOLADIDjAAyA40AMgOOADIDjwAyA5AAMgORADIDkgAyA5MAMgOUADIDlQAyA5YAMgOXADIDmAAyA5kAMgOaADIDmwAyA5wAMgOdADIDngAyA58AMgOgADIDoQAyA6IAMgOjADIDpAAyA6UAMgOmADIDpwAyA6gAMgOpADIDqgAyA6sAMgOsADIDrQAyA64AMgOvADIDsAAyA7EAMgOyADIDswAyA7QAMgO2ADIDtwAyA7gAMgO5ADIDugAyA7sAMgO8ADIDvQAyA74AMgO/ADIDwAAyA8EAMgPCADIDwwAyA8QAMgPFADIDxgAyA8cAMgPIADIDyQAyA8oAMgPLADIDzAAyA80AMgPOADIDzwAyA9AAMgPRADID0gAyA9MAMgPUADID1QAyA9kAMgPaADID2wAyA9wAMgPdADID3gAyA98AMgPgADID4QAyA+IAMgPjADID5AAyA+UAMgPmADID5wAyA+gAMgPpADID6gAyA+sAMgPsADID7wAyA/AAMgPxADID8gAyA/MAMgP0ADID9QAyA/YAMgP3ADID+AAyA/oAMgP7ADID/AAyA/0AMgP+ADID/wAyBAAAMgQBADIEAgAyBAkAMgQKADIECwAyBAwAMgQNADIEDgAyBA8AMgQQADIEEQAyBBIAMgQTADIEFAAyBBUAMgQWADIEFwAyBBgAMgQZADIEGgAyBBsAMgQcADIEHQAyBB4AMgQfADIEIAAyBCEAMgQiADIEIwAyBCQAMgQlADIEJgAyBCcAMgQoADIEKQAyBCoAMgQrADIELAAyBC0AMgQuADIELwAyBDAAMgQxADIEMgAyBDMAMgQ0ADIENQAyBDYAMgQ3ADIEOAAyBDkAMgQ6ADIEOwAyBDwAMgQ9ADIEPgAyBD8AMgRAADIEQQAyBEIAMgRDADIERAAyBEUAMgRGADIERwAyBEgAMgRJADIESgAyBEsAMgRMADIETQAyBE4AMgRPADIEUAAyBFEAMgRSADIEUwAyBFQAMgRVADIEVgAyBFcAMgRYADIEWQAyBFoAMgRbADIEXAAyBF0AMgReADIEXwAyBGAAMgRhADIEYgAyBGMAMgRkADIEZQAyBGYAMgRnADIEaAAyBGkAMgRqADIEawAyBGwAMgRtADIEbgAyBG8AMgRwADIEcQAyBHIAMgR/ADIEgAAyBIEAMgSC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AB4CqgAeAqsAHgLKAB4CywAeAswAHgLNAB4CzwAeAtAAHgLRAB4C0wAeAt0ABQLqAB4C6wAeAuwAHgLtAB4C7wAeAvAAHgLyAB4C9AAeAvUABQL8AB4C/QAeAv4AHgMAAB4DAgAeAwMAHgMEAB4DBQAeAwYAHgMHAB4DCAAeAwkAHgMLAB4DDgAeAw8AHgMQAB4DEQAeAxIAHgMTAB4DFAAeAxUAHgMWAB4DFwAeAxgAHgMaAB4DGwAeAxwAHgMdAB4DHgAeAx8AHgMgAB4DIQAeAyIAHgMjACMDJwAeAy0AHgMuAB4DLwAeAzEAHgMyAB4DMwAjAzQAIwM7AB4DPAAeAz4AHgNDAB4DRAAeA0UAHgNGAB4DRwAeA0gAHgNJAB4DSwAeA0wAHgNOAB4DTwAeA1EAHgNSAB4DUwAeA1QAHgNWAB4DVwAeA1gAHgNZAB4DWgAeA14AHgNfAB4DYAAeA2EAHgNiAB4DYwAeA2QAHgNlAB4DZgAeA2cAHgNoAB4DaQAeA2oAHgNsAB4DbQAeA24AHgNvAB4DcAAeA3EAHgN0AB4DdQAeA3YAHgN3AB4DeQAeA3oAHgN7AB4DfAAeA30AHgN+AB4DfwAeA4AAHgOBAB4DggAeA4MAHgOEAB4DhQAeA4YAHgOHAB4DiAAeA4kAHgOKAB4DiwAeA4wAHgONAB4DjgAeA48AHgOQAB4DkQAeA5IAHgOTAB4DlAAeA5UAHgOWAB4DlwAeA5gAHgOZAB4DmgAeA5sAHgOcAB4DnQAeA54AHgOfAB4DoAAeA6EAHgOiAB4DowAeA6QAHgOlAB4DpgAeA6cAHgOoAB4DqQAeA6oAHgOrAB4DrAAeA60AHgOuAB4DrwAeA7AAHgOxAB4DsgAeA7MAHgO0AB4DtgAeA7cAHgO4AB4DuQAeA7oAHgO7AB4DvAAeA70AHgO+AB4DvwAeA8AAHgPBAB4DwgAeA8MAHgPEAB4DxQAeA8YAHgPHAB4DyAAeA8kAHgPKAB4DywAeA8wAHgPNAB4DzgAeA88AHgPQAB4D0QAeA9IAHgPTAB4D1AAeA9UAHgPWAB4D1wAeA9gAHgPZAB4D2gAeA9sAHgPcAB4D3QAeA94AHgPfAB4D4AAeA+EAHgPiAB4D4wAeA+QAHgPlAB4D5gAeA+cAHgPoAB4D6QAeA+oAHgPrAB4D7AAeA+8AHgPwAB4D8QAeA/IAHgPzAB4D9AAeA/UAHgP2AB4D9wAeA/gAHgP6AB4D+wAeA/wAHgP9AB4D/gAeA/8AHgQAAB4EAQAeBAIAHgQFAB4EBgAeBAcAHgQIAB4ECQAeBAoAHgQLAB4EDAAeBA0AHgQOAB4EDwAeBBAAHgQRAB4EEgAeBBMAHgQUAB4EFQAeBBYAHgQXAB4EGAAeBBkAHgQaAB4EGwAeBBwAHgQdAB4EHgAeBB8AHgQgAB4EIQAeBCIAHgQjAB4EJAAeBCUAHgQmAB4EJwAeBCgAHgQpAB4EKgAeBCsAHgQsAB4ELQAeBC4AHgQvAB4EMAAeBDEAHgQyAB4EMwAeBDQAHgQ1AB4ENgAeBDcAHgQ4AB4EOQAeBDoAHgQ7AB4EPAAeBD0AHgQ+AB4EPwAeBEAAHgRBAB4EQgAeBEMAHgREAB4ERQAeBEYAHgRHAB4ESAAeBEkAHgRKAB4ESwAeBEwAHgRNAB4ETgAeBE8AHgRQAB4EUQAeBFIAHgRTAB4EVAAeBFUAHgRWAB4EVwAeBFgAHgRZAB4EWgAeBFsAHgRcAB4EXQAeBF4AHgRfAB4EYAAeBGEAHgRiAB4EYwAeBGQAHgRlAB4EZgAeBGcAHgRoAB4EaQAeBGoAHgRrAB4EbAAeBG0AHgRuAB4EbwAeBHAAHgRxAB4EcgAeBH8AHgSAAB4EgQAeBIIAHgSDAB4EhAAeBIUAHgSGAB4EhwAeBIgAHgSJAB4EigAeBIsAHgSMAB4EjQAeBI4AHgSPAB4EkAAeBJEAHgSSAB4EkwAeBJQAHgSVAB4ElgAeBJcAHgSYAB4EmQAeBJoAHgSbAB4EnAAeBJ0AHgSeAB4EnwAeBKAAHgShAB4EogAeBKMAHgSkAB4EpQAeBKYAHgSnAB4EqAAeBKkAHgSqAB4EqwAeBKwAHgStAB4ErgAeBK8AHgSwAB4EsQAeBLIAHgSzAB4EtAAeBLUAHgS2AB4EtwAeBLkAHgS6AB4EvAAeBL0AHgS+AB4EvwAeBMAAHgTBAB4EwgAeBMMAHgTEAB4ExgAeBMcAHgTIAB4EyQAeBMsAHgTMAB4EzgAeBM8AHgTQAB4E0QAeBNIAHgTTAB4E1QAeBNYAHgTXAB4E2QAeBNoAHgTbAB4E3QAeBN4AHgTfAB4E4QAeBOQAHgTlAB4E5gAeBOcAHgACAhAAFAITABQAAwAPABQAEQAUAhgAFAHMAAUAPAAKADwADAAyAA4ADwAQAA8AIAAPAEAAMgBfAAoAYAAyAGgACgCZAA8AuQAPAgoADwILAA8CDAAPAg0ADwIOAA8CDwAeAhAAMgISAB4CEwAyAhcADwJDADcCRAA3AlUADwJ5AAoCegAKAn4ABQKHAA8CiAAPAokAFAKLAAoCjQAKAo4ADwKPAAoCkQAPApIADwKTAAoClAAPApX/+wKWAAoCmAAPApoABQKbAAUCnP/7Ap3/+wKeAA8CnwAKAqAADwKiAA8CowAPAqQABQKlAAUCpgAFAqcADwKp//sCqgAPAsoADwLLAA8CzAAUAs0ADwLPAA8C0P/7AtMABQLdACgC6gAPAuwAFALtAA8C7wAKAvAADwLyAA8C9AAFAvUAKAL9AA8C/gAPAwIADwMDAA8DBAAPAwUAFAMIAA8DCQAKAwv/+wMOAA8DEAAFAxH/+wMS//sDEwAPAxQACgMVAA8DFwAFAxgADwMa//sDGwAPAx0ADwMeAA8DHwAUAyAADwMh//sDIwAKAycADwMuAAUDLwAKAzH/+wMy//sDMwAKAzQACgM7AA8DPAAPAz4ADwNDAA8DRAAPA0YADwNHAA8DSAAPA0kADwNMAA8DTgAPA08ADwNRAAoDUgAFA1MABQNUAAUDVgAPA1cADwNYAA8DWQAPA1oADwNeAA8DXwAPA2AADwNhAA8DYgAUA2MAFANkABQDZQAUA2YAFANoAA8DaQAPA2oADwNsAAoDbQAKA24ACgNvAAoDcAAKA3EACgN0AAoDdQAKA3YACgN3AAoDeQAKA3oACgN7AAoDfAAKA30ABQN+AAUDfwAFA4AABQOBAAUDggAFA4MABQOEAAUDhQAFA4YABQOHAAUDiAAFA4kABQOKAAUDiwAFA4wABQONAAUDjgAFA48ABQOQ//sDkQAPA5IADwOTAA8DlAAPA5UADwOWAA8DlwAPA5gADwOZAA8DmgAPA5sABQOcAAUDnQAFA54ABQOfAAUDoAAFA6H/+wOi//sDo//7A6T/+wOlAA8DpgAPA6cADwOoAA8DqQAPA6oADwOrAA8DrAAPA64ADwOvAA8DsAAPA7EADwOyAA8DswAPA7QADwO2AA8DtwAPA7gADwO5AA8DugAPA7sADwO8AA8DvQAPA74ADwO/AA8DwAAPA8EADwPCAA8DwwAP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AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/xAAAAAAAA//gAAAAA//YAAAAAAAAAAAAAAAAAAAAAAAD/7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/Y//EAFgAA/90ABAAU/+L/4gAMAAAAGf/8//EACgAU/9MAAP/Y/+z/8QAA//sAAP/Y//EAAP/T//QAAP/iAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//QAAAAAAAUAAAAAAAz/9gAAAAAAAAAK//YAAAAA//T/8f/2//z/9gAAAAUAAAAAAAUAAP/7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/2AAAAAD/7P/OAAAAAP/dAAD/8wAAAAAAAP/sAAD/9AAAAAD/+f/2AAD/+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+P/iAAr/+wAAAAAACAAAAAAAAAAA//EAAAAAAAAAAAAFAAAAAAAAAAAABQAAAAAABv/2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/4AAD/0wAAAAD/7P/TAAAAAP/sAAAAAAAAAAAAAAAAAAD//AAAAAAAAAAA//v/+wAA//kAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/2AAAAAD/7P/LAAAAAP/iAAD/8wAAAAAAAP/sAAD/8wAAAAD/+wAAAAD/+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAF//b/8QAAAAX/7P/iAAj/+wAAAAAAAAAAAAAAAAAA/+r/7//8//n/9AAAAAAAAAACAAD/+wAAAAAAAP/0//b/9gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/2AAD/zgAAAAD/7v/O//YAAP/iAAD/8QAAAAAAAP/sAAD/8wAAAAD/+v/x//b/7AACAAD/+AAAAAD//AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/EAAAAAAAA/9j/+//x/87/8QAAAAAAFAAAAAAAAAAU/+0AEP/0AAAADgAK/+wAAP/x//YAAP/2AAAAAwAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/4gAAAAD/7P/YAAUAAP/2AAD/+AAAAAAAAP/2AAX/8QAAAAD/+wAAAAD/+wAKAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/+wAAAAD/+//nAAAAAAAAAAAACgAAAAAAAAAA//oAAAAAAAAAAAAA//sAAAAAAAAAAAAAAAAABwAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/OAAAAAAAA/+IAAP/2/9gAAAAAAAAABQAAAAAAAAAA//sACAAAAAAABQAA//gAAP/2AAD/+//5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//b/+f/4AAD/+wAAAAAAAAAAAAD/+wAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA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/+IAAAAAAAAABQAAAAAAAAAAAAAABQAAAAAAAAAA/+wAAAAAAAD/+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/2AAAAAD/7P/OAAAAAP/iAAD/9AAAAAAAAP/sAAD/8QAAAAD//AAAAAD/+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//EAHgAA/9gAGQAjAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAA//sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/+IADwAAAAAADwAAAAAAAP/sAAAAAP/xAAAAAP/2AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/3QAAAAD/+P/dAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//v//QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/OAAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP/sAAD/+wAA//sAAP/xAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACABBAAAAMgAZAAAANwAAAAAAAAAAAAAAAAAjAAAAAAAAAAAANwAAAAAAAAAAAAAAAAAAAAAADAAKAAcAAAAZAAUADwAMAAoADwAOAAgAKAAPAAsAEQAPAA8ACgAFAA8ACgAEAAAADwAFABQAAAAAAAAAAAAAAAAAAAAAAA8ADwBBAAAAMgAAAAAANwAAAAAAAAAAAAAAAAAoAAAAAAAAAAAANwAAAAAAAAAAAAAAAAAAAAUADwAA//sAFP/8AAD/9gAAAAoABAAKAAoAKAAAAAgADwAHAAUADwAIAAoACgAIAAAAAP/7ABQAAAAAAAAAAAAAAAAAAAAA//sAIwBBAAAAKAAAAAAANwAAAAAAAAAAAAAAAAAeAAAAAAAAAAAALQAAAAAAAAAAAAAAAAAA//YACgAAAAAABAAKAAoAAAAKAA0ACQAIAAAAKAAKAA8AGQAPAAoACgAKAAoAEgAKAAAAAAAIABQAAAAAAAAAAAAAAAAAAAAAAAAAAAA8AAAAKAAAAAAAMgAAAAAAAAAAAAAAAAAeAAAAAAAAAAAAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAAAAAADwBBAAAAMgAAAAAANwAAAAAAAAAAAAAAAAAeAAAAAAAAAAAAMgAAAAAAAAAAAAAAAAAA//YABgAHAAAABwAQAAoABQANABQADAAKAAAAKAAHAAwAGAAKAAAADAAKAA8AFQAMAAAADwAFABQAAAAAAAAAAAAAAAAAAAAA//YAHgBBAAAAPAAAAAAANwAAAAAAAAAAAAAAAAAyAAAAAAAAAAAANwAAAAAAAAAAAAAAAAAA/+IAFAAKAA//7AAZAA8ACgAZAB4ACgAP//sAAAAUABQAFAAOAAUADwAIAAoAFAAPAAoAHgAeABQAAAAAAAAAAAAAAAAAAAAAABQAAABBAAAAMgAUAAAANwAAAAAAAAAAAAAAAAAeAAAAAAAA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ADAAMQAxADEANAA1AC8ANgAxADEAMQA3ADEAMQAxADEAMgAxADEAMQAxADkAOQAxADUANQAxADEAMQAxADgAAAAAAAAAAAAxAAAAMQAAAAAAAAAAAAAAAAAAAAAAMQAxADEAMQAAAAAAMQAAAAAAAAAAAAAAAAAAAAAAMgAxADEAMQAAADYAMgAxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6AAAAAAAAAAAAAAAAADEAMQAxADEAMQAxADEAMQAxADEAAAAAADEAMQAxADEAMAA6AAAAAAAAAAAAAAAAAAAAMgAAAAAAAAAxADEAMgAxADEAMQAxADEAMQAxADEAMQAxADcAMQAxADEAMgAxADEAMQAxADEAMQAxADEAMQA4AAAAMQAxADEAAAAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQAAADMAMwAzADEANAA0ADEANAA1ADEALwAAADEANgAxADcAAAA3ADcANwA3ADEAMQA3ADEAMQAxADIAMQAxADEAMQA0ADEAMQAxADEAMQAxADEAMQA0AC8AMQAxADEAMQAxADEAMQAwADEAMQAxADEAMQAyADEAMQAxADEAMQAxADEAMQAxADEAMQAyADEAMQAxADEAMQAxADEAMQAxADcANwAxADEAMQAxADEAMQAxADgAAAAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQA3ADEALwAxADIAMQAxADEAMgAxADEAMQAxADEAMQAxADEAMgAxADEAMQAxADQAMQAyADEANwAxADEAMgAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEANwAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADAAMQAxADEAMgAxADEANAAvADEANwAxADEAMQAxADEAMQAxADEAAAAxADQANQAvADYAMQAxADEAMQAyADEAMQAxADEAMQAyADEAMQAxADEAMQAxADEAMQAxADEAMQAyADEAMQAwADEANAAvADEAMQA3ADEAMQAxADIAMQAxADEAMQAxADEAAAAwADQAMQAxADEAMgAxADEAMQAxADEAMQAxADQAMQAxADEAMgAxADEAMQAxADEALwAxADcAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADcAMQAxADIAMQAxADEAMQAxADEAMQAxADgAMQAyADEAMQAxADEANAA1AC8ANgAxADEANwAxADIAMQAxADEAMQAxADEAMQAxADgAMQAxADUALwAxADEAMQA4ADIAMQAAADQAMQAxADEAMQAxADEAMQAyADIANAA1ADEAMQAyADEAMQAxADEAMgAxADEANAAxADEANwAxADEAMgAxADEAMQAxADEAMQA4ADgAMQAxADgAOAAxADIAMQAxADIAMgAxADEAMQAxADEAMQAxADEAMQAxADEAMgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMQAxAAAAAAAAADEAMQAxADEAMQAxADEAMQAxADEAAAAAAAAAAAAAADEAMQAxADEAMQAAAAAAAAAAAAAAAAAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAMQAxADEAAQAFBOMACgAAAAAAIgAAAAoAAAAbAAAACQAIAAkACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQANAAAACQAAAAAAAAAFAAAAAgAAAAAAAAACAAAAAAABAAAAAAAaAAAAAgAAAAIAAAAYAAMABAAAAAYAAAAHABcAAAAAABsAAAAAAAAAGQAAABEAEQARAAAAEwAAAB0AIAAAAAAAHAAcABEAHAARABwAHwAhABQAEgAVAAAAEgAeAAAAPgAbAAAAAAAAAAAAAAAAAAAAPgAAAAAADgALAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAAAQABAAAAAAAAUABQAFAAUABQAFAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAgACAAIAAgAJAAIABAAEAAQABAAHAAAAAAAZABkAGQAZABkAGQAZABEAEQARABEAEQAdAB0AHQAdABEAAAARABEAEQARABEACQARABQAFAAUABQAEgAAABIABQAZAAUAGQAFABkAAgARAAIAEQACABEAAgARAAAAEQAAABEAAAARAAAAEQAAABEAAAARAAAAEQACABMAAgATAAIAEwACABMAAAAAAAAAAAAAAB0AAAAdAAAAHQAAAB0AAQAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAAAHAAAABwAHAACABEAAgARAAAAAAAAABwAAAAcAAAAHAAYAB8AGAAfABgAHwAYAB8AAwAhAAMAAAAEAAAABAAUAAQAAAAEABQABAAUAAQAFAAGABUABwASAAcAFwAeABcAHgAXAB4AAAAAAAIAEQAAABQABQAZAAAAHQACABEABAAUAAQAFAAEABQABAAUAAQAFAACABMAGAAfAAMAAAABABEAAAATAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABEAAAARAAIAEwAAAAAAAAAAAAAAAAAAAAAAAAAAABoAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAB8AAAAfAAMAIQADACEABgAVAAYAFQAGABUABwASABcAHgAhAAAABQAZAAUAGQAFABkABQAZAAUAGQAFABkABQAZAAUAGQAFABkABQAZAAUAGQAFABkAAAARAAAAEQAAABEAAAARAAAAEQAAABEAAAARAAAAEQAAAB0AAAAdAAIAEQACABEAAgARAAIAEQACABEAAgARAAIAEQACABEAAgARAAIAEQACABEAAgARAAQAFAAEABQAAAAUAAAAFAAAABQAAAAUAAAAFAAHABIABwASAAcAEgAHABIAAAAJAAkACQAJAAkAFgAMAAAAFgAMAAAAAAAAAAkACAAiAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgAPAA8AAAAAABAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAjACMAIwAkACQAIwAjADEAOgAlACUAJQAlACMAIwAjACMAMgAsADMANAAkACYANQAnACQAAAA2ADYAJAA2ACoANwAoADYANAApACkAKgAqADIAOAA5ACsALAAsADoAOgA6ADIALQAqACwALgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyACwAMwAnAAAANgAqACsAMQA6AAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAIwAjACMAIwAjACMAJwArADMAJwAAACQAMgAvACcAAAA6ADAAAAAAAAAAAAAAAAAALgAsACwAPQAuAC8AJwAyACwAMwA0ACYAJwAkAAAAKgAxACgANgA0ACkAKgAqADIAOAA5ACsAOgAyAD0AKgAsAC4AMgAsADMAJwAqACsANQA7ADsAOwA2AAAAAAAAAAAAAAA0ACkAOAA9ACoAKgA1ADUAAAAAAAAAAAA7ADsANgA2ADsANgA7AAAAAAA7ADYANgAuACcANgA2ACcAAAA0ADYALwAyADIAAAA3ACkAKQApAAAAMgAyADIAMgAyAC8ALwAvADIAMgAyADIAMwAzADMAMwAzACYAJwAnACcAAAA3ADcANwA3ADcANwA8ADwANwA3ADcANwAxADcANwA3ADcAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQAqADIAMgAyADIAOQA5ADkAOQA5ADkAOgA6ADoAOgA6ADoAKgAqACoAKgAsACwALAAsACwALAAsACwALgAyADIAMgAyADIAMgAyADwAMgAyADIAMgAyADIAMgAyADIAMgAyACwALAAsACwALAAsACwAMwAzADMAMwAzADMAMwAzADMAMwAzADMAMwAzADQANAA0ACYAJgAmACYAJgAnACcAJwAnACcAJwAnACcAJwAnACcAJwAkACQAJAAAAAAAKgAqACoAKgAqACoAKgAqADcANwA8ADcANwA3ADcANwA3ADcANwA3ACgAKAA0ADQANAA0ACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACkAKQApACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqACoAKgAqADIAMgAyADIAMgAyADIAMgAyADIAMgAyADIAMgAyADgAOAA4ADkAOQA5ADkAOQA5ADkAOQA5ADkAOQA5ADkAOQArADoAOgA6ADoAOgA6ADoAOgA6ADoAOgA6ADoAOgA6ADoAOgA6ADoAOgA6ADoAOgA6ADoAOgAyADIAMgAyADIALQAtAC0ALQAtAD0ALQAtAC0ALQAtAC0AKgAqACoAKgAqACoAKgAqACoAKgAsACwALAAsACwALAAsACwALAAsACwALAAsACwALAAsAC4ALgAuAC4ALgAuADIAMgAyADIAMgAyACwALAAsACwALAAsACcAJwAqACoAKgAqADIALAAzADQAJgAnACQAAAAqADcAKAA0ACkAKQAqACoAMgA4ADkAKwAAADoAOgA6ADIALQAqACwAAAAyACwAMwAnACoAKwAvACcAMgA0ADEANAAqADIAPQAqACwAMwAAADgALwA8ACkAKQA5ADoAAAABAAAACgGIBWQABERGTFQAGmRldjIAQGRldmEAzGxhdG4BWAAEAAAAAP//AA4AAAAIABYAHgAmADQAQABIAFAAWwBjAGsAcwB7ABAAAkhJTiAAOE1BUiAAYgAA//8AEQABAAkAEAAXAB8AJwAuADUAQQBJAFEAWABcAGQAbAB0AHwAAP//ABIAAgAKABEAGAAgACgALwA2ADwAQgBKAFIAWQBdAGUAbQB1AH0AAP//ABIAAwALABIAGQAhACkAMAA3AD0AQwBLAFMAWgBeAGYAbgB2AH4AEAACSElOIAA4TUFSIABiAAD//wARAAQADAATABoAIgAqADEAOABEAEwAVABfAGcAbwB3AH8AgwAA//8AEgAFAA0AFAAbACMAKwAyADkAPgBFAE0AVQBgAGgAcAB4AIAAhAAA//8AEgAGAA4AFQAcACQALAAzADoAPwBGAE4AVgBhAGkAcQB5AIEAhQAEAAAAAP//AA4ABwAPAB0AJQAtADsARwBPAFcAYgBqAHIAegCCAIZhYnZzAyZhYnZzAyZhYnZzAyZhYnZzAyZhYnZzAyZhYnZzAyZhYnZzAyZhYnZzAyZha2huAzZha2huAzZha2huAzZha2huAzZha2huAzZha2huAzZha2huAzZha2huAzZibHdmAzxibHdmAzxibHdmAzxibHdmA0JibHdmA0JibHdmA0JibHdzA0hibHdzA0hibHdzA0hibHdzA0hibHdzA0hibHdzA0hibHdzA0hibHdzA0hjamN0A1JjamN0A1JjamN0A1JjamN0A1JjamN0A1JjamN0A1JjamN0A1JjamN0A1JmcmFjA1hmcmFj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AAEABAS+AAICvwABAAQEvwACAr8AAQAEBMAAAgK/AAEABATBAAICvwABAAQEwgACAr8AAQAEBMMAAgK/AAEABATEAAICvwABAAQExQACAr8AAQAEBMYAAgK/AAEABATHAAICvwABAAQEyAACAr8AAQAEBMkAAgK/AAEABATKAAICvwABAAQEywACAr8AAQAEBMwAAgK/AAEABATOAAICvwABAAQEzwACAr8AAQAEBNAAAgK/AAEABATRAAICvwABAAQE0gACAr8AAQAEBNMAAgK/AAEABATUAAICvwABAAQE1QACAr8AAgAJAocCigAAAowCjAAEAo4CkAAFApUClwAIApkCoQALAqMCqgAUAsoCzQAcAtAC0QAgAvEC8gAiAAQAAAABAAgAAQGKACIASgBUAF4AaAByAHwAhgCQAJoApACuALgAwgDMANYA4ADqAPQA/gEIAYABEgF2ARwBJgEwAToBRAFOAVgBYgFsAXYBgAABAAQDAwACBOwAAQAEAwQAAgTsAAEABAMFAAIE7AABAAQDBgACBOwAAQAEAwcAAgTsAAEABAMIAAIE7AABAAQDCQACBOwAAQAEAwoAAgTsAAEABAMLAAIE7AABAAQDDAACBOwAAQAEAw0AAgTsAAEABAMOAAIE7AABAAQDDwACBOwAAQAEAxAAAgTsAAEABAMRAAIE7AABAAQDEgACBOwAAQAEAxMAAgTsAAEABAMUAAIE7AABAAQDFQACBOwAAQAEAxYAAgTsAAEABAMYAAIE7AABAAQDGgACBOwAAQAEAxsAAgTsAAEABAMcAAIE7AABAAQDHQACBOwAAQAEAx4AAgTsAAEABAMfAAIE7AABAAQDIAACBOwAAQAEAyEAAgTsAAEABAMiAAIE7AABAAQDGQACBOwAAQAEAxcAAgTsAAIACgKHAooAAAKMAowABAKOApAABQKVApoACAKcAqEADgKkAqQAFAKnAqsAFQLKAs0AGgLQAtEAHgLzAvQAIAAEAAAAAQAIAAEAfgAKABoAJAAuADgAQgBMAFYAYABqAHQAAQAEBNYAAgTsAAEABATfAAIE7AABAAQE1wACBOwAAQAEBNgAAgTsAAEABATZAAIE7AABAAQE4QACBOwAAQAEBNsAAgTsAAEABATcAAIE7AABAAQE3QACBOwAAQAEBN4AAgTsAAEACgSxBLMEtAS6BLwEwgTJBMoEywTMAAQAAAABAAgAAQBuAAQADgAmADQAYgACAAYAEANPAAQEzAS/AqQDTgADBMwDEQABAAQDUQAEBMwEvQKhAAQACgAUAB4AJgNSAAQEwATGAqEDVAAEBMwEwwKhA1AAAwTMAwMDUwADBNgCoQABAAQDTQADBMMCoQABAAQEsQS6BL0E1AAEAAAAAQAIAAED0AAbADwAQABEAEgAWABcAHAAdADMEfYA9gEUAa4BugJsAngCqgLiAxYDQAOEA54DqAOyA7wSRgPGAAEPiAABD7YAAQ/mAAEABAMmAAUCvwKTAr8CoQABEBgABBBYAAoQfBCGAykABAK/BLwCoQABEUwACQAUABwAJAAsADQAPABEAEwAUgNWAAMEugKhA1gAAwS6AqcDWgADBMkCoQNeAAMEzAKRA18AAwTMApMDYAADBMwClgNhAAMEzAKcA1cAAgMMA1kAAgMRAAQACgASABoAIgNjAAMEvAKhA2IAAwS8AqcDZAADBL0CoQNlAAMEwgKhAAMACAAQABgDaQADBLYCoQNqAAMEtgKnA2gAAgLyABAAIgAqADIAOgBCAEoAUgBaAGIAagByAHoAggCIAI4AlANsAAMEsQKhA24AAwSxAqcDcAADBLICmgNyAAMEugKhA3MAAwS6AqcDdAADBL0CoQN2AAMEvwKkA3cAAwTDAqEDegADBMwCmgN5AAMEzAKdA3sAAwTMAqEDfAADBMwCpwNvAAIC8QNtAAIDAwNxAAIDBAN1AAIDEQABAAQDLQADBL0CoQAUEFAQWgAqADIAOgBCAEoAUgBaAGIAagByAHoAggCKAJIAmgCgAKYArAN9AAMEsQKqA34AAwS6AqEDgAADBLoCqgOBAAMEuwKhA4IAAwS7AqcDhQADBLwCoQOHAAMEvAKnAy4AAwS9AqEDiQADBMICoQOKAAMEwgKnA4sAAwTDAqEDjAADBMkCqwONAAMEzAKRA44AAwTMAqEDfwACAwwDgwACAw4DhgACAw8DiAACAxEAAQAEA5AAAwS6AqEABQAMABQAHAAkACwDkQADBLYCoQOSAAMEvAKnA5QAAwTGAqEDVQADBMwCkQOTAAIDFAAGAA4AFgAeACYALAAyA5YAAwTBAqEDmAADBMICoQOaAAMEwgKnA5UAAgMRA5cAAgMTA5kAAgMUAAYPQAAOABYAHgAmAC4DmwADBLECoQOcAAMEuwKhA54AAwTGAqEDnwADBMkCkwOdAAIDDgAGDxwPJgAOABYAHgAkA6IAAwS5AqEDpAADBMMCoQOhAAIDAwOjAAIDEQAHABAAGAAgACgAMAA4AD4DpgADBLECpwOnAAMEugKhA6kAAwS6AqcDqgADBLsCoQOsAAMEwwKhA6gAAgMMA6sAAgMRAAMACAAOABQDWwACAqADXAACAqEDXQACAqcAAQAEA2sAAgKhAAEABAN4AAICoQABAAQDMAACAqEAAQAEA2YAAgKhAAEABAMvAAICoQABABsCjQKRApICkwKUApgCqwSxBLMEtQS2BLoEvAS9BL8EwQTDBMYEywTMBNQE1QTYBNwE3wTgBOEABAAAAAEACAABCMAAJQt+AFAAVgBgDDQAZgBsAIAAjgEsAWYB2AHyAhwCfgKYAqoC7ANOA2ADggQsBJIE3AVWBXAF4gXsBq4GwAbqB0wHnggoCFoIjAieAAILeAuAAAQLmguiC6oLsgACC8QLzAACDA4MFgAJDG4Mdgx+DIYMjgyWDJ4MpgyuAAYNNA08DUQNTA1UDVwAFQAsADIAOAA+AEQASgBQAFYAXABiAGgAbgB0AHoAgACGAIwAkgCYHrAetgOuAAIChwOvAAICiAOwAAICjAOxAAICjgOyAAICjwOzAAICkQO0AAIClQO1AAIClgO2AAIClwO3AAICmAO4AAICmgO5AAICnAO6AAICnQO7AAICoAO8AAICoQO9AAICpAO+AAICpwO/AAICqAPAAAICqgAHABAAFgAcACIAKAAuADQDwQACAogDwgACApYDwwACApoDxAACAqADxQACAqEDxgACAqcDxwACAqgADgAeACQAKgAwADYAPABCAEgATgBUAFoAYABmAGwDyAACAokDyQACAooDygACAo4DywACApUDzAACApgDzQACApkDzgACApoDzwACAp4D0AACAp8D0QACAqAD0gACAqED0wACAqQD1AACAqcD1QACAqoAAwAIAA4AFAPWAAICmgPXAAICoAPYAAICoQAFAAwAEgAYAB4AJAPZAAICjAPaAAICjQPbAAICmgPcAAICoAPdAAICoQAMABoAIAAmACwAMgA4AD4ARABKAFAAVgBcA94AAgKHA98AAgKOA+AAAgKPA+EAAgKRA+IAAgKTA+MAAgKWA+QAAgKYA+UAAgKaA+YAAgKeA+cAAgKgA+gAAgKhA+kAAgKnAAMACAAOABQD6gACApoD6wACAqAD7AACAqEAAgAGAAwD7QACAo0D7gACAqgACAASABgAHgAkACoAMAA2ADwD7wACApED8AACApID8QACApMD8gACApQD8wACApUD9AACAqAD9QACAqED9gACAqcADAAaACAAJgAsADIAOAA+AEQASgBQAFYAXAP3AAIChwP4AAICiAP5AAIClgP6AAIClwP7AAICmgP8AAICnAP9AAICnQP+AAICoAP/AAICoQQAAAICpAQBAAICpwQCAAICqgACAAYADAQDAAICoQQEAAICpwAEAAoAEAAWABwEBQACApoEBgACAqAEBwACAqEECAACAqcAFQAsADIAOAA+AEQASgBQAFYAXABiAGgAbgB0AHoAgACGAIwAkgCYAJ4ApAQJAAIChwQKAAICiQQLAAICjAQMAAICjQQNAAICjgQOAAICkQQPAAICkwQQAAIClgQRAAIClwQSAAICmAQTAAICmQQUAAICmgQVAAICnAQWAAICnQQXAAICnwQYAAICoAQZAAICoQQaAAICpwQbAAICqAQcAAICqgQdAAICqwAOAB4AJAAqADAANgA8AEIASABOAFQAWgBgGy4bNAQeAAICjQQfAAICkQQgAAIClgQhAAICmgQiAAICnAQjAAICnQQkAAICoAQlAAICoQQmAAICpAQnAAICpwQoAAICqAQpAAICqgAJABQAGgAgACYALAAyADgAPgBEBCoAAgKOBCsAAgKRBCwAAgKWBC0AAgKXBC4AAgKcBC8AAgKdBDAAAgKhBDEAAgKkBDIAAgKoAA8AIAAmACwAMgA4AD4ARABKAFAAVgBcAGIAaABuAHQEMwACAo4ENAACAo8ENQACApMENgACApYENwACApgEOAACApkEOQACApoEOgACAp4EOwACAp8EPAACAqEEPQACAqQEPgACAqcEPwACAqgEQAACAqoEQQACAs0AAwAIAA4AFARCAAICoQRDAAICpAREAAICpwAOAB4AJAAqADAANgA8AEIASABOAFQAWgBgAGYAbARFAAIClgRGAAICmARHAAICmgRIAAICnARJAAICnQRKAAICngRLAAICnwRMAAICoARNAAICoQROAAICpARPAAICpwRQAAICqARRAAICqgRSAAICqwABAAQEUwACAqEAGAAyADgAPgBEAEoAUABWAFwAYgBoAG4AdAB6AIAAhgCMAJIAmACeAKQAqgCwALYAvARUAAIChwRVAAICiARWAAICiQRXAAICjARYAAICjgRZAAICkQRaAAICkgRbAAICkwRcAAIClARdAAIClgReAAIClwRfAAICmARgAAICnARhAAICnQRiAAICngRjAAICnwRkAAICoARlAAICoQRmAAICpARnAAICpwRoAAICqARpAAICqgRqAAICqwRrAAICzQACAAYADARsAAICoQRtAAICpQAFAAwAEgAYAB4AJARuAAICkwRvAAICoQRwAAICpARxAAICpwRyAAICqwAMABoAIAAmACwAMgA4AD4ARABKAFAAVgBcBHMAAgKHBHQAAgKMBHUAAgKNBHYAAgKRBHcAAgKWBHgAAgKaBHkAAgKgBHoAAgKhBHsAAgKkBHwAAgKnBH0AAgKoBH4AAgLKAAoAFgAcACIAKAAuADQAOgBAAEYATAR/AAIChwSAAAICkQSBAAICkgSCAAIClQSDAAICnASEAAICnQSFAAICoASGAAICoQSHAAICpwSIAAICqQARACQAKgAwADYAPABCAEgATgBUAFoAYABmAGwAcgB4AH4AhASJAAIChwSKAAICiASLAAICjgSMAAICkQSNAAIClgSOAAIClwSPAAICmASQAAICmgSRAAICnASSAAICnQSTAAICngSUAAICoASVAAICoQSWAAICpASXAAICpwSYAAICqgOlAAIDAwAGAA4AFAAaACAAJgAsBJ8AAgKWBKAAAgKdBKEAAgKeBKIAAgKgBKMAAgLKBKQAAgLQAAYADgAUABoAIAAmACwEpQACApYEpgACAqAEpwACAqEEqAACAqcEqQACAqgEqgACAqoAAgAGAAwEqwACAqEErAACAs0ABAAKABAAFgAcBK0AAgKWBK4AAgKqBK8AAgLNBLAAAgLQAAIACwKLAosAAAKNAo0AAQKRApQAAgKYApgABgKrAqsABwSxBL0ACAS/BMQAFQTGBMcAGwTJBMwAHQTOBM8AIQTRBNIAIwAEAAAAAQAIAAEASgAFABAAGgAsADYAQAABAAQE4wACBLoAAgAGAAwE5AACBMIE5QACBMwAAQAEBOYAAgTCAAEABATnAAIEwgABAAQE4gACBMMAAQAFBLoEvQTDBMYE1AAG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");
+    }
+    </style></defs><g><g><use xlink:href="#bI6Nf60N9" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a8FFhKgd0c" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a9qyl7Isz" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#a1kzUBS4Ji" opacity="1" fill="#f9ad00" fill-opacity="1"></use></g><g><use xlink:href="#e7QCwVpLSq" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#c2ueZ9Eij" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#a5ceqftta" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g><use xlink:href="#k81mfCtuC4" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g><g id="dcCjbXu4M"><use xlink:href="#aVpRxCdSG" opacity="1" fill="#4e4e4e" fill-opacity="1"></use></g></g></svg>
\ No newline at end of file
diff --git a/readme_files/python.svg b/readme_files/python.svg
new file mode 100644
index 0000000..366f52f
--- /dev/null
+++ b/readme_files/python.svg
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://web.resource.org/cc/"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="110.4211"
+   height="109.8461"
+   id="svg2169"
+   sodipodi:version="0.32"
+   inkscape:version="0.45.1"
+   version="1.0"
+   sodipodi:docbase="/home/bene/Desktop"
+   sodipodi:docname="dessin-1.svg"
+   inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs
+     id="defs2171">
+    <linearGradient
+       id="linearGradient11301"
+       inkscape:collect="always">
+      <stop
+         id="stop11303"
+         offset="0"
+         style="stop-color:#ffe052;stop-opacity:1" />
+      <stop
+         id="stop11305"
+         offset="1"
+         style="stop-color:#ffc331;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="168.1012"
+       x2="147.77737"
+       y1="111.92053"
+       x1="89.136749"
+       id="linearGradient11307"
+       xlink:href="#linearGradient11301"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient9515"
+       inkscape:collect="always">
+      <stop
+         id="stop9517"
+         offset="0"
+         style="stop-color:#387eb8;stop-opacity:1" />
+      <stop
+         id="stop9519"
+         offset="1"
+         style="stop-color:#366994;stop-opacity:1" />
+    </linearGradient>
+    <linearGradient
+       gradientUnits="userSpaceOnUse"
+       y2="131.85291"
+       x2="110.14919"
+       y1="77.070274"
+       x1="55.549179"
+       id="linearGradient9521"
+       xlink:href="#linearGradient9515"
+       inkscape:collect="always" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.24748737"
+     inkscape:cx="-260.46312"
+     inkscape:cy="316.02744"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     width="131.10236px"
+     height="184.25197px"
+     inkscape:window-width="872"
+     inkscape:window-height="624"
+     inkscape:window-x="5"
+     inkscape:window-y="48" />
+  <metadata
+     id="metadata2174">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-473.36088,-251.72485)">
+    <g
+       id="g1894"
+       transform="translate(428.42338,184.2561)">
+      <path
+         style="opacity:1;color:#000000;fill:url(#linearGradient9521);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"
+         d="M 99.75,67.46875 C 71.718268,67.468752 73.46875,79.625 73.46875,79.625 L 73.5,92.21875 L 100.25,92.21875 L 100.25,96 L 62.875,96 C 62.875,96 44.9375,93.965724 44.9375,122.25 C 44.937498,150.53427 60.59375,149.53125 60.59375,149.53125 L 69.9375,149.53125 L 69.9375,136.40625 C 69.9375,136.40625 69.433848,120.75 85.34375,120.75 C 101.25365,120.75 111.875,120.75 111.875,120.75 C 111.875,120.75 126.78125,120.99096 126.78125,106.34375 C 126.78125,91.696544 126.78125,82.125 126.78125,82.125 C 126.78125,82.124998 129.04443,67.46875 99.75,67.46875 z M 85,75.9375 C 87.661429,75.937498 89.8125,78.088571 89.8125,80.75 C 89.812502,83.411429 87.661429,85.5625 85,85.5625 C 82.338571,85.562502 80.1875,83.411429 80.1875,80.75 C 80.187498,78.088571 82.338571,75.9375 85,75.9375 z "
+         id="path8615" />
+      <path
+         id="path8620"
+         d="M 100.5461,177.31485 C 128.57784,177.31485 126.82735,165.1586 126.82735,165.1586 L 126.7961,152.56485 L 100.0461,152.56485 L 100.0461,148.7836 L 137.4211,148.7836 C 137.4211,148.7836 155.3586,150.81787 155.3586,122.53359 C 155.35861,94.249323 139.70235,95.252343 139.70235,95.252343 L 130.3586,95.252343 L 130.3586,108.37734 C 130.3586,108.37734 130.86226,124.03359 114.95235,124.03359 C 99.042448,124.03359 88.421098,124.03359 88.421098,124.03359 C 88.421098,124.03359 73.514848,123.79263 73.514848,138.43985 C 73.514848,153.08705 73.514848,162.6586 73.514848,162.6586 C 73.514848,162.6586 71.251668,177.31485 100.5461,177.31485 z M 115.2961,168.8461 C 112.63467,168.8461 110.4836,166.69503 110.4836,164.0336 C 110.4836,161.37217 112.63467,159.2211 115.2961,159.2211 C 117.95753,159.2211 120.1086,161.37217 120.1086,164.0336 C 120.10861,166.69503 117.95753,168.8461 115.2961,168.8461 z "
+         style="opacity:1;color:#000000;fill:url(#linearGradient11307);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible" />
+    </g>
+  </g>
+</svg>
diff --git a/readme_files/storybook.svg b/readme_files/storybook.svg
new file mode 100644
index 0000000..fd543a6
--- /dev/null
+++ b/readme_files/storybook.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="-31.5 0 319 319" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+    <defs>
+        <path d="M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z" id="path-1">
+
</path>
+    </defs>
+		<g>
+				<mask id="mask-2" fill="white">
+						<use xlink:href="#path-1">
+
</use>
+				</mask>
+				<use fill="#FF4785" fill-rule="nonzero" xlink:href="#path-1">
+
</use>
+				<path d="M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-2)">
+
</path>
+		</g>
+</svg>
\ No newline at end of file
diff --git a/readme_files/svelte.svg b/readme_files/svelte.svg
new file mode 100644
index 0000000..4bf2796
--- /dev/null
+++ b/readme_files/svelte.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 98.1 118" style="enable-background:new 0 0 98.1 118;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FF3E00;}
+	.st1{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M91.8,15.6C80.9-0.1,59.2-4.7,43.6,5.2L16.1,22.8C8.6,27.5,3.4,35.2,1.9,43.9c-1.3,7.3-0.2,14.8,3.3,21.3
+	c-2.4,3.6-4,7.6-4.7,11.8c-1.6,8.9,0.5,18.1,5.7,25.4c11,15.7,32.6,20.3,48.2,10.4l27.5-17.5c7.5-4.7,12.7-12.4,14.2-21.1
+	c1.3-7.3,0.2-14.8-3.3-21.3c2.4-3.6,4-7.6,4.7-11.8C99.2,32.1,97.1,22.9,91.8,15.6"/>
+<path class="st1" d="M40.9,103.9c-8.9,2.3-18.2-1.2-23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3c0.2-0.9,0.4-1.7,0.6-2.6l0.5-1.6l1.4,1
+	c3.3,2.4,6.9,4.2,10.8,5.4l1,0.3l-0.1,1c-0.1,1.4,0.3,2.9,1.1,4.1c1.6,2.3,4.4,3.4,7.1,2.7c0.6-0.2,1.2-0.4,1.7-0.7L65.5,72
+	c1.4-0.9,2.3-2.2,2.6-3.8c0.3-1.6-0.1-3.3-1-4.6c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7l-10.5,6.7
+	c-1.7,1.1-3.6,1.9-5.6,2.4c-8.9,2.3-18.2-1.2-23.4-8.7c-3.1-4.4-4.4-9.9-3.4-15.3c0.9-5.2,4.1-9.9,8.6-12.7l27.5-17.5
+	c1.7-1.1,3.6-1.9,5.6-2.5c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.2,0.9-0.4,1.7-0.7,2.6l-0.5,1.6l-1.4-1
+	c-3.3-2.4-6.9-4.2-10.8-5.4l-1-0.3l0.1-1c0.1-1.4-0.3-2.9-1.1-4.1c-1.6-2.3-4.4-3.3-7.1-2.6c-0.6,0.2-1.2,0.4-1.7,0.7L32.4,46.1
+	c-1.4,0.9-2.3,2.2-2.6,3.8s0.1,3.3,1,4.6c1.6,2.3,4.4,3.3,7.1,2.6c0.6-0.2,1.2-0.4,1.7-0.7l10.5-6.7c1.7-1.1,3.6-1.9,5.6-2.5
+	c8.9-2.3,18.2,1.2,23.4,8.7c3.2,4.4,4.4,9.9,3.5,15.3c-0.9,5.2-4.1,9.9-8.6,12.7l-27.5,17.5C44.8,102.5,42.9,103.3,40.9,103.9"/>
+</svg>
diff --git a/readme_files/tailwind.svg b/readme_files/tailwind.svg
new file mode 100644
index 0000000..44a2484
--- /dev/null
+++ b/readme_files/tailwind.svg
@@ -0,0 +1,4 @@
+<svg width="1000" height="1000" viewBox="0 0 1000 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M489.5 226.499C328 231.632 280 346.999 269 409.499C283.333 386.332 328.5 335.5 395 335.5C472.5 335.5 531.5 422 567.5 449C611.237 481.803 699.123 525.115 814.5 490C906.5 462 949.167 364.332 958.5 317.999C914 378.499 846.5 414.838 763 371.999C705.5 342.499 662.5 221 489.5 226.499Z" fill="#07B6D5"/>
+<path d="M261 500.999C99.5 506.132 51.5 621.499 40.5 683.999C54.8333 660.832 100 610 166.5 610C244 610 303 696.5 339 723.5C382.737 756.303 470.623 799.615 586 764.5C678 736.5 720.667 638.832 730 592.499C685.5 652.999 618 689.338 534.5 646.499C477 616.999 434 495.5 261 500.999Z" fill="#07B6D5"/>
+</svg>
\ No newline at end of file
diff --git a/readme_files/vite.svg b/readme_files/vite.svg
new file mode 100644
index 0000000..6471ae0
--- /dev/null
+++ b/readme_files/vite.svg
@@ -0,0 +1,15 @@
+<svg width="410" height="404" viewBox="0 0 410 404" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M399.641 59.5246L215.643 388.545C211.844 395.338 202.084 395.378 198.228 388.618L10.5817 59.5563C6.38087 52.1896 12.6802 43.2665 21.0281 44.7586L205.223 77.6824C206.398 77.8924 207.601 77.8904 208.776 77.6763L389.119 44.8058C397.439 43.2894 403.768 52.1434 399.641 59.5246Z" fill="url(#paint0_linear)"/>
+<path d="M292.965 1.5744L156.801 28.2552C154.563 28.6937 152.906 30.5903 152.771 32.8664L144.395 174.33C144.198 177.662 147.258 180.248 150.51 179.498L188.42 170.749C191.967 169.931 195.172 173.055 194.443 176.622L183.18 231.775C182.422 235.487 185.907 238.661 189.532 237.56L212.947 230.446C216.577 229.344 220.065 232.527 219.297 236.242L201.398 322.875C200.278 328.294 207.486 331.249 210.492 326.603L212.5 323.5L323.454 102.072C325.312 98.3645 322.108 94.137 318.036 94.9228L279.014 102.454C275.347 103.161 272.227 99.746 273.262 96.1583L298.731 7.86689C299.767 4.27314 296.636 0.855181 292.965 1.5744Z" fill="url(#paint1_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="6.00017" y1="32.9999" x2="235" y2="344" gradientUnits="userSpaceOnUse">
+<stop stop-color="#41D1FF"/>
+<stop offset="1" stop-color="#BD34FE"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="194.651" y1="8.81818" x2="236.076" y2="292.989" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFEA83"/>
+<stop offset="0.0833333" stop-color="#FFDD35"/>
+<stop offset="1" stop-color="#FFA800"/>
+</linearGradient>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/readme_files/zh-cn/README.md b/readme_files/zh-cn/README.md
new file mode 100644
index 0000000..894b061
--- /dev/null
+++ b/readme_files/zh-cn/README.md
@@ -0,0 +1,273 @@
+<!-- DO NOT EDIT THIS FILE DIRECTLY. INSTEAD EDIT THE `readme_template.md` OR `guides/1)getting_started/1)quickstart.md` TEMPLATES AND THEN RUN `render_readme.py` SCRIPT. -->
+
+<div align="center">
+
+[<img src="../gradio.svg" alt="gradio" width=400>](https://gradio.app)<br>
+<em>轻松构建 & 分享 令人愉快的机器学习程序</em>
+
+[![gradio-backend](https://github.com/gradio-app/gradio/actions/workflows/backend.yml/badge.svg)](https://github.com/gradio-app/gradio/actions/workflows/backend.yml)
+[![gradio-js](https://github.com/gradio-app/gradio/actions/workflows/ui.yml/badge.svg)](https://github.com/gradio-app/gradio/actions/workflows/ui.yml)  
+ [![PyPI](https://img.shields.io/pypi/v/gradio)](https://pypi.org/project/gradio/)
+[![PyPI downloads](https://img.shields.io/pypi/dm/gradio)](https://pypi.org/project/gradio/)
+![Python version](https://img.shields.io/badge/python-3.10+-important)
+[![Twitter follow](https://img.shields.io/twitter/follow/gradio?style=social&label=follow)](https://twitter.com/gradio)
+
+[官网](https://gradio.app)
+| [文档](https://gradio.app/docs/)
+| [指南](https://gradio.app/guides/)
+| [开始](https://gradio.app/getting_started/)
+| [样例](../../demo/)
+| [English](https://github.com/gradio-app/gradio#readme)
+
+</div>
+
+# Gradio: 用Python构建机器学习网页APP
+
+Gradio是一个开源的Python库，用于构建演示机器学习或数据科学，以及web应用程序。
+
+使用Gradio，您可以基于您的机器学习模型或数据科学工作流快速创建一个漂亮的用户界面，让用户可以”尝试“拖放他们自己的图像、粘贴文本、录制他们自己的声音，并通过浏览器与您的演示程序进行交互。
+
+![Interface montage](../header-image.jpg)
+
+Gradio适用于:
+
+- 向客户/合伙人/用户/学生**演示**您的机器学习模型。
+
+- 通过自动共享链接快速**部署**您的模型，并获得模型性能反馈。
+
+- 在开发过程中使用内置的操作和解释工具交互式地**调试**模型。
+
+### 快速开始
+
+**依赖**: Gradio只需要[Python 3.8及以上版本](https://www.python.org/downloads/)！
+
+#### Gradio能做什么？
+
+与他人共享机器学习模型、API或数据科学工作流程的最佳方法之一就是创建一个**交互式应用**，让用户或同事在他们的浏览器中试用。
+
+Gradio让你可以**用Python构建演示并分享它们**，而且通常只需几行代码！下面让我们开始吧。
+
+#### Hello, World
+
+要用Gradio运行"Hello World"示例，需要以下三个步骤：
+
+1\. 用pip下载Gradio:
+
+```bash
+pip install gradio
+```
+
+2\. 用Python脚本或在Jupyter Notebook中运行下面的代码 （或者使用 [Google Colab](https://colab.research.google.com/drive/18ODkJvyxHutTN0P5APWyGFO_xwNcgHDZ?usp=sharing)）:
+
+```python
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(fn=greet, inputs="text", outputs="text")
+demo.launch()
+```
+
+3\. 下面的演示会自动出现在Jupyter Notebook中，如果使用脚本运行则会在浏览器[http://localhost:7860](http://localhost:7860)弹出:
+
+![`hello_world` demo](../../demo/hello_world/screenshot.gif)
+
+#### `Interface` 类
+
+你可能会注意到，在运行示例时我们创建了一个 `gradio.Interface` 。 `Interface` 类可以用用户接口包装任意的Python函数。在上面的示例中，我们使用了一个基于文本的简单函数，但这个函数可以是任何东西，从音乐生成器到税率计算器，再到预训练机器学习模型的预测函数。
+
+`Interface` 类核心需要三个参数初始化：
+
+- `fn` : 被UI包装的函数
+- `inputs` : 作为输入的组件 (例如： `"text"`, `"image"` or `"audio"`)
+- `outputs` : 作为输出的组件 (例如： `"text"`, `"image"` or `"label"`)
+
+下面我们进一步分析用于输入和输出的组件。
+
+#### 组件属性
+
+在之前的示例中我们可以看到一些简单的文本框组件 `Textbox` ，但是如果您想改变UI组件的外观或行为呢?
+
+假设您想要自定义输入文本字段，例如您希望它更大并有一个文本占位符。如果我们使用 `Textbox` 的实际类，而不是使用字符串快捷方式，就可以通过组件属性实现个性化。
+
+```python
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+demo = gr.Interface(
+    fn=greet,
+    inputs=gr.Textbox(lines=2, placeholder="Name Here..."),
+    outputs="text",
+)
+demo.launch()
+```
+
+![`hello_world_2` demo](../../demo/hello_world_2/screenshot.gif)
+
+#### 多输入和输出组件
+
+假设您有一个更复杂的函数，有多个输入和输出。在下面的示例中，我们定义了一个函数，该函数接受字符串、布尔值和数字，并返回字符串和数字。观察应该如何传递输入和输出组件列表。
+
+```python
+import gradio as gr
+
+def greet(name, is_morning, temperature):
+    salutation = "Good morning" if is_morning else "Good evening"
+    greeting = f"{salutation} {name}. It is {temperature} degrees today"
+    celsius = (temperature - 32) * 5 / 9
+    return greeting, round(celsius, 2)
+
+demo = gr.Interface(
+    fn=greet,
+    inputs=["text", "checkbox", gr.Slider(0, 100)],
+    outputs=["text", "number"],
+)
+demo.launch()
+```
+
+![`hello_world_3` demo](../../demo/hello_world_3/screenshot.gif)
+
+您只需将组件包装在列表中。输入列表`inputs`中的每个组件依次对应函数的一个参数。输出列表`outputs`中的每个组件都对应于函数的一个返回值，两者均按顺序对应。
+
+#### 一个图像示例
+
+Gradio支持多种类型的组件，如 `Image`、`DateFrame`、`Video`或`Label` 。让我们尝试一个图像到图像的函数来感受一下！
+
+```python
+import numpy as np
+import gradio as gr
+
+def sepia(input_img):
+    sepia_filter = np.array([
+        [0.393, 0.769, 0.189],
+        [0.349, 0.686, 0.168],
+        [0.272, 0.534, 0.131]
+    ])
+    sepia_img = input_img.dot(sepia_filter.T)
+    sepia_img /= sepia_img.max()
+    return sepia_img
+
+demo = gr.Interface(sepia, gr.Image(), "image")
+demo.launch()
+```
+
+![`sepia_filter` demo](../../demo/sepia_filter/screenshot.gif)
+
+当使用`Image`组件作为输入时，您的函数将接收一个形状为 `(height, width, 3)` 的NumPy数组，其中最后一个维度表示RGB值。我们还将以NumPy数组的形式返回一张图像。
+
+你也可以用 `type=` 关键字参数设置组件使用的数据类型。例如，如果你想让你的函数获取一个图像的文件路径，而不是一个NumPy数组时，输入 `Image` 组件可以写成：
+
+```python
+gr.Image(type="filepath")
+```
+
+还要注意，我们的输入 `Image` 组件带有一个编辑按钮 🖉，它允许裁剪和放大图像。以这种方式操作图像可以帮助揭示机器学习模型中的偏见或隐藏的缺陷！
+
+您可以在[Gradio文档](https://gradio.app/docs)中阅读更多关于组件以及如何使用它们。
+
+#### Blocks: 更加灵活且可控
+
+Gradio 提供了两个类来构建应用程序
+
+1\. **Interface**，这为创建到目前为止我们一直在讨论的示例提供了一个高级抽象。
+
+2\. **Blocks**，一个用于设计具有更灵活布局和数据流的web应用程序的初级API。block可以做许多事，比如特征化多个数据流和演示，控制组件在页面上出现的位置，处理复杂的数据流（例如，输出可以作为其他函数的输入），以及根据用户交互更新组件的属性/可见性，且仍然在Python中。如果您需要这种个性化，那就试试 `Blocks` 吧！
+
+#### 你好, Blocks
+
+让我们看一个简单的例子。注意这里的API与 `Interface` 有何不同。
+
+```python
+import gradio as gr
+
+def greet(name):
+    return "Hello " + name + "!"
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Output Box")
+    greet_btn = gr.Button("Greet")
+    greet_btn.click(fn=greet, inputs=name, outputs=output)
+
+demo.launch()
+```
+
+![`hello_blocks` demo](../../demo/hello_blocks/screenshot.gif)
+
+注意事项：
+
+- `Blocks` 由 `with` 子句组成，在该子句中创建的任何组件都会自动添加到应用程序中。
+- 组件在应用程序中按创建的顺序垂直显示，（稍后我们将介绍自定义布局！）
+- 一个 按钮 `Button` 被创建，然后添加了一个 `click` 事件监听器。这个API看起来很熟悉！就像 `Interface`一样， `click` 方法接受一个Python函数、输入组件和输出组件。
+
+#### 更多复杂性
+
+这里有一个应用程序可以让你感受一下`Blocks`的更多可能：
+
+```python
+import numpy as np
+import gradio as gr
+
+def flip_text(x):
+    return x[::-1]
+
+def flip_image(x):
+    return np.fliplr(x)
+
+with gr.Blocks() as demo:
+    gr.Markdown("Flip text or image files using this demo.")
+    with gr.Tabs():
+        with gr.TabItem("Flip Text"):
+            text_input = gr.Textbox()
+            text_output = gr.Textbox()
+            text_button = gr.Button("Flip")
+        with gr.TabItem("Flip Image"):
+            with gr.Row():
+                image_input = gr.Image()
+                image_output = gr.Image()
+            image_button = gr.Button("Flip")
+
+    text_button.click(flip_text, inputs=text_input, outputs=text_output)
+    image_button.click(flip_image, inputs=image_input, outputs=image_output)
+
+demo.launch()
+```
+
+![`blocks_flipper` demo](../../demo/blocks_flipper/screenshot.gif)
+
+还有很多事情可以做！我们将在[使用blocks构建](https://gradio.app/building_with_blocks)部分为您介绍如何创建像这样复杂的 `Blocks` 应用程序。
+
+恭喜你，你现在已经熟悉了Gradio的基础使用！🥳 去我们的[下一章](https://gradio.app/key_features) 了解Gradio的更多功能。
+
+## 开源栈
+
+Gradio是由许多很棒的开源库构建的，请一并支持它们!
+
+[<img src="../huggingface_mini.svg" alt="huggingface" height=40>](https://huggingface.co)
+[<img src="../python.svg" alt="python" height=40>](https://www.python.org)
+[<img src="../fastapi.svg" alt="fastapi" height=40>](https://fastapi.tiangolo.com)
+[<img src="../encode.svg" alt="encode" height=40>](https://www.encode.io)
+[<img src="../svelte.svg" alt="svelte" height=40>](https://svelte.dev)
+[<img src="../vite.svg" alt="vite" height=40>](https://vitejs.dev)
+[<img src="../pnpm.svg" alt="pnpm" height=40>](https://pnpm.io)
+[<img src="../tailwind.svg" alt="tailwind" height=40>](https://tailwindcss.com)
+
+## 协议
+
+Gradio is licensed under the Apache License 2.0 found in the [LICENSE](LICENSE) file in the root directory of this repository.
+
+## 引用
+
+另外请参阅论文 _[Gradio: Hassle-Free Sharing and Testing of ML Models in the Wild](https://arxiv.org/abs/1906.02569), ICML HILL 2019_，如果您在工作中使用Gradio请引用它。
+
+```
+@article{abid2019gradio,
+  title = {Gradio: Hassle-Free Sharing and Testing of ML Models in the Wild},
+  author = {Abid, Abubakar and Abdalla, Ali and Abid, Ali and Khan, Dawood and Alfozan, Abdulrahman and Zou, James},
+  journal = {arXiv preprint arXiv:1906.02569},
+  year = {2019},
+}
+```
diff --git a/readme_template.md b/readme_template.md
new file mode 100644
index 0000000..cbeec79
--- /dev/null
+++ b/readme_template.md
@@ -0,0 +1,90 @@
+<div align="center">
+<a href="https://gradio.app">
+<img src="readme_files/gradio.svg" alt="gradio" width=350>
+</a>
+</div>
+
+<div align="center">
+<span>
+<a href="https://www.producthunt.com/posts/gradio-5-0?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-gradio&#0045;5&#0045;0" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=501906&theme=light" alt="Gradio&#0032;5&#0046;0 - the&#0032;easiest&#0032;way&#0032;to&#0032;build&#0032;AI&#0032;web&#0032;apps | Product Hunt" style="width: 150px; height: 54px;" width="150" height="54" /></a>
+<a href="https://trendshift.io/repositories/2145" target="_blank"><img src="https://trendshift.io/api/badge/repositories/2145" alt="gradio-app%2Fgradio | Trendshift" style="width: 150px; height: 55px;" width="150" height="55"/></a>
+</span>
+
+[![gradio-backend](https://github.com/gradio-app/gradio/actions/workflows/test-python.yml/badge.svg)](https://github.com/gradio-app/gradio/actions/workflows/test-python.yml)
+[![gradio-ui](https://github.com/gradio-app/gradio/actions/workflows/tests-js.yml/badge.svg)](https://github.com/gradio-app/gradio/actions/workflows/tests-js.yml) 
+[![PyPI](https://img.shields.io/pypi/v/gradio)](https://pypi.org/project/gradio/)
+[![PyPI downloads](https://img.shields.io/pypi/dm/gradio)](https://pypi.org/project/gradio/)
+![Python version](https://img.shields.io/badge/python-3.10+-important)
+[![Twitter follow](https://img.shields.io/twitter/follow/gradio?style=social&label=follow)](https://twitter.com/gradio)
+
+[Website](https://gradio.app)
+| [Documentation](https://gradio.app/docs/)
+| [Guides](https://gradio.app/guides/)
+| [Getting Started](https://gradio.app/getting_started/)
+| [Examples](demo/)
+
+</div>
+
+<div align="center">
+
+English | [中文](readme_files/zh-cn#readme)
+
+</div>
+
+# Gradio: Build Machine Learning Web Apps — in Python
+
+$getting_started
+
+### AI Coding Skills
+
+Gradio provides a "skill" that enriches AI coding assistants (like Cursor, Claude Code, Codex, etc.) with Gradio-specific knowledge, so that they can build Gradio apps more effectively. This is especially useful when creating custom Gradio components or styling. Install the Gradio skill for your coding assistant with a single command:
+
+```bash
+gradio skills add --cursor   # or --claude, --codex, --opencode
+```
+
+Use `--global` to install at the user level (applies to all projects). Your skill will be automatically available for the particular coding agent.
+
+You can also install a skill for a **specific Gradio Space**, which generates API usage docs (Python, JS, cURL) on the fly:
+
+```bash
+gradio skills add abidlabs/en2fr --cursor
+```
+
+## Questions?
+
+If you'd like to report a bug or have a feature request, please create an [issue on GitHub](https://github.com/gradio-app/gradio/issues/new/choose). For general questions about usage, we are available on [our Discord server](https://discord.com/invite/feTf9x3ZSB) and happy to help.
+
+If you like Gradio, please leave us a ⭐ on GitHub!
+
+## Open Source Stack
+
+Gradio is built on top of many wonderful open-source libraries!
+
+[<img src="readme_files/huggingface_mini.svg" alt="huggingface" height=40>](https://huggingface.co)
+[<img src="readme_files/python.svg" alt="python" height=40>](https://www.python.org)
+[<img src="readme_files/fastapi.svg" alt="fastapi" height=40>](https://fastapi.tiangolo.com)
+[<img src="readme_files/encode.svg" alt="encode" height=40>](https://www.encode.io)
+[<img src="readme_files/svelte.svg" alt="svelte" height=40>](https://svelte.dev)
+[<img src="readme_files/vite.svg" alt="vite" height=40>](https://vitejs.dev)
+[<img src="readme_files/pnpm.svg" alt="pnpm" height=40>](https://pnpm.io)
+[<img src="readme_files/tailwind.svg" alt="tailwind" height=40>](https://tailwindcss.com)
+[<img src="readme_files/storybook.svg" alt="storybook" height=40>](https://storybook.js.org/)
+[<img src="readme_files/chromatic.svg" alt="chromatic" height=40>](https://www.chromatic.com/)
+
+## License
+
+Gradio is licensed under the Apache License 2.0 found in the [LICENSE](LICENSE) file in the root directory of this repository.
+
+## Citation
+
+Also check out the paper _[Gradio: Hassle-Free Sharing and Testing of ML Models in the Wild](https://arxiv.org/abs/1906.02569), ICML HILL 2019_, and please cite it if you use Gradio in your work.
+
+```
+@article{abid2019gradio,
+  title = {Gradio: Hassle-Free Sharing and Testing of ML Models in the Wild},
+  author = {Abid, Abubakar and Abdalla, Ali and Abid, Ali and Khan, Dawood and Alfozan, Abdulrahman and Zou, James},
+  journal = {arXiv preprint arXiv:1906.02569},
+  year = {2019},
+}
+```
diff --git a/render_readme.py b/render_readme.py
new file mode 100755
index 0000000..6fa1701
--- /dev/null
+++ b/render_readme.py
@@ -0,0 +1,41 @@
+#!/usr/bin/env python
+
+import re
+from pathlib import Path
+
+README_TEMPLATE_FILEPATH = "readme_template.md"
+GETTING_STARTED_TEMPLATE_FILEPATH = "guides/01_getting-started/01_quickstart.md"
+
+readme_template = Path(README_TEMPLATE_FILEPATH).read_text()
+getting_started_template = Path(GETTING_STARTED_TEMPLATE_FILEPATH).read_text()
+getting_started_template = getting_started_template.replace("# Quickstart", "")
+getting_started_template = getting_started_template.replace("Tip:", "> [!TIP]\n >")
+
+# Extract all the code and demo tags from the getting started template
+code_tags = re.findall(r"\$code_([^\s]+)", getting_started_template)
+demo_tags = re.findall(r"\$demo_([^\s]+)", getting_started_template)
+codes = {}
+demos = {}
+
+for src in code_tags:
+    context = Path(f"demo/{src}/run.py").read_text()
+    # Replace the condition to run the demo directly with actual launch code
+    context = re.sub(r"if __name__(.*[\n$]*)*", "demo.launch()", context)
+    codes[src] = f"```python\n{context}\n```\n"  # Convert to Markdown code block
+
+for src in demo_tags:
+    demos[src] = f"![`{src}` demo](demo/{src}/screenshot.gif)"
+
+# Replace the headers in the getting started template with a smaller header (e.g. H3 instead of H2) to
+# make the README more readable and less cluttered.
+getting_started_template = re.sub(r"^(#+)", r"#\1", getting_started_template, flags=re.MULTILINE)
+readme_template = readme_template.replace("$getting_started", getting_started_template)
+
+# Now put the codes and the screenshots in the README template
+readme_template = re.sub(r"\$code_([^\s]+)", lambda x: codes[x.group(1)], readme_template)
+readme_template = re.sub(r"\$demo_([^\s]+)", lambda x: demos[x.group(1)], readme_template)
+
+# Save the README template to the actual README.md file (with a note about the editing)
+EDITING_NOTE = ("<!-- DO NOT EDIT THIS FILE DIRECTLY. INSTEAD EDIT THE `readme_template.md` OR "
+                "`guides/01_getting-started/01_quickstart.md` TEMPLATES AND THEN RUN `render_readme.py` SCRIPT. -->")
+Path("README.md").write_text(f"{EDITING_NOTE}\n\n{readme_template}")
diff --git a/renovate.json b/renovate.json
new file mode 100644
index 0000000..899ce59
--- /dev/null
+++ b/renovate.json
@@ -0,0 +1,27 @@
+{
+	"$schema": "https://docs.renovatebot.com/renovate-schema.json",
+	"extends": [
+		"github>whitesource/merge-confidence:beta",
+		"config:base",
+		":preserveSemverRanges",
+		"group:allNonMajor",
+		":semanticCommitTypeAll(chore)",
+		":disableDependencyDashboard"
+	],
+	"ignorePaths": [
+		"**/demo/**",
+		"**/requirements.txt",
+		"**/Dockerfile",
+		"**/website/**"
+	],
+	"ignoreDeps": [
+		"lazy-brush",
+		"babylonjs",
+		"babylonjs-loaders",
+		"postcss-load-config",
+		"postcss-nested",
+		"svelte",
+		"vite",
+		"vitest"
+	]
+}
diff --git a/requirements-mcp.txt b/requirements-mcp.txt
new file mode 100644
index 0000000..cd8bd8e
--- /dev/null
+++ b/requirements-mcp.txt
@@ -0,0 +1,2 @@
+mcp>=1.21.0,<2.0.0
+pydantic>=2.11.10,<=2.12.5
\ No newline at end of file
diff --git a/requirements-oauth.txt b/requirements-oauth.txt
new file mode 100644
index 0000000..e6cb0c8
--- /dev/null
+++ b/requirements-oauth.txt
@@ -0,0 +1,2 @@
+authlib
+itsdangerous # required for starlette SessionMiddleware
\ No newline at end of file
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..d06218a
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,28 @@
+anyio>=3.0,<5.0
+audioop-lts<=0.2.2; python_version >= "3.13" # this is a replacement for the built-in 'audioop' module removed in Python 3.13 (and needed for pydub)
+brotli>=1.1.0
+fastapi>=0.115.2,<1.0
+groovy~=0.1
+gradio_client==2.5.0
+hf-gradio>=0.4.1,<1.0
+httpx>=0.24.1,<1.0
+huggingface_hub>=1.2.0,<2.0
+Jinja2<4.0
+markupsafe>=2.0,<4.0
+numpy>=1.0,<3.0
+orjson~=3.0
+packaging
+pandas>=1.0,<4.0
+pillow>=8.0,<13.0
+pydantic>=2.0,<=3.0
+python-multipart>=0.0.18,<1.0 # required for fastapi forms.
+pydub<1.0
+pyyaml>=5.0,<7.0
+safehttpx>=0.1.7,<0.2.0
+semantic_version~=2.0
+starlette>=1.0.1,<2.0
+tomlkit>=0.12.0,<0.15.0
+typer>=0.12,<1.0
+typing_extensions~=4.0
+uvicorn>=0.14.0
+pytz>=2017.2
diff --git a/scripts/benchmark_latency_api.py b/scripts/benchmark_latency_api.py
new file mode 100644
index 0000000..180e8f0
--- /dev/null
+++ b/scripts/benchmark_latency_api.py
@@ -0,0 +1,52 @@
+import time
+import gradio as gr
+from gradio_client import Client
+import threading
+
+SHOW_RESULTS = False
+
+with gr.Blocks() as demo:
+    input = gr.Textbox(label="Input")
+    output = gr.Textbox(label="Output")
+    input.change(lambda x: x*2, input, output)
+
+_, url, _ = demo.launch(prevent_thread_lock=True)
+
+client = Client(url, verbose=False)
+
+times = []
+
+for _ in range(25):
+    start = time.time()
+    result = client.predict("Hello")
+    end = time.time()
+    times.append(end - start)
+
+if SHOW_RESULTS:
+    print("Serial result was", result)
+print(f"Serial average: {sum(times) / len(times)} seconds")
+
+parallel_times = []
+results = []
+lock = threading.Lock()
+
+def make_request():
+    start = time.time()
+    result = client.predict("Hello")
+    end = time.time()
+    with lock:
+        parallel_times.append(end - start)
+        results.append(result)
+
+threads = []
+for _ in range(25):
+    t = threading.Thread(target=make_request)
+    threads.append(t)
+    t.start()
+
+for t in threads:
+    t.join()
+
+if SHOW_RESULTS:
+    print("Parallel result was", results[0] if results else None)
+print(f"Parallel average: {sum(parallel_times) / len(parallel_times)} seconds")
\ No newline at end of file
diff --git a/scripts/benchmark_latency_mcp.py b/scripts/benchmark_latency_mcp.py
new file mode 100644
index 0000000..1241628
--- /dev/null
+++ b/scripts/benchmark_latency_mcp.py
@@ -0,0 +1,104 @@
+import asyncio
+import time
+
+from mcp import ClientSession
+from mcp.client.streamable_http import streamablehttp_client
+
+import gradio as gr
+
+SHOW_RESULTS = False
+
+with gr.Blocks() as demo:
+    input = gr.Textbox(label="Input")
+    output = gr.Textbox(label="Output")
+    def double(word: str) -> str:
+        return word * 2
+    input.change(double, input, output, api_name="predict")
+
+_, url, _ = demo.launch(prevent_thread_lock=True, mcp_server=True)
+
+mcp_url = f"{url}gradio_api/mcp/"
+
+async def make_serial_requests():
+    times = []
+
+    async with streamablehttp_client(mcp_url) as (read_stream, write_stream, _):
+        async with ClientSession(read_stream, write_stream) as session:
+            await session.initialize()
+
+            tools = await session.list_tools()
+            tool_name = tools.tools[0].name
+
+            for _ in range(5):
+                start = time.time()
+                result = await session.call_tool(tool_name, arguments={"word": "Hello"})
+                end = time.time()
+                times.append(end - start)
+
+    if SHOW_RESULTS:
+        print("Serial result was: ", result.content[0].text)
+    print(f"Serial average: {sum(times) / len(times)} seconds")
+
+asyncio.run(make_serial_requests())
+
+
+async def make_serial_requests_with_progress():    
+    times = []
+    progress_counts = []
+
+    async with streamablehttp_client(mcp_url) as (read_stream, write_stream, _):
+        async with ClientSession(read_stream, write_stream) as session:
+            await session.initialize()
+
+            tools = await session.list_tools()
+            tool_name = tools.tools[0].name
+
+            for _ in range(5):
+                progress_updates = []
+                
+                async def progress_callback(progress: float, total: float | None, message: str | None):
+                    progress_updates.append({"progress": progress, "total": total, "message": message})
+                
+                start = time.time()
+                result = await session.call_tool(
+                    tool_name,
+                    arguments={"word": "Hello"},
+                    progress_callback=progress_callback,
+                    meta={"progressToken": f"progress-token-{_}"}
+                )
+                end = time.time()
+                times.append(end - start)
+                progress_counts.append(len(progress_updates))
+
+    if SHOW_RESULTS:
+        print("Serial with progress result was: ", result.content[0].text)
+    print(f"Serial with progress average: {sum(times) / len(times)} seconds")
+    print(f"Average progress notifications received: {sum(progress_counts) / len(progress_counts)}")
+
+asyncio.run(make_serial_requests_with_progress())
+
+async def make_parallel_requests():
+    parallel_times = []
+    results = []
+
+    async def make_request():
+        async with streamablehttp_client(mcp_url) as (read_stream, write_stream, _):
+            async with ClientSession(read_stream, write_stream) as session:
+                await session.initialize()
+                tools = await session.list_tools()
+                tool_name = tools.tools[0].name
+                start = time.time()
+                result = await session.call_tool(tool_name, arguments={"word": "Hello"})
+                end = time.time()
+                parallel_times.append(end - start)
+                results.append(result)
+
+    tasks = [make_request() for _ in range(25)]
+    await asyncio.gather(*tasks)
+
+    if SHOW_RESULTS:
+        print("Parallel result was: ", results[0].content[0].text)
+    print(f"Parallel average: {sum(parallel_times) / len(parallel_times)} seconds")
+
+asyncio.run(make_parallel_requests())
+
diff --git a/scripts/build_frontend.bat b/scripts/build_frontend.bat
new file mode 100644
index 0000000..ceae7f7
--- /dev/null
+++ b/scripts/build_frontend.bat
@@ -0,0 +1,17 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+:: Check for pnpm
+call scripts\helpers.bat pnpm_required
+
+:: Generate theme using Python script
+python scripts\generate_theme.py
+
+echo Building the frontend...
+pnpm i --frozen-lockfile --ignore-scripts
+pnpm build
+
+python scripts\download_offline_assets.py
\ No newline at end of file
diff --git a/scripts/build_frontend.sh b/scripts/build_frontend.sh
new file mode 100755
index 0000000..300fb9b
--- /dev/null
+++ b/scripts/build_frontend.sh
@@ -0,0 +1,14 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+pnpm_required
+
+python scripts/generate_theme.py
+
+echo "Building the frontend..."
+pnpm i --frozen-lockfile --ignore-scripts
+pnpm build
+
+python scripts/download_offline_assets.py
diff --git a/scripts/build_workflow_curated.py b/scripts/build_workflow_curated.py
new file mode 100644
index 0000000..7864743
--- /dev/null
+++ b/scripts/build_workflow_curated.py
@@ -0,0 +1,254 @@
+"""Harvest workflow-curated *candidates* from the Hugging Face Hub.
+
+This does the automatable half of building the curated catalog: for each task in
+the taxonomy it pulls the most-liked running Spaces, derives the objective fields
+(id, zero_gpu, title, modality, space_category), and emits a candidate pool in the
+same envelope `scripts/validate_workflow_curated.py` and `gradio/workflow.py` expect.
+
+It deliberately does NOT pick the final set. Review the output, drop the junk, set
+`featured`, polish `description`, then run:
+
+    python scripts/build_workflow_curated.py --per-task 15 --out curated.candidates.json
+    # ... hand-trim curated.candidates.json into curated.json ...
+    python scripts/validate_workflow_curated.py --source curated.json --dry-run
+
+Selection: top-N Spaces per task (coverage), not global popularity.
+"""
+
+from __future__ import annotations
+
+import argparse
+import json
+import logging
+import sys
+from datetime import datetime, timezone
+from typing import Any, Optional
+
+logging.basicConfig(level=logging.INFO, format="%(asctime)s %(levelname)s %(message)s")
+logger = logging.getLogger("build_workflow_curated")
+
+# task -> (modality, space_category). Keys define which tasks we query.
+# space_category is None for tasks that aren't a distinct generative node category.
+TASK_META: dict[str, tuple[str, Optional[str]]] = {
+    "text-to-image": ("image", "image-generation"),
+    "image-to-image": ("image", "image-editing"),
+    "image-to-text": ("text", None),
+    "image-to-3d": ("3d", "3d-modeling"),
+    "text-to-3d": ("3d", "3d-modeling"),
+    "text-to-video": ("video", "video-generation"),
+    "image-to-video": ("video", "video-generation"),
+    "text-to-speech": ("audio", "speech-synthesis"),
+    "text-to-audio": ("audio", "music-generation"),
+    "automatic-speech-recognition": ("audio", "automatic-speech-recognition"),
+    "audio-to-audio": ("audio", None),
+    "image-classification": ("image", None),
+    "image-segmentation": ("image", None),
+    "object-detection": ("image", None),
+    "depth-estimation": ("image", None),
+    "text-generation": ("text", None),
+    "summarization": ("text", None),
+    "translation": ("text", None),
+    "question-answering": ("text", None),
+}
+
+# Hub runtime stages we treat as "usable enough to keep as a candidate".
+LIVE_STAGES = {"RUNNING", "SLEEPING", "RUNNING_BUILDING", "RUNNING_APP_STARTING"}
+
+
+def now_iso() -> str:
+    return datetime.now(timezone.utc).isoformat().replace("+00:00", "Z")
+
+
+def _attr(obj: Any, name: str, default: Any = None) -> Any:
+    """Read `name` from an object attr or a dict key, whichever exists."""
+    if obj is None:
+        return default
+    if isinstance(obj, dict):
+        return obj.get(name, default)
+    return getattr(obj, name, default)
+
+
+def _card_dict(space: Any) -> dict:
+    cd = _attr(space, "card_data") or _attr(space, "cardData")
+    if cd is None:
+        return {}
+    if isinstance(cd, dict):
+        return cd
+    if hasattr(cd, "to_dict"):
+        try:
+            return cd.to_dict()
+        except Exception:
+            pass
+    return {}
+
+
+def _detect_zero_gpu(space: Any) -> bool:
+    runtime = _attr(space, "runtime") or {}
+    hw = _attr(runtime, "hardware") or {}
+    # hardware can be {"current": "zero-a10g", "requested": "zero-a10g"} or a bare str
+    vals = []
+    if isinstance(hw, dict):
+        vals = [hw.get("current"), hw.get("requested")]
+    else:
+        vals = [hw]
+    return any(isinstance(v, str) and "zero" in v.lower() for v in vals)
+
+
+def _stage(space: Any) -> Optional[str]:
+    runtime = _attr(space, "runtime") or {}
+    return _attr(runtime, "stage")
+
+
+def _title(space: Any, repo_id: str) -> str:
+    card = _card_dict(space)
+    title = (card.get("title") or "").strip()
+    if title:
+        return title
+    name = repo_id.split("/")[-1].replace("-", " ").replace("_", " ").strip()
+    return name[:1].upper() + name[1:] if name else repo_id
+
+
+def _description(space: Any) -> str:
+    card = _card_dict(space)
+    return (card.get("short_description") or "").strip()
+
+
+def harvest_task(
+    api: Any,
+    task: str,
+    per_task: int,
+    min_likes: int,
+    allowed_sdks: set[str],
+    running_only: bool,
+) -> list[dict]:
+    modality, category = TASK_META[task]
+    try:
+        spaces = api.list_spaces(
+            filter=task,
+            sort="likes",
+            direction=-1,
+            limit=max(per_task * 4, 40),  # over-fetch; filtering drops many
+            expand=["cardData", "likes", "trendingScore", "sdk", "runtime"],
+        )
+    except Exception as e:
+        logger.warning("list_spaces(%s) failed: %s", task, e)
+        return []
+
+    out: list[dict] = []
+    for space in spaces:
+        repo_id = _attr(space, "id")
+        if not repo_id:
+            continue
+        sdk = (_attr(space, "sdk") or "").lower()
+        if allowed_sdks and sdk and sdk not in allowed_sdks:
+            continue
+        likes = _attr(space, "likes") or 0
+        if likes < min_likes:
+            continue
+        stage = _stage(space)
+        if running_only and stage is not None and stage not in LIVE_STAGES:
+            continue
+
+        out.append(
+            {
+                "kind": "space",
+                "id": repo_id,
+                "task": task,
+                "space_category": category,
+                "modality": modality,
+                "title": _title(space, repo_id),
+                "description": _description(space),
+                "added_at": now_iso(),
+                "featured": False,
+                "zero_gpu": _detect_zero_gpu(space),
+                "_likes": likes,  # kept only for sorting/trimming; strip before upload
+            }
+        )
+        if len(out) >= per_task:
+            break
+    logger.info("task %-28s -> %d candidates", task, len(out))
+    return out
+
+
+def main() -> int:
+    ap = argparse.ArgumentParser(description=__doc__)
+    ap.add_argument("--per-task", type=int, default=12, help="Max Spaces kept per task.")
+    ap.add_argument("--min-likes", type=int, default=5, help="Drop Spaces below this many likes.")
+    ap.add_argument(
+        "--tasks",
+        default=None,
+        help="Comma-separated subset of tasks to query (default: all in TASK_META).",
+    )
+    ap.add_argument(
+        "--sdk",
+        default="gradio,docker",
+        help="Allowed Space SDKs, comma-separated. Empty string = any.",
+    )
+    ap.add_argument(
+        "--all-stages",
+        action="store_true",
+        help="Keep Spaces regardless of runtime stage (default keeps only live-ish ones).",
+    )
+    ap.add_argument("--out", default="curated.candidates.json", help="Output path.")
+    args = ap.parse_args()
+
+    try:
+        from huggingface_hub import HfApi
+    except Exception as e:
+        logger.error("huggingface_hub is required: %s", e)
+        return 2
+
+    api = HfApi()
+    tasks = (
+        [t.strip() for t in args.tasks.split(",") if t.strip()]
+        if args.tasks
+        else list(TASK_META)
+    )
+    unknown = [t for t in tasks if t not in TASK_META]
+    if unknown:
+        logger.error("unknown tasks (add them to TASK_META first): %s", unknown)
+        return 2
+
+    allowed_sdks = {s.strip().lower() for s in args.sdk.split(",") if s.strip()}
+
+    by_id: dict[str, dict] = {}
+    for task in tasks:
+        for cand in harvest_task(
+            api, task, args.per_task, args.min_likes, allowed_sdks, not args.all_stages
+        ):
+            # First task that surfaces a Space wins; record the dupe for review.
+            if cand["id"] in by_id:
+                by_id[cand["id"]].setdefault("_also_matched", []).append(task)
+                continue
+            by_id[cand["id"]] = cand
+
+    items = sorted(by_id.values(), key=lambda e: e.pop("_likes", 0), reverse=True)
+
+    payload = {"snapshot_version": 2, "fetched_at": now_iso(), "items": items}
+    with open(args.out, "w", encoding="utf-8") as f:
+        json.dump(payload, f, indent=2, ensure_ascii=False)
+        f.write("\n")
+
+    # summary
+    import collections
+
+    by_modality = collections.Counter(e["modality"] for e in items)
+    zero = sum(1 for e in items if e["zero_gpu"])
+    logger.info(
+        "wrote %d candidate spaces to %s  (%d zero-gpu)  modalities=%s",
+        len(items),
+        args.out,
+        zero,
+        dict(by_modality),
+    )
+    logger.info(
+        "next: trim %s by hand (drop junk, set `featured`, write `description`, "
+        "remove any `_also_matched`), rename to curated.json, then run "
+        "`python scripts/validate_workflow_curated.py --source curated.json --dry-run`",
+        args.out,
+    )
+    return 0
+
+
+if __name__ == "__main__":
+    sys.exit(main())
diff --git a/scripts/compare_frontend_benchmarks.js b/scripts/compare_frontend_benchmarks.js
new file mode 100644
index 0000000..2fa11fd
--- /dev/null
+++ b/scripts/compare_frontend_benchmarks.js
@@ -0,0 +1,176 @@
+import fs from "fs";
+
+let pr, base;
+try {
+	pr = JSON.parse(fs.readFileSync("/tmp/bench_pr.json", "utf8"));
+	base = JSON.parse(fs.readFileSync("/tmp/bench_base.json", "utf8"));
+} catch (e) {
+	console.warn("Could not read benchmark results:", e.message);
+	process.exit(0);
+}
+
+const metrics = [
+	{
+		name: "DOM Content Loaded",
+		key: "dom_content_loaded_ms",
+		unit: "ms",
+		warn: 0.25,
+		fail: 0.5,
+		minAbsDiff: 200
+	},
+	{
+		name: "Page Load",
+		key: "page_load_ms",
+		unit: "ms",
+		warn: 0.25,
+		fail: 0.5,
+		minAbsDiff: 500
+	},
+	{
+		name: "LCP",
+		key: "lcp_ms",
+		unit: "ms",
+		warn: 0.25,
+		fail: 0.5,
+		minAbsDiff: 300
+	},
+	{
+		name: "Tab Navigation",
+		key: "tab_nav_ms",
+		unit: "ms",
+		warn: 0.25,
+		fail: 0.5,
+		minAbsDiff: 200
+	},
+	{
+		name: "JS Size",
+		key: "total_js_kb",
+		unit: "KB",
+		warn: 0.1,
+		fail: 0.25,
+		minAbsDiff: 0
+	},
+	{
+		name: "CSS Size",
+		key: "total_css_kb",
+		unit: "KB",
+		warn: 0.1,
+		fail: 0.25,
+		minAbsDiff: 0
+	}
+];
+
+const pad = (s, n) => String(s).padEnd(n);
+const rpad = (s, n) => String(s).padStart(n);
+
+const baseTag = process.env.BASE_TAG || "unknown";
+
+console.log("");
+console.log("=".repeat(78));
+console.log("  Frontend Performance Benchmark");
+console.log("  Base: " + baseTag);
+console.log("=".repeat(78));
+console.log("");
+console.log(
+	pad("Metric", 22) +
+		rpad("Base", 12) +
+		rpad("PR", 12) +
+		rpad("Change", 12) +
+		"  Status"
+);
+console.log("-".repeat(78));
+
+let shouldFail = false;
+let md = "## Frontend Performance Benchmark\n\n";
+md += "| Metric | Base | PR | Change | Status |\n";
+md += "|--------|------|----|--------|--------|\n";
+
+for (const m of metrics) {
+	const bv = base[m.key];
+	const pv = pr[m.key];
+	if (bv === undefined || pv === undefined) continue;
+	const pct = bv === 0 ? 0 : (pv - bv) / bv;
+	const pctStr = (pct * 100).toFixed(1) + "%";
+	const changeStr = (pct > 0 ? "+" : "") + pctStr;
+	const absDiff = pv - bv;
+	const minAbsDiff = m.minAbsDiff;
+	let status = "OK";
+	let mdStatus = "✅";
+	if (pct > m.fail && absDiff > minAbsDiff) {
+		status = "FAIL";
+		mdStatus = "❌ FAIL";
+		shouldFail = true;
+	} else if (pct > m.warn && absDiff > minAbsDiff) {
+		status = "WARNING";
+		mdStatus = "⚠️ WARNING";
+	}
+	console.log(
+		pad(m.name, 22) +
+			rpad(bv + " " + m.unit, 12) +
+			rpad(pv + " " + m.unit, 12) +
+			rpad(changeStr, 12) +
+			"  " +
+			status
+	);
+	md +=
+		"| " +
+		m.name +
+		" | " +
+		bv +
+		" " +
+		m.unit +
+		" | " +
+		pv +
+		" " +
+		m.unit +
+		" | " +
+		changeStr +
+		" | " +
+		mdStatus +
+		" |\n";
+}
+
+console.log("-".repeat(78));
+console.log(
+	pad("JS Resources", 22) +
+		rpad(base.js_resource_count || "-", 12) +
+		rpad(pr.js_resource_count || "-", 12)
+);
+console.log(
+	pad("CSS Resources", 22) +
+		rpad(base.css_resource_count || "-", 12) +
+		rpad(pr.css_resource_count || "-", 12)
+);
+console.log("");
+
+md +=
+	"\n| JS Resources | " +
+	(base.js_resource_count || "-") +
+	" | " +
+	(pr.js_resource_count || "-") +
+	" | | |\n";
+md +=
+	"| CSS Resources | " +
+	(base.css_resource_count || "-") +
+	" | " +
+	(pr.css_resource_count || "-") +
+	" | | |\n";
+md +=
+	"\n> Base: `" +
+	baseTag +
+	"` | Thresholds: timing warns at +25%/fails at +50%, size warns at +10%/fails at +25%.\n";
+
+fs.appendFileSync(process.env.GITHUB_STEP_SUMMARY, md);
+fs.writeFileSync("/tmp/bench_comment.md", md);
+
+const ghOutput = process.env.GITHUB_OUTPUT;
+if (ghOutput) {
+	fs.appendFileSync(ghOutput, `failed=${shouldFail ? "true" : "false"}\n`);
+}
+
+if (shouldFail) {
+	console.log("❌ Frontend performance regression detected.");
+	process.exit(1);
+} else {
+	console.log("✅ No performance regressions detected.");
+}
diff --git a/scripts/copy_demos.py b/scripts/copy_demos.py
new file mode 100644
index 0000000..f7e5502
--- /dev/null
+++ b/scripts/copy_demos.py
@@ -0,0 +1,94 @@
+"""
+We pull in a select number of spaces and build them into a single FastAPI application to preview them on HF Spaces.
+The script that is run in CI is located at: https://github.com/gradio-app/github/blob/main/packages/copy-demos/index.ts
+This is the Python version of that script for local use.
+"""
+
+import argparse
+import os
+import pathlib
+import shutil
+import textwrap
+
+
+def copy_all_demos(source_dir: str, dest_dir: str):
+    demos_to_copy = [
+        "audio_debugger",
+        "blocks_essay",
+        "blocks_group",
+        "blocks_js_methods",
+        "blocks_layout",
+        "blocks_multiple_event_triggers",
+        "blocks_update",
+        "calculator",
+        "cancel_events",
+        "chatbot_multimodal",
+        "chatinterface_streaming_echo",
+        "clear_components",
+        "code",
+        "fake_gan",
+        "fake_diffusion_with_gif",
+        "file_explorer_component_events",
+        "gradio_pdf_demo",
+        "iframe_resizer",
+        "image_mod_default_image",
+        "image_editor_events",
+        "image_segmentation",
+        "interface_random_slider",
+        "kitchen_sink",
+        "kitchen_sink_random",
+        "login_with_huggingface",
+        "matrix_transpose",
+        "mini_leaderboard",
+        "model3D",
+        "native_plots",
+        "reverse_audio",
+        "stt_or_tts",
+        "stream_audio",
+        "stream_audio_out",
+        "stream_frames",
+        "video_component",
+        "zip_files",
+    ]
+    for demo in demos_to_copy:
+        shutil.copytree(
+            os.path.join(source_dir, demo),
+            os.path.join(dest_dir, demo),
+            dirs_exist_ok=True,
+        )
+
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser(
+        description="Copy all demos to all_demos and update requirements"
+    )
+    parser.add_argument(
+        "--gradio-version", type=str, help="Gradio", default="5.9.1", required=False
+    )
+    parser.add_argument(
+        "--gradio-client-version",
+        type=str,
+        help="Gradio Client Version",
+        default="1.5.2",
+        required=False,
+    )
+    args = parser.parse_args()
+
+    source_dir = pathlib.Path(pathlib.Path(__file__).parent, "..", "demo")
+    dest_dir = pathlib.Path(
+        pathlib.Path(__file__).parent, "..", "demo", "all_demos", "demos"
+    )
+    copy_all_demos(source_dir, dest_dir)
+    reqs_file_path = pathlib.Path(
+        pathlib.Path(__file__).parent, "..", "demo", "all_demos", "requirements.txt"
+    )
+    requirements = f"""
+    gradio_client=={args.gradio_client_version}
+    gradio=={args.gradio_version}
+    matplotlib
+    pypistats==1.1.0
+    plotly
+    altair
+    vega_datasets
+    """
+    pathlib.Path(reqs_file_path).write_text(textwrap.dedent(requirements))
diff --git a/scripts/create_test_requirements.bat b/scripts/create_test_requirements.bat
new file mode 100644
index 0000000..55cd381
--- /dev/null
+++ b/scripts/create_test_requirements.bat
@@ -0,0 +1,16 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+:: Check for pip
+call scripts\helpers.bat pip_required
+
+echo Creating test requirements...
+echo To match the CI environment, this script should be run from a Unix-like system in Python 3.9.
+
+:: Change to test directory
+cd test
+pip install --upgrade pip-tools
+pip-compile requirements.in --output-file requirements.txt
\ No newline at end of file
diff --git a/scripts/create_test_requirements.sh b/scripts/create_test_requirements.sh
new file mode 100755
index 0000000..5cdf551
--- /dev/null
+++ b/scripts/create_test_requirements.sh
@@ -0,0 +1,19 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+pip_required
+
+echo "Creating test requirements...
+To match the CI environment, this script should be run from a Unix-like system in Python 3.10."
+
+# Passing --exclude-newer on the CLI overrides the entire exclude-newer config
+# (including the per-package exemptions in pyproject.toml's [tool.uv]), so the
+# starlette exemption must be repeated here to allow starlette>=1.0.1, which was
+# released just inside the exclude-newer window.
+uv pip compile \
+  --exclude-newer "${UV_EXCLUDE_NEWER:-7 days}" \
+  --exclude-newer-package "starlette=false" \
+  test/requirements.in \
+  -o test/requirements.txt
diff --git a/scripts/delete_old_spaces.py b/scripts/delete_old_spaces.py
new file mode 100644
index 0000000..130193f
--- /dev/null
+++ b/scripts/delete_old_spaces.py
@@ -0,0 +1,47 @@
+import argparse
+import datetime
+from typing import Optional
+
+from huggingface_hub import HfApi
+
+
+def delete_space(space_id: str, hf_token: str, api_client: Optional[HfApi] = None):
+    api_client = api_client or HfApi()
+    api_client.delete_repo(repo_id=space_id, token=hf_token, repo_type="space")
+
+
+def get_spaces_to_delete(
+    n_days: int, org_name: str, api_client: Optional[HfApi] = None
+):
+    api_client = api_client or HfApi()
+    spaces = api.list_spaces(author=org_name)
+    spaces_to_delete = []
+    for space in spaces:
+        last_modified = api_client.space_info(space.id).lastModified
+        age = (
+            datetime.datetime.now()
+            - datetime.datetime.fromisoformat(last_modified.rsplit(".", 1)[0])
+        ).days
+        if age > n_days:
+            spaces_to_delete.append(space.id)
+    return spaces_to_delete
+
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser(description="Upload a demo to a space")
+    parser.add_argument(
+        "n_days",
+        type=int,
+        help="Spaces older than n_days will be automatically deleted",
+    )
+    parser.add_argument(
+        "org_name", type=str, help="Name of the author/org to search in"
+    )
+    parser.add_argument("hf_token", type=str, help="HF API token")
+    args = parser.parse_args()
+    api = HfApi()
+
+    to_delete = get_spaces_to_delete(args.n_days, args.org_name, api_client=api)
+    for space in to_delete:
+        print(f"Deleting {space}")
+        delete_space(space, args.hf_token, api_client=api)
diff --git a/scripts/download_artifacts.py b/scripts/download_artifacts.py
new file mode 100644
index 0000000..17b9e94
--- /dev/null
+++ b/scripts/download_artifacts.py
@@ -0,0 +1,76 @@
+import argparse
+
+import requests
+
+WORKFLOW_RUN_ENDPOINT = (
+    "https://api.github.com/repos/{owner}/{repo}/actions/runs/{run_id}/artifacts"
+)
+ARTIFACT_DOWNLOAD_ENDPOINT = (
+    "https://api.github.com/repos/{owner}/{repo}/actions/artifacts/{artifact_id}/zip"
+)
+
+
+def download_artifact(
+    owner: str, repo: str, run_id: str, artifact_name: str, gh_token: str
+):
+    """Download artifact by name from a run id
+    Args:
+        owner: Owner of the repo.
+        repo: The name of the repository.
+        run_id: The id of the action run that created the artifact.
+        artifact_name: The name of the artifact to download.
+        gh_token: The token used to download artifacts
+    """
+
+    headers = {
+        "Accept": "application/vnd.github+json",
+        "Authorization": f"Bearer {gh_token}",
+        "X-GitHub-Api-Version": "2022-11-28",
+    }
+
+    artifacts = requests.get(
+        WORKFLOW_RUN_ENDPOINT.format(owner=owner, repo=repo, run_id=run_id),
+        headers=headers,
+    ).json()
+    artifact_id = next(
+        (
+            artifact["id"]
+            for artifact in artifacts["artifacts"]
+            if artifact["name"] == artifact_name
+        ),
+        None,
+    )
+
+    if not artifact_id:
+        raise ValueError(
+            f"Cannot find {artifact_name}! {artifacts} {owner} {repo} {run_id}"
+        )
+
+    download = requests.get(
+        ARTIFACT_DOWNLOAD_ENDPOINT.format(
+            artifact_id=artifact_id,
+            owner=owner,
+            repo=repo,
+        ),
+        headers=headers,
+    )
+    with open(f"{artifact_name}.zip", "wb") as f:
+        f.write(download.content)
+
+    return f"{artifact_name}.zip"
+
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser(description="Download an artifact")
+    parser.add_argument("run_id", type=str, help="Run id")
+    parser.add_argument("artifact_name", type=str)
+    parser.add_argument("gh_token", type=str)
+    parser.add_argument(
+        "--owner", type=str, help="Owner of repository", default="gradio-app"
+    )
+    parser.add_argument("--repo", type=str, help="Name of repository", default="gradio")
+    args = parser.parse_args()
+    new_space = download_artifact(
+        args.owner, args.repo, args.run_id, args.artifact_name, args.gh_token
+    )
+    print(new_space)
diff --git a/scripts/download_offline_assets.py b/scripts/download_offline_assets.py
new file mode 100644
index 0000000..60f8320
--- /dev/null
+++ b/scripts/download_offline_assets.py
@@ -0,0 +1,221 @@
+#!/usr/bin/env python3
+"""Download static assets required for offline Gradio usage."""
+
+from __future__ import annotations
+
+import re
+import shutil
+import ssl
+import urllib.request
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parents[1]
+STATIC = ROOT / "gradio" / "templates" / "frontend" / "static"
+FONTS_DIR = STATIC / "fonts"
+
+WEIGHT_TO_FILENAME = {
+    100: "Thin",
+    200: "ExtraLight",
+    300: "Light",
+    400: "Regular",
+    500: "Medium",
+    600: "SemiBold",
+    700: "Bold",
+    800: "ExtraBold",
+    900: "Black",
+}
+
+THEME_FONTS: dict[str, list[int]] = {
+    "Source Sans Pro": [400, 600],
+    "IBM Plex Sans": [400, 600],
+    "IBM Plex Mono": [400, 500, 600],
+    "Montserrat": [400, 700],
+    "Quicksand": [400, 700],
+    "Inconsolata": [400, 700],
+    "Lexend": [400, 600],
+    "Space Mono": [400],
+    "Source Sans 3": [400, 600],
+    "Source Code Pro": [400, 600],
+    "Chakra Petch": [400, 600],
+    "Share Tech Mono": [400],
+    "Lora": [400, 600],
+    "Ubuntu": [400],
+    "Roboto Mono": [400, 600],
+    "Press Start 2P": [400],
+}
+
+# Baseline Bokeh version to bundle. The version that gradio's Plot component
+# actually requests at runtime is `bokeh.__version__` of the installed package,
+# so `bokeh_versions()` always adds that too -- otherwise the frontend 404s on
+# /static/bokeh/{installed_version}/ and falls back to the CDN (which defeats
+# offline support).
+BOKEH_VERSIONS = ["3.8.1"]
+BOKEH_FILES = [
+    "bokeh-{version}.min.js",
+    "bokeh-widgets-{version}.min.js",
+    "bokeh-tables-{version}.min.js",
+    "bokeh-gl-{version}.min.js",
+    "bokeh-api-{version}.min.js",
+]
+
+USER_AGENT = (
+    "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) "
+    "AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36"
+)
+
+
+def _ssl_context() -> ssl.SSLContext:
+    # python.org Python on macOS ships without a usable system CA bundle, so the
+    # default context can't verify TLS. Prefer certifi's bundle when available
+    # (it's a transitive Gradio dependency). This still performs full
+    # certificate verification -- it does not disable it.
+    try:
+        import certifi
+    except ImportError:
+        return ssl.create_default_context()
+    return ssl.create_default_context(cafile=certifi.where())
+
+
+def fetch(url: str) -> bytes:
+    request = urllib.request.Request(url, headers={"User-Agent": USER_AGENT})
+    with urllib.request.urlopen(request, timeout=60, context=_ssl_context()) as response:
+        return response.read()
+
+
+LEGACY_FONT_DIRS = {
+    "Source Sans Pro": "SourceSansPro",
+}
+
+
+def migrate_legacy_font_dirs() -> None:
+    for legacy, modern in LEGACY_FONT_DIRS.items():
+        legacy_dir = FONTS_DIR / legacy
+        modern_dir = FONTS_DIR / modern
+        if not legacy_dir.exists():
+            continue
+        modern_dir.mkdir(parents=True, exist_ok=True)
+        for font_file in legacy_dir.glob("*.woff2"):
+            dest = modern_dir / font_file.name
+            if not dest.exists():
+                shutil.copy2(font_file, dest)
+        shutil.rmtree(legacy_dir)
+
+
+def download_fonts() -> None:
+    migrate_legacy_font_dirs()
+    for family, weights in THEME_FONTS.items():
+        dir_name = family.replace(" ", "")
+        family_dir = FONTS_DIR / dir_name
+        family_dir.mkdir(parents=True, exist_ok=True)
+        # Skip the network round-trip entirely when every weight is already on
+        # disk, so cached/air-gapped rebuilds don't need to reach Google Fonts.
+        if all(
+            (family_dir / f"{dir_name}-{WEIGHT_TO_FILENAME.get(w, str(w))}.woff2").exists()
+            for w in weights
+        ):
+            continue
+        weight_spec = ";".join(str(w) for w in weights)
+        css_url = (
+            f"https://fonts.googleapis.com/css2?family="
+            f"{family.replace(' ', '+')}:wght@{weight_spec}&display=swap"
+        )
+        css_text = fetch(css_url).decode("utf-8")
+        blocks = re.findall(
+            r"font-weight:\s*(\d+);.*?src:\s*url\((https://[^)]+)\)\s*format\('woff2'\)",
+            css_text,
+            re.DOTALL,
+        )
+        for weight_str, woff2_url in blocks:
+            weight = int(weight_str)
+            if weight not in weights:
+                continue
+            file_weight = WEIGHT_TO_FILENAME.get(weight, str(weight))
+            dest = family_dir / f"{dir_name}-{file_weight}.woff2"
+            if dest.exists():
+                continue
+            dest.write_bytes(fetch(woff2_url))
+            print(f"  font: {dest.relative_to(ROOT)}")
+
+
+def download_iframe_resizer() -> None:
+    dest_dir = STATIC / "js"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    dest = dest_dir / "iframeResizer.contentWindow.min.js"
+    # Pin the iframe-resizer *child* to v4.3.1. It has to match the iframe-resizer
+    # *parent* that HF Spaces runs to embed apps: a v5 child speaks a different
+    # postMessage protocol that the v4 parent can't handshake with, so
+    # `window.parentIFrame` never appears in the embedded app and the height
+    # reporting in Blocks.svelte silently never runs (the app won't size to its
+    # content on Spaces). v4.3.1 is also MIT-licensed, whereas v5 is GPL-3.0.
+    # `@iframe-resizer/child` in node_modules is v5 (a devDependency of the spaces
+    # test harness), so fetch the pinned v4.3.1 build rather than copying it.
+    url = (
+        "https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/"
+        "iframeResizer.contentWindow.min.js"
+    )
+    dest.write_bytes(fetch(url))
+    print(f"  iframe-resizer: {dest.relative_to(ROOT)}")
+
+
+def bokeh_versions() -> list[str]:
+    versions = list(BOKEH_VERSIONS)
+    try:
+        import bokeh  # type: ignore
+
+        if bokeh.__version__ not in versions:
+            versions.append(bokeh.__version__)
+    except ImportError:
+        pass
+    return versions
+
+
+def download_bokeh() -> None:
+    for version in bokeh_versions():
+        version_dir = STATIC / "bokeh" / version
+        version_dir.mkdir(parents=True, exist_ok=True)
+        for pattern in BOKEH_FILES:
+            filename = pattern.format(version=version)
+            dest = version_dir / filename
+            if dest.exists():
+                continue
+            if filename == f"bokeh-{version}.min.js":
+                base = "https://cdn.bokeh.org/bokeh/release"
+            else:
+                base = "https://cdn.pydata.org/bokeh/release"
+            url = f"{base}/{filename}"
+            dest.write_bytes(fetch(url))
+            print(f"  bokeh: {dest.relative_to(ROOT)}")
+
+
+def download_ffmpeg() -> None:
+    dest_dir = STATIC / "ffmpeg"
+    dest_dir.mkdir(parents=True, exist_ok=True)
+    core_dir = ROOT / "node_modules" / "@ffmpeg" / "core" / "dist" / "esm"
+    files = ["ffmpeg-core.js", "ffmpeg-core.wasm"]
+    for name in files:
+        src = core_dir / name
+        dest = dest_dir / name
+        if src.exists():
+            shutil.copy2(src, dest)
+            print(f"  ffmpeg: {dest.relative_to(ROOT)}")
+        elif not dest.exists():
+            base = "https://unpkg.com/@ffmpeg/core@0.12.4/dist/esm"
+            dest.write_bytes(fetch(f"{base}/{name}"))
+            print(f"  ffmpeg: {dest.relative_to(ROOT)}")
+
+
+def main() -> None:
+    print("Downloading offline assets...")
+    print("fonts:")
+    download_fonts()
+    print("iframe-resizer:")
+    download_iframe_resizer()
+    print("bokeh:")
+    download_bokeh()
+    print("ffmpeg:")
+    download_ffmpeg()
+    print("Done.")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/format_backend.bat b/scripts/format_backend.bat
new file mode 100644
index 0000000..075269a
--- /dev/null
+++ b/scripts/format_backend.bat
@@ -0,0 +1,17 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+echo Formatting the backend... Our style follows the ruff code style.
+
+:: Check if gradio can be imported
+python -c "import gradio"
+
+:: Run ruff checks and formatting
+python -m ruff check --fix gradio test client
+python -m ruff format gradio test client
+
+:: Run type checking script
+call scripts\type_check_backend.bat
\ No newline at end of file
diff --git a/scripts/format_backend.sh b/scripts/format_backend.sh
new file mode 100755
index 0000000..bf3fddf
--- /dev/null
+++ b/scripts/format_backend.sh
@@ -0,0 +1,9 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+
+echo "Formatting the backend... Our style follows the ruff code style."
+python -c "import gradio"
+python -m ruff check --fix gradio test client
+python -m ruff format gradio test client
+bash scripts/type_check_backend.sh
\ No newline at end of file
diff --git a/scripts/format_frontend.bat b/scripts/format_frontend.bat
new file mode 100644
index 0000000..2150c63
--- /dev/null
+++ b/scripts/format_frontend.bat
@@ -0,0 +1,13 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+:: Check for pnpm
+call scripts\helpers.bat pnpm_required
+
+echo Formatting the frontend... Also we'll do type checking with TypeScript.
+pnpm i
+pnpm format:write
+pnpm ts:check
\ No newline at end of file
diff --git a/scripts/format_frontend.sh b/scripts/format_frontend.sh
new file mode 100755
index 0000000..d7db263
--- /dev/null
+++ b/scripts/format_frontend.sh
@@ -0,0 +1,11 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+pnpm_required
+
+echo "Formatting the frontend... Also we'll do type checking with TypeScript."
+pnpm i
+pnpm format:write
+pnpm ts:check
diff --git a/scripts/format_release_notes.py b/scripts/format_release_notes.py
new file mode 100644
index 0000000..5a84d6e
--- /dev/null
+++ b/scripts/format_release_notes.py
@@ -0,0 +1,42 @@
+import argparse
+import pathlib
+import textwrap
+
+current_dir = (pathlib.Path(__file__).parent / "..").resolve()
+
+TEMPLATE = """# Upcoming Release 
+
+## New Features:
+No changes to highlight.
+
+## Bug Fixes:
+No changes to highlight.
+
+## Other Changes:
+No changes to highlight.
+
+## Breaking Changes:
+No changes to highlight.
+
+"""
+
+
+def format_release_notes(latest_version: str):
+    upcoming = current_dir / "CHANGELOG.md"
+    with open(upcoming, "r") as latest:
+        lines = latest.readlines()
+        assert "# Upcoming Release" in lines[0]
+    with open(upcoming, "w") as latest:
+        if latest_version.startswith("v"):
+            lines[0] = latest_version.replace("v", "# Version ") + "\n"
+        else:
+            lines[0] = "# Version " + latest_version + "\n"
+        lines = textwrap.dedent(TEMPLATE).splitlines(keepends=True) + lines
+        latest.writelines(lines)
+
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser(description="Upload a demo to a space")
+    parser.add_argument("latest_version", type=str, help="Name of demo to upload")
+    args = parser.parse_args()
+    format_release_notes(args.latest_version)
diff --git a/scripts/generate_css_vars_docs.py b/scripts/generate_css_vars_docs.py
new file mode 100644
index 0000000..102ea38
--- /dev/null
+++ b/scripts/generate_css_vars_docs.py
@@ -0,0 +1,107 @@
+"""Auto-generate a markdown table of all theme CSS variables from Base.set().
+
+Run: python scripts/generate_css_vars_docs.py
+This will update the theming guide in-place between the marker comments.
+"""
+
+import inspect
+import re
+from pathlib import Path
+
+from gradio.themes import Base
+
+GUIDE_PATH = Path(__file__).parent.parent / "guides" / "11_other-tutorials" / "css-variables-reference.md"
+START_MARKER = "<!-- CSS_VARS_TABLE_START -->"
+END_MARKER = "<!-- CSS_VARS_TABLE_END -->"
+
+
+def get_categories_and_params() -> list[tuple[str, list[tuple[str, str, str]]]]:
+    """Extract categories, param names, descriptions, and defaults from Base.set().
+
+    Returns list of (category, [(css_var, description, default), ...])
+    """
+    sig = inspect.signature(Base.set)
+    doc = Base.set.__doc__ or ""
+
+    descriptions: dict[str, str] = {}
+    for line in doc.split("\n"):
+        m = re.match(r"^\s{12}(\w+):\s*(.+)$", line)
+        if m:
+            descriptions[m.group(1)] = m.group(2).strip()
+
+    source = inspect.getsource(Base.set)
+    categories: list[tuple[str, int]] = []
+    lines = source.split("\n")
+    param_line_map: dict[str, int] = {}
+    for i, line in enumerate(lines):
+        cat_match = re.match(r"\s*#\s*(.+?):\s*These\s", line)
+        if cat_match:
+            categories.append((cat_match.group(1).strip(), i))
+        param_match = re.match(r"\s*(\w+)\s*=\s*None", line)
+        if param_match:
+            param_line_map[param_match.group(1)] = i
+
+    base = Base()
+    defaults: dict[str, str] = {}
+    for attr in dir(base):
+        if not attr.startswith("_") and isinstance(getattr(base, attr), str):
+            defaults[attr] = getattr(base, attr)
+
+    params = [p for p in sig.parameters if p != "self" and p != "return"]
+    result: list[tuple[str, list[tuple[str, str, str]]]] = []
+
+    cat_boundaries = [(name, line) for name, line in categories]
+    cat_boundaries.append(("_end", float("inf")))
+
+    for idx, (cat_name, cat_line) in enumerate(cat_boundaries[:-1]):
+        next_cat_line = cat_boundaries[idx + 1][1]
+        cat_params = []
+        for p in params:
+            p_line = param_line_map.get(p, -1)
+            if cat_line <= p_line < next_cat_line:
+                css_var = f"--{p.replace('_', '-')}"
+                desc = descriptions.get(p, "")
+                default = defaults.get(p, "")
+                cat_params.append((css_var, desc, default))
+        if cat_params:
+            result.append((cat_name, cat_params))
+
+    return result
+
+
+def generate_table() -> str:
+    categories = get_categories_and_params()
+    lines = []
+
+    for cat_name, params in categories:
+        lines.append(f"\n#### {cat_name}\n")
+        lines.append("| CSS Variable | Description | Default |")
+        lines.append("| --- | --- | --- |")
+        for css_var, desc, default in params:
+            escaped = default.replace("|", "\\|") if default else ""
+            default_display = f"`{escaped}`" if escaped else ""
+            lines.append(f"| `{css_var}` | {desc} | {default_display} |")
+
+    return "\n".join(lines)
+
+
+def update_guide():
+    content = GUIDE_PATH.read_text()
+    table = generate_table()
+    new_section = f"{START_MARKER}\n{table}\n{END_MARKER}"
+
+    if START_MARKER in content:
+        pattern = re.escape(START_MARKER) + r".*?" + re.escape(END_MARKER)
+        content = re.sub(pattern, new_section, content, flags=re.DOTALL)
+    else:
+        raise ValueError(
+            f"Could not find {START_MARKER} in {GUIDE_PATH}. "
+            "Please add the start/end markers to the guide."
+        )
+
+    GUIDE_PATH.write_text(content)
+    print(f"Updated {GUIDE_PATH}")
+
+
+if __name__ == "__main__":
+    update_guide()
diff --git a/scripts/generate_skill.py b/scripts/generate_skill.py
new file mode 100644
index 0000000..41925b3
--- /dev/null
+++ b/scripts/generate_skill.py
@@ -0,0 +1,442 @@
+"""Generates .agents/skills/gradio/ from Gradio's docstrings, guides, and demos.
+
+Usage:
+    python scripts/generate_skill.py          # regenerate
+    python scripts/generate_skill.py --check  # CI: fail if output would change
+"""
+
+import argparse
+import os
+import shutil
+import sys
+import tempfile
+
+DIR = os.path.dirname(__file__)
+REPO_ROOT = os.path.abspath(os.path.join(DIR, ".."))
+sys.path.insert(0, os.path.join(REPO_ROOT, "client", "python"))
+sys.path.insert(0, REPO_ROOT)
+
+from gradio_client.documentation import generate_documentation  # noqa: E402
+
+import gradio  # noqa: E402, F401
+
+DEMOS_DIR = os.path.join(REPO_ROOT, "demo")
+SKILL_DIR = os.path.join(REPO_ROOT, ".agents", "skills", "gradio")
+
+CURATED_GUIDES = [
+    "quickstart",
+    "the-interface-class",
+    "blocks-and-event-listeners",
+    "controlling-layout",
+    "more-blocks-features",
+    "custom-CSS-and-JS",
+    "streaming-outputs",
+    "streaming-inputs",
+    "sharing-your-app",
+    "custom-HTML-components",
+    "getting-started-with-the-python-client",
+    "getting-started-with-the-js-client",
+]
+
+IMPORTANT_DEMOS = [
+    "blocks_essay_simple",
+    "blocks_flipper",
+    "blocks_form",
+    "blocks_hello",
+    "blocks_layout",
+    "calculator",
+    "chatbot_simple",
+    "chatbot_streaming",
+    "chatinterface_multimodal",
+    "custom_css",
+    "fake_diffusion",
+    "hello_world",
+    "image_editor",
+    "on_listener_decorator",
+    "render_merge",
+    "reverse_audio_2",
+    "sepia_filter",
+    "sort_records",
+    "streaming_simple",
+    "tabbed_interface_lite",
+    "tax_calculator",
+    "timer_simple",
+    "variable_outputs",
+    "video_identity",
+]
+
+KEY_COMPONENTS = [
+    "Textbox",
+    "Number",
+    "Slider",
+    "Checkbox",
+    "Dropdown",
+    "Radio",
+    "Image",
+    "Audio",
+    "Video",
+    "File",
+    "Chatbot",
+    "DataFrame",
+    "Button",
+    "Markdown",
+    "HTML",
+]
+
+
+def load_all_demo_code():
+    demos = {}
+    for demo_folder in os.listdir(DEMOS_DIR):
+        runfile = os.path.join(DEMOS_DIR, demo_folder, "run.py")
+        if not os.path.exists(runfile):
+            continue
+        with open(runfile) as f:
+            code = f.read()
+            code = code.replace("# type: ignore", "").replace(
+                'if __name__ == "__main__":\n    demo.launch()', "demo.launch()"
+            )
+            demos[demo_folder] = code
+    return demos
+
+
+def build_signature(entry):
+    params = ", ".join(
+        p["name"]
+        + ": "
+        + str(p["annotation"])
+        + (" = " + str(p["default"]) if "default" in p else "")
+        for p in entry["parameters"]
+    )
+    return f"{entry['name']}({params})"
+
+
+def organize_docs(raw_docs):
+    organized = {
+        "building": {},
+        "components": {},
+        "helpers": {},
+        "modals": {},
+        "routes": {},
+        "chatinterface": {},
+    }
+    for mode in raw_docs:
+        for c in raw_docs[mode]:
+            for p in c.get("parameters", []):
+                p["annotation"] = str(p["annotation"])
+                if "default" in p:
+                    p["default"] = str(p["default"])
+            for fn in c["fns"]:
+                for p in fn.get("parameters", []):
+                    p["annotation"] = str(p["annotation"])
+                    if "default" in p:
+                        p["default"] = str(p["default"])
+            if mode == "component":
+                organized["components"][c["name"]] = c
+            elif mode == "py-client":
+                continue
+            elif mode in organized:
+                organized[mode][c["name"]] = c
+            else:
+                organized["building"][c["name"]] = c
+    return organized
+
+
+def build_events_matrix(organized):
+    component_events = {}
+    for name, comp in organized["components"].items():
+        if hasattr(comp.get("class"), "EVENTS"):
+            events = [fn["name"] for fn in comp["fns"] if fn["name"] in [str(e) for e in comp["class"].EVENTS]]
+            if events:
+                component_events[name] = events
+    return component_events
+
+
+def generate_examples(all_demos):
+    lines = ["# Gradio End-to-End Examples\n"]
+    lines.append("Complete working Gradio apps for reference.\n")
+
+    for demo_name in IMPORTANT_DEMOS:
+        if demo_name not in all_demos:
+            continue
+        pretty = demo_name.replace("_", " ").title()
+        code = all_demos[demo_name].strip()
+        lines.append(f"## {pretty}\n")
+        lines.append(f"```python\n{code}\n```\n")
+
+    return "\n".join(lines)
+
+
+def generate_api_signatures(organized):
+    """Generate API signatures for commonly used components."""
+    lines = ["# Component API Signatures\n"]
+    lines.append("Quick reference for common Gradio component constructors.\n")
+
+    for name in KEY_COMPONENTS:
+        if name not in organized["components"]:
+            continue
+        entry = organized["components"][name]
+        sig = build_signature(entry)
+        desc = entry.get("description", "").replace("<br>", " ").strip()
+        lines.append(f"## `{name}`\n")
+        lines.append(f"```python\n{sig}\n```\n")
+        if desc:
+            lines.append(f"{desc}\n")
+    return "\n".join(lines)
+
+
+def generate_event_listeners(organized):
+    """Generate event listener documentation."""
+    events_matrix = build_events_matrix(organized)
+
+    lines = ["# Event Listeners\n"]
+    lines.append("Events supported by each component.\n\n")
+
+    lines.append("## Event Listener Signature\n")
+    lines.append("```python")
+    lines.append("""component.event_name(
+    fn: Callable | None | Literal["decorator"] = "decorator",
+    inputs: Component | Sequence[Component] | set[Component] | None = None,
+    outputs: Component | Sequence[Component] | set[Component] | None = None,
+    api_name: str | None = None,
+    api_description: str | None | Literal[False] = None,
+    scroll_to_output: bool = False,
+    show_progress: Literal["full", "minimal", "hidden"] = "full",
+    show_progress_on: Component | Sequence[Component] | None = None,
+    queue: bool = True,
+    batch: bool = False,
+    max_batch_size: int = 4,
+    preprocess: bool = True,
+    postprocess: bool = True,
+    cancels: dict[str, Any] | list[dict[str, Any]] | None = None,
+    trigger_mode: Literal["once", "multiple", "always_last"] | None = None,
+    js: str | Literal[True] | None = None,
+    concurrency_limit: int | None | Literal["default"] = "default",
+    concurrency_id: str | None = None,
+    api_visibility: Literal["public", "private", "undocumented"] = "public",
+    time_limit: int | None = None,
+    stream_every: float = 0.5,
+    key: int | str | tuple[int | str, ...] | None = None,
+    validator: Callable | None = None,
+) -> Dependency""")
+    lines.append("```\n")
+
+    lines.append("## Supported Events by Component\n")
+    for comp, events in sorted(events_matrix.items()):
+        lines.append(f"- **{comp}**: {', '.join(events)}\n")
+
+    return "\n".join(lines)
+
+
+def generate_skill_md(organized, guide_links):
+    # Build list of key component names for main doc
+    key_component_list = []
+    for name in KEY_COMPONENTS:
+        if name in organized["components"]:
+            key_component_list.append(f"- `{name}`")
+
+    guide_list = "\n".join(
+        f"- [{title}](https://www.gradio.app/guides/{slug})"
+        for title, slug in guide_links
+    )
+
+    skill_md = f"""---
+name: gradio
+description: Build Gradio web UIs and demos in Python. Use when creating, modifying, debugging, or answering questions about Gradio and its capabilties, components, event listeners, or layouts.
+---
+
+# Gradio
+
+Gradio is a Python library for building interactive web UIs and ML demos. This skill covers the core API, patterns, and examples.
+
+## References
+- `references/examples.md` -  Illustrative examples showcasing the core Gradio API.
+- `references/api-signatures.md` - API signatures of commonly used components.
+- `references/event-listeners.md` - API signatures of events supported by each component.
+
+## Guides
+
+Detailed guides on specific topics (read these when relevant):
+
+{guide_list}
+
+## Core Patterns
+
+**Interface** (high-level): wraps a function with input/output components.
+
+```python
+import gradio as gr
+
+def greet(name):
+    return f"Hello {{name}}!"
+
+gr.Interface(fn=greet, inputs="text", outputs="text").launch()
+```
+
+**Blocks** (low-level): flexible layout with explicit event wiring.
+
+```python
+import gradio as gr
+
+with gr.Blocks() as demo:
+    name = gr.Textbox(label="Name")
+    output = gr.Textbox(label="Greeting")
+    btn = gr.Button("Greet")
+    btn.click(fn=lambda n: f"Hello {{n}}!", inputs=name, outputs=output)
+
+demo.launch()
+```
+
+**ChatInterface**: high-level wrapper for chatbot UIs.
+
+```python
+import gradio as gr
+
+def respond(message, history):
+    return f"You said: {{message}}"
+
+gr.ChatInterface(fn=respond).launch()
+```
+
+## Custom HTML Components
+
+If a task requires significant customization of an existing component or a component that doesn't exist in Gradio, you can create one with `gr.HTML`. It supports `html_template` (with `${{}}` JS expressions and `{{{{}}}}` Handlebars syntax), `css_template` for scoped styles, and `js_on_load` for interactivity — where `props.value` updates the component value and `trigger('event_name')` fires Gradio events. For reuse, subclass `gr.HTML` and define `api_info()` for API/MCP support. 
+
+See the [full guide](https://www.gradio.app/guides/custom-HTML-components) as well as example in `references/examples.md`
+
+## Server Mode
+
+Use `gr.Server` instead of gr.Blocks when the users requests any of the following:
+- Completely custom UI (your own HTML, React, Svelte, etc.) powered by Gradio's backend.
+- Full control of FastAPI server (custom GET/POST routes, middleware, dependency injection) alongside Gradio API endpoints
+
+See the [full guide](https://www.gradio.app/guides/server-mode) and example in `references/examples.md`.
+
+If the user's use case can be handled by Gradio's built-in components or customizable HTML components, prefer not to use `gr.Server`.
+"""
+    return skill_md.strip() + "\n"
+
+
+GUIDE_TITLES = {
+    "quickstart": "Quickstart",
+    "the-interface-class": "The Interface Class",
+    "blocks-and-event-listeners": "Blocks and Event Listeners",
+    "controlling-layout": "Controlling Layout",
+    "more-blocks-features": "More Blocks Features",
+    "custom-CSS-and-JS": "Custom CSS and JS",
+    "streaming-outputs": "Streaming Outputs",
+    "streaming-inputs": "Streaming Inputs",
+    "sharing-your-app": "Sharing Your App",
+    "custom-HTML-components": "Custom HTML Components",
+    "getting-started-with-the-python-client": "Getting Started with the Python Client",
+    "getting-started-with-the-js-client": "Getting Started with the JS Client",
+}
+
+
+def generate_to(output_dir):
+    raw_docs = generate_documentation()
+    organized = organize_docs(raw_docs)
+    all_demos = load_all_demo_code()
+
+    os.makedirs(output_dir, exist_ok=True)
+
+    guide_links = []
+    for guide_name in CURATED_GUIDES:
+        title = GUIDE_TITLES.get(guide_name, guide_name.replace("-", " ").title())
+        guide_links.append((title, guide_name))
+
+    # Create references subdirectory
+    references_dir = os.path.join(output_dir, "references")
+    os.makedirs(references_dir, exist_ok=True)
+
+    # Generate main skill file
+    skill_md = generate_skill_md(organized, guide_links)
+    with open(os.path.join(output_dir, "SKILL.md"), "w") as f:
+        f.write(skill_md)
+
+    # Generate reference files
+    examples = generate_examples(all_demos)
+    with open(os.path.join(references_dir, "examples.md"), "w") as f:
+        f.write(examples)
+
+    api_signatures = generate_api_signatures(organized)
+    with open(os.path.join(references_dir, "api-signatures.md"), "w") as f:
+        f.write(api_signatures)
+
+    event_listeners = generate_event_listeners(organized)
+    with open(os.path.join(references_dir, "event-listeners.md"), "w") as f:
+        f.write(event_listeners)
+
+    return skill_md
+
+
+def files_equal(path1, path2):
+    if not os.path.exists(path1) or not os.path.exists(path2):
+        return False
+    with open(path1) as f1, open(path2) as f2:
+        return f1.read() == f2.read()
+
+
+def check(output_dir):
+    tmp = tempfile.mkdtemp()
+    try:
+        tmp_skill = os.path.join(tmp, "gradio")
+        generate_to(tmp_skill)
+
+        generated_files = ["SKILL.md", "references/examples.md", "references/api-signatures.md", "references/event-listeners.md"]
+        stale = []
+        for fname in generated_files:
+            existing = os.path.join(output_dir, fname)
+            fresh = os.path.join(tmp_skill, fname)
+            if not files_equal(existing, fresh):
+                stale.append(fname)
+
+        if stale:
+            print("ERROR: Skill files are out of date. Stale files:")
+            for f in stale:
+                print(f"  {f}")
+            print("\nRun `python scripts/generate_skill.py` to update.")
+            sys.exit(1)
+
+        print("OK: Skill files are up to date.")
+    finally:
+        shutil.rmtree(tmp)
+
+
+def main():
+    parser = argparse.ArgumentParser(description="Generate Gradio skill files.")
+    parser.add_argument(
+        "--check",
+        action="store_true",
+        help="Check if files are up to date (for CI). Exits with code 1 if stale.",
+    )
+    args = parser.parse_args()
+
+    if args.check:
+        check(SKILL_DIR)
+        return
+
+    print("Generating Gradio skill...")
+
+    if os.path.exists(SKILL_DIR):
+        shutil.rmtree(SKILL_DIR)
+
+    skill_md = generate_to(SKILL_DIR)
+    skill_lines = len(skill_md.splitlines())
+
+    for name in os.listdir(SKILL_DIR):
+        path = os.path.join(SKILL_DIR, name)
+        if os.path.isdir(path) and not os.path.islink(path):
+            count = len(os.listdir(path))
+            print(f"  {name}/: {count} files")
+        elif os.path.isfile(path):
+            with open(path) as f:
+                lines = len(f.readlines())
+            print(f"  {name}: {lines} lines")
+
+    print(f"\nDone! Output in {SKILL_DIR}")
+    if skill_lines > 500:
+        print(f"  WARNING: SKILL.md is {skill_lines} lines (recommended <500)")
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/generate_theme.py b/scripts/generate_theme.py
new file mode 100644
index 0000000..e3738f5
--- /dev/null
+++ b/scripts/generate_theme.py
@@ -0,0 +1,25 @@
+import argparse
+
+from gradio import themes
+
+parser = argparse.ArgumentParser(
+    description="Generate themed CSS which is normally served from the /theme.css endpoint of a Gradio server."
+)
+parser.add_argument(
+    "--outfile", type=argparse.FileType("w", encoding="latin-1"), default="-"
+)
+parser.add_argument(
+    "--theme", choices=["default", "glass", "monochrome", "soft"], default="default"
+)
+parser.add_argument(
+    "--website", action="store_true", help="Adjust paths for SvelteKit website"
+)
+args = parser.parse_args()
+
+ThemeClass = getattr(themes, args.theme.capitalize())
+css = ThemeClass()._get_theme_css()
+
+if args.website:
+    css = css.replace("url('static/", "url('/")
+
+args.outfile.write(css)
diff --git a/scripts/helpers.bat b/scripts/helpers.bat
new file mode 100644
index 0000000..cb171d6
--- /dev/null
+++ b/scripts/helpers.bat
@@ -0,0 +1,67 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: A collection of helper functions to check for required programs.
+:: Helper functions can be called using `call scripts\helpers.bat function_name`.
+
+:: Jump to MAIN to avoid running subroutines by default
+goto :MAIN
+
+:: Tell the user what programs to install for a specific task.
+:: Arguments:
+::   %1 - Name of the program or actual command, a string.
+::   %2 - External link for easier installation help.
+:: Outputs:
+::   Prints the required program name and the external link (if given).
+:program_required
+where /q "%~1"
+if %ERRORLEVEL% neq 0 (
+    echo %~1 is not installed on the computer...
+    if not "%~2"=="" (
+        echo Check out this link: %~2
+    )
+    exit /b 1
+)
+exit /b 0
+
+:: Check for the PIP program.
+:pip_required
+call :program_required "pip" "https://pip.pypa.io/en/stable/installation/"
+exit /b %ERRORLEVEL%
+
+:: Check for the NPM program.
+:npm_required
+call :program_required "npm" "https://nodejs.org/en/download/"
+exit /b %ERRORLEVEL%
+
+:: Check for the PNPM program.
+:pnpm_required
+call :program_required "pnpm" "https://pnpm.io/installation"
+exit /b %ERRORLEVEL%
+
+:: Check for the AWS CLI program.
+:aws_required
+call :program_required "aws" "https://aws.amazon.com/cli/"
+exit /b %ERRORLEVEL%
+
+:: Check for the Git program.
+:git_required
+call :program_required "git" "https://git-scm.com/downloads"
+exit /b %ERRORLEVEL%
+
+:: Check for the jq program.
+:jq_required
+call :program_required "jq" "https://jqlang.github.io/jq/"
+exit /b %ERRORLEVEL%
+
+:: Check for the foo program.
+:foo_required
+call :program_required "foo" "https://jqlang.github.io/jq/"
+exit /b %ERRORLEVEL%
+
+:MAIN
+:: Handle command-line arguments to call specific subroutines
+if not "%~1"=="" (
+    call :%~1
+    exit /b %ERRORLEVEL%
+)
\ No newline at end of file
diff --git a/scripts/helpers.sh b/scripts/helpers.sh
new file mode 100644
index 0000000..c9c01c0
--- /dev/null
+++ b/scripts/helpers.sh
@@ -0,0 +1,89 @@
+#!/bin/bash -eu
+
+#######################################
+# Tell the user what programs to install for a specific task.
+# Arguments:
+#   Name of the program or actual command, a string.
+#   External link for easier installation help.
+# Outputs:
+#   Prints the required program name and the external link (if given).
+#######################################
+function program_required() {
+  if [ ! -x "$(command -v ${1})" ]; then
+    echo "${1} is not installed on the computer..."
+    if [ "${2}" ]; then
+      echo "Check out this link: ${2}"
+    fi
+    exit 1
+  fi
+}
+
+#######################################
+# Check for the PIP program.
+# Arguments:
+#   None
+# Outputs:
+#   None
+#######################################
+function pip_required() {
+  program_required "pip" "https://pip.pypa.io/en/stable/installation/"
+}
+
+#######################################
+# Check for the NPM program.
+# Arguments:
+#   None
+# Outputs:
+#   None
+#######################################
+function npm_required() {
+  program_required "npm" "https://nodejs.org/en/download/"
+}
+
+#######################################
+# Check for the PNPM program.
+# Arguments:
+#   None
+# Outputs:
+#   None
+#######################################
+function pnpm_required() {
+  program_required "pnpm" "https://pnpm.io/installation"
+}
+
+#######################################
+# Check for the AWS CLI program.
+# Arguments:
+#   None
+# Outputs:
+#   None
+#######################################
+function aws_required() {
+  program_required "aws" "https://aws.amazon.com/cli/"
+}
+
+#######################################
+# Check for the Git program.
+# Arguments:
+#   None
+# Outputs:
+#   None
+#######################################
+function git_required() {
+  program_required "git" "https://git-scm.com/downloads"
+}
+
+#######################################
+# Check for the jq program.
+# Arguments:
+#   None
+# Outputs:
+#   None
+#######################################
+function jq_required() {
+  program_required "jq" "https://jqlang.github.io/jq/"
+}
+
+function foo_required() {
+  program_required "foo" "https://jqlang.github.io/jq/"
+}
diff --git a/scripts/install_gradio.bat b/scripts/install_gradio.bat
new file mode 100644
index 0000000..18605f4
--- /dev/null
+++ b/scripts/install_gradio.bat
@@ -0,0 +1,14 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+:: Check for pip
+call scripts\helpers.bat pip_required
+
+echo Installing Gradio...
+pip install -e .
+
+echo Installing Gradio Client...
+pip install -e client\python
\ No newline at end of file
diff --git a/scripts/install_gradio.sh b/scripts/install_gradio.sh
new file mode 100755
index 0000000..3daedb5
--- /dev/null
+++ b/scripts/install_gradio.sh
@@ -0,0 +1,12 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+pip_required
+
+echo "Installing Gradio..."
+pip install -e .
+
+echo "Installing Gradio Client..."
+pip install -e client/python
diff --git a/scripts/install_test_requirements.bat b/scripts/install_test_requirements.bat
new file mode 100644
index 0000000..ad911d9
--- /dev/null
+++ b/scripts/install_test_requirements.bat
@@ -0,0 +1,14 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+:: Check for pip
+call scripts\helpers.bat pip_required
+
+echo Installing requirements before running tests...
+pip install --upgrade pip
+pip install -r test\requirements.txt
+pip install -r requirements-oauth.txt
+pip install -e client\python
\ No newline at end of file
diff --git a/scripts/install_test_requirements.sh b/scripts/install_test_requirements.sh
new file mode 100755
index 0000000..4b030ed
--- /dev/null
+++ b/scripts/install_test_requirements.sh
@@ -0,0 +1,12 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+pip_required
+
+echo "Installing requirements before running tests..."
+pip install --upgrade pip
+pip install -r test/requirements.txt
+pip install -r requirements-oauth.txt
+pip install -e client/python
diff --git a/scripts/launch_website.bat b/scripts/launch_website.bat
new file mode 100644
index 0000000..6d1b331
--- /dev/null
+++ b/scripts/launch_website.bat
@@ -0,0 +1,12 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+:: Check for pnpm
+call scripts\helpers.bat pnpm_required
+
+echo Building the website...
+cd js/_website
+pnpm dev
\ No newline at end of file
diff --git a/scripts/launch_website.sh b/scripts/launch_website.sh
new file mode 100755
index 0000000..20e7358
--- /dev/null
+++ b/scripts/launch_website.sh
@@ -0,0 +1,10 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+pnpm_required
+
+echo "Building the website..."
+cd js/_website
+pnpm dev
diff --git a/scripts/lint_backend.bat b/scripts/lint_backend.bat
new file mode 100644
index 0000000..0caca9a
--- /dev/null
+++ b/scripts/lint_backend.bat
@@ -0,0 +1,8 @@
+@echo off
+setlocal enabledelayedexpansion
+
+cd /d "%~dp0.."
+
+python -c "import gradio"
+python -m ruff gradio test client
+python -m ruff format --check gradio test client
\ No newline at end of file
diff --git a/scripts/lint_backend.sh b/scripts/lint_backend.sh
new file mode 100755
index 0000000..7fc11a4
--- /dev/null
+++ b/scripts/lint_backend.sh
@@ -0,0 +1,6 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+python -c "import gradio"
+python -m ruff check gradio test client
+python -m ruff format --check gradio test client
diff --git a/scripts/load_test/README.md b/scripts/load_test/README.md
new file mode 100644
index 0000000..2b4f7fb
--- /dev/null
+++ b/scripts/load_test/README.md
@@ -0,0 +1,17 @@
+# Load Test
+
+This folder contains the content to load test gradio apps, and check the ability to handle multiple connections simultaneously. 
+
+
+## Setup
+
+For a proper "production" environment load test, you can run gradio behind an nginx config. Install nginx and add `nginx.conf` to `/etc/nginx/conf.d/*.conf` on the machine running gradio. (You may want to have a machine running gradio that is separate from the machine running the load test, to include the effect of network latency).
+
+`gradio.py` contains a simple gradio chat app that streams 500 tokens at a rate of 100 tokens/sec. This app is compatible with gradio 3.x as well.
+
+`simple.py` contains a simple fastapi that streams 500 tokens at a rate of 100 tokens/sec, with both a WS and SSE endpoint. This does not use gradio. The purpose of this file is to compare the performance of streaming raw websockets and SSE, vs with gradio overhead.
+
+`workers.py` contains a fastapi that uses queues and worker threads to stream 500 tokens at a rate of 100 tokens/sec, with both a WS and SSE endpoint. The purpose of this file is to compare the performance of streaming websockets and SSE with the implementation of gradio but without all the overhead.
+
+
+`load.ipynb` supports running load tests on `chat.py` with gradio 3.x and 4.0, as well as on `app.py`. Simply configure the URL to point to where the app is running.
diff --git a/scripts/load_test/gradio_app.py b/scripts/load_test/gradio_app.py
new file mode 100644
index 0000000..7199e02
--- /dev/null
+++ b/scripts/load_test/gradio_app.py
@@ -0,0 +1,28 @@
+from time import sleep
+
+import gradio as gr
+
+version, _, _ = gr.__version__.split(".")
+
+with gr.Blocks() as demo:
+    chatbot = gr.Chatbot()
+    text = gr.Textbox()
+    time = gr.Number(label="Time to Complete")
+
+    def respond(text):
+        output = ["Lorem"] * 500
+        for i in range(len(output) + 1):
+            yield [[text, " ".join(output[:i])]]
+            sleep(0.01)
+
+    if version == "3":
+        text.submit(respond, text, chatbot)
+    else:
+        text.submit(respond, text, chatbot, concurrency_limit=None)
+
+
+if __name__ == "__main__":
+    if version == "3":
+        demo.queue(concurrency_count=250).launch(max_threads=250)
+    else:
+        demo.launch(max_threads=250)
diff --git a/scripts/load_test/load.ipynb b/scripts/load_test/load.ipynb
new file mode 100644
index 0000000..368d902
--- /dev/null
+++ b/scripts/load_test/load.ipynb
@@ -0,0 +1,801 @@
+{
+ "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "\n",
+      "\u001b[1m[\u001b[0m\u001b[34;49mnotice\u001b[0m\u001b[1;39;49m]\u001b[0m\u001b[39;49m A new release of pip is available: \u001b[0m\u001b[31;49m23.3.2\u001b[0m\u001b[39;49m -> \u001b[0m\u001b[32;49m24.0\u001b[0m\n",
+      "\u001b[1m[\u001b[0m\u001b[34;49mnotice\u001b[0m\u001b[1;39;49m]\u001b[0m\u001b[39;49m To update, run: \u001b[0m\u001b[32;49mpip install --upgrade pip\u001b[0m\n"
+     ]
+    }
+   ],
+   "source": [
+    "import json\n",
+    "import time\n",
+    "import uuid\n",
+    "\n",
+    "import requests\n",
+    "\n",
+    "!pip install -q websocket-client\n",
+    "import websocket"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 32,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "URL = \"18.236.68.146\""
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "from concurrent.futures import ThreadPoolExecutor\n",
+    "\n",
+    "\n",
+    "def run_in_parallel(func, n):\n",
+    "    # Ensure the callable and repetitions are valid\n",
+    "    if not callable(func) or not isinstance(n, int) or n < 1:\n",
+    "        raise ValueError(\"Invalid function or number of repetitions\")\n",
+    "\n",
+    "    # Define a wrapper function to execute\n",
+    "    def task_wrapper():\n",
+    "        return func()\n",
+    "\n",
+    "    # Use ThreadPoolExecutor to run tasks in parallel\n",
+    "    with ThreadPoolExecutor(max_workers=n) as executor:\n",
+    "        futures = [executor.submit(task_wrapper) for _ in range(n)]\n",
+    "\n",
+    "        # Wait for all futures to complete and collect results\n",
+    "        results = [future.result() for future in futures]\n",
+    "\n",
+    "    return results"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Gradio 4"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 33,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def request():\n",
+    "    start_time = time.time()\n",
+    "    session_hash = uuid.uuid4().hex\n",
+    "    payload = {\"data\": [\"test\"], \"fn_index\": 0, \"session_hash\": session_hash}\n",
+    "    url = f\"http://{URL}/\"\n",
+    "    resp = requests.post(f\"{url}queue/join\", json=payload, timeout=5)\n",
+    "    assert resp.status_code == 200\n",
+    "\n",
+    "    message_count = 0\n",
+    "    output = \"\"\n",
+    "    with requests.get(\n",
+    "        f\"{url}queue/data?session_hash={session_hash}\", stream=True\n",
+    "    ) as response:\n",
+    "        response.raise_for_status()\n",
+    "        for line in response.iter_lines():\n",
+    "            if line:\n",
+    "                decoded_line = line.decode(\"utf-8\")\n",
+    "                if decoded_line.startswith(\"data:\"):\n",
+    "                    data = decoded_line.replace(\"data: \", \"\")\n",
+    "                    if \"close_stream\" in data:\n",
+    "                        break\n",
+    "                    output = data\n",
+    "                    message_count += 1\n",
+    "\n",
+    "    end_time = time.time()\n",
+    "    duration = end_time - start_time\n",
+    "    return (duration, message_count, json.loads(output)[\"output\"][\"data\"])"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 34,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "(5.6847522258758545,\n",
+       " 504,\n",
+       " [[['test',\n",
+       "    'Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem']]])"
+      ]
+     },
+     "execution_count": 34,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "request()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 5)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 25)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 86,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "83.2809367132187 535.58\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 100)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 36,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "95.03129840755463 526.68\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 250)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "## Gradio 3.x"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 8,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def request():\n",
+    "    start_time = time.time()\n",
+    "    url = f\"ws://{URL}/\"\n",
+    "    session_hash = uuid.uuid4().hex\n",
+    "    output = None\n",
+    "    message_count = 0\n",
+    "    start_time = time.time()\n",
+    "    try:\n",
+    "        # Connect to WebSocket server\n",
+    "        ws = websocket.create_connection(f\"{url}queue/join\")\n",
+    "\n",
+    "        while True:\n",
+    "            message = ws.recv()  # Wait and receive incoming message\n",
+    "            message_count += 1\n",
+    "            message = json.loads(message)\n",
+    "            msg = message[\"msg\"]\n",
+    "\n",
+    "            if msg == \"send_hash\":\n",
+    "                ws.send(json.dumps({\"session_hash\": session_hash, \"fn_index\": 0}))\n",
+    "\n",
+    "            if msg == \"send_hash\":\n",
+    "                ws.send(\n",
+    "                    json.dumps(\n",
+    "                        {\n",
+    "                            \"data\": [\"test\"],\n",
+    "                            \"event_data\": None,\n",
+    "                            \"fn_index\": 0,\n",
+    "                            \"session_hash\": session_hash,\n",
+    "                        }\n",
+    "                    )\n",
+    "                )\n",
+    "\n",
+    "            if msg == \"process_completed\":\n",
+    "                output = message[\"output\"][\"data\"]\n",
+    "                break\n",
+    "\n",
+    "    finally:\n",
+    "        ws.close()  # Ensure the connection is closed properly\n",
+    "\n",
+    "    duration = time.time() - start_time\n",
+    "    return duration, message_count, output"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 9,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "(7.217260122299194,\n",
+       " 506,\n",
+       " [[['test',\n",
+       "    'Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem']]])"
+      ]
+     },
+     "execution_count": 9,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "request()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 5)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 25)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 10,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "18.25279019832611 506.0\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 100)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 11,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "46.61669938659668 506.408\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 250)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### Simple SSE"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def request():\n",
+    "    start_time = time.time()\n",
+    "    url = f\"http://{URL}/\"\n",
+    "    message_count = 0\n",
+    "    output = \"\"\n",
+    "    with requests.get(f\"{url}sse\", stream=True) as response:\n",
+    "        response.raise_for_status()\n",
+    "        for line in response.iter_lines():\n",
+    "            if line:\n",
+    "                decoded_line = line.decode(\"utf-8\")\n",
+    "                if decoded_line.startswith(\"data:\"):\n",
+    "                    output = decoded_line.replace(\"data: \", \"\")\n",
+    "                    message_count += 1\n",
+    "            if message_count == 500:\n",
+    "                break\n",
+    "\n",
+    "    end_time = time.time()\n",
+    "    duration = end_time - start_time\n",
+    "    return (duration, message_count, output)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "request()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 5)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 25)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 100)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 250)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### Simple Websocket"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def request():\n",
+    "    start_time = time.time()\n",
+    "    url = f\"ws://{URL}/\"\n",
+    "    output = None\n",
+    "    message_count = 0\n",
+    "    start_time = time.time()\n",
+    "    try:\n",
+    "        # Connect to WebSocket server\n",
+    "        ws = websocket.create_connection(f\"{url}ws\")\n",
+    "\n",
+    "        while True:\n",
+    "            message = ws.recv()  # Wait and receive incoming message\n",
+    "            message_count += 1\n",
+    "            output = message\n",
+    "            if message_count == 500:\n",
+    "                break\n",
+    "\n",
+    "    finally:\n",
+    "        ws.close()  # Ensure the connection is closed properly\n",
+    "\n",
+    "    duration = time.time() - start_time\n",
+    "    return duration, message_count, output"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "request()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 5)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 25)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 100)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 250)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### SSE w/ Workers"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 98,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def request():\n",
+    "    start_time = time.time()\n",
+    "    payload = {\"data\": \"test\"}\n",
+    "    url = f\"http://{URL}/\"\n",
+    "    resp = requests.post(f\"{url}sse/send\", json=payload, timeout=5)\n",
+    "    assert resp.status_code == 200\n",
+    "    session_id = resp.json()[\"session_id\"]\n",
+    "\n",
+    "    message_count = 0\n",
+    "    output = \"\"\n",
+    "    with requests.get(\n",
+    "        f\"{url}sse/listen?session_id={session_id}\", stream=True\n",
+    "    ) as response:\n",
+    "        response.raise_for_status()\n",
+    "        for line in response.iter_lines():\n",
+    "            if line:\n",
+    "                decoded_line = line.decode(\"utf-8\")\n",
+    "                if decoded_line.startswith(\"data:\"):\n",
+    "                    output = decoded_line.replace(\"data: \", \"\")\n",
+    "                    message_count += 1\n",
+    "\n",
+    "    end_time = time.time()\n",
+    "    duration = end_time - start_time\n",
+    "    return (duration, message_count, output)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 99,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "(5.302220106124878,\n",
+       " 500,\n",
+       " 'Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem ')"
+      ]
+     },
+     "execution_count": 99,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "request()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 5)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 25)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 100,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "5.664539747238159 500.0\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 100)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 101,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "11.787519352912902 500.0\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 250)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "metadata": {},
+   "source": [
+    "### Websockets w/ Workers"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 104,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "def request():\n",
+    "    start_time = time.time()\n",
+    "    url = f\"ws://{URL}/\"\n",
+    "    output = None\n",
+    "    message_count = 0\n",
+    "    start_time = time.time()\n",
+    "    try:\n",
+    "        ws = websocket.create_connection(f\"{url}ws\")\n",
+    "        ws.send(\"test\")\n",
+    "\n",
+    "        while True:\n",
+    "            message = ws.recv()  # Wait and receive incoming message\n",
+    "            message_count += 1\n",
+    "            output = message\n",
+    "            if message_count == 500:\n",
+    "                break\n",
+    "\n",
+    "    finally:\n",
+    "        ws.close()  # Ensure the connection is closed properly\n",
+    "\n",
+    "    duration = time.time() - start_time\n",
+    "    return duration, message_count, output"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 105,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "(5.335849285125732,\n",
+       " 500,\n",
+       " 'Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem Lorem ')"
+      ]
+     },
+     "execution_count": 105,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "request()"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 5)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": [
+    "output = run_in_parallel(request, 25)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 106,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "16.153259081840517 500.0\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 100)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 107,
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "40.5195159034729 500.0\n"
+     ]
+    }
+   ],
+   "source": [
+    "output = run_in_parallel(request, 250)\n",
+    "avg_duration = sum(o[0] for o in output) / len(output)\n",
+    "avg_msg = sum(o[1] for o in output) / len(output)\n",
+    "print(avg_duration, avg_msg)"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": null,
+   "metadata": {},
+   "outputs": [],
+   "source": []
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "projectenv",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.9.6"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 2
+}
diff --git a/scripts/load_test/nginx.conf b/scripts/load_test/nginx.conf
new file mode 100644
index 0000000..a139056
--- /dev/null
+++ b/scripts/load_test/nginx.conf
@@ -0,0 +1,13 @@
+server {
+    listen 80;
+
+    location / {
+        proxy_pass http://127.0.0.1:7860/; # Change this if your Gradio app will be running on a different port
+        proxy_buffering off;
+        proxy_redirect off;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection "upgrade";
+        proxy_set_header Host $host;
+    }
+}
diff --git a/scripts/load_test/simple.py b/scripts/load_test/simple.py
new file mode 100644
index 0000000..a1418ff
--- /dev/null
+++ b/scripts/load_test/simple.py
@@ -0,0 +1,33 @@
+import asyncio
+
+from fastapi import FastAPI, WebSocket
+from fastapi.responses import StreamingResponse
+
+app = FastAPI()
+
+
+async def number_generator():
+    for number in range(1, 501):
+        message = "Lorem " * (number + 1)
+        yield f"data: {message}\n\n"
+        await asyncio.sleep(0.01)
+
+
+@app.get("/sse")
+async def sse():
+    return StreamingResponse(number_generator(), media_type="text/event-stream")
+
+
+@app.websocket("/ws")
+async def websocket_endpoint(websocket: WebSocket):
+    await websocket.accept()
+    for number in range(1, 501):
+        message = "Lorem " * (number + 1)
+        await websocket.send_text(message)
+        await asyncio.sleep(0.01)
+    await websocket.close()
+
+
+import uvicorn
+
+uvicorn.run(app, host="0.0.0.0", port=7860)
diff --git a/scripts/load_test/workers.py b/scripts/load_test/workers.py
new file mode 100644
index 0000000..b991274
--- /dev/null
+++ b/scripts/load_test/workers.py
@@ -0,0 +1,122 @@
+from __future__ import annotations
+
+import asyncio
+import uuid
+from dataclasses import dataclass
+from typing import Callable
+
+from fastapi import FastAPI, WebSocket
+from fastapi.responses import StreamingResponse
+from pydantic import BaseModel
+
+app = FastAPI()
+
+
+@dataclass
+class Event:
+    session_id: str
+    data: str
+    outputs: asyncio.Queue[str] | None
+    mode: str
+    websocket: WebSocket | None = None
+    completed: bool = False
+
+
+queue: list[Event] = []
+active_jobs: list[Event | None] = [None] * 1000
+
+
+def run_coro_in_background(func: Callable, *args, **kwargs):
+    event_loop = asyncio.get_event_loop()
+    return event_loop.create_task(func(*args, **kwargs))
+
+
+async def queue_process():
+    while True:
+        if queue and None in active_jobs:
+            job_index = active_jobs.index(None)
+            event = queue.pop(0)
+            active_jobs[job_index] = event
+            run_coro_in_background(process_event, event)
+            continue
+        await asyncio.sleep(0.05)
+
+
+@app.on_event("startup")
+async def startup_event():
+    run_coro_in_background(queue_process)
+
+
+async def number_generator(_):
+    for number in range(1, 501):
+        message = "Lorem " * (number)
+        yield message
+        await asyncio.sleep(0.01)
+
+
+async def process_event(event: Event):
+    async for output in number_generator(event.data):
+        if event.mode == "sse":
+            event.outputs.put_nowait(output)
+        elif event.mode == "ws":
+            await event.websocket.send_text(output)
+    if event.mode == "sse":
+        event.outputs.put_nowait(None)
+    event.completed = True
+    active_jobs[active_jobs.index(event)] = None
+
+
+class EventData(BaseModel):
+    data: str
+
+
+@app.post("/sse/send")
+async def sse_send(data: EventData):
+    session_id = str(uuid.uuid4())
+    event = Event(
+        session_id=session_id, data=data.data, outputs=asyncio.Queue(), mode="sse"
+    )
+    queue.append(event)
+    return {"session_id": session_id}
+
+
+@app.get("/sse/listen")
+async def sse_listen(session_id: str):
+    event = None
+    while event is None:
+        for evt in active_jobs:
+            if evt:
+                if evt.session_id == session_id:
+                    event = evt
+                    break
+        await asyncio.sleep(0.05)
+
+    async def event_generator():
+        while not event.completed:
+            output = await event.outputs.get()
+            if output is None:
+                break
+            yield f"data: {output}\n\n"
+
+    return StreamingResponse(event_generator(), media_type="text/event-stream")
+
+
+@app.websocket("/ws")
+async def websocket_endpoint(websocket: WebSocket):
+    await websocket.accept()
+    data = await websocket.receive_text()
+    session_id = str(uuid.uuid4())
+    event = Event(
+        session_id=session_id, data=data, outputs=None, mode="ws", websocket=websocket
+    )
+    queue.append(event)
+
+    while True:
+        await asyncio.sleep(1)
+        if event.completed:
+            return
+
+
+import uvicorn
+
+uvicorn.run(app, host="0.0.0.0", port=7860)
diff --git a/scripts/overwrite_xray_config.py b/scripts/overwrite_xray_config.py
new file mode 100644
index 0000000..177ac08
--- /dev/null
+++ b/scripts/overwrite_xray_config.py
@@ -0,0 +1,113 @@
+import json
+import os
+import random
+
+import gradio as gr
+
+
+def fake_func():
+    return "Hello There"
+
+
+def xray_model(diseases, img):
+    return {disease: random.random() for disease in diseases}
+
+
+def ct_model(diseases, img):
+    return {disease: 0.1 for disease in diseases}
+
+
+with gr.Blocks() as demo:
+    gr.Markdown(
+        """
+    # Detect Disease From Scan
+    With this model you can lorem ipsum
+    - ipsum 1
+    - ipsum 2
+    """
+    )
+    disease = gr.CheckboxGroup(
+        choices=[
+            ["Covid", "Covid"],
+            ["Malaria", "Malaria"],
+            ["Lung Cancer", "Lung Cancer"],
+        ],
+        label="Disease to Scan For",
+    )
+
+    with gr.Tabs():
+        with gr.TabItem("X-ray"):
+            with gr.Row():
+                xray_scan = gr.Image()
+                xray_results = gr.JSON()
+            xray_run = gr.Button("Run")
+            xray_run.click(
+                xray_model, inputs=[disease, xray_scan], outputs=xray_results
+            )
+
+        with gr.TabItem("CT Scan"):
+            with gr.Row():
+                ct_scan = gr.Image()
+                ct_results = gr.JSON()
+            ct_run = gr.Button("Run")
+            ct_run.click(ct_model, inputs=[disease, ct_scan], outputs=ct_results)
+    textbox = gr.Textbox()
+
+
+gr.context.Context.id = 100
+
+with gr.Blocks() as demo2:
+    gr.Markdown(
+        """
+    # Detect Disease From Scan
+    With this model you can lorem ipsum
+    - ipsum 1
+    - ipsum 2
+    """
+    )
+    disease = gr.CheckboxGroup(
+        choices=[
+            ["Covid", "Covid"],
+            ["Malaria", "Malaria"],
+            ["Lung Cancer", "Lung Cancer"],
+        ],
+        label="Disease to Scan For",
+    )
+
+    with gr.Tabs():
+        with gr.TabItem("X-ray"):
+            with gr.Row():
+                xray_scan = gr.Image()
+                xray_results = gr.JSON()
+            xray_run = gr.Button("Run")
+            xray_run.click(
+                xray_model, inputs=[disease, xray_scan], outputs=xray_results
+            )
+
+        with gr.TabItem("CT Scan"):
+            with gr.Row():
+                ct_scan = gr.Image()
+                ct_results = gr.JSON()
+            ct_run = gr.Button("Run")
+            ct_run.click(ct_model, inputs=[disease, ct_scan], outputs=ct_results)
+    textbox = gr.Textbox()
+
+with gr.Blocks() as demo3:
+    demo.render()
+    t = gr.Textbox()
+    demo3.load(fake_func, [], [t])
+
+config = demo.get_config_file()
+config2 = demo2.get_config_file()
+config3 = demo3.get_config_file()
+
+json_file_path = "../test/test_files/xray_config.json"
+json_file_path2 = "../test/test_files/xray_config_diff_ids.json"
+json_file_path3 = "../test/test_files/xray_config_wrong.json"
+
+for c, j in zip(
+    [config, config2, config3], [json_file_path, json_file_path2, json_file_path3]
+):
+    assert os.path.exists(j), f"{j} does not exist"
+    with open(j, "w") as fp:
+        json.dump(c, fp, indent=2)
diff --git a/scripts/profile_e2e/.gitignore b/scripts/profile_e2e/.gitignore
new file mode 100644
index 0000000..fbca225
--- /dev/null
+++ b/scripts/profile_e2e/.gitignore
@@ -0,0 +1 @@
+results/
diff --git a/scripts/profile_e2e/analyze.py b/scripts/profile_e2e/analyze.py
new file mode 100755
index 0000000..a2c8130
--- /dev/null
+++ b/scripts/profile_e2e/analyze.py
@@ -0,0 +1,306 @@
+#!/usr/bin/env python3
+"""Analyze profiling output from sampler.sh + playwright run.
+
+Usage: analyze.py <results_dir>
+
+Reads totals.csv, processes.csv, playwright.json (if present) and prints a
+summary of resource patterns over the run.
+"""
+
+from __future__ import annotations
+
+import csv
+import json
+import sys
+from collections import defaultdict
+from pathlib import Path
+
+
+def kb_to_mb(kb: float) -> float:
+    return kb / 1024.0
+
+
+def load_totals(path: Path):
+    rows = []
+    with path.open() as f:
+        reader = csv.DictReader(f)
+        for row in reader:
+            # Sentinel row from sampler trap
+            if row.get("py_count") == "SAMPLER_STOPPED":
+                continue
+            try:
+                rows.append({
+                    "ts": int(row["ts"]),
+                    "py_count": int(row["py_count"]),
+                    "py_rss_kb": int(row["py_rss_kb"]),
+                    "node_count": int(row["node_count"]),
+                    "node_rss_kb": int(row["node_rss_kb"]),
+                    "chrome_count": int(row["chrome_count"]),
+                    "chrome_rss_kb": int(row["chrome_rss_kb"]),
+                    "playwright_count": int(row["playwright_count"]),
+                    "playwright_rss_kb": int(row["playwright_rss_kb"]),
+                })
+            except (ValueError, KeyError):
+                continue
+    return rows
+
+
+def load_processes(path: Path):
+    rows = []
+    with path.open() as f:
+        reader = csv.DictReader(f)
+        for row in reader:
+            try:
+                rows.append({
+                    "ts": int(row["ts"]),
+                    "pid": int(row["pid"]),
+                    "ppid": int(row["ppid"]),
+                    "pcpu": float(row["pcpu"]),
+                    "rss_kb": int(row["rss_kb"]),
+                    "comm": row["comm"],
+                    "cmd": row["cmd"],
+                })
+            except (ValueError, KeyError):
+                continue
+    return rows
+
+
+def load_playwright(path: Path):
+    if not path.exists():
+        return None
+    try:
+        return json.loads(path.read_text())
+    except json.JSONDecodeError:
+        return None
+
+
+def summarize_totals(rows):
+    if not rows:
+        print("  (no totals data)")
+        return
+
+    first = rows[0]
+    last = rows[-1]
+    duration_s = last["ts"] - first["ts"]
+
+    print(f"  duration: {duration_s}s ({duration_s/60:.1f} min), {len(rows)} samples")
+    print()
+    print("  category    start_count   peak_count   end_count   start_rss   peak_rss   end_rss   delta_rss")
+    print("  --------    -----------   ----------   ---------   ---------   --------   -------   ---------")
+
+    for cat, count_key, rss_key in [
+        ("python   ", "py_count", "py_rss_kb"),
+        ("node     ", "node_count", "node_rss_kb"),
+        ("playwrght", "playwright_count", "playwright_rss_kb"),
+        ("chrome   ", "chrome_count", "chrome_rss_kb"),
+    ]:
+        peak_count = max(r[count_key] for r in rows)
+        peak_rss = max(r[rss_key] for r in rows)
+        delta = last[rss_key] - first[rss_key]
+        print(
+            f"  {cat}   {first[count_key]:>11}   {peak_count:>10}   {last[count_key]:>9}"
+            f"   {kb_to_mb(first[rss_key]):>7.0f}MB   {kb_to_mb(peak_rss):>6.0f}MB   {kb_to_mb(last[rss_key]):>5.0f}MB   {kb_to_mb(delta):>+7.0f}MB"
+        )
+
+
+def find_steepest_growth(rows, key, window_samples=15):
+    """Find window of N samples where `key` grows fastest. Returns (start_ts, end_ts, delta_kb)."""
+    if len(rows) < window_samples:
+        return None
+    best = (0, 0, 0)
+    for i in range(len(rows) - window_samples):
+        delta = rows[i + window_samples][key] - rows[i][key]
+        if delta > best[2]:
+            best = (rows[i]["ts"], rows[i + window_samples]["ts"], delta)
+    return best if best[2] > 0 else None
+
+
+def summarize_growth(rows):
+    print()
+    print("Steepest 30s growth windows:")
+    for label, key in [
+        ("python RSS    ", "py_rss_kb"),
+        ("python procs  ", "py_count"),
+        ("node RSS      ", "node_rss_kb"),
+        ("chrome RSS    ", "chrome_rss_kb"),
+    ]:
+        result = find_steepest_growth(rows, key)
+        if result is None:
+            print(f"  {label}: (no growth)")
+            continue
+        start, end, delta = result
+        if "rss" in key:
+            print(f"  {label}: +{kb_to_mb(delta):.0f}MB between ts={start}..{end}")
+        else:
+            print(f"  {label}: +{delta} procs between ts={start}..{end}")
+
+
+def classify_node(cmd: str) -> str:
+    """Bucket a node process by purpose so editor/LSP noise doesn't drown
+    out the test runner + gradio SSR signal."""
+    c = cmd.lower()
+    if "templates/register.mjs" in c or "templates/node/build" in c:
+        return "gradio-ssr"
+    if "playwright" in c:
+        return "playwright"
+    if "vitest" in c:
+        return "vitest"
+    if "vite/bin/vite" in c or "/vite.js" in c:
+        return "vite"
+    if "pnpm" in c:
+        return "pnpm"
+    if any(s in c for s in [
+        "zed", "basedpyright", "tsserver", "typescript-language",
+        "language-server", "langserver", "vscode-", "cursor",
+        "discord", "adobe", "creative cloud", "ccxprocess",
+        "twinkleplop",
+    ]):
+        return "editor-or-app"
+    return "other-node"
+
+
+def summarize_top_pids(processes, end_ts):
+    """At end of run, list top python processes by RSS, plus a per-bucket
+    breakdown of node processes (so the test-runner/gradio-ssr signal is
+    legible against editor/LSP background noise)."""
+    if not processes:
+        print("  (no per-process data)")
+        return
+
+    last_window_start = end_ts - 10
+    recent = [p for p in processes if p["ts"] >= last_window_start]
+
+    by_pid_py = defaultdict(list)
+    by_pid_node = defaultdict(list)
+    for p in recent:
+        if p["comm"] == "python":
+            by_pid_py[p["pid"]].append(p["rss_kb"])
+        elif p["comm"] == "node":
+            by_pid_node[p["pid"]].append(p["rss_kb"])
+
+    def show(label, data):
+        if not data:
+            print(f"  {label}: none")
+            return
+        avg = sorted(
+            ((pid, sum(rss) / len(rss)) for pid, rss in data.items()),
+            key=lambda x: -x[1],
+        )
+        print(f"  {label}: {len(avg)} procs alive, top-10 by RSS:")
+        for pid, rss in avg[:10]:
+            cmd = next(
+                (p["cmd"] for p in recent if p["pid"] == pid),
+                "?",
+            )
+            print(f"    pid={pid:>6} {kb_to_mb(rss):>6.0f}MB  {cmd[:90]}")
+
+    show("python", by_pid_py)
+    show("node (all)", by_pid_node)
+
+    print()
+    print("Node breakdown by purpose (final 10s window):")
+    bucket_counts: dict[str, int] = defaultdict(int)
+    bucket_rss: dict[str, float] = defaultdict(float)
+    for pid, rss_samples in by_pid_node.items():
+        avg_rss = sum(rss_samples) / len(rss_samples)
+        cmd = next((p["cmd"] for p in recent if p["pid"] == pid), "")
+        bucket = classify_node(cmd)
+        bucket_counts[bucket] += 1
+        bucket_rss[bucket] += avg_rss
+
+    print("  bucket            count    rss")
+    print("  ------            -----    ---")
+    for bucket in sorted(bucket_counts.keys(), key=lambda b: -bucket_rss[b]):
+        print(f"  {bucket:<16}    {bucket_counts[bucket]:>5}    {kb_to_mb(bucket_rss[bucket]):>6.0f}MB")
+
+
+def summarize_node_growth(processes, totals):
+    """Track gradio-ssr + playwright node procs across the run, in 30s windows,
+    so we can see whether either category leaks during SSR mode."""
+    if not processes or not totals:
+        return
+
+    # Bucket processes by 30s windows from run start
+    start_ts = totals[0]["ts"]
+    by_window: dict[int, dict[str, dict[int, int]]] = defaultdict(
+        lambda: defaultdict(dict)
+    )
+
+    for p in processes:
+        if p["comm"] != "node":
+            continue
+        bucket = classify_node(p["cmd"])
+        if bucket not in ("gradio-ssr", "playwright", "vite", "vitest"):
+            continue
+        window = (p["ts"] - start_ts) // 30
+        # Keep last RSS we saw for this pid in this window (averages out below)
+        by_window[window][bucket][p["pid"]] = p["rss_kb"]
+
+    if not by_window:
+        return
+
+    print()
+    print("Test-runner / gradio-ssr node procs over time (per 30s window):")
+    print("  win    gradio-ssr (n,rss)    playwright (n,rss)    vite (n,rss)    vitest (n,rss)")
+    for window in sorted(by_window.keys()):
+        parts = []
+        for bucket in ("gradio-ssr", "playwright", "vite", "vitest"):
+            data = by_window[window].get(bucket, {})
+            n = len(data)
+            rss = sum(data.values())
+            parts.append(f"{n:>2},{kb_to_mb(rss):>5.0f}MB")
+        secs = window * 30
+        print(f"  {secs:>3}s   {parts[0]:>16}      {parts[1]:>16}    {parts[2]:>14}  {parts[3]:>14}")
+
+
+def summarize_playwright(pw_data):
+    if not pw_data:
+        print("  (no playwright JSON — file missing or unparseable)")
+        return
+
+    stats = pw_data.get("stats", {})
+    print(f"  expected: {stats.get('expected', '?')}")
+    print(f"  unexpected: {stats.get('unexpected', '?')}")
+    print(f"  flaky: {stats.get('flaky', '?')}")
+    print(f"  skipped: {stats.get('skipped', '?')}")
+    print(f"  duration: {stats.get('duration', '?'):.0f}ms")
+
+
+def main():
+    if len(sys.argv) != 2:
+        print("Usage: analyze.py <results_dir>", file=sys.stderr)
+        sys.exit(2)
+
+    results_dir = Path(sys.argv[1])
+    if not results_dir.is_dir():
+        print(f"not a directory: {results_dir}", file=sys.stderr)
+        sys.exit(2)
+
+    print(f"=== Analysis: {results_dir.name} ===")
+    print()
+
+    print("Totals over the run:")
+    totals = load_totals(results_dir / "totals.csv")
+    summarize_totals(totals)
+
+    if totals:
+        summarize_growth(totals)
+
+    print()
+    print("Top processes by RSS (final 10s window):")
+    processes = load_processes(results_dir / "processes.csv")
+    end_ts = totals[-1]["ts"] if totals else 0
+    summarize_top_pids(processes, end_ts)
+
+    summarize_node_growth(processes, totals)
+
+    print()
+    print("Playwright run summary:")
+    pw = load_playwright(results_dir / "playwright.json")
+    summarize_playwright(pw)
+
+    print()
+
+
+if __name__ == "__main__":
+    main()
diff --git a/scripts/profile_e2e/run.sh b/scripts/profile_e2e/run.sh
new file mode 100755
index 0000000..a604f2b
--- /dev/null
+++ b/scripts/profile_e2e/run.sh
@@ -0,0 +1,79 @@
+#!/usr/bin/env bash
+# Run the playwright e2e suite serially with the sampler attached.
+#
+# Usage:
+#   run.sh <label>            # non-SSR
+#   GRADIO_SSR_MODE=true run.sh <label>
+#
+# Output goes to scripts/profile_e2e/results/<label>/
+#
+# Important: tests are serialized via --workers=1. fullyParallel is already
+# false in playwright.config.js so this is just belt-and-braces.
+
+set -u
+
+LABEL="${1:?label required (e.g. ssr or no-ssr)}"
+SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+REPO_ROOT="$(cd "$SCRIPT_DIR/../.." && pwd)"
+OUT_DIR="$SCRIPT_DIR/results/$LABEL"
+
+mkdir -p "$OUT_DIR"
+
+echo "[run] label=$LABEL"
+echo "[run] repo_root=$REPO_ROOT"
+echo "[run] out_dir=$OUT_DIR"
+echo "[run] GRADIO_SSR_MODE=${GRADIO_SSR_MODE:-<unset>}"
+
+# Start sampler in background
+"$SCRIPT_DIR/sampler.sh" "$OUT_DIR" 2 &
+SAMPLER_PID=$!
+echo "[run] sampler pid=$SAMPLER_PID"
+
+cleanup() {
+    if kill -0 "$SAMPLER_PID" 2>/dev/null; then
+        kill -TERM "$SAMPLER_PID" 2>/dev/null || true
+        wait "$SAMPLER_PID" 2>/dev/null || true
+    fi
+    echo "[run] sampler stopped"
+}
+trap cleanup EXIT INT TERM
+
+# Record start timestamp so analyze.py knows where the suite begins
+date +%s > "$OUT_DIR/start_ts.txt"
+
+# Note: test:browser uses `pnpm exec playwright test js/spa/test/ --grep-invert 'reload.spec.ts' --config=...`.
+# We replicate it but force --workers=1 and add JSON+list reporters.
+cd "$REPO_ROOT/js/spa"
+
+# PLAYWRIGHT_JSON_OUTPUT_NAME makes the json reporter write to a file instead
+# of stdout, so we can use --reporter=list,json without interleaving.
+export PLAYWRIGHT_JSON_OUTPUT_NAME="$OUT_DIR/playwright.json"
+
+set +e
+pnpm exec playwright test js/spa/test/ \
+    --grep-invert 'reload.spec.ts' \
+    --config=../../.config/playwright.config.js \
+    --workers=1 \
+    --reporter=list,json \
+    > "$OUT_DIR/playwright.stdout.log" 2> "$OUT_DIR/playwright.stderr.log"
+PW_EXIT=$?
+set -e
+
+date +%s > "$OUT_DIR/end_ts.txt"
+
+# Final orphan sweep — playwright workers can be SIGKILLed (test timeout +
+# graceful-shutdown timeout exceeded), bypassing tootils' process.on("exit")
+# hook. Their spawned demo apps survive as PPID=1 orphans. Clean them up
+# here so they don't pollute subsequent runs or hold ports.
+ORPHANS=$(ps -A -o pid=,ppid=,command= | awk '$2 == 1 && /python.*\/demo\/[^\/]+\/[^\/]+\.py/ && /\/gradio\// {print $1}')
+if [ -n "$ORPHANS" ]; then
+    echo "[run] reaping $(echo "$ORPHANS" | wc -l | tr -d ' ') orphaned demo apps"
+    echo "$ORPHANS" | xargs -I{} kill -TERM {} 2>/dev/null || true
+fi
+
+echo "[run] playwright exit=$PW_EXIT"
+echo "[run] outputs in $OUT_DIR"
+echo "[run] tail totals.csv:"
+tail -5 "$OUT_DIR/totals.csv" 2>/dev/null || true
+
+exit "$PW_EXIT"
diff --git a/scripts/profile_e2e/sampler.sh b/scripts/profile_e2e/sampler.sh
new file mode 100755
index 0000000..6cde9b0
--- /dev/null
+++ b/scripts/profile_e2e/sampler.sh
@@ -0,0 +1,107 @@
+#!/usr/bin/env bash
+# Periodic ps sampler. Writes per-process snapshots to processes.csv and
+# rolled-up category totals to totals.csv. Stop with SIGTERM/SIGINT — the
+# trap flushes a final tick and exits cleanly.
+#
+# Usage: sampler.sh <output_dir> [interval_seconds]
+
+set -u
+
+OUT_DIR="${1:?output dir required}"
+INTERVAL="${2:-2}"
+
+mkdir -p "$OUT_DIR"
+PROC_CSV="$OUT_DIR/processes.csv"
+TOTALS_CSV="$OUT_DIR/totals.csv"
+
+# Header rows
+echo "ts,pid,ppid,pcpu,rss_kb,comm,cmd" > "$PROC_CSV"
+echo "ts,py_count,py_rss_kb,node_count,node_rss_kb,chrome_count,chrome_rss_kb,playwright_count,playwright_rss_kb" > "$TOTALS_CSV"
+
+stop=0
+trap 'stop=1' TERM INT
+
+# We classify by command-line substring. Note: macOS Chromium for Playwright
+# tests usually shows up as "Chromium Helper" / "Chromium" / "chrome"
+classify() {
+    local cmd="$1"
+    case "$cmd" in
+        *python*|*Python.framework*) echo "python" ;;
+        *node*|*pnpm*) echo "node" ;;
+        *Chromium*|*chrome*|*Chrome*Helper*) echo "chrome" ;;
+        *) echo "other" ;;
+    esac
+}
+
+while [ "$stop" -eq 0 ]; do
+    ts=$(date +%s)
+
+    # ps with full command line. -ww disables column truncation. -A all procs.
+    # We filter to interesting commands inline to keep CSVs small.
+    py_count=0; py_rss=0
+    node_count=0; node_rss=0
+    chrome_count=0; chrome_rss=0
+    pw_count=0; pw_rss=0
+
+    # Read ps output. Format: pid ppid pcpu rss command...
+    # Using -o command (not comm) keeps the full cmdline for classification.
+    while IFS= read -r line; do
+        # Skip header
+        case "$line" in
+            *PID*PPID*) continue ;;
+        esac
+
+        # Parse first 4 numeric/short fields, rest is command. Use awk for the
+        # whole line because ps right-pads numeric columns with variable
+        # whitespace, so `cut -d' '` would mishandle multi-space gaps.
+        read -r pid ppid pcpu rss cmd <<< "$(echo "$line" | awk '{
+            pid=$1; ppid=$2; pcpu=$3; rss=$4;
+            $1=$2=$3=$4="";
+            sub(/^ +/, "");
+            printf "%s %s %s %s %s", pid, ppid, pcpu, rss, $0
+        }')"
+
+        # Skip our own sampler / awk / ps
+        case "$cmd" in
+            *sampler.sh*|*ps\ -A*|*awk*) continue ;;
+        esac
+
+        cat=$(classify "$cmd")
+
+        # Tag playwright-runner node procs separately for visibility
+        case "$cmd" in
+            *playwright*) is_pw=1 ;;
+            *) is_pw=0 ;;
+        esac
+
+        # Truncate cmd for CSV friendliness
+        cmd_short=$(echo "$cmd" | cut -c1-120 | tr ',' ' ' | tr '\n' ' ')
+
+        if [ "$cat" != "other" ]; then
+            echo "$ts,$pid,$ppid,$pcpu,$rss,$cat,$cmd_short" >> "$PROC_CSV"
+
+            case "$cat" in
+                python) py_count=$((py_count+1)); py_rss=$((py_rss+rss)) ;;
+                node)   node_count=$((node_count+1)); node_rss=$((node_rss+rss))
+                        if [ "$is_pw" -eq 1 ]; then
+                            pw_count=$((pw_count+1)); pw_rss=$((pw_rss+rss))
+                        fi
+                        ;;
+                chrome) chrome_count=$((chrome_count+1)); chrome_rss=$((chrome_rss+rss)) ;;
+            esac
+        fi
+    done < <(ps -A -ww -o pid=,ppid=,pcpu=,rss=,command=)
+
+    echo "$ts,$py_count,$py_rss,$node_count,$node_rss,$chrome_count,$chrome_rss,$pw_count,$pw_rss" >> "$TOTALS_CSV"
+
+    # Sleep in small chunks so SIGTERM is responsive
+    elapsed=0
+    while [ "$elapsed" -lt "$INTERVAL" ] && [ "$stop" -eq 0 ]; do
+        sleep 1
+        elapsed=$((elapsed+1))
+    done
+done
+
+# Final flush sentinel
+ts=$(date +%s)
+echo "$ts,SAMPLER_STOPPED,,,,,,," >> "$TOTALS_CSV"
diff --git a/scripts/run_backend_tests.bat b/scripts/run_backend_tests.bat
new file mode 100644
index 0000000..dd63570
--- /dev/null
+++ b/scripts/run_backend_tests.bat
@@ -0,0 +1,7 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+cd /d "%~dp0.."
+
+echo Running the backend unit tests...
+python -m pytest test -m "not flaky"
diff --git a/scripts/run_backend_tests.sh b/scripts/run_backend_tests.sh
new file mode 100755
index 0000000..07b2dc7
--- /dev/null
+++ b/scripts/run_backend_tests.sh
@@ -0,0 +1,6 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+
+echo "Running the backend unit tests..."
+python -m pytest test -m "not flaky"
diff --git a/scripts/run_frontend.bat b/scripts/run_frontend.bat
new file mode 100644
index 0000000..d07508f
--- /dev/null
+++ b/scripts/run_frontend.bat
@@ -0,0 +1,12 @@
+@echo off
+setlocal EnableDelayedExpansion
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+:: Check for pnpm
+call scripts\helpers.bat pnpm_required
+
+echo Running the frontend...
+pnpm i
+pnpm dev
\ No newline at end of file
diff --git a/scripts/run_frontend.sh b/scripts/run_frontend.sh
new file mode 100755
index 0000000..154d45e
--- /dev/null
+++ b/scripts/run_frontend.sh
@@ -0,0 +1,10 @@
+#!/bin/bash -eu
+
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+pnpm_required
+
+echo "Running the frontend..."
+pnpm i
+pnpm dev
diff --git a/scripts/sync_frontend.py b/scripts/sync_frontend.py
new file mode 100644
index 0000000..0c764fd
--- /dev/null
+++ b/scripts/sync_frontend.py
@@ -0,0 +1,91 @@
+from __future__ import annotations
+
+import json
+import pathlib
+
+from huggingface_hub import upload_folder
+
+
+def copy_js_code(root: str | pathlib.Path, hf_token: str | None = None):
+    NOT_COMPONENT = [
+        "app",
+        "node_modules",
+        "storybook",
+        "playwright-report",
+        "workbench",
+        "tooltils",
+        "component-test",
+        "core",
+        "spa",
+    ]
+    print("COPYING JS CODE TO gradio/_frontend_code/")
+    version = json.load(open(pathlib.Path(root) / "gradio" / "package.json"))["version"]
+    for entry in (pathlib.Path(root) / "js").iterdir():
+        if (
+            entry.is_dir()
+            and not str(entry.name).startswith("_")
+            and str(entry.name) not in NOT_COMPONENT
+        ):
+            print("entry:", entry)
+            upload_folder(
+                repo_id="gradio/frontend",
+                repo_type="dataset",
+                folder_path=str(entry),
+                path_in_repo=f"{version}/{entry.name}",
+                ignore_patterns=[
+                    "CHANGELOG*",
+                    "README.md",
+                    "*/node_modules/*",  # Matches content within node_modules folders
+                    "*.test.*",
+                    "*.stories.*",
+                    "*.spec.*",
+                    ".svelte-kit/*",
+                    "dist/**",
+                ],
+                allow_patterns=[
+                    "*.ts",
+                    "*.svelte",
+                    "*.json",
+                    "**/*.ts",
+                    "**/*.svelte",
+                    "**/*.json",
+                ],
+                token=hf_token,
+            )
+    upload_folder(
+        repo_id="gradio/frontend",
+        repo_type="dataset",
+        folder_path=str(pathlib.Path(root) / "client" / "js"),
+        path_in_repo=f"{version}/client",
+        ignore_patterns=[
+            "CHANGELOG*",
+            "README.md",
+            "*/node_modules/*",  # Matches content within node_modules folders
+            "*.test.*",
+            "*.stories.*",
+            "*.spec.*",
+            ".svelte-kit/*",
+            "dist/**",
+        ],
+        allow_patterns=[
+            "*.ts",
+            "*.svelte",
+            "*.json",
+            "**/*.ts",
+            "**/*.svelte",
+            "**/*.json",
+        ],
+        token=hf_token,
+            )
+
+
+if __name__ == "__main__":
+    import argparse
+
+    parser = argparse.ArgumentParser(description="Sync Frontend code to dataset")
+    parser.add_argument("hf_token", type=str, help="HF API token")
+    args = parser.parse_args()
+
+    current_dir = pathlib.Path(__file__).parent.resolve()
+
+    copy_js_code((current_dir / "..").resolve(), hf_token=args.hf_token)
diff --git a/scripts/type_check_backend.bat b/scripts/type_check_backend.bat
new file mode 100644
index 0000000..8038071
--- /dev/null
+++ b/scripts/type_check_backend.bat
@@ -0,0 +1,10 @@
+@echo off
+setlocal
+
+:: Change to parent directory of script location
+cd /d "%~dp0.."
+
+echo Adding py.typed file to gradio.
+type nul > gradio\py.typed
+
+ty check
diff --git a/scripts/type_check_backend.sh b/scripts/type_check_backend.sh
new file mode 100755
index 0000000..c9dca79
--- /dev/null
+++ b/scripts/type_check_backend.sh
@@ -0,0 +1,7 @@
+cd "$(dirname ${0})/.."
+source scripts/helpers.sh
+
+echo "Adding py.typed file to gradio."
+touch gradio/py.typed
+
+ty check
diff --git a/scripts/upload_demo_to_space.py b/scripts/upload_demo_to_space.py
new file mode 100644
index 0000000..8d989b6
--- /dev/null
+++ b/scripts/upload_demo_to_space.py
@@ -0,0 +1,148 @@
+import argparse
+import pathlib
+import shutil
+import sys
+import tempfile
+import textwrap
+from typing import Optional
+
+from huggingface_hub import CommitOperationAdd, HfApi
+
+
+def upload_demo_to_space(
+    demo_name: str, space_id: str, hf_token: str, gradio_version: Optional[str]
+):
+    """
+    Upload a demo from the demo directory to a Hugging Face Space in chunks of 50 files per commit.
+
+    Args:
+        demo_name: The name of the demo to upload.
+        space_id: The ID of the space to upload the demo to (e.g., username/space_name).
+        hf_token: Hugging Face API token with write permissions to the space.
+        gradio_version: If provided, sets the Gradio version in the created space.
+
+    Returns:
+        str: URL of the uploaded Hugging Face Space.
+    """
+
+    print(f"Uploading demo '{demo_name}' to space '{space_id}'...")
+
+    def split_into_chunks(lst: list, n: int) -> list[list]:
+        for i in range(0, len(lst), n):
+            yield lst[i : i + n]
+
+    api = HfApi()
+
+    print("Creating repository...")
+
+    # Create the repository if it doesn't exist
+    space_url = api.create_repo(
+        repo_id=space_id,
+        space_sdk="gradio",
+        repo_type="space",
+        token=hf_token,
+        exist_ok=True,
+    )
+
+    space_id = space_url.repo_id
+
+    with tempfile.TemporaryDirectory() as tmpdir:
+        demo_path = pathlib.Path.cwd() / "demo" / demo_name
+        if not demo_path.exists():
+            raise FileNotFoundError(f"Demo path '{demo_path}' does not exist.")
+
+        shutil.copytree(demo_path, tmpdir, dirs_exist_ok=True)
+
+        # update README.md with Gradio version if provided
+        if gradio_version:
+            readme = pathlib.Path(tmpdir, "README.md")
+            readme_content = f"""
+            ---
+            title: {space_id.split("/")[-1]} 
+            emoji: 💩
+            colorFrom: indigo
+            colorTo: indigo
+            sdk: gradio
+            sdk_version: {gradio_version}
+            app_file: run.py
+            pinned: false
+            ---
+            """
+            readme.write_text(textwrap.dedent(readme_content))
+
+        print("Uploading files to Hugging Face Space...")
+
+        # Create the repository if it doesn't exist
+        api.create_repo(
+            repo_id=space_id,
+            space_sdk="gradio",
+            repo_type="space",
+            token=hf_token,
+            exist_ok=True,
+        )
+
+        print("Uploading files...")
+
+        all_files = sorted([p for p in pathlib.Path(tmpdir).rglob("*") if p.is_file()])
+        relative_files = [p.relative_to(tmpdir) for p in all_files]
+
+        # Create CommitOperationAdd objects for all files
+        operations = [
+            CommitOperationAdd(
+                path_in_repo=str(rel_path).replace("\\", "/"),
+                path_or_fileobj=str(pathlib.Path(tmpdir) / rel_path),
+            )
+            for rel_path in relative_files
+        ]
+
+        # Split operations into chunks of 50
+        operation_chunks = list(split_into_chunks(operations, 50))
+
+        for idx, chunk in enumerate(operation_chunks, start=1):
+            commit_message = f"Commit {idx}: Add {len(chunk)} file(s)"
+            try:
+                api.create_commit(
+                    repo_id=space_id,
+                    operations=chunk,
+                    commit_message=commit_message,
+                    token=hf_token,
+                    repo_type="space",
+                )
+                print(f"Successfully committed chunk {idx} with {len(chunk)} file(s).")
+            except Exception as e:
+                print(f"Failed to commit chunk {idx}: {e}")
+                raise e
+
+    return f"https://huggingface.co/spaces/{space_id}"
+
+
+if __name__ == "__main__":
+    print("Starting upload...")
+    parser = argparse.ArgumentParser(
+        description="Upload a demo to a Hugging Face Space in chunks."
+    )
+    parser.add_argument("demo_name", type=str, help="Name of the demo to upload")
+    parser.add_argument(
+        "space_id",
+        type=str,
+        help="ID of the space to upload the demo to (e.g., username/space_name)",
+    )
+    parser.add_argument("hf_token", type=str, help="Hugging Face API token")
+    parser.add_argument(
+        "--gradio-version",
+        type=str,
+        help="If provided, sets the Gradio version in the created space to the given version.",
+    )
+    args = parser.parse_args()
+    try:
+        print("Uploading demo to Hugging Face Space...")
+        new_space_url = upload_demo_to_space(
+            args.demo_name, args.space_id, args.hf_token, args.gradio_version
+        )
+        print("Demo successfully uploaded to:")
+        # do not change the final print statement,
+        # it must appear as the last line of the logs for CI to pick up the URL
+        print(new_space_url)
+    except Exception as error:
+        print(f"An error occurred during upload: {error}")
+        sys.exit(1)
diff --git a/scripts/upload_docs_json.py b/scripts/upload_docs_json.py
new file mode 100644
index 0000000..2cb0d54
--- /dev/null
+++ b/scripts/upload_docs_json.py
@@ -0,0 +1,152 @@
+import json
+import re
+from pathlib import Path
+from subprocess import run
+
+import html2text
+from bs4 import BeautifulSoup
+from huggingface_hub import HfApi
+
+api = HfApi()
+
+
+def obj_divs_to_markdown(html: str) -> str:
+    soup = BeautifulSoup(html, "html.parser")
+    objs = soup.select("div.obj")
+    if not objs:
+        return ""
+    obj_html = "\n".join(div.decode_contents() for div in objs)
+    md_text = html2text.html2text(obj_html).replace(
+        "![](https://raw.githubusercontent.com/gradio-\napp/gradio/main/js/_website/src/lib/assets/img/anchor.svg)",
+        "",
+    )
+    md_text = md_text.replace("🔗\n", "")
+    md_text = re.sub(r"###\s*Guides[\s\S]*\Z", "", md_text)
+    return md_text
+
+
+MAX_LEN = 2000
+OVERLAP = 200
+H3_PATTERN = re.compile(r"^(###\s+.+)$", re.M)
+H2_PATTERN = re.compile(r"^(##\s+.+)$", re.M)
+
+
+def split_with_overlap(text: str, max_len: int = MAX_LEN, overlap: int = OVERLAP):
+    """Yield slices of text each ≤ max_len, adding `overlap` chars of context."""
+    start = 0
+    while start < len(text):
+        end = start + max_len
+        yield text[start:end]
+        start = end - overlap
+
+
+def markdown_to_docs(
+    markdown: str,
+    *,
+    page_url: str,
+    page_title: str,
+    docs: list,
+    split_by_h2: bool = False,
+):
+    """
+    Convert a Markdown string into an array of doc dictionaries, each ≤ 2000 chars.
+    Sections are split on h_type headings; oversized sections are broken up with overlap.
+    """
+
+    H_PATTERN = H2_PATTERN if split_by_h2 else H3_PATTERN
+
+    headings = [
+        (m.start(), m.end(), m.group(1).lstrip("# ").strip())
+        for m in H_PATTERN.finditer(markdown)
+    ]
+    headings.append((len(markdown), len(markdown), None))
+
+    for idx in range(len(headings) - 1):
+        start, h_end, h_text = headings[idx]
+        next_start, _, _ = headings[idx + 1]
+        section_body = markdown[h_end:next_start].lstrip()
+
+        chunks = (
+            [section_body]
+            if len(section_body) <= MAX_LEN
+            else list(split_with_overlap(section_body))
+        )
+
+        for i, chunk in enumerate(chunks):
+            heading = h_text
+            docs.append(
+                dict(
+                    text=chunk.replace("# ", "").replace("#", ""),
+                    heading1=heading,
+                    source_page_url=page_url,
+                    source_page_title=page_title,
+                )
+            )
+    return docs
+
+
+if __name__ == "__main__":
+    ROOT = Path(__file__).parent.parent
+    DOCS_DIR = (ROOT / "js/_website/build/docs").resolve()
+    GUIDES_DIR = (ROOT / "guides").resolve()
+    docs = []
+    for dir in DOCS_DIR.iterdir():
+        if dir.is_dir():
+            for file in dir.iterdir():
+                if file.is_file() and file.suffix == ".html":
+                    html = file.read_text(encoding="utf-8")
+                    markdown = obj_divs_to_markdown(html)
+
+                    page_url = f"https://gradio.app/docs/{dir.name}/{file.name.replace('.html', '')}"
+                    page_title = f"{dir.name.replace('-', ' ').title()} - {file.name.replace('.html', '').replace('-', ' ').title()} Docs"
+
+                    docs = markdown_to_docs(
+                        markdown, page_url=page_url, page_title=page_title, docs=docs
+                    )
+
+    for dir in GUIDES_DIR.iterdir():
+        if dir.is_dir() and dir.name not in ["assets", "cn"]:
+            for file in dir.iterdir():
+                if file.is_file() and file.suffix == ".md":
+                    markdown = file.read_text(encoding="utf-8")
+                    page_name = file.name.replace(".md", "")
+                    page_name = re.sub(r"^\d+_", "", page_name)
+                    dir_name = dir.name.replace("-", " ")
+                    dir_name = re.sub(r"^\d+_", "", dir_name)
+                    page_url = f"https://gradio.app/guides/{page_name}"
+                    page_title = f"{dir_name.title()} - {page_name.replace('-', ' ').title()} Guide"
+
+                    docs = markdown_to_docs(
+                        markdown,
+                        page_url=page_url,
+                        page_title=page_title,
+                        docs=docs,
+                        split_by_h2=True,
+                    )
+
+    print(f"Generated {len(docs)} chunks.")
+
+    with open((ROOT / "scripts/docs.json").resolve(), "w") as f:
+        json.dump(docs, f)
+
+    result = run(
+        ["git", "log", "-1", "--pretty=format:%H|%s"],
+        capture_output=True,
+        text=True,
+        check=True,
+    )
+    sha, subject = result.stdout.strip().split("|", 1)
+    commit_hash = sha[:7]
+    commit_message = subject if len(subject) <= 30 else subject[:30] + "..."
+
+    try:
+        commit_info = api.upload_file(
+            path_or_fileobj=(ROOT / "scripts/docs.json").resolve(),
+            path_in_repo="docs.json",
+            repo_id="gradio/docs",
+            repo_type="dataset",
+            commit_message=f"Changes from: {commit_hash} '{commit_message}'",
+        )
+        print("✅  docs.json uploaded")
+    except Exception as e:
+        print(f"❌  Error uploading docs.json: {e}")
diff --git a/scripts/upload_website_demos.py b/scripts/upload_website_demos.py
new file mode 100644
index 0000000..6e195e8
--- /dev/null
+++ b/scripts/upload_website_demos.py
@@ -0,0 +1,163 @@
+from __future__ import annotations
+
+import argparse
+import json
+import os
+import pathlib
+import shutil
+import tempfile
+import textwrap
+import time
+import warnings
+
+import huggingface_hub
+import requests
+
+ROOT = os.path.abspath(os.path.join(os.path.dirname(__file__), ".."))
+DIR = os.path.dirname(__file__)
+GRADIO_DEMO_DIR = os.path.abspath(os.path.join(ROOT, "demo"))
+
+# Reasoning:
+# 1. all_demos includes all demos and is for testing PRs
+# 2. reset_components includes media files that are only present in all_demos (only for PRs)
+# 3. custom_path doesn't have .launch since the point is to show how to launch with uvicorn
+# 4. The same reason as 2 for kitchen_sink_random and blocks_kitchen_sink
+DEMOS_TO_SKIP = {
+    "all_demos",
+    "clear_components",
+    "custom_path",
+    "kitchen_sink_random",
+    "blocks_kitchen_sink",
+}
+
+api = huggingface_hub.HfApi()
+
+
+def space_exists(space_id):
+    url = f"https://huggingface.co/spaces/{space_id}"
+    try:
+        for _ in range(5):
+            with warnings.catch_warnings():
+                warnings.filterwarnings("ignore")
+                r = requests.head(url, timeout=3, verify=False)
+            if r.status_code == 200:
+                return True
+            time.sleep(0.500)
+    except requests.ConnectionError:
+        return False
+    return False
+
+
+def upload_demo_to_space(
+    demo_name: str,
+    space_id: str,
+    hf_token: str,
+    gradio_version: str | None,
+    gradio_wheel_url: str | None = None,
+    gradio_client_url: str | None = None,
+):
+    """Upload a demo in the demo directory to a huggingface space.
+    Parameters:
+        demo_name: The name of the demo to upload.
+        space_id: The id of the space to upload the demo to.
+        hf_token: HF api token. Need to have permission to write to space_id for this to work.
+        gradio_version: If not None, will set the gradio version in the created Space to the given version.
+        gradio_wheel_url: If not None, will install the version of gradio using the wheel url in the created Space.
+        gradio_client_url: If not None, will install the version of gradio client using the wheel url in the created Space.
+    """
+    print(f"Uploading {demo_name} to {space_id}...")
+    with tempfile.TemporaryDirectory() as tmpdir:
+        demo_path = pathlib.Path(GRADIO_DEMO_DIR, demo_name)
+        shutil.copytree(demo_path, tmpdir, dirs_exist_ok=True)
+        readme = pathlib.Path(tmpdir, "README.md")
+        readme_content = f"""
+                            ---
+                            title: {space_id.split("/")[-1]} 
+                            emoji: 🔥
+                            colorFrom: indigo
+                            colorTo: indigo
+                            sdk: gradio
+                            sdk_version: {gradio_version}
+                            app_file: run.py
+                            pinned: false
+                            hf_oauth: true
+                            ---
+                            """
+        readme.open("w").write(textwrap.dedent(readme_content))
+
+        if gradio_wheel_url and gradio_client_url:
+            requirements_path = os.path.join(tmpdir, "requirements.txt")
+            if not os.path.exists(requirements_path):
+                with open(os.path.join(requirements_path), "w") as f:
+                    f.write(gradio_client_url + "\n" + gradio_wheel_url)
+            else:
+                with open(os.path.join(requirements_path), "r") as f:
+                    content = f.read()
+                with open(os.path.join(requirements_path), "w") as f:
+                    f.seek(0, 0)
+                    f.write(
+                        gradio_client_url + "\n" + gradio_wheel_url + "\n" + content
+                    )
+
+        try:
+            if not space_exists(space_id):
+                print(f"Creating space {space_id}")
+                api.create_repo(
+                    space_id,
+                    space_sdk="gradio",
+                    repo_type="space",
+                    token=hf_token,
+                    exist_ok=True,
+                )
+
+            api.upload_folder(
+                token=hf_token,
+                repo_id=space_id,
+                repo_type="space",
+                folder_path=tmpdir,
+                path_in_repo="",
+            )
+        except Exception as e:
+            print(f"Failed to upload {demo_name} to {space_id}. Error: {e}")
+            return
+    return f"https://huggingface.co/spaces/{space_id}"
+
+
+demos = os.listdir(GRADIO_DEMO_DIR)
+demos = [
+    demo
+    for demo in demos
+    if demo not in DEMOS_TO_SKIP
+    and os.path.isdir(os.path.join(GRADIO_DEMO_DIR, demo))
+    and os.path.exists(os.path.join(GRADIO_DEMO_DIR, demo, "run.py"))
+]
+
+if __name__ == "__main__":
+    parser = argparse.ArgumentParser()
+    parser.add_argument("--WHEEL_URL", type=str, help="aws link to gradio wheel")
+    parser.add_argument("--CLIENT_URL", type=str, help="gradio version")
+    parser.add_argument("--AUTH_TOKEN", type=str, help="huggingface auth token")
+    parser.add_argument("--GRADIO_VERSION", type=str, help="gradio version")
+    args = parser.parse_args()
+    gradio_wheel_url = args.WHEEL_URL + f"gradio-{args.GRADIO_VERSION}-py3-none-any.whl"
+
+    if args.AUTH_TOKEN is not None:
+        hello_world_version = str(
+            huggingface_hub.space_info("gradio/hello_world").cardData["sdk_version"]
+        )
+        for demo in demos:
+            if hello_world_version != args.GRADIO_VERSION:
+                upload_demo_to_space(
+                    demo_name=demo,
+                    space_id="gradio/" + demo,
+                    hf_token=args.AUTH_TOKEN,
+                    gradio_version=args.GRADIO_VERSION,
+                )
+            upload_demo_to_space(
+                demo_name=demo,
+                space_id="gradio/" + demo + "_main",
+                hf_token=args.AUTH_TOKEN,
+                gradio_version=args.GRADIO_VERSION,
+                gradio_wheel_url=gradio_wheel_url,
+                gradio_client_url=args.CLIENT_URL,
+            )
diff --git a/scripts/validate_workflow_curated.py b/scripts/validate_workflow_curated.py
new file mode 100644
index 0000000..a085f8a
--- /dev/null
+++ b/scripts/validate_workflow_curated.py
@@ -0,0 +1,452 @@
+"""Daily validation job for the workflow tool's curated catalog."""
+
+from __future__ import annotations
+
+import argparse
+import base64
+import io
+import json
+import logging
+import os
+import sys
+import time
+from concurrent.futures import ThreadPoolExecutor, as_completed
+from datetime import datetime, timezone
+from typing import Any, Optional
+
+import httpx
+
+logging.basicConfig(
+    level=logging.INFO,
+    format="%(asctime)s %(levelname)s %(message)s",
+)
+logger = logging.getLogger("validate_workflow_curated")
+
+CURATED_DATASET = "gradio/workflow-curated"
+CURATED_FILENAME = "curated.json"
+SMOKE_TIMEOUT = 30  # seconds per smoke call
+INFO_TIMEOUT = 10
+INFO_PATHS = ("/gradio_api/info", "/info", "/api/info")
+
+TASK_INPUT_TYPES: dict[str, list[str]] = {
+    "text-to-image": ["text"],
+    "text-to-video": ["text"],
+    "text-to-speech": ["text"],
+    "text-to-audio": ["text"],
+    "text-to-3d": ["text"],
+    "text-generation": ["text"],
+    "summarization": ["text"],
+    "translation": ["text"],
+    "text-classification": ["text"],
+    "question-answering": ["text"],
+    "image-to-image": ["image"],
+    "image-to-text": ["image"],
+    "image-to-video": ["image"],
+    "image-to-3d": ["image"],
+    "image-classification": ["image"],
+    "image-segmentation": ["image"],
+    "object-detection": ["image"],
+    "depth-estimation": ["image"],
+    "automatic-speech-recognition": ["audio"],
+    "audio-classification": ["audio"],
+    "audio-to-audio": ["audio"],
+}
+
+TASK_OUTPUT_TYPES: dict[str, list[str]] = {
+    "text-to-image": ["image"],
+    "text-to-video": ["video"],
+    "text-to-speech": ["audio"],
+    "text-to-audio": ["audio"],
+    "text-to-3d": ["model3d"],
+    "text-generation": ["text"],
+    "summarization": ["text"],
+    "translation": ["text"],
+    "text-classification": ["json"],
+    "question-answering": ["text"],
+    "image-to-image": ["image"],
+    "image-to-text": ["text"],
+    "image-to-video": ["video"],
+    "image-to-3d": ["model3d"],
+    "image-classification": ["json"],
+    "image-segmentation": ["json"],
+    "object-detection": ["json"],
+    "depth-estimation": ["image"],
+    "automatic-speech-recognition": ["text"],
+    "audio-classification": ["json"],
+    "audio-to-audio": ["audio"],
+}
+
+
+def now_iso() -> str:
+    return datetime.now(timezone.utc).isoformat(timespec="seconds")
+
+
+def space_subdomain(repo_id: str) -> str:
+    return repo_id.replace("/", "-").replace(".", "-").lower()
+
+
+def fetch_space_info(repo_id: str) -> tuple[Optional[dict], Optional[str]]:
+    base = f"https://{space_subdomain(repo_id)}.hf.space"
+    last_err = "unreachable"
+    for path in INFO_PATHS:
+        try:
+            r = httpx.get(base + path, timeout=INFO_TIMEOUT, follow_redirects=True)
+        except httpx.HTTPError as e:
+            last_err = f"{type(e).__name__}: {e}"
+            continue
+        if r.status_code == 200:
+            try:
+                return r.json(), None
+            except json.JSONDecodeError:
+                last_err = "non-json info response"
+                continue
+        if r.status_code in (401, 403):
+            return None, "gated"
+        last_err = f"http {r.status_code}"
+    return None, last_err
+
+
+def fetch_space_runtime(repo_id: str) -> Optional[dict]:
+    try:
+        r = httpx.get(
+            f"https://huggingface.co/api/spaces/{repo_id}?expand[]=runtime",
+            timeout=INFO_TIMEOUT,
+        )
+        if r.status_code == 200:
+            return r.json()
+    except httpx.HTTPError:
+        pass
+    return None
+
+
+def primary_endpoint(info: dict, override: Optional[str]) -> Optional[tuple[str, dict]]:
+    UTILITY = (
+        "/on_",
+        "/handle_",
+        "/update_",
+        "/prepare_",
+        "/load_",
+        "/clear_",
+        "/reset_",
+    )
+    named = info.get("named_endpoints") or {}
+    unnamed = info.get("unnamed_endpoints") or {}
+    all_eps = [
+        (n, ep)
+        for n, ep in list(named.items()) + list(unnamed.items())
+        if not any(n.startswith(p) for p in UTILITY)
+    ]
+    if override:
+        for n, ep in all_eps:
+            if n == override:
+                return n, ep
+    for n, ep in all_eps:
+        if n == "/predict":
+            return n, ep
+    return (all_eps[0][0], all_eps[0][1]) if all_eps else None
+
+
+def schema_cross_check(ep: dict, task: str) -> Optional[str]:
+    expected_in = TASK_INPUT_TYPES.get(task)
+    expected_out = TASK_OUTPUT_TYPES.get(task)
+    if not expected_in and not expected_out:
+        return None
+
+    required_inputs = [
+        p for p in (ep.get("parameters") or []) if not p.get("parameter_has_default")
+    ]
+    if expected_in:
+        if len(required_inputs) > len(expected_in) + 2:
+            return f"too many required inputs ({len(required_inputs)} > {len(expected_in)})"
+    if expected_out:
+        returns = ep.get("returns") or []
+        if not returns:
+            return "endpoint has no return values"
+    return None
+
+
+def default_smoke_inputs(task: str) -> list[Any]:
+    if task in ("text-to-image", "text-to-video", "text-to-3d", "text-to-speech", "text-to-audio"):
+        return ["a small red square"]
+    if task in ("text-generation", "summarization", "translation", "text-classification", "question-answering"):
+        return ["hello world"]
+    if task in ("image-to-image", "image-to-text", "image-to-video", "image-to-3d",
+                "image-classification", "image-segmentation", "object-detection",
+                "depth-estimation"):
+        return [_tiny_png_data_url()]
+    if task in ("automatic-speech-recognition", "audio-classification", "audio-to-audio"):
+        return [_tiny_wav_path()]
+    return []
+
+
+def _tiny_png_data_url() -> str:
+    raw = base64.b64decode(
+        "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="
+    )
+    return "data:image/png;base64," + base64.b64encode(raw).decode("ascii")
+
+
+def _tiny_wav_path() -> str:
+    import struct
+    import tempfile
+    import wave
+
+    fd, path = tempfile.mkstemp(suffix=".wav")
+    os.close(fd)
+    with wave.open(path, "wb") as w:
+        w.setnchannels(1)
+        w.setsampwidth(2)
+        w.setframerate(8000)
+        w.writeframes(struct.pack("<" + "h" * 1600, *([0] * 1600)))
+    return path
+
+
+def smoke_inference(
+    repo_id: str, endpoint: str, inputs: list[Any], hf_token: Optional[str]
+) -> tuple[bool, Optional[str], int]:
+    try:
+        from gradio_client import Client
+    except Exception as e:
+        return False, f"gradio_client unavailable: {e}", 0
+
+    started = time.monotonic()
+    try:
+        client = Client(repo_id, hf_token=hf_token)
+        client.predict(*inputs, api_name=endpoint)
+    except Exception as e:
+        return False, f"{type(e).__name__}: {e}", int((time.monotonic() - started) * 1000)
+    return True, None, int((time.monotonic() - started) * 1000)
+
+
+def validate_space(entry: dict, hf_token: Optional[str], skip_smoke: bool) -> dict:
+    repo_id = entry["id"]
+    task = entry.get("task", "")
+    logger.info("validating space %s", repo_id)
+    info, err = fetch_space_info(repo_id)
+    if err == "gated":
+        return {"last_checked": now_iso(), "status": "gated", "error": "auth required"}
+    if info is None:
+        rt = fetch_space_runtime(repo_id)
+        stage = (rt or {}).get("runtime", {}).get("stage") if rt else None
+        if stage in ("SLEEPING", "PAUSED", "STOPPED"):
+            return {"last_checked": now_iso(), "status": "sleeping", "error": stage}
+        if stage and "ERROR" in str(stage).upper():
+            return {"last_checked": now_iso(), "status": "broken", "error": stage}
+        return {"last_checked": now_iso(), "status": "unreachable", "error": err}
+
+    pick = primary_endpoint(info, entry.get("endpoint"))
+    if not pick:
+        return {"last_checked": now_iso(), "status": "broken", "error": "no usable endpoints"}
+    ep_name, ep = pick
+
+    if task:
+        mismatch = schema_cross_check(ep, task)
+        if mismatch:
+            return {"last_checked": now_iso(), "status": "schema_mismatch", "error": mismatch}
+
+    if skip_smoke:
+        return {"last_checked": now_iso(), "status": "ok", "error": None, "latency_ms": 0, "endpoint": ep_name}
+
+    inputs = entry.get("smoke_inputs")
+    inputs_list = (
+        list(inputs.values()) if isinstance(inputs, dict) else (inputs or default_smoke_inputs(task))
+    )
+    ok, err, latency = smoke_inference(repo_id, ep_name, inputs_list, hf_token)
+    if not ok:
+        msg = (err or "").lower()
+        if "401" in msg or "403" in msg or "auth" in msg:
+            status = "gated"
+        else:
+            status = "smoke_failed"
+        return {"last_checked": now_iso(), "status": status, "error": err, "latency_ms": latency, "endpoint": ep_name}
+    return {
+        "last_checked": now_iso(),
+        "status": "ok",
+        "error": None,
+        "latency_ms": latency,
+        "endpoint": ep_name,
+    }
+
+
+def validate_model(entry: dict, hf_token: Optional[str]) -> dict:
+    repo_id = entry["id"]
+    task = entry.get("task", "")
+    logger.info("validating model %s", repo_id)
+    try:
+        r = httpx.get(
+            f"https://huggingface.co/api/models/{repo_id}",
+            timeout=INFO_TIMEOUT,
+            headers={"Authorization": f"Bearer {hf_token}"} if hf_token else {},
+        )
+    except httpx.HTTPError as e:
+        return {"last_checked": now_iso(), "status": "unreachable", "error": str(e)}
+    if r.status_code in (401, 403):
+        return {"last_checked": now_iso(), "status": "gated", "error": "auth required"}
+    if r.status_code != 200:
+        return {"last_checked": now_iso(), "status": "unreachable", "error": f"http {r.status_code}"}
+
+    body = r.json()
+    actual_task = body.get("pipeline_tag")
+    if task and actual_task and actual_task != task:
+        return {
+            "last_checked": now_iso(),
+            "status": "schema_mismatch",
+            "error": f"pipeline_tag is {actual_task!r}, manifest says {task!r}",
+        }
+
+    try:
+        from huggingface_hub import HfApi
+
+        api = HfApi(token=hf_token)
+        files = api.list_repo_files(repo_id=repo_id, repo_type="model")
+    except Exception as e:
+        return {"last_checked": now_iso(), "status": "unreachable", "error": str(e)}
+
+    has_weights = any(
+        f.endswith((".safetensors", ".bin", ".gguf", ".onnx", ".pt"))
+        for f in files
+    )
+    if not has_weights:
+        return {
+            "last_checked": now_iso(),
+            "status": "missing_weights",
+            "error": "no weight file found",
+        }
+    return {"last_checked": now_iso(), "status": "ok", "error": None}
+
+
+def load_manifest(local_path: Optional[str], hf_token: Optional[str]) -> tuple[dict, str]:
+    if local_path:
+        with open(local_path, encoding="utf-8") as f:
+            return json.load(f), local_path
+    from huggingface_hub import hf_hub_download
+
+    local = hf_hub_download(
+        repo_id=CURATED_DATASET,
+        filename=CURATED_FILENAME,
+        repo_type="dataset",
+        token=hf_token,
+    )
+    with open(local, encoding="utf-8") as f:
+        return json.load(f), f"{CURATED_DATASET}/{CURATED_FILENAME}"
+
+
+def upload_manifest(payload: dict, hf_token: str) -> None:
+    from huggingface_hub import upload_file
+
+    blob = json.dumps(payload, indent=2, ensure_ascii=False).encode("utf-8")
+    upload_file(
+        path_or_fileobj=io.BytesIO(blob),
+        path_in_repo=CURATED_FILENAME,
+        repo_id=CURATED_DATASET,
+        repo_type="dataset",
+        token=hf_token,
+        commit_message=f"daily validation {now_iso()}",
+    )
+
+
+def main() -> int:
+    ap = argparse.ArgumentParser(description="Validate the workflow curated catalog.")
+    ap.add_argument(
+        "--dry-run",
+        action="store_true",
+        help="Don't upload the result; print the proposed manifest to stdout.",
+    )
+    ap.add_argument(
+        "--source",
+        default=None,
+        help="Path to a local manifest JSON instead of the Hub dataset.",
+    )
+    ap.add_argument(
+        "--limit",
+        type=int,
+        default=0,
+        help="Only validate the first N entries (debugging).",
+    )
+    ap.add_argument(
+        "--skip-smoke",
+        action="store_true",
+        help="Skip the smoke inference; only run the info-endpoint check.",
+    )
+    ap.add_argument(
+        "--workers",
+        type=int,
+        default=4,
+        help="Parallel workers for the info-check phase.",
+    )
+    args = ap.parse_args()
+
+    hf_token = os.environ.get("HF_TOKEN") or os.environ.get("HF_JOBS_TOKEN")
+
+    payload, src = load_manifest(args.source, hf_token)
+    items = payload.get("items") if isinstance(payload, dict) else payload
+    if not isinstance(items, list):
+        logger.error("manifest at %s is malformed (no `items` array)", src)
+        return 2
+    if args.limit:
+        items = items[: args.limit]
+
+    spaces = [e for e in items if e.get("kind") == "space"]
+    models = [e for e in items if e.get("kind") == "model"]
+    logger.info(
+        "loaded %d entries from %s (%d spaces, %d models)",
+        len(items),
+        src,
+        len(spaces),
+        len(models),
+    )
+
+    new_items: list[dict] = []
+    with ThreadPoolExecutor(max_workers=args.workers) as pool:
+        futures = {}
+        for e in items:
+            if e.get("kind") == "space":
+                futures[pool.submit(validate_space, e, hf_token, args.skip_smoke)] = e
+            elif e.get("kind") == "model":
+                futures[pool.submit(validate_model, e, hf_token)] = e
+            else:
+                new_items.append(e)
+        for fut in as_completed(futures):
+            entry = futures[fut]
+            try:
+                result = fut.result()
+            except Exception as e:
+                result = {
+                    "last_checked": now_iso(),
+                    "status": "broken",
+                    "error": f"validator crashed: {e}",
+                }
+            updated = dict(entry)
+            updated["validation"] = result
+            new_items.append(updated)
+
+    order = {e.get("id", ""): i for i, e in enumerate(items)}
+    new_items.sort(key=lambda e: order.get(e.get("id", ""), len(items)))
+
+    out_payload = (
+        {**payload, "items": new_items, "fetched_at": now_iso()}
+        if isinstance(payload, dict)
+        else new_items
+    )
+
+    statuses: dict[str, int] = {}
+    for e in new_items:
+        s = (e.get("validation") or {}).get("status", "unknown")
+        statuses[s] = statuses.get(s, 0) + 1
+    logger.info("results: %s", statuses)
+
+    if args.dry_run:
+        json.dump(out_payload, sys.stdout, indent=2)
+        sys.stdout.write("\n")
+        return 0
+
+    if not hf_token:
+        logger.error("no HF_TOKEN / HF_JOBS_TOKEN — cannot upload (use --dry-run to preview)")
+        return 3
+    upload_manifest(out_payload, hf_token)
+    logger.info("uploaded manifest to %s", CURATED_DATASET)
+    return 0
+
+
+if __name__ == "__main__":
+    sys.exit(main())
diff --git a/style.md b/style.md
new file mode 100644
index 0000000..e0db9ea
--- /dev/null
+++ b/style.md
@@ -0,0 +1,160 @@
+# component styles
+
+## Textbox
+
+| name        | type                                 | description                    |
+| ----------- | ------------------------------------ | ------------------------------ |
+| `rounded`   | `bool` or `(bool, bool, bool, bool)` | corners of text input          |
+| `border`    | `bool` or `(bool, bool, bool, bool)` | borders of text input          |
+| `container` | `bool`                               | show or hide the container box |
+
+## Number
+
+| name        | type                                 | description                    |
+| ----------- | ------------------------------------ | ------------------------------ |
+| `rounded`   | `bool` or `(bool, bool, bool, bool)` | corners of text input          |
+| `border`    | `bool` or `(bool, bool, bool, bool)` | borders of text input          |
+| `container` | `bool`                               | show or hide the container box |
+
+## Slider
+
+| name        | type   | description                    |
+| ----------- | ------ | ------------------------------ |
+| `container` | `bool` | show or hide the container box |
+
+## Checkbox
+
+| name        | type                                 | description                    |
+| ----------- | ------------------------------------ | ------------------------------ |
+| `rounded`   | `bool` or `(bool, bool, bool, bool)` | corners of checkbox            |
+| `border`    | `bool` or `(bool, bool, bool, bool)` | borders of checkbox            |
+| `container` | `bool`                               | show or hide the container box |
+
+## Checkbox Group
+
+| name             | type                                 | description                               |
+| ---------------- | ------------------------------------ | ----------------------------------------- |
+| `rounded`        | `bool` or `(bool, bool, bool, bool)` | corners of checkboxes                     |
+| `container`      | `bool`                               | show or hide the container box            |
+| `item_container` | `bool`                               | show or hide the checkbox container boxes |
+
+## Radio
+
+| name             | type   | description                            |
+| ---------------- | ------ | -------------------------------------- |
+| `container`      | `bool` | show or hide the container box         |
+| `item_container` | `bool` | show or hide the radio container boxes |
+
+## Dropdown
+
+| name        | type                                 | description                    |
+| ----------- | ------------------------------------ | ------------------------------ |
+| `rounded`   | `bool` or `(bool, bool, bool, bool)` | corners of input               |
+| `border`    | `bool` or `(bool, bool, bool, bool)` | borders of input               |
+| `container` | `bool`                               | show or hide the container box |
+
+## Image
+
+| name      | type                                 | description         |
+| --------- | ------------------------------------ | ------------------- |
+| `rounded` | `bool` or `(bool, bool, bool, bool)` | corners of main box |
+
+## Video
+
+| name      | type                                 | description         |
+| --------- | ------------------------------------ | ------------------- |
+| `rounded` | `bool` or `(bool, bool, bool, bool)` | corners of main box |
+
+## Audio
+
+| name      | type                                 | description         |
+| --------- | ------------------------------------ | ------------------- |
+| `rounded` | `bool` or `(bool, bool, bool, bool)` | corners of main box |
+
+## File
+
+| name      | type                                 | description         |
+| --------- | ------------------------------------ | ------------------- |
+| `rounded` | `bool` or `(bool, bool, bool, bool)` | corners of main box |
+
+## Dataframe
+
+| name      | type                                 | description         |
+| --------- | ------------------------------------ | ------------------- |
+| `rounded` | `bool` or `(bool, bool, bool, bool)` | corners of main box |
+
+## Timeseries
+
+| name      | type                                 | description         |
+| --------- | ------------------------------------ | ------------------- |
+| `rounded` | `bool` or `(bool, bool, bool, bool)` | corners of main box |
+
+## Label
+
+| name        | type   | description                    |
+| ----------- | ------ | ------------------------------ |
+| `container` | `bool` | show or hide the container box |
+
+## HighlightedText
+
+| name        | type                                 | description                    |
+| ----------- | ------------------------------------ | ------------------------------ |
+| `rounded`   | `bool` or `(bool, bool, bool, bool)` | corners of labels              |
+| `color_map` | `Dict[str, str]`                     | color map of labels and colors |
+| `container` | `bool`                               | show or hide the container box |
+
+## JSON
+
+| name        | type   | description                    |
+| ----------- | ------ | ------------------------------ |
+| `container` | `bool` | show or hide the container box |
+
+## HTML
+
+Nothing
+
+## Gallery
+
+| name        | type                                      | description                         |
+| ----------- | ----------------------------------------- | ----------------------------------- |
+| `rounded`   | `bool` or `(bool, bool, bool, bool)`      | corners of images                   |
+| `grid`      | `int` or `(int, int, int, int, int, int)` | grid for images                     |
+| `height`    | `"auto"`                                  | height of gallery (auto or default) |
+| `container` | `bool`                                    | show or hide the container box      |
+
+## Chatbot
+
+| name        | type                                 | description                                      |
+| ----------- | ------------------------------------ | ------------------------------------------------ |
+| `rounded`   | `bool` or `(bool, bool, bool, bool)` | corners of chat bubbles                          |
+| `color_map` | `Dict[str, str]`                     | color map of user and bot color for chat bubbles |
+
+## Model3D
+
+| name      | type                                 | description         |
+| --------- | ------------------------------------ | ------------------- |
+| `rounded` | `bool` or `(bool, bool, bool, bool)` | corners of main box |
+
+## Plot
+
+Nothing (yet)
+
+## Markdown
+
+Nothing
+
+## Button
+
+| name         | type                                 | description                             |
+| ------------ | ------------------------------------ | --------------------------------------- |
+| `rounded`    | `bool` or `(bool, bool, bool, bool)` | corners of button                       |
+| `border`     | `bool` or `(bool, bool, bool, bool)` | borders of button                       |
+| `full_width` | `bool`                               | whether button expand to fill container |
+
+## Dataset
+
+Nothing
+
+## Variable
+
+Nothing
diff --git a/svelte.config.js b/svelte.config.js
new file mode 100644
index 0000000..bf37931
--- /dev/null
+++ b/svelte.config.js
@@ -0,0 +1,10 @@
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
+
+export default {
+	preprocess: vitePreprocess(),
+	compilerOptions: {
+		experimental: {
+			async: true
+		}
+	}
+};
diff --git a/test/README.md b/test/README.md
new file mode 100644
index 0000000..83139f9
--- /dev/null
+++ b/test/README.md
@@ -0,0 +1,10 @@
+# Backend Testing Guidelines
+
+- All the tests should test Backend functionalities. Frontend functionalities and e2e tests are done in Frontend.
+- Make use of pytest fixtures whenever it is possible. With fixtures, objects with high initialize durations are reused within tests, ex. a client session.
+- All test*data resides within \_gradio/test_data* and all test_files reside within test/test_files.
+- When doing network operations do not forget to make use of async to make tests faster.
+- Have clear class and function naming within the tests.
+- Short descriptions within test functions are great.
+- Library function docstrings is expected to contain an example, please add missing docstrings to the library while you are writing tests the related function.
+- Library docstring examples and descriptions are expected to align with tests, please fix divergent tests and library docstrings.
diff --git a/test/__init__.py b/test/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/test/components/__init__.py b/test/components/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/test/components/plot_data.py b/test/components/plot_data.py
new file mode 100644
index 0000000..fdfae60
--- /dev/null
+++ b/test/components/plot_data.py
@@ -0,0 +1,14 @@
+from datetime import datetime, timedelta
+
+import pandas as pd
+import vega_datasets
+
+barley = vega_datasets.data.barley()
+simple = pd.DataFrame(
+    {
+        "a": ["A", "B", "C", "D", "E", "F", "G", "H", "I"],
+        "b": [28, 55, 43, 91, 81, 53, 19, 87, 52],
+        "c": [0] * 9,
+        "date": [datetime.now() - timedelta(days=i) for i in range(9)],
+    }
+)
diff --git a/test/components/test_annotated_image.py b/test/components/test_annotated_image.py
new file mode 100644
index 0000000..10ba594
--- /dev/null
+++ b/test/components/test_annotated_image.py
@@ -0,0 +1,64 @@
+import numpy as np
+import PIL
+
+import gradio as gr
+
+
+class TestAnnotatedImage:
+    def test_postprocess(self):
+        """
+        postprocess
+        """
+        component = gr.AnnotatedImage()
+        img = np.random.randint(0, 255, (100, 100, 3), dtype=np.uint8)
+        mask1 = [40, 40, 50, 50]
+        mask2 = np.zeros((100, 100), dtype=np.uint8)
+        mask2[10:20, 10:20] = 1
+
+        input = (img, [(mask1, "mask1"), (mask2, "mask2")])
+        assert (result := component.postprocess(input))  # type: ignore
+        result = result.model_dump()
+
+        base_img_out = PIL.Image.open(result["image"]["path"])  # type: ignore
+
+        assert result["annotations"][0]["label"] == "mask1"
+
+        mask1_img_out = PIL.Image.open(result["annotations"][0]["image"]["path"])  # type: ignore
+        assert mask1_img_out.size == base_img_out.size
+        mask1_array_out = np.array(mask1_img_out)
+        assert np.max(mask1_array_out[40:50, 40:50]) == 255
+        assert np.max(mask1_array_out[50:60, 50:60]) == 0
+
+    def test_annotated_image_format_parameter(self):
+        component = gr.AnnotatedImage(format="jpeg")
+        img = np.random.randint(0, 255, (100, 100, 3), dtype=np.uint8)
+        mask1 = (40, 40, 50, 50)
+        data = (img, [(mask1, "mask1"), (mask1, "mask2")])
+        assert (output := component.postprocess(data))
+        assert output.image.path.endswith(".jpeg")
+        assert output.annotations[0].image.path.endswith(".png")
+
+    def test_component_functions(self):
+        ht_output = gr.AnnotatedImage(label="sections", show_legend=False)
+        assert ht_output.get_config() == {
+            "name": "annotatedimage",
+            "show_label": True,
+            "label": "sections",
+            "show_legend": False,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "format": "webp",
+            "color_map": None,
+            "height": None,
+            "width": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "value": None,
+            "proxy_url": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "buttons": ["fullscreen"],
+        }
diff --git a/test/components/test_audio.py b/test/components/test_audio.py
new file mode 100644
index 0000000..85369cb
--- /dev/null
+++ b/test/components/test_audio.py
@@ -0,0 +1,219 @@
+import filecmp
+from copy import deepcopy
+from difflib import SequenceMatcher
+from pathlib import Path
+
+import numpy as np
+import pytest
+from gradio_client import utils as client_utils
+
+import gradio as gr
+from gradio import processing_utils, utils
+from gradio.data_classes import FileData
+from gradio.media import get_audio
+
+
+class TestAudio:
+    @pytest.mark.asyncio
+    async def test_component_functions(self, gradio_temp_dir, media_data):
+        """
+        Preprocess, postprocess serialize, get_config, deserialize
+        type: filepath, numpy, file
+        """
+        x_wav = FileData(path=media_data.BASE64_AUDIO["path"])
+        audio_input = gr.Audio()
+        output1 = audio_input.preprocess(x_wav)
+        assert isinstance(output1, tuple)
+        assert output1[0] == 8000
+        assert output1[1].shape == (8046,)
+
+        x_wav = await processing_utils.async_move_files_to_cache([x_wav], audio_input)
+        x_wav = x_wav[0]
+        audio_input = gr.Audio(type="filepath")
+        output1 = audio_input.preprocess(x_wav)
+        assert isinstance(output1, str)
+        assert Path(output1).name.endswith("audio_sample.wav")
+
+        audio_input = gr.Audio(label="Upload Your Audio")
+        assert audio_input.get_config() == {
+            "autoplay": False,
+            "sources": ["upload", "microphone"],
+            "name": "audio",
+            "buttons": ["download", "share"],
+            "streaming": False,
+            "show_label": True,
+            "label": "Upload Your Audio",
+            "container": True,
+            "editable": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "playback_position": 0,
+            "value": None,
+            "interactive": None,
+            "proxy_url": None,
+            "type": "numpy",
+            "format": None,
+            "recording": False,
+            "streamable": False,
+            "waveform_options": {
+                "sample_rate": 44100,
+                "show_recording_waveform": True,
+                "skip_length": 5,
+                "waveform_color": None,
+                "waveform_progress_color": None,
+                "trim_region_color": None,
+            },
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "loop": False,
+            "subtitles": None,
+        }
+        assert audio_input.preprocess(None) is None
+
+        audio_input = gr.Audio(type="filepath")
+        assert isinstance(audio_input.preprocess(x_wav), str)
+        with pytest.raises(ValueError):
+            gr.Audio(type="unknown")  # type: ignore
+
+        rng = np.random.default_rng()
+        # Confirm Audio can be instantiated with a numpy array
+        gr.Audio((100, rng.random(size=(1000, 2))), label="Play your audio")
+
+        # Output functionalities
+        y_audio = client_utils.decode_base64_to_file(
+            deepcopy(media_data.BASE64_AUDIO)["data"]
+        )
+        audio_output = gr.Audio(type="filepath")
+        assert filecmp.cmp(
+            y_audio.name,
+            audio_output.postprocess(y_audio.name).model_dump()["path"],  # type: ignore
+        )
+        assert audio_output.get_config() == {
+            "autoplay": False,
+            "name": "audio",
+            "buttons": ["download", "share"],
+            "streaming": False,
+            "show_label": True,
+            "label": None,
+            "container": True,
+            "editable": True,
+            "min_width": 160,
+            "recording": False,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "playback_position": 0,
+            "value": None,
+            "interactive": None,
+            "proxy_url": None,
+            "type": "filepath",
+            "format": None,
+            "streamable": False,
+            "sources": ["upload", "microphone"],
+            "waveform_options": {
+                "sample_rate": 44100,
+                "show_recording_waveform": True,
+                "skip_length": 5,
+                "waveform_color": None,
+                "waveform_progress_color": None,
+                "trim_region_color": None,
+            },
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "loop": False,
+            "subtitles": None,
+        }
+
+        output1 = audio_output.postprocess(y_audio.name).model_dump()  # type: ignore
+        output2 = audio_output.postprocess(Path(y_audio.name)).model_dump()  # type: ignore
+        assert output1 == output2
+
+    def test_default_value_postprocess(self, media_data):
+        x_wav = deepcopy(media_data.BASE64_AUDIO)
+        audio = gr.Audio(value=x_wav["path"])
+        assert utils.is_in_or_equal(audio.value["path"], audio.GRADIO_CACHE)
+
+    def test_in_interface(self, media_data):
+        def reverse_audio(audio):
+            sr, data = audio
+            return (sr, np.flipud(data))
+
+        iface = gr.Interface(reverse_audio, "audio", "audio")
+        reversed_file = iface(get_audio("audio_sample.wav"))
+        reversed_reversed_file = iface(reversed_file)
+        reversed_reversed_data = client_utils.encode_url_or_file_to_base64(
+            reversed_reversed_file
+        )
+        similarity = SequenceMatcher(
+            a=reversed_reversed_data, b=media_data.BASE64_AUDIO["data"]
+        ).ratio()
+        assert similarity > 0.99
+
+    def test_in_interface_as_output(self):
+        """
+        Interface, process
+        """
+
+        def generate_noise(duration):
+            return 48000, np.random.randint(-256, 256, (duration, 3)).astype(np.int16)
+
+        iface = gr.Interface(generate_noise, "slider", "audio")
+        assert iface(100).endswith(".wav")
+
+    def test_prepost_process_to_mp3(self, gradio_temp_dir, media_data):
+        x_wav = FileData(
+            path=processing_utils.save_base64_to_cache(
+                media_data.BASE64_MICROPHONE["data"], cache_dir=gradio_temp_dir
+            )
+        )
+        audio_input = gr.Audio(type="filepath", format="mp3")
+        output = audio_input.preprocess(x_wav)
+        assert isinstance(output, str)
+        assert output.endswith("mp3")
+        output = audio_input.postprocess(
+            (48000, np.random.randint(-256, 256, (5, 3)).astype(np.int16))
+        ).model_dump()  # type: ignore
+        assert output["path"].endswith("mp3")
+
+    def test_postprocess_http_url_like(self):
+        audio = gr.Audio()
+        output = audio.postprocess("https://test.com/test.mp3?token=123")
+        assert isinstance(output, FileData) and output.path.endswith(
+            "test.mp3?token=123"
+        )
+
+    @pytest.mark.asyncio
+    async def test_combine_stream_audio(self, gradio_temp_dir, media_data):
+        x_wav = FileData(
+            path=processing_utils.save_base64_to_cache(
+                media_data.BASE64_MICROPHONE["data"], cache_dir=gradio_temp_dir
+            )
+        )
+        bytes_output = [Path(x_wav.path).read_bytes()] * 2
+        output = await gr.Audio().combine_stream(
+            bytes_output, desired_output_format="wav"
+        )
+        assert str(output.path).endswith("wav")
+
+        output = await gr.Audio().combine_stream(
+            bytes_output, desired_output_format=None
+        )
+        assert str(output.path).endswith("mp3")
+
+
+def test_duration_validator():
+    assert gr.validators.is_audio_correct_length((8000, np.zeros((8000,))), 1, 2)[
+        "is_valid"
+    ]
+    assert not gr.validators.is_audio_correct_length((8000, np.zeros((8000,))), 2, 3)[
+        "is_valid"
+    ]
+    assert not gr.validators.is_audio_correct_length(
+        (8000, np.zeros((8000,))), 0.25, 0.75
+    )["is_valid"]
diff --git a/test/components/test_browser_state.py b/test/components/test_browser_state.py
new file mode 100644
index 0000000..7379b7f
--- /dev/null
+++ b/test/components/test_browser_state.py
@@ -0,0 +1,77 @@
+from pydantic import BaseModel
+
+import gradio as gr
+
+
+class Person(BaseModel):
+    name: str
+    age: int
+
+
+class TestBrowserState:
+    def test_preprocess_returns_default_for_none(self):
+        state = gr.BrowserState(default_value={"key": "value"})
+        assert state.preprocess(None) == {"key": "value"}
+
+    def test_preprocess_passes_through_payload(self):
+        state = gr.BrowserState(default_value="default")
+        assert state.preprocess({"name": "Dan", "age": 20}) == {
+            "name": "Dan",
+            "age": 20,
+        }
+
+    def test_postprocess_passes_through_dict(self):
+        state = gr.BrowserState()
+        assert state.postprocess({"key": "value"}) == {"key": "value"}
+
+    def test_postprocess_converts_pydantic_model_to_dict(self):
+        state = gr.BrowserState()
+        person = Person(name="Dan", age=20)
+        result = state.postprocess(person)
+        assert result == {"name": "Dan", "age": 20}
+        assert isinstance(result, dict)
+
+    def test_default_value_pydantic_model_converted_to_dict(self):
+        state = gr.BrowserState(default_value=Person(name="Dan", age=20))
+        assert state.default_value == {"name": "Dan", "age": 20}
+        assert isinstance(state.default_value, dict)
+
+    def test_default_value_plain_types_unchanged(self):
+        state_str = gr.BrowserState(default_value="hello")
+        assert state_str.default_value == "hello"
+
+        state_int = gr.BrowserState(default_value=42)
+        assert state_int.default_value == 42
+
+        state_dict = gr.BrowserState(default_value={"a": 1})
+        assert state_dict.default_value == {"a": 1}
+
+        state_none = gr.BrowserState()
+        assert state_none.default_value is None
+
+    def test_preprocess_returns_dict_for_pydantic_default(self):
+        """When default_value is a Pydantic model and payload is None,
+        preprocess should return a dict (not a string)."""
+        state = gr.BrowserState(default_value=Person(name="Dan", age=20))
+        result = state.preprocess(None)
+        assert isinstance(result, dict)
+        assert result == {"name": "Dan", "age": 20}
+
+    def test_postprocess_nested_pydantic_model(self):
+        class Address(BaseModel):
+            city: str
+            zip_code: str
+
+        class PersonWithAddress(BaseModel):
+            name: str
+            address: Address
+
+        state = gr.BrowserState()
+        person = PersonWithAddress(
+            name="Dan", address=Address(city="NYC", zip_code="10001")
+        )
+        result = state.postprocess(person)
+        assert result == {
+            "name": "Dan",
+            "address": {"city": "NYC", "zip_code": "10001"},
+        }
diff --git a/test/components/test_button.py b/test/components/test_button.py
new file mode 100644
index 0000000..253647e
--- /dev/null
+++ b/test/components/test_button.py
@@ -0,0 +1,7 @@
+import gradio as gr
+
+
+class TestButton:
+    def test_postprocess(self):
+        assert gr.Button().postprocess("5") == "5"
+        assert gr.Button().postprocess(5) == "5"  # type: ignore
diff --git a/test/components/test_chatbot.py b/test/components/test_chatbot.py
new file mode 100644
index 0000000..8717285
--- /dev/null
+++ b/test/components/test_chatbot.py
@@ -0,0 +1,380 @@
+import gradio as gr
+from gradio import utils
+
+
+class TestChatbot:
+    def test_component_functions(self):
+        """
+        Postprocess, get_config
+        """
+        chatbot = gr.Chatbot()
+        assert chatbot.postprocess(  # type: ignore
+            [  # type: ignore
+                {"role": "user", "content": "You are **cool**\nand fun"},
+                {"role": "assistant", "content": "so are *you*"},
+            ]
+        ).model_dump() == [
+            {
+                "role": "user",
+                "content": [{"type": "text", "text": "You are **cool**\nand fun"}],
+                "metadata": None,
+                "options": None,
+            },
+            {
+                "role": "assistant",
+                "content": [{"type": "text", "text": "so are *you*"}],
+                "metadata": None,
+                "options": None,
+            },
+        ]
+
+        multimodal_msg = [
+            {"role": "user", "content": {"path": "test/test_files/video_sample.mp4"}},
+            {"role": "assistant", "content": "cool video"},
+            {"role": "user", "content": {"path": "test/test_files/audio_sample.wav"}},
+            {"role": "assistant", "content": "cool audio"},
+            {
+                "role": "user",
+                "content": {"path": "test/test_files/bus.png", "alt_text": "A bus"},
+            },
+            {"role": "assistant", "content": "cool pic"},
+            {"role": "user", "content": {"path": "test/test_files/video_sample.mp4"}},
+            {"role": "assistant", "content": "cool video"},
+            {"role": "user", "content": {"path": "test/test_files/audio_sample.wav"}},
+            {"role": "assistant", "content": "cool audio"},
+            {
+                "role": "user",
+                "content": {
+                    "file": {"path": "test/test_files/bus.png", "alt_text": "A bus"}
+                },
+            },
+            {"role": "assistant", "content": "cool pic"},
+        ]
+        postprocessed_multimodal_msg = chatbot.postprocess(multimodal_msg).model_dump()  # type: ignore
+        for msg in postprocessed_multimodal_msg:
+            if msg["role"] == "user":
+                assert "file" in msg["content"][0]
+                assert msg["content"][0]["file"]["path"].split(".")[-1] in {
+                    "mp4",
+                    "wav",
+                    "png",
+                }
+                if msg["content"][0]["alt_text"]:
+                    assert msg["content"][0]["alt_text"] == "A bus"
+            elif msg["role"] == "assistant":
+                assert msg["content"][0]["text"] in {
+                    "cool video",
+                    "cool audio",
+                    "cool pic",
+                }
+            else:
+                raise ValueError(f"Unexpected role: {msg['role']}")
+        assert chatbot.get_config() == {
+            "value": [],
+            "label": None,
+            "show_label": True,
+            "name": "chatbot",
+            "visible": True,
+            "elem_id": None,
+            "elem_classes": [],
+            "editable": None,
+            "container": True,
+            "min_width": 160,
+            "group_consecutive_messages": True,
+            "scale": None,
+            "placeholder": None,
+            "height": 400,
+            "feedback_options": ["Like", "Dislike"],
+            "feedback_value": None,
+            "resizable": False,
+            "max_height": None,
+            "min_height": None,
+            "autoscroll": True,
+            "proxy_url": None,
+            "_selectable": False,
+            "_retryable": False,
+            "_undoable": False,
+            "allow_file_downloads": True,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "latex_delimiters": [{"display": True, "left": "$$", "right": "$$"}],
+            "likeable": False,
+            "rtl": False,
+            "buttons": ["share", "copy", "copy_all"],
+            "avatar_images": [None, None],
+            "sanitize_html": True,
+            "render_markdown": True,
+            "line_breaks": True,
+            "layout": None,
+            "allow_tags": True,
+            "examples": None,
+            "watermark": None,
+            "reasoning_tags": None,
+            "like_user_message": False,
+        }
+
+    def test_avatar_images_are_moved_to_cache(self):
+        chatbot = gr.Chatbot(avatar_images=("test/test_files/bus.png", None))
+        assert chatbot.avatar_images[0]
+        assert utils.is_in_or_equal(
+            chatbot.avatar_images[0]["path"], chatbot.GRADIO_CACHE
+        )
+        assert chatbot.avatar_images[1] is None
+
+    def test_reasoning_tags_single_block(self):
+        """Test reasoning_tags with a single thinking block"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "<thinking>Let me think about this.</thinking>\nHere is my response.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 2
+        assert result[0]["content"][0]["text"] == "Let me think about this."
+        assert result[0]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[1]["content"][0]["text"] == "Here is my response."
+        assert result[1]["metadata"] is None
+
+    def test_reasoning_tags_multiple_blocks(self):
+        """Test reasoning_tags with multiple thinking blocks"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "<thinking>First thought.</thinking>\nFirst response.\n<thinking>Second thought.</thinking>\nSecond response.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 4
+        assert result[0]["content"][0]["text"] == "First thought."
+        assert result[0]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[1]["content"][0]["text"] == "First response."
+        assert result[1]["metadata"] is None
+        assert result[2]["content"][0]["text"] == "Second thought."
+        assert result[2]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[3]["content"][0]["text"] == "Second response."
+        assert result[3]["metadata"] is None
+
+    def test_reasoning_tags_only_thinking(self):
+        """Test reasoning_tags with only thinking content, no prose"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "<thinking>Only thinking here.</thinking>",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 1
+        assert result[0]["content"][0]["text"] == "Only thinking here."
+        assert result[0]["metadata"] == {"title": "Reasoning", "status": "done"}
+
+    def test_reasoning_tags_multiple_tag_types(self):
+        """Test reasoning_tags with multiple tag types like <reasoning>"""
+        chatbot = gr.Chatbot(
+            reasoning_tags=[
+                ("<thinking>", "</thinking>"),
+                ("<reasoning>", "</reasoning>"),
+            ]
+        )
+        messages = [
+            {
+                "role": "assistant",
+                "content": "<thinking>Thinking block.</thinking>\nFirst response.\n<reasoning>Reasoning block.</reasoning>\nSecond response.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 4
+        assert result[0]["content"][0]["text"] == "Thinking block."
+        assert result[0]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[1]["content"][0]["text"] == "First response."
+        assert result[1]["metadata"] is None
+        assert result[2]["content"][0]["text"] == "Reasoning block."
+        assert result[2]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[3]["content"][0]["text"] == "Second response."
+        assert result[3]["metadata"] is None
+
+    def test_reasoning_tags_no_thinking_tags(self):
+        """Test reasoning_tags when no thinking tags are present"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "Just a regular response with no thinking.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 1
+        assert (
+            result[0]["content"][0]["text"]
+            == "Just a regular response with no thinking."
+        )
+        assert result[0]["metadata"] is None
+
+    def test_reasoning_tags_disabled(self):
+        """Test that reasoning_tags=None doesn't extract anything"""
+        chatbot = gr.Chatbot(reasoning_tags=None)
+        messages = [
+            {
+                "role": "assistant",
+                "content": "<thinking>This should not be extracted.</thinking>\nRegular response.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 1
+        assert (
+            result[0]["content"][0]["text"]
+            == "<thinking>This should not be extracted.</thinking>\nRegular response."
+        )
+        assert result[0]["metadata"] is None
+
+    def test_reasoning_tags_preserves_order(self):
+        """Test that reasoning_tags preserves the order of thinking and prose"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "Intro.\n<thinking>Think 1.</thinking>\nMiddle 1.\n<thinking>Think 2.</thinking>\nMiddle 2.\n<thinking>Think 3.</thinking>\nConclusion.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 7
+        assert result[0]["content"][0]["text"] == "Intro."
+        assert result[0]["metadata"] is None
+        assert result[1]["content"][0]["text"] == "Think 1."
+        assert result[1]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[2]["content"][0]["text"] == "Middle 1."
+        assert result[2]["metadata"] is None
+        assert result[3]["content"][0]["text"] == "Think 2."
+        assert result[3]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[4]["content"][0]["text"] == "Middle 2."
+        assert result[4]["metadata"] is None
+        assert result[5]["content"][0]["text"] == "Think 3."
+        assert result[5]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[6]["content"][0]["text"] == "Conclusion."
+        assert result[6]["metadata"] is None
+
+    def test_reasoning_tags_consecutive_thinking_blocks(self):
+        """Test consecutive thinking blocks with no prose between them"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "<thinking>Think 1.</thinking><thinking>Think 2.</thinking>Prose.<thinking>Think 3.</thinking><thinking>Think 4.</thinking>",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 5
+        assert result[0]["content"][0]["text"] == "Think 1."
+        assert result[0]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[1]["content"][0]["text"] == "Think 2."
+        assert result[1]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[2]["content"][0]["text"] == "Prose."
+        assert result[2]["metadata"] is None
+        assert result[3]["content"][0]["text"] == "Think 3."
+        assert result[3]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[4]["content"][0]["text"] == "Think 4."
+        assert result[4]["metadata"] == {"title": "Reasoning", "status": "done"}
+
+    def test_reasoning_tags_consecutive_prose_sections(self):
+        """Test that consecutive prose sections get merged into one message"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "Prose 1. Prose 2.<thinking>Think 1.</thinking>Prose 3. Prose 4.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 3
+        assert result[0]["content"][0]["text"] == "Prose 1. Prose 2."
+        assert result[0]["metadata"] is None
+        assert result[1]["content"][0]["text"] == "Think 1."
+        assert result[1]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[2]["content"][0]["text"] == "Prose 3. Prose 4."
+        assert result[2]["metadata"] is None
+
+    def test_reasoning_tags_prose_before_thinking(self):
+        """Test prose at the start followed by thinking blocks"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "Starting with prose.<thinking>Then thinking.</thinking>Then more prose.",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 3
+        assert result[0]["content"][0]["text"] == "Starting with prose."
+        assert result[0]["metadata"] is None
+        assert result[1]["content"][0]["text"] == "Then thinking."
+        assert result[1]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[2]["content"][0]["text"] == "Then more prose."
+        assert result[2]["metadata"] is None
+
+    def test_reasoning_tags_sets_pending_correctly(self):
+        """Test prose at the start followed by thinking blocks"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "Starting with prose.<thinking>Then thinking",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 2
+        assert result[0]["content"][0]["text"] == "Starting with prose."
+        assert result[0]["metadata"] is None
+        assert result[1]["content"][0]["text"] == "Then thinking"
+        assert result[1]["metadata"] == {"title": "Reasoning", "status": "pending"}
+
+    def test_reasoning_tags_sets_pending_correctly_multiple_thinking(self):
+        """Test prose at the start followed by thinking blocks"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "Starting with prose.<thinking>Then thinking</thinking><thinking>More thinking",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 3
+        assert result[0]["content"][0]["text"] == "Starting with prose."
+        assert result[0]["metadata"] is None
+        assert result[1]["content"][0]["text"] == "Then thinking"
+        assert result[1]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[2]["content"][0]["text"] == "More thinking"
+        assert result[2]["metadata"] == {"title": "Reasoning", "status": "pending"}
+
+    def test_reasoning_tags_multiple_thinking_only(self):
+        """Test multiple consecutive thinking blocks with no prose at all"""
+        chatbot = gr.Chatbot(reasoning_tags=[("<thinking>", "</thinking>")])
+        messages = [
+            {
+                "role": "assistant",
+                "content": "<thinking>Think 1.</thinking><thinking>Think 2.</thinking><thinking>Think 3.</thinking>",
+            }
+        ]
+        result = chatbot.postprocess(messages).model_dump()  # type: ignore
+
+        assert len(result) == 3
+        assert result[0]["content"][0]["text"] == "Think 1."
+        assert result[0]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[1]["content"][0]["text"] == "Think 2."
+        assert result[1]["metadata"] == {"title": "Reasoning", "status": "done"}
+        assert result[2]["content"][0]["text"] == "Think 3."
+        assert result[2]["metadata"] == {"title": "Reasoning", "status": "done"}
diff --git a/test/components/test_checkbox.py b/test/components/test_checkbox.py
new file mode 100644
index 0000000..25e1afb
--- /dev/null
+++ b/test/components/test_checkbox.py
@@ -0,0 +1,39 @@
+import gradio as gr
+
+
+class TestCheckbox:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, get_config
+        """
+        bool_input = gr.Checkbox()
+        assert bool_input.preprocess(True)
+        assert bool_input.postprocess(True)
+        assert bool_input.postprocess(True)
+        bool_input = gr.Checkbox(value=True, label="Check Your Input")
+        assert bool_input.get_config() == {
+            "value": True,
+            "name": "checkbox",
+            "show_label": True,
+            "label": "Check Your Input",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "info": None,
+            "buttons": [],
+        }
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: 1 if x else 0, "checkbox", "number")
+        assert iface(True) == 1
diff --git a/test/components/test_checkbox_group.py b/test/components/test_checkbox_group.py
new file mode 100644
index 0000000..3ffb449
--- /dev/null
+++ b/test/components/test_checkbox_group.py
@@ -0,0 +1,80 @@
+import pytest
+
+import gradio as gr
+
+
+class TestCheckboxGroup:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, get_config
+        """
+        checkboxes_input = gr.CheckboxGroup(["a", "b", "c"])
+        assert checkboxes_input.preprocess(["a", "c"]) == ["a", "c"]
+        assert checkboxes_input.postprocess(["a", "c"]) == ["a", "c"]
+        with pytest.raises(gr.Error):
+            checkboxes_input.preprocess(["d"])
+
+        checkboxes_input = gr.CheckboxGroup(["a", "b"], type="index")
+        assert checkboxes_input.preprocess(["a"]) == [0]
+        assert checkboxes_input.preprocess(["a", "b"]) == [0, 1]
+        with pytest.raises(gr.Error):
+            checkboxes_input.preprocess(["a", "b", "c"])
+
+        # Check that the error message clearly indicates the error source in cases where data
+        # representation could be ambiguous e.g. "1" (str) vs 1 (int)
+        checkboxes_input = gr.CheckboxGroup([1, 2, 3])
+        # Since pytest.raises takes a regular expression in the `match` argument, we need to escape brackets
+        # that have special meaning in regular expressions
+        expected_error_message = r"Value: '1' \(type: <class 'str'>\) is not in the list of choices: \[1, 2, 3\]"
+        with pytest.raises(gr.Error, match=expected_error_message):
+            checkboxes_input.preprocess(["1", "2", "3"])
+
+        # When a Gradio app is loaded with gr.load, the tuples are converted to lists,
+        # so we need to test that case as well
+        checkboxgroup = gr.CheckboxGroup(["a", "b", ["c", "c full"]])  # type: ignore
+        assert checkboxgroup.choices == [("a", "a"), ("b", "b"), ("c", "c full")]
+
+        checkboxes_input = gr.CheckboxGroup(
+            value=["a", "c"],
+            choices=["a", "b", "c"],
+            label="Check Your Inputs",
+        )
+        assert checkboxes_input.get_config() == {
+            "choices": [("a", "a"), ("b", "b"), ("c", "c")],
+            "value": ["a", "c"],
+            "name": "checkboxgroup",
+            "show_label": True,
+            "label": "Check Your Inputs",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "type": "value",
+            "info": None,
+            "show_select_all": False,
+            "buttons": [],
+        }
+        with pytest.raises(ValueError):
+            gr.CheckboxGroup(["a"], type="unknown")  # type: ignore
+
+        cbox = gr.CheckboxGroup(choices=["a", "b"], value="c")
+        assert cbox.get_config()["value"] == ["c"]
+        assert cbox.postprocess("a") == ["a"]
+        assert cbox.process_example("a") == ["a"]
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+        checkboxes_input = gr.CheckboxGroup(["a", "b", "c"])
+        iface = gr.Interface(lambda x: "|".join(x), checkboxes_input, "textbox")
+        assert iface(["a", "c"]) == "a|c"
+        assert iface([]) == ""
+        _ = gr.CheckboxGroup(["a", "b", "c"], type="index")
diff --git a/test/components/test_code.py b/test/components/test_code.py
new file mode 100644
index 0000000..91f8f1e
--- /dev/null
+++ b/test/components/test_code.py
@@ -0,0 +1,63 @@
+from pathlib import Path
+
+import gradio as gr
+
+
+class TestCode:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, get_config
+        """
+        code = gr.Code()
+
+        assert code.preprocess("# hello friends") == "# hello friends"
+        assert code.preprocess("def fn(a):\n  return a") == "def fn(a):\n  return a"
+
+        assert (
+            code.postprocess(
+                """
+            def fn(a):
+                return a
+            """
+            )
+            == """def fn(a):
+                return a"""
+        )
+
+        test_file_dir = Path(__file__).parent.parent / "test_files"
+        path = str(test_file_dir / "test_label_json.json")
+        assert code.postprocess(path) == path
+
+        assert code.get_config() == {
+            "value": None,
+            "language": None,
+            "lines": 5,
+            "max_lines": None,
+            "name": "code",
+            "show_label": True,
+            "label": None,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "_selectable": False,
+            "wrap_lines": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "show_line_numbers": True,
+            "autocomplete": False,
+            "buttons": ["copy", "download"],
+        }
+
+    def test_process_example(self):
+        code = gr.Code()
+        assert (
+            code.process_example("def fn(a):\n  return a") == "def fn(a):\n  return a"
+        )
+        assert code.process_example(None) is None
+        filename = str(Path("test/test_files/test_label_json.json"))
+        assert code.process_example(filename) == filename
diff --git a/test/components/test_color_picker.py b/test/components/test_color_picker.py
new file mode 100644
index 0000000..bbecb05
--- /dev/null
+++ b/test/components/test_color_picker.py
@@ -0,0 +1,54 @@
+import gradio as gr
+
+
+class TestColorPicker:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, tokenize, get_config
+        """
+        color_picker_input = gr.ColorPicker()
+        assert color_picker_input.preprocess("#000000") == "#000000"
+        assert color_picker_input.postprocess("#000000") == "#000000"
+        assert color_picker_input.postprocess(None) is None
+        assert color_picker_input.postprocess("#FFFFFF") == "#FFFFFF"
+
+        assert color_picker_input.get_config() == {
+            "value": None,
+            "show_label": True,
+            "label": None,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "name": "colorpicker",
+            "info": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+        }
+
+    def test_in_interface_as_input(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: x, "colorpicker", "colorpicker")
+        assert iface("#000000") == "#000000"
+
+    def test_in_interface_as_output(self):
+        """
+        Interface, process
+
+        """
+        iface = gr.Interface(lambda x: x, "colorpicker", gr.ColorPicker())
+        assert iface("#000000") == "#000000"
+
+    def test_static(self):
+        """
+        postprocess
+        """
+        component = gr.ColorPicker("#000000")
+        assert component.get_config().get("value") == "#000000"
diff --git a/test/components/test_dataframe.py b/test/components/test_dataframe.py
new file mode 100644
index 0000000..660cee8
--- /dev/null
+++ b/test/components/test_dataframe.py
@@ -0,0 +1,534 @@
+from datetime import datetime
+
+import numpy as np
+import pandas as pd
+import polars as pl
+import pytest
+
+import gradio as gr
+from gradio.components.dataframe import DataframeData
+
+
+class TestDataframe:
+    def test_component_functions(self):
+        """
+        Preprocess, serialize, get_config
+        """
+        x_data = {
+            "data": [["Tim", 12, False], ["Jan", 24, True]],
+            "headers": ["Name", "Age", "Member"],
+            "metadata": None,
+        }
+        x_payload = DataframeData(**x_data)  # type: ignore
+        dataframe_input = gr.Dataframe(headers=["Name", "Age", "Member"])
+        output = dataframe_input.preprocess(x_payload)
+        assert output["Age"][1] == 24  # type: ignore
+        assert not output["Member"][0]  # type: ignore
+        assert dataframe_input.postprocess(output) == x_payload
+
+        dataframe_input = gr.Dataframe(
+            headers=["Name", "Age", "Member"], label="Dataframe Input"
+        )
+        assert dataframe_input.get_config() == {
+            "value": {
+                "headers": ["Name", "Age", "Member"],
+                "data": [],
+                "metadata": None,
+            },
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "headers": ["Name", "Age", "Member"],
+            "row_count": [3, "dynamic"],
+            "row_limits": None,
+            "col_count": [3, "dynamic"],
+            "column_count": [3, "dynamic"],
+            "column_limits": None,
+            "datatype": "str",
+            "type": "pandas",
+            "label": "Dataframe Input",
+            "show_label": True,
+            "scale": None,
+            "min_width": 160,
+            "interactive": None,
+            "visible": True,
+            "elem_id": None,
+            "elem_classes": [],
+            "show_row_numbers": False,
+            "show_search": "none",
+            "static_columns": [],
+            "pinned_columns": None,
+            "wrap": False,
+            "proxy_url": None,
+            "name": "dataframe",
+            "max_height": 500,
+            "latex_delimiters": [{"display": True, "left": "$$", "right": "$$"}],
+            "line_breaks": True,
+            "column_widths": [],
+            "buttons": None,
+            "max_chars": None,
+        }
+        dataframe_input = gr.Dataframe()
+        output = dataframe_input.preprocess(DataframeData(**x_data))  # type: ignore
+        assert output["Age"][1] == 24  # type: ignore
+
+        x_data = {
+            "data": [["Tim", 12, False], ["Jan", 24, True]],
+            "headers": ["Name", "Age", "Member"],
+            "metadata": {"display_value": None, "styling": None},
+        }
+        dataframe_input.preprocess(DataframeData(**x_data))  # type: ignore
+
+        with pytest.raises(ValueError):
+            gr.Dataframe(type="unknown")  # type: ignore
+
+        dataframe_output = gr.Dataframe()
+        assert dataframe_output.get_config() == {
+            "value": {
+                "headers": ["1", "2", "3"],
+                "data": [],
+                "metadata": None,
+            },
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "headers": ["1", "2", "3"],
+            "row_count": [3, "dynamic"],
+            "row_limits": None,
+            "col_count": [3, "dynamic"],
+            "column_count": [3, "dynamic"],
+            "column_limits": None,
+            "datatype": "str",
+            "type": "pandas",
+            "label": None,
+            "show_label": True,
+            "show_row_numbers": False,
+            "show_search": "none",
+            "static_columns": [],
+            "pinned_columns": None,
+            "scale": None,
+            "min_width": 160,
+            "interactive": None,
+            "visible": True,
+            "elem_id": None,
+            "elem_classes": [],
+            "wrap": False,
+            "proxy_url": None,
+            "name": "dataframe",
+            "max_height": 500,
+            "latex_delimiters": [{"display": True, "left": "$$", "right": "$$"}],
+            "line_breaks": True,
+            "column_widths": [],
+            "buttons": None,
+            "max_chars": None,
+        }
+
+        dataframe_input = gr.Dataframe(column_widths=["100px", 200, "50%"])
+        assert dataframe_input.get_config()["column_widths"] == [
+            "100px",
+            "200px",
+            "50%",
+        ]
+
+    def test_postprocess(self):
+        """
+        postprocess
+        """
+        dataframe_output = gr.Dataframe()
+        output = dataframe_output.postprocess(np.zeros((2, 2))).model_dump()
+        assert output == {
+            "data": [[0, 0], [0, 0]],
+            "headers": ["1", "2"],
+            "metadata": None,
+        }
+        output = dataframe_output.postprocess([[1, 3, 5]]).model_dump()
+        assert output == {
+            "data": [[1, 3, 5]],
+            "headers": ["1", "2", "3"],
+            "metadata": None,
+        }
+        output = dataframe_output.postprocess(
+            pd.DataFrame([[2, True], [3, True], [4, False]], columns=["num", "prime"])  # type: ignore
+        ).model_dump()
+        assert output == {
+            "headers": ["num", "prime"],
+            "data": [[2, True], [3, True], [4, False]],
+            "metadata": None,
+        }
+        with pytest.raises(ValueError):
+            gr.Dataframe(type="unknown")  # type: ignore
+
+        # When the headers don't match the data
+        dataframe_output = gr.Dataframe(headers=["one", "two", "three"])
+        output = dataframe_output.postprocess([[2, True], [3, True]]).model_dump()
+        assert output == {
+            "headers": ["one", "two"],
+            "data": [[2, True], [3, True]],
+            "metadata": None,
+        }
+        dataframe_output = gr.Dataframe(headers=["one", "two", "three"])
+        output = dataframe_output.postprocess(
+            [[2, True, "ab", 4], [3, True, "cd", 5]]
+        ).model_dump()
+        assert output == {
+            "headers": ["one", "two", "three", "4"],
+            "data": [[2, True, "ab", 4], [3, True, "cd", 5]],
+            "metadata": None,
+        }
+
+        dataframe_output = gr.Dataframe(headers=["one", "two", "three"])
+        output = dataframe_output.postprocess([(1, 2, 3), (4, 5, 6)]).model_dump()
+        assert output == {
+            "headers": ["one", "two", "three"],
+            "data": [[1, 2, 3], [4, 5, 6]],
+            "metadata": None,
+        }
+
+    def test_dataframe_postprocess_all_types(self):
+        df = pd.DataFrame(
+            {
+                "date_1": pd.date_range("2021-01-01", periods=2),
+                "date_2": pd.date_range("2022-02-15", periods=2).strftime(
+                    "%B %d, %Y, %r"
+                ),
+                "number": np.array([0.2233, 0.57281]),
+                "number_2": np.array([84, 23]).astype(np.int64),
+                "bool": [True, False],
+                "markdown": ["# Hello", "# Goodbye"],
+            }
+        )
+        component = gr.Dataframe(
+            datatype=["date", "date", "number", "number", "bool", "markdown"]  # type: ignore
+        )
+        output = component.postprocess(df).model_dump()
+        assert output == {
+            "headers": list(df.columns),
+            "data": [
+                [
+                    pd.Timestamp("2021-01-01 00:00:00"),
+                    "February 15, 2022, 12:00:00 AM",
+                    0.2233,
+                    84,
+                    True,
+                    "# Hello",
+                ],
+                [
+                    pd.Timestamp("2021-01-02 00:00:00"),
+                    "February 16, 2022, 12:00:00 AM",
+                    0.57281,
+                    23,
+                    False,
+                    "# Goodbye",
+                ],
+            ],
+            "metadata": None,
+        }
+
+    def test_dataframe_postprocess_only_dates(self):
+        df = pd.DataFrame(
+            {
+                "date_1": pd.date_range("2021-01-01", periods=2),
+                "date_2": pd.date_range("2022-02-15", periods=2),
+            }
+        )
+        component = gr.Dataframe(datatype=["date", "date"])  # type: ignore
+        output = component.postprocess(df).model_dump()
+        assert output == {
+            "headers": list(df.columns),
+            "data": [
+                [
+                    pd.Timestamp("2021-01-01 00:00:00"),
+                    pd.Timestamp("2022-02-15 00:00:00"),
+                ],
+                [
+                    pd.Timestamp("2021-01-02 00:00:00"),
+                    pd.Timestamp("2022-02-16 00:00:00"),
+                ],
+            ],
+            "metadata": None,
+        }
+
+    def test_dataframe_postprocess_styler(self):
+        component = gr.Dataframe()
+        df = pd.DataFrame(
+            {
+                "name": ["Adam", "Mike"] * 4,
+                "gpa": [1.1, 1.12] * 4,
+                "sat": [800, 800] * 4,
+            }
+        )
+        s = df.style.format(precision=1, decimal=",")
+        output = component.postprocess(s).model_dump()  # type: ignore
+        assert output == {
+            "data": [
+                ["Adam", 1.1, 800],
+                ["Mike", 1.12, 800],
+                ["Adam", 1.1, 800],
+                ["Mike", 1.12, 800],
+                ["Adam", 1.1, 800],
+                ["Mike", 1.12, 800],
+                ["Adam", 1.1, 800],
+                ["Mike", 1.12, 800],
+            ],
+            "headers": ["name", "gpa", "sat"],
+            "metadata": {
+                "display_value": [
+                    ["Adam", "1,1", "800"],
+                    ["Mike", "1,1", "800"],
+                    ["Adam", "1,1", "800"],
+                    ["Mike", "1,1", "800"],
+                    ["Adam", "1,1", "800"],
+                    ["Mike", "1,1", "800"],
+                    ["Adam", "1,1", "800"],
+                    ["Mike", "1,1", "800"],
+                ],
+                "styling": [
+                    ["", "", ""],
+                    ["", "", ""],
+                    ["", "", ""],
+                    ["", "", ""],
+                    ["", "", ""],
+                    ["", "", ""],
+                    ["", "", ""],
+                    ["", "", ""],
+                ],
+            },
+        }
+
+        df = pd.DataFrame(
+            {
+                "A": [14, 4, 5, 4, 1],
+                "B": [5, 2, 54, 3, 2],
+                "C": [20, 20, 7, 3, 8],
+                "D": [14, 3, 6, 2, 6],
+                "E": [23, 45, 64, 32, 23],
+            }
+        )
+
+        t = df.style.highlight_max(color="lightgreen", axis=0)
+        output = component.postprocess(t).model_dump()
+        assert output == {
+            "data": [
+                [14, 5, 20, 14, 23],
+                [4, 2, 20, 3, 45],
+                [5, 54, 7, 6, 64],
+                [4, 3, 3, 2, 32],
+                [1, 2, 8, 6, 23],
+            ],
+            "headers": ["A", "B", "C", "D", "E"],
+            "metadata": {
+                "display_value": [
+                    ["14", "5", "20", "14", "23"],
+                    ["4", "2", "20", "3", "45"],
+                    ["5", "54", "7", "6", "64"],
+                    ["4", "3", "3", "2", "32"],
+                    ["1", "2", "8", "6", "23"],
+                ],
+                "styling": [
+                    [
+                        "background-color: lightgreen",
+                        "",
+                        "background-color: lightgreen",
+                        "background-color: lightgreen",
+                        "",
+                    ],
+                    ["", "", "background-color: lightgreen", "", ""],
+                    [
+                        "",
+                        "background-color: lightgreen",
+                        "",
+                        "",
+                        "background-color: lightgreen",
+                    ],
+                    ["", "", "", "", ""],
+                    ["", "", "", "", ""],
+                ],
+            },
+        }
+
+    def test_dataframe_hidden_columns(self):
+        """Test that hidden columns are properly excluded from the output"""
+        component = gr.Dataframe()
+        df = pd.DataFrame(
+            {"a": [1, 2, 3], "b": [4, 5, 6], "color": ["red", "blue", "green"]}
+        )
+        styled_df = df.style.hide(axis=1, subset=["color"])
+        output = component.postprocess(styled_df).model_dump()
+        assert output == {
+            "data": [
+                [1, 4],
+                [2, 5],
+                [3, 6],
+            ],
+            "headers": ["a", "b"],
+            "metadata": {
+                "display_value": [
+                    ["1", "4"],
+                    ["2", "5"],
+                    ["3", "6"],
+                ],
+                "styling": [
+                    ["", ""],
+                    ["", ""],
+                    ["", ""],
+                ],
+            },
+        }
+
+    def test_is_empty(self):
+        """Test is_empty method with various data types"""
+        df = gr.Dataframe()
+        assert df.is_empty([])
+        assert df.is_empty([[]])
+        assert df.is_empty(np.array([]))
+        assert df.is_empty(np.zeros((2, 0)))
+        assert df.is_empty(None)
+        assert df.is_empty({})
+        assert df.is_empty({"data": [], "headers": ["a", "b"]})
+        assert df.is_empty({"data": []})
+        assert not df.is_empty({"data": [1, 2]})
+        assert not df.is_empty([[1, 2], [3, 4]])
+        assert not df.is_empty(pd.DataFrame({"a": [1, 2]}))
+        assert not df.is_empty(pd.DataFrame({"a": [1, 2]}).style)
+
+    def test_get_headers(self):
+        """Test get_headers method with various data types"""
+        df = gr.Dataframe()
+        test_df = pd.DataFrame({"col1": [1, 2], "col2": [3, 4]})
+        assert df.get_headers(test_df) == ["col1", "col2"]
+        assert df.get_headers(test_df.style) == ["col1", "col2"]
+        assert df.get_headers({"headers": ["a", "b"]}) == ["a", "b"]
+        assert df.get_headers(np.array([[1, 2], [3, 4]])) == []
+        assert df.get_headers(None) == []
+
+    def test_get_cell_data(self):
+        """Test get_cell_data method with various data types"""
+        df = gr.Dataframe()
+        test_data = [[1, 2], [3, 4]]
+        test_df = pd.DataFrame({"col1": [1, 3], "col2": [2, 4]})
+        assert df.get_cell_data(test_data) == [[1, 2], [3, 4]]
+        assert df.get_cell_data(test_df) == [[1, 2], [3, 4]]
+        assert df.get_cell_data({"data": test_data}) == [[1, 2], [3, 4]]
+
+        styled_df = test_df.style
+        styled_df.hide(axis=1, subset=["col2"])
+        assert df.get_cell_data(styled_df) == [[1], [3]]
+
+    def test_static_columns(self):
+        # when static_columns is specified, it should be stored
+        dataframe = gr.Dataframe(static_columns=[0, 1])
+        assert dataframe.static_columns == [0, 1]
+
+        # when static_columns is specified with column_count
+        dataframe = gr.Dataframe(column_count=4, static_columns=[0, 1])
+        assert dataframe.static_columns == [0, 1]
+        assert dataframe.column_count == (4, "dynamic")
+
+        # when static_columns is empty
+        dataframe = gr.Dataframe(column_count=4, static_columns=[])
+        assert dataframe.static_columns == []
+
+        # when static_columns is None
+        dataframe = gr.Dataframe(column_count=4, static_columns=None)
+        assert dataframe.static_columns == []
+
+        # when static_columns is not specified at all
+        dataframe = gr.Dataframe(column_count=4)
+        assert dataframe.static_columns == []
+
+    def test_auto_datatype(self):
+        df_headers = [
+            "String",
+            "Int",
+            "Float",
+            "Pandas Time",
+            "Numpy Time",
+            "Datetime",
+            "Boolean",
+        ]
+
+        list_data = [
+            [
+                "Irish Red Fox",
+                185000,
+                4.2,
+                pd.Timestamp("2017-01-01T12"),
+                np.datetime64("now"),
+                datetime(2022, 1, 1),
+                True,
+            ],
+            [
+                "Irish Badger",
+                95000,
+                8.5,
+                pd.Timestamp("2018-01-01T12"),
+                np.datetime64("now"),
+                datetime(2023, 1, 1),
+                True,
+            ],
+            [
+                "Irish Otter",
+                13500,
+                5.5,
+                pd.Timestamp("2025-01-01T12"),
+                np.datetime64("now"),
+                datetime(2024, 1, 1),
+                False,
+            ],
+        ]
+        np_data = np.array(list_data, dtype=object)
+        pl_data = pl.DataFrame(list_data, schema=df_headers)
+
+        pd_data = pd.DataFrame(list_data, columns=df_headers)  # type: ignore
+        styler_data = pd_data.style.apply(
+            lambda row: [
+                "background-color: lightgreen" if row["Boolean"] else "" for _ in row
+            ],
+            axis=1,
+        )
+
+        result = ["str", "number", "number", "date", "date", "date", "bool"]
+
+        dataframe = gr.Dataframe(
+            value=pd_data, headers=df_headers, interactive=True, datatype="auto"
+        )
+        assert dataframe.datatype == result
+
+        dataframe = gr.Dataframe(
+            value=list_data, headers=df_headers, interactive=True, datatype="auto"
+        )
+        assert dataframe.datatype == result
+
+        dataframe = gr.Dataframe(
+            value=np_data, headers=df_headers, interactive=True, datatype="auto"
+        )
+        assert dataframe.datatype == result
+
+        dataframe = gr.Dataframe(
+            value=styler_data, headers=df_headers, interactive=True, datatype="auto"
+        )
+        assert dataframe.datatype == result
+
+        dataframe = gr.Dataframe(
+            value=pl_data, headers=df_headers, interactive=True, datatype="auto"
+        )
+        result = ["str", "number", "number", "date", "str", "date", "bool"]
+        assert dataframe.datatype == result
+
+        dataframe = gr.Dataframe(value=[], datatype="auto")
+        assert dataframe.datatype == "str"
+
+        dataframe = gr.Dataframe(value=[1, 2, 3], datatype="auto")
+        assert dataframe.datatype == "str"
+
+        dataframe = gr.Dataframe(value=np.array([]), datatype="auto")
+        assert dataframe.datatype == "str"
+
+        dataframe = gr.Dataframe(value=np.array([1, 2, 3]), datatype="auto")
+        assert dataframe.datatype == "str"
+
+        dataframe = gr.Dataframe(value=[[1, 2], [3, 4]], datatype="auto")
+        assert dataframe.datatype == ["number", "number"]
+
+        dataframe = gr.Dataframe(value=np.array([[1, 2], [3, 4]]), datatype="auto")
+        assert dataframe.datatype == ["number", "number"]
diff --git a/test/components/test_dataset.py b/test/components/test_dataset.py
new file mode 100644
index 0000000..d726fec
--- /dev/null
+++ b/test/components/test_dataset.py
@@ -0,0 +1,74 @@
+from pathlib import Path
+from unittest.mock import patch
+
+import numpy as np
+import pandas as pd
+
+import gradio as gr
+
+
+class TestDataset:
+    def test_preprocessing(self):
+        test_file_dir = Path(__file__).parent / "test_files"
+        bus = str(Path(test_file_dir, "bus.png").resolve())
+
+        dataset = gr.Dataset(
+            components=["number", "textbox", "image", "html", "markdown"],
+            samples=[
+                [5, "hello", bus, "<b>Bold</b>", "**Bold**"],
+                [15, "hi", bus, "<i>Italics</i>", "*Italics*"],
+            ],
+        )
+
+        row = dataset.preprocess(1)
+        assert isinstance(row, list)
+        assert row[0] == 15
+        assert row[1] == "hi"
+        assert row[2].endswith("bus.png")
+        assert row[3] == "<i>Italics</i>"
+        assert row[4] == "*Italics*"
+
+        dataset = gr.Dataset(
+            components=["number", "textbox", "image", "html", "markdown"],
+            samples=[
+                [5, "hello", bus, "<b>Bold</b>", "**Bold**"],
+                [15, "hi", bus, "<i>Italics</i>", "*Italics*"],
+            ],
+            type="index",
+        )
+
+        assert dataset.preprocess(1) == 1
+
+        radio = gr.Radio(choices=[("name 1", "value 1"), ("name 2", "value 2")])
+        dataset = gr.Dataset(samples=[["value 1"], ["value 2"]], components=[radio])
+        assert dataset.samples == [["value 1"], ["value 2"]]
+
+    def test_postprocessing(self):
+        dataset = gr.Dataset(
+            components=["number", "textbox", "image", "html", "markdown"], type="index"
+        )
+        assert dataset.postprocess(1) == 1
+
+
+@patch(
+    "gradio.components.Component.process_example",
+    spec=gr.components.Component.process_example,
+)
+@patch("gradio.components.Image.process_example", spec=gr.Image.process_example)
+@patch("gradio.components.File.process_example", spec=gr.File.process_example)
+@patch("gradio.components.Dataframe.process_example", spec=gr.DataFrame.process_example)
+@patch("gradio.components.Model3D.process_example", spec=gr.Model3D.process_example)
+def test_dataset_calls_process_example(*mocks):
+    gr.Dataset(
+        components=[gr.Dataframe(), gr.File(), gr.Image(), gr.Model3D(), gr.Textbox()],
+        samples=[
+            [
+                pd.DataFrame({"a": np.array([1, 2, 3])}),
+                "foo.png",
+                "bar.jpeg",
+                "duck.obj",
+                "hello",
+            ]
+        ],
+    )
+    assert all(m.called for m in mocks)
diff --git a/test/components/test_datetime.py b/test/components/test_datetime.py
new file mode 100644
index 0000000..da5e107
--- /dev/null
+++ b/test/components/test_datetime.py
@@ -0,0 +1,268 @@
+from datetime import datetime, timezone
+from typing import cast
+
+import pytest
+
+import gradio as gr
+
+
+def within_range(time1, time2, delta=30):
+    return abs(time1 - time2) < delta
+
+
+class TestDateTimePreprocess:
+    def test_preprocess_returns_none_for_empty_inputs(self):
+        """None, empty string, and whitespace-only all return None."""
+        dt = gr.DateTime(timezone="US/Pacific")
+        assert dt.preprocess(None) is None
+        assert dt.preprocess("") is None
+        # Bug fix: whitespace-only used to raise ValueError
+        assert dt.preprocess("   ") is None
+        assert dt.preprocess("\t") is None
+
+    def test_preprocess_timestamp_type_with_timezone(self):
+        """Date strings are localized to the given timezone before converting to epoch."""
+        dt_pacific = gr.DateTime(timezone="US/Pacific")
+        dt_paris = gr.DateTime(timezone="Europe/Paris")
+        dt_paris_date_only = gr.DateTime(timezone="Europe/Paris", include_time=False)
+
+        assert dt_pacific.preprocess("2020-02-01 08:10:25") == 1580573425.0
+        assert dt_paris.preprocess("2020-02-01 08:10:25") == 1580541025.0
+        assert dt_paris_date_only.preprocess("2020-02-01") == 1580511600.0
+
+    def test_preprocess_timestamp_type_no_timezone(self):
+        """Without a timezone the result is a float (local-time interpretation)."""
+        dt = gr.DateTime()
+        result = dt.preprocess("2020-02-01 08:10:25")
+        assert isinstance(result, float)
+
+    def test_preprocess_datetime_type_returns_datetime_object(self):
+        """type='datetime' returns a Python datetime for both a date string and 'now'."""
+        dt = gr.DateTime(type="datetime", timezone="US/Pacific")
+        result = dt.preprocess("2020-02-01 08:10:25")
+        assert isinstance(result, datetime)
+        assert result.year == 2020
+        assert result.month == 2
+        assert result.day == 1
+        assert result.hour == 8
+        assert result.minute == 10
+        assert result.second == 25
+
+        result_now = dt.preprocess("now")
+        assert isinstance(result_now, datetime)
+        assert within_range(result_now.timestamp(), datetime.now().timestamp(), delta=5)
+
+    def test_preprocess_string_type_passthrough(self):
+        """type='string' returns the raw string for non-'now' values."""
+        dt = gr.DateTime(type="string", timezone="US/Pacific")
+        assert dt.preprocess("2020-02-01 08:10:25") == "2020-02-01 08:10:25"
+
+    def test_preprocess_string_type_now_returns_formatted_string(self):
+        """type='string' with 'now' patterns returns a formatted datetime string."""
+        dt = gr.DateTime(type="string", timezone="US/Pacific")
+        result = dt.preprocess("now - 10m")
+        assert isinstance(result, str)
+        assert len(result) == 19  # "YYYY-MM-DD HH:MM:SS"
+
+    def test_preprocess_now_keyword(self):
+        """'now' returns the current timestamp, within tolerance."""
+        dt = gr.DateTime(timezone="US/Pacific")
+        dt2 = gr.DateTime(timezone="Europe/Paris")
+        now = datetime.now().timestamp()
+
+        assert within_range(dt.preprocess("now"), now)
+        assert within_range(dt2.preprocess("now"), now)
+
+    def test_preprocess_now_minus_seconds(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        assert within_range(dt.preprocess("now - 20s"), now - 20)
+        # Use 60s (> default 30s tolerance) to verify the offset is real
+        assert not within_range(dt.preprocess("now - 60s"), now)
+
+    def test_preprocess_now_minus_minutes(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        assert within_range(dt.preprocess("now - 10m"), now - 10 * 60)
+        assert not within_range(dt.preprocess("now - 1m"), now)
+
+    def test_preprocess_now_minus_hours(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        assert within_range(dt.preprocess("now - 3h"), now - 3 * 60 * 60)
+
+    def test_preprocess_now_minus_days(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        assert within_range(dt.preprocess("now - 12d"), now - 12 * 24 * 60 * 60)
+
+    def test_preprocess_invalid_now_raises(self):
+        """Malformed 'now' expressions raise ValueError."""
+        dt = gr.DateTime(timezone="US/Pacific")
+        with pytest.raises(ValueError):
+            dt.preprocess("now + 5m")
+        with pytest.raises(ValueError):
+            dt.preprocess("now - abc")
+
+
+class TestDateTimePostprocess:
+    def test_postprocess_none_returns_none(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        assert dt.postprocess(None) is None
+
+    def test_postprocess_datetime_object(self):
+        """datetime objects are formatted using time_format (timezone ignored)."""
+        dt = gr.DateTime(timezone="US/Pacific")
+        result = dt.postprocess(datetime(2020, 2, 1, 8, 10, 25))
+        assert result == "2020-02-01 08:10:25"
+
+    def test_postprocess_datetime_object_date_only(self):
+        """include_time=False formats without time component."""
+        dt = gr.DateTime(timezone="US/Pacific", include_time=False)
+        result = dt.postprocess(datetime(2020, 2, 1, 8, 10, 25))
+        assert result == "2020-02-01"
+
+    def test_postprocess_string_passthrough(self):
+        """String values are returned unchanged."""
+        dt = gr.DateTime(timezone="US/Pacific")
+        assert dt.postprocess("2020-02-01 08:10:25") == "2020-02-01 08:10:25"
+
+    def test_postprocess_timestamp_with_pacific_timezone(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        assert dt.postprocess(1500000000) == "2017-07-13 19:40:00"
+
+    def test_postprocess_timestamp_with_paris_timezone(self):
+        dt = gr.DateTime(timezone="Europe/Paris")
+        assert dt.postprocess(1500000000) == "2017-07-14 04:40:00"
+
+    def test_postprocess_datetime_with_utc_timezone(self):
+        """datetime objects with timezone info are formatted as-is."""
+        dt = gr.DateTime(type="datetime", timezone="US/Pacific")
+        utc_dt = datetime(2020, 2, 1, 8, 10, 25, tzinfo=timezone.utc)
+        result = dt.postprocess(utc_dt)
+        assert result == "2020-02-01 08:10:25"
+
+
+class TestGetDatetimeFromStr:
+    def test_parses_regular_datetime_string(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        result = dt.get_datetime_from_str("2020-02-01 08:10:25")
+        assert result.year == 2020
+        assert result.month == 2
+        assert result.day == 1
+        assert result.hour == 8
+        assert result.minute == 10
+        assert result.second == 25
+
+    def test_parses_date_only_string(self):
+        dt = gr.DateTime(timezone="Europe/Paris", include_time=False)
+        result = dt.get_datetime_from_str("2020-02-01")
+        assert result.year == 2020
+        assert result.month == 2
+        assert result.day == 1
+
+    def test_applies_timezone_to_parsed_string(self):
+        import pytz
+
+        dt = gr.DateTime(timezone="US/Pacific")
+        result = dt.get_datetime_from_str("2020-02-01 08:10:25")
+        assert result.tzinfo is not None
+        assert cast(pytz.BaseTzInfo, result.tzinfo).zone == "US/Pacific"
+
+    def test_now_returns_current_time(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        result = dt.get_datetime_from_str("now")
+        assert within_range(result.timestamp(), datetime.now().timestamp(), delta=5)
+
+    def test_now_minus_seconds_delta(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        result = dt.get_datetime_from_str("now - 30s")
+        assert within_range(result.timestamp(), now - 30)
+
+    def test_now_minus_minutes_delta(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        result = dt.get_datetime_from_str("now - 5m")
+        assert within_range(result.timestamp(), now - 300)
+
+    def test_now_minus_hours_delta(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        result = dt.get_datetime_from_str("now - 2h")
+        assert within_range(result.timestamp(), now - 7200)
+
+    def test_now_minus_days_delta(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        result = dt.get_datetime_from_str("now - 7d")
+        assert within_range(result.timestamp(), now - 7 * 86400)
+
+    def test_invalid_now_format_raises(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        with pytest.raises(ValueError, match="Invalid 'now' time format"):
+            dt.get_datetime_from_str("now + 5m")
+
+    def test_now_no_space_around_minus(self):
+        """'now-5m' (no spaces) is actually valid: the regex uses \\s* (zero or more spaces)."""
+        dt = gr.DateTime(timezone="US/Pacific")
+        now = datetime.now().timestamp()
+        # The regex allows zero spaces around '-', so "now-5m" works just like "now - 5m"
+        result = dt.get_datetime_from_str("now-5m")
+        assert within_range(result.timestamp(), now - 5 * 60)
+
+
+class TestDateTimeApiInfo:
+    def test_api_info_with_time(self):
+        dt = gr.DateTime(include_time=True)
+        info = dt.api_info()
+        assert info["type"] == "string"
+        assert "YYYY-MM-DD HH:MM:SS" in info["description"]
+
+    def test_api_info_date_only(self):
+        dt = gr.DateTime(include_time=False)
+        info = dt.api_info()
+        assert info["type"] == "string"
+        assert "YYYY-MM-DD" in info["description"]
+        assert "HH:MM:SS" not in info["description"]
+
+
+class TestDateTimeExampleValues:
+    def test_example_payload(self):
+        dt = gr.DateTime()
+        assert dt.example_payload() == "2020-10-01 05:20:15"
+
+    def test_example_value(self):
+        dt = gr.DateTime()
+        assert dt.example_value() == "2020-10-01 05:20:15"
+
+    def test_example_values_include_time_regardless_of_setting(self):
+        """Discrepancy: example values always include time even when include_time=False."""
+        dt = gr.DateTime(include_time=False)
+        # These return the full datetime string regardless of include_time
+        assert dt.example_payload() == "2020-10-01 05:20:15"
+        assert dt.example_value() == "2020-10-01 05:20:15"
+
+
+class TestDateTimeInterface:
+    def test_in_interface_timestamp_type(self):
+        dt = gr.DateTime(timezone="US/Pacific")
+        iface = gr.Interface(lambda x: x, dt, "number")
+        assert iface("2017-07-13 19:40:00") == 1500000000
+
+    def test_in_interface_datetime_type(self):
+        """type='datetime' preprocess returns a datetime; Interface with 'text' output
+        then postprocesses it to a string (timezone-aware formatted string)."""
+        dt = gr.DateTime(type="datetime", timezone="US/Pacific")
+        iface = gr.Interface(lambda x: x, dt, "text")
+        result = iface("2020-02-01 08:10:25")
+        # The datetime is postprocessed by the text output, yielding a string
+        assert isinstance(result, str)
+        assert "2020-02-01" in result
+
+    def test_can_pass_datetime_value_on_construction(self):
+        """datetime objects with timezone info are accepted as default values."""
+        gr.DateTime(
+            type="datetime",
+            value=datetime.now(tz=timezone.utc),
+        )
diff --git a/test/components/test_dialogue.py b/test/components/test_dialogue.py
new file mode 100644
index 0000000..2a64b21
--- /dev/null
+++ b/test/components/test_dialogue.py
@@ -0,0 +1,157 @@
+import gradio as gr
+from gradio.components.dialogue import DialogueLine, DialogueModel
+
+
+class TestDialogue:
+    def test_component_functions(self):
+        """
+        Test preprocess, postprocess, and basic functionality
+        """
+        dialogue = gr.Dialogue(speakers=["Speaker 1", "Speaker 2"])
+
+        dialogue_data = [
+            DialogueLine(speaker="Speaker 1", text="Hello there!"),
+            DialogueLine(speaker="Speaker 2", text="Hi, how are you?"),
+        ]
+
+        preprocessed = dialogue.preprocess(gr.Dialogue.data_model(root=dialogue_data))
+        assert preprocessed == "[Speaker 1] Hello there!\n[Speaker 2] Hi, how are you?"
+
+        postprocessed = dialogue.postprocess(
+            [
+                {"speaker": "Speaker 1", "text": "Hello there!"},
+                {"speaker": "Speaker 2", "text": "Hi, how are you?"},
+            ]
+        )
+        assert postprocessed is not None
+        assert isinstance(postprocessed.root, list)
+        assert len(postprocessed.root) == 2
+        assert postprocessed.root[0].speaker == "Speaker 1"
+        assert postprocessed.root[0].text == "Hello there!"
+
+        postprocessed_str = dialogue.postprocess("Hello world")
+        assert postprocessed_str is not None
+        assert isinstance(postprocessed_str.root, str)
+        assert postprocessed_str.root == "Hello world"
+
+        assert dialogue.postprocess(None) is None
+
+    def test_dialogue_with_tags(self):
+        """
+        Test dialogue with tags parameter
+        """
+        dialogue = gr.Dialogue(
+            speakers=["Agent", "Customer"],
+            tags=["greeting", "question", "answer", "closing"],
+        )
+
+        assert dialogue.tags == ["greeting", "question", "answer", "closing"]
+        assert dialogue.speakers == ["Agent", "Customer"]
+
+    def test_dialogue_with_color_map(self):
+        """
+        Test dialogue with custom color map
+        """
+        color_map = {"Speaker 1": "#ff0000", "Speaker 2": "#00ff00"}
+        dialogue = gr.Dialogue(speakers=["Speaker 1", "Speaker 2"], color_map=color_map)
+
+        assert dialogue.color_map == color_map
+
+    def test_dialogue_with_formatter(self):
+        """
+        Test dialogue with custom formatter
+        """
+
+        def custom_formatter(speaker, text):
+            return f"{speaker}: {text}"
+
+        dialogue = gr.Dialogue(speakers=["Alice", "Bob"], formatter=custom_formatter)
+
+        dialogue_data = [
+            DialogueLine(speaker="Alice", text="Hello!"),
+            DialogueLine(speaker="Bob", text="Hi there!"),
+        ]
+
+        preprocessed = dialogue.preprocess(gr.Dialogue.data_model(root=dialogue_data))
+        assert preprocessed == "Alice: Hello!\nBob: Hi there!"
+
+    def test_dialogue_without_speakers(self):
+        """
+        Test dialogue without speakers (plain text mode)
+        """
+        dialogue = gr.Dialogue(speakers=None)
+
+        assert dialogue.speakers is None
+
+        preprocessed = dialogue.preprocess(
+            gr.Dialogue.data_model(root="Just some text")
+        )
+        assert preprocessed == "Just some text"
+
+    def test_get_config(self):
+        """
+        Test get_config returns expected configuration
+        """
+        dialogue = gr.Dialogue(
+            speakers=["A", "B"],
+            label="Test Dialogue",
+            buttons=["copy"],
+            max_lines=10,
+        )
+
+        config = dialogue.get_config()
+        assert config["speakers"] == ["A", "B"]
+        assert config["label"] == "Test Dialogue"
+        assert config["buttons"] == ["copy"]
+        assert config["max_lines"] == 10
+        assert config["name"] == "dialogue"
+
+    def test_dialogue_separator(self):
+        """
+        Test dialogue with custom separator
+        """
+        dialogue = gr.Dialogue(speakers=["A", "B"], separator="\n")
+
+        dialogue_data = [
+            DialogueLine(speaker="A", text="First line"),
+            DialogueLine(speaker="B", text="Second line"),
+        ]
+
+        preprocessed = dialogue.preprocess(gr.Dialogue.data_model(root=dialogue_data))
+        assert preprocessed == "[A] First line\n[B] Second line"
+
+    def test_example_value(self):
+        """
+        Test example_value and as_example methods
+        """
+        dialogue = gr.Dialogue(speakers=["Speaker 1", "Speaker 2"])
+
+        example = dialogue.example_value()
+        assert isinstance(example, list)
+        assert len(example) == 2
+        assert example[0]["speaker"] == "Speaker 1"
+        assert example[0]["text"] == "Hello, how are you?"
+
+        example_str = dialogue.as_example(example)
+        assert isinstance(example_str, str)
+        assert "Speaker 1" in example_str
+        assert "Hello, how are you?" in example_str
+
+    def test_dialogue_preprocess_list(self):
+        """
+        Test preprocess with a list of DialogueLine objects
+        """
+        dialogue = gr.Dialogue(speakers=["Speaker 1", "Speaker 2"], type="list")
+
+        dialogue_data = DialogueModel(
+            root=[
+                DialogueLine(speaker="Speaker 1", text="Hello!"),
+                DialogueLine(speaker="Speaker 2", text="Hi!"),
+            ]
+        )
+
+        preprocessed = dialogue.preprocess(dialogue_data)
+        assert preprocessed == [
+            {"speaker": "Speaker 1", "text": "Hello!"},
+            {"speaker": "Speaker 2", "text": "Hi!"},
+        ]
diff --git a/test/components/test_download_button.py b/test/components/test_download_button.py
new file mode 100644
index 0000000..e98588d
--- /dev/null
+++ b/test/components/test_download_button.py
@@ -0,0 +1,6 @@
+import gradio as gr
+
+
+def test_download_button_sets_origname():
+    value = gr.DownloadButton().postprocess("/home/image.png")
+    assert value.orig_name == "image.png"  # type: ignore
diff --git a/test/components/test_dropdown.py b/test/components/test_dropdown.py
new file mode 100644
index 0000000..b29160e
--- /dev/null
+++ b/test/components/test_dropdown.py
@@ -0,0 +1,104 @@
+import pytest
+
+import gradio as gr
+
+
+class TestDropdown:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, get_config
+        """
+        dropdown_input = gr.Dropdown(["a", "b", ("c", "c full")], multiselect=True)
+        assert dropdown_input.preprocess("a") == "a"
+        assert dropdown_input.postprocess("a") == ["a"]
+        assert dropdown_input.preprocess("c full") == "c full"
+        assert dropdown_input.postprocess("c full") == ["c full"]
+
+        # Check that the error message clearly indicates the error source in cases where data
+        # representation could be ambiguous e.g. "1" (str) vs 1 (int)
+        dropdown_input = gr.Dropdown([1, 2, 3])
+        # Since pytest.raises takes a regular expression in the `match` argument, we need to escape brackets
+        # that have special meaning in regular expressions
+        expected_error_message = r"Value: '1' \(type: <class 'str'>\) is not in the list of choices: \[1, 2, 3\]"
+        with pytest.raises(gr.Error, match=expected_error_message):
+            dropdown_input.preprocess(["1", "2", "3"])
+
+        # When an external Gradio app is loaded with gr.load, the tuples are converted to lists,
+        # so we test that case as well
+        dropdown = gr.Dropdown(["a", "b", ["c", "c full"]])  # type: ignore
+        assert dropdown.choices == [("a", "a"), ("b", "b"), ("c", "c full")]
+
+        dropdown = gr.Dropdown(choices=["a", "b"], type="index")
+        assert dropdown.preprocess("a") == 0
+        assert dropdown.preprocess("b") == 1
+        assert dropdown.value == "a"
+        with pytest.raises(gr.Error):
+            dropdown.preprocess("c")
+
+        dropdown = gr.Dropdown(choices=["a", "b"], type="index", multiselect=True)
+        assert dropdown.preprocess(["a"]) == [0]
+        assert dropdown.preprocess(["a", "b"]) == [0, 1]
+        assert dropdown.value == []
+        with pytest.raises(gr.Error):
+            dropdown.preprocess(["a", "b", "c"])
+
+        dropdown = gr.Dropdown(["a", "b"], allow_custom_value=True)
+        assert dropdown.preprocess("a") == "a"
+        assert dropdown.preprocess("c") == "c"
+        dropdown = gr.Dropdown(["a", "b"], allow_custom_value=True, type="index")
+        assert dropdown.preprocess("a") == 0
+        assert dropdown.preprocess("c") is None
+
+        dropdown_input_multiselect = gr.Dropdown(["a", "b", ("c", "c full")])
+        assert dropdown_input_multiselect.preprocess(["a", "c full"]) == ["a", "c full"]
+        assert dropdown_input_multiselect.postprocess(["a", "c full"]) == [
+            "a",
+            "c full",
+        ]
+        dropdown_input_multiselect = gr.Dropdown(
+            value=["a", "c"],
+            choices=["a", "b", ("c", "c full")],
+            label="Select Your Inputs",
+            multiselect=True,
+            max_choices=2,
+        )
+        assert dropdown_input_multiselect.get_config() == {
+            "allow_custom_value": False,
+            "choices": [("a", "a"), ("b", "b"), ("c", "c full")],
+            "value": ["a", "c"],
+            "name": "dropdown",
+            "show_label": True,
+            "label": "Select Your Inputs",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "multiselect": True,
+            "filterable": True,
+            "max_choices": 2,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "type": "value",
+            "info": None,
+            "buttons": [],
+        }
+        with pytest.raises(ValueError):
+            gr.Dropdown(["a"], type="unknown")  # type: ignore
+
+        dropdown = gr.Dropdown(choices=["a", "b"], value="c")
+        assert dropdown.get_config()["value"] == "c"
+        assert dropdown.postprocess("a") == "a"
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+        dropdown_input = gr.Dropdown(["a", "b", "c"])
+        iface = gr.Interface(lambda x: "|".join(x), dropdown_input, "textbox")
+        assert iface(["a", "c"]) == "a|c"
+        assert iface([]) == ""
diff --git a/test/components/test_file.py b/test/components/test_file.py
new file mode 100644
index 0000000..cfddc9e
--- /dev/null
+++ b/test/components/test_file.py
@@ -0,0 +1,104 @@
+import os
+from pathlib import Path
+
+import pytest
+
+import gradio as gr
+from gradio.data_classes import FileData, ListFiles
+
+
+class TestFile:
+    def test_component_functions(self, media_data):
+        """
+        Preprocess, serialize, get_config, value
+        """
+        x_file = FileData(path=media_data.BASE64_FILE["path"])
+        file_input = gr.File()
+        output = file_input.preprocess(x_file)
+        assert isinstance(output, str)
+
+        input1 = file_input.preprocess(x_file)
+        input2 = file_input.preprocess(x_file)
+        assert input1 == input1.name  # type: ignore # Testing backwards compatibility
+        assert input1 == input2
+        assert isinstance(input1, str)
+        assert Path(input1).name == "sample_file.pdf"
+
+        file_input = gr.File(label="Upload Your File")
+        assert file_input.get_config() == {
+            "file_count": "single",
+            "file_types": None,
+            "name": "file",
+            "show_label": True,
+            "label": "Upload Your File",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "value": None,
+            "interactive": None,
+            "proxy_url": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "height": None,
+            "type": "filepath",
+            "allow_reordering": False,
+            "buttons": [],
+        }
+        assert file_input.preprocess(None) is None
+        assert file_input.preprocess(x_file) is not None
+
+        zero_size_file = FileData(path="document.txt", size=0)
+        temp_file = file_input.preprocess(zero_size_file)
+        assert isinstance(temp_file, str)
+        assert not Path(temp_file).exists()
+
+        file_input = gr.File(type="binary")
+        output = file_input.preprocess(x_file)
+        assert isinstance(output, bytes)
+
+        output1 = file_input.postprocess("test/test_files/sample_file.pdf")
+        output2 = file_input.postprocess("test/test_files/sample_file.pdf")
+        assert output1 == output2
+
+    def test_preprocess_with_multiple_files(self, media_data):
+        file_data = FileData(path=media_data.BASE64_FILE["path"])
+        list_file_data = ListFiles(root=[file_data, file_data])
+        file_input = gr.File(file_count="directory")
+        output = file_input.preprocess(list_file_data)
+        assert isinstance(output, list)
+        assert isinstance(output[0], str)
+
+    def test_file_type_must_be_list(self):
+        with pytest.raises(
+            ValueError, match="Parameter file_types must be a list. Received str"
+        ):
+            gr.File(file_types=".json")  # type: ignore
+
+    def test_in_interface_as_input(self, media_data):
+        """
+        Interface, process
+        """
+        x_file = media_data.BASE64_FILE["path"]
+
+        def get_size_of_file(file_obj):
+            return os.path.getsize(file_obj.name)
+
+        iface = gr.Interface(get_size_of_file, "file", "number")
+        assert iface(x_file) == 10558
+
+    def test_as_component_as_output(self):
+        """
+        Interface, process
+        """
+
+        def write_file(content):
+            with open("test.txt", "w") as f:
+                f.write(content)
+            return "test.txt"
+
+        iface = gr.Interface(write_file, "text", "file")
+        assert iface("hello world").endswith(".txt")
diff --git a/test/components/test_file_explorer.py b/test/components/test_file_explorer.py
new file mode 100644
index 0000000..7c0c137
--- /dev/null
+++ b/test/components/test_file_explorer.py
@@ -0,0 +1,101 @@
+from pathlib import Path
+
+import pytest
+
+import gradio as gr
+from gradio.components.file_explorer import FileExplorerData
+from gradio.exceptions import InvalidPathError
+
+
+class TestFileExplorer:
+    def test_component_functions(self):
+        """
+        Preprocess, get_config
+        """
+        file_explorer = gr.FileExplorer(file_count="single")
+
+        config = file_explorer.get_config()
+        assert config["glob"] == "**/*"
+        assert config["value"] is None
+        assert config["file_count"] == "single"
+        assert config["server_fns"] == ["ls"]
+
+        input_data = FileExplorerData(root=[["test/test_files/bus.png"]])
+        preprocessed_data = file_explorer.preprocess(input_data)
+        assert isinstance(preprocessed_data, str)
+        assert Path(preprocessed_data).name == "bus.png"
+
+        input_data = FileExplorerData(root=[])
+        preprocessed_data = file_explorer.preprocess(input_data)
+        assert preprocessed_data is None
+
+        file_explorer = gr.FileExplorer(file_count="multiple")
+
+        config = file_explorer.get_config()
+        assert config["glob"] == "**/*"
+        assert config["value"] is None
+        assert config["file_count"] == "multiple"
+        assert config["server_fns"] == ["ls"]
+
+        input_data = FileExplorerData(root=[["test/test_files/bus.png"]])
+        preprocessed_data = file_explorer.preprocess(input_data)
+        assert isinstance(preprocessed_data, list)
+        assert Path(preprocessed_data[0]).name == "bus.png"
+
+        input_data = FileExplorerData(root=[])
+        preprocessed_data = file_explorer.preprocess(input_data)
+        assert preprocessed_data == []
+
+    def test_file_explorer_txt_only_glob(self, tmpdir):
+        tmpdir.mkdir("foo")
+        (Path(tmpdir) / "foo" / "bar").mkdir()
+        (Path(tmpdir) / "foo" / "file.txt").touch()
+        (Path(tmpdir) / "foo" / "file2.txt").touch()
+        (Path(tmpdir) / "foo" / "file3.log").touch()
+        (Path(tmpdir) / "foo" / "img.png").touch()
+        (Path(tmpdir) / "foo" / "bar" / "bar.txt").touch()
+
+        file_explorer = gr.FileExplorer(glob="*.txt", root_dir=Path(tmpdir))
+        tree = file_explorer.ls(["foo"])
+
+        answer = [
+            {"name": "bar", "type": "folder", "valid": False},
+            {"name": "file.txt", "type": "file", "valid": True},
+            {"name": "file2.txt", "type": "file", "valid": True},
+        ]
+        assert tree == answer
+
+    def test_file_explorer_prevents_path_traversal(self, tmpdir):
+        file_explorer = gr.FileExplorer(glob="*.txt", root_dir=Path(tmpdir))
+
+        with pytest.raises(InvalidPathError):
+            file_explorer.ls(["../file.txt"])
+
+    @pytest.mark.parametrize(
+        "payload",
+        [
+            ["/etc/passwd"],  # absolute segment drops the root_dir prefix
+            ["..", "..", "etc", "passwd"],  # `..` climbs out of root_dir
+        ],
+    )
+    def test_preprocess_prevents_path_traversal(self, tmpdir, payload):
+        # preprocess() must reject out-of-root paths the same way ls() does,
+        # otherwise an attacker-controlled path reaches the developer callback
+        # (GHSA-qqr5-x4m8-g4gq).
+        single = gr.FileExplorer(root_dir=Path(tmpdir), file_count="single")
+        with pytest.raises(InvalidPathError):
+            single.preprocess(FileExplorerData(root=[payload]))
+
+        multiple = gr.FileExplorer(root_dir=Path(tmpdir), file_count="multiple")
+        with pytest.raises(InvalidPathError):
+            multiple.preprocess(FileExplorerData(root=[payload]))
+
+    def test_preprocess_allows_in_root_paths(self, tmpdir):
+        # A legitimate selection inside root_dir still resolves correctly.
+        (Path(tmpdir) / "sub").mkdir()
+        (Path(tmpdir) / "sub" / "ok.txt").touch()
+
+        file_explorer = gr.FileExplorer(root_dir=Path(tmpdir), file_count="single")
+        result = file_explorer.preprocess(FileExplorerData(root=[["sub", "ok.txt"]]))
+        assert isinstance(result, str)
+        assert Path(result) == Path(tmpdir) / "sub" / "ok.txt"
diff --git a/test/components/test_gallery.py b/test/components/test_gallery.py
new file mode 100644
index 0000000..a5d79a6
--- /dev/null
+++ b/test/components/test_gallery.py
@@ -0,0 +1,132 @@
+from pathlib import Path
+
+import numpy as np
+import PIL
+
+import gradio as gr
+from gradio.components.gallery import GalleryImage
+from gradio.data_classes import ImageData
+
+
+class TestGallery:
+    def test_postprocess(self):
+        url = "https://huggingface.co/Norod78/SDXL-VintageMagStyle-Lora/resolve/main/Examples/00015-20230906102032-7778-Wonderwoman VintageMagStyle   _lora_SDXL-VintageMagStyle-Lora_1_, Very detailed, clean, high quality, sharp image.jpg"
+        gallery = gr.Gallery([url])
+        assert gallery.get_config()["value"] == [
+            {
+                "image": {
+                    "path": url,
+                    "orig_name": "00015-20230906102032-7778-Wonderwoman VintageMagStyle   _lora_SDXL-VintageMagStyle-Lora_1_, Very detailed, clean, high quality, sharp image.jpg",
+                    "mime_type": "image/jpeg",
+                    "size": None,
+                    "url": url,
+                    "is_stream": False,
+                    "meta": {"_type": "gradio.FileData"},
+                },
+                "caption": None,
+            }
+        ]
+
+    def test_gallery(self):
+        gallery = gr.Gallery()
+        Path(Path(__file__).parent, "test_files")
+
+        postprocessed_gallery = gallery.postprocess(
+            [
+                (str(Path("test/test_files/foo.png")), "foo_caption"),
+                (Path("test/test_files/bar.png"), "bar_caption"),
+                str(Path("test/test_files/baz.png")),
+                Path("test/test_files/qux.png"),
+            ]
+        ).model_dump()
+
+        # Using str(Path(...)) to ensure that the test passes on all platforms
+        assert postprocessed_gallery == [
+            {
+                "image": {
+                    "path": str(Path("test") / "test_files" / "foo.png"),
+                    "orig_name": "foo.png",
+                    "mime_type": "image/png",
+                    "size": None,
+                    "url": None,
+                    "is_stream": False,
+                    "meta": {"_type": "gradio.FileData"},
+                },
+                "caption": "foo_caption",
+            },
+            {
+                "image": {
+                    "path": str(Path("test") / "test_files" / "bar.png"),
+                    "orig_name": "bar.png",
+                    "mime_type": "image/png",
+                    "size": None,
+                    "url": None,
+                    "is_stream": False,
+                    "meta": {"_type": "gradio.FileData"},
+                },
+                "caption": "bar_caption",
+            },
+            {
+                "image": {
+                    "path": str(Path("test") / "test_files" / "baz.png"),
+                    "orig_name": "baz.png",
+                    "mime_type": "image/png",
+                    "size": None,
+                    "url": None,
+                    "is_stream": False,
+                    "meta": {"_type": "gradio.FileData"},
+                },
+                "caption": None,
+            },
+            {
+                "image": {
+                    "path": str(Path("test") / "test_files" / "qux.png"),
+                    "orig_name": "qux.png",
+                    "mime_type": "image/png",
+                    "size": None,
+                    "url": None,
+                    "is_stream": False,
+                    "meta": {"_type": "gradio.FileData"},
+                },
+                "caption": None,
+            },
+        ]
+
+    def test_gallery_preprocess(self):
+        from gradio.components.gallery import GalleryData, GalleryImage
+
+        gallery = gr.Gallery()
+        img = GalleryImage(image=ImageData(path="test/test_files/bus.png"))
+        data = GalleryData(root=[img])
+
+        assert (preprocessed := gallery.preprocess(data))
+        assert preprocessed[0][0] == "test/test_files/bus.png"
+
+        gallery = gr.Gallery(type="numpy")
+        assert (preprocessed := gallery.preprocess(data))
+        assert (
+            preprocessed[0][0] == np.array(PIL.Image.open("test/test_files/bus.png"))  # type: ignore
+        ).all()  # type: ignore
+
+        gallery = gr.Gallery(type="pil")
+        assert (preprocess := gallery.preprocess(data))
+        assert preprocess[0][0] == PIL.Image.open(  # type: ignore
+            "test/test_files/bus.png"
+        )
+
+        img_captions = GalleryImage(
+            image=ImageData(path="test/test_files/bus.png"), caption="bus"
+        )
+        data = GalleryData(root=[img_captions])
+        assert (preprocess := gr.Gallery().preprocess(data))
+        assert preprocess[0] == ("test/test_files/bus.png", "bus")
+
+    def test_gallery_format(self):
+        gallery = gr.Gallery(format="jpeg")
+        output = gallery.postprocess(
+            [np.random.randint(0, 255, (100, 100, 3), dtype=np.uint8)]
+        )
+        if isinstance(output.root[0], GalleryImage):
+            assert output.root[0].image.path and output.root[0].image.path.endswith(
+                ".jpeg"
+            )
diff --git a/test/components/test_highlighted_text.py b/test/components/test_highlighted_text.py
new file mode 100644
index 0000000..9e51b1e
--- /dev/null
+++ b/test/components/test_highlighted_text.py
@@ -0,0 +1,192 @@
+import gradio as gr
+
+
+class TestHighlightedText:
+    def test_postprocess(self):
+        """
+        postprocess
+        """
+        component = gr.HighlightedText()
+        value = [
+            ("", None),
+            ("Wolfgang", "PER"),
+            (" lives in ", None),
+            ("Berlin", "LOC"),
+            ("", None),
+        ]
+        result = [
+            {"token": "", "class_or_confidence": None},
+            {"token": "Wolfgang", "class_or_confidence": "PER"},
+            {"token": " lives in ", "class_or_confidence": None},
+            {"token": "Berlin", "class_or_confidence": "LOC"},
+            {"token": "", "class_or_confidence": None},
+        ]
+        assert (result_ := component.postprocess(value))
+        result_ = result_.model_dump()
+        assert result == result_
+
+        text = "Wolfgang lives in Berlin"
+        entities = [
+            {"entity": "PER", "start": 0, "end": 8},
+            {"entity": "LOC", "start": 18, "end": 24},
+        ]
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        result_ = result_.model_dump()
+        assert result == result_
+
+        text = "Wolfgang lives in Berlin"
+        entities = [
+            {"entity_group": "PER", "start": 0, "end": 8},
+            {"entity": "LOC", "start": 18, "end": 24},
+        ]
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        result_ = result_.model_dump()
+        assert result == result_
+
+        # Test split entity is merged when combine adjacent is set
+        text = "Wolfgang lives in Berlin"
+        entities = [
+            {"entity": "PER", "start": 0, "end": 4},
+            {"entity": "PER", "start": 4, "end": 8},
+            {"entity": "LOC", "start": 18, "end": 24},
+        ]
+        # After a merge empty entries are stripped
+        result_after_merge = [
+            {"token": "Wolfgang", "class_or_confidence": "PER"},
+            {"token": " lives in ", "class_or_confidence": None},
+            {"token": "Berlin", "class_or_confidence": "LOC"},
+        ]
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        result_ = result_.model_dump()
+        assert result != result_
+        assert result_after_merge != result_
+
+        component = gr.HighlightedText(combine_adjacent=True)
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        result_ = result_.model_dump()
+        assert result_after_merge == result_
+
+        component = gr.HighlightedText()
+
+        text = "Wolfgang lives in Berlin"
+        entities = [
+            {"entity": "LOC", "start": 18, "end": 24},
+            {"entity": "PER", "start": 0, "end": 8},
+        ]
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        result_ = result_.model_dump()
+        assert result == result_
+
+        text = "I live there"
+        entities = []
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        result_ = result_.model_dump()
+        assert result_ == [{"token": text, "class_or_confidence": None}]
+
+        text = "Wolfgang"
+        entities = [
+            {"entity": "PER", "start": 0, "end": 8},
+        ]
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        result_ = result_.model_dump()
+        assert result_ == [
+            {"token": "", "class_or_confidence": None},
+            {"token": text, "class_or_confidence": "PER"},
+            {"token": "", "class_or_confidence": None},
+        ]
+
+    def test_combine_adjacent_empty_tokens(self):
+        component = gr.HighlightedText(combine_adjacent=True, adjacent_separator=" ")
+
+        value = [("", None), ("foo", None), ("bar", None)]
+        assert (result_ := component.postprocess(value))
+        assert result_.model_dump() == [
+            {"token": "foo bar", "class_or_confidence": None}
+        ]
+
+        value = [("foo", None), ("", None), ("bar", None)]
+        assert (result_ := component.postprocess(value))
+        assert result_.model_dump() == [
+            {"token": "foo bar", "class_or_confidence": None}
+        ]
+
+        text = "Wolfgang lives in Berlin"
+        entities = [{"entity": "PER", "start": 0, "end": 8}]
+        assert (result_ := component.postprocess({"text": text, "entities": entities}))
+        assert result_.model_dump() == [
+            {"token": "Wolfgang", "class_or_confidence": "PER"},
+            {"token": " lives in Berlin", "class_or_confidence": None},
+        ]
+
+    def test_show_whitespaces(self):
+        component = gr.HighlightedText(show_whitespaces=True)
+        assert (result_ := component.postprocess([(" Hello", "label")]))
+        assert result_.model_dump() == [
+            {"token": " Hello", "class_or_confidence": "label"}
+        ]
+
+        component = gr.HighlightedText(show_whitespaces=False)
+        assert (result_ := component.postprocess([(" Hello", "label")]))
+        assert result_.model_dump() == [
+            {"token": "Hello", "class_or_confidence": "label"}
+        ]
+
+    def test_component_functions(self):
+        """
+        get_config
+        """
+        ht_output = gr.HighlightedText(color_map={"pos": "green", "neg": "red"})
+        assert ht_output.get_config() == {
+            "color_map": {"pos": "green", "neg": "red"},
+            "name": "highlightedtext",
+            "show_label": True,
+            "label": None,
+            "show_legend": False,
+            "show_inline_category": True,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "value": None,
+            "proxy_url": None,
+            "rtl": False,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "combine_adjacent": False,
+            "adjacent_separator": "",
+            "show_whitespaces": True,
+            "interactive": None,
+            "buttons": [],
+        }
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+
+        def highlight_vowels(sentence):
+            phrases, cur_phrase = [], ""
+            vowels, mode = "aeiou", None
+            for letter in sentence:
+                letter_mode = "vowel" if letter in vowels else "non"
+                if mode is None:
+                    mode = letter_mode
+                elif mode != letter_mode:
+                    phrases.append((cur_phrase, mode))
+                    cur_phrase = ""
+                    mode = letter_mode
+                cur_phrase += letter
+            phrases.append((cur_phrase, mode))
+            return phrases
+
+        iface = gr.Interface(highlight_vowels, "text", "highlight")
+        output = iface("Helloooo")
+        assert output == [
+            {"token": "H", "class_or_confidence": "non"},
+            {"token": "e", "class_or_confidence": "vowel"},
+            {"token": "ll", "class_or_confidence": "non"},
+            {"token": "oooo", "class_or_confidence": "vowel"},
+        ]
diff --git a/test/components/test_html.py b/test/components/test_html.py
new file mode 100644
index 0000000..d74ea05
--- /dev/null
+++ b/test/components/test_html.py
@@ -0,0 +1,205 @@
+import warnings
+
+import pytest
+
+import gradio as gr
+
+
+class TestScriptTagWarning:
+    def test_warns_on_script_in_value(self):
+        with pytest.warns(UserWarning, match="<script>"):
+            gr.HTML('<script src="https://3Dmol.org/build/3Dmol-min.js"></script>')
+
+    def test_no_warning_for_plain_html(self):
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")
+            gr.HTML("<h2>Hello</h2>")
+
+
+class TestToPublishFormat:
+    def test_basic_gr_html(self):
+        comp = gr.HTML(
+            value="hello",
+            label="My Label",
+            html_template="<p>${value}</p>",
+            css_template="p { color: red; }",
+            js_on_load="console.log('hi');",
+        )
+        result = comp._to_publish_format(
+            name="My Widget",
+            description="A test widget",
+            author="tester",
+            tags=["test", "widget"],
+        )
+        assert result["id"] == "my-widget"
+        assert result["name"] == "My Widget"
+        assert result["description"] == "A test widget"
+        assert result["author"] == "tester"
+        assert result["tags"] == ["test", "widget"]
+        assert result["html_template"] == "<p>${value}</p>"
+        assert result["css_template"] == "p { color: red; }"
+        assert result["js_on_load"] == "console.log('hi');"
+        assert result["default_props"]["value"] == "hello"
+        assert result["default_props"]["label"] == "My Label"
+        assert result["head"] == ""
+        assert "repo_url" not in result
+        assert "python_code" in result
+
+    def test_name_defaults_to_label(self):
+        comp = gr.HTML(label="Star Rating")
+        result = comp._to_publish_format()
+        assert result["name"] == "Star Rating"
+        assert result["id"] == "star-rating"
+
+    def test_name_defaults_to_untitled(self):
+        comp = gr.HTML()
+        result = comp._to_publish_format()
+        assert result["name"] == "Untitled Component"
+        assert result["id"] == "untitled-component"
+
+    def test_subclass_name_from_class(self):
+        class MyFancyWidget(gr.HTML):
+            def __init__(self):
+                super().__init__(value="test")
+
+        comp = MyFancyWidget()
+        result = comp._to_publish_format()
+        assert result["name"] == "My Fancy Widget"
+        assert result["id"] == "my-fancy-widget"
+
+    def test_subclass_python_code_from_source(self):
+        class SimpleWidget(gr.HTML):
+            def __init__(self):
+                super().__init__(value="x")
+
+        comp = SimpleWidget()
+        result = comp._to_publish_format()
+        assert "class SimpleWidget" in result["python_code"]
+
+    def test_explicit_name_overrides_class_name(self):
+        class MyWidget(gr.HTML):
+            def __init__(self):
+                super().__init__(value="x")
+
+        comp = MyWidget()
+        result = comp._to_publish_format(name="Custom Name")
+        assert result["name"] == "Custom Name"
+        assert result["id"] == "custom-name"
+
+    def test_tags_default_to_empty_list(self):
+        comp = gr.HTML(value="x")
+        result = comp._to_publish_format(name="Test")
+        assert result["tags"] == []
+
+    def test_repo_url_included_when_provided(self):
+        comp = gr.HTML(value="x")
+        result = comp._to_publish_format(
+            name="Test",
+            repo_url="https://github.com/example/repo",
+        )
+        assert result["repo_url"] == "https://github.com/example/repo"
+
+    def test_repo_url_excluded_when_empty(self):
+        comp = gr.HTML(value="x")
+        result = comp._to_publish_format(name="Test", repo_url="")
+        assert "repo_url" not in result
+
+    def test_head_included(self):
+        comp = gr.HTML(value="x")
+        result = comp._to_publish_format(
+            name="Test",
+            head='<script src="https://cdn.example.com/lib.js"></script>',
+        )
+        assert (
+            result["head"] == '<script src="https://cdn.example.com/lib.js"></script>'
+        )
+
+    def test_default_props_includes_custom_props(self):
+        comp = gr.HTML(
+            value="hello",
+            html_template="<p>${value} ${color}</p>",
+            color="red",
+        )
+        result = comp._to_publish_format(name="Test")
+        assert result["default_props"]["value"] == "hello"
+        assert result["default_props"]["color"] == "red"
+
+    def test_none_value_becomes_empty_string(self):
+        comp = gr.HTML(value=None)
+        result = comp._to_publish_format(name="Test")
+        assert result["default_props"]["value"] == ""
+
+    def test_none_js_on_load_becomes_empty_string(self):
+        comp = gr.HTML(value="x", js_on_load=None)
+        result = comp._to_publish_format(name="Test")
+        assert result["js_on_load"] == ""
+
+    def test_id_slugification(self):
+        comp = gr.HTML(value="x")
+        result = comp._to_publish_format(name="  Hello World!!! ")
+        assert result["id"] == "hello-world"
+
+    def test_id_slugification_special_chars(self):
+        comp = gr.HTML(value="x")
+        result = comp._to_publish_format(name="3D Camera Control")
+        assert result["id"] == "3d-camera-control"
+
+
+class TestHTML:
+    def test_component_functions(self):
+        """
+        get_config
+        """
+        html_component = gr.components.HTML("#Welcome onboard", label="HTML Input")
+        assert html_component.get_config() == {
+            "_retryable": False,
+            "_selectable": False,
+            "_undoable": False,
+            "apply_default_css": True,
+            "autoscroll": False,
+            "component_class_name": "HTML",
+            "container": False,
+            "css_template": "",
+            "elem_classes": [],
+            "elem_id": None,
+            "html_template": "${value}",
+            "head": None,
+            "js_on_load": "element.addEventListener('click', function() { trigger('click') });",
+            "key": None,
+            "label": "HTML Input",
+            "likeable": False,
+            "max_height": None,
+            "min_height": None,
+            "min_width": None,
+            "name": "html",
+            "padding": False,
+            "preserved_by_key": [
+                "value",
+            ],
+            "props": {},
+            "proxy_url": None,
+            "scale": None,
+            "show_label": False,
+            "streamable": False,
+            "value": "#Welcome onboard",
+            "visible": True,
+            "buttons": [],
+        }
+
+    def test_layout_parameters(self):
+        html_component = gr.HTML(
+            "<strong>Welcome onboard</strong>", scale=2, min_width=120
+        )
+        assert html_component.get_config()["scale"] == 2
+        assert html_component.get_config()["min_width"] == 120
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+
+        def bold_text(text):
+            return f"<strong>{text}</strong>"
+
+        iface = gr.Interface(bold_text, "text", "html")
+        assert iface("test") == "<strong>test</strong>"
diff --git a/test/components/test_image.py b/test/components/test_image.py
new file mode 100644
index 0000000..cdce5fd
--- /dev/null
+++ b/test/components/test_image.py
@@ -0,0 +1,143 @@
+from pathlib import Path
+from typing import cast
+
+import numpy as np
+import PIL
+import pytest
+from gradio_client import utils as client_utils
+
+import gradio as gr
+from gradio.components.image import ImageData  # type: ignore
+from gradio.exceptions import Error
+from gradio.media import get_image
+
+
+class TestImage:
+    def test_component_functions(self, gradio_temp_dir, media_data):
+        """
+        Preprocess, postprocess, serialize, get_config, _segment_by_slic
+        type: pil, file, filepath, numpy
+        """
+
+        img = ImageData(path=get_image("bus.png"), orig_name="bus.png")
+        image_input = gr.Image()
+
+        image_input = gr.Image(type="filepath", image_mode="L")
+        image_temp_filepath = image_input.preprocess(img)
+        assert image_temp_filepath in [
+            str(f) for f in gradio_temp_dir.glob("**/*") if f.is_file()
+        ]
+
+        image_input = gr.Image(type="pil", label="Upload Your Image")
+        assert image_input.get_config() == {
+            "image_mode": "RGB",
+            "sources": ["upload", "webcam", "clipboard"],
+            "name": "image",
+            "buttons": ["download", "share", "fullscreen"],
+            "streaming": False,
+            "show_label": True,
+            "label": "Upload Your Image",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "height": None,
+            "width": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "value": None,
+            "interactive": None,
+            "format": "webp",
+            "proxy_url": None,
+            "webcam_options": {"constraints": None, "mirror": True},
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "streamable": False,
+            "type": "pil",
+            "placeholder": None,
+            "watermark": {"position": "bottom-right", "watermark": None},
+        }
+        assert image_input.preprocess(None) is None
+        image_input = gr.Image()
+        assert image_input.preprocess(img) is not None
+        image_input.preprocess(img)
+        file_image = gr.Image(type="filepath", image_mode=None)
+        assert Path(img.path).name == Path(str(file_image.preprocess(img))).name  # type: ignore
+        with pytest.raises(ValueError):
+            gr.Image(type="unknown")  # type: ignore
+
+        with pytest.raises(Error):
+            gr.Image().preprocess(
+                ImageData(path="test/test_files/test.svg", orig_name="test.svg")
+            )
+
+        string_source = gr.Image(sources="upload")
+        assert string_source.sources == ["upload"]
+        # Output functionalities
+        image_output = gr.Image(type="pil")
+        processed_image = image_output.postprocess(
+            PIL.Image.open(img.path)  # type: ignore
+        ).model_dump()  # type: ignore
+        assert processed_image is not None
+        if processed_image is not None:
+            processed = PIL.Image.open(cast(dict, processed_image).get("path", ""))  # type: ignore
+            source = PIL.Image.open(img.path)  # type: ignore
+            assert processed.size == source.size
+
+    def test_in_interface_as_output(self):
+        """
+        Interface, process
+        """
+
+        def generate_noise(height, width):
+            return np.random.randint(0, 256, (height, width, 3))
+
+        iface = gr.Interface(generate_noise, ["slider", "slider"], "image")
+        assert iface(10, 20).endswith(".webp")
+
+    def test_static(self, media_data):
+        """
+        postprocess
+        """
+        component = gr.Image("test/test_files/bus.png")
+        value = component.get_config().get("value")
+        assert value is not None
+        base64 = client_utils.encode_file_to_base64(value["path"])
+        assert base64 == media_data.BASE64_IMAGE
+        component = gr.Image(None)
+        assert component.get_config().get("value") is None
+
+    def test_images_upright_after_preprocess(self):
+        component = gr.Image(type="pil")
+        file_path = "test/test_files/rotated_image.jpeg"
+        im = PIL.Image.open(file_path)  # type: ignore
+        assert im.getexif().get(274) != 1
+        image = component.preprocess(ImageData(path=file_path))
+        assert image == PIL.ImageOps.exif_transpose(im)  # type: ignore
+
+    def test_image_format_parameter(self):
+        component = gr.Image(type="filepath", format="jpeg")
+        file_path = "test/test_files/bus.png"
+        assert (image := component.postprocess(file_path))
+        assert image.path.endswith("png")  # type: ignore
+        assert (
+            image := component.postprocess(
+                np.random.randint(0, 256, (100, 100, 3), dtype=np.uint8)
+            )
+        )
+        assert image.path.endswith("jpeg")  # type: ignore
+
+        assert (
+            image_pre := component.preprocess(
+                ImageData(path=file_path, orig_name="bus.png")
+            )
+        )
+        assert isinstance(image_pre, str)
+        assert image_pre.endswith("png")
+
+        image_pre = component.preprocess(
+            ImageData(path="test/test_files/cheetah1.jpg", orig_name="cheetah1.jpg")
+        )
+        assert isinstance(image_pre, str)
+        assert image_pre.endswith("jpg")
diff --git a/test/components/test_image_editor.py b/test/components/test_image_editor.py
new file mode 100644
index 0000000..ba75b89
--- /dev/null
+++ b/test/components/test_image_editor.py
@@ -0,0 +1,98 @@
+import gradio as gr
+from gradio.components.image_editor import EditorData, EditorValue
+from gradio.data_classes import FileData
+
+
+class TestImageEditor:
+    def test_component_functions(self):
+        test_image_path = "test/test_files/bus.png"
+        image_data = FileData(path=test_image_path)
+        image_editor_data = EditorData(
+            background=image_data, layers=[image_data, image_data], composite=image_data
+        )
+        payload: EditorValue = {
+            "background": test_image_path,
+            "layers": [test_image_path, test_image_path],
+            "composite": test_image_path,
+        }
+
+        image_editor_component = gr.ImageEditor()
+
+        assert isinstance(image_editor_component.preprocess(image_editor_data), dict)
+        assert image_editor_component.postprocess(payload) == image_editor_data
+
+        # Test that ImageEditor can accept just a filepath as well
+        simpler_data = EditorData(
+            background=image_data, layers=[], composite=image_data
+        )
+        assert image_editor_component.postprocess(test_image_path) == simpler_data
+        print(image_editor_component.get_config())
+
+        assert image_editor_component.get_config() == {
+            "value": None,
+            "height": None,
+            "width": None,
+            "image_mode": "RGBA",
+            "sources": ["upload", "webcam", "clipboard"],
+            "type": "numpy",
+            "label": None,
+            "show_label": True,
+            "container": True,
+            "scale": None,
+            "min_width": 160,
+            "interactive": None,
+            "visible": True,
+            "elem_id": None,
+            "elem_classes": [],
+            "webcam_options": {"constraints": None, "mirror": True},
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "transforms": ["crop", "resize"],
+            "eraser": {"default_size": "auto"},
+            "brush": {
+                "default_size": "auto",
+                "colors": [
+                    "rgb(204, 50, 50)",
+                    "rgb(173, 204, 50)",
+                    "rgb(50, 204, 112)",
+                    "rgb(50, 112, 204)",
+                    "rgb(173, 50, 204)",
+                ],
+                "default_color": "rgb(204, 50, 50)",
+                "color_mode": "defaults",
+            },
+            "proxy_url": None,
+            "name": "imageeditor",
+            "server_fns": ["accept_blobs"],
+            "format": "webp",
+            "layers": {
+                "allow_additional_layers": True,
+                "layers": ["Layer 1"],
+                "disabled": False,
+            },
+            "canvas_size": [800, 800],
+            "placeholder": None,
+            "buttons": None,
+            "fixed_canvas": False,
+        }
+
+    def test_brush_false_eraser_false_config(self):
+        editor = gr.ImageEditor(
+            brush=False,
+            eraser=False,
+            transforms=("crop",),
+            sources=("upload", "clipboard"),
+            layers=False,
+        )
+        config = editor.get_config()
+        assert config["brush"] is False
+        assert config["eraser"] is False
+        assert config["transforms"] == ["crop"]
+
+    def test_process_example(self):
+        test_image_path = "test/test_files/bus.png"
+        image_editor = gr.ImageEditor()
+        example_value = image_editor.process_example(test_image_path)
+        assert isinstance(example_value, EditorData)
+        assert example_value.background and example_value.background.path
diff --git a/test/components/test_json.py b/test/components/test_json.py
new file mode 100644
index 0000000..7048a0c
--- /dev/null
+++ b/test/components/test_json.py
@@ -0,0 +1,115 @@
+import json
+
+import numpy as np
+import pytest
+
+import gradio as gr
+
+
+class TestJSON:
+    def test_component_functions(self):
+        """
+        Postprocess
+        """
+        js_output = gr.JSON()
+        assert js_output.postprocess('{"a":1, "b": 2}'), '"{\\"a\\":1, \\"b\\": 2}"'
+        assert js_output.get_config() == {
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "buttons": ["copy"],
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "value": None,
+            "show_label": True,
+            "label": None,
+            "height": None,
+            "name": "json",
+            "proxy_url": None,
+            "_selectable": False,
+            "open": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "show_indices": False,
+            "max_height": 500,
+            "min_height": None,
+        }
+        js_component = gr.Json(value={"a": 1, "b": 2})
+        assert js_component.get_config()["value"] == {"a": 1, "b": 2}
+
+    def test_chatbot_selectable_in_config(self):
+        with gr.Blocks() as demo:
+            cb = gr.Chatbot(label="Chatbot")
+            cb.like(lambda: print("foo"))
+            gr.Chatbot(label="Chatbot2")
+
+        assertion_count = 0
+        for component in demo.config["components"]:
+            if component["props"]["label"] == "Chatbot":
+                assertion_count += 1
+                assert component["props"]["likeable"]
+            elif component["props"]["label"] == "Chatbot2":
+                assertion_count += 1
+                assert not component["props"]["likeable"]
+
+        assert assertion_count == 2
+
+    @pytest.mark.asyncio
+    async def test_in_interface(self):
+        """
+        Interface, process
+        """
+
+        def get_avg_age_per_gender(data):
+            return {
+                "M": int(data[data["gender"] == "M"]["age"].mean()),
+                "F": int(data[data["gender"] == "F"]["age"].mean()),
+                "O": int(data[data["gender"] == "O"]["age"].mean()),
+            }
+
+        iface = gr.Interface(
+            get_avg_age_per_gender,
+            gr.Dataframe(headers=["gender", "age"]),
+            "json",
+        )
+        y_data = [
+            ["M", 30],
+            ["F", 20],
+            ["M", 40],
+            ["O", 20],
+            ["F", 30],
+        ]
+        assert (
+            await iface.process_api(0, [{"data": y_data, "headers": ["gender", "age"]}])
+        )["data"][0].model_dump() == {
+            "M": 35,
+            "F": 25,
+            "O": 20,
+        }
+
+    @pytest.mark.asyncio
+    async def test_dict_with_path_key_not_moved(self):
+        iface = gr.Interface(lambda x: x, "json", "json")
+        y_data = {"assets": {"path": "foo"}}
+        assert (await iface.process_api(0, [y_data]))["data"][0].model_dump() == y_data
+
+    @pytest.mark.parametrize(
+        "value, expected",
+        [
+            (None, None),
+            (True, True),
+            ([1, 2, 3], [1, 2, 3]),
+            ([np.array([1, 2, 3])], [[1, 2, 3]]),
+            ({"foo": [1, 2, 3]}, {"foo": [1, 2, 3]}),
+            ({"foo": np.array([1, 2, 3])}, {"foo": [1, 2, 3]}),
+        ],
+    )
+    def test_postprocess_returns_json_serializable_value(self, value, expected):
+        json_component = gr.JSON()
+        postprocessed_value = json_component.postprocess(value)
+        if postprocessed_value is None:
+            assert value is None
+        else:
+            assert postprocessed_value.model_dump() == expected
+            assert json.loads(json.dumps(postprocessed_value.model_dump())) == expected
diff --git a/test/components/test_label.py b/test/components/test_label.py
new file mode 100644
index 0000000..fbdf08d
--- /dev/null
+++ b/test/components/test_label.py
@@ -0,0 +1,98 @@
+from pathlib import Path
+
+import numpy as np
+import pytest
+
+import gradio as gr
+from gradio import FileData
+
+
+class TestLabel:
+    def test_component_functions(self):
+        """
+        Process, postprocess, deserialize
+        """
+        y = "happy"
+        label_output = gr.Label()
+        label = label_output.postprocess(y).model_dump()  # type: ignore
+        assert label == {"label": "happy", "confidences": None}
+
+        y = {3: 0.7, 1: 0.2, 0: 0.1}
+        label = label_output.postprocess(y).model_dump()  # type: ignore
+        assert label == {
+            "label": 3,
+            "confidences": [
+                {"label": 3, "confidence": 0.7},
+                {"label": 1, "confidence": 0.2},
+                {"label": 0, "confidence": 0.1},
+            ],
+        }
+        label_output = gr.Label(num_top_classes=2)
+        label = label_output.postprocess(y).model_dump()  # type: ignore
+
+        assert label == {
+            "label": 3,
+            "confidences": [
+                {"label": 3, "confidence": 0.7},
+                {"label": 1, "confidence": 0.2},
+            ],
+        }
+        with pytest.raises(ValueError):
+            label_output.postprocess([1, 2, 3]).model_dump()  # type: ignore
+
+        test_file_dir = Path(__file__).parent.parent / "test_files"
+        path = str(test_file_dir / "test_label_json.json")
+        label_dict = label_output.postprocess(path).model_dump()  # type: ignore
+        assert label_dict["label"] == "web site"
+
+        assert label_output.get_config() == {
+            "name": "label",
+            "show_label": True,
+            "num_top_classes": 2,
+            "value": {},
+            "label": None,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "proxy_url": None,
+            "color": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "show_heading": True,
+            "buttons": [],
+        }
+
+    def test_color_argument(self):
+        label = gr.Label(value=-10, color="red")
+        assert label.get_config()["color"] == "red"
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+        x_img = FileData(path="test/test_files/bus.png")
+
+        def rgb_distribution(img):
+            rgb_dist = np.mean(img, axis=(0, 1))
+            rgb_dist /= np.sum(rgb_dist)
+            rgb_dist = np.round(rgb_dist, decimals=2)
+            return {
+                "red": rgb_dist[0],
+                "green": rgb_dist[1],
+                "blue": rgb_dist[2],
+            }
+
+        iface = gr.Interface(rgb_distribution, "image", "label")
+        output = iface(x_img)
+        assert output == {
+            "label": "red",
+            "confidences": [
+                {"label": "red", "confidence": 0.44},
+                {"label": "green", "confidence": 0.28},
+                {"label": "blue", "confidence": 0.28},
+            ],
+        }
diff --git a/test/components/test_markdown.py b/test/components/test_markdown.py
new file mode 100644
index 0000000..4a2b0dd
--- /dev/null
+++ b/test/components/test_markdown.py
@@ -0,0 +1,28 @@
+import gradio as gr
+
+
+class TestMarkdown:
+    def test_component_functions(self):
+        markdown_component = gr.Markdown("# Let's learn about $x$", label="Markdown")
+        assert markdown_component.get_config()["value"] == "# Let's learn about $x$"
+        assert not markdown_component.get_config()["buttons"]
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: x, "text", "markdown")
+        input_data = "    Here's an [image](https://gradio.app/images/gradio_logo.png)"
+        output_data = iface(input_data)
+        assert output_data == input_data.strip()
+
+    def test_show_copy_button(self):
+        markdown_component = gr.Markdown("# Let's learn about $x$", buttons=["copy"])
+        assert markdown_component.get_config()["buttons"] == ["copy"]
+
+    def test_layout_parameters(self):
+        markdown_component = gr.Markdown(
+            "# Let's learn about $x$", scale=2, min_width=120
+        )
+        assert markdown_component.get_config()["scale"] == 2
+        assert markdown_component.get_config()["min_width"] == 120
diff --git a/test/components/test_model3d.py b/test/components/test_model3d.py
new file mode 100644
index 0000000..329c515
--- /dev/null
+++ b/test/components/test_model3d.py
@@ -0,0 +1,51 @@
+from pathlib import Path
+
+import gradio as gr
+
+
+class TestModel3D:
+    def test_component_functions(self):
+        """
+        get_config
+        """
+        model_component = gr.components.Model3D(None, label="Model")
+        assert model_component.get_config() == {
+            "value": None,
+            "display_mode": None,
+            "clear_color": [0, 0, 0, 0],
+            "label": "Model",
+            "show_label": True,
+            "container": True,
+            "scale": None,
+            "min_width": 160,
+            "visible": True,
+            "elem_id": None,
+            "elem_classes": [],
+            "proxy_url": None,
+            "interactive": None,
+            "name": "model3d",
+            "camera_position": [None, None, None],
+            "height": None,
+            "zoom_speed": 1,
+            "pan_speed": 1,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "buttons": [],
+        }
+
+        file = "test/test_files/Box.gltf"
+        output1 = model_component.postprocess(file)
+        output2 = model_component.postprocess(Path(file))
+        assert output1
+        assert output2
+        assert Path(output1.path).name == Path(output2.path).name
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: x, "model3d", "model3d")
+        input_data = "test/test_files/Box.gltf"
+        output_data = iface(input_data)
+        assert output_data.endswith(".gltf")
diff --git a/test/components/test_native_plots.py b/test/components/test_native_plots.py
new file mode 100644
index 0000000..c099de2
--- /dev/null
+++ b/test/components/test_native_plots.py
@@ -0,0 +1,32 @@
+import gradio as gr
+
+from .plot_data import barley, simple
+
+
+class TestNativePlot:
+    def test_plot_recognizes_correct_datatypes(self):
+        plot = gr.BarPlot(
+            value=simple,
+            x="date",
+            y="b",
+        )
+        assert plot.value["datatypes"]["date"] == "temporal"
+        assert plot.value["datatypes"]["b"] == "quantitative"
+
+        plot = gr.BarPlot(
+            value=simple,
+            x="a",
+            y="b",
+            color="c",
+        )
+        assert plot.value["datatypes"]["a"] == "nominal"
+        assert plot.value["datatypes"]["b"] == "quantitative"
+        assert plot.value["datatypes"]["c"] == "quantitative"
+
+    def test_plot_accepts_fn_as_value(self):
+        plot = gr.BarPlot(
+            value=lambda: barley.sample(frac=0.1, replace=False),
+            x="year",
+            y="yield",
+        )
+        assert plot.value["mark"] == "bar"
diff --git a/test/components/test_number.py b/test/components/test_number.py
new file mode 100644
index 0000000..d5050c7
--- /dev/null
+++ b/test/components/test_number.py
@@ -0,0 +1,153 @@
+import pytest
+
+import gradio as gr
+
+
+class TestNumber:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, get_config
+
+        """
+        numeric_input = gr.Number(elem_id="num", elem_classes="first")
+        assert numeric_input.preprocess(3) == 3.0
+        assert numeric_input.preprocess(None) is None
+        assert numeric_input.postprocess(3) == 3
+        assert numeric_input.postprocess(3) == 3.0
+        assert numeric_input.postprocess(2.14) == 2.14
+        assert numeric_input.postprocess(None) is None
+        assert numeric_input.get_config() == {
+            "value": None,
+            "name": "number",
+            "show_label": True,
+            "step": 1,
+            "label": None,
+            "minimum": None,
+            "maximum": None,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": "num",
+            "elem_classes": ["first"],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "info": None,
+            "precision": None,
+            "placeholder": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "buttons": [],
+        }
+
+    def test_component_functions_integer(self):
+        """
+        Preprocess, postprocess, serialize, get_template_context
+
+        """
+        numeric_input = gr.Number(precision=0, value=42)
+        assert numeric_input.preprocess(3) == 3
+        assert numeric_input.preprocess(None) is None
+        assert numeric_input.postprocess(3) == 3
+        assert numeric_input.postprocess(3) == 3
+        assert numeric_input.postprocess(2.85) == 3
+        assert numeric_input.postprocess(None) is None
+        assert numeric_input.get_config() == {
+            "value": 42,
+            "name": "number",
+            "show_label": True,
+            "step": 1,
+            "label": None,
+            "minimum": None,
+            "maximum": None,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "info": None,
+            "precision": 0,
+            "placeholder": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "buttons": [],
+        }
+
+    def test_component_functions_precision(self):
+        """
+        Preprocess, postprocess, serialize, get_template_context
+
+        """
+        numeric_input = gr.Number(precision=2, value=42.3428)
+        assert numeric_input.preprocess(3.231241) == 3.23
+        assert numeric_input.preprocess(None) is None
+        assert numeric_input.postprocess(-42.1241) == -42.12
+        assert numeric_input.postprocess(5.6784) == 5.68
+        assert numeric_input.postprocess(2.1421) == 2.14
+        assert numeric_input.postprocess(None) is None
+
+    def test_raise_if_out_of_bounds(self):
+        """
+        raise_if_out_of_bounds
+        """
+        numeric_input = gr.Number(precision=2, minimum=0, maximum=10)
+        numeric_input.preprocess(5)
+        with pytest.raises(gr.Error):
+            numeric_input.preprocess(11)
+        with pytest.raises(gr.Error):
+            numeric_input.preprocess(-1)
+
+    def test_precision_none_with_integer(self):
+        """
+        Preprocess, postprocess
+        """
+        numeric_input = gr.Number(precision=None)
+        assert numeric_input.preprocess(5) == 5
+        assert isinstance(numeric_input.preprocess(5), int)
+        assert numeric_input.postprocess(5) == 5
+        assert isinstance(numeric_input.postprocess(5), int)
+
+    def test_precision_none_with_float(self):
+        """
+        Preprocess, postprocess
+        """
+        numeric_input = gr.Number(value=5.5, precision=None)
+        assert numeric_input.preprocess(5.5) == 5.5
+        assert isinstance(numeric_input.preprocess(5.5), float)
+        assert numeric_input.postprocess(5.5) == 5.5
+        assert isinstance(numeric_input.postprocess(5.5), float)
+
+    def test_in_interface_as_input(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: x**2, "number", "textbox")
+        assert iface(2) == "4"
+
+    def test_precision_0_in_interface(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: x**2, gr.Number(precision=0), "textbox")
+        assert iface(2) == "4"
+
+    def test_in_interface_as_output(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: int(x) ** 2, "textbox", "number")
+        assert iface(2) == 4.0
+
+    def test_static(self):
+        """
+        postprocess
+        """
+        component = gr.Number()
+        assert component.get_config().get("value") is None
+        component = gr.Number(3)
+        assert component.get_config().get("value") == 3.0
diff --git a/test/components/test_plot.py b/test/components/test_plot.py
new file mode 100644
index 0000000..545fb0b
--- /dev/null
+++ b/test/components/test_plot.py
@@ -0,0 +1,98 @@
+import matplotlib.pyplot as plt
+import pytest
+
+import gradio as gr
+from gradio import utils
+
+
+class TestPlot:
+    @pytest.mark.asyncio
+    async def test_in_interface_as_output(self):
+        """
+        Interface, process
+        """
+
+        def plot(num):
+            import matplotlib.pyplot as plt
+
+            fig = plt.figure()
+            plt.plot(range(num), range(num))
+            return fig
+
+        iface = gr.Interface(plot, "slider", "plot")
+        with utils.MatplotlibBackendMananger():
+            output = await iface.process_api(block_fn=0, inputs=[10])
+        assert output["data"][0]["type"] == "matplotlib"
+        assert output["data"][0]["plot"].startswith("data:image/webp;base64")
+
+    def test_static(self):
+        """
+        postprocess
+        """
+        with utils.MatplotlibBackendMananger():
+            import matplotlib.pyplot as plt
+
+            fig = plt.figure()
+            plt.plot([1, 2, 3], [1, 2, 3])
+
+        component = gr.Plot(fig)
+        assert component.get_config().get("value") is not None
+        component = gr.Plot(None)
+        assert component.get_config().get("value") is None
+
+    def test_postprocess_altair(self):
+        import altair as alt
+        from vega_datasets import data
+
+        cars = data.cars()
+        chart = (
+            alt.Chart(cars)
+            .mark_point()
+            .encode(
+                x="Horsepower",
+                y="Miles_per_Gallon",
+                color="Origin",
+            )
+        )
+        assert (out := gr.Plot().postprocess(chart))
+        out = out.model_dump()
+        assert isinstance(out["plot"], str)
+        assert out["plot"] == chart.to_json()
+
+    def test_postprocess_closes_matplotlib_figure(self):
+        """
+        postprocess
+        """
+        with utils.MatplotlibBackendMananger():
+            plt.close("all")
+            component = gr.Plot()
+            fig = plt.figure()
+            plt.plot([1, 2, 3], [1, 2, 3])
+            component.postprocess(fig)
+            assert not plt.get_fignums()
+
+    def test_postprocess_accepts_closed_figure(self):
+        """
+        postprocess
+        """
+        with utils.MatplotlibBackendMananger():
+            component = gr.Plot(format="png")
+            fig = plt.figure()
+            plt.plot([1, 2, 3], [1, 2, 3])
+            first = component.postprocess(fig)
+            second = component.postprocess(fig)
+            assert first and second and first.plot == second.plot
+
+    def test_plot_format_parameter(self):
+        """
+        postprocess
+        """
+        with utils.MatplotlibBackendMananger():
+            import matplotlib.pyplot as plt
+
+            fig = plt.figure()
+            plt.plot([1, 2, 3], [1, 2, 3])
+
+        component = gr.Plot(format="jpeg")
+        assert (result := component.postprocess(fig))
+        assert result.plot.startswith("data:image/jpeg")
diff --git a/test/components/test_radio.py b/test/components/test_radio.py
new file mode 100644
index 0000000..ceadf9d
--- /dev/null
+++ b/test/components/test_radio.py
@@ -0,0 +1,71 @@
+import pytest
+
+import gradio as gr
+
+
+class TestRadio:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, get_config
+
+        """
+        radio_input = gr.Radio(["a", "b", "c"])
+        assert radio_input.preprocess("c") == "c"
+        assert radio_input.postprocess("a") == "a"
+
+        # Check that the error message clearly indicates the error source in cases where data
+        # representation could be ambiguous e.g. "1" (str) vs 1 (int)
+        radio_input = gr.Radio([1, 2, 3])
+        # Since pytest.raises takes a regular expression in the `match` argument, we need to escape brackets
+        # that have special meaning in regular expressions
+        expected_error_message = r"Value: '1' \(type: <class 'str'>\) is not in the list of choices: \[1, 2, 3\]"
+        with pytest.raises(gr.Error, match=expected_error_message):
+            radio_input.preprocess("1")
+
+        radio_input = gr.Radio(
+            choices=["a", "b", "c"], value="a", label="Pick Your One Input"
+        )
+        assert radio_input.get_config() == {
+            "choices": [("a", "a"), ("b", "b"), ("c", "c")],
+            "value": "a",
+            "name": "radio",
+            "show_label": True,
+            "label": "Pick Your One Input",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "type": "value",
+            "info": None,
+            "rtl": False,
+            "buttons": [],
+        }
+
+        radio = gr.Radio(choices=["a", "b"], type="index")
+        assert radio.preprocess("a") == 0
+        assert radio.preprocess("b") == 1
+        with pytest.raises(gr.Error):
+            radio.preprocess("c")
+
+        # When a Gradio app is loaded with gr.load, the tuples are converted to lists,
+        # so we need to test that case as well
+        radio = gr.Radio(["a", "b", ["c", "c full"]])  # type: ignore
+        assert radio.choices == [("a", "a"), ("b", "b"), ("c", "c full")]
+
+        with pytest.raises(ValueError):
+            gr.Radio(["a", "b"], type="unknown")  # type: ignore
+
+    def test_in_interface(self):
+        """
+        Interface, process
+        """
+        radio_input = gr.Radio(["a", "b", "c"])
+        iface = gr.Interface(lambda x: 2 * x, radio_input, "textbox")
+        assert iface("c") == "cc"
diff --git a/test/components/test_slider.py b/test/components/test_slider.py
new file mode 100644
index 0000000..c866bd0
--- /dev/null
+++ b/test/components/test_slider.py
@@ -0,0 +1,102 @@
+from unittest.mock import patch
+
+import pytest
+
+import gradio as gr
+
+
+class TestSlider:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, get_config
+        """
+        slider_input = gr.Slider()
+        assert slider_input.preprocess(3.0) == 3.0
+        assert slider_input.postprocess(3) == 3
+        assert slider_input.postprocess(3) == 3
+        assert slider_input.postprocess(None) == 0
+
+        slider_input = gr.Slider(10, 20, value=15, step=1, label="Slide Your Input")
+        assert slider_input.get_config() == {
+            "minimum": 10,
+            "maximum": 20,
+            "step": 1,
+            "precision": None,
+            "value": 15,
+            "name": "slider",
+            "show_label": True,
+            "buttons": None,
+            "label": "Slide Your Input",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "info": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+        }
+
+    def test_in_interface(self):
+        """ "
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: x**2, "slider", "textbox")
+        assert iface(2) == "4"
+
+    def test_static(self):
+        """
+        postprocess
+        """
+        component = gr.Slider(0, 100, 5)
+        assert component.get_config().get("value") == 5
+        component = gr.Slider(0, 100, None)
+        assert component.get_config().get("value") == 0
+
+    @patch("gradio.Slider.get_random_value", return_value=7)
+    def test_slider_get_random_value_on_load(self, mock_get_random_value):
+        slider = gr.Slider(minimum=-5, maximum=10, randomize=True)
+        assert slider.value == 7
+        assert slider.load_event_to_attach
+        assert slider.load_event_to_attach[0]() == 7
+        assert not slider.load_event_to_attach[1]
+
+    @patch("random.randint", return_value=3)
+    def test_slider_rounds_when_using_default_randomizer(self, mock_randint):
+        slider = gr.Slider(minimum=0, maximum=1, randomize=True, step=0.1)
+        # If get_random_value didn't round, this test would fail
+        # because 0.30000000000000004 != 0.3
+        assert slider.get_random_value() == 0.3
+        mock_randint.assert_called()
+
+    def test_raise_if_out_of_bounds(self):
+        """
+        raise_if_out_of_bounds
+        """
+        slider = gr.Slider(precision=2, minimum=0, maximum=10)
+        slider.preprocess(5)
+        with pytest.raises(gr.Error):
+            slider.preprocess(11)
+        with pytest.raises(gr.Error):
+            slider.preprocess(-1)
+
+    def test_precision(self):
+        """
+        Preprocess, postprocess
+        """
+        slider = gr.Slider(precision=None)
+        assert slider.preprocess(5.1) == 5.1
+        assert slider.api_info()["type"] == "number"
+
+        slider = gr.Slider(precision=0)
+        assert slider.preprocess(5.1) == 5
+        assert slider.api_info()["type"] == "integer"
+
+    @pytest.mark.parametrize("minimum,maximum", [(5, 5), (10, 5)])
+    def test_slider_requires_minimum_less_than_maximum(self, minimum, maximum):
+        with pytest.raises(ValueError, match="minimum must be less than maximum"):
+            gr.Slider(minimum=minimum, maximum=maximum)
diff --git a/test/components/test_state.py b/test/components/test_state.py
new file mode 100644
index 0000000..9a60b1b
--- /dev/null
+++ b/test/components/test_state.py
@@ -0,0 +1,95 @@
+import pytest
+from pydantic import BaseModel
+
+import gradio as gr
+from gradio.state_holder import SessionState
+
+
+class TestModel(BaseModel):
+    name: str
+
+
+class TestState:
+    def test_as_component(self):
+        state = gr.State(value=5)
+        assert state.preprocess(10) == 10
+        assert state.preprocess("abc") == "abc"
+        assert state.stateful
+
+    def test_initial_value_deepcopy(self):
+        with pytest.raises(TypeError):
+            gr.State(value=gr)  # modules are not deepcopyable
+
+    def test_initial_value_pydantic(self):
+        state = gr.State(value=TestModel(name="Freddy"))
+        assert isinstance(state.value, TestModel)
+
+    @pytest.mark.asyncio
+    async def test_callable_default_is_called_before_load_event(self):
+        with gr.Blocks() as demo:
+            state = gr.State(value=lambda: {"count": 42})
+            num = gr.Number()
+            btn = gr.Button()
+            btn.click(lambda s: s["count"], state, num)
+
+        session = SessionState(demo)
+        result = await demo.process_api(0, [None], state=session)
+        assert result["data"][0] == 42
+
+    @pytest.mark.asyncio
+    async def test_in_interface(self):
+        def test(x, y=" def"):
+            return (x + y, x + y)
+
+        io = gr.Interface(test, ["text", "state"], ["text", "state"])
+        result = await io.call_function(0, ["abc"])
+        assert result["prediction"][0] == "abc def"
+        result = await io.call_function(0, ["abc", result["prediction"][0]])
+        assert result["prediction"][0] == "abcabc def"
+
+    @pytest.mark.asyncio
+    async def test_in_blocks(self):
+        with gr.Blocks() as demo:
+            score = gr.State()
+            btn = gr.Button()
+            btn.click(lambda x: x + 1, score, score)
+
+        result = await demo.call_function(0, [0])
+        assert result["prediction"] == 1
+        result = await demo.call_function(0, [result["prediction"]])
+        assert result["prediction"] == 2
+
+    @pytest.mark.asyncio
+    async def test_update_with_gr_update(self):
+        """Test that gr.update(value=...) works with gr.State components."""
+        with gr.Blocks() as demo:
+            state = gr.State(value=False)
+            btn = gr.Button()
+            # First function sets state to True using gr.update
+            btn.click(lambda: gr.update(value=True), None, state)
+            # Second function returns the current state value
+            btn2 = gr.Button()
+            btn2.click(lambda x: x, state, state)
+
+        # Call first function to set state to True
+        result = await demo.call_function(0, [])
+        # The prediction is the raw return value (gr.update dict)
+        assert result["prediction"] == {"__type__": "update", "value": True}
+
+        # Call second function to verify state was actually updated
+        result = await demo.call_function(1, [True])  # Pass True as current state
+        assert result["prediction"] is True
+
+    @pytest.mark.asyncio
+    async def test_update_with_gr_update_complex_value(self):
+        """Test that gr.update(value=...) works with complex values."""
+        with gr.Blocks() as demo:
+            state = gr.State(value={"count": 0})
+            btn = gr.Button()
+            btn.click(
+                lambda x: gr.update(value={"count": x["count"] + 1}), state, state
+            )
+
+        result = await demo.call_function(0, [{"count": 5}])
+        # The prediction is the raw return value (gr.update dict)
+        assert result["prediction"] == {"__type__": "update", "value": {"count": 6}}
diff --git a/test/components/test_textbox.py b/test/components/test_textbox.py
new file mode 100644
index 0000000..141b306
--- /dev/null
+++ b/test/components/test_textbox.py
@@ -0,0 +1,90 @@
+import pytest
+
+import gradio as gr
+
+
+class TestTextbox:
+    def test_component_functions(self):
+        """
+        Preprocess, postprocess, serialize, tokenize, get_config
+        """
+        text_input = gr.Textbox()
+        assert text_input.preprocess("Hello World!") == "Hello World!"
+        assert text_input.postprocess("Hello World!") == "Hello World!"
+        assert text_input.postprocess(None) is None
+        assert text_input.postprocess("Ali") == "Ali"
+        assert text_input.postprocess(2) == "2"  # type: ignore
+        assert text_input.postprocess(2.14) == "2.14"  # type: ignore
+        assert text_input.get_config() == {
+            "lines": 1,
+            "max_lines": None,
+            "placeholder": None,
+            "value": None,
+            "name": "textbox",
+            "buttons": [],
+            "show_label": True,
+            "type": "text",
+            "label": None,
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "interactive": None,
+            "proxy_url": None,
+            "rtl": False,
+            "text_align": None,
+            "autofocus": False,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "info": None,
+            "autoscroll": True,
+            "max_length": None,
+            "submit_btn": False,
+            "stop_btn": False,
+            "html_attributes": None,
+        }
+
+    @pytest.mark.asyncio
+    async def test_in_interface_as_input(self):
+        """
+        Interface, process
+        """
+        iface = gr.Interface(lambda x: x[::-1], "textbox", "textbox")
+        assert iface("Hello") == "olleH"
+
+    def test_in_interface_as_output(self):
+        """
+        Interface, process
+
+        """
+        iface = gr.Interface(lambda x: x[-1], "textbox", gr.Textbox())
+        assert iface("Hello") == "o"
+        iface = gr.Interface(lambda x: x / 2, "number", gr.Textbox())
+        assert iface(10) == "5.0"
+
+    def test_static(self):
+        """
+        postprocess
+        """
+        component = gr.Textbox("abc")
+        assert component.get_config().get("value") == "abc"
+
+    def test_override_template(self):
+        """
+        override template
+        """
+        component = gr.TextArea(value="abc")
+        assert component.get_config().get("value") == "abc"
+        assert component.get_config().get("lines") == 7
+        component = gr.TextArea(value="abc", lines=4)
+        assert component.get_config().get("value") == "abc"
+        assert component.get_config().get("lines") == 4
+
+    def test_faulty_type(self):
+        with pytest.raises(
+            ValueError, match='`type` must be one of "text", "password", or "email".'
+        ):
+            gr.Textbox(type="boo")  # type: ignore
diff --git a/test/components/test_upload_button.py b/test/components/test_upload_button.py
new file mode 100644
index 0000000..76a6a8c
--- /dev/null
+++ b/test/components/test_upload_button.py
@@ -0,0 +1,34 @@
+import pytest
+
+import gradio as gr
+from gradio.data_classes import FileData, ListFiles
+
+
+class TestUploadButton:
+    def test_component_functions(self, media_data):
+        """
+        preprocess
+        """
+        x_file = FileData(path=media_data.BASE64_FILE["path"])
+        upload_input = gr.UploadButton()
+        input = upload_input.preprocess(x_file)
+        assert isinstance(input, str)
+
+        input1 = upload_input.preprocess(x_file)
+        input2 = upload_input.preprocess(x_file)
+        assert input1 == input1.name  # type: ignore # Testing backwards compatibility
+        assert input1 == input2
+
+    def test_raises_if_file_types_is_not_list(self):
+        with pytest.raises(
+            ValueError, match="Parameter file_types must be a list. Received int"
+        ):
+            gr.UploadButton(file_types=2)  # type: ignore
+
+    def test_preprocess_with_multiple_files(self, media_data):
+        file_data = FileData(path=media_data.BASE64_FILE["path"])
+        list_file_data = ListFiles(root=[file_data, file_data])
+        upload_input = gr.UploadButton(file_count="directory")
+        output = upload_input.preprocess(list_file_data)
+        assert isinstance(output, list)
+        assert isinstance(output[0], str)
diff --git a/test/components/test_video.py b/test/components/test_video.py
new file mode 100644
index 0000000..02fbab0
--- /dev/null
+++ b/test/components/test_video.py
@@ -0,0 +1,235 @@
+import os
+import shutil
+import tempfile
+from copy import deepcopy
+from pathlib import Path
+from unittest.mock import MagicMock, patch
+
+import pytest
+
+import gradio as gr
+from gradio import processing_utils
+from gradio.data_classes import FileData
+
+
+class TestVideo:
+    @pytest.mark.asyncio
+    async def test_component_functions(self, media_data):
+        """
+        Preprocess, serialize, deserialize, get_config
+        """
+        x_video = FileData(path=deepcopy(media_data.BASE64_VIDEO)["path"])
+        video_input = gr.Video()
+
+        x_video = await processing_utils.async_move_files_to_cache(
+            [x_video], video_input
+        )
+        x_video = x_video[0]
+
+        output1 = video_input.preprocess(x_video)
+        assert isinstance(output1, str)
+        output2 = video_input.preprocess(x_video)
+        assert output1 == output2
+
+        video_input = gr.Video(include_audio=False)
+        output1 = video_input.preprocess(x_video)
+        output2 = video_input.preprocess(x_video)
+        assert output1 == output2
+
+        video_input = gr.Video(label="Upload Your Video")
+        assert video_input.get_config() == {
+            "autoplay": False,
+            "sources": ["upload", "webcam"],
+            "name": "video",
+            "buttons": ["download"],
+            "show_label": True,
+            "label": "Upload Your Video",
+            "container": True,
+            "min_width": 160,
+            "scale": None,
+            "height": None,
+            "width": None,
+            "elem_id": None,
+            "elem_classes": [],
+            "visible": True,
+            "playback_position": 0,
+            "value": None,
+            "interactive": None,
+            "proxy_url": None,
+            "webcam_options": {"constraints": None, "mirror": True},
+            "include_audio": True,
+            "format": None,
+            "_selectable": False,
+            "key": None,
+            "preserved_by_key": ["value"],
+            "loop": False,
+            "streaming": False,
+            "watermark": {"watermark": None, "position": "bottom-right"},
+            "subtitles": None,
+        }
+        assert video_input.preprocess(None) is None
+        video_input = gr.Video(format="avi")
+        output_video = video_input.preprocess(x_video)
+        assert output_video
+        assert output_video[-3:] == "avi"
+        assert "flip" not in output_video
+
+        # Output functionalities
+        y_vid_path = "test/test_files/video_sample.mp4"
+        video_output = gr.Video()
+        output1 = video_output.postprocess(y_vid_path)
+        assert output1
+        output1 = output1.model_dump()["path"]
+        assert output1.endswith("mp4")
+        output2 = video_output.postprocess(y_vid_path)
+        assert output2
+        output2 = output2.model_dump()["path"]
+        assert output1 == output2
+        output3 = video_output.postprocess(y_vid_path)
+        assert output3
+        assert output3.model_dump()["orig_name"] == "video_sample.mp4"
+
+        video = gr.Video(format="wav")
+        video_url_with_query_param = "https://github.com/gradio-app/gradio/raw/refs/heads/main/test/test_files/playable_but_bad_container.mp4?query=fake"
+        postprocessed_video_with_query_param = video.postprocess(
+            video_url_with_query_param
+        )
+        assert postprocessed_video_with_query_param
+        assert postprocessed_video_with_query_param.model_dump()["path"].endswith(
+            "playable_but_bad_container.wav"
+        )
+
+        p_video = gr.Video()
+        postprocessed_video = p_video.postprocess(Path(y_vid_path))
+        assert postprocessed_video
+
+        postprocessed_video = postprocessed_video.model_dump()
+
+        processed_video = {
+            "path": "video_sample.mp4",
+            "orig_name": "video_sample.mp4",
+            "mime_type": None,
+            "size": None,
+            "url": None,
+            "is_stream": False,
+            "meta": {"_type": "gradio.FileData"},
+        }
+
+        postprocessed_video["path"] = os.path.basename(postprocessed_video["path"])
+        assert processed_video == postprocessed_video
+
+    def test_in_interface(self, media_data):
+        """
+        Interface, process
+        """
+        x_video = media_data.BASE64_VIDEO["path"]
+        iface = gr.Interface(lambda x: x, "video", "playable_video")
+        assert iface(x_video).endswith(".mp4")
+
+    def test_video_postprocess_converts_to_playable_format(self):
+        test_file_dir = Path(__file__).parent.parent / "test_files"
+        # This file has a playable container but not playable codec
+        with tempfile.NamedTemporaryFile(
+            suffix="bad_video.mp4", delete=False
+        ) as tmp_not_playable_vid:
+            bad_vid = str(test_file_dir / "bad_video_sample.mp4")
+            assert not processing_utils.video_is_playable(bad_vid)
+            shutil.copy(bad_vid, tmp_not_playable_vid.name)
+            output = gr.Video().postprocess(tmp_not_playable_vid.name)
+            assert output
+            output = output.model_dump()
+            assert processing_utils.video_is_playable(output["path"])
+
+        # This file has a playable codec but not a playable container
+        with tempfile.NamedTemporaryFile(
+            suffix="playable_but_bad_container.mkv", delete=False
+        ) as tmp_not_playable_vid:
+            bad_vid = str(test_file_dir / "playable_but_bad_container.mkv")
+            assert not processing_utils.video_is_playable(bad_vid)
+            shutil.copy(bad_vid, tmp_not_playable_vid.name)
+            output = gr.Video().postprocess(tmp_not_playable_vid.name)
+            assert output
+            output = output.model_dump()
+            assert processing_utils.video_is_playable(output["path"])
+
+    @patch("pathlib.Path.exists", MagicMock(return_value=False))
+    @patch("gradio.components.video.FFmpeg")
+    def test_video_preprocessing_flips_video_for_webcam(self, mock_ffmpeg, media_data):
+        # Ensures that the cached temp video file is not used so that ffmpeg is called for each test
+        x_video = FileData(path=media_data.BASE64_VIDEO["path"])
+        video_input = gr.Video(sources=["webcam"])
+        _ = video_input.preprocess(x_video)
+
+        # Dict mapping filename to FFmpeg options
+        output_params = mock_ffmpeg.call_args_list[0][1]["outputs"]
+        assert "hflip" in list(output_params.values())[0]
+        assert "flip" in list(output_params.keys())[0]
+
+        mock_ffmpeg.reset_mock()
+        _ = gr.Video(
+            sources=["webcam"],
+            webcam_options=gr.WebcamOptions(mirror=False),
+            include_audio=True,
+        ).preprocess(x_video)
+        mock_ffmpeg.assert_not_called()
+
+        mock_ffmpeg.reset_mock()
+        _ = gr.Video(sources=["upload"], format="mp4", include_audio=True).preprocess(
+            x_video
+        )
+        mock_ffmpeg.assert_not_called()
+
+        mock_ffmpeg.reset_mock()
+        output_file = gr.Video(
+            sources=["webcam"],
+            webcam_options=gr.WebcamOptions(mirror=True),
+            format="avi",
+        ).preprocess(x_video)
+        assert output_file
+        output_params = mock_ffmpeg.call_args_list[0][1]["outputs"]
+        assert "hflip" in list(output_params.values())[0]
+        assert "flip" in list(output_params.keys())[0]
+        assert ".avi" in list(output_params.keys())[0]
+        assert ".avi" in output_file
+
+        mock_ffmpeg.reset_mock()
+        output_file = gr.Video(
+            sources=["webcam"],
+            webcam_options=gr.WebcamOptions(mirror=False),
+            format="avi",
+            include_audio=False,
+        ).preprocess(x_video)
+        assert output_file
+        output_params = mock_ffmpeg.call_args_list[0][1]["outputs"]
+        assert list(output_params.values())[0] == ["-an"]
+        assert "flip" not in Path(list(output_params.keys())[0]).name
+        assert ".avi" in list(output_params.keys())[0]
+        assert ".avi" in output_file
+
+
+def test_is_video_correct_length():
+    test_file_dir = Path(__file__).parent.parent / "test_files"
+    video_path = str(test_file_dir / "muted_video_sample.mp4")
+    assert (
+        gr.validators.is_video_correct_length(video_path, None, None)["is_valid"]
+        is True
+    )
+    assert (
+        gr.validators.is_video_correct_length(video_path, 1, None)["is_valid"] is True
+    )
+    assert (
+        gr.validators.is_video_correct_length(video_path, 1000, None)["is_valid"]
+        is False
+    )
+    assert (
+        gr.validators.is_video_correct_length(video_path, None, 1000)["is_valid"]
+        is True
+    )
+    assert (
+        gr.validators.is_video_correct_length(video_path, None, 1)["is_valid"] is False
+    )
+    assert (
+        gr.validators.is_video_correct_length(video_path, 1, 1000)["is_valid"] is True
+    )
+    assert gr.validators.is_video_correct_length(video_path, 1, 5)["is_valid"] is True
+    assert gr.validators.is_video_correct_length(video_path, 1, 2)["is_valid"] is False
diff --git a/test/conftest.py b/test/conftest.py
new file mode 100644
index 0000000..402c41d
--- /dev/null
+++ b/test/conftest.py
@@ -0,0 +1,159 @@
+import inspect
+import pathlib
+from contextlib import contextmanager
+
+import pytest
+from gradio_client import Client
+
+import gradio as gr
+import gradio.utils
+
+
+def pytest_configure(config):
+    config.addinivalue_line(
+        "markers", "flaky: mark test as flaky. Failure will not cause te"
+    )
+    config.addinivalue_line("markers", "serial: mark test as serial")
+
+
+@pytest.fixture
+def test_file_dir():
+    return pathlib.Path(pathlib.Path(__file__).parent, "test_files")
+
+
+@pytest.fixture
+def io_components():
+    all_subclasses = gradio.utils.core_gradio_components()
+    subclasses = []
+    for subclass in all_subclasses:
+        if subclass in [
+            gr.components.FormComponent,
+            gr.State,
+            gr.LoginButton,
+            gr.Timer,
+            gr.Dialogue,
+            gr.Navbar,
+        ]:
+            continue
+        if subclass in gr.components.FormComponent.__subclasses__():
+            continue
+
+        if "value" in inspect.signature(subclass.__init__).parameters:
+            subclasses.append(subclass)
+
+    return subclasses
+
+
+@pytest.fixture
+def connect():
+    @contextmanager
+    def _connect(demo: gr.Blocks, **kwargs):
+        _, local_url, _ = demo.launch(prevent_thread_lock=True, **kwargs)
+        try:
+            client = Client(local_url)
+            yield client
+        finally:
+            client.close()  # type: ignore
+            demo.close()
+
+    return _connect
+
+
+@pytest.fixture(autouse=True)
+def gradio_temp_dir(monkeypatch, tmp_path):
+    """tmp_path is unique to each test function.
+    It will be cleared automatically according to pytest docs: https://docs.pytest.org/en/6.2.x/reference.html#tmp-path
+    """
+    monkeypatch.setenv("GRADIO_TEMP_DIR", str(tmp_path))
+    return tmp_path
+
+
+@pytest.fixture(autouse=True)
+def clear_static_files():
+    """Clears all static files from the _StaticFiles class.
+
+    This is necessary because the tests should be independent of one another.
+    """
+    yield
+    from gradio import data_classes
+
+    data_classes._StaticFiles.clear()
+
+
+@pytest.fixture
+def test_mcp_app():
+    """Fixture that creates a test Gradio app with a simple text processing tool for MCP tests."""
+
+    def test_tool(x: str) -> str:
+        """
+        This is a test tool.
+        Parameters:
+        - x: str
+        Returns:
+        - the original value as a string
+        """
+        return str(x)
+
+    with gr.Blocks() as app:
+        t1 = gr.Textbox(label="Test Textbox")
+        t2 = gr.Textbox(label="Test Textbox 2")
+        t1.submit(test_tool, t1, t2)
+
+    return app
+
+
+@pytest.fixture
+def media_data():
+    import sys
+    from pathlib import Path
+
+    sys.path.append(Path("..", "client", "python", "test").resolve().as_posix())
+    from client.python.test import media_data
+
+    return media_data
+
+
+@pytest.fixture
+def stateful_mcp_app():
+    def process(name: str, hidden_state: str, flag: bool, gallery_images):
+        """
+        Process inputs and return a result.
+
+        Args:
+        name: A text input from user
+        hidden_state: A value from gr.State (hidden from MCP)
+        flag: A boolean checkbox
+        gallery_images: Gallery images list
+
+        Returns:
+        str: Result showing all received values
+        """
+        return f"name={name}, hidden_state={hidden_state}, flag={flag}, gallery={gallery_images}"
+
+    with gr.Blocks() as demo:
+        gr.Markdown("# Gradio MCP Bug: gr.State breaks parameter order")
+
+        name_input = gr.Textbox(label="Name", value="test")
+        hidden_state = gr.State(value="hidden_value")
+        flag_input = gr.Checkbox(label="Flag", value=True)
+        gallery = gr.Number(label="Images")
+
+        output = gr.Textbox(label="Result")
+
+        btn = gr.Button("Process")
+        btn_nq = gr.Button("Process No Queue")
+        btn.click(
+            process,
+            inputs=[name_input, hidden_state, flag_input, gallery],
+            outputs=[output],
+            api_visibility="public",
+        )
+        btn_nq.click(
+            process,
+            inputs=[name_input, hidden_state, flag_input, gallery],
+            outputs=[output],
+            api_visibility="public",
+            api_name="no_queue",
+            queue=False,
+        )
+    return demo
diff --git a/test/golden/diff_texts/magic_trick.png b/test/golden/diff_texts/magic_trick.png
new file mode 100644
index 0000000..4db61c8
Binary files /dev/null and b/test/golden/diff_texts/magic_trick.png differ
diff --git a/test/golden/image_mod/cheetah1.png b/test/golden/image_mod/cheetah1.png
new file mode 100644
index 0000000..44dae86
Binary files /dev/null and b/test/golden/image_mod/cheetah1.png differ
diff --git a/test/golden/longest_word/wonderful.png b/test/golden/longest_word/wonderful.png
new file mode 100644
index 0000000..9e8e847
Binary files /dev/null and b/test/golden/longest_word/wonderful.png differ
diff --git a/test/golden/sentence_builder/two_cats.png b/test/golden/sentence_builder/two_cats.png
new file mode 100644
index 0000000..7b37a2a
Binary files /dev/null and b/test/golden/sentence_builder/two_cats.png differ
diff --git a/test/requirements.in b/test/requirements.in
new file mode 100644
index 0000000..0ce204e
--- /dev/null
+++ b/test/requirements.in
@@ -0,0 +1,29 @@
+# Don't forget to run bash scripts/create_test_requirements.sh from unix or wsl when you update this file.
+IPython
+altair
+asyncio
+boto3
+build==1.2.2.post1
+coverage
+docker==7.1.0
+fastapi>=0.115.7
+starlette>=1.0.1
+matplotlib
+httpx
+huggingface_hub
+hypothesis
+nbformat
+openai==1.63.2
+polars==1.31.0
+pydantic[email]
+pytest
+pytest-asyncio
+pytest-cov
+pytest-rerunfailures
+respx
+scikit-image
+torch
+tqdm
+transformers
+vega_datasets
+diffusers
diff --git a/test/requirements.txt b/test/requirements.txt
new file mode 100644
index 0000000..c2a68d6
--- /dev/null
+++ b/test/requirements.txt
@@ -0,0 +1,349 @@
+# This file was autogenerated by uv via the following command:
+#    uv pip compile --python-version 3.10 --exclude-newer 7 days --exclude-newer-package starlette=false test/requirements.in -o test/requirements.txt
+altair==5.5.0
+    # via -r test/requirements.in
+annotated-doc==0.0.4
+    # via
+    #   fastapi
+    #   typer-slim
+annotated-types==0.7.0
+    # via pydantic
+anyio==4.8.0
+    # via
+    #   httpx
+    #   openai
+    #   starlette
+asttokens==3.0.0
+    # via stack-data
+asyncio==3.4.3
+    # via -r test/requirements.in
+attrs==25.1.0
+    # via
+    #   hypothesis
+    #   jsonschema
+    #   referencing
+boto3==1.36.8
+    # via -r test/requirements.in
+botocore==1.36.8
+    # via
+    #   boto3
+    #   s3transfer
+build==1.2.2.post1
+    # via -r test/requirements.in
+certifi==2024.12.14
+    # via
+    #   httpcore
+    #   httpx
+    #   requests
+charset-normalizer==3.4.1
+    # via requests
+click==8.1.8
+    # via typer-slim
+contourpy==1.3.1
+    # via matplotlib
+coverage==7.6.10
+    # via
+    #   -r test/requirements.in
+    #   pytest-cov
+cycler==0.12.1
+    # via matplotlib
+decorator==5.1.1
+    # via ipython
+diffusers==0.32.2
+    # via -r test/requirements.in
+distro==1.9.0
+    # via openai
+dnspython==2.7.0
+    # via email-validator
+docker==7.1.0
+    # via -r test/requirements.in
+email-validator==2.2.0
+    # via pydantic
+exceptiongroup==1.3.1
+    # via
+    #   anyio
+    #   hypothesis
+    #   ipython
+    #   pytest
+executing==2.2.0
+    # via stack-data
+fastapi==0.136.1
+    # via -r test/requirements.in
+fastjsonschema==2.21.2
+    # via nbformat
+filelock==3.17.0
+    # via
+    #   diffusers
+    #   huggingface-hub
+    #   torch
+fonttools==4.55.7
+    # via matplotlib
+fsspec==2024.12.0
+    # via
+    #   huggingface-hub
+    #   torch
+h11==0.14.0
+    # via httpcore
+hf-xet==1.4.2
+    # via huggingface-hub
+httpcore==1.0.7
+    # via httpx
+httpx==0.28.1
+    # via
+    #   -r test/requirements.in
+    #   huggingface-hub
+    #   openai
+    #   respx
+huggingface-hub==1.4.1
+    # via
+    #   -r test/requirements.in
+    #   diffusers
+    #   tokenizers
+    #   transformers
+hypothesis==6.124.7
+    # via -r test/requirements.in
+idna==3.10
+    # via
+    #   anyio
+    #   email-validator
+    #   httpx
+    #   requests
+imageio==2.37.0
+    # via scikit-image
+importlib-metadata==8.6.1
+    # via
+    #   build
+    #   diffusers
+iniconfig==2.0.0
+    # via pytest
+ipython==8.31.0
+    # via -r test/requirements.in
+jedi==0.19.2
+    # via ipython
+jinja2==3.1.5
+    # via
+    #   altair
+    #   torch
+jiter==0.13.0
+    # via openai
+jmespath==1.0.1
+    # via
+    #   boto3
+    #   botocore
+jsonschema==4.23.0
+    # via
+    #   altair
+    #   nbformat
+jsonschema-specifications==2024.10.1
+    # via jsonschema
+jupyter-core==5.9.1
+    # via nbformat
+kiwisolver==1.4.8
+    # via matplotlib
+lazy-loader==0.4
+    # via scikit-image
+markupsafe==2.1.5
+    # via jinja2
+matplotlib==3.10.0
+    # via -r test/requirements.in
+matplotlib-inline==0.1.7
+    # via ipython
+mpmath==1.3.0
+    # via sympy
+narwhals==1.24.1
+    # via altair
+nbformat==5.10.4
+    # via -r test/requirements.in
+networkx==3.4.2
+    # via
+    #   scikit-image
+    #   torch
+numpy==2.2.2
+    # via
+    #   contourpy
+    #   diffusers
+    #   imageio
+    #   matplotlib
+    #   pandas
+    #   scikit-image
+    #   scipy
+    #   tifffile
+    #   transformers
+openai==1.63.2
+    # via -r test/requirements.in
+packaging==24.2
+    # via
+    #   altair
+    #   build
+    #   huggingface-hub
+    #   lazy-loader
+    #   matplotlib
+    #   pytest
+    #   pytest-rerunfailures
+    #   scikit-image
+    #   transformers
+pandas==2.2.3
+    # via vega-datasets
+parso==0.8.4
+    # via jedi
+pexpect==4.9.0
+    # via ipython
+pillow==11.1.0
+    # via
+    #   diffusers
+    #   imageio
+    #   matplotlib
+    #   scikit-image
+platformdirs==4.9.4
+    # via jupyter-core
+pluggy==1.5.0
+    # via pytest
+polars==1.31.0
+    # via -r test/requirements.in
+prompt-toolkit==3.0.50
+    # via ipython
+ptyprocess==0.7.0
+    # via pexpect
+pure-eval==0.2.3
+    # via stack-data
+pydantic==2.10.6
+    # via
+    #   -r test/requirements.in
+    #   fastapi
+    #   openai
+pydantic-core==2.27.2
+    # via pydantic
+pygments==2.19.1
+    # via ipython
+pyparsing==3.2.1
+    # via matplotlib
+pyproject-hooks==1.2.0
+    # via build
+pytest==8.3.4
+    # via
+    #   -r test/requirements.in
+    #   pytest-asyncio
+    #   pytest-cov
+    #   pytest-rerunfailures
+pytest-asyncio==0.25.3
+    # via -r test/requirements.in
+pytest-cov==6.0.0
+    # via -r test/requirements.in
+pytest-rerunfailures==15.0
+    # via -r test/requirements.in
+python-dateutil==2.9.0.post0
+    # via
+    #   botocore
+    #   matplotlib
+    #   pandas
+pytz==2024.2
+    # via pandas
+pyyaml==6.0.2
+    # via
+    #   huggingface-hub
+    #   transformers
+referencing==0.36.2
+    # via
+    #   jsonschema
+    #   jsonschema-specifications
+regex==2024.11.6
+    # via
+    #   diffusers
+    #   transformers
+requests==2.32.3
+    # via
+    #   diffusers
+    #   docker
+respx==0.22.0
+    # via -r test/requirements.in
+rpds-py==0.22.3
+    # via
+    #   jsonschema
+    #   referencing
+s3transfer==0.11.2
+    # via boto3
+safetensors==0.5.2
+    # via
+    #   diffusers
+    #   transformers
+scikit-image==0.25.1
+    # via -r test/requirements.in
+scipy==1.15.1
+    # via scikit-image
+shellingham==1.5.4
+    # via huggingface-hub
+six==1.17.0
+    # via python-dateutil
+sniffio==1.3.1
+    # via
+    #   anyio
+    #   openai
+sortedcontainers==2.4.0
+    # via hypothesis
+stack-data==0.6.3
+    # via ipython
+starlette==1.2.0
+    # via
+    #   -r test/requirements.in
+    #   fastapi
+sympy==1.13.1
+    # via torch
+tifffile==2025.1.10
+    # via scikit-image
+tokenizers==0.22.2
+    # via transformers
+tomli==2.4.1
+    # via
+    #   build
+    #   coverage
+    #   pytest
+torch==2.6.0
+    # via -r test/requirements.in
+tqdm==4.67.1
+    # via
+    #   -r test/requirements.in
+    #   huggingface-hub
+    #   openai
+    #   transformers
+traitlets==5.14.3
+    # via
+    #   ipython
+    #   jupyter-core
+    #   matplotlib-inline
+    #   nbformat
+transformers==5.2.0
+    # via -r test/requirements.in
+typer-slim==0.21.2
+    # via
+    #   huggingface-hub
+    #   transformers
+typing-extensions==4.12.2
+    # via
+    #   altair
+    #   anyio
+    #   exceptiongroup
+    #   fastapi
+    #   huggingface-hub
+    #   ipython
+    #   openai
+    #   pydantic
+    #   pydantic-core
+    #   referencing
+    #   starlette
+    #   torch
+    #   typing-inspection
+typing-inspection==0.4.2
+    # via fastapi
+tzdata==2025.1
+    # via pandas
+urllib3==2.3.0
+    # via
+    #   botocore
+    #   docker
+    #   requests
+vega-datasets==0.9.0
+    # via -r test/requirements.in
+wcwidth==0.2.13
+    # via prompt-toolkit
+zipp==3.21.0
+    # via importlib-metadata
diff --git a/test/test_analytics.py b/test/test_analytics.py
new file mode 100644
index 0000000..249e7ce
--- /dev/null
+++ b/test/test_analytics.py
@@ -0,0 +1,37 @@
+import json
+import os
+import warnings
+from unittest.mock import patch
+
+from gradio import analytics
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+
+class TestAnalytics:
+    @patch("httpx.get")
+    def test_should_warn_with_unable_to_parse(self, mock_get, monkeypatch):
+        monkeypatch.setenv("GRADIO_ANALYTICS_ENABLED", "True")
+        mock_get.side_effect = json.decoder.JSONDecodeError("Expecting value", "", 0)  # type: ignore
+
+        with warnings.catch_warnings(record=True) as w:
+            warnings.simplefilter("always")
+            analytics.version_check()
+            assert (
+                str(w[-1].message)
+                == "unable to parse version details from package URL."
+            )
+
+    @patch("gradio.analytics._send_telemetry_in_thread")
+    def test_error_analytics_doesnt_crash_on_connection_error(
+        self, mock_send, monkeypatch
+    ):
+        monkeypatch.setenv("GRADIO_ANALYTICS_ENABLED", "True")
+        mock_send.side_effect = Exception("Connection error")
+        analytics._do_normal_analytics_request("placeholder", {})
+        mock_send.assert_called()
+
+    @patch("gradio.analytics._send_telemetry_in_thread")
+    def test_error_analytics_successful(self, mock_post, monkeypatch):
+        monkeypatch.setenv("GRADIO_ANALYTICS_ENABLED", "True")
+        analytics.error_analytics("placeholder")
diff --git a/test/test_api_info.py b/test/test_api_info.py
new file mode 100644
index 0000000..c9225ea
--- /dev/null
+++ b/test/test_api_info.py
@@ -0,0 +1,261 @@
+from collections import namedtuple
+from datetime import datetime, timedelta
+from enum import Enum
+from pathlib import Path
+from typing import ClassVar, Literal, Union
+from uuid import UUID
+
+import pytest
+from gradio_client.utils import json_schema_to_python_type
+from pydantic import Field
+from pydantic.networks import AnyUrl, EmailStr, IPvAnyAddress
+
+from gradio.data_classes import FileData, GradioModel, GradioRootModel, ImageData
+
+
+class StringModel(GradioModel):
+    data: str
+    answer: ClassVar = "dict(data: str)"
+
+
+class IntegerRootModel(GradioRootModel):
+    root: int
+
+    answer: ClassVar = "int"
+
+
+class FloatModel(GradioModel):
+    data: float
+
+    answer: ClassVar = "dict(data: float)"
+
+
+class ListModel(GradioModel):
+    items: list[int]
+
+    answer: ClassVar = "dict(items: list[int])"
+
+
+class DictModel(GradioModel):
+    data_dict: dict[str, int]
+
+    answer: ClassVar = "dict(data_dict: dict(str, int))"
+
+
+class DictModel2(GradioModel):
+    data_dict: dict[str, list[float]]
+
+    answer: ClassVar = "dict(data_dict: dict(str, list[float]))"
+
+
+class OptionalModel(GradioModel):
+    optional_data: int | None
+
+    answer: ClassVar = "dict(optional_data: int | None)"
+
+
+class ColorEnum(Enum):
+    RED = "red"
+    GREEN = "green"
+    BLUE = "blue"
+
+
+class EnumRootModel(GradioModel):
+    color: ColorEnum
+
+    answer: ClassVar = "dict(color: Literal['red', 'green', 'blue'])"
+
+
+class EmailModel(GradioModel):
+    email: EmailStr
+
+    answer: ClassVar = "dict(email: str)"
+
+
+class RootWithNestedModel(GradioModel):
+    nested_int: IntegerRootModel
+    nested_enum: EnumRootModel
+    nested_dict: DictModel2
+
+    answer: ClassVar = "dict(nested_int: int, nested_enum: dict(color: Literal['red', 'green', 'blue']), nested_dict: dict(data_dict: dict(str, list[float])))"
+
+
+class LessNestedModel(GradioModel):
+    nested_int: int
+    nested_enum: ColorEnum
+    nested_dict: dict[str, list[Union[int, float]]]
+
+    answer: ClassVar = "dict(nested_int: int, nested_enum: Literal['red', 'green', 'blue'], nested_dict: dict(str, list[int | float]))"
+
+
+class StatusModel(GradioModel):
+    status: Literal["active", "inactive"]
+
+    answer: ClassVar = "dict(status: Literal['active', 'inactive'])"
+
+
+class PointModel(GradioRootModel):
+    root: tuple[float, float]
+
+    answer: ClassVar = "tuple[float, float]"
+
+
+class UuidModel(GradioModel):
+    uuid: UUID
+
+    answer: ClassVar = "dict(uuid: str)"
+
+
+class UrlModel(GradioModel):
+    url: AnyUrl
+
+    answer: ClassVar = "dict(url: str)"
+
+
+class CustomFieldModel(GradioModel):
+    name: str = Field(..., title="Name of the item", max_length=50)
+    price: float = Field(..., title="Price of the item", gt=0)
+
+    answer: ClassVar = "dict(name: str, price: float)"
+
+
+class DurationModel(GradioModel):
+    duration: timedelta
+
+    answer: ClassVar = "dict(duration: str)"
+
+
+class IPv4Model(GradioModel):
+    ipv4_address: IPvAnyAddress  # type: ignore
+
+    answer: ClassVar = "dict(ipv4_address: str)"
+
+
+class DateTimeModel(GradioModel):
+    created_at: datetime
+    updated_at: datetime
+
+    answer: ClassVar = "dict(created_at: str, updated_at: str)"
+
+
+class SetModel(GradioModel):
+    unique_numbers: set[int]
+
+    answer: ClassVar = "dict(unique_numbers: list[int])"
+
+
+class ItemModel(GradioModel):
+    name: str
+    price: float
+
+
+class OrderModel(GradioModel):
+    items: list[ItemModel]
+
+    answer: ClassVar = "dict(items: list[dict(name: str, price: float)])"
+
+
+class TemperatureUnitEnum(Enum):
+    CELSIUS = "Celsius"
+    FAHRENHEIT = "Fahrenheit"
+    KELVIN = "Kelvin"
+
+
+class CartItemModel(GradioModel):
+    product_name: str = Field(..., title="Name of the product", max_length=50)
+    quantity: int = Field(..., title="Quantity of the product", ge=1)
+    price_per_unit: float = Field(..., title="Price per unit", gt=0)
+
+
+class ShoppingCartModel(GradioModel):
+    items: list[CartItemModel]
+
+    answer: ClassVar = "dict(items: list[dict(product_name: str, quantity: int, price_per_unit: float)])"
+
+
+class CoordinateModel(GradioModel):
+    latitude: float
+    longitude: float
+
+
+class TupleListModel(GradioModel):
+    data: list[tuple[int, str]]
+
+    answer: ClassVar = "dict(data: list[tuple[int, str]]"
+
+
+class PathListModel(GradioModel):
+    file_paths: list[Path]
+
+    answer: ClassVar = "dict(file_paths: list[str])"
+
+
+class PostModel(GradioModel):
+    author: str
+    content: str
+    tags: list[str]
+    likes: int = 0
+
+    answer: ClassVar = "dict(author: str, content: str, tags: list[str], likes: int)"
+
+
+Person = namedtuple("Person", ["name", "age"])
+
+
+class NamedTupleDictionaryModel(GradioModel):
+    people: dict[str, Person]
+
+    answer: ClassVar = "dict(people: dict(str, tuple[Any, Any]))"
+
+
+MODELS = [
+    StringModel,
+    IntegerRootModel,
+    FloatModel,
+    ListModel,
+    DictModel,
+    DictModel2,
+    OptionalModel,
+    EnumRootModel,
+    EmailModel,
+    RootWithNestedModel,
+    LessNestedModel,
+    StatusModel,
+    PointModel,
+    UuidModel,
+    UrlModel,
+    CustomFieldModel,
+    DurationModel,
+    IPv4Model,
+    DateTimeModel,
+    SetModel,
+    OrderModel,
+    ShoppingCartModel,
+    PathListModel,
+    NamedTupleDictionaryModel,
+]
+
+
+@pytest.mark.parametrize("model", MODELS)
+def test_api_info_for_model(model):
+    assert json_schema_to_python_type(model.model_json_schema()) == model.answer
+
+
+def test_file_data_is_filepath():
+    assert json_schema_to_python_type(FileData.model_json_schema()) == "filepath"
+
+
+def test_image_data_is_filepath():
+    assert json_schema_to_python_type(ImageData.model_json_schema()) == "filepath"
+
+
+class GalleryItemModel(GradioModel):
+    image: ImageData
+    caption: str | None = None
+
+
+def test_nested_file_data_is_filepath():
+    schema = GalleryItemModel.model_json_schema()
+    result = json_schema_to_python_type(schema)
+    assert "filepath" in result
+    assert result == "dict(image: filepath, caption: str | None)"
diff --git a/test/test_blocks.py b/test/test_blocks.py
new file mode 100644
index 0000000..ae293ac
--- /dev/null
+++ b/test/test_blocks.py
@@ -0,0 +1,2307 @@
+import asyncio
+import copy
+import io
+import json
+import os
+import pathlib
+import random
+import sys
+import threading
+import time
+import uuid
+import warnings
+from concurrent.futures import wait
+from contextlib import contextmanager
+from functools import partial
+from string import capwords
+from unittest.mock import mock_open, patch
+
+import gradio_client as grc
+import numpy as np
+import pytest
+from fastapi import FastAPI
+from fastapi.testclient import TestClient
+from gradio_client import Client
+from PIL import Image
+
+import gradio as gr
+from gradio import blocks, helpers
+from gradio.context import LocalContext
+from gradio.data_classes import GradioModel, GradioRootModel
+from gradio.events import SelectData
+from gradio.exceptions import ComponentProcessingError, DuplicateBlockError
+from gradio.route_utils import API_PREFIX
+from gradio.utils import assert_configs_are_equivalent_besides_ids, cancel_tasks
+
+pytest_plugins = ("pytest_asyncio",)
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+
+@contextmanager
+def captured_output():
+    new_out, new_err = io.StringIO(), io.StringIO()
+    old_out, old_err = sys.stdout, sys.stderr
+    try:
+        sys.stdout, sys.stderr = new_out, new_err
+        yield sys.stdout, sys.stderr
+    finally:
+        sys.stdout, sys.stderr = old_out, old_err
+
+
+class TestBlocksMethods:
+    maxDiff = None
+
+    def test_set_share_is_false_by_default(self):
+        with gr.Blocks() as demo:
+            assert not demo.share
+
+    @patch("gradio.networking.setup_tunnel")
+    @patch("gradio.utils.colab_check")
+    def test_set_share_in_colab(self, mock_colab_check, mock_setup_tunnel):
+        mock_colab_check.return_value = True
+        mock_setup_tunnel.return_value = "http://localhost:7860/"
+        with gr.Blocks() as demo:
+            # self.share is False when instantiating the class
+            assert not demo.share
+            # share default is True, if share is None in colab and queueing
+            demo.launch(prevent_thread_lock=True)
+            assert demo.share
+            demo.close()
+            # share is also true, if share is None in colab with queueing
+            demo.queue()
+            demo.launch(prevent_thread_lock=True)
+            assert demo.share
+            demo.close()
+
+    def test_load_from_config(self):
+        fake_url = "https://fake.hf.space"
+
+        def update(name):
+            return f"Welcome to Gradio, {name}!"
+
+        with gr.Blocks() as demo1:
+            inp = gr.Textbox(placeholder="What is your name?")
+            out = gr.Textbox()
+
+            inp.submit(fn=update, inputs=inp, outputs=out, api_name="greet")
+
+            gr.Image(height=54, width=240)
+
+        config1 = demo1.get_config_file()
+        demo2 = gr.Blocks.from_config(config1, [update], "https://fake.hf.space")
+
+        for component in config1["components"]:
+            component["props"]["proxy_url"] = f"{fake_url}/"
+        config2 = demo2.get_config_file()
+        assert assert_configs_are_equivalent_besides_ids(config1, config2)
+
+    def test_from_config_rejects_non_hf_space_proxy_url(self):
+        """`Blocks.from_config()` must only register `proxy_url`s whose host
+        ends in `.hf.space` — otherwise a malicious config (or a malicious
+        `gr.load()` source) could seed `blocks.proxy_urls` with internal /
+        SSRF targets that `App.build_proxy_request` would later treat as
+        legitimate. Regression coverage for GHSA-jmh7-g254-2cq9.
+        """
+
+        def update(name):
+            return f"Welcome to Gradio, {name}!"
+
+        with gr.Blocks() as demo:
+            inp = gr.Textbox(placeholder="What is your name?")
+            out = gr.Textbox()
+            inp.submit(fn=update, inputs=inp, outputs=out, api_name="greet")
+
+        config = demo.get_config_file()
+
+        # 1. Top-level non-.hf.space proxy_url must not be registered.
+        blocks1 = gr.Blocks.from_config(config, [update], "http://169.254.169.254")
+        assert blocks1.proxy_urls == set()
+
+        # 2. Suffix-confusion attempt (`.hf.space.evil.com`) must be rejected
+        # by the `str.endswith(".hf.space")` guard.
+        blocks2 = gr.Blocks.from_config(
+            config, [update], "https://victim.hf.space.evil.com"
+        )
+        assert blocks2.proxy_urls == set()
+
+        # 3. Child components carrying a malicious `proxy_url` in their
+        # props (e.g. via a tampered remote `gr.load()` config) must also
+        # be filtered, even when the top-level `proxy_url` is legitimate.
+        poisoned_config = copy.deepcopy(config)
+        for component in poisoned_config["components"]:
+            component["props"]["proxy_url"] = "http://internal-service.local/"
+        blocks3 = gr.Blocks.from_config(
+            poisoned_config, [update], "https://benign.hf.space"
+        )
+        assert blocks3.proxy_urls == {"https://benign.hf.space"}
+        assert all(
+            not url.startswith("http://internal-service.local")
+            for url in blocks3.proxy_urls
+        )
+
+        # 4. Legitimate `.hf.space` hosts on both top-level and children
+        # are registered (positive control).
+        good_config = copy.deepcopy(config)
+        for component in good_config["components"]:
+            component["props"]["proxy_url"] = "https://child.hf.space/"
+        blocks4 = gr.Blocks.from_config(good_config, [update], "https://root.hf.space")
+        assert "https://root.hf.space" in blocks4.proxy_urls
+        assert "https://child.hf.space/" in blocks4.proxy_urls
+
+    def test_load_from_config_with_blocks_events(self):
+        fake_url = "https://fake.hf.space"
+
+        def fn():
+            return "Hello"
+
+        with gr.Blocks() as demo:
+            t = gr.Textbox()
+            demo.load(fn, None, t)
+
+        config = demo.get_config_file()
+        gr.Blocks.from_config(config, [fn], fake_url)  # Should not raise
+
+    def test_partial_fn_in_config(self):
+        def greet(name, formatter):
+            return formatter(f"Hello {name}!")
+
+        greet_upper_case = partial(greet, formatter=capwords)
+        with gr.Blocks() as demo:
+            t = gr.Textbox()
+            o = gr.Textbox()
+            t.change(greet_upper_case, t, o)
+
+        assert len(demo.fns) == 1
+        assert "fn" in str(demo.fns[0])
+
+    @pytest.mark.asyncio
+    async def test_dict_inputs_in_config(self):
+        with gr.Blocks() as demo:
+            first = gr.Textbox()
+            last = gr.Textbox()
+            btn = gr.Button()
+            greeting = gr.Textbox()
+
+            def greet(data):
+                return f"Hello {data[first]} {data[last]}"
+
+            btn.click(greet, {first, last}, greeting)
+
+        result = await demo.process_api(
+            inputs=["huggy", "face"], block_fn=0, state=None
+        )
+        assert result["data"] == ["Hello huggy face"]
+
+    @pytest.mark.asyncio
+    async def test_async_function(self):
+        async def wait(x):
+            await asyncio.sleep(0.01)
+            return x
+
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            button = gr.Button()
+            button.click(wait, [text], [text])
+
+            start = time.time()
+            result = await demo.process_api(inputs=[1], block_fn=0, state=None)
+            end = time.time()
+            difference = end - start
+            assert difference >= 0.01
+            assert result
+
+    @pytest.mark.asyncio
+    async def test_process_api_average_duration_excludes_manual_cache_hits(self):
+        def double(x, c=gr.Cache()):
+            hit = c.get(x)
+            if hit is not None:
+                return hit["value"]
+            time.sleep(0.02)
+            value = x * 2
+            c.set(x, value=value)
+            return value
+
+        with gr.Blocks() as demo:
+            text = gr.Number()
+            output = gr.Number()
+            button = gr.Button()
+            button.click(double, [text], [output])
+
+        first = await demo.process_api(inputs=[3], block_fn=0, state=None)
+        second = await demo.process_api(inputs=[3], block_fn=0, state=None)
+
+        assert first["used_cache"] is None
+        assert second["used_cache"] == "partial"
+        assert first["average_duration"] is not None
+        assert second["average_duration"] == pytest.approx(first["average_duration"])
+        assert demo.fns[0].total_runs == 1
+
+    @patch("gradio.analytics._do_analytics_request")
+    def test_initiated_analytics(self, mock_anlaytics, monkeypatch):
+        monkeypatch.setenv("GRADIO_ANALYTICS_ENABLED", "True")
+        with gr.Blocks():
+            pass
+        mock_anlaytics.assert_called_once()
+
+    @patch("gradio.analytics._do_analytics_request")
+    def test_launch_analytics_does_not_error_with_invalid_blocks(
+        self, mock_anlaytics, monkeypatch
+    ):
+        monkeypatch.setenv("GRADIO_ANALYTICS_ENABLED", "True")
+        with gr.Blocks():
+            t1 = gr.Textbox()
+
+        with gr.Blocks() as demo:
+            t2 = gr.Textbox()
+            t2.change(lambda x: x, t2, t1)
+
+        demo.launch(prevent_thread_lock=True)
+        mock_anlaytics.assert_called()
+
+    def test_show_error(self):
+        with gr.Blocks() as demo:
+            pass
+
+        assert demo.show_error
+        demo.launch(prevent_thread_lock=True)
+        assert not demo.show_error
+        demo.close()
+        demo.launch(show_error=True, prevent_thread_lock=True)
+        assert demo.show_error
+        demo.close()
+
+    def test_custom_css(self):
+        css = """
+            .gr-button {
+                color: white;
+                border-color: black;
+                background: black;
+            }
+        """
+        css = css * 5  # simulate a long css string
+        with gr.Blocks() as block:
+            pass
+        block.launch(prevent_thread_lock=True, css=css)
+        assert block.css == css
+        block.close()
+
+    @pytest.mark.asyncio
+    async def test_restart_after_close(self, connect):
+        io = gr.Interface(
+            lambda s: s, gr.Textbox(), gr.Textbox(), api_name="predict"
+        ).queue()
+
+        with connect(io) as client:
+            assert client.predict("freddy", api_name="/predict") == "freddy"
+        # connect launches the interface which is what we need to test
+        with connect(io) as client:
+            assert client.predict("Victor", api_name="/predict") == "Victor"
+
+    @pytest.mark.asyncio
+    async def test_async_generators(self, connect):
+        async def async_iteration(count: int):
+            for i in range(count):
+                yield i
+                await asyncio.sleep(0.2)
+
+        def iteration(count: int):
+            for i in range(count):
+                yield i
+                time.sleep(0.2)
+
+        with gr.Blocks() as demo:
+            with gr.Row():
+                with gr.Column():
+                    num1 = gr.Number(value=4, precision=0)
+                    o1 = gr.Number()
+                    async_iterate = gr.Button(value="Async Iteration")
+                    async_iterate.click(
+                        async_iteration,
+                        num1,
+                        o1,
+                        concurrency_limit=2,
+                        concurrency_id="main",
+                    )
+                with gr.Column():
+                    num2 = gr.Number(value=4, precision=0)
+                    o2 = gr.Number()
+                    iterate = gr.Button(value="Iterate")
+                    iterate.click(iteration, num2, o2, concurrency_id="main")
+
+        with connect(demo) as client:
+            job_1 = client.submit(3, fn_index=0)
+            job_2 = client.submit(4, fn_index=1)
+            wait([job_1, job_2])
+
+            assert job_1.outputs()[-1] == 2
+            assert job_2.outputs()[-1] == 3
+
+    def test_async_generators_interface(self, connect):
+        async def async_iteration(count: int):
+            for i in range(count):
+                yield i
+                await asyncio.sleep(0.2)
+
+        demo = gr.Interface(
+            async_iteration, gr.Number(precision=0), gr.Number(), api_name="predict"
+        ).queue()
+        outputs = []
+        with connect(demo) as client:
+            for output in client.submit(3, api_name="/predict"):
+                outputs.append(output)
+        assert outputs == [0, 1, 2]
+
+    def test_sync_generators(self, connect):
+        def generator(string):
+            yield from string
+
+        demo = gr.Interface(generator, "text", "text", api_name="predict").queue()
+        outputs = []
+        with connect(demo) as client:
+            for output in client.submit("abc", api_name="/predict"):
+                outputs.append(output)
+        assert outputs == ["a", "b", "c"]
+        demo.queue().launch(prevent_thread_lock=True)
+
+    def test_varying_output_forms_with_generators(self, connect):
+        generations = [
+            {"a": 1},
+            {"a": 1, "b": [1, 3]},
+            {"b": [1, 3, 2]},
+            1,
+            2,
+            3,
+            [1, 2, {"x": 4, "y": 6}],
+            {"data": [1, 2, {"x": 4, "y": 6}]},
+            None,
+            1.2,
+        ]
+
+        def generator():
+            yield from generations
+
+        def generator_random():
+            indices = list(range(len(generations)))
+            random.shuffle(indices)
+            for i in indices:
+                time.sleep(random.random() / 5)
+                yield generations[i]
+
+        with gr.Blocks() as demo:
+            btn1 = gr.Button()
+            btn2 = gr.Button()
+            output_json = gr.JSON()
+            btn1.click(generator, None, output_json, api_name="generator")
+            btn2.click(generator_random, None, output_json, api_name="generator_random")
+
+        with connect(demo) as client:
+            outputs = []
+            for output in client.submit(api_name="/generator"):
+                outputs.append(output)
+            assert outputs == generations
+
+            outputs = []
+            for output in client.submit(api_name="/generator_random"):
+                outputs.append(output)
+            for generation in generations:
+                assert generation in outputs
+
+    def test_socket_reuse(self):
+        try:
+            io = gr.Interface(lambda x: x, gr.Textbox(), gr.Textbox())
+            io.launch(server_port=9441, prevent_thread_lock=True)
+            io.close()
+            io.launch(server_port=9441, prevent_thread_lock=True)
+        finally:
+            io.close()  # type: ignore
+
+    def test_function_types_documented_in_config(self):
+        def continuous_fn():
+            return 42
+
+        def generator_function():
+            yield from range(10)
+
+        with gr.Blocks() as demo:
+            gr.Number(value=lambda: 2, every=2)
+            meaning_of_life = gr.Number()
+            counter = gr.Number()
+            generator_btn = gr.Button(value="Generate")
+            greeting = gr.Textbox()
+            greet_btn = gr.Button(value="Greet")
+
+            greet_btn.click(lambda: "Hello!", inputs=None, outputs=[greeting])
+            generator_btn.click(generator_function, inputs=None, outputs=[counter])
+            demo.load(continuous_fn, inputs=None, outputs=[meaning_of_life])
+
+        assert "dependencies" in demo.config
+        dependencies = demo.config["dependencies"]
+        assert dependencies[0]["types"] == {
+            "generator": False,
+            "cancel": False,
+        }
+        assert dependencies[1]["types"] == {
+            "generator": True,
+            "cancel": False,
+        }
+        assert dependencies[2]["types"] == {
+            "generator": False,
+            "cancel": False,
+        }
+        assert dependencies[3]["types"] == {
+            "generator": False,
+            "cancel": False,
+        }
+
+    @patch(
+        "gradio.themes.ThemeClass.from_hub",
+        side_effect=ValueError("Something went wrong!"),
+    )
+    def test_use_default_theme_as_fallback(self, mock_from_hub):
+        with pytest.warns(
+            UserWarning, match="Cannot load freddyaboulton/this-theme-does-not-exist"
+        ):
+            with gr.Blocks() as demo:
+                pass
+            demo.launch(
+                prevent_thread_lock=True,
+                theme="freddyaboulton/this-theme-does-not-exist",
+            )
+            assert demo.theme.to_dict() == gr.themes.Default().to_dict()
+            demo.close()
+
+    def test_exit_called_at_launch(self):
+        with gr.Blocks() as demo:
+            gr.Textbox(uuid.uuid4)
+        demo.launch(prevent_thread_lock=True)
+        config = demo.get_config_file()
+        assert "dependencies" in config
+        assert len(config["dependencies"]) == 1
+
+
+class TestTempFile:
+    def test_pil_images_hashed(self, connect, gradio_temp_dir):
+        images = [
+            Image.new("RGB", (512, 512), color) for color in ("red", "green", "blue")
+        ]
+
+        def create_images(n_images):
+            return random.sample(images, n_images)
+
+        gallery = gr.Gallery()
+        demo = gr.Interface(
+            create_images,
+            inputs="slider",
+            outputs=gallery,
+            api_name="predict",
+        )
+        with connect(demo) as client:
+            client.predict(3, api_name="/predict")
+            _ = client.predict(3, api_name="/predict")
+        # only three files created and in temp directory
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 3
+
+    def test_no_empty_image_files(self, gradio_temp_dir, connect):
+        file_dir = pathlib.Path(__file__).parent / "test_files"
+        image = grc.handle_file(str(file_dir / "bus.png"))
+
+        demo = gr.Interface(
+            lambda x: x,
+            inputs=gr.Image(type="filepath"),
+            outputs=gr.Image(),
+            api_name="predict",
+        )
+        with connect(demo) as client:
+            _ = client.predict(image, api_name="/predict")
+            _ = client.predict(image, api_name="/predict")
+            _ = client.predict(image, api_name="/predict")
+        # Upload creates a file. image preprocessing creates another one.
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 2
+
+    @pytest.mark.parametrize("component", [gr.UploadButton, gr.File])
+    def test_file_component_uploads(self, component, connect, gradio_temp_dir):
+        code_file = grc.handle_file(str(pathlib.Path(__file__)))
+        demo = gr.Interface(
+            lambda x: x.name, component(), gr.File(), api_name="predict"
+        )
+        with connect(demo) as client:
+            _ = client.predict(code_file, api_name="/predict")
+            _ = client.predict(code_file, api_name="/predict")
+        # the upload route hashees the files so we get 1 from there
+        # We create two tempfiles (empty) because API says we return
+        # preprocess/postprocess will create the same file as the upload route
+        # so 1 + 2 = 3
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 3
+
+    def test_no_empty_video_files(self, gradio_temp_dir, connect):
+        file_dir = pathlib.Path(pathlib.Path(__file__).parent, "test_files")
+        video = grc.handle_file(str(file_dir / "video_sample.mp4"))
+        demo = gr.Interface(lambda x: x, gr.Video(), gr.Video(), api_name="predict")
+        with connect(demo) as client:
+            _ = client.predict(video, api_name="/predict")
+            _ = client.predict(video, api_name="/predict")
+        # Upload route and postprocessing return the same file
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+    def test_no_empty_audio_files(self, gradio_temp_dir, connect):
+        file_dir = pathlib.Path(pathlib.Path(__file__).parent, "test_files")
+        audio = grc.handle_file(str(file_dir / "audio_sample.wav"))
+
+        def reverse_audio(audio):
+            sr, data = audio
+            return (sr, np.flipud(data))
+
+        demo = gr.Interface(
+            fn=reverse_audio, inputs=gr.Audio(), outputs=gr.Audio(), api_name="predict"
+        )
+        with connect(demo) as client:
+            _ = client.predict(audio, api_name="/predict")
+            _ = client.predict(audio, api_name="/predict")
+            # One for upload and one for reversal
+            assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 2
+
+
+class TestComponentsInBlocks:
+    def test_slider_random_value_config(self):
+        with gr.Blocks() as demo:
+            gr.Slider(
+                value=11.2,
+                minimum=-10.2,
+                maximum=15,
+                label="Non-random Slider (Static)",
+            )
+            gr.Slider(
+                randomize=True,
+                minimum=100,
+                maximum=200,
+                label="Random Slider (Input 1)",
+            )
+            gr.Slider(
+                randomize=True,
+                minimum=10,
+                maximum=23.2,
+                label="Random Slider (Input 2)",
+            )
+        for component in demo.blocks.values():
+            if isinstance(component, gr.components.Component):
+                if "Non-random" in component.label:  # type: ignore
+                    assert not component.load_event_to_attach
+                else:
+                    assert component.load_event_to_attach
+        assert "dependencies" in demo.config
+        dependencies_on_load = [
+            dep["targets"][0][1] == "load" for dep in demo.config["dependencies"]
+        ]
+        assert all(dependencies_on_load)
+        assert len(dependencies_on_load) == 2
+
+    def test_io_components_attach_load_events_when_value_is_fn(self, io_components):
+        interface = gr.Interface(
+            lambda *args: None,
+            inputs=[comp(value=lambda: None, every=1) for comp in io_components],
+            outputs=None,
+        )
+        assert "dependencies" in interface.config
+        dependencies_on_load = [
+            dep
+            for dep in interface.config["dependencies"]
+            if "load" in [target[1] for target in dep["targets"]]
+        ]
+        dependencies_on_tick = [
+            dep
+            for dep in interface.config["dependencies"]
+            if "tick" in [target[1] for target in dep["targets"]]
+        ]
+        assert len(dependencies_on_load) == len(io_components)
+        assert len(dependencies_on_tick) == len(io_components)
+
+    def test_get_load_events(self, io_components):
+        components = []
+        with gr.Blocks() as demo:
+            for component in io_components:
+                components.append(component(value=lambda: None, every=1))
+        assert "dependencies" in demo.config
+        assert all(
+            comp.load_event in demo.config["dependencies"] for comp in components
+        )
+
+    def test_component_load_events_target_root(self):
+        with gr.Blocks() as demo:
+            button = gr.Button(value=lambda: "Loaded")
+
+        load_dependencies = [
+            dep
+            for dep in demo.config["dependencies"]
+            if "load" in [target[1] for target in dep["targets"]]
+        ]
+        assert len(load_dependencies) == 1
+        assert load_dependencies[0]["targets"][0][1] == "load"
+        assert load_dependencies[0]["outputs"] == [button._id]
+
+    def test_load_events_work_with_builtins(self):
+        with gr.Blocks() as demo:
+            gr.State(dict)
+        demo.get_api_info()
+
+
+class TestBlocksPostprocessing:
+    @pytest.mark.asyncio
+    async def test_blocks_do_not_filter_none_values_from_updates(self, io_components):
+        io_components = [
+            c()
+            for c in io_components
+            if c
+            not in [
+                gr.State,
+                gr.Button,
+                gr.ScatterPlot,
+                gr.LinePlot,
+                gr.BarPlot,
+                gr.components.Fallback,
+                gr.FileExplorer,
+                gr.ParamViewer,
+            ]
+        ]
+        with gr.Blocks() as demo:
+            for component in io_components:
+                component.render()
+            btn = gr.Button(value="Reset")
+            btn.click(
+                lambda: [gr.update(value=None) for _ in io_components],
+                inputs=[],
+                outputs=io_components,
+            )
+
+        output = await demo.postprocess_data(
+            demo.fns[0], [gr.update(value=None) for _ in io_components], state=None
+        )
+
+        def process_and_dump(component):
+            output = component.postprocess(None)
+            if isinstance(output, (GradioModel, GradioRootModel)):
+                output = output.model_dump()
+            return output
+
+        assert all(
+            o["value"] == process_and_dump(c)
+            for o, c in zip(output, io_components, strict=False)
+        )
+
+    @pytest.mark.asyncio
+    async def test_blocks_does_not_replace_keyword_literal(self):
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            btn = gr.Button(value="Reset")
+            btn.click(
+                lambda: gr.update(value="NO_VALUE"),
+                inputs=[],
+                outputs=text,
+            )
+
+        output = await demo.postprocess_data(
+            demo.fns[0], gr.update(value="NO_VALUE"), state=None
+        )
+        assert output[0]["value"] == "NO_VALUE"
+
+    @pytest.mark.asyncio
+    async def test_blocks_does_not_del_dict_keys_inplace(self):
+        with gr.Blocks() as demo:
+            im_list = [gr.Image() for i in range(2)]
+
+            def change_visibility(value):
+                return [gr.update(visible=value)] * 2
+
+            checkbox = gr.Checkbox(value=True, label="Show image")
+            checkbox.change(change_visibility, inputs=checkbox, outputs=im_list)
+
+        output = await demo.postprocess_data(
+            demo.fns[0], [gr.update(visible=False)] * 2, state=None
+        )
+        assert output == [
+            {"visible": False, "__type__": "update"},
+            {"visible": False, "__type__": "update"},
+        ]
+
+    @pytest.mark.asyncio
+    async def test_blocks_returns_correct_output_dict_single_key(self):
+        with gr.Blocks() as demo:
+            num = gr.Number()
+            num2 = gr.Number()
+            update = gr.Button(value="update")
+
+            def update_values(val):
+                return {num2: gr.Number(value=42)}
+
+            update.click(update_values, inputs=[num], outputs=[num2])
+
+        output = await demo.postprocess_data(
+            demo.fns[0], {num2: gr.Number(value=42)}, state=None
+        )
+        assert output[0]["value"] == 42
+
+        output = await demo.postprocess_data(demo.fns[0], {num2: 23}, state=None)
+        assert output[0] == 23
+
+    @pytest.mark.asyncio
+    async def test_blocks_update_dict_without_postprocessing(self, media_data):
+        def infer(x):
+            return media_data.BASE64_IMAGE, gr.update(visible=True)
+
+        with gr.Blocks() as demo:
+            prompt = gr.Textbox()
+            image = gr.Image()
+            run_button = gr.Button()
+            share_button = gr.Button("share", visible=False)
+            run_button.click(infer, prompt, [image, share_button], postprocess=False)
+
+        output = await demo.process_api(0, ["test"], state=None)
+        assert output["data"][0] == media_data.BASE64_IMAGE
+        assert output["data"][1] == {"__type__": "update", "visible": True}
+
+    @pytest.mark.asyncio
+    async def test_blocks_update_dict_does_not_postprocess_value_if_postprocessing_false(
+        self, media_data
+    ):
+        def infer(x):
+            return gr.Image(value=media_data.BASE64_IMAGE)
+
+        with gr.Blocks() as demo:
+            prompt = gr.Textbox()
+            image = gr.Image()
+            run_button = gr.Button()
+            run_button.click(infer, [prompt], [image], postprocess=False)
+
+        output = await demo.process_api(0, ["test"], state=None)
+        assert output["data"][0] == {
+            "__type__": "update",
+            "value": media_data.BASE64_IMAGE,
+        }
+
+    @pytest.mark.asyncio
+    async def test_blocks_update_interactive(
+        self,
+    ):
+        def specific_update():
+            return [
+                gr.Image(interactive=True),
+                gr.Textbox(interactive=True),
+            ]
+
+        def generic_update():
+            return [gr.update(interactive=True), gr.update(interactive=True)]
+
+        with gr.Blocks() as demo:
+            run = gr.Button(value="Make interactive")
+            image = gr.Image()
+            textbox = gr.Text()
+            run.click(specific_update, None, [image, textbox])
+            run.click(generic_update, None, [image, textbox])
+
+        for fn_index in range(2):
+            output = await demo.process_api(fn_index, [], state=None)
+            assert output["data"][0] == {
+                "__type__": "update",
+                "interactive": True,
+            }
+            assert output["data"][1] == {"__type__": "update", "interactive": True}
+
+    @pytest.mark.asyncio
+    async def test_error_raised_if_num_outputs_is_too_low(self):
+        with gr.Blocks() as demo:
+            textbox1 = gr.Textbox()
+            textbox2 = gr.Textbox()
+            button = gr.Button()
+            button.click(lambda x: x, textbox1, [textbox1, textbox2])
+        with pytest.raises(
+            ValueError,
+        ):
+            await demo.postprocess_data(demo.fns[0], predictions=["test"], state=None)
+
+    @pytest.mark.asyncio
+    async def test_warning_raised_if_num_outputs_is_too_high(self):
+        with gr.Blocks() as demo:
+            textbox1 = gr.Textbox()
+            textbox2 = gr.Textbox()
+            button = gr.Button()
+            button.click(lambda x: (x, x), textbox1, [textbox1, textbox2])
+        with pytest.warns(
+            UserWarning,
+        ):
+            await demo.postprocess_data(
+                demo.fns[0], predictions=["test", "test2", "test3"], state=None
+            )
+
+    @pytest.mark.asyncio
+    async def test_no_warning_if_func_has_no_outputs(self):
+        """
+        Ensures that if a function has no outputs, no warning is raised.
+        """
+        with gr.Blocks() as demo:
+            button = gr.Button()
+
+            def no_return():
+                pass
+
+            button.click(
+                no_return,
+                inputs=None,
+                outputs=None,
+            )
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")
+            await demo.postprocess_data(demo.fns[0], predictions=None, state=None)  # type: ignore
+
+    @pytest.mark.asyncio
+    async def test_error_raised_if_num_outputs_mismatch_with_function_name(self):
+        def infer(x):
+            return x
+
+        with gr.Blocks() as demo:
+            textbox1 = gr.Textbox()
+            textbox2 = gr.Textbox()
+            button = gr.Button()
+            button.click(infer, textbox1, [textbox1, textbox2])
+        with pytest.raises(
+            ValueError,
+        ):
+            await demo.postprocess_data(demo.fns[0], predictions=["test"], state=None)
+
+    @pytest.mark.asyncio
+    async def test_error_raised_if_num_outputs_mismatch_single_output(self):
+        with gr.Blocks() as demo:
+            num1 = gr.Number()
+            num2 = gr.Number()
+            btn = gr.Button(value="1")
+            btn.click(lambda a: a, num1, [num1, num2])
+        with pytest.raises(
+            ValueError,
+        ):
+            await demo.postprocess_data(demo.fns[0], predictions=[1], state=None)
+
+    @pytest.mark.asyncio
+    async def test_error_raised_if_num_outputs_mismatch_tuple_output(self):
+        def infer(a, b):
+            return a, b
+
+        with gr.Blocks() as demo:
+            num1 = gr.Number()
+            num2 = gr.Number()
+            num3 = gr.Number()
+            btn = gr.Button(value="1")
+            btn.click(infer, num1, [num1, num2, num3])
+        with pytest.raises(
+            ValueError,
+        ):
+            await demo.postprocess_data(demo.fns[0], predictions=[1, 2], state=None)
+
+    @pytest.mark.asyncio
+    async def test_helpful_error_when_output_is_mistyped(self):
+        def process_images(n, t):
+            return n, t
+
+        with gr.Blocks() as demo:
+            number = gr.Number(precision=0)
+            textbox = gr.Textbox()
+            btn = gr.Button()
+            btn.click(process_images, [number, textbox], [number, textbox])
+
+        with pytest.raises(ComponentProcessingError) as exc_info:
+            await demo.postprocess_data(
+                demo.fns[0], predictions=[{"foo": "bar"}, "a"], state=None
+            )
+        message = str(exc_info.value)
+        assert "index 0" in message
+        assert "number" in message
+        assert "process_images" in message
+        assert "{'foo': 'bar'}" in message
+        assert isinstance(exc_info.value.__cause__, TypeError)
+
+    @pytest.mark.asyncio
+    async def test_helpful_error_when_input_is_mistyped(self):
+        def process_images(n, s):
+            return n, s
+
+        with gr.Blocks() as demo:
+            number = gr.Number()
+            slider = gr.Slider()
+            btn = gr.Button()
+            btn.click(process_images, [number, slider], [number, slider])
+
+        with pytest.raises(ComponentProcessingError) as exc_info:
+            await demo.preprocess_data(
+                demo.fns[0], inputs=[1, {"foo": "bar"}], state=None
+            )
+        message = str(exc_info.value)
+        assert "index 1" in message
+        assert "slider" in message
+        assert "process_images" in message
+        assert isinstance(exc_info.value.__cause__, TypeError)
+
+    @pytest.mark.asyncio
+    async def test_dataset_is_updated(self):
+        def update(value):
+            return value, gr.Dataset(samples=[["New A"], ["New B"]])
+
+        with gr.Blocks() as demo:
+            with gr.Row():
+                textbox = gr.Textbox()
+                dataset = gr.Dataset(
+                    components=["text"], samples=[["Original"]], label="Saved Prompts"
+                )
+                dataset.click(
+                    update,
+                    inputs=[dataset],
+                    outputs=[textbox, dataset],
+                    api_name="predict",
+                )
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+
+        client = TestClient(app)
+
+        session_1 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [0], "session_hash": "1", "fn_index": 0},
+        )
+        assert "Original" in session_1.json()["data"][0]
+        session_2 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [0], "session_hash": "1", "fn_index": 0},
+        )
+        assert "New" in session_2.json()["data"][0]
+
+
+class TestStateHolder:
+    @pytest.mark.asyncio
+    async def test_state_stored_up_to_capacity(self):
+        with gr.Blocks() as demo:
+            num = gr.Number()
+            state = gr.State(value=0)
+
+            def run(x, s):
+                return s, s + 1
+
+            num.submit(
+                run,
+                inputs=[num, state],
+                outputs=[num, state],
+                api_name="predict",
+            )
+        app, _, _ = demo.launch(prevent_thread_lock=True, state_session_capacity=2)
+        client = TestClient(app)
+
+        session_1 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [1, None], "session_hash": "1", "fn_index": 0},
+        )
+        assert session_1.json()["data"][0] == 0
+        session_2 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [1, None], "session_hash": "2", "fn_index": 0},
+        )
+        assert session_2.json()["data"][0] == 0
+        session_1 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [1, None], "session_hash": "1", "fn_index": 0},
+        )
+        assert session_1.json()["data"][0] == 1
+        session_2 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [1, None], "session_hash": "2", "fn_index": 0},
+        )
+        assert session_2.json()["data"][0] == 1
+        session_3 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [1, None], "session_hash": "3", "fn_index": 0},
+        )
+        assert session_3.json()["data"][0] == 0
+        session_2 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [1, None], "session_hash": "2", "fn_index": 0},
+        )
+        assert session_2.json()["data"][0] == 2
+        session_1 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [1, None], "session_hash": "1", "fn_index": 0},
+        )
+        assert (
+            session_1.json()["data"][0] == 0
+        )  # state was lost for session 1 when session 3 was added, since state_session_capacity=2
+
+    @pytest.mark.asyncio
+    async def test_updates_stored_up_to_capacity(self):
+        with gr.Blocks() as demo:
+            min = gr.Number()
+            num = gr.Number()
+
+            def run(min, num):
+                return min, gr.Number(value=num, minimum=min)
+
+            num.submit(
+                run,
+                inputs=[min, num],
+                outputs=[min, num],
+                api_name="predict",
+            )
+        app, _, _ = demo.launch(prevent_thread_lock=True, state_session_capacity=2)
+        client = TestClient(app)
+
+        session_1 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [5, 5], "session_hash": "1", "fn_index": 0},
+        )
+        assert session_1.json()["data"][0] == 5
+        session_1 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [2, 2], "session_hash": "1", "fn_index": 0},
+        )
+        assert "error" in session_1.json()  # error because min is 5 and num is 2
+        session_2 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [5, 5], "session_hash": "2", "fn_index": 0},
+        )
+        assert session_2.json()["data"][0] == 5
+        session_3 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [5, 5], "session_hash": "3", "fn_index": 0},
+        )
+        assert session_3.json()["data"][0] == 5
+        session_1 = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": [2, 2], "session_hash": "1", "fn_index": 0},
+        )
+        assert (
+            "error" not in session_1.json()
+        )  # no error because sesssion 1 block config was lost when session 3 was added
+
+    def test_state_holder_is_used_in_postprocess(self, connect):
+        with gr.Blocks() as demo:
+            dropdown = gr.Dropdown(label="list", choices=["Choice 1"], interactive=True)
+            button = gr.Button("Get dropdown value")
+            button2 = gr.Button("Convert dropdown to multiselect")
+            button.click(
+                lambda x: x, inputs=dropdown, outputs=dropdown, api_name="predict"
+            )
+            button2.click(
+                lambda: gr.Dropdown(multiselect=True),
+                outputs=dropdown,
+                api_name="set_multiselect",
+            )
+
+        client: Client
+        with connect(demo) as client:
+            assert client.predict("Choice 1", api_name="/predict") == "Choice 1"
+            client.predict(api_name="/set_multiselect")
+            assert client.predict("Choice 1", api_name="/predict") == ["Choice 1"]
+
+
+class TestCallFunction:
+    @pytest.mark.asyncio
+    async def test_call_regular_function(self):
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            btn = gr.Button()
+            btn.click(
+                lambda x: f"Hello, {x}",
+                inputs=text,
+                outputs=text,
+            )
+
+        output = await demo.call_function(0, ["World"])
+        assert output["prediction"] == "Hello, World"
+        output = demo("World")
+        assert output == "Hello, World"
+
+        output = await demo.call_function(0, ["Abubakar"])
+        assert output["prediction"] == "Hello, Abubakar"
+
+    @pytest.mark.asyncio
+    async def test_call_multiple_functions(self):
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            text2 = gr.Textbox()
+            btn = gr.Button()
+            btn.click(
+                lambda x: f"Hello, {x}",
+                inputs=text,
+                outputs=text,
+            )
+            text.change(
+                lambda x: f"Hi, {x}",
+                inputs=text,
+                outputs=text2,
+            )
+
+        output = await demo.call_function(0, ["World"])
+        assert output["prediction"] == "Hello, World"
+        output = demo("World")
+        assert output == "Hello, World"
+
+        output = await demo.call_function(1, ["World"])
+        assert output["prediction"] == "Hi, World"
+        output = demo("World", fn_index=1)  # fn_index must be a keyword argument
+        assert output == "Hi, World"
+
+    @pytest.mark.asyncio
+    async def test_call_decorated_functions(self):
+        with gr.Blocks() as demo:
+            name = gr.Textbox(value="Abubakar")
+            output = gr.Textbox(label="Output Box")
+
+            @name.submit(inputs=name, outputs=output)
+            @demo.load(inputs=name, outputs=output)
+            def test(x):
+                return "Hello " + x
+
+        output = await demo.call_function(0, ["Adam"])
+        assert output["prediction"] == "Hello Adam"
+        output = await demo.call_function(1, ["Adam"])
+        assert output["prediction"] == "Hello Adam"
+
+    @pytest.mark.asyncio
+    async def test_call_generator(self):
+        def generator(x):
+            yield from range(x)
+
+        with gr.Blocks() as demo:
+            inp = gr.Number()
+            out = gr.Number()
+            btn = gr.Button()
+            btn.click(
+                generator,
+                inputs=inp,
+                outputs=out,
+            )
+
+        demo.queue()
+        assert demo.config["enable_queue"]
+
+        output = await demo.call_function(0, [3])
+        assert output["prediction"] == 0
+        output = await demo.call_function(0, [3], iterator=output["iterator"])
+        assert output["prediction"] == 1
+        output = await demo.call_function(0, [3], iterator=output["iterator"])
+        assert output["prediction"] == 2
+        output = await demo.call_function(0, [3], iterator=output["iterator"])
+        assert output["prediction"] == gr.components._Keywords.FINISHED_ITERATING
+        assert output["iterator"] is None
+        output = await demo.call_function(0, [3], iterator=output["iterator"])
+        assert output["prediction"] == 0
+
+    @pytest.mark.asyncio
+    async def test_call_both_generator_and_function(self):
+        def generator(x):
+            for i in range(x):
+                yield i, x
+
+        with gr.Blocks() as demo:
+            inp = gr.Number()
+            out1 = gr.Number()
+            out2 = gr.Number()
+            btn = gr.Button()
+            inp.change(lambda x: x + x, inp, out1)
+            btn.click(
+                generator,
+                inputs=inp,
+                outputs=[out1, out2],
+            )
+
+        demo.queue()
+
+        output = await demo.call_function(0, [2])
+        assert output["prediction"] == 4
+        output = await demo.call_function(0, [-1])
+        assert output["prediction"] == -2
+
+        output = await demo.call_function(1, [3])
+        assert output["prediction"] == (0, 3)
+        output = await demo.call_function(1, [3], iterator=output["iterator"])
+        assert output["prediction"] == (1, 3)
+        output = await demo.call_function(1, [3], iterator=output["iterator"])
+        assert output["prediction"] == (2, 3)
+        output = await demo.call_function(1, [3], iterator=output["iterator"])
+        assert output["prediction"] == (gr.components._Keywords.FINISHED_ITERATING,) * 2
+        assert output["iterator"] is None
+        output = await demo.call_function(1, [3], iterator=output["iterator"])
+        assert output["prediction"] == (0, 3)
+
+
+class TestBatchProcessing:
+    @pytest.mark.asyncio
+    async def test_call_regular_function(self):
+        def batch_fn(x):
+            results = []
+            for word in x:
+                results.append(f"Hello {word}")
+            return (results,)
+
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            btn = gr.Button()
+            btn.click(batch_fn, inputs=text, outputs=text, batch=True)
+
+        output = await demo.call_function(0, [["Adam", "Yahya"]])
+        assert output["prediction"][0] == ["Hello Adam", "Hello Yahya"]
+        output = demo("Abubakar")
+        assert output == "Hello Abubakar"
+
+    @pytest.mark.asyncio
+    async def test_functions_multiple_parameters(self):
+        def regular_fn(word1, word2):
+            return len(word1) > len(word2)
+
+        def batch_fn(words, lengths):
+            comparisons = []
+            trim_words = []
+            for word, length in zip(words, lengths, strict=False):
+                trim_words.append(word[:length])
+                comparisons.append(len(word) > length)
+            return trim_words, comparisons
+
+        with gr.Blocks() as demo:
+            text1 = gr.Textbox()
+            text2 = gr.Textbox()
+            leng = gr.Number(precision=0)
+            bigger = gr.Checkbox()
+            btn1 = gr.Button("Check")
+            btn2 = gr.Button("Trim")
+            btn1.click(regular_fn, inputs=[text1, text2], outputs=bigger)
+            btn2.click(
+                batch_fn,
+                inputs=[text1, leng],
+                outputs=[text1, bigger],
+                batch=True,
+            )
+
+        output = await demo.call_function(0, ["Adam", "Yahya"])
+        assert output["prediction"] is False
+        output = demo("Abubakar", "Abid")
+        assert output
+
+        output = await demo.call_function(1, [["Adam", "Mary"], [3, 5]])
+        assert output["prediction"] == (
+            ["Ada", "Mary"],
+            [True, False],
+        )
+        output = demo("Abubakar", 3, fn_index=1)
+        assert output == ["Abu", True]
+
+    @pytest.mark.asyncio
+    async def test_invalid_batch_generator(self):
+        with pytest.raises(ValueError):
+
+            def batch_fn(x):
+                results = []
+                for word in x:
+                    results.append(f"Hello {word}")
+                    yield (results,)
+
+            with gr.Blocks() as demo:
+                text = gr.Textbox()
+                btn = gr.Button()
+                btn.click(batch_fn, inputs=text, outputs=text, batch=True)
+
+            await demo.process_api(0, [["Adam", "Yahya"]], state=None)
+
+    @pytest.mark.asyncio
+    async def test_exceeds_max_batch_size(self):
+        with pytest.raises(ValueError):
+
+            def batch_fn(x):
+                results = []
+                for word in x:
+                    results.append(f"Hello {word}")
+                return (results,)
+
+            with gr.Blocks() as demo:
+                text = gr.Textbox()
+                btn = gr.Button()
+                btn.click(
+                    batch_fn, inputs=text, outputs=text, batch=True, max_batch_size=2
+                )
+
+            await demo.process_api(0, [["A", "B", "C"]], state=None)
+
+    @pytest.mark.asyncio
+    async def test_unequal_batch_sizes(self):
+        with pytest.raises(ValueError):
+
+            def batch_fn(x, y):
+                results = []
+                for word1, word2 in zip(x, y, strict=False):
+                    results.append(f"Hello {word1}{word2}")
+                return (results,)
+
+            with gr.Blocks() as demo:
+                t1 = gr.Textbox()
+                t2 = gr.Textbox()
+                btn = gr.Button()
+                btn.click(batch_fn, inputs=[t1, t2], outputs=t1, batch=True)
+
+            await demo.process_api(0, [["A", "B", "C"], ["D", "E"]], state=None)
+
+
+class TestUpdate:
+    @pytest.mark.asyncio
+    async def test_accordion_update(self):
+        with gr.Blocks() as demo:
+            with gr.Accordion(label="Open for greeting", open=False) as accordion:
+                gr.Textbox("Hello!")
+            open_btn = gr.Button("Open Accordion")
+            close_btn = gr.Button("Close Accordion")
+            open_btn.click(
+                lambda: gr.Accordion(open=True, label="Open Accordion"),
+                inputs=None,
+                outputs=[accordion],
+            )
+            close_btn.click(
+                lambda: gr.Accordion(open=False, label="Closed Accordion"),
+                inputs=None,
+                outputs=[accordion],
+            )
+        result = await demo.process_api(
+            block_fn=0, inputs=[None], request=None, state=None
+        )
+        assert result["data"][0] == {
+            "open": True,
+            "label": "Open Accordion",
+            "__type__": "update",
+        }
+        result = await demo.process_api(
+            block_fn=1, inputs=[None], request=None, state=None
+        )
+        assert result["data"][0] == {
+            "open": False,
+            "label": "Closed Accordion",
+            "__type__": "update",
+        }
+
+
+@pytest.mark.asyncio
+async def test_root_path():
+    image_file = pathlib.Path(__file__).parent / "test_files" / "bus.png"
+    demo = gr.Interface(lambda x: image_file, "textbox", "image")
+    result = await demo.process_api(block_fn=0, inputs=[""], request=None, state=None)
+    result_url = result["data"][0]["url"]
+    assert result_url.startswith(f"{API_PREFIX}/file=")
+    assert result_url.endswith("bus.png")
+
+    result = await demo.process_api(
+        block_fn=0, inputs=[""], request=None, state=None, root_path="abidlabs.hf.space"
+    )
+    result_url = result["data"][0]["url"]
+    assert result_url.startswith(f"abidlabs.hf.space{API_PREFIX}/file=")
+    assert result_url.endswith("bus.png")
+
+
+class TestRender:
+    def test_duplicate_error(self):
+        with pytest.raises(DuplicateBlockError):
+            t = gr.Textbox()
+            with gr.Blocks():
+                t.render()
+                gr.Number()
+                t.render()
+
+        with pytest.raises(DuplicateBlockError):
+            with gr.Blocks():
+                t = gr.Textbox()
+                t.render()
+
+        with pytest.raises(DuplicateBlockError):
+            io = gr.Interface(lambda x: x, gr.Textbox(), gr.Textbox())
+            with gr.Blocks():
+                io.render()
+                io.render()
+
+        with pytest.raises(DuplicateBlockError):
+            t = gr.Textbox()
+            io = gr.Interface(lambda x: x, t, gr.Textbox())
+            with gr.Blocks():
+                io.render()
+                t.render()
+
+    def test_no_error(self):
+        t = gr.Textbox()
+        t2 = gr.Textbox()
+        with gr.Blocks():
+            t.render()
+            t3 = t2.render()
+        assert t2 == t3
+
+        t = gr.Textbox()
+        io = gr.Interface(lambda x: x, t, gr.Textbox())
+        with gr.Blocks():
+            io.render()
+            gr.Textbox()
+
+        io = gr.Interface(lambda x: x, gr.Textbox(), gr.Textbox())
+        io2 = gr.Interface(lambda x: x, gr.Textbox(), gr.Textbox())
+        with gr.Blocks():
+            io.render()
+            io3 = io2.render()
+        assert io2 == io3
+
+    def test_is_rendered(self):
+        t = gr.Textbox()
+        with gr.Blocks():
+            pass
+        assert not t.is_rendered
+
+        t = gr.Textbox()
+        with gr.Blocks():
+            t.render()
+        assert t.is_rendered
+
+        t = gr.Textbox()
+        with gr.Blocks():
+            t.render()
+            t.unrender()
+        assert not t.is_rendered
+
+        with gr.Blocks():
+            t = gr.Textbox()
+        assert t.is_rendered
+
+        with gr.Blocks():
+            t = gr.Textbox()
+        with gr.Blocks():
+            pass
+        assert t.is_rendered
+
+        t = gr.Textbox()
+        gr.Interface(lambda x: x, "textbox", t)
+        assert t.is_rendered
+
+    def test_no_error_if_state_rendered_multiple_times(self):
+        state = gr.State("")
+        gr.TabbedInterface(
+            [
+                gr.Interface(
+                    lambda _, x: (x, "I don't know"),
+                    inputs=[state, gr.Textbox()],
+                    outputs=[state, gr.Textbox()],
+                ),
+                gr.Interface(
+                    lambda s: (s, f"User question: {s}"),
+                    inputs=[state],
+                    outputs=[state, gr.Textbox(interactive=False)],
+                ),
+            ],
+            ["Ask question", "Show question"],
+        )
+
+    def test_unrender_in_different_blocks_context(self):
+        def count_key_value(obj, key, value):
+            """
+            Recursively count how many times `obj[key] == value` appears in a nested structure.
+            """
+            count = 0
+            if isinstance(obj, dict):
+                if obj.get(key) == value:
+                    count += 1
+                for v in obj.values():
+                    count += count_key_value(v, key, value)
+            elif isinstance(obj, list):
+                for item in obj:
+                    count += count_key_value(item, key, value)
+            return count
+
+        with gr.Blocks() as demo:
+            with gr.Row() as row1:
+                textbox = gr.Textbox()
+                assert textbox.parent == row1
+            with gr.Row() as row2:  # noqa: F841
+                textbox.unrender()
+                assert textbox.parent is None
+            with gr.Row() as row3:
+                textbox.render()
+                assert textbox.parent == row3
+
+        # The textbox should be rendered only once
+        config = demo.get_config_file()
+        assert config and "layout" in config
+        assert count_key_value(config["layout"], "id", textbox._id) == 1
+
+
+class TestCancel:
+    @pytest.mark.asyncio
+    async def test_cancel_function(self, capsys):
+        async def long_job():
+            await asyncio.sleep(10)
+            print("HELLO FROM LONG JOB")
+
+        with gr.Blocks():
+            button = gr.Button(value="Start")
+            click = button.click(long_job, None, None)
+            cancel = gr.Button(value="Cancel")
+            cancel.click(None, None, None, cancels=[click])
+
+        task = asyncio.create_task(long_job())
+        task.set_name("foo_0<gradio-sep>event")
+        # If cancel_fun didn't cancel long_job the message would be printed to the console
+        # The test would also take 10 seconds
+        await asyncio.gather(task, cancel_tasks({"foo_0"}), return_exceptions=True)
+        captured = capsys.readouterr()
+        assert "HELLO FROM LONG JOB" not in captured.out
+
+    @pytest.mark.asyncio
+    async def test_cancel_function_with_multiple_blocks(self, capsys):
+        async def long_job():
+            await asyncio.sleep(10)
+            print("HELLO FROM LONG JOB")
+
+        with gr.Blocks() as demo1:
+            textbox = gr.Textbox()
+            button1 = gr.Button(value="Start")
+            button1.click(lambda x: x, textbox, textbox)
+        with gr.Blocks() as demo2:
+            button2 = gr.Button(value="Start")
+            click = button2.click(long_job, None, None)
+            cancel = gr.Button(value="Cancel")
+            cancel.click(None, None, None, cancels=[click])
+
+        with gr.Blocks():
+            with gr.Tab("Demo 1"):
+                demo1.render()
+            with gr.Tab("Demo 2"):
+                demo2.render()
+
+        task = asyncio.create_task(long_job())
+        task.set_name("foo_1<gradio-sep>event")
+        await asyncio.gather(task, cancel_tasks({"foo_1"}), return_exceptions=True)
+        captured = capsys.readouterr()
+        assert "HELLO FROM LONG JOB" not in captured.out
+
+    def test_raise_exception_if_cancelling_an_event_thats_not_queued(self):
+        def iteration(a):
+            yield a
+
+        msg = "Queue needs to be enabled!"
+
+        with pytest.raises(ValueError, match=msg):
+            with gr.Blocks() as demo:
+                button = gr.Button(value="Predict")
+                click = button.click(None, None, None)
+                cancel = gr.Button(value="Cancel")
+                cancel.click(None, None, None, cancels=[click], queue=False)
+            demo.launch(prevent_thread_lock=True)
+
+        with pytest.raises(ValueError, match=msg):
+            with gr.Blocks() as demo:
+                button = gr.Button(value="Predict")
+                click = button.click(None, None, None, queue=False)
+                cancel = gr.Button(value="Cancel")
+                cancel.click(None, None, None, cancels=[click])
+            demo.queue().launch(prevent_thread_lock=True)
+
+    def test_cancel_closes_generator(self):
+        """The /cancel endpoint must call close() on server-side generators."""
+        from gradio.routes import App
+        from gradio.utils import SyncToAsyncIterator
+
+        closed = []
+
+        def gen():
+            try:
+                while True:
+                    yield "running"
+            finally:
+                closed.append(True)
+
+        with gr.Blocks() as demo:
+            out = gr.Textbox()
+            btn = gr.Button()
+            btn.click(gen, None, out, api_name="predict")
+
+        app = App.create_app(demo)
+
+        event_id = "test_event"
+        g = gen()
+        next(g)  # advance so GeneratorExit/finally will fire on close
+        iterator = SyncToAsyncIterator(g, limiter=None)
+        app.iterators[event_id] = iterator
+
+        client = TestClient(app)
+        resp = client.post(
+            f"{API_PREFIX}/cancel",
+            json={
+                "session_hash": "test",
+                "fn_index": 0,
+                "event_id": event_id,
+            },
+        )
+        assert resp.status_code == 200
+        assert resp.json()["success"]
+        assert closed, "Generator was not closed by /cancel endpoint"
+        assert event_id not in app.iterators
+        assert event_id in app.iterators_to_reset
+
+
+class TestGetAPIInfo:
+    def test_many_endpoints(self):
+        with gr.Blocks() as demo:
+            t1 = gr.Textbox()
+            t2 = gr.Textbox()
+            t3 = gr.Textbox()
+            t4 = gr.Textbox()
+            t5 = gr.Textbox()
+            t1.change(lambda x: x, t1, t2, api_name="change1")
+            t2.change(lambda x: x, t2, t3, api_name="change2")
+            t3.change(lambda x: x, t3, t4, api_visibility="private")
+            t4.change(lambda x: x, t4, t5, api_visibility="private")
+
+        api_info = demo.get_api_info()
+        assert api_info
+        assert len(api_info["named_endpoints"]) == 2
+        assert len(api_info["unnamed_endpoints"]) == 0
+
+    def test_no_endpoints(self):
+        with gr.Blocks() as demo:
+            t1 = gr.Textbox()
+            t2 = gr.Textbox()
+            t1.change(lambda x: x, t1, t2, api_visibility="private")
+
+        api_info = demo.get_api_info()
+        assert api_info
+        assert len(api_info["named_endpoints"]) == 0
+        assert len(api_info["unnamed_endpoints"]) == 0
+
+
+class TestAddRequests:
+    def test_no_type_hints(self):
+        def moo(a, b):
+            return a + b
+
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs
+
+        boo = partial(moo, a=1)
+        inputs = [2]
+        inputs_ = helpers.special_args(boo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs
+
+    def test_no_type_hints_with_request(self):
+        def moo(a: str, b: int):
+            return a + str(b)
+
+        inputs = ["abc", 2]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs
+
+        boo = partial(moo, a="def")
+        inputs = [2]
+        inputs_ = helpers.special_args(boo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs
+
+    def test_type_hints_with_request(self):
+        def moo2(a: str, b: gr.Request):
+            return a
+
+        inputs = ["abc"]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo2, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs + [request]
+
+        def moo(a: gr.Request, b, c: int):
+            return c
+
+        inputs = ["abc", 5]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == [request] + inputs
+
+    def test_type_hints_with_multiple_requests(self):
+        def moo2(a: str, b: gr.Request, c: gr.Request):
+            return a
+
+        inputs = ["abc"]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo2, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs + [request, request]
+
+        def moo(a: gr.Request, b, c: int, d: gr.Request):
+            return c
+
+        inputs = ["abc", 5]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == [request] + inputs + [request]
+
+    def test_default_args(self):
+        def moo(a, b, c=42):
+            return a + b + c
+
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs + [42]
+
+        inputs = [1, 2, 24]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs
+
+    def test_default_args_with_progress(self):
+        pr = gr.Progress()
+
+        def moo2(a, b, c=42, pr=pr):
+            return a + b + c
+
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_, progress_index, *_ = helpers.special_args(
+            moo2, copy.deepcopy(inputs), request
+        )
+        assert inputs_ == inputs + [42, pr]
+        assert progress_index == 3
+
+        inputs = [1, 2, 24]
+        request = gr.Request()
+        inputs_, progress_index, *_ = helpers.special_args(
+            moo2, copy.deepcopy(inputs), request
+        )
+        assert inputs_ == inputs + [pr]
+        assert progress_index == 3
+
+        def moo(a, b, pr=pr, c=42):
+            return a + b + c
+
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_, progress_index, *_ = helpers.special_args(
+            moo, copy.deepcopy(inputs), request
+        )
+        assert inputs_ == inputs + [pr, 42]
+        assert progress_index == 2
+
+    def test_default_args_with_request(self):
+        pr = gr.Progress()
+
+        def moo2(a, b, req: gr.Request, c=42):
+            return a + b + c
+
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo2, copy.deepcopy(inputs), request)[0]
+        assert inputs_ == inputs + [request, 42]
+
+        def moo(a, b, req: gr.Request, c=42, pr=pr):
+            return a + b + c
+
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_, progress_index, *_ = helpers.special_args(
+            moo, copy.deepcopy(inputs), request
+        )
+        assert inputs_ == inputs + [request, 42, pr]
+        assert progress_index == 4
+
+    def test_default_args_with_event_data(self):
+        pr = gr.Progress()
+        target = gr.Textbox()
+
+        def moo(a, b, ed: SelectData, c=42):
+            return a + b + c
+
+        event_data = SelectData(target=target, data={"index": 24, "value": "foo"})
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_ = helpers.special_args(moo, copy.deepcopy(inputs), request, event_data)[
+            0
+        ]
+        assert len(inputs_) == 4
+        new_event_data = inputs_[2]
+        assert inputs_ == inputs + [new_event_data, 42]
+        assert isinstance(new_event_data, SelectData)
+        assert new_event_data.target == target
+        assert new_event_data.index == 24
+        assert new_event_data.value == "foo"
+
+        def moo2(a, b, ed: SelectData, c=42, pr=pr):
+            return a + b + c
+
+        inputs = [1, 2]
+        request = gr.Request()
+        inputs_, progress_index, *_ = helpers.special_args(
+            moo2, copy.deepcopy(inputs), request, event_data
+        )
+        assert len(inputs_) == 5
+        new_event_data = inputs_[2]
+        assert inputs_ == inputs + [new_event_data, 42, pr]
+        assert progress_index == 4
+        assert isinstance(new_event_data, SelectData)
+        assert new_event_data.target == target
+        assert new_event_data.index == 24
+        assert new_event_data.value == "foo"
+
+
+@pytest.mark.asyncio
+async def test_queue_when_using_auth():
+    sleep_time = 1
+
+    async def say_hello(name):
+        await asyncio.sleep(sleep_time)
+        return f"Hello {name}!"
+
+    with gr.Blocks() as demo:
+        _input = gr.Textbox()
+        _output = gr.Textbox()
+        button = gr.Button()
+        button.click(say_hello, _input, _output)
+    demo.queue()
+    app, _, _ = demo.launch(auth=("abc", "123"), prevent_thread_lock=True)
+
+    with pytest.raises(ValueError):
+        grc.Client(f"http://localhost:{demo.server_port}")
+
+    client = grc.Client(f"http://localhost:{demo.server_port}", auth=("abc", "123"))
+    jobs = []
+    for i in range(3):
+        jobs.append(client.submit(f"World {i}", fn_index=0))
+
+    for i, job in enumerate(jobs):
+        assert job.result() == f"Hello World {i}!"
+
+
+def test_temp_file_sets_get_extended():
+    test_file_dir = pathlib.Path(pathlib.Path(__file__).parent, "test_files")
+
+    with gr.Blocks() as demo1:
+        gr.Video(str(test_file_dir / "video_sample.mp4"))
+
+    with gr.Blocks() as demo2:
+        gr.Audio(str(test_file_dir / "audio_sample.wav"))
+
+    with gr.Blocks() as demo3:
+        demo1.render()
+        demo2.render()
+    # The upload_set is empty so we remove it from the check
+    demo_3_no_empty = [s for s in demo3.temp_file_sets if len(s)]
+    demo_1_and_2_no_empty = [
+        s for s in demo1.temp_file_sets + demo2.temp_file_sets if len(s)
+    ]
+    assert demo_3_no_empty == demo_1_and_2_no_empty
+
+
+def test_recover_kwargs():
+    audio = gr.Audio(format="wav", autoplay=True)
+    props = audio.recover_kwargs(
+        {"format": "wav", "value": "foo.wav", "autoplay": False, "foo": "bar"}
+    )
+    assert props == {"format": "wav", "value": "foo.wav", "autoplay": False}
+    props = audio.recover_kwargs(
+        {"format": "wav", "value": "foo.wav", "autoplay": False, "foo": "bar"},
+        ["value"],
+    )
+    assert props == {"format": "wav", "autoplay": False}
+
+
+def test_postprocess_update_dict():
+    block = gr.Textbox()
+    update_dict = {"value": 2.0, "visible": True, "invalid_arg": "hello"}
+    assert blocks.postprocess_update_dict(block, update_dict, True) == {
+        "__type__": "update",
+        "value": "2.0",
+        "visible": True,
+    }
+
+    block = gr.Textbox(lines=10)
+    update_dict = {"value": 2.0, "lines": 10}
+    assert blocks.postprocess_update_dict(block, update_dict, False) == {
+        "__type__": "update",
+        "value": 2.0,
+        "lines": 10,
+    }
+
+    block = gr.Dropdown(choices=["New Country A", "New Country B"])
+    update_dict = {
+        "value": "New Country A",
+        "choices": ["New Country A", "New Country B"],
+    }
+    assert blocks.postprocess_update_dict(block, update_dict, False) == {
+        "__type__": "update",
+        "value": "New Country A",
+        "choices": [
+            ("New Country A", "New Country A"),
+            ("New Country B", "New Country B"),
+        ],
+    }
+
+
+def test_async_iterator_update_with_new_component(connect):
+    async def get_number_stream():
+        for i in range(10):
+            yield gr.Number(value=i, label="Number (updates every second)")
+
+            await asyncio.sleep(0.1)
+
+    demo = gr.Interface(
+        fn=get_number_stream, inputs=None, outputs=["number"], api_name="predict"
+    )
+    demo.queue()
+
+    with connect(demo) as client:
+        job = client.submit(api_name="/predict")
+        job.result()
+        assert [r["value"] for r in job.outputs()] == list(range(10))
+
+
+def test_emptry_string_api_name_gets_set_as_fn_name():
+    def test_fn(x):
+        return x
+
+    with gr.Blocks() as demo:
+        t1 = gr.Textbox()
+        t2 = gr.Textbox()
+        t1.change(test_fn, t1, t2, api_name="")
+
+    assert demo.fns[0].api_name == "test_fn"
+
+
+@pytest.mark.asyncio
+async def test_blocks_postprocessing_with_copies_of_component_instance():
+    # Test for: https://github.com/gradio-app/gradio/issues/6608
+    with gr.Blocks() as demo:
+        chatbot = gr.Chatbot()
+        chatbot2 = gr.Chatbot()
+        chatbot3 = gr.Chatbot()
+        clear = gr.Button("Clear")
+
+        def clear_func():
+            return tuple([gr.Chatbot(value=[])] * 3)
+
+        clear.click(
+            fn=clear_func, outputs=[chatbot, chatbot2, chatbot3], api_name="clear"
+        )
+
+        output = await demo.postprocess_data(
+            demo.fns[0], [gr.Chatbot(value=[])] * 3, None
+        )
+        assert output == [{"value": [], "__type__": "update"}] * 3
+
+
+def test_static_files_single_app(connect, gradio_temp_dir):
+    gr.set_static_paths(
+        paths=["test/test_files/cheetah1.jpg", "test/test_files/bus.png"]
+    )
+    demo = gr.Interface(
+        lambda s: s.rotate(45),
+        gr.Image(value="test/test_files/cheetah1.jpg", type="pil"),
+        gr.Image(),
+        examples=["test/test_files/bus.png"],
+    )
+
+    # Nothing got saved to cache
+    assert len(list(gradio_temp_dir.glob("**/*.*"))) == 0
+
+    with connect(demo) as client:
+        client.predict(grc.handle_file("test/test_files/bus.png"))
+
+    # Input/Output got saved to cache
+    assert len(list(gradio_temp_dir.glob("**/*.*"))) == 2
+
+
+def test_static_files_multiple_apps(gradio_temp_dir):
+    gr.set_static_paths(paths=["test/test_files/cheetah1.jpg"])
+    demo = gr.Interface(
+        lambda s: s.rotate(45),
+        gr.Image(value="test/test_files/cheetah1.jpg"),
+        gr.Image(),
+    )
+
+    gr.set_static_paths(paths=["test/test_files/images"])
+    demo_2 = gr.Interface(
+        lambda s: s.rotate(45),
+        gr.Image(value="test/test_files/images/bus.png"),
+        gr.Image(),
+    )
+
+    with gr.Blocks():
+        demo.render()
+        demo_2.render()
+
+    # Input/Output got saved to cache
+    assert len(list(gradio_temp_dir.glob("**/*.*"))) == 0
+
+
+def test_time_to_live_and_delete_callback_for_state(capsys, monkeypatch):
+    monkeypatch.setenv("GRADIO_IS_E2E_TEST", "1")
+
+    def test_fn(x):
+        return x + 1, x + 1
+
+    def delete_fn(v):
+        print(f"deleted {v}")
+
+    with gr.Blocks() as demo:
+        n1 = gr.Number(value=0)
+        state = gr.State(
+            value=0, time_to_live=1, delete_callback=lambda v: delete_fn(v)
+        )
+        button = gr.Button("Increment")
+        button.click(test_fn, [state], [n1, state], api_name="increment")
+
+    app, url, _ = demo.launch(prevent_thread_lock=True)
+
+    try:
+        client_1 = grc.Client(url)
+        client_2 = grc.Client(url)
+
+        client_1.predict(api_name="/increment")
+        client_1.predict(api_name="/increment")
+        client_1.predict(api_name="/increment")
+
+        client_2.predict(api_name="/increment")
+        client_2.predict(api_name="/increment")
+
+        time.sleep(3)
+
+        captured = capsys.readouterr()
+        assert "deleted 2" in captured.out
+        assert "deleted 3" in captured.out
+        for client in [client_1, client_2]:
+            assert (
+                len(app.state_holder.session_data[client.session_hash].state_data) == 0  # type: ignore
+            )
+    finally:
+        demo.close()
+
+
+def test_post_process_file_blocked(connect):
+    dotfile = pathlib.Path(".foo.txt")
+    file = pathlib.Path(os.getcwd()) / ".." / "file.txt"
+
+    try:
+        demo = gr.Interface(lambda s: s, "text", "file")
+        with connect(demo, show_error=True) as client:
+            _ = client.predict("test/test_files/bus.png")
+            with pytest.raises(
+                ValueError,
+                match="to the gradio cache dir because it was not created by",
+            ):
+                file.write_text("Hi")
+                client.predict(str(file))
+
+        with connect(demo, allowed_paths=[str(file)]) as client:
+            _ = client.predict(str(file))
+
+        dotfile.write_text("foo")
+        with connect(demo, show_error=True) as client:
+            with pytest.raises(ValueError, match="Dotfiles located"):
+                _ = client.predict(str(dotfile))
+
+        with connect(demo, allowed_paths=[str(dotfile)]) as client:
+            _ = client.predict(str(dotfile))
+
+    finally:
+        try:
+            dotfile.unlink()
+        except FileNotFoundError:
+            pass
+
+
+def test_render_when_mounted_sets_root_path_for_files():
+    app = FastAPI()
+    test_video_path = "test/test_files/video_sample.mp4"
+
+    with gr.Blocks() as demo:
+        text = gr.Text()
+        gr.Video(test_video_path)
+
+        @gr.render(inputs=text)
+        def show_video(data):
+            gr.Video(test_video_path)
+
+    app = gr.mount_gradio_app(app, demo, path="/test")
+
+    with TestClient(app) as client:
+        r = client.post(
+            f"/test{API_PREFIX}/queue/join",
+            json={
+                "data": [""],
+                "fn_index": 0,
+                "event_data": None,
+                "session_hash": "foo",
+                "trigger_id": None,
+            },
+        )
+        assert r.status_code == 200
+        r = client.get(f"/test{API_PREFIX}/queue/data?session_hash=foo")
+        checked_component = False
+        for msg in r.iter_lines():
+            if "data" in msg:
+                data = json.loads(msg[5:])
+                if data["msg"] == "process_completed":
+                    render_config = data["output"]["render_config"]
+                    for component in render_config["components"]:
+                        if "value" in component.get("props", {}):
+                            assert component["props"]["value"]["url"].startswith(
+                                f"http://testserver/test{API_PREFIX}/file="
+                            )
+                            checked_component = True
+        assert checked_component
+
+
+@pytest.fixture
+def mock_css_files():
+    css_contents = {
+        "file1.css": "h1 { font-size: 20px; }",
+        "file2.css": ".class { margin: 10px; }",
+    }
+
+    def mock_open_file(filename, encoding):
+        return mock_open(read_data=css_contents[filename])()
+
+    with patch("builtins.open", side_effect=mock_open_file):
+        yield
+
+
+def test_css_and_css_paths_parameters(gradio_temp_dir):
+    (gradio_temp_dir / "file1.css").write_text("h1 { font-size: 20px; }")
+    (gradio_temp_dir / "file2.css").write_text(".class { margin: 10px; }")
+    css_paths = [str(gradio_temp_dir / "file1.css"), str(gradio_temp_dir / "file2.css")]
+    expected_css = """
+body { color: red; }
+h1 { font-size: 20px; }
+.class { margin: 10px; }
+        """
+    with gr.Blocks() as instance:
+        pass
+    instance.launch(
+        prevent_thread_lock=True, css="body { color: red; }", css_paths=css_paths
+    )
+    assert instance.css is not None
+    assert instance.css.strip() == expected_css.strip()
+    instance.close()
+
+
+def test_navbar_config():
+    """
+    Test that navbar component produces the correct config
+    """
+    with gr.Blocks() as demo:
+        gr.Navbar([("About2", "/about2")], visible=True, main_page_name="My Custom App")
+        gr.Textbox(label="Main page content")
+
+    with demo.route("About"):
+        gr.Markdown("About page")
+
+    config = demo.get_config_file()
+    navbar_component = None
+    for component in config["components"]:
+        if component["type"] == "navbar":
+            navbar_component = component
+            break
+
+    assert navbar_component is not None
+    assert navbar_component["props"]["value"] == [["About2", "/about2"]]
+    assert navbar_component["props"]["visible"]
+    assert navbar_component["props"]["main_page_name"] == "My Custom App"
+
+
+def test_multiple_navbar_components_in_same_page_raise_error():
+    # This SHOULD raise an error since we have multiple navbar components in the same page
+    with pytest.raises(ValueError):
+        with gr.Blocks() as demo:
+            gr.Navbar()
+            gr.Textbox()
+            gr.Navbar()  # This should raise an error
+            gr.Textbox()
+
+    # This should NOT raise an error since each navbar is on a different page
+    with gr.Blocks() as demo:
+        gr.Navbar()
+        gr.Textbox()
+    with demo.route("Page 2"):
+        gr.Navbar()
+        gr.Textbox()
+
+
+@pytest.mark.flaky
+def test_blocks_close_closes_thread_properly():
+    a = gr.Blocks()
+
+    def poll():
+        start = time.time()
+        while time.time() - start < 0.5:
+            time.sleep(0.1)
+        print("Closing...")
+        a.close()
+
+    t = threading.Thread(target=poll, daemon=True)
+    t.start()
+
+    with a:
+        gr.Markdown("Testing close")
+    a.launch(prevent_thread_lock=True)
+
+    time.sleep(1.2)
+    assert not t.is_alive()
+    assert not a.is_running
+
+
+def test_render_apply_does_not_raise_keyerror_when_fns_are_popped():
+    """
+    `Renderable.apply` snapshots `fns_from_last_render` *before* running the user
+    render function. If the user render function (or anything it calls -- e.g.
+    `gr.Examples` -- which transiently appends and then pops a function in
+    `gradio/helpers.py`) leaves `blocks_config.fns` without an entry for one of
+    the previously-rendered ids, the cleanup loop in `Renderable.apply` must
+    treat that absent entry as "already cleaned up" rather than raising.
+
+    Reproduces issue #12081 deterministically without spinning up an HTTP
+    server.
+    """
+
+    captured = {}
+
+    with gr.Blocks() as demo:
+        with gr.Tab(key="tab", label="Tab"):
+            dropdown = gr.Dropdown(["a", "b", "c"])
+
+            @gr.render(inputs=[dropdown])
+            def _render(value):  # noqa: D401
+                gr.Textbox(key="text", label="Text")
+                gr.Examples(
+                    examples=["a1", "a2", "a3"],
+                    example_labels=["First", "Second", "Third"],
+                    inputs=[gr.Textbox(visible=False)],
+                )
+
+            for renderable in demo.renderables:
+                captured["renderable"] = renderable
+
+    renderable = captured["renderable"]
+
+    blocks_config = demo.default_config
+
+    class _StubBlockFn:
+        rendered_in = renderable
+        render_iteration = renderable.render_iteration  # current iteration
+        _id = max(blocks_config.fns.keys(), default=-1) + 1_000
+
+    stub = _StubBlockFn()
+    blocks_config.fns[stub._id] = stub  # type: ignore[assignment]
+
+    token = LocalContext.blocks_config.set(blocks_config)
+    try:
+        # Concurrently pop the stub mid-render to simulate gr.Examples' fake-
+        # event cleanup (`gradio/helpers.py:580`).
+        original_fn = renderable.fn
+
+        def _user_fn_that_pops(*args, **kwargs):
+            blocks_config.fns.pop(stub._id, None)
+            return original_fn(*args, **kwargs)
+
+        renderable.fn = _user_fn_that_pops
+        try:
+            # Should NOT raise KeyError -- this is the fix for #12081.
+            renderable.apply("a")
+        finally:
+            renderable.fn = original_fn
+    finally:
+        LocalContext.blocks_config.reset(token)
diff --git a/test/test_buttons.py b/test/test_buttons.py
new file mode 100644
index 0000000..441d514
--- /dev/null
+++ b/test/test_buttons.py
@@ -0,0 +1,59 @@
+from unittest.mock import patch
+
+import pytest
+
+import gradio as gr
+
+
+class TestClearButton:
+    def test_clear_event_setup_correctly(self):
+        with gr.Blocks() as demo:
+            chatbot = gr.Chatbot(  # type: ignore
+                [  # type: ignore
+                    {"content": "Hello", "role": "user"},
+                    {"content": "How are you?", "role": "assistant"},
+                ]
+            )
+            with gr.Row():
+                textbox = gr.Textbox(scale=3, interactive=True)
+                gr.ClearButton([textbox, chatbot], scale=1)
+
+        clear_event_trigger = demo.fns.pop(demo.default_config.fn_id - 1)
+        assert not clear_event_trigger.fn
+        assert clear_event_trigger.js
+        assert clear_event_trigger.outputs == [textbox, chatbot]
+
+    def test_clear_event_setup_correctly_with_state(self):
+        with gr.Blocks() as demo:
+            chatbot = gr.Chatbot(  # type: ignore
+                [  # type: ignore
+                    {"content": "Hello", "role": "user"},
+                    {"content": "How are you?", "role": "assistant"},
+                ]
+            )
+            state = gr.State("")
+            gr.ClearButton([state, chatbot], scale=1)
+
+        clear_event_trigger_state = demo.fns.pop(demo.default_config.fn_id - 1)
+        assert clear_event_trigger_state.fn
+
+
+class TestOAuthButtons:
+    @pytest.mark.flaky
+    def test_login_button_warns_when_not_on_spaces(self):
+        with pytest.warns(UserWarning):
+            with gr.Blocks():
+                gr.LoginButton()
+
+    @patch("gradio.oauth.get_space", lambda: "fake_space")
+    @patch("gradio.oauth._add_oauth_routes")
+    def test_login_button_setup_correctly(self, mock_add_oauth_routes):
+        with gr.Blocks() as demo:
+            button = gr.LoginButton()
+
+        login_event = demo.fns[0]
+        assert login_event.targets[0][1] == "click"
+        assert not login_event.fn  # No Python code
+        assert login_event.js  # But JS code instead
+        assert login_event.inputs == [button]
+        assert login_event.outputs == []
diff --git a/test/test_caching.py b/test/test_caching.py
new file mode 100644
index 0000000..16851c9
--- /dev/null
+++ b/test/test_caching.py
@@ -0,0 +1,401 @@
+import asyncio
+from contextlib import contextmanager
+
+import numpy as np
+import pandas as pd
+import pytest
+from PIL import Image
+
+from gradio.caching import (
+    Cache,
+    CacheMissError,
+    ProbeCache,
+    TrackManualCacheUsage,
+    cache,
+    cache_hash,
+    clear_session_caches,
+    resolve_generator,
+    used_manual_cache,
+)
+from gradio.context import LocalContext
+from gradio.route_utils import Request
+
+
+@contextmanager
+def session_context(session_hash: str):
+    token = LocalContext.request.set(Request(session_hash=session_hash))
+    try:
+        yield
+    finally:
+        LocalContext.request.reset(token)
+
+
+class TestCacheHash:
+    def test_primitives(self):
+        assert cache_hash(1) == cache_hash(1)
+        assert cache_hash("hello") == cache_hash("hello")
+        assert cache_hash(1) != cache_hash(2)
+
+    def test_collections(self):
+        assert cache_hash([1, 2, 3]) == cache_hash([1, 2, 3])
+        assert cache_hash({"a": 1, "b": 2}) == cache_hash({"b": 2, "a": 1})
+        assert cache_hash([1, 2]) != cache_hash((1, 2))
+
+    def test_numpy_array(self):
+        a = np.array([1.0, 2.0, 3.0])
+        b = np.array([1.0, 2.0, 3.0])
+        c = np.array([1.0, 2.0, 4.0])
+        assert cache_hash(a) == cache_hash(b)
+        assert cache_hash(a) != cache_hash(c)
+
+    def test_pil_image(self):
+        a = Image.new("RGB", (10, 10), color=(255, 0, 0))
+        b = Image.new("RGB", (10, 10), color=(255, 0, 0))
+        c = Image.new("RGB", (10, 10), color=(0, 255, 0))
+        assert cache_hash(a) == cache_hash(b)
+        assert cache_hash(a) != cache_hash(c)
+
+    def test_pandas_object_columns(self):
+        a = pd.DataFrame({"x": ["a", "b"], "y": ["c", "d"]})
+        b = pd.DataFrame({"x": ["a", "b"], "y": ["c", "d"]})
+        assert cache_hash(a) == cache_hash(b)
+
+    def test_pandas_series_object_values(self):
+        a = pd.Series(["a", "b"], name="letters")
+        b = pd.Series(["a", "b"], name="letters")
+        assert cache_hash(a) == cache_hash(b)
+
+    def test_unhashable_raises(self):
+        with pytest.raises(TypeError, match="gr.cache"):
+            cache_hash(
+                object.__new__(type("X", (), {"__hash__": None, "__slots__": ()}))
+            )
+
+
+class TestResolveGenerator:
+    def test_sync_generator(self):
+        def gen(n):
+            yield from range(n)
+
+        wrapped, values = resolve_generator(gen)
+        assert wrapped(4) == 3
+        assert values == [0, 1, 2, 3]
+
+
+class TestCacheDecorator:
+    def test_probe_cache_raises_on_sync_miss_in_worker_thread(self):
+        call_count = 0
+
+        @cache
+        def add(x, y):
+            nonlocal call_count
+            call_count += 1
+            return x + y
+
+        async def run():
+            with ProbeCache():
+                await asyncio.to_thread(add, 1, 2)
+
+        with pytest.raises(CacheMissError):
+            asyncio.run(run())
+        assert call_count == 0
+
+    def test_probe_cache_raises_on_async_miss(self):
+        call_count = 0
+
+        @cache
+        async def add(x, y):
+            nonlocal call_count
+            call_count += 1
+            return x + y
+
+        async def run():
+            with ProbeCache():
+                await add(1, 2)
+
+        with pytest.raises(CacheMissError):
+            asyncio.run(run())
+        assert call_count == 0
+
+    def test_sync_function(self):
+        call_count = 0
+
+        @cache
+        def add(x, y):
+            nonlocal call_count
+            call_count += 1
+            return x + y
+
+        assert add(1, 2) == 3
+        assert add(1, 2) == 3
+        assert call_count == 1
+
+    def test_sync_generator_replays_all_yields(self):
+        call_count = 0
+
+        @cache
+        def count_up(n):
+            nonlocal call_count
+            call_count += 1
+            total = 0
+            for i in range(1, n + 1):
+                total += i
+                yield total
+
+        assert list(count_up(3)) == [1, 3, 6]
+        assert list(count_up(3)) == [1, 3, 6]
+        assert call_count == 1
+
+    def test_sync_generator_caches_zero_yield_result(self):
+        call_count = 0
+
+        @cache
+        def empty_stream(flag):
+            nonlocal call_count
+            call_count += 1
+            if flag:
+                yield "value"
+
+        assert list(empty_stream(False)) == []
+        assert list(empty_stream(False)) == []
+        assert call_count == 1
+
+    def test_async_generator_caches_zero_yield_result(self):
+        call_count = 0
+
+        @cache
+        async def empty_stream(flag):
+            nonlocal call_count
+            call_count += 1
+            if flag:
+                yield "value"
+
+        async def run():
+            return [v async for v in empty_stream(False)]
+
+        assert asyncio.run(run()) == []
+        assert asyncio.run(run()) == []
+        assert call_count == 1
+
+    def test_kwargs_normalization(self):
+        call_count = 0
+
+        @cache
+        def add(x, y=10):
+            nonlocal call_count
+            call_count += 1
+            return x + y
+
+        assert add(1) == 11
+        assert add(1, y=10) == 11
+        assert call_count == 1
+
+    def test_key_parameter(self):
+        call_count = 0
+
+        @cache(key=lambda kw: kw["prompt"])
+        def generate(prompt, temperature=0.7):
+            nonlocal call_count
+            call_count += 1
+            return f"{prompt}_{temperature}"
+
+        r1 = generate("hello", temperature=0.5)
+        r2 = generate("hello", temperature=0.9)
+        assert call_count == 1
+        assert r2 == r1
+
+    def test_max_size(self):
+        @cache(max_size=2)
+        def fn(x):
+            return x
+
+        fn(1)
+        fn(2)
+        fn(3)
+        assert len(fn.cache) == 2
+
+    def test_mutable_yields_deepcopied(self):
+        @cache
+        def streamer(n):
+            result = []
+            for i in range(1, n + 1):
+                result.append(i)
+                yield result
+
+        list(streamer(3))
+        assert list(streamer(3)) == [[1], [1, 2], [1, 2, 3]]
+
+    def test_runtime_wrapper_reuses_cache(self):
+        call_count = 0
+
+        def add(x, y=0):
+            nonlocal call_count
+            call_count += 1
+            return x + y
+
+        assert cache(add)(1, y=2) == 3
+        assert cache(add)(1, y=2) == 3
+        assert call_count == 1
+
+    def test_runtime_wrapper_with_key_parameter(self):
+        call_count = 0
+
+        def cache_key(kw):
+            return kw["prompt"]
+
+        def generate(prompt, temperature=0.7):
+            nonlocal call_count
+            call_count += 1
+            return f"{prompt}_{temperature}"
+
+        cached_generate = cache(generate, key=cache_key)
+        r1 = cached_generate("hello", temperature=0.5)
+        r2 = cache(generate, key=cache_key)("hello", temperature=0.9)
+
+        assert r1 == r2
+        assert call_count == 1
+
+    def test_runtime_wrapper_reuses_async_generator_and_tracks_manual_cache_usage(
+        self,
+    ):
+        call_count = 0
+
+        async def passthrough(flag):
+            nonlocal call_count
+            call_count += 1
+            if flag:
+                yield "value"
+
+        async def collect_values():
+            return [v async for v in cache(passthrough)(True)]
+
+        assert asyncio.run(collect_values()) == ["value"]
+
+        with TrackManualCacheUsage():
+            assert used_manual_cache() is False
+            assert asyncio.run(collect_values()) == ["value"]
+            assert used_manual_cache() is True
+
+        assert call_count == 1
+
+    def test_runtime_wrapper_reuses_async_function(self):
+        call_count = 0
+
+        async def add_async(x, y=0):
+            nonlocal call_count
+            call_count += 1
+            return x + y
+
+        assert asyncio.run(cache(add_async)(1, y=2)) == 3
+        assert asyncio.run(cache(add_async)(1, y=2)) == 3
+        assert call_count == 1
+
+    def test_runtime_wrapper_reuses_sync_generator(self):
+        call_count = 0
+
+        def counter(n):
+            nonlocal call_count
+            call_count += 1
+            yield from range(1, n + 1)
+
+        assert list(cache(counter)(3)) == [1, 2, 3]
+        assert list(cache(counter)(3)) == [1, 2, 3]
+        assert call_count == 1
+
+    def test_runtime_wrapper_non_callable_raises(self):
+        with pytest.raises(TypeError, match="expected a callable"):
+            cache(123)
+
+        def add(x):
+            return x + 1
+
+        with pytest.raises(TypeError, match="Use gr.cache\\(fn\\)\\(\\*args\\)"):
+            cache(add(1))
+
+
+class TestCacheManual:
+    def test_get_set(self):
+        c = Cache()
+        assert c.get("k") is None
+        c.set("k", value=42)
+        assert c.get("k") == {"value": 42}
+
+    def test_prefix_matching_pattern(self):
+        c = Cache()
+        c.set("hello", kv=[1, 2, 3, 4, 5])
+        c.set("hello world", kv=list(range(11)))
+
+        prompt = "hello world foo"
+        best_key = None
+        best_len = 0
+        for cached_key in c.keys():  # noqa: SIM118
+            if prompt.startswith(cached_key) and len(cached_key) > best_len:
+                best_key = cached_key
+                best_len = len(cached_key)
+
+        assert best_key == "hello world"
+        result = c.get(best_key)
+        assert result is not None
+        assert result["kv"] == list(range(11))
+
+    def test_eviction_by_count(self):
+        c = Cache(max_size=2)
+        c.set("a", v=1)
+        c.set("b", v=2)
+        c.set("c", v=3)
+        assert len(c) == 2
+        assert c.get("a") is None
+
+    def test_eviction_by_memory(self):
+        c = Cache(max_size=0, max_memory="1kb")
+        c.set("a", data=np.zeros(100, dtype=np.float64))
+        assert len(c) == 1
+        c.set("b", data=np.zeros(100, dtype=np.float64))
+        assert len(c) == 1
+        assert c.get("a") is None
+
+    def test_manual_cache_hit_tracking(self):
+        c = Cache()
+        c.set("k", value=42)
+
+        with TrackManualCacheUsage():
+            assert used_manual_cache() is False
+            assert c.get("missing") is None
+            assert used_manual_cache() is False
+            assert c.get("k") == {"value": 42}
+            assert used_manual_cache() is True
+
+    def test_clear_session_caches_evicts_closed_session_only(self):
+        manual_cache = Cache(per_session=True)
+        global_cache = Cache()
+        call_count = 0
+
+        @cache(per_session=True)
+        def decorated(value):
+            nonlocal call_count
+            call_count += 1
+            return value * 2
+
+        with session_context("session-1"):
+            manual_cache.set("k", value=1)
+            global_cache.set("shared", value=100)
+            assert decorated(3) == 6
+
+        with session_context("session-2"):
+            manual_cache.set("k", value=2)
+            assert decorated(3) == 6
+
+        assert call_count == 2
+
+        clear_session_caches("session-1")
+
+        with session_context("session-1"):
+            assert manual_cache.get("k") is None
+            assert decorated(3) == 6
+
+        with session_context("session-2"):
+            assert manual_cache.get("k") == {"value": 2}
+            assert decorated(3) == 6
+
+        assert global_cache.get("shared") == {"value": 100}
+        assert call_count == 3
diff --git a/test/test_chat_interface.py b/test/test_chat_interface.py
new file mode 100644
index 0000000..5278376
--- /dev/null
+++ b/test/test_chat_interface.py
@@ -0,0 +1,575 @@
+import tempfile
+import warnings
+from concurrent.futures import wait
+from pathlib import Path
+from unittest.mock import patch
+
+import pytest
+from gradio_client import handle_file
+
+import gradio as gr
+from gradio.components.chatbot import Message, TextMessage
+
+
+def invalid_fn(message):
+    return message
+
+
+def double(message, history):
+    return message + " " + message
+
+
+async def async_greet(message, history):
+    return "hi, " + message
+
+
+def stream(message, history):
+    for i in range(len(message)):
+        yield message[: i + 1]
+
+
+async def async_stream(message, history):
+    for i in range(len(message)):
+        yield message[: i + 1]
+
+
+def count(message, history):
+    return str(len(history))
+
+
+def echo_system_prompt_plus_message(message, history, system_prompt, tokens):
+    response = f"{system_prompt} {message}"
+    for i in range(min(len(response), int(tokens))):
+        yield response[: i + 1]
+
+
+class TestInit:
+    def test_no_fn(self):
+        with pytest.raises(TypeError):
+            gr.ChatInterface()  # type: ignore
+
+    def test_concurrency_limit(self):
+        chat = gr.ChatInterface(double, concurrency_limit=10)
+        assert chat.concurrency_limit == 10
+        fns = [
+            fn
+            for fn in chat.fns.values()
+            if fn.name in {"_submit_fn", "_api_submit_fn"}
+        ]
+        assert all(fn.concurrency_limit == 10 for fn in fns)
+
+    def test_custom_textbox(self):
+        def chat():
+            return "Hello"
+
+        gr.ChatInterface(
+            chat,
+            chatbot=gr.Chatbot(height=400),
+            textbox=gr.Textbox(placeholder="Type Message", container=False, scale=7),
+            title="Test",
+        )
+        gr.ChatInterface(
+            chat,
+            chatbot=gr.Chatbot(height=400),
+            textbox=gr.MultimodalTextbox(container=False, scale=7),
+            title="Test",
+        )
+
+    def test_events_attached(self):
+        chatbot = gr.ChatInterface(double)
+        dependencies = chatbot.fns.values()
+        textbox = chatbot.textbox._id
+        assert next(
+            (d for d in dependencies if d.targets == [(textbox, "submit")]),
+            None,
+        )
+
+    def test_example_caching(self, connect):
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            chatbot = gr.ChatInterface(
+                double, examples=["hello", "hi"], cache_examples=True
+            )
+            with connect(chatbot):
+                prediction_hello = chatbot.examples_handler.load_from_cache(0)
+                prediction_hi = chatbot.examples_handler.load_from_cache(1)
+            assert prediction_hello[0].root == [
+                Message(role="user", content=[TextMessage(text="hello")]),
+                Message(role="assistant", content=[TextMessage(text="hello hello")]),
+            ]
+            assert prediction_hi[0].root == [
+                Message(role="user", content=[TextMessage(text="hi")]),
+                Message(role="assistant", content=[TextMessage(text="hi hi")]),
+            ]
+
+    @pytest.mark.asyncio
+    async def test_example_caching_lazy(self):
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            chatbot = gr.ChatInterface(
+                double,
+                examples=["hello", "hi"],
+                cache_examples=True,
+                cache_mode="lazy",
+            )
+            prediction_hello = chatbot.examples_handler.load_from_cache(0)
+            assert prediction_hello[0].root == [
+                Message(role="user", content=[TextMessage(text="hello")]),
+                Message(role="assistant", content=[TextMessage(text="hello hello")]),
+            ]
+            prediction_hi = chatbot.examples_handler.load_from_cache(1)
+            assert prediction_hi[0].root == [
+                Message(role="user", content=[TextMessage(text="hi")]),
+                Message(role="assistant", content=[TextMessage(text="hi hi")]),
+            ]
+
+    def test_example_caching_async(self, connect):
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            chatbot = gr.ChatInterface(
+                async_greet, examples=["abubakar", "tom"], cache_examples=True
+            )
+
+            with connect(chatbot):
+                prediction_hello = chatbot.examples_handler.load_from_cache(0)
+                prediction_hi = chatbot.examples_handler.load_from_cache(1)
+            assert prediction_hello[0].root == [
+                Message(role="user", content=[TextMessage(text="abubakar")]),
+                Message(role="assistant", content=[TextMessage(text="hi, abubakar")]),
+            ]
+            assert prediction_hi[0].root == [
+                Message(role="user", content=[TextMessage(text="tom")]),
+                Message(role="assistant", content=[TextMessage(text="hi, tom")]),
+            ]
+
+    def test_example_caching_with_streaming(self, connect):
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            chatbot = gr.ChatInterface(
+                stream, examples=["hello", "hi"], cache_examples=True
+            )
+            with connect(chatbot):
+                prediction_hello = chatbot.examples_handler.load_from_cache(0)
+                prediction_hi = chatbot.examples_handler.load_from_cache(1)
+            assert prediction_hello[0].root == [
+                Message(role="user", content=[TextMessage(text="hello")]),
+                Message(role="assistant", content=[TextMessage(text="hello")]),
+            ]
+            assert prediction_hi[0].root == [
+                Message(role="user", content=[TextMessage(text="hi")]),
+                Message(role="assistant", content=[TextMessage(text="hi")]),
+            ]
+
+    def test_example_caching_with_streaming_async(self, connect):
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            chatbot = gr.ChatInterface(
+                async_stream, examples=["hello", "hi"], cache_examples=True
+            )
+            with connect(chatbot):
+                prediction_hello = chatbot.examples_handler.load_from_cache(0)
+                prediction_hi = chatbot.examples_handler.load_from_cache(1)
+            assert prediction_hello[0].root == [
+                Message(role="user", content=[TextMessage(text="hello")]),
+                Message(role="assistant", content=[TextMessage(text="hello")]),
+            ]
+            assert prediction_hi[0].root == [
+                Message(role="user", content=[TextMessage(text="hi")]),
+                Message(role="assistant", content=[TextMessage(text="hi")]),
+            ]
+
+    def test_default_accordion_params(self):
+        chatbot = gr.ChatInterface(
+            echo_system_prompt_plus_message,
+            additional_inputs=["textbox", "slider"],
+        )
+        accordion = [
+            comp
+            for comp in chatbot.blocks.values()
+            if comp.get_config().get("name") == "accordion"
+        ][0]
+        assert accordion.get_config().get("open") is False
+        assert (
+            accordion.get_config().get("label").key  # type: ignore
+            == "chat_interface.additional_inputs"
+        )
+
+    def test_setting_accordion_params(self, monkeypatch):
+        chatbot = gr.ChatInterface(
+            echo_system_prompt_plus_message,
+            additional_inputs=["textbox", "slider"],
+            additional_inputs_accordion=gr.Accordion(open=True, label="MOAR"),
+        )
+        accordion = [
+            comp
+            for comp in chatbot.blocks.values()
+            if comp.get_config().get("name") == "accordion"
+        ][0]
+        assert accordion.get_config().get("open") is True
+        assert accordion.get_config().get("label") == "MOAR"
+
+    def test_example_caching_with_additional_inputs(self, monkeypatch, connect):
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            chatbot = gr.ChatInterface(
+                echo_system_prompt_plus_message,
+                additional_inputs=["textbox", "slider"],
+                examples=[["hello", "robot", 100], ["hi", "robot", 2]],
+                cache_examples=True,
+            )
+            with connect(chatbot):
+                prediction_hello = chatbot.examples_handler.load_from_cache(0)
+                prediction_hi = chatbot.examples_handler.load_from_cache(1)
+            assert prediction_hello[0].root == [
+                Message(role="user", content=[TextMessage(text="hello")]),
+                Message(role="assistant", content=[TextMessage(text="robot hello")]),
+            ]
+            assert prediction_hi[0].root == [
+                Message(role="user", content=[TextMessage(text="hi")]),
+                Message(role="assistant", content=[TextMessage(text="ro")]),
+            ]
+
+    def test_example_caching_with_additional_inputs_already_rendered(
+        self, monkeypatch, connect
+    ):
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            with gr.Blocks() as demo:
+                with gr.Accordion("Inputs"):
+                    text = gr.Textbox()
+                    slider = gr.Slider()
+                    chatbot = gr.ChatInterface(
+                        echo_system_prompt_plus_message,
+                        additional_inputs=[text, slider],
+                        examples=[["hello", "robot", 100], ["hi", "robot", 2]],
+                        cache_examples=True,
+                    )
+            with connect(demo):
+                prediction_hello = chatbot.examples_handler.load_from_cache(0)
+                prediction_hi = chatbot.examples_handler.load_from_cache(1)
+            assert prediction_hello[0].root == [
+                Message(role="user", content=[TextMessage(text="hello")]),
+                Message(role="assistant", content=[TextMessage(text="robot hello")]),
+            ]
+            assert prediction_hi[0].root == [
+                Message(role="user", content=[TextMessage(text="hi")]),
+                Message(role="assistant", content=[TextMessage(text="ro")]),
+            ]
+
+    def test_custom_chatbot_with_events(self):
+        with gr.Blocks() as demo:
+            chatbot = gr.Chatbot()
+            chatbot.like(lambda: None, None, None)
+            gr.ChatInterface(fn=lambda x, y: x, chatbot=chatbot)
+        dependencies = demo.fns.values()
+        assert next(
+            (d for d in dependencies if d.targets == [(chatbot._id, "like")]),
+            None,
+        )
+
+
+class TestAPI:
+    def test_get_api_info(self):
+        chatbot = gr.ChatInterface(double, api_name="chat")
+        api_info = chatbot.get_api_info()
+        assert api_info
+        assert len(api_info["named_endpoints"]) == 1
+        assert len(api_info["unnamed_endpoints"]) == 0
+        assert "/chat" in api_info["named_endpoints"]
+
+    def test_streaming_api(self, connect):
+        chatbot = gr.ChatInterface(stream).queue()
+        with connect(chatbot) as client:
+            job = client.submit("hello")
+            wait([job])
+            assert job.outputs() == ["h", "he", "hel", "hell", "hello"]
+
+    def test_streaming_api_async(self, connect):
+        chatbot = gr.ChatInterface(async_stream).queue()
+        with connect(chatbot) as client:
+            job = client.submit("hello")
+            wait([job])
+            assert job.outputs() == ["h", "he", "hel", "hell", "hello"]
+
+    def test_non_streaming_api(self, connect):
+        chatbot = gr.ChatInterface(double)
+        with connect(chatbot) as client:
+            result = client.predict("hello")
+            assert result == "hello hello"
+
+    def test_non_streaming_api_default(self, connect):
+        chatbot = gr.ChatInterface(double, api_name="double")
+        with connect(chatbot) as client:
+            result = client.predict("hello", api_name="/double")
+            assert result == "hello hello"
+
+    def test_non_streaming_api_async(self, connect):
+        chatbot = gr.ChatInterface(async_greet)
+        with connect(chatbot) as client:
+            result = client.predict("gradio")
+            assert result == "hi, gradio"
+
+    def test_streaming_api_with_additional_inputs(self, connect):
+        chatbot = gr.ChatInterface(
+            echo_system_prompt_plus_message,
+            additional_inputs=["textbox", "slider"],
+        ).queue()
+        with connect(chatbot) as client:
+            job = client.submit("hello", "robot", 7)
+            wait([job])
+            assert job.outputs() == [
+                "r",
+                "ro",
+                "rob",
+                "robo",
+                "robot",
+                "robot ",
+                "robot h",
+            ]
+
+    def test_multimodal_api(self, connect):
+        def double_multimodal(msg, history):
+            return msg["text"] + " " + msg["text"]
+
+        chatbot = gr.ChatInterface(
+            double_multimodal,
+            multimodal=True,
+            api_name="chat",
+        )
+        with connect(chatbot) as client:
+            result = client.predict({"text": "hello", "files": []}, api_name="/chat")
+            assert result == "hello hello"
+
+    def test_component_returned(self, connect):
+        def mock_chat_fn(msg, history):
+            return gr.Audio("test/test_files/audio_sample.wav")
+
+        chatbot = gr.ChatInterface(
+            mock_chat_fn,
+            multimodal=True,
+            api_name="chat",
+        )
+        with connect(chatbot) as client:
+            result = client.predict(
+                {
+                    "text": "hello",
+                    "files": [handle_file("test/test_files/audio_sample.wav")],
+                },
+                api_name="/chat",
+            )
+            assert result["value"] == "test/test_files/audio_sample.wav"
+
+    def test_multiple_messages(self, connect):
+        def multiple_messages(msg, history):
+            return [msg["text"], msg["text"]]
+
+        chatbot = gr.ChatInterface(
+            multiple_messages,
+            multimodal=True,
+            api_name="chat",
+        )
+        with connect(chatbot) as client:
+            result = client.predict({"text": "hello", "files": []}, api_name="/chat")
+            assert result == ["hello", "hello"]
+
+
+class TestExampleMessages:
+    def test_setup_example_messages_with_strings(self):
+        chat = gr.ChatInterface(
+            double,
+            examples=["hello", "hi", "hey"],
+            example_labels=["Greeting 1", "Greeting 2", "Greeting 3"],
+        )
+        assert len(chat.examples_messages) == 3
+        assert chat.examples_messages[0] == {
+            "text": "hello",
+            "display_text": "Greeting 1",
+        }
+        assert chat.examples_messages[1] == {
+            "text": "hi",
+            "display_text": "Greeting 2",
+        }
+        assert chat.examples_messages[2] == {
+            "text": "hey",
+            "display_text": "Greeting 3",
+        }
+
+    def test_setup_example_messages_with_multimodal(self):
+        chat = gr.ChatInterface(
+            double,
+            examples=[  # type: ignore
+                {"text": "hello", "files": ["file1.txt"]},
+                {"text": "hi", "files": ["file2.txt", "file3.txt"]},
+                {"text": "", "files": ["file4.txt"]},
+            ],
+        )
+        assert len(chat.examples_messages) == 3
+        assert chat.examples_messages[0]["text"] == "hello"  # type: ignore
+        assert chat.examples_messages[0]["files"][0]["path"].endswith("file1.txt")  # type: ignore
+
+    def test_setup_example_messages_with_lists(self):
+        chat = gr.ChatInterface(
+            double,
+            examples=[
+                ["hello", "other_value"],
+                ["hi", "another_value"],
+            ],
+        )
+        assert len(chat.examples_messages) == 2
+        assert chat.examples_messages[0] == {"text": "hello"}
+        assert chat.examples_messages[1] == {"text": "hi"}
+
+    def test_setup_example_messages_empty(self):
+        chat = gr.ChatInterface(double)
+        chat._setup_example_messages(None)
+        assert chat.examples_messages == []
+
+    def test_chat_interface_api_name(self, connect):
+        chat = gr.ChatInterface(double, api_visibility="private")
+        assert chat.api_visibility == "private"
+        with connect(chat) as client:
+            assert client.view_api(return_format="dict")["named_endpoints"] == {}
+        chat = gr.ChatInterface(double, api_name="double")
+        with connect(chat) as client:
+            assert "/double" in client.view_api(return_format="dict")["named_endpoints"]
+
+    def test_chat_interface_api_names_with_additional_inputs(self, connect):
+        def response(message, history, random_number: int):
+            return str(random_number)
+
+        chat = gr.ChatInterface(
+            response,
+            additional_inputs=[gr.Textbox(label="Random number")],
+            api_name="chat",
+        )
+        with connect(chat) as client:
+            endpoints = client.view_api(return_format="dict")["named_endpoints"]
+            assert "/chat" in endpoints
+            assert any(
+                p["parameter_name"] == "random_number"
+                for p in endpoints["/chat"]["parameters"]
+            )
+
+    def test_example_icons_set_if_multimodal_false(self):
+        demo = gr.ChatInterface(
+            fn=double,
+            title="🌤️ Weather Assistant",
+            description="Ask about the weather anywhere! Watch as I gather the information step by step.",
+            examples=[
+                "What's the weather like in Tokyo?",
+                "Is it sunny in Paris right now?",
+                "Should I bring an umbrella in New York today?",
+            ],
+            example_icons=[
+                "https://cdn3.iconfinder.com/data/icons/landmark-outline/432/japan_tower_tokyo_landmark_travel_architecture_tourism_view-256.png",
+                "https://cdn2.iconfinder.com/data/icons/city-building-1/200/ArcdeTriomphe-256.png",
+                "https://cdn2.iconfinder.com/data/icons/city-icons-for-offscreen-magazine/80/new-york-256.png",
+            ],
+        )
+        assert len(demo.examples_messages) == 3
+        assert (
+            demo.examples_messages[0].get("icon", {}).get("url")  # type: ignore
+            == "https://cdn3.iconfinder.com/data/icons/landmark-outline/432/japan_tower_tokyo_landmark_travel_architecture_tourism_view-256.png"
+        )
+        assert (
+            demo.examples_messages[1].get("icon", {}).get("url")  # type: ignore
+            == "https://cdn2.iconfinder.com/data/icons/city-building-1/200/ArcdeTriomphe-256.png"
+        )
+        assert (
+            demo.examples_messages[2].get("icon", {}).get("url")  # type: ignore
+            == "https://cdn2.iconfinder.com/data/icons/city-icons-for-offscreen-magazine/80/new-york-256.png"
+        )
+
+
+def chat(message, history):
+    return f"Echo: {message}"
+
+
+class TestTextboxParameterConflicts:
+    """Test that warnings are shown for conflicting textbox parameters."""
+
+    def test_warning_with_custom_textbox_and_submit_btn(self):
+        """Should warn when submit_btn is set on ChatInterface with custom Textbox."""
+        with pytest.warns(UserWarning, match="submit_btn.*will be ignored"):
+            gr.ChatInterface(
+                chat,
+                textbox=gr.Textbox(placeholder="Custom textbox"),
+                submit_btn="submit",
+            )
+
+    def test_warning_with_custom_textbox_and_stop_btn(self):
+        """Should warn when stop_btn is set on ChatInterface with custom Textbox."""
+        with pytest.warns(UserWarning, match="stop_btn.*will be ignored"):
+            gr.ChatInterface(
+                chat,
+                textbox=gr.Textbox(placeholder="Custom textbox"),
+                stop_btn="Stop",
+            )
+
+    def test_warning_with_multiple_conflicts(self):
+        """Should warn about all conflicting parameters."""
+        with pytest.warns(UserWarning, match="submit_btn.*stop_btn.*will be ignored"):
+            gr.ChatInterface(
+                chat,
+                textbox=gr.Textbox(placeholder="Custom textbox"),
+                submit_btn="Send",
+                stop_btn="Stop",
+            )
+
+    def test_no_warning_when_params_set_on_textbox(self):
+        """Should NOT warn when params are correctly set on the textbox itself."""
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")
+
+            gr.ChatInterface(
+                chat,
+                textbox=gr.Textbox(placeholder="Custom textbox", submit_btn="submit"),
+            )
+
+    def test_no_warning_without_custom_textbox(self):
+        """Should NOT warn when using default textbox with ChatInterface params."""
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")
+
+            gr.ChatInterface(
+                chat,
+                submit_btn="Submit",
+            )
+
+    def test_no_warning_when_textbox_already_has_matching_value(self):
+        """Should NOT warn if textbox already has the same value as ChatInterface param."""
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")
+
+            gr.ChatInterface(
+                chat,
+                textbox=gr.Textbox(placeholder="Test", submit_btn="Send"),
+                submit_btn="Send",
+            )
+
+    def test_warning_with_multimodal_textbox(self):
+        """Should warn for MultimodalTextbox conflicts too."""
+        with pytest.warns(UserWarning, match="stop_btn.*will be ignored"):
+            gr.ChatInterface(
+                chat,
+                multimodal=True,
+                textbox=gr.MultimodalTextbox(placeholder="Custom"),
+                stop_btn="Stop",
+            )
+
+    def test_no_warning_multimodal_with_correct_usage(self):
+        """Should NOT warn when MultimodalTextbox params are set correctly."""
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")
+            gr.ChatInterface(
+                chat,
+                multimodal=True,
+                textbox=gr.MultimodalTextbox(placeholder="Custom", stop_btn="Stop"),
+            )
diff --git a/test/test_component_props.py b/test/test_component_props.py
new file mode 100644
index 0000000..486ad6d
--- /dev/null
+++ b/test/test_component_props.py
@@ -0,0 +1,98 @@
+"""Tests for the component props feature."""
+
+import gradio as gr
+from gradio import helpers
+
+
+def test_special_args_detects_component_type_hints():
+    """Test that special_args detects when a parameter is type-hinted with a component."""
+
+    def func_with_component_hint(x: gr.Number):
+        return x.value * 2
+
+    def func_without_hint(x):
+        return x * 2
+
+    # Test that component type hint is detected
+    _, _, _, component_prop_indices = helpers.special_args(func_with_component_hint)
+    assert 0 in component_prop_indices
+
+    # Test that no component type hint is detected
+    _, _, _, component_prop_indices = helpers.special_args(func_without_hint)
+    assert len(component_prop_indices) == 0
+
+
+def test_special_args_creates_namespace_with_props():
+    """Test that special_args creates a namespace object with component props."""
+
+    def func(x: gr.Number):
+        return x.value
+
+    component_props = {
+        0: {"value": 5, "minimum": 0, "maximum": 10, "label": "Test Number"}
+    }
+
+    inputs, *_ = helpers.special_args(func, inputs=[5], component_props=component_props)
+
+    # Check that the input is a SimpleNamespace with all props
+    assert hasattr(inputs[0], "value")
+    assert hasattr(inputs[0], "minimum")
+    assert hasattr(inputs[0], "maximum")
+    assert hasattr(inputs[0], "label")
+    assert inputs[0].value == 5
+    assert inputs[0].minimum == 0
+    assert inputs[0].maximum == 10
+    assert inputs[0].label == "Test Number"
+
+
+def test_mixed_type_hints():
+    """Test that we can mix component type hints with regular parameters."""
+
+    def func(a: gr.Number, b, c: gr.Textbox):
+        return a.value + b + len(c.value)
+
+    _, _, _, component_prop_indices = helpers.special_args(func)
+    assert 0 in component_prop_indices  # a
+    assert 1 not in component_prop_indices  # b
+    assert 2 in component_prop_indices  # c
+
+
+def test_block_function_stores_component_prop_inputs():
+    """Test that BlockFunction correctly stores component_prop_inputs."""
+    from gradio.block_function import BlockFunction
+
+    def func(x: gr.Number):
+        return x.value
+
+    block_fn = BlockFunction(
+        fn=func,
+        inputs=[],
+        outputs=[],
+        preprocess=True,
+        postprocess=True,
+        inputs_as_dict=False,
+        targets=[],
+        _id=0,
+        component_prop_inputs=[0, 2],
+    )
+
+    assert block_fn.component_prop_inputs == [0, 2]
+    assert block_fn.get_config()["component_prop_inputs"] == [0, 2]
+
+
+def test_component_props_in_blocks():
+    """Test the full integration of component props in a Blocks app."""
+
+    with gr.Blocks() as demo:
+        a = gr.Number(value=5, minimum=0, maximum=10)
+        b = gr.Number()
+
+        def double_with_props(x: gr.Number):
+            # Should receive namespace with all props
+            return x.value * 2
+
+        a.submit(double_with_props, a, b)
+
+    # Check that the function has component_prop_inputs set
+    fn = demo.fns[0]
+    assert 0 in fn.component_prop_inputs
diff --git a/test/test_components.py b/test/test_components.py
new file mode 100644
index 0000000..d993f75
--- /dev/null
+++ b/test/test_components.py
@@ -0,0 +1,178 @@
+import inspect
+import os
+
+import numpy as np
+import pandas as pd
+import pytest
+from gradio_client import utils as client_utils
+
+import gradio as gr
+from gradio import processing_utils
+from gradio.components.base import Component
+from gradio.data_classes import GradioModel, GradioRootModel
+from gradio.templates import TextArea
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+
+class TestGettingComponents:
+    def test_component_function(self):
+        assert isinstance(gr.components.component("textarea", render=False), TextArea)
+
+    @pytest.mark.parametrize(
+        "component, render, unrender, should_be_rendered",
+        [
+            (gr.Textbox(render=True), False, True, False),
+            (gr.Textbox(render=False), False, False, False),
+            (gr.Textbox(render=False), True, False, True),
+            ("textbox", False, False, False),
+            ("textbox", True, False, True),
+        ],
+    )
+    def test_get_component_instance_rendering(
+        self, component, render, unrender, should_be_rendered
+    ):
+        with gr.Blocks():
+            textbox = gr.components.get_component_instance(
+                component, render=render, unrender=unrender
+            )
+            assert textbox.is_rendered == should_be_rendered
+
+
+class TestNames:
+    # This test ensures that `components.get_component_instance()` works correctly when instantiating from components
+    def test_no_duplicate_uncased_names(self, io_components):
+        unique_subclasses_uncased = {s.__name__.lower() for s in io_components}
+        assert len(io_components) == len(unique_subclasses_uncased)
+
+
+def test_dataframe_process_example_converts_dataframes():
+    df_comp = gr.Dataframe()
+    assert df_comp.process_example(
+        pd.DataFrame({"a": [1, 2, 3, 4], "b": [5, 6, 7, 8]})
+    ) == [
+        [1, 5],
+        [2, 6],
+        [3, 7],
+        [4, 8],
+    ]
+    assert df_comp.process_example(np.array([[1, 2], [3, 4.0]])) == [
+        [1.0, 2.0],
+        [3.0, 4.0],
+    ]
+
+
+@pytest.mark.parametrize("component", [gr.Model3D, gr.File, gr.Audio])
+def test_process_example_returns_file_basename(component):
+    component = component()
+    assert (
+        component.process_example("/home/freddy/sources/example.ext") == "example.ext"
+    )
+    assert component.process_example(None) == ""
+
+
+def test_component_class_ids():
+    button_id = gr.Button().component_class_id
+    textbox_id = gr.Textbox().component_class_id
+    json_id = gr.JSON().component_class_id
+    mic_id = gr.Mic().component_class_id
+    microphone_id = gr.Microphone().component_class_id
+    audio_id = gr.Audio().component_class_id
+
+    assert button_id == gr.Button().component_class_id
+    assert textbox_id == gr.Textbox().component_class_id
+    assert json_id == gr.JSON().component_class_id
+    assert mic_id == gr.Mic().component_class_id
+    assert microphone_id == gr.Microphone().component_class_id
+    assert audio_id == gr.Audio().component_class_id
+    assert mic_id == microphone_id
+
+    # Make sure that the ids are unique
+    assert len({button_id, textbox_id, json_id, microphone_id, audio_id}) == 5
+
+
+def test_constructor_args():
+    assert gr.Textbox(max_lines=314).constructor_args == {"max_lines": 314}
+    assert gr.LoginButton(visible=False, value="Log in please").constructor_args == {
+        "visible": False,
+        "value": "Log in please",
+    }
+
+
+def test_template_component_configs(io_components):
+    """
+    This test ensures that every "template" (the classes defined in gradio/template.py)
+    has all of the arguments that its parent class has. E.g. the constructor of the `Sketchpad`
+    class should have all of the arguments that the constructor of `ImageEditor` has
+    """
+    template_components = [c for c in io_components if getattr(c, "is_template", False)]
+    for component in template_components:
+        component_parent_class = inspect.getmro(component)[1]
+        template_config = component().get_config()
+        parent_config = component_parent_class().get_config()
+        parent_keys = set(parent_config.keys())
+        template_keys = set(template_config.keys())
+        missing_keys = parent_keys - template_keys
+        if missing_keys:
+            raise AssertionError(
+                f"Template {component.__name__} is missing keys from parent {component_parent_class.__name__}: {missing_keys}"
+            )
+
+
+def test_component_example_values(io_components):
+    for component in io_components:
+        if component in [gr.BarPlot, gr.LinePlot, gr.ScatterPlot]:
+            c: Component = component(x="x", y="y")
+        else:
+            c: Component = component()
+        c.postprocess(c.example_value())
+
+
+def test_component_example_payloads(io_components):
+    for component in io_components:
+        if issubclass(component, gr.components.NativePlot):
+            c: Component = component(x="x", y="y")
+        elif component == gr.FileExplorer:
+            c: Component = component(root_dir="gradio")
+        else:
+            c: Component = component()
+        data = c.example_payload()
+        data = client_utils.synchronize_async(
+            processing_utils.async_move_files_to_cache,
+            data,
+            c,
+            check_in_upload_folder=False,
+        )
+        if getattr(c, "data_model", None) and data is not None:
+            if issubclass(c.data_model, GradioModel):  # type: ignore
+                data = c.data_model(**data)  # type: ignore
+            elif issubclass(c.data_model, GradioRootModel):  # type: ignore
+                data = c.data_model(root=data)  # type: ignore
+        c.preprocess(data)  # type: ignore
+
+
+def test_all_io_components_are_pickleable(io_components):
+    import pickle
+
+    for component in io_components:
+        if component in [gr.BarPlot, gr.LinePlot, gr.ScatterPlot]:
+            c: Component = component(x="x", y="y")
+        elif component == gr.FileExplorer:
+            c: Component = component(root_dir="gradio")
+        else:
+            c: Component = component()
+        pickled = pickle.dumps(c)
+        unpickled = pickle.loads(pickled)
+        assert c.get_config() == unpickled.get_config()
+
+
+def test_all_components_have_change_event(io_components):
+    """
+    Every component has a `value` that can be set programmatically (e.g. a
+    Button's value is its label), so every component should expose a `.change()`
+    event listener that can be wired up without erroring.
+    See https://github.com/gradio-app/gradio/issues/5309.
+    """
+    for component in io_components:
+        with gr.Blocks():
+            component().change(lambda: None)
diff --git a/test/test_docker/.gitignore b/test/test_docker/.gitignore
new file mode 100644
index 0000000..b96da04
--- /dev/null
+++ b/test/test_docker/.gitignore
@@ -0,0 +1 @@
+*.whl
\ No newline at end of file
diff --git a/test/test_docker/Dockerfile b/test/test_docker/Dockerfile
new file mode 100644
index 0000000..8b0173a
--- /dev/null
+++ b/test/test_docker/Dockerfile
@@ -0,0 +1,10 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+COPY *.whl ./
+RUN pip install --no-cache-dir *.whl
+
+COPY app.py .
+
+CMD ["python", "app.py"]
\ No newline at end of file
diff --git a/test/test_docker/app.py b/test/test_docker/app.py
new file mode 100644
index 0000000..27b6cc4
--- /dev/null
+++ b/test/test_docker/app.py
@@ -0,0 +1,5 @@
+import gradio as gr
+
+demo = gr.Interface(lambda x: f"Hi {x}", "textbox", "textbox")
+
+demo.launch(server_name="0.0.0.0", server_port=8000)
diff --git a/test/test_docker/conftest.py b/test/test_docker/conftest.py
new file mode 100644
index 0000000..f79ace6
--- /dev/null
+++ b/test/test_docker/conftest.py
@@ -0,0 +1,183 @@
+import os
+import shutil
+import subprocess
+import time
+
+import docker  # ty: ignore[unresolved-import]
+import pytest
+import requests
+from docker.errors import NotFound  # ty: ignore[unresolved-import]
+from requests.exceptions import ConnectionError, RequestException
+
+
+@pytest.fixture(scope="session", autouse=True)
+def build_packages():
+    file_dir = os.path.dirname(os.path.abspath(__file__))
+    gradio_dir = os.path.dirname(os.path.dirname(file_dir))
+
+    # Check if wheels already exist (e.g., copied from CI artifacts)
+    existing_wheels = [f for f in os.listdir(file_dir) if f.endswith(".whl")]
+    has_gradio_wheel = any(
+        "gradio-" in f and "gradio_client" not in f for f in existing_wheels
+    )
+    has_client_wheel = any("gradio_client-" in f for f in existing_wheels)
+
+    if not (has_gradio_wheel and has_client_wheel):
+        try:
+            subprocess.run(
+                ["python", "-m", "build", "--wheel", gradio_dir, "--outdir", file_dir],
+                check=True,
+                capture_output=True,
+                text=True,
+            )
+            subprocess.run(
+                [
+                    "python",
+                    "-m",
+                    "build",
+                    "--wheel",
+                    os.path.join(gradio_dir, "client/python/"),
+                    "--outdir",
+                    file_dir,
+                ],
+                check=True,
+                capture_output=True,
+                text=True,
+            )
+        except subprocess.CalledProcessError as e:
+            raise RuntimeError(
+                f"Error during python build: {e.stderr} | {e.stdout}"
+            ) from e
+
+    wheel_files = [f for f in os.listdir(file_dir) if f.endswith(".whl")]
+    test_folders = [
+        folder for folder in os.listdir(file_dir) if folder.startswith("test_")
+    ]
+    for wheel_file in wheel_files:
+        for test_folder in test_folders:
+            shutil.copy(
+                os.path.join(file_dir, wheel_file), os.path.join(file_dir, test_folder)
+            )
+
+    yield
+
+    for wheel_file in wheel_files:
+        wheel_path = os.path.join(file_dir, wheel_file)
+        os.remove(wheel_path)
+        for test_folder in test_folders:
+            test_wheel_path = os.path.join(file_dir, test_folder, wheel_file)
+            if os.path.exists(test_wheel_path):
+                os.remove(test_wheel_path)
+
+
+@pytest.fixture(scope="module")
+def launch_services_fn():
+    client = docker.from_env()
+
+    def launch_services(
+        test_name: str, folder: str, app_suffix: str = "", nginx_suffix: str = ""
+    ):
+        os.environ["COMPOSE_PROJECT_NAME"] = test_name
+        try:
+            subprocess.run(
+                [
+                    "docker",
+                    "compose",
+                    "-f",
+                    f"{folder}/docker-compose.yml",
+                    "up",
+                    "-d",
+                    "--build",
+                ],
+                check=True,
+                capture_output=True,
+                text=True,
+            )
+        except subprocess.CalledProcessError as e:
+            raise RuntimeError(
+                f"Error during docker-compose up: {e.stderr} | {e.stdout}"
+            ) from e
+
+        container_attempts = 10
+
+        app_container = None
+        nginx_container = None
+
+        while container_attempts > 0:
+            try:
+                app_container = client.containers.get(f"{test_name}_app")
+                nginx_container = client.containers.get(f"{test_name}_nginx")
+                print("Successfully connected to both containers")
+                break
+            except NotFound as e:
+                print(f"Waiting for containers to be ready: {e}")
+                container_attempts -= 1
+                time.sleep(1)
+                continue
+            except Exception as e:
+                print(f"Unexpected error checking containers: {e}")
+                raise
+
+        if container_attempts == 0:
+            raise TimeoutError("Timed out waiting for containers to be ready")
+
+        if app_container is None or nginx_container is None:
+            raise ValueError("Failed to get app or nginx container")
+
+        app_container.reload()
+        nginx_container.reload()
+
+        app_port = None
+        nginx_port = None
+
+        try:
+            app_port = app_container.ports.get("8000/tcp")[0]["HostPort"]  # type: ignore
+            nginx_port = nginx_container.ports.get("80/tcp")[0]["HostPort"]  # type: ignore
+
+            app_url = f"http://localhost:{app_port}{app_suffix}"
+            nginx_url = f"http://localhost:{nginx_port}{nginx_suffix}"
+
+            print(f"Will check app at: {app_url}")
+            print(f"Will check nginx at: {nginx_url}")
+
+            service_attempts = 20
+            while service_attempts > 0:
+                try:
+                    app_response = requests.get(app_url, timeout=2)
+                    print(f"App response: {app_response.status_code}")
+
+                    nginx_response = requests.get(nginx_url, timeout=2)
+                    print(f"Nginx response: {nginx_response.status_code}")
+
+                    if (
+                        app_response.status_code == 200
+                        and nginx_response.status_code == 200
+                    ):
+                        print("Both services are responding with 200 OK")
+                        break
+
+                except (ConnectionError, RequestException) as e:
+                    print(f"Waiting for services to be ready: {e}")
+
+                service_attempts -= 1
+                time.sleep(1)
+
+            if service_attempts == 0:
+                raise TimeoutError(
+                    "Timed out waiting for services to respond with 200 OK"
+                )
+        except Exception as e:
+            print(f"Error during service check: {e}")
+            raise
+
+        yield app_url, nginx_url
+
+        try:
+            subprocess.run(
+                ["docker", "compose", "-f", f"{folder}/docker-compose.yml", "down"],
+                check=True,
+            )
+        except Exception as e:
+            print(f"Error during cleanup: {e}")
+
+    return launch_services
diff --git a/test/test_docker/docker-compose.yml b/test/test_docker/docker-compose.yml
new file mode 100644
index 0000000..78074f9
--- /dev/null
+++ b/test/test_docker/docker-compose.yml
@@ -0,0 +1,32 @@
+version: "3.8"
+
+services:
+  app:
+    build: .
+    container_name: ${COMPOSE_PROJECT_NAME:-gradio_nginx_test}_gradio_app
+    networks:
+      - app_network
+    hostname: app
+    healthcheck:
+      test: ["CMD", "curl", "-f", "http://localhost:8000/config"]
+      interval: 10s
+      timeout: 5s
+      retries: 3
+      start_period: 5s
+
+  nginx:
+    image: nginx:latest
+    container_name: ${COMPOSE_PROJECT_NAME:-gradio_nginx_test}_nginx
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf:ro
+      - /dev/null:/etc/nginx/conf.d/default.conf:ro
+    ports:
+      - "0:80"
+    depends_on:
+      - app
+    networks:
+      - app_network
+
+networks:
+  app_network:
+    driver: bridge
diff --git a/test/test_docker/nginx.conf b/test/test_docker/nginx.conf
new file mode 100644
index 0000000..44a8a37
--- /dev/null
+++ b/test/test_docker/nginx.conf
@@ -0,0 +1,15 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    server {
+        listen 80;
+        
+        location / {
+            proxy_pass http://app:8000;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+        }
+    }
+}
\ No newline at end of file
diff --git a/test/test_docker/test_reverse_proxy/Dockerfile b/test/test_docker/test_reverse_proxy/Dockerfile
new file mode 100644
index 0000000..8b0173a
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy/Dockerfile
@@ -0,0 +1,10 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+COPY *.whl ./
+RUN pip install --no-cache-dir *.whl
+
+COPY app.py .
+
+CMD ["python", "app.py"]
\ No newline at end of file
diff --git a/test/test_docker/test_reverse_proxy/app.py b/test/test_docker/test_reverse_proxy/app.py
new file mode 100644
index 0000000..27b6cc4
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy/app.py
@@ -0,0 +1,5 @@
+import gradio as gr
+
+demo = gr.Interface(lambda x: f"Hi {x}", "textbox", "textbox")
+
+demo.launch(server_name="0.0.0.0", server_port=8000)
diff --git a/test/test_docker/test_reverse_proxy/docker-compose.yml b/test/test_docker/test_reverse_proxy/docker-compose.yml
new file mode 100644
index 0000000..623463c
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy/docker-compose.yml
@@ -0,0 +1,28 @@
+version: "3.8"
+
+services:
+  app:
+    build: .
+    container_name: ${COMPOSE_PROJECT_NAME}_app
+    networks:
+      - app_network
+    hostname: app
+    ports:
+      - "0:8000"
+
+  nginx:
+    image: nginx:latest
+    container_name: ${COMPOSE_PROJECT_NAME}_nginx
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf:ro
+      - /dev/null:/etc/nginx/conf.d/default.conf:ro
+    ports:
+      - "0:80"
+    depends_on:
+      - app
+    networks:
+      - app_network
+
+networks:
+  app_network:
+    driver: bridge
diff --git a/test/test_docker/test_reverse_proxy/nginx.conf b/test/test_docker/test_reverse_proxy/nginx.conf
new file mode 100644
index 0000000..7c25006
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy/nginx.conf
@@ -0,0 +1,21 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    server {
+        listen 80;
+        
+        location / {
+            proxy_pass http://app:8000/;
+            proxy_buffering off;
+            proxy_redirect off;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_set_header Host $http_host;
+            proxy_set_header X-Forwarded-Host $http_host;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }        
+    }
+}
\ No newline at end of file
diff --git a/test/test_docker/test_reverse_proxy/test_reverse_proxy.py b/test/test_docker/test_reverse_proxy/test_reverse_proxy.py
new file mode 100644
index 0000000..d5cc26a
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy/test_reverse_proxy.py
@@ -0,0 +1,76 @@
+import os
+import random
+import re
+import sys
+
+import gradio_client
+import pytest
+import requests
+
+TEST_NAME = "reverse_proxy"
+folder = os.path.dirname(os.path.abspath(__file__))
+
+
+pytestmark = pytest.mark.skipif(sys.platform == "win32", reason="Skipped on Windows")
+
+
+@pytest.fixture(scope="module")
+def launch_services(launch_services_fn):
+    yield from launch_services_fn(TEST_NAME, folder)
+
+
+@pytest.mark.serial
+def test_endpoint_status(launch_services):
+    for endpoint in launch_services:
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/config")
+        assert response.status_code == 200
+        config = response.json()
+        response = requests.get(f"{config['root']}/theme.css")
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/fail")
+        assert response.status_code == 404
+
+
+@pytest.mark.serial
+def test_api_response(launch_services):
+    for endpoint in launch_services:
+        client = gradio_client.Client(endpoint)
+        result = client.predict("John")
+        assert result == "Hi John"
+
+
+@pytest.mark.serial
+def test_load_assets(launch_services):
+    for endpoint in launch_services:
+        asset_regex = '"\\.\\/([A-Za-z0-9-_\\/.]+\\.(?:js|css))"'
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        html = response.text
+        main_assets = re.findall(asset_regex, html)
+        js_asset_found = False
+        css_asset_found = False
+        for main_asset in main_assets:
+            asset_url = f"{endpoint}/{main_asset}"
+            asset_response = requests.get(asset_url)
+            assert asset_response.status_code == 200
+            assert len(asset_response.text) > 0
+            if main_asset.endswith(".js"):
+                js_asset_found = True
+                first_line = asset_response.text.split(";")[0]
+                sub_assets = re.findall(asset_regex, first_line)
+                assert len(sub_assets) > 1
+                random.shuffle(sub_assets)
+                for sub_asset in sub_assets[:5]:
+                    sub_asset_path = asset_url[: asset_url.rfind("/")]
+                    sub_asset_url = f"{sub_asset_path}/{sub_asset}"
+                    print("URL:", sub_asset_url)
+                    sub_asset_response = requests.get(sub_asset_url)
+                    assert sub_asset_response.status_code == 200
+                    assert len(sub_asset_response.text) > 0
+            elif main_asset.endswith(".css"):
+                css_asset_found = True
+
+        assert js_asset_found
+        assert css_asset_found
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount/Dockerfile b/test/test_docker/test_reverse_proxy_fastapi_mount/Dockerfile
new file mode 100644
index 0000000..8b0173a
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount/Dockerfile
@@ -0,0 +1,10 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+COPY *.whl ./
+RUN pip install --no-cache-dir *.whl
+
+COPY app.py .
+
+CMD ["python", "app.py"]
\ No newline at end of file
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount/app.py b/test/test_docker/test_reverse_proxy_fastapi_mount/app.py
new file mode 100644
index 0000000..e6cdb25
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount/app.py
@@ -0,0 +1,12 @@
+import uvicorn
+from fastapi import FastAPI
+
+import gradio as gr
+
+demo = gr.Interface(lambda x: f"Hi {x}", "textbox", "textbox")
+
+app = FastAPI()
+
+gr.mount_gradio_app(app, demo, path="/mount")
+
+uvicorn.run(app, host="0.0.0.0", port=8000)
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount/docker-compose.yml b/test/test_docker/test_reverse_proxy_fastapi_mount/docker-compose.yml
new file mode 100644
index 0000000..623463c
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount/docker-compose.yml
@@ -0,0 +1,28 @@
+version: "3.8"
+
+services:
+  app:
+    build: .
+    container_name: ${COMPOSE_PROJECT_NAME}_app
+    networks:
+      - app_network
+    hostname: app
+    ports:
+      - "0:8000"
+
+  nginx:
+    image: nginx:latest
+    container_name: ${COMPOSE_PROJECT_NAME}_nginx
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf:ro
+      - /dev/null:/etc/nginx/conf.d/default.conf:ro
+    ports:
+      - "0:80"
+    depends_on:
+      - app
+    networks:
+      - app_network
+
+networks:
+  app_network:
+    driver: bridge
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount/nginx.conf b/test/test_docker/test_reverse_proxy_fastapi_mount/nginx.conf
new file mode 100644
index 0000000..b2b6860
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount/nginx.conf
@@ -0,0 +1,21 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    server {
+        listen 80;
+
+        location / {
+            proxy_pass http://app:8000/;
+            proxy_buffering off;
+            proxy_redirect off;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_set_header Host $http_host;
+            proxy_set_header X-Forwarded-Host $http_host;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }        
+    }
+}
\ No newline at end of file
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount/test_reverse_proxy_fastapi_mount.py b/test/test_docker/test_reverse_proxy_fastapi_mount/test_reverse_proxy_fastapi_mount.py
new file mode 100644
index 0000000..637a404
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount/test_reverse_proxy_fastapi_mount.py
@@ -0,0 +1,76 @@
+import os
+import random
+import re
+import sys
+
+import gradio_client
+import pytest
+import requests
+
+TEST_NAME = "reverse_proxy_fastapi_mount"
+folder = os.path.dirname(os.path.abspath(__file__))
+
+
+pytestmark = pytest.mark.skipif(sys.platform == "win32", reason="Skipped on Windows")
+
+
+@pytest.fixture(scope="module")
+def launch_services(launch_services_fn):
+    yield from launch_services_fn(TEST_NAME, folder, "/mount", "/mount")
+
+
+@pytest.mark.serial
+def test_endpoint_status(launch_services):
+    for endpoint in launch_services:
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/config")
+        assert response.status_code == 200
+        config = response.json()
+        response = requests.get(f"{config['root']}/theme.css")
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/fail")
+        assert response.status_code == 404
+
+
+@pytest.mark.serial
+def test_api_response(launch_services):
+    for endpoint in launch_services:
+        client = gradio_client.Client(endpoint)
+        result = client.predict("John")
+        assert result == "Hi John"
+
+
+@pytest.mark.serial
+def test_load_assets(launch_services):
+    for endpoint in launch_services:
+        asset_regex = '"\\.\\/([A-Za-z0-9-_\\/.]+\\.(?:js|css))"'
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        html = response.text
+        main_assets = re.findall(asset_regex, html)
+        js_asset_found = False
+        css_asset_found = False
+        for main_asset in main_assets:
+            asset_url = f"{endpoint}/{main_asset}"
+            asset_response = requests.get(asset_url)
+            assert asset_response.status_code == 200
+            assert len(asset_response.text) > 0
+            if main_asset.endswith(".js"):
+                js_asset_found = True
+                first_line = asset_response.text.split(";")[0]
+                sub_assets = re.findall(asset_regex, first_line)
+                assert len(sub_assets) > 1
+                random.shuffle(sub_assets)
+                for sub_asset in sub_assets[:5]:
+                    sub_asset_path = asset_url[: asset_url.rfind("/")]
+                    sub_asset_url = f"{sub_asset_path}/{sub_asset}"
+                    print("URL:", sub_asset_url)
+                    sub_asset_response = requests.get(sub_asset_url)
+                    assert sub_asset_response.status_code == 200
+                    assert len(sub_asset_response.text) > 0
+            elif main_asset.endswith(".css"):
+                css_asset_found = True
+
+        assert js_asset_found
+        assert css_asset_found
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/Dockerfile b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/Dockerfile
new file mode 100644
index 0000000..e921d35
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/Dockerfile
@@ -0,0 +1,10 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+COPY *.whl ./
+RUN pip install --no-cache-dir *.whl
+
+COPY app.py .
+
+CMD ["python", "app.py"]
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/app.py b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/app.py
new file mode 100644
index 0000000..2d5dfe2
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/app.py
@@ -0,0 +1,16 @@
+import uvicorn
+from fastapi import FastAPI
+
+import gradio as gr
+
+demo = gr.Interface(lambda x: f"Hi {x}", "textbox", "textbox")
+
+app = FastAPI()
+
+# Mount without explicit root_path — the ASGI scope root_path
+# (set by uvicorn below) should be picked up automatically.
+gr.mount_gradio_app(app, demo, path="/gradio")
+
+# root_path="/myapp" tells the ASGI app it's behind a proxy at /myapp.
+# Nginx strips the /myapp prefix before forwarding requests.
+uvicorn.run(app, host="0.0.0.0", port=8000, root_path="/myapp")
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/docker-compose.yml b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/docker-compose.yml
new file mode 100644
index 0000000..623463c
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/docker-compose.yml
@@ -0,0 +1,28 @@
+version: "3.8"
+
+services:
+  app:
+    build: .
+    container_name: ${COMPOSE_PROJECT_NAME}_app
+    networks:
+      - app_network
+    hostname: app
+    ports:
+      - "0:8000"
+
+  nginx:
+    image: nginx:latest
+    container_name: ${COMPOSE_PROJECT_NAME}_nginx
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf:ro
+      - /dev/null:/etc/nginx/conf.d/default.conf:ro
+    ports:
+      - "0:80"
+    depends_on:
+      - app
+    networks:
+      - app_network
+
+networks:
+  app_network:
+    driver: bridge
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/nginx.conf b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/nginx.conf
new file mode 100644
index 0000000..3c1b020
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/nginx.conf
@@ -0,0 +1,25 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    server {
+        listen 80;
+
+        location = /myapp/gradio {
+            return 301 $scheme://$http_host$request_uri/;
+        }
+
+        location /myapp/ {
+            proxy_pass http://app:8000/;
+            proxy_buffering off;
+            proxy_redirect off;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_set_header Host $http_host;
+            proxy_set_header X-Forwarded-Host $http_host;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }
+    }
+}
diff --git a/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/test_reverse_proxy_fastapi_mount_root_path.py b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/test_reverse_proxy_fastapi_mount_root_path.py
new file mode 100644
index 0000000..439c058
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_fastapi_mount_root_path/test_reverse_proxy_fastapi_mount_root_path.py
@@ -0,0 +1,89 @@
+import os
+import random
+import re
+import sys
+
+import gradio_client
+import pytest
+import requests
+
+TEST_NAME = "reverse_proxy_fastapi_mount_root_path"
+folder = os.path.dirname(os.path.abspath(__file__))
+
+
+pytestmark = pytest.mark.skipif(sys.platform == "win32", reason="Skipped on Windows")
+
+
+@pytest.fixture(scope="module")
+def launch_services(launch_services_fn):
+    # Trailing slash on app_suffix avoids a 307 redirect that includes
+    # root_path (which doesn't resolve without the proxy in front).
+    # We only test through nginx because direct access with root_path set
+    # produces config URLs that include the proxy prefix (/myapp), which
+    # don't resolve without the proxy.
+    gen = launch_services_fn(TEST_NAME, folder, "/gradio/", "/myapp/gradio")
+    _app_url, nginx_url = next(gen)
+    try:
+        yield (nginx_url,)
+    finally:
+        try:
+            next(gen)
+        except StopIteration:
+            pass
+
+
+@pytest.mark.serial
+def test_endpoint_status(launch_services):
+    for endpoint in launch_services:
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/config")
+        assert response.status_code == 200
+        config = response.json()
+        response = requests.get(f"{config['root']}/theme.css")
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/fail")
+        assert response.status_code == 404
+
+
+@pytest.mark.serial
+def test_api_response(launch_services):
+    for endpoint in launch_services:
+        client = gradio_client.Client(endpoint)
+        result = client.predict("John")
+        assert result == "Hi John"
+
+
+@pytest.mark.serial
+def test_load_assets(launch_services):
+    for endpoint in launch_services:
+        asset_regex = '"\\.\\/([A-Za-z0-9-_\\/.]+\\.(?:js|css))"'
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        html = response.text
+        main_assets = re.findall(asset_regex, html)
+        js_asset_found = False
+        css_asset_found = False
+        for main_asset in main_assets:
+            asset_url = f"{endpoint}/{main_asset}"
+            asset_response = requests.get(asset_url)
+            assert asset_response.status_code == 200
+            assert len(asset_response.text) > 0
+            if main_asset.endswith(".js"):
+                js_asset_found = True
+                first_line = asset_response.text.split(";")[0]
+                sub_assets = re.findall(asset_regex, first_line)
+                assert len(sub_assets) > 1
+                random.shuffle(sub_assets)
+                for sub_asset in sub_assets[:5]:
+                    sub_asset_path = asset_url[: asset_url.rfind("/")]
+                    sub_asset_url = f"{sub_asset_path}/{sub_asset}"
+                    print("URL:", sub_asset_url)
+                    sub_asset_response = requests.get(sub_asset_url)
+                    assert sub_asset_response.status_code == 200
+                    assert len(sub_asset_response.text) > 0
+            elif main_asset.endswith(".css"):
+                css_asset_found = True
+
+        assert js_asset_found
+        assert css_asset_found
diff --git a/test/test_docker/test_reverse_proxy_root_path/Dockerfile b/test/test_docker/test_reverse_proxy_root_path/Dockerfile
new file mode 100644
index 0000000..8b0173a
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_root_path/Dockerfile
@@ -0,0 +1,10 @@
+FROM python:3.10-slim
+
+WORKDIR /app
+
+COPY *.whl ./
+RUN pip install --no-cache-dir *.whl
+
+COPY app.py .
+
+CMD ["python", "app.py"]
\ No newline at end of file
diff --git a/test/test_docker/test_reverse_proxy_root_path/app.py b/test/test_docker/test_reverse_proxy_root_path/app.py
new file mode 100644
index 0000000..ac0e9b5
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_root_path/app.py
@@ -0,0 +1,5 @@
+import gradio as gr
+
+demo = gr.Interface(lambda x: f"Hi {x}", "textbox", "textbox")
+
+demo.launch(server_name="0.0.0.0", server_port=8000, root_path="/gradio/demo")
diff --git a/test/test_docker/test_reverse_proxy_root_path/docker-compose.yml b/test/test_docker/test_reverse_proxy_root_path/docker-compose.yml
new file mode 100644
index 0000000..623463c
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_root_path/docker-compose.yml
@@ -0,0 +1,28 @@
+version: "3.8"
+
+services:
+  app:
+    build: .
+    container_name: ${COMPOSE_PROJECT_NAME}_app
+    networks:
+      - app_network
+    hostname: app
+    ports:
+      - "0:8000"
+
+  nginx:
+    image: nginx:latest
+    container_name: ${COMPOSE_PROJECT_NAME}_nginx
+    volumes:
+      - ./nginx.conf:/etc/nginx/nginx.conf:ro
+      - /dev/null:/etc/nginx/conf.d/default.conf:ro
+    ports:
+      - "0:80"
+    depends_on:
+      - app
+    networks:
+      - app_network
+
+networks:
+  app_network:
+    driver: bridge
diff --git a/test/test_docker/test_reverse_proxy_root_path/nginx.conf b/test/test_docker/test_reverse_proxy_root_path/nginx.conf
new file mode 100644
index 0000000..0c9cb1b
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_root_path/nginx.conf
@@ -0,0 +1,25 @@
+events {
+    worker_connections 1024;
+}
+
+http {
+    server {
+        listen 80;
+
+        location = /gradio/demo {
+            return 301 $scheme://$http_host$request_uri/;
+        }
+        
+        location /gradio/demo/ {
+            proxy_pass http://app:8000/;
+            proxy_buffering off;
+            proxy_redirect off;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection "upgrade";
+            proxy_set_header Host $http_host;
+            proxy_set_header X-Forwarded-Host $http_host;
+            proxy_set_header X-Forwarded-Proto $scheme;
+        }        
+    }
+}
\ No newline at end of file
diff --git a/test/test_docker/test_reverse_proxy_root_path/test_reverse_proxy_root_path.py b/test/test_docker/test_reverse_proxy_root_path/test_reverse_proxy_root_path.py
new file mode 100644
index 0000000..dd7f950
--- /dev/null
+++ b/test/test_docker/test_reverse_proxy_root_path/test_reverse_proxy_root_path.py
@@ -0,0 +1,76 @@
+import os
+import random
+import re
+import sys
+
+import gradio_client
+import pytest
+import requests
+
+TEST_NAME = "reverse_proxy_root_path"
+folder = os.path.dirname(os.path.abspath(__file__))
+
+
+pytestmark = pytest.mark.skipif(sys.platform == "win32", reason="Skipped on Windows")
+
+
+@pytest.fixture(scope="module")
+def launch_services(launch_services_fn):
+    yield from launch_services_fn(TEST_NAME, folder, "/gradio/demo", "/gradio/demo")
+
+
+@pytest.mark.serial
+def test_endpoint_status(launch_services):
+    for endpoint in launch_services:
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/config")
+        assert response.status_code == 200
+        config = response.json()
+        response = requests.get(f"{config['root']}/theme.css")
+        assert response.status_code == 200
+        response = requests.get(f"{endpoint}/fail")
+        assert response.status_code == 404
+
+
+@pytest.mark.serial
+def test_api_response(launch_services):
+    for endpoint in launch_services:
+        client = gradio_client.Client(endpoint)
+        result = client.predict("John")
+        assert result == "Hi John"
+
+
+@pytest.mark.serial
+def test_load_assets(launch_services):
+    for endpoint in launch_services:
+        asset_regex = '"\\.\\/([A-Za-z0-9-_\\/.]+\\.(?:js|css))"'
+        response = requests.get(endpoint)
+        assert response.status_code == 200
+        html = response.text
+        main_assets = re.findall(asset_regex, html)
+        js_asset_found = False
+        css_asset_found = False
+        for main_asset in main_assets:
+            asset_url = f"{endpoint}/{main_asset}"
+            asset_response = requests.get(asset_url)
+            assert asset_response.status_code == 200
+            assert len(asset_response.text) > 0
+            if main_asset.endswith(".js"):
+                js_asset_found = True
+                first_line = asset_response.text.split(";")[0]
+                sub_assets = re.findall(asset_regex, first_line)
+                assert len(sub_assets) > 1
+                random.shuffle(sub_assets)
+                for sub_asset in sub_assets[:5]:
+                    sub_asset_path = asset_url[: asset_url.rfind("/")]
+                    sub_asset_url = f"{sub_asset_path}/{sub_asset}"
+                    print("URL:", sub_asset_url)
+                    sub_asset_response = requests.get(sub_asset_url)
+                    assert sub_asset_response.status_code == 200
+                    assert len(sub_asset_response.text) > 0
+            elif main_asset.endswith(".css"):
+                css_asset_found = True
+
+        assert js_asset_found
+        assert css_asset_found
diff --git a/test/test_events.py b/test/test_events.py
new file mode 100644
index 0000000..6397efd
--- /dev/null
+++ b/test/test_events.py
@@ -0,0 +1,261 @@
+import ast
+import inspect
+from pathlib import Path
+
+import pytest
+from fastapi.testclient import TestClient
+
+import gradio as gr
+
+
+class TestEvent:
+    def test_clear_event(self):
+        def fn_img_cleared():
+            print("image cleared")
+
+        with gr.Blocks() as demo:
+            img = gr.Image(
+                type="pil", label="Start by uploading an image", elem_id="input_image"
+            )
+
+            img.clear(fn_img_cleared, [], [])
+
+        assert "dependencies" in demo.config
+        assert demo.config["dependencies"][0]["targets"][0][1] == "clear"
+
+    def test_event_data(self):
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            gallery = gr.Gallery()
+
+            def fn_img_index(evt: gr.SelectData):
+                return evt.index
+
+            gallery.select(fn_img_index, None, text)
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+
+        resp = client.post(
+            f"{demo.local_api_url}run/predict",
+            json={"fn_index": 0, "data": [], "event_data": {"index": 1, "value": None}},
+        )
+        assert resp.status_code == 200
+        assert resp.json()["data"][0] == "1"
+
+    def test_consecutive_events(self):
+        def double(x):
+            return x + x
+
+        def reverse(x):
+            return x[::-1]
+
+        def clear():
+            return ""
+
+        with gr.Blocks() as child:
+            txt1 = gr.Textbox()
+            txt2 = gr.Textbox()
+            txt3 = gr.Textbox()
+
+            txt1.submit(double, txt1, txt2).then(reverse, txt2, txt3).success(
+                clear, None, txt1
+            )
+
+        with gr.Blocks() as parent:
+            txt0 = gr.Textbox()
+            txt0.submit(lambda x: x, txt0, txt0)
+            child.render()
+
+        assert "dependencies" in parent.config
+        assert parent.config["dependencies"][1]["trigger_after"] is None
+        assert parent.config["dependencies"][2]["trigger_after"] == 1
+        assert parent.config["dependencies"][3]["trigger_after"] == 2
+
+        assert not parent.config["dependencies"][2]["trigger_only_on_success"]
+        assert not parent.config["dependencies"][2]["trigger_only_on_failure"]
+        assert parent.config["dependencies"][3]["trigger_only_on_success"]
+        assert not parent.config["dependencies"][3]["trigger_only_on_failure"]
+
+    def test_on_listener(self):
+        with gr.Blocks() as demo:
+            name = gr.Textbox(label="Name")
+            output = gr.Textbox(label="Output Box")
+            greet_btn = gr.Button("Greet")
+
+            def greet(name):
+                return "Hello " + name + "!"
+
+            gr.on(
+                triggers=[name.submit, greet_btn.click, demo.load],
+                fn=greet,
+                inputs=name,
+                outputs=output,
+            )
+
+            with gr.Row():
+                num1 = gr.Slider(1, 10)
+                num2 = gr.Slider(1, 10)
+                num3 = gr.Slider(1, 10)
+            output = gr.Number(label="Sum")
+
+            @gr.on(inputs=[num1, num2, num3], outputs=output)
+            def sum(a, b, c):
+                return a + b + c
+
+        assert "dependencies" in demo.config
+        assert demo.config["dependencies"][0]["targets"] == [
+            (name._id, "submit"),
+            (greet_btn._id, "click"),
+            (demo._id, "load"),
+        ]
+        assert demo.config["dependencies"][1]["targets"] == [
+            (num1._id, "change"),
+            (num2._id, "change"),
+            (num3._id, "change"),
+            (0, "load"),
+        ]
+
+    def test_js_only_event_without_explicit_fn_none(self):
+        js = "() => { alert('hi'); }"
+
+        with gr.Blocks() as demo:
+            b1 = gr.Button("explicit fn=None")
+            b2 = gr.Button("no fn")
+            b3 = gr.Button("gr.on no fn")
+
+            b1.click(js=js, fn=None)
+            b2.click(js=js)
+            gr.on(triggers=[b3.click], js=js)
+
+        dependencies = demo.config["dependencies"]
+        assert len(dependencies) == 3
+        for button in (b1, b2, b3):
+            deps = [
+                dep
+                for dep in dependencies
+                if (button._id, "click") in [tuple(t) for t in dep["targets"]]
+            ]
+            assert len(deps) == 1
+            assert deps[0]["js"] == js
+            assert demo.fns[deps[0]["id"]].fn is None
+
+    def test_decorator_with_js_registers_single_event(self):
+        js = "() => { alert('hi'); }"
+
+        with gr.Blocks() as demo:
+            textbox = gr.Textbox()
+            button = gr.Button("decorated")
+            on_button = gr.Button("gr.on decorated")
+
+            @button.click(inputs=textbox, outputs=textbox, js=js)
+            def greet(value):
+                return value + "!"
+
+            @gr.on(triggers=[on_button.click], inputs=textbox, outputs=textbox, js=js)
+            def on_greet(value):
+                return value + "?"
+
+        dependencies = demo.config["dependencies"]
+        assert len(dependencies) == 2
+        for component in (button, on_button):
+            deps = [
+                dep
+                for dep in dependencies
+                if (component._id, "click") in [tuple(t) for t in dep["targets"]]
+            ]
+            assert len(deps) == 1
+            assert deps[0]["js"] == js
+            assert demo.fns[deps[0]["id"]].fn is not None
+        assert greet("a") == "a!"
+        assert on_greet("a") == "a?"
+
+    def test_load_chaining(self):
+        calls = 0
+
+        def increment():
+            nonlocal calls
+            calls += 1
+            return str(calls)
+
+        with gr.Blocks() as demo:
+            out = gr.Textbox(label="Call counter")
+            demo.load(increment, inputs=None, outputs=out).then(
+                increment, inputs=None, outputs=out
+            )
+
+        assert "dependencies" in demo.config
+        assert demo.config["dependencies"][0]["targets"][0][1] == "load"
+        assert demo.config["dependencies"][0]["trigger_after"] is None
+        assert demo.config["dependencies"][1]["targets"][0][1] == "then"
+        assert demo.config["dependencies"][1]["trigger_after"] == 0
+
+    def test_load_chaining_reuse(self):
+        calls = 0
+
+        def increment():
+            nonlocal calls
+            calls += 1
+            return str(calls)
+
+        with gr.Blocks() as demo:
+            out = gr.Textbox(label="Call counter")
+            demo.load(increment, inputs=None, outputs=out).then(
+                increment, inputs=None, outputs=out
+            )
+
+        with gr.Blocks() as demo2:
+            demo.render()
+        assert "dependencies" in demo2.config
+        assert demo2.config["dependencies"][0]["targets"][0][1] == "load"
+        assert demo2.config["dependencies"][0]["trigger_after"] is None
+        assert demo2.config["dependencies"][1]["targets"][0][1] == "then"
+        assert demo2.config["dependencies"][1]["trigger_after"] == 0
+
+
+class TestEventErrors:
+    def test_event_defined_invalid_scope(self):
+        with gr.Blocks() as demo:
+            textbox = gr.Textbox()
+            textbox.blur(lambda x: x + x, textbox, textbox)
+
+        with pytest.raises(AttributeError):
+            demo.load(lambda: "hello", None, textbox)
+
+        with pytest.raises(AttributeError):
+            textbox.change(lambda x: x + x, textbox, textbox)
+
+
+def test_event_pyi_file_matches_source_code():
+    """Test that the template used to create pyi files (search INTERFACE_TEMPLATE in component_meta) matches the source code of EventListener._setup."""
+    code = (
+        Path(__file__).parent / ".." / "gradio" / "components" / "button.pyi"
+    ).read_text()
+    mod = ast.parse(code)
+    segment = None
+    for node in ast.walk(mod):
+        if isinstance(node, ast.FunctionDef) and node.name == "click":
+            segment = ast.get_source_segment(code, node)
+
+    # This would fail if Button no longer has a click method
+    assert segment
+    sig = inspect.signature(gr.Button.click)
+    for param in sig.parameters.values():
+        if param.name in ["block", "time_limit", "stream_every", "like_user_message"]:
+            continue
+        assert param.name in segment
+
+    code = (
+        Path(__file__).parent / ".." / "gradio" / "components" / "image.pyi"
+    ).read_text()
+    mod = ast.parse(code)
+    segment = None
+    for node in ast.walk(mod):
+        if isinstance(node, ast.FunctionDef) and node.name == "stream":
+            segment = ast.get_source_segment(code, node)
+
+    # This would fail if Image no longer has a stream method
+    assert segment
+    sig = inspect.signature(gr.Image.stream)
+    for param in ["time_limit", "stream_every"]:
+        assert param in segment
diff --git a/test/test_external.py b/test/test_external.py
new file mode 100644
index 0000000..11600fa
--- /dev/null
+++ b/test/test_external.py
@@ -0,0 +1,427 @@
+import os
+import tempfile
+import textwrap
+from pathlib import Path
+from unittest.mock import MagicMock, patch
+
+import huggingface_hub
+import pytest
+
+import gradio as gr
+from gradio.context import Context
+from gradio.exceptions import GradioVersionIncompatibleError, InvalidApiNameError
+from gradio.external import TooManyRequestsError
+from gradio.external_utils import cols_to_rows, get_tabular_examples
+
+"""
+WARNING: These tests have an external dependency: namely that Hugging Face's
+Hub and Space APIs do not change, and they keep their most famous models up.
+So if, e.g. Spaces is down, then these test will not pass.
+
+These tests actually test gr.load() and gr.Blocks.load() but are
+included in a separate file because of the above-mentioned dependency.
+"""
+
+# Mark the whole module as flaky and serial
+pytestmark = [pytest.mark.flaky, pytest.mark.serial]
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+HF_TOKEN = huggingface_hub.get_token()
+
+
+class TestLoadInterface:
+    def test_audio_to_audio(self):
+        model_type = "audio-to-audio"
+        interface = gr.load(
+            name="speechbrain/mtl-mimic-voicebank",
+            src="models",
+            alias=model_type,
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Audio)
+        assert isinstance(interface.output_components[0], gr.Audio)
+
+    def test_question_answering(self):
+        model_type = "image-classification"
+        interface = gr.load(
+            name="lysandre/tiny-vit-random",
+            src="models",
+            alias=model_type,
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Image)
+        assert isinstance(interface.output_components[0], gr.Label)
+
+    def test_text_generation(self):
+        model_type = "text_generation"
+        interface = gr.load(
+            "models/gpt2", alias=model_type, description="This is a test description"
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Textbox)
+        assert any(
+            "This is a test description" in d["props"].get("value", "")
+            for d in interface.get_config_file()["components"]
+        )
+
+    def test_summarization(self):
+        model_type = "summarization"
+        interface = gr.load(
+            "models/facebook/bart-large-cnn", token=HF_TOKEN, alias=model_type
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Textbox)
+
+    def test_translation(self):
+        model_type = "translation"
+        interface = gr.load(
+            "models/facebook/bart-large-cnn", token=HF_TOKEN, alias=model_type
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Textbox)
+
+    def test_text_classification(self):
+        model_type = "text-classification"
+        interface = gr.load(
+            "models/distilbert-base-uncased-finetuned-sst-2-english",
+            token=HF_TOKEN,
+            alias=model_type,
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Label)
+
+    def test_fill_mask(self):
+        model_type = "fill-mask"
+        interface = gr.load(
+            "models/bert-base-uncased", token=HF_TOKEN, alias=model_type
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Label)
+
+    def test_zero_shot_classification(self):
+        model_type = "zero-shot-classification"
+        interface = gr.load(
+            "models/facebook/bart-large-mnli", token=HF_TOKEN, alias=model_type
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.input_components[1], gr.Textbox)
+        assert isinstance(interface.input_components[2], gr.Checkbox)
+        assert isinstance(interface.output_components[0], gr.Label)
+
+    def test_automatic_speech_recognition(self):
+        model_type = "automatic-speech-recognition"
+        interface = gr.load(
+            "models/facebook/wav2vec2-base-960h", token=HF_TOKEN, alias=model_type
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Audio)
+        assert isinstance(interface.output_components[0], gr.Textbox)
+
+    def test_image_classification(self):
+        model_type = "image-classification"
+        interface = gr.load(
+            "models/google/vit-base-patch16-224", token=HF_TOKEN, alias=model_type
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Image)
+        assert isinstance(interface.output_components[0], gr.Label)
+
+    def test_feature_extraction(self):
+        model_type = "feature-extraction"
+        interface = gr.load(
+            "models/sentence-transformers/distilbert-base-nli-mean-tokens",
+            token=HF_TOKEN,
+            alias=model_type,
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Dataframe)
+
+    def test_sentence_similarity(self):
+        model_type = "text-to-speech"
+        interface = gr.load(
+            "models/julien-c/ljspeech_tts_train_tacotron2_raw_phn_tacotron_g2p_en_no_space_train",
+            token=HF_TOKEN,
+            alias=model_type,
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Audio)
+
+    def test_text_to_speech(self):
+        model_type = "text-to-speech"
+        interface = gr.load(
+            "models/julien-c/ljspeech_tts_train_tacotron2_raw_phn_tacotron_g2p_en_no_space_train",
+            token=HF_TOKEN,
+            alias=model_type,
+        )
+        assert interface.__name__ == model_type
+        assert interface.input_components and interface.output_components
+        assert isinstance(interface.input_components[0], gr.Textbox)
+        assert isinstance(interface.output_components[0], gr.Audio)
+
+    def test_raise_incompatbile_version_error(self):
+        with pytest.raises(GradioVersionIncompatibleError):
+            gr.load("spaces/gradio-tests/titanic-survival")
+
+    def test_multiple_spaces_one_private(self):
+        with gr.Blocks():
+            gr.load(
+                "spaces/gradio-tests/not-actually-private-spacev4-sse",
+                token=HF_TOKEN,
+            )
+            gr.load(
+                "spaces/gradio/test-loading-examplesv4-sse",
+            )
+        assert Context.token == HF_TOKEN
+
+    def test_private_space_v4_sse_v1(self):
+        io = gr.load(
+            "spaces/gradio-tests/not-actually-private-spacev4-sse-v1",
+            token=HF_TOKEN,
+        )
+        try:
+            output = io("abc")
+            assert output == "abc"
+            assert io._deprecated_theme == "gradio/monochrome"
+        except TooManyRequestsError:
+            pass
+
+
+class TestLoadInterfaceWithExamples:
+    def test_interface_load_examples(self, tmp_path):
+        test_file_dir = Path(Path(__file__).parent, "test_files")
+        with patch("gradio.utils.get_cache_folder", return_value=tmp_path):
+            gr.load(
+                name="models/google/vit-base-patch16-224",
+                examples=[Path(test_file_dir, "cheetah1.jpg")],
+                cache_examples=False,
+            )
+
+    def test_interface_load_cache_examples(self, tmp_path):
+        test_file_dir = Path(Path(__file__).parent, "test_files")
+        with patch(
+            "gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())
+        ):
+            try:
+                gr.load(
+                    name="models/google/vit-base-patch16-224",
+                    examples=[Path(test_file_dir, "cheetah1.jpg")],
+                    cache_examples=True,
+                    token=HF_TOKEN,
+                )
+            except TooManyRequestsError:
+                pass
+
+    def test_proxy_url(self):
+        demo = gr.load("spaces/gradio/test-loading-examplesv4-sse")
+        assert all(
+            c["props"]["proxy_url"]
+            == "https://gradio-test-loading-examplesv4-sse.hf.space/"
+            for c in demo.get_config_file()["components"]
+        )
+
+    def test_root_url_deserialization(self):
+        demo = gr.load("spaces/gradio/simple_galleryv4-sse")
+        gallery = demo("test")
+        assert all("caption" in d for d in gallery)
+
+    def test_loading_chatbot_with_avatar_images_does_not_raise_errors(self):
+        gr.load("gradio/chatbot_multimodal", src="spaces")
+
+
+def test_get_tabular_examples_replaces_nan_with_str_nan():
+    readme = """
+        ---
+        tags:
+        - sklearn
+        - skops
+        - tabular-classification
+        widget:
+          structuredData:
+            attribute_0:
+            - material_7
+            - material_7
+            - material_7
+            measurement_2:
+            - 14.206
+            - 15.094
+            - .nan
+        ---
+    """
+    mock_response = MagicMock()
+    mock_response.status_code = 200
+    mock_response.text = textwrap.dedent(readme)
+
+    with patch("gradio.external.httpx.get", return_value=mock_response):
+        examples = get_tabular_examples("foo-model")
+        assert examples["measurement_2"] == [14.206, 15.094, "NaN"]
+
+
+def test_cols_to_rows():
+    assert cols_to_rows({"a": [1, 2, "NaN"], "b": [1, "NaN", 3]}) == (
+        ["a", "b"],
+        [[1, 1], [2, "NaN"], ["NaN", 3]],
+    )
+    assert cols_to_rows({"a": [1, 2, "NaN", 4], "b": [1, "NaN", 3]}) == (
+        ["a", "b"],
+        [[1, 1], [2, "NaN"], ["NaN", 3], [4, "NaN"]],
+    )
+    assert cols_to_rows({"a": [1, 2, "NaN"], "b": [1, "NaN", 3, 5]}) == (
+        ["a", "b"],
+        [[1, 1], [2, "NaN"], ["NaN", 3], ["NaN", 5]],
+    )
+    assert cols_to_rows({"a": None, "b": [1, "NaN", 3, 5]}) == (
+        ["a", "b"],
+        [["NaN", 1], ["NaN", "NaN"], ["NaN", 3], ["NaN", 5]],
+    )
+    assert cols_to_rows({"a": None, "b": None}) == (["a", "b"], [])
+
+
+def check_dataframe(config):
+    input_df = next(
+        c for c in config["components"] if c["props"].get("label", "") == "Input Rows"
+    )
+    assert input_df["props"]["headers"] == ["a", "b"]
+    assert input_df["props"]["row_count"] == [3, "dynamic"]
+    assert input_df["props"]["col_count"] == [2, "dynamic"]
+
+
+def check_dataset(config, readme_examples):
+    # No Examples
+    if not any(readme_examples.values()):
+        assert not any(c for c in config["components"] if c["type"] == "dataset")
+    else:
+        dataset = next(c for c in config["components"] if c["type"] == "dataset")
+        assert dataset["props"]["samples"] == [[cols_to_rows(readme_examples)[1]]]
+
+
+@pytest.mark.parametrize(
+    "hypothetical_readme",
+    [
+        {"a": [1, 2, "NaN"], "b": [1, "NaN", 3]},
+        {"a": [1, 2, "NaN", 4], "b": [1, "NaN", 3]},
+        {"a": [1, 2, "NaN"], "b": [1, "NaN", 3, 5]},
+        {"a": None, "b": [1, "NaN", 3, 5]},
+        {"a": None, "b": None},
+    ],
+)
+def test_can_load_tabular_model_with_different_widget_data(hypothetical_readme):
+    with patch(
+        "gradio.external_utils.get_tabular_examples", return_value=hypothetical_readme
+    ):
+        io = gr.load("models/scikit-learn/tabular-playground")
+        check_dataframe(io.config)
+        check_dataset(io.config, hypothetical_readme)
+
+
+def test_raise_value_error_when_api_name_invalid():
+    demo = gr.load(name="spaces/gradio/hello_worldv4-sse")
+    with pytest.raises(InvalidApiNameError):
+        demo("freddy", api_name="route does not exist")
+
+
+def test_use_api_name_in_call_method():
+    # Interface
+    demo = gr.load(name="spaces/gradio/hello_worldv4-sse")
+    assert demo("freddy", api_name="predict") == "Hello freddy!"
+
+    # Blocks demo with multiple functions
+    # app = gr.load(name="spaces/gradio/multiple-api-name-test")
+    # assert app(15, api_name="minus_one") == 14
+    # assert app(4, api_name="double") == 8
+
+
+def test_load_inside_blocks():
+    demo = gr.load("spaces/abidlabs/en2fr")
+    output = demo("Hello", api_name="predict")
+    assert isinstance(output, str)
+
+
+def test_load_callable():
+    def mock_src(name: str, token: str | None, **kwargs) -> gr.Blocks:
+        assert name == "test_model"
+        assert token == "test_token"
+        assert kwargs == {"param1": "value1", "param2": "value2"}
+        return gr.Blocks()
+
+    result = gr.load(
+        "test_model",
+        mock_src,
+        "test_token",
+        None,
+        param1="value1",
+        param2="value2",
+    )
+
+    assert isinstance(result, gr.Blocks)
+
+
+@patch("openai.OpenAI")
+def test_load_chat_basic(mock_openai):
+    mock_client = MagicMock()
+    mock_client.chat.completions.create.return_value.choices[
+        0
+    ].message.content = "Hello human!"
+    mock_openai.return_value = mock_client
+
+    chat = gr.load_chat(
+        "http://fake-api.com/v1",
+        model="test-model",
+        token="fake-token",
+        streaming=False,
+    )
+    response = chat.fn("Hi AI!", None)
+    assert response == "Hello human!"
+
+
+@patch("openai.OpenAI")
+def test_load_chat_with_streaming(mock_openai):
+    mock_client = MagicMock()
+    mock_stream = [
+        MagicMock(choices=[MagicMock(delta=MagicMock(content="Hello"))]),
+        MagicMock(choices=[MagicMock(delta=MagicMock(content=" World"))]),
+        MagicMock(choices=[MagicMock(delta=MagicMock(content="!"))]),
+    ]
+    mock_client.chat.completions.create.return_value = mock_stream
+    mock_openai.return_value = mock_client
+    chat = gr.load_chat(
+        "http://fake-api.com/v1", model="test-model", token="fake-token", streaming=True
+    )
+    response_stream = chat.fn("Hi!", None)
+    responses = list(response_stream)
+    assert responses == ["Hello", "Hello World", "Hello World!"]
+
+
+def test_load_chat_textbox_override():
+    from gradio import ChatInterface
+
+    custom_textbox = gr.Textbox(placeholder="Custom textbox", container=False)
+    chat = gr.load_chat(
+        base_url="http://localhost:1234/v1/",
+        model="demo",
+        token="dummy",
+        textbox=custom_textbox,
+        streaming=False,
+    )
+    assert isinstance(chat, ChatInterface)
+    assert chat.textbox is custom_textbox
diff --git a/test/test_external_utils.py b/test/test_external_utils.py
new file mode 100644
index 0000000..67b5383
--- /dev/null
+++ b/test/test_external_utils.py
@@ -0,0 +1,161 @@
+from unittest.mock import MagicMock, patch
+
+import pytest
+
+import gradio as gr
+from gradio.external_utils import (
+    component_from_parameter_schema,
+    component_from_request_body_schema,
+    create_endpoint_fn,
+    get_model_info,
+    resolve_schema_ref,
+)
+
+
+@pytest.mark.parametrize(
+    "param_info,expected_type",
+    [
+        ({"name": "age", "schema": {"type": "integer"}}, gr.Number),
+        ({"name": "is_active", "schema": {"type": "boolean"}}, gr.Checkbox),
+        ({"name": "name", "schema": {"type": "string"}}, gr.Textbox),
+        ({"name": "category", "schema": {"type": "object"}}, gr.Textbox),
+    ],
+)
+def test_component_from_parameter_schema(param_info, expected_type):
+    comp = component_from_parameter_schema(param_info)
+    assert isinstance(comp, expected_type)
+
+
+def test_resolve_schema_ref_direct():
+    schema = {"type": "string"}
+    spec = {}
+    assert resolve_schema_ref(schema, spec) == schema
+
+
+def test_resolve_schema_ref_ref():
+    schema = {"$ref": "#/components/schemas/Pet"}
+    spec = {
+        "components": {
+            "schemas": {
+                "Pet": {"type": "object", "properties": {"id": {"type": "integer"}}}
+            }
+        }
+    }
+    resolved = resolve_schema_ref(schema, spec)
+    assert resolved["type"] == "object"
+    assert "id" in resolved["properties"]
+
+
+@pytest.mark.parametrize(
+    "request_body,expected_type",
+    [
+        (
+            {"content": {"application/json": {"schema": {"type": "object"}}}},
+            gr.Textbox,
+        ),
+        (
+            {
+                "content": {
+                    "application/octet-stream": {
+                        "schema": {"type": "string", "format": "binary"}
+                    }
+                }
+            },
+            gr.File,
+        ),
+    ],
+)
+def test_component_from_request_body_schema(request_body, expected_type):
+    comp = component_from_request_body_schema(request_body, {})
+    assert isinstance(comp, expected_type)
+
+
+def test_create_endpoint_fn_signature():
+    operation = {
+        "parameters": [
+            {"name": "petId", "in": "path", "schema": {"type": "integer"}},
+            {"name": "status", "in": "query", "schema": {"type": "string"}},
+        ],
+        "summary": "Find pet by ID and status",
+    }
+    fn = create_endpoint_fn("/pet/{petId}", "get", operation, "http://api.example.com")
+    sig = fn.__signature__  # type: ignore
+    assert [p.name for p in sig.parameters.values()][:2] == ["petId", "status"]
+
+
+def test_create_endpoint_fn_docstring():
+    operation = {
+        "parameters": [
+            {
+                "name": "petId",
+                "in": "path",
+                "description": "ID of pet",
+                "schema": {"type": "integer"},
+            },
+        ],
+        "summary": "Find pet by ID",
+        "description": "Returns a pet by its ID.",
+    }
+    fn = create_endpoint_fn("/pet/{petId}", "get", operation, "http://api.example.com")
+    doc = fn.__doc__
+    assert doc
+    assert "Returns a pet by its ID" in doc
+    assert "petId" in doc
+
+
+@patch("httpx.get")
+def test_create_endpoint_fn_with_auth_token(mock_get):
+    mock_response = MagicMock()
+    mock_response.status_code = 200
+    mock_response.json.return_value = {"result": "success"}
+    mock_get.return_value = mock_response
+
+    operation = {
+        "parameters": [
+            {"name": "id", "in": "query", "schema": {"type": "string"}},
+        ],
+        "summary": "Test endpoint with auth",
+    }
+    fn = create_endpoint_fn(
+        "/test",
+        "get",
+        operation,
+        "http://api.example.com",
+        auth_token="my-secret-token",
+    )
+
+    result = fn("test-id")
+
+    mock_get.assert_called_once()
+    call_args = mock_get.call_args
+    assert call_args[1]["headers"]["Authorization"] == "Bearer my-secret-token"
+    assert call_args[1]["headers"]["Content-Type"] == "application/json"
+    assert result == {"result": "success"}
+
+
+def test_create_endpoint_fn_without_auth_token():
+    with patch("httpx.get") as mock_get:
+        mock_response = MagicMock()
+        mock_response.status_code = 200
+        mock_response.json.return_value = {"result": "success"}
+        mock_get.return_value = mock_response
+
+        operation = {"summary": "Test endpoint without auth"}
+        fn = create_endpoint_fn(
+            "/test", "get", operation, "http://api.example.com", auth_token=None
+        )
+
+        fn()
+
+        call_args = mock_get.call_args
+        assert "Authorization" not in call_args[1]["headers"]
+        assert call_args[1]["headers"]["Content-Type"] == "application/json"
+
+
+def test_get_model_info_fastest_raises_value_error():
+    """Using a model with :fastest raises ValueError (e.g. when huggingface_hub version is <1.0)."""
+    with pytest.raises(ValueError) as exc_info:
+        get_model_info("models/deepseek-ai/DeepSeek-R1-0528:fastest")
+    assert "To use :cheapest or :fastest, upgrade huggingface_hub" in str(
+        exc_info.value
+    )
diff --git a/test/test_files/Box.gltf b/test/test_files/Box.gltf
new file mode 100644
index 0000000..a93e18e
--- /dev/null
+++ b/test/test_files/Box.gltf
@@ -0,0 +1,99 @@
+{
+	"asset": {
+		"generator": "COLLADA2GLTF",
+		"version": "2.0"
+	},
+	"scene": 0,
+	"scenes": [
+		{
+			"nodes": [0]
+		}
+	],
+	"nodes": [
+		{
+			"children": [1],
+			"matrix": [
+				1.0, 0.0, 0.0, 0.0, 0.0, 0.0, -1.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0,
+				0.0, 1.0
+			]
+		},
+		{
+			"mesh": 0
+		}
+	],
+	"meshes": [
+		{
+			"primitives": [
+				{
+					"attributes": {
+						"NORMAL": 1,
+						"POSITION": 2
+					},
+					"indices": 0,
+					"mode": 4,
+					"material": 0
+				}
+			],
+			"name": "Mesh"
+		}
+	],
+	"accessors": [
+		{
+			"bufferView": 0,
+			"byteOffset": 0,
+			"componentType": 5123,
+			"count": 36,
+			"max": [23],
+			"min": [0],
+			"type": "SCALAR"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 0,
+			"componentType": 5126,
+			"count": 24,
+			"max": [1.0, 1.0, 1.0],
+			"min": [-1.0, -1.0, -1.0],
+			"type": "VEC3"
+		},
+		{
+			"bufferView": 1,
+			"byteOffset": 288,
+			"componentType": 5126,
+			"count": 24,
+			"max": [0.5, 0.5, 0.5],
+			"min": [-0.5, -0.5, -0.5],
+			"type": "VEC3"
+		}
+	],
+	"materials": [
+		{
+			"pbrMetallicRoughness": {
+				"baseColorFactor": [0.800000011920929, 0.0, 0.0, 1.0],
+				"metallicFactor": 0.0
+			},
+			"name": "Red"
+		}
+	],
+	"bufferViews": [
+		{
+			"buffer": 0,
+			"byteOffset": 576,
+			"byteLength": 72,
+			"target": 34963
+		},
+		{
+			"buffer": 0,
+			"byteOffset": 0,
+			"byteLength": 576,
+			"byteStride": 12,
+			"target": 34962
+		}
+	],
+	"buffers": [
+		{
+			"byteLength": 648,
+			"uri": "data:application/octet-stream;base64,AAAAAAAAAAAAAIA/AAAAAAAAAAAAAIA/AAAAAAAAAAAAAIA/AAAAAAAAAAAAAIA/AAAAAAAAgL8AAAAAAAAAAAAAgL8AAAAAAAAAAAAAgL8AAAAAAAAAAAAAgL8AAAAAAACAPwAAAAAAAAAAAACAPwAAAAAAAAAAAACAPwAAAAAAAAAAAACAPwAAAAAAAAAAAAAAAAAAgD8AAAAAAAAAAAAAgD8AAAAAAAAAAAAAgD8AAAAAAAAAAAAAgD8AAAAAAACAvwAAAAAAAAAAAACAvwAAAAAAAAAAAACAvwAAAAAAAAAAAACAvwAAAAAAAAAAAAAAAAAAAAAAAIC/AAAAAAAAAAAAAIC/AAAAAAAAAAAAAIC/AAAAAAAAAAAAAIC/AAAAvwAAAL8AAAA/AAAAPwAAAL8AAAA/AAAAvwAAAD8AAAA/AAAAPwAAAD8AAAA/AAAAPwAAAL8AAAA/AAAAvwAAAL8AAAA/AAAAPwAAAL8AAAC/AAAAvwAAAL8AAAC/AAAAPwAAAD8AAAA/AAAAPwAAAL8AAAA/AAAAPwAAAD8AAAC/AAAAPwAAAL8AAAC/AAAAvwAAAD8AAAA/AAAAPwAAAD8AAAA/AAAAvwAAAD8AAAC/AAAAPwAAAD8AAAC/AAAAvwAAAL8AAAA/AAAAvwAAAD8AAAA/AAAAvwAAAL8AAAC/AAAAvwAAAD8AAAC/AAAAvwAAAL8AAAC/AAAAvwAAAD8AAAC/AAAAPwAAAL8AAAC/AAAAPwAAAD8AAAC/AAABAAIAAwACAAEABAAFAAYABwAGAAUACAAJAAoACwAKAAkADAANAA4ADwAOAA0AEAARABIAEwASABEAFAAVABYAFwAWABUA"
+		}
+	]
+}
diff --git a/test/test_files/README.md b/test/test_files/README.md
new file mode 100644
index 0000000..07772a2
--- /dev/null
+++ b/test/test_files/README.md
@@ -0,0 +1,6 @@
+Files in this directory are used in:
+
+- tests for the gradio library
+- example inputs in the view API documentation
+
+Warning: please be careful when renaming / deleting files
diff --git a/test/test_files/alphabet.txt b/test/test_files/alphabet.txt
new file mode 100644
index 0000000..e85d5b4
--- /dev/null
+++ b/test/test_files/alphabet.txt
@@ -0,0 +1 @@
+abcdefghijklmnopqrstuvwxyz
\ No newline at end of file
diff --git a/test/test_files/audio_sample-1-4.wav b/test/test_files/audio_sample-1-4.wav
new file mode 100644
index 0000000..46a4ddb
Binary files /dev/null and b/test/test_files/audio_sample-1-4.wav differ
diff --git a/test/test_files/audio_sample.wav b/test/test_files/audio_sample.wav
new file mode 100644
index 0000000..495f00d
Binary files /dev/null and b/test/test_files/audio_sample.wav differ
diff --git a/test/test_files/bad_video_sample.mp4 b/test/test_files/bad_video_sample.mp4
new file mode 100644
index 0000000..7f43544
Binary files /dev/null and b/test/test_files/bad_video_sample.mp4 differ
diff --git a/test/test_files/bus.png b/test/test_files/bus.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/test/test_files/bus.png differ
diff --git a/test/test_files/cheetah1.jpg b/test/test_files/cheetah1.jpg
new file mode 100644
index 0000000..c510ff3
Binary files /dev/null and b/test/test_files/cheetah1.jpg differ
diff --git a/test/test_files/file_icon.svg b/test/test_files/file_icon.svg
new file mode 100644
index 0000000..8855359
--- /dev/null
+++ b/test/test_files/file_icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>
\ No newline at end of file
diff --git a/test/test_files/images/bus.png b/test/test_files/images/bus.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/test/test_files/images/bus.png differ
diff --git a/test/test_files/images/bus_copy.png b/test/test_files/images/bus_copy.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/test/test_files/images/bus_copy.png differ
diff --git a/test/test_files/images_log/im/bus.png b/test/test_files/images_log/im/bus.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/test/test_files/images_log/im/bus.png differ
diff --git a/test/test_files/images_log/im/bus_copy.png b/test/test_files/images_log/im/bus_copy.png
new file mode 100644
index 0000000..855b404
Binary files /dev/null and b/test/test_files/images_log/im/bus_copy.png differ
diff --git a/test/test_files/images_log/log.csv b/test/test_files/images_log/log.csv
new file mode 100644
index 0000000..b5d45e0
--- /dev/null
+++ b/test/test_files/images_log/log.csv
@@ -0,0 +1,3 @@
+im,text
+im/bus.png,hello
+im/bus_copy.png,hi
\ No newline at end of file
diff --git a/test/test_files/model.ply b/test/test_files/model.ply
new file mode 100644
index 0000000..1b9e9e1
Binary files /dev/null and b/test/test_files/model.ply differ
diff --git a/test/test_files/model.splat b/test/test_files/model.splat
new file mode 100644
index 0000000..659cda2
Binary files /dev/null and b/test/test_files/model.splat differ
diff --git a/test/test_files/muted_video_sample.mp4 b/test/test_files/muted_video_sample.mp4
new file mode 100644
index 0000000..f6a6d7b
Binary files /dev/null and b/test/test_files/muted_video_sample.mp4 differ
diff --git a/test/test_files/playable_but_bad_container.mkv b/test/test_files/playable_but_bad_container.mkv
new file mode 100644
index 0000000..ff6ba1c
Binary files /dev/null and b/test/test_files/playable_but_bad_container.mkv differ
diff --git a/test/test_files/playable_but_bad_container.mp4 b/test/test_files/playable_but_bad_container.mp4
new file mode 100644
index 0000000..7b48e31
Binary files /dev/null and b/test/test_files/playable_but_bad_container.mp4 differ
diff --git a/test/test_files/rotated_image.jpeg b/test/test_files/rotated_image.jpeg
new file mode 100644
index 0000000..bc5ac68
Binary files /dev/null and b/test/test_files/rotated_image.jpeg differ
diff --git a/test/test_files/s1.srt b/test/test_files/s1.srt
new file mode 100644
index 0000000..e163c30
--- /dev/null
+++ b/test/test_files/s1.srt
@@ -0,0 +1,27 @@
+0
+0:00:00.000 --> 0:00:00.500
+A
+
+1
+0:00:00.500 --> 0:00:01.000
+B
+
+2
+0:00:01.000 --> 0:00:01.500
+C
+
+3
+0:00:01.500 --> 0:00:02.000
+D
+
+4
+0:00:02.000 --> 0:00:02.500
+E
+
+5
+0:00:02.500 --> 0:00:03.000 
+F
+
+6
+0:00:03.000 --> 0:00:10.000
+This is multiple line test. \nWhy did the tomato turn red? Because it saw the salad dressing. \nIn Africa, every 60 seconds a minute passes
diff --git a/test/test_files/sample_file.pdf b/test/test_files/sample_file.pdf
new file mode 100644
index 0000000..fb516b0
Binary files /dev/null and b/test/test_files/sample_file.pdf differ
diff --git a/test/test_files/test_label_json.json b/test/test_files/test_label_json.json
new file mode 100644
index 0000000..610051f
--- /dev/null
+++ b/test/test_files/test_label_json.json
@@ -0,0 +1,10 @@
+{
+	"label": "web site",
+	"confidences": [
+		{ "label": "web site", "confidence": 0.6625185608863831 },
+		{ "label": "envelope", "confidence": 0.02277352288365364 },
+		{ "label": "menu", "confidence": 0.012591145932674408 },
+		{ "label": "monitor", "confidence": 0.012062293477356434 },
+		{ "label": "washer", "confidence": 0.008587697520852089 }
+	]
+}
diff --git a/test/test_files/video_sample.avi b/test/test_files/video_sample.avi
new file mode 100644
index 0000000..ea981cb
Binary files /dev/null and b/test/test_files/video_sample.avi differ
diff --git a/test/test_files/video_sample.mp4 b/test/test_files/video_sample.mp4
new file mode 100644
index 0000000..7b2d7c7
Binary files /dev/null and b/test/test_files/video_sample.mp4 differ
diff --git a/test/test_files/video_sample.ogg b/test/test_files/video_sample.ogg
new file mode 100644
index 0000000..ff6ba1c
Binary files /dev/null and b/test/test_files/video_sample.ogg differ
diff --git a/test/test_files/video_sample.webm b/test/test_files/video_sample.webm
new file mode 100644
index 0000000..61540d9
Binary files /dev/null and b/test/test_files/video_sample.webm differ
diff --git a/test/test_files/xray_config.json b/test/test_files/xray_config.json
new file mode 100644
index 0000000..4903ceb
--- /dev/null
+++ b/test/test_files/xray_config.json
@@ -0,0 +1,540 @@
+{
+	"version": "4.0.0-beta.15",
+	"mode": "blocks",
+	"app_id": 12713514255097080317,
+	"dev_mode": false,
+	"analytics_enabled": true,
+	"components": [
+		{
+			"id": 1,
+			"type": "markdown",
+			"props": {
+				"value": "# Detect Disease From Scan\nWith this model you can lorem ipsum\n- ipsum 1\n- ipsum 2",
+				"show_label": true,
+				"rtl": false,
+				"latex_delimiters": [
+					{
+						"left": "$$",
+						"right": "$$",
+						"display": true
+					}
+				],
+				"visible": true,
+				"elem_classes": [],
+				"sanitize_html": true,
+				"line_breaks": false,
+				"name": "markdown",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "2a898cb5332104cc88cf257315b11ea4",
+			"api_info": {
+				"type": "string"
+			},
+			"example_inputs": "# Hello!"
+		},
+		{
+			"id": 2,
+			"type": "checkboxgroup",
+			"props": {
+				"choices": [
+					["Covid", "Covid"],
+					["Malaria", "Malaria"],
+					["Lung Cancer", "Lung Cancer"]
+				],
+				"value": [],
+				"type": "value",
+				"label": "Disease to Scan For",
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "checkboxgroup",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "11c97b5640df7837ffa105fb84da3ae9",
+			"api_info": {
+				"items": {
+					"enum": ["Covid", "Malaria", "Lung Cancer"],
+					"type": "string"
+				},
+				"title": "Checkbox Group",
+				"type": "array"
+			},
+			"example_inputs": ["Covid"]
+		},
+		{
+			"id": 3,
+			"type": "tabs",
+			"props": {
+				"visible": true,
+				"name": "tabs"
+			},
+			"skip_api": true,
+			"component_class_id": "e61142ccfde3fef4129daddfbde09d1d"
+		},
+		{
+			"id": 4,
+			"type": "tabitem",
+			"props": {
+				"label": "X-ray",
+				"name": "tabitem"
+			},
+			"skip_api": true,
+			"component_class_id": "5bd3e9c3b4f178a29b12244d9e380208"
+		},
+		{
+			"id": 5,
+			"type": "row",
+			"props": {
+				"variant": "default",
+				"visible": true,
+				"equal_height": true,
+				"name": "row"
+			},
+			"skip_api": true,
+			"component_class_id": "36ecf7b36504149ed114c2cccbdf0fc7"
+		},
+		{
+			"id": 6,
+			"type": "image",
+			"props": {
+				"streamable": false,
+				"image_mode": "RGB",
+				"sources": ["upload", "webcam", "clipboard"],
+				"type": "numpy",
+				"show_label": true,
+				"show_download_button": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"streaming": false,
+				"elem_classes": [],
+				"mirror_webcam": true,
+				"show_share_button": false,
+				"name": "image",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "f71f72cdd1881d71f1ae51f211f9c011",
+			"api_info": {
+				"properties": {
+					"path": {
+						"title": "Path",
+						"type": "string"
+					},
+					"url": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Url"
+					},
+					"size": {
+						"anyOf": [
+							{
+								"type": "integer"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Size"
+					},
+					"orig_name": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Orig Name"
+					},
+					"mime_type": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Mime Type"
+					}
+				},
+				"required": ["path"],
+				"title": "FileData",
+				"type": "object"
+			},
+			"example_inputs": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+		},
+		{
+			"id": 7,
+			"type": "json",
+			"props": {
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "json",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "fcea6c312d22236b50ff9994325f569c",
+			"api_info": {
+				"type": {},
+				"description": "any valid json"
+			},
+			"example_inputs": {
+				"foo": "bar"
+			}
+		},
+		{
+			"id": 8,
+			"type": "button",
+			"props": {
+				"value": "Run",
+				"variant": "secondary",
+				"visible": true,
+				"interactive": true,
+				"elem_classes": [],
+				"name": "button",
+				"_selectable": false
+			},
+			"skip_api": true,
+			"component_class_id": "c132173297f8baf01532d57505070fcb"
+		},
+		{
+			"id": 9,
+			"type": "tabitem",
+			"props": {
+				"label": "CT Scan",
+				"name": "tabitem"
+			},
+			"skip_api": true,
+			"component_class_id": "5bd3e9c3b4f178a29b12244d9e380208"
+		},
+		{
+			"id": 10,
+			"type": "row",
+			"props": {
+				"variant": "default",
+				"visible": true,
+				"equal_height": true,
+				"name": "row"
+			},
+			"skip_api": true,
+			"component_class_id": "36ecf7b36504149ed114c2cccbdf0fc7"
+		},
+		{
+			"id": 11,
+			"type": "image",
+			"props": {
+				"streamable": false,
+				"image_mode": "RGB",
+				"sources": ["upload", "webcam", "clipboard"],
+				"type": "numpy",
+				"show_label": true,
+				"show_download_button": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"streaming": false,
+				"elem_classes": [],
+				"mirror_webcam": true,
+				"show_share_button": false,
+				"name": "image",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "f71f72cdd1881d71f1ae51f211f9c011",
+			"api_info": {
+				"properties": {
+					"path": {
+						"title": "Path",
+						"type": "string"
+					},
+					"url": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Url"
+					},
+					"size": {
+						"anyOf": [
+							{
+								"type": "integer"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Size"
+					},
+					"orig_name": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Orig Name"
+					},
+					"mime_type": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Mime Type"
+					}
+				},
+				"required": ["path"],
+				"title": "FileData",
+				"type": "object"
+			},
+			"example_inputs": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+		},
+		{
+			"id": 12,
+			"type": "json",
+			"props": {
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "json",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "fcea6c312d22236b50ff9994325f569c",
+			"api_info": {
+				"type": {},
+				"description": "any valid json"
+			},
+			"example_inputs": {
+				"foo": "bar"
+			}
+		},
+		{
+			"id": 13,
+			"type": "button",
+			"props": {
+				"value": "Run",
+				"variant": "secondary",
+				"visible": true,
+				"interactive": true,
+				"elem_classes": [],
+				"name": "button",
+				"_selectable": false
+			},
+			"skip_api": true,
+			"component_class_id": "c132173297f8baf01532d57505070fcb"
+		},
+		{
+			"id": 14,
+			"type": "textbox",
+			"props": {
+				"value": "",
+				"lines": 1,
+				"max_lines": 20,
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"autofocus": false,
+				"autoscroll": true,
+				"elem_classes": [],
+				"type": "text",
+				"rtl": false,
+				"show_copy_button": false,
+				"name": "textbox",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "6e70d4b23e8253f030c2feac68200437",
+			"api_info": {
+				"type": "string"
+			},
+			"example_inputs": "Hello!!"
+		},
+		{
+			"id": 15,
+			"type": "form",
+			"props": {
+				"scale": 0,
+				"min_width": 0,
+				"name": "form"
+			},
+			"skip_api": true,
+			"component_class_id": "8fea15cef5f2ce37e63d1f9dbe974a39"
+		},
+		{
+			"id": 16,
+			"type": "form",
+			"props": {
+				"scale": 0,
+				"min_width": 0,
+				"name": "form"
+			},
+			"skip_api": true,
+			"component_class_id": "8fea15cef5f2ce37e63d1f9dbe974a39"
+		}
+	],
+	"css": null,
+	"title": "Gradio",
+	"space_id": null,
+	"enable_queue": true,
+	"show_error": true,
+	"show_api": true,
+	"is_colab": false,
+	"stylesheets": [
+		"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap",
+		"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
+	],
+	"theme": "default",
+	"protocol": "sse",
+	"layout": {
+		"id": 0,
+		"children": [
+			{
+				"id": 1
+			},
+			{
+				"id": 15,
+				"children": [
+					{
+						"id": 2
+					}
+				]
+			},
+			{
+				"id": 3,
+				"children": [
+					{
+						"id": 4,
+						"children": [
+							{
+								"id": 5,
+								"children": [
+									{
+										"id": 6
+									},
+									{
+										"id": 7
+									}
+								]
+							},
+							{
+								"id": 8
+							}
+						]
+					},
+					{
+						"id": 9,
+						"children": [
+							{
+								"id": 10,
+								"children": [
+									{
+										"id": 11
+									},
+									{
+										"id": 12
+									}
+								]
+							},
+							{
+								"id": 13
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 16,
+				"children": [
+					{
+						"id": 14
+					}
+				]
+			}
+		]
+	},
+	"dependencies": [
+		{
+			"targets": [[8, "click"]],
+			"inputs": [2, 6],
+			"outputs": [7],
+			"backend_fn": true,
+			"js": null,
+			"queue": null,
+			"api_name": "xray_model",
+			"scroll_to_output": false,
+			"show_progress": "full",
+			"every": null,
+			"batch": false,
+			"max_batch_size": 4,
+			"cancels": [],
+			"types": {
+				"generator": false
+			},
+			"collects_event_data": false,
+			"trigger_after": null,
+			"trigger_only_on_success": false,
+			"trigger_only_on_failure": false,
+			"trigger_mode": "once"
+		},
+		{
+			"targets": [[13, "click"]],
+			"inputs": [2, 11],
+			"outputs": [12],
+			"backend_fn": true,
+			"js": null,
+			"queue": null,
+			"api_name": "ct_model",
+			"scroll_to_output": false,
+			"show_progress": "full",
+			"every": null,
+			"batch": false,
+			"max_batch_size": 4,
+			"cancels": [],
+			"types": {
+				"generator": false
+			},
+			"collects_event_data": false,
+			"trigger_after": null,
+			"trigger_only_on_success": false,
+			"trigger_only_on_failure": false,
+			"trigger_mode": "once"
+		}
+	]
+}
diff --git a/test/test_files/xray_config_diff_ids.json b/test/test_files/xray_config_diff_ids.json
new file mode 100644
index 0000000..f635708
--- /dev/null
+++ b/test/test_files/xray_config_diff_ids.json
@@ -0,0 +1,540 @@
+{
+	"version": "4.0.0-beta.15",
+	"mode": "blocks",
+	"app_id": 2122152663467509982,
+	"dev_mode": false,
+	"analytics_enabled": true,
+	"components": [
+		{
+			"id": 101,
+			"type": "markdown",
+			"props": {
+				"value": "# Detect Disease From Scan\nWith this model you can lorem ipsum\n- ipsum 1\n- ipsum 2",
+				"show_label": true,
+				"rtl": false,
+				"latex_delimiters": [
+					{
+						"left": "$$",
+						"right": "$$",
+						"display": true
+					}
+				],
+				"visible": true,
+				"elem_classes": [],
+				"sanitize_html": true,
+				"line_breaks": false,
+				"name": "markdown",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "2a898cb5332104cc88cf257315b11ea4",
+			"api_info": {
+				"type": "string"
+			},
+			"example_inputs": "# Hello!"
+		},
+		{
+			"id": 102,
+			"type": "checkboxgroup",
+			"props": {
+				"choices": [
+					["Covid", "Covid"],
+					["Malaria", "Malaria"],
+					["Lung Cancer", "Lung Cancer"]
+				],
+				"value": [],
+				"type": "value",
+				"label": "Disease to Scan For",
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "checkboxgroup",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "11c97b5640df7837ffa105fb84da3ae9",
+			"api_info": {
+				"items": {
+					"enum": ["Covid", "Malaria", "Lung Cancer"],
+					"type": "string"
+				},
+				"title": "Checkbox Group",
+				"type": "array"
+			},
+			"example_inputs": ["Covid"]
+		},
+		{
+			"id": 103,
+			"type": "tabs",
+			"props": {
+				"visible": true,
+				"name": "tabs"
+			},
+			"skip_api": true,
+			"component_class_id": "e61142ccfde3fef4129daddfbde09d1d"
+		},
+		{
+			"id": 104,
+			"type": "tabitem",
+			"props": {
+				"label": "X-ray",
+				"name": "tabitem"
+			},
+			"skip_api": true,
+			"component_class_id": "5bd3e9c3b4f178a29b12244d9e380208"
+		},
+		{
+			"id": 105,
+			"type": "row",
+			"props": {
+				"variant": "default",
+				"visible": true,
+				"equal_height": true,
+				"name": "row"
+			},
+			"skip_api": true,
+			"component_class_id": "36ecf7b36504149ed114c2cccbdf0fc7"
+		},
+		{
+			"id": 106,
+			"type": "image",
+			"props": {
+				"streamable": false,
+				"image_mode": "RGB",
+				"sources": ["upload", "webcam", "clipboard"],
+				"type": "numpy",
+				"show_label": true,
+				"show_download_button": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"streaming": false,
+				"elem_classes": [],
+				"mirror_webcam": true,
+				"show_share_button": false,
+				"name": "image",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "f71f72cdd1881d71f1ae51f211f9c011",
+			"api_info": {
+				"properties": {
+					"path": {
+						"title": "Path",
+						"type": "string"
+					},
+					"url": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Url"
+					},
+					"size": {
+						"anyOf": [
+							{
+								"type": "integer"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Size"
+					},
+					"orig_name": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Orig Name"
+					},
+					"mime_type": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Mime Type"
+					}
+				},
+				"required": ["path"],
+				"title": "FileData",
+				"type": "object"
+			},
+			"example_inputs": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+		},
+		{
+			"id": 107,
+			"type": "json",
+			"props": {
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "json",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "fcea6c312d22236b50ff9994325f569c",
+			"api_info": {
+				"type": {},
+				"description": "any valid json"
+			},
+			"example_inputs": {
+				"foo": "bar"
+			}
+		},
+		{
+			"id": 108,
+			"type": "button",
+			"props": {
+				"value": "Run",
+				"variant": "secondary",
+				"visible": true,
+				"interactive": true,
+				"elem_classes": [],
+				"name": "button",
+				"_selectable": false
+			},
+			"skip_api": true,
+			"component_class_id": "c132173297f8baf01532d57505070fcb"
+		},
+		{
+			"id": 109,
+			"type": "tabitem",
+			"props": {
+				"label": "CT Scan",
+				"name": "tabitem"
+			},
+			"skip_api": true,
+			"component_class_id": "5bd3e9c3b4f178a29b12244d9e380208"
+		},
+		{
+			"id": 110,
+			"type": "row",
+			"props": {
+				"variant": "default",
+				"visible": true,
+				"equal_height": true,
+				"name": "row"
+			},
+			"skip_api": true,
+			"component_class_id": "36ecf7b36504149ed114c2cccbdf0fc7"
+		},
+		{
+			"id": 111,
+			"type": "image",
+			"props": {
+				"streamable": false,
+				"image_mode": "RGB",
+				"sources": ["upload", "webcam", "clipboard"],
+				"type": "numpy",
+				"show_label": true,
+				"show_download_button": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"streaming": false,
+				"elem_classes": [],
+				"mirror_webcam": true,
+				"show_share_button": false,
+				"name": "image",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "f71f72cdd1881d71f1ae51f211f9c011",
+			"api_info": {
+				"properties": {
+					"path": {
+						"title": "Path",
+						"type": "string"
+					},
+					"url": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Url"
+					},
+					"size": {
+						"anyOf": [
+							{
+								"type": "integer"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Size"
+					},
+					"orig_name": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Orig Name"
+					},
+					"mime_type": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Mime Type"
+					}
+				},
+				"required": ["path"],
+				"title": "FileData",
+				"type": "object"
+			},
+			"example_inputs": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+		},
+		{
+			"id": 112,
+			"type": "json",
+			"props": {
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "json",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "fcea6c312d22236b50ff9994325f569c",
+			"api_info": {
+				"type": {},
+				"description": "any valid json"
+			},
+			"example_inputs": {
+				"foo": "bar"
+			}
+		},
+		{
+			"id": 113,
+			"type": "button",
+			"props": {
+				"value": "Run",
+				"variant": "secondary",
+				"visible": true,
+				"interactive": true,
+				"elem_classes": [],
+				"name": "button",
+				"_selectable": false
+			},
+			"skip_api": true,
+			"component_class_id": "c132173297f8baf01532d57505070fcb"
+		},
+		{
+			"id": 114,
+			"type": "textbox",
+			"props": {
+				"value": "",
+				"lines": 1,
+				"max_lines": 20,
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"autofocus": false,
+				"autoscroll": true,
+				"elem_classes": [],
+				"type": "text",
+				"rtl": false,
+				"show_copy_button": false,
+				"name": "textbox",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "6e70d4b23e8253f030c2feac68200437",
+			"api_info": {
+				"type": "string"
+			},
+			"example_inputs": "Hello!!"
+		},
+		{
+			"id": 115,
+			"type": "form",
+			"props": {
+				"scale": 0,
+				"min_width": 0,
+				"name": "form"
+			},
+			"skip_api": true,
+			"component_class_id": "8fea15cef5f2ce37e63d1f9dbe974a39"
+		},
+		{
+			"id": 116,
+			"type": "form",
+			"props": {
+				"scale": 0,
+				"min_width": 0,
+				"name": "form"
+			},
+			"skip_api": true,
+			"component_class_id": "8fea15cef5f2ce37e63d1f9dbe974a39"
+		}
+	],
+	"css": null,
+	"title": "Gradio",
+	"space_id": null,
+	"enable_queue": true,
+	"show_error": true,
+	"show_api": true,
+	"is_colab": false,
+	"stylesheets": [
+		"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap",
+		"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
+	],
+	"theme": "default",
+	"protocol": "sse",
+	"layout": {
+		"id": 100,
+		"children": [
+			{
+				"id": 101
+			},
+			{
+				"id": 115,
+				"children": [
+					{
+						"id": 102
+					}
+				]
+			},
+			{
+				"id": 103,
+				"children": [
+					{
+						"id": 104,
+						"children": [
+							{
+								"id": 105,
+								"children": [
+									{
+										"id": 106
+									},
+									{
+										"id": 107
+									}
+								]
+							},
+							{
+								"id": 108
+							}
+						]
+					},
+					{
+						"id": 109,
+						"children": [
+							{
+								"id": 110,
+								"children": [
+									{
+										"id": 111
+									},
+									{
+										"id": 112
+									}
+								]
+							},
+							{
+								"id": 113
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 116,
+				"children": [
+					{
+						"id": 114
+					}
+				]
+			}
+		]
+	},
+	"dependencies": [
+		{
+			"targets": [[108, "click"]],
+			"inputs": [102, 106],
+			"outputs": [107],
+			"backend_fn": true,
+			"js": null,
+			"queue": null,
+			"api_name": "xray_model",
+			"scroll_to_output": false,
+			"show_progress": "full",
+			"every": null,
+			"batch": false,
+			"max_batch_size": 4,
+			"cancels": [],
+			"types": {
+				"generator": false
+			},
+			"collects_event_data": false,
+			"trigger_after": null,
+			"trigger_only_on_success": false,
+			"trigger_only_on_failure": false,
+			"trigger_mode": "once"
+		},
+		{
+			"targets": [[113, "click"]],
+			"inputs": [102, 111],
+			"outputs": [112],
+			"backend_fn": true,
+			"js": null,
+			"queue": null,
+			"api_name": "ct_model",
+			"scroll_to_output": false,
+			"show_progress": "full",
+			"every": null,
+			"batch": false,
+			"max_batch_size": 4,
+			"cancels": [],
+			"types": {
+				"generator": false
+			},
+			"collects_event_data": false,
+			"trigger_after": null,
+			"trigger_only_on_success": false,
+			"trigger_only_on_failure": false,
+			"trigger_mode": "once"
+		}
+	]
+}
diff --git a/test/test_files/xray_config_wrong.json b/test/test_files/xray_config_wrong.json
new file mode 100644
index 0000000..db4f08b
--- /dev/null
+++ b/test/test_files/xray_config_wrong.json
@@ -0,0 +1,609 @@
+{
+	"version": "4.0.0-beta.15",
+	"mode": "blocks",
+	"app_id": 16417204271478932414,
+	"dev_mode": false,
+	"analytics_enabled": true,
+	"components": [
+		{
+			"id": 1,
+			"type": "markdown",
+			"props": {
+				"value": "# Detect Disease From Scan\nWith this model you can lorem ipsum\n- ipsum 1\n- ipsum 2",
+				"show_label": true,
+				"rtl": false,
+				"latex_delimiters": [
+					{
+						"left": "$$",
+						"right": "$$",
+						"display": true
+					}
+				],
+				"visible": true,
+				"elem_classes": [],
+				"sanitize_html": true,
+				"line_breaks": false,
+				"name": "markdown",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "2a898cb5332104cc88cf257315b11ea4",
+			"api_info": {
+				"type": "string"
+			},
+			"example_inputs": "# Hello!"
+		},
+		{
+			"id": 2,
+			"type": "checkboxgroup",
+			"props": {
+				"choices": [
+					["Covid", "Covid"],
+					["Malaria", "Malaria"],
+					["Lung Cancer", "Lung Cancer"]
+				],
+				"value": [],
+				"type": "value",
+				"label": "Disease to Scan For",
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "checkboxgroup",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "11c97b5640df7837ffa105fb84da3ae9",
+			"api_info": {
+				"items": {
+					"enum": ["Covid", "Malaria", "Lung Cancer"],
+					"type": "string"
+				},
+				"title": "Checkbox Group",
+				"type": "array"
+			},
+			"example_inputs": ["Covid"]
+		},
+		{
+			"id": 3,
+			"type": "tabs",
+			"props": {
+				"visible": true,
+				"name": "tabs"
+			},
+			"skip_api": true,
+			"component_class_id": "e61142ccfde3fef4129daddfbde09d1d"
+		},
+		{
+			"id": 4,
+			"type": "tabitem",
+			"props": {
+				"label": "X-ray",
+				"name": "tabitem"
+			},
+			"skip_api": true,
+			"component_class_id": "5bd3e9c3b4f178a29b12244d9e380208"
+		},
+		{
+			"id": 5,
+			"type": "row",
+			"props": {
+				"variant": "default",
+				"visible": true,
+				"equal_height": true,
+				"name": "row"
+			},
+			"skip_api": true,
+			"component_class_id": "36ecf7b36504149ed114c2cccbdf0fc7"
+		},
+		{
+			"id": 6,
+			"type": "image",
+			"props": {
+				"streamable": false,
+				"image_mode": "RGB",
+				"sources": ["upload", "webcam", "clipboard"],
+				"type": "numpy",
+				"show_label": true,
+				"show_download_button": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"streaming": false,
+				"elem_classes": [],
+				"mirror_webcam": true,
+				"show_share_button": false,
+				"name": "image",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "f71f72cdd1881d71f1ae51f211f9c011",
+			"api_info": {
+				"properties": {
+					"path": {
+						"title": "Path",
+						"type": "string"
+					},
+					"url": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Url"
+					},
+					"size": {
+						"anyOf": [
+							{
+								"type": "integer"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Size"
+					},
+					"orig_name": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Orig Name"
+					},
+					"mime_type": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Mime Type"
+					}
+				},
+				"required": ["path"],
+				"title": "FileData",
+				"type": "object"
+			},
+			"example_inputs": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+		},
+		{
+			"id": 7,
+			"type": "json",
+			"props": {
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "json",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "fcea6c312d22236b50ff9994325f569c",
+			"api_info": {
+				"type": {},
+				"description": "any valid json"
+			},
+			"example_inputs": {
+				"foo": "bar"
+			}
+		},
+		{
+			"id": 8,
+			"type": "button",
+			"props": {
+				"value": "Run",
+				"variant": "secondary",
+				"visible": true,
+				"interactive": true,
+				"elem_classes": [],
+				"name": "button",
+				"_selectable": false
+			},
+			"skip_api": true,
+			"component_class_id": "c132173297f8baf01532d57505070fcb"
+		},
+		{
+			"id": 9,
+			"type": "tabitem",
+			"props": {
+				"label": "CT Scan",
+				"name": "tabitem"
+			},
+			"skip_api": true,
+			"component_class_id": "5bd3e9c3b4f178a29b12244d9e380208"
+		},
+		{
+			"id": 10,
+			"type": "row",
+			"props": {
+				"variant": "default",
+				"visible": true,
+				"equal_height": true,
+				"name": "row"
+			},
+			"skip_api": true,
+			"component_class_id": "36ecf7b36504149ed114c2cccbdf0fc7"
+		},
+		{
+			"id": 11,
+			"type": "image",
+			"props": {
+				"streamable": false,
+				"image_mode": "RGB",
+				"sources": ["upload", "webcam", "clipboard"],
+				"type": "numpy",
+				"show_label": true,
+				"show_download_button": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"streaming": false,
+				"elem_classes": [],
+				"mirror_webcam": true,
+				"show_share_button": false,
+				"name": "image",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "f71f72cdd1881d71f1ae51f211f9c011",
+			"api_info": {
+				"properties": {
+					"path": {
+						"title": "Path",
+						"type": "string"
+					},
+					"url": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Url"
+					},
+					"size": {
+						"anyOf": [
+							{
+								"type": "integer"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Size"
+					},
+					"orig_name": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Orig Name"
+					},
+					"mime_type": {
+						"anyOf": [
+							{
+								"type": "string"
+							},
+							{
+								"type": "null"
+							}
+						],
+						"default": null,
+						"title": "Mime Type"
+					}
+				},
+				"required": ["path"],
+				"title": "FileData",
+				"type": "object"
+			},
+			"example_inputs": "https://raw.githubusercontent.com/gradio-app/gradio/main/test/test_files/bus.png"
+		},
+		{
+			"id": 12,
+			"type": "json",
+			"props": {
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"elem_classes": [],
+				"name": "json",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "fcea6c312d22236b50ff9994325f569c",
+			"api_info": {
+				"type": {},
+				"description": "any valid json"
+			},
+			"example_inputs": {
+				"foo": "bar"
+			}
+		},
+		{
+			"id": 13,
+			"type": "button",
+			"props": {
+				"value": "Run",
+				"variant": "secondary",
+				"visible": true,
+				"interactive": true,
+				"elem_classes": [],
+				"name": "button",
+				"_selectable": false
+			},
+			"skip_api": true,
+			"component_class_id": "c132173297f8baf01532d57505070fcb"
+		},
+		{
+			"id": 14,
+			"type": "textbox",
+			"props": {
+				"value": "",
+				"lines": 1,
+				"max_lines": 20,
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"autofocus": false,
+				"autoscroll": true,
+				"elem_classes": [],
+				"type": "text",
+				"rtl": false,
+				"show_copy_button": false,
+				"name": "textbox",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "6e70d4b23e8253f030c2feac68200437",
+			"api_info": {
+				"type": "string"
+			},
+			"example_inputs": "Hello!!"
+		},
+		{
+			"id": 15,
+			"type": "form",
+			"props": {
+				"scale": 0,
+				"min_width": 0,
+				"name": "form"
+			},
+			"skip_api": true,
+			"component_class_id": "8fea15cef5f2ce37e63d1f9dbe974a39"
+		},
+		{
+			"id": 16,
+			"type": "form",
+			"props": {
+				"scale": 0,
+				"min_width": 0,
+				"name": "form"
+			},
+			"skip_api": true,
+			"component_class_id": "8fea15cef5f2ce37e63d1f9dbe974a39"
+		},
+		{
+			"id": 118,
+			"type": "textbox",
+			"props": {
+				"value": "",
+				"lines": 1,
+				"max_lines": 20,
+				"show_label": true,
+				"container": true,
+				"min_width": 160,
+				"visible": true,
+				"autofocus": false,
+				"autoscroll": true,
+				"elem_classes": [],
+				"type": "text",
+				"rtl": false,
+				"show_copy_button": false,
+				"name": "textbox",
+				"_selectable": false
+			},
+			"skip_api": false,
+			"component_class_id": "6e70d4b23e8253f030c2feac68200437",
+			"api_info": {
+				"type": "string"
+			},
+			"example_inputs": "Hello!!"
+		},
+		{
+			"id": 119,
+			"type": "form",
+			"props": {
+				"scale": 0,
+				"min_width": 0,
+				"name": "form"
+			},
+			"skip_api": true,
+			"component_class_id": "8fea15cef5f2ce37e63d1f9dbe974a39"
+		}
+	],
+	"css": null,
+	"title": "Gradio",
+	"space_id": null,
+	"enable_queue": true,
+	"show_error": true,
+	"show_api": true,
+	"is_colab": false,
+	"stylesheets": [
+		"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap",
+		"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&display=swap"
+	],
+	"theme": "default",
+	"protocol": "sse",
+	"layout": {
+		"id": 117,
+		"children": [
+			{
+				"id": 1
+			},
+			{
+				"id": 15,
+				"children": [
+					{
+						"id": 2
+					}
+				]
+			},
+			{
+				"id": 3,
+				"children": [
+					{
+						"id": 4,
+						"children": [
+							{
+								"id": 5,
+								"children": [
+									{
+										"id": 6
+									},
+									{
+										"id": 7
+									}
+								]
+							},
+							{
+								"id": 8
+							}
+						]
+					},
+					{
+						"id": 9,
+						"children": [
+							{
+								"id": 10,
+								"children": [
+									{
+										"id": 11
+									},
+									{
+										"id": 12
+									}
+								]
+							},
+							{
+								"id": 13
+							}
+						]
+					}
+				]
+			},
+			{
+				"id": 16,
+				"children": [
+					{
+						"id": 14
+					}
+				]
+			},
+			{
+				"id": 119,
+				"children": [
+					{
+						"id": 118
+					}
+				]
+			}
+		]
+	},
+	"dependencies": [
+		{
+			"targets": [[8, "click"]],
+			"inputs": [2, 6],
+			"outputs": [7],
+			"backend_fn": true,
+			"js": null,
+			"queue": null,
+			"api_name": "xray_model",
+			"scroll_to_output": false,
+			"show_progress": "full",
+			"every": null,
+			"batch": false,
+			"max_batch_size": 4,
+			"cancels": [],
+			"types": {
+				"generator": false
+			},
+			"collects_event_data": false,
+			"trigger_after": null,
+			"trigger_only_on_success": false,
+			"trigger_only_on_failure": false,
+			"trigger_mode": "once"
+		},
+		{
+			"targets": [[13, "click"]],
+			"inputs": [2, 11],
+			"outputs": [12],
+			"backend_fn": true,
+			"js": null,
+			"queue": null,
+			"api_name": "ct_model",
+			"scroll_to_output": false,
+			"show_progress": "full",
+			"every": null,
+			"batch": false,
+			"max_batch_size": 4,
+			"cancels": [],
+			"types": {
+				"generator": false
+			},
+			"collects_event_data": false,
+			"trigger_after": null,
+			"trigger_only_on_success": false,
+			"trigger_only_on_failure": false,
+			"trigger_mode": "once"
+		},
+		{
+			"targets": [[117, "load"]],
+			"inputs": [],
+			"outputs": [118],
+			"backend_fn": true,
+			"js": null,
+			"queue": null,
+			"api_name": "fake_func",
+			"scroll_to_output": false,
+			"show_progress": "full",
+			"every": null,
+			"batch": false,
+			"max_batch_size": 4,
+			"cancels": [],
+			"types": {
+				"generator": false
+			},
+			"collects_event_data": false,
+			"trigger_after": null,
+			"trigger_only_on_success": false,
+			"trigger_only_on_failure": false,
+			"trigger_mode": "once"
+		}
+	]
+}
diff --git a/test/test_flagging.py b/test/test_flagging.py
new file mode 100644
index 0000000..7972bce
--- /dev/null
+++ b/test/test_flagging.py
@@ -0,0 +1,110 @@
+import os
+import pathlib
+import tempfile
+from unittest.mock import MagicMock
+
+import pytest
+
+import gradio as gr
+from gradio import flagging
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+
+class TestDefaultFlagging:
+    def test_default_flagging_callback(self):
+        with tempfile.TemporaryDirectory() as tmpdirname:
+            io = gr.Interface(lambda x: x, "text", "text", flagging_dir=tmpdirname)
+            io.launch(prevent_thread_lock=True)
+            row_count = io.flagging_callback.flag(["test", "test"])
+            assert row_count == 1  # 2 rows written including header
+            row_count = io.flagging_callback.flag(["test", "test"])
+            assert row_count == 2  # 3 rows written including header
+        io.close()
+
+    def test_files_saved_as_file_paths(self):
+        image = {"path": str(pathlib.Path(__file__).parent / "test_files" / "bus.png")}
+        with tempfile.TemporaryDirectory() as tmpdirname:
+            io = gr.Interface(
+                lambda x: x,
+                "image",
+                "image",
+                flagging_dir=tmpdirname,
+                flagging_mode="auto",
+            )
+            io.launch(prevent_thread_lock=True)
+            io.flagging_callback.flag([image, image])
+            io.close()
+            with open(os.path.join(tmpdirname, "dataset1.csv")) as f:
+                flagged_data = f.readlines()[1].split(",")[0]
+                assert flagged_data.endswith("bus.png")
+        io.close()
+
+    def test_flagging_does_not_create_unnecessary_directories(self):
+        with tempfile.TemporaryDirectory() as tmpdirname:
+            io = gr.Interface(lambda x: x, "text", "text", flagging_dir=tmpdirname)
+            io.launch(prevent_thread_lock=True)
+            io.flagging_callback.flag(["test", "test"])
+            assert os.listdir(tmpdirname) == ["dataset1.csv"]
+
+
+class TestSimpleFlagging:
+    def test_simple_csv_flagging_callback(self):
+        with tempfile.TemporaryDirectory() as tmpdirname:
+            io = gr.Interface(
+                lambda x: x,
+                "text",
+                "text",
+                flagging_dir=tmpdirname,
+                flagging_callback=flagging.SimpleCSVLogger(),
+            )
+            io.launch(prevent_thread_lock=True)
+            row_count = io.flagging_callback.flag(["test", "test"])
+            assert row_count == 0  # no header in SimpleCSVLogger
+            row_count = io.flagging_callback.flag(["test", "test"])
+            assert row_count == 1  # no header in SimpleCSVLogger
+        io.close()
+
+
+class TestDisableFlagging:
+    def test_flagging_no_permission_error_with_flagging_disabled(self):
+        tmpdirname = tempfile.mkdtemp()
+        os.chmod(tmpdirname, 0o444)  # Make directory read-only
+        nonwritable_path = os.path.join(tmpdirname, "flagging_dir")
+        io = gr.Interface(
+            lambda x: x,
+            "text",
+            "text",
+            flagging_mode="never",
+            flagging_dir=nonwritable_path,
+        )
+        io.launch(prevent_thread_lock=True)
+        io.close()
+
+
+class TestInterfaceSetsUpFlagging:
+    @pytest.mark.parametrize(
+        "flagging_mode, called",
+        [
+            ("manual", True),
+            ("auto", True),
+            ("never", False),
+        ],
+    )
+    def test_flag_method_init_called(self, flagging_mode, called):
+        flagging.FlagMethod.__init__ = MagicMock()  # type: ignore
+        flagging.FlagMethod.__init__.return_value = None  # type: ignore
+        gr.Interface(lambda x: x, "text", "text", flagging_mode=flagging_mode)
+        assert flagging.FlagMethod.__init__.called == called  # type: ignore
+
+    @pytest.mark.parametrize(
+        "options, processed_options",
+        [
+            (None, [("Flag", None)]),
+            (["yes", "no"], [("Flag as yes", "yes"), ("Flag as no", "no")]),
+            ([("abc", "de"), ("123", "45")], [("abc", "de"), ("123", "45")]),
+        ],
+    )
+    def test_flagging_options_processed_correctly(self, options, processed_options):
+        io = gr.Interface(lambda x: x, "text", "text", flagging_options=options)
+        assert io.flagging_options == processed_options
diff --git a/test/test_fonts.py b/test/test_fonts.py
new file mode 100644
index 0000000..b84aae1
--- /dev/null
+++ b/test/test_fonts.py
@@ -0,0 +1,21 @@
+from gradio.themes.default import Default
+from gradio.themes.utils.fonts import GoogleFont, LocalFont
+
+
+def test_local_font_stylesheet_uses_bundled_static_path():
+    stylesheet = LocalFont("Lexend", weights=(400, 600)).stylesheet()
+    assert stylesheet["url"] is None
+    assert "static/fonts/Lexend/Lexend-Regular.woff2" in stylesheet["css"]
+    assert "static/fonts/Lexend/Lexend-SemiBold.woff2" in stylesheet["css"]
+
+
+def test_google_font_falls_back_to_cdn_when_not_bundled():
+    stylesheet = GoogleFont("Nonexistent Font XYZ", weights=(400,)).stylesheet()
+    assert stylesheet["css"] is None
+    assert stylesheet["url"] is not None
+    assert "fonts.googleapis.com" in stylesheet["url"]
+
+
+def test_default_theme_has_no_external_stylesheet_urls():
+    theme = Default()
+    assert theme._stylesheets == []
diff --git a/test/test_gradio_component_cli.py b/test/test_gradio_component_cli.py
new file mode 100644
index 0000000..cfd7fab
--- /dev/null
+++ b/test/test_gradio_component_cli.py
@@ -0,0 +1,230 @@
+import shutil
+import textwrap
+from pathlib import Path
+
+import pytest
+
+from gradio.cli.commands.components.build import _build
+from gradio.cli.commands.components.create import _create, _create_utils
+from gradio.cli.commands.components.install_component import _get_executable_path
+from gradio.cli.commands.components.publish import _get_version_from_file
+from gradio.cli.commands.components.show import _show
+from gradio.utils import core_gradio_components
+
+core = [
+    c.__name__
+    for c in core_gradio_components()
+    if not getattr(c, "is_template", False)
+    and c.__name__ not in ["Tab", "Form", "FormComponent", "BrowserState", "Navbar"]
+]
+
+
+@pytest.mark.serial
+@pytest.mark.flaky
+@pytest.mark.parametrize(
+    "template",
+    core,
+)
+def test_template_override_component(template, tmp_path):
+    """When you add a new component this test will likely fail locally
+    because the js files have not been moved to the _frontend_code directory.
+
+    Just build the python package (python -m build -w) to move the latest state of the js directory to _frontend_code.
+    """
+    _create(
+        "MyComponent",
+        tmp_path,
+        template=template,
+        overwrite=True,
+        install=False,
+        configure_metadata=False,
+    )
+    app = (tmp_path / "demo" / "app.py").read_text()
+    component_files = _create_utils._get_component_code(template)
+    answer = textwrap.dedent(
+        f"""
+import gradio as gr
+from gradio_mycomponent import MyComponent
+
+{component_files.demo_code.format(name="MyComponent")}
+
+if __name__ == "__main__":
+    demo.launch()
+"""
+    )
+    assert app.strip() == answer.strip()
+    assert (tmp_path / "backend" / "gradio_mycomponent" / "mycomponent.py").exists()
+    source_code = (
+        tmp_path / "backend" / "gradio_mycomponent" / "mycomponent.py"
+    ).read_text()
+    assert "@document()" not in source_code
+
+
+def test_get_executable_path():
+    assert _get_executable_path(
+        "pip", None, "--pip-path", check_3=True
+    ) == shutil.which("pip3")
+    assert _get_executable_path("pip", None, "--pip-path") == shutil.which("pip")
+    assert _get_executable_path(
+        "pip", shutil.which("pip"), "--pip-path"
+    ) == shutil.which("pip")
+    assert _get_executable_path(
+        "gradio", None, "--pip-path", check_3=True
+    ) == shutil.which("gradio")
+    with pytest.raises(
+        ValueError,
+        match=r"Could not find foo. Please ensure it is installed and in your PATH or pass the --foo-path parameter.",
+    ):
+        _get_executable_path("foo", None, "--foo-path")
+    with pytest.raises(
+        ValueError,
+        match=r"The provided foo path \(/foo/bar/fum\) does not exist or is not a file.",
+    ):
+        _get_executable_path("foo", "/foo/bar/fum", "--foo-path")
+
+
+def test_raise_error_component_template_does_not_exist(tmp_path):
+    with pytest.raises(
+        ValueError,
+        match="Cannot find NonExistentComponent in gradio.components, gradio.layouts, or gradio._simple_templates",
+    ):
+        _create(
+            "MyComponent",
+            tmp_path,
+            template="NonExistentComponent",
+            overwrite=True,
+            install=False,
+            configure_metadata=False,
+        )
+
+
+@pytest.mark.flaky
+def test_do_not_replace_class_name_in_import_statement(tmp_path):
+    _create(
+        "MyImage",
+        template="Image",
+        directory=tmp_path,
+        overwrite=True,
+        install=False,
+        configure_metadata=False,
+    )
+    code = (tmp_path / "backend" / "gradio_myimage" / "myimage.py").read_text()
+    assert "import PIL.Image" in code
+    assert "class MyImage" in code
+    assert "PIL.Image.Image" in code
+
+
+def test_raises_if_directory_exists(tmp_path):
+    with pytest.raises(
+        Exception
+    ):  # Keeping it a general exception since the specific exception seems to differ between operating systems
+        _create("MyComponent", tmp_path, configure_metadata=False)
+
+
+def test_show(capsys):
+    _show()
+    stdout, _ = capsys.readouterr()
+    assert "Form Component" in stdout
+    assert "Beginner Friendly" in stdout
+    assert "Layout" in stdout
+    assert "Dataframe" not in stdout
+    assert "Dataset" not in stdout
+
+
+@pytest.mark.xfail
+@pytest.mark.parametrize("template", ["Image"])
+def test_build(template, virtualenv):
+    # Copy pnpm-lock.yaml to not cause unintended changes tracked by git
+    pnpm_lock = Path(__file__).parent / ".." / "pnpm-lock.yaml"
+    pnpm_copy = Path(__file__).parent / ".." / "pnpm-lock-copy.yaml"
+    shutil.copy(str(pnpm_lock), str(pnpm_copy))
+
+    # Using the js/preview/test directory will use the workspace code
+    dir_ = (
+        Path(__file__).parent / ".." / "js" / "preview" / "test" / "testtextbox"
+    ).resolve()
+    shutil.rmtree(str(dir_), ignore_errors=True)
+
+    try:
+        # Local installs of gradio and gradio-client
+        gradio_dir = Path(__file__).parent / ".."
+        client = Path(__file__).parent / ".." / "client" / "python"
+        virtualenv.run("pip install build")
+        virtualenv.run(f"pip install -e {str(gradio_dir)}")
+        virtualenv.run(f"pip install -e {str(client)}")
+
+        virtualenv.run(
+            f"{shutil.which('gradio')} cc create TestTextbox --template {template} --no-configure-metadata --directory {str(dir_)}",
+        )
+        assert (dir_ / "frontend" / "node_modules").exists()
+
+        # need to reinstall local client because installing the custom component
+        # will pull latest stable version from pypi
+        virtualenv.run(f"pip install -e {str(client)}")
+        virtualenv.run(f"{shutil.which('gradio')} cc build {str(dir_)}")
+
+        template_dir: Path = dir_ / "backend" / "gradio_testtextbox" / "templates"
+        assert template_dir.exists() and template_dir.is_dir()
+        assert list(template_dir.glob("**/index.js"))
+        assert (dir_ / "dist").exists() and list((dir_ / "dist").glob("*.whl"))
+    finally:
+        shutil.move(str(pnpm_copy), str(pnpm_lock))
+        shutil.rmtree(str(dir_), ignore_errors=True)
+
+
+@pytest.mark.flaky
+def test_build_fails_if_component_not_installed(tmp_path):
+    _create(
+        "MyComponent",
+        tmp_path,
+        template="SimpleTextbox",
+        overwrite=True,
+        install=False,
+        configure_metadata=False,
+    )
+    with pytest.raises(
+        ValueError,
+        match=r"Your custom component package \(gradio_mycomponent\) is not installed!",
+    ):
+        _build(tmp_path)
+
+
+@pytest.mark.flaky
+def test_fallback_template_app(tmp_path):
+    _create(
+        "SimpleComponent2",
+        directory=tmp_path,
+        overwrite=True,
+        install=False,
+        configure_metadata=False,
+    )
+    app = (tmp_path / "demo" / "app.py").read_text()
+    answer = textwrap.dedent(
+        """
+
+import gradio as gr
+from gradio_simplecomponent2 import SimpleComponent2
+
+
+with gr.Blocks() as demo:
+    gr.Markdown("# Change the value (keep it JSON) and the front-end will update automatically.")
+    SimpleComponent2(value={"message": "Hello from Gradio!"}, label="Static")
+
+
+if __name__ == "__main__":
+    demo.launch()
+
+"""
+    )
+    assert app.strip() == answer.strip()
+
+
+def test_get_version_from_wheel():
+    assert (
+        _get_version_from_file(Path("gradio_textwithattachments-0.0.3-py3-none.whl"))
+        == "0.0.3"
+    )
+    assert (
+        _get_version_from_file(Path("gradio_textwithattachments-1.0.3b12-py3-none.whl"))
+        == "1.0.3b12"
+    )
diff --git a/test/test_helpers.py b/test/test_helpers.py
new file mode 100644
index 0000000..b7ad2d3
--- /dev/null
+++ b/test/test_helpers.py
@@ -0,0 +1,1068 @@
+import asyncio
+import os
+import tempfile
+import time
+from pathlib import Path
+from typing import cast
+from unittest.mock import patch
+
+import gradio_client as grc
+import pytest
+from gradio_client import utils as client_utils
+from pydub import AudioSegment
+from starlette.testclient import TestClient
+from tqdm import tqdm
+
+import gradio as gr
+from gradio import helpers, oauth, routes, utils
+from gradio.media import get_audio, get_image
+from gradio.route_utils import API_PREFIX
+
+
+@patch("gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp()))
+class TestExamples:
+    def test_handle_single_input(self, patched_cache_folder, media_data):
+        examples = gr.Examples(["hello", "hi"], gr.Textbox())
+        assert examples.non_none_processed_examples.as_list() == [["hello"], ["hi"]]
+
+        examples = gr.Examples([["hello"]], gr.Textbox())
+        assert examples.non_none_processed_examples.as_list() == [["hello"]]
+
+        examples = gr.Examples(["test/test_files/bus.png"], gr.Image())
+        assert (
+            client_utils.encode_file_to_base64(
+                examples.non_none_processed_examples.as_list()[0][0]["path"]
+            )
+            == media_data.BASE64_IMAGE
+        )
+
+    def test_handle_multiple_inputs(self, patched_cache_folder, media_data):
+        examples = gr.Examples(
+            [["hello", "test/test_files/bus.png"]], [gr.Textbox(), gr.Image()]
+        )
+        assert examples.non_none_processed_examples.as_list()[0][0] == "hello"
+        assert (
+            client_utils.encode_file_to_base64(
+                examples.non_none_processed_examples.as_list()[0][1]["path"]
+            )
+            == media_data.BASE64_IMAGE
+        )
+
+    def test_handle_directory(self, patched_cache_folder, media_data):
+        examples = gr.Examples("test/test_files/images", gr.Image())
+        assert len(examples.non_none_processed_examples.as_list()) == 2
+        for row in examples.non_none_processed_examples.as_list():
+            for output in row:
+                assert (
+                    client_utils.encode_file_to_base64(output["path"])
+                    == media_data.BASE64_IMAGE
+                )
+
+    def test_handle_directory_with_log_file(self, patched_cache_folder, media_data):
+        examples = gr.Examples(
+            "test/test_files/images_log", [gr.Image(label="im"), gr.Text()]
+        )
+        ex = client_utils.traverse(
+            examples.non_none_processed_examples.as_list(),
+            lambda s: client_utils.encode_file_to_base64(s["path"]),
+            lambda x: isinstance(x, dict) and Path(x["path"]).exists(),
+        )
+        assert ex == [
+            [media_data.BASE64_IMAGE, "hello"],
+            [media_data.BASE64_IMAGE, "hi"],
+        ]
+        for sample in examples.dataset.samples:
+            assert os.path.isabs(sample[0]["path"])
+
+    def test_examples_per_page(self, patched_cache_folder):
+        examples = gr.Examples(["hello", "hi"], gr.Textbox(), examples_per_page=2)
+        assert examples.dataset.get_config()["samples_per_page"] == 2
+
+    def test_no_preprocessing(self, patched_cache_folder, connect, media_data):
+        with gr.Blocks() as demo:
+            image = gr.Image()
+            textbox = gr.Textbox()
+
+            examples = gr.Examples(
+                examples=["test/test_files/bus.png"],
+                inputs=image,
+                outputs=textbox,
+                fn=lambda x: x["path"],
+                cache_examples=True,
+                preprocess=False,
+            )
+
+        with connect(demo):
+            prediction = examples.load_from_cache(0)
+        assert (
+            client_utils.encode_file_to_base64(prediction[0]) == media_data.BASE64_IMAGE
+        )
+
+    def test_no_postprocessing(self, patched_cache_folder, connect):
+        def im(x):
+            return [
+                {
+                    "image": {
+                        "path": "test/test_files/bus.png",
+                    },
+                    "caption": "hi",
+                }
+            ]
+
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            gall = gr.Gallery()
+
+            examples = gr.Examples(
+                examples=["hi"],
+                inputs=text,
+                outputs=gall,
+                fn=im,
+                cache_examples=True,
+                postprocess=False,
+            )
+
+        with connect(demo):
+            prediction = examples.load_from_cache(0)
+        file = prediction[0].root[0].image.path
+        assert client_utils.encode_url_or_file_to_base64(
+            file
+        ) == client_utils.encode_url_or_file_to_base64("test/test_files/bus.png")
+
+
+def test_setting_cache_dir_env_variable(monkeypatch, connect):
+    temp_dir = tempfile.mkdtemp()
+    monkeypatch.setenv("GRADIO_EXAMPLES_CACHE", temp_dir)
+    with gr.Blocks() as demo:
+        image = gr.Image()
+        image2 = gr.Image()
+
+        examples = gr.Examples(
+            examples=["test/test_files/bus.png"],
+            inputs=image,
+            outputs=image2,
+            fn=lambda x: x,
+            cache_examples=True,
+        )
+
+    with connect(demo):
+        prediction = examples.load_from_cache(0)
+    path_to_cached_file = Path(prediction[0].path)
+    assert utils.is_in_or_equal(path_to_cached_file, temp_dir)
+    monkeypatch.delenv("GRADIO_EXAMPLES_CACHE", raising=False)
+
+
+@patch("gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp()))
+class TestExamplesDataset:
+    def test_no_headers(self, patched_cache_folder):
+        examples = gr.Examples("test/test_files/images_log", [gr.Image(), gr.Number()])
+        assert examples.dataset.headers == []
+
+    def test_all_headers(self, patched_cache_folder):
+        examples = gr.Examples(
+            "test/test_files/images_log",
+            [gr.Image(label="im"), gr.Text(label="your text")],
+        )
+        assert examples.dataset.headers == ["im", "your text"]
+
+    def test_some_headers(self, patched_cache_folder):
+        examples = gr.Examples(
+            "test/test_files/images_log", [gr.Image(label="im"), gr.Number()]
+        )
+        assert examples.dataset.headers == ["im", ""]
+
+    def test_example_labels(self, patched_cache_folder):
+        examples = gr.Examples(
+            examples=[
+                [5, "add", 3],
+                [4, "divide", 2],
+                [-4, "multiply", 2.5],
+                [0, "subtract", 1.2],
+            ],
+            inputs=[
+                gr.Number(),
+                gr.Radio(["add", "divide", "multiply", "subtract"]),
+                gr.Number(),
+            ],
+            example_labels=["add", "divide", "multiply", "subtract"],
+        )
+        assert examples.dataset.sample_labels == [
+            "add",
+            "divide",
+            "multiply",
+            "subtract",
+        ]
+
+
+def test_example_caching_relaunch(connect):
+    def combine(a, b):
+        return a + " " + b
+
+    with gr.Blocks() as demo:
+        txt = gr.Textbox(label="Input")
+        txt_2 = gr.Textbox(label="Input 2")
+        txt_3 = gr.Textbox(value="", label="Output")
+        btn = gr.Button(value="Submit")
+        btn.click(combine, inputs=[txt, txt_2], outputs=[txt_3])
+        gr.Examples(
+            [["hi", "Adam"], ["hello", "Eve"]],
+            [txt, txt_2],
+            txt_3,
+            combine,
+            cache_examples=True,
+            api_name="examples",
+        )
+
+    with connect(demo) as client:
+        assert client.predict(1, api_name="/examples") == "hello Eve"
+
+    # Let the server shut down
+    time.sleep(1)
+
+    with connect(demo) as client:
+        assert client.predict(1, api_name="/examples") == "hello Eve"
+
+
+@patch("gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp()))
+class TestProcessExamples:
+    def test_caching(self, patched_cache_folder, connect):
+        io = gr.Interface(
+            lambda x: f"Hello {x}",
+            "text",
+            "text",
+            examples=[["World"], ["Dunya"], ["Monde"]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(1)
+        assert prediction[0] == "Hello Dunya"
+
+    def test_caching_negative_number(self, patched_cache_folder, connect):
+        io = gr.Interface(
+            lambda x: -0.5678,
+            "text",
+            gr.Number(),
+            examples=[["hi"]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction[0] == -0.5678
+
+    def test_example_caching_relaunch(self, patched_cache_folder, connect):
+        def combine(a, b):
+            return a + " " + b
+
+        with gr.Blocks() as demo:
+            txt = gr.Textbox(label="Input")
+            txt_2 = gr.Textbox(label="Input 2")
+            txt_3 = gr.Textbox(value="", label="Output")
+            btn = gr.Button(value="Submit")
+            btn.click(combine, inputs=[txt, txt_2], outputs=[txt_3])
+            gr.Examples(
+                [["hi", "Adam"], ["hello", "Eve"]],
+                [txt, txt_2],
+                txt_3,
+                combine,
+                cache_examples=True,
+                api_name="examples",
+            )
+
+        with connect(demo) as client:
+            assert client.predict(1, api_name="/examples") == "hello Eve"
+
+        with connect(demo) as client:
+            assert client.predict(1, api_name="/examples") == "hello Eve"
+
+    def test_caching_image(self, patched_cache_folder, connect):
+        io = gr.Interface(
+            lambda x: x,
+            "image",
+            "image",
+            examples=[["test/test_files/bus.png"]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction[0].path.endswith(".webp")
+
+    def test_caching_audio_with_progress(self, patched_cache_folder, connect):
+        def audio_identity(x, prog=gr.Progress()):
+            for _ in prog.tqdm(range(5)):
+                pass
+            return x
+
+        io = gr.Interface(
+            audio_identity,
+            "audio",
+            "audio",
+            examples=[[get_audio("audio_sample.wav")]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        file = prediction[0].path
+        assert client_utils.encode_url_or_file_to_base64(file).startswith(
+            "data:audio/wav;base64,UklGRgA/AABXQVZFZm10I"
+        )
+
+    def test_caching_with_update(self, patched_cache_folder, connect):
+        io = gr.Interface(
+            lambda x: gr.update(visible=False),
+            "text",
+            "image",
+            examples=[["World"], ["Dunya"], ["Monde"]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(1)
+        assert prediction[0] == {
+            "visible": False,
+            "__type__": "update",
+        }
+
+    def test_caching_with_mix_update(self, patched_cache_folder, connect):
+        io = gr.Interface(
+            lambda x: [gr.update(lines=4, value="hello"), "test/test_files/bus.png"],
+            "text",
+            ["text", "image"],
+            examples=[["World"], ["Dunya"], ["Monde"]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(1)
+        assert prediction[0] == {
+            "lines": 4,
+            "value": "hello",
+            "__type__": "update",
+        }
+
+    def test_caching_with_dict(self, patched_cache_folder, connect):
+        text = gr.Textbox()
+        out = gr.Label()
+
+        io = gr.Interface(
+            lambda _: {text: gr.update(lines=4, interactive=False), out: "lion"},
+            "textbox",
+            [text, out],
+            examples=["abc"],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction == [
+            {"lines": 4, "__type__": "update", "interactive": False},
+            gr.Label.data_model(**{"label": "lion", "confidences": None}),  # type: ignore
+        ]
+
+    def test_caching_with_generators(self, patched_cache_folder, connect):
+        def test_generator(x):
+            for y in range(len(x)):
+                yield "Your output: " + x[: y + 1]
+
+        io = gr.Interface(
+            test_generator,
+            "textbox",
+            "textbox",
+            examples=["abcdef"],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction[0] == "Your output: abcdef"
+
+    def test_caching_with_generators_and_streamed_output(
+        self, patched_cache_folder, connect
+    ):
+        audio = get_audio("audio_sample.wav")
+
+        def test_generator(x):
+            for y in range(int(x)):
+                yield audio, y * 5
+
+        io = gr.Interface(
+            test_generator,
+            "number",
+            [gr.Audio(streaming=True), "number"],
+            examples=[3],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        len_input_audio = len(AudioSegment.from_file(audio))
+        len_output_audio = len(AudioSegment.from_file(prediction[0].path))
+        length_ratio = len_output_audio / len_input_audio
+        assert 3 <= round(length_ratio, 1) < 4  # might not be exactly 3x
+        assert float(prediction[1]) == 10.0
+
+    def test_caching_with_async_generators(self, patched_cache_folder, connect):
+        async def test_generator(x):
+            for y in range(len(x)):
+                yield "Your output: " + x[: y + 1]
+
+        io = gr.Interface(
+            test_generator,
+            "textbox",
+            "textbox",
+            examples=["abcdef"],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction[0] == "Your output: abcdef"
+
+    @pytest.mark.asyncio
+    async def test_raise_helpful_error_message_if_providing_partial_examples(
+        self, patched_cache_folder, tmp_path
+    ):
+        def foo(a, b):
+            return a + b
+
+        with pytest.warns(
+            UserWarning,
+            match="^Examples will be cached but not all input components have",
+        ):
+            with pytest.raises(Exception):
+                io = gr.Interface(
+                    foo,
+                    inputs=["text", "text"],
+                    outputs=["text"],
+                    examples=[["foo"], ["bar"]],
+                    cache_examples=True,
+                )
+                await io.examples_handler._start_caching()
+
+        with pytest.warns(
+            UserWarning,
+            match="^Examples will be cached but not all input components have",
+        ):
+            with pytest.raises(Exception):
+                io = gr.Interface(
+                    foo,
+                    inputs=["text", "text"],
+                    outputs=["text"],
+                    examples=[["foo", "bar"], ["bar", None]],
+                    cache_examples=True,
+                )
+                await io.examples_handler._start_caching()
+
+        def foo_no_exception(a, b=2):
+            return a * b
+
+        gr.Interface(
+            foo_no_exception,
+            inputs=["text", "number"],
+            outputs=["text"],
+            examples=[["foo"], ["bar"]],
+            cache_examples=True,
+        )
+
+        def many_missing(a, b, c):
+            return a * b
+
+        with pytest.warns(
+            UserWarning,
+            match="^Examples will be cached but not all input components have",
+        ):
+            with pytest.raises(Exception):
+                io = gr.Interface(
+                    many_missing,
+                    inputs=["text", "number", "number"],
+                    outputs=["text"],
+                    examples=[["foo", None, None], ["bar", 2, 3]],
+                    cache_examples=True,
+                )
+                await io.examples_handler._start_caching()
+
+    def test_caching_with_batch(self, patched_cache_folder, connect):
+        def trim_words(words, lens):
+            trimmed_words = [
+                word[:length] for word, length in zip(words, lens, strict=False)
+            ]
+            return [trimmed_words]
+
+        io = gr.Interface(
+            trim_words,
+            ["textbox", gr.Number(precision=0)],
+            ["textbox"],
+            batch=True,
+            max_batch_size=16,
+            examples=[["hello", 3], ["hi", 4]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction == ["hel"]
+
+    def test_caching_with_batch_multiple_outputs(self, patched_cache_folder, connect):
+        def trim_words(words, lens):
+            trimmed_words = [
+                word[:length] for word, length in zip(words, lens, strict=False)
+            ]
+            return trimmed_words, lens
+
+        io = gr.Interface(
+            trim_words,
+            ["textbox", gr.Number(precision=0)],
+            ["textbox", gr.Number(precision=0)],
+            batch=True,
+            max_batch_size=16,
+            examples=[["hello", 3], ["hi", 4]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction == ["hel", 3]
+
+    def test_caching_with_float_numbers(self, patched_cache_folder, connect):
+        def foo(a, b):
+            return a, b
+
+        io = gr.Interface(
+            foo,
+            ["slider", "number"],
+            ["slider", "number"],
+            examples=[[1.7, 2.85]],
+            cache_examples=True,
+        )
+
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert prediction == [1.7, 2.85]
+
+    def test_caching_with_non_io_component(self, patched_cache_folder, connect):
+        def predict(name):
+            return name, gr.update(visible=True)
+
+        with gr.Blocks() as demo:
+            t1 = gr.Textbox()
+            with gr.Column(visible=False) as c:
+                t2 = gr.Textbox()
+
+            examples = gr.Examples(
+                [["John"], ["Mary"]],
+                fn=predict,
+                inputs=[t1],
+                outputs=[t2, c],  # type: ignore
+                cache_examples=True,
+            )
+
+        with connect(demo):
+            prediction = examples.load_from_cache(0)
+        assert prediction == ["John", {"visible": True, "__type__": "update"}]
+
+    def test_end_to_end(self, patched_cache_folder):
+        def concatenate(str1, str2):
+            return str1 + str2
+
+        with gr.Blocks() as demo:
+            t1 = gr.Textbox()
+            t2 = gr.Textbox()
+            t1.submit(concatenate, [t1, t2], t2)
+
+            gr.Examples(
+                [["Hello,", None], ["Michael", None]],
+                inputs=[t1, t2],
+                api_name="load_example",
+            )
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/load_example/", json={"data": [0]})
+        assert response.json()["data"] == [
+            {
+                "lines": 1,
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "autofocus": False,
+                "autoscroll": True,
+                "elem_classes": [],
+                "rtl": False,
+                "__type__": "update",
+                "visible": True,
+                "preserved_by_key": ["value"],
+                "value": "Hello,",
+                "type": "text",
+                "stop_btn": False,
+                "submit_btn": False,
+                "buttons": [],
+            }
+        ]
+
+        response = client.post(f"{API_PREFIX}/api/load_example/", json={"data": [1]})
+        assert response.json()["data"] == [
+            {
+                "lines": 1,
+                "show_label": True,
+                "container": True,
+                "min_width": 160,
+                "autofocus": False,
+                "autoscroll": True,
+                "elem_classes": [],
+                "rtl": False,
+                "preserved_by_key": ["value"],
+                "__type__": "update",
+                "visible": True,
+                "value": "Michael",
+                "type": "text",
+                "stop_btn": False,
+                "submit_btn": False,
+                "buttons": [],
+            }
+        ]
+
+    def test_end_to_end_cache_examples(self, patched_cache_folder):
+        def concatenate(str1, str2):
+            return f"{str1} {str2}"
+
+        with gr.Blocks() as demo:
+            t1 = gr.Textbox()
+            t2 = gr.Textbox()
+            t1.submit(concatenate, [t1, t2], t2)
+
+            gr.Examples(
+                examples=[["Hello,", "World"], ["Michael", "Jordan"]],
+                inputs=[t1, t2],
+                outputs=[t2],
+                fn=concatenate,
+                cache_examples=True,
+                api_name="load_example",
+            )
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/load_example/", json={"data": [0]})
+        assert response.json()["data"] == ["Hello, World"]
+
+        response = client.post(f"{API_PREFIX}/api/load_example/", json={"data": [1]})
+        assert response.json()["data"] == ["Michael Jordan"]
+
+    def test_end_to_end_lazy_cache_examples(self, patched_cache_folder):
+        def image_identity(image, string):
+            return image
+
+        with gr.Blocks() as demo:
+            i1 = gr.Image()
+            t = gr.Textbox()
+            i2 = gr.Image()
+
+            gr.Examples(
+                examples=[
+                    [get_image("cheetah1.jpg"), "cheetah"],
+                    ["test/test_files/bus.png", "bus"],
+                ],
+                inputs=[i1, t],
+                outputs=[i2],
+                fn=image_identity,
+                cache_examples=True,
+                cache_mode="lazy",
+                api_name="load_example",
+            )
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/load_example/", json={"data": [0]})
+        data = response.json()["data"]
+        assert data[0]["path"].endswith("image.webp")
+
+        response = client.post(f"{API_PREFIX}/api/load_example/", json={"data": [1]})
+        data = response.json()["data"]
+        assert data[0]["path"].endswith("image.webp")
+
+
+def test_multiple_file_flagging(tmp_path, connect):
+    with patch("gradio.utils.get_cache_folder", return_value=tmp_path):
+        io = gr.Interface(
+            fn=lambda *x: list(x),
+            inputs=[
+                gr.Image(type="filepath", label="frame 1"),
+                gr.Image(type="filepath", label="frame 2"),
+            ],
+            outputs=[gr.Files()],
+            examples=[[get_image("cheetah1.jpg"), "test/test_files/bus.png"]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+
+        assert len(prediction[0].root) == 2
+        assert all(isinstance(d, gr.FileData) for d in prediction[0].root)
+
+
+def test_examples_keep_all_suffixes(tmp_path, connect):
+    with patch("gradio.utils.get_cache_folder", return_value=Path(tempfile.mkdtemp())):
+        file_1 = tmp_path / "foo.bar.txt"
+        file_1.write_text("file 1")
+        file_2 = tmp_path / "file_2"
+        file_2.mkdir(parents=True)
+        file_2 = file_2 / "foo.bar.txt"
+        file_2.write_text("file 2")
+        io = gr.Interface(
+            fn=lambda x: x.name,
+            inputs=gr.File(),
+            outputs=[gr.File()],
+            examples=[[str(file_1)], [str(file_2)]],
+            cache_examples=True,
+        )
+        with connect(io):
+            prediction = io.examples_handler.load_from_cache(0)
+        assert Path(prediction[0].path).read_text() == "file 1"
+        assert prediction[0].orig_name == "foo.bar.txt"
+        assert prediction[0].path.endswith("foo.bar.txt")
+        prediction = io.examples_handler.load_from_cache(1)
+        assert Path(prediction[0].path).read_text() == "file 2"
+        assert prediction[0].orig_name == "foo.bar.txt"
+        assert prediction[0].path.endswith("foo.bar.txt")
+
+
+class TestProgressBar:
+    @pytest.mark.asyncio
+    async def test_progress_bar(self):
+        with gr.Blocks() as demo:
+            name = gr.Textbox()
+            greeting = gr.Textbox()
+            button = gr.Button(value="Greet")
+
+            def greet(s, prog=gr.Progress()):
+                prog(0, desc="start")
+                time.sleep(0.15)
+                for _ in prog.tqdm(range(4), unit="iter"):
+                    time.sleep(0.15)
+                time.sleep(0.15)
+                for _ in tqdm(["a", "b", "c"], desc="alphabet"):
+                    time.sleep(0.15)
+                return f"Hello, {s}!"
+
+            button.click(greet, name, greeting)
+        demo.queue(max_size=1).launch(prevent_thread_lock=True)
+        assert demo.local_url
+
+        client = grc.Client(demo.local_url)
+        job = client.submit("Gradio")
+
+        status_updates = []
+        while not job.done():
+            status = job.status()
+            update = (
+                status.progress_data[0].index if status.progress_data else None,
+                status.progress_data[0].desc if status.progress_data else None,
+            )
+            if update != (None, None) and (
+                len(status_updates) == 0 or status_updates[-1] != update
+            ):
+                status_updates.append(update)
+            time.sleep(0.05)
+
+        assert all(
+            s
+            in [
+                (None, "start"),
+                (0, None),
+                (1, None),
+                (2, None),
+                (3, None),
+                (4, None),
+            ]
+            for s in status_updates
+        )
+
+    @pytest.mark.asyncio
+    async def test_progress_bar_track_tqdm(self):
+        with gr.Blocks() as demo:
+            name = gr.Textbox()
+            greeting = gr.Textbox()
+            button = gr.Button(value="Greet")
+
+            def greet(s, prog=gr.Progress(track_tqdm=True)):
+                prog(0, desc="start")
+                time.sleep(0.15)
+                for _ in prog.tqdm(range(4), unit="iter"):
+                    time.sleep(0.15)
+                time.sleep(0.15)
+                for _ in tqdm(["a", "b", "c"], desc="alphabet"):
+                    time.sleep(0.15)
+                return f"Hello, {s}!"
+
+            button.click(greet, name, greeting)
+        demo.queue(max_size=1).launch(prevent_thread_lock=True)
+        assert demo.local_url
+
+        client = grc.Client(demo.local_url)
+        job = client.submit("Gradio")
+
+        status_updates = []
+        while not job.done():
+            status = job.status()
+            update = (
+                status.progress_data[0].index if status.progress_data else None,
+                status.progress_data[0].desc if status.progress_data else None,
+            )
+            if update != (None, None) and (
+                len(status_updates) == 0 or status_updates[-1] != update
+            ):
+                status_updates.append(update)
+            time.sleep(0.05)
+
+        assert status_updates == [
+            (None, "start"),
+            (0, None),
+            (1, None),
+            (2, None),
+            (3, None),
+            (4, None),
+            (0, "alphabet"),
+            (1, "alphabet"),
+            (2, "alphabet"),
+        ]
+
+    @pytest.mark.asyncio
+    @pytest.mark.flaky(reruns=5)
+    async def test_progress_bar_track_tqdm_without_iterable(self):
+        def greet(s, _=gr.Progress(track_tqdm=True)):
+            with tqdm(total=len(s)) as progress_bar:
+                for _c in s:
+                    progress_bar.update()
+                    time.sleep(0.1)
+            return f"Hello, {s}!"
+
+        demo = gr.Interface(greet, "text", "text")
+        demo.queue().launch(prevent_thread_lock=True)
+        assert demo.local_url
+
+        client = grc.Client(demo.local_url)
+        job = client.submit("Gradio")
+
+        status_updates = []
+        while not job.done():
+            status = job.status()
+            update = (
+                status.progress_data[0].index if status.progress_data else None,
+                status.progress_data[0].unit if status.progress_data else None,
+            )
+            if update != (None, None) and (
+                len(status_updates) == 0 or status_updates[-1] != update
+            ):
+                status_updates.append(update)
+            time.sleep(0.05)
+
+        assert status_updates[-1] == (6, "steps")
+
+    @pytest.mark.asyncio
+    async def test_info_and_warning_alerts(self):
+        def greet(s):
+            for _c in s:
+                gr.Info(f"Letter {_c}")
+                time.sleep(0.15)
+            if len(s) < 5:
+                gr.Warning("Too short!")
+                time.sleep(0.15)
+            return f"Hello, {s}!"
+
+        demo = gr.Interface(greet, "text", "text")
+        demo.queue().launch(prevent_thread_lock=True)
+        assert demo.local_url
+
+        client = grc.Client(demo.local_url)
+        job = client.submit("Jon")
+
+        status_updates = []
+        while not job.done():
+            status = job.status()
+            update = status.log
+            if update is not None and (
+                len(status_updates) == 0 or status_updates[-1] != update
+            ):
+                status_updates.append(update)
+            time.sleep(0.05)
+
+        assert status_updates == [
+            ("Letter J", "info"),
+            ("Letter o", "info"),
+            ("Letter n", "info"),
+            ("Too short!", "warning"),
+        ]
+
+
+@pytest.mark.asyncio
+@pytest.mark.parametrize("async_handler", [True, False])
+async def test_info_isolation(async_handler: bool):
+    async def greet_async(name):
+        await asyncio.sleep(2)
+        gr.Info(f"Hello {name}")
+        await asyncio.sleep(1)
+        return name
+
+    def greet_sync(name):
+        time.sleep(2)
+        gr.Info(f"Hello {name}")
+        time.sleep(1)
+        return name
+
+    demo = gr.Interface(
+        greet_async if async_handler else greet_sync,
+        "text",
+        "text",
+        concurrency_limit=2,
+    )
+    demo.launch(prevent_thread_lock=True)
+
+    async def session_interaction(name, delay=0):
+        assert demo.local_url
+        client = grc.Client(demo.local_url)
+        job = client.submit(name)
+
+        status_updates = []
+        while not job.done():
+            status = job.status()
+            update = status.log
+            if update is not None and (
+                len(status_updates) == 0 or status_updates[-1] != update
+            ):
+                status_updates.append(update)
+            time.sleep(0.05)
+        return status_updates[-1][0] if status_updates else None
+
+    alice_logs, bob_logs = await asyncio.gather(
+        session_interaction("Alice"),
+        session_interaction("Bob", delay=1),
+    )
+
+    assert alice_logs == "Hello Alice"
+    assert bob_logs == "Hello Bob"
+
+
+def test_check_event_data_in_cache():
+    def get_select_index(evt: gr.SelectData):
+        return evt.index
+
+    with pytest.raises(gr.Error):
+        helpers.special_args(
+            get_select_index,
+            inputs=[],
+            event_data=helpers.EventData(
+                None,
+                {
+                    "index": {"path": "foo", "meta": {"_type": "gradio.FileData"}},
+                    "value": "whatever",
+                },
+            ),
+        )
+
+
+def test_request_session_none_without_sessionmiddleware():
+    from starlette.requests import Request
+
+    def foo(a: int, prof: gr.OAuthProfile | None = None):
+        return a
+
+    inputs, *_ = helpers.special_args(
+        foo,
+        inputs=[5],
+        request=Request(scope={"type": "http"}),  # type: ignore
+    )
+    assert inputs == [5, None]
+
+
+def test_expired_oauth_token_is_not_injected():
+    def foo(token: gr.OAuthToken | None):
+        return token
+
+    session = {"oauth_info": _oauth_info(expires_at=time.time() - 60)}
+
+    inputs, *_ = helpers.special_args(foo, inputs=[], request=_oauth_request(session))
+
+    assert inputs == [None]
+
+
+def test_expired_required_oauth_profile_raises():
+    def foo(profile: gr.OAuthProfile):
+        return profile
+
+    session = {"oauth_info": _oauth_info(expires_at=time.time() - 60)}
+
+    with pytest.raises(gr.Error, match="requires a logged in user"):
+        helpers.special_args(foo, inputs=[], request=_oauth_request(session))
+
+
+def test_valid_oauth_session_is_injected():
+    def foo(profile: gr.OAuthProfile, token: gr.OAuthToken):
+        return profile, token
+
+    session = {"oauth_info": _oauth_info(expires_at=time.time() + 60)}
+
+    inputs, *_ = helpers.special_args(foo, inputs=[], request=_oauth_request(session))
+
+    assert inputs[0].username == "test-user"
+    assert inputs[1].token == "test-token"
+    assert "oauth_info" in session
+
+
+def test_get_valid_oauth_info_removes_expired_session_entry():
+    expired = {"oauth_info": _oauth_info(expires_at=time.time() - 60)}
+    assert oauth._get_valid_oauth_info_from_session(expired) is None
+    assert "oauth_info" not in expired
+
+    valid = {"oauth_info": _oauth_info(expires_at=time.time() + 60)}
+    assert oauth._get_valid_oauth_info_from_session(valid) is not None
+    assert "oauth_info" in valid
+
+
+class _OAuthRequest:
+    def __init__(self, session):
+        self.session = session
+
+
+def _oauth_request(session):
+    return cast(routes.Request, _OAuthRequest(session))
+
+
+def _oauth_info(expires_at):
+    return {
+        "access_token": "test-token",
+        "expires_at": expires_at,
+        "scope": "openid profile",
+        "userinfo": {
+            "name": "Test User",
+            "preferred_username": "test-user",
+            "profile": "https://huggingface.co/test-user",
+            "picture": "https://huggingface.co/front/assets/huggingface_logo.svg",
+            "sub": "test-user",
+        },
+    }
+
+
+def test_examples_no_cache_optional_inputs():
+    def foo(a, b, c, d):
+        return {"a": a, "b": b, "c": c, "d": d}
+
+    io = gr.Interface(
+        foo,
+        ["text", "text", "text", "text"],
+        "json",
+        cache_examples=False,
+        examples=[["a", "b", None, "d"], ["a", "b", None, "de"]],
+        api_name="predict",
+    )
+
+    try:
+        app, _, _ = io.launch(prevent_thread_lock=True)
+
+        client = TestClient(app)
+        with client as c:
+            for i in range(2):
+                response = c.post(
+                    f"{API_PREFIX}/run/predict/",
+                    json={
+                        "data": [i],
+                        "fn_index": 6,
+                        "trigger_id": 19,
+                        "session_hash": "test",
+                    },
+                )
+                assert response.status_code == 200
+    finally:
+        io.close()
diff --git a/test/test_http_server.py b/test/test_http_server.py
new file mode 100644
index 0000000..9b4f303
--- /dev/null
+++ b/test/test_http_server.py
@@ -0,0 +1,30 @@
+import urllib.parse
+
+import pytest
+
+import gradio as gr
+from gradio import http_server, routes
+
+
+class TestStartServer:
+    # Test IPv4 and IPv6 hostnames as they would be passed from --server-name.
+    @pytest.mark.parametrize("host", ["127.0.0.1", "[::1]"])
+    def test_start_server(self, host):
+        io = gr.Interface(lambda x: x, "number", "number")
+        io.favicon_path = None
+        io.config = io.get_config_file()
+        io.show_error = True
+        io.flagging_callback.setup([gr.Number()], io.flagging_dir)
+        io.auth = None
+        app = routes.App.create_app(io)
+
+        _, _, local_path, server = http_server.start_server(app)
+        url = urllib.parse.urlparse(local_path)
+        assert url.scheme == "http"
+        assert url.port is not None
+        assert (
+            http_server.INITIAL_PORT_VALUE
+            <= url.port
+            <= http_server.INITIAL_PORT_VALUE + http_server.TRY_NUM_PORTS
+        )
+        server.close()
diff --git a/test/test_image_utils.py b/test/test_image_utils.py
new file mode 100644
index 0000000..2889d2f
--- /dev/null
+++ b/test/test_image_utils.py
@@ -0,0 +1,28 @@
+from gradio.image_utils import extract_svg_content
+
+
+def test_extract_svg_content_local_file():
+    svg_path = "test/test_files/file_icon.svg"
+    svg_content = extract_svg_content(svg_path)
+    assert (
+        svg_content
+        == '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file"><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline></svg>'
+    )
+
+
+def test_extract_svg_content_from_url(monkeypatch):
+    class MockResponse:
+        def __init__(self):
+            self.text = "<svg>mock svg content</svg>"
+
+        def raise_for_status(self):
+            pass
+
+    async def mock_get(*args, **kwargs):
+        return MockResponse()
+
+    # extract_svg_content now routes through the SSRF-protected helper rather
+    # than calling httpx.get directly, so patch that instead.
+    monkeypatch.setattr("gradio.processing_utils.async_ssrf_protected_get", mock_get)
+    svg_content = extract_svg_content("https://example.com/test.svg")
+    assert svg_content == "<svg>mock svg content</svg>"
diff --git a/test/test_interfaces.py b/test/test_interfaces.py
new file mode 100644
index 0000000..b406021
--- /dev/null
+++ b/test/test_interfaces.py
@@ -0,0 +1,317 @@
+import io
+import sys
+from contextlib import contextmanager
+from functools import partial
+from string import capwords
+from unittest.mock import MagicMock, patch
+
+import httpx
+import pytest
+
+import gradio
+from gradio.blocks import Blocks
+from gradio.components import Image, Textbox
+from gradio.interface import Interface, TabbedInterface, close_all, os
+from gradio.layouts import TabItem, Tabs
+from gradio.utils import assert_configs_are_equivalent_besides_ids
+
+
+@contextmanager
+def captured_output():
+    new_out, new_err = io.StringIO(), io.StringIO()
+    old_out, old_err = sys.stdout, sys.stderr
+    try:
+        sys.stdout, sys.stderr = new_out, new_err
+        yield sys.stdout, sys.stderr
+    finally:
+        sys.stdout, sys.stderr = old_out, old_err
+
+
+class TestInterface:
+    @pytest.mark.serial
+    def test_close(self):
+        io = Interface(lambda input: None, "textbox", "label")
+        _, local_url, _ = io.launch(prevent_thread_lock=True)
+        response = httpx.get(local_url)
+        assert response.status_code == 200
+        io.close()
+        with pytest.raises(Exception):
+            response = httpx.get(local_url)
+
+    def test_close_all(self):
+        interface = Interface(lambda input: None, "textbox", "label")
+        interface.close = MagicMock()  # type: ignore
+        close_all()
+        interface.close.assert_not_called()  # type: ignore
+        interface.launch(prevent_thread_lock=True)
+        close_all()
+        interface.close.assert_called()  # type: ignore
+
+    def test_no_input_or_output(self):
+        with pytest.raises(TypeError):
+            Interface(lambda x: x, examples=1234)  # type: ignore
+
+    def test_partial_functions(self):
+        def greet(name, formatter):
+            return formatter(f"Hello {name}!")
+
+        greet_upper_case = partial(greet, formatter=capwords)
+        demo = Interface(fn=greet_upper_case, inputs="text", outputs="text")
+        assert demo("abubakar") == "Hello Abubakar!"
+
+    def test_input_labels_extracted_from_method(self):
+        class A:
+            def test(self, parameter_name):
+                return parameter_name
+
+        t = Textbox()
+        Interface(A().test, t, "text")
+        assert t.label == "parameter_name"
+
+        def test(parameter_name1, parameter_name2):
+            return parameter_name1
+
+        t = Textbox()
+        i = Image()
+        Interface(test, (t, i), "text")
+        assert t.label == "parameter_name1"
+        assert i.label == "parameter_name2"
+
+        def special_args_test(req: gradio.Request, parameter_name):
+            return parameter_name
+
+        t = Textbox()
+        Interface(special_args_test, t, "text")
+        assert t.label == "parameter_name"
+
+    def test_examples_valid_path(self):
+        path = os.path.join(
+            os.path.dirname(__file__), "../gradio/test_data/flagged_with_log"
+        )
+        interface = Interface(lambda x: 3 * x, "number", "number", examples=path)
+        dataset_check = any(
+            c["type"] == "dataset" for c in interface.get_config_file()["components"]
+        )
+        assert dataset_check
+
+    @patch("time.sleep")
+    @pytest.mark.serial
+    def test_block_thread(self, mock_sleep):
+        with pytest.raises(KeyboardInterrupt):
+            with captured_output() as (out, _):
+                mock_sleep.side_effect = KeyboardInterrupt()
+                interface = Interface(lambda x: x, "textbox", "label")
+                interface.launch(prevent_thread_lock=False)
+                output = out.getvalue().strip()
+                assert (
+                    "Keyboard interruption in main thread... closing server." in output
+                )
+
+    @patch("gradio.utils.colab_check")
+    @patch("gradio.networking.setup_tunnel")
+    def test_launch_colab_share_error(self, mock_setup_tunnel, mock_colab_check):
+        mock_setup_tunnel.side_effect = RuntimeError()
+        mock_colab_check.return_value = True
+        interface = Interface(lambda x: x, "textbox", "label")
+        _, _, share_url = interface.launch(prevent_thread_lock=True)
+        assert share_url is None
+        interface.close()
+
+    def test_interface_representation(self):
+        def prediction_fn(x):
+            return x
+
+        prediction_fn.__name__ = "prediction_fn"
+        repr = str(Interface(prediction_fn, "textbox", "label")).split("\n")
+        assert prediction_fn.__name__ in repr[0]
+        assert len(repr[0]) == len(repr[1])
+
+    @patch("webbrowser.open")
+    def test_interface_browser(self, mock_browser):
+        interface = Interface(lambda x: x, "textbox", "label")
+        interface.launch(inbrowser=True, prevent_thread_lock=True)
+        mock_browser.assert_called_once()
+        interface.close()
+
+    def test_examples_list(self):
+        examples = ["test1", "test2"]
+        interface = Interface(
+            lambda x: x, "textbox", "label", examples=examples, examples_per_page=2
+        )
+        interface.launch(prevent_thread_lock=True)
+        assert len(interface.examples_handler.examples) == 2
+        assert len(interface.examples_handler.examples[0]) == 1
+        assert interface.examples_handler.dataset.get_config()["samples_per_page"] == 2
+        interface.close()
+
+    @patch("IPython.display.display")
+    def test_inline_display(self, mock_display):
+        interface = Interface(lambda x: x, "textbox", "label")
+        interface.launch(inline=True, prevent_thread_lock=True)
+        mock_display.assert_called_once()
+        interface.launch(inline=True, prevent_thread_lock=True)
+        assert mock_display.call_count == 2
+        interface.close()
+
+    def test_setting_interactive_false(self):
+        output_textbox = Textbox()
+        Interface(lambda x: x, "textbox", output_textbox)
+        assert not output_textbox.get_config()["interactive"]
+        output_textbox = Textbox(interactive=True)
+        Interface(lambda x: x, "textbox", output_textbox)
+        assert output_textbox.get_config()["interactive"]
+
+    def test_get_api_info(self):
+        io = Interface(lambda x: x, Image(type="filepath"), "textbox")
+        api_info = io.get_api_info()
+        assert api_info
+        assert len(api_info["named_endpoints"]) == 1
+        assert len(api_info["unnamed_endpoints"]) == 0
+
+    def test_api_name(self):
+        io = Interface(lambda x: x, "textbox", "textbox", api_name="echo")
+        assert next(
+            (d for d in io.config["dependencies"] if d["api_name"] == "echo"),  # type: ignore
+            None,
+        )
+
+    def test_show_progress(self):
+        io = Interface(
+            lambda x: x, "textbox", "textbox", api_name="echo", show_progress="hidden"
+        )
+        dependency = next(
+            (d for d in io.config["dependencies"] if d["api_name"] == "echo"),  # type: ignore
+            None,
+        )
+        assert dependency and dependency["show_progress"] == "hidden"
+
+    def test_interface_in_blocks_does_not_error(self):
+        with Blocks():
+            Interface(fn=lambda x: x, inputs=Textbox(), outputs=Image())
+
+    def test_interface_with_built_ins(self):
+        t = Textbox()
+        Interface(fn=str, inputs=t, outputs=Textbox())
+        assert t.label == "input 0"
+
+    def test_interface_additional_components_are_included_as_inputs(self):
+        t = Textbox()
+        s = gradio.Slider(0, 100)
+        io = Interface(fn=str, inputs=t, outputs=Textbox(), additional_inputs=s)
+        assert io.input_components == [t, s]
+
+
+class TestTabbedInterface:
+    def test_tabbed_interface_config_matches_manual_tab(self):
+        interface1 = Interface(lambda x: x, "textbox", "textbox")
+        interface2 = Interface(lambda x: x, "image", "image")
+
+        with Blocks(mode="tabbed_interface") as demo:
+            with Tabs():
+                with TabItem(label="tab1"):
+                    interface1.render()
+                with TabItem(label="tab2"):
+                    interface2.render()
+
+        interface3 = Interface(lambda x: x, "textbox", "textbox")
+        interface4 = Interface(lambda x: x, "image", "image")
+        tabbed_interface = TabbedInterface([interface3, interface4], ["tab1", "tab2"])
+
+        assert assert_configs_are_equivalent_besides_ids(
+            demo.get_config_file(),  # type: ignore
+            tabbed_interface.get_config_file(),  # type: ignore
+        )
+
+
+@pytest.mark.parametrize(
+    "interface_type", ["standard", "input_only", "output_only", "unified"]
+)
+@pytest.mark.parametrize("live", [True, False])
+@pytest.mark.parametrize("use_generator", [True, False])
+def test_interface_adds_stop_button(interface_type, live, use_generator):
+    def gen_func(inp):
+        yield inp
+
+    def func(inp):
+        return inp
+
+    if interface_type == "standard":
+        interface = gradio.Interface(
+            gen_func if use_generator else func, "number", "number", live=live
+        )
+    elif interface_type == "input_only":
+        interface = gradio.Interface(
+            gen_func if use_generator else func, "number", None, live=live
+        )
+    elif interface_type == "output_only":
+        interface = gradio.Interface(
+            gen_func if use_generator else func, None, "number", live=live
+        )
+    else:
+        num = gradio.Number()
+        interface = gradio.Interface(
+            gen_func if use_generator else func, num, num, live=live
+        )
+    has_stop = (
+        len(
+            [
+                c
+                for c in interface.config["components"]
+                if c["props"].get("variant", "") == "stop"
+            ]
+        )
+        == 1
+    )
+    if use_generator and not live:
+        assert has_stop
+    else:
+        assert not has_stop
+
+
+def test_live_interface_sets_always_last():
+    iface = gradio.Interface(
+        fn=lambda s: s,
+        inputs=gradio.Textbox(lines=2, placeholder="Hello 👋", label="Input Sentence"),
+        outputs=gradio.Markdown(),
+        live=True,  # Set live to True for real-time feedback
+    )
+    config = iface.get_config_file()
+    assert "dependencies" in config
+    for dep in config["dependencies"]:
+        if dep["targets"][0][1] == "change":
+            assert dep["trigger_mode"] == "always_last"
+            return
+    raise AssertionError("No change dependency found")
+
+
+def test_tabbed_interface_predictions(connect):
+    hello_world = gradio.Interface(
+        lambda name: "Hello " + name, "text", "text", api_name="predict"
+    )
+    bye_world = gradio.Interface(
+        lambda name: "Bye " + name, "text", "text", api_name="predict"
+    )
+
+    demo = gradio.TabbedInterface(
+        [hello_world, bye_world], ["Hello World", "Bye World"]
+    )
+    with connect(demo) as client:
+        assert client.predict("Emily", api_name="/predict") == "Hello Emily"
+        assert client.predict("Hannah", api_name="/predict") == "Hello Hannah"
+
+
+def test_interface_predictions_default_api_name(connect):
+    def greet(name):
+        return "Hello " + name
+
+    hello_world = gradio.Interface(greet, "text", "text")
+
+    with connect(hello_world) as client:
+        assert client.predict("Emily", api_name="/greet") == "Hello Emily"
+        assert client.predict("Hannah", api_name="/greet") == "Hello Hannah"
+
+    hello_lambda = gradio.Interface(lambda s: "Hello " + s, "text", "text")
+
+    with connect(hello_lambda) as client:
+        assert client.predict("Emily", api_name="/lambda") == "Hello Emily"
+        assert client.predict("Hannah", api_name="/lambda") == "Hello Hannah"
diff --git a/test/test_mcp.py b/test/test_mcp.py
new file mode 100644
index 0000000..d2131ec
--- /dev/null
+++ b/test/test_mcp.py
@@ -0,0 +1,462 @@
+import copy
+import json
+import os
+import tempfile
+
+import pytest
+from mcp import ClientSession
+from mcp.client.streamable_http import streamablehttp_client
+from PIL import Image
+from starlette.requests import Request
+
+import gradio as gr
+from gradio.data_classes import FileData
+from gradio.mcp import GradioMCPServer
+
+
+def test_gradio_mcp_server_initialization(test_mcp_app):
+    server = GradioMCPServer(test_mcp_app)
+    assert server.blocks == test_mcp_app
+    assert server.mcp_server is not None
+
+
+def test_get_block_fn_from_tool_name(test_mcp_app):
+    server = GradioMCPServer(test_mcp_app)
+    result = server.get_block_fn_from_endpoint_name("test_tool")
+    assert result == test_mcp_app.fns[0]
+    result = server.get_block_fn_from_endpoint_name("nonexistent_tool")
+    assert result is None
+
+
+def test_generate_tool_names_correctly_for_interfaces():
+    def echo(x):
+        return x
+
+    class MyCallable:
+        def __call__(self, x):
+            return x
+
+    app = gr.TabbedInterface(
+        [
+            gr.Interface(echo, "text", "text"),
+            gr.Interface(echo, "image", "image"),
+            gr.Interface(lambda x: x, "audio", "audio"),
+            gr.Interface(MyCallable(), "text", "text"),
+        ]
+    )
+    server = GradioMCPServer(app)
+    assert list(server.tool_to_endpoint.keys()) == [
+        "echo",
+        "echo_1",
+        "_lambda_",
+        "MyCallable",
+    ]
+
+
+def test_convert_strings_to_filedata(test_mcp_app):
+    server = GradioMCPServer(test_mcp_app)
+
+    test_data = {
+        "text": "test text",
+        "image": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==",
+    }
+    filedata_positions: list[list[str | int]] = [["image"]]
+    result = server.convert_strings_to_filedata(test_data, filedata_positions)
+    assert isinstance(result["image"], dict)
+    result["image"] = FileData(**result["image"])  # type: ignore
+    assert os.path.exists(result["image"].path)
+
+    test_data = {"image": "invalid_data"}
+    with pytest.raises(ValueError):
+        server.convert_strings_to_filedata(test_data, filedata_positions)
+
+
+def test_postprocess_output_data(test_mcp_app):
+    server = GradioMCPServer(test_mcp_app)
+    fake_root_url = "http://localhost:7860"
+
+    temp_file = tempfile.NamedTemporaryFile(suffix=".png", delete=False)
+    temp_file.close()
+    try:
+        img = Image.new("RGB", (10, 10), color="red")
+        img.save(temp_file.name)
+        url = f"http://localhost:7860/gradio_api/file={temp_file.name}"
+        test_data = [
+            {"path": temp_file.name, "url": url, "meta": {"_type": "gradio.FileData"}}
+        ]
+        result = server.postprocess_output_data(test_data, fake_root_url)
+        assert len(result) == 2
+        assert result[0].type == "image"
+        assert result[0].mimeType == "image/png"  # type: ignore
+        assert result[1].type == "text"
+        assert url in result[1].text  # type: ignore
+    finally:
+        os.unlink(temp_file.name)
+
+    svg_data_uri = "data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2240%22%20fill%3D%22blue%22%2F%3E%3C%2Fsvg%3E"
+    test_data = [
+        {
+            "path": None,
+            "url": svg_data_uri,
+            "meta": {"_type": "gradio.FileData"},
+            "orig_name": "test.svg",
+        }
+    ]
+    result = server.postprocess_output_data(test_data, fake_root_url)
+    assert len(result) == 2
+    assert result[0].type == "image"
+    assert result[0].mimeType == "image/svg+xml"  # type: ignore
+    assert result[1].type == "text"
+    assert "Image URL:" in result[1].text  # type: ignore
+    assert "/gradio_api/file=" in result[1].text  # type: ignore
+
+    test_data = ["test text"]
+    result = server.postprocess_output_data(test_data, fake_root_url)
+    assert len(result) == 1
+    assert result[0].type == "text"
+    assert result[0].text == "test text"  # type: ignore
+
+
+def test_simplify_filedata_schema(test_mcp_app):
+    server = GradioMCPServer(test_mcp_app)
+
+    test_schema = {
+        "type": "object",
+        "properties": {
+            "text": {"type": "string"},
+            "image": {
+                "type": "object",
+                "properties": {"meta": {"default": {"_type": "gradio.FileData"}}},
+            },
+        },
+    }
+    old_schema = copy.deepcopy(test_schema)
+
+    simplified_schema, filedata_positions = server.simplify_filedata_schema(test_schema)
+    assert simplified_schema["properties"]["image"]["type"] == "string"
+    assert filedata_positions == [["image"]]
+    # Verify that the original schema is not modified
+    assert test_schema == old_schema
+
+
+def test_tool_prefix_character_replacement(test_mcp_app):
+    test_cases = [
+        ("test-space", "test_space_test_tool"),
+        ("flux.1_schnell", "flux_1_schnell_test_tool"),
+        ("test\\backslash", "test_backslash_test_tool"),
+        ("test:colon spaces ", "test_colon_spaces__test_tool"),
+    ]
+
+    original_system = os.environ.get("SYSTEM")
+    original_space_id = os.environ.get("SPACE_ID")
+
+    try:
+        os.environ["SYSTEM"] = "spaces"
+        for space_id, tool_name in test_cases:
+            os.environ["SPACE_ID"] = space_id
+            server = GradioMCPServer(test_mcp_app)
+            assert tool_name in server.tool_to_endpoint
+    finally:
+        if original_system is not None:
+            os.environ["SYSTEM"] = original_system
+        else:
+            os.environ.pop("SYSTEM", None)
+        if original_space_id is not None:
+            os.environ["SPACE_ID"] = original_space_id
+        else:
+            os.environ.pop("SPACE_ID", None)
+
+
+@pytest.mark.asyncio
+async def test_associative_keyword_in_schema():
+    def test_tool(x):
+        return x
+
+    demo = gr.Interface(test_tool, "image", "image")
+    server = GradioMCPServer(demo)
+
+    scope = {
+        "type": "http",
+        "headers": [],
+        "server": ("localhost", 7860),
+        "path": "/gradio_api/mcp/schema",
+        "query_string": "",
+    }
+    request = Request(scope)
+
+    schema = (await server.get_complete_schema(request)).body.decode("utf-8")  # type: ignore
+    schema = json.loads(schema)
+    assert (
+        schema[0]["inputSchema"]["properties"]["x"]["format"]
+        == "Gradio File Input - a http or https url to a file"
+    )
+    assert (
+        "to upload the file to the gradio app and create a Gradio File Input"
+        in schema[0]["description"]
+    )
+    assert schema[0]["meta"]["file_data_present"]
+
+
+@pytest.mark.asyncio
+async def test_tool_selection_via_query_params():
+    def tool_1(x):
+        return x
+
+    def tool_2(x):
+        return x
+
+    demo = gr.TabbedInterface(
+        [
+            gr.Interface(tool_1, "image", "image"),
+            gr.Interface(tool_2, "image", "image"),
+        ]
+    )
+
+    server = GradioMCPServer(demo)
+
+    scope = {
+        "type": "http",
+        "headers": [],
+        "server": ("localhost", 7860),
+        "path": "/gradio_api/mcp/schema",
+        "query_string": "",
+    }
+    request = Request(scope)
+
+    schema = (await server.get_complete_schema(request)).body.decode("utf-8")  # type: ignore
+    schema = json.loads(schema)
+    assert schema[0]["name"] == "tool_1"
+    assert schema[1]["name"] == "tool_2"
+
+    scope = {
+        "type": "http",
+        "headers": [],
+        "server": ("localhost", 7860),
+        "path": "/gradio_api/mcp/schema",
+        "query_string": "tools=tool_2",
+    }
+    request = Request(scope)
+
+    schema = (await server.get_complete_schema(request)).body.decode("utf-8")  # type: ignore
+    schema = json.loads(schema)
+    assert len(schema) == 1
+    assert schema[0]["name"] == "tool_2"
+
+
+@pytest.mark.asyncio
+@pytest.mark.serial
+async def test_mcp_streamable_http_client():
+    def double(word: str) -> str:
+        """
+        Doubles the input word.
+
+        Parameters:
+            word: The word to double
+        Returns:
+            The doubled word
+        """
+        return word * 2
+
+    with gr.Blocks() as demo:
+        input_box = gr.Textbox(label="Input")
+        output_box = gr.Textbox(label="Output")
+        input_box.change(double, input_box, output_box, api_name="double")
+
+    _, local_url, _ = demo.launch(prevent_thread_lock=True, mcp_server=True)
+    mcp_url = f"{local_url}gradio_api/mcp/"
+
+    try:
+        async with streamablehttp_client(mcp_url) as (read_stream, write_stream, _):
+            async with ClientSession(read_stream, write_stream) as session:
+                await session.initialize()
+
+                tools_response = await session.list_tools()
+                assert len(tools_response.tools) == 1
+                tool = tools_response.tools[0]
+                assert "double" in tool.name
+                assert "Doubles the input word" in tool.description  # type: ignore
+
+                result = await session.call_tool(tool.name, arguments={"word": "Hello"})  # type: ignore
+                assert len(result.content) == 1  # type: ignore
+                assert result.content[0].text == "HelloHello"  # type: ignore
+    finally:
+        demo.close()
+
+
+@pytest.mark.serial
+@pytest.mark.asyncio
+async def test_mcp_streamable_http_client_with_progress_callback():
+    progress_updates = []
+
+    def slow_processor(text: str, progress=gr.Progress()) -> str:
+        """
+        Processes text slowly with progress updates.
+
+        Parameters:
+            text: The text to process
+        Returns:
+            The processed text
+        """
+        total = len(text)
+        for i in range(total):
+            progress((i + 1) / total, desc=f"Processing character {i + 1}/{total}")
+        return text.upper()
+
+    with gr.Blocks() as demo:
+        input_box = gr.Textbox(label="Input")
+        output_box = gr.Textbox(label="Output")
+        input_box.submit(slow_processor, input_box, output_box, api_name="process")
+
+    demo.queue()
+    _, local_url, _ = demo.launch(prevent_thread_lock=True, mcp_server=True)
+    mcp_url = f"{local_url}gradio_api/mcp/"
+
+    try:
+        async with streamablehttp_client(mcp_url) as (read_stream, write_stream, _):
+            async with ClientSession(read_stream, write_stream) as session:
+                await session.initialize()
+
+                tools_response = await session.list_tools()
+                assert len(tools_response.tools) == 1
+                tool = tools_response.tools[0]
+                assert "process" in tool.name
+
+                async def progress_callback(
+                    progress: float, total: float | None, message: str | None
+                ):
+                    progress_updates.append(
+                        {"progress": progress, "total": total, "message": message}
+                    )
+
+                result = await session.call_tool(
+                    tool.name,
+                    arguments={"text": "test"},
+                    progress_callback=progress_callback,
+                    meta={"progressToken": "test-token-123"},
+                )
+
+                assert len(result.content) == 1  # type: ignore
+                assert result.content[0].text == "TEST"  # type: ignore
+                assert len(progress_updates) > 0, "Expected to receive progress updates"
+    finally:
+        demo.close()
+
+
+@pytest.mark.asyncio
+@pytest.mark.serial
+async def test_mcp_streamable_http_client_with_stateful_app(stateful_mcp_app):
+    _, local_url, _ = stateful_mcp_app.launch(prevent_thread_lock=True, mcp_server=True)
+    mcp_url = f"{local_url}gradio_api/mcp/"
+
+    try:
+        async with streamablehttp_client(mcp_url) as (read_stream, write_stream, _):
+            async with ClientSession(read_stream, write_stream) as session:
+                await session.initialize()
+
+                tools_response = await session.list_tools()
+                assert len(tools_response.tools) == 2
+                tool, tool_nq = tools_response.tools
+
+                result = await session.call_tool(
+                    tool.name,
+                    arguments={"name": "test", "flag": True, "gallery_images": 42},
+                )
+                assert len(result.content) == 1  # type: ignore
+                assert (
+                    result.content[0].text  # type: ignore
+                    == "name=test, hidden_state=hidden_value, flag=True, gallery=42"
+                )
+                result = await session.call_tool(
+                    tool_nq.name,
+                    arguments={"name": "test_2", "flag": True, "gallery_images": 42},
+                )
+                assert len(result.content) == 1  # type: ignore
+                assert (
+                    result.content[0].text  # type: ignore
+                    == "name=test_2, hidden_state=hidden_value, flag=True, gallery=42"
+                )
+                result = await session.call_tool(
+                    tool_nq.name,
+                    arguments={"name": "test_3", "flag": True, "gallery_images": 44},
+                )
+                assert len(result.content) == 1  # type: ignore
+                assert (
+                    result.content[0].text  # type: ignore
+                    == "name=test_3, hidden_state=hidden_value, flag=True, gallery=44"
+                )
+    finally:
+        stateful_mcp_app.close()
+
+
+@pytest.mark.asyncio
+@pytest.mark.serial
+async def test_x_gradio_user_mcp_gets_set():
+    def fn(name: str, request: gr.Request) -> str:
+        return f"Hello, {name}! Your x-gradio-user is {request.headers.get('x-gradio-user', 'not provided')}"
+
+    app = gr.Interface(fn, "text", "text")
+    _, local_url, _ = app.launch(prevent_thread_lock=True, mcp_server=True)
+    mcp_url = f"{local_url}gradio_api/mcp/"
+
+    try:
+        async with streamablehttp_client(mcp_url) as (read_stream, write_stream, _):
+            async with ClientSession(read_stream, write_stream) as session:
+                await session.initialize()
+
+                tools_response = await session.list_tools()
+                tool = tools_response.tools[0]
+
+                result = await session.call_tool(
+                    tool.name,
+                    arguments={"name": "Gradio"},
+                )
+                assert len(result.content) == 1  # type: ignore
+                assert (
+                    result.content[0].text  # type: ignore
+                    == "Hello, Gradio! Your x-gradio-user is mcp"
+                )
+    finally:
+        app.close()
+
+
+@pytest.mark.asyncio
+async def test_mcp_browser_get_returns_landing_page():
+    def test_tool(x):
+        return x
+
+    demo = gr.Interface(test_tool, "text", "text")
+    server = GradioMCPServer(demo)
+
+    messages = []
+
+    async def receive():
+        return {"type": "http.request", "body": b"", "more_body": False}
+
+    async def send(message):
+        messages.append(message)
+
+    # A browser GET does not accept the SSE stream the MCP transport requires.
+    scope = {
+        "type": "http",
+        "method": "GET",
+        "path": "/gradio_api/mcp",
+        "scheme": "http",
+        "headers": [(b"accept", b"text/html"), (b"host", b"example.com")],
+        "query_string": b"",
+    }
+    await server.handle_streamable_http(scope, receive, send)
+
+    start = next(m for m in messages if m["type"] == "http.response.start")
+    body = b"".join(
+        m.get("body", b"") for m in messages if m["type"] == "http.response.body"
+    )
+    assert start["status"] == 200
+    assert any(
+        key.lower() == b"content-type" and b"text/html" in value
+        for key, value in start["headers"]
+    )
+    assert b"Model Context Protocol" in body
+    # The reconstructed server URL is surfaced on the page, along with
+    # connection snippets for common MCP clients.
+    assert b"example.com/gradio_api/mcp/" in body
+    assert b"Connect your AI assistant" in body
diff --git a/test/test_networking.py b/test/test_networking.py
new file mode 100644
index 0000000..952efaa
--- /dev/null
+++ b/test/test_networking.py
@@ -0,0 +1,312 @@
+"""Contains tests for networking.py and app.py"""
+
+import http.server
+import os
+import socket
+import socketserver
+import threading
+import time
+import urllib.error
+import urllib.parse
+import urllib.request
+
+import requests
+import uvicorn
+from fastapi import FastAPI
+from fastapi.testclient import TestClient
+
+from gradio import Interface, networking
+from gradio.route_utils import API_PREFIX
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+
+class TestInterfaceErrors:
+    def test_processing_error(self):
+        io = Interface(lambda x: 1 / x, "number", "number", api_name="predict")
+        app, _, _ = io.launch(show_error=True, prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(
+            f"{API_PREFIX}/api/predict/", json={"data": [0], "fn_index": 0}
+        )
+        assert response.status_code == 500
+        assert "error" in response.json()
+        io.close()
+
+    def test_validation_error(self):
+        io = Interface(lambda x: 1 / x, "number", "number")
+        app, _, _ = io.launch(show_error=True, prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(f"{API_PREFIX}/api/predict/", json={"fn_index": [0]})
+        assert response.status_code == 422
+        io.close()
+
+
+class TestURLs:
+    def test_url_ok(self):
+        res = networking.url_ok("https://www.gradio.app")
+        assert res
+
+
+def test_start_server_app_kwargs():
+    """
+    Test that start_server accepts app_kwargs and they're propagated to FastAPI.
+    """
+    io = Interface(lambda x: x, "number", "number")
+    app, _, _ = io.launch(
+        show_error=True,
+        prevent_thread_lock=True,
+        app_kwargs={
+            "docs_url": f"{API_PREFIX}/docs",
+        },
+    )
+    client = TestClient(app)
+    assert client.get(f"{API_PREFIX}/docs").status_code == 200
+    io.close()
+
+
+def test_reverse_proxy():
+    import gradio as gr
+
+    demo = Interface(lambda x: x, "text", "text")
+    app = FastAPI()
+
+    gr.mount_gradio_app(app, demo, path="/gradio")
+
+    def is_port_available(port):
+        try:
+            s = socket.socket()
+            s.bind(("127.0.0.1", target_port))
+            s.close()
+            return True
+        except OSError:
+            return False
+
+    for target_port in range(8000, 8100):
+        if is_port_available(target_port):
+            break
+    else:
+        raise ValueError("No available ports")
+
+    for proxy_port in range(18000, 18100):
+        if is_port_available(proxy_port):
+            break
+    else:
+        raise ValueError("No available ports")
+
+    target_host = "localhost"
+
+    class HTMLReverseProxyHandler(http.server.BaseHTTPRequestHandler):
+        def do_GET(self):  # noqa
+            self.handle_request()
+
+        def do_HEAD(self):  # noqa
+            self.handle_request()
+
+        def do_POST(self):  # noqa
+            self.handle_request()
+
+        def do_PUT(self):  # noqa
+            self.handle_request()
+
+        def do_DELETE(self):  # noqa
+            self.handle_request()
+
+        def do_OPTIONS(self):  # noqa
+            self.handle_request()
+
+        def do_PATCH(self):  # noqa
+            self.handle_request()
+
+        def handle_request(self):
+            # Store the original path for reference and content rewriting
+            original_path = self.path
+
+            # Extract the path without query string
+            request_path = original_path.split("?", 1)[0]
+
+            # Check if the path is for a JS module
+            is_js_request = request_path.endswith(".js")
+
+            # Forward the full original path to the target server
+            target_url = f"http://{target_host}:{target_port}{original_path}"
+
+            # Get the request body if present
+            content_length = int(self.headers.get("Content-Length", 0))
+            request_body = None
+            if content_length > 0:
+                request_body = self.rfile.read(content_length)
+
+            # Forward headers (excluding hop-by-hop headers)
+            headers = {}
+            for key, value in self.headers.items():
+                if key.lower() not in (
+                    "connection",
+                    "keep-alive",
+                    "proxy-authenticate",
+                    "proxy-authorization",
+                    "te",
+                    "trailers",
+                    "transfer-encoding",
+                    "upgrade",
+                    "host",
+                ):
+                    headers[key] = value
+
+            # Set the correct host header
+            headers["Host"] = f"{target_host}:{target_port}"
+
+            # Add X-Forwarded headers for better compatibility
+            headers["X-Forwarded-For"] = self.client_address[0]
+            headers["X-Forwarded-Host"] = self.headers.get("Host", "")
+            headers["X-Forwarded-Proto"] = "http"
+
+            try:
+                # Create and send the request
+                req = urllib.request.Request(
+                    url=target_url,
+                    data=request_body,
+                    headers=headers,
+                    method=self.command,
+                )
+
+                # Get the response
+                with urllib.request.urlopen(req) as response:
+                    # Get all response headers
+                    response_headers = dict(response.getheaders())
+                    content_type = response_headers.get("Content-Type", "")
+
+                    # Send response status code
+                    self.send_response(response.status)
+
+                    # Special handling for JavaScript files
+                    if is_js_request and "javascript" not in content_type.lower():
+                        self.send_header("Content-Type", "application/javascript")
+                    # For non-JS files, use the original content type
+                    elif "Content-Type" in response_headers:
+                        self.send_header("Content-Type", content_type)
+
+                    # Forward all other headers
+                    for key, value in response_headers.items():
+                        if key.lower() not in (
+                            "content-type",
+                            "content-length",
+                            "connection",
+                            "keep-alive",
+                            "transfer-encoding",
+                        ):
+                            self.send_header(key, value)
+
+                    # Add additional headers for security and transparency
+                    self.send_header("X-Proxy-By", "Python-HTML-Rewriting-Proxy")
+                    self.end_headers()
+
+                    # Read the response body
+                    response_data = response.read()
+
+                    # Handle HTML content rewriting
+                    if "text/html" in content_type.lower():
+                        try:
+                            html_content = response_data.decode("utf-8")
+                            response_data = html_content.encode("utf-8")
+                        except Exception as e:
+                            print(f"Error processing HTML: {str(e)}")
+
+                    # Send the response body (potentially modified)
+                    self.wfile.write(response_data)
+
+            except urllib.error.HTTPError as e:
+                # Special handling for JS requests that get errors
+                if is_js_request:
+                    self.send_response(e.code)
+                    self.send_header("Content-Type", "application/javascript")
+                    self.end_headers()
+                    self.wfile.write(f"/* Error: {e.code} */".encode())
+                else:
+                    # Normal error handling
+                    self.send_response(e.code)
+
+                    for key, value in e.headers.items():
+                        if key.lower() not in (
+                            "connection",
+                            "keep-alive",
+                            "transfer-encoding",
+                        ):
+                            self.send_header(key, value)
+
+                    self.end_headers()
+                    self.wfile.write(e.read())
+
+            except urllib.error.URLError as e:
+                # Special handling for JS requests
+                if is_js_request:
+                    self.send_response(502)
+                    self.send_header("Content-Type", "application/javascript")
+                    self.end_headers()
+                    self.wfile.write(
+                        f"/* Error connecting to server: {e.reason} */".encode()
+                    )
+                else:
+                    # Normal error handling
+                    self.send_response(502)  # Bad Gateway
+                    self.send_header("Content-Type", "text/plain")
+                    self.end_headers()
+                    self.wfile.write(
+                        f"Error connecting to upstream server: {e.reason}".encode()
+                    )
+
+            except Exception as e:
+                # Special handling for JS requests
+                if is_js_request:
+                    self.send_response(500)
+                    self.send_header("Content-Type", "application/javascript")
+                    self.end_headers()
+                    self.wfile.write(f"/* Internal proxy error: {str(e)} */".encode())
+                else:
+                    # Normal error handling
+                    self.send_response(500)
+                    self.send_header("Content-Type", "text/plain")
+                    self.end_headers()
+                    self.wfile.write(f"Proxy error: {str(e)}".encode())
+
+    socketserver.TCPServer.allow_reuse_address = True
+    server = socketserver.ThreadingTCPServer(
+        ("localhost", proxy_port), HTMLReverseProxyHandler
+    )
+    server_thread = threading.Thread(target=server.serve_forever)
+    server_thread.start()
+
+    config = uvicorn.Config(app, port=target_port, loop="asyncio")
+    uvicorn_server = uvicorn.Server(config)
+    uvicorn_thread = threading.Thread(target=uvicorn_server.run)
+    uvicorn_thread.start()
+
+    try:
+        attempts = 5
+        status_code = None
+        while attempts > 0 and status_code != 200:
+            attempts -= 1
+            try:
+                response = requests.get(
+                    f"http://localhost:{target_port}/gradio/", timeout=1
+                )
+                status_code = response.status_code
+            except Exception:
+                time.sleep(1)
+
+        if attempts == 0:
+            raise TimeoutError("Server did not start in time")
+
+        response = requests.get(f"http://localhost:{proxy_port}/gradio/")
+        assert response.status_code == 200
+
+        response = requests.get(f"http://localhost:{proxy_port}/gradio/config")
+        assert response.status_code == 200
+        json = response.json()
+        assert json["root"] == f"http://localhost:{proxy_port}/gradio"
+
+    finally:
+        server.shutdown()
+        server.server_close()
+        uvicorn_server.should_exit = True
+        uvicorn_thread.join()
diff --git a/test/test_node_proxy.py b/test/test_node_proxy.py
new file mode 100644
index 0000000..330647a
--- /dev/null
+++ b/test/test_node_proxy.py
@@ -0,0 +1,351 @@
+"""Tests for the Node-as-proxy architecture and static worker routing."""
+
+import shutil
+from pathlib import Path
+
+import httpx
+import pytest
+from fastapi.testclient import TestClient
+
+from gradio.static_server import StaticServerConfig, StaticWorkerPool, create_static_app
+
+
+@pytest.fixture()
+def upload_dir(tmp_path):
+    d = str(tmp_path / "uploads")
+    Path(d).mkdir(parents=True)
+    return d
+
+
+@pytest.fixture()
+def static_app(upload_dir):
+    config = StaticServerConfig(
+        build_path=str(
+            Path(__file__).parent.parent
+            / "gradio"
+            / "templates"
+            / "frontend"
+            / "assets"
+        ),
+        static_path=str(
+            Path(__file__).parent.parent
+            / "gradio"
+            / "templates"
+            / "frontend"
+            / "static"
+        ),
+        uploaded_file_dir=upload_dir,
+        allowed_paths=[],
+        blocked_paths=[],
+        max_file_size=None,
+        favicon_path=None,
+    )
+    return create_static_app(config)
+
+
+@pytest.fixture()
+def static_client(static_app):
+    return TestClient(static_app)
+
+
+class TestStaticWorkerApp:
+    """Test the static worker FastAPI app handles routes correctly."""
+
+    def test_health_endpoint(self, static_client):
+        resp = static_client.get("/health")
+        assert resp.status_code == 200
+        assert resp.json() == {"status": "ok"}
+
+    def test_favicon(self, static_client):
+        resp = static_client.get("/favicon.ico")
+        assert resp.status_code == 200
+
+    def test_upload_bare_path(self, static_client):
+        """Upload via /upload (bare path)."""
+        resp = static_client.post(
+            "/upload",
+            files={"files": ("test.txt", b"hello world", "text/plain")},
+        )
+        assert resp.status_code == 200
+        paths = resp.json()
+        assert len(paths) == 1
+        assert Path(paths[0]).exists()
+
+    def test_upload_gradio_api_path(self, static_client):
+        """Upload via /gradio_api/upload (client path)."""
+        resp = static_client.post(
+            "/gradio_api/upload",
+            files={"files": ("test.txt", b"hello world", "text/plain")},
+        )
+        assert resp.status_code == 200
+        paths = resp.json()
+        assert len(paths) == 1
+        assert Path(paths[0]).exists()
+
+    def test_file_download_after_upload(self, static_client):
+        """Upload a file then download it via /file= and /gradio_api/file=."""
+        upload_resp = static_client.post(
+            "/gradio_api/upload",
+            files={"files": ("test.txt", b"hello world", "text/plain")},
+        )
+        assert upload_resp.status_code == 200
+        file_path = upload_resp.json()[0]
+
+        resp = static_client.get(f"/file={file_path}")
+        assert resp.status_code == 200
+        assert resp.content == b"hello world"
+
+        resp2 = static_client.get(f"/gradio_api/file={file_path}")
+        assert resp2.status_code == 200
+        assert resp2.content == b"hello world"
+
+    def test_static_assets(self, static_client):
+        resp = static_client.get("/static/img/logo.svg")
+        assert resp.status_code == 200
+
+    def test_path_traversal_blocked(self, static_client):
+        resp = static_client.get("/static/..%2f..%2fetc/passwd")
+        assert resp.status_code == 403
+
+    def test_upload_invalid_content_type(self, static_client):
+        resp = static_client.post(
+            "/upload",
+            content=b"not multipart",
+            headers={"Content-Type": "application/json"},
+        )
+        assert resp.status_code == 400
+
+
+class TestStaticWorkerPool:
+    """Test that the worker pool starts processes and serves traffic."""
+
+    def test_pool_starts_and_serves_health(self, upload_dir):
+        config = StaticServerConfig(
+            build_path=str(
+                Path(__file__).parent.parent
+                / "gradio"
+                / "templates"
+                / "frontend"
+                / "assets"
+            ),
+            static_path=str(
+                Path(__file__).parent.parent
+                / "gradio"
+                / "templates"
+                / "frontend"
+                / "static"
+            ),
+            uploaded_file_dir=upload_dir,
+        )
+        pool = StaticWorkerPool(num_workers=2, config=config, ports=[17860, 17861])
+        try:
+            pool.start()
+            for port in [17860, 17861]:
+                resp = httpx.get(f"http://127.0.0.1:{port}/health", timeout=5)
+                assert resp.status_code == 200
+                assert resp.json() == {"status": "ok"}
+        finally:
+            pool.shutdown()
+
+    def test_pool_round_robin(self, upload_dir):
+        config = StaticServerConfig(uploaded_file_dir=upload_dir)
+        pool = StaticWorkerPool(
+            num_workers=3, config=config, ports=[17870, 17871, 17872]
+        )
+        assert pool.get_next_url() == "http://127.0.0.1:17870"
+        assert pool.get_next_url() == "http://127.0.0.1:17871"
+        assert pool.get_next_url() == "http://127.0.0.1:17872"
+        assert pool.get_next_url() == "http://127.0.0.1:17870"
+
+    def test_pool_upload_across_workers(self, tmp_path):
+        upload_dir = str(tmp_path / "uploads")
+        Path(upload_dir).mkdir(parents=True)
+        config = StaticServerConfig(
+            build_path=str(
+                Path(__file__).parent.parent
+                / "gradio"
+                / "templates"
+                / "frontend"
+                / "assets"
+            ),
+            static_path=str(
+                Path(__file__).parent.parent
+                / "gradio"
+                / "templates"
+                / "frontend"
+                / "static"
+            ),
+            uploaded_file_dir=upload_dir,
+        )
+        pool = StaticWorkerPool(num_workers=2, config=config, ports=[17880, 17881])
+        try:
+            pool.start()
+            for port in [17880, 17881]:
+                resp = httpx.post(
+                    f"http://127.0.0.1:{port}/gradio_api/upload",
+                    files={"files": ("test.txt", b"hello", "text/plain")},
+                    timeout=5,
+                )
+                assert resp.status_code == 200
+                assert len(resp.json()) == 1
+                assert Path(resp.json()[0]).exists()
+        finally:
+            pool.shutdown()
+
+
+@pytest.mark.skipif(shutil.which("node") is None, reason="Node not installed")
+class TestNodeProxyStartupOrdering:
+    """Regression coverage for a race where the Node front proxy began
+    accepting connections on the user-facing port before the Python
+    backend was ready, causing 502 errors on hosts like HF Spaces that
+    route traffic as soon as the port opens."""
+
+    def _cleanup(self, demo):
+        node_process = getattr(demo, "node_process", None)
+        if node_process is not None:
+            node_process.terminate()
+            try:
+                node_process.wait(timeout=5)
+            except Exception:
+                node_process.kill()
+        try:
+            demo.close()
+        except Exception:
+            pass
+
+    def test_node_starts_after_python_is_listening(self, monkeypatch):
+        """When Node is the front proxy, ``start_node_server`` must be
+        invoked only after ``http_server.start_server`` returns (i.e.,
+        after Python's uvicorn instance is listening)."""
+        import gradio as gr
+        import gradio.blocks as blocks_mod
+        from gradio import http_server
+
+        events: list[str] = []
+        original_start_server = http_server.start_server
+        original_start_node = blocks_mod.start_node_server
+
+        def patched_start_server(*args, **kwargs):
+            events.append("python_start")
+            result = original_start_server(*args, **kwargs)
+            events.append("python_ready")
+            return result
+
+        def patched_start_node(*args, **kwargs):
+            events.append("node_start")
+            result = original_start_node(*args, **kwargs)
+            events.append("node_returned")
+            return result
+
+        monkeypatch.setattr(http_server, "start_server", patched_start_server)
+        monkeypatch.setattr(blocks_mod, "start_node_server", patched_start_node)
+
+        demo = gr.Interface(lambda x: x, "text", "text")
+        try:
+            demo.launch(
+                ssr_mode=True,
+                server_port=18860,
+                prevent_thread_lock=True,
+                quiet=True,
+            )
+            if not getattr(demo, "_node_is_proxy", False):
+                pytest.skip("Node proxy mode did not engage in this environment")
+
+            assert "python_ready" in events, (
+                f"http_server.start_server never ran. Events: {events}"
+            )
+            assert "node_start" in events, (
+                f"start_node_server never ran. Events: {events}"
+            )
+            python_ready_idx = events.index("python_ready")
+            node_start_idx = events.index("node_start")
+            assert python_ready_idx < node_start_idx, (
+                "Node front proxy was started before the Python backend "
+                "was listening. The Node port opens immediately when the "
+                "process binds, so clients hitting the port during this "
+                "window receive 502 errors from the proxy. "
+                f"Observed event order: {events}"
+            )
+        finally:
+            self._cleanup(demo)
+
+    def test_node_port_does_not_serve_502_during_python_startup(self, monkeypatch):
+        """Probe the user-facing Node port DURING the Python startup
+        window (achieved by injecting a delay into start_server). If the
+        proxy port becomes reachable before Python is up, the proxy
+        returns 502 for any request that arrives in that window — which
+        is exactly what HF Spaces saw."""
+        import socket
+        import threading
+        import time
+
+        import gradio as gr
+        from gradio import http_server
+
+        node_port = 18864
+        delay = 2.0
+        py_started = threading.Event()
+        original_start_server = http_server.start_server
+
+        def slow_start_server(*args, **kwargs):
+            time.sleep(delay)
+            result = original_start_server(*args, **kwargs)
+            py_started.set()
+            return result
+
+        monkeypatch.setattr(http_server, "start_server", slow_start_server)
+
+        race_observations: dict[str, object] = {}
+
+        def probe():
+            """Probe the Node port repeatedly until Python is ready.
+            Record the first 502 we see (the bug symptom)."""
+            stop_at = time.time() + delay + 5
+            while time.time() < stop_at and not py_started.is_set():
+                try:
+                    with socket.create_connection(
+                        ("127.0.0.1", node_port), timeout=0.1
+                    ):
+                        try:
+                            resp = httpx.get(
+                                f"http://127.0.0.1:{node_port}/config",
+                                timeout=0.5,
+                            )
+                            if (
+                                resp.status_code == 502
+                                and "first_502_at" not in race_observations
+                            ):
+                                race_observations["first_502_at"] = time.time()
+                                race_observations["python_ready_yet"] = (
+                                    py_started.is_set()
+                                )
+                                return
+                        except httpx.HTTPError:
+                            pass
+                except OSError:
+                    pass
+                time.sleep(0.02)
+
+        probe_thread = threading.Thread(target=probe, daemon=True)
+
+        demo = gr.Interface(lambda x: x, "text", "text")
+        try:
+            probe_thread.start()
+            demo.launch(
+                ssr_mode=True,
+                server_port=node_port,
+                prevent_thread_lock=True,
+                quiet=True,
+            )
+            if not getattr(demo, "_node_is_proxy", False):
+                pytest.skip("Node proxy mode did not engage in this environment")
+            probe_thread.join(timeout=delay + 5)
+
+            assert "first_502_at" not in race_observations, (
+                "Node proxy returned 502 to a client probe BEFORE Python "
+                "finished starting — the user-facing port was opened too "
+                "early. This is the race condition that produces 502s on "
+                "HF Spaces."
+            )
+        finally:
+            self._cleanup(demo)
diff --git a/test/test_pipelines.py b/test/test_pipelines.py
new file mode 100644
index 0000000..8b8e771
--- /dev/null
+++ b/test/test_pipelines.py
@@ -0,0 +1,148 @@
+import unittest
+from unittest.mock import MagicMock
+
+import pytest
+import transformers
+from transformers import (
+    AudioClassificationPipeline,
+    AutomaticSpeechRecognitionPipeline,
+    DocumentQuestionAnsweringPipeline,
+    FeatureExtractionPipeline,
+    FillMaskPipeline,
+    ImageClassificationPipeline,
+    ObjectDetectionPipeline,
+    QuestionAnsweringPipeline,  # ty: ignore[unresolved-import]
+    TextClassificationPipeline,
+    TextGenerationPipeline,
+    VisualQuestionAnsweringPipeline,  # ty: ignore[unresolved-import]
+    ZeroShotClassificationPipeline,
+)
+
+import gradio as gr
+from gradio.pipelines_utils import (
+    handle_transformers_pipeline,
+)
+
+
+@pytest.mark.flaky
+def test_interface_in_blocks():
+    pipe1 = transformers.pipeline(model="deepset/roberta-base-squad2")  # type: ignore
+    pipe2 = transformers.pipeline(model="deepset/roberta-base-squad2")  # type: ignore
+    with gr.Blocks() as demo:
+        with gr.Tab("Image Inference"):
+            gr.Interface.from_pipeline(pipe1)
+        with gr.Tab("Image Inference"):
+            gr.Interface.from_pipeline(pipe2)
+    demo.launch(prevent_thread_lock=True)
+    demo.close()
+
+
+@pytest.mark.flaky
+def test_transformers_load_from_pipeline():
+    from transformers import pipeline
+
+    pipe = pipeline(model="deepset/roberta-base-squad2")  # type: ignore
+    io = gr.Interface.from_pipeline(pipe)
+    assert io.input_components[0].label == "Context"  # type: ignore
+    assert io.input_components[1].label == "Question"  # type: ignore
+    assert io.output_components[0].label == "Answer"  # type: ignore
+    assert io.output_components[1].label == "Score"  # type: ignore
+
+
+class TestHandleTransformersPipelines(unittest.TestCase):
+    def test_audio_classification_pipeline(self):
+        pipe = MagicMock(spec=AudioClassificationPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input"
+        assert pipeline_info["outputs"].label == "Class"
+
+    def test_automatic_speech_recognition_pipeline(self):
+        pipe = MagicMock(spec=AutomaticSpeechRecognitionPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input"
+        assert pipeline_info["outputs"].label == "Output"
+
+    def test_object_detection_pipeline(self):
+        pipe = MagicMock(spec=ObjectDetectionPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input Image"
+        assert pipeline_info["outputs"].label == "Objects Detected"
+
+    def test_feature_extraction_pipeline(self):
+        pipe = MagicMock(spec=FeatureExtractionPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input"
+        assert pipeline_info["outputs"].label == "Output"
+
+    def test_fill_mask_pipeline(self):
+        pipe = MagicMock(spec=FillMaskPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input"
+        assert pipeline_info["outputs"].label == "Classification"
+
+    def test_image_classification_pipeline(self):
+        pipe = MagicMock(spec=ImageClassificationPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input Image"
+        assert pipeline_info["outputs"].label == "Classification"
+
+    def test_question_answering_pipeline(self):
+        pipe = MagicMock(spec=QuestionAnsweringPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"][0].label == "Context"
+        assert pipeline_info["inputs"][1].label == "Question"
+        assert pipeline_info["outputs"][0].label == "Answer"
+        assert pipeline_info["outputs"][1].label == "Score"
+
+    def test_text_classification_pipeline(self):
+        pipe = MagicMock(spec=TextClassificationPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input"
+        assert pipeline_info["outputs"].label == "Classification"
+
+    def test_text_generation_pipeline(self):
+        pipe = MagicMock(spec=TextGenerationPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"].label == "Input"
+        assert pipeline_info["outputs"].label == "Output"
+
+    def test_zero_shot_classification_pipeline(self):
+        pipe = MagicMock(spec=ZeroShotClassificationPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"][0].label == "Input"
+        assert (
+            pipeline_info["inputs"][1].label == "Possible class names (comma-separated)"
+        )
+        assert pipeline_info["inputs"][2].label == "Allow multiple true classes"
+        assert pipeline_info["outputs"].label == "Classification"
+
+    def test_document_question_answering_pipeline(self):
+        pipe = MagicMock(spec=DocumentQuestionAnsweringPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"][0].label == "Input Document"
+        assert pipeline_info["inputs"][1].label == "Question"
+        assert pipeline_info["outputs"].label == "Label"
+
+    def test_visual_question_answering_pipeline(self):
+        pipe = MagicMock(spec=VisualQuestionAnsweringPipeline)
+        pipeline_info = handle_transformers_pipeline(pipe)
+        assert pipeline_info is not None
+        assert pipeline_info["inputs"][0].label == "Input Image"
+        assert pipeline_info["inputs"][1].label == "Question"
+        assert pipeline_info["outputs"].label == "Score"
+
+    def test_unsupported_pipeline(self):
+        pipe = MagicMock()
+        with self.assertRaises(ValueError):
+            handle_transformers_pipeline(pipe)
diff --git a/test/test_processing_utils.py b/test/test_processing_utils.py
new file mode 100644
index 0000000..8caac32
--- /dev/null
+++ b/test/test_processing_utils.py
@@ -0,0 +1,712 @@
+import os
+import shutil
+import tempfile
+from contextlib import contextmanager
+from pathlib import Path
+from unittest.mock import patch
+
+import httpx
+import numpy as np
+import pytest
+from PIL import Image, ImageCms
+from pydantic import BaseModel
+from pydub import AudioSegment
+
+import gradio as gr
+from gradio import components, data_classes, processing_utils, utils
+from gradio._vendor import ffmpy
+from gradio.context import LocalContext
+from gradio.exceptions import InvalidPathError
+from gradio.route_utils import API_PREFIX
+
+
+class TestTempFileManagement:
+    def test_hash_file(self):
+        from gradio.media import get_image
+
+        h1 = processing_utils.hash_file(get_image("cheetah1.jpg"))
+        h2 = processing_utils.hash_file(get_image("cheetah1.jpg"))
+        h3 = processing_utils.hash_file("gradio/test_data/cheetah2.jpg")
+        assert h1 == h2
+        assert h1 != h3
+
+    def test_make_temp_copy_if_needed(self, gradio_temp_dir):
+        from gradio.media import get_image
+
+        cheetah_path = get_image("cheetah1.jpg")
+        f = processing_utils.save_file_to_cache(cheetah_path, cache_dir=gradio_temp_dir)
+        try:  # Delete if already exists from before this test
+            os.remove(f)
+        except OSError:
+            pass
+
+        f = processing_utils.save_file_to_cache(cheetah_path, cache_dir=gradio_temp_dir)
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+        assert Path(f).name == "cheetah1.jpg"
+
+        f = processing_utils.save_file_to_cache(cheetah_path, cache_dir=gradio_temp_dir)
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+        f = processing_utils.save_file_to_cache(
+            "gradio/test_data/cheetah1-copy.jpg", cache_dir=gradio_temp_dir
+        )
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 2
+        assert Path(f).name == "cheetah1-copy.jpg"
+
+    def test_save_b64_to_cache(self, gradio_temp_dir, media_data):
+        base64_file_1 = media_data.BASE64_IMAGE
+        base64_file_2 = media_data.BASE64_AUDIO["data"]
+
+        f = processing_utils.save_base64_to_cache(
+            base64_file_1, cache_dir=gradio_temp_dir
+        )
+        try:  # Delete if already exists from before this test
+            os.remove(f)
+        except OSError:
+            pass
+
+        f = processing_utils.save_base64_to_cache(
+            base64_file_1, cache_dir=gradio_temp_dir
+        )
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+        f = processing_utils.save_base64_to_cache(
+            base64_file_1, cache_dir=gradio_temp_dir
+        )
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+        f = processing_utils.save_base64_to_cache(
+            base64_file_2, cache_dir=gradio_temp_dir
+        )
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 2
+
+    @pytest.mark.flaky
+    def test_ssrf_protected_download(self, gradio_temp_dir):
+        url1 = "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/test_data/test_image.png"
+        url2 = "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/media_assets/images/cheetah1.jpg"
+
+        f = processing_utils.save_url_to_cache(url1, cache_dir=gradio_temp_dir)
+        try:  # Delete if already exists from before this test
+            os.remove(f)
+        except OSError:
+            pass
+
+        f = processing_utils.save_url_to_cache(url1, cache_dir=gradio_temp_dir)
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+        f = processing_utils.save_url_to_cache(url1, cache_dir=gradio_temp_dir)
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+        f = processing_utils.save_url_to_cache(url2, cache_dir=gradio_temp_dir)
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 2
+
+    @pytest.mark.flaky
+    def test_ssrf_protected_download_with_redirect(self, gradio_temp_dir):
+        url = "https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/bread_small.png"
+        processing_utils.save_url_to_cache(url, cache_dir=gradio_temp_dir)
+        assert len([f for f in gradio_temp_dir.glob("**/*") if f.is_file()]) == 1
+
+
+class TestImagePreprocessing:
+    def test_encode_plot_to_base64(self):
+        with utils.MatplotlibBackendMananger():
+            import matplotlib.pyplot as plt
+
+            plt.plot([1, 2, 3, 4])
+            output_base64 = processing_utils.encode_plot_to_base64(plt)
+        assert output_base64.startswith(
+            "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAo"
+        )
+
+    def test_save_pil_to_file_keeps_pnginfo(self, gradio_temp_dir):
+        input_img = Image.open("gradio/test_data/test_image.png")
+        input_img = input_img.convert("RGB")
+        input_img.info = {"key1": "value1", "key2": "value2"}
+        input_img.save(gradio_temp_dir / "test_test_image.png")
+
+        file_obj = processing_utils.save_pil_to_cache(
+            input_img, cache_dir=gradio_temp_dir, format="png"
+        )
+        output_img = Image.open(file_obj)
+
+        assert output_img.info == input_img.info
+
+    def test_save_pil_to_file_keeps_all_gif_frames(self, gradio_temp_dir):
+        input_img = Image.open("gradio/test_data/rectangles.gif")
+        file_obj = processing_utils.save_pil_to_cache(
+            input_img, cache_dir=gradio_temp_dir, format="gif"
+        )
+        output_img = Image.open(file_obj)
+        assert output_img.n_frames == input_img.n_frames == 3  # type: ignore
+
+    def test_np_pil_encode_to_the_same(self, gradio_temp_dir):
+        arr = np.random.randint(0, 255, size=(100, 100, 3), dtype=np.uint8)
+        pil = Image.fromarray(arr)
+        assert processing_utils.save_pil_to_cache(
+            pil, cache_dir=gradio_temp_dir
+        ) == processing_utils.save_img_array_to_cache(arr, cache_dir=gradio_temp_dir)
+
+    def test_encode_pil_to_temp_file_metadata_color_profile(self, gradio_temp_dir):
+        # Read image
+        img = Image.open("gradio/test_data/test_image.png")
+        img_metadata = Image.open("gradio/test_data/test_image.png")
+        img_metadata.info = {"key1": "value1", "key2": "value2"}
+
+        # Creating sRGB profile
+        profile = ImageCms.createProfile("sRGB")
+        profile2 = ImageCms.ImageCmsProfile(profile)
+        img.save(
+            gradio_temp_dir / "img_color_profile.png", icc_profile=profile2.tobytes()
+        )
+        img_cp1 = Image.open(str(gradio_temp_dir / "img_color_profile.png"))
+
+        # Creating XYZ profile
+        profile = ImageCms.createProfile("XYZ")
+        profile2 = ImageCms.ImageCmsProfile(profile)
+        img.save(
+            gradio_temp_dir / "img_color_profile_2.png", icc_profile=profile2.tobytes()
+        )
+        img_cp2 = Image.open(str(gradio_temp_dir / "img_color_profile_2.png"))
+
+        img_path = processing_utils.save_pil_to_cache(
+            img, cache_dir=gradio_temp_dir, format="png"
+        )
+        img_metadata_path = processing_utils.save_pil_to_cache(
+            img_metadata, cache_dir=gradio_temp_dir, format="png"
+        )
+        img_cp1_path = processing_utils.save_pil_to_cache(
+            img_cp1, cache_dir=gradio_temp_dir, format="png"
+        )
+        img_cp2_path = processing_utils.save_pil_to_cache(
+            img_cp2, cache_dir=gradio_temp_dir, format="png"
+        )
+
+        assert len({img_path, img_metadata_path, img_cp1_path, img_cp2_path}) == 4
+
+    def test_resize_and_crop(self):
+        img = Image.open("gradio/test_data/test_image.png")
+        new_img = processing_utils.resize_and_crop(img, (20, 20))
+        assert new_img.size == (20, 20)
+        with pytest.raises(ValueError):
+            processing_utils.resize_and_crop(  # type: ignore
+                **{"img": img, "size": (20, 20), "crop_type": "test"}
+            )
+
+
+class TestAudioPreprocessing:
+    def test_audio_from_file(self):
+        audio = processing_utils.audio_from_file("gradio/test_data/test_audio.wav")
+        assert audio[0] == 22050
+        assert isinstance(audio[1], np.ndarray)
+
+    def test_audio_to_file(self):
+        audio = processing_utils.audio_from_file("gradio/test_data/test_audio.wav")
+        processing_utils.audio_to_file(audio[0], audio[1], "test_audio_to_file")
+        assert os.path.exists("test_audio_to_file")
+        os.remove("test_audio_to_file")
+
+    @pytest.mark.parametrize("fmt", ["wav", "mp3", "flac"])
+    def test_audio_to_file_float32_non_wav(self, fmt, tmp_path):
+        # Regression test for #13364: audio_to_file produced static noise for
+        # non-WAV formats because float32 samples were not converted to int16
+        # before being handed to pydub (which then treated the 4-byte values
+        # as int32 PCM). Round-tripping a sine through audio_to_file and
+        # decoding it back should preserve the waveform shape for every
+        # supported format, not just "wav".
+        sr = 24000
+        t = np.arange(sr) / sr  # 1 second
+        sine = np.sin(2 * np.pi * 440 * t).astype(np.float32)
+        out_path = tmp_path / f"sine.{fmt}"
+
+        processing_utils.audio_to_file(sr, sine, str(out_path), format=fmt)
+        assert out_path.exists()
+
+        decoded = AudioSegment.from_file(str(out_path), format=fmt)
+        samples = np.array(decoded.get_array_of_samples(), dtype=np.float64)
+        n = min(len(samples), len(sine))
+        samples = samples[:n]
+        reference = sine[:n].astype(np.float64)
+        if np.abs(samples).max() > 0:
+            samples = samples / np.abs(samples).max()
+        # Lossy codecs (mp3) blur the waveform but preserve overall shape;
+        # the int32-misinterpretation bug produced noise with RMS error
+        # ~0.3+, so 0.1 cleanly separates "encoded correctly" from "noise".
+        rms_error = float(np.sqrt(np.mean((samples - reference) ** 2)))
+        assert rms_error < 0.1, (
+            f"audio_to_file produced noise for format={fmt!r} "
+            f"(RMS error {rms_error:.3f} vs sine input)"
+        )
+
+    def test_save_audio_to_cache_uses_audio_metadata_in_cache_key(
+        self, gradio_temp_dir
+    ):
+        data = np.array([0, 1, 2, 3], dtype=np.int16)
+        data_with_different_dtype = np.array([0, 1, 2, 3], dtype=np.uint16)
+        data_with_different_shape = np.array([[0, 1], [2, 3]], dtype=np.int16)
+
+        with patch("gradio.processing_utils.audio_to_file"):
+            path_8000 = processing_utils.save_audio_to_cache(
+                data, 8000, "wav", cache_dir=gradio_temp_dir
+            )
+            path_16000 = processing_utils.save_audio_to_cache(
+                data, 16000, "wav", cache_dir=gradio_temp_dir
+            )
+            path_mp3 = processing_utils.save_audio_to_cache(
+                data, 8000, "mp3", cache_dir=gradio_temp_dir
+            )
+            path_uint16 = processing_utils.save_audio_to_cache(
+                data_with_different_dtype, 8000, "wav", cache_dir=gradio_temp_dir
+            )
+            path_stereo = processing_utils.save_audio_to_cache(
+                data_with_different_shape, 8000, "wav", cache_dir=gradio_temp_dir
+            )
+
+        assert Path(path_8000).parent != Path(path_16000).parent
+        assert Path(path_8000).parent != Path(path_mp3).parent
+        assert Path(path_8000).parent != Path(path_uint16).parent
+        assert Path(path_8000).parent != Path(path_stereo).parent
+
+    def test_save_audio_to_cache_accepts_numpy_sample_rate(self, gradio_temp_dir):
+        data = np.array([0, 1, 2, 3], dtype=np.int16)
+        with patch("gradio.processing_utils.audio_to_file"):
+            path_py_int = processing_utils.save_audio_to_cache(
+                data, 8000, "wav", cache_dir=gradio_temp_dir
+            )
+            path_np_int = processing_utils.save_audio_to_cache(
+                data, np.int64(8000), "wav", cache_dir=gradio_temp_dir
+            )
+        assert Path(path_py_int).parent == Path(path_np_int).parent
+
+    def test_convert_to_16_bit_audio(self):
+        # Generate a random audio sample and set the amplitude
+        audio = np.random.randint(-100, 100, size=(100), dtype="int16")
+        audio[0] = -32767
+        audio[1] = 32766
+
+        audio_ = audio.astype("float64")
+        audio_ = processing_utils.convert_to_16_bit_audio(audio_)
+        assert np.allclose(audio, audio_)
+        assert audio_.dtype == "int16"
+
+        audio_ = audio.astype("float32")
+        audio_ = processing_utils.convert_to_16_bit_audio(audio_)
+        assert np.allclose(audio, audio_)
+        assert audio_.dtype == "int16"
+
+        audio_ = processing_utils.convert_to_16_bit_audio(audio)
+        assert np.allclose(audio, audio_)
+        assert audio_.dtype == "int16"
+
+    def test_convert_to_16_bit_audio_silence(self):
+        # Regression test: all-zero float input has a peak of 0, which used to
+        # divide by zero and produce NaNs that cast to nonzero int16 garbage,
+        # turning silence into noise. Silence must stay silent.
+        for dtype in ("float16", "float32", "float64"):
+            silence = np.zeros(100, dtype=dtype)
+            converted = processing_utils.convert_to_16_bit_audio(silence)
+            assert converted.dtype == "int16"
+            assert np.all(converted == 0)
+
+    def test_convert_to_16_bit_wav_alias(self):
+        # `convert_to_16_bit_wav` is kept as a backwards-compatible alias.
+        assert (
+            processing_utils.convert_to_16_bit_wav
+            is processing_utils.convert_to_16_bit_audio
+        )
+
+
+class TestOutputPreprocessing:
+    float_dtype_list = [
+        float,
+        float,
+        np.double,
+        np.single,
+        np.float32,
+        np.float64,
+        "float32",
+        "float64",
+    ]
+
+    def test_float_conversion_dtype(self):
+        """Test any conversion from a float dtype to an other."""
+
+        x = np.array([-1, 1])
+        # Test all combinations of dtypes conversions
+        dtype_combin = np.array(
+            np.meshgrid(  # type: ignore
+                TestOutputPreprocessing.float_dtype_list,  # type: ignore
+                TestOutputPreprocessing.float_dtype_list,  # type: ignore
+            )  # type: ignore
+        ).T.reshape(-1, 2)
+
+        for dtype_in, dtype_out in dtype_combin:
+            x = x.astype(dtype_in)
+            y = processing_utils._convert(x, dtype_out)
+            assert y.dtype == np.dtype(dtype_out)
+
+    def test_subclass_conversion(self):
+        """Check subclass conversion behavior"""
+        x = np.array([-1, 1])
+        for dtype in TestOutputPreprocessing.float_dtype_list:
+            x = x.astype(dtype)
+            y = processing_utils._convert(x, np.floating)
+            assert y.dtype == x.dtype
+
+
+class TestVideoProcessing:
+    def test_video_has_playable_codecs(self, test_file_dir):
+        assert processing_utils.video_is_playable(
+            str(test_file_dir / "video_sample.mp4")
+        )
+        assert processing_utils.video_is_playable(
+            str(test_file_dir / "video_sample.ogg")
+        )
+        assert processing_utils.video_is_playable(
+            str(test_file_dir / "video_sample.webm")
+        )
+        assert not processing_utils.video_is_playable(
+            str(test_file_dir / "bad_video_sample.mp4")
+        )
+
+    def raise_ffmpy_runtime_exception(*args, **kwargs):
+        raise ffmpy.FFRuntimeError("", "", "", "")  # type: ignore
+
+    @pytest.mark.parametrize(
+        "exception_to_raise", [raise_ffmpy_runtime_exception, KeyError(), IndexError()]
+    )
+    def test_video_has_playable_codecs_catches_exceptions(
+        self, exception_to_raise, test_file_dir
+    ):
+        with (
+            patch(
+                "gradio._vendor.ffmpy.FFprobe.run",
+                side_effect=exception_to_raise,
+            ),
+            tempfile.NamedTemporaryFile(
+                suffix="out.avi", delete=False
+            ) as tmp_not_playable_vid,
+        ):
+            shutil.copy(
+                str(test_file_dir / "bad_video_sample.mp4"),
+                tmp_not_playable_vid.name,
+            )
+            assert processing_utils.video_is_playable(tmp_not_playable_vid.name)
+
+    def test_convert_video_to_playable_mp4(self, test_file_dir):
+        with tempfile.NamedTemporaryFile(
+            suffix="out.avi", delete=False
+        ) as tmp_not_playable_vid:
+            shutil.copy(
+                str(test_file_dir / "bad_video_sample.mp4"), tmp_not_playable_vid.name
+            )
+            with patch("os.remove", wraps=os.remove) as mock_remove:
+                playable_vid = processing_utils.convert_video_to_playable_mp4(
+                    tmp_not_playable_vid.name
+                )
+            # check tempfile got deleted
+            assert not Path(mock_remove.call_args[0][0]).exists()
+            assert processing_utils.video_is_playable(playable_vid)
+
+    @patch(
+        "gradio._vendor.ffmpy.FFmpeg.run",
+        side_effect=raise_ffmpy_runtime_exception,
+    )
+    def test_video_conversion_returns_original_video_if_fails(
+        self, mock_run, test_file_dir
+    ):
+        with tempfile.NamedTemporaryFile(
+            suffix="out.avi", delete=False
+        ) as tmp_not_playable_vid:
+            shutil.copy(
+                str(test_file_dir / "bad_video_sample.mp4"), tmp_not_playable_vid.name
+            )
+            playable_vid = processing_utils.convert_video_to_playable_mp4(
+                tmp_not_playable_vid.name
+            )
+            # If the conversion succeeded it'd be .mp4
+            assert Path(playable_vid).suffix == ".avi"
+
+
+def test_add_root_url():
+    data = {
+        "file": {
+            "path": "path",
+            "url": f"{API_PREFIX}/file=path",
+            "meta": {"_type": "gradio.FileData"},
+        },
+        "file2": {
+            "path": "path2",
+            "url": "https://www.gradio.app",
+            "meta": {"_type": "gradio.FileData"},
+        },
+    }
+    root_url = "http://localhost:7860"
+    expected = {
+        "file": {
+            "path": "path",
+            "url": f"{root_url}{API_PREFIX}/file=path",
+            "meta": {"_type": "gradio.FileData"},
+        },
+        "file2": {
+            "path": "path2",
+            "url": "https://www.gradio.app",
+            "meta": {"_type": "gradio.FileData"},
+        },
+    }
+    assert processing_utils.add_root_url(data, root_url, None) == expected
+    new_root_url = "https://1234.gradio.live"
+    new_expected = {
+        "file": {
+            "path": "path",
+            "url": f"{new_root_url}{API_PREFIX}/file=path",
+            "meta": {"_type": "gradio.FileData"},
+        },
+        "file2": {
+            "path": "path2",
+            "url": "https://www.gradio.app",
+            "meta": {"_type": "gradio.FileData"},
+        },
+    }
+    assert (
+        processing_utils.add_root_url(expected, new_root_url, root_url) == new_expected
+    )
+
+
+def test_hash_url_encodes_url():
+    assert processing_utils.hash_url(
+        "https://www.gradio.app/image 1.jpg"
+    ) == processing_utils.hash_bytes(b"https://www.gradio.app/image 1.jpg")
+
+
+@pytest.mark.asyncio
+async def test_json_data_not_moved_to_cache():
+    data = data_classes.JsonData(
+        root={
+            "file": {
+                "path": "path",
+                "url": f"{API_PREFIX}/file=path",
+                "meta": {"_type": "gradio.FileData"},
+            }
+        }
+    )
+    assert (
+        processing_utils.move_files_to_cache(data, components.Number(), False) == data
+    )
+    assert processing_utils.move_files_to_cache(data, components.Number(), True) == data
+    assert (
+        await processing_utils.async_move_files_to_cache(
+            data, components.Number(), False
+        )
+        == data
+    )
+    assert (
+        await processing_utils.async_move_files_to_cache(
+            data, components.Number(), True
+        )
+        == data
+    )
+
+
+@contextmanager
+def launched_blocks_context():
+    """Set up a Blocks instance that looks launched, with LocalContext wired up."""
+    blocks = gr.Blocks()
+    blocks.has_launched = True
+    blocks.allowed_paths = []
+    blocks.blocked_paths = []
+    token = LocalContext.blocks.set(blocks)
+    try:
+        yield blocks
+    finally:
+        LocalContext.blocks.reset(token)
+
+
+def _make_file_data_dict(path: str) -> dict:
+    return {
+        "path": path,
+        "url": None,
+        "size": None,
+        "orig_name": None,
+        "mime_type": None,
+        "is_stream": False,
+        "meta": {"_type": "gradio.FileData"},
+    }
+
+
+class TestMoveFilesToCacheSecurity:
+    """Verify that move_files_to_cache rejects arbitrary file paths."""
+
+    def test_filedata_with_disallowed_path_raises(self):
+        data = _make_file_data_dict("/etc/passwd")
+        with launched_blocks_context():
+            with pytest.raises(InvalidPathError):
+                processing_utils.move_files_to_cache(data, gr.File(), postprocess=True)
+
+    def test_path_traversal_raises(self):
+        data = _make_file_data_dict("../../../etc/passwd")
+        with launched_blocks_context():
+            with pytest.raises(InvalidPathError):
+                processing_utils.move_files_to_cache(data, gr.File(), postprocess=True)
+
+    def test_nested_filedata_with_disallowed_path_raises(self):
+        data = {
+            "chatbot": [
+                {
+                    "role": "assistant",
+                    "content": _make_file_data_dict("/etc/shadow"),
+                }
+            ]
+        }
+        with launched_blocks_context():
+            with pytest.raises(InvalidPathError):
+                processing_utils.move_files_to_cache(
+                    data, gr.Chatbot(), postprocess=True
+                )
+
+
+class TestBrowserStatePydanticNoFileCaching:
+    """Ensure Pydantic model_dump() in BrowserState doesn't trick file caching."""
+
+    def test_model_with_path_field_not_treated_as_file(self):
+        """model_dump() won't produce the FileData meta signature."""
+
+        class Config(BaseModel):
+            path: str
+            name: str
+
+        state = gr.BrowserState()
+        result = state.postprocess(Config(path="/etc/passwd", name="secret"))
+        assert result == {"path": "/etc/passwd", "name": "secret"}
+
+        cached = processing_utils.move_files_to_cache(result, state, postprocess=True)
+        assert cached == result
+
+    def test_model_with_filedata_signature_blocked(self):
+        """Even if model_dump() matches FileData shape, _check_allowed blocks it."""
+
+        class MaliciousModel(BaseModel):
+            path: str
+            url: str | None = None
+            size: int | None = None
+            orig_name: str | None = None
+            mime_type: str | None = None
+            is_stream: bool = False
+            meta: dict = {"_type": "gradio.FileData"}
+
+        state = gr.BrowserState()
+        result = state.postprocess(MaliciousModel(path="/etc/passwd"))
+
+        with launched_blocks_context():
+            with pytest.raises(InvalidPathError):
+                processing_utils.move_files_to_cache(result, state, postprocess=True)
+
+    def test_nested_model_with_path_not_treated_as_file(self):
+        class FileRef(BaseModel):
+            path: str
+            label: str
+
+        class Report(BaseModel):
+            title: str
+            files: list[FileRef]
+
+        state = gr.BrowserState()
+        report = Report(
+            title="Test",
+            files=[
+                FileRef(path="/etc/passwd", label="passwords"),
+                FileRef(path="/etc/shadow", label="shadow"),
+            ],
+        )
+        result = state.postprocess(report)
+
+        cached = processing_utils.move_files_to_cache(result, state, postprocess=True)
+        assert cached == result
+
+
+@pytest.mark.flaky
+def test_public_request_pass():
+    tempdir = tempfile.TemporaryDirectory()
+    file = processing_utils.ssrf_protected_download(
+        "https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/Hugging%20Face%20x%20Cloudflare.png",
+        tempdir.name,
+    )
+    assert os.path.exists(file)
+
+
+@pytest.mark.asyncio
+@pytest.mark.flaky
+async def test_async_public_request_pass():
+    tempdir = tempfile.TemporaryDirectory()
+    file = await processing_utils.async_ssrf_protected_download(
+        "https://huggingface.co/datasets/freddyaboulton/bucket/resolve/main/Hugging%20Face%20x%20Cloudflare.png",
+        tempdir.name,
+    )
+    assert os.path.exists(file)
+
+
+def test_private_request_fail():
+    with pytest.raises(ValueError, match="failed validation"):
+        tempdir = tempfile.TemporaryDirectory()
+        processing_utils.ssrf_protected_download(
+            "http://192.168.1.250.nip.io/image.png", tempdir.name
+        )
+
+
+@pytest.mark.asyncio
+async def test_async_private_request_fail():
+    with pytest.raises(ValueError, match="failed validation"):
+        tempdir = tempfile.TemporaryDirectory()
+        await processing_utils.async_ssrf_protected_download(
+            "http://192.168.1.250.nip.io/image.png", tempdir.name
+        )
+
+
+@pytest.mark.asyncio
+async def test_async_get_private_request_fail():
+    with pytest.raises(ValueError, match="failed validation"):
+        await processing_utils.async_ssrf_protected_get(
+            "http://192.168.1.250.nip.io/image.png"
+        )
+
+
+@pytest.mark.asyncio
+async def test_async_get_redirect_without_location_returns_response(monkeypatch):
+    expected = httpx.Response(
+        302, request=httpx.Request("GET", "https://example.com/image.png")
+    )
+
+    async def mock_get(*args, **kwargs):
+        return expected
+
+    monkeypatch.setattr(processing_utils.sh, "get", mock_get)
+
+    response = await processing_utils.async_ssrf_protected_get(
+        "https://example.com/image.png"
+    )
+
+    assert response is expected
+
+
+class TestAudioFormatDetection:
+    @pytest.mark.parametrize(
+        "file_path,expected",
+        [
+            ("gradio/media_assets/audio/audio_sample.wav", ".wav"),
+            ("gradio/test_data/test_audio.mp3", ".mp3"),
+        ],
+    )
+    def test_detect_audio_format_files(self, file_path, expected):
+        with open(file_path, "rb") as f:
+            assert processing_utils.detect_audio_format(f.read()) == expected
+
+    @pytest.mark.parametrize(
+        "data,expected",
+        [
+            (b"\x00\x00\x00\x00\x00\x00\x00\x00", ""),  # Unknown format
+            (b"\xff\xff", ""),  # Too short
+            (b"", ""),  # Empty
+        ],
+    )
+    def test_detect_audio_format_edge_cases(self, data, expected):
+        assert processing_utils.detect_audio_format(data) == expected
diff --git a/test/test_queueing.py b/test/test_queueing.py
new file mode 100644
index 0000000..b47e327
--- /dev/null
+++ b/test/test_queueing.py
@@ -0,0 +1,347 @@
+import asyncio
+import json
+import sys
+import time
+from unittest.mock import patch
+
+import gradio_client as grc
+import pytest
+from fastapi.testclient import TestClient
+
+import gradio as gr
+from gradio.route_utils import API_PREFIX
+
+
+class TestQueueing:
+    def test_single_request(self, connect):
+        with gr.Blocks() as demo:
+            name = gr.Textbox()
+            output = gr.Textbox()
+
+            def greet(x):
+                return f"Hello, {x}!"
+
+            name.submit(greet, name, output)
+
+        with connect(demo) as client:
+            job = client.submit("x", fn_index=0)
+            assert job.result() == "Hello, x!"
+
+    def test_all_status_messages(self, connect):
+        with gr.Blocks() as demo:
+            name = gr.Textbox()
+            output = gr.Textbox()
+
+            def greet(x):
+                time.sleep(2)
+                return f"Hello, {x}!"
+
+            name.submit(greet, name, output, concurrency_limit=2)
+
+        app, local_url, _ = demo.launch(prevent_thread_lock=True)
+        test_client = TestClient(app)
+        client = grc.Client(local_url)
+
+        client.submit("a", fn_index=0)
+        job2 = client.submit("b", fn_index=0)
+        client.submit("c", fn_index=0)
+        job4 = client.submit("d", fn_index=0)
+
+        sizes = []
+        while job4.status().code.value != "FINISHED":
+            queue_status = test_client.get(f"{API_PREFIX}/queue/status").json()
+            queue_size = queue_status["queue_size"]
+            if len(sizes) == 0 or queue_size != sizes[-1]:
+                sizes.append(queue_size)
+            time.sleep(0.01)
+
+        time.sleep(0.1)
+        queue_status = test_client.get(f"{API_PREFIX}/queue/status").json()
+        queue_size = queue_status["queue_size"]
+        if queue_size != sizes[-1]:
+            sizes.append(queue_size)
+
+        assert (
+            max(sizes)
+            in [
+                2,
+                3,
+                4,
+            ]
+        )  # Can be 2 - 4, depending on if the workers have picked up jobs before the queue status is checked
+
+        assert min(sizes) == 0
+        assert sizes[-1] == 0
+
+        assert job2.result() == "Hello, b!"
+        assert job4.result() == "Hello, d!"
+
+    def test_cached_generator_finishes_on_queue_cache_hit(self, connect):
+        call_count = 0
+
+        @gr.cache
+        def stream_text(text):
+            nonlocal call_count
+            call_count += 1
+            for i in range(len(text)):
+                yield text[: i + 1]
+
+        with gr.Blocks() as demo:
+            name = gr.Textbox()
+            output = gr.Textbox()
+            name.submit(stream_text, name, output)
+
+        demo.queue()
+
+        with connect(demo) as client:
+            first = client.submit("hello", fn_index=0)
+            assert first.result(timeout=5) == "hello"
+            assert first.outputs() == ["h", "he", "hel", "hell", "hello"]
+
+            second = client.submit("hello", fn_index=0)
+            assert second.result(timeout=5) == "hello"
+            assert second.outputs() == ["h", "he", "hel", "hell", "hello"]
+
+        assert call_count == 1
+
+    def test_queue_average_excludes_manual_cache_hits(self, connect):
+        def greet(x, c=gr.Cache()):
+            hit = c.get(x)
+            if hit is not None:
+                return hit["value"]
+            time.sleep(0.02)
+            value = f"Hello, {x}!"
+            c.set(x, value=value)
+            return value
+
+        with gr.Blocks() as demo:
+            name = gr.Textbox()
+            output = gr.Textbox()
+            name.submit(greet, name, output)
+
+        demo.queue()
+
+        with connect(demo) as client:
+            first = client.submit("x", fn_index=0)
+            assert first.result(timeout=5) == "Hello, x!"
+
+            second = client.submit("x", fn_index=0)
+            assert second.result(timeout=5) == "Hello, x!"
+
+        process_time = demo._queue.process_time_per_fn[demo.fns[0]]
+        assert process_time.count == 1
+        assert process_time.avg_time >= 0.02
+
+    @pytest.mark.flaky
+    @pytest.mark.parametrize(
+        "default_concurrency_limit, statuses",
+        [
+            ("not_set", ["IN_QUEUE", "IN_QUEUE", "PROCESSING"]),
+            (None, ["PROCESSING", "PROCESSING", "PROCESSING"]),
+            (1, ["IN_QUEUE", "IN_QUEUE", "PROCESSING"]),
+            (2, ["IN_QUEUE", "PROCESSING", "PROCESSING"]),
+        ],
+    )
+    def test_default_concurrency_limits(self, default_concurrency_limit, statuses):
+        with gr.Blocks() as demo:
+            a = gr.Number()
+            b = gr.Number()
+            output = gr.Number()
+
+            add_btn = gr.Button("Add")
+
+            @add_btn.click(inputs=[a, b], outputs=output)
+            def add(x, y):
+                time.sleep(4)
+                return x + y
+
+        demo.queue(default_concurrency_limit=default_concurrency_limit)
+        _, local_url, _ = demo.launch(
+            prevent_thread_lock=True,
+        )
+        client = grc.Client(local_url)
+
+        add_job_1 = client.submit(1, 1, fn_index=0)
+        add_job_2 = client.submit(1, 1, fn_index=0)
+        add_job_3 = client.submit(1, 1, fn_index=0)
+
+        time.sleep(2)
+
+        add_job_statuses = [add_job_1.status(), add_job_2.status(), add_job_3.status()]
+        assert sorted([s.code.value for s in add_job_statuses]) == statuses
+
+
+@pytest.mark.skipif(
+    sys.platform == "win32",
+    reason="Heartbeat task is not reliably cancelled by the time the SSE stream "
+    "loop returns on Windows CI (cancellation does not propagate within a "
+    "reasonable wait). Passes on Linux/macOS.",
+)
+def test_heartbeat_task_cancelled_after_stream_completes():
+    """Verify the heartbeat task is cancelled when the SSE stream ends normally."""
+    with gr.Blocks() as demo:
+        name = gr.Textbox()
+        output = gr.Textbox()
+
+        def greet(x):
+            return f"Hello, {x}!"
+
+        name.submit(greet, name, output)
+
+    app, local_url, _ = demo.launch(prevent_thread_lock=True)
+
+    heartbeat_tasks = []
+    original_create_task = asyncio.create_task
+
+    def tracking_create_task(coro, **kwargs):
+        task = original_create_task(coro, **kwargs)
+        heartbeat_tasks.append(task)
+        return task
+
+    with patch("gradio.routes.asyncio.create_task", side_effect=tracking_create_task):
+        test_client = TestClient(app)
+        r = test_client.post(
+            f"{API_PREFIX}/queue/join",
+            json={
+                "data": ["hello"],
+                "fn_index": 0,
+                "event_data": None,
+                "session_hash": "test_heartbeat",
+                "trigger_id": None,
+            },
+        )
+        assert r.status_code == 200
+
+        r = test_client.get(f"{API_PREFIX}/queue/data?session_hash=test_heartbeat")
+
+        # Verify we got a process_completed message
+        got_completed = False
+        for line in r.iter_lines():
+            if "data" in line:
+                data = json.loads(line[5:])
+                if data["msg"] == "process_completed":
+                    got_completed = True
+        assert got_completed
+
+    assert len(heartbeat_tasks) > 0, "No heartbeat tasks were created"
+    for task in heartbeat_tasks:
+        assert task.cancelled() or task.done(), (
+            "Heartbeat task was not cancelled after stream completed"
+        )
+    demo.close()
+
+
+def test_cancel_removes_pending_event_from_queue():
+    """Cancelling a queued (not yet running) event should remove it from the queue."""
+    with gr.Blocks() as demo:
+        start = gr.Button()
+        output = gr.Textbox()
+
+        def slow():
+            time.sleep(2)
+            return "done"
+
+        start.click(slow, None, output)
+
+    demo.queue(default_concurrency_limit=1)
+    app, _, _ = demo.launch(prevent_thread_lock=True)
+    test_client = TestClient(app)
+
+    join_payload = {
+        "data": [],
+        "fn_index": 0,
+        "event_data": None,
+        "session_hash": "sess1",
+        "trigger_id": None,
+    }
+
+    try:
+        first = test_client.post(f"{API_PREFIX}/queue/join", json=join_payload)
+        second = test_client.post(f"{API_PREFIX}/queue/join", json=join_payload)
+        third = test_client.post(f"{API_PREFIX}/queue/join", json=join_payload)
+        assert first.status_code == 200
+        assert second.status_code == 200
+        assert third.status_code == 200
+
+        second_event_id = second.json()["event_id"]
+        third_event_id = third.json()["event_id"]
+
+        # First event gets picked up by the worker; second and third are queued.
+        # The worker dequeues asynchronously, so wait for it to settle before
+        # asserting (avoids a race on slower CI runners where all three are
+        # momentarily still in the queue).
+        for _ in range(50):
+            if len(demo._queue) == 2:
+                break
+            time.sleep(0.1)
+        assert len(demo._queue) == 2
+        assert second_event_id in demo._queue.event_ids_to_events
+        assert second_event_id in demo._queue.pending_event_ids_session["sess1"]
+
+        # Cancel the second (pending/queued) event
+        resp = test_client.post(
+            f"{API_PREFIX}/cancel",
+            json={
+                "session_hash": "sess1",
+                "fn_index": 0,
+                "event_id": second_event_id,
+            },
+        )
+        assert resp.status_code == 200
+        assert third_event_id in demo._queue.event_ids_to_events
+
+        assert len(demo._queue) == 1
+        r = test_client.get(f"{API_PREFIX}/queue/data?session_hash=sess1")
+
+        # Verify we got a process_completed message
+        got_completed = False
+        for line in r.iter_lines():
+            if "data" in line:
+                data = json.loads(line[5:])
+                if data["msg"] == "process_completed":
+                    got_completed = True
+        assert got_completed
+        assert second_event_id not in demo._queue.pending_event_ids_session["sess1"]
+        assert second_event_id not in demo._queue.event_ids_to_events
+    finally:
+        demo.close()
+
+
+def test_analytics_summary(monkeypatch):
+    """Test that the analytics summary endpoint is correctly being computed every N requests,
+    where N is set by the GRADIO_ANALYTICS_CACHE_FREQUENCY environment variable."""
+    monkeypatch.setenv("GRADIO_ANALYTICS_CACHE_FREQUENCY", 2)
+    with gr.Blocks() as demo:
+        name = gr.Textbox()
+        output = gr.Textbox()
+
+        def greet(x):
+            return f"Hello, {x}!"
+
+        name.submit(greet, name, output, api_name="predict")
+
+    _, local_url, _ = demo.launch(prevent_thread_lock=True)
+    test_client = TestClient(demo.app)
+    client = grc.Client(local_url)
+    with test_client as tc:
+        event_analytics = tc.get("/monitoring/summary").json()
+        assert event_analytics == {"functions": {}}
+        client.predict(
+            "a",
+            api_name="/predict",
+        )
+        client.predict(
+            "a",
+            api_name="/predict",
+        )
+        event_analytics = tc.get("/monitoring/summary").json()
+        assert "predict" in event_analytics["functions"]
+        assert event_analytics["functions"]["predict"]["total_requests"] == 2
+        client.predict("a", api_name="/predict")
+        event_analytics = tc.get("/monitoring/summary").json()
+        assert "predict" in event_analytics["functions"]
+        assert event_analytics["functions"]["predict"]["total_requests"] == 2
+        client.predict("a", api_name="/predict")
+        event_analytics = tc.get("/monitoring/summary").json()
+        assert "predict" in event_analytics["functions"]
+        assert event_analytics["functions"]["predict"]["total_requests"] == 4
diff --git a/test/test_reload.py b/test/test_reload.py
new file mode 100644
index 0000000..ba73651
--- /dev/null
+++ b/test/test_reload.py
@@ -0,0 +1,77 @@
+import dataclasses
+from pathlib import Path
+
+import pytest
+
+import gradio as gr
+from gradio.cli.commands.reload import _setup_config
+from gradio.http_server import Server
+
+
+def build_demo():
+    with gr.Blocks() as demo:
+        gr.Textbox("")
+
+    return demo
+
+
+@dataclasses.dataclass
+class Config:
+    module_name: str
+    path: Path
+    watch_dirs: list[str]
+    demo_name: str
+
+
+class TestReload:
+    @pytest.fixture(autouse=True)
+    def argv(self):
+        return ["demo/calculator/run.py"]
+
+    @pytest.fixture
+    def config(self, monkeypatch, argv) -> Config:
+        monkeypatch.setattr("sys.argv", ["gradio"] + argv)
+        name = argv[1].replace("--demo-name", "").strip() if len(argv) > 1 else "demo"
+        return Config(*_setup_config(argv[0]), demo_name=name)  # ty: ignore error[parameter-already-assigned]
+
+    @pytest.fixture(params=[{}])
+    def reloader(self, config):
+        reloader = Server(config)
+        reloader.should_exit = True
+        yield reloader
+        reloader.close()
+
+    def test_config_default_app(self, config):
+        assert config.module_name == "demo.calculator.run"
+
+    @pytest.mark.parametrize("argv", [["demo/calculator/run.py", "--demo-name test"]])
+    def test_config_custom_app(self, config):
+        assert config.module_name == "demo.calculator.run"
+        assert config.demo_name == "test"
+
+    def test_config_watch_app(self, config):
+        demo_dir = str(Path("demo/calculator/run.py").resolve().parent)
+        assert demo_dir in config.watch_dirs
+
+
+def test_watchfn_does_not_inherit_future_annotations():
+    """The watchfn function must not carry CO_FUTURE_ANNOTATIONS.
+
+    When a module uses `from __future__ import annotations`, every
+    exec(source_string, ...) called from that module inherits the flag and
+    stringifies all annotations in the exec'd code.  This breaks libraries
+    (e.g. langgraph) that call get_type_hints() on user-defined classes with
+    Annotated types during hot reload.
+
+    Regression test for https://github.com/gradio-app/gradio/issues/12090
+    """
+    import __future__
+
+    from gradio.utils import watchfn
+
+    flag = __future__.annotations.compiler_flag
+    assert not (watchfn.__code__.co_flags & flag), (
+        "watchfn has CO_FUTURE_ANNOTATIONS set. "
+        "Remove `from __future__ import annotations` from gradio/utils.py "
+        "to prevent exec() from stringifying user annotations during reload."
+    )
diff --git a/test/test_routes.py b/test/test_routes.py
new file mode 100644
index 0000000..ba5e830
--- /dev/null
+++ b/test/test_routes.py
@@ -0,0 +1,2511 @@
+"""Contains tests for networking.py and app.py"""
+
+import functools
+import inspect
+import json
+import os
+import pickle
+import sys
+import tempfile
+import time
+from contextlib import asynccontextmanager, closing
+from pathlib import Path
+from threading import Thread
+
+import gradio_client as grc
+import httpx
+import numpy as np
+import pandas as pd
+import pytest
+import requests
+import starlette.routing
+from fastapi import FastAPI, Request
+from fastapi.testclient import TestClient
+
+import gradio as gr
+from gradio import (
+    Blocks,
+    Button,
+    Interface,
+    Number,
+    Textbox,
+    close_all,
+    routes,
+)
+from gradio.route_utils import (
+    API_PREFIX,
+    FnIndexInferError,
+    compare_passwords_securely,
+    get_api_call_path,
+    get_request_origin,
+    get_root_url,
+    slugify,
+    starts_with_protocol,
+)
+
+
+@pytest.fixture()
+def test_client():
+    io = Interface(lambda x: x + x, "text", "text", api_name="predict")
+    app, _, _ = io.launch(prevent_thread_lock=True)
+    test_client = TestClient(app)
+    yield test_client
+    io.close()
+    close_all()
+
+
+class TestRoutes:
+    def test_get_main_route(self, test_client):
+        response = test_client.get("/")
+        assert response.status_code == 200
+
+    def test_static_files_served_safely(self, test_client):
+        # Make sure things outside the static folder are not accessible
+        response = test_client.get(r"/static/..%2findex.html")
+        assert response.status_code == 403
+        response = test_client.get(r"/static/..%2f..%2fapi_docs.html")
+        assert response.status_code == 403
+
+    def test_get_config_route(self, test_client):
+        response = test_client.get("/config/")
+        assert response.status_code == 200
+
+    def test_favicon_route(self, test_client):
+        response = test_client.get("/favicon.ico")
+        assert response.status_code == 200
+
+    def test_openapi_route(self, test_client):
+        response = test_client.get(f"{API_PREFIX}/openapi.json")
+        assert response.status_code == 200
+        assert response.json()["openapi"] == "3.0.2"
+
+    def test_upload_path(self, test_client):
+        with open("test/test_files/alphabet.txt", "rb") as f:
+            response = test_client.post(f"{API_PREFIX}/upload", files={"files": f})
+        assert response.status_code == 200
+        file = response.json()[0]
+        assert "alphabet" in file
+        assert file.endswith(".txt")
+        with open(file, "rb") as saved_file:
+            assert saved_file.read() == b"abcdefghijklmnopqrstuvwxyz"
+
+    def test_custom_upload_path(self, gradio_temp_dir):
+        io = Interface(lambda x: x + x, "text", "text")
+        app, _, _ = io.launch(prevent_thread_lock=True)
+        test_client = TestClient(app)
+        with open("test/test_files/alphabet.txt", "rb") as f:
+            response = test_client.post(f"{API_PREFIX}/upload", files={"files": f})
+        assert response.status_code == 200
+        file = response.json()[0]
+        assert "alphabet" in file
+        assert file.startswith(str(gradio_temp_dir))
+        assert file.endswith(".txt")
+        with open(file, "rb") as saved_file:
+            assert saved_file.read() == b"abcdefghijklmnopqrstuvwxyz"
+
+    @pytest.mark.skipif(
+        sys.platform == "win32",
+        reason="On Windows CI python_multipart raises MultipartParseError while "
+        "parsing the oversized header before gradio's own size check returns a "
+        "413, so the response code differs. Passes on Linux/macOS.",
+    )
+    def test_header_size_limit(self, test_client):
+        with open("test/test_files/alphabet.txt", "rb") as f:
+            long_filename = "5" * 9000
+            response = test_client.post(
+                f"{API_PREFIX}/upload",
+                files={"files": (long_filename, f, "text/plain")},
+            )
+        assert response.status_code == 413
+
+    def test_predict_route(self, test_client):
+        response = test_client.post(
+            f"{API_PREFIX}/api/predict/", json={"data": ["test"], "fn_index": 0}
+        )
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["testtest"]
+
+    def test_named_predict_route(self):
+        with Blocks() as demo:
+            i = Textbox()
+            o = Textbox()
+            i.change(lambda x: f"{x}1", i, o, api_name="p")
+            i.change(lambda x: f"{x}2", i, o, api_name="q")
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(f"{API_PREFIX}/api/p/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test1"]
+
+        response = client.post(f"{API_PREFIX}/api/q/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test2"]
+
+    def test_same_named_predict_route(self):
+        with Blocks() as demo:
+            i = Textbox()
+            o = Textbox()
+            i.change(lambda x: f"{x}0", i, o, api_name="p")
+            i.change(lambda x: f"{x}1", i, o, api_name="p")
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(f"{API_PREFIX}/api/p/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test0"]
+
+        response = client.post(f"{API_PREFIX}/api/p_1/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test1"]
+
+    def test_multiple_renamed(self):
+        with Blocks() as demo:
+            i = Textbox()
+            o = Textbox()
+            i.change(lambda x: f"{x}0", i, o, api_name="p")
+            i.change(lambda x: f"{x}1", i, o, api_name="p")
+            i.change(lambda x: f"{x}2", i, o, api_name="p_1")
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(f"{API_PREFIX}/api/p/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test0"]
+
+        response = client.post(f"{API_PREFIX}/api/p_1/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test1"]
+
+        response = client.post(f"{API_PREFIX}/api/p_1_1/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test2"]
+
+    def test_predict_route_without_fn_index(self, test_client):
+        response = test_client.post(
+            f"{API_PREFIX}/api/predict/", json={"data": ["test"]}
+        )
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["testtest"]
+
+    def test_predict_route_batching(self):
+        def batch_fn(x):
+            results = []
+            for word in x:
+                results.append(f"Hello {word}")
+            return (results,)
+
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            btn = gr.Button()
+            btn.click(batch_fn, inputs=text, outputs=text, batch=True, api_name="pred")
+
+        demo.queue(api_open=True)
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(f"{API_PREFIX}/api/pred/", json={"data": ["test"]})
+        output = dict(response.json())
+        assert output["data"] == ["Hello test"]
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(
+            f"{API_PREFIX}/api/pred/",
+            json={"data": [["test", "test2"]], "batched": True},
+        )
+        output = dict(response.json())
+        assert output["data"] == [["Hello test", "Hello test2"]]
+
+    def test_state(self):
+        def predict(input, history):
+            if history is None:
+                history = ""
+            history += input
+            return history, history
+
+        io = Interface(
+            predict, ["textbox", "state"], ["textbox", "state"], api_name="predict"
+        )
+        app, _, _ = io.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": ["test", None], "fn_index": 0, "session_hash": "_"},
+        )
+        output = dict(response.json())
+        assert output["data"] == ["test", None]
+        response = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={"data": ["test", None], "fn_index": 0, "session_hash": "_"},
+        )
+        output = dict(response.json())
+        assert output["data"] == ["testtest", None]
+
+    def test_get_allowed_paths(self, media_data):
+        allowed_file = tempfile.NamedTemporaryFile(mode="w", delete=False)
+        allowed_file.write(media_data.BASE64_IMAGE)
+        allowed_file.flush()
+
+        io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+        app, _, _ = io.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        file_response = client.get(f"{API_PREFIX}/file={allowed_file.name}")
+        assert file_response.status_code == 403
+        io.close()
+
+        io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+        app, _, _ = io.launch(
+            prevent_thread_lock=True,
+            allowed_paths=[os.path.dirname(allowed_file.name)],
+        )
+        client = TestClient(app)
+        file_response = client.get(f"{API_PREFIX}/file={allowed_file.name}")
+        assert file_response.status_code == 200
+        assert len(file_response.text) == len(media_data.BASE64_IMAGE)
+        io.close()
+
+        io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+        app, _, _ = io.launch(
+            prevent_thread_lock=True,
+            allowed_paths=[os.path.abspath(allowed_file.name)],
+        )
+        client = TestClient(app)
+        file_response = client.get(f"{API_PREFIX}/file={allowed_file.name}")
+        assert file_response.status_code == 200
+        assert len(file_response.text) == len(media_data.BASE64_IMAGE)
+        io.close()
+
+    def test_response_attachment_format(self, media_data):
+        image_file = tempfile.NamedTemporaryFile(mode="w", delete=False, suffix=".png")
+        image_file.write(media_data.BASE64_IMAGE)
+        image_file.flush()
+
+        html_file = tempfile.NamedTemporaryFile(mode="w", delete=False, suffix=".html")
+        html_file.write("<html>Hello, world!</html>")
+        html_file.flush()
+
+        io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+        app, _, _ = io.launch(
+            prevent_thread_lock=True,
+            allowed_paths=[
+                image_file.name,
+                html_file.name,
+            ],
+        )
+
+        html_file2 = tempfile.NamedTemporaryFile(
+            mode="w", delete=False, suffix=".html", dir=app.uploaded_file_dir
+        )
+        html_file2.write("<html>Hello, world!</html>")
+        html_file2.flush()
+        html_file2_name = str(Path(app.uploaded_file_dir) / html_file2.name)
+
+        client = TestClient(app)
+
+        file_response = client.get(f"{API_PREFIX}/file={image_file.name}")
+        assert file_response.headers["Content-Type"] == "image/png"
+        assert "inline" in file_response.headers["Content-Disposition"]
+
+        file_response = client.get(f"{API_PREFIX}/file={html_file.name}")
+        assert file_response.headers["Content-Type"] == "text/html; charset=utf-8"
+        assert "inline" in file_response.headers["Content-Disposition"]
+
+        file_response = client.get(f"{API_PREFIX}/file={html_file2_name}")
+        assert file_response.headers["Content-Type"] == "application/octet-stream"
+        assert "attachment" in file_response.headers["Content-Disposition"]
+
+    def test_allowed_and_blocked_paths(self):
+        with tempfile.NamedTemporaryFile(suffix=".jpg", delete=False) as tmp_file:
+            io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+            app, _, _ = io.launch(
+                prevent_thread_lock=True,
+                allowed_paths=[os.path.dirname(tmp_file.name)],
+            )
+            client = TestClient(app)
+            file_response = client.get(f"{API_PREFIX}/file={tmp_file.name}")
+            assert file_response.status_code == 200
+        io.close()
+        os.remove(tmp_file.name)
+
+        with tempfile.NamedTemporaryFile(suffix=".jpg", delete=False) as tmp_file:
+            io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+            app, _, _ = io.launch(
+                prevent_thread_lock=True,
+                allowed_paths=[os.path.dirname(tmp_file.name)],
+                blocked_paths=[os.path.dirname(tmp_file.name)],
+            )
+            client = TestClient(app)
+            file_response = client.get(f"{API_PREFIX}/file={tmp_file.name}")
+            assert file_response.status_code == 403
+        io.close()
+        os.remove(tmp_file.name)
+
+    def test_blocked_path_case_insensitive(self):
+        with tempfile.TemporaryDirectory() as temp_dir:
+            tmp_file = Path(temp_dir) / "blocked" / "test.txt"
+            tmp_file.parent.mkdir(parents=True, exist_ok=True)
+            tmp_file.touch()
+            io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+            app, _, _ = io.launch(
+                prevent_thread_lock=True,
+                allowed_paths=[temp_dir],
+                blocked_paths=[str(tmp_file.parent)],
+            )
+            client = TestClient(app)
+            file_response = client.get(
+                f"{API_PREFIX}/file={str(Path(temp_dir) / 'BLOCKED' / 'test.txt')}"
+            )
+            assert file_response.status_code == 403
+            io.close()
+
+    def test_get_file_created_by_app(self, test_client):
+        app, _, _ = gr.Interface(
+            lambda s: s.name, gr.File(), gr.File(), api_name="predict"
+        ).launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        with open("test/test_files/alphabet.txt", "rb") as f:
+            file_response = test_client.post(f"{API_PREFIX}/upload", files={"files": f})
+        response = client.post(
+            f"{API_PREFIX}/api/predict/",
+            json={
+                "data": [
+                    {
+                        "path": file_response.json()[0],
+                        "size": os.path.getsize("test/test_files/alphabet.txt"),
+                        "meta": {"_type": "gradio.FileData"},
+                    }
+                ],
+                "fn_index": 0,
+                "session_hash": "_",
+            },
+        ).json()
+        created_file = response["data"][0]["path"]
+        file_response = client.get(f"{API_PREFIX}/file={created_file}")
+        assert file_response.is_success
+
+        backwards_compatible_file_response = client.get(
+            f"{API_PREFIX}/file/{created_file}"
+        )
+        assert backwards_compatible_file_response.is_success
+
+        file_response_with_full_range = client.get(
+            f"{API_PREFIX}/file={created_file}", headers={"Range": "bytes=0-"}
+        )
+        assert file_response_with_full_range.is_success
+        assert file_response.text == file_response_with_full_range.text
+
+        file_response_with_partial_range = client.get(
+            f"{API_PREFIX}/file={created_file}", headers={"Range": "bytes=0-10"}
+        )
+        assert file_response_with_partial_range.is_success
+        assert len(file_response_with_partial_range.text) == 11
+
+    def test_mount_gradio_app(self):
+        app = FastAPI()
+
+        demo = gr.Interface(
+            lambda s: f"Hello from ps, {s}!", "textbox", "textbox"
+        ).queue()
+        demo1 = gr.Interface(
+            lambda s: f"Hello from py, {s}!", "textbox", "textbox"
+        ).queue()
+
+        app = gr.mount_gradio_app(app, demo, path="/ps")
+        app = gr.mount_gradio_app(app, demo1, path="/py")
+
+        # Use context manager to trigger start up events
+        with TestClient(app) as client:
+            assert client.get("/ps").is_success
+            assert client.get("/py").is_success
+
+    def test_mount_gradio_app_picks_up_root_path_from_asgi_scope(self):
+        """Test that media URLs include the proxy prefix when root_path is set
+        via the ASGI scope (e.g. uvicorn --root-path), without needing to
+        explicitly pass root_path to mount_gradio_app.
+        See: https://github.com/gradio-app/gradio/issues/11848
+        """
+        app = FastAPI()
+        demo = gr.Interface(lambda s: s, "textbox", "textbox")
+        app = gr.mount_gradio_app(app, demo, path="/gradio")
+
+        # root_path="/myapp" simulates a reverse proxy at /myapp;
+        # TestClient requires the full prefixed path in requests.
+        with TestClient(app, root_path="/myapp") as client:
+            # Config root should include the proxy prefix
+            resp = client.get("/myapp/gradio/config")
+            assert resp.is_success
+            config = resp.json()
+            assert "/myapp/gradio" in config["root"]
+
+            # Main page should also reflect the proxy prefix
+            resp = client.get("/myapp/gradio/")
+            assert resp.is_success
+            assert "/myapp/gradio" in resp.text
+
+    def test_mount_gradio_app_with_app_kwargs(self):
+        app = FastAPI()
+        demo = gr.Interface(lambda s: f"You said {s}!", "textbox", "textbox").queue()
+        app = gr.mount_gradio_app(
+            app,
+            demo,
+            path="/echo",
+            app_kwargs={"docs_url": "/docs-custom"},
+        )
+        # Use context manager to trigger start up events
+        with TestClient(app) as client:
+            assert client.get("/echo/docs-custom").is_success
+
+    def test_mount_gradio_app_with_auth_and_params(self):
+        app = FastAPI()
+        demo = gr.Interface(lambda s: f"You said {s}!", "textbox", "textbox").queue()
+        app = gr.mount_gradio_app(
+            app,
+            demo,
+            path=f"{API_PREFIX}/echo",
+            auth=("a", "b"),
+            root_path=f"{API_PREFIX}/echo",
+            allowed_paths=["test/test_files/bus.png"],
+        )
+        # Use context manager to trigger start up events
+        with TestClient(app) as client:
+            assert client.get(f"{API_PREFIX}/echo/config").status_code == 401
+        assert demo.root_path == f"{API_PREFIX}/echo"
+        assert demo.allowed_paths == ["test/test_files/bus.png"]
+        assert demo.show_error
+
+    def test_mount_gradio_app_with_path_params(self):
+        app = FastAPI()
+
+        def print_id(_, request: gr.Request):
+            return request.path_params["id"]
+
+        demo = gr.Interface(print_id, "textbox", "textbox")
+        app = gr.mount_gradio_app(
+            app,
+            demo,
+            path="/project/{id}",
+        )
+        with TestClient(app) as client:
+            response = client.get("/project/123")
+            assert response.status_code == 200
+
+    def test_mount_gradio_app_with_lifespan(self):
+        @asynccontextmanager
+        async def empty_lifespan(app: FastAPI):
+            yield
+
+        app = FastAPI(lifespan=empty_lifespan)
+
+        demo = gr.Interface(
+            lambda s: f"Hello from ps, {s}!", "textbox", "textbox"
+        ).queue()
+        demo1 = gr.Interface(
+            lambda s: f"Hello from py, {s}!", "textbox", "textbox"
+        ).queue()
+
+        app = gr.mount_gradio_app(app, demo, path="/ps")
+        app = gr.mount_gradio_app(app, demo1, path="/py")
+
+        # Use context manager to trigger start up events
+        with TestClient(app) as client:
+            assert client.get("/ps").is_success
+            assert client.get("/py").is_success
+
+    def test_mount_gradio_app_with_startup(self):
+        app = FastAPI()
+
+        @app.on_event("startup")  # type: ignore
+        async def empty_startup():
+            return
+
+        demo = gr.Interface(
+            lambda s: f"Hello from ps, {s}!", "textbox", "textbox"
+        ).queue()
+        demo1 = gr.Interface(
+            lambda s: f"Hello from py, {s}!", "textbox", "textbox"
+        ).queue()
+
+        app = gr.mount_gradio_app(app, demo, path="/ps")
+        app = gr.mount_gradio_app(app, demo1, path="/py")
+
+        # Use context manager to trigger start up events
+        with TestClient(app) as client:
+            assert client.get("/ps").is_success
+            assert client.get("/py").is_success
+
+    def test_gradio_app_with_auth_dependency(self):
+        def block_anonymous(request: Request):
+            return request.headers.get("user")
+
+        demo = gr.Interface(lambda s: s, "textbox", "textbox")
+        app, _, _ = demo.launch(
+            auth_dependency=block_anonymous, prevent_thread_lock=True
+        )
+
+        with TestClient(app) as client:
+            assert not client.get("/", headers={}).is_success
+            assert client.get("/", headers={"user": "abubakar"}).is_success
+
+    def test_mount_gradio_app_with_auth_dependency(self):
+        app = FastAPI()
+
+        def get_user(request: Request):
+            return request.headers.get("user")
+
+        demo = gr.Interface(lambda s: f"Hello from ps, {s}!", "textbox", "textbox")
+
+        app = gr.mount_gradio_app(app, demo, path="/demo", auth_dependency=get_user)
+
+        with TestClient(app) as client:
+            assert client.get("/demo", headers={"user": "abubakar"}).is_success
+            assert not client.get("/demo").is_success
+
+    def test_mount_gradio_app_with_lifespan_state(
+        self,
+    ):
+        from fastapi.responses import PlainTextResponse
+
+        @asynccontextmanager
+        async def lifespan(_):
+            yield {"hello": "world"}
+
+        app = FastAPI(lifespan=lifespan)
+
+        gr.mount_gradio_app(app, Blocks(), "/gradio")
+
+        @app.get("/")
+        async def test_route(request: Request):
+            return PlainTextResponse(request.state.hello)
+
+        with TestClient(app) as client:
+            assert client.get("/").is_success
+            assert client.get("/").text.strip() == "world"
+
+    def test_gradio_launch_lifespan_state(self, connect):
+        @asynccontextmanager
+        async def lifespan(_):
+            yield {"hello": "world"}
+
+        def predict(request: gr.Request):
+            return request.state.hello
+
+        demo = gr.Interface(predict, None, "textbox", api_name="predict")
+        with connect(demo, app_kwargs={"lifespan": lifespan}) as client:
+            result = client.predict(None, api_name="/predict")
+            assert result == "world"
+
+    def test_static_file_missing(self, test_client):
+        response = test_client.get(rf"{API_PREFIX}/static/not-here.js")
+        assert response.status_code == 404
+
+    def test_asset_file_missing(self, test_client):
+        response = test_client.get(rf"{API_PREFIX}/assets/not-here.js")
+        assert response.status_code == 404
+
+    def test_cannot_access_files_in_working_directory(self, test_client):
+        response = test_client.get(rf"{API_PREFIX}/file=not-here.js")
+        assert response.status_code == 403
+        response = test_client.get(rf"{API_PREFIX}/file=subdir/.env")
+        assert response.status_code == 403
+
+    def test_cannot_access_directories_in_working_directory(self, test_client):
+        response = test_client.get(rf"{API_PREFIX}/file=gradio")
+        assert response.status_code == 403
+
+    def test_block_protocols_that_expose_windows_credentials(self, test_client):
+        response = test_client.get(rf"{API_PREFIX}/file=//11.0.225.200/share")
+        assert response.status_code == 403
+
+    def test_do_not_expose_existence_of_files_outside_working_directory(
+        self, test_client
+    ):
+        response = test_client.get(
+            rf"{API_PREFIX}/file=../fake-file-that-does-not-exist.js"
+        )
+        assert response.status_code == 403  # not a 404
+
+    def test_proxy_route_is_restricted_to_load_urls(self):
+        gr.context.Context.hf_token = "abcdef"  # type: ignore
+        app = routes.App()
+        interface = gr.Interface(lambda x: x, "text", "text")
+        app.configure_app(interface)
+        with pytest.raises(PermissionError):
+            app.build_proxy_request(
+                "https://gradio-tests-test-loading-examples-private.hf.space/file=Bunny.obj"
+            )
+        with pytest.raises(PermissionError):
+            app.build_proxy_request("https://google.com")
+        interface.proxy_urls = {
+            "https://gradio-tests-test-loading-examples-private.hf.space"
+        }
+        app.build_proxy_request(
+            "https://gradio-tests-test-loading-examples-private.hf.space/file=Bunny.obj"
+        )
+
+    def test_proxy_does_not_leak_hf_token_externally(self):
+        gr.context.Context.token = "abcdef"  # type: ignore
+        app = routes.App()
+        interface = gr.Interface(lambda x: x, "text", "text")
+        interface.proxy_urls = {
+            "https://gradio-tests-test-loading-examples-private.hf.space",
+            "https://google.com",
+        }
+        app.configure_app(interface)
+        url, headers = app.build_proxy_request(
+            "https://gradio-tests-test-loading-examples-private.hf.space/file=Bunny.obj"
+        )
+        assert "Authorization" in dict(headers)
+        with pytest.raises(PermissionError):
+            app.build_proxy_request("https://google.com")
+
+    def test_proxy_rejects_non_hf_space_urls(self):
+        """Proxy should reject non-.hf.space URLs even if they are in proxy_urls,
+        to prevent SSRF via malicious proxy_url injection in configs."""
+        app = routes.App()
+        interface = gr.Interface(lambda x: x, "text", "text")
+        interface.proxy_urls = {
+            "https://gradio-tests-test-loading-examples-private.hf.space",
+            "http://169.254.169.254",
+            "http://internal-service.local",
+        }
+        app.configure_app(interface)
+        # .hf.space URL should work
+        app.build_proxy_request(
+            "https://gradio-tests-test-loading-examples-private.hf.space/file=Bunny.obj"
+        )
+        # AWS metadata endpoint should be blocked
+        with pytest.raises(PermissionError):
+            app.build_proxy_request(
+                "http://169.254.169.254/latest/meta-data/iam/security-credentials/"
+            )
+        # Internal service should be blocked
+        with pytest.raises(PermissionError):
+            app.build_proxy_request("http://internal-service.local/admin")
+
+    def test_can_get_config_that_includes_non_pickle_able_objects(self):
+        my_dict = {"a": 1, "b": 2, "c": 3}
+        with Blocks() as demo:
+            gr.JSON(my_dict.keys())  # type: ignore
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.get("/")
+        assert response.is_success
+        response = client.get("/config/")
+        assert response.is_success
+
+    def test_default_cors_restrictions(self):
+        io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+        app, _, _ = io.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        custom_headers = {
+            "host": "localhost:7860",
+            "origin": "https://example.com",
+        }
+        file_response = client.get(f"{API_PREFIX}/config", headers=custom_headers)
+        assert "access-control-allow-origin" not in file_response.headers
+
+        custom_headers = {
+            "host": "localhost:7860",
+            "origin": "null",
+        }
+        file_response = client.get(f"{API_PREFIX}/config", headers=custom_headers)
+        assert "access-control-allow-origin" not in file_response.headers
+
+        custom_headers = {
+            "host": "localhost:7860",
+            "origin": "127.0.0.1",
+        }
+        file_response = client.get(f"{API_PREFIX}/config", headers=custom_headers)
+        assert file_response.headers["access-control-allow-origin"] == "127.0.0.1"
+
+        io.close()
+
+    def test_loose_cors_restrictions(self):
+        io = gr.Interface(lambda s: s.name, gr.File(), gr.File())
+        app, _, _ = io.launch(prevent_thread_lock=True, strict_cors=False)
+        client = TestClient(app)
+        custom_headers = {
+            "host": "localhost:7860",
+            "origin": "https://example.com",
+        }
+        file_response = client.get(f"{API_PREFIX}/config", headers=custom_headers)
+        assert "access-control-allow-origin" not in file_response.headers
+
+        custom_headers = {
+            "host": "localhost:7860",
+            "origin": "null",
+        }
+        file_response = client.get(f"{API_PREFIX}/config", headers=custom_headers)
+        assert file_response.headers["access-control-allow-origin"] == "null"
+
+        io.close()
+
+    @pytest.mark.flaky
+    @pytest.mark.parametrize(
+        "url,allowed",
+        [
+            (
+                "https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/bread_small.png",
+                True,
+            ),
+            (
+                "https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/media_assets/images/cheetah1.jpg",
+                True,
+            ),
+            ("http://169.254.169.254/latest/meta-data/", False),
+            ("http://127.0.0.1:22/", False),
+            ("http://10.0.0.1/admin", False),
+        ],
+    )
+    def test_file_endpoint_ssrf_protection(self, url, allowed):
+        io = gr.Interface(lambda s: s, gr.Textbox(), gr.Textbox())
+        app = routes.App.create_app(io)
+        client = TestClient(app)
+
+        resp = client.get(f"{API_PREFIX}/file={url}", follow_redirects=False)
+        if allowed:
+            assert resp.status_code == 200
+            assert resp.content
+        else:
+            assert resp.status_code == 403
+            assert "location" not in resp.headers
+
+    def test_delete_cache(self, connect, gradio_temp_dir, capsys):
+        def check_num_files_exist(blocks: Blocks):
+            num_files = 0
+            for temp_file_set in blocks.temp_file_sets:
+                for temp_file in temp_file_set:
+                    if os.path.exists(temp_file):
+                        num_files += 1
+            return num_files
+
+        demo = gr.Interface(lambda s: s, gr.Textbox(), gr.File(), delete_cache=None)
+        with connect(demo) as client:
+            client.predict("test/test_files/cheetah1.jpg")
+        assert check_num_files_exist(demo) == 1
+
+        demo_delete = gr.Interface(
+            lambda s: s, gr.Textbox(), gr.File(), delete_cache=(60, 30)
+        )
+        with connect(demo_delete) as client:
+            client.predict("test/test_files/alphabet.txt")
+            client.predict("test/test_files/bus.png")
+            assert check_num_files_exist(demo_delete) == 2
+        assert check_num_files_exist(demo_delete) == 0
+        assert check_num_files_exist(demo) == 1
+
+        @asynccontextmanager
+        async def mylifespan(app: FastAPI):
+            print("IN CUSTOM LIFESPAN")
+            yield
+            print("AFTER CUSTOM LIFESPAN")
+
+        demo_custom_lifespan = gr.Interface(
+            lambda s: s, gr.Textbox(), gr.File(), delete_cache=(5, 1)
+        )
+
+        with connect(
+            demo_custom_lifespan, app_kwargs={"lifespan": mylifespan}
+        ) as client:
+            client.predict("test/test_files/alphabet.txt")
+        assert check_num_files_exist(demo_custom_lifespan) == 0
+        captured = capsys.readouterr()
+        assert "IN CUSTOM LIFESPAN" in captured.out
+        assert "AFTER CUSTOM LIFESPAN" in captured.out
+
+    def test_monitoring_link(self):
+        with Blocks() as demo:
+            i = Textbox()
+            o = Textbox()
+            i.change(lambda x: x, i, o)
+
+        app, _, _ = demo.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        response = client.get("/monitoring")
+        assert response.status_code == 200
+
+    def test_monitoring_link_disabled(self):
+        with Blocks() as demo:
+            i = Textbox()
+            o = Textbox()
+            i.change(lambda x: x, i, o)
+
+        app, _, _ = demo.launch(prevent_thread_lock=True, enable_monitoring=False)
+        client = TestClient(app)
+        response = client.get("/monitoring")
+        assert response.status_code == 403
+
+
+def test_api_listener(connect):
+    with gr.Blocks() as demo:
+
+        def fn(a: int, b: int, c: str) -> tuple[int, str]:
+            return a + b, c[a:b]
+
+        gr.api(fn, api_name="addition")
+
+    with connect(demo) as client:
+        assert client.predict(a=1, b=3, c="testing", api_name="/addition") == (4, "es")
+
+
+class TestApp:
+    def test_create_app(self):
+        app = routes.App.create_app(Interface(lambda x: x, "text", "text"))
+        assert isinstance(app, FastAPI)
+
+    def test_create_app_debug_default_is_false(self):
+        app = routes.App.create_app(Interface(lambda x: x, "text", "text"))
+        assert app.debug is False
+
+    def test_create_app_debug_flag_forwarded(self):
+        app = routes.App.create_app(Interface(lambda x: x, "text", "text"), debug=True)
+        assert app.debug is True
+
+
+class TestAuthenticatedRoutes:
+    def test_post_login(self):
+        io = Interface(lambda x: x, "text", "text")
+        app, _, _ = io.launch(
+            auth=("test", "correct_password"),
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+
+        response = client.post(
+            "/login",
+            data={"username": "test", "password": "correct_password"},
+        )
+        assert response.status_code == 200
+
+        response = client.post(
+            "/login",
+            data={"username": "test", "password": "incorrect_password"},
+        )
+        assert response.status_code == 400
+
+        client.post(
+            "/login",
+            data={"username": "test", "password": "correct_password"},
+        )
+        response = client.post(
+            "/login",
+            data={"username": " test ", "password": "correct_password"},
+        )
+        assert response.status_code == 200
+
+    def test_logout(self):
+        io = Interface(lambda x: x, "text", "text", api_name="predict")
+        app, _, _ = io.launch(
+            auth=("test", "correct_password"),
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+
+        client.post(
+            "/login",
+            data={"username": "test", "password": "correct_password"},
+        )
+
+        response = client.post(
+            f"{API_PREFIX}/run/predict",
+            json={"data": ["test"]},
+        )
+        assert response.status_code == 200
+
+        response = client.get("/logout")
+
+        response = client.post(
+            "{API_PREFIX}/run/predict",
+            json={"data": ["test"]},
+        )
+        assert response.status_code == 404
+
+    def test_monitoring_route(self):
+        io = Interface(lambda x: x, "text", "text")
+        app, _, _ = io.launch(
+            auth=("test", "correct_password"),
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+        client.post(
+            "/login",
+            data={"username": "test", "password": "correct_password"},
+        )
+
+        response = client.get(
+            "/monitoring",
+        )
+        assert response.status_code == 200
+
+        response = client.get("/logout")
+
+        response = client.get(
+            "/monitoring",
+        )
+        assert response.status_code == 401
+
+
+class TestQueueRoutes:
+    @pytest.mark.asyncio
+    async def test_queue_join_routes_sets_app_if_none_set(self):
+        io = Interface(lambda x: x, "text", "text").queue()
+        io.launch(prevent_thread_lock=True)
+        assert io.local_url
+        client = grc.Client(io.local_url)
+        client.predict("test")
+
+        assert io._queue.server_app == io.server_app
+
+
+class TestDevMode:
+    def test_mount_gradio_app_set_dev_mode_false(self):
+        app = FastAPI()
+
+        @app.get(f"{API_PREFIX}/")
+        def read_main():
+            return {"message": "Hello!"}
+
+        with gr.Blocks() as blocks:
+            gr.Textbox("Hello from gradio!")
+
+        app = routes.mount_gradio_app(app, blocks, path=f"{API_PREFIX}/gradio")
+        gradio_fast_api = next(
+            route for route in app.routes if isinstance(route, starlette.routing.Mount)
+        )
+        assert not gradio_fast_api.app.blocks.dev_mode  # type: ignore
+
+
+class TestPassingRequest:
+    def test_request_included_with_interface(self):
+        def identity(name, request: gr.Request):
+            assert isinstance(request.client.host, str)
+            return name
+
+        app, _, _ = gr.Interface(
+            identity, "textbox", "textbox", api_name="predict"
+        ).launch(
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/predict/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test"]
+
+    def test_request_included_with_chat_interface(self):
+        def identity(x, y, request: gr.Request):
+            assert isinstance(request.client.host, str)
+            return x
+
+        app, _, _ = gr.ChatInterface(identity, api_name="chat").launch(
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/chat/", json={"data": ["test", None]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test", None]
+
+    def test_request_included_with_chat_interface_when_streaming(self):
+        def identity(x, y, request: gr.Request):
+            assert isinstance(request.client.host, str)
+            for i in range(len(x)):
+                yield x[: i + 1]
+
+        app, _, _ = (
+            gr.ChatInterface(identity, api_name="chat")
+            .queue(api_open=True)
+            .launch(
+                prevent_thread_lock=True,
+            )
+        )
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/chat/", json={"data": ["test", None]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["t", None]
+
+    def test_request_get_headers(self):
+        def identity(name, request: gr.Request):
+            assert isinstance(request.headers["user-agent"], str)
+            assert isinstance(request.headers.items(), list)
+            assert isinstance(request.headers.keys(), list)
+            assert isinstance(request.headers.values(), list)
+            assert isinstance(dict(request.headers), dict)
+            user_agent = request.headers["user-agent"]
+            assert "testclient" in user_agent
+            return name
+
+        app, _, _ = gr.Interface(
+            identity, "textbox", "textbox", api_name="predict"
+        ).launch(
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/predict/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test"]
+
+    def test_request_includes_username_as_none_if_no_auth(self):
+        def identity(name, request: gr.Request):
+            assert request.username is None
+            return name
+
+        app, _, _ = gr.Interface(
+            identity, "textbox", "textbox", api_name="predict"
+        ).launch(
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/predict/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test"]
+
+    def test_request_includes_username_with_auth(self):
+        def identity(name, request: gr.Request):
+            assert request.username == "admin"
+            return name
+
+        app, _, _ = gr.Interface(
+            identity, "textbox", "textbox", api_name="predict"
+        ).launch(prevent_thread_lock=True, auth=("admin", "password"))
+        client = TestClient(app)
+
+        client.post(
+            "/login",
+            data={"username": "admin", "password": "password"},
+        )
+        response = client.post(f"{API_PREFIX}/api/predict/", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test"]
+
+    def test_request_is_pickleable(self):
+        """
+        For ZeroGPU, we need to ensure that the gr.Request object is pickle-able.
+        """
+
+        def identity(name, request: gr.Request):
+            pickled = pickle.dumps(request)
+            unpickled = pickle.loads(pickled)
+            assert request.client.host == unpickled.client.host
+            assert request.client.port == unpickled.client.port
+            assert dict(request.query_params) == dict(unpickled.query_params)
+            assert request.query_params["a"] == unpickled.query_params["a"]
+            assert dict(request.headers) == dict(unpickled.headers)
+            assert request.username == unpickled.username
+            return name
+
+        app, _, _ = gr.Interface(
+            identity, "textbox", "textbox", api_name="predict"
+        ).launch(
+            prevent_thread_lock=True,
+        )
+        client = TestClient(app)
+
+        response = client.post(f"{API_PREFIX}/api/predict?a=b", json={"data": ["test"]})
+        assert response.status_code == 200
+        output = dict(response.json())
+        assert output["data"] == ["test"]
+
+
+def test_predict_route_is_blocked_if_api_open_false():
+    io = Interface(
+        lambda x: x, "text", "text", examples=[["freddy"]], api_name="predict"
+    ).queue(api_open=False)
+    app, _, _ = io.launch(prevent_thread_lock=True)
+    assert "api" in (io.footer_links or [])
+    assert io.api_visibility == "public"
+    client = TestClient(app)
+    result = client.post(
+        f"{API_PREFIX}/api/predict",
+        json={"fn_index": 0, "data": [5], "session_hash": "foo"},
+    )
+    assert result.status_code == 404
+
+
+def test_predict_route_not_blocked_if_queue_disabled():
+    with Blocks() as demo:
+        input = Textbox()
+        output = Textbox()
+        number = Number()
+        button = Button()
+        button.click(
+            lambda x: f"Hello, {x}!", input, output, queue=False, api_name="not_blocked"
+        )
+        button.click(lambda: 42, None, number, queue=True, api_name="blocked")
+    app, _, _ = demo.queue(api_open=False).launch(prevent_thread_lock=True)
+    assert "api" in (demo.footer_links or [])
+    client = TestClient(app)
+
+    result = client.post(
+        f"{API_PREFIX}/api/blocked", json={"data": [], "session_hash": "foo"}
+    )
+    assert result.status_code == 404
+    result = client.post(
+        f"{API_PREFIX}/api/not_blocked",
+        json={"data": ["freddy"], "session_hash": "foo"},
+    )
+    assert result.status_code == 200
+    assert result.json()["data"] == ["Hello, freddy!"]
+
+
+def test_predict_route_not_blocked_if_routes_open():
+    with Blocks() as demo:
+        input = Textbox()
+        output = Textbox()
+        button = Button()
+        button.click(
+            lambda x: f"Hello, {x}!", input, output, queue=True, api_name="not_blocked"
+        )
+    app, _, _ = demo.queue(api_open=True).launch(
+        prevent_thread_lock=True, footer_links=["gradio", "settings"]
+    )
+    assert "api" not in (demo.footer_links or [])
+    client = TestClient(app)
+
+    result = client.post(
+        f"{API_PREFIX}/api/not_blocked",
+        json={"data": ["freddy"], "session_hash": "foo"},
+    )
+    assert result.status_code == 200
+    assert result.json()["data"] == ["Hello, freddy!"]
+
+    demo.close()
+    demo.queue(api_open=False).launch(
+        prevent_thread_lock=True, footer_links=["gradio", "settings"]
+    )
+    assert "api" not in (demo.footer_links or [])
+
+
+def test_show_api_queue_not_enabled():
+    io = Interface(lambda x: x, "text", "text", examples=[["freddy"]])
+    app, _, _ = io.launch(prevent_thread_lock=True)
+    assert io.api_visibility == "public"
+    assert "api" in (io.footer_links or [])
+    io.close()
+    io.launch(prevent_thread_lock=True, footer_links=["gradio", "settings"])
+    assert "api" not in (io.footer_links or [])
+
+
+def test_config_show_api_reflects_launch_flag():
+    with gr.Blocks() as demo:
+        gr.Markdown("Hello")
+
+    app, _, _ = demo.launch(
+        prevent_thread_lock=True, footer_links=["gradio", "settings"]
+    )
+    client = TestClient(app)
+    config = client.get("/config").json()
+    assert config["footer_links"] == ["gradio", "settings"]
+    demo.close()
+
+    app, _, _ = demo.launch(
+        prevent_thread_lock=True, footer_links=["gradio", "settings"]
+    )
+    client = TestClient(app)
+    config = client.get("/config").json()
+    assert config["footer_links"] == ["gradio", "settings"]
+    demo.close()
+
+
+def test_config_show_api_reflects_mount_flag():
+    app = FastAPI()
+    with gr.Blocks() as demo:
+        gr.Markdown("Hello")
+
+    gr.mount_gradio_app(app, demo, path="/gr", footer_links=["gradio", "settings"])
+    client = TestClient(app)
+    config = client.get("/gr/config").json()
+    assert config["footer_links"] == ["gradio", "settings"]
+
+
+def test_empty_footer_links():
+    with gr.Blocks() as demo:
+        gr.Markdown("Hello")
+    try:
+        app, _, _ = demo.launch(prevent_thread_lock=True, footer_links=[])
+        client = TestClient(app)
+        config = client.get("/config").json()
+        assert config["footer_links"] == []
+    finally:
+        demo.close()
+    with gr.Blocks() as demo:
+        gr.Markdown("Hello")
+
+    app, _, _ = demo.launch(prevent_thread_lock=True, footer_links=[])
+    client = TestClient(app)
+    config = client.get("/config").json()
+    assert config["footer_links"] == []
+    demo.close()
+
+
+def test_orjson_serialization():
+    df = pd.DataFrame(
+        {
+            "date_1": pd.date_range("2021-01-01", periods=2),
+            "date_2": pd.date_range("2022-02-15", periods=2).strftime("%B %d, %Y, %r"),
+            "number": np.array([0.2233, 0.57281]),
+            "number_2": np.array([84, 23]).astype(np.int64),
+            "bool": [True, False],
+            "markdown": ["# Hello", "# Goodbye"],
+        }
+    )
+
+    with gr.Blocks() as demo:
+        gr.DataFrame(df)
+    app, _, _ = demo.launch(prevent_thread_lock=True)
+    test_client = TestClient(app)
+    response = test_client.get("/")
+    assert response.status_code == 200
+    demo.close()
+
+
+def test_api_name_set_for_all_events(connect):
+    with gr.Blocks() as demo:
+        i = Textbox()
+        o = Textbox()
+        btn = Button()
+        btn1 = Button()
+        btn2 = Button()
+        btn3 = Button()
+        btn4 = Button()
+        btn5 = Button()
+        btn6 = Button()
+        btn7 = Button()
+        btn8 = Button()
+
+        def greet(i):
+            return "Hello " + i
+
+        def goodbye(i):
+            return "Goodbye " + i
+
+        def greet_me(i):
+            return "Hello"
+
+        def say_goodbye(i):
+            return "Goodbye"
+
+        say_goodbye.__name__ = "Say_$$_goodbye"
+
+        # Otherwise changed by ruff
+        foo = lambda s: s  # noqa
+
+        def foo2(s):
+            return s + " foo"
+
+        foo2.__name__ = "foo-2"
+
+        class Callable:
+            def __call__(self, a) -> str:
+                return "From __call__"
+
+        def from_partial(a, b):
+            return b + a
+
+        part = functools.partial(from_partial, b="From partial: ")
+
+        btn.click(greet, i, o)
+        btn1.click(goodbye, i, o)
+        btn2.click(greet_me, i, o)
+        btn3.click(say_goodbye, i, o)
+        btn4.click(None, i, o)
+        btn5.click(foo, i, o)
+        btn6.click(foo2, i, o)
+        btn7.click(Callable(), i, o)
+        btn8.click(part, i, o)
+
+    with closing(demo) as io:
+        app, _, _ = io.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        assert client.post(
+            f"{API_PREFIX}/api/greet", json={"data": ["freddy"], "session_hash": "foo"}
+        ).json()["data"] == ["Hello freddy"]
+        assert client.post(
+            f"{API_PREFIX}/api/goodbye",
+            json={"data": ["freddy"], "session_hash": "foo"},
+        ).json()["data"] == ["Goodbye freddy"]
+        assert client.post(
+            f"{API_PREFIX}/api/greet_me",
+            json={"data": ["freddy"], "session_hash": "foo"},
+        ).json()["data"] == ["Hello"]
+        assert client.post(
+            f"{API_PREFIX}/api/Say__goodbye",
+            json={"data": ["freddy"], "session_hash": "foo"},
+        ).json()["data"] == ["Goodbye"]
+        assert client.post(
+            f"{API_PREFIX}/api/lambda", json={"data": ["freddy"], "session_hash": "foo"}
+        ).json()["data"] == ["freddy"]
+        assert client.post(
+            f"{API_PREFIX}/api/foo-2", json={"data": ["freddy"], "session_hash": "foo"}
+        ).json()["data"] == ["freddy foo"]
+        assert client.post(
+            f"{API_PREFIX}/api/Callable",
+            json={"data": ["freddy"], "session_hash": "foo"},
+        ).json()["data"] == ["From __call__"]
+        assert client.post(
+            f"{API_PREFIX}/api/partial",
+            json={"data": ["freddy"], "session_hash": "foo"},
+        ).json()["data"] == ["From partial: freddy"]
+        with pytest.raises(FnIndexInferError):
+            client.post(
+                f"{API_PREFIX}/api/Say_goodbye",
+                json={"data": ["freddy"], "session_hash": "foo"},
+            )
+
+    with connect(demo) as client:
+        assert client.predict("freddy", api_name="/greet") == "Hello freddy"
+        assert client.predict("freddy", api_name="/goodbye") == "Goodbye freddy"
+        assert client.predict("freddy", api_name="/greet_me") == "Hello"
+        assert client.predict("freddy", api_name="/Say__goodbye") == "Goodbye"
+
+
+def test_component_server_endpoints(connect):
+    here = os.path.dirname(os.path.abspath(__file__))
+    with gr.Blocks() as demo:
+        file_explorer = gr.FileExplorer(root_dir=here)
+
+    with closing(demo) as io:
+        app, _, _ = io.launch(prevent_thread_lock=True)
+        client = TestClient(app)
+        success_req = client.post(
+            f"{API_PREFIX}/component_server/",
+            json={
+                "session_hash": "123",
+                "component_id": file_explorer._id,
+                "fn_name": "ls",
+                "data": None,
+            },
+        )
+        assert success_req.status_code == 200
+        assert len(success_req.json()) > 0
+        fail_req = client.post(
+            f"{API_PREFIX}/component_server/",
+            json={
+                "session_hash": "123",
+                "component_id": file_explorer._id,
+                "fn_name": "preprocess",
+                "data": None,
+            },
+        )
+        assert fail_req.status_code == 404
+
+
+@pytest.mark.parametrize(
+    "request_url, route_path, root_path, expected_root_url",
+    [
+        (
+            f"http://localhost:7860/{API_PREFIX}",
+            f"{API_PREFIX}/",
+            None,
+            "http://localhost:7860",
+        ),
+        (
+            f"http://localhost:7860/{API_PREFIX}/demo/test",
+            f"{API_PREFIX}/demo/test",
+            None,
+            "http://localhost:7860",
+        ),
+        (
+            f"http://localhost:7860/{API_PREFIX}/demo/test?query=1",
+            f"{API_PREFIX}/demo/test",
+            None,
+            "http://localhost:7860",
+        ),
+        (
+            f"http://localhost:7860/{API_PREFIX}/demo/test?query=1",
+            f"{API_PREFIX}/demo/test/",
+            "/gradio",
+            "http://localhost:7860/gradio",
+        ),
+        (
+            "http://localhost:7860/demo/test?query=1",
+            "/demo/test",
+            "/gradio/",
+            "http://localhost:7860/gradio",
+        ),
+        (
+            "https://localhost:7860/demo/test?query=1",
+            "/demo/test",
+            "/gradio/",
+            "https://localhost:7860/gradio",
+        ),
+        (
+            "https://www.gradio.app/playground/",
+            f"{API_PREFIX}/",
+            "/playground",
+            "https://www.gradio.app/playground",
+        ),
+        (
+            "https://www.gradio.app/playground/",
+            f"{API_PREFIX}/",
+            "http://www.gradio.app/",
+            "http://www.gradio.app",
+        ),
+    ],
+)
+def test_get_root_url(
+    request_url: str, route_path: str, root_path: str, expected_root_url: str
+):
+    scope = {
+        "type": "http",
+        "headers": [],
+        "path": request_url,
+    }
+    request = Request(scope)
+    assert get_root_url(request, route_path, root_path) == expected_root_url
+
+
+@pytest.mark.parametrize(
+    "headers, root_path, route_path, expected_root_url",
+    [
+        ({}, "/gradio/", "/", "http://gradio.app/gradio"),
+        (
+            {"x-forwarded-proto": "http"},
+            "/gradio/",
+            "/",
+            "http://gradio.app/gradio",
+        ),
+        (
+            {"x-forwarded-proto": "https"},
+            "/gradio/",
+            "/",
+            "https://gradio.app/gradio",
+        ),
+        (
+            {"x-forwarded-host": "gradio.dev"},
+            "/gradio/",
+            "/",
+            "http://gradio.dev/gradio",
+        ),
+        (
+            {"x-forwarded-host": "gradio.dev"},
+            "/gradio/",
+            "/config",
+            "http://gradio.dev/gradio",
+        ),
+        (
+            {"x-forwarded-host": "gradio.dev", "x-forwarded-proto": "https"},
+            "/",
+            "/",
+            "https://gradio.dev",
+        ),
+        (
+            {
+                "x-forwarded-host": "gradio.dev,internal.gradio.dev",
+                "x-forwarded-proto": "https,http",
+            },
+            "/",
+            "/",
+            "https://gradio.dev",
+        ),
+        (
+            {"x-forwarded-host": "gradio.dev", "x-forwarded-proto": "https"},
+            "http://google.com",
+            "/",
+            "http://google.com",
+        ),
+    ],
+)
+def test_get_root_url_headers(
+    headers: dict[str, str], root_path: str, route_path: str, expected_root_url: str
+):
+    scope = {
+        "type": "http",
+        "headers": [(k.encode(), v.encode()) for k, v in headers.items()],
+        "path": "http://gradio.app",
+    }
+    request = Request(scope)
+    assert get_root_url(request, route_path, root_path) == expected_root_url
+
+
+class TestSimpleAPIRoutes:
+    def get_demo(self):
+        with Blocks() as demo:
+            input = Textbox()
+            output = Textbox()
+            output2 = Textbox()
+
+            def fn_1(x):
+                return f"Hello, {x}!"
+
+            def fn_2(x):
+                for i in range(len(x)):
+                    time.sleep(0.5)
+                    yield f"Hello, {x[: i + 1]}!"
+                if len(x) < 3:
+                    raise ValueError("Small input")
+
+            def fn_3():
+                return "a", "b"
+
+            btn1, btn2, btn3 = Button(), Button(), Button()
+            btn1.click(fn_1, input, output, api_name="fn1")
+            btn2.click(fn_2, input, output2, api_name="fn2")
+            btn3.click(fn_3, None, [output, output2], api_name="fn3")
+        return demo
+
+    def test_successful_simple_route(self):
+        demo = self.get_demo()
+        demo.launch(prevent_thread_lock=True)
+
+        response = requests.post(
+            f"{demo.local_api_url}call/fn1", json={"data": ["world"]}
+        )
+
+        assert response.status_code == 200, "Failed to call fn1"
+        response = response.json()
+        event_id = response["event_id"]
+
+        output = []
+        response = requests.get(f"{demo.local_api_url}call/fn1/{event_id}", stream=True)
+
+        for line in response.iter_lines():
+            if line:
+                output.append(line.decode("utf-8"))
+
+        assert output == ["event: complete", 'data: ["Hello, world!"]']
+
+        response = requests.post(f"{demo.local_api_url}call/fn3", json={"data": []})
+
+        assert response.status_code == 200, "Failed to call fn3"
+        response = response.json()
+        event_id = response["event_id"]
+
+        output = []
+        response = requests.get(f"{demo.local_api_url}call/fn3/{event_id}", stream=True)
+
+        for line in response.iter_lines():
+            if line:
+                output.append(line.decode("utf-8"))
+
+        assert output == ["event: complete", 'data: ["a", "b"]']
+
+    def test_generative_simple_route(self):
+        demo = self.get_demo()
+        demo.launch(prevent_thread_lock=True)
+
+        response = requests.post(
+            f"{demo.local_api_url}call/fn2", json={"data": ["world"]}
+        )
+
+        assert response.status_code == 200, "Failed to call fn2"
+        response = response.json()
+        event_id = response["event_id"]
+
+        output = []
+        response = requests.get(f"{demo.local_api_url}call/fn2/{event_id}", stream=True)
+
+        for line in response.iter_lines():
+            if line:
+                output.append(line.decode("utf-8"))
+
+        assert output == [
+            "event: generating",
+            'data: ["Hello, w!"]',
+            "event: generating",
+            'data: ["Hello, wo!"]',
+            "event: generating",
+            'data: ["Hello, wor!"]',
+            "event: generating",
+            'data: ["Hello, worl!"]',
+            "event: generating",
+            'data: ["Hello, world!"]',
+            "event: complete",
+            'data: ["Hello, world!"]',
+        ]
+
+        response = requests.post(f"{demo.local_api_url}call/fn2", json={"data": ["w"]})
+
+        assert response.status_code == 200, "Failed to call fn2"
+        response = response.json()
+        event_id = response["event_id"]
+
+        output = []
+        response = requests.get(f"{demo.local_api_url}call/fn2/{event_id}", stream=True)
+
+        for line in response.iter_lines():
+            if line:
+                output.append(line.decode("utf-8"))
+
+        assert output == [
+            "event: generating",
+            'data: ["Hello, w!"]',
+            "event: error",
+            f"data: {json.dumps({'error': None})}",
+        ]
+
+
+class TestCurlEndpointWithFiles:
+    @pytest.mark.serial
+    def test_image_to_image(self):
+        def invert(img):
+            return 255 - img
+
+        demo = gr.Interface(invert, gr.Image(), gr.Image(), api_name="predict")
+        demo.launch(prevent_thread_lock=True)
+        try:
+            with open("test/test_files/bus.png", "rb") as f:
+                upload_resp = requests.post(
+                    f"{demo.local_api_url}upload", files={"files": f}
+                )
+            assert upload_resp.status_code == 200
+            uploaded_path = upload_resp.json()[0]
+
+            post_resp = requests.post(
+                f"{demo.local_api_url}call/v2/predict",
+                json={
+                    "img": {
+                        "path": uploaded_path,
+                        "meta": {"_type": "gradio.FileData"},
+                    }
+                },
+            )
+            assert post_resp.status_code == 200
+            event_id = post_resp.json()["event_id"]
+
+            output = []
+            sse_resp = requests.get(
+                f"{demo.local_api_url}call/predict/{event_id}", stream=True
+            )
+            for line in sse_resp.iter_lines():
+                if line:
+                    output.append(line.decode("utf-8"))
+
+            assert len(output) == 2
+            assert output[0] == "event: complete"
+            data = json.loads(output[1].removeprefix("data: "))
+            assert isinstance(data, list) and len(data) == 1
+            assert "url" in data[0]
+        finally:
+            demo.close()
+
+    @pytest.mark.serial
+    def test_text_to_image(self):
+        def generate(prompt):
+            return np.zeros((64, 64, 3), dtype=np.uint8)
+
+        demo = gr.Interface(generate, gr.Textbox(), gr.Image(), api_name="predict")
+        demo.launch(prevent_thread_lock=True)
+        try:
+            post_resp = requests.post(
+                f"{demo.local_api_url}call/v2/predict",
+                json={"prompt": "a cat"},
+            )
+            assert post_resp.status_code == 200
+            event_id = post_resp.json()["event_id"]
+
+            output = []
+            sse_resp = requests.get(
+                f"{demo.local_api_url}call/predict/{event_id}", stream=True
+            )
+            for line in sse_resp.iter_lines():
+                if line:
+                    output.append(line.decode("utf-8"))
+
+            assert len(output) == 2
+            assert output[0] == "event: complete"
+            data = json.loads(output[1].removeprefix("data: "))
+            assert isinstance(data, list) and len(data) == 1
+            assert "url" in data[0]
+        finally:
+            demo.close()
+
+    @pytest.mark.serial
+    def test_image_to_image_exception_reported_in_sse(self):
+        def fail_fn(img):
+            raise ValueError("Image processing failed!")
+
+        demo = gr.Interface(fail_fn, gr.Image(), gr.Image(), api_name="predict")
+        demo.launch(prevent_thread_lock=True)
+        try:
+            with open("test/test_files/bus.png", "rb") as f:
+                upload_resp = requests.post(
+                    f"{demo.local_api_url}upload", files={"files": f}
+                )
+            uploaded_path = upload_resp.json()[0]
+
+            post_resp = requests.post(
+                f"{demo.local_api_url}call/v2/predict",
+                json={
+                    "img": {
+                        "path": uploaded_path,
+                        "meta": {"_type": "gradio.FileData"},
+                    }
+                },
+            )
+            event_id = post_resp.json()["event_id"]
+
+            output = []
+            sse_resp = requests.get(
+                f"{demo.local_api_url}call/predict/{event_id}", stream=True
+            )
+            for line in sse_resp.iter_lines():
+                if line:
+                    output.append(line.decode("utf-8"))
+
+            data = {"error": None}
+            assert output[0] == "event: error"
+            assert output[1] == f"data: {json.dumps(data)}"
+        finally:
+            demo.close()
+
+    @pytest.mark.serial
+    def test_text_to_image_exception_reported_in_sse(self):
+        def fail_fn(prompt):
+            raise RuntimeError("Generation exploded!")
+
+        demo = gr.Interface(fail_fn, gr.Textbox(), gr.Image(), api_name="predict")
+        demo.launch(prevent_thread_lock=True)
+        try:
+            post_resp = requests.post(
+                f"{demo.local_api_url}call/v2/predict",
+                json={"prompt": "a cat"},
+            )
+            event_id = post_resp.json()["event_id"]
+
+            output = []
+            sse_resp = requests.get(
+                f"{demo.local_api_url}call/predict/{event_id}", stream=True
+            )
+            for line in sse_resp.iter_lines():
+                if line:
+                    output.append(line.decode("utf-8"))
+            data = {"error": None}
+            assert output[0] == "event: error"
+            assert output[1] == f"data: {json.dumps(data)}"
+        finally:
+            demo.close()
+
+    @pytest.mark.serial
+    def test_gr_error_reported_in_sse(self):
+        def fail_fn(prompt):
+            raise gr.Error("Custom user-facing error message")
+
+        demo = gr.Interface(fail_fn, gr.Textbox(), gr.Image(), api_name="predict")
+        demo.launch(prevent_thread_lock=True)
+        try:
+            post_resp = requests.post(
+                f"{demo.local_api_url}call/v2/predict",
+                json={"prompt": "a cat"},
+            )
+            event_id = post_resp.json()["event_id"]
+
+            output = []
+            sse_resp = requests.get(
+                f"{demo.local_api_url}call/predict/{event_id}", stream=True
+            )
+            for line in sse_resp.iter_lines():
+                if line:
+                    output.append(line.decode("utf-8"))
+            data = {
+                "error": "Custom user-facing error message",
+                "duration": 10,
+                "visible": True,
+                "title": "Error",
+            }
+            assert output[0] == "event: error"
+            assert output[1] == f"data: {json.dumps(data)}"
+        finally:
+            demo.close()
+
+    @pytest.mark.serial
+    def test_gr_error_reported_in_iterator_sse(self):
+        def fail_fn(prompt):
+            yield "Foo"
+            raise gr.Error("Custom iterator message")
+            yield "Bar"
+
+        demo = gr.Interface(fail_fn, gr.Textbox(), gr.Textbox(), api_name="predict")
+        demo.launch(prevent_thread_lock=True)
+        try:
+            post_resp = requests.post(
+                f"{demo.local_api_url}call/v2/predict",
+                json={"prompt": "a cat"},
+            )
+            event_id = post_resp.json()["event_id"]
+
+            output = []
+            sse_resp = requests.get(
+                f"{demo.local_api_url}call/predict/{event_id}", stream=True
+            )
+            for line in sse_resp.iter_lines():
+                if line:
+                    output.append(line.decode("utf-8"))
+            data = {
+                "error": "Custom iterator message",
+                "duration": 10,
+                "visible": True,
+                "title": "Error",
+            }
+            assert output[-2] == "event: error"
+            assert output[-1] == f"data: {json.dumps(data)}"
+        finally:
+            demo.close()
+
+
+def test_compare_passwords_securely():
+    password1 = "password"
+    password2 = "pässword"
+    assert compare_passwords_securely(password1, password1)
+    assert not compare_passwords_securely(password1, password2)
+    assert compare_passwords_securely(password2, password2)
+
+
+@pytest.mark.parametrize(
+    "string, expected",
+    [
+        ("http://localhost:7860/", True),
+        ("https://localhost:7860/", True),
+        ("ftp://localhost:7860/", True),
+        ("smb://example.com", True),
+        ("ipfs://QmTzQ1Nj5R9BzF1djVQv8gvzZxVkJb1vhrLcXL1QyJzZE", True),
+        ("usr/local/bin", False),
+        ("localhost:7860", False),
+        ("localhost", False),
+        ("C:/Users/username", False),
+        ("//path", True),
+        ("\\\\path", True),
+        ("/usr/bin//test", False),
+        ("/\\10.0.225.200/share", True),
+        ("\\/10.0.225.200/share", True),
+        ("/home//user", False),
+        ("C:\\folder\\file", False),
+    ],
+)
+def test_starts_with_protocol(string, expected):
+    assert starts_with_protocol(string) == expected
+
+
+def test_max_file_size_used_in_upload_route(connect):
+    with gr.Blocks() as demo:
+        gr.Markdown("Max file size demo")
+
+    app, _, _ = demo.launch(prevent_thread_lock=True, max_file_size="1kb")
+    test_client = TestClient(app)
+    with open("test/test_files/cheetah1.jpg", "rb") as f:
+        r = test_client.post(f"{API_PREFIX}/upload", files={"files": f})
+        assert r.status_code == 413
+    with open("test/test_files/alphabet.txt", "rb") as f:
+        r = test_client.post(f"{API_PREFIX}/upload", files={"files": f})
+        assert r.status_code == 200
+
+
+def test_max_file_size_used_in_component_server_route(connect):
+    with gr.Blocks() as demo:
+        editor = gr.ImageEditor()
+
+    app, _, _ = demo.launch(prevent_thread_lock=True, max_file_size="1kb")
+    try:
+        test_client = TestClient(app)
+        data = {
+            "session_hash": "123",
+            "component_id": str(editor._id),
+            "fn_name": "accept_blobs",
+            "type": "background",
+            "index": "null",
+            "id": "abc",
+        }
+        r = test_client.post(
+            f"{API_PREFIX}/component_server/",
+            data=data,
+            files={"blob": ("big.bin", b"x" * 2048, "application/octet-stream")},
+        )
+        assert r.status_code == 413
+        r = test_client.post(
+            f"{API_PREFIX}/component_server/",
+            data=data,
+            files={"blob": ("small.bin", b"x" * 8, "application/octet-stream")},
+        )
+        assert r.status_code == 200
+    finally:
+        demo.close()
+
+
+def test_docs_url():
+    with gr.Blocks() as demo:
+        num = gr.Number(value=0)
+        button = gr.Button()
+        button.click(lambda n: n + 1, [num], [num])
+
+    app, _, _ = demo.launch(
+        app_kwargs={"docs_url": f"{API_PREFIX}/docs"}, prevent_thread_lock=True
+    )
+    try:
+        test_client = TestClient(app)
+        with test_client:
+            r = test_client.get(f"{API_PREFIX}/docs")
+            assert r.status_code == 200
+    finally:
+        demo.close()
+
+
+def test_file_access():
+    with gr.Blocks() as demo:
+        gr.Markdown("Test")
+
+    allowed_dir = (Path(tempfile.gettempdir()) / "test_file_access_dir").resolve()
+    allowed_dir.mkdir(parents=True, exist_ok=True)
+    allowed_file = Path(allowed_dir / "allowed.txt")
+    allowed_file.touch()
+
+    not_allowed_file = Path(tempfile.gettempdir()) / "not_allowed.txt"
+    not_allowed_file.touch()
+
+    app, _, _ = demo.launch(
+        prevent_thread_lock=True,
+        blocked_paths=["test/test_files"],
+        allowed_paths=[str(allowed_dir)],
+    )
+    test_client = TestClient(app)
+    try:
+        with test_client:
+            r = test_client.get(f"{API_PREFIX}/file={allowed_dir}/allowed.txt")
+            assert r.status_code == 200
+            r = test_client.get(f"{API_PREFIX}/file={allowed_dir}/../not_allowed.txt")
+            assert r.status_code in [403, 404]  # 403 in Linux, 404 in Windows
+            r = test_client.get(f"{API_PREFIX}/file=//test/test_files/cheetah1.jpg")
+            assert r.status_code == 403
+            r = test_client.get(f"{API_PREFIX}/file=test/test_files/cheetah1.jpg")
+            assert r.status_code == 403
+            r = test_client.get(f"{API_PREFIX}/file=//test/test_files/cheetah1.jpg")
+            assert r.status_code == 403
+            tmp = Path(tempfile.gettempdir()) / "upload_test.txt"
+            tmp.write_text("Hello")
+            with open(str(tmp), "rb") as f:
+                files = {"files": ("..", f)}
+                response = test_client.post(f"{API_PREFIX}/upload", files=files)
+                assert response.status_code == 400
+    finally:
+        demo.close()
+        not_allowed_file.unlink()
+        allowed_file.unlink()
+
+
+def test_bash_api_serialization():
+    demo = gr.Interface(lambda x: x, "json", "json", api_name="predict")
+
+    app, _, _ = demo.launch(prevent_thread_lock=True)
+    test_client = TestClient(app)
+
+    with test_client:
+        submit = test_client.post(
+            f"{API_PREFIX}/call/predict", json={"data": [{"a": 1}]}
+        )
+        event_id = submit.json()["event_id"]
+        response = test_client.get(f"{API_PREFIX}/call/predict/{event_id}")
+        assert response.status_code == 200
+        assert "event: complete\ndata:" in response.text
+        assert json.dumps({"a": 1}) in response.text
+
+
+def test_bash_api_multiple_inputs_outputs():
+    demo = gr.Interface(
+        lambda x, y: (y, x),
+        ["textbox", "number"],
+        ["number", "textbox"],
+        api_name="predict",
+    )
+
+    app, _, _ = demo.launch(prevent_thread_lock=True)
+    test_client = TestClient(app)
+
+    with test_client:
+        submit = test_client.post(
+            f"{API_PREFIX}/call/predict", json={"data": ["abc", 123]}
+        )
+        event_id = submit.json()["event_id"]
+        response = test_client.get(f"{API_PREFIX}/call/predict/{event_id}")
+        assert response.status_code == 200
+        assert "event: complete\ndata:" in response.text
+        assert json.dumps([123, "abc"]) in response.text
+
+
+def test_bash_api_uses_session_hash_for_stateful_calls():
+    def increment(message, button_value, count):
+        count = (count or 0) + 1
+        return f"{message}:{button_value}:{count}", count
+
+    with gr.Blocks() as demo:
+        textbox = gr.Textbox()
+        button = gr.Button("Go")
+        state = gr.State(0)
+        output = gr.Textbox()
+        textbox.submit(
+            increment, [textbox, button, state], [output, state], api_name="predict"
+        )
+
+    app, _, _ = demo.queue().launch(prevent_thread_lock=True, _frontend=False)
+    test_client = TestClient(app)
+
+    try:
+        with test_client:
+            for message, expected in [
+                ("first", "first:None:1"),
+                ("second", "second:None:2"),
+            ]:
+                submit = test_client.post(
+                    f"{API_PREFIX}/call/predict",
+                    json={"data": [message], "session_hash": "stateful-session"},
+                )
+                event_id = submit.json()["event_id"]
+                response = test_client.get(f"{API_PREFIX}/call/predict/{event_id}")
+                assert response.status_code == 200
+                assert "event: complete\ndata:" in response.text
+                assert json.dumps([expected, None]) in response.text
+    finally:
+        demo.close()
+
+
+def test_attacker_cannot_change_root_in_config(
+    attacker_threads=1, victim_threads=10, max_attempts=30
+):
+    def attacker(url):
+        """Simulates the attacker sending a request with a malicious header."""
+        for _ in range(max_attempts):
+            httpx.get(url + "config", headers={"X-Forwarded-Host": "evil"})
+
+    def victim(url, results):
+        """Simulates the victim making a normal request and checking the response."""
+        for _ in range(max_attempts):
+            res = httpx.get(url)
+            config = json.loads(
+                res.text.split("window.gradio_config =", 1)[1].split(";</script>", 1)[0]
+            )
+            if "evil" in config["root"]:
+                results.append(True)
+                return
+
+        results.append(False)
+
+    with gr.Blocks() as demo:
+        i1 = gr.Image("test/test_files/cheetah1.jpg")
+        t = gr.Textbox()
+        i2 = gr.Image()
+        t.change(lambda x: x, i1, i2)
+
+    _, url, _ = demo.launch(prevent_thread_lock=True)
+
+    threads = []
+    results = []
+
+    for _ in range(attacker_threads):
+        t_attacker = Thread(target=attacker, args=(url,))
+        threads.append(t_attacker)
+
+    for _ in range(victim_threads):
+        t_victim = Thread(
+            target=victim,
+            args=(
+                url,
+                results,
+            ),
+        )
+        threads.append(t_victim)
+
+    for t in threads:
+        t.start()
+
+    for t in threads:
+        t.join()
+
+    assert not any(results), "attacker was able to modify a victim's config root url"
+
+
+def test_file_without_meta_key_not_moved():
+    demo = gr.Interface(
+        fn=lambda s: str(s),
+        inputs=gr.File(type="binary"),
+        outputs="textbox",
+        api_name="predict",
+    )
+
+    app, _, _ = demo.launch(prevent_thread_lock=True)
+    test_client = TestClient(app)
+    try:
+        with test_client:
+            req = test_client.post(
+                "gradio_api/run/predict",
+                json={
+                    "data": [
+                        {
+                            "path": "test/test_files/alphabet.txt",
+                            "orig_name": "test.txt",
+                            "size": 4,
+                            "mime_type": "text/plain",
+                        }
+                    ]
+                },
+            )
+            assert req.status_code == 500
+    finally:
+        demo.close()
+
+
+def test_mount_gradio_app_args_match_launch_args():
+    """Test that all arguments in Blocks.launch() are also valid in mount_gradio_app()."""
+    # Get the parameters from both functions
+    launch_params = inspect.signature(gr.Blocks.launch).parameters
+    mount_params = inspect.signature(routes.mount_gradio_app).parameters
+
+    # Parameters that are intentionally not included in mount_gradio_app
+    exception_list = {
+        "inline",
+        "inbrowser",
+        "prevent_thread_lock",
+        "debug",
+        "quiet",
+        "height",
+        "width",
+        "ssl_keyfile",
+        "ssl_certfile",
+        "ssl_keyfile_password",
+        "ssl_verify",
+        "share",
+        "share_server_address",
+        "share_server_protocol",
+        "share_server_tls_certificate",
+        "state_session_capacity",
+        "_frontend",
+        "self",
+        "strict_cors",
+        "max_threads",
+        "i18n",
+        "_app",
+        "num_workers",
+    }
+
+    missing_params = []
+    for param_name in launch_params:
+        if param_name not in exception_list and param_name not in mount_params:
+            missing_params.append(param_name)
+
+    assert not missing_params, (
+        f"Parameters in launch() but missing in mount_gradio_app(): {missing_params}"
+    )
+
+
+@pytest.mark.parametrize(
+    "server, path",
+    [
+        # ASGI HTTP Connection Scope. Ref: https://asgi.readthedocs.io/en/latest/specs/www.html#http-connection-scopeg
+        (
+            None,  # 'server' is optional. Requests from Gradio-Lite will be this case.
+            f"{API_PREFIX}/queue/join",
+        ),
+        (("localhost", 7860), f"{API_PREFIX}/queue/join"),
+        (
+            ("localhost", 7860),
+            f"{API_PREFIX}/queue/join?__theme=dark",  # With query params.
+        ),
+        (
+            ("localhost", 7860),
+            f"{API_PREFIX}/queue/join?foo=bar&__theme=dark",  # With multiple query params.
+        ),
+        (
+            None,
+            f"http://localhost:7860{API_PREFIX}/queue/join?__theme=dark",  # Putting the server in the path may be invalid but we test it anyway.
+        ),
+    ],
+)
+def test_get_api_call_path_queue_join(server, path):
+    scope = {"type": "http", "headers": [], "server": server, "path": path}
+    request = Request(scope)
+
+    path = get_api_call_path(request)
+    assert path == f"{API_PREFIX}/queue/join"
+
+
+@pytest.mark.parametrize(
+    "server, path, expected",
+    [
+        (
+            ("localhost", 7860),
+            f"{API_PREFIX}/call/predict",
+            f"{API_PREFIX}/call/predict",
+        ),
+        (
+            None,
+            f"http://localhost:7860{API_PREFIX}/call/predict",
+            f"{API_PREFIX}/call/predict",
+        ),
+        (
+            ("localhost", 7860),
+            f"{API_PREFIX}/call/custom_function/with/extra/parts",
+            f"{API_PREFIX}/call/custom_function/with/extra/parts",
+        ),
+        (
+            None,
+            f"http://localhost:7860{API_PREFIX}/call/custom_function/with/extra/parts",
+            f"{API_PREFIX}/call/custom_function/with/extra/parts",
+        ),
+        (  # Query params are ignored.
+            ("localhost", 7860),
+            f"{API_PREFIX}/call/custom_function/with/extra/parts?__theme=light",
+            f"{API_PREFIX}/call/custom_function/with/extra/parts",
+        ),
+        (  # Query params are ignored.
+            None,
+            f"http://localhost:7860{API_PREFIX}/call/custom_function/with/extra/parts?__theme=light",
+            f"{API_PREFIX}/call/custom_function/with/extra/parts",
+        ),
+    ],
+)
+def test_get_api_call_path_generic_call(server, path, expected):
+    scope = {"type": "http", "headers": [], "server": server, "path": path}
+    request = Request(scope)
+    path = get_api_call_path(request)
+    assert path == expected
+
+
+@pytest.mark.parametrize(
+    "headers, server, route_path, expected_origin",
+    [
+        (
+            {},
+            ("localhost", 7860),
+            "/gradio_api/predict",
+            httpx.URL("http://localhost:7860"),
+        ),
+        (
+            {"x-forwarded-host": "example.com"},
+            ("localhost", 7860),
+            "/gradio_api/predict",
+            httpx.URL("http://example.com"),
+        ),
+        (
+            {"x-forwarded-host": "example.com", "x-forwarded-proto": "https"},
+            ("localhost", 7860),
+            "/gradio_api/predict",
+            httpx.URL("https://example.com"),
+        ),
+        (
+            {
+                "x-forwarded-host": "example.com,internal.example.com",
+                "x-forwarded-proto": "https,http",
+            },
+            ("localhost", 7860),
+            "/gradio_api/predict",
+            httpx.URL("https://example.com"),
+        ),
+    ],
+)
+def test_get_request_origin_with_headers(headers, server, route_path, expected_origin):
+    scope = {
+        "type": "http",
+        "headers": [(k.encode(), v.encode()) for k, v in headers.items()],
+        "server": server,
+        "path": route_path,
+    }
+    request = Request(scope)
+    origin = get_request_origin(request, route_path)
+    assert origin == expected_origin
+
+
+@pytest.mark.skipif(
+    sys.platform == "win32", reason="Skipped on Windows due to port conflicts"
+)
+def test_deep_link_unique_per_session():
+    import requests
+    from gradio_client import Client
+
+    with gr.Blocks() as demo:
+        text = gr.Textbox()
+        out = gr.Textbox(label="output")
+        gr.DeepLinkButton()
+        text.submit(fn=lambda x: gr.Textbox(x, lines=int(x)), inputs=text, outputs=out)
+
+    _, url, _ = demo.launch(prevent_thread_lock=True)
+    client_1 = Client(url)
+    client_2 = Client(url)
+    _ = client_1.predict(x="9", api_name="/lambda_1")
+    _ = client_2.predict(x="6", api_name="/lambda_1")
+
+    link_1 = requests.get(
+        f"{url}/gradio_api/deep_link?session_hash={client_1.session_hash}"
+    ).text
+    link_2 = requests.get(
+        f"{url}/gradio_api/deep_link?session_hash={client_2.session_hash}"
+    ).text
+
+    config_1 = requests.get(f"{url}/config?deep_link={link_1[1:-1]}").json()
+    config_2 = requests.get(f"{url}/config?deep_link={link_2[1:-1]}").json()
+    verified_configs = [False, False]
+    for i, config in enumerate([config_1, config_2]):
+        for component in config["components"]:
+            if component["props"].get("label", "") == "output":
+                number = 9
+                if i == 1:
+                    number = 6
+                verified_configs[i] = component["props"][
+                    "lines"
+                ] == number and component["props"]["value"][0] == str(number)
+
+    assert all(verified_configs)
+
+
+def test_server_fn_passes_request():
+    import requests
+
+    from gradio.components.base import server
+
+    def get_url(self, request: gr.Request):
+        return request.url
+
+    tb = gr.Textbox()
+    tb.get_url = server(get_url)  # type: ignore
+
+    iface = gr.Interface(lambda x: f"Hello {x}", inputs=tb, outputs="code")
+    component_id = None
+    for component in iface.config["components"]:
+        if component["type"] == "textbox":  # type: ignore
+            component_id = component["id"]  # type: ignore
+            break
+
+    assert component_id
+    _, local_url, _ = iface.launch(prevent_thread_lock=True)
+    print(local_url)
+
+    form_data = {
+        "session_hash": "foo",
+        "component_id": component_id,
+        "fn_name": "get_url",
+        "data": json.dumps({"foo": "bar"}),
+    }
+    response = requests.post(f"{local_url}/gradio_api/component_server", json=form_data)
+    assert response.status_code == 200
+    assert response.json()["_url"].endswith("/gradio_api/component_server")
+
+
+def test_slugify():
+    items = (
+        ("Hello, World!", "hello-world"),
+        ("spam & eggs", "spam-eggs"),
+        (" multiple---dash and  space ", "multiple-dash-and-space"),
+        ("\t whitespace-in-value \n", "whitespace-in-value"),
+        ("underscore_in-value", "underscore_in-value"),
+        ("__strip__underscore-value___", "strip__underscore-value"),
+        ("--strip-dash-value---", "strip-dash-value"),
+        ("__strip-mixed-value---", "strip-mixed-value"),
+        ("_ -strip-mixed-value _-", "strip-mixed-value"),
+    )
+    for value, expected_output in items:
+        assert slugify(value) == expected_output
+
+
+def test_json_postprocessing_with_queue_false(connect):
+    with gr.Blocks() as demo:
+        d = gr.Button()
+        j = gr.JSON()
+
+        d.click(
+            lambda: {"epochs": 20, "learning_rate": 0.001, "batch_size": 32},
+            None,
+            j,
+            queue=False,
+        )
+
+    with connect(demo) as client:
+        output = client.predict(api_name="/lambda")
+        assert output == {"epochs": 20, "learning_rate": 0.001, "batch_size": 32}
+
+
+class TestOAuthSecurity:
+    def test_redirect_to_target_blocks_external_urls(self):
+        """_redirect_to_target should strip scheme/host to prevent open redirects."""
+        from gradio.oauth import _redirect_to_target
+
+        scope = {
+            "type": "http",
+            "method": "GET",
+            "headers": [],
+        }
+
+        # External URL should be stripped to just the path
+        scope["query_string"] = b"_target_url=https://evil.com/steal"
+        request = Request(scope)
+        response = _redirect_to_target(request)
+        assert response.headers["location"] == "/steal"
+
+        # Protocol-relative URL should be stripped
+        scope["query_string"] = b"_target_url=//evil.com/steal"
+        request = Request(scope)
+        response = _redirect_to_target(request)
+        assert response.headers["location"] == "/steal"
+
+        # Relative path should pass through unchanged
+        scope["query_string"] = b"_target_url=/my-page%3Ffoo%3Dbar"
+        request = Request(scope)
+        response = _redirect_to_target(request)
+        location = response.headers["location"]
+        assert location == "/my-page?foo=bar"
+
+        # Default target when no _target_url
+        scope["query_string"] = b""
+        request = Request(scope)
+        response = _redirect_to_target(request)
+        assert response.headers["location"] == "/"
+
+    def test_redirect_to_target_blocks_multi_slash_bypass(self):
+        """Regression for GHSA-vwgg-rgg9-xx9q: urlparse keeps 4+ leading
+        slashes in `.path`, so `////evil.com` must not be echoed as the
+        scheme-relative `//evil.com` (which browsers resolve to an external
+        host), bypassing the CVE-2026-28415 fix. Backslashes are treated the
+        same way by browsers and must also be collapsed."""
+        from gradio.oauth import _redirect_to_target
+
+        scope = {"type": "http", "method": "GET", "headers": []}
+
+        # Each hostile target must resolve to a same-origin path: a single
+        # leading slash, never "//host" or "/\host".
+        hostile_to_expected = {
+            b"_target_url=////evil.com/foo": "/evil.com/foo",
+            b"_target_url=//////evil.com/foo": "/evil.com/foo",
+            b"_target_url=/%5Cevil.com": "/evil.com",  # /\evil.com
+        }
+        for query_string, expected in hostile_to_expected.items():
+            scope["query_string"] = query_string
+            location = _redirect_to_target(Request(scope)).headers["location"]
+            assert location == expected
+            assert location.startswith("/")
+            assert not location.startswith(("//", "/\\"))
+
+    def test_mocked_oauth_does_not_leak_real_token(self):
+        """_get_mocked_oauth_info should return a dummy token, not the real HF token."""
+        from unittest.mock import patch
+
+        from gradio.oauth import _get_mocked_oauth_info
+
+        with (
+            patch("gradio.oauth.get_token", return_value="hf_real_secret_token"),
+            patch(
+                "gradio.oauth.whoami",
+                return_value={
+                    "type": "user",
+                    "fullname": "Test User",
+                    "name": "testuser",
+                    "avatarUrl": "https://huggingface.co/avatar.png",
+                },
+            ),
+        ):
+            info = _get_mocked_oauth_info()
+            assert info["access_token"] != "hf_real_secret_token"
+            assert info["access_token"] == "mock-oauth-token-for-local-dev"
diff --git a/test/test_server.py b/test/test_server.py
new file mode 100644
index 0000000..f57acb2
--- /dev/null
+++ b/test/test_server.py
@@ -0,0 +1,123 @@
+import inspect
+from contextlib import asynccontextmanager
+
+import pytest
+from fastapi import Request
+from fastapi.responses import PlainTextResponse
+from fastapi.testclient import TestClient
+from gradio_client import Client
+
+import gradio as gr
+from gradio.route_utils import API_PREFIX
+
+
+class TestServer:
+    def test_server_launch_merges_lifespan_into_request_state(self):
+        @asynccontextmanager
+        async def lifespan(_):
+            yield {"hello": "world"}
+
+        server = gr.Server()
+
+        @server.get("/state-check")
+        def state_check(request: Request):
+            return PlainTextResponse(request.state.hello)
+
+        @server.api(name="echo")
+        def echo(x: str) -> str:
+            return x
+
+        app, _, _ = server.launch(
+            app_kwargs={"lifespan": lifespan}, prevent_thread_lock=True
+        )
+        try:
+            with TestClient(app) as client:
+                assert client.get("/state-check").text.strip() == "world"
+        finally:
+            gr.close_all()
+
+    def test_server_launch_queue_and_api_predict(self):
+        server = gr.Server()
+
+        @server.api(name="echo")
+        def echo(x: str) -> str:
+            return x
+
+        app, local_url, _ = server.launch(prevent_thread_lock=True)
+        try:
+            with TestClient(app) as client:
+                status = client.get(f"{API_PREFIX}/queue/status")
+                assert status.status_code == 200
+                assert "queue_size" in status.json()
+
+            client_g = Client(local_url)
+            try:
+                assert client_g.predict("hi", api_name="/echo") == "hi"
+            finally:
+                client_g.close()
+        finally:
+            gr.close_all()
+
+    def test_server_launch_enables_mcp(self):
+        server = gr.Server()
+
+        @server.api(name="double")
+        def double(word: str) -> str:
+            """
+            Doubles the input word.
+
+            Parameters:
+                word: The word to double
+            Returns:
+                The doubled word
+            """
+            return word * 2
+
+        app, _, _ = server.launch(prevent_thread_lock=True, mcp_server=True)
+        try:
+            blocks = app.get_blocks()
+            if getattr(blocks, "mcp_error", None):
+                pytest.skip(blocks.mcp_error)
+            assert blocks.mcp_server is True
+            assert blocks.mcp_server_obj is not None
+        finally:
+            gr.close_all()
+
+    def test_server_api_appears_in_gradio_api_info(self):
+        server = gr.Server()
+
+        @server.api(name="named_echo")
+        def named_echo(msg: str) -> str:
+            return msg
+
+        app, _, _ = server.launch(prevent_thread_lock=True)
+        try:
+            with TestClient(app) as client:
+                info = client.get(f"{API_PREFIX}/info").json()
+            assert "/named_echo" in info.get("named_endpoints", {})
+        finally:
+            gr.close_all()
+
+
+def test_server_launch_args_match_blocks_launch():
+    launch_params = inspect.signature(gr.Blocks.launch).parameters
+    server_params = inspect.signature(gr.Server.launch).parameters
+
+    exception_list = {"self", "_app"}
+    missing_params = []
+    for param_name in launch_params:
+        if param_name not in exception_list and param_name not in server_params:
+            missing_params.append(param_name)
+
+    assert not missing_params, (
+        f"Parameters in Blocks.launch() but missing in Server.launch(): {missing_params}"
+    )
+
+    extra_params = []
+    for param_name in server_params:
+        if param_name not in launch_params and param_name != "self":
+            extra_params.append(param_name)
+
+    assert not extra_params, (
+        f"Parameters in Server.launch() but not in Blocks.launch(): {extra_params}"
+    )
diff --git a/test/test_theme_sharing.py b/test/test_theme_sharing.py
new file mode 100644
index 0000000..6373aae
--- /dev/null
+++ b/test/test_theme_sharing.py
@@ -0,0 +1,449 @@
+import tempfile
+from unittest.mock import patch
+
+import httpx
+import huggingface_hub
+import pytest
+from huggingface_hub.hf_api import SpaceInfo
+
+import gradio as gr
+from gradio.themes.utils import ThemeAsset, get_matching_version, get_theme_assets
+
+versions = [
+    "0.1.0",
+    "0.1.1",
+    "0.1.2",
+    "0.1.3",
+    "0.4.4",
+    "0.5.0",
+    "0.7.0",
+    "0.9.2",
+    "0.9.3",
+    "0.9.4",
+    "0.9.5",
+    "0.9.6",
+    "0.9.7",
+    "0.9.8",
+    "2.2.0",
+    "2.2.1",
+    "2.2.10",
+    "2.2.11",
+    "2.2.12",
+    "2.2.13",
+    "2.2.14",
+    "2.2.15",
+    "2.2.2",
+    "2.2.3",
+    "2.2.4",
+    "2.2.5",
+    "2.2.6",
+    "2.2.7",
+    "2.2.8",
+    "3.0.1",
+    "3.0.10",
+    "3.0.11",
+    "3.0.12",
+    "3.0.13",
+    "3.0.14",
+    "3.0.15",
+    "3.0.16",
+    "3.0.17",
+    "3.0.18",
+    "3.0.19",
+    "3.0.2",
+    "3.0.20",
+    "3.0.20-dev0",
+    "3.0.21",
+    "3.0.22",
+    "3.0.23",
+    "3.0.23-dev1",
+    "3.0.24",
+    "3.0.25",
+    "3.0.26",
+    "3.0.3",
+    "3.0.4",
+    "3.0.5",
+    "3.0.6",
+    "3.0.7",
+    "3.0.8",
+    "3.0.9",
+    "3.1.0",
+    "3.1.1",
+    "3.1.2",
+    "3.1.3",
+    "3.1.4",
+    "3.1.5",
+    "3.1.6",
+    "3.1.7",
+    "3.10.0",
+    "3.10.1",
+    "3.11.0",
+    "3.12.0",
+    "3.13.0",
+    "3.13.1",
+    "3.13.2",
+    "3.14.0",
+    "3.15.0",
+    "3.16.0",
+    "3.16.1",
+    "3.16.2",
+    "3.17.0",
+    "3.17.1",
+    "3.18.0",
+    "3.18.1",
+    "3.18.1-dev0",
+    "3.18.2-dev0",
+    "3.18.2",
+    "3.19.0",
+    "3.19.1",
+    "3.20.0",
+    "3.20.1",
+    "3.3.1",
+    "3.4.1",
+    "3.8.1",
+    "3.8.2",
+    "3.9.1",
+]
+
+
+assets = [ThemeAsset(f"theme_schema@{version}") for version in versions]
+
+dracula_gray = gr.themes.colors.Color(
+    *(
+        ["#6272a4", "#7280ad", "#818eb6", "#919cbf", "#a1aac8"][::-1]
+        + ["#586794", "#4e5b83", "#455073", "#3b4462", "#313952", "#272e42"]
+    )
+)
+
+
+dracula_pink = gr.themes.Color(
+    *(
+        [
+            "#ffd7ee",
+            "#ff79c6",
+            "#ff86cc",
+            "#ff94d1",
+            "#ffa1d7",
+            "#ffafdd",
+            "#ffbce3",
+            "#ffc9e8",
+        ][::-1]
+        + ["#e66db2", "#cc619e", "#b3558b"]
+    )
+)
+
+dracula_gray = gr.themes.colors.Color(
+    *(
+        ["#6272a4", "#7280ad", "#818eb6", "#919cbf", "#a1aac8"][::-1]
+        + ["#586794", "#4e5b83", "#455073", "#3b4462", "#313952", "#272e42"]
+    )
+)
+
+dracula = gr.themes.Base(
+    primary_hue=gr.themes.colors.pink,
+    neutral_hue=dracula_gray,
+    font=gr.themes.GoogleFont("Poppins"),
+).set(
+    body_background_fill=dracula_gray.c500,
+    color_accent_soft=dracula_gray.c100,
+    error_border_color="#fecaca",
+    error_background_fill="#fee2e2",
+    error_icon_color="#b91c1c",
+    error_icon_color_dark="#ef4444",
+    error_text_color="#ef4444",
+    error_text_color_dark="#ef4444",
+    background_fill_primary=dracula_gray.c500,
+    background_fill_secondary=dracula_gray.c500,
+    block_background_fill=dracula_gray.c300,
+    body_text_color="#f8f8f2",
+    body_text_color_dark="#f8f8f2",
+    body_text_color_subdued="#f8f8f2",
+    block_label_text_color="#f8f8f2",
+    block_label_text_color_dark="#f8f8f2",
+    table_even_background_fill=dracula_gray.c300,
+    border_color_accent=dracula_gray.c200,
+    block_info_text_color="#f8f8f2",
+    block_info_text_color_dark="#f8f8f2",
+    block_title_text_color="#f8f8f2",
+    block_title_text_color_dark="#f8f8f2",
+    checkbox_background_color_selected_dark="#ff79c6",
+    checkbox_background_color_selected="#ff79c6",
+    button_primary_background_fill_dark="#ff79c6",
+    button_primary_background_fill=dracula_pink.c300,
+    button_secondary_text_color="#f8f8f2",
+    slider_color_dark="#ff79c6",
+    slider_color=dracula_pink.c300,
+    panel_background_fill="#31395294",
+    block_background_fill_dark="#31395294",
+)
+dracula.name = "gradio/dracula_test"
+
+
+class TestSemverMatch:
+    def test_simple_equality(self):
+        assert get_matching_version(assets, "3.10.0") == ThemeAsset(
+            "theme_schema@3.10.0"
+        )
+
+    def test_empty_expression_returns_latest(self):
+        assert get_matching_version(assets, None) == ThemeAsset("theme_schema@3.20.1")
+
+    def test_range(self):
+        assert get_matching_version(assets, ">=3.10.0,<3.15") == ThemeAsset(
+            "theme_schema@3.14.0"
+        )
+
+    def test_wildcard(self):
+        assert get_matching_version(assets, "2.2.*") == ThemeAsset(
+            "theme_schema@2.2.15"
+        )
+
+    def test_does_not_exist(self):
+        assert get_matching_version(assets, ">4.0.0") is None
+
+    def test_compatible_release_specifier(self):
+        assert get_matching_version(assets, "~=0.0") == ThemeAsset("theme_schema@0.9.8")
+
+    def test_breaks_ties_against_prerelease(self):
+        assert get_matching_version(assets, ">=3.18,<3.19") == ThemeAsset(
+            "theme_schema@3.18.2"
+        )
+
+
+class TestGetThemeAssets:
+    def test_get_theme_assets(self):
+        space_info = huggingface_hub.hf_api.SpaceInfo(
+            id="freddyaboulton/dracula",
+            siblings=[
+                {
+                    "blob_id": None,
+                    "lfs": None,
+                    "rfilename": "themes/theme_schema@0.1.0.json",
+                    "size": None,
+                },
+                {
+                    "blob_id": None,
+                    "lfs": None,
+                    "rfilename": "themes/theme_schema@0.1.1.json",
+                    "size": None,
+                },
+                {
+                    "blob_id": None,
+                    "lfs": None,
+                    "rfilename": "themes/theme_schema@0.2.5.json",
+                    "size": None,
+                },
+                {
+                    "blob_id": None,
+                    "lfs": None,
+                    "rfilename": "themes/theme_schema@1.5.9.json",
+                    "size": None,
+                },
+            ],
+            tags=["gradio-theme", "gradio"],
+            private=False,
+            likes=0,
+        )
+
+        assert get_theme_assets(space_info) == [
+            ThemeAsset("themes/theme_schema@0.1.0.json"),
+            ThemeAsset("themes/theme_schema@0.1.1.json"),
+            ThemeAsset("themes/theme_schema@0.2.5.json"),
+            ThemeAsset("themes/theme_schema@1.5.9.json"),
+        ]
+
+        assert gr.Theme._theme_version_exists(space_info, "0.1.1")
+        assert not gr.Theme._theme_version_exists(space_info, "2.0.0")
+
+    @pytest.mark.flaky
+    def test_load_space_from_hub_works(self):
+        theme = gr.Theme.from_hub("gradio/seafoam")
+        assert isinstance(theme, gr.Theme)
+
+
+class TestBuiltInThemes:
+    @pytest.mark.parametrize(
+        "theme, name",
+        [
+            (gr.themes.Base(), "base"),
+            (gr.themes.Glass(), "glass"),
+            (gr.themes.Monochrome(), "monochrome"),
+            (gr.themes.Soft(), "soft"),
+            (gr.themes.Default(), "default"),
+        ],
+    )
+    def test_theme_name(self, theme, name):
+        assert theme.name == name
+
+
+class TestThemeUploadDownload:
+    @patch("gradio.themes.base.get_theme_assets", return_value=assets)
+    def test_get_next_version(self, mock):
+        next_version = gr.themes.Base._get_next_version(
+            SpaceInfo(id="gradio/dracula_test", private=False, likes=0, tags=[])
+        )
+        assert next_version == "3.20.2"
+
+    ## Commenting out until after 4.0 Spaces are up
+    # @pytest.mark.flaky
+    # def test_theme_download(self):
+    #     assert (
+    #         gr.themes.Base.from_hub("gradio/dracula_test@0.0.2").to_dict()
+    #         == dracula.to_dict()
+    #     )
+
+    #     with gr.Blocks(theme="gradio/dracula_test@0.0.2") as demo:
+    #         pass
+
+    #     assert demo.theme.to_dict() == dracula.to_dict()
+    #     assert demo.theme.name == "gradio/dracula_test"
+
+    @pytest.mark.flaky
+    def test_theme_download_raises_error_if_theme_does_not_exist(self):
+        with pytest.raises(
+            ValueError, match="The space freddyaboulton/nonexistent does not exist"
+        ):
+            gr.themes.Base.from_hub("freddyaboulton/nonexistent").to_dict()
+
+    @patch("gradio.themes.base.huggingface_hub")
+    @patch("gradio.themes.base.Base._theme_version_exists", return_value=True)
+    def test_theme_upload_fails_if_duplicate_version(self, mock_1, mock_2):
+        with pytest.raises(ValueError, match="already has a theme with version 0.2.1"):
+            dracula.push_to_hub("dracula_revamped", version="0.2.1", token="foo")
+
+    @patch("gradio.themes.base.huggingface_hub")
+    @patch("gradio.themes.base.huggingface_hub.HfApi")
+    def test_upload_fails_if_not_valid_semver(self, mock_1, mock_2):
+        with pytest.raises(ValueError, match="Invalid version string: '3.0'"):
+            dracula.push_to_hub("dracula_revamped", version="3.0", token="s")
+
+    def test_dump_and_load(self):
+        with tempfile.NamedTemporaryFile(suffix=".json", delete=False) as path:
+            dracula.dump(path.name)
+            assert gr.themes.Base.load(path.name).to_dict() == dracula.to_dict()
+
+    @patch("gradio.themes.base.Base._get_next_version", return_value="0.1.3")
+    @patch("gradio.themes.base.Base._theme_version_exists", return_value=False)
+    @patch("gradio.themes.base.huggingface_hub")
+    def test_version_and_token_optional(self, mock_1, mock_2, mock_3):
+        mock_1.whoami.return_value = {"name": "freddyaboulton"}
+
+        gr.themes.Monochrome().push_to_hub(repo_name="my_monochrome")
+        repo_call_args = mock_1.HfApi().create_commit.call_args_list[0][1]
+        assert repo_call_args["repo_id"] == "freddyaboulton/my_monochrome"
+        assert any(
+            o.path_in_repo == "themes/theme_schema@0.1.3.json"
+            for o in repo_call_args["operations"]
+        )
+        mock_1.whoami.assert_called_with()
+
+    @patch("gradio.themes.base.huggingface_hub")
+    def test_first_upload_no_version(self, mock_1):
+        mock_1.whoami.return_value = {"name": "freddyaboulton"}
+
+        mock_1.HfApi().space_info.side_effect = httpx.HTTPError("Foo")  # type: ignore
+
+        gr.themes.Monochrome().push_to_hub(repo_name="does_not_exist")
+        repo_call_args = mock_1.HfApi().create_commit.call_args_list[0][1]
+        assert repo_call_args["repo_id"] == "freddyaboulton/does_not_exist"
+        assert any(
+            o.path_in_repo == "themes/theme_schema@0.0.1.json"
+            for o in repo_call_args["operations"]
+        )
+        mock_1.whoami.assert_called_with()
+
+    @patch("gradio.themes.base.Base._get_next_version", return_value="0.1.3")
+    @patch("gradio.themes.base.Base._theme_version_exists", return_value=False)
+    @patch("gradio.themes.base.huggingface_hub")
+    def test_can_pass_version_and_theme(self, mock_1, mock_2, mock_3):
+        mock_1.whoami.return_value = {"name": "freddyaboulton"}
+
+        gr.themes.Monochrome().push_to_hub(
+            repo_name="my_monochrome", version="0.1.5", token="foo"
+        )
+        repo_call_args = mock_1.HfApi().create_commit.call_args_list[0][1]
+        assert repo_call_args["repo_id"] == "freddyaboulton/my_monochrome"
+        assert any(
+            o.path_in_repo == "themes/theme_schema@0.1.5.json"
+            for o in repo_call_args["operations"]
+        )
+        mock_1.whoami.assert_called_with(token="foo")
+
+    @patch("gradio.themes.base.huggingface_hub")
+    def test_raise_error_if_no_token_and_not_logged_in(self, mock_1):
+        mock_1.whoami.side_effect = OSError("not logged in")
+
+        with pytest.raises(
+            ValueError,
+            match="In order to push to hub, log in via `huggingface-cli login`",
+        ):
+            gr.themes.Monochrome().push_to_hub(
+                repo_name="my_monochrome", version="0.1.5"
+            )
+
+    @patch("gradio.themes.base.Base._get_next_version", return_value="0.1.3")
+    @patch("gradio.themes.base.Base._theme_version_exists", return_value=False)
+    @patch("gradio.themes.base.huggingface_hub")
+    def test_can_upload_to_org(self, mock_1, mock_2, mock_3):
+        mock_1.whoami.return_value = {"name": "freddyaboulton"}
+
+        gr.themes.Monochrome().push_to_hub(
+            repo_name="my_monochrome", version="0.1.9", org_name="gradio"
+        )
+        repo_call_args = mock_1.HfApi().create_commit.call_args_list[0][1]
+        assert repo_call_args["repo_id"] == "gradio/my_monochrome"
+        assert any(
+            o.path_in_repo == "themes/theme_schema@0.1.9.json"
+            for o in repo_call_args["operations"]
+        )
+        mock_1.whoami.assert_called_with()
+
+    @patch("gradio.themes.base.Base._get_next_version", return_value="0.1.3")
+    @patch("gradio.themes.base.Base._theme_version_exists", return_value=False)
+    @patch("gradio.themes.base.huggingface_hub")
+    def test_can_make_private(self, mock_1, mock_2, mock_3):
+        mock_1.whoami.return_value = {"name": "freddyaboulton"}
+
+        gr.themes.Monochrome().push_to_hub(
+            repo_name="my_monochrome", version="0.1.9", org_name="gradio", private=True
+        )
+        mock_1.create_repo.assert_called_with(
+            "gradio/my_monochrome",
+            repo_type="space",
+            space_sdk="gradio",
+            token=None,
+            exist_ok=True,
+            private=True,
+        )
+
+
+class TestFromDictVersionWarning:
+    def _make_theme_dict(self, gradio_version):
+        base = gr.themes.Base()
+        d = base.to_dict()
+        d["gradio_version"] = gradio_version
+        return d
+
+    @patch("gradio.__version__", "5.3.0")
+    def test_no_warning_same_major_minor(self):
+        import warnings
+
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")
+            gr.Theme.from_dict(self._make_theme_dict("5.3.1"))
+
+    @patch("gradio.__version__", "5.3.0")
+    def test_warning_different_minor(self):
+        with pytest.warns(match="Some styles may not work as expected"):
+            gr.Theme.from_dict(self._make_theme_dict("5.2.0"))
+
+    @patch("gradio.__version__", "5.3.0")
+    def test_warning_different_major(self):
+        with pytest.warns(match="Some styles may not work as expected"):
+            gr.Theme.from_dict(self._make_theme_dict("4.3.0"))
+
+
+@pytest.mark.serial
+def test_theme_builder_launches():
+    gr.themes.builder(prevent_thread_lock=True)
+    gr.close_all()
diff --git a/test/test_tunneling.py b/test/test_tunneling.py
new file mode 100644
index 0000000..08f2c1b
--- /dev/null
+++ b/test/test_tunneling.py
@@ -0,0 +1,20 @@
+import sys
+
+import pytest
+
+from gradio import Interface, networking
+
+pytestmark = pytest.mark.skipif(
+    sys.platform == "win32",
+    reason="Skipped on Windows as Windows CI doesn't support tunneling",
+)
+
+
+@pytest.mark.flaky
+def test_setup_tunnel():
+    io = Interface(lambda x: x, "number", "number")
+    io.launch(show_error=True, prevent_thread_lock=True)
+    share_url = networking.setup_tunnel(
+        io.server_name, io.server_port, io.share_token, io.share_server_address, None
+    )
+    assert isinstance(share_url, str)
diff --git a/test/test_utils.py b/test/test_utils.py
new file mode 100644
index 0000000..084e1f6
--- /dev/null
+++ b/test/test_utils.py
@@ -0,0 +1,1154 @@
+from __future__ import annotations
+
+import json
+import os
+import sys
+import warnings
+from collections.abc import Sequence
+from pathlib import Path
+from typing import Literal
+from unittest.mock import patch
+
+import numpy as np
+import pytest
+from gradio_client.exceptions import AppError
+from hypothesis import given, settings  # ty: ignore[unresolved-import]
+from hypothesis import strategies as st  # ty: ignore[unresolved-import]
+
+import gradio as gr
+from gradio import EventData, Request
+from gradio.exceptions import Error
+from gradio.external_utils import format_ner_list
+from gradio.utils import (
+    FileSize,
+    SyncToAsyncIterator,
+    UnhashableKeyDict,
+    _parse_file_size,
+    abspath,
+    append_unique_suffix,
+    assert_configs_are_equivalent_besides_ids,
+    check_function_inputs_match,
+    colab_check,
+    delete_none,
+    diff,
+    download_if_url,
+    error_payload,
+    get_extension_from_file_path_or_url,
+    get_function_description,
+    get_function_params,
+    get_heartbeat_rate,
+    get_icon_path,
+    get_type_hints,
+    ipython_check,
+    is_allowed_file,
+    is_hosted_notebook,
+    is_in_or_equal,
+    is_special_typed_parameter,
+    parse_escaped_json,
+    safe_aclose_iterator,
+    safe_deepcopy,
+    sanitize_list_for_csv,
+    sanitize_value_for_csv,
+    tex2svg,
+    validate_url,
+)
+
+os.environ["GRADIO_ANALYTICS_ENABLED"] = "False"
+
+
+class TestUtils:
+    @patch("IPython.get_ipython")
+    def test_colab_check_no_ipython(self, mock_get_ipython):
+        mock_get_ipython.return_value = None
+        assert colab_check() is False
+
+    @patch("IPython.get_ipython")
+    def test_ipython_check_import_fail(self, mock_get_ipython):
+        mock_get_ipython.side_effect = ImportError()
+        assert ipython_check() is False
+
+    @patch("IPython.get_ipython")
+    def test_ipython_check_no_ipython(self, mock_get_ipython):
+        mock_get_ipython.return_value = None
+        assert ipython_check() is False
+
+    def test_download_if_url_doesnt_crash_on_connection_error(self):
+        in_article = "placeholder"
+        out_article = download_if_url(in_article)
+        assert out_article == in_article
+
+        # non-printable characters are not allowed in URL address
+        in_article = "text\twith\rnon-printable\nASCII\x00characters"
+        out_article = download_if_url(in_article)
+        assert out_article == in_article
+
+        # only files with HTTP(S) URL can be downloaded
+        in_article = "ftp://localhost/tmp/index.html"
+        out_article = download_if_url(in_article)
+        assert out_article == in_article
+
+        in_article = "file:///C:/tmp/index.html"
+        out_article = download_if_url(in_article)
+        assert out_article == in_article
+
+        # this address will raise ValueError during parsing
+        in_article = "https://[unmatched_bracket#?:@/index.html"
+        out_article = download_if_url(in_article)
+        assert out_article == in_article
+
+    @pytest.mark.flaky
+    def test_download_if_url_correct_parse(self):
+        in_article = "https://huggingface.co/datasets/gradio/custom-html-gallery/blob/main/manifest.json"
+        out_article = download_if_url(in_article)
+        assert out_article != in_article
+
+    def test_is_hosted_notebook_false(self):
+        assert not is_hosted_notebook()
+
+    def test_kaggle_check_true_when_run_type_set(self):
+        with patch.dict(
+            os.environ, {"KAGGLE_KERNEL_RUN_TYPE": "Interactive"}, clear=True
+        ):
+            assert is_hosted_notebook()
+
+
+def test_assert_configs_are_equivalent():
+    test_dir = Path(__file__).parent / "test_files"
+    with open(test_dir / "xray_config.json") as fp:
+        xray_config = json.load(fp)
+    with open(test_dir / "xray_config_diff_ids.json") as fp:
+        xray_config_diff_ids = json.load(fp)
+    with open(test_dir / "xray_config_wrong.json") as fp:
+        xray_config_wrong = json.load(fp)
+
+    assert assert_configs_are_equivalent_besides_ids(xray_config, xray_config)
+    assert assert_configs_are_equivalent_besides_ids(xray_config, xray_config_diff_ids)
+    with pytest.raises(ValueError):
+        assert_configs_are_equivalent_besides_ids(xray_config, xray_config_wrong)
+
+
+def test_get_heartbeat_rate(monkeypatch):
+    # Defaults to 15 seconds when nothing is configured.
+    monkeypatch.delenv("GRADIO_HEARTBEAT_INTERVAL", raising=False)
+    monkeypatch.delenv("GRADIO_IS_E2E_TEST", raising=False)
+    assert get_heartbeat_rate() == 15
+
+    # GRADIO_HEARTBEAT_INTERVAL overrides the default with a float value.
+    monkeypatch.setenv("GRADIO_HEARTBEAT_INTERVAL", "1.5")
+    assert get_heartbeat_rate() == 1.5
+
+    # It takes precedence over the GRADIO_IS_E2E_TEST fallback.
+    monkeypatch.setenv("GRADIO_IS_E2E_TEST", "1")
+    assert get_heartbeat_rate() == 1.5
+
+    # Falls back to the E2E rate when only GRADIO_IS_E2E_TEST is set.
+    monkeypatch.delenv("GRADIO_HEARTBEAT_INTERVAL", raising=False)
+    assert get_heartbeat_rate() == 0.25
+
+    # An invalid value warns and falls back to the default.
+    monkeypatch.delenv("GRADIO_IS_E2E_TEST", raising=False)
+    monkeypatch.setenv("GRADIO_HEARTBEAT_INTERVAL", "not-a-number")
+    with pytest.warns(UserWarning):
+        assert get_heartbeat_rate() == 15
+
+    # A zero or negative value would busy-loop asyncio.sleep(), so it warns
+    # and falls back to the default.
+    for bad_value in ("0", "-5"):
+        monkeypatch.setenv("GRADIO_HEARTBEAT_INTERVAL", bad_value)
+        with pytest.warns(UserWarning):
+            assert get_heartbeat_rate() == 15
+
+
+class TestFormatNERList:
+    def test_format_ner_list_standard(self):
+        string = "Wolfgang lives in Berlin"
+        groups = [
+            {"entity_group": "PER", "start": 0, "end": 8},
+            {"entity_group": "LOC", "start": 18, "end": 24},
+        ]
+        result = [
+            ("", None),
+            ("Wolfgang", "PER"),
+            (" lives in ", None),
+            ("Berlin", "LOC"),
+            ("", None),
+        ]
+        assert format_ner_list(string, groups) == result
+
+    def test_format_ner_list_empty(self):
+        string = "I live in a city"
+        groups = []
+        result = [("I live in a city", None)]
+        assert format_ner_list(string, groups) == result
+
+
+class TestDeleteNone:
+    """Credit: https://stackoverflow.com/questions/33797126/proper-way-to-remove-keys-in-dictionary-with-none-values-in-python"""
+
+    def test_delete_none(self):
+        input = {
+            "a": 12,
+            "b": 34,
+            "c": None,
+            "k": {
+                "d": 34,
+                "t": None,
+                "m": [{"k": 23, "t": None}, [None, 1, 2, 3], {1, 2, None}],
+                None: 123,
+            },
+        }
+        truth = {
+            "a": 12,
+            "b": 34,
+            "k": {
+                "d": 34,
+                "t": None,
+                "m": [{"k": 23, "t": None}, [None, 1, 2, 3], {1, 2, None}],
+                None: 123,
+            },
+        }
+        assert delete_none(input) == truth
+
+
+class TestSanitizeForCSV:
+    def test_unsafe_value(self):
+        assert sanitize_value_for_csv("=OPEN()") == "'=OPEN()"
+        assert sanitize_value_for_csv("=1+2") == "'=1+2"
+        assert sanitize_value_for_csv('=1+2";=1+2') == "'=1+2\";=1+2"
+
+    def test_safe_value(self):
+        assert sanitize_value_for_csv(4) == 4
+        assert sanitize_value_for_csv(-44.44) == -44.44
+        assert sanitize_value_for_csv("1+1=2") == "1+1=2"
+        assert sanitize_value_for_csv("1aaa2") == "1aaa2"
+
+    def test_list(self):
+        assert sanitize_list_for_csv([4, "def=", "=gh+ij"]) == [4, "def=", "'=gh+ij"]
+        assert sanitize_list_for_csv(
+            [["=abc", "def", "gh,+ij"], ["abc", "=def", "+ghij"]]
+        ) == [["'=abc", "def", "'gh,+ij"], ["abc", "'=def", "'+ghij"]]
+        assert sanitize_list_for_csv([1, ["ab", "=de"]]) == [1, ["ab", "'=de"]]
+
+    def test_parse_escaped_json(self):
+        assert parse_escaped_json("-0.5678") == -0.5678
+        # Negative numbers get CSV-escaped with a leading "'" on write (#13591)
+        assert parse_escaped_json("'-0.5678") == -0.5678
+        with pytest.raises(json.JSONDecodeError):
+            parse_escaped_json("'not json")
+
+
+class TestValidateURL:
+    @pytest.mark.flaky
+    def test_valid_urls(self):
+        assert validate_url("https://www.gradio.app")
+        assert validate_url("http://gradio.dev")
+        assert validate_url(
+            "https://upload.wikimedia.org/wikipedia/commons/b/b0/Bengal_tiger_%28Panthera_tigris_tigris%29_female_3_crop.jpg"
+        )
+        assert validate_url(
+            "https://huggingface.co/datasets/Xenova/transformers.js-docs/resolve/main/bread_small.png"
+        )
+
+    def test_invalid_urls(self):
+        assert not (validate_url("C:/Users/"))
+        assert not (validate_url("C:\\Users\\"))
+        assert not (validate_url("/home/user"))
+
+
+class TestAppendUniqueSuffix:
+    def test_no_suffix(self):
+        name = "test"
+        list_of_names = ["test_1", "test_2"]
+        assert append_unique_suffix(name, list_of_names) == name
+
+    def test_first_suffix(self):
+        name = "test"
+        list_of_names = ["test", "test_-1"]
+        assert append_unique_suffix(name, list_of_names) == "test_1"
+
+    def test_later_suffix(self):
+        name = "test"
+        list_of_names = ["test", "test_1", "test_2", "test_3"]
+        assert append_unique_suffix(name, list_of_names) == "test_4"
+
+
+class TestAbspath:
+    def test_abspath_no_symlink(self):
+        resolved_path = str(abspath("../gradio/gradio/test_data/lion.jpg"))
+        assert ".." not in resolved_path
+
+    @pytest.mark.skipif(
+        sys.platform.startswith("win"),
+        reason="Windows doesn't allow creation of sym links without administrative privileges",
+    )
+    def test_abspath_symlink_path(self):
+        os.symlink("gradio/test_data", "gradio/test_link", True)
+        resolved_path = str(abspath("../gradio/gradio/test_link/lion.jpg"))
+        os.unlink("gradio/test_link")
+        assert "test_link" in resolved_path
+
+    @pytest.mark.skipif(
+        sys.platform.startswith("win"),
+        reason="Windows doesn't allow creation of sym links without administrative privileges",
+    )
+    def test_abspath_symlink_dir(self):
+        os.symlink("gradio/test_data", "gradio/test_link", True)
+        full_path = os.path.join(os.getcwd(), "gradio/test_link/lion.jpg")
+        resolved_path = str(abspath(full_path))
+        os.unlink("gradio/test_link")
+        assert "test_link" in resolved_path
+        assert full_path == resolved_path
+
+
+class TestGetTypeHints:
+    def test_get_type_hints(self):
+        class F:
+            def __call__(self, s: str):
+                return s
+
+        class C:
+            def f(self, s: str):
+                return s
+
+        def f(s: str):
+            return s
+
+        class GenericObject:
+            pass
+
+        test_objs = [F(), C().f, f]
+
+        for x in test_objs:
+            hints = get_type_hints(x)
+            assert len(hints) == 1
+            assert hints["s"] is str
+
+        assert len(get_type_hints(GenericObject())) == 0
+
+    def test_get_type_hints_with_unresolvable_forward_ref(self):
+        """get_type_hints should return {} when annotations can't be resolved at runtime."""
+
+        def func(x: str) -> "NonExistentType":  # noqa: F821, UP037  # ty: ignore[unresolved-reference]
+            return x
+
+        hints = get_type_hints(func)
+        assert hints == {}
+
+    def test_is_special_typed_parameter(self):
+        def func(a: list[str], b: Literal["a", "b"], c, d: Request, e: Request | None):
+            pass
+
+        hints = get_type_hints(func)
+        assert not is_special_typed_parameter("a", hints)
+        assert not is_special_typed_parameter("b", hints)
+        assert not is_special_typed_parameter("c", hints)
+        assert is_special_typed_parameter("d", hints)
+        assert is_special_typed_parameter("e", hints)
+
+    def test_is_special_typed_parameter_with_pipe(self):
+        def func(a: Request, b: str | int, c: list[str]):
+            pass
+
+        hints = get_type_hints(func)
+        assert is_special_typed_parameter("a", hints)
+        assert not is_special_typed_parameter("b", hints)
+        assert not is_special_typed_parameter("c", hints)
+
+
+class TestCheckFunctionInputsMatch:
+    def test_check_function_inputs_match(self):
+        class F:
+            def __call__(self, s: str, evt: EventData):
+                return s
+
+        class C:
+            def f(self, s: str, evt: EventData):
+                return s
+
+        def f(s: str, evt: EventData):
+            return s
+
+        test_objs = [F(), C().f, f]
+
+        with warnings.catch_warnings():
+            warnings.simplefilter("error")  # Ensure there're no warnings raised here.
+
+            for x in test_objs:
+                check_function_inputs_match(x, [None], False)
+
+
+def test_tex2svg_preserves_matplotlib_backend():
+    import matplotlib
+
+    matplotlib.use("svg")
+    tex2svg("1+1=2")
+    assert matplotlib.get_backend() == "svg"
+    with pytest.raises(
+        Exception  # specifically a pyparsing.ParseException but not important here
+    ):
+        tex2svg("$$$1+1=2$$$")
+    assert matplotlib.get_backend() == "svg"
+
+
+def test_is_in_or_equal():
+    assert is_in_or_equal("files/lion.jpg", "files/lion.jpg")
+    assert is_in_or_equal("files/lion.jpg", "files")
+    assert is_in_or_equal("files/lion.._M.jpg", "files")
+    assert not is_in_or_equal("files", "files/lion.jpg")
+    assert is_in_or_equal("/home/usr/notes.txt", "/home/usr/")
+    assert not is_in_or_equal("/home/usr/subdirectory", "/home/usr/notes.txt")
+    assert not is_in_or_equal("/home/usr/../../etc/notes.txt", "/home/usr/")
+    assert not is_in_or_equal("/safe_dir/subdir/../../unsafe_file.txt", "/safe_dir/")
+
+
+@pytest.mark.skipif(
+    sys.platform.startswith("win"),
+    reason="Windows doesn't support POSIX double-slash notation",
+)
+def test_is_in_or_equal_posix_specific_paths():
+    assert is_in_or_equal("//foo/..a", "//foo")
+    assert is_in_or_equal("//foo/asd/", "/foo")
+    assert is_in_or_equal("//foo/..²", "/foo")
+
+
+def create_path_string():
+    return st.lists(
+        st.one_of(
+            st.text(
+                alphabet="ab@1/(",
+                min_size=1,
+            ),
+            st.just(".."),
+            st.just("."),
+        ),
+        min_size=1,
+        max_size=10,  # Limit depth to avoid excessively long paths
+    ).map(lambda x: os.path.join(*x).replace("(", ".."))
+
+
+def create_path_list():
+    return st.lists(create_path_string(), min_size=0, max_size=5)
+
+
+def my_check(path_1, path_2):
+    try:
+        path_1 = Path(path_1).resolve()
+        path_2 = Path(path_2).resolve()
+        _ = path_1.relative_to(path_2)
+        return True
+    except ValueError:
+        return False
+
+
+@settings(derandomize=os.getenv("CI") is not None)
+@given(
+    path_1=create_path_string(),
+    path_2=create_path_string(),
+)
+def test_is_in_or_equal_fuzzer(path_1, path_2):
+    try:
+        # Convert to absolute paths
+        abs_path_1 = abspath(path_1)
+        abs_path_2 = abspath(path_2)
+        result = is_in_or_equal(abs_path_1, abs_path_2)
+        assert result == my_check(abs_path_1, abs_path_2)
+
+    except Exception as e:
+        pytest.fail(f"Exception raised: {e}")
+
+
+@settings(derandomize=os.getenv("CI") is not None)
+@given(
+    path=create_path_string(),
+    blocked_paths=create_path_list(),
+    allowed_paths=create_path_list(),
+    created_paths=create_path_list(),
+)
+def test_is_allowed_file_fuzzer(
+    path: Path,
+    blocked_paths: Sequence[Path],
+    allowed_paths: Sequence[Path],
+    created_paths: Sequence[Path],
+):
+    result, reason = is_allowed_file(path, blocked_paths, allowed_paths, created_paths)
+
+    assert isinstance(result, bool)
+    assert reason in [
+        "in_blocklist",
+        "allowed",
+        "not_created_or_allowed",
+        "created",
+    ]
+
+    if result:
+        assert reason in ("allowed", "created")
+    elif reason == "in_blocklist":
+        assert any(is_in_or_equal(path, blocked_path) for blocked_path in blocked_paths)
+    elif reason == "not_created_or_allowed":
+        assert not any(
+            is_in_or_equal(path, allowed_path) for allowed_path in allowed_paths
+        )
+
+    if reason == "allowed":
+        assert any(is_in_or_equal(path, allowed_path) for allowed_path in allowed_paths)
+    elif reason == "created":
+        assert any(is_in_or_equal(path, created_path) for created_path in created_paths)
+
+
+@pytest.mark.parametrize(
+    "path,blocked_paths,allowed_paths",
+    [
+        ("/a/foo.txt", ["/a"], ["/b"], False),
+        ("/b/foo.txt", ["/a"], ["/b"], True),
+        ("/a/../c/foo.txt", ["/c/"], ["/a/"], False),
+        ("/c/../a/foo.txt", ["/c/"], ["/a/"], True),
+        ("/c/foo.txt", ["/c/"], ["/c/foo.txt"], True),
+    ],
+)
+def is_allowed_file_corner_cases(path, blocked_paths, allowed_paths, result):
+    assert is_allowed_file(path, blocked_paths, allowed_paths, []) == result
+
+
+# Additional test for known edge cases
+@pytest.mark.parametrize(
+    "path_1,path_2,expected",
+    [
+        ("/AAA/a/../a", "/AAA", True),
+        ("//AA/a", "/tmp", False),
+        ("/AAA/..", "/AAA", False),
+        ("/a/b/c", "/d/e/f", False),
+        (".", "..", True),
+        ("..", ".", False),
+        ("/a/b/./c", "/a/b", True),
+        ("/a/b/../c", "/a", True),
+        ("/a/b/c", "/a/b/c/../d", False),
+        ("/", "/a", False),
+        ("/a", "/", True),
+    ],
+)
+def test_is_in_or_equal_edge_cases(path_1, path_2, expected):
+    assert is_in_or_equal(path_1, path_2) == expected
+
+
+@pytest.mark.parametrize(
+    "path_or_url, extension",
+    [
+        ("https://example.com/avatar/xxxx.mp4?se=2023-11-16T06:51:23Z&sp=r", "mp4"),
+        ("/home/user/documents/example.pdf", "pdf"),
+        ("C:\\Users\\user\\documents\\example.png", "png"),
+        ("C:/Users/user/documents/example", ""),
+    ],
+)
+def test_get_extension_from_file_path_or_url(path_or_url, extension):
+    assert get_extension_from_file_path_or_url(path_or_url) == extension
+
+
+@pytest.mark.parametrize(
+    "old, new, expected_diff",
+    [
+        ({"a": 1, "b": 2}, {"a": 1, "b": 2}, []),
+        ({}, {"a": 1, "b": 2}, [["add", ["a"], 1], ["add", ["b"], 2]]),
+        (["a", "b"], {"a": 1, "b": 2}, [["replace", [], {"a": 1, "b": 2}]]),
+        ("abc", "abcdef", [["append", [], "def"]]),
+        (
+            [
+                {"role": "user", "content": "Hello!", "metadata": {"id": 1}},
+                {"role": "assistant", "content": "b"},
+            ],
+            [
+                {
+                    "role": "assistant",
+                    "content": "Thinking...",
+                    "metadata": {"title": "Thinking..."},
+                },
+                {"role": "assistant", "content": "b"},
+            ],
+            [
+                ["replace", [0, "role"], "assistant"],
+                ["replace", [0, "content"], "Thinking..."],
+                ["delete", [0, "metadata", "id"], None],
+                ["add", [0, "metadata", "title"], "Thinking..."],
+            ],
+        ),
+        (
+            [
+                {"role": "user", "content": "Hello!", "metadata": {"id": 1}},
+                {"role": "assistant", "content": "b"},
+            ],
+            [
+                {"role": "user", "content": "No metadata", "metadata": {}},
+                {"role": "assistant", "content": "b"},
+            ],
+            [
+                ["replace", [0, "content"], "No metadata"],
+                ["delete", [0, "metadata", "id"], None],
+            ],
+        ),
+        (
+            {"data": [[1, 1], [2, 2], [3, 3]]},
+            {"data": [[1, 1]]},
+            [
+                ["delete", ["data", 1], None],
+                ["delete", ["data", 1], None],
+            ],
+        ),
+    ],
+)
+def test_diff(old, new, expected_diff):
+    assert diff(old, new) == expected_diff
+
+
+class TestFunctionParams:
+    def test_regular_function(self):
+        def func(a: int, b: int = 10, c: str = "default", d=None):
+            pass
+
+        assert get_function_params(func) == [
+            ("a", False, None, int),
+            ("b", True, 10, int),
+            ("c", True, "default", str),
+            ("d", True, None, None),
+        ]
+
+    def test_function_no_params(self):
+        def func():
+            pass
+
+        assert get_function_params(func) == []
+
+    def test_lambda_function(self):
+        assert get_function_params(lambda x, y: x + y) == [
+            ("x", False, None, None),
+            ("y", False, None, None),
+        ]
+
+    def test_function_with_args(self):
+        def func(a, *args):
+            pass
+
+        assert get_function_params(func) == [("a", False, None, None)]
+
+    def test_function_with_kwargs(self):
+        def func(a, **kwargs):
+            pass
+
+        assert get_function_params(func) == [("a", False, None, None)]
+
+    def test_function_with_special_args(self):
+        def func(a, r: Request, b=10):
+            pass
+
+        assert get_function_params(func) == [
+            ("a", False, None, None),
+            ("b", True, 10, None),
+        ]
+
+        def func2(a, r: Request | None = None, b="abc"):
+            pass
+
+        assert get_function_params(func2) == [
+            ("a", False, None, None),
+            ("b", True, "abc", None),
+        ]
+
+    def test_class_method_skip_first_param(self):
+        class MyClass:
+            def method(self, arg1, arg2=42):
+                pass
+
+        assert get_function_params(MyClass().method) == [
+            ("arg1", False, None, None),
+            ("arg2", True, 42, None),
+        ]
+
+    def test_static_method_no_skip(self):
+        class MyClass:
+            @staticmethod
+            def method(arg1, arg2=42):
+                pass
+
+        assert get_function_params(MyClass.method) == [
+            ("arg1", False, None, None),
+            ("arg2", True, 42, None),
+        ]
+
+    def test_class_method_with_args(self):
+        class MyClass:
+            def method(self, a, *args, b=42):
+                pass
+
+        assert get_function_params(MyClass().method) == [("a", False, None, None)]
+
+    def test_lambda_with_args(self):
+        assert get_function_params(lambda x, *args: x) == [("x", False, None, None)]
+
+    def test_lambda_with_kwargs(self):
+        assert get_function_params(lambda x, **kwargs: x) == [("x", False, None, None)]
+
+
+def test_parse_file_size():
+    assert _parse_file_size("1kb") == 1 * FileSize.KB
+    assert _parse_file_size("1mb") == 1 * FileSize.MB
+    assert _parse_file_size("505 Mb") == 505 * FileSize.MB
+
+
+class TestUnhashableKeyDict:
+    def test_set_get_simple(self):
+        d = UnhashableKeyDict()
+        d["a"] = 1
+        assert d["a"] == 1
+
+    def test_set_get_unhashable(self):
+        d = UnhashableKeyDict()
+        key = [1, 2, 3]
+        key2 = [1, 2, 3]
+        d[key] = "value"
+        assert d[key] == "value"
+        assert d[key2] == "value"
+
+    def test_set_get_numpy_array(self):
+        d = UnhashableKeyDict()
+        key = np.array([1, 2, 3])
+        key2 = np.array([1, 2, 3])
+        d[key] = "numpy value"
+        assert d[key2] == "numpy value"
+
+    def test_overwrite(self):
+        d = UnhashableKeyDict()
+        d["key"] = "old"
+        d["key"] = "new"
+        assert d["key"] == "new"
+
+    def test_delete(self):
+        d = UnhashableKeyDict()
+        d["key"] = "value"
+        del d["key"]
+        assert len(d) == 0
+        with pytest.raises(KeyError):
+            d["key"]
+
+    def test_delete_nonexistent(self):
+        d = UnhashableKeyDict()
+        with pytest.raises(KeyError):
+            del d["nonexistent"]
+
+    def test_len(self):
+        d = UnhashableKeyDict()
+        assert len(d) == 0
+        d["a"] = 1
+        d["b"] = 2
+        assert len(d) == 2
+
+    def test_contains(self):
+        d = UnhashableKeyDict()
+        d["key"] = "value"
+        assert "key" in d
+        assert "nonexistent" not in d
+
+    def test_get_nonexistent(self):
+        d = UnhashableKeyDict()
+        with pytest.raises(KeyError):
+            d["nonexistent"]
+
+
+class TestSafeDeepCopy:
+    def test_safe_deepcopy_dict(self):
+        original = {"key1": [1, 2, {"nested_key": "value"}], "key2": "simple_string"}
+        copied = safe_deepcopy(original)
+
+        assert copied == original
+        assert copied is not original
+        assert copied["key1"] is not original["key1"]
+        assert copied["key1"][2] is not original["key1"][2]
+
+    def test_safe_deepcopy_list(self):
+        original = [1, 2, [3, 4, {"key": "value"}]]
+        copied = safe_deepcopy(original)
+
+        assert copied == original
+        assert copied is not original
+        assert copied[2] is not original[2]
+        assert copied[2][2] is not original[2][2]  # type: ignore
+
+    def test_safe_deepcopy_custom_object(self):
+        class CustomClass:
+            def __init__(self, value):
+                self.value = value
+
+        original = CustomClass(10)
+        copied = safe_deepcopy(original)
+
+        assert copied.value == original.value
+        assert copied is not original
+
+    def test_safe_deepcopy_handles_undeepcopyable(self):
+        class Uncopyable:
+            def __deepcopy__(self, memo):
+                raise TypeError("Can't deepcopy")
+
+        original = Uncopyable()
+        result = safe_deepcopy(original)
+        assert result is not original
+        assert type(result) is type(original)
+
+
+def test_get_icon_path():
+    assert get_icon_path("plus.svg").endswith("plus.svg")
+    assert get_icon_path("huggingface-logo.svg").endswith("huggingface-logo.svg")
+
+
+def test_error_payload():
+    result = error_payload(None, False)
+    assert result == {"error": None}
+
+    result = error_payload(Exception("test error"), True)
+    assert result == {"error": "test error", "visible": True}
+
+    gr_error = Error("custom error", duration=1.5, visible=True, title="Error Title")
+    result = error_payload(gr_error, False)
+    assert result == {
+        "error": "custom error",
+        "duration": 1.5,
+        "visible": True,
+        "title": "Error Title",
+    }
+
+    app_error = AppError("custom error")
+    result = error_payload(app_error, False)
+    assert result == {
+        "error": "custom error",
+        "duration": 10,
+        "visible": True,
+        "title": "Error",
+    }
+
+
+class TestGetFunctionDescription:
+    def test_basic_function_description(self):
+        def test_func(param1, param2):
+            """This is a test function.
+            Args:
+                param1: First parameter
+                param2: Second parameter
+            Returns:
+                - First return value
+                - Second return value
+            """
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == "This is a test function."
+        assert parameters == {"param1": "First parameter", "param2": "Second parameter"}
+        assert returns == ["- First return value", "- Second return value"]
+
+    def test_function_with_extended_returns(self):
+        def test_func(param1, param2):
+            """This is a test function.
+            Args:
+                param1: First parameter
+                param2: Second parameter
+            Returns:
+                - First return value
+                - Second return value
+            Examples:
+                - Example 1
+                - Example 2
+            """
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == "This is a test function."
+        assert parameters == {"param1": "First parameter", "param2": "Second parameter"}
+        assert returns == [
+            "- First return value",
+            "- Second return value",
+            "Examples:",
+            "- Example 1",
+            "- Example 2",
+        ]
+
+    def test_function_with_no_docstring(self):
+        def test_func():
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == ""
+        assert parameters == {}
+        assert returns == []
+
+    def test_function_with_no_parameters(self):
+        def test_func():
+            """This is a test function with no parameters."""
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == "This is a test function with no parameters."
+        assert parameters == {}
+        assert returns == []
+
+    def test_function_with_alternate_parameter_section(self):
+        def test_func(param1, param2):
+            """This is a test function.
+            Parameters:
+                param1: First parameter
+                param2: Second parameter
+            """
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == "This is a test function."
+        assert parameters == {"param1": "First parameter", "param2": "Second parameter"}
+        assert returns == []
+
+    def test_function_with_arguments_section(self):
+        def test_func(param1, param2):
+            """This is a test function.
+            Arguments:
+                param1: First parameter
+                param2: Second parameter
+            Returns:
+                x: First return value
+                y: Second return value
+            """
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == "This is a test function."
+        assert parameters == {"param1": "First parameter", "param2": "Second parameter"}
+        assert returns == ["x: First return value", "y: Second return value"]
+
+    def test_function_with_multiline_description(self):
+        def test_func(param1, param2):
+            """This is a test function.
+            It has multiple lines of description.
+            Args:
+                param1: First parameter
+                param2: Second parameter
+            """
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert (
+            description
+            == "This is a test function. It has multiple lines of description."
+        )
+        assert parameters == {"param1": "First parameter", "param2": "Second parameter"}
+        assert returns == []
+
+    def test_function_with_missing_params(self):
+        def test_func(param1, param2, param3):
+            """This is a test function.
+            Args:
+            param1: description1
+            param3: description3
+            Returns:
+                - First return value
+                - Second return value
+            """
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == "This is a test function."
+        assert parameters == {
+            "param1": "description1",
+            "param2": "",
+            "param3": "description3",
+        }
+        assert returns == ["- First return value", "- Second return value"]
+
+    def test_function_with_nested_colons(self):
+        def test_func(param1, param2):
+            """This is a test function.
+            Args:
+            param1: description1: with nested colon
+            param2: description2
+            """
+            pass
+
+        description, parameters, returns = get_function_description(test_func)
+        assert description == "This is a test function."
+        assert parameters == {
+            "param1": "description1: with nested colon",
+            "param2": "description2",
+        }
+        assert returns == []
+
+    def test_get_function_description_inherits_parent_docstring(self):
+        """
+        Test that get_function_description correctly retrieves docstrings
+        from a method's parent class if the method itself has none.
+        """
+
+        class Parent:
+            def method(self):
+                """This is the docstring from the parent class."""
+                pass
+
+        class Child(Parent):
+            def method(self):
+                pass  # No docstring here
+
+        description, parameters, returns = get_function_description(Child().method)
+        assert parameters == {}
+        assert returns == []
+        assert description == "This is the docstring from the parent class."
+
+
+class TestConnectHeartbeat:
+    def test_unload_registered_last(self):
+        with gr.Blocks() as demo:
+            msg = gr.Markdown("# Test")
+            gr.Button("Click").click(lambda: "# TADA!", outputs=[msg])
+            demo.unload(lambda: None)
+
+        config = demo.get_config_file()
+        assert config["connect_heartbeat"] is True
+
+    def test_unload_registered_first(self):
+        with gr.Blocks() as demo:
+            demo.unload(lambda: None)
+            msg = gr.Markdown("# Test")
+            gr.Button("Click").click(lambda: "# TADA!", outputs=[msg])
+
+        config = demo.get_config_file()
+        assert config["connect_heartbeat"] is True
+
+    def test_unload_registered_in_middle(self):
+        with gr.Blocks() as demo:
+            msg = gr.Markdown("# Test")
+            gr.Button("Click1").click(lambda: "# 1", outputs=[msg])
+            demo.unload(lambda: None)
+            gr.Button("Click2").click(lambda: "# 2", outputs=[msg])
+
+        config = demo.get_config_file()
+        assert config["connect_heartbeat"] is True
+
+    def test_no_unload_no_heartbeat(self):
+        with gr.Blocks() as demo:
+            msg = gr.Markdown("# Test")
+            gr.Button("Click").click(lambda: "# TADA!", outputs=[msg])
+
+        config = demo.get_config_file()
+        assert config["connect_heartbeat"] is False
+
+    def test_per_session_manual_cache_connects_heartbeat(self):
+        def predict(value, cache=gr.Cache(per_session=True)):
+            hit = cache.get(value)
+            if hit is not None:
+                return hit["value"]
+            cache.set(value, value=value)
+            return value
+
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            output = gr.Textbox()
+            gr.Button("Click").click(predict, [text], [output])
+
+        config = demo.get_config_file()
+        assert config["connect_heartbeat"] is True
+
+    def test_per_session_decorator_cache_connects_heartbeat(self):
+        @gr.cache(per_session=True)
+        def predict(value):
+            return value
+
+        with gr.Blocks() as demo:
+            text = gr.Textbox()
+            output = gr.Textbox()
+            gr.Button("Click").click(predict, [text], [output])
+
+        config = demo.get_config_file()
+        assert config["connect_heartbeat"] is True
+
+
+class _FakeIterator:
+    """A fake iterator with a controllable close() for testing."""
+
+    def __init__(self, fail_count=0):
+        self.close_call_count = 0
+        self._fail_count = fail_count
+        self._closed = False
+
+    def close(self):
+        self.close_call_count += 1
+        if self.close_call_count <= self._fail_count:
+            raise ValueError("generator already executing")
+        self._closed = True
+
+    def __next__(self):
+        raise StopIteration
+
+    def __iter__(self):
+        return self
+
+
+class TestSyncToAsyncIteratorAclose:
+    @pytest.mark.asyncio
+    async def test_aclose_closes_iterator(self):
+        """aclose() should call close() on the underlying sync iterator."""
+
+        def gen():
+            yield 1
+            yield 2
+
+        iterator = SyncToAsyncIterator(gen(), limiter=None)
+        await iterator.aclose()
+        assert list(iterator.iterator) == []
+
+    @pytest.mark.asyncio
+    async def test_aclose_retries_on_already_executing(self):
+        """aclose() should retry when ValueError('generator already executing') is raised."""
+        fake = _FakeIterator(fail_count=2)
+        iterator = SyncToAsyncIterator(fake, limiter=None)
+        await iterator.aclose(retry_interval=0.01)
+
+        assert fake.close_call_count == 3
+        assert fake._closed is True
+
+    @pytest.mark.asyncio
+    async def test_aclose_timeout_raises(self):
+        """aclose() should raise ValueError after timeout is exceeded."""
+        fake = _FakeIterator(fail_count=999)
+        iterator = SyncToAsyncIterator(fake, limiter=None)
+
+        with pytest.raises(ValueError, match="already executing"):
+            await iterator.aclose(timeout=0.1, retry_interval=0.02)
+
+    @pytest.mark.asyncio
+    async def test_aclose_raises_other_value_error(self):
+        """aclose() should not retry on ValueError without 'already executing'."""
+
+        class _BadIterator:
+            def close(self):
+                raise ValueError("some other error")
+
+        iterator = SyncToAsyncIterator(_BadIterator(), limiter=None)
+        with pytest.raises(ValueError, match="some other error"):
+            await iterator.aclose()
+
+
+class TestSafeAcloseIterator:
+    @pytest.mark.asyncio
+    async def test_delegates_to_aclose(self):
+        """safe_aclose_iterator() should call aclose() on the iterator."""
+
+        def gen():
+            yield 1
+
+        iterator = SyncToAsyncIterator(gen(), limiter=None)
+        await safe_aclose_iterator(iterator)
+        assert list(iterator.iterator) == []
+
+    @pytest.mark.asyncio
+    async def test_works_with_async_generator(self):
+        """safe_aclose_iterator() should work with native async generators."""
+
+        async def gen():
+            yield 1
+            yield 2
+
+        ag = gen()
+        await safe_aclose_iterator(ag)
+        # After aclose, async generator should raise StopAsyncIteration
+        with pytest.raises(StopAsyncIteration):
+            await ag.__anext__()
diff --git a/test/test_workflow.py b/test/test_workflow.py
new file mode 100644
index 0000000..6e51a43
--- /dev/null
+++ b/test/test_workflow.py
@@ -0,0 +1,509 @@
+import json
+import os
+import tempfile
+from typing import Optional
+
+import pytest
+
+import gradio as gr
+import gradio.workflow as workflow_module
+from gradio.oauth import OAuthProfile, OAuthToken
+from gradio.route_utils import Request
+from gradio.workflow import (
+    WRITE_TOKEN,
+    Workflow,
+    _get_locally_saved_hf_token,
+    _request_has_write_token,
+    _resolve_token,
+    _workflow_from_bind,
+    call_model,
+    call_space,
+    get_oauth_available,
+    get_token,
+    has_write_access,
+)
+
+
+def _make_oauth(token: str) -> OAuthToken:
+    obj = OAuthToken.__new__(OAuthToken)
+    obj.token = token
+    obj.scope = "openid"
+    obj.expires_at = 0
+    return obj
+
+
+def _make_request(
+    cookie: str | None = None,
+    header: str | None = None,
+    query: str | None = None,
+) -> Request:
+    headers = {}
+    if cookie is not None:
+        headers["cookie"] = cookie
+    if header is not None:
+        headers["x-gradio-workflow-write-token"] = header
+    return Request(
+        headers=headers,
+        query_params={"write_token": query} if query is not None else {},
+    )
+
+
+def _write_request() -> Request:
+    """A request that carries the process write token (cookie flavor)."""
+    return _make_request(cookie=f"gradio_workflow_write_token_7860={WRITE_TOKEN}")
+
+
+def _shout(text: str) -> str:
+    return text.upper()
+
+
+def _add(a: int, b: int) -> int:
+    return a + b
+
+
+def _flag(on: bool) -> str:
+    return "yes" if on else "no"
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Construction
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestConstruction:
+    def test_subclasses_blocks(self):
+        wf = Workflow(graph=os.path.join(tempfile.gettempdir(), "wf_test.json"))
+        assert isinstance(wf, gr.Blocks)
+
+    def test_default_graph_path_is_caller_dir(self):
+        wf = Workflow()
+        assert os.path.basename(wf._workflow_file) == "workflow.json"
+        # Caller of __init__ is this test file → graph should resolve next to it.
+        assert os.path.dirname(wf._workflow_file) == os.path.dirname(
+            os.path.abspath(__file__)
+        )
+
+    def test_graph_parameter_honored(self, tmp_path):
+        graph = tmp_path / "custom.json"
+        wf = Workflow(graph=str(graph))
+        assert wf._workflow_file == str(graph)
+
+    def test_bind_accepts_list(self, tmp_path):
+        wf = Workflow(graph=str(tmp_path / "wf.json"), bind=[_shout, _add])
+        assert set(wf._bound.keys()) == {"_shout", "_add"}
+
+    def test_bind_accepts_dict(self, tmp_path):
+        wf = Workflow(
+            graph=str(tmp_path / "wf.json"),
+            bind={"upper": _shout, "sum": _add},
+        )
+        assert set(wf._bound.keys()) == {"upper", "sum"}
+
+    def test_workflow_name_derived_from_filename(self, tmp_path):
+        wf = Workflow(graph=str(tmp_path / "marketing_image_creator.json"))
+        assert wf._workflow_name == "Marketing Image Creator"
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# OAuth gating
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestOAuthGating:
+    def test_no_login_button_off_space(self, tmp_path, monkeypatch):
+        # Local dev: no Space, no LoginButton, no oauth wiring.
+        monkeypatch.delenv("SYSTEM", raising=False)
+        monkeypatch.delenv("SPACE_ID", raising=False)
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        assert wf.expects_oauth is False
+
+    def test_no_login_button_on_space_without_oauth_env(self, tmp_path, monkeypatch):
+        # The wftest 500 case: on a Space but `hf_oauth: true` either isn't
+        # set or env vars haven't propagated. Construction must NOT raise.
+        monkeypatch.setenv("SYSTEM", "spaces")
+        monkeypatch.setenv("SPACE_ID", "u/r")
+        monkeypatch.delenv("OAUTH_CLIENT_ID", raising=False)
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        assert wf.expects_oauth is False
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# launch() — allowed_paths merging
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestLaunchAllowedPaths:
+    def test_tempdir_added_by_default(self, tmp_path, monkeypatch):
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        captured = {}
+
+        def fake_super_launch(*args, **kwargs):
+            captured["allowed_paths"] = kwargs.get("allowed_paths")
+            return (None, "http://127.0.0.1:7860/", None)
+
+        monkeypatch.setattr(gr.Blocks, "launch", fake_super_launch)
+        wf.launch(prevent_thread_lock=True)
+        assert tempfile.gettempdir() in captured["allowed_paths"]
+
+    def test_user_allowed_paths_preserved(self, tmp_path, monkeypatch):
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        captured = {}
+
+        def fake_super_launch(*args, **kwargs):
+            captured["allowed_paths"] = kwargs.get("allowed_paths")
+            return (None, "http://127.0.0.1:7860/", None)
+
+        monkeypatch.setattr(gr.Blocks, "launch", fake_super_launch)
+        wf.launch(allowed_paths=["/extra/path"], prevent_thread_lock=True)
+        assert "/extra/path" in captured["allowed_paths"]
+        assert tempfile.gettempdir() in captured["allowed_paths"]
+
+    def test_none_allowed_paths_handled(self, tmp_path, monkeypatch):
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        captured = {}
+
+        def fake_super_launch(*args, **kwargs):
+            captured["allowed_paths"] = kwargs.get("allowed_paths")
+            return (None, "http://127.0.0.1:7860/", None)
+
+        monkeypatch.setattr(gr.Blocks, "launch", fake_super_launch)
+        wf.launch(allowed_paths=None, prevent_thread_lock=True)
+        assert captured["allowed_paths"] == [tempfile.gettempdir()]
+
+
+class TestLaunchWriteTokenLink:
+    def test_edit_link_printed_locally(self, tmp_path, monkeypatch, capsys):
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        monkeypatch.setattr(
+            gr.Blocks,
+            "launch",
+            lambda *a, **kw: (None, "http://127.0.0.1:7860/", None),
+        )
+        wf.launch(prevent_thread_lock=True)
+        out = capsys.readouterr().out
+        assert f"write_token={WRITE_TOKEN}" in out
+
+    def test_no_edit_link_on_spaces(self, tmp_path, monkeypatch, capsys):
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        monkeypatch.setattr(workflow_module, "get_space", lambda: "owner/space")
+        monkeypatch.setattr(
+            gr.Blocks,
+            "launch",
+            lambda *a, **kw: (None, "http://127.0.0.1:7860/", None),
+        )
+        wf.launch(prevent_thread_lock=True)
+        out = capsys.readouterr().out
+        assert "write_token" not in out
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Token resolution
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestResolveToken:
+    def test_explicit_data_wins(self, monkeypatch):
+        monkeypatch.setattr(
+            workflow_module, "_get_locally_saved_hf_token", lambda: None
+        )
+        assert (
+            _resolve_token(["x", "y", "z", "manual"], 3, _make_oauth("oauth"))
+            == "manual"
+        )
+
+    def test_oauth_used_when_no_manual(self, monkeypatch):
+        monkeypatch.setattr(
+            workflow_module, "_get_locally_saved_hf_token", lambda: None
+        )
+        assert _resolve_token([], 3, _make_oauth("oauth-tok")) == "oauth-tok"
+
+    def test_local_token_requires_write_access(self, monkeypatch):
+        # A share-link visitor (no write token) must never see the host's
+        # locally saved HF token.
+        monkeypatch.setattr(
+            workflow_module,
+            "_get_locally_saved_hf_token",
+            lambda: "local-tok",
+        )
+        assert _resolve_token([], 3, None, _write_request()) == "local-tok"
+        assert _resolve_token([], 3, None, _make_request()) is None
+        assert _resolve_token([], 3, None, None) is None
+
+
+class TestGetToken:
+    def test_oauth_token_wins(self, monkeypatch):
+        monkeypatch.setattr(
+            workflow_module,
+            "_get_locally_saved_hf_token",
+            lambda: "local-tok",
+        )
+        assert get_token(token=_make_oauth("oauth-tok")) == "oauth-tok"
+
+    def test_local_token_requires_write_access(self, monkeypatch):
+        monkeypatch.setattr(
+            workflow_module,
+            "_get_locally_saved_hf_token",
+            lambda: "local-tok",
+        )
+        assert get_token(request=_write_request()) == "local-tok"
+        assert get_token(request=_make_request()) == ""
+        assert get_token() == ""
+
+    def test_local_hf_token_is_disabled_on_spaces(self, monkeypatch):
+        monkeypatch.setattr(workflow_module, "get_space", lambda: "owner/space")
+        assert _get_locally_saved_hf_token() is None
+
+
+class TestOAuthAvailable:
+    # Drives whether the frontend shows the "Sign in" button: OAuth is only
+    # wired up on a Space with hf_oauth enabled (OAUTH_CLIENT_ID provisioned).
+    def test_false_locally(self, monkeypatch):
+        monkeypatch.setattr(workflow_module, "get_space", lambda: None)
+        assert get_oauth_available() == "false"
+
+    def test_false_on_space_without_oauth(self, monkeypatch):
+        monkeypatch.setattr(workflow_module, "get_space", lambda: "owner/space")
+        monkeypatch.delenv("OAUTH_CLIENT_ID", raising=False)
+        assert get_oauth_available() == "false"
+
+    def test_true_on_space_with_oauth(self, monkeypatch):
+        monkeypatch.setattr(workflow_module, "get_space", lambda: "owner/space")
+        monkeypatch.setenv("OAUTH_CLIENT_ID", "client-id")
+        assert get_oauth_available() == "true"
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Write access — local write token + Spaces OAuth ownership
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestWriteAccess:
+    def test_token_accepted_via_header_cookie_or_query(self):
+        assert _request_has_write_token(_make_request(header=WRITE_TOKEN))
+        assert _request_has_write_token(_write_request())
+        assert _request_has_write_token(_make_request(query=WRITE_TOKEN))
+        # Frontend suffixes the cookie name with the port; any suffix works.
+        assert _request_has_write_token(
+            _make_request(
+                cookie=f"other=1; gradio_workflow_write_token_8080={WRITE_TOKEN}"
+            )
+        )
+
+    def test_wrong_or_missing_token_denied(self):
+        assert not _request_has_write_token(
+            _make_request(cookie="gradio_workflow_write_token_7860=wrong")
+        )
+        assert not _request_has_write_token(_make_request(header="wrong"))
+        assert not _request_has_write_token(_make_request(query="wrong"))
+        assert not _request_has_write_token(_make_request())
+        assert not _request_has_write_token(None)
+
+    def test_write_token_ignored_on_spaces(self, monkeypatch):
+        # On Spaces only OAuth ownership grants write access; a leaked write
+        # token must not.
+        monkeypatch.setattr(workflow_module, "get_space", lambda: "owner/space")
+        assert has_write_access(_write_request(), None) is False
+
+
+class TestSaveWorkflowGating:
+    def _save_fn(self, tmp_path):
+        wf = Workflow(graph=str(tmp_path / "wf.json"))
+        canvas = next(
+            b for b in wf.blocks.values() if b.get_block_name() == "workflowcanvas"
+        )
+        return canvas.save_workflow
+
+    def test_save_rejected_without_write_access(self, tmp_path):
+        save = self._save_fn(tmp_path)
+        result = json.loads(save(['{"nodes": []}'], _make_request(), None))
+        assert result["error_type"] == "auth"
+        assert not os.path.exists(tmp_path / "wf.json")
+
+    def test_save_allowed_with_write_access(self, tmp_path):
+        save = self._save_fn(tmp_path)
+        # A valid schema_version 2 payload (save now validates the schema).
+        assert save(['{"schema_version": "2"}'], _write_request(), None) == "ok"
+        assert os.path.exists(tmp_path / "wf.json")
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# _workflow_from_bind — graph generation from Python functions
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestWorkflowFromBind:
+    def test_generates_nodes_for_each_bound_fn(self):
+        result = json.loads(_workflow_from_bind({"shout": _shout, "add": _add}))
+        fns = {n["fn"] for n in result["nodes"]}
+        assert fns == {"shout", "add"}
+
+    def test_port_type_from_annotation(self):
+        result = json.loads(_workflow_from_bind({"add": _add}))
+        node = result["nodes"][0]
+        assert all(p["type"] == "number" for p in node["inputs"])
+
+    def test_bool_annotation_maps_to_boolean(self):
+        result = json.loads(_workflow_from_bind({"flag": _flag}))
+        node = result["nodes"][0]
+        assert node["inputs"][0]["type"] == "boolean"
+
+    def test_unannotated_param_defaults_to_text(self):
+        def plain(x):  # no annotation
+            return x
+
+        result = json.loads(_workflow_from_bind({"plain": plain}))
+        node = result["nodes"][0]
+        assert node["inputs"][0]["type"] == "text"
+
+    def test_edges_resolve_by_function_name(self):
+        result = json.loads(
+            _workflow_from_bind(
+                {"shout": _shout, "add": _add},
+                edges=[("shout", "add")],
+            )
+        )
+        assert len(result["edges"]) == 1
+        edge = result["edges"][0]
+        assert edge["from_node_id"] == "fn_shout"
+        assert edge["to_node_id"] == "fn_add"
+
+    def test_edges_resolve_by_port_label(self):
+        result = json.loads(
+            _workflow_from_bind(
+                {"add": _add, "shout": _shout},
+                edges=[("add.output", "shout.text")],
+            )
+        )
+        edge = result["edges"][0]
+        assert edge["from_port_id"] == "out_0"
+        assert edge["to_port_id"] == "in_text"
+
+    def test_unknown_function_in_edge_raises(self):
+        with pytest.raises(ValueError, match="no function 'nope'"):
+            _workflow_from_bind({"shout": _shout}, edges=[("nope", "shout")])
+
+    def test_unknown_port_label_raises(self):
+        with pytest.raises(ValueError, match="no .* port"):
+            _workflow_from_bind(
+                {"shout": _shout}, edges=[("shout.bogus", "shout.text")]
+            )
+
+    def test_zero_input_fn_gets_synthetic_input_port(self):
+        def noargs() -> str:
+            return ""
+
+        result = json.loads(_workflow_from_bind({"noargs": noargs}))
+        node = result["nodes"][0]
+        assert node["inputs"] == [{"id": "in_0", "label": "input", "type": "text"}]
+
+
+class TestCallModelValidation:
+    def test_url_shaped_model_id_is_rejected(self):
+        result = json.loads(call_model(["http://169.254.169.254/latest/meta-data/"]))
+        assert result.get("error_type") == "not_found"
+
+    def test_https_url_is_rejected(self):
+        result = json.loads(call_model(["https://attacker.example.com/endpoint"]))
+        assert result.get("error_type") == "not_found"
+
+    def test_empty_model_id_is_rejected(self):
+        result = json.loads(call_model([""]))
+        assert result.get("error_type") == "not_found"
+
+    def test_bare_repo_name_is_rejected(self):
+        result = json.loads(call_model(["gpt2"]))
+        assert result.get("error_type") == "not_found"
+
+    def test_valid_owner_repo_passes_validation(self, monkeypatch):
+        class FakeClient:
+            def __init__(self, **kwargs):
+                pass
+
+            def text_generation(self, *args, **kwargs):
+                return "hello"
+
+        monkeypatch.setattr(
+            "gradio.workflow.InferenceClient", FakeClient, raising=False
+        )
+        import gradio.workflow as wf
+
+        wf.call_model.__globals__.get("InferenceClient")
+
+        import sys
+        import types
+
+        fake_hf = types.ModuleType("huggingface_hub")
+        fake_hf.InferenceClient = FakeClient  # type: ignore[attr-defined]
+        monkeypatch.setitem(sys.modules, "huggingface_hub", fake_hf)
+
+        result = json.loads(call_model(["owner/model"]))
+        assert "error" not in result
+
+
+class TestCallFn:
+    def _call_fn(self, tmp_path, bind):
+        wf = Workflow(graph=str(tmp_path / "wf.json"), bind=bind)
+        canvas = next(
+            b for b in wf.blocks.values() if b.get_block_name() == "workflowcanvas"
+        )
+        return canvas.call_fn
+
+    def test_calls_bound_fn(self, tmp_path):
+        call_fn = self._call_fn(tmp_path, {"echo": lambda x: x})
+        result = json.loads(call_fn(["echo", '["hello"]']))
+        assert result == ["hello"]
+
+    def test_injects_oauth_token(self, tmp_path):
+        received = {}
+
+        def fn_with_token(text: str, token: Optional[OAuthToken]) -> str:
+            received["token"] = token
+            return text
+
+        call_fn = self._call_fn(tmp_path, {"fn_with_token": fn_with_token})
+
+        class _MockRequest:
+            session = {
+                "oauth_info": {
+                    "access_token": "test-tok",
+                    "scope": "openid",
+                    "expires_at": 9999999999,
+                }
+            }
+
+        result = json.loads(
+            call_fn(["fn_with_token", '["hi"]'], _request=_MockRequest())
+        )
+        assert result == ["hi"]
+        assert received["token"].token == "test-tok"
+
+    def test_injects_direct_token_without_session(self, tmp_path):
+        def fn(text: str, token: OAuthToken, profile: Optional[OAuthProfile]) -> str:
+            return f"{token.token},{profile}"
+
+        call_fn = self._call_fn(tmp_path, {"fn": fn})
+        direct = OAuthToken.__new__(OAuthToken)
+        direct.token = "direct-token"
+        direct.scope = "openid"
+        direct.expires_at = 9999999999
+        result = json.loads(call_fn(["fn", '["hello"]'], _request=None, _token=direct))
+        assert result == ["direct-token,None"]
+
+    def test_unknown_fn_returns_error(self, tmp_path):
+        call_fn = self._call_fn(tmp_path, {"echo": lambda x: x})
+        result = json.loads(call_fn(["missing", "[]"]))
+        assert result.get("error_type") == "unknown"
+
+
+class TestCallSpaceValidation:
+    def test_url_shaped_space_id_is_rejected(self):
+        result = json.loads(call_space(["http://169.254.169.254/"]))
+        assert result.get("error_type") == "not_found"
+
+    def test_valid_owner_repo_format_accepted_by_regex(self):
+        import re
+
+        pattern = r"[a-zA-Z0-9_.-]+/[a-zA-Z0-9_.-]+"
+        assert re.fullmatch(pattern, "owner/repo")
+        assert re.fullmatch(pattern, "my-org/my-space")
+        assert re.fullmatch(pattern, "http://host/path") is None
diff --git a/test/test_workflow_api.py b/test/test_workflow_api.py
new file mode 100644
index 0000000..66da49c
--- /dev/null
+++ b/test/test_workflow_api.py
@@ -0,0 +1,629 @@
+import json
+import os
+from inspect import signature as inspect_signature
+
+import pytest
+
+from gradio.workflow_api import (
+    WorkflowExecutionError,
+    WorkflowExecutor,
+    WorkflowGraph,
+    describe_workflow_api,
+    free_inputs,
+    subject_groups,
+    topo_sort,
+    upstream_node_ids,
+)
+
+DEMO = os.path.join(
+    os.path.dirname(os.path.dirname(os.path.abspath(__file__))),
+    "demo",
+    "workflow",
+    "workflow.json",
+)
+
+
+def _demo_graph() -> WorkflowGraph:
+    with open(DEMO, encoding="utf-8") as f:
+        graph = WorkflowGraph.from_json(f.read())
+    assert graph is not None
+    return graph
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Graph helpers
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestGraphParsing:
+    def test_parses_demo_roles(self):
+        g = _demo_graph()
+        assert {r["label"] for r in g.references} == {"Text", "Image"}
+        assert {s["label"] for s in g.subjects} == {"Marketing Image"}
+        assert len(g.operators) == 2
+
+    def test_non_v2_returns_none(self):
+        assert WorkflowGraph.from_json(json.dumps({"nodes": []})) is None
+        assert WorkflowGraph.from_json("not json") is None
+        assert WorkflowGraph.from_json(None) is None
+
+    def test_malformed_v2_returns_none(self):
+        assert (
+            WorkflowGraph.from_json(
+                json.dumps({"schema_version": "2", "subjects": [{"label": "Out"}]})
+            )
+            is None
+        )
+
+
+class TestTopoSort:
+    def test_orders_dependencies_first(self):
+        edges = [{"from_node_id": "a", "to_node_id": "b"}]
+        order = topo_sort(["a", "b"], edges)
+        assert order.index("a") < order.index("b")
+
+    def test_detects_cycle(self):
+        edges = [
+            {"from_node_id": "a", "to_node_id": "b"},
+            {"from_node_id": "b", "to_node_id": "a"},
+        ]
+        with pytest.raises(ValueError, match="cycle"):
+            topo_sort(["a", "b"], edges)
+
+
+class TestSubgraph:
+    def test_upstream_includes_transitive_deps(self):
+        g = _demo_graph()
+        subject = g.subjects[0]["id"]
+        ids = upstream_node_ids(g, subject)
+        # The whole demo feeds the single output, so every node is included.
+        assert ids == set(g.node_by_id.keys())
+
+    def test_free_inputs_excludes_computed_reference(self):
+        g = _demo_graph()
+        subject = g.subjects[0]["id"]
+        ids = upstream_node_ids(g, subject)
+        frees = free_inputs(g, ids)
+        # "Text" has an incoming edge (computed); only "Image" is free.
+        assert [f["label"] for f in frees] == ["Image"]
+        assert frees[0]["type"] == "image"
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Executor (callers mocked)
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestExecutor:
+    def test_runs_demo_end_to_end(self):
+        g = _demo_graph()
+        subject_id = g.subjects[0]["id"]
+        image_ref = next(r for r in g.references if r["label"] == "Image")
+
+        calls = []
+
+        def fake_call_space(data, request=None, token=None):
+            space_id, args_json = data[0], data[2]
+            calls.append((space_id, json.loads(args_json)))
+            if space_id == "ovi054/image-to-prompt":
+                return json.dumps(["a serene mountain lake"])
+            if space_id == "multimodalart/FLUX.1-merged":
+                # multi-output: image + seed
+                return json.dumps(
+                    [
+                        {
+                            "path": "/tmp/flux.png",
+                            "url": "/gradio_api/file=/tmp/flux.png",
+                            "is_file": True,
+                        },
+                        42,
+                    ]
+                )
+            raise AssertionError(f"unexpected space {space_id}")
+
+        executor = WorkflowExecutor(g, {"space": fake_call_space})
+        out = executor.run(subject_id, {image_ref["id"]: "/tmp/input.png"})
+
+        # Subject output is the FLUX image (picked from the multi-output by shape).
+        assert out == "/tmp/flux.png"
+
+        # image-to-prompt received the user image wrapped as a file dict.
+        i2p_args = next(a for s, a in calls if s == "ovi054/image-to-prompt")
+        assert i2p_args == [{"path": "/tmp/input.png"}]
+
+        # FLUX received the generated prompt threaded through the Text relay.
+        flux_args = next(a for s, a in calls if s == "multimodalart/FLUX.1-merged")
+        assert flux_args == ["a serene mountain lake"]
+
+    def test_error_dict_raises(self):
+        g = _demo_graph()
+        subject_id = g.subjects[0]["id"]
+        image_ref = next(r for r in g.references if r["label"] == "Image")
+
+        def failing_space(data, request=None, token=None):
+            return json.dumps(
+                {
+                    "error": "Space is sleeping",
+                    "error_type": "sleeping",
+                    "suggestion": "try again in a minute",
+                }
+            )
+
+        executor = WorkflowExecutor(g, {"space": failing_space})
+        with pytest.raises(WorkflowExecutionError, match="try again in a minute"):
+            executor.run(subject_id, {image_ref["id"]: "/tmp/input.png"})
+
+    def test_unknown_subject_raises(self):
+        g = _demo_graph()
+        executor = WorkflowExecutor(g, {})
+        with pytest.raises(WorkflowExecutionError, match="No such workflow output"):
+            executor.run("does-not-exist", {})
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Endpoint registration (B2) — schema via get_api_info() + fn wiring
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+class TestEndpointRegistration:
+    def test_demo_exposes_named_endpoint(self):
+        import gradio as gr
+
+        wf = gr.Workflow(graph=DEMO)
+        info = wf.get_api_info()
+        named = info["named_endpoints"]
+        # One endpoint for the single subject "Marketing Image".
+        assert "/marketing_image" in named
+        ep = named["/marketing_image"]
+        # One free input (the "Image" reference); output is the subject image.
+        assert len(ep["parameters"]) == 1
+        assert ep["parameters"][0]["python_type"]["type"] in ("filepath", "str", "Dict")
+        assert len(ep["returns"]) == 1
+
+    def test_endpoint_fn_runs_with_injected_request_token(self):
+        from gradio.workflow_api import _build_endpoint_fn
+
+        g = _demo_graph()
+        subject_id = g.subjects[0]["id"]
+        image_ref = next(r for r in g.references if r["label"] == "Image")
+
+        seen_token = {}
+
+        def fake_call_space(data, request=None, token=None):
+            seen_token["token"] = token
+            if data[0] == "ovi054/image-to-prompt":
+                return json.dumps(["a prompt"])
+            return json.dumps(
+                [
+                    {
+                        "path": "/tmp/out.png",
+                        "url": "/gradio_api/file=/tmp/out.png",
+                        "is_file": True,
+                    },
+                    7,
+                ]
+            )
+
+        fn = _build_endpoint_fn(
+            lambda: g, [subject_id], [image_ref["id"]], {"space": fake_call_space}
+        )
+        # Synthesized signature must advertise request + token for injection.
+        params = list(inspect_signature(fn).parameters)
+        assert params[-2:] == ["request", "token"]
+
+        # Called the way Gradio would: positional inputs, then request, token.
+        out = fn("/tmp/in.png", None, "MY_TOKEN")
+        assert out == "/tmp/out.png"
+        assert seen_token["token"] == "MY_TOKEN"
+
+    def test_describe_parameter_names_match_info(self, tmp_path):
+        import gradio as gr
+
+        path = tmp_path / "wf.json"
+        path.write_text(_graph_with_subjects(1))
+        wf = gr.Workflow(graph=str(path))
+        graph = WorkflowGraph.from_json(path.read_text())
+        assert graph is not None
+
+        described = describe_workflow_api(graph)[0]
+        info_param = wf.get_api_info()["named_endpoints"]["/out0"]["parameters"][0]
+        assert described["parameters"][0]["parameter_name"] == "in_0"
+        assert (
+            described["parameters"][0]["parameter_name"] == info_param["parameter_name"]
+        )
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Live schema updates — endpoint set re-derives on save (Option 2)
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+def _graph_with_subjects(n: int) -> str:
+    """A minimal v2 graph with `n` text input→output passthroughs (one free
+    reference feeding one subject each)."""
+    refs, subs, edges = [], [], []
+    for i in range(n):
+        rid, sid = f"ref{i}", f"sub{i}"
+        refs.append(
+            {
+                "id": rid,
+                "label": f"In{i}",
+                "role": "reference",
+                "asset_type": "text",
+                "inputs": [{"id": "in", "type": "text"}],
+                "outputs": [{"id": "out", "type": "text"}],
+                "data": {},
+            }
+        )
+        subs.append(
+            {
+                "id": sid,
+                "label": f"Out{i}",
+                "role": "subject",
+                "asset_type": "text",
+                "inputs": [{"id": "in", "type": "text"}],
+                "outputs": [{"id": "out", "type": "text"}],
+                "data": {},
+            }
+        )
+        edges.append(
+            {
+                "id": f"e{i}",
+                "from_node_id": rid,
+                "from_port_id": "out",
+                "to_node_id": sid,
+                "to_port_id": "in",
+                "type": "text",
+            }
+        )
+    return json.dumps(
+        {
+            "schema_version": "2",
+            "name": "T",
+            "references": refs,
+            "operators": [],
+            "subjects": subs,
+            "edges": edges,
+        }
+    )
+
+
+def _endpoint_names(wf) -> set:
+    # Exclude the canvas's own initial-value loader (value=_load_initial), which
+    # is registered as a load event independent of the workflow API endpoints.
+    return set(wf.get_api_info()["named_endpoints"].keys()) - {"/_load_initial"}
+
+
+class TestLiveSchemaUpdate:
+    def test_sync_adds_and_removes_endpoints(self, tmp_path):
+        import gradio as gr
+
+        path = tmp_path / "wf.json"
+        path.write_text(_graph_with_subjects(1))
+        wf = gr.Workflow(graph=str(path))
+        assert _endpoint_names(wf) == {"/out0"}
+        fns_after_one = len(wf.fns)
+
+        assert wf._api_endpoints is not None
+
+        # Add a second output → endpoint appears after sync.
+        path.write_text(_graph_with_subjects(2))
+        wf._api_endpoints.sync()
+        assert _endpoint_names(wf) == {"/out0", "/out1"}
+
+        # Remove it again → endpoint disappears and the fn is not leaked.
+        path.write_text(_graph_with_subjects(1))
+        wf._api_endpoints.sync()
+        assert _endpoint_names(wf) == {"/out0"}
+        assert len(wf.fns) == fns_after_one
+
+    def test_rename_changes_api_name(self, tmp_path):
+        import gradio as gr
+
+        path = tmp_path / "wf.json"
+        path.write_text(_graph_with_subjects(1))
+        wf = gr.Workflow(graph=str(path))
+        assert _endpoint_names(wf) == {"/out0"}
+
+        renamed = json.loads(_graph_with_subjects(1))
+        renamed["subjects"][0]["label"] = "Final Image"
+        path.write_text(json.dumps(renamed))
+        assert wf._api_endpoints is not None
+        wf._api_endpoints.sync()
+        assert _endpoint_names(wf) == {"/final_image"}
+
+    def test_save_workflow_resyncs_endpoints(self, tmp_path):
+        import gradio as gr
+        from gradio.route_utils import Request
+        from gradio.workflow import WRITE_TOKEN
+
+        path = tmp_path / "wf.json"
+        path.write_text(_graph_with_subjects(1))
+        wf = gr.Workflow(graph=str(path))
+        canvas = next(
+            b for b in wf.blocks.values() if b.get_block_name() == "workflowcanvas"
+        )
+        write_req = Request(
+            headers={"cookie": f"gradio_workflow_write_token_7860={WRITE_TOKEN}"},
+            query_params={},
+        )
+        result = canvas.save_workflow([_graph_with_subjects(2)], write_req, None)
+        assert result == "ok"
+        assert _endpoint_names(wf) == {"/out0", "/out1"}
+
+    def test_save_workflow_rejects_malformed_schema(self, tmp_path):
+        import gradio as gr
+        from gradio.route_utils import Request
+        from gradio.workflow import WRITE_TOKEN
+
+        path = tmp_path / "wf.json"
+        original = _graph_with_subjects(1)
+        path.write_text(original)
+        wf = gr.Workflow(graph=str(path))
+        canvas = next(
+            b for b in wf.blocks.values() if b.get_block_name() == "workflowcanvas"
+        )
+        write_req = Request(
+            headers={"cookie": f"gradio_workflow_write_token_7860={WRITE_TOKEN}"},
+            query_params={},
+        )
+        bad = json.dumps({"schema_version": "2", "subjects": [{"label": "Out"}]})
+        result = canvas.save_workflow([bad], write_req, None)
+
+        assert json.loads(result)["error"].startswith("Invalid workflow schema")
+        assert path.read_text() == original
+        assert _endpoint_names(wf) == {"/out0"}
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# End-to-end through real /info + /call via gradio_client
+# ─────────────────────────────────────────────────────────────────────────────
+
+DEMO_API = os.path.join(
+    os.path.dirname(os.path.dirname(os.path.abspath(__file__))),
+    "demo",
+    "workflow_api",
+    "workflow.json",
+)
+
+
+def _frontend_built() -> bool:
+    import gradio as gr
+
+    return os.path.exists(
+        os.path.join(
+            os.path.dirname(gr.__file__ or ""),
+            "templates",
+            "frontend",
+            "index.html",
+        )
+    )
+
+
+class TestEndToEndClient:
+    @pytest.mark.skipif(
+        not _frontend_built(),
+        reason="frontend build required (gradio_client fetches the root page)",
+    )
+    def test_multi_output_endpoint_callable_via_gradio_client(self):
+        from gradio_client import Client
+
+        import gradio as gr
+
+        def shout(text: str) -> str:
+            return (text or "").upper()
+
+        def reverse(text: str) -> str:
+            return (text or "")[::-1]
+
+        # "Loud" and "Reversed" share the "Text" input, so they're one subgraph
+        # → one endpoint (slug from the first subject) returning both outputs.
+        demo = gr.Workflow(graph=DEMO_API, bind={"shout": shout, "reverse": reverse})
+        _, local_url, _ = demo.launch(prevent_thread_lock=True, quiet=True)
+        try:
+            client = Client(local_url, verbose=False)
+            api = client.view_api(return_format="dict")
+            assert isinstance(api, dict)
+            named = api["named_endpoints"]
+            assert "/loud" in named and "/reversed" not in named
+
+            assert client.predict("hello", api_name="/loud") == ("HELLO", "olleh")
+        finally:
+            demo.close()
+
+    def test_info_route_lists_endpoints(self):
+        """The HTTP /info route serves the workflow endpoints (no frontend build
+        needed — this is the discovery half; gradio_client covers /call in CI)."""
+        from fastapi.testclient import TestClient
+
+        import gradio as gr
+
+        def shout(text: str) -> str:
+            return (text or "").upper()
+
+        def reverse(text: str) -> str:
+            return (text or "")[::-1]
+
+        demo = gr.Workflow(graph=DEMO_API, bind={"shout": shout, "reverse": reverse})
+        client = TestClient(demo.app)
+        resp = client.get("/gradio_api/info")
+        assert resp.status_code == 200
+        named = resp.json()["named_endpoints"]
+        # One subgraph (shared "Text" input) → one endpoint with two returns.
+        assert "/loud" in named and "/reversed" not in named
+        assert len(named["/loud"]["parameters"]) == 1
+        assert len(named["/loud"]["returns"]) == 2
+
+
+# ─────────────────────────────────────────────────────────────────────────────
+# Multi-output subgraph — outputs of one pipeline are a SINGLE endpoint
+# ─────────────────────────────────────────────────────────────────────────────
+
+
+def _graph_two_outputs() -> str:
+    """One image reference → an operator with two outputs → two subject nodes.
+    All nodes form a single weakly-connected subgraph, so it must expose ONE
+    endpoint that returns both outputs (not one endpoint per output)."""
+    return json.dumps(
+        {
+            "schema_version": "2",
+            "name": "Two Outputs",
+            "references": [
+                {
+                    "id": "ref0",
+                    "label": "Image",
+                    "role": "reference",
+                    "asset_type": "image",
+                    "inputs": [{"id": "in", "type": "image"}],
+                    "outputs": [{"id": "out", "type": "image"}],
+                    "data": {},
+                }
+            ],
+            "operators": [
+                {
+                    "id": "op",
+                    "label": "Split",
+                    "role": "operator",
+                    "kind": "space",
+                    "space_id": "owner/repo",
+                    "endpoint": "/predict",
+                    "inputs": [
+                        {
+                            "id": "in_0",
+                            "label": "Image",
+                            "type": "image",
+                            "required": True,
+                        }
+                    ],
+                    "outputs": [
+                        {
+                            "id": "out_0",
+                            "label": "A",
+                            "type": "image",
+                            "output_index": 0,
+                        },
+                        {
+                            "id": "out_1",
+                            "label": "B",
+                            "type": "image",
+                            "output_index": 1,
+                        },
+                    ],
+                    "data": {},
+                }
+            ],
+            "subjects": [
+                {
+                    "id": "sa",
+                    "label": "Cutout",
+                    "role": "subject",
+                    "asset_type": "image",
+                    "inputs": [{"id": "in", "type": "image"}],
+                    "outputs": [{"id": "out", "type": "image"}],
+                    "data": {},
+                },
+                {
+                    "id": "sb",
+                    "label": "Mask",
+                    "role": "subject",
+                    "asset_type": "image",
+                    "inputs": [{"id": "in", "type": "image"}],
+                    "outputs": [{"id": "out", "type": "image"}],
+                    "data": {},
+                },
+            ],
+            "edges": [
+                {
+                    "id": "e0",
+                    "from_node_id": "ref0",
+                    "from_port_id": "out",
+                    "to_node_id": "op",
+                    "to_port_id": "in_0",
+                    "type": "image",
+                },
+                {
+                    "id": "e1",
+                    "from_node_id": "op",
+                    "from_port_id": "out_0",
+                    "to_node_id": "sa",
+                    "to_port_id": "in",
+                    "type": "image",
+                },
+                {
+                    "id": "e2",
+                    "from_node_id": "op",
+                    "from_port_id": "out_1",
+                    "to_node_id": "sb",
+                    "to_port_id": "in",
+                    "type": "image",
+                },
+            ],
+        }
+    )
+
+
+class TestMultiOutputSubgraph:
+    def test_subjects_in_one_component_form_one_group(self):
+        graph = WorkflowGraph.from_json(_graph_two_outputs())
+        assert graph is not None
+        groups = subject_groups(graph)
+        assert len(groups) == 1
+        assert [s["id"] for s in groups[0]] == ["sa", "sb"]
+
+    def test_one_endpoint_with_two_returns(self, tmp_path):
+        import gradio as gr
+
+        graph = WorkflowGraph.from_json(_graph_two_outputs())
+        assert graph is not None
+        described = describe_workflow_api(graph)
+        assert len(described) == 1
+        # One shared input (the single Image reference), two outputs.
+        assert len(described[0]["parameters"]) == 1
+        assert len(described[0]["returns"]) == 2
+
+        path = tmp_path / "wf.json"
+        path.write_text(_graph_two_outputs())
+        wf = gr.Workflow(graph=str(path))
+        assert _endpoint_names(wf) == {"/cutout"}
+        assert len(wf.get_api_info()["named_endpoints"]["/cutout"]["returns"]) == 2
+
+    def test_shared_operator_runs_once_and_returns_both(self):
+        graph = WorkflowGraph.from_json(_graph_two_outputs())
+        assert graph is not None
+        calls = []
+
+        def fake_space(data, request=None, token=None):
+            calls.append(data[0])
+            return json.dumps(
+                [
+                    {
+                        "path": "/tmp/a.png",
+                        "url": "/gradio_api/file=/tmp/a.png",
+                        "is_file": True,
+                    },
+                    {
+                        "path": "/tmp/b.png",
+                        "url": "/gradio_api/file=/tmp/b.png",
+                        "is_file": True,
+                    },
+                ]
+            )
+
+        out = WorkflowExecutor(graph, {"space": fake_space}).run_many(
+            ["sa", "sb"], {"ref0": "/tmp/in.png"}
+        )
+        assert out == ["/tmp/a.png", "/tmp/b.png"]
+        # The operator feeding both outputs is executed exactly once.
+        assert calls == ["owner/repo"]
+
+
+class TestPortComponents:
+    def test_file_port_maps_to_file_component(self):
+        import gradio as gr
+        from gradio.workflow_api import port_to_component
+
+        # "file" is a media port type (advertised as filepath); it must map to a
+        # File component, not fall through to the Textbox default.
+        c = port_to_component("file", "Document")
+        assert isinstance(c, gr.File)
+        assert c.type == "filepath"
diff --git a/test/tmp/tmp.txt b/test/tmp/tmp.txt
new file mode 100644
index 0000000..9df62d3
--- /dev/null
+++ b/test/tmp/tmp.txt
@@ -0,0 +1 @@
+# tmp files saved here
\ No newline at end of file
diff --git a/testing-guidelines/ci.md b/testing-guidelines/ci.md
new file mode 100644
index 0000000..8fafff9
--- /dev/null
+++ b/testing-guidelines/ci.md
@@ -0,0 +1,441 @@
+# Continous Integration
+
+The CI for Gradio uses GitHub Actions and almost all of the configuration to run the CI exists within the repo.
+
+The two cardinal rules that we have for CI are that:
+
+- CI should run on _all_ pull requests, whether those PRs are made from forks or from a branch within the repo.
+- These runs must be secure and _never_ leak any secrets, even if the run needs to have access to secrets in order to run successfully.
+
+More information on how we achieve this can be found in the [architecture section of this document](#architecture).
+
+## High-level overview
+
+Broadly speaking, CI is split into three main parts.
+
+- Quality
+- Deployments
+- Versioning and Publishing
+
+### When do checks run
+
+Checks only run when needed but are required to pass when they run.
+
+We check to see which source files have changed and run the necessary checks. A full breakdown of how we determine this for each kind of check can be found in the [`changes` action](https://github.com/gradio-app/gradio/blob/main/.github/actions/changes/action.yml#L65-L108) but the high-level breakdown is as follows:
+
+- **Python checks** - whenever Python source, dependencies or config change.
+- **Javascript checks** - whenever JavaScript source, dependencies or config change.
+- **functional and visual checks** - whenever any source of config changes (most of the time).
+- **repo hygiene checks** - always.
+
+Checks almost always run when the CI config has changed.
+
+If a check can be skipped, the status is set to `success` (green tick) to satisfy the GitHub required checks, but the message will have a text of `Skipped`.
+
+### Quality
+
+We run a series of quality checks on the repo. These range from static checks like linting to unit tests all the way through to fully end-to-end functional tests.
+
+All tests have a name of something like `test-<type>-<os>-<stability-level>`. `os` and `stability-level` are optional.
+
+This is a simple breakdown of our current quality checks:
+
+| Language   | Check           | operating system | Workflow file              | Notes                                        |
+| ---------- | --------------- | ---------------- | -------------------------- | -------------------------------------------- |
+| Python     | Linting         | linux            | `test-python.yml`          |                                              |
+| Python     | Formatting      | linux            | `test-python.yml`          |                                              |
+| Python     | Type-checking   | linux            | `test-python.yml`          |                                              |
+| Python     | Unit tests      | linux            | `test-python.yml`          |                                              |
+| Python     | Unit tests      | windows          | `test-python.yml`          |                                              |
+| JavaScript | Linting         | linux            | `test-js.yml`              |                                              |
+| JavaScript | Formatting      | linux            | `test-js.yml`              |                                              |
+| JavaScript | Type-checking   | linux            | `test-js.yml`              |                                              |
+| JavaScript | Unit tests      | linux            | `test-js.yml`              |                                              |
+| n/a        | Functional      | linux            | `test-functional.yml`      |                                              |
+| n/a        | Visual          | linux            | `deploy+test-visual/yml`   |                                              |
+| n/a        | Large files     | linux            | `test-hygiene.yml`         | Checks that all files are below 5 MB         |
+
+One important thing to note is that we split 'flaky' and 'non-flaky' Python unit/integration tests out.
+These tests are flaky because of network requests that they make. They are typically fine, but anything that can cause a red check in PRs makes us less trustworthy of our CI and confidence is the goal!
+The Windows tests are also very slow and only test a few edge cases.
+The flaky and Windows tests are not run in every PR, but are always run against the release PR to ensure everything is working as expected prior to a release.
+All other checks are run for every pull request, ensuring everything will work when we merge into `main`.
+
+For more information about the tests and tools that we use and our approach to quality, check the [testing-strategy](https://github.com/gradio-app/gradio/blob/main/testing-guidelines/quality-strategy.md) document. For more information on how to run and write tests, see the [contributing guide](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md).
+
+### Deployments
+
+We have three different deployment types that happen when a pull request is created:
+
+- website (`deploy-website.yml`)
+- spaces (`deploy-spaces.yml`)
+- storybook (`deploy+test-visual.yml`)
+
+#### website
+
+When a PR is created and source code has changed, a preview of the website is created.
+
+When a PR is merged into `main` the production version of the website is redeployed with the latest changes.
+
+Documentation is stored by version, `main` represents the current version of the repo which may or may not match the latest release version. The process of generating documentation is roughly like this:
+
+- In Pull Requests, `main` documentation is built from the pull request branch, reflecting the latest changes in that PR (when selecting the `main` option on the docs or guides).
+- When we merge a normal pull request into `main` the documentation is built from the repo, reflecting the latest changes on `main`. The demo spaces are also redeployed to Hugging Face Spaces at this point (the space variant with the `main_` prefix).
+- When a new version of Gradio is released (when a versioning PR is merged), the current documentation in the repo is deployed under a version tag. So for version `3.1.1` the current docs and guides in main will be available under that version for eternity. At this point `main` (built from source) and `3.1.1` (built from source and stored in the cloud) are equivalent. We also redeploy demo spaces when a new Gradio version is released, this time without the `main_` prefix.
+
+> [!NOTE]
+> Our non-main documentation is all stored in S3.
+> Each version `x.x.x` has its own folder containing a JSON file with all docs and guides.
+> They are immortal.
+
+#### spaces
+
+For every pull request we deploy a Gradio app to Hugging Face Spaces. This allows us to test out new features and check for any obvious issues. This process is follows:
+
+- Build Gradio and create a wheel
+- Upload the wheel to S3
+- Copy certain demos to a folder with some configuration
+- Create a requirements.txt contain links to the uploaded wheels
+- Create the necessary spaces configuration (via a README.md file)
+- Create a space using the `huggingface_hub` library
+- Add a comment linking to the space and explaining how to install that version of `gradio` and `gradio_client`
+
+These spaces are cleaned up after a certain period of time has passed, the wheels are immortal.
+
+#### storybook
+
+We redeploy storybook on every pull request that contains changes to the frontend source code to allow users to preview visual changes. Each PR is commented with a link to the storybook deployment. This deployment is also responsible for our visual tests as they are part of the same process.
+
+The storybook deploment process is relatively simple as we use an action created by the storybook developers and use their service (chromatic) to handle this:
+
+- Python needs to be installed and gradio needs to be installed locally in order to generate the gradio theme.
+- The theme is generated.
+- The storybook application is built.
+- The storybook application is uploaded to chromatic.
+
+### Versioning and publishing
+
+Versioning is made up of two components:
+
+- Each pull request has to explain what kind of change it introduces.
+- When a pull request is merged into `main` we need to figure out what the next version for package should be based on the combination of all changes and whether or not we should publish.
+
+To manage versioning and publishing we use a combination of the [`changesets`](https://github.com/changesets/changesets) library and some custom additions.
+
+#### pull request changesets
+
+Each pull request must include a changeset file. This is a simple markdown file that states what _type_ of change it is, what (if any) version bump is required for each affected package, and a description of that change.
+
+Change types are purely semantic and we only use them to organise the changelog. These "types" are related to bump types but they are not the same. They can be one of the following:
+
+- `fix` - we fixed a thing.
+- `feature` - we added a new capability.
+- `highlight` - we did something that we want to feature prominently in the changelog.
+
+For bump types we follow semantic versioning:
+
+- `patch` - No API changes, these are typically bug fixes, refactors, and docstring changes.
+- `minor` - API additions, everything works as it did before but new API may have been added.
+- `major` - breaking changes.
+
+We tend to plan breaking changes ahead of time, we don't release new majors very frequently.
+
+> [!NOTE]
+> This is a goal. We are not perfect. Regressions sneak in, accidental breakages happen.
+> It isn't a big deal but we need to fix them ASAP and try to make sure it doesn't happen again in the future.
+
+These changesets appear in the `.changeset` directory as markdown files and each changeset has its own dedicated file (this reduces conflicts). These changeset can be written manually or generated via a CLI but we try to automatically detect the changes in a PR and generate a changeset. This isn't always perfect but it is pretty reliable. The changeset can be updated by modifying labels, editing the issue, or modifying the file directly.
+
+#### merging into `main`
+
+When a pull request is merging to main there are two possible routes.
+
+- Create or update a versioning PR
+- Publish packages
+
+A normal pull request created by a user that does not contain a changeset will do nothing.
+
+A normal pull request created by a user that _does_ contain a changeset will either create or update a versioning PR. This is a PR that tracks the changelog and versions that will be used for the release. The changelogs for each package are generated from the descriptions in the changeset files. The generated version pull request is on a branch named `changeset-release/main` and there is only ever one (unless we are also working on a pre-release).
+
+When the `changeset-release/main` branch is merged into main all of the necessary versions will have been bumped and the changelogs generated. We then go through to see what needs to be published and publish to PyPi for Python packages and npm for JavaScript pacakges.
+
+## Architecture
+
+The CI on this repo is a little unconventional, this is mainly to work around various gaps in the GitHub Actions API while solving for our use case.
+
+The [technical details](#technical-details) below explain how things are setup, the [context](#context) sections explains what problem we are trying to solve with this architecture, why we took this approach, and the various challenges we faced along the way. It is a little 'extra' for repo docs but serves as good context for the future.
+
+<details>
+<summary>Please show me a gigantic diagram of the CI</summary>
+
+ok.
+
+![](https://raw.githubusercontent.com/gradio-app/gradio/main/testing-guidelines/gh-actions-flow.png)
+
+</details>
+
+### Technical details
+
+Most our our workflows are contained within the repository but we also have some custom JavaScript actions that are stored in the [gradio-app/github](https://github.com/gradio-app/github) repository. These actions will be mentioned below but I'll put a list here for ease of navigation:
+
+- [`find-pr`](https://github.com/gradio-app/github/tree/main/packages/find-pr) - for getting a pr number, pr branch, and other metadata for a `workflow_run`.
+- [`comment-pr`](https://github.com/gradio-app/github/tree/main/packages/comment-pr) - for creating and updating comments on a pull request.
+- [`commit-status`](https://github.com/gradio-app/github/tree/main/packages/commit-status) - for creating statuses on commits.
+- [`generate-changeset`](https://github.com/gradio-app/github/tree/main/packages/generate-changeset) - for generating and updating changesets based on the state or a pr and branch.
+- [`publish-pypi`](https://github.com/gradio-app/github/tree/main/packages/publish-pypi) - for publishing packages to pypi.
+
+From a technical point of view our workflows can be split into two categories:
+
+- Quality, deployment and versioning for pull requests
+- Final versioning and release when merged into main
+
+#### Pull requests
+
+Every PR run triggers a 'trigger' workflow that does nothing itself but acts as a trigger for other workflows to run via the `workflow_run` event.
+
+##### changes
+
+With the exception of the `hygiene` check everything is conditional and will only run if specific files have changes. These runs all have one job that everything else depends on that reuses a composite [`changes`](https://github.com/gradio-app/gradio/tree/main/.github/actions/changes) action, this action determines whether or not a check should run based on the files that have changed and also determines important metadata about the pull request that triggered the run. The [`find-pr`](https://github.com/gradio-app/github/tree/main/packages/find-pr) action is responsible for getting this metadata that all runs rely on.
+
+When we know what branch we are on, what pr we care about, and what has changed we can decide how to continue. If we _do not_ need to run this job then we will set the output of the job to success and skip all subsequent steps. Steps following the `changes` step all have a condition of `if: needs.changes.outputs.should_run == 'true'` and such will not run if the prior step tells them not too. We _also_ set the commit status to `"success"` using the [`commit-status`](https://github.com/gradio-app/github/tree/main/packages/commit-status) custom action in order to satisfy the reequired check when
+
+If the job does need to run then it continues as normal but instead we will set the commit status to `"pending"`. The job will later update this to either `'failed"` or `'success"` depending on the outcome.
+
+##### environment and dependencies
+
+The CI jobs in this repo usually depend on either Python or node or both. Sometimes they need to install everything, sometimes they need to build everything, sometimes they don't. We also cache pretty aggressively in order to speed up installations a builds where possible. Caching in particular requires quite a bit of code in CI, so in order to make our workflow more maintainable and easier to understand the installation and build steps have been abstracted into two resuable actions. Please see the `action.yml` file in the below links to see all possible inputs.
+
+- [`install-frontend-deps`](https://github.com/gradio-app/gradio/tree/main/.github/actions/install-frontend-deps) - This action installs node, pnpm, and builds the frontend.
+- [`install-all-deps`](https://github.com/gradio-app/gradio/tree/main/.github/actions/install-all-deps) - This action calls the frontend action but also installs python, install all dependencies, and installs the gradio packages locally (and in editable mode). This action also handle discrepancies between windows and linux environments, as we run certain checks in windows.
+
+These actions are called by different jobs with slightly different inputs. These inputs allow us to skip certain steps when needed. For example, in Python unit tests, if there is a cache hit for the frontend build, then we don't need to install `pnpm` or frontend dependencies at all. But in the frontend unit tests, we never need to build the frontend but we always need to install `pnpm` and node.
+
+By default all checks run in Linux, but we run certain Pyhon checks in windows. Sadly, Windows action runners are very slow and the windows tests are mostly there to handle a few edge cases. In order to ensure that we have good test coverage but don't slow down contributors with long CI runs, we only run the Windows check in the release pull request. If a pull request is specifically targeting a Windows issue, then maintainers can add the `windows` label which will make the Windows test run in that pull request as well.
+
+We only run our Python tests for a single Python version, the oldest we support (3.8), for practical reasons.
+
+##### Checking out branches
+
+As we use `workflow_run` events for most jobs, we don't have easy access via the workflow context of the branch we actually care about. The `find-pr` action returns information not just about the pull request but also about the branch associated with it, importantly this includes both the HEAD SHA of that branch and the merge SHA. The merge SHA is the merged result of the branch and it's target and this is almost always the branch that we checkout, as it gives us confidence that the feature works when merged into `main` and not only in the PR branch.
+
+The one exception to this is the visual tests. We use an external services to handle visual testing and storybook deployments ([chromatic](https://www.chromatic.com)) and they prefer the head commit of the branch to be used, so in this case we check out the HEAD SHA instead of the merge SHA.
+
+##### Deploying previews
+
+We deploy up to 3 ephemeral 'environments' and build a new wheel for gradio when a pull request is created:
+
+- `storybook` - previews any frontend components that have a `.stories.svelte` file.
+- `website` - previews the website - the `main` version will show any docs or guide changes present in the pull request.
+- `spaces` - previews a series of gradio apps on Huggin Face Spaces as they will appear and behave when the pull requests is merged and released.
+
+The `storybook` and `website` previews are relatively straightforward as they use tooling provided by the service providers that we use in order to deploy. We just make sure each run has the necessary assets and components built.
+
+The `spaces` preview is a little more involved as it is a custom process and requires us to build a custom gradio wheel from that pull request.
+
+The process is relatively straightforward, and follows [the steps mentioned above](#spaces) but there a few details to be aware of.
+
+- We use [a custom script](https://github.com/gradio-app/github/blob/main/packages/copy-demos/index.ts) to pull in a select number of spaces and build them into a single FastAPI application. We serve each demo on its own subpath. This is the demo app that gets deployed to spaces.
+- We build a new wheel from the pull requests source code and upload it to s3, we then add the url for this wheel to the requirements.txt of the space we are deploying.
+  - The wheel name (and subsequently the url) include the commit SHA, every build is unique even for the same pull request
+  - It is important the 'version' of the wheel is the same as the latest version of Gradio. This is because spaces _first_ installs the requirements from the `requirements.txt` and _then_ installs whatever it needs to based on the `sdk` field of the spaces `README.md`. Since the `sdk` is set to Gradio in this case, it will attempt to install the latest version of Gradio and see that the version requirement is already satisfied. If we didn't have matching versions then our custom wheel would be overwritten.
+
+The spaces previews are cleaned up a few days after the pull request that created them is closed or merged.
+
+##### commenting on pull requests
+
+In cases where the commit status doesn't allow us to communicate what we need to, we will comment on the pull request. This happens both for both deploy previews, custom wheels, and versioning information.
+
+All commenting is done by the [`comment-pr`](https://github.com/gradio-app/github/tree/main/packages/comment-pr) custom action, but importantly it is also done using a reusable workflow ([`comment-queue.yml`](https://github.com/gradio-app/gradio/blob/main/.github/workflows/comment-queue.yml)). We have many several jobs that create pull_requests comments and in most cases they update the same comment. Each discrete job does not have enough information to recreate the entire comment as it should be, so it is important that we have some kind of 'queue' that allows thes jobs to run in serial. In order to achieve this, this workflow has a concurrency group set to the pr number, as we want a 'comment-queue' per pull request.
+
+##### Change detection
+
+When a pull request is made we trigger _another_ action called `trigger-changeset`. As before this simply triggers a `workflow_run` event that handles change detection ([`generate-changeset.yml`](https://github.com/gradio-app/gradio/blob/main/.github/workflows/generate-changeset.yml)).
+
+Almost all of the logic for this job is container in the [`generate-changeset`](https://github.com/gradio-app/github/tree/main/packages/generate-changeset) custom action.
+
+This actions runs or reruns in the following cases:
+
+- a pull request is opened
+- a pull request branch is pushed to
+- a pull requests title or body is updated
+- a label is added to the pull request
+- the generated comment is interacted with (this is technically an edit).
+
+These reruns will cause the changeset to be updated if necessary. The change detection heuristic works like this:
+
+Changed packages:
+
+- Check which files have changed and which packages those changes correspond to.
+- Check if any of the changed packages have `"main_changeset": true,` in their `package.json` file, if so this is also an update to the main `gradio` library.
+- [NYI] - Check if the version of a package should be bound to the version of another package in any way.
+
+Determining the bump type (`patch`, `minor`, `major`):
+
+- Check if the pull request has a `"v: *"` label explicitly dictating the bump type.
+  - If it does set that as the bump type and stop guessing.
+- Check if the pull requests has a `fixes` or `closes` reference to an issue.
+  - If it has a `"bug"` label then return a `patch` bump and stop guessing
+  - If it has a `"enhancement"` label then return a `minor` bump and stop guessing
+  - If it has a both then return a `minor` bump and stop guessing
+- If the version can't be determined then just return a `minor` bump.
+
+Determining the change type (`fix`, `feat`, `highlight`):
+
+- Check if the pull request has a `"t: *"` label explicitly dictating the change type.
+  - If it does set that as the change type and stop guessing.
+- Check if the pull requests has a `fixes` or `closes` reference to an issue.
+  - If it has a `"bug"` label then return a `fix` change type and stop guessing
+  - If it has a `"enhancement"` label then return a `feat` change type and stop guessing
+  - If it has a both then return a `feat` bump and stop guessing
+- If the change type can't be determined then just return a `feat`.
+
+If someone manually edits the changeset file, then this workflow will not detect anything but it will update the special pull request comment to reflect the change details in the changeset file.
+
+#### publishing
+
+Publishing is a two step provess as detailed above.
+
+- When a branch with a changeset is merged into `main`, a versioning PR is generated or updated.
+- When a versioning PR is updated, new versions of packages are released.
+
+We use [`changesets`](https://github.com/changesets/changesets) for versioning and publishing but we have modified the process heavily. This is a bit hacky because changesets is not very configurable and isn't really designed for our usecase.
+
+- We use a custom [changelog generation script](https://github.com/gradio-app/gradio/blob/main/.changeset/changeset.cjs)
+  - This is partly so that we can tweak the ouput, but mainly so that we can use this as a hook to store some structured data about each changeset.
+- We run a script to regenerate the chnagelogs in the format we want them to be in. We use the structure data we gather in the previous step to customise the changelog format.
+- We have added `package.json`s to our python packages, which allows changesets to track them as if they were JavaScript pacakges and bump their version in line with everything else
+- We have accept an optional `main_changeset: true | false` field on the package.json of any packge. This allows to easy figure out if changes to this package should be considered changes to the main Gradio package. We cannot do this only via tracking dependencies because we want the changelog entries for these packages to actually appear in the Gradio changelog. If we were to only use dependencies to manage this we would only get an unhelpful "dependencies updated" message in the changelog of our main library.
+
+Publishig itself is also a little different. `changesets` is only set up to publish `npm` packages, so we use the standard changeset GitHub action to do this and we use its `hasChangesets` output to decide whether or not publish to pypi. If `main` `hasChangesets` then we do not want to publish (because that means we haven't bumped the version and deleted the changeset files yet). When we do want to publish, we use [another custom action](https://github.com/gradio-app/github/tree/main/packages/publish-pypi) that does exactly that. This actually will take dependencies between packages into account when deciding which order to publish in (in case of failures) and allows each package being published to define a `build_pypi.sh` script that will be run prior to publishing, this typically builds the wheel.
+
+Finally we create tags using the changesets library and the changesets action generate releases for us.
+
+When releasing a new version of gradio we also create a JSON file containing the docs and guides from `main` and store them in S3 under an `x.x.x` folder. This allows us to keep hold of the docs and guides for everything version of Gradio.
+
+### Context
+
+This is some additional context about why things are the way they are and the challenges we had to overcome. This isn't essential reading but may be helpful if you want to understand why we chose the current design. This will also be helpful as we iterate further on CI in the future; the trauma is fresh as I write this but it will fade with time, and so too will my memory of it.
+
+If you haven't read the previous sections, this part may not make complete sense.
+
+#### The problem
+
+We have the following constraints and challenges:
+
+- We have a relatively comprehensive CI suite, different components have their own idiosyncracies.
+- Many of our jobs need access to secrets but security is a high priority.
+- We are an open source project and want the same experience for contributors (PRs from forks) as the core team have (PRs from repo branches).
+- We want to make all of the important checks required.
+- We want CI to be fast, certain jobs should be skipped where appropriate. These jobs may still be 'required' to pass if—and only if—they run.
+- CI should give confidence over time, we don't want to be overlooking the odd ❌ as a 'normal' part of our CI, even for optional jobs. This will erode trust.
+- Many of our CI jobs share the same steps. We want to avoid excessive duplication where possible for maintenance reasons.
+
+Some of these are discrete problems with their own discrete solutions but a lot of the challenges stem from when certain GitHub Action events occur and how priveleged/ secure those event 'types' are.
+
+#### Demystifying event triggers
+
+Workflows are a discrete set of jobs with a discrete set of steps. It might be reasonable to assume that a workflow is a workflow. Sadly this isn't true, the event that triggers the workflow dictates not only when that workflow will run (which makes sense) but also a bunch of other information about both its environment and even which version of that workflow file will run (this is a git repo after all). This latter feature _also_ makes sense, but it isn't immediately apparent.
+
+- `pull_request` - This event runs correctly on contributor PRs and check out the correct branch by default (more on this later) but it doesn't not have access to secrets.
+- `pull_request_target` - Same as `pull_request` but it _does_ have access to secrets. However because this event runs in to context of the branch (and repo) the PR is made from, that PR has also has direct access to secrets making it insecure.
+- `push` - When triggered from a fork, this will essentially be a `push` to the fork not the target repo. In many cases the workflow won't run ata ll (depends on the settings of the fork) and it won't have access to secrets from the base repo. Even if it did, it would be inscure.
+
+There are ways to run workflows indirectly:
+
+- `workflow_dispatch` - This event always runs in the context of `main`. You can programmatically trigger this workflow event, allowing more control over where that workflow runs but you need to use the GitHub API to do this. Therefore the triggering workflow needs access to secrets, rendering it insecure for our purposes.
+- `workflow_run` - This is essentially `workflow_dispatch` inverted. Instead of triggering it from elsewhere explicitly, the workflow _itself_ determines which workflow will trigger _it_. This means that you do not need access to secrets in order to start a `workflow_run` and since this event type runs in the context of main, it is secure.
+
+<details>
+  <summary>What does the "context" of an event mean?</summary>
+
+In GitHub Actions 'context' is a somewhat overloaded term, but it typically describes the permissions, available data, and the source code state that a given workflow has access to, without any additional code.
+
+For example, you can check out any branch of any public repo in any workflow but the context is important before any configured steps are run, in fact, the context is important before the workflow even starts. For practical purposes, there are two elements to the 'context' that people care about.
+
+- Which workflow file on which branch actually runs.
+- What information about the repo or triggering event does that workflow have access to.
+
+If a workflow "runs in the context of the default branch" then it will use the workflow that exists on the default branch, regardless of whether or not the event that originally triggered it was on another branch. If the workflow "runs in the context of the pull request branch" then it will pull the workflow file from the pull request branch.
+
+The information available inside a workflow after it has started (usually available via the [`github` context](https://docs.github.com/en/actions/learn-github-actions/contexts#github-context)). For pull requests, this will include things like the pull request number, and the ref and HEAD SHA of the pull request branch. For workflows running in the context of the default branch, this may not contain much information, but all references to the branch and sha will mainly just be references to main.
+
+</details>
+
+#### New solution, new problems
+
+For the reasons described above, we chose to use `workflow_run` _heavily_ for the gradio repo. However `workflow_run` presents its own challenges:
+
+- This event runs in the context of main, it doesn't offer any of the conveniences that `push` and `pull_request` events give you, it knows very very little about the workflow run even that triggered it. It _does not_ inherit the triggering workflow's context. This is a huge problem.
+- This workflow kind of runs in the void. It is run in the context of the default branch and so maintains references to that branch, however, it isn't really 'attached' to a commit or ref in any meaningful way and the status of the run (the 'check') is not added to any commits anywhere.
+
+Both of these problems were eventually solved by using the GitHub API in combination with the information we get from the workflow event's context. Getting the commit reference of the pull request that triggered the workflow is the main challenge, when we have that, creating statuses on commits is trivial.
+
+In addition to this we actually have a fresh security problem when we start running workflows in the context of the default branch. These kinds of runs are 'privileged' and have full access to all secrets, while we have never intentionally expossed any screts to user code, it is possible using some rather esoteric approaches to get them. With this in mind we have to be careful that we do not running user code in these privileged workflows.
+
+Examples of user code can obviously be scripts that live in the contributed branch that we directly call , but also anythinbg that can run some kind of hook or executes code indirectly. For example, the vite config that is used to build the frontend will execute any code in the `vite.config.js` file upon importing it. Python builds can execute various build hooks or plugins, package install can run pre or postinstall hooks, and so on. There are many examples of this.
+
+##### What branch am I even in?
+
+The 'context' a workflow runs in is the branch that actions/checkout will checkout by default. In this case that is `main`. We don't want `main`.
+
+Figuring out what branch or pull request triggered a workflow run is surprisingly difficult depending on the event that you allow to trigger it. The data you have access to in a `workflow_run` event is pretty limited. It is okay for pull requests, you get the PR number, but for pushes and other events it can be challenging. We trigger `workflow_run`s from the following events:
+
+- `pull_request` - this is fine, we get the PR number.
+- `push` - not fine, but we get the commit SHA which will do.
+- `issue_comment` - couldn't be less fine, we only get the title.
+
+_The reason we use the `issue_comment` event is because pull request are actually a special type of issue when it comes to the title, body, and replies._
+
+It is much easier to find a SHA from a PR number than the other way around but both are possible, getting a PR from an issue title, or PR title is pretty error-prone. We typically need the following information in our workflows:
+
+- Pull request number, if one exists (we create comments in a the PR for certain jobs).
+- Source repository
+- Source branch
+- The HEAD SHA of the source branch (sometimes we want to check this out, we always want checks to appear on this ref)
+- The SHA of the magical 'merge' branch that github creates (we want to check this out usually)
+- Any labels for the PR (we use these for certain conditional jobs)
+
+<details>
+<summary>A magical branch, you say?</summary>
+
+GitHub actually creates two magical refs. `pull/<pr-number>/head` and `pull/<pr-number>/merge`. Both of these refs are read-only, you cannot push to them no matter how many `-f`s you add.
+
+The `head` variant is pretty much the same as the HEAD of the PR branch, except it exists in the target repo regardless of whether it was created from a fork or not. This is quite nice as the commit SHA for this ref will be the same as the commit SHA for the HEAD of the source branch. This makes checking out the branch easier.
+
+The `merge` variant is special. This is a ref that has merged the PR changes into the target branch. `pull_request` events have this ref set as their 'default' and it is what gets checked out by default in `pull_request` workflows. The beauty of this ref is that any tests you run against it are essentially being run on the merged result of this PR and `main`. This isn't commonly known but it is exactly what you want in a pull request.
+
+![](git-tree.svg)
+
+</details>
+
+The path to getting this information isn't necessarily complex but it is different for every event type (worse if also want to manually determine it for `pull_request` and `push` events too). To solve this problem we wrote a [custom JavaScript action](https://docs.github.com/en/actions/creating-actions/about-custom-actions) to solve it (yes, GitHub actions has naming issues "Actions" is the product "an action" is a discrete component).
+
+##### Optional, required checks
+
+This sounds contradictory, but what we want is a check that doesn't _always_ need to run but when they run they _must_ pass. GitHub doesn't really have a concept of this.
+
+The solution is to set the check as required in the repo settings and then do the following:
+
+- If the job runs then the commit status is set to pending prior to the run.
+- If the job fails then the commit status should be set to failed.
+- If the job succeeded then then commit status should be set to success.
+- If the job does not need to run then it should be set to success with some text explaining it was skipped.
+
+Determining what has changed is straightforward, we use a third-party action for this, but we also need to somehow prevent a workflow from running after we have started it, conceptually at least.
+
+To solve this particular problem we _always_ trigger our workflows but don't always run all of them.
+
+- Every workflow we might want to run is triggered by the pull request. We have a simple workflow that does nothing, it simply acts as a 'hook' for the `workflow_run` workflows to listen to.
+- Those workflows have their own information about whether the job should run or not.
+- If the job thinks that it _should_ run then it creates a 'pending' status and sets its output to `should_run = true`
+- If the job thinks that it _shouldn't_ run then it creates a 'success' status nand sets its output to `should_run = false`.
+- The next job in the workflow _depends_ on that initial run. It will only run on the condition that the `changes` job has an output of `should_run == true`.
+- If it does run, the workflow does its thing and then updates the commit status to `success` or `failure` depending on the outcome.
+
+We use a composite action to colocate the change detection logic and reuse that across workflows. We use a custom JavaScript action to create the commit statuses, again for easier reuse.
+
+##### A note on security
+
+We have a few security concerns as mentioned above. The solution to this, for the most part, is to only checkout and run user code in unprivileged workflows. Practically speaking this means that we should only run user code in workflows that are triggered by a `pull_request` event. For certain tasks we actually need to build a users code in order to do something privileged, so we build in `pull_request` and save the artifacts which are later reused in the `workflow_run` workflow. In these workflows we do not checkout any code at all in most cases, we only checkout the artifacts we saved in the `pull_request` workflow. The one exception to this is the visual tests which require the git history in order to correctly figure out what has changed.
+
+As a further hardening step, all repository secrets are created inside a github environment and the default `GITHUB_TOKEN` is set to read-only permissions. This means that any workflow that requires secrets to run has to opt into them by setting the correct environment. This achieves two things, making a job pirivileged becomes an intentional step rather than a default, and workflows only have access to secrets that they need to run, minimising damage if one workflow becomes vulnerable.
\ No newline at end of file
diff --git a/testing-guidelines/gh-actions-flow.png b/testing-guidelines/gh-actions-flow.png
new file mode 100644
index 0000000..dc8b267
Binary files /dev/null and b/testing-guidelines/gh-actions-flow.png differ
diff --git a/testing-guidelines/gh-actions-flow.svg b/testing-guidelines/gh-actions-flow.svg
new file mode 100644
index 0000000..4a5f061
--- /dev/null
+++ b/testing-guidelines/gh-actions-flow.svg
@@ -0,0 +1,1294 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 2666 2378" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+    <rect id="Artboard1" x="0" y="0" width="2665.34" height="2377.78" style="fill:none;"/>
+    <g>
+        <use xlink:href="#_Image1" x="23.232" y="28.254" width="2604.68px" height="2315.95px" transform="matrix(0.999879,0,0,0.999978,0,0)"/>
+        <path d="M2622.11,44.224C2622.11,38.611 2617.56,34.054 2611.94,34.054L39.2,34.054C33.587,34.054 29.031,38.611 29.031,44.224L29.031,2328.23C29.031,2333.84 33.587,2338.4 39.2,2338.4L2611.94,2338.4C2617.56,2338.4 2622.11,2333.84 2622.11,2328.23L2622.11,44.224Z" style="fill:#fff;"/>
+    </g>
+    <g>
+        <use xlink:href="#_Image2" x="2139.22" y="526.533" width="366.321px" height="296.642px" transform="matrix(0.998151,0,0,0.998794,0,0)"/>
+        <path d="M2496.23,535.118C2496.23,532.987 2494.5,531.257 2492.37,531.257L2144.49,531.257C2142.36,531.257 2140.63,532.987 2140.63,535.118L2140.63,813.321C2140.63,815.452 2142.36,817.182 2144.49,817.182L2492.37,817.182C2494.5,817.182 2496.23,815.452 2496.23,813.321L2496.23,535.118Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M2140.63,568.552L2496.23,568.552" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M2257.04,556.142C2256.28,556.142 2255.69,556.04 2255.3,555.838C2254.91,555.635 2254.64,555.334 2254.5,554.934C2254.36,554.534 2254.29,553.987 2254.29,553.294L2254.29,549.262L2252.23,549.262L2252.61,547.614L2254.36,547.614L2254.36,545.918L2256.21,545.134L2256.21,547.614L2259.33,547.614L2259.33,549.262L2256.21,549.262L2256.21,553.23C2256.21,553.571 2256.24,553.822 2256.3,553.982C2256.36,554.142 2256.49,554.259 2256.68,554.334C2256.88,554.408 2257.18,554.446 2257.59,554.446C2258.05,554.446 2258.71,554.382 2259.59,554.254L2259.59,555.934C2258.48,556.072 2257.63,556.142 2257.04,556.142Z" style="fill-rule:nonzero;"/>
+        <path d="M2265.75,556.11C2264.7,556.11 2263.9,555.979 2263.33,555.718C2262.77,555.456 2262.36,555.011 2262.12,554.382C2261.88,553.752 2261.76,552.862 2261.76,551.71C2261.76,550.579 2261.88,549.707 2262.11,549.094C2262.34,548.48 2262.73,548.046 2263.28,547.79C2263.83,547.534 2264.61,547.406 2265.62,547.406C2266.59,547.406 2267.35,547.542 2267.89,547.814C2268.44,548.086 2268.83,548.539 2269.07,549.174C2269.31,549.808 2269.43,550.702 2269.43,551.854L2269.41,552.478L2263.73,552.478C2263.77,553 2263.86,553.403 2263.99,553.686C2264.12,553.968 2264.32,554.168 2264.59,554.286C2264.86,554.403 2265.24,554.462 2265.73,554.462C2266.21,554.462 2266.56,554.387 2266.78,554.238C2267,554.088 2267.17,553.811 2267.3,553.406L2269.28,553.406C2269.18,554.11 2269,554.654 2268.76,555.038C2268.51,555.422 2268.15,555.696 2267.68,555.862C2267.21,556.027 2266.57,556.11 2265.75,556.11ZM2267.51,550.958C2267.51,550.232 2267.37,549.734 2267.08,549.462C2266.8,549.19 2266.31,549.054 2265.62,549.054C2264.95,549.054 2264.47,549.192 2264.18,549.47C2263.89,549.747 2263.75,550.243 2263.75,550.958L2267.51,550.958Z" style="fill-rule:nonzero;"/>
+        <path d="M2275.24,556.11C2274.21,556.11 2273.43,556.024 2272.88,555.854C2272.33,555.683 2271.94,555.39 2271.72,554.974C2271.49,554.558 2271.39,553.971 2271.41,553.214L2273.38,553.214C2273.39,553.544 2273.45,553.798 2273.57,553.974C2273.69,554.15 2273.89,554.275 2274.17,554.35C2274.45,554.424 2274.86,554.462 2275.38,554.462C2276.01,554.462 2276.44,554.4 2276.68,554.278C2276.91,554.155 2277.03,553.928 2277.03,553.598C2277.03,553.384 2276.96,553.206 2276.83,553.062C2276.69,552.918 2276.47,552.792 2276.15,552.686C2275.83,552.579 2275.37,552.472 2274.79,552.366C2273.93,552.206 2273.28,552.027 2272.81,551.83C2272.35,551.632 2272.02,551.382 2271.82,551.078C2271.62,550.774 2271.52,550.371 2271.52,549.87C2271.52,549.219 2271.63,548.72 2271.85,548.374C2272.07,548.027 2272.44,547.779 2272.97,547.63C2273.5,547.48 2274.24,547.406 2275.2,547.406C2276.14,547.406 2276.87,547.483 2277.38,547.638C2277.89,547.792 2278.25,548.054 2278.47,548.422C2278.68,548.79 2278.79,549.315 2278.8,549.998L2276.88,549.998C2276.86,549.635 2276.73,549.387 2276.49,549.254C2276.25,549.12 2275.82,549.054 2275.19,549.054C2274.53,549.054 2274.07,549.112 2273.83,549.23C2273.58,549.347 2273.46,549.566 2273.46,549.886C2273.46,550.056 2273.63,550.208 2273.96,550.342C2274.3,550.475 2274.95,550.654 2275.92,550.878C2276.72,551.059 2277.34,551.259 2277.78,551.478C2278.22,551.696 2278.53,551.971 2278.72,552.302C2278.9,552.632 2279,553.059 2279,553.582C2279,554.243 2278.88,554.755 2278.66,555.118C2278.44,555.48 2278.05,555.736 2277.52,555.886C2276.98,556.035 2276.22,556.11 2275.24,556.11Z" style="fill-rule:nonzero;"/>
+        <path d="M2285.84,556.142C2285.08,556.142 2284.49,556.04 2284.1,555.838C2283.7,555.635 2283.44,555.334 2283.3,554.934C2283.16,554.534 2283.09,553.987 2283.09,553.294L2283.09,549.262L2281.03,549.262L2281.41,547.614L2283.16,547.614L2283.16,545.918L2285.01,545.134L2285.01,547.614L2288.13,547.614L2288.13,549.262L2285.01,549.262L2285.01,553.23C2285.01,553.571 2285.04,553.822 2285.1,553.982C2285.16,554.142 2285.29,554.259 2285.48,554.334C2285.68,554.408 2285.98,554.446 2286.39,554.446C2286.85,554.446 2287.51,554.382 2288.39,554.254L2288.39,555.934C2287.28,556.072 2286.43,556.142 2285.84,556.142Z" style="fill-rule:nonzero;"/>
+        <path d="M2305.89,543.47L2307.83,543.47L2302.08,557.998L2300.16,557.998L2305.89,543.47Z" style="fill-rule:nonzero;"/>
+        <path d="M2319.49,544.318L2321.44,544.318L2321.44,548.734L2321.57,548.734C2321.84,548.232 2322.14,547.886 2322.47,547.694C2322.8,547.502 2323.26,547.406 2323.84,547.406C2324.66,547.406 2325.29,547.502 2325.73,547.694C2326.17,547.886 2326.48,548.214 2326.67,548.678C2326.85,549.142 2326.95,549.8 2326.95,550.654L2326.95,555.966L2325,555.966L2325,550.622C2325,550.024 2324.89,549.616 2324.67,549.398C2324.45,549.179 2324.04,549.07 2323.43,549.07C2322.91,549.07 2322.5,549.144 2322.22,549.294C2321.94,549.443 2321.74,549.699 2321.62,550.062C2321.5,550.424 2321.44,550.942 2321.44,551.614L2321.44,555.966L2319.49,555.966L2319.49,544.318Z" style="fill-rule:nonzero;"/>
+        <path d="M2332.05,555.198L2331.51,555.198L2328.79,547.614L2330.77,547.614L2332.77,553.758L2332.85,553.758L2334.82,547.614L2336.84,547.614L2332.68,559.406L2330.66,559.406L2332.05,555.198Z" style="fill-rule:nonzero;"/>
+        <path d="M2342.44,559.486C2341.48,559.486 2340.73,559.4 2340.21,559.23C2339.69,559.059 2339.32,558.774 2339.09,558.374C2338.87,557.974 2338.74,557.406 2338.72,556.67L2340.69,556.67C2340.71,557 2340.77,557.251 2340.87,557.422C2340.96,557.592 2341.13,557.712 2341.37,557.782C2341.61,557.851 2341.97,557.886 2342.45,557.886C2342.93,557.886 2343.3,557.83 2343.56,557.718C2343.83,557.606 2344.01,557.419 2344.12,557.158C2344.22,556.896 2344.28,556.526 2344.29,556.046L2344.31,554.83L2344.18,554.83C2344.03,555.15 2343.87,555.392 2343.7,555.558C2343.53,555.723 2343.3,555.84 2343.02,555.91C2342.74,555.979 2342.35,556.014 2341.86,556.014C2340.99,556.014 2340.3,555.886 2339.81,555.63C2339.32,555.374 2338.97,554.944 2338.75,554.342C2338.53,553.739 2338.42,552.888 2338.42,551.79C2338.42,550.648 2338.53,549.768 2338.75,549.15C2338.97,548.531 2339.34,548.091 2339.87,547.83C2340.4,547.568 2341.14,547.438 2342.1,547.438C2342.71,547.438 2343.16,547.52 2343.45,547.686C2343.74,547.851 2344,548.158 2344.21,548.606L2344.34,548.606L2344.34,547.614L2346.21,547.614L2346.21,556.206C2346.21,557.07 2346.1,557.734 2345.88,558.198C2345.65,558.662 2345.27,558.992 2344.73,559.19C2344.19,559.387 2343.43,559.486 2342.44,559.486ZM2340.37,551.79C2340.37,552.462 2340.43,552.982 2340.55,553.35C2340.66,553.718 2340.87,553.979 2341.15,554.134C2341.43,554.288 2341.83,554.366 2342.34,554.366C2342.85,554.366 2343.25,554.288 2343.52,554.134C2343.8,553.979 2344,553.718 2344.12,553.35C2344.23,552.982 2344.29,552.462 2344.29,551.79C2344.29,551.086 2344.23,550.542 2344.12,550.158C2344,549.774 2343.8,549.499 2343.52,549.334C2343.25,549.168 2342.85,549.086 2342.34,549.086C2341.83,549.086 2341.43,549.168 2341.15,549.334C2340.87,549.499 2340.66,549.774 2340.55,550.158C2340.43,550.542 2340.37,551.086 2340.37,551.79Z" style="fill-rule:nonzero;"/>
+        <path d="M2350.96,544.318L2353.41,544.318L2353.41,546.574L2350.96,546.574L2350.96,544.318ZM2348.64,554.318L2351.43,554.318L2351.43,549.262L2348.8,549.262L2348.8,547.614L2353.35,547.614L2353.35,554.318L2356.02,554.318L2356.02,555.966L2348.64,555.966L2348.64,554.318Z" style="fill-rule:nonzero;"/>
+        <path d="M2361.75,556.11C2360.7,556.11 2359.9,555.979 2359.33,555.718C2358.77,555.456 2358.36,555.011 2358.12,554.382C2357.88,553.752 2357.76,552.862 2357.76,551.71C2357.76,550.579 2357.88,549.707 2358.11,549.094C2358.34,548.48 2358.73,548.046 2359.28,547.79C2359.83,547.534 2360.61,547.406 2361.62,547.406C2362.59,547.406 2363.35,547.542 2363.89,547.814C2364.44,548.086 2364.83,548.539 2365.07,549.174C2365.31,549.808 2365.43,550.702 2365.43,551.854L2365.41,552.478L2359.73,552.478C2359.77,553 2359.86,553.403 2359.99,553.686C2360.12,553.968 2360.32,554.168 2360.59,554.286C2360.86,554.403 2361.24,554.462 2361.73,554.462C2362.21,554.462 2362.56,554.387 2362.78,554.238C2363,554.088 2363.17,553.811 2363.3,553.406L2365.28,553.406C2365.18,554.11 2365,554.654 2364.76,555.038C2364.51,555.422 2364.15,555.696 2363.68,555.862C2363.21,556.027 2362.57,556.11 2361.75,556.11ZM2363.51,550.958C2363.51,550.232 2363.37,549.734 2363.08,549.462C2362.8,549.19 2362.31,549.054 2361.62,549.054C2360.95,549.054 2360.47,549.192 2360.18,549.47C2359.89,549.747 2359.75,550.243 2359.75,550.958L2363.51,550.958Z" style="fill-rule:nonzero;"/>
+        <path d="M2367.49,547.614L2369.44,547.614L2369.44,548.766L2369.57,548.766C2369.87,548.243 2370.18,547.886 2370.5,547.694C2370.82,547.502 2371.27,547.406 2371.86,547.406C2372.67,547.406 2373.29,547.504 2373.73,547.702C2374.17,547.899 2374.48,548.23 2374.67,548.694C2374.85,549.158 2374.95,549.822 2374.95,550.686L2374.95,555.966L2373,555.966L2373,550.654C2373,550.067 2372.89,549.667 2372.67,549.454C2372.45,549.24 2372.04,549.134 2371.44,549.134C2370.92,549.134 2370.52,549.208 2370.24,549.358C2369.95,549.507 2369.75,549.76 2369.63,550.118C2369.51,550.475 2369.44,550.979 2369.44,551.63L2369.44,555.966L2367.49,555.966L2367.49,547.614Z" style="fill-rule:nonzero;"/>
+        <path d="M2380.95,556.11C2379.9,556.11 2379.1,555.979 2378.53,555.718C2377.97,555.456 2377.56,555.011 2377.32,554.382C2377.08,553.752 2376.96,552.862 2376.96,551.71C2376.96,550.579 2377.08,549.707 2377.31,549.094C2377.54,548.48 2377.93,548.046 2378.48,547.79C2379.03,547.534 2379.81,547.406 2380.82,547.406C2381.79,547.406 2382.55,547.542 2383.09,547.814C2383.64,548.086 2384.03,548.539 2384.27,549.174C2384.51,549.808 2384.63,550.702 2384.63,551.854L2384.61,552.478L2378.93,552.478C2378.97,553 2379.06,553.403 2379.19,553.686C2379.32,553.968 2379.52,554.168 2379.79,554.286C2380.06,554.403 2380.44,554.462 2380.93,554.462C2381.41,554.462 2381.76,554.387 2381.98,554.238C2382.2,554.088 2382.37,553.811 2382.5,553.406L2384.48,553.406C2384.38,554.11 2384.2,554.654 2383.96,555.038C2383.71,555.422 2383.35,555.696 2382.88,555.862C2382.41,556.027 2381.77,556.11 2380.95,556.11ZM2382.71,550.958C2382.71,550.232 2382.57,549.734 2382.28,549.462C2382,549.19 2381.51,549.054 2380.82,549.054C2380.15,549.054 2379.67,549.192 2379.38,549.47C2379.09,549.747 2378.95,550.243 2378.95,550.958L2382.71,550.958Z" style="fill-rule:nonzero;"/>
+        <path d="M2370.81,694.159L2370.81,755.115" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <g>
+            <rect x="2364.04" y="717.873" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M2366.81,720.639C2367.27,720.174 2368.02,720.174 2368.48,720.639L2370.81,722.962L2373.13,720.639C2373.59,720.174 2374.35,720.174 2374.8,720.639C2375.26,721.103 2375.27,721.855 2374.8,722.314L2372.48,724.637L2374.8,726.96C2375.27,727.424 2375.27,728.176 2374.8,728.635C2374.34,729.095 2373.59,729.1 2373.13,728.635L2370.81,726.312L2368.48,728.635C2368.02,729.1 2367.27,729.1 2366.81,728.635C2366.35,728.171 2366.34,727.419 2366.81,726.96L2369.13,724.637L2366.81,722.314C2366.34,721.85 2366.34,721.098 2366.81,720.639Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <path d="M2266.05,694.159L2266.05,755.115" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <g>
+            <rect x="2259.28" y="717.873" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M2270.53,722.775L2265.46,727.846C2265.08,728.218 2264.48,728.218 2264.11,727.846L2261.58,725.31C2261.21,724.938 2261.21,724.336 2261.58,723.968C2261.95,723.599 2262.55,723.595 2262.92,723.968L2264.78,725.829L2269.18,721.428C2269.55,721.056 2270.15,721.056 2270.52,721.428C2270.89,721.801 2270.89,722.403 2270.52,722.771L2270.53,722.775Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <g>
+            <path d="M2466.37,755.549C2466.37,755.309 2466.18,755.115 2465.94,755.115L2170.92,755.115C2170.68,755.115 2170.49,755.309 2170.49,755.549L2170.49,786.821C2170.49,787.06 2170.68,787.255 2170.92,787.255L2465.94,787.255C2466.18,787.255 2466.37,787.06 2466.37,786.821L2466.37,755.549Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M2337.58,776.484C2336.68,776.484 2336,776.409 2335.52,776.26C2335.03,776.11 2334.7,775.854 2334.5,775.49C2334.3,775.126 2334.22,774.612 2334.24,773.95L2335.96,773.95C2335.97,774.239 2336.02,774.461 2336.12,774.615C2336.23,774.769 2336.4,774.878 2336.65,774.944C2336.9,775.009 2337.25,775.042 2337.71,775.042C2338.26,775.042 2338.64,774.988 2338.84,774.881C2339.05,774.773 2339.15,774.575 2339.15,774.286C2339.15,774.099 2339.09,773.943 2338.97,773.817C2338.86,773.691 2338.66,773.581 2338.38,773.488C2338.1,773.394 2337.7,773.301 2337.19,773.208C2336.44,773.068 2335.87,772.911 2335.46,772.739C2335.05,772.566 2334.76,772.347 2334.59,772.081C2334.42,771.815 2334.33,771.462 2334.33,771.024C2334.33,770.454 2334.43,770.018 2334.62,769.715C2334.81,769.411 2335.14,769.194 2335.6,769.064C2336.06,768.933 2336.71,768.868 2337.55,768.868C2338.37,768.868 2339.01,768.935 2339.46,769.071C2339.91,769.206 2340.22,769.435 2340.41,769.757C2340.6,770.079 2340.69,770.538 2340.7,771.136L2339.02,771.136C2339,770.818 2338.89,770.601 2338.68,770.485C2338.47,770.368 2338.09,770.31 2337.54,770.31C2336.96,770.31 2336.56,770.361 2336.35,770.464C2336.13,770.566 2336.03,770.758 2336.03,771.038C2336.03,771.187 2336.17,771.32 2336.47,771.437C2336.76,771.553 2337.33,771.71 2338.18,771.906C2338.88,772.064 2339.42,772.239 2339.81,772.431C2340.19,772.622 2340.46,772.862 2340.63,773.152C2340.79,773.441 2340.87,773.814 2340.87,774.272C2340.87,774.85 2340.77,775.298 2340.58,775.616C2340.38,775.933 2340.05,776.157 2339.58,776.288C2339.1,776.418 2338.44,776.484 2337.58,776.484Z" style="fill-rule:nonzero;"/>
+            <path d="M2346.86,776.512C2346.19,776.512 2345.68,776.423 2345.34,776.246C2344.99,776.068 2344.76,775.805 2344.64,775.455C2344.51,775.105 2344.45,774.626 2344.45,774.02L2344.45,770.492L2342.65,770.492L2342.99,769.05L2344.51,769.05L2344.51,767.566L2346.14,766.88L2346.14,769.05L2348.87,769.05L2348.87,770.492L2346.14,770.492L2346.14,773.964C2346.14,774.262 2346.16,774.482 2346.21,774.622C2346.26,774.762 2346.38,774.864 2346.55,774.93C2346.72,774.995 2346.98,775.028 2347.34,775.028C2347.74,775.028 2348.32,774.972 2349.09,774.86L2349.09,776.33C2348.12,776.451 2347.38,776.512 2346.86,776.512Z" style="fill-rule:nonzero;"/>
+            <path d="M2353.7,776.484C2353.01,776.484 2352.49,776.416 2352.12,776.281C2351.75,776.145 2351.49,775.917 2351.34,775.595C2351.18,775.273 2351.11,774.818 2351.11,774.23C2351.11,773.539 2351.21,773.005 2351.43,772.627C2351.64,772.249 2352.01,771.98 2352.52,771.822C2353.03,771.663 2353.76,771.584 2354.7,771.584L2355.81,771.584L2355.81,771.5C2355.81,771.033 2355.71,770.716 2355.5,770.548C2355.3,770.38 2354.91,770.296 2354.34,770.296C2353.83,770.296 2353.48,770.363 2353.3,770.499C2353.11,770.634 2353.03,770.893 2353.05,771.276L2351.34,771.276C2351.32,770.641 2351.39,770.153 2351.56,769.813C2351.73,769.472 2352.04,769.229 2352.47,769.085C2352.9,768.94 2353.53,768.868 2354.34,768.868C2355.15,768.868 2355.78,768.947 2356.22,769.106C2356.66,769.264 2356.98,769.53 2357.17,769.904C2357.35,770.277 2357.45,770.809 2357.45,771.5L2357.45,776.358L2355.85,776.358L2355.85,775.49L2355.74,775.49C2355.48,775.872 2355.2,776.134 2354.91,776.274C2354.62,776.414 2354.22,776.484 2353.7,776.484ZM2352.81,774.104C2352.81,774.458 2352.89,774.701 2353.06,774.832C2353.22,774.962 2353.53,775.028 2353.99,775.028C2354.45,775.028 2354.82,774.967 2355.07,774.846C2355.32,774.724 2355.5,774.519 2355.61,774.23C2355.71,773.94 2355.78,773.525 2355.8,772.984L2354.41,772.998C2353.99,773.007 2353.66,773.044 2353.44,773.11C2353.21,773.175 2353.05,773.285 2352.95,773.439C2352.86,773.593 2352.81,773.814 2352.81,774.104Z" style="fill-rule:nonzero;"/>
+            <path d="M2363.66,776.512C2362.99,776.512 2362.48,776.423 2362.14,776.246C2361.79,776.068 2361.56,775.805 2361.44,775.455C2361.32,775.105 2361.26,774.626 2361.26,774.02L2361.26,770.492L2359.45,770.492L2359.78,769.05L2361.31,769.05L2361.31,767.566L2362.93,766.88L2362.93,769.05L2365.66,769.05L2365.66,770.492L2362.93,770.492L2362.93,773.964C2362.93,774.262 2362.96,774.482 2363.01,774.622C2363.06,774.762 2363.18,774.864 2363.35,774.93C2363.52,774.995 2363.78,775.028 2364.14,775.028C2364.54,775.028 2365.12,774.972 2365.89,774.86L2365.89,776.33C2364.92,776.451 2364.18,776.512 2363.66,776.512Z" style="fill-rule:nonzero;"/>
+            <path d="M2370.34,776.484C2369.7,776.484 2369.2,776.4 2368.85,776.232C2368.5,776.064 2368.25,775.779 2368.1,775.378C2367.95,774.976 2367.88,774.407 2367.88,773.67L2367.88,769.05L2369.59,769.05L2369.59,773.698C2369.59,774.211 2369.67,774.561 2369.84,774.748C2370.02,774.934 2370.35,775.028 2370.83,775.028C2371.33,775.028 2371.7,774.962 2371.97,774.832C2372.23,774.701 2372.41,774.479 2372.53,774.167C2372.64,773.854 2372.69,773.408 2372.69,772.83L2372.69,769.05L2374.4,769.05L2374.4,776.358L2372.69,776.358L2372.69,775.336L2372.58,775.336C2372.34,775.774 2372.06,776.075 2371.75,776.239C2371.43,776.402 2370.97,776.484 2370.34,776.484Z" style="fill-rule:nonzero;"/>
+            <path d="M2379.58,776.484C2378.68,776.484 2378,776.409 2377.52,776.26C2377.03,776.11 2376.7,775.854 2376.5,775.49C2376.3,775.126 2376.22,774.612 2376.24,773.95L2377.96,773.95C2377.97,774.239 2378.02,774.461 2378.12,774.615C2378.23,774.769 2378.4,774.878 2378.65,774.944C2378.9,775.009 2379.25,775.042 2379.71,775.042C2380.26,775.042 2380.64,774.988 2380.84,774.881C2381.05,774.773 2381.15,774.575 2381.15,774.286C2381.15,774.099 2381.09,773.943 2380.97,773.817C2380.86,773.691 2380.66,773.581 2380.38,773.488C2380.1,773.394 2379.7,773.301 2379.19,773.208C2378.44,773.068 2377.87,772.911 2377.46,772.739C2377.05,772.566 2376.76,772.347 2376.59,772.081C2376.42,771.815 2376.33,771.462 2376.33,771.024C2376.33,770.454 2376.43,770.018 2376.62,769.715C2376.81,769.411 2377.14,769.194 2377.6,769.064C2378.06,768.933 2378.71,768.868 2379.55,768.868C2380.37,768.868 2381.01,768.935 2381.46,769.071C2381.91,769.206 2382.22,769.435 2382.41,769.757C2382.6,770.079 2382.69,770.538 2382.7,771.136L2381.02,771.136C2381,770.818 2380.89,770.601 2380.68,770.485C2380.47,770.368 2380.09,770.31 2379.54,770.31C2378.96,770.31 2378.56,770.361 2378.35,770.464C2378.13,770.566 2378.03,770.758 2378.03,771.038C2378.03,771.187 2378.17,771.32 2378.47,771.437C2378.76,771.553 2379.33,771.71 2380.18,771.906C2380.88,772.064 2381.42,772.239 2381.81,772.431C2382.19,772.622 2382.46,772.862 2382.63,773.152C2382.79,773.441 2382.87,773.814 2382.87,774.272C2382.87,774.85 2382.77,775.298 2382.58,775.616C2382.38,775.933 2382.05,776.157 2381.58,776.288C2381.1,776.418 2380.44,776.484 2379.58,776.484Z" style="fill-rule:nonzero;"/>
+            <rect x="2385.29" y="771.416" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M2395.14,770.562L2393.32,770.562L2392.85,769.05L2395.14,769.05L2395.14,768.196C2395.14,767.589 2395.24,767.12 2395.44,766.789C2395.64,766.457 2395.96,766.219 2396.42,766.075C2396.87,765.93 2397.51,765.858 2398.33,765.858C2398.7,765.858 2399.12,765.872 2399.57,765.9L2399.57,767.356C2399.09,767.337 2398.76,767.328 2398.59,767.328C2397.92,767.328 2397.46,767.395 2397.2,767.531C2396.94,767.666 2396.82,767.906 2396.82,768.252L2396.82,769.05L2399.42,769.05L2399.42,770.562L2396.82,770.562L2396.82,776.358L2395.14,776.358L2395.14,770.562Z" style="fill-rule:nonzero;"/>
+            <path d="M2404.1,776.484C2403.41,776.484 2402.89,776.416 2402.52,776.281C2402.15,776.145 2401.89,775.917 2401.74,775.595C2401.58,775.273 2401.51,774.818 2401.51,774.23C2401.51,773.539 2401.61,773.005 2401.83,772.627C2402.04,772.249 2402.41,771.98 2402.92,771.822C2403.43,771.663 2404.16,771.584 2405.1,771.584L2406.21,771.584L2406.21,771.5C2406.21,771.033 2406.11,770.716 2405.9,770.548C2405.7,770.38 2405.31,770.296 2404.74,770.296C2404.22,770.296 2403.88,770.363 2403.7,770.499C2403.51,770.634 2403.43,770.893 2403.45,771.276L2401.74,771.276C2401.72,770.641 2401.79,770.153 2401.96,769.813C2402.13,769.472 2402.44,769.229 2402.87,769.085C2403.3,768.94 2403.93,768.868 2404.74,768.868C2405.55,768.868 2406.18,768.947 2406.62,769.106C2407.07,769.264 2407.38,769.53 2407.57,769.904C2407.75,770.277 2407.85,770.809 2407.85,771.5L2407.85,776.358L2406.25,776.358L2406.25,775.49L2406.14,775.49C2405.88,775.872 2405.6,776.134 2405.31,776.274C2405.02,776.414 2404.62,776.484 2404.1,776.484ZM2403.21,774.104C2403.21,774.458 2403.29,774.701 2403.46,774.832C2403.62,774.962 2403.93,775.028 2404.39,775.028C2404.86,775.028 2405.22,774.967 2405.47,774.846C2405.72,774.724 2405.9,774.519 2406.01,774.23C2406.11,773.94 2406.18,773.525 2406.2,772.984L2404.81,772.998C2404.39,773.007 2404.06,773.044 2403.84,773.11C2403.61,773.175 2403.45,773.285 2403.35,773.439C2403.26,773.593 2403.21,773.814 2403.21,774.104Z" style="fill-rule:nonzero;"/>
+            <path d="M2412.24,766.166L2414.39,766.166L2414.39,768.14L2412.24,768.14L2412.24,766.166ZM2410.21,774.916L2412.65,774.916L2412.65,770.492L2410.35,770.492L2410.35,769.05L2414.33,769.05L2414.33,774.916L2416.67,774.916L2416.67,776.358L2410.21,776.358L2410.21,774.916Z" style="fill-rule:nonzero;"/>
+            <path d="M2418.29,774.902L2420.85,774.902L2420.85,767.622L2418.43,767.622L2418.43,766.166L2422.53,766.166L2422.53,774.902L2424.93,774.902L2424.93,776.358L2418.29,776.358L2418.29,774.902Z" style="fill-rule:nonzero;"/>
+            <path d="M2429.14,776.484C2428.5,776.484 2428,776.4 2427.65,776.232C2427.3,776.064 2427.05,775.779 2426.9,775.378C2426.75,774.976 2426.68,774.407 2426.68,773.67L2426.68,769.05L2428.39,769.05L2428.39,773.698C2428.39,774.211 2428.47,774.561 2428.64,774.748C2428.82,774.934 2429.14,775.028 2429.63,775.028C2430.12,775.028 2430.5,774.962 2430.76,774.832C2431.03,774.701 2431.21,774.479 2431.33,774.167C2431.44,773.854 2431.49,773.408 2431.49,772.83L2431.49,769.05L2433.2,769.05L2433.2,776.358L2431.49,776.358L2431.49,775.336L2431.38,775.336C2431.14,775.774 2430.86,776.075 2430.55,776.239C2430.24,776.402 2429.77,776.484 2429.14,776.484Z" style="fill-rule:nonzero;"/>
+            <path d="M2436,769.05L2437.54,769.05L2437.47,770.548L2437.62,770.548C2437.97,769.969 2438.22,769.586 2438.37,769.4C2438.52,769.213 2438.68,769.096 2438.84,769.05C2439.01,769.003 2439.32,768.98 2439.77,768.98L2441.14,769.008L2441.14,770.688C2440.97,770.678 2440.72,770.674 2440.38,770.674C2439.87,770.674 2439.42,770.697 2439.03,770.744C2438.84,770.772 2438.64,770.893 2438.42,771.108C2438.21,771.322 2438.03,771.581 2437.89,771.885C2437.75,772.188 2437.68,772.48 2437.68,772.76L2437.68,776.358L2436,776.358L2436,769.05Z" style="fill-rule:nonzero;"/>
+            <path d="M2446.88,776.484C2445.96,776.484 2445.26,776.369 2444.76,776.141C2444.27,775.912 2443.92,775.522 2443.71,774.972C2443.5,774.421 2443.39,773.642 2443.39,772.634C2443.39,771.644 2443.49,770.881 2443.69,770.345C2443.89,769.808 2444.24,769.428 2444.72,769.204C2445.2,768.98 2445.88,768.868 2446.77,768.868C2447.62,768.868 2448.28,768.987 2448.76,769.225C2449.23,769.463 2449.57,769.859 2449.78,770.415C2449.99,770.97 2450.1,771.752 2450.1,772.76L2450.09,773.306L2445.12,773.306C2445.15,773.763 2445.23,774.115 2445.34,774.363C2445.45,774.61 2445.63,774.785 2445.86,774.888C2446.1,774.99 2446.43,775.042 2446.87,775.042C2447.28,775.042 2447.59,774.976 2447.78,774.846C2447.97,774.715 2448.12,774.472 2448.24,774.118L2449.97,774.118C2449.88,774.734 2449.72,775.21 2449.51,775.546C2449.3,775.882 2448.98,776.122 2448.57,776.267C2448.16,776.411 2447.6,776.484 2446.88,776.484ZM2448.42,771.976C2448.42,771.341 2448.3,770.905 2448.05,770.667C2447.8,770.429 2447.37,770.31 2446.77,770.31C2446.18,770.31 2445.76,770.431 2445.51,770.674C2445.26,770.916 2445.13,771.35 2445.13,771.976L2448.42,771.976Z" style="fill-rule:nonzero;"/>
+            <path d="M2190.32,775.753C2189.43,775.753 2188.74,775.678 2188.26,775.529C2187.78,775.38 2187.44,775.123 2187.24,774.759C2187.05,774.395 2186.96,773.882 2186.97,773.219L2188.7,773.219C2188.71,773.508 2188.76,773.73 2188.87,773.884C2188.97,774.038 2189.14,774.148 2189.39,774.213C2189.64,774.278 2189.99,774.311 2190.45,774.311C2191,774.311 2191.38,774.257 2191.58,774.15C2191.79,774.043 2191.89,773.844 2191.89,773.555C2191.89,773.368 2191.83,773.212 2191.71,773.086C2191.6,772.96 2191.4,772.85 2191.12,772.757C2190.84,772.664 2190.44,772.57 2189.93,772.477C2189.18,772.337 2188.61,772.181 2188.2,772.008C2187.79,771.835 2187.51,771.616 2187.33,771.35C2187.16,771.084 2187.07,770.732 2187.07,770.293C2187.07,769.724 2187.17,769.287 2187.36,768.984C2187.55,768.681 2187.88,768.464 2188.34,768.333C2188.8,768.202 2189.45,768.137 2190.29,768.137C2191.11,768.137 2191.75,768.205 2192.2,768.34C2192.64,768.475 2192.96,768.704 2193.15,769.026C2193.34,769.348 2193.43,769.808 2193.44,770.405L2191.76,770.405C2191.74,770.088 2191.63,769.871 2191.42,769.754C2191.21,769.637 2190.83,769.579 2190.28,769.579C2189.7,769.579 2189.3,769.63 2189.09,769.733C2188.87,769.836 2188.77,770.027 2188.77,770.307C2188.77,770.456 2188.91,770.589 2189.21,770.706C2189.5,770.823 2190.07,770.979 2190.92,771.175C2191.62,771.334 2192.16,771.509 2192.55,771.7C2192.93,771.891 2193.2,772.132 2193.37,772.421C2193.53,772.71 2193.61,773.084 2193.61,773.541C2193.61,774.12 2193.51,774.568 2193.32,774.885C2193.12,775.202 2192.79,775.426 2192.32,775.557C2191.85,775.688 2191.18,775.753 2190.32,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2199.6,775.781C2198.93,775.781 2198.42,775.692 2198.08,775.515C2197.73,775.338 2197.5,775.074 2197.38,774.724C2197.26,774.374 2197.2,773.896 2197.2,773.289L2197.2,769.761L2195.39,769.761L2195.72,768.319L2197.25,768.319L2197.25,766.835L2198.88,766.149L2198.88,768.319L2201.61,768.319L2201.61,769.761L2198.88,769.761L2198.88,773.233C2198.88,773.532 2198.9,773.751 2198.95,773.891C2199,774.031 2199.12,774.134 2199.29,774.199C2199.46,774.264 2199.72,774.297 2200.08,774.297C2200.48,774.297 2201.06,774.241 2201.83,774.129L2201.83,775.599C2200.86,775.72 2200.12,775.781 2199.6,775.781Z" style="fill-rule:nonzero;"/>
+            <path d="M2206.43,775.753C2205.75,775.753 2205.23,775.685 2204.86,775.55C2204.49,775.415 2204.23,775.186 2204.08,774.864C2203.92,774.542 2203.85,774.087 2203.85,773.499C2203.85,772.808 2203.95,772.274 2204.17,771.896C2204.38,771.518 2204.75,771.25 2205.26,771.091C2205.77,770.932 2206.5,770.853 2207.44,770.853L2208.55,770.853L2208.55,770.769C2208.55,770.302 2208.45,769.985 2208.24,769.817C2208.04,769.649 2207.65,769.565 2207.08,769.565C2206.57,769.565 2206.22,769.633 2206.04,769.768C2205.85,769.903 2205.77,770.162 2205.79,770.545L2204.08,770.545C2204.05,769.91 2204.13,769.423 2204.3,769.082C2204.47,768.741 2204.78,768.499 2205.21,768.354C2205.64,768.209 2206.27,768.137 2207.08,768.137C2207.89,768.137 2208.52,768.216 2208.96,768.375C2209.41,768.534 2209.72,768.8 2209.91,769.173C2210.09,769.546 2210.19,770.078 2210.19,770.769L2210.19,775.627L2208.59,775.627L2208.59,774.759L2208.48,774.759C2208.22,775.142 2207.94,775.403 2207.65,775.543C2207.36,775.683 2206.96,775.753 2206.43,775.753ZM2205.55,773.373C2205.55,773.728 2205.64,773.97 2205.8,774.101C2205.96,774.232 2206.27,774.297 2206.73,774.297C2207.2,774.297 2207.55,774.236 2207.81,774.115C2208.06,773.994 2208.24,773.788 2208.35,773.499C2208.45,773.21 2208.52,772.794 2208.53,772.253L2207.15,772.267C2206.73,772.276 2206.41,772.314 2206.18,772.379C2205.95,772.444 2205.79,772.554 2205.69,772.708C2205.6,772.862 2205.55,773.084 2205.55,773.373Z" style="fill-rule:nonzero;"/>
+            <path d="M2216.4,775.781C2215.73,775.781 2215.22,775.692 2214.88,775.515C2214.53,775.338 2214.3,775.074 2214.18,774.724C2214.06,774.374 2213.99,773.896 2213.99,773.289L2213.99,769.761L2212.19,769.761L2212.53,768.319L2214.05,768.319L2214.05,766.835L2215.68,766.149L2215.68,768.319L2218.41,768.319L2218.41,769.761L2215.68,769.761L2215.68,773.233C2215.68,773.532 2215.7,773.751 2215.75,773.891C2215.8,774.031 2215.91,774.134 2216.09,774.199C2216.26,774.264 2216.52,774.297 2216.88,774.297C2217.28,774.297 2217.86,774.241 2218.63,774.129L2218.63,775.599C2217.66,775.72 2216.92,775.781 2216.4,775.781Z" style="fill-rule:nonzero;"/>
+            <path d="M2223.08,775.753C2222.44,775.753 2221.94,775.669 2221.59,775.501C2221.24,775.333 2220.99,775.048 2220.84,774.647C2220.69,774.246 2220.62,773.676 2220.62,772.939L2220.62,768.319L2222.33,768.319L2222.33,772.967C2222.33,773.48 2222.41,773.83 2222.58,774.017C2222.76,774.204 2223.09,774.297 2223.57,774.297C2224.07,774.297 2224.44,774.232 2224.7,774.101C2224.97,773.97 2225.15,773.749 2225.26,773.436C2225.38,773.123 2225.43,772.678 2225.43,772.099L2225.43,768.319L2227.14,768.319L2227.14,775.627L2225.43,775.627L2225.43,774.605L2225.32,774.605C2225.08,775.044 2224.8,775.345 2224.49,775.508C2224.18,775.671 2223.71,775.753 2223.08,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2232.32,775.753C2231.43,775.753 2230.74,775.678 2230.26,775.529C2229.78,775.38 2229.44,775.123 2229.24,774.759C2229.05,774.395 2228.96,773.882 2228.97,773.219L2230.7,773.219C2230.71,773.508 2230.76,773.73 2230.87,773.884C2230.97,774.038 2231.14,774.148 2231.39,774.213C2231.64,774.278 2231.99,774.311 2232.45,774.311C2233,774.311 2233.38,774.257 2233.58,774.15C2233.79,774.043 2233.89,773.844 2233.89,773.555C2233.89,773.368 2233.83,773.212 2233.71,773.086C2233.6,772.96 2233.4,772.85 2233.12,772.757C2232.84,772.664 2232.44,772.57 2231.93,772.477C2231.18,772.337 2230.61,772.181 2230.2,772.008C2229.79,771.835 2229.51,771.616 2229.33,771.35C2229.16,771.084 2229.07,770.732 2229.07,770.293C2229.07,769.724 2229.17,769.287 2229.36,768.984C2229.55,768.681 2229.88,768.464 2230.34,768.333C2230.8,768.202 2231.45,768.137 2232.29,768.137C2233.11,768.137 2233.75,768.205 2234.2,768.34C2234.64,768.475 2234.96,768.704 2235.15,769.026C2235.34,769.348 2235.43,769.808 2235.44,770.405L2233.76,770.405C2233.74,770.088 2233.63,769.871 2233.42,769.754C2233.21,769.637 2232.83,769.579 2232.28,769.579C2231.7,769.579 2231.3,769.63 2231.09,769.733C2230.87,769.836 2230.77,770.027 2230.77,770.307C2230.77,770.456 2230.91,770.589 2231.21,770.706C2231.5,770.823 2232.07,770.979 2232.92,771.175C2233.62,771.334 2234.16,771.509 2234.55,771.7C2234.93,771.891 2235.2,772.132 2235.37,772.421C2235.53,772.71 2235.61,773.084 2235.61,773.541C2235.61,774.12 2235.51,774.568 2235.32,774.885C2235.12,775.202 2234.79,775.426 2234.32,775.557C2233.85,775.688 2233.18,775.753 2232.32,775.753Z" style="fill-rule:nonzero;"/>
+            <rect x="2238.03" y="770.685" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M2249.12,775.753C2248.22,775.753 2247.54,775.678 2247.06,775.529C2246.58,775.38 2246.24,775.123 2246.04,774.759C2245.85,774.395 2245.76,773.882 2245.78,773.219L2247.5,773.219C2247.51,773.508 2247.56,773.73 2247.66,773.884C2247.77,774.038 2247.94,774.148 2248.19,774.213C2248.44,774.278 2248.79,774.311 2249.25,774.311C2249.8,774.311 2250.18,774.257 2250.38,774.15C2250.59,774.043 2250.69,773.844 2250.69,773.555C2250.69,773.368 2250.63,773.212 2250.51,773.086C2250.4,772.96 2250.2,772.85 2249.92,772.757C2249.64,772.664 2249.24,772.57 2248.73,772.477C2247.98,772.337 2247.41,772.181 2247,772.008C2246.59,771.835 2246.3,771.616 2246.13,771.35C2245.96,771.084 2245.87,770.732 2245.87,770.293C2245.87,769.724 2245.97,769.287 2246.16,768.984C2246.35,768.681 2246.68,768.464 2247.14,768.333C2247.6,768.202 2248.25,768.137 2249.09,768.137C2249.91,768.137 2250.55,768.205 2251,768.34C2251.45,768.475 2251.76,768.704 2251.95,769.026C2252.14,769.348 2252.23,769.808 2252.24,770.405L2250.56,770.405C2250.54,770.088 2250.43,769.871 2250.22,769.754C2250.01,769.637 2249.63,769.579 2249.08,769.579C2248.5,769.579 2248.1,769.63 2247.89,769.733C2247.67,769.836 2247.57,770.027 2247.57,770.307C2247.57,770.456 2247.71,770.589 2248.01,770.706C2248.3,770.823 2248.87,770.979 2249.72,771.175C2250.42,771.334 2250.96,771.509 2251.35,771.7C2251.73,771.891 2252,772.132 2252.17,772.421C2252.33,772.71 2252.41,773.084 2252.41,773.541C2252.41,774.12 2252.31,774.568 2252.12,774.885C2251.92,775.202 2251.59,775.426 2251.12,775.557C2250.64,775.688 2249.98,775.753 2249.12,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2256.68,775.753C2256.04,775.753 2255.54,775.669 2255.19,775.501C2254.84,775.333 2254.59,775.048 2254.44,774.647C2254.29,774.246 2254.22,773.676 2254.22,772.939L2254.22,768.319L2255.93,768.319L2255.93,772.967C2255.93,773.48 2256.01,773.83 2256.18,774.017C2256.36,774.204 2256.69,774.297 2257.17,774.297C2257.67,774.297 2258.04,774.232 2258.3,774.101C2258.57,773.97 2258.75,773.749 2258.87,773.436C2258.98,773.123 2259.03,772.678 2259.03,772.099L2259.03,768.319L2260.74,768.319L2260.74,775.627L2259.03,775.627L2259.03,774.605L2258.92,774.605C2258.68,775.044 2258.4,775.345 2258.09,775.508C2257.78,775.671 2257.31,775.753 2256.68,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2266.14,775.753C2265.22,775.753 2264.51,775.641 2264,775.417C2263.5,775.193 2263.14,774.813 2262.93,774.276C2262.72,773.739 2262.62,772.976 2262.62,771.987C2262.62,770.979 2262.72,770.2 2262.93,769.649C2263.14,769.098 2263.5,768.709 2264,768.48C2264.49,768.251 2265.2,768.137 2266.12,768.137C2266.92,768.137 2267.54,768.216 2267.98,768.375C2268.42,768.534 2268.73,768.802 2268.92,769.18C2269.12,769.558 2269.22,770.092 2269.24,770.783L2267.55,770.783C2267.48,770.326 2267.35,770.015 2267.16,769.852C2266.97,769.689 2266.65,769.607 2266.2,769.607C2265.71,769.607 2265.33,769.679 2265.06,769.824C2264.79,769.969 2264.61,770.211 2264.49,770.552C2264.38,770.893 2264.33,771.376 2264.33,772.001C2264.33,772.598 2264.38,773.06 2264.49,773.387C2264.61,773.714 2264.8,773.945 2265.07,774.08C2265.34,774.215 2265.72,774.283 2266.22,774.283C2266.64,774.283 2266.95,774.211 2267.15,774.066C2267.34,773.921 2267.47,773.653 2267.56,773.261L2269.24,773.261C2269.22,773.914 2269.12,774.418 2268.92,774.773C2268.73,775.128 2268.42,775.38 2267.99,775.529C2267.55,775.678 2266.94,775.753 2266.14,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2274.55,775.753C2273.62,775.753 2272.91,775.641 2272.4,775.417C2271.9,775.193 2271.54,774.813 2271.33,774.276C2271.12,773.739 2271.02,772.976 2271.02,771.987C2271.02,770.979 2271.12,770.2 2271.33,769.649C2271.54,769.098 2271.9,768.709 2272.4,768.48C2272.89,768.251 2273.6,768.137 2274.52,768.137C2275.32,768.137 2275.94,768.216 2276.38,768.375C2276.82,768.534 2277.13,768.802 2277.32,769.18C2277.51,769.558 2277.62,770.092 2277.64,770.783L2275.95,770.783C2275.88,770.326 2275.75,770.015 2275.56,769.852C2275.37,769.689 2275.05,769.607 2274.6,769.607C2274.11,769.607 2273.73,769.679 2273.46,769.824C2273.19,769.969 2273.01,770.211 2272.89,770.552C2272.78,770.893 2272.72,771.376 2272.72,772.001C2272.72,772.598 2272.78,773.06 2272.89,773.387C2273.01,773.714 2273.2,773.945 2273.47,774.08C2273.74,774.215 2274.12,774.283 2274.62,774.283C2275.04,774.283 2275.36,774.211 2275.55,774.066C2275.74,773.921 2275.88,773.653 2275.96,773.261L2277.64,773.261C2277.62,773.914 2277.51,774.418 2277.32,774.773C2277.13,775.128 2276.82,775.38 2276.39,775.529C2275.95,775.678 2275.34,775.753 2274.55,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2282.82,775.753C2281.9,775.753 2281.2,775.639 2280.7,775.41C2280.21,775.181 2279.86,774.792 2279.65,774.241C2279.44,773.69 2279.33,772.911 2279.33,771.903C2279.33,770.914 2279.43,770.151 2279.63,769.614C2279.84,769.077 2280.18,768.697 2280.66,768.473C2281.14,768.249 2281.82,768.137 2282.71,768.137C2283.56,768.137 2284.22,768.256 2284.7,768.494C2285.17,768.732 2285.51,769.129 2285.72,769.684C2285.93,770.239 2286.04,771.021 2286.04,772.029L2286.03,772.575L2281.05,772.575C2281.09,773.032 2281.17,773.385 2281.28,773.632C2281.39,773.879 2281.57,774.054 2281.8,774.157C2282.04,774.26 2282.38,774.311 2282.8,774.311C2283.22,774.311 2283.53,774.246 2283.72,774.115C2283.91,773.984 2284.07,773.742 2284.18,773.387L2285.91,773.387C2285.82,774.003 2285.67,774.479 2285.45,774.815C2285.24,775.151 2284.92,775.391 2284.51,775.536C2284.1,775.681 2283.54,775.753 2282.82,775.753ZM2284.36,771.245C2284.36,770.61 2284.24,770.174 2283.99,769.936C2283.74,769.698 2283.31,769.579 2282.71,769.579C2282.12,769.579 2281.7,769.7 2281.45,769.943C2281.2,770.186 2281.07,770.62 2281.07,771.245L2284.36,771.245Z" style="fill-rule:nonzero;"/>
+            <path d="M2291.12,775.753C2290.22,775.753 2289.54,775.678 2289.06,775.529C2288.58,775.38 2288.24,775.123 2288.04,774.759C2287.85,774.395 2287.76,773.882 2287.78,773.219L2289.5,773.219C2289.51,773.508 2289.56,773.73 2289.66,773.884C2289.77,774.038 2289.94,774.148 2290.19,774.213C2290.44,774.278 2290.79,774.311 2291.25,774.311C2291.8,774.311 2292.18,774.257 2292.38,774.15C2292.59,774.043 2292.69,773.844 2292.69,773.555C2292.69,773.368 2292.63,773.212 2292.51,773.086C2292.4,772.96 2292.2,772.85 2291.92,772.757C2291.64,772.664 2291.24,772.57 2290.73,772.477C2289.98,772.337 2289.41,772.181 2289,772.008C2288.59,771.835 2288.3,771.616 2288.13,771.35C2287.96,771.084 2287.87,770.732 2287.87,770.293C2287.87,769.724 2287.97,769.287 2288.16,768.984C2288.35,768.681 2288.68,768.464 2289.14,768.333C2289.6,768.202 2290.25,768.137 2291.09,768.137C2291.91,768.137 2292.55,768.205 2293,768.34C2293.45,768.475 2293.76,768.704 2293.95,769.026C2294.14,769.348 2294.23,769.808 2294.24,770.405L2292.56,770.405C2292.54,770.088 2292.43,769.871 2292.22,769.754C2292.01,769.637 2291.63,769.579 2291.08,769.579C2290.5,769.579 2290.1,769.63 2289.89,769.733C2289.67,769.836 2289.57,770.027 2289.57,770.307C2289.57,770.456 2289.71,770.589 2290.01,770.706C2290.3,770.823 2290.87,770.979 2291.72,771.175C2292.42,771.334 2292.96,771.509 2293.35,771.7C2293.73,771.891 2294,772.132 2294.17,772.421C2294.33,772.71 2294.41,773.084 2294.41,773.541C2294.41,774.12 2294.31,774.568 2294.12,774.885C2293.92,775.202 2293.59,775.426 2293.12,775.557C2292.64,775.688 2291.98,775.753 2291.12,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2299.52,775.753C2298.62,775.753 2297.94,775.678 2297.46,775.529C2296.97,775.38 2296.64,775.123 2296.44,774.759C2296.24,774.395 2296.16,773.882 2296.18,773.219L2297.9,773.219C2297.91,773.508 2297.96,773.73 2298.07,773.884C2298.17,774.038 2298.34,774.148 2298.59,774.213C2298.84,774.278 2299.19,774.311 2299.65,774.311C2300.2,774.311 2300.58,774.257 2300.78,774.15C2300.99,774.043 2301.09,773.844 2301.09,773.555C2301.09,773.368 2301.03,773.212 2300.91,773.086C2300.8,772.96 2300.6,772.85 2300.32,772.757C2300.04,772.664 2299.64,772.57 2299.13,772.477C2298.38,772.337 2297.81,772.181 2297.4,772.008C2296.99,771.835 2296.7,771.616 2296.53,771.35C2296.36,771.084 2296.27,770.732 2296.27,770.293C2296.27,769.724 2296.37,769.287 2296.56,768.984C2296.75,768.681 2297.08,768.464 2297.54,768.333C2298,768.202 2298.65,768.137 2299.49,768.137C2300.31,768.137 2300.95,768.205 2301.4,768.34C2301.85,768.475 2302.16,768.704 2302.35,769.026C2302.54,769.348 2302.63,769.808 2302.64,770.405L2300.96,770.405C2300.94,770.088 2300.83,769.871 2300.62,769.754C2300.41,769.637 2300.03,769.579 2299.48,769.579C2298.9,769.579 2298.5,769.63 2298.29,769.733C2298.07,769.836 2297.97,770.027 2297.97,770.307C2297.97,770.456 2298.11,770.589 2298.41,770.706C2298.7,770.823 2299.27,770.979 2300.12,771.175C2300.82,771.334 2301.36,771.509 2301.75,771.7C2302.13,771.891 2302.4,772.132 2302.57,772.421C2302.73,772.71 2302.81,773.084 2302.81,773.541C2302.81,774.12 2302.71,774.568 2302.52,774.885C2302.32,775.202 2301.99,775.426 2301.52,775.557C2301.05,775.688 2300.38,775.753 2299.52,775.753Z" style="fill-rule:nonzero;"/>
+            <path d="M2318.43,755.115L2318.43,787.255" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+        <g>
+            <path d="M2420.74,597.117C2420.74,596.384 2420.14,595.788 2419.41,595.788L2217.45,595.788C2216.72,595.788 2216.12,596.384 2216.12,597.117L2216.12,692.831C2216.12,693.564 2216.72,694.159 2217.45,694.159L2419.41,694.159C2420.14,694.159 2420.74,693.564 2420.74,692.831L2420.74,597.117Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <g transform="matrix(1,0,0,1,2078.85,518.619)">
+                <g transform="matrix(16,0,0,16,181.953,98.5354)">
+                    <path d="M0.365,0.011C0.317,0.011 0.281,0.005 0.256,-0.008C0.231,-0.021 0.215,-0.04 0.206,-0.065C0.197,-0.09 0.193,-0.124 0.193,-0.167L0.193,-0.419L0.064,-0.419L0.088,-0.522L0.197,-0.522L0.197,-0.628L0.313,-0.677L0.313,-0.522L0.508,-0.522L0.508,-0.419L0.313,-0.419L0.313,-0.171C0.313,-0.15 0.315,-0.134 0.319,-0.124C0.322,-0.114 0.33,-0.107 0.343,-0.102C0.355,-0.097 0.374,-0.095 0.399,-0.095C0.428,-0.095 0.469,-0.099 0.524,-0.107L0.524,-0.002C0.455,0.007 0.402,0.011 0.365,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,191.553,98.5354)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,201.153,98.5354)">
+                    <path d="M0.302,0.009C0.238,0.009 0.189,0.004 0.155,-0.007C0.12,-0.018 0.096,-0.036 0.082,-0.062C0.068,-0.088 0.062,-0.125 0.063,-0.172L0.186,-0.172C0.187,-0.151 0.191,-0.136 0.198,-0.125C0.205,-0.114 0.218,-0.106 0.236,-0.101C0.253,-0.096 0.278,-0.094 0.311,-0.094C0.35,-0.094 0.377,-0.098 0.392,-0.106C0.407,-0.113 0.414,-0.127 0.414,-0.148C0.414,-0.161 0.41,-0.173 0.402,-0.182C0.393,-0.191 0.379,-0.198 0.359,-0.205C0.339,-0.212 0.311,-0.218 0.274,-0.225C0.221,-0.235 0.18,-0.246 0.151,-0.259C0.122,-0.271 0.101,-0.287 0.089,-0.306C0.076,-0.325 0.07,-0.35 0.07,-0.381C0.07,-0.422 0.077,-0.453 0.091,-0.475C0.104,-0.496 0.128,-0.512 0.161,-0.521C0.194,-0.53 0.24,-0.535 0.3,-0.535C0.359,-0.535 0.404,-0.53 0.436,-0.521C0.468,-0.511 0.491,-0.495 0.504,-0.472C0.517,-0.448 0.524,-0.416 0.525,-0.373L0.405,-0.373C0.404,-0.396 0.396,-0.411 0.381,-0.42C0.366,-0.428 0.338,-0.432 0.299,-0.432C0.258,-0.432 0.229,-0.428 0.214,-0.421C0.199,-0.414 0.191,-0.4 0.191,-0.38C0.191,-0.369 0.202,-0.36 0.223,-0.352C0.244,-0.343 0.284,-0.332 0.345,-0.318C0.395,-0.307 0.434,-0.294 0.461,-0.281C0.488,-0.267 0.508,-0.25 0.52,-0.229C0.531,-0.208 0.537,-0.182 0.537,-0.149C0.537,-0.108 0.53,-0.076 0.516,-0.053C0.502,-0.03 0.478,-0.014 0.445,-0.005C0.411,0.004 0.363,0.009 0.302,0.009Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,210.753,98.5354)">
+                    <path d="M0.365,0.011C0.317,0.011 0.281,0.005 0.256,-0.008C0.231,-0.021 0.215,-0.04 0.206,-0.065C0.197,-0.09 0.193,-0.124 0.193,-0.167L0.193,-0.419L0.064,-0.419L0.088,-0.522L0.197,-0.522L0.197,-0.628L0.313,-0.677L0.313,-0.522L0.508,-0.522L0.508,-0.419L0.313,-0.419L0.313,-0.171C0.313,-0.15 0.315,-0.134 0.319,-0.124C0.322,-0.114 0.33,-0.107 0.343,-0.102C0.355,-0.097 0.374,-0.095 0.399,-0.095C0.428,-0.095 0.469,-0.099 0.524,-0.107L0.524,-0.002C0.455,0.007 0.402,0.011 0.365,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,220.353,98.5354)">
+                    <rect x="0.11" y="-0.353" width="0.38" height="0.11" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,229.953,98.5354)">
+                    <path d="M0.068,-0.728L0.19,-0.728L0.19,-0.452L0.198,-0.452C0.215,-0.483 0.233,-0.505 0.254,-0.517C0.275,-0.529 0.303,-0.535 0.34,-0.535C0.391,-0.535 0.431,-0.529 0.458,-0.517C0.485,-0.505 0.505,-0.485 0.517,-0.456C0.528,-0.427 0.534,-0.385 0.534,-0.332L0.534,-0L0.412,-0L0.412,-0.334C0.412,-0.371 0.405,-0.397 0.392,-0.411C0.378,-0.424 0.352,-0.431 0.314,-0.431C0.281,-0.431 0.256,-0.426 0.239,-0.417C0.221,-0.408 0.208,-0.392 0.201,-0.369C0.194,-0.346 0.19,-0.314 0.19,-0.272L0.19,-0L0.068,-0L0.068,-0.728Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,239.553,98.5354)">
+                    <path d="M0.253,-0.048L0.219,-0.048L0.049,-0.522L0.173,-0.522L0.298,-0.138L0.303,-0.138L0.426,-0.522L0.552,-0.522L0.292,0.215L0.166,0.215L0.253,-0.048Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,249.153,98.5354)">
+                    <path d="M0.302,0.22C0.242,0.22 0.196,0.215 0.163,0.204C0.13,0.193 0.107,0.175 0.093,0.151C0.079,0.126 0.071,0.09 0.07,0.044L0.193,0.044C0.194,0.065 0.198,0.08 0.204,0.091C0.21,0.102 0.221,0.109 0.236,0.114C0.251,0.118 0.273,0.12 0.303,0.12C0.333,0.12 0.356,0.116 0.373,0.11C0.389,0.102 0.4,0.091 0.407,0.075C0.414,0.058 0.417,0.035 0.418,0.005L0.419,-0.071L0.411,-0.071C0.402,-0.051 0.392,-0.036 0.381,-0.026C0.37,-0.015 0.356,-0.008 0.339,-0.004C0.321,0.001 0.297,0.003 0.266,0.003C0.211,0.003 0.169,-0.005 0.138,-0.021C0.107,-0.037 0.085,-0.064 0.072,-0.102C0.058,-0.139 0.051,-0.192 0.051,-0.261C0.051,-0.332 0.058,-0.387 0.072,-0.426C0.085,-0.465 0.109,-0.492 0.142,-0.509C0.175,-0.525 0.221,-0.533 0.281,-0.533C0.319,-0.533 0.347,-0.528 0.366,-0.518C0.384,-0.507 0.4,-0.488 0.413,-0.46L0.421,-0.46L0.421,-0.522L0.538,-0.522L0.538,0.015C0.538,0.069 0.531,0.111 0.517,0.14C0.503,0.169 0.479,0.189 0.446,0.202C0.412,0.214 0.364,0.22 0.302,0.22ZM0.173,-0.261C0.173,-0.219 0.177,-0.187 0.184,-0.164C0.191,-0.14 0.204,-0.124 0.222,-0.115C0.239,-0.105 0.264,-0.1 0.296,-0.1C0.328,-0.1 0.353,-0.105 0.37,-0.115C0.387,-0.124 0.4,-0.14 0.407,-0.164C0.414,-0.187 0.418,-0.219 0.418,-0.261C0.418,-0.305 0.414,-0.339 0.407,-0.363C0.4,-0.387 0.387,-0.404 0.37,-0.415C0.353,-0.425 0.328,-0.43 0.296,-0.43C0.264,-0.43 0.239,-0.425 0.222,-0.415C0.204,-0.404 0.191,-0.387 0.184,-0.363C0.177,-0.339 0.173,-0.305 0.173,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,258.753,98.5354)">
+                    <path d="M0.235,-0.728L0.388,-0.728L0.388,-0.587L0.235,-0.587L0.235,-0.728ZM0.09,-0.103L0.264,-0.103L0.264,-0.419L0.1,-0.419L0.1,-0.522L0.384,-0.522L0.384,-0.103L0.551,-0.103L0.551,-0L0.09,-0L0.09,-0.103Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,268.353,98.5354)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,277.953,98.5354)">
+                    <path d="M0.068,-0.522L0.19,-0.522L0.19,-0.45L0.198,-0.45C0.217,-0.483 0.236,-0.505 0.256,-0.517C0.276,-0.529 0.304,-0.535 0.341,-0.535C0.392,-0.535 0.431,-0.529 0.458,-0.517C0.485,-0.504 0.505,-0.484 0.517,-0.455C0.528,-0.426 0.534,-0.384 0.534,-0.33L0.534,-0L0.412,-0L0.412,-0.332C0.412,-0.369 0.405,-0.394 0.392,-0.407C0.378,-0.42 0.352,-0.427 0.315,-0.427C0.282,-0.427 0.257,-0.422 0.24,-0.413C0.222,-0.404 0.209,-0.388 0.202,-0.366C0.194,-0.343 0.19,-0.312 0.19,-0.271L0.19,-0L0.068,-0L0.068,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,287.553,98.5354)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+            <path d="M2247.89,644.916L2249.24,644.916L2249.24,646.132L2249.35,646.132C2249.58,645.577 2249.88,645.201 2250.24,645.004C2250.59,644.806 2251.13,644.708 2251.86,644.708C2252.56,644.708 2253.11,644.804 2253.49,644.996C2253.88,645.188 2254.15,645.51 2254.32,645.964C2254.48,646.417 2254.56,647.06 2254.56,647.892L2254.56,653.268L2253.24,653.268L2253.24,647.86C2253.24,647.358 2253.18,646.969 2253.07,646.692C2252.96,646.414 2252.77,646.22 2252.52,646.108C2252.27,645.996 2251.91,645.94 2251.44,645.94C2250.87,645.94 2250.42,646.03 2250.11,646.212C2249.79,646.393 2249.57,646.694 2249.44,647.116C2249.3,647.537 2249.24,648.137 2249.24,648.916L2249.24,653.268L2247.89,653.268L2247.89,644.916Z" style="fill-rule:nonzero;"/>
+            <path d="M2260.82,653.428C2259.88,653.428 2259.16,653.297 2258.65,653.036C2258.14,652.774 2257.78,652.334 2257.57,651.716C2257.36,651.097 2257.25,650.217 2257.25,649.076C2257.25,647.924 2257.36,647.038 2257.57,646.42C2257.78,645.801 2258.14,645.361 2258.65,645.1C2259.16,644.838 2259.88,644.708 2260.82,644.708C2261.76,644.708 2262.48,644.838 2263,645.1C2263.51,645.361 2263.87,645.804 2264.08,646.428C2264.3,647.052 2264.4,647.934 2264.4,649.076C2264.4,650.217 2264.3,651.097 2264.08,651.716C2263.87,652.334 2263.51,652.774 2263,653.036C2262.48,653.297 2261.76,653.428 2260.82,653.428ZM2258.6,649.076C2258.6,649.908 2258.66,650.548 2258.8,650.996C2258.93,651.444 2259.15,651.761 2259.47,651.948C2259.78,652.134 2260.23,652.228 2260.82,652.228C2261.41,652.228 2261.86,652.134 2262.18,651.948C2262.5,651.761 2262.73,651.444 2262.86,650.996C2262.99,650.548 2263.06,649.908 2263.06,649.076C2263.06,648.233 2262.99,647.588 2262.86,647.14C2262.73,646.692 2262.5,646.372 2262.18,646.18C2261.86,645.988 2261.41,645.892 2260.82,645.892C2260.23,645.892 2259.78,645.988 2259.47,646.18C2259.15,646.372 2258.93,646.692 2258.8,647.14C2258.66,647.588 2258.6,648.233 2258.6,649.076Z" style="fill-rule:nonzero;"/>
+            <path d="M2271.43,653.444C2270.74,653.444 2270.23,653.353 2269.89,653.172C2269.55,652.99 2269.32,652.713 2269.2,652.34C2269.09,651.966 2269.03,651.438 2269.03,650.756L2269.03,646.1L2266.87,646.1L2267.19,644.916L2269.09,644.916L2269.09,643.044L2270.34,642.516L2270.34,644.916L2273.27,644.916L2273.27,646.1L2270.34,646.1L2270.34,650.692C2270.34,651.065 2270.38,651.358 2270.46,651.572C2270.54,651.785 2270.69,651.948 2270.92,652.06C2271.15,652.172 2271.5,652.228 2271.96,652.228C2272.36,652.228 2272.92,652.18 2273.62,652.084L2273.62,653.268C2272.68,653.385 2271.95,653.444 2271.43,653.444Z" style="fill-rule:nonzero;"/>
+            <path d="M2280.15,653.428C2279.19,653.428 2278.45,653.3 2277.95,653.044C2277.44,652.788 2277.08,652.35 2276.88,651.732C2276.67,651.113 2276.56,650.217 2276.56,649.044C2276.56,647.902 2276.67,647.022 2276.88,646.404C2277.1,645.785 2277.45,645.35 2277.95,645.1C2278.44,644.849 2279.13,644.724 2280.02,644.724C2280.98,644.724 2281.7,644.865 2282.19,645.148C2282.67,645.43 2283.01,645.913 2283.19,646.596C2283.37,647.278 2283.45,648.286 2283.43,649.62L2277.91,649.62C2277.94,650.324 2278.03,650.862 2278.16,651.236C2278.3,651.609 2278.52,651.87 2278.83,652.02C2279.13,652.169 2279.57,652.244 2280.13,652.244C2280.66,652.244 2281.05,652.166 2281.3,652.012C2281.55,651.857 2281.74,651.556 2281.88,651.108L2283.27,651.108C2283.15,651.726 2282.98,652.201 2282.76,652.532C2282.55,652.862 2282.23,653.094 2281.83,653.228C2281.42,653.361 2280.86,653.428 2280.15,653.428ZM2282.15,648.452C2282.13,647.769 2282.05,647.249 2281.92,646.892C2281.78,646.534 2281.57,646.281 2281.28,646.132C2280.98,645.982 2280.56,645.908 2280.02,645.908C2279.51,645.908 2279.11,645.982 2278.83,646.132C2278.55,646.281 2278.34,646.534 2278.2,646.892C2278.07,647.249 2277.98,647.769 2277.92,648.452L2282.15,648.452Z" style="fill-rule:nonzero;"/>
+            <path d="M2289.99,653.428C2289.43,653.428 2289,653.353 2288.68,653.204C2288.37,653.054 2288.06,652.772 2287.75,652.356L2287.64,652.356L2287.64,653.268L2286.31,653.268L2286.32,641.62L2287.65,641.62L2287.64,645.796L2287.76,645.796C2288.02,645.38 2288.3,645.097 2288.62,644.948C2288.93,644.798 2289.41,644.724 2290.04,644.724C2290.9,644.724 2291.57,644.854 2292.04,645.116C2292.51,645.377 2292.84,645.814 2293.04,646.428C2293.23,647.041 2293.33,647.918 2293.33,649.06C2293.33,650.212 2293.23,651.097 2293.03,651.716C2292.83,652.334 2292.49,652.774 2292.01,653.036C2291.54,653.297 2290.86,653.428 2289.99,653.428ZM2287.6,649.06C2287.6,649.892 2287.67,650.534 2287.8,650.988C2287.92,651.441 2288.13,651.761 2288.43,651.948C2288.72,652.134 2289.14,652.228 2289.7,652.228C2290.3,652.228 2290.76,652.132 2291.08,651.94C2291.4,651.748 2291.62,651.428 2291.76,650.98C2291.9,650.532 2291.97,649.892 2291.97,649.06C2291.97,648.238 2291.9,647.604 2291.76,647.156C2291.62,646.708 2291.4,646.39 2291.08,646.204C2290.76,646.017 2290.3,645.924 2289.7,645.924C2289.14,645.924 2288.72,646.017 2288.43,646.204C2288.13,646.39 2287.92,646.708 2287.8,647.156C2287.67,647.604 2287.6,648.238 2287.6,649.06Z" style="fill-rule:nonzero;"/>
+            <path d="M2299.22,653.428C2298.28,653.428 2297.56,653.297 2297.05,653.036C2296.55,652.774 2296.18,652.334 2295.97,651.716C2295.76,651.097 2295.65,650.217 2295.65,649.076C2295.65,647.924 2295.76,647.038 2295.97,646.42C2296.18,645.801 2296.55,645.361 2297.05,645.1C2297.56,644.838 2298.28,644.708 2299.22,644.708C2300.16,644.708 2300.88,644.838 2301.4,645.1C2301.91,645.361 2302.27,645.804 2302.48,646.428C2302.7,647.052 2302.8,647.934 2302.8,649.076C2302.8,650.217 2302.7,651.097 2302.48,651.716C2302.27,652.334 2301.91,652.774 2301.4,653.036C2300.88,653.297 2300.16,653.428 2299.22,653.428ZM2297,649.076C2297,649.908 2297.06,650.548 2297.2,650.996C2297.33,651.444 2297.55,651.761 2297.87,651.948C2298.18,652.134 2298.63,652.228 2299.22,652.228C2299.81,652.228 2300.26,652.134 2300.58,651.948C2300.9,651.761 2301.13,651.444 2301.26,650.996C2301.39,650.548 2301.46,649.908 2301.46,649.076C2301.46,648.233 2301.39,647.588 2301.26,647.14C2301.13,646.692 2300.9,646.372 2300.58,646.18C2300.26,645.988 2299.81,645.892 2299.22,645.892C2298.63,645.892 2298.18,645.988 2297.87,646.18C2297.55,646.372 2297.33,646.692 2297.2,647.14C2297.06,647.588 2297,648.233 2297,649.076Z" style="fill-rule:nonzero;"/>
+            <path d="M2308.82,653.428C2307.88,653.428 2307.16,653.297 2306.65,653.036C2306.14,652.774 2305.78,652.334 2305.57,651.716C2305.36,651.097 2305.25,650.217 2305.25,649.076C2305.25,647.924 2305.36,647.038 2305.57,646.42C2305.78,645.801 2306.14,645.361 2306.65,645.1C2307.16,644.838 2307.88,644.708 2308.82,644.708C2309.76,644.708 2310.48,644.838 2311,645.1C2311.51,645.361 2311.87,645.804 2312.08,646.428C2312.3,647.052 2312.4,647.934 2312.4,649.076C2312.4,650.217 2312.3,651.097 2312.08,651.716C2311.87,652.334 2311.51,652.774 2311,653.036C2310.48,653.297 2309.76,653.428 2308.82,653.428ZM2306.6,649.076C2306.6,649.908 2306.66,650.548 2306.8,650.996C2306.93,651.444 2307.15,651.761 2307.47,651.948C2307.78,652.134 2308.23,652.228 2308.82,652.228C2309.41,652.228 2309.86,652.134 2310.18,651.948C2310.5,651.761 2310.73,651.444 2310.86,650.996C2310.99,650.548 2311.06,649.908 2311.06,649.076C2311.06,648.233 2310.99,647.588 2310.86,647.14C2310.73,646.692 2310.5,646.372 2310.18,646.18C2309.86,645.988 2309.41,645.892 2308.82,645.892C2308.23,645.892 2307.78,645.988 2307.47,646.18C2307.15,646.372 2306.93,646.692 2306.8,647.14C2306.66,647.588 2306.6,648.233 2306.6,649.076Z" style="fill-rule:nonzero;"/>
+            <path d="M2316.93,648.804L2316.93,653.268L2315.62,653.268L2315.62,641.62L2316.93,641.62L2316.93,648.564L2320.37,644.916L2322.1,644.916L2318.53,648.644L2322.63,653.268L2320.84,653.268L2316.93,648.804Z" style="fill-rule:nonzero;"/>
+            <path d="M2328.05,653.428C2327.16,653.428 2326.46,653.353 2325.97,653.204C2325.48,653.054 2325.13,652.798 2324.93,652.436C2324.73,652.073 2324.63,651.561 2324.63,650.9L2325.99,650.9C2326.01,651.262 2326.09,651.537 2326.23,651.724C2326.37,651.91 2326.59,652.044 2326.89,652.124C2327.2,652.204 2327.62,652.244 2328.18,652.244C2328.67,652.244 2329.05,652.206 2329.32,652.132C2329.58,652.057 2329.77,651.934 2329.88,651.764C2330,651.593 2330.05,651.348 2330.05,651.028C2330.05,650.74 2329.98,650.502 2329.84,650.316C2329.69,650.129 2329.45,649.969 2329.11,649.836C2328.77,649.702 2328.28,649.572 2327.64,649.444C2326.88,649.294 2326.29,649.124 2325.88,648.932C2325.47,648.74 2325.18,648.497 2325,648.204C2324.83,647.91 2324.74,647.529 2324.74,647.06C2324.74,646.441 2324.84,645.966 2325.04,645.636C2325.23,645.305 2325.56,645.068 2326.03,644.924C2326.49,644.78 2327.16,644.708 2328.02,644.708C2328.83,644.708 2329.45,644.772 2329.89,644.9C2330.33,645.028 2330.65,645.249 2330.85,645.564C2331.05,645.878 2331.17,646.324 2331.2,646.9L2329.88,646.9C2329.82,646.505 2329.66,646.238 2329.4,646.1C2329.13,645.961 2328.66,645.892 2328,645.892C2327.49,645.892 2327.1,645.926 2326.82,645.996C2326.54,646.065 2326.35,646.185 2326.23,646.356C2326.11,646.526 2326.05,646.766 2326.05,647.076C2326.05,647.257 2326.13,647.417 2326.28,647.556C2326.44,647.694 2326.7,647.83 2327.06,647.964C2327.42,648.097 2327.94,648.249 2328.61,648.42C2329.35,648.601 2329.91,648.798 2330.31,649.012C2330.7,649.225 2330.98,649.486 2331.14,649.796C2331.3,650.105 2331.38,650.505 2331.38,650.996C2331.38,651.636 2331.28,652.129 2331.08,652.476C2330.87,652.822 2330.54,653.068 2330.07,653.212C2329.6,653.356 2328.93,653.428 2328.05,653.428Z" style="fill-rule:nonzero;"/>
+            <rect x="2334.9" y="647.86" width="5.472" height="1.28" style="fill-rule:nonzero;"/>
+            <path d="M2343.17,644.916L2344.37,644.916L2344.37,645.988L2344.48,645.988C2344.66,645.508 2344.87,645.177 2345.09,644.996C2345.32,644.814 2345.64,644.724 2346.05,644.724C2346.53,644.724 2346.9,644.817 2347.16,645.004C2347.41,645.19 2347.6,645.518 2347.72,645.988L2347.8,645.988C2347.99,645.497 2348.2,645.164 2348.44,644.988C2348.68,644.812 2349.03,644.724 2349.48,644.724C2349.95,644.724 2350.31,644.82 2350.57,645.012C2350.83,645.204 2351.02,645.524 2351.12,645.972C2351.23,646.42 2351.28,647.049 2351.28,647.86L2351.28,653.268L2350.02,653.268L2350.02,648.164C2350.02,647.588 2349.99,647.142 2349.93,646.828C2349.87,646.513 2349.77,646.286 2349.61,646.148C2349.46,646.009 2349.24,645.94 2348.96,645.94C2348.68,645.94 2348.45,646.014 2348.29,646.164C2348.13,646.313 2348.02,646.561 2347.96,646.908C2347.89,647.254 2347.86,647.753 2347.86,648.404L2347.86,653.268L2346.61,653.268L2346.64,648.18C2346.65,647.337 2346.57,646.753 2346.4,646.428C2346.22,646.102 2345.93,645.94 2345.52,645.94C2345.24,645.94 2345.01,646.017 2344.86,646.172C2344.7,646.326 2344.59,646.588 2344.52,646.956C2344.45,647.324 2344.42,647.838 2344.42,648.5L2344.42,653.268L2343.17,653.268L2343.17,644.916Z" style="fill-rule:nonzero;"/>
+            <path d="M2356.02,653.428C2355.34,653.428 2354.81,653.353 2354.44,653.204C2354.08,653.054 2353.81,652.804 2353.66,652.452C2353.51,652.1 2353.43,651.598 2353.43,650.948C2353.43,650.18 2353.54,649.585 2353.76,649.164C2353.99,648.742 2354.36,648.444 2354.89,648.268C2355.42,648.092 2356.17,648.004 2357.14,648.004L2358.64,648.004L2358.64,647.604C2358.64,647.156 2358.59,646.809 2358.48,646.564C2358.36,646.318 2358.17,646.142 2357.9,646.036C2357.63,645.929 2357.24,645.876 2356.74,645.876C2356.09,645.876 2355.65,645.958 2355.41,646.124C2355.18,646.289 2355.05,646.606 2355.03,647.076L2353.68,647.076C2353.68,646.457 2353.77,645.98 2353.96,645.644C2354.14,645.308 2354.45,645.068 2354.88,644.924C2355.32,644.78 2355.94,644.708 2356.74,644.708C2357.57,644.708 2358.21,644.793 2358.67,644.964C2359.12,645.134 2359.44,645.428 2359.63,645.844C2359.81,646.26 2359.91,646.846 2359.91,647.604L2359.91,653.268L2358.69,653.268L2358.69,652.196L2358.58,652.196C2358.3,652.665 2357.99,652.988 2357.63,653.164C2357.27,653.34 2356.73,653.428 2356.02,653.428ZM2354.77,650.804C2354.77,651.358 2354.88,651.734 2355.11,651.932C2355.33,652.129 2355.75,652.228 2356.36,652.228C2356.95,652.228 2357.41,652.134 2357.73,651.948C2358.05,651.761 2358.28,651.449 2358.42,651.012C2358.56,650.574 2358.63,649.95 2358.63,649.14L2356.82,649.156C2356.29,649.166 2355.87,649.222 2355.58,649.324C2355.29,649.425 2355.08,649.59 2354.96,649.82C2354.83,650.049 2354.77,650.377 2354.77,650.804Z" style="fill-rule:nonzero;"/>
+            <path d="M2367.43,653.444C2366.74,653.444 2366.23,653.353 2365.89,653.172C2365.55,652.99 2365.32,652.713 2365.2,652.34C2365.09,651.966 2365.03,651.438 2365.03,650.756L2365.03,646.1L2362.87,646.1L2363.19,644.916L2365.09,644.916L2365.09,643.044L2366.34,642.516L2366.34,644.916L2369.27,644.916L2369.27,646.1L2366.34,646.1L2366.34,650.692C2366.34,651.065 2366.38,651.358 2366.46,651.572C2366.54,651.785 2366.69,651.948 2366.92,652.06C2367.15,652.172 2367.5,652.228 2367.96,652.228C2368.36,652.228 2368.92,652.18 2369.62,652.084L2369.62,653.268C2368.68,653.385 2367.95,653.444 2367.43,653.444Z" style="fill-rule:nonzero;"/>
+            <path d="M2376.29,653.428C2375.34,653.428 2374.61,653.297 2374.09,653.036C2373.57,652.774 2373.21,652.337 2372.99,651.724C2372.77,651.11 2372.66,650.233 2372.66,649.092C2372.66,647.94 2372.77,647.052 2372.99,646.428C2373.21,645.804 2373.57,645.361 2374.08,645.1C2374.6,644.838 2375.32,644.708 2376.26,644.708C2377.05,644.708 2377.66,644.788 2378.1,644.948C2378.54,645.108 2378.86,645.377 2379.06,645.756C2379.26,646.134 2379.39,646.67 2379.43,647.364L2378.1,647.364C2377.99,646.809 2377.82,646.43 2377.57,646.228C2377.33,646.025 2376.92,645.924 2376.36,645.924C2375.74,645.924 2375.26,646.02 2374.93,646.212C2374.6,646.404 2374.36,646.726 2374.22,647.18C2374.08,647.633 2374,648.281 2374,649.124C2374,649.934 2374.08,650.558 2374.22,650.996C2374.36,651.433 2374.6,651.745 2374.94,651.932C2375.28,652.118 2375.75,652.212 2376.37,652.212C2376.93,652.212 2377.32,652.124 2377.56,651.948C2377.8,651.772 2377.98,651.438 2378.1,650.948L2379.43,650.948C2379.39,651.598 2379.26,652.1 2379.06,652.452C2378.86,652.804 2378.54,653.054 2378.11,653.204C2377.68,653.353 2377.07,653.428 2376.29,653.428Z" style="fill-rule:nonzero;"/>
+            <path d="M2382.29,641.62L2383.64,641.62L2383.64,646.148L2383.75,646.148C2383.99,645.593 2384.29,645.217 2384.64,645.02C2384.98,644.822 2385.52,644.724 2386.24,644.724C2386.96,644.724 2387.51,644.82 2387.89,645.012C2388.28,645.204 2388.55,645.524 2388.72,645.972C2388.88,646.42 2388.96,647.065 2388.96,647.908L2388.96,653.268L2387.64,653.268L2387.64,647.876C2387.64,647.364 2387.58,646.969 2387.47,646.692C2387.36,646.414 2387.17,646.217 2386.92,646.1C2386.66,645.982 2386.3,645.924 2385.83,645.924C2385.25,645.924 2384.81,646.014 2384.5,646.196C2384.19,646.377 2383.97,646.681 2383.84,647.108C2383.7,647.534 2383.64,648.142 2383.64,648.932L2383.64,653.268L2382.29,653.268L2382.29,641.62Z" style="fill-rule:nonzero;"/>
+            <path d="M2267.08,675.74L2269.92,675.74L2269.92,666.476L2267.24,666.476L2267.24,665.276L2271.22,665.276L2271.22,675.74L2273.88,675.74L2273.88,676.924L2267.08,676.924L2267.08,675.74Z" style="fill-rule:nonzero;"/>
+            <path d="M2279.22,677.084C2278.54,677.084 2278.01,677.01 2277.64,676.86C2277.28,676.711 2277.01,676.46 2276.86,676.108C2276.7,675.756 2276.63,675.255 2276.63,674.604C2276.63,673.836 2276.74,673.242 2276.96,672.82C2277.19,672.399 2277.56,672.1 2278.09,671.924C2278.62,671.748 2279.37,671.66 2280.34,671.66L2281.84,671.66L2281.84,671.26C2281.84,670.812 2281.79,670.466 2281.68,670.22C2281.56,669.975 2281.37,669.799 2281.1,669.692C2280.83,669.586 2280.44,669.532 2279.94,669.532C2279.29,669.532 2278.85,669.615 2278.61,669.78C2278.38,669.946 2278.25,670.263 2278.23,670.732L2276.88,670.732C2276.88,670.114 2276.97,669.636 2277.16,669.3C2277.34,668.964 2277.65,668.724 2278.08,668.58C2278.52,668.436 2279.14,668.364 2279.94,668.364C2280.77,668.364 2281.41,668.45 2281.87,668.62C2282.32,668.791 2282.64,669.084 2282.83,669.5C2283.01,669.916 2283.11,670.503 2283.11,671.26L2283.11,676.924L2281.89,676.924L2281.89,675.852L2281.78,675.852C2281.5,676.322 2281.18,676.644 2280.83,676.82C2280.47,676.996 2279.93,677.084 2279.22,677.084ZM2277.97,674.46C2277.97,675.015 2278.08,675.391 2278.31,675.588C2278.53,675.786 2278.95,675.884 2279.56,675.884C2280.15,675.884 2280.61,675.791 2280.93,675.604C2281.25,675.418 2281.48,675.106 2281.62,674.668C2281.76,674.231 2281.83,673.607 2281.83,672.796L2280.02,672.812C2279.49,672.823 2279.07,672.879 2278.78,672.98C2278.49,673.082 2278.28,673.247 2278.16,673.476C2278.03,673.706 2277.97,674.034 2277.97,674.46Z" style="fill-rule:nonzero;"/>
+            <path d="M2287.51,668.572L2288.79,668.572L2288.74,670.54L2288.87,670.54C2289.17,669.858 2289.4,669.386 2289.58,669.124C2289.76,668.863 2289.95,668.7 2290.15,668.636C2290.35,668.572 2290.7,668.535 2291.19,668.524L2291.89,668.508C2292.16,668.508 2292.45,668.519 2292.77,668.54L2292.77,669.804C2292.53,669.794 2292.21,669.788 2291.81,669.788C2291.42,669.788 2291.1,669.804 2290.85,669.836C2290.54,669.89 2290.23,670.058 2289.91,670.34C2289.59,670.623 2289.32,670.975 2289.12,671.396C2288.91,671.818 2288.8,672.252 2288.8,672.7L2288.8,676.924L2287.51,676.924L2287.51,668.572Z" style="fill-rule:nonzero;"/>
+            <path d="M2299.12,680.364C2298.29,680.364 2297.65,680.29 2297.2,680.14C2296.74,679.991 2296.41,679.743 2296.2,679.396C2295.98,679.05 2295.85,678.556 2295.81,677.916L2297.16,677.916C2297.17,678.258 2297.23,678.522 2297.35,678.708C2297.47,678.895 2297.66,679.028 2297.95,679.108C2298.23,679.188 2298.63,679.228 2299.14,679.228C2299.67,679.228 2300.09,679.162 2300.38,679.028C2300.67,678.895 2300.88,678.666 2301,678.34C2301.13,678.015 2301.19,677.554 2301.2,676.956L2301.2,675.708L2301.09,675.708C2300.93,676.188 2300.7,676.519 2300.4,676.7C2300.09,676.882 2299.6,676.972 2298.92,676.972C2298.02,676.972 2297.33,676.844 2296.84,676.588C2296.36,676.332 2296.01,675.903 2295.81,675.3C2295.61,674.698 2295.51,673.842 2295.51,672.732C2295.51,671.58 2295.61,670.695 2295.81,670.076C2296.01,669.458 2296.36,669.018 2296.85,668.756C2297.34,668.495 2298.04,668.364 2298.93,668.364C2299.6,668.364 2300.1,668.45 2300.41,668.62C2300.73,668.791 2300.96,669.122 2301.12,669.612L2301.25,669.612L2301.25,668.572L2302.52,668.572L2302.52,677.132C2302.51,677.986 2302.4,678.642 2302.2,679.1C2301.99,679.559 2301.65,679.884 2301.17,680.076C2300.69,680.268 2300.01,680.364 2299.12,680.364ZM2296.85,672.732C2296.85,673.532 2296.92,674.151 2297.04,674.588C2297.17,675.026 2297.39,675.335 2297.7,675.516C2298.01,675.698 2298.45,675.788 2299.03,675.788C2299.6,675.788 2300.05,675.698 2300.36,675.516C2300.66,675.335 2300.88,675.026 2301.01,674.588C2301.14,674.151 2301.2,673.532 2301.2,672.732C2301.2,671.89 2301.14,671.244 2301.01,670.796C2300.88,670.348 2300.66,670.028 2300.36,669.836C2300.05,669.644 2299.6,669.548 2299.03,669.548C2298.45,669.548 2298.01,669.644 2297.7,669.836C2297.39,670.028 2297.17,670.348 2297.04,670.796C2296.92,671.244 2296.85,671.89 2296.85,672.732Z" style="fill-rule:nonzero;"/>
+            <path d="M2308.95,677.084C2307.99,677.084 2307.25,676.956 2306.75,676.7C2306.24,676.444 2305.88,676.007 2305.68,675.388C2305.47,674.77 2305.36,673.874 2305.36,672.7C2305.36,671.559 2305.47,670.679 2305.68,670.06C2305.9,669.442 2306.25,669.007 2306.75,668.756C2307.24,668.506 2307.93,668.38 2308.82,668.38C2309.78,668.38 2310.5,668.522 2310.99,668.804C2311.47,669.087 2311.81,669.57 2311.99,670.252C2312.17,670.935 2312.25,671.943 2312.23,673.276L2306.71,673.276C2306.74,673.98 2306.83,674.519 2306.96,674.892C2307.1,675.266 2307.32,675.527 2307.63,675.676C2307.93,675.826 2308.37,675.9 2308.93,675.9C2309.47,675.9 2309.85,675.823 2310.1,675.668C2310.35,675.514 2310.54,675.212 2310.68,674.764L2312.07,674.764C2311.95,675.383 2311.78,675.858 2311.56,676.188C2311.35,676.519 2311.03,676.751 2310.63,676.884C2310.22,677.018 2309.66,677.084 2308.95,677.084ZM2310.95,672.108C2310.93,671.426 2310.85,670.906 2310.72,670.548C2310.58,670.191 2310.37,669.938 2310.08,669.788C2309.78,669.639 2309.36,669.564 2308.82,669.564C2308.31,669.564 2307.91,669.639 2307.63,669.788C2307.35,669.938 2307.14,670.191 2307,670.548C2306.87,670.906 2306.78,671.426 2306.72,672.108L2310.95,672.108Z" style="fill-rule:nonzero;"/>
+            <rect x="2315.7" y="671.516" width="5.472" height="1.28" style="fill-rule:nonzero;"/>
+            <path d="M2326.95,669.836L2324.87,669.836L2324.48,668.572L2326.95,668.572L2326.95,667.42C2326.95,666.78 2327.05,666.282 2327.24,665.924C2327.44,665.567 2327.78,665.311 2328.26,665.156C2328.74,665.002 2329.41,664.924 2330.28,664.924C2330.47,664.924 2330.81,664.935 2331.3,664.956L2331.3,666.14C2331.12,666.13 2330.87,666.124 2330.55,666.124C2329.95,666.124 2329.49,666.167 2329.16,666.252C2328.83,666.338 2328.59,666.479 2328.45,666.676C2328.31,666.874 2328.24,667.143 2328.24,667.484L2328.24,668.572L2331.14,668.572L2331.14,669.836L2328.24,669.836L2328.24,676.924L2326.95,676.924L2326.95,669.836Z" style="fill-rule:nonzero;"/>
+            <path d="M2336.84,665.276L2338.68,665.276L2338.68,667.1L2336.84,667.1L2336.84,665.276ZM2334.64,675.74L2337.35,675.74L2337.35,669.74L2334.8,669.74L2334.8,668.572L2338.66,668.572L2338.66,675.74L2341.25,675.74L2341.25,676.908L2334.64,676.908L2334.64,675.74Z" style="fill-rule:nonzero;"/>
+            <path d="M2343.88,675.74L2346.72,675.74L2346.72,666.476L2344.04,666.476L2344.04,665.276L2348.02,665.276L2348.02,675.74L2350.68,675.74L2350.68,676.924L2343.88,676.924L2343.88,675.74Z" style="fill-rule:nonzero;"/>
+            <path d="M2356.95,677.084C2355.99,677.084 2355.25,676.956 2354.75,676.7C2354.24,676.444 2353.88,676.007 2353.68,675.388C2353.47,674.77 2353.36,673.874 2353.36,672.7C2353.36,671.559 2353.47,670.679 2353.68,670.06C2353.9,669.442 2354.25,669.007 2354.75,668.756C2355.24,668.506 2355.93,668.38 2356.82,668.38C2357.78,668.38 2358.5,668.522 2358.99,668.804C2359.47,669.087 2359.81,669.57 2359.99,670.252C2360.17,670.935 2360.25,671.943 2360.23,673.276L2354.71,673.276C2354.74,673.98 2354.83,674.519 2354.96,674.892C2355.1,675.266 2355.32,675.527 2355.63,675.676C2355.93,675.826 2356.37,675.9 2356.93,675.9C2357.47,675.9 2357.85,675.823 2358.1,675.668C2358.35,675.514 2358.54,675.212 2358.68,674.764L2360.07,674.764C2359.95,675.383 2359.78,675.858 2359.56,676.188C2359.35,676.519 2359.03,676.751 2358.63,676.884C2358.22,677.018 2357.66,677.084 2356.95,677.084ZM2358.95,672.108C2358.93,671.426 2358.85,670.906 2358.72,670.548C2358.58,670.191 2358.37,669.938 2358.08,669.788C2357.78,669.639 2357.36,669.564 2356.82,669.564C2356.31,669.564 2355.91,669.639 2355.63,669.788C2355.35,669.938 2355.14,670.191 2355,670.548C2354.87,670.906 2354.78,671.426 2354.72,672.108L2358.95,672.108Z" style="fill-rule:nonzero;"/>
+            <path d="M2366.45,677.084C2365.56,677.084 2364.86,677.01 2364.37,676.86C2363.88,676.711 2363.53,676.455 2363.33,676.092C2363.13,675.73 2363.03,675.218 2363.03,674.556L2364.39,674.556C2364.41,674.919 2364.49,675.194 2364.63,675.38C2364.77,675.567 2364.99,675.7 2365.29,675.78C2365.6,675.86 2366.03,675.9 2366.58,675.9C2367.07,675.9 2367.45,675.863 2367.72,675.788C2367.98,675.714 2368.17,675.591 2368.28,675.42C2368.4,675.25 2368.45,675.004 2368.45,674.684C2368.45,674.396 2368.38,674.159 2368.24,673.972C2368.09,673.786 2367.85,673.626 2367.51,673.492C2367.17,673.359 2366.68,673.228 2366.04,673.1C2365.28,672.951 2364.69,672.78 2364.28,672.588C2363.87,672.396 2363.58,672.154 2363.4,671.86C2363.23,671.567 2363.14,671.186 2363.14,670.716C2363.14,670.098 2363.24,669.623 2363.44,669.292C2363.63,668.962 2363.96,668.724 2364.43,668.58C2364.89,668.436 2365.56,668.364 2366.42,668.364C2367.23,668.364 2367.85,668.428 2368.29,668.556C2368.73,668.684 2369.05,668.906 2369.25,669.22C2369.45,669.535 2369.57,669.98 2369.6,670.556L2368.28,670.556C2368.22,670.162 2368.06,669.895 2367.8,669.756C2367.53,669.618 2367.07,669.548 2366.4,669.548C2365.89,669.548 2365.5,669.583 2365.22,669.652C2364.94,669.722 2364.74,669.842 2364.63,670.012C2364.51,670.183 2364.45,670.423 2364.45,670.732C2364.45,670.914 2364.53,671.074 2364.68,671.212C2364.84,671.351 2365.1,671.487 2365.46,671.62C2365.82,671.754 2366.34,671.906 2367.01,672.076C2367.75,672.258 2368.31,672.455 2368.71,672.668C2369.1,672.882 2369.38,673.143 2369.54,673.452C2369.7,673.762 2369.78,674.162 2369.78,674.652C2369.78,675.292 2369.68,675.786 2369.48,676.132C2369.27,676.479 2368.94,676.724 2368.47,676.868C2368,677.012 2367.33,677.084 2366.45,677.084Z" style="fill-rule:nonzero;"/>
+            <path d="M2216.12,627.238L2420.74,627.238" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image3" x="1692.66" y="760.292" width="366.321px" height="329.629px" transform="matrix(0.998151,0,0,0.998877,0,0)"/>
+        <path d="M2050.49,769.102C2050.49,766.725 2048.56,764.796 2046.18,764.796L1699.19,764.796C1696.82,764.796 1694.89,766.725 1694.89,769.102L1694.89,1079.4C1694.89,1081.78 1696.82,1083.71 1699.19,1083.71L2046.18,1083.71C2048.56,1083.71 2050.49,1081.78 2050.49,1079.4L2050.49,769.102Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1694.89,802.091L2050.49,802.091" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1805.01,789.664C1804.1,789.664 1803.4,789.534 1802.9,789.272C1802.41,789.011 1802.06,788.568 1801.85,787.944C1801.64,787.32 1801.54,786.432 1801.54,785.28C1801.54,784.139 1801.64,783.262 1801.85,782.648C1802.06,782.035 1802.41,781.598 1802.9,781.336C1803.4,781.075 1804.1,780.944 1805.01,780.944C1805.71,780.944 1806.23,781.014 1806.55,781.152C1806.87,781.291 1807.11,781.552 1807.28,781.936L1807.41,781.936L1807.41,777.856L1809.35,777.856L1809.35,789.504L1807.41,789.504L1807.41,788.64L1807.28,788.64C1807.04,789.035 1806.76,789.304 1806.44,789.448C1806.13,789.592 1805.65,789.664 1805.01,789.664ZM1803.51,785.28C1803.51,785.984 1803.57,786.531 1803.69,786.92C1803.81,787.31 1804.02,787.584 1804.31,787.744C1804.61,787.904 1805.03,787.984 1805.57,787.984C1806.06,787.984 1806.44,787.902 1806.7,787.736C1806.97,787.571 1807.16,787.296 1807.27,786.912C1807.38,786.528 1807.44,785.984 1807.44,785.28C1807.44,784.576 1807.38,784.035 1807.27,783.656C1807.16,783.278 1806.97,783.008 1806.7,782.848C1806.44,782.688 1806.06,782.608 1805.57,782.608C1805.03,782.608 1804.61,782.688 1804.31,782.848C1804.02,783.008 1803.81,783.278 1803.69,783.656C1803.57,784.035 1803.51,784.576 1803.51,785.28Z" style="fill-rule:nonzero;"/>
+        <path d="M1815.39,789.648C1814.35,789.648 1813.54,789.518 1812.98,789.256C1812.41,788.995 1812.01,788.55 1811.77,787.92C1811.53,787.291 1811.41,786.4 1811.41,785.248C1811.41,784.118 1811.52,783.246 1811.75,782.632C1811.98,782.019 1812.37,781.584 1812.92,781.328C1813.47,781.072 1814.25,780.944 1815.27,780.944C1816.24,780.944 1816.99,781.08 1817.54,781.352C1818.08,781.624 1818.47,782.078 1818.71,782.712C1818.95,783.347 1819.07,784.24 1819.07,785.392L1819.06,786.016L1813.38,786.016C1813.42,786.539 1813.51,786.942 1813.63,787.224C1813.76,787.507 1813.96,787.707 1814.23,787.824C1814.51,787.942 1814.89,788 1815.38,788C1815.86,788 1816.21,787.926 1816.42,787.776C1816.64,787.627 1816.82,787.35 1816.94,786.944L1818.93,786.944C1818.82,787.648 1818.65,788.192 1818.4,788.576C1818.15,788.96 1817.8,789.235 1817.33,789.4C1816.86,789.566 1816.21,789.648 1815.39,789.648ZM1817.15,784.496C1817.15,783.771 1817.01,783.272 1816.73,783C1816.45,782.728 1815.96,782.592 1815.27,782.592C1814.59,782.592 1814.11,782.731 1813.83,783.008C1813.54,783.286 1813.39,783.782 1813.39,784.496L1817.15,784.496Z" style="fill-rule:nonzero;"/>
+        <path d="M1820.85,781.152L1822.79,781.152L1822.79,781.968L1822.91,781.968C1823.25,781.584 1823.57,781.323 1823.87,781.184C1824.17,781.046 1824.56,780.976 1825.04,780.976C1825.99,780.976 1826.72,781.107 1827.23,781.368C1827.75,781.63 1828.11,782.07 1828.33,782.688C1828.55,783.307 1828.66,784.187 1828.66,785.328C1828.66,786.459 1828.55,787.331 1828.34,787.944C1828.12,788.558 1827.76,788.995 1827.26,789.256C1826.75,789.518 1826.03,789.648 1825.09,789.648C1824.52,789.648 1824.09,789.579 1823.78,789.44C1823.47,789.302 1823.18,789.04 1822.91,788.656L1822.79,788.656L1822.79,792.944L1820.85,792.944L1820.85,781.152ZM1822.75,785.328C1822.75,786.022 1822.81,786.558 1822.92,786.936C1823.03,787.315 1823.22,787.584 1823.49,787.744C1823.76,787.904 1824.13,787.984 1824.62,787.984C1825.17,787.984 1825.59,787.904 1825.88,787.744C1826.17,787.584 1826.38,787.315 1826.51,786.936C1826.63,786.558 1826.69,786.022 1826.69,785.328C1826.69,784.624 1826.63,784.08 1826.51,783.696C1826.38,783.312 1826.17,783.04 1825.88,782.88C1825.59,782.72 1825.17,782.64 1824.62,782.64C1824.13,782.64 1823.76,782.72 1823.49,782.88C1823.22,783.04 1823.03,783.312 1822.92,783.696C1822.81,784.08 1822.75,784.624 1822.75,785.328Z" style="fill-rule:nonzero;"/>
+        <path d="M1830.72,787.84L1833.65,787.84L1833.65,779.52L1830.88,779.52L1830.88,777.856L1835.57,777.856L1835.57,787.84L1838.31,787.84L1838.31,789.504L1830.72,789.504L1830.72,787.84Z" style="fill-rule:nonzero;"/>
+        <path d="M1844.05,789.648C1843.01,789.648 1842.21,789.518 1841.65,789.256C1841.08,788.995 1840.68,788.558 1840.44,787.944C1840.2,787.331 1840.08,786.454 1840.08,785.312C1840.08,784.16 1840.2,783.275 1840.44,782.656C1840.68,782.038 1841.08,781.598 1841.64,781.336C1842.2,781.075 1843,780.944 1844.05,780.944C1845.09,780.944 1845.9,781.075 1846.46,781.336C1847.02,781.598 1847.42,782.038 1847.66,782.656C1847.9,783.275 1848.02,784.16 1848.02,785.312C1848.02,786.454 1847.9,787.331 1847.66,787.944C1847.42,788.558 1847.01,788.995 1846.45,789.256C1845.88,789.518 1845.08,789.648 1844.05,789.648ZM1842.03,785.312C1842.03,786.016 1842.09,786.558 1842.22,786.936C1842.34,787.315 1842.54,787.584 1842.83,787.744C1843.11,787.904 1843.52,787.984 1844.05,787.984C1844.58,787.984 1844.99,787.904 1845.27,787.744C1845.56,787.584 1845.76,787.315 1845.88,786.936C1846,786.558 1846.07,786.016 1846.07,785.312C1846.07,784.598 1846,784.048 1845.88,783.664C1845.76,783.28 1845.56,783.006 1845.27,782.84C1844.99,782.675 1844.58,782.592 1844.05,782.592C1843.52,782.592 1843.11,782.675 1842.83,782.84C1842.54,783.006 1842.34,783.28 1842.22,783.664C1842.09,784.048 1842.03,784.598 1842.03,785.312Z" style="fill-rule:nonzero;"/>
+        <path d="M1852.9,788.736L1852.35,788.736L1849.63,781.152L1851.62,781.152L1853.62,787.296L1853.7,787.296L1855.66,781.152L1857.68,781.152L1853.52,792.944L1851.51,792.944L1852.9,788.736Z" style="fill-rule:nonzero;"/>
+        <path d="M1874.74,777.008L1876.67,777.008L1870.93,791.536L1869.01,791.536L1874.74,777.008Z" style="fill-rule:nonzero;"/>
+        <path d="M1892.08,789.648C1891.06,789.648 1890.27,789.563 1889.72,789.392C1889.17,789.222 1888.79,788.928 1888.56,788.512C1888.34,788.096 1888.24,787.51 1888.26,786.752L1890.23,786.752C1890.24,787.083 1890.3,787.336 1890.42,787.512C1890.53,787.688 1890.73,787.814 1891.02,787.888C1891.3,787.963 1891.7,788 1892.23,788C1892.85,788 1893.29,787.939 1893.52,787.816C1893.76,787.694 1893.87,787.467 1893.87,787.136C1893.87,786.923 1893.81,786.744 1893.67,786.6C1893.54,786.456 1893.31,786.331 1892.99,786.224C1892.67,786.118 1892.22,786.011 1891.63,785.904C1890.78,785.744 1890.12,785.566 1889.66,785.368C1889.19,785.171 1888.86,784.92 1888.66,784.616C1888.47,784.312 1888.37,783.91 1888.37,783.408C1888.37,782.758 1888.48,782.259 1888.7,781.912C1888.91,781.566 1889.29,781.318 1889.82,781.168C1890.35,781.019 1891.09,780.944 1892.05,780.944C1892.99,780.944 1893.71,781.022 1894.23,781.176C1894.74,781.331 1895.1,781.592 1895.31,781.96C1895.53,782.328 1895.64,782.854 1895.65,783.536L1893.73,783.536C1893.71,783.174 1893.58,782.926 1893.34,782.792C1893.1,782.659 1892.66,782.592 1892.03,782.592C1891.37,782.592 1890.92,782.651 1890.67,782.768C1890.43,782.886 1890.31,783.104 1890.31,783.424C1890.31,783.595 1890.47,783.747 1890.81,783.88C1891.14,784.014 1891.8,784.192 1892.77,784.416C1893.57,784.598 1894.19,784.798 1894.62,785.016C1895.06,785.235 1895.37,785.51 1895.56,785.84C1895.75,786.171 1895.84,786.598 1895.84,787.12C1895.84,787.782 1895.73,788.294 1895.51,788.656C1895.28,789.019 1894.9,789.275 1894.36,789.424C1893.82,789.574 1893.06,789.648 1892.08,789.648Z" style="fill-rule:nonzero;"/>
+        <path d="M1897.65,781.152L1899.59,781.152L1899.59,781.968L1899.71,781.968C1900.05,781.584 1900.37,781.323 1900.67,781.184C1900.97,781.046 1901.36,780.976 1901.84,780.976C1902.79,780.976 1903.52,781.107 1904.03,781.368C1904.55,781.63 1904.91,782.07 1905.13,782.688C1905.35,783.307 1905.46,784.187 1905.46,785.328C1905.46,786.459 1905.35,787.331 1905.14,787.944C1904.92,788.558 1904.56,788.995 1904.06,789.256C1903.55,789.518 1902.83,789.648 1901.89,789.648C1901.32,789.648 1900.89,789.579 1900.58,789.44C1900.27,789.302 1899.98,789.04 1899.71,788.656L1899.59,788.656L1899.59,792.944L1897.65,792.944L1897.65,781.152ZM1899.55,785.328C1899.55,786.022 1899.61,786.558 1899.72,786.936C1899.83,787.315 1900.02,787.584 1900.29,787.744C1900.56,787.904 1900.93,787.984 1901.42,787.984C1901.97,787.984 1902.39,787.904 1902.68,787.744C1902.97,787.584 1903.18,787.315 1903.31,786.936C1903.43,786.558 1903.49,786.022 1903.49,785.328C1903.49,784.624 1903.43,784.08 1903.31,783.696C1903.18,783.312 1902.97,783.04 1902.68,782.88C1902.39,782.72 1901.97,782.64 1901.42,782.64C1900.93,782.64 1900.56,782.72 1900.29,782.88C1900.02,783.04 1899.83,783.312 1899.72,783.696C1899.61,784.08 1899.55,784.624 1899.55,785.328Z" style="fill-rule:nonzero;"/>
+        <path d="M1910.5,789.648C1909.72,789.648 1909.12,789.571 1908.7,789.416C1908.28,789.262 1907.98,789 1907.8,788.632C1907.62,788.264 1907.54,787.744 1907.54,787.072C1907.54,786.283 1907.66,785.672 1907.9,785.24C1908.15,784.808 1908.57,784.502 1909.15,784.32C1909.74,784.139 1910.57,784.048 1911.65,784.048L1912.91,784.048L1912.91,783.952C1912.91,783.419 1912.8,783.056 1912.56,782.864C1912.33,782.672 1911.88,782.576 1911.23,782.576C1910.65,782.576 1910.25,782.654 1910.04,782.808C1909.83,782.963 1909.74,783.259 1909.76,783.696L1907.81,783.696C1907.78,782.971 1907.86,782.414 1908.06,782.024C1908.25,781.635 1908.6,781.358 1909.1,781.192C1909.59,781.027 1910.31,780.944 1911.23,780.944C1912.16,780.944 1912.88,781.035 1913.38,781.216C1913.89,781.398 1914.25,781.702 1914.47,782.128C1914.68,782.555 1914.79,783.163 1914.79,783.952L1914.79,789.504L1912.96,789.504L1912.96,788.512L1912.83,788.512C1912.53,788.95 1912.22,789.248 1911.89,789.408C1911.56,789.568 1911.09,789.648 1910.5,789.648ZM1909.49,786.928C1909.49,787.334 1909.58,787.611 1909.77,787.76C1909.95,787.91 1910.31,787.984 1910.83,787.984C1911.37,787.984 1911.78,787.915 1912.07,787.776C1912.35,787.638 1912.56,787.403 1912.68,787.072C1912.8,786.742 1912.88,786.267 1912.9,785.648L1911.31,785.664C1910.83,785.675 1910.46,785.718 1910.2,785.792C1909.94,785.867 1909.76,785.992 1909.65,786.168C1909.54,786.344 1909.49,786.598 1909.49,786.928Z" style="fill-rule:nonzero;"/>
+        <path d="M1921.14,789.648C1920.08,789.648 1919.27,789.52 1918.69,789.264C1918.11,789.008 1917.7,788.574 1917.47,787.96C1917.23,787.347 1917.11,786.475 1917.11,785.344C1917.11,784.192 1917.23,783.302 1917.47,782.672C1917.7,782.043 1918.11,781.598 1918.68,781.336C1919.25,781.075 1920.06,780.944 1921.11,780.944C1922.02,780.944 1922.73,781.035 1923.23,781.216C1923.73,781.398 1924.09,781.704 1924.31,782.136C1924.53,782.568 1924.65,783.179 1924.67,783.968L1922.74,783.968C1922.66,783.446 1922.52,783.091 1922.3,782.904C1922.08,782.718 1921.71,782.624 1921.2,782.624C1920.63,782.624 1920.2,782.707 1919.9,782.872C1919.59,783.038 1919.38,783.315 1919.25,783.704C1919.12,784.094 1919.06,784.646 1919.06,785.36C1919.06,786.043 1919.12,786.571 1919.25,786.944C1919.38,787.318 1919.6,787.582 1919.9,787.736C1920.21,787.891 1920.65,787.968 1921.22,787.968C1921.71,787.968 1922.06,787.886 1922.28,787.72C1922.5,787.555 1922.66,787.248 1922.75,786.8L1924.67,786.8C1924.65,787.547 1924.53,788.123 1924.31,788.528C1924.09,788.934 1923.74,789.222 1923.24,789.392C1922.75,789.563 1922.04,789.648 1921.14,789.648Z" style="fill-rule:nonzero;"/>
+        <path d="M1930.59,789.648C1929.55,789.648 1928.74,789.518 1928.18,789.256C1927.61,788.995 1927.21,788.55 1926.97,787.92C1926.73,787.291 1926.61,786.4 1926.61,785.248C1926.61,784.118 1926.72,783.246 1926.95,782.632C1927.18,782.019 1927.57,781.584 1928.12,781.328C1928.67,781.072 1929.45,780.944 1930.47,780.944C1931.43,780.944 1932.19,781.08 1932.74,781.352C1933.28,781.624 1933.67,782.078 1933.91,782.712C1934.15,783.347 1934.27,784.24 1934.27,785.392L1934.26,786.016L1928.58,786.016C1928.62,786.539 1928.7,786.942 1928.83,787.224C1928.96,787.507 1929.16,787.707 1929.43,787.824C1929.7,787.942 1930.09,788 1930.58,788C1931.06,788 1931.41,787.926 1931.62,787.776C1931.84,787.627 1932.02,787.35 1932.14,786.944L1934.13,786.944C1934.02,787.648 1933.85,788.192 1933.6,788.576C1933.36,788.96 1933,789.235 1932.53,789.4C1932.06,789.566 1931.41,789.648 1930.59,789.648ZM1932.35,784.496C1932.35,783.771 1932.21,783.272 1931.93,783C1931.65,782.728 1931.16,782.592 1930.47,782.592C1929.79,782.592 1929.31,782.731 1929.03,783.008C1928.74,783.286 1928.59,783.782 1928.59,784.496L1932.35,784.496Z" style="fill-rule:nonzero;"/>
+        <path d="M1940.08,789.648C1939.06,789.648 1938.27,789.563 1937.72,789.392C1937.17,789.222 1936.79,788.928 1936.56,788.512C1936.34,788.096 1936.24,787.51 1936.26,786.752L1938.23,786.752C1938.24,787.083 1938.3,787.336 1938.42,787.512C1938.53,787.688 1938.73,787.814 1939.02,787.888C1939.3,787.963 1939.7,788 1940.23,788C1940.85,788 1941.29,787.939 1941.52,787.816C1941.76,787.694 1941.87,787.467 1941.87,787.136C1941.87,786.923 1941.81,786.744 1941.67,786.6C1941.54,786.456 1941.31,786.331 1940.99,786.224C1940.67,786.118 1940.22,786.011 1939.63,785.904C1938.78,785.744 1938.12,785.566 1937.66,785.368C1937.19,785.171 1936.86,784.92 1936.66,784.616C1936.47,784.312 1936.37,783.91 1936.37,783.408C1936.37,782.758 1936.48,782.259 1936.7,781.912C1936.91,781.566 1937.29,781.318 1937.82,781.168C1938.35,781.019 1939.09,780.944 1940.05,780.944C1940.99,780.944 1941.71,781.022 1942.23,781.176C1942.74,781.331 1943.1,781.592 1943.31,781.96C1943.53,782.328 1943.64,782.854 1943.65,783.536L1941.73,783.536C1941.71,783.174 1941.58,782.926 1941.34,782.792C1941.1,782.659 1940.66,782.592 1940.03,782.592C1939.37,782.592 1938.92,782.651 1938.67,782.768C1938.43,782.886 1938.31,783.104 1938.31,783.424C1938.31,783.595 1938.47,783.747 1938.81,783.88C1939.14,784.014 1939.8,784.192 1940.77,784.416C1941.57,784.598 1942.19,784.798 1942.62,785.016C1943.06,785.235 1943.37,785.51 1943.56,785.84C1943.75,786.171 1943.84,786.598 1943.84,787.12C1943.84,787.782 1943.73,788.294 1943.51,788.656C1943.28,789.019 1942.9,789.275 1942.36,789.424C1941.82,789.574 1941.06,789.648 1940.08,789.648Z" style="fill-rule:nonzero;"/>
+        <path d="M1820.31,861.932L1820.31,922.888" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <path d="M1925.07,861.932L1925.07,899.218" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <path d="M1925.07,956.463L1925.07,1017.42" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <g>
+            <rect x="1918.3" y="885.69" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1921.07,888.456C1921.53,887.992 1922.29,887.992 1922.74,888.456L1925.07,890.779L1927.39,888.456C1927.85,887.992 1928.61,887.992 1929.07,888.456C1929.53,888.921 1929.53,889.672 1929.07,890.132L1926.74,892.454L1929.07,894.777C1929.53,895.242 1929.53,895.993 1929.07,896.452C1928.6,896.912 1927.85,896.917 1927.39,896.452L1925.07,894.13L1922.74,896.452C1922.28,896.917 1921.53,896.917 1921.07,896.452C1920.61,895.988 1920.6,895.237 1921.07,894.777L1923.39,892.454L1921.07,890.132C1920.6,889.667 1920.6,888.916 1921.07,888.456Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1918.3" y="980.177" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1921.07,982.943C1921.53,982.478 1922.29,982.478 1922.74,982.943L1925.07,985.266L1927.39,982.943C1927.85,982.478 1928.61,982.478 1929.07,982.943C1929.53,983.407 1929.53,984.159 1929.07,984.618L1926.74,986.941L1929.07,989.264C1929.53,989.728 1929.53,990.48 1929.07,990.939C1928.6,991.399 1927.85,991.404 1927.39,990.939L1925.07,988.616L1922.74,990.939C1922.28,991.404 1921.53,991.404 1921.07,990.939C1920.61,990.475 1920.6,989.723 1921.07,989.264L1923.39,986.941L1921.07,984.618C1920.6,984.154 1920.6,983.402 1921.07,982.943Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1813.55" y="885.646" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1824.79,890.548L1819.72,895.619C1819.35,895.991 1818.74,895.991 1818.37,895.619L1815.84,893.083C1815.47,892.711 1815.47,892.109 1815.84,891.741C1816.21,891.372 1816.81,891.368 1817.18,891.741L1819.04,893.602L1823.44,889.201C1823.81,888.829 1824.41,888.829 1824.78,889.201C1825.15,889.574 1825.16,890.176 1824.78,890.544L1824.79,890.548Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <path d="M1820.31,956.463L1820.31,1017.42" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <g>
+            <rect x="1813.55" y="980.177" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1824.79,985.079L1819.72,990.15C1819.35,990.522 1818.74,990.522 1818.37,990.15L1815.84,987.614C1815.47,987.242 1815.47,986.64 1815.84,986.272C1816.21,985.903 1816.81,985.899 1817.18,986.272L1819.04,988.133L1823.44,983.732C1823.81,983.36 1824.41,983.36 1824.78,983.732C1825.15,984.105 1825.16,984.707 1824.78,985.075L1824.79,985.079Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <g>
+            <path d="M1975,832.079C1975,831.854 1974.81,831.671 1974.59,831.671L1770.79,831.671C1770.56,831.671 1770.38,831.854 1770.38,832.079L1770.38,861.524C1770.38,861.749 1770.56,861.932 1770.79,861.932L1974.59,861.932C1974.81,861.932 1975,861.749 1975,861.524L1975,832.079Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1840.47,851.249C1839.41,851.249 1838.6,851.121 1838.02,850.865C1837.44,850.609 1837.04,850.175 1836.8,849.561C1836.56,848.948 1836.43,848.076 1836.43,846.945C1836.43,845.793 1836.56,844.903 1836.8,844.273C1837.04,843.644 1837.44,843.199 1838.01,842.937C1838.58,842.676 1839.39,842.545 1840.43,842.545C1841.35,842.545 1842.06,842.636 1842.56,842.817C1843.06,842.999 1843.42,843.305 1843.64,843.737C1843.86,844.169 1843.98,844.78 1844,845.569L1842.07,845.569C1841.99,845.047 1841.85,844.692 1841.63,844.505C1841.41,844.319 1841.04,844.225 1840.53,844.225C1839.97,844.225 1839.53,844.308 1839.23,844.473C1838.92,844.639 1838.71,844.916 1838.58,845.305C1838.45,845.695 1838.39,846.247 1838.39,846.961C1838.39,847.644 1838.45,848.172 1838.58,848.545C1838.71,848.919 1838.92,849.183 1839.24,849.337C1839.54,849.492 1839.98,849.569 1840.55,849.569C1841.04,849.569 1841.39,849.487 1841.61,849.321C1841.83,849.156 1841.99,848.849 1842.08,848.401L1844,848.401C1843.98,849.148 1843.86,849.724 1843.64,850.129C1843.42,850.535 1843.07,850.823 1842.57,850.993C1842.08,851.164 1841.37,851.249 1840.47,851.249Z" style="fill-rule:nonzero;"/>
+            <path d="M1846.07,839.457L1848.02,839.457L1848.02,843.873L1848.15,843.873C1848.41,843.372 1848.71,843.025 1849.04,842.833C1849.37,842.641 1849.83,842.545 1850.42,842.545C1851.24,842.545 1851.87,842.641 1852.31,842.833C1852.74,843.025 1853.06,843.353 1853.24,843.817C1853.43,844.281 1853.52,844.94 1853.52,845.793L1853.52,851.105L1851.57,851.105L1851.57,845.761C1851.57,845.164 1851.46,844.756 1851.24,844.537C1851.02,844.319 1850.61,844.209 1850,844.209C1849.48,844.209 1849.08,844.284 1848.8,844.433C1848.51,844.583 1848.31,844.839 1848.19,845.201C1848.08,845.564 1848.02,846.081 1848.02,846.753L1848.02,851.105L1846.07,851.105L1846.07,839.457Z" style="fill-rule:nonzero;"/>
+            <path d="M1858.63,851.249C1857.85,851.249 1857.25,851.172 1856.83,851.017C1856.4,850.863 1856.11,850.601 1855.93,850.233C1855.76,849.865 1855.67,849.345 1855.67,848.673C1855.67,847.884 1855.79,847.273 1856.04,846.841C1856.28,846.409 1856.7,846.103 1857.28,845.921C1857.87,845.74 1858.7,845.649 1859.78,845.649L1861.04,845.649L1861.04,845.553C1861.04,845.02 1860.92,844.657 1860.69,844.465C1860.46,844.273 1860.01,844.177 1859.36,844.177C1858.78,844.177 1858.38,844.255 1858.17,844.409C1857.96,844.564 1857.87,844.86 1857.89,845.297L1855.94,845.297C1855.91,844.572 1855.99,844.015 1856.19,843.625C1856.38,843.236 1856.73,842.959 1857.23,842.793C1857.72,842.628 1858.43,842.545 1859.36,842.545C1860.29,842.545 1861.01,842.636 1861.52,842.817C1862.02,842.999 1862.38,843.303 1862.6,843.729C1862.81,844.156 1862.91,844.764 1862.91,845.553L1862.91,851.105L1861.09,851.105L1861.09,850.113L1860.96,850.113C1860.66,850.551 1860.35,850.849 1860.02,851.009C1859.69,851.169 1859.22,851.249 1858.63,851.249ZM1857.62,848.529C1857.62,848.935 1857.71,849.212 1857.9,849.361C1858.09,849.511 1858.44,849.585 1858.96,849.585C1859.5,849.585 1859.91,849.516 1860.19,849.377C1860.48,849.239 1860.69,849.004 1860.81,848.673C1860.93,848.343 1861.01,847.868 1861.03,847.249L1859.44,847.265C1858.96,847.276 1858.59,847.319 1858.33,847.393C1858.07,847.468 1857.88,847.593 1857.78,847.769C1857.67,847.945 1857.62,848.199 1857.62,848.529Z" style="fill-rule:nonzero;"/>
+            <path d="M1865.27,842.753L1867.22,842.753L1867.22,843.905L1867.35,843.905C1867.64,843.383 1867.95,843.025 1868.28,842.833C1868.6,842.641 1869.05,842.545 1869.63,842.545C1870.44,842.545 1871.07,842.644 1871.51,842.841C1871.94,843.039 1872.26,843.369 1872.44,843.833C1872.63,844.297 1872.72,844.961 1872.72,845.825L1872.72,851.105L1870.77,851.105L1870.77,845.793C1870.77,845.207 1870.66,844.807 1870.44,844.593C1870.22,844.38 1869.82,844.273 1869.22,844.273C1868.7,844.273 1868.29,844.348 1868.01,844.497C1867.73,844.647 1867.53,844.9 1867.4,845.257C1867.28,845.615 1867.22,846.119 1867.22,846.769L1867.22,851.105L1865.27,851.105L1865.27,842.753Z" style="fill-rule:nonzero;"/>
+            <path d="M1878.61,854.625C1877.65,854.625 1876.91,854.54 1876.39,854.369C1875.86,854.199 1875.49,853.913 1875.27,853.513C1875.04,853.113 1874.92,852.545 1874.9,851.809L1876.87,851.809C1876.89,852.14 1876.95,852.391 1877.04,852.561C1877.14,852.732 1877.31,852.852 1877.55,852.921C1877.79,852.991 1878.15,853.025 1878.63,853.025C1879.11,853.025 1879.48,852.969 1879.74,852.857C1880,852.745 1880.18,852.559 1880.29,852.297C1880.4,852.036 1880.46,851.665 1880.47,851.185L1880.48,849.969L1880.36,849.969C1880.2,850.289 1880.05,850.532 1879.88,850.697C1879.7,850.863 1879.48,850.98 1879.19,851.049C1878.91,851.119 1878.53,851.153 1878.04,851.153C1877.16,851.153 1876.48,851.025 1875.99,850.769C1875.5,850.513 1875.14,850.084 1874.92,849.481C1874.7,848.879 1874.6,848.028 1874.6,846.929C1874.6,845.788 1874.7,844.908 1874.92,844.289C1875.14,843.671 1875.52,843.231 1876.04,842.969C1876.57,842.708 1877.32,842.577 1878.28,842.577C1878.88,842.577 1879.33,842.66 1879.63,842.825C1879.92,842.991 1880.17,843.297 1880.39,843.745L1880.52,843.745L1880.52,842.753L1882.39,842.753L1882.39,851.345C1882.39,852.209 1882.28,852.873 1882.05,853.337C1881.83,853.801 1881.44,854.132 1880.91,854.329C1880.37,854.527 1879.6,854.625 1878.61,854.625ZM1876.55,846.929C1876.55,847.601 1876.61,848.121 1876.72,848.489C1876.84,848.857 1877.04,849.119 1877.32,849.273C1877.61,849.428 1878,849.505 1878.52,849.505C1879.03,849.505 1879.42,849.428 1879.7,849.273C1879.98,849.119 1880.17,848.857 1880.29,848.489C1880.41,848.121 1880.47,847.601 1880.47,846.929C1880.47,846.225 1880.41,845.681 1880.29,845.297C1880.17,844.913 1879.98,844.639 1879.7,844.473C1879.42,844.308 1879.03,844.225 1878.52,844.225C1878,844.225 1877.61,844.308 1877.32,844.473C1877.04,844.639 1876.84,844.913 1876.72,845.297C1876.61,845.681 1876.55,846.225 1876.55,846.929Z" style="fill-rule:nonzero;"/>
+            <path d="M1888.32,851.249C1887.28,851.249 1886.47,851.119 1885.91,850.857C1885.34,850.596 1884.94,850.151 1884.7,849.521C1884.46,848.892 1884.34,848.001 1884.34,846.849C1884.34,845.719 1884.45,844.847 1884.68,844.233C1884.91,843.62 1885.3,843.185 1885.85,842.929C1886.4,842.673 1887.18,842.545 1888.19,842.545C1889.16,842.545 1889.92,842.681 1890.47,842.953C1891.01,843.225 1891.4,843.679 1891.64,844.313C1891.88,844.948 1892,845.841 1892,846.993L1891.99,847.617L1886.31,847.617C1886.35,848.14 1886.43,848.543 1886.56,848.825C1886.69,849.108 1886.89,849.308 1887.16,849.425C1887.43,849.543 1887.82,849.601 1888.31,849.601C1888.79,849.601 1889.14,849.527 1889.36,849.377C1889.57,849.228 1889.75,848.951 1889.88,848.545L1891.86,848.545C1891.75,849.249 1891.58,849.793 1891.33,850.177C1891.09,850.561 1890.73,850.836 1890.26,851.001C1889.79,851.167 1889.14,851.249 1888.32,851.249ZM1890.08,846.097C1890.08,845.372 1889.94,844.873 1889.66,844.601C1889.38,844.329 1888.89,844.193 1888.19,844.193C1887.52,844.193 1887.04,844.332 1886.76,844.609C1886.47,844.887 1886.32,845.383 1886.32,846.097L1890.08,846.097Z" style="fill-rule:nonzero;"/>
+            <path d="M1897.81,851.249C1896.79,851.249 1896,851.164 1895.45,850.993C1894.9,850.823 1894.52,850.529 1894.29,850.113C1894.07,849.697 1893.97,849.111 1893.99,848.353L1895.95,848.353C1895.97,848.684 1896.03,848.937 1896.15,849.113C1896.26,849.289 1896.46,849.415 1896.75,849.489C1897.03,849.564 1897.43,849.601 1897.95,849.601C1898.58,849.601 1899.02,849.54 1899.25,849.417C1899.49,849.295 1899.6,849.068 1899.6,848.737C1899.6,848.524 1899.54,848.345 1899.4,848.201C1899.27,848.057 1899.04,847.932 1898.72,847.825C1898.4,847.719 1897.95,847.612 1897.36,847.505C1896.51,847.345 1895.85,847.167 1895.39,846.969C1894.92,846.772 1894.59,846.521 1894.39,846.217C1894.2,845.913 1894.1,845.511 1894.1,845.009C1894.1,844.359 1894.21,843.86 1894.43,843.513C1894.64,843.167 1895.02,842.919 1895.55,842.769C1896.08,842.62 1896.82,842.545 1897.78,842.545C1898.72,842.545 1899.44,842.623 1899.95,842.777C1900.47,842.932 1900.83,843.193 1901.04,843.561C1901.26,843.929 1901.37,844.455 1901.38,845.137L1899.46,845.137C1899.44,844.775 1899.31,844.527 1899.07,844.393C1898.83,844.26 1898.39,844.193 1897.76,844.193C1897.1,844.193 1896.65,844.252 1896.4,844.369C1896.16,844.487 1896.04,844.705 1896.04,845.025C1896.04,845.196 1896.2,845.348 1896.54,845.481C1896.88,845.615 1897.53,845.793 1898.5,846.017C1899.3,846.199 1899.92,846.399 1900.36,846.617C1900.79,846.836 1901.1,847.111 1901.29,847.441C1901.48,847.772 1901.57,848.199 1901.57,848.721C1901.57,849.383 1901.46,849.895 1901.24,850.257C1901.01,850.62 1900.63,850.876 1900.09,851.025C1899.55,851.175 1898.79,851.249 1897.81,851.249Z" style="fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M2020.63,1017.85C2020.63,1017.61 2020.44,1017.42 2020.2,1017.42L1725.18,1017.42C1724.94,1017.42 1724.75,1017.61 1724.75,1017.85L1724.75,1049.12C1724.75,1049.36 1724.94,1049.56 1725.18,1049.56L2020.2,1049.56C2020.44,1049.56 2020.63,1049.36 2020.63,1049.12L2020.63,1017.85Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1889.07,1038.79C1888.14,1038.79 1887.43,1038.68 1886.92,1038.45C1886.42,1038.23 1886.06,1037.85 1885.85,1037.31C1885.64,1036.77 1885.54,1036.01 1885.54,1035.02C1885.54,1034.01 1885.64,1033.23 1885.85,1032.68C1886.06,1032.13 1886.42,1031.74 1886.92,1031.52C1887.42,1031.29 1888.12,1031.17 1889.04,1031.17C1889.84,1031.17 1890.46,1031.25 1890.9,1031.41C1891.34,1031.57 1891.65,1031.84 1891.85,1032.21C1892.04,1032.59 1892.14,1033.13 1892.16,1033.82L1890.47,1033.82C1890.4,1033.36 1890.27,1033.05 1890.08,1032.89C1889.89,1032.72 1889.57,1032.64 1889.12,1032.64C1888.63,1032.64 1888.25,1032.71 1887.98,1032.86C1887.72,1033 1887.53,1033.25 1887.41,1033.59C1887.3,1033.93 1887.25,1034.41 1887.25,1035.04C1887.25,1035.63 1887.3,1036.1 1887.41,1036.42C1887.53,1036.75 1887.72,1036.98 1887.99,1037.12C1888.26,1037.25 1888.64,1037.32 1889.14,1037.32C1889.57,1037.32 1889.88,1037.25 1890.07,1037.1C1890.26,1036.96 1890.4,1036.69 1890.48,1036.3L1892.16,1036.3C1892.14,1036.95 1892.04,1037.45 1891.85,1037.81C1891.65,1038.16 1891.34,1038.41 1890.91,1038.56C1890.47,1038.71 1889.86,1038.79 1889.07,1038.79Z" style="fill-rule:nonzero;"/>
+            <path d="M1897.21,1038.79C1896.31,1038.79 1895.61,1038.67 1895.11,1038.44C1894.62,1038.22 1894.27,1037.83 1894.06,1037.3C1893.85,1036.76 1893.74,1035.99 1893.74,1034.99C1893.74,1033.99 1893.85,1033.21 1894.06,1032.67C1894.27,1032.13 1894.62,1031.74 1895.11,1031.52C1895.6,1031.29 1896.3,1031.17 1897.21,1031.17C1898.13,1031.17 1898.83,1031.29 1899.32,1031.52C1899.81,1031.74 1900.16,1032.13 1900.37,1032.67C1900.58,1033.21 1900.69,1033.99 1900.69,1034.99C1900.69,1035.99 1900.58,1036.76 1900.37,1037.3C1900.16,1037.83 1899.81,1038.22 1899.31,1038.44C1898.82,1038.67 1898.12,1038.79 1897.21,1038.79ZM1895.45,1034.99C1895.45,1035.61 1895.5,1036.08 1895.61,1036.41C1895.72,1036.75 1895.89,1036.98 1896.14,1037.12C1896.39,1037.26 1896.75,1037.33 1897.21,1037.33C1897.68,1037.33 1898.04,1037.26 1898.29,1037.12C1898.53,1036.98 1898.71,1036.75 1898.82,1036.41C1898.92,1036.08 1898.98,1035.61 1898.98,1034.99C1898.98,1034.37 1898.92,1033.89 1898.82,1033.55C1898.71,1033.22 1898.53,1032.97 1898.29,1032.83C1898.04,1032.69 1897.68,1032.61 1897.21,1032.61C1896.75,1032.61 1896.39,1032.69 1896.14,1032.83C1895.89,1032.97 1895.72,1033.22 1895.61,1033.55C1895.5,1033.89 1895.45,1034.37 1895.45,1034.99Z" style="fill-rule:nonzero;"/>
+            <path d="M1901.76,1031.35L1903.28,1031.35L1903.28,1032.25L1903.39,1032.25C1903.58,1031.84 1903.78,1031.56 1903.96,1031.4C1904.15,1031.25 1904.4,1031.17 1904.72,1031.17C1905.2,1031.17 1905.55,1031.25 1905.77,1031.4C1905.98,1031.56 1906.15,1031.84 1906.27,1032.25L1906.29,1032.25C1906.42,1031.84 1906.58,1031.56 1906.79,1031.4C1907,1031.25 1907.31,1031.17 1907.73,1031.17C1908.18,1031.17 1908.54,1031.26 1908.78,1031.42C1909.02,1031.59 1909.19,1031.88 1909.3,1032.29C1909.4,1032.69 1909.45,1033.27 1909.45,1034.01L1909.45,1038.66L1907.9,1038.66L1907.9,1034.27C1907.9,1033.66 1907.84,1033.24 1907.74,1033.02C1907.64,1032.8 1907.45,1032.68 1907.18,1032.68C1906.98,1032.68 1906.82,1032.74 1906.7,1032.85C1906.58,1032.95 1906.5,1033.13 1906.45,1033.38C1906.41,1033.64 1906.38,1034 1906.38,1034.46L1906.38,1038.66L1904.84,1038.66L1904.87,1034.27C1904.88,1033.66 1904.83,1033.24 1904.71,1033.02C1904.59,1032.8 1904.38,1032.68 1904.06,1032.68C1903.86,1032.68 1903.71,1032.74 1903.61,1032.85C1903.5,1032.96 1903.42,1033.15 1903.38,1033.41C1903.34,1033.67 1903.32,1034.05 1903.32,1034.53L1903.32,1038.66L1901.76,1038.66L1901.76,1031.35Z" style="fill-rule:nonzero;"/>
+            <path d="M1910.16,1031.35L1911.68,1031.35L1911.68,1032.25L1911.79,1032.25C1911.98,1031.84 1912.17,1031.56 1912.36,1031.4C1912.55,1031.25 1912.8,1031.17 1913.12,1031.17C1913.6,1031.17 1913.95,1031.25 1914.17,1031.4C1914.38,1031.56 1914.55,1031.84 1914.67,1032.25L1914.69,1032.25C1914.82,1031.84 1914.98,1031.56 1915.19,1031.4C1915.39,1031.25 1915.71,1031.17 1916.13,1031.17C1916.59,1031.17 1916.93,1031.26 1917.18,1031.42C1917.42,1031.59 1917.59,1031.88 1917.7,1032.29C1917.8,1032.69 1917.85,1033.27 1917.85,1034.01L1917.85,1038.66L1916.3,1038.66L1916.3,1034.27C1916.3,1033.66 1916.24,1033.24 1916.14,1033.02C1916.04,1032.8 1915.85,1032.68 1915.58,1032.68C1915.38,1032.68 1915.22,1032.74 1915.1,1032.85C1914.98,1032.95 1914.9,1033.13 1914.85,1033.38C1914.81,1033.64 1914.78,1034 1914.78,1034.46L1914.78,1038.66L1913.24,1038.66L1913.27,1034.27C1913.28,1033.66 1913.23,1033.24 1913.11,1033.02C1912.99,1032.8 1912.78,1032.68 1912.46,1032.68C1912.26,1032.68 1912.11,1032.74 1912.01,1032.85C1911.9,1032.96 1911.82,1033.15 1911.78,1033.41C1911.74,1033.67 1911.72,1034.05 1911.72,1034.53L1911.72,1038.66L1910.16,1038.66L1910.16,1031.35Z" style="fill-rule:nonzero;"/>
+            <path d="M1922.54,1038.79C1921.62,1038.79 1920.92,1038.67 1920.43,1038.44C1919.93,1038.22 1919.58,1037.83 1919.37,1037.28C1919.16,1036.72 1919.05,1035.95 1919.05,1034.94C1919.05,1033.95 1919.15,1033.18 1919.36,1032.65C1919.56,1032.11 1919.9,1031.73 1920.38,1031.51C1920.86,1031.28 1921.54,1031.17 1922.43,1031.17C1923.28,1031.17 1923.94,1031.29 1924.42,1031.53C1924.89,1031.77 1925.24,1032.16 1925.44,1032.72C1925.65,1033.27 1925.76,1034.06 1925.76,1035.06L1925.75,1035.61L1920.78,1035.61C1920.81,1036.07 1920.89,1036.42 1921,1036.67C1921.11,1036.91 1921.29,1037.09 1921.53,1037.19C1921.76,1037.29 1922.1,1037.35 1922.53,1037.35C1922.95,1037.35 1923.25,1037.28 1923.44,1037.15C1923.63,1037.02 1923.79,1036.78 1923.9,1036.42L1925.63,1036.42C1925.54,1037.04 1925.39,1037.51 1925.17,1037.85C1924.96,1038.19 1924.64,1038.43 1924.23,1038.57C1923.82,1038.71 1923.26,1038.79 1922.54,1038.79ZM1924.08,1034.28C1924.08,1033.64 1923.96,1033.21 1923.71,1032.97C1923.46,1032.73 1923.03,1032.61 1922.43,1032.61C1921.84,1032.61 1921.42,1032.74 1921.17,1032.98C1920.92,1033.22 1920.79,1033.65 1920.79,1034.28L1924.08,1034.28Z" style="fill-rule:nonzero;"/>
+            <path d="M1927.57,1031.35L1929.27,1031.35L1929.27,1032.36L1929.39,1032.36C1929.65,1031.9 1929.92,1031.59 1930.2,1031.42C1930.48,1031.26 1930.87,1031.17 1931.39,1031.17C1932.1,1031.17 1932.64,1031.26 1933.03,1031.43C1933.41,1031.6 1933.68,1031.89 1933.85,1032.3C1934.01,1032.7 1934.09,1033.29 1934.09,1034.04L1934.09,1038.66L1932.38,1038.66L1932.38,1034.01C1932.38,1033.5 1932.29,1033.15 1932.1,1032.96C1931.9,1032.78 1931.55,1032.68 1931.02,1032.68C1930.57,1032.68 1930.21,1032.75 1929.97,1032.88C1929.72,1033.01 1929.54,1033.23 1929.43,1033.55C1929.33,1033.86 1929.27,1034.3 1929.27,1034.87L1929.27,1038.66L1927.57,1038.66L1927.57,1031.35Z" style="fill-rule:nonzero;"/>
+            <path d="M1940.12,1038.82C1939.45,1038.82 1938.94,1038.73 1938.6,1038.55C1938.25,1038.37 1938.02,1038.11 1937.9,1037.76C1937.78,1037.41 1937.72,1036.93 1937.72,1036.32L1937.72,1032.8L1935.91,1032.8L1936.25,1031.35L1937.77,1031.35L1937.77,1029.87L1939.4,1029.18L1939.4,1031.35L1942.13,1031.35L1942.13,1032.8L1939.4,1032.8L1939.4,1036.27C1939.4,1036.57 1939.42,1036.79 1939.47,1036.93C1939.52,1037.07 1939.64,1037.17 1939.81,1037.23C1939.98,1037.3 1940.25,1037.33 1940.6,1037.33C1941,1037.33 1941.58,1037.28 1942.35,1037.16L1942.35,1038.63C1941.38,1038.76 1940.64,1038.82 1940.12,1038.82Z" style="fill-rule:nonzero;"/>
+            <rect x="1944.95" y="1033.72" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1954.8,1032.87L1952.98,1032.87L1952.51,1031.35L1954.8,1031.35L1954.8,1030.5C1954.8,1029.89 1954.9,1029.42 1955.1,1029.09C1955.3,1028.76 1955.62,1028.52 1956.08,1028.38C1956.53,1028.23 1957.17,1028.16 1957.99,1028.16C1958.36,1028.16 1958.78,1028.18 1959.23,1028.2L1959.23,1029.66C1958.75,1029.64 1958.42,1029.63 1958.25,1029.63C1957.58,1029.63 1957.12,1029.7 1956.86,1029.84C1956.6,1029.97 1956.48,1030.21 1956.48,1030.56L1956.48,1031.35L1959.08,1031.35L1959.08,1032.87L1956.48,1032.87L1956.48,1038.66L1954.8,1038.66L1954.8,1032.87Z" style="fill-rule:nonzero;"/>
+            <path d="M1963.76,1038.79C1963.07,1038.79 1962.55,1038.72 1962.18,1038.59C1961.81,1038.45 1961.55,1038.22 1961.4,1037.9C1961.24,1037.58 1961.17,1037.12 1961.17,1036.53C1961.17,1035.84 1961.27,1035.31 1961.49,1034.93C1961.7,1034.55 1962.07,1034.28 1962.58,1034.13C1963.09,1033.97 1963.82,1033.89 1964.76,1033.89L1965.87,1033.89L1965.87,1033.8C1965.87,1033.34 1965.77,1033.02 1965.56,1032.85C1965.36,1032.68 1964.97,1032.6 1964.4,1032.6C1963.89,1032.6 1963.54,1032.67 1963.36,1032.8C1963.17,1032.94 1963.09,1033.2 1963.11,1033.58L1961.4,1033.58C1961.38,1032.94 1961.45,1032.46 1961.62,1032.12C1961.79,1031.78 1962.1,1031.53 1962.53,1031.39C1962.97,1031.24 1963.59,1031.17 1964.4,1031.17C1965.21,1031.17 1965.84,1031.25 1966.28,1031.41C1966.73,1031.57 1967.04,1031.83 1967.23,1032.21C1967.41,1032.58 1967.51,1033.11 1967.51,1033.8L1967.51,1038.66L1965.91,1038.66L1965.91,1037.79L1965.8,1037.79C1965.54,1038.18 1965.26,1038.44 1964.97,1038.58C1964.68,1038.72 1964.28,1038.79 1963.76,1038.79ZM1962.87,1036.41C1962.87,1036.76 1962.95,1037.01 1963.12,1037.14C1963.28,1037.27 1963.59,1037.33 1964.05,1037.33C1964.52,1037.33 1964.88,1037.27 1965.13,1037.15C1965.38,1037.03 1965.56,1036.82 1965.67,1036.53C1965.77,1036.24 1965.84,1035.83 1965.86,1035.29L1964.47,1035.3C1964.05,1035.31 1963.73,1035.35 1963.5,1035.41C1963.27,1035.48 1963.11,1035.59 1963.01,1035.74C1962.92,1035.9 1962.87,1036.12 1962.87,1036.41Z" style="fill-rule:nonzero;"/>
+            <path d="M1971.9,1028.47L1974.05,1028.47L1974.05,1030.44L1971.9,1030.44L1971.9,1028.47ZM1969.87,1037.22L1972.31,1037.22L1972.31,1032.8L1970.01,1032.8L1970.01,1031.35L1973.99,1031.35L1973.99,1037.22L1976.33,1037.22L1976.33,1038.66L1969.87,1038.66L1969.87,1037.22Z" style="fill-rule:nonzero;"/>
+            <path d="M1977.95,1037.21L1980.51,1037.21L1980.51,1029.93L1978.09,1029.93L1978.09,1028.47L1982.19,1028.47L1982.19,1037.21L1984.59,1037.21L1984.59,1038.66L1977.95,1038.66L1977.95,1037.21Z" style="fill-rule:nonzero;"/>
+            <path d="M1988.8,1038.79C1988.16,1038.79 1987.66,1038.7 1987.31,1038.54C1986.96,1038.37 1986.71,1038.08 1986.56,1037.68C1986.41,1037.28 1986.34,1036.71 1986.34,1035.97L1986.34,1031.35L1988.05,1031.35L1988.05,1036C1988.05,1036.52 1988.13,1036.87 1988.31,1037.05C1988.48,1037.24 1988.81,1037.33 1989.29,1037.33C1989.79,1037.33 1990.16,1037.27 1990.43,1037.14C1990.69,1037.01 1990.87,1036.78 1990.99,1036.47C1991.1,1036.16 1991.15,1035.71 1991.15,1035.13L1991.15,1031.35L1992.86,1031.35L1992.86,1038.66L1991.15,1038.66L1991.15,1037.64L1991.04,1037.64C1990.8,1038.08 1990.52,1038.38 1990.21,1038.54C1989.9,1038.71 1989.43,1038.79 1988.8,1038.79Z" style="fill-rule:nonzero;"/>
+            <path d="M1995.66,1031.35L1997.2,1031.35L1997.13,1032.85L1997.29,1032.85C1997.63,1032.27 1997.88,1031.89 1998.03,1031.7C1998.18,1031.52 1998.34,1031.4 1998.5,1031.35C1998.67,1031.31 1998.98,1031.28 1999.43,1031.28L2000.8,1031.31L2000.8,1032.99C2000.63,1032.98 2000.38,1032.98 2000.04,1032.98C1999.53,1032.98 1999.08,1033 1998.69,1033.05C1998.5,1033.08 1998.3,1033.2 1998.08,1033.41C1997.87,1033.63 1997.69,1033.88 1997.55,1034.19C1997.41,1034.49 1997.34,1034.78 1997.34,1035.06L1997.34,1038.66L1995.66,1038.66L1995.66,1031.35Z" style="fill-rule:nonzero;"/>
+            <path d="M2006.54,1038.79C2005.62,1038.79 2004.92,1038.67 2004.43,1038.44C2003.93,1038.22 2003.58,1037.83 2003.37,1037.28C2003.16,1036.72 2003.05,1035.95 2003.05,1034.94C2003.05,1033.95 2003.15,1033.18 2003.36,1032.65C2003.56,1032.11 2003.9,1031.73 2004.38,1031.51C2004.86,1031.28 2005.54,1031.17 2006.43,1031.17C2007.28,1031.17 2007.94,1031.29 2008.42,1031.53C2008.89,1031.77 2009.24,1032.16 2009.44,1032.72C2009.65,1033.27 2009.76,1034.06 2009.76,1035.06L2009.75,1035.61L2004.78,1035.61C2004.81,1036.07 2004.89,1036.42 2005,1036.67C2005.11,1036.91 2005.29,1037.09 2005.53,1037.19C2005.76,1037.29 2006.1,1037.35 2006.53,1037.35C2006.95,1037.35 2007.25,1037.28 2007.44,1037.15C2007.63,1037.02 2007.79,1036.78 2007.9,1036.42L2009.63,1036.42C2009.54,1037.04 2009.39,1037.51 2009.17,1037.85C2008.96,1038.19 2008.64,1038.43 2008.23,1038.57C2007.82,1038.71 2007.26,1038.79 2006.54,1038.79ZM2008.08,1034.28C2008.08,1033.64 2007.96,1033.21 2007.71,1032.97C2007.46,1032.73 2007.03,1032.61 2006.43,1032.61C2005.84,1032.61 2005.42,1032.74 2005.17,1032.98C2004.92,1033.22 2004.79,1033.65 2004.79,1034.28L2008.08,1034.28Z" style="fill-rule:nonzero;"/>
+            <path d="M1739.56,1038.06C1738.63,1038.06 1737.92,1037.94 1737.42,1037.72C1736.91,1037.5 1736.56,1037.12 1736.35,1036.58C1736.13,1036.04 1736.03,1035.28 1736.03,1034.29C1736.03,1033.28 1736.13,1032.5 1736.35,1031.95C1736.56,1031.4 1736.91,1031.01 1737.41,1030.78C1737.91,1030.56 1738.62,1030.44 1739.53,1030.44C1740.33,1030.44 1740.95,1030.52 1741.39,1030.68C1741.83,1030.84 1742.15,1031.11 1742.34,1031.48C1742.53,1031.86 1742.63,1032.4 1742.65,1033.09L1740.96,1033.09C1740.89,1032.63 1740.77,1032.32 1740.57,1032.16C1740.38,1031.99 1740.06,1031.91 1739.61,1031.91C1739.12,1031.91 1738.74,1031.98 1738.47,1032.13C1738.21,1032.27 1738.02,1032.52 1737.91,1032.86C1737.79,1033.2 1737.74,1033.68 1737.74,1034.31C1737.74,1034.9 1737.79,1035.36 1737.91,1035.69C1738.02,1036.02 1738.21,1036.25 1738.48,1036.38C1738.75,1036.52 1739.13,1036.59 1739.63,1036.59C1740.06,1036.59 1740.37,1036.52 1740.56,1036.37C1740.75,1036.22 1740.89,1035.96 1740.97,1035.57L1742.65,1035.57C1742.63,1036.22 1742.53,1036.72 1742.34,1037.08C1742.15,1037.43 1741.83,1037.68 1741.4,1037.83C1740.97,1037.98 1740.35,1038.06 1739.56,1038.06Z" style="fill-rule:nonzero;"/>
+            <path d="M1747.71,1038.06C1746.8,1038.06 1746.1,1037.94 1745.61,1037.71C1745.11,1037.49 1744.76,1037.1 1744.55,1036.57C1744.34,1036.03 1744.23,1035.26 1744.23,1034.26C1744.23,1033.26 1744.34,1032.48 1744.55,1031.94C1744.76,1031.4 1745.11,1031.01 1745.6,1030.78C1746.09,1030.56 1746.79,1030.44 1747.71,1030.44C1748.62,1030.44 1749.32,1030.56 1749.81,1030.78C1750.3,1031.01 1750.65,1031.4 1750.86,1031.94C1751.07,1032.48 1751.18,1033.26 1751.18,1034.26C1751.18,1035.26 1751.07,1036.03 1750.86,1036.57C1750.65,1037.1 1750.3,1037.49 1749.81,1037.71C1749.31,1037.94 1748.61,1038.06 1747.71,1038.06ZM1745.94,1034.26C1745.94,1034.88 1746,1035.35 1746.1,1035.68C1746.21,1036.02 1746.39,1036.25 1746.63,1036.39C1746.88,1036.53 1747.24,1036.6 1747.71,1036.6C1748.17,1036.6 1748.53,1036.53 1748.78,1036.39C1749.03,1036.25 1749.2,1036.02 1749.31,1035.68C1749.42,1035.35 1749.47,1034.88 1749.47,1034.26C1749.47,1033.64 1749.42,1033.16 1749.31,1032.82C1749.2,1032.49 1749.03,1032.25 1748.78,1032.1C1748.53,1031.95 1748.17,1031.88 1747.71,1031.88C1747.24,1031.88 1746.88,1031.95 1746.63,1032.1C1746.39,1032.25 1746.21,1032.49 1746.1,1032.82C1746,1033.16 1745.94,1033.64 1745.94,1034.26Z" style="fill-rule:nonzero;"/>
+            <path d="M1752.26,1030.62L1753.77,1030.62L1753.77,1031.52L1753.88,1031.52C1754.08,1031.11 1754.27,1030.83 1754.45,1030.67C1754.64,1030.52 1754.89,1030.44 1755.21,1030.44C1755.7,1030.44 1756.05,1030.52 1756.26,1030.67C1756.48,1030.83 1756.64,1031.11 1756.76,1031.52L1756.78,1031.52C1756.91,1031.11 1757.08,1030.83 1757.28,1030.67C1757.49,1030.52 1757.8,1030.44 1758.22,1030.44C1758.68,1030.44 1759.03,1030.53 1759.27,1030.69C1759.51,1030.86 1759.69,1031.15 1759.79,1031.55C1759.89,1031.96 1759.94,1032.54 1759.94,1033.28L1759.94,1037.93L1758.39,1037.93L1758.39,1033.54C1758.39,1032.93 1758.34,1032.51 1758.23,1032.29C1758.13,1032.07 1757.94,1031.95 1757.67,1031.95C1757.47,1031.95 1757.31,1032.01 1757.19,1032.11C1757.08,1032.22 1756.99,1032.4 1756.95,1032.65C1756.9,1032.9 1756.88,1033.26 1756.88,1033.73L1756.88,1037.93L1755.34,1037.93L1755.36,1033.54C1755.37,1032.93 1755.32,1032.51 1755.2,1032.29C1755.09,1032.07 1754.87,1031.95 1754.55,1031.95C1754.36,1031.95 1754.2,1032.01 1754.1,1032.12C1753.99,1032.23 1753.91,1032.42 1753.87,1032.68C1753.83,1032.94 1753.81,1033.32 1753.81,1033.8L1753.81,1037.93L1752.26,1037.93L1752.26,1030.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1760.66,1030.62L1762.17,1030.62L1762.17,1031.52L1762.28,1031.52C1762.48,1031.11 1762.67,1030.83 1762.85,1030.67C1763.04,1030.52 1763.29,1030.44 1763.61,1030.44C1764.1,1030.44 1764.45,1030.52 1764.66,1030.67C1764.88,1030.83 1765.04,1031.11 1765.16,1031.52L1765.18,1031.52C1765.31,1031.11 1765.48,1030.83 1765.68,1030.67C1765.89,1030.52 1766.2,1030.44 1766.62,1030.44C1767.08,1030.44 1767.43,1030.53 1767.67,1030.69C1767.91,1030.86 1768.09,1031.15 1768.19,1031.55C1768.29,1031.96 1768.34,1032.54 1768.34,1033.28L1768.34,1037.93L1766.79,1037.93L1766.79,1033.54C1766.79,1032.93 1766.74,1032.51 1766.63,1032.29C1766.53,1032.07 1766.35,1031.95 1766.07,1031.95C1765.87,1031.95 1765.71,1032.01 1765.59,1032.11C1765.48,1032.22 1765.39,1032.4 1765.35,1032.65C1765.3,1032.9 1765.28,1033.26 1765.28,1033.73L1765.28,1037.93L1763.74,1037.93L1763.76,1033.54C1763.77,1032.93 1763.72,1032.51 1763.6,1032.29C1763.49,1032.07 1763.27,1031.95 1762.95,1031.95C1762.76,1031.95 1762.61,1032.01 1762.5,1032.12C1762.39,1032.23 1762.32,1032.42 1762.27,1032.68C1762.23,1032.94 1762.21,1033.32 1762.21,1033.8L1762.21,1037.93L1760.66,1037.93L1760.66,1030.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1773.03,1038.06C1772.12,1038.06 1771.41,1037.94 1770.92,1037.71C1770.42,1037.49 1770.07,1037.1 1769.86,1036.55C1769.65,1035.99 1769.55,1035.21 1769.55,1034.21C1769.55,1033.22 1769.65,1032.45 1769.85,1031.92C1770.05,1031.38 1770.39,1031 1770.87,1030.78C1771.35,1030.55 1772.03,1030.44 1772.92,1030.44C1773.77,1030.44 1774.43,1030.56 1774.91,1030.8C1775.38,1031.04 1775.73,1031.43 1775.94,1031.99C1776.15,1032.54 1776.25,1033.33 1776.25,1034.33L1776.24,1034.88L1771.27,1034.88C1771.31,1035.34 1771.38,1035.69 1771.49,1035.94C1771.6,1036.18 1771.78,1036.36 1772.02,1036.46C1772.26,1036.56 1772.59,1036.62 1773.02,1036.62C1773.44,1036.62 1773.74,1036.55 1773.93,1036.42C1774.13,1036.29 1774.28,1036.05 1774.39,1035.69L1776.13,1035.69C1776.03,1036.31 1775.88,1036.78 1775.66,1037.12C1775.45,1037.45 1775.14,1037.69 1774.73,1037.84C1774.32,1037.99 1773.75,1038.06 1773.03,1038.06ZM1774.57,1033.55C1774.57,1032.91 1774.45,1032.48 1774.2,1032.24C1773.95,1032 1773.53,1031.88 1772.92,1031.88C1772.33,1031.88 1771.91,1032 1771.66,1032.25C1771.41,1032.49 1771.28,1032.92 1771.28,1033.55L1774.57,1033.55Z" style="fill-rule:nonzero;"/>
+            <path d="M1778.06,1030.62L1779.77,1030.62L1779.77,1031.63L1779.88,1031.63C1780.14,1031.17 1780.41,1030.86 1780.69,1030.69C1780.97,1030.53 1781.37,1030.44 1781.88,1030.44C1782.59,1030.44 1783.14,1030.53 1783.52,1030.7C1783.9,1030.87 1784.17,1031.16 1784.34,1031.57C1784.5,1031.97 1784.58,1032.56 1784.58,1033.31L1784.58,1037.93L1782.87,1037.93L1782.87,1033.28C1782.87,1032.77 1782.78,1032.42 1782.59,1032.23C1782.4,1032.05 1782.04,1031.95 1781.52,1031.95C1781.06,1031.95 1780.71,1032.02 1780.46,1032.15C1780.21,1032.28 1780.04,1032.5 1779.93,1032.81C1779.82,1033.13 1779.77,1033.57 1779.77,1034.14L1779.77,1037.93L1778.06,1037.93L1778.06,1030.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1790.62,1038.09C1789.94,1038.09 1789.44,1038 1789.09,1037.82C1788.75,1037.64 1788.51,1037.38 1788.39,1037.03C1788.27,1036.68 1788.21,1036.2 1788.21,1035.59L1788.21,1032.07L1786.4,1032.07L1786.74,1030.62L1788.26,1030.62L1788.26,1029.14L1789.89,1028.45L1789.89,1030.62L1792.62,1030.62L1792.62,1032.07L1789.89,1032.07L1789.89,1035.54C1789.89,1035.84 1789.91,1036.06 1789.97,1036.19C1790.02,1036.34 1790.13,1036.44 1790.3,1036.5C1790.47,1036.57 1790.74,1036.6 1791.09,1036.6C1791.49,1036.6 1792.08,1036.55 1792.84,1036.43L1792.84,1037.9C1791.87,1038.02 1791.13,1038.09 1790.62,1038.09Z" style="fill-rule:nonzero;"/>
+            <rect x="1795.45" y="1032.99" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1806.53,1038.06C1805.64,1038.06 1804.95,1037.98 1804.47,1037.83C1803.99,1037.68 1803.65,1037.43 1803.45,1037.06C1803.26,1036.7 1803.17,1036.19 1803.19,1035.52L1804.91,1035.52C1804.92,1035.81 1804.98,1036.03 1805.08,1036.19C1805.18,1036.34 1805.36,1036.45 1805.6,1036.52C1805.85,1036.58 1806.2,1036.62 1806.66,1036.62C1807.21,1036.62 1807.59,1036.56 1807.79,1036.45C1808,1036.35 1808.1,1036.15 1808.1,1035.86C1808.1,1035.67 1808.04,1035.52 1807.93,1035.39C1807.81,1035.26 1807.61,1035.15 1807.33,1035.06C1807.05,1034.97 1806.66,1034.87 1806.14,1034.78C1805.4,1034.64 1804.82,1034.49 1804.41,1034.31C1804.01,1034.14 1803.72,1033.92 1803.55,1033.65C1803.37,1033.39 1803.29,1033.04 1803.29,1032.6C1803.29,1032.03 1803.38,1031.59 1803.57,1031.29C1803.77,1030.99 1804.09,1030.77 1804.55,1030.64C1805.02,1030.51 1805.67,1030.44 1806.51,1030.44C1807.33,1030.44 1807.96,1030.51 1808.41,1030.64C1808.86,1030.78 1809.18,1031.01 1809.36,1031.33C1809.55,1031.65 1809.65,1032.11 1809.66,1032.71L1807.98,1032.71C1807.96,1032.39 1807.84,1032.17 1807.63,1032.06C1807.42,1031.94 1807.04,1031.88 1806.49,1031.88C1805.91,1031.88 1805.52,1031.93 1805.3,1032.04C1805.09,1032.14 1804.98,1032.33 1804.98,1032.61C1804.98,1032.76 1805.13,1032.89 1805.42,1033.01C1805.72,1033.13 1806.29,1033.28 1807.14,1033.48C1807.84,1033.64 1808.38,1033.81 1808.76,1034C1809.14,1034.19 1809.42,1034.44 1809.58,1034.72C1809.74,1035.01 1809.82,1035.39 1809.82,1035.85C1809.82,1036.42 1809.73,1036.87 1809.53,1037.19C1809.33,1037.51 1809,1037.73 1808.53,1037.86C1808.06,1037.99 1807.39,1038.06 1806.53,1038.06Z" style="fill-rule:nonzero;"/>
+            <path d="M1814.09,1038.06C1813.45,1038.06 1812.95,1037.97 1812.6,1037.81C1812.25,1037.64 1812,1037.35 1811.85,1036.95C1811.7,1036.55 1811.63,1035.98 1811.63,1035.24L1811.63,1030.62L1813.34,1030.62L1813.34,1035.27C1813.34,1035.78 1813.42,1036.13 1813.6,1036.32C1813.77,1036.51 1814.1,1036.6 1814.58,1036.6C1815.08,1036.6 1815.46,1036.54 1815.72,1036.4C1815.98,1036.27 1816.17,1036.05 1816.28,1035.74C1816.39,1035.43 1816.45,1034.98 1816.45,1034.4L1816.45,1030.62L1818.15,1030.62L1818.15,1037.93L1816.45,1037.93L1816.45,1036.91L1816.33,1036.91C1816.09,1037.35 1815.81,1037.65 1815.5,1037.81C1815.19,1037.97 1814.72,1038.06 1814.09,1038.06Z" style="fill-rule:nonzero;"/>
+            <path d="M1823.56,1038.06C1822.63,1038.06 1821.92,1037.94 1821.42,1037.72C1820.91,1037.5 1820.56,1037.12 1820.35,1036.58C1820.13,1036.04 1820.03,1035.28 1820.03,1034.29C1820.03,1033.28 1820.13,1032.5 1820.35,1031.95C1820.56,1031.4 1820.91,1031.01 1821.41,1030.78C1821.91,1030.56 1822.62,1030.44 1823.53,1030.44C1824.33,1030.44 1824.95,1030.52 1825.39,1030.68C1825.83,1030.84 1826.15,1031.11 1826.34,1031.48C1826.53,1031.86 1826.63,1032.4 1826.65,1033.09L1824.96,1033.09C1824.89,1032.63 1824.77,1032.32 1824.57,1032.16C1824.38,1031.99 1824.06,1031.91 1823.61,1031.91C1823.12,1031.91 1822.74,1031.98 1822.47,1032.13C1822.21,1032.27 1822.02,1032.52 1821.91,1032.86C1821.79,1033.2 1821.74,1033.68 1821.74,1034.31C1821.74,1034.9 1821.79,1035.36 1821.91,1035.69C1822.02,1036.02 1822.21,1036.25 1822.48,1036.38C1822.75,1036.52 1823.13,1036.59 1823.63,1036.59C1824.06,1036.59 1824.37,1036.52 1824.56,1036.37C1824.75,1036.22 1824.89,1035.96 1824.97,1035.57L1826.65,1035.57C1826.63,1036.22 1826.53,1036.72 1826.34,1037.08C1826.15,1037.43 1825.83,1037.68 1825.4,1037.83C1824.97,1037.98 1824.35,1038.06 1823.56,1038.06Z" style="fill-rule:nonzero;"/>
+            <path d="M1831.96,1038.06C1831.03,1038.06 1830.32,1037.94 1829.82,1037.72C1829.31,1037.5 1828.95,1037.12 1828.75,1036.58C1828.54,1036.04 1828.43,1035.28 1828.43,1034.29C1828.43,1033.28 1828.54,1032.5 1828.75,1031.95C1828.95,1031.4 1829.31,1031.01 1829.81,1030.78C1830.31,1030.56 1831.02,1030.44 1831.93,1030.44C1832.73,1030.44 1833.35,1030.52 1833.79,1030.68C1834.23,1030.84 1834.55,1031.11 1834.74,1031.48C1834.93,1031.86 1835.03,1032.4 1835.05,1033.09L1833.36,1033.09C1833.29,1032.63 1833.16,1032.32 1832.97,1032.16C1832.78,1031.99 1832.46,1031.91 1832.01,1031.91C1831.52,1031.91 1831.14,1031.98 1830.87,1032.13C1830.61,1032.27 1830.42,1032.52 1830.31,1032.86C1830.19,1033.2 1830.14,1033.68 1830.14,1034.31C1830.14,1034.9 1830.19,1035.36 1830.31,1035.69C1830.42,1036.02 1830.61,1036.25 1830.88,1036.38C1831.15,1036.52 1831.53,1036.59 1832.03,1036.59C1832.46,1036.59 1832.77,1036.52 1832.96,1036.37C1833.15,1036.22 1833.29,1035.96 1833.37,1035.57L1835.05,1035.57C1835.03,1036.22 1834.93,1036.72 1834.74,1037.08C1834.55,1037.43 1834.23,1037.68 1833.8,1037.83C1833.37,1037.98 1832.75,1038.06 1831.96,1038.06Z" style="fill-rule:nonzero;"/>
+            <path d="M1840.23,1038.06C1839.32,1038.06 1838.61,1037.94 1838.12,1037.71C1837.62,1037.49 1837.27,1037.1 1837.06,1036.55C1836.85,1035.99 1836.75,1035.21 1836.75,1034.21C1836.75,1033.22 1836.85,1032.45 1837.05,1031.92C1837.25,1031.38 1837.59,1031 1838.07,1030.78C1838.55,1030.55 1839.23,1030.44 1840.12,1030.44C1840.97,1030.44 1841.63,1030.56 1842.11,1030.8C1842.58,1031.04 1842.93,1031.43 1843.14,1031.99C1843.35,1032.54 1843.45,1033.33 1843.45,1034.33L1843.44,1034.88L1838.47,1034.88C1838.51,1035.34 1838.58,1035.69 1838.69,1035.94C1838.8,1036.18 1838.98,1036.36 1839.22,1036.46C1839.45,1036.56 1839.79,1036.62 1840.22,1036.62C1840.64,1036.62 1840.94,1036.55 1841.13,1036.42C1841.33,1036.29 1841.48,1036.05 1841.59,1035.69L1843.33,1035.69C1843.23,1036.31 1843.08,1036.78 1842.86,1037.12C1842.65,1037.45 1842.34,1037.69 1841.93,1037.84C1841.52,1037.99 1840.95,1038.06 1840.23,1038.06ZM1841.77,1033.55C1841.77,1032.91 1841.65,1032.48 1841.4,1032.24C1841.15,1032 1840.73,1031.88 1840.12,1031.88C1839.53,1031.88 1839.11,1032 1838.86,1032.25C1838.61,1032.49 1838.48,1032.92 1838.48,1033.55L1841.77,1033.55Z" style="fill-rule:nonzero;"/>
+            <path d="M1848.53,1038.06C1847.64,1038.06 1846.95,1037.98 1846.47,1037.83C1845.99,1037.68 1845.65,1037.43 1845.45,1037.06C1845.26,1036.7 1845.17,1036.19 1845.19,1035.52L1846.91,1035.52C1846.92,1035.81 1846.98,1036.03 1847.08,1036.19C1847.18,1036.34 1847.36,1036.45 1847.6,1036.52C1847.85,1036.58 1848.2,1036.62 1848.66,1036.62C1849.21,1036.62 1849.59,1036.56 1849.79,1036.45C1850,1036.35 1850.1,1036.15 1850.1,1035.86C1850.1,1035.67 1850.04,1035.52 1849.93,1035.39C1849.81,1035.26 1849.61,1035.15 1849.33,1035.06C1849.05,1034.97 1848.66,1034.87 1848.14,1034.78C1847.4,1034.64 1846.82,1034.49 1846.41,1034.31C1846.01,1034.14 1845.72,1033.92 1845.55,1033.65C1845.37,1033.39 1845.29,1033.04 1845.29,1032.6C1845.29,1032.03 1845.38,1031.59 1845.57,1031.29C1845.77,1030.99 1846.09,1030.77 1846.55,1030.64C1847.02,1030.51 1847.67,1030.44 1848.51,1030.44C1849.33,1030.44 1849.96,1030.51 1850.41,1030.64C1850.86,1030.78 1851.18,1031.01 1851.36,1031.33C1851.55,1031.65 1851.65,1032.11 1851.66,1032.71L1849.98,1032.71C1849.96,1032.39 1849.84,1032.17 1849.63,1032.06C1849.42,1031.94 1849.04,1031.88 1848.49,1031.88C1847.91,1031.88 1847.52,1031.93 1847.3,1032.04C1847.09,1032.14 1846.98,1032.33 1846.98,1032.61C1846.98,1032.76 1847.13,1032.89 1847.42,1033.01C1847.72,1033.13 1848.29,1033.28 1849.14,1033.48C1849.84,1033.64 1850.38,1033.81 1850.76,1034C1851.14,1034.19 1851.42,1034.44 1851.58,1034.72C1851.74,1035.01 1851.82,1035.39 1851.82,1035.85C1851.82,1036.42 1851.73,1036.87 1851.53,1037.19C1851.33,1037.51 1851,1037.73 1850.53,1037.86C1850.06,1037.99 1849.39,1038.06 1848.53,1038.06Z" style="fill-rule:nonzero;"/>
+            <path d="M1856.93,1038.06C1856.04,1038.06 1855.35,1037.98 1854.87,1037.83C1854.39,1037.68 1854.05,1037.43 1853.85,1037.06C1853.66,1036.7 1853.57,1036.19 1853.59,1035.52L1855.31,1035.52C1855.32,1035.81 1855.38,1036.03 1855.48,1036.19C1855.58,1036.34 1855.76,1036.45 1856,1036.52C1856.25,1036.58 1856.6,1036.62 1857.06,1036.62C1857.61,1036.62 1857.99,1036.56 1858.19,1036.45C1858.4,1036.35 1858.5,1036.15 1858.5,1035.86C1858.5,1035.67 1858.44,1035.52 1858.33,1035.39C1858.21,1035.26 1858.01,1035.15 1857.73,1035.06C1857.45,1034.97 1857.06,1034.87 1856.54,1034.78C1855.8,1034.64 1855.22,1034.49 1854.81,1034.31C1854.41,1034.14 1854.12,1033.92 1853.94,1033.65C1853.77,1033.39 1853.69,1033.04 1853.69,1032.6C1853.69,1032.03 1853.78,1031.59 1853.97,1031.29C1854.16,1030.99 1854.49,1030.77 1854.95,1030.64C1855.41,1030.51 1856.07,1030.44 1856.91,1030.44C1857.73,1030.44 1858.36,1030.51 1858.81,1030.64C1859.26,1030.78 1859.58,1031.01 1859.76,1031.33C1859.95,1031.65 1860.05,1032.11 1860.06,1032.71L1858.38,1032.71C1858.36,1032.39 1858.24,1032.17 1858.03,1032.06C1857.82,1031.94 1857.44,1031.88 1856.89,1031.88C1856.31,1031.88 1855.92,1031.93 1855.7,1032.04C1855.49,1032.14 1855.38,1032.33 1855.38,1032.61C1855.38,1032.76 1855.53,1032.89 1855.82,1033.01C1856.12,1033.13 1856.69,1033.28 1857.54,1033.48C1858.24,1033.64 1858.78,1033.81 1859.16,1034C1859.54,1034.19 1859.82,1034.44 1859.98,1034.72C1860.14,1035.01 1860.22,1035.39 1860.22,1035.85C1860.22,1036.42 1860.13,1036.87 1859.93,1037.19C1859.73,1037.51 1859.4,1037.73 1858.93,1037.86C1858.46,1037.99 1857.79,1038.06 1856.93,1038.06Z" style="fill-rule:nonzero;"/>
+            <path d="M1872.69,1017.42L1872.69,1049.56" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+        <g>
+            <path d="M1975,923.341C1975,923.091 1974.79,922.888 1974.54,922.888L1770.83,922.888C1770.58,922.888 1770.38,923.091 1770.38,923.341L1770.38,956.01C1770.38,956.26 1770.58,956.463 1770.83,956.463L1974.54,956.463C1974.79,956.463 1975,956.26 1975,956.01L1975,923.341Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1814.61,944.413C1813.7,944.413 1813,944.283 1812.51,944.021C1812.01,943.76 1811.66,943.317 1811.45,942.693C1811.24,942.069 1811.14,941.181 1811.14,940.029C1811.14,938.888 1811.24,938.011 1811.45,937.397C1811.66,936.784 1812.01,936.347 1812.51,936.085C1813,935.824 1813.7,935.693 1814.61,935.693C1815.31,935.693 1815.83,935.763 1816.14,935.901C1816.47,936.04 1816.71,936.301 1816.88,936.685L1817.01,936.685L1817.01,932.605L1818.94,932.605L1818.94,944.253L1817.01,944.253L1817.01,943.389L1816.88,943.389C1816.63,943.784 1816.36,944.053 1816.04,944.197C1815.73,944.341 1815.25,944.413 1814.61,944.413ZM1813.11,940.029C1813.11,940.733 1813.17,941.28 1813.29,941.669C1813.41,942.059 1813.62,942.333 1813.91,942.493C1814.21,942.653 1814.62,942.733 1815.17,942.733C1815.66,942.733 1816.04,942.651 1816.31,942.485C1816.57,942.32 1816.76,942.045 1816.87,941.661C1816.99,941.277 1817.04,940.733 1817.04,940.029C1817.04,939.325 1816.99,938.784 1816.87,938.405C1816.76,938.027 1816.57,937.757 1816.31,937.597C1816.04,937.437 1815.66,937.357 1815.17,937.357C1814.62,937.357 1814.21,937.437 1813.91,937.597C1813.62,937.757 1813.41,938.027 1813.29,938.405C1813.17,938.784 1813.11,939.325 1813.11,940.029Z" style="fill-rule:nonzero;"/>
+            <path d="M1824.99,944.397C1823.95,944.397 1823.14,944.267 1822.58,944.005C1822.01,943.744 1821.61,943.299 1821.37,942.669C1821.13,942.04 1821.01,941.149 1821.01,939.997C1821.01,938.867 1821.12,937.995 1821.35,937.381C1821.58,936.768 1821.97,936.333 1822.52,936.077C1823.07,935.821 1823.85,935.693 1824.87,935.693C1825.84,935.693 1826.59,935.829 1827.14,936.101C1827.68,936.373 1828.07,936.827 1828.31,937.461C1828.55,938.096 1828.67,938.989 1828.67,940.141L1828.66,940.765L1822.98,940.765C1823.02,941.288 1823.11,941.691 1823.23,941.973C1823.36,942.256 1823.56,942.456 1823.83,942.573C1824.11,942.691 1824.49,942.749 1824.98,942.749C1825.46,942.749 1825.81,942.675 1826.03,942.525C1826.24,942.376 1826.42,942.099 1826.55,941.693L1828.53,941.693C1828.42,942.397 1828.25,942.941 1828,943.325C1827.76,943.709 1827.4,943.984 1826.93,944.149C1826.46,944.315 1825.81,944.397 1824.99,944.397ZM1826.75,939.245C1826.75,938.52 1826.61,938.021 1826.33,937.749C1826.05,937.477 1825.56,937.341 1824.87,937.341C1824.19,937.341 1823.71,937.48 1823.42,937.757C1823.14,938.035 1822.99,938.531 1822.99,939.245L1826.75,939.245Z" style="fill-rule:nonzero;"/>
+            <path d="M1830.45,935.901L1832.38,935.901L1832.38,936.717L1832.51,936.717C1832.85,936.333 1833.17,936.072 1833.47,935.933C1833.77,935.795 1834.16,935.725 1834.64,935.725C1835.59,935.725 1836.32,935.856 1836.83,936.117C1837.35,936.379 1837.71,936.819 1837.93,937.437C1838.15,938.056 1838.26,938.936 1838.26,940.077C1838.26,941.208 1838.15,942.08 1837.94,942.693C1837.72,943.307 1837.36,943.744 1836.86,944.005C1836.35,944.267 1835.63,944.397 1834.69,944.397C1834.12,944.397 1833.69,944.328 1833.38,944.189C1833.07,944.051 1832.78,943.789 1832.51,943.405L1832.38,943.405L1832.38,947.693L1830.45,947.693L1830.45,935.901ZM1832.35,940.077C1832.35,940.771 1832.41,941.307 1832.52,941.685C1832.63,942.064 1832.82,942.333 1833.09,942.493C1833.36,942.653 1833.73,942.733 1834.23,942.733C1834.77,942.733 1835.19,942.653 1835.48,942.493C1835.77,942.333 1835.98,942.064 1836.11,941.685C1836.23,941.307 1836.29,940.771 1836.29,940.077C1836.29,939.373 1836.23,938.829 1836.11,938.445C1835.98,938.061 1835.77,937.789 1835.48,937.629C1835.19,937.469 1834.77,937.389 1834.23,937.389C1833.73,937.389 1833.36,937.469 1833.09,937.629C1832.82,937.789 1832.63,938.061 1832.52,938.445C1832.41,938.829 1832.35,939.373 1832.35,940.077Z" style="fill-rule:nonzero;"/>
+            <path d="M1840.32,942.589L1843.25,942.589L1843.25,934.269L1840.48,934.269L1840.48,932.605L1845.17,932.605L1845.17,942.589L1847.9,942.589L1847.9,944.253L1840.32,944.253L1840.32,942.589Z" style="fill-rule:nonzero;"/>
+            <path d="M1853.65,944.397C1852.61,944.397 1851.81,944.267 1851.25,944.005C1850.68,943.744 1850.28,943.307 1850.04,942.693C1849.8,942.08 1849.68,941.203 1849.68,940.061C1849.68,938.909 1849.8,938.024 1850.04,937.405C1850.28,936.787 1850.68,936.347 1851.24,936.085C1851.8,935.824 1852.6,935.693 1853.65,935.693C1854.69,935.693 1855.5,935.824 1856.06,936.085C1856.62,936.347 1857.02,936.787 1857.26,937.405C1857.5,938.024 1857.62,938.909 1857.62,940.061C1857.62,941.203 1857.5,942.08 1857.26,942.693C1857.02,943.307 1856.61,943.744 1856.05,944.005C1855.48,944.267 1854.68,944.397 1853.65,944.397ZM1851.63,940.061C1851.63,940.765 1851.69,941.307 1851.82,941.685C1851.94,942.064 1852.14,942.333 1852.42,942.493C1852.71,942.653 1853.12,942.733 1853.65,942.733C1854.18,942.733 1854.59,942.653 1854.87,942.493C1855.15,942.333 1855.36,942.064 1855.48,941.685C1855.6,941.307 1855.66,940.765 1855.66,940.061C1855.66,939.347 1855.6,938.797 1855.48,938.413C1855.36,938.029 1855.15,937.755 1854.87,937.589C1854.59,937.424 1854.18,937.341 1853.65,937.341C1853.12,937.341 1852.71,937.424 1852.42,937.589C1852.14,937.755 1851.94,938.029 1851.82,938.413C1851.69,938.797 1851.63,939.347 1851.63,940.061Z" style="fill-rule:nonzero;"/>
+            <path d="M1862.5,943.485L1861.95,943.485L1859.23,935.901L1861.22,935.901L1863.22,942.045L1863.3,942.045L1865.27,935.901L1867.28,935.901L1863.12,947.693L1861.11,947.693L1862.5,943.485Z" style="fill-rule:nonzero;"/>
+            <rect x="1869.81" y="938.605" width="6.08" height="1.76" style="fill-rule:nonzero;"/>
+            <path d="M1882.48,944.397C1881.46,944.397 1880.67,944.312 1880.12,944.141C1879.57,943.971 1879.18,943.677 1878.96,943.261C1878.74,942.845 1878.63,942.259 1878.66,941.501L1880.62,941.501C1880.63,941.832 1880.7,942.085 1880.82,942.261C1880.93,942.437 1881.13,942.563 1881.42,942.637C1881.7,942.712 1882.1,942.749 1882.62,942.749C1883.25,942.749 1883.69,942.688 1883.92,942.565C1884.15,942.443 1884.27,942.216 1884.27,941.885C1884.27,941.672 1884.21,941.493 1884.07,941.349C1883.94,941.205 1883.71,941.08 1883.39,940.973C1883.07,940.867 1882.62,940.76 1882.03,940.653C1881.18,940.493 1880.52,940.315 1880.06,940.117C1879.59,939.92 1879.26,939.669 1879.07,939.365C1878.87,939.061 1878.77,938.659 1878.77,938.157C1878.77,937.507 1878.88,937.008 1879.1,936.661C1879.32,936.315 1879.69,936.067 1880.22,935.917C1880.75,935.768 1881.49,935.693 1882.45,935.693C1883.39,935.693 1884.11,935.771 1884.62,935.925C1885.14,936.08 1885.5,936.341 1885.71,936.709C1885.93,937.077 1886.04,937.603 1886.05,938.285L1884.13,938.285C1884.11,937.923 1883.98,937.675 1883.74,937.541C1883.5,937.408 1883.06,937.341 1882.43,937.341C1881.77,937.341 1881.32,937.4 1881.07,937.517C1880.83,937.635 1880.7,937.853 1880.7,938.173C1880.7,938.344 1880.87,938.496 1881.21,938.629C1881.55,938.763 1882.2,938.941 1883.17,939.165C1883.97,939.347 1884.59,939.547 1885.03,939.765C1885.46,939.984 1885.77,940.259 1885.96,940.589C1886.15,940.92 1886.24,941.347 1886.24,941.869C1886.24,942.531 1886.13,943.043 1885.9,943.405C1885.68,943.768 1885.3,944.024 1884.76,944.173C1884.22,944.323 1883.46,944.397 1882.48,944.397Z" style="fill-rule:nonzero;"/>
+            <path d="M1888.05,935.901L1889.99,935.901L1889.99,936.717L1890.11,936.717C1890.45,936.333 1890.77,936.072 1891.07,935.933C1891.37,935.795 1891.76,935.725 1892.24,935.725C1893.19,935.725 1893.92,935.856 1894.43,936.117C1894.94,936.379 1895.31,936.819 1895.53,937.437C1895.75,938.056 1895.86,938.936 1895.86,940.077C1895.86,941.208 1895.75,942.08 1895.54,942.693C1895.32,943.307 1894.96,943.744 1894.46,944.005C1893.95,944.267 1893.23,944.397 1892.29,944.397C1891.72,944.397 1891.29,944.328 1890.98,944.189C1890.67,944.051 1890.38,943.789 1890.11,943.405L1889.99,943.405L1889.99,947.693L1888.05,947.693L1888.05,935.901ZM1889.95,940.077C1889.95,940.771 1890.01,941.307 1890.12,941.685C1890.23,942.064 1890.42,942.333 1890.69,942.493C1890.95,942.653 1891.33,942.733 1891.83,942.733C1892.37,942.733 1892.79,942.653 1893.08,942.493C1893.37,942.333 1893.58,942.064 1893.7,941.685C1893.83,941.307 1893.89,940.771 1893.89,940.077C1893.89,939.373 1893.83,938.829 1893.7,938.445C1893.58,938.061 1893.37,937.789 1893.08,937.629C1892.79,937.469 1892.37,937.389 1891.83,937.389C1891.33,937.389 1890.95,937.469 1890.69,937.629C1890.42,937.789 1890.23,938.061 1890.12,938.445C1890.01,938.829 1889.95,939.373 1889.95,940.077Z" style="fill-rule:nonzero;"/>
+            <path d="M1900.9,944.397C1900.12,944.397 1899.52,944.32 1899.1,944.165C1898.67,944.011 1898.38,943.749 1898.2,943.381C1898.03,943.013 1897.94,942.493 1897.94,941.821C1897.94,941.032 1898.06,940.421 1898.31,939.989C1898.55,939.557 1898.97,939.251 1899.55,939.069C1900.14,938.888 1900.97,938.797 1902.05,938.797L1903.31,938.797L1903.31,938.701C1903.31,938.168 1903.19,937.805 1902.96,937.613C1902.73,937.421 1902.28,937.325 1901.63,937.325C1901.05,937.325 1900.65,937.403 1900.44,937.557C1900.23,937.712 1900.14,938.008 1900.16,938.445L1898.21,938.445C1898.18,937.72 1898.26,937.163 1898.46,936.773C1898.65,936.384 1899,936.107 1899.5,935.941C1899.99,935.776 1900.7,935.693 1901.63,935.693C1902.56,935.693 1903.28,935.784 1903.79,935.965C1904.29,936.147 1904.65,936.451 1904.87,936.877C1905.08,937.304 1905.18,937.912 1905.18,938.701L1905.18,944.253L1903.36,944.253L1903.36,943.261L1903.23,943.261C1902.93,943.699 1902.62,943.997 1902.29,944.157C1901.96,944.317 1901.49,944.397 1900.9,944.397ZM1899.89,941.677C1899.89,942.083 1899.98,942.36 1900.17,942.509C1900.36,942.659 1900.71,942.733 1901.23,942.733C1901.77,942.733 1902.18,942.664 1902.47,942.525C1902.75,942.387 1902.96,942.152 1903.08,941.821C1903.2,941.491 1903.28,941.016 1903.3,940.397L1901.71,940.413C1901.23,940.424 1900.86,940.467 1900.6,940.541C1900.34,940.616 1900.15,940.741 1900.05,940.917C1899.94,941.093 1899.89,941.347 1899.89,941.677Z" style="fill-rule:nonzero;"/>
+            <path d="M1911.54,944.397C1910.48,944.397 1909.66,944.269 1909.09,944.013C1908.51,943.757 1908.11,943.323 1907.87,942.709C1907.62,942.096 1907.51,941.224 1907.51,940.093C1907.51,938.941 1907.62,938.051 1907.87,937.421C1908.11,936.792 1908.51,936.347 1909.08,936.085C1909.65,935.824 1910.46,935.693 1911.51,935.693C1912.42,935.693 1913.13,935.784 1913.63,935.965C1914.13,936.147 1914.49,936.453 1914.71,936.885C1914.93,937.317 1915.05,937.928 1915.07,938.717L1913.14,938.717C1913.06,938.195 1912.91,937.84 1912.7,937.653C1912.48,937.467 1912.11,937.373 1911.6,937.373C1911.04,937.373 1910.6,937.456 1910.3,937.621C1909.99,937.787 1909.78,938.064 1909.65,938.453C1909.52,938.843 1909.46,939.395 1909.46,940.109C1909.46,940.792 1909.52,941.32 1909.65,941.693C1909.78,942.067 1910,942.331 1910.31,942.485C1910.61,942.64 1911.05,942.717 1911.62,942.717C1912.11,942.717 1912.46,942.635 1912.68,942.469C1912.9,942.304 1913.06,941.997 1913.15,941.549L1915.07,941.549C1915.05,942.296 1914.93,942.872 1914.71,943.277C1914.49,943.683 1914.14,943.971 1913.64,944.141C1913.14,944.312 1912.44,944.397 1911.54,944.397Z" style="fill-rule:nonzero;"/>
+            <path d="M1920.99,944.397C1919.95,944.397 1919.14,944.267 1918.58,944.005C1918.01,943.744 1917.61,943.299 1917.37,942.669C1917.13,942.04 1917.01,941.149 1917.01,939.997C1917.01,938.867 1917.12,937.995 1917.35,937.381C1917.58,936.768 1917.97,936.333 1918.52,936.077C1919.07,935.821 1919.85,935.693 1920.87,935.693C1921.84,935.693 1922.59,935.829 1923.14,936.101C1923.68,936.373 1924.07,936.827 1924.31,937.461C1924.55,938.096 1924.67,938.989 1924.67,940.141L1924.66,940.765L1918.98,940.765C1919.02,941.288 1919.11,941.691 1919.23,941.973C1919.36,942.256 1919.56,942.456 1919.83,942.573C1920.11,942.691 1920.49,942.749 1920.98,942.749C1921.46,942.749 1921.81,942.675 1922.03,942.525C1922.24,942.376 1922.42,942.099 1922.55,941.693L1924.53,941.693C1924.42,942.397 1924.25,942.941 1924,943.325C1923.76,943.709 1923.4,943.984 1922.93,944.149C1922.46,944.315 1921.81,944.397 1920.99,944.397ZM1922.75,939.245C1922.75,938.52 1922.61,938.021 1922.33,937.749C1922.05,937.477 1921.56,937.341 1920.87,937.341C1920.19,937.341 1919.71,937.48 1919.42,937.757C1919.14,938.035 1918.99,938.531 1918.99,939.245L1922.75,939.245Z" style="fill-rule:nonzero;"/>
+            <path d="M1930.48,944.397C1929.46,944.397 1928.67,944.312 1928.12,944.141C1927.57,943.971 1927.18,943.677 1926.96,943.261C1926.74,942.845 1926.63,942.259 1926.66,941.501L1928.62,941.501C1928.63,941.832 1928.7,942.085 1928.82,942.261C1928.93,942.437 1929.13,942.563 1929.42,942.637C1929.7,942.712 1930.1,942.749 1930.62,942.749C1931.25,942.749 1931.69,942.688 1931.92,942.565C1932.15,942.443 1932.27,942.216 1932.27,941.885C1932.27,941.672 1932.21,941.493 1932.07,941.349C1931.94,941.205 1931.71,941.08 1931.39,940.973C1931.07,940.867 1930.62,940.76 1930.03,940.653C1929.18,940.493 1928.52,940.315 1928.06,940.117C1927.59,939.92 1927.26,939.669 1927.07,939.365C1926.87,939.061 1926.77,938.659 1926.77,938.157C1926.77,937.507 1926.88,937.008 1927.1,936.661C1927.32,936.315 1927.69,936.067 1928.22,935.917C1928.75,935.768 1929.49,935.693 1930.45,935.693C1931.39,935.693 1932.11,935.771 1932.62,935.925C1933.14,936.08 1933.5,936.341 1933.71,936.709C1933.93,937.077 1934.04,937.603 1934.05,938.285L1932.13,938.285C1932.11,937.923 1931.98,937.675 1931.74,937.541C1931.5,937.408 1931.06,937.341 1930.43,937.341C1929.77,937.341 1929.32,937.4 1929.07,937.517C1928.83,937.635 1928.7,937.853 1928.7,938.173C1928.7,938.344 1928.87,938.496 1929.21,938.629C1929.55,938.763 1930.2,938.941 1931.17,939.165C1931.97,939.347 1932.59,939.547 1933.03,939.765C1933.46,939.984 1933.77,940.259 1933.96,940.589C1934.15,940.92 1934.24,941.347 1934.24,941.869C1934.24,942.531 1934.13,943.043 1933.9,943.405C1933.68,943.768 1933.3,944.024 1932.76,944.173C1932.22,944.323 1931.46,944.397 1930.48,944.397Z" style="fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image4" x="1248.49" y="728.359" width="366.321px" height="393.529px" transform="matrix(0.998151,0,0,0.998804,0,0)"/>
+        <path d="M1607.14,737.648C1607.14,734.998 1604.99,732.846 1602.34,732.846L1256.34,732.846C1253.69,732.846 1251.54,734.998 1251.54,737.648L1251.54,1110.86C1251.54,1113.51 1253.69,1115.66 1256.34,1115.66L1602.34,1115.66C1604.99,1115.66 1607.14,1113.51 1607.14,1110.86L1607.14,737.648Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1251.54,770.142L1607.14,770.142" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1356.84,757.715C1355.93,757.715 1355.23,757.584 1354.74,757.323C1354.24,757.061 1353.89,756.619 1353.68,755.995C1353.47,755.371 1353.37,754.483 1353.37,753.331C1353.37,752.189 1353.47,751.312 1353.68,750.699C1353.89,750.085 1354.24,749.648 1354.74,749.387C1355.23,749.125 1355.93,748.995 1356.84,748.995C1357.55,748.995 1358.06,749.064 1358.38,749.203C1358.7,749.341 1358.94,749.603 1359.11,749.987L1359.24,749.987L1359.24,745.907L1361.18,745.907L1361.18,757.555L1359.24,757.555L1359.24,756.691L1359.11,756.691C1358.87,757.085 1358.59,757.355 1358.27,757.499C1357.96,757.643 1357.48,757.715 1356.84,757.715ZM1355.34,753.331C1355.34,754.035 1355.4,754.581 1355.52,754.971C1355.64,755.36 1355.85,755.635 1356.15,755.795C1356.44,755.955 1356.86,756.035 1357.4,756.035C1357.89,756.035 1358.27,755.952 1358.54,755.787C1358.81,755.621 1358.99,755.347 1359.11,754.963C1359.22,754.579 1359.27,754.035 1359.27,753.331C1359.27,752.627 1359.22,752.085 1359.11,751.707C1358.99,751.328 1358.81,751.059 1358.54,750.899C1358.27,750.739 1357.89,750.659 1357.4,750.659C1356.86,750.659 1356.44,750.739 1356.15,750.899C1355.85,751.059 1355.64,751.328 1355.52,751.707C1355.4,752.085 1355.34,752.627 1355.34,753.331Z" style="fill-rule:nonzero;"/>
+        <path d="M1367.23,757.699C1366.18,757.699 1365.38,757.568 1364.81,757.307C1364.25,757.045 1363.84,756.6 1363.6,755.971C1363.36,755.341 1363.24,754.451 1363.24,753.299C1363.24,752.168 1363.36,751.296 1363.59,750.683C1363.82,750.069 1364.2,749.635 1364.75,749.379C1365.3,749.123 1366.09,748.995 1367.1,748.995C1368.07,748.995 1368.83,749.131 1369.37,749.403C1369.91,749.675 1370.31,750.128 1370.55,750.763C1370.79,751.397 1370.91,752.291 1370.91,753.443L1370.89,754.067L1365.21,754.067C1365.25,754.589 1365.34,754.992 1365.47,755.275C1365.59,755.557 1365.79,755.757 1366.07,755.875C1366.34,755.992 1366.72,756.051 1367.21,756.051C1367.69,756.051 1368.04,755.976 1368.26,755.827C1368.48,755.677 1368.65,755.4 1368.78,754.995L1370.76,754.995C1370.65,755.699 1370.48,756.243 1370.23,756.627C1369.99,757.011 1369.63,757.285 1369.16,757.451C1368.69,757.616 1368.05,757.699 1367.23,757.699ZM1368.99,752.547C1368.99,751.821 1368.85,751.323 1368.56,751.051C1368.28,750.779 1367.79,750.643 1367.1,750.643C1366.43,750.643 1365.95,750.781 1365.66,751.059C1365.37,751.336 1365.23,751.832 1365.23,752.547L1368.99,752.547Z" style="fill-rule:nonzero;"/>
+        <path d="M1372.68,749.203L1374.62,749.203L1374.62,750.019L1374.75,750.019C1375.09,749.635 1375.41,749.373 1375.71,749.235C1376.01,749.096 1376.39,749.027 1376.87,749.027C1377.82,749.027 1378.55,749.157 1379.07,749.419C1379.58,749.68 1379.94,750.12 1380.16,750.739C1380.38,751.357 1380.49,752.237 1380.49,753.379C1380.49,754.509 1380.38,755.381 1380.17,755.995C1379.96,756.608 1379.6,757.045 1379.09,757.307C1378.58,757.568 1377.86,757.699 1376.92,757.699C1376.36,757.699 1375.92,757.629 1375.61,757.491C1375.3,757.352 1375.01,757.091 1374.75,756.707L1374.62,756.707L1374.62,760.995L1372.68,760.995L1372.68,749.203ZM1374.59,753.379C1374.59,754.072 1374.64,754.608 1374.75,754.987C1374.87,755.365 1375.06,755.635 1375.32,755.795C1375.59,755.955 1375.97,756.035 1376.46,756.035C1377,756.035 1377.42,755.955 1377.71,755.795C1378.01,755.635 1378.21,755.365 1378.34,754.987C1378.46,754.608 1378.52,754.072 1378.52,753.379C1378.52,752.675 1378.46,752.131 1378.34,751.747C1378.21,751.363 1378.01,751.091 1377.71,750.931C1377.42,750.771 1377,750.691 1376.46,750.691C1375.97,750.691 1375.59,750.771 1375.32,750.931C1375.06,751.091 1374.87,751.363 1374.75,751.747C1374.64,752.131 1374.59,752.675 1374.59,753.379Z" style="fill-rule:nonzero;"/>
+        <path d="M1382.55,755.891L1385.48,755.891L1385.48,747.571L1382.71,747.571L1382.71,745.907L1387.4,745.907L1387.4,755.891L1390.14,755.891L1390.14,757.555L1382.55,757.555L1382.55,755.891Z" style="fill-rule:nonzero;"/>
+        <path d="M1395.88,757.699C1394.85,757.699 1394.05,757.568 1393.48,757.307C1392.92,757.045 1392.51,756.608 1392.27,755.995C1392.03,755.381 1391.91,754.504 1391.91,753.363C1391.91,752.211 1392.03,751.325 1392.27,750.707C1392.51,750.088 1392.91,749.648 1393.47,749.387C1394.03,749.125 1394.84,748.995 1395.88,748.995C1396.93,748.995 1397.73,749.125 1398.29,749.387C1398.85,749.648 1399.25,750.088 1399.49,750.707C1399.73,751.325 1399.85,752.211 1399.85,753.363C1399.85,754.504 1399.73,755.381 1399.49,755.995C1399.25,756.608 1398.85,757.045 1398.28,757.307C1397.72,757.568 1396.92,757.699 1395.88,757.699ZM1393.87,753.363C1393.87,754.067 1393.93,754.608 1394.05,754.987C1394.17,755.365 1394.38,755.635 1394.66,755.795C1394.94,755.955 1395.35,756.035 1395.88,756.035C1396.41,756.035 1396.82,755.955 1397.11,755.795C1397.39,755.635 1397.59,755.365 1397.71,754.987C1397.84,754.608 1397.9,754.067 1397.9,753.363C1397.9,752.648 1397.84,752.099 1397.71,751.715C1397.59,751.331 1397.39,751.056 1397.11,750.891C1396.82,750.725 1396.41,750.643 1395.88,750.643C1395.35,750.643 1394.94,750.725 1394.66,750.891C1394.38,751.056 1394.17,751.331 1394.05,751.715C1393.93,752.099 1393.87,752.648 1393.87,753.363Z" style="fill-rule:nonzero;"/>
+        <path d="M1404.73,756.787L1404.19,756.787L1401.47,749.203L1403.45,749.203L1405.45,755.347L1405.53,755.347L1407.5,749.203L1409.51,749.203L1405.35,760.995L1403.34,760.995L1404.73,756.787Z" style="fill-rule:nonzero;"/>
+        <path d="M1426.57,745.059L1428.51,745.059L1422.76,759.587L1420.84,759.587L1426.57,745.059Z" style="fill-rule:nonzero;"/>
+        <path d="M1444.95,757.555L1443.93,750.819L1443.85,750.819L1442.81,757.555L1440.55,757.555L1439.24,749.187L1440.97,749.187L1441.67,755.635L1441.71,755.635L1442.87,749.203L1444.91,749.203L1446.06,755.635L1446.09,755.635L1446.79,749.187L1448.52,749.187L1447.21,757.555L1444.95,757.555Z" style="fill-rule:nonzero;"/>
+        <path d="M1453.63,757.699C1452.58,757.699 1451.78,757.568 1451.21,757.307C1450.64,757.045 1450.24,756.6 1450,755.971C1449.76,755.341 1449.64,754.451 1449.64,753.299C1449.64,752.168 1449.76,751.296 1449.99,750.683C1450.21,750.069 1450.61,749.635 1451.15,749.379C1451.7,749.123 1452.49,748.995 1453.5,748.995C1454.47,748.995 1455.23,749.131 1455.77,749.403C1456.31,749.675 1456.71,750.128 1456.95,750.763C1457.19,751.397 1457.31,752.291 1457.31,753.443L1457.29,754.067L1451.61,754.067C1451.65,754.589 1451.74,754.992 1451.87,755.275C1451.99,755.557 1452.19,755.757 1452.47,755.875C1452.74,755.992 1453.12,756.051 1453.61,756.051C1454.09,756.051 1454.44,755.976 1454.66,755.827C1454.88,755.677 1455.05,755.4 1455.18,754.995L1457.16,754.995C1457.06,755.699 1456.88,756.243 1456.63,756.627C1456.39,757.011 1456.03,757.285 1455.56,757.451C1455.09,757.616 1454.45,757.699 1453.63,757.699ZM1455.39,752.547C1455.39,751.821 1455.25,751.323 1454.96,751.051C1454.68,750.779 1454.19,750.643 1453.5,750.643C1452.83,750.643 1452.35,750.781 1452.06,751.059C1451.77,751.336 1451.63,751.832 1451.63,752.547L1455.39,752.547Z" style="fill-rule:nonzero;"/>
+        <path d="M1463.72,757.715C1463.2,757.715 1462.78,757.643 1462.47,757.499C1462.15,757.355 1461.82,757.08 1461.47,756.675L1461.34,756.675L1461.34,757.555L1459.4,757.555L1459.42,745.907L1461.35,745.907L1461.34,749.843L1461.47,749.843C1461.75,749.448 1462.06,749.176 1462.38,749.027C1462.7,748.877 1463.15,748.803 1463.72,748.803C1464.64,748.803 1465.35,748.936 1465.84,749.203C1466.34,749.469 1466.69,749.92 1466.9,750.555C1467.11,751.189 1467.21,752.088 1467.21,753.251C1467.21,754.424 1467.11,755.328 1466.9,755.963C1466.69,756.597 1466.34,757.048 1465.84,757.315C1465.35,757.581 1464.64,757.715 1463.72,757.715ZM1461.31,753.251C1461.31,753.976 1461.36,754.539 1461.47,754.939C1461.59,755.339 1461.78,755.621 1462.04,755.787C1462.31,755.952 1462.69,756.035 1463.18,756.035C1463.72,756.035 1464.14,755.952 1464.43,755.787C1464.73,755.621 1464.93,755.341 1465.06,754.947C1465.18,754.552 1465.24,753.987 1465.24,753.251C1465.24,752.525 1465.18,751.965 1465.06,751.571C1464.93,751.176 1464.73,750.896 1464.43,750.731C1464.14,750.565 1463.72,750.483 1463.18,750.483C1462.69,750.483 1462.31,750.565 1462.04,750.731C1461.78,750.896 1461.59,751.176 1461.47,751.571C1461.36,751.965 1461.31,752.525 1461.31,753.251Z" style="fill-rule:nonzero;"/>
+        <path d="M1472.71,757.699C1471.69,757.699 1470.9,757.613 1470.35,757.443C1469.81,757.272 1469.42,756.979 1469.19,756.563C1468.97,756.147 1468.87,755.56 1468.89,754.803L1470.86,754.803C1470.87,755.133 1470.93,755.387 1471.05,755.563C1471.17,755.739 1471.37,755.864 1471.65,755.939C1471.93,756.013 1472.34,756.051 1472.86,756.051C1473.49,756.051 1473.92,755.989 1474.15,755.867C1474.39,755.744 1474.51,755.517 1474.51,755.187C1474.51,754.973 1474.44,754.795 1474.31,754.651C1474.17,754.507 1473.95,754.381 1473.63,754.275C1473.31,754.168 1472.85,754.061 1472.27,753.955C1471.41,753.795 1470.75,753.616 1470.29,753.419C1469.83,753.221 1469.5,752.971 1469.3,752.667C1469.1,752.363 1469,751.96 1469,751.459C1469,750.808 1469.11,750.309 1469.33,749.963C1469.55,749.616 1469.92,749.368 1470.45,749.219C1470.98,749.069 1471.72,748.995 1472.68,748.995C1473.62,748.995 1474.35,749.072 1474.86,749.227C1475.37,749.381 1475.73,749.643 1475.95,750.011C1476.16,750.379 1476.27,750.904 1476.28,751.587L1474.36,751.587C1474.34,751.224 1474.21,750.976 1473.97,750.843C1473.73,750.709 1473.3,750.643 1472.67,750.643C1472.01,750.643 1471.55,750.701 1471.31,750.819C1471.06,750.936 1470.94,751.155 1470.94,751.475C1470.94,751.645 1471.11,751.797 1471.44,751.931C1471.78,752.064 1472.43,752.243 1473.4,752.467C1474.2,752.648 1474.82,752.848 1475.26,753.067C1475.69,753.285 1476.01,753.56 1476.19,753.891C1476.38,754.221 1476.47,754.648 1476.47,755.171C1476.47,755.832 1476.36,756.344 1476.14,756.707C1475.91,757.069 1475.53,757.325 1474.99,757.475C1474.45,757.624 1473.69,757.699 1472.71,757.699Z" style="fill-rule:nonzero;"/>
+        <path d="M1481.24,745.907L1483.69,745.907L1483.69,748.163L1481.24,748.163L1481.24,745.907ZM1478.92,755.907L1481.71,755.907L1481.71,750.851L1479.08,750.851L1479.08,749.203L1483.63,749.203L1483.63,755.907L1486.3,755.907L1486.3,757.555L1478.92,757.555L1478.92,755.907Z" style="fill-rule:nonzero;"/>
+        <path d="M1492.92,757.731C1492.15,757.731 1491.57,757.629 1491.18,757.427C1490.78,757.224 1490.52,756.923 1490.38,756.523C1490.24,756.123 1490.17,755.576 1490.17,754.883L1490.17,750.851L1488.11,750.851L1488.49,749.203L1490.23,749.203L1490.23,747.507L1492.09,746.723L1492.09,749.203L1495.21,749.203L1495.21,750.851L1492.09,750.851L1492.09,754.819C1492.09,755.16 1492.12,755.411 1492.18,755.571C1492.24,755.731 1492.37,755.848 1492.56,755.923C1492.76,755.997 1493.06,756.035 1493.47,756.035C1493.92,756.035 1494.59,755.971 1495.47,755.843L1495.47,757.523C1494.36,757.661 1493.51,757.731 1492.92,757.731Z" style="fill-rule:nonzero;"/>
+        <path d="M1501.63,757.699C1500.58,757.699 1499.78,757.568 1499.21,757.307C1498.64,757.045 1498.24,756.6 1498,755.971C1497.76,755.341 1497.64,754.451 1497.64,753.299C1497.64,752.168 1497.76,751.296 1497.99,750.683C1498.21,750.069 1498.61,749.635 1499.15,749.379C1499.7,749.123 1500.49,748.995 1501.5,748.995C1502.47,748.995 1503.23,749.131 1503.77,749.403C1504.31,749.675 1504.71,750.128 1504.95,750.763C1505.19,751.397 1505.31,752.291 1505.31,753.443L1505.29,754.067L1499.61,754.067C1499.65,754.589 1499.74,754.992 1499.87,755.275C1499.99,755.557 1500.19,755.757 1500.47,755.875C1500.74,755.992 1501.12,756.051 1501.61,756.051C1502.09,756.051 1502.44,755.976 1502.66,755.827C1502.88,755.677 1503.05,755.4 1503.18,754.995L1505.16,754.995C1505.06,755.699 1504.88,756.243 1504.63,756.627C1504.39,757.011 1504.03,757.285 1503.56,757.451C1503.09,757.616 1502.45,757.699 1501.63,757.699ZM1503.39,752.547C1503.39,751.821 1503.25,751.323 1502.96,751.051C1502.68,750.779 1502.19,750.643 1501.5,750.643C1500.83,750.643 1500.35,750.781 1500.06,751.059C1499.77,751.336 1499.63,751.832 1499.63,752.547L1503.39,752.547Z" style="fill-rule:nonzero;"/>
+        <path d="M1376.96,829.983L1376.96,890.938" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <path d="M1481.72,829.983L1481.72,867.269" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <path d="M1481.72,989.728L1481.72,1050.68" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <g>
+            <rect x="1474.95" y="853.741" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1477.72,856.506C1478.18,856.042 1478.93,856.042 1479.39,856.506L1481.72,858.829L1484.04,856.506C1484.5,856.042 1485.26,856.042 1485.71,856.506C1486.17,856.971 1486.18,857.722 1485.71,858.182L1483.39,860.505L1485.71,862.827C1486.18,863.292 1486.18,864.043 1485.71,864.503C1485.25,864.962 1484.5,864.967 1484.04,864.503L1481.72,862.18L1479.39,864.503C1478.93,864.967 1478.18,864.967 1477.72,864.503C1477.26,864.038 1477.25,863.287 1477.72,862.827L1480.04,860.505L1477.72,858.182C1477.25,857.717 1477.25,856.966 1477.72,856.506Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1474.95" y="1013.44" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1477.72,1016.21C1478.18,1015.74 1478.93,1015.74 1479.39,1016.21L1481.72,1018.53L1484.04,1016.21C1484.5,1015.74 1485.26,1015.74 1485.71,1016.21C1486.17,1016.67 1486.18,1017.42 1485.71,1017.88L1483.39,1020.21L1485.71,1022.53C1486.18,1022.99 1486.18,1023.74 1485.71,1024.2C1485.25,1024.66 1484.5,1024.67 1484.04,1024.2L1481.72,1021.88L1479.39,1024.2C1478.93,1024.67 1478.18,1024.67 1477.72,1024.2C1477.26,1023.74 1477.25,1022.99 1477.72,1022.53L1480.04,1020.21L1477.72,1017.88C1477.25,1017.42 1477.25,1016.67 1477.72,1016.21Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1370.2" y="853.696" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1381.44,858.598L1376.37,863.669C1375.99,864.041 1375.39,864.041 1375.02,863.669L1372.49,861.134C1372.12,860.761 1372.12,860.159 1372.49,859.791C1372.86,859.422 1373.46,859.418 1373.83,859.791L1375.69,861.653L1380.09,857.252C1380.46,856.879 1381.07,856.879 1381.43,857.252C1381.8,857.624 1381.81,858.226 1381.43,858.595L1381.44,858.598Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <path d="M1376.96,989.728L1376.96,1050.68" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <g>
+            <rect x="1370.2" y="1013.44" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1381.44,1018.34L1376.37,1023.41C1375.99,1023.79 1375.39,1023.79 1375.02,1023.41L1372.49,1020.88C1372.12,1020.51 1372.12,1019.9 1372.49,1019.54C1372.86,1019.17 1373.46,1019.16 1373.83,1019.54L1375.69,1021.4L1380.09,1017C1380.46,1016.62 1381.07,1016.62 1381.43,1017C1381.8,1017.37 1381.81,1017.97 1381.43,1018.34L1381.44,1018.34Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <g>
+            <path d="M1531.65,800.129C1531.65,799.904 1531.46,799.721 1531.24,799.721L1327.44,799.721C1327.21,799.721 1327.03,799.904 1327.03,800.129L1327.03,829.574C1327.03,829.8 1327.21,829.983 1327.44,829.983L1531.24,829.983C1531.46,829.983 1531.65,829.8 1531.65,829.574L1531.65,800.129Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1397.12,819.3C1396.06,819.3 1395.24,819.172 1394.67,818.916C1394.09,818.66 1393.68,818.225 1393.44,817.612C1393.2,816.998 1393.08,816.126 1393.08,814.996C1393.08,813.844 1393.2,812.953 1393.44,812.324C1393.68,811.694 1394.09,811.249 1394.66,810.988C1395.23,810.726 1396.04,810.596 1397.08,810.596C1398,810.596 1398.71,810.686 1399.21,810.868C1399.71,811.049 1400.07,811.356 1400.29,811.788C1400.51,812.22 1400.63,812.83 1400.65,813.62L1398.72,813.62C1398.64,813.097 1398.5,812.742 1398.28,812.556C1398.06,812.369 1397.69,812.276 1397.18,812.276C1396.62,812.276 1396.18,812.358 1395.88,812.524C1395.57,812.689 1395.36,812.966 1395.23,813.356C1395.1,813.745 1395.04,814.297 1395.04,815.012C1395.04,815.694 1395.1,816.222 1395.23,816.596C1395.36,816.969 1395.58,817.233 1395.88,817.388C1396.19,817.542 1396.63,817.62 1397.2,817.62C1397.69,817.62 1398.04,817.537 1398.26,817.372C1398.48,817.206 1398.64,816.9 1398.73,816.452L1400.65,816.452C1400.63,817.198 1400.51,817.774 1400.29,818.18C1400.07,818.585 1399.72,818.873 1399.22,819.044C1398.72,819.214 1398.02,819.3 1397.12,819.3Z" style="fill-rule:nonzero;"/>
+            <path d="M1402.72,807.508L1404.67,807.508L1404.67,811.924L1404.8,811.924C1405.06,811.422 1405.36,811.076 1405.69,810.884C1406.02,810.692 1406.48,810.596 1407.07,810.596C1407.89,810.596 1408.52,810.692 1408.96,810.884C1409.39,811.076 1409.7,811.404 1409.89,811.868C1410.08,812.332 1410.17,812.99 1410.17,813.844L1410.17,819.156L1408.22,819.156L1408.22,813.812C1408.22,813.214 1408.11,812.806 1407.89,812.588C1407.67,812.369 1407.26,812.26 1406.65,812.26C1406.13,812.26 1405.73,812.334 1405.44,812.484C1405.16,812.633 1404.96,812.889 1404.84,813.252C1404.73,813.614 1404.67,814.132 1404.67,814.804L1404.67,819.156L1402.72,819.156L1402.72,807.508Z" style="fill-rule:nonzero;"/>
+            <path d="M1415.28,819.3C1414.5,819.3 1413.9,819.222 1413.48,819.068C1413.06,818.913 1412.76,818.652 1412.58,818.284C1412.4,817.916 1412.32,817.396 1412.32,816.724C1412.32,815.934 1412.44,815.324 1412.68,814.892C1412.93,814.46 1413.35,814.153 1413.93,813.972C1414.52,813.79 1415.35,813.7 1416.43,813.7L1417.69,813.7L1417.69,813.604C1417.69,813.07 1417.58,812.708 1417.34,812.516C1417.11,812.324 1416.66,812.228 1416.01,812.228C1415.42,812.228 1415.03,812.305 1414.82,812.46C1414.61,812.614 1414.52,812.91 1414.54,813.348L1412.59,813.348C1412.56,812.622 1412.64,812.065 1412.84,811.676C1413.03,811.286 1413.38,811.009 1413.88,810.844C1414.37,810.678 1415.08,810.596 1416.01,810.596C1416.94,810.596 1417.66,810.686 1418.16,810.868C1418.67,811.049 1419.03,811.353 1419.24,811.78C1419.46,812.206 1419.56,812.814 1419.56,813.604L1419.56,819.156L1417.74,819.156L1417.74,818.164L1417.61,818.164C1417.31,818.601 1417,818.9 1416.67,819.06C1416.34,819.22 1415.87,819.3 1415.28,819.3ZM1414.27,816.58C1414.27,816.985 1414.36,817.262 1414.55,817.412C1414.74,817.561 1415.09,817.636 1415.61,817.636C1416.14,817.636 1416.56,817.566 1416.84,817.428C1417.13,817.289 1417.34,817.054 1417.46,816.724C1417.58,816.393 1417.65,815.918 1417.68,815.3L1416.09,815.316C1415.61,815.326 1415.24,815.369 1414.98,815.444C1414.72,815.518 1414.54,815.644 1414.43,815.82C1414.32,815.996 1414.27,816.249 1414.27,816.58Z" style="fill-rule:nonzero;"/>
+            <path d="M1421.92,810.804L1423.87,810.804L1423.87,811.956L1424,811.956C1424.3,811.433 1424.6,811.076 1424.92,810.884C1425.24,810.692 1425.7,810.596 1426.28,810.596C1427.1,810.596 1427.72,810.694 1428.16,810.892C1428.59,811.089 1428.9,811.42 1429.09,811.884C1429.28,812.348 1429.37,813.012 1429.37,813.876L1429.37,819.156L1427.42,819.156L1427.42,813.844C1427.42,813.257 1427.31,812.857 1427.09,812.644C1426.87,812.43 1426.46,812.324 1425.87,812.324C1425.35,812.324 1424.94,812.398 1424.66,812.548C1424.38,812.697 1424.17,812.95 1424.05,813.308C1423.93,813.665 1423.87,814.169 1423.87,814.82L1423.87,819.156L1421.92,819.156L1421.92,810.804Z" style="fill-rule:nonzero;"/>
+            <path d="M1435.26,822.676C1434.3,822.676 1433.56,822.59 1433.04,822.42C1432.51,822.249 1432.14,821.964 1431.92,821.564C1431.69,821.164 1431.57,820.596 1431.55,819.86L1433.52,819.86C1433.54,820.19 1433.6,820.441 1433.69,820.612C1433.79,820.782 1433.96,820.902 1434.2,820.972C1434.44,821.041 1434.8,821.076 1435.28,821.076C1435.76,821.076 1436.13,821.02 1436.39,820.908C1436.65,820.796 1436.83,820.609 1436.94,820.348C1437.05,820.086 1437.11,819.716 1437.12,819.236L1437.13,818.02L1437,818.02C1436.86,818.34 1436.69,818.582 1436.52,818.748C1436.35,818.913 1436.13,819.03 1435.84,819.1C1435.56,819.169 1435.17,819.204 1434.68,819.204C1433.81,819.204 1433.13,819.076 1432.64,818.82C1432.14,818.564 1431.79,818.134 1431.57,817.532C1431.35,816.929 1431.24,816.078 1431.24,814.98C1431.24,813.838 1431.35,812.958 1431.57,812.34C1431.79,811.721 1432.16,811.281 1432.69,811.02C1433.22,810.758 1433.96,810.628 1434.92,810.628C1435.53,810.628 1435.98,810.71 1436.28,810.876C1436.57,811.041 1436.82,811.348 1437.04,811.796L1437.16,811.796L1437.16,810.804L1439.04,810.804L1439.04,819.396C1439.04,820.26 1438.92,820.924 1438.7,821.388C1438.48,821.852 1438.1,822.182 1437.56,822.38C1437.02,822.577 1436.25,822.676 1435.26,822.676ZM1433.2,814.98C1433.2,815.652 1433.26,816.172 1433.37,816.54C1433.49,816.908 1433.69,817.169 1433.97,817.324C1434.26,817.478 1434.65,817.556 1435.16,817.556C1435.68,817.556 1436.07,817.478 1436.35,817.324C1436.62,817.169 1436.82,816.908 1436.94,816.54C1437.06,816.172 1437.12,815.652 1437.12,814.98C1437.12,814.276 1437.06,813.732 1436.94,813.348C1436.82,812.964 1436.62,812.689 1436.35,812.524C1436.07,812.358 1435.68,812.276 1435.16,812.276C1434.65,812.276 1434.26,812.358 1433.97,812.524C1433.69,812.689 1433.49,812.964 1433.37,813.348C1433.26,813.732 1433.2,814.276 1433.2,814.98Z" style="fill-rule:nonzero;"/>
+            <path d="M1444.97,819.3C1443.93,819.3 1443.12,819.169 1442.56,818.908C1441.99,818.646 1441.59,818.201 1441.35,817.572C1441.11,816.942 1440.99,816.052 1440.99,814.9C1440.99,813.769 1441.1,812.897 1441.33,812.284C1441.56,811.67 1441.95,811.236 1442.5,810.98C1443.05,810.724 1443.83,810.596 1444.84,810.596C1445.82,810.596 1446.57,810.732 1447.12,811.004C1447.66,811.276 1448.05,811.729 1448.29,812.364C1448.53,812.998 1448.65,813.892 1448.65,815.044L1448.64,815.668L1442.96,815.668C1443,816.19 1443.08,816.593 1443.21,816.876C1443.34,817.158 1443.54,817.358 1443.81,817.476C1444.08,817.593 1444.46,817.652 1444.96,817.652C1445.44,817.652 1445.79,817.577 1446,817.428C1446.22,817.278 1446.4,817.001 1446.52,816.596L1448.51,816.596C1448.4,817.3 1448.23,817.844 1447.98,818.228C1447.74,818.612 1447.38,818.886 1446.91,819.052C1446.44,819.217 1445.79,819.3 1444.97,819.3ZM1446.73,814.148C1446.73,813.422 1446.59,812.924 1446.31,812.652C1446.03,812.38 1445.54,812.244 1444.84,812.244C1444.17,812.244 1443.69,812.382 1443.4,812.66C1443.12,812.937 1442.97,813.433 1442.97,814.148L1446.73,814.148Z" style="fill-rule:nonzero;"/>
+            <path d="M1454.46,819.3C1453.44,819.3 1452.65,819.214 1452.1,819.044C1451.55,818.873 1451.16,818.58 1450.94,818.164C1450.72,817.748 1450.62,817.161 1450.64,816.404L1452.6,816.404C1452.62,816.734 1452.68,816.988 1452.8,817.164C1452.91,817.34 1453.11,817.465 1453.4,817.54C1453.68,817.614 1454.08,817.652 1454.6,817.652C1455.23,817.652 1455.66,817.59 1455.9,817.468C1456.13,817.345 1456.25,817.118 1456.25,816.788C1456.25,816.574 1456.18,816.396 1456.05,816.252C1455.92,816.108 1455.69,815.982 1455.37,815.876C1455.05,815.769 1454.6,815.662 1454.01,815.556C1453.16,815.396 1452.5,815.217 1452.04,815.02C1451.57,814.822 1451.24,814.572 1451.04,814.268C1450.85,813.964 1450.75,813.561 1450.75,813.06C1450.75,812.409 1450.86,811.91 1451.08,811.564C1451.3,811.217 1451.67,810.969 1452.2,810.82C1452.72,810.67 1453.47,810.596 1454.43,810.596C1455.37,810.596 1456.09,810.673 1456.6,810.828C1457.12,810.982 1457.48,811.244 1457.69,811.612C1457.9,811.98 1458.02,812.505 1458.03,813.188L1456.11,813.188C1456.09,812.825 1455.96,812.577 1455.72,812.444C1455.48,812.31 1455.04,812.244 1454.41,812.244C1453.75,812.244 1453.3,812.302 1453.05,812.42C1452.81,812.537 1452.68,812.756 1452.68,813.076C1452.68,813.246 1452.85,813.398 1453.19,813.532C1453.52,813.665 1454.18,813.844 1455.15,814.068C1455.95,814.249 1456.57,814.449 1457,814.668C1457.44,814.886 1457.75,815.161 1457.94,815.492C1458.13,815.822 1458.22,816.249 1458.22,816.772C1458.22,817.433 1458.11,817.945 1457.88,818.308C1457.66,818.67 1457.28,818.926 1456.74,819.076C1456.2,819.225 1455.44,819.3 1454.46,819.3Z" style="fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M1577.28,1051.12C1577.28,1050.88 1577.09,1050.68 1576.85,1050.68L1281.83,1050.68C1281.59,1050.68 1281.4,1050.88 1281.4,1051.12L1281.4,1082.39C1281.4,1082.63 1281.59,1082.82 1281.83,1082.82L1576.85,1082.82C1577.09,1082.82 1577.28,1082.63 1577.28,1082.39L1577.28,1051.12Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1445.71,1072.05C1444.79,1072.05 1444.08,1071.94 1443.57,1071.72C1443.07,1071.49 1442.71,1071.11 1442.5,1070.58C1442.29,1070.04 1442.19,1069.28 1442.19,1068.29C1442.19,1067.28 1442.29,1066.5 1442.5,1065.95C1442.71,1065.4 1443.07,1065.01 1443.57,1064.78C1444.07,1064.55 1444.77,1064.44 1445.69,1064.44C1446.49,1064.44 1447.11,1064.52 1447.55,1064.67C1447.99,1064.83 1448.3,1065.1 1448.49,1065.48C1448.68,1065.86 1448.79,1066.39 1448.81,1067.08L1447.12,1067.08C1447.05,1066.62 1446.92,1066.32 1446.73,1066.15C1446.54,1065.99 1446.22,1065.91 1445.77,1065.91C1445.28,1065.91 1444.9,1065.98 1444.63,1066.12C1444.36,1066.27 1444.17,1066.51 1444.06,1066.85C1443.95,1067.19 1443.89,1067.67 1443.89,1068.3C1443.89,1068.9 1443.95,1069.36 1444.06,1069.69C1444.17,1070.01 1444.37,1070.24 1444.64,1070.38C1444.91,1070.52 1445.29,1070.58 1445.79,1070.58C1446.21,1070.58 1446.53,1070.51 1446.72,1070.37C1446.91,1070.22 1447.05,1069.95 1447.13,1069.56L1448.81,1069.56C1448.79,1070.21 1448.68,1070.72 1448.49,1071.07C1448.3,1071.43 1447.99,1071.68 1447.56,1071.83C1447.12,1071.98 1446.51,1072.05 1445.71,1072.05Z" style="fill-rule:nonzero;"/>
+            <path d="M1453.86,1072.05C1452.96,1072.05 1452.26,1071.94 1451.76,1071.71C1451.27,1071.48 1450.92,1071.1 1450.71,1070.56C1450.5,1070.03 1450.39,1069.26 1450.39,1068.26C1450.39,1067.25 1450.5,1066.48 1450.71,1065.93C1450.92,1065.39 1451.27,1065.01 1451.76,1064.78C1452.25,1064.55 1452.95,1064.44 1453.86,1064.44C1454.78,1064.44 1455.48,1064.55 1455.97,1064.78C1456.46,1065.01 1456.81,1065.39 1457.02,1065.93C1457.23,1066.48 1457.34,1067.25 1457.34,1068.26C1457.34,1069.26 1457.23,1070.03 1457.02,1070.56C1456.81,1071.1 1456.46,1071.48 1455.96,1071.71C1455.47,1071.94 1454.77,1072.05 1453.86,1072.05ZM1452.1,1068.26C1452.1,1068.87 1452.15,1069.35 1452.26,1069.68C1452.37,1070.01 1452.55,1070.25 1452.79,1070.39C1453.04,1070.53 1453.4,1070.6 1453.86,1070.6C1454.33,1070.6 1454.69,1070.53 1454.93,1070.39C1455.18,1070.25 1455.36,1070.01 1455.47,1069.68C1455.57,1069.35 1455.63,1068.87 1455.63,1068.26C1455.63,1067.63 1455.57,1067.15 1455.47,1066.82C1455.36,1066.48 1455.18,1066.24 1454.93,1066.1C1454.69,1065.95 1454.33,1065.88 1453.86,1065.88C1453.4,1065.88 1453.04,1065.95 1452.79,1066.1C1452.55,1066.24 1452.37,1066.48 1452.26,1066.82C1452.15,1067.15 1452.1,1067.63 1452.1,1068.26Z" style="fill-rule:nonzero;"/>
+            <path d="M1458.41,1064.62L1459.92,1064.62L1459.92,1065.51L1460.04,1065.51C1460.23,1065.1 1460.42,1064.82 1460.61,1064.67C1460.8,1064.51 1461.05,1064.44 1461.37,1064.44C1461.85,1064.44 1462.2,1064.51 1462.42,1064.67C1462.63,1064.82 1462.8,1065.1 1462.92,1065.51L1462.93,1065.51C1463.07,1065.1 1463.23,1064.82 1463.44,1064.67C1463.64,1064.51 1463.96,1064.44 1464.38,1064.44C1464.83,1064.44 1465.18,1064.52 1465.43,1064.69C1465.67,1064.86 1465.84,1065.14 1465.94,1065.55C1466.05,1065.95 1466.1,1066.53 1466.1,1067.28L1466.1,1071.93L1464.55,1071.93L1464.55,1067.53C1464.55,1066.92 1464.49,1066.51 1464.39,1066.28C1464.29,1066.06 1464.1,1065.95 1463.83,1065.95C1463.63,1065.95 1463.46,1066 1463.35,1066.11C1463.23,1066.22 1463.15,1066.4 1463.1,1066.65C1463.06,1066.9 1463.03,1067.26 1463.03,1067.73L1463.03,1071.93L1461.49,1071.93L1461.52,1067.53C1461.53,1066.92 1461.48,1066.51 1461.36,1066.28C1461.24,1066.06 1461.03,1065.95 1460.71,1065.95C1460.51,1065.95 1460.36,1066 1460.25,1066.12C1460.15,1066.23 1460.07,1066.41 1460.03,1066.68C1459.99,1066.94 1459.97,1067.31 1459.97,1067.8L1459.97,1071.93L1458.41,1071.93L1458.41,1064.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1466.81,1064.62L1468.33,1064.62L1468.33,1065.51L1468.44,1065.51C1468.63,1065.1 1468.82,1064.82 1469.01,1064.67C1469.2,1064.51 1469.45,1064.44 1469.77,1064.44C1470.25,1064.44 1470.6,1064.51 1470.82,1064.67C1471.03,1064.82 1471.2,1065.1 1471.32,1065.51L1471.34,1065.51C1471.47,1065.1 1471.63,1064.82 1471.84,1064.67C1472.04,1064.51 1472.36,1064.44 1472.78,1064.44C1473.23,1064.44 1473.58,1064.52 1473.83,1064.69C1474.07,1064.86 1474.24,1065.14 1474.35,1065.55C1474.45,1065.95 1474.5,1066.53 1474.5,1067.28L1474.5,1071.93L1472.94,1071.93L1472.94,1067.53C1472.94,1066.92 1472.89,1066.51 1472.79,1066.28C1472.69,1066.06 1472.5,1065.95 1472.23,1065.95C1472.03,1065.95 1471.87,1066 1471.75,1066.11C1471.63,1066.22 1471.55,1066.4 1471.5,1066.65C1471.46,1066.9 1471.43,1067.26 1471.43,1067.73L1471.43,1071.93L1469.89,1071.93L1469.92,1067.53C1469.93,1066.92 1469.88,1066.51 1469.76,1066.28C1469.64,1066.06 1469.43,1065.95 1469.11,1065.95C1468.91,1065.95 1468.76,1066 1468.65,1066.12C1468.55,1066.23 1468.47,1066.41 1468.43,1066.68C1468.39,1066.94 1468.37,1067.31 1468.37,1067.8L1468.37,1071.93L1466.81,1071.93L1466.81,1064.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1479.19,1072.05C1478.27,1072.05 1477.57,1071.94 1477.08,1071.71C1476.58,1071.48 1476.23,1071.09 1476.02,1070.54C1475.81,1069.99 1475.7,1069.21 1475.7,1068.2C1475.7,1067.21 1475.8,1066.45 1476,1065.91C1476.2,1065.38 1476.55,1065 1477.03,1064.77C1477.51,1064.55 1478.19,1064.44 1479.08,1064.44C1479.93,1064.44 1480.59,1064.56 1481.07,1064.79C1481.54,1065.03 1481.88,1065.43 1482.09,1065.98C1482.3,1066.54 1482.41,1067.32 1482.41,1068.33L1482.39,1068.87L1477.42,1068.87C1477.46,1069.33 1477.54,1069.68 1477.65,1069.93C1477.76,1070.18 1477.94,1070.35 1478.17,1070.46C1478.41,1070.56 1478.75,1070.61 1479.17,1070.61C1479.6,1070.61 1479.9,1070.55 1480.09,1070.41C1480.28,1070.28 1480.43,1070.04 1480.55,1069.69L1482.28,1069.69C1482.19,1070.3 1482.04,1070.78 1481.82,1071.11C1481.61,1071.45 1481.29,1071.69 1480.88,1071.84C1480.47,1071.98 1479.91,1072.05 1479.19,1072.05ZM1480.73,1067.54C1480.73,1066.91 1480.61,1066.47 1480.36,1066.24C1480.11,1066 1479.68,1065.88 1479.08,1065.88C1478.49,1065.88 1478.07,1066 1477.82,1066.24C1477.57,1066.49 1477.44,1066.92 1477.44,1067.54L1480.73,1067.54Z" style="fill-rule:nonzero;"/>
+            <path d="M1484.21,1064.62L1485.92,1064.62L1485.92,1065.63L1486.04,1065.63C1486.3,1065.17 1486.57,1064.86 1486.85,1064.69C1487.13,1064.52 1487.52,1064.44 1488.04,1064.44C1488.75,1064.44 1489.29,1064.52 1489.67,1064.69C1490.06,1064.87 1490.33,1065.16 1490.49,1065.56C1490.66,1065.97 1490.74,1066.55 1490.74,1067.31L1490.74,1071.93L1489.03,1071.93L1489.03,1067.28C1489.03,1066.77 1488.93,1066.41 1488.74,1066.23C1488.55,1066.04 1488.2,1065.95 1487.67,1065.95C1487.22,1065.95 1486.86,1066.01 1486.62,1066.14C1486.37,1066.28 1486.19,1066.5 1486.08,1066.81C1485.98,1067.12 1485.92,1067.56 1485.92,1068.13L1485.92,1071.93L1484.21,1071.93L1484.21,1064.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1496.77,1072.08C1496.1,1072.08 1495.59,1071.99 1495.25,1071.81C1494.9,1071.64 1494.67,1071.37 1494.55,1071.02C1494.43,1070.67 1494.37,1070.19 1494.37,1069.59L1494.37,1066.06L1492.56,1066.06L1492.89,1064.62L1494.42,1064.62L1494.42,1063.13L1496.05,1062.45L1496.05,1064.62L1498.78,1064.62L1498.78,1066.06L1496.05,1066.06L1496.05,1069.53C1496.05,1069.83 1496.07,1070.05 1496.12,1070.19C1496.17,1070.33 1496.29,1070.43 1496.46,1070.5C1496.63,1070.56 1496.89,1070.6 1497.25,1070.6C1497.65,1070.6 1498.23,1070.54 1499,1070.43L1499,1071.9C1498.03,1072.02 1497.29,1072.08 1496.77,1072.08Z" style="fill-rule:nonzero;"/>
+            <rect x="1501.6" y="1066.98" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1511.44,1066.13L1509.62,1066.13L1509.16,1064.62L1511.44,1064.62L1511.44,1063.76C1511.44,1063.16 1511.55,1062.69 1511.75,1062.36C1511.95,1062.03 1512.27,1061.79 1512.73,1061.64C1513.18,1061.5 1513.82,1061.43 1514.64,1061.43C1515.01,1061.43 1515.43,1061.44 1515.88,1061.47L1515.88,1062.92C1515.4,1062.91 1515.07,1062.9 1514.9,1062.9C1514.23,1062.9 1513.77,1062.96 1513.51,1063.1C1513.25,1063.24 1513.12,1063.47 1513.12,1063.82L1513.12,1064.62L1515.73,1064.62L1515.73,1066.13L1513.12,1066.13L1513.12,1071.93L1511.44,1071.93L1511.44,1066.13Z" style="fill-rule:nonzero;"/>
+            <path d="M1520.4,1072.05C1519.72,1072.05 1519.2,1071.99 1518.83,1071.85C1518.46,1071.71 1518.2,1071.49 1518.05,1071.16C1517.89,1070.84 1517.82,1070.39 1517.82,1069.8C1517.82,1069.11 1517.92,1068.57 1518.14,1068.19C1518.35,1067.82 1518.72,1067.55 1519.23,1067.39C1519.74,1067.23 1520.47,1067.15 1521.41,1067.15L1522.52,1067.15L1522.52,1067.07C1522.52,1066.6 1522.42,1066.28 1522.21,1066.12C1522.01,1065.95 1521.62,1065.86 1521.05,1065.86C1520.54,1065.86 1520.19,1065.93 1520.01,1066.07C1519.82,1066.2 1519.74,1066.46 1519.76,1066.84L1518.05,1066.84C1518.03,1066.21 1518.1,1065.72 1518.27,1065.38C1518.44,1065.04 1518.75,1064.8 1519.18,1064.65C1519.61,1064.51 1520.24,1064.44 1521.05,1064.44C1521.86,1064.44 1522.49,1064.52 1522.93,1064.67C1523.38,1064.83 1523.69,1065.1 1523.88,1065.47C1524.06,1065.85 1524.16,1066.38 1524.16,1067.07L1524.16,1071.93L1522.56,1071.93L1522.56,1071.06L1522.45,1071.06C1522.19,1071.44 1521.91,1071.7 1521.62,1071.84C1521.33,1071.98 1520.93,1072.05 1520.4,1072.05ZM1519.52,1069.67C1519.52,1070.03 1519.61,1070.27 1519.77,1070.4C1519.93,1070.53 1520.24,1070.6 1520.7,1070.6C1521.17,1070.6 1521.53,1070.54 1521.78,1070.41C1522.03,1070.29 1522.21,1070.09 1522.32,1069.8C1522.42,1069.51 1522.49,1069.09 1522.51,1068.55L1521.12,1068.57C1520.7,1068.58 1520.38,1068.61 1520.15,1068.68C1519.92,1068.74 1519.76,1068.85 1519.66,1069.01C1519.57,1069.16 1519.52,1069.38 1519.52,1069.67Z" style="fill-rule:nonzero;"/>
+            <path d="M1528.55,1061.73L1530.69,1061.73L1530.69,1063.71L1528.55,1063.71L1528.55,1061.73ZM1526.52,1070.48L1528.96,1070.48L1528.96,1066.06L1526.66,1066.06L1526.66,1064.62L1530.64,1064.62L1530.64,1070.48L1532.98,1070.48L1532.98,1071.93L1526.52,1071.93L1526.52,1070.48Z" style="fill-rule:nonzero;"/>
+            <path d="M1534.6,1070.47L1537.16,1070.47L1537.16,1063.19L1534.74,1063.19L1534.74,1061.73L1538.84,1061.73L1538.84,1070.47L1541.24,1070.47L1541.24,1071.93L1534.6,1071.93L1534.6,1070.47Z" style="fill-rule:nonzero;"/>
+            <path d="M1545.45,1072.05C1544.81,1072.05 1544.31,1071.97 1543.96,1071.8C1543.61,1071.63 1543.36,1071.35 1543.21,1070.95C1543.06,1070.55 1542.99,1069.98 1542.99,1069.24L1542.99,1064.62L1544.69,1064.62L1544.69,1069.27C1544.69,1069.78 1544.78,1070.13 1544.95,1070.32C1545.13,1070.5 1545.46,1070.6 1545.94,1070.6C1546.44,1070.6 1546.81,1070.53 1547.08,1070.4C1547.34,1070.27 1547.52,1070.05 1547.63,1069.74C1547.75,1069.42 1547.8,1068.98 1547.8,1068.4L1547.8,1064.62L1549.51,1064.62L1549.51,1071.93L1547.8,1071.93L1547.8,1070.9L1547.69,1070.9C1547.45,1071.34 1547.17,1071.64 1546.86,1071.81C1546.55,1071.97 1546.08,1072.05 1545.45,1072.05Z" style="fill-rule:nonzero;"/>
+            <path d="M1552.31,1064.62L1553.85,1064.62L1553.78,1066.12L1553.93,1066.12C1554.28,1065.54 1554.53,1065.15 1554.68,1064.97C1554.83,1064.78 1554.99,1064.66 1555.15,1064.62C1555.32,1064.57 1555.63,1064.55 1556.08,1064.55L1557.45,1064.58L1557.45,1066.26C1557.28,1066.25 1557.03,1066.24 1556.69,1066.24C1556.18,1066.24 1555.73,1066.27 1555.34,1066.31C1555.15,1066.34 1554.95,1066.46 1554.73,1066.68C1554.52,1066.89 1554.34,1067.15 1554.2,1067.45C1554.06,1067.76 1553.99,1068.05 1553.99,1068.33L1553.99,1071.93L1552.31,1071.93L1552.31,1064.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1563.19,1072.05C1562.27,1072.05 1561.57,1071.94 1561.08,1071.71C1560.58,1071.48 1560.23,1071.09 1560.02,1070.54C1559.81,1069.99 1559.7,1069.21 1559.7,1068.2C1559.7,1067.21 1559.8,1066.45 1560,1065.91C1560.2,1065.38 1560.55,1065 1561.03,1064.77C1561.51,1064.55 1562.19,1064.44 1563.08,1064.44C1563.93,1064.44 1564.59,1064.56 1565.07,1064.79C1565.54,1065.03 1565.88,1065.43 1566.09,1065.98C1566.3,1066.54 1566.41,1067.32 1566.41,1068.33L1566.39,1068.87L1561.42,1068.87C1561.46,1069.33 1561.54,1069.68 1561.65,1069.93C1561.76,1070.18 1561.94,1070.35 1562.17,1070.46C1562.41,1070.56 1562.75,1070.61 1563.17,1070.61C1563.6,1070.61 1563.9,1070.55 1564.09,1070.41C1564.28,1070.28 1564.43,1070.04 1564.55,1069.69L1566.28,1069.69C1566.19,1070.3 1566.04,1070.78 1565.82,1071.11C1565.61,1071.45 1565.29,1071.69 1564.88,1071.84C1564.47,1071.98 1563.91,1072.05 1563.19,1072.05ZM1564.73,1067.54C1564.73,1066.91 1564.61,1066.47 1564.36,1066.24C1564.11,1066 1563.68,1065.88 1563.08,1065.88C1562.49,1065.88 1562.07,1066 1561.82,1066.24C1561.57,1066.49 1561.44,1066.92 1561.44,1067.54L1564.73,1067.54Z" style="fill-rule:nonzero;"/>
+            <path d="M1296.21,1071.32C1295.28,1071.32 1294.57,1071.21 1294.07,1070.99C1293.56,1070.76 1293.2,1070.38 1293,1069.85C1292.79,1069.31 1292.68,1068.55 1292.68,1067.56C1292.68,1066.55 1292.79,1065.77 1293,1065.22C1293.2,1064.67 1293.56,1064.28 1294.06,1064.05C1294.56,1063.82 1295.27,1063.71 1296.18,1063.71C1296.98,1063.71 1297.6,1063.79 1298.04,1063.94C1298.48,1064.1 1298.8,1064.37 1298.99,1064.75C1299.18,1065.13 1299.28,1065.66 1299.3,1066.35L1297.61,1066.35C1297.54,1065.89 1297.41,1065.58 1297.22,1065.42C1297.03,1065.26 1296.71,1065.18 1296.26,1065.18C1295.77,1065.18 1295.39,1065.25 1295.12,1065.39C1294.86,1065.54 1294.67,1065.78 1294.56,1066.12C1294.44,1066.46 1294.39,1066.94 1294.39,1067.57C1294.39,1068.17 1294.44,1068.63 1294.56,1068.96C1294.67,1069.28 1294.86,1069.51 1295.13,1069.65C1295.4,1069.78 1295.78,1069.85 1296.28,1069.85C1296.71,1069.85 1297.02,1069.78 1297.21,1069.63C1297.4,1069.49 1297.54,1069.22 1297.62,1068.83L1299.3,1068.83C1299.28,1069.48 1299.18,1069.99 1298.99,1070.34C1298.8,1070.7 1298.48,1070.95 1298.05,1071.1C1297.62,1071.25 1297,1071.32 1296.21,1071.32Z" style="fill-rule:nonzero;"/>
+            <path d="M1304.36,1071.32C1303.45,1071.32 1302.75,1071.21 1302.26,1070.98C1301.76,1070.75 1301.41,1070.37 1301.2,1069.83C1300.99,1069.29 1300.88,1068.53 1300.88,1067.53C1300.88,1066.52 1300.99,1065.75 1301.2,1065.2C1301.41,1064.66 1301.76,1064.28 1302.25,1064.05C1302.74,1063.82 1303.44,1063.71 1304.36,1063.71C1305.27,1063.71 1305.97,1063.82 1306.46,1064.05C1306.95,1064.28 1307.3,1064.66 1307.51,1065.2C1307.72,1065.75 1307.83,1066.52 1307.83,1067.53C1307.83,1068.53 1307.72,1069.29 1307.51,1069.83C1307.3,1070.37 1306.95,1070.75 1306.46,1070.98C1305.96,1071.21 1305.26,1071.32 1304.36,1071.32ZM1302.59,1067.53C1302.59,1068.14 1302.64,1068.62 1302.75,1068.95C1302.86,1069.28 1303.04,1069.52 1303.29,1069.66C1303.53,1069.8 1303.89,1069.87 1304.36,1069.87C1304.82,1069.87 1305.18,1069.8 1305.43,1069.66C1305.67,1069.52 1305.85,1069.28 1305.96,1068.95C1306.07,1068.62 1306.12,1068.14 1306.12,1067.53C1306.12,1066.9 1306.07,1066.42 1305.96,1066.09C1305.85,1065.75 1305.67,1065.51 1305.43,1065.37C1305.18,1065.22 1304.82,1065.15 1304.36,1065.15C1303.89,1065.15 1303.53,1065.22 1303.29,1065.37C1303.04,1065.51 1302.86,1065.75 1302.75,1066.09C1302.64,1066.42 1302.59,1066.9 1302.59,1067.53Z" style="fill-rule:nonzero;"/>
+            <path d="M1308.91,1063.89L1310.42,1063.89L1310.42,1064.78L1310.53,1064.78C1310.73,1064.37 1310.92,1064.09 1311.1,1063.94C1311.29,1063.78 1311.54,1063.71 1311.86,1063.71C1312.35,1063.71 1312.69,1063.78 1312.91,1063.94C1313.12,1064.09 1313.29,1064.37 1313.41,1064.78L1313.43,1064.78C1313.56,1064.37 1313.73,1064.09 1313.93,1063.94C1314.14,1063.78 1314.45,1063.71 1314.87,1063.71C1315.33,1063.71 1315.68,1063.79 1315.92,1063.96C1316.16,1064.13 1316.34,1064.41 1316.44,1064.82C1316.54,1065.22 1316.59,1065.8 1316.59,1066.55L1316.59,1071.2L1315.04,1071.2L1315.04,1066.8C1315.04,1066.19 1314.99,1065.78 1314.88,1065.55C1314.78,1065.33 1314.59,1065.22 1314.32,1065.22C1314.12,1065.22 1313.96,1065.27 1313.84,1065.38C1313.72,1065.49 1313.64,1065.67 1313.6,1065.92C1313.55,1066.17 1313.53,1066.53 1313.53,1067L1313.53,1071.2L1311.99,1071.2L1312.01,1066.8C1312.02,1066.19 1311.97,1065.78 1311.85,1065.55C1311.74,1065.33 1311.52,1065.22 1311.2,1065.22C1311.01,1065.22 1310.85,1065.27 1310.75,1065.39C1310.64,1065.5 1310.57,1065.68 1310.52,1065.95C1310.48,1066.21 1310.46,1066.58 1310.46,1067.07L1310.46,1071.2L1308.91,1071.2L1308.91,1063.89Z" style="fill-rule:nonzero;"/>
+            <path d="M1317.31,1063.89L1318.82,1063.89L1318.82,1064.78L1318.93,1064.78C1319.13,1064.37 1319.32,1064.09 1319.5,1063.94C1319.69,1063.78 1319.94,1063.71 1320.26,1063.71C1320.75,1063.71 1321.1,1063.78 1321.31,1063.94C1321.52,1064.09 1321.69,1064.37 1321.81,1064.78L1321.83,1064.78C1321.96,1064.37 1322.13,1064.09 1322.33,1063.94C1322.54,1063.78 1322.85,1063.71 1323.27,1063.71C1323.73,1063.71 1324.08,1063.79 1324.32,1063.96C1324.56,1064.13 1324.74,1064.41 1324.84,1064.82C1324.94,1065.22 1324.99,1065.8 1324.99,1066.55L1324.99,1071.2L1323.44,1071.2L1323.44,1066.8C1323.44,1066.19 1323.39,1065.78 1323.28,1065.55C1323.18,1065.33 1322.99,1065.22 1322.72,1065.22C1322.52,1065.22 1322.36,1065.27 1322.24,1065.38C1322.12,1065.49 1322.04,1065.67 1322,1065.92C1321.95,1066.17 1321.93,1066.53 1321.93,1067L1321.93,1071.2L1320.39,1071.2L1320.41,1066.8C1320.42,1066.19 1320.37,1065.78 1320.25,1065.55C1320.14,1065.33 1319.92,1065.22 1319.6,1065.22C1319.41,1065.22 1319.25,1065.27 1319.15,1065.39C1319.04,1065.5 1318.96,1065.68 1318.92,1065.95C1318.88,1066.21 1318.86,1066.58 1318.86,1067.07L1318.86,1071.2L1317.31,1071.2L1317.31,1063.89Z" style="fill-rule:nonzero;"/>
+            <path d="M1329.68,1071.32C1328.77,1071.32 1328.06,1071.21 1327.57,1070.98C1327.07,1070.75 1326.72,1070.36 1326.51,1069.81C1326.3,1069.26 1326.2,1068.48 1326.2,1067.47C1326.2,1066.48 1326.3,1065.72 1326.5,1065.18C1326.7,1064.65 1327.04,1064.27 1327.52,1064.04C1328,1063.82 1328.68,1063.71 1329.57,1063.71C1330.42,1063.71 1331.08,1063.83 1331.56,1064.06C1332.03,1064.3 1332.38,1064.7 1332.59,1065.25C1332.8,1065.81 1332.9,1066.59 1332.9,1067.6L1332.89,1068.14L1327.92,1068.14C1327.95,1068.6 1328.03,1068.95 1328.14,1069.2C1328.25,1069.45 1328.43,1069.62 1328.67,1069.73C1328.9,1069.83 1329.24,1069.88 1329.67,1069.88C1330.09,1069.88 1330.39,1069.81 1330.59,1069.68C1330.78,1069.55 1330.93,1069.31 1331.04,1068.96L1332.78,1068.96C1332.68,1069.57 1332.53,1070.05 1332.31,1070.38C1332.1,1070.72 1331.79,1070.96 1331.38,1071.11C1330.96,1071.25 1330.4,1071.32 1329.68,1071.32ZM1331.22,1066.81C1331.22,1066.18 1331.1,1065.74 1330.85,1065.51C1330.6,1065.27 1330.18,1065.15 1329.57,1065.15C1328.98,1065.15 1328.56,1065.27 1328.31,1065.51C1328.06,1065.75 1327.93,1066.19 1327.93,1066.81L1331.22,1066.81Z" style="fill-rule:nonzero;"/>
+            <path d="M1334.71,1063.89L1336.42,1063.89L1336.42,1064.9L1336.53,1064.9C1336.79,1064.44 1337.06,1064.13 1337.34,1063.96C1337.62,1063.79 1338.02,1063.71 1338.53,1063.71C1339.24,1063.71 1339.79,1063.79 1340.17,1063.96C1340.55,1064.14 1340.82,1064.43 1340.99,1064.83C1341.15,1065.24 1341.23,1065.82 1341.23,1066.58L1341.23,1071.2L1339.52,1071.2L1339.52,1066.55C1339.52,1066.03 1339.43,1065.68 1339.24,1065.5C1339.05,1065.31 1338.69,1065.22 1338.17,1065.22C1337.71,1065.22 1337.36,1065.28 1337.11,1065.41C1336.86,1065.54 1336.68,1065.77 1336.58,1066.08C1336.47,1066.39 1336.42,1066.83 1336.42,1067.4L1336.42,1071.2L1334.71,1071.2L1334.71,1063.89Z" style="fill-rule:nonzero;"/>
+            <path d="M1347.27,1071.35C1346.59,1071.35 1346.09,1071.26 1345.74,1071.08C1345.39,1070.91 1345.16,1070.64 1345.04,1070.29C1344.92,1069.94 1344.86,1069.46 1344.86,1068.86L1344.86,1065.33L1343.05,1065.33L1343.39,1063.89L1344.91,1063.89L1344.91,1062.4L1346.54,1061.72L1346.54,1063.89L1349.27,1063.89L1349.27,1065.33L1346.54,1065.33L1346.54,1068.8C1346.54,1069.1 1346.56,1069.32 1346.62,1069.46C1346.67,1069.6 1346.78,1069.7 1346.95,1069.77C1347.12,1069.83 1347.39,1069.87 1347.74,1069.87C1348.14,1069.87 1348.73,1069.81 1349.49,1069.7L1349.49,1071.17C1348.52,1071.29 1347.78,1071.35 1347.27,1071.35Z" style="fill-rule:nonzero;"/>
+            <rect x="1352.1" y="1066.25" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1363.18,1071.32C1362.29,1071.32 1361.6,1071.25 1361.12,1071.1C1360.64,1070.95 1360.3,1070.69 1360.1,1070.33C1359.91,1069.96 1359.82,1069.45 1359.84,1068.79L1361.56,1068.79C1361.57,1069.08 1361.62,1069.3 1361.73,1069.45C1361.83,1069.61 1362.01,1069.72 1362.25,1069.78C1362.5,1069.85 1362.85,1069.88 1363.31,1069.88C1363.86,1069.88 1364.24,1069.83 1364.44,1069.72C1364.65,1069.61 1364.75,1069.41 1364.75,1069.12C1364.75,1068.94 1364.69,1068.78 1364.58,1068.65C1364.46,1068.53 1364.26,1068.42 1363.98,1068.33C1363.7,1068.23 1363.31,1068.14 1362.79,1068.05C1362.05,1067.91 1361.47,1067.75 1361.06,1067.58C1360.66,1067.4 1360.37,1067.18 1360.19,1066.92C1360.02,1066.65 1359.94,1066.3 1359.94,1065.86C1359.94,1065.29 1360.03,1064.86 1360.22,1064.55C1360.41,1064.25 1360.74,1064.03 1361.2,1063.9C1361.66,1063.77 1362.32,1063.71 1363.16,1063.71C1363.98,1063.71 1364.61,1063.77 1365.06,1063.91C1365.51,1064.04 1365.83,1064.27 1366.01,1064.6C1366.2,1064.92 1366.3,1065.38 1366.31,1065.97L1364.63,1065.97C1364.61,1065.66 1364.49,1065.44 1364.28,1065.32C1364.07,1065.21 1363.69,1065.15 1363.14,1065.15C1362.56,1065.15 1362.17,1065.2 1361.95,1065.3C1361.74,1065.4 1361.63,1065.6 1361.63,1065.88C1361.63,1066.03 1361.78,1066.16 1362.07,1066.28C1362.37,1066.39 1362.94,1066.55 1363.79,1066.74C1364.49,1066.9 1365.03,1067.08 1365.41,1067.27C1365.79,1067.46 1366.07,1067.7 1366.23,1067.99C1366.39,1068.28 1366.47,1068.65 1366.47,1069.11C1366.47,1069.69 1366.38,1070.14 1366.18,1070.45C1365.98,1070.77 1365.65,1071 1365.18,1071.13C1364.71,1071.26 1364.04,1071.32 1363.18,1071.32Z" style="fill-rule:nonzero;"/>
+            <path d="M1370.74,1071.32C1370.1,1071.32 1369.6,1071.24 1369.25,1071.07C1368.9,1070.9 1368.65,1070.62 1368.5,1070.22C1368.35,1069.81 1368.28,1069.25 1368.28,1068.51L1368.28,1063.89L1369.99,1063.89L1369.99,1068.54C1369.99,1069.05 1370.07,1069.4 1370.25,1069.59C1370.42,1069.77 1370.75,1069.87 1371.23,1069.87C1371.73,1069.87 1372.11,1069.8 1372.37,1069.67C1372.63,1069.54 1372.82,1069.32 1372.93,1069.01C1373.04,1068.69 1373.1,1068.25 1373.1,1067.67L1373.1,1063.89L1374.8,1063.89L1374.8,1071.2L1373.1,1071.2L1373.1,1070.17L1372.98,1070.17C1372.74,1070.61 1372.46,1070.91 1372.15,1071.08C1371.84,1071.24 1371.37,1071.32 1370.74,1071.32Z" style="fill-rule:nonzero;"/>
+            <path d="M1380.21,1071.32C1379.28,1071.32 1378.57,1071.21 1378.07,1070.99C1377.56,1070.76 1377.2,1070.38 1377,1069.85C1376.79,1069.31 1376.68,1068.55 1376.68,1067.56C1376.68,1066.55 1376.79,1065.77 1377,1065.22C1377.2,1064.67 1377.56,1064.28 1378.06,1064.05C1378.56,1063.82 1379.27,1063.71 1380.18,1063.71C1380.98,1063.71 1381.6,1063.79 1382.04,1063.94C1382.48,1064.1 1382.8,1064.37 1382.99,1064.75C1383.18,1065.13 1383.28,1065.66 1383.3,1066.35L1381.61,1066.35C1381.54,1065.89 1381.41,1065.58 1381.22,1065.42C1381.03,1065.26 1380.71,1065.18 1380.26,1065.18C1379.77,1065.18 1379.39,1065.25 1379.12,1065.39C1378.86,1065.54 1378.67,1065.78 1378.56,1066.12C1378.44,1066.46 1378.39,1066.94 1378.39,1067.57C1378.39,1068.17 1378.44,1068.63 1378.56,1068.96C1378.67,1069.28 1378.86,1069.51 1379.13,1069.65C1379.4,1069.78 1379.78,1069.85 1380.28,1069.85C1380.71,1069.85 1381.02,1069.78 1381.21,1069.63C1381.4,1069.49 1381.54,1069.22 1381.62,1068.83L1383.3,1068.83C1383.28,1069.48 1383.18,1069.99 1382.99,1070.34C1382.8,1070.7 1382.48,1070.95 1382.05,1071.1C1381.62,1071.25 1381,1071.32 1380.21,1071.32Z" style="fill-rule:nonzero;"/>
+            <path d="M1388.61,1071.32C1387.68,1071.32 1386.97,1071.21 1386.47,1070.99C1385.96,1070.76 1385.61,1070.38 1385.39,1069.85C1385.18,1069.31 1385.08,1068.55 1385.08,1067.56C1385.08,1066.55 1385.18,1065.77 1385.39,1065.22C1385.61,1064.67 1385.96,1064.28 1386.46,1064.05C1386.96,1063.82 1387.66,1063.71 1388.58,1063.71C1389.38,1063.71 1390,1063.79 1390.44,1063.94C1390.88,1064.1 1391.19,1064.37 1391.39,1064.75C1391.58,1065.13 1391.68,1065.66 1391.7,1066.35L1390.01,1066.35C1389.94,1065.89 1389.81,1065.58 1389.62,1065.42C1389.43,1065.26 1389.11,1065.18 1388.66,1065.18C1388.17,1065.18 1387.79,1065.25 1387.52,1065.39C1387.26,1065.54 1387.07,1065.78 1386.96,1066.12C1386.84,1066.46 1386.79,1066.94 1386.79,1067.57C1386.79,1068.17 1386.84,1068.63 1386.96,1068.96C1387.07,1069.28 1387.26,1069.51 1387.53,1069.65C1387.8,1069.78 1388.18,1069.85 1388.68,1069.85C1389.11,1069.85 1389.42,1069.78 1389.61,1069.63C1389.8,1069.49 1389.94,1069.22 1390.02,1068.83L1391.7,1068.83C1391.68,1069.48 1391.58,1069.99 1391.39,1070.34C1391.19,1070.7 1390.88,1070.95 1390.45,1071.1C1390.02,1071.25 1389.4,1071.32 1388.61,1071.32Z" style="fill-rule:nonzero;"/>
+            <path d="M1396.88,1071.32C1395.97,1071.32 1395.26,1071.21 1394.77,1070.98C1394.27,1070.75 1393.92,1070.36 1393.71,1069.81C1393.5,1069.26 1393.4,1068.48 1393.4,1067.47C1393.4,1066.48 1393.5,1065.72 1393.7,1065.18C1393.9,1064.65 1394.24,1064.27 1394.72,1064.04C1395.2,1063.82 1395.88,1063.71 1396.77,1063.71C1397.62,1063.71 1398.28,1063.83 1398.76,1064.06C1399.23,1064.3 1399.58,1064.7 1399.79,1065.25C1400,1065.81 1400.1,1066.59 1400.1,1067.6L1400.09,1068.14L1395.12,1068.14C1395.15,1068.6 1395.23,1068.95 1395.34,1069.2C1395.45,1069.45 1395.63,1069.62 1395.87,1069.73C1396.11,1069.83 1396.44,1069.88 1396.87,1069.88C1397.29,1069.88 1397.59,1069.81 1397.79,1069.68C1397.98,1069.55 1398.13,1069.31 1398.24,1068.96L1399.98,1068.96C1399.88,1069.57 1399.73,1070.05 1399.51,1070.38C1399.3,1070.72 1398.99,1070.96 1398.58,1071.11C1398.16,1071.25 1397.6,1071.32 1396.88,1071.32ZM1398.42,1066.81C1398.42,1066.18 1398.3,1065.74 1398.05,1065.51C1397.8,1065.27 1397.38,1065.15 1396.77,1065.15C1396.18,1065.15 1395.76,1065.27 1395.51,1065.51C1395.26,1065.75 1395.13,1066.19 1395.13,1066.81L1398.42,1066.81Z" style="fill-rule:nonzero;"/>
+            <path d="M1405.18,1071.32C1404.29,1071.32 1403.6,1071.25 1403.12,1071.1C1402.64,1070.95 1402.3,1070.69 1402.1,1070.33C1401.91,1069.96 1401.82,1069.45 1401.84,1068.79L1403.56,1068.79C1403.57,1069.08 1403.62,1069.3 1403.73,1069.45C1403.83,1069.61 1404.01,1069.72 1404.25,1069.78C1404.5,1069.85 1404.85,1069.88 1405.31,1069.88C1405.86,1069.88 1406.24,1069.83 1406.44,1069.72C1406.65,1069.61 1406.75,1069.41 1406.75,1069.12C1406.75,1068.94 1406.69,1068.78 1406.58,1068.65C1406.46,1068.53 1406.26,1068.42 1405.98,1068.33C1405.7,1068.23 1405.31,1068.14 1404.79,1068.05C1404.05,1067.91 1403.47,1067.75 1403.06,1067.58C1402.66,1067.4 1402.37,1067.18 1402.19,1066.92C1402.02,1066.65 1401.94,1066.3 1401.94,1065.86C1401.94,1065.29 1402.03,1064.86 1402.22,1064.55C1402.41,1064.25 1402.74,1064.03 1403.2,1063.9C1403.66,1063.77 1404.32,1063.71 1405.16,1063.71C1405.98,1063.71 1406.61,1063.77 1407.06,1063.91C1407.51,1064.04 1407.83,1064.27 1408.01,1064.6C1408.2,1064.92 1408.3,1065.38 1408.31,1065.97L1406.63,1065.97C1406.61,1065.66 1406.49,1065.44 1406.28,1065.32C1406.07,1065.21 1405.69,1065.15 1405.14,1065.15C1404.56,1065.15 1404.17,1065.2 1403.95,1065.3C1403.74,1065.4 1403.63,1065.6 1403.63,1065.88C1403.63,1066.03 1403.78,1066.16 1404.07,1066.28C1404.37,1066.39 1404.94,1066.55 1405.79,1066.74C1406.49,1066.9 1407.03,1067.08 1407.41,1067.27C1407.79,1067.46 1408.07,1067.7 1408.23,1067.99C1408.39,1068.28 1408.47,1068.65 1408.47,1069.11C1408.47,1069.69 1408.38,1070.14 1408.18,1070.45C1407.98,1070.77 1407.65,1071 1407.18,1071.13C1406.71,1071.26 1406.04,1071.32 1405.18,1071.32Z" style="fill-rule:nonzero;"/>
+            <path d="M1413.58,1071.32C1412.69,1071.32 1412,1071.25 1411.52,1071.1C1411.04,1070.95 1410.7,1070.69 1410.5,1070.33C1410.31,1069.96 1410.22,1069.45 1410.24,1068.79L1411.96,1068.79C1411.97,1069.08 1412.03,1069.3 1412.13,1069.45C1412.23,1069.61 1412.4,1069.72 1412.65,1069.78C1412.9,1069.85 1413.25,1069.88 1413.71,1069.88C1414.26,1069.88 1414.64,1069.83 1414.84,1069.72C1415.05,1069.61 1415.15,1069.41 1415.15,1069.12C1415.15,1068.94 1415.09,1068.78 1414.98,1068.65C1414.86,1068.53 1414.66,1068.42 1414.38,1068.33C1414.1,1068.23 1413.7,1068.14 1413.19,1068.05C1412.44,1067.91 1411.87,1067.75 1411.46,1067.58C1411.06,1067.4 1410.77,1067.18 1410.6,1066.92C1410.42,1066.65 1410.34,1066.3 1410.34,1065.86C1410.34,1065.29 1410.43,1064.86 1410.62,1064.55C1410.81,1064.25 1411.14,1064.03 1411.6,1063.9C1412.07,1063.77 1412.72,1063.71 1413.56,1063.71C1414.38,1063.71 1415.01,1063.77 1415.46,1063.91C1415.91,1064.04 1416.23,1064.27 1416.41,1064.6C1416.6,1064.92 1416.7,1065.38 1416.71,1065.97L1415.03,1065.97C1415.01,1065.66 1414.89,1065.44 1414.68,1065.32C1414.47,1065.21 1414.09,1065.15 1413.54,1065.15C1412.96,1065.15 1412.57,1065.2 1412.35,1065.3C1412.14,1065.4 1412.03,1065.6 1412.03,1065.88C1412.03,1066.03 1412.18,1066.16 1412.47,1066.28C1412.77,1066.39 1413.34,1066.55 1414.19,1066.74C1414.89,1066.9 1415.43,1067.08 1415.81,1067.27C1416.19,1067.46 1416.46,1067.7 1416.63,1067.99C1416.79,1068.28 1416.87,1068.65 1416.87,1069.11C1416.87,1069.69 1416.78,1070.14 1416.58,1070.45C1416.38,1070.77 1416.05,1071 1415.58,1071.13C1415.11,1071.26 1414.44,1071.32 1413.58,1071.32Z" style="fill-rule:nonzero;"/>
+            <path d="M1429.34,1050.68L1429.34,1082.82" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+        <g>
+            <path d="M1531.65,892.272C1531.65,891.536 1531.05,890.938 1530.31,890.938L1328.36,890.938C1327.63,890.938 1327.03,891.536 1327.03,892.272L1327.03,988.394C1327.03,989.13 1327.63,989.728 1328.36,989.728L1530.31,989.728C1531.05,989.728 1531.65,989.13 1531.65,988.394L1531.65,892.272Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1366.44,912.464C1365.54,912.464 1364.83,912.333 1364.34,912.072C1363.84,911.81 1363.49,911.368 1363.28,910.744C1363.07,910.12 1362.97,909.232 1362.97,908.08C1362.97,906.938 1363.07,906.061 1363.28,905.448C1363.49,904.834 1363.84,904.397 1364.34,904.136C1364.83,903.874 1365.54,903.744 1366.44,903.744C1367.15,903.744 1367.66,903.813 1367.98,903.952C1368.3,904.09 1368.54,904.352 1368.71,904.736L1368.84,904.736L1368.84,900.656L1370.78,900.656L1370.78,912.304L1368.84,912.304L1368.84,911.44L1368.71,911.44C1368.47,911.834 1368.19,912.104 1367.87,912.248C1367.56,912.392 1367.08,912.464 1366.44,912.464ZM1364.94,908.08C1364.94,908.784 1365,909.33 1365.12,909.72C1365.25,910.109 1365.45,910.384 1365.75,910.544C1366.04,910.704 1366.46,910.784 1367,910.784C1367.49,910.784 1367.87,910.701 1368.14,910.536C1368.4,910.37 1368.59,910.096 1368.71,909.712C1368.82,909.328 1368.87,908.784 1368.87,908.08C1368.87,907.376 1368.82,906.834 1368.71,906.456C1368.59,906.077 1368.4,905.808 1368.14,905.648C1367.87,905.488 1367.49,905.408 1367,905.408C1366.46,905.408 1366.04,905.488 1365.75,905.648C1365.45,905.808 1365.25,906.077 1365.12,906.456C1365,906.834 1364.94,907.376 1364.94,908.08Z" style="fill-rule:nonzero;"/>
+            <path d="M1376.83,912.448C1375.78,912.448 1374.98,912.317 1374.41,912.056C1373.85,911.794 1373.44,911.349 1373.2,910.72C1372.96,910.09 1372.84,909.2 1372.84,908.048C1372.84,906.917 1372.96,906.045 1373.19,905.432C1373.41,904.818 1373.81,904.384 1374.35,904.128C1374.9,903.872 1375.68,903.744 1376.7,903.744C1377.67,903.744 1378.43,903.88 1378.97,904.152C1379.51,904.424 1379.91,904.877 1380.15,905.512C1380.39,906.146 1380.51,907.04 1380.51,908.192L1380.49,908.816L1374.81,908.816C1374.85,909.338 1374.94,909.741 1375.07,910.024C1375.19,910.306 1375.39,910.506 1375.67,910.624C1375.94,910.741 1376.32,910.8 1376.81,910.8C1377.29,910.8 1377.64,910.725 1377.86,910.576C1378.08,910.426 1378.25,910.149 1378.38,909.744L1380.36,909.744C1380.26,910.448 1380.08,910.992 1379.83,911.376C1379.59,911.76 1379.23,912.034 1378.76,912.2C1378.29,912.365 1377.65,912.448 1376.83,912.448ZM1378.59,907.296C1378.59,906.57 1378.44,906.072 1378.16,905.8C1377.88,905.528 1377.39,905.392 1376.7,905.392C1376.03,905.392 1375.55,905.53 1375.26,905.808C1374.97,906.085 1374.83,906.581 1374.83,907.296L1378.59,907.296Z" style="fill-rule:nonzero;"/>
+            <path d="M1382.28,903.952L1384.22,903.952L1384.22,904.768L1384.35,904.768C1384.69,904.384 1385.01,904.122 1385.31,903.984C1385.61,903.845 1385.99,903.776 1386.47,903.776C1387.42,903.776 1388.15,903.906 1388.67,904.168C1389.18,904.429 1389.54,904.869 1389.76,905.488C1389.98,906.106 1390.09,906.986 1390.09,908.128C1390.09,909.258 1389.98,910.13 1389.77,910.744C1389.56,911.357 1389.2,911.794 1388.69,912.056C1388.18,912.317 1387.46,912.448 1386.52,912.448C1385.96,912.448 1385.52,912.378 1385.21,912.24C1384.9,912.101 1384.61,911.84 1384.35,911.456L1384.22,911.456L1384.22,915.744L1382.28,915.744L1382.28,903.952ZM1384.19,908.128C1384.19,908.821 1384.24,909.357 1384.35,909.736C1384.47,910.114 1384.65,910.384 1384.92,910.544C1385.19,910.704 1385.57,910.784 1386.06,910.784C1386.6,910.784 1387.02,910.704 1387.31,910.544C1387.61,910.384 1387.82,910.114 1387.94,909.736C1388.06,909.357 1388.12,908.821 1388.12,908.128C1388.12,907.424 1388.06,906.88 1387.94,906.496C1387.82,906.112 1387.61,905.84 1387.31,905.68C1387.02,905.52 1386.6,905.44 1386.06,905.44C1385.57,905.44 1385.19,905.52 1384.92,905.68C1384.65,905.84 1384.47,906.112 1384.35,906.496C1384.24,906.88 1384.19,907.424 1384.19,908.128Z" style="fill-rule:nonzero;"/>
+            <path d="M1392.15,910.64L1395.08,910.64L1395.08,902.32L1392.31,902.32L1392.31,900.656L1397,900.656L1397,910.64L1399.74,910.64L1399.74,912.304L1392.15,912.304L1392.15,910.64Z" style="fill-rule:nonzero;"/>
+            <path d="M1405.48,912.448C1404.45,912.448 1403.65,912.317 1403.08,912.056C1402.52,911.794 1402.11,911.357 1401.87,910.744C1401.63,910.13 1401.51,909.253 1401.51,908.112C1401.51,906.96 1401.63,906.074 1401.87,905.456C1402.11,904.837 1402.51,904.397 1403.07,904.136C1403.63,903.874 1404.44,903.744 1405.48,903.744C1406.53,903.744 1407.33,903.874 1407.89,904.136C1408.45,904.397 1408.85,904.837 1409.09,905.456C1409.33,906.074 1409.45,906.96 1409.45,908.112C1409.45,909.253 1409.33,910.13 1409.09,910.744C1408.85,911.357 1408.45,911.794 1407.88,912.056C1407.32,912.317 1406.52,912.448 1405.48,912.448ZM1403.47,908.112C1403.47,908.816 1403.53,909.357 1403.65,909.736C1403.77,910.114 1403.98,910.384 1404.26,910.544C1404.54,910.704 1404.95,910.784 1405.48,910.784C1406.02,910.784 1406.42,910.704 1406.71,910.544C1406.99,910.384 1407.19,910.114 1407.31,909.736C1407.44,909.357 1407.5,908.816 1407.5,908.112C1407.5,907.397 1407.44,906.848 1407.31,906.464C1407.19,906.08 1406.99,905.805 1406.71,905.64C1406.42,905.474 1406.02,905.392 1405.48,905.392C1404.95,905.392 1404.54,905.474 1404.26,905.64C1403.98,905.805 1403.77,906.08 1403.65,906.464C1403.53,906.848 1403.47,907.397 1403.47,908.112Z" style="fill-rule:nonzero;"/>
+            <path d="M1414.33,911.536L1413.79,911.536L1411.07,903.952L1413.05,903.952L1415.05,910.096L1415.13,910.096L1417.1,903.952L1419.11,903.952L1414.95,915.744L1412.94,915.744L1414.33,911.536Z" style="fill-rule:nonzero;"/>
+            <rect x="1421.64" y="906.656" width="6.08" height="1.76" style="fill-rule:nonzero;"/>
+            <path d="M1435.35,912.304L1434.33,905.568L1434.25,905.568L1433.21,912.304L1430.95,912.304L1429.64,903.936L1431.37,903.936L1432.07,910.384L1432.11,910.384L1433.27,903.952L1435.31,903.952L1436.46,910.384L1436.49,910.384L1437.19,903.936L1438.92,903.936L1437.61,912.304L1435.35,912.304Z" style="fill-rule:nonzero;"/>
+            <path d="M1444.03,912.448C1442.98,912.448 1442.17,912.317 1441.61,912.056C1441.05,911.794 1440.64,911.349 1440.4,910.72C1440.16,910.09 1440.04,909.2 1440.04,908.048C1440.04,906.917 1440.16,906.045 1440.39,905.432C1440.62,904.818 1441.01,904.384 1441.55,904.128C1442.1,903.872 1442.88,903.744 1443.9,903.744C1444.87,903.744 1445.63,903.88 1446.17,904.152C1446.71,904.424 1447.11,904.877 1447.35,905.512C1447.59,906.146 1447.71,907.04 1447.71,908.192L1447.69,908.816L1442.01,908.816C1442.05,909.338 1442.14,909.741 1442.27,910.024C1442.39,910.306 1442.59,910.506 1442.87,910.624C1443.14,910.741 1443.52,910.8 1444.01,910.8C1444.49,910.8 1444.84,910.725 1445.06,910.576C1445.28,910.426 1445.45,910.149 1445.58,909.744L1447.56,909.744C1447.45,910.448 1447.28,910.992 1447.03,911.376C1446.79,911.76 1446.43,912.034 1445.96,912.2C1445.49,912.365 1444.85,912.448 1444.03,912.448ZM1445.79,907.296C1445.79,906.57 1445.64,906.072 1445.36,905.8C1445.08,905.528 1444.59,905.392 1443.9,905.392C1443.23,905.392 1442.75,905.53 1442.46,905.808C1442.17,906.085 1442.03,906.581 1442.03,907.296L1445.79,907.296Z" style="fill-rule:nonzero;"/>
+            <path d="M1454.12,912.464C1453.6,912.464 1453.18,912.392 1452.87,912.248C1452.55,912.104 1452.22,911.829 1451.87,911.424L1451.74,911.424L1451.74,912.304L1449.8,912.304L1449.82,900.656L1451.75,900.656L1451.74,904.592L1451.87,904.592C1452.15,904.197 1452.46,903.925 1452.78,903.776C1453.1,903.626 1453.55,903.552 1454.12,903.552C1455.04,903.552 1455.75,903.685 1456.24,903.952C1456.74,904.218 1457.09,904.669 1457.3,905.304C1457.51,905.938 1457.61,906.837 1457.61,908C1457.61,909.173 1457.51,910.077 1457.3,910.712C1457.09,911.346 1456.74,911.797 1456.24,912.064C1455.75,912.33 1455.04,912.464 1454.12,912.464ZM1451.71,908C1451.71,908.725 1451.76,909.288 1451.87,909.688C1451.99,910.088 1452.17,910.37 1452.44,910.536C1452.71,910.701 1453.09,910.784 1453.58,910.784C1454.12,910.784 1454.54,910.701 1454.83,910.536C1455.13,910.37 1455.34,910.09 1455.46,909.696C1455.58,909.301 1455.64,908.736 1455.64,908C1455.64,907.274 1455.58,906.714 1455.46,906.32C1455.34,905.925 1455.13,905.645 1454.83,905.48C1454.54,905.314 1454.12,905.232 1453.58,905.232C1453.09,905.232 1452.71,905.314 1452.44,905.48C1452.17,905.645 1451.99,905.925 1451.87,906.32C1451.76,906.714 1451.71,907.274 1451.71,908Z" style="fill-rule:nonzero;"/>
+            <path d="M1463.11,912.448C1462.09,912.448 1461.3,912.362 1460.75,912.192C1460.2,912.021 1459.82,911.728 1459.59,911.312C1459.37,910.896 1459.27,910.309 1459.29,909.552L1461.26,909.552C1461.27,909.882 1461.33,910.136 1461.45,910.312C1461.57,910.488 1461.77,910.613 1462.05,910.688C1462.33,910.762 1462.74,910.8 1463.26,910.8C1463.89,910.8 1464.32,910.738 1464.55,910.616C1464.79,910.493 1464.91,910.266 1464.91,909.936C1464.91,909.722 1464.84,909.544 1464.71,909.4C1464.57,909.256 1464.35,909.13 1464.03,909.024C1463.71,908.917 1463.25,908.81 1462.67,908.704C1461.81,908.544 1461.15,908.365 1460.69,908.168C1460.23,907.97 1459.89,907.72 1459.7,907.416C1459.5,907.112 1459.4,906.709 1459.4,906.208C1459.4,905.557 1459.51,905.058 1459.73,904.712C1459.95,904.365 1460.32,904.117 1460.85,903.968C1461.38,903.818 1462.12,903.744 1463.08,903.744C1464.02,903.744 1464.75,903.821 1465.26,903.976C1465.77,904.13 1466.13,904.392 1466.35,904.76C1466.56,905.128 1466.67,905.653 1466.68,906.336L1464.76,906.336C1464.74,905.973 1464.61,905.725 1464.37,905.592C1464.13,905.458 1463.69,905.392 1463.07,905.392C1462.4,905.392 1461.95,905.45 1461.71,905.568C1461.46,905.685 1461.34,905.904 1461.34,906.224C1461.34,906.394 1461.51,906.546 1461.84,906.68C1462.18,906.813 1462.83,906.992 1463.8,907.216C1464.6,907.397 1465.22,907.597 1465.66,907.816C1466.1,908.034 1466.41,908.309 1466.59,908.64C1466.78,908.97 1466.87,909.397 1466.87,909.92C1466.87,910.581 1466.76,911.093 1466.54,911.456C1466.31,911.818 1465.93,912.074 1465.39,912.224C1464.86,912.373 1464.1,912.448 1463.11,912.448Z" style="fill-rule:nonzero;"/>
+            <path d="M1471.64,900.656L1474.09,900.656L1474.09,902.912L1471.64,902.912L1471.64,900.656ZM1469.32,910.656L1472.11,910.656L1472.11,905.6L1469.48,905.6L1469.48,903.952L1474.03,903.952L1474.03,910.656L1476.7,910.656L1476.7,912.304L1469.32,912.304L1469.32,910.656Z" style="fill-rule:nonzero;"/>
+            <path d="M1483.32,912.48C1482.55,912.48 1481.97,912.378 1481.58,912.176C1481.18,911.973 1480.92,911.672 1480.78,911.272C1480.64,910.872 1480.57,910.325 1480.57,909.632L1480.57,905.6L1478.51,905.6L1478.89,903.952L1480.63,903.952L1480.63,902.256L1482.49,901.472L1482.49,903.952L1485.61,903.952L1485.61,905.6L1482.49,905.6L1482.49,909.568C1482.49,909.909 1482.52,910.16 1482.58,910.32C1482.64,910.48 1482.77,910.597 1482.96,910.672C1483.16,910.746 1483.46,910.784 1483.87,910.784C1484.33,910.784 1484.99,910.72 1485.87,910.592L1485.87,912.272C1484.76,912.41 1483.91,912.48 1483.32,912.48Z" style="fill-rule:nonzero;"/>
+            <path d="M1492.03,912.448C1490.98,912.448 1490.17,912.317 1489.61,912.056C1489.05,911.794 1488.64,911.349 1488.4,910.72C1488.16,910.09 1488.04,909.2 1488.04,908.048C1488.04,906.917 1488.16,906.045 1488.39,905.432C1488.62,904.818 1489.01,904.384 1489.55,904.128C1490.1,903.872 1490.88,903.744 1491.9,903.744C1492.87,903.744 1493.63,903.88 1494.17,904.152C1494.71,904.424 1495.11,904.877 1495.35,905.512C1495.59,906.146 1495.71,907.04 1495.71,908.192L1495.69,908.816L1490.01,908.816C1490.05,909.338 1490.14,909.741 1490.27,910.024C1490.39,910.306 1490.59,910.506 1490.87,910.624C1491.14,910.741 1491.52,910.8 1492.01,910.8C1492.49,910.8 1492.84,910.725 1493.06,910.576C1493.28,910.426 1493.45,910.149 1493.58,909.744L1495.56,909.744C1495.45,910.448 1495.28,910.992 1495.03,911.376C1494.79,911.76 1494.43,912.034 1493.96,912.2C1493.49,912.365 1492.85,912.448 1492.03,912.448ZM1493.79,907.296C1493.79,906.57 1493.64,906.072 1493.36,905.8C1493.08,905.528 1492.59,905.392 1491.9,905.392C1491.23,905.392 1490.75,905.53 1490.46,905.808C1490.17,906.085 1490.03,906.581 1490.03,907.296L1493.79,907.296Z" style="fill-rule:nonzero;"/>
+            <path d="M1367.13,948.577C1366.25,948.577 1365.58,948.447 1365.1,948.185C1364.63,947.924 1364.29,947.484 1364.09,946.865C1363.88,946.247 1363.78,945.361 1363.78,944.209C1363.78,943.068 1363.88,942.191 1364.08,941.577C1364.28,940.964 1364.61,940.527 1365.08,940.265C1365.55,940.004 1366.21,939.873 1367.08,939.873C1367.71,939.873 1368.18,939.948 1368.5,940.097C1368.82,940.247 1369.11,940.529 1369.35,940.945L1369.48,940.945L1369.48,936.769L1370.81,936.769L1370.81,948.417L1369.48,948.417L1369.48,947.505L1369.37,947.505C1369.07,947.921 1368.76,948.204 1368.45,948.353C1368.13,948.503 1367.69,948.577 1367.13,948.577ZM1365.14,944.209C1365.14,945.041 1365.21,945.681 1365.35,946.129C1365.49,946.577 1365.72,946.897 1366.04,947.089C1366.36,947.281 1366.82,947.377 1367.41,947.377C1367.97,947.377 1368.39,947.284 1368.69,947.097C1368.98,946.911 1369.19,946.591 1369.32,946.137C1369.45,945.684 1369.51,945.041 1369.51,944.209C1369.51,943.388 1369.45,942.753 1369.32,942.305C1369.19,941.857 1368.98,941.54 1368.69,941.353C1368.39,941.167 1367.97,941.073 1367.41,941.073C1366.82,941.073 1366.36,941.167 1366.04,941.353C1365.72,941.54 1365.49,941.857 1365.35,942.305C1365.21,942.753 1365.14,943.388 1365.14,944.209Z" style="fill-rule:nonzero;"/>
+            <path d="M1377.22,948.577C1376.26,948.577 1375.53,948.449 1375.02,948.193C1374.52,947.937 1374.16,947.5 1373.95,946.881C1373.74,946.263 1373.64,945.367 1373.64,944.193C1373.64,943.052 1373.75,942.172 1373.96,941.553C1374.17,940.935 1374.53,940.5 1375.02,940.249C1375.52,939.999 1376.21,939.873 1377.1,939.873C1378.06,939.873 1378.78,940.015 1379.26,940.297C1379.75,940.58 1380.08,941.063 1380.26,941.745C1380.44,942.428 1380.52,943.436 1380.5,944.769L1374.98,944.769C1375.02,945.473 1375.1,946.012 1375.24,946.385C1375.38,946.759 1375.6,947.02 1375.9,947.169C1376.21,947.319 1376.64,947.393 1377.21,947.393C1377.74,947.393 1378.13,947.316 1378.38,947.161C1378.62,947.007 1378.81,946.705 1378.95,946.257L1380.34,946.257C1380.23,946.876 1380.06,947.351 1379.84,947.681C1379.62,948.012 1379.31,948.244 1378.9,948.377C1378.5,948.511 1377.94,948.577 1377.22,948.577ZM1379.22,943.601C1379.2,942.919 1379.12,942.399 1378.99,942.041C1378.86,941.684 1378.64,941.431 1378.35,941.281C1378.06,941.132 1377.64,941.057 1377.1,941.057C1376.58,941.057 1376.18,941.132 1375.9,941.281C1375.62,941.431 1375.41,941.684 1375.28,942.041C1375.14,942.399 1375.05,942.919 1375,943.601L1379.22,943.601Z" style="fill-rule:nonzero;"/>
+            <path d="M1383.37,940.065L1384.69,940.065L1384.69,940.929L1384.81,940.929C1385.12,940.513 1385.43,940.231 1385.74,940.081C1386.06,939.932 1386.49,939.857 1387.05,939.857C1387.92,939.857 1388.6,939.988 1389.07,940.249C1389.55,940.511 1389.88,940.951 1390.09,941.569C1390.29,942.188 1390.39,943.073 1390.39,944.225C1390.39,945.367 1390.29,946.247 1390.1,946.865C1389.9,947.484 1389.56,947.924 1389.1,948.185C1388.62,948.447 1387.95,948.577 1387.08,948.577C1386.46,948.577 1385.99,948.503 1385.68,948.353C1385.36,948.204 1385.08,947.921 1384.82,947.505L1384.69,947.505L1384.69,951.857L1383.37,951.857L1383.37,940.065ZM1384.66,944.225C1384.66,945.057 1384.73,945.697 1384.86,946.145C1384.98,946.593 1385.19,946.911 1385.49,947.097C1385.78,947.284 1386.2,947.377 1386.76,947.377C1387.36,947.377 1387.82,947.284 1388.13,947.097C1388.45,946.911 1388.68,946.591 1388.82,946.137C1388.96,945.684 1389.03,945.047 1389.03,944.225C1389.03,943.393 1388.96,942.753 1388.82,942.305C1388.68,941.857 1388.45,941.537 1388.13,941.345C1387.82,941.153 1387.36,941.057 1386.76,941.057C1386.2,941.057 1385.78,941.151 1385.49,941.337C1385.19,941.524 1384.98,941.844 1384.86,942.297C1384.73,942.751 1384.66,943.393 1384.66,944.225Z" style="fill-rule:nonzero;"/>
+            <path d="M1392.95,947.233L1395.8,947.233L1395.8,937.969L1393.11,937.969L1393.11,936.769L1397.1,936.769L1397.1,947.233L1399.75,947.233L1399.75,948.417L1392.95,948.417L1392.95,947.233Z" style="fill-rule:nonzero;"/>
+            <path d="M1405.89,948.577C1404.96,948.577 1404.23,948.447 1403.73,948.185C1403.22,947.924 1402.86,947.484 1402.65,946.865C1402.43,946.247 1402.33,945.367 1402.33,944.225C1402.33,943.073 1402.43,942.188 1402.65,941.569C1402.86,940.951 1403.22,940.511 1403.73,940.249C1404.23,939.988 1404.96,939.857 1405.89,939.857C1406.83,939.857 1407.56,939.988 1408.07,940.249C1408.58,940.511 1408.94,940.953 1409.16,941.577C1409.37,942.201 1409.48,943.084 1409.48,944.225C1409.48,945.367 1409.37,946.247 1409.16,946.865C1408.94,947.484 1408.58,947.924 1408.07,948.185C1407.56,948.447 1406.83,948.577 1405.89,948.577ZM1403.67,944.225C1403.67,945.057 1403.74,945.697 1403.87,946.145C1404,946.593 1404.23,946.911 1404.54,947.097C1404.86,947.284 1405.31,947.377 1405.89,947.377C1406.48,947.377 1406.93,947.284 1407.26,947.097C1407.58,946.911 1407.8,946.593 1407.93,946.145C1408.07,945.697 1408.13,945.057 1408.13,944.225C1408.13,943.383 1408.07,942.737 1407.93,942.289C1407.8,941.841 1407.58,941.521 1407.26,941.329C1406.93,941.137 1406.48,941.041 1405.89,941.041C1405.31,941.041 1404.86,941.137 1404.54,941.329C1404.23,941.521 1404,941.841 1403.87,942.289C1403.74,942.737 1403.67,943.383 1403.67,944.225Z" style="fill-rule:nonzero;"/>
+            <path d="M1415.17,947.809L1414.54,947.809L1411.75,940.065L1413.11,940.065L1415.5,946.849L1415.53,946.849L1417.83,940.065L1419.19,940.065L1415.06,951.953L1413.72,951.953L1415.17,947.809Z" style="fill-rule:nonzero;"/>
+            <path d="M1436.1,948.417L1434.76,941.553L1434.68,941.553L1433.32,948.417L1431.86,948.417L1430.07,940.049L1431.48,940.049L1432.55,946.817L1432.69,946.817L1434.02,940.065L1435.41,940.065L1436.73,946.817L1436.87,946.817L1437.94,940.049L1439.35,940.049L1437.56,948.417L1436.1,948.417Z" style="fill-rule:nonzero;"/>
+            <path d="M1444.42,948.577C1443.46,948.577 1442.73,948.449 1442.22,948.193C1441.72,947.937 1441.36,947.5 1441.15,946.881C1440.94,946.263 1440.84,945.367 1440.84,944.193C1440.84,943.052 1440.94,942.172 1441.16,941.553C1441.37,940.935 1441.73,940.5 1442.22,940.249C1442.72,939.999 1443.41,939.873 1444.3,939.873C1445.26,939.873 1445.98,940.015 1446.46,940.297C1446.95,940.58 1447.28,941.063 1447.46,941.745C1447.64,942.428 1447.72,943.436 1447.7,944.769L1442.18,944.769C1442.21,945.473 1442.3,946.012 1442.44,946.385C1442.58,946.759 1442.8,947.02 1443.1,947.169C1443.41,947.319 1443.84,947.393 1444.41,947.393C1444.94,947.393 1445.33,947.316 1445.58,947.161C1445.82,947.007 1446.01,946.705 1446.15,946.257L1447.54,946.257C1447.42,946.876 1447.26,947.351 1447.04,947.681C1446.82,948.012 1446.51,948.244 1446.1,948.377C1445.7,948.511 1445.14,948.577 1444.42,948.577ZM1446.42,943.601C1446.4,942.919 1446.32,942.399 1446.19,942.041C1446.06,941.684 1445.84,941.431 1445.55,941.281C1445.26,941.132 1444.84,941.057 1444.3,941.057C1443.78,941.057 1443.38,941.132 1443.1,941.281C1442.82,941.431 1442.61,941.684 1442.48,942.041C1442.35,942.399 1442.25,942.919 1442.2,943.601L1446.42,943.601Z" style="fill-rule:nonzero;"/>
+            <path d="M1454.26,948.577C1453.71,948.577 1453.27,948.503 1452.96,948.353C1452.64,948.204 1452.33,947.921 1452.02,947.505L1451.91,947.505L1451.91,948.417L1450.58,948.417L1450.6,936.769L1451.93,936.769L1451.91,940.945L1452.04,940.945C1452.3,940.529 1452.58,940.247 1452.89,940.097C1453.21,939.948 1453.68,939.873 1454.31,939.873C1455.17,939.873 1455.84,940.004 1456.31,940.265C1456.78,940.527 1457.11,940.964 1457.31,941.577C1457.51,942.191 1457.61,943.068 1457.61,944.209C1457.61,945.361 1457.51,946.247 1457.3,946.865C1457.1,947.484 1456.76,947.924 1456.29,948.185C1455.81,948.447 1455.14,948.577 1454.26,948.577ZM1451.88,944.209C1451.88,945.041 1451.94,945.684 1452.07,946.137C1452.2,946.591 1452.41,946.911 1452.7,947.097C1453,947.284 1453.42,947.377 1453.98,947.377C1454.57,947.377 1455.03,947.281 1455.35,947.089C1455.67,946.897 1455.9,946.577 1456.04,946.129C1456.18,945.681 1456.25,945.041 1456.25,944.209C1456.25,943.388 1456.18,942.753 1456.04,942.305C1455.9,941.857 1455.67,941.54 1455.35,941.353C1455.03,941.167 1454.57,941.073 1453.98,941.073C1453.42,941.073 1453,941.167 1452.7,941.353C1452.41,941.54 1452.2,941.857 1452.07,942.305C1451.94,942.753 1451.88,943.388 1451.88,944.209Z" style="fill-rule:nonzero;"/>
+            <path d="M1463.53,948.577C1462.63,948.577 1461.94,948.503 1461.45,948.353C1460.96,948.204 1460.61,947.948 1460.41,947.585C1460.2,947.223 1460.1,946.711 1460.1,946.049L1461.46,946.049C1461.48,946.412 1461.56,946.687 1461.7,946.873C1461.84,947.06 1462.06,947.193 1462.37,947.273C1462.67,947.353 1463.1,947.393 1463.65,947.393C1464.14,947.393 1464.52,947.356 1464.79,947.281C1465.06,947.207 1465.25,947.084 1465.36,946.913C1465.47,946.743 1465.53,946.497 1465.53,946.177C1465.53,945.889 1465.45,945.652 1465.31,945.465C1465.17,945.279 1464.92,945.119 1464.58,944.985C1464.24,944.852 1463.75,944.721 1463.11,944.593C1462.35,944.444 1461.77,944.273 1461.36,944.081C1460.95,943.889 1460.65,943.647 1460.48,943.353C1460.3,943.06 1460.21,942.679 1460.21,942.209C1460.21,941.591 1460.31,941.116 1460.51,940.785C1460.71,940.455 1461.04,940.217 1461.5,940.073C1461.97,939.929 1462.63,939.857 1463.5,939.857C1464.31,939.857 1464.93,939.921 1465.37,940.049C1465.8,940.177 1466.12,940.399 1466.33,940.713C1466.53,941.028 1466.65,941.473 1466.68,942.049L1465.35,942.049C1465.3,941.655 1465.14,941.388 1464.87,941.249C1464.6,941.111 1464.14,941.041 1463.48,941.041C1462.97,941.041 1462.57,941.076 1462.3,941.145C1462.02,941.215 1461.82,941.335 1461.7,941.505C1461.59,941.676 1461.53,941.916 1461.53,942.225C1461.53,942.407 1461.6,942.567 1461.76,942.705C1461.91,942.844 1462.17,942.98 1462.54,943.113C1462.9,943.247 1463.41,943.399 1464.09,943.569C1464.82,943.751 1465.39,943.948 1465.78,944.161C1466.18,944.375 1466.45,944.636 1466.62,944.945C1466.78,945.255 1466.86,945.655 1466.86,946.145C1466.86,946.785 1466.75,947.279 1466.55,947.625C1466.35,947.972 1466.01,948.217 1465.54,948.361C1465.07,948.505 1464.4,948.577 1463.53,948.577Z" style="fill-rule:nonzero;"/>
+            <path d="M1472.31,936.769L1474.15,936.769L1474.15,938.593L1472.31,938.593L1472.31,936.769ZM1470.12,947.233L1472.82,947.233L1472.82,941.233L1470.28,941.233L1470.28,940.065L1474.13,940.065L1474.13,947.233L1476.73,947.233L1476.73,948.401L1470.12,948.401L1470.12,947.233Z" style="fill-rule:nonzero;"/>
+            <path d="M1483.7,948.593C1483.02,948.593 1482.51,948.503 1482.17,948.321C1481.83,948.14 1481.6,947.863 1481.48,947.489C1481.36,947.116 1481.3,946.588 1481.3,945.905L1481.3,941.249L1479.14,941.249L1479.46,940.065L1481.37,940.065L1481.37,938.193L1482.62,937.665L1482.62,940.065L1485.54,940.065L1485.54,941.249L1482.62,941.249L1482.62,945.841C1482.62,946.215 1482.65,946.508 1482.74,946.721C1482.82,946.935 1482.97,947.097 1483.2,947.209C1483.43,947.321 1483.77,947.377 1484.23,947.377C1484.64,947.377 1485.19,947.329 1485.89,947.233L1485.89,948.417C1484.96,948.535 1484.23,948.593 1483.7,948.593Z" style="fill-rule:nonzero;"/>
+            <path d="M1492.42,948.577C1491.46,948.577 1490.73,948.449 1490.22,948.193C1489.72,947.937 1489.36,947.5 1489.15,946.881C1488.94,946.263 1488.84,945.367 1488.84,944.193C1488.84,943.052 1488.94,942.172 1489.16,941.553C1489.37,940.935 1489.73,940.5 1490.22,940.249C1490.72,939.999 1491.41,939.873 1492.3,939.873C1493.26,939.873 1493.98,940.015 1494.46,940.297C1494.95,940.58 1495.28,941.063 1495.46,941.745C1495.64,942.428 1495.72,943.436 1495.7,944.769L1490.18,944.769C1490.21,945.473 1490.3,946.012 1490.44,946.385C1490.58,946.759 1490.8,947.02 1491.1,947.169C1491.41,947.319 1491.84,947.393 1492.41,947.393C1492.94,947.393 1493.33,947.316 1493.58,947.161C1493.82,947.007 1494.01,946.705 1494.15,946.257L1495.54,946.257C1495.42,946.876 1495.26,947.351 1495.04,947.681C1494.82,948.012 1494.51,948.244 1494.1,948.377C1493.7,948.511 1493.14,948.577 1492.42,948.577ZM1494.42,943.601C1494.4,942.919 1494.32,942.399 1494.19,942.041C1494.06,941.684 1493.84,941.431 1493.55,941.281C1493.26,941.132 1492.84,941.057 1492.3,941.057C1491.78,941.057 1491.38,941.132 1491.1,941.281C1490.82,941.431 1490.61,941.684 1490.48,942.041C1490.35,942.399 1490.25,942.919 1490.2,943.601L1494.42,943.601Z" style="fill-rule:nonzero;"/>
+            <path d="M1380.57,972.234C1379.89,972.234 1379.36,972.141 1378.99,971.954C1378.63,971.767 1378.37,971.447 1378.21,970.994C1378.06,970.541 1377.98,969.898 1377.98,969.066L1377.98,963.722L1379.32,963.722L1379.32,969.098C1379.32,969.599 1379.37,969.989 1379.47,970.266C1379.58,970.543 1379.74,970.741 1379.98,970.858C1380.21,970.975 1380.54,971.034 1380.97,971.034C1381.59,971.034 1382.06,970.943 1382.39,970.762C1382.73,970.581 1382.96,970.277 1383.11,969.85C1383.25,969.423 1383.32,968.821 1383.32,968.042L1383.32,963.722L1384.65,963.722L1384.65,972.074L1383.32,972.074L1383.32,970.826L1383.21,970.826C1382.96,971.359 1382.65,971.727 1382.28,971.93C1381.91,972.133 1381.34,972.234 1380.57,972.234Z" style="fill-rule:nonzero;"/>
+            <path d="M1387.61,963.722L1388.94,963.722L1388.94,964.586L1389.05,964.586C1389.36,964.17 1389.67,963.887 1389.99,963.738C1390.3,963.589 1390.74,963.514 1391.29,963.514C1392.16,963.514 1392.84,963.645 1393.31,963.906C1393.79,964.167 1394.13,964.607 1394.33,965.226C1394.53,965.845 1394.63,966.73 1394.63,967.882C1394.63,969.023 1394.54,969.903 1394.34,970.522C1394.14,971.141 1393.81,971.581 1393.34,971.842C1392.87,972.103 1392.2,972.234 1391.32,972.234C1390.7,972.234 1390.24,972.159 1389.92,972.01C1389.61,971.861 1389.32,971.578 1389.07,971.162L1388.94,971.162L1388.94,975.514L1387.61,975.514L1387.61,963.722ZM1388.91,967.882C1388.91,968.714 1388.97,969.354 1389.1,969.802C1389.23,970.25 1389.44,970.567 1389.73,970.754C1390.02,970.941 1390.45,971.034 1391,971.034C1391.6,971.034 1392.06,970.941 1392.38,970.754C1392.7,970.567 1392.93,970.247 1393.07,969.794C1393.2,969.341 1393.27,968.703 1393.27,967.882C1393.27,967.05 1393.2,966.41 1393.07,965.962C1392.93,965.514 1392.7,965.194 1392.38,965.002C1392.06,964.81 1391.6,964.714 1391,964.714C1390.45,964.714 1390.02,964.807 1389.73,964.994C1389.44,965.181 1389.23,965.501 1389.1,965.954C1388.97,966.407 1388.91,967.05 1388.91,967.882Z" style="fill-rule:nonzero;"/>
+            <path d="M1397.19,970.89L1400.04,970.89L1400.04,961.626L1397.35,961.626L1397.35,960.426L1401.34,960.426L1401.34,970.89L1403.99,970.89L1403.99,972.074L1397.19,972.074L1397.19,970.89Z" style="fill-rule:nonzero;"/>
+            <path d="M1410.14,972.234C1409.2,972.234 1408.48,972.103 1407.97,971.842C1407.46,971.581 1407.1,971.141 1406.89,970.522C1406.68,969.903 1406.57,969.023 1406.57,967.882C1406.57,966.73 1406.68,965.845 1406.89,965.226C1407.1,964.607 1407.46,964.167 1407.97,963.906C1408.48,963.645 1409.2,963.514 1410.14,963.514C1411.08,963.514 1411.8,963.645 1412.31,963.906C1412.83,964.167 1413.19,964.61 1413.4,965.234C1413.62,965.858 1413.72,966.741 1413.72,967.882C1413.72,969.023 1413.62,969.903 1413.4,970.522C1413.19,971.141 1412.83,971.581 1412.31,971.842C1411.8,972.103 1411.08,972.234 1410.14,972.234ZM1407.91,967.882C1407.91,968.714 1407.98,969.354 1408.11,969.802C1408.25,970.25 1408.47,970.567 1408.79,970.754C1409.1,970.941 1409.55,971.034 1410.14,971.034C1410.73,971.034 1411.18,970.941 1411.5,970.754C1411.82,970.567 1412.05,970.25 1412.18,969.802C1412.31,969.354 1412.38,968.714 1412.38,967.882C1412.38,967.039 1412.31,966.394 1412.18,965.946C1412.05,965.498 1411.82,965.178 1411.5,964.986C1411.18,964.794 1410.73,964.698 1410.14,964.698C1409.55,964.698 1409.1,964.794 1408.79,964.986C1408.47,965.178 1408.25,965.498 1408.11,965.946C1407.98,966.394 1407.91,967.039 1407.91,967.882Z" style="fill-rule:nonzero;"/>
+            <path d="M1418.94,972.234C1418.26,972.234 1417.73,972.159 1417.36,972.01C1416.99,971.861 1416.73,971.61 1416.58,971.258C1416.42,970.906 1416.35,970.405 1416.35,969.754C1416.35,968.986 1416.46,968.391 1416.68,967.97C1416.91,967.549 1417.28,967.25 1417.81,967.074C1418.34,966.898 1419.09,966.81 1420.06,966.81L1421.56,966.81L1421.56,966.41C1421.56,965.962 1421.51,965.615 1421.39,965.37C1421.28,965.125 1421.09,964.949 1420.82,964.842C1420.55,964.735 1420.16,964.682 1419.66,964.682C1419.01,964.682 1418.57,964.765 1418.33,964.93C1418.1,965.095 1417.97,965.413 1417.95,965.882L1416.6,965.882C1416.6,965.263 1416.69,964.786 1416.87,964.45C1417.06,964.114 1417.37,963.874 1417.8,963.73C1418.24,963.586 1418.86,963.514 1419.66,963.514C1420.49,963.514 1421.13,963.599 1421.59,963.77C1422.04,963.941 1422.36,964.234 1422.55,964.65C1422.73,965.066 1422.83,965.653 1422.83,966.41L1422.83,972.074L1421.61,972.074L1421.61,971.002L1421.5,971.002C1421.22,971.471 1420.9,971.794 1420.55,971.97C1420.19,972.146 1419.65,972.234 1418.94,972.234ZM1417.69,969.61C1417.69,970.165 1417.8,970.541 1418.03,970.738C1418.25,970.935 1418.67,971.034 1419.27,971.034C1419.87,971.034 1420.33,970.941 1420.65,970.754C1420.97,970.567 1421.2,970.255 1421.34,969.818C1421.48,969.381 1421.55,968.757 1421.55,967.946L1419.74,967.962C1419.2,967.973 1418.79,968.029 1418.5,968.13C1418.2,968.231 1418,968.397 1417.87,968.626C1417.75,968.855 1417.69,969.183 1417.69,969.61Z" style="fill-rule:nonzero;"/>
+            <path d="M1428.97,972.234C1428.1,972.234 1427.42,972.103 1426.95,971.842C1426.47,971.581 1426.13,971.141 1425.93,970.522C1425.73,969.903 1425.63,969.018 1425.63,967.866C1425.63,966.725 1425.73,965.847 1425.92,965.234C1426.12,964.621 1426.45,964.183 1426.92,963.922C1427.39,963.661 1428.06,963.53 1428.92,963.53C1429.55,963.53 1430.03,963.605 1430.35,963.754C1430.67,963.903 1430.95,964.186 1431.19,964.602L1431.32,964.602L1431.32,960.426L1432.65,960.426L1432.65,972.074L1431.32,972.074L1431.32,971.162L1431.21,971.162C1430.91,971.578 1430.61,971.861 1430.29,972.01C1429.98,972.159 1429.54,972.234 1428.97,972.234ZM1426.99,967.866C1426.99,968.698 1427.06,969.338 1427.19,969.786C1427.33,970.234 1427.56,970.554 1427.88,970.746C1428.2,970.938 1428.66,971.034 1429.26,971.034C1429.81,971.034 1430.24,970.941 1430.53,970.754C1430.82,970.567 1431.03,970.247 1431.16,969.794C1431.29,969.341 1431.35,968.698 1431.35,967.866C1431.35,967.045 1431.29,966.41 1431.16,965.962C1431.03,965.514 1430.82,965.197 1430.53,965.01C1430.24,964.823 1429.81,964.73 1429.26,964.73C1428.66,964.73 1428.2,964.823 1427.88,965.01C1427.56,965.197 1427.33,965.514 1427.19,965.962C1427.06,966.41 1426.99,967.045 1426.99,967.866Z" style="fill-rule:nonzero;"/>
+            <path d="M1448.17,972.234C1447.3,972.234 1446.62,972.103 1446.15,971.842C1445.67,971.581 1445.33,971.141 1445.13,970.522C1444.93,969.903 1444.83,969.018 1444.83,967.866C1444.83,966.725 1444.92,965.847 1445.12,965.234C1445.32,964.621 1445.65,964.183 1446.12,963.922C1446.59,963.661 1447.26,963.53 1448.12,963.53C1448.75,963.53 1449.23,963.605 1449.55,963.754C1449.87,963.903 1450.15,964.186 1450.39,964.602L1450.52,964.602L1450.52,960.426L1451.85,960.426L1451.85,972.074L1450.52,972.074L1450.52,971.162L1450.41,971.162C1450.11,971.578 1449.81,971.861 1449.49,972.01C1449.17,972.159 1448.74,972.234 1448.17,972.234ZM1446.19,967.866C1446.19,968.698 1446.26,969.338 1446.39,969.786C1446.53,970.234 1446.76,970.554 1447.08,970.746C1447.4,970.938 1447.86,971.034 1448.46,971.034C1449.01,971.034 1449.44,970.941 1449.73,970.754C1450.02,970.567 1450.23,970.247 1450.36,969.794C1450.49,969.341 1450.55,968.698 1450.55,967.866C1450.55,967.045 1450.49,966.41 1450.36,965.962C1450.23,965.514 1450.02,965.197 1449.73,965.01C1449.44,964.823 1449.01,964.73 1448.46,964.73C1447.86,964.73 1447.4,964.823 1447.08,965.01C1446.76,965.197 1446.53,965.514 1446.39,965.962C1446.26,966.41 1446.19,967.045 1446.19,967.866Z" style="fill-rule:nonzero;"/>
+            <path d="M1458.14,972.234C1457.2,972.234 1456.48,972.103 1455.97,971.842C1455.46,971.581 1455.1,971.141 1454.89,970.522C1454.68,969.903 1454.57,969.023 1454.57,967.882C1454.57,966.73 1454.68,965.845 1454.89,965.226C1455.1,964.607 1455.46,964.167 1455.97,963.906C1456.48,963.645 1457.2,963.514 1458.14,963.514C1459.08,963.514 1459.8,963.645 1460.31,963.906C1460.83,964.167 1461.19,964.61 1461.4,965.234C1461.62,965.858 1461.72,966.741 1461.72,967.882C1461.72,969.023 1461.62,969.903 1461.4,970.522C1461.19,971.141 1460.83,971.581 1460.31,971.842C1459.8,972.103 1459.08,972.234 1458.14,972.234ZM1455.91,967.882C1455.91,968.714 1455.98,969.354 1456.11,969.802C1456.25,970.25 1456.47,970.567 1456.79,970.754C1457.1,970.941 1457.55,971.034 1458.14,971.034C1458.73,971.034 1459.18,970.941 1459.5,970.754C1459.82,970.567 1460.05,970.25 1460.18,969.802C1460.31,969.354 1460.38,968.714 1460.38,967.882C1460.38,967.039 1460.31,966.394 1460.18,965.946C1460.05,965.498 1459.82,965.178 1459.5,964.986C1459.18,964.794 1458.73,964.698 1458.14,964.698C1457.55,964.698 1457.1,964.794 1456.79,964.986C1456.47,965.178 1456.25,965.498 1456.11,965.946C1455.98,966.394 1455.91,967.039 1455.91,967.882Z" style="fill-rule:nonzero;"/>
+            <path d="M1468.01,972.234C1467.06,972.234 1466.33,972.103 1465.81,971.842C1465.29,971.581 1464.92,971.143 1464.71,970.53C1464.49,969.917 1464.38,969.039 1464.38,967.898C1464.38,966.746 1464.49,965.858 1464.71,965.234C1464.92,964.61 1465.29,964.167 1465.8,963.906C1466.31,963.645 1467.04,963.514 1467.98,963.514C1468.77,963.514 1469.38,963.594 1469.82,963.754C1470.26,963.914 1470.58,964.183 1470.78,964.562C1470.98,964.941 1471.1,965.477 1471.15,966.17L1469.82,966.17C1469.71,965.615 1469.54,965.237 1469.29,965.034C1469.05,964.831 1468.64,964.73 1468.07,964.73C1467.45,964.73 1466.98,964.826 1466.65,965.018C1466.32,965.21 1466.08,965.533 1465.94,965.986C1465.79,966.439 1465.72,967.087 1465.72,967.93C1465.72,968.741 1465.79,969.365 1465.94,969.802C1466.08,970.239 1466.32,970.551 1466.66,970.738C1466.99,970.925 1467.47,971.018 1468.09,971.018C1468.64,971.018 1469.04,970.93 1469.28,970.754C1469.52,970.578 1469.7,970.245 1469.82,969.754L1471.15,969.754C1471.1,970.405 1470.98,970.906 1470.78,971.258C1470.58,971.61 1470.26,971.861 1469.83,972.01C1469.39,972.159 1468.79,972.234 1468.01,972.234Z" style="fill-rule:nonzero;"/>
+            <path d="M1477.37,972.234C1476.47,972.234 1475.78,972.159 1475.29,972.01C1474.8,971.861 1474.45,971.605 1474.25,971.242C1474.05,970.879 1473.95,970.367 1473.95,969.706L1475.31,969.706C1475.33,970.069 1475.41,970.343 1475.55,970.53C1475.68,970.717 1475.91,970.85 1476.21,970.93C1476.51,971.01 1476.94,971.05 1477.5,971.05C1477.99,971.05 1478.37,971.013 1478.63,970.938C1478.9,970.863 1479.09,970.741 1479.2,970.57C1479.31,970.399 1479.37,970.154 1479.37,969.834C1479.37,969.546 1479.3,969.309 1479.15,969.122C1479.01,968.935 1478.77,968.775 1478.43,968.642C1478.09,968.509 1477.59,968.378 1476.95,968.25C1476.2,968.101 1475.61,967.93 1475.2,967.738C1474.79,967.546 1474.5,967.303 1474.32,967.01C1474.15,966.717 1474.06,966.335 1474.06,965.866C1474.06,965.247 1474.16,964.773 1474.35,964.442C1474.55,964.111 1474.88,963.874 1475.35,963.73C1475.81,963.586 1476.47,963.514 1477.34,963.514C1478.15,963.514 1478.77,963.578 1479.21,963.706C1479.65,963.834 1479.97,964.055 1480.17,964.37C1480.37,964.685 1480.49,965.13 1480.52,965.706L1479.19,965.706C1479.14,965.311 1478.98,965.045 1478.71,964.906C1478.45,964.767 1477.98,964.698 1477.32,964.698C1476.81,964.698 1476.41,964.733 1476.14,964.802C1475.86,964.871 1475.66,964.991 1475.55,965.162C1475.43,965.333 1475.37,965.573 1475.37,965.882C1475.37,966.063 1475.45,966.223 1475.6,966.362C1475.76,966.501 1476.02,966.637 1476.38,966.77C1476.74,966.903 1477.26,967.055 1477.93,967.226C1478.67,967.407 1479.23,967.605 1479.63,967.818C1480.02,968.031 1480.3,968.293 1480.46,968.602C1480.62,968.911 1480.7,969.311 1480.7,969.802C1480.7,970.442 1480.6,970.935 1480.39,971.282C1480.19,971.629 1479.86,971.874 1479.39,972.018C1478.92,972.162 1478.25,972.234 1477.37,972.234Z" style="fill-rule:nonzero;"/>
+            <path d="M1327.03,922.387L1531.65,922.387" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image5" x="1242.73" y="194.768" width="370.716px" height="440.716px" transform="matrix(0.999234,0,0,0.999355,0,0)"/>
+        <path d="M1607.14,204.861C1607.14,202.178 1604.96,200 1602.28,200L1252,200C1249.32,200 1247.14,202.178 1247.14,204.861L1247.14,625.139C1247.14,627.822 1249.32,630 1252,630L1602.28,630C1604.96,630 1607.14,627.822 1607.14,625.139L1607.14,204.861Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1247.14,240L1602.74,240" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1387.57,226.736C1386.81,226.736 1386.22,226.635 1385.83,226.432C1385.43,226.229 1385.17,225.928 1385.03,225.528C1384.89,225.128 1384.82,224.581 1384.82,223.888L1384.82,219.856L1382.76,219.856L1383.14,218.208L1384.89,218.208L1384.89,216.512L1386.74,215.728L1386.74,218.208L1389.86,218.208L1389.86,219.856L1386.74,219.856L1386.74,223.824C1386.74,224.165 1386.77,224.416 1386.83,224.576C1386.89,224.736 1387.02,224.853 1387.21,224.928C1387.41,225.003 1387.71,225.04 1388.12,225.04C1388.58,225.04 1389.24,224.976 1390.12,224.848L1390.12,226.528C1389.01,226.667 1388.16,226.736 1387.57,226.736Z" style="fill-rule:nonzero;"/>
+        <path d="M1396.28,226.704C1395.23,226.704 1394.43,226.573 1393.86,226.312C1393.3,226.051 1392.89,225.605 1392.65,224.976C1392.41,224.347 1392.29,223.456 1392.29,222.304C1392.29,221.173 1392.41,220.301 1392.64,219.688C1392.87,219.075 1393.26,218.64 1393.81,218.384C1394.36,218.128 1395.14,218 1396.15,218C1397.12,218 1397.88,218.136 1398.42,218.408C1398.97,218.68 1399.36,219.133 1399.6,219.768C1399.84,220.403 1399.96,221.296 1399.96,222.448L1399.94,223.072L1394.26,223.072C1394.3,223.595 1394.39,223.997 1394.52,224.28C1394.65,224.563 1394.85,224.763 1395.12,224.88C1395.39,224.997 1395.77,225.056 1396.26,225.056C1396.74,225.056 1397.09,224.981 1397.31,224.832C1397.53,224.683 1397.7,224.405 1397.83,224L1399.81,224C1399.71,224.704 1399.53,225.248 1399.29,225.632C1399.04,226.016 1398.68,226.291 1398.21,226.456C1397.74,226.621 1397.1,226.704 1396.28,226.704ZM1398.04,221.552C1398.04,220.827 1397.9,220.328 1397.61,220.056C1397.33,219.784 1396.84,219.648 1396.15,219.648C1395.48,219.648 1395,219.787 1394.71,220.064C1394.42,220.341 1394.28,220.837 1394.28,221.552L1398.04,221.552Z" style="fill-rule:nonzero;"/>
+        <path d="M1405.77,226.704C1404.74,226.704 1403.95,226.619 1403.41,226.448C1402.86,226.277 1402.47,225.984 1402.25,225.568C1402.02,225.152 1401.92,224.565 1401.94,223.808L1403.91,223.808C1403.92,224.139 1403.98,224.392 1404.1,224.568C1404.22,224.744 1404.42,224.869 1404.7,224.944C1404.98,225.019 1405.39,225.056 1405.91,225.056C1406.54,225.056 1406.97,224.995 1407.21,224.872C1407.44,224.749 1407.56,224.523 1407.56,224.192C1407.56,223.979 1407.49,223.8 1407.36,223.656C1407.22,223.512 1407,223.387 1406.68,223.28C1406.36,223.173 1405.9,223.067 1405.32,222.96C1404.46,222.8 1403.81,222.621 1403.34,222.424C1402.88,222.227 1402.55,221.976 1402.35,221.672C1402.15,221.368 1402.05,220.965 1402.05,220.464C1402.05,219.813 1402.16,219.315 1402.38,218.968C1402.6,218.621 1402.97,218.373 1403.5,218.224C1404.03,218.075 1404.77,218 1405.73,218C1406.67,218 1407.4,218.077 1407.91,218.232C1408.42,218.387 1408.78,218.648 1409,219.016C1409.21,219.384 1409.32,219.909 1409.33,220.592L1407.41,220.592C1407.39,220.229 1407.26,219.981 1407.02,219.848C1406.78,219.715 1406.35,219.648 1405.72,219.648C1405.06,219.648 1404.6,219.707 1404.36,219.824C1404.11,219.941 1403.99,220.16 1403.99,220.48C1403.99,220.651 1404.16,220.803 1404.49,220.936C1404.83,221.069 1405.48,221.248 1406.45,221.472C1407.25,221.653 1407.87,221.853 1408.31,222.072C1408.75,222.291 1409.06,222.565 1409.25,222.896C1409.43,223.227 1409.53,223.653 1409.53,224.176C1409.53,224.837 1409.41,225.349 1409.19,225.712C1408.97,226.075 1408.58,226.331 1408.05,226.48C1407.51,226.629 1406.75,226.704 1405.77,226.704Z" style="fill-rule:nonzero;"/>
+        <path d="M1416.37,226.736C1415.61,226.736 1415.02,226.635 1414.63,226.432C1414.24,226.229 1413.97,225.928 1413.83,225.528C1413.69,225.128 1413.62,224.581 1413.62,223.888L1413.62,219.856L1411.56,219.856L1411.94,218.208L1413.69,218.208L1413.69,216.512L1415.54,215.728L1415.54,218.208L1418.66,218.208L1418.66,219.856L1415.54,219.856L1415.54,223.824C1415.54,224.165 1415.57,224.416 1415.63,224.576C1415.69,224.736 1415.82,224.853 1416.01,224.928C1416.21,225.003 1416.51,225.04 1416.92,225.04C1417.38,225.04 1418.04,224.976 1418.92,224.848L1418.92,226.528C1417.81,226.667 1416.96,226.736 1416.37,226.736Z" style="fill-rule:nonzero;"/>
+        <path d="M1436.42,214.064L1438.36,214.064L1432.61,228.592L1430.69,228.592L1436.42,214.064Z" style="fill-rule:nonzero;"/>
+        <path d="M1453.13,214.912L1455.57,214.912L1455.57,217.168L1453.13,217.168L1453.13,214.912ZM1450.57,228.736C1451.43,228.608 1452.08,228.483 1452.5,228.36C1452.93,228.237 1453.22,228.08 1453.38,227.888C1453.54,227.696 1453.62,227.429 1453.62,227.088L1453.62,219.872L1451.13,219.872L1451.13,218.208L1455.54,218.208L1455.54,227.168C1455.54,227.989 1455.41,228.608 1455.15,229.024C1454.89,229.44 1454.41,229.749 1453.73,229.952C1453.04,230.155 1451.98,230.304 1450.57,230.4L1450.57,228.736Z" style="fill-rule:nonzero;"/>
+        <path d="M1463.37,226.704C1462.34,226.704 1461.56,226.619 1461.01,226.448C1460.46,226.277 1460.07,225.984 1459.85,225.568C1459.62,225.152 1459.52,224.565 1459.54,223.808L1461.51,223.808C1461.52,224.139 1461.58,224.392 1461.7,224.568C1461.82,224.744 1462.02,224.869 1462.3,224.944C1462.58,225.019 1462.99,225.056 1463.51,225.056C1464.14,225.056 1464.57,224.995 1464.81,224.872C1465.04,224.749 1465.16,224.523 1465.16,224.192C1465.16,223.979 1465.09,223.8 1464.96,223.656C1464.82,223.512 1464.6,223.387 1464.28,223.28C1463.96,223.173 1463.5,223.067 1462.92,222.96C1462.06,222.8 1461.41,222.621 1460.94,222.424C1460.48,222.227 1460.15,221.976 1459.95,221.672C1459.75,221.368 1459.65,220.965 1459.65,220.464C1459.65,219.813 1459.76,219.315 1459.98,218.968C1460.2,218.621 1460.57,218.373 1461.1,218.224C1461.63,218.075 1462.37,218 1463.33,218C1464.27,218 1465,218.077 1465.51,218.232C1466.02,218.387 1466.38,218.648 1466.6,219.016C1466.81,219.384 1466.92,219.909 1466.93,220.592L1465.01,220.592C1464.99,220.229 1464.86,219.981 1464.62,219.848C1464.38,219.715 1463.95,219.648 1463.32,219.648C1462.66,219.648 1462.2,219.707 1461.96,219.824C1461.71,219.941 1461.59,220.16 1461.59,220.48C1461.59,220.651 1461.76,220.803 1462.09,220.936C1462.43,221.069 1463.08,221.248 1464.05,221.472C1464.85,221.653 1465.47,221.853 1465.91,222.072C1466.35,222.291 1466.66,222.565 1466.85,222.896C1467.03,223.227 1467.13,223.653 1467.13,224.176C1467.13,224.837 1467.01,225.349 1466.79,225.712C1466.57,226.075 1466.18,226.331 1465.65,226.48C1465.11,226.629 1464.35,226.704 1463.37,226.704Z" style="fill-rule:nonzero;"/>
+        <path d="M1387.14,290.262L1387.14,352.5" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <path d="M1467.14,290.262L1467.14,327.548" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <path d="M1477.32,477.5L1477.32,550" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <g>
+            <rect x="1460.38" y="314.02" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1463.14,316.786C1463.61,316.321 1464.36,316.321 1464.82,316.786L1467.14,319.108L1469.46,316.786C1469.93,316.321 1470.68,316.321 1471.14,316.786C1471.6,317.25 1471.6,318.001 1471.14,318.461L1468.82,320.784L1471.14,323.107C1471.6,323.571 1471.6,324.322 1471.14,324.782C1470.67,325.242 1469.92,325.246 1469.46,324.782L1467.14,322.459L1464.82,324.782C1464.35,325.246 1463.6,325.246 1463.14,324.782C1462.68,324.317 1462.68,323.566 1463.14,323.107L1465.46,320.784L1463.14,318.461C1462.68,317.996 1462.68,317.245 1463.14,316.786Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1470.56" y="508.714" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1473.32,511.479C1473.79,511.015 1474.54,511.015 1475,511.479L1477.32,513.802L1479.64,511.479C1480.11,511.015 1480.86,511.015 1481.32,511.479C1481.78,511.944 1481.78,512.695 1481.32,513.155L1479,515.478L1481.32,517.8C1481.78,518.265 1481.78,519.016 1481.32,519.476C1480.85,519.935 1480.1,519.94 1479.64,519.476L1477.32,517.153L1475,519.476C1474.53,519.94 1473.78,519.94 1473.32,519.476C1472.86,519.011 1472.86,518.26 1473.32,517.8L1475.64,515.478L1473.32,513.155C1472.86,512.69 1472.86,511.939 1473.32,511.479Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1380.38" y="313.975" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1391.62,318.878L1386.55,323.948C1386.17,324.321 1385.57,324.321 1385.2,323.948L1382.67,321.413C1382.3,321.041 1382.3,320.438 1382.67,320.07C1383.04,319.702 1383.64,319.698 1384.01,320.07L1385.87,321.932L1390.27,317.531C1390.64,317.158 1391.25,317.158 1391.61,317.531C1391.98,317.903 1391.99,318.505 1391.61,318.874L1391.62,318.878Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <path d="M1372.56,477.5L1372.56,550" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <g>
+            <rect x="1365.8" y="508.714" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1377.04,513.616L1371.97,518.686C1371.6,519.059 1371,519.059 1370.63,518.686L1368.09,516.151C1367.72,515.779 1367.72,515.177 1368.09,514.808C1368.46,514.44 1369.07,514.436 1369.43,514.808L1371.3,516.67L1375.69,512.269C1376.07,511.897 1376.67,511.897 1377.04,512.269C1377.4,512.641 1377.41,513.243 1377.04,513.612L1377.04,513.616Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <g>
+            <path d="M1527.14,260.409C1527.14,260.183 1526.96,260 1526.73,260L1327.55,260C1327.32,260 1327.14,260.183 1327.14,260.409L1327.14,289.853C1327.14,290.079 1327.32,290.262 1327.55,290.262L1526.73,290.262C1526.96,290.262 1527.14,290.079 1527.14,289.853L1527.14,260.409Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1395.64,279.579C1394.61,279.579 1393.82,279.451 1393.25,279.195C1392.69,278.939 1392.29,278.504 1392.06,277.891C1391.82,277.278 1391.7,276.406 1391.7,275.275C1391.7,274.123 1391.82,273.232 1392.06,272.603C1392.29,271.974 1392.69,271.528 1393.24,271.267C1393.8,271.006 1394.59,270.875 1395.61,270.875C1396.51,270.875 1397.2,270.966 1397.69,271.147C1398.18,271.328 1398.54,271.635 1398.75,272.067C1398.96,272.499 1399.08,273.11 1399.1,273.899L1397.21,273.899C1397.13,273.376 1396.99,273.022 1396.78,272.835C1396.57,272.648 1396.21,272.555 1395.71,272.555C1395.15,272.555 1394.73,272.638 1394.43,272.803C1394.13,272.968 1393.92,273.246 1393.8,273.635C1393.67,274.024 1393.61,274.576 1393.61,275.291C1393.61,275.974 1393.67,276.502 1393.8,276.875C1393.92,277.248 1394.14,277.512 1394.44,277.667C1394.74,277.822 1395.17,277.899 1395.72,277.899C1396.2,277.899 1396.55,277.816 1396.76,277.651C1396.98,277.486 1397.13,277.179 1397.22,276.731L1399.1,276.731C1399.08,277.478 1398.96,278.054 1398.75,278.459C1398.54,278.864 1398.19,279.152 1397.7,279.323C1397.22,279.494 1396.53,279.579 1395.64,279.579Z" style="fill-rule:nonzero;"/>
+            <path d="M1401.12,267.787L1403.03,267.787L1403.03,272.203L1403.15,272.203C1403.41,271.702 1403.7,271.355 1404.03,271.163C1404.35,270.971 1404.8,270.875 1405.37,270.875C1406.17,270.875 1406.79,270.971 1407.22,271.163C1407.64,271.355 1407.95,271.683 1408.13,272.147C1408.32,272.611 1408.41,273.27 1408.41,274.123L1408.41,279.435L1406.5,279.435L1406.5,274.091C1406.5,273.494 1406.39,273.086 1406.18,272.867C1405.96,272.648 1405.56,272.539 1404.96,272.539C1404.45,272.539 1404.06,272.614 1403.79,272.763C1403.51,272.912 1403.31,273.168 1403.2,273.531C1403.08,273.894 1403.03,274.411 1403.03,275.083L1403.03,279.435L1401.12,279.435L1401.12,267.787Z" style="fill-rule:nonzero;"/>
+            <path d="M1413.39,279.579C1412.63,279.579 1412.05,279.502 1411.63,279.347C1411.22,279.192 1410.93,278.931 1410.76,278.563C1410.59,278.195 1410.5,277.675 1410.5,277.003C1410.5,276.214 1410.62,275.603 1410.86,275.171C1411.1,274.739 1411.51,274.432 1412.08,274.251C1412.65,274.07 1413.47,273.979 1414.52,273.979L1415.76,273.979L1415.76,273.883C1415.76,273.35 1415.64,272.987 1415.41,272.795C1415.18,272.603 1414.75,272.507 1414.11,272.507C1413.54,272.507 1413.15,272.584 1412.95,272.739C1412.75,272.894 1412.65,273.19 1412.67,273.627L1410.77,273.627C1410.74,272.902 1410.82,272.344 1411.01,271.955C1411.2,271.566 1411.54,271.288 1412.03,271.123C1412.51,270.958 1413.21,270.875 1414.11,270.875C1415.02,270.875 1415.72,270.966 1416.22,271.147C1416.71,271.328 1417.07,271.632 1417.27,272.059C1417.48,272.486 1417.59,273.094 1417.59,273.883L1417.59,279.435L1415.8,279.435L1415.8,278.443L1415.68,278.443C1415.39,278.88 1415.08,279.179 1414.76,279.339C1414.43,279.499 1413.98,279.579 1413.39,279.579ZM1412.41,276.859C1412.41,277.264 1412.5,277.542 1412.68,277.691C1412.87,277.84 1413.21,277.915 1413.72,277.915C1414.25,277.915 1414.65,277.846 1414.93,277.707C1415.21,277.568 1415.41,277.334 1415.53,277.003C1415.65,276.672 1415.72,276.198 1415.74,275.579L1414.19,275.595C1413.72,275.606 1413.36,275.648 1413.11,275.723C1412.85,275.798 1412.67,275.923 1412.57,276.099C1412.46,276.275 1412.41,276.528 1412.41,276.859Z" style="fill-rule:nonzero;"/>
+            <path d="M1419.88,271.083L1421.79,271.083L1421.79,272.235L1421.92,272.235C1422.21,271.712 1422.51,271.355 1422.83,271.163C1423.14,270.971 1423.58,270.875 1424.15,270.875C1424.95,270.875 1425.56,270.974 1425.98,271.171C1426.41,271.368 1426.72,271.699 1426.9,272.163C1427.08,272.627 1427.17,273.291 1427.17,274.155L1427.17,279.435L1425.27,279.435L1425.27,274.123C1425.27,273.536 1425.16,273.136 1424.94,272.923C1424.73,272.71 1424.33,272.603 1423.75,272.603C1423.24,272.603 1422.84,272.678 1422.57,272.827C1422.29,272.976 1422.09,273.23 1421.97,273.587C1421.85,273.944 1421.79,274.448 1421.79,275.099L1421.79,279.435L1419.88,279.435L1419.88,271.083Z" style="fill-rule:nonzero;"/>
+            <path d="M1432.93,282.955C1431.99,282.955 1431.27,282.87 1430.75,282.699C1430.24,282.528 1429.88,282.243 1429.66,281.843C1429.44,281.443 1429.32,280.875 1429.3,280.139L1431.22,280.139C1431.24,280.47 1431.3,280.72 1431.39,280.891C1431.49,281.062 1431.65,281.182 1431.89,281.251C1432.12,281.32 1432.48,281.355 1432.94,281.355C1433.41,281.355 1433.78,281.299 1434.03,281.187C1434.29,281.075 1434.47,280.888 1434.57,280.627C1434.67,280.366 1434.73,279.995 1434.74,279.515L1434.76,278.299L1434.63,278.299C1434.49,278.619 1434.33,278.862 1434.16,279.027C1434,279.192 1433.78,279.31 1433.5,279.379C1433.22,279.448 1432.85,279.483 1432.37,279.483C1431.51,279.483 1430.84,279.355 1430.36,279.099C1429.88,278.843 1429.54,278.414 1429.32,277.811C1429.11,277.208 1429,276.358 1429,275.259C1429,274.118 1429.11,273.238 1429.32,272.619C1429.54,272 1429.9,271.56 1430.42,271.299C1430.93,271.038 1431.66,270.907 1432.6,270.907C1433.19,270.907 1433.63,270.99 1433.92,271.155C1434.21,271.32 1434.46,271.627 1434.66,272.075L1434.79,272.075L1434.79,271.083L1436.62,271.083L1436.62,279.675C1436.62,280.539 1436.51,281.203 1436.29,281.667C1436.07,282.131 1435.7,282.462 1435.17,282.659C1434.65,282.856 1433.9,282.955 1432.93,282.955ZM1430.91,275.259C1430.91,275.931 1430.97,276.451 1431.08,276.819C1431.2,277.187 1431.39,277.448 1431.67,277.603C1431.94,277.758 1432.33,277.835 1432.83,277.835C1433.34,277.835 1433.72,277.758 1433.99,277.603C1434.26,277.448 1434.46,277.187 1434.57,276.819C1434.68,276.451 1434.74,275.931 1434.74,275.259C1434.74,274.555 1434.68,274.011 1434.57,273.627C1434.46,273.243 1434.26,272.968 1433.99,272.803C1433.72,272.638 1433.34,272.555 1432.83,272.555C1432.33,272.555 1431.94,272.638 1431.67,272.803C1431.39,272.968 1431.2,273.243 1431.08,273.627C1430.97,274.011 1430.91,274.555 1430.91,275.259Z" style="fill-rule:nonzero;"/>
+            <path d="M1442.42,279.579C1441.4,279.579 1440.61,279.448 1440.06,279.187C1439.51,278.926 1439.11,278.48 1438.88,277.851C1438.64,277.222 1438.53,276.331 1438.53,275.179C1438.53,274.048 1438.64,273.176 1438.86,272.563C1439.09,271.95 1439.47,271.515 1440.01,271.259C1440.54,271.003 1441.31,270.875 1442.3,270.875C1443.25,270.875 1443.99,271.011 1444.52,271.283C1445.05,271.555 1445.43,272.008 1445.67,272.643C1445.9,273.278 1446.02,274.171 1446.02,275.323L1446,275.947L1440.45,275.947C1440.49,276.47 1440.58,276.872 1440.7,277.155C1440.83,277.438 1441.02,277.638 1441.29,277.755C1441.55,277.872 1441.93,277.931 1442.4,277.931C1442.88,277.931 1443.22,277.856 1443.43,277.707C1443.64,277.558 1443.81,277.28 1443.94,276.875L1445.88,276.875C1445.77,277.579 1445.6,278.123 1445.36,278.507C1445.12,278.891 1444.77,279.166 1444.31,279.331C1443.86,279.496 1443.22,279.579 1442.42,279.579ZM1444.14,274.427C1444.14,273.702 1444,273.203 1443.73,272.931C1443.45,272.659 1442.97,272.523 1442.3,272.523C1441.64,272.523 1441.17,272.662 1440.89,272.939C1440.61,273.216 1440.47,273.712 1440.47,274.427L1444.14,274.427Z" style="fill-rule:nonzero;"/>
+            <path d="M1451.69,279.579C1450.69,279.579 1449.92,279.494 1449.39,279.323C1448.85,279.152 1448.47,278.859 1448.25,278.443C1448.04,278.027 1447.94,277.44 1447.96,276.683L1449.88,276.683C1449.89,277.014 1449.95,277.267 1450.07,277.443C1450.18,277.619 1450.38,277.744 1450.65,277.819C1450.93,277.894 1451.33,277.931 1451.84,277.931C1452.45,277.931 1452.87,277.87 1453.1,277.747C1453.33,277.624 1453.45,277.398 1453.45,277.067C1453.45,276.854 1453.38,276.675 1453.25,276.531C1453.12,276.387 1452.9,276.262 1452.59,276.155C1452.27,276.048 1451.83,275.942 1451.26,275.835C1450.42,275.675 1449.78,275.496 1449.33,275.299C1448.87,275.102 1448.55,274.851 1448.36,274.547C1448.16,274.243 1448.07,273.84 1448.07,273.339C1448.07,272.688 1448.17,272.19 1448.39,271.843C1448.6,271.496 1448.97,271.248 1449.48,271.099C1450,270.95 1450.73,270.875 1451.66,270.875C1452.58,270.875 1453.29,270.952 1453.79,271.107C1454.29,271.262 1454.65,271.523 1454.85,271.891C1455.06,272.259 1455.17,272.784 1455.18,273.467L1453.31,273.467C1453.29,273.104 1453.16,272.856 1452.92,272.723C1452.69,272.59 1452.26,272.523 1451.65,272.523C1451,272.523 1450.56,272.582 1450.32,272.699C1450.08,272.816 1449.96,273.035 1449.96,273.355C1449.96,273.526 1450.12,273.678 1450.45,273.811C1450.78,273.944 1451.42,274.123 1452.37,274.347C1453.15,274.528 1453.75,274.728 1454.18,274.947C1454.61,275.166 1454.91,275.44 1455.1,275.771C1455.28,276.102 1455.37,276.528 1455.37,277.051C1455.37,277.712 1455.26,278.224 1455.04,278.587C1454.82,278.95 1454.45,279.206 1453.92,279.355C1453.4,279.504 1452.65,279.579 1451.69,279.579Z" style="fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M1573.02,550.405C1573.02,550.182 1572.84,550 1572.62,550L1277.55,550C1277.32,550 1277.14,550.182 1277.14,550.405L1277.14,579.595C1277.14,579.818 1277.32,580 1277.55,580L1572.62,580C1572.84,580 1573.02,579.818 1573.02,579.595L1573.02,550.405Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1444.57,571.369C1443.67,571.369 1442.98,571.294 1442.5,571.145C1442.02,570.996 1441.68,570.739 1441.49,570.375C1441.29,570.011 1441.2,569.498 1441.22,568.835L1442.94,568.835C1442.95,569.124 1443.01,569.346 1443.11,569.5C1443.21,569.654 1443.39,569.764 1443.63,569.829C1443.88,569.894 1444.23,569.927 1444.69,569.927C1445.24,569.927 1445.62,569.873 1445.83,569.766C1446.03,569.659 1446.13,569.46 1446.13,569.171C1446.13,568.984 1446.08,568.828 1445.96,568.702C1445.84,568.576 1445.64,568.466 1445.36,568.373C1445.08,568.28 1444.69,568.186 1444.17,568.093C1443.43,567.953 1442.85,567.797 1442.44,567.624C1442.04,567.451 1441.75,567.232 1441.58,566.966C1441.4,566.7 1441.32,566.348 1441.32,565.909C1441.32,565.34 1441.41,564.903 1441.6,564.6C1441.8,564.297 1442.12,564.08 1442.58,563.949C1443.05,563.818 1443.7,563.753 1444.54,563.753C1445.36,563.753 1445.99,563.821 1446.44,563.956C1446.89,564.091 1447.21,564.32 1447.39,564.642C1447.58,564.964 1447.68,565.424 1447.69,566.021L1446.01,566.021C1445.99,565.704 1445.87,565.487 1445.66,565.37C1445.45,565.253 1445.07,565.195 1444.52,565.195C1443.94,565.195 1443.55,565.246 1443.33,565.349C1443.12,565.452 1443.01,565.643 1443.01,565.923C1443.01,566.072 1443.16,566.205 1443.45,566.322C1443.75,566.439 1444.32,566.595 1445.17,566.791C1445.87,566.95 1446.41,567.125 1446.79,567.316C1447.17,567.507 1447.45,567.748 1447.61,568.037C1447.77,568.326 1447.86,568.7 1447.86,569.157C1447.86,569.736 1447.76,570.184 1447.56,570.501C1447.37,570.818 1447.03,571.042 1446.56,571.173C1446.09,571.304 1445.42,571.369 1444.57,571.369Z" style="fill-rule:nonzero;"/>
+            <path d="M1453.85,571.397C1453.17,571.397 1452.67,571.308 1452.32,571.131C1451.98,570.954 1451.74,570.69 1451.62,570.34C1451.5,569.99 1451.44,569.512 1451.44,568.905L1451.44,565.377L1449.63,565.377L1449.97,563.935L1451.5,563.935L1451.5,562.451L1453.12,561.765L1453.12,563.935L1455.85,563.935L1455.85,565.377L1453.12,565.377L1453.12,568.849C1453.12,569.148 1453.14,569.367 1453.2,569.507C1453.25,569.647 1453.36,569.75 1453.53,569.815C1453.7,569.88 1453.97,569.913 1454.32,569.913C1454.73,569.913 1455.31,569.857 1456.07,569.745L1456.07,571.215C1455.1,571.336 1454.36,571.397 1453.85,571.397Z" style="fill-rule:nonzero;"/>
+            <path d="M1460.68,571.369C1460,571.369 1459.47,571.301 1459.1,571.166C1458.74,571.031 1458.47,570.802 1458.32,570.48C1458.17,570.158 1458.09,569.703 1458.09,569.115C1458.09,568.424 1458.2,567.89 1458.41,567.512C1458.63,567.134 1458.99,566.866 1459.5,566.707C1460.02,566.548 1460.75,566.469 1461.69,566.469L1462.79,566.469L1462.79,566.385C1462.79,565.918 1462.69,565.601 1462.49,565.433C1462.28,565.265 1461.89,565.181 1461.32,565.181C1460.81,565.181 1460.46,565.249 1460.28,565.384C1460.1,565.519 1460.02,565.778 1460.04,566.161L1458.33,566.161C1458.3,565.526 1458.37,565.039 1458.54,564.698C1458.72,564.357 1459.02,564.115 1459.45,563.97C1459.89,563.825 1460.51,563.753 1461.32,563.753C1462.13,563.753 1462.76,563.832 1463.21,563.991C1463.65,564.15 1463.96,564.416 1464.15,564.789C1464.34,565.162 1464.43,565.694 1464.43,566.385L1464.43,571.243L1462.84,571.243L1462.84,570.375L1462.72,570.375C1462.46,570.758 1462.19,571.019 1461.9,571.159C1461.61,571.299 1461.2,571.369 1460.68,571.369ZM1459.8,568.989C1459.8,569.344 1459.88,569.586 1460.04,569.717C1460.21,569.848 1460.52,569.913 1460.97,569.913C1461.44,569.913 1461.8,569.852 1462.05,569.731C1462.3,569.61 1462.48,569.404 1462.59,569.115C1462.7,568.826 1462.76,568.41 1462.78,567.869L1461.39,567.883C1460.97,567.892 1460.65,567.93 1460.42,567.995C1460.19,568.06 1460.03,568.17 1459.94,568.324C1459.84,568.478 1459.8,568.7 1459.8,568.989Z" style="fill-rule:nonzero;"/>
+            <path d="M1470.65,571.397C1469.98,571.397 1469.47,571.308 1469.12,571.131C1468.78,570.954 1468.54,570.69 1468.42,570.34C1468.3,569.99 1468.24,569.512 1468.24,568.905L1468.24,565.377L1466.43,565.377L1466.77,563.935L1468.3,563.935L1468.3,562.451L1469.92,561.765L1469.92,563.935L1472.65,563.935L1472.65,565.377L1469.92,565.377L1469.92,568.849C1469.92,569.148 1469.94,569.367 1470,569.507C1470.05,569.647 1470.16,569.75 1470.33,569.815C1470.51,569.88 1470.77,569.913 1471.12,569.913C1471.53,569.913 1472.11,569.857 1472.87,569.745L1472.87,571.215C1471.9,571.336 1471.16,571.397 1470.65,571.397Z" style="fill-rule:nonzero;"/>
+            <path d="M1477.33,571.369C1476.68,571.369 1476.18,571.285 1475.83,571.117C1475.48,570.949 1475.24,570.664 1475.09,570.263C1474.94,569.862 1474.86,569.292 1474.86,568.555L1474.86,563.935L1476.57,563.935L1476.57,568.583C1476.57,569.096 1476.66,569.446 1476.83,569.633C1477,569.82 1477.33,569.913 1477.82,569.913C1478.31,569.913 1478.69,569.848 1478.95,569.717C1479.21,569.586 1479.4,569.365 1479.51,569.052C1479.62,568.739 1479.68,568.294 1479.68,567.715L1479.68,563.935L1481.38,563.935L1481.38,571.243L1479.68,571.243L1479.68,570.221L1479.57,570.221C1479.32,570.66 1479.05,570.961 1478.73,571.124C1478.42,571.287 1477.95,571.369 1477.33,571.369Z" style="fill-rule:nonzero;"/>
+            <path d="M1486.57,571.369C1485.67,571.369 1484.98,571.294 1484.5,571.145C1484.02,570.996 1483.68,570.739 1483.49,570.375C1483.29,570.011 1483.2,569.498 1483.22,568.835L1484.94,568.835C1484.95,569.124 1485.01,569.346 1485.11,569.5C1485.21,569.654 1485.39,569.764 1485.63,569.829C1485.88,569.894 1486.23,569.927 1486.69,569.927C1487.24,569.927 1487.62,569.873 1487.83,569.766C1488.03,569.659 1488.13,569.46 1488.13,569.171C1488.13,568.984 1488.08,568.828 1487.96,568.702C1487.84,568.576 1487.64,568.466 1487.36,568.373C1487.08,568.28 1486.69,568.186 1486.17,568.093C1485.43,567.953 1484.85,567.797 1484.44,567.624C1484.04,567.451 1483.75,567.232 1483.58,566.966C1483.4,566.7 1483.32,566.348 1483.32,565.909C1483.32,565.34 1483.41,564.903 1483.6,564.6C1483.8,564.297 1484.12,564.08 1484.58,563.949C1485.05,563.818 1485.7,563.753 1486.54,563.753C1487.36,563.753 1487.99,563.821 1488.44,563.956C1488.89,564.091 1489.21,564.32 1489.39,564.642C1489.58,564.964 1489.68,565.424 1489.69,566.021L1488.01,566.021C1487.99,565.704 1487.87,565.487 1487.66,565.37C1487.45,565.253 1487.07,565.195 1486.52,565.195C1485.94,565.195 1485.55,565.246 1485.33,565.349C1485.12,565.452 1485.01,565.643 1485.01,565.923C1485.01,566.072 1485.16,566.205 1485.45,566.322C1485.75,566.439 1486.32,566.595 1487.17,566.791C1487.87,566.95 1488.41,567.125 1488.79,567.316C1489.17,567.507 1489.45,567.748 1489.61,568.037C1489.77,568.326 1489.86,568.7 1489.86,569.157C1489.86,569.736 1489.76,570.184 1489.56,570.501C1489.37,570.818 1489.03,571.042 1488.56,571.173C1488.09,571.304 1487.42,571.369 1486.57,571.369Z" style="fill-rule:nonzero;"/>
+            <rect x="1492.28" y="566.301" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1502.12,565.447L1500.3,565.447L1499.84,563.935L1502.12,563.935L1502.12,563.081C1502.12,562.474 1502.22,562.005 1502.42,561.674C1502.62,561.343 1502.95,561.105 1503.4,560.96C1503.85,560.815 1504.49,560.743 1505.31,560.743C1505.68,560.743 1506.1,560.757 1506.56,560.785L1506.56,562.241C1506.07,562.222 1505.75,562.213 1505.58,562.213C1504.9,562.213 1504.44,562.281 1504.18,562.416C1503.93,562.551 1503.8,562.792 1503.8,563.137L1503.8,563.935L1506.4,563.935L1506.4,565.447L1503.8,565.447L1503.8,571.243L1502.12,571.243L1502.12,565.447Z" style="fill-rule:nonzero;"/>
+            <path d="M1511.08,571.369C1510.4,571.369 1509.87,571.301 1509.5,571.166C1509.14,571.031 1508.87,570.802 1508.72,570.48C1508.57,570.158 1508.49,569.703 1508.49,569.115C1508.49,568.424 1508.6,567.89 1508.81,567.512C1509.03,567.134 1509.39,566.866 1509.9,566.707C1510.42,566.548 1511.14,566.469 1512.09,566.469L1513.19,566.469L1513.19,566.385C1513.19,565.918 1513.09,565.601 1512.88,565.433C1512.68,565.265 1512.29,565.181 1511.72,565.181C1511.21,565.181 1510.86,565.249 1510.68,565.384C1510.5,565.519 1510.42,565.778 1510.43,566.161L1508.73,566.161C1508.7,565.526 1508.77,565.039 1508.94,564.698C1509.12,564.357 1509.42,564.115 1509.85,563.97C1510.29,563.825 1510.91,563.753 1511.72,563.753C1512.54,563.753 1513.16,563.832 1513.61,563.991C1514.05,564.15 1514.37,564.416 1514.55,564.789C1514.74,565.162 1514.83,565.694 1514.83,566.385L1514.83,571.243L1513.24,571.243L1513.24,570.375L1513.12,570.375C1512.86,570.758 1512.59,571.019 1512.3,571.159C1512.01,571.299 1511.6,571.369 1511.08,571.369ZM1510.2,568.989C1510.2,569.344 1510.28,569.586 1510.44,569.717C1510.61,569.848 1510.92,569.913 1511.37,569.913C1511.84,569.913 1512.2,569.852 1512.45,569.731C1512.7,569.61 1512.88,569.404 1512.99,569.115C1513.1,568.826 1513.16,568.41 1513.18,567.869L1511.79,567.883C1511.37,567.892 1511.05,567.93 1510.82,567.995C1510.59,568.06 1510.43,568.17 1510.34,568.324C1510.24,568.478 1510.2,568.7 1510.2,568.989Z" style="fill-rule:nonzero;"/>
+            <path d="M1519.23,561.051L1521.37,561.051L1521.37,563.025L1519.23,563.025L1519.23,561.051ZM1517.2,569.801L1519.63,569.801L1519.63,565.377L1517.34,565.377L1517.34,563.935L1521.31,563.935L1521.31,569.801L1523.65,569.801L1523.65,571.243L1517.2,571.243L1517.2,569.801Z" style="fill-rule:nonzero;"/>
+            <path d="M1525.28,569.787L1527.84,569.787L1527.84,562.507L1525.41,562.507L1525.41,561.051L1529.52,561.051L1529.52,569.787L1531.91,569.787L1531.91,571.243L1525.28,571.243L1525.28,569.787Z" style="fill-rule:nonzero;"/>
+            <path d="M1536.12,571.369C1535.48,571.369 1534.98,571.285 1534.63,571.117C1534.28,570.949 1534.04,570.664 1533.88,570.263C1533.74,569.862 1533.66,569.292 1533.66,568.555L1533.66,563.935L1535.37,563.935L1535.37,568.583C1535.37,569.096 1535.46,569.446 1535.63,569.633C1535.8,569.82 1536.13,569.913 1536.62,569.913C1537.11,569.913 1537.49,569.848 1537.75,569.717C1538.01,569.586 1538.2,569.365 1538.31,569.052C1538.42,568.739 1538.48,568.294 1538.48,567.715L1538.48,563.935L1540.18,563.935L1540.18,571.243L1538.48,571.243L1538.48,570.221L1538.37,570.221C1538.12,570.66 1537.85,570.961 1537.53,571.124C1537.22,571.287 1536.75,571.369 1536.12,571.369Z" style="fill-rule:nonzero;"/>
+            <path d="M1542.99,563.935L1544.53,563.935L1544.45,565.433L1544.61,565.433C1544.95,564.854 1545.2,564.472 1545.35,564.285C1545.5,564.098 1545.66,563.982 1545.83,563.935C1546,563.888 1546.3,563.865 1546.75,563.865L1548.12,563.893L1548.12,565.573C1547.95,565.564 1547.7,565.559 1547.37,565.559C1546.85,565.559 1546.4,565.582 1546.01,565.629C1545.82,565.657 1545.62,565.778 1545.41,565.993C1545.19,566.208 1545.02,566.467 1544.88,566.77C1544.74,567.073 1544.66,567.365 1544.66,567.645L1544.66,571.243L1542.99,571.243L1542.99,563.935Z" style="fill-rule:nonzero;"/>
+            <path d="M1553.86,571.369C1552.95,571.369 1552.24,571.255 1551.75,571.026C1551.26,570.797 1550.9,570.408 1550.69,569.857C1550.48,569.306 1550.38,568.527 1550.38,567.519C1550.38,566.53 1550.48,565.767 1550.68,565.23C1550.88,564.693 1551.22,564.313 1551.7,564.089C1552.18,563.865 1552.87,563.753 1553.75,563.753C1554.6,563.753 1555.26,563.872 1555.74,564.11C1556.22,564.348 1556.56,564.745 1556.77,565.3C1556.98,565.855 1557.08,566.637 1557.08,567.645L1557.07,568.191L1552.1,568.191C1552.14,568.648 1552.21,569.001 1552.32,569.248C1552.43,569.495 1552.61,569.67 1552.85,569.773C1553.09,569.876 1553.42,569.927 1553.85,569.927C1554.27,569.927 1554.58,569.862 1554.77,569.731C1554.96,569.6 1555.11,569.358 1555.22,569.003L1556.96,569.003C1556.86,569.619 1556.71,570.095 1556.5,570.431C1556.28,570.767 1555.97,571.007 1555.56,571.152C1555.15,571.297 1554.58,571.369 1553.86,571.369ZM1555.4,566.861C1555.4,566.226 1555.28,565.79 1555.03,565.552C1554.79,565.314 1554.36,565.195 1553.75,565.195C1553.16,565.195 1552.74,565.316 1552.49,565.559C1552.24,565.802 1552.11,566.236 1552.11,566.861L1555.4,566.861Z" style="fill-rule:nonzero;"/>
+            <path d="M1296.65,570.638C1295.75,570.638 1295.06,570.564 1294.58,570.414C1294.1,570.265 1293.76,570.008 1293.57,569.644C1293.37,569.28 1293.28,568.767 1293.3,568.104L1295.02,568.104C1295.03,568.394 1295.09,568.615 1295.19,568.769C1295.29,568.923 1295.47,569.033 1295.71,569.098C1295.96,569.164 1296.31,569.196 1296.77,569.196C1297.32,569.196 1297.7,569.143 1297.91,569.035C1298.11,568.928 1298.21,568.73 1298.21,568.44C1298.21,568.254 1298.15,568.097 1298.04,567.971C1297.92,567.845 1297.72,567.736 1297.44,567.642C1297.16,567.549 1296.77,567.456 1296.25,567.362C1295.51,567.222 1294.93,567.066 1294.53,566.893C1294.12,566.721 1293.83,566.501 1293.66,566.235C1293.48,565.969 1293.4,565.617 1293.4,565.178C1293.4,564.609 1293.49,564.173 1293.68,563.869C1293.88,563.566 1294.2,563.349 1294.66,563.218C1295.13,563.088 1295.78,563.022 1296.62,563.022C1297.44,563.022 1298.07,563.09 1298.52,563.225C1298.97,563.361 1299.29,563.589 1299.47,563.911C1299.66,564.233 1299.76,564.693 1299.77,565.29L1298.09,565.29C1298.07,564.973 1297.95,564.756 1297.75,564.639C1297.54,564.523 1297.15,564.464 1296.6,564.464C1296.03,564.464 1295.63,564.516 1295.41,564.618C1295.2,564.721 1295.09,564.912 1295.09,565.192C1295.09,565.342 1295.24,565.475 1295.53,565.591C1295.83,565.708 1296.4,565.864 1297.25,566.06C1297.95,566.219 1298.49,566.394 1298.87,566.585C1299.25,566.777 1299.53,567.017 1299.69,567.306C1299.85,567.596 1299.94,567.969 1299.94,568.426C1299.94,569.005 1299.84,569.453 1299.64,569.77C1299.45,570.088 1299.11,570.312 1298.64,570.442C1298.17,570.573 1297.5,570.638 1296.65,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1305.93,570.666C1305.26,570.666 1304.75,570.578 1304.4,570.4C1304.06,570.223 1303.82,569.959 1303.7,569.609C1303.58,569.259 1303.52,568.781 1303.52,568.174L1303.52,564.646L1301.71,564.646L1302.05,563.204L1303.58,563.204L1303.58,561.72L1305.2,561.034L1305.2,563.204L1307.93,563.204L1307.93,564.646L1305.2,564.646L1305.2,568.118C1305.2,568.417 1305.23,568.636 1305.28,568.776C1305.33,568.916 1305.44,569.019 1305.61,569.084C1305.79,569.15 1306.05,569.182 1306.4,569.182C1306.81,569.182 1307.39,569.126 1308.15,569.014L1308.15,570.484C1307.18,570.606 1306.44,570.666 1305.93,570.666Z" style="fill-rule:nonzero;"/>
+            <path d="M1312.76,570.638C1312.08,570.638 1311.55,570.571 1311.18,570.435C1310.82,570.3 1310.56,570.071 1310.4,569.749C1310.25,569.427 1310.17,568.972 1310.17,568.384C1310.17,567.694 1310.28,567.159 1310.49,566.781C1310.71,566.403 1311.07,566.135 1311.58,565.976C1312.1,565.818 1312.83,565.738 1313.77,565.738L1314.87,565.738L1314.87,565.654C1314.87,565.188 1314.77,564.87 1314.57,564.702C1314.36,564.534 1313.97,564.45 1313.4,564.45C1312.89,564.45 1312.54,564.518 1312.36,564.653C1312.18,564.789 1312.1,565.048 1312.12,565.43L1310.41,565.43C1310.38,564.796 1310.45,564.308 1310.62,563.967C1310.8,563.627 1311.1,563.384 1311.54,563.239C1311.97,563.095 1312.59,563.022 1313.4,563.022C1314.22,563.022 1314.84,563.102 1315.29,563.26C1315.73,563.419 1316.05,563.685 1316.23,564.058C1316.42,564.432 1316.51,564.964 1316.51,565.654L1316.51,570.512L1314.92,570.512L1314.92,569.644L1314.8,569.644C1314.54,570.027 1314.27,570.288 1313.98,570.428C1313.69,570.568 1313.28,570.638 1312.76,570.638ZM1311.88,568.258C1311.88,568.613 1311.96,568.856 1312.12,568.986C1312.29,569.117 1312.6,569.182 1313.05,569.182C1313.52,569.182 1313.88,569.122 1314.13,569C1314.38,568.879 1314.56,568.674 1314.67,568.384C1314.78,568.095 1314.84,567.68 1314.86,567.138L1313.47,567.152C1313.05,567.162 1312.73,567.199 1312.5,567.264C1312.27,567.33 1312.11,567.439 1312.02,567.593C1311.92,567.747 1311.88,567.969 1311.88,568.258Z" style="fill-rule:nonzero;"/>
+            <path d="M1322.73,570.666C1322.06,570.666 1321.55,570.578 1321.2,570.4C1320.86,570.223 1320.62,569.959 1320.5,569.609C1320.38,569.259 1320.32,568.781 1320.32,568.174L1320.32,564.646L1318.51,564.646L1318.85,563.204L1320.38,563.204L1320.38,561.72L1322,561.034L1322,563.204L1324.73,563.204L1324.73,564.646L1322,564.646L1322,568.118C1322,568.417 1322.03,568.636 1322.08,568.776C1322.13,568.916 1322.24,569.019 1322.41,569.084C1322.59,569.15 1322.85,569.182 1323.2,569.182C1323.61,569.182 1324.19,569.126 1324.95,569.014L1324.95,570.484C1323.98,570.606 1323.24,570.666 1322.73,570.666Z" style="fill-rule:nonzero;"/>
+            <path d="M1329.41,570.638C1328.76,570.638 1328.27,570.554 1327.91,570.386C1327.57,570.218 1327.32,569.934 1327.17,569.532C1327.02,569.131 1326.94,568.562 1326.94,567.824L1326.94,563.204L1328.65,563.204L1328.65,567.852C1328.65,568.366 1328.74,568.716 1328.91,568.902C1329.08,569.089 1329.41,569.182 1329.9,569.182C1330.39,569.182 1330.77,569.117 1331.03,568.986C1331.29,568.856 1331.48,568.634 1331.59,568.321C1331.7,568.009 1331.76,567.563 1331.76,566.984L1331.76,563.204L1333.47,563.204L1333.47,570.512L1331.76,570.512L1331.76,569.49L1331.65,569.49C1331.4,569.929 1331.12,570.23 1330.81,570.393C1330.5,570.557 1330.03,570.638 1329.41,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1338.65,570.638C1337.75,570.638 1337.06,570.564 1336.58,570.414C1336.1,570.265 1335.76,570.008 1335.57,569.644C1335.37,569.28 1335.28,568.767 1335.3,568.104L1337.02,568.104C1337.03,568.394 1337.09,568.615 1337.19,568.769C1337.29,568.923 1337.47,569.033 1337.71,569.098C1337.96,569.164 1338.31,569.196 1338.77,569.196C1339.32,569.196 1339.7,569.143 1339.91,569.035C1340.11,568.928 1340.21,568.73 1340.21,568.44C1340.21,568.254 1340.15,568.097 1340.04,567.971C1339.92,567.845 1339.72,567.736 1339.44,567.642C1339.16,567.549 1338.77,567.456 1338.25,567.362C1337.51,567.222 1336.93,567.066 1336.53,566.893C1336.12,566.721 1335.83,566.501 1335.66,566.235C1335.48,565.969 1335.4,565.617 1335.4,565.178C1335.4,564.609 1335.49,564.173 1335.68,563.869C1335.88,563.566 1336.2,563.349 1336.66,563.218C1337.13,563.088 1337.78,563.022 1338.62,563.022C1339.44,563.022 1340.07,563.09 1340.52,563.225C1340.97,563.361 1341.29,563.589 1341.47,563.911C1341.66,564.233 1341.76,564.693 1341.77,565.29L1340.09,565.29C1340.07,564.973 1339.95,564.756 1339.75,564.639C1339.54,564.523 1339.15,564.464 1338.6,564.464C1338.03,564.464 1337.63,564.516 1337.41,564.618C1337.2,564.721 1337.09,564.912 1337.09,565.192C1337.09,565.342 1337.24,565.475 1337.53,565.591C1337.83,565.708 1338.4,565.864 1339.25,566.06C1339.95,566.219 1340.49,566.394 1340.87,566.585C1341.25,566.777 1341.53,567.017 1341.69,567.306C1341.85,567.596 1341.94,567.969 1341.94,568.426C1341.94,569.005 1341.84,569.453 1341.64,569.77C1341.45,570.088 1341.11,570.312 1340.64,570.442C1340.17,570.573 1339.5,570.638 1338.65,570.638Z" style="fill-rule:nonzero;"/>
+            <rect x="1344.36" y="565.57" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1355.45,570.638C1354.55,570.638 1353.86,570.564 1353.38,570.414C1352.9,570.265 1352.56,570.008 1352.37,569.644C1352.17,569.28 1352.08,568.767 1352.1,568.104L1353.82,568.104C1353.83,568.394 1353.89,568.615 1353.99,568.769C1354.09,568.923 1354.27,569.033 1354.52,569.098C1354.76,569.164 1355.11,569.196 1355.57,569.196C1356.12,569.196 1356.5,569.143 1356.71,569.035C1356.91,568.928 1357.01,568.73 1357.01,568.44C1357.01,568.254 1356.95,568.097 1356.84,567.971C1356.72,567.845 1356.52,567.736 1356.24,567.642C1355.96,567.549 1355.57,567.456 1355.05,567.362C1354.31,567.222 1353.73,567.066 1353.33,566.893C1352.92,566.721 1352.63,566.501 1352.46,566.235C1352.28,565.969 1352.2,565.617 1352.2,565.178C1352.2,564.609 1352.29,564.173 1352.49,563.869C1352.68,563.566 1353,563.349 1353.46,563.218C1353.93,563.088 1354.58,563.022 1355.42,563.022C1356.24,563.022 1356.87,563.09 1357.32,563.225C1357.77,563.361 1358.09,563.589 1358.27,563.911C1358.46,564.233 1358.56,564.693 1358.57,565.29L1356.89,565.29C1356.87,564.973 1356.76,564.756 1356.55,564.639C1356.34,564.523 1355.95,564.464 1355.4,564.464C1354.83,564.464 1354.43,564.516 1354.21,564.618C1354,564.721 1353.89,564.912 1353.89,565.192C1353.89,565.342 1354.04,565.475 1354.33,565.591C1354.63,565.708 1355.2,565.864 1356.05,566.06C1356.75,566.219 1357.29,566.394 1357.67,566.585C1358.05,566.777 1358.33,567.017 1358.49,567.306C1358.65,567.596 1358.74,567.969 1358.74,568.426C1358.74,569.005 1358.64,569.453 1358.44,569.77C1358.25,570.088 1357.91,570.312 1357.44,570.442C1356.97,570.573 1356.3,570.638 1355.45,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1363.01,570.638C1362.36,570.638 1361.87,570.554 1361.52,570.386C1361.16,570.218 1360.91,569.934 1360.77,569.532C1360.62,569.131 1360.54,568.562 1360.54,567.824L1360.54,563.204L1362.25,563.204L1362.25,567.852C1362.25,568.366 1362.34,568.716 1362.51,568.902C1362.68,569.089 1363.01,569.182 1363.5,569.182C1363.99,569.182 1364.37,569.117 1364.63,568.986C1364.89,568.856 1365.08,568.634 1365.19,568.321C1365.3,568.009 1365.36,567.563 1365.36,566.984L1365.36,563.204L1367.07,563.204L1367.07,570.512L1365.36,570.512L1365.36,569.49L1365.25,569.49C1365,569.929 1364.73,570.23 1364.41,570.393C1364.1,570.557 1363.63,570.638 1363.01,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1372.47,570.638C1371.55,570.638 1370.83,570.526 1370.33,570.302C1369.82,570.078 1369.47,569.698 1369.26,569.161C1369.05,568.625 1368.94,567.862 1368.94,566.872C1368.94,565.864 1369.05,565.085 1369.26,564.534C1369.47,563.984 1369.82,563.594 1370.32,563.365C1370.82,563.137 1371.53,563.022 1372.44,563.022C1373.24,563.022 1373.87,563.102 1374.3,563.26C1374.74,563.419 1375.06,563.687 1375.25,564.065C1375.44,564.443 1375.55,564.978 1375.56,565.668L1373.87,565.668C1373.8,565.211 1373.68,564.901 1373.49,564.737C1373.29,564.574 1372.97,564.492 1372.53,564.492C1372.03,564.492 1371.65,564.565 1371.38,564.709C1371.12,564.854 1370.93,565.097 1370.82,565.437C1370.71,565.778 1370.65,566.261 1370.65,566.886C1370.65,567.484 1370.71,567.946 1370.82,568.272C1370.93,568.599 1371.12,568.83 1371.39,568.965C1371.66,569.101 1372.05,569.168 1372.54,569.168C1372.97,569.168 1373.28,569.096 1373.47,568.951C1373.66,568.807 1373.8,568.538 1373.88,568.146L1375.56,568.146C1375.55,568.8 1375.44,569.304 1375.25,569.658C1375.06,570.013 1374.75,570.265 1374.31,570.414C1373.88,570.564 1373.26,570.638 1372.47,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1380.87,570.638C1379.95,570.638 1379.23,570.526 1378.73,570.302C1378.22,570.078 1377.87,569.698 1377.66,569.161C1377.45,568.625 1377.34,567.862 1377.34,566.872C1377.34,565.864 1377.45,565.085 1377.66,564.534C1377.87,563.984 1378.22,563.594 1378.72,563.365C1379.22,563.137 1379.93,563.022 1380.84,563.022C1381.64,563.022 1382.27,563.102 1382.7,563.26C1383.14,563.419 1383.46,563.687 1383.65,564.065C1383.84,564.443 1383.94,564.978 1383.96,565.668L1382.27,565.668C1382.2,565.211 1382.08,564.901 1381.88,564.737C1381.69,564.574 1381.37,564.492 1380.93,564.492C1380.43,564.492 1380.05,564.565 1379.79,564.709C1379.52,564.854 1379.33,565.097 1379.22,565.437C1379.11,565.778 1379.05,566.261 1379.05,566.886C1379.05,567.484 1379.11,567.946 1379.22,568.272C1379.33,568.599 1379.52,568.83 1379.79,568.965C1380.06,569.101 1380.44,569.168 1380.94,569.168C1381.37,569.168 1381.68,569.096 1381.87,568.951C1382.06,568.807 1382.2,568.538 1382.28,568.146L1383.96,568.146C1383.94,568.8 1383.84,569.304 1383.65,569.658C1383.46,570.013 1383.14,570.265 1382.71,570.414C1382.28,570.564 1381.66,570.638 1380.87,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1389.14,570.638C1388.23,570.638 1387.52,570.524 1387.03,570.295C1386.54,570.067 1386.18,569.677 1385.97,569.126C1385.76,568.576 1385.66,567.796 1385.66,566.788C1385.66,565.799 1385.76,565.036 1385.96,564.499C1386.16,563.963 1386.5,563.582 1386.98,563.358C1387.46,563.134 1388.14,563.022 1389.03,563.022C1389.88,563.022 1390.54,563.141 1391.02,563.379C1391.5,563.617 1391.84,564.014 1392.05,564.569C1392.26,565.125 1392.36,565.906 1392.36,566.914L1392.35,567.46L1387.38,567.46C1387.42,567.918 1387.49,568.27 1387.6,568.517C1387.72,568.765 1387.89,568.94 1388.13,569.042C1388.37,569.145 1388.7,569.196 1389.13,569.196C1389.55,569.196 1389.86,569.131 1390.05,569C1390.24,568.87 1390.39,568.627 1390.5,568.272L1392.24,568.272C1392.14,568.888 1391.99,569.364 1391.78,569.7C1391.56,570.036 1391.25,570.277 1390.84,570.421C1390.43,570.566 1389.86,570.638 1389.14,570.638ZM1390.68,566.13C1390.68,565.496 1390.56,565.059 1390.31,564.821C1390.07,564.583 1389.64,564.464 1389.03,564.464C1388.44,564.464 1388.02,564.586 1387.77,564.828C1387.52,565.071 1387.39,565.505 1387.39,566.13L1390.68,566.13Z" style="fill-rule:nonzero;"/>
+            <path d="M1397.45,570.638C1396.55,570.638 1395.86,570.564 1395.38,570.414C1394.9,570.265 1394.56,570.008 1394.37,569.644C1394.17,569.28 1394.08,568.767 1394.1,568.104L1395.82,568.104C1395.83,568.394 1395.89,568.615 1395.99,568.769C1396.09,568.923 1396.27,569.033 1396.52,569.098C1396.76,569.164 1397.11,569.196 1397.57,569.196C1398.12,569.196 1398.5,569.143 1398.71,569.035C1398.91,568.928 1399.01,568.73 1399.01,568.44C1399.01,568.254 1398.95,568.097 1398.84,567.971C1398.72,567.845 1398.52,567.736 1398.24,567.642C1397.96,567.549 1397.57,567.456 1397.05,567.362C1396.31,567.222 1395.73,567.066 1395.33,566.893C1394.92,566.721 1394.63,566.501 1394.46,566.235C1394.28,565.969 1394.2,565.617 1394.2,565.178C1394.2,564.609 1394.29,564.173 1394.49,563.869C1394.68,563.566 1395,563.349 1395.46,563.218C1395.93,563.088 1396.58,563.022 1397.42,563.022C1398.24,563.022 1398.87,563.09 1399.32,563.225C1399.77,563.361 1400.09,563.589 1400.27,563.911C1400.46,564.233 1400.56,564.693 1400.57,565.29L1398.89,565.29C1398.87,564.973 1398.76,564.756 1398.55,564.639C1398.34,564.523 1397.95,564.464 1397.4,564.464C1396.83,564.464 1396.43,564.516 1396.21,564.618C1396,564.721 1395.89,564.912 1395.89,565.192C1395.89,565.342 1396.04,565.475 1396.33,565.591C1396.63,565.708 1397.2,565.864 1398.05,566.06C1398.75,566.219 1399.29,566.394 1399.67,566.585C1400.05,566.777 1400.33,567.017 1400.49,567.306C1400.65,567.596 1400.74,567.969 1400.74,568.426C1400.74,569.005 1400.64,569.453 1400.44,569.77C1400.25,570.088 1399.91,570.312 1399.44,570.442C1398.97,570.573 1398.3,570.638 1397.45,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1405.85,570.638C1404.95,570.638 1404.26,570.564 1403.78,570.414C1403.3,570.265 1402.96,570.008 1402.77,569.644C1402.57,569.28 1402.48,568.767 1402.5,568.104L1404.22,568.104C1404.23,568.394 1404.29,568.615 1404.39,568.769C1404.49,568.923 1404.67,569.033 1404.91,569.098C1405.16,569.164 1405.51,569.196 1405.97,569.196C1406.52,569.196 1406.9,569.143 1407.11,569.035C1407.31,568.928 1407.41,568.73 1407.41,568.44C1407.41,568.254 1407.36,568.097 1407.24,567.971C1407.12,567.845 1406.92,567.736 1406.64,567.642C1406.36,567.549 1405.97,567.456 1405.45,567.362C1404.71,567.222 1404.13,567.066 1403.73,566.893C1403.32,566.721 1403.03,566.501 1402.86,566.235C1402.68,565.969 1402.6,565.617 1402.6,565.178C1402.6,564.609 1402.69,564.173 1402.88,563.869C1403.08,563.566 1403.4,563.349 1403.87,563.218C1404.33,563.088 1404.98,563.022 1405.82,563.022C1406.64,563.022 1407.27,563.09 1407.72,563.225C1408.17,563.361 1408.49,563.589 1408.67,563.911C1408.86,564.233 1408.96,564.693 1408.97,565.29L1407.29,565.29C1407.27,564.973 1407.15,564.756 1406.94,564.639C1406.74,564.523 1406.35,564.464 1405.8,564.464C1405.23,564.464 1404.83,564.516 1404.61,564.618C1404.4,564.721 1404.29,564.912 1404.29,565.192C1404.29,565.342 1404.44,565.475 1404.73,565.591C1405.03,565.708 1405.6,565.864 1406.45,566.06C1407.15,566.219 1407.69,566.394 1408.07,566.585C1408.45,566.777 1408.73,567.017 1408.89,567.306C1409.05,567.596 1409.14,567.969 1409.14,568.426C1409.14,569.005 1409.04,569.453 1408.84,569.77C1408.65,570.088 1408.31,570.312 1407.84,570.442C1407.37,570.573 1406.7,570.638 1405.85,570.638Z" style="fill-rule:nonzero;"/>
+            <path d="M1425.08,550L1425.08,580" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image6" x="1692.66" y="262.511" width="366.321px" height="327.163px" transform="matrix(0.998151,0,0,0.997447,0,0)"/>
+        <path d="M2050.49,271.473C2050.49,269.115 2048.58,267.2 2046.22,267.2L1699.16,267.2C1696.8,267.2 1694.89,269.115 1694.89,271.473L1694.89,579.37C1694.89,581.729 1696.8,583.643 1699.16,583.643L2046.22,583.643C2048.58,583.643 2050.49,581.729 2050.49,579.37L2050.49,271.473Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1694.89,304.496L2050.49,304.496" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M1796.89,291.232C1796.12,291.232 1795.54,291.13 1795.14,290.928C1794.75,290.725 1794.48,290.424 1794.35,290.024C1794.21,289.624 1794.14,289.077 1794.14,288.384L1794.14,284.352L1792.07,284.352L1792.46,282.704L1794.2,282.704L1794.2,281.008L1796.06,280.224L1796.06,282.704L1799.18,282.704L1799.18,284.352L1796.06,284.352L1796.06,288.32C1796.06,288.661 1796.09,288.912 1796.14,289.072C1796.2,289.232 1796.33,289.349 1796.53,289.424C1796.73,289.498 1797.03,289.536 1797.43,289.536C1797.89,289.536 1798.56,289.472 1799.43,289.344L1799.43,291.024C1798.32,291.162 1797.48,291.232 1796.89,291.232Z" style="fill-rule:nonzero;"/>
+        <path d="M1805.59,291.2C1804.55,291.2 1803.74,291.069 1803.18,290.808C1802.61,290.546 1802.21,290.101 1801.97,289.472C1801.73,288.842 1801.61,287.952 1801.61,286.8C1801.61,285.669 1801.72,284.797 1801.95,284.184C1802.18,283.57 1802.57,283.136 1803.12,282.88C1803.67,282.624 1804.45,282.496 1805.47,282.496C1806.43,282.496 1807.19,282.632 1807.74,282.904C1808.28,283.176 1808.67,283.629 1808.91,284.264C1809.15,284.898 1809.27,285.792 1809.27,286.944L1809.26,287.568L1803.58,287.568C1803.62,288.09 1803.7,288.493 1803.83,288.776C1803.96,289.058 1804.16,289.258 1804.43,289.376C1804.7,289.493 1805.09,289.552 1805.58,289.552C1806.06,289.552 1806.41,289.477 1806.62,289.328C1806.84,289.178 1807.02,288.901 1807.14,288.496L1809.13,288.496C1809.02,289.2 1808.85,289.744 1808.6,290.128C1808.36,290.512 1808,290.786 1807.53,290.952C1807.06,291.117 1806.41,291.2 1805.59,291.2ZM1807.35,286.048C1807.35,285.322 1807.21,284.824 1806.93,284.552C1806.65,284.28 1806.16,284.144 1805.47,284.144C1804.79,284.144 1804.31,284.282 1804.03,284.56C1803.74,284.837 1803.59,285.333 1803.59,286.048L1807.35,286.048Z" style="fill-rule:nonzero;"/>
+        <path d="M1815.08,291.2C1814.06,291.2 1813.27,291.114 1812.72,290.944C1812.17,290.773 1811.79,290.48 1811.56,290.064C1811.34,289.648 1811.24,289.061 1811.26,288.304L1813.23,288.304C1813.24,288.634 1813.3,288.888 1813.42,289.064C1813.53,289.24 1813.73,289.365 1814.02,289.44C1814.3,289.514 1814.7,289.552 1815.23,289.552C1815.85,289.552 1816.29,289.49 1816.52,289.368C1816.76,289.245 1816.87,289.018 1816.87,288.688C1816.87,288.474 1816.81,288.296 1816.67,288.152C1816.54,288.008 1816.31,287.882 1815.99,287.776C1815.67,287.669 1815.22,287.562 1814.63,287.456C1813.78,287.296 1813.12,287.117 1812.66,286.92C1812.19,286.722 1811.86,286.472 1811.66,286.168C1811.47,285.864 1811.37,285.461 1811.37,284.96C1811.37,284.309 1811.48,283.81 1811.7,283.464C1811.91,283.117 1812.29,282.869 1812.82,282.72C1813.35,282.57 1814.09,282.496 1815.05,282.496C1815.99,282.496 1816.71,282.573 1817.23,282.728C1817.74,282.882 1818.1,283.144 1818.31,283.512C1818.53,283.88 1818.64,284.405 1818.65,285.088L1816.73,285.088C1816.71,284.725 1816.58,284.477 1816.34,284.344C1816.1,284.21 1815.66,284.144 1815.03,284.144C1814.37,284.144 1813.92,284.202 1813.67,284.32C1813.43,284.437 1813.31,284.656 1813.31,284.976C1813.31,285.146 1813.47,285.298 1813.81,285.432C1814.14,285.565 1814.8,285.744 1815.77,285.968C1816.57,286.149 1817.19,286.349 1817.62,286.568C1818.06,286.786 1818.37,287.061 1818.56,287.392C1818.75,287.722 1818.84,288.149 1818.84,288.672C1818.84,289.333 1818.73,289.845 1818.51,290.208C1818.28,290.57 1817.9,290.826 1817.36,290.976C1816.82,291.125 1816.06,291.2 1815.08,291.2Z" style="fill-rule:nonzero;"/>
+        <path d="M1825.69,291.232C1824.92,291.232 1824.34,291.13 1823.94,290.928C1823.55,290.725 1823.28,290.424 1823.14,290.024C1823.01,289.624 1822.94,289.077 1822.94,288.384L1822.94,284.352L1820.87,284.352L1821.26,282.704L1823,282.704L1823,281.008L1824.86,280.224L1824.86,282.704L1827.98,282.704L1827.98,284.352L1824.86,284.352L1824.86,288.32C1824.86,288.661 1824.89,288.912 1824.94,289.072C1825,289.232 1825.13,289.349 1825.33,289.424C1825.53,289.498 1825.83,289.536 1826.23,289.536C1826.69,289.536 1827.36,289.472 1828.23,289.344L1828.23,291.024C1827.12,291.162 1826.28,291.232 1825.69,291.232Z" style="fill-rule:nonzero;"/>
+        <path d="M1845.74,278.56L1847.67,278.56L1841.93,293.088L1840.01,293.088L1845.74,278.56Z" style="fill-rule:nonzero;"/>
+        <path d="M1861.66,284.432L1859.58,284.432L1859.05,282.704L1861.66,282.704L1861.66,281.728C1861.66,281.034 1861.77,280.498 1862,280.12C1862.23,279.741 1862.6,279.469 1863.12,279.304C1863.64,279.138 1864.37,279.056 1865.31,279.056C1865.73,279.056 1866.21,279.072 1866.73,279.104L1866.73,280.768C1866.17,280.746 1865.8,280.736 1865.61,280.736C1864.84,280.736 1864.31,280.813 1864.02,280.968C1863.72,281.122 1863.58,281.397 1863.58,281.792L1863.58,282.704L1866.55,282.704L1866.55,284.432L1863.58,284.432L1863.58,291.056L1861.66,291.056L1861.66,284.432Z" style="fill-rule:nonzero;"/>
+        <path d="M1871.72,291.2C1870.99,291.2 1870.42,291.104 1870.02,290.912C1869.62,290.72 1869.33,290.394 1869.16,289.936C1868.99,289.477 1868.9,288.826 1868.9,287.984L1868.9,282.704L1870.86,282.704L1870.86,288.016C1870.86,288.602 1870.95,289.002 1871.15,289.216C1871.35,289.429 1871.73,289.536 1872.28,289.536C1872.85,289.536 1873.28,289.461 1873.58,289.312C1873.88,289.162 1874.09,288.909 1874.22,288.552C1874.35,288.194 1874.41,287.685 1874.41,287.024L1874.41,282.704L1876.36,282.704L1876.36,291.056L1874.41,291.056L1874.41,289.888L1874.28,289.888C1874,290.389 1873.69,290.733 1873.33,290.92C1872.97,291.106 1872.43,291.2 1871.72,291.2Z" style="fill-rule:nonzero;"/>
+        <path d="M1878.54,282.704L1880.49,282.704L1880.49,283.856L1880.62,283.856C1880.91,283.333 1881.23,282.976 1881.55,282.784C1881.87,282.592 1882.32,282.496 1882.9,282.496C1883.72,282.496 1884.34,282.594 1884.78,282.792C1885.21,282.989 1885.53,283.32 1885.71,283.784C1885.9,284.248 1885.99,284.912 1885.99,285.776L1885.99,291.056L1884.04,291.056L1884.04,285.744C1884.04,285.157 1883.93,284.757 1883.71,284.544C1883.49,284.33 1883.09,284.224 1882.49,284.224C1881.97,284.224 1881.56,284.298 1881.28,284.448C1881,284.597 1880.8,284.85 1880.67,285.208C1880.55,285.565 1880.49,286.069 1880.49,286.72L1880.49,291.056L1878.54,291.056L1878.54,282.704Z" style="fill-rule:nonzero;"/>
+        <path d="M1892.14,291.2C1891.08,291.2 1890.27,291.072 1889.69,290.816C1889.11,290.56 1888.7,290.125 1888.47,289.512C1888.23,288.898 1888.11,288.026 1888.11,286.896C1888.11,285.744 1888.23,284.853 1888.47,284.224C1888.7,283.594 1889.11,283.149 1889.68,282.888C1890.25,282.626 1891.06,282.496 1892.11,282.496C1893.02,282.496 1893.73,282.586 1894.23,282.768C1894.73,282.949 1895.09,283.256 1895.31,283.688C1895.53,284.12 1895.65,284.73 1895.67,285.52L1893.74,285.52C1893.66,284.997 1893.52,284.642 1893.3,284.456C1893.08,284.269 1892.71,284.176 1892.2,284.176C1891.63,284.176 1891.2,284.258 1890.9,284.424C1890.59,284.589 1890.38,284.866 1890.25,285.256C1890.12,285.645 1890.06,286.197 1890.06,286.912C1890.06,287.594 1890.12,288.122 1890.25,288.496C1890.38,288.869 1890.6,289.133 1890.9,289.288C1891.21,289.442 1891.65,289.52 1892.22,289.52C1892.71,289.52 1893.06,289.437 1893.28,289.272C1893.5,289.106 1893.66,288.8 1893.75,288.352L1895.67,288.352C1895.65,289.098 1895.53,289.674 1895.31,290.08C1895.09,290.485 1894.74,290.773 1894.24,290.944C1893.75,291.114 1893.04,291.2 1892.14,291.2Z" style="fill-rule:nonzero;"/>
+        <path d="M1902.49,291.232C1901.72,291.232 1901.14,291.13 1900.75,290.928C1900.35,290.725 1900.08,290.424 1899.94,290.024C1899.81,289.624 1899.74,289.077 1899.74,288.384L1899.74,284.352L1897.67,284.352L1898.06,282.704L1899.8,282.704L1899.8,281.008L1901.66,280.224L1901.66,282.704L1904.78,282.704L1904.78,284.352L1901.66,284.352L1901.66,288.32C1901.66,288.661 1901.69,288.912 1901.75,289.072C1901.8,289.232 1901.93,289.349 1902.13,289.424C1902.33,289.498 1902.63,289.536 1903.03,289.536C1903.49,289.536 1904.16,289.472 1905.03,289.344L1905.03,291.024C1903.92,291.162 1903.08,291.232 1902.49,291.232Z" style="fill-rule:nonzero;"/>
+        <path d="M1910.01,279.408L1912.46,279.408L1912.46,281.664L1910.01,281.664L1910.01,279.408ZM1907.69,289.408L1910.47,289.408L1910.47,284.352L1907.85,284.352L1907.85,282.704L1912.39,282.704L1912.39,289.408L1915.07,289.408L1915.07,291.056L1907.69,291.056L1907.69,289.408Z" style="fill-rule:nonzero;"/>
+        <path d="M1920.65,291.2C1919.61,291.2 1918.81,291.069 1918.25,290.808C1917.68,290.546 1917.28,290.109 1917.04,289.496C1916.8,288.882 1916.68,288.005 1916.68,286.864C1916.68,285.712 1916.8,284.826 1917.04,284.208C1917.28,283.589 1917.68,283.149 1918.24,282.888C1918.8,282.626 1919.6,282.496 1920.65,282.496C1921.69,282.496 1922.5,282.626 1923.06,282.888C1923.62,283.149 1924.02,283.589 1924.26,284.208C1924.5,284.826 1924.62,285.712 1924.62,286.864C1924.62,288.005 1924.5,288.882 1924.26,289.496C1924.02,290.109 1923.61,290.546 1923.05,290.808C1922.48,291.069 1921.68,291.2 1920.65,291.2ZM1918.63,286.864C1918.63,287.568 1918.69,288.109 1918.82,288.488C1918.94,288.866 1919.14,289.136 1919.42,289.296C1919.71,289.456 1920.12,289.536 1920.65,289.536C1921.18,289.536 1921.59,289.456 1921.87,289.296C1922.15,289.136 1922.36,288.866 1922.48,288.488C1922.6,288.109 1922.66,287.568 1922.66,286.864C1922.66,286.149 1922.6,285.6 1922.48,285.216C1922.36,284.832 1922.15,284.557 1921.87,284.392C1921.59,284.226 1921.18,284.144 1920.65,284.144C1920.12,284.144 1919.71,284.226 1919.42,284.392C1919.14,284.557 1918.94,284.832 1918.82,285.216C1918.69,285.6 1918.63,286.149 1918.63,286.864Z" style="fill-rule:nonzero;"/>
+        <path d="M1926.54,282.704L1928.49,282.704L1928.49,283.856L1928.62,283.856C1928.91,283.333 1929.23,282.976 1929.55,282.784C1929.87,282.592 1930.32,282.496 1930.9,282.496C1931.72,282.496 1932.34,282.594 1932.78,282.792C1933.21,282.989 1933.53,283.32 1933.71,283.784C1933.9,284.248 1933.99,284.912 1933.99,285.776L1933.99,291.056L1932.04,291.056L1932.04,285.744C1932.04,285.157 1931.93,284.757 1931.71,284.544C1931.49,284.33 1931.09,284.224 1930.49,284.224C1929.97,284.224 1929.56,284.298 1929.28,284.448C1929,284.597 1928.8,284.85 1928.67,285.208C1928.55,285.565 1928.49,286.069 1928.49,286.72L1928.49,291.056L1926.54,291.056L1926.54,282.704Z" style="fill-rule:nonzero;"/>
+        <path d="M1939.1,291.2C1938.32,291.2 1937.72,291.122 1937.3,290.968C1936.88,290.813 1936.58,290.552 1936.4,290.184C1936.23,289.816 1936.14,289.296 1936.14,288.624C1936.14,287.834 1936.26,287.224 1936.51,286.792C1936.75,286.36 1937.17,286.053 1937.75,285.872C1938.34,285.69 1939.17,285.6 1940.25,285.6L1941.51,285.6L1941.51,285.504C1941.51,284.97 1941.39,284.608 1941.16,284.416C1940.93,284.224 1940.48,284.128 1939.83,284.128C1939.25,284.128 1938.85,284.205 1938.64,284.36C1938.43,284.514 1938.34,284.81 1938.36,285.248L1936.41,285.248C1936.38,284.522 1936.46,283.965 1936.66,283.576C1936.85,283.186 1937.2,282.909 1937.7,282.744C1938.19,282.578 1938.9,282.496 1939.83,282.496C1940.76,282.496 1941.48,282.586 1941.99,282.768C1942.49,282.949 1942.85,283.253 1943.07,283.68C1943.28,284.106 1943.38,284.714 1943.38,285.504L1943.38,291.056L1941.56,291.056L1941.56,290.064L1941.43,290.064C1941.13,290.501 1940.82,290.8 1940.49,290.96C1940.16,291.12 1939.69,291.2 1939.1,291.2ZM1938.09,288.48C1938.09,288.885 1938.18,289.162 1938.37,289.312C1938.56,289.461 1938.91,289.536 1939.43,289.536C1939.97,289.536 1940.38,289.466 1940.66,289.328C1940.95,289.189 1941.16,288.954 1941.28,288.624C1941.4,288.293 1941.48,287.818 1941.5,287.2L1939.91,287.216C1939.43,287.226 1939.06,287.269 1938.8,287.344C1938.54,287.418 1938.36,287.544 1938.25,287.72C1938.14,287.896 1938.09,288.149 1938.09,288.48Z" style="fill-rule:nonzero;"/>
+        <path d="M1945.72,289.392L1948.65,289.392L1948.65,281.072L1945.88,281.072L1945.88,279.408L1950.57,279.408L1950.57,289.392L1953.31,289.392L1953.31,291.056L1945.72,291.056L1945.72,289.392Z" style="fill-rule:nonzero;"/>
+        <path d="M1820.31,364.337L1820.31,425.292" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <path d="M1925.07,364.337L1925.07,401.623" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <path d="M1925.07,456.213L1925.07,517.169" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <g>
+            <rect x="1918.3" y="388.095" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1921.07,390.86C1921.53,390.396 1922.29,390.396 1922.74,390.86L1925.07,393.183L1927.39,390.86C1927.85,390.396 1928.61,390.396 1929.07,390.86C1929.53,391.325 1929.53,392.076 1929.07,392.536L1926.74,394.859L1929.07,397.181C1929.53,397.646 1929.53,398.397 1929.07,398.857C1928.6,399.316 1927.85,399.321 1927.39,398.857L1925.07,396.534L1922.74,398.857C1922.28,399.321 1921.53,399.321 1921.07,398.857C1920.61,398.392 1920.6,397.641 1921.07,397.181L1923.39,394.859L1921.07,392.536C1920.6,392.071 1920.6,391.32 1921.07,390.86Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1918.3" y="479.927" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1921.07,482.693C1921.53,482.228 1922.29,482.228 1922.74,482.693L1925.07,485.016L1927.39,482.693C1927.85,482.228 1928.61,482.228 1929.07,482.693C1929.53,483.157 1929.53,483.909 1929.07,484.368L1926.74,486.691L1929.07,489.014C1929.53,489.478 1929.53,490.229 1929.07,490.689C1928.6,491.149 1927.85,491.154 1927.39,490.689L1925.07,488.366L1922.74,490.689C1922.28,491.154 1921.53,491.154 1921.07,490.689C1920.61,490.225 1920.6,489.473 1921.07,489.014L1923.39,486.691L1921.07,484.368C1920.6,483.904 1920.6,483.152 1921.07,482.693Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1813.55" y="388.05" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1824.79,392.952L1819.72,398.023C1819.35,398.395 1818.74,398.395 1818.37,398.023L1815.84,395.488C1815.47,395.115 1815.47,394.513 1815.84,394.145C1816.21,393.776 1816.81,393.772 1817.18,394.145L1819.04,396.007L1823.44,391.606C1823.81,391.233 1824.41,391.233 1824.78,391.606C1825.15,391.978 1825.16,392.58 1824.78,392.949L1824.79,392.952Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <path d="M1820.31,456.213L1820.31,517.169" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <g>
+            <rect x="1813.55" y="479.927" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M1824.79,484.829L1819.72,489.9C1819.35,490.272 1818.74,490.272 1818.37,489.9L1815.84,487.364C1815.47,486.992 1815.47,486.39 1815.84,486.021C1816.21,485.653 1816.81,485.649 1817.18,486.021L1819.04,487.883L1823.44,483.482C1823.81,483.11 1824.41,483.11 1824.78,483.482C1825.15,483.855 1825.16,484.457 1824.78,484.825L1824.79,484.829Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <g>
+            <path d="M1975,334.483C1975,334.258 1974.81,334.075 1974.59,334.075L1770.79,334.075C1770.56,334.075 1770.38,334.258 1770.38,334.483L1770.38,363.928C1770.38,364.154 1770.56,364.337 1770.79,364.337L1974.59,364.337C1974.81,364.337 1975,364.154 1975,363.928L1975,334.483Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1840.47,354.654C1839.41,354.654 1838.6,354.526 1838.02,354.27C1837.44,354.014 1837.04,353.579 1836.8,352.966C1836.56,352.352 1836.43,351.48 1836.43,350.35C1836.43,349.198 1836.56,348.307 1836.8,347.678C1837.04,347.048 1837.44,346.603 1838.01,346.342C1838.58,346.08 1839.39,345.95 1840.43,345.95C1841.35,345.95 1842.06,346.04 1842.56,346.222C1843.06,346.403 1843.42,346.71 1843.64,347.142C1843.86,347.574 1843.98,348.184 1844,348.974L1842.07,348.974C1841.99,348.451 1841.85,348.096 1841.63,347.91C1841.41,347.723 1841.04,347.63 1840.53,347.63C1839.97,347.63 1839.53,347.712 1839.23,347.878C1838.92,348.043 1838.71,348.32 1838.58,348.71C1838.45,349.099 1838.39,349.651 1838.39,350.366C1838.39,351.048 1838.45,351.576 1838.58,351.95C1838.71,352.323 1838.92,352.587 1839.24,352.742C1839.54,352.896 1839.98,352.974 1840.55,352.974C1841.04,352.974 1841.39,352.891 1841.61,352.726C1841.83,352.56 1841.99,352.254 1842.08,351.806L1844,351.806C1843.98,352.552 1843.86,353.128 1843.64,353.534C1843.42,353.939 1843.07,354.227 1842.57,354.398C1842.08,354.568 1841.37,354.654 1840.47,354.654Z" style="fill-rule:nonzero;"/>
+            <path d="M1846.07,342.862L1848.02,342.862L1848.02,347.278L1848.15,347.278C1848.41,346.776 1848.71,346.43 1849.04,346.238C1849.37,346.046 1849.83,345.95 1850.42,345.95C1851.24,345.95 1851.87,346.046 1852.31,346.238C1852.74,346.43 1853.06,346.758 1853.24,347.222C1853.43,347.686 1853.52,348.344 1853.52,349.198L1853.52,354.51L1851.57,354.51L1851.57,349.166C1851.57,348.568 1851.46,348.16 1851.24,347.942C1851.02,347.723 1850.61,347.614 1850,347.614C1849.48,347.614 1849.08,347.688 1848.8,347.838C1848.51,347.987 1848.31,348.243 1848.19,348.606C1848.08,348.968 1848.02,349.486 1848.02,350.158L1848.02,354.51L1846.07,354.51L1846.07,342.862Z" style="fill-rule:nonzero;"/>
+            <path d="M1858.63,354.654C1857.85,354.654 1857.25,354.576 1856.83,354.422C1856.4,354.267 1856.11,354.006 1855.93,353.638C1855.76,353.27 1855.67,352.75 1855.67,352.078C1855.67,351.288 1855.79,350.678 1856.04,350.246C1856.28,349.814 1856.7,349.507 1857.28,349.326C1857.87,349.144 1858.7,349.054 1859.78,349.054L1861.04,349.054L1861.04,348.958C1861.04,348.424 1860.92,348.062 1860.69,347.87C1860.46,347.678 1860.01,347.582 1859.36,347.582C1858.78,347.582 1858.38,347.659 1858.17,347.814C1857.96,347.968 1857.87,348.264 1857.89,348.702L1855.94,348.702C1855.91,347.976 1855.99,347.419 1856.19,347.03C1856.38,346.64 1856.73,346.363 1857.23,346.198C1857.72,346.032 1858.43,345.95 1859.36,345.95C1860.29,345.95 1861.01,346.04 1861.52,346.222C1862.02,346.403 1862.38,346.707 1862.6,347.134C1862.81,347.56 1862.91,348.168 1862.91,348.958L1862.91,354.51L1861.09,354.51L1861.09,353.518L1860.96,353.518C1860.66,353.955 1860.35,354.254 1860.02,354.414C1859.69,354.574 1859.22,354.654 1858.63,354.654ZM1857.62,351.934C1857.62,352.339 1857.71,352.616 1857.9,352.766C1858.09,352.915 1858.44,352.99 1858.96,352.99C1859.5,352.99 1859.91,352.92 1860.19,352.782C1860.48,352.643 1860.69,352.408 1860.81,352.078C1860.93,351.747 1861.01,351.272 1861.03,350.654L1859.44,350.67C1858.96,350.68 1858.59,350.723 1858.33,350.798C1858.07,350.872 1857.88,350.998 1857.78,351.174C1857.67,351.35 1857.62,351.603 1857.62,351.934Z" style="fill-rule:nonzero;"/>
+            <path d="M1865.27,346.158L1867.22,346.158L1867.22,347.31L1867.35,347.31C1867.64,346.787 1867.95,346.43 1868.28,346.238C1868.6,346.046 1869.05,345.95 1869.63,345.95C1870.44,345.95 1871.07,346.048 1871.51,346.246C1871.94,346.443 1872.26,346.774 1872.44,347.238C1872.63,347.702 1872.72,348.366 1872.72,349.23L1872.72,354.51L1870.77,354.51L1870.77,349.198C1870.77,348.611 1870.66,348.211 1870.44,347.998C1870.22,347.784 1869.82,347.678 1869.22,347.678C1868.7,347.678 1868.29,347.752 1868.01,347.902C1867.73,348.051 1867.53,348.304 1867.4,348.662C1867.28,349.019 1867.22,349.523 1867.22,350.174L1867.22,354.51L1865.27,354.51L1865.27,346.158Z" style="fill-rule:nonzero;"/>
+            <path d="M1878.61,358.03C1877.65,358.03 1876.91,357.944 1876.39,357.774C1875.86,357.603 1875.49,357.318 1875.27,356.918C1875.04,356.518 1874.92,355.95 1874.9,355.214L1876.87,355.214C1876.89,355.544 1876.95,355.795 1877.04,355.966C1877.14,356.136 1877.31,356.256 1877.55,356.326C1877.79,356.395 1878.15,356.43 1878.63,356.43C1879.11,356.43 1879.48,356.374 1879.74,356.262C1880,356.15 1880.18,355.963 1880.29,355.702C1880.4,355.44 1880.46,355.07 1880.47,354.59L1880.48,353.374L1880.36,353.374C1880.2,353.694 1880.05,353.936 1879.88,354.102C1879.7,354.267 1879.48,354.384 1879.19,354.454C1878.91,354.523 1878.53,354.558 1878.04,354.558C1877.16,354.558 1876.48,354.43 1875.99,354.174C1875.5,353.918 1875.14,353.488 1874.92,352.886C1874.7,352.283 1874.6,351.432 1874.6,350.334C1874.6,349.192 1874.7,348.312 1874.92,347.694C1875.14,347.075 1875.52,346.635 1876.04,346.374C1876.57,346.112 1877.32,345.982 1878.28,345.982C1878.88,345.982 1879.33,346.064 1879.63,346.23C1879.92,346.395 1880.17,346.702 1880.39,347.15L1880.52,347.15L1880.52,346.158L1882.39,346.158L1882.39,354.75C1882.39,355.614 1882.28,356.278 1882.05,356.742C1881.83,357.206 1881.44,357.536 1880.91,357.734C1880.37,357.931 1879.6,358.03 1878.61,358.03ZM1876.55,350.334C1876.55,351.006 1876.61,351.526 1876.72,351.894C1876.84,352.262 1877.04,352.523 1877.32,352.678C1877.61,352.832 1878,352.91 1878.52,352.91C1879.03,352.91 1879.42,352.832 1879.7,352.678C1879.98,352.523 1880.17,352.262 1880.29,351.894C1880.41,351.526 1880.47,351.006 1880.47,350.334C1880.47,349.63 1880.41,349.086 1880.29,348.702C1880.17,348.318 1879.98,348.043 1879.7,347.878C1879.42,347.712 1879.03,347.63 1878.52,347.63C1878,347.63 1877.61,347.712 1877.32,347.878C1877.04,348.043 1876.84,348.318 1876.72,348.702C1876.61,349.086 1876.55,349.63 1876.55,350.334Z" style="fill-rule:nonzero;"/>
+            <path d="M1888.32,354.654C1887.28,354.654 1886.47,354.523 1885.91,354.262C1885.34,354 1884.94,353.555 1884.7,352.926C1884.46,352.296 1884.34,351.406 1884.34,350.254C1884.34,349.123 1884.45,348.251 1884.68,347.638C1884.91,347.024 1885.3,346.59 1885.85,346.334C1886.4,346.078 1887.18,345.95 1888.19,345.95C1889.16,345.95 1889.92,346.086 1890.47,346.358C1891.01,346.63 1891.4,347.083 1891.64,347.718C1891.88,348.352 1892,349.246 1892,350.398L1891.99,351.022L1886.31,351.022C1886.35,351.544 1886.43,351.947 1886.56,352.23C1886.69,352.512 1886.89,352.712 1887.16,352.83C1887.43,352.947 1887.82,353.006 1888.31,353.006C1888.79,353.006 1889.14,352.931 1889.36,352.782C1889.57,352.632 1889.75,352.355 1889.88,351.95L1891.86,351.95C1891.75,352.654 1891.58,353.198 1891.33,353.582C1891.09,353.966 1890.73,354.24 1890.26,354.406C1889.79,354.571 1889.14,354.654 1888.32,354.654ZM1890.08,349.502C1890.08,348.776 1889.94,348.278 1889.66,348.006C1889.38,347.734 1888.89,347.598 1888.19,347.598C1887.52,347.598 1887.04,347.736 1886.76,348.014C1886.47,348.291 1886.32,348.787 1886.32,349.502L1890.08,349.502Z" style="fill-rule:nonzero;"/>
+            <path d="M1897.81,354.654C1896.79,354.654 1896,354.568 1895.45,354.398C1894.9,354.227 1894.52,353.934 1894.29,353.518C1894.07,353.102 1893.97,352.515 1893.99,351.758L1895.95,351.758C1895.97,352.088 1896.03,352.342 1896.15,352.518C1896.26,352.694 1896.46,352.819 1896.75,352.894C1897.03,352.968 1897.43,353.006 1897.95,353.006C1898.58,353.006 1899.02,352.944 1899.25,352.822C1899.49,352.699 1899.6,352.472 1899.6,352.142C1899.6,351.928 1899.54,351.75 1899.4,351.606C1899.27,351.462 1899.04,351.336 1898.72,351.23C1898.4,351.123 1897.95,351.016 1897.36,350.91C1896.51,350.75 1895.85,350.571 1895.39,350.374C1894.92,350.176 1894.59,349.926 1894.39,349.622C1894.2,349.318 1894.1,348.915 1894.1,348.414C1894.1,347.763 1894.21,347.264 1894.43,346.918C1894.64,346.571 1895.02,346.323 1895.55,346.174C1896.08,346.024 1896.82,345.95 1897.78,345.95C1898.72,345.95 1899.44,346.027 1899.95,346.182C1900.47,346.336 1900.83,346.598 1901.04,346.966C1901.26,347.334 1901.37,347.859 1901.38,348.542L1899.46,348.542C1899.44,348.179 1899.31,347.931 1899.07,347.798C1898.83,347.664 1898.39,347.598 1897.76,347.598C1897.1,347.598 1896.65,347.656 1896.4,347.774C1896.16,347.891 1896.04,348.11 1896.04,348.43C1896.04,348.6 1896.2,348.752 1896.54,348.886C1896.88,349.019 1897.53,349.198 1898.5,349.422C1899.3,349.603 1899.92,349.803 1900.36,350.022C1900.79,350.24 1901.1,350.515 1901.29,350.846C1901.48,351.176 1901.57,351.603 1901.57,352.126C1901.57,352.787 1901.46,353.299 1901.24,353.662C1901.01,354.024 1900.63,354.28 1900.09,354.43C1899.55,354.579 1898.79,354.654 1897.81,354.654Z" style="fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M2020.63,517.603C2020.63,517.363 2020.44,517.169 2020.2,517.169L1725.18,517.169C1724.94,517.169 1724.75,517.363 1724.75,517.603L1724.75,548.875C1724.75,549.114 1724.94,549.308 1725.18,549.308L2020.2,549.308C2020.44,549.308 2020.63,549.114 2020.63,548.875L2020.63,517.603Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1892.17,538.538C1891.28,538.538 1890.59,538.463 1890.11,538.314C1889.63,538.164 1889.29,537.908 1889.09,537.544C1888.9,537.18 1888.81,536.666 1888.83,536.004L1890.55,536.004C1890.56,536.293 1890.61,536.515 1890.72,536.669C1890.82,536.823 1890.99,536.932 1891.24,536.998C1891.49,537.063 1891.84,537.096 1892.3,537.096C1892.85,537.096 1893.23,537.042 1893.43,536.935C1893.64,536.827 1893.74,536.629 1893.74,536.34C1893.74,536.153 1893.68,535.997 1893.57,535.871C1893.45,535.745 1893.25,535.635 1892.97,535.542C1892.69,535.448 1892.29,535.355 1891.78,535.262C1891.03,535.122 1890.46,534.965 1890.05,534.793C1889.64,534.62 1889.36,534.401 1889.18,534.135C1889.01,533.869 1888.92,533.516 1888.92,533.078C1888.92,532.508 1889.02,532.072 1889.21,531.769C1889.4,531.465 1889.73,531.248 1890.19,531.118C1890.65,530.987 1891.3,530.922 1892.14,530.922C1892.97,530.922 1893.6,530.989 1894.05,531.125C1894.5,531.26 1894.81,531.489 1895,531.811C1895.19,532.133 1895.29,532.592 1895.29,533.19L1893.61,533.19C1893.6,532.872 1893.48,532.655 1893.27,532.539C1893.06,532.422 1892.68,532.364 1892.13,532.364C1891.55,532.364 1891.15,532.415 1890.94,532.518C1890.73,532.62 1890.62,532.812 1890.62,533.092C1890.62,533.241 1890.77,533.374 1891.06,533.491C1891.35,533.607 1891.92,533.764 1892.77,533.96C1893.47,534.118 1894.02,534.293 1894.4,534.485C1894.78,534.676 1895.05,534.916 1895.22,535.206C1895.38,535.495 1895.46,535.868 1895.46,536.326C1895.46,536.904 1895.36,537.352 1895.17,537.67C1894.97,537.987 1894.64,538.211 1894.17,538.342C1893.7,538.472 1893.03,538.538 1892.17,538.538Z" style="fill-rule:nonzero;"/>
+            <path d="M1901.45,538.566C1900.78,538.566 1900.27,538.477 1899.93,538.3C1899.58,538.122 1899.35,537.859 1899.23,537.509C1899.11,537.159 1899.05,536.68 1899.05,536.074L1899.05,532.546L1897.24,532.546L1897.58,531.104L1899.1,531.104L1899.1,529.62L1900.73,528.934L1900.73,531.104L1903.46,531.104L1903.46,532.546L1900.73,532.546L1900.73,536.018C1900.73,536.316 1900.75,536.536 1900.8,536.676C1900.86,536.816 1900.97,536.918 1901.14,536.984C1901.31,537.049 1901.58,537.082 1901.93,537.082C1902.33,537.082 1902.91,537.026 1903.68,536.914L1903.68,538.384C1902.71,538.505 1901.97,538.566 1901.45,538.566Z" style="fill-rule:nonzero;"/>
+            <path d="M1908.29,538.538C1907.61,538.538 1907.08,538.47 1906.71,538.335C1906.34,538.199 1906.08,537.971 1905.93,537.649C1905.77,537.327 1905.7,536.872 1905.7,536.284C1905.7,535.593 1905.8,535.059 1906.02,534.681C1906.23,534.303 1906.6,534.034 1907.11,533.876C1907.62,533.717 1908.35,533.638 1909.29,533.638L1910.4,533.638L1910.4,533.554C1910.4,533.087 1910.3,532.77 1910.09,532.602C1909.89,532.434 1909.5,532.35 1908.93,532.35C1908.42,532.35 1908.07,532.417 1907.89,532.553C1907.7,532.688 1907.62,532.947 1907.64,533.33L1905.93,533.33C1905.91,532.695 1905.98,532.207 1906.15,531.867C1906.32,531.526 1906.63,531.283 1907.06,531.139C1907.5,530.994 1908.12,530.922 1908.93,530.922C1909.74,530.922 1910.37,531.001 1910.81,531.16C1911.26,531.318 1911.57,531.584 1911.76,531.958C1911.94,532.331 1912.04,532.863 1912.04,533.554L1912.04,538.412L1910.44,538.412L1910.44,537.544L1910.33,537.544C1910.07,537.926 1909.79,538.188 1909.5,538.328C1909.22,538.468 1908.81,538.538 1908.29,538.538ZM1907.4,536.158C1907.4,536.512 1907.49,536.755 1907.65,536.886C1907.81,537.016 1908.12,537.082 1908.58,537.082C1909.05,537.082 1909.41,537.021 1909.66,536.9C1909.91,536.778 1910.09,536.573 1910.2,536.284C1910.31,535.994 1910.37,535.579 1910.39,535.038L1909,535.052C1908.58,535.061 1908.26,535.098 1908.03,535.164C1907.8,535.229 1907.64,535.339 1907.54,535.493C1907.45,535.647 1907.4,535.868 1907.4,536.158Z" style="fill-rule:nonzero;"/>
+            <path d="M1918.25,538.566C1917.58,538.566 1917.07,538.477 1916.73,538.3C1916.38,538.122 1916.15,537.859 1916.03,537.509C1915.91,537.159 1915.85,536.68 1915.85,536.074L1915.85,532.546L1914.04,532.546L1914.38,531.104L1915.9,531.104L1915.9,529.62L1917.53,528.934L1917.53,531.104L1920.26,531.104L1920.26,532.546L1917.53,532.546L1917.53,536.018C1917.53,536.316 1917.55,536.536 1917.6,536.676C1917.65,536.816 1917.77,536.918 1917.94,536.984C1918.11,537.049 1918.38,537.082 1918.73,537.082C1919.13,537.082 1919.72,537.026 1920.48,536.914L1920.48,538.384C1919.51,538.505 1918.77,538.566 1918.25,538.566Z" style="fill-rule:nonzero;"/>
+            <path d="M1924.93,538.538C1924.29,538.538 1923.79,538.454 1923.44,538.286C1923.09,538.118 1922.84,537.833 1922.69,537.432C1922.54,537.03 1922.47,536.461 1922.47,535.724L1922.47,531.104L1924.18,531.104L1924.18,535.752C1924.18,536.265 1924.26,536.615 1924.43,536.802C1924.61,536.988 1924.94,537.082 1925.42,537.082C1925.92,537.082 1926.3,537.016 1926.56,536.886C1926.82,536.755 1927,536.533 1927.12,536.221C1927.23,535.908 1927.28,535.462 1927.28,534.884L1927.28,531.104L1928.99,531.104L1928.99,538.412L1927.28,538.412L1927.28,537.39L1927.17,537.39C1926.93,537.828 1926.65,538.129 1926.34,538.293C1926.03,538.456 1925.56,538.538 1924.93,538.538Z" style="fill-rule:nonzero;"/>
+            <path d="M1934.17,538.538C1933.28,538.538 1932.59,538.463 1932.11,538.314C1931.63,538.164 1931.29,537.908 1931.09,537.544C1930.9,537.18 1930.81,536.666 1930.83,536.004L1932.55,536.004C1932.56,536.293 1932.61,536.515 1932.72,536.669C1932.82,536.823 1932.99,536.932 1933.24,536.998C1933.49,537.063 1933.84,537.096 1934.3,537.096C1934.85,537.096 1935.23,537.042 1935.43,536.935C1935.64,536.827 1935.74,536.629 1935.74,536.34C1935.74,536.153 1935.68,535.997 1935.57,535.871C1935.45,535.745 1935.25,535.635 1934.97,535.542C1934.69,535.448 1934.29,535.355 1933.78,535.262C1933.03,535.122 1932.46,534.965 1932.05,534.793C1931.64,534.62 1931.36,534.401 1931.18,534.135C1931.01,533.869 1930.92,533.516 1930.92,533.078C1930.92,532.508 1931.02,532.072 1931.21,531.769C1931.4,531.465 1931.73,531.248 1932.19,531.118C1932.65,530.987 1933.3,530.922 1934.14,530.922C1934.97,530.922 1935.6,530.989 1936.05,531.125C1936.5,531.26 1936.81,531.489 1937,531.811C1937.19,532.133 1937.29,532.592 1937.29,533.19L1935.61,533.19C1935.6,532.872 1935.48,532.655 1935.27,532.539C1935.06,532.422 1934.68,532.364 1934.13,532.364C1933.55,532.364 1933.15,532.415 1932.94,532.518C1932.73,532.62 1932.62,532.812 1932.62,533.092C1932.62,533.241 1932.77,533.374 1933.06,533.491C1933.35,533.607 1933.92,533.764 1934.77,533.96C1935.47,534.118 1936.02,534.293 1936.4,534.485C1936.78,534.676 1937.05,534.916 1937.22,535.206C1937.38,535.495 1937.46,535.868 1937.46,536.326C1937.46,536.904 1937.36,537.352 1937.17,537.67C1936.97,537.987 1936.64,538.211 1936.17,538.342C1935.7,538.472 1935.03,538.538 1934.17,538.538Z" style="fill-rule:nonzero;"/>
+            <rect x="1939.88" y="533.47" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1949.73,532.616L1947.91,532.616L1947.44,531.104L1949.73,531.104L1949.73,530.25C1949.73,529.643 1949.83,529.174 1950.03,528.843C1950.23,528.511 1950.56,528.273 1951.01,528.129C1951.46,527.984 1952.1,527.912 1952.92,527.912C1953.29,527.912 1953.71,527.926 1954.16,527.954L1954.16,529.41C1953.68,529.391 1953.35,529.382 1953.18,529.382C1952.51,529.382 1952.05,529.449 1951.79,529.585C1951.54,529.72 1951.41,529.96 1951.41,530.306L1951.41,531.104L1954.01,531.104L1954.01,532.616L1951.41,532.616L1951.41,538.412L1949.73,538.412L1949.73,532.616Z" style="fill-rule:nonzero;"/>
+            <path d="M1958.69,538.538C1958.01,538.538 1957.48,538.47 1957.11,538.335C1956.74,538.199 1956.48,537.971 1956.33,537.649C1956.17,537.327 1956.1,536.872 1956.1,536.284C1956.1,535.593 1956.2,535.059 1956.42,534.681C1956.63,534.303 1957,534.034 1957.51,533.876C1958.02,533.717 1958.75,533.638 1959.69,533.638L1960.8,533.638L1960.8,533.554C1960.8,533.087 1960.7,532.77 1960.49,532.602C1960.29,532.434 1959.9,532.35 1959.33,532.35C1958.82,532.35 1958.47,532.417 1958.29,532.553C1958.11,532.688 1958.02,532.947 1958.04,533.33L1956.33,533.33C1956.31,532.695 1956.38,532.207 1956.55,531.867C1956.72,531.526 1957.03,531.283 1957.46,531.139C1957.89,530.994 1958.52,530.922 1959.33,530.922C1960.14,530.922 1960.77,531.001 1961.21,531.16C1961.66,531.318 1961.97,531.584 1962.16,531.958C1962.35,532.331 1962.44,532.863 1962.44,533.554L1962.44,538.412L1960.84,538.412L1960.84,537.544L1960.73,537.544C1960.47,537.926 1960.19,538.188 1959.9,538.328C1959.62,538.468 1959.21,538.538 1958.69,538.538ZM1957.8,536.158C1957.8,536.512 1957.89,536.755 1958.05,536.886C1958.21,537.016 1958.52,537.082 1958.98,537.082C1959.45,537.082 1959.81,537.021 1960.06,536.9C1960.31,536.778 1960.49,536.573 1960.6,536.284C1960.7,535.994 1960.77,535.579 1960.79,535.038L1959.4,535.052C1958.98,535.061 1958.66,535.098 1958.43,535.164C1958.2,535.229 1958.04,535.339 1957.94,535.493C1957.85,535.647 1957.8,535.868 1957.8,536.158Z" style="fill-rule:nonzero;"/>
+            <path d="M1966.83,528.22L1968.98,528.22L1968.98,530.194L1966.83,530.194L1966.83,528.22ZM1964.8,536.97L1967.24,536.97L1967.24,532.546L1964.94,532.546L1964.94,531.104L1968.92,531.104L1968.92,536.97L1971.26,536.97L1971.26,538.412L1964.8,538.412L1964.8,536.97Z" style="fill-rule:nonzero;"/>
+            <path d="M1972.88,536.956L1975.44,536.956L1975.44,529.676L1973.02,529.676L1973.02,528.22L1977.12,528.22L1977.12,536.956L1979.52,536.956L1979.52,538.412L1972.88,538.412L1972.88,536.956Z" style="fill-rule:nonzero;"/>
+            <path d="M1983.73,538.538C1983.09,538.538 1982.59,538.454 1982.24,538.286C1981.89,538.118 1981.64,537.833 1981.49,537.432C1981.34,537.03 1981.27,536.461 1981.27,535.724L1981.27,531.104L1982.98,531.104L1982.98,535.752C1982.98,536.265 1983.06,536.615 1983.24,536.802C1983.41,536.988 1983.74,537.082 1984.22,537.082C1984.72,537.082 1985.1,537.016 1985.36,536.886C1985.62,536.755 1985.8,536.533 1985.92,536.221C1986.03,535.908 1986.08,535.462 1986.08,534.884L1986.08,531.104L1987.79,531.104L1987.79,538.412L1986.08,538.412L1986.08,537.39L1985.97,537.39C1985.73,537.828 1985.45,538.129 1985.14,538.293C1984.83,538.456 1984.36,538.538 1983.73,538.538Z" style="fill-rule:nonzero;"/>
+            <path d="M1990.59,531.104L1992.13,531.104L1992.06,532.602L1992.22,532.602C1992.56,532.023 1992.81,531.64 1992.96,531.454C1993.11,531.267 1993.27,531.15 1993.43,531.104C1993.6,531.057 1993.91,531.034 1994.36,531.034L1995.73,531.062L1995.73,532.742C1995.56,532.732 1995.31,532.728 1994.97,532.728C1994.46,532.728 1994.01,532.751 1993.62,532.798C1993.43,532.826 1993.23,532.947 1993.01,533.162C1992.8,533.376 1992.62,533.635 1992.48,533.939C1992.34,534.242 1992.27,534.534 1992.27,534.814L1992.27,538.412L1990.59,538.412L1990.59,531.104Z" style="fill-rule:nonzero;"/>
+            <path d="M2001.47,538.538C2000.56,538.538 1999.85,538.423 1999.36,538.195C1998.86,537.966 1998.51,537.576 1998.3,537.026C1998.09,536.475 1997.98,535.696 1997.98,534.688C1997.98,533.698 1998.09,532.935 1998.29,532.399C1998.49,531.862 1998.83,531.482 1999.31,531.258C1999.79,531.034 2000.47,530.922 2001.36,530.922C2002.21,530.922 2002.87,531.041 2003.35,531.279C2003.82,531.517 2004.16,531.913 2004.38,532.469C2004.59,533.024 2004.69,533.806 2004.69,534.814L2004.68,535.36L1999.71,535.36C1999.74,535.817 1999.82,536.169 1999.93,536.417C2000.04,536.664 2000.22,536.839 2000.46,536.942C2000.69,537.044 2001.03,537.096 2001.46,537.096C2001.88,537.096 2002.18,537.03 2002.37,536.9C2002.57,536.769 2002.72,536.526 2002.83,536.172L2004.56,536.172C2004.47,536.788 2004.32,537.264 2004.1,537.6C2003.89,537.936 2003.58,538.176 2003.16,538.321C2002.75,538.465 2002.19,538.538 2001.47,538.538ZM2003.01,534.03C2003.01,533.395 2002.89,532.959 2002.64,532.721C2002.39,532.483 2001.97,532.364 2001.36,532.364C2000.77,532.364 2000.35,532.485 2000.1,532.728C1999.85,532.97 1999.72,533.404 1999.72,534.03L2003.01,534.03Z" style="fill-rule:nonzero;"/>
+            <path d="M1744.25,537.807C1743.36,537.807 1742.67,537.732 1742.19,537.583C1741.71,537.434 1741.37,537.177 1741.17,536.813C1740.98,536.449 1740.89,535.936 1740.91,535.273L1742.63,535.273C1742.64,535.562 1742.69,535.784 1742.8,535.938C1742.9,536.092 1743.07,536.202 1743.32,536.267C1743.57,536.332 1743.92,536.365 1744.38,536.365C1744.93,536.365 1745.31,536.311 1745.51,536.204C1745.72,536.097 1745.82,535.898 1745.82,535.609C1745.82,535.422 1745.76,535.266 1745.65,535.14C1745.53,535.014 1745.33,534.904 1745.05,534.811C1744.77,534.718 1744.37,534.624 1743.86,534.531C1743.11,534.391 1742.54,534.235 1742.13,534.062C1741.73,533.889 1741.44,533.67 1741.26,533.404C1741.09,533.138 1741.01,532.786 1741.01,532.347C1741.01,531.778 1741.1,531.341 1741.29,531.038C1741.48,530.735 1741.81,530.518 1742.27,530.387C1742.73,530.256 1743.38,530.191 1744.23,530.191C1745.05,530.191 1745.68,530.259 1746.13,530.394C1746.58,530.529 1746.89,530.758 1747.08,531.08C1747.27,531.402 1747.37,531.862 1747.38,532.459L1745.69,532.459C1745.68,532.142 1745.56,531.925 1745.35,531.808C1745.14,531.691 1744.76,531.633 1744.21,531.633C1743.63,531.633 1743.24,531.684 1743.02,531.787C1742.81,531.89 1742.7,532.081 1742.7,532.361C1742.7,532.51 1742.85,532.643 1743.14,532.76C1743.43,532.877 1744.01,533.033 1744.86,533.229C1745.56,533.388 1746.1,533.563 1746.48,533.754C1746.86,533.945 1747.13,534.186 1747.3,534.475C1747.46,534.764 1747.54,535.138 1747.54,535.595C1747.54,536.174 1747.44,536.622 1747.25,536.939C1747.05,537.256 1746.72,537.48 1746.25,537.611C1745.78,537.742 1745.11,537.807 1744.25,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1753.54,537.835C1752.86,537.835 1752.35,537.746 1752.01,537.569C1751.66,537.392 1751.43,537.128 1751.31,536.778C1751.19,536.428 1751.13,535.95 1751.13,535.343L1751.13,531.815L1749.32,531.815L1749.66,530.373L1751.18,530.373L1751.18,528.889L1752.81,528.203L1752.81,530.373L1755.54,530.373L1755.54,531.815L1752.81,531.815L1752.81,535.287C1752.81,535.586 1752.83,535.805 1752.88,535.945C1752.93,536.085 1753.05,536.188 1753.22,536.253C1753.39,536.318 1753.66,536.351 1754.01,536.351C1754.41,536.351 1755,536.295 1755.76,536.183L1755.76,537.653C1754.79,537.774 1754.05,537.835 1753.54,537.835Z" style="fill-rule:nonzero;"/>
+            <path d="M1760.37,537.807C1759.68,537.807 1759.16,537.739 1758.79,537.604C1758.42,537.469 1758.16,537.24 1758.01,536.918C1757.85,536.596 1757.78,536.141 1757.78,535.553C1757.78,534.862 1757.88,534.328 1758.1,533.95C1758.31,533.572 1758.68,533.304 1759.19,533.145C1759.7,532.986 1760.43,532.907 1761.38,532.907L1762.48,532.907L1762.48,532.823C1762.48,532.356 1762.38,532.039 1762.17,531.871C1761.97,531.703 1761.58,531.619 1761.01,531.619C1760.5,531.619 1760.15,531.687 1759.97,531.822C1759.79,531.957 1759.7,532.216 1759.72,532.599L1758.02,532.599C1757.99,531.964 1758.06,531.477 1758.23,531.136C1758.4,530.795 1758.71,530.553 1759.14,530.408C1759.58,530.263 1760.2,530.191 1761.01,530.191C1761.82,530.191 1762.45,530.27 1762.89,530.429C1763.34,530.588 1763.65,530.854 1763.84,531.227C1764.03,531.6 1764.12,532.132 1764.12,532.823L1764.12,537.681L1762.52,537.681L1762.52,536.813L1762.41,536.813C1762.15,537.196 1761.87,537.457 1761.59,537.597C1761.3,537.737 1760.89,537.807 1760.37,537.807ZM1759.49,535.427C1759.49,535.782 1759.57,536.024 1759.73,536.155C1759.89,536.286 1760.2,536.351 1760.66,536.351C1761.13,536.351 1761.49,536.29 1761.74,536.169C1761.99,536.048 1762.17,535.842 1762.28,535.553C1762.38,535.264 1762.45,534.848 1762.47,534.307L1761.08,534.321C1760.66,534.33 1760.34,534.368 1760.11,534.433C1759.88,534.498 1759.72,534.608 1759.62,534.762C1759.53,534.916 1759.49,535.138 1759.49,535.427Z" style="fill-rule:nonzero;"/>
+            <path d="M1770.34,537.835C1769.66,537.835 1769.15,537.746 1768.81,537.569C1768.46,537.392 1768.23,537.128 1768.11,536.778C1767.99,536.428 1767.93,535.95 1767.93,535.343L1767.93,531.815L1766.12,531.815L1766.46,530.373L1767.98,530.373L1767.98,528.889L1769.61,528.203L1769.61,530.373L1772.34,530.373L1772.34,531.815L1769.61,531.815L1769.61,535.287C1769.61,535.586 1769.63,535.805 1769.68,535.945C1769.74,536.085 1769.85,536.188 1770.02,536.253C1770.19,536.318 1770.46,536.351 1770.81,536.351C1771.21,536.351 1771.8,536.295 1772.56,536.183L1772.56,537.653C1771.59,537.774 1770.85,537.835 1770.34,537.835Z" style="fill-rule:nonzero;"/>
+            <path d="M1777.01,537.807C1776.37,537.807 1775.87,537.723 1775.52,537.555C1775.17,537.387 1774.92,537.102 1774.77,536.701C1774.62,536.3 1774.55,535.73 1774.55,534.993L1774.55,530.373L1776.26,530.373L1776.26,535.021C1776.26,535.534 1776.34,535.884 1776.52,536.071C1776.69,536.258 1777.02,536.351 1777.5,536.351C1778,536.351 1778.38,536.286 1778.64,536.155C1778.9,536.024 1779.09,535.803 1779.2,535.49C1779.31,535.177 1779.37,534.732 1779.37,534.153L1779.37,530.373L1781.07,530.373L1781.07,537.681L1779.37,537.681L1779.37,536.659L1779.25,536.659C1779.01,537.098 1778.73,537.399 1778.42,537.562C1778.11,537.725 1777.64,537.807 1777.01,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1786.25,537.807C1785.36,537.807 1784.67,537.732 1784.19,537.583C1783.71,537.434 1783.37,537.177 1783.17,536.813C1782.98,536.449 1782.89,535.936 1782.91,535.273L1784.63,535.273C1784.64,535.562 1784.69,535.784 1784.8,535.938C1784.9,536.092 1785.07,536.202 1785.32,536.267C1785.57,536.332 1785.92,536.365 1786.38,536.365C1786.93,536.365 1787.31,536.311 1787.51,536.204C1787.72,536.097 1787.82,535.898 1787.82,535.609C1787.82,535.422 1787.76,535.266 1787.65,535.14C1787.53,535.014 1787.33,534.904 1787.05,534.811C1786.77,534.718 1786.37,534.624 1785.86,534.531C1785.11,534.391 1784.54,534.235 1784.13,534.062C1783.73,533.889 1783.44,533.67 1783.26,533.404C1783.09,533.138 1783.01,532.786 1783.01,532.347C1783.01,531.778 1783.1,531.341 1783.29,531.038C1783.48,530.735 1783.81,530.518 1784.27,530.387C1784.73,530.256 1785.38,530.191 1786.23,530.191C1787.05,530.191 1787.68,530.259 1788.13,530.394C1788.58,530.529 1788.89,530.758 1789.08,531.08C1789.27,531.402 1789.37,531.862 1789.38,532.459L1787.69,532.459C1787.68,532.142 1787.56,531.925 1787.35,531.808C1787.14,531.691 1786.76,531.633 1786.21,531.633C1785.63,531.633 1785.24,531.684 1785.02,531.787C1784.81,531.89 1784.7,532.081 1784.7,532.361C1784.7,532.51 1784.85,532.643 1785.14,532.76C1785.43,532.877 1786.01,533.033 1786.86,533.229C1787.56,533.388 1788.1,533.563 1788.48,533.754C1788.86,533.945 1789.13,534.186 1789.3,534.475C1789.46,534.764 1789.54,535.138 1789.54,535.595C1789.54,536.174 1789.44,536.622 1789.25,536.939C1789.05,537.256 1788.72,537.48 1788.25,537.611C1787.78,537.742 1787.11,537.807 1786.25,537.807Z" style="fill-rule:nonzero;"/>
+            <rect x="1791.97" y="532.739" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1803.05,537.807C1802.16,537.807 1801.47,537.732 1800.99,537.583C1800.51,537.434 1800.17,537.177 1799.97,536.813C1799.78,536.449 1799.69,535.936 1799.71,535.273L1801.43,535.273C1801.44,535.562 1801.49,535.784 1801.6,535.938C1801.7,536.092 1801.87,536.202 1802.12,536.267C1802.37,536.332 1802.72,536.365 1803.18,536.365C1803.73,536.365 1804.11,536.311 1804.31,536.204C1804.52,536.097 1804.62,535.898 1804.62,535.609C1804.62,535.422 1804.56,535.266 1804.45,535.14C1804.33,535.014 1804.13,534.904 1803.85,534.811C1803.57,534.718 1803.17,534.624 1802.66,534.531C1801.91,534.391 1801.34,534.235 1800.93,534.062C1800.53,533.889 1800.24,533.67 1800.06,533.404C1799.89,533.138 1799.81,532.786 1799.81,532.347C1799.81,531.778 1799.9,531.341 1800.09,531.038C1800.28,530.735 1800.61,530.518 1801.07,530.387C1801.53,530.256 1802.18,530.191 1803.03,530.191C1803.85,530.191 1804.48,530.259 1804.93,530.394C1805.38,530.529 1805.69,530.758 1805.88,531.08C1806.07,531.402 1806.16,531.862 1806.17,532.459L1804.5,532.459C1804.48,532.142 1804.36,531.925 1804.15,531.808C1803.94,531.691 1803.56,531.633 1803.01,531.633C1802.43,531.633 1802.04,531.684 1801.82,531.787C1801.61,531.89 1801.5,532.081 1801.5,532.361C1801.5,532.51 1801.65,532.643 1801.94,532.76C1802.23,532.877 1802.81,533.033 1803.65,533.229C1804.36,533.388 1804.9,533.563 1805.28,533.754C1805.66,533.945 1805.93,534.186 1806.1,534.475C1806.26,534.764 1806.34,535.138 1806.34,535.595C1806.34,536.174 1806.25,536.622 1806.05,536.939C1805.85,537.256 1805.52,537.48 1805.05,537.611C1804.58,537.742 1803.91,537.807 1803.05,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1810.61,537.807C1809.97,537.807 1809.47,537.723 1809.12,537.555C1808.77,537.387 1808.52,537.102 1808.37,536.701C1808.22,536.3 1808.15,535.73 1808.15,534.993L1808.15,530.373L1809.86,530.373L1809.86,535.021C1809.86,535.534 1809.94,535.884 1810.12,536.071C1810.29,536.258 1810.62,536.351 1811.1,536.351C1811.6,536.351 1811.98,536.286 1812.24,536.155C1812.5,536.024 1812.68,535.803 1812.8,535.49C1812.91,535.177 1812.97,534.732 1812.97,534.153L1812.97,530.373L1814.67,530.373L1814.67,537.681L1812.97,537.681L1812.97,536.659L1812.85,536.659C1812.61,537.098 1812.33,537.399 1812.02,537.562C1811.71,537.725 1811.24,537.807 1810.61,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1820.08,537.807C1819.15,537.807 1818.44,537.695 1817.93,537.471C1817.43,537.247 1817.07,536.867 1816.86,536.33C1816.65,535.793 1816.55,535.03 1816.55,534.041C1816.55,533.033 1816.65,532.254 1816.86,531.703C1817.07,531.152 1817.43,530.763 1817.93,530.534C1818.43,530.305 1819.13,530.191 1820.05,530.191C1820.85,530.191 1821.47,530.27 1821.91,530.429C1822.35,530.588 1822.66,530.856 1822.86,531.234C1823.05,531.612 1823.15,532.146 1823.17,532.837L1821.48,532.837C1821.41,532.38 1821.28,532.069 1821.09,531.906C1820.9,531.743 1820.58,531.661 1820.13,531.661C1819.64,531.661 1819.26,531.733 1818.99,531.878C1818.73,532.023 1818.54,532.265 1818.42,532.606C1818.31,532.947 1818.26,533.43 1818.26,534.055C1818.26,534.652 1818.31,535.114 1818.42,535.441C1818.54,535.768 1818.73,535.999 1819,536.134C1819.27,536.269 1819.65,536.337 1820.15,536.337C1820.58,536.337 1820.89,536.265 1821.08,536.12C1821.27,535.975 1821.41,535.707 1821.49,535.315L1823.17,535.315C1823.15,535.968 1823.05,536.472 1822.86,536.827C1822.66,537.182 1822.35,537.434 1821.92,537.583C1821.48,537.732 1820.87,537.807 1820.08,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1828.48,537.807C1827.55,537.807 1826.84,537.695 1826.34,537.471C1825.83,537.247 1825.47,536.867 1825.26,536.33C1825.05,535.793 1824.95,535.03 1824.95,534.041C1824.95,533.033 1825.05,532.254 1825.26,531.703C1825.47,531.152 1825.83,530.763 1826.33,530.534C1826.83,530.305 1827.53,530.191 1828.45,530.191C1829.25,530.191 1829.87,530.27 1830.31,530.429C1830.75,530.588 1831.06,530.856 1831.26,531.234C1831.45,531.612 1831.55,532.146 1831.57,532.837L1829.88,532.837C1829.81,532.38 1829.68,532.069 1829.49,531.906C1829.3,531.743 1828.98,531.661 1828.53,531.661C1828.04,531.661 1827.66,531.733 1827.39,531.878C1827.13,532.023 1826.94,532.265 1826.83,532.606C1826.71,532.947 1826.66,533.43 1826.66,534.055C1826.66,534.652 1826.71,535.114 1826.83,535.441C1826.94,535.768 1827.13,535.999 1827.4,536.134C1827.67,536.269 1828.05,536.337 1828.55,536.337C1828.98,536.337 1829.29,536.265 1829.48,536.12C1829.67,535.975 1829.81,535.707 1829.89,535.315L1831.57,535.315C1831.55,535.968 1831.45,536.472 1831.26,536.827C1831.06,537.182 1830.75,537.434 1830.32,537.583C1829.88,537.732 1829.27,537.807 1828.48,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1836.75,537.807C1835.84,537.807 1835.13,537.693 1834.64,537.464C1834.14,537.235 1833.79,536.846 1833.58,536.295C1833.37,535.744 1833.27,534.965 1833.27,533.957C1833.27,532.968 1833.37,532.205 1833.57,531.668C1833.77,531.131 1834.11,530.751 1834.59,530.527C1835.07,530.303 1835.75,530.191 1836.64,530.191C1837.49,530.191 1838.15,530.31 1838.63,530.548C1839.1,530.786 1839.45,531.183 1839.66,531.738C1839.87,532.293 1839.97,533.075 1839.97,534.083L1839.96,534.629L1834.99,534.629C1835.02,535.086 1835.1,535.439 1835.21,535.686C1835.32,535.933 1835.5,536.108 1835.74,536.211C1835.97,536.314 1836.31,536.365 1836.74,536.365C1837.16,536.365 1837.46,536.3 1837.65,536.169C1837.85,536.038 1838,535.796 1838.11,535.441L1839.85,535.441C1839.75,536.057 1839.6,536.533 1839.38,536.869C1839.17,537.205 1838.86,537.445 1838.44,537.59C1838.03,537.735 1837.47,537.807 1836.75,537.807ZM1838.29,533.299C1838.29,532.664 1838.17,532.228 1837.92,531.99C1837.67,531.752 1837.25,531.633 1836.64,531.633C1836.05,531.633 1835.63,531.754 1835.38,531.997C1835.13,532.24 1835,532.674 1835,533.299L1838.29,533.299Z" style="fill-rule:nonzero;"/>
+            <path d="M1845.05,537.807C1844.16,537.807 1843.47,537.732 1842.99,537.583C1842.51,537.434 1842.17,537.177 1841.97,536.813C1841.78,536.449 1841.69,535.936 1841.71,535.273L1843.43,535.273C1843.44,535.562 1843.49,535.784 1843.6,535.938C1843.7,536.092 1843.87,536.202 1844.12,536.267C1844.37,536.332 1844.72,536.365 1845.18,536.365C1845.73,536.365 1846.11,536.311 1846.31,536.204C1846.52,536.097 1846.62,535.898 1846.62,535.609C1846.62,535.422 1846.56,535.266 1846.45,535.14C1846.33,535.014 1846.13,534.904 1845.85,534.811C1845.57,534.718 1845.17,534.624 1844.66,534.531C1843.91,534.391 1843.34,534.235 1842.93,534.062C1842.53,533.889 1842.24,533.67 1842.06,533.404C1841.89,533.138 1841.81,532.786 1841.81,532.347C1841.81,531.778 1841.9,531.341 1842.09,531.038C1842.28,530.735 1842.61,530.518 1843.07,530.387C1843.53,530.256 1844.18,530.191 1845.03,530.191C1845.85,530.191 1846.48,530.259 1846.93,530.394C1847.38,530.529 1847.69,530.758 1847.88,531.08C1848.07,531.402 1848.16,531.862 1848.17,532.459L1846.5,532.459C1846.48,532.142 1846.36,531.925 1846.15,531.808C1845.94,531.691 1845.56,531.633 1845.01,531.633C1844.43,531.633 1844.04,531.684 1843.82,531.787C1843.61,531.89 1843.5,532.081 1843.5,532.361C1843.5,532.51 1843.65,532.643 1843.94,532.76C1844.23,532.877 1844.81,533.033 1845.65,533.229C1846.36,533.388 1846.9,533.563 1847.28,533.754C1847.66,533.945 1847.93,534.186 1848.1,534.475C1848.26,534.764 1848.34,535.138 1848.34,535.595C1848.34,536.174 1848.25,536.622 1848.05,536.939C1847.85,537.256 1847.52,537.48 1847.05,537.611C1846.58,537.742 1845.91,537.807 1845.05,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1853.45,537.807C1852.56,537.807 1851.87,537.732 1851.39,537.583C1850.91,537.434 1850.57,537.177 1850.37,536.813C1850.18,536.449 1850.09,535.936 1850.11,535.273L1851.83,535.273C1851.84,535.562 1851.89,535.784 1852,535.938C1852.1,536.092 1852.27,536.202 1852.52,536.267C1852.77,536.332 1853.12,536.365 1853.58,536.365C1854.13,536.365 1854.51,536.311 1854.71,536.204C1854.92,536.097 1855.02,535.898 1855.02,535.609C1855.02,535.422 1854.96,535.266 1854.85,535.14C1854.73,535.014 1854.53,534.904 1854.25,534.811C1853.97,534.718 1853.57,534.624 1853.06,534.531C1852.31,534.391 1851.74,534.235 1851.33,534.062C1850.93,533.889 1850.64,533.67 1850.46,533.404C1850.29,533.138 1850.2,532.786 1850.2,532.347C1850.2,531.778 1850.3,531.341 1850.49,531.038C1850.68,530.735 1851.01,530.518 1851.47,530.387C1851.93,530.256 1852.59,530.191 1853.42,530.191C1854.25,530.191 1854.88,530.259 1855.33,530.394C1855.78,530.529 1856.09,530.758 1856.28,531.08C1856.47,531.402 1856.57,531.862 1856.58,532.459L1854.89,532.459C1854.88,532.142 1854.76,531.925 1854.55,531.808C1854.34,531.691 1853.96,531.633 1853.41,531.633C1852.83,531.633 1852.43,531.684 1852.22,531.787C1852.01,531.89 1851.9,532.081 1851.9,532.361C1851.9,532.51 1852.05,532.643 1852.34,532.76C1852.63,532.877 1853.2,533.033 1854.06,533.229C1854.76,533.388 1855.3,533.563 1855.68,533.754C1856.06,533.945 1856.33,534.186 1856.5,534.475C1856.66,534.764 1856.74,535.138 1856.74,535.595C1856.74,536.174 1856.64,536.622 1856.45,536.939C1856.25,537.256 1855.92,537.48 1855.45,537.611C1854.98,537.742 1854.31,537.807 1853.45,537.807Z" style="fill-rule:nonzero;"/>
+            <path d="M1872.69,517.169L1872.69,549.308" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+        <g>
+            <path d="M1975,425.701C1975,425.475 1974.81,425.292 1974.59,425.292L1770.79,425.292C1770.56,425.292 1770.38,425.475 1770.38,425.701L1770.38,455.183C1770.38,455.409 1770.56,455.592 1770.79,455.592L1974.59,455.592C1974.81,455.592 1975,455.409 1975,455.183L1975,425.701Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1806.49,445.834C1805.72,445.834 1805.14,445.732 1804.75,445.53C1804.35,445.327 1804.08,445.026 1803.94,444.626C1803.81,444.226 1803.74,443.679 1803.74,442.986L1803.74,438.954L1801.67,438.954L1802.06,437.306L1803.8,437.306L1803.8,435.61L1805.66,434.826L1805.66,437.306L1808.78,437.306L1808.78,438.954L1805.66,438.954L1805.66,442.922C1805.66,443.263 1805.69,443.514 1805.75,443.674C1805.8,443.834 1805.93,443.951 1806.13,444.026C1806.33,444.1 1806.63,444.138 1807.03,444.138C1807.49,444.138 1808.16,444.074 1809.03,443.946L1809.03,445.626C1807.92,445.764 1807.08,445.834 1806.49,445.834Z" style="fill-rule:nonzero;"/>
+            <path d="M1815.19,445.802C1814.15,445.802 1813.34,445.671 1812.78,445.41C1812.21,445.148 1811.81,444.703 1811.57,444.074C1811.33,443.444 1811.21,442.554 1811.21,441.402C1811.21,440.271 1811.32,439.399 1811.55,438.786C1811.78,438.172 1812.17,437.738 1812.72,437.482C1813.27,437.226 1814.05,437.098 1815.07,437.098C1816.04,437.098 1816.79,437.234 1817.34,437.506C1817.88,437.778 1818.27,438.231 1818.51,438.866C1818.75,439.5 1818.87,440.394 1818.87,441.546L1818.86,442.17L1813.18,442.17C1813.22,442.692 1813.31,443.095 1813.43,443.378C1813.56,443.66 1813.76,443.86 1814.03,443.978C1814.31,444.095 1814.69,444.154 1815.18,444.154C1815.66,444.154 1816.01,444.079 1816.23,443.93C1816.44,443.78 1816.62,443.503 1816.75,443.098L1818.73,443.098C1818.62,443.802 1818.45,444.346 1818.2,444.73C1817.95,445.114 1817.6,445.388 1817.13,445.554C1816.66,445.719 1816.01,445.802 1815.19,445.802ZM1816.95,440.65C1816.95,439.924 1816.81,439.426 1816.53,439.154C1816.25,438.882 1815.76,438.746 1815.07,438.746C1814.39,438.746 1813.91,438.884 1813.62,439.162C1813.34,439.439 1813.19,439.935 1813.19,440.65L1816.95,440.65Z" style="fill-rule:nonzero;"/>
+            <path d="M1824.68,445.802C1823.66,445.802 1822.87,445.716 1822.32,445.546C1821.77,445.375 1821.38,445.082 1821.16,444.666C1820.94,444.25 1820.84,443.663 1820.86,442.906L1822.83,442.906C1822.84,443.236 1822.9,443.49 1823.02,443.666C1823.13,443.842 1823.33,443.967 1823.62,444.042C1823.9,444.116 1824.3,444.154 1824.83,444.154C1825.45,444.154 1825.89,444.092 1826.12,443.97C1826.36,443.847 1826.47,443.62 1826.47,443.29C1826.47,443.076 1826.41,442.898 1826.27,442.754C1826.14,442.61 1825.91,442.484 1825.59,442.378C1825.27,442.271 1824.82,442.164 1824.23,442.058C1823.38,441.898 1822.72,441.719 1822.26,441.522C1821.79,441.324 1821.46,441.074 1821.27,440.77C1821.07,440.466 1820.97,440.063 1820.97,439.562C1820.97,438.911 1821.08,438.412 1821.3,438.066C1821.52,437.719 1821.89,437.471 1822.42,437.322C1822.94,437.172 1823.69,437.098 1824.65,437.098C1825.59,437.098 1826.31,437.175 1826.83,437.33C1827.34,437.484 1827.7,437.746 1827.91,438.114C1828.13,438.482 1828.24,439.007 1828.25,439.69L1826.33,439.69C1826.31,439.327 1826.18,439.079 1825.94,438.946C1825.7,438.812 1825.26,438.746 1824.63,438.746C1823.97,438.746 1823.52,438.804 1823.27,438.922C1823.03,439.039 1822.9,439.258 1822.9,439.578C1822.9,439.748 1823.07,439.9 1823.41,440.034C1823.75,440.167 1824.4,440.346 1825.37,440.57C1826.17,440.751 1826.79,440.951 1827.23,441.17C1827.66,441.388 1827.97,441.663 1828.16,441.994C1828.35,442.324 1828.44,442.751 1828.44,443.274C1828.44,443.935 1828.33,444.447 1828.11,444.81C1827.88,445.172 1827.5,445.428 1826.96,445.578C1826.42,445.727 1825.66,445.802 1824.68,445.802Z" style="fill-rule:nonzero;"/>
+            <path d="M1835.29,445.834C1834.52,445.834 1833.94,445.732 1833.55,445.53C1833.15,445.327 1832.88,445.026 1832.75,444.626C1832.61,444.226 1832.54,443.679 1832.54,442.986L1832.54,438.954L1830.47,438.954L1830.86,437.306L1832.6,437.306L1832.6,435.61L1834.46,434.826L1834.46,437.306L1837.58,437.306L1837.58,438.954L1834.46,438.954L1834.46,442.922C1834.46,443.263 1834.49,443.514 1834.55,443.674C1834.6,443.834 1834.73,443.951 1834.93,444.026C1835.13,444.1 1835.43,444.138 1835.83,444.138C1836.29,444.138 1836.96,444.074 1837.83,443.946L1837.83,445.626C1836.72,445.764 1835.88,445.834 1835.29,445.834Z" style="fill-rule:nonzero;"/>
+            <rect x="1840.81" y="440.01" width="6.08" height="1.76" style="fill-rule:nonzero;"/>
+            <path d="M1852.06,439.034L1849.98,439.034L1849.45,437.306L1852.06,437.306L1852.06,436.33C1852.06,435.636 1852.17,435.1 1852.4,434.722C1852.63,434.343 1853,434.071 1853.52,433.906C1854.04,433.74 1854.77,433.658 1855.7,433.658C1856.13,433.658 1856.61,433.674 1857.13,433.706L1857.13,435.37C1856.57,435.348 1856.2,435.338 1856.01,435.338C1855.24,435.338 1854.71,435.415 1854.42,435.57C1854.12,435.724 1853.98,435.999 1853.98,436.394L1853.98,437.306L1856.95,437.306L1856.95,439.034L1853.98,439.034L1853.98,445.658L1852.06,445.658L1852.06,439.034Z" style="fill-rule:nonzero;"/>
+            <path d="M1862.12,445.802C1861.38,445.802 1860.82,445.706 1860.42,445.514C1860.02,445.322 1859.73,444.996 1859.56,444.538C1859.39,444.079 1859.31,443.428 1859.31,442.586L1859.31,437.306L1861.26,437.306L1861.26,442.618C1861.26,443.204 1861.36,443.604 1861.55,443.818C1861.75,444.031 1862.13,444.138 1862.68,444.138C1863.25,444.138 1863.68,444.063 1863.98,443.914C1864.28,443.764 1864.49,443.511 1864.62,443.154C1864.75,442.796 1864.81,442.287 1864.81,441.626L1864.81,437.306L1866.76,437.306L1866.76,445.658L1864.81,445.658L1864.81,444.49L1864.68,444.49C1864.4,444.991 1864.09,445.335 1863.73,445.522C1863.37,445.708 1862.84,445.802 1862.12,445.802Z" style="fill-rule:nonzero;"/>
+            <path d="M1868.94,437.306L1870.89,437.306L1870.89,438.458L1871.02,438.458C1871.32,437.935 1871.62,437.578 1871.94,437.386C1872.27,437.194 1872.72,437.098 1873.31,437.098C1874.12,437.098 1874.74,437.196 1875.18,437.394C1875.61,437.591 1875.93,437.922 1876.11,438.386C1876.3,438.85 1876.39,439.514 1876.39,440.378L1876.39,445.658L1874.44,445.658L1874.44,440.346C1874.44,439.759 1874.33,439.359 1874.11,439.146C1873.89,438.932 1873.49,438.826 1872.89,438.826C1872.37,438.826 1871.96,438.9 1871.68,439.05C1871.4,439.199 1871.19,439.452 1871.07,439.81C1870.95,440.167 1870.89,440.671 1870.89,441.322L1870.89,445.658L1868.94,445.658L1868.94,437.306Z" style="fill-rule:nonzero;"/>
+            <path d="M1882.54,445.802C1881.48,445.802 1880.66,445.674 1880.09,445.418C1879.51,445.162 1879.11,444.727 1878.87,444.114C1878.62,443.5 1878.51,442.628 1878.51,441.498C1878.51,440.346 1878.62,439.455 1878.87,438.826C1879.11,438.196 1879.51,437.751 1880.08,437.49C1880.65,437.228 1881.46,437.098 1882.51,437.098C1883.42,437.098 1884.13,437.188 1884.63,437.37C1885.13,437.551 1885.49,437.858 1885.71,438.29C1885.93,438.722 1886.05,439.332 1886.07,440.122L1884.14,440.122C1884.06,439.599 1883.91,439.244 1883.7,439.058C1883.48,438.871 1883.11,438.778 1882.6,438.778C1882.04,438.778 1881.6,438.86 1881.3,439.026C1880.99,439.191 1880.78,439.468 1880.65,439.858C1880.52,440.247 1880.46,440.799 1880.46,441.514C1880.46,442.196 1880.52,442.724 1880.65,443.098C1880.78,443.471 1881,443.735 1881.31,443.89C1881.61,444.044 1882.05,444.122 1882.62,444.122C1883.11,444.122 1883.46,444.039 1883.68,443.874C1883.9,443.708 1884.06,443.402 1884.15,442.954L1886.07,442.954C1886.05,443.7 1885.93,444.276 1885.71,444.682C1885.49,445.087 1885.14,445.375 1884.64,445.546C1884.14,445.716 1883.44,445.802 1882.54,445.802Z" style="fill-rule:nonzero;"/>
+            <path d="M1892.89,445.834C1892.12,445.834 1891.54,445.732 1891.14,445.53C1890.75,445.327 1890.48,445.026 1890.35,444.626C1890.21,444.226 1890.14,443.679 1890.14,442.986L1890.14,438.954L1888.07,438.954L1888.46,437.306L1890.2,437.306L1890.2,435.61L1892.06,434.826L1892.06,437.306L1895.18,437.306L1895.18,438.954L1892.06,438.954L1892.06,442.922C1892.06,443.263 1892.09,443.514 1892.14,443.674C1892.2,443.834 1892.33,443.951 1892.53,444.026C1892.73,444.1 1893.03,444.138 1893.43,444.138C1893.89,444.138 1894.56,444.074 1895.43,443.946L1895.43,445.626C1894.32,445.764 1893.48,445.834 1892.89,445.834Z" style="fill-rule:nonzero;"/>
+            <path d="M1900.41,434.01L1902.86,434.01L1902.86,436.266L1900.41,436.266L1900.41,434.01ZM1898.09,444.01L1900.87,444.01L1900.87,438.954L1898.25,438.954L1898.25,437.306L1902.79,437.306L1902.79,444.01L1905.47,444.01L1905.47,445.658L1898.09,445.658L1898.09,444.01Z" style="fill-rule:nonzero;"/>
+            <path d="M1911.05,445.802C1910.01,445.802 1909.21,445.671 1908.65,445.41C1908.08,445.148 1907.68,444.711 1907.44,444.098C1907.2,443.484 1907.08,442.607 1907.08,441.466C1907.08,440.314 1907.2,439.428 1907.44,438.81C1907.68,438.191 1908.08,437.751 1908.64,437.49C1909.2,437.228 1910,437.098 1911.05,437.098C1912.09,437.098 1912.9,437.228 1913.46,437.49C1914.02,437.751 1914.42,438.191 1914.66,438.81C1914.9,439.428 1915.02,440.314 1915.02,441.466C1915.02,442.607 1914.9,443.484 1914.66,444.098C1914.42,444.711 1914.01,445.148 1913.45,445.41C1912.88,445.671 1912.08,445.802 1911.05,445.802ZM1909.03,441.466C1909.03,442.17 1909.09,442.711 1909.22,443.09C1909.34,443.468 1909.54,443.738 1909.83,443.898C1910.11,444.058 1910.52,444.138 1911.05,444.138C1911.58,444.138 1911.99,444.058 1912.27,443.898C1912.56,443.738 1912.76,443.468 1912.88,443.09C1913,442.711 1913.07,442.17 1913.07,441.466C1913.07,440.751 1913,440.202 1912.88,439.818C1912.76,439.434 1912.56,439.159 1912.27,438.994C1911.99,438.828 1911.58,438.746 1911.05,438.746C1910.52,438.746 1910.11,438.828 1909.83,438.994C1909.54,439.159 1909.34,439.434 1909.22,439.818C1909.09,440.202 1909.03,440.751 1909.03,441.466Z" style="fill-rule:nonzero;"/>
+            <path d="M1916.94,437.306L1918.89,437.306L1918.89,438.458L1919.02,438.458C1919.32,437.935 1919.62,437.578 1919.94,437.386C1920.27,437.194 1920.72,437.098 1921.31,437.098C1922.12,437.098 1922.74,437.196 1923.18,437.394C1923.61,437.591 1923.93,437.922 1924.11,438.386C1924.3,438.85 1924.39,439.514 1924.39,440.378L1924.39,445.658L1922.44,445.658L1922.44,440.346C1922.44,439.759 1922.33,439.359 1922.11,439.146C1921.89,438.932 1921.49,438.826 1920.89,438.826C1920.37,438.826 1919.96,438.9 1919.68,439.05C1919.4,439.199 1919.19,439.452 1919.07,439.81C1918.95,440.167 1918.89,440.671 1918.89,441.322L1918.89,445.658L1916.94,445.658L1916.94,437.306Z" style="fill-rule:nonzero;"/>
+            <path d="M1929.5,445.802C1928.72,445.802 1928.12,445.724 1927.7,445.57C1927.28,445.415 1926.98,445.154 1926.8,444.786C1926.62,444.418 1926.54,443.898 1926.54,443.226C1926.54,442.436 1926.66,441.826 1926.9,441.394C1927.15,440.962 1927.57,440.655 1928.15,440.474C1928.74,440.292 1929.57,440.202 1930.65,440.202L1931.91,440.202L1931.91,440.106C1931.91,439.572 1931.8,439.21 1931.56,439.018C1931.33,438.826 1930.88,438.73 1930.23,438.73C1929.65,438.73 1929.25,438.807 1929.04,438.962C1928.83,439.116 1928.74,439.412 1928.76,439.85L1926.81,439.85C1926.78,439.124 1926.86,438.567 1927.06,438.178C1927.25,437.788 1927.6,437.511 1928.1,437.346C1928.59,437.18 1929.31,437.098 1930.23,437.098C1931.16,437.098 1931.88,437.188 1932.38,437.37C1932.89,437.551 1933.25,437.855 1933.47,438.282C1933.68,438.708 1933.79,439.316 1933.79,440.106L1933.79,445.658L1931.96,445.658L1931.96,444.666L1931.83,444.666C1931.53,445.103 1931.22,445.402 1930.89,445.562C1930.56,445.722 1930.09,445.802 1929.5,445.802ZM1928.49,443.082C1928.49,443.487 1928.58,443.764 1928.77,443.914C1928.95,444.063 1929.31,444.138 1929.83,444.138C1930.37,444.138 1930.78,444.068 1931.07,443.93C1931.35,443.791 1931.56,443.556 1931.68,443.226C1931.8,442.895 1931.88,442.42 1931.9,441.802L1930.31,441.818C1929.83,441.828 1929.46,441.871 1929.2,441.946C1928.94,442.02 1928.76,442.146 1928.65,442.322C1928.54,442.498 1928.49,442.751 1928.49,443.082Z" style="fill-rule:nonzero;"/>
+            <path d="M1936.12,443.994L1939.05,443.994L1939.05,435.674L1936.28,435.674L1936.28,434.01L1940.97,434.01L1940.97,443.994L1943.7,443.994L1943.7,445.658L1936.12,445.658L1936.12,443.994Z" style="fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image7" x="796.843" y="194.774" width="370.716px" height="420.716px" transform="matrix(0.999234,0,0,0.999325,0,0)"/>
+        <path d="M1161.59,204.861C1161.59,202.178 1159.41,200 1156.73,200L806.452,200C803.769,200 801.591,202.178 801.591,204.861L801.591,605.139C801.591,607.822 803.769,610 806.452,610L1156.73,610C1159.41,610 1161.59,607.822 1161.59,605.139L1161.59,204.861Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M801.591,240L1161.59,240" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M923.687,226.736C922.919,226.736 922.338,226.635 921.943,226.432C921.548,226.229 921.282,225.928 921.143,225.528C921.004,225.128 920.935,224.581 920.935,223.888L920.935,219.856L918.871,219.856L919.255,218.208L920.999,218.208L920.999,216.512L922.855,215.728L922.855,218.208L925.975,218.208L925.975,219.856L922.855,219.856L922.855,223.824C922.855,224.165 922.884,224.416 922.943,224.576C923.002,224.736 923.13,224.853 923.327,224.928C923.524,225.003 923.826,225.04 924.231,225.04C924.69,225.04 925.356,224.976 926.231,224.848L926.231,226.528C925.122,226.667 924.274,226.736 923.687,226.736Z" style="fill-rule:nonzero;"/>
+        <path d="M932.391,226.704C931.346,226.704 930.54,226.573 929.975,226.312C929.41,226.051 929.007,225.605 928.767,224.976C928.527,224.347 928.407,223.456 928.407,222.304C928.407,221.173 928.522,220.301 928.751,219.688C928.98,219.075 929.37,218.64 929.919,218.384C930.468,218.128 931.25,218 932.263,218C933.234,218 933.991,218.136 934.535,218.408C935.079,218.68 935.471,219.133 935.711,219.768C935.951,220.403 936.071,221.296 936.071,222.448L936.055,223.072L930.375,223.072C930.418,223.595 930.503,223.997 930.631,224.28C930.759,224.563 930.959,224.763 931.231,224.88C931.503,224.997 931.884,225.056 932.375,225.056C932.855,225.056 933.204,224.981 933.423,224.832C933.642,224.683 933.815,224.405 933.943,224L935.927,224C935.82,224.704 935.644,225.248 935.399,225.632C935.154,226.016 934.796,226.291 934.327,226.456C933.858,226.621 933.212,226.704 932.391,226.704ZM934.151,221.552C934.151,220.827 934.01,220.328 933.727,220.056C933.444,219.784 932.956,219.648 932.263,219.648C931.591,219.648 931.111,219.787 930.823,220.064C930.535,220.341 930.391,220.837 930.391,221.552L934.151,221.552Z" style="fill-rule:nonzero;"/>
+        <path d="M941.879,226.704C940.855,226.704 940.068,226.619 939.519,226.448C938.97,226.277 938.583,225.984 938.359,225.568C938.135,225.152 938.034,224.565 938.055,223.808L940.023,223.808C940.034,224.139 940.098,224.392 940.215,224.568C940.332,224.744 940.532,224.869 940.815,224.944C941.098,225.019 941.5,225.056 942.023,225.056C942.652,225.056 943.084,224.995 943.319,224.872C943.554,224.749 943.671,224.523 943.671,224.192C943.671,223.979 943.604,223.8 943.471,223.656C943.338,223.512 943.111,223.387 942.791,223.28C942.471,223.173 942.018,223.067 941.431,222.96C940.578,222.8 939.919,222.621 939.455,222.424C938.991,222.227 938.66,221.976 938.463,221.672C938.266,221.368 938.167,220.965 938.167,220.464C938.167,219.813 938.276,219.315 938.495,218.968C938.714,218.621 939.087,218.373 939.615,218.224C940.143,218.075 940.887,218 941.847,218C942.786,218 943.511,218.077 944.023,218.232C944.535,218.387 944.898,218.648 945.111,219.016C945.324,219.384 945.436,219.909 945.447,220.592L943.527,220.592C943.506,220.229 943.375,219.981 943.135,219.848C942.895,219.715 942.46,219.648 941.831,219.648C941.17,219.648 940.716,219.707 940.471,219.824C940.226,219.941 940.103,220.16 940.103,220.48C940.103,220.651 940.271,220.803 940.607,220.936C940.943,221.069 941.596,221.248 942.567,221.472C943.367,221.653 943.986,221.853 944.423,222.072C944.86,222.291 945.172,222.565 945.359,222.896C945.546,223.227 945.639,223.653 945.639,224.176C945.639,224.837 945.527,225.349 945.303,225.712C945.079,226.075 944.698,226.331 944.159,226.48C943.62,226.629 942.86,226.704 941.879,226.704Z" style="fill-rule:nonzero;"/>
+        <path d="M952.487,226.736C951.719,226.736 951.138,226.635 950.743,226.432C950.348,226.229 950.082,225.928 949.943,225.528C949.804,225.128 949.735,224.581 949.735,223.888L949.735,219.856L947.671,219.856L948.055,218.208L949.799,218.208L949.799,216.512L951.655,215.728L951.655,218.208L954.775,218.208L954.775,219.856L951.655,219.856L951.655,223.824C951.655,224.165 951.684,224.416 951.743,224.576C951.802,224.736 951.93,224.853 952.127,224.928C952.324,225.003 952.626,225.04 953.031,225.04C953.49,225.04 954.156,224.976 955.031,224.848L955.031,226.528C953.922,226.667 953.074,226.736 952.487,226.736Z" style="fill-rule:nonzero;"/>
+        <path d="M972.535,214.064L974.471,214.064L968.727,228.592L966.807,228.592L972.535,214.064Z" style="fill-rule:nonzero;"/>
+        <path d="M985.847,218.208L987.783,218.208L987.783,219.024L987.911,219.024C988.252,218.64 988.572,218.379 988.871,218.24C989.17,218.101 989.559,218.032 990.039,218.032C990.988,218.032 991.719,218.163 992.231,218.424C992.743,218.685 993.108,219.125 993.327,219.744C993.546,220.363 993.655,221.243 993.655,222.384C993.655,223.515 993.548,224.387 993.335,225C993.122,225.613 992.762,226.051 992.255,226.312C991.748,226.573 991.026,226.704 990.087,226.704C989.522,226.704 989.084,226.635 988.775,226.496C988.466,226.357 988.178,226.096 987.911,225.712L987.783,225.712L987.783,230L985.847,230L985.847,218.208ZM987.751,222.384C987.751,223.077 987.807,223.613 987.919,223.992C988.031,224.371 988.22,224.64 988.487,224.8C988.754,224.96 989.132,225.04 989.623,225.04C990.167,225.04 990.586,224.96 990.879,224.8C991.172,224.64 991.38,224.371 991.503,223.992C991.626,223.613 991.687,223.077 991.687,222.384C991.687,221.68 991.626,221.136 991.503,220.752C991.38,220.368 991.172,220.096 990.879,219.936C990.586,219.776 990.167,219.696 989.623,219.696C989.132,219.696 988.754,219.776 988.487,219.936C988.22,220.096 988.031,220.368 987.919,220.752C987.807,221.136 987.751,221.68 987.751,222.384Z" style="fill-rule:nonzero;"/>
+        <path d="M998.695,225.792L998.151,225.792L995.431,218.208L997.415,218.208L999.415,224.352L999.495,224.352L1001.46,218.208L1003.48,218.208L999.319,230L997.303,230L998.695,225.792Z" style="fill-rule:nonzero;"/>
+        <path d="M1010.09,226.736C1009.32,226.736 1008.74,226.635 1008.34,226.432C1007.95,226.229 1007.68,225.928 1007.54,225.528C1007.4,225.128 1007.34,224.581 1007.34,223.888L1007.34,219.856L1005.27,219.856L1005.65,218.208L1007.4,218.208L1007.4,216.512L1009.25,215.728L1009.25,218.208L1012.38,218.208L1012.38,219.856L1009.25,219.856L1009.25,223.824C1009.25,224.165 1009.28,224.416 1009.34,224.576C1009.4,224.736 1009.53,224.853 1009.73,224.928C1009.92,225.003 1010.23,225.04 1010.63,225.04C1011.09,225.04 1011.76,224.976 1012.63,224.848L1012.63,226.528C1011.52,226.667 1010.67,226.736 1010.09,226.736Z" style="fill-rule:nonzero;"/>
+        <path d="M1014.94,214.912L1016.89,214.912L1016.89,219.328L1017.01,219.328C1017.28,218.827 1017.58,218.48 1017.91,218.288C1018.24,218.096 1018.7,218 1019.29,218C1020.11,218 1020.74,218.096 1021.18,218.288C1021.61,218.48 1021.92,218.808 1022.11,219.272C1022.3,219.736 1022.39,220.395 1022.39,221.248L1022.39,226.56L1020.44,226.56L1020.44,221.216C1020.44,220.619 1020.33,220.211 1020.11,219.992C1019.89,219.773 1019.48,219.664 1018.87,219.664C1018.35,219.664 1017.95,219.739 1017.66,219.888C1017.38,220.037 1017.18,220.293 1017.06,220.656C1016.95,221.019 1016.89,221.536 1016.89,222.208L1016.89,226.56L1014.94,226.56L1014.94,214.912Z" style="fill-rule:nonzero;"/>
+        <path d="M1028.25,226.704C1027.21,226.704 1026.41,226.573 1025.85,226.312C1025.28,226.051 1024.88,225.613 1024.64,225C1024.4,224.387 1024.28,223.509 1024.28,222.368C1024.28,221.216 1024.4,220.331 1024.64,219.712C1024.88,219.093 1025.28,218.653 1025.84,218.392C1026.4,218.131 1027.2,218 1028.25,218C1029.29,218 1030.1,218.131 1030.65,218.392C1031.21,218.653 1031.62,219.093 1031.86,219.712C1032.1,220.331 1032.21,221.216 1032.21,222.368C1032.21,223.509 1032.1,224.387 1031.86,225C1031.62,225.613 1031.21,226.051 1030.65,226.312C1030.08,226.573 1029.28,226.704 1028.25,226.704ZM1026.23,222.368C1026.23,223.072 1026.29,223.613 1026.41,223.992C1026.54,224.371 1026.74,224.64 1027.02,224.8C1027.31,224.96 1027.71,225.04 1028.25,225.04C1028.78,225.04 1029.19,224.96 1029.47,224.8C1029.75,224.64 1029.96,224.371 1030.08,223.992C1030.2,223.613 1030.26,223.072 1030.26,222.368C1030.26,221.653 1030.2,221.104 1030.08,220.72C1029.96,220.336 1029.75,220.061 1029.47,219.896C1029.19,219.731 1028.78,219.648 1028.25,219.648C1027.71,219.648 1027.31,219.731 1027.02,219.896C1026.74,220.061 1026.54,220.336 1026.41,220.72C1026.29,221.104 1026.23,221.653 1026.23,222.368Z" style="fill-rule:nonzero;"/>
+        <path d="M1034.13,218.208L1036.09,218.208L1036.09,219.36L1036.21,219.36C1036.51,218.837 1036.82,218.48 1037.14,218.288C1037.46,218.096 1037.92,218 1038.5,218C1039.31,218 1039.94,218.099 1040.38,218.296C1040.81,218.493 1041.12,218.824 1041.31,219.288C1041.5,219.752 1041.59,220.416 1041.59,221.28L1041.59,226.56L1039.64,226.56L1039.64,221.248C1039.64,220.661 1039.53,220.261 1039.31,220.048C1039.09,219.835 1038.68,219.728 1038.09,219.728C1037.56,219.728 1037.16,219.803 1036.88,219.952C1036.6,220.101 1036.39,220.355 1036.27,220.712C1036.15,221.069 1036.09,221.573 1036.09,222.224L1036.09,226.56L1034.13,226.56L1034.13,218.208Z" style="fill-rule:nonzero;"/>
+        <path d="M941.591,290.262L941.591,360" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <path d="M1021.59,290.262L1021.59,320" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <path d="M1031.77,485L1031.77,550" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <g>
+            <rect x="1014.83" y="318.367" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1017.59,321.133C1018.06,320.668 1018.81,320.668 1019.27,321.133L1021.59,323.456L1023.91,321.133C1024.38,320.668 1025.13,320.668 1025.59,321.133C1026.05,321.597 1026.05,322.349 1025.59,322.808L1023.27,325.131L1025.59,327.454C1026.05,327.918 1026.05,328.669 1025.59,329.129C1025.12,329.589 1024.37,329.594 1023.91,329.129L1021.59,326.806L1019.27,329.129C1018.8,329.594 1018.05,329.594 1017.59,329.129C1017.13,328.665 1017.13,327.913 1017.59,327.454L1019.92,325.131L1017.59,322.808C1017.13,322.344 1017.13,321.592 1017.59,321.133Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1025.01" y="510.201" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1027.77,512.967C1028.24,512.502 1028.99,512.502 1029.45,512.967L1031.77,515.29L1034.09,512.967C1034.56,512.502 1035.31,512.502 1035.77,512.967C1036.23,513.431 1036.23,514.183 1035.77,514.642L1033.45,516.965L1035.77,519.288C1036.23,519.752 1036.23,520.504 1035.77,520.963C1035.31,521.423 1034.55,521.428 1034.09,520.963L1031.77,518.64L1029.45,520.963C1028.98,521.428 1028.23,521.428 1027.77,520.963C1027.31,520.499 1027.31,519.747 1027.77,519.288L1030.1,516.965L1027.77,514.642C1027.31,514.178 1027.31,513.426 1027.77,512.967Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="934.827" y="318.367" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M946.068,323.269L940.998,328.34C940.625,328.712 940.023,328.712 939.655,328.34L937.119,325.804C936.747,325.432 936.747,324.83 937.119,324.461C937.492,324.093 938.094,324.089 938.462,324.461L940.324,326.323L944.721,321.922C945.094,321.55 945.696,321.55 946.064,321.922C946.432,322.295 946.436,322.897 946.064,323.265L946.068,323.269Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <path d="M927.014,485L927.014,550" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <g>
+            <rect x="920.25" y="510.201" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M931.491,515.103L926.421,520.174C926.049,520.546 925.446,520.546 925.078,520.174L922.543,517.638C922.17,517.266 922.17,516.664 922.543,516.296C922.915,515.927 923.517,515.923 923.886,516.296L925.748,518.157L930.145,513.756C930.517,513.384 931.119,513.384 931.488,513.756C931.856,514.129 931.86,514.731 931.488,515.099L931.491,515.103Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <g>
+            <path d="M1081.59,260.409C1081.59,260.183 1081.41,260 1081.18,260L882,260C881.774,260 881.591,260.183 881.591,260.409L881.591,289.853C881.591,290.079 881.774,290.262 882,290.262L1081.18,290.262C1081.41,290.262 1081.59,290.079 1081.59,289.853L1081.59,260.409Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M953.055,279.339C951.999,279.339 951.183,279.211 950.607,278.955C950.031,278.699 949.623,278.264 949.383,277.651C949.143,277.038 949.023,276.166 949.023,275.035C949.023,273.883 949.143,272.992 949.383,272.363C949.623,271.734 950.028,271.288 950.599,271.027C951.17,270.766 951.978,270.635 953.023,270.635C953.94,270.635 954.65,270.726 955.151,270.907C955.652,271.088 956.012,271.395 956.231,271.827C956.45,272.259 956.57,272.87 956.591,273.659L954.655,273.659C954.58,273.136 954.434,272.782 954.215,272.595C953.996,272.408 953.631,272.315 953.119,272.315C952.554,272.315 952.119,272.398 951.815,272.563C951.511,272.728 951.295,273.006 951.167,273.395C951.039,273.784 950.975,274.336 950.975,275.051C950.975,275.734 951.039,276.262 951.167,276.635C951.295,277.008 951.514,277.272 951.823,277.427C952.132,277.582 952.57,277.659 953.135,277.659C953.626,277.659 953.98,277.576 954.199,277.411C954.418,277.246 954.575,276.939 954.671,276.491L956.591,276.491C956.57,277.238 956.45,277.814 956.231,278.219C956.012,278.624 955.655,278.912 955.159,279.083C954.663,279.254 953.962,279.339 953.055,279.339Z" style="fill-rule:nonzero;"/>
+            <path d="M958.655,267.547L960.607,267.547L960.607,271.963L960.735,271.963C961.002,271.462 961.3,271.115 961.631,270.923C961.962,270.731 962.42,270.635 963.007,270.635C963.828,270.635 964.458,270.731 964.895,270.923C965.332,271.115 965.644,271.443 965.831,271.907C966.018,272.371 966.111,273.03 966.111,273.883L966.111,279.195L964.159,279.195L964.159,273.851C964.159,273.254 964.05,272.846 963.831,272.627C963.612,272.408 963.199,272.299 962.591,272.299C962.068,272.299 961.666,272.374 961.383,272.523C961.1,272.672 960.9,272.928 960.783,273.291C960.666,273.654 960.607,274.171 960.607,274.843L960.607,279.195L958.655,279.195L958.655,267.547Z" style="fill-rule:nonzero;"/>
+            <path d="M971.215,279.339C970.436,279.339 969.836,279.262 969.415,279.107C968.994,278.952 968.695,278.691 968.519,278.323C968.343,277.955 968.255,277.435 968.255,276.763C968.255,275.974 968.378,275.363 968.623,274.931C968.868,274.499 969.284,274.192 969.871,274.011C970.458,273.83 971.29,273.739 972.367,273.739L973.631,273.739L973.631,273.643C973.631,273.11 973.514,272.747 973.279,272.555C973.044,272.363 972.602,272.267 971.951,272.267C971.364,272.267 970.967,272.344 970.759,272.499C970.551,272.654 970.458,272.95 970.479,273.387L968.527,273.387C968.495,272.662 968.578,272.104 968.775,271.715C968.972,271.326 969.319,271.048 969.815,270.883C970.311,270.718 971.023,270.635 971.951,270.635C972.879,270.635 973.596,270.726 974.103,270.907C974.61,271.088 974.97,271.392 975.183,271.819C975.396,272.246 975.503,272.854 975.503,273.643L975.503,279.195L973.679,279.195L973.679,278.203L973.551,278.203C973.252,278.64 972.938,278.939 972.607,279.099C972.276,279.259 971.812,279.339 971.215,279.339ZM970.207,276.619C970.207,277.024 970.3,277.302 970.487,277.451C970.674,277.6 971.028,277.675 971.551,277.675C972.084,277.675 972.495,277.606 972.783,277.467C973.071,277.328 973.276,277.094 973.399,276.763C973.522,276.432 973.594,275.958 973.615,275.339L972.031,275.355C971.551,275.366 971.18,275.408 970.919,275.483C970.658,275.558 970.474,275.683 970.367,275.859C970.26,276.035 970.207,276.288 970.207,276.619Z" style="fill-rule:nonzero;"/>
+            <path d="M977.855,270.843L979.807,270.843L979.807,271.995L979.935,271.995C980.234,271.472 980.543,271.115 980.863,270.923C981.183,270.731 981.636,270.635 982.223,270.635C983.034,270.635 983.658,270.734 984.095,270.931C984.532,271.128 984.844,271.459 985.031,271.923C985.218,272.387 985.311,273.051 985.311,273.915L985.311,279.195L983.359,279.195L983.359,273.883C983.359,273.296 983.25,272.896 983.031,272.683C982.812,272.47 982.404,272.363 981.807,272.363C981.284,272.363 980.882,272.438 980.599,272.587C980.316,272.736 980.114,272.99 979.991,273.347C979.868,273.704 979.807,274.208 979.807,274.859L979.807,279.195L977.855,279.195L977.855,270.843Z" style="fill-rule:nonzero;"/>
+            <path d="M991.199,282.715C990.239,282.715 989.498,282.63 988.975,282.459C988.452,282.288 988.079,282.003 987.855,281.603C987.631,281.203 987.508,280.635 987.487,279.899L989.455,279.899C989.476,280.23 989.535,280.48 989.631,280.651C989.727,280.822 989.895,280.942 990.135,281.011C990.375,281.08 990.735,281.115 991.215,281.115C991.695,281.115 992.066,281.059 992.327,280.947C992.588,280.835 992.772,280.648 992.879,280.387C992.986,280.126 993.044,279.755 993.055,279.275L993.071,278.059L992.943,278.059C992.794,278.379 992.634,278.622 992.463,278.787C992.292,278.952 992.066,279.07 991.783,279.139C991.5,279.208 991.114,279.243 990.623,279.243C989.748,279.243 989.066,279.115 988.575,278.859C988.084,278.603 987.73,278.174 987.511,277.571C987.292,276.968 987.183,276.118 987.183,275.019C987.183,273.878 987.292,272.998 987.511,272.379C987.73,271.76 988.103,271.32 988.631,271.059C989.159,270.798 989.903,270.667 990.863,270.667C991.471,270.667 991.922,270.75 992.215,270.915C992.508,271.08 992.762,271.387 992.975,271.835L993.103,271.835L993.103,270.843L994.975,270.843L994.975,279.435C994.975,280.299 994.863,280.963 994.639,281.427C994.415,281.891 994.034,282.222 993.495,282.419C992.956,282.616 992.191,282.715 991.199,282.715ZM989.135,275.019C989.135,275.691 989.194,276.211 989.311,276.579C989.428,276.947 989.628,277.208 989.911,277.363C990.194,277.518 990.591,277.595 991.103,277.595C991.615,277.595 992.01,277.518 992.287,277.363C992.564,277.208 992.762,276.947 992.879,276.579C992.996,276.211 993.055,275.691 993.055,275.019C993.055,274.315 992.996,273.771 992.879,273.387C992.762,273.003 992.564,272.728 992.287,272.563C992.01,272.398 991.615,272.315 991.103,272.315C990.591,272.315 990.194,272.398 989.911,272.563C989.628,272.728 989.428,273.003 989.311,273.387C989.194,273.771 989.135,274.315 989.135,275.019Z" style="fill-rule:nonzero;"/>
+            <path d="M1000.91,279.339C999.866,279.339 999.06,279.208 998.495,278.947C997.93,278.686 997.527,278.24 997.287,277.611C997.047,276.982 996.927,276.091 996.927,274.939C996.927,273.808 997.042,272.936 997.271,272.323C997.5,271.71 997.89,271.275 998.439,271.019C998.988,270.763 999.77,270.635 1000.78,270.635C1001.75,270.635 1002.51,270.771 1003.06,271.043C1003.6,271.315 1003.99,271.768 1004.23,272.403C1004.47,273.038 1004.59,273.931 1004.59,275.083L1004.58,275.707L998.895,275.707C998.938,276.23 999.023,276.632 999.151,276.915C999.279,277.198 999.479,277.398 999.751,277.515C1000.02,277.632 1000.4,277.691 1000.89,277.691C1001.38,277.691 1001.72,277.616 1001.94,277.467C1002.16,277.318 1002.34,277.04 1002.46,276.635L1004.45,276.635C1004.34,277.339 1004.16,277.883 1003.92,278.267C1003.67,278.651 1003.32,278.926 1002.85,279.091C1002.38,279.256 1001.73,279.339 1000.91,279.339ZM1002.67,274.187C1002.67,273.462 1002.53,272.963 1002.25,272.691C1001.96,272.419 1001.48,272.283 1000.78,272.283C1000.11,272.283 999.631,272.422 999.343,272.699C999.055,272.976 998.911,273.472 998.911,274.187L1002.67,274.187Z" style="fill-rule:nonzero;"/>
+            <path d="M1010.4,279.339C1009.38,279.339 1008.59,279.254 1008.04,279.083C1007.49,278.912 1007.1,278.619 1006.88,278.203C1006.65,277.787 1006.55,277.2 1006.58,276.443L1008.54,276.443C1008.55,276.774 1008.62,277.027 1008.74,277.203C1008.85,277.379 1009.05,277.504 1009.34,277.579C1009.62,277.654 1010.02,277.691 1010.54,277.691C1011.17,277.691 1011.6,277.63 1011.84,277.507C1012.07,277.384 1012.19,277.158 1012.19,276.827C1012.19,276.614 1012.12,276.435 1011.99,276.291C1011.86,276.147 1011.63,276.022 1011.31,275.915C1010.99,275.808 1010.54,275.702 1009.95,275.595C1009.1,275.435 1008.44,275.256 1007.98,275.059C1007.51,274.862 1007.18,274.611 1006.98,274.307C1006.79,274.003 1006.69,273.6 1006.69,273.099C1006.69,272.448 1006.8,271.95 1007.01,271.603C1007.23,271.256 1007.61,271.008 1008.13,270.859C1008.66,270.71 1009.41,270.635 1010.37,270.635C1011.31,270.635 1012.03,270.712 1012.54,270.867C1013.06,271.022 1013.42,271.283 1013.63,271.651C1013.84,272.019 1013.96,272.544 1013.97,273.227L1012.05,273.227C1012.03,272.864 1011.89,272.616 1011.65,272.483C1011.42,272.35 1010.98,272.283 1010.35,272.283C1009.69,272.283 1009.24,272.342 1008.99,272.459C1008.75,272.576 1008.62,272.795 1008.62,273.115C1008.62,273.286 1008.79,273.438 1009.13,273.571C1009.46,273.704 1010.12,273.883 1011.09,274.107C1011.89,274.288 1012.51,274.488 1012.94,274.707C1013.38,274.926 1013.69,275.2 1013.88,275.531C1014.07,275.862 1014.16,276.288 1014.16,276.811C1014.16,277.472 1014.05,277.984 1013.82,278.347C1013.6,278.71 1013.22,278.966 1012.68,279.115C1012.14,279.264 1011.38,279.339 1010.4,279.339Z" style="fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M1127.48,550.405C1127.48,550.182 1127.29,550 1127.07,550L831.996,550C831.772,550 831.591,550.182 831.591,550.405L831.591,579.595C831.591,579.818 831.772,580 831.996,580L1127.07,580C1127.29,580 1127.48,579.818 1127.48,579.595L1127.48,550.405Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M999.016,570.299C998.12,570.299 997.432,570.224 996.951,570.075C996.471,569.926 996.132,569.669 995.936,569.305C995.74,568.941 995.652,568.428 995.67,567.765L997.392,567.765C997.402,568.054 997.458,568.276 997.56,568.43C997.663,568.584 997.838,568.694 998.085,568.759C998.333,568.824 998.685,568.857 999.142,568.857C999.693,568.857 1000.07,568.803 1000.28,568.696C1000.48,568.589 1000.58,568.39 1000.58,568.101C1000.58,567.914 1000.53,567.758 1000.41,567.632C1000.29,567.506 1000.09,567.396 999.814,567.303C999.534,567.21 999.138,567.116 998.624,567.023C997.878,566.883 997.301,566.727 996.895,566.554C996.489,566.381 996.2,566.162 996.027,565.896C995.855,565.63 995.768,565.278 995.768,564.839C995.768,564.27 995.864,563.833 996.055,563.53C996.247,563.227 996.573,563.01 997.035,562.879C997.497,562.748 998.148,562.683 998.988,562.683C999.81,562.683 1000.44,562.751 1000.89,562.886C1001.34,563.021 1001.66,563.25 1001.84,563.572C1002.03,563.894 1002.13,564.354 1002.14,564.951L1000.46,564.951C1000.44,564.634 1000.33,564.417 1000.12,564.3C999.905,564.183 999.525,564.125 998.974,564.125C998.396,564.125 997.999,564.176 997.784,564.279C997.57,564.382 997.462,564.573 997.462,564.853C997.462,565.002 997.609,565.135 997.903,565.252C998.197,565.369 998.769,565.525 999.618,565.721C1000.32,565.88 1000.86,566.055 1001.24,566.246C1001.62,566.437 1001.9,566.678 1002.06,566.967C1002.23,567.256 1002.31,567.63 1002.31,568.087C1002.31,568.666 1002.21,569.114 1002.01,569.431C1001.82,569.748 1001.48,569.972 1001.01,570.103C1000.54,570.234 999.875,570.299 999.016,570.299Z" style="fill-rule:nonzero;"/>
+            <path d="M1008.3,570.327C1007.63,570.327 1007.12,570.238 1006.77,570.061C1006.43,569.884 1006.19,569.62 1006.07,569.27C1005.95,568.92 1005.89,568.442 1005.89,567.835L1005.89,564.307L1004.08,564.307L1004.42,562.865L1005.95,562.865L1005.95,561.381L1007.57,560.695L1007.57,562.865L1010.3,562.865L1010.3,564.307L1007.57,564.307L1007.57,567.779C1007.57,568.078 1007.6,568.297 1007.65,568.437C1007.7,568.577 1007.81,568.68 1007.98,568.745C1008.16,568.81 1008.42,568.843 1008.77,568.843C1009.18,568.843 1009.76,568.787 1010.52,568.675L1010.52,570.145C1009.55,570.266 1008.81,570.327 1008.3,570.327Z" style="fill-rule:nonzero;"/>
+            <path d="M1015.13,570.299C1014.45,570.299 1013.92,570.231 1013.56,570.096C1013.19,569.961 1012.93,569.732 1012.77,569.41C1012.62,569.088 1012.54,568.633 1012.54,568.045C1012.54,567.354 1012.65,566.82 1012.86,566.442C1013.08,566.064 1013.44,565.796 1013.95,565.637C1014.47,565.478 1015.2,565.399 1016.14,565.399L1017.24,565.399L1017.24,565.315C1017.24,564.848 1017.14,564.531 1016.94,564.363C1016.73,564.195 1016.34,564.111 1015.77,564.111C1015.26,564.111 1014.91,564.179 1014.73,564.314C1014.55,564.449 1014.47,564.708 1014.49,565.091L1012.78,565.091C1012.75,564.456 1012.82,563.969 1013,563.628C1013.17,563.287 1013.47,563.045 1013.9,562.9C1014.34,562.755 1014.96,562.683 1015.77,562.683C1016.59,562.683 1017.21,562.762 1017.66,562.921C1018.1,563.08 1018.42,563.346 1018.6,563.719C1018.79,564.092 1018.88,564.624 1018.88,565.315L1018.88,570.173L1017.29,570.173L1017.29,569.305L1017.17,569.305C1016.91,569.688 1016.64,569.949 1016.35,570.089C1016.06,570.229 1015.65,570.299 1015.13,570.299ZM1014.25,567.919C1014.25,568.274 1014.33,568.516 1014.49,568.647C1014.66,568.778 1014.97,568.843 1015.42,568.843C1015.89,568.843 1016.25,568.782 1016.5,568.661C1016.75,568.54 1016.93,568.334 1017.04,568.045C1017.15,567.756 1017.21,567.34 1017.23,566.799L1015.84,566.813C1015.42,566.822 1015.1,566.86 1014.87,566.925C1014.64,566.99 1014.48,567.1 1014.39,567.254C1014.3,567.408 1014.25,567.63 1014.25,567.919Z" style="fill-rule:nonzero;"/>
+            <path d="M1025.1,570.327C1024.43,570.327 1023.92,570.238 1023.57,570.061C1023.23,569.884 1022.99,569.62 1022.87,569.27C1022.75,568.92 1022.69,568.442 1022.69,567.835L1022.69,564.307L1020.88,564.307L1021.22,562.865L1022.75,562.865L1022.75,561.381L1024.37,560.695L1024.37,562.865L1027.1,562.865L1027.1,564.307L1024.37,564.307L1024.37,567.779C1024.37,568.078 1024.4,568.297 1024.45,568.437C1024.5,568.577 1024.61,568.68 1024.78,568.745C1024.96,568.81 1025.22,568.843 1025.57,568.843C1025.98,568.843 1026.56,568.787 1027.32,568.675L1027.32,570.145C1026.35,570.266 1025.61,570.327 1025.1,570.327Z" style="fill-rule:nonzero;"/>
+            <path d="M1031.78,570.299C1031.13,570.299 1030.63,570.215 1030.29,570.047C1029.93,569.879 1029.69,569.594 1029.54,569.193C1029.39,568.792 1029.31,568.222 1029.31,567.485L1029.31,562.865L1031.02,562.865L1031.02,567.513C1031.02,568.026 1031.11,568.376 1031.28,568.563C1031.45,568.75 1031.78,568.843 1032.27,568.843C1032.76,568.843 1033.14,568.778 1033.4,568.647C1033.66,568.516 1033.85,568.295 1033.96,567.982C1034.07,567.669 1034.13,567.224 1034.13,566.645L1034.13,562.865L1035.84,562.865L1035.84,570.173L1034.13,570.173L1034.13,569.151L1034.02,569.151C1033.77,569.59 1033.5,569.891 1033.18,570.054C1032.87,570.217 1032.4,570.299 1031.78,570.299Z" style="fill-rule:nonzero;"/>
+            <path d="M1041.02,570.299C1040.12,570.299 1039.43,570.224 1038.95,570.075C1038.47,569.926 1038.13,569.669 1037.94,569.305C1037.74,568.941 1037.65,568.428 1037.67,567.765L1039.39,567.765C1039.4,568.054 1039.46,568.276 1039.56,568.43C1039.66,568.584 1039.84,568.694 1040.09,568.759C1040.33,568.824 1040.68,568.857 1041.14,568.857C1041.69,568.857 1042.07,568.803 1042.28,568.696C1042.48,568.589 1042.58,568.39 1042.58,568.101C1042.58,567.914 1042.53,567.758 1042.41,567.632C1042.29,567.506 1042.09,567.396 1041.81,567.303C1041.53,567.21 1041.14,567.116 1040.62,567.023C1039.88,566.883 1039.3,566.727 1038.89,566.554C1038.49,566.381 1038.2,566.162 1038.03,565.896C1037.86,565.63 1037.77,565.278 1037.77,564.839C1037.77,564.27 1037.86,563.833 1038.06,563.53C1038.25,563.227 1038.57,563.01 1039.04,562.879C1039.5,562.748 1040.15,562.683 1040.99,562.683C1041.81,562.683 1042.44,562.751 1042.89,562.886C1043.34,563.021 1043.66,563.25 1043.84,563.572C1044.03,563.894 1044.13,564.354 1044.14,564.951L1042.46,564.951C1042.44,564.634 1042.33,564.417 1042.12,564.3C1041.9,564.183 1041.53,564.125 1040.97,564.125C1040.4,564.125 1040,564.176 1039.78,564.279C1039.57,564.382 1039.46,564.573 1039.46,564.853C1039.46,565.002 1039.61,565.135 1039.9,565.252C1040.2,565.369 1040.77,565.525 1041.62,565.721C1042.32,565.88 1042.86,566.055 1043.24,566.246C1043.62,566.437 1043.9,566.678 1044.06,566.967C1044.22,567.256 1044.31,567.63 1044.31,568.087C1044.31,568.666 1044.21,569.114 1044.01,569.431C1043.82,569.748 1043.48,569.972 1043.01,570.103C1042.54,570.234 1041.88,570.299 1041.02,570.299Z" style="fill-rule:nonzero;"/>
+            <rect x="1046.73" y="565.231" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1056.57,564.377L1054.75,564.377L1054.29,562.865L1056.57,562.865L1056.57,562.011C1056.57,561.404 1056.67,560.935 1056.87,560.604C1057.07,560.273 1057.4,560.035 1057.85,559.89C1058.3,559.745 1058.94,559.673 1059.76,559.673C1060.14,559.673 1060.55,559.687 1061.01,559.715L1061.01,561.171C1060.52,561.152 1060.2,561.143 1060.03,561.143C1059.36,561.143 1058.89,561.211 1058.63,561.346C1058.38,561.481 1058.25,561.722 1058.25,562.067L1058.25,562.865L1060.85,562.865L1060.85,564.377L1058.25,564.377L1058.25,570.173L1056.57,570.173L1056.57,564.377Z" style="fill-rule:nonzero;"/>
+            <path d="M1065.53,570.299C1064.85,570.299 1064.32,570.231 1063.95,570.096C1063.59,569.961 1063.33,569.732 1063.17,569.41C1063.02,569.088 1062.94,568.633 1062.94,568.045C1062.94,567.354 1063.05,566.82 1063.26,566.442C1063.48,566.064 1063.84,565.796 1064.35,565.637C1064.87,565.478 1065.6,565.399 1066.54,565.399L1067.64,565.399L1067.64,565.315C1067.64,564.848 1067.54,564.531 1067.34,564.363C1067.13,564.195 1066.74,564.111 1066.17,564.111C1065.66,564.111 1065.31,564.179 1065.13,564.314C1064.95,564.449 1064.87,564.708 1064.89,565.091L1063.18,565.091C1063.15,564.456 1063.22,563.969 1063.39,563.628C1063.57,563.287 1063.87,563.045 1064.31,562.9C1064.74,562.755 1065.36,562.683 1066.17,562.683C1066.99,562.683 1067.61,562.762 1068.06,562.921C1068.5,563.08 1068.82,563.346 1069,563.719C1069.19,564.092 1069.28,564.624 1069.28,565.315L1069.28,570.173L1067.69,570.173L1067.69,569.305L1067.57,569.305C1067.31,569.688 1067.04,569.949 1066.75,570.089C1066.46,570.229 1066.05,570.299 1065.53,570.299ZM1064.65,567.919C1064.65,568.274 1064.73,568.516 1064.89,568.647C1065.06,568.778 1065.37,568.843 1065.82,568.843C1066.29,568.843 1066.65,568.782 1066.9,568.661C1067.15,568.54 1067.33,568.334 1067.44,568.045C1067.55,567.756 1067.61,567.34 1067.63,566.799L1066.24,566.813C1065.82,566.822 1065.5,566.86 1065.27,566.925C1065.04,566.99 1064.88,567.1 1064.79,567.254C1064.69,567.408 1064.65,567.63 1064.65,567.919Z" style="fill-rule:nonzero;"/>
+            <path d="M1073.68,559.981L1075.82,559.981L1075.82,561.955L1073.68,561.955L1073.68,559.981ZM1071.65,568.731L1074.08,568.731L1074.08,564.307L1071.79,564.307L1071.79,562.865L1075.76,562.865L1075.76,568.731L1078.1,568.731L1078.1,570.173L1071.65,570.173L1071.65,568.731Z" style="fill-rule:nonzero;"/>
+            <path d="M1079.73,568.717L1082.29,568.717L1082.29,561.437L1079.87,561.437L1079.87,559.981L1083.97,559.981L1083.97,568.717L1086.36,568.717L1086.36,570.173L1079.73,570.173L1079.73,568.717Z" style="fill-rule:nonzero;"/>
+            <path d="M1090.58,570.299C1089.93,570.299 1089.43,570.215 1089.09,570.047C1088.74,569.879 1088.49,569.594 1088.34,569.193C1088.19,568.792 1088.11,568.222 1088.11,567.485L1088.11,562.865L1089.82,562.865L1089.82,567.513C1089.82,568.026 1089.91,568.376 1090.08,568.563C1090.25,568.75 1090.58,568.843 1091.07,568.843C1091.56,568.843 1091.94,568.778 1092.2,568.647C1092.46,568.516 1092.65,568.295 1092.76,567.982C1092.87,567.669 1092.93,567.224 1092.93,566.645L1092.93,562.865L1094.64,562.865L1094.64,570.173L1092.93,570.173L1092.93,569.151L1092.82,569.151C1092.57,569.59 1092.3,569.891 1091.98,570.054C1091.67,570.217 1091.2,570.299 1090.58,570.299Z" style="fill-rule:nonzero;"/>
+            <path d="M1097.44,562.865L1098.98,562.865L1098.91,564.363L1099.06,564.363C1099.41,563.784 1099.65,563.402 1099.8,563.215C1099.95,563.028 1100.11,562.912 1100.28,562.865C1100.45,562.818 1100.75,562.795 1101.2,562.795L1102.57,562.823L1102.57,564.503C1102.41,564.494 1102.15,564.489 1101.82,564.489C1101.31,564.489 1100.85,564.512 1100.46,564.559C1100.27,564.587 1100.07,564.708 1099.86,564.923C1099.64,565.138 1099.47,565.397 1099.33,565.7C1099.19,566.003 1099.12,566.295 1099.12,566.575L1099.12,570.173L1097.44,570.173L1097.44,562.865Z" style="fill-rule:nonzero;"/>
+            <path d="M1108.31,570.299C1107.4,570.299 1106.69,570.185 1106.2,569.956C1105.71,569.727 1105.35,569.338 1105.14,568.787C1104.93,568.236 1104.83,567.457 1104.83,566.449C1104.83,565.46 1104.93,564.697 1105.13,564.16C1105.33,563.623 1105.67,563.243 1106.15,563.019C1106.63,562.795 1107.32,562.683 1108.2,562.683C1109.05,562.683 1109.71,562.802 1110.19,563.04C1110.67,563.278 1111.01,563.675 1111.22,564.23C1111.43,564.785 1111.53,565.567 1111.53,566.575L1111.52,567.121L1106.55,567.121C1106.59,567.578 1106.66,567.931 1106.77,568.178C1106.89,568.425 1107.06,568.6 1107.3,568.703C1107.54,568.806 1107.87,568.857 1108.3,568.857C1108.72,568.857 1109.03,568.792 1109.22,568.661C1109.41,568.53 1109.56,568.288 1109.67,567.933L1111.41,567.933C1111.32,568.549 1111.16,569.025 1110.95,569.361C1110.73,569.697 1110.42,569.937 1110.01,570.082C1109.6,570.227 1109.03,570.299 1108.31,570.299ZM1109.85,565.791C1109.85,565.156 1109.73,564.72 1109.48,564.482C1109.24,564.244 1108.81,564.125 1108.2,564.125C1107.61,564.125 1107.19,564.246 1106.94,564.489C1106.69,564.732 1106.56,565.166 1106.56,565.791L1109.85,565.791Z" style="fill-rule:nonzero;"/>
+            <path d="M851.097,569.568C850.201,569.568 849.513,569.494 849.032,569.344C848.551,569.195 848.213,568.938 848.017,568.574C847.821,568.21 847.732,567.697 847.751,567.034L849.473,567.034C849.482,567.324 849.538,567.545 849.641,567.699C849.744,567.853 849.919,567.963 850.166,568.028C850.413,568.094 850.766,568.126 851.223,568.126C851.774,568.126 852.152,568.073 852.357,567.965C852.562,567.858 852.665,567.66 852.665,567.37C852.665,567.184 852.607,567.027 852.49,566.901C852.373,566.775 852.175,566.666 851.895,566.572C851.615,566.479 851.218,566.386 850.705,566.292C849.958,566.152 849.382,565.996 848.976,565.823C848.57,565.651 848.281,565.431 848.108,565.165C847.935,564.899 847.849,564.547 847.849,564.108C847.849,563.539 847.945,563.103 848.136,562.799C848.327,562.496 848.654,562.279 849.116,562.148C849.578,562.018 850.229,561.952 851.069,561.952C851.89,561.952 852.525,562.02 852.973,562.155C853.421,562.291 853.738,562.519 853.925,562.841C854.112,563.163 854.21,563.623 854.219,564.22L852.539,564.22C852.52,563.903 852.406,563.686 852.196,563.569C851.986,563.453 851.606,563.394 851.055,563.394C850.476,563.394 850.08,563.446 849.865,563.548C849.65,563.651 849.543,563.842 849.543,564.122C849.543,564.272 849.69,564.405 849.984,564.521C850.278,564.638 850.85,564.794 851.699,564.99C852.399,565.149 852.94,565.324 853.323,565.515C853.706,565.707 853.979,565.947 854.142,566.236C854.305,566.526 854.387,566.899 854.387,567.356C854.387,567.935 854.289,568.383 854.093,568.7C853.897,569.018 853.563,569.242 853.092,569.372C852.621,569.503 851.956,569.568 851.097,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M860.379,569.596C859.707,569.596 859.198,569.508 858.853,569.33C858.508,569.153 858.274,568.889 858.153,568.539C858.032,568.189 857.971,567.711 857.971,567.104L857.971,563.576L856.165,563.576L856.501,562.134L858.027,562.134L858.027,560.65L859.651,559.964L859.651,562.134L862.381,562.134L862.381,563.576L859.651,563.576L859.651,567.048C859.651,567.347 859.677,567.566 859.728,567.706C859.779,567.846 859.891,567.949 860.064,568.014C860.237,568.08 860.5,568.112 860.855,568.112C861.256,568.112 861.84,568.056 862.605,567.944L862.605,569.414C861.634,569.536 860.892,569.596 860.379,569.596Z" style="fill-rule:nonzero;"/>
+            <path d="M867.211,569.568C866.53,569.568 866.005,569.501 865.636,569.365C865.267,569.23 865.006,569.001 864.852,568.679C864.698,568.357 864.621,567.902 864.621,567.314C864.621,566.624 864.728,566.089 864.943,565.711C865.158,565.333 865.522,565.065 866.035,564.906C866.548,564.748 867.276,564.668 868.219,564.668L869.325,564.668L869.325,564.584C869.325,564.118 869.222,563.8 869.017,563.632C868.812,563.464 868.424,563.38 867.855,563.38C867.342,563.38 866.994,563.448 866.812,563.583C866.63,563.719 866.548,563.978 866.567,564.36L864.859,564.36C864.831,563.726 864.903,563.238 865.076,562.897C865.249,562.557 865.552,562.314 865.986,562.169C866.42,562.025 867.043,561.952 867.855,561.952C868.667,561.952 869.295,562.032 869.738,562.19C870.181,562.349 870.496,562.615 870.683,562.988C870.87,563.362 870.963,563.894 870.963,564.584L870.963,569.442L869.367,569.442L869.367,568.574L869.255,568.574C868.994,568.957 868.718,569.218 868.429,569.358C868.14,569.498 867.734,569.568 867.211,569.568ZM866.329,567.188C866.329,567.543 866.411,567.786 866.574,567.916C866.737,568.047 867.048,568.112 867.505,568.112C867.972,568.112 868.331,568.052 868.583,567.93C868.835,567.809 869.015,567.604 869.122,567.314C869.229,567.025 869.292,566.61 869.311,566.068L867.925,566.082C867.505,566.092 867.181,566.129 866.952,566.194C866.723,566.26 866.562,566.369 866.469,566.523C866.376,566.677 866.329,566.899 866.329,567.188Z" style="fill-rule:nonzero;"/>
+            <path d="M877.179,569.596C876.507,569.596 875.998,569.508 875.653,569.33C875.308,569.153 875.074,568.889 874.953,568.539C874.832,568.189 874.771,567.711 874.771,567.104L874.771,563.576L872.965,563.576L873.301,562.134L874.827,562.134L874.827,560.65L876.451,559.964L876.451,562.134L879.181,562.134L879.181,563.576L876.451,563.576L876.451,567.048C876.451,567.347 876.477,567.566 876.528,567.706C876.579,567.846 876.691,567.949 876.864,568.014C877.037,568.08 877.3,568.112 877.655,568.112C878.056,568.112 878.64,568.056 879.405,567.944L879.405,569.414C878.434,569.536 877.692,569.596 877.179,569.596Z" style="fill-rule:nonzero;"/>
+            <path d="M883.857,569.568C883.213,569.568 882.716,569.484 882.366,569.316C882.016,569.148 881.766,568.864 881.617,568.462C881.468,568.061 881.393,567.492 881.393,566.754L881.393,562.134L883.101,562.134L883.101,566.782C883.101,567.296 883.187,567.646 883.36,567.832C883.533,568.019 883.862,568.112 884.347,568.112C884.842,568.112 885.22,568.047 885.481,567.916C885.742,567.786 885.929,567.564 886.041,567.251C886.153,566.939 886.209,566.493 886.209,565.914L886.209,562.134L887.917,562.134L887.917,569.442L886.209,569.442L886.209,568.42L886.097,568.42C885.854,568.859 885.577,569.16 885.264,569.323C884.951,569.487 884.482,569.568 883.857,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M893.097,569.568C892.201,569.568 891.513,569.494 891.032,569.344C890.551,569.195 890.213,568.938 890.017,568.574C889.821,568.21 889.732,567.697 889.751,567.034L891.473,567.034C891.482,567.324 891.538,567.545 891.641,567.699C891.744,567.853 891.919,567.963 892.166,568.028C892.413,568.094 892.766,568.126 893.223,568.126C893.774,568.126 894.152,568.073 894.357,567.965C894.562,567.858 894.665,567.66 894.665,567.37C894.665,567.184 894.607,567.027 894.49,566.901C894.373,566.775 894.175,566.666 893.895,566.572C893.615,566.479 893.218,566.386 892.705,566.292C891.958,566.152 891.382,565.996 890.976,565.823C890.57,565.651 890.281,565.431 890.108,565.165C889.935,564.899 889.849,564.547 889.849,564.108C889.849,563.539 889.945,563.103 890.136,562.799C890.327,562.496 890.654,562.279 891.116,562.148C891.578,562.018 892.229,561.952 893.069,561.952C893.89,561.952 894.525,562.02 894.973,562.155C895.421,562.291 895.738,562.519 895.925,562.841C896.112,563.163 896.21,563.623 896.219,564.22L894.539,564.22C894.52,563.903 894.406,563.686 894.196,563.569C893.986,563.453 893.606,563.394 893.055,563.394C892.476,563.394 892.08,563.446 891.865,563.548C891.65,563.651 891.543,563.842 891.543,564.122C891.543,564.272 891.69,564.405 891.984,564.521C892.278,564.638 892.85,564.794 893.699,564.99C894.399,565.149 894.94,565.324 895.323,565.515C895.706,565.707 895.979,565.947 896.142,566.236C896.305,566.526 896.387,566.899 896.387,567.356C896.387,567.935 896.289,568.383 896.093,568.7C895.897,569.018 895.563,569.242 895.092,569.372C894.621,569.503 893.956,569.568 893.097,569.568Z" style="fill-rule:nonzero;"/>
+            <rect x="898.809" y="564.5" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M909.897,569.568C909.001,569.568 908.313,569.494 907.832,569.344C907.351,569.195 907.013,568.938 906.817,568.574C906.621,568.21 906.532,567.697 906.551,567.034L908.273,567.034C908.282,567.324 908.338,567.545 908.441,567.699C908.544,567.853 908.719,567.963 908.966,568.028C909.213,568.094 909.566,568.126 910.023,568.126C910.574,568.126 910.952,568.073 911.157,567.965C911.362,567.858 911.465,567.66 911.465,567.37C911.465,567.184 911.407,567.027 911.29,566.901C911.173,566.775 910.975,566.666 910.695,566.572C910.415,566.479 910.018,566.386 909.505,566.292C908.758,566.152 908.182,565.996 907.776,565.823C907.37,565.651 907.081,565.431 906.908,565.165C906.735,564.899 906.649,564.547 906.649,564.108C906.649,563.539 906.745,563.103 906.936,562.799C907.127,562.496 907.454,562.279 907.916,562.148C908.378,562.018 909.029,561.952 909.869,561.952C910.69,561.952 911.325,562.02 911.773,562.155C912.221,562.291 912.538,562.519 912.725,562.841C912.912,563.163 913.01,563.623 913.019,564.22L911.339,564.22C911.32,563.903 911.206,563.686 910.996,563.569C910.786,563.453 910.406,563.394 909.855,563.394C909.276,563.394 908.88,563.446 908.665,563.548C908.45,563.651 908.343,563.842 908.343,564.122C908.343,564.272 908.49,564.405 908.784,564.521C909.078,564.638 909.65,564.794 910.499,564.99C911.199,565.149 911.74,565.324 912.123,565.515C912.506,565.707 912.779,565.947 912.942,566.236C913.105,566.526 913.187,566.899 913.187,567.356C913.187,567.935 913.089,568.383 912.893,568.7C912.697,569.018 912.363,569.242 911.892,569.372C911.421,569.503 910.756,569.568 909.897,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M917.457,569.568C916.813,569.568 916.316,569.484 915.966,569.316C915.616,569.148 915.366,568.864 915.217,568.462C915.068,568.061 914.993,567.492 914.993,566.754L914.993,562.134L916.701,562.134L916.701,566.782C916.701,567.296 916.787,567.646 916.96,567.832C917.133,568.019 917.462,568.112 917.947,568.112C918.442,568.112 918.82,568.047 919.081,567.916C919.342,567.786 919.529,567.564 919.641,567.251C919.753,566.939 919.809,566.493 919.809,565.914L919.809,562.134L921.517,562.134L921.517,569.442L919.809,569.442L919.809,568.42L919.697,568.42C919.454,568.859 919.177,569.16 918.864,569.323C918.551,569.487 918.082,569.568 917.457,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M926.921,569.568C925.997,569.568 925.283,569.456 924.779,569.232C924.275,569.008 923.918,568.628 923.708,568.091C923.498,567.555 923.393,566.792 923.393,565.802C923.393,564.794 923.498,564.015 923.708,563.464C923.918,562.914 924.273,562.524 924.772,562.295C925.271,562.067 925.978,561.952 926.893,561.952C927.696,561.952 928.316,562.032 928.755,562.19C929.194,562.349 929.509,562.617 929.7,562.995C929.891,563.373 929.996,563.908 930.015,564.598L928.321,564.598C928.256,564.141 928.127,563.831 927.936,563.667C927.745,563.504 927.425,563.422 926.977,563.422C926.482,563.422 926.102,563.495 925.836,563.639C925.57,563.784 925.381,564.027 925.269,564.367C925.157,564.708 925.101,565.191 925.101,565.816C925.101,566.414 925.157,566.876 925.269,567.202C925.381,567.529 925.572,567.76 925.843,567.895C926.114,568.031 926.496,568.098 926.991,568.098C927.42,568.098 927.731,568.026 927.922,567.881C928.113,567.737 928.251,567.468 928.335,567.076L930.015,567.076C929.996,567.73 929.891,568.234 929.7,568.588C929.509,568.943 929.196,569.195 928.762,569.344C928.328,569.494 927.714,569.568 926.921,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M935.321,569.568C934.397,569.568 933.683,569.456 933.179,569.232C932.675,569.008 932.318,568.628 932.108,568.091C931.898,567.555 931.793,566.792 931.793,565.802C931.793,564.794 931.898,564.015 932.108,563.464C932.318,562.914 932.673,562.524 933.172,562.295C933.671,562.067 934.378,561.952 935.293,561.952C936.096,561.952 936.716,562.032 937.155,562.19C937.594,562.349 937.909,562.617 938.1,562.995C938.291,563.373 938.396,563.908 938.415,564.598L936.721,564.598C936.656,564.141 936.527,563.831 936.336,563.667C936.145,563.504 935.825,563.422 935.377,563.422C934.882,563.422 934.502,563.495 934.236,563.639C933.97,563.784 933.781,564.027 933.669,564.367C933.557,564.708 933.501,565.191 933.501,565.816C933.501,566.414 933.557,566.876 933.669,567.202C933.781,567.529 933.972,567.76 934.243,567.895C934.514,568.031 934.896,568.098 935.391,568.098C935.82,568.098 936.131,568.026 936.322,567.881C936.513,567.737 936.651,567.468 936.735,567.076L938.415,567.076C938.396,567.73 938.291,568.234 938.1,568.588C937.909,568.943 937.596,569.195 937.162,569.344C936.728,569.494 936.114,569.568 935.321,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M943.595,569.568C942.68,569.568 941.976,569.454 941.481,569.225C940.986,568.997 940.634,568.607 940.424,568.056C940.214,567.506 940.109,566.726 940.109,565.718C940.109,564.729 940.209,563.966 940.41,563.429C940.611,562.893 940.951,562.512 941.432,562.288C941.913,562.064 942.596,561.952 943.483,561.952C944.332,561.952 944.995,562.071 945.471,562.309C945.947,562.547 946.29,562.944 946.5,563.499C946.71,564.055 946.815,564.836 946.815,565.844L946.801,566.39L941.831,566.39C941.868,566.848 941.943,567.2 942.055,567.447C942.167,567.695 942.342,567.87 942.58,567.972C942.818,568.075 943.152,568.126 943.581,568.126C944.001,568.126 944.307,568.061 944.498,567.93C944.689,567.8 944.841,567.557 944.953,567.202L946.689,567.202C946.596,567.818 946.442,568.294 946.227,568.63C946.012,568.966 945.7,569.207 945.289,569.351C944.878,569.496 944.314,569.568 943.595,569.568ZM945.135,565.06C945.135,564.426 945.011,563.989 944.764,563.751C944.517,563.513 944.09,563.394 943.483,563.394C942.895,563.394 942.475,563.516 942.223,563.758C941.971,564.001 941.845,564.435 941.845,565.06L945.135,565.06Z" style="fill-rule:nonzero;"/>
+            <path d="M951.897,569.568C951.001,569.568 950.313,569.494 949.832,569.344C949.351,569.195 949.013,568.938 948.817,568.574C948.621,568.21 948.532,567.697 948.551,567.034L950.273,567.034C950.282,567.324 950.338,567.545 950.441,567.699C950.544,567.853 950.719,567.963 950.966,568.028C951.213,568.094 951.566,568.126 952.023,568.126C952.574,568.126 952.952,568.073 953.157,567.965C953.362,567.858 953.465,567.66 953.465,567.37C953.465,567.184 953.407,567.027 953.29,566.901C953.173,566.775 952.975,566.666 952.695,566.572C952.415,566.479 952.018,566.386 951.505,566.292C950.758,566.152 950.182,565.996 949.776,565.823C949.37,565.651 949.081,565.431 948.908,565.165C948.735,564.899 948.649,564.547 948.649,564.108C948.649,563.539 948.745,563.103 948.936,562.799C949.127,562.496 949.454,562.279 949.916,562.148C950.378,562.018 951.029,561.952 951.869,561.952C952.69,561.952 953.325,562.02 953.773,562.155C954.221,562.291 954.538,562.519 954.725,562.841C954.912,563.163 955.01,563.623 955.019,564.22L953.339,564.22C953.32,563.903 953.206,563.686 952.996,563.569C952.786,563.453 952.406,563.394 951.855,563.394C951.276,563.394 950.88,563.446 950.665,563.548C950.45,563.651 950.343,563.842 950.343,564.122C950.343,564.272 950.49,564.405 950.784,564.521C951.078,564.638 951.65,564.794 952.499,564.99C953.199,565.149 953.74,565.324 954.123,565.515C954.506,565.707 954.779,565.947 954.942,566.236C955.105,566.526 955.187,566.899 955.187,567.356C955.187,567.935 955.089,568.383 954.893,568.7C954.697,569.018 954.363,569.242 953.892,569.372C953.421,569.503 952.756,569.568 951.897,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M960.297,569.568C959.401,569.568 958.713,569.494 958.232,569.344C957.751,569.195 957.413,568.938 957.217,568.574C957.021,568.21 956.932,567.697 956.951,567.034L958.673,567.034C958.682,567.324 958.738,567.545 958.841,567.699C958.944,567.853 959.119,567.963 959.366,568.028C959.613,568.094 959.966,568.126 960.423,568.126C960.974,568.126 961.352,568.073 961.557,567.965C961.762,567.858 961.865,567.66 961.865,567.37C961.865,567.184 961.807,567.027 961.69,566.901C961.573,566.775 961.375,566.666 961.095,566.572C960.815,566.479 960.418,566.386 959.905,566.292C959.158,566.152 958.582,565.996 958.176,565.823C957.77,565.651 957.481,565.431 957.308,565.165C957.135,564.899 957.049,564.547 957.049,564.108C957.049,563.539 957.145,563.103 957.336,562.799C957.527,562.496 957.854,562.279 958.316,562.148C958.778,562.018 959.429,561.952 960.269,561.952C961.09,561.952 961.725,562.02 962.173,562.155C962.621,562.291 962.938,562.519 963.125,562.841C963.312,563.163 963.41,563.623 963.419,564.22L961.739,564.22C961.72,563.903 961.606,563.686 961.396,563.569C961.186,563.453 960.806,563.394 960.255,563.394C959.676,563.394 959.28,563.446 959.065,563.548C958.85,563.651 958.743,563.842 958.743,564.122C958.743,564.272 958.89,564.405 959.184,564.521C959.478,564.638 960.05,564.794 960.899,564.99C961.599,565.149 962.14,565.324 962.523,565.515C962.906,565.707 963.179,565.947 963.342,566.236C963.505,566.526 963.587,566.899 963.587,567.356C963.587,567.935 963.489,568.383 963.293,568.7C963.097,569.018 962.763,569.242 962.292,569.372C961.821,569.503 961.156,569.568 960.297,569.568Z" style="fill-rule:nonzero;"/>
+            <path d="M979.533,550L979.533,580" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+        <g>
+            <path d="M1081.7,361.688C1081.7,360.756 1080.94,360 1080.01,360L883.279,360C882.347,360 881.591,360.756 881.591,361.688L881.591,483.312C881.591,484.244 882.347,485 883.279,485L1080.01,485C1080.94,485 1081.7,484.244 1081.7,483.312L1081.7,361.688Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M934.707,379.062C933.939,379.062 933.358,378.961 932.963,378.758C932.568,378.556 932.302,378.254 932.163,377.854C932.024,377.454 931.955,376.908 931.955,376.214L931.955,372.182L929.891,372.182L930.275,370.534L932.019,370.534L932.019,368.838L933.875,368.054L933.875,370.534L936.995,370.534L936.995,372.182L933.875,372.182L933.875,376.15C933.875,376.492 933.904,376.742 933.963,376.902C934.022,377.062 934.15,377.18 934.347,377.254C934.544,377.329 934.846,377.366 935.251,377.366C935.71,377.366 936.376,377.302 937.251,377.174L937.251,378.854C936.142,378.993 935.294,379.062 934.707,379.062Z" style="fill-rule:nonzero;"/>
+            <path d="M943.411,379.03C942.366,379.03 941.56,378.9 940.995,378.638C940.43,378.377 940.027,377.932 939.787,377.302C939.547,376.673 939.427,375.782 939.427,374.63C939.427,373.5 939.542,372.628 939.771,372.014C940,371.401 940.39,370.966 940.939,370.71C941.488,370.454 942.27,370.326 943.283,370.326C944.254,370.326 945.011,370.462 945.555,370.734C946.099,371.006 946.491,371.46 946.731,372.094C946.971,372.729 947.091,373.622 947.091,374.774L947.075,375.398L941.395,375.398C941.438,375.921 941.523,376.324 941.651,376.606C941.779,376.889 941.979,377.089 942.251,377.206C942.523,377.324 942.904,377.382 943.395,377.382C943.875,377.382 944.224,377.308 944.443,377.158C944.662,377.009 944.835,376.732 944.963,376.326L946.947,376.326C946.84,377.03 946.664,377.574 946.419,377.958C946.174,378.342 945.816,378.617 945.347,378.782C944.878,378.948 944.232,379.03 943.411,379.03ZM945.171,373.878C945.171,373.153 945.03,372.654 944.747,372.382C944.464,372.11 943.976,371.974 943.283,371.974C942.611,371.974 942.131,372.113 941.843,372.39C941.555,372.668 941.411,373.164 941.411,373.878L945.171,373.878Z" style="fill-rule:nonzero;"/>
+            <path d="M952.899,379.03C951.875,379.03 951.088,378.945 950.539,378.774C949.99,378.604 949.603,378.31 949.379,377.894C949.155,377.478 949.054,376.892 949.075,376.134L951.043,376.134C951.054,376.465 951.118,376.718 951.235,376.894C951.352,377.07 951.552,377.196 951.835,377.27C952.118,377.345 952.52,377.382 953.043,377.382C953.672,377.382 954.104,377.321 954.339,377.198C954.574,377.076 954.691,376.849 954.691,376.518C954.691,376.305 954.624,376.126 954.491,375.982C954.358,375.838 954.131,375.713 953.811,375.606C953.491,375.5 953.038,375.393 952.451,375.286C951.598,375.126 950.939,374.948 950.475,374.75C950.011,374.553 949.68,374.302 949.483,373.998C949.286,373.694 949.187,373.292 949.187,372.79C949.187,372.14 949.296,371.641 949.515,371.294C949.734,370.948 950.107,370.7 950.635,370.55C951.163,370.401 951.907,370.326 952.867,370.326C953.806,370.326 954.531,370.404 955.043,370.558C955.555,370.713 955.918,370.974 956.131,371.342C956.344,371.71 956.456,372.236 956.467,372.918L954.547,372.918C954.526,372.556 954.395,372.308 954.155,372.174C953.915,372.041 953.48,371.974 952.851,371.974C952.19,371.974 951.736,372.033 951.491,372.15C951.246,372.268 951.123,372.486 951.123,372.806C951.123,372.977 951.291,373.129 951.627,373.262C951.963,373.396 952.616,373.574 953.587,373.798C954.387,373.98 955.006,374.18 955.443,374.398C955.88,374.617 956.192,374.892 956.379,375.222C956.566,375.553 956.659,375.98 956.659,376.502C956.659,377.164 956.547,377.676 956.323,378.038C956.099,378.401 955.718,378.657 955.179,378.806C954.64,378.956 953.88,379.03 952.899,379.03Z" style="fill-rule:nonzero;"/>
+            <path d="M963.507,379.062C962.739,379.062 962.158,378.961 961.763,378.758C961.368,378.556 961.102,378.254 960.963,377.854C960.824,377.454 960.755,376.908 960.755,376.214L960.755,372.182L958.691,372.182L959.075,370.534L960.819,370.534L960.819,368.838L962.675,368.054L962.675,370.534L965.795,370.534L965.795,372.182L962.675,372.182L962.675,376.15C962.675,376.492 962.704,376.742 962.763,376.902C962.822,377.062 962.95,377.18 963.147,377.254C963.344,377.329 963.646,377.366 964.051,377.366C964.51,377.366 965.176,377.302 966.051,377.174L966.051,378.854C964.942,378.993 964.094,379.062 963.507,379.062Z" style="fill-rule:nonzero;"/>
+            <rect x="969.027" y="373.238" width="6.08" height="1.76" style="fill-rule:nonzero;"/>
+            <path d="M977.667,370.534L979.603,370.534L979.603,371.35L979.731,371.35C980.072,370.966 980.392,370.705 980.691,370.566C980.99,370.428 981.379,370.358 981.859,370.358C982.808,370.358 983.539,370.489 984.051,370.75C984.563,371.012 984.928,371.452 985.147,372.07C985.366,372.689 985.475,373.569 985.475,374.71C985.475,375.841 985.368,376.713 985.155,377.326C984.942,377.94 984.582,378.377 984.075,378.638C983.568,378.9 982.846,379.03 981.907,379.03C981.342,379.03 980.904,378.961 980.595,378.822C980.286,378.684 979.998,378.422 979.731,378.038L979.603,378.038L979.603,382.326L977.667,382.326L977.667,370.534ZM979.571,374.71C979.571,375.404 979.627,375.94 979.739,376.318C979.851,376.697 980.04,376.966 980.307,377.126C980.574,377.286 980.952,377.366 981.443,377.366C981.987,377.366 982.406,377.286 982.699,377.126C982.992,376.966 983.2,376.697 983.323,376.318C983.446,375.94 983.507,375.404 983.507,374.71C983.507,374.006 983.446,373.462 983.323,373.078C983.2,372.694 982.992,372.422 982.699,372.262C982.406,372.102 981.987,372.022 981.443,372.022C980.952,372.022 980.574,372.102 980.307,372.262C980.04,372.422 979.851,372.694 979.739,373.078C979.627,373.462 979.571,374.006 979.571,374.71Z" style="fill-rule:nonzero;"/>
+            <path d="M990.515,378.118L989.971,378.118L987.251,370.534L989.235,370.534L991.235,376.678L991.315,376.678L993.283,370.534L995.299,370.534L991.139,382.326L989.123,382.326L990.515,378.118Z" style="fill-rule:nonzero;"/>
+            <path d="M1001.91,379.062C1001.14,379.062 1000.56,378.961 1000.16,378.758C999.768,378.556 999.502,378.254 999.363,377.854C999.224,377.454 999.155,376.908 999.155,376.214L999.155,372.182L997.091,372.182L997.475,370.534L999.219,370.534L999.219,368.838L1001.08,368.054L1001.08,370.534L1004.2,370.534L1004.2,372.182L1001.08,372.182L1001.08,376.15C1001.08,376.492 1001.1,376.742 1001.16,376.902C1001.22,377.062 1001.35,377.18 1001.55,377.254C1001.74,377.329 1002.05,377.366 1002.45,377.366C1002.91,377.366 1003.58,377.302 1004.45,377.174L1004.45,378.854C1003.34,378.993 1002.49,379.062 1001.91,379.062Z" style="fill-rule:nonzero;"/>
+            <path d="M1006.75,367.238L1008.71,367.238L1008.71,371.654L1008.84,371.654C1009.1,371.153 1009.4,370.806 1009.73,370.614C1010.06,370.422 1010.52,370.326 1011.11,370.326C1011.93,370.326 1012.56,370.422 1013,370.614C1013.43,370.806 1013.74,371.134 1013.93,371.598C1014.12,372.062 1014.21,372.721 1014.21,373.574L1014.21,378.886L1012.26,378.886L1012.26,373.542C1012.26,372.945 1012.15,372.537 1011.93,372.318C1011.71,372.1 1011.3,371.99 1010.69,371.99C1010.17,371.99 1009.77,372.065 1009.48,372.214C1009.2,372.364 1009,372.62 1008.88,372.982C1008.77,373.345 1008.71,373.862 1008.71,374.534L1008.71,378.886L1006.75,378.886L1006.75,367.238Z" style="fill-rule:nonzero;"/>
+            <path d="M1020.07,379.03C1019.03,379.03 1018.23,378.9 1017.67,378.638C1017.1,378.377 1016.7,377.94 1016.46,377.326C1016.22,376.713 1016.1,375.836 1016.1,374.694C1016.1,373.542 1016.22,372.657 1016.46,372.038C1016.7,371.42 1017.1,370.98 1017.66,370.718C1018.22,370.457 1019.02,370.326 1020.07,370.326C1021.11,370.326 1021.92,370.457 1022.48,370.718C1023.03,370.98 1023.44,371.42 1023.68,372.038C1023.92,372.657 1024.04,373.542 1024.04,374.694C1024.04,375.836 1023.92,376.713 1023.68,377.326C1023.44,377.94 1023.03,378.377 1022.47,378.638C1021.9,378.9 1021.1,379.03 1020.07,379.03ZM1018.05,374.694C1018.05,375.398 1018.11,375.94 1018.24,376.318C1018.36,376.697 1018.56,376.966 1018.84,377.126C1019.13,377.286 1019.53,377.366 1020.07,377.366C1020.6,377.366 1021.01,377.286 1021.29,377.126C1021.57,376.966 1021.78,376.697 1021.9,376.318C1022.02,375.94 1022.08,375.398 1022.08,374.694C1022.08,373.98 1022.02,373.43 1021.9,373.046C1021.78,372.662 1021.57,372.388 1021.29,372.222C1021.01,372.057 1020.6,371.974 1020.07,371.974C1019.53,371.974 1019.13,372.057 1018.84,372.222C1018.56,372.388 1018.36,372.662 1018.24,373.046C1018.11,373.43 1018.05,373.98 1018.05,374.694Z" style="fill-rule:nonzero;"/>
+            <path d="M1025.95,370.534L1027.91,370.534L1027.91,371.686L1028.04,371.686C1028.33,371.164 1028.64,370.806 1028.96,370.614C1029.28,370.422 1029.74,370.326 1030.32,370.326C1031.13,370.326 1031.76,370.425 1032.19,370.622C1032.63,370.82 1032.94,371.15 1033.13,371.614C1033.32,372.078 1033.41,372.742 1033.41,373.606L1033.41,378.886L1031.46,378.886L1031.46,373.574C1031.46,372.988 1031.35,372.588 1031.13,372.374C1030.91,372.161 1030.5,372.054 1029.91,372.054C1029.38,372.054 1028.98,372.129 1028.7,372.278C1028.42,372.428 1028.21,372.681 1028.09,373.038C1027.97,373.396 1027.91,373.9 1027.91,374.55L1027.91,378.886L1025.95,378.886L1025.95,370.534Z" style="fill-rule:nonzero;"/>
+            <g transform="matrix(1,0,0,1,751.38,313.113)">
+                <g transform="matrix(16,0,0,16,210.753,98.5354)">
+                    <path d="M0.09,-0.074L0.268,-0.074L0.268,-0.653L0.1,-0.653L0.1,-0.728L0.349,-0.728L0.349,-0.074L0.515,-0.074L0.515,-0L0.09,-0L0.09,-0.074Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,220.353,98.5354)">
+                    <path d="M0.25,-0.728L0.365,-0.728L0.365,-0.614L0.25,-0.614L0.25,-0.728ZM0.113,-0.074L0.282,-0.074L0.282,-0.449L0.123,-0.449L0.123,-0.522L0.364,-0.522L0.364,-0.074L0.526,-0.074L0.526,-0.001L0.113,-0.001L0.113,-0.074Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,229.953,98.5354)">
+                    <path d="M0.091,-0.522L0.175,-0.522L0.175,-0.446L0.182,-0.446C0.197,-0.481 0.215,-0.504 0.238,-0.517C0.26,-0.529 0.294,-0.535 0.339,-0.535C0.383,-0.535 0.417,-0.529 0.441,-0.517C0.465,-0.505 0.482,-0.485 0.493,-0.457C0.503,-0.428 0.508,-0.388 0.508,-0.336L0.508,-0L0.425,-0L0.425,-0.338C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.44 0.381,-0.448C0.365,-0.455 0.342,-0.458 0.313,-0.458C0.277,-0.458 0.249,-0.452 0.23,-0.441C0.21,-0.43 0.196,-0.411 0.188,-0.385C0.179,-0.358 0.175,-0.321 0.175,-0.272L0.175,-0L0.091,-0L0.091,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,239.553,98.5354)">
+                    <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,201.153,118.535)">
+                    <path d="M0.232,-0.443L0.102,-0.443L0.078,-0.522L0.232,-0.522L0.232,-0.594C0.232,-0.634 0.238,-0.665 0.251,-0.688C0.263,-0.71 0.284,-0.726 0.314,-0.736C0.344,-0.745 0.386,-0.75 0.44,-0.75C0.452,-0.75 0.473,-0.749 0.504,-0.748L0.504,-0.674C0.493,-0.675 0.477,-0.675 0.457,-0.675C0.42,-0.675 0.391,-0.672 0.37,-0.667C0.349,-0.662 0.335,-0.653 0.326,-0.641C0.317,-0.628 0.313,-0.611 0.313,-0.59L0.313,-0.522L0.494,-0.522L0.494,-0.443L0.313,-0.443L0.313,-0L0.232,-0L0.232,-0.443Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,210.753,118.535)">
+                    <path d="M0.299,0.01C0.24,0.01 0.195,0.002 0.164,-0.015C0.132,-0.031 0.109,-0.058 0.096,-0.097C0.083,-0.136 0.076,-0.191 0.076,-0.262C0.076,-0.334 0.083,-0.389 0.096,-0.428C0.109,-0.467 0.132,-0.494 0.164,-0.511C0.195,-0.527 0.24,-0.535 0.299,-0.535C0.358,-0.535 0.403,-0.527 0.435,-0.511C0.467,-0.494 0.49,-0.466 0.503,-0.428C0.516,-0.389 0.523,-0.333 0.523,-0.262C0.523,-0.191 0.516,-0.136 0.503,-0.097C0.49,-0.058 0.467,-0.031 0.435,-0.015C0.403,0.002 0.358,0.01 0.299,0.01ZM0.16,-0.262C0.16,-0.21 0.164,-0.17 0.173,-0.142C0.181,-0.114 0.195,-0.094 0.215,-0.083C0.234,-0.071 0.262,-0.065 0.299,-0.065C0.336,-0.065 0.364,-0.071 0.384,-0.083C0.404,-0.094 0.418,-0.114 0.427,-0.142C0.435,-0.17 0.439,-0.21 0.439,-0.262C0.439,-0.315 0.435,-0.355 0.427,-0.383C0.418,-0.411 0.404,-0.431 0.384,-0.443C0.364,-0.455 0.336,-0.461 0.299,-0.461C0.262,-0.461 0.234,-0.455 0.215,-0.443C0.195,-0.431 0.181,-0.411 0.173,-0.383C0.164,-0.355 0.16,-0.315 0.16,-0.262Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,220.353,118.535)">
+                    <path d="M0.167,-0.522L0.247,-0.522L0.244,-0.399L0.252,-0.399C0.271,-0.442 0.286,-0.471 0.297,-0.488C0.308,-0.504 0.319,-0.514 0.332,-0.518C0.345,-0.522 0.366,-0.524 0.397,-0.525L0.441,-0.526C0.458,-0.526 0.476,-0.525 0.496,-0.524L0.496,-0.445C0.481,-0.446 0.461,-0.446 0.436,-0.446C0.411,-0.446 0.391,-0.445 0.376,-0.443C0.357,-0.44 0.337,-0.429 0.317,-0.412C0.297,-0.394 0.281,-0.372 0.268,-0.346C0.255,-0.319 0.248,-0.292 0.248,-0.264L0.248,-0L0.167,-0L0.167,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,229.953,118.535)">
+                    <path d="M0.046,-0.522L0.121,-0.522L0.121,-0.455L0.128,-0.455C0.139,-0.485 0.152,-0.506 0.166,-0.517C0.18,-0.528 0.2,-0.534 0.226,-0.534C0.256,-0.534 0.279,-0.528 0.295,-0.517C0.311,-0.505 0.323,-0.484 0.33,-0.455L0.335,-0.455C0.347,-0.486 0.361,-0.506 0.376,-0.518C0.391,-0.529 0.412,-0.534 0.44,-0.534C0.469,-0.534 0.492,-0.528 0.509,-0.516C0.525,-0.504 0.536,-0.484 0.543,-0.456C0.55,-0.428 0.553,-0.389 0.553,-0.338L0.553,-0L0.474,-0L0.474,-0.319C0.474,-0.355 0.472,-0.383 0.469,-0.403C0.465,-0.422 0.458,-0.436 0.449,-0.445C0.439,-0.454 0.425,-0.458 0.408,-0.458C0.39,-0.458 0.376,-0.453 0.366,-0.444C0.356,-0.435 0.349,-0.419 0.345,-0.398C0.341,-0.376 0.339,-0.345 0.339,-0.304L0.339,-0L0.261,-0L0.263,-0.318C0.264,-0.371 0.259,-0.407 0.248,-0.428C0.237,-0.448 0.218,-0.458 0.193,-0.458C0.175,-0.458 0.161,-0.453 0.152,-0.444C0.142,-0.434 0.135,-0.418 0.131,-0.395C0.126,-0.372 0.124,-0.339 0.124,-0.298L0.124,-0L0.046,-0L0.046,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,239.553,118.535)">
+                    <path d="M0.249,0.01C0.206,0.01 0.173,0.005 0.151,-0.004C0.128,-0.013 0.111,-0.029 0.102,-0.051C0.092,-0.073 0.087,-0.104 0.087,-0.145C0.087,-0.193 0.094,-0.23 0.108,-0.257C0.122,-0.283 0.146,-0.302 0.179,-0.313C0.212,-0.324 0.258,-0.329 0.319,-0.329L0.413,-0.329L0.413,-0.354C0.413,-0.382 0.41,-0.404 0.403,-0.419C0.396,-0.434 0.384,-0.445 0.367,-0.452C0.349,-0.459 0.325,-0.462 0.294,-0.462C0.253,-0.462 0.226,-0.457 0.211,-0.447C0.196,-0.436 0.188,-0.416 0.187,-0.387L0.103,-0.387C0.103,-0.426 0.109,-0.456 0.12,-0.477C0.131,-0.498 0.151,-0.513 0.178,-0.522C0.205,-0.531 0.244,-0.535 0.294,-0.535C0.346,-0.535 0.386,-0.53 0.415,-0.519C0.443,-0.508 0.463,-0.49 0.475,-0.464C0.486,-0.438 0.492,-0.401 0.492,-0.354L0.492,-0L0.416,-0L0.416,-0.067L0.409,-0.067C0.392,-0.038 0.372,-0.017 0.35,-0.007C0.327,0.005 0.294,0.01 0.249,0.01ZM0.171,-0.154C0.171,-0.119 0.178,-0.096 0.192,-0.084C0.206,-0.071 0.232,-0.065 0.27,-0.065C0.307,-0.065 0.336,-0.071 0.356,-0.083C0.376,-0.094 0.39,-0.114 0.399,-0.141C0.408,-0.168 0.412,-0.207 0.412,-0.258L0.299,-0.257C0.266,-0.256 0.24,-0.253 0.222,-0.247C0.203,-0.24 0.19,-0.23 0.183,-0.216C0.175,-0.201 0.171,-0.181 0.171,-0.154Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,249.153,118.535)">
+                    <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,181.953,138.535)">
+                    <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,191.553,138.535)">
+                    <path d="M0.279,-0.038L0.239,-0.038L0.065,-0.522L0.15,-0.522L0.299,-0.098L0.301,-0.098L0.445,-0.522L0.53,-0.522L0.272,0.221L0.188,0.221L0.279,-0.038Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,201.153,138.535)">
+                    <path d="M0.091,-0.522L0.174,-0.522L0.174,-0.468L0.181,-0.468C0.2,-0.494 0.22,-0.512 0.24,-0.521C0.259,-0.53 0.286,-0.535 0.321,-0.535C0.376,-0.535 0.418,-0.527 0.448,-0.511C0.477,-0.494 0.498,-0.467 0.511,-0.428C0.524,-0.389 0.53,-0.334 0.53,-0.262C0.53,-0.191 0.524,-0.136 0.512,-0.097C0.499,-0.058 0.478,-0.031 0.449,-0.015C0.42,0.002 0.378,0.01 0.323,0.01C0.284,0.01 0.255,0.005 0.236,-0.004C0.216,-0.013 0.198,-0.031 0.182,-0.057L0.174,-0.057L0.174,0.215L0.091,0.215L0.091,-0.522ZM0.172,-0.262C0.172,-0.21 0.176,-0.17 0.184,-0.142C0.192,-0.114 0.205,-0.094 0.224,-0.083C0.242,-0.071 0.268,-0.065 0.303,-0.065C0.34,-0.065 0.369,-0.071 0.389,-0.083C0.409,-0.094 0.423,-0.114 0.432,-0.143C0.441,-0.171 0.445,-0.211 0.445,-0.262C0.445,-0.314 0.441,-0.354 0.432,-0.382C0.423,-0.41 0.409,-0.43 0.389,-0.442C0.369,-0.454 0.34,-0.46 0.303,-0.46C0.268,-0.46 0.242,-0.454 0.224,-0.443C0.205,-0.431 0.192,-0.411 0.184,-0.383C0.176,-0.354 0.172,-0.314 0.172,-0.262Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,210.753,138.535)">
+                    <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,220.353,138.535)">
+                    <rect x="0.129" y="-0.338" width="0.342" height="0.08" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,229.953,138.535)">
+                    <path d="M0.316,0.01C0.257,0.01 0.211,0.002 0.179,-0.015C0.146,-0.031 0.123,-0.058 0.11,-0.097C0.096,-0.135 0.089,-0.19 0.089,-0.261C0.089,-0.333 0.096,-0.389 0.11,-0.428C0.123,-0.466 0.146,-0.494 0.178,-0.511C0.21,-0.527 0.255,-0.535 0.314,-0.535C0.363,-0.535 0.402,-0.53 0.429,-0.52C0.456,-0.51 0.476,-0.493 0.489,-0.47C0.502,-0.446 0.509,-0.412 0.512,-0.369L0.429,-0.369C0.422,-0.404 0.411,-0.427 0.396,-0.44C0.381,-0.453 0.355,-0.459 0.32,-0.459C0.281,-0.459 0.252,-0.453 0.231,-0.441C0.21,-0.429 0.196,-0.409 0.187,-0.381C0.178,-0.352 0.173,-0.312 0.173,-0.259C0.173,-0.208 0.178,-0.169 0.187,-0.142C0.196,-0.115 0.211,-0.095 0.232,-0.084C0.253,-0.072 0.282,-0.066 0.321,-0.066C0.356,-0.066 0.381,-0.072 0.396,-0.083C0.411,-0.094 0.422,-0.114 0.429,-0.145L0.512,-0.145C0.509,-0.104 0.502,-0.073 0.489,-0.051C0.476,-0.029 0.456,-0.013 0.43,-0.004C0.403,0.005 0.365,0.01 0.316,0.01Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,239.553,138.535)">
+                    <path d="M0.091,-0.728L0.175,-0.728L0.175,-0.445L0.182,-0.445C0.197,-0.48 0.216,-0.503 0.238,-0.516C0.259,-0.528 0.293,-0.534 0.338,-0.534C0.383,-0.534 0.417,-0.528 0.441,-0.516C0.465,-0.504 0.482,-0.484 0.493,-0.456C0.503,-0.428 0.508,-0.388 0.508,-0.335L0.508,-0L0.425,-0L0.425,-0.337C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.441 0.38,-0.448C0.364,-0.455 0.341,-0.459 0.312,-0.459C0.276,-0.459 0.248,-0.453 0.229,-0.442C0.21,-0.431 0.196,-0.412 0.188,-0.385C0.179,-0.358 0.175,-0.32 0.175,-0.271L0.175,-0L0.091,-0L0.091,-0.728Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,249.153,138.535)">
+                    <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,258.753,138.535)">
+                    <path d="M0.316,0.01C0.257,0.01 0.211,0.002 0.179,-0.015C0.146,-0.031 0.123,-0.058 0.11,-0.097C0.096,-0.135 0.089,-0.19 0.089,-0.261C0.089,-0.333 0.096,-0.389 0.11,-0.428C0.123,-0.466 0.146,-0.494 0.178,-0.511C0.21,-0.527 0.255,-0.535 0.314,-0.535C0.363,-0.535 0.402,-0.53 0.429,-0.52C0.456,-0.51 0.476,-0.493 0.489,-0.47C0.502,-0.446 0.509,-0.412 0.512,-0.369L0.429,-0.369C0.422,-0.404 0.411,-0.427 0.396,-0.44C0.381,-0.453 0.355,-0.459 0.32,-0.459C0.281,-0.459 0.252,-0.453 0.231,-0.441C0.21,-0.429 0.196,-0.409 0.187,-0.381C0.178,-0.352 0.173,-0.312 0.173,-0.259C0.173,-0.208 0.178,-0.169 0.187,-0.142C0.196,-0.115 0.211,-0.095 0.232,-0.084C0.253,-0.072 0.282,-0.066 0.321,-0.066C0.356,-0.066 0.381,-0.072 0.396,-0.083C0.411,-0.094 0.422,-0.114 0.429,-0.145L0.512,-0.145C0.509,-0.104 0.502,-0.073 0.489,-0.051C0.476,-0.029 0.456,-0.013 0.43,-0.004C0.403,0.005 0.365,0.01 0.316,0.01Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,268.353,138.535)">
+                    <path d="M0.206,-0.279L0.206,-0L0.124,-0L0.124,-0.728L0.206,-0.728L0.206,-0.294L0.421,-0.522L0.529,-0.522L0.306,-0.289L0.562,-0L0.45,-0L0.206,-0.279Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,186.753,158.535)">
+                    <path d="M0.251,0.01C0.208,0.01 0.175,0.004 0.153,-0.008C0.13,-0.019 0.113,-0.039 0.104,-0.068C0.094,-0.096 0.089,-0.136 0.089,-0.188L0.089,-0.522L0.173,-0.522L0.173,-0.186C0.173,-0.155 0.176,-0.13 0.183,-0.113C0.189,-0.096 0.199,-0.083 0.214,-0.076C0.229,-0.069 0.249,-0.065 0.276,-0.065C0.315,-0.065 0.344,-0.071 0.365,-0.082C0.386,-0.093 0.401,-0.112 0.41,-0.139C0.419,-0.166 0.423,-0.203 0.423,-0.252L0.423,-0.522L0.506,-0.522L0.506,-0L0.423,-0L0.423,-0.078L0.416,-0.078C0.401,-0.045 0.381,-0.022 0.358,-0.009C0.335,0.004 0.299,0.01 0.251,0.01Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,196.353,158.535)">
+                    <path d="M0.091,-0.522L0.175,-0.522L0.175,-0.446L0.182,-0.446C0.197,-0.481 0.215,-0.504 0.238,-0.517C0.26,-0.529 0.294,-0.535 0.339,-0.535C0.383,-0.535 0.417,-0.529 0.441,-0.517C0.465,-0.505 0.482,-0.485 0.493,-0.457C0.503,-0.428 0.508,-0.388 0.508,-0.336L0.508,-0L0.425,-0L0.425,-0.338C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.44 0.381,-0.448C0.365,-0.455 0.342,-0.458 0.313,-0.458C0.277,-0.458 0.249,-0.452 0.23,-0.441C0.21,-0.43 0.196,-0.411 0.188,-0.385C0.179,-0.358 0.175,-0.321 0.175,-0.272L0.175,-0L0.091,-0L0.091,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,205.953,158.535)">
+                    <path d="M0.25,-0.728L0.365,-0.728L0.365,-0.614L0.25,-0.614L0.25,-0.728ZM0.113,-0.074L0.282,-0.074L0.282,-0.449L0.123,-0.449L0.123,-0.522L0.364,-0.522L0.364,-0.074L0.526,-0.074L0.526,-0.001L0.113,-0.001L0.113,-0.074Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,215.553,158.535)">
+                    <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,225.153,158.535)">
+                    <rect x="0.129" y="-0.338" width="0.342" height="0.08" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,234.753,158.535)">
+                    <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,244.353,158.535)">
+                    <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,253.953,158.535)">
+                    <path d="M0.301,0.01C0.245,0.01 0.202,0.005 0.171,-0.004C0.14,-0.013 0.119,-0.029 0.106,-0.052C0.093,-0.075 0.087,-0.107 0.087,-0.148L0.172,-0.148C0.173,-0.125 0.178,-0.108 0.187,-0.097C0.196,-0.085 0.21,-0.077 0.229,-0.072C0.248,-0.067 0.274,-0.064 0.309,-0.064C0.34,-0.064 0.363,-0.066 0.38,-0.071C0.397,-0.076 0.409,-0.083 0.416,-0.094C0.423,-0.105 0.426,-0.12 0.426,-0.14C0.426,-0.158 0.422,-0.173 0.413,-0.185C0.404,-0.196 0.388,-0.206 0.367,-0.215C0.346,-0.223 0.315,-0.231 0.275,-0.239C0.228,-0.248 0.191,-0.259 0.166,-0.271C0.14,-0.283 0.122,-0.298 0.111,-0.317C0.099,-0.335 0.094,-0.359 0.094,-0.388C0.094,-0.427 0.1,-0.456 0.113,-0.477C0.125,-0.498 0.146,-0.513 0.175,-0.522C0.204,-0.531 0.245,-0.535 0.299,-0.535C0.35,-0.535 0.389,-0.531 0.416,-0.523C0.443,-0.515 0.463,-0.501 0.476,-0.482C0.489,-0.462 0.496,-0.434 0.498,-0.398L0.415,-0.398C0.412,-0.423 0.402,-0.439 0.385,-0.448C0.368,-0.457 0.339,-0.461 0.298,-0.461C0.266,-0.461 0.241,-0.459 0.224,-0.455C0.207,-0.45 0.194,-0.443 0.187,-0.432C0.18,-0.421 0.176,-0.406 0.176,-0.387C0.176,-0.376 0.181,-0.366 0.191,-0.357C0.2,-0.348 0.216,-0.34 0.239,-0.332C0.262,-0.323 0.294,-0.314 0.336,-0.303C0.382,-0.292 0.417,-0.279 0.442,-0.266C0.467,-0.253 0.484,-0.236 0.494,-0.217C0.504,-0.198 0.509,-0.173 0.509,-0.142C0.509,-0.102 0.503,-0.071 0.49,-0.05C0.477,-0.028 0.456,-0.013 0.427,-0.004C0.398,0.006 0.356,0.01 0.301,0.01Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(16,0,0,16,263.553,158.535)">
+                    <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+            <path d="M881.591,389.541L1081.7,389.541" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image8" x="802.111" y="728.971" width="366.321px" height="394.054px" transform="matrix(0.998151,0,0,0.997606,0,0)"/>
+        <path d="M1161.59,737.386C1161.59,734.736 1159.44,732.585 1156.79,732.585L810.789,732.585C808.139,732.585 805.988,734.736 805.988,737.386L805.988,1111.12C805.988,1113.77 808.139,1115.92 810.789,1115.92L1156.79,1115.92C1159.44,1115.92 1161.59,1113.77 1161.59,1111.12L1161.59,737.386Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M805.988,769.88L1161.59,769.88" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M927.189,757.469C926.421,757.469 925.84,757.368 925.445,757.165C925.051,756.963 924.784,756.661 924.645,756.261C924.507,755.861 924.437,755.315 924.437,754.621L924.437,750.589L922.373,750.589L922.757,748.941L924.501,748.941L924.501,747.245L926.357,746.461L926.357,748.941L929.477,748.941L929.477,750.589L926.357,750.589L926.357,754.557C926.357,754.899 926.387,755.149 926.445,755.309C926.504,755.469 926.632,755.587 926.829,755.661C927.027,755.736 927.328,755.773 927.733,755.773C928.192,755.773 928.859,755.709 929.733,755.581L929.733,757.261C928.624,757.4 927.776,757.469 927.189,757.469Z" style="fill-rule:nonzero;"/>
+        <path d="M935.893,757.437C934.848,757.437 934.043,757.307 933.477,757.045C932.912,756.784 932.509,756.339 932.269,755.709C932.029,755.08 931.909,754.189 931.909,753.037C931.909,751.907 932.024,751.035 932.253,750.421C932.483,749.808 932.872,749.373 933.421,749.117C933.971,748.861 934.752,748.733 935.765,748.733C936.736,748.733 937.493,748.869 938.037,749.141C938.581,749.413 938.973,749.867 939.213,750.501C939.453,751.136 939.573,752.029 939.573,753.181L939.557,753.805L933.877,753.805C933.92,754.328 934.005,754.731 934.133,755.013C934.261,755.296 934.461,755.496 934.733,755.613C935.005,755.731 935.387,755.789 935.877,755.789C936.357,755.789 936.707,755.715 936.925,755.565C937.144,755.416 937.317,755.139 937.445,754.733L939.429,754.733C939.323,755.437 939.147,755.981 938.901,756.365C938.656,756.749 938.299,757.024 937.829,757.189C937.36,757.355 936.715,757.437 935.893,757.437ZM937.653,752.285C937.653,751.56 937.512,751.061 937.229,750.789C936.947,750.517 936.459,750.381 935.765,750.381C935.093,750.381 934.613,750.52 934.325,750.797C934.037,751.075 933.893,751.571 933.893,752.285L937.653,752.285Z" style="fill-rule:nonzero;"/>
+        <path d="M945.381,757.437C944.357,757.437 943.571,757.352 943.021,757.181C942.472,757.011 942.085,756.717 941.861,756.301C941.637,755.885 941.536,755.299 941.557,754.541L943.525,754.541C943.536,754.872 943.6,755.125 943.717,755.301C943.835,755.477 944.035,755.603 944.317,755.677C944.6,755.752 945.003,755.789 945.525,755.789C946.155,755.789 946.587,755.728 946.821,755.605C947.056,755.483 947.173,755.256 947.173,754.925C947.173,754.712 947.107,754.533 946.973,754.389C946.84,754.245 946.613,754.12 946.293,754.013C945.973,753.907 945.52,753.8 944.933,753.693C944.08,753.533 943.421,753.355 942.957,753.157C942.493,752.96 942.163,752.709 941.965,752.405C941.768,752.101 941.669,751.699 941.669,751.197C941.669,750.547 941.779,750.048 941.997,749.701C942.216,749.355 942.589,749.107 943.117,748.957C943.645,748.808 944.389,748.733 945.349,748.733C946.288,748.733 947.013,748.811 947.525,748.965C948.037,749.12 948.4,749.381 948.613,749.749C948.827,750.117 948.939,750.643 948.949,751.325L947.029,751.325C947.008,750.963 946.877,750.715 946.637,750.581C946.397,750.448 945.963,750.381 945.333,750.381C944.672,750.381 944.219,750.44 943.973,750.557C943.728,750.675 943.605,750.893 943.605,751.213C943.605,751.384 943.773,751.536 944.109,751.669C944.445,751.803 945.099,751.981 946.069,752.205C946.869,752.387 947.488,752.587 947.925,752.805C948.363,753.024 948.675,753.299 948.861,753.629C949.048,753.96 949.141,754.387 949.141,754.909C949.141,755.571 949.029,756.083 948.805,756.445C948.581,756.808 948.2,757.064 947.661,757.213C947.123,757.363 946.363,757.437 945.381,757.437Z" style="fill-rule:nonzero;"/>
+        <path d="M955.989,757.469C955.221,757.469 954.64,757.368 954.245,757.165C953.851,756.963 953.584,756.661 953.445,756.261C953.307,755.861 953.237,755.315 953.237,754.621L953.237,750.589L951.173,750.589L951.557,748.941L953.301,748.941L953.301,747.245L955.157,746.461L955.157,748.941L958.277,748.941L958.277,750.589L955.157,750.589L955.157,754.557C955.157,754.899 955.187,755.149 955.245,755.309C955.304,755.469 955.432,755.587 955.629,755.661C955.827,755.736 956.128,755.773 956.533,755.773C956.992,755.773 957.659,755.709 958.533,755.581L958.533,757.261C957.424,757.4 956.576,757.469 955.989,757.469Z" style="fill-rule:nonzero;"/>
+        <path d="M976.037,744.797L977.973,744.797L972.229,759.325L970.309,759.325L976.037,744.797Z" style="fill-rule:nonzero;"/>
+        <path d="M988.965,748.941L990.997,748.941L993.285,754.941L993.413,754.941L995.701,748.941L997.733,748.941L994.293,757.293L992.405,757.293L988.965,748.941Z" style="fill-rule:nonzero;"/>
+        <path d="M1001.91,745.645L1004.36,745.645L1004.36,747.901L1001.91,747.901L1001.91,745.645ZM999.589,755.645L1002.37,755.645L1002.37,750.589L999.749,750.589L999.749,748.941L1004.29,748.941L1004.29,755.645L1006.97,755.645L1006.97,757.293L999.589,757.293L999.589,755.645Z" style="fill-rule:nonzero;"/>
+        <path d="M1012.58,757.437C1011.56,757.437 1010.77,757.352 1010.22,757.181C1009.67,757.011 1009.28,756.717 1009.06,756.301C1008.84,755.885 1008.74,755.299 1008.76,754.541L1010.73,754.541C1010.74,754.872 1010.8,755.125 1010.92,755.301C1011.03,755.477 1011.24,755.603 1011.52,755.677C1011.8,755.752 1012.2,755.789 1012.73,755.789C1013.36,755.789 1013.79,755.728 1014.02,755.605C1014.26,755.483 1014.37,755.256 1014.37,754.925C1014.37,754.712 1014.31,754.533 1014.17,754.389C1014.04,754.245 1013.81,754.12 1013.49,754.013C1013.17,753.907 1012.72,753.8 1012.13,753.693C1011.28,753.533 1010.62,753.355 1010.16,753.157C1009.69,752.96 1009.36,752.709 1009.17,752.405C1008.97,752.101 1008.87,751.699 1008.87,751.197C1008.87,750.547 1008.98,750.048 1009.2,749.701C1009.42,749.355 1009.79,749.107 1010.32,748.957C1010.85,748.808 1011.59,748.733 1012.55,748.733C1013.49,748.733 1014.21,748.811 1014.73,748.965C1015.24,749.12 1015.6,749.381 1015.81,749.749C1016.03,750.117 1016.14,750.643 1016.15,751.325L1014.23,751.325C1014.21,750.963 1014.08,750.715 1013.84,750.581C1013.6,750.448 1013.16,750.381 1012.53,750.381C1011.87,750.381 1011.42,750.44 1011.17,750.557C1010.93,750.675 1010.81,750.893 1010.81,751.213C1010.81,751.384 1010.97,751.536 1011.31,751.669C1011.64,751.803 1012.3,751.981 1013.27,752.205C1014.07,752.387 1014.69,752.587 1015.12,752.805C1015.56,753.024 1015.88,753.299 1016.06,753.629C1016.25,753.96 1016.34,754.387 1016.34,754.909C1016.34,755.571 1016.23,756.083 1016,756.445C1015.78,756.808 1015.4,757.064 1014.86,757.213C1014.32,757.363 1013.56,757.437 1012.58,757.437Z" style="fill-rule:nonzero;"/>
+        <path d="M1021.22,757.437C1020.49,757.437 1019.92,757.341 1019.52,757.149C1019.12,756.957 1018.83,756.632 1018.66,756.173C1018.49,755.715 1018.4,755.064 1018.4,754.221L1018.4,748.941L1020.36,748.941L1020.36,754.253C1020.36,754.84 1020.46,755.24 1020.65,755.453C1020.85,755.667 1021.23,755.773 1021.78,755.773C1022.35,755.773 1022.78,755.699 1023.08,755.549C1023.38,755.4 1023.59,755.147 1023.72,754.789C1023.85,754.432 1023.91,753.923 1023.91,753.261L1023.91,748.941L1025.86,748.941L1025.86,757.293L1023.91,757.293L1023.91,756.125L1023.78,756.125C1023.5,756.627 1023.19,756.971 1022.83,757.157C1022.47,757.344 1021.94,757.437 1021.22,757.437Z" style="fill-rule:nonzero;"/>
+        <path d="M1031,757.437C1030.22,757.437 1029.62,757.36 1029.2,757.205C1028.78,757.051 1028.48,756.789 1028.3,756.421C1028.12,756.053 1028.04,755.533 1028.04,754.861C1028.04,754.072 1028.16,753.461 1028.4,753.029C1028.65,752.597 1029.07,752.291 1029.65,752.109C1030.24,751.928 1031.07,751.837 1032.15,751.837L1033.41,751.837L1033.41,751.741C1033.41,751.208 1033.3,750.845 1033.06,750.653C1032.83,750.461 1032.38,750.365 1031.73,750.365C1031.15,750.365 1030.75,750.443 1030.54,750.597C1030.33,750.752 1030.24,751.048 1030.26,751.485L1028.31,751.485C1028.28,750.76 1028.36,750.203 1028.56,749.813C1028.76,749.424 1029.1,749.147 1029.6,748.981C1030.09,748.816 1030.81,748.733 1031.73,748.733C1032.66,748.733 1033.38,748.824 1033.88,749.005C1034.39,749.187 1034.75,749.491 1034.96,749.917C1035.18,750.344 1035.29,750.952 1035.29,751.741L1035.29,757.293L1033.46,757.293L1033.46,756.301L1033.33,756.301C1033.04,756.739 1032.72,757.037 1032.39,757.197C1032.06,757.357 1031.6,757.437 1031,757.437ZM1029.99,754.717C1029.99,755.123 1030.08,755.4 1030.27,755.549C1030.46,755.699 1030.81,755.773 1031.33,755.773C1031.87,755.773 1032.28,755.704 1032.57,755.565C1032.85,755.427 1033.06,755.192 1033.18,754.861C1033.3,754.531 1033.38,754.056 1033.4,753.437L1031.81,753.453C1031.33,753.464 1030.96,753.507 1030.7,753.581C1030.44,753.656 1030.26,753.781 1030.15,753.957C1030.04,754.133 1029.99,754.387 1029.99,754.717Z" style="fill-rule:nonzero;"/>
+        <path d="M1037.62,755.629L1040.55,755.629L1040.55,747.309L1037.78,747.309L1037.78,745.645L1042.47,745.645L1042.47,755.629L1045.2,755.629L1045.2,757.293L1037.62,757.293L1037.62,755.629Z" style="fill-rule:nonzero;"/>
+        <path d="M931.411,829.721L931.411,890.677" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <path d="M1036.17,829.721L1036.17,867.007" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <path d="M1036.17,989.047L1036.17,1050" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+        <g>
+            <rect x="1029.4" y="853.479" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1032.17,856.245C1032.63,855.78 1033.38,855.78 1033.85,856.245L1036.17,858.568L1038.49,856.245C1038.95,855.78 1039.71,855.78 1040.17,856.245C1040.62,856.71 1040.63,857.461 1040.17,857.92L1037.84,860.243L1040.17,862.566C1040.63,863.03 1040.63,863.782 1040.17,864.241C1039.7,864.701 1038.95,864.706 1038.49,864.241L1036.17,861.918L1033.85,864.241C1033.38,864.706 1032.63,864.706 1032.17,864.241C1031.71,863.777 1031.7,863.026 1032.17,862.566L1034.49,860.243L1032.17,857.92C1031.7,857.456 1031.7,856.705 1032.17,856.245Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="1029.4" y="1012.76" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+            <path d="M1032.17,1015.53C1032.63,1015.06 1033.38,1015.06 1033.85,1015.53L1036.17,1017.85L1038.49,1015.53C1038.95,1015.06 1039.71,1015.06 1040.17,1015.53C1040.62,1015.99 1040.63,1016.74 1040.17,1017.2L1037.84,1019.52L1040.17,1021.85C1040.63,1022.31 1040.63,1023.06 1040.17,1023.52C1039.7,1023.98 1038.95,1023.99 1038.49,1023.52L1036.17,1021.2L1033.85,1023.52C1033.38,1023.99 1032.63,1023.99 1032.17,1023.52C1031.71,1023.06 1031.7,1022.31 1032.17,1021.85L1034.49,1019.52L1032.17,1017.2C1031.7,1016.74 1031.7,1015.99 1032.17,1015.53Z" style="fill:#fff;fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <rect x="924.647" y="853.435" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M935.888,858.337L930.817,863.408C930.445,863.78 929.843,863.78 929.475,863.408L926.939,860.872C926.567,860.5 926.567,859.898 926.939,859.529C927.312,859.161 927.914,859.157 928.282,859.529L930.144,861.391L934.541,856.99C934.914,856.618 935.516,856.618 935.884,856.99C936.252,857.363 936.256,857.965 935.884,858.333L935.888,858.337Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <path d="M931.411,989.047L931.411,1050" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+        <g>
+            <rect x="924.647" y="1012.76" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+            <path d="M935.888,1017.66L930.817,1022.73C930.445,1023.11 929.843,1023.11 929.475,1022.73L926.939,1020.2C926.567,1019.83 926.567,1019.22 926.939,1018.86C927.312,1018.49 927.914,1018.48 928.282,1018.86L930.144,1020.72L934.541,1016.32C934.914,1015.94 935.516,1015.94 935.884,1016.32C936.252,1016.69 936.256,1017.29 935.884,1017.66L935.888,1017.66Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+        </g>
+        <g>
+            <path d="M1086.1,799.868C1086.1,799.642 1085.91,799.459 1085.69,799.459L881.89,799.459C881.664,799.459 881.481,799.642 881.481,799.868L881.481,829.313C881.481,829.538 881.664,829.721 881.89,829.721L1085.69,829.721C1085.91,829.721 1086.1,829.538 1086.1,829.313L1086.1,799.868Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M951.567,819.038C950.511,819.038 949.695,818.91 949.119,818.654C948.543,818.398 948.135,817.964 947.895,817.35C947.655,816.737 947.535,815.865 947.535,814.734C947.535,813.582 947.655,812.692 947.895,812.062C948.135,811.433 948.54,810.988 949.111,810.726C949.682,810.465 950.49,810.334 951.535,810.334C952.452,810.334 953.162,810.425 953.663,810.606C954.164,810.788 954.524,811.094 954.743,811.526C954.962,811.958 955.082,812.569 955.103,813.358L953.167,813.358C953.092,812.836 952.946,812.481 952.727,812.294C952.508,812.108 952.143,812.014 951.631,812.014C951.066,812.014 950.631,812.097 950.327,812.262C950.023,812.428 949.807,812.705 949.679,813.094C949.551,813.484 949.487,814.036 949.487,814.75C949.487,815.433 949.551,815.961 949.679,816.334C949.807,816.708 950.026,816.972 950.335,817.126C950.644,817.281 951.082,817.358 951.647,817.358C952.138,817.358 952.492,817.276 952.711,817.11C952.93,816.945 953.087,816.638 953.183,816.19L955.103,816.19C955.082,816.937 954.962,817.513 954.743,817.918C954.524,818.324 954.167,818.612 953.671,818.782C953.175,818.953 952.474,819.038 951.567,819.038Z" style="fill-rule:nonzero;"/>
+            <path d="M957.167,807.246L959.119,807.246L959.119,811.662L959.247,811.662C959.514,811.161 959.812,810.814 960.143,810.622C960.474,810.43 960.932,810.334 961.519,810.334C962.34,810.334 962.97,810.43 963.407,810.622C963.844,810.814 964.156,811.142 964.343,811.606C964.53,812.07 964.623,812.729 964.623,813.582L964.623,818.894L962.671,818.894L962.671,813.55C962.671,812.953 962.562,812.545 962.343,812.326C962.124,812.108 961.711,811.998 961.103,811.998C960.58,811.998 960.178,812.073 959.895,812.222C959.612,812.372 959.412,812.628 959.295,812.99C959.178,813.353 959.119,813.87 959.119,814.542L959.119,818.894L957.167,818.894L957.167,807.246Z" style="fill-rule:nonzero;"/>
+            <path d="M969.727,819.038C968.948,819.038 968.348,818.961 967.927,818.806C967.506,818.652 967.207,818.39 967.031,818.022C966.855,817.654 966.767,817.134 966.767,816.462C966.767,815.673 966.89,815.062 967.135,814.63C967.38,814.198 967.796,813.892 968.383,813.71C968.97,813.529 969.802,813.438 970.879,813.438L972.143,813.438L972.143,813.342C972.143,812.809 972.026,812.446 971.791,812.254C971.556,812.062 971.114,811.966 970.463,811.966C969.876,811.966 969.479,812.044 969.271,812.198C969.063,812.353 968.97,812.649 968.991,813.086L967.039,813.086C967.007,812.361 967.09,811.804 967.287,811.414C967.484,811.025 967.831,810.748 968.327,810.582C968.823,810.417 969.535,810.334 970.463,810.334C971.391,810.334 972.108,810.425 972.615,810.606C973.122,810.788 973.482,811.092 973.695,811.518C973.908,811.945 974.015,812.553 974.015,813.342L974.015,818.894L972.191,818.894L972.191,817.902L972.063,817.902C971.764,818.34 971.45,818.638 971.119,818.798C970.788,818.958 970.324,819.038 969.727,819.038ZM968.719,816.318C968.719,816.724 968.812,817.001 968.999,817.15C969.186,817.3 969.54,817.374 970.063,817.374C970.596,817.374 971.007,817.305 971.295,817.166C971.583,817.028 971.788,816.793 971.911,816.462C972.034,816.132 972.106,815.657 972.127,815.038L970.543,815.054C970.063,815.065 969.692,815.108 969.431,815.182C969.17,815.257 968.986,815.382 968.879,815.558C968.772,815.734 968.719,815.988 968.719,816.318Z" style="fill-rule:nonzero;"/>
+            <path d="M976.367,810.542L978.319,810.542L978.319,811.694L978.447,811.694C978.746,811.172 979.055,810.814 979.375,810.622C979.695,810.43 980.148,810.334 980.735,810.334C981.546,810.334 982.17,810.433 982.607,810.63C983.044,810.828 983.356,811.158 983.543,811.622C983.73,812.086 983.823,812.75 983.823,813.614L983.823,818.894L981.871,818.894L981.871,813.582C981.871,812.996 981.762,812.596 981.543,812.382C981.324,812.169 980.916,812.062 980.319,812.062C979.796,812.062 979.394,812.137 979.111,812.286C978.828,812.436 978.626,812.689 978.503,813.046C978.38,813.404 978.319,813.908 978.319,814.558L978.319,818.894L976.367,818.894L976.367,810.542Z" style="fill-rule:nonzero;"/>
+            <path d="M989.711,822.414C988.751,822.414 988.01,822.329 987.487,822.158C986.964,821.988 986.591,821.702 986.367,821.302C986.143,820.902 986.02,820.334 985.999,819.598L987.967,819.598C987.988,819.929 988.047,820.18 988.143,820.35C988.239,820.521 988.407,820.641 988.647,820.71C988.887,820.78 989.247,820.814 989.727,820.814C990.207,820.814 990.578,820.758 990.839,820.646C991.1,820.534 991.284,820.348 991.391,820.086C991.498,819.825 991.556,819.454 991.567,818.974L991.583,817.758L991.455,817.758C991.306,818.078 991.146,818.321 990.975,818.486C990.804,818.652 990.578,818.769 990.295,818.838C990.012,818.908 989.626,818.942 989.135,818.942C988.26,818.942 987.578,818.814 987.087,818.558C986.596,818.302 986.242,817.873 986.023,817.27C985.804,816.668 985.695,815.817 985.695,814.718C985.695,813.577 985.804,812.697 986.023,812.078C986.242,811.46 986.615,811.02 987.143,810.758C987.671,810.497 988.415,810.366 989.375,810.366C989.983,810.366 990.434,810.449 990.727,810.614C991.02,810.78 991.274,811.086 991.487,811.534L991.615,811.534L991.615,810.542L993.487,810.542L993.487,819.134C993.487,819.998 993.375,820.662 993.151,821.126C992.927,821.59 992.546,821.921 992.007,822.118C991.468,822.316 990.703,822.414 989.711,822.414ZM987.647,814.718C987.647,815.39 987.706,815.91 987.823,816.278C987.94,816.646 988.14,816.908 988.423,817.062C988.706,817.217 989.103,817.294 989.615,817.294C990.127,817.294 990.522,817.217 990.799,817.062C991.076,816.908 991.274,816.646 991.391,816.278C991.508,815.91 991.567,815.39 991.567,814.718C991.567,814.014 991.508,813.47 991.391,813.086C991.274,812.702 991.076,812.428 990.799,812.262C990.522,812.097 990.127,812.014 989.615,812.014C989.103,812.014 988.706,812.097 988.423,812.262C988.14,812.428 987.94,812.702 987.823,813.086C987.706,813.47 987.647,814.014 987.647,814.718Z" style="fill-rule:nonzero;"/>
+            <path d="M999.423,819.038C998.378,819.038 997.572,818.908 997.007,818.646C996.442,818.385 996.039,817.94 995.799,817.31C995.559,816.681 995.439,815.79 995.439,814.638C995.439,813.508 995.554,812.636 995.783,812.022C996.012,811.409 996.402,810.974 996.951,810.718C997.5,810.462 998.282,810.334 999.295,810.334C1000.27,810.334 1001.02,810.47 1001.57,810.742C1002.11,811.014 1002.5,811.468 1002.74,812.102C1002.98,812.737 1003.1,813.63 1003.1,814.782L1003.09,815.406L997.407,815.406C997.45,815.929 997.535,816.332 997.663,816.614C997.791,816.897 997.991,817.097 998.263,817.214C998.535,817.332 998.916,817.39 999.407,817.39C999.887,817.39 1000.24,817.316 1000.46,817.166C1000.67,817.017 1000.85,816.74 1000.98,816.334L1002.96,816.334C1002.85,817.038 1002.68,817.582 1002.43,817.966C1002.19,818.35 1001.83,818.625 1001.36,818.79C1000.89,818.956 1000.24,819.038 999.423,819.038ZM1001.18,813.886C1001.18,813.161 1001.04,812.662 1000.76,812.39C1000.48,812.118 999.988,811.982 999.295,811.982C998.623,811.982 998.143,812.121 997.855,812.398C997.567,812.676 997.423,813.172 997.423,813.886L1001.18,813.886Z" style="fill-rule:nonzero;"/>
+            <path d="M1008.91,819.038C1007.89,819.038 1007.1,818.953 1006.55,818.782C1006,818.612 1005.62,818.318 1005.39,817.902C1005.17,817.486 1005.07,816.9 1005.09,816.142L1007.06,816.142C1007.07,816.473 1007.13,816.726 1007.25,816.902C1007.36,817.078 1007.56,817.204 1007.85,817.278C1008.13,817.353 1008.53,817.39 1009.06,817.39C1009.68,817.39 1010.12,817.329 1010.35,817.206C1010.59,817.084 1010.7,816.857 1010.7,816.526C1010.7,816.313 1010.64,816.134 1010.5,815.99C1010.37,815.846 1010.14,815.721 1009.82,815.614C1009.5,815.508 1009.05,815.401 1008.46,815.294C1007.61,815.134 1006.95,814.956 1006.49,814.758C1006.02,814.561 1005.69,814.31 1005.5,814.006C1005.3,813.702 1005.2,813.3 1005.2,812.798C1005.2,812.148 1005.31,811.649 1005.53,811.302C1005.75,810.956 1006.12,810.708 1006.65,810.558C1007.18,810.409 1007.92,810.334 1008.88,810.334C1009.82,810.334 1010.54,810.412 1011.06,810.566C1011.57,810.721 1011.93,810.982 1012.14,811.35C1012.36,811.718 1012.47,812.244 1012.48,812.926L1010.56,812.926C1010.54,812.564 1010.41,812.316 1010.17,812.182C1009.93,812.049 1009.49,811.982 1008.86,811.982C1008.2,811.982 1007.75,812.041 1007.5,812.158C1007.26,812.276 1007.13,812.494 1007.13,812.814C1007.13,812.985 1007.3,813.137 1007.64,813.27C1007.98,813.404 1008.63,813.582 1009.6,813.806C1010.4,813.988 1011.02,814.188 1011.46,814.406C1011.89,814.625 1012.2,814.9 1012.39,815.23C1012.58,815.561 1012.67,815.988 1012.67,816.51C1012.67,817.172 1012.56,817.684 1012.34,818.046C1012.11,818.409 1011.73,818.665 1011.19,818.814C1010.65,818.964 1009.89,819.038 1008.91,819.038Z" style="fill-rule:nonzero;"/>
+        </g>
+        <g>
+            <path d="M1131.73,1050.44C1131.73,1050.2 1131.54,1050 1131.3,1050L836.281,1050C836.042,1050 835.847,1050.2 835.847,1050.44L835.847,1081.71C835.847,1081.95 836.042,1082.14 836.281,1082.14L1131.3,1082.14C1131.54,1082.14 1131.73,1081.95 1131.73,1081.71L1131.73,1050.44Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M1000.17,1071.37C999.242,1071.37 998.528,1071.26 998.024,1071.04C997.52,1070.81 997.163,1070.43 996.953,1069.89C996.743,1069.36 996.638,1068.6 996.638,1067.61C996.638,1066.6 996.743,1065.82 996.953,1065.27C997.163,1064.72 997.518,1064.33 998.017,1064.1C998.516,1063.87 999.223,1063.76 1000.14,1063.76C1000.94,1063.76 1001.56,1063.84 1002,1063.99C1002.44,1064.15 1002.75,1064.42 1002.95,1064.8C1003.14,1065.18 1003.24,1065.71 1003.26,1066.4L1001.57,1066.4C1001.5,1065.94 1001.37,1065.63 1001.18,1065.47C1000.99,1065.31 1000.67,1065.23 1000.22,1065.23C999.727,1065.23 999.347,1065.3 999.081,1065.44C998.815,1065.59 998.626,1065.83 998.514,1066.17C998.402,1066.51 998.346,1066.99 998.346,1067.62C998.346,1068.22 998.402,1068.68 998.514,1069.01C998.626,1069.33 998.817,1069.56 999.088,1069.7C999.359,1069.83 999.741,1069.9 1000.24,1069.9C1000.67,1069.9 1000.98,1069.83 1001.17,1069.68C1001.36,1069.54 1001.5,1069.27 1001.58,1068.88L1003.26,1068.88C1003.24,1069.53 1003.14,1070.04 1002.95,1070.39C1002.75,1070.75 1002.44,1071 1002.01,1071.15C1001.57,1071.3 1000.96,1071.37 1000.17,1071.37Z" style="fill-rule:nonzero;"/>
+            <path d="M1008.31,1071.37C1007.41,1071.37 1006.71,1071.26 1006.21,1071.03C1005.72,1070.8 1005.37,1070.42 1005.16,1069.88C1004.95,1069.34 1004.84,1068.58 1004.84,1067.58C1004.84,1066.57 1004.95,1065.8 1005.16,1065.25C1005.37,1064.71 1005.72,1064.33 1006.21,1064.1C1006.7,1063.87 1007.4,1063.76 1008.31,1063.76C1009.23,1063.76 1009.93,1063.87 1010.42,1064.1C1010.91,1064.33 1011.26,1064.71 1011.47,1065.25C1011.68,1065.8 1011.79,1066.57 1011.79,1067.58C1011.79,1068.58 1011.68,1069.34 1011.47,1069.88C1011.26,1070.42 1010.91,1070.8 1010.41,1071.03C1009.92,1071.26 1009.22,1071.37 1008.31,1071.37ZM1006.55,1067.58C1006.55,1068.19 1006.6,1068.67 1006.71,1069C1006.82,1069.33 1007,1069.57 1007.24,1069.71C1007.49,1069.85 1007.85,1069.92 1008.31,1069.92C1008.78,1069.92 1009.14,1069.85 1009.38,1069.71C1009.63,1069.57 1009.81,1069.33 1009.92,1069C1010.02,1068.67 1010.08,1068.19 1010.08,1067.58C1010.08,1066.95 1010.02,1066.47 1009.92,1066.14C1009.81,1065.8 1009.63,1065.56 1009.38,1065.41C1009.14,1065.27 1008.78,1065.2 1008.31,1065.2C1007.85,1065.2 1007.49,1065.27 1007.24,1065.41C1007,1065.56 1006.82,1065.8 1006.71,1066.14C1006.6,1066.47 1006.55,1066.95 1006.55,1067.58Z" style="fill-rule:nonzero;"/>
+            <path d="M1012.86,1063.94L1014.38,1063.94L1014.38,1064.83L1014.49,1064.83C1014.68,1064.42 1014.88,1064.14 1015.06,1063.99C1015.25,1063.83 1015.5,1063.76 1015.82,1063.76C1016.3,1063.76 1016.65,1063.83 1016.87,1063.99C1017.08,1064.14 1017.25,1064.42 1017.37,1064.83L1017.39,1064.83C1017.52,1064.42 1017.69,1064.14 1017.89,1063.99C1018.1,1063.83 1018.41,1063.76 1018.83,1063.76C1019.28,1063.76 1019.63,1063.84 1019.88,1064.01C1020.12,1064.18 1020.29,1064.46 1020.4,1064.87C1020.5,1065.28 1020.55,1065.85 1020.55,1066.6L1020.55,1071.25L1019,1071.25L1019,1066.85C1019,1066.24 1018.95,1065.83 1018.84,1065.6C1018.74,1065.38 1018.55,1065.27 1018.28,1065.27C1018.08,1065.27 1017.92,1065.32 1017.8,1065.43C1017.68,1065.54 1017.6,1065.72 1017.55,1065.97C1017.51,1066.22 1017.48,1066.58 1017.48,1067.05L1017.48,1071.25L1015.94,1071.25L1015.97,1066.85C1015.98,1066.24 1015.93,1065.83 1015.81,1065.6C1015.69,1065.38 1015.48,1065.27 1015.16,1065.27C1014.96,1065.27 1014.81,1065.32 1014.71,1065.44C1014.6,1065.55 1014.52,1065.73 1014.48,1066C1014.44,1066.26 1014.42,1066.63 1014.42,1067.12L1014.42,1071.25L1012.86,1071.25L1012.86,1063.94Z" style="fill-rule:nonzero;"/>
+            <path d="M1021.26,1063.94L1022.78,1063.94L1022.78,1064.83L1022.89,1064.83C1023.08,1064.42 1023.27,1064.14 1023.46,1063.99C1023.65,1063.83 1023.9,1063.76 1024.22,1063.76C1024.7,1063.76 1025.05,1063.83 1025.27,1063.99C1025.48,1064.14 1025.65,1064.42 1025.77,1064.83L1025.79,1064.83C1025.92,1064.42 1026.09,1064.14 1026.29,1063.99C1026.5,1063.83 1026.81,1063.76 1027.23,1063.76C1027.68,1063.76 1028.04,1063.84 1028.28,1064.01C1028.52,1064.18 1028.69,1064.46 1028.8,1064.87C1028.9,1065.28 1028.95,1065.85 1028.95,1066.6L1028.95,1071.25L1027.4,1071.25L1027.4,1066.85C1027.4,1066.24 1027.35,1065.83 1027.24,1065.6C1027.14,1065.38 1026.95,1065.27 1026.68,1065.27C1026.48,1065.27 1026.32,1065.32 1026.2,1065.43C1026.08,1065.54 1026,1065.72 1025.95,1065.97C1025.91,1066.22 1025.88,1066.58 1025.88,1067.05L1025.88,1071.25L1024.34,1071.25L1024.37,1066.85C1024.38,1066.24 1024.33,1065.83 1024.21,1065.6C1024.09,1065.38 1023.88,1065.27 1023.56,1065.27C1023.36,1065.27 1023.21,1065.32 1023.11,1065.44C1023,1065.55 1022.92,1065.73 1022.88,1066C1022.84,1066.26 1022.82,1066.63 1022.82,1067.12L1022.82,1071.25L1021.26,1071.25L1021.26,1063.94Z" style="fill-rule:nonzero;"/>
+            <path d="M1033.64,1071.37C1032.72,1071.37 1032.02,1071.26 1031.53,1071.03C1031.03,1070.8 1030.68,1070.41 1030.47,1069.86C1030.26,1069.31 1030.15,1068.53 1030.15,1067.52C1030.15,1066.53 1030.25,1065.77 1030.45,1065.23C1030.66,1064.7 1031,1064.32 1031.48,1064.09C1031.96,1063.87 1032.64,1063.76 1033.53,1063.76C1034.38,1063.76 1035.04,1063.88 1035.52,1064.11C1035.99,1064.35 1036.34,1064.75 1036.55,1065.3C1036.76,1065.86 1036.86,1066.64 1036.86,1067.65L1036.85,1068.19L1031.88,1068.19C1031.91,1068.65 1031.99,1069 1032.1,1069.25C1032.21,1069.5 1032.39,1069.67 1032.62,1069.78C1032.86,1069.88 1033.2,1069.93 1033.63,1069.93C1034.05,1069.93 1034.35,1069.86 1034.54,1069.73C1034.73,1069.6 1034.89,1069.36 1035,1069.01L1036.73,1069.01C1036.64,1069.62 1036.49,1070.1 1036.27,1070.43C1036.06,1070.77 1035.75,1071.01 1035.33,1071.15C1034.92,1071.3 1034.36,1071.37 1033.64,1071.37ZM1035.18,1066.86C1035.18,1066.23 1035.06,1065.79 1034.81,1065.56C1034.56,1065.32 1034.13,1065.2 1033.53,1065.2C1032.94,1065.2 1032.52,1065.32 1032.27,1065.56C1032.02,1065.8 1031.89,1066.24 1031.89,1066.86L1035.18,1066.86Z" style="fill-rule:nonzero;"/>
+            <path d="M1038.67,1063.94L1040.37,1063.94L1040.37,1064.95L1040.49,1064.95C1040.75,1064.49 1041.02,1064.18 1041.3,1064.01C1041.58,1063.84 1041.97,1063.76 1042.49,1063.76C1043.2,1063.76 1043.74,1063.84 1044.13,1064.02C1044.51,1064.19 1044.78,1064.48 1044.94,1064.88C1045.11,1065.29 1045.19,1065.87 1045.19,1066.63L1045.19,1071.25L1043.48,1071.25L1043.48,1066.6C1043.48,1066.08 1043.39,1065.73 1043.19,1065.55C1043,1065.36 1042.65,1065.27 1042.12,1065.27C1041.67,1065.27 1041.31,1065.33 1041.07,1065.46C1040.82,1065.59 1040.64,1065.82 1040.54,1066.13C1040.43,1066.44 1040.37,1066.88 1040.37,1067.45L1040.37,1071.25L1038.67,1071.25L1038.67,1063.94Z" style="fill-rule:nonzero;"/>
+            <path d="M1051.22,1071.4C1050.55,1071.4 1050.04,1071.31 1049.7,1071.13C1049.35,1070.96 1049.12,1070.69 1049,1070.34C1048.88,1069.99 1048.82,1069.51 1048.82,1068.91L1048.82,1065.38L1047.01,1065.38L1047.35,1063.94L1048.87,1063.94L1048.87,1062.45L1050.5,1061.77L1050.5,1063.94L1053.23,1063.94L1053.23,1065.38L1050.5,1065.38L1050.5,1068.85C1050.5,1069.15 1050.52,1069.37 1050.57,1069.51C1050.62,1069.65 1050.74,1069.75 1050.91,1069.82C1051.08,1069.88 1051.35,1069.92 1051.7,1069.92C1052.1,1069.92 1052.68,1069.86 1053.45,1069.75L1053.45,1071.22C1052.48,1071.34 1051.74,1071.4 1051.22,1071.4Z" style="fill-rule:nonzero;"/>
+            <rect x="1056.05" y="1066.3" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M1065.9,1065.45L1064.08,1065.45L1063.61,1063.94L1065.9,1063.94L1065.9,1063.08C1065.9,1062.48 1066,1062.01 1066.2,1061.68C1066.4,1061.35 1066.72,1061.11 1067.18,1060.96C1067.63,1060.82 1068.27,1060.75 1069.09,1060.75C1069.46,1060.75 1069.88,1060.76 1070.33,1060.79L1070.33,1062.24C1069.85,1062.22 1069.52,1062.22 1069.35,1062.22C1068.68,1062.22 1068.22,1062.28 1067.96,1062.42C1067.7,1062.55 1067.58,1062.79 1067.58,1063.14L1067.58,1063.94L1070.18,1063.94L1070.18,1065.45L1067.58,1065.45L1067.58,1071.25L1065.9,1071.25L1065.9,1065.45Z" style="fill-rule:nonzero;"/>
+            <path d="M1074.86,1071.37C1074.17,1071.37 1073.65,1071.3 1073.28,1071.17C1072.91,1071.03 1072.65,1070.81 1072.5,1070.48C1072.34,1070.16 1072.27,1069.71 1072.27,1069.12C1072.27,1068.43 1072.37,1067.89 1072.59,1067.52C1072.8,1067.14 1073.17,1066.87 1073.68,1066.71C1074.19,1066.55 1074.92,1066.47 1075.86,1066.47L1076.97,1066.47L1076.97,1066.39C1076.97,1065.92 1076.87,1065.6 1076.66,1065.44C1076.46,1065.27 1076.07,1065.18 1075.5,1065.18C1074.99,1065.18 1074.64,1065.25 1074.46,1065.39C1074.28,1065.52 1074.19,1065.78 1074.21,1066.16L1072.5,1066.16C1072.48,1065.53 1072.55,1065.04 1072.72,1064.7C1072.89,1064.36 1073.2,1064.12 1073.63,1063.97C1074.07,1063.83 1074.69,1063.76 1075.5,1063.76C1076.31,1063.76 1076.94,1063.84 1077.38,1063.99C1077.83,1064.15 1078.14,1064.42 1078.33,1064.79C1078.52,1065.16 1078.61,1065.7 1078.61,1066.39L1078.61,1071.25L1077.01,1071.25L1077.01,1070.38L1076.9,1070.38C1076.64,1070.76 1076.36,1071.02 1076.07,1071.16C1075.79,1071.3 1075.38,1071.37 1074.86,1071.37ZM1073.97,1068.99C1073.97,1069.35 1074.06,1069.59 1074.22,1069.72C1074.38,1069.85 1074.69,1069.92 1075.15,1069.92C1075.62,1069.92 1075.98,1069.86 1076.23,1069.73C1076.48,1069.61 1076.66,1069.41 1076.77,1069.12C1076.87,1068.83 1076.94,1068.41 1076.96,1067.87L1075.57,1067.89C1075.15,1067.89 1074.83,1067.93 1074.6,1068C1074.37,1068.06 1074.21,1068.17 1074.11,1068.33C1074.02,1068.48 1073.97,1068.7 1073.97,1068.99Z" style="fill-rule:nonzero;"/>
+            <path d="M1083,1061.05L1085.15,1061.05L1085.15,1063.03L1083,1063.03L1083,1061.05ZM1080.97,1069.8L1083.41,1069.8L1083.41,1065.38L1081.11,1065.38L1081.11,1063.94L1085.09,1063.94L1085.09,1069.8L1087.43,1069.8L1087.43,1071.25L1080.97,1071.25L1080.97,1069.8Z" style="fill-rule:nonzero;"/>
+            <path d="M1089.05,1069.79L1091.61,1069.79L1091.61,1062.51L1089.19,1062.51L1089.19,1061.05L1093.29,1061.05L1093.29,1069.79L1095.69,1069.79L1095.69,1071.25L1089.05,1071.25L1089.05,1069.79Z" style="fill-rule:nonzero;"/>
+            <path d="M1099.9,1071.37C1099.26,1071.37 1098.76,1071.29 1098.41,1071.12C1098.06,1070.95 1097.81,1070.67 1097.66,1070.27C1097.51,1069.86 1097.44,1069.3 1097.44,1068.56L1097.44,1063.94L1099.15,1063.94L1099.15,1068.59C1099.15,1069.1 1099.23,1069.45 1099.4,1069.64C1099.58,1069.82 1099.91,1069.92 1100.39,1069.92C1100.89,1069.92 1101.27,1069.85 1101.53,1069.72C1101.79,1069.59 1101.97,1069.37 1102.09,1069.06C1102.2,1068.74 1102.25,1068.3 1102.25,1067.72L1102.25,1063.94L1103.96,1063.94L1103.96,1071.25L1102.25,1071.25L1102.25,1070.22L1102.14,1070.22C1101.9,1070.66 1101.62,1070.96 1101.31,1071.13C1101,1071.29 1100.53,1071.37 1099.9,1071.37Z" style="fill-rule:nonzero;"/>
+            <path d="M1106.76,1063.94L1108.3,1063.94L1108.23,1065.44L1108.39,1065.44C1108.73,1064.86 1108.98,1064.47 1109.13,1064.29C1109.28,1064.1 1109.44,1063.98 1109.6,1063.94C1109.77,1063.89 1110.08,1063.87 1110.53,1063.87L1111.9,1063.9L1111.9,1065.58C1111.73,1065.57 1111.48,1065.56 1111.14,1065.56C1110.63,1065.56 1110.18,1065.59 1109.79,1065.63C1109.6,1065.66 1109.4,1065.78 1109.18,1066C1108.97,1066.21 1108.79,1066.47 1108.65,1066.77C1108.51,1067.08 1108.44,1067.37 1108.44,1067.65L1108.44,1071.25L1106.76,1071.25L1106.76,1063.94Z" style="fill-rule:nonzero;"/>
+            <path d="M1117.64,1071.37C1116.73,1071.37 1116.02,1071.26 1115.53,1071.03C1115.03,1070.8 1114.68,1070.41 1114.47,1069.86C1114.26,1069.31 1114.15,1068.53 1114.15,1067.52C1114.15,1066.53 1114.25,1065.77 1114.45,1065.23C1114.66,1064.7 1115,1064.32 1115.48,1064.09C1115.96,1063.87 1116.64,1063.76 1117.53,1063.76C1118.38,1063.76 1119.04,1063.88 1119.52,1064.11C1119.99,1064.35 1120.34,1064.75 1120.55,1065.3C1120.76,1065.86 1120.86,1066.64 1120.86,1067.65L1120.85,1068.19L1115.88,1068.19C1115.91,1068.65 1115.99,1069 1116.1,1069.25C1116.21,1069.5 1116.39,1069.67 1116.62,1069.78C1116.86,1069.88 1117.2,1069.93 1117.63,1069.93C1118.05,1069.93 1118.35,1069.86 1118.54,1069.73C1118.73,1069.6 1118.89,1069.36 1119,1069.01L1120.73,1069.01C1120.64,1069.62 1120.49,1070.1 1120.27,1070.43C1120.06,1070.77 1119.75,1071.01 1119.33,1071.15C1118.92,1071.3 1118.36,1071.37 1117.64,1071.37ZM1119.18,1066.86C1119.18,1066.23 1119.06,1065.79 1118.81,1065.56C1118.56,1065.32 1118.13,1065.2 1117.53,1065.2C1116.94,1065.2 1116.52,1065.32 1116.27,1065.56C1116.02,1065.8 1115.89,1066.24 1115.89,1066.86L1119.18,1066.86Z" style="fill-rule:nonzero;"/>
+            <path d="M850.659,1070.64C849.735,1070.64 849.021,1070.53 848.517,1070.31C848.013,1070.08 847.656,1069.7 847.446,1069.16C847.236,1068.63 847.131,1067.86 847.131,1066.88C847.131,1065.87 847.236,1065.09 847.446,1064.54C847.656,1063.99 848.01,1063.6 848.51,1063.37C849.009,1063.14 849.716,1063.03 850.631,1063.03C851.433,1063.03 852.054,1063.1 852.493,1063.26C852.931,1063.42 853.246,1063.69 853.438,1064.07C853.629,1064.45 853.734,1064.98 853.753,1065.67L852.059,1065.67C851.993,1065.21 851.865,1064.9 851.674,1064.74C851.482,1064.58 851.163,1064.5 850.715,1064.5C850.22,1064.5 849.84,1064.57 849.574,1064.71C849.308,1064.86 849.119,1065.1 849.007,1065.44C848.895,1065.78 848.839,1066.26 848.839,1066.89C848.839,1067.49 848.895,1067.95 849.007,1068.28C849.119,1068.6 849.31,1068.83 849.581,1068.97C849.851,1069.1 850.234,1069.17 850.729,1069.17C851.158,1069.17 851.468,1069.1 851.66,1068.95C851.851,1068.81 851.989,1068.54 852.073,1068.15L853.753,1068.15C853.734,1068.8 853.629,1069.31 853.438,1069.66C853.246,1070.02 852.934,1070.27 852.5,1070.42C852.066,1070.57 851.452,1070.64 850.659,1070.64Z" style="fill-rule:nonzero;"/>
+            <path d="M858.807,1070.64C857.901,1070.64 857.201,1070.53 856.707,1070.3C856.212,1070.07 855.86,1069.69 855.65,1069.15C855.44,1068.61 855.335,1067.85 855.335,1066.85C855.335,1065.84 855.44,1065.06 855.65,1064.52C855.86,1063.98 856.21,1063.6 856.7,1063.37C857.19,1063.14 857.892,1063.03 858.807,1063.03C859.721,1063.03 860.424,1063.14 860.914,1063.37C861.404,1063.6 861.754,1063.98 861.964,1064.52C862.174,1065.06 862.279,1065.84 862.279,1066.85C862.279,1067.85 862.174,1068.61 861.964,1069.15C861.754,1069.69 861.401,1070.07 860.907,1070.3C860.412,1070.53 859.712,1070.64 858.807,1070.64ZM857.043,1066.85C857.043,1067.46 857.096,1067.94 857.204,1068.27C857.311,1068.6 857.488,1068.84 857.736,1068.97C857.983,1069.12 858.34,1069.18 858.807,1069.18C859.273,1069.18 859.63,1069.12 859.878,1068.97C860.125,1068.84 860.302,1068.6 860.41,1068.27C860.517,1067.94 860.571,1067.46 860.571,1066.85C860.571,1066.22 860.517,1065.74 860.41,1065.4C860.302,1065.07 860.125,1064.83 859.878,1064.68C859.63,1064.54 859.273,1064.47 858.807,1064.47C858.34,1064.47 857.983,1064.54 857.736,1064.68C857.488,1064.83 857.311,1065.07 857.204,1065.4C857.096,1065.74 857.043,1066.22 857.043,1066.85Z" style="fill-rule:nonzero;"/>
+            <path d="M863.357,1063.21L864.869,1063.21L864.869,1064.1L864.981,1064.1C865.177,1063.69 865.368,1063.41 865.555,1063.26C865.741,1063.1 865.993,1063.03 866.311,1063.03C866.796,1063.03 867.146,1063.1 867.361,1063.26C867.575,1063.41 867.743,1063.69 867.865,1064.1L867.879,1064.1C868.009,1063.69 868.177,1063.41 868.383,1063.26C868.588,1063.1 868.901,1063.03 869.321,1063.03C869.778,1063.03 870.128,1063.11 870.371,1063.28C870.613,1063.44 870.786,1063.73 870.889,1064.14C870.991,1064.54 871.043,1065.12 871.043,1065.87L871.043,1070.52L869.489,1070.52L869.489,1066.12C869.489,1065.51 869.437,1065.1 869.335,1064.87C869.232,1064.65 869.045,1064.54 868.775,1064.54C868.569,1064.54 868.408,1064.59 868.292,1064.7C868.175,1064.81 868.093,1064.99 868.047,1065.24C868,1065.49 867.977,1065.85 867.977,1066.32L867.977,1070.52L866.437,1070.52L866.465,1066.12C866.474,1065.51 866.42,1065.1 866.304,1064.87C866.187,1064.65 865.97,1064.54 865.653,1064.54C865.457,1064.54 865.305,1064.59 865.198,1064.7C865.09,1064.82 865.016,1065 864.974,1065.27C864.932,1065.53 864.911,1065.9 864.911,1066.38L864.911,1070.52L863.357,1070.52L863.357,1063.21Z" style="fill-rule:nonzero;"/>
+            <path d="M871.757,1063.21L873.269,1063.21L873.269,1064.1L873.381,1064.1C873.577,1063.69 873.768,1063.41 873.955,1063.26C874.141,1063.1 874.393,1063.03 874.711,1063.03C875.196,1063.03 875.546,1063.1 875.761,1063.26C875.975,1063.41 876.143,1063.69 876.265,1064.1L876.279,1064.1C876.409,1063.69 876.577,1063.41 876.783,1063.26C876.988,1063.1 877.301,1063.03 877.721,1063.03C878.178,1063.03 878.528,1063.11 878.771,1063.28C879.013,1063.44 879.186,1063.73 879.289,1064.14C879.391,1064.54 879.443,1065.12 879.443,1065.87L879.443,1070.52L877.889,1070.52L877.889,1066.12C877.889,1065.51 877.837,1065.1 877.735,1064.87C877.632,1064.65 877.445,1064.54 877.175,1064.54C876.969,1064.54 876.808,1064.59 876.692,1064.7C876.575,1064.81 876.493,1064.99 876.447,1065.24C876.4,1065.49 876.377,1065.85 876.377,1066.32L876.377,1070.52L874.837,1070.52L874.865,1066.12C874.874,1065.51 874.82,1065.1 874.704,1064.87C874.587,1064.65 874.37,1064.54 874.053,1064.54C873.857,1064.54 873.705,1064.59 873.598,1064.7C873.49,1064.82 873.416,1065 873.374,1065.27C873.332,1065.53 873.311,1065.9 873.311,1066.38L873.311,1070.52L871.757,1070.52L871.757,1063.21Z" style="fill-rule:nonzero;"/>
+            <path d="M884.133,1070.64C883.218,1070.64 882.513,1070.53 882.019,1070.3C881.524,1070.07 881.172,1069.68 880.962,1069.13C880.752,1068.58 880.647,1067.8 880.647,1066.79C880.647,1065.8 880.747,1065.04 880.948,1064.5C881.148,1063.96 881.489,1063.59 881.97,1063.36C882.45,1063.14 883.134,1063.03 884.021,1063.03C884.87,1063.03 885.533,1063.14 886.009,1063.38C886.485,1063.62 886.828,1064.02 887.038,1064.57C887.248,1065.13 887.353,1065.91 887.353,1066.92L887.339,1067.46L882.369,1067.46C882.406,1067.92 882.481,1068.27 882.593,1068.52C882.705,1068.77 882.88,1068.94 883.118,1069.05C883.356,1069.15 883.689,1069.2 884.119,1069.2C884.539,1069.2 884.844,1069.13 885.036,1069C885.227,1068.87 885.379,1068.63 885.491,1068.28L887.227,1068.28C887.133,1068.89 886.979,1069.37 886.765,1069.7C886.55,1070.04 886.237,1070.28 885.827,1070.42C885.416,1070.57 884.851,1070.64 884.133,1070.64ZM885.673,1066.13C885.673,1065.5 885.549,1065.06 885.302,1064.82C885.054,1064.59 884.627,1064.47 884.021,1064.47C883.433,1064.47 883.013,1064.59 882.761,1064.83C882.509,1065.07 882.383,1065.51 882.383,1066.13L885.673,1066.13Z" style="fill-rule:nonzero;"/>
+            <path d="M889.159,1063.21L890.867,1063.21L890.867,1064.21L890.979,1064.21C891.24,1063.76 891.511,1063.44 891.791,1063.28C892.071,1063.11 892.467,1063.03 892.981,1063.03C893.69,1063.03 894.236,1063.11 894.619,1063.28C895.001,1063.46 895.274,1063.75 895.438,1064.15C895.601,1064.56 895.683,1065.14 895.683,1065.89L895.683,1070.52L893.975,1070.52L893.975,1065.87C893.975,1065.35 893.879,1065 893.688,1064.82C893.496,1064.63 893.139,1064.54 892.617,1064.54C892.159,1064.54 891.807,1064.6 891.56,1064.73C891.312,1064.86 891.135,1065.09 891.028,1065.4C890.92,1065.71 890.867,1066.15 890.867,1066.72L890.867,1070.52L889.159,1070.52L889.159,1063.21Z" style="fill-rule:nonzero;"/>
+            <path d="M901.717,1070.67C901.045,1070.67 900.536,1070.58 900.191,1070.4C899.845,1070.23 899.612,1069.96 899.491,1069.61C899.369,1069.26 899.309,1068.78 899.309,1068.18L899.309,1064.65L897.503,1064.65L897.839,1063.21L899.365,1063.21L899.365,1061.72L900.989,1061.04L900.989,1063.21L903.719,1063.21L903.719,1064.65L900.989,1064.65L900.989,1068.12C900.989,1068.42 901.014,1068.64 901.066,1068.78C901.117,1068.92 901.229,1069.02 901.402,1069.09C901.574,1069.15 901.838,1069.18 902.193,1069.18C902.594,1069.18 903.177,1069.13 903.943,1069.02L903.943,1070.49C902.972,1070.61 902.23,1070.67 901.717,1070.67Z" style="fill-rule:nonzero;"/>
+            <rect x="906.547" y="1065.57" width="5.32" height="1.54" style="fill-rule:nonzero;"/>
+            <path d="M917.635,1070.64C916.739,1070.64 916.05,1070.57 915.57,1070.42C915.089,1070.27 914.751,1070.01 914.555,1069.65C914.359,1069.28 914.27,1068.77 914.289,1068.11L916.011,1068.11C916.02,1068.4 916.076,1068.62 916.179,1068.77C916.281,1068.93 916.456,1069.04 916.704,1069.1C916.951,1069.17 917.303,1069.2 917.761,1069.2C918.311,1069.2 918.689,1069.14 918.895,1069.04C919.1,1068.93 919.203,1068.73 919.203,1068.44C919.203,1068.26 919.144,1068.1 919.028,1067.97C918.911,1067.85 918.713,1067.74 918.433,1067.64C918.153,1067.55 917.756,1067.46 917.243,1067.37C916.496,1067.22 915.92,1067.07 915.514,1066.9C915.108,1066.72 914.818,1066.5 914.646,1066.24C914.473,1065.97 914.387,1065.62 914.387,1065.18C914.387,1064.61 914.482,1064.17 914.674,1063.87C914.865,1063.57 915.192,1063.35 915.654,1063.22C916.116,1063.09 916.767,1063.03 917.607,1063.03C918.428,1063.03 919.063,1063.09 919.511,1063.23C919.959,1063.36 920.276,1063.59 920.463,1063.91C920.649,1064.24 920.747,1064.7 920.757,1065.29L919.077,1065.29C919.058,1064.98 918.944,1064.76 918.734,1064.64C918.524,1064.53 918.143,1064.47 917.593,1064.47C917.014,1064.47 916.617,1064.52 916.403,1064.62C916.188,1064.72 916.081,1064.91 916.081,1065.19C916.081,1065.34 916.228,1065.48 916.522,1065.59C916.816,1065.71 917.387,1065.87 918.237,1066.06C918.937,1066.22 919.478,1066.4 919.861,1066.59C920.243,1066.78 920.516,1067.02 920.68,1067.31C920.843,1067.6 920.925,1067.97 920.925,1068.43C920.925,1069.01 920.827,1069.46 920.631,1069.77C920.435,1070.09 920.101,1070.31 919.63,1070.44C919.158,1070.58 918.493,1070.64 917.635,1070.64Z" style="fill-rule:nonzero;"/>
+            <path d="M925.195,1070.64C924.551,1070.64 924.054,1070.56 923.704,1070.39C923.354,1070.22 923.104,1069.94 922.955,1069.54C922.805,1069.13 922.731,1068.56 922.731,1067.83L922.731,1063.21L924.439,1063.21L924.439,1067.86C924.439,1068.37 924.525,1068.72 924.698,1068.9C924.87,1069.09 925.199,1069.18 925.685,1069.18C926.179,1069.18 926.557,1069.12 926.819,1068.99C927.08,1068.86 927.267,1068.64 927.379,1068.32C927.491,1068.01 927.547,1067.57 927.547,1066.99L927.547,1063.21L929.255,1063.21L929.255,1070.52L927.547,1070.52L927.547,1069.49L927.435,1069.49C927.192,1069.93 926.914,1070.23 926.602,1070.4C926.289,1070.56 925.82,1070.64 925.195,1070.64Z" style="fill-rule:nonzero;"/>
+            <path d="M934.659,1070.64C933.735,1070.64 933.021,1070.53 932.517,1070.31C932.013,1070.08 931.656,1069.7 931.446,1069.16C931.236,1068.63 931.131,1067.86 931.131,1066.88C931.131,1065.87 931.236,1065.09 931.446,1064.54C931.656,1063.99 932.01,1063.6 932.51,1063.37C933.009,1063.14 933.716,1063.03 934.631,1063.03C935.433,1063.03 936.054,1063.1 936.493,1063.26C936.931,1063.42 937.246,1063.69 937.438,1064.07C937.629,1064.45 937.734,1064.98 937.753,1065.67L936.059,1065.67C935.993,1065.21 935.865,1064.9 935.674,1064.74C935.482,1064.58 935.163,1064.5 934.715,1064.5C934.22,1064.5 933.84,1064.57 933.574,1064.71C933.308,1064.86 933.119,1065.1 933.007,1065.44C932.895,1065.78 932.839,1066.26 932.839,1066.89C932.839,1067.49 932.895,1067.95 933.007,1068.28C933.119,1068.6 933.31,1068.83 933.581,1068.97C933.851,1069.1 934.234,1069.17 934.729,1069.17C935.158,1069.17 935.468,1069.1 935.66,1068.95C935.851,1068.81 935.989,1068.54 936.073,1068.15L937.753,1068.15C937.734,1068.8 937.629,1069.31 937.438,1069.66C937.246,1070.02 936.934,1070.27 936.5,1070.42C936.066,1070.57 935.452,1070.64 934.659,1070.64Z" style="fill-rule:nonzero;"/>
+            <path d="M943.059,1070.64C942.135,1070.64 941.421,1070.53 940.917,1070.31C940.413,1070.08 940.056,1069.7 939.846,1069.16C939.636,1068.63 939.531,1067.86 939.531,1066.88C939.531,1065.87 939.636,1065.09 939.846,1064.54C940.056,1063.99 940.41,1063.6 940.91,1063.37C941.409,1063.14 942.116,1063.03 943.031,1063.03C943.833,1063.03 944.454,1063.1 944.893,1063.26C945.331,1063.42 945.646,1063.69 945.838,1064.07C946.029,1064.45 946.134,1064.98 946.153,1065.67L944.459,1065.67C944.393,1065.21 944.265,1064.9 944.074,1064.74C943.882,1064.58 943.563,1064.5 943.115,1064.5C942.62,1064.5 942.24,1064.57 941.974,1064.71C941.708,1064.86 941.519,1065.1 941.407,1065.44C941.295,1065.78 941.239,1066.26 941.239,1066.89C941.239,1067.49 941.295,1067.95 941.407,1068.28C941.519,1068.6 941.71,1068.83 941.981,1068.97C942.251,1069.1 942.634,1069.17 943.129,1069.17C943.558,1069.17 943.868,1069.1 944.06,1068.95C944.251,1068.81 944.389,1068.54 944.473,1068.15L946.153,1068.15C946.134,1068.8 946.029,1069.31 945.838,1069.66C945.646,1070.02 945.334,1070.27 944.9,1070.42C944.466,1070.57 943.852,1070.64 943.059,1070.64Z" style="fill-rule:nonzero;"/>
+            <path d="M951.333,1070.64C950.418,1070.64 949.713,1070.53 949.219,1070.3C948.724,1070.07 948.372,1069.68 948.162,1069.13C947.952,1068.58 947.847,1067.8 947.847,1066.79C947.847,1065.8 947.947,1065.04 948.148,1064.5C948.348,1063.96 948.689,1063.59 949.17,1063.36C949.65,1063.14 950.334,1063.03 951.221,1063.03C952.07,1063.03 952.733,1063.14 953.209,1063.38C953.685,1063.62 954.028,1064.02 954.238,1064.57C954.448,1065.13 954.553,1065.91 954.553,1066.92L954.539,1067.46L949.569,1067.46C949.606,1067.92 949.681,1068.27 949.793,1068.52C949.905,1068.77 950.08,1068.94 950.318,1069.05C950.556,1069.15 950.889,1069.2 951.319,1069.2C951.739,1069.2 952.044,1069.13 952.236,1069C952.427,1068.87 952.579,1068.63 952.691,1068.28L954.427,1068.28C954.333,1068.89 954.179,1069.37 953.965,1069.7C953.75,1070.04 953.437,1070.28 953.027,1070.42C952.616,1070.57 952.051,1070.64 951.333,1070.64ZM952.873,1066.13C952.873,1065.5 952.749,1065.06 952.502,1064.82C952.254,1064.59 951.827,1064.47 951.221,1064.47C950.633,1064.47 950.213,1064.59 949.961,1064.83C949.709,1065.07 949.583,1065.51 949.583,1066.13L952.873,1066.13Z" style="fill-rule:nonzero;"/>
+            <path d="M959.635,1070.64C958.739,1070.64 958.05,1070.57 957.57,1070.42C957.089,1070.27 956.751,1070.01 956.555,1069.65C956.359,1069.28 956.27,1068.77 956.289,1068.11L958.011,1068.11C958.02,1068.4 958.076,1068.62 958.179,1068.77C958.281,1068.93 958.456,1069.04 958.704,1069.1C958.951,1069.17 959.303,1069.2 959.761,1069.2C960.311,1069.2 960.689,1069.14 960.895,1069.04C961.1,1068.93 961.203,1068.73 961.203,1068.44C961.203,1068.26 961.144,1068.1 961.028,1067.97C960.911,1067.85 960.713,1067.74 960.433,1067.64C960.153,1067.55 959.756,1067.46 959.243,1067.37C958.496,1067.22 957.92,1067.07 957.514,1066.9C957.108,1066.72 956.818,1066.5 956.646,1066.24C956.473,1065.97 956.387,1065.62 956.387,1065.18C956.387,1064.61 956.482,1064.17 956.674,1063.87C956.865,1063.57 957.192,1063.35 957.654,1063.22C958.116,1063.09 958.767,1063.03 959.607,1063.03C960.428,1063.03 961.063,1063.09 961.511,1063.23C961.959,1063.36 962.276,1063.59 962.463,1063.91C962.649,1064.24 962.747,1064.7 962.757,1065.29L961.077,1065.29C961.058,1064.98 960.944,1064.76 960.734,1064.64C960.524,1064.53 960.143,1064.47 959.593,1064.47C959.014,1064.47 958.617,1064.52 958.403,1064.62C958.188,1064.72 958.081,1064.91 958.081,1065.19C958.081,1065.34 958.228,1065.48 958.522,1065.59C958.816,1065.71 959.387,1065.87 960.237,1066.06C960.937,1066.22 961.478,1066.4 961.861,1066.59C962.243,1066.78 962.516,1067.02 962.68,1067.31C962.843,1067.6 962.925,1067.97 962.925,1068.43C962.925,1069.01 962.827,1069.46 962.631,1069.77C962.435,1070.09 962.101,1070.31 961.63,1070.44C961.158,1070.58 960.493,1070.64 959.635,1070.64Z" style="fill-rule:nonzero;"/>
+            <path d="M968.035,1070.64C967.139,1070.64 966.45,1070.57 965.97,1070.42C965.489,1070.27 965.151,1070.01 964.955,1069.65C964.759,1069.28 964.67,1068.77 964.689,1068.11L966.411,1068.11C966.42,1068.4 966.476,1068.62 966.579,1068.77C966.681,1068.93 966.856,1069.04 967.104,1069.1C967.351,1069.17 967.703,1069.2 968.161,1069.2C968.711,1069.2 969.089,1069.14 969.295,1069.04C969.5,1068.93 969.603,1068.73 969.603,1068.44C969.603,1068.26 969.544,1068.1 969.428,1067.97C969.311,1067.85 969.113,1067.74 968.833,1067.64C968.553,1067.55 968.156,1067.46 967.643,1067.37C966.896,1067.22 966.32,1067.07 965.914,1066.9C965.508,1066.72 965.218,1066.5 965.046,1066.24C964.873,1065.97 964.787,1065.62 964.787,1065.18C964.787,1064.61 964.882,1064.17 965.074,1063.87C965.265,1063.57 965.592,1063.35 966.054,1063.22C966.516,1063.09 967.167,1063.03 968.007,1063.03C968.828,1063.03 969.463,1063.09 969.911,1063.23C970.359,1063.36 970.676,1063.59 970.863,1063.91C971.049,1064.24 971.147,1064.7 971.157,1065.29L969.477,1065.29C969.458,1064.98 969.344,1064.76 969.134,1064.64C968.924,1064.53 968.543,1064.47 967.993,1064.47C967.414,1064.47 967.017,1064.52 966.803,1064.62C966.588,1064.72 966.481,1064.91 966.481,1065.19C966.481,1065.34 966.628,1065.48 966.922,1065.59C967.216,1065.71 967.787,1065.87 968.637,1066.06C969.337,1066.22 969.878,1066.4 970.261,1066.59C970.643,1066.78 970.916,1067.02 971.08,1067.31C971.243,1067.6 971.325,1067.97 971.325,1068.43C971.325,1069.01 971.227,1069.46 971.031,1069.77C970.835,1070.09 970.501,1070.31 970.03,1070.44C969.558,1070.58 968.893,1070.64 968.035,1070.64Z" style="fill-rule:nonzero;"/>
+            <path d="M983.789,1050L983.789,1082.14" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+        <g>
+            <path d="M1086.1,892.005C1086.1,891.272 1085.5,890.677 1084.77,890.677L882.81,890.677C882.077,890.677 881.481,891.272 881.481,892.005L881.481,987.719C881.481,988.452 882.077,989.047 882.81,989.047L1084.77,989.047C1085.5,989.047 1086.1,988.452 1086.1,987.719L1086.1,892.005Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M936.789,912.218C936.021,912.218 935.44,912.117 935.045,911.914C934.651,911.711 934.384,911.41 934.245,911.01C934.107,910.61 934.037,910.063 934.037,909.37L934.037,905.338L931.973,905.338L932.357,903.69L934.101,903.69L934.101,901.994L935.957,901.21L935.957,903.69L939.077,903.69L939.077,905.338L935.957,905.338L935.957,909.306C935.957,909.647 935.987,909.898 936.045,910.058C936.104,910.218 936.232,910.335 936.429,910.41C936.627,910.485 936.928,910.522 937.333,910.522C937.792,910.522 938.459,910.458 939.333,910.33L939.333,912.01C938.224,912.149 937.376,912.218 936.789,912.218Z" style="fill-rule:nonzero;"/>
+            <path d="M945.493,912.186C944.448,912.186 943.643,912.055 943.077,911.794C942.512,911.533 942.109,911.087 941.869,910.458C941.629,909.829 941.509,908.938 941.509,907.786C941.509,906.655 941.624,905.783 941.853,905.17C942.083,904.557 942.472,904.122 943.021,903.866C943.571,903.61 944.352,903.482 945.365,903.482C946.336,903.482 947.093,903.618 947.637,903.89C948.181,904.162 948.573,904.615 948.813,905.25C949.053,905.885 949.173,906.778 949.173,907.93L949.157,908.554L943.477,908.554C943.52,909.077 943.605,909.479 943.733,909.762C943.861,910.045 944.061,910.245 944.333,910.362C944.605,910.479 944.987,910.538 945.477,910.538C945.957,910.538 946.307,910.463 946.525,910.314C946.744,910.165 946.917,909.887 947.045,909.482L949.029,909.482C948.923,910.186 948.747,910.73 948.501,911.114C948.256,911.498 947.899,911.773 947.429,911.938C946.96,912.103 946.315,912.186 945.493,912.186ZM947.253,907.034C947.253,906.309 947.112,905.81 946.829,905.538C946.547,905.266 946.059,905.13 945.365,905.13C944.693,905.13 944.213,905.269 943.925,905.546C943.637,905.823 943.493,906.319 943.493,907.034L947.253,907.034Z" style="fill-rule:nonzero;"/>
+            <path d="M954.981,912.186C953.957,912.186 953.171,912.101 952.621,911.93C952.072,911.759 951.685,911.466 951.461,911.05C951.237,910.634 951.136,910.047 951.157,909.29L953.125,909.29C953.136,909.621 953.2,909.874 953.317,910.05C953.435,910.226 953.635,910.351 953.917,910.426C954.2,910.501 954.603,910.538 955.125,910.538C955.755,910.538 956.187,910.477 956.421,910.354C956.656,910.231 956.773,910.005 956.773,909.674C956.773,909.461 956.707,909.282 956.573,909.138C956.44,908.994 956.213,908.869 955.893,908.762C955.573,908.655 955.12,908.549 954.533,908.442C953.68,908.282 953.021,908.103 952.557,907.906C952.093,907.709 951.763,907.458 951.565,907.154C951.368,906.85 951.269,906.447 951.269,905.946C951.269,905.295 951.379,904.797 951.597,904.45C951.816,904.103 952.189,903.855 952.717,903.706C953.245,903.557 953.989,903.482 954.949,903.482C955.888,903.482 956.613,903.559 957.125,903.714C957.637,903.869 958,904.13 958.213,904.498C958.427,904.866 958.539,905.391 958.549,906.074L956.629,906.074C956.608,905.711 956.477,905.463 956.237,905.33C955.997,905.197 955.563,905.13 954.933,905.13C954.272,905.13 953.819,905.189 953.573,905.306C953.328,905.423 953.205,905.642 953.205,905.962C953.205,906.133 953.373,906.285 953.709,906.418C954.045,906.551 954.699,906.73 955.669,906.954C956.469,907.135 957.088,907.335 957.525,907.554C957.963,907.773 958.275,908.047 958.461,908.378C958.648,908.709 958.741,909.135 958.741,909.658C958.741,910.319 958.629,910.831 958.405,911.194C958.181,911.557 957.8,911.813 957.261,911.962C956.723,912.111 955.963,912.186 954.981,912.186Z" style="fill-rule:nonzero;"/>
+            <path d="M965.589,912.218C964.821,912.218 964.24,912.117 963.845,911.914C963.451,911.711 963.184,911.41 963.045,911.01C962.907,910.61 962.837,910.063 962.837,909.37L962.837,905.338L960.773,905.338L961.157,903.69L962.901,903.69L962.901,901.994L964.757,901.21L964.757,903.69L967.877,903.69L967.877,905.338L964.757,905.338L964.757,909.306C964.757,909.647 964.787,909.898 964.845,910.058C964.904,910.218 965.032,910.335 965.229,910.41C965.427,910.485 965.728,910.522 966.133,910.522C966.592,910.522 967.259,910.458 968.133,910.33L968.133,912.01C967.024,912.149 966.176,912.218 965.589,912.218Z" style="fill-rule:nonzero;"/>
+            <rect x="971.109" y="906.394" width="6.08" height="1.76" style="fill-rule:nonzero;"/>
+            <path d="M979.365,903.69L981.397,903.69L983.685,909.69L983.813,909.69L986.101,903.69L988.133,903.69L984.693,912.042L982.805,912.042L979.365,903.69Z" style="fill-rule:nonzero;"/>
+            <path d="M992.309,900.394L994.757,900.394L994.757,902.65L992.309,902.65L992.309,900.394ZM989.989,910.394L992.773,910.394L992.773,905.338L990.149,905.338L990.149,903.69L994.693,903.69L994.693,910.394L997.365,910.394L997.365,912.042L989.989,912.042L989.989,910.394Z" style="fill-rule:nonzero;"/>
+            <path d="M1002.98,912.186C1001.96,912.186 1001.17,912.101 1000.62,911.93C1000.07,911.759 999.685,911.466 999.461,911.05C999.237,910.634 999.136,910.047 999.157,909.29L1001.12,909.29C1001.14,909.621 1001.2,909.874 1001.32,910.05C1001.44,910.226 1001.63,910.351 1001.92,910.426C1002.2,910.501 1002.6,910.538 1003.12,910.538C1003.75,910.538 1004.19,910.477 1004.42,910.354C1004.66,910.231 1004.77,910.005 1004.77,909.674C1004.77,909.461 1004.71,909.282 1004.57,909.138C1004.44,908.994 1004.21,908.869 1003.89,908.762C1003.57,908.655 1003.12,908.549 1002.53,908.442C1001.68,908.282 1001.02,908.103 1000.56,907.906C1000.09,907.709 999.763,907.458 999.565,907.154C999.368,906.85 999.269,906.447 999.269,905.946C999.269,905.295 999.379,904.797 999.597,904.45C999.816,904.103 1000.19,903.855 1000.72,903.706C1001.25,903.557 1001.99,903.482 1002.95,903.482C1003.89,903.482 1004.61,903.559 1005.12,903.714C1005.64,903.869 1006,904.13 1006.21,904.498C1006.43,904.866 1006.54,905.391 1006.55,906.074L1004.63,906.074C1004.61,905.711 1004.48,905.463 1004.24,905.33C1004,905.197 1003.56,905.13 1002.93,905.13C1002.27,905.13 1001.82,905.189 1001.57,905.306C1001.33,905.423 1001.21,905.642 1001.21,905.962C1001.21,906.133 1001.37,906.285 1001.71,906.418C1002.05,906.551 1002.7,906.73 1003.67,906.954C1004.47,907.135 1005.09,907.335 1005.52,907.554C1005.96,907.773 1006.27,908.047 1006.46,908.378C1006.65,908.709 1006.74,909.135 1006.74,909.658C1006.74,910.319 1006.63,910.831 1006.4,911.194C1006.18,911.557 1005.8,911.813 1005.26,911.962C1004.72,912.111 1003.96,912.186 1002.98,912.186Z" style="fill-rule:nonzero;"/>
+            <path d="M1011.62,912.186C1010.88,912.186 1010.32,912.09 1009.92,911.898C1009.52,911.706 1009.23,911.381 1009.06,910.922C1008.89,910.463 1008.81,909.813 1008.81,908.97L1008.81,903.69L1010.76,903.69L1010.76,909.002C1010.76,909.589 1010.86,909.989 1011.05,910.202C1011.25,910.415 1011.63,910.522 1012.18,910.522C1012.75,910.522 1013.18,910.447 1013.48,910.298C1013.78,910.149 1013.99,909.895 1014.12,909.538C1014.25,909.181 1014.31,908.671 1014.31,908.01L1014.31,903.69L1016.26,903.69L1016.26,912.042L1014.31,912.042L1014.31,910.874L1014.18,910.874C1013.9,911.375 1013.59,911.719 1013.23,911.906C1012.87,912.093 1012.34,912.186 1011.62,912.186Z" style="fill-rule:nonzero;"/>
+            <path d="M1021.4,912.186C1020.62,912.186 1020.02,912.109 1019.6,911.954C1019.18,911.799 1018.88,911.538 1018.7,911.17C1018.52,910.802 1018.44,910.282 1018.44,909.61C1018.44,908.821 1018.56,908.21 1018.81,907.778C1019.05,907.346 1019.47,907.039 1020.05,906.858C1020.64,906.677 1021.47,906.586 1022.55,906.586L1023.81,906.586L1023.81,906.49C1023.81,905.957 1023.7,905.594 1023.46,905.402C1023.23,905.21 1022.78,905.114 1022.13,905.114C1021.55,905.114 1021.15,905.191 1020.94,905.346C1020.73,905.501 1020.64,905.797 1020.66,906.234L1018.71,906.234C1018.68,905.509 1018.76,904.951 1018.96,904.562C1019.15,904.173 1019.5,903.895 1020,903.73C1020.49,903.565 1021.21,903.482 1022.13,903.482C1023.06,903.482 1023.78,903.573 1024.29,903.754C1024.79,903.935 1025.15,904.239 1025.37,904.666C1025.58,905.093 1025.68,905.701 1025.68,906.49L1025.68,912.042L1023.86,912.042L1023.86,911.05L1023.73,911.05C1023.44,911.487 1023.12,911.786 1022.79,911.946C1022.46,912.106 1022,912.186 1021.4,912.186ZM1020.39,909.466C1020.39,909.871 1020.48,910.149 1020.67,910.298C1020.86,910.447 1021.21,910.522 1021.73,910.522C1022.27,910.522 1022.68,910.453 1022.97,910.314C1023.25,910.175 1023.46,909.941 1023.58,909.61C1023.7,909.279 1023.78,908.805 1023.8,908.186L1022.21,908.202C1021.73,908.213 1021.36,908.255 1021.1,908.33C1020.84,908.405 1020.66,908.53 1020.55,908.706C1020.44,908.882 1020.39,909.135 1020.39,909.466Z" style="fill-rule:nonzero;"/>
+            <path d="M1028.02,910.378L1030.95,910.378L1030.95,902.058L1028.18,902.058L1028.18,900.394L1032.87,900.394L1032.87,910.378L1035.61,910.378L1035.61,912.042L1028.02,912.042L1028.02,910.378Z" style="fill-rule:nonzero;"/>
+            <path d="M932.261,939.804L933.669,939.804L936.069,946.604L936.181,946.604L938.581,939.804L939.989,939.804L936.837,948.156L935.413,948.156L932.261,939.804Z" style="fill-rule:nonzero;"/>
+            <path d="M944.933,936.508L946.773,936.508L946.773,938.332L944.933,938.332L944.933,936.508ZM942.741,946.972L945.445,946.972L945.445,940.972L942.901,940.972L942.901,939.804L946.757,939.804L946.757,946.972L949.349,946.972L949.349,948.14L942.741,948.14L942.741,946.972Z" style="fill-rule:nonzero;"/>
+            <path d="M955.349,948.316C954.453,948.316 953.76,948.241 953.269,948.092C952.779,947.942 952.432,947.686 952.229,947.324C952.027,946.961 951.925,946.449 951.925,945.788L953.285,945.788C953.307,946.15 953.387,946.425 953.525,946.612C953.664,946.798 953.885,946.932 954.189,947.012C954.493,947.092 954.923,947.132 955.477,947.132C955.968,947.132 956.347,947.094 956.613,947.02C956.88,946.945 957.069,946.822 957.181,946.652C957.293,946.481 957.349,946.236 957.349,945.916C957.349,945.628 957.277,945.39 957.133,945.204C956.989,945.017 956.747,944.857 956.405,944.724C956.064,944.59 955.573,944.46 954.933,944.332C954.176,944.182 953.592,944.012 953.181,943.82C952.771,943.628 952.477,943.385 952.301,943.092C952.125,942.798 952.037,942.417 952.037,941.948C952.037,941.329 952.136,940.854 952.333,940.524C952.531,940.193 952.861,939.956 953.325,939.812C953.789,939.668 954.453,939.596 955.317,939.596C956.128,939.596 956.752,939.66 957.189,939.788C957.627,939.916 957.947,940.137 958.149,940.452C958.352,940.766 958.469,941.212 958.501,941.788L957.173,941.788C957.12,941.393 956.96,941.126 956.693,940.988C956.427,940.849 955.963,940.78 955.301,940.78C954.789,940.78 954.395,940.814 954.117,940.884C953.84,940.953 953.643,941.073 953.525,941.244C953.408,941.414 953.349,941.654 953.349,941.964C953.349,942.145 953.427,942.305 953.581,942.444C953.736,942.582 953.995,942.718 954.357,942.852C954.72,942.985 955.237,943.137 955.909,943.308C956.645,943.489 957.211,943.686 957.605,943.9C958,944.113 958.277,944.374 958.437,944.684C958.597,944.993 958.677,945.393 958.677,945.884C958.677,946.524 958.576,947.017 958.373,947.364C958.171,947.71 957.835,947.956 957.365,948.1C956.896,948.244 956.224,948.316 955.349,948.316Z" style="fill-rule:nonzero;"/>
+            <path d="M964.149,948.316C963.467,948.316 962.941,948.222 962.573,948.036C962.205,947.849 961.944,947.529 961.789,947.076C961.635,946.622 961.557,945.98 961.557,945.148L961.557,939.804L962.901,939.804L962.901,945.18C962.901,945.681 962.952,946.07 963.053,946.348C963.155,946.625 963.323,946.822 963.557,946.94C963.792,947.057 964.123,947.116 964.549,947.116C965.168,947.116 965.643,947.025 965.973,946.844C966.304,946.662 966.541,946.358 966.685,945.932C966.829,945.505 966.901,944.902 966.901,944.124L966.901,939.804L968.229,939.804L968.229,948.156L966.901,948.156L966.901,946.908L966.789,946.908C966.544,947.441 966.235,947.809 965.861,948.012C965.488,948.214 964.917,948.316 964.149,948.316Z" style="fill-rule:nonzero;"/>
+            <path d="M973.717,948.316C973.035,948.316 972.509,948.241 972.141,948.092C971.773,947.942 971.512,947.692 971.357,947.34C971.203,946.988 971.125,946.486 971.125,945.836C971.125,945.068 971.237,944.473 971.461,944.052C971.685,943.63 972.061,943.332 972.589,943.156C973.117,942.98 973.867,942.892 974.837,942.892L976.341,942.892L976.341,942.492C976.341,942.044 976.285,941.697 976.173,941.452C976.061,941.206 975.869,941.03 975.597,940.924C975.325,940.817 974.939,940.764 974.437,940.764C973.787,940.764 973.344,940.846 973.109,941.012C972.875,941.177 972.747,941.494 972.725,941.964L971.381,941.964C971.381,941.345 971.472,940.868 971.653,940.532C971.835,940.196 972.144,939.956 972.581,939.812C973.019,939.668 973.637,939.596 974.437,939.596C975.269,939.596 975.912,939.681 976.365,939.852C976.819,940.022 977.139,940.316 977.325,940.732C977.512,941.148 977.605,941.734 977.605,942.492L977.605,948.156L976.389,948.156L976.389,947.084L976.277,947.084C976,947.553 975.683,947.876 975.325,948.052C974.968,948.228 974.432,948.316 973.717,948.316ZM972.469,945.692C972.469,946.246 972.581,946.622 972.805,946.82C973.029,947.017 973.445,947.116 974.053,947.116C974.651,947.116 975.109,947.022 975.429,946.836C975.749,946.649 975.979,946.337 976.117,945.9C976.256,945.462 976.325,944.838 976.325,944.028L974.517,944.044C973.984,944.054 973.571,944.11 973.277,944.212C972.984,944.313 972.776,944.478 972.653,944.708C972.531,944.937 972.469,945.265 972.469,945.692Z" style="fill-rule:nonzero;"/>
+            <path d="M980.773,946.972L983.621,946.972L983.621,937.708L980.933,937.708L980.933,936.508L984.917,936.508L984.917,946.972L987.573,946.972L987.573,948.156L980.773,948.156L980.773,946.972Z" style="fill-rule:nonzero;"/>
+            <path d="M1004.33,948.332C1003.64,948.332 1003.13,948.241 1002.79,948.06C1002.45,947.878 1002.22,947.601 1002.1,947.228C1001.98,946.854 1001.93,946.326 1001.93,945.644L1001.93,940.988L999.765,940.988L1000.09,939.804L1001.99,939.804L1001.99,937.932L1003.24,937.404L1003.24,939.804L1006.17,939.804L1006.17,940.988L1003.24,940.988L1003.24,945.58C1003.24,945.953 1003.28,946.246 1003.36,946.46C1003.44,946.673 1003.59,946.836 1003.82,946.948C1004.05,947.06 1004.39,947.116 1004.85,947.116C1005.26,947.116 1005.81,947.068 1006.52,946.972L1006.52,948.156C1005.58,948.273 1004.85,948.332 1004.33,948.332Z" style="fill-rule:nonzero;"/>
+            <path d="M1013.05,948.316C1012.09,948.316 1011.35,948.188 1010.85,947.932C1010.34,947.676 1009.98,947.238 1009.77,946.62C1009.57,946.001 1009.46,945.105 1009.46,943.932C1009.46,942.79 1009.57,941.91 1009.78,941.292C1010,940.673 1010.35,940.238 1010.85,939.988C1011.34,939.737 1012.03,939.612 1012.92,939.612C1013.88,939.612 1014.6,939.753 1015.09,940.036C1015.57,940.318 1015.9,940.801 1016.09,941.484C1016.27,942.166 1016.35,943.174 1016.33,944.508L1010.81,944.508C1010.84,945.212 1010.92,945.75 1011.06,946.124C1011.2,946.497 1011.42,946.758 1011.73,946.908C1012.03,947.057 1012.46,947.132 1013.03,947.132C1013.56,947.132 1013.95,947.054 1014.2,946.9C1014.44,946.745 1014.63,946.444 1014.77,945.996L1016.17,945.996C1016.05,946.614 1015.88,947.089 1015.66,947.42C1015.44,947.75 1015.13,947.982 1014.73,948.116C1014.32,948.249 1013.76,948.316 1013.05,948.316ZM1015.05,943.34C1015.02,942.657 1014.95,942.137 1014.81,941.78C1014.68,941.422 1014.47,941.169 1014.17,941.02C1013.88,940.87 1013.46,940.796 1012.92,940.796C1012.4,940.796 1012.01,940.87 1011.73,941.02C1011.44,941.169 1011.24,941.422 1011.1,941.78C1010.97,942.137 1010.88,942.657 1010.82,943.34L1015.05,943.34Z" style="fill-rule:nonzero;"/>
+            <path d="M1022.55,948.316C1021.65,948.316 1020.96,948.241 1020.47,948.092C1019.98,947.942 1019.63,947.686 1019.43,947.324C1019.23,946.961 1019.12,946.449 1019.12,945.788L1020.49,945.788C1020.51,946.15 1020.59,946.425 1020.73,946.612C1020.86,946.798 1021.09,946.932 1021.39,947.012C1021.69,947.092 1022.12,947.132 1022.68,947.132C1023.17,947.132 1023.55,947.094 1023.81,947.02C1024.08,946.945 1024.27,946.822 1024.38,946.652C1024.49,946.481 1024.55,946.236 1024.55,945.916C1024.55,945.628 1024.48,945.39 1024.33,945.204C1024.19,945.017 1023.95,944.857 1023.61,944.724C1023.26,944.59 1022.77,944.46 1022.13,944.332C1021.38,944.182 1020.79,944.012 1020.38,943.82C1019.97,943.628 1019.68,943.385 1019.5,943.092C1019.33,942.798 1019.24,942.417 1019.24,941.948C1019.24,941.329 1019.34,940.854 1019.53,940.524C1019.73,940.193 1020.06,939.956 1020.52,939.812C1020.99,939.668 1021.65,939.596 1022.52,939.596C1023.33,939.596 1023.95,939.66 1024.39,939.788C1024.83,939.916 1025.15,940.137 1025.35,940.452C1025.55,940.766 1025.67,941.212 1025.7,941.788L1024.37,941.788C1024.32,941.393 1024.16,941.126 1023.89,940.988C1023.63,940.849 1023.16,940.78 1022.5,940.78C1021.99,940.78 1021.6,940.814 1021.32,940.884C1021.04,940.953 1020.84,941.073 1020.73,941.244C1020.61,941.414 1020.55,941.654 1020.55,941.964C1020.55,942.145 1020.63,942.305 1020.78,942.444C1020.94,942.582 1021.2,942.718 1021.56,942.852C1021.92,942.985 1022.44,943.137 1023.11,943.308C1023.85,943.489 1024.41,943.686 1024.81,943.9C1025.2,944.113 1025.48,944.374 1025.64,944.684C1025.8,944.993 1025.88,945.393 1025.88,945.884C1025.88,946.524 1025.78,947.017 1025.57,947.364C1025.37,947.71 1025.04,947.956 1024.57,948.1C1024.1,948.244 1023.42,948.316 1022.55,948.316Z" style="fill-rule:nonzero;"/>
+            <path d="M1033.12,948.332C1032.44,948.332 1031.93,948.241 1031.59,948.06C1031.25,947.878 1031.02,947.601 1030.9,947.228C1030.78,946.854 1030.72,946.326 1030.72,945.644L1030.72,940.988L1028.57,940.988L1028.88,939.804L1030.79,939.804L1030.79,937.932L1032.04,937.404L1032.04,939.804L1034.96,939.804L1034.96,940.988L1032.04,940.988L1032.04,945.58C1032.04,945.953 1032.08,946.246 1032.16,946.46C1032.24,946.673 1032.39,946.836 1032.62,946.948C1032.85,947.06 1033.19,947.116 1033.65,947.116C1034.06,947.116 1034.61,947.068 1035.32,946.972L1035.32,948.156C1034.38,948.273 1033.65,948.332 1033.12,948.332Z" style="fill-rule:nonzero;"/>
+            <path d="M911.669,971.972C910.773,971.972 910.08,971.898 909.589,971.748C909.099,971.599 908.752,971.343 908.549,970.98C908.347,970.618 908.245,970.106 908.245,969.444L909.605,969.444C909.627,969.807 909.707,970.082 909.845,970.268C909.984,970.455 910.205,970.588 910.509,970.668C910.813,970.748 911.243,970.788 911.797,970.788C912.288,970.788 912.667,970.751 912.933,970.676C913.2,970.602 913.389,970.479 913.501,970.308C913.613,970.138 913.669,969.892 913.669,969.572C913.669,969.284 913.597,969.047 913.453,968.86C913.309,968.674 913.067,968.514 912.725,968.38C912.384,968.247 911.893,968.116 911.253,967.988C910.496,967.839 909.912,967.668 909.501,967.476C909.091,967.284 908.797,967.042 908.621,966.748C908.445,966.455 908.357,966.074 908.357,965.604C908.357,964.986 908.456,964.511 908.653,964.18C908.851,963.85 909.181,963.612 909.645,963.468C910.109,963.324 910.773,963.252 911.637,963.252C912.448,963.252 913.072,963.316 913.509,963.444C913.947,963.572 914.267,963.794 914.469,964.108C914.672,964.423 914.789,964.868 914.821,965.444L913.493,965.444C913.44,965.05 913.28,964.783 913.013,964.644C912.747,964.506 912.283,964.436 911.621,964.436C911.109,964.436 910.715,964.471 910.437,964.54C910.16,964.61 909.963,964.73 909.845,964.9C909.728,965.071 909.669,965.311 909.669,965.62C909.669,965.802 909.747,965.962 909.901,966.1C910.056,966.239 910.315,966.375 910.677,966.508C911.04,966.642 911.557,966.794 912.229,966.964C912.965,967.146 913.531,967.343 913.925,967.556C914.32,967.77 914.597,968.031 914.757,968.34C914.917,968.65 914.997,969.05 914.997,969.54C914.997,970.18 914.896,970.674 914.693,971.02C914.491,971.367 914.155,971.612 913.685,971.756C913.216,971.9 912.544,971.972 911.669,971.972Z" style="fill-rule:nonzero;"/>
+            <path d="M922.245,971.988C921.563,971.988 921.051,971.898 920.709,971.716C920.368,971.535 920.139,971.258 920.021,970.884C919.904,970.511 919.845,969.983 919.845,969.3L919.845,964.644L917.685,964.644L918.005,963.46L919.909,963.46L919.909,961.588L921.157,961.06L921.157,963.46L924.085,963.46L924.085,964.644L921.157,964.644L921.157,969.236C921.157,969.61 921.197,969.903 921.277,970.116C921.357,970.33 921.512,970.492 921.741,970.604C921.971,970.716 922.315,970.772 922.773,970.772C923.179,970.772 923.733,970.724 924.437,970.628L924.437,971.812C923.499,971.93 922.768,971.988 922.245,971.988Z" style="fill-rule:nonzero;"/>
+            <path d="M930.837,971.972C929.899,971.972 929.176,971.842 928.669,971.58C928.163,971.319 927.803,970.879 927.589,970.26C927.376,969.642 927.269,968.762 927.269,967.62C927.269,966.468 927.376,965.583 927.589,964.964C927.803,964.346 928.163,963.906 928.669,963.644C929.176,963.383 929.899,963.252 930.837,963.252C931.776,963.252 932.501,963.383 933.013,963.644C933.525,963.906 933.888,964.348 934.101,964.972C934.315,965.596 934.421,966.479 934.421,967.62C934.421,968.762 934.315,969.642 934.101,970.26C933.888,970.879 933.525,971.319 933.013,971.58C932.501,971.842 931.776,971.972 930.837,971.972ZM928.613,967.62C928.613,968.452 928.68,969.092 928.813,969.54C928.947,969.988 929.171,970.306 929.485,970.492C929.8,970.679 930.251,970.772 930.837,970.772C931.424,970.772 931.877,970.679 932.197,970.492C932.517,970.306 932.744,969.988 932.877,969.54C933.011,969.092 933.077,968.452 933.077,967.62C933.077,966.778 933.011,966.132 932.877,965.684C932.744,965.236 932.517,964.916 932.197,964.724C931.877,964.532 931.424,964.436 930.837,964.436C930.251,964.436 929.8,964.532 929.485,964.724C929.171,964.916 928.947,965.236 928.813,965.684C928.68,966.132 928.613,966.778 928.613,967.62Z" style="fill-rule:nonzero;"/>
+            <path d="M938.325,963.46L939.605,963.46L939.557,965.428L939.685,965.428C939.984,964.746 940.221,964.274 940.397,964.012C940.573,963.751 940.763,963.588 940.965,963.524C941.168,963.46 941.515,963.423 942.005,963.412L942.709,963.396C942.976,963.396 943.269,963.407 943.589,963.428L943.589,964.692C943.344,964.682 943.024,964.676 942.629,964.676C942.235,964.676 941.915,964.692 941.669,964.724C941.36,964.778 941.045,964.946 940.725,965.228C940.405,965.511 940.141,965.863 939.933,966.284C939.725,966.706 939.621,967.14 939.621,967.588L939.621,971.812L938.325,971.812L938.325,963.46Z" style="fill-rule:nonzero;"/>
+            <path d="M949.717,971.204L949.077,971.204L946.293,963.46L947.653,963.46L950.037,970.244L950.069,970.244L952.373,963.46L953.733,963.46L949.605,975.348L948.261,975.348L949.717,971.204Z" style="fill-rule:nonzero;"/>
+            <path d="M960.005,971.972C959.451,971.972 959.016,971.898 958.701,971.748C958.387,971.599 958.075,971.316 957.765,970.9L957.653,970.9L957.653,971.812L956.325,971.812L956.341,960.164L957.669,960.164L957.653,964.34L957.781,964.34C958.037,963.924 958.323,963.642 958.637,963.492C958.952,963.343 959.424,963.268 960.053,963.268C960.917,963.268 961.584,963.399 962.053,963.66C962.523,963.922 962.856,964.359 963.053,964.972C963.251,965.586 963.349,966.463 963.349,967.604C963.349,968.756 963.248,969.642 963.045,970.26C962.843,970.879 962.504,971.319 962.029,971.58C961.555,971.842 960.88,971.972 960.005,971.972ZM957.621,967.604C957.621,968.436 957.685,969.079 957.813,969.532C957.941,969.986 958.152,970.306 958.445,970.492C958.739,970.679 959.163,970.772 959.717,970.772C960.315,970.772 960.773,970.676 961.093,970.484C961.413,970.292 961.643,969.972 961.781,969.524C961.92,969.076 961.989,968.436 961.989,967.604C961.989,966.783 961.92,966.148 961.781,965.7C961.643,965.252 961.413,964.935 961.093,964.748C960.773,964.562 960.315,964.468 959.717,964.468C959.163,964.468 958.739,964.562 958.445,964.748C958.152,964.935 957.941,965.252 957.813,965.7C957.685,966.148 957.621,966.783 957.621,967.604Z" style="fill-rule:nonzero;"/>
+            <path d="M969.237,971.972C968.299,971.972 967.576,971.842 967.069,971.58C966.563,971.319 966.203,970.879 965.989,970.26C965.776,969.642 965.669,968.762 965.669,967.62C965.669,966.468 965.776,965.583 965.989,964.964C966.203,964.346 966.563,963.906 967.069,963.644C967.576,963.383 968.299,963.252 969.237,963.252C970.176,963.252 970.901,963.383 971.413,963.644C971.925,963.906 972.288,964.348 972.501,964.972C972.715,965.596 972.821,966.479 972.821,967.62C972.821,968.762 972.715,969.642 972.501,970.26C972.288,970.879 971.925,971.319 971.413,971.58C970.901,971.842 970.176,971.972 969.237,971.972ZM967.013,967.62C967.013,968.452 967.08,969.092 967.213,969.54C967.347,969.988 967.571,970.306 967.885,970.492C968.2,970.679 968.651,970.772 969.237,970.772C969.824,970.772 970.277,970.679 970.597,970.492C970.917,970.306 971.144,969.988 971.277,969.54C971.411,969.092 971.477,968.452 971.477,967.62C971.477,966.778 971.411,966.132 971.277,965.684C971.144,965.236 970.917,964.916 970.597,964.724C970.277,964.532 969.824,964.436 969.237,964.436C968.651,964.436 968.2,964.532 967.885,964.724C967.571,964.916 967.347,965.236 967.213,965.684C967.08,966.132 967.013,966.778 967.013,967.62Z" style="fill-rule:nonzero;"/>
+            <path d="M978.837,971.972C977.899,971.972 977.176,971.842 976.669,971.58C976.163,971.319 975.803,970.879 975.589,970.26C975.376,969.642 975.269,968.762 975.269,967.62C975.269,966.468 975.376,965.583 975.589,964.964C975.803,964.346 976.163,963.906 976.669,963.644C977.176,963.383 977.899,963.252 978.837,963.252C979.776,963.252 980.501,963.383 981.013,963.644C981.525,963.906 981.888,964.348 982.101,964.972C982.315,965.596 982.421,966.479 982.421,967.62C982.421,968.762 982.315,969.642 982.101,970.26C981.888,970.879 981.525,971.319 981.013,971.58C980.501,971.842 979.776,971.972 978.837,971.972ZM976.613,967.62C976.613,968.452 976.68,969.092 976.813,969.54C976.947,969.988 977.171,970.306 977.485,970.492C977.8,970.679 978.251,970.772 978.837,970.772C979.424,970.772 979.877,970.679 980.197,970.492C980.517,970.306 980.744,969.988 980.877,969.54C981.011,969.092 981.077,968.452 981.077,967.62C981.077,966.778 981.011,966.132 980.877,965.684C980.744,965.236 980.517,964.916 980.197,964.724C979.877,964.532 979.424,964.436 978.837,964.436C978.251,964.436 977.8,964.532 977.485,964.724C977.171,964.916 976.947,965.236 976.813,965.684C976.68,966.132 976.613,966.778 976.613,967.62Z" style="fill-rule:nonzero;"/>
+            <path d="M986.949,967.348L986.949,971.812L985.637,971.812L985.637,960.164L986.949,960.164L986.949,967.108L990.389,963.46L992.117,963.46L988.549,967.188L992.645,971.812L990.853,971.812L986.949,967.348Z" style="fill-rule:nonzero;"/>
+            <path d="M1007.27,971.972C1006.39,971.972 1005.72,971.842 1005.25,971.58C1004.77,971.319 1004.43,970.879 1004.23,970.26C1004.03,969.642 1003.93,968.756 1003.93,967.604C1003.93,966.463 1004.02,965.586 1004.22,964.972C1004.42,964.359 1004.75,963.922 1005.22,963.66C1005.69,963.399 1006.36,963.268 1007.22,963.268C1007.85,963.268 1008.33,963.343 1008.64,963.492C1008.97,963.642 1009.25,963.924 1009.49,964.34L1009.62,964.34L1009.62,960.164L1010.95,960.164L1010.95,971.812L1009.62,971.812L1009.62,970.9L1009.51,970.9C1009.21,971.316 1008.9,971.599 1008.59,971.748C1008.27,971.898 1007.84,971.972 1007.27,971.972ZM1005.28,967.604C1005.28,968.436 1005.36,969.076 1005.49,969.524C1005.63,969.972 1005.86,970.292 1006.18,970.484C1006.5,970.676 1006.96,970.772 1007.56,970.772C1008.11,970.772 1008.54,970.679 1008.83,970.492C1009.12,970.306 1009.33,969.986 1009.46,969.532C1009.59,969.079 1009.65,968.436 1009.65,967.604C1009.65,966.783 1009.59,966.148 1009.46,965.7C1009.33,965.252 1009.12,964.935 1008.83,964.748C1008.54,964.562 1008.11,964.468 1007.56,964.468C1006.96,964.468 1006.5,964.562 1006.18,964.748C1005.86,964.935 1005.63,965.252 1005.49,965.7C1005.36,966.148 1005.28,966.783 1005.28,967.604Z" style="fill-rule:nonzero;"/>
+            <path d="M1017.37,971.972C1016.4,971.972 1015.67,971.844 1015.17,971.588C1014.66,971.332 1014.3,970.895 1014.09,970.276C1013.88,969.658 1013.78,968.762 1013.78,967.588C1013.78,966.447 1013.89,965.567 1014.1,964.948C1014.32,964.33 1014.67,963.895 1015.17,963.644C1015.66,963.394 1016.35,963.268 1017.24,963.268C1018.2,963.268 1018.92,963.41 1019.4,963.692C1019.89,963.975 1020.22,964.458 1020.4,965.14C1020.59,965.823 1020.67,966.831 1020.64,968.164L1015.12,968.164C1015.16,968.868 1015.24,969.407 1015.38,969.78C1015.52,970.154 1015.74,970.415 1016.05,970.564C1016.35,970.714 1016.78,970.788 1017.35,970.788C1017.88,970.788 1018.27,970.711 1018.52,970.556C1018.76,970.402 1018.96,970.1 1019.09,969.652L1020.49,969.652C1020.37,970.271 1020.2,970.746 1019.98,971.076C1019.76,971.407 1019.45,971.639 1019.05,971.772C1018.64,971.906 1018.08,971.972 1017.37,971.972ZM1019.37,966.996C1019.34,966.314 1019.27,965.794 1019.13,965.436C1019,965.079 1018.79,964.826 1018.49,964.676C1018.2,964.527 1017.78,964.452 1017.24,964.452C1016.73,964.452 1016.33,964.527 1016.05,964.676C1015.76,964.826 1015.56,965.079 1015.42,965.436C1015.29,965.794 1015.2,966.314 1015.14,966.996L1019.37,966.996Z" style="fill-rule:nonzero;"/>
+            <path d="M1023.51,963.46L1024.84,963.46L1024.84,964.324L1024.95,964.324C1025.26,963.908 1025.57,963.626 1025.88,963.476C1026.2,963.327 1026.63,963.252 1027.19,963.252C1028.06,963.252 1028.74,963.383 1029.21,963.644C1029.69,963.906 1030.03,964.346 1030.23,964.964C1030.43,965.583 1030.53,966.468 1030.53,967.62C1030.53,968.762 1030.43,969.642 1030.24,970.26C1030.04,970.879 1029.71,971.319 1029.24,971.58C1028.77,971.842 1028.1,971.972 1027.22,971.972C1026.6,971.972 1026.14,971.898 1025.82,971.748C1025.51,971.599 1025.22,971.316 1024.96,970.9L1024.84,970.9L1024.84,975.252L1023.51,975.252L1023.51,963.46ZM1024.81,967.62C1024.81,968.452 1024.87,969.092 1025,969.54C1025.12,969.988 1025.34,970.306 1025.63,970.492C1025.92,970.679 1026.35,970.772 1026.9,970.772C1027.5,970.772 1027.96,970.679 1028.28,970.492C1028.6,970.306 1028.83,969.986 1028.96,969.532C1029.1,969.079 1029.17,968.442 1029.17,967.62C1029.17,966.788 1029.1,966.148 1028.96,965.7C1028.83,965.252 1028.6,964.932 1028.28,964.74C1027.96,964.548 1027.5,964.452 1026.9,964.452C1026.35,964.452 1025.92,964.546 1025.63,964.732C1025.34,964.919 1025.12,965.239 1025,965.692C1024.87,966.146 1024.81,966.788 1024.81,967.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1033.09,970.628L1035.94,970.628L1035.94,961.364L1033.25,961.364L1033.25,960.164L1037.24,960.164L1037.24,970.628L1039.89,970.628L1039.89,971.812L1033.09,971.812L1033.09,970.628Z" style="fill-rule:nonzero;"/>
+            <path d="M1046.04,971.972C1045.1,971.972 1044.38,971.842 1043.87,971.58C1043.36,971.319 1043,970.879 1042.79,970.26C1042.58,969.642 1042.47,968.762 1042.47,967.62C1042.47,966.468 1042.58,965.583 1042.79,964.964C1043,964.346 1043.36,963.906 1043.87,963.644C1044.38,963.383 1045.1,963.252 1046.04,963.252C1046.98,963.252 1047.7,963.383 1048.21,963.644C1048.72,963.906 1049.09,964.348 1049.3,964.972C1049.52,965.596 1049.62,966.479 1049.62,967.62C1049.62,968.762 1049.52,969.642 1049.3,970.26C1049.09,970.879 1048.72,971.319 1048.21,971.58C1047.7,971.842 1046.98,971.972 1046.04,971.972ZM1043.81,967.62C1043.81,968.452 1043.88,969.092 1044.01,969.54C1044.15,969.988 1044.37,970.306 1044.68,970.492C1045,970.679 1045.45,970.772 1046.04,970.772C1046.62,970.772 1047.08,970.679 1047.4,970.492C1047.72,970.306 1047.94,969.988 1048.08,969.54C1048.21,969.092 1048.28,968.452 1048.28,967.62C1048.28,966.778 1048.21,966.132 1048.08,965.684C1047.94,965.236 1047.72,964.916 1047.4,964.724C1047.08,964.532 1046.62,964.436 1046.04,964.436C1045.45,964.436 1045,964.532 1044.68,964.724C1044.37,964.916 1044.15,965.236 1044.01,965.684C1043.88,966.132 1043.81,966.778 1043.81,967.62Z" style="fill-rule:nonzero;"/>
+            <path d="M1055.32,971.204L1054.68,971.204L1051.89,963.46L1053.25,963.46L1055.64,970.244L1055.67,970.244L1057.97,963.46L1059.33,963.46L1055.2,975.348L1053.86,975.348L1055.32,971.204Z" style="fill-rule:nonzero;"/>
+            <path d="M881.481,922.126L1086.1,922.126" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+    </g>
+    <path d="M428.885,669.72L337.5,669.72" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+    <path d="M428.885,1612.13L337.5,1612.13" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+    <path d="M719.076,669.72L643.885,669.72" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+    <g>
+        <use xlink:href="#_Image9" x="718.576" y="139.804" width="1px" height="1060.08px" transform="matrix(1,0,0,0.999129,0,0)"/>
+        <path d="M719.076,1199.26L719.076,140.182" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+    </g>
+    <g>
+        <circle cx="241.139" cy="672.292" r="96.36" style="fill:#ffecff;stroke:#d087ec;stroke-width:1px;"/>
+    </g>
+    <path d="M719.076,1609.56L643.885,1609.56" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+    <g>
+        <circle cx="241.139" cy="1612.13" r="96.36" style="fill:#ffecff;stroke:#d087ec;stroke-width:1px;"/>
+    </g>
+    <path id="_-Curve-" serif:id="(Curve)" d="M144.779,669.72L337.5,669.72" style="fill:none;stroke:#d087ec;stroke-width:1px;stroke-linecap:butt;"/>
+    <path d="M170.399,634.12L172.819,634.12L172.819,635.14L172.979,635.14C173.406,634.66 173.806,634.333 174.179,634.16C174.553,633.987 175.039,633.9 175.639,633.9C176.826,633.9 177.739,634.063 178.379,634.39C179.019,634.717 179.476,635.267 179.749,636.04C180.023,636.813 180.159,637.913 180.159,639.34C180.159,640.753 180.026,641.843 179.759,642.61C179.493,643.377 179.043,643.923 178.409,644.25C177.776,644.577 176.873,644.74 175.699,644.74C174.993,644.74 174.446,644.653 174.059,644.48C173.673,644.307 173.313,643.98 172.979,643.5L172.819,643.5L172.819,648.86L170.399,648.86L170.399,634.12ZM172.779,639.34C172.779,640.207 172.849,640.877 172.989,641.35C173.129,641.823 173.366,642.16 173.699,642.36C174.033,642.56 174.506,642.66 175.119,642.66C175.799,642.66 176.323,642.56 176.689,642.36C177.056,642.16 177.316,641.823 177.469,641.35C177.623,640.877 177.699,640.207 177.699,639.34C177.699,638.46 177.623,637.78 177.469,637.3C177.316,636.82 177.056,636.48 176.689,636.28C176.323,636.08 175.799,635.98 175.119,635.98C174.506,635.98 174.033,636.08 173.699,636.28C173.366,636.48 173.129,636.82 172.989,637.3C172.849,637.78 172.779,638.46 172.779,639.34Z" style="fill-rule:nonzero;"/>
+    <path d="M186.239,644.74C185.319,644.74 184.609,644.62 184.109,644.38C183.609,644.14 183.253,643.733 183.039,643.16C182.826,642.587 182.719,641.773 182.719,640.72L182.719,634.12L185.159,634.12L185.159,640.76C185.159,641.493 185.283,641.993 185.529,642.26C185.776,642.527 186.246,642.66 186.939,642.66C187.646,642.66 188.186,642.567 188.559,642.38C188.933,642.193 189.199,641.877 189.359,641.43C189.519,640.983 189.599,640.347 189.599,639.52L189.599,634.12L192.039,634.12L192.039,644.56L189.599,644.56L189.599,643.1L189.439,643.1C189.093,643.727 188.696,644.157 188.249,644.39C187.803,644.623 187.133,644.74 186.239,644.74Z" style="fill-rule:nonzero;"/>
+    <path d="M194.739,642.48L198.399,642.48L198.399,632.08L194.939,632.08L194.939,630L200.799,630L200.799,642.48L204.219,642.48L204.219,644.56L194.739,644.56L194.739,642.48Z" style="fill-rule:nonzero;"/>
+    <path d="M206.739,642.48L210.399,642.48L210.399,632.08L206.939,632.08L206.939,630L212.799,630L212.799,642.48L216.219,642.48L216.219,644.56L206.739,644.56L206.739,642.48Z" style="fill-rule:nonzero;"/>
+    <rect x="218.219" y="646.02" width="10.36" height="2.24" style="fill-rule:nonzero;"/>
+    <path d="M232.039,634.12L234.239,634.12L234.139,636.26L234.359,636.26C234.853,635.433 235.206,634.887 235.419,634.62C235.633,634.353 235.859,634.187 236.099,634.12C236.339,634.053 236.779,634.02 237.419,634.02L239.379,634.06L239.379,636.46C239.139,636.447 238.779,636.44 238.299,636.44C237.566,636.44 236.919,636.473 236.359,636.54C236.093,636.58 235.806,636.753 235.499,637.06C235.193,637.367 234.939,637.737 234.739,638.17C234.539,638.603 234.439,639.02 234.439,639.42L234.439,644.56L232.039,644.56L232.039,634.12Z" style="fill-rule:nonzero;"/>
+    <path d="M247.579,644.74C246.273,644.74 245.266,644.577 244.559,644.25C243.853,643.923 243.349,643.367 243.049,642.58C242.749,641.793 242.599,640.68 242.599,639.24C242.599,637.827 242.743,636.737 243.029,635.97C243.316,635.203 243.803,634.66 244.489,634.34C245.176,634.02 246.153,633.86 247.419,633.86C248.633,633.86 249.579,634.03 250.259,634.37C250.939,634.71 251.429,635.277 251.729,636.07C252.029,636.863 252.179,637.98 252.179,639.42L252.159,640.2L245.059,640.2C245.113,640.853 245.219,641.357 245.379,641.71C245.539,642.063 245.789,642.313 246.129,642.46C246.469,642.607 246.946,642.68 247.559,642.68C248.159,642.68 248.596,642.587 248.869,642.4C249.143,642.213 249.359,641.867 249.519,641.36L251.999,641.36C251.866,642.24 251.646,642.92 251.339,643.4C251.033,643.88 250.586,644.223 249.999,644.43C249.413,644.637 248.606,644.74 247.579,644.74ZM249.779,638.3C249.779,637.393 249.603,636.77 249.249,636.43C248.896,636.09 248.286,635.92 247.419,635.92C246.579,635.92 245.979,636.093 245.619,636.44C245.259,636.787 245.079,637.407 245.079,638.3L249.779,638.3Z" style="fill-rule:nonzero;"/>
+    <path d="M261.959,643.5L261.799,643.5C261.439,643.98 261.066,644.307 260.679,644.48C260.293,644.653 259.746,644.74 259.039,644.74C257.879,644.74 256.986,644.577 256.359,644.25C255.733,643.923 255.286,643.377 255.019,642.61C254.753,641.843 254.619,640.753 254.619,639.34C254.619,637.913 254.753,636.813 255.019,636.04C255.286,635.267 255.739,634.717 256.379,634.39C257.019,634.063 257.926,633.9 259.099,633.9C259.713,633.9 260.209,633.987 260.589,634.16C260.969,634.333 261.373,634.66 261.799,635.14L261.959,635.14L261.959,634.12L264.379,634.12L264.379,648.86L261.959,648.86L261.959,643.5ZM257.079,639.34C257.079,640.207 257.156,640.877 257.309,641.35C257.463,641.823 257.723,642.16 258.089,642.36C258.456,642.56 258.979,642.66 259.659,642.66C260.273,642.66 260.746,642.56 261.079,642.36C261.413,642.16 261.649,641.823 261.789,641.35C261.929,640.877 261.999,640.207 261.999,639.34C261.999,638.46 261.929,637.78 261.789,637.3C261.649,636.82 261.413,636.48 261.079,636.28C260.746,636.08 260.273,635.98 259.659,635.98C258.979,635.98 258.456,636.08 258.089,636.28C257.723,636.48 257.463,636.82 257.309,637.3C257.156,637.78 257.079,638.46 257.079,639.34Z" style="fill-rule:nonzero;"/>
+    <path d="M270.239,644.74C269.319,644.74 268.609,644.62 268.109,644.38C267.609,644.14 267.253,643.733 267.039,643.16C266.826,642.587 266.719,641.773 266.719,640.72L266.719,634.12L269.159,634.12L269.159,640.76C269.159,641.493 269.283,641.993 269.529,642.26C269.776,642.527 270.246,642.66 270.939,642.66C271.646,642.66 272.186,642.567 272.559,642.38C272.933,642.193 273.199,641.877 273.359,641.43C273.519,640.983 273.599,640.347 273.599,639.52L273.599,634.12L276.039,634.12L276.039,644.56L273.599,644.56L273.599,643.1L273.439,643.1C273.093,643.727 272.696,644.157 272.249,644.39C271.803,644.623 271.133,644.74 270.239,644.74Z" style="fill-rule:nonzero;"/>
+    <path d="M283.579,644.74C282.273,644.74 281.266,644.577 280.559,644.25C279.853,643.923 279.349,643.367 279.049,642.58C278.749,641.793 278.599,640.68 278.599,639.24C278.599,637.827 278.743,636.737 279.029,635.97C279.316,635.203 279.803,634.66 280.489,634.34C281.176,634.02 282.153,633.86 283.419,633.86C284.633,633.86 285.579,634.03 286.259,634.37C286.939,634.71 287.429,635.277 287.729,636.07C288.029,636.863 288.179,637.98 288.179,639.42L288.159,640.2L281.059,640.2C281.113,640.853 281.219,641.357 281.379,641.71C281.539,642.063 281.789,642.313 282.129,642.46C282.469,642.607 282.946,642.68 283.559,642.68C284.159,642.68 284.596,642.587 284.869,642.4C285.143,642.213 285.359,641.867 285.519,641.36L287.999,641.36C287.866,642.24 287.646,642.92 287.339,643.4C287.033,643.88 286.586,644.223 285.999,644.43C285.413,644.637 284.606,644.74 283.579,644.74ZM285.779,638.3C285.779,637.393 285.603,636.77 285.249,636.43C284.896,636.09 284.286,635.92 283.419,635.92C282.579,635.92 281.979,636.093 281.619,636.44C281.259,636.787 281.079,637.407 281.079,638.3L285.779,638.3Z" style="fill-rule:nonzero;"/>
+    <path d="M295.439,644.74C294.159,644.74 293.176,644.633 292.489,644.42C291.803,644.207 291.319,643.84 291.039,643.32C290.759,642.8 290.633,642.067 290.659,641.12L293.119,641.12C293.133,641.533 293.213,641.85 293.359,642.07C293.506,642.29 293.756,642.447 294.109,642.54C294.463,642.633 294.966,642.68 295.619,642.68C296.406,642.68 296.946,642.603 297.239,642.45C297.533,642.297 297.679,642.013 297.679,641.6C297.679,641.333 297.596,641.11 297.429,640.93C297.263,640.75 296.979,640.593 296.579,640.46C296.179,640.327 295.613,640.193 294.879,640.06C293.813,639.86 292.989,639.637 292.409,639.39C291.829,639.143 291.416,638.83 291.169,638.45C290.923,638.07 290.799,637.567 290.799,636.94C290.799,636.127 290.936,635.503 291.209,635.07C291.483,634.637 291.949,634.327 292.609,634.14C293.269,633.953 294.199,633.86 295.399,633.86C296.573,633.86 297.479,633.957 298.119,634.15C298.759,634.343 299.213,634.67 299.479,635.13C299.746,635.59 299.886,636.247 299.899,637.1L297.499,637.1C297.473,636.647 297.309,636.337 297.009,636.17C296.709,636.003 296.166,635.92 295.379,635.92C294.553,635.92 293.986,635.993 293.679,636.14C293.373,636.287 293.219,636.56 293.219,636.96C293.219,637.173 293.429,637.363 293.849,637.53C294.269,637.697 295.086,637.92 296.299,638.2C297.299,638.427 298.073,638.677 298.619,638.95C299.166,639.223 299.556,639.567 299.789,639.98C300.023,640.393 300.139,640.927 300.139,641.58C300.139,642.407 299.999,643.047 299.719,643.5C299.439,643.953 298.963,644.273 298.289,644.46C297.616,644.647 296.666,644.74 295.439,644.74Z" style="fill-rule:nonzero;"/>
+    <path d="M308.699,644.78C307.739,644.78 307.013,644.653 306.519,644.4C306.026,644.147 305.693,643.77 305.519,643.27C305.346,642.77 305.259,642.087 305.259,641.22L305.259,636.18L302.679,636.18L303.159,634.12L305.339,634.12L305.339,632L307.659,631.02L307.659,634.12L311.559,634.12L311.559,636.18L307.659,636.18L307.659,641.14C307.659,641.567 307.696,641.88 307.769,642.08C307.843,642.28 308.003,642.427 308.249,642.52C308.496,642.613 308.873,642.66 309.379,642.66C309.953,642.66 310.786,642.58 311.879,642.42L311.879,644.52C310.493,644.693 309.433,644.78 308.699,644.78Z" style="fill-rule:nonzero;"/>
+    <path id="_-Curve-1" serif:id="(Curve)" d="M144.779,1612.13L337.5,1612.13" style="fill:none;stroke:#d087ec;stroke-width:1px;stroke-linecap:butt;"/>
+    <path d="M170.399,1576.54L172.819,1576.54L172.819,1577.56L172.979,1577.56C173.406,1577.08 173.806,1576.75 174.179,1576.58C174.553,1576.4 175.039,1576.32 175.639,1576.32C176.826,1576.32 177.739,1576.48 178.379,1576.81C179.019,1577.13 179.476,1577.68 179.749,1578.45C180.023,1579.23 180.159,1580.33 180.159,1581.76C180.159,1583.17 180.026,1584.26 179.759,1585.03C179.493,1585.79 179.043,1586.34 178.409,1586.66C177.776,1586.99 176.873,1587.15 175.699,1587.15C174.993,1587.15 174.446,1587.07 174.059,1586.89C173.673,1586.72 173.313,1586.39 172.979,1585.91L172.819,1585.91L172.819,1591.28L170.399,1591.28L170.399,1576.54ZM172.779,1581.76C172.779,1582.62 172.849,1583.29 172.989,1583.77C173.129,1584.24 173.366,1584.58 173.699,1584.78C174.033,1584.98 174.506,1585.08 175.119,1585.08C175.799,1585.08 176.323,1584.98 176.689,1584.78C177.056,1584.58 177.316,1584.24 177.469,1583.77C177.623,1583.29 177.699,1582.62 177.699,1581.76C177.699,1580.88 177.623,1580.19 177.469,1579.72C177.316,1579.24 177.056,1578.89 176.689,1578.69C176.323,1578.5 175.799,1578.39 175.119,1578.39C174.506,1578.39 174.033,1578.5 173.699,1578.69C173.366,1578.89 173.129,1579.24 172.989,1579.72C172.849,1580.19 172.779,1580.88 172.779,1581.76Z" style="fill-rule:nonzero;"/>
+    <path d="M186.239,1587.15C185.319,1587.15 184.609,1587.04 184.109,1586.8C183.609,1586.56 183.253,1586.15 183.039,1585.58C182.826,1585 182.719,1584.19 182.719,1583.13L182.719,1576.54L185.159,1576.54L185.159,1583.17C185.159,1583.91 185.283,1584.41 185.529,1584.67C185.776,1584.94 186.246,1585.08 186.939,1585.08C187.646,1585.08 188.186,1584.98 188.559,1584.8C188.933,1584.61 189.199,1584.29 189.359,1583.85C189.519,1583.4 189.599,1582.76 189.599,1581.93L189.599,1576.54L192.039,1576.54L192.039,1586.98L189.599,1586.98L189.599,1585.52L189.439,1585.52C189.093,1586.14 188.696,1586.57 188.249,1586.81C187.803,1587.04 187.133,1587.15 186.239,1587.15Z" style="fill-rule:nonzero;"/>
+    <path d="M194.739,1584.89L198.399,1584.89L198.399,1574.5L194.939,1574.5L194.939,1572.41L200.799,1572.41L200.799,1584.89L204.219,1584.89L204.219,1586.98L194.739,1586.98L194.739,1584.89Z" style="fill-rule:nonzero;"/>
+    <path d="M206.739,1584.89L210.399,1584.89L210.399,1574.5L206.939,1574.5L206.939,1572.41L212.799,1572.41L212.799,1584.89L216.219,1584.89L216.219,1586.98L206.739,1586.98L206.739,1584.89Z" style="fill-rule:nonzero;"/>
+    <rect x="218.219" y="1588.43" width="10.36" height="2.24" style="fill-rule:nonzero;"/>
+    <path d="M232.039,1576.54L234.239,1576.54L234.139,1578.67L234.359,1578.67C234.853,1577.85 235.206,1577.3 235.419,1577.04C235.633,1576.77 235.859,1576.6 236.099,1576.54C236.339,1576.47 236.779,1576.43 237.419,1576.43L239.379,1576.48L239.379,1578.88C239.139,1578.86 238.779,1578.86 238.299,1578.86C237.566,1578.86 236.919,1578.89 236.359,1578.95C236.093,1579 235.806,1579.17 235.499,1579.48C235.193,1579.78 234.939,1580.15 234.739,1580.59C234.539,1581.02 234.439,1581.43 234.439,1581.84L234.439,1586.98L232.039,1586.98L232.039,1576.54Z" style="fill-rule:nonzero;"/>
+    <path d="M247.579,1587.15C246.273,1587.15 245.266,1586.99 244.559,1586.66C243.853,1586.34 243.349,1585.78 243.049,1585C242.749,1584.21 242.599,1583.1 242.599,1581.65C242.599,1580.24 242.743,1579.15 243.029,1578.38C243.316,1577.62 243.803,1577.08 244.489,1576.76C245.176,1576.43 246.153,1576.28 247.419,1576.28C248.633,1576.28 249.579,1576.44 250.259,1576.79C250.939,1577.12 251.429,1577.69 251.729,1578.49C252.029,1579.28 252.179,1580.39 252.179,1581.84L252.159,1582.62L245.059,1582.62C245.113,1583.27 245.219,1583.77 245.379,1584.12C245.539,1584.48 245.789,1584.73 246.129,1584.88C246.469,1585.02 246.946,1585.1 247.559,1585.1C248.159,1585.1 248.596,1585 248.869,1584.82C249.143,1584.63 249.359,1584.28 249.519,1583.78L251.999,1583.78C251.866,1584.65 251.646,1585.34 251.339,1585.82C251.033,1586.3 250.586,1586.64 249.999,1586.85C249.413,1587.05 248.606,1587.15 247.579,1587.15ZM249.779,1580.72C249.779,1579.81 249.603,1579.18 249.249,1578.85C248.896,1578.51 248.286,1578.34 247.419,1578.34C246.579,1578.34 245.979,1578.51 245.619,1578.86C245.259,1579.2 245.079,1579.82 245.079,1580.72L249.779,1580.72Z" style="fill-rule:nonzero;"/>
+    <path d="M261.959,1585.91L261.799,1585.91C261.439,1586.39 261.066,1586.72 260.679,1586.89C260.293,1587.07 259.746,1587.15 259.039,1587.15C257.879,1587.15 256.986,1586.99 256.359,1586.66C255.733,1586.34 255.286,1585.79 255.019,1585.03C254.753,1584.26 254.619,1583.17 254.619,1581.76C254.619,1580.33 254.753,1579.23 255.019,1578.45C255.286,1577.68 255.739,1577.13 256.379,1576.81C257.019,1576.48 257.926,1576.32 259.099,1576.32C259.713,1576.32 260.209,1576.4 260.589,1576.58C260.969,1576.75 261.373,1577.08 261.799,1577.56L261.959,1577.56L261.959,1576.54L264.379,1576.54L264.379,1591.28L261.959,1591.28L261.959,1585.91ZM257.079,1581.76C257.079,1582.62 257.156,1583.29 257.309,1583.77C257.463,1584.24 257.723,1584.58 258.089,1584.78C258.456,1584.98 258.979,1585.08 259.659,1585.08C260.273,1585.08 260.746,1584.98 261.079,1584.78C261.413,1584.58 261.649,1584.24 261.789,1583.77C261.929,1583.29 261.999,1582.62 261.999,1581.76C261.999,1580.88 261.929,1580.19 261.789,1579.72C261.649,1579.24 261.413,1578.89 261.079,1578.69C260.746,1578.5 260.273,1578.39 259.659,1578.39C258.979,1578.39 258.456,1578.5 258.089,1578.69C257.723,1578.89 257.463,1579.24 257.309,1579.72C257.156,1580.19 257.079,1580.88 257.079,1581.76Z" style="fill-rule:nonzero;"/>
+    <path d="M270.239,1587.15C269.319,1587.15 268.609,1587.04 268.109,1586.8C267.609,1586.56 267.253,1586.15 267.039,1585.58C266.826,1585 266.719,1584.19 266.719,1583.13L266.719,1576.54L269.159,1576.54L269.159,1583.17C269.159,1583.91 269.283,1584.41 269.529,1584.67C269.776,1584.94 270.246,1585.08 270.939,1585.08C271.646,1585.08 272.186,1584.98 272.559,1584.8C272.933,1584.61 273.199,1584.29 273.359,1583.85C273.519,1583.4 273.599,1582.76 273.599,1581.93L273.599,1576.54L276.039,1576.54L276.039,1586.98L273.599,1586.98L273.599,1585.52L273.439,1585.52C273.093,1586.14 272.696,1586.57 272.249,1586.81C271.803,1587.04 271.133,1587.15 270.239,1587.15Z" style="fill-rule:nonzero;"/>
+    <path d="M283.579,1587.15C282.273,1587.15 281.266,1586.99 280.559,1586.66C279.853,1586.34 279.349,1585.78 279.049,1585C278.749,1584.21 278.599,1583.1 278.599,1581.65C278.599,1580.24 278.743,1579.15 279.029,1578.38C279.316,1577.62 279.803,1577.08 280.489,1576.76C281.176,1576.43 282.153,1576.28 283.419,1576.28C284.633,1576.28 285.579,1576.44 286.259,1576.79C286.939,1577.12 287.429,1577.69 287.729,1578.49C288.029,1579.28 288.179,1580.39 288.179,1581.84L288.159,1582.62L281.059,1582.62C281.113,1583.27 281.219,1583.77 281.379,1584.12C281.539,1584.48 281.789,1584.73 282.129,1584.88C282.469,1585.02 282.946,1585.1 283.559,1585.1C284.159,1585.1 284.596,1585 284.869,1584.82C285.143,1584.63 285.359,1584.28 285.519,1583.78L287.999,1583.78C287.866,1584.65 287.646,1585.34 287.339,1585.82C287.033,1586.3 286.586,1586.64 285.999,1586.85C285.413,1587.05 284.606,1587.15 283.579,1587.15ZM285.779,1580.72C285.779,1579.81 285.603,1579.18 285.249,1578.85C284.896,1578.51 284.286,1578.34 283.419,1578.34C282.579,1578.34 281.979,1578.51 281.619,1578.86C281.259,1579.2 281.079,1579.82 281.079,1580.72L285.779,1580.72Z" style="fill-rule:nonzero;"/>
+    <path d="M295.439,1587.15C294.159,1587.15 293.176,1587.05 292.489,1586.84C291.803,1586.62 291.319,1586.26 291.039,1585.74C290.759,1585.22 290.633,1584.48 290.659,1583.54L293.119,1583.54C293.133,1583.95 293.213,1584.27 293.359,1584.49C293.506,1584.7 293.756,1584.86 294.109,1584.95C294.463,1585.05 294.966,1585.1 295.619,1585.1C296.406,1585.1 296.946,1585.02 297.239,1584.87C297.533,1584.71 297.679,1584.43 297.679,1584.02C297.679,1583.75 297.596,1583.53 297.429,1583.35C297.263,1583.16 296.979,1583.01 296.579,1582.88C296.179,1582.74 295.613,1582.61 294.879,1582.48C293.813,1582.28 292.989,1582.05 292.409,1581.81C291.829,1581.56 291.416,1581.25 291.169,1580.87C290.923,1580.49 290.799,1579.98 290.799,1579.36C290.799,1578.54 290.936,1577.92 291.209,1577.49C291.483,1577.05 291.949,1576.74 292.609,1576.56C293.269,1576.37 294.199,1576.28 295.399,1576.28C296.573,1576.28 297.479,1576.37 298.119,1576.57C298.759,1576.76 299.213,1577.09 299.479,1577.55C299.746,1578.01 299.886,1578.66 299.899,1579.52L297.499,1579.52C297.473,1579.06 297.309,1578.75 297.009,1578.59C296.709,1578.42 296.166,1578.34 295.379,1578.34C294.553,1578.34 293.986,1578.41 293.679,1578.56C293.373,1578.7 293.219,1578.98 293.219,1579.38C293.219,1579.59 293.429,1579.78 293.849,1579.94C294.269,1580.11 295.086,1580.34 296.299,1580.62C297.299,1580.84 298.073,1581.09 298.619,1581.37C299.166,1581.64 299.556,1581.98 299.789,1582.39C300.023,1582.81 300.139,1583.34 300.139,1584C300.139,1584.82 299.999,1585.46 299.719,1585.91C299.439,1586.37 298.963,1586.69 298.289,1586.88C297.616,1587.06 296.666,1587.15 295.439,1587.15Z" style="fill-rule:nonzero;"/>
+    <path d="M308.699,1587.19C307.739,1587.19 307.013,1587.07 306.519,1586.82C306.026,1586.56 305.693,1586.18 305.519,1585.68C305.346,1585.18 305.259,1584.5 305.259,1583.63L305.259,1578.6L302.679,1578.6L303.159,1576.54L305.339,1576.54L305.339,1574.41L307.659,1573.43L307.659,1576.54L311.559,1576.54L311.559,1578.6L307.659,1578.6L307.659,1583.56C307.659,1583.98 307.696,1584.3 307.769,1584.5C307.843,1584.69 308.003,1584.84 308.249,1584.93C308.496,1585.03 308.873,1585.08 309.379,1585.08C309.953,1585.08 310.786,1585 311.879,1584.84L311.879,1586.93C310.493,1587.11 309.433,1587.19 308.699,1587.19Z" style="fill-rule:nonzero;"/>
+    <path d="M182.299,693.145L184.719,693.145L184.719,694.165L184.879,694.165C185.306,693.685 185.706,693.358 186.079,693.185C186.453,693.011 186.939,692.925 187.539,692.925C188.726,692.925 189.639,693.088 190.279,693.415C190.919,693.741 191.376,694.291 191.649,695.065C191.923,695.838 192.059,696.938 192.059,698.365C192.059,699.778 191.926,700.868 191.659,701.635C191.393,702.401 190.943,702.948 190.309,703.275C189.676,703.601 188.773,703.765 187.599,703.765C186.893,703.765 186.346,703.678 185.959,703.505C185.573,703.331 185.213,703.005 184.879,702.525L184.719,702.525L184.719,707.885L182.299,707.885L182.299,693.145ZM184.679,698.365C184.679,699.231 184.749,699.901 184.889,700.375C185.029,700.848 185.266,701.185 185.599,701.385C185.933,701.585 186.406,701.685 187.019,701.685C187.699,701.685 188.223,701.585 188.589,701.385C188.956,701.185 189.216,700.848 189.369,700.375C189.523,699.901 189.599,699.231 189.599,698.365C189.599,697.485 189.523,696.805 189.369,696.325C189.216,695.845 188.956,695.505 188.589,695.305C188.223,695.105 187.699,695.005 187.019,695.005C186.406,695.005 185.933,695.105 185.599,695.305C185.266,695.505 185.029,695.845 184.889,696.325C184.749,696.805 184.679,697.485 184.679,698.365Z" style="fill-rule:nonzero;"/>
+    <path d="M198.139,703.765C197.219,703.765 196.509,703.645 196.009,703.405C195.509,703.165 195.153,702.758 194.939,702.185C194.726,701.611 194.619,700.798 194.619,699.745L194.619,693.145L197.059,693.145L197.059,699.785C197.059,700.518 197.183,701.018 197.429,701.285C197.676,701.551 198.146,701.685 198.839,701.685C199.546,701.685 200.086,701.591 200.459,701.405C200.833,701.218 201.099,700.901 201.259,700.455C201.419,700.008 201.499,699.371 201.499,698.545L201.499,693.145L203.939,693.145L203.939,703.585L201.499,703.585L201.499,702.125L201.339,702.125C200.993,702.751 200.596,703.181 200.149,703.415C199.703,703.648 199.033,703.765 198.139,703.765Z" style="fill-rule:nonzero;"/>
+    <path d="M211.339,703.765C210.059,703.765 209.076,703.658 208.389,703.445C207.703,703.231 207.219,702.865 206.939,702.345C206.659,701.825 206.533,701.091 206.559,700.145L209.019,700.145C209.033,700.558 209.113,700.875 209.259,701.095C209.406,701.315 209.656,701.471 210.009,701.565C210.363,701.658 210.866,701.705 211.519,701.705C212.306,701.705 212.846,701.628 213.139,701.475C213.433,701.321 213.579,701.038 213.579,700.625C213.579,700.358 213.496,700.135 213.329,699.955C213.163,699.775 212.879,699.618 212.479,699.485C212.079,699.351 211.513,699.218 210.779,699.085C209.713,698.885 208.889,698.661 208.309,698.415C207.729,698.168 207.316,697.855 207.069,697.475C206.823,697.095 206.699,696.591 206.699,695.965C206.699,695.151 206.836,694.528 207.109,694.095C207.383,693.661 207.849,693.351 208.509,693.165C209.169,692.978 210.099,692.885 211.299,692.885C212.473,692.885 213.379,692.981 214.019,693.175C214.659,693.368 215.113,693.695 215.379,694.155C215.646,694.615 215.786,695.271 215.799,696.125L213.399,696.125C213.373,695.671 213.209,695.361 212.909,695.195C212.609,695.028 212.066,694.945 211.279,694.945C210.453,694.945 209.886,695.018 209.579,695.165C209.273,695.311 209.119,695.585 209.119,695.985C209.119,696.198 209.329,696.388 209.749,696.555C210.169,696.721 210.986,696.945 212.199,697.225C213.199,697.451 213.973,697.701 214.519,697.975C215.066,698.248 215.456,698.591 215.689,699.005C215.923,699.418 216.039,699.951 216.039,700.605C216.039,701.431 215.899,702.071 215.619,702.525C215.339,702.978 214.863,703.298 214.189,703.485C213.516,703.671 212.566,703.765 211.339,703.765Z" style="fill-rule:nonzero;"/>
+    <path d="M218.659,689.025L221.099,689.025L221.099,694.545L221.259,694.545C221.593,693.918 221.966,693.485 222.379,693.245C222.793,693.005 223.366,692.885 224.099,692.885C225.126,692.885 225.913,693.005 226.459,693.245C227.006,693.485 227.396,693.895 227.629,694.475C227.863,695.055 227.979,695.878 227.979,696.945L227.979,703.585L225.539,703.585L225.539,696.905C225.539,696.158 225.403,695.648 225.129,695.375C224.856,695.101 224.339,694.965 223.579,694.965C222.926,694.965 222.423,695.058 222.069,695.245C221.716,695.431 221.466,695.751 221.319,696.205C221.173,696.658 221.099,697.305 221.099,698.145L221.099,703.585L218.659,703.585L218.659,689.025Z" style="fill-rule:nonzero;"/>
+    <path d="M233.379,699.525L237.179,699.525L237.179,703.185L233.379,703.185L233.379,699.525ZM233.379,691.665L237.179,691.665L237.179,695.325L233.379,695.325L233.379,691.665Z" style="fill-rule:nonzero;"/>
+    <path d="M253.799,693.145L255.959,693.145L255.959,694.425L256.119,694.425C256.399,693.838 256.673,693.435 256.939,693.215C257.206,692.995 257.566,692.885 258.019,692.885C258.713,692.885 259.213,692.995 259.519,693.215C259.826,693.435 260.066,693.838 260.239,694.425L260.259,694.425C260.446,693.838 260.686,693.435 260.979,693.215C261.273,692.995 261.719,692.885 262.319,692.885C262.973,692.885 263.473,693.005 263.819,693.245C264.166,693.485 264.413,693.895 264.559,694.475C264.706,695.055 264.779,695.878 264.779,696.945L264.779,703.585L262.559,703.585L262.559,697.305C262.559,696.438 262.486,695.845 262.339,695.525C262.193,695.205 261.926,695.045 261.539,695.045C261.246,695.045 261.016,695.121 260.849,695.275C260.683,695.428 260.566,695.685 260.499,696.045C260.433,696.405 260.399,696.918 260.399,697.585L260.399,703.585L258.199,703.585L258.239,697.305C258.253,696.438 258.176,695.845 258.009,695.525C257.843,695.205 257.533,695.045 257.079,695.045C256.799,695.045 256.583,695.125 256.429,695.285C256.276,695.445 256.169,695.711 256.109,696.085C256.049,696.458 256.019,696.991 256.019,697.685L256.019,703.585L253.799,703.585L253.799,693.145Z" style="fill-rule:nonzero;"/>
+    <path d="M270.359,703.765C269.386,703.765 268.636,703.668 268.109,703.475C267.583,703.281 267.209,702.955 266.989,702.495C266.769,702.035 266.659,701.385 266.659,700.545C266.659,699.558 266.813,698.795 267.119,698.255C267.426,697.715 267.946,697.331 268.679,697.105C269.413,696.878 270.453,696.765 271.799,696.765L273.379,696.765L273.379,696.645C273.379,695.978 273.233,695.525 272.939,695.285C272.646,695.045 272.093,694.925 271.279,694.925C270.546,694.925 270.049,695.021 269.789,695.215C269.529,695.408 269.413,695.778 269.439,696.325L266.999,696.325C266.959,695.418 267.063,694.721 267.309,694.235C267.556,693.748 267.989,693.401 268.609,693.195C269.229,692.988 270.119,692.885 271.279,692.885C272.439,692.885 273.336,692.998 273.969,693.225C274.603,693.451 275.053,693.831 275.319,694.365C275.586,694.898 275.719,695.658 275.719,696.645L275.719,703.585L273.439,703.585L273.439,702.345L273.279,702.345C272.906,702.891 272.513,703.265 272.099,703.465C271.686,703.665 271.106,703.765 270.359,703.765ZM269.099,700.365C269.099,700.871 269.216,701.218 269.449,701.405C269.683,701.591 270.126,701.685 270.779,701.685C271.446,701.685 271.959,701.598 272.319,701.425C272.679,701.251 272.936,700.958 273.089,700.545C273.243,700.131 273.333,699.538 273.359,698.765L271.379,698.785C270.779,698.798 270.316,698.851 269.989,698.945C269.663,699.038 269.433,699.195 269.299,699.415C269.166,699.635 269.099,699.951 269.099,700.365Z" style="fill-rule:nonzero;"/>
+    <path d="M281.999,689.025L285.059,689.025L285.059,691.845L281.999,691.845L281.999,689.025ZM279.099,701.525L282.579,701.525L282.579,695.205L279.299,695.205L279.299,693.145L284.979,693.145L284.979,701.525L288.319,701.525L288.319,703.585L279.099,703.585L279.099,701.525Z" style="fill-rule:nonzero;"/>
+    <path d="M290.659,693.145L293.099,693.145L293.099,694.585L293.259,694.585C293.633,693.931 294.019,693.485 294.419,693.245C294.819,693.005 295.386,692.885 296.119,692.885C297.133,692.885 297.913,693.008 298.459,693.255C299.006,693.501 299.396,693.915 299.629,694.495C299.863,695.075 299.979,695.905 299.979,696.985L299.979,703.585L297.539,703.585L297.539,696.945C297.539,696.211 297.403,695.711 297.129,695.445C296.856,695.178 296.346,695.045 295.599,695.045C294.946,695.045 294.443,695.138 294.089,695.325C293.736,695.511 293.483,695.828 293.329,696.275C293.176,696.721 293.099,697.351 293.099,698.165L293.099,703.585L290.659,703.585L290.659,693.145Z" style="fill-rule:nonzero;"/>
+    <path d="M167.699,1633.74L170.759,1633.74L170.759,1636.56L167.699,1636.56L167.699,1633.74ZM164.799,1646.24L168.279,1646.24L168.279,1639.91L164.999,1639.91L164.999,1637.86L170.679,1637.86L170.679,1646.24L174.019,1646.24L174.019,1648.3L164.799,1648.3L164.799,1646.24Z" style="fill-rule:nonzero;"/>
+    <path d="M181.039,1648.48C179.759,1648.48 178.776,1648.37 178.089,1648.15C177.403,1647.94 176.919,1647.58 176.639,1647.06C176.359,1646.54 176.233,1645.8 176.259,1644.86L178.719,1644.86C178.733,1645.27 178.813,1645.59 178.959,1645.81C179.106,1646.03 179.356,1646.18 179.709,1646.28C180.063,1646.37 180.566,1646.41 181.219,1646.41C182.006,1646.41 182.546,1646.34 182.839,1646.18C183.133,1646.03 183.279,1645.75 183.279,1645.34C183.279,1645.07 183.196,1644.85 183.029,1644.66C182.863,1644.49 182.579,1644.33 182.179,1644.19C181.779,1644.06 181.213,1643.93 180.479,1643.8C179.413,1643.6 178.589,1643.37 178.009,1643.12C177.429,1642.88 177.016,1642.57 176.769,1642.18C176.523,1641.81 176.399,1641.3 176.399,1640.67C176.399,1639.86 176.536,1639.24 176.809,1638.81C177.083,1638.37 177.549,1638.06 178.209,1637.88C178.869,1637.69 179.799,1637.6 180.999,1637.6C182.173,1637.6 183.079,1637.69 183.719,1637.88C184.359,1638.08 184.813,1638.4 185.079,1638.87C185.346,1639.33 185.486,1639.98 185.499,1640.84L183.099,1640.84C183.073,1640.38 182.909,1640.07 182.609,1639.9C182.309,1639.74 181.766,1639.65 180.979,1639.65C180.153,1639.65 179.586,1639.73 179.279,1639.88C178.973,1640.02 178.819,1640.3 178.819,1640.69C178.819,1640.91 179.029,1641.1 179.449,1641.27C179.869,1641.43 180.686,1641.65 181.899,1641.93C182.899,1642.16 183.673,1642.41 184.219,1642.68C184.766,1642.96 185.156,1643.3 185.389,1643.72C185.623,1644.13 185.739,1644.66 185.739,1645.32C185.739,1646.14 185.599,1646.78 185.319,1647.24C185.039,1647.69 184.563,1648.01 183.889,1648.19C183.216,1648.38 182.266,1648.48 181.039,1648.48Z" style="fill-rule:nonzero;"/>
+    <path d="M193.039,1648.48C191.759,1648.48 190.776,1648.37 190.089,1648.15C189.403,1647.94 188.919,1647.58 188.639,1647.06C188.359,1646.54 188.233,1645.8 188.259,1644.86L190.719,1644.86C190.733,1645.27 190.813,1645.59 190.959,1645.81C191.106,1646.03 191.356,1646.18 191.709,1646.28C192.063,1646.37 192.566,1646.41 193.219,1646.41C194.006,1646.41 194.546,1646.34 194.839,1646.18C195.133,1646.03 195.279,1645.75 195.279,1645.34C195.279,1645.07 195.196,1644.85 195.029,1644.66C194.863,1644.49 194.579,1644.33 194.179,1644.19C193.779,1644.06 193.213,1643.93 192.479,1643.8C191.413,1643.6 190.589,1643.37 190.009,1643.12C189.429,1642.88 189.016,1642.57 188.769,1642.18C188.523,1641.81 188.399,1641.3 188.399,1640.67C188.399,1639.86 188.536,1639.24 188.809,1638.81C189.083,1638.37 189.549,1638.06 190.209,1637.88C190.869,1637.69 191.799,1637.6 192.999,1637.6C194.173,1637.6 195.079,1637.69 195.719,1637.88C196.359,1638.08 196.813,1638.4 197.079,1638.87C197.346,1639.33 197.486,1639.98 197.499,1640.84L195.099,1640.84C195.073,1640.38 194.909,1640.07 194.609,1639.9C194.309,1639.74 193.766,1639.65 192.979,1639.65C192.153,1639.65 191.586,1639.73 191.279,1639.88C190.973,1640.02 190.819,1640.3 190.819,1640.69C190.819,1640.91 191.029,1641.1 191.449,1641.27C191.869,1641.43 192.686,1641.65 193.899,1641.93C194.899,1642.16 195.673,1642.41 196.219,1642.68C196.766,1642.96 197.156,1643.3 197.389,1643.72C197.623,1644.13 197.739,1644.66 197.739,1645.32C197.739,1646.14 197.599,1646.78 197.319,1647.24C197.039,1647.69 196.563,1648.01 195.889,1648.19C195.216,1648.38 194.266,1648.48 193.039,1648.48Z" style="fill-rule:nonzero;"/>
+    <path d="M203.839,1648.48C202.919,1648.48 202.209,1648.36 201.709,1648.12C201.209,1647.88 200.853,1647.47 200.639,1646.89C200.426,1646.32 200.319,1645.51 200.319,1644.45L200.319,1637.86L202.759,1637.86L202.759,1644.5C202.759,1645.23 202.883,1645.73 203.129,1646C203.376,1646.26 203.846,1646.39 204.539,1646.39C205.246,1646.39 205.786,1646.3 206.159,1646.12C206.533,1645.93 206.799,1645.61 206.959,1645.16C207.119,1644.72 207.199,1644.08 207.199,1643.26L207.199,1637.86L209.639,1637.86L209.639,1648.3L207.199,1648.3L207.199,1646.84L207.039,1646.84C206.693,1647.46 206.296,1647.89 205.849,1648.12C205.403,1648.36 204.733,1648.48 203.839,1648.48Z" style="fill-rule:nonzero;"/>
+    <path d="M217.179,1648.48C215.873,1648.48 214.866,1648.31 214.159,1647.99C213.453,1647.66 212.949,1647.1 212.649,1646.32C212.349,1645.53 212.199,1644.41 212.199,1642.98C212.199,1641.56 212.343,1640.47 212.629,1639.7C212.916,1638.94 213.403,1638.39 214.089,1638.08C214.776,1637.76 215.753,1637.6 217.019,1637.6C218.233,1637.6 219.179,1637.77 219.859,1638.11C220.539,1638.44 221.029,1639.01 221.329,1639.81C221.629,1640.6 221.779,1641.72 221.779,1643.15L221.759,1643.93L214.659,1643.93C214.713,1644.59 214.819,1645.09 214.979,1645.44C215.139,1645.8 215.389,1646.05 215.729,1646.19C216.069,1646.34 216.546,1646.41 217.159,1646.41C217.759,1646.41 218.196,1646.32 218.469,1646.13C218.743,1645.95 218.959,1645.6 219.119,1645.1L221.599,1645.1C221.466,1645.98 221.246,1646.65 220.939,1647.13C220.633,1647.62 220.186,1647.96 219.599,1648.16C219.013,1648.37 218.206,1648.48 217.179,1648.48ZM219.379,1642.04C219.379,1641.13 219.203,1640.51 218.849,1640.16C218.496,1639.83 217.886,1639.65 217.019,1639.65C216.179,1639.65 215.579,1639.83 215.219,1640.17C214.859,1640.52 214.679,1641.14 214.679,1642.04L219.379,1642.04Z" style="fill-rule:nonzero;"/>
+    <rect x="223.819" y="1649.76" width="10.36" height="2.24" style="fill-rule:nonzero;"/>
+    <path d="M241.359,1648.48C240.039,1648.48 239.019,1648.32 238.299,1648C237.579,1647.67 237.069,1647.13 236.769,1646.37C236.469,1645.6 236.319,1644.51 236.319,1643.1C236.319,1641.65 236.469,1640.54 236.769,1639.76C237.069,1638.97 237.576,1638.41 238.289,1638.09C239.003,1637.76 240.013,1637.6 241.319,1637.6C242.466,1637.6 243.353,1637.71 243.979,1637.93C244.606,1638.16 245.056,1638.55 245.329,1639.09C245.603,1639.62 245.753,1640.39 245.779,1641.38L243.359,1641.38C243.266,1640.72 243.083,1640.28 242.809,1640.05C242.536,1639.81 242.079,1639.69 241.439,1639.69C240.733,1639.69 240.189,1639.8 239.809,1640.01C239.429,1640.21 239.159,1640.56 238.999,1641.05C238.839,1641.53 238.759,1642.22 238.759,1643.12C238.759,1643.97 238.839,1644.63 238.999,1645.1C239.159,1645.56 239.433,1645.89 239.819,1646.09C240.206,1646.28 240.753,1646.38 241.459,1646.38C242.073,1646.38 242.516,1646.27 242.789,1646.07C243.063,1645.86 243.259,1645.48 243.379,1644.91L245.779,1644.91C245.753,1645.85 245.603,1646.57 245.329,1647.08C245.056,1647.58 244.609,1647.94 243.989,1648.15C243.369,1648.37 242.493,1648.48 241.359,1648.48Z" style="fill-rule:nonzero;"/>
+    <path d="M252.999,1648.48C251.706,1648.48 250.706,1648.31 249.999,1647.99C249.293,1647.66 248.789,1647.11 248.489,1646.35C248.189,1645.58 248.039,1644.48 248.039,1643.06C248.039,1641.62 248.189,1640.51 248.489,1639.74C248.789,1638.96 249.289,1638.41 249.989,1638.09C250.689,1637.76 251.693,1637.6 252.999,1637.6C254.306,1637.6 255.309,1637.76 256.009,1638.09C256.709,1638.41 257.209,1638.96 257.509,1639.74C257.809,1640.51 257.959,1641.62 257.959,1643.06C257.959,1644.48 257.809,1645.58 257.509,1646.35C257.209,1647.11 256.706,1647.66 255.999,1647.99C255.293,1648.31 254.293,1648.48 252.999,1648.48ZM250.479,1643.06C250.479,1643.93 250.556,1644.61 250.709,1645.09C250.863,1645.56 251.116,1645.89 251.469,1646.1C251.823,1646.3 252.333,1646.39 252.999,1646.39C253.666,1646.39 254.176,1646.3 254.529,1646.1C254.883,1645.89 255.136,1645.56 255.289,1645.09C255.443,1644.61 255.519,1643.93 255.519,1643.06C255.519,1642.16 255.443,1641.48 255.289,1641C255.136,1640.52 254.883,1640.17 254.529,1639.97C254.176,1639.76 253.666,1639.65 252.999,1639.65C252.333,1639.65 251.823,1639.76 251.469,1639.97C251.116,1640.17 250.863,1640.52 250.709,1641C250.556,1641.48 250.479,1642.16 250.479,1643.06Z" style="fill-rule:nonzero;"/>
+    <path d="M259.499,1637.86L261.659,1637.86L261.659,1639.13L261.819,1639.13C262.099,1638.55 262.373,1638.14 262.639,1637.92C262.906,1637.7 263.266,1637.6 263.719,1637.6C264.413,1637.6 264.913,1637.7 265.219,1637.92C265.526,1638.14 265.766,1638.55 265.939,1639.13L265.959,1639.13C266.146,1638.55 266.386,1638.14 266.679,1637.92C266.973,1637.7 267.419,1637.6 268.019,1637.6C268.673,1637.6 269.173,1637.72 269.519,1637.95C269.866,1638.19 270.113,1638.61 270.259,1639.18C270.406,1639.77 270.479,1640.59 270.479,1641.65L270.479,1648.3L268.259,1648.3L268.259,1642.02C268.259,1641.15 268.186,1640.56 268.039,1640.24C267.893,1639.91 267.626,1639.76 267.239,1639.76C266.946,1639.76 266.716,1639.83 266.549,1639.99C266.383,1640.14 266.266,1640.39 266.199,1640.76C266.133,1641.12 266.099,1641.63 266.099,1642.3L266.099,1648.3L263.899,1648.3L263.939,1642.02C263.953,1641.15 263.876,1640.56 263.709,1640.24C263.543,1639.91 263.233,1639.76 262.779,1639.76C262.499,1639.76 262.283,1639.84 262.129,1640C261.976,1640.15 261.869,1640.42 261.809,1640.8C261.749,1641.17 261.719,1641.7 261.719,1642.39L261.719,1648.3L259.499,1648.3L259.499,1637.86Z" style="fill-rule:nonzero;"/>
+    <path d="M271.499,1637.86L273.659,1637.86L273.659,1639.13L273.819,1639.13C274.099,1638.55 274.373,1638.14 274.639,1637.92C274.906,1637.7 275.266,1637.6 275.719,1637.6C276.413,1637.6 276.913,1637.7 277.219,1637.92C277.526,1638.14 277.766,1638.55 277.939,1639.13L277.959,1639.13C278.146,1638.55 278.386,1638.14 278.679,1637.92C278.973,1637.7 279.419,1637.6 280.019,1637.6C280.673,1637.6 281.173,1637.72 281.519,1637.95C281.866,1638.19 282.113,1638.61 282.259,1639.18C282.406,1639.77 282.479,1640.59 282.479,1641.65L282.479,1648.3L280.259,1648.3L280.259,1642.02C280.259,1641.15 280.186,1640.56 280.039,1640.24C279.893,1639.91 279.626,1639.76 279.239,1639.76C278.946,1639.76 278.716,1639.83 278.549,1639.99C278.383,1640.14 278.266,1640.39 278.199,1640.76C278.133,1641.12 278.099,1641.63 278.099,1642.3L278.099,1648.3L275.899,1648.3L275.939,1642.02C275.953,1641.15 275.876,1640.56 275.709,1640.24C275.543,1639.91 275.233,1639.76 274.779,1639.76C274.499,1639.76 274.283,1639.84 274.129,1640C273.976,1640.15 273.869,1640.42 273.809,1640.8C273.749,1641.17 273.719,1641.7 273.719,1642.39L273.719,1648.3L271.499,1648.3L271.499,1637.86Z" style="fill-rule:nonzero;"/>
+    <path d="M289.179,1648.48C287.873,1648.48 286.866,1648.31 286.159,1647.99C285.453,1647.66 284.949,1647.1 284.649,1646.32C284.349,1645.53 284.199,1644.41 284.199,1642.98C284.199,1641.56 284.343,1640.47 284.629,1639.7C284.916,1638.94 285.403,1638.39 286.089,1638.08C286.776,1637.76 287.753,1637.6 289.019,1637.6C290.233,1637.6 291.179,1637.77 291.859,1638.11C292.539,1638.44 293.029,1639.01 293.329,1639.81C293.629,1640.6 293.779,1641.72 293.779,1643.15L293.759,1643.93L286.659,1643.93C286.713,1644.59 286.819,1645.09 286.979,1645.44C287.139,1645.8 287.389,1646.05 287.729,1646.19C288.069,1646.34 288.546,1646.41 289.159,1646.41C289.759,1646.41 290.196,1646.32 290.469,1646.13C290.743,1645.95 290.959,1645.6 291.119,1645.1L293.599,1645.1C293.466,1645.98 293.246,1646.65 292.939,1647.13C292.633,1647.62 292.186,1647.96 291.599,1648.16C291.013,1648.37 290.206,1648.48 289.179,1648.48ZM291.379,1642.04C291.379,1641.13 291.203,1640.51 290.849,1640.16C290.496,1639.83 289.886,1639.65 289.019,1639.65C288.179,1639.65 287.579,1639.83 287.219,1640.17C286.859,1640.52 286.679,1641.14 286.679,1642.04L291.379,1642.04Z" style="fill-rule:nonzero;"/>
+    <path d="M296.359,1637.86L298.799,1637.86L298.799,1639.3L298.959,1639.3C299.333,1638.64 299.719,1638.19 300.119,1637.95C300.519,1637.72 301.086,1637.6 301.819,1637.6C302.833,1637.6 303.613,1637.72 304.159,1637.97C304.706,1638.21 305.096,1638.62 305.329,1639.2C305.563,1639.79 305.679,1640.62 305.679,1641.69L305.679,1648.3L303.239,1648.3L303.239,1641.65C303.239,1640.92 303.103,1640.42 302.829,1640.15C302.556,1639.89 302.046,1639.76 301.299,1639.76C300.646,1639.76 300.143,1639.85 299.789,1640.04C299.436,1640.22 299.183,1640.54 299.029,1640.99C298.876,1641.43 298.799,1642.06 298.799,1642.88L298.799,1648.3L296.359,1648.3L296.359,1637.86Z" style="fill-rule:nonzero;"/>
+    <path d="M314.299,1648.52C313.339,1648.52 312.613,1648.39 312.119,1648.13C311.626,1647.88 311.293,1647.51 311.119,1647.01C310.946,1646.51 310.859,1645.82 310.859,1644.95L310.859,1639.91L308.279,1639.91L308.759,1637.86L310.939,1637.86L310.939,1635.74L313.259,1634.76L313.259,1637.86L317.159,1637.86L317.159,1639.91L313.259,1639.91L313.259,1644.88C313.259,1645.3 313.296,1645.62 313.369,1645.82C313.443,1646.02 313.603,1646.16 313.849,1646.26C314.096,1646.35 314.473,1646.39 314.979,1646.39C315.553,1646.39 316.386,1646.32 317.479,1646.15L317.479,1648.26C316.093,1648.43 315.033,1648.52 314.299,1648.52Z" style="fill-rule:nonzero;"/>
+    <path d="M428.885,2109.39L337.5,2109.39" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+    <g>
+        <circle cx="241.139" cy="2109.39" r="96.36" style="fill:#ffecff;stroke:#d087ec;stroke-width:1px;"/>
+    </g>
+    <path d="M182.299,2104.08L184.719,2104.08L184.719,2105.1L184.879,2105.1C185.306,2104.62 185.706,2104.3 186.079,2104.12C186.453,2103.95 186.939,2103.86 187.539,2103.86C188.726,2103.86 189.639,2104.03 190.279,2104.35C190.919,2104.68 191.376,2105.23 191.649,2106C191.923,2106.78 192.059,2107.88 192.059,2109.3C192.059,2110.72 191.926,2111.81 191.659,2112.57C191.393,2113.34 190.943,2113.89 190.309,2114.21C189.676,2114.54 188.773,2114.7 187.599,2114.7C186.893,2114.7 186.346,2114.62 185.959,2114.44C185.573,2114.27 185.213,2113.94 184.879,2113.46L184.719,2113.46L184.719,2118.82L182.299,2118.82L182.299,2104.08ZM184.679,2109.3C184.679,2110.17 184.749,2110.84 184.889,2111.31C185.029,2111.79 185.266,2112.12 185.599,2112.32C185.933,2112.52 186.406,2112.62 187.019,2112.62C187.699,2112.62 188.223,2112.52 188.589,2112.32C188.956,2112.12 189.216,2111.79 189.369,2111.31C189.523,2110.84 189.599,2110.17 189.599,2109.3C189.599,2108.42 189.523,2107.74 189.369,2107.26C189.216,2106.78 188.956,2106.44 188.589,2106.24C188.223,2106.04 187.699,2105.94 187.019,2105.94C186.406,2105.94 185.933,2106.04 185.599,2106.24C185.266,2106.44 185.029,2106.78 184.889,2107.26C184.749,2107.74 184.679,2108.42 184.679,2109.3Z" style="fill-rule:nonzero;"/>
+    <path d="M198.139,2114.7C197.219,2114.7 196.509,2114.58 196.009,2114.34C195.509,2114.1 195.153,2113.7 194.939,2113.12C194.726,2112.55 194.619,2111.74 194.619,2110.68L194.619,2104.08L197.059,2104.08L197.059,2110.72C197.059,2111.46 197.183,2111.96 197.429,2112.22C197.676,2112.49 198.146,2112.62 198.839,2112.62C199.546,2112.62 200.086,2112.53 200.459,2112.34C200.833,2112.16 201.099,2111.84 201.259,2111.39C201.419,2110.95 201.499,2110.31 201.499,2109.48L201.499,2104.08L203.939,2104.08L203.939,2114.52L201.499,2114.52L201.499,2113.06L201.339,2113.06C200.993,2113.69 200.596,2114.12 200.149,2114.35C199.703,2114.59 199.033,2114.7 198.139,2114.7Z" style="fill-rule:nonzero;"/>
+    <path d="M211.339,2114.7C210.059,2114.7 209.076,2114.6 208.389,2114.38C207.703,2114.17 207.219,2113.8 206.939,2113.28C206.659,2112.76 206.533,2112.03 206.559,2111.08L209.019,2111.08C209.033,2111.5 209.113,2111.81 209.259,2112.03C209.406,2112.25 209.656,2112.41 210.009,2112.5C210.363,2112.6 210.866,2112.64 211.519,2112.64C212.306,2112.64 212.846,2112.57 213.139,2112.41C213.433,2112.26 213.579,2111.98 213.579,2111.56C213.579,2111.3 213.496,2111.07 213.329,2110.89C213.163,2110.71 212.879,2110.56 212.479,2110.42C212.079,2110.29 211.513,2110.16 210.779,2110.02C209.713,2109.82 208.889,2109.6 208.309,2109.35C207.729,2109.11 207.316,2108.79 207.069,2108.41C206.823,2108.03 206.699,2107.53 206.699,2106.9C206.699,2106.09 206.836,2105.47 207.109,2105.03C207.383,2104.6 207.849,2104.29 208.509,2104.1C209.169,2103.92 210.099,2103.82 211.299,2103.82C212.473,2103.82 213.379,2103.92 214.019,2104.11C214.659,2104.31 215.113,2104.63 215.379,2105.09C215.646,2105.55 215.786,2106.21 215.799,2107.06L213.399,2107.06C213.373,2106.61 213.209,2106.3 212.909,2106.13C212.609,2105.97 212.066,2105.88 211.279,2105.88C210.453,2105.88 209.886,2105.96 209.579,2106.1C209.273,2106.25 209.119,2106.52 209.119,2106.92C209.119,2107.14 209.329,2107.33 209.749,2107.49C210.169,2107.66 210.986,2107.88 212.199,2108.16C213.199,2108.39 213.973,2108.64 214.519,2108.91C215.066,2109.19 215.456,2109.53 215.689,2109.94C215.923,2110.36 216.039,2110.89 216.039,2111.54C216.039,2112.37 215.899,2113.01 215.619,2113.46C215.339,2113.92 214.863,2114.24 214.189,2114.42C213.516,2114.61 212.566,2114.7 211.339,2114.7Z" style="fill-rule:nonzero;"/>
+    <path d="M218.659,2099.96L221.099,2099.96L221.099,2105.48L221.259,2105.48C221.593,2104.86 221.966,2104.42 222.379,2104.18C222.793,2103.94 223.366,2103.82 224.099,2103.82C225.126,2103.82 225.913,2103.94 226.459,2104.18C227.006,2104.42 227.396,2104.83 227.629,2105.41C227.863,2105.99 227.979,2106.82 227.979,2107.88L227.979,2114.52L225.539,2114.52L225.539,2107.84C225.539,2107.1 225.403,2106.59 225.129,2106.31C224.856,2106.04 224.339,2105.9 223.579,2105.9C222.926,2105.9 222.423,2106 222.069,2106.18C221.716,2106.37 221.466,2106.69 221.319,2107.14C221.173,2107.6 221.099,2108.24 221.099,2109.08L221.099,2114.52L218.659,2114.52L218.659,2099.96Z" style="fill-rule:nonzero;"/>
+    <path d="M233.379,2110.46L237.179,2110.46L237.179,2114.12L233.379,2114.12L233.379,2110.46ZM233.379,2102.6L237.179,2102.6L237.179,2106.26L233.379,2106.26L233.379,2102.6Z" style="fill-rule:nonzero;"/>
+    <path d="M253.799,2104.08L255.959,2104.08L255.959,2105.36L256.119,2105.36C256.399,2104.78 256.673,2104.37 256.939,2104.15C257.206,2103.93 257.566,2103.82 258.019,2103.82C258.713,2103.82 259.213,2103.93 259.519,2104.15C259.826,2104.37 260.066,2104.78 260.239,2105.36L260.259,2105.36C260.446,2104.78 260.686,2104.37 260.979,2104.15C261.273,2103.93 261.719,2103.82 262.319,2103.82C262.973,2103.82 263.473,2103.94 263.819,2104.18C264.166,2104.42 264.413,2104.83 264.559,2105.41C264.706,2105.99 264.779,2106.82 264.779,2107.88L264.779,2114.52L262.559,2114.52L262.559,2108.24C262.559,2107.38 262.486,2106.78 262.339,2106.46C262.193,2106.14 261.926,2105.98 261.539,2105.98C261.246,2105.98 261.016,2106.06 260.849,2106.21C260.683,2106.37 260.566,2106.62 260.499,2106.98C260.433,2107.34 260.399,2107.86 260.399,2108.52L260.399,2114.52L258.199,2114.52L258.239,2108.24C258.253,2107.38 258.176,2106.78 258.009,2106.46C257.843,2106.14 257.533,2105.98 257.079,2105.98C256.799,2105.98 256.583,2106.06 256.429,2106.22C256.276,2106.38 256.169,2106.65 256.109,2107.02C256.049,2107.4 256.019,2107.93 256.019,2108.62L256.019,2114.52L253.799,2114.52L253.799,2104.08Z" style="fill-rule:nonzero;"/>
+    <path d="M270.359,2114.7C269.386,2114.7 268.636,2114.61 268.109,2114.41C267.583,2114.22 267.209,2113.89 266.989,2113.43C266.769,2112.97 266.659,2112.32 266.659,2111.48C266.659,2110.5 266.813,2109.73 267.119,2109.19C267.426,2108.65 267.946,2108.27 268.679,2108.04C269.413,2107.82 270.453,2107.7 271.799,2107.7L273.379,2107.7L273.379,2107.58C273.379,2106.92 273.233,2106.46 272.939,2106.22C272.646,2105.98 272.093,2105.86 271.279,2105.86C270.546,2105.86 270.049,2105.96 269.789,2106.15C269.529,2106.35 269.413,2106.72 269.439,2107.26L266.999,2107.26C266.959,2106.36 267.063,2105.66 267.309,2105.17C267.556,2104.69 267.989,2104.34 268.609,2104.13C269.229,2103.93 270.119,2103.82 271.279,2103.82C272.439,2103.82 273.336,2103.94 273.969,2104.16C274.603,2104.39 275.053,2104.77 275.319,2105.3C275.586,2105.84 275.719,2106.6 275.719,2107.58L275.719,2114.52L273.439,2114.52L273.439,2113.28L273.279,2113.28C272.906,2113.83 272.513,2114.2 272.099,2114.4C271.686,2114.6 271.106,2114.7 270.359,2114.7ZM269.099,2111.3C269.099,2111.81 269.216,2112.16 269.449,2112.34C269.683,2112.53 270.126,2112.62 270.779,2112.62C271.446,2112.62 271.959,2112.54 272.319,2112.36C272.679,2112.19 272.936,2111.9 273.089,2111.48C273.243,2111.07 273.333,2110.48 273.359,2109.7L271.379,2109.72C270.779,2109.74 270.316,2109.79 269.989,2109.88C269.663,2109.98 269.433,2110.13 269.299,2110.35C269.166,2110.57 269.099,2110.89 269.099,2111.3Z" style="fill-rule:nonzero;"/>
+    <path d="M281.999,2099.96L285.059,2099.96L285.059,2102.78L281.999,2102.78L281.999,2099.96ZM279.099,2112.46L282.579,2112.46L282.579,2106.14L279.299,2106.14L279.299,2104.08L284.979,2104.08L284.979,2112.46L288.319,2112.46L288.319,2114.52L279.099,2114.52L279.099,2112.46Z" style="fill-rule:nonzero;"/>
+    <path d="M290.659,2104.08L293.099,2104.08L293.099,2105.52L293.259,2105.52C293.633,2104.87 294.019,2104.42 294.419,2104.18C294.819,2103.94 295.386,2103.82 296.119,2103.82C297.133,2103.82 297.913,2103.95 298.459,2104.19C299.006,2104.44 299.396,2104.85 299.629,2105.43C299.863,2106.01 299.979,2106.84 299.979,2107.92L299.979,2114.52L297.539,2114.52L297.539,2107.88C297.539,2107.15 297.403,2106.65 297.129,2106.38C296.856,2106.12 296.346,2105.98 295.599,2105.98C294.946,2105.98 294.443,2106.08 294.089,2106.26C293.736,2106.45 293.483,2106.77 293.329,2107.21C293.176,2107.66 293.099,2108.29 293.099,2109.1L293.099,2114.52L290.659,2114.52L290.659,2104.08Z" style="fill-rule:nonzero;"/>
+    <path d="M719.076,1199.26L868.968,1199.26" style="fill:none;stroke:#1f883d;stroke-width:1px;stroke-linecap:butt;"/>
+    <path d="M719.076,140.182L868.968,140.182" style="fill:none;stroke:#1f883d;stroke-width:1px;stroke-linecap:butt;"/>
+    <g>
+        <path d="M1527.09,354.188C1527.09,353.256 1526.33,352.5 1525.4,352.5L1328.77,352.5C1327.84,352.5 1327.09,353.256 1327.09,354.188L1327.09,475.812C1327.09,476.744 1327.84,477.5 1328.77,477.5L1525.4,477.5C1526.33,477.5 1527.09,476.744 1527.09,475.812L1527.09,354.188Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+        <path d="M1397.12,369.984C1396.35,369.984 1395.77,369.894 1395.38,369.714C1394.98,369.533 1394.71,369.265 1394.58,368.909C1394.44,368.552 1394.37,368.066 1394.37,367.448L1394.37,363.858L1392.3,363.858L1392.69,362.39L1394.43,362.39L1394.43,360.88L1396.29,360.181L1396.29,362.39L1399.41,362.39L1399.41,363.858L1396.29,363.858L1396.29,367.391C1396.29,367.695 1396.32,367.918 1396.38,368.061C1396.43,368.203 1396.56,368.308 1396.76,368.374C1396.96,368.441 1397.26,368.474 1397.66,368.474C1398.12,368.474 1398.79,368.417 1399.66,368.303L1399.66,369.799C1398.55,369.923 1397.7,369.984 1397.12,369.984Z" style="fill-rule:nonzero;"/>
+        <path d="M1405.82,369.956C1404.78,369.956 1403.97,369.84 1403.41,369.607C1402.84,369.374 1402.44,368.978 1402.2,368.417C1401.96,367.857 1401.84,367.063 1401.84,366.038C1401.84,365.031 1401.95,364.254 1402.18,363.708C1402.41,363.162 1402.8,362.775 1403.35,362.547C1403.9,362.319 1404.68,362.205 1405.69,362.205C1406.66,362.205 1407.42,362.326 1407.97,362.568C1408.51,362.81 1408.9,363.214 1409.14,363.779C1409.38,364.344 1409.5,365.14 1409.5,366.166L1409.49,366.722L1403.81,366.722C1403.85,367.187 1403.93,367.546 1404.06,367.797C1404.19,368.049 1404.39,368.227 1404.66,368.332C1404.93,368.436 1405.32,368.488 1405.81,368.488C1406.29,368.488 1406.64,368.422 1406.86,368.289C1407.07,368.156 1407.25,367.909 1407.38,367.548L1409.36,367.548C1409.25,368.175 1409.08,368.659 1408.83,369.001C1408.59,369.343 1408.23,369.588 1407.76,369.735C1407.29,369.882 1406.64,369.956 1405.82,369.956ZM1407.58,365.368C1407.58,364.722 1407.44,364.278 1407.16,364.036C1406.88,363.793 1406.39,363.672 1405.69,363.672C1405.02,363.672 1404.54,363.796 1404.26,364.043C1403.97,364.29 1403.82,364.731 1403.82,365.368L1407.58,365.368Z" style="fill-rule:nonzero;"/>
+        <path d="M1415.31,369.956C1414.29,369.956 1413.5,369.88 1412.95,369.728C1412.4,369.576 1412.02,369.315 1411.79,368.944C1411.57,368.574 1411.46,368.051 1411.49,367.377L1413.45,367.377C1413.46,367.671 1413.53,367.897 1413.65,368.054C1413.76,368.211 1413.96,368.322 1414.25,368.389C1414.53,368.455 1414.93,368.488 1415.45,368.488C1416.08,368.488 1416.52,368.434 1416.75,368.324C1416.99,368.215 1417.1,368.013 1417.1,367.719C1417.1,367.529 1417.04,367.37 1416.9,367.242C1416.77,367.113 1416.54,367.002 1416.22,366.907C1415.9,366.812 1415.45,366.717 1414.86,366.622C1414.01,366.479 1413.35,366.32 1412.89,366.144C1412.42,365.969 1412.09,365.745 1411.89,365.475C1411.7,365.204 1411.6,364.845 1411.6,364.399C1411.6,363.82 1411.71,363.375 1411.93,363.067C1412.14,362.758 1412.52,362.537 1413.05,362.404C1413.58,362.271 1414.32,362.205 1415.28,362.205C1416.22,362.205 1416.94,362.274 1417.45,362.411C1417.97,362.549 1418.33,362.782 1418.54,363.109C1418.76,363.437 1418.87,363.905 1418.88,364.513L1416.96,364.513C1416.94,364.19 1416.81,363.969 1416.57,363.85C1416.33,363.732 1415.89,363.672 1415.26,363.672C1414.6,363.672 1414.15,363.725 1413.9,363.829C1413.66,363.934 1413.54,364.128 1413.54,364.413C1413.54,364.565 1413.7,364.701 1414.04,364.819C1414.38,364.938 1415.03,365.097 1416,365.297C1416.8,365.458 1417.42,365.636 1417.86,365.831C1418.29,366.026 1418.6,366.27 1418.79,366.565C1418.98,366.859 1419.07,367.239 1419.07,367.705C1419.07,368.294 1418.96,368.75 1418.74,369.073C1418.51,369.396 1418.13,369.624 1417.59,369.756C1417.05,369.889 1416.29,369.956 1415.31,369.956Z" style="fill-rule:nonzero;"/>
+        <path d="M1425.92,369.984C1425.15,369.984 1424.57,369.894 1424.17,369.714C1423.78,369.533 1423.51,369.265 1423.38,368.909C1423.24,368.552 1423.17,368.066 1423.17,367.448L1423.17,363.858L1421.1,363.858L1421.49,362.39L1423.23,362.39L1423.23,360.88L1425.09,360.181L1425.09,362.39L1428.21,362.39L1428.21,363.858L1425.09,363.858L1425.09,367.391C1425.09,367.695 1425.12,367.918 1425.17,368.061C1425.23,368.203 1425.36,368.308 1425.56,368.374C1425.76,368.441 1426.06,368.474 1426.46,368.474C1426.92,368.474 1427.59,368.417 1428.46,368.303L1428.46,369.799C1427.35,369.923 1426.51,369.984 1425.92,369.984Z" style="fill-rule:nonzero;"/>
+        <rect x="1431.44" y="364.798" width="6.08" height="1.567" style="fill-rule:nonzero;"/>
+        <path d="M1443.47,359.455L1445.92,359.455L1445.92,361.464L1443.47,361.464L1443.47,359.455ZM1440.91,371.766C1441.78,371.652 1442.42,371.54 1442.85,371.431C1443.27,371.321 1443.57,371.181 1443.73,371.01C1443.89,370.839 1443.97,370.602 1443.97,370.298L1443.97,363.872L1441.47,363.872L1441.47,362.39L1445.89,362.39L1445.89,370.369C1445.89,371.101 1445.76,371.652 1445.5,372.022C1445.23,372.392 1444.76,372.668 1444.07,372.848C1443.38,373.029 1442.33,373.162 1440.91,373.247L1440.91,371.766Z" style="fill-rule:nonzero;"/>
+        <path d="M1453.71,369.956C1452.69,369.956 1451.9,369.88 1451.35,369.728C1450.8,369.576 1450.41,369.315 1450.19,368.944C1449.97,368.574 1449.87,368.051 1449.89,367.377L1451.86,367.377C1451.87,367.671 1451.93,367.897 1452.05,368.054C1452.16,368.211 1452.36,368.322 1452.65,368.389C1452.93,368.455 1453.33,368.488 1453.86,368.488C1454.48,368.488 1454.92,368.434 1455.15,368.324C1455.38,368.215 1455.5,368.013 1455.5,367.719C1455.5,367.529 1455.44,367.37 1455.3,367.242C1455.17,367.113 1454.94,367.002 1454.62,366.907C1454.3,366.812 1453.85,366.717 1453.26,366.622C1452.41,366.479 1451.75,366.32 1451.29,366.144C1450.82,365.969 1450.49,365.745 1450.3,365.475C1450.1,365.204 1450,364.845 1450,364.399C1450,363.82 1450.11,363.375 1450.33,363.067C1450.55,362.758 1450.92,362.537 1451.45,362.404C1451.98,362.271 1452.72,362.205 1453.68,362.205C1454.62,362.205 1455.34,362.274 1455.86,362.411C1456.37,362.549 1456.73,362.782 1456.94,363.109C1457.16,363.437 1457.27,363.905 1457.28,364.513L1455.36,364.513C1455.34,364.19 1455.21,363.969 1454.97,363.85C1454.73,363.732 1454.29,363.672 1453.66,363.672C1453,363.672 1452.55,363.725 1452.3,363.829C1452.06,363.934 1451.93,364.128 1451.93,364.413C1451.93,364.565 1452.1,364.701 1452.44,364.819C1452.78,364.938 1453.43,365.097 1454.4,365.297C1455.2,365.458 1455.82,365.636 1456.26,365.831C1456.69,366.026 1457,366.27 1457.19,366.565C1457.38,366.859 1457.47,367.239 1457.47,367.705C1457.47,368.294 1457.36,368.75 1457.13,369.073C1456.91,369.396 1456.53,369.624 1455.99,369.756C1455.45,369.889 1454.69,369.956 1453.71,369.956Z" style="fill-rule:nonzero;"/>
+        <path d="M1327.09,378.808L1527.19,378.808" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        <g id="_-lint-format-type-check-un-" serif:id="(lint¶format↩type-check↩un)" transform="matrix(1,0,0,1,1196.87,303.915)">
+            <g transform="matrix(16,0,0,16,210.753,98.5354)">
+                <path d="M0.09,-0.074L0.268,-0.074L0.268,-0.653L0.1,-0.653L0.1,-0.728L0.349,-0.728L0.349,-0.074L0.515,-0.074L0.515,-0L0.09,-0L0.09,-0.074Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,220.353,98.5354)">
+                <path d="M0.25,-0.728L0.365,-0.728L0.365,-0.614L0.25,-0.614L0.25,-0.728ZM0.113,-0.074L0.282,-0.074L0.282,-0.449L0.123,-0.449L0.123,-0.522L0.364,-0.522L0.364,-0.074L0.526,-0.074L0.526,-0.001L0.113,-0.001L0.113,-0.074Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,229.953,98.5354)">
+                <path d="M0.091,-0.522L0.175,-0.522L0.175,-0.446L0.182,-0.446C0.197,-0.481 0.215,-0.504 0.238,-0.517C0.26,-0.529 0.294,-0.535 0.339,-0.535C0.383,-0.535 0.417,-0.529 0.441,-0.517C0.465,-0.505 0.482,-0.485 0.493,-0.457C0.503,-0.428 0.508,-0.388 0.508,-0.336L0.508,-0L0.425,-0L0.425,-0.338C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.44 0.381,-0.448C0.365,-0.455 0.342,-0.458 0.313,-0.458C0.277,-0.458 0.249,-0.452 0.23,-0.441C0.21,-0.43 0.196,-0.411 0.188,-0.385C0.179,-0.358 0.175,-0.321 0.175,-0.272L0.175,-0L0.091,-0L0.091,-0.522Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,239.553,98.5354)">
+                <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,201.153,118.535)">
+                <path d="M0.232,-0.443L0.102,-0.443L0.078,-0.522L0.232,-0.522L0.232,-0.594C0.232,-0.634 0.238,-0.665 0.251,-0.688C0.263,-0.71 0.284,-0.726 0.314,-0.736C0.344,-0.745 0.386,-0.75 0.44,-0.75C0.452,-0.75 0.473,-0.749 0.504,-0.748L0.504,-0.674C0.493,-0.675 0.477,-0.675 0.457,-0.675C0.42,-0.675 0.391,-0.672 0.37,-0.667C0.349,-0.662 0.335,-0.653 0.326,-0.641C0.317,-0.628 0.313,-0.611 0.313,-0.59L0.313,-0.522L0.494,-0.522L0.494,-0.443L0.313,-0.443L0.313,-0L0.232,-0L0.232,-0.443Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,210.753,118.535)">
+                <path d="M0.299,0.01C0.24,0.01 0.195,0.002 0.164,-0.015C0.132,-0.031 0.109,-0.058 0.096,-0.097C0.083,-0.136 0.076,-0.191 0.076,-0.262C0.076,-0.334 0.083,-0.389 0.096,-0.428C0.109,-0.467 0.132,-0.494 0.164,-0.511C0.195,-0.527 0.24,-0.535 0.299,-0.535C0.358,-0.535 0.403,-0.527 0.435,-0.511C0.467,-0.494 0.49,-0.466 0.503,-0.428C0.516,-0.389 0.523,-0.333 0.523,-0.262C0.523,-0.191 0.516,-0.136 0.503,-0.097C0.49,-0.058 0.467,-0.031 0.435,-0.015C0.403,0.002 0.358,0.01 0.299,0.01ZM0.16,-0.262C0.16,-0.21 0.164,-0.17 0.173,-0.142C0.181,-0.114 0.195,-0.094 0.215,-0.083C0.234,-0.071 0.262,-0.065 0.299,-0.065C0.336,-0.065 0.364,-0.071 0.384,-0.083C0.404,-0.094 0.418,-0.114 0.427,-0.142C0.435,-0.17 0.439,-0.21 0.439,-0.262C0.439,-0.315 0.435,-0.355 0.427,-0.383C0.418,-0.411 0.404,-0.431 0.384,-0.443C0.364,-0.455 0.336,-0.461 0.299,-0.461C0.262,-0.461 0.234,-0.455 0.215,-0.443C0.195,-0.431 0.181,-0.411 0.173,-0.383C0.164,-0.355 0.16,-0.315 0.16,-0.262Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,220.353,118.535)">
+                <path d="M0.167,-0.522L0.247,-0.522L0.244,-0.399L0.252,-0.399C0.271,-0.442 0.286,-0.471 0.297,-0.488C0.308,-0.504 0.319,-0.514 0.332,-0.518C0.345,-0.522 0.366,-0.524 0.397,-0.525L0.441,-0.526C0.458,-0.526 0.476,-0.525 0.496,-0.524L0.496,-0.445C0.481,-0.446 0.461,-0.446 0.436,-0.446C0.411,-0.446 0.391,-0.445 0.376,-0.443C0.357,-0.44 0.337,-0.429 0.317,-0.412C0.297,-0.394 0.281,-0.372 0.268,-0.346C0.255,-0.319 0.248,-0.292 0.248,-0.264L0.248,-0L0.167,-0L0.167,-0.522Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,229.953,118.535)">
+                <path d="M0.046,-0.522L0.121,-0.522L0.121,-0.455L0.128,-0.455C0.139,-0.485 0.152,-0.506 0.166,-0.517C0.18,-0.528 0.2,-0.534 0.226,-0.534C0.256,-0.534 0.279,-0.528 0.295,-0.517C0.311,-0.505 0.323,-0.484 0.33,-0.455L0.335,-0.455C0.347,-0.486 0.361,-0.506 0.376,-0.518C0.391,-0.529 0.412,-0.534 0.44,-0.534C0.469,-0.534 0.492,-0.528 0.509,-0.516C0.525,-0.504 0.536,-0.484 0.543,-0.456C0.55,-0.428 0.553,-0.389 0.553,-0.338L0.553,-0L0.474,-0L0.474,-0.319C0.474,-0.355 0.472,-0.383 0.469,-0.403C0.465,-0.422 0.458,-0.436 0.449,-0.445C0.439,-0.454 0.425,-0.458 0.408,-0.458C0.39,-0.458 0.376,-0.453 0.366,-0.444C0.356,-0.435 0.349,-0.419 0.345,-0.398C0.341,-0.376 0.339,-0.345 0.339,-0.304L0.339,-0L0.261,-0L0.263,-0.318C0.264,-0.371 0.259,-0.407 0.248,-0.428C0.237,-0.448 0.218,-0.458 0.193,-0.458C0.175,-0.458 0.161,-0.453 0.152,-0.444C0.142,-0.434 0.135,-0.418 0.131,-0.395C0.126,-0.372 0.124,-0.339 0.124,-0.298L0.124,-0L0.046,-0L0.046,-0.522Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,239.553,118.535)">
+                <path d="M0.249,0.01C0.206,0.01 0.173,0.005 0.151,-0.004C0.128,-0.013 0.111,-0.029 0.102,-0.051C0.092,-0.073 0.087,-0.104 0.087,-0.145C0.087,-0.193 0.094,-0.23 0.108,-0.257C0.122,-0.283 0.146,-0.302 0.179,-0.313C0.212,-0.324 0.258,-0.329 0.319,-0.329L0.413,-0.329L0.413,-0.354C0.413,-0.382 0.41,-0.404 0.403,-0.419C0.396,-0.434 0.384,-0.445 0.367,-0.452C0.349,-0.459 0.325,-0.462 0.294,-0.462C0.253,-0.462 0.226,-0.457 0.211,-0.447C0.196,-0.436 0.188,-0.416 0.187,-0.387L0.103,-0.387C0.103,-0.426 0.109,-0.456 0.12,-0.477C0.131,-0.498 0.151,-0.513 0.178,-0.522C0.205,-0.531 0.244,-0.535 0.294,-0.535C0.346,-0.535 0.386,-0.53 0.415,-0.519C0.443,-0.508 0.463,-0.49 0.475,-0.464C0.486,-0.438 0.492,-0.401 0.492,-0.354L0.492,-0L0.416,-0L0.416,-0.067L0.409,-0.067C0.392,-0.038 0.372,-0.017 0.35,-0.007C0.327,0.005 0.294,0.01 0.249,0.01ZM0.171,-0.154C0.171,-0.119 0.178,-0.096 0.192,-0.084C0.206,-0.071 0.232,-0.065 0.27,-0.065C0.307,-0.065 0.336,-0.071 0.356,-0.083C0.376,-0.094 0.39,-0.114 0.399,-0.141C0.408,-0.168 0.412,-0.207 0.412,-0.258L0.299,-0.257C0.266,-0.256 0.24,-0.253 0.222,-0.247C0.203,-0.24 0.19,-0.23 0.183,-0.216C0.175,-0.201 0.171,-0.181 0.171,-0.154Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,249.153,118.535)">
+                <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,181.953,138.535)">
+                <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,191.553,138.535)">
+                <path d="M0.279,-0.038L0.239,-0.038L0.065,-0.522L0.15,-0.522L0.299,-0.098L0.301,-0.098L0.445,-0.522L0.53,-0.522L0.272,0.221L0.188,0.221L0.279,-0.038Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,201.153,138.535)">
+                <path d="M0.091,-0.522L0.174,-0.522L0.174,-0.468L0.181,-0.468C0.2,-0.494 0.22,-0.512 0.24,-0.521C0.259,-0.53 0.286,-0.535 0.321,-0.535C0.376,-0.535 0.418,-0.527 0.448,-0.511C0.477,-0.494 0.498,-0.467 0.511,-0.428C0.524,-0.389 0.53,-0.334 0.53,-0.262C0.53,-0.191 0.524,-0.136 0.512,-0.097C0.499,-0.058 0.478,-0.031 0.449,-0.015C0.42,0.002 0.378,0.01 0.323,0.01C0.284,0.01 0.255,0.005 0.236,-0.004C0.216,-0.013 0.198,-0.031 0.182,-0.057L0.174,-0.057L0.174,0.215L0.091,0.215L0.091,-0.522ZM0.172,-0.262C0.172,-0.21 0.176,-0.17 0.184,-0.142C0.192,-0.114 0.205,-0.094 0.224,-0.083C0.242,-0.071 0.268,-0.065 0.303,-0.065C0.34,-0.065 0.369,-0.071 0.389,-0.083C0.409,-0.094 0.423,-0.114 0.432,-0.143C0.441,-0.171 0.445,-0.211 0.445,-0.262C0.445,-0.314 0.441,-0.354 0.432,-0.382C0.423,-0.41 0.409,-0.43 0.389,-0.442C0.369,-0.454 0.34,-0.46 0.303,-0.46C0.268,-0.46 0.242,-0.454 0.224,-0.443C0.205,-0.431 0.192,-0.411 0.184,-0.383C0.176,-0.354 0.172,-0.314 0.172,-0.262Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,210.753,138.535)">
+                <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,220.353,138.535)">
+                <rect x="0.129" y="-0.338" width="0.342" height="0.08" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,229.953,138.535)">
+                <path d="M0.316,0.01C0.257,0.01 0.211,0.002 0.179,-0.015C0.146,-0.031 0.123,-0.058 0.11,-0.097C0.096,-0.135 0.089,-0.19 0.089,-0.261C0.089,-0.333 0.096,-0.389 0.11,-0.428C0.123,-0.466 0.146,-0.494 0.178,-0.511C0.21,-0.527 0.255,-0.535 0.314,-0.535C0.363,-0.535 0.402,-0.53 0.429,-0.52C0.456,-0.51 0.476,-0.493 0.489,-0.47C0.502,-0.446 0.509,-0.412 0.512,-0.369L0.429,-0.369C0.422,-0.404 0.411,-0.427 0.396,-0.44C0.381,-0.453 0.355,-0.459 0.32,-0.459C0.281,-0.459 0.252,-0.453 0.231,-0.441C0.21,-0.429 0.196,-0.409 0.187,-0.381C0.178,-0.352 0.173,-0.312 0.173,-0.259C0.173,-0.208 0.178,-0.169 0.187,-0.142C0.196,-0.115 0.211,-0.095 0.232,-0.084C0.253,-0.072 0.282,-0.066 0.321,-0.066C0.356,-0.066 0.381,-0.072 0.396,-0.083C0.411,-0.094 0.422,-0.114 0.429,-0.145L0.512,-0.145C0.509,-0.104 0.502,-0.073 0.489,-0.051C0.476,-0.029 0.456,-0.013 0.43,-0.004C0.403,0.005 0.365,0.01 0.316,0.01Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,239.553,138.535)">
+                <path d="M0.091,-0.728L0.175,-0.728L0.175,-0.445L0.182,-0.445C0.197,-0.48 0.216,-0.503 0.238,-0.516C0.259,-0.528 0.293,-0.534 0.338,-0.534C0.383,-0.534 0.417,-0.528 0.441,-0.516C0.465,-0.504 0.482,-0.484 0.493,-0.456C0.503,-0.428 0.508,-0.388 0.508,-0.335L0.508,-0L0.425,-0L0.425,-0.337C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.441 0.38,-0.448C0.364,-0.455 0.341,-0.459 0.312,-0.459C0.276,-0.459 0.248,-0.453 0.229,-0.442C0.21,-0.431 0.196,-0.412 0.188,-0.385C0.179,-0.358 0.175,-0.32 0.175,-0.271L0.175,-0L0.091,-0L0.091,-0.728Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,249.153,138.535)">
+                <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,258.753,138.535)">
+                <path d="M0.316,0.01C0.257,0.01 0.211,0.002 0.179,-0.015C0.146,-0.031 0.123,-0.058 0.11,-0.097C0.096,-0.135 0.089,-0.19 0.089,-0.261C0.089,-0.333 0.096,-0.389 0.11,-0.428C0.123,-0.466 0.146,-0.494 0.178,-0.511C0.21,-0.527 0.255,-0.535 0.314,-0.535C0.363,-0.535 0.402,-0.53 0.429,-0.52C0.456,-0.51 0.476,-0.493 0.489,-0.47C0.502,-0.446 0.509,-0.412 0.512,-0.369L0.429,-0.369C0.422,-0.404 0.411,-0.427 0.396,-0.44C0.381,-0.453 0.355,-0.459 0.32,-0.459C0.281,-0.459 0.252,-0.453 0.231,-0.441C0.21,-0.429 0.196,-0.409 0.187,-0.381C0.178,-0.352 0.173,-0.312 0.173,-0.259C0.173,-0.208 0.178,-0.169 0.187,-0.142C0.196,-0.115 0.211,-0.095 0.232,-0.084C0.253,-0.072 0.282,-0.066 0.321,-0.066C0.356,-0.066 0.381,-0.072 0.396,-0.083C0.411,-0.094 0.422,-0.114 0.429,-0.145L0.512,-0.145C0.509,-0.104 0.502,-0.073 0.489,-0.051C0.476,-0.029 0.456,-0.013 0.43,-0.004C0.403,0.005 0.365,0.01 0.316,0.01Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,268.353,138.535)">
+                <path d="M0.206,-0.279L0.206,-0L0.124,-0L0.124,-0.728L0.206,-0.728L0.206,-0.294L0.421,-0.522L0.529,-0.522L0.306,-0.289L0.562,-0L0.45,-0L0.206,-0.279Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,186.753,158.535)">
+                <path d="M0.251,0.01C0.208,0.01 0.175,0.004 0.153,-0.008C0.13,-0.019 0.113,-0.039 0.104,-0.068C0.094,-0.096 0.089,-0.136 0.089,-0.188L0.089,-0.522L0.173,-0.522L0.173,-0.186C0.173,-0.155 0.176,-0.13 0.183,-0.113C0.189,-0.096 0.199,-0.083 0.214,-0.076C0.229,-0.069 0.249,-0.065 0.276,-0.065C0.315,-0.065 0.344,-0.071 0.365,-0.082C0.386,-0.093 0.401,-0.112 0.41,-0.139C0.419,-0.166 0.423,-0.203 0.423,-0.252L0.423,-0.522L0.506,-0.522L0.506,-0L0.423,-0L0.423,-0.078L0.416,-0.078C0.401,-0.045 0.381,-0.022 0.358,-0.009C0.335,0.004 0.299,0.01 0.251,0.01Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,196.353,158.535)">
+                <path d="M0.091,-0.522L0.175,-0.522L0.175,-0.446L0.182,-0.446C0.197,-0.481 0.215,-0.504 0.238,-0.517C0.26,-0.529 0.294,-0.535 0.339,-0.535C0.383,-0.535 0.417,-0.529 0.441,-0.517C0.465,-0.505 0.482,-0.485 0.493,-0.457C0.503,-0.428 0.508,-0.388 0.508,-0.336L0.508,-0L0.425,-0L0.425,-0.338C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.44 0.381,-0.448C0.365,-0.455 0.342,-0.458 0.313,-0.458C0.277,-0.458 0.249,-0.452 0.23,-0.441C0.21,-0.43 0.196,-0.411 0.188,-0.385C0.179,-0.358 0.175,-0.321 0.175,-0.272L0.175,-0L0.091,-0L0.091,-0.522Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,205.953,158.535)">
+                <path d="M0.25,-0.728L0.365,-0.728L0.365,-0.614L0.25,-0.614L0.25,-0.728ZM0.113,-0.074L0.282,-0.074L0.282,-0.449L0.123,-0.449L0.123,-0.522L0.364,-0.522L0.364,-0.074L0.526,-0.074L0.526,-0.001L0.113,-0.001L0.113,-0.074Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,215.553,158.535)">
+                <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,225.153,158.535)">
+                <rect x="0.129" y="-0.338" width="0.342" height="0.08" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,234.753,158.535)">
+                <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,244.353,158.535)">
+                <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,253.953,158.535)">
+                <path d="M0.301,0.01C0.245,0.01 0.202,0.005 0.171,-0.004C0.14,-0.013 0.119,-0.029 0.106,-0.052C0.093,-0.075 0.087,-0.107 0.087,-0.148L0.172,-0.148C0.173,-0.125 0.178,-0.108 0.187,-0.097C0.196,-0.085 0.21,-0.077 0.229,-0.072C0.248,-0.067 0.274,-0.064 0.309,-0.064C0.34,-0.064 0.363,-0.066 0.38,-0.071C0.397,-0.076 0.409,-0.083 0.416,-0.094C0.423,-0.105 0.426,-0.12 0.426,-0.14C0.426,-0.158 0.422,-0.173 0.413,-0.185C0.404,-0.196 0.388,-0.206 0.367,-0.215C0.346,-0.223 0.315,-0.231 0.275,-0.239C0.228,-0.248 0.191,-0.259 0.166,-0.271C0.14,-0.283 0.122,-0.298 0.111,-0.317C0.099,-0.335 0.094,-0.359 0.094,-0.388C0.094,-0.427 0.1,-0.456 0.113,-0.477C0.125,-0.498 0.146,-0.513 0.175,-0.522C0.204,-0.531 0.245,-0.535 0.299,-0.535C0.35,-0.535 0.389,-0.531 0.416,-0.523C0.443,-0.515 0.463,-0.501 0.476,-0.482C0.489,-0.462 0.496,-0.434 0.498,-0.398L0.415,-0.398C0.412,-0.423 0.402,-0.439 0.385,-0.448C0.368,-0.457 0.339,-0.461 0.298,-0.461C0.266,-0.461 0.241,-0.459 0.224,-0.455C0.207,-0.45 0.194,-0.443 0.187,-0.432C0.18,-0.421 0.176,-0.406 0.176,-0.387C0.176,-0.376 0.181,-0.366 0.191,-0.357C0.2,-0.348 0.216,-0.34 0.239,-0.332C0.262,-0.323 0.294,-0.314 0.336,-0.303C0.382,-0.292 0.417,-0.279 0.442,-0.266C0.467,-0.253 0.484,-0.236 0.494,-0.217C0.504,-0.198 0.509,-0.173 0.509,-0.142C0.509,-0.102 0.503,-0.071 0.49,-0.05C0.477,-0.028 0.456,-0.013 0.427,-0.004C0.398,0.006 0.356,0.01 0.301,0.01Z" style="fill-rule:nonzero;"/>
+            </g>
+            <g transform="matrix(16,0,0,16,263.553,158.535)">
+                <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+            </g>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image10" x="424.058" y="645.035" width="225.717px" height="55.724px" transform="matrix(0.998747,0,0,0.995074,0,0)"/>
+        <path d="M643.885,647.828C643.885,647.492 643.612,647.22 643.277,647.22L429.492,647.22C429.157,647.22 428.885,647.492 428.885,647.828L428.885,691.612C428.885,691.948 429.157,692.22 429.492,692.22L643.277,692.22C643.612,692.22 643.885,691.948 643.885,691.612L643.885,647.828Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <g>
+            <path d="M636.385,655.125C636.385,654.902 636.203,654.72 635.98,654.72L436.79,654.72C436.566,654.72 436.385,654.902 436.385,655.125L436.385,684.315C436.385,684.539 436.566,684.72 436.79,684.72L635.98,684.72C636.203,684.72 636.385,684.539 636.385,684.315L636.385,655.125Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M509.54,674.923C508.79,674.923 508.221,674.823 507.836,674.622C507.45,674.421 507.189,674.122 507.054,673.726C506.918,673.329 506.85,672.787 506.85,672.1L506.85,668.103L504.833,668.103L505.208,666.469L506.913,666.469L506.913,664.788L508.727,664.011L508.727,666.469L511.777,666.469L511.777,668.103L508.727,668.103L508.727,672.037C508.727,672.375 508.756,672.623 508.813,672.782C508.87,672.941 508.995,673.057 509.188,673.131C509.381,673.205 509.676,673.242 510.072,673.242C510.52,673.242 511.172,673.179 512.027,673.052L512.027,674.717C510.943,674.855 510.114,674.923 509.54,674.923Z" style="fill-rule:nonzero;"/>
+            <path d="M515.28,666.469L517,666.469L516.922,668.166L517.094,668.166C517.48,667.511 517.756,667.077 517.923,666.866C518.09,666.654 518.267,666.522 518.455,666.469C518.642,666.416 518.986,666.39 519.487,666.39L521.019,666.422L521.019,668.325C520.832,668.314 520.55,668.309 520.175,668.309C519.601,668.309 519.096,668.336 518.658,668.388C518.449,668.42 518.225,668.558 517.985,668.801C517.746,669.044 517.547,669.337 517.391,669.681C517.235,670.025 517.156,670.355 517.156,670.673L517.156,674.749L515.28,674.749L515.28,666.469Z" style="fill-rule:nonzero;"/>
+            <path d="M526.274,663.202L528.667,663.202L528.667,665.438L526.274,665.438L526.274,663.202ZM524.006,673.115L526.728,673.115L526.728,668.103L524.163,668.103L524.163,666.469L528.604,666.469L528.604,673.115L531.216,673.115L531.216,674.749L524.006,674.749L524.006,673.115Z" style="fill-rule:nonzero;"/>
+            <path d="M536.705,678.238C535.767,678.238 535.042,678.154 534.531,677.985C534.021,677.815 533.656,677.533 533.437,677.136C533.218,676.74 533.098,676.176 533.077,675.447L535.001,675.447C535.022,675.775 535.079,676.023 535.173,676.192C535.267,676.362 535.431,676.48 535.665,676.549C535.9,676.618 536.252,676.652 536.721,676.652C537.19,676.652 537.552,676.597 537.808,676.486C538.063,676.375 538.243,676.19 538.347,675.931C538.452,675.672 538.509,675.304 538.519,674.828L538.535,673.623L538.41,673.623C538.264,673.94 538.108,674.181 537.941,674.344C537.774,674.508 537.552,674.625 537.276,674.693C537,674.762 536.622,674.797 536.142,674.797C535.287,674.797 534.62,674.67 534.141,674.416C533.661,674.162 533.314,673.736 533.101,673.139C532.887,672.542 532.78,671.698 532.78,670.609C532.78,669.478 532.887,668.605 533.101,667.992C533.314,667.379 533.679,666.942 534.195,666.683C534.711,666.424 535.439,666.295 536.377,666.295C536.971,666.295 537.412,666.377 537.698,666.541C537.985,666.704 538.233,667.008 538.441,667.453L538.566,667.453L538.566,666.469L540.396,666.469L540.396,674.987C540.396,675.843 540.287,676.502 540.068,676.962C539.849,677.422 539.476,677.749 538.95,677.945C538.423,678.141 537.675,678.238 536.705,678.238ZM534.688,670.609C534.688,671.275 534.745,671.791 534.86,672.156C534.975,672.52 535.17,672.779 535.446,672.933C535.723,673.086 536.111,673.163 536.611,673.163C537.112,673.163 537.498,673.086 537.769,672.933C538.04,672.779 538.233,672.52 538.347,672.156C538.462,671.791 538.519,671.275 538.519,670.609C538.519,669.911 538.462,669.372 538.347,668.991C538.233,668.611 538.04,668.338 537.769,668.174C537.498,668.01 537.112,667.928 536.611,667.928C536.111,667.928 535.723,668.01 535.446,668.174C535.17,668.338 534.975,668.611 534.86,668.991C534.745,669.372 534.688,669.911 534.688,670.609Z" style="fill-rule:nonzero;"/>
+            <path d="M546.089,678.238C545.15,678.238 544.426,678.154 543.915,677.985C543.404,677.815 543.039,677.533 542.82,677.136C542.601,676.74 542.481,676.176 542.46,675.447L544.384,675.447C544.405,675.775 544.462,676.023 544.556,676.192C544.65,676.362 544.814,676.48 545.049,676.549C545.283,676.618 545.635,676.652 546.104,676.652C546.574,676.652 546.936,676.597 547.191,676.486C547.447,676.375 547.627,676.19 547.731,675.931C547.835,675.672 547.892,675.304 547.903,674.828L547.919,673.623L547.793,673.623C547.647,673.94 547.491,674.181 547.324,674.344C547.157,674.508 546.936,674.625 546.66,674.693C546.383,674.762 546.005,674.797 545.526,674.797C544.671,674.797 544.004,674.67 543.524,674.416C543.044,674.162 542.698,673.736 542.484,673.139C542.27,672.542 542.163,671.698 542.163,670.609C542.163,669.478 542.27,668.605 542.484,667.992C542.698,667.379 543.063,666.942 543.579,666.683C544.095,666.424 544.822,666.295 545.76,666.295C546.355,666.295 546.795,666.377 547.082,666.541C547.369,666.704 547.616,667.008 547.825,667.453L547.95,667.453L547.95,666.469L549.78,666.469L549.78,674.987C549.78,675.843 549.67,676.502 549.451,676.962C549.232,677.422 548.859,677.749 548.333,677.945C547.806,678.141 547.058,678.238 546.089,678.238ZM544.071,670.609C544.071,671.275 544.129,671.791 544.243,672.156C544.358,672.52 544.554,672.779 544.83,672.933C545.106,673.086 545.494,673.163 545.995,673.163C546.495,673.163 546.881,673.086 547.152,672.933C547.423,672.779 547.616,672.52 547.731,672.156C547.846,671.791 547.903,671.275 547.903,670.609C547.903,669.911 547.846,669.372 547.731,668.991C547.616,668.611 547.423,668.338 547.152,668.174C546.881,668.01 546.495,667.928 545.995,667.928C545.494,667.928 545.106,668.01 544.83,668.174C544.554,668.338 544.358,668.611 544.243,668.991C544.129,669.372 544.071,669.911 544.071,670.609Z" style="fill-rule:nonzero;"/>
+            <path d="M555.582,674.892C554.56,674.892 553.773,674.762 553.22,674.503C552.668,674.244 552.274,673.803 552.039,673.179C551.805,672.555 551.688,671.672 551.688,670.53C551.688,669.409 551.8,668.544 552.024,667.936C552.248,667.328 552.628,666.897 553.165,666.644C553.702,666.39 554.466,666.263 555.457,666.263C556.405,666.263 557.146,666.398 557.677,666.667C558.209,666.937 558.592,667.387 558.827,668.016C559.061,668.645 559.179,669.53 559.179,670.673L559.163,671.291L553.611,671.291C553.653,671.809 553.736,672.208 553.861,672.489C553.986,672.769 554.182,672.967 554.448,673.083C554.714,673.2 555.086,673.258 555.566,673.258C556.035,673.258 556.377,673.184 556.59,673.036C556.804,672.888 556.974,672.613 557.099,672.211L559.038,672.211C558.934,672.909 558.762,673.448 558.522,673.829C558.282,674.21 557.933,674.482 557.474,674.646C557.015,674.81 556.384,674.892 555.582,674.892ZM557.302,669.784C557.302,669.065 557.164,668.571 556.888,668.301C556.611,668.032 556.134,667.897 555.457,667.897C554.8,667.897 554.331,668.034 554.049,668.309C553.768,668.584 553.627,669.076 553.627,669.784L557.302,669.784Z" style="fill-rule:nonzero;"/>
+            <path d="M562.197,666.469L563.917,666.469L563.839,668.166L564.011,668.166C564.397,667.511 564.673,667.077 564.84,666.866C565.007,666.654 565.184,666.522 565.372,666.469C565.559,666.416 565.903,666.39 566.404,666.39L567.937,666.422L567.937,668.325C567.749,668.314 567.467,668.309 567.092,668.309C566.519,668.309 566.013,668.336 565.575,668.388C565.367,668.42 565.142,668.558 564.903,668.801C564.663,669.044 564.465,669.337 564.308,669.681C564.152,670.025 564.074,670.355 564.074,670.673L564.074,674.749L562.197,674.749L562.197,666.469Z" style="fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image10" x="424.058" y="1589.53" width="225.717px" height="55.724px" transform="matrix(0.998747,0,0,0.995074,0,0)"/>
+        <path d="M643.885,1587.67C643.885,1587.34 643.612,1587.06 643.277,1587.06L429.492,1587.06C429.157,1587.06 428.885,1587.34 428.885,1587.67L428.885,1631.45C428.885,1631.79 429.157,1632.06 429.492,1632.06L643.277,1632.06C643.612,1632.06 643.885,1631.79 643.885,1631.45L643.885,1587.67Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <g>
+            <path d="M636.385,1594.97C636.385,1594.74 636.203,1594.56 635.98,1594.56L436.79,1594.56C436.566,1594.56 436.385,1594.74 436.385,1594.97L436.385,1624.16C436.385,1624.38 436.566,1624.56 436.79,1624.56L635.98,1624.56C636.203,1624.56 636.385,1624.38 636.385,1624.16L636.385,1594.97Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M462.428,1615.34C461.677,1615.34 461.109,1615.24 460.723,1615.04C460.337,1614.84 460.076,1614.54 459.941,1614.14C459.805,1613.74 459.738,1613.2 459.738,1612.52L459.738,1608.52L457.72,1608.52L458.096,1606.88L459.8,1606.88L459.8,1605.2L461.614,1604.43L461.614,1606.88L464.664,1606.88L464.664,1608.52L461.614,1608.52L461.614,1612.45C461.614,1612.79 461.643,1613.04 461.7,1613.2C461.758,1613.36 461.883,1613.47 462.076,1613.55C462.269,1613.62 462.563,1613.66 462.959,1613.66C463.408,1613.66 464.059,1613.59 464.914,1613.47L464.914,1615.13C463.83,1615.27 463.001,1615.34 462.428,1615.34Z" style="fill-rule:nonzero;"/>
+            <path d="M468.167,1606.88L469.887,1606.88L469.809,1608.58L469.981,1608.58C470.367,1607.93 470.643,1607.49 470.81,1607.28C470.977,1607.07 471.154,1606.94 471.342,1606.88C471.53,1606.83 471.874,1606.81 472.374,1606.81L473.907,1606.84L473.907,1608.74C473.719,1608.73 473.437,1608.72 473.062,1608.72C472.489,1608.72 471.983,1608.75 471.545,1608.8C471.337,1608.84 471.112,1608.97 470.873,1609.22C470.633,1609.46 470.435,1609.75 470.278,1610.1C470.122,1610.44 470.044,1610.77 470.044,1611.09L470.044,1615.16L468.167,1615.16L468.167,1606.88Z" style="fill-rule:nonzero;"/>
+            <path d="M479.161,1603.62L481.554,1603.62L481.554,1605.85L479.161,1605.85L479.161,1603.62ZM476.894,1613.53L479.615,1613.53L479.615,1608.52L477.05,1608.52L477.05,1606.88L481.492,1606.88L481.492,1613.53L484.103,1613.53L484.103,1615.16L476.894,1615.16L476.894,1613.53Z" style="fill-rule:nonzero;"/>
+            <path d="M489.593,1618.65C488.654,1618.65 487.93,1618.57 487.419,1618.4C486.908,1618.23 486.543,1617.95 486.324,1617.55C486.105,1617.15 485.985,1616.59 485.964,1615.86L487.888,1615.86C487.909,1616.19 487.966,1616.44 488.06,1616.61C488.154,1616.78 488.318,1616.89 488.553,1616.96C488.787,1617.03 489.139,1617.07 489.608,1617.07C490.077,1617.07 490.44,1617.01 490.695,1616.9C490.951,1616.79 491.13,1616.61 491.235,1616.35C491.339,1616.09 491.396,1615.72 491.407,1615.24L491.422,1614.04L491.297,1614.04C491.151,1614.36 490.995,1614.6 490.828,1614.76C490.661,1614.92 490.44,1615.04 490.163,1615.11C489.887,1615.18 489.509,1615.21 489.03,1615.21C488.175,1615.21 487.507,1615.09 487.028,1614.83C486.548,1614.58 486.202,1614.15 485.988,1613.55C485.774,1612.96 485.667,1612.11 485.667,1611.02C485.667,1609.89 485.774,1609.02 485.988,1608.41C486.202,1607.79 486.566,1607.36 487.083,1607.1C487.599,1606.84 488.326,1606.71 489.264,1606.71C489.858,1606.71 490.299,1606.79 490.586,1606.96C490.872,1607.12 491.12,1607.42 491.329,1607.87L491.454,1607.87L491.454,1606.88L493.283,1606.88L493.283,1615.4C493.283,1616.26 493.174,1616.92 492.955,1617.38C492.736,1617.84 492.363,1618.16 491.837,1618.36C491.31,1618.56 490.562,1618.65 489.593,1618.65ZM487.575,1611.02C487.575,1611.69 487.633,1612.21 487.747,1612.57C487.862,1612.93 488.057,1613.19 488.334,1613.35C488.61,1613.5 488.998,1613.58 489.499,1613.58C489.999,1613.58 490.385,1613.5 490.656,1613.35C490.927,1613.19 491.12,1612.93 491.235,1612.57C491.349,1612.21 491.407,1611.69 491.407,1611.02C491.407,1610.33 491.349,1609.79 491.235,1609.41C491.12,1609.03 490.927,1608.75 490.656,1608.59C490.385,1608.42 489.999,1608.34 489.499,1608.34C488.998,1608.34 488.61,1608.42 488.334,1608.59C488.057,1608.75 487.862,1609.03 487.747,1609.41C487.633,1609.79 487.575,1610.33 487.575,1611.02Z" style="fill-rule:nonzero;"/>
+            <path d="M498.976,1618.65C498.038,1618.65 497.313,1618.57 496.802,1618.4C496.291,1618.23 495.926,1617.95 495.708,1617.55C495.489,1617.15 495.369,1616.59 495.348,1615.86L497.271,1615.86C497.292,1616.19 497.35,1616.44 497.443,1616.61C497.537,1616.78 497.701,1616.89 497.936,1616.96C498.171,1617.03 498.523,1617.07 498.992,1617.07C499.461,1617.07 499.823,1617.01 500.079,1616.9C500.334,1616.79 500.514,1616.61 500.618,1616.35C500.722,1616.09 500.78,1615.72 500.79,1615.24L500.806,1614.04L500.681,1614.04C500.535,1614.36 500.378,1614.6 500.212,1614.76C500.045,1614.92 499.823,1615.04 499.547,1615.11C499.271,1615.18 498.893,1615.21 498.413,1615.21C497.558,1615.21 496.891,1615.09 496.411,1614.83C495.932,1614.58 495.585,1614.15 495.371,1613.55C495.158,1612.96 495.051,1612.11 495.051,1611.02C495.051,1609.89 495.158,1609.02 495.371,1608.41C495.585,1607.79 495.95,1607.36 496.466,1607.1C496.982,1606.84 497.709,1606.71 498.648,1606.71C499.242,1606.71 499.682,1606.79 499.969,1606.96C500.256,1607.12 500.503,1607.42 500.712,1607.87L500.837,1607.87L500.837,1606.88L502.667,1606.88L502.667,1615.4C502.667,1616.26 502.557,1616.92 502.338,1617.38C502.12,1617.84 501.747,1618.16 501.22,1618.36C500.694,1618.56 499.946,1618.65 498.976,1618.65ZM496.959,1611.02C496.959,1611.69 497.016,1612.21 497.131,1612.57C497.245,1612.93 497.441,1613.19 497.717,1613.35C497.993,1613.5 498.382,1613.58 498.882,1613.58C499.383,1613.58 499.768,1613.5 500.04,1613.35C500.311,1613.19 500.503,1612.93 500.618,1612.57C500.733,1612.21 500.79,1611.69 500.79,1611.02C500.79,1610.33 500.733,1609.79 500.618,1609.41C500.503,1609.03 500.311,1608.75 500.04,1608.59C499.768,1608.42 499.383,1608.34 498.882,1608.34C498.382,1608.34 497.993,1608.42 497.717,1608.59C497.441,1608.75 497.245,1609.03 497.131,1609.41C497.016,1609.79 496.959,1610.33 496.959,1611.02Z" style="fill-rule:nonzero;"/>
+            <path d="M508.469,1615.31C507.447,1615.31 506.66,1615.18 506.107,1614.92C505.555,1614.66 505.161,1614.22 504.927,1613.59C504.692,1612.97 504.575,1612.09 504.575,1610.94C504.575,1609.82 504.687,1608.96 504.911,1608.35C505.135,1607.74 505.516,1607.31 506.053,1607.06C506.59,1606.81 507.353,1606.68 508.344,1606.68C509.293,1606.68 510.033,1606.81 510.565,1607.08C511.096,1607.35 511.48,1607.8 511.714,1608.43C511.949,1609.06 512.066,1609.94 512.066,1611.09L512.05,1611.71L506.498,1611.71C506.54,1612.22 506.624,1612.62 506.749,1612.9C506.874,1613.18 507.069,1613.38 507.335,1613.5C507.601,1613.62 507.974,1613.67 508.453,1613.67C508.923,1613.67 509.264,1613.6 509.478,1613.45C509.691,1613.3 509.861,1613.03 509.986,1612.63L511.925,1612.63C511.821,1613.32 511.649,1613.86 511.409,1614.24C511.169,1614.62 510.82,1614.9 510.361,1615.06C509.903,1615.23 509.272,1615.31 508.469,1615.31ZM510.189,1610.2C510.189,1609.48 510.051,1608.99 509.775,1608.72C509.499,1608.45 509.022,1608.31 508.344,1608.31C507.687,1608.31 507.218,1608.45 506.936,1608.72C506.655,1609 506.514,1609.49 506.514,1610.2L510.189,1610.2Z" style="fill-rule:nonzero;"/>
+            <path d="M515.084,1606.88L516.805,1606.88L516.726,1608.58L516.898,1608.58C517.284,1607.93 517.56,1607.49 517.727,1607.28C517.894,1607.07 518.071,1606.94 518.259,1606.88C518.447,1606.83 518.791,1606.81 519.291,1606.81L520.824,1606.84L520.824,1608.74C520.636,1608.73 520.355,1608.72 519.979,1608.72C519.406,1608.72 518.9,1608.75 518.462,1608.8C518.254,1608.84 518.03,1608.97 517.79,1609.22C517.55,1609.46 517.352,1609.75 517.196,1610.1C517.039,1610.44 516.961,1610.77 516.961,1611.09L516.961,1615.16L515.084,1615.16L515.084,1606.88Z" style="fill-rule:nonzero;"/>
+            <rect x="524.124" y="1609.57" width="5.943" height="1.745" style="fill-rule:nonzero;"/>
+            <path d="M536.76,1615.31C535.728,1615.31 534.93,1615.18 534.367,1614.93C533.804,1614.67 533.405,1614.24 533.171,1613.63C532.936,1613.03 532.819,1612.16 532.819,1611.04C532.819,1609.9 532.936,1609.02 533.171,1608.39C533.405,1607.77 533.802,1607.33 534.359,1607.07C534.917,1606.81 535.707,1606.68 536.729,1606.68C537.625,1606.68 538.319,1606.77 538.809,1606.95C539.299,1607.13 539.651,1607.43 539.864,1607.86C540.078,1608.29 540.195,1608.89 540.216,1609.68L538.324,1609.68C538.251,1609.16 538.108,1608.81 537.894,1608.62C537.68,1608.44 537.323,1608.34 536.823,1608.34C536.27,1608.34 535.845,1608.42 535.548,1608.59C535.251,1608.75 535.04,1609.03 534.915,1609.41C534.79,1609.8 534.727,1610.35 534.727,1611.06C534.727,1611.73 534.79,1612.26 534.915,1612.63C535.04,1613 535.253,1613.26 535.556,1613.41C535.858,1613.57 536.286,1613.64 536.838,1613.64C537.318,1613.64 537.665,1613.56 537.878,1613.39C538.092,1613.23 538.246,1612.93 538.34,1612.48L540.216,1612.48C540.195,1613.22 540.078,1613.8 539.864,1614.2C539.651,1614.6 539.301,1614.88 538.817,1615.05C538.332,1615.22 537.646,1615.31 536.76,1615.31Z" style="fill-rule:nonzero;"/>
+            <path d="M542.234,1603.62L544.142,1603.62L544.142,1607.99L544.267,1607.99C544.527,1607.5 544.819,1607.15 545.143,1606.96C545.466,1606.77 545.914,1606.68 546.488,1606.68C547.29,1606.68 547.905,1606.77 548.333,1606.96C548.76,1607.15 549.065,1607.48 549.248,1607.94C549.43,1608.4 549.522,1609.05 549.522,1609.9L549.522,1615.16L547.614,1615.16L547.614,1609.87C547.614,1609.27 547.507,1608.87 547.293,1608.65C547.079,1608.44 546.675,1608.33 546.081,1608.33C545.57,1608.33 545.176,1608.4 544.9,1608.55C544.624,1608.7 544.428,1608.95 544.314,1609.31C544.199,1609.67 544.142,1610.18 544.142,1610.85L544.142,1615.16L542.234,1615.16L542.234,1603.62Z" style="fill-rule:nonzero;"/>
+            <path d="M554.51,1615.31C553.749,1615.31 553.163,1615.23 552.751,1615.08C552.339,1614.92 552.047,1614.66 551.875,1614.3C551.703,1613.93 551.617,1613.42 551.617,1612.75C551.617,1611.97 551.737,1611.37 551.977,1610.94C552.217,1610.51 552.623,1610.2 553.197,1610.03C553.77,1609.85 554.583,1609.76 555.636,1609.76L556.872,1609.76L556.872,1609.66C556.872,1609.13 556.757,1608.77 556.528,1608.58C556.298,1608.39 555.866,1608.3 555.23,1608.3C554.656,1608.3 554.268,1608.37 554.065,1608.53C553.861,1608.68 553.77,1608.97 553.791,1609.41L551.883,1609.41C551.852,1608.69 551.933,1608.13 552.125,1607.75C552.318,1607.36 552.657,1607.09 553.142,1606.92C553.627,1606.76 554.323,1606.68 555.23,1606.68C556.137,1606.68 556.838,1606.77 557.333,1606.95C557.828,1607.13 558.18,1607.43 558.389,1607.85C558.597,1608.28 558.702,1608.88 558.702,1609.66L558.702,1615.16L556.919,1615.16L556.919,1614.18L556.794,1614.18C556.502,1614.61 556.194,1614.91 555.871,1615.07C555.548,1615.23 555.094,1615.31 554.51,1615.31ZM553.525,1612.61C553.525,1613.01 553.616,1613.29 553.799,1613.43C553.981,1613.58 554.328,1613.66 554.839,1613.66C555.36,1613.66 555.762,1613.59 556.043,1613.45C556.325,1613.31 556.525,1613.08 556.645,1612.75C556.765,1612.42 556.835,1611.95 556.856,1611.34L555.308,1611.36C554.839,1611.37 554.477,1611.41 554.221,1611.48C553.966,1611.56 553.786,1611.68 553.682,1611.86C553.577,1612.03 553.525,1612.28 553.525,1612.61Z" style="fill-rule:nonzero;"/>
+            <path d="M561.001,1606.88L562.909,1606.88L562.909,1608.03L563.034,1608.03C563.326,1607.51 563.628,1607.15 563.941,1606.96C564.254,1606.77 564.697,1606.68 565.27,1606.68C566.062,1606.68 566.672,1606.78 567.1,1606.97C567.527,1607.17 567.832,1607.5 568.015,1607.95C568.197,1608.41 568.288,1609.07 568.288,1609.93L568.288,1615.16L566.38,1615.16L566.38,1609.9C566.38,1609.32 566.274,1608.92 566.06,1608.71C565.846,1608.5 565.447,1608.39 564.863,1608.39C564.353,1608.39 563.959,1608.47 563.683,1608.61C563.406,1608.76 563.208,1609.01 563.088,1609.37C562.969,1609.72 562.909,1610.22 562.909,1610.87L562.909,1615.16L561.001,1615.16L561.001,1606.88Z" style="fill-rule:nonzero;"/>
+            <path d="M574.044,1618.65C573.105,1618.65 572.381,1618.57 571.87,1618.4C571.359,1618.23 570.994,1617.95 570.775,1617.55C570.556,1617.15 570.436,1616.59 570.415,1615.86L572.339,1615.86C572.36,1616.19 572.417,1616.44 572.511,1616.61C572.605,1616.78 572.769,1616.89 573.004,1616.96C573.238,1617.03 573.59,1617.07 574.059,1617.07C574.528,1617.07 574.891,1617.01 575.146,1616.9C575.402,1616.79 575.581,1616.61 575.686,1616.35C575.79,1616.09 575.847,1615.72 575.858,1615.24L575.873,1614.04L575.748,1614.04C575.602,1614.36 575.446,1614.6 575.279,1614.76C575.112,1614.92 574.891,1615.04 574.614,1615.11C574.338,1615.18 573.96,1615.21 573.481,1615.21C572.626,1615.21 571.958,1615.09 571.479,1614.83C570.999,1614.58 570.653,1614.15 570.439,1613.55C570.225,1612.96 570.118,1612.11 570.118,1611.02C570.118,1609.89 570.225,1609.02 570.439,1608.41C570.653,1607.79 571.017,1607.36 571.534,1607.1C572.05,1606.84 572.777,1606.71 573.715,1606.71C574.309,1606.71 574.75,1606.79 575.037,1606.96C575.323,1607.12 575.571,1607.42 575.78,1607.87L575.905,1607.87L575.905,1606.88L577.734,1606.88L577.734,1615.4C577.734,1616.26 577.625,1616.92 577.406,1617.38C577.187,1617.84 576.814,1618.16 576.288,1618.36C575.761,1618.56 575.013,1618.65 574.044,1618.65ZM572.026,1611.02C572.026,1611.69 572.083,1612.21 572.198,1612.57C572.313,1612.93 572.508,1613.19 572.785,1613.35C573.061,1613.5 573.449,1613.58 573.95,1613.58C574.45,1613.58 574.836,1613.5 575.107,1613.35C575.378,1613.19 575.571,1612.93 575.686,1612.57C575.8,1612.21 575.858,1611.69 575.858,1611.02C575.858,1610.33 575.8,1609.79 575.686,1609.41C575.571,1609.03 575.378,1608.75 575.107,1608.59C574.836,1608.42 574.45,1608.34 573.95,1608.34C573.449,1608.34 573.061,1608.42 572.785,1608.59C572.508,1608.75 572.313,1609.03 572.198,1609.41C572.083,1609.79 572.026,1610.33 572.026,1611.02Z" style="fill-rule:nonzero;"/>
+            <path d="M583.537,1615.31C582.515,1615.31 581.728,1615.18 581.175,1614.92C580.622,1614.66 580.229,1614.22 579.994,1613.59C579.76,1612.97 579.642,1612.09 579.642,1610.94C579.642,1609.82 579.754,1608.96 579.979,1608.35C580.203,1607.74 580.583,1607.31 581.12,1607.06C581.657,1606.81 582.421,1606.68 583.411,1606.68C584.36,1606.68 585.1,1606.81 585.632,1607.08C586.164,1607.35 586.547,1607.8 586.782,1608.43C587.016,1609.06 587.133,1609.94 587.133,1611.09L587.118,1611.71L581.566,1611.71C581.608,1612.22 581.691,1612.62 581.816,1612.9C581.941,1613.18 582.137,1613.38 582.403,1613.5C582.669,1613.62 583.041,1613.67 583.521,1613.67C583.99,1613.67 584.331,1613.6 584.545,1613.45C584.759,1613.3 584.928,1613.03 585.053,1612.63L586.993,1612.63C586.888,1613.32 586.716,1613.86 586.477,1614.24C586.237,1614.62 585.888,1614.9 585.429,1615.06C584.97,1615.23 584.339,1615.31 583.537,1615.31ZM585.257,1610.2C585.257,1609.48 585.119,1608.99 584.842,1608.72C584.566,1608.45 584.089,1608.31 583.411,1608.31C582.755,1608.31 582.285,1608.45 582.004,1608.72C581.722,1609 581.582,1609.49 581.582,1610.2L585.257,1610.2Z" style="fill-rule:nonzero;"/>
+            <path d="M592.81,1615.31C591.81,1615.31 591.041,1615.22 590.504,1615.05C589.967,1614.88 589.589,1614.59 589.37,1614.18C589.151,1613.77 589.052,1613.19 589.073,1612.44L590.996,1612.44C591.007,1612.76 591.069,1613.02 591.184,1613.19C591.299,1613.36 591.494,1613.49 591.77,1613.56C592.047,1613.64 592.44,1613.67 592.951,1613.67C593.566,1613.67 593.989,1613.61 594.218,1613.49C594.447,1613.37 594.562,1613.14 594.562,1612.82C594.562,1612.61 594.497,1612.43 594.367,1612.29C594.236,1612.14 594.015,1612.02 593.702,1611.91C593.389,1611.81 592.946,1611.7 592.373,1611.6C591.538,1611.44 590.895,1611.26 590.441,1611.06C589.988,1610.87 589.664,1610.62 589.472,1610.32C589.279,1610.02 589.182,1609.62 589.182,1609.12C589.182,1608.48 589.289,1607.98 589.503,1607.64C589.717,1607.29 590.081,1607.05 590.598,1606.9C591.114,1606.75 591.841,1606.68 592.779,1606.68C593.697,1606.68 594.406,1606.76 594.906,1606.91C595.407,1607.06 595.761,1607.32 595.97,1607.68C596.178,1608.05 596.288,1608.57 596.298,1609.25L594.421,1609.25C594.4,1608.89 594.273,1608.64 594.038,1608.51C593.804,1608.38 593.379,1608.31 592.764,1608.31C592.117,1608.31 591.674,1608.37 591.434,1608.49C591.194,1608.6 591.075,1608.82 591.075,1609.14C591.075,1609.31 591.239,1609.46 591.567,1609.59C591.896,1609.72 592.534,1609.9 593.483,1610.12C594.265,1610.3 594.87,1610.5 595.297,1610.72C595.725,1610.93 596.03,1611.2 596.212,1611.53C596.394,1611.86 596.486,1612.28 596.486,1612.8C596.486,1613.46 596.376,1613.96 596.157,1614.32C595.938,1614.68 595.566,1614.94 595.039,1615.09C594.513,1615.23 593.77,1615.31 592.81,1615.31Z" style="fill-rule:nonzero;"/>
+            <path d="M602.303,1615.31C601.282,1615.31 600.494,1615.18 599.942,1614.92C599.389,1614.66 598.996,1614.22 598.761,1613.59C598.527,1612.97 598.409,1612.09 598.409,1610.94C598.409,1609.82 598.521,1608.96 598.746,1608.35C598.97,1607.74 599.35,1607.31 599.887,1607.06C600.424,1606.81 601.188,1606.68 602.178,1606.68C603.127,1606.68 603.867,1606.81 604.399,1607.08C604.931,1607.35 605.314,1607.8 605.548,1608.43C605.783,1609.06 605.9,1609.94 605.9,1611.09L605.885,1611.71L600.333,1611.71C600.375,1612.22 600.458,1612.62 600.583,1612.9C600.708,1613.18 600.904,1613.38 601.17,1613.5C601.435,1613.62 601.808,1613.67 602.288,1613.67C602.757,1613.67 603.098,1613.6 603.312,1613.45C603.526,1613.3 603.695,1613.03 603.82,1612.63L605.76,1612.63C605.655,1613.32 605.483,1613.86 605.244,1614.24C605.004,1614.62 604.654,1614.9 604.196,1615.06C603.737,1615.23 603.106,1615.31 602.303,1615.31ZM604.024,1610.2C604.024,1609.48 603.886,1608.99 603.609,1608.72C603.333,1608.45 602.856,1608.31 602.178,1608.31C601.521,1608.31 601.052,1608.45 600.771,1608.72C600.489,1609 600.349,1609.49 600.349,1610.2L604.024,1610.2Z" style="fill-rule:nonzero;"/>
+            <path d="M612.563,1615.34C611.812,1615.34 611.244,1615.24 610.858,1615.04C610.472,1614.84 610.212,1614.54 610.076,1614.14C609.94,1613.74 609.873,1613.2 609.873,1612.52L609.873,1608.52L607.855,1608.52L608.231,1606.88L609.935,1606.88L609.935,1605.2L611.749,1604.43L611.749,1606.88L614.799,1606.88L614.799,1608.52L611.749,1608.52L611.749,1612.45C611.749,1612.79 611.778,1613.04 611.835,1613.2C611.893,1613.36 612.018,1613.47 612.211,1613.55C612.404,1613.62 612.698,1613.66 613.094,1613.66C613.543,1613.66 614.194,1613.59 615.049,1613.47L615.049,1615.13C613.965,1615.27 613.136,1615.34 612.563,1615.34Z" style="fill-rule:nonzero;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image11" x="714.854" y="1464.03" width="474.245px" height="295.546px" transform="matrix(0.99841,0,0,0.998467,0,0)"/>
+        <path d="M1182.6,1470.99C1182.6,1468.87 1180.88,1467.15 1178.76,1467.15L722.922,1467.15C720.799,1467.15 719.076,1468.87 719.076,1470.99L719.076,1748.13C719.076,1750.25 720.799,1751.98 722.922,1751.98L1178.76,1751.98C1180.88,1751.98 1182.6,1750.25 1182.6,1748.13L1182.6,1470.99Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M719.076,1504.44L1182.6,1504.44" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M876.596,1494.09C875.636,1494.09 874.895,1494.01 874.372,1493.84C873.85,1493.67 873.476,1493.38 873.252,1492.98C873.028,1492.58 872.906,1492.01 872.884,1491.28L874.852,1491.28C874.874,1491.61 874.932,1491.86 875.028,1492.03C875.124,1492.2 875.292,1492.32 875.532,1492.39C875.772,1492.46 876.132,1492.49 876.612,1492.49C877.092,1492.49 877.463,1492.44 877.724,1492.33C877.986,1492.21 878.17,1492.03 878.276,1491.77C878.383,1491.5 878.442,1491.13 878.452,1490.65L878.468,1489.44L878.34,1489.44C878.191,1489.76 878.031,1490 877.86,1490.17C877.69,1490.33 877.463,1490.45 877.18,1490.52C876.898,1490.59 876.511,1490.62 876.02,1490.62C875.146,1490.62 874.463,1490.49 873.972,1490.24C873.482,1489.98 873.127,1489.55 872.908,1488.95C872.69,1488.35 872.58,1487.5 872.58,1486.4C872.58,1485.26 872.69,1484.38 872.908,1483.76C873.127,1483.14 873.5,1482.7 874.028,1482.44C874.556,1482.18 875.3,1482.05 876.26,1482.05C876.868,1482.05 877.319,1482.13 877.612,1482.29C877.906,1482.46 878.159,1482.77 878.372,1483.21L878.5,1483.21L878.5,1482.22L880.372,1482.22L880.372,1490.81C880.372,1491.68 880.26,1492.34 880.036,1492.81C879.812,1493.27 879.431,1493.6 878.892,1493.8C878.354,1494 877.588,1494.09 876.596,1494.09ZM874.532,1486.4C874.532,1487.07 874.591,1487.59 874.708,1487.96C874.826,1488.33 875.026,1488.59 875.308,1488.74C875.591,1488.9 875.988,1488.97 876.5,1488.97C877.012,1488.97 877.407,1488.9 877.684,1488.74C877.962,1488.59 878.159,1488.33 878.276,1487.96C878.394,1487.59 878.452,1487.07 878.452,1486.4C878.452,1485.69 878.394,1485.15 878.276,1484.77C878.159,1484.38 877.962,1484.11 877.684,1483.94C877.407,1483.78 877.012,1483.69 876.5,1483.69C875.988,1483.69 875.591,1483.78 875.308,1483.94C875.026,1484.11 874.826,1484.38 874.708,1484.77C874.591,1485.15 874.532,1485.69 874.532,1486.4Z" style="fill-rule:nonzero;"/>
+        <path d="M886.308,1490.72C885.263,1490.72 884.458,1490.59 883.892,1490.33C883.327,1490.06 882.924,1489.62 882.684,1488.99C882.444,1488.36 882.324,1487.47 882.324,1486.32C882.324,1485.19 882.439,1484.32 882.668,1483.7C882.898,1483.09 883.287,1482.65 883.836,1482.4C884.386,1482.14 885.167,1482.01 886.18,1482.01C887.151,1482.01 887.908,1482.15 888.452,1482.42C888.996,1482.69 889.388,1483.15 889.628,1483.78C889.868,1484.42 889.988,1485.31 889.988,1486.46L889.972,1487.09L884.292,1487.09C884.335,1487.61 884.42,1488.01 884.548,1488.29C884.676,1488.58 884.876,1488.78 885.148,1488.89C885.42,1489.01 885.802,1489.07 886.292,1489.07C886.772,1489.07 887.122,1489 887.34,1488.85C887.559,1488.7 887.732,1488.42 887.86,1488.01L889.844,1488.01C889.738,1488.72 889.562,1489.26 889.316,1489.65C889.071,1490.03 888.714,1490.3 888.244,1490.47C887.775,1490.63 887.13,1490.72 886.308,1490.72ZM888.068,1485.57C888.068,1484.84 887.927,1484.34 887.644,1484.07C887.362,1483.8 886.874,1483.66 886.18,1483.66C885.508,1483.66 885.028,1483.8 884.74,1484.08C884.452,1484.36 884.308,1484.85 884.308,1485.57L888.068,1485.57Z" style="fill-rule:nonzero;"/>
+        <path d="M892.052,1482.22L894.004,1482.22L894.004,1483.37L894.132,1483.37C894.431,1482.85 894.74,1482.49 895.06,1482.3C895.38,1482.11 895.834,1482.01 896.42,1482.01C897.231,1482.01 897.855,1482.11 898.292,1482.31C898.73,1482.51 899.042,1482.84 899.228,1483.3C899.415,1483.77 899.508,1484.43 899.508,1485.29L899.508,1490.57L897.556,1490.57L897.556,1485.26C897.556,1484.67 897.447,1484.28 897.228,1484.06C897.01,1483.85 896.602,1483.74 896.004,1483.74C895.482,1483.74 895.079,1483.82 894.796,1483.97C894.514,1484.12 894.311,1484.37 894.188,1484.73C894.066,1485.08 894.004,1485.59 894.004,1486.24L894.004,1490.57L892.052,1490.57L892.052,1482.22Z" style="fill-rule:nonzero;"/>
+        <path d="M905.508,1490.72C904.463,1490.72 903.658,1490.59 903.092,1490.33C902.527,1490.06 902.124,1489.62 901.884,1488.99C901.644,1488.36 901.524,1487.47 901.524,1486.32C901.524,1485.19 901.639,1484.32 901.868,1483.7C902.098,1483.09 902.487,1482.65 903.036,1482.4C903.586,1482.14 904.367,1482.01 905.38,1482.01C906.351,1482.01 907.108,1482.15 907.652,1482.42C908.196,1482.69 908.588,1483.15 908.828,1483.78C909.068,1484.42 909.188,1485.31 909.188,1486.46L909.172,1487.09L903.492,1487.09C903.535,1487.61 903.62,1488.01 903.748,1488.29C903.876,1488.58 904.076,1488.78 904.348,1488.89C904.62,1489.01 905.002,1489.07 905.492,1489.07C905.972,1489.07 906.322,1489 906.54,1488.85C906.759,1488.7 906.932,1488.42 907.06,1488.01L909.044,1488.01C908.938,1488.72 908.762,1489.26 908.516,1489.65C908.271,1490.03 907.914,1490.3 907.444,1490.47C906.975,1490.63 906.33,1490.72 905.508,1490.72ZM907.268,1485.57C907.268,1484.84 907.127,1484.34 906.844,1484.07C906.562,1483.8 906.074,1483.66 905.38,1483.66C904.708,1483.66 904.228,1483.8 903.94,1484.08C903.652,1484.36 903.508,1484.85 903.508,1485.57L907.268,1485.57Z" style="fill-rule:nonzero;"/>
+        <path d="M912.276,1482.22L914.036,1482.22L913.956,1483.93L914.132,1483.93C914.527,1483.27 914.81,1482.84 914.98,1482.62C915.151,1482.41 915.332,1482.28 915.524,1482.22C915.716,1482.17 916.068,1482.14 916.58,1482.14L918.148,1482.17L918.148,1484.09C917.956,1484.08 917.668,1484.08 917.284,1484.08C916.698,1484.08 916.18,1484.1 915.732,1484.16C915.519,1484.19 915.29,1484.33 915.044,1484.57C914.799,1484.82 914.596,1485.12 914.436,1485.46C914.276,1485.81 914.196,1486.14 914.196,1486.46L914.196,1490.57L912.276,1490.57L912.276,1482.22Z" style="fill-rule:nonzero;"/>
+        <path d="M923.812,1490.72C923.034,1490.72 922.434,1490.64 922.012,1490.49C921.591,1490.33 921.292,1490.07 921.116,1489.7C920.94,1489.33 920.852,1488.81 920.852,1488.14C920.852,1487.35 920.975,1486.74 921.22,1486.31C921.466,1485.88 921.882,1485.57 922.468,1485.39C923.055,1485.21 923.887,1485.12 924.964,1485.12L926.228,1485.12L926.228,1485.02C926.228,1484.49 926.111,1484.13 925.876,1483.93C925.642,1483.74 925.199,1483.65 924.548,1483.65C923.962,1483.65 923.564,1483.72 923.356,1483.88C923.148,1484.03 923.055,1484.33 923.076,1484.77L921.124,1484.77C921.092,1484.04 921.175,1483.48 921.372,1483.09C921.57,1482.7 921.916,1482.43 922.412,1482.26C922.908,1482.1 923.62,1482.01 924.548,1482.01C925.476,1482.01 926.194,1482.1 926.7,1482.29C927.207,1482.47 927.567,1482.77 927.78,1483.2C927.994,1483.62 928.1,1484.23 928.1,1485.02L928.1,1490.57L926.276,1490.57L926.276,1489.58L926.148,1489.58C925.85,1490.02 925.535,1490.32 925.204,1490.48C924.874,1490.64 924.41,1490.72 923.812,1490.72ZM922.804,1488C922.804,1488.4 922.898,1488.68 923.084,1488.83C923.271,1488.98 923.626,1489.05 924.148,1489.05C924.682,1489.05 925.092,1488.98 925.38,1488.85C925.668,1488.71 925.874,1488.47 925.996,1488.14C926.119,1487.81 926.191,1487.34 926.212,1486.72L924.628,1486.73C924.148,1486.74 923.778,1486.79 923.516,1486.86C923.255,1486.94 923.071,1487.06 922.964,1487.24C922.858,1487.41 922.804,1487.67 922.804,1488Z" style="fill-rule:nonzero;"/>
+        <path d="M935.204,1490.75C934.436,1490.75 933.855,1490.65 933.46,1490.45C933.066,1490.24 932.799,1489.94 932.66,1489.54C932.522,1489.14 932.452,1488.6 932.452,1487.9L932.452,1483.87L930.388,1483.87L930.772,1482.22L932.516,1482.22L932.516,1480.53L934.372,1479.74L934.372,1482.22L937.492,1482.22L937.492,1483.87L934.372,1483.87L934.372,1487.84C934.372,1488.18 934.402,1488.43 934.46,1488.59C934.519,1488.75 934.647,1488.87 934.844,1488.94C935.042,1489.02 935.343,1489.05 935.748,1489.05C936.207,1489.05 936.874,1488.99 937.748,1488.86L937.748,1490.54C936.639,1490.68 935.791,1490.75 935.204,1490.75Z" style="fill-rule:nonzero;"/>
+        <path d="M943.908,1490.72C942.863,1490.72 942.058,1490.59 941.492,1490.33C940.927,1490.06 940.524,1489.62 940.284,1488.99C940.044,1488.36 939.924,1487.47 939.924,1486.32C939.924,1485.19 940.039,1484.32 940.268,1483.7C940.498,1483.09 940.887,1482.65 941.436,1482.4C941.986,1482.14 942.767,1482.01 943.78,1482.01C944.751,1482.01 945.508,1482.15 946.052,1482.42C946.596,1482.69 946.988,1483.15 947.228,1483.78C947.468,1484.42 947.588,1485.31 947.588,1486.46L947.572,1487.09L941.892,1487.09C941.935,1487.61 942.02,1488.01 942.148,1488.29C942.276,1488.58 942.476,1488.78 942.748,1488.89C943.02,1489.01 943.402,1489.07 943.892,1489.07C944.372,1489.07 944.722,1489 944.94,1488.85C945.159,1488.7 945.332,1488.42 945.46,1488.01L947.444,1488.01C947.338,1488.72 947.162,1489.26 946.916,1489.65C946.671,1490.03 946.314,1490.3 945.844,1490.47C945.375,1490.63 944.73,1490.72 943.908,1490.72ZM945.668,1485.57C945.668,1484.84 945.527,1484.34 945.244,1484.07C944.962,1483.8 944.474,1483.66 943.78,1483.66C943.108,1483.66 942.628,1483.8 942.34,1484.08C942.052,1484.36 941.908,1484.85 941.908,1485.57L945.668,1485.57Z" style="fill-rule:nonzero;"/>
+        <rect x="950.324" y="1484.93" width="6.08" height="1.76" style="fill-rule:nonzero;"/>
+        <path d="M963.252,1490.72C962.196,1490.72 961.38,1490.59 960.804,1490.33C960.228,1490.08 959.82,1489.64 959.58,1489.03C959.34,1488.42 959.22,1487.54 959.22,1486.41C959.22,1485.26 959.34,1484.37 959.58,1483.74C959.82,1483.11 960.226,1482.67 960.796,1482.41C961.367,1482.14 962.175,1482.01 963.22,1482.01C964.138,1482.01 964.847,1482.1 965.348,1482.29C965.85,1482.47 966.21,1482.77 966.428,1483.21C966.647,1483.64 966.767,1484.25 966.788,1485.04L964.852,1485.04C964.778,1484.52 964.631,1484.16 964.412,1483.97C964.194,1483.79 963.828,1483.69 963.316,1483.69C962.751,1483.69 962.316,1483.78 962.012,1483.94C961.708,1484.11 961.492,1484.38 961.364,1484.77C961.236,1485.16 961.172,1485.71 961.172,1486.43C961.172,1487.11 961.236,1487.64 961.364,1488.01C961.492,1488.39 961.711,1488.65 962.02,1488.81C962.33,1488.96 962.767,1489.04 963.332,1489.04C963.823,1489.04 964.178,1488.95 964.396,1488.79C964.615,1488.62 964.772,1488.32 964.868,1487.87L966.788,1487.87C966.767,1488.62 966.647,1489.19 966.428,1489.6C966.21,1490 965.852,1490.29 965.356,1490.46C964.86,1490.63 964.159,1490.72 963.252,1490.72Z" style="fill-rule:nonzero;"/>
+        <path d="M968.852,1478.93L970.804,1478.93L970.804,1483.34L970.932,1483.34C971.199,1482.84 971.498,1482.49 971.828,1482.3C972.159,1482.11 972.618,1482.01 973.204,1482.01C974.026,1482.01 974.655,1482.11 975.092,1482.3C975.53,1482.49 975.842,1482.82 976.028,1483.29C976.215,1483.75 976.308,1484.41 976.308,1485.26L976.308,1490.57L974.356,1490.57L974.356,1485.23C974.356,1484.63 974.247,1484.22 974.028,1484.01C973.81,1483.79 973.396,1483.68 972.788,1483.68C972.266,1483.68 971.863,1483.75 971.58,1483.9C971.298,1484.05 971.098,1484.31 970.98,1484.67C970.863,1485.03 970.804,1485.55 970.804,1486.22L970.804,1490.57L968.852,1490.57L968.852,1478.93Z" style="fill-rule:nonzero;"/>
+        <path d="M981.412,1490.72C980.634,1490.72 980.034,1490.64 979.612,1490.49C979.191,1490.33 978.892,1490.07 978.716,1489.7C978.54,1489.33 978.452,1488.81 978.452,1488.14C978.452,1487.35 978.575,1486.74 978.82,1486.31C979.066,1485.88 979.482,1485.57 980.068,1485.39C980.655,1485.21 981.487,1485.12 982.564,1485.12L983.828,1485.12L983.828,1485.02C983.828,1484.49 983.711,1484.13 983.476,1483.93C983.242,1483.74 982.799,1483.65 982.148,1483.65C981.562,1483.65 981.164,1483.72 980.956,1483.88C980.748,1484.03 980.655,1484.33 980.676,1484.77L978.724,1484.77C978.692,1484.04 978.775,1483.48 978.972,1483.09C979.17,1482.7 979.516,1482.43 980.012,1482.26C980.508,1482.1 981.22,1482.01 982.148,1482.01C983.076,1482.01 983.794,1482.1 984.3,1482.29C984.807,1482.47 985.167,1482.77 985.38,1483.2C985.594,1483.62 985.7,1484.23 985.7,1485.02L985.7,1490.57L983.876,1490.57L983.876,1489.58L983.748,1489.58C983.45,1490.02 983.135,1490.32 982.804,1490.48C982.474,1490.64 982.01,1490.72 981.412,1490.72ZM980.404,1488C980.404,1488.4 980.498,1488.68 980.684,1488.83C980.871,1488.98 981.226,1489.05 981.748,1489.05C982.282,1489.05 982.692,1488.98 982.98,1488.85C983.268,1488.71 983.474,1488.47 983.596,1488.14C983.719,1487.81 983.791,1487.34 983.812,1486.72L982.228,1486.73C981.748,1486.74 981.378,1486.79 981.116,1486.86C980.855,1486.94 980.671,1487.06 980.564,1487.24C980.458,1487.41 980.404,1487.67 980.404,1488Z" style="fill-rule:nonzero;"/>
+        <path d="M988.052,1482.22L990.004,1482.22L990.004,1483.37L990.132,1483.37C990.431,1482.85 990.74,1482.49 991.06,1482.3C991.38,1482.11 991.834,1482.01 992.42,1482.01C993.231,1482.01 993.855,1482.11 994.292,1482.31C994.73,1482.51 995.042,1482.84 995.228,1483.3C995.415,1483.77 995.508,1484.43 995.508,1485.29L995.508,1490.57L993.556,1490.57L993.556,1485.26C993.556,1484.67 993.447,1484.28 993.228,1484.06C993.01,1483.85 992.602,1483.74 992.004,1483.74C991.482,1483.74 991.079,1483.82 990.796,1483.97C990.514,1484.12 990.311,1484.37 990.188,1484.73C990.066,1485.08 990.004,1485.59 990.004,1486.24L990.004,1490.57L988.052,1490.57L988.052,1482.22Z" style="fill-rule:nonzero;"/>
+        <path d="M1001.4,1494.09C1000.44,1494.09 999.695,1494.01 999.172,1493.84C998.65,1493.67 998.276,1493.38 998.052,1492.98C997.828,1492.58 997.706,1492.01 997.684,1491.28L999.652,1491.28C999.674,1491.61 999.732,1491.86 999.828,1492.03C999.924,1492.2 1000.09,1492.32 1000.33,1492.39C1000.57,1492.46 1000.93,1492.49 1001.41,1492.49C1001.89,1492.49 1002.26,1492.44 1002.52,1492.33C1002.79,1492.21 1002.97,1492.03 1003.08,1491.77C1003.18,1491.5 1003.24,1491.13 1003.25,1490.65L1003.27,1489.44L1003.14,1489.44C1002.99,1489.76 1002.83,1490 1002.66,1490.17C1002.49,1490.33 1002.26,1490.45 1001.98,1490.52C1001.7,1490.59 1001.31,1490.62 1000.82,1490.62C999.946,1490.62 999.263,1490.49 998.772,1490.24C998.282,1489.98 997.927,1489.55 997.708,1488.95C997.49,1488.35 997.38,1487.5 997.38,1486.4C997.38,1485.26 997.49,1484.38 997.708,1483.76C997.927,1483.14 998.3,1482.7 998.828,1482.44C999.356,1482.18 1000.1,1482.05 1001.06,1482.05C1001.67,1482.05 1002.12,1482.13 1002.41,1482.29C1002.71,1482.46 1002.96,1482.77 1003.17,1483.21L1003.3,1483.21L1003.3,1482.22L1005.17,1482.22L1005.17,1490.81C1005.17,1491.68 1005.06,1492.34 1004.84,1492.81C1004.61,1493.27 1004.23,1493.6 1003.69,1493.8C1003.15,1494 1002.39,1494.09 1001.4,1494.09ZM999.332,1486.4C999.332,1487.07 999.391,1487.59 999.508,1487.96C999.626,1488.33 999.826,1488.59 1000.11,1488.74C1000.39,1488.9 1000.79,1488.97 1001.3,1488.97C1001.81,1488.97 1002.21,1488.9 1002.48,1488.74C1002.76,1488.59 1002.96,1488.33 1003.08,1487.96C1003.19,1487.59 1003.25,1487.07 1003.25,1486.4C1003.25,1485.69 1003.19,1485.15 1003.08,1484.77C1002.96,1484.38 1002.76,1484.11 1002.48,1483.94C1002.21,1483.78 1001.81,1483.69 1001.3,1483.69C1000.79,1483.69 1000.39,1483.78 1000.11,1483.94C999.826,1484.11 999.626,1484.38 999.508,1484.77C999.391,1485.15 999.332,1485.69 999.332,1486.4Z" style="fill-rule:nonzero;"/>
+        <path d="M1011.11,1490.72C1010.06,1490.72 1009.26,1490.59 1008.69,1490.33C1008.13,1490.06 1007.72,1489.62 1007.48,1488.99C1007.24,1488.36 1007.12,1487.47 1007.12,1486.32C1007.12,1485.19 1007.24,1484.32 1007.47,1483.7C1007.7,1483.09 1008.09,1482.65 1008.64,1482.4C1009.19,1482.14 1009.97,1482.01 1010.98,1482.01C1011.95,1482.01 1012.71,1482.15 1013.25,1482.42C1013.8,1482.69 1014.19,1483.15 1014.43,1483.78C1014.67,1484.42 1014.79,1485.31 1014.79,1486.46L1014.77,1487.09L1009.09,1487.09C1009.13,1487.61 1009.22,1488.01 1009.35,1488.29C1009.48,1488.58 1009.68,1488.78 1009.95,1488.89C1010.22,1489.01 1010.6,1489.07 1011.09,1489.07C1011.57,1489.07 1011.92,1489 1012.14,1488.85C1012.36,1488.7 1012.53,1488.42 1012.66,1488.01L1014.64,1488.01C1014.54,1488.72 1014.36,1489.26 1014.12,1489.65C1013.87,1490.03 1013.51,1490.3 1013.04,1490.47C1012.58,1490.63 1011.93,1490.72 1011.11,1490.72ZM1012.87,1485.57C1012.87,1484.84 1012.73,1484.34 1012.44,1484.07C1012.16,1483.8 1011.67,1483.66 1010.98,1483.66C1010.31,1483.66 1009.83,1483.8 1009.54,1484.08C1009.25,1484.36 1009.11,1484.85 1009.11,1485.57L1012.87,1485.57Z" style="fill-rule:nonzero;"/>
+        <path d="M1020.6,1490.72C1019.57,1490.72 1018.79,1490.63 1018.24,1490.46C1017.69,1490.29 1017.3,1490 1017.08,1489.58C1016.85,1489.17 1016.75,1488.58 1016.77,1487.82L1018.74,1487.82C1018.75,1488.15 1018.82,1488.41 1018.93,1488.58C1019.05,1488.76 1019.25,1488.88 1019.53,1488.96C1019.82,1489.03 1020.22,1489.07 1020.74,1489.07C1021.37,1489.07 1021.8,1489.01 1022.04,1488.89C1022.27,1488.76 1022.39,1488.54 1022.39,1488.21C1022.39,1487.99 1022.32,1487.81 1022.19,1487.67C1022.06,1487.53 1021.83,1487.4 1021.51,1487.29C1021.19,1487.19 1020.74,1487.08 1020.15,1486.97C1019.3,1486.81 1018.64,1486.63 1018.17,1486.44C1017.71,1486.24 1017.38,1485.99 1017.18,1485.69C1016.98,1485.38 1016.88,1484.98 1016.88,1484.48C1016.88,1483.83 1016.99,1483.33 1017.21,1482.98C1017.43,1482.63 1017.8,1482.39 1018.33,1482.24C1018.86,1482.09 1019.6,1482.01 1020.56,1482.01C1021.5,1482.01 1022.23,1482.09 1022.74,1482.25C1023.25,1482.4 1023.62,1482.66 1023.83,1483.03C1024.04,1483.4 1024.15,1483.92 1024.16,1484.61L1022.24,1484.61C1022.22,1484.24 1022.09,1484 1021.85,1483.86C1021.61,1483.73 1021.18,1483.66 1020.55,1483.66C1019.89,1483.66 1019.43,1483.72 1019.19,1483.84C1018.94,1483.95 1018.82,1484.17 1018.82,1484.49C1018.82,1484.66 1018.99,1484.82 1019.32,1484.95C1019.66,1485.08 1020.31,1485.26 1021.28,1485.49C1022.08,1485.67 1022.7,1485.87 1023.14,1486.09C1023.58,1486.3 1023.89,1486.58 1024.08,1486.91C1024.26,1487.24 1024.36,1487.67 1024.36,1488.19C1024.36,1488.85 1024.24,1489.36 1024.02,1489.73C1023.8,1490.09 1023.42,1490.34 1022.88,1490.49C1022.34,1490.64 1021.58,1490.72 1020.6,1490.72Z" style="fill-rule:nonzero;"/>
+        <path d="M1030.31,1490.72C1029.26,1490.72 1028.46,1490.59 1027.89,1490.33C1027.33,1490.06 1026.92,1489.62 1026.68,1488.99C1026.44,1488.36 1026.32,1487.47 1026.32,1486.32C1026.32,1485.19 1026.44,1484.32 1026.67,1483.7C1026.9,1483.09 1027.29,1482.65 1027.84,1482.4C1028.39,1482.14 1029.17,1482.01 1030.18,1482.01C1031.15,1482.01 1031.91,1482.15 1032.45,1482.42C1033,1482.69 1033.39,1483.15 1033.63,1483.78C1033.87,1484.42 1033.99,1485.31 1033.99,1486.46L1033.97,1487.09L1028.29,1487.09C1028.34,1487.61 1028.42,1488.01 1028.55,1488.29C1028.68,1488.58 1028.88,1488.78 1029.15,1488.89C1029.42,1489.01 1029.8,1489.07 1030.29,1489.07C1030.77,1489.07 1031.12,1489 1031.34,1488.85C1031.56,1488.7 1031.73,1488.42 1031.86,1488.01L1033.84,1488.01C1033.74,1488.72 1033.56,1489.26 1033.32,1489.65C1033.07,1490.03 1032.71,1490.3 1032.24,1490.47C1031.78,1490.63 1031.13,1490.72 1030.31,1490.72ZM1032.07,1485.57C1032.07,1484.84 1031.93,1484.34 1031.64,1484.07C1031.36,1483.8 1030.87,1483.66 1030.18,1483.66C1029.51,1483.66 1029.03,1483.8 1028.74,1484.08C1028.45,1484.36 1028.31,1484.85 1028.31,1485.57L1032.07,1485.57Z" style="fill-rule:nonzero;"/>
+        <path d="M1040.8,1490.75C1040.04,1490.75 1039.45,1490.65 1039.06,1490.45C1038.67,1490.24 1038.4,1489.94 1038.26,1489.54C1038.12,1489.14 1038.05,1488.6 1038.05,1487.9L1038.05,1483.87L1035.99,1483.87L1036.37,1482.22L1038.12,1482.22L1038.12,1480.53L1039.97,1479.74L1039.97,1482.22L1043.09,1482.22L1043.09,1483.87L1039.97,1483.87L1039.97,1487.84C1039.97,1488.18 1040,1488.43 1040.06,1488.59C1040.12,1488.75 1040.25,1488.87 1040.44,1488.94C1040.64,1489.02 1040.94,1489.05 1041.35,1489.05C1041.81,1489.05 1042.47,1488.99 1043.35,1488.86L1043.35,1490.54C1042.24,1490.68 1041.39,1490.75 1040.8,1490.75Z" style="fill-rule:nonzero;"/>
+        <g>
+            <path d="M1147.66,1531.81C1147.66,1530.39 1146.52,1529.25 1145.1,1529.25L756.752,1529.25C755.34,1529.25 754.193,1530.39 754.193,1531.81L754.193,1716.21C754.193,1717.62 755.34,1718.77 756.752,1718.77L1145.1,1718.77C1146.52,1718.77 1147.66,1717.62 1147.66,1716.21L1147.66,1531.81Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <g>
+                <path d="M921.257,1597.42L921.257,1629.08" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+                <path d="M916.734,1627.89L850.435,1627.89" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+                <path d="M850.435,1658.48L850.435,1627.89" style="fill:none;stroke:#1f883d;stroke-width:1px;"/>
+                <path d="M999.958,1627.89L1066.26,1627.89" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+                <path d="M1066.26,1658.37L1066.26,1627.89" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+                <g>
+                    <rect x="914.493" y="1621.13" width="13.528" height="13.528" style="fill:#1f883d;stroke:#1f883d;stroke-width:1px;"/>
+                    <path d="M925.734,1626.03L920.663,1631.1C920.291,1631.48 919.689,1631.48 919.321,1631.1L916.785,1628.57C916.413,1628.2 916.413,1627.59 916.785,1627.23C917.158,1626.86 917.76,1626.85 918.128,1627.23L919.99,1629.09L924.387,1624.69C924.759,1624.31 925.362,1624.31 925.73,1624.69C926.098,1625.06 926.102,1625.66 925.73,1626.03L925.734,1626.03Z" style="fill:#fff;fill-rule:nonzero;stroke:#fff;stroke-width:0.5px;stroke-linecap:butt;stroke-miterlimit:2;"/>
+                </g>
+                <path d="M993.791,1597.42L993.791,1633.89" style="fill:none;stroke:#cf222e;stroke-width:1px;"/>
+                <g>
+                    <rect x="987.027" y="1621.13" width="13.528" height="13.528" style="fill:#cf222e;stroke:#cf222e;stroke-width:1px;"/>
+                    <path d="M989.793,1623.9C990.258,1623.43 991.009,1623.43 991.469,1623.9L993.791,1626.22L996.114,1623.9C996.579,1623.43 997.33,1623.43 997.789,1623.9C998.249,1624.36 998.254,1625.11 997.789,1625.57L995.467,1627.89L997.789,1630.22C998.254,1630.68 998.254,1631.43 997.789,1631.89C997.325,1632.35 996.574,1632.36 996.114,1631.89L993.791,1629.57L991.469,1631.89C991.004,1632.36 990.253,1632.36 989.793,1631.89C989.334,1631.43 989.329,1630.68 989.793,1630.22L992.116,1627.89L989.793,1625.57C989.329,1625.11 989.329,1624.36 989.793,1623.9Z" style="fill:#fff;fill-rule:nonzero;"/>
+                </g>
+                <path d="M1040.58,1569.94C1040.58,1569.15 1039.94,1568.51 1039.15,1568.51L876.776,1568.51C875.987,1568.51 875.346,1569.15 875.346,1569.94L875.346,1595.35C875.346,1596.13 875.987,1596.78 876.776,1596.78L1039.15,1596.78C1039.94,1596.78 1040.58,1596.13 1040.58,1595.35L1040.58,1569.94Z" style="fill:none;stroke:#6e6e6e;stroke-width:1px;stroke-linecap:butt;"/>
+                <path d="M887.5,1578.39L888.844,1578.39L888.844,1579.61L888.956,1579.61C889.191,1579.06 889.487,1578.68 889.844,1578.48C890.202,1578.28 890.743,1578.19 891.468,1578.19C892.172,1578.19 892.716,1578.28 893.1,1578.47C893.484,1578.67 893.759,1578.99 893.924,1579.44C894.09,1579.89 894.172,1580.54 894.172,1581.37L894.172,1586.75L892.844,1586.75L892.844,1581.34C892.844,1580.84 892.788,1580.45 892.676,1580.17C892.564,1579.89 892.383,1579.7 892.132,1579.59C891.882,1579.47 891.522,1579.42 891.052,1579.42C890.476,1579.42 890.031,1579.51 889.716,1579.69C889.402,1579.87 889.178,1580.17 889.044,1580.59C888.911,1581.02 888.844,1581.62 888.844,1582.39L888.844,1586.75L887.5,1586.75L887.5,1578.39Z" style="fill-rule:nonzero;"/>
+                <path d="M900.556,1586.91C899.596,1586.91 898.863,1586.78 898.356,1586.52C897.85,1586.27 897.492,1585.83 897.284,1585.21C897.076,1584.59 896.972,1583.69 896.972,1582.52C896.972,1581.38 897.079,1580.5 897.292,1579.88C897.506,1579.26 897.86,1578.83 898.356,1578.58C898.852,1578.33 899.543,1578.2 900.428,1578.2C901.388,1578.2 902.111,1578.34 902.596,1578.63C903.082,1578.91 903.415,1579.39 903.596,1580.07C903.778,1580.76 903.858,1581.76 903.836,1583.1L898.316,1583.1C898.348,1583.8 898.434,1584.34 898.572,1584.71C898.711,1585.09 898.932,1585.35 899.236,1585.5C899.54,1585.65 899.975,1585.72 900.54,1585.72C901.074,1585.72 901.463,1585.64 901.708,1585.49C901.954,1585.34 902.146,1585.03 902.284,1584.59L903.676,1584.59C903.559,1585.2 903.391,1585.68 903.172,1586.01C902.954,1586.34 902.642,1586.57 902.236,1586.71C901.831,1586.84 901.271,1586.91 900.556,1586.91ZM902.556,1581.93C902.535,1581.25 902.458,1580.73 902.324,1580.37C902.191,1580.01 901.978,1579.76 901.684,1579.61C901.391,1579.46 900.972,1579.39 900.428,1579.39C899.916,1579.39 899.519,1579.46 899.236,1579.61C898.954,1579.76 898.746,1580.01 898.612,1580.37C898.479,1580.73 898.386,1581.25 898.332,1581.93L902.556,1581.93Z" style="fill-rule:nonzero;"/>
+                <path d="M910.156,1586.91C909.196,1586.91 908.463,1586.78 907.956,1586.52C907.45,1586.27 907.092,1585.83 906.884,1585.21C906.676,1584.59 906.572,1583.69 906.572,1582.52C906.572,1581.38 906.679,1580.5 906.892,1579.88C907.106,1579.26 907.46,1578.83 907.956,1578.58C908.452,1578.33 909.143,1578.2 910.028,1578.2C910.988,1578.2 911.711,1578.34 912.196,1578.63C912.682,1578.91 913.015,1579.39 913.196,1580.07C913.378,1580.76 913.458,1581.76 913.436,1583.1L907.916,1583.1C907.948,1583.8 908.034,1584.34 908.172,1584.71C908.311,1585.09 908.532,1585.35 908.836,1585.5C909.14,1585.65 909.575,1585.72 910.14,1585.72C910.674,1585.72 911.063,1585.64 911.308,1585.49C911.554,1585.34 911.746,1585.03 911.884,1584.59L913.276,1584.59C913.159,1585.2 912.991,1585.68 912.772,1586.01C912.554,1586.34 912.242,1586.57 911.836,1586.71C911.431,1586.84 910.871,1586.91 910.156,1586.91ZM912.156,1581.93C912.135,1581.25 912.058,1580.73 911.924,1580.37C911.791,1580.01 911.578,1579.76 911.284,1579.61C910.991,1579.46 910.572,1579.39 910.028,1579.39C909.516,1579.39 909.119,1579.46 908.836,1579.61C908.554,1579.76 908.346,1580.01 908.212,1580.37C908.079,1580.73 907.986,1581.25 907.932,1581.93L912.156,1581.93Z" style="fill-rule:nonzero;"/>
+                <path d="M919.26,1586.91C918.386,1586.91 917.711,1586.78 917.236,1586.51C916.762,1586.25 916.423,1585.81 916.22,1585.19C916.018,1584.58 915.916,1583.69 915.916,1582.54C915.916,1581.4 916.015,1580.52 916.212,1579.91C916.41,1579.29 916.743,1578.86 917.212,1578.59C917.682,1578.33 918.348,1578.2 919.212,1578.2C919.842,1578.2 920.316,1578.28 920.636,1578.43C920.956,1578.58 921.239,1578.86 921.484,1579.27L921.612,1579.27L921.612,1575.1L922.94,1575.1L922.94,1586.75L921.612,1586.75L921.612,1585.83L921.5,1585.83C921.202,1586.25 920.895,1586.53 920.58,1586.68C920.266,1586.83 919.826,1586.91 919.26,1586.91ZM917.276,1582.54C917.276,1583.37 917.346,1584.01 917.484,1584.46C917.623,1584.91 917.852,1585.23 918.172,1585.42C918.492,1585.61 918.951,1585.71 919.548,1585.71C920.103,1585.71 920.527,1585.61 920.82,1585.43C921.114,1585.24 921.324,1584.92 921.452,1584.47C921.58,1584.01 921.644,1583.37 921.644,1582.54C921.644,1581.72 921.58,1581.08 921.452,1580.63C921.324,1580.19 921.114,1579.87 920.82,1579.68C920.527,1579.5 920.103,1579.4 919.548,1579.4C918.951,1579.4 918.492,1579.5 918.172,1579.68C917.852,1579.87 917.623,1580.19 917.484,1580.63C917.346,1581.08 917.276,1581.72 917.276,1582.54Z" style="fill-rule:nonzero;"/>
+                <path d="M929.26,1586.91C928.364,1586.91 927.671,1586.83 927.18,1586.68C926.69,1586.53 926.343,1586.28 926.14,1585.91C925.938,1585.55 925.836,1585.04 925.836,1584.38L927.196,1584.38C927.218,1584.74 927.298,1585.02 927.436,1585.2C927.575,1585.39 927.796,1585.52 928.1,1585.6C928.404,1585.68 928.834,1585.72 929.388,1585.72C929.879,1585.72 930.258,1585.68 930.524,1585.61C930.791,1585.54 930.98,1585.41 931.092,1585.24C931.204,1585.07 931.26,1584.83 931.26,1584.51C931.26,1584.22 931.188,1583.98 931.044,1583.79C930.9,1583.61 930.658,1583.45 930.316,1583.31C929.975,1583.18 929.484,1583.05 928.844,1582.92C928.087,1582.77 927.503,1582.6 927.092,1582.41C926.682,1582.22 926.388,1581.98 926.212,1581.68C926.036,1581.39 925.948,1581.01 925.948,1580.54C925.948,1579.92 926.047,1579.44 926.244,1579.11C926.442,1578.78 926.772,1578.55 927.236,1578.4C927.7,1578.26 928.364,1578.19 929.228,1578.19C930.039,1578.19 930.663,1578.25 931.1,1578.38C931.538,1578.51 931.858,1578.73 932.06,1579.04C932.263,1579.36 932.38,1579.8 932.412,1580.38L931.084,1580.38C931.031,1579.98 930.871,1579.72 930.604,1579.58C930.338,1579.44 929.874,1579.37 929.212,1579.37C928.7,1579.37 928.306,1579.4 928.028,1579.47C927.751,1579.54 927.554,1579.66 927.436,1579.83C927.319,1580 927.26,1580.24 927.26,1580.55C927.26,1580.74 927.338,1580.89 927.492,1581.03C927.647,1581.17 927.906,1581.31 928.268,1581.44C928.631,1581.58 929.148,1581.73 929.82,1581.9C930.556,1582.08 931.122,1582.28 931.516,1582.49C931.911,1582.7 932.188,1582.96 932.348,1583.27C932.508,1583.58 932.588,1583.98 932.588,1584.47C932.588,1585.11 932.487,1585.61 932.284,1585.95C932.082,1586.3 931.746,1586.55 931.276,1586.69C930.807,1586.83 930.135,1586.91 929.26,1586.91Z" style="fill-rule:nonzero;"/>
+                <rect x="936.108" y="1581.34" width="5.472" height="1.28" style="fill-rule:nonzero;"/>
+                <path d="M948.7,1586.91C947.751,1586.91 947.018,1586.78 946.5,1586.51C945.983,1586.25 945.615,1585.82 945.396,1585.2C945.178,1584.59 945.068,1583.71 945.068,1582.57C945.068,1581.42 945.178,1580.53 945.396,1579.91C945.615,1579.28 945.98,1578.84 946.492,1578.58C947.004,1578.32 947.73,1578.19 948.668,1578.19C949.458,1578.19 950.071,1578.27 950.508,1578.43C950.946,1578.59 951.266,1578.86 951.468,1579.23C951.671,1579.61 951.794,1580.15 951.836,1580.84L950.508,1580.84C950.402,1580.29 950.226,1579.91 949.98,1579.71C949.735,1579.5 949.33,1579.4 948.764,1579.4C948.146,1579.4 947.671,1579.5 947.34,1579.69C947.01,1579.88 946.772,1580.2 946.628,1580.66C946.484,1581.11 946.412,1581.76 946.412,1582.6C946.412,1583.41 946.484,1584.04 946.628,1584.47C946.772,1584.91 947.012,1585.22 947.348,1585.41C947.684,1585.6 948.162,1585.69 948.78,1585.69C949.335,1585.69 949.732,1585.6 949.972,1585.43C950.212,1585.25 950.391,1584.92 950.508,1584.43L951.836,1584.43C951.794,1585.08 951.671,1585.58 951.468,1585.93C951.266,1586.28 950.948,1586.53 950.516,1586.68C950.084,1586.83 949.479,1586.91 948.7,1586.91Z" style="fill-rule:nonzero;"/>
+                <path d="M954.7,1575.1L956.044,1575.1L956.044,1579.63L956.156,1579.63C956.402,1579.07 956.698,1578.69 957.044,1578.5C957.391,1578.3 957.927,1578.2 958.652,1578.2C959.367,1578.2 959.916,1578.3 960.3,1578.49C960.684,1578.68 960.959,1579 961.124,1579.45C961.29,1579.9 961.372,1580.54 961.372,1581.39L961.372,1586.75L960.044,1586.75L960.044,1581.35C960.044,1580.84 959.988,1580.45 959.876,1580.17C959.764,1579.89 959.58,1579.69 959.324,1579.58C959.068,1579.46 958.706,1579.4 958.236,1579.4C957.66,1579.4 957.218,1579.49 956.908,1579.67C956.599,1579.86 956.378,1580.16 956.244,1580.59C956.111,1581.01 956.044,1581.62 956.044,1582.41L956.044,1586.75L954.7,1586.75L954.7,1575.1Z" style="fill-rule:nonzero;"/>
+                <path d="M966.828,1586.91C966.146,1586.91 965.62,1586.83 965.252,1586.68C964.884,1586.53 964.623,1586.28 964.468,1585.93C964.314,1585.58 964.236,1585.08 964.236,1584.43C964.236,1583.66 964.348,1583.06 964.572,1582.64C964.796,1582.22 965.172,1581.92 965.7,1581.75C966.228,1581.57 966.978,1581.48 967.948,1581.48L969.452,1581.48L969.452,1581.08C969.452,1580.63 969.396,1580.29 969.284,1580.04C969.172,1579.8 968.98,1579.62 968.708,1579.51C968.436,1579.41 968.05,1579.35 967.548,1579.35C966.898,1579.35 966.455,1579.44 966.22,1579.6C965.986,1579.77 965.858,1580.08 965.836,1580.55L964.492,1580.55C964.492,1579.93 964.583,1579.46 964.764,1579.12C964.946,1578.79 965.255,1578.55 965.692,1578.4C966.13,1578.26 966.748,1578.19 967.548,1578.19C968.38,1578.19 969.023,1578.27 969.476,1578.44C969.93,1578.61 970.25,1578.91 970.436,1579.32C970.623,1579.74 970.716,1580.32 970.716,1581.08L970.716,1586.75L969.5,1586.75L969.5,1585.67L969.388,1585.67C969.111,1586.14 968.794,1586.47 968.436,1586.64C968.079,1586.82 967.543,1586.91 966.828,1586.91ZM965.58,1584.28C965.58,1584.84 965.692,1585.21 965.916,1585.41C966.14,1585.61 966.556,1585.71 967.164,1585.71C967.762,1585.71 968.22,1585.61 968.54,1585.43C968.86,1585.24 969.09,1584.93 969.228,1584.49C969.367,1584.05 969.436,1583.43 969.436,1582.62L967.628,1582.63C967.095,1582.64 966.682,1582.7 966.388,1582.8C966.095,1582.9 965.887,1583.07 965.764,1583.3C965.642,1583.53 965.58,1583.86 965.58,1584.28Z" style="fill-rule:nonzero;"/>
+                <path d="M973.9,1578.39L975.244,1578.39L975.244,1579.61L975.356,1579.61C975.591,1579.06 975.887,1578.68 976.244,1578.48C976.602,1578.28 977.143,1578.19 977.868,1578.19C978.572,1578.19 979.116,1578.28 979.5,1578.47C979.884,1578.67 980.159,1578.99 980.324,1579.44C980.49,1579.89 980.572,1580.54 980.572,1581.37L980.572,1586.75L979.244,1586.75L979.244,1581.34C979.244,1580.84 979.188,1580.45 979.076,1580.17C978.964,1579.89 978.783,1579.7 978.532,1579.59C978.282,1579.47 977.922,1579.42 977.452,1579.42C976.876,1579.42 976.431,1579.51 976.116,1579.69C975.802,1579.87 975.578,1580.17 975.444,1580.59C975.311,1581.02 975.244,1581.62 975.244,1582.39L975.244,1586.75L973.9,1586.75L973.9,1578.39Z" style="fill-rule:nonzero;"/>
+                <path d="M986.732,1590.19C985.9,1590.19 985.258,1590.11 984.804,1589.96C984.351,1589.81 984.018,1589.56 983.804,1589.22C983.591,1588.87 983.463,1588.38 983.42,1587.74L984.764,1587.74C984.775,1588.08 984.839,1588.34 984.956,1588.53C985.074,1588.72 985.274,1588.85 985.556,1588.93C985.839,1589.01 986.236,1589.05 986.748,1589.05C987.282,1589.05 987.695,1588.98 987.988,1588.85C988.282,1588.72 988.49,1588.49 988.612,1588.16C988.735,1587.84 988.802,1587.38 988.812,1586.78L988.812,1585.53L988.7,1585.53C988.54,1586.01 988.308,1586.34 988.004,1586.52C987.7,1586.7 987.207,1586.79 986.524,1586.79C985.628,1586.79 984.938,1586.67 984.452,1586.41C983.967,1586.15 983.623,1585.72 983.42,1585.12C983.218,1584.52 983.116,1583.66 983.116,1582.55C983.116,1581.4 983.218,1580.52 983.42,1579.9C983.623,1579.28 983.97,1578.84 984.46,1578.58C984.951,1578.32 985.644,1578.19 986.54,1578.19C987.212,1578.19 987.706,1578.27 988.02,1578.44C988.335,1578.61 988.572,1578.94 988.732,1579.43L988.86,1579.43L988.86,1578.39L990.124,1578.39L990.124,1586.95C990.114,1587.81 990.007,1588.46 989.804,1588.92C989.602,1589.38 989.26,1589.71 988.78,1589.9C988.3,1590.09 987.618,1590.19 986.732,1590.19ZM984.46,1582.55C984.46,1583.35 984.524,1583.97 984.652,1584.41C984.78,1584.85 984.999,1585.16 985.308,1585.34C985.618,1585.52 986.06,1585.61 986.636,1585.61C987.212,1585.61 987.655,1585.52 987.964,1585.34C988.274,1585.16 988.492,1584.85 988.62,1584.41C988.748,1583.97 988.812,1583.35 988.812,1582.55C988.812,1581.71 988.748,1581.07 988.62,1580.62C988.492,1580.17 988.274,1579.85 987.964,1579.66C987.655,1579.47 987.212,1579.37 986.636,1579.37C986.06,1579.37 985.618,1579.47 985.308,1579.66C984.999,1579.85 984.78,1580.17 984.652,1580.62C984.524,1581.07 984.46,1581.71 984.46,1582.55Z" style="fill-rule:nonzero;"/>
+                <path d="M996.556,1586.91C995.596,1586.91 994.863,1586.78 994.356,1586.52C993.85,1586.27 993.492,1585.83 993.284,1585.21C993.076,1584.59 992.972,1583.69 992.972,1582.52C992.972,1581.38 993.079,1580.5 993.292,1579.88C993.506,1579.26 993.86,1578.83 994.356,1578.58C994.852,1578.33 995.543,1578.2 996.428,1578.2C997.388,1578.2 998.111,1578.34 998.596,1578.63C999.082,1578.91 999.415,1579.39 999.596,1580.07C999.778,1580.76 999.858,1581.76 999.836,1583.1L994.316,1583.1C994.348,1583.8 994.434,1584.34 994.572,1584.71C994.711,1585.09 994.932,1585.35 995.236,1585.5C995.54,1585.65 995.975,1585.72 996.54,1585.72C997.074,1585.72 997.463,1585.64 997.708,1585.49C997.954,1585.34 998.146,1585.03 998.284,1584.59L999.676,1584.59C999.559,1585.2 999.391,1585.68 999.172,1586.01C998.954,1586.34 998.642,1586.57 998.236,1586.71C997.831,1586.84 997.271,1586.91 996.556,1586.91ZM998.556,1581.93C998.535,1581.25 998.458,1580.73 998.324,1580.37C998.191,1580.01 997.978,1579.76 997.684,1579.61C997.391,1579.46 996.972,1579.39 996.428,1579.39C995.916,1579.39 995.519,1579.46 995.236,1579.61C994.954,1579.76 994.746,1580.01 994.612,1580.37C994.479,1580.73 994.386,1581.25 994.332,1581.93L998.556,1581.93Z" style="fill-rule:nonzero;"/>
+                <path d="M1006.06,1586.91C1005.16,1586.91 1004.47,1586.83 1003.98,1586.68C1003.49,1586.53 1003.14,1586.28 1002.94,1585.91C1002.74,1585.55 1002.64,1585.04 1002.64,1584.38L1004,1584.38C1004.02,1584.74 1004.1,1585.02 1004.24,1585.2C1004.38,1585.39 1004.6,1585.52 1004.9,1585.6C1005.2,1585.68 1005.63,1585.72 1006.19,1585.72C1006.68,1585.72 1007.06,1585.68 1007.32,1585.61C1007.59,1585.54 1007.78,1585.41 1007.89,1585.24C1008,1585.07 1008.06,1584.83 1008.06,1584.51C1008.06,1584.22 1007.99,1583.98 1007.84,1583.79C1007.7,1583.61 1007.46,1583.45 1007.12,1583.31C1006.77,1583.18 1006.28,1583.05 1005.64,1582.92C1004.89,1582.77 1004.3,1582.6 1003.89,1582.41C1003.48,1582.22 1003.19,1581.98 1003.01,1581.68C1002.84,1581.39 1002.75,1581.01 1002.75,1580.54C1002.75,1579.92 1002.85,1579.44 1003.04,1579.11C1003.24,1578.78 1003.57,1578.55 1004.04,1578.4C1004.5,1578.26 1005.16,1578.19 1006.03,1578.19C1006.84,1578.19 1007.46,1578.25 1007.9,1578.38C1008.34,1578.51 1008.66,1578.73 1008.86,1579.04C1009.06,1579.36 1009.18,1579.8 1009.21,1580.38L1007.88,1580.38C1007.83,1579.98 1007.67,1579.72 1007.4,1579.58C1007.14,1579.44 1006.67,1579.37 1006.01,1579.37C1005.5,1579.37 1005.11,1579.4 1004.83,1579.47C1004.55,1579.54 1004.35,1579.66 1004.24,1579.83C1004.12,1580 1004.06,1580.24 1004.06,1580.55C1004.06,1580.74 1004.14,1580.89 1004.29,1581.03C1004.45,1581.17 1004.71,1581.31 1005.07,1581.44C1005.43,1581.58 1005.95,1581.73 1006.62,1581.9C1007.36,1582.08 1007.92,1582.28 1008.32,1582.49C1008.71,1582.7 1008.99,1582.96 1009.15,1583.27C1009.31,1583.58 1009.39,1583.98 1009.39,1584.47C1009.39,1585.11 1009.29,1585.61 1009.08,1585.95C1008.88,1586.3 1008.55,1586.55 1008.08,1586.69C1007.61,1586.83 1006.94,1586.91 1006.06,1586.91Z" style="fill-rule:nonzero;"/>
+                <path d="M1015.76,1586.91C1014.8,1586.91 1014.06,1586.78 1013.56,1586.52C1013.05,1586.27 1012.69,1585.83 1012.48,1585.21C1012.28,1584.59 1012.17,1583.69 1012.17,1582.52C1012.17,1581.38 1012.28,1580.5 1012.49,1579.88C1012.71,1579.26 1013.06,1578.83 1013.56,1578.58C1014.05,1578.33 1014.74,1578.2 1015.63,1578.2C1016.59,1578.2 1017.31,1578.34 1017.8,1578.63C1018.28,1578.91 1018.62,1579.39 1018.8,1580.07C1018.98,1580.76 1019.06,1581.76 1019.04,1583.1L1013.52,1583.1C1013.55,1583.8 1013.63,1584.34 1013.77,1584.71C1013.91,1585.09 1014.13,1585.35 1014.44,1585.5C1014.74,1585.65 1015.18,1585.72 1015.74,1585.72C1016.27,1585.72 1016.66,1585.64 1016.91,1585.49C1017.15,1585.34 1017.35,1585.03 1017.48,1584.59L1018.88,1584.59C1018.76,1585.2 1018.59,1585.68 1018.37,1586.01C1018.15,1586.34 1017.84,1586.57 1017.44,1586.71C1017.03,1586.84 1016.47,1586.91 1015.76,1586.91ZM1017.76,1581.93C1017.74,1581.25 1017.66,1580.73 1017.52,1580.37C1017.39,1580.01 1017.18,1579.76 1016.88,1579.61C1016.59,1579.46 1016.17,1579.39 1015.63,1579.39C1015.12,1579.39 1014.72,1579.46 1014.44,1579.61C1014.15,1579.76 1013.95,1580.01 1013.81,1580.37C1013.68,1580.73 1013.59,1581.25 1013.53,1581.93L1017.76,1581.93Z" style="fill-rule:nonzero;"/>
+                <path d="M1026.24,1586.92C1025.55,1586.92 1025.04,1586.83 1024.7,1586.65C1024.36,1586.47 1024.13,1586.19 1024.01,1585.82C1023.89,1585.44 1023.84,1584.92 1023.84,1584.23L1023.84,1579.58L1021.68,1579.58L1022,1578.39L1023.9,1578.39L1023.9,1576.52L1025.15,1575.99L1025.15,1578.39L1028.08,1578.39L1028.08,1579.58L1025.15,1579.58L1025.15,1584.17C1025.15,1584.54 1025.19,1584.84 1025.27,1585.05C1025.35,1585.26 1025.5,1585.43 1025.73,1585.54C1025.96,1585.65 1026.31,1585.71 1026.76,1585.71C1027.17,1585.71 1027.72,1585.66 1028.43,1585.56L1028.43,1586.75C1027.49,1586.86 1026.76,1586.92 1026.24,1586.92Z" style="fill-rule:nonzero;"/>
+                <g>
+                    <path d="M1135.27,1658.86C1135.27,1658.65 1135.09,1658.48 1134.88,1658.48L997.587,1658.48C997.374,1658.48 997.2,1658.65 997.2,1658.86L997.2,1686.73C997.2,1686.94 997.374,1687.12 997.587,1687.12L1134.88,1687.12C1135.09,1687.12 1135.27,1686.94 1135.27,1686.73L1135.27,1658.86Z" style="fill:#f2fbff;stroke:#6e6e6e;stroke-width:1px;"/>
+                    <path d="M934.848,1659.11C934.848,1658.76 934.564,1658.48 934.214,1658.48L766.657,1658.48C766.307,1658.48 766.023,1658.76 766.023,1659.11L766.023,1704.79C766.023,1705.14 766.307,1705.42 766.657,1705.42L934.214,1705.42C934.564,1705.42 934.848,1705.14 934.848,1704.79L934.848,1659.11Z" style="fill:#f2fbff;stroke:#6e6e6e;stroke-width:1px;"/>
+                    <path d="M1007.62,1678.11C1006.79,1678.11 1006.15,1677.99 1005.7,1677.77C1005.25,1677.54 1004.92,1677.15 1004.73,1676.62C1004.54,1676.08 1004.45,1675.31 1004.45,1674.32C1004.45,1673.31 1004.54,1672.53 1004.73,1671.98C1004.92,1671.44 1005.24,1671.05 1005.69,1670.82C1006.14,1670.59 1006.77,1670.48 1007.6,1670.48C1008.29,1670.48 1008.82,1670.55 1009.21,1670.69C1009.59,1670.83 1009.87,1671.06 1010.05,1671.4C1010.22,1671.73 1010.33,1672.2 1010.37,1672.8L1009.21,1672.8C1009.11,1672.32 1008.96,1671.99 1008.74,1671.81C1008.53,1671.63 1008.17,1671.54 1007.68,1671.54C1007.14,1671.54 1006.72,1671.63 1006.43,1671.8C1006.14,1671.96 1005.94,1672.25 1005.81,1672.64C1005.68,1673.04 1005.62,1673.61 1005.62,1674.34C1005.62,1675.05 1005.68,1675.6 1005.81,1675.98C1005.94,1676.36 1006.15,1676.64 1006.44,1676.8C1006.73,1676.96 1007.15,1677.05 1007.69,1677.05C1008.18,1677.05 1008.53,1676.97 1008.74,1676.81C1008.95,1676.66 1009.1,1676.37 1009.21,1675.94L1010.37,1675.94C1010.33,1676.51 1010.22,1676.95 1010.05,1677.26C1009.87,1677.56 1009.59,1677.78 1009.21,1677.91C1008.83,1678.04 1008.3,1678.11 1007.62,1678.11Z" style="fill-rule:nonzero;"/>
+                    <path d="M1015.78,1678.11C1014.96,1678.11 1014.33,1677.99 1013.89,1677.77C1013.45,1677.54 1013.13,1677.15 1012.94,1676.61C1012.76,1676.07 1012.66,1675.3 1012.66,1674.3C1012.66,1673.29 1012.76,1672.52 1012.94,1671.98C1013.13,1671.43 1013.45,1671.05 1013.89,1670.82C1014.33,1670.59 1014.96,1670.48 1015.78,1670.48C1016.61,1670.48 1017.24,1670.59 1017.69,1670.82C1018.14,1671.05 1018.45,1671.44 1018.64,1671.98C1018.83,1672.53 1018.92,1673.3 1018.92,1674.3C1018.92,1675.3 1018.83,1676.07 1018.64,1676.61C1018.45,1677.15 1018.14,1677.54 1017.69,1677.77C1017.24,1677.99 1016.61,1678.11 1015.78,1678.11ZM1013.84,1674.3C1013.84,1675.03 1013.9,1675.59 1014.01,1675.98C1014.13,1676.37 1014.33,1676.65 1014.6,1676.81C1014.88,1676.98 1015.27,1677.06 1015.78,1677.06C1016.3,1677.06 1016.7,1676.98 1016.98,1676.81C1017.25,1676.65 1017.45,1676.37 1017.57,1675.98C1017.69,1675.59 1017.75,1675.03 1017.75,1674.3C1017.75,1673.56 1017.69,1673 1017.57,1672.61C1017.45,1672.22 1017.25,1671.93 1016.98,1671.77C1016.7,1671.6 1016.3,1671.52 1015.78,1671.52C1015.27,1671.52 1014.88,1671.6 1014.6,1671.77C1014.33,1671.93 1014.13,1672.22 1014.01,1672.61C1013.9,1673 1013.84,1673.56 1013.84,1674.3Z" style="fill-rule:nonzero;"/>
+                    <path d="M1020.64,1670.66L1021.69,1670.66L1021.69,1671.6L1021.79,1671.6C1021.95,1671.18 1022.13,1670.89 1022.32,1670.73C1022.52,1670.57 1022.8,1670.49 1023.16,1670.49C1023.58,1670.49 1023.9,1670.57 1024.13,1670.74C1024.35,1670.9 1024.52,1671.19 1024.62,1671.6L1024.69,1671.6C1024.86,1671.17 1025.05,1670.88 1025.26,1670.72C1025.47,1670.57 1025.77,1670.49 1026.16,1670.49C1026.57,1670.49 1026.89,1670.58 1027.12,1670.75C1027.35,1670.91 1027.51,1671.19 1027.6,1671.59C1027.69,1671.98 1027.74,1672.53 1027.74,1673.24L1027.74,1677.97L1026.63,1677.97L1026.63,1673.5C1026.63,1673 1026.61,1672.61 1026.56,1672.33C1026.51,1672.06 1026.41,1671.86 1026.28,1671.74C1026.14,1671.62 1025.95,1671.56 1025.71,1671.56C1025.46,1671.56 1025.26,1671.62 1025.12,1671.75C1024.98,1671.88 1024.88,1672.1 1024.83,1672.4C1024.77,1672.71 1024.75,1673.14 1024.75,1673.71L1024.75,1677.97L1023.65,1677.97L1023.68,1673.52C1023.69,1672.78 1023.62,1672.27 1023.46,1671.98C1023.31,1671.7 1023.06,1671.56 1022.7,1671.56C1022.45,1671.56 1022.25,1671.62 1022.12,1671.76C1021.99,1671.89 1021.89,1672.12 1021.83,1672.45C1021.76,1672.77 1021.74,1673.22 1021.74,1673.8L1021.74,1677.97L1020.64,1677.97L1020.64,1670.66Z" style="fill-rule:nonzero;"/>
+                    <path d="M1029.04,1670.66L1030.09,1670.66L1030.09,1671.6L1030.19,1671.6C1030.35,1671.18 1030.53,1670.89 1030.72,1670.73C1030.92,1670.57 1031.2,1670.49 1031.56,1670.49C1031.98,1670.49 1032.31,1670.57 1032.53,1670.74C1032.75,1670.9 1032.92,1671.19 1033.02,1671.6L1033.09,1671.6C1033.26,1671.17 1033.45,1670.88 1033.66,1670.72C1033.87,1670.57 1034.17,1670.49 1034.56,1670.49C1034.97,1670.49 1035.29,1670.58 1035.52,1670.75C1035.75,1670.91 1035.91,1671.19 1036,1671.59C1036.09,1671.98 1036.14,1672.53 1036.14,1673.24L1036.14,1677.97L1035.04,1677.97L1035.04,1673.5C1035.04,1673 1035.01,1672.61 1034.96,1672.33C1034.91,1672.06 1034.81,1671.86 1034.68,1671.74C1034.54,1671.62 1034.35,1671.56 1034.11,1671.56C1033.86,1671.56 1033.66,1671.62 1033.52,1671.75C1033.38,1671.88 1033.29,1672.1 1033.23,1672.4C1033.17,1672.71 1033.14,1673.14 1033.14,1673.71L1033.14,1677.97L1032.05,1677.97L1032.08,1673.52C1032.09,1672.78 1032.02,1672.27 1031.86,1671.98C1031.71,1671.7 1031.46,1671.56 1031.1,1671.56C1030.85,1671.56 1030.65,1671.62 1030.52,1671.76C1030.38,1671.89 1030.29,1672.12 1030.23,1672.45C1030.16,1672.77 1030.13,1673.22 1030.13,1673.8L1030.13,1677.97L1029.04,1677.97L1029.04,1670.66Z" style="fill-rule:nonzero;"/>
+                    <path d="M1041.1,1678.11C1040.26,1678.11 1039.62,1678 1039.17,1677.77C1038.73,1677.55 1038.42,1677.17 1038.23,1676.62C1038.05,1676.08 1037.96,1675.3 1037.96,1674.27C1037.96,1673.27 1038.05,1672.5 1038.24,1671.96C1038.43,1671.42 1038.74,1671.04 1039.17,1670.82C1039.61,1670.6 1040.21,1670.49 1040.99,1670.49C1041.83,1670.49 1042.46,1670.62 1042.88,1670.86C1043.31,1671.11 1043.6,1671.53 1043.76,1672.13C1043.92,1672.73 1043.99,1673.61 1043.97,1674.78L1039.14,1674.78C1039.16,1675.39 1039.24,1675.86 1039.36,1676.19C1039.48,1676.52 1039.68,1676.75 1039.94,1676.88C1040.21,1677.01 1040.59,1677.07 1041.08,1677.07C1041.55,1677.07 1041.89,1677.01 1042.11,1676.87C1042.32,1676.73 1042.49,1676.47 1042.61,1676.08L1043.83,1676.08C1043.72,1676.62 1043.58,1677.04 1043.39,1677.33C1043.19,1677.61 1042.92,1677.82 1042.57,1677.93C1042.21,1678.05 1041.72,1678.11 1041.1,1678.11ZM1042.85,1673.76C1042.83,1673.16 1042.76,1672.7 1042.64,1672.39C1042.53,1672.08 1042.34,1671.86 1042.08,1671.73C1041.83,1671.59 1041.46,1671.53 1040.99,1671.53C1040.54,1671.53 1040.19,1671.59 1039.94,1671.73C1039.69,1671.86 1039.51,1672.08 1039.4,1672.39C1039.28,1672.7 1039.2,1673.16 1039.15,1673.76L1042.85,1673.76Z" style="fill-rule:nonzero;"/>
+                    <path d="M1046.47,1670.66L1047.65,1670.66L1047.65,1671.73L1047.75,1671.73C1047.95,1671.24 1048.21,1670.91 1048.52,1670.74C1048.84,1670.57 1049.31,1670.48 1049.94,1670.48C1050.56,1670.48 1051.04,1670.56 1051.37,1670.73C1051.71,1670.9 1051.95,1671.18 1052.09,1671.58C1052.24,1671.97 1052.31,1672.54 1052.31,1673.27L1052.31,1677.97L1051.15,1677.97L1051.15,1673.24C1051.15,1672.8 1051.1,1672.46 1051,1672.22C1050.9,1671.97 1050.75,1671.8 1050.53,1671.7C1050.31,1671.61 1049.99,1671.56 1049.58,1671.56C1049.08,1671.56 1048.69,1671.64 1048.41,1671.8C1048.14,1671.95 1047.94,1672.22 1047.82,1672.59C1047.71,1672.95 1047.65,1673.48 1047.65,1674.16L1047.65,1677.97L1046.47,1677.97L1046.47,1670.66Z" style="fill-rule:nonzero;"/>
+                    <path d="M1058.67,1678.12C1058.07,1678.12 1057.62,1678.04 1057.32,1677.88C1057.02,1677.73 1056.82,1677.48 1056.72,1677.16C1056.62,1676.83 1056.57,1676.37 1056.57,1675.77L1056.57,1671.7L1054.68,1671.7L1054.96,1670.66L1056.62,1670.66L1056.62,1669.02L1057.71,1668.56L1057.71,1670.66L1060.28,1670.66L1060.28,1671.7L1057.71,1671.7L1057.71,1675.72C1057.71,1676.04 1057.75,1676.3 1057.82,1676.49C1057.89,1676.67 1058.03,1676.81 1058.23,1676.91C1058.43,1677.01 1058.73,1677.06 1059.13,1677.06C1059.48,1677.06 1059.97,1677.02 1060.59,1676.93L1060.59,1677.97C1059.76,1678.07 1059.12,1678.12 1058.67,1678.12Z" style="fill-rule:nonzero;"/>
+                    <rect x="1063.81" y="1673.24" width="4.788" height="1.12" style="fill-rule:nonzero;"/>
+                    <path d="M1073.65,1671.77L1071.83,1671.77L1071.49,1670.66L1073.65,1670.66L1073.65,1669.65C1073.65,1669.09 1073.73,1668.66 1073.91,1668.34C1074.08,1668.03 1074.38,1667.81 1074.8,1667.67C1075.21,1667.54 1075.8,1667.47 1076.56,1667.47C1076.73,1667.47 1077.03,1667.48 1077.45,1667.5L1077.45,1668.53C1077.3,1668.52 1077.08,1668.52 1076.8,1668.52C1076.27,1668.52 1075.87,1668.56 1075.58,1668.63C1075.29,1668.7 1075.08,1668.83 1074.96,1669C1074.84,1669.17 1074.78,1669.41 1074.78,1669.71L1074.78,1670.66L1077.32,1670.66L1077.32,1671.77L1074.78,1671.77L1074.78,1677.97L1073.65,1677.97L1073.65,1671.77Z" style="fill-rule:nonzero;"/>
+                    <path d="M1082.29,1678.11C1081.69,1678.11 1081.23,1678.04 1080.91,1677.91C1080.58,1677.78 1080.36,1677.56 1080.22,1677.26C1080.09,1676.95 1080.02,1676.51 1080.02,1675.94C1080.02,1675.27 1080.12,1674.75 1080.31,1674.38C1080.51,1674.01 1080.84,1673.75 1081.3,1673.59C1081.76,1673.44 1082.42,1673.36 1083.27,1673.36L1084.58,1673.36L1084.58,1673.01C1084.58,1672.62 1084.53,1672.32 1084.43,1672.1C1084.34,1671.89 1084.17,1671.73 1083.93,1671.64C1083.69,1671.55 1083.35,1671.5 1082.91,1671.5C1082.35,1671.5 1081.96,1671.57 1081.75,1671.72C1081.55,1671.86 1081.44,1672.14 1081.42,1672.55L1080.24,1672.55C1080.24,1672.01 1080.32,1671.59 1080.48,1671.3C1080.64,1671 1080.91,1670.79 1081.29,1670.67C1081.67,1670.54 1082.21,1670.48 1082.91,1670.48C1083.64,1670.48 1084.2,1670.55 1084.6,1670.7C1085,1670.85 1085.28,1671.11 1085.44,1671.47C1085.61,1671.84 1085.69,1672.35 1085.69,1673.01L1085.69,1677.97L1084.62,1677.97L1084.62,1677.03L1084.53,1677.03C1084.28,1677.44 1084.01,1677.72 1083.69,1677.88C1083.38,1678.03 1082.91,1678.11 1082.29,1678.11ZM1081.19,1675.81C1081.19,1676.3 1081.29,1676.63 1081.49,1676.8C1081.68,1676.97 1082.05,1677.06 1082.58,1677.06C1083.1,1677.06 1083.5,1676.98 1083.78,1676.81C1084.06,1676.65 1084.26,1676.38 1084.38,1676C1084.51,1675.61 1084.57,1675.07 1084.57,1674.36L1082.99,1674.37C1082.52,1674.38 1082.16,1674.43 1081.9,1674.52C1081.64,1674.61 1081.46,1674.75 1081.35,1674.95C1081.25,1675.15 1081.19,1675.44 1081.19,1675.81Z" style="fill-rule:nonzero;"/>
+                    <path d="M1090.7,1667.78L1092.31,1667.78L1092.31,1669.37L1090.7,1669.37L1090.7,1667.78ZM1088.78,1676.93L1091.15,1676.93L1091.15,1671.68L1088.92,1671.68L1088.92,1670.66L1092.3,1670.66L1092.3,1676.93L1094.56,1676.93L1094.56,1677.95L1088.78,1677.95L1088.78,1676.93Z" style="fill-rule:nonzero;"/>
+                    <path d="M1096.86,1676.93L1099.35,1676.93L1099.35,1668.83L1097,1668.83L1097,1667.78L1100.49,1667.78L1100.49,1676.93L1102.81,1676.93L1102.81,1677.97L1096.86,1677.97L1096.86,1676.93Z" style="fill-rule:nonzero;"/>
+                    <path d="M1107.51,1678.11C1106.92,1678.11 1106.46,1678.03 1106.13,1677.86C1105.81,1677.7 1105.58,1677.42 1105.45,1677.02C1105.31,1676.63 1105.25,1676.07 1105.25,1675.34L1105.25,1670.66L1106.42,1670.66L1106.42,1675.37C1106.42,1675.8 1106.46,1676.14 1106.55,1676.39C1106.64,1676.63 1106.79,1676.8 1107,1676.9C1107.2,1677.01 1107.49,1677.06 1107.86,1677.06C1108.4,1677.06 1108.82,1676.98 1109.11,1676.82C1109.4,1676.66 1109.61,1676.4 1109.73,1676.02C1109.86,1675.65 1109.92,1675.12 1109.92,1674.44L1109.92,1670.66L1111.08,1670.66L1111.08,1677.97L1109.92,1677.97L1109.92,1676.88L1109.82,1676.88C1109.61,1677.34 1109.34,1677.66 1109.01,1677.84C1108.68,1678.02 1108.18,1678.11 1107.51,1678.11Z" style="fill-rule:nonzero;"/>
+                    <path d="M1114.74,1670.66L1115.86,1670.66L1115.82,1672.38L1115.93,1672.38C1116.19,1671.79 1116.4,1671.37 1116.55,1671.14C1116.7,1670.91 1116.87,1670.77 1117.05,1670.72C1117.22,1670.66 1117.53,1670.63 1117.96,1670.62L1118.57,1670.61C1118.81,1670.61 1119.06,1670.61 1119.34,1670.63L1119.34,1671.74C1119.13,1671.73 1118.85,1671.73 1118.5,1671.73C1118.16,1671.73 1117.88,1671.74 1117.66,1671.77C1117.39,1671.81 1117.12,1671.96 1116.84,1672.21C1116.56,1672.45 1116.33,1672.76 1116.14,1673.13C1115.96,1673.5 1115.87,1673.88 1115.87,1674.27L1115.87,1677.97L1114.74,1677.97L1114.74,1670.66Z" style="fill-rule:nonzero;"/>
+                    <path d="M1125.1,1678.11C1124.26,1678.11 1123.62,1678 1123.17,1677.77C1122.73,1677.55 1122.42,1677.17 1122.23,1676.62C1122.05,1676.08 1121.96,1675.3 1121.96,1674.27C1121.96,1673.27 1122.05,1672.5 1122.24,1671.96C1122.43,1671.42 1122.74,1671.04 1123.17,1670.82C1123.61,1670.6 1124.21,1670.49 1124.99,1670.49C1125.83,1670.49 1126.46,1670.62 1126.88,1670.86C1127.31,1671.11 1127.6,1671.53 1127.76,1672.13C1127.92,1672.73 1127.99,1673.61 1127.97,1674.78L1123.14,1674.78C1123.16,1675.39 1123.24,1675.86 1123.36,1676.19C1123.48,1676.52 1123.68,1676.75 1123.94,1676.88C1124.21,1677.01 1124.59,1677.07 1125.08,1677.07C1125.55,1677.07 1125.89,1677.01 1126.11,1676.87C1126.32,1676.73 1126.49,1676.47 1126.61,1676.08L1127.83,1676.08C1127.72,1676.62 1127.58,1677.04 1127.39,1677.33C1127.19,1677.61 1126.92,1677.82 1126.57,1677.93C1126.21,1678.05 1125.72,1678.11 1125.1,1678.11ZM1126.85,1673.76C1126.83,1673.16 1126.76,1672.7 1126.64,1672.39C1126.53,1672.08 1126.34,1671.86 1126.08,1671.73C1125.83,1671.59 1125.46,1671.53 1124.99,1671.53C1124.54,1671.53 1124.19,1671.59 1123.94,1671.73C1123.69,1671.86 1123.51,1672.08 1123.4,1672.39C1123.28,1672.7 1123.2,1673.16 1123.15,1673.76L1126.85,1673.76Z" style="fill-rule:nonzero;"/>
+                    <g transform="matrix(1,0,0,1,593.12,1579.43)">
+                        <g transform="matrix(14,0,0,14,181.953,98.5354)">
+                            <path d="M0.293,0.215C0.241,0.215 0.201,0.21 0.173,0.201C0.144,0.192 0.123,0.176 0.11,0.155C0.097,0.133 0.089,0.102 0.086,0.062L0.17,0.062C0.171,0.083 0.175,0.1 0.182,0.112C0.189,0.123 0.202,0.132 0.22,0.137C0.237,0.142 0.262,0.144 0.294,0.144C0.327,0.144 0.353,0.14 0.372,0.132C0.39,0.123 0.403,0.109 0.411,0.089C0.418,0.068 0.422,0.039 0.423,0.002L0.423,-0.076L0.416,-0.076C0.406,-0.046 0.392,-0.025 0.373,-0.014C0.354,-0.003 0.323,0.003 0.28,0.003C0.224,0.003 0.181,-0.005 0.151,-0.021C0.12,-0.037 0.099,-0.064 0.086,-0.102C0.073,-0.139 0.067,-0.193 0.067,-0.262C0.067,-0.334 0.073,-0.389 0.086,-0.428C0.099,-0.467 0.12,-0.494 0.151,-0.511C0.182,-0.527 0.225,-0.535 0.281,-0.535C0.323,-0.535 0.354,-0.53 0.374,-0.519C0.393,-0.508 0.408,-0.488 0.418,-0.457L0.426,-0.457L0.426,-0.522L0.505,-0.522L0.505,0.013C0.504,0.066 0.498,0.107 0.485,0.136C0.472,0.165 0.451,0.185 0.421,0.197C0.391,0.209 0.348,0.215 0.293,0.215ZM0.151,-0.262C0.151,-0.212 0.155,-0.173 0.163,-0.146C0.171,-0.119 0.185,-0.099 0.204,-0.088C0.223,-0.077 0.251,-0.071 0.287,-0.071C0.323,-0.071 0.351,-0.077 0.37,-0.088C0.389,-0.099 0.403,-0.119 0.411,-0.146C0.419,-0.173 0.423,-0.212 0.423,-0.262C0.423,-0.315 0.419,-0.355 0.411,-0.383C0.403,-0.411 0.389,-0.431 0.37,-0.443C0.351,-0.455 0.323,-0.461 0.287,-0.461C0.251,-0.461 0.223,-0.455 0.204,-0.443C0.185,-0.431 0.171,-0.411 0.163,-0.383C0.155,-0.355 0.151,-0.315 0.151,-0.262Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,190.353,98.5354)">
+                            <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,198.753,98.5354)">
+                            <path d="M0.091,-0.522L0.175,-0.522L0.175,-0.446L0.182,-0.446C0.197,-0.481 0.215,-0.504 0.238,-0.517C0.26,-0.529 0.294,-0.535 0.339,-0.535C0.383,-0.535 0.417,-0.529 0.441,-0.517C0.465,-0.505 0.482,-0.485 0.493,-0.457C0.503,-0.428 0.508,-0.388 0.508,-0.336L0.508,-0L0.425,-0L0.425,-0.338C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.44 0.381,-0.448C0.365,-0.455 0.342,-0.458 0.313,-0.458C0.277,-0.458 0.249,-0.452 0.23,-0.441C0.21,-0.43 0.196,-0.411 0.188,-0.385C0.179,-0.358 0.175,-0.321 0.175,-0.272L0.175,-0L0.091,-0L0.091,-0.522Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,207.153,98.5354)">
+                            <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,215.553,98.5354)">
+                            <path d="M0.167,-0.522L0.247,-0.522L0.244,-0.399L0.252,-0.399C0.271,-0.442 0.286,-0.471 0.297,-0.488C0.308,-0.504 0.319,-0.514 0.332,-0.518C0.345,-0.522 0.366,-0.524 0.397,-0.525L0.441,-0.526C0.458,-0.526 0.476,-0.525 0.496,-0.524L0.496,-0.445C0.481,-0.446 0.461,-0.446 0.436,-0.446C0.411,-0.446 0.391,-0.445 0.376,-0.443C0.357,-0.44 0.337,-0.429 0.317,-0.412C0.297,-0.394 0.281,-0.372 0.268,-0.346C0.255,-0.319 0.248,-0.292 0.248,-0.264L0.248,-0L0.167,-0L0.167,-0.522Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,223.953,98.5354)">
+                            <path d="M0.249,0.01C0.206,0.01 0.173,0.005 0.151,-0.004C0.128,-0.013 0.111,-0.029 0.102,-0.051C0.092,-0.073 0.087,-0.104 0.087,-0.145C0.087,-0.193 0.094,-0.23 0.108,-0.257C0.122,-0.283 0.146,-0.302 0.179,-0.313C0.212,-0.324 0.258,-0.329 0.319,-0.329L0.413,-0.329L0.413,-0.354C0.413,-0.382 0.41,-0.404 0.403,-0.419C0.396,-0.434 0.384,-0.445 0.367,-0.452C0.349,-0.459 0.325,-0.462 0.294,-0.462C0.253,-0.462 0.226,-0.457 0.211,-0.447C0.196,-0.436 0.188,-0.416 0.187,-0.387L0.103,-0.387C0.103,-0.426 0.109,-0.456 0.12,-0.477C0.131,-0.498 0.151,-0.513 0.178,-0.522C0.205,-0.531 0.244,-0.535 0.294,-0.535C0.346,-0.535 0.386,-0.53 0.415,-0.519C0.443,-0.508 0.463,-0.49 0.475,-0.464C0.486,-0.438 0.492,-0.401 0.492,-0.354L0.492,-0L0.416,-0L0.416,-0.067L0.409,-0.067C0.392,-0.038 0.372,-0.017 0.35,-0.007C0.327,0.005 0.294,0.01 0.249,0.01ZM0.171,-0.154C0.171,-0.119 0.178,-0.096 0.192,-0.084C0.206,-0.071 0.232,-0.065 0.27,-0.065C0.307,-0.065 0.336,-0.071 0.356,-0.083C0.376,-0.094 0.39,-0.114 0.399,-0.141C0.408,-0.168 0.412,-0.207 0.412,-0.258L0.299,-0.257C0.266,-0.256 0.24,-0.253 0.222,-0.247C0.203,-0.24 0.19,-0.23 0.183,-0.216C0.175,-0.201 0.171,-0.181 0.171,-0.154Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,232.353,98.5354)">
+                            <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,240.753,98.5354)">
+                            <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,249.153,98.5354)">
+                            <rect x="0.129" y="-0.338" width="0.342" height="0.08" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,257.553,98.5354)">
+                            <path d="M0.316,0.01C0.257,0.01 0.211,0.002 0.179,-0.015C0.146,-0.031 0.123,-0.058 0.11,-0.097C0.096,-0.135 0.089,-0.19 0.089,-0.261C0.089,-0.333 0.096,-0.389 0.11,-0.428C0.123,-0.466 0.146,-0.494 0.178,-0.511C0.21,-0.527 0.255,-0.535 0.314,-0.535C0.363,-0.535 0.402,-0.53 0.429,-0.52C0.456,-0.51 0.476,-0.493 0.489,-0.47C0.502,-0.446 0.509,-0.412 0.512,-0.369L0.429,-0.369C0.422,-0.404 0.411,-0.427 0.396,-0.44C0.381,-0.453 0.355,-0.459 0.32,-0.459C0.281,-0.459 0.252,-0.453 0.231,-0.441C0.21,-0.429 0.196,-0.409 0.187,-0.381C0.178,-0.352 0.173,-0.312 0.173,-0.259C0.173,-0.208 0.178,-0.169 0.187,-0.142C0.196,-0.115 0.211,-0.095 0.232,-0.084C0.253,-0.072 0.282,-0.066 0.321,-0.066C0.356,-0.066 0.381,-0.072 0.396,-0.083C0.411,-0.094 0.422,-0.114 0.429,-0.145L0.512,-0.145C0.509,-0.104 0.502,-0.073 0.489,-0.051C0.476,-0.029 0.456,-0.013 0.43,-0.004C0.403,0.005 0.365,0.01 0.316,0.01Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,265.953,98.5354)">
+                            <path d="M0.091,-0.728L0.175,-0.728L0.175,-0.445L0.182,-0.445C0.197,-0.48 0.216,-0.503 0.238,-0.516C0.259,-0.528 0.293,-0.534 0.338,-0.534C0.383,-0.534 0.417,-0.528 0.441,-0.516C0.465,-0.504 0.482,-0.484 0.493,-0.456C0.503,-0.428 0.508,-0.388 0.508,-0.335L0.508,-0L0.425,-0L0.425,-0.337C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.441 0.38,-0.448C0.364,-0.455 0.341,-0.459 0.312,-0.459C0.276,-0.459 0.248,-0.453 0.229,-0.442C0.21,-0.431 0.196,-0.412 0.188,-0.385C0.179,-0.358 0.175,-0.32 0.175,-0.271L0.175,-0L0.091,-0L0.091,-0.728Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,274.353,98.5354)">
+                            <path d="M0.249,0.01C0.206,0.01 0.173,0.005 0.151,-0.004C0.128,-0.013 0.111,-0.029 0.102,-0.051C0.092,-0.073 0.087,-0.104 0.087,-0.145C0.087,-0.193 0.094,-0.23 0.108,-0.257C0.122,-0.283 0.146,-0.302 0.179,-0.313C0.212,-0.324 0.258,-0.329 0.319,-0.329L0.413,-0.329L0.413,-0.354C0.413,-0.382 0.41,-0.404 0.403,-0.419C0.396,-0.434 0.384,-0.445 0.367,-0.452C0.349,-0.459 0.325,-0.462 0.294,-0.462C0.253,-0.462 0.226,-0.457 0.211,-0.447C0.196,-0.436 0.188,-0.416 0.187,-0.387L0.103,-0.387C0.103,-0.426 0.109,-0.456 0.12,-0.477C0.131,-0.498 0.151,-0.513 0.178,-0.522C0.205,-0.531 0.244,-0.535 0.294,-0.535C0.346,-0.535 0.386,-0.53 0.415,-0.519C0.443,-0.508 0.463,-0.49 0.475,-0.464C0.486,-0.438 0.492,-0.401 0.492,-0.354L0.492,-0L0.416,-0L0.416,-0.067L0.409,-0.067C0.392,-0.038 0.372,-0.017 0.35,-0.007C0.327,0.005 0.294,0.01 0.249,0.01ZM0.171,-0.154C0.171,-0.119 0.178,-0.096 0.192,-0.084C0.206,-0.071 0.232,-0.065 0.27,-0.065C0.307,-0.065 0.336,-0.071 0.356,-0.083C0.376,-0.094 0.39,-0.114 0.399,-0.141C0.408,-0.168 0.412,-0.207 0.412,-0.258L0.299,-0.257C0.266,-0.256 0.24,-0.253 0.222,-0.247C0.203,-0.24 0.19,-0.23 0.183,-0.216C0.175,-0.201 0.171,-0.181 0.171,-0.154Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,282.753,98.5354)">
+                            <path d="M0.091,-0.522L0.175,-0.522L0.175,-0.446L0.182,-0.446C0.197,-0.481 0.215,-0.504 0.238,-0.517C0.26,-0.529 0.294,-0.535 0.339,-0.535C0.383,-0.535 0.417,-0.529 0.441,-0.517C0.465,-0.505 0.482,-0.485 0.493,-0.457C0.503,-0.428 0.508,-0.388 0.508,-0.336L0.508,-0L0.425,-0L0.425,-0.338C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.44 0.381,-0.448C0.365,-0.455 0.342,-0.458 0.313,-0.458C0.277,-0.458 0.249,-0.452 0.23,-0.441C0.21,-0.43 0.196,-0.411 0.188,-0.385C0.179,-0.358 0.175,-0.321 0.175,-0.272L0.175,-0L0.091,-0L0.091,-0.522Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,291.153,98.5354)">
+                            <path d="M0.293,0.215C0.241,0.215 0.201,0.21 0.173,0.201C0.144,0.192 0.123,0.176 0.11,0.155C0.097,0.133 0.089,0.102 0.086,0.062L0.17,0.062C0.171,0.083 0.175,0.1 0.182,0.112C0.189,0.123 0.202,0.132 0.22,0.137C0.237,0.142 0.262,0.144 0.294,0.144C0.327,0.144 0.353,0.14 0.372,0.132C0.39,0.123 0.403,0.109 0.411,0.089C0.418,0.068 0.422,0.039 0.423,0.002L0.423,-0.076L0.416,-0.076C0.406,-0.046 0.392,-0.025 0.373,-0.014C0.354,-0.003 0.323,0.003 0.28,0.003C0.224,0.003 0.181,-0.005 0.151,-0.021C0.12,-0.037 0.099,-0.064 0.086,-0.102C0.073,-0.139 0.067,-0.193 0.067,-0.262C0.067,-0.334 0.073,-0.389 0.086,-0.428C0.099,-0.467 0.12,-0.494 0.151,-0.511C0.182,-0.527 0.225,-0.535 0.281,-0.535C0.323,-0.535 0.354,-0.53 0.374,-0.519C0.393,-0.508 0.408,-0.488 0.418,-0.457L0.426,-0.457L0.426,-0.522L0.505,-0.522L0.505,0.013C0.504,0.066 0.498,0.107 0.485,0.136C0.472,0.165 0.451,0.185 0.421,0.197C0.391,0.209 0.348,0.215 0.293,0.215ZM0.151,-0.262C0.151,-0.212 0.155,-0.173 0.163,-0.146C0.171,-0.119 0.185,-0.099 0.204,-0.088C0.223,-0.077 0.251,-0.071 0.287,-0.071C0.323,-0.071 0.351,-0.077 0.37,-0.088C0.389,-0.099 0.403,-0.119 0.411,-0.146C0.419,-0.173 0.423,-0.212 0.423,-0.262C0.423,-0.315 0.419,-0.355 0.411,-0.383C0.403,-0.411 0.389,-0.431 0.37,-0.443C0.351,-0.455 0.323,-0.461 0.287,-0.461C0.251,-0.461 0.223,-0.455 0.204,-0.443C0.185,-0.431 0.171,-0.411 0.163,-0.383C0.155,-0.355 0.151,-0.315 0.151,-0.262Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,299.553,98.5354)">
+                            <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,307.953,98.5354)">
+                            <path d="M0.301,0.01C0.245,0.01 0.202,0.005 0.171,-0.004C0.14,-0.013 0.119,-0.029 0.106,-0.052C0.093,-0.075 0.087,-0.107 0.087,-0.148L0.172,-0.148C0.173,-0.125 0.178,-0.108 0.187,-0.097C0.196,-0.085 0.21,-0.077 0.229,-0.072C0.248,-0.067 0.274,-0.064 0.309,-0.064C0.34,-0.064 0.363,-0.066 0.38,-0.071C0.397,-0.076 0.409,-0.083 0.416,-0.094C0.423,-0.105 0.426,-0.12 0.426,-0.14C0.426,-0.158 0.422,-0.173 0.413,-0.185C0.404,-0.196 0.388,-0.206 0.367,-0.215C0.346,-0.223 0.315,-0.231 0.275,-0.239C0.228,-0.248 0.191,-0.259 0.166,-0.271C0.14,-0.283 0.122,-0.298 0.111,-0.317C0.099,-0.335 0.094,-0.359 0.094,-0.388C0.094,-0.427 0.1,-0.456 0.113,-0.477C0.125,-0.498 0.146,-0.513 0.175,-0.522C0.204,-0.531 0.245,-0.535 0.299,-0.535C0.35,-0.535 0.389,-0.531 0.416,-0.523C0.443,-0.515 0.463,-0.501 0.476,-0.482C0.489,-0.462 0.496,-0.434 0.498,-0.398L0.415,-0.398C0.412,-0.423 0.402,-0.439 0.385,-0.448C0.368,-0.457 0.339,-0.461 0.298,-0.461C0.266,-0.461 0.241,-0.459 0.224,-0.455C0.207,-0.45 0.194,-0.443 0.187,-0.432C0.18,-0.421 0.176,-0.406 0.176,-0.387C0.176,-0.376 0.181,-0.366 0.191,-0.357C0.2,-0.348 0.216,-0.34 0.239,-0.332C0.262,-0.323 0.294,-0.314 0.336,-0.303C0.382,-0.292 0.417,-0.279 0.442,-0.266C0.467,-0.253 0.484,-0.236 0.494,-0.217C0.504,-0.198 0.509,-0.173 0.509,-0.142C0.509,-0.102 0.503,-0.071 0.49,-0.05C0.477,-0.028 0.456,-0.013 0.427,-0.004C0.398,0.006 0.356,0.01 0.301,0.01Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,316.353,98.5354)">
+                            <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,324.753,98.5354)">
+                            <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,202.953,116.035)">
+                            <path d="M0.316,0.01C0.257,0.01 0.211,0.002 0.179,-0.015C0.146,-0.031 0.123,-0.058 0.11,-0.097C0.096,-0.135 0.089,-0.19 0.089,-0.261C0.089,-0.333 0.096,-0.389 0.11,-0.428C0.123,-0.466 0.146,-0.494 0.178,-0.511C0.21,-0.527 0.255,-0.535 0.314,-0.535C0.363,-0.535 0.402,-0.53 0.429,-0.52C0.456,-0.51 0.476,-0.493 0.489,-0.47C0.502,-0.446 0.509,-0.412 0.512,-0.369L0.429,-0.369C0.422,-0.404 0.411,-0.427 0.396,-0.44C0.381,-0.453 0.355,-0.459 0.32,-0.459C0.281,-0.459 0.252,-0.453 0.231,-0.441C0.21,-0.429 0.196,-0.409 0.187,-0.381C0.178,-0.352 0.173,-0.312 0.173,-0.259C0.173,-0.208 0.178,-0.169 0.187,-0.142C0.196,-0.115 0.211,-0.095 0.232,-0.084C0.253,-0.072 0.282,-0.066 0.321,-0.066C0.356,-0.066 0.381,-0.072 0.396,-0.083C0.411,-0.094 0.422,-0.114 0.429,-0.145L0.512,-0.145C0.509,-0.104 0.502,-0.073 0.489,-0.051C0.476,-0.029 0.456,-0.013 0.43,-0.004C0.403,0.005 0.365,0.01 0.316,0.01Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,211.353,116.035)">
+                            <path d="M0.299,0.01C0.24,0.01 0.195,0.002 0.164,-0.015C0.132,-0.031 0.109,-0.058 0.096,-0.097C0.083,-0.136 0.076,-0.191 0.076,-0.262C0.076,-0.334 0.083,-0.389 0.096,-0.428C0.109,-0.467 0.132,-0.494 0.164,-0.511C0.195,-0.527 0.24,-0.535 0.299,-0.535C0.358,-0.535 0.403,-0.527 0.435,-0.511C0.467,-0.494 0.49,-0.466 0.503,-0.428C0.516,-0.389 0.523,-0.333 0.523,-0.262C0.523,-0.191 0.516,-0.136 0.503,-0.097C0.49,-0.058 0.467,-0.031 0.435,-0.015C0.403,0.002 0.358,0.01 0.299,0.01ZM0.16,-0.262C0.16,-0.21 0.164,-0.17 0.173,-0.142C0.181,-0.114 0.195,-0.094 0.215,-0.083C0.234,-0.071 0.262,-0.065 0.299,-0.065C0.336,-0.065 0.364,-0.071 0.384,-0.083C0.404,-0.094 0.418,-0.114 0.427,-0.142C0.435,-0.17 0.439,-0.21 0.439,-0.262C0.439,-0.315 0.435,-0.355 0.427,-0.383C0.418,-0.411 0.404,-0.431 0.384,-0.443C0.364,-0.455 0.336,-0.461 0.299,-0.461C0.262,-0.461 0.234,-0.455 0.215,-0.443C0.195,-0.431 0.181,-0.411 0.173,-0.383C0.164,-0.355 0.16,-0.315 0.16,-0.262Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,219.753,116.035)">
+                            <path d="M0.046,-0.522L0.121,-0.522L0.121,-0.455L0.128,-0.455C0.139,-0.485 0.152,-0.506 0.166,-0.517C0.18,-0.528 0.2,-0.534 0.226,-0.534C0.256,-0.534 0.279,-0.528 0.295,-0.517C0.311,-0.505 0.323,-0.484 0.33,-0.455L0.335,-0.455C0.347,-0.486 0.361,-0.506 0.376,-0.518C0.391,-0.529 0.412,-0.534 0.44,-0.534C0.469,-0.534 0.492,-0.528 0.509,-0.516C0.525,-0.504 0.536,-0.484 0.543,-0.456C0.55,-0.428 0.553,-0.389 0.553,-0.338L0.553,-0L0.474,-0L0.474,-0.319C0.474,-0.355 0.472,-0.383 0.469,-0.403C0.465,-0.422 0.458,-0.436 0.449,-0.445C0.439,-0.454 0.425,-0.458 0.408,-0.458C0.39,-0.458 0.376,-0.453 0.366,-0.444C0.356,-0.435 0.349,-0.419 0.345,-0.398C0.341,-0.376 0.339,-0.345 0.339,-0.304L0.339,-0L0.261,-0L0.263,-0.318C0.264,-0.371 0.259,-0.407 0.248,-0.428C0.237,-0.448 0.218,-0.458 0.193,-0.458C0.175,-0.458 0.161,-0.453 0.152,-0.444C0.142,-0.434 0.135,-0.418 0.131,-0.395C0.126,-0.372 0.124,-0.339 0.124,-0.298L0.124,-0L0.046,-0L0.046,-0.522Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,228.153,116.035)">
+                            <path d="M0.046,-0.522L0.121,-0.522L0.121,-0.455L0.128,-0.455C0.139,-0.485 0.152,-0.506 0.166,-0.517C0.18,-0.528 0.2,-0.534 0.226,-0.534C0.256,-0.534 0.279,-0.528 0.295,-0.517C0.311,-0.505 0.323,-0.484 0.33,-0.455L0.335,-0.455C0.347,-0.486 0.361,-0.506 0.376,-0.518C0.391,-0.529 0.412,-0.534 0.44,-0.534C0.469,-0.534 0.492,-0.528 0.509,-0.516C0.525,-0.504 0.536,-0.484 0.543,-0.456C0.55,-0.428 0.553,-0.389 0.553,-0.338L0.553,-0L0.474,-0L0.474,-0.319C0.474,-0.355 0.472,-0.383 0.469,-0.403C0.465,-0.422 0.458,-0.436 0.449,-0.445C0.439,-0.454 0.425,-0.458 0.408,-0.458C0.39,-0.458 0.376,-0.453 0.366,-0.444C0.356,-0.435 0.349,-0.419 0.345,-0.398C0.341,-0.376 0.339,-0.345 0.339,-0.304L0.339,-0L0.261,-0L0.263,-0.318C0.264,-0.371 0.259,-0.407 0.248,-0.428C0.237,-0.448 0.218,-0.458 0.193,-0.458C0.175,-0.458 0.161,-0.453 0.152,-0.444C0.142,-0.434 0.135,-0.418 0.131,-0.395C0.126,-0.372 0.124,-0.339 0.124,-0.298L0.124,-0L0.046,-0L0.046,-0.522Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,236.553,116.035)">
+                            <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,244.953,116.035)">
+                            <path d="M0.091,-0.522L0.175,-0.522L0.175,-0.446L0.182,-0.446C0.197,-0.481 0.215,-0.504 0.238,-0.517C0.26,-0.529 0.294,-0.535 0.339,-0.535C0.383,-0.535 0.417,-0.529 0.441,-0.517C0.465,-0.505 0.482,-0.485 0.493,-0.457C0.503,-0.428 0.508,-0.388 0.508,-0.336L0.508,-0L0.425,-0L0.425,-0.338C0.425,-0.369 0.422,-0.394 0.415,-0.411C0.408,-0.428 0.396,-0.44 0.381,-0.448C0.365,-0.455 0.342,-0.458 0.313,-0.458C0.277,-0.458 0.249,-0.452 0.23,-0.441C0.21,-0.43 0.196,-0.411 0.188,-0.385C0.179,-0.358 0.175,-0.321 0.175,-0.272L0.175,-0L0.091,-0L0.091,-0.522Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,253.353,116.035)">
+                            <path d="M0.362,0.011C0.319,0.011 0.287,0.005 0.266,-0.006C0.245,-0.017 0.23,-0.035 0.223,-0.058C0.216,-0.081 0.212,-0.114 0.212,-0.157L0.212,-0.448L0.077,-0.448L0.097,-0.522L0.216,-0.522L0.216,-0.639L0.294,-0.672L0.294,-0.522L0.477,-0.522L0.477,-0.448L0.294,-0.448L0.294,-0.161C0.294,-0.138 0.297,-0.119 0.302,-0.106C0.307,-0.093 0.316,-0.083 0.331,-0.076C0.345,-0.069 0.366,-0.065 0.395,-0.065C0.42,-0.065 0.455,-0.068 0.499,-0.074L0.499,-0C0.44,0.007 0.395,0.011 0.362,0.011Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,261.753,116.035)">
+                            <rect x="0.129" y="-0.338" width="0.342" height="0.08" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,270.153,116.035)">
+                            <path d="M0.25,-0.728L0.365,-0.728L0.365,-0.614L0.25,-0.614L0.25,-0.728ZM0.113,-0.074L0.282,-0.074L0.282,-0.449L0.123,-0.449L0.123,-0.522L0.364,-0.522L0.364,-0.074L0.526,-0.074L0.526,-0.001L0.113,-0.001L0.113,-0.074Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,278.553,116.035)">
+                            <path d="M0.301,0.01C0.245,0.01 0.202,0.005 0.171,-0.004C0.14,-0.013 0.119,-0.029 0.106,-0.052C0.093,-0.075 0.087,-0.107 0.087,-0.148L0.172,-0.148C0.173,-0.125 0.178,-0.108 0.187,-0.097C0.196,-0.085 0.21,-0.077 0.229,-0.072C0.248,-0.067 0.274,-0.064 0.309,-0.064C0.34,-0.064 0.363,-0.066 0.38,-0.071C0.397,-0.076 0.409,-0.083 0.416,-0.094C0.423,-0.105 0.426,-0.12 0.426,-0.14C0.426,-0.158 0.422,-0.173 0.413,-0.185C0.404,-0.196 0.388,-0.206 0.367,-0.215C0.346,-0.223 0.315,-0.231 0.275,-0.239C0.228,-0.248 0.191,-0.259 0.166,-0.271C0.14,-0.283 0.122,-0.298 0.111,-0.317C0.099,-0.335 0.094,-0.359 0.094,-0.388C0.094,-0.427 0.1,-0.456 0.113,-0.477C0.125,-0.498 0.146,-0.513 0.175,-0.522C0.204,-0.531 0.245,-0.535 0.299,-0.535C0.35,-0.535 0.389,-0.531 0.416,-0.523C0.443,-0.515 0.463,-0.501 0.476,-0.482C0.489,-0.462 0.496,-0.434 0.498,-0.398L0.415,-0.398C0.412,-0.423 0.402,-0.439 0.385,-0.448C0.368,-0.457 0.339,-0.461 0.298,-0.461C0.266,-0.461 0.241,-0.459 0.224,-0.455C0.207,-0.45 0.194,-0.443 0.187,-0.432C0.18,-0.421 0.176,-0.406 0.176,-0.387C0.176,-0.376 0.181,-0.366 0.191,-0.357C0.2,-0.348 0.216,-0.34 0.239,-0.332C0.262,-0.323 0.294,-0.314 0.336,-0.303C0.382,-0.292 0.417,-0.279 0.442,-0.266C0.467,-0.253 0.484,-0.236 0.494,-0.217C0.504,-0.198 0.509,-0.173 0.509,-0.142C0.509,-0.102 0.503,-0.071 0.49,-0.05C0.477,-0.028 0.456,-0.013 0.427,-0.004C0.398,0.006 0.356,0.01 0.301,0.01Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,286.953,116.035)">
+                            <path d="M0.301,0.01C0.245,0.01 0.202,0.005 0.171,-0.004C0.14,-0.013 0.119,-0.029 0.106,-0.052C0.093,-0.075 0.087,-0.107 0.087,-0.148L0.172,-0.148C0.173,-0.125 0.178,-0.108 0.187,-0.097C0.196,-0.085 0.21,-0.077 0.229,-0.072C0.248,-0.067 0.274,-0.064 0.309,-0.064C0.34,-0.064 0.363,-0.066 0.38,-0.071C0.397,-0.076 0.409,-0.083 0.416,-0.094C0.423,-0.105 0.426,-0.12 0.426,-0.14C0.426,-0.158 0.422,-0.173 0.413,-0.185C0.404,-0.196 0.388,-0.206 0.367,-0.215C0.346,-0.223 0.315,-0.231 0.275,-0.239C0.228,-0.248 0.191,-0.259 0.166,-0.271C0.14,-0.283 0.122,-0.298 0.111,-0.317C0.099,-0.335 0.094,-0.359 0.094,-0.388C0.094,-0.427 0.1,-0.456 0.113,-0.477C0.125,-0.498 0.146,-0.513 0.175,-0.522C0.204,-0.531 0.245,-0.535 0.299,-0.535C0.35,-0.535 0.389,-0.531 0.416,-0.523C0.443,-0.515 0.463,-0.501 0.476,-0.482C0.489,-0.462 0.496,-0.434 0.498,-0.398L0.415,-0.398C0.412,-0.423 0.402,-0.439 0.385,-0.448C0.368,-0.457 0.339,-0.461 0.298,-0.461C0.266,-0.461 0.241,-0.459 0.224,-0.455C0.207,-0.45 0.194,-0.443 0.187,-0.432C0.18,-0.421 0.176,-0.406 0.176,-0.387C0.176,-0.376 0.181,-0.366 0.191,-0.357C0.2,-0.348 0.216,-0.34 0.239,-0.332C0.262,-0.323 0.294,-0.314 0.336,-0.303C0.382,-0.292 0.417,-0.279 0.442,-0.266C0.467,-0.253 0.484,-0.236 0.494,-0.217C0.504,-0.198 0.509,-0.173 0.509,-0.142C0.509,-0.102 0.503,-0.071 0.49,-0.05C0.477,-0.028 0.456,-0.013 0.427,-0.004C0.398,0.006 0.356,0.01 0.301,0.01Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,295.353,116.035)">
+                            <path d="M0.251,0.01C0.208,0.01 0.175,0.004 0.153,-0.008C0.13,-0.019 0.113,-0.039 0.104,-0.068C0.094,-0.096 0.089,-0.136 0.089,-0.188L0.089,-0.522L0.173,-0.522L0.173,-0.186C0.173,-0.155 0.176,-0.13 0.183,-0.113C0.189,-0.096 0.199,-0.083 0.214,-0.076C0.229,-0.069 0.249,-0.065 0.276,-0.065C0.315,-0.065 0.344,-0.071 0.365,-0.082C0.386,-0.093 0.401,-0.112 0.41,-0.139C0.419,-0.166 0.423,-0.203 0.423,-0.252L0.423,-0.522L0.506,-0.522L0.506,-0L0.423,-0L0.423,-0.078L0.416,-0.078C0.401,-0.045 0.381,-0.022 0.358,-0.009C0.335,0.004 0.299,0.01 0.251,0.01Z" style="fill-rule:nonzero;"/>
+                        </g>
+                        <g transform="matrix(14,0,0,14,303.753,116.035)">
+                            <path d="M0.307,0.01C0.247,0.01 0.201,0.002 0.17,-0.014C0.138,-0.03 0.116,-0.057 0.103,-0.096C0.09,-0.135 0.083,-0.191 0.083,-0.264C0.083,-0.335 0.09,-0.39 0.103,-0.429C0.116,-0.468 0.138,-0.495 0.17,-0.511C0.201,-0.526 0.244,-0.534 0.299,-0.534C0.359,-0.534 0.404,-0.525 0.435,-0.508C0.465,-0.49 0.486,-0.46 0.497,-0.417C0.508,-0.374 0.513,-0.311 0.512,-0.228L0.167,-0.228C0.169,-0.184 0.174,-0.15 0.183,-0.127C0.192,-0.104 0.206,-0.087 0.225,-0.078C0.244,-0.069 0.271,-0.064 0.306,-0.064C0.339,-0.064 0.364,-0.069 0.379,-0.079C0.394,-0.088 0.406,-0.107 0.415,-0.135L0.502,-0.135C0.495,-0.096 0.484,-0.067 0.471,-0.046C0.457,-0.025 0.437,-0.011 0.412,-0.003C0.387,0.006 0.352,0.01 0.307,0.01ZM0.432,-0.301C0.431,-0.344 0.426,-0.376 0.418,-0.399C0.409,-0.421 0.396,-0.437 0.378,-0.446C0.359,-0.455 0.333,-0.46 0.299,-0.46C0.267,-0.46 0.242,-0.455 0.225,-0.446C0.207,-0.437 0.194,-0.421 0.186,-0.399C0.177,-0.376 0.171,-0.344 0.168,-0.301L0.432,-0.301Z" style="fill-rule:nonzero;"/>
+                        </g>
+                    </g>
+                </g>
+            </g>
+            <path d="M924.476,1554.13C923.516,1554.13 922.775,1554.05 922.252,1553.88C921.73,1553.7 921.356,1553.42 921.132,1553.02C920.908,1552.62 920.786,1552.05 920.764,1551.32L922.732,1551.32C922.754,1551.65 922.812,1551.9 922.908,1552.07C923.004,1552.24 923.172,1552.36 923.412,1552.43C923.652,1552.5 924.012,1552.53 924.492,1552.53C924.972,1552.53 925.343,1552.48 925.604,1552.36C925.866,1552.25 926.05,1552.06 926.156,1551.8C926.263,1551.54 926.322,1551.17 926.332,1550.69L926.348,1549.48L926.22,1549.48C926.071,1549.8 925.911,1550.04 925.74,1550.2C925.57,1550.37 925.343,1550.49 925.06,1550.56C924.778,1550.62 924.391,1550.66 923.9,1550.66C923.026,1550.66 922.343,1550.53 921.852,1550.28C921.362,1550.02 921.007,1549.59 920.788,1548.99C920.57,1548.38 920.46,1547.53 920.46,1546.43C920.46,1545.29 920.57,1544.41 920.788,1543.8C921.007,1543.18 921.38,1542.74 921.908,1542.48C922.436,1542.21 923.18,1542.08 924.14,1542.08C924.748,1542.08 925.199,1542.17 925.492,1542.33C925.786,1542.5 926.039,1542.8 926.252,1543.25L926.38,1543.25L926.38,1542.26L928.252,1542.26L928.252,1550.85C928.252,1551.72 928.14,1552.38 927.916,1552.84C927.692,1553.31 927.311,1553.64 926.772,1553.84C926.234,1554.03 925.468,1554.13 924.476,1554.13ZM922.412,1546.43C922.412,1547.11 922.471,1547.63 922.588,1548C922.706,1548.36 922.906,1548.62 923.188,1548.78C923.471,1548.93 923.868,1549.01 924.38,1549.01C924.892,1549.01 925.287,1548.93 925.564,1548.78C925.842,1548.62 926.039,1548.36 926.156,1548C926.274,1547.63 926.332,1547.11 926.332,1546.43C926.332,1545.73 926.274,1545.19 926.156,1544.8C926.039,1544.42 925.842,1544.14 925.564,1543.98C925.287,1543.81 924.892,1543.73 924.38,1543.73C923.868,1543.73 923.471,1543.81 923.188,1543.98C922.906,1544.14 922.706,1544.42 922.588,1544.8C922.471,1545.19 922.412,1545.73 922.412,1546.43Z" style="fill-rule:nonzero;"/>
+            <path d="M934.188,1550.76C933.143,1550.76 932.338,1550.62 931.772,1550.36C931.207,1550.1 930.804,1549.66 930.564,1549.03C930.324,1548.4 930.204,1547.51 930.204,1546.36C930.204,1545.22 930.319,1544.35 930.548,1543.74C930.778,1543.13 931.167,1542.69 931.716,1542.43C932.266,1542.18 933.047,1542.05 934.06,1542.05C935.031,1542.05 935.788,1542.19 936.332,1542.46C936.876,1542.73 937.268,1543.18 937.508,1543.82C937.748,1544.45 937.868,1545.35 937.868,1546.5L937.852,1547.12L932.172,1547.12C932.215,1547.65 932.3,1548.05 932.428,1548.33C932.556,1548.61 932.756,1548.81 933.028,1548.93C933.3,1549.05 933.682,1549.11 934.172,1549.11C934.652,1549.11 935.002,1549.03 935.22,1548.88C935.439,1548.73 935.612,1548.46 935.74,1548.05L937.724,1548.05C937.618,1548.76 937.442,1549.3 937.196,1549.68C936.951,1550.07 936.594,1550.34 936.124,1550.51C935.655,1550.67 935.01,1550.76 934.188,1550.76ZM935.948,1545.6C935.948,1544.88 935.807,1544.38 935.524,1544.11C935.242,1543.84 934.754,1543.7 934.06,1543.7C933.388,1543.7 932.908,1543.84 932.62,1544.12C932.332,1544.39 932.188,1544.89 932.188,1545.6L935.948,1545.6Z" style="fill-rule:nonzero;"/>
+            <path d="M939.932,1542.26L941.884,1542.26L941.884,1543.41L942.012,1543.41C942.311,1542.89 942.62,1542.53 942.94,1542.34C943.26,1542.15 943.714,1542.05 944.3,1542.05C945.111,1542.05 945.735,1542.15 946.172,1542.35C946.61,1542.54 946.922,1542.88 947.108,1543.34C947.295,1543.8 947.388,1544.47 947.388,1545.33L947.388,1550.61L945.436,1550.61L945.436,1545.3C945.436,1544.71 945.327,1544.31 945.108,1544.1C944.89,1543.89 944.482,1543.78 943.884,1543.78C943.362,1543.78 942.959,1543.85 942.676,1544C942.394,1544.15 942.191,1544.41 942.068,1544.76C941.946,1545.12 941.884,1545.62 941.884,1546.28L941.884,1550.61L939.932,1550.61L939.932,1542.26Z" style="fill-rule:nonzero;"/>
+            <path d="M953.388,1550.76C952.343,1550.76 951.538,1550.62 950.972,1550.36C950.407,1550.1 950.004,1549.66 949.764,1549.03C949.524,1548.4 949.404,1547.51 949.404,1546.36C949.404,1545.22 949.519,1544.35 949.748,1543.74C949.978,1543.13 950.367,1542.69 950.916,1542.43C951.466,1542.18 952.247,1542.05 953.26,1542.05C954.231,1542.05 954.988,1542.19 955.532,1542.46C956.076,1542.73 956.468,1543.18 956.708,1543.82C956.948,1544.45 957.068,1545.35 957.068,1546.5L957.052,1547.12L951.372,1547.12C951.415,1547.65 951.5,1548.05 951.628,1548.33C951.756,1548.61 951.956,1548.81 952.228,1548.93C952.5,1549.05 952.882,1549.11 953.372,1549.11C953.852,1549.11 954.202,1549.03 954.42,1548.88C954.639,1548.73 954.812,1548.46 954.94,1548.05L956.924,1548.05C956.818,1548.76 956.642,1549.3 956.396,1549.68C956.151,1550.07 955.794,1550.34 955.324,1550.51C954.855,1550.67 954.21,1550.76 953.388,1550.76ZM955.148,1545.6C955.148,1544.88 955.007,1544.38 954.724,1544.11C954.442,1543.84 953.954,1543.7 953.26,1543.7C952.588,1543.7 952.108,1543.84 951.82,1544.12C951.532,1544.39 951.388,1544.89 951.388,1545.6L955.148,1545.6Z" style="fill-rule:nonzero;"/>
+            <path d="M960.156,1542.26L961.916,1542.26L961.836,1543.97L962.012,1543.97C962.407,1543.31 962.69,1542.87 962.86,1542.66C963.031,1542.45 963.212,1542.31 963.404,1542.26C963.596,1542.21 963.948,1542.18 964.46,1542.18L966.028,1542.21L966.028,1544.13C965.836,1544.12 965.548,1544.12 965.164,1544.12C964.578,1544.12 964.06,1544.14 963.612,1544.19C963.399,1544.23 963.17,1544.37 962.924,1544.61C962.679,1544.86 962.476,1545.15 962.316,1545.5C962.156,1545.85 962.076,1546.18 962.076,1546.5L962.076,1550.61L960.156,1550.61L960.156,1542.26Z" style="fill-rule:nonzero;"/>
+            <path d="M971.692,1550.76C970.914,1550.76 970.314,1550.68 969.892,1550.52C969.471,1550.37 969.172,1550.11 968.996,1549.74C968.82,1549.37 968.732,1548.85 968.732,1548.18C968.732,1547.39 968.855,1546.78 969.1,1546.35C969.346,1545.91 969.762,1545.61 970.348,1545.43C970.935,1545.25 971.767,1545.15 972.844,1545.15L974.108,1545.15L974.108,1545.06C974.108,1544.53 973.991,1544.16 973.756,1543.97C973.522,1543.78 973.079,1543.68 972.428,1543.68C971.842,1543.68 971.444,1543.76 971.236,1543.91C971.028,1544.07 970.935,1544.37 970.956,1544.8L969.004,1544.8C968.972,1544.08 969.055,1543.52 969.252,1543.13C969.45,1542.74 969.796,1542.46 970.292,1542.3C970.788,1542.13 971.5,1542.05 972.428,1542.05C973.356,1542.05 974.074,1542.14 974.58,1542.32C975.087,1542.5 975.447,1542.81 975.66,1543.24C975.874,1543.66 975.98,1544.27 975.98,1545.06L975.98,1550.61L974.156,1550.61L974.156,1549.62L974.028,1549.62C973.73,1550.06 973.415,1550.36 973.084,1550.52C972.754,1550.67 972.29,1550.76 971.692,1550.76ZM970.684,1548.04C970.684,1548.44 970.778,1548.72 970.964,1548.87C971.151,1549.02 971.506,1549.09 972.028,1549.09C972.562,1549.09 972.972,1549.02 973.26,1548.88C973.548,1548.74 973.754,1548.51 973.876,1548.18C973.999,1547.85 974.071,1547.37 974.092,1546.76L972.508,1546.77C972.028,1546.78 971.658,1546.82 971.396,1546.9C971.135,1546.97 970.951,1547.1 970.844,1547.28C970.738,1547.45 970.684,1547.7 970.684,1548.04Z" style="fill-rule:nonzero;"/>
+            <path d="M983.084,1550.79C982.316,1550.79 981.735,1550.69 981.34,1550.48C980.946,1550.28 980.679,1549.98 980.54,1549.58C980.402,1549.18 980.332,1548.63 980.332,1547.94L980.332,1543.91L978.268,1543.91L978.652,1542.26L980.396,1542.26L980.396,1540.56L982.252,1539.78L982.252,1542.26L985.372,1542.26L985.372,1543.91L982.252,1543.91L982.252,1547.88C982.252,1548.22 982.282,1548.47 982.34,1548.63C982.399,1548.79 982.527,1548.9 982.724,1548.98C982.922,1549.05 983.223,1549.09 983.628,1549.09C984.087,1549.09 984.754,1549.03 985.628,1548.9L985.628,1550.58C984.519,1550.72 983.671,1550.79 983.084,1550.79Z" style="fill-rule:nonzero;"/>
+            <path d="M991.788,1550.76C990.743,1550.76 989.938,1550.62 989.372,1550.36C988.807,1550.1 988.404,1549.66 988.164,1549.03C987.924,1548.4 987.804,1547.51 987.804,1546.36C987.804,1545.22 987.919,1544.35 988.148,1543.74C988.378,1543.13 988.767,1542.69 989.316,1542.43C989.866,1542.18 990.647,1542.05 991.66,1542.05C992.631,1542.05 993.388,1542.19 993.932,1542.46C994.476,1542.73 994.868,1543.18 995.108,1543.82C995.348,1544.45 995.468,1545.35 995.468,1546.5L995.452,1547.12L989.772,1547.12C989.815,1547.65 989.9,1548.05 990.028,1548.33C990.156,1548.61 990.356,1548.81 990.628,1548.93C990.9,1549.05 991.282,1549.11 991.772,1549.11C992.252,1549.11 992.602,1549.03 992.82,1548.88C993.039,1548.73 993.212,1548.46 993.34,1548.05L995.324,1548.05C995.218,1548.76 995.042,1549.3 994.796,1549.68C994.551,1550.07 994.194,1550.34 993.724,1550.51C993.255,1550.67 992.61,1550.76 991.788,1550.76ZM993.548,1545.6C993.548,1544.88 993.407,1544.38 993.124,1544.11C992.842,1543.84 992.354,1543.7 991.66,1543.7C990.988,1543.7 990.508,1543.84 990.22,1544.12C989.932,1544.39 989.788,1544.89 989.788,1545.6L993.548,1545.6Z" style="fill-rule:nonzero;"/>
+            <path d="M754.193,1560.69L1147.66,1560.69" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+    </g>
+    <g>
+        <use xlink:href="#_Image12" x="424.552" y="2015.66" width="278.325px" height="205.099px" transform="matrix(0.997581,0,0,0.995627,0,0)"/>
+        <path d="M696.491,2014.83C696.491,2013.38 695.315,2012.21 693.866,2012.21L431.509,2012.21C430.061,2012.21 428.885,2013.38 428.885,2014.83L428.885,2203.96C428.885,2205.41 430.061,2206.58 431.509,2206.58L693.866,2206.58C695.315,2206.58 696.491,2205.41 696.491,2203.96L696.491,2014.83Z" style="fill:#fff;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M428.885,2049.5L696.491,2049.5" style="fill:none;stroke:#d0d7de;stroke-width:1px;"/>
+        <path d="M530.016,2028.56L531.952,2028.56L531.952,2029.38L532.08,2029.38C532.421,2029 532.741,2028.73 533.04,2028.6C533.338,2028.46 533.728,2028.39 534.208,2028.39C535.157,2028.39 535.888,2028.52 536.4,2028.78C536.912,2029.04 537.277,2029.48 537.496,2030.1C537.714,2030.72 537.824,2031.6 537.824,2032.74C537.824,2033.87 537.717,2034.74 537.504,2035.36C537.29,2035.97 536.93,2036.4 536.424,2036.67C535.917,2036.93 535.194,2037.06 534.256,2037.06C533.69,2037.06 533.253,2036.99 532.944,2036.85C532.634,2036.71 532.346,2036.45 532.08,2036.07L531.952,2036.07L531.952,2040.36L530.016,2040.36L530.016,2028.56ZM531.92,2032.74C531.92,2033.43 531.976,2033.97 532.088,2034.35C532.2,2034.73 532.389,2035 532.656,2035.15C532.922,2035.32 533.301,2035.39 533.792,2035.39C534.336,2035.39 534.754,2035.32 535.048,2035.15C535.341,2035 535.549,2034.73 535.672,2034.35C535.794,2033.97 535.856,2033.43 535.856,2032.74C535.856,2032.04 535.794,2031.49 535.672,2031.11C535.549,2030.72 535.341,2030.45 535.048,2030.29C534.754,2030.13 534.336,2030.05 533.792,2030.05C533.301,2030.05 532.922,2030.13 532.656,2030.29C532.389,2030.45 532.2,2030.72 532.088,2031.11C531.976,2031.49 531.92,2032.04 531.92,2032.74Z" style="fill-rule:nonzero;"/>
+        <path d="M542.688,2037.06C541.952,2037.06 541.384,2036.96 540.984,2036.77C540.584,2036.58 540.298,2036.25 540.128,2035.8C539.957,2035.34 539.872,2034.68 539.872,2033.84L539.872,2028.56L541.824,2028.56L541.824,2033.88C541.824,2034.46 541.922,2034.86 542.12,2035.08C542.317,2035.29 542.693,2035.39 543.248,2035.39C543.813,2035.39 544.245,2035.32 544.544,2035.17C544.842,2035.02 545.056,2034.77 545.184,2034.41C545.312,2034.05 545.376,2033.54 545.376,2032.88L545.376,2028.56L547.328,2028.56L547.328,2036.91L545.376,2036.91L545.376,2035.75L545.248,2035.75C544.97,2036.25 544.653,2036.59 544.296,2036.78C543.938,2036.97 543.402,2037.06 542.688,2037.06Z" style="fill-rule:nonzero;"/>
+        <path d="M553.856,2037.08C553.333,2037.08 552.914,2037 552.6,2036.86C552.285,2036.72 551.952,2036.44 551.6,2036.04L551.472,2036.04L551.472,2036.91L549.536,2036.91L549.552,2025.27L551.488,2025.27L551.472,2029.2L551.6,2029.2C551.888,2028.81 552.192,2028.54 552.512,2028.39C552.832,2028.24 553.28,2028.16 553.856,2028.16C554.773,2028.16 555.48,2028.3 555.976,2028.56C556.472,2028.83 556.824,2029.28 557.032,2029.91C557.24,2030.55 557.344,2031.45 557.344,2032.61C557.344,2033.78 557.24,2034.69 557.032,2035.32C556.824,2035.96 556.472,2036.41 555.976,2036.67C555.48,2036.94 554.773,2037.08 553.856,2037.08ZM551.44,2032.61C551.44,2033.34 551.496,2033.9 551.608,2034.3C551.72,2034.7 551.909,2034.98 552.176,2035.15C552.442,2035.31 552.821,2035.39 553.312,2035.39C553.856,2035.39 554.274,2035.31 554.568,2035.15C554.861,2034.98 555.069,2034.7 555.192,2034.31C555.314,2033.91 555.376,2033.35 555.376,2032.61C555.376,2031.88 555.314,2031.33 555.192,2030.93C555.069,2030.54 554.861,2030.26 554.568,2030.09C554.274,2029.92 553.856,2029.84 553.312,2029.84C552.821,2029.84 552.442,2029.92 552.176,2030.09C551.909,2030.26 551.72,2030.54 551.608,2030.93C551.496,2031.33 551.44,2031.88 551.44,2032.61Z" style="fill-rule:nonzero;"/>
+        <path d="M559.088,2035.25L562.016,2035.25L562.016,2026.93L559.248,2026.93L559.248,2025.27L563.936,2025.27L563.936,2035.25L566.672,2035.25L566.672,2036.91L559.088,2036.91L559.088,2035.25Z" style="fill-rule:nonzero;"/>
+        <path d="M571.376,2025.27L573.824,2025.27L573.824,2027.52L571.376,2027.52L571.376,2025.27ZM569.056,2035.27L571.84,2035.27L571.84,2030.21L569.216,2030.21L569.216,2028.56L573.76,2028.56L573.76,2035.27L576.432,2035.27L576.432,2036.91L569.056,2036.91L569.056,2035.27Z" style="fill-rule:nonzero;"/>
+        <path d="M582.048,2037.06C581.024,2037.06 580.237,2036.97 579.688,2036.8C579.138,2036.63 578.752,2036.34 578.528,2035.92C578.304,2035.51 578.202,2034.92 578.224,2034.16L580.192,2034.16C580.202,2034.49 580.266,2034.75 580.384,2034.92C580.501,2035.1 580.701,2035.22 580.984,2035.3C581.266,2035.37 581.669,2035.41 582.192,2035.41C582.821,2035.41 583.253,2035.35 583.488,2035.23C583.722,2035.1 583.84,2034.88 583.84,2034.55C583.84,2034.33 583.773,2034.15 583.64,2034.01C583.506,2033.87 583.28,2033.74 582.96,2033.63C582.64,2033.53 582.186,2033.42 581.6,2033.32C580.746,2033.15 580.088,2032.98 579.624,2032.78C579.16,2032.58 578.829,2032.33 578.632,2032.03C578.434,2031.72 578.336,2031.32 578.336,2030.82C578.336,2030.17 578.445,2029.67 578.664,2029.32C578.882,2028.98 579.256,2028.73 579.784,2028.58C580.312,2028.43 581.056,2028.36 582.016,2028.36C582.954,2028.36 583.68,2028.43 584.192,2028.59C584.704,2028.74 585.066,2029 585.28,2029.37C585.493,2029.74 585.605,2030.26 585.616,2030.95L583.696,2030.95C583.674,2030.58 583.544,2030.34 583.304,2030.2C583.064,2030.07 582.629,2030 582,2030C581.338,2030 580.885,2030.06 580.64,2030.18C580.394,2030.3 580.272,2030.52 580.272,2030.84C580.272,2031.01 580.44,2031.16 580.776,2031.29C581.112,2031.42 581.765,2031.6 582.736,2031.83C583.536,2032.01 584.154,2032.21 584.592,2032.43C585.029,2032.64 585.341,2032.92 585.528,2033.25C585.714,2033.58 585.808,2034.01 585.808,2034.53C585.808,2035.19 585.696,2035.7 585.472,2036.07C585.248,2036.43 584.866,2036.68 584.328,2036.84C583.789,2036.98 583.029,2037.06 582.048,2037.06Z" style="fill-rule:nonzero;"/>
+        <path d="M587.904,2025.27L589.856,2025.27L589.856,2029.68L589.984,2029.68C590.25,2029.18 590.549,2028.84 590.88,2028.64C591.21,2028.45 591.669,2028.36 592.256,2028.36C593.077,2028.36 593.706,2028.45 594.144,2028.64C594.581,2028.84 594.893,2029.16 595.08,2029.63C595.266,2030.09 595.36,2030.75 595.36,2031.6L595.36,2036.91L593.408,2036.91L593.408,2031.57C593.408,2030.97 593.298,2030.57 593.08,2030.35C592.861,2030.13 592.448,2030.02 591.84,2030.02C591.317,2030.02 590.914,2030.09 590.632,2030.24C590.349,2030.39 590.149,2030.65 590.032,2031.01C589.914,2031.37 589.856,2031.89 589.856,2032.56L589.856,2036.91L587.904,2036.91L587.904,2025.27Z" style="fill-rule:nonzero;"/>
+        <g>
+            <path d="M664.996,2077.65C664.996,2076.92 664.4,2076.32 663.667,2076.32L461.708,2076.32C460.975,2076.32 460.38,2076.92 460.38,2077.65L460.38,2173.36C460.38,2174.1 460.975,2174.69 461.708,2174.69L663.667,2174.69C664.4,2174.69 664.996,2174.1 664.996,2173.36L664.996,2077.65Z" style="fill:#f2fbff;stroke:#54aeff;stroke-width:1px;"/>
+            <path d="M530.016,2089.33L531.952,2089.33L531.952,2090.15L532.08,2090.15C532.421,2089.77 532.741,2089.51 533.04,2089.37C533.338,2089.23 533.728,2089.16 534.208,2089.16C535.157,2089.16 535.888,2089.29 536.4,2089.55C536.912,2089.81 537.277,2090.25 537.496,2090.87C537.714,2091.49 537.824,2092.37 537.824,2093.51C537.824,2094.64 537.717,2095.51 537.504,2096.13C537.29,2096.74 536.93,2097.18 536.424,2097.44C535.917,2097.7 535.194,2097.83 534.256,2097.83C533.69,2097.83 533.253,2097.76 532.944,2097.62C532.634,2097.48 532.346,2097.22 532.08,2096.84L531.952,2096.84L531.952,2101.13L530.016,2101.13L530.016,2089.33ZM531.92,2093.51C531.92,2094.2 531.976,2094.74 532.088,2095.12C532.2,2095.5 532.389,2095.77 532.656,2095.93C532.922,2096.09 533.301,2096.17 533.792,2096.17C534.336,2096.17 534.754,2096.09 535.048,2095.93C535.341,2095.77 535.549,2095.5 535.672,2095.12C535.794,2094.74 535.856,2094.2 535.856,2093.51C535.856,2092.81 535.794,2092.26 535.672,2091.88C535.549,2091.49 535.341,2091.22 535.048,2091.06C534.754,2090.9 534.336,2090.82 533.792,2090.82C533.301,2090.82 532.922,2090.9 532.656,2091.06C532.389,2091.22 532.2,2091.49 532.088,2091.88C531.976,2092.26 531.92,2092.81 531.92,2093.51Z" style="fill-rule:nonzero;"/>
+            <path d="M542.688,2097.83C541.952,2097.83 541.384,2097.73 540.984,2097.54C540.584,2097.35 540.298,2097.03 540.128,2096.57C539.957,2096.11 539.872,2095.46 539.872,2094.61L539.872,2089.33L541.824,2089.33L541.824,2094.65C541.824,2095.23 541.922,2095.63 542.12,2095.85C542.317,2096.06 542.693,2096.17 543.248,2096.17C543.813,2096.17 544.245,2096.09 544.544,2095.94C544.842,2095.79 545.056,2095.54 545.184,2095.18C545.312,2094.82 545.376,2094.32 545.376,2093.65L545.376,2089.33L547.328,2089.33L547.328,2097.69L545.376,2097.69L545.376,2096.52L545.248,2096.52C544.97,2097.02 544.653,2097.36 544.296,2097.55C543.938,2097.74 543.402,2097.83 542.688,2097.83Z" style="fill-rule:nonzero;"/>
+            <path d="M553.856,2097.85C553.333,2097.85 552.914,2097.77 552.6,2097.63C552.285,2097.49 551.952,2097.21 551.6,2096.81L551.472,2096.81L551.472,2097.69L549.536,2097.69L549.552,2086.04L551.488,2086.04L551.472,2089.97L551.6,2089.97C551.888,2089.58 552.192,2089.31 552.512,2089.16C552.832,2089.01 553.28,2088.93 553.856,2088.93C554.773,2088.93 555.48,2089.07 555.976,2089.33C556.472,2089.6 556.824,2090.05 557.032,2090.69C557.24,2091.32 557.344,2092.22 557.344,2093.38C557.344,2094.56 557.24,2095.46 557.032,2096.09C556.824,2096.73 556.472,2097.18 555.976,2097.45C555.48,2097.71 554.773,2097.85 553.856,2097.85ZM551.44,2093.38C551.44,2094.11 551.496,2094.67 551.608,2095.07C551.72,2095.47 551.909,2095.75 552.176,2095.92C552.442,2096.08 552.821,2096.17 553.312,2096.17C553.856,2096.17 554.274,2096.08 554.568,2095.92C554.861,2095.75 555.069,2095.47 555.192,2095.08C555.314,2094.68 555.376,2094.12 555.376,2093.38C555.376,2092.66 555.314,2092.1 555.192,2091.7C555.069,2091.31 554.861,2091.03 554.568,2090.86C554.274,2090.7 553.856,2090.61 553.312,2090.61C552.821,2090.61 552.442,2090.7 552.176,2090.86C551.909,2091.03 551.72,2091.31 551.608,2091.7C551.496,2092.1 551.44,2092.66 551.44,2093.38Z" style="fill-rule:nonzero;"/>
+            <path d="M559.088,2096.02L562.016,2096.02L562.016,2087.7L559.248,2087.7L559.248,2086.04L563.936,2086.04L563.936,2096.02L566.672,2096.02L566.672,2097.69L559.088,2097.69L559.088,2096.02Z" style="fill-rule:nonzero;"/>
+            <path d="M571.376,2086.04L573.824,2086.04L573.824,2088.29L571.376,2088.29L571.376,2086.04ZM569.056,2096.04L571.84,2096.04L571.84,2090.98L569.216,2090.98L569.216,2089.33L573.76,2089.33L573.76,2096.04L576.432,2096.04L576.432,2097.69L569.056,2097.69L569.056,2096.04Z" style="fill-rule:nonzero;"/>
+            <path d="M582.048,2097.83C581.024,2097.83 580.237,2097.74 579.688,2097.57C579.138,2097.4 578.752,2097.11 578.528,2096.69C578.304,2096.28 578.202,2095.69 578.224,2094.93L580.192,2094.93C580.202,2095.26 580.266,2095.52 580.384,2095.69C580.501,2095.87 580.701,2096 580.984,2096.07C581.266,2096.14 581.669,2096.18 582.192,2096.18C582.821,2096.18 583.253,2096.12 583.488,2096C583.722,2095.88 583.84,2095.65 583.84,2095.32C583.84,2095.11 583.773,2094.93 583.64,2094.78C583.506,2094.64 583.28,2094.51 582.96,2094.41C582.64,2094.3 582.186,2094.19 581.6,2094.09C580.746,2093.93 580.088,2093.75 579.624,2093.55C579.16,2093.35 578.829,2093.1 578.632,2092.8C578.434,2092.49 578.336,2092.09 578.336,2091.59C578.336,2090.94 578.445,2090.44 578.664,2090.09C578.882,2089.75 579.256,2089.5 579.784,2089.35C580.312,2089.2 581.056,2089.13 582.016,2089.13C582.954,2089.13 583.68,2089.2 584.192,2089.36C584.704,2089.51 585.066,2089.77 585.28,2090.14C585.493,2090.51 585.605,2091.04 585.616,2091.72L583.696,2091.72C583.674,2091.36 583.544,2091.11 583.304,2090.97C583.064,2090.84 582.629,2090.77 582,2090.77C581.338,2090.77 580.885,2090.83 580.64,2090.95C580.394,2091.07 580.272,2091.29 580.272,2091.61C580.272,2091.78 580.44,2091.93 580.776,2092.06C581.112,2092.2 581.765,2092.37 582.736,2092.6C583.536,2092.78 584.154,2092.98 584.592,2093.2C585.029,2093.42 585.341,2093.69 585.528,2094.02C585.714,2094.35 585.808,2094.78 585.808,2095.3C585.808,2095.96 585.696,2096.48 585.472,2096.84C585.248,2097.2 584.866,2097.46 584.328,2097.61C583.789,2097.76 583.029,2097.83 582.048,2097.83Z" style="fill-rule:nonzero;"/>
+            <path d="M587.904,2086.04L589.856,2086.04L589.856,2090.45L589.984,2090.45C590.25,2089.95 590.549,2089.61 590.88,2089.41C591.21,2089.22 591.669,2089.13 592.256,2089.13C593.077,2089.13 593.706,2089.22 594.144,2089.41C594.581,2089.61 594.893,2089.93 595.08,2090.4C595.266,2090.86 595.36,2091.52 595.36,2092.37L595.36,2097.69L593.408,2097.69L593.408,2092.34C593.408,2091.74 593.298,2091.34 593.08,2091.12C592.861,2090.9 592.448,2090.79 591.84,2090.79C591.317,2090.79 590.914,2090.87 590.632,2091.01C590.349,2091.16 590.149,2091.42 590.032,2091.78C589.914,2092.14 589.856,2092.66 589.856,2093.33L589.856,2097.69L587.904,2097.69L587.904,2086.04Z" style="fill-rule:nonzero;"/>
+            <path d="M477.752,2125.45L479.08,2125.45L479.08,2126.31L479.192,2126.31C479.501,2125.9 479.813,2125.61 480.128,2125.46C480.442,2125.32 480.877,2125.24 481.432,2125.24C482.306,2125.24 482.981,2125.37 483.456,2125.63C483.93,2125.89 484.269,2126.33 484.472,2126.95C484.674,2127.57 484.776,2128.46 484.776,2129.61C484.776,2130.75 484.677,2131.63 484.48,2132.25C484.282,2132.87 483.949,2133.31 483.48,2133.57C483.01,2133.83 482.338,2133.96 481.464,2133.96C480.845,2133.96 480.378,2133.89 480.064,2133.74C479.749,2133.59 479.464,2133.3 479.208,2132.89L479.08,2132.89L479.08,2137.24L477.752,2137.24L477.752,2125.45ZM479.048,2129.61C479.048,2130.44 479.112,2131.08 479.24,2131.53C479.368,2131.98 479.578,2132.29 479.872,2132.48C480.165,2132.67 480.589,2132.76 481.144,2132.76C481.741,2132.76 482.2,2132.67 482.52,2132.48C482.84,2132.29 483.069,2131.97 483.208,2131.52C483.346,2131.07 483.416,2130.43 483.416,2129.61C483.416,2128.78 483.346,2128.14 483.208,2127.69C483.069,2127.24 482.84,2126.92 482.52,2126.73C482.2,2126.54 481.741,2126.44 481.144,2126.44C480.589,2126.44 480.165,2126.53 479.872,2126.72C479.578,2126.91 479.368,2127.23 479.24,2127.68C479.112,2128.13 479.048,2128.78 479.048,2129.61Z" style="fill-rule:nonzero;"/>
+            <path d="M489.912,2133.96C489.229,2133.96 488.704,2133.87 488.336,2133.68C487.968,2133.49 487.706,2133.17 487.552,2132.72C487.397,2132.27 487.32,2131.62 487.32,2130.79L487.32,2125.45L488.664,2125.45L488.664,2130.82C488.664,2131.32 488.714,2131.72 488.816,2131.99C488.917,2132.27 489.085,2132.47 489.32,2132.58C489.554,2132.7 489.885,2132.76 490.312,2132.76C490.93,2132.76 491.405,2132.67 491.736,2132.49C492.066,2132.31 492.304,2132 492.448,2131.58C492.592,2131.15 492.664,2130.55 492.664,2129.77L492.664,2125.45L493.992,2125.45L493.992,2133.8L492.664,2133.8L492.664,2132.55L492.552,2132.55C492.306,2133.09 491.997,2133.45 491.624,2133.66C491.25,2133.86 490.68,2133.96 489.912,2133.96Z" style="fill-rule:nonzero;"/>
+            <path d="M500.648,2133.96C500.093,2133.96 499.658,2133.89 499.344,2133.74C499.029,2133.59 498.717,2133.3 498.408,2132.89L498.296,2132.89L498.296,2133.8L496.968,2133.8L496.984,2122.15L498.312,2122.15L498.296,2126.33L498.424,2126.33C498.68,2125.91 498.965,2125.63 499.28,2125.48C499.594,2125.33 500.066,2125.26 500.696,2125.26C501.56,2125.26 502.226,2125.39 502.696,2125.65C503.165,2125.91 503.498,2126.35 503.696,2126.96C503.893,2127.57 503.992,2128.45 503.992,2129.59C503.992,2130.74 503.89,2131.63 503.688,2132.25C503.485,2132.87 503.146,2133.31 502.672,2133.57C502.197,2133.83 501.522,2133.96 500.648,2133.96ZM498.264,2129.59C498.264,2130.42 498.328,2131.07 498.456,2131.52C498.584,2131.97 498.794,2132.29 499.088,2132.48C499.381,2132.67 499.805,2132.76 500.36,2132.76C500.957,2132.76 501.416,2132.66 501.736,2132.47C502.056,2132.28 502.285,2131.96 502.424,2131.51C502.562,2131.06 502.632,2130.42 502.632,2129.59C502.632,2128.77 502.562,2128.14 502.424,2127.69C502.285,2127.24 502.056,2126.92 501.736,2126.74C501.416,2126.55 500.957,2126.46 500.36,2126.46C499.805,2126.46 499.381,2126.55 499.088,2126.74C498.794,2126.92 498.584,2127.24 498.456,2127.69C498.328,2128.14 498.264,2128.77 498.264,2129.59Z" style="fill-rule:nonzero;"/>
+            <path d="M506.536,2132.62L509.384,2132.62L509.384,2123.35L506.696,2123.35L506.696,2122.15L510.68,2122.15L510.68,2132.62L513.336,2132.62L513.336,2133.8L506.536,2133.8L506.536,2132.62Z" style="fill-rule:nonzero;"/>
+            <path d="M518.696,2122.15L520.536,2122.15L520.536,2123.98L518.696,2123.98L518.696,2122.15ZM516.504,2132.62L519.208,2132.62L519.208,2126.62L516.664,2126.62L516.664,2125.45L520.52,2125.45L520.52,2132.62L523.112,2132.62L523.112,2133.78L516.504,2133.78L516.504,2132.62Z" style="fill-rule:nonzero;"/>
+            <path d="M529.112,2133.96C528.216,2133.96 527.522,2133.89 527.032,2133.74C526.541,2133.59 526.194,2133.33 525.992,2132.97C525.789,2132.61 525.688,2132.09 525.688,2131.43L527.048,2131.43C527.069,2131.8 527.149,2132.07 527.288,2132.26C527.426,2132.44 527.648,2132.58 527.952,2132.66C528.256,2132.74 528.685,2132.78 529.24,2132.78C529.73,2132.78 530.109,2132.74 530.376,2132.66C530.642,2132.59 530.832,2132.47 530.944,2132.3C531.056,2132.12 531.112,2131.88 531.112,2131.56C531.112,2131.27 531.04,2131.03 530.896,2130.85C530.752,2130.66 530.509,2130.5 530.168,2130.37C529.826,2130.24 529.336,2130.1 528.696,2129.98C527.938,2129.83 527.354,2129.66 526.944,2129.46C526.533,2129.27 526.24,2129.03 526.064,2128.74C525.888,2128.44 525.8,2128.06 525.8,2127.59C525.8,2126.97 525.898,2126.5 526.096,2126.17C526.293,2125.84 526.624,2125.6 527.088,2125.46C527.552,2125.31 528.216,2125.24 529.08,2125.24C529.89,2125.24 530.514,2125.3 530.952,2125.43C531.389,2125.56 531.709,2125.78 531.912,2126.1C532.114,2126.41 532.232,2126.86 532.264,2127.43L530.936,2127.43C530.882,2127.04 530.722,2126.77 530.456,2126.63C530.189,2126.49 529.725,2126.42 529.064,2126.42C528.552,2126.42 528.157,2126.46 527.88,2126.53C527.602,2126.6 527.405,2126.72 527.288,2126.89C527.17,2127.06 527.112,2127.3 527.112,2127.61C527.112,2127.79 527.189,2127.95 527.344,2128.09C527.498,2128.23 527.757,2128.36 528.12,2128.5C528.482,2128.63 529,2128.78 529.672,2128.95C530.408,2129.13 530.973,2129.33 531.368,2129.54C531.762,2129.76 532.04,2130.02 532.2,2130.33C532.36,2130.64 532.44,2131.04 532.44,2131.53C532.44,2132.17 532.338,2132.66 532.136,2133.01C531.933,2133.36 531.597,2133.6 531.128,2133.74C530.658,2133.89 529.986,2133.96 529.112,2133.96Z" style="fill-rule:nonzero;"/>
+            <path d="M535.352,2122.15L536.696,2122.15L536.696,2126.68L536.808,2126.68C537.053,2126.12 537.349,2125.75 537.696,2125.55C538.042,2125.36 538.578,2125.26 539.304,2125.26C540.018,2125.26 540.568,2125.35 540.952,2125.54C541.336,2125.74 541.61,2126.06 541.776,2126.5C541.941,2126.95 542.024,2127.6 542.024,2128.44L542.024,2133.8L540.696,2133.8L540.696,2128.41C540.696,2127.9 540.64,2127.5 540.528,2127.22C540.416,2126.95 540.232,2126.75 539.976,2126.63C539.72,2126.51 539.357,2126.46 538.888,2126.46C538.312,2126.46 537.869,2126.55 537.56,2126.73C537.25,2126.91 537.029,2127.21 536.896,2127.64C536.762,2128.07 536.696,2128.68 536.696,2129.46L536.696,2133.8L535.352,2133.8L535.352,2122.15Z" style="fill-rule:nonzero;"/>
+            <path d="M557.88,2133.96C556.941,2133.96 556.218,2133.83 555.712,2133.57C555.205,2133.31 554.845,2132.87 554.632,2132.25C554.418,2131.63 554.312,2130.75 554.312,2129.61C554.312,2128.46 554.418,2127.57 554.632,2126.95C554.845,2126.33 555.205,2125.89 555.712,2125.63C556.218,2125.37 556.941,2125.24 557.88,2125.24C558.818,2125.24 559.544,2125.37 560.056,2125.63C560.568,2125.89 560.93,2126.34 561.144,2126.96C561.357,2127.58 561.464,2128.47 561.464,2129.61C561.464,2130.75 561.357,2131.63 561.144,2132.25C560.93,2132.87 560.568,2133.31 560.056,2133.57C559.544,2133.83 558.818,2133.96 557.88,2133.96ZM555.656,2129.61C555.656,2130.44 555.722,2131.08 555.856,2131.53C555.989,2131.98 556.213,2132.29 556.528,2132.48C556.842,2132.67 557.293,2132.76 557.88,2132.76C558.466,2132.76 558.92,2132.67 559.24,2132.48C559.56,2132.29 559.786,2131.98 559.92,2131.53C560.053,2131.08 560.12,2130.44 560.12,2129.61C560.12,2128.76 560.053,2128.12 559.92,2127.67C559.786,2127.22 559.56,2126.9 559.24,2126.71C558.92,2126.52 558.466,2126.42 557.88,2126.42C557.293,2126.42 556.842,2126.52 556.528,2126.71C556.213,2126.9 555.989,2127.22 555.856,2127.67C555.722,2128.12 555.656,2128.76 555.656,2129.61Z" style="fill-rule:nonzero;"/>
+            <path d="M565.368,2125.45L566.648,2125.45L566.6,2127.42L566.728,2127.42C567.026,2126.73 567.264,2126.26 567.44,2126C567.616,2125.74 567.805,2125.58 568.008,2125.51C568.21,2125.45 568.557,2125.41 569.048,2125.4L569.752,2125.38C570.018,2125.38 570.312,2125.39 570.632,2125.42L570.632,2126.68C570.386,2126.67 570.066,2126.66 569.672,2126.66C569.277,2126.66 568.957,2126.68 568.712,2126.71C568.402,2126.76 568.088,2126.93 567.768,2127.22C567.448,2127.5 567.184,2127.85 566.976,2128.27C566.768,2128.69 566.664,2129.13 566.664,2129.58L566.664,2133.8L565.368,2133.8L565.368,2125.45Z" style="fill-rule:nonzero;"/>
+            <path d="M582.824,2125.45L584.232,2125.45L586.632,2132.25L586.744,2132.25L589.144,2125.45L590.552,2125.45L587.4,2133.8L585.976,2133.8L582.824,2125.45Z" style="fill-rule:nonzero;"/>
+            <path d="M596.408,2133.96C595.448,2133.96 594.714,2133.83 594.208,2133.58C593.701,2133.32 593.344,2132.88 593.136,2132.26C592.928,2131.64 592.824,2130.75 592.824,2129.58C592.824,2128.43 592.93,2127.55 593.144,2126.94C593.357,2126.32 593.712,2125.88 594.208,2125.63C594.704,2125.38 595.394,2125.26 596.28,2125.26C597.24,2125.26 597.962,2125.4 598.448,2125.68C598.933,2125.96 599.266,2126.45 599.448,2127.13C599.629,2127.81 599.709,2128.82 599.688,2130.15L594.168,2130.15C594.2,2130.86 594.285,2131.39 594.424,2131.77C594.562,2132.14 594.784,2132.4 595.088,2132.55C595.392,2132.7 595.826,2132.78 596.392,2132.78C596.925,2132.78 597.314,2132.7 597.56,2132.54C597.805,2132.39 597.997,2132.09 598.136,2131.64L599.528,2131.64C599.41,2132.26 599.242,2132.73 599.024,2133.06C598.805,2133.39 598.493,2133.63 598.088,2133.76C597.682,2133.89 597.122,2133.96 596.408,2133.96ZM598.408,2128.98C598.386,2128.3 598.309,2127.78 598.176,2127.42C598.042,2127.07 597.829,2126.81 597.536,2126.66C597.242,2126.51 596.824,2126.44 596.28,2126.44C595.768,2126.44 595.37,2126.51 595.088,2126.66C594.805,2126.81 594.597,2127.07 594.464,2127.42C594.33,2127.78 594.237,2128.3 594.184,2128.98L598.408,2128.98Z" style="fill-rule:nonzero;"/>
+            <path d="M603.768,2125.45L605.048,2125.45L605,2127.42L605.128,2127.42C605.426,2126.73 605.664,2126.26 605.84,2126C606.016,2125.74 606.205,2125.58 606.408,2125.51C606.61,2125.45 606.957,2125.41 607.448,2125.4L608.152,2125.38C608.418,2125.38 608.712,2125.39 609.032,2125.42L609.032,2126.68C608.786,2126.67 608.466,2126.66 608.072,2126.66C607.677,2126.66 607.357,2126.68 607.112,2126.71C606.802,2126.76 606.488,2126.93 606.168,2127.22C605.848,2127.5 605.584,2127.85 605.376,2128.27C605.168,2128.69 605.064,2129.13 605.064,2129.58L605.064,2133.8L603.768,2133.8L603.768,2125.45Z" style="fill-rule:nonzero;"/>
+            <path d="M615.512,2133.96C614.616,2133.96 613.922,2133.89 613.432,2133.74C612.941,2133.59 612.594,2133.33 612.392,2132.97C612.189,2132.61 612.088,2132.09 612.088,2131.43L613.448,2131.43C613.469,2131.8 613.549,2132.07 613.688,2132.26C613.826,2132.44 614.048,2132.58 614.352,2132.66C614.656,2132.74 615.085,2132.78 615.64,2132.78C616.13,2132.78 616.509,2132.74 616.776,2132.66C617.042,2132.59 617.232,2132.47 617.344,2132.3C617.456,2132.12 617.512,2131.88 617.512,2131.56C617.512,2131.27 617.44,2131.03 617.296,2130.85C617.152,2130.66 616.909,2130.5 616.568,2130.37C616.226,2130.24 615.736,2130.1 615.096,2129.98C614.338,2129.83 613.754,2129.66 613.344,2129.46C612.933,2129.27 612.64,2129.03 612.464,2128.74C612.288,2128.44 612.2,2128.06 612.2,2127.59C612.2,2126.97 612.298,2126.5 612.496,2126.17C612.693,2125.84 613.024,2125.6 613.488,2125.46C613.952,2125.31 614.616,2125.24 615.48,2125.24C616.29,2125.24 616.914,2125.3 617.352,2125.43C617.789,2125.56 618.109,2125.78 618.312,2126.1C618.514,2126.41 618.632,2126.86 618.664,2127.43L617.336,2127.43C617.282,2127.04 617.122,2126.77 616.856,2126.63C616.589,2126.49 616.125,2126.42 615.464,2126.42C614.952,2126.42 614.557,2126.46 614.28,2126.53C614.002,2126.6 613.805,2126.72 613.688,2126.89C613.57,2127.06 613.512,2127.3 613.512,2127.61C613.512,2127.79 613.589,2127.95 613.744,2128.09C613.898,2128.23 614.157,2128.36 614.52,2128.5C614.882,2128.63 615.4,2128.78 616.072,2128.95C616.808,2129.13 617.373,2129.33 617.768,2129.54C618.162,2129.76 618.44,2130.02 618.6,2130.33C618.76,2130.64 618.84,2131.04 618.84,2131.53C618.84,2132.17 618.738,2132.66 618.536,2133.01C618.333,2133.36 617.997,2133.6 617.528,2133.74C617.058,2133.89 616.386,2133.96 615.512,2133.96Z" style="fill-rule:nonzero;"/>
+            <path d="M624.296,2122.15L626.136,2122.15L626.136,2123.98L624.296,2123.98L624.296,2122.15ZM622.104,2132.62L624.808,2132.62L624.808,2126.62L622.264,2126.62L622.264,2125.45L626.12,2125.45L626.12,2132.62L628.712,2132.62L628.712,2133.78L622.104,2133.78L622.104,2132.62Z" style="fill-rule:nonzero;"/>
+            <path d="M634.68,2133.96C633.741,2133.96 633.018,2133.83 632.512,2133.57C632.005,2133.31 631.645,2132.87 631.432,2132.25C631.218,2131.63 631.112,2130.75 631.112,2129.61C631.112,2128.46 631.218,2127.57 631.432,2126.95C631.645,2126.33 632.005,2125.89 632.512,2125.63C633.018,2125.37 633.741,2125.24 634.68,2125.24C635.618,2125.24 636.344,2125.37 636.856,2125.63C637.368,2125.89 637.73,2126.34 637.944,2126.96C638.157,2127.58 638.264,2128.47 638.264,2129.61C638.264,2130.75 638.157,2131.63 637.944,2132.25C637.73,2132.87 637.368,2133.31 636.856,2133.57C636.344,2133.83 635.618,2133.96 634.68,2133.96ZM632.456,2129.61C632.456,2130.44 632.522,2131.08 632.656,2131.53C632.789,2131.98 633.013,2132.29 633.328,2132.48C633.642,2132.67 634.093,2132.76 634.68,2132.76C635.266,2132.76 635.72,2132.67 636.04,2132.48C636.36,2132.29 636.586,2131.98 636.72,2131.53C636.853,2131.08 636.92,2130.44 636.92,2129.61C636.92,2128.76 636.853,2128.12 636.72,2127.67C636.586,2127.22 636.36,2126.9 636.04,2126.71C635.72,2126.52 635.266,2126.42 634.68,2126.42C634.093,2126.42 633.642,2126.52 633.328,2126.71C633.013,2126.9 632.789,2127.22 632.656,2127.67C632.522,2128.12 632.456,2128.76 632.456,2129.61Z" style="fill-rule:nonzero;"/>
+            <path d="M640.952,2125.45L642.296,2125.45L642.296,2126.66L642.408,2126.66C642.642,2126.11 642.938,2125.73 643.296,2125.54C643.653,2125.34 644.194,2125.24 644.92,2125.24C645.624,2125.24 646.168,2125.34 646.552,2125.53C646.936,2125.72 647.21,2126.04 647.376,2126.5C647.541,2126.95 647.624,2127.59 647.624,2128.42L647.624,2133.8L646.296,2133.8L646.296,2128.39C646.296,2127.89 646.24,2127.5 646.128,2127.22C646.016,2126.95 645.834,2126.75 645.584,2126.64C645.333,2126.53 644.973,2126.47 644.504,2126.47C643.928,2126.47 643.482,2126.56 643.168,2126.74C642.853,2126.93 642.629,2127.23 642.496,2127.65C642.362,2128.07 642.296,2128.67 642.296,2129.45L642.296,2133.8L640.952,2133.8L640.952,2125.45Z" style="fill-rule:nonzero;"/>
+            <path d="M509.696,2157.62C508.821,2157.62 508.146,2157.49 507.672,2157.22C507.197,2156.96 506.858,2156.52 506.656,2155.91C506.453,2155.29 506.352,2154.4 506.352,2153.25C506.352,2152.11 506.45,2151.23 506.648,2150.62C506.845,2150 507.178,2149.57 507.648,2149.3C508.117,2149.04 508.784,2148.91 509.648,2148.91C510.277,2148.91 510.752,2148.99 511.072,2149.14C511.392,2149.29 511.674,2149.57 511.92,2149.99L512.048,2149.99L512.048,2145.81L513.376,2145.81L513.376,2157.46L512.048,2157.46L512.048,2156.55L511.936,2156.55C511.637,2156.96 511.33,2157.24 511.016,2157.39C510.701,2157.54 510.261,2157.62 509.696,2157.62ZM507.712,2153.25C507.712,2154.08 507.781,2154.72 507.92,2155.17C508.058,2155.62 508.288,2155.94 508.608,2156.13C508.928,2156.32 509.386,2156.42 509.984,2156.42C510.538,2156.42 510.962,2156.32 511.256,2156.14C511.549,2155.95 511.76,2155.63 511.888,2155.18C512.016,2154.72 512.08,2154.08 512.08,2153.25C512.08,2152.43 512.016,2151.79 511.888,2151.35C511.76,2150.9 511.549,2150.58 511.256,2150.39C510.962,2150.21 510.538,2150.11 509.984,2150.11C509.386,2150.11 508.928,2150.21 508.608,2150.39C508.288,2150.58 508.058,2150.9 507.92,2151.35C507.781,2151.79 507.712,2152.43 507.712,2153.25Z" style="fill-rule:nonzero;"/>
+            <path d="M519.792,2157.62C518.832,2157.62 518.098,2157.49 517.592,2157.23C517.085,2156.98 516.728,2156.54 516.52,2155.92C516.312,2155.3 516.208,2154.41 516.208,2153.23C516.208,2152.09 516.314,2151.21 516.528,2150.59C516.741,2149.97 517.096,2149.54 517.592,2149.29C518.088,2149.04 518.778,2148.91 519.664,2148.91C520.624,2148.91 521.346,2149.05 521.832,2149.34C522.317,2149.62 522.65,2150.1 522.832,2150.78C523.013,2151.47 523.093,2152.47 523.072,2153.81L517.552,2153.81C517.584,2154.51 517.669,2155.05 517.808,2155.43C517.946,2155.8 518.168,2156.06 518.472,2156.21C518.776,2156.36 519.21,2156.43 519.776,2156.43C520.309,2156.43 520.698,2156.36 520.944,2156.2C521.189,2156.05 521.381,2155.74 521.52,2155.3L522.912,2155.3C522.794,2155.91 522.626,2156.39 522.408,2156.72C522.189,2157.05 521.877,2157.28 521.472,2157.42C521.066,2157.55 520.506,2157.62 519.792,2157.62ZM521.792,2152.64C521.77,2151.96 521.693,2151.44 521.56,2151.08C521.426,2150.72 521.213,2150.47 520.92,2150.32C520.626,2150.17 520.208,2150.1 519.664,2150.1C519.152,2150.1 518.754,2150.17 518.472,2150.32C518.189,2150.47 517.981,2150.72 517.848,2151.08C517.714,2151.44 517.621,2151.96 517.568,2152.64L521.792,2152.64Z" style="fill-rule:nonzero;"/>
+            <path d="M525.936,2149.11L527.264,2149.11L527.264,2149.97L527.376,2149.97C527.685,2149.55 527.997,2149.27 528.312,2149.12C528.626,2148.97 529.061,2148.9 529.616,2148.9C530.49,2148.9 531.165,2149.03 531.64,2149.29C532.114,2149.55 532.453,2149.99 532.656,2150.61C532.858,2151.23 532.96,2152.11 532.96,2153.26C532.96,2154.41 532.861,2155.29 532.664,2155.91C532.466,2156.52 532.133,2156.96 531.664,2157.22C531.194,2157.49 530.522,2157.62 529.648,2157.62C529.029,2157.62 528.562,2157.54 528.248,2157.39C527.933,2157.24 527.648,2156.96 527.392,2156.55L527.264,2156.55L527.264,2160.9L525.936,2160.9L525.936,2149.11ZM527.232,2153.26C527.232,2154.1 527.296,2154.74 527.424,2155.18C527.552,2155.63 527.762,2155.95 528.056,2156.14C528.349,2156.32 528.773,2156.42 529.328,2156.42C529.925,2156.42 530.384,2156.32 530.704,2156.14C531.024,2155.95 531.253,2155.63 531.392,2155.18C531.53,2154.72 531.6,2154.09 531.6,2153.26C531.6,2152.43 531.53,2151.79 531.392,2151.35C531.253,2150.9 531.024,2150.58 530.704,2150.39C530.384,2150.19 529.925,2150.1 529.328,2150.1C528.773,2150.1 528.349,2150.19 528.056,2150.38C527.762,2150.56 527.552,2150.88 527.424,2151.34C527.296,2151.79 527.232,2152.43 527.232,2153.26Z" style="fill-rule:nonzero;"/>
+            <path d="M535.52,2156.27L538.368,2156.27L538.368,2147.01L535.68,2147.01L535.68,2145.81L539.664,2145.81L539.664,2156.27L542.32,2156.27L542.32,2157.46L535.52,2157.46L535.52,2156.27Z" style="fill-rule:nonzero;"/>
+            <path d="M548.464,2157.62C547.525,2157.62 546.802,2157.49 546.296,2157.22C545.789,2156.96 545.429,2156.52 545.216,2155.91C545.002,2155.29 544.896,2154.41 544.896,2153.26C544.896,2152.11 545.002,2151.23 545.216,2150.61C545.429,2149.99 545.789,2149.55 546.296,2149.29C546.802,2149.03 547.525,2148.9 548.464,2148.9C549.402,2148.9 550.128,2149.03 550.64,2149.29C551.152,2149.55 551.514,2149.99 551.728,2150.62C551.941,2151.24 552.048,2152.12 552.048,2153.26C552.048,2154.41 551.941,2155.29 551.728,2155.91C551.514,2156.52 551.152,2156.96 550.64,2157.22C550.128,2157.49 549.402,2157.62 548.464,2157.62ZM546.24,2153.26C546.24,2154.1 546.306,2154.74 546.44,2155.18C546.573,2155.63 546.797,2155.95 547.112,2156.14C547.426,2156.32 547.877,2156.42 548.464,2156.42C549.05,2156.42 549.504,2156.32 549.824,2156.14C550.144,2155.95 550.37,2155.63 550.504,2155.18C550.637,2154.74 550.704,2154.1 550.704,2153.26C550.704,2152.42 550.637,2151.78 550.504,2151.33C550.37,2150.88 550.144,2150.56 549.824,2150.37C549.504,2150.18 549.05,2150.08 548.464,2150.08C547.877,2150.08 547.426,2150.18 547.112,2150.37C546.797,2150.56 546.573,2150.88 546.44,2151.33C546.306,2151.78 546.24,2152.42 546.24,2153.26Z" style="fill-rule:nonzero;"/>
+            <path d="M557.744,2156.85L557.104,2156.85L554.32,2149.11L555.68,2149.11L558.064,2155.89L558.096,2155.89L560.4,2149.11L561.76,2149.11L557.632,2160.99L556.288,2160.99L557.744,2156.85Z" style="fill-rule:nonzero;"/>
+            <path d="M576.896,2157.62C576.021,2157.62 575.346,2157.49 574.872,2157.22C574.397,2156.96 574.058,2156.52 573.856,2155.91C573.653,2155.29 573.552,2154.4 573.552,2153.25C573.552,2152.11 573.65,2151.23 573.848,2150.62C574.045,2150 574.378,2149.57 574.848,2149.3C575.317,2149.04 575.984,2148.91 576.848,2148.91C577.477,2148.91 577.952,2148.99 578.272,2149.14C578.592,2149.29 578.874,2149.57 579.12,2149.99L579.248,2149.99L579.248,2145.81L580.576,2145.81L580.576,2157.46L579.248,2157.46L579.248,2156.55L579.136,2156.55C578.837,2156.96 578.53,2157.24 578.216,2157.39C577.901,2157.54 577.461,2157.62 576.896,2157.62ZM574.912,2153.25C574.912,2154.08 574.981,2154.72 575.12,2155.17C575.258,2155.62 575.488,2155.94 575.808,2156.13C576.128,2156.32 576.586,2156.42 577.184,2156.42C577.738,2156.42 578.162,2156.32 578.456,2156.14C578.749,2155.95 578.96,2155.63 579.088,2155.18C579.216,2154.72 579.28,2154.08 579.28,2153.25C579.28,2152.43 579.216,2151.79 579.088,2151.35C578.96,2150.9 578.749,2150.58 578.456,2150.39C578.162,2150.21 577.738,2150.11 577.184,2150.11C576.586,2150.11 576.128,2150.21 575.808,2150.39C575.488,2150.58 575.258,2150.9 575.12,2151.35C574.981,2151.79 574.912,2152.43 574.912,2153.25Z" style="fill-rule:nonzero;"/>
+            <path d="M586.992,2157.62C586.032,2157.62 585.298,2157.49 584.792,2157.23C584.285,2156.98 583.928,2156.54 583.72,2155.92C583.512,2155.3 583.408,2154.41 583.408,2153.23C583.408,2152.09 583.514,2151.21 583.728,2150.59C583.941,2149.97 584.296,2149.54 584.792,2149.29C585.288,2149.04 585.978,2148.91 586.864,2148.91C587.824,2148.91 588.546,2149.05 589.032,2149.34C589.517,2149.62 589.85,2150.1 590.032,2150.78C590.213,2151.47 590.293,2152.47 590.272,2153.81L584.752,2153.81C584.784,2154.51 584.869,2155.05 585.008,2155.43C585.146,2155.8 585.368,2156.06 585.672,2156.21C585.976,2156.36 586.41,2156.43 586.976,2156.43C587.509,2156.43 587.898,2156.36 588.144,2156.2C588.389,2156.05 588.581,2155.74 588.72,2155.3L590.112,2155.3C589.994,2155.91 589.826,2156.39 589.608,2156.72C589.389,2157.05 589.077,2157.28 588.672,2157.42C588.266,2157.55 587.706,2157.62 586.992,2157.62ZM588.992,2152.64C588.97,2151.96 588.893,2151.44 588.76,2151.08C588.626,2150.72 588.413,2150.47 588.12,2150.32C587.826,2150.17 587.408,2150.1 586.864,2150.1C586.352,2150.1 585.954,2150.17 585.672,2150.32C585.389,2150.47 585.181,2150.72 585.048,2151.08C584.914,2151.44 584.821,2151.96 584.768,2152.64L588.992,2152.64Z" style="fill-rule:nonzero;"/>
+            <path d="M592.416,2149.11L593.616,2149.11L593.616,2150.18L593.728,2150.18C593.909,2149.7 594.112,2149.37 594.336,2149.18C594.56,2149 594.88,2148.91 595.296,2148.91C595.776,2148.91 596.144,2149.01 596.4,2149.19C596.656,2149.38 596.842,2149.71 596.96,2150.18L597.04,2150.18C597.232,2149.69 597.448,2149.35 597.688,2149.18C597.928,2149 598.272,2148.91 598.72,2148.91C599.189,2148.91 599.554,2149.01 599.816,2149.2C600.077,2149.39 600.261,2149.71 600.368,2150.16C600.474,2150.61 600.528,2151.24 600.528,2152.05L600.528,2157.46L599.264,2157.46L599.264,2152.35C599.264,2151.78 599.234,2151.33 599.176,2151.02C599.117,2150.7 599.01,2150.47 598.856,2150.34C598.701,2150.2 598.485,2150.13 598.208,2150.13C597.92,2150.13 597.696,2150.2 597.536,2150.35C597.376,2150.5 597.264,2150.75 597.2,2151.1C597.136,2151.44 597.104,2151.94 597.104,2152.59L597.104,2157.46L595.856,2157.46L595.888,2152.37C595.898,2151.53 595.816,2150.94 595.64,2150.62C595.464,2150.29 595.173,2150.13 594.768,2150.13C594.48,2150.13 594.258,2150.21 594.104,2150.36C593.949,2150.51 593.837,2150.78 593.768,2151.14C593.698,2151.51 593.664,2152.03 593.664,2152.69L593.664,2157.46L592.416,2157.46L592.416,2149.11Z" style="fill-rule:nonzero;"/>
+            <path d="M606.064,2157.62C605.125,2157.62 604.402,2157.49 603.896,2157.22C603.389,2156.96 603.029,2156.52 602.816,2155.91C602.602,2155.29 602.496,2154.41 602.496,2153.26C602.496,2152.11 602.602,2151.23 602.816,2150.61C603.029,2149.99 603.389,2149.55 603.896,2149.29C604.402,2149.03 605.125,2148.9 606.064,2148.9C607.002,2148.9 607.728,2149.03 608.24,2149.29C608.752,2149.55 609.114,2149.99 609.328,2150.62C609.541,2151.24 609.648,2152.12 609.648,2153.26C609.648,2154.41 609.541,2155.29 609.328,2155.91C609.114,2156.52 608.752,2156.96 608.24,2157.22C607.728,2157.49 607.002,2157.62 606.064,2157.62ZM603.84,2153.26C603.84,2154.1 603.906,2154.74 604.04,2155.18C604.173,2155.63 604.397,2155.95 604.712,2156.14C605.026,2156.32 605.477,2156.42 606.064,2156.42C606.65,2156.42 607.104,2156.32 607.424,2156.14C607.744,2155.95 607.97,2155.63 608.104,2155.18C608.237,2154.74 608.304,2154.1 608.304,2153.26C608.304,2152.42 608.237,2151.78 608.104,2151.33C607.97,2150.88 607.744,2150.56 607.424,2150.37C607.104,2150.18 606.65,2150.08 606.064,2150.08C605.477,2150.08 605.026,2150.18 604.712,2150.37C604.397,2150.56 604.173,2150.88 604.04,2151.33C603.906,2151.78 603.84,2152.42 603.84,2153.26Z" style="fill-rule:nonzero;"/>
+            <path d="M615.696,2157.62C614.8,2157.62 614.106,2157.54 613.616,2157.39C613.125,2157.24 612.778,2156.99 612.576,2156.62C612.373,2156.26 612.272,2155.75 612.272,2155.09L613.632,2155.09C613.653,2155.45 613.733,2155.73 613.872,2155.91C614.01,2156.1 614.232,2156.23 614.536,2156.31C614.84,2156.39 615.269,2156.43 615.824,2156.43C616.314,2156.43 616.693,2156.39 616.96,2156.32C617.226,2156.25 617.416,2156.12 617.528,2155.95C617.64,2155.78 617.696,2155.54 617.696,2155.22C617.696,2154.93 617.624,2154.69 617.48,2154.51C617.336,2154.32 617.093,2154.16 616.752,2154.03C616.41,2153.89 615.92,2153.76 615.28,2153.63C614.522,2153.48 613.938,2153.31 613.528,2153.12C613.117,2152.93 612.824,2152.69 612.648,2152.39C612.472,2152.1 612.384,2151.72 612.384,2151.25C612.384,2150.63 612.482,2150.16 612.68,2149.82C612.877,2149.49 613.208,2149.26 613.672,2149.11C614.136,2148.97 614.8,2148.9 615.664,2148.9C616.474,2148.9 617.098,2148.96 617.536,2149.09C617.973,2149.22 618.293,2149.44 618.496,2149.75C618.698,2150.07 618.816,2150.51 618.848,2151.09L617.52,2151.09C617.466,2150.69 617.306,2150.43 617.04,2150.29C616.773,2150.15 616.309,2150.08 615.648,2150.08C615.136,2150.08 614.741,2150.12 614.464,2150.18C614.186,2150.25 613.989,2150.37 613.872,2150.55C613.754,2150.72 613.696,2150.95 613.696,2151.26C613.696,2151.45 613.773,2151.61 613.928,2151.74C614.082,2151.88 614.341,2152.02 614.704,2152.15C615.066,2152.29 615.584,2152.44 616.256,2152.61C616.992,2152.79 617.557,2152.99 617.952,2153.2C618.346,2153.41 618.624,2153.68 618.784,2153.99C618.944,2154.29 619.024,2154.69 619.024,2155.18C619.024,2155.82 618.922,2156.32 618.72,2156.66C618.517,2157.01 618.181,2157.26 617.712,2157.4C617.242,2157.55 616.57,2157.62 615.696,2157.62Z" style="fill-rule:nonzero;"/>
+            <path d="M460.38,2107.77L664.996,2107.77" style="fill:none;stroke:#54aeff;stroke-width:1px;"/>
+        </g>
+    </g>
+    <defs>
+        <image id="_Image1" width="2605px" height="2316px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACi0AAAkMCAYAAACB3SleAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4nOzd4W4aORhAUQPNvv/7toT+2MzGmCGkSnW1IudIlofEM09w9fkw/o7DX/oOAAAAAAAAAAAA8P90+eoH/jQ2XM+LFQEAAAAAAAAAAOB7WePFT8eMPz557vBgX58BAAAAAAAAAACA53HZef7jePFRtDjHiffWfA4AAAAAAAAAAAB4TnOsuLfWczc+ihbXOPE4rcO0uzIaAAAAAAAAAAAAntPeNMXLGON12l+n3/emMI4x7keLa6x4elvHaT+O24mLAAAAAAAAAAAAwHOapypuoeJ52rfn+fyVvWhxnax4ejs37+vUxTGEiwAAAAAAAAAAAPCs5gmK83TF8xjj13jvCc/T/+b3xhi30eIaLP6Y1st4jxa3cNGkRQAAAAAAAAAAAPge1kmL23TF0xjj53jvCX+9nb8JF+9NWpwnLL5MawsY1+uhxxAuAgAAAAAAAAAAwLOaJy3O0xbnKYuH5cxhfDBpcZ6aOE9ZfBlj/DOuJy2uV0PP3wAAAAAAAAAAAACex2Xn9xYtrj3hZVnz33evh96mLJ7G9ZTFLVrcCxbFigAAAAAAAAAAAPDc5njxON6jxTVYfJ3WZexcD71OWZwnLc5rm7IoWAQAAAAAAAAAAIDvZb7uee4Ox7iOFc9vawsb/zvzaNLiaexfCS1UBAAAAAAAAAAAgO9n7QeP499gcesNz+O9Pzyv54/Lh9Zpi3OsKFgEAAAAAAAAAAAANmtzuHaH6zTG3WjxeGeJFQEAAAAAAAAAAIDVo/bwJlo8TPscL95UjgAAAAAAAAAAAACLR/3hYYzrSYt7L67BongRAAAAAAAAAAAA2KyN4b3+cIxxfe3zTdG48zEAAAAAAAAAAACA2V5ruNsm7k1avPciAAAAAAAAAAAAwD0Pu8OPosW9DwEAAAAAAAAAAACsPtUZ7kWLAkUAAAAAAAAAAADgq256xM9OWgQAAAAAAAAAAAD4EtEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAAAAAAAAAkBAtAgAAAAAAAAAAAAnRIgAAAAAAAAAAAJAQLQIAAAAAAAAAAAAJ0SIAAAAAAAAAAACQEC0CAAAAAAAAAAAACdEiAAAAwG927VgAAAAAYJC/9Sx2FUcAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAABGhZgwAACAASURBVAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFjErh0LAAAAAAzyt57FruJIWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAQOzasQAAAADAIH/rWewqjgAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIE2QHDAAAIABJREFUiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgSA2LVjAQAAAIBB/taz2FUcAQAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAACrAZjFAAAT4ElEQVQAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAAAAAAAW0iIAAAAAAAAAAACwkBYBAAAAAAAAAACAhbQIAAAAAAAAAAAALKRFAAAAAAAAAAAAYCEtAgAAAAAAAAAAAAtpEQAAAAAAAAAAAFhIiwAAAAAAAAAAAMBCWgQAAAAAAACA2rvDnDZ2MICihnb/G34p0x9NwDgzQyo9XanhHMmaAGOTBVx9BgAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABKiRQAAAAAAAAAAACAhWgQAAAAAAAAAAAASokUAAAAAAAAAAAAgIVoEAAAAAAAAAAAAEqJFAAAAAAAAAAAAICFaBAAAAAAAAAAAABJ70eKWfwsAAAAAAAAAAADg2dz1iI9OWhQyAgAAAAAAAAAAAEce6gzPosVteQIAAAAAAAAAAAAc+bI7fF1eWjfMG8WLAAAAAAAAAAAAwGqvNdxtE/cmLW47a+9gAAAAAAAAAAAA4HtbG8Oj/nCM8XE99Fo0bmOMt7ONAAAAAAAAAAAAAFdf9YfbGB/R4lhe3lvCRQAAAAAAAAAAAGD1VXv43h/uRYvz5l9nmwEAAAAAAAAAAIBva29Y4twd3t32/HPngNum27qMP3Hj6xjjZXwOHcf1dwAAAAAAAAAAAMDz25bPc6x4GZ/7w7tbnn8sh72MjzBxfs7r7AsAAAAAAAAAAAAAz+koWLxc13/TWsPFbYzzSYuv141zrLiNP6HjPHlxZuoiAAAAAAAAAAAAPJd1uOHehMWzYPHdz+WQ+bDLuA8W36575mjx9nfBIgAAAAAAAAAAADynuTE8m7J4+/nX9O57uLhOWrwd+Hb9PAeL8xTG27TFs2ujAQAAAAAAAAAAgOcxR4i3nnCetLgXLH6ydz30GB/R4mXnH8zXQ89XRAsXAQAAAAAAAAAA4Dmttzmv10PPz9vf7sLFo0mLY9lwFC2atAgAAAAAAAAAAADfw9oU3rrCeeri2h5+chYbvixrna44R4uPngkAAAAAAAAAAAD8O9bwcI4W16mL2zgJFsf4OjCcr34+Wo+cAwAAAAAAAAAAAPzb5iuij9b83p1HY8M1TtyLFYWLAAAAAAAAAAAA8Jy2nc9Hz0N/Gxq6ChoAAAAAAAAAAAC+t70rox/yf0WH4kUAAAAAAAAAAAB4bg/HiUd+A/q3aiU9HGv3AAAAAElFTkSuQmCC"/>
+        <image id="_Image2" width="367px" height="297px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW8AAAEpCAYAAABcPaNlAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFdklEQVR4nO3bwY7aQBQAwTHh//84kMt6Mwxmk0NMtqUqyTIYw7H19IBt/Nn2F/cA8G/dv3rxVZjX6wIO8D5ruJ9CfhTlbTpvX9wHwDnu0/m+XBtjjHFd3rC9OMYQcIB3WMN9GPA53muwL8t5DAEHONMc6dt0frpnj/e6Krkshwkc4FzrxL2N3+G+Ta9tY4z70eR9GWP8mM7r9A3AefZpe11d79ceJu8xntcme8D3YwwBBzjTPn3PLb4fPB/X8bwSmVcl6+oEgHPdl8eX8fil5TbG8+S9n4/CLd4A77FvO+YVyhgv1iZjPAf86CeDAJzvy59rX55uF2qA7+SwyUfxBuCbE2+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgCDxBggSb4Ag8QYIEm+AIPEGCBJvgKCjeN8/DgD+v8MmXw9umm8WcoD3Wvs7d/nTdXnD/MbbGGP7uGa9AvAee3/34zDg1+nJNh6jffl4PNsGAGfZezyHe36833NfJ+/5+LlcF26A872avB/W2Efxvi3P9wl8j7eIA/x7R6vrV+uTz3jvk/U8ss8fItwA55sDflvOD3vvoy8sd/u0Pe/EATjXGurDtclRkOcp28QN8H5rvOdrY4zXUV6vizfA+6ybkKf/2/xNlIUb4P2+/IPkL0eojVpuzYIOAAAAAElFTkSuQmCC"/>
+        <image id="_Image3" width="367px" height="330px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW8AAAFKCAYAAADSXd6RAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF9ElEQVR4nO3bwW7iSBRA0XKG//9k6E17xhRluhfBmSudI1l2TIGyuio9zDb+bPuLNQB8r8e7F8/CPN8XcIDrzOF+CfkqytvhvL1ZB8BnPA7nx3RvjDHGbXrDtjjGdA3A58zBXgb8GO852l/TeQwBB/ikY6Tvh/PLmj3e8w77azqMUAA+a95tb+O/cN8Pr21jjMdq570H+5/xGnAAPmvfbc/j6v3e0857jNeRyRzwfQ0An7Hvvo/hPu7En+I9B3kemdh5A1znMV3vx3H2vR1n3qsvLFczbwA+a592zCOUf3ffq0cFx3iO9fzYIADXOH1Y5Ot17dMCwQb4GW9bvIr3ciEAP2LZ47N4A/A/Jt4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRAk3gBB4g0QJN4AQeINECTeAEHiDRB0Fu/Hpf8FAGeWPV7F+3FyDcB13rb4drL4MV0DcI25v8sW36YFx+M+xth+v242DnCNvb/7serzuP2+2A5v3KO9TffH4m8Avs++u74vjqd1t+lNq133fk+4AT5v3nnPu+8xxvPM+xju1b093iIO8P3mOfdZwMcYzzPvbTxv2Y8fItwAn3cM+H06P31xuZppz8cY6/k3AN9v9bTJy9hkFeRVsIUb4Dp/fFTwLMqeMgH4OfPva15+b/M3URZugOu9/YHkL64ji54aAzecAAAAAElFTkSuQmCC"/>
+        <image id="_Image4" width="367px" height="394px" xlink:href="data:image/png;base64,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"/>
+        <image id="_Image5" width="371px" height="441px" xlink:href="data:image/png;base64,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"/>
+        <image id="_Image6" width="367px" height="328px" xlink:href="data:image/png;base64,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"/>
+        <image id="_Image7" width="371px" height="421px" xlink:href="data:image/png;base64,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"/>
+        <image id="_Image8" width="367px" height="395px" xlink:href="data:image/png;base64,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"/>
+        <image id="_Image9" width="1px" height="1061px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAQlCAYAAAB3Z6e6AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAKUlEQVRYhe3EMRHAMAADMV/4w2vwfGB0kQat+lZ1tk2SJEmSJEmSfu8+SJwQ6VpGJ94AAAAASUVORK5CYII="/>
+        <image id="_Image10" width="226px" height="56px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAAA4CAYAAADgtSSeAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAB4ElEQVR4nO3dsXKrMBBA0cXP///HsV6RrC1kyQnYxRbnzDAaDJR3VpAiW6xtL64B57TZj2Nsv50D540R3s/70LbJKkT4nBaP+HbrKr7xAN7TFkdERLt2N2Z0l2EdYwX+rp98LSJu3Xq/fh0eyvD+xT7IvAYckyFmgFtEfP2s93fEazxvSy+TQ4RwXgbYT8H8rUXElhNx9l54icdkzHuAY3Lqbd352FpbbU3HaeijDZyT0+8S+/fEXU9jiBHPH2f690TgmNyS5iSMmAy1WYj9jb6awnv6rWjEoiOTDgoQIhQgRChAiFCAEKEAIUIBQoQChAgFCBEKECIUIEQoQIhQgBChACFCAUKEAoQIBQgRChAiFCBEKECIUIAQoQAhQgFChAKECAUIEQoQIhQgRChAiFCAEKEAIUIBQoQChAgFCBEKECIUIEQo4Lr4vXVr/g/wtrgXeC07ilh0NAtxfKBFxC2+YwSOmUX4FOMYYj6U4W3xvX3NqQgck9HduqOPMyIeIbbJceuuiRDOy576CPsjrrF/Bxy3oX25YoTj+ok4CzIioq22pl/xCDQnoxDhuPHD58utaf9ATsQMUYDwvtmW9B5jH9k2WUUIn7P8gjqG9ts5cN74Z4vpRByJED5v+gf9/xhMe25prBUdAAAAAElFTkSuQmCC"/>
+        <image id="_Image11" width="475px" height="296px" xlink:href="data:image/png;base64,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"/>
+        <image id="_Image12" width="279px" height="206px" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARcAAADOCAYAAAAUlUaHAAAACXBIWXMAAA7EAAAOxAGVKw4bAAADv0lEQVR4nO3a0WrjOABAUTWb///jJvPQ8URWbHdhuQtDzwGh2I6gTxfJzce49vHNc+Bne549OIrHek9ggCNrWHbXZyGZZ3EBjjzHKyjrvAvHGpR1AGyeJ2N7drhTuS2zwACzNSiPZR5jjOd9WjBH5DbG+GfsIzOGwMBPN+9O5pg8xqsPzzHGuO/X7cIyB8bOBdhsO5bbGOPz4P4Y4ysuZ+9YtsDMxyOA+Ti0Xb9tQq6ORdssLsBsfXl7G69j0ce4OBZdDYDNZSPWuIzpC+ICXJm78NaH28UigH/jsBdncQH4T8QFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuAAJcQES4gIkxAVIiAuQEBcgIS5AQlyAhLgACXEBEuICJMQFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuAAJcQES4gIkxAVIiAuQEBcgIS5AQlyAhLgACXEBEuICJMQFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuAAJcQES4gIkxAVIiAuQEBcgIS5AQlyAhLgACXEBEuICJMQFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuAAJcQES4gIkxAVIiAuQEBcgIS5AQlyAhLgACXEBEuICJMQFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuAAJcQES4gIkxAVIiAuQEBcgIS5AQlyAhLgACXEBEuICJMQFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuAAJcQES4gIkxAVIiAuQEBcgIS5AQlyAhLgACXEBEuICJMQFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuAAJcQES4gIkxAVIiAuQEBcgIS5AQlyAhLgACXEBEuICJMQFSIgLkBAXICEuQEJcgIS4AAlxARLiAiTEBUiIC5AQFyAhLkBCXICEuACJs7g8/9e/AvibHfbifvHF5zQANs/x3oe3TqxxWReJC7A668SuFfeTBY/xdWR6/H728XsAzJ2Y511g7mNfm/kLn9M9cQE2aycOdzFHx6LHcn0br7AIDPxs8zuWbcfyOX3+Yz0WzYvG+IrJY9i5AC/rLuXwWDQHY96dHA2AzdUL3ecY79FYjz/CApw5+lf04c7l7J64AEfWn6nsrr8Lh7AAV05/B/cLIKaFnEQ1l7sAAAAASUVORK5CYII="/>
+    </defs>
+</svg>
diff --git a/testing-guidelines/git-tree.svg b/testing-guidelines/git-tree.svg
new file mode 100644
index 0000000..5a95416
--- /dev/null
+++ b/testing-guidelines/git-tree.svg
@@ -0,0 +1,336 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1850 1055" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
+    <g transform="matrix(1,0,0,1,-62.9197,-55.6395)">
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.963889,0,0,0.932229,33.3355,289.64)">
+                <path d="M1890.65,104.878C1890.65,88.953 1877.59,76.025 1861.5,76.025L99.199,76.025C83.107,76.025 70.043,88.953 70.043,104.878L70.043,1072.87C70.043,1088.79 83.107,1101.72 99.199,1101.72L1861.5,1101.72C1877.59,1101.72 1890.65,1088.79 1890.65,1072.87L1890.65,104.878Z" style="fill:white;stroke:rgb(71,71,71);stroke-width:3.93px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,45.8334,84.9555)">
+                <circle cx="536.689" cy="535.526" r="46.107" style="fill:rgb(101,208,255);stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,399.216,84.9555)">
+                <circle cx="536.689" cy="535.526" r="46.107" style="fill:rgb(101,208,255);stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,399.216,295.916)">
+                <circle cx="536.689" cy="535.526" r="46.107" style="fill:rgb(101,255,171);stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,752.6,295.916)">
+                <circle cx="536.689" cy="535.526" r="46.107" style="fill:rgb(101,255,171);stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,1105.98,675.878)">
+                <circle cx="536.689" cy="535.526" r="46.107" style="fill:rgb(248,255,101);stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,1105.98,506.877)">
+                <circle cx="536.689" cy="535.526" r="46.107" style="fill:rgb(255,149,254);stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,752.6,84.9555)">
+                <circle cx="536.689" cy="535.526" r="46.107" style="fill:rgb(101,208,255);stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,45.8334,58.1047)">
+                <path d="M536.689,611.138L536.689,737.629C536.689,770.312 563.223,796.846 595.905,796.846L862.237,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,752.6,269.065)">
+                <path d="M536.689,611.138L536.689,737.629C536.689,770.312 563.223,796.846 595.905,796.846L862.237,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,752.6,438.066)">
+                <path d="M536.689,425.431L536.689,737.629C536.689,770.312 563.223,796.846 595.905,796.846L862.237,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-width:10px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(-0.950835,1.11448e-16,-1.16444e-16,-0.91004,2126.59,1297.47)">
+                <path d="M536.689,379.324L536.689,737.629C536.689,770.312 563.223,796.846 595.905,796.846L862.237,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-opacity:0.58;stroke-width:10px;stroke-dasharray:10,20,0,0;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.425206,0,0,0.406963,346.594,248.019)">
+                <path d="M595.905,796.846L1220.78,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-width:22.36px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.292994,0,0,0.406963,154.614,248.019)">
+                <path d="M595.905,796.846L1220.78,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-opacity:0.31;stroke-width:26.04px;stroke-dasharray:26.04,52.08,0,0;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.425206,0,0,0.406963,699.977,248.019)">
+                <path d="M595.905,796.846L1220.78,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-width:22.36px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.425206,0,0,0.406963,699.977,458.979)">
+                <path d="M595.905,796.846L1220.78,796.846" style="fill:none;stroke:rgb(71,71,71);stroke-width:22.36px;"/>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,274.016,-384.156)">
+                <g transform="matrix(36,0,0,36,285.836,1063.25)">
+                    <path d="M0.211,-0.68L0.389,-0.68L0.586,-0L0.46,-0L0.416,-0.15L0.186,-0.15L0.143,-0L0.018,-0L0.211,-0.68ZM0.387,-0.261L0.3,-0.564L0.299,-0.564L0.216,-0.261L0.387,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,627.314,-384.418)">
+                <g transform="matrix(36,0,0,36,285.836,1063.25)">
+                    <path d="M0.253,0.008C0.194,0.008 0.129,0.005 0.057,-0.002L0.057,-0.682L0.227,-0.685L0.218,-0.685C0.298,-0.685 0.36,-0.679 0.403,-0.668C0.446,-0.657 0.477,-0.638 0.496,-0.611C0.514,-0.584 0.523,-0.545 0.523,-0.496C0.523,-0.451 0.517,-0.419 0.504,-0.399C0.491,-0.379 0.467,-0.365 0.433,-0.358L0.433,-0.352C0.464,-0.347 0.489,-0.338 0.506,-0.326C0.523,-0.314 0.535,-0.297 0.542,-0.276C0.549,-0.255 0.552,-0.226 0.552,-0.189C0.552,-0.137 0.543,-0.097 0.525,-0.069C0.507,-0.041 0.477,-0.021 0.435,-0.01C0.392,0.002 0.332,0.008 0.253,0.008ZM0.183,-0.104C0.214,-0.103 0.243,-0.102 0.27,-0.102C0.311,-0.102 0.342,-0.105 0.364,-0.111C0.385,-0.116 0.401,-0.126 0.41,-0.14C0.419,-0.153 0.424,-0.173 0.424,-0.198C0.424,-0.224 0.42,-0.244 0.413,-0.258C0.405,-0.272 0.392,-0.282 0.375,-0.288C0.357,-0.293 0.331,-0.296 0.298,-0.296L0.183,-0.296L0.183,-0.104ZM0.323,-0.406C0.352,-0.407 0.371,-0.413 0.382,-0.425C0.392,-0.436 0.397,-0.456 0.397,-0.487C0.397,-0.517 0.39,-0.538 0.377,-0.55C0.363,-0.562 0.337,-0.57 0.299,-0.573C0.274,-0.575 0.247,-0.576 0.216,-0.576L0.183,-0.576L0.183,-0.406L0.323,-0.406Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,619.886,-173.359)">
+                <g transform="matrix(36,0,0,36,285.836,1063.25)">
+                    <path d="M0.211,-0.68L0.389,-0.68L0.586,-0L0.46,-0L0.416,-0.15L0.186,-0.15L0.143,-0L0.018,-0L0.211,-0.68ZM0.387,-0.261L0.3,-0.564L0.299,-0.564L0.216,-0.261L0.387,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,307.436,1063.25)">
+                    <path d="M0.301,-0.478L0.305,-0.54L0.266,-0.508L0.086,-0.397L0.086,-0.529L0.301,-0.68L0.425,-0.68L0.425,-0L0.301,-0L0.301,-0.478Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,971.386,-173.031)">
+                <g transform="matrix(36,0,0,36,285.836,1063.25)">
+                    <path d="M0.211,-0.68L0.389,-0.68L0.586,-0L0.46,-0L0.416,-0.15L0.186,-0.15L0.143,-0L0.018,-0L0.211,-0.68ZM0.387,-0.261L0.3,-0.564L0.299,-0.564L0.216,-0.261L0.387,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,307.436,1063.25)">
+                    <path d="M0.067,-0.165C0.156,-0.233 0.222,-0.284 0.265,-0.319C0.308,-0.354 0.342,-0.384 0.368,-0.41C0.381,-0.423 0.389,-0.436 0.394,-0.448C0.399,-0.46 0.401,-0.475 0.401,-0.494C0.401,-0.517 0.398,-0.535 0.392,-0.548C0.385,-0.56 0.374,-0.569 0.359,-0.574C0.344,-0.579 0.322,-0.582 0.294,-0.582C0.266,-0.582 0.244,-0.579 0.229,-0.574C0.213,-0.568 0.201,-0.559 0.194,-0.546C0.187,-0.533 0.182,-0.514 0.18,-0.49L0.052,-0.49C0.055,-0.543 0.064,-0.583 0.079,-0.612C0.094,-0.64 0.118,-0.66 0.152,-0.672C0.185,-0.684 0.232,-0.69 0.293,-0.69C0.354,-0.69 0.401,-0.684 0.435,-0.673C0.467,-0.661 0.491,-0.641 0.505,-0.613C0.519,-0.584 0.526,-0.544 0.526,-0.492C0.526,-0.457 0.521,-0.428 0.511,-0.405C0.501,-0.382 0.482,-0.357 0.454,-0.329C0.419,-0.294 0.383,-0.261 0.347,-0.232C0.31,-0.203 0.26,-0.166 0.196,-0.121L0.196,-0.112L0.535,-0.112L0.535,-0L0.067,-0L0.067,-0.165Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,13.2789,95.6221)">
+                <g transform="matrix(36,0,0,36,1653.8,999.692)">
+                    <path d="M0.211,-0.68L0.389,-0.68L0.586,-0L0.46,-0L0.416,-0.15L0.186,-0.15L0.143,-0L0.018,-0L0.211,-0.68ZM0.387,-0.261L0.3,-0.564L0.299,-0.564L0.216,-0.261L0.387,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,1675.4,999.692)">
+                    <path d="M0.067,-0.165C0.156,-0.233 0.222,-0.284 0.265,-0.319C0.308,-0.354 0.342,-0.384 0.368,-0.41C0.381,-0.423 0.389,-0.436 0.394,-0.448C0.399,-0.46 0.401,-0.475 0.401,-0.494C0.401,-0.517 0.398,-0.535 0.392,-0.548C0.385,-0.56 0.374,-0.569 0.359,-0.574C0.344,-0.579 0.322,-0.582 0.294,-0.582C0.266,-0.582 0.244,-0.579 0.229,-0.574C0.213,-0.568 0.201,-0.559 0.194,-0.546C0.187,-0.533 0.182,-0.514 0.18,-0.49L0.052,-0.49C0.055,-0.543 0.064,-0.583 0.079,-0.612C0.094,-0.64 0.118,-0.66 0.152,-0.672C0.185,-0.684 0.232,-0.69 0.293,-0.69C0.354,-0.69 0.401,-0.684 0.435,-0.673C0.467,-0.661 0.491,-0.641 0.505,-0.613C0.519,-0.584 0.526,-0.544 0.526,-0.492C0.526,-0.457 0.521,-0.428 0.511,-0.405C0.501,-0.382 0.482,-0.357 0.454,-0.329C0.419,-0.294 0.383,-0.261 0.347,-0.232C0.31,-0.203 0.26,-0.166 0.196,-0.121L0.196,-0.112L0.535,-0.112L0.535,-0L0.067,-0L0.067,-0.165Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,1697,999.692)">
+                    <path d="M0.325,0.009C0.254,0.009 0.2,-0.001 0.162,-0.023C0.124,-0.044 0.097,-0.079 0.081,-0.128C0.065,-0.177 0.057,-0.248 0.057,-0.339C0.057,-0.431 0.065,-0.502 0.081,-0.552C0.097,-0.602 0.124,-0.638 0.162,-0.659C0.2,-0.68 0.254,-0.69 0.325,-0.69C0.384,-0.69 0.43,-0.684 0.463,-0.672C0.496,-0.659 0.519,-0.639 0.534,-0.61C0.549,-0.581 0.557,-0.539 0.559,-0.486L0.434,-0.486C0.427,-0.523 0.416,-0.548 0.401,-0.561C0.386,-0.574 0.36,-0.581 0.325,-0.581C0.288,-0.581 0.26,-0.574 0.24,-0.56C0.22,-0.545 0.206,-0.521 0.198,-0.486C0.189,-0.451 0.185,-0.402 0.185,-0.339C0.185,-0.276 0.189,-0.228 0.198,-0.194C0.206,-0.16 0.22,-0.136 0.24,-0.122C0.26,-0.107 0.288,-0.1 0.325,-0.1C0.364,-0.1 0.392,-0.106 0.408,-0.119C0.424,-0.131 0.435,-0.154 0.44,-0.189L0.565,-0.189C0.562,-0.137 0.552,-0.097 0.537,-0.069C0.522,-0.04 0.498,-0.02 0.465,-0.009C0.432,0.003 0.385,0.009 0.325,0.009Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,1324.77,206.93)">
+                <g transform="matrix(36,0,0,36,285.836,1063.25)">
+                    <path d="M0.211,-0.68L0.389,-0.68L0.586,-0L0.46,-0L0.416,-0.15L0.186,-0.15L0.143,-0L0.018,-0L0.211,-0.68ZM0.387,-0.261L0.3,-0.564L0.299,-0.564L0.216,-0.261L0.387,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,307.436,1063.25)">
+                    <path d="M0.067,-0.165C0.156,-0.233 0.222,-0.284 0.265,-0.319C0.308,-0.354 0.342,-0.384 0.368,-0.41C0.381,-0.423 0.389,-0.436 0.394,-0.448C0.399,-0.46 0.401,-0.475 0.401,-0.494C0.401,-0.517 0.398,-0.535 0.392,-0.548C0.385,-0.56 0.374,-0.569 0.359,-0.574C0.344,-0.579 0.322,-0.582 0.294,-0.582C0.266,-0.582 0.244,-0.579 0.229,-0.574C0.213,-0.568 0.201,-0.559 0.194,-0.546C0.187,-0.533 0.182,-0.514 0.18,-0.49L0.052,-0.49C0.055,-0.543 0.064,-0.583 0.079,-0.612C0.094,-0.64 0.118,-0.66 0.152,-0.672C0.185,-0.684 0.232,-0.69 0.293,-0.69C0.354,-0.69 0.401,-0.684 0.435,-0.673C0.467,-0.661 0.491,-0.641 0.505,-0.613C0.519,-0.584 0.526,-0.544 0.526,-0.492C0.526,-0.457 0.521,-0.428 0.511,-0.405C0.501,-0.382 0.482,-0.357 0.454,-0.329C0.419,-0.294 0.383,-0.261 0.347,-0.232C0.31,-0.203 0.26,-0.166 0.196,-0.121L0.196,-0.112L0.535,-0.112L0.535,-0L0.067,-0L0.067,-0.165Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,980.474,-384.451)">
+                <g transform="matrix(36,0,0,36,285.836,1063.25)">
+                    <path d="M0.325,0.009C0.254,0.009 0.2,-0.001 0.162,-0.023C0.124,-0.044 0.097,-0.079 0.081,-0.128C0.065,-0.177 0.057,-0.248 0.057,-0.339C0.057,-0.431 0.065,-0.502 0.081,-0.552C0.097,-0.602 0.124,-0.638 0.162,-0.659C0.2,-0.68 0.254,-0.69 0.325,-0.69C0.384,-0.69 0.43,-0.684 0.463,-0.672C0.496,-0.659 0.519,-0.639 0.534,-0.61C0.549,-0.581 0.557,-0.539 0.559,-0.486L0.434,-0.486C0.427,-0.523 0.416,-0.548 0.401,-0.561C0.386,-0.574 0.36,-0.581 0.325,-0.581C0.288,-0.581 0.26,-0.574 0.24,-0.56C0.22,-0.545 0.206,-0.521 0.198,-0.486C0.189,-0.451 0.185,-0.402 0.185,-0.339C0.185,-0.276 0.189,-0.228 0.198,-0.194C0.206,-0.16 0.22,-0.136 0.24,-0.122C0.26,-0.107 0.288,-0.1 0.325,-0.1C0.364,-0.1 0.392,-0.106 0.408,-0.119C0.424,-0.131 0.435,-0.154 0.44,-0.189L0.565,-0.189C0.562,-0.137 0.552,-0.097 0.537,-0.069C0.522,-0.04 0.498,-0.02 0.465,-0.009C0.432,0.003 0.385,0.009 0.325,0.009Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,-288.958,214.163)">
+                <g transform="matrix(48,0,0,48,500.761,406.114)">
+                    <path d="M0.025,-0.522L0.133,-0.522L0.133,-0.458L0.141,-0.458C0.155,-0.487 0.169,-0.507 0.182,-0.519C0.195,-0.53 0.213,-0.535 0.236,-0.535C0.271,-0.535 0.296,-0.53 0.311,-0.519C0.326,-0.507 0.338,-0.487 0.347,-0.458L0.348,-0.458C0.357,-0.487 0.369,-0.507 0.384,-0.519C0.399,-0.53 0.421,-0.535 0.451,-0.535C0.484,-0.535 0.509,-0.529 0.526,-0.517C0.543,-0.505 0.556,-0.485 0.563,-0.456C0.57,-0.427 0.574,-0.385 0.574,-0.332L0.574,-0L0.463,-0L0.463,-0.314C0.463,-0.357 0.459,-0.387 0.452,-0.403C0.445,-0.419 0.431,-0.427 0.412,-0.427C0.397,-0.427 0.386,-0.423 0.378,-0.416C0.369,-0.408 0.363,-0.395 0.36,-0.377C0.357,-0.359 0.355,-0.333 0.355,-0.3L0.355,-0L0.245,-0L0.247,-0.314C0.248,-0.357 0.244,-0.387 0.236,-0.403C0.227,-0.419 0.212,-0.427 0.189,-0.427C0.175,-0.427 0.164,-0.423 0.157,-0.415C0.149,-0.407 0.143,-0.394 0.141,-0.375C0.138,-0.356 0.136,-0.33 0.136,-0.295L0.136,-0L0.025,-0L0.025,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,529.561,406.114)">
+                    <path d="M0.253,0.009C0.204,0.009 0.167,0.004 0.141,-0.006C0.114,-0.015 0.096,-0.032 0.085,-0.055C0.074,-0.078 0.068,-0.11 0.068,-0.152C0.068,-0.201 0.076,-0.24 0.091,-0.267C0.106,-0.294 0.132,-0.313 0.169,-0.324C0.206,-0.335 0.258,-0.341 0.325,-0.341L0.404,-0.341L0.404,-0.347C0.404,-0.38 0.397,-0.403 0.382,-0.415C0.367,-0.427 0.34,-0.433 0.299,-0.433C0.262,-0.433 0.238,-0.428 0.225,-0.419C0.212,-0.409 0.206,-0.39 0.207,-0.363L0.085,-0.363C0.083,-0.408 0.088,-0.443 0.101,-0.468C0.113,-0.492 0.135,-0.509 0.166,-0.52C0.197,-0.53 0.241,-0.535 0.299,-0.535C0.357,-0.535 0.402,-0.529 0.434,-0.518C0.465,-0.507 0.488,-0.488 0.501,-0.461C0.514,-0.434 0.521,-0.396 0.521,-0.347L0.521,-0L0.407,-0L0.407,-0.062L0.399,-0.062C0.38,-0.035 0.361,-0.016 0.34,-0.006C0.319,0.004 0.29,0.009 0.253,0.009ZM0.19,-0.161C0.19,-0.136 0.196,-0.118 0.208,-0.109C0.219,-0.1 0.241,-0.095 0.274,-0.095C0.307,-0.095 0.333,-0.099 0.351,-0.108C0.369,-0.117 0.382,-0.131 0.39,-0.152C0.397,-0.173 0.402,-0.202 0.403,-0.241L0.304,-0.24C0.274,-0.239 0.251,-0.237 0.235,-0.232C0.218,-0.227 0.207,-0.22 0.2,-0.209C0.193,-0.198 0.19,-0.182 0.19,-0.161Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,558.361,406.114)">
+                    <path d="M0.235,-0.728L0.388,-0.728L0.388,-0.587L0.235,-0.587L0.235,-0.728ZM0.09,-0.103L0.264,-0.103L0.264,-0.419L0.1,-0.419L0.1,-0.522L0.384,-0.522L0.384,-0.103L0.551,-0.103L0.551,-0L0.09,-0L0.09,-0.103Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,587.161,406.114)">
+                    <path d="M0.068,-0.522L0.19,-0.522L0.19,-0.45L0.198,-0.45C0.217,-0.483 0.236,-0.505 0.256,-0.517C0.276,-0.529 0.304,-0.535 0.341,-0.535C0.392,-0.535 0.431,-0.529 0.458,-0.517C0.485,-0.504 0.505,-0.484 0.517,-0.455C0.528,-0.426 0.534,-0.384 0.534,-0.33L0.534,-0L0.412,-0L0.412,-0.332C0.412,-0.369 0.405,-0.394 0.392,-0.407C0.378,-0.42 0.352,-0.427 0.315,-0.427C0.282,-0.427 0.257,-0.422 0.24,-0.413C0.222,-0.404 0.209,-0.388 0.202,-0.366C0.194,-0.343 0.19,-0.312 0.19,-0.271L0.19,-0L0.068,-0L0.068,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,-104.56,412.466)">
+                <g transform="matrix(48,0,0,48,500.761,406.114)">
+                    <path d="M0.213,-0.414L0.083,-0.414L0.05,-0.522L0.213,-0.522L0.213,-0.583C0.213,-0.626 0.22,-0.66 0.235,-0.684C0.249,-0.707 0.272,-0.724 0.305,-0.735C0.337,-0.745 0.382,-0.75 0.441,-0.75C0.468,-0.75 0.497,-0.749 0.53,-0.747L0.53,-0.643C0.495,-0.644 0.472,-0.645 0.46,-0.645C0.412,-0.645 0.379,-0.64 0.361,-0.631C0.342,-0.621 0.333,-0.604 0.333,-0.579L0.333,-0.522L0.519,-0.522L0.519,-0.414L0.333,-0.414L0.333,-0L0.213,-0L0.213,-0.414Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,529.561,406.114)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,558.361,406.114)">
+                    <path d="M0.253,0.009C0.204,0.009 0.167,0.004 0.141,-0.006C0.114,-0.015 0.096,-0.032 0.085,-0.055C0.074,-0.078 0.068,-0.11 0.068,-0.152C0.068,-0.201 0.076,-0.24 0.091,-0.267C0.106,-0.294 0.132,-0.313 0.169,-0.324C0.206,-0.335 0.258,-0.341 0.325,-0.341L0.404,-0.341L0.404,-0.347C0.404,-0.38 0.397,-0.403 0.382,-0.415C0.367,-0.427 0.34,-0.433 0.299,-0.433C0.262,-0.433 0.238,-0.428 0.225,-0.419C0.212,-0.409 0.206,-0.39 0.207,-0.363L0.085,-0.363C0.083,-0.408 0.088,-0.443 0.101,-0.468C0.113,-0.492 0.135,-0.509 0.166,-0.52C0.197,-0.53 0.241,-0.535 0.299,-0.535C0.357,-0.535 0.402,-0.529 0.434,-0.518C0.465,-0.507 0.488,-0.488 0.501,-0.461C0.514,-0.434 0.521,-0.396 0.521,-0.347L0.521,-0L0.407,-0L0.407,-0.062L0.399,-0.062C0.38,-0.035 0.361,-0.016 0.34,-0.006C0.319,0.004 0.29,0.009 0.253,0.009ZM0.19,-0.161C0.19,-0.136 0.196,-0.118 0.208,-0.109C0.219,-0.1 0.241,-0.095 0.274,-0.095C0.307,-0.095 0.333,-0.099 0.351,-0.108C0.369,-0.117 0.382,-0.131 0.39,-0.152C0.397,-0.173 0.402,-0.202 0.403,-0.241L0.304,-0.24C0.274,-0.239 0.251,-0.237 0.235,-0.232C0.218,-0.227 0.207,-0.22 0.2,-0.209C0.193,-0.198 0.19,-0.182 0.19,-0.161Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,587.161,406.114)">
+                    <path d="M0.365,0.011C0.317,0.011 0.281,0.005 0.256,-0.008C0.231,-0.021 0.215,-0.04 0.206,-0.065C0.197,-0.09 0.193,-0.124 0.193,-0.167L0.193,-0.419L0.064,-0.419L0.088,-0.522L0.197,-0.522L0.197,-0.628L0.313,-0.677L0.313,-0.522L0.508,-0.522L0.508,-0.419L0.313,-0.419L0.313,-0.171C0.313,-0.15 0.315,-0.134 0.319,-0.124C0.322,-0.114 0.33,-0.107 0.343,-0.102C0.355,-0.097 0.374,-0.095 0.399,-0.095C0.428,-0.095 0.469,-0.099 0.524,-0.107L0.524,-0.002C0.455,0.007 0.402,0.011 0.365,0.011Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,-99.5908,452.625)">
+                <g transform="matrix(36,0,0,36,500.761,406.114)">
+                    <path d="M0.05,-0.522L0.171,-0.522L0.171,-0.471L0.179,-0.471C0.2,-0.495 0.22,-0.511 0.239,-0.52C0.258,-0.529 0.282,-0.533 0.312,-0.533C0.371,-0.533 0.417,-0.525 0.449,-0.509C0.481,-0.492 0.504,-0.465 0.518,-0.426C0.531,-0.387 0.538,-0.332 0.538,-0.261C0.538,-0.19 0.531,-0.136 0.518,-0.098C0.505,-0.059 0.482,-0.032 0.451,-0.016C0.419,0.001 0.374,0.009 0.315,0.009C0.28,0.009 0.252,0.005 0.233,-0.004C0.214,-0.013 0.196,-0.029 0.179,-0.053L0.171,-0.053L0.171,0.215L0.05,0.215L0.05,-0.522ZM0.169,-0.261C0.169,-0.218 0.173,-0.184 0.18,-0.161C0.187,-0.137 0.198,-0.12 0.215,-0.11C0.232,-0.1 0.255,-0.095 0.286,-0.095C0.32,-0.095 0.346,-0.1 0.365,-0.11C0.383,-0.12 0.396,-0.137 0.404,-0.161C0.411,-0.184 0.415,-0.218 0.415,-0.261C0.415,-0.305 0.411,-0.339 0.404,-0.363C0.396,-0.387 0.383,-0.404 0.365,-0.414C0.346,-0.424 0.32,-0.429 0.286,-0.429C0.255,-0.429 0.232,-0.424 0.215,-0.414C0.198,-0.404 0.187,-0.387 0.18,-0.363C0.173,-0.339 0.169,-0.305 0.169,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,522.361,406.114)">
+                    <path d="M0.132,-0.522L0.242,-0.522L0.237,-0.415L0.248,-0.415C0.273,-0.456 0.29,-0.484 0.301,-0.497C0.312,-0.51 0.323,-0.519 0.335,-0.522C0.347,-0.525 0.369,-0.527 0.401,-0.527L0.499,-0.525L0.499,-0.405C0.487,-0.406 0.469,-0.406 0.445,-0.406C0.408,-0.406 0.376,-0.404 0.348,-0.401C0.335,-0.399 0.32,-0.39 0.305,-0.375C0.29,-0.36 0.277,-0.341 0.267,-0.32C0.257,-0.298 0.252,-0.277 0.252,-0.257L0.252,-0L0.132,-0L0.132,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,565.561,406.114)">
+                    <path d="M0.106,-0.175L0.005,-0.175L0.025,-0.273L0.127,-0.273L0.155,-0.408L0.055,-0.408L0.075,-0.505L0.177,-0.505L0.214,-0.68L0.32,-0.68L0.282,-0.505L0.381,-0.505L0.419,-0.68L0.526,-0.68L0.489,-0.505L0.595,-0.505L0.575,-0.408L0.469,-0.408L0.44,-0.273L0.546,-0.273L0.525,-0.175L0.42,-0.175L0.382,-0L0.274,-0L0.311,-0.175L0.213,-0.175L0.176,-0L0.069,-0L0.106,-0.175ZM0.334,-0.269L0.365,-0.412L0.26,-0.412L0.229,-0.269L0.334,-0.269Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,587.161,406.114)">
+                    <path d="M0.301,-0.478L0.305,-0.54L0.266,-0.508L0.086,-0.397L0.086,-0.529L0.301,-0.68L0.425,-0.68L0.425,-0L0.301,-0L0.301,-0.478Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,385.019,617.463)">
+                <g transform="matrix(36,0,0,36,500.761,406.114)">
+                    <path d="M0.132,-0.522L0.242,-0.522L0.237,-0.415L0.248,-0.415C0.273,-0.456 0.29,-0.484 0.301,-0.497C0.312,-0.51 0.323,-0.519 0.335,-0.522C0.347,-0.525 0.369,-0.527 0.401,-0.527L0.499,-0.525L0.499,-0.405C0.487,-0.406 0.469,-0.406 0.445,-0.406C0.408,-0.406 0.376,-0.404 0.348,-0.401C0.335,-0.399 0.32,-0.39 0.305,-0.375C0.29,-0.36 0.277,-0.341 0.267,-0.32C0.257,-0.298 0.252,-0.277 0.252,-0.257L0.252,-0L0.132,-0L0.132,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,522.361,406.114)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,543.961,406.114)">
+                    <path d="M0.213,-0.414L0.083,-0.414L0.05,-0.522L0.213,-0.522L0.213,-0.583C0.213,-0.626 0.22,-0.66 0.235,-0.684C0.249,-0.707 0.272,-0.724 0.305,-0.735C0.337,-0.745 0.382,-0.75 0.441,-0.75C0.468,-0.75 0.497,-0.749 0.53,-0.747L0.53,-0.643C0.495,-0.644 0.472,-0.645 0.46,-0.645C0.412,-0.645 0.379,-0.64 0.361,-0.631C0.342,-0.621 0.333,-0.604 0.333,-0.579L0.333,-0.522L0.519,-0.522L0.519,-0.414L0.333,-0.414L0.333,-0L0.213,-0L0.213,-0.414Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,565.561,406.114)">
+                    <path d="M0.302,0.009C0.238,0.009 0.189,0.004 0.155,-0.007C0.12,-0.018 0.096,-0.036 0.082,-0.062C0.068,-0.088 0.062,-0.125 0.063,-0.172L0.186,-0.172C0.187,-0.151 0.191,-0.136 0.198,-0.125C0.205,-0.114 0.218,-0.106 0.236,-0.101C0.253,-0.096 0.278,-0.094 0.311,-0.094C0.35,-0.094 0.377,-0.098 0.392,-0.106C0.407,-0.113 0.414,-0.127 0.414,-0.148C0.414,-0.161 0.41,-0.173 0.402,-0.182C0.393,-0.191 0.379,-0.198 0.359,-0.205C0.339,-0.212 0.311,-0.218 0.274,-0.225C0.221,-0.235 0.18,-0.246 0.151,-0.259C0.122,-0.271 0.101,-0.287 0.089,-0.306C0.076,-0.325 0.07,-0.35 0.07,-0.381C0.07,-0.422 0.077,-0.453 0.091,-0.475C0.104,-0.496 0.128,-0.512 0.161,-0.521C0.194,-0.53 0.24,-0.535 0.3,-0.535C0.359,-0.535 0.404,-0.53 0.436,-0.521C0.468,-0.511 0.491,-0.495 0.504,-0.472C0.517,-0.448 0.524,-0.416 0.525,-0.373L0.405,-0.373C0.404,-0.396 0.396,-0.411 0.381,-0.42C0.366,-0.428 0.338,-0.432 0.299,-0.432C0.258,-0.432 0.229,-0.428 0.214,-0.421C0.199,-0.414 0.191,-0.4 0.191,-0.38C0.191,-0.369 0.202,-0.36 0.223,-0.352C0.244,-0.343 0.284,-0.332 0.345,-0.318C0.395,-0.307 0.434,-0.294 0.461,-0.281C0.488,-0.267 0.508,-0.25 0.52,-0.229C0.531,-0.208 0.537,-0.182 0.537,-0.149C0.537,-0.108 0.53,-0.076 0.516,-0.053C0.502,-0.03 0.478,-0.014 0.445,-0.005C0.411,0.004 0.363,0.009 0.302,0.009Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,587.161,406.114)">
+                    <path d="M0.418,-0.781L0.539,-0.781L0.18,0.127L0.06,0.127L0.418,-0.781Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,608.761,406.114)">
+                    <path d="M0.05,-0.522L0.171,-0.522L0.171,-0.471L0.179,-0.471C0.2,-0.495 0.22,-0.511 0.239,-0.52C0.258,-0.529 0.282,-0.533 0.312,-0.533C0.371,-0.533 0.417,-0.525 0.449,-0.509C0.481,-0.492 0.504,-0.465 0.518,-0.426C0.531,-0.387 0.538,-0.332 0.538,-0.261C0.538,-0.19 0.531,-0.136 0.518,-0.098C0.505,-0.059 0.482,-0.032 0.451,-0.016C0.419,0.001 0.374,0.009 0.315,0.009C0.28,0.009 0.252,0.005 0.233,-0.004C0.214,-0.013 0.196,-0.029 0.179,-0.053L0.171,-0.053L0.171,0.215L0.05,0.215L0.05,-0.522ZM0.169,-0.261C0.169,-0.218 0.173,-0.184 0.18,-0.161C0.187,-0.137 0.198,-0.12 0.215,-0.11C0.232,-0.1 0.255,-0.095 0.286,-0.095C0.32,-0.095 0.346,-0.1 0.365,-0.11C0.383,-0.12 0.396,-0.137 0.404,-0.161C0.411,-0.184 0.415,-0.218 0.415,-0.261C0.415,-0.305 0.411,-0.339 0.404,-0.363C0.396,-0.387 0.383,-0.404 0.365,-0.414C0.346,-0.424 0.32,-0.429 0.286,-0.429C0.255,-0.429 0.232,-0.424 0.215,-0.414C0.198,-0.404 0.187,-0.387 0.18,-0.363C0.173,-0.339 0.169,-0.305 0.169,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,630.361,406.114)">
+                    <path d="M0.242,0.009C0.196,0.009 0.161,0.003 0.136,-0.009C0.111,-0.021 0.093,-0.041 0.082,-0.07C0.071,-0.099 0.066,-0.139 0.066,-0.192L0.066,-0.522L0.188,-0.522L0.188,-0.19C0.188,-0.153 0.194,-0.128 0.207,-0.115C0.219,-0.102 0.242,-0.095 0.277,-0.095C0.312,-0.095 0.339,-0.1 0.358,-0.109C0.377,-0.118 0.39,-0.134 0.398,-0.157C0.406,-0.179 0.41,-0.211 0.41,-0.252L0.41,-0.522L0.532,-0.522L0.532,-0L0.41,-0L0.41,-0.073L0.402,-0.073C0.385,-0.042 0.365,-0.02 0.343,-0.009C0.32,0.003 0.287,0.009 0.242,0.009Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,651.961,406.114)">
+                    <path d="M0.067,-0.104L0.25,-0.104L0.25,-0.624L0.077,-0.624L0.077,-0.728L0.37,-0.728L0.37,-0.104L0.541,-0.104L0.541,-0L0.067,-0L0.067,-0.104Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,673.561,406.114)">
+                    <path d="M0.067,-0.104L0.25,-0.104L0.25,-0.624L0.077,-0.624L0.077,-0.728L0.37,-0.728L0.37,-0.104L0.541,-0.104L0.541,-0L0.067,-0L0.067,-0.104Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,695.161,406.114)">
+                    <path d="M0.418,-0.781L0.539,-0.781L0.18,0.127L0.06,0.127L0.418,-0.781Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,716.761,406.114)">
+                    <path d="M0.301,-0.478L0.305,-0.54L0.266,-0.508L0.086,-0.397L0.086,-0.529L0.301,-0.68L0.425,-0.68L0.425,-0L0.301,-0L0.301,-0.478Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,738.361,406.114)">
+                    <path d="M0.418,-0.781L0.539,-0.781L0.18,0.127L0.06,0.127L0.418,-0.781Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,759.961,406.114)">
+                    <path d="M0.025,-0.522L0.133,-0.522L0.133,-0.458L0.141,-0.458C0.155,-0.487 0.169,-0.507 0.182,-0.519C0.195,-0.53 0.213,-0.535 0.236,-0.535C0.271,-0.535 0.296,-0.53 0.311,-0.519C0.326,-0.507 0.338,-0.487 0.347,-0.458L0.348,-0.458C0.357,-0.487 0.369,-0.507 0.384,-0.519C0.399,-0.53 0.421,-0.535 0.451,-0.535C0.484,-0.535 0.509,-0.529 0.526,-0.517C0.543,-0.505 0.556,-0.485 0.563,-0.456C0.57,-0.427 0.574,-0.385 0.574,-0.332L0.574,-0L0.463,-0L0.463,-0.314C0.463,-0.357 0.459,-0.387 0.452,-0.403C0.445,-0.419 0.431,-0.427 0.412,-0.427C0.397,-0.427 0.386,-0.423 0.378,-0.416C0.369,-0.408 0.363,-0.395 0.36,-0.377C0.357,-0.359 0.355,-0.333 0.355,-0.3L0.355,-0L0.245,-0L0.247,-0.314C0.248,-0.357 0.244,-0.387 0.236,-0.403C0.227,-0.419 0.212,-0.427 0.189,-0.427C0.175,-0.427 0.164,-0.423 0.157,-0.415C0.149,-0.407 0.143,-0.394 0.141,-0.375C0.138,-0.356 0.136,-0.33 0.136,-0.295L0.136,-0L0.025,-0L0.025,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,781.561,406.114)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,803.161,406.114)">
+                    <path d="M0.132,-0.522L0.242,-0.522L0.237,-0.415L0.248,-0.415C0.273,-0.456 0.29,-0.484 0.301,-0.497C0.312,-0.51 0.323,-0.519 0.335,-0.522C0.347,-0.525 0.369,-0.527 0.401,-0.527L0.499,-0.525L0.499,-0.405C0.487,-0.406 0.469,-0.406 0.445,-0.406C0.408,-0.406 0.376,-0.404 0.348,-0.401C0.335,-0.399 0.32,-0.39 0.305,-0.375C0.29,-0.36 0.277,-0.341 0.267,-0.32C0.257,-0.298 0.252,-0.277 0.252,-0.257L0.252,-0L0.132,-0L0.132,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,824.761,406.114)">
+                    <path d="M0.302,0.22C0.242,0.22 0.196,0.215 0.163,0.204C0.13,0.193 0.107,0.175 0.093,0.151C0.079,0.126 0.071,0.09 0.07,0.044L0.193,0.044C0.194,0.065 0.198,0.08 0.204,0.091C0.21,0.102 0.221,0.109 0.236,0.114C0.251,0.118 0.273,0.12 0.303,0.12C0.333,0.12 0.356,0.116 0.373,0.11C0.389,0.102 0.4,0.091 0.407,0.075C0.414,0.058 0.417,0.035 0.418,0.005L0.419,-0.071L0.411,-0.071C0.402,-0.051 0.392,-0.036 0.381,-0.026C0.37,-0.015 0.356,-0.008 0.339,-0.004C0.321,0.001 0.297,0.003 0.266,0.003C0.211,0.003 0.169,-0.005 0.138,-0.021C0.107,-0.037 0.085,-0.064 0.072,-0.102C0.058,-0.139 0.051,-0.192 0.051,-0.261C0.051,-0.332 0.058,-0.387 0.072,-0.426C0.085,-0.465 0.109,-0.492 0.142,-0.509C0.175,-0.525 0.221,-0.533 0.281,-0.533C0.319,-0.533 0.347,-0.528 0.366,-0.518C0.384,-0.507 0.4,-0.488 0.413,-0.46L0.421,-0.46L0.421,-0.522L0.538,-0.522L0.538,0.015C0.538,0.069 0.531,0.111 0.517,0.14C0.503,0.169 0.479,0.189 0.446,0.202C0.412,0.214 0.364,0.22 0.302,0.22ZM0.173,-0.261C0.173,-0.219 0.177,-0.187 0.184,-0.164C0.191,-0.14 0.204,-0.124 0.222,-0.115C0.239,-0.105 0.264,-0.1 0.296,-0.1C0.328,-0.1 0.353,-0.105 0.37,-0.115C0.387,-0.124 0.4,-0.14 0.407,-0.164C0.414,-0.187 0.418,-0.219 0.418,-0.261C0.418,-0.305 0.414,-0.339 0.407,-0.363C0.4,-0.387 0.387,-0.404 0.37,-0.415C0.353,-0.425 0.328,-0.43 0.296,-0.43C0.264,-0.43 0.239,-0.425 0.222,-0.415C0.204,-0.404 0.191,-0.387 0.184,-0.363C0.177,-0.339 0.173,-0.305 0.173,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,846.361,406.114)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,405.831,794.631)">
+                <g transform="matrix(36,0,0,36,500.761,406.114)">
+                    <path d="M0.132,-0.522L0.242,-0.522L0.237,-0.415L0.248,-0.415C0.273,-0.456 0.29,-0.484 0.301,-0.497C0.312,-0.51 0.323,-0.519 0.335,-0.522C0.347,-0.525 0.369,-0.527 0.401,-0.527L0.499,-0.525L0.499,-0.405C0.487,-0.406 0.469,-0.406 0.445,-0.406C0.408,-0.406 0.376,-0.404 0.348,-0.401C0.335,-0.399 0.32,-0.39 0.305,-0.375C0.29,-0.36 0.277,-0.341 0.267,-0.32C0.257,-0.298 0.252,-0.277 0.252,-0.257L0.252,-0L0.132,-0L0.132,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,522.361,406.114)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,543.961,406.114)">
+                    <path d="M0.213,-0.414L0.083,-0.414L0.05,-0.522L0.213,-0.522L0.213,-0.583C0.213,-0.626 0.22,-0.66 0.235,-0.684C0.249,-0.707 0.272,-0.724 0.305,-0.735C0.337,-0.745 0.382,-0.75 0.441,-0.75C0.468,-0.75 0.497,-0.749 0.53,-0.747L0.53,-0.643C0.495,-0.644 0.472,-0.645 0.46,-0.645C0.412,-0.645 0.379,-0.64 0.361,-0.631C0.342,-0.621 0.333,-0.604 0.333,-0.579L0.333,-0.522L0.519,-0.522L0.519,-0.414L0.333,-0.414L0.333,-0L0.213,-0L0.213,-0.414Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,565.561,406.114)">
+                    <path d="M0.302,0.009C0.238,0.009 0.189,0.004 0.155,-0.007C0.12,-0.018 0.096,-0.036 0.082,-0.062C0.068,-0.088 0.062,-0.125 0.063,-0.172L0.186,-0.172C0.187,-0.151 0.191,-0.136 0.198,-0.125C0.205,-0.114 0.218,-0.106 0.236,-0.101C0.253,-0.096 0.278,-0.094 0.311,-0.094C0.35,-0.094 0.377,-0.098 0.392,-0.106C0.407,-0.113 0.414,-0.127 0.414,-0.148C0.414,-0.161 0.41,-0.173 0.402,-0.182C0.393,-0.191 0.379,-0.198 0.359,-0.205C0.339,-0.212 0.311,-0.218 0.274,-0.225C0.221,-0.235 0.18,-0.246 0.151,-0.259C0.122,-0.271 0.101,-0.287 0.089,-0.306C0.076,-0.325 0.07,-0.35 0.07,-0.381C0.07,-0.422 0.077,-0.453 0.091,-0.475C0.104,-0.496 0.128,-0.512 0.161,-0.521C0.194,-0.53 0.24,-0.535 0.3,-0.535C0.359,-0.535 0.404,-0.53 0.436,-0.521C0.468,-0.511 0.491,-0.495 0.504,-0.472C0.517,-0.448 0.524,-0.416 0.525,-0.373L0.405,-0.373C0.404,-0.396 0.396,-0.411 0.381,-0.42C0.366,-0.428 0.338,-0.432 0.299,-0.432C0.258,-0.432 0.229,-0.428 0.214,-0.421C0.199,-0.414 0.191,-0.4 0.191,-0.38C0.191,-0.369 0.202,-0.36 0.223,-0.352C0.244,-0.343 0.284,-0.332 0.345,-0.318C0.395,-0.307 0.434,-0.294 0.461,-0.281C0.488,-0.267 0.508,-0.25 0.52,-0.229C0.531,-0.208 0.537,-0.182 0.537,-0.149C0.537,-0.108 0.53,-0.076 0.516,-0.053C0.502,-0.03 0.478,-0.014 0.445,-0.005C0.411,0.004 0.363,0.009 0.302,0.009Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,587.161,406.114)">
+                    <path d="M0.418,-0.781L0.539,-0.781L0.18,0.127L0.06,0.127L0.418,-0.781Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,608.761,406.114)">
+                    <path d="M0.05,-0.522L0.171,-0.522L0.171,-0.471L0.179,-0.471C0.2,-0.495 0.22,-0.511 0.239,-0.52C0.258,-0.529 0.282,-0.533 0.312,-0.533C0.371,-0.533 0.417,-0.525 0.449,-0.509C0.481,-0.492 0.504,-0.465 0.518,-0.426C0.531,-0.387 0.538,-0.332 0.538,-0.261C0.538,-0.19 0.531,-0.136 0.518,-0.098C0.505,-0.059 0.482,-0.032 0.451,-0.016C0.419,0.001 0.374,0.009 0.315,0.009C0.28,0.009 0.252,0.005 0.233,-0.004C0.214,-0.013 0.196,-0.029 0.179,-0.053L0.171,-0.053L0.171,0.215L0.05,0.215L0.05,-0.522ZM0.169,-0.261C0.169,-0.218 0.173,-0.184 0.18,-0.161C0.187,-0.137 0.198,-0.12 0.215,-0.11C0.232,-0.1 0.255,-0.095 0.286,-0.095C0.32,-0.095 0.346,-0.1 0.365,-0.11C0.383,-0.12 0.396,-0.137 0.404,-0.161C0.411,-0.184 0.415,-0.218 0.415,-0.261C0.415,-0.305 0.411,-0.339 0.404,-0.363C0.396,-0.387 0.383,-0.404 0.365,-0.414C0.346,-0.424 0.32,-0.429 0.286,-0.429C0.255,-0.429 0.232,-0.424 0.215,-0.414C0.198,-0.404 0.187,-0.387 0.18,-0.363C0.173,-0.339 0.169,-0.305 0.169,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,630.361,406.114)">
+                    <path d="M0.242,0.009C0.196,0.009 0.161,0.003 0.136,-0.009C0.111,-0.021 0.093,-0.041 0.082,-0.07C0.071,-0.099 0.066,-0.139 0.066,-0.192L0.066,-0.522L0.188,-0.522L0.188,-0.19C0.188,-0.153 0.194,-0.128 0.207,-0.115C0.219,-0.102 0.242,-0.095 0.277,-0.095C0.312,-0.095 0.339,-0.1 0.358,-0.109C0.377,-0.118 0.39,-0.134 0.398,-0.157C0.406,-0.179 0.41,-0.211 0.41,-0.252L0.41,-0.522L0.532,-0.522L0.532,-0L0.41,-0L0.41,-0.073L0.402,-0.073C0.385,-0.042 0.365,-0.02 0.343,-0.009C0.32,0.003 0.287,0.009 0.242,0.009Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,651.961,406.114)">
+                    <path d="M0.067,-0.104L0.25,-0.104L0.25,-0.624L0.077,-0.624L0.077,-0.728L0.37,-0.728L0.37,-0.104L0.541,-0.104L0.541,-0L0.067,-0L0.067,-0.104Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,673.561,406.114)">
+                    <path d="M0.067,-0.104L0.25,-0.104L0.25,-0.624L0.077,-0.624L0.077,-0.728L0.37,-0.728L0.37,-0.104L0.541,-0.104L0.541,-0L0.067,-0L0.067,-0.104Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,695.161,406.114)">
+                    <path d="M0.418,-0.781L0.539,-0.781L0.18,0.127L0.06,0.127L0.418,-0.781Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,716.761,406.114)">
+                    <path d="M0.301,-0.478L0.305,-0.54L0.266,-0.508L0.086,-0.397L0.086,-0.529L0.301,-0.68L0.425,-0.68L0.425,-0L0.301,-0L0.301,-0.478Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,738.361,406.114)">
+                    <path d="M0.418,-0.781L0.539,-0.781L0.18,0.127L0.06,0.127L0.418,-0.781Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,759.961,406.114)">
+                    <path d="M0.068,-0.728L0.19,-0.728L0.19,-0.452L0.198,-0.452C0.215,-0.483 0.233,-0.505 0.254,-0.517C0.275,-0.529 0.303,-0.535 0.34,-0.535C0.391,-0.535 0.431,-0.529 0.458,-0.517C0.485,-0.505 0.505,-0.485 0.517,-0.456C0.528,-0.427 0.534,-0.385 0.534,-0.332L0.534,-0L0.412,-0L0.412,-0.334C0.412,-0.371 0.405,-0.397 0.392,-0.411C0.378,-0.424 0.352,-0.431 0.314,-0.431C0.281,-0.431 0.256,-0.426 0.239,-0.417C0.221,-0.408 0.208,-0.392 0.201,-0.369C0.194,-0.346 0.19,-0.314 0.19,-0.272L0.19,-0L0.068,-0L0.068,-0.728Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,781.561,406.114)">
+                    <path d="M0.309,0.009C0.244,0.009 0.193,0.001 0.158,-0.016C0.123,-0.032 0.097,-0.06 0.083,-0.099C0.068,-0.138 0.06,-0.194 0.06,-0.266C0.06,-0.337 0.067,-0.391 0.082,-0.43C0.096,-0.468 0.12,-0.495 0.155,-0.511C0.189,-0.527 0.238,-0.535 0.301,-0.535C0.362,-0.535 0.409,-0.527 0.443,-0.51C0.477,-0.493 0.501,-0.464 0.517,-0.425C0.532,-0.385 0.539,-0.329 0.539,-0.257L0.538,-0.218L0.183,-0.218C0.186,-0.185 0.191,-0.16 0.199,-0.143C0.207,-0.125 0.22,-0.112 0.237,-0.105C0.254,-0.098 0.277,-0.094 0.308,-0.094C0.338,-0.094 0.36,-0.099 0.374,-0.108C0.387,-0.117 0.398,-0.135 0.406,-0.16L0.53,-0.16C0.523,-0.116 0.512,-0.082 0.497,-0.058C0.482,-0.034 0.459,-0.017 0.43,-0.007C0.401,0.004 0.36,0.009 0.309,0.009ZM0.419,-0.313C0.419,-0.358 0.41,-0.39 0.393,-0.407C0.375,-0.424 0.344,-0.432 0.301,-0.432C0.259,-0.432 0.229,-0.423 0.211,-0.406C0.193,-0.389 0.184,-0.358 0.184,-0.313L0.419,-0.313Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,803.161,406.114)">
+                    <path d="M0.253,0.009C0.204,0.009 0.167,0.004 0.141,-0.006C0.114,-0.015 0.096,-0.032 0.085,-0.055C0.074,-0.078 0.068,-0.11 0.068,-0.152C0.068,-0.201 0.076,-0.24 0.091,-0.267C0.106,-0.294 0.132,-0.313 0.169,-0.324C0.206,-0.335 0.258,-0.341 0.325,-0.341L0.404,-0.341L0.404,-0.347C0.404,-0.38 0.397,-0.403 0.382,-0.415C0.367,-0.427 0.34,-0.433 0.299,-0.433C0.262,-0.433 0.238,-0.428 0.225,-0.419C0.212,-0.409 0.206,-0.39 0.207,-0.363L0.085,-0.363C0.083,-0.408 0.088,-0.443 0.101,-0.468C0.113,-0.492 0.135,-0.509 0.166,-0.52C0.197,-0.53 0.241,-0.535 0.299,-0.535C0.357,-0.535 0.402,-0.529 0.434,-0.518C0.465,-0.507 0.488,-0.488 0.501,-0.461C0.514,-0.434 0.521,-0.396 0.521,-0.347L0.521,-0L0.407,-0L0.407,-0.062L0.399,-0.062C0.38,-0.035 0.361,-0.016 0.34,-0.006C0.319,0.004 0.29,0.009 0.253,0.009ZM0.19,-0.161C0.19,-0.136 0.196,-0.118 0.208,-0.109C0.219,-0.1 0.241,-0.095 0.274,-0.095C0.307,-0.095 0.333,-0.099 0.351,-0.108C0.369,-0.117 0.382,-0.131 0.39,-0.152C0.397,-0.173 0.402,-0.202 0.403,-0.241L0.304,-0.24C0.274,-0.239 0.251,-0.237 0.235,-0.232C0.218,-0.227 0.207,-0.22 0.2,-0.209C0.193,-0.198 0.19,-0.182 0.19,-0.161Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(36,0,0,36,824.761,406.114)">
+                    <path d="M0.26,0.01C0.203,0.01 0.16,0.002 0.129,-0.015C0.097,-0.031 0.076,-0.058 0.063,-0.098C0.05,-0.136 0.043,-0.192 0.043,-0.264C0.043,-0.335 0.05,-0.39 0.063,-0.429C0.076,-0.467 0.097,-0.494 0.129,-0.511C0.16,-0.527 0.203,-0.535 0.26,-0.535C0.304,-0.535 0.336,-0.531 0.356,-0.522C0.376,-0.513 0.391,-0.497 0.402,-0.473L0.41,-0.473L0.41,-0.728L0.531,-0.728L0.531,-0L0.41,-0L0.41,-0.054L0.402,-0.054C0.387,-0.029 0.369,-0.013 0.35,-0.004C0.33,0.006 0.3,0.01 0.26,0.01ZM0.166,-0.264C0.166,-0.22 0.17,-0.186 0.178,-0.162C0.185,-0.137 0.198,-0.12 0.217,-0.11C0.235,-0.1 0.261,-0.095 0.295,-0.095C0.326,-0.095 0.349,-0.1 0.366,-0.111C0.383,-0.121 0.395,-0.138 0.402,-0.162C0.409,-0.186 0.412,-0.22 0.412,-0.264C0.412,-0.308 0.409,-0.342 0.402,-0.366C0.395,-0.389 0.383,-0.406 0.366,-0.416C0.349,-0.426 0.326,-0.431 0.295,-0.431C0.261,-0.431 0.235,-0.426 0.217,-0.416C0.198,-0.406 0.185,-0.389 0.178,-0.366C0.17,-0.342 0.166,-0.308 0.166,-0.264Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+        <g transform="matrix(1.05171,0,0,1.09885,-41.1435,-338.511)">
+            <g transform="matrix(0.950835,0,0,0.91004,665.427,120.105)">
+                <g transform="matrix(48,0,0,48,500.761,406.114)">
+                    <path d="M0.025,-0.522L0.133,-0.522L0.133,-0.458L0.141,-0.458C0.155,-0.487 0.169,-0.507 0.182,-0.519C0.195,-0.53 0.213,-0.535 0.236,-0.535C0.271,-0.535 0.296,-0.53 0.311,-0.519C0.326,-0.507 0.338,-0.487 0.347,-0.458L0.348,-0.458C0.357,-0.487 0.369,-0.507 0.384,-0.519C0.399,-0.53 0.421,-0.535 0.451,-0.535C0.484,-0.535 0.509,-0.529 0.526,-0.517C0.543,-0.505 0.556,-0.485 0.563,-0.456C0.57,-0.427 0.574,-0.385 0.574,-0.332L0.574,-0L0.463,-0L0.463,-0.314C0.463,-0.357 0.459,-0.387 0.452,-0.403C0.445,-0.419 0.431,-0.427 0.412,-0.427C0.397,-0.427 0.386,-0.423 0.378,-0.416C0.369,-0.408 0.363,-0.395 0.36,-0.377C0.357,-0.359 0.355,-0.333 0.355,-0.3L0.355,-0L0.245,-0L0.247,-0.314C0.248,-0.357 0.244,-0.387 0.236,-0.403C0.227,-0.419 0.212,-0.427 0.189,-0.427C0.175,-0.427 0.164,-0.423 0.157,-0.415C0.149,-0.407 0.143,-0.394 0.141,-0.375C0.138,-0.356 0.136,-0.33 0.136,-0.295L0.136,-0L0.025,-0L0.025,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,529.561,406.114)">
+                    <path d="M0.253,0.009C0.204,0.009 0.167,0.004 0.141,-0.006C0.114,-0.015 0.096,-0.032 0.085,-0.055C0.074,-0.078 0.068,-0.11 0.068,-0.152C0.068,-0.201 0.076,-0.24 0.091,-0.267C0.106,-0.294 0.132,-0.313 0.169,-0.324C0.206,-0.335 0.258,-0.341 0.325,-0.341L0.404,-0.341L0.404,-0.347C0.404,-0.38 0.397,-0.403 0.382,-0.415C0.367,-0.427 0.34,-0.433 0.299,-0.433C0.262,-0.433 0.238,-0.428 0.225,-0.419C0.212,-0.409 0.206,-0.39 0.207,-0.363L0.085,-0.363C0.083,-0.408 0.088,-0.443 0.101,-0.468C0.113,-0.492 0.135,-0.509 0.166,-0.52C0.197,-0.53 0.241,-0.535 0.299,-0.535C0.357,-0.535 0.402,-0.529 0.434,-0.518C0.465,-0.507 0.488,-0.488 0.501,-0.461C0.514,-0.434 0.521,-0.396 0.521,-0.347L0.521,-0L0.407,-0L0.407,-0.062L0.399,-0.062C0.38,-0.035 0.361,-0.016 0.34,-0.006C0.319,0.004 0.29,0.009 0.253,0.009ZM0.19,-0.161C0.19,-0.136 0.196,-0.118 0.208,-0.109C0.219,-0.1 0.241,-0.095 0.274,-0.095C0.307,-0.095 0.333,-0.099 0.351,-0.108C0.369,-0.117 0.382,-0.131 0.39,-0.152C0.397,-0.173 0.402,-0.202 0.403,-0.241L0.304,-0.24C0.274,-0.239 0.251,-0.237 0.235,-0.232C0.218,-0.227 0.207,-0.22 0.2,-0.209C0.193,-0.198 0.19,-0.182 0.19,-0.161Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,558.361,406.114)">
+                    <path d="M0.235,-0.728L0.388,-0.728L0.388,-0.587L0.235,-0.587L0.235,-0.728ZM0.09,-0.103L0.264,-0.103L0.264,-0.419L0.1,-0.419L0.1,-0.522L0.384,-0.522L0.384,-0.103L0.551,-0.103L0.551,-0L0.09,-0L0.09,-0.103Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,587.161,406.114)">
+                    <path d="M0.068,-0.522L0.19,-0.522L0.19,-0.45L0.198,-0.45C0.217,-0.483 0.236,-0.505 0.256,-0.517C0.276,-0.529 0.304,-0.535 0.341,-0.535C0.392,-0.535 0.431,-0.529 0.458,-0.517C0.485,-0.504 0.505,-0.484 0.517,-0.455C0.528,-0.426 0.534,-0.384 0.534,-0.33L0.534,-0L0.412,-0L0.412,-0.332C0.412,-0.369 0.405,-0.394 0.392,-0.407C0.378,-0.42 0.352,-0.427 0.315,-0.427C0.282,-0.427 0.257,-0.422 0.24,-0.413C0.222,-0.404 0.209,-0.388 0.202,-0.366C0.194,-0.343 0.19,-0.312 0.19,-0.271L0.19,-0L0.068,-0L0.068,-0.522Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,615.961,406.114)">
+                    <path d="M0.204,-0.203L0.394,-0.203L0.394,-0.02L0.204,-0.02L0.204,-0.203ZM0.204,-0.596L0.394,-0.596L0.394,-0.413L0.204,-0.413L0.204,-0.596Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,644.761,406.114)">
+                    <path d="M0.057,-0.68L0.185,-0.68L0.185,-0.41L0.415,-0.41L0.415,-0.68L0.543,-0.68L0.543,-0L0.415,-0L0.415,-0.297L0.185,-0.297L0.185,-0L0.057,-0L0.057,-0.68Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,673.561,406.114)">
+                    <path d="M0.096,-0.68L0.518,-0.68L0.518,-0.57L0.224,-0.57L0.224,-0.408L0.478,-0.408L0.478,-0.298L0.224,-0.298L0.224,-0.11L0.538,-0.11L0.538,-0L0.096,-0L0.096,-0.68Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,702.361,406.114)">
+                    <path d="M0.211,-0.68L0.389,-0.68L0.586,-0L0.46,-0L0.416,-0.15L0.186,-0.15L0.143,-0L0.018,-0L0.211,-0.68ZM0.387,-0.261L0.3,-0.564L0.299,-0.564L0.216,-0.261L0.387,-0.261Z" style="fill-rule:nonzero;"/>
+                </g>
+                <g transform="matrix(48,0,0,48,731.161,406.114)">
+                    <path d="M0.231,0.008C0.182,0.008 0.123,0.005 0.054,-0L0.054,-0.68C0.097,-0.683 0.135,-0.684 0.17,-0.684C0.208,-0.684 0.242,-0.682 0.272,-0.679C0.348,-0.672 0.407,-0.656 0.449,-0.633C0.49,-0.61 0.52,-0.575 0.537,-0.528C0.554,-0.481 0.563,-0.415 0.563,-0.331C0.563,-0.243 0.553,-0.175 0.533,-0.127C0.513,-0.078 0.479,-0.044 0.432,-0.023C0.385,-0.002 0.318,0.008 0.231,0.008ZM0.182,-0.105C0.222,-0.102 0.248,-0.101 0.261,-0.102C0.306,-0.105 0.341,-0.113 0.366,-0.128C0.391,-0.143 0.408,-0.167 0.419,-0.2C0.429,-0.233 0.434,-0.279 0.434,-0.338C0.434,-0.394 0.429,-0.438 0.419,-0.47C0.409,-0.501 0.392,-0.525 0.369,-0.54C0.345,-0.555 0.311,-0.564 0.268,-0.569C0.234,-0.572 0.205,-0.574 0.182,-0.574L0.182,-0.105Z" style="fill-rule:nonzero;"/>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/testing-guidelines/playwright.md b/testing-guidelines/playwright.md
new file mode 100644
index 0000000..aa93af1
--- /dev/null
+++ b/testing-guidelines/playwright.md
@@ -0,0 +1,103 @@
+## Playwright Tips
+
+Gradio uses [playwright](https://playwright.dev/docs/intro) to interact with gradio applications programmatically to ensure that both the frontend and backend function as expected.
+Playwright is very powerful but it can be a little intimidating if you haven't used it before.
+No one on the team is a testing expert so don't be afraid to ask if you're unsure how to do something.
+Likewise, if you learn something new about playwright, please share with the team!
+
+### Tip 1 - Retrying Assertions
+
+Playwright tests are written imperatively - first type into this textbox, then click this button, then check this textbox has this output.
+This is nice because it matches how users interact with Gradio applications.
+However, playwright carries out these steps much faster than any human can!
+This can cause you to check whether a textbox has the correct output before the server is finished processing the request.
+
+For this reason, playwright ships with some [retrying assertions](https://playwright.dev/docs/test-assertions#auto-retrying-assertions).
+These assertions will retry until they pass or a timeout is reached, by default 5 seconds.
+So even if playwright checks a DOM element before the server is done, it gives the server a chance to finish by retrying.
+
+An example of a retrying assertion is `toBeChecked`. Note that you can manually increase the timeout as well:
+
+```js
+// 5 seconds
+await expect(page.getByTestId('checkbox')).toBeChecked({timeout?: 5000});
+```
+
+An example of a non-retrying assertion is `isChecked`:
+
+```js
+await expect(page.getByTestId("checkbox").isChecked());
+```
+
+Sometimes there may not be a retrying assertion for what you need to check.
+In that case, you can retry any custom async function until it passes using `toPass` ([docs](https://playwright.dev/docs/test-assertions#expecttopass)).
+
+```js
+await expect(async () => {
+	const response = await page.request.get("https://api.example.com");
+	expect(response.status()).toBe(200);
+}).toPass();
+```
+
+### Tip 2 - Don't rely on internal network calls to check if something is done
+
+Internal network calls are not visible to the user, so they can be refactored whenever.
+If we have tests that rely on a request to a given route finishing before moving on, for example, they will fail if we ever change the route name or some other implementation detail.
+
+It's much better to use a retrying assertion that targets a visible DOM element with a larger timeout to check if some work is done.
+
+Avoid this:
+
+```js
+const uploadButton = page...
+await uploadButton.click();
+await page.waitForRequest("**/upload?*");
+await expect(page.getByTestId("file-component")).toHaveValue(...)
+```
+
+Do This:
+
+```js
+const uploadButton = page...
+await uploadButton.click();
+await expect(page.getByTestId("file-component")).toHaveValue(..., {timeout?: 5000});
+```
+
+### Tip 3 - Use the playwright trace viewer
+
+Whenever a test fails locally, playwright will write out some details about the test to the `test-results` directory at the top level of the repo.
+
+You can view the trace using the following command:
+
+```bash
+npx playwright show-trace test-results/<directory-name>/trace.zip
+```
+
+You can see a "video" of the failing test, a screenshot of when it failed, as well as all the network calls and console messages.
+
+![local_trace_viewer](https://github.com/gradio-app/gradio/assets/41651716/31ed5fa8-e1d9-43a0-9757-469905678683)
+
+If a test fails on CI, you can obtain the same trace by downloading the artifact from github actions.
+
+1. From the failing Github Actions page, go to the `Summary` page
+2. Scroll down to the bottom to where it says `Artifacts`
+3. Click on `playwright-screenshots` to download a zip archive.
+4. Unzip it and use the `show-trace` command.
+
+![download_trace](https://github.com/gradio-app/gradio/assets/41651716/20c279a8-9a56-4dcf-8df0-c4711e305515)
+
+### Tip 4 - Playwright can write the test for you
+
+You can write the basic skeleton of the test automatically by just interacting with the UI!
+
+First, start a gradio demo from the command line. Then use the following command and point it to the URL of the running demo:
+
+```bash
+npx playwright codegen <url>
+```
+
+This will open up a Chromium session where each interaction with the page will be converted into a playwright accessor.
+
+NOTE: Only copy the `test("test-name", ....)` not the imports. For playwright to work when running in the gradio CI, `test` and `expect` need to be imported from `@self/tootils`.
+
+![code_gen_demo](https://github.com/gradio-app/gradio/assets/41651716/96003fba-d17c-46b9-9c6d-35218fbdfb6f)
diff --git a/testing-guidelines/quality-strategy.md b/testing-guidelines/quality-strategy.md
new file mode 100644
index 0000000..22e32f2
--- /dev/null
+++ b/testing-guidelines/quality-strategy.md
@@ -0,0 +1,110 @@
+# Quality Strategy
+
+Very brief, mildly aspirational quality strategy document. This isn't where we are but it is where we want to get to.
+
+This document does not detail how to setup an environment or how to run the tests locally nor does it contain any best practices that we try to follow when writing tests, that information exists in the [contributing guide](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md).
+
+## Objectives
+
+The purposes of all testing activities on Gradio fit one of the following objectives:
+
+1. Ensure that the Gradio library functions as we expect it to.
+2. Enable the maintenance team to quickly identify both the presence and source of defects.
+3. Prevent regressions, i.e. if we fix something it should stay fixed.
+4. Improve the quality of the codebase in order to ease maintenance efforts.
+5. Reduce the amount of manual testing required.
+
+## Scope
+
+Testing is always a tradeoff. We can't cover everything unless we want to spend all of our time writing and running tests. We should focus on a few keys areas.
+
+We should not focus on code coverage but on test coverage following the below criteria:
+
+- The documented Gradio API (that's the bit that users interact with via python) should be tested thoroughly. (1)
+- Additional gradio elements that are both publicly available and used internally (such as the Python and JS client libraries) should be tested thoroughly. (1)
+- Additional gradio elements that are publicly available should be tested as thoroughly as is reasonable (this could be things like demos/the gradio CLI/ other tooling). The importance of each individual component, and the appropriate investment of effort, needs to be assessed on a case-by-case basis. (1)
+- Element boundaries should be tested where there is reasonable cause to do so (e.g. config generation) (1)
+- Implementation details should only be tested where there is sufficient complexity to warrant it. (1)
+- Bug fixes should be accompanied by tests wherever is reasonably possible. (3)
+
+## Types of testing
+
+Our tests will broadly fall into one of three categories:
+
+- Static Quality checks
+- Dynamic 'Code' tests
+- Dynamic Functional tests
+
+### Static Quality checks
+
+Static quality checks are generally very fast to run and do not require building the code base. They also provide the least value. These tests would be things like linting, typechecking, and formatting.
+
+While they offer little in terms of testing functionality they align very closely with objective (4, 5) as they generally help to keep the codebase in good shape and offer very fast feedback. Such check are almost free from an authoring point of view as fixes can be mostly automated (either via scripts or editor integrations).
+
+### Dynamic code tests
+
+These tests generally test either isolated pieces of code or test the relationship between parts of the code base. They sometimes test functionality or give indications of working functionality but never offer enough confidence to rely on them solely.
+
+These test are usually either unit or integration tests. They are generally pretty quick to write (especially unit tests) and run and offer a moderate amount of confidence. They align closely with Objectives 2 and 3 and a little bit of 1.
+
+These kind of tests should probably make up the bulk of our handwritten tests.
+
+### Dynamic functional tests
+
+These tests give by far the most confidence as they are testing only the functionality of the software and do so by running the entire software itself, exactly as a user would.
+
+This aligns very closely with objective 1 but significantly impacts objective 5, as these tests are costly to both write and run. Despite the value, due to the downside we should try to get as much out of other tests types as we can, reserving functional testing for complex use cases and end-to-end journey.
+
+Tests in this category could be browser-based end-to-end tests, accessibility tests, or performance tests. They are sometimes called acceptance tests.
+
+## Testing tools
+
+We currently use the following tools:
+
+### Static quality checks
+
+- ruff formatting (python)
+- ruff linting (python)
+- pyright type-checking (python)
+- prettier formatting (javascript/svelte)
+- eslint linting (javascript/svelte)
+- TypeScript type-checking (javascript/svelte)
+
+### Dynamic code tests
+
+- pytest (python unit and integration tests)
+- vitest (node-based unit and integration tests)
+- playwright (browser-based unit and integration tests)
+
+### Functional/acceptance tests
+
+- playwright (full end to end testing)
+- chromatic (visual testing)
+- Accessibility testing [to do]
+
+## Supported environments and versions
+
+All operating systems refer to the current runner variants supported by GitHub actions.
+
+All unspecified version segments (`x`) refer to latest.
+
+| Software | Version(s)            | Operating System(s)               |
+| -------- | --------------------- | --------------------------------- |
+| Python   | `3.10.x`              | `ubuntu-latest`, `windows-latest` |
+| Node     | `18.x.x`              | `ubuntu-latest`                   |
+| Browser  | `playwright-chrome-x` | `ubuntu-latest`                   |
+
+## Test execution
+
+Tests need to be executed in a number of environments and at different stages of the development cycle in order to be useful. The requirements for tests are as follows:
+
+- **Locally**: it is important that developers can easily run most tests locally to ensure a passing suite before making a PR. There are some exceptions to this, certain tests may require access to secret values which we cannot make available to all possible contributors for practical security reasons. It is reasonable that it isn't possible to run these tests but they should be disabled by default when running locally.
+- **CI** - It is _critical_ that all tests run successfully in CI with no exceptions. Not every test is required to pass to satisfy CI checks for practical reasons but it is required that all tests should run in CI and notify us if something unexpected happens in order for the development team to take appropriate action.
+
+For instructions on how to write and run tests see the [contributing guide](https://github.com/gradio-app/gradio/blob/main/CONTRIBUTING.md).
+
+## Managing defects
+
+As we formalise our testing strategy and bring / keep our test up to standard, it is important that we have some principles on managing defects as they occur/ are reported. For now we can have one very simple rule:
+
+- Every bug fix should be accompanied by a test that failed before the fix and passes afterwards. This test should _typically_ be a dynamic code test but it could be a linting rule or new type if that is appropriate. There are always exceptions but we should think very carefully before ignoring this rule.
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..15265fc
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,71 @@
+{
+	"compilerOptions": {
+		"moduleResolution": "bundler",
+		"module": "esnext",
+		"lib": ["es2022", "DOM", "dom.iterable"],
+		/**
+			svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
+			to enforce using \`import type\` instead of \`import\` for Types.
+			*/
+		"verbatimModuleSyntax": true,
+		"resolveJsonModule": true,
+		"strict": true,
+		"sourceMap": true,
+		"esModuleInterop": true,
+		"skipLibCheck": true,
+		"forceConsistentCasingInFileNames": true,
+		"allowJs": true,
+		"checkJs": true,
+		"outDir": "dist",
+		"baseUrl": ".",
+		"paths": {
+			"./pure": ["./pure.js"]
+			// "@gradio/client": ["./client/js/src/index.ts"]
+		},
+		"plugins": [
+			{
+				"name": "typescript-svelte-plugin",
+				// the following options can be set additionally; they are optional; their default values are listed here
+				"enabled": true, // enables this plugin
+				"assumeIsSvelteProject": false // if true, skip detection and always assume it's a Svelte project
+			}
+		],
+		"types": ["vite/client", "@testing-library/jest-dom"],
+		"customConditions": ["gradio"],
+		"target": "es2022"
+	},
+	"exclude": [
+		"**/_website/**/*",
+		"**/app/**/*",
+		"**/dist/**/*",
+		"**/public/**/*",
+		"**/.config/**/*",
+		"**/*.test.ts",
+		"**/*.stories.*",
+		".github/**/*",
+		"**/demo/**/*",
+		"**/gradio/**/*",
+		"**/guides/**/*",
+		"**/readme_files/**/*",
+		"**/scripts/**/*",
+		"**/test/**/*",
+		"**/website/**/*",
+		"**/node_modules/**/*",
+		"**/venv/**/*",
+		"client/js/**",
+		"**/vite.config*",
+		".changeset/*.cjs",
+		"**/storybook-static/**/*",
+		"**/build/out/**/*",
+		"**/component-test/**/*",
+		"**/js/wasm/src/webworker/**/*"
+	],
+	"include": [
+		"**/*.d.ts",
+		"**/*.js",
+		"**/*.ts",
+		"**/*.svelte",
+		"client/js/**/*",
+		"!**/dist/**/*"
+	]
+}
diff --git a/tsconfig.tmp.json b/tsconfig.tmp.json
new file mode 100644
index 0000000..645e90e
--- /dev/null
+++ b/tsconfig.tmp.json
@@ -0,0 +1,5 @@
+{
+	"extends": "./tsconfig.json",
+	"include": ["js/utils/src/utils.svelte.ts"],
+	"exclude": []
+}